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

Maker Design System by Square

!function(e,o){if("object"==typeof exports&&"object"==typeof module)module.exports=o(require("../../components/Loading"),require("../../components/Theme"),require("../../utils/constants"),require("../../utils/css-validator"),require("../../utils/get-contrast"),require("colord"),require("lodash/kebabCase"));else if("function"==typeof define&&define.amd)define(["../../components/Loading","../../components/Theme","../../utils/constants","../../utils/css-validator","../../utils/get-contrast","colord","lodash/kebabCase"],o);else{var t="object"==typeof exports?o(require("../../components/Loading"),require("../../components/Theme"),require("../../utils/constants"),require("../../utils/css-validator"),require("../../utils/get-contrast"),require("colord"),require("lodash/kebabCase")):o(e["../../components/Loading"],e["../../components/Theme"],e["../../utils/constants"],e["../../utils/css-validator"],e["../../utils/get-contrast"],e.colord,e["lodash/kebabCase"]);for(var r in t)("object"==typeof exports?exports:e)[r]=t[r]}}(this,(function(e,o,t,r,i,a,d){return(()=>{"use strict";var l={175:o=>{o.exports=e},219:e=>{e.exports=o},30:e=>{e.exports=t},948:e=>{e.exports=r},174:e=>{e.exports=i},235:e=>{e.exports=a},201:e=>{e.exports=d}},s={};function n(e){var o=s[e];if(void 0!==o)return o.exports;var t=s[e]={exports:{}};return l[e](t,t.exports,n),t.exports}n.n=e=>{var o=e&&e.__esModule?()=>e.default:()=>e;return n.d(o,{a:o}),o},n.d=(e,o)=>{for(var t in o)n.o(o,t)&&!n.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:o[t]})},n.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),n.o=(e,o)=>Object.prototype.hasOwnProperty.call(e,o),n.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var u={};return(()=>{n.r(u),n.d(u,{MButton:()=>g});var e=n(201),o=n.n(e),t=n(948),r=n.n(t),i=n(235),a=n(174),d=n(30),l=n(175),s=n(219);function v(e,o){const t=(0,i.colord)(e.color),r=e.colorHover?(0,i.colord)(e.colorHover):t,d=e.textColor||(0,a.getContrast)(e.color,e.textColor),l=!e.textColorHover&&e.colorHover?(0,a.getContrast)(e.colorHover,e.textColor):e.textColorHover;let s;s="fill"===o?r.isDark()?"lighten":"darken":"alpha";const n=e.colorHover&&"fill"===o?e.colorHover:r[s](.08).toHex(),u=r[s](.16).toHex(),v=r.alpha(.3).toHex();return{"--color-main":e.color,"--color-main-hover":e.colorHover,"--color-contrast":d,"--color-contrast-hover":l,"--color-hover":n,"--color-active":u,"--color-focus":v,"--border-radius":e.borderRadius,"--border-radius-hover":e.borderRadiusHover||e.borderRadius,"--border-width":e.borderWidth,"--border-width-hover":e.borderWidthHover||e.borderWidth,"--border-color":e.borderColor,"--border-color-hover":e.borderColorHover||e.borderColor,"--box-shadow":e.boxShadow,"--box-shadow-hover":e.boxShadowHover||e.boxShadow}}const c=new Set(["fontFamily","fontWeight","fontSize","fontStyle","textTransform","textDecoration","letterSpacing"]);function p(e,o){return!n.g.CSS||n.g.CSS.supports(e,o)}function h(e,t,r){const i={};for(const[a,d]of Object.entries(t)){const t=o()(a);c.has(a)&&p(t,d)&&(i["--".concat(t).concat(r)]=e.resolve(d))}return i}const f={components:{MLoading:l.MLoading},inject:{theme:{default:(0,s.defaultTheme)(),from:s.MThemeKey}},inheritAttrs:!1,props:{pattern:{type:String,default:void 0},variant:{type:String,default:void 0,validator:e=>["fill","outline","ghost"].includes(e)},size:{type:String,default:void 0,validator:e=>["small","medium","large"].includes(e)},color:{type:String,default:void 0,validator:e=>(0,i.colord)(e).isValid()},textColor:{type:String,default:void 0,validator:e=>(0,i.colord)(e).isValid()},shape:{type:String,default:void 0,validator:e=>["squared","rounded","pill"].includes(e)},fullWidth:{type:Boolean,default:void 0},align:{type:String,default:void 0,validator:e=>["center","stack","space-between"].includes(e)},tag:{type:String,default:"button",validator:e=>["button","a"].includes(e)},type:{type:String,default:"button"},disabled:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},textPattern:{type:String,default:void 0},textPatternHover:{type:String,default:void 0},colorHover:{type:String,default:void 0,validator:e=>(0,i.colord)(e).isValid()},textColorHover:{type:String,default:void 0,validator:e=>(0,i.colord)(e).isValid()},borderRadius:{type:String,default:void 0,validator:r()("border-radius")},borderRadiusHover:{type:String,default:void 0,validator:r()("border-radius")},borderWidth:{type:String,default:void 0,validator:r()("border-width")},borderWidthHover:{type:String,default:void 0,validator:r()("border-width")},borderColor:{type:String,default:void 0,validator:e=>(0,i.colord)(e).isValid()},borderColorHover:{type:String,default:void 0,validator:e=>(0,i.colord)(e).isValid()},boxShadow:{type:String,default:void 0,validator:r()("box-shadow")},boxShadowHover:{type:String,default:void 0,validator:r()("box-shadow")},ariaLabel:{type:String,default:void 0},pressed:{type:Boolean,default:void 0}},computed:{...(0,s.resolveThemeableProps)("button",["color","colorHover","size","textColor","textColorHover","textPattern","textPatternHover","variant","shape","borderRadius","borderRadiusHover","align","fullWidth","pattern","borderWidth","borderWidthHover","borderColor","borderColorHover","boxShadow","boxShadowHover"]),style(){var e,o,t;const r={color:this.resolvedColor,colorHover:this.resolvedColorHover,textColor:this.resolvedTextColor,textColorHover:this.resolvedTextColorHover,borderRadius:this.resolvedBorderRadius,borderRadiusHover:this.resolvedBorderRadiusHover,borderWidth:this.resolvedBorderWidth,borderWidthHover:this.resolvedBorderWidthHover,borderColor:this.resolvedBorderColor,borderColorHover:this.resolvedBorderColorHover,boxShadow:this.resolvedBoxShadow,boxShadowHover:this.resolvedBoxShadowHover},{resolvedTextPattern:i,resolvedTextPatternHover:a,theme:d}=this,l=(null==d||null===(e=d.text)||void 0===e||null===(o=e.patterns)||void 0===o?void 0:o[i])||{},s=(null===(t=d.text.patterns)||void 0===t?void 0:t[a])||{},n=h(d,l,""),u=h(d,s,"-hover");return{...v(r,this.resolvedVariant),...n,...u}},isDisabled(){return this.disabled||this.loading},fontSize(){var e;return null===(e=this.theme.text.patterns[this.resolvedTextPattern])||void 0===e?void 0:e.fontSize},adjustedSize(){const e=Number.parseInt(this.fontSize,d.BASE_TEN);if(e){const o=14;return e>24?"large":e>o?"medium":"small"}return this.resolvedSize}},methods:{isSingleChild(){if(this.$scopedSlots.information)return!1;const e=(this.$slots.default||[]).filter((e=>e.tag||e.text.trim().length>0));return 1===e.length&&e[0].tag}}},b={Button:"📚19-10-2vQBWk",shape_squared:"📚19-10-2IPrN0",shape_rounded:"📚19-10-2UM3O1",shape_pill:"📚19-10-2aYEm0",iconButton:"📚19-10-2u2Q6y",size_small:"📚19-10-2tMshx",size_medium:"📚19-10-2S6z9M",size_large:"📚19-10-2pt7y9",fullWidth:"📚19-10-2vaDLi",align_center:"📚19-10-2_N8aS",align_stack:"📚19-10-2XfpCI","align_space-between":"📚19-10-2cvBfb",loading:"📚19-10-2f3zc7",Loading:"📚19-10-2LttwZ",variant_fill:"📚19-10-2wcHKQ",variant_outline:"📚19-10-2X_B6s",variant_ghost:"📚19-10-2es_jw",MainText:"📚19-10-2DK0_A",InformationText:"📚19-10-2djO_J",TruncateText:"📚19-10-2O_pqx"};const g=function(e,o,t,r,i,a,d,l){var s,n="function"==typeof e?e.options:e;if(o&&(n.render=o,n.staticRenderFns=t,n._compiled=!0),r&&(n.functional=!0),a&&(n._scopeId="data-v-"+a),d?(s=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__),i&&i.call(this,e),e&&e._registeredComponents&&e._registeredComponents.add(d)},n._ssrRegister=s):i&&(s=l?function(){i.call(this,(n.functional?this.parent:this).$root.$options.shadowRoot)}:i),s)if(n.functional){n._injectStyles=s;var u=n.render;n.render=function(e,o){return s.call(o),u(e,o)}}else{var v=n.beforeCreate;n.beforeCreate=v?[].concat(v,s):[s]}return{exports:e,options:n}}(f,(function(){var e,o,t=this,r=t.$createElement,i=t._self._c||r;return i(t.tag,t._g(t._b({tag:"component",class:[t.$s.Button,t.$s["variant_"+t.resolvedVariant],t.$s["size_"+t.adjustedSize],t.$s["shape_"+t.resolvedShape],t.$s["align_"+t.resolvedAlign],(e={},e[t.$s.fullWidth]=t.resolvedFullWidth,e[t.$s.iconButton]=t.isSingleChild()&&!t.resolvedFullWidth,e[t.$s.loading]=t.loading,e)],style:t.style,attrs:{type:t.type,disabled:t.isDisabled,role:"a"===t.tag?"button":void 0,"aria-disabled":t.isDisabled?"true":void 0,"aria-label":t.ariaLabel,"aria-pressed":void 0!==t.pressed?String(t.pressed):void 0}},"component",t.$attrs,!1),t.$listeners),[t.loading?i("m-loading",{class:t.$s.Loading}):t._e(),t._v(" "),i("span",{class:[t.$s.MainText,(o={},o[t.$s.TruncateText]=!t.isSingleChild(),o)]},[t._t("default")],2),t._v(" "),t.$scopedSlots.information?i("span",{class:[t.$s.InformationText,t.$s.TruncateText]},[t._t("information")],2):t._e()],1)}),[],!1,(function(e){this.$s=b.locals||b}),null,null).exports})(),u})()}));
//# sourceMappingURL=script.js.map