@paperless/core 2.1.0 → 2.2.0

package/dist/components/p-Ckq4Exg-.js.map

@@ -1 +0,0 @@
-{"file":"p-Ckq4Exg-.js","mappings":";;;AAAA,MAAM,iBAAiB,GAAG,ouBAAouB;;ACG9vB,MAAM,KAAK,GAAG,GAAG,CAAC;IACjB,yCAAyC;IACzC,kBAAkB;IAClB,cAAc;IACd,kBAAkB;IAClB,6DAA6D;AAC7D,CAAA,CAAC;MAOW,KAAK,iBAAAA,kBAAA,CAAA,MAAA,KAAA,SAAAC,CAAA,CAAA;;;;;;IACjB,MAAM,GAAA;AACL,QAAA,QACC,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,KAAK,EAAE,EAAA,EAClB,CAAQ,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACH;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/atoms/badge/badge.component.css?tag=p-badge&encapsulation=shadow","src/components/atoms/badge/badge.component.tsx"],"sourcesContent":["","import { Component, h } from '@stencil/core';\nimport { cva } from 'class-variance-authority';\n\nconst badge = cva([\n\t'inline-flex items-center justify-center',\n\t'h-4 min-w-4 px-1',\n\t'rounded-full',\n\t'bg-dark-teal-400',\n\t'text-center text-xs font-semibold text-white tracking-tight',\n]);\n\n@Component({\n\ttag: 'p-badge',\n\tstyleUrl: 'badge.component.css',\n\tshadow: true,\n})\nexport class Badge {\n\trender() {\n\t\treturn (\n\t\t\t<div class={badge()}>\n\t\t\t\t<slot />\n\t\t\t</div>\n\t\t);\n\t}\n}\n"],"version":3}

package/dist/components/p-CsCQDrZs.js.map

@@ -1 +0,0 @@
-{"file":"p-CsCQDrZs.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/molecules/table/row/table-row.component.css?tag=p-table-row&encapsulation=shadow","src/components/molecules/table/row/table-row.component.tsx"],"sourcesContent":[":host {\n\t@apply relative;\n\t--tw-content: '';\n}\n","import { Component, h, Prop } from '@stencil/core';\nimport { cva } from 'class-variance-authority';\nimport { asBoolean } from '../../../../utils/as-boolean';\n\nconst row = cva(\n\t['flex min-w-[calc(100%-0.5rem)] flex-col', 'group', 'relative'],\n\t{\n\t\tvariants: {\n\t\t\tvariant: {\n\t\t\t\tdefault: ['px-3 m-1', 'text-sm text-black-teal-500'],\n\t\t\t\theader: ['px-4', 'text-xs font-normal text-black-teal-400'],\n\t\t\t\tsecondary: [\n\t\t\t\t\t'px-4',\n\t\t\t\t\t'bg-off-white-300 rounded-lg',\n\t\t\t\t\t'font-ambit text-lg font-bold',\n\t\t\t\t],\n\t\t\t},\n\t\t\tenableHover: {\n\t\t\t\ttrue: null,\n\t\t\t\tfalse: null,\n\t\t\t},\n\t\t\tchecked: {\n\t\t\t\ttrue: null,\n\t\t\t\tfalse: null,\n\t\t\t},\n\t\t},\n\t\tcompoundVariants: [\n\t\t\t{\n\t\t\t\tvariant: 'default',\n\t\t\t\tenableHover: true,\n\t\t\t\tclass: [\n\t\t\t\t\t'rounded-lg transition-colors',\n\t\t\t\t\t'hover:cursor-pointer hover:bg-off-white-300',\n\t\t\t\t],\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: 'default',\n\t\t\t\tchecked: true,\n\t\t\t\tclass: ['rounded-lg transition-colors', 'bg-off-white-300'],\n\t\t\t},\n\t\t],\n\t}\n);\n\nconst content = cva(\n\t'relative flex min-w-full flex-nowrap items-center justify-between',\n\t{\n\t\tvariants: {\n\t\t\tvariant: {\n\t\t\t\tdefault: null,\n\t\t\t\tsecondary: null,\n\t\t\t\theader: 'min-h-0 pb-4',\n\t\t\t},\n\t\t},\n\t\tcompoundVariants: [\n\t\t\t{\n\t\t\t\tvariant: ['default', 'secondary'],\n\t\t\t\tclass: 'min-h-14 py-2 tablet:py-4',\n\t\t\t},\n\t\t],\n\t}\n);\n\nconst actions = cva([\n\t'absolute -right-4 top-1 z-[2]',\n\t'h-[calc(100%-0.5rem)]',\n\t'opacity-0 transition-opacity group-hover:opacity-100',\n\t'empty:hidden',\n]);\n\n@Component({\n\ttag: 'p-table-row',\n\tstyleUrl: 'table-row.component.css',\n\tshadow: true,\n})\nexport class TableRow {\n\t/**\n\t * Variant of the header\n\t */\n\t@Prop() variant: 'default' | 'secondary' | 'header' = 'default';\n\n\t/**\n\t * Enable hover\n\t */\n\t@Prop() enableHover: boolean = true;\n\n\t/**\n\t * Wether the row is checked\n\t */\n\t@Prop() checked: boolean = false;\n\n\t/**\n\t * Wether the row is the last one\n\t */\n\t@Prop() isLast: boolean = false;\n\n\trender() {\n\t\treturn (\n\t\t\t<div class='flex flex-col'>\n\t\t\t\t<div\n\t\t\t\t\tclass={row({\n\t\t\t\t\t\tvariant: this.variant,\n\t\t\t\t\t\tenableHover: this.enableHover,\n\t\t\t\t\t\tchecked: this.checked,\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<slot />\n\t\t\t\t\t\t<div class={actions()}>\n\t\t\t\t\t\t\t<slot name='actions' />\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t\t{!asBoolean(this.isLast) && this.variant !== 'secondary' && (\n\t\t\t\t\t<p-divider />\n\t\t\t\t)}\n\t\t\t</div>\n\t\t);\n\t}\n}\n"],"version":3}

package/dist/components/p-Cz7DdDdd.js.map

@@ -1 +0,0 @@
-{"file":"p-Cz7DdDdd.js","mappings":"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","names":[],"sources":["src/types/table.ts","src/utils/table-helpers.ts","src/utils/object-get-by-path.ts"],"sourcesContent":["export type QuickFilterTextFunction = () => string;\n\nexport interface QuickFilter {\n\tidentifier: string;\n\ttext: string | QuickFilterTextFunction;\n\tcount?: number;\n\tdefault?: boolean;\n}\n\nexport interface RowClickEvent {\n\titem: any;\n\tctrlDown: boolean;\n}\n\nexport interface TableDefinitionData {\n\tvalue: any;\n\titem: any;\n\tindex: number;\n\trowIndex: number;\n}\n\nexport type TableDefinitionTemplateFunc = (data: TableDefinitionData) => any;\n\nexport interface TableColumnSizes {\n\tdefault: number | 'hidden' | 'full';\n\ttablet?: number | 'hidden' | 'full';\n\t'desktop-xs'?: number | 'hidden' | 'full';\n\t'desktop-sm'?: number | 'hidden' | 'full';\n\tdesktop?: number | 'hidden' | 'full';\n\t'desktop-lg'?: number | 'hidden' | 'full';\n\t'desktop-xl'?: number | 'hidden' | 'full';\n}\n\nexport type TableColumnSizesKey =\n\t| 'default'\n\t| 'tablet'\n\t| 'desktop-xs'\n\t| 'desktop-sm'\n\t| 'desktop'\n\t| 'desktop-lg'\n\t| 'desktop-xl';\n\nexport function isTableColumnSizesKey(\n\tx: TableColumnSizes,\n\tk: PropertyKey\n): k is keyof TableColumnSizes {\n\treturn k in x;\n}\n","import { cva } from 'class-variance-authority';\nimport { TableColumn } from '../components/helpers/table/column/table-column.component';\nimport {\n\tisTableColumnSizesKey,\n\tTableColumnSizes,\n\tTableColumnSizesKey,\n} from '../types';\n\nexport const getTableCellColumnClasses = (\n\tdefinition: any | TableColumn,\n\tvariant: 'default' | 'header' | 'loading'\n) => {\n\tconst sizes = definition ? getTableCellSizes(definition, variant) : {};\n\n\treturn {\n\t\tflex: true,\n\t\t'flex-shrink-0': true,\n\t\t'items-center': true,\n\t\t'gap-4': true,\n\t\t'justify-start': !definition?.align || definition?.align === 'start',\n\t\t'justify-center': definition?.align === 'center',\n\t\t'justify-end': definition?.align === 'end',\n\t\t'font-semibold': variant !== 'header' && definition?.variant === 'subject',\n\t\t'text-black-teal-400': variant === 'header',\n\t\t'text-black-teal-300':\n\t\t\tvariant !== 'header' &&\n\t\t\tdefinition?.variant !== 'subject' &&\n\t\t\tdefinition?.variant !== 'highlight',\n\t\t'text-black-teal':\n\t\t\tvariant !== 'header' &&\n\t\t\t(definition?.variant === 'subject' ||\n\t\t\t\tdefinition?.variant === 'highlight'),\n\t\t...sizes,\n\t};\n};\n\nexport const getTableCellSizes = (\n\t{\n\t\tsizes,\n\t}: {\n\t\tsizes: 'auto' | 'hidden' | 'full' | number | TableColumnSizes;\n\t} /* Table Definition */,\n\tvariant: 'default' | 'header' | 'loading' | 'actions'\n) => {\n\tif (sizes === 'auto' || !sizes) {\n\t\treturn {\n\t\t\t'w-auto': true,\n\t\t};\n\t}\n\n\tif (sizes === 'hidden') {\n\t\treturn {\n\t\t\thidden: true,\n\t\t};\n\t}\n\n\tif (typeof sizes === 'object') {\n\t\tsizes = sizes as TableColumnSizes;\n\t\tconst classes: any = {};\n\t\tlet previousSize: TableColumnSizesKey | undefined;\n\n\t\tfor (let size in sizes) {\n\t\t\tif (!isTableColumnSizesKey(sizes, size)) {\n\t\t\t\tcontinue;\n\t\t\t}\n\n\t\t\tif (size === 'default') {\n\t\t\t\tif (sizes.default === 'hidden') {\n\t\t\t\t\tclasses['hidden'] = true;\n\t\t\t\t\tpreviousSize = size;\n\t\t\t\t\tcontinue;\n\t\t\t\t}\n\n\t\t\t\tclasses[`w-${sizes.default}/12`] = true;\n\t\t\t\tpreviousSize = size;\n\t\t\t\tcontinue;\n\t\t\t}\n\n\t\t\tconst currentValue = sizes[size];\n\t\t\tconst previousValue = previousSize ? sizes[previousSize] : null;\n\t\t\tif (\n\t\t\t\tcurrentValue !== 'hidden' &&\n\t\t\t\tpreviousValue &&\n\t\t\t\tpreviousValue === 'hidden' &&\n\t\t\t\tvariant !== 'actions'\n\t\t\t) {\n\t\t\t\tclasses[`${size}:flex`] = true;\n\t\t\t}\n\n\t\t\tif (currentValue === 'hidden' && variant !== 'actions') {\n\t\t\t\tclasses[`${size}:hidden`] = true;\n\t\t\t\tpreviousSize = size;\n\t\t\t\tcontinue;\n\t\t\t}\n\n\t\t\tif (currentValue === 12 || currentValue === 'full') {\n\t\t\t\tclasses[`${size}:w-full`] = true;\n\t\t\t}\n\n\t\t\tclasses[`${size}:w-${currentValue}/12`] = true;\n\t\t\tpreviousSize = size;\n\t\t}\n\n\t\treturn classes;\n\t}\n\n\tif (sizes === 12 || sizes === 'full') {\n\t\treturn {\n\t\t\t'w-full': true,\n\t\t};\n\t}\n\n\t// is a number.\n\treturn {\n\t\t[`w-${sizes}/12`]: true,\n\t};\n};\n\nexport const floatingMenuContainerClass = cva(['sticky self-center'], {\n\tvariants: {\n\t\thasFooter: {\n\t\t\ttrue: 'mt-4 -mb-5 bottom-11 z-[3]',\n\t\t\tfalse: 'my-4 bottom-0',\n\t\t},\n\t\tactive: {\n\t\t\tfalse: 'pointer-events-none animate-floating-menu-container-out',\n\t\t\ttrue: 'animate-floating-menu-container-in',\n\t\t},\n\t\tshown: {\n\t\t\tfalse: 'hidden',\n\t\t\ttrue: 'inline-block',\n\t\t},\n\t},\n});\n","export const objectGetByPath = (\n    obj: any,\n    path: string,\n    defaultValue = undefined\n) => {\n    const travel = (regexp) =>\n        String.prototype.split\n            .call(path, regexp)\n            .filter(Boolean)\n            .reduce(\n                (res, key) =>\n                    res !== null && res !== undefined ? res[key] : res,\n                obj\n            );\n    const result = travel(/[,[\\]]+?/) || travel(/[,[\\].]+?/);\n    return result === undefined || result === obj ? defaultValue : result;\n};\n"],"version":3}

