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

Maker Design System by Square

!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("../../components/Card"),require("../../components/Theme"),require("../../utils/assert"),require("../../utils/get-contrast"),require("colord"));else if("function"==typeof define&&define.amd)define(["../../components/Card","../../components/Theme","../../utils/assert","../../utils/get-contrast","colord"],t);else{var s="object"==typeof exports?t(require("../../components/Card"),require("../../components/Theme"),require("../../utils/assert"),require("../../utils/get-contrast"),require("colord")):t(e["../../components/Card"],e["../../components/Theme"],e["../../utils/assert"],e["../../utils/get-contrast"],e.colord);for(var o in s)("object"==typeof exports?exports:e)[o]=s[o]}}(this,(function(e,t,s,o,r){return(()=>{"use strict";var l={363:t=>{t.exports=e},219:e=>{e.exports=t},455:e=>{e.exports=s},174:e=>{e.exports=o},235:e=>{e.exports=r}},i={};function n(e){var t=i[e];if(void 0!==t)return t.exports;var s=i[e]={exports:{}};return l[e](s,s.exports,n),s.exports}n.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return n.d(t,{a:t}),t},n.d=(e,t)=>{for(var s in t)n.o(t,s)&&!n.o(e,s)&&Object.defineProperty(e,s,{enumerable:!0,get:t[s]})},n.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),n.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var c={};return(()=>{n.r(c),n.d(c,{MChoice:()=>u,MChoiceCard:()=>C,MChoiceOption:()=>f});var e=n(219),t=n(455),s=n.n(t),o=n(174),r=n(235);const l=Symbol("ChoiceKey"),i={provide(){return{[l]:this}},inject:{theme:{default:(0,e.defaultTheme)(),from:e.MThemeKey}},model:{prop:"selected",event:"choice:update"},props:{selected:{type:void 0,default:void 0},disabled:{type:Boolean,default:!1},mode:{type:String,default:"single-select",validator:e=>["single-select","multi-select"].includes(e)},selectedColor:{type:String,default:void 0,validator:e=>(0,r.colord)(e).isValid},wrapChoices:{type:Boolean,default:!1}},data(){return{currentValue:this.selected,isMultiSelect:"multi-select"===this.mode}},computed:{...(0,e.resolveThemeableProps)("choice",["selectedColor"]),contrastColor(){return(0,o.getContrast)(this.resolvedSelectedColor,"#fff")},style(){return this.resolvedSelectedColor?{"--selected-color":this.resolvedSelectedColor,"--selected-contrast-color":this.contrastColor}:{}}},watch:{selected(){this.validateProps(),this.currentValue=this.selected},currentValue(e){this.$emit("choice:update",e)}},created(){this.validateProps()},methods:{validateProps(){this.isMultiSelect&&s().error(Array.isArray(this.selected),"The v-model value for a multi-select must be of type Array.","Choice")},isSelected(e){return this.isMultiSelect?this.currentValue.includes(e):this.currentValue===e},selectValue(e){if(this.isMultiSelect){const t=this.currentValue.slice();if(t.includes(e)){const s=1;t.splice(t.indexOf(e),s)}else t.push(e);e=t}this.currentValue=e}}},a={Choice:"📚19-10-2_xYdB",wrapChoices:"📚19-10-2tz72g"};function d(e,t,s,o,r,l,i,n){var c,a="function"==typeof e?e.options:e;if(t&&(a.render=t,a.staticRenderFns=s,a._compiled=!0),o&&(a.functional=!0),l&&(a._scopeId="data-v-"+l),i?(c=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)},a._ssrRegister=c):r&&(c=n?function(){r.call(this,(a.functional?this.parent:this).$root.$options.shadowRoot)}:r),c)if(a.functional){a._injectStyles=c;var d=a.render;a.render=function(e,t){return c.call(t),d(e,t)}}else{var u=a.beforeCreate;a.beforeCreate=u?[].concat(u,c):[c]}return{exports:e,options:a}}const u=d(i,(function(){var e,t=this,s=t.$createElement;return(t._self._c||s)("div",{class:(e={},e[t.$s.Choice]=!0,e[t.$s.wrapChoices]=t.wrapChoices,e),style:t.style},[t._t("default")],2)}),[],!1,(function(e){this.$s=a.locals||a}),null,null).exports;const p={inject:{controlState:l},props:{value:{type:void 0,required:!0},disabled:{type:Boolean,default:!1}},computed:{isSelected(){return this.controlState.isSelected(this.value)},isDisabled(){return this.disabled||this.controlState.disabled}},methods:{selectSelf(){this.controlState.selectValue(this.value)}}},h={ChoiceOption:"📚19-10-2JrUHk",selected:"📚19-10-2MLoDE"};const f=d(p,(function(){var e,t=this,s=t.$createElement;return(t._self._c||s)("button",{class:[t.$s.ChoiceOption,(e={},e[t.$s.selected]=t.isSelected,e)],attrs:{disabled:t.isDisabled},on:{click:t.selectSelf}},[t._t("default")],2)}),[],!1,(function(e){this.$s=h.locals||h}),null,null).exports;const m={components:{MCard:n(363).MCard},inject:{controlState:l},props:{value:{type:void 0,required:!0},disabled:{type:Boolean,default:!1}},computed:{isSelected(){return this.controlState.isSelected(this.value)},isDisabled(){return this.disabled||this.controlState.disabled}},methods:{selectSelf(){this.isDisabled||this.controlState.selectValue(this.value)}}},v={ChoiceCard:"📚19-10-2_HzRD",selected:"📚19-10-2PayF3",disabled:"📚19-10-2QPgUh"};const C=d(m,(function(){var e,t=this,s=t.$createElement;return(t._self._c||s)("m-card",{class:[t.$s.ChoiceCard,(e={},e[t.$s.selected]=t.isSelected,e[t.$s.disabled]=t.isDisabled,e)],attrs:{disabled:t.isDisabled},on:{click:t.selectSelf}},[t._t("default",null,{selected:t.isSelected})],2)}),[],!1,(function(e){this.$s=v.locals||v}),null,null).exports})(),c})()}));
//# sourceMappingURL=script.js.map