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

Maker Design System by Square

!function(r,o){if("object"==typeof exports&&"object"==typeof module)module.exports=o(require("../../utils/debug"),require("@square/maker-icons/AlertCircleFilled"),require("@square/maker-icons/AlertTriangleFilled"),require("@square/maker-icons/ArrowUp"),require("@square/maker-icons/Check"),require("@square/maker-icons/CheckCircleFilled"),require("@square/maker-icons/ChevronDown"),require("@square/maker-icons/ChevronLeft"),require("@square/maker-icons/ChevronRight"),require("@square/maker-icons/ChevronUp"),require("@square/maker-icons/InfoFilled"),require("@square/maker-icons/Minus"),require("@square/maker-icons/Plus"),require("@square/maker-icons/Spinner"),require("@square/maker-icons/X"),require("lodash/get"),require("lodash/isNil"),require("lodash/isString"),require("lodash/merge"),require("lodash/mergeWith"));else if("function"==typeof define&&define.amd)define(["../../utils/debug","@square/maker-icons/AlertCircleFilled","@square/maker-icons/AlertTriangleFilled","@square/maker-icons/ArrowUp","@square/maker-icons/Check","@square/maker-icons/CheckCircleFilled","@square/maker-icons/ChevronDown","@square/maker-icons/ChevronLeft","@square/maker-icons/ChevronRight","@square/maker-icons/ChevronUp","@square/maker-icons/InfoFilled","@square/maker-icons/Minus","@square/maker-icons/Plus","@square/maker-icons/Spinner","@square/maker-icons/X","lodash/get","lodash/isNil","lodash/isString","lodash/merge","lodash/mergeWith"],o);else{var e="object"==typeof exports?o(require("../../utils/debug"),require("@square/maker-icons/AlertCircleFilled"),require("@square/maker-icons/AlertTriangleFilled"),require("@square/maker-icons/ArrowUp"),require("@square/maker-icons/Check"),require("@square/maker-icons/CheckCircleFilled"),require("@square/maker-icons/ChevronDown"),require("@square/maker-icons/ChevronLeft"),require("@square/maker-icons/ChevronRight"),require("@square/maker-icons/ChevronUp"),require("@square/maker-icons/InfoFilled"),require("@square/maker-icons/Minus"),require("@square/maker-icons/Plus"),require("@square/maker-icons/Spinner"),require("@square/maker-icons/X"),require("lodash/get"),require("lodash/isNil"),require("lodash/isString"),require("lodash/merge"),require("lodash/mergeWith")):o(r["../../utils/debug"],r["@square/maker-icons/AlertCircleFilled"],r["@square/maker-icons/AlertTriangleFilled"],r["@square/maker-icons/ArrowUp"],r["@square/maker-icons/Check"],r["@square/maker-icons/CheckCircleFilled"],r["@square/maker-icons/ChevronDown"],r["@square/maker-icons/ChevronLeft"],r["@square/maker-icons/ChevronRight"],r["@square/maker-icons/ChevronUp"],r["@square/maker-icons/InfoFilled"],r["@square/maker-icons/Minus"],r["@square/maker-icons/Plus"],r["@square/maker-icons/Spinner"],r["@square/maker-icons/X"],r["lodash/get"],r["lodash/isNil"],r["lodash/isString"],r["lodash/merge"],r["lodash/mergeWith"]);for(var t in e)("object"==typeof exports?exports:r)[t]=e[t]}}(this,(function(r,o,e,t,l,n,s,i,a,c,u,f,d,m,h,p,g,b,x,v){return(()=>{var C={233:o=>{"use strict";o.exports=r},774:r=>{"use strict";r.exports=o},743:r=>{"use strict";r.exports=e},495:r=>{"use strict";r.exports=t},82:r=>{"use strict";r.exports=l},591:r=>{"use strict";r.exports=n},538:r=>{"use strict";r.exports=s},252:r=>{"use strict";r.exports=i},885:r=>{"use strict";r.exports=a},908:r=>{"use strict";r.exports=c},12:r=>{"use strict";r.exports=u},427:r=>{"use strict";r.exports=f},597:r=>{"use strict";r.exports=d},156:r=>{"use strict";r.exports=m},438:r=>{"use strict";r.exports=h},566:r=>{"use strict";r.exports=p},361:r=>{"use strict";r.exports=g},946:r=>{"use strict";r.exports=b},893:r=>{"use strict";r.exports=x},420:r=>{"use strict";r.exports=v},719:r=>{r.exports=function(){return{"neutral-0":"#ffffff","neutral-10":"#f1f1f1","neutral-20":"#919191","neutral-80":"#707070","neutral-90":"#1b1b1b","neutral-100":"#000000",background:"#ffffff",heading:"#000000",body:"#000000",elevation:"#ffffff",overlay:"rgba(0, 0, 0, 0.32)",primary:"#006aff",contextualPrimary:{fill:"#006aff",onFill:"#ffffff",subtle:"#eff2f5",text:"#1c54c7"},error:{fill:"#cd2026",onFill:"#ffffff",text:"#a82826",subtle:"#f6eceb"},warning:{fill:"#ffbf00",onFill:"#000000",text:"#7e662a",subtle:"#f9eecf"},success:{fill:"#008000",onFill:"#ffffff",text:"#0a7A06",subtle:"#ebf1eb"}}}},507:r=>{r.exports=function(){return{button:{size:"medium",variant:"fill",shape:void 0,textPattern:"buttonLabel",textPatternHover:void 0,color:"@colors.primary",textColor:void 0,fullWidth:!1,align:"center",colorHover:void 0,textColorHover:void 0,borderRadius:void 0,borderRadiusHover:void 0,borderWidth:void 0,borderWidthHover:void 0,borderColor:void 0,borderColorHover:void 0,boxShadow:void 0,boxShadowHover:void 0,pattern:void 0,patterns:{primaryFill:{color:"@colors.contextualPrimary.fill",textColor:"@colors.contextualPrimary.onFill"},errorFill:{color:"@colors.error.fill",textColor:"@colors.error.onFill"},successFill:{color:"@colors.success.fill",textColor:"@colors.success.onFill"},warningFill:{color:"@colors.warning.fill",textColor:"@colors.warning.onFill"},infoFill:{color:'@colors["neutral-90"]',textColor:'@colors["neutral-10"]'},primaryOutline:{variant:"outline",color:"@colors.contextualPrimary.text"},errorOutline:{variant:"outline",color:"@colors.error.text"},successOutline:{variant:"outline",color:"@colors.success.text"},warningOutline:{variant:"outline",color:"@colors.warning.text"},infoOutline:{variant:"outline",color:'@colors["neutral-90"]'},primarySubtle:{textColor:"@colors.contextualPrimary.text",color:"@colors.contextualPrimary.subtle"},errorSubtle:{textColor:"@colors.error.text",color:"@colors.error.subtle"},successSubtle:{textColor:"@colors.success.text",color:"@colors.success.subtle"},warningSubtle:{textColor:"@colors.warning.text",color:"@colors.warning.subtle"},infoSubtle:{textColor:'@colors["neutral-90"]',color:'@colors["neutral-10"]'},primaryGhost:{variant:"ghost",color:"@colors.contextualPrimary.text"},errorGhost:{variant:"ghost",color:"@colors.error.text"},successGhost:{variant:"ghost",color:"@colors.success.text"},warningGhost:{variant:"ghost",color:"@colors.warning.text"},infoGhost:{variant:"ghost",color:'@colors["neutral-90"]'}}},link:{color:"@colors.primary"},textbutton:{color:"@colors.primary",size:"medium",pattern:void 0,patterns:{primary:{color:"@colors.contextualPrimary.text"},error:{color:"@colors.error.text"},success:{color:"@colors.success.text"},warning:{color:"@colors.warning.text"},info:{color:'@colors["neutral-90"]'}}},actionbarbutton:{color:"@colors.primary",shape:void 0,textColor:void 0,fullWidth:!1,align:"center"},image:{shape:void 0},card:{shape:void 0,variant:"outline"},text:{size:0,fontFamily:"@fonts.body.fontFamily",color:"@colors.body",element:"p",fontWeight:"@fonts.body.fontWeight",fontStyle:"inherit",textTransform:"inherit",textAlign:"inherit",pattern:"paragraph",fontSize:void 0,textDecoration:void 0,patterns:{headline:{size:7,fontFamily:"@fonts.heading.fontFamily",fontWeight:"@fonts.heading.fontWeight",element:"h1",color:"@colors.heading"},title:{size:3,fontFamily:"@fonts.heading.fontFamily",fontWeight:"@fonts.heading.fontWeight",element:"h2",color:"@colors.heading"},paragraph:{},label:{fontFamily:"@fonts.label.fontFamily",fontWeight:"@fonts.label.fontWeight"},buttonLabel:{fontFamily:"@fonts.label.fontFamily",fontWeight:"@fonts.label.fontWeight"}}},choice:{selectedColor:"@colors.primary"},stepper:{color:'@colors["neutral-10"]',textColor:'@colors["neutral-90"]',shape:void 0},notice:{type:"info",iconName:"info",iconColor:'@colors["neutral-80"]',color:'@colors["neutral-90"]',bgColor:'@colors["neutral-10"]',pattern:"info",patterns:{primary:{iconColor:"@colors.contextualPrimary.fill",color:"@colors.contextualPrimary.text",bgColor:"@colors.contextualPrimary.subtle"},error:{type:"error",iconName:"error",iconColor:"@colors.error.fill",color:"@colors.error.text",bgColor:"@colors.error.subtle"},success:{type:"success",iconName:"success",iconColor:"@colors.success.fill",color:"@colors.success.text",bgColor:"@colors.success.subtle"},warning:{type:"warning",iconName:"warning",iconColor:"@colors.warning.fill",color:"@colors.warning.text",bgColor:"@colors.warning.subtle"},info:{}}},pill:{textColor:'@colors["neutral-0"]',bgColor:'@colors["neutral-90"]',pattern:"info",patterns:{primary:{textColor:"@colors.contextualPrimary.onFill",bgColor:"@colors.contextualPrimary.fill"},error:{textColor:"@colors.error.onFill",bgColor:"@colors.error.fill"},success:{textColor:"@colors.success.onFill",bgColor:"@colors.success.fill"},warning:{textColor:"@colors.warning.onFill",bgColor:"@colors.warning.fill"},info:{},primaryOutline:{textColor:"@colors.contextualPrimary.text",bgColor:"transparent"},errorOutline:{textColor:"@colors.error.text",bgColor:"transparent"},successOutline:{textColor:"@colors.success.text",bgColor:"transparent"},warningOutline:{textColor:"@colors.warning.text",bgColor:"transparent"},infoOutline:{textColor:'@colors["neutral-90"]',bgColor:"transparent"},primarySubtle:{textColor:"@colors.contextualPrimary.text",bgColor:"@colors.contextualPrimary.subtle"},errorSubtle:{textColor:"@colors.error.text",bgColor:"@colors.error.subtle"},successSubtle:{textColor:"@colors.success.text",bgColor:"@colors.success.subtle"},warningSubtle:{textColor:"@colors.warning.text",bgColor:"@colors.warning.subtle"},infoSubtle:{textColor:'@colors["neutral-90"]',bgColor:'@colors["neutral-10"]'}}},badge:{textColor:'@colors["neutral-0"]',bgColor:'@colors["neutral-90"]',pattern:"info",patterns:{primary:{textColor:"@colors.contextualPrimary.onFill",bgColor:"@colors.contextualPrimary.fill"},error:{textColor:"@colors.error.onFill",bgColor:"@colors.error.fill"},success:{textColor:"@colors.success.onFill",bgColor:"@colors.success.fill"},warning:{textColor:"@colors.warning.onFill",bgColor:"@colors.warning.fill"},info:{}}},toast:{persistent:!1,dismissAfter:5e3,iconName:"info",showIcon:!1,bgColor:"@colors.background",color:"@colors.body",accentColor:"@colors.body",pattern:"info",patterns:{info:{},success:{iconName:"success",showIcon:!0,accentColor:"@colors.success.fill"},warning:{iconName:"warning",showIcon:!0,accentColor:"@colors.warning.fill"},error:{iconName:"error",showIcon:!0,accentColor:"@colors.error.fill"},primary:{accentColor:"@colors.contextualPrimary.fill"}}},starrating:{color:"@colors.warning.fill"},progresscircle:{color:'@colors["neutral-90"]',iconColor:'@colors["neutral-90"]',iconName:"info",showIcon:!1,pattern:void 0,patterns:{info:{iconName:"info",showIcon:!0,color:'@colors["neutral-90"]',iconColor:'@colors["neutral-90"]'},warning:{iconName:"warning",showIcon:!0,color:"@colors.warning.fill",iconColor:"@colors.warning.fill"},error:{iconName:"error",showIcon:!0,color:"@colors.error.fill",iconColor:"@colors.error.fill"},success:{iconName:"success",showIcon:!0,color:"@colors.success.fill",iconColor:"@colors.success.fill"},primary:{iconName:"info",showIcon:!0,color:"@colors.contextualPrimary.fill",iconColor:"@colors.contextualPrimary.fill"}}},progressbar:{color:'@colors["neutral-90"]',size:"medium",shape:void 0,pattern:"info",patterns:{info:{},warning:{color:"@colors.warning.fill"},error:{color:"@colors.error.fill"},success:{color:"@colors.success.fill"},primary:{color:"@colors.contextualPrimary.fill"}}},modal:{color:"@colors.body",bgColor:"@colors.background"},dialog:{color:"@colors.body",bgColor:"@colors.background"},blade:{color:"@colors.body",bgColor:"@colors.background"},container:{color:void 0,bgColor:void 0},divider:{color:'@colors["neutral-20"]',size:"1px",pattern:void 0,patterns:{"gap-8":{color:'@colors["neutral-10"]',size:"8px"},"gap-16":{color:'@colors["neutral-10"]',size:"16px"}}},icon:{color:"currentColor",fill:"currentColor",name:"info",pattern:void 0,patterns:{info:{color:'@colors["neutral-90"]',name:"info"},warning:{color:"@colors.warning.fill",name:"warning"},error:{color:"@colors.error.fill",name:"error"},success:{color:"@colors.success.fill",name:"success"},primary:{color:"@colors.contextualPrimary.fill",name:"info"}}}}}},800:r=>{r.exports=function(){return{baseSize:16,sizeScale:1.17,heading:{fontFamily:"inherit",fontWeight:"500"},body:{fontFamily:"inherit",fontWeight:"400"},label:{fontFamily:"inherit",fontWeight:"500"}}}},216:(r,o,e)=>{const t=e(743).default,l=e(774).default,n=e(591).default,s=e(12).default,i=e(908).default,a=e(538).default,c=e(252).default,u=e(885).default,f=e(438).default,d=e(597).default,m=e(427).default,h=e(495).default,p=e(82).default,g=e(156).default;r.exports=function(){return{error:r=>r(l),warning:r=>r(t),success:r=>r(n),info:r=>r(s),chevronUp:r=>r(i),chevronDown:r=>r(a),chevronLeft:r=>r(c),chevronRight:r=>r(u),close:r=>r(f),plus:r=>r(d),minus:r=>r(m),arrowUp:r=>r(h),check:r=>r(p),spinner:r=>r(g)}}},160:r=>{r.exports=function(){return{defaultBorderRadius:"4px",cardBorderRadius:"4px",buttonBorderRadius:"4px",imageBorderRadius:"0px"}}},886:(r,o,e)=>{const t=e(216),{resolve:l,getPath:n}=e(155),s=e(719),i=e(800),a=e(160),c=e(507);r.exports=function(){return{resolve:l,getPath:n,colors:s(),fonts:i(),icons:t(),shapes:a(),profiles:{},...c()}}},567:r=>{r.exports=function(r){const{colors:o,fonts:e,shapes:t}=r;return{"--maker-color-neutral-0":o["neutral-0"],"--maker-color-neutral-10":o["neutral-10"],"--maker-color-neutral-20":o["neutral-20"],"--maker-color-neutral-80":o["neutral-80"],"--maker-color-neutral-90":o["neutral-90"],"--maker-color-neutral-100":o["neutral-100"],"--maker-color-primary":o.primary,"--maker-color-background":o.background,"--maker-color-heading":o.heading,"--maker-color-body":o.body,"--maker-color-elevation":o.elevation,"--maker-color-overlay":o.overlay,"--maker-color-error-fill":o.error.fill,"--maker-font-heading-font-family":e.heading.fontFamily,"--maker-font-heading-font-weight":e.heading.fontWeight,"--maker-font-body-font-family":e.body.fontFamily,"--maker-font-body-font-weight":e.body.fontWeight,"--maker-font-label-font-family":e.label.fontFamily,"--maker-font-label-font-weight":e.label.fontWeight,"--maker-shape-default-border-radius":t.defaultBorderRadius,"--maker-shape-card-border-radius":t.cardBorderRadius,"--maker-shape-button-border-radius":t.buttonBorderRadius,"--maker-shape-image-border-radius":t.imageBorderRadius,"--maker-shape-thumbnail-border-radius":"".concat((l=t.imageBorderRadius,n=0,s=8,Math.min(Math.max(Number.parseInt(l,10),n),s)),"px")};var l,n,s}},155:(r,o,e)=>{const t=e(946),l=e(361),n=e(566);r.exports={getPath:function(r){if(!t(r))throw new Error("cannot resolve pointer ".concat(r," it is not a string"));if(!r.startsWith("@"))throw new Error("cannot resolve pointer ".concat(r," it is missed the @ prefix"));const o=r.slice(1),e=n(this,o);if(l(e))throw new Error("invalid pointer ".concat(r," does not point to a field that exists within the theme"));return e},resolve:function(r){return t(r)&&r.startsWith("@")?this.resolve(this.getPath(r)):r},resolveThemeableProps:function(r,o){const e={};for(const n of o)"pattern"===n?e.resolvedPattern=function(){if(!l(this.pattern))return this.pattern;let o;const e=this.theme[r].pattern;if(l(e)||(o=e),l(o))return;const t=this.theme.resolve(o),n=this.$vnode.componentOptions.Ctor.extendOptions.props.pattern.validator;if(n){if(!n(t))throw new Error('Invalid value "'.concat(t,'" for prop "pattern" for component "').concat(r,'" in theme.'))}else{var s;if(!(null===(s=this.theme[r].patterns)||void 0===s?void 0:s[t]))throw new Error('Invalid pattern "'.concat(t,'" for component "').concat(r,'" in theme.'))}return t}:e["resolved".concat((t=n,t[0].toUpperCase()+t.slice(1)))]=function(){if(!l(this[n]))return this[n];let o;const e=this.theme[r][n];if(l(e)||(o=e),!l(this.resolvedPattern)){var t,s;const e=null===(t=this.theme[r].patterns)||void 0===t||null===(s=t[this.resolvedPattern])||void 0===s?void 0:s[n];l(e)||(o=e)}if(l(o))return;const i=this.theme.resolve(o),a=this.$vnode.componentOptions.Ctor.extendOptions.props[n].validator;if(a&&!a(i))throw new Error('Invalid value "'.concat(i,'" for prop "').concat(n,'" for component "').concat(r,'" in theme.'));return i};var t;return e}}}},y={};function k(r){var o=y[r];if(void 0!==o)return o.exports;var e=y[r]={exports:{}};return C[r](e,e.exports,k),e.exports}k.n=r=>{var o=r&&r.__esModule?()=>r.default:()=>r;return k.d(o,{a:o}),o},k.d=(r,o)=>{for(var e in o)k.o(o,e)&&!k.o(r,e)&&Object.defineProperty(r,e,{enumerable:!0,get:o[e]})},k.o=(r,o)=>Object.prototype.hasOwnProperty.call(r,o),k.r=r=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(r,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(r,"__esModule",{value:!0})};var q={};return(()=>{"use strict";k.r(q),k.d(q,{MTheme:()=>x,MThemeKey:()=>n,defaultTheme:()=>i(),resolveThemeableProps:()=>a.resolveThemeableProps});var r=k(420),o=k.n(r),e=k(893),t=k.n(e),l=k(233);const n=Symbol("ThemeKey");var s=k(886),i=k.n(s),a=k(155),c=k(567),u=k.n(c);function f(r){var o;return null==r||null===(o=r[0])||void 0===o?void 0:o.id}function d(r){const o={};for(const e of r)o[e.id]=e;return o}function m(r,o){const e=d(r),l=d(o);return function(r){const o=[];for(const[e,t]of Object.entries(r))t.id=e,o.push(t);return o}(t()(e,l))}function h(r,o){return function(r){return r&&r.render}(o)?o:f(r)&&f(o)?m(r,o):void 0}function p(r,e,t,n){if(o()(r,e,t,h),n){const e=r.profiles[n];if(e)o()(r,e,h);else{const o=Object.keys(r.profiles);(0,l.showWarning)("profile ".concat(n," doesn't exist within theme, only found: ").concat(o),"Theme")}}r.resolve=a.resolve,r.getPath=a.getPath}const g={inject:{parentTheme:{default:i()(),from:n}},provide(){return{[n]:this.$data}},inheritAttrs:!1,props:{theme:{type:Object,default:()=>({})},profile:{type:String,default:void 0}},data(){const r={};return p(r,this.parentTheme,this.theme,this.profile),r},computed:{styles(){return u()(this)}},watch:{parentTheme:{handler(){p(this.$data,this.parentTheme,this.theme,this.profile)},deep:!0,immediate:!0}},beforeUpdate(){p(this.$data,this.parentTheme,this.theme,this.profile)}},b={Theme:"📚19-10-2rI2oH"};const x=function(r,o,e,t,l,n,s,i){var a,c="function"==typeof r?r.options:r;if(o&&(c.render=o,c.staticRenderFns=e,c._compiled=!0),t&&(c.functional=!0),n&&(c._scopeId="data-v-"+n),s?(a=function(r){(r=r||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext)||"undefined"==typeof __VUE_SSR_CONTEXT__||(r=__VUE_SSR_CONTEXT__),l&&l.call(this,r),r&&r._registeredComponents&&r._registeredComponents.add(s)},c._ssrRegister=a):l&&(a=i?function(){l.call(this,(c.functional?this.parent:this).$root.$options.shadowRoot)}:l),a)if(c.functional){c._injectStyles=a;var u=c.render;c.render=function(r,o){return a.call(o),u(r,o)}}else{var f=c.beforeCreate;c.beforeCreate=f?[].concat(f,a):[a]}return{exports:r,options:c}}(g,(function(){var r=this,o=r.$createElement;return(r._self._c||o)("div",r._g(r._b({class:r.$s.Theme,style:r.styles},"div",r.$attrs,!1),r.$listeners),[r._t("default")],2)}),[],!1,(function(r){this.$s=b.locals||b}),null,null).exports})(),q})()}));
//# sourceMappingURL=script.js.map