JezK

Edit File: sc-heading_2.entry.js.map

{"file":"sc-heading.sc-order-confirm-components-validator.entry.js","mappings":";;AAAA,MAAM,YAAY,GAAG,6hBAA6hB,CAAC;AACnjB,wBAAe,YAAY;;MCMd,SAAS;;;oBAEyB,QAAQ;;IAErD,MAAM;QACJ,QACE,4DACE,IAAI,EAAC,MAAM,EACX,KAAK,EAAE;gBACL,SAAS,EAAE,IAAI;gBACf,gBAAgB,EAAE,IAAI,CAAC,IAAI,KAAK,OAAO;gBACvC,iBAAiB,EAAE,IAAI,CAAC,IAAI,KAAK,QAAQ;gBACzC,gBAAgB,EAAE,IAAI,CAAC,IAAI,KAAK,OAAO;aACxC,IAED,4DAAK,KAAK,EAAE,EAAE,aAAa,EAAE,IAAI,EAAE,IACjC,4DAAK,KAAK,EAAC,gBAAgB,EAAC,IAAI,EAAC,OAAO,IACtC,8DAAa,CACT,EACN,4DAAK,KAAK,EAAC,sBAAsB,EAAC,IAAI,EAAC,aAAa,IAClD,6DAAM,IAAI,EAAC,aAAa,GAAQ,CAC5B,CACF,EACN,6DAAM,IAAI,EAAC,KAAK,GAAQ,CACpB,EACN;KACH;;;;;MC1BU,iCAAiC;;;;;;IAW5C,iBAAiB;;QACf,IAAI,MAAA,IAAI,CAAC,QAAQ,0CAAE,cAAc,EAAE;YACjC,IAAI,CAAC,4BAA4B,EAAE,CAAC;SACrC;KACF;IAED,4BAA4B;;QAC1B,IAAI,IAAI,CAAC,qBAAqB;YAAE,OAAO;QACvC,MAAM,OAAO,GAAG,IAAI,CAAC,EAAE,CAAC,UAAU;aAC/B,aAAa,CAAC,MAAM,CAAC;aACrB,gBAAgB,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;aACnC,IAAI,CAAC,OAAO,IAAI,OAAO,CAAC,OAAO,KAAK,+BAA+B,CAAC,CAAC;QACxE,MAAM,OAAO,GAAG,QAAQ,CAAC,aAAa,CAAC,8BAA8B,CAAC,CAAC;QACvE,MAAA,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,UAAU,0CAAE,YAAY,mDAAG,OAAO,EAAE,OAAO,CAAC,CAAC;QACtD,IAAI,CAAC,qBAAqB,GAAG,IAAI,CAAC;KACnC;IAED,iBAAiB;QACf,IAAI,CAAC,qBAAqB,GAAG,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,8BAA8B,CAAC,CAAC;KACtF;IAED,MAAM;QACJ,OAAO,8DAAQ,CAAC;KACjB;;;;;;;;;","names":[],"sources":["src/components/ui/heading/sc-heading.scss?tag=sc-heading&encapsulation=shadow","src/components/ui/heading/sc-heading.tsx","src/components/providers/sc-order-confirm-components-validator/sc-order-confirm-components-validator.tsx"],"sourcesContent":[":host {\n display: block;\n}\n\n.heading {\n font-family: var(--sc-font-sans);\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n justify-content: space-between;\n\n &--small .heading__title {\n font-size: var(--sc-font-size-small);\n text-transform: uppercase;\n }\n}\n\n.heading__text {\n width: 100%;\n}\n\n.heading__title {\n font-size: var(--sc-font-size-x-large);\n font-weight: var(--sc-font-weight-bold);\n line-height: var(--sc-line-height-dense);\n white-space: normal;\n}\n\n.heading__description {\n font-size: var(--sc-font-size-normal);\n line-height: var(--sc-line-height-dense);\n color: var(--sc-color-gray-500);\n}\n","import { Component, h, Element, Prop } from '@stencil/core';\n\n@Component({\n tag: 'sc-heading',\n styleUrl: 'sc-heading.scss',\n shadow: true,\n})\nexport class ScHeading {\n @Element() el: HTMLElement;\n @Prop() size: 'small' | 'medium' | 'large' = 'medium';\n\n render() {\n return (\n <div\n part=\"base\"\n class={{\n 'heading': true,\n 'heading--small': this.size === 'small',\n 'heading--medium': this.size === 'medium',\n 'heading--large': this.size === 'large',\n }}\n >\n <div class={{ heading__text: true }}>\n <div class=\"heading__title\" part=\"title\">\n <slot></slot>\n </div>\n <div class=\"heading__description\" part=\"description\">\n <slot name=\"description\"></slot>\n </div>\n </div>\n <slot name=\"end\"></slot>\n </div>\n );\n }\n}\n","import { Component, h, State, Element, Watch, Prop } from '@stencil/core';\nimport { Checkout } from '../../../types';\n\n@Component({\n tag: 'sc-order-confirm-components-validator',\n shadow: true,\n})\nexport class ScOrderConfirmComponentsValidator {\n /** The element. */\n @Element() el: HTMLScOrderConfirmComponentsValidatorElement;\n\n /** The checkout */\n @Prop() checkout: Checkout;\n\n /** Does it have manual instructions? */\n @State() hasManualInstructions: boolean;\n\n @Watch('checkout')\n handleOrderChange() {\n if (this.checkout?.manual_payment) {\n this.addManualPaymentInstructions();\n }\n }\n\n addManualPaymentInstructions() {\n if (this.hasManualInstructions) return;\n const details = this.el.shadowRoot\n .querySelector('slot')\n .assignedElements({ flatten: true })\n .find(element => element.tagName === 'SC-ORDER-CONFIRMATION-DETAILS');\n const address = document.createElement('sc-order-manual-instructions');\n details?.parentNode?.insertBefore?.(address, details);\n this.hasManualInstructions = true;\n }\n\n componentWillLoad() {\n this.hasManualInstructions = !!this.el.querySelector('sc-order-manual-instructions');\n }\n\n render() {\n return <slot />;\n }\n}\n"],"version":3}