package/dist/components/p-D-ugvlau.js.map

@@ -1 +0,0 @@
-{"file":"p-D-ugvlau.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/atoms/backdrop/backdrop.component.css?tag=p-backdrop&encapsulation=shadow","src/components/atoms/backdrop/backdrop.component.tsx"],"sourcesContent":["","import {\n\tComponent,\n\tElement,\n\tEvent,\n\tEventEmitter,\n\th,\n\tListen,\n\tProp,\n} from '@stencil/core';\nimport { cva } from 'class-variance-authority';\nimport { asBoolean } from '../../../utils/as-boolean';\n\nconst backdrop = cva(\n\t[\n\t\t'flex',\n\t\t'fixed left-0 top-0 z-backdrop',\n\t\t'h-full w-full',\n\t\t'overflow-hidden',\n\t\t'bg-black-teal-800/40',\n\t\t'max-h-screen max-w-screen',\n\t],\n\t{\n\t\tvariants: {\n\t\t\tblur: {\n\t\t\t\tfalse: null,\n\t\t\t\ttrue: 'backdrop-blur-sm',\n\t\t\t},\n\t\t\tclosing: {\n\t\t\t\tfalse: 'animate-fade-in',\n\t\t\t\ttrue: 'animate-fade-out pointer-events-none',\n\t\t\t},\n\t\t},\n\t}\n);\n\nconst contentContainer = cva(\n\t[\n\t\t'h-full w-full overflow-y-auto overflow-x-hidden',\n\t\t'flex',\n\t\t'max-h-screen max-w-screen',\n\t],\n\t{\n\t\tvariants: {\n\t\t\tvariant: {\n\t\t\t\tmodal: [\n\t\t\t\t\t'pt-16 tablet:px-16 desktop-xs:py-8',\n\t\t\t\t\t'items-end desktop-xs:items-stretch justify-center',\n\t\t\t\t],\n\t\t\t\tdrawer: ['items-start justify-end desktop-xs:items-start'],\n\t\t\t},\n\t\t\tclosing: {\n\t\t\t\tfalse: null,\n\t\t\t\ttrue: 'overflow-hidden',\n\t\t\t},\n\t\t},\n\t}\n);\n\n@Component({\n\ttag: 'p-backdrop',\n\tstyleUrl: 'backdrop.component.css',\n\tshadow: true,\n})\nexport class Backdrop {\n\t/**\n\t * The variant of the backdrop\n\t */\n\t@Prop() variant: 'modal' | 'drawer' = 'modal';\n\n\t/**\n\t * Wether to apply blur on the background of the backdrop\n\t */\n\t@Prop() applyBlur: boolean = false;\n\n\t/**\n\t * Wether the backdrop is closing\n\t */\n\t@Prop() closing: boolean = false;\n\n\t/**\n\t * Wether we should scroll lock the body\n\t */\n\t@Prop() scrollLock: boolean = true;\n\n\t/**\n\t * The class passed to the component\n\t */\n\t@Prop() class: string;\n\n\t/**\n\t * When the backdrop is clicked\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\tclicked: EventEmitter<MouseEvent>;\n\n\t/**\n\t * The host element\n\t */\n\t@Element() private _el: HTMLElement;\n\n\tcomponentWillLoad() {\n\t\tif (this.scrollLock) {\n\t\t\tdocument.querySelector(':root').classList.add('scroll-lock');\n\t\t}\n\t}\n\n\tdisconnectedCallback() {\n\t\tif (this.scrollLock) {\n\t\t\tdocument.querySelector(':root').classList.remove('scroll-lock');\n\t\t}\n\t}\n\n\tcomponentWillUpdate() {\n\t\tif (!this.scrollLock) {\n\t\t\tdocument.querySelector(':root').classList.remove('scroll-lock');\n\t\t}\n\n\t\tif (this.scrollLock) {\n\t\t\tdocument.querySelector(':root').classList.add('scroll-lock');\n\t\t}\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<div\n\t\t\t\tclass={backdrop({\n\t\t\t\t\tblur: asBoolean(this.applyBlur),\n\t\t\t\t\tclosing: asBoolean(this.closing),\n\t\t\t\t})}\n\t\t\t>\n\t\t\t\t<div\n\t\t\t\t\tclass={contentContainer({\n\t\t\t\t\t\tvariant: this.variant,\n\t\t\t\t\t\tclosing: asBoolean(this.closing),\n\t\t\t\t\t})}\n\t\t\t\t>\n\t\t\t\t\t<slot />\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t);\n\t}\n\n\t@Listen('click', { capture: true })\n\thandleClick(ev: MouseEvent) {\n\t\tif (ev.target !== this._el && !this._el.contains(ev.target as Node)) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis.clicked.emit(ev);\n\t}\n}\n"],"version":3}

package/dist/components/p-DP-tFaYu.js.map

@@ -1 +0,0 @@
-{"file":"p-DP-tFaYu.js","mappings":";;;;AAAA,MAAM,iCAAiC,GAAG,4pFAA4pF;;ACItsF,MAAM,qBAAqB,GAAG,GAAG,CAChC;IACC,2BAA2B;IAC3B,KAAK;IACL,iBAAiB;IACjB,QAAQ;IACR,qCAAqC;CACrC,EACD;AACC,IAAA,QAAQ,EAAE;AACT,QAAA,OAAO,EAAE;AACR,YAAA,OAAO,EAAE,+CAA+C;AACxD,YAAA,WAAW,EAAE,qDAAqD;AAClE,SAAA;AACD,QAAA,SAAS,EAAE;AACV,YAAA,KAAK,EAAE,IAAI;AACX,YAAA,IAAI,EAAE,QAAQ;AACd,SAAA;AACD,QAAA,QAAQ,EAAE;AACT,YAAA,KAAK,EAAE,IAAI;AACX,YAAA,IAAI,EAAE,mBAAmB;AACzB,SAAA;AACD,KAAA;AACD,IAAA,gBAAgB,EAAE;AACjB,QAAA;AACC,YAAA,SAAS,EAAE,KAAK;AAChB,YAAA,QAAQ,EAAE,IAAI;AACd,YAAA,KAAK,EAAE,QAAQ;AACf,SAAA;AACD,KAAA;AACD,CAAA,CACD;AAED,MAAM,cAAc,GAAG,GAAG,CAAC,4BAA4B,EAAE;AACxD,IAAA,QAAQ,EAAE;AACT,QAAA,aAAa,EAAE;AACd,YAAA,KAAK,EAAE,mCAAmC;AAC1C,YAAA,IAAI,EAAE,IAAI;AACV,SAAA;AACD,QAAA,UAAU,EAAE;AACX,YAAA,IAAI,EAAE,IAAI;AACV,YAAA,OAAO,EAAE,iBAAiB;AAC1B,YAAA,KAAK,EAAE,mBAAmB;AAC1B,YAAA,MAAM,EAAE,eAAe;AACvB,SAAA;AACD,KAAA;AACD,CAAA,CAAC;MAOW,qBAAqB,iBAAAA,kBAAA,CAAA,MAAA,qBAAA,SAAAC,CAAA,CAAA;;;;;;AACjC;;AAEG;IACK,OAAO,GAA4B,SAAS;AAEpD;;AAEG;IACK,QAAQ,GAAY,IAAI;AAEhC;;AAEG;AACK,IAAA,KAAK;AAEb;;AAEG;IACK,SAAS,GAAY,IAAI;AAEjC;;AAEG;IACK,aAAa,GAAY,KAAK;AAEtC;;AAEG;IACK,UAAU,GAA6C,KAAK;IAEpE,MAAM,GAAA;AACL,QAAA,MAAM,UAAU,GACf,IAAI,CAAC,UAAU,KAAK;AACnB,cAAE;AACF,cAAE,IAAI,CAAC,UAAU,KAAK;AACtB,kBAAE;AACF,kBAAE,IAAI,CAAC,UAAU;AAEnB,QAAA,QACC,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACC,KAAK,EAAE,qBAAqB,CAAC;gBAC5B,KAAK,EAAE,IAAI,CAAC,KAAK;gBACjB,OAAO,EAAE,IAAI,CAAC,OAAO;gBACrB,SAAS,EAAE,SAAS,CAAC,IAAI,CAAC,SAAS,EAAE,IAAI,CAAC;gBAC1C,QAAQ,EAAE,IAAI,CAAC,QAAQ;AACvB,aAAA,CAAC,EAAA,EAEF,CACC,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,cAAc,CAAC;AACrB,gBAAA,aAAa,EAAE,SAAS,CAAC,IAAI,CAAC,aAAa,CAAC;gBAC5C,UAAU;AACV,aAAA,CAAC,EAAA,EAEF,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,sBAAsB,EAAA,EAChC,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAQ,CACH,CACD,CACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/atoms/dropdown-menu/container/dropdown-menu-container.component.css?tag=p-dropdown-menu-container&encapsulation=shadow","src/components/atoms/dropdown-menu/container/dropdown-menu-container.component.tsx"],"sourcesContent":["","import { Component, h, Prop } from '@stencil/core';\nimport { cva } from 'class-variance-authority';\nimport { asBoolean } from '../../../../utils/as-boolean';\n\nconst dropdownMenuContainer = cva(\n\t[\n\t\t'p-dropdown-menu-container',\n\t\t'p-1',\n\t\t'rounded-lg z-10',\n\t\t'border',\n\t\t'transform-gpu will-change-transform',\n\t],\n\t{\n\t\tvariants: {\n\t\t\tvariant: {\n\t\t\t\tdefault: 'bg-white border-black-teal-100 drop-shadow-2 ',\n\t\t\t\t'dark-teal': 'bg-dark-teal-400 drop-shadow-3 border-dark-teal-400',\n\t\t\t},\n\t\t\tfullWidth: {\n\t\t\t\tfalse: null,\n\t\t\t\ttrue: 'w-full',\n\t\t\t},\n\t\t\tmaxWidth: {\n\t\t\t\tfalse: null,\n\t\t\t\ttrue: 'max-w-[13.875rem]',\n\t\t\t},\n\t\t},\n\t\tcompoundVariants: [\n\t\t\t{\n\t\t\t\tfullWidth: false,\n\t\t\t\tmaxWidth: true,\n\t\t\t\tclass: 'w-auto',\n\t\t\t},\n\t\t],\n\t}\n);\n\nconst innerContainer = cva('w-full min-h-full relative', {\n\tvariants: {\n\t\tallowOverflow: {\n\t\t\tfalse: 'overflow-y-auto overflow-x-hidden',\n\t\t\ttrue: null,\n\t\t},\n\t\tscrollable: {\n\t\t\tnone: null,\n\t\t\tdefault: 'max-h-[11.5rem]',\n\t\t\tlarge: 'max-h-[13.875rem]',\n\t\t\txlarge: 'max-h-[20rem]',\n\t\t},\n\t},\n});\n\n@Component({\n\ttag: 'p-dropdown-menu-container',\n\tstyleUrl: 'dropdown-menu-container.component.css',\n\tshadow: true,\n})\nexport class DropdownMenuContainer {\n\t/**\n\t * The variant of the container\n\t */\n\t@Prop() variant: 'default' | 'dark-teal' = 'default';\n\n\t/**\n\t * Wether the container applies it's max width\n\t */\n\t@Prop() maxWidth: boolean = true;\n\n\t/**\n\t * The class of the container passed by parent\n\t */\n\t@Prop() class: string;\n\n\t/**\n\t * Wether the container should all available space\n\t */\n\t@Prop() fullWidth: boolean = true;\n\n\t/**\n\t * Wether to allow overflow\n\t */\n\t@Prop() allowOverflow: boolean = false;\n\n\t/**\n\t * Wether the container should be scrollable when the threshold is met.\n\t */\n\t@Prop() scrollable: boolean | 'default' | 'large' | 'xlarge' = false;\n\n\trender() {\n\t\tconst scrollable =\n\t\t\tthis.scrollable === false\n\t\t\t\t? 'none'\n\t\t\t\t: this.scrollable === true\n\t\t\t\t? 'default'\n\t\t\t\t: this.scrollable;\n\n\t\treturn (\n\t\t\t<div\n\t\t\t\tclass={dropdownMenuContainer({\n\t\t\t\t\tclass: this.class,\n\t\t\t\t\tvariant: this.variant,\n\t\t\t\t\tfullWidth: asBoolean(this.fullWidth, true),\n\t\t\t\t\tmaxWidth: this.maxWidth,\n\t\t\t\t})}\n\t\t\t>\n\t\t\t\t<div\n\t\t\t\t\tclass={innerContainer({\n\t\t\t\t\t\tallowOverflow: asBoolean(this.allowOverflow),\n\t\t\t\t\t\tscrollable,\n\t\t\t\t\t})}\n\t\t\t\t>\n\t\t\t\t\t<div class='flex w-full flex-col'>\n\t\t\t\t\t\t<slot />\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t);\n\t}\n}\n"],"version":3}

