JezK

Edit File: sc-dashboard-module2.js.map

{"file":"sc-dashboard-module2.js","mappings":";;;;AAAA,MAAM,oBAAoB,GAAG,40BAA40B,CAAC;AAC12B,gCAAe,oBAAoB;;;;;;;;;;;;8aC6BH,UAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/ui/dashboard-module/sc-dashboard-module.scss?tag=sc-dashboard-module&encapsulation=shadow","src/components/ui/dashboard-module/sc-dashboard-module.tsx"],"sourcesContent":[":host {\n display: block;\n position: relative;\n}\n\n.dashboard-module {\n display: grid;\n gap: var(--sc-dashboard-module-spacing, 1em);\n\n > *,\n ::slotted(*) {\n min-width: 0;\n }\n}\n\n.heading {\n font-family: var(--sc-font-sans);\n display: flex;\n flex-wrap: wrap;\n gap: 1em;\n align-items: center;\n justify-content: space-between;\n\n &__text {\n display: grid;\n flex: 1;\n gap: calc(var(--sc-dashboard-module-spacing, 1em) / 2);\n }\n\n @media screen and (min-width: 720px) {\n gap: 2em;\n }\n}\n\n.heading__title {\n font-size: var(--sc-dashbaord-module-heading-size, var(--sc-font-size-x-large));\n font-weight: var(--sc-dashbaord-module-heading-weight, var(--sc-font-weight-bold));\n line-height: var(--sc-dashbaord-module-heading-line-height, var(--sc-line-height-dense));\n white-space: nowrap;\n}\n\n.heading__description {\n font-size: var(--sc-font-size-normal);\n line-height: var(--sc-line-height-dense);\n opacity: 0.85;\n}\n","import { Component, h, Prop } from '@stencil/core';\nimport { __ } from '@wordpress/i18n';\n\n/**\n * @part base - The elements base wrapper.\n * @part heading - The heading.\n * @part heading-text - The heading text wrapper.\n * @part heading-title - The heading title.\n * @part heading-description - The heading description.\n * @part error__base - The alert base wrapper.\n * @part error__icon - The alert icon.\n * @part error__text - The alert text.\n * @part error__title - The alert title.\n * @part error__ message - The alert message.\n */\n@Component({\n tag: 'sc-dashboard-module',\n styleUrl: 'sc-dashboard-module.scss',\n shadow: true,\n})\nexport class ScDashboardModule {\n @Prop() heading: string;\n @Prop() error: string;\n @Prop() loading: boolean;\n\n render() {\n return (\n <div class=\"dashboard-module\" part=\"base\">\n {!!this.error && (\n <sc-alert exportparts=\"base:error__base, icon:error__icon, text:error__text, title:error__title, message:error__message\" open={!!this.error} type=\"danger\">\n <span slot=\"title\">{__('Error', 'surecart')}</span>\n {this.error}\n </sc-alert>\n )}\n\n <div class=\"heading\" part=\"heading\">\n <div class=\"heading__text\" part=\"heading-text\">\n <div class=\"heading__title\" part=\"heading-title\">\n <slot name=\"heading\" aria-label={this.heading}>{this.heading}</slot>\n </div>\n <div class=\"heading__description\" part=\"heading-description\">\n <slot name=\"description\"></slot>\n </div>\n </div>\n <slot name=\"end\"></slot>\n </div>\n\n <slot></slot>\n </div>\n );\n }\n}\n"],"version":3}