@square/maker/components/Select/script.js

📚 Maker Design System by Square

!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("../../utils/BlockFormControlLayout"),require("@square/maker-icons/ChevronDown"));else if("function"==typeof define&&define.amd)define(["../../utils/BlockFormControlLayout","@square/maker-icons/ChevronDown"],t);else{var n="object"==typeof exports?t(require("../../utils/BlockFormControlLayout"),require("@square/maker-icons/ChevronDown")):t(e["../../utils/BlockFormControlLayout"],e["@square/maker-icons/ChevronDown"]);for(var o in n)("object"==typeof exports?exports:e)[o]=n[o]}}(this,(function(e,t){return function(e){var t={};function n(o){if(t[o])return t[o].exports;var r=t[o]={i:o,l:!1,exports:{}};return e[o].call(r.exports,r,r.exports,n),r.l=!0,r.exports}return n.m=e,n.c=t,n.d=function(e,t,o){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:o})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var o=Object.create(null);if(n.r(o),Object.defineProperty(o,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var r in e)n.d(o,r,function(t){return e[t]}.bind(null,r));return o},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="",n(n.s=4)}([function(e,t,n){e.exports={variant_fill:"📚4-7-01MnG6",variant_outline:"📚4-7-01pZ1U",SelectContainer:"📚4-7-01Na1Z",Prefix:"📚4-7-03sm7k",Select:"📚4-7-01dhpY",hasPrefix:"📚4-7-03SmSS",selected:"📚4-7-02yt9B",Icon:"📚4-7-03TfiR"}},function(e,t,n){"use strict";var o=n(0),r=n.n(o);n.d(t,"default",(function(){return r.a}))},function(t,n){t.exports=e},function(e,n){e.exports=t},function(e,t,n){"use strict";n.r(t),n.d(t,"MSelect",(function(){return u}));var o=n(2),r=n(3),l={components:{ChevronDownIcon:n.n(r).a},inheritAttrs:!1,model:{prop:"value",event:"select:update"},props:{variant:{type:String,default:"fill",validator:e=>["fill","outline"].includes(e)},value:{type:String,default:void 0},placeholder:{type:String,default:""},options:{type:Array,required:!0},invalid:{type:Boolean,default:!1}},computed:{selected:{get(){return this.value},set(e){return this.$emit("select:update",e),e}},optionSelected(){return this.options.find((e=>e.value===this.value))},placeholderValue(){return this.optionSelected?void 0:this.value}},mounted(){this.setCustomValidity()},updated(){this.setCustomValidity()},methods:{setCustomValidity(){const e=this.invalid?"invalid":"";this.$refs.select.setCustomValidity(e)}}},i=n(1);function s(e,t,n,o,r,l,i,s){var a,u="function"==typeof e?e.options:e;if(t&&(u.render=t,u.staticRenderFns=n,u._compiled=!0),o&&(u.functional=!0),l&&(u._scopeId="data-v-"+l),i?(a=function(e){(e=e||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext)||"undefined"==typeof __VUE_SSR_CONTEXT__||(e=__VUE_SSR_CONTEXT__),r&&r.call(this,e),e&&e._registeredComponents&&e._registeredComponents.add(i)},u._ssrRegister=a):r&&(a=s?function(){r.call(this,(u.functional?this.parent:this).$root.$options.shadowRoot)}:r),a)if(u.functional){u._injectStyles=a;var c=u.render;u.render=function(e,t){return a.call(t),c(e,t)}}else{var d=u.beforeCreate;u.beforeCreate=d?[].concat(d,a):[a]}return{exports:e,options:u}}var a=s(l,(function(){var e,t=this,n=t.$createElement,o=t._self._c||n;return o("div",{class:[t.$s.SelectContainer,t.$s["variant_"+t.variant]]},[t.$slots.prefix?o("span",{class:t.$s.Prefix},[t._t("prefix")],2):t._e(),t._v(" "),o("select",t._g(t._b({directives:[{name:"model",rawName:"v-model",value:t.selected,expression:"selected"}],ref:"select",class:[t.$s.Select,(e={},e[t.$s.selected]=t.optionSelected,e[t.$s.invalid]=t.invalid,e[t.$s.hasPrefix]=t.$slots.prefix,e)],on:{change:function(e){var n=Array.prototype.filter.call(e.target.options,(function(e){return e.selected})).map((function(e){return"_value"in e?e._value:e.value}));t.selected=e.target.multiple?n:n[0]}}},"select",t.$attrs,!1),t.$listeners),[t.placeholder?o("option",{attrs:{disabled:""},domProps:{value:t.placeholderValue}},[t._v("\n\t\t\t"+t._s(t.placeholder)+"\n\t\t")]):t._e(),t._v(" "),t._l(t.options,(function(e){return o("option",{key:e.value,attrs:{disabled:e.disabled},domProps:{value:e.value,selected:e.value===t.value}},[t._v("\n\t\t\t"+t._s(e.label)+"\n\t\t")])}))],2),t._v(" "),o("chevron-down-icon",{class:t.$s.Icon})],1)}),[],!1,(function(e){this.$s=i.default.locals||i.default}),null,null).exports,u=s({components:{MBlockFormControlLayout:o.MBlockFormControlLayout,SelectControl:a},inheritAttrs:!1,model:{prop:"value",event:"select:update"},computed:{isInvalid(){return""===this.$attrs.invalid||this.$attrs.invalid||!!this.$slots.error}}},(function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("m-block-form-control-layout",{scopedSlots:e._u([{key:"control",fn:function(){return[n("select-control",e._g(e._b({attrs:{invalid:e.isInvalid},scopedSlots:e._u([e._l(e.$slots,(function(t,n){return{key:n,fn:function(){return[e._t(n)]},proxy:!0}}))],null,!0)},"select-control",e.$attrs,!1),e.$listeners))]},proxy:!0},{key:"error",fn:function(){return[e._t("error")]},proxy:!0}],null,!0)})}),[],!1,null,null,null).exports}])}));
//# sourceMappingURL=script.js.map