package/dist/components/p-DXMAnvYE.js.map

@@ -1 +0,0 @@
-{"file":"p-DXMAnvYE.js","mappings":";;AAAA,MAAM,kBAAkB,GAAG,4sHAA4sH;;MCQ1tH,MAAM,iBAAAA,kBAAA,CAAA,MAAA,MAAA,SAAAC,CAAA,CAAA;;;;;;AAClB;;AAEG;IACK,IAAI,GAAkC,IAAI;AAElD;;AAEG;IACK,OAAO,GACd,QAAQ;AAET;;AAEG;IACK,KAAK,GACZ,kBAAkB;AAEnB;;AAEG;AACK,IAAA,UAAU;AAElB;;AAEG;AACK,IAAA,gBAAgB;IAEhB,KAAK,GAAkC,KAAK;AAC5C,IAAA,eAAe;IAEvB,gBAAgB,GAAA;AACf,QAAA,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,IAAI;;IAGvB,mBAAmB,GAAA;QAClB,IAAI,CAAC,UAAU,EAAE;;IAGlB,qBAAqB,GAAA;QACpB,IAAI,CAAC,UAAU,EAAE;;IAGlB,MAAM,GAAA;AACL,QAAA,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE;YAChB;;AAGD,QAAA,IAAI,IAAI,CAAC,OAAO,KAAK,OAAO,EAAE;YAC7B,OAAO,EAAC,IAAI,EAAA,EAAC,KAAK,EAAC,2CAA2C,GAAQ;;AAGvE,QAAA,MAAM,MAAM,GAAG,CAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAE,CAAA,aAAA,EAAgB,IAAI,CAAC,KAAK,CAAE,CAAA,EAAA,CAAQ;AAE/D,QAAA,IAAI,IAAI,CAAC,OAAO,KAAK,aAAa,EAAE;AACnC,YAAA,QACC,CAAC,CAAA,IAAI,EAAC,EAAA,KAAK,EAAC,qBAAqB,EAAA,EAChC,CAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,gBAAgB,EAAA,EAC1B,CAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,SAAS,EAAA,EACnB,CAAA,CAAA,MAAA,EAAA,IAAA,CAAQ,CACH,CACD,CACA;;QAIT,QACC,CAAC,CAAA,IAAI,IACJ,KAAK,EAAE,CAAA,qBAAA,EACN,IAAI,CAAC,OAAO,KAAK,YAAY,IAAI,qCAClC,CAAA,CAAE,IAED,MAAM,CACD;;IAID,UAAU,GAAA;AACjB,QAAA,IAAI,IAAI,CAAC,eAAe,EAAE;AACzB,YAAA,IAAI,CAAC,eAAe,CAAC,WAAW,EAAE;AAClC,YAAA,IAAI,CAAC,eAAe,GAAG,IAAI;;AAG5B,QAAA,IAAI,OAAO,IAAI,CAAC,IAAI,KAAK,SAAS,EAAE;YACnC,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC,IAAI,EAAE,SAAS,CAAC,IAAI,KAAK,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,CAAC;YACxE;;AAGD,QAAA,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/atoms/loader/loader.component.scss?tag=p-loader&encapsulation=shadow","src/components/atoms/loader/loader.component.tsx"],"sourcesContent":[":host {\n\t.loader {\n\t\t@apply inline-block h-[1em] w-[1em] rounded-full;\n\t\t@apply border-2 border-solid;\n\t\tanimation: 500ms spin linear infinite;\n\n\t\twill-change: transform;\n\n\t\t&.color-supportive-lilac {\n\t\t\t@apply border-r-supportive-lilac/40 border-t-supportive-lilac #{!important};\n\t\t}\n\n\t\t&.color-off-white {\n\t\t\t@apply border-off-white-600/40 border-t-off-white-800 #{!important};\n\t\t}\n\n\t\t&.color-white {\n\t\t\t@apply border-white/40 border-t-white #{!important};\n\t\t}\n\n\t\t&.color-black-teal {\n\t\t\t@apply border-r-black-teal-400 border-t-black-teal-700 #{!important};\n\t\t}\n\t}\n\n\t.loading-screen {\n\t\t@apply fixed left-0 top-0 h-screen-safe w-screen-safe;\n\t\t@apply flex items-center justify-center;\n\t\t@apply bg-off-white-200;\n\n\t\tz-index: 1001;\n\n\t\t.content {\n\t\t\t@apply max-w-xs;\n\t\t}\n\t}\n}\n\n:host(.variant-ghost) {\n\t@apply box-border block;\n\n\twill-change: background, background-position-x, background-color;\n\n\tmin-height: 1em;\n\tmin-width: 1em;\n\n\t--loading-bg: #f7fafc;\n\t--loading-stripe: rgba(252, 253, 254, 1);\n\n\tbackground-color: var(--loading-bg);\n\tbackground: linear-gradient(\n\t\t\t100deg,\n\t\t\trgba(255, 255, 255, 0) 40%,\n\t\t\tvar(--loading-stripe) 50%,\n\t\t\trgba(255, 255, 255, 0) 60%\n\t\t)\n\t\tvar(--loading-bg);\n\tbackground-size: 200% 100%;\n\tbackground-position-x: 180%;\n\tanimation: 1s loading ease-in-out infinite;\n}\n\n@keyframes loading {\n\tto {\n\t\tbackground-position-x: -20%;\n\t}\n}\n\n@keyframes spin {\n\t100% {\n\t\ttransform: rotate(1turn);\n\t}\n}\n","import { Component, h, Host, Prop } from '@stencil/core';\nimport { Observable, Subscription } from 'rxjs';\n\n@Component({\n\ttag: 'p-loader',\n\tstyleUrl: 'loader.component.scss',\n\tshadow: true,\n})\nexport class Loader {\n\t/**\n\t * Wether to show or hide the loader\n\t */\n\t@Prop() show: boolean | Observable<boolean> = true;\n\n\t/**\n\t * Variant of loader\n\t */\n\t@Prop() variant: 'inline' | 'full-width' | 'full-screen' | 'modal' | 'ghost' =\n\t\t'inline';\n\n\t/**\n\t * Color of the loader\n\t */\n\t@Prop() color: 'supportive-lilac' | 'white' | 'off-white' | 'black-teal' =\n\t\t'supportive-lilac';\n\n\t/**\n\t * !NOT IMPLEMENTED! Modal title for modal variant\n\t */\n\t@Prop() modalTitle: string;\n\n\t/**\n\t * !NOT IMPLEMENTED! Modal description for modal variant\n\t */\n\t@Prop() modalDescription: string;\n\n\tprivate _show: boolean | Observable<boolean> = false;\n\tprivate _showSubscriber: Subscription;\n\n\tcomponendDidLoad() {\n\t\tthis._show = this.show;\n\t}\n\n\tcomponentWillRender() {\n\t\tthis._checkShow();\n\t}\n\n\tcomponentShouldUpdate() {\n\t\tthis._checkShow();\n\t}\n\n\trender() {\n\t\tif (!this._show) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (this.variant === 'ghost') {\n\t\t\treturn <Host class='variant-ghost min-h-4 min-w-4 rounded-2xl'></Host>;\n\t\t}\n\n\t\tconst loader = <div class={`loader color-${this.color}`}></div>;\n\n\t\tif (this.variant === 'full-screen') {\n\t\t\treturn (\n\t\t\t\t<Host class='variant-full-screen'>\n\t\t\t\t\t<div class='loading-screen'>\n\t\t\t\t\t\t<div class='content'>\n\t\t\t\t\t\t\t<slot />\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t</Host>\n\t\t\t);\n\t\t}\n\n\t\treturn (\n\t\t\t<Host\n\t\t\t\tclass={`variant-default flex ${\n\t\t\t\t\tthis.variant === 'full-width' && 'flex w-full justify-center text-4xl'\n\t\t\t\t}`}\n\t\t\t>\n\t\t\t\t{loader}\n\t\t\t</Host>\n\t\t);\n\t}\n\n\tprivate _checkShow() {\n\t\tif (this._showSubscriber) {\n\t\t\tthis._showSubscriber.unsubscribe();\n\t\t\tthis._showSubscriber = null;\n\t\t}\n\n\t\tif (typeof this.show !== 'boolean') {\n\t\t\tthis._showSubscriber = this.show?.subscribe(show => (this._show = show));\n\t\t\treturn;\n\t\t}\n\n\t\tthis._show = this.show;\n\t}\n}\n"],"version":3}

package/dist/components/p-DdSMoNLK.js.map

