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

📚 Maker Design System by Square

!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t();else if("function"==typeof define&&define.amd)define([],t);else{var n=t();for(var r in n)("object"==typeof exports?exports:e)[r]=n[r]}}(this,(function(){return function(e){var t={};function n(r){if(t[r])return t[r].exports;var o=t[r]={i:r,l:!1,exports:{}};return e[r].call(o.exports,o,o.exports,n),o.l=!0,o.exports}return n.m=e,n.c=t,n.d=function(e,t,r){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:r})},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 r=Object.create(null);if(n.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var o in e)n.d(r,o,function(t){return e[t]}.bind(null,o));return r},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={Button:"📚4-7-01-O4c",shape_pill:"📚4-7-03jKKR",shape_squared:"📚4-7-0K8xIL",selected:"📚4-7-02CjpU"}},function(e,t,n){e.exports={Container:"📚4-7-0c1Rfp",shape_pill:"📚4-7-02yw1A",shape_squared:"📚4-7-01x4uJ",size_small:"📚4-7-03m1zD"}},function(e,t,n){"use strict";var r=n(0),o=n.n(r);n.d(t,"default",(function(){return o.a}))},function(e,t,n){"use strict";var r=n(1),o=n.n(r);n.d(t,"default",(function(){return o.a}))},function(e,t,n){"use strict";n.r(t),n.d(t,"MSegment",(function(){return u})),n.d(t,"MSegmentedControl",(function(){return c}));var r=Symbol("SegmentedControlKey"),o={inject:{controlState:r},props:{value:{type:void 0,required:!0}},computed:{isSelected(){return this.controlState.currentValue===this.value}},methods:{selectSelf(){this.controlState.currentValue=this.value}}},s=n(2);function i(e,t,n,r,o,s,i,u){var l,a="function"==typeof e?e.options:e;if(t&&(a.render=t,a.staticRenderFns=n,a._compiled=!0),r&&(a.functional=!0),s&&(a._scopeId="data-v-"+s),i?(l=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__),o&&o.call(this,e),e&&e._registeredComponents&&e._registeredComponents.add(i)},a._ssrRegister=l):o&&(l=u?function(){o.call(this,(a.functional?this.parent:this).$root.$options.shadowRoot)}:o),l)if(a.functional){a._injectStyles=l;var c=a.render;a.render=function(e,t){return l.call(t),c(e,t)}}else{var d=a.beforeCreate;a.beforeCreate=d?[].concat(d,l):[l]}return{exports:e,options:a}}var u=i(o,(function(){var e,t=this,n=t.$createElement;return(t._self._c||n)("button",{class:[t.$s.Button,t.$s["shape_"+t.controlState.shapeInner],t.$s["size_"+t.controlState.sizeInner],(e={},e[t.$s.selected]=t.isSelected,e)],on:{click:t.selectSelf}},[t._t("default")],2)}),[],!1,(function(e){this.$s=s.default.locals||s.default}),null,null).exports,l={provide(){return{[r]:this.$data}},model:{prop:"selected",event:"segmented-control:update"},props:{selected:{type:void 0,required:!0},shape:{type:String,default:"rounded",validator:e=>["squared","rounded","pill"].includes(e)},size:{type:String,default:"medium",validator:e=>["small","medium"].includes(e)}},data(){return{currentValue:this.selected,shapeInner:this.shape,sizeInner:this.size}},watch:{currentValue(e){this.$emit("segmented-control:update",e)}}},a=n(3);var c=i(l,(function(){var e=this,t=e.$createElement;return(e._self._c||t)("div",{class:[e.$s.Container,e.$s["shape_"+e.shapeInner],e.$s["size_"+e.sizeInner]]},[e._t("default")],2)}),[],!1,(function(e){this.$s=a.default.locals||a.default}),null,null).exports}])}));
//# sourceMappingURL=script.js.map