@validol4ik/uikit 0.9.5 → 0.9.7

package/dist/DropdownButton-BQrXTfDg.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("vue"),l=require("./index-Cekw313Q.cjs"),B=require("./QMenu-DGfnSFI-.cjs"),k={[l.SIZES.SM]:"3px 9px",[l.SIZES.MD]:"5px 12px",[l.SIZES.LG]:"6px 15px",[l.SIZES.XL]:"9px 20px"},q=l.createComponent({name:"QBtnGroup",props:{unelevated:Boolean,outline:Boolean,flat:Boolean,rounded:Boolean,square:Boolean,push:Boolean,stretch:Boolean,glossy:Boolean,spread:Boolean},setup(e,{slots:r}){const t=n.computed(()=>{const u=["unelevated","outline","flat","rounded","square","push","stretch","glossy"].filter(d=>e[d]===!0).map(d=>`q-btn-group--${d}`).join(" ");return`q-btn-group row no-wrap${u.length!==0?" "+u:""}`+(e.spread===!0?" q-btn-group--spread":" inline")});return()=>n.h("div",{class:t.value},l.hSlot(r.default))}}),M=Object.keys(l.nonRoundBtnProps);function I(e){return M.reduce((r,t)=>{const u=e[t];return u!==void 0&&(r[t]=u),r},{})}const A=l.createComponent({name:"QBtnDropdown",props:{...l.nonRoundBtnProps,...B.useTransitionProps,modelValue:Boolean,split:Boolean,dropdownIcon:String,contentClass:[Array,String,Object],contentStyle:[Array,String,Object],cover:Boolean,persistent:Boolean,noEscDismiss:Boolean,noRouteDismiss:Boolean,autoClose:Boolean,noRefocus:Boolean,noFocus:Boolean,menuAnchor:{type:String,default:"bottom end"},menuSelf:{type:String,default:"top end"},menuOffset:Array,disableMainBtn:Boolean,disableDropdown:Boolean,noIconAnimation:Boolean,toggleAriaLabel:String},emits:["update:modelValue","click","beforeShow","show","beforeHide","hide"],setup(e,{slots:r,emit:t}){const{proxy:u}=n.getCurrentInstance(),d=n.ref(e.modelValue),i=n.ref(null),c=B.useId(),f=n.computed(()=>{const o={"aria-expanded":d.value===!0?"true":"false","aria-haspopup":"true","aria-controls":c.value,"aria-label":e.toggleAriaLabel||u.$q.lang.label[d.value===!0?"collapse":"expand"](e.label)};return(e.disable===!0||e.split===!1&&e.disableMainBtn===!0||e.disableDropdown===!0)&&(o["aria-disabled"]="true"),o}),a=n.computed(()=>"q-btn-dropdown__arrow"+(d.value===!0&&e.noIconAnimation===!1?" rotate-180":"")+(e.split===!1?" q-btn-dropdown__arrow-container":"")),b=n.computed(()=>l.getBtnDesignAttr(e)),m=n.computed(()=>I(e));n.watch(()=>e.modelValue,o=>{var s;(s=i.value)==null||s[o?"show":"hide"]()}),n.watch(()=>e.split,w);function g(o){d.value=!0,t("beforeShow",o)}function p(o){t("show",o),t("update:modelValue",!0)}function S(o){d.value=!1,t("beforeHide",o)}function v(o){t("hide",o),t("update:modelValue",!1)}function y(o){t("click",o)}function C(o){l.stop(o),w(),t("click",o)}function D(o){var s;(s=i.value)==null||s.toggle(o)}function h(o){var s;(s=i.value)==null||s.show(o)}function w(o){var s;(s=i.value)==null||s.hide(o)}return Object.assign(u,{show:h,hide:w,toggle:D}),n.onMounted(()=>{e.modelValue===!0&&h()}),()=>{const o=[n.h(l.QIcon,{class:a.value,name:e.dropdownIcon||u.$q.iconSet.arrow.dropdown})];return e.disableDropdown!==!0&&o.push(n.h(B.QMenu,{ref:i,id:c.value,class:e.contentClass,style:e.contentStyle,cover:e.cover,fit:!0,persistent:e.persistent,noEscDismiss:e.noEscDismiss,noRouteDismiss:e.noRouteDismiss,autoClose:e.autoClose,noFocus:e.noFocus,noRefocus:e.noRefocus,anchor:e.menuAnchor,self:e.menuSelf,offset:e.menuOffset,separateClosePopup:!0,transitionShow:e.transitionShow,transitionHide:e.transitionHide,transitionDuration:e.transitionDuration,onBeforeShow:g,onShow:p,onBeforeHide:S,onHide:v},r.default)),e.split===!1?n.h(l.QBtn,{class:"q-btn-dropdown q-btn-dropdown--simple",...m.value,...f.value,disable:e.disable===!0||e.disableMainBtn===!0,noWrap:!0,round:!1,onClick:y},{default:()=>l.hSlot(r.label,[]).concat(o),loading:r.loading}):n.h(q,{class:"q-btn-dropdown q-btn-dropdown--split no-wrap q-btn-item",rounded:e.rounded,square:e.square,...b.value,glossy:e.glossy,stretch:e.stretch},()=>[n.h(l.QBtn,{class:"q-btn-dropdown--current",...m.value,disable:e.disable===!0||e.disableMainBtn===!0,noWrap:!0,round:!1,onClick:C},{default:r.label,loading:r.loading}),n.h(l.QBtn,{class:"q-btn-dropdown__arrow-container q-anchor--skip",...f.value,...b.value,disable:e.disable===!0||e.disableDropdown===!0,rounded:e.rounded,color:e.color,textColor:e.textColor,dense:e.dense,size:e.size,padding:e.padding,ripple:e.ripple},()=>o)])}}}),L={key:1,class:"dropdown-btn__label"},R=n.defineComponent({__name:"DropdownButton",props:{size:{default:l.SIZES.MD},transparent:{type:Boolean},flat:{type:Boolean},rounded:{type:Boolean},color:{default:l.COLORS.PRIMARY},iconLeft:{},iconMiddle:{},hideDropIcon:{type:Boolean},disabled:{type:Boolean},loading:{type:Boolean},ariaLabel:{},label:{},menuOffset:{},menuAnchor:{},menuSelf:{},menuClass:{},glass:{type:Boolean}},emits:["menuShown","menuHidden"],setup(e,{emit:r}){const t=e,u=r,d=n.ref(!1),i=n.computed(()=>["dropdown-btn",{"dropdown-btn_default":!t.transparent&&!t.flat,"dropdown-btn_trans":t.transparent,"dropdown-btn_flat":t.flat,"dropdown-btn_rounded":t.rounded,"dropdown-btn_icon-left":t.iconLeft,"dropdown-btn_icon-middle":t.iconMiddle,"dropdown-btn_no-drop":t.hideDropIcon},`dropdown-btn_${t.size}`,`dropdown-btn_${t.color}`]),c=()=>{d.value=!0,u("menuShown")},f=()=>{d.value=!1,u("menuHidden")};return(a,b)=>(n.openBlock(),n.createBlock(n.unref(A),{"no-caps":"",unelevated:"",modelValue:d.value,"onUpdate:modelValue":b[0]||(b[0]=m=>d.value=m),class:n.normalizeClass(i.value),padding:n.unref(k)[a.size||n.unref(l.SIZES).MD],loading:a.loading,disable:a.disabled||void 0,"aria-label":a.ariaLabel,"menu-offset":a.menuOffset,"menu-anchor":a.menuAnchor,"menu-self":a.menuSelf,"content-class":["kl-menu dropdown-menu",{"glass-menu":a.glass},a.menuClass],"dropdown-icon":"icon-kl icon-kl-arrow-down",onBeforeShow:c,onBeforeHide:f},{label:n.withCtx(()=>[a.iconLeft||a.iconMiddle?(n.openBlock(),n.createElementBlock("i",{key:0,class:n.normalizeClass(["icon-kl",a.iconLeft?"icon-kl_left":"icon-kl_middle",`icon-kl-${a.iconLeft||a.iconMiddle}`,a.transparent||a.flat?`text-${a.color}`:"text-secondary"])},null,2)):n.createCommentVNode("",!0),a.label?(n.openBlock(),n.createElementBlock("span",L,n.toDisplayString(a.label),1)):n.createCommentVNode("",!0),n.renderSlot(a.$slots,"label",{},void 0,!0)]),default:n.withCtx(()=>[n.renderSlot(a.$slots,"default",{},void 0,!0),n.renderSlot(a.$slots,"options",{hideMenu:f,showMenu:c},void 0,!0)]),_:3},8,["modelValue","class","padding","loading","disable","aria-label","menu-offset","menu-anchor","menu-self","content-class"]))}}),V=l._export_sfc(R,[["__scopeId","data-v-9ad6865d"]]);exports.default=V;