npm - @paperless/core - Versions diffs - 2.2.3 → 2.2.4 - Mend

@paperless/core 2.2.3 → 2.2.4

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.

Files changed (436) hide show

package/dist/collection/components/molecules/empty-state/empty-state.component.js CHANGED Viewed

@@ -62,7 +62,7 @@ export class EmptyState {
                 enableAction: asBoolean(this.enableAction, true),
             }), onClick: ev => this.enableAction && !this.actionLoading
                 ? this.action.emit(ev)
-                : undefined }, this.illustration && (h("p-illustration", { key: 'f5fb26c06e4868c5f69925e0d0dd8abebb1e4ca3', class: 'mb-8 text-5xl text-teal', variant: this.illustration })), hasHeaderSlot ? (h("slot", { name: 'header' })) : (this.header?.length && (h("p", { class: 'my-0 text-center font-ambit text-sm font-bold text-storm' }, this.header))), hasContentSlot ? (h("slot", { name: 'content' })) : (this.content?.length && (h("p", { class: 'my-0 text-center text-sm text-storm-300' }, this.content))), this.enableAction &&
+                : undefined }, this.illustration && (h("p-illustration", { key: 'f5fb26c06e4868c5f69925e0d0dd8abebb1e4ca3', class: 'mb-8 text-5xl text-teal', variant: this.illustration })), hasHeaderSlot ? (h("slot", { name: 'header' })) : (this.header?.length && (h("p", { class: 'my-0 text-center font-ambit text-sm font-bold text-storm-500' }, this.header))), hasContentSlot ? (h("slot", { name: 'content' })) : (this.content?.length && (h("p", { class: 'my-0 text-center text-sm text-storm-300' }, this.content))), this.enableAction &&
             (hasActionSlot ? (h("slot", { name: 'action' })) : (h("p-button", { class: 'mt-4', icon: this.actionIcon, iconPosition: this.actionIconPosition, loading: this.actionLoading, variant: this.actionVariant }, this.actionText)))));
     }
     static get is() { return "p-empty-state"; }

package/dist/collection/components/molecules/empty-state/empty-state.component.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"empty-state.component.js","sourceRoot":"","sources":["../../../../src/components/molecules/empty-state/empty-state.component.tsx"],"names":[],"mappings":"AAAA,OAAO,EACN,SAAS,EACT,CAAC,EACD,IAAI,EACJ,KAAK,EAEL,OAAO,GACP,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAM/C,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAEtD,MAAM,UAAU,GAAG,GAAG,CACrB,CAAC,+DAA+D,CAAC,EACjE;IACC,QAAQ,EAAE;QACT,YAAY,EAAE;YACb,IAAI,EAAE,gBAAgB;YACtB,KAAK,EAAE,IAAI;SACX;KACD;CACD,CACD,CAAC;AAOF,MAAM,OAAO,UAAU;IACtB;;OAEG;IACK,YAAY,CAAsB;IAE1C;;OAEG;IACK,MAAM,CAAS;IAEvB;;OAEG;IACK,OAAO,CAAS;IAExB;;OAEG;IACK,YAAY,GAAY,IAAI,CAAC;IAErC;;OAEG;IACK,UAAU,CAAS;IAE3B;;OAEG;IACK,aAAa,GAAkB,WAAW,CAAC;IAEnD;;OAEG;IACK,UAAU,CAAc;IAEhC;;OAEG;IACK,kBAAkB,GAAoB,OAAO,CAAC;IAEtD;;OAEG;IACK,aAAa,GAAY,KAAK,CAAC;IAEvC;;OAEG;IACM,MAAM,CAA2B;IAE1C;;OAEG;IACgB,GAAG,CAAc;IAEpC,MAAM;QACL,MAAM,aAAa,GAAG,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,aAAa,CAAC,0BAA0B,CAAC,CAAC;QAC3E,MAAM,cAAc,GAAG,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,aAAa,CAC9C,2BAA2B,CAC3B,CAAC;QACF,MAAM,aAAa,GAAG,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,aAAa,CAAC,0BAA0B,CAAC,CAAC;QAE3E,OAAO,CACN,4DACC,KAAK,EAAE,UAAU,CAAC;gBACjB,YAAY,EAAE,SAAS,CAAC,IAAI,CAAC,YAAY,EAAE,IAAI,CAAC;aAChD,CAAC,EACF,OAAO,EAAE,EAAE,CAAC,EAAE,CACb,IAAI,CAAC,YAAY,IAAI,CAAC,IAAI,CAAC,aAAa;gBACvC,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC;gBACtB,CAAC,CAAC,SAAS;YAGZ,IAAI,CAAC,YAAY,IAAI,CACrB,uEACC,KAAK,EAAC,yBAAyB,EAC/B,OAAO,EAAE,IAAI,CAAC,YAAY,GACzB,CACF;YACA,aAAa,CAAC,CAAC,CAAC,CAChB,YAAM,IAAI,EAAC,QAAQ,GAAG,CACtB,CAAC,CAAC,CAAC,CACH,IAAI,CAAC,MAAM,EAAE,MAAM,IAAI,CACtB,SAAG,KAAK,EAAC,~~0DAA0D~~,~~IACjE~~,IAAI,CAAC,MAAM,CACT,CACJ,CACD;YACA,cAAc,CAAC,CAAC,CAAC,CACjB,YAAM,IAAI,EAAC,SAAS,GAAG,CACvB,CAAC,CAAC,CAAC,CACH,IAAI,CAAC,OAAO,EAAE,MAAM,IAAI,CACvB,SAAG,KAAK,EAAC,yCAAyC,IAChD,IAAI,CAAC,OAAO,CACV,CACJ,CACD;YACA,IAAI,CAAC,YAAY;gBACjB,CAAC,aAAa,CAAC,CAAC,CAAC,CAChB,YAAM,IAAI,EAAC,QAAQ,GAAG,CACtB,CAAC,CAAC,CAAC,CACH,gBACC,KAAK,EAAC,MAAM,EACZ,IAAI,EAAE,IAAI,CAAC,UAAU,EACrB,YAAY,EAAE,IAAI,CAAC,kBAAkB,EACrC,OAAO,EAAE,IAAI,CAAC,aAAa,EAC3B,OAAO,EAAE,IAAI,CAAC,aAAa,IAE1B,IAAI,CAAC,UAAU,CACN,CACX,CAAC,CACE,CACN,CAAC;IACH,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACD","sourcesContent":["import {\n\tComponent,\n\th,\n\tProp,\n\tEvent,\n\tEventEmitter,\n\tElement,\n} from '@stencil/core';\nimport { cva } from 'class-variance-authority';\nimport {\n\tButtonVariant,\n\tIconVariant,\n\tIllustrationVariant,\n} from '../../../components';\nimport { asBoolean } from '../../../utils/as-boolean';\n\nconst emptyState = cva(\n\t['flex flex-col w-full items-center justify-start max-w-[20rem]'],\n\t{\n\t\tvariants: {\n\t\t\tenableAction: {\n\t\t\t\ttrue: 'cursor-pointer',\n\t\t\t\tfalse: null,\n\t\t\t},\n\t\t},\n\t}\n);\n\n@Component({\n\ttag: 'p-empty-state',\n\tstyleUrl: 'empty-state.component.css',\n\tshadow: true,\n})\nexport class EmptyState {\n\t/*\n\t The variant of the illustration\n\t /\n\t@Prop() illustration: IllustrationVariant;\n\n\t/\n\t The header of the empty state\n\t /\n\t@Prop() header: string;\n\n\t/\n\t The content of the empty state\n\t /\n\t@Prop() content: string;\n\n\t/\n\t Wether to enable the action button\n\t /\n\t@Prop() enableAction: boolean = true;\n\n\t/\n\t The text on the action button\n\t /\n\t@Prop() actionText: string;\n\n\t/\n\t The variant of the action\n\t /\n\t@Prop() actionVariant: ButtonVariant = 'secondary';\n\n\t/\n\t The icon for the action button\n\t /\n\t@Prop() actionIcon: IconVariant;\n\n\t/\n\t The position of the action icon\n\t /\n\t@Prop() actionIconPosition: 'start' \| 'end' = 'start';\n\n\t/\n\t Wether the action is loading\n\t /\n\t@Prop() actionLoading: boolean = false;\n\n\t/\n\t The text on the action button\n\t /\n\t@Event() action: EventEmitter<MouseEvent>;\n\n\t/\n\t The host element\n\t */\n\t@Element() private _el: HTMLElement;\n\n\trender() {\n\t\tconst hasHeaderSlot = !!this._el.querySelector(':scope > [slot=\"header\"]');\n\t\tconst hasContentSlot = !!this._el.querySelector(\n\t\t\t':scope > [slot=\"content\"]'\n\t\t);\n\t\tconst hasActionSlot = !!this._el.querySelector(':scope > [slot=\"action\"]');\n\n\t\treturn (\n\t\t\t<div\n\t\t\t\tclass={emptyState({\n\t\t\t\t\tenableAction: asBoolean(this.enableAction, true),\n\t\t\t\t})}\n\t\t\t\tonClick={ev =>\n\t\t\t\t\tthis.enableAction && !this.actionLoading\n\t\t\t\t\t\t? this.action.emit(ev)\n\t\t\t\t\t\t: undefined\n\t\t\t\t}\n\t\t\t>\n\t\t\t\t{this.illustration && (\n\t\t\t\t\t<p-illustration\n\t\t\t\t\t\tclass='mb-8 text-5xl text-teal'\n\t\t\t\t\t\tvariant={this.illustration}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t\t{hasHeaderSlot ? (\n\t\t\t\t\t<slot name='header' />\n\t\t\t\t) : (\n\t\t\t\t\tthis.header?.length && (\n\t\t\t\t\t\t<p class='my-0 text-center font-ambit text-sm font-bold text-storm'>\n\t\t\t\t\t\t\t{this.header}\n\t\t\t\t\t\t</p>\n\t\t\t\t\t)\n\t\t\t\t)}\n\t\t\t\t{hasContentSlot ? (\n\t\t\t\t\t<slot name='content' />\n\t\t\t\t) : (\n\t\t\t\t\tthis.content?.length && (\n\t\t\t\t\t\t<p class='my-0 text-center text-sm text-storm-300'>\n\t\t\t\t\t\t\t{this.content}\n\t\t\t\t\t\t</p>\n\t\t\t\t\t)\n\t\t\t\t)}\n\t\t\t\t{this.enableAction &&\n\t\t\t\t\t(hasActionSlot ? (\n\t\t\t\t\t\t<slot name='action' />\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<p-button\n\t\t\t\t\t\t\tclass='mt-4'\n\t\t\t\t\t\t\ticon={this.actionIcon}\n\t\t\t\t\t\t\ticonPosition={this.actionIconPosition}\n\t\t\t\t\t\t\tloading={this.actionLoading}\n\t\t\t\t\t\t\tvariant={this.actionVariant}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{this.actionText}\n\t\t\t\t\t\t</p-button>\n\t\t\t\t\t))}\n\t\t\t</div>\n\t\t);\n\t}\n}\n"]}
1	+ {"version":3,"file":"empty-state.component.js","sourceRoot":"","sources":["../../../../src/components/molecules/empty-state/empty-state.component.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n\tComponent,\n\th,\n\tProp,\n\tEvent,\n\tEventEmitter,\n\tElement,\n} from '@stencil/core';\nimport { cva } from 'class-variance-authority';\nimport {\n\tButtonVariant,\n\tIconVariant,\n\tIllustrationVariant,\n} from '../../../components';\nimport { asBoolean } from '../../../utils/as-boolean';\n\nconst emptyState = cva(\n\t['flex flex-col w-full items-center justify-start max-w-[20rem]'],\n\t{\n\t\tvariants: {\n\t\t\tenableAction: {\n\t\t\t\ttrue: 'cursor-pointer',\n\t\t\t\tfalse: null,\n\t\t\t},\n\t\t},\n\t}\n);\n\n@Component({\n\ttag: 'p-empty-state',\n\tstyleUrl: 'empty-state.component.css',\n\tshadow: true,\n})\nexport class EmptyState {\n\t/*\n\t The variant of the illustration\n\t /\n\t@Prop() illustration: IllustrationVariant;\n\n\t/\n\t The header of the empty state\n\t /\n\t@Prop() header: string;\n\n\t/\n\t The content of the empty state\n\t /\n\t@Prop() content: string;\n\n\t/\n\t Wether to enable the action button\n\t /\n\t@Prop() enableAction: boolean = true;\n\n\t/\n\t The text on the action button\n\t /\n\t@Prop() actionText: string;\n\n\t/\n\t The variant of the action\n\t /\n\t@Prop() actionVariant: ButtonVariant = 'secondary';\n\n\t/\n\t The icon for the action button\n\t /\n\t@Prop() actionIcon: IconVariant;\n\n\t/\n\t The position of the action icon\n\t /\n\t@Prop() actionIconPosition: 'start' \| 'end' = 'start';\n\n\t/\n\t Wether the action is loading\n\t /\n\t@Prop() actionLoading: boolean = false;\n\n\t/\n\t The text on the action button\n\t /\n\t@Event() action: EventEmitter<MouseEvent>;\n\n\t/\n\t The host element\n\t */\n\t@Element() private _el: HTMLElement;\n\n\trender() {\n\t\tconst hasHeaderSlot = !!this._el.querySelector(':scope > [slot=\"header\"]');\n\t\tconst hasContentSlot = !!this._el.querySelector(\n\t\t\t':scope > [slot=\"content\"]'\n\t\t);\n\t\tconst hasActionSlot = !!this._el.querySelector(':scope > [slot=\"action\"]');\n\n\t\treturn (\n\t\t\t<div\n\t\t\t\tclass={emptyState({\n\t\t\t\t\tenableAction: asBoolean(this.enableAction, true),\n\t\t\t\t})}\n\t\t\t\tonClick={ev =>\n\t\t\t\t\tthis.enableAction && !this.actionLoading\n\t\t\t\t\t\t? this.action.emit(ev)\n\t\t\t\t\t\t: undefined\n\t\t\t\t}\n\t\t\t>\n\t\t\t\t{this.illustration && (\n\t\t\t\t\t<p-illustration\n\t\t\t\t\t\tclass='mb-8 text-5xl text-teal'\n\t\t\t\t\t\tvariant={this.illustration}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t\t{hasHeaderSlot ? (\n\t\t\t\t\t<slot name='header' />\n\t\t\t\t) : (\n\t\t\t\t\tthis.header?.length && (\n\t\t\t\t\t\t<p class='my-0 text-center font-ambit text-sm font-bold text-storm-500'>\n\t\t\t\t\t\t\t{this.header}\n\t\t\t\t\t\t</p>\n\t\t\t\t\t)\n\t\t\t\t)}\n\t\t\t\t{hasContentSlot ? (\n\t\t\t\t\t<slot name='content' />\n\t\t\t\t) : (\n\t\t\t\t\tthis.content?.length && (\n\t\t\t\t\t\t<p class='my-0 text-center text-sm text-storm-300'>\n\t\t\t\t\t\t\t{this.content}\n\t\t\t\t\t\t</p>\n\t\t\t\t\t)\n\t\t\t\t)}\n\t\t\t\t{this.enableAction &&\n\t\t\t\t\t(hasActionSlot ? (\n\t\t\t\t\t\t<slot name='action' />\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<p-button\n\t\t\t\t\t\t\tclass='mt-4'\n\t\t\t\t\t\t\ticon={this.actionIcon}\n\t\t\t\t\t\t\ticonPosition={this.actionIconPosition}\n\t\t\t\t\t\t\tloading={this.actionLoading}\n\t\t\t\t\t\t\tvariant={this.actionVariant}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{this.actionText}\n\t\t\t\t\t\t</p-button>\n\t\t\t\t\t))}\n\t\t\t</div>\n\t\t);\n\t}\n}\n"]}

package/dist/collection/components/molecules/field/field/field.component.css CHANGED Viewed

	@@ -1 +1 @@
