UNPKG

@square/maker

Version:

Maker Design System by Square

2 lines 4.82 kB
!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("../../components/Theme"),require("../../utils/assert"),require("../../utils/css-validator"),require("colord"));else if("function"==typeof define&&define.amd)define(["../../components/Theme","../../utils/assert","../../utils/css-validator","colord"],t);else{var r="object"==typeof exports?t(require("../../components/Theme"),require("../../utils/assert"),require("../../utils/css-validator"),require("colord")):t(e["../../components/Theme"],e["../../utils/assert"],e["../../utils/css-validator"],e.colord);for(var s in r)("object"==typeof exports?exports:e)[s]=r[s]}}(this,(function(e,t,r,s){return(()=>{"use strict";var o={219:t=>{t.exports=e},455:e=>{e.exports=t},948:e=>{e.exports=r},235:e=>{e.exports=s}},l={};function n(e){var t=l[e];if(void 0!==t)return t.exports;var r=l[e]={exports:{}};return o[e](r,r.exports,n),r.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 r in t)n.o(t,r)&&!n.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},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 i={};return(()=>{n.r(i),n.d(i,{MContainer:()=>d});var e=n(235),t=n(455),r=n.n(t),s=n(219),o=n(948),l=n.n(o);const a={inject:{theme:{default:(0,s.defaultTheme)(),from:s.MThemeKey}},inheritAttrs:!1,props:{label:{type:String,default:void 0},sublabel:{type:String,default:void 0},requirementLabel:{type:String,default:void 0},size:{type:String,default:"medium",validator:e=>["small","medium","large"].includes(e)},bgColor:{type:String,default:void 0,validator:t=>(0,e.colord)(t).isValid()||"transparent"===t},color:{type:String,default:void 0,validator:t=>(0,e.colord)(t).isValid()},padding:{type:String,default:"16px 24px",validator:l()("padding")}},computed:{...(0,s.resolveThemeableProps)("container",["bgColor","color"]),style(){return{"--bg-color":this.resolvedBgColor,"--color":this.resolvedColor,"--padding":this.padding}},hasLabel(){return this.$slots.label||this.label},hasSublabel(){return this.$slots.sublabel||this.sublabel},hasRequirementLabel(){return this.$slots.requirementLabel||this.$slots["requirement-label"]||this.requirementLabel},hasHeaderContent(){return this.hasLabel||this.hasSublabel||this.hasRequirementLabel}},mounted(){r().warn(!(this.$slots.label&&this.label),"Label slot cannot be used together with label prop, former overrides the latter.","Container"),r().warn(!(this.$slots.sublabel&&this.sublabel),"Sublabel slot cannot be used together with sublabel prop, former overrides the latter.","Container"),r().warn(!((this.$slots.requirementLabel||this.$slots["requirement-label"])&&this.requirementLabel),"Requirement Label slot cannot be used together with requirement label prop, former overrides the latter.","Container")}},u={Container:"📚19-10-2qgBQ0",Label:"📚19-10-2Z2G32",size_small:"📚19-10-2rA2CG",size_medium:"📚19-10-2HmOW3",size_large:"📚19-10-2XJvD5",Sublabel:"📚19-10-2zfbi9",RequirementLabel:"📚19-10-2B6FKi",Header:"📚19-10-2_pri2"};const d=function(e,t,r,s,o,l,n,i){var a,u="function"==typeof e?e.options:e;if(t&&(u.render=t,u.staticRenderFns=r,u._compiled=!0),s&&(u.functional=!0),l&&(u._scopeId="data-v-"+l),n?(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__),o&&o.call(this,e),e&&e._registeredComponents&&e._registeredComponents.add(n)},u._ssrRegister=a):o&&(a=i?function(){o.call(this,(u.functional?this.parent:this).$root.$options.shadowRoot)}:o),a)if(u.functional){u._injectStyles=a;var d=u.render;u.render=function(e,t){return a.call(t),d(e,t)}}else{var b=u.beforeCreate;u.beforeCreate=b?[].concat(b,a):[a]}return{exports:e,options:u}}(a,(function(){var e=this,t=e.$createElement,r=e._self._c||t;return r("section",e._g(e._b({class:[e.$s.Container,e.$s["size_"+e.size]],style:e.style},"section",e.$attrs,!1),e.$listeners),[e.hasHeaderContent?r("header",{class:e.$s.Header},[e.hasLabel?r("div",{class:e.$s.Label},[e._t("label",(function(){return[e._v("\n\t\t\t\t"+e._s(e.label)+"\n\t\t\t")]})),e._v(" "),e.hasSublabel?r("div",{class:e.$s.Sublabel},[e._t("sublabel",(function(){return[e._v("\n\t\t\t\t\t"+e._s(e.sublabel)+"\n\t\t\t\t")]}))],2):e._e()],2):e._e(),e._v(" "),e.hasRequirementLabel?r("div",{class:e.$s.RequirementLabel},[e._t("requirement-label",(function(){return[e._v("\n\t\t\t\t"+e._s(e.requirementLabel)+"\n\t\t\t")]}))],2):e._e()]):e._e(),e._v(" "),e._t("default")],2)}),[],!1,(function(e){this.$s=u.locals||u}),null,null).exports})(),i})()})); //# sourceMappingURL=script.js.map