| Current Path : /var/www/homesaver/www/bitrix/js/ui/vue3/components/rich-menu/dist/ |
| Current File : /var/www/homesaver/www/bitrix/js/ui/vue3/components/rich-menu/dist/rich-menu.bundle.min.js |
this.BX=this.BX||{};this.BX.UI=this.BX.UI||{};this.BX.UI.Vue3=this.BX.UI.Vue3||{};(function(t,e,n){"use strict";const i={name:"RichMenu",template:`\n\t\t<div class="ui-rich-menu__container">\n\t\t\t<slot name="header"></slot>\n\t\t\t<slot></slot>\n\t\t\t<slot name="footer"></slot>\n\t\t</div>\n\t`};const s=Object.freeze({check:"check",copy:"copy","opened-eye":"opened-eye",pencil:"pencil","red-lock":"red-lock",role:"role",settings:"settings","trash-bin":"trash-bin"});const o={name:"RichMenuItem",components:{Hint:e.Hint},props:{icon:{type:String,required:false,default:"",validator(t){return t===""||Object.keys(s).includes(t)}},title:{type:String,required:true},subtitle:{type:String,required:false,default:""},hint:{type:String,required:false,default:""},disabled:{type:Boolean,required:false,default:false},counter:{type:Number,required:false,default:0}},computed:{formattedCounter(){if(this.counter===0){return""}return this.counter>99?"99+":String(this.counter)}},template:`\n\t\t<div class="ui-rich-menu-item__container" :class="{'--disabled': disabled}">\n\t\t\t<div class="ui-rich-menu-item__content" :class="{'--with-icon': !!icon}">\n\t\t\t\t<div v-if="icon" class="ui-rich-menu-item__icon" :class="'--' + icon"></div>\n\t\t\t\t<div class="ui-rich-menu-item__text-content" :class="{'--with-subtitle': !!subtitle}">\n\t\t\t\t\t<div class="ui-rich-menu-item__title">\n\t\t\t\t\t\t<div class="ui-rich-menu-item__title_text">{{ title }}</div>\n\t\t\t\t\t\t<slot name="after-title"></slot>\n\t\t\t\t\t\t<div v-if="counter" class="ui-rich-menu-item__title_counter">{{ formattedCounter }}</div>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div v-if="subtitle" :title="subtitle" class="ui-rich-menu-item__subtitle">{{ subtitle }}</div>\n\t\t\t\t\t<slot name="below-content"></slot>\n\t\t\t\t</div>\n\t\t\t\t<Hint v-if="hint" :text="hint"/>\n\t\t\t</div>\n\t\t</div>\n\t`};const l=Object.freeze({width:275,padding:0,closeIcon:false,autoHide:true,closeByEsc:true,animation:"fading",contentBorderRadius:"10px"});const c={name:"RichMenuPopup",emits:["close"],components:{Popup:n.Popup,RichMenu:i},props:{popupOptions:{type:Object,default:{}}},computed:{allOptions(){return{...l,...this.popupOptions}}},template:`\n\t\t<Popup @close="$emit('close')" :options="allOptions">\n\t\t\t<RichMenu v-bind="$attrs">\n\t\t\t\t<template #header>\n\t\t\t\t\t<slot name="header"></slot>\n\t\t\t\t</template>\n\t\t\t\t<slot></slot>\n\t\t\t\t<template #footer>\n\t\t\t\t\t<slot name="footer"></slot>\n\t\t\t\t</template>\n\t\t\t</RichMenu>\n\t\t</Popup>\n\t`};t.RichMenu=i;t.RichMenuItem=o;t.RichMenuItemIcon=s;t.RichMenuPopup=c})(this.BX.UI.Vue3.Components=this.BX.UI.Vue3.Components||{},BX.Vue3.Components,BX.UI.Vue3.Components);
//# sourceMappingURL=rich-menu.bundle.map.js