1	- *{box-sizing:border-box}:host{input[type=number]{-moz-appearance:textfield}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none;display:none}}.static{position:static!important}.mt-1{margin-top:.25rem!important}.mt-2{margin-top:.5rem!important}.flex{display:flex!important}.h-6{height:1.5rem!important}.h-8{height:2rem!important}.h-full{height:100%!important}.min-h-4{min-height:1rem!important}.min-h-5{min-height:1.25rem!important}.w-inherit{width:inherit!important}.min-w-0{min-width:0!important}.flex-1{flex:1 1 0%!important}.flex-shrink-0{flex-shrink:0!important}.cursor-not-allowed{cursor:not-allowed!important}.flex-wrap{flex-wrap:wrap!important}.items-start{align-items:flex-start!important}.items-center{align-items:center!important}.justify-center{justify-content:center!important}.gap-2{gap:.5rem!important}.break-all{word-break:break-all!important}.rounded-lg{border-radius:.5rem!important}.border{border-width:1px!important}.border-0{border-width:0!important}.border-solid{border-style:solid!important}.border-none{border-style:none!important}.border-indigo-600{--tw-border-opacity:1!important;border-color:rgb(82 138 250/var(--tw-border-opacity,1))!important}.border-negative-red{--tw-border-opacity:1!important;border-color:rgb(230 30 30/var(--tw-border-opacity,1))!important}.border-storm-100{--tw-border-opacity:1!important;border-color:rgb(209 210 212/var(--tw-border-opacity,1))!important}.bg-transparent{background-color:transparent!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}.p-0{padding:0!important}.px-2{padding-left:.5rem!important;padding-right:.5rem!important}.text-center{text-align:center!important}.font-geist{font-family:Geist,serif!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.text-xs{font-size:.75rem!important;line-height:1rem!important}.leading-6{line-height:1.5rem!important}.text-negative-red{--tw-text-opacity:1!important;color:rgb(230 30 30/var(--tw-text-opacity,1))!important}.text-negative-red-800{--tw-text-opacity:1!important;color:rgb(141 16 16/var(--tw-text-opacity,1))!important}.text-storm{color:rgb(24 30 41/var(--tw-text-opacity,1))!important}.text-storm~~,.text~~-~~storm-100~~{--tw-text-opacity:1!important~~}.text-storm-100{~~color:rgb(~~209~~ ~~210~~ ~~212~~/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}.outline-none{outline:2px solid transparent!important;outline-offset:2px!important}.ring{--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(3px + 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}.ring-indigo-100{--tw-ring-opacity:1!important;--tw-ring-color:rgb(227 236 254/var(--tw-ring-opacity,1))!important}.ring-negative-red-50{--tw-ring-opacity:1!important;--tw-ring-color:rgb(253 237 237/var(--tw-ring-opacity,1))!important}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:85.375rem){.container{max-width:85.375rem}}@media (min-width:90rem){.container{max-width:90rem}}@media (min-width:96rem){.container{max-width:96rem}}@media (min-width:105rem){.container{max-width:105rem}}@media (min-width:120rem){.container{max-width:120rem}}@media (min-width:160rem){.container{max-width:160rem}}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.selection\:bg-indigo ::selection{--tw-bg-opacity:1!important;background-color:rgb(142 179 251/var(--tw-bg-opacity,1))!important}.selection\:bg-negative-red-50 ::selection{--tw-bg-opacity:1!important;background-color:rgb(253 237 237/var(--tw-bg-opacity,1))!important}.selection\:bg-indigo::selection{--tw-bg-opacity:1!important;background-color:rgb(142 179 251/var(--tw-bg-opacity,1))!important}.selection\:bg-negative-red-50::selection{--tw-bg-opacity:1!important;background-color:rgb(253 237 237/var(--tw-bg-opacity,1))!important}.placeholder\:text-sm::placeholder{font-size:.875rem!important;line-height:1.25rem!important}.~~placeholder\:text-storm\/40::placeholder{color:rgba(24,30,41,.4)!important}.~~focus\:outline-none:focus{outline:2px solid transparent!important;outline-offset:2px!important}
1	+ *{box-sizing:border-box}:host{input[type=number]{-moz-appearance:textfield}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none;display:none}}.static{position:static!important}.mt-1{margin-top:.25rem!important}.mt-2{margin-top:.5rem!important}.flex{display:flex!important}.h-6{height:1.5rem!important}.h-8{height:2rem!important}.h-full{height:100%!important}.min-h-4{min-height:1rem!important}.min-h-5{min-height:1.25rem!important}.w-inherit{width:inherit!important}.min-w-0{min-width:0!important}.flex-1{flex:1 1 0%!important}.flex-shrink-0{flex-shrink:0!important}.cursor-not-allowed{cursor:not-allowed!important}.flex-wrap{flex-wrap:wrap!important}.items-start{align-items:flex-start!important}.items-center{align-items:center!important}.justify-center{justify-content:center!important}.gap-2{gap:.5rem!important}.break-all{word-break:break-all!important}.rounded-lg{border-radius:.5rem!important}.border{border-width:1px!important}.border-0{border-width:0!important}.border-solid{border-style:solid!important}.border-none{border-style:none!important}.border-indigo-600{--tw-border-opacity:1!important;border-color:rgb(82 138 250/var(--tw-border-opacity,1))!important}.border-negative-red{--tw-border-opacity:1!important;border-color:rgb(230 30 30/var(--tw-border-opacity,1))!important}.border-storm-100{--tw-border-opacity:1!important;border-color:rgb(209 210 212/var(--tw-border-opacity,1))!important}.bg-transparent{background-color:transparent!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}.p-0{padding:0!important}.px-2{padding-left:.5rem!important;padding-right:.5rem!important}.text-center{text-align:center!important}.font-geist{font-family:Geist,serif!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.text-xs{font-size:.75rem!important;line-height:1rem!important}.leading-6{line-height:1.5rem!important}.text-negative-red{--tw-text-opacity:1!important;color:rgb(230 30 30/var(--tw-text-opacity,1))!important}.text-negative-red-800{--tw-text-opacity:1!important;color:rgb(141 16 16/var(--tw-text-opacity,1))!important}.text-storm-100{--tw-text-opacity:1!important;color:rgb(209 210 212/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}.outline-none{outline:2px solid transparent!important;outline-offset:2px!important}.ring{--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(3px + 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}.ring-indigo-100{--tw-ring-opacity:1!important;--tw-ring-color:rgb(227 236 254/var(--tw-ring-opacity,1))!important}.ring-negative-red-50{--tw-ring-opacity:1!important;--tw-ring-color:rgb(253 237 237/var(--tw-ring-opacity,1))!important}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:85.375rem){.container{max-width:85.375rem}}@media (min-width:90rem){.container{max-width:90rem}}@media (min-width:96rem){.container{max-width:96rem}}@media (min-width:105rem){.container{max-width:105rem}}@media (min-width:120rem){.container{max-width:120rem}}@media (min-width:160rem){.container{max-width:160rem}}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.selection\:bg-indigo-500 ::selection{--tw-bg-opacity:1!important;background-color:rgb(142 179 251/var(--tw-bg-opacity,1))!important}.selection\:bg-negative-red-50 ::selection{--tw-bg-opacity:1!important;background-color:rgb(253 237 237/var(--tw-bg-opacity,1))!important}.selection\:bg-indigo-500::selection{--tw-bg-opacity:1!important;background-color:rgb(142 179 251/var(--tw-bg-opacity,1))!important}.selection\:bg-negative-red-50::selection{--tw-bg-opacity:1!important;background-color:rgb(253 237 237/var(--tw-bg-opacity,1))!important}.placeholder\:text-sm::placeholder{font-size:.875rem!important;line-height:1.25rem!important}.focus\:outline-none:focus{outline:2px solid transparent!important;outline-offset:2px!important}

package/dist/collection/components/molecules/field/field/field.component.js CHANGED Viewed

@@ -64,7 +64,7 @@ const field = cva(['flex gap-2', 'w-inherit', 'border-solid rounded-lg'], {
             disabled: false,
             focused: true,
             error: false,
-            class: 'border-indigo-600 ring ring-indigo-100 selection:bg-indigo',
+            class: 'border-indigo-600 ring ring-indigo-100 selection:bg-indigo-500',
         },
         {
             variant: 'write',
@@ -90,7 +90,7 @@ const field = cva(['flex gap-2', 'w-inherit', 'border-solid rounded-lg'], {
     ],
 });
 const input = cva([
-    'text-sm placeholder:text-sm placeholder:text-storm/40 text-storm',
+    'text-sm placeholder:text-sm placeholder:text-storm/40 text-storm-500',
     'border-none  bg-transparent flex-1 min-w-0 p-0',
     'outline-none focus:outline-none',
     'font-geist',
@@ -144,7 +144,7 @@ const prefixAndSuffix = cva(['flex flex-shrink-0 justify-center items-center tex
             disabled: false,
             focused: true,
             error: false,
-            class: 'text-storm',
+            class: 'text-storm-500',
         },
         {
             disabled: false,
@@ -316,7 +316,7 @@ export class Field {
     }
     render() {
         const { id, prefix, suffix, hasHeaderSlot, hasLabelSlot, hasHelperSlot, hasErrorSlot, hasValueSlot, } = this._getSlotInfo();
-        return (h("p-field-container", { key: '887a175a85b94c41e6d3c38511357e87b6b054ac', forceShowTooltip: this.forceShowTooltip || this._focused || !!this.error?.length, id: id, label: this.label, align: this.align, loading: this.loading, loadingSize: this.size, helper: this.helper, error: this.error, required: this.required, showOptional: this.showOptional, variant: this.variant }, hasLabelSlot && (h("slot", { key: '7f6d8ba4f68a0634ffa1dc884ea1a28d691bae4a', name: 'label', slot: 'label' })), hasHeaderSlot && (h("slot", { key: '115737aa2552f83c7ad4860131c45dbbed569c07', name: 'header', slot: 'header' })), hasHelperSlot && (h("slot", { key: '72359e9120468650946d8dc148d00aa87aef7d12', name: 'helper', slot: 'helper' })), hasErrorSlot && (h("slot", { key: 'a6a81d133e77001cdcf383176db9d4d7a7598ce4', name: 'error', slot: 'error' })), h("div", { key: '0a813c3bc3c1612c4187a8f131f969164b7b2713', class: field({
+        return (h("p-field-container", { key: 'eae528d50c5b9b5b68dd964a3833523dcbab4be6', forceShowTooltip: this.forceShowTooltip || this._focused || !!this.error?.length, id: id, label: this.label, align: this.align, loading: this.loading, loadingSize: this.size, helper: this.helper, error: this.error, required: this.required, showOptional: this.showOptional, variant: this.variant }, hasLabelSlot && (h("slot", { key: '7c12d2d9b10af00276b5be97f549d53b0359ba00', name: 'label', slot: 'label' })), hasHeaderSlot && (h("slot", { key: 'e5b3ce18b2c8f1ff49a907606ec258fc1acc375f', name: 'header', slot: 'header' })), hasHelperSlot && (h("slot", { key: '15100440beffdf6324d2ad3fde45e649f7980594', name: 'helper', slot: 'helper' })), hasErrorSlot && (h("slot", { key: '8d0eb856e843e4985428687cb636aeaabfa0f8bd', name: 'error', slot: 'error' })), h("div", { key: '190232ccf521b0cfda4a953b626c15f354f7f0d5', class: field({
                 error: !!this.error?.length,
                 disabled: asBoolean(this.disabled),
                 focused: asBoolean(this.focused) || this._focused,
@@ -327,7 +327,7 @@ export class Field {
                 ? `${this.value}`
                 : undefined, slot: 'content' }, (this.error?.length ||
             prefix ||
-            (this.icon && this.iconPosition === 'start')) && (h("div", { key: '0725737f7151a74fe874669742749eb8f7d6437f', class: prefixAndSuffix({
+            (this.icon && this.iconPosition === 'start')) && (h("div", { key: 'd7a8d33eeb4befd22f9422f53d7127f7707b9166', class: prefixAndSuffix({
                 variant: this.variant,
                 error: !!this.error?.length,
                 disabled: asBoolean(this.disabled),
@@ -337,7 +337,7 @@ export class Field {
             }), onClick: () => this._focusInput() }, (this.icon && this.iconPosition === 'start') ||
             this.error?.length ? (h("p-icon", { class: cn('flex', {
                 'mt-1': this.variant === 'read' && this.size === 'base',
-            }), variant: this.error?.length ? 'warning' : this.icon, rotate: this.iconRotate, flip: this.iconFlip })) : (prefix))), this._getContent(hasValueSlot, id), (suffix || (this.icon && this.iconPosition === 'end')) && (h("div", { key: '4948667bd260384b4d1b376e874653ec18ed0dd7', class: prefixAndSuffix({
+            }), variant: this.error?.length ? 'warning' : this.icon, rotate: this.iconRotate, flip: this.iconFlip })) : (prefix))), this._getContent(hasValueSlot, id), (suffix || (this.icon && this.iconPosition === 'end')) && (h("div", { key: '49844516f1a7cd0a1030e596a6cbb6099ea9dce6', class: prefixAndSuffix({
                 variant: this.variant,
                 error: !!this.error?.length,
                 disabled: asBoolean(this.disabled),

package/dist/collection/components/molecules/field/field/field.component.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"field.component.js","sourceRoot":"","sources":["../../../../../src/components/molecules/field/field/field.component.tsx"],"names":[],"mappings":"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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACD","sourcesContent":["import { Placement } from '@floating-ui/dom';\nimport {\n\tAttachInternals,\n\tComponent,\n\tElement,\n\tEvent,\n\tEventEmitter,\n\th,\n\tListen,\n\tProp,\n\tState,\n\tWatch,\n} from '@stencil/core';\nimport { cva } from 'class-variance-authority';\nimport { HTMLInputTypeAttribute } from 'react';\nimport { RotateOptions } from '../../../../types/tailwind';\nimport { asBoolean } from '../../../../utils/as-boolean';\nimport { cn } from '../../../../utils/cn';\nimport { nonce } from '../../../../utils/nonce';\nimport {\n\tIconFlipOptions,\n\tIconVariant,\n} from '../../../atoms/icon/icon.component';\nimport { templateFunc } from '../container/field-container.component';\n\nconst field = cva(['flex gap-2', 'w-inherit', 'border-solid rounded-lg'], {\n\tvariants: {\n\t\tvariant: {\n\t\t\tread: 'border-0 items-start flex-wrap break-all leading-6',\n\t\t\twrite: 'border px-2',\n\t\t},\n\t\tsize: {\n\t\t\tsm: null,\n\t\t\tbase: null,\n\t\t},\n\t\tdisabled: {\n\t\t\tfalse: null,\n\t\t\ttrue: null,\n\t\t},\n\t\tfocused: {\n\t\t\tfalse: null,\n\t\t\ttrue: null,\n\t\t},\n\t\terror: {\n\t\t\tfalse: null,\n\t\t\ttrue: null,\n\t\t},\n\t\tisTextarea: {\n\t\t\tfalse: null,\n\t\t\ttrue: 'items-start',\n\t\t},\n\t},\n\tcompoundVariants: [\n\t\t{\n\t\t\tsize: 'sm',\n\t\t\tvariant: 'write',\n\t\t\tisTextarea: false,\n\t\t\tclass: 'h-6',\n\t\t},\n\t\t{\n\t\t\tsize: 'base',\n\t\t\tvariant: 'write',\n\t\t\tisTextarea: false,\n\t\t\tclass: 'h-8',\n\t\t},\n\n\t\t{\n\t\t\tsize: 'sm',\n\t\t\tvariant: 'read',\n\t\t\tclass: 'min-h-4 text-xs',\n\t\t},\n\t\t{\n\t\t\tsize: 'base',\n\t\t\tvariant: 'read',\n\t\t\tclass: 'min-h-5 text-sm',\n\t\t},\n\n\t\t{\n\t\t\tvariant: 'write',\n\t\t\tfocused: false,\n\t\t\terror: false,\n\t\t\tclass: 'border-storm-100',\n\t\t},\n\t\t{\n\t\t\tvariant: 'write',\n\t\t\tdisabled: false,\n\t\t\tfocused: true,\n\t\t\terror: false,\n\t\t\tclass: 'border-indigo-600 ring ring-indigo-100 selection:bg-indigo',\n\t\t},\n\n\t\t{\n\t\t\tvariant: 'write',\n\t\t\tdisabled: false,\n\t\t\tclass: 'bg-white',\n\t\t},\n\t\t{\n\t\t\tvariant: 'write',\n\t\t\tdisabled: true,\n\t\t\tclass: 'bg-white-600 cursor-not-allowed',\n\t\t},\n\n\t\t{\n\t\t\tdisabled: false,\n\t\t\terror: true,\n\t\t\tclass: 'border-negative-red',\n\t\t},\n\t\t{\n\t\t\tdisabled: false,\n\t\t\tfocused: true,\n\t\t\terror: true,\n\t\t\tclass: 'ring ring-negative-red-50 selection:bg-negative-red-50',\n\t\t},\n\t],\n});\n\nconst input = cva(\n\t[\n\t\t'text-sm placeholder:text-sm placeholder:text-storm/40 text-storm',\n\t\t'border-none bg-transparent flex-1 min-w-0 p-0',\n\t\t'outline-none focus:outline-none',\n\t\t'font-geist',\n\t],\n\t{\n\t\tvariants: {\n\t\t\tisTextarea: {\n\t\t\t\tfalse: 'h-full',\n\t\t\t\ttrue: 'mt-1',\n\t\t\t},\n\t\t\tdisabled: {\n\t\t\t\tfalse: null,\n\t\t\t\ttrue: 'cursor-not-allowed',\n\t\t\t},\n\t\t},\n\t}\n);\n\nconst prefixAndSuffix = cva(\n\t['flex flex-shrink-0 justify-center items-center text-center'],\n\t{\n\t\tvariants: {\n\t\t\tvariant: {\n\t\t\t\tread: 'leading-6',\n\t\t\t\twrite: null,\n\t\t\t},\n\t\t\tdisabled: {\n\t\t\t\tfalse: null,\n\t\t\t\ttrue: 'text-storm-100',\n\t\t\t},\n\t\t\tfocused: {\n\t\t\t\tfalse: null,\n\t\t\t\ttrue: null,\n\t\t\t},\n\t\t\terror: {\n\t\t\t\tfalse: null,\n\t\t\t\ttrue: null,\n\t\t\t},\n\t\t\tisText: {\n\t\t\t\tfalse: null,\n\t\t\t\ttrue: 'text-sm',\n\t\t\t},\n\t\t\tisTextarea: {\n\t\t\t\tfalse: null,\n\t\t\t\ttrue: 'mt-2',\n\t\t\t},\n\t\t},\n\t\tcompoundVariants: [\n\t\t\t{\n\t\t\t\tdisabled: false,\n\t\t\t\tfocused: false,\n\t\t\t\terror: false,\n\t\t\t\tclass: 'text-storm-300',\n\t\t\t},\n\n\t\t\t{\n\t\t\t\tdisabled: false,\n\t\t\t\tfocused: true,\n\t\t\t\terror: false,\n\t\t\t\tclass: 'text-storm',\n\t\t\t},\n\n\t\t\t{\n\t\t\t\tdisabled: false,\n\t\t\t\tfocused: false,\n\t\t\t\terror: true,\n\t\t\t\tclass: 'text-negative-red',\n\t\t\t},\n\n\t\t\t{\n\t\t\t\tdisabled: false,\n\t\t\t\tfocused: true,\n\t\t\t\terror: true,\n\t\t\t\tclass: 'text-negative-red-800',\n\t\t\t},\n\t\t],\n\t}\n);\n\n@Component({\n\ttag: 'p-field',\n\tstyleUrl: './field.component.css',\n\tshadow: true,\n\tformAssociated: true,\n})\nexport class Field {\n\t/*\n\t The alignment of the container\n\t /\n\t@Prop() align: 'start' \| 'end' = 'start';\n\n\t/\n\t The variant of the field\n\t /\n\t@Prop() variant: 'read' \| 'write' = 'write';\n\n\t/\n\t The id of the field\n\t /\n\t@Prop() id: string;\n\n\t/\n\t The size of the field\n\t /\n\t@Prop() size: 'sm' \| 'base' = 'base';\n\n\t/\n\t The type of the field\n\t /\n\t@Prop() type: HTMLInputTypeAttribute \| 'textarea' \| 'slot' = 'text';\n\n\t/\n\t The size of the field\n\t /\n\t@Prop() properties: any \| string = {};\n\n\t/\n\t The prefix of the field\n\t /\n\t@Prop() prefix: string;\n\n\t/\n\t The suffix of the field\n\t /\n\t@Prop() suffix: string;\n\n\t/\n\t Icon of the field\n\t /\n\t@Prop() icon: IconVariant;\n\n\t/\n\t Icon flip /\n\t@Prop() iconFlip: IconFlipOptions;\n\n\t/\n\t Icon rotate\n\t /\n\t@Prop() iconRotate: RotateOptions;\n\n\t/\n\t Icon position\n\t /\n\t@Prop() iconPosition: 'start' \| 'end' = 'start';\n\n\t/\n\t The value of the input\n\t /\n\t@Prop() value: string \| number;\n\n\t/\n\t The label of the field\n\t /\n\t@Prop() label: string;\n\n\t/\n\t Wether the field is in loading state\n\t /\n\t@Prop() loading: boolean = false;\n\n\t/\n\t The placeholder of the input\n\t /\n\t@Prop() placeholder: string;\n\n\t/\n\t The helper of the field\n\t /\n\t@Prop() helper: string;\n\n\t/\n\t Wether the field is required\n\t /\n\t@Prop({ reflect: true }) required: boolean = true;\n\n\t/\n\t Wether to show optional when not required\n\t /\n\t@Prop({ reflect: true }) showOptional: boolean = true;\n\n\t/\n\t Wether to show an add button when empty\n\t /\n\t@Prop({ reflect: true }) showAddOnEmpty: boolean = false;\n\n\t/\n\t The text to show on the add button\n\t /\n\t@Prop({ reflect: true }) addText: string = 'Add';\n\n\t/\n\t Wether to autofocus the field\n\t /\n\t@Prop({ reflect: true }) autofocus: boolean = false;\n\n\t/\n\t The error to display\n\t /\n\t@Prop({ reflect: true }) error: string;\n\n\t/\n\t The placement of the error popover\n\t /\n\t@Prop() errorPlacement: Placement;\n\n\t/\n\t Wether the field is disabled\n\t /\n\t@Prop({ reflect: true }) disabled: boolean = false;\n\n\t/\n\t Wether the field is focused\n\t /\n\t@Prop({ reflect: true }) focused: boolean = false;\n\n\t/\n\t Force show the error tooltip\n\t /\n\t@Prop({ reflect: true }) forceShowTooltip: boolean = false;\n\n\t/\n\t Wether to select all text on focus\n\t /\n\t@Prop({ reflect: true }) selectAllOnFocus: boolean = true;\n\n\t/\n\t The method to use when focusing the input\n\t /\n\t@Prop() focusMethod: 'focus' \| 'click' = 'focus';\n\n\t/\n\t The template for the optional text\n\t /\n\t@Prop() optionalTemplate: templateFunc;\n\n\t/\n\t Event whenever the value changes\n\t /\n\t@Event({ bubbles: false }) valueChange: EventEmitter<string \| number>;\n\n\t/\n\t Event whenever the input ref changes\n\t /\n\t@Event() inputRefChange: EventEmitter<HTMLInputElement \| HTMLTextAreaElement>;\n\n\t/\n\t Event whenever the value changes\n\t /\n\t@Event({ bubbles: false }) add: EventEmitter<void>;\n\n\t/\n\t The host element\n\t */\n\t@Element() private _el: HTMLElement;\n\n\t@State() private _focused = false;\n\t@State() private _nonce = nonce(5);\n\n\t@AttachInternals() _internals: ElementInternals;\n\n\tprivate _inputRef: HTMLInputElement \| HTMLTextAreaElement;\n\tprivate _lastValue: string \| number \| null;\n\n\tcomponentDidLoad() {\n\t\tthis._checkAutoFocus();\n\t}\n\n\tformResetCallback() {\n\t\tthis.value = null;\n\t\tthis.valueChange.emit(null);\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 {\n\t\t\tid,\n\t\t\tprefix,\n\t\t\tsuffix,\n\t\t\thasHeaderSlot,\n\t\t\thasLabelSlot,\n\t\t\thasHelperSlot,\n\t\t\thasErrorSlot,\n\t\t\thasValueSlot,\n\t\t} = this._getSlotInfo();\n\n\t\treturn (\n\t\t\t<p-field-container\n\t\t\t\tforceShowTooltip={\n\t\t\t\t\tthis.forceShowTooltip \|\| this._focused \|\| !!this.error?.length\n\t\t\t\t}\n\t\t\t\tid={id}\n\t\t\t\tlabel={this.label}\n\t\t\t\talign={this.align}\n\t\t\t\tloading={this.loading}\n\t\t\t\tloadingSize={this.size}\n\t\t\t\thelper={this.helper}\n\t\t\t\terror={this.error}\n\t\t\t\trequired={this.required}\n\t\t\t\tshowOptional={this.showOptional}\n\t\t\t\tvariant={this.variant}\n\t\t\t>\n\t\t\t\t{hasLabelSlot && (\n\t\t\t\t\t<slot\n\t\t\t\t\t\tname='label'\n\t\t\t\t\t\tslot='label'\n\t\t\t\t\t/>\n\t\t\t\t)}\n\n\t\t\t\t{hasHeaderSlot && (\n\t\t\t\t\t<slot\n\t\t\t\t\t\tname='header'\n\t\t\t\t\t\tslot='header'\n\t\t\t\t\t/>\n\t\t\t\t)}\n\n\t\t\t\t{hasHelperSlot && (\n\t\t\t\t\t<slot\n\t\t\t\t\t\tname='helper'\n\t\t\t\t\t\tslot='helper'\n\t\t\t\t\t/>\n\t\t\t\t)}\n\n\t\t\t\t{hasErrorSlot && (\n\t\t\t\t\t<slot\n\t\t\t\t\t\tname='error'\n\t\t\t\t\t\tslot='error'\n\t\t\t\t\t/>\n\t\t\t\t)}\n\n\t\t\t\t<div\n\t\t\t\t\tclass={field({\n\t\t\t\t\t\terror: !!this.error?.length,\n\t\t\t\t\t\tdisabled: asBoolean(this.disabled),\n\t\t\t\t\t\tfocused: asBoolean(this.focused) \|\| this._focused,\n\t\t\t\t\t\tsize: this.size,\n\t\t\t\t\t\tvariant: this.variant,\n\t\t\t\t\t\tisTextarea: this.type === 'textarea',\n\t\t\t\t\t})}\n\t\t\t\t\ttitle={\n\t\t\t\t\t\tthis.variant === 'read' && !hasValueSlot\n\t\t\t\t\t\t\t? `${this.value}`\n\t\t\t\t\t\t\t: undefined\n\t\t\t\t\t}\n\t\t\t\t\tslot='content'\n\t\t\t\t>\n\t\t\t\t\t{(this.error?.length \|\|\n\t\t\t\t\t\tprefix \|\|\n\t\t\t\t\t\t(this.icon && this.iconPosition === 'start')) && (\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tclass={prefixAndSuffix({\n\t\t\t\t\t\t\t\tvariant: this.variant,\n\t\t\t\t\t\t\t\terror: !!this.error?.length,\n\t\t\t\t\t\t\t\tdisabled: asBoolean(this.disabled),\n\t\t\t\t\t\t\t\tfocused: asBoolean(this.focused) \|\| this._focused,\n\t\t\t\t\t\t\t\tisText: typeof suffix === 'string',\n\t\t\t\t\t\t\t\tisTextarea: this.type === 'textarea',\n\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\tonClick={() => this._focusInput()}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{(this.icon && this.iconPosition === 'start') \|\|\n\t\t\t\t\t\t\tthis.error?.length ? (\n\t\t\t\t\t\t\t\t<p-icon\n\t\t\t\t\t\t\t\t\tclass={cn('flex', {\n\t\t\t\t\t\t\t\t\t\t'mt-1': this.variant === 'read' && this.size === 'base',\n\t\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t\t\tvariant={this.error?.length ? 'warning' : this.icon}\n\t\t\t\t\t\t\t\t\trotate={this.iconRotate}\n\t\t\t\t\t\t\t\t\tflip={this.iconFlip}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\tprefix\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\n\t\t\t\t\t{this._getContent(hasValueSlot, id)}\n\n\t\t\t\t\t{(suffix \|\| (this.icon && this.iconPosition === 'end')) && (\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tclass={prefixAndSuffix({\n\t\t\t\t\t\t\t\tvariant: this.variant,\n\t\t\t\t\t\t\t\terror: !!this.error?.length,\n\t\t\t\t\t\t\t\tdisabled: asBoolean(this.disabled),\n\t\t\t\t\t\t\t\tfocused: asBoolean(this.focused) \|\| this._focused,\n\t\t\t\t\t\t\t\tisText: typeof suffix === 'string',\n\t\t\t\t\t\t\t\tisTextarea: this.type === 'textarea',\n\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\tonClick={() => this._focusInput()}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{this.icon && this.iconPosition === 'end' ? (\n\t\t\t\t\t\t\t\t<p-icon\n\t\t\t\t\t\t\t\t\tclass={cn('flex', {\n\t\t\t\t\t\t\t\t\t\t'mt-1': this.variant === 'read' && this.size === 'base',\n\t\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t\t\tvariant={this.icon}\n\t\t\t\t\t\t\t\t\trotate={this.iconRotate}\n\t\t\t\t\t\t\t\t\tflip={this.iconFlip}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\tsuffix\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</p-field-container>\n\t\t);\n\t}\n\n\t@Watch('value')\n\twatchvalue(value: string \| null) {\n\t\tif (!this._inputRef) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (value === this._lastValue) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis._lastValue = value;\n\t\tthis._inputRef.value = value;\n\t}\n\n\t@Listen('focusin')\n\thandleFocusIn() {\n\t\tif (this.disabled) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis._focused = true;\n\t\tthis._selectAll();\n\t}\n\n\t@Listen('focusout')\n\thandleFocusOut() {\n\t\tif (this.disabled) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis._focused = false;\n\t}\n\n\t@Listen('keyup', { capture: true })\n\thandleKeyup(ev: KeyboardEvent) {\n\t\tif (this.disabled) {\n\t\t\tev.preventDefault();\n\t\t\treturn;\n\t\t}\n\n\t\tif (!this._internals?.form) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (this.type === 'textarea' \|\| ev.key !== 'Enter') {\n\t\t\treturn;\n\t\t}\n\n\t\tthis._internals.form.requestSubmit();\n\t}\n\n\tprivate _getSlotInfo() {\n\t\tconst hasHelperSlot = !!this._el.querySelector(':scope > [slot=\"helper\"]');\n\t\tconst hasLabelSlot = !!this._el.querySelector(':scope > [slot=\"label\"]');\n\t\tconst hasPrefixSlot = !!this._el.querySelector(':scope > [slot=\"prefix\"]');\n\t\tconst hasSuffixSlot = !!this._el.querySelector(':scope > [slot=\"suffix\"]');\n\t\tconst hasHeaderSlot = !!this._el.querySelector(':scope > [slot=\"header\"]');\n\t\tconst hasErrorSlot = !!this._el.querySelector(':scope > [slot=\"error\"]');\n\t\tconst hasValueSlot = !!this._el.querySelector(':scope > [slot=\"value\"]');\n\n\t\tconst prefix = hasPrefixSlot ? <slot name='prefix' /> : this.prefix;\n\t\tconst suffix = hasSuffixSlot ? <slot name='suffix' /> : this.suffix;\n\n\t\tconst errorAndErrorIsNotBoolean =\n\t\t\tthis.error && typeof this.error === 'string' && this.error !== 'true';\n\n\t\tconst id = this.id?.length ? this.id : this._nonce;\n\n\t\treturn {\n\t\t\tid,\n\t\t\thasHelperSlot,\n\t\t\thasLabelSlot,\n\t\t\thasPrefixSlot,\n\t\t\thasSuffixSlot,\n\t\t\thasHeaderSlot,\n\t\t\thasErrorSlot,\n\t\t\thasValueSlot,\n\t\t\tprefix,\n\t\t\tsuffix,\n\t\t\terrorAndErrorIsNotBoolean,\n\t\t};\n\t}\n\n\tprivate _getContent(hasValueSlot = false, id: string) {\n\t\tif (this.variant === 'read') {\n\t\t\treturn hasValueSlot ? (\n\t\t\t\t<slot name='value' />\n\t\t\t) : !!this.value && `${this.value}`.length > 0 ? (\n\t\t\t\tthis.value\n\t\t\t) : this.showAddOnEmpty ? (\n\t\t\t\t<p-button\n\t\t\t\t\tvariant='text'\n\t\t\t\t\ticon='plus'\n\t\t\t\t\tsize='sm'\n\t\t\t\t\tonClick={() => this.add.emit()}\n\t\t\t\t>\n\t\t\t\t\t{this.addText}\n\t\t\t\t</p-button>\n\t\t\t) : (\n\t\t\t\t'—'\n\t\t\t);\n\t\t}\n\n\t\tif (this.type === 'slot') {\n\t\t\treturn <slot name='input' />;\n\t\t}\n\n\t\tconst props = {\n\t\t\tid,\n\t\t\tclass: input({\n\t\t\t\tdisabled: asBoolean(this.disabled),\n\t\t\t\tisTextarea: this.type === 'textarea',\n\t\t\t}),\n\t\t\tvalue: this.value,\n\t\t\tplaceholder: this.placeholder,\n\t\t\tdisabled: this.disabled,\n\t\t\tonInput: (ev: InputEvent) => this._valueChange(ev),\n\t\t};\n\n\t\tlet properties = this.properties ?? {};\n\t\tif (typeof properties === 'string') {\n\t\t\tproperties = JSON.parse(this.properties);\n\t\t}\n\n\t\tif (this.type === 'textarea') {\n\t\t\treturn (\n\t\t\t\t<textarea\n\t\t\t\t\tref={ref => this._setInputRef(ref)}\n\t\t\t\t\t{...props}\n\t\t\t\t\t{...properties}\n\t\t\t\t/>\n\t\t\t);\n\t\t}\n\n\t\treturn (\n\t\t\t<input\n\t\t\t\ttype={this.type}\n\t\t\t\tref={ref => this._setInputRef(ref)}\n\t\t\t\t{...props}\n\t\t\t\t{...properties}\n\t\t\t/>\n\t\t);\n\t}\n\n\tprivate _setInputRef(ref: HTMLInputElement \| HTMLTextAreaElement) {\n\t\tthis._inputRef = ref;\n\t\tthis.inputRefChange.emit(ref);\n\t}\n\n\tprivate _focusInput() {\n\t\tif (this._inputRef) {\n\t\t\tthis._inputRef.focus();\n\t\t\treturn;\n\t\t}\n\n\t\tconst input = this._el.querySelector(':scope > [slot=\"input\"]');\n\t\t(input as HTMLElement)[this.focusMethod]();\n\t}\n\n\tprivate _selectAll() {\n\t\tif (!this._inputRef \|\| !this.selectAllOnFocus) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis._inputRef.select();\n\t}\n\n\tprivate _valueChange(ev) {\n\t\tev.stopPropagation();\n\t\tconst target = (ev.originalTarget ?? ev.target) as\n\t\t\t\| HTMLTextAreaElement\n\t\t\t\| HTMLInputElement;\n\t\tconst value =\n\t\t\tthis.type === 'number' ? parseFloat(target.value) : target.value;\n\t\tthis._lastValue = value;\n\t\tthis.value = value;\n\t\tthis.valueChange.emit(value);\n\t\tthis._internals.setFormValue(target.value);\n\t}\n\n\tprivate _checkAutoFocus() {\n\t\tif (!this.autofocus) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (!this._inputRef) {\n\t\t\tsetTimeout(() => this._checkAutoFocus(), 100);\n\t\t\treturn;\n\t\t}\n\n\t\tthis._focusInput();\n\t}\n}\n"]}
1	+ {"version":3,"file":"field.component.js","sourceRoot":"","sources":["../../../../../src/components/molecules/field/field/field.component.tsx"],"names":[],"mappings":"AACA,OAAO,EACN,eAAe,EACf,SAAS,EACT,OAAO,EACP,KAAK,EAEL,CAAC,EACD,MAAM,EACN,IAAI,EACJ,KAAK,EACL,KAAK,GACL,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAG/C,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AACzD,OAAO,EAAE,EAAE,EAAE,MAAM,sBAAsB,CAAC;AAC1C,OAAO,EAAE,KAAK,EAAE,MAAM,yBAAyB,CAAC;AAOhD,MAAM,KAAK,GAAG,GAAG,CAAC,CAAC,YAAY,EAAE,WAAW,EAAE,yBAAyB,CAAC,EAAE;IACzE,QAAQ,EAAE;QACT,OAAO,EAAE;YACR,IAAI,EAAE,oDAAoD;YAC1D,KAAK,EAAE,aAAa;SACpB;QACD,IAAI,EAAE;YACL,EAAE,EAAE,IAAI;YACR,IAAI,EAAE,IAAI;SACV;QACD,QAAQ,EAAE;YACT,KAAK,EAAE,IAAI;YACX,IAAI,EAAE,IAAI;SACV;QACD,OAAO,EAAE;YACR,KAAK,EAAE,IAAI;YACX,IAAI,EAAE,IAAI;SACV;QACD,KAAK,EAAE;YACN,KAAK,EAAE,IAAI;YACX,IAAI,EAAE,IAAI;SACV;QACD,UAAU,EAAE;YACX,KAAK,EAAE,IAAI;YACX,IAAI,EAAE,aAAa;SACnB;KACD;IACD,gBAAgB,EAAE;QACjB;YACC,IAAI,EAAE,IAAI;YACV,OAAO,EAAE,OAAO;YAChB,UAAU,EAAE,KAAK;YACjB,KAAK,EAAE,KAAK;SACZ;QACD;YACC,IAAI,EAAE,MAAM;YACZ,OAAO,EAAE,OAAO;YAChB,UAAU,EAAE,KAAK;YACjB,KAAK,EAAE,KAAK;SACZ;QAED;YACC,IAAI,EAAE,IAAI;YACV,OAAO,EAAE,MAAM;YACf,KAAK,EAAE,iBAAiB;SACxB;QACD;YACC,IAAI,EAAE,MAAM;YACZ,OAAO,EAAE,MAAM;YACf,KAAK,EAAE,iBAAiB;SACxB;QAED;YACC,OAAO,EAAE,OAAO;YAChB,OAAO,EAAE,KAAK;YACd,KAAK,EAAE,KAAK;YACZ,KAAK,EAAE,kBAAkB;SACzB;QACD;YACC,OAAO,EAAE,OAAO;YAChB,QAAQ,EAAE,KAAK;YACf,OAAO,EAAE,IAAI;YACb,KAAK,EAAE,KAAK;YACZ,KAAK,EAAE,gEAAgE;SACvE;QAED;YACC,OAAO,EAAE,OAAO;YAChB,QAAQ,EAAE,KAAK;YACf,KAAK,EAAE,UAAU;SACjB;QACD;YACC,OAAO,EAAE,OAAO;YAChB,QAAQ,EAAE,IAAI;YACd,KAAK,EAAE,kCAAkC;SACzC;QAED;YACC,QAAQ,EAAE,KAAK;YACf,KAAK,EAAE,IAAI;YACX,KAAK,EAAE,qBAAqB;SAC5B;QACD;YACC,QAAQ,EAAE,KAAK;YACf,OAAO,EAAE,IAAI;YACb,KAAK,EAAE,IAAI;YACX,KAAK,EAAE,wDAAwD;SAC/D;KACD;CACD,CAAC,CAAC;AAEH,MAAM,KAAK,GAAG,GAAG,CAChB;IACC,sEAAsE;IACtE,gDAAgD;IAChD,iCAAiC;IACjC,YAAY;CACZ,EACD;IACC,QAAQ,EAAE;QACT,UAAU,EAAE;YACX,KAAK,EAAE,QAAQ;YACf,IAAI,EAAE,MAAM;SACZ;QACD,QAAQ,EAAE;YACT,KAAK,EAAE,IAAI;YACX,IAAI,EAAE,oBAAoB;SAC1B;KACD;CACD,CACD,CAAC;AAEF,MAAM,eAAe,GAAG,GAAG,CAC1B,CAAC,4DAA4D,CAAC,EAC9D;IACC,QAAQ,EAAE;QACT,OAAO,EAAE;YACR,IAAI,EAAE,WAAW;YACjB,KAAK,EAAE,IAAI;SACX;QACD,QAAQ,EAAE;YACT,KAAK,EAAE,IAAI;YACX,IAAI,EAAE,gBAAgB;SACtB;QACD,OAAO,EAAE;YACR,KAAK,EAAE,IAAI;YACX,IAAI,EAAE,IAAI;SACV;QACD,KAAK,EAAE;YACN,KAAK,EAAE,IAAI;YACX,IAAI,EAAE,IAAI;SACV;QACD,MAAM,EAAE;YACP,KAAK,EAAE,IAAI;YACX,IAAI,EAAE,SAAS;SACf;QACD,UAAU,EAAE;YACX,KAAK,EAAE,IAAI;YACX,IAAI,EAAE,MAAM;SACZ;KACD;IACD,gBAAgB,EAAE;QACjB;YACC,QAAQ,EAAE,KAAK;YACf,OAAO,EAAE,KAAK;YACd,KAAK,EAAE,KAAK;YACZ,KAAK,EAAE,gBAAgB;SACvB;QAED;YACC,QAAQ,EAAE,KAAK;YACf,OAAO,EAAE,IAAI;YACb,KAAK,EAAE,KAAK;YACZ,KAAK,EAAE,gBAAgB;SACvB;QAED;YACC,QAAQ,EAAE,KAAK;YACf,OAAO,EAAE,KAAK;YACd,KAAK,EAAE,IAAI;YACX,KAAK,EAAE,mBAAmB;SAC1B;QAED;YACC,QAAQ,EAAE,KAAK;YACf,OAAO,EAAE,IAAI;YACb,KAAK,EAAE,IAAI;YACX,KAAK,EAAE,uBAAuB;SAC9B;KACD;CACD,CACD,CAAC;AAQF,MAAM,OAAO,KAAK;IACjB;;OAEG;IACK,KAAK,GAAoB,OAAO,CAAC;IAEzC;;OAEG;IACK,OAAO,GAAqB,OAAO,CAAC;IAE5C;;OAEG;IACK,EAAE,CAAS;IAEnB;;OAEG;IACK,IAAI,GAAkB,MAAM,CAAC;IAErC;;OAEG;IACK,IAAI,GAAiD,MAAM,CAAC;IAEpE;;OAEG;IACK,UAAU,GAAiB,EAAE,CAAC;IAEtC;;OAEG;IACK,MAAM,CAAS;IAEvB;;OAEG;IACK,MAAM,CAAS;IAEvB;;OAEG;IACK,IAAI,CAAc;IAE1B;mBACe;IACP,QAAQ,CAAkB;IAElC;;OAEG;IACK,UAAU,CAAgB;IAElC;;OAEG;IACK,YAAY,GAAoB,OAAO,CAAC;IAEhD;;OAEG;IACK,KAAK,CAAkB;IAE/B;;OAEG;IACK,KAAK,CAAS;IAEtB;;OAEG;IACK,OAAO,GAAY,KAAK,CAAC;IAEjC;;OAEG;IACK,WAAW,CAAS;IAE5B;;OAEG;IACK,MAAM,CAAS;IAEvB;;OAEG;IACsB,QAAQ,GAAY,IAAI,CAAC;IAElD;;OAEG;IACsB,YAAY,GAAY,IAAI,CAAC;IAEtD;;OAEG;IACsB,cAAc,GAAY,KAAK,CAAC;IAEzD;;OAEG;IACsB,OAAO,GAAW,KAAK,CAAC;IAEjD;;OAEG;IACsB,SAAS,GAAY,KAAK,CAAC;IAEpD;;OAEG;IACsB,KAAK,CAAS;IAEvC;;OAEG;IACK,cAAc,CAAY;IAElC;;OAEG;IACsB,QAAQ,GAAY,KAAK,CAAC;IAEnD;;OAEG;IACsB,OAAO,GAAY,KAAK,CAAC;IAElD;;OAEG;IACsB,gBAAgB,GAAY,KAAK,CAAC;IAE3D;;OAEG;IACsB,gBAAgB,GAAY,IAAI,CAAC;IAE1D;;OAEG;IACK,WAAW,GAAsB,OAAO,CAAC;IAEjD;;OAEG;IACK,gBAAgB,CAAe;IAEvC;;OAEG;IACwB,WAAW,CAAgC;IAEtE;;OAEG;IACM,cAAc,CAAuD;IAE9E;;OAEG;IACwB,GAAG,CAAqB;IAEnD;;OAEG;IACgB,GAAG,CAAc;IAEnB,QAAQ,GAAG,KAAK,CAAC;IACjB,MAAM,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC;IAEhB,UAAU,CAAmB;IAExC,SAAS,CAAyC;IAClD,UAAU,CAAyB;IAE3C,gBAAgB;QACf,IAAI,CAAC,eAAe,EAAE,CAAC;IACxB,CAAC;IAED,iBAAiB;QAChB,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC;QAClB,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAC7B,CAAC;IAED,oBAAoB,CAAC,QAAiB;QACrC,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,IAAI,EAAE,CAAC;YAC3B,OAAO;QACR,CAAC;QAED,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC;IAC1B,CAAC;IAED,MAAM;QACL,MAAM,EACL,EAAE,EACF,MAAM,EACN,MAAM,EACN,aAAa,EACb,YAAY,EACZ,aAAa,EACb,YAAY,EACZ,YAAY,GACZ,GAAG,IAAI,CAAC,YAAY,EAAE,CAAC;QAExB,OAAO,CACN,0EACC,gBAAgB,EACf,IAAI,CAAC,gBAAgB,IAAI,IAAI,CAAC,QAAQ,IAAI,CAAC,CAAC,IAAI,CAAC,KAAK,EAAE,MAAM,EAE/D,EAAE,EAAE,EAAE,EACN,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,WAAW,EAAE,IAAI,CAAC,IAAI,EACtB,MAAM,EAAE,IAAI,CAAC,MAAM,EACnB,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,YAAY,EAAE,IAAI,CAAC,YAAY,EAC/B,OAAO,EAAE,IAAI,CAAC,OAAO;YAEpB,YAAY,IAAI,CAChB,6DACC,IAAI,EAAC,OAAO,EACZ,IAAI,EAAC,OAAO,GACX,CACF;YAEA,aAAa,IAAI,CACjB,6DACC,IAAI,EAAC,QAAQ,EACb,IAAI,EAAC,QAAQ,GACZ,CACF;YAEA,aAAa,IAAI,CACjB,6DACC,IAAI,EAAC,QAAQ,EACb,IAAI,EAAC,QAAQ,GACZ,CACF;YAEA,YAAY,IAAI,CAChB,6DACC,IAAI,EAAC,OAAO,EACZ,IAAI,EAAC,OAAO,GACX,CACF;YAED,4DACC,KAAK,EAAE,KAAK,CAAC;oBACZ,KAAK,EAAE,CAAC,CAAC,IAAI,CAAC,KAAK,EAAE,MAAM;oBAC3B,QAAQ,EAAE,SAAS,CAAC,IAAI,CAAC,QAAQ,CAAC;oBAClC,OAAO,EAAE,SAAS,CAAC,IAAI,CAAC,OAAO,CAAC,IAAI,IAAI,CAAC,QAAQ;oBACjD,IAAI,EAAE,IAAI,CAAC,IAAI;oBACf,OAAO,EAAE,IAAI,CAAC,OAAO;oBACrB,UAAU,EAAE,IAAI,CAAC,IAAI,KAAK,UAAU;iBACpC,CAAC,EACF,KAAK,EACJ,IAAI,CAAC,OAAO,KAAK,MAAM,IAAI,CAAC,YAAY;oBACvC,CAAC,CAAC,GAAG,IAAI,CAAC,KAAK,EAAE;oBACjB,CAAC,CAAC,SAAS,EAEb,IAAI,EAAC,SAAS;gBAEb,CAAC,IAAI,CAAC,KAAK,EAAE,MAAM;oBACnB,MAAM;oBACN,CAAC,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,YAAY,KAAK,OAAO,CAAC,CAAC,IAAI,CACjD,4DACC,KAAK,EAAE,eAAe,CAAC;wBACtB,OAAO,EAAE,IAAI,CAAC,OAAO;wBACrB,KAAK,EAAE,CAAC,CAAC,IAAI,CAAC,KAAK,EAAE,MAAM;wBAC3B,QAAQ,EAAE,SAAS,CAAC,IAAI,CAAC,QAAQ,CAAC;wBAClC,OAAO,EAAE,SAAS,CAAC,IAAI,CAAC,OAAO,CAAC,IAAI,IAAI,CAAC,QAAQ;wBACjD,MAAM,EAAE,OAAO,MAAM,KAAK,QAAQ;wBAClC,UAAU,EAAE,IAAI,CAAC,IAAI,KAAK,UAAU;qBACpC,CAAC,EACF,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,WAAW,EAAE,IAEhC,CAAC,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,YAAY,KAAK,OAAO,CAAC;oBAC7C,IAAI,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,CACpB,cACC,KAAK,EAAE,EAAE,CAAC,MAAM,EAAE;wBACjB,MAAM,EAAE,IAAI,CAAC,OAAO,KAAK,MAAM,IAAI,IAAI,CAAC,IAAI,KAAK,MAAM;qBACvD,CAAC,EACF,OAAO,EAAE,IAAI,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,EACnD,MAAM,EAAE,IAAI,CAAC,UAAU,EACvB,IAAI,EAAE,IAAI,CAAC,QAAQ,GAClB,CACF,CAAC,CAAC,CAAC,CACH,MAAM,CACN,CACI,CACN;gBAEA,IAAI,CAAC,WAAW,CAAC,YAAY,EAAE,EAAE,CAAC;gBAElC,CAAC,MAAM,IAAI,CAAC,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,YAAY,KAAK,KAAK,CAAC,CAAC,IAAI,CAC1D,4DACC,KAAK,EAAE,eAAe,CAAC;wBACtB,OAAO,EAAE,IAAI,CAAC,OAAO;wBACrB,KAAK,EAAE,CAAC,CAAC,IAAI,CAAC,KAAK,EAAE,MAAM;wBAC3B,QAAQ,EAAE,SAAS,CAAC,IAAI,CAAC,QAAQ,CAAC;wBAClC,OAAO,EAAE,SAAS,CAAC,IAAI,CAAC,OAAO,CAAC,IAAI,IAAI,CAAC,QAAQ;wBACjD,MAAM,EAAE,OAAO,MAAM,KAAK,QAAQ;wBAClC,UAAU,EAAE,IAAI,CAAC,IAAI,KAAK,UAAU;qBACpC,CAAC,EACF,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,WAAW,EAAE,IAEhC,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,YAAY,KAAK,KAAK,CAAC,CAAC,CAAC,CAC3C,cACC,KAAK,EAAE,EAAE,CAAC,MAAM,EAAE;wBACjB,MAAM,EAAE,IAAI,CAAC,OAAO,KAAK,MAAM,IAAI,IAAI,CAAC,IAAI,KAAK,MAAM;qBACvD,CAAC,EACF,OAAO,EAAE,IAAI,CAAC,IAAI,EAClB,MAAM,EAAE,IAAI,CAAC,UAAU,EACvB,IAAI,EAAE,IAAI,CAAC,QAAQ,GAClB,CACF,CAAC,CAAC,CAAC,CACH,MAAM,CACN,CACI,CACN,CACI,CACa,CACpB,CAAC;IACH,CAAC;IAGD,UAAU,CAAC,KAAoB;QAC9B,IAAI,CAAC,IAAI,CAAC,SAAS,EAAE,CAAC;YACrB,OAAO;QACR,CAAC;QAED,IAAI,KAAK,KAAK,IAAI,CAAC,UAAU,EAAE,CAAC;YAC/B,OAAO;QACR,CAAC;QAED,IAAI,CAAC,UAAU,GAAG,KAAK,CAAC;QACxB,IAAI,CAAC,SAAS,CAAC,KAAK,GAAG,KAAK,CAAC;IAC9B,CAAC;IAGD,aAAa;QACZ,IAAI,IAAI,CAAC,QAAQ,EAAE,CAAC;YACnB,OAAO;QACR,CAAC;QAED,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC;QACrB,IAAI,CAAC,UAAU,EAAE,CAAC;IACnB,CAAC;IAGD,cAAc;QACb,IAAI,IAAI,CAAC,QAAQ,EAAE,CAAC;YACnB,OAAO;QACR,CAAC;QAED,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC;IACvB,CAAC;IAGD,WAAW,CAAC,EAAiB;QAC5B,IAAI,IAAI,CAAC,QAAQ,EAAE,CAAC;YACnB,EAAE,CAAC,cAAc,EAAE,CAAC;YACpB,OAAO;QACR,CAAC;QAED,IAAI,CAAC,IAAI,CAAC,UAAU,EAAE,IAAI,EAAE,CAAC;YAC5B,OAAO;QACR,CAAC;QAED,IAAI,IAAI,CAAC,IAAI,KAAK,UAAU,IAAI,EAAE,CAAC,GAAG,KAAK,OAAO,EAAE,CAAC;YACpD,OAAO;QACR,CAAC;QAED,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,aAAa,EAAE,CAAC;IACtC,CAAC;IAEO,YAAY;QACnB,MAAM,aAAa,GAAG,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,aAAa,CAAC,0BAA0B,CAAC,CAAC;QAC3E,MAAM,YAAY,GAAG,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,aAAa,CAAC,yBAAyB,CAAC,CAAC;QACzE,MAAM,aAAa,GAAG,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,aAAa,CAAC,0BAA0B,CAAC,CAAC;QAC3E,MAAM,aAAa,GAAG,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,aAAa,CAAC,0BAA0B,CAAC,CAAC;QAC3E,MAAM,aAAa,GAAG,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,aAAa,CAAC,0BAA0B,CAAC,CAAC;QAC3E,MAAM,YAAY,GAAG,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,aAAa,CAAC,yBAAyB,CAAC,CAAC;QACzE,MAAM,YAAY,GAAG,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,aAAa,CAAC,yBAAyB,CAAC,CAAC;QAEzE,MAAM,MAAM,GAAG,aAAa,CAAC,CAAC,CAAC,YAAM,IAAI,EAAC,QAAQ,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC;QACpE,MAAM,MAAM,GAAG,aAAa,CAAC,CAAC,CAAC,YAAM,IAAI,EAAC,QAAQ,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC;QAEpE,MAAM,yBAAyB,GAC9B,IAAI,CAAC,KAAK,IAAI,OAAO,IAAI,CAAC,KAAK,KAAK,QAAQ,IAAI,IAAI,CAAC,KAAK,KAAK,MAAM,CAAC;QAEvE,MAAM,EAAE,GAAG,IAAI,CAAC,EAAE,EAAE,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC;QAEnD,OAAO;YACN,EAAE;YACF,aAAa;YACb,YAAY;YACZ,aAAa;YACb,aAAa;YACb,aAAa;YACb,YAAY;YACZ,YAAY;YACZ,MAAM;YACN,MAAM;YACN,yBAAyB;SACzB,CAAC;IACH,CAAC;IAEO,WAAW,CAAC,YAAY,GAAG,KAAK,EAAE,EAAU;QACnD,IAAI,IAAI,CAAC,OAAO,KAAK,MAAM,EAAE,CAAC;YAC7B,OAAO,YAAY,CAAC,CAAC,CAAC,CACrB,YAAM,IAAI,EAAC,OAAO,GAAG,CACrB,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,IAAI,GAAG,IAAI,CAAC,KAAK,EAAE,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CAChD,IAAI,CAAC,KAAK,CACV,CAAC,CAAC,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC,CAAC,CACzB,gBACC,OAAO,EAAC,MAAM,EACd,IAAI,EAAC,MAAM,EACX,IAAI,EAAC,IAAI,EACT,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,EAAE,IAE7B,IAAI,CAAC,OAAO,CACH,CACX,CAAC,CAAC,CAAC,CACH,GAAG,CACH,CAAC;QACH,CAAC;QAED,IAAI,IAAI,CAAC,IAAI,KAAK,MAAM,EAAE,CAAC;YAC1B,OAAO,YAAM,IAAI,EAAC,OAAO,GAAG,CAAC;QAC9B,CAAC;QAED,MAAM,KAAK,GAAG;YACb,EAAE;YACF,KAAK,EAAE,KAAK,CAAC;gBACZ,QAAQ,EAAE,SAAS,CAAC,IAAI,CAAC,QAAQ,CAAC;gBAClC,UAAU,EAAE,IAAI,CAAC,IAAI,KAAK,UAAU;aACpC,CAAC;YACF,KAAK,EAAE,IAAI,CAAC,KAAK;YACjB,WAAW,EAAE,IAAI,CAAC,WAAW;YAC7B,QAAQ,EAAE,IAAI,CAAC,QAAQ;YACvB,OAAO,EAAE,CAAC,EAAc,EAAE,EAAE,CAAC,IAAI,CAAC,YAAY,CAAC,EAAE,CAAC;SAClD,CAAC;QAEF,IAAI,UAAU,GAAG,IAAI,CAAC,UAAU,IAAI,EAAE,CAAC;QACvC,IAAI,OAAO,UAAU,KAAK,QAAQ,EAAE,CAAC;YACpC,UAAU,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;QAC1C,CAAC;QAED,IAAI,IAAI,CAAC,IAAI,KAAK,UAAU,EAAE,CAAC;YAC9B,OAAO,CACN,gBACC,GAAG,EAAE,GAAG,CAAC,EAAE,CAAC,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,KAC9B,KAAK,KACL,UAAU,GACb,CACF,CAAC;QACH,CAAC;QAED,OAAO,CACN,aACC,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,GAAG,EAAE,GAAG,CAAC,EAAE,CAAC,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,KAC9B,KAAK,KACL,UAAU,GACb,CACF,CAAC;IACH,CAAC;IAEO,YAAY,CAAC,GAA2C;QAC/D,IAAI,CAAC,SAAS,GAAG,GAAG,CAAC;QACrB,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAC/B,CAAC;IAEO,WAAW;QAClB,IAAI,IAAI,CAAC,SAAS,EAAE,CAAC;YACpB,IAAI,CAAC,SAAS,CAAC,KAAK,EAAE,CAAC;YACvB,OAAO;QACR,CAAC;QAED,MAAM,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,aAAa,CAAC,yBAAyB,CAAC,CAAC;QAC/D,KAAqB,CAAC,IAAI,CAAC,WAAW,CAAC,EAAE,CAAC;IAC5C,CAAC;IAEO,UAAU;QACjB,IAAI,CAAC,IAAI,CAAC,SAAS,IAAI,CAAC,IAAI,CAAC,gBAAgB,EAAE,CAAC;YAC/C,OAAO;QACR,CAAC;QAED,IAAI,CAAC,SAAS,CAAC,MAAM,EAAE,CAAC;IACzB,CAAC;IAEO,YAAY,CAAC,EAAE;QACtB,EAAE,CAAC,eAAe,EAAE,CAAC;QACrB,MAAM,MAAM,GAAG,CAAC,EAAE,CAAC,cAAc,IAAI,EAAE,CAAC,MAAM,CAE3B,CAAC;QACpB,MAAM,KAAK,GACV,IAAI,CAAC,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC;QAClE,IAAI,CAAC,UAAU,GAAG,KAAK,CAAC;QACxB,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;QACnB,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QAC7B,IAAI,CAAC,UAAU,CAAC,YAAY,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;IAC5C,CAAC;IAEO,eAAe;QACtB,IAAI,CAAC,IAAI,CAAC,SAAS,EAAE,CAAC;YACrB,OAAO;QACR,CAAC;QAED,IAAI,CAAC,IAAI,CAAC,SAAS,EAAE,CAAC;YACrB,UAAU,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,eAAe,EAAE,EAAE,GAAG,CAAC,CAAC;YAC9C,OAAO;QACR,CAAC;QAED,IAAI,CAAC,WAAW,EAAE,CAAC;IACpB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACD","sourcesContent":["import { Placement } from '@floating-ui/dom';\nimport {\n\tAttachInternals,\n\tComponent,\n\tElement,\n\tEvent,\n\tEventEmitter,\n\th,\n\tListen,\n\tProp,\n\tState,\n\tWatch,\n} from '@stencil/core';\nimport { cva } from 'class-variance-authority';\nimport { HTMLInputTypeAttribute } from 'react';\nimport { RotateOptions } from '../../../../types/tailwind';\nimport { asBoolean } from '../../../../utils/as-boolean';\nimport { cn } from '../../../../utils/cn';\nimport { nonce } from '../../../../utils/nonce';\nimport {\n\tIconFlipOptions,\n\tIconVariant,\n} from '../../../atoms/icon/icon.component';\nimport { templateFunc } from '../container/field-container.component';\n\nconst field = cva(['flex gap-2', 'w-inherit', 'border-solid rounded-lg'], {\n\tvariants: {\n\t\tvariant: {\n\t\t\tread: 'border-0 items-start flex-wrap break-all leading-6',\n\t\t\twrite: 'border px-2',\n\t\t},\n\t\tsize: {\n\t\t\tsm: null,\n\t\t\tbase: null,\n\t\t},\n\t\tdisabled: {\n\t\t\tfalse: null,\n\t\t\ttrue: null,\n\t\t},\n\t\tfocused: {\n\t\t\tfalse: null,\n\t\t\ttrue: null,\n\t\t},\n\t\terror: {\n\t\t\tfalse: null,\n\t\t\ttrue: null,\n\t\t},\n\t\tisTextarea: {\n\t\t\tfalse: null,\n\t\t\ttrue: 'items-start',\n\t\t},\n\t},\n\tcompoundVariants: [\n\t\t{\n\t\t\tsize: 'sm',\n\t\t\tvariant: 'write',\n\t\t\tisTextarea: false,\n\t\t\tclass: 'h-6',\n\t\t},\n\t\t{\n\t\t\tsize: 'base',\n\t\t\tvariant: 'write',\n\t\t\tisTextarea: false,\n\t\t\tclass: 'h-8',\n\t\t},\n\n\t\t{\n\t\t\tsize: 'sm',\n\t\t\tvariant: 'read',\n\t\t\tclass: 'min-h-4 text-xs',\n\t\t},\n\t\t{\n\t\t\tsize: 'base',\n\t\t\tvariant: 'read',\n\t\t\tclass: 'min-h-5 text-sm',\n\t\t},\n\n\t\t{\n\t\t\tvariant: 'write',\n\t\t\tfocused: false,\n\t\t\terror: false,\n\t\t\tclass: 'border-storm-100',\n\t\t},\n\t\t{\n\t\t\tvariant: 'write',\n\t\t\tdisabled: false,\n\t\t\tfocused: true,\n\t\t\terror: false,\n\t\t\tclass: 'border-indigo-600 ring ring-indigo-100 selection:bg-indigo-500',\n\t\t},\n\n\t\t{\n\t\t\tvariant: 'write',\n\t\t\tdisabled: false,\n\t\t\tclass: 'bg-white',\n\t\t},\n\t\t{\n\t\t\tvariant: 'write',\n\t\t\tdisabled: true,\n\t\t\tclass: 'bg-white-600 cursor-not-allowed',\n\t\t},\n\n\t\t{\n\t\t\tdisabled: false,\n\t\t\terror: true,\n\t\t\tclass: 'border-negative-red',\n\t\t},\n\t\t{\n\t\t\tdisabled: false,\n\t\t\tfocused: true,\n\t\t\terror: true,\n\t\t\tclass: 'ring ring-negative-red-50 selection:bg-negative-red-50',\n\t\t},\n\t],\n});\n\nconst input = cva(\n\t[\n\t\t'text-sm placeholder:text-sm placeholder:text-storm/40 text-storm-500',\n\t\t'border-none bg-transparent flex-1 min-w-0 p-0',\n\t\t'outline-none focus:outline-none',\n\t\t'font-geist',\n\t],\n\t{\n\t\tvariants: {\n\t\t\tisTextarea: {\n\t\t\t\tfalse: 'h-full',\n\t\t\t\ttrue: 'mt-1',\n\t\t\t},\n\t\t\tdisabled: {\n\t\t\t\tfalse: null,\n\t\t\t\ttrue: 'cursor-not-allowed',\n\t\t\t},\n\t\t},\n\t}\n);\n\nconst prefixAndSuffix = cva(\n\t['flex flex-shrink-0 justify-center items-center text-center'],\n\t{\n\t\tvariants: {\n\t\t\tvariant: {\n\t\t\t\tread: 'leading-6',\n\t\t\t\twrite: null,\n\t\t\t},\n\t\t\tdisabled: {\n\t\t\t\tfalse: null,\n\t\t\t\ttrue: 'text-storm-100',\n\t\t\t},\n\t\t\tfocused: {\n\t\t\t\tfalse: null,\n\t\t\t\ttrue: null,\n\t\t\t},\n\t\t\terror: {\n\t\t\t\tfalse: null,\n\t\t\t\ttrue: null,\n\t\t\t},\n\t\t\tisText: {\n\t\t\t\tfalse: null,\n\t\t\t\ttrue: 'text-sm',\n\t\t\t},\n\t\t\tisTextarea: {\n\t\t\t\tfalse: null,\n\t\t\t\ttrue: 'mt-2',\n\t\t\t},\n\t\t},\n\t\tcompoundVariants: [\n\t\t\t{\n\t\t\t\tdisabled: false,\n\t\t\t\tfocused: false,\n\t\t\t\terror: false,\n\t\t\t\tclass: 'text-storm-300',\n\t\t\t},\n\n\t\t\t{\n\t\t\t\tdisabled: false,\n\t\t\t\tfocused: true,\n\t\t\t\terror: false,\n\t\t\t\tclass: 'text-storm-500',\n\t\t\t},\n\n\t\t\t{\n\t\t\t\tdisabled: false,\n\t\t\t\tfocused: false,\n\t\t\t\terror: true,\n\t\t\t\tclass: 'text-negative-red',\n\t\t\t},\n\n\t\t\t{\n\t\t\t\tdisabled: false,\n\t\t\t\tfocused: true,\n\t\t\t\terror: true,\n\t\t\t\tclass: 'text-negative-red-800',\n\t\t\t},\n\t\t],\n\t}\n);\n\n@Component({\n\ttag: 'p-field',\n\tstyleUrl: './field.component.css',\n\tshadow: true,\n\tformAssociated: true,\n})\nexport class Field {\n\t/*\n\t The alignment of the container\n\t /\n\t@Prop() align: 'start' \| 'end' = 'start';\n\n\t/\n\t The variant of the field\n\t /\n\t@Prop() variant: 'read' \| 'write' = 'write';\n\n\t/\n\t The id of the field\n\t /\n\t@Prop() id: string;\n\n\t/\n\t The size of the field\n\t /\n\t@Prop() size: 'sm' \| 'base' = 'base';\n\n\t/\n\t The type of the field\n\t /\n\t@Prop() type: HTMLInputTypeAttribute \| 'textarea' \| 'slot' = 'text';\n\n\t/\n\t The size of the field\n\t /\n\t@Prop() properties: any \| string = {};\n\n\t/\n\t The prefix of the field\n\t /\n\t@Prop() prefix: string;\n\n\t/\n\t The suffix of the field\n\t /\n\t@Prop() suffix: string;\n\n\t/\n\t Icon of the field\n\t /\n\t@Prop() icon: IconVariant;\n\n\t/\n\t Icon flip /\n\t@Prop() iconFlip: IconFlipOptions;\n\n\t/\n\t Icon rotate\n\t /\n\t@Prop() iconRotate: RotateOptions;\n\n\t/\n\t Icon position\n\t /\n\t@Prop() iconPosition: 'start' \| 'end' = 'start';\n\n\t/\n\t The value of the input\n\t /\n\t@Prop() value: string \| number;\n\n\t/\n\t The label of the field\n\t /\n\t@Prop() label: string;\n\n\t/\n\t Wether the field is in loading state\n\t /\n\t@Prop() loading: boolean = false;\n\n\t/\n\t The placeholder of the input\n\t /\n\t@Prop() placeholder: string;\n\n\t/\n\t The helper of the field\n\t /\n\t@Prop() helper: string;\n\n\t/\n\t Wether the field is required\n\t /\n\t@Prop({ reflect: true }) required: boolean = true;\n\n\t/\n\t Wether to show optional when not required\n\t /\n\t@Prop({ reflect: true }) showOptional: boolean = true;\n\n\t/\n\t Wether to show an add button when empty\n\t /\n\t@Prop({ reflect: true }) showAddOnEmpty: boolean = false;\n\n\t/\n\t The text to show on the add button\n\t /\n\t@Prop({ reflect: true }) addText: string = 'Add';\n\n\t/\n\t Wether to autofocus the field\n\t /\n\t@Prop({ reflect: true }) autofocus: boolean = false;\n\n\t/\n\t The error to display\n\t /\n\t@Prop({ reflect: true }) error: string;\n\n\t/\n\t The placement of the error popover\n\t /\n\t@Prop() errorPlacement: Placement;\n\n\t/\n\t Wether the field is disabled\n\t /\n\t@Prop({ reflect: true }) disabled: boolean = false;\n\n\t/\n\t Wether the field is focused\n\t /\n\t@Prop({ reflect: true }) focused: boolean = false;\n\n\t/\n\t Force show the error tooltip\n\t /\n\t@Prop({ reflect: true }) forceShowTooltip: boolean = false;\n\n\t/\n\t Wether to select all text on focus\n\t /\n\t@Prop({ reflect: true }) selectAllOnFocus: boolean = true;\n\n\t/\n\t The method to use when focusing the input\n\t /\n\t@Prop() focusMethod: 'focus' \| 'click' = 'focus';\n\n\t/\n\t The template for the optional text\n\t /\n\t@Prop() optionalTemplate: templateFunc;\n\n\t/\n\t Event whenever the value changes\n\t /\n\t@Event({ bubbles: false }) valueChange: EventEmitter<string \| number>;\n\n\t/\n\t Event whenever the input ref changes\n\t /\n\t@Event() inputRefChange: EventEmitter<HTMLInputElement \| HTMLTextAreaElement>;\n\n\t/\n\t Event whenever the value changes\n\t /\n\t@Event({ bubbles: false }) add: EventEmitter<void>;\n\n\t/\n\t The host element\n\t */\n\t@Element() private _el: HTMLElement;\n\n\t@State() private _focused = false;\n\t@State() private _nonce = nonce(5);\n\n\t@AttachInternals() _internals: ElementInternals;\n\n\tprivate _inputRef: HTMLInputElement \| HTMLTextAreaElement;\n\tprivate _lastValue: string \| number \| null;\n\n\tcomponentDidLoad() {\n\t\tthis._checkAutoFocus();\n\t}\n\n\tformResetCallback() {\n\t\tthis.value = null;\n\t\tthis.valueChange.emit(null);\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 {\n\t\t\tid,\n\t\t\tprefix,\n\t\t\tsuffix,\n\t\t\thasHeaderSlot,\n\t\t\thasLabelSlot,\n\t\t\thasHelperSlot,\n\t\t\thasErrorSlot,\n\t\t\thasValueSlot,\n\t\t} = this._getSlotInfo();\n\n\t\treturn (\n\t\t\t<p-field-container\n\t\t\t\tforceShowTooltip={\n\t\t\t\t\tthis.forceShowTooltip \|\| this._focused \|\| !!this.error?.length\n\t\t\t\t}\n\t\t\t\tid={id}\n\t\t\t\tlabel={this.label}\n\t\t\t\talign={this.align}\n\t\t\t\tloading={this.loading}\n\t\t\t\tloadingSize={this.size}\n\t\t\t\thelper={this.helper}\n\t\t\t\terror={this.error}\n\t\t\t\trequired={this.required}\n\t\t\t\tshowOptional={this.showOptional}\n\t\t\t\tvariant={this.variant}\n\t\t\t>\n\t\t\t\t{hasLabelSlot && (\n\t\t\t\t\t<slot\n\t\t\t\t\t\tname='label'\n\t\t\t\t\t\tslot='label'\n\t\t\t\t\t/>\n\t\t\t\t)}\n\n\t\t\t\t{hasHeaderSlot && (\n\t\t\t\t\t<slot\n\t\t\t\t\t\tname='header'\n\t\t\t\t\t\tslot='header'\n\t\t\t\t\t/>\n\t\t\t\t)}\n\n\t\t\t\t{hasHelperSlot && (\n\t\t\t\t\t<slot\n\t\t\t\t\t\tname='helper'\n\t\t\t\t\t\tslot='helper'\n\t\t\t\t\t/>\n\t\t\t\t)}\n\n\t\t\t\t{hasErrorSlot && (\n\t\t\t\t\t<slot\n\t\t\t\t\t\tname='error'\n\t\t\t\t\t\tslot='error'\n\t\t\t\t\t/>\n\t\t\t\t)}\n\n\t\t\t\t<div\n\t\t\t\t\tclass={field({\n\t\t\t\t\t\terror: !!this.error?.length,\n\t\t\t\t\t\tdisabled: asBoolean(this.disabled),\n\t\t\t\t\t\tfocused: asBoolean(this.focused) \|\| this._focused,\n\t\t\t\t\t\tsize: this.size,\n\t\t\t\t\t\tvariant: this.variant,\n\t\t\t\t\t\tisTextarea: this.type === 'textarea',\n\t\t\t\t\t})}\n\t\t\t\t\ttitle={\n\t\t\t\t\t\tthis.variant === 'read' && !hasValueSlot\n\t\t\t\t\t\t\t? `${this.value}`\n\t\t\t\t\t\t\t: undefined\n\t\t\t\t\t}\n\t\t\t\t\tslot='content'\n\t\t\t\t>\n\t\t\t\t\t{(this.error?.length \|\|\n\t\t\t\t\t\tprefix \|\|\n\t\t\t\t\t\t(this.icon && this.iconPosition === 'start')) && (\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tclass={prefixAndSuffix({\n\t\t\t\t\t\t\t\tvariant: this.variant,\n\t\t\t\t\t\t\t\terror: !!this.error?.length,\n\t\t\t\t\t\t\t\tdisabled: asBoolean(this.disabled),\n\t\t\t\t\t\t\t\tfocused: asBoolean(this.focused) \|\| this._focused,\n\t\t\t\t\t\t\t\tisText: typeof suffix === 'string',\n\t\t\t\t\t\t\t\tisTextarea: this.type === 'textarea',\n\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\tonClick={() => this._focusInput()}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{(this.icon && this.iconPosition === 'start') \|\|\n\t\t\t\t\t\t\tthis.error?.length ? (\n\t\t\t\t\t\t\t\t<p-icon\n\t\t\t\t\t\t\t\t\tclass={cn('flex', {\n\t\t\t\t\t\t\t\t\t\t'mt-1': this.variant === 'read' && this.size === 'base',\n\t\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t\t\tvariant={this.error?.length ? 'warning' : this.icon}\n\t\t\t\t\t\t\t\t\trotate={this.iconRotate}\n\t\t\t\t\t\t\t\t\tflip={this.iconFlip}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\tprefix\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\n\t\t\t\t\t{this._getContent(hasValueSlot, id)}\n\n\t\t\t\t\t{(suffix \|\| (this.icon && this.iconPosition === 'end')) && (\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tclass={prefixAndSuffix({\n\t\t\t\t\t\t\t\tvariant: this.variant,\n\t\t\t\t\t\t\t\terror: !!this.error?.length,\n\t\t\t\t\t\t\t\tdisabled: asBoolean(this.disabled),\n\t\t\t\t\t\t\t\tfocused: asBoolean(this.focused) \|\| this._focused,\n\t\t\t\t\t\t\t\tisText: typeof suffix === 'string',\n\t\t\t\t\t\t\t\tisTextarea: this.type === 'textarea',\n\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\tonClick={() => this._focusInput()}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{this.icon && this.iconPosition === 'end' ? (\n\t\t\t\t\t\t\t\t<p-icon\n\t\t\t\t\t\t\t\t\tclass={cn('flex', {\n\t\t\t\t\t\t\t\t\t\t'mt-1': this.variant === 'read' && this.size === 'base',\n\t\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t\t\tvariant={this.icon}\n\t\t\t\t\t\t\t\t\trotate={this.iconRotate}\n\t\t\t\t\t\t\t\t\tflip={this.iconFlip}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\tsuffix\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</p-field-container>\n\t\t);\n\t}\n\n\t@Watch('value')\n\twatchvalue(value: string \| null) {\n\t\tif (!this._inputRef) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (value === this._lastValue) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis._lastValue = value;\n\t\tthis._inputRef.value = value;\n\t}\n\n\t@Listen('focusin')\n\thandleFocusIn() {\n\t\tif (this.disabled) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis._focused = true;\n\t\tthis._selectAll();\n\t}\n\n\t@Listen('focusout')\n\thandleFocusOut() {\n\t\tif (this.disabled) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis._focused = false;\n\t}\n\n\t@Listen('keyup', { capture: true })\n\thandleKeyup(ev: KeyboardEvent) {\n\t\tif (this.disabled) {\n\t\t\tev.preventDefault();\n\t\t\treturn;\n\t\t}\n\n\t\tif (!this._internals?.form) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (this.type === 'textarea' \|\| ev.key !== 'Enter') {\n\t\t\treturn;\n\t\t}\n\n\t\tthis._internals.form.requestSubmit();\n\t}\n\n\tprivate _getSlotInfo() {\n\t\tconst hasHelperSlot = !!this._el.querySelector(':scope > [slot=\"helper\"]');\n\t\tconst hasLabelSlot = !!this._el.querySelector(':scope > [slot=\"label\"]');\n\t\tconst hasPrefixSlot = !!this._el.querySelector(':scope > [slot=\"prefix\"]');\n\t\tconst hasSuffixSlot = !!this._el.querySelector(':scope > [slot=\"suffix\"]');\n\t\tconst hasHeaderSlot = !!this._el.querySelector(':scope > [slot=\"header\"]');\n\t\tconst hasErrorSlot = !!this._el.querySelector(':scope > [slot=\"error\"]');\n\t\tconst hasValueSlot = !!this._el.querySelector(':scope > [slot=\"value\"]');\n\n\t\tconst prefix = hasPrefixSlot ? <slot name='prefix' /> : this.prefix;\n\t\tconst suffix = hasSuffixSlot ? <slot name='suffix' /> : this.suffix;\n\n\t\tconst errorAndErrorIsNotBoolean =\n\t\t\tthis.error && typeof this.error === 'string' && this.error !== 'true';\n\n\t\tconst id = this.id?.length ? this.id : this._nonce;\n\n\t\treturn {\n\t\t\tid,\n\t\t\thasHelperSlot,\n\t\t\thasLabelSlot,\n\t\t\thasPrefixSlot,\n\t\t\thasSuffixSlot,\n\t\t\thasHeaderSlot,\n\t\t\thasErrorSlot,\n\t\t\thasValueSlot,\n\t\t\tprefix,\n\t\t\tsuffix,\n\t\t\terrorAndErrorIsNotBoolean,\n\t\t};\n\t}\n\n\tprivate _getContent(hasValueSlot = false, id: string) {\n\t\tif (this.variant === 'read') {\n\t\t\treturn hasValueSlot ? (\n\t\t\t\t<slot name='value' />\n\t\t\t) : !!this.value && `${this.value}`.length > 0 ? (\n\t\t\t\tthis.value\n\t\t\t) : this.showAddOnEmpty ? (\n\t\t\t\t<p-button\n\t\t\t\t\tvariant='text'\n\t\t\t\t\ticon='plus'\n\t\t\t\t\tsize='sm'\n\t\t\t\t\tonClick={() => this.add.emit()}\n\t\t\t\t>\n\t\t\t\t\t{this.addText}\n\t\t\t\t</p-button>\n\t\t\t) : (\n\t\t\t\t'—'\n\t\t\t);\n\t\t}\n\n\t\tif (this.type === 'slot') {\n\t\t\treturn <slot name='input' />;\n\t\t}\n\n\t\tconst props = {\n\t\t\tid,\n\t\t\tclass: input({\n\t\t\t\tdisabled: asBoolean(this.disabled),\n\t\t\t\tisTextarea: this.type === 'textarea',\n\t\t\t}),\n\t\t\tvalue: this.value,\n\t\t\tplaceholder: this.placeholder,\n\t\t\tdisabled: this.disabled,\n\t\t\tonInput: (ev: InputEvent) => this._valueChange(ev),\n\t\t};\n\n\t\tlet properties = this.properties ?? {};\n\t\tif (typeof properties === 'string') {\n\t\t\tproperties = JSON.parse(this.properties);\n\t\t}\n\n\t\tif (this.type === 'textarea') {\n\t\t\treturn (\n\t\t\t\t<textarea\n\t\t\t\t\tref={ref => this._setInputRef(ref)}\n\t\t\t\t\t{...props}\n\t\t\t\t\t{...properties}\n\t\t\t\t/>\n\t\t\t);\n\t\t}\n\n\t\treturn (\n\t\t\t<input\n\t\t\t\ttype={this.type}\n\t\t\t\tref={ref => this._setInputRef(ref)}\n\t\t\t\t{...props}\n\t\t\t\t{...properties}\n\t\t\t/>\n\t\t);\n\t}\n\n\tprivate _setInputRef(ref: HTMLInputElement \| HTMLTextAreaElement) {\n\t\tthis._inputRef = ref;\n\t\tthis.inputRefChange.emit(ref);\n\t}\n\n\tprivate _focusInput() {\n\t\tif (this._inputRef) {\n\t\t\tthis._inputRef.focus();\n\t\t\treturn;\n\t\t}\n\n\t\tconst input = this._el.querySelector(':scope > [slot=\"input\"]');\n\t\t(input as HTMLElement)[this.focusMethod]();\n\t}\n\n\tprivate _selectAll() {\n\t\tif (!this._inputRef \|\| !this.selectAllOnFocus) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis._inputRef.select();\n\t}\n\n\tprivate _valueChange(ev) {\n\t\tev.stopPropagation();\n\t\tconst target = (ev.originalTarget ?? ev.target) as\n\t\t\t\| HTMLTextAreaElement\n\t\t\t\| HTMLInputElement;\n\t\tconst value =\n\t\t\tthis.type === 'number' ? parseFloat(target.value) : target.value;\n\t\tthis._lastValue = value;\n\t\tthis.value = value;\n\t\tthis.valueChange.emit(value);\n\t\tthis._internals.setFormValue(target.value);\n\t}\n\n\tprivate _checkAutoFocus() {\n\t\tif (!this.autofocus) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (!this._inputRef) {\n\t\t\tsetTimeout(() => this._checkAutoFocus(), 100);\n\t\t\treturn;\n\t\t}\n\n\t\tthis._focusInput();\n\t}\n}\n"]}

package/dist/collection/components/molecules/navigation/item/navigation-item.component.css CHANGED Viewed

	@@ -1 +1 @@
1	- *{box-sizing:border-box}.static{position:static!important}.ml-auto{margin-left:auto!important}.inline-block{display:inline-block!important}.flex{display:flex!important}.aspect-branding{aspect-ratio:23/24!important}.h-6{height:1.5rem!important}.h-8{height:2rem!important}.w-\[inherit\]{width:inherit!important}.cursor-pointer{cursor:pointer!important}.items-center{align-items:center!important}.justify-center{justify-content:center!important}.gap-2{gap:.5rem!important}.rounded-full{border-radius:9999px!important}.rounded-lg{border-radius:.5rem!important}.bg-indigo{--tw-bg-opacity:1!important;background-color:rgb(142 179 251/var(--tw-bg-opacity,1))!important}.bg-off-white-600{--tw-bg-opacity:1!important;background-color:rgb(236 234 229/var(--tw-bg-opacity,1))!important}.px-2{padding-left:.5rem!important;padding-right:.5rem!important}.py-1{padding-bottom:.25rem!important;padding-top:.25rem!important}.pl-1{padding-left:.25rem!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.font-medium{font-weight:500!important}.font-semibold{font-weight:600!important}.text-storm{color:rgb(24 30 41/var(--tw-text-opacity,1))!important}.text-storm~~,.text~~-~~storm-400~~{--tw-text-opacity:1!important~~}.text-storm-400{~~color:rgb(70 75 84/var(--tw-text-opacity,1))!important}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:85.375rem){.container{max-width:85.375rem}}@media (min-width:90rem){.container{max-width:90rem}}@media (min-width:96rem){.container{max-width:96rem}}@media (min-width:105rem){.container{max-width:105rem}}@media (min-width:120rem){.container{max-width:120rem}}@media (min-width:160rem){.container{max-width:160rem}}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.hover\:bg-off-white:hover{--tw-bg-opacity:1!important;background-color:rgb(243 241 237/var(--tw-bg-opacity,1))!important}.hover\:text-storm-500:hover{--tw-text-opacity:1!important;color:rgb(24 30 41/var(--tw-text-opacity,1))!important}
1	+ *{box-sizing:border-box}.static{position:static!important}.ml-auto{margin-left:auto!important}.inline-block{display:inline-block!important}.flex{display:flex!important}.aspect-branding{aspect-ratio:23/24!important}.h-6{height:1.5rem!important}.h-8{height:2rem!important}.w-\[inherit\]{width:inherit!important}.cursor-pointer{cursor:pointer!important}.items-center{align-items:center!important}.justify-center{justify-content:center!important}.gap-2{gap:.5rem!important}.rounded-full{border-radius:9999px!important}.rounded-lg{border-radius:.5rem!important}.bg-indigo-500{--tw-bg-opacity:1!important;background-color:rgb(142 179 251/var(--tw-bg-opacity,1))!important}.bg-off-white-600{--tw-bg-opacity:1!important;background-color:rgb(236 234 229/var(--tw-bg-opacity,1))!important}.px-2{padding-left:.5rem!important;padding-right:.5rem!important}.py-1{padding-bottom:.25rem!important;padding-top:.25rem!important}.pl-1{padding-left:.25rem!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.font-medium{font-weight:500!important}.font-semibold{font-weight:600!important}.text-storm-400{--tw-text-opacity:1!important;color:rgb(70 75 84/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}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:85.375rem){.container{max-width:85.375rem}}@media (min-width:90rem){.container{max-width:90rem}}@media (min-width:96rem){.container{max-width:96rem}}@media (min-width:105rem){.container{max-width:105rem}}@media (min-width:120rem){.container{max-width:120rem}}@media (min-width:160rem){.container{max-width:160rem}}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.hover\:bg-off-white:hover{--tw-bg-opacity:1!important;background-color:rgb(243 241 237/var(--tw-bg-opacity,1))!important}.hover\:text-storm-500:hover{--tw-text-opacity:1!important;color:rgb(24 30 41/var(--tw-text-opacity,1))!important}

package/dist/collection/components/molecules/navigation/item/navigation-item.component.js CHANGED Viewed

@@ -14,7 +14,7 @@ const navigationItem = cva([
     variants: {
         active: {
             false: ['text-storm-400', 'hover:bg-off-white'],
-            true: ['bg-off-white-600 text-storm font-semibold'],
+            true: ['bg-off-white-600 text-storm-500 font-semibold'],
         },
         icon: {
             false: false,
@@ -26,7 +26,7 @@ const navigationItemIconContainer = cva(['flex h-6 aspect-branding items-center
     variants: {
         active: {
             false: false,
-            true: ['bg-indigo'],
+            true: ['bg-indigo-500'],
         },
     },
 });
@@ -66,10 +66,10 @@ export class NavigationItem {
     render() {
         const TagType = this.as;
         const active = asBoolean(this.active) || this.class?.includes('active');
-        return (h(Host, { key: 'a900fed1ae7d0e0788f7a6c2b6aefbb69cd45c36', class: cn('p-navigation-item inline-block', this.class) }, h(TagType, { key: '9ca1a31fa6990b380e5989a6cf2a1faed3effe3d', class: navigationItem({
+        return (h(Host, { key: 'eae89f204a781afe0afa11455d4e79c06bba7f41', class: cn('p-navigation-item inline-block', this.class) }, h(TagType, { key: '21d95caca912be3c53749202853bf45fc8e437f2', class: navigationItem({
                 icon: !!this.icon,
                 active,
-            }), href: this.href, target: this.target }, h("div", { key: 'c1b1a5b63c23e9c878ccd5676dcfbf34b4ec3d35', class: navigationItemIconContainer({ active }) }, h("p-icon", { key: 'e52e530836868fdb1e33231d5bafaf85949c288f', variant: this.icon })), h("span", { key: '01e32c58dc0e57c8792df9f9a83d15b0c68a749f', class: this.counter && 'has-counter' }, h("slot", { key: '32ca40f115c4679ba153aa083f627b3833663435' })), !!this.counter && this.counter !== '0' && (h("p-badge", { key: '191ec7c22f6ccd1458864a77ae75b4a8bcaf8f41' }, this.counter)), !!this.loading && h("p-loader", { key: '1514bc7f1fa01ce3e5b25ba9e560f674b0e5d4d5', class: 'ml-auto' }))));
+            }), href: this.href, target: this.target }, h("div", { key: '116ee0d468abc244f9519af1aedb5ac10d91b2e9', class: navigationItemIconContainer({ active }) }, h("p-icon", { key: '8c46876d4043d011b7af150d5db4580119d1d0b8', variant: this.icon })), h("span", { key: '49ac0828c76dfcbb485a4b1e4d3e1dcd8076b5ad', class: this.counter && 'has-counter' }, h("slot", { key: '139fdeacc5e78964691653a8835372657da8019c' })), !!this.counter && this.counter !== '0' && (h("p-badge", { key: '02248c8d2a75b31704f5d322a159c07dd6a0cafb' }, this.counter)), !!this.loading && h("p-loader", { key: 'afa957bf530dc699818f4bd4d4173b8832ddaddf', class: 'ml-auto' }))));
     }
     static get is() { return "p-navigation-item"; }
     static get originalStyleUrls() {

package/dist/collection/components/molecules/navigation/item/navigation-item.component.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"navigation-item.component.js","sourceRoot":"","sources":["../../../../../src/components/molecules/navigation/item/navigation-item.component.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AACzD,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAE/C,OAAO,EAAE,EAAE,EAAE,MAAM,sBAAsB,CAAC;AAC1C,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AAEzD,MAAM,cAAc,GAAG,GAAG,CACzB;IACC,iBAAiB;IACjB,yBAAyB;IACzB,sBAAsB;IACtB,YAAY;IACZ,WAAW;IACX,qBAAqB;IACrB,gBAAgB;CAChB,EACD;IACC,QAAQ,EAAE;QACT,MAAM,EAAE;YACP,KAAK,EAAE,CAAC,gBAAgB,EAAE,oBAAoB,CAAC;YAC/C,IAAI,EAAE,CAAC,~~2CAA2C,~~CAAC;~~SACnD~~;QACD,IAAI,EAAE;YACL,KAAK,EAAE,KAAK;YACZ,IAAI,EAAE,CAAC,MAAM,CAAC;SACd;KACD;CACD,CACD,CAAC;AAEF,MAAM,2BAA2B,GAAG,GAAG,CACtC,CAAC,mEAAmE,CAAC,EACrE;IACC,QAAQ,EAAE;QACT,MAAM,EAAE;YACP,KAAK,EAAE,KAAK;YACZ,IAAI,EAAE,CAAC,~~WAAW~~,CAAC;~~SACnB~~;KACD;CACD,CACD,CAAC;AAOF,MAAM,OAAO,cAAc;IAC1B;;OAEG;IACK,IAAI,CAAe;IAE3B;;OAEG;IACK,MAAM,GAAY,KAAK,CAAC;IAEhC;;OAEG;IACK,OAAO,GAAY,KAAK,CAAC;IAEjC;;OAEG;IACK,EAAE,GAAW,GAAG,CAAC;IAEzB;;OAEG;IACK,OAAO,CAAkB;IAEjC;;OAEG;IACK,IAAI,CAAS;IAErB;;OAEG;IACK,MAAM,CAAS;IAEvB;;OAEG;IACK,KAAK,CAAS;IAEtB,MAAM;QACL,MAAM,OAAO,GAAG,IAAI,CAAC,EAAE,CAAC;QAExB,MAAM,MAAM,GAAG,SAAS,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,IAAI,CAAC,KAAK,EAAE,QAAQ,CAAC,QAAQ,CAAC,CAAC;QAExE,OAAO,CACN,EAAC,IAAI,qDAAC,KAAK,EAAE,EAAE,CAAC,gCAAgC,EAAE,IAAI,CAAC,KAAK,CAAC;YAC5D,EAAC,OAAO,qDACP,KAAK,EAAE,cAAc,CAAC;oBACrB,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,IAAI;oBACjB,MAAM;iBACN,CAAC,EACF,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,MAAM,EAAE,IAAI,CAAC,MAAM;gBAEnB,4DAAK,KAAK,EAAE,2BAA2B,CAAC,EAAE,MAAM,EAAE,CAAC;oBAClD,+DAAQ,OAAO,EAAE,IAAI,CAAC,IAAI,GAAI,CACzB;gBAEN,6DAAM,KAAK,EAAE,IAAI,CAAC,OAAO,IAAI,aAAa;oBACzC,8DAAQ,CACF;gBAEN,CAAC,CAAC,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,OAAO,KAAK,GAAG,IAAI,CAC1C,kEAAU,IAAI,CAAC,OAAO,CAAW,CACjC;gBAEA,CAAC,CAAC,IAAI,CAAC,OAAO,IAAI,iEAAU,KAAK,EAAC,SAAS,GAAG,CACtC,CACJ,CACP,CAAC;IACH,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACD","sourcesContent":["import { Component, h, Host, Prop } from '@stencil/core';\nimport { cva } from 'class-variance-authority';\nimport { IconVariant } from '../../../atoms/icon/icon.component';\nimport { cn } from '../../../../utils/cn';\nimport { asBoolean } from '../../../../utils/as-boolean';\n\nconst navigationItem = cva(\n\t[\n\t\t'h-8 w-[inherit]',\n\t\t'flex items-center gap-2',\n\t\t'hover:text-storm-500',\n\t\t'rounded-lg',\n\t\t'py-1 px-2',\n\t\t'text-sm font-medium',\n\t\t'cursor-pointer',\n\t],\n\t{\n\t\tvariants: {\n\t\t\tactive: {\n\t\t\t\tfalse: ['text-storm-400', 'hover:bg-off-white'],\n\t\t\t\ttrue: ['bg-off-white-600 text-storm font-semibold'],\n\t\t\t},\n\t\t\ticon: {\n\t\t\t\tfalse: false,\n\t\t\t\ttrue: ['pl-1'],\n\t\t\t},\n\t\t},\n\t}\n);\n\nconst navigationItemIconContainer = cva(\n\t['flex h-6 aspect-branding items-center justify-center rounded-full'],\n\t{\n\t\tvariants: {\n\t\t\tactive: {\n\t\t\t\tfalse: false,\n\t\t\t\ttrue: ['bg-indigo'],\n\t\t\t},\n\t\t},\n\t}\n);\n\n@Component({\n\ttag: 'p-navigation-item',\n\tstyleUrl: './navigation-item.component.css',\n\tshadow: false,\n})\nexport class NavigationItem {\n\t/*\n\t Icon of the navigation item\n\t /\n\t@Prop() icon!: IconVariant;\n\n\t/\n\t Wether the navigation item is active\n\t /\n\t@Prop() active: boolean = false;\n\n\t/\n\t Wether the navigation item is loading\n\t /\n\t@Prop() loading: boolean = false;\n\n\t/\n\t The element to use for the navigation item\n\t /\n\t@Prop() as: string = 'a';\n\n\t/\n\t Icon of the navigation item\n\t /\n\t@Prop() counter: number \| string;\n\n\t/\n\t The href of the navigation item\n\t /\n\t@Prop() href: string;\n\n\t/\n\t The target of the navigation item\n\t /\n\t@Prop() target: string;\n\n\t/\n\t The class of the container passed by parent\n\t */\n\t@Prop() class: string;\n\n\trender() {\n\t\tconst TagType = this.as;\n\n\t\tconst active = asBoolean(this.active) \|\| this.class?.includes('active');\n\n\t\treturn (\n\t\t\t<Host class={cn('p-navigation-item inline-block', this.class)}>\n\t\t\t\t<TagType\n\t\t\t\t\tclass={navigationItem({\n\t\t\t\t\t\ticon: !!this.icon,\n\t\t\t\t\t\tactive,\n\t\t\t\t\t})}\n\t\t\t\t\thref={this.href}\n\t\t\t\t\ttarget={this.target}\n\t\t\t\t>\n\t\t\t\t\t<div class={navigationItemIconContainer({ active })}>\n\t\t\t\t\t\t<p-icon variant={this.icon} />\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<span class={this.counter && 'has-counter'}>\n\t\t\t\t\t\t<slot />\n\t\t\t\t\t</span>\n\n\t\t\t\t\t{!!this.counter && this.counter !== '0' && (\n\t\t\t\t\t\t<p-badge>{this.counter}</p-badge>\n\t\t\t\t\t)}\n\n\t\t\t\t\t{!!this.loading && <p-loader class='ml-auto' />}\n\t\t\t\t</TagType>\n\t\t\t</Host>\n\t\t);\n\t}\n}\n"]}
1	+ {"version":3,"file":"navigation-item.component.js","sourceRoot":"","sources":["../../../../../src/components/molecules/navigation/item/navigation-item.component.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AACzD,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAE/C,OAAO,EAAE,EAAE,EAAE,MAAM,sBAAsB,CAAC;AAC1C,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AAEzD,MAAM,cAAc,GAAG,GAAG,CACzB;IACC,iBAAiB;IACjB,yBAAyB;IACzB,sBAAsB;IACtB,YAAY;IACZ,WAAW;IACX,qBAAqB;IACrB,gBAAgB;CAChB,EACD;IACC,QAAQ,EAAE;QACT,MAAM,EAAE;YACP,KAAK,EAAE,CAAC,gBAAgB,EAAE,oBAAoB,CAAC;YAC/C,IAAI,EAAE,CAAC,+CAA+C,CAAC;SACvD;QACD,IAAI,EAAE;YACL,KAAK,EAAE,KAAK;YACZ,IAAI,EAAE,CAAC,MAAM,CAAC;SACd;KACD;CACD,CACD,CAAC;AAEF,MAAM,2BAA2B,GAAG,GAAG,CACtC,CAAC,mEAAmE,CAAC,EACrE;IACC,QAAQ,EAAE;QACT,MAAM,EAAE;YACP,KAAK,EAAE,KAAK;YACZ,IAAI,EAAE,CAAC,eAAe,CAAC;SACvB;KACD;CACD,CACD,CAAC;AAOF,MAAM,OAAO,cAAc;IAC1B;;OAEG;IACK,IAAI,CAAe;IAE3B;;OAEG;IACK,MAAM,GAAY,KAAK,CAAC;IAEhC;;OAEG;IACK,OAAO,GAAY,KAAK,CAAC;IAEjC;;OAEG;IACK,EAAE,GAAW,GAAG,CAAC;IAEzB;;OAEG;IACK,OAAO,CAAkB;IAEjC;;OAEG;IACK,IAAI,CAAS;IAErB;;OAEG;IACK,MAAM,CAAS;IAEvB;;OAEG;IACK,KAAK,CAAS;IAEtB,MAAM;QACL,MAAM,OAAO,GAAG,IAAI,CAAC,EAAE,CAAC;QAExB,MAAM,MAAM,GAAG,SAAS,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,IAAI,CAAC,KAAK,EAAE,QAAQ,CAAC,QAAQ,CAAC,CAAC;QAExE,OAAO,CACN,EAAC,IAAI,qDAAC,KAAK,EAAE,EAAE,CAAC,gCAAgC,EAAE,IAAI,CAAC,KAAK,CAAC;YAC5D,EAAC,OAAO,qDACP,KAAK,EAAE,cAAc,CAAC;oBACrB,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,IAAI;oBACjB,MAAM;iBACN,CAAC,EACF,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,MAAM,EAAE,IAAI,CAAC,MAAM;gBAEnB,4DAAK,KAAK,EAAE,2BAA2B,CAAC,EAAE,MAAM,EAAE,CAAC;oBAClD,+DAAQ,OAAO,EAAE,IAAI,CAAC,IAAI,GAAI,CACzB;gBAEN,6DAAM,KAAK,EAAE,IAAI,CAAC,OAAO,IAAI,aAAa;oBACzC,8DAAQ,CACF;gBAEN,CAAC,CAAC,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,OAAO,KAAK,GAAG,IAAI,CAC1C,kEAAU,IAAI,CAAC,OAAO,CAAW,CACjC;gBAEA,CAAC,CAAC,IAAI,CAAC,OAAO,IAAI,iEAAU,KAAK,EAAC,SAAS,GAAG,CACtC,CACJ,CACP,CAAC;IACH,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACD","sourcesContent":["import { Component, h, Host, Prop } from '@stencil/core';\nimport { cva } from 'class-variance-authority';\nimport { IconVariant } from '../../../atoms/icon/icon.component';\nimport { cn } from '../../../../utils/cn';\nimport { asBoolean } from '../../../../utils/as-boolean';\n\nconst navigationItem = cva(\n\t[\n\t\t'h-8 w-[inherit]',\n\t\t'flex items-center gap-2',\n\t\t'hover:text-storm-500',\n\t\t'rounded-lg',\n\t\t'py-1 px-2',\n\t\t'text-sm font-medium',\n\t\t'cursor-pointer',\n\t],\n\t{\n\t\tvariants: {\n\t\t\tactive: {\n\t\t\t\tfalse: ['text-storm-400', 'hover:bg-off-white'],\n\t\t\t\ttrue: ['bg-off-white-600 text-storm-500 font-semibold'],\n\t\t\t},\n\t\t\ticon: {\n\t\t\t\tfalse: false,\n\t\t\t\ttrue: ['pl-1'],\n\t\t\t},\n\t\t},\n\t}\n);\n\nconst navigationItemIconContainer = cva(\n\t['flex h-6 aspect-branding items-center justify-center rounded-full'],\n\t{\n\t\tvariants: {\n\t\t\tactive: {\n\t\t\t\tfalse: false,\n\t\t\t\ttrue: ['bg-indigo-500'],\n\t\t\t},\n\t\t},\n\t}\n);\n\n@Component({\n\ttag: 'p-navigation-item',\n\tstyleUrl: './navigation-item.component.css',\n\tshadow: false,\n})\nexport class NavigationItem {\n\t/*\n\t Icon of the navigation item\n\t /\n\t@Prop() icon!: IconVariant;\n\n\t/\n\t Wether the navigation item is active\n\t /\n\t@Prop() active: boolean = false;\n\n\t/\n\t Wether the navigation item is loading\n\t /\n\t@Prop() loading: boolean = false;\n\n\t/\n\t The element to use for the navigation item\n\t /\n\t@Prop() as: string = 'a';\n\n\t/\n\t Icon of the navigation item\n\t /\n\t@Prop() counter: number \| string;\n\n\t/\n\t The href of the navigation item\n\t /\n\t@Prop() href: string;\n\n\t/\n\t The target of the navigation item\n\t /\n\t@Prop() target: string;\n\n\t/\n\t The class of the container passed by parent\n\t */\n\t@Prop() class: string;\n\n\trender() {\n\t\tconst TagType = this.as;\n\n\t\tconst active = asBoolean(this.active) \|\| this.class?.includes('active');\n\n\t\treturn (\n\t\t\t<Host class={cn('p-navigation-item inline-block', this.class)}>\n\t\t\t\t<TagType\n\t\t\t\t\tclass={navigationItem({\n\t\t\t\t\t\ticon: !!this.icon,\n\t\t\t\t\t\tactive,\n\t\t\t\t\t})}\n\t\t\t\t\thref={this.href}\n\t\t\t\t\ttarget={this.target}\n\t\t\t\t>\n\t\t\t\t\t<div class={navigationItemIconContainer({ active })}>\n\t\t\t\t\t\t<p-icon variant={this.icon} />\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<span class={this.counter && 'has-counter'}>\n\t\t\t\t\t\t<slot />\n\t\t\t\t\t</span>\n\n\t\t\t\t\t{!!this.counter && this.counter !== '0' && (\n\t\t\t\t\t\t<p-badge>{this.counter}</p-badge>\n\t\t\t\t\t)}\n\n\t\t\t\t\t{!!this.loading && <p-loader class='ml-auto' />}\n\t\t\t\t</TagType>\n\t\t\t</Host>\n\t\t);\n\t}\n}\n"]}

package/dist/collection/components/molecules/pagination/size/pagination-size.component.css CHANGED Viewed

	@@ -1 +1 @@
1	- *{box-sizing:border-box}.static{position:static!important}.flex{display:flex!important}.hidden{display:none!important}.h-6{height:1.5rem!important}.min-w-0{min-width:0!important}.flex-1{flex:1 1 0%!important}.flex-shrink-0{flex-shrink:0!important}.cursor-pointer{cursor:pointer!important}.items-center{align-items:center!important}.gap-2{gap:.5rem!important}.overflow-hidden{overflow:hidden!important}.text-ellipsis{text-overflow:ellipsis!important}.text-nowrap{text-wrap:nowrap!important}.rounded-full{border-radius:9999px!important}.border{border-width:1px!important}.border-solid{border-style:solid!important}.border-indigo-600{--tw-border-opacity:1!important;border-color:rgb(82 138 250/var(--tw-border-opacity,1))!important}.border-transparent{border-color:transparent!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}.px-2{padding-left:.5rem!important;padding-right:.5rem!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.font-medium{font-weight:500!important}.text-storm{--tw-text-opacity:1!important;color:rgb(24 30 41/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}.ring{--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(3px + var(--tw-ring-offset-width)) var(--tw-ring-color)!important}.ring,.ring-2{box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)!important}.ring-2{--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}.ring-indigo-100{--tw-ring-opacity:1!important;--tw-ring-color:rgb(227 236 254/var(--tw-ring-opacity,1))!important}.hover\:bg-white-600:hover{--tw-bg-opacity:1!important;background-color:rgb(250 250 250/var(--tw-bg-opacity,1))!important}
1	+ *{box-sizing:border-box}.static{position:static!important}.flex{display:flex!important}.hidden{display:none!important}.h-6{height:1.5rem!important}.min-w-0{min-width:0!important}.flex-1{flex:1 1 0%!important}.flex-shrink-0{flex-shrink:0!important}.cursor-pointer{cursor:pointer!important}.items-center{align-items:center!important}.gap-2{gap:.5rem!important}.overflow-hidden{overflow:hidden!important}.text-ellipsis{text-overflow:ellipsis!important}.text-nowrap{text-wrap:nowrap!important}.rounded-full{border-radius:9999px!important}.border{border-width:1px!important}.border-solid{border-style:solid!important}.border-indigo-600{--tw-border-opacity:1!important;border-color:rgb(82 138 250/var(--tw-border-opacity,1))!important}.border-transparent{border-color:transparent!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}.px-2{padding-left:.5rem!important;padding-right:.5rem!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.font-medium{font-weight:500!important}.text-storm-500{--tw-text-opacity:1!important;color:rgb(24 30 41/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}.ring{--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(3px + var(--tw-ring-offset-width)) var(--tw-ring-color)!important}.ring,.ring-2{box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)!important}.ring-2{--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}.ring-indigo-100{--tw-ring-opacity:1!important;--tw-ring-color:rgb(227 236 254/var(--tw-ring-opacity,1))!important}.hover\:bg-white-600:hover{--tw-bg-opacity:1!important;background-color:rgb(250 250 250/var(--tw-bg-opacity,1))!important}

package/dist/collection/components/molecules/pagination/size/pagination-size.component.js CHANGED Viewed

@@ -14,7 +14,7 @@ const paginationSize = cva('p-pagination-size', {
 const trigger = cva([
     'flex items-center gap-2',
     'px-2 h-6',
-    'text-sm text-storm font-medium ',
+    'text-sm text-storm-500 font-medium ',
     'cursor-pointer rounded-full',
     'shadow-1 border border-solid',
 ], {
@@ -63,11 +63,11 @@ export class PaginationSize {
         this._setLocales();
     }
     render() {
-        return (h(Host, { key: '67be20bf5f7be1f494886af42be216342d1fefc1', class: paginationSize({ hidden: asBoolean(this.hidden) }) }, h("p-dropdown", { key: '198fcbae8e34c3ed46a6bca97a057e8bbccc5a20', applyFullWidth: true, applyMaxWidth: false, placement: 'top-start', chevronDirection: 'down', onIsOpen: ({ detail }) => (this.dropdownIsOpen = detail) }, h("div", { key: '0e12e957c51386ecb435c273bb03a9cfaa34a3fa', class: trigger({
+        return (h(Host, { key: 'c9eabcc4b47bf746ae2f2f912fedb37758aaa780', class: paginationSize({ hidden: asBoolean(this.hidden) }) }, h("p-dropdown", { key: 'cf25e3369ed9ab1edd2d560e5d3790d678f4b381', applyFullWidth: true, applyMaxWidth: false, placement: 'top-start', chevronDirection: 'down', onIsOpen: ({ detail }) => (this.dropdownIsOpen = detail) }, h("div", { key: '26720ea3755a12289cf0b88e641cebd1c12c6290', class: trigger({
                 active: this.dropdownIsOpen,
-            }), slot: 'trigger' }, h("p", { key: '1d970e3fd00db14f2c988813a3e4f32b125d00ef', class: 'min-w-0 flex-1 overflow-hidden text-ellipsis text-nowrap' }, this.itemTemplate
+            }), slot: 'trigger' }, h("p", { key: '869c985ccff947659dd4cb102211367addc11fc1', class: 'min-w-0 flex-1 overflow-hidden text-ellipsis text-nowrap' }, this.itemTemplate
             ? this.itemTemplate(this.size)
-            : this._defaultItemTemplate(this.size)), h("p-icon", { key: 'f39ef5095c0625897afc26101ee6265a3a64a8d5', class: 'flex-shrink-0', variant: 'double-caret', size: 'sm' })), h("slot", { key: '29bb69a688028abcc0921542c75f50d91f775571', slot: 'items' }, this.sizeOptions.map(option => (h("p-dropdown-menu-item", { active: option === this.size, onClick: () => this._changeSize(option) }, this.itemTemplate
+            : this._defaultItemTemplate(this.size)), h("p-icon", { key: '96ab52df329eeecf633875f4f91cb2092ed93d19', class: 'flex-shrink-0', variant: 'double-caret', size: 'sm' })), h("slot", { key: '69513ba131c601ec9079d932d27d95376e3e5245', slot: 'items' }, this.sizeOptions.map(option => (h("p-dropdown-menu-item", { active: option === this.size, onClick: () => this._changeSize(option) }, this.itemTemplate
             ? this.itemTemplate(option)
             : this._defaultItemTemplate(option))))))));
     }

package/dist/collection/components/molecules/pagination/size/pagination-size.component.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"pagination-size.component.js","sourceRoot":"","sources":["../../../../../src/components/molecules/pagination/size/pagination-size.component.tsx"],"names":[],"mappings":"AAAA,OAAO,EACN,SAAS,EACT,OAAO,EACP,KAAK,EAEL,CAAC,EACD,IAAI,EACJ,MAAM,EACN,IAAI,EACJ,KAAK,GACL,MAAM,eAAe,CAAC;AACvB,OAAO,EACN,iBAAiB,EACjB,yBAAyB,GACzB,MAAM,gCAAgC,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AAC9D,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AAIzD,MAAM,cAAc,GAAG,GAAG,CAAC,mBAAmB,EAAE;IAC/C,QAAQ,EAAE;QACT,MAAM,EAAE;YACP,KAAK,EAAE,IAAI;YACX,IAAI,EAAE,QAAQ;SACd;KACD;CACD,CAAC,CAAC;AAEH,MAAM,OAAO,GAAG,GAAG,CAClB;IACC,yBAAyB;IACzB,UAAU;IACV,~~iCAAiC~~;~~IACjC~~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","sourcesContent":["import {\n\tComponent,\n\tElement,\n\tEvent,\n\tEventEmitter,\n\th,\n\tHost,\n\tListen,\n\tProp,\n\tState,\n} from '@stencil/core';\nimport {\n\tformatTranslation,\n\tgetLocaleComponentStrings,\n} from '../../../../utils/localization';\nimport { defaultSize, defaultSizeOptions } from './constants';\nimport { cva } from 'class-variance-authority';\nimport { asBoolean } from '../../../../utils/as-boolean';\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'flex items-center gap-2',\n\t\t'px-2 h-6',\n\t\t'text-sm text-storm font-medium ',\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: 'bg-white hover:bg-white-600 border-transparent',\n\t\t\t\ttrue: 'bg-white-600 border-indigo-600 ring ring-2 ring-indigo-100',\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<Host 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='flex-shrink-0'\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</Host>\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"]}
1	+ {"version":3,"file":"pagination-size.component.js","sourceRoot":"","sources":["../../../../../src/components/molecules/pagination/size/pagination-size.component.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n\tComponent,\n\tElement,\n\tEvent,\n\tEventEmitter,\n\th,\n\tHost,\n\tListen,\n\tProp,\n\tState,\n} from '@stencil/core';\nimport {\n\tformatTranslation,\n\tgetLocaleComponentStrings,\n} from '../../../../utils/localization';\nimport { defaultSize, defaultSizeOptions } from './constants';\nimport { cva } from 'class-variance-authority';\nimport { asBoolean } from '../../../../utils/as-boolean';\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'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'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: 'bg-white hover:bg-white-600 border-transparent',\n\t\t\t\ttrue: 'bg-white-600 border-indigo-600 ring ring-2 ring-indigo-100',\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<Host 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='flex-shrink-0'\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</Host>\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"]}

package/dist/collection/components/molecules/table/cell/table-cell.component.js CHANGED Viewed

@@ -5,7 +5,7 @@ import { cn } from "../../../../utils/cn";
      With this, we shall hack the system in ways no one would ever have thought.
      <div class="justify-start justify-center justify-end"></div>
-     <div class="font-semibold text-storm text-storm-400 text-storm-300"></div>
+     <div class="font-semibold text-storm-500 text-storm-400 text-storm-300"></div>
      <div class="w-1/12 w-2/12 w-3/12 w-4/12 w-5/12 w-6/12 w-7/12 w-8/12 w-9/12 w-10/12 w-11/12 w-12/12"></div>
      <div class="tablet:w-1/12 tablet:w-2/12 tablet:w-3/12 tablet:w-4/12 tablet:w-5/12 tablet:w-6/12 tablet:w-7/12 tablet:w-8/12 tablet:w-9/12 tablet:w-10/12 tablet:w-11/12 tablet:w-12/12"></div>
      <div class="desktop-xs:w-1/12 desktop-xs:w-2/12 desktop-xs:w-3/12 desktop-xs:w-4/12 desktop-xs:w-5/12 desktop-xs:w-6/12 desktop-xs:w-7/12 desktop-xs:w-8/12 desktop-xs:w-9/12 desktop-xs:w-10/12 desktop-xs:w-11/12 desktop-xs:w-12/12"></div>
@@ -107,7 +107,7 @@ export class TableCell {
         };
     }
     render() {
-        return (h(Host, { key: '1adb1a3668afb03855e3afa3d54da85c83bcdb57', class: this._getColumnClasses() }, this.checkbox, this._getContent()));
+        return (h(Host, { key: 'bffbae30640f82eb5f7c93d397d363650084d316', class: this._getColumnClasses() }, this.checkbox, this._getContent()));
     }
     _getContent() {
         if (this.variant === 'loading') {

package/dist/collection/components/molecules/table/cell/table-cell.component.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"table-cell.component.js","sourceRoot":"","sources":["../../../../../src/components/molecules/table/cell/table-cell.component.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, h, Host, Prop } from '@stencil/core';\nimport {\n\tTableDefinitionData,\n\tTableDefinitionTemplateFunc,\n} from '../../../../types';\nimport { getTableCellColumnClasses, objectGetByPath } from '../../../../utils';\n\nimport { cn } from '../../../../utils/cn';\nimport { TableColumn } from '../../../helpers/table/column/table-column.component';\n\n/\n With this, we shall hack the system in ways no one would ever have thought.\n\n\t <div class=\"justify-start justify-center justify-end\"></div>\n\t <div class=\"font-semibold text-storm text-storm-400 text-storm-300\"></div>\n <div class=\"w-1/12 w-2/12 w-3/12 w-4/12 w-5/12 w-6/12 w-7/12 w-8/12 w-9/12 w-10/12 w-11/12 w-12/12\"></div>\n <div class=\"tablet:w-1/12 tablet:w-2/12 tablet:w-3/12 tablet:w-4/12 tablet:w-5/12 tablet:w-6/12 tablet:w-7/12 tablet:w-8/12 tablet:w-9/12 tablet:w-10/12 tablet:w-11/12 tablet:w-12/12\"></div>\n <div class=\"desktop-xs:w-1/12 desktop-xs:w-2/12 desktop-xs:w-3/12 desktop-xs:w-4/12 desktop-xs:w-5/12 desktop-xs:w-6/12 desktop-xs:w-7/12 desktop-xs:w-8/12 desktop-xs:w-9/12 desktop-xs:w-10/12 desktop-xs:w-11/12 desktop-xs:w-12/12\"></div>\n <div class=\"desktop-xs:w-1/12 desktop-xs:w-2/12 desktop-xs:w-3/12 desktop-xs:w-4/12 desktop-xs:w-5/12 desktop-xs:w-6/12 desktop-xs:w-7/12 desktop-xs:w-8/12 desktop-xs:w-9/12 desktop-xs:w-10/12 desktop-xs:w-11/12 desktop-xs:w-12/12\"></div>\n <div class=\"desktop-sm:w-1/12 desktop-sm:w-2/12 desktop-sm:w-3/12 desktop-sm:w-4/12 desktop-sm:w-5/12 desktop-sm:w-6/12 desktop-sm:w-7/12 desktop-sm:w-8/12 desktop-sm:w-9/12 desktop-sm:w-10/12 desktop-sm:w-11/12 desktop-sm:w-12/12\"></div>\n <div class=\"desktop:w-1/12 desktop:w-2/12 desktop:w-3/12 desktop:w-4/12 desktop:w-5/12 desktop:w-6/12 desktop:w-7/12 desktop:w-8/12 desktop:w-9/12 desktop:w-10/12 desktop:w-11/12 desktop:w-12/12\"></div>\n <div class=\"desktop-lg:w-1/12 desktop-lg:w-2/12 desktop-lg:w-3/12 desktop-lg:w-4/12 desktop-lg:w-5/12 desktop-lg:w-6/12 desktop-lg:w-7/12 desktop-lg:w-8/12 desktop-lg:w-9/12 desktop-lg:w-10/12 desktop-lg:w-11/12 desktop-lg:w-12/12\"></div>\n <div class=\"desktop-xl:w-1/12 desktop-xl:w-2/12 desktop-xl:w-3/12 desktop-xl:w-4/12 desktop-xl:w-5/12 desktop-xl:w-6/12 desktop-xl:w-7/12 desktop-xl:w-8/12 desktop-xl:w-9/12 desktop-xl:w-10/12 desktop-xl:w-11/12 desktop-xl:w-12/12\"></div>\n <div class=\"hidden flex group-hover:hidden group-hover:flex\"></div>\n <div class=\"tablet:hidden tablet:flex tablet:group-hover:hidden tablet:group-hover:flex\"></div>\n <div class=\"desktop-xs:hidden desktop-xs:flex desktop-xs:group-hover:hidden desktop-xs:group-hover:flex\"></div>\n <div class=\"desktop-sm:hidden desktop-sm:flex desktop-sm:group-hover:hidden desktop-sm:group-hover:flex\"></div>\n <div class=\"desktop:hidden desktop:flex desktop:group-hover:hidden desktop:group-hover:flex\"></div>\n <div class=\"desktop-lg:hidden desktop-lg:flex desktop-lg:group-hover:hidden desktop-lg:group-hover:flex\"></div>\n <div class=\"desktop-xl:hidden desktop-xl:flex desktop-xl:group-hover:hidden desktop-xl:group-hover:flex\"></div>\n <div class=\"pr-4 pr-0\"></div>\n <div class=\"tablet:pr-4 tablet:pr-0\"></div>\n <div class=\"desktop-xs:pr-4 desktop-xs:pr-0\"></div>\n <div class=\"desktop-sm:pr-4 desktop-sm:pr-0\"></div>\n <div class=\"desktop:pr-4 desktop:pr-0\"></div>\n <div class=\"desktop-lg:pr-4 desktop-lg:pr-0\"></div>\n <div class=\"desktop-xl:pr-4 desktop-xl:pr-0\"></div>\n\n\n ⠀⠀⠀⠀⠀⣠⣴⣶⣿⣿⠿⣷⣶⣤⣄⡀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢀⣠⣴⣶⣷⠿⣿⣿⣶⣦⣀⠀⠀⠀⠀⠀\n ⠀⠀⠀⢀⣾⣿⣿⣿⣿⣿⣿⣿⣶⣦⣬⡉⠒⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠚⢉⣥⣴⣾⣿⣿⣿⣿⣿⣿⣿⣧⠀⠀⠀⠀\n ⠀⠀⠀⡾⠿⠛⠛⠛⠛⠿⢿⣿⣿⣿⣿⣿⣷⣄⠀⠀⠀⠀⠀⠀⠀⠀⠀⢀⣠⣾⣿⣿⣿⣿⣿⠿⠿⠛⠛⠛⠛⠿⢧⠀⠀⠀\n ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠙⠻⣿⣿⣿⣿⣿⡄⠀⠀⠀⠀⠀⠀⣠⣿⣿⣿⣿⡿⠟⠉⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀\n ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠙⢿⣿⡄⠀⠀⠀⠀⠀⠀⠀⠀⢰⣿⡿⠋⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀\n ⠀⠀⠀⠀⠀⠀⠀⣠⣤⠶⠶⠶⠰⠦⣤⣀⠀⠙⣷⠀⠀⠀⠀⠀⠀⠀⢠⡿⠋⢀⣀⣤⢴⠆⠲⠶⠶⣤⣄⠀⠀⠀⠀⠀⠀⠀\n ⠀⠘⣆⠀⠀⢠⣾⣫⣶⣾⣿⣿⣿⣿⣷⣯⣿⣦⠈⠃⡇⠀⠀⠀⠀⢸⠘⢁⣶⣿⣵⣾⣿⣿⣿⣿⣷⣦⣝⣷⡄⠀⠀⡰⠂⠀\n ⠀⠀⣨⣷⣶⣿⣧⣛⣛⠿⠿⣿⢿⣿⣿⣛⣿⡿⠀⠀⡇⠀⠀⠀⠀⢸⠀⠈⢿⣟⣛⠿⢿⡿⢿⢿⢿⣛⣫⣼⡿⣶⣾⣅⡀⠀\n ⢀⡼⠋⠁⠀⠀⠈⠉⠛⠛⠻⠟⠸⠛⠋⠉⠁⠀⠀⢸⡇⠀⠀⠄⠀⢸⡄⠀⠀⠈⠉⠙⠛⠃⠻⠛⠛⠛⠉⠁⠀⠀⠈⠙⢧⡀\n ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢀⣿⡇⢠⠀⠀⠀⢸⣷⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀\n ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢀⣾⣿⡇⠀⠀⠀⠀⢸⣿⣷⡀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀\n ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣰⠟⠁⣿⠇⠀⠀⠀⠀⢸⡇⠙⢿⣆⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀\n ⠀⠰⣄⠀⠀⠀⠀⠀⠀⠀⠀⢀⣠⣾⠖⡾⠁⠀⠀⣿⠀⠀⠀⠀⠀⠘⣿⠀⠀⠙⡇⢸⣷⣄⡀⠀⠀⠀⠀⠀⠀⠀⠀⣰⠄⠀\n ⠀⠀⢻⣷⡦⣤⣤⣤⡴⠶⠿⠛⠉⠁⠀⢳⠀⢠⡀⢿⣀⠀⠀⠀⠀⣠⡟⢀⣀⢠⠇⠀⠈⠙⠛⠷⠶⢦⣤⣤⣤⢴⣾⡏⠀⠀\n ⠀⠀⠈⣿⣧⠙⣿⣷⣄⠀⠀⠀⠀⠀⠀⠀⠀⠘⠛⢊⣙⠛⠒⠒⢛⣋⡚⠛⠉⠀⠀⠀⠀⠀⠀⠀⠀⣠⣿⡿⠁⣾⡿⠀⠀⠀\n ⠀⠀⠀⠘⣿⣇⠈⢿⣿⣦⠀⠀⠀⠀⠀⠀⠀⠀⣰⣿⣿⣿⡿⢿⣿⣿⣿⣆⠀⠀⠀⠀⠀⠀⠀⢀⣼⣿⡟⠁⣼⡿⠁⠀⠀⠀\n ⠀⠀⠀⠀⠘⣿⣦⠀⠻⣿⣷⣦⣤⣤⣶⣶⣶⣿⣿⣿⣿⠏⠀⠀⠻⣿⣿⣿⣿⣶⣶⣶⣦⣤⣴⣿⣿⠏⢀⣼⡿⠁⠀⠀⠀⠀\n ⠀⠀⠀⠀⠀⠘⢿⣷⣄⠙⠻⠿⠿⠿⠿⠿⢿⣿⣿⣿⣁⣀⣀⣀⣀⣙⣿⣿⣿⠿⠿⠿⠿⠿⠿⠟⠁⣠⣿⡿⠁⠀⠀⠀⠀⠀\n ⠀⠀⠀⠀⠀⠀⠈⠻⣯⠙⢦⣀⠀⠀⠀⠀⠀⠉⠉⠉⠉⠉⠉⠉⠉⠉⠉⠉⠉⠀⠀⠀⠀⠀⣠⠴⢋⣾⠟⠀⠀⠀⠀⠀⠀⠀\n ⠀⠀⠀⠀⠀⠀⠀⠀⠙⢧⡀⠈⠉⠒⠀⠀⠀⠀⠀⠀⣀⠀⠀⠀⠀⢀⠀⠀⠀⠀⠀⠐⠒⠉⠁⢀⡾⠃⠀⠀⠀⠀⠀⠀⠀⠀\n ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠈⠳⣄⠀⠀⠀⠀⠀⠀⠀⠀⠻⣿⣿⣿⣿⠋⠀⠀⠀⠀⠀⠀⠀⠀⣠⠟⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀\n ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠘⢦⡀⠀⠀⠀⠀⠀⠀⠀⣸⣿⣿⡇⠀⠀⠀⠀⠀⠀⠀⢀⡴⠁⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀\n ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣿⣿⣿⣿⠀⠀⠀⠀⠀⠀⠀⠋⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀\n ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠐⣿⣿⣿⣿⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀\n ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣿⣿⣿⡿⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀\n ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢻⣿⣿⡇⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀\n ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠸⣿⣿⠃⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀\n /\n@Component({\n\ttag: 'p-table-cell',\n\tstyleUrl: 'table-cell.component.css',\n})\nexport class TableCell {\n\t/*\n\t The variant of the column\n\t /\n\t@Prop() variant: 'default' \| 'loading' \| 'header' = 'default';\n\n\t/\n\t The index of the column\n\t /\n\t@Prop() index: number;\n\n\t/\n\t The index of the row\n\t /\n\t@Prop() rowIndex: number;\n\n\t/\n\t The definition of the table column\n\t /\n\t@Prop() definition?: TableColumn \| any;\n\n\t/\n\t The item in question\n\t /\n\t@Prop() item: any;\n\n\t/\n\t The value of the column\n\t /\n\t@Prop() value: any;\n\n\t/\n\t The checkbox to show\n\t /\n\t@Prop() checkbox: any;\n\n\t/\n\t The template to show\n\t */\n\t@Prop() template: TableDefinitionTemplateFunc = ({\n\t\tvalue,\n\t}: TableDefinitionData) => value;\n\n\tget data(): TableDefinitionData \| { value: string } {\n\t\tif (this.variant === 'header') {\n\t\t\treturn {\n\t\t\t\tvalue: this.value,\n\t\t\t};\n\t\t}\n\n\t\treturn {\n\t\t\tvalue:\n\t\t\t\tthis.value ?? this.definition?.path\n\t\t\t\t\t? objectGetByPath(this.item, this.definition.path)\n\t\t\t\t\t: null,\n\t\t\titem: this.item,\n\t\t\tindex: this.index,\n\t\t\trowIndex: this.rowIndex,\n\t\t};\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={this._getColumnClasses()}>\n\t\t\t\t{this.checkbox}\n\n\t\t\t\t{this._getContent()}\n\t\t\t</Host>\n\t\t);\n\t}\n\n\tprivate _getContent() {\n\t\tif (this.variant === 'loading') {\n\t\t\treturn (\n\t\t\t\t<p-loader\n\t\t\t\t\tvariant='ghost'\n\t\t\t\t\tclass='h-6 w-full flex-1 rounded'\n\t\t\t\t/>\n\t\t\t);\n\t\t}\n\n\t\treturn (\n\t\t\t<div\n\t\t\t\tclass={cn('flex', {\n\t\t\t\t\t'justify-start':\n\t\t\t\t\t\tthis.definition.align === 'start' \|\|\n\t\t\t\t\t\tthis.definition.align === undefined,\n\t\t\t\t\t'justify-center': this.definition.align === 'center',\n\t\t\t\t\t'justify-end': this.definition.align === 'end',\n\t\t\t\t})}\n\t\t\t>\n\t\t\t\t{this.variant === 'header' ? (\n\t\t\t\t\tthis.data.value\n\t\t\t\t) : this.definition.useSlot ? (\n\t\t\t\t\t<slot />\n\t\t\t\t) : (\n\t\t\t\t\tthis.template(this.data as TableDefinitionData)\n\t\t\t\t)}\n\t\t\t</div>\n\t\t);\n\t}\n\n\tprivate _getColumnClasses() {\n\t\treturn getTableCellColumnClasses(this.definition, this.variant);\n\t}\n}\n"]}
1	+ {"version":3,"file":"table-cell.component.js","sourceRoot":"","sources":["../../../../../src/components/molecules/table/cell/table-cell.component.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAKzD,OAAO,EAAE,yBAAyB,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAE/E,OAAO,EAAE,EAAE,EAAE,MAAM,sBAAsB,CAAC;AAG1C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MAwDM;AAKN,MAAM,OAAO,SAAS;IACrB;;OAEG;IACK,OAAO,GAAqC,SAAS,CAAC;IAE9D;;OAEG;IACK,KAAK,CAAS;IAEtB;;OAEG;IACK,QAAQ,CAAS;IAEzB;;OAEG;IACK,UAAU,CAAqB;IAEvC;;OAEG;IACK,IAAI,CAAM;IAElB;;OAEG;IACK,KAAK,CAAM;IAEnB;;OAEG;IACK,QAAQ,CAAM;IAEtB;;OAEG;IACK,QAAQ,GAAgC,CAAC,EAChD,KAAK,GACgB,EAAE,EAAE,CAAC,KAAK,CAAC;IAEjC,IAAI,IAAI;QACP,IAAI,IAAI,CAAC,OAAO,KAAK,QAAQ,EAAE,CAAC;YAC/B,OAAO;gBACN,KAAK,EAAE,IAAI,CAAC,KAAK;aACjB,CAAC;QACH,CAAC;QAED,OAAO;YACN,KAAK,EACJ,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,UAAU,EAAE,IAAI;gBAClC,CAAC,CAAC,eAAe,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC;gBAClD,CAAC,CAAC,IAAI;YACR,IAAI,EAAE,IAAI,CAAC,IAAI;YACf,KAAK,EAAE,IAAI,CAAC,KAAK;YACjB,QAAQ,EAAE,IAAI,CAAC,QAAQ;SACvB,CAAC;IACH,CAAC;IAED,MAAM;QACL,OAAO,CACN,EAAC,IAAI,qDAAC,KAAK,EAAE,IAAI,CAAC,iBAAiB,EAAE;YACnC,IAAI,CAAC,QAAQ;YAEb,IAAI,CAAC,WAAW,EAAE,CACb,CACP,CAAC;IACH,CAAC;IAEO,WAAW;QAClB,IAAI,IAAI,CAAC,OAAO,KAAK,SAAS,EAAE,CAAC;YAChC,OAAO,CACN,gBACC,OAAO,EAAC,OAAO,EACf,KAAK,EAAC,2BAA2B,GAChC,CACF,CAAC;QACH,CAAC;QAED,OAAO,CACN,WACC,KAAK,EAAE,EAAE,CAAC,MAAM,EAAE;gBACjB,eAAe,EACd,IAAI,CAAC,UAAU,CAAC,KAAK,KAAK,OAAO;oBACjC,IAAI,CAAC,UAAU,CAAC,KAAK,KAAK,SAAS;gBACpC,gBAAgB,EAAE,IAAI,CAAC,UAAU,CAAC,KAAK,KAAK,QAAQ;gBACpD,aAAa,EAAE,IAAI,CAAC,UAAU,CAAC,KAAK,KAAK,KAAK;aAC9C,CAAC,IAED,IAAI,CAAC,OAAO,KAAK,QAAQ,CAAC,CAAC,CAAC,CAC5B,IAAI,CAAC,IAAI,CAAC,KAAK,CACf,CAAC,CAAC,CAAC,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC,CAAC,CAC7B,eAAQ,CACR,CAAC,CAAC,CAAC,CACH,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAA2B,CAAC,CAC/C,CACI,CACN,CAAC;IACH,CAAC;IAEO,iBAAiB;QACxB,OAAO,yBAAyB,CAAC,IAAI,CAAC,UAAU,EAAE,IAAI,CAAC,OAAO,CAAC,CAAC;IACjE,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACD","sourcesContent":["import { Component, h, Host, Prop } from '@stencil/core';\nimport {\n\tTableDefinitionData,\n\tTableDefinitionTemplateFunc,\n} from '../../../../types';\nimport { getTableCellColumnClasses, objectGetByPath } from '../../../../utils';\n\nimport { cn } from '../../../../utils/cn';\nimport { TableColumn } from '../../../helpers/table/column/table-column.component';\n\n/\n With this, we shall hack the system in ways no one would ever have thought.\n\n\t <div class=\"justify-start justify-center justify-end\"></div>\n\t <div class=\"font-semibold text-storm-500 text-storm-400 text-storm-300\"></div>\n <div class=\"w-1/12 w-2/12 w-3/12 w-4/12 w-5/12 w-6/12 w-7/12 w-8/12 w-9/12 w-10/12 w-11/12 w-12/12\"></div>\n <div class=\"tablet:w-1/12 tablet:w-2/12 tablet:w-3/12 tablet:w-4/12 tablet:w-5/12 tablet:w-6/12 tablet:w-7/12 tablet:w-8/12 tablet:w-9/12 tablet:w-10/12 tablet:w-11/12 tablet:w-12/12\"></div>\n <div class=\"desktop-xs:w-1/12 desktop-xs:w-2/12 desktop-xs:w-3/12 desktop-xs:w-4/12 desktop-xs:w-5/12 desktop-xs:w-6/12 desktop-xs:w-7/12 desktop-xs:w-8/12 desktop-xs:w-9/12 desktop-xs:w-10/12 desktop-xs:w-11/12 desktop-xs:w-12/12\"></div>\n <div class=\"desktop-xs:w-1/12 desktop-xs:w-2/12 desktop-xs:w-3/12 desktop-xs:w-4/12 desktop-xs:w-5/12 desktop-xs:w-6/12 desktop-xs:w-7/12 desktop-xs:w-8/12 desktop-xs:w-9/12 desktop-xs:w-10/12 desktop-xs:w-11/12 desktop-xs:w-12/12\"></div>\n <div class=\"desktop-sm:w-1/12 desktop-sm:w-2/12 desktop-sm:w-3/12 desktop-sm:w-4/12 desktop-sm:w-5/12 desktop-sm:w-6/12 desktop-sm:w-7/12 desktop-sm:w-8/12 desktop-sm:w-9/12 desktop-sm:w-10/12 desktop-sm:w-11/12 desktop-sm:w-12/12\"></div>\n <div class=\"desktop:w-1/12 desktop:w-2/12 desktop:w-3/12 desktop:w-4/12 desktop:w-5/12 desktop:w-6/12 desktop:w-7/12 desktop:w-8/12 desktop:w-9/12 desktop:w-10/12 desktop:w-11/12 desktop:w-12/12\"></div>\n <div class=\"desktop-lg:w-1/12 desktop-lg:w-2/12 desktop-lg:w-3/12 desktop-lg:w-4/12 desktop-lg:w-5/12 desktop-lg:w-6/12 desktop-lg:w-7/12 desktop-lg:w-8/12 desktop-lg:w-9/12 desktop-lg:w-10/12 desktop-lg:w-11/12 desktop-lg:w-12/12\"></div>\n <div class=\"desktop-xl:w-1/12 desktop-xl:w-2/12 desktop-xl:w-3/12 desktop-xl:w-4/12 desktop-xl:w-5/12 desktop-xl:w-6/12 desktop-xl:w-7/12 desktop-xl:w-8/12 desktop-xl:w-9/12 desktop-xl:w-10/12 desktop-xl:w-11/12 desktop-xl:w-12/12\"></div>\n <div class=\"hidden flex group-hover:hidden group-hover:flex\"></div>\n <div class=\"tablet:hidden tablet:flex tablet:group-hover:hidden tablet:group-hover:flex\"></div>\n <div class=\"desktop-xs:hidden desktop-xs:flex desktop-xs:group-hover:hidden desktop-xs:group-hover:flex\"></div>\n <div class=\"desktop-sm:hidden desktop-sm:flex desktop-sm:group-hover:hidden desktop-sm:group-hover:flex\"></div>\n <div class=\"desktop:hidden desktop:flex desktop:group-hover:hidden desktop:group-hover:flex\"></div>\n <div class=\"desktop-lg:hidden desktop-lg:flex desktop-lg:group-hover:hidden desktop-lg:group-hover:flex\"></div>\n <div class=\"desktop-xl:hidden desktop-xl:flex desktop-xl:group-hover:hidden desktop-xl:group-hover:flex\"></div>\n <div class=\"pr-4 pr-0\"></div>\n <div class=\"tablet:pr-4 tablet:pr-0\"></div>\n <div class=\"desktop-xs:pr-4 desktop-xs:pr-0\"></div>\n <div class=\"desktop-sm:pr-4 desktop-sm:pr-0\"></div>\n <div class=\"desktop:pr-4 desktop:pr-0\"></div>\n <div class=\"desktop-lg:pr-4 desktop-lg:pr-0\"></div>\n <div class=\"desktop-xl:pr-4 desktop-xl:pr-0\"></div>\n\n\n ⠀⠀⠀⠀⠀⣠⣴⣶⣿⣿⠿⣷⣶⣤⣄⡀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢀⣠⣴⣶⣷⠿⣿⣿⣶⣦⣀⠀⠀⠀⠀⠀\n ⠀⠀⠀⢀⣾⣿⣿⣿⣿⣿⣿⣿⣶⣦⣬⡉⠒⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠚⢉⣥⣴⣾⣿⣿⣿⣿⣿⣿⣿⣧⠀⠀⠀⠀\n ⠀⠀⠀⡾⠿⠛⠛⠛⠛⠿⢿⣿⣿⣿⣿⣿⣷⣄⠀⠀⠀⠀⠀⠀⠀⠀⠀⢀⣠⣾⣿⣿⣿⣿⣿⠿⠿⠛⠛⠛⠛⠿⢧⠀⠀⠀\n ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠙⠻⣿⣿⣿⣿⣿⡄⠀⠀⠀⠀⠀⠀⣠⣿⣿⣿⣿⡿⠟⠉⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀\n ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠙⢿⣿⡄⠀⠀⠀⠀⠀⠀⠀⠀⢰⣿⡿⠋⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀\n ⠀⠀⠀⠀⠀⠀⠀⣠⣤⠶⠶⠶⠰⠦⣤⣀⠀⠙⣷⠀⠀⠀⠀⠀⠀⠀⢠⡿⠋⢀⣀⣤⢴⠆⠲⠶⠶⣤⣄⠀⠀⠀⠀⠀⠀⠀\n ⠀⠘⣆⠀⠀⢠⣾⣫⣶⣾⣿⣿⣿⣿⣷⣯⣿⣦⠈⠃⡇⠀⠀⠀⠀⢸⠘⢁⣶⣿⣵⣾⣿⣿⣿⣿⣷⣦⣝⣷⡄⠀⠀⡰⠂⠀\n ⠀⠀⣨⣷⣶⣿⣧⣛⣛⠿⠿⣿⢿⣿⣿⣛⣿⡿⠀⠀⡇⠀⠀⠀⠀⢸⠀⠈⢿⣟⣛⠿⢿⡿⢿⢿⢿⣛⣫⣼⡿⣶⣾⣅⡀⠀\n ⢀⡼⠋⠁⠀⠀⠈⠉⠛⠛⠻⠟⠸⠛⠋⠉⠁⠀⠀⢸⡇⠀⠀⠄⠀⢸⡄⠀⠀⠈⠉⠙⠛⠃⠻⠛⠛⠛⠉⠁⠀⠀⠈⠙⢧⡀\n ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢀⣿⡇⢠⠀⠀⠀⢸⣷⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀\n ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢀⣾⣿⡇⠀⠀⠀⠀⢸⣿⣷⡀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀\n ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣰⠟⠁⣿⠇⠀⠀⠀⠀⢸⡇⠙⢿⣆⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀\n ⠀⠰⣄⠀⠀⠀⠀⠀⠀⠀⠀⢀⣠⣾⠖⡾⠁⠀⠀⣿⠀⠀⠀⠀⠀⠘⣿⠀⠀⠙⡇⢸⣷⣄⡀⠀⠀⠀⠀⠀⠀⠀⠀⣰⠄⠀\n ⠀⠀⢻⣷⡦⣤⣤⣤⡴⠶⠿⠛⠉⠁⠀⢳⠀⢠⡀⢿⣀⠀⠀⠀⠀⣠⡟⢀⣀⢠⠇⠀⠈⠙⠛⠷⠶⢦⣤⣤⣤⢴⣾⡏⠀⠀\n ⠀⠀⠈⣿⣧⠙⣿⣷⣄⠀⠀⠀⠀⠀⠀⠀⠀⠘⠛⢊⣙⠛⠒⠒⢛⣋⡚⠛⠉⠀⠀⠀⠀⠀⠀⠀⠀⣠⣿⡿⠁⣾⡿⠀⠀⠀\n ⠀⠀⠀⠘⣿⣇⠈⢿⣿⣦⠀⠀⠀⠀⠀⠀⠀⠀⣰⣿⣿⣿⡿⢿⣿⣿⣿⣆⠀⠀⠀⠀⠀⠀⠀⢀⣼⣿⡟⠁⣼⡿⠁⠀⠀⠀\n ⠀⠀⠀⠀⠘⣿⣦⠀⠻⣿⣷⣦⣤⣤⣶⣶⣶⣿⣿⣿⣿⠏⠀⠀⠻⣿⣿⣿⣿⣶⣶⣶⣦⣤⣴⣿⣿⠏⢀⣼⡿⠁⠀⠀⠀⠀\n ⠀⠀⠀⠀⠀⠘⢿⣷⣄⠙⠻⠿⠿⠿⠿⠿⢿⣿⣿⣿⣁⣀⣀⣀⣀⣙⣿⣿⣿⠿⠿⠿⠿⠿⠿⠟⠁⣠⣿⡿⠁⠀⠀⠀⠀⠀\n ⠀⠀⠀⠀⠀⠀⠈⠻⣯⠙⢦⣀⠀⠀⠀⠀⠀⠉⠉⠉⠉⠉⠉⠉⠉⠉⠉⠉⠉⠀⠀⠀⠀⠀⣠⠴⢋⣾⠟⠀⠀⠀⠀⠀⠀⠀\n ⠀⠀⠀⠀⠀⠀⠀⠀⠙⢧⡀⠈⠉⠒⠀⠀⠀⠀⠀⠀⣀⠀⠀⠀⠀⢀⠀⠀⠀⠀⠀⠐⠒⠉⠁⢀⡾⠃⠀⠀⠀⠀⠀⠀⠀⠀\n ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠈⠳⣄⠀⠀⠀⠀⠀⠀⠀⠀⠻⣿⣿⣿⣿⠋⠀⠀⠀⠀⠀⠀⠀⠀⣠⠟⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀\n ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠘⢦⡀⠀⠀⠀⠀⠀⠀⠀⣸⣿⣿⡇⠀⠀⠀⠀⠀⠀⠀⢀⡴⠁⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀\n ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣿⣿⣿⣿⠀⠀⠀⠀⠀⠀⠀⠋⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀\n ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠐⣿⣿⣿⣿⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀\n ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣿⣿⣿⡿⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀\n ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢻⣿⣿⡇⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀\n ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠸⣿⣿⠃⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀\n /\n@Component({\n\ttag: 'p-table-cell',\n\tstyleUrl: 'table-cell.component.css',\n})\nexport class TableCell {\n\t/*\n\t The variant of the column\n\t /\n\t@Prop() variant: 'default' \| 'loading' \| 'header' = 'default';\n\n\t/\n\t The index of the column\n\t /\n\t@Prop() index: number;\n\n\t/\n\t The index of the row\n\t /\n\t@Prop() rowIndex: number;\n\n\t/\n\t The definition of the table column\n\t /\n\t@Prop() definition?: TableColumn \| any;\n\n\t/\n\t The item in question\n\t /\n\t@Prop() item: any;\n\n\t/\n\t The value of the column\n\t /\n\t@Prop() value: any;\n\n\t/\n\t The checkbox to show\n\t /\n\t@Prop() checkbox: any;\n\n\t/\n\t The template to show\n\t */\n\t@Prop() template: TableDefinitionTemplateFunc = ({\n\t\tvalue,\n\t}: TableDefinitionData) => value;\n\n\tget data(): TableDefinitionData \| { value: string } {\n\t\tif (this.variant === 'header') {\n\t\t\treturn {\n\t\t\t\tvalue: this.value,\n\t\t\t};\n\t\t}\n\n\t\treturn {\n\t\t\tvalue:\n\t\t\t\tthis.value ?? this.definition?.path\n\t\t\t\t\t? objectGetByPath(this.item, this.definition.path)\n\t\t\t\t\t: null,\n\t\t\titem: this.item,\n\t\t\tindex: this.index,\n\t\t\trowIndex: this.rowIndex,\n\t\t};\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={this._getColumnClasses()}>\n\t\t\t\t{this.checkbox}\n\n\t\t\t\t{this._getContent()}\n\t\t\t</Host>\n\t\t);\n\t}\n\n\tprivate _getContent() {\n\t\tif (this.variant === 'loading') {\n\t\t\treturn (\n\t\t\t\t<p-loader\n\t\t\t\t\tvariant='ghost'\n\t\t\t\t\tclass='h-6 w-full flex-1 rounded'\n\t\t\t\t/>\n\t\t\t);\n\t\t}\n\n\t\treturn (\n\t\t\t<div\n\t\t\t\tclass={cn('flex', {\n\t\t\t\t\t'justify-start':\n\t\t\t\t\t\tthis.definition.align === 'start' \|\|\n\t\t\t\t\t\tthis.definition.align === undefined,\n\t\t\t\t\t'justify-center': this.definition.align === 'center',\n\t\t\t\t\t'justify-end': this.definition.align === 'end',\n\t\t\t\t})}\n\t\t\t>\n\t\t\t\t{this.variant === 'header' ? (\n\t\t\t\t\tthis.data.value\n\t\t\t\t) : this.definition.useSlot ? (\n\t\t\t\t\t<slot />\n\t\t\t\t) : (\n\t\t\t\t\tthis.template(this.data as TableDefinitionData)\n\t\t\t\t)}\n\t\t\t</div>\n\t\t);\n\t}\n\n\tprivate _getColumnClasses() {\n\t\treturn getTableCellColumnClasses(this.definition, this.variant);\n\t}\n}\n"]}

package/dist/collection/components/molecules/toast/toast.component.css CHANGED Viewed

	@@ -1 +1 @@
1	- *{box-sizing:border-box}.static{position:static!important}.m-0{margin:0!important}.flex{display:flex!important}.h-9{height:2.25rem!important}.w-\[2px\]{width:2px!important}.w-\[calc$100\%-2px-0\.5rem$\]{width:calc(100% - 2px - .5rem)!important}.w-full{width:100%!important}.min-w-0{min-width:0!important}.flex-shrink-0{flex-shrink:0!important}.cursor-pointer{cursor:pointer!important}.flex-col{flex-direction:column!important}.items-center{align-items:center!important}.justify-between{justify-content:space-between!important}.gap-2{gap:.5rem!important}.overflow-hidden{overflow:hidden!important}.text-ellipsis{text-overflow:ellipsis!important}.whitespace-nowrap{white-space:nowrap!important}.rounded-full{border-radius:9999px!important}.rounded-lg{border-radius:.5rem!important}.border{border-width:1px!important}.border-solid{border-style:solid!important}.border-storm-100{--tw-border-opacity:1!important;border-color:rgb(209 210 212/var(--tw-border-opacity,1))!important}.bg-amber-500{--tw-bg-opacity:1!important;background-color:rgb(225 159 35/var(--tw-bg-opacity,1))!important}.bg-indigo-800{--tw-bg-opacity:1!important;background-color:rgb(27 88 210/var(--tw-bg-opacity,1))!important}.bg-negative-red-500{--tw-bg-opacity:1!important;background-color:rgb(230 30 30/var(--tw-bg-opacity,1))!important}.bg-positive-green-500{--tw-bg-opacity:1!important;background-color:rgb(92 195 14/var(--tw-bg-opacity,1))!important}.bg-white{--tw-bg-opacity:1!important;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))!important}.p-2{padding:.5rem!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.text-xs{font-size:.75rem!important;line-height:1rem!important}.font-semibold{font-weight:600!important}.text-storm{color:rgb(24 30 41/var(--tw-text-opacity,1))!important}.text-storm~~,.text~~-~~storm-200~~{--tw-text-opacity:1!important~~}.text-storm-200{~~color:rgb(~~163~~ ~~165~~ ~~169~~/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}.shadow-2{--tw-shadow:0 1px 1px rgba(0,2,2,.04),0 2px 2px rgba(0,2,2,.04),0 4px 4px rgba(0,2,2,.04)!important;--tw-shadow-colored:0 1px 1px var(--tw-shadow-color),0 2px 2px var(--tw-shadow-color),0 4px 4px 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}.hover\:text-storm:hover{--tw-text-opacity:1!important;color:rgb(24 30 41/var(--tw-text-opacity,1))!important}
1	+ *{box-sizing:border-box}.static{position:static!important}.m-0{margin:0!important}.flex{display:flex!important}.h-9{height:2.25rem!important}.w-\[2px\]{width:2px!important}.w-\[calc$100\%-2px-0\.5rem$\]{width:calc(100% - 2px - .5rem)!important}.w-full{width:100%!important}.min-w-0{min-width:0!important}.flex-shrink-0{flex-shrink:0!important}.cursor-pointer{cursor:pointer!important}.flex-col{flex-direction:column!important}.items-center{align-items:center!important}.justify-between{justify-content:space-between!important}.gap-2{gap:.5rem!important}.overflow-hidden{overflow:hidden!important}.text-ellipsis{text-overflow:ellipsis!important}.whitespace-nowrap{white-space:nowrap!important}.rounded-full{border-radius:9999px!important}.rounded-lg{border-radius:.5rem!important}.border{border-width:1px!important}.border-solid{border-style:solid!important}.border-storm-100{--tw-border-opacity:1!important;border-color:rgb(209 210 212/var(--tw-border-opacity,1))!important}.bg-amber-500{--tw-bg-opacity:1!important;background-color:rgb(225 159 35/var(--tw-bg-opacity,1))!important}.bg-indigo-800{--tw-bg-opacity:1!important;background-color:rgb(27 88 210/var(--tw-bg-opacity,1))!important}.bg-negative-red-500{--tw-bg-opacity:1!important;background-color:rgb(230 30 30/var(--tw-bg-opacity,1))!important}.bg-positive-green-500{--tw-bg-opacity:1!important;background-color:rgb(92 195 14/var(--tw-bg-opacity,1))!important}.bg-white{--tw-bg-opacity:1!important;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))!important}.p-2{padding:.5rem!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.text-xs{font-size:.75rem!important;line-height:1rem!important}.font-semibold{font-weight:600!important}.text-storm-200{--tw-text-opacity:1!important;color:rgb(163 165 169/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}.shadow-2{--tw-shadow:0 1px 1px rgba(0,2,2,.04),0 2px 2px rgba(0,2,2,.04),0 4px 4px rgba(0,2,2,.04)!important;--tw-shadow-colored:0 1px 1px var(--tw-shadow-color),0 2px 2px var(--tw-shadow-color),0 4px 4px 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}.hover\:text-storm-500:hover{--tw-text-opacity:1!important;color:rgb(24 30 41/var(--tw-text-opacity,1))!important}

package/dist/collection/components/molecules/toast/toast.component.js CHANGED Viewed

@@ -48,7 +48,7 @@ export class Toast {
      */
     action;
     render() {
-        return (h("div", { key: '728bf0cfbc86d6ebbdab07120b02c98fd2b011f1', class: 'flex gap-2 rounded-lg border border-solid border-storm-100 bg-white p-2 shadow-2', onClick: () => this._onClick() }, h("div", { key: 'a7867e21882aaf8487084f6a4d08389577498fc8', class: indicator({ variant: this.variant }) }), h("div", { key: '6f20b7863c926c09e6df41495cd4108e9b6822fa', class: content() }, h("div", { key: '20b273ba1f270b325e01e1022ddf84479a3fa823', class: 'flex w-full min-w-0 flex-col' }, h("p", { key: 'c8e591ac1772f20c69ef60b38a213a7be3d69e48', class: 'm-0 overflow-hidden text-ellipsis whitespace-nowrap text-sm font-semibold text-storm' }, this.header?.length ? this.header : h("slot", { name: 'header' })), h("p", { key: 'cc2ef328b446181b6f74827406ae81fd137d68c5', class: 'm-0 w-full overflow-hidden text-ellipsis whitespace-nowrap text-xs text-storm-300' }, this.content?.length ? this.content : h("slot", { name: 'content' }))), this.enableAction && (h("div", { key: '393f18331ade8ada07f85bf184758f9d0aaa2252', class: 'flex-shrink-0 cursor-pointer p-2 text-storm-200 hover:text-storm' }, h("p-icon", { key: '57c9b4bd7c348fc24195b41e4538555dcdb8e041', variant: this.actionIcon, flip: this.actionIconFlip, rotate: this.actionIconRotate }))))));
+        return (h("div", { key: '728bf0cfbc86d6ebbdab07120b02c98fd2b011f1', class: 'flex gap-2 rounded-lg border border-solid border-storm-100 bg-white p-2 shadow-2', onClick: () => this._onClick() }, h("div", { key: 'a7867e21882aaf8487084f6a4d08389577498fc8', class: indicator({ variant: this.variant }) }), h("div", { key: '6f20b7863c926c09e6df41495cd4108e9b6822fa', class: content() }, h("div", { key: '20b273ba1f270b325e01e1022ddf84479a3fa823', class: 'flex w-full min-w-0 flex-col' }, h("p", { key: 'ed592a393300025ac4e954d1113a5cf8a4d20c9f', class: 'm-0 overflow-hidden text-ellipsis whitespace-nowrap text-sm font-semibold text-storm-500' }, this.header?.length ? this.header : h("slot", { name: 'header' })), h("p", { key: 'ca2d67390253cfc321f43a829843a212e06d4c23', class: 'm-0 w-full overflow-hidden text-ellipsis whitespace-nowrap text-xs text-storm-300' }, this.content?.length ? this.content : h("slot", { name: 'content' }))), this.enableAction && (h("div", { key: '8d1b101087ef0f2484ffd81009fcb3a16906fac1', class: 'flex-shrink-0 cursor-pointer p-2 text-storm-200 hover:text-storm-500' }, h("p-icon", { key: '64f1349fc2217a8b2330e70998e032a73688477a', variant: this.actionIcon, flip: this.actionIconFlip, rotate: this.actionIconRotate }))))));
     }
     _onClick() {
         if (this.enableAction) {

package/dist/collection/components/molecules/toast/toast.component.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"toast.component.js","sourceRoot":"","sources":["../../../../src/components/molecules/toast/toast.component.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAgB,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAGxE,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAE/C,MAAM,SAAS,GAAG,GAAG,CAAC,wCAAwC,EAAE;IAC/D,QAAQ,EAAE;QACT,OAAO,EAAE;YACR,OAAO,EAAE,eAAe;YACxB,QAAQ,EAAE,uBAAuB;YACjC,MAAM,EAAE,cAAc;YACtB,QAAQ,EAAE,qBAAqB;SAC/B;KACD;CACD,CAAC,CAAC;AAEH,MAAM,OAAO,GAAG,GAAG,CAAC;IACnB,yCAAyC;IACzC,2BAA2B;CAC3B,CAAC,CAAC;AAOH,MAAM,OAAO,KAAK;IACjB;;OAEG;IACK,OAAO,GAAmD,UAAU,CAAC;IAE7E;;OAEG;IACK,MAAM,CAAU;IAExB;;OAEG;IACK,OAAO,CAAU;IAEzB;;OAEG;IACK,YAAY,GAAY,IAAI,CAAC;IAErC;;OAEG;IACK,UAAU,GAAgB,UAAU,CAAC;IAE7C;;OAEG;IACK,cAAc,CAAkB;IAExC;;OAEG;IACK,gBAAgB,CAAgB;IAExC;;OAEG;IAIH,MAAM,CAA2B;IAEjC,MAAM;QACL,OAAO,CACN,4DACC,KAAK,EAAC,kFAAkF,EACxF,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,QAAQ,EAAE;YAE9B,4DAAK,KAAK,EAAE,SAAS,CAAC,EAAE,OAAO,EAAE,IAAI,CAAC,OAAO,EAAE,CAAC,GAAI;YACpD,4DAAK,KAAK,EAAE,OAAO,EAAE;gBACpB,4DAAK,KAAK,EAAC,8BAA8B;oBACxC,0DAAG,KAAK,EAAC,~~sFAAsF~~,~~IAC7F~~,IAAI,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,YAAM,IAAI,EAAC,QAAQ,GAAG,CACxD;oBACJ,0DAAG,KAAK,EAAC,mFAAmF,IAC1F,IAAI,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,YAAM,IAAI,EAAC,SAAS,GAAG,CAC3D,CACC;gBAEL,IAAI,CAAC,YAAY,IAAI,CACrB,4DAAK,KAAK,EAAC,~~kEAAkE~~;~~oBAC5E~~,+DACC,OAAO,EAAE,IAAI,CAAC,UAAU,EACxB,IAAI,EAAE,IAAI,CAAC,cAAc,EACzB,MAAM,EAAE,IAAI,CAAC,gBAAgB,GAC5B,CACG,CACN,CACI,CACD,CACN,CAAC;IACH,CAAC;IAEO,QAAQ;QACf,IAAI,IAAI,CAAC,YAAY,EAAE,CAAC;YACvB,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE,CAAC;QACpB,CAAC;IACF,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACD","sourcesContent":["import { Component, Event, EventEmitter, h, Prop } from '@stencil/core';\nimport { RotateOptions } from '../../../types';\nimport { IconFlipOptions, IconVariant } from '../../atoms/icon/icon.component';\nimport { cva } from 'class-variance-authority';\n\nconst indicator = cva('w-[2px] rounded-full h-9 flex-shrink-0', {\n\tvariants: {\n\t\tvariant: {\n\t\t\tneutral: 'bg-indigo-800',\n\t\t\tpositive: 'bg-positive-green-500',\n\t\t\tbiased: 'bg-amber-500',\n\t\t\tnegative: 'bg-negative-red-500',\n\t\t},\n\t},\n});\n\nconst content = cva([\n\t'flex justify-between items-center gap-2',\n\t'w-[calc(100%-2px-0.5rem)]',\n]);\n\n@Component({\n\ttag: 'p-toast',\n\tstyleUrl: 'toast.component.css',\n\tshadow: true,\n})\nexport class Toast {\n\t/*\n\t The variant of the toast\n\t /\n\t@Prop() variant: 'neutral' \| 'positive' \| 'biased' \| 'negative' = 'positive';\n\n\t/\n\t The header of the toast\n\t /\n\t@Prop() header?: string;\n\n\t/\n\t The content of the toast\n\t /\n\t@Prop() content?: string;\n\n\t/\n\t Wether to enable the close button\n\t /\n\t@Prop() enableAction: boolean = true;\n\n\t/\n\t Icon to show on the button\n\t /\n\t@Prop() actionIcon: IconVariant = 'negative';\n\n\t/\n\t Icon flip\n\t /\n\t@Prop() actionIconFlip: IconFlipOptions;\n\n\t/\n\t Icon rotate\n\t /\n\t@Prop() actionIconRotate: RotateOptions;\n\n\t/\n\t Button click event\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\taction: EventEmitter<MouseEvent>;\n\n\trender() {\n\t\treturn (\n\t\t\t<div\n\t\t\t\tclass='flex gap-2 rounded-lg border border-solid border-storm-100 bg-white p-2 shadow-2'\n\t\t\t\tonClick={() => this._onClick()}\n\t\t\t>\n\t\t\t\t<div class={indicator({ variant: this.variant })} />\n\t\t\t\t<div class={content()}>\n\t\t\t\t\t<div class='flex w-full min-w-0 flex-col'>\n\t\t\t\t\t\t<p class='m-0 overflow-hidden text-ellipsis whitespace-nowrap text-sm font-semibold text-storm'>\n\t\t\t\t\t\t\t{this.header?.length ? this.header : <slot name='header' />}\n\t\t\t\t\t\t</p>\n\t\t\t\t\t\t<p class='m-0 w-full overflow-hidden text-ellipsis whitespace-nowrap text-xs text-storm-300'>\n\t\t\t\t\t\t\t{this.content?.length ? this.content : <slot name='content' />}\n\t\t\t\t\t\t</p>\n\t\t\t\t\t</div>\n\n\t\t\t\t\t{this.enableAction && (\n\t\t\t\t\t\t<div class='flex-shrink-0 cursor-pointer p-2 text-storm-200 hover:text-storm'>\n\t\t\t\t\t\t\t<p-icon\n\t\t\t\t\t\t\t\tvariant={this.actionIcon}\n\t\t\t\t\t\t\t\tflip={this.actionIconFlip}\n\t\t\t\t\t\t\t\trotate={this.actionIconRotate}\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</div>\n\t\t);\n\t}\n\n\tprivate _onClick() {\n\t\tif (this.enableAction) {\n\t\t\tthis.action.emit();\n\t\t}\n\t}\n}\n"]}
1	+ {"version":3,"file":"toast.component.js","sourceRoot":"","sources":["../../../../src/components/molecules/toast/toast.component.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAgB,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAGxE,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAE/C,MAAM,SAAS,GAAG,GAAG,CAAC,wCAAwC,EAAE;IAC/D,QAAQ,EAAE;QACT,OAAO,EAAE;YACR,OAAO,EAAE,eAAe;YACxB,QAAQ,EAAE,uBAAuB;YACjC,MAAM,EAAE,cAAc;YACtB,QAAQ,EAAE,qBAAqB;SAC/B;KACD;CACD,CAAC,CAAC;AAEH,MAAM,OAAO,GAAG,GAAG,CAAC;IACnB,yCAAyC;IACzC,2BAA2B;CAC3B,CAAC,CAAC;AAOH,MAAM,OAAO,KAAK;IACjB;;OAEG;IACK,OAAO,GAAmD,UAAU,CAAC;IAE7E;;OAEG;IACK,MAAM,CAAU;IAExB;;OAEG;IACK,OAAO,CAAU;IAEzB;;OAEG;IACK,YAAY,GAAY,IAAI,CAAC;IAErC;;OAEG;IACK,UAAU,GAAgB,UAAU,CAAC;IAE7C;;OAEG;IACK,cAAc,CAAkB;IAExC;;OAEG;IACK,gBAAgB,CAAgB;IAExC;;OAEG;IAIH,MAAM,CAA2B;IAEjC,MAAM;QACL,OAAO,CACN,4DACC,KAAK,EAAC,kFAAkF,EACxF,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,QAAQ,EAAE;YAE9B,4DAAK,KAAK,EAAE,SAAS,CAAC,EAAE,OAAO,EAAE,IAAI,CAAC,OAAO,EAAE,CAAC,GAAI;YACpD,4DAAK,KAAK,EAAE,OAAO,EAAE;gBACpB,4DAAK,KAAK,EAAC,8BAA8B;oBACxC,0DAAG,KAAK,EAAC,0FAA0F,IACjG,IAAI,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,YAAM,IAAI,EAAC,QAAQ,GAAG,CACxD;oBACJ,0DAAG,KAAK,EAAC,mFAAmF,IAC1F,IAAI,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,YAAM,IAAI,EAAC,SAAS,GAAG,CAC3D,CACC;gBAEL,IAAI,CAAC,YAAY,IAAI,CACrB,4DAAK,KAAK,EAAC,sEAAsE;oBAChF,+DACC,OAAO,EAAE,IAAI,CAAC,UAAU,EACxB,IAAI,EAAE,IAAI,CAAC,cAAc,EACzB,MAAM,EAAE,IAAI,CAAC,gBAAgB,GAC5B,CACG,CACN,CACI,CACD,CACN,CAAC;IACH,CAAC;IAEO,QAAQ;QACf,IAAI,IAAI,CAAC,YAAY,EAAE,CAAC;YACvB,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE,CAAC;QACpB,CAAC;IACF,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACD","sourcesContent":["import { Component, Event, EventEmitter, h, Prop } from '@stencil/core';\nimport { RotateOptions } from '../../../types';\nimport { IconFlipOptions, IconVariant } from '../../atoms/icon/icon.component';\nimport { cva } from 'class-variance-authority';\n\nconst indicator = cva('w-[2px] rounded-full h-9 flex-shrink-0', {\n\tvariants: {\n\t\tvariant: {\n\t\t\tneutral: 'bg-indigo-800',\n\t\t\tpositive: 'bg-positive-green-500',\n\t\t\tbiased: 'bg-amber-500',\n\t\t\tnegative: 'bg-negative-red-500',\n\t\t},\n\t},\n});\n\nconst content = cva([\n\t'flex justify-between items-center gap-2',\n\t'w-[calc(100%-2px-0.5rem)]',\n]);\n\n@Component({\n\ttag: 'p-toast',\n\tstyleUrl: 'toast.component.css',\n\tshadow: true,\n})\nexport class Toast {\n\t/*\n\t The variant of the toast\n\t /\n\t@Prop() variant: 'neutral' \| 'positive' \| 'biased' \| 'negative' = 'positive';\n\n\t/\n\t The header of the toast\n\t /\n\t@Prop() header?: string;\n\n\t/\n\t The content of the toast\n\t /\n\t@Prop() content?: string;\n\n\t/\n\t Wether to enable the close button\n\t /\n\t@Prop() enableAction: boolean = true;\n\n\t/\n\t Icon to show on the button\n\t /\n\t@Prop() actionIcon: IconVariant = 'negative';\n\n\t/\n\t Icon flip\n\t /\n\t@Prop() actionIconFlip: IconFlipOptions;\n\n\t/\n\t Icon rotate\n\t /\n\t@Prop() actionIconRotate: RotateOptions;\n\n\t/\n\t Button click event\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\taction: EventEmitter<MouseEvent>;\n\n\trender() {\n\t\treturn (\n\t\t\t<div\n\t\t\t\tclass='flex gap-2 rounded-lg border border-solid border-storm-100 bg-white p-2 shadow-2'\n\t\t\t\tonClick={() => this._onClick()}\n\t\t\t>\n\t\t\t\t<div class={indicator({ variant: this.variant })} />\n\t\t\t\t<div class={content()}>\n\t\t\t\t\t<div class='flex w-full min-w-0 flex-col'>\n\t\t\t\t\t\t<p class='m-0 overflow-hidden text-ellipsis whitespace-nowrap text-sm font-semibold text-storm-500'>\n\t\t\t\t\t\t\t{this.header?.length ? this.header : <slot name='header' />}\n\t\t\t\t\t\t</p>\n\t\t\t\t\t\t<p class='m-0 w-full overflow-hidden text-ellipsis whitespace-nowrap text-xs text-storm-300'>\n\t\t\t\t\t\t\t{this.content?.length ? this.content : <slot name='content' />}\n\t\t\t\t\t\t</p>\n\t\t\t\t\t</div>\n\n\t\t\t\t\t{this.enableAction && (\n\t\t\t\t\t\t<div class='flex-shrink-0 cursor-pointer p-2 text-storm-200 hover:text-storm-500'>\n\t\t\t\t\t\t\t<p-icon\n\t\t\t\t\t\t\t\tvariant={this.actionIcon}\n\t\t\t\t\t\t\t\tflip={this.actionIconFlip}\n\t\t\t\t\t\t\t\trotate={this.actionIconRotate}\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</div>\n\t\t);\n\t}\n\n\tprivate _onClick() {\n\t\tif (this.enableAction) {\n\t\t\tthis.action.emit();\n\t\t}\n\t}\n}\n"]}