@@ -1 +0,0 @@
-{"file":"p-DdSMoNLK.js","mappings":";;;;;;;AAAA,MAAM,4BAA4B,GAAG,igIAAigI;;ACMtiI,MAAM,gBAAgB,GAAG,GAAG,CAC3B;IACC,wGAAwG;CACxG,EACD;AACC,IAAA,QAAQ,EAAE;AACT,QAAA,OAAO,EAAE;AACR,YAAA,OAAO,EAAE,IAAI;AACb,YAAA,WAAW,EAAE,IAAI;AACjB,YAAA,QAAQ,EAAE,IAAI;AACd,SAAA;AACD,QAAA,MAAM,EAAE;AACP,YAAA,KAAK,EAAE,IAAI;AACX,YAAA,IAAI,EAAE,IAAI;AACV,SAAA;AACD,QAAA,QAAQ,EAAE;AACT,YAAA,KAAK,EAAE,gBAAgB;AACvB,YAAA,IAAI,EAAE,oBAAoB;AAC1B,SAAA;AACD,QAAA,WAAW,EAAE;AACZ,YAAA,KAAK,EAAE,IAAI;AACX,YAAA,IAAI,EAAE,IAAI;AACV,SAAA;AACD,QAAA,cAAc,EAAE;AACf,YAAA,IAAI,EAAE,SAAS;AACf,YAAA,KAAK,EAAE,KAAK;AACZ,SAAA;AACD,KAAA;AACD,IAAA,gBAAgB,EAAE;AACjB,QAAA;AACC,YAAA,OAAO,EAAE,SAAS;AAClB,YAAA,MAAM,EAAE,KAAK;AACb,YAAA,WAAW,EAAE,IAAI;AACjB,YAAA,QAAQ,EAAE,KAAK;AACf,YAAA,KAAK,EAAE,8BAA8B;AACrC,SAAA;AACD,QAAA;AACC,YAAA,OAAO,EAAE,SAAS;AAClB,YAAA,MAAM,EAAE,IAAI;AACZ,YAAA,QAAQ,EAAE,KAAK;AACf,YAAA,KAAK,EAAE,yBAAyB;AAChC,SAAA;AACD,QAAA;AACC,YAAA,OAAO,EAAE,SAAS;AAClB,YAAA,QAAQ,EAAE,KAAK;AACf,YAAA,KAAK,EAAE,iBAAiB;AACxB,SAAA;AACD,QAAA;AACC,YAAA,OAAO,EAAE,SAAS;AAClB,YAAA,QAAQ,EAAE,IAAI;AACd,YAAA,KAAK,EAAE,qBAAqB;AAC5B,SAAA;AACD,QAAA;AACC,YAAA,OAAO,EAAE,SAAS;AAClB,YAAA,QAAQ,EAAE,IAAI;AACd,YAAA,MAAM,EAAE,IAAI;AACZ,YAAA,KAAK,EAAE,yBAAyB;AAChC,SAAA;AAED,QAAA;AACC,YAAA,OAAO,EAAE,WAAW;AACpB,YAAA,MAAM,EAAE,KAAK;AACb,YAAA,WAAW,EAAE,IAAI;AACjB,YAAA,KAAK,EAAE,YAAY;AACnB,SAAA;AACD,QAAA;AACC,YAAA,OAAO,EAAE,WAAW;AACpB,YAAA,MAAM,EAAE,KAAK;AACb,YAAA,WAAW,EAAE,IAAI;AACjB,YAAA,QAAQ,EAAE,KAAK;AACf,YAAA,KAAK,EAAE,wBAAwB;AAC/B,SAAA;AACD,QAAA;AACC,YAAA,OAAO,EAAE,WAAW;AACpB,YAAA,MAAM,EAAE,IAAI;AACZ,YAAA,KAAK,EAAE,6BAA6B;AACpC,SAAA;AACD,QAAA;AACC,YAAA,OAAO,EAAE,WAAW;AACpB,YAAA,QAAQ,EAAE,IAAI;AACd,YAAA,KAAK,EAAE,YAAY;AACnB,SAAA;AAED,QAAA;AACC,YAAA,OAAO,EAAE,UAAU;AACnB,YAAA,MAAM,EAAE,KAAK;AACb,YAAA,WAAW,EAAE,IAAI;AACjB,YAAA,QAAQ,EAAE,KAAK;AACf,YAAA,KAAK,EAAE,4CAA4C;AACnD,SAAA;AACD,QAAA;AACC,YAAA,OAAO,EAAE,UAAU;AACnB,YAAA,MAAM,EAAE,IAAI;AACZ,YAAA,QAAQ,EAAE,KAAK;AACf,YAAA,KAAK,EAAE,uCAAuC;AAC9C,SAAA;AACD,QAAA;AACC,YAAA,OAAO,EAAE,UAAU;AACnB,YAAA,QAAQ,EAAE,IAAI;AACd,YAAA,KAAK,EAAE,uBAAuB;AAC9B,SAAA;AACD,QAAA;AACC,YAAA,OAAO,EAAE,UAAU;AACnB,YAAA,QAAQ,EAAE,IAAI;AACd,YAAA,MAAM,EAAE,IAAI;AACZ,YAAA,KAAK,EAAE,oBAAoB;AAC3B,SAAA;AAED,QAAA;AACC,YAAA,WAAW,EAAE,IAAI;AACjB,YAAA,QAAQ,EAAE,KAAK;AACf,YAAA,KAAK,EAAE,gBAAgB;AACvB,SAAA;AACD,KAAA;AACD,CAAA,CACD;AAED,MAAM,oBAAoB,GAAG,GAAG,CAAC,CAAC,WAAW,CAAC,EAAE;AAC/C,IAAA,QAAQ,EAAE;AACT,QAAA,OAAO,EAAE;AACR,YAAA,OAAO,EAAE,IAAI;AACb,YAAA,WAAW,EAAE,IAAI;AACjB,YAAA,QAAQ,EAAE,IAAI;AACd,SAAA;AACD,QAAA,MAAM,EAAE;AACP,YAAA,KAAK,EAAE,IAAI;AACX,YAAA,IAAI,EAAE,IAAI;AACV,SAAA;AACD,QAAA,QAAQ,EAAE;AACT,YAAA,KAAK,EAAE,IAAI;AACX,YAAA,IAAI,EAAE,qBAAqB;AAC3B,SAAA;AACD,QAAA,IAAI,EAAE;AACL,YAAA,IAAI,EAAE,0BAA0B;AAChC,YAAA,KAAK,EAAE,IAAI;AACX,SAAA;AACD,KAAA;AACD,IAAA,gBAAgB,EAAE;AACjB,QAAA;AACC,YAAA,OAAO,EAAE,SAAS;AAClB,YAAA,MAAM,EAAE,KAAK;AACb,YAAA,QAAQ,EAAE,KAAK;AACf,YAAA,KAAK,EAAE,iDAAiD;AACxD,SAAA;AAED,QAAA;AACC,YAAA,OAAO,EAAE,WAAW;AACpB,YAAA,MAAM,EAAE,KAAK;AACb,YAAA,QAAQ,EAAE,KAAK;AACf,YAAA,KAAK,EAAE,2CAA2C;AAClD,SAAA;AAED,QAAA;AACC,YAAA,OAAO,EAAE,UAAU;AACnB,YAAA,MAAM,EAAE,KAAK;AACb,YAAA,QAAQ,EAAE,KAAK;AACf,YAAA,KAAK,EAAE,qDAAqD;AAC5D,SAAA;AACD,QAAA;AACC,YAAA,OAAO,EAAE,UAAU;AACnB,YAAA,MAAM,EAAE,IAAI;AACZ,YAAA,QAAQ,EAAE,KAAK;AACf,YAAA,KAAK,EAAE,uBAAuB;AAC9B,SAAA;AACD,KAAA;AACD,CAAA,CAAC;MAOW,gBAAgB,iBAAAA,kBAAA,CAAA,MAAA,gBAAA,SAAAC,CAAA,CAAA;;;;;;AAC5B;;AAEG;IACK,MAAM,GAAY,KAAK;AAE/B;;AAEG;IACK,QAAQ,GAAY,KAAK;AAEjC;;AAEG;IACK,OAAO,GAAyC,SAAS;AAEjE;;AAEG;IACK,WAAW,GAAa,IAAI;AAEpC;;AAEG;IACK,cAAc,GAAa,KAAK;AAExC;;AAEG;IACK,QAAQ,GAAY,KAAK;AAEjC;;AAEG;AACK,IAAA,IAAI;AAEZ;;AAEG;IACK,QAAQ,GAAY,KAAK;AAEjC;;AAEG;IACK,YAAY,GAAG,IAAI;IAE3B,MAAM,GAAA;AACL,QAAA,QACC,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACC,KAAK,EAAE,gBAAgB,CAAC;gBACvB,OAAO,EAAE,IAAI,CAAC,OAAO;AACrB,gBAAA,MAAM,EAAE,SAAS,CAAC,IAAI,CAAC,MAAM,CAAC;gBAC9B,WAAW,EAAE,SAAS,CAAC,IAAI,CAAC,WAAW,IAAI,IAAI,EAAE,IAAI,CAAC;gBACtD,cAAc,EAAE,IAAI,CAAC,cAAc;AACnC,gBAAA,QAAQ,EAAE,SAAS,CAAC,IAAI,CAAC,QAAQ,CAAC;AAClC,aAAA,CAAC,EAAA,EAED,IAAI,CAAC,IAAI,KACT,+DACC,KAAK,EAAE,oBAAoB,CAAC;gBAC3B,OAAO,EAAE,IAAI,CAAC,OAAO;AACrB,gBAAA,MAAM,EAAE,SAAS,CAAC,IAAI,CAAC,MAAM,CAAC;AAC9B,gBAAA,QAAQ,EAAE,SAAS,CAAC,IAAI,CAAC,QAAQ,CAAC;AAClC,gBAAA,IAAI,EAAE,SAAS,CAAC,IAAI,CAAC,QAAQ,CAAC;aAC9B,CAAC,EACF,OAAO,EAAE,IAAI,CAAC,IAAI,GACjB,CACF,EAEA,IAAI,CAAC,QAAQ,KACb,CAAA,CAAA,YAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACC,OAAO,EAAE,IAAI,CAAC,MAAM,EACpB,QAAQ,EAAE,IAAI,CAAC,QAAQ,GACtB,CACF,EAEA,IAAI,CAAC,YAAY,IACjB,CACC,CAAA,KAAA,EAAA,EAAA,KAAK,EAAE,EAAE,CAAC,yCAAyC,EAAE;AACpD,gBAAA,iCAAiC,EAAE,CAAC,IAAI,CAAC,cAAc;aACvD,CAAC,EAAA,EAEF,CAAQ,CAAA,MAAA,EAAA,IAAA,CAAA,CACH,KAEN,CAAQ,CAAA,MAAA,EAAA,IAAA,CAAA,CACR,CACI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/atoms/dropdown-menu/item/dropdown-menu-item.component.css?tag=p-dropdown-menu-item&encapsulation=shadow","src/components/atoms/dropdown-menu/item/dropdown-menu-item.component.tsx"],"sourcesContent":["","import { Component, Prop, h } from '@stencil/core';\nimport { cva } from 'class-variance-authority';\nimport { asBoolean } from '../../../../utils/as-boolean';\nimport { IconVariant } from '../../icon/icon.component';\nimport { cn } from '../../../../utils';\n\nconst dropdownMenuItem = cva(\n\t[\n\t\t'p-dropdown-menu-item flex px-2 py-1 gap-2 text-sm font-medium group rounded-lg items-center max-w-full',\n\t],\n\t{\n\t\tvariants: {\n\t\t\tvariant: {\n\t\t\t\tdefault: null,\n\t\t\t\t'dark-teal': null,\n\t\t\t\tnegative: null,\n\t\t\t},\n\t\t\tactive: {\n\t\t\t\tfalse: null,\n\t\t\t\ttrue: null,\n\t\t\t},\n\t\t\tdisabled: {\n\t\t\t\tfalse: 'cursor-pointer',\n\t\t\t\ttrue: 'cursor-not-allowed',\n\t\t\t},\n\t\t\tenableHover: {\n\t\t\t\tfalse: null,\n\t\t\t\ttrue: null,\n\t\t\t},\n\t\t\tenableTextWrap: {\n\t\t\t\ttrue: 'min-h-8',\n\t\t\t\tfalse: 'h-8',\n\t\t\t},\n\t\t},\n\t\tcompoundVariants: [\n\t\t\t{\n\t\t\t\tvariant: 'default',\n\t\t\t\tactive: false,\n\t\t\t\tenableHover: true,\n\t\t\t\tdisabled: false,\n\t\t\t\tclass: 'hover:bg-supportive-lilac-50',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: 'default',\n\t\t\t\tactive: true,\n\t\t\t\tdisabled: false,\n\t\t\t\tclass: 'bg-supportive-lilac-100',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: 'default',\n\t\t\t\tdisabled: false,\n\t\t\t\tclass: 'text-black-teal',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: 'default',\n\t\t\t\tdisabled: true,\n\t\t\t\tclass: 'text-black-teal-200',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: 'default',\n\t\t\t\tdisabled: true,\n\t\t\t\tactive: true,\n\t\t\t\tclass: 'bg-supportive-lilac-100',\n\t\t\t},\n\n\t\t\t{\n\t\t\t\tvariant: 'dark-teal',\n\t\t\t\tactive: false,\n\t\t\t\tenableHover: true,\n\t\t\t\tclass: 'text-white',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: 'dark-teal',\n\t\t\t\tactive: false,\n\t\t\t\tenableHover: true,\n\t\t\t\tdisabled: false,\n\t\t\t\tclass: 'hover:bg-dark-teal-500',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: 'dark-teal',\n\t\t\t\tactive: true,\n\t\t\t\tclass: 'text-white bg-dark-teal-600',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: 'dark-teal',\n\t\t\t\tdisabled: true,\n\t\t\t\tclass: 'opacity-40',\n\t\t\t},\n\n\t\t\t{\n\t\t\t\tvariant: 'negative',\n\t\t\t\tactive: false,\n\t\t\t\tenableHover: true,\n\t\t\t\tdisabled: false,\n\t\t\t\tclass: 'text-negative-red hover:bg-negative-red-50',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: 'negative',\n\t\t\t\tactive: true,\n\t\t\t\tdisabled: false,\n\t\t\t\tclass: 'bg-negative-red-100 text-negative-red',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: 'negative',\n\t\t\t\tdisabled: true,\n\t\t\t\tclass: 'text-negative-red-100',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: 'negative',\n\t\t\t\tdisabled: true,\n\t\t\t\tactive: true,\n\t\t\t\tclass: 'bg-negative-red-50',\n\t\t\t},\n\n\t\t\t{\n\t\t\t\tenableHover: true,\n\t\t\t\tdisabled: false,\n\t\t\t\tclass: 'cursor-pointer',\n\t\t\t},\n\t\t],\n\t}\n);\n\nconst dropdownMenuItemIcon = cva(['text-base'], {\n\tvariants: {\n\t\tvariant: {\n\t\t\tdefault: null,\n\t\t\t'dark-teal': null,\n\t\t\tnegative: null,\n\t\t},\n\t\tactive: {\n\t\t\tfalse: null,\n\t\t\ttrue: null,\n\t\t},\n\t\tdisabled: {\n\t\t\tfalse: null,\n\t\t\ttrue: 'text-black-teal-100',\n\t\t},\n\t\twave: {\n\t\t\ttrue: 'group-hover:animate-wave',\n\t\t\tfalse: null,\n\t\t},\n\t},\n\tcompoundVariants: [\n\t\t{\n\t\t\tvariant: 'default',\n\t\t\tactive: false,\n\t\t\tdisabled: false,\n\t\t\tclass: 'text-black-teal-300 group-hover:text-black-teal',\n\t\t},\n\n\t\t{\n\t\t\tvariant: 'dark-teal',\n\t\t\tactive: false,\n\t\t\tdisabled: false,\n\t\t\tclass: 'text-dark-teal-100 group-hover:text-white',\n\t\t},\n\n\t\t{\n\t\t\tvariant: 'negative',\n\t\t\tactive: false,\n\t\t\tdisabled: false,\n\t\t\tclass: 'text-negative-red group-hover:text-negative-red-800',\n\t\t},\n\t\t{\n\t\t\tvariant: 'negative',\n\t\t\tactive: true,\n\t\t\tdisabled: false,\n\t\t\tclass: 'text-negative-red-800',\n\t\t},\n\t],\n});\n\n@Component({\n\ttag: 'p-dropdown-menu-item',\n\tstyleUrl: 'dropdown-menu-item.component.css',\n\tshadow: true,\n})\nexport class DropdownMenuItem {\n\t/**\n\t * Wether the dropdown menu item is active\n\t */\n\t@Prop() active: boolean = false;\n\n\t/**\n\t * Wether the dropdown menu item has a checkbox\n\t */\n\t@Prop() checkbox: boolean = false;\n\n\t/**\n\t * The variant of the item\n\t */\n\t@Prop() variant: 'default' | 'dark-teal' | 'negative' = 'default';\n\n\t/**\n\t * Wether to enable the hover state\n\t */\n\t@Prop() enableHover?: boolean = true;\n\n\t/**\n\t * Wether to enable wrapping the text to a new line\n\t */\n\t@Prop() enableTextWrap?: boolean = false;\n\n\t/**\n\t * Wether the item is disabled\n\t */\n\t@Prop() disabled: boolean = false;\n\n\t/**\n\t * Icon of the navigation item\n\t */\n\t@Prop() icon: IconVariant;\n\n\t/**\n\t * Wether to apply wave animation to icon\n\t */\n\t@Prop() iconWave: boolean = false;\n\n\t/**\n\t *  wether to use the container for text\n\t */\n\t@Prop() useContainer = true;\n\n\trender() {\n\t\treturn (\n\t\t\t<div\n\t\t\t\tclass={dropdownMenuItem({\n\t\t\t\t\tvariant: this.variant,\n\t\t\t\t\tactive: asBoolean(this.active),\n\t\t\t\t\tenableHover: asBoolean(this.enableHover ?? true, true),\n\t\t\t\t\tenableTextWrap: this.enableTextWrap,\n\t\t\t\t\tdisabled: asBoolean(this.disabled),\n\t\t\t\t})}\n\t\t\t>\n\t\t\t\t{this.icon && (\n\t\t\t\t\t<p-icon\n\t\t\t\t\t\tclass={dropdownMenuItemIcon({\n\t\t\t\t\t\t\tvariant: this.variant,\n\t\t\t\t\t\t\tactive: asBoolean(this.active),\n\t\t\t\t\t\t\tdisabled: asBoolean(this.disabled),\n\t\t\t\t\t\t\twave: asBoolean(this.iconWave),\n\t\t\t\t\t\t})}\n\t\t\t\t\t\tvariant={this.icon}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\n\t\t\t\t{this.checkbox && (\n\t\t\t\t\t<p-checkbox\n\t\t\t\t\t\tchecked={this.active}\n\t\t\t\t\t\tdisabled={this.disabled}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\n\t\t\t\t{this.useContainer ? (\n\t\t\t\t\t<div\n\t\t\t\t\t\tclass={cn('block w-full overflow-hidden text-start', {\n\t\t\t\t\t\t\t'text-ellipsis whitespace-nowrap': !this.enableTextWrap,\n\t\t\t\t\t\t})}\n\t\t\t\t\t>\n\t\t\t\t\t\t<slot />\n\t\t\t\t\t</div>\n\t\t\t\t) : (\n\t\t\t\t\t<slot />\n\t\t\t\t)}\n\t\t\t</div>\n\t\t);\n\t}\n}\n"],"version":3}

