JezK

Edit File: sc-payment-selected2.js.map

{"file":"sc-payment-selected2.js","mappings":";;;AAAA,MAAM,oBAAoB,GAAG,omBAAomB,CAAC;AACloB,gCAAe,oBAAoB;;MCWtB,iBAAiB;;;;;;;;IAK5B,MAAM;QACJ,QACE,4DAAK,KAAK,EAAC,kBAAkB,EAAC,IAAI,EAAC,MAAM,IACvC,6DAAM,IAAI,EAAC,MAAM,GAAG,EAEpB,4DAAK,KAAK,EAAC,yBAAyB,IAAE,IAAI,CAAC,KAAK,CAAO,EAEvD,mEAAY,KAAK,EAAE,EAAE,WAAW,EAAE,4BAA4B,EAAE,EAAE,WAAW,EAAC,kCAAkC,GAAc,EAE9H,4DAAK,IAAI,EAAC,cAAc,EAAC,KAAK,EAAC,gCAAgC,IAC7D,4DAAK,IAAI,EAAC,MAAM,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,0BAA0B,EAAC,KAAK,EAAC,4BAA4B,EAAC,IAAI,EAAC,cAAc,IACzH,6DACE,OAAO,EAAC,IAAI,eACF,SAAS,eACT,SAAS,EACnB,CAAC,EAAC,qYAAqY,GACjY,CACJ,EACN,4DAAK,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,qCAAqC,IAC1D,8DAAQ,CACJ,CACF,CACF,EACN;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/ui/payment-selected/sc-payment-selected.scss?tag=sc-payment-selected&encapsulation=shadow","src/components/ui/payment-selected/sc-payment-selected.tsx"],"sourcesContent":[":host {\n display: block;\n}\n\n::slotted([slot=icon]) {\n display: block;\n font-size: 24px;\n}\n\n.payment-selected {\n display: flex;\n flex-direction: column;\n gap: var(--sc-spacing-x-small);\n\n &__label {\n color: var(--sc-input-label-color);\n line-height: var(--sc-line-height-dense);\n font-size: var(--sc-font-size-medium);\n }\n\n &__instructions {\n display: flex;\n justify-content: flex-start;\n align-items: center;\n gap: 1em;\n\n svg {\n width: 42px;\n height: 42px;\n flex-shrink: 0;\n }\n }\n\n &__instructions-text {\n color: var(--sc-input-label-color);\n font-size: var(--sc-font-size-small);\n line-height: var(--sc-line-height-dense);\n }\n}\n","import { Component, h, Prop } from '@stencil/core';\nimport { __ } from '@wordpress/i18n';\n\n/**\n * @part divider - The divider.\n * @part divider__line - The divider line.\n */\n@Component({\n tag: 'sc-payment-selected',\n styleUrl: 'sc-payment-selected.scss',\n shadow: true,\n})\nexport class ScPaymentSelected {\n @Prop() iconName: string;\n\n @Prop() label: string;\n\n render() {\n return (\n <div class=\"payment-selected\" part=\"base\">\n <slot name=\"icon\" />\n\n <div class=\"payment-selected__label\">{this.label}</div>\n\n <sc-divider style={{ '--spacing': 'var(--sc-spacing-xx-small)' }} exportparts=\"base:divider, line:divider__line\"></sc-divider>\n\n <div part=\"instructions\" class=\"payment-selected__instructions\">\n <svg part=\"icon\" viewBox=\"0 0 48 40\" fill=\"var(--sc-color-gray-500)\" xmlns=\"http://www.w3.org/2000/svg\" role=\"presentation\">\n <path\n opacity=\".6\"\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n d=\"M43 5a4 4 0 00-4-4H17a4 4 0 00-4 4v11a1 1 0 102 0V5a2 2 0 012-2h22a2 2 0 012 2v30a2 2 0 01-2 2H17a2 2 0 01-2-2v-9a1 1 0 10-2 0v9a4 4 0 004 4h22a4 4 0 004-4V5zM17.992 16.409L21.583 20H6a1 1 0 100 2h15.583l-3.591 3.591a1 1 0 101.415 1.416l5.3-5.3a1 1 0 000-1.414l-5.3-5.3a1 1 0 10-1.415 1.416zM17 6a1 1 0 011-1h15a1 1 0 011 1v2a1 1 0 01-1 1H18a1 1 0 01-1-1V6zm21-1a1 1 0 100 2 1 1 0 000-2z\"\n ></path>\n </svg>\n <div part=\"text\" class=\"payment-selected__instructions-text\">\n <slot />\n </div>\n </div>\n </div>\n );\n }\n}\n"],"version":3}