JezK

Edit File: sc-empty_3.cjs.entry.js.map

{"file":"sc-empty.sc-stacked-list.sc-stacked-list-row.entry.cjs.js","mappings":";;;;;;;AAAA,MAAM,UAAU,GAAG,wUAAwU,CAAC;AAC5V,sBAAe,UAAU;;MCUZ,OAAO;;;;;IAGlB,MAAM;QACJ,QACEA,kEAAK,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,OAAO,IAC3B,CAAC,CAAC,IAAI,CAAC,IAAI,IAAIA,sEAAS,WAAW,EAAC,WAAW,EAAC,IAAI,EAAE,IAAI,CAAC,IAAI,GAAY,EAC5EA,oEAAa,CACT,EACN;KACH;;;;ACrBH,MAAM,gBAAgB,GAAG,2EAA2E,CAAC;AACrG,4BAAe,gBAAgB;;MCMlB,aAAa;;;;IACxB,MAAM;QACJ,OAAOA,oEAAa,CAAC;KACtB;;;;ACVH,MAAM,mBAAmB,GAAG,6pDAA6pD,CAAC;AAC1rD,+BAAe,mBAAmB;;MCOrB,gBAAgB;;;;sBAIF,OAAO;0BAEH,GAAG;;yBAGH,KAAK;yBACL,KAAK;;IAElC,gBAAgB;;QAEd,IAAI,gBAAgB,IAAI,MAAM,EAAE;YAC9B,IAAI,EAAE,GAAG,IAAI,MAAM,CAAC,cAAc,CAAC,OAAO;gBACxC,OAAO,CAAC,OAAO,CAAC,KAAK;oBACnB,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC,WAAW,CAAC,KAAK,CAAC;iBACtC,CAAC,CAAC;aACJ,CAAC,CAAC;YACH,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;SACrB;KACF;IAED,gBAAgB;QACd,IAAI,CAAC,SAAS,GAAG,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,IAAI,CAAC,KAAK,IAAI,KAAK,CAAC,IAAI,KAAK,QAAQ,CAAC,CAAC;QACvF,IAAI,CAAC,SAAS,GAAG,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,IAAI,CAAC,KAAK,IAAI,KAAK,CAAC,IAAI,KAAK,QAAQ,CAAC,CAAC;KACxF;IAED,MAAM;QACJ,MAAM,GAAG,GAAG,IAAI,CAAC,IAAI,GAAG,GAAG,GAAG,KAAK,CAAC;QAEpC,QACEA,QAAC,GAAG,qDACF,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,MAAM,EAAE,IAAI,CAAC,MAAM,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAE;gBACL,UAAU,EAAE,IAAI;gBAChB,sBAAsB,EAAE,IAAI,CAAC,SAAS;gBACtC,sBAAsB,EAAE,IAAI,CAAC,SAAS;gBACtC,eAAe,EAAE,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,UAAU;gBAC9C,kBAAkB,EAACC,eAAK,EAAE;aAC3B,IAEDD,mEAAM,KAAK,EAAC,kBAAkB,IAC5BA,mEAAM,IAAI,EAAC,QAAQ,EAAC,YAAY,EAAE,MAAM,IAAI,CAAC,gBAAgB,EAAE,GAAS,CACnE,EACPA,mEAAM,YAAY,EAAE,MAAM,IAAI,CAAC,gBAAgB,EAAE,GAAS,EAC1DA,mEAAM,KAAK,EAAC,kBAAkB,IAC5BA,mEAAM,IAAI,EAAC,QAAQ,EAAC,YAAY,EAAE,MAAM,IAAI,CAAC,gBAAgB,EAAE,GAAS,CACnE,CACH,EACN;KACH;;;;;;;;;","names":["h","isRtl"],"sources":["src/components/ui/empty/sc-empty.scss?tag=sc-empty&encapsulation=shadow","src/components/ui/empty/sc-empty.tsx","src/components/ui/stacked-list/sc-stacked-list.scss?tag=sc-stacked-list&encapsulation=shadow","src/components/ui/stacked-list/sc-stacked-list.tsx","src/components/ui/stacked-list-row/sc-stacked-list-row.scss?tag=sc-stacked-list-row&encapsulation=shadow","src/components/ui/stacked-list-row/sc-stacked-list-row.tsx"],"sourcesContent":[":host {\n display: block;\n}\n\n.empty {\n display: flex;\n flex-direction: column;\n align-items: center;\n padding: var(--sc-spacing-large);\n text-align: center;\n gap: var(--sc-spacing-small);\n color: var(--sc-empty-color, var(--sc-color-gray-500));\n\n sc-icon {\n font-size: var(--sc-font-size-xx-large);\n color: var(--sc-empty-icon-color, var(--sc-color-gray-700));\n }\n}\n","import { Component, h, Prop } from '@stencil/core';\n\n/**\n * @part base - The elements base wrapper.\n * @part icon - The icon.\n */\n@Component({\n tag: 'sc-empty',\n styleUrl: 'sc-empty.scss',\n shadow: true,\n})\nexport class ScEmpty {\n @Prop() icon: string;\n\n render() {\n return (\n <div part=\"base\" class=\"empty\">\n {!!this.icon && <sc-icon exportparts=\"base:icon\" name={this.icon}></sc-icon>}\n <slot></slot>\n </div>\n );\n }\n}\n",":host {\n display: block;\n font-family: var(--sc-font-sans);\n}\n\n:slotted(*) {\n margin: 0;\n}\n","import { Component, h } from '@stencil/core';\n\n@Component({\n tag: 'sc-stacked-list',\n styleUrl: 'sc-stacked-list.scss',\n shadow: true,\n})\nexport class ScStackedList {\n render() {\n return <slot></slot>;\n }\n}\n",":host {\n display: block;\n --column-width-min: 125px;\n position: relative;\n}\n\n:host(:not(:last-child)) {\n border-bottom: 1px solid var(--sc-stacked-list-border-color, var(--sc-color-gray-200));\n}\n\n:host(:focus-within) {\n z-index: 2;\n}\n\n.list-row {\n background: var(--sc-list-row-background-color, var(--sc-color-white));\n color: var(--sc-list-row-color, var(--sc-color-gray-800));\n text-decoration: none;\n display: grid;\n justify-content: var(--sc-stacked-list-row-justify-content, space-between);\n align-items: var(--sc-stacked-list-row-align-items, center);\n grid-template-columns: repeat(auto-fit, minmax(100%, 1fr));\n gap: var(--sc-spacing-xx-small);\n padding: var(--sc-spacing-medium) var(--sc-spacing-large);\n transition: background-color var(--sc-transition-fast) ease;\n border-radius: var(--sc-stacked-list-row-border-radius, var(--sc-input-border-radius-medium));\n min-width: 0px;\n min-height: 0px;\n\n &[href]:hover {\n background: var(--sc-stacked-list-row-hover-color, var(--sc-color-gray-50));\n }\n\n &__prefix,\n &__suffix {\n position: absolute;\n top: 50%;\n transform: translateY(-50%);\n z-index: 1;\n }\n\n &__prefix {\n left: var(--sc-spacing-large);\n }\n\n &__suffix {\n right: var(--sc-spacing-large);\n }\n\n &--has-prefix {\n padding-left: 3.5em;\n }\n &--has-suffix {\n padding-right: 3.5em;\n gap: var(--sc-spacing-xxxx-large);\n }\n}\n\n.list-row.breakpoint-lg {\n grid-template-columns: repeat(calc(var(--columns) - 1), 1fr) 1fr;\n gap: var(--sc-spacing-large);\n\n ::slotted(:last-child:not(:first-child)) {\n display: flex;\n justify-content: flex-end;\n }\n}\n\n.list-row--is-rtl {\n &.list-row {\n &__prefix,\n &__suffix {\n left: 20px;\n width: 20px;\n transform: rotate(180deg);\n }\n\n &__suffix {\n right: auto;\n }\n\n &--has-suffix {\n gap: var(--sc-spacing-large);\n }\n }\n}\n","import { Component, Element, h, Prop, State } from '@stencil/core';\nimport { isRtl } from '../../../functions/page-align';\n\n@Component({\n tag: 'sc-stacked-list-row',\n styleUrl: 'sc-stacked-list-row.scss',\n shadow: true,\n})\nexport class ScStackedListRow {\n @Element() el: HTMLElement;\n\n @Prop() href: string;\n @Prop() target: string = '_self';\n\n @Prop() mobileSize: number = 600;\n\n @State() width: number;\n @State() private hasPrefix = false;\n @State() private hasSuffix = false;\n\n componentDidLoad() {\n // Only run if ResizeObserver is supported.\n if ('ResizeObserver' in window) {\n var ro = new window.ResizeObserver(entries => {\n entries.forEach(entry => {\n this.width = entry.contentRect.width;\n });\n });\n ro.observe(this.el);\n }\n }\n\n handleSlotChange() {\n this.hasPrefix = !!Array.from(this.el.children).some(child => child.slot === 'prefix');\n this.hasSuffix = !!Array.from(this.el.children).some(child => child.slot === 'suffix');\n }\n\n render() {\n const Tag = this.href ? 'a' : 'div';\n\n return (\n <Tag\n href={this.href}\n target={this.target}\n part=\"base\"\n class={{\n 'list-row': true,\n 'list-row--has-prefix': this.hasPrefix,\n 'list-row--has-suffix': this.hasSuffix,\n 'breakpoint-lg': this.width >= this.mobileSize,\n 'list-row--is-rtl':isRtl()\n }}\n >\n <span class=\"list-row__prefix\">\n <slot name=\"prefix\" onSlotchange={() => this.handleSlotChange()}></slot>\n </span>\n <slot onSlotchange={() => this.handleSlotChange()}></slot>\n <span class=\"list-row__suffix\">\n <slot name=\"suffix\" onSlotchange={() => this.handleSlotChange()}></slot>\n </span>\n </Tag>\n );\n }\n}\n"],"version":3}