package/dist/components/p-DuzGrx0d.js

@@ -1,166 +0,0 @@
-import { p as proxyCustomElement, H, c as createEvent, h } from './p-tdjn65Lz.js';
-import { c as cva } from './p-CBWjHURv.js';
-import { a as asBoolean } from './p-C5CTp9IA.js';
-import { n as nonce } from './p-D9kEjsvZ.js';
-import { d as defineCustomElement$1 } from './p-BNz_LoMA.js';
-
-const checkboxComponentCss = "*{box-sizing:border-box}.pointer-events-none{pointer-events:none!important}.static{position:static!important}.absolute{position:absolute!important}.relative{position:relative!important}.left-1\\/2{left:50%!important}.top-1\\/2{top:50%!important}.m-0{margin:0!important}.flex{display:flex!important}.hidden{display:none!important}.h-4{height:1rem!important}.w-4{width:1rem!important}.flex-shrink-0{flex-shrink:0!important}.-translate-x-1\\/2{--tw-translate-x:-50%!important}.-translate-x-1\\/2,.-translate-y-1\\/2{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.-translate-y-1\\/2{--tw-translate-y:-50%!important}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.cursor-not-allowed{cursor:not-allowed!important}.cursor-pointer{cursor:pointer!important}.appearance-none{appearance:none!important}.items-center{align-items:center!important}.justify-start{justify-content:flex-start!important}.gap-2{gap:.5rem!important}.rounded{border-radius:.25rem!important}.border{border-width:1px!important}.border-solid{border-style:solid!important}.border-black-teal-100{--tw-border-opacity:1!important;border-color:rgb(205 212 211/var(--tw-border-opacity,1))!important}.border-black-teal-50{--tw-border-opacity:1!important;border-color:rgb(230 234 233/var(--tw-border-opacity,1))!important}.bg-white{background-color:rgb(255 255 255/var(--tw-bg-opacity,1))!important}.bg-white,.bg-white-600{--tw-bg-opacity:1!important}.bg-white-600{background-color:rgb(250 250 250/var(--tw-bg-opacity,1))!important}.text-xs{font-size:.75rem!important;line-height:1rem!important}.text-black-teal{--tw-text-opacity:1!important;color:rgb(3 42 36/var(--tw-text-opacity,1))!important}.text-black-teal-200{--tw-text-opacity:1!important;color:rgb(154 170 167/var(--tw-text-opacity,1))!important}.text-white{--tw-text-opacity:1!important;color:rgb(255 255 255/var(--tw-text-opacity,1))!important}.shadow-1{--tw-shadow:0 1px 1px rgba(0,2,2,.08)!important;--tw-shadow-colored:0 1px 1px var(--tw-shadow-color)!important;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)!important}.outline-none{outline:2px solid transparent!important;outline-offset:2px!important}.drop-shadow-black-teal-10\\%{--tw-drop-shadow:drop-shadow(0px 1px 0px rgba(3,42,36,.1))!important;filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)!important}.checked\\:border-black-teal\\/20:checked{border-color:rgba(3,42,36,.2)!important}.checked\\:bg-supportive-lilac:checked{--tw-bg-opacity:1!important;background-color:rgb(209 174 255/var(--tw-bg-opacity,1))!important}.checked\\:ring-2:checked{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)!important;--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color)!important;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)!important}.checked\\:ring-supportive-lilac-100:checked{--tw-ring-opacity:1!important;--tw-ring-color:rgb(246 239 255/var(--tw-ring-opacity,1))!important}.indeterminate\\:border-black-teal\\/20:indeterminate{border-color:rgba(3,42,36,.2)!important}.indeterminate\\:bg-supportive-lilac-700:indeterminate{--tw-bg-opacity:1!important;background-color:rgb(200 159 255/var(--tw-bg-opacity,1))!important}.indeterminate\\:ring-2:indeterminate{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)!important;--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color)!important;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)!important}.indeterminate\\:ring-supportive-lilac-100:indeterminate{--tw-ring-opacity:1!important;--tw-ring-color:rgb(246 239 255/var(--tw-ring-opacity,1))!important}.hover\\:border-black-teal-100:hover{--tw-border-opacity:1!important;border-color:rgb(205 212 211/var(--tw-border-opacity,1))!important}.hover\\:bg-supportive-lilac-100:hover{--tw-bg-opacity:1!important;background-color:rgb(246 239 255/var(--tw-bg-opacity,1))!important}.checked\\:hover\\:border-black-teal\\/20:hover:checked{border-color:rgba(3,42,36,.2)!important}.checked\\:hover\\:bg-supportive-lilac-700:hover:checked{--tw-bg-opacity:1!important;background-color:rgb(200 159 255/var(--tw-bg-opacity,1))!important}.indeterminate\\:hover\\:border-black-teal\\/20:hover:indeterminate{border-color:rgba(3,42,36,.2)!important}.indeterminate\\:hover\\:bg-supportive-lilac:hover:indeterminate{--tw-bg-opacity:1!important;background-color:rgb(209 174 255/var(--tw-bg-opacity,1))!important}.group\\/checkbox-label:hover .group-hover\\/checkbox-label\\:border-black-teal-100{--tw-border-opacity:1!important;border-color:rgb(205 212 211/var(--tw-border-opacity,1))!important}.group\\/checkbox-label:hover .group-hover\\/checkbox-label\\:bg-supportive-lilac-100{--tw-bg-opacity:1!important;background-color:rgb(246 239 255/var(--tw-bg-opacity,1))!important}.group\\/checkbox-label:hover .group-hover\\/checkbox-label\\:text-sm,.group\\/p-checkbox:hover .group-hover\\/p-checkbox\\:text-sm{font-size:.875rem!important;line-height:1.25rem!important}.group\\/checkbox-label:hover .checked\\:group-hover\\/checkbox-label\\:border-black-teal\\/20:checked{border-color:rgba(3,42,36,.2)!important}.group\\/checkbox-label:hover .checked\\:group-hover\\/checkbox-label\\:bg-supportive-lilac-700:checked{--tw-bg-opacity:1!important;background-color:rgb(200 159 255/var(--tw-bg-opacity,1))!important}.group\\/checkbox-label:hover .indeterminate\\:group-hover\\/checkbox-label\\:border-black-teal\\/20:indeterminate{border-color:rgba(3,42,36,.2)!important}.group\\/checkbox-label:hover .indeterminate\\:group-hover\\/checkbox-label\\:bg-supportive-lilac:indeterminate{--tw-bg-opacity:1!important;background-color:rgb(209 174 255/var(--tw-bg-opacity,1))!important}.peer:checked~.peer-checked\\:flex{display:flex!important}.peer:indeterminate~.peer-indeterminate\\:flex{display:flex!important}";
-
-const checkbox = cva([
-    'peer appearance-none m-0 outline-none flex-shrink-0',
-    'border border-inset border-solid ',
-    'rounded w-4 h-4',
-], {
-    variants: {
-        disabled: {
-            false: [
-                'cursor-pointer shadow-1',
-                'bg-white border-black-teal-100',
-                'hover:bg-supportive-lilac-100 hover:border-black-teal-100',
-                'group-hover/checkbox-label:bg-supportive-lilac-100 group-hover/checkbox-label:border-black-teal-100',
-                'checked:bg-supportive-lilac checked:border-black-teal/20',
-                'checked:ring-2 checked:ring-supportive-lilac-100',
-                'checked:hover:bg-supportive-lilac-700 checked:hover:border-black-teal/20',
-                'checked:group-hover/checkbox-label:bg-supportive-lilac-700 checked:group-hover/checkbox-label:border-black-teal/20',
-                'indeterminate:bg-supportive-lilac-700 indeterminate:border-black-teal/20',
-                'indeterminate:ring-2 indeterminate:ring-supportive-lilac-100',
-                'indeterminate:hover:bg-supportive-lilac indeterminate:hover:border-black-teal/20',
-                'indeterminate:group-hover/checkbox-label:bg-supportive-lilac indeterminate:group-hover/checkbox-label:border-black-teal/20',
-            ],
-            true: 'bg-white-600 border-black-teal-50 cursor-not-allowed ',
-        },
-    },
-});
-const iconContainer = cva([
-    'hidden peer-indeterminate:flex peer-checked:flex',
-    'absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 pointer-events-none',
-], {
-    variants: {
-        disabled: {
-            false: 'text-white',
-            true: 'text-black-teal-200',
-        },
-    },
-});
-const icon = cva(['drop-shadow-black-teal-10% text-xs'], {
-    variants: {
-        disabled: {
-            false: 'group-hover/p-checkbox:text-sm group-hover/checkbox-label:text-sm',
-            true: null,
-        },
-    },
-});
-const Checkbox = /*@__PURE__*/ proxyCustomElement(class Checkbox extends H {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.checkedChange = createEvent(this, "checkedChange", 7);
-        this.indeterminateChange = createEvent(this, "indeterminateChange", 7);
-        this._internals = this.attachInternals();
-    }
-    /**
-     * Wether the checkbox is checked
-     */
-    checked;
-    /**
-     * Wether the checkbox is in indeterminate state
-     */
-    indeterminate;
-    /**
-     * Wether the checkbox is disabled
-     */
-    disabled = false;
-    /**
-     * Wether the checkbox is required
-     */
-    required = true;
-    /**
-     * The id of the checkbox button
-     */
-    id;
-    /**
-     * The name of the checkbox button
-     */
-    name;
-    /**
-     * Event whenever the checked changes
-     */
-    checkedChange;
-    /**
-     * Event whenever the indeterminate changes
-     */
-    indeterminateChange;
-    _nonce = nonce(5);
-    _internals;
-    formResetCallback() {
-        this.checked = false;
-        this.indeterminate = false;
-    }
-    formDisabledCallback(disabled) {
-        if (!this._internals.form) {
-            return;
-        }
-        this.disabled = disabled;
-    }
-    render() {
-        const id = this.id?.length ? this.id : this._nonce;
-        return (h("label", { key: '405cb642fd1e1a310e221e73c75cba3ac4c91247', htmlFor: id, class: 'group/p-checkbox flex items-center justify-start gap-2 text-black-teal' }, h("div", { key: '0e3a821728c2a3afbd8e7a556d733d6f066dec94', class: 'relative flex flex-shrink-0 items-center' }, h("input", { key: 'a0b24c4bebf349d3646b84d9ed4ebc1e78312dba', class: checkbox({
-                disabled: asBoolean(this.disabled),
-            }), type: 'checkbox', id: id, name: this.name, required: asBoolean(this.required), checked: asBoolean(this.checked), indeterminate: asBoolean(this.indeterminate), disabled: asBoolean(this.disabled), onChange: ev => this._onChange(ev) }), h("div", { key: '822918f55e75ab424572f0dfcb3bb2bf2d41ef5a', class: iconContainer({
-                disabled: asBoolean(this.disabled),
-            }) }, h("p-icon", { key: '8932bf5a6fdf25b886c610a797d1f6cef4135581', class: icon({
-                disabled: asBoolean(this.disabled),
-            }), size: 'auto', variant: asBoolean(this.indeterminate) ? 'minus' : 'checkmarkThick' }))), h("slot", { key: '51e053a0556546c465bdb34094f71203e26e608c' })));
-    }
-    _onChange(ev) {
-        if (this.disabled) {
-            ev.preventDefault();
-            return;
-        }
-        const checked = asBoolean(ev.target.checked);
-        const indeterminate = asBoolean(ev.target.indeterminate);
-        if (checked != this.checked) {
-            this.checked = checked;
-            this.checkedChange.emit(checked);
-        }
-        if (indeterminate != this.indeterminate) {
-            this.indeterminate = indeterminate;
-            this.indeterminateChange.emit(indeterminate);
-        }
-        this._internals.setFormValue(this.indeterminate ? 'indeterminate' : this.checked ? 'on' : 'off');
-    }
-    static get formAssociated() { return true; }
-    static get style() { return checkboxComponentCss; }
-}, [68, "p-checkbox", {
-        "checked": [4],
-        "indeterminate": [4],
-        "disabled": [516],
-        "required": [516],
-        "id": [513],
-        "name": [513],
-        "_nonce": [32]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["p-checkbox", "p-icon"];
-    components.forEach(tagName => { switch (tagName) {
-        case "p-checkbox":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, Checkbox);
-            }
-            break;
-        case "p-icon":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$1();
-            }
-            break;
-    } });
-}
-defineCustomElement();
-
-export { Checkbox as C, defineCustomElement as d };
-//# sourceMappingURL=p-DuzGrx0d.js.map
-
-//# sourceMappingURL=p-DuzGrx0d.js.map

