@paperless/core 2.12.3 → 2.12.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +23 -0
- package/dist/build/p-574bc9bb.entry.js +2 -0
- package/dist/build/{p-57b7a986.entry.js.map → p-574bc9bb.entry.js.map} +1 -1
- package/dist/build/{p-a6ca6e5e.js → p-7f8f63b5.js} +1 -1
- package/dist/build/p-8130400b.entry.js +2 -0
- package/dist/build/p-8130400b.entry.js.map +1 -0
- package/dist/build/p-8fb06c75.entry.js +2 -0
- package/dist/build/p-8fb06c75.entry.js.map +1 -0
- package/dist/build/p-card-header.entry.esm.js.map +1 -1
- package/dist/build/p-checkbox.p-dropdown.p-dropdown-menu-container.p-dropdown-menu-item.entry.esm.js.map +1 -1
- package/dist/build/p-field.p-field-container.entry.esm.js.map +1 -1
- package/dist/build/paperless.esm.js +1 -1
- package/dist/cjs/p-card-header.cjs.entry.js +2 -2
- package/dist/cjs/p-card-header.cjs.entry.js.map +1 -1
- package/dist/cjs/p-card-header.entry.cjs.js.map +1 -1
- package/dist/cjs/p-checkbox.p-dropdown.p-dropdown-menu-container.p-dropdown-menu-item.entry.cjs.js.map +1 -1
- package/dist/cjs/p-checkbox_4.cjs.entry.js +3 -3
- package/dist/cjs/p-checkbox_4.cjs.entry.js.map +1 -1
- package/dist/cjs/p-field.p-field-container.entry.cjs.js.map +1 -1
- package/dist/cjs/p-field_2.cjs.entry.js +6 -6
- package/dist/cjs/p-field_2.cjs.entry.js.map +1 -1
- package/dist/collection/components/atoms/card/header/card-header.component.css +1 -1
- package/dist/collection/components/atoms/card/header/card-header.component.js +1 -1
- package/dist/collection/components/atoms/card/header/card-header.component.js.map +1 -1
- package/dist/collection/components/molecules/dropdown/dropdown.component.js +3 -3
- package/dist/collection/components/molecules/dropdown/dropdown.component.js.map +1 -1
- package/dist/collection/components/molecules/field/field/field.component.css +1 -1
- package/dist/collection/components/molecules/field/field/field.component.js +5 -5
- package/dist/collection/components/molecules/field/field/field.component.js.map +1 -1
- package/dist/components/{p-CoSnDHGb.js → p-9uCNIhdB.js} +4 -4
- package/dist/components/{p-CoSnDHGb.js.map → p-9uCNIhdB.js.map} +1 -1
- package/dist/components/{p-Cr3fKigp.js → p-B8HPSlC1.js} +8 -8
- package/dist/components/p-B8HPSlC1.js.map +1 -0
- package/dist/components/{p-BqJMPQj6.js → p-Bc76zCz0.js} +5 -5
- package/dist/components/{p-BqJMPQj6.js.map → p-Bc76zCz0.js.map} +1 -1
- package/dist/components/{p-Dr7FpF5o.js → p-DiYvS6UA.js} +3 -3
- package/dist/components/{p-Dr7FpF5o.js.map → p-DiYvS6UA.js.map} +1 -1
- package/dist/components/{p-CpHwL9XE.js → p-DkFi_kvY.js} +3 -3
- package/dist/components/{p-CpHwL9XE.js.map → p-DkFi_kvY.js.map} +1 -1
- package/dist/components/p-card-header.js +2 -2
- package/dist/components/p-card-header.js.map +1 -1
- package/dist/components/p-datepicker.js +2 -2
- package/dist/components/p-dropdown.js +1 -1
- package/dist/components/p-field.js +1 -1
- package/dist/components/{p-CpzpSwUF.js → p-fr51xGM-.js} +5 -5
- package/dist/components/{p-CpzpSwUF.js.map → p-fr51xGM-.js.map} +1 -1
- package/dist/components/p-pagination-size.js +1 -1
- package/dist/components/p-pagination.js +1 -1
- package/dist/components/p-profile.js +1 -1
- package/dist/components/p-select.js +2 -2
- package/dist/components/p-table-footer.js +1 -1
- package/dist/components/p-table-header.js +1 -1
- package/dist/components/p-table.js +6 -6
- package/dist/esm/p-card-header.entry.js +2 -2
- package/dist/esm/p-card-header.entry.js.map +1 -1
- package/dist/esm/p-checkbox.p-dropdown.p-dropdown-menu-container.p-dropdown-menu-item.entry.js.map +1 -1
- package/dist/esm/p-checkbox_4.entry.js +3 -3
- package/dist/esm/p-checkbox_4.entry.js.map +1 -1
- package/dist/esm/p-field.p-field-container.entry.js.map +1 -1
- package/dist/esm/p-field_2.entry.js +6 -6
- package/dist/esm/p-field_2.entry.js.map +1 -1
- package/dist/index.html +1 -1
- package/dist/paperless/p-574bc9bb.entry.js +2 -0
- package/dist/paperless/{p-57b7a986.entry.js.map → p-574bc9bb.entry.js.map} +1 -1
- package/dist/paperless/p-8130400b.entry.js +2 -0
- package/dist/paperless/p-8130400b.entry.js.map +1 -0
- package/dist/paperless/p-8fb06c75.entry.js +2 -0
- package/dist/paperless/p-8fb06c75.entry.js.map +1 -0
- package/dist/paperless/p-card-header.entry.esm.js.map +1 -1
- package/dist/paperless/p-checkbox.p-dropdown.p-dropdown-menu-container.p-dropdown-menu-item.entry.esm.js.map +1 -1
- package/dist/paperless/p-field.p-field-container.entry.esm.js.map +1 -1
- package/dist/paperless/paperless.esm.js +1 -1
- package/dist/sw.js +1 -1
- package/dist/sw.js.map +1 -1
- package/package.json +1 -1
- package/dist/build/p-57b7a986.entry.js +0 -2
- package/dist/build/p-835a50f3.entry.js +0 -2
- package/dist/build/p-835a50f3.entry.js.map +0 -1
- package/dist/build/p-83ed458a.entry.js +0 -2
- package/dist/build/p-83ed458a.entry.js.map +0 -1
- package/dist/components/p-Cr3fKigp.js.map +0 -1
- package/dist/paperless/p-57b7a986.entry.js +0 -2
- package/dist/paperless/p-835a50f3.entry.js +0 -2
- package/dist/paperless/p-835a50f3.entry.js.map +0 -1
- package/dist/paperless/p-83ed458a.entry.js +0 -2
- package/dist/paperless/p-83ed458a.entry.js.map +0 -1
|
@@ -5,7 +5,7 @@ import { a as asBoolean } from './p-C5CTp9IA.js';
|
|
|
5
5
|
import { f as formatTranslation, g as getLocaleComponentStrings } from './p-DiJj8rmO.js';
|
|
6
6
|
import { c as cn } from './p-CT54OXR2.js';
|
|
7
7
|
import { d as defineCustomElement$5 } from './p-D1ZRTCkT.js';
|
|
8
|
-
import { d as defineCustomElement$4 } from './p-
|
|
8
|
+
import { d as defineCustomElement$4 } from './p-Bc76zCz0.js';
|
|
9
9
|
import { d as defineCustomElement$3 } from './p-D2igmK5l.js';
|
|
10
10
|
import { d as defineCustomElement$2 } from './p-CQAvP_Ox.js';
|
|
11
11
|
import { d as defineCustomElement$1 } from './p-BHphGfv6.js';
|
|
@@ -161,6 +161,6 @@ function defineCustomElement() {
|
|
|
161
161
|
defineCustomElement();
|
|
162
162
|
|
|
163
163
|
export { PaginationSize as P, defaultSize as a, defaultSizeOptions as b, defineCustomElement as d };
|
|
164
|
-
//# sourceMappingURL=p-
|
|
164
|
+
//# sourceMappingURL=p-DkFi_kvY.js.map
|
|
165
165
|
|
|
166
|
-
//# sourceMappingURL=p-
|
|
166
|
+
//# sourceMappingURL=p-DkFi_kvY.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"file":"p-
|
|
1
|
+
{"file":"p-DkFi_kvY.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/molecules/pagination/size/constants.tsx","src/components/molecules/pagination/size/pagination-size.component.css?tag=p-pagination-size&encapsulation=shadow","src/components/molecules/pagination/size/pagination-size.component.tsx"],"sourcesContent":["export const defaultSize = 12;\nexport const defaultSizeOptions = [12, 24, 68, 136];\n","","import {\n\tComponent,\n\tElement,\n\tEvent,\n\tEventEmitter,\n\th,\n\tListen,\n\tProp,\n\tState,\n} from '@stencil/core';\nimport { cva } from 'class-variance-authority';\nimport { ThemedHost } from '../../../../internal/themed-host.component';\nimport { asBoolean } from '../../../../utils/as-boolean';\nimport {\n\tformatTranslation,\n\tgetLocaleComponentStrings,\n} from '../../../../utils/localization';\nimport { defaultSize, defaultSizeOptions } from './constants';\nimport { cn } from '../../../../utils';\n\nexport type templateFunc = (value: number) => string;\n\nconst paginationSize = cva('p-pagination-size', {\n\tvariants: {\n\t\thidden: {\n\t\t\tfalse: null,\n\t\t\ttrue: 'hidden',\n\t\t},\n\t},\n});\n\nconst trigger = cva(\n\t[\n\t\t'group/pagination-size-trigger',\n\t\t'flex items-center gap-2',\n\t\t'px-2 h-6',\n\t\t'text-sm text-storm-500 font-medium ',\n\t\t'dark:text-white',\n\t\t'cursor-pointer rounded-full',\n\t\t'shadow-1 border border-solid',\n\t],\n\t{\n\t\tvariants: {\n\t\t\tactive: {\n\t\t\t\tfalse: [\n\t\t\t\t\t'bg-white hover:bg-white-600 border-transparent',\n\t\t\t\t\t'dark:bg-white/15 dark:hover:bg-white/25',\n\t\t\t\t],\n\t\t\t\ttrue: [\n\t\t\t\t\t'bg-white-600 border-indigo-600 ring ring-2 ring-indigo-100',\n\t\t\t\t\t'dark:bg-white/25 dark:ring-0',\n\t\t\t\t],\n\t\t\t},\n\t\t},\n\t}\n);\n\n@Component({\n\ttag: 'p-pagination-size',\n\tstyleUrl: 'pagination-size.component.css',\n\tshadow: true,\n})\nexport class PaginationSize {\n\tprivate _defaultItemTemplate: templateFunc = size =>\n\t\tformatTranslation(this._locales.item, { size });\n\t/**\n\t * The current page\n\t */\n\t@Prop({ mutable: true, reflect: true }) size: number = defaultSize;\n\n\t/**\n\t * The available sizes\n\t */\n\t@Prop() sizeOptions: number[] = defaultSizeOptions;\n\n\t/**\n\t * Event whenever the size changes\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\tsizeChange: EventEmitter<number>;\n\n\t/**\n\t * The template for the data view\n\t */\n\t@Prop() itemTemplate: templateFunc = this._defaultItemTemplate;\n\n\t/**\n\t * The host element\n\t */\n\t@Element() private _el: HTMLElement;\n\n\t/**\n\t * Wether to hide when there is only 1 page available\n\t */\n\t@Prop() hidden: boolean = false;\n\n\t/**\n\t * Wether the dropdown is open\n\t */\n\t@State() dropdownIsOpen = false;\n\n\t/**\n\t * Locales used for this component\n\t */\n\t@State() private _locales: any = {};\n\n\tcomponentWillLoad() {\n\t\tthis._setLocales();\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<ThemedHost class={paginationSize({ hidden: asBoolean(this.hidden) })}>\n\t\t\t\t<p-dropdown\n\t\t\t\t\tapplyFullWidth={true}\n\t\t\t\t\tapplyMaxWidth={false}\n\t\t\t\t\tplacement='top-start'\n\t\t\t\t\tchevronDirection='down'\n\t\t\t\t\tonIsOpen={({ detail }) => (this.dropdownIsOpen = detail)}\n\t\t\t\t>\n\t\t\t\t\t<div\n\t\t\t\t\t\tclass={trigger({\n\t\t\t\t\t\t\tactive: this.dropdownIsOpen,\n\t\t\t\t\t\t})}\n\t\t\t\t\t\tslot='trigger'\n\t\t\t\t\t>\n\t\t\t\t\t\t<p class='min-w-0 flex-1 overflow-hidden text-ellipsis text-nowrap'>\n\t\t\t\t\t\t\t{this.itemTemplate\n\t\t\t\t\t\t\t\t? this.itemTemplate(this.size)\n\t\t\t\t\t\t\t\t: this._defaultItemTemplate(this.size)}\n\t\t\t\t\t\t</p>\n\t\t\t\t\t\t<p-icon\n\t\t\t\t\t\t\tclass={cn(\n\t\t\t\t\t\t\t\t[\n\t\t\t\t\t\t\t\t\t'flex-shrink-0',\n\t\t\t\t\t\t\t\t\t'group-hover/pagination-size-trigger:text-storm-500',\n\t\t\t\t\t\t\t\t\t'dark:group-hover/pagination-size-trigger:text-white',\n\t\t\t\t\t\t\t\t],\n\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t'text-storm-300 dark:text-hurricane-200':\n\t\t\t\t\t\t\t\t\t\t!this.dropdownIsOpen,\n\t\t\t\t\t\t\t\t\t'text-storm-500 dark:text-white': !!this.dropdownIsOpen,\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\tvariant='double-caret'\n\t\t\t\t\t\t\tsize='sm'\n\t\t\t\t\t\t/>\n\t\t\t\t\t</div>\n\t\t\t\t\t<slot slot='items'>\n\t\t\t\t\t\t{this.sizeOptions.map(option => (\n\t\t\t\t\t\t\t<p-dropdown-menu-item\n\t\t\t\t\t\t\t\tactive={option === this.size}\n\t\t\t\t\t\t\t\tonClick={() => this._changeSize(option)}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{this.itemTemplate\n\t\t\t\t\t\t\t\t\t? this.itemTemplate(option)\n\t\t\t\t\t\t\t\t\t: this._defaultItemTemplate(option)}\n\t\t\t\t\t\t\t</p-dropdown-menu-item>\n\t\t\t\t\t\t))}\n\t\t\t\t\t</slot>\n\t\t\t\t</p-dropdown>\n\t\t\t</ThemedHost>\n\t\t);\n\t}\n\n\t@Listen('localeChanged', { target: 'body' })\n\tprivate async _setLocales(): Promise<void> {\n\t\tthis._locales = await getLocaleComponentStrings(this._el);\n\t}\n\n\tprivate _changeSize(s?: number) {\n\t\tif (!s) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis.size = s;\n\t\tthis.sizeChange.emit(this.size);\n\t}\n}\n"],"version":3}
|
|
@@ -6,7 +6,7 @@ import { d as defineCustomElement$4 } from './p-DzWmipVp.js';
|
|
|
6
6
|
import { d as defineCustomElement$3 } from './p-BHphGfv6.js';
|
|
7
7
|
import { d as defineCustomElement$2 } from './p-DK0zQotI.js';
|
|
8
8
|
|
|
9
|
-
const cardHeaderComponentCss = "*{box-sizing:border-box}.pointer-events-none{pointer-events:none!important}.static{position:static!important}.absolute{position:absolute!important}.relative{position:relative!important}.left-0{left:0!important}.top-0{top:0!important}.z-\\[-1\\]{z-index:-1!important}.z-\\[1\\]{z-index:1!important}.ml-auto{margin-left:auto!important}.flex{display:flex!important}.inline-flex{display:inline-flex!important}.aspect-\\[5\\/1\\]{aspect-ratio:5/1!important}.h-8{height:2rem!important}.h-full{height:100%!important}.max-h-\\[6\\.25rem\\]{max-height:6.25rem!important}.w-full{width:100%!important}.min-w-0{min-width:0!important}.max-w-full{max-width:100%!important}.flex-col{flex-direction:column!important}.items-center{align-items:center!important}.justify-start{justify-content:flex-start!important}.justify-end{justify-content:flex-end!important}.gap-2{gap:.5rem!important}.gap-4{gap:1rem!important}.overflow-hidden{overflow:hidden!important}.text-ellipsis{text-overflow:ellipsis!important}.rounded-t-2xl{border-top-left-radius:1rem!important;border-top-right-radius:1rem!important}.px-4{padding-left:1rem!important;padding-right:1rem!important}.py-3{padding-bottom:.75rem!important}.pt-3,.py-3{padding-top:.75rem!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.font-bold{font-weight:700!important}.text-storm-300{--tw-text-opacity:1!important;color:rgb(116 120 127/var(--tw-text-opacity,1))!important}.text-storm-500{--tw-text-opacity:1!important;color:rgb(24 30 41/var(--tw-text-opacity,1))!important}.empty\\:hidden:empty{display:none!important}.dark\\:text-hurricane-200:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1!important;color:rgb(163 165 169/var(--tw-text-opacity,1))!important}.dark\\:text-hurricane-400:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1!important;color:rgb(70 75 84/var(--tw-text-opacity,1))!important}.dark\\:text-white:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1!important;color:rgb(255 255 255/var(--tw-text-opacity,1))!important}.dark\\:text-white\\/15:where(:host([data-theme=dark]),:host([data-theme=dark]) *){color:hsla(0,0%,100%,.15)!important}.dark\\:text-hurricane-200:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1!important;color:rgb(163 165 169/var(--tw-text-opacity,1))!important}.dark\\:text-hurricane-400:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1!important;color:rgb(70 75 84/var(--tw-text-opacity,1))!important}.dark\\:text-white:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1!important;color:rgb(255 255 255/var(--tw-text-opacity,1))!important}.dark\\:text-white\\/15:where([data-theme=dark],[data-theme=dark] *){color:hsla(0,0%,100%,.15)!important}";
|
|
9
|
+
const cardHeaderComponentCss = "*{box-sizing:border-box}.pointer-events-none{pointer-events:none!important}.static{position:static!important}.absolute{position:absolute!important}.relative{position:relative!important}.left-0{left:0!important}.top-0{top:0!important}.z-\\[-1\\]{z-index:-1!important}.z-\\[1\\]{z-index:1!important}.ml-auto{margin-left:auto!important}.flex{display:flex!important}.inline-flex{display:inline-flex!important}.aspect-\\[5\\/1\\]{aspect-ratio:5/1!important}.h-8{height:2rem!important}.h-full{height:100%!important}.max-h-\\[6\\.25rem\\]{max-height:6.25rem!important}.w-full{width:100%!important}.min-w-0{min-width:0!important}.max-w-full{max-width:100%!important}.flex-col{flex-direction:column!important}.items-center{align-items:center!important}.justify-start{justify-content:flex-start!important}.justify-end{justify-content:flex-end!important}.gap-2{gap:.5rem!important}.gap-4{gap:1rem!important}.overflow-hidden{overflow:hidden!important}.text-ellipsis{text-overflow:ellipsis!important}.rounded-t-2xl{border-top-left-radius:1rem!important;border-top-right-radius:1rem!important}.px-4{padding-left:1rem!important;padding-right:1rem!important}.py-3{padding-bottom:.75rem!important}.pt-3,.py-3{padding-top:.75rem!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.font-bold{font-weight:700!important}.text-off-white-700{--tw-text-opacity:1!important;color:rgb(222 219 213/var(--tw-text-opacity,1))!important}.text-storm-300{--tw-text-opacity:1!important;color:rgb(116 120 127/var(--tw-text-opacity,1))!important}.text-storm-500{--tw-text-opacity:1!important;color:rgb(24 30 41/var(--tw-text-opacity,1))!important}.empty\\:hidden:empty{display:none!important}.dark\\:text-hurricane-200:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1!important;color:rgb(163 165 169/var(--tw-text-opacity,1))!important}.dark\\:text-hurricane-400:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1!important;color:rgb(70 75 84/var(--tw-text-opacity,1))!important}.dark\\:text-white:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1!important;color:rgb(255 255 255/var(--tw-text-opacity,1))!important}.dark\\:text-white\\/15:where(:host([data-theme=dark]),:host([data-theme=dark]) *){color:hsla(0,0%,100%,.15)!important}.dark\\:text-hurricane-200:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1!important;color:rgb(163 165 169/var(--tw-text-opacity,1))!important}.dark\\:text-hurricane-400:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1!important;color:rgb(70 75 84/var(--tw-text-opacity,1))!important}.dark\\:text-white:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1!important;color:rgb(255 255 255/var(--tw-text-opacity,1))!important}.dark\\:text-white\\/15:where([data-theme=dark],[data-theme=dark] *){color:hsla(0,0%,100%,.15)!important}";
|
|
10
10
|
|
|
11
11
|
const header = cva('inline-flex w-full relative flex-col justify-start z-[1] rounded-t-2xl relative', {
|
|
12
12
|
variants: {
|
|
@@ -60,7 +60,7 @@ const CardHeader = /*@__PURE__*/ proxyCustomElement(class CardHeader extends H {
|
|
|
60
60
|
variant: this.variant,
|
|
61
61
|
}) }, h("div", { key: 'fbf8b790d0de58d5f037397b0dbfe1b86ae4d943', class: content({
|
|
62
62
|
variant: this.variant,
|
|
63
|
-
}) }, this.icon ? (h("p-icon", { class: 'text-storm-300 dark:text-hurricane-200', variant: this.icon, flip: this.iconFlip, rotate: this.iconRotate })) : (h("slot", { name: 'prefix' })), h("div", { key: 'eff3337534023f737c90b7cc10de2b573dcfe9b7', class: title() }, h("span", { key: '172f57782b1f99b62f3d7ea6db28eced830da50a', class: 'max-w-full overflow-hidden text-ellipsis' }, this.header?.length ? this.header : h("slot", null)), h("slot", { key: '51b4803b90ff659c8f37acf793dfa36d204b9425', name: 'content-suffix' })), h("div", { key: '882629a4bde5b8879b09fa306649462e15b25709', class: 'ml-auto flex items-center justify-end gap-4 empty:hidden' }, h("slot", { key: '99d550ebee73dba738eb082e69953082560eb2fb', name: 'suffix' }))), this.variant === 'default' ? (asBoolean(this.divider) && h("p-divider", { class: 'dark:text-white/15' })) : (h("div", { class: 'pointer-events-none absolute left-0 top-0 z-[-1] h-full w-full overflow-hidden rounded-t-2xl' }, h("p-smile", { class: 'dark:text-hurricane-400', variant: 'card' }))))));
|
|
63
|
+
}) }, this.icon ? (h("p-icon", { class: 'text-storm-300 dark:text-hurricane-200', variant: this.icon, flip: this.iconFlip, rotate: this.iconRotate })) : (h("slot", { name: 'prefix' })), h("div", { key: 'eff3337534023f737c90b7cc10de2b573dcfe9b7', class: title() }, h("span", { key: '172f57782b1f99b62f3d7ea6db28eced830da50a', class: 'max-w-full overflow-hidden text-ellipsis' }, this.header?.length ? this.header : h("slot", null)), h("slot", { key: '51b4803b90ff659c8f37acf793dfa36d204b9425', name: 'content-suffix' })), h("div", { key: '882629a4bde5b8879b09fa306649462e15b25709', class: 'ml-auto flex items-center justify-end gap-4 empty:hidden' }, h("slot", { key: '99d550ebee73dba738eb082e69953082560eb2fb', name: 'suffix' }))), this.variant === 'default' ? (asBoolean(this.divider) && (h("p-divider", { class: 'text-off-white-700 dark:text-white/15' }))) : (h("div", { class: 'pointer-events-none absolute left-0 top-0 z-[-1] h-full w-full overflow-hidden rounded-t-2xl' }, h("p-smile", { class: 'dark:text-hurricane-400', variant: 'card' }))))));
|
|
64
64
|
}
|
|
65
65
|
static get style() { return cardHeaderComponentCss; }
|
|
66
66
|
}, [1, "p-card-header", {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"file":"p-card-header.js","mappings":";;;;;;;;AAAA,MAAM,sBAAsB,GAAG,
|
|
1
|
+
{"file":"p-card-header.js","mappings":";;;;;;;;AAAA,MAAM,sBAAsB,GAAG,y0FAAy0F;;ACWx2F,MAAM,MAAM,GAAG,GAAG,CACjB,iFAAiF,EACjF;AACC,IAAA,QAAQ,EAAE;AACT,QAAA,OAAO,EAAE;AACR,YAAA,OAAO,EAAE,MAAM;AACf,YAAA,KAAK,EAAE,8BAA8B;AACrC,SAAA;AACD,KAAA;AACD,CAAA,CACD;AAED,MAAM,OAAO,GAAG,GAAG,CAAC,yBAAyB,EAAE;AAC9C,IAAA,QAAQ,EAAE;AACT,QAAA,OAAO,EAAE;AACR,YAAA,OAAO,EAAE,MAAM;AACf,YAAA,KAAK,EAAE,WAAW;AAClB,SAAA;AACD,KAAA;AACD,CAAA,CAAC;AAEF,MAAM,KAAK,GAAG,GAAG,CAChB,sFAAsF,CACtF;MAOY,UAAU,iBAAAA,kBAAA,CAAA,MAAA,UAAA,SAAAC,CAAA,CAAA;;;;;;AACtB;;AAEG;IACK,OAAO,GAAwB,SAAS;AAEhD;;AAEG;AACK,IAAA,MAAM;AAEd;;AAEG;AACK,IAAA,IAAI;AAEZ;;AAEG;AACK,IAAA,QAAQ;AAEhB;;AAEG;AACK,IAAA,UAAU;AAElB;;AAEG;IACK,OAAO,GAAG,IAAI;IAEtB,MAAM,GAAA;QACL,QACC,EAAC,UAAU,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACV,CACC,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,MAAM,CAAC;gBACb,OAAO,EAAE,IAAI,CAAC,OAAO;AACrB,aAAA,CAAC,EAAA,EAEF,CACC,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,OAAO,CAAC;gBACd,OAAO,EAAE,IAAI,CAAC,OAAO;aACrB,CAAC,EAAA,EAED,IAAI,CAAC,IAAI,IACT,CACC,CAAA,QAAA,EAAA,EAAA,KAAK,EAAC,wCAAwC,EAC9C,OAAO,EAAE,IAAI,CAAC,IAAI,EAClB,IAAI,EAAE,IAAI,CAAC,QAAQ,EACnB,MAAM,EAAE,IAAI,CAAC,UAAU,EACtB,CAAA,KAEF,CAAA,CAAA,MAAA,EAAA,EAAM,IAAI,EAAC,QAAQ,GAAG,CACtB,EAED,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,KAAK,EAAE,EAAA,EAClB,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,KAAK,EAAC,0CAA0C,IACpD,IAAI,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC,MAAM,GAAG,eAAQ,CACvC,EAEP,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,IAAI,EAAC,gBAAgB,EAAA,CAAG,CACzB,EAEN,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,0DAA0D,EAAA,EACpE,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,IAAI,EAAC,QAAQ,EAAA,CAAG,CACjB,CACD,EAEL,IAAI,CAAC,OAAO,KAAK,SAAS,IAC1B,SAAS,CAAC,IAAI,CAAC,OAAO,CAAC,KACtB,CAAA,CAAA,WAAA,EAAA,EAAW,KAAK,EAAC,uCAAuC,EAAA,CAAG,CAC3D,KAED,CAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,8FAA8F,EAAA,EACxG,CAAA,CAAA,SAAA,EAAA,EACC,KAAK,EAAC,yBAAyB,EAC/B,OAAO,EAAC,MAAM,EAAA,CACb,CACG,CACN,CACI,CACM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/atoms/card/header/card-header.component.css?tag=p-card-header&encapsulation=shadow","src/components/atoms/card/header/card-header.component.tsx"],"sourcesContent":["","import { Component, h, Prop } from '@stencil/core';\nimport { cva } from 'class-variance-authority';\n\nimport { RotateOptions } from '../../../../types/tailwind';\nimport {\n\tIconFlipOptions,\n\tIconVariant,\n} from '../../../atoms/icon/icon.component';\nimport { asBoolean } from '../../../../utils/as-boolean';\nimport { ThemedHost } from '../../../../internal/themed-host.component';\n\nconst header = cva(\n\t'inline-flex w-full relative flex-col justify-start z-[1] rounded-t-2xl relative',\n\t{\n\t\tvariants: {\n\t\t\tvariant: {\n\t\t\t\tdefault: 'px-4',\n\t\t\t\tcurve: 'aspect-[5/1] max-h-[6.25rem]',\n\t\t\t},\n\t\t},\n\t}\n);\n\nconst content = cva('flex items-center gap-2', {\n\tvariants: {\n\t\tvariant: {\n\t\t\tdefault: 'py-3',\n\t\t\tcurve: 'px-4 pt-3',\n\t\t},\n\t},\n});\n\nconst title = cva(\n\t'h-8 flex items-center font-bold text-sm gap-2 min-w-0 text-storm-500 dark:text-white'\n);\n\n@Component({\n\ttag: 'p-card-header',\n\tstyleUrl: 'card-header.component.css',\n\tshadow: true,\n})\nexport class CardHeader {\n\t/**\n\t * The variant of the card header\n\t */\n\t@Prop() variant: 'default' | 'curve' = 'default';\n\n\t/**\n\t * Content of the card header\n\t */\n\t@Prop() header: string;\n\n\t/**\n\t * Icon to show on the button\n\t */\n\t@Prop() icon?: IconVariant;\n\n\t/**\n\t * Icon flip\n\t */\n\t@Prop() iconFlip?: IconFlipOptions;\n\n\t/**\n\t * Icon rotate\n\t */\n\t@Prop() iconRotate?: RotateOptions;\n\n\t/**\n\t * Wether to show the divider\n\t */\n\t@Prop() divider = true;\n\n\trender() {\n\t\treturn (\n\t\t\t<ThemedHost>\n\t\t\t\t<div\n\t\t\t\t\tclass={header({\n\t\t\t\t\t\tvariant: this.variant,\n\t\t\t\t\t})}\n\t\t\t\t>\n\t\t\t\t\t<div\n\t\t\t\t\t\tclass={content({\n\t\t\t\t\t\t\tvariant: this.variant,\n\t\t\t\t\t\t})}\n\t\t\t\t\t>\n\t\t\t\t\t\t{this.icon ? (\n\t\t\t\t\t\t\t<p-icon\n\t\t\t\t\t\t\t\tclass='text-storm-300 dark:text-hurricane-200'\n\t\t\t\t\t\t\t\tvariant={this.icon}\n\t\t\t\t\t\t\t\tflip={this.iconFlip}\n\t\t\t\t\t\t\t\trotate={this.iconRotate}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t<slot name='prefix' />\n\t\t\t\t\t\t)}\n\n\t\t\t\t\t\t<div class={title()}>\n\t\t\t\t\t\t\t<span class='max-w-full overflow-hidden text-ellipsis'>\n\t\t\t\t\t\t\t\t{this.header?.length ? this.header : <slot />}\n\t\t\t\t\t\t\t</span>\n\n\t\t\t\t\t\t\t<slot name='content-suffix' />\n\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t<div class='ml-auto flex items-center justify-end gap-4 empty:hidden'>\n\t\t\t\t\t\t\t<slot name='suffix' />\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\n\t\t\t\t\t{this.variant === 'default' ? (\n\t\t\t\t\t\tasBoolean(this.divider) && (\n\t\t\t\t\t\t\t<p-divider class='text-off-white-700 dark:text-white/15' />\n\t\t\t\t\t\t)\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<div class='pointer-events-none absolute left-0 top-0 z-[-1] h-full w-full overflow-hidden rounded-t-2xl'>\n\t\t\t\t\t\t\t<p-smile\n\t\t\t\t\t\t\t\tclass='dark:text-hurricane-400'\n\t\t\t\t\t\t\t\tvariant='card'\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t\t</ThemedHost>\n\t\t);\n\t}\n}\n"],"version":3}
|
|
@@ -5,9 +5,9 @@ import { a as asBoolean } from './p-C5CTp9IA.js';
|
|
|
5
5
|
import { b as state } from './p-DnVMEz1h.js';
|
|
6
6
|
import { d as defineCustomElement$b } from './p-_cRrvkzY.js';
|
|
7
7
|
import { r as requiredArgs, t as toDate, _ as _typeof, g as getUTCWeekYear, s as startOfUTCWeek, a as startOfUTCISOWeek, b as getUTCWeek, c as toInteger, e as getUTCISOWeek, f as getDefaultOptions, l as locale, h as longFormatters, i as subMilliseconds, j as getTimezoneOffsetInMilliseconds, k as isProtectedWeekYearToken, m as throwProtectedError, n as isProtectedDayOfYearToken, d as defineCustomElement$a, o as isValid, p as isBefore, q as isAfter, u as format, v as locale$1, w as startOfDay, x as startOfMonth, y as isSameDay, z as isWeekend } from './p-CSWBL9dp.js';
|
|
8
|
-
import { d as defineCustomElement$9 } from './p-
|
|
8
|
+
import { d as defineCustomElement$9 } from './p-Bc76zCz0.js';
|
|
9
9
|
import { d as defineCustomElement$8 } from './p-D2igmK5l.js';
|
|
10
|
-
import { d as defineCustomElement$7 } from './p-
|
|
10
|
+
import { d as defineCustomElement$7 } from './p-B8HPSlC1.js';
|
|
11
11
|
import { d as defineCustomElement$6 } from './p-BWS61QL4.js';
|
|
12
12
|
import { d as defineCustomElement$5 } from './p-BjTLGpAE.js';
|
|
13
13
|
import { d as defineCustomElement$4 } from './p-BHphGfv6.js';
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
import { p as proxyCustomElement, H, c as createEvent, h } from './p-Dgl2kvBS.js';
|
|
2
2
|
import { c as cva } from './p-CBWjHURv.js';
|
|
3
|
-
import { d as defineCustomElement$1, a as defaultSize, b as defaultSizeOptions } from './p-
|
|
3
|
+
import { d as defineCustomElement$1, a as defaultSize, b as defaultSizeOptions } from './p-DkFi_kvY.js';
|
|
4
4
|
import { d as defineCustomElement$a } from './p-D1ZRTCkT.js';
|
|
5
5
|
import { d as defineCustomElement$9 } from './p-DzWmipVp.js';
|
|
6
|
-
import { d as defineCustomElement$8 } from './p-
|
|
6
|
+
import { d as defineCustomElement$8 } from './p-Bc76zCz0.js';
|
|
7
7
|
import { d as defineCustomElement$7 } from './p-D2igmK5l.js';
|
|
8
8
|
import { d as defineCustomElement$6 } from './p-CQAvP_Ox.js';
|
|
9
9
|
import { d as defineCustomElement$5 } from './p-BHphGfv6.js';
|
|
10
|
-
import { d as defineCustomElement$4 } from './p-
|
|
10
|
+
import { d as defineCustomElement$4 } from './p-9uCNIhdB.js';
|
|
11
11
|
import { d as defineCustomElement$3 } from './p-DdIXD8-k.js';
|
|
12
12
|
import { d as defineCustomElement$2 } from './p-BmKAfzS1.js';
|
|
13
13
|
|
|
@@ -224,6 +224,6 @@ function defineCustomElement() {
|
|
|
224
224
|
defineCustomElement();
|
|
225
225
|
|
|
226
226
|
export { TableFooter as T, defineCustomElement as d };
|
|
227
|
-
//# sourceMappingURL=p-
|
|
227
|
+
//# sourceMappingURL=p-fr51xGM-.js.map
|
|
228
228
|
|
|
229
|
-
//# sourceMappingURL=p-
|
|
229
|
+
//# sourceMappingURL=p-fr51xGM-.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"file":"p-
|
|
1
|
+
{"file":"p-fr51xGM-.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/molecules/table/footer/table-footer.component.css?tag=p-table-footer&encapsulation=shadow","src/components/molecules/table/footer/table-footer.component.tsx"],"sourcesContent":[":host {\n\t@apply sticky;\n\t@apply z-[1];\n\n\t--tw-content: '';\n}\n","import {\n\tComponent,\n\tEvent,\n\tEventEmitter,\n\th,\n\tProp,\n\tElement,\n\tState,\n\tListen,\n} from '@stencil/core';\nimport { cva } from 'class-variance-authority';\nimport {\n\tdefaultSize,\n\tdefaultSizeOptions,\n} from '../../../molecules/pagination/size/constants';\n\nconst footer = cva(\n\t[\n\t\t'justify-center relative',\n\t\t'w-full py-8 px-6',\n\t\t'after:absolute after:top-0 after:left-0 after:z-[0]',\n\t\t'after:w-full after:h-full after:transition-opacity',\n\t\t'after:bg-gradient-to-t after:from-white after:via-white/80 after:to-transparent',\n\t],\n\t{\n\t\tvariants: {\n\t\t\tpinned: {\n\t\t\t\tfalse: 'after:opacity-0',\n\t\t\t\ttrue: 'after:opacity-100',\n\t\t\t},\n\t\t\thidden: {\n\t\t\t\tfalse: 'flex',\n\t\t\t\ttrue: 'hidden',\n\t\t\t},\n\t\t},\n\t}\n);\n\n@Component({\n\ttag: 'p-table-footer',\n\tstyleUrl: 'table-footer.component.css',\n\tshadow: true,\n})\nexport class TableFooter {\n\t/**\n\t * Wether to enable pagination size select\n\t */\n\t@Prop() enablePaginationSize: boolean = true;\n\n\t/**\n\t * Wether to enable pagination pages\n\t */\n\t@Prop() enablePaginationPages: boolean = true;\n\n\t/**\n\t * Wether we want to show loading state\n\t */\n\t@Prop() loading: boolean = false;\n\n\t/**\n\t * The current page\n\t */\n\t@Prop({ mutable: true, reflect: true }) page: number = 1;\n\n\t/**\n\t * The total amount of items\n\t */\n\t@Prop() total!: number;\n\n\t/**\n\t * Event whenever the page changes\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\tpageChange: EventEmitter<number>;\n\n\t/**\n\t * The amount of items per page\n\t */\n\t@Prop() pageSize: number = defaultSize;\n\n\t/**\n\t * The options for the page size\n\t */\n\t@Prop() pageSizeOptions: number[] = defaultSizeOptions;\n\n\t/**\n\t * Event whenever the page changes\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\tpageSizeChange: EventEmitter<number>;\n\n\t/**\n\t * Event whenever the footer is hidden or nog\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\thiddenChange: EventEmitter<boolean>;\n\n\t/**\n\t * Wether to hide when there is only 1 page available\n\t */\n\t@Prop() hideOnSinglePage: boolean = true;\n\n\t/**\n\t * The host element\n\t */\n\t@Element() private _el: HTMLElement;\n\n\t@State() private _isPinned = false;\n\t@State() private _hasPaginationPages = true;\n\n\tprivate _hidePageSizeSelect = false;\n\tprivate _hidden = false;\n\tprivate _renderCheckTimeout: NodeJS.Timeout;\n\n\tcomponentWillRender() {\n\t\tthis._hidePageSizeSelect =\n\t\t\tthis.hideOnSinglePage && this.total <= this.pageSizeOptions?.[0];\n\n\t\tconst hidden =\n\t\t\t(this._hidePageSizeSelect && !this._hasPaginationPages) ||\n\t\t\t(!this.enablePaginationSize && !this.enablePaginationPages);\n\n\t\tif (hidden !== this._hidden) {\n\t\t\tthis._hidden = hidden;\n\t\t\tthis.hiddenChange.emit(hidden);\n\t\t}\n\t}\n\n\tcomponentDidRender() {\n\t\tif (this._renderCheckTimeout) {\n\t\t\tclearTimeout(this._renderCheckTimeout);\n\t\t\tthis._renderCheckTimeout = null;\n\t\t}\n\n\t\tthis._renderCheckTimeout = setTimeout(() => this._checkStuck(), 100);\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<div\n\t\t\t\tclass={footer({\n\t\t\t\t\tpinned: this._isPinned,\n\t\t\t\t\thidden: this._hidden,\n\t\t\t\t})}\n\t\t\t>\n\t\t\t\t{(this.enablePaginationPages || this.enablePaginationSize) &&\n\t\t\t\t\tthis.total > 0 && (\n\t\t\t\t\t\t<p-pagination\n\t\t\t\t\t\t\tclass='z-[2]'\n\t\t\t\t\t\t\tenablePaginationSize={this.enablePaginationSize}\n\t\t\t\t\t\t\tenablePaginationPages={this.enablePaginationPages}\n\t\t\t\t\t\t\tpageSize={this.pageSize}\n\t\t\t\t\t\t\tpageSizeOptions={this.pageSizeOptions}\n\t\t\t\t\t\t\tonPageSizeChange={({ detail }) => this._changePageSize(detail)}\n\t\t\t\t\t\t\tpage={this.page}\n\t\t\t\t\t\t\thideOnSinglePage={this.hideOnSinglePage}\n\t\t\t\t\t\t\tonPageChange={({ detail }) => this.pageChange.emit(detail)}\n\t\t\t\t\t\t\ttotal={this.total}\n\t\t\t\t\t\t\tonPagesChange={({ detail }) =>\n\t\t\t\t\t\t\t\t(this._hasPaginationPages = detail > 1)\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\t\t\t</div>\n\t\t);\n\t}\n\n\tprivate _changePageSize(s?: number) {\n\t\tif (!s) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis.pageSize = s;\n\t\tthis.pageSizeChange.emit(this.pageSize);\n\t}\n\n\tprivate _checkStuck() {\n\t\tconst rect = this._el.getBoundingClientRect();\n\t\tconst modal = this._el.closest('p-modal');\n\t\tconst layout = document.querySelector('p-layout');\n\n\t\tif (modal) {\n\t\t\tconst modalBody = modal.shadowRoot.querySelector('p-modal-body');\n\t\t\tconst innerContent = modalBody.shadowRoot.querySelector('div');\n\n\t\t\tconst innerContentComputed = getComputedStyle(innerContent);\n\n\t\t\tconst modalPaddingBottom = parseInt(\n\t\t\t\tinnerContentComputed.paddingBottom,\n\t\t\t\t10\n\t\t\t);\n\t\t\tthis._el.style.bottom = `-${modalPaddingBottom}px`;\n\t\t\tthis._el.style.marginBottom = `-${modalPaddingBottom - 1}px`;\n\t\t}\n\n\t\tif (layout && !modal) {\n\t\t\tconst innerContent = layout.shadowRoot.querySelector('.content');\n\t\t\tconst innerContentComputed = getComputedStyle(innerContent);\n\n\t\t\tconst layoutPaddingBottom = parseInt(\n\t\t\t\tinnerContentComputed.paddingBottom,\n\t\t\t\t10\n\t\t\t);\n\t\t\tthis._el.style.bottom = `-${layoutPaddingBottom}px`;\n\t\t\tthis._el.style.marginBottom = `-${layoutPaddingBottom - 1}px`;\n\t\t}\n\n\t\tthis._isPinned = window.innerHeight - rect.bottom == 0;\n\t}\n\n\t@Listen('scroll', { target: 'window' })\n\tonScroll() {\n\t\tthis._checkStuck();\n\t}\n}\n"],"version":3}
|
|
@@ -2,7 +2,7 @@ import { p as proxyCustomElement, H, h } from './p-Dgl2kvBS.js';
|
|
|
2
2
|
import { c as cva } from './p-CBWjHURv.js';
|
|
3
3
|
import { T as ThemedHost } from './p-7QA93RrV.js';
|
|
4
4
|
import { d as defineCustomElement$6 } from './p-_cRrvkzY.js';
|
|
5
|
-
import { d as defineCustomElement$5 } from './p-
|
|
5
|
+
import { d as defineCustomElement$5 } from './p-Bc76zCz0.js';
|
|
6
6
|
import { d as defineCustomElement$4 } from './p-D2igmK5l.js';
|
|
7
7
|
import { d as defineCustomElement$3 } from './p-BHphGfv6.js';
|
|
8
8
|
import { d as defineCustomElement$2 } from './p-BFbLqg3-.js';
|
|
@@ -6,10 +6,10 @@ import { T as ThemedHost } from './p-7QA93RrV.js';
|
|
|
6
6
|
import { d as defineCustomElement$d } from './p-DRywdEEP.js';
|
|
7
7
|
import { d as defineCustomElement$c } from './p-_cRrvkzY.js';
|
|
8
8
|
import { d as defineCustomElement$b } from './p-D1ZRTCkT.js';
|
|
9
|
-
import { d as defineCustomElement$a } from './p-
|
|
9
|
+
import { d as defineCustomElement$a } from './p-Bc76zCz0.js';
|
|
10
10
|
import { d as defineCustomElement$9 } from './p-D2igmK5l.js';
|
|
11
11
|
import { d as defineCustomElement$8 } from './p-CQAvP_Ox.js';
|
|
12
|
-
import { d as defineCustomElement$7 } from './p-
|
|
12
|
+
import { d as defineCustomElement$7 } from './p-B8HPSlC1.js';
|
|
13
13
|
import { d as defineCustomElement$6 } from './p-BWS61QL4.js';
|
|
14
14
|
import { d as defineCustomElement$5 } from './p-BjTLGpAE.js';
|
|
15
15
|
import { d as defineCustomElement$4 } from './p-BHphGfv6.js';
|
|
@@ -4,16 +4,16 @@ import { f as formatTranslation, g as getLocaleComponentStrings } from './p-DiJj
|
|
|
4
4
|
import { f as floatingMenuContainerClass } from './p-gJUNRhKk.js';
|
|
5
5
|
import { f as isMobile } from './p-B3sNjfzc.js';
|
|
6
6
|
import { c as cn } from './p-CT54OXR2.js';
|
|
7
|
-
import { d as defineCustomElement$b, a as defaultSize, b as defaultSizeOptions } from './p-
|
|
7
|
+
import { d as defineCustomElement$b, a as defaultSize, b as defaultSizeOptions } from './p-DkFi_kvY.js';
|
|
8
8
|
import { d as defineCustomElement$u } from './p-BrgpOIzL.js';
|
|
9
9
|
import { d as defineCustomElement$t } from './p-_cRrvkzY.js';
|
|
10
10
|
import { d as defineCustomElement$s } from './p-D1ZRTCkT.js';
|
|
11
11
|
import { d as defineCustomElement$r } from './p-DzWmipVp.js';
|
|
12
|
-
import { d as defineCustomElement$q } from './p-
|
|
12
|
+
import { d as defineCustomElement$q } from './p-Bc76zCz0.js';
|
|
13
13
|
import { d as defineCustomElement$p } from './p-D2igmK5l.js';
|
|
14
14
|
import { d as defineCustomElement$o } from './p-CQAvP_Ox.js';
|
|
15
15
|
import { d as defineCustomElement$n } from './p-Yw85TdBe.js';
|
|
16
|
-
import { d as defineCustomElement$m } from './p-
|
|
16
|
+
import { d as defineCustomElement$m } from './p-B8HPSlC1.js';
|
|
17
17
|
import { d as defineCustomElement$l } from './p-BWS61QL4.js';
|
|
18
18
|
import { d as defineCustomElement$k } from './p-BAs-HUU1.js';
|
|
19
19
|
import { d as defineCustomElement$j } from './p-CSzb8yqM.js';
|
|
@@ -21,15 +21,15 @@ import { d as defineCustomElement$i } from './p-BjTLGpAE.js';
|
|
|
21
21
|
import { d as defineCustomElement$h } from './p-BHphGfv6.js';
|
|
22
22
|
import { d as defineCustomElement$g } from './p-Cb5tqgid.js';
|
|
23
23
|
import { d as defineCustomElement$f } from './p-BFbLqg3-.js';
|
|
24
|
-
import { d as defineCustomElement$e } from './p-
|
|
24
|
+
import { d as defineCustomElement$e } from './p-9uCNIhdB.js';
|
|
25
25
|
import { d as defineCustomElement$d } from './p-DdIXD8-k.js';
|
|
26
26
|
import { d as defineCustomElement$c } from './p-BmKAfzS1.js';
|
|
27
27
|
import { d as defineCustomElement$a } from './p-CWCxhtvB.js';
|
|
28
28
|
import { d as defineCustomElement$9 } from './p-BO_XVUC2.js';
|
|
29
29
|
import { d as defineCustomElement$8 } from './p-yM044fjo.js';
|
|
30
30
|
import { d as defineCustomElement$7 } from './p-eYUo2y4S.js';
|
|
31
|
-
import { d as defineCustomElement$6 } from './p-
|
|
32
|
-
import { d as defineCustomElement$5 } from './p-
|
|
31
|
+
import { d as defineCustomElement$6 } from './p-fr51xGM-.js';
|
|
32
|
+
import { d as defineCustomElement$5 } from './p-DiYvS6UA.js';
|
|
33
33
|
import { d as defineCustomElement$4 } from './p-CicAiqpp.js';
|
|
34
34
|
import { d as defineCustomElement$3 } from './p-CiEFZmoS.js';
|
|
35
35
|
import { d as defineCustomElement$2 } from './p-BUzthIe4.js';
|
|
@@ -5,7 +5,7 @@ import { T as ThemedHost } from './themed-host.component-C8HmhEcP.js';
|
|
|
5
5
|
import './clsx-ChV9xqsO.js';
|
|
6
6
|
import './state-DKMgUotc.js';
|
|
7
7
|
|
|
8
|
-
const cardHeaderComponentCss = "*{box-sizing:border-box}.pointer-events-none{pointer-events:none!important}.static{position:static!important}.absolute{position:absolute!important}.relative{position:relative!important}.left-0{left:0!important}.top-0{top:0!important}.z-\\[-1\\]{z-index:-1!important}.z-\\[1\\]{z-index:1!important}.ml-auto{margin-left:auto!important}.flex{display:flex!important}.inline-flex{display:inline-flex!important}.aspect-\\[5\\/1\\]{aspect-ratio:5/1!important}.h-8{height:2rem!important}.h-full{height:100%!important}.max-h-\\[6\\.25rem\\]{max-height:6.25rem!important}.w-full{width:100%!important}.min-w-0{min-width:0!important}.max-w-full{max-width:100%!important}.flex-col{flex-direction:column!important}.items-center{align-items:center!important}.justify-start{justify-content:flex-start!important}.justify-end{justify-content:flex-end!important}.gap-2{gap:.5rem!important}.gap-4{gap:1rem!important}.overflow-hidden{overflow:hidden!important}.text-ellipsis{text-overflow:ellipsis!important}.rounded-t-2xl{border-top-left-radius:1rem!important;border-top-right-radius:1rem!important}.px-4{padding-left:1rem!important;padding-right:1rem!important}.py-3{padding-bottom:.75rem!important}.pt-3,.py-3{padding-top:.75rem!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.font-bold{font-weight:700!important}.text-storm-300{--tw-text-opacity:1!important;color:rgb(116 120 127/var(--tw-text-opacity,1))!important}.text-storm-500{--tw-text-opacity:1!important;color:rgb(24 30 41/var(--tw-text-opacity,1))!important}.empty\\:hidden:empty{display:none!important}.dark\\:text-hurricane-200:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1!important;color:rgb(163 165 169/var(--tw-text-opacity,1))!important}.dark\\:text-hurricane-400:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1!important;color:rgb(70 75 84/var(--tw-text-opacity,1))!important}.dark\\:text-white:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1!important;color:rgb(255 255 255/var(--tw-text-opacity,1))!important}.dark\\:text-white\\/15:where(:host([data-theme=dark]),:host([data-theme=dark]) *){color:hsla(0,0%,100%,.15)!important}.dark\\:text-hurricane-200:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1!important;color:rgb(163 165 169/var(--tw-text-opacity,1))!important}.dark\\:text-hurricane-400:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1!important;color:rgb(70 75 84/var(--tw-text-opacity,1))!important}.dark\\:text-white:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1!important;color:rgb(255 255 255/var(--tw-text-opacity,1))!important}.dark\\:text-white\\/15:where([data-theme=dark],[data-theme=dark] *){color:hsla(0,0%,100%,.15)!important}";
|
|
8
|
+
const cardHeaderComponentCss = "*{box-sizing:border-box}.pointer-events-none{pointer-events:none!important}.static{position:static!important}.absolute{position:absolute!important}.relative{position:relative!important}.left-0{left:0!important}.top-0{top:0!important}.z-\\[-1\\]{z-index:-1!important}.z-\\[1\\]{z-index:1!important}.ml-auto{margin-left:auto!important}.flex{display:flex!important}.inline-flex{display:inline-flex!important}.aspect-\\[5\\/1\\]{aspect-ratio:5/1!important}.h-8{height:2rem!important}.h-full{height:100%!important}.max-h-\\[6\\.25rem\\]{max-height:6.25rem!important}.w-full{width:100%!important}.min-w-0{min-width:0!important}.max-w-full{max-width:100%!important}.flex-col{flex-direction:column!important}.items-center{align-items:center!important}.justify-start{justify-content:flex-start!important}.justify-end{justify-content:flex-end!important}.gap-2{gap:.5rem!important}.gap-4{gap:1rem!important}.overflow-hidden{overflow:hidden!important}.text-ellipsis{text-overflow:ellipsis!important}.rounded-t-2xl{border-top-left-radius:1rem!important;border-top-right-radius:1rem!important}.px-4{padding-left:1rem!important;padding-right:1rem!important}.py-3{padding-bottom:.75rem!important}.pt-3,.py-3{padding-top:.75rem!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.font-bold{font-weight:700!important}.text-off-white-700{--tw-text-opacity:1!important;color:rgb(222 219 213/var(--tw-text-opacity,1))!important}.text-storm-300{--tw-text-opacity:1!important;color:rgb(116 120 127/var(--tw-text-opacity,1))!important}.text-storm-500{--tw-text-opacity:1!important;color:rgb(24 30 41/var(--tw-text-opacity,1))!important}.empty\\:hidden:empty{display:none!important}.dark\\:text-hurricane-200:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1!important;color:rgb(163 165 169/var(--tw-text-opacity,1))!important}.dark\\:text-hurricane-400:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1!important;color:rgb(70 75 84/var(--tw-text-opacity,1))!important}.dark\\:text-white:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1!important;color:rgb(255 255 255/var(--tw-text-opacity,1))!important}.dark\\:text-white\\/15:where(:host([data-theme=dark]),:host([data-theme=dark]) *){color:hsla(0,0%,100%,.15)!important}.dark\\:text-hurricane-200:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1!important;color:rgb(163 165 169/var(--tw-text-opacity,1))!important}.dark\\:text-hurricane-400:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1!important;color:rgb(70 75 84/var(--tw-text-opacity,1))!important}.dark\\:text-white:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1!important;color:rgb(255 255 255/var(--tw-text-opacity,1))!important}.dark\\:text-white\\/15:where([data-theme=dark],[data-theme=dark] *){color:hsla(0,0%,100%,.15)!important}";
|
|
9
9
|
|
|
10
10
|
const header = cva('inline-flex w-full relative flex-col justify-start z-[1] rounded-t-2xl relative', {
|
|
11
11
|
variants: {
|
|
@@ -57,7 +57,7 @@ const CardHeader = class {
|
|
|
57
57
|
variant: this.variant,
|
|
58
58
|
}) }, h("div", { key: 'fbf8b790d0de58d5f037397b0dbfe1b86ae4d943', class: content({
|
|
59
59
|
variant: this.variant,
|
|
60
|
-
}) }, this.icon ? (h("p-icon", { class: 'text-storm-300 dark:text-hurricane-200', variant: this.icon, flip: this.iconFlip, rotate: this.iconRotate })) : (h("slot", { name: 'prefix' })), h("div", { key: 'eff3337534023f737c90b7cc10de2b573dcfe9b7', class: title() }, h("span", { key: '172f57782b1f99b62f3d7ea6db28eced830da50a', class: 'max-w-full overflow-hidden text-ellipsis' }, this.header?.length ? this.header : h("slot", null)), h("slot", { key: '51b4803b90ff659c8f37acf793dfa36d204b9425', name: 'content-suffix' })), h("div", { key: '882629a4bde5b8879b09fa306649462e15b25709', class: 'ml-auto flex items-center justify-end gap-4 empty:hidden' }, h("slot", { key: '99d550ebee73dba738eb082e69953082560eb2fb', name: 'suffix' }))), this.variant === 'default' ? (asBoolean(this.divider) && h("p-divider", { class: 'dark:text-white/15' })) : (h("div", { class: 'pointer-events-none absolute left-0 top-0 z-[-1] h-full w-full overflow-hidden rounded-t-2xl' }, h("p-smile", { class: 'dark:text-hurricane-400', variant: 'card' }))))));
|
|
60
|
+
}) }, this.icon ? (h("p-icon", { class: 'text-storm-300 dark:text-hurricane-200', variant: this.icon, flip: this.iconFlip, rotate: this.iconRotate })) : (h("slot", { name: 'prefix' })), h("div", { key: 'eff3337534023f737c90b7cc10de2b573dcfe9b7', class: title() }, h("span", { key: '172f57782b1f99b62f3d7ea6db28eced830da50a', class: 'max-w-full overflow-hidden text-ellipsis' }, this.header?.length ? this.header : h("slot", null)), h("slot", { key: '51b4803b90ff659c8f37acf793dfa36d204b9425', name: 'content-suffix' })), h("div", { key: '882629a4bde5b8879b09fa306649462e15b25709', class: 'ml-auto flex items-center justify-end gap-4 empty:hidden' }, h("slot", { key: '99d550ebee73dba738eb082e69953082560eb2fb', name: 'suffix' }))), this.variant === 'default' ? (asBoolean(this.divider) && (h("p-divider", { class: 'text-off-white-700 dark:text-white/15' }))) : (h("div", { class: 'pointer-events-none absolute left-0 top-0 z-[-1] h-full w-full overflow-hidden rounded-t-2xl' }, h("p-smile", { class: 'dark:text-hurricane-400', variant: 'card' }))))));
|
|
61
61
|
}
|
|
62
62
|
};
|
|
63
63
|
CardHeader.style = cardHeaderComponentCss;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"p-card-header.entry.js","sources":["src/components/atoms/card/header/card-header.component.css?tag=p-card-header&encapsulation=shadow","src/components/atoms/card/header/card-header.component.tsx"],"sourcesContent":["","import { Component, h, Prop } from '@stencil/core';\nimport { cva } from 'class-variance-authority';\n\nimport { RotateOptions } from '../../../../types/tailwind';\nimport {\n\tIconFlipOptions,\n\tIconVariant,\n} from '../../../atoms/icon/icon.component';\nimport { asBoolean } from '../../../../utils/as-boolean';\nimport { ThemedHost } from '../../../../internal/themed-host.component';\n\nconst header = cva(\n\t'inline-flex w-full relative flex-col justify-start z-[1] rounded-t-2xl relative',\n\t{\n\t\tvariants: {\n\t\t\tvariant: {\n\t\t\t\tdefault: 'px-4',\n\t\t\t\tcurve: 'aspect-[5/1] max-h-[6.25rem]',\n\t\t\t},\n\t\t},\n\t}\n);\n\nconst content = cva('flex items-center gap-2', {\n\tvariants: {\n\t\tvariant: {\n\t\t\tdefault: 'py-3',\n\t\t\tcurve: 'px-4 pt-3',\n\t\t},\n\t},\n});\n\nconst title = cva(\n\t'h-8 flex items-center font-bold text-sm gap-2 min-w-0 text-storm-500 dark:text-white'\n);\n\n@Component({\n\ttag: 'p-card-header',\n\tstyleUrl: 'card-header.component.css',\n\tshadow: true,\n})\nexport class CardHeader {\n\t/**\n\t * The variant of the card header\n\t */\n\t@Prop() variant: 'default' | 'curve' = 'default';\n\n\t/**\n\t * Content of the card header\n\t */\n\t@Prop() header: string;\n\n\t/**\n\t * Icon to show on the button\n\t */\n\t@Prop() icon?: IconVariant;\n\n\t/**\n\t * Icon flip\n\t */\n\t@Prop() iconFlip?: IconFlipOptions;\n\n\t/**\n\t * Icon rotate\n\t */\n\t@Prop() iconRotate?: RotateOptions;\n\n\t/**\n\t * Wether to show the divider\n\t */\n\t@Prop() divider = true;\n\n\trender() {\n\t\treturn (\n\t\t\t<ThemedHost>\n\t\t\t\t<div\n\t\t\t\t\tclass={header({\n\t\t\t\t\t\tvariant: this.variant,\n\t\t\t\t\t})}\n\t\t\t\t>\n\t\t\t\t\t<div\n\t\t\t\t\t\tclass={content({\n\t\t\t\t\t\t\tvariant: this.variant,\n\t\t\t\t\t\t})}\n\t\t\t\t\t>\n\t\t\t\t\t\t{this.icon ? (\n\t\t\t\t\t\t\t<p-icon\n\t\t\t\t\t\t\t\tclass='text-storm-300 dark:text-hurricane-200'\n\t\t\t\t\t\t\t\tvariant={this.icon}\n\t\t\t\t\t\t\t\tflip={this.iconFlip}\n\t\t\t\t\t\t\t\trotate={this.iconRotate}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t<slot name='prefix' />\n\t\t\t\t\t\t)}\n\n\t\t\t\t\t\t<div class={title()}>\n\t\t\t\t\t\t\t<span class='max-w-full overflow-hidden text-ellipsis'>\n\t\t\t\t\t\t\t\t{this.header?.length ? this.header : <slot />}\n\t\t\t\t\t\t\t</span>\n\n\t\t\t\t\t\t\t<slot name='content-suffix' />\n\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t<div class='ml-auto flex items-center justify-end gap-4 empty:hidden'>\n\t\t\t\t\t\t\t<slot name='suffix' />\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\n\t\t\t\t\t{this.variant === 'default' ? (\n\t\t\t\t\t\tasBoolean(this.divider) && <p-divider class='dark:text-white/15' />\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<div class='pointer-events-none absolute left-0 top-0 z-[-1] h-full w-full overflow-hidden rounded-t-2xl'>\n\t\t\t\t\t\t\t<p-smile\n\t\t\t\t\t\t\t\tclass='dark:text-hurricane-400'\n\t\t\t\t\t\t\t\tvariant='card'\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t\t</ThemedHost>\n\t\t);\n\t}\n}\n"],"names":[],"mappings":";;;;;;;AAAA,MAAM,sBAAsB,GAAG,
|
|
1
|
+
{"version":3,"file":"p-card-header.entry.js","sources":["src/components/atoms/card/header/card-header.component.css?tag=p-card-header&encapsulation=shadow","src/components/atoms/card/header/card-header.component.tsx"],"sourcesContent":["","import { Component, h, Prop } from '@stencil/core';\nimport { cva } from 'class-variance-authority';\n\nimport { RotateOptions } from '../../../../types/tailwind';\nimport {\n\tIconFlipOptions,\n\tIconVariant,\n} from '../../../atoms/icon/icon.component';\nimport { asBoolean } from '../../../../utils/as-boolean';\nimport { ThemedHost } from '../../../../internal/themed-host.component';\n\nconst header = cva(\n\t'inline-flex w-full relative flex-col justify-start z-[1] rounded-t-2xl relative',\n\t{\n\t\tvariants: {\n\t\t\tvariant: {\n\t\t\t\tdefault: 'px-4',\n\t\t\t\tcurve: 'aspect-[5/1] max-h-[6.25rem]',\n\t\t\t},\n\t\t},\n\t}\n);\n\nconst content = cva('flex items-center gap-2', {\n\tvariants: {\n\t\tvariant: {\n\t\t\tdefault: 'py-3',\n\t\t\tcurve: 'px-4 pt-3',\n\t\t},\n\t},\n});\n\nconst title = cva(\n\t'h-8 flex items-center font-bold text-sm gap-2 min-w-0 text-storm-500 dark:text-white'\n);\n\n@Component({\n\ttag: 'p-card-header',\n\tstyleUrl: 'card-header.component.css',\n\tshadow: true,\n})\nexport class CardHeader {\n\t/**\n\t * The variant of the card header\n\t */\n\t@Prop() variant: 'default' | 'curve' = 'default';\n\n\t/**\n\t * Content of the card header\n\t */\n\t@Prop() header: string;\n\n\t/**\n\t * Icon to show on the button\n\t */\n\t@Prop() icon?: IconVariant;\n\n\t/**\n\t * Icon flip\n\t */\n\t@Prop() iconFlip?: IconFlipOptions;\n\n\t/**\n\t * Icon rotate\n\t */\n\t@Prop() iconRotate?: RotateOptions;\n\n\t/**\n\t * Wether to show the divider\n\t */\n\t@Prop() divider = true;\n\n\trender() {\n\t\treturn (\n\t\t\t<ThemedHost>\n\t\t\t\t<div\n\t\t\t\t\tclass={header({\n\t\t\t\t\t\tvariant: this.variant,\n\t\t\t\t\t})}\n\t\t\t\t>\n\t\t\t\t\t<div\n\t\t\t\t\t\tclass={content({\n\t\t\t\t\t\t\tvariant: this.variant,\n\t\t\t\t\t\t})}\n\t\t\t\t\t>\n\t\t\t\t\t\t{this.icon ? (\n\t\t\t\t\t\t\t<p-icon\n\t\t\t\t\t\t\t\tclass='text-storm-300 dark:text-hurricane-200'\n\t\t\t\t\t\t\t\tvariant={this.icon}\n\t\t\t\t\t\t\t\tflip={this.iconFlip}\n\t\t\t\t\t\t\t\trotate={this.iconRotate}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t<slot name='prefix' />\n\t\t\t\t\t\t)}\n\n\t\t\t\t\t\t<div class={title()}>\n\t\t\t\t\t\t\t<span class='max-w-full overflow-hidden text-ellipsis'>\n\t\t\t\t\t\t\t\t{this.header?.length ? this.header : <slot />}\n\t\t\t\t\t\t\t</span>\n\n\t\t\t\t\t\t\t<slot name='content-suffix' />\n\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t<div class='ml-auto flex items-center justify-end gap-4 empty:hidden'>\n\t\t\t\t\t\t\t<slot name='suffix' />\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\n\t\t\t\t\t{this.variant === 'default' ? (\n\t\t\t\t\t\tasBoolean(this.divider) && (\n\t\t\t\t\t\t\t<p-divider class='text-off-white-700 dark:text-white/15' />\n\t\t\t\t\t\t)\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<div class='pointer-events-none absolute left-0 top-0 z-[-1] h-full w-full overflow-hidden rounded-t-2xl'>\n\t\t\t\t\t\t\t<p-smile\n\t\t\t\t\t\t\t\tclass='dark:text-hurricane-400'\n\t\t\t\t\t\t\t\tvariant='card'\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t\t</ThemedHost>\n\t\t);\n\t}\n}\n"],"names":[],"mappings":";;;;;;;AAAA,MAAM,sBAAsB,GAAG,y0FAAy0F;;ACWx2F,MAAM,MAAM,GAAG,GAAG,CACjB,iFAAiF,EACjF;AACC,IAAA,QAAQ,EAAE;AACT,QAAA,OAAO,EAAE;AACR,YAAA,OAAO,EAAE,MAAM;AACf,YAAA,KAAK,EAAE,8BAA8B;AACrC,SAAA;AACD,KAAA;AACD,CAAA,CACD;AAED,MAAM,OAAO,GAAG,GAAG,CAAC,yBAAyB,EAAE;AAC9C,IAAA,QAAQ,EAAE;AACT,QAAA,OAAO,EAAE;AACR,YAAA,OAAO,EAAE,MAAM;AACf,YAAA,KAAK,EAAE,WAAW;AAClB,SAAA;AACD,KAAA;AACD,CAAA,CAAC;AAEF,MAAM,KAAK,GAAG,GAAG,CAChB,sFAAsF,CACtF;MAOY,UAAU,GAAA,MAAA;;;;AACtB;;AAEG;IACK,OAAO,GAAwB,SAAS;AAEhD;;AAEG;AACK,IAAA,MAAM;AAEd;;AAEG;AACK,IAAA,IAAI;AAEZ;;AAEG;AACK,IAAA,QAAQ;AAEhB;;AAEG;AACK,IAAA,UAAU;AAElB;;AAEG;IACK,OAAO,GAAG,IAAI;IAEtB,MAAM,GAAA;QACL,QACC,EAAC,UAAU,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACV,CACC,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,MAAM,CAAC;gBACb,OAAO,EAAE,IAAI,CAAC,OAAO;AACrB,aAAA,CAAC,EAAA,EAEF,CACC,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,OAAO,CAAC;gBACd,OAAO,EAAE,IAAI,CAAC,OAAO;aACrB,CAAC,EAAA,EAED,IAAI,CAAC,IAAI,IACT,CACC,CAAA,QAAA,EAAA,EAAA,KAAK,EAAC,wCAAwC,EAC9C,OAAO,EAAE,IAAI,CAAC,IAAI,EAClB,IAAI,EAAE,IAAI,CAAC,QAAQ,EACnB,MAAM,EAAE,IAAI,CAAC,UAAU,EACtB,CAAA,KAEF,CAAA,CAAA,MAAA,EAAA,EAAM,IAAI,EAAC,QAAQ,GAAG,CACtB,EAED,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,KAAK,EAAE,EAAA,EAClB,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,KAAK,EAAC,0CAA0C,IACpD,IAAI,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC,MAAM,GAAG,eAAQ,CACvC,EAEP,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,IAAI,EAAC,gBAAgB,EAAA,CAAG,CACzB,EAEN,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,0DAA0D,EAAA,EACpE,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,IAAI,EAAC,QAAQ,EAAA,CAAG,CACjB,CACD,EAEL,IAAI,CAAC,OAAO,KAAK,SAAS,IAC1B,SAAS,CAAC,IAAI,CAAC,OAAO,CAAC,KACtB,CAAA,CAAA,WAAA,EAAA,EAAW,KAAK,EAAC,uCAAuC,EAAA,CAAG,CAC3D,KAED,CAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,8FAA8F,EAAA,EACxG,CAAA,CAAA,SAAA,EAAA,EACC,KAAK,EAAC,yBAAyB,EAC/B,OAAO,EAAC,MAAM,EAAA,CACb,CACG,CACN,CACI,CACM;;;;;;;"}
|