package/dist/components/p-DuzGrx0d.js.map

@@ -1 +0,0 @@
-{"file":"p-DuzGrx0d.js","mappings":";;;;;;AAAA,MAAM,oBAAoB,GAAG,gyMAAgyM;;ACa7zM,MAAM,QAAQ,GAAG,GAAG,CACnB;IACC,qDAAqD;IACrD,mCAAmC;IACnC,iBAAiB;CACjB,EACD;AACC,IAAA,QAAQ,EAAE;AACT,QAAA,QAAQ,EAAE;AACT,YAAA,KAAK,EAAE;gBACN,yBAAyB;gBACzB,gCAAgC;gBAChC,2DAA2D;gBAC3D,qGAAqG;gBACrG,0DAA0D;gBAC1D,kDAAkD;gBAClD,0EAA0E;gBAC1E,oHAAoH;gBACpH,0EAA0E;gBAC1E,8DAA8D;gBAC9D,kFAAkF;gBAClF,4HAA4H;AAC5H,aAAA;AACD,YAAA,IAAI,EAAE,uDAAuD;AAC7D,SAAA;AACD,KAAA;AACD,CAAA,CACD;AAED,MAAM,aAAa,GAAG,GAAG,CACxB;IACC,kDAAkD;IAClD,2FAA2F;CAC3F,EACD;AACC,IAAA,QAAQ,EAAE;AACT,QAAA,QAAQ,EAAE;AACT,YAAA,KAAK,EAAE,YAAY;AACnB,YAAA,IAAI,EAAE,qBAAqB;AAC3B,SAAA;AACD,KAAA;AACD,CAAA,CACD;AAED,MAAM,IAAI,GAAG,GAAG,CAAC,CAAC,oCAAoC,CAAC,EAAE;AACxD,IAAA,QAAQ,EAAE;AACT,QAAA,QAAQ,EAAE;AACT,YAAA,KAAK,EACJ,mEAAmE;AACpE,YAAA,IAAI,EAAE,IAAI;AACV,SAAA;AACD,KAAA;AACD,CAAA,CAAC;MAOW,QAAQ,iBAAAA,kBAAA,CAAA,MAAA,QAAA,SAAAC,CAAA,CAAA;;;;;;;;AACpB;;AAEG;AACK,IAAA,OAAO;AAEf;;AAEG;AACK,IAAA,aAAa;AAErB;;AAEG;IACsB,QAAQ,GAAY,KAAK;AAElD;;AAEG;IACsB,QAAQ,GAAY,IAAI;AAEjD;;AAEG;AACsB,IAAA,EAAE;AAE3B;;AAEG;AACsB,IAAA,IAAI;AAE7B;;AAEG;AACM,IAAA,aAAa;AACtB;;AAEG;AACM,IAAA,mBAAmB;AAEX,IAAA,MAAM,GAAG,KAAK,CAAC,CAAC,CAAC;AAEf,IAAA,UAAU;IAE7B,iBAAiB,GAAA;AAChB,QAAA,IAAI,CAAC,OAAO,GAAG,KAAK;AACpB,QAAA,IAAI,CAAC,aAAa,GAAG,KAAK;;AAG3B,IAAA,oBAAoB,CAAC,QAAiB,EAAA;AACrC,QAAA,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,IAAI,EAAE;YAC1B;;AAGD,QAAA,IAAI,CAAC,QAAQ,GAAG,QAAQ;;IAGzB,MAAM,GAAA;AACL,QAAA,MAAM,EAAE,GAAG,IAAI,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI,CAAC,EAAE,GAAG,IAAI,CAAC,MAAM;QAElD,QACC,8DACC,OAAO,EAAE,EAAE,EACX,KAAK,EAAC,wEAAwE,EAAA,EAE9E,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,0CAA0C,EAAA,EACpD,CACC,CAAA,OAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,QAAQ,CAAC;AACf,gBAAA,QAAQ,EAAE,SAAS,CAAC,IAAI,CAAC,QAAQ,CAAC;AAClC,aAAA,CAAC,EACF,IAAI,EAAC,UAAU,EACf,EAAE,EAAE,EAAE,EACN,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,QAAQ,EAAE,SAAS,CAAC,IAAI,CAAC,QAAQ,CAAC,EAClC,OAAO,EAAE,SAAS,CAAC,IAAI,CAAC,OAAO,CAAC,EAChC,aAAa,EAAE,SAAS,CAAC,IAAI,CAAC,aAAa,CAAC,EAC5C,QAAQ,EAAE,SAAS,CAAC,IAAI,CAAC,QAAQ,CAAC,EAClC,QAAQ,EAAE,EAAE,IAAI,IAAI,CAAC,SAAS,CAAC,EAAE,CAAC,EACjC,CAAA,EACF,CACC,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,aAAa,CAAC;AACpB,gBAAA,QAAQ,EAAE,SAAS,CAAC,IAAI,CAAC,QAAQ,CAAC;AAClC,aAAA,CAAC,EAAA,EAEF,CACC,CAAA,QAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,IAAI,CAAC;AACX,gBAAA,QAAQ,EAAE,SAAS,CAAC,IAAI,CAAC,QAAQ,CAAC;AAClC,aAAA,CAAC,EACF,IAAI,EAAC,MAAM,EACX,OAAO,EACN,SAAS,CAAC,IAAI,CAAC,aAAa,CAAC,GAAG,OAAO,GAAG,gBAAgB,EAE1D,CAAA,CACG,CACD,EACN,CAAQ,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACD;;AAIF,IAAA,SAAS,CAAC,EAAS,EAAA;AAC1B,QAAA,IAAI,IAAI,CAAC,QAAQ,EAAE;YAClB,EAAE,CAAC,cAAc,EAAE;YACnB;;QAGD,MAAM,OAAO,GAAG,SAAS,CAAE,EAAE,CAAC,MAA2B,CAAC,OAAO,CAAC;QAClE,MAAM,aAAa,GAAG,SAAS,CAC7B,EAAE,CAAC,MAA2B,CAAC,aAAa,CAC7C;AAED,QAAA,IAAI,OAAO,IAAI,IAAI,CAAC,OAAO,EAAE;AAC5B,YAAA,IAAI,CAAC,OAAO,GAAG,OAAO;AACtB,YAAA,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,OAAO,CAAC;;AAGjC,QAAA,IAAI,aAAa,IAAI,IAAI,CAAC,aAAa,EAAE;AACxC,YAAA,IAAI,CAAC,aAAa,GAAG,aAAa;AAClC,YAAA,IAAI,CAAC,mBAAmB,CAAC,IAAI,CAAC,aAAa,CAAC;;QAG7C,IAAI,CAAC,UAAU,CAAC,YAAY,CAC3B,IAAI,CAAC,aAAa,GAAG,eAAe,GAAG,IAAI,CAAC,OAAO,GAAG,IAAI,GAAG,KAAK,CAClE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/atoms/checkbox/checkbox.component.css?tag=p-checkbox","src/components/atoms/checkbox/checkbox.component.tsx"],"sourcesContent":["","import {\n\tAttachInternals,\n\tComponent,\n\tEvent,\n\tEventEmitter,\n\tProp,\n\tState,\n\th,\n} from '@stencil/core';\nimport { cva } from 'class-variance-authority';\nimport { asBoolean } from '../../../utils/as-boolean';\nimport { nonce } from '../../../utils/nonce';\n\nconst checkbox = cva(\n\t[\n\t\t'peer appearance-none m-0 outline-none flex-shrink-0',\n\t\t'border border-inset border-solid ',\n\t\t'rounded w-4 h-4',\n\t],\n\t{\n\t\tvariants: {\n\t\t\tdisabled: {\n\t\t\t\tfalse: [\n\t\t\t\t\t'cursor-pointer shadow-1',\n\t\t\t\t\t'bg-white border-black-teal-100',\n\t\t\t\t\t'hover:bg-supportive-lilac-100 hover:border-black-teal-100',\n\t\t\t\t\t'group-hover/checkbox-label:bg-supportive-lilac-100 group-hover/checkbox-label:border-black-teal-100',\n\t\t\t\t\t'checked:bg-supportive-lilac checked:border-black-teal/20',\n\t\t\t\t\t'checked:ring-2 checked:ring-supportive-lilac-100',\n\t\t\t\t\t'checked:hover:bg-supportive-lilac-700 checked:hover:border-black-teal/20',\n\t\t\t\t\t'checked:group-hover/checkbox-label:bg-supportive-lilac-700 checked:group-hover/checkbox-label:border-black-teal/20',\n\t\t\t\t\t'indeterminate:bg-supportive-lilac-700 indeterminate:border-black-teal/20',\n\t\t\t\t\t'indeterminate:ring-2 indeterminate:ring-supportive-lilac-100',\n\t\t\t\t\t'indeterminate:hover:bg-supportive-lilac indeterminate:hover:border-black-teal/20',\n\t\t\t\t\t'indeterminate:group-hover/checkbox-label:bg-supportive-lilac indeterminate:group-hover/checkbox-label:border-black-teal/20',\n\t\t\t\t],\n\t\t\t\ttrue: 'bg-white-600 border-black-teal-50 cursor-not-allowed ',\n\t\t\t},\n\t\t},\n\t}\n);\n\nconst iconContainer = cva(\n\t[\n\t\t'hidden peer-indeterminate:flex peer-checked:flex',\n\t\t'absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 pointer-events-none',\n\t],\n\t{\n\t\tvariants: {\n\t\t\tdisabled: {\n\t\t\t\tfalse: 'text-white',\n\t\t\t\ttrue: 'text-black-teal-200',\n\t\t\t},\n\t\t},\n\t}\n);\n\nconst icon = cva(['drop-shadow-black-teal-10% text-xs'], {\n\tvariants: {\n\t\tdisabled: {\n\t\t\tfalse:\n\t\t\t\t'group-hover/p-checkbox:text-sm group-hover/checkbox-label:text-sm',\n\t\t\ttrue: null,\n\t\t},\n\t},\n});\n\n@Component({\n\ttag: 'p-checkbox',\n\tstyleUrl: 'checkbox.component.css',\n\tformAssociated: true,\n})\nexport class Checkbox {\n\t/**\n\t * Wether the checkbox is checked\n\t */\n\t@Prop() checked: boolean;\n\n\t/**\n\t * Wether the checkbox is in indeterminate state\n\t */\n\t@Prop() indeterminate: boolean;\n\n\t/**\n\t * Wether the checkbox is disabled\n\t */\n\t@Prop({ reflect: true }) disabled: boolean = false;\n\n\t/**\n\t * Wether the checkbox is required\n\t */\n\t@Prop({ reflect: true }) required: boolean = true;\n\n\t/**\n\t * The id of the checkbox button\n\t */\n\t@Prop({ reflect: true }) id: string;\n\n\t/**\n\t * The name of the checkbox button\n\t */\n\t@Prop({ reflect: true }) name: string;\n\n\t/**\n\t * Event whenever the checked changes\n\t */\n\t@Event() checkedChange: EventEmitter<boolean>;\n\t/**\n\t * Event whenever the indeterminate changes\n\t */\n\t@Event() indeterminateChange: EventEmitter<boolean>;\n\n\t@State() private _nonce = nonce(5);\n\n\t@AttachInternals() _internals: ElementInternals;\n\n\tformResetCallback() {\n\t\tthis.checked = false;\n\t\tthis.indeterminate = false;\n\t}\n\n\tformDisabledCallback(disabled: boolean) {\n\t\tif (!this._internals.form) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis.disabled = disabled;\n\t}\n\n\trender() {\n\t\tconst id = this.id?.length ? this.id : this._nonce;\n\n\t\treturn (\n\t\t\t<label\n\t\t\t\thtmlFor={id}\n\t\t\t\tclass='group/p-checkbox flex items-center justify-start gap-2 text-black-teal'\n\t\t\t>\n\t\t\t\t<div class='relative flex flex-shrink-0 items-center'>\n\t\t\t\t\t<input\n\t\t\t\t\t\tclass={checkbox({\n\t\t\t\t\t\t\tdisabled: asBoolean(this.disabled),\n\t\t\t\t\t\t})}\n\t\t\t\t\t\ttype='checkbox'\n\t\t\t\t\t\tid={id}\n\t\t\t\t\t\tname={this.name}\n\t\t\t\t\t\trequired={asBoolean(this.required)}\n\t\t\t\t\t\tchecked={asBoolean(this.checked)}\n\t\t\t\t\t\tindeterminate={asBoolean(this.indeterminate)}\n\t\t\t\t\t\tdisabled={asBoolean(this.disabled)}\n\t\t\t\t\t\tonChange={ev => this._onChange(ev)}\n\t\t\t\t\t/>\n\t\t\t\t\t<div\n\t\t\t\t\t\tclass={iconContainer({\n\t\t\t\t\t\t\tdisabled: asBoolean(this.disabled),\n\t\t\t\t\t\t})}\n\t\t\t\t\t>\n\t\t\t\t\t\t<p-icon\n\t\t\t\t\t\t\tclass={icon({\n\t\t\t\t\t\t\t\tdisabled: asBoolean(this.disabled),\n\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\tsize='auto'\n\t\t\t\t\t\t\tvariant={\n\t\t\t\t\t\t\t\tasBoolean(this.indeterminate) ? 'minus' : 'checkmarkThick'\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t\t<slot />\n\t\t\t</label>\n\t\t);\n\t}\n\n\tprivate _onChange(ev: Event) {\n\t\tif (this.disabled) {\n\t\t\tev.preventDefault();\n\t\t\treturn;\n\t\t}\n\n\t\tconst checked = asBoolean((ev.target as HTMLInputElement).checked);\n\t\tconst indeterminate = asBoolean(\n\t\t\t(ev.target as HTMLInputElement).indeterminate\n\t\t);\n\n\t\tif (checked != this.checked) {\n\t\t\tthis.checked = checked;\n\t\t\tthis.checkedChange.emit(checked);\n\t\t}\n\n\t\tif (indeterminate != this.indeterminate) {\n\t\t\tthis.indeterminate = indeterminate;\n\t\t\tthis.indeterminateChange.emit(indeterminate);\n\t\t}\n\n\t\tthis._internals.setFormValue(\n\t\t\tthis.indeterminate ? 'indeterminate' : this.checked ? 'on' : 'off'\n\t\t);\n\t}\n}\n"],"version":3}

package/dist/components/p-O9xsMEHA.js

@@ -1,69 +0,0 @@
-import { p as proxyCustomElement, H, c as createEvent, h } from './p-tdjn65Lz.js';
-import { d as defineCustomElement$1 } from './p-BNz_LoMA.js';
-
-const rangeComponentCss = ".m-0{margin:0!important}.mt-\\[calc\\(\\(0\\.5rem-1px\\)\\*-1\\)\\]{margin-top:calc(-.5rem + 1px)!important}.h-4{height:1rem!important}.h-6{height:1.5rem!important}.h-\\[2px\\]{height:2px!important}.w-4{width:1rem!important}.w-full{width:100%!important}.appearance-none{appearance:none!important}.rounded-full{border-radius:9999px!important}.bg-black-teal-300{--tw-bg-opacity:1!important;background-color:rgb(104 127 124/var(--tw-bg-opacity,1))!important}*{box-sizing:border-box}:host{input{appearance:none;height:1.5rem;margin:0;width:100%}input::-webkit-slider-runnable-track{--tw-bg-opacity:1;background-color:rgb(222 219 213/var(--tw-bg-opacity,1));height:2px}input::-moz-range-track{--tw-bg-opacity:1;background-color:rgb(222 219 213/var(--tw-bg-opacity,1));height:2px}input::-webkit-slider-thumb{--tw-bg-opacity:1;appearance:none;background-color:rgb(104 127 124/var(--tw-bg-opacity,1));border-radius:9999px;border-width:0;height:1rem;margin-top:calc(-.5rem + 1px);width:1rem}input::-webkit-slider-thumb:hover{cursor:grab}input::-webkit-slider-thumb:active,input::-webkit-slider-thumb:hover{--tw-bg-opacity:1;background-color:rgb(3 42 36/var(--tw-bg-opacity,1))}input::-webkit-slider-thumb:active{cursor:grabbing}input::-moz-range-thumb{--tw-bg-opacity:1;background-color:rgb(104 127 124/var(--tw-bg-opacity,1));border-radius:9999px;border-width:0;height:1rem;width:1rem}input::-moz-range-thumb:hover{cursor:grab}input::-moz-range-thumb:active,input::-moz-range-thumb:hover{--tw-bg-opacity:1;background-color:rgb(3 42 36/var(--tw-bg-opacity,1))}input::-moz-range-thumb:active{cursor:grabbing}}.hover\\:cursor-grab:hover{cursor:grab!important}.hover\\:bg-black-teal:hover{--tw-bg-opacity:1!important;background-color:rgb(3 42 36/var(--tw-bg-opacity,1))!important}.active\\:cursor-grabbing:active{cursor:grabbing!important}.static{position:static!important}.absolute{position:absolute!important}.relative{position:relative!important}.left-0{left:0!important}.top-1\\/2{top:50%!important}.flex{display:flex!important}.w-inherit{width:inherit!important}.flex-1{flex:1 1 0%!important}.-translate-y-1\\/2{--tw-translate-y:-50%!important}.-translate-y-1\\/2,.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.items-center{align-items:center!important}.gap-2{gap:.5rem!important}.text-black-teal-300{--tw-text-opacity:1!important;color:rgb(104 127 124/var(--tw-text-opacity,1))!important}";
-
-const Range = /*@__PURE__*/ proxyCustomElement(class Range extends H {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        this.valueChange = createEvent(this, "valueChange", 3);
-    }
-    /**
-     * The min value of the range
-     */
-    min = 0;
-    /**
-     * The max value of the range
-     */
-    max = 100;
-    /**
-     * The steps to go by
-     */
-    step = 0.5;
-    /**
-     * The current value of the range
-     */
-    value = 0;
-    /**
-     * Event whenever the value changes
-     */
-    valueChange;
-    render() {
-        const percentage = Math.round((this.value / (this.max - this.min)) * 100);
-        return (h("div", { key: '6c8d17ad10c8e4e5c4b9fefb99ab8f9ac97c0a57', class: 'flex w-inherit items-center gap-2 text-black-teal-300' }, h("p-icon", { key: 'df74db2328a1390301a315c06e3e477a110201a7', variant: 'minus' }), h("div", { key: 'eb25906cc8f9a5aa25a579018925b5e6fbb478ab', class: 'relative h-6 flex-1' }, h("input", { key: '8da96ea6c3164a4517c7be4261df795e80e48df5', type: 'range', min: this.min, max: this.max, step: this.step, value: this.value, onInput: ev => this.valueChange.emit(ev.target.value) }), h("div", { key: 'dc08adcc72a079f9c26d95c8cec1a0e1c7591824', class: 'z-1 absolute left-0 top-1/2 h-[2px] -translate-y-1/2 transform bg-black-teal-300', style: {
-                width: `calc(${percentage}% - (1rem * ${percentage} / 100))`,
-            } })), h("p-icon", { key: '61914b4795774eb79cba0466dfdf4edb68c39ee5', variant: 'plus' })));
-    }
-    static get style() { return rangeComponentCss; }
-}, [1, "p-range", {
-        "min": [2],
-        "max": [2],
-        "step": [2],
-        "value": [2]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["p-range", "p-icon"];
-    components.forEach(tagName => { switch (tagName) {
-        case "p-range":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, Range);
-            }
-            break;
-        case "p-icon":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$1();
-            }
-            break;
-    } });
-}
-defineCustomElement();
-
-export { Range as R, defineCustomElement as d };
-//# sourceMappingURL=p-O9xsMEHA.js.map
-
-//# sourceMappingURL=p-O9xsMEHA.js.map

package/dist/components/p-O9xsMEHA.js.map

@@ -1 +0,0 @@
-{"file":"p-O9xsMEHA.js","mappings":";;;AAAA,MAAM,iBAAiB,GAAG,q/EAAq/E;;MCOlgF,KAAK,iBAAAA,kBAAA,CAAA,MAAA,KAAA,SAAAC,CAAA,CAAA;;;;;;;AACjB;;AAEG;IACK,GAAG,GAAW,CAAC;AAEvB;;AAEG;IACK,GAAG,GAAW,GAAG;AAEzB;;AAEG;IACK,IAAI,GAAW,GAAG;AAE1B;;AAEG;IACK,KAAK,GAAW,CAAC;AAEzB;;AAEG;AACwB,IAAA,WAAW;IAEtC,MAAM,GAAA;QACL,MAAM,UAAU,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,GAAG,CAAC;QAEzE,QACC,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,uDAAuD,EAAA,EACjE,CAAQ,CAAA,QAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,OAAO,EAAC,OAAO,EAAG,CAAA,EAC1B,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,qBAAqB,EAAA,EAC/B,CACC,CAAA,OAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,OAAO,EACZ,GAAG,EAAE,IAAI,CAAC,GAAG,EACb,GAAG,EAAE,IAAI,CAAC,GAAG,EACb,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,OAAO,EAAE,EAAE,IACV,IAAI,CAAC,WAAW,CAAC,IAAI,CAAE,EAAE,CAAC,MAA2B,CAAC,KAAK,CAAC,EAE5D,CAAA,EACF,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACC,KAAK,EAAC,kFAAkF,EACxF,KAAK,EAAE;AACN,gBAAA,KAAK,EAAE,CAAA,KAAA,EAAQ,UAAU,CAAA,YAAA,EAAe,UAAU,CAAU,QAAA,CAAA;AAC5D,aAAA,EAAA,CACK,CACF,EACN,CAAA,CAAA,QAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAQ,OAAO,EAAC,MAAM,EAAG,CAAA,CACpB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/molecules/range/range.component.css?tag=p-range&encapsulation=shadow","src/components/molecules/range/range.component.tsx"],"sourcesContent":[":host {\n\tinput {\n\t\t@apply m-0 h-6 w-full appearance-none;\n\t}\n\n\tinput::-webkit-slider-runnable-track {\n\t\t@apply h-[2px] bg-off-white-700;\n\t}\n\n\tinput::-moz-range-track {\n\t\t@apply h-[2px] bg-off-white-700;\n\t}\n\n\tinput::-webkit-slider-thumb {\n\t\t@apply mt-[calc((0.5rem-1px)*-1)] h-4 w-4 appearance-none rounded-full border-0;\n\t\t@apply bg-black-teal-300 hover:cursor-grab hover:bg-black-teal active:cursor-grabbing active:bg-black-teal;\n\t}\n\n\tinput::-moz-range-thumb {\n\t\t@apply h-4 w-4 rounded-full border-0;\n\t\t@apply bg-black-teal-300 hover:cursor-grab hover:bg-black-teal active:cursor-grabbing active:bg-black-teal;\n\t}\n}\n","import { Component, Event, EventEmitter, h, Prop } from '@stencil/core';\n\n@Component({\n\ttag: 'p-range',\n\tstyleUrl: 'range.component.css',\n\tshadow: true,\n})\nexport class Range {\n\t/**\n\t * The min value of the range\n\t */\n\t@Prop() min: number = 0;\n\n\t/**\n\t * The max value of the range\n\t */\n\t@Prop() max: number = 100;\n\n\t/**\n\t * The steps to go by\n\t */\n\t@Prop() step: number = 0.5;\n\n\t/**\n\t * The current value of the range\n\t */\n\t@Prop() value: number = 0;\n\n\t/**\n\t * Event whenever the value changes\n\t */\n\t@Event({ bubbles: false }) valueChange: EventEmitter<string>;\n\n\trender() {\n\t\tconst percentage = Math.round((this.value / (this.max - this.min)) * 100);\n\n\t\treturn (\n\t\t\t<div class='flex w-inherit items-center gap-2 text-black-teal-300'>\n\t\t\t\t<p-icon variant='minus' />\n\t\t\t\t<div class='relative h-6 flex-1'>\n\t\t\t\t\t<input\n\t\t\t\t\t\ttype='range'\n\t\t\t\t\t\tmin={this.min}\n\t\t\t\t\t\tmax={this.max}\n\t\t\t\t\t\tstep={this.step}\n\t\t\t\t\t\tvalue={this.value}\n\t\t\t\t\t\tonInput={ev =>\n\t\t\t\t\t\t\tthis.valueChange.emit((ev.target as HTMLInputElement).value)\n\t\t\t\t\t\t}\n\t\t\t\t\t/>\n\t\t\t\t\t<div\n\t\t\t\t\t\tclass='z-1 absolute left-0 top-1/2 h-[2px] -translate-y-1/2 transform bg-black-teal-300'\n\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\twidth: `calc(${percentage}% - (1rem * ${percentage} / 100))`,\n\t\t\t\t\t\t}}\n\t\t\t\t\t></div>\n\t\t\t\t</div>\n\t\t\t\t<p-icon variant='plus' />\n\t\t\t</div>\n\t\t);\n\t}\n}\n"],"version":3}