npm - @paperless/core - Versions diffs - 2.12.15 → 2.12.16 - Mend

@paperless/core 2.12.15 → 2.12.16

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 (389) hide show

package/dist/cjs/p-content-slider.cjs.entry.js CHANGED Viewed

@@ -53,9 +53,9 @@ const ContentSlider = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: 'f0049b9064462d362bda18bb1134e2457f8cbf35', class: 'p-content-slider' }, index.h("div", { key: '3e1e018f5b0c5e2966cc8b556f640b1c71d0c36e', class: `slider ${!this.disableDrag && 'draggable'} ${this._dragging && 'dragging'}`, style: {
+        return (index.h(index.Host, { key: '3082a3d1c0416b593e3a3d158d9eb076113f042f', class: 'p-content-slider' }, index.h("div", { key: '48e1f7e9e22fc71775354a47b960055ea050635e', class: `slider ${!this.disableDrag && 'draggable'} ${this._dragging && 'dragging'}`, style: {
                 height: `${this._outerHeight}px`,
-            }, ref: el => (this._sliderRef = el), onMouseDown: e => this._mouseDownHandler(e), onTouchStart: e => this._mouseDownHandler(e), onMouseMove: e => this._mouseMoveHandler(e), onTouchMove: e => this._mouseMoveHandler(e) }, index.h("div", { key: '4ed7e07800e19bb2abde082c08b51f188122af08', class: 'inner-slider', ref: ref => this._setInnerSliderReft(ref), onTransitionEnd: () => this._transitionEndHandler() }, index.h("slot", { key: '0f86e7c0590f21b6ff65da06c011e39acaa2ed36', onSlotchange: () => this._slotChange() }))), index.h("div", { key: 'd9211a164fa4bb149db55cde4c1f62a8bd597159', class: `indicator ${this.hideMobileIndicator && 'hidden'}` }, this._filteredItems.map((_, i) => (index.h("div", { onClick: () => this._scrollTo(i, true), class: `item ${!this.disableIndicatorClick && 'cursor-pointer'}` }, index.h("div", { class: cn.cn('block h-2 w-2 rounded-full', {
+            }, ref: el => (this._sliderRef = el), onMouseDown: e => this._mouseDownHandler(e), onTouchStart: e => this._mouseDownHandler(e), onMouseMove: e => this._mouseMoveHandler(e), onTouchMove: e => this._mouseMoveHandler(e) }, index.h("div", { key: 'e1a0dcc1c1ef51c96549ad06f446290c8a927766', class: 'inner-slider', ref: ref => this._setInnerSliderReft(ref), onTransitionEnd: () => this._transitionEndHandler() }, index.h("slot", { key: 'a291e9568a8c1bfd1a717b2c7a1acaaa65801abe', onSlotchange: () => this._slotChange() }))), index.h("div", { key: '5092b037cf36ced7b7a49cbc38aebe62028ba841', class: `indicator ${this.hideMobileIndicator && 'hidden'}` }, this._filteredItems.map((_, i) => (index.h("div", { onClick: () => this._scrollTo(i, true), class: `item ${!this.disableIndicatorClick && 'cursor-pointer'}` }, index.h("div", { class: cn.cn('block h-2 w-2 rounded-full', {
                 'bg-indigo-600': i === this._visibleIndex,
                 'bg-indigo-300': i !== this._visibleIndex,
             }) })))))));

package/dist/cjs/p-cropper.cjs.entry.js CHANGED Viewed

@@ -2848,7 +2848,7 @@ const Cropper = class {
         const themeColor = state.state.theme === 'dark'
             ? 'rgba(70, 75, 84, 0.5)'
             : 'rgba(255, 255, 255, 0.5)';
-        return (index.h(themedHost_component.ThemedHost, { key: 'ae4281b414955bb53ea4042ec2050b65c5fef056' }, this._loaded && (index.h("cropper-canvas", { key: 'c8becb46481827657e07f9bd960f72c1f8d82498', class: 'h-[17.5rem] w-full border-0 border-b border-solid border-off-white-700 bg-white dark:border-hurricane-200', onAction: () => this._onAction() }, index.h("cropper-image", { key: '104e1a53a5f3593e20275678d20555b30c3be4d7', src: this.value, alt: 'Picture', ref: ref => this._setImageRef(ref), scalable: true, translatable: true, crossorigin: 'anonymous' }), index.h("cropper-shade", { key: '14548d6b2aab143d94ce6358765bd6fb67005c90', class: 'aspect-branding rounded-full', "theme-color": themeColor, hidden: true }), index.h("cropper-selection", { key: '7549481bbaf624aee354f37331ef3e015e44c4c0', "initial-coverage": '0.7', "aspect-ratio": '1', ref: ref => (this._selectionRef = ref) }), index.h("cropper-handle", { key: '6f126629472478eea2f546a625b27f49bea55915', action: 'move', plain: true }))), index.h("p-range", { key: '9792a42b439310835a5fe88f68b6b8425cb21878', class: 'w-full px-14 tablet:max-w-xs tablet:px-1', value: this._currentScale, onValueChange: ev => this._onInput(ev.detail) })));
+        return (index.h(themedHost_component.ThemedHost, { key: '8de79414d99c04fce4f0c7b640bed695e4cc5853' }, this._loaded && (index.h("cropper-canvas", { key: '1180efdfdae579c524e03c6d5318d98a8882554f', class: 'h-[17.5rem] w-full border-0 border-b border-solid border-off-white-700 bg-white dark:border-hurricane-200', onAction: () => this._onAction() }, index.h("cropper-image", { key: '27f2096a8780043674bfcedbc80124d7a7616874', src: this.value, alt: 'Picture', ref: ref => this._setImageRef(ref), scalable: true, translatable: true, crossorigin: 'anonymous' }), index.h("cropper-shade", { key: '9f8680d14c514aded609bf4b3fc15ca2f958fc32', class: 'aspect-branding rounded-full', "theme-color": themeColor, hidden: true }), index.h("cropper-selection", { key: '101c1b6e1856da2900416d169820cc24d4ac03d6', "initial-coverage": '0.7', "aspect-ratio": '1', ref: ref => (this._selectionRef = ref) }), index.h("cropper-handle", { key: '17db2d8220c79692a96adee92c73f2e11b6a5f46', action: 'move', plain: true }))), index.h("p-range", { key: 'e29991c21cb4034b4fcc47c4bbf7b8f6a1e1567d', class: 'w-full px-14 tablet:max-w-xs tablet:px-1', value: this._currentScale, onValueChange: ev => this._onInput(ev.detail) })));
     }
     _setImageRef(ref) {
         if (this._imageRef) {

package/dist/cjs/p-datepicker.cjs.entry.js CHANGED Viewed

@@ -3067,7 +3067,7 @@ const Datepicker = class {
         this.parseValue(this.value);
     }
     render() {
-        return (index$1.h("p-dropdown", { key: 'dcc984f2f94249b1b999b5642e076b1502a67ea7', allowOverflow: true, strategy: this.strategy, placement: this.placement, disableTriggerClick: true, applyMaxWidth: false, applyFullWidth: false, insideClick: true, show: this._showDropdown }, index$1.h("p-field", { key: '5b359fd4a928da0a0b373c7e5d3823196bf93b02', slot: 'trigger', icon: this.hideIconWhenFilled && !!this._value ? null : 'calendar-multi', iconPosition: 'start', size: this.size, prefix: this.prefix, label: this.label, loading: this.loading, helper: this.helper, required: asBoolean.asBoolean(this.required), showOptional: asBoolean.asBoolean(this.showOptional), error: this.error, forceShowTooltip: !!this.error?.length && !this._showDropdown, autoShowError: false, disabled: asBoolean.asBoolean(this.disabled), focused: this._showDropdown, value: this._getFormattedDate(), placeholder: this.placeholder, onFocus: () => this._onFocus(), onBlur: () => this._onBlur(), onValueChange: ev => this._onValueChange(ev.detail), onInputRefChange: ev => (this._inputRef = ev.detail) }), this.enableNativePicker && this._isMobileBrowser && (index$1.h("input", { key: '1273bd273cb7590e1f4a5eca7e5dd730180993c4', slot: 'trigger', type: this.mode === 'day' ? 'date' : 'month', class: 'pointer-events-none absolute left-0 top-0 z-[-10] overflow-hidden opacity-0', onInput: ev => this._onNativeInput(ev), ref: ref => (this._dateInputRef = ref), value: this._value &&
+        return (index$1.h("p-dropdown", { key: '4400ed720e3b79d14c9c0f7a778ebad8594bc600', allowOverflow: true, strategy: this.strategy, placement: this.placement, disableTriggerClick: true, applyMaxWidth: false, applyFullWidth: false, insideClick: true, show: this._showDropdown }, index$1.h("p-field", { key: '667d56425f4a91e036345ec4a960bd56f437e775', slot: 'trigger', icon: this.hideIconWhenFilled && !!this._value ? null : 'calendar-multi', iconPosition: 'start', size: this.size, prefix: this.prefix, label: this.label, loading: this.loading, helper: this.helper, required: asBoolean.asBoolean(this.required), showOptional: asBoolean.asBoolean(this.showOptional), error: this.error, forceShowTooltip: !!this.error?.length && !this._showDropdown, autoShowError: false, disabled: asBoolean.asBoolean(this.disabled), focused: this._showDropdown, value: this._getFormattedDate(), placeholder: this.placeholder, onFocus: () => this._onFocus(), onBlur: () => this._onBlur(), onValueChange: ev => this._onValueChange(ev.detail), onInputRefChange: ev => (this._inputRef = ev.detail) }), this.enableNativePicker && this._isMobileBrowser && (index$1.h("input", { key: '6741f5b236b64eddd4a8e6cc35532cb310590722', slot: 'trigger', type: this.mode === 'day' ? 'date' : 'month', class: 'pointer-events-none absolute left-0 top-0 z-[-10] overflow-hidden opacity-0', onInput: ev => this._onNativeInput(ev), ref: ref => (this._dateInputRef = ref), value: this._value &&
                 index.format(this._value, 'yyyy-MM-dd', {
                     locale: state.state.locale === 'nl' ? index.locale$1 : index.locale,
                 }), min: this.minDate &&
@@ -3076,7 +3076,7 @@ const Datepicker = class {
                 }), max: this.maxDate &&
                 index.format(new Date(this.maxDate), 'yyyy-MM-dd', {
                     locale: state.state.locale === 'nl' ? index.locale$1 : index.locale,
-                }) })), index$1.h("div", { key: 'a5ea49580d178d2e3514b57acc53b2d498dc059e', slot: 'items' }, index$1.h("p-calendar", { key: '15e87133e58e7cf209a03c4a2eb18c235a1f3742', variant: 'embedded', value: this._value, onValueChange: ({ detail }) => (this.value = detail), preselectToday: this.preselectToday, disabledDates: this.disabledDates, minDate: this.minDate, maxDate: this.maxDate, disableWeekends: this.disableWeekends, enableToday: this.enableToday, todayText: this.todayText, mode: this.mode }))));
+                }) })), index$1.h("div", { key: '21bb536f91293aeb7bf9575bb4eb357bf89d0b1d', slot: 'items' }, index$1.h("p-calendar", { key: 'db5798f487ba8a1cdaf1826f30dcc36a9d292fb8', variant: 'embedded', value: this._value, onValueChange: ({ detail }) => (this.value = detail), preselectToday: this.preselectToday, disabledDates: this.disabledDates, minDate: this.minDate, maxDate: this.maxDate, disableWeekends: this.disableWeekends, enableToday: this.enableToday, todayText: this.todayText, mode: this.mode }))));
     }
     documentClickHandler({ target }) {
         if (!this._showDropdown || childOf.childOf(target, this._el)) {

package/dist/cjs/p-drawer-body.p-drawer-container.p-drawer-header.entry.cjs.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"p-drawer-body.p-drawer-container.p-drawer-header.entry.cjs.js","sources":["src/components/atoms/drawer/body/drawer-body.component.css?tag=p-drawer-body&encapsulation=shadow","src/components/atoms/drawer/body/drawer-body.component.tsx","src/components/atoms/drawer/container/drawer-container.component.css?tag=p-drawer-container&encapsulation=shadow","src/components/atoms/drawer/container/drawer-container.component.tsx","src/components/atoms/drawer/header/drawer-header.component.css?tag=p-drawer-header&encapsulation=shadow","src/components/atoms/drawer/header/drawer-header.component.tsx"],"sourcesContent":[":host {\n\t@apply flex flex-1 flex-col gap-4;\n\t@apply w-full h-full p-4;\n\tpadding-bottom: calc(env(safe-area-inset-bottom, 0) + 1rem);\n}\n","import { Component, h } from '@stencil/core';\n\n@Component({\n\ttag: 'p-drawer-body',\n\tstyleUrl: 'drawer-body.component.css',\n\tshadow: true,\n})\nexport class DrawerBody {\n\trender() {\n\t\treturn <slot />;\n\t}\n}\n",":host {\n\t@apply flex flex-col items-end;\n\t@apply w-full px-2 tablet:ml-auto tablet:w-auto;\n\t@apply min-h-full overflow-x-hidden;\n}\n","import { Component, h, Prop } from '@stencil/core';\nimport { cva } from 'class-variance-authority';\nimport { asBoolean } from '../../../../utils/as-boolean';\nimport { ThemedHost } from '../../../../internal/themed-host.component';\n\nconst container = cva(\n\t[\n\t\t'flex-1 min-w-0 my-safe-2',\n\n\t\t'z-drawer flex flex-col',\n\n\t\t'rounded-2xl bg-white dark:bg-hurricane-600',\n\t\t'w-full tablet:w-[22.5rem]',\n\n\t\t'shadow-modal',\n\t],\n\t{\n\t\tvariants: {\n\t\t\tclosing: {\n\t\t\t\tfalse: 'animate-slide-in-right',\n\t\t\t\ttrue: 'animate-slide-out-right',\n\t\t\t},\n\t\t},\n\t}\n);\n\n@Component({\n\ttag: 'p-drawer-container',\n\tstyleUrl: 'drawer-container.component.css',\n\tshadow: true,\n})\nexport class DrawerContainer {\n\t/*\n\t Wether the container is closing\n\t /\n\t@Prop() closing: boolean = false;\n\n\trender() {\n\t\treturn (\n\t\t\t<ThemedHost>\n\t\t\t\t<div\n\t\t\t\t\tclass={container({\n\t\t\t\t\t\tclosing: asBoolean(this.closing),\n\t\t\t\t\t})}\n\t\t\t\t>\n\t\t\t\t\t<slot />\n\t\t\t\t</div>\n\t\t\t</ThemedHost>\n\t\t);\n\t}\n}\n","","import { Component, Event, EventEmitter, h, Prop } from '@stencil/core';\nimport { cva } from 'class-variance-authority';\nimport { ThemedHost } from '../../../../internal/themed-host.component';\n\nconst header = cva([\n\t'w-full min-h-18 flex-col relative rounded-t-2xl overflow-hidden z-[1]',\n\t'bg-white dark:bg-hurricane-600',\n\t'inline-flex',\n]);\n\nconst content = cva(['flex justify-between', 'w-full p-4 pb-0 min-h-12']);\n\nconst title = cva([\n\t'flex-1 text-center',\n\t'text-storm-500 dark:text-white text-2xl text-ambit font-bold',\n]);\n\n@Component({\n\ttag: 'p-drawer-header',\n\tstyleUrl: 'drawer-header.component.css',\n\tshadow: true,\n})\nexport class DrawerHeader {\n\t/\n\t Wether to show the close button on mobile\n\t /\n\t@Prop() showClose = true;\n\n\t/\n\t Close click event\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\tclose: EventEmitter<MouseEvent>;\n\n\trender() {\n\t\treturn (\n\t\t\t<ThemedHost>\n\t\t\t\t<div class={header()}>\n\t\t\t\t\t<div class={content()}>\n\t\t\t\t\t\t{this.showClose && (\n\t\t\t\t\t\t\t<p-button\n\t\t\t\t\t\t\t\tvariant='secondary'\n\t\t\t\t\t\t\t\ticon='negative'\n\t\t\t\t\t\t\t\ticonOnly={true}\n\t\t\t\t\t\t\t\tonClick={ev => this.close.emit(ev)}\n\t\t\t\t\t\t\t></p-button>\n\t\t\t\t\t\t)}\n\n\t\t\t\t\t\t<div class={title()}>\n\t\t\t\t\t\t\t<slot />\n\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t{this.showClose && <div class='size-8' />}\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<p-smile class='dark:text-hurricane-400' />\n\t\t\t\t</div>\n\t\t\t</ThemedHost>\n\t\t);\n\t}\n}\n"],"names":["h","cva","ThemedHost","asBoolean"],"mappings":";;;;;;;;;AAAA,MAAM,sBAAsB,GAAG,6UAA6U;;MCO/V,UAAU,GAAA,MAAA;;;;IACtB,MAAM,GAAA;QACL,OAAOA,oEAAQ;;;;;ACTjB,MAAM,2BAA2B,GAAG,~~s2FAAs2F~~;;~~ACK14F~~,MAAM,SAAS,GAAGC,WAAG,CACpB;IACC,0BAA0B;IAE1B,wBAAwB;IAExB,~~4CAA4C~~;~~IAC5C~~,2BAA2B;IAE3B,cAAc;CACd,EACD;AACC,IAAA,QAAQ,EAAE;AACT,QAAA,OAAO,EAAE;AACR,YAAA,KAAK,EAAE,wBAAwB;AAC/B,YAAA,IAAI,EAAE,yBAAyB;AAC/B,SAAA;AACD,KAAA;AACD,CAAA,CACD;MAOY,eAAe,GAAA,MAAA;;;;AAC3B;;AAEG;IACK,OAAO,GAAY,KAAK;IAEhC,MAAM,GAAA;QACL,QACCD,QAACE,+BAAU,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACVF,OACC,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,SAAS,CAAC;AAChB,gBAAA,OAAO,EAAEG,mBAAS,CAAC,IAAI,CAAC,OAAO,CAAC;AAChC,aAAA,CAAC,EAAA,EAEFH,OAAQ,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACH,CACM;;;;;AC/ChB,MAAM,wBAAwB,GAAG,49DAA49D;;ACI7/D,MAAM,MAAM,GAAGC,WAAG,CAAC;IAClB,uEAAuE;IACvE,gCAAgC;IAChC,aAAa;AACb,CAAA,CAAC;AAEF,MAAM,OAAO,GAAGA,WAAG,CAAC,CAAC,sBAAsB,EAAE,0BAA0B,CAAC,CAAC;AAEzE,MAAM,KAAK,GAAGA,WAAG,CAAC;IACjB,oBAAoB;IACpB,8DAA8D;AAC9D,CAAA,CAAC;MAOW,YAAY,GAAA,MAAA;;;;;AACxB;;AAEG;IACK,SAAS,GAAG,IAAI;AAExB;;AAEG;AAIH,IAAA,KAAK;IAEL,MAAM,GAAA;AACL,QAAA,QACCD,QAACE,+BAAU,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACVF,OAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,MAAM,EAAE,EAAA,EACnBA,OAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,OAAO,EAAE,EAAA,EACnB,IAAI,CAAC,SAAS,KACdA,uEACC,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,UAAU,EACf,QAAQ,EAAE,IAAI,EACd,OAAO,EAAE,EAAE,IAAI,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE,CAAC,GACvB,CACZ,EAEDA,OAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,KAAK,EAAE,EAAA,EAClBA,OAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAQ,CACH,EAEL,IAAI,CAAC,SAAS,IAAIA,OAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,QAAQ,GAAG,CACpC,EAENA,OAAA,CAAA,SAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAS,KAAK,EAAC,yBAAyB,GAAG,CACtC,CACM;;;;;;;;;"}
1	+ {"version":3,"file":"p-drawer-body.p-drawer-container.p-drawer-header.entry.cjs.js","sources":["src/components/atoms/drawer/body/drawer-body.component.css?tag=p-drawer-body&encapsulation=shadow","src/components/atoms/drawer/body/drawer-body.component.tsx","src/components/atoms/drawer/container/drawer-container.component.css?tag=p-drawer-container&encapsulation=shadow","src/components/atoms/drawer/container/drawer-container.component.tsx","src/components/atoms/drawer/header/drawer-header.component.css?tag=p-drawer-header&encapsulation=shadow","src/components/atoms/drawer/header/drawer-header.component.tsx"],"sourcesContent":[":host {\n\t@apply flex flex-1 flex-col gap-4;\n\t@apply w-full h-full p-4;\n\tpadding-bottom: calc(env(safe-area-inset-bottom, 0) + 1rem);\n}\n","import { Component, h } from '@stencil/core';\n\n@Component({\n\ttag: 'p-drawer-body',\n\tstyleUrl: 'drawer-body.component.css',\n\tshadow: true,\n})\nexport class DrawerBody {\n\trender() {\n\t\treturn <slot />;\n\t}\n}\n",":host {\n\t@apply flex flex-col items-end;\n\t@apply w-full px-2 tablet:ml-auto tablet:w-auto;\n\t@apply min-h-full overflow-x-hidden;\n}\n","import { Component, h, Prop } from '@stencil/core';\nimport { cva } from 'class-variance-authority';\nimport { asBoolean } from '../../../../utils/as-boolean';\nimport { ThemedHost } from '../../../../internal/themed-host.component';\n\nconst container = cva(\n\t[\n\t\t'flex-1 min-w-0 my-safe-2',\n\n\t\t'z-drawer flex flex-col',\n\n\t\t'rounded-2xl bg-white dark:bg-hurricane-600 dark:border-hurricane-400 dark:border dark:border-solid',\n\t\t'w-full tablet:w-[22.5rem]',\n\n\t\t'shadow-modal',\n\t],\n\t{\n\t\tvariants: {\n\t\t\tclosing: {\n\t\t\t\tfalse: 'animate-slide-in-right',\n\t\t\t\ttrue: 'animate-slide-out-right',\n\t\t\t},\n\t\t},\n\t}\n);\n\n@Component({\n\ttag: 'p-drawer-container',\n\tstyleUrl: 'drawer-container.component.css',\n\tshadow: true,\n})\nexport class DrawerContainer {\n\t/*\n\t Wether the container is closing\n\t /\n\t@Prop() closing: boolean = false;\n\n\trender() {\n\t\treturn (\n\t\t\t<ThemedHost>\n\t\t\t\t<div\n\t\t\t\t\tclass={container({\n\t\t\t\t\t\tclosing: asBoolean(this.closing),\n\t\t\t\t\t})}\n\t\t\t\t>\n\t\t\t\t\t<slot />\n\t\t\t\t</div>\n\t\t\t</ThemedHost>\n\t\t);\n\t}\n}\n","","import { Component, Event, EventEmitter, h, Prop } from '@stencil/core';\nimport { cva } from 'class-variance-authority';\nimport { ThemedHost } from '../../../../internal/themed-host.component';\n\nconst header = cva([\n\t'w-full min-h-18 flex-col relative rounded-t-2xl overflow-hidden z-[1]',\n\t'bg-white dark:bg-hurricane-600',\n\t'inline-flex',\n]);\n\nconst content = cva(['flex justify-between', 'w-full p-4 pb-0 min-h-12']);\n\nconst title = cva([\n\t'flex-1 text-center',\n\t'text-storm-500 dark:text-white text-2xl text-ambit font-bold',\n]);\n\n@Component({\n\ttag: 'p-drawer-header',\n\tstyleUrl: 'drawer-header.component.css',\n\tshadow: true,\n})\nexport class DrawerHeader {\n\t/\n\t Wether to show the close button on mobile\n\t /\n\t@Prop() showClose = true;\n\n\t/\n\t Close click event\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\tclose: EventEmitter<MouseEvent>;\n\n\trender() {\n\t\treturn (\n\t\t\t<ThemedHost>\n\t\t\t\t<div class={header()}>\n\t\t\t\t\t<div class={content()}>\n\t\t\t\t\t\t{this.showClose && (\n\t\t\t\t\t\t\t<p-button\n\t\t\t\t\t\t\t\tvariant='secondary'\n\t\t\t\t\t\t\t\ticon='negative'\n\t\t\t\t\t\t\t\ticonOnly={true}\n\t\t\t\t\t\t\t\tonClick={ev => this.close.emit(ev)}\n\t\t\t\t\t\t\t></p-button>\n\t\t\t\t\t\t)}\n\n\t\t\t\t\t\t<div class={title()}>\n\t\t\t\t\t\t\t<slot />\n\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t{this.showClose && <div class='size-8' />}\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<p-smile class='dark:text-hurricane-400' />\n\t\t\t\t</div>\n\t\t\t</ThemedHost>\n\t\t);\n\t}\n}\n"],"names":["h","cva","ThemedHost","asBoolean"],"mappings":";;;;;;;;;AAAA,MAAM,sBAAsB,GAAG,6UAA6U;;MCO/V,UAAU,GAAA,MAAA;;;;IACtB,MAAM,GAAA;QACL,OAAOA,oEAAQ;;;;;ACTjB,MAAM,2BAA2B,GAAG,glHAAglH;;ACKpnH,MAAM,SAAS,GAAGC,WAAG,CACpB;IACC,0BAA0B;IAE1B,wBAAwB;IAExB,oGAAoG;IACpG,2BAA2B;IAE3B,cAAc;CACd,EACD;AACC,IAAA,QAAQ,EAAE;AACT,QAAA,OAAO,EAAE;AACR,YAAA,KAAK,EAAE,wBAAwB;AAC/B,YAAA,IAAI,EAAE,yBAAyB;AAC/B,SAAA;AACD,KAAA;AACD,CAAA,CACD;MAOY,eAAe,GAAA,MAAA;;;;AAC3B;;AAEG;IACK,OAAO,GAAY,KAAK;IAEhC,MAAM,GAAA;QACL,QACCD,QAACE,+BAAU,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACVF,OACC,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,SAAS,CAAC;AAChB,gBAAA,OAAO,EAAEG,mBAAS,CAAC,IAAI,CAAC,OAAO,CAAC;AAChC,aAAA,CAAC,EAAA,EAEFH,OAAQ,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACH,CACM;;;;;AC/ChB,MAAM,wBAAwB,GAAG,49DAA49D;;ACI7/D,MAAM,MAAM,GAAGC,WAAG,CAAC;IAClB,uEAAuE;IACvE,gCAAgC;IAChC,aAAa;AACb,CAAA,CAAC;AAEF,MAAM,OAAO,GAAGA,WAAG,CAAC,CAAC,sBAAsB,EAAE,0BAA0B,CAAC,CAAC;AAEzE,MAAM,KAAK,GAAGA,WAAG,CAAC;IACjB,oBAAoB;IACpB,8DAA8D;AAC9D,CAAA,CAAC;MAOW,YAAY,GAAA,MAAA;;;;;AACxB;;AAEG;IACK,SAAS,GAAG,IAAI;AAExB;;AAEG;AAIH,IAAA,KAAK;IAEL,MAAM,GAAA;AACL,QAAA,QACCD,QAACE,+BAAU,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACVF,OAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,MAAM,EAAE,EAAA,EACnBA,OAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,OAAO,EAAE,EAAA,EACnB,IAAI,CAAC,SAAS,KACdA,uEACC,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,UAAU,EACf,QAAQ,EAAE,IAAI,EACd,OAAO,EAAE,EAAE,IAAI,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE,CAAC,GACvB,CACZ,EAEDA,OAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,KAAK,EAAE,EAAA,EAClBA,OAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAQ,CACH,EAEL,IAAI,CAAC,SAAS,IAAIA,OAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,QAAQ,GAAG,CACpC,EAENA,OAAA,CAAA,SAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAS,KAAK,EAAC,yBAAyB,GAAG,CACtC,CACM;;;;;;;;;"}

package/dist/cjs/p-drawer-body_3.cjs.entry.js CHANGED Viewed

@@ -19,12 +19,12 @@ const DrawerBody = class {
 };
 DrawerBody.style = drawerBodyComponentCss;
-const drawerContainerComponentCss = ".flex{display:flex!important}.min-h-full{min-height:100%!important}.w-full{width:100%!important}.flex-col{flex-direction:column!important}.px-2{padding-left:.5rem!important;padding-right:.5rem!important}*{box-sizing:border-box}:host{align-items:flex-end;display:flex;flex-direction:column;min-height:100%;overflow-x:hidden;padding-left:.5rem;padding-right:.5rem;width:100%}@media (min-width:40rem){:host{margin-left:auto;width:auto}}@media (min-width:40rem){.tablet\\:ml-auto{margin-left:auto!important}}.static{position:static!important}.z-drawer{z-index:500!important}.min-w-0{min-width:0!important}.flex-1{flex:1 1 0%!important}@keyframes slideInRight{0%{transform:translateX(100%)}to{transform:translateX(0)}}.animate-slide-in-right{animation:slideInRight .5s ease forwards!important}@keyframes slideOutRight{0%{transform:translateX(0)}to{transform:translateX(100%)}}.animate-slide-out-right{animation:slideOutRight .2s ease forwards!important}.rounded-2xl{border-radius:1rem!important}.bg-white{--tw-bg-opacity:1!important;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))!important}.shadow-modal{--tw-shadow:0 0 0 1px rgba(0,2,2,.1),0 1px 1px 0 rgba(0,2,2,.2),0 2px 2px 0 rgba(0,2,2,.08),0 4px 4px 0 rgba(0,2,2,.08),0 8px 8px 0 rgba(0,2,2,.08)!important;--tw-shadow-colored:0 0 0 1px var(--tw-shadow-color),0 1px 1px 0 var(--tw-shadow-color),0 2px 2px 0 var(--tw-shadow-color),0 4px 4px 0 var(--tw-shadow-color),0 8px 8px 0 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}.my-safe-2{margin-bottom:calc(env(safe-area-inset-bottom) + .5rem)!important;margin-top:calc(env(safe-area-inset-top) + .5rem)!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}}@media (min-width:40rem){.tablet\\:w-\\[22\\.5rem\\]{width:22.5rem!important}}.dark\\:bg-hurricane-600:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-bg-opacity:1!important;background-color:rgb(46 52 62/var(--tw-bg-opacity,1))!important}.dark\\:bg-hurricane-600:where([data-theme=dark],[data-theme=dark] *){--tw-bg-opacity:1!important;background-color:rgb(46 52 62/var(--tw-bg-opacity,1))!important}";
+const drawerContainerComponentCss = ".flex{display:flex!important}.min-h-full{min-height:100%!important}.w-full{width:100%!important}.flex-col{flex-direction:column!important}.px-2{padding-left:.5rem!important;padding-right:.5rem!important}*{box-sizing:border-box}:host{align-items:flex-end;display:flex;flex-direction:column;min-height:100%;overflow-x:hidden;padding-left:.5rem;padding-right:.5rem;width:100%}@media (min-width:40rem){:host{margin-left:auto;width:auto}}@media (min-width:40rem){.tablet\\:ml-auto{margin-left:auto!important}}.static{position:static!important}.z-drawer{z-index:500!important}.min-w-0{min-width:0!important}.flex-1{flex:1 1 0%!important}@keyframes slideInRight{0%{transform:translateX(100%)}to{transform:translateX(0)}}.animate-slide-in-right{animation:slideInRight .5s ease forwards!important}@keyframes slideOutRight{0%{transform:translateX(0)}to{transform:translateX(100%)}}.animate-slide-out-right{animation:slideOutRight .2s ease forwards!important}.rounded-2xl{border-radius:1rem!important}.bg-white{--tw-bg-opacity:1!important;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))!important}.shadow-modal{--tw-shadow:0 0 0 1px rgba(0,2,2,.1),0 1px 1px 0 rgba(0,2,2,.2),0 2px 2px 0 rgba(0,2,2,.08),0 4px 4px 0 rgba(0,2,2,.08),0 8px 8px 0 rgba(0,2,2,.08)!important;--tw-shadow-colored:0 0 0 1px var(--tw-shadow-color),0 1px 1px 0 var(--tw-shadow-color),0 2px 2px 0 var(--tw-shadow-color),0 4px 4px 0 var(--tw-shadow-color),0 8px 8px 0 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}.my-safe-2{margin-bottom:calc(env(safe-area-inset-bottom) + .5rem)!important;margin-top:calc(env(safe-area-inset-top) + .5rem)!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}}@media (min-width:40rem){.tablet\\:w-\\[22\\.5rem\\]{width:22.5rem!important}}.dark\\:border:where(:host([data-theme=dark]),:host([data-theme=dark]) *){border-width:1px!important}.dark\\:border-solid:where(:host([data-theme=dark]),:host([data-theme=dark]) *){border-style:solid!important}.dark\\:border-hurricane-400:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-border-opacity:1!important;border-color:rgb(70 75 84/var(--tw-border-opacity,1))!important}.dark\\:bg-hurricane-600:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-bg-opacity:1!important;background-color:rgb(46 52 62/var(--tw-bg-opacity,1))!important}.dark\\:border:where([data-theme=dark],[data-theme=dark] *){border-width:1px!important}.dark\\:border-solid:where([data-theme=dark],[data-theme=dark] *){border-style:solid!important}.dark\\:border-hurricane-400:where([data-theme=dark],[data-theme=dark] *){--tw-border-opacity:1!important;border-color:rgb(70 75 84/var(--tw-border-opacity,1))!important}.dark\\:bg-hurricane-600:where([data-theme=dark],[data-theme=dark] *){--tw-bg-opacity:1!important;background-color:rgb(46 52 62/var(--tw-bg-opacity,1))!important}";
 const container = index$1.cva([
     'flex-1 min-w-0 my-safe-2',
     'z-drawer flex flex-col',
-    'rounded-2xl bg-white dark:bg-hurricane-600',
+    'rounded-2xl bg-white dark:bg-hurricane-600 dark:border-hurricane-400 dark:border dark:border-solid',
     'w-full tablet:w-[22.5rem]',
     'shadow-modal',
 ], {
@@ -44,9 +44,9 @@ const DrawerContainer = class {
      */
     closing = false;
     render() {
-        return (index.h(themedHost_component.ThemedHost, { key: '55d7a718c3dbe61487bf8068cdd32b7f1106a77f' }, index.h("div", { key: '8cc2aa8a3066722ab29da0c7f1c4bf09d0e5f512', class: container({
+        return (index.h(themedHost_component.ThemedHost, { key: '6f5f2850bf8c1d74a288f08d9fa135569fd8b2ca' }, index.h("div", { key: '5077adee44ac5299591828e2c8a1c731a2169b45', class: container({
                 closing: asBoolean.asBoolean(this.closing),
-            }) }, index.h("slot", { key: '1faa0e2272780f462ebf2907a09a048aa8385c64' }))));
+            }) }, index.h("slot", { key: '2e3a1f72fb1b24ee97d80fc8b83f001bd341efe1' }))));
     }
 };
 DrawerContainer.style = drawerContainerComponentCss;

package/dist/cjs/p-drawer-body_3.cjs.entry.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"p-drawer-body.p-drawer-container.p-drawer-header.entry.cjs.js","mappings":";;;;;;;;;AAAA,MAAM,sBAAsB,GAAG,6UAA6U;;MCO/V,UAAU,GAAA,MAAA;;;;IACtB,MAAM,GAAA;QACL,OAAOA,oEAAQ;;;;;ACTjB,MAAM,2BAA2B,GAAG,~~s2FAAs2F~~;;~~ACK14F~~,MAAM,SAAS,GAAGC,WAAG,CACpB;IACC,0BAA0B;IAE1B,wBAAwB;IAExB,~~4CAA4C~~;~~IAC5C~~,2BAA2B;IAE3B,cAAc;CACd,EACD;AACC,IAAA,QAAQ,EAAE;AACT,QAAA,OAAO,EAAE;AACR,YAAA,KAAK,EAAE,wBAAwB;AAC/B,YAAA,IAAI,EAAE,yBAAyB;AAC/B,SAAA;AACD,KAAA;AACD,CAAA,CACD;MAOY,eAAe,GAAA,MAAA;;;;AAC3B;;AAEG;IACK,OAAO,GAAY,KAAK;IAEhC,MAAM,GAAA;QACL,QACCD,QAACE,+BAAU,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACVF,OACC,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,SAAS,CAAC;AAChB,gBAAA,OAAO,EAAEG,mBAAS,CAAC,IAAI,CAAC,OAAO,CAAC;AAChC,aAAA,CAAC,EAAA,EAEFH,OAAQ,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACH,CACM;;;;;AC/ChB,MAAM,wBAAwB,GAAG,49DAA49D;;ACI7/D,MAAM,MAAM,GAAGC,WAAG,CAAC;IAClB,uEAAuE;IACvE,gCAAgC;IAChC,aAAa;AACb,CAAA,CAAC;AAEF,MAAM,OAAO,GAAGA,WAAG,CAAC,CAAC,sBAAsB,EAAE,0BAA0B,CAAC,CAAC;AAEzE,MAAM,KAAK,GAAGA,WAAG,CAAC;IACjB,oBAAoB;IACpB,8DAA8D;AAC9D,CAAA,CAAC;MAOW,YAAY,GAAA,MAAA;;;;;AACxB;;AAEG;IACK,SAAS,GAAG,IAAI;AAExB;;AAEG;AAIH,IAAA,KAAK;IAEL,MAAM,GAAA;AACL,QAAA,QACCD,QAACE,+BAAU,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACVF,OAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,MAAM,EAAE,EAAA,EACnBA,OAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,OAAO,EAAE,EAAA,EACnB,IAAI,CAAC,SAAS,KACdA,uEACC,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,UAAU,EACf,QAAQ,EAAE,IAAI,EACd,OAAO,EAAE,EAAE,IAAI,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE,CAAC,GACvB,CACZ,EAEDA,OAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,KAAK,EAAE,EAAA,EAClBA,OAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAQ,CACH,EAEL,IAAI,CAAC,SAAS,IAAIA,OAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,QAAQ,GAAG,CACpC,EAENA,OAAA,CAAA,SAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAS,KAAK,EAAC,yBAAyB,GAAG,CACtC,CACM;;;;;;;;;","names":["h","cva","ThemedHost","asBoolean"],"sources":["src/components/atoms/drawer/body/drawer-body.component.css?tag=p-drawer-body&encapsulation=shadow","src/components/atoms/drawer/body/drawer-body.component.tsx","src/components/atoms/drawer/container/drawer-container.component.css?tag=p-drawer-container&encapsulation=shadow","src/components/atoms/drawer/container/drawer-container.component.tsx","src/components/atoms/drawer/header/drawer-header.component.css?tag=p-drawer-header&encapsulation=shadow","src/components/atoms/drawer/header/drawer-header.component.tsx"],"sourcesContent":[":host {\n\t@apply flex flex-1 flex-col gap-4;\n\t@apply w-full h-full p-4;\n\tpadding-bottom: calc(env(safe-area-inset-bottom, 0) + 1rem);\n}\n","import { Component, h } from '@stencil/core';\n\n@Component({\n\ttag: 'p-drawer-body',\n\tstyleUrl: 'drawer-body.component.css',\n\tshadow: true,\n})\nexport class DrawerBody {\n\trender() {\n\t\treturn <slot />;\n\t}\n}\n",":host {\n\t@apply flex flex-col items-end;\n\t@apply w-full px-2 tablet:ml-auto tablet:w-auto;\n\t@apply min-h-full overflow-x-hidden;\n}\n","import { Component, h, Prop } from '@stencil/core';\nimport { cva } from 'class-variance-authority';\nimport { asBoolean } from '../../../../utils/as-boolean';\nimport { ThemedHost } from '../../../../internal/themed-host.component';\n\nconst container = cva(\n\t[\n\t\t'flex-1 min-w-0 my-safe-2',\n\n\t\t'z-drawer flex flex-col',\n\n\t\t'rounded-2xl bg-white dark:bg-hurricane-600',\n\t\t'w-full tablet:w-[22.5rem]',\n\n\t\t'shadow-modal',\n\t],\n\t{\n\t\tvariants: {\n\t\t\tclosing: {\n\t\t\t\tfalse: 'animate-slide-in-right',\n\t\t\t\ttrue: 'animate-slide-out-right',\n\t\t\t},\n\t\t},\n\t}\n);\n\n@Component({\n\ttag: 'p-drawer-container',\n\tstyleUrl: 'drawer-container.component.css',\n\tshadow: true,\n})\nexport class DrawerContainer {\n\t/*\n\t Wether the container is closing\n\t /\n\t@Prop() closing: boolean = false;\n\n\trender() {\n\t\treturn (\n\t\t\t<ThemedHost>\n\t\t\t\t<div\n\t\t\t\t\tclass={container({\n\t\t\t\t\t\tclosing: asBoolean(this.closing),\n\t\t\t\t\t})}\n\t\t\t\t>\n\t\t\t\t\t<slot />\n\t\t\t\t</div>\n\t\t\t</ThemedHost>\n\t\t);\n\t}\n}\n","","import { Component, Event, EventEmitter, h, Prop } from '@stencil/core';\nimport { cva } from 'class-variance-authority';\nimport { ThemedHost } from '../../../../internal/themed-host.component';\n\nconst header = cva([\n\t'w-full min-h-18 flex-col relative rounded-t-2xl overflow-hidden z-[1]',\n\t'bg-white dark:bg-hurricane-600',\n\t'inline-flex',\n]);\n\nconst content = cva(['flex justify-between', 'w-full p-4 pb-0 min-h-12']);\n\nconst title = cva([\n\t'flex-1 text-center',\n\t'text-storm-500 dark:text-white text-2xl text-ambit font-bold',\n]);\n\n@Component({\n\ttag: 'p-drawer-header',\n\tstyleUrl: 'drawer-header.component.css',\n\tshadow: true,\n})\nexport class DrawerHeader {\n\t/\n\t Wether to show the close button on mobile\n\t /\n\t@Prop() showClose = true;\n\n\t/\n\t Close click event\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\tclose: EventEmitter<MouseEvent>;\n\n\trender() {\n\t\treturn (\n\t\t\t<ThemedHost>\n\t\t\t\t<div class={header()}>\n\t\t\t\t\t<div class={content()}>\n\t\t\t\t\t\t{this.showClose && (\n\t\t\t\t\t\t\t<p-button\n\t\t\t\t\t\t\t\tvariant='secondary'\n\t\t\t\t\t\t\t\ticon='negative'\n\t\t\t\t\t\t\t\ticonOnly={true}\n\t\t\t\t\t\t\t\tonClick={ev => this.close.emit(ev)}\n\t\t\t\t\t\t\t></p-button>\n\t\t\t\t\t\t)}\n\n\t\t\t\t\t\t<div class={title()}>\n\t\t\t\t\t\t\t<slot />\n\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t{this.showClose && <div class='size-8' />}\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<p-smile class='dark:text-hurricane-400' />\n\t\t\t\t</div>\n\t\t\t</ThemedHost>\n\t\t);\n\t}\n}\n"],"version":3}
1	+ {"file":"p-drawer-body.p-drawer-container.p-drawer-header.entry.cjs.js","mappings":";;;;;;;;;AAAA,MAAM,sBAAsB,GAAG,6UAA6U;;MCO/V,UAAU,GAAA,MAAA;;;;IACtB,MAAM,GAAA;QACL,OAAOA,oEAAQ;;;;;ACTjB,MAAM,2BAA2B,GAAG,glHAAglH;;ACKpnH,MAAM,SAAS,GAAGC,WAAG,CACpB;IACC,0BAA0B;IAE1B,wBAAwB;IAExB,oGAAoG;IACpG,2BAA2B;IAE3B,cAAc;CACd,EACD;AACC,IAAA,QAAQ,EAAE;AACT,QAAA,OAAO,EAAE;AACR,YAAA,KAAK,EAAE,wBAAwB;AAC/B,YAAA,IAAI,EAAE,yBAAyB;AAC/B,SAAA;AACD,KAAA;AACD,CAAA,CACD;MAOY,eAAe,GAAA,MAAA;;;;AAC3B;;AAEG;IACK,OAAO,GAAY,KAAK;IAEhC,MAAM,GAAA;QACL,QACCD,QAACE,+BAAU,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACVF,OACC,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,SAAS,CAAC;AAChB,gBAAA,OAAO,EAAEG,mBAAS,CAAC,IAAI,CAAC,OAAO,CAAC;AAChC,aAAA,CAAC,EAAA,EAEFH,OAAQ,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACH,CACM;;;;;AC/ChB,MAAM,wBAAwB,GAAG,49DAA49D;;ACI7/D,MAAM,MAAM,GAAGC,WAAG,CAAC;IAClB,uEAAuE;IACvE,gCAAgC;IAChC,aAAa;AACb,CAAA,CAAC;AAEF,MAAM,OAAO,GAAGA,WAAG,CAAC,CAAC,sBAAsB,EAAE,0BAA0B,CAAC,CAAC;AAEzE,MAAM,KAAK,GAAGA,WAAG,CAAC;IACjB,oBAAoB;IACpB,8DAA8D;AAC9D,CAAA,CAAC;MAOW,YAAY,GAAA,MAAA;;;;;AACxB;;AAEG;IACK,SAAS,GAAG,IAAI;AAExB;;AAEG;AAIH,IAAA,KAAK;IAEL,MAAM,GAAA;AACL,QAAA,QACCD,QAACE,+BAAU,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACVF,OAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,MAAM,EAAE,EAAA,EACnBA,OAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,OAAO,EAAE,EAAA,EACnB,IAAI,CAAC,SAAS,KACdA,uEACC,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,UAAU,EACf,QAAQ,EAAE,IAAI,EACd,OAAO,EAAE,EAAE,IAAI,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE,CAAC,GACvB,CACZ,EAEDA,OAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,KAAK,EAAE,EAAA,EAClBA,OAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAQ,CACH,EAEL,IAAI,CAAC,SAAS,IAAIA,OAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,QAAQ,GAAG,CACpC,EAENA,OAAA,CAAA,SAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAS,KAAK,EAAC,yBAAyB,GAAG,CACtC,CACM;;;;;;;;;","names":["h","cva","ThemedHost","asBoolean"],"sources":["src/components/atoms/drawer/body/drawer-body.component.css?tag=p-drawer-body&encapsulation=shadow","src/components/atoms/drawer/body/drawer-body.component.tsx","src/components/atoms/drawer/container/drawer-container.component.css?tag=p-drawer-container&encapsulation=shadow","src/components/atoms/drawer/container/drawer-container.component.tsx","src/components/atoms/drawer/header/drawer-header.component.css?tag=p-drawer-header&encapsulation=shadow","src/components/atoms/drawer/header/drawer-header.component.tsx"],"sourcesContent":[":host {\n\t@apply flex flex-1 flex-col gap-4;\n\t@apply w-full h-full p-4;\n\tpadding-bottom: calc(env(safe-area-inset-bottom, 0) + 1rem);\n}\n","import { Component, h } from '@stencil/core';\n\n@Component({\n\ttag: 'p-drawer-body',\n\tstyleUrl: 'drawer-body.component.css',\n\tshadow: true,\n})\nexport class DrawerBody {\n\trender() {\n\t\treturn <slot />;\n\t}\n}\n",":host {\n\t@apply flex flex-col items-end;\n\t@apply w-full px-2 tablet:ml-auto tablet:w-auto;\n\t@apply min-h-full overflow-x-hidden;\n}\n","import { Component, h, Prop } from '@stencil/core';\nimport { cva } from 'class-variance-authority';\nimport { asBoolean } from '../../../../utils/as-boolean';\nimport { ThemedHost } from '../../../../internal/themed-host.component';\n\nconst container = cva(\n\t[\n\t\t'flex-1 min-w-0 my-safe-2',\n\n\t\t'z-drawer flex flex-col',\n\n\t\t'rounded-2xl bg-white dark:bg-hurricane-600 dark:border-hurricane-400 dark:border dark:border-solid',\n\t\t'w-full tablet:w-[22.5rem]',\n\n\t\t'shadow-modal',\n\t],\n\t{\n\t\tvariants: {\n\t\t\tclosing: {\n\t\t\t\tfalse: 'animate-slide-in-right',\n\t\t\t\ttrue: 'animate-slide-out-right',\n\t\t\t},\n\t\t},\n\t}\n);\n\n@Component({\n\ttag: 'p-drawer-container',\n\tstyleUrl: 'drawer-container.component.css',\n\tshadow: true,\n})\nexport class DrawerContainer {\n\t/*\n\t Wether the container is closing\n\t /\n\t@Prop() closing: boolean = false;\n\n\trender() {\n\t\treturn (\n\t\t\t<ThemedHost>\n\t\t\t\t<div\n\t\t\t\t\tclass={container({\n\t\t\t\t\t\tclosing: asBoolean(this.closing),\n\t\t\t\t\t})}\n\t\t\t\t>\n\t\t\t\t\t<slot />\n\t\t\t\t</div>\n\t\t\t</ThemedHost>\n\t\t);\n\t}\n}\n","","import { Component, Event, EventEmitter, h, Prop } from '@stencil/core';\nimport { cva } from 'class-variance-authority';\nimport { ThemedHost } from '../../../../internal/themed-host.component';\n\nconst header = cva([\n\t'w-full min-h-18 flex-col relative rounded-t-2xl overflow-hidden z-[1]',\n\t'bg-white dark:bg-hurricane-600',\n\t'inline-flex',\n]);\n\nconst content = cva(['flex justify-between', 'w-full p-4 pb-0 min-h-12']);\n\nconst title = cva([\n\t'flex-1 text-center',\n\t'text-storm-500 dark:text-white text-2xl text-ambit font-bold',\n]);\n\n@Component({\n\ttag: 'p-drawer-header',\n\tstyleUrl: 'drawer-header.component.css',\n\tshadow: true,\n})\nexport class DrawerHeader {\n\t/\n\t Wether to show the close button on mobile\n\t /\n\t@Prop() showClose = true;\n\n\t/\n\t Close click event\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\tclose: EventEmitter<MouseEvent>;\n\n\trender() {\n\t\treturn (\n\t\t\t<ThemedHost>\n\t\t\t\t<div class={header()}>\n\t\t\t\t\t<div class={content()}>\n\t\t\t\t\t\t{this.showClose && (\n\t\t\t\t\t\t\t<p-button\n\t\t\t\t\t\t\t\tvariant='secondary'\n\t\t\t\t\t\t\t\ticon='negative'\n\t\t\t\t\t\t\t\ticonOnly={true}\n\t\t\t\t\t\t\t\tonClick={ev => this.close.emit(ev)}\n\t\t\t\t\t\t\t></p-button>\n\t\t\t\t\t\t)}\n\n\t\t\t\t\t\t<div class={title()}>\n\t\t\t\t\t\t\t<slot />\n\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t{this.showClose && <div class='size-8' />}\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<p-smile class='dark:text-hurricane-400' />\n\t\t\t\t</div>\n\t\t\t</ThemedHost>\n\t\t);\n\t}\n}\n"],"version":3}

package/dist/cjs/p-empty-state_8.cjs.entry.js CHANGED Viewed

@@ -72,11 +72,11 @@ const EmptyState = class {
         const hasHeaderSlot = !!this._el.querySelector(':scope > [slot="header"]');
         const hasContentSlot = !!this._el.querySelector(':scope > [slot="content"]');
         const hasActionSlot = !!this._el.querySelector(':scope > [slot="action"]');
-        return (index.h(themedHost_component.ThemedHost, { key: '2bdc6f6d1fe79fc5b4fbd34c911a1eaa96cd6257' }, index.h("div", { key: 'c4a6260f4557144ebdcbab77756084a916ebb520', class: emptyState({
+        return (index.h(themedHost_component.ThemedHost, { key: 'a7178e18d2a830fa44b73825c8abf2940b29c40a' }, index.h("div", { key: 'dfde89ed956be692bd107ae2084422f35cb2991c', class: emptyState({
                 enableAction: asBoolean.asBoolean(this.enableAction, true),
             }), onClick: ev => this.enableAction && !this.actionLoading
                 ? this.action.emit(ev)
-                : undefined }, this.illustration && (index.h("p-illustration", { key: 'd772c46da64905e75989c1d44e1337f557d8a85f', class: 'mb-8 text-5xl text-indigo-600', variant: this.illustration })), hasHeaderSlot ? (index.h("slot", { name: 'header' })) : (this.header?.length && (index.h("p", { class: 'my-0 text-center font-ambit text-sm font-bold text-storm-500 dark:text-white' }, this.header))), hasContentSlot ? (index.h("slot", { name: 'content' })) : (this.content?.length && (index.h("p", { class: 'my-0 text-center text-sm font-normal text-storm-300 dark:text-hurricane-200' }, this.content))), this.enableAction &&
+                : undefined }, this.illustration && (index.h("p-illustration", { key: '36f836019e28b73d1694b7268e24959ec90b1d3c', class: 'mb-8 text-5xl text-indigo-600', variant: this.illustration })), hasHeaderSlot ? (index.h("slot", { name: 'header' })) : (this.header?.length && (index.h("p", { class: 'my-0 text-center font-ambit text-sm font-bold text-storm-500 dark:text-white' }, this.header))), hasContentSlot ? (index.h("slot", { name: 'content' })) : (this.content?.length && (index.h("p", { class: 'my-0 text-center text-sm font-normal text-storm-300 dark:text-hurricane-200' }, this.content))), this.enableAction &&
             (hasActionSlot ? (index.h("slot", { name: 'action' })) : (index.h("p-button", { class: 'mt-4', icon: this.actionIcon, iconPosition: this.actionIconPosition, loading: this.actionLoading, variant: this.actionVariant }, this.actionText))))));
     }
 };
@@ -210,7 +210,7 @@ const TableCell = class {
         };
     }
     render() {
-        return (index.h(themedHost_component.ThemedHost, { key: '9379194afed85cd76e08376396c90c5802417ccb', class: this._getColumnClasses() }, this.checkbox, this._getContent(), false));
+        return (index.h(themedHost_component.ThemedHost, { key: 'cd757cfb2a27c50feef5127165eb99b071238872', class: this._getColumnClasses() }, this.checkbox, this._getContent(), false));
     }
     _getContent() {
         if (this.variant === 'loading') {
@@ -237,7 +237,7 @@ const TableContainer = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(index.Host, { key: 'e1772f47e130bf95a91b2a9032e08439bdb12148', class: container() }, index.h("slot", { key: '58e38bc4fe4378fb69bd8cfae3f03b192b8a33b1' })));
+        return (index.h(index.Host, { key: '0aecc4fd136c891a69c1e73aa57a440a64431103', class: container() }, index.h("slot", { key: '83ea53a3483c1096954d4abafbf71e998411adde' })));
     }
 };
 TableContainer.style = tableContainerComponentCss;
@@ -337,11 +337,11 @@ const TableFooter = class {
         this._renderCheckTimeout = setTimeout(() => this._checkStuck(), 100);
     }
     render() {
-        return (index.h(themedHost_component.ThemedHost, { key: '47c7df230bf03cbdafb55c227eb7c4139ff98f1c' }, index.h("div", { key: '721794704451893ae3504baef3b06c4183eee867', class: footer({
+        return (index.h(themedHost_component.ThemedHost, { key: '40a461aa422e9fa9355b3c80dd2a587921757c97' }, index.h("div", { key: 'aaaf82bf2a2dee5d27f2347fed248c879e8fd630', class: footer({
                 pinned: this._isPinned,
                 hidden: this._hidden,
             }) }, (this.enablePaginationPages || this.enablePaginationSize) &&
-            this.total > 0 && (index.h("p-pagination", { key: '718cef96e025faf9f7e6427fc2fd9552d140ea5b', class: 'z-[2]', enablePaginationSize: this.enablePaginationSize, enablePaginationPages: this.enablePaginationPages, pageSize: this.pageSize, pageSizeOptions: this.pageSizeOptions, onPageSizeChange: ({ detail }) => this._changePageSize(detail), page: this.page, hideOnSinglePage: this.hideOnSinglePage, onPageChange: ({ detail }) => this.pageChange.emit(detail), total: this.total, onPagesChange: ({ detail }) => (this._hasPaginationPages = detail > 1) })))));
+            this.total > 0 && (index.h("p-pagination", { key: '258b98819e5f8737463af4336bf820f427b0acf4', class: 'z-[2]', enablePaginationSize: this.enablePaginationSize, enablePaginationPages: this.enablePaginationPages, pageSize: this.pageSize, pageSizeOptions: this.pageSizeOptions, onPageSizeChange: ({ detail }) => this._changePageSize(detail), page: this.page, hideOnSinglePage: this.hideOnSinglePage, onPageChange: ({ detail }) => this.pageChange.emit(detail), total: this.total, onPagesChange: ({ detail }) => (this._hasPaginationPages = detail > 1) })))));
     }
     _changePageSize(s) {
         if (!s) {
@@ -10087,13 +10087,13 @@ const TableRow = class {
      */
     isLast = false;
     render() {
-        return (index.h(themedHost_component.ThemedHost, { key: '77f0b78ed94f35b1ce43d35cd0638ea57679671d' }, index.h("div", { key: '263e4628d647256e237dd79ee7ce29a7f1cc6450', class: 'flex flex-col' }, index.h("div", { key: '3384055777b62ea108191f1fb1cb295d479e84bd', class: row({
+        return (index.h(themedHost_component.ThemedHost, { key: '57cefd78545981975ff160405e54a614c52b2d10' }, index.h("div", { key: '752a97669376b1503b44ee3d53eb6a70fa22dabe', class: 'flex flex-col' }, index.h("div", { key: 'd764d107929e299979d1c859ae0a6ab571bd1561', class: row({
                 variant: this.variant,
                 enableHover: this.enableHover,
                 checked: this.checked,
-            }) }, index.h("div", { key: '7c87e9ef1ed4342e7a9b73a54979b369d85414d5', class: content({
+            }) }, index.h("div", { key: '1d695cfc2826074c699f948869f648b165b2d617', class: content({
                 variant: this.variant,
-            }) }, index.h("slot", { key: 'a40866335aef2e94fd988187a7825fead4a08d41' }), index.h("div", { key: '491868157575a205a19456a2dbd6398f822057c0', class: actions() }, index.h("slot", { key: 'b8c08593ad1c5484cdfc757d037b09a562e74df1', name: 'actions' })))), !asBoolean.asBoolean(this.isLast) && this.variant !== 'secondary' && (index.h("p-divider", { key: '12b2bb0d242e7049606ae0a0b3495696a83dfc03' })))));
+            }) }, index.h("slot", { key: '6195e8107e31ade2831f9bd53408ab03a12ee651' }), index.h("div", { key: 'fc8b47883f833b5e04fbf59ed1670fe6bca72102', class: actions() }, index.h("slot", { key: '00574d5c478f7bd740bef1a159a26071e25ffef7', name: 'actions' })))), !asBoolean.asBoolean(this.isLast) && this.variant !== 'secondary' && (index.h("p-divider", { key: '7b408d711e1e08ab375587d474cfaebd89043276' })))));
     }
 };
 TableRow.style = tableRowComponentCss;
@@ -10109,13 +10109,13 @@ const TableRowActionsContainer = class {
      */
     checked = false;
     render() {
-        return (index.h(themedHost_component.ThemedHost, { key: 'bf45cc564d69402e91afb77c22a20b6eed766ce0' }, index.h("div", { key: 'ddc5d9972ab74bc1b14de0ee03008a0eb94d481e', class: cn.cn('flex before:w-4 before:bg-gradient-to-l before:from-off-white-200', {
+        return (index.h(themedHost_component.ThemedHost, { key: '35a81d9f465fc59c0bbcb424c3eebb5c6e2a9973' }, index.h("div", { key: '12fbc8a26418c800d99419f84233617ccb96c198', class: cn.cn('flex before:w-4 before:bg-gradient-to-l before:from-off-white-200', {
                 'dark:before:from-hurricane-600': !this.checked,
                 'dark:before:from-hurricane-400': !!this.checked,
-            }) }, index.h("div", { key: 'e26102e1539b699cfac3558d056222beeac37569', class: cn.cn('flex h-full items-center gap-2 rounded-r-lg bg-off-white-200 pr-3', {
+            }) }, index.h("div", { key: 'fe7a0bcff33520170dbd0c4fb9620e3174dbf91f', class: cn.cn('flex h-full items-center gap-2 rounded-r-lg bg-off-white-200 pr-3', {
                 'dark:bg-hurricane-600': !this.checked,
                 'dark:bg-hurricane-400': !!this.checked,
-            }) }, index.h("slot", { key: 'a27ca3af7183c73b363a936fd94de2760f8d6aaa' })))));
+            }) }, index.h("slot", { key: '4fe8342e13fa3bc5f38b9a869ff118afcd73d986' })))));
     }
 };
 TableRowActionsContainer.style = tableRowActionsContainerComponentCss;

package/dist/cjs/p-field_2.cjs.entry.js CHANGED Viewed

@@ -343,8 +343,8 @@ const Field = class {
     }
     render() {
         const { id, prefix, suffix, hasHeaderSlot, hasLabelSlot, hasHelperSlot, hasErrorSlot, hasValueSlot, } = this._getSlotInfo();
-        return (index.h(themedHost_component.ThemedHost, { key: '8323b3130e6a4464a4d3162b34640f8a7cc94a9a' }, index.h("p-field-container", { key: '23df944a261bfcd4db83f51285f21d6f682cc94e', forceShowTooltip: (!!this.error?.length && !this._focused && this.autoShowError) ||
-                (!!this.error?.length && this.forceShowTooltip), 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 && (index.h("slot", { key: '6c413b9170a3d267b7e794a715a77c5817f80223', name: 'label', slot: 'label' })), hasHeaderSlot && (index.h("slot", { key: 'f5c7fc6f42efdfb8f3d68b0be140c8942fa5fdc9', name: 'header', slot: 'header' })), hasHelperSlot && (index.h("slot", { key: '4ea6ba9f4c40d9a27dd2f0dadddeb8740bb02445', name: 'helper', slot: 'helper' })), hasErrorSlot && (index.h("slot", { key: '895e0a71d3b27639b0b67acc0492c79a41c9d83b', name: 'error', slot: 'error' })), index.h("div", { key: '0caa5a2f5fd8229dc8602084a46062686d5dc031', class: field({
+        return (index.h(themedHost_component.ThemedHost, { key: 'dafed84a3cebd3183f9e7750201e23c8a35e12b1' }, index.h("p-field-container", { key: '4bdd13136ac2f1761d5fa286f5c488a4e9763716', forceShowTooltip: (!!this.error?.length && !this._focused && this.autoShowError) ||
+                (!!this.error?.length && this.forceShowTooltip), 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 && (index.h("slot", { key: '66d128a4ffaa837b19125cfed07914706fad9306', name: 'label', slot: 'label' })), hasHeaderSlot && (index.h("slot", { key: '70dad7a55744308710a39bbac389288903a05b14', name: 'header', slot: 'header' })), hasHelperSlot && (index.h("slot", { key: 'b282396971c47f0f56e195f34c845267ed31b9a2', name: 'helper', slot: 'helper' })), hasErrorSlot && (index.h("slot", { key: '3d128969d9706b12e405fa685bb6f1be4d5eada9', name: 'error', slot: 'error' })), index.h("div", { key: '7a7377358c3f5e09381990acfd9a4393419885f5', class: field({
                 error: !!this.error?.length,
                 disabled: asBoolean.asBoolean(this.disabled),
                 focused: asBoolean.asBoolean(this.focused) || this._focused,
@@ -355,7 +355,7 @@ const Field = class {
                 ? `${this.value}`
                 : undefined, slot: 'content' }, (this.error?.length ||
             prefix ||
-            (this.icon && this.iconPosition === 'start')) && (index.h("div", { key: '03c67459dc5b49d5a13df2e90504f9192cb23451', class: prefixAndSuffix({
+            (this.icon && this.iconPosition === 'start')) && (index.h("div", { key: 'f70ce94cc37be4edc3dcec1cbc072f2398779e91', class: prefixAndSuffix({
                 variant: this.variant,
                 error: !!this.error?.length,
                 disabled: asBoolean.asBoolean(this.disabled),
@@ -365,7 +365,7 @@ const Field = class {
             }), onClick: () => this._focusInput() }, (this.icon && this.iconPosition === 'start') ||
             this.error?.length ? (index.h("p-icon", { class: cn.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')) && (index.h("div", { key: '12f1f01600ae1cf9a1987b2c79335f06631c34af', 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')) && (index.h("div", { key: 'd87ff3eafbf692f0276e597ed0e9cacfb5d89235', class: prefixAndSuffix({
                 variant: this.variant,
                 error: !!this.error?.length,
                 disabled: asBoolean.asBoolean(this.disabled),

package/dist/cjs/p-helper_2.cjs.entry.js CHANGED Viewed

@@ -118,10 +118,10 @@ const Tooltip = class {
         }
     }
     render() {
-        return (index.h(themedHost_component.ThemedHost, { key: 'dc77358b853f0c6a73480d6d951fa55ea39fe2ec', "data-filled": this.content?.length > 0 || this._hasContentSlot }, index.h("slot", { key: '1633a1ab87c0035aae1778632a17e42335728f62', name: 'trigger' }), index.h("div", { key: 'eb11dfd050fbb9e48a900938cad368d01b50cf16', class: popover({
+        return (index.h(themedHost_component.ThemedHost, { key: '820428c73aaa280b2bfc71fa12714c246036dd9b', "data-filled": this.content?.length > 0 || this._hasContentSlot }, index.h("slot", { key: '1d0331b5ce5fd79e3237009bc5880c2b9588c53c', name: 'trigger' }), index.h("div", { key: '21f5acf60edcdb49cc1d8e239adc7d4c468da50c', class: popover({
                 variant: this.variant,
                 strategy: this.strategy,
-            }), role: 'popover', "data-placement": this.placement, ref: el => this._load(el) }, index.h("div", { key: '48ee718d87a53674a3fd3cc9e811cd8d19b05abe', class: 'flex gap-2 whitespace-normal' }, this.variant === 'error' && (index.h("div", { key: 'c293b19305e2e90e7ac3acf40490993ec7f9dfe8', class: 'w-[2px] bg-negative-red-500 dark:bg-negative-red-alternative' })), this.content ? this.content : index.h("slot", { name: 'content' })))));
+            }), role: 'popover', "data-placement": this.placement, ref: el => this._load(el) }, index.h("div", { key: '17025e33ac60b2e5a1fa2d40229689a8e29848a5', class: 'flex gap-2 whitespace-normal' }, this.variant === 'error' && (index.h("div", { key: 'e8b4c31784473041945062b50c3d43dac514b5ac', class: 'w-[2px] bg-negative-red-500 dark:bg-negative-red-alternative' })), this.content ? this.content : index.h("slot", { name: 'content' })))));
     }
     clickHandler() {
         if (this.variant === 'hover' || !this.enableUserInput) {

package/dist/cjs/p-label.cjs.entry.js CHANGED Viewed

@@ -79,14 +79,14 @@ const Label = class {
      */
     keepMobileContent = false;
     render() {
-        return (index.h(themedHost_component.ThemedHost, { key: '26b91701657358cc35850bbff513aca7c0eaa319' }, index.h("div", { key: 'd9a14bcef10db5757b208acbcd69b4395baf1860', class: label({
+        return (index.h(themedHost_component.ThemedHost, { key: '81d0988d1395a9689894b923f703afc1b846e0d3' }, index.h("div", { key: 'a34233e4ef34f3a2709ca28715a967ae3466e4c2', class: label({
                 variant: this.variant,
                 iconOnly: this.iconOnly,
                 keepMobileContent: this.keepMobileContent,
-            }) }, this.icon && (index.h("p-icon", { key: '90d1a63ac83715e342efa44ce7333e8701709106', class: 'flex-shrink-0', variant: this.icon, flip: this.iconFlip, rotate: this.iconRotate })), !this.iconOnly && (index.h("div", { key: '6f35431029fbc1a73fce431b30645384d73c270a', class: cn.cn('flex-1 overflow-hidden text-ellipsis whitespace-nowrap text-sm font-medium', {
+            }) }, this.icon && (index.h("p-icon", { key: '65babdbf6313700725a485b078e4b66938f0cf07', class: 'flex-shrink-0', variant: this.icon, flip: this.iconFlip, rotate: this.iconRotate })), !this.iconOnly && (index.h("div", { key: 'de6cc8e7b553cfbf318018defd3c2e7b6a3d32bc', class: cn.cn('flex-1 overflow-hidden text-ellipsis whitespace-nowrap text-sm font-medium', {
                 hidden: !this.keepMobileContent,
                 'desktop-xs:block': !this.keepMobileContent,
-            }) }, index.h("slot", { key: 'b4f2763e4b930f6327a48f5415d5af8d21e5c006' }))))));
+            }) }, index.h("slot", { key: '4982a62ed0b0178252315c543cad09ccc6a659c4' }))))));
     }
 };
 Label.style = labelComponentCss;

package/dist/cjs/p-listing.cjs.entry.js CHANGED Viewed

@@ -24,10 +24,10 @@ const Listing = class {
         }
     }
     render() {
-        return (index.h("div", { key: 'e954f284515928191687375a05d5208ee17ffbe3', class: cn.cn('flex w-full flex-col flex-wrap items-start gap-1', {
+        return (index.h("div", { key: 'fa1711147b6dad9acbbd5b5a5fb798299e22bf2a', class: cn.cn('flex w-full flex-col flex-wrap items-start gap-1', {
                 'opacity-100': this._generatedOnce,
                 'opacity-0': !this._generatedOnce,
-            }) }, index.h("slot", { key: '039dbd2fd4e623de55b5ff54be2b52a4a1f91ad6', onSlotchange: () => this._generateLinesOnce() })));
+            }) }, index.h("slot", { key: '8e3b03479567559ba00e7839e7f9555d142f520c', onSlotchange: () => this._generateLinesOnce() })));
     }
     _generateLinesOnce() {
         if (this._generateTimeout) {

package/dist/cjs/p-modal-body.p-modal-container.p-modal-footer.p-modal-header.entry.cjs.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"p-modal-body.p-modal-container.p-modal-footer.p-modal-header.entry.cjs.js","sources":["src/components/atoms/modal/body/modal-body.component.css?tag=p-modal-body&encapsulation=shadow","src/components/atoms/modal/body/modal-body.component.tsx","src/components/atoms/modal/container/modal-container.component.css?tag=p-modal-container&encapsulation=shadow","src/components/atoms/modal/container/modal-container.component.tsx","src/components/atoms/modal/footer/modal-footer.component.css?tag=p-modal-footer&encapsulation=shadow","src/components/atoms/modal/footer/modal-footer.component.tsx","src/components/atoms/modal/header/modal-header.component.css?tag=p-modal-header&encapsulation=shadow","src/components/atoms/modal/header/modal-header.component.tsx"],"sourcesContent":["","import { Component, h, Prop } from '@stencil/core';\nimport { cva } from 'class-variance-authority';\nimport { ThemedHost } from '../../../../internal/themed-host.component';\n\nconst body = cva('bg-white dark:bg-hurricane-600 p-4', {\n\tvariants: {\n\t\troundedBottom: {\n\t\t\ttrue: 'rounded-b-none desktop-xs:rounded-b-2xl pb-[calc(env(safe-area-inset-bottom)+1rem)]',\n\t\t\tfalse: 'pb-4',\n\t\t},\n\t\troundedTop: {\n\t\t\ttrue: 'rounded-t-lg desktop-xs:rounded-t-2xl',\n\t\t\tfalse: null,\n\t\t},\n\t},\n});\n\n@Component({\n\ttag: 'p-modal-body',\n\tstyleUrl: 'modal-body.component.css',\n\tshadow: true,\n})\nexport class ModalBody {\n\t/*\n\t Wether the modal body should be rounded at the bottom\n\t /\n\t@Prop() roundedBottom: boolean = false;\n\n\t/\n\t Wether the modal body should be rounded at the top\n\t /\n\t@Prop() roundedTop: boolean = false;\n\n\trender() {\n\t\treturn (\n\t\t\t<ThemedHost>\n\t\t\t\t<div\n\t\t\t\t\tclass={body({\n\t\t\t\t\t\troundedBottom: this.roundedBottom,\n\t\t\t\t\t\troundedTop: this.roundedTop,\n\t\t\t\t\t})}\n\t\t\t\t>\n\t\t\t\t\t<slot />\n\t\t\t\t</div>\n\t\t\t</ThemedHost>\n\t\t);\n\t}\n}\n",":host {\n\t@apply flex w-full justify-center desktop-xs:m-auto;\n}\n","import { Component, h, Prop } from '@stencil/core';\nimport { cva } from 'class-variance-authority';\nimport { asBoolean } from '../../../../utils/as-boolean';\n\nconst container = cva(\n\t[\n\t\t'flex-1 min-w-0 w-full',\n\n\t\t'z-modal flex flex-col',\n\t\t'rounded-b-none rounded-t-2xl desktop-xs:rounded-b-2xl',\n\n\t\t'max-h-[calc(100dvh-4rem)]',\n\n\t\t'shadow-modal',\n\t],\n\t{\n\t\tvariants: {\n\t\t\tsize: {\n\t\t\t\txs: 'tablet:max-w-[20rem]',\n\t\t\t\tbase: 'tablet:max-w-[35rem]',\n\t\t\t\tlg: 'tablet:max-w-[41rem]',\n\t\t\t\txl: 'tablet:max-w-[45rem]',\n\t\t\t\t'2xl': 'tablet:max-w-[65rem]',\n\t\t\t},\n\t\t\tclosing: {\n\t\t\t\tfalse:\n\t\t\t\t\t'animate-slide-in-bottom desktop-xs:animate-slide-in-bottom-small',\n\t\t\t\ttrue: 'animate-slide-out-bottom desktop-xs:animate-slide-out-bottom-small pointer-events-none',\n\t\t\t},\n\t\t},\n\t}\n);\n\n@Component({\n\ttag: 'p-modal-container',\n\tstyleUrl: 'modal-container.component.css',\n\tshadow: true,\n})\nexport class ModalContainer {\n\t/\n\t The size of the modal container\n\t /\n\t@Prop() size: 'xs' \| 'base' \| 'lg' \| 'xl' \| '2xl' = 'base';\n\n\t/\n\t Wether the container is closing\n\t /\n\t@Prop() closing: boolean = false;\n\n\trender() {\n\t\treturn (\n\t\t\t<div\n\t\t\t\tclass={container({\n\t\t\t\t\tsize: this.size,\n\t\t\t\t\tclosing: asBoolean(this.closing),\n\t\t\t\t})}\n\t\t\t>\n\t\t\t\t<slot />\n\t\t\t</div>\n\t\t);\n\t}\n}\n","","import { Component, h } from '@stencil/core';\nimport { ThemedHost } from '../../../../internal/themed-host.component';\n\n@Component({\n\ttag: 'p-modal-footer',\n\tstyleUrl: 'modal-footer.component.css',\n\tshadow: true,\n})\nexport class ModalFooter {\n\trender() {\n\t\treturn (\n\t\t\t<ThemedHost>\n\t\t\t\t<div class='flex flex-col rounded-b-none bg-white px-4 pb-[calc(env(safe-area-inset-bottom)+1rem)] desktop-xs:rounded-b-2xl dark:bg-hurricane-600'>\n\t\t\t\t\t<p-divider class='mb-4 hidden text-off-white-700 desktop-xs:inline-block dark:text-white/10' />\n\n\t\t\t\t\t<div class='flex flex-col gap-4 tablet:flex-row'>\n\t\t\t\t\t\t<slot />\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</ThemedHost>\n\t\t);\n\t}\n}\n","","import { Component, Event, EventEmitter, h, Prop } from '@stencil/core';\nimport { cva } from 'class-variance-authority';\nimport { ThemedHost } from '../../../../internal/themed-host.component';\n\nconst header = cva([\n\t'w-full flex-col bg-white dark:bg-hurricane-600 relative rounded-t-2xl overflow-hidden z-[1]',\n\t'inline-flex aspect-[7/1] max-h-28',\n]);\n\nconst content = cva(['flex justify-end', 'w-full p-4 pb-0 h-12']);\n\nconst title = cva([\n\t'flex-1 text-center',\n\t'w-[calc(100%-7rem)]',\n\t'absolute top-1/2 -translate-y-1/2 left-1/2 -translate-x-1/2',\n\t'text-storm-500 dark:text-white text-2xl text-ambit font-bold',\n]);\n\n@Component({\n\ttag: 'p-modal-header',\n\tstyleUrl: 'modal-header.component.css',\n\tshadow: true,\n})\nexport class ModalHeader {\n\t/\n\t Wether to show the close button on mobile\n\t /\n\t@Prop() showClose = true;\n\n\t/\n\t Close click event\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\tclose: EventEmitter<MouseEvent>;\n\n\trender() {\n\t\treturn (\n\t\t\t<ThemedHost>\n\t\t\t\t<div class={header()}>\n\t\t\t\t\t<div class={content()}>\n\t\t\t\t\t\t<div class={title()}>\n\t\t\t\t\t\t\t<slot />\n\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t{this.showClose && (\n\t\t\t\t\t\t\t<p-button\n\t\t\t\t\t\t\t\tvariant='secondary'\n\t\t\t\t\t\t\t\ticon='negative'\n\t\t\t\t\t\t\t\ticonOnly={true}\n\t\t\t\t\t\t\t\tonClick={ev => this.close.emit(ev)}\n\t\t\t\t\t\t\t></p-button>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<p-smile class='dark:text-hurricane-400' />\n\t\t\t\t</div>\n\t\t\t</ThemedHost>\n\t\t);\n\t}\n}\n"],"names":["cva","h","ThemedHost","asBoolean"],"mappings":";;;;;;;;;AAAA,MAAM,qBAAqB,GAAG,woCAAwoC;;ACItqC,MAAM,IAAI,GAAGA,WAAG,CAAC,oCAAoC,EAAE;AACtD,IAAA,QAAQ,EAAE;AACT,QAAA,aAAa,EAAE;AACd,YAAA,IAAI,EAAE,qFAAqF;AAC3F,YAAA,KAAK,EAAE,MAAM;AACb,SAAA;AACD,QAAA,UAAU,EAAE;AACX,YAAA,IAAI,EAAE,uCAAuC;AAC7C,YAAA,KAAK,EAAE,IAAI;AACX,SAAA;AACD,KAAA;AACD,CAAA,CAAC;MAOW,SAAS,GAAA,MAAA;;;;AACrB;;AAEG;IACK,aAAa,GAAY,KAAK;AAEtC;;AAEG;IACK,UAAU,GAAY,KAAK;IAEnC,MAAM,GAAA;QACL,QACCC,QAACC,+BAAU,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACVD,OACC,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,IAAI,CAAC;gBACX,aAAa,EAAE,IAAI,CAAC,aAAa;gBACjC,UAAU,EAAE,IAAI,CAAC,UAAU;AAC3B,aAAA,CAAC,EAAA,EAEFA,OAAQ,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACH,CACM;;;;;AC5ChB,MAAM,0BAA0B,GAAG,~~yiGAAyiG~~;;~~ACI5kG~~,MAAM,SAAS,GAAGD,WAAG,CACpB;IACC,uBAAuB;IAEvB,uBAAuB;IACvB,uDAAuD;IAEvD,2BAA2B;IAE3B,cAAc;~~CACd~~,EACD;AACC,IAAA,QAAQ,EAAE;AACT,QAAA,IAAI,EAAE;AACL,YAAA,EAAE,EAAE,sBAAsB;AAC1B,YAAA,IAAI,EAAE,sBAAsB;AAC5B,YAAA,EAAE,EAAE,sBAAsB;AAC1B,YAAA,EAAE,EAAE,sBAAsB;AAC1B,YAAA,KAAK,EAAE,sBAAsB;AAC7B,SAAA;AACD,QAAA,OAAO,EAAE;AACR,YAAA,KAAK,EACJ,kEAAkE;AACnE,YAAA,IAAI,EAAE,wFAAwF;AAC9F,SAAA;AACD,KAAA;AACD,CAAA,CACD;MAOY,cAAc,GAAA,MAAA;;;;AAC1B;;AAEG;IACK,IAAI,GAAwC,MAAM;AAE1D;;AAEG;IACK,OAAO,GAAY,KAAK;IAEhC,MAAM,GAAA;~~AACL~~,~~QAAA,~~QACCC,~~OAAA~~,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,~~EACC~~,KAAK,EAAE,SAAS,CAAC;gBAChB,IAAI,EAAE,IAAI,CAAC,IAAI;AACf,gBAAA,OAAO,EAAEE,mBAAS,CAAC,IAAI,CAAC,OAAO,CAAC;AAChC,aAAA,CAAC,EAAA,EAEFF,OAAQ,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACH;;;;;~~AC1DT~~,MAAM,uBAAuB,GAAG,0gDAA0gD;;MCQ7hD,WAAW,GAAA,MAAA;;;;IACvB,MAAM,GAAA;AACL,QAAA,QACCA,QAACC,+BAAU,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACVD,OAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,uIAAuI,EAAA,EACjJA,OAAW,CAAA,WAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,2EAA2E,EAAG,CAAA,EAE/FA,OAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,qCAAqC,EAAA,EAC/CA,OAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAQ,CACH,CACD,CACM;;;;;ACnBhB,MAAM,uBAAuB,GAAG,g8EAAg8E;;ACIh+E,MAAM,MAAM,GAAGD,WAAG,CAAC;IAClB,6FAA6F;IAC7F,mCAAmC;AACnC,CAAA,CAAC;AAEF,MAAM,OAAO,GAAGA,WAAG,CAAC,CAAC,kBAAkB,EAAE,sBAAsB,CAAC,CAAC;AAEjE,MAAM,KAAK,GAAGA,WAAG,CAAC;IACjB,oBAAoB;IACpB,qBAAqB;IACrB,6DAA6D;IAC7D,8DAA8D;AAC9D,CAAA,CAAC;MAOW,WAAW,GAAA,MAAA;;;;;AACvB;;AAEG;IACK,SAAS,GAAG,IAAI;AAExB;;AAEG;AAIH,IAAA,KAAK;IAEL,MAAM,GAAA;AACL,QAAA,QACCC,QAACC,+BAAU,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACVD,OAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,MAAM,EAAE,EAAA,EACnBA,OAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,OAAO,EAAE,EAAA,EACpBA,OAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,KAAK,EAAE,EAAA,EAClBA,OAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAQ,CACH,EAEL,IAAI,CAAC,SAAS,KACdA,uEACC,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,UAAU,EACf,QAAQ,EAAE,IAAI,EACd,OAAO,EAAE,EAAE,IAAI,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE,CAAC,EAAA,CACvB,CACZ,CACI,EAENA,OAAA,CAAA,SAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAS,KAAK,EAAC,yBAAyB,GAAG,CACtC,CACM;;;;;;;;;;"}
1	+ {"version":3,"file":"p-modal-body.p-modal-container.p-modal-footer.p-modal-header.entry.cjs.js","sources":["src/components/atoms/modal/body/modal-body.component.css?tag=p-modal-body&encapsulation=shadow","src/components/atoms/modal/body/modal-body.component.tsx","src/components/atoms/modal/container/modal-container.component.css?tag=p-modal-container&encapsulation=shadow","src/components/atoms/modal/container/modal-container.component.tsx","src/components/atoms/modal/footer/modal-footer.component.css?tag=p-modal-footer&encapsulation=shadow","src/components/atoms/modal/footer/modal-footer.component.tsx","src/components/atoms/modal/header/modal-header.component.css?tag=p-modal-header&encapsulation=shadow","src/components/atoms/modal/header/modal-header.component.tsx"],"sourcesContent":["","import { Component, h, Prop } from '@stencil/core';\nimport { cva } from 'class-variance-authority';\nimport { ThemedHost } from '../../../../internal/themed-host.component';\n\nconst body = cva('bg-white dark:bg-hurricane-600 p-4', {\n\tvariants: {\n\t\troundedBottom: {\n\t\t\ttrue: 'rounded-b-none desktop-xs:rounded-b-2xl pb-[calc(env(safe-area-inset-bottom)+1rem)]',\n\t\t\tfalse: 'pb-4',\n\t\t},\n\t\troundedTop: {\n\t\t\ttrue: 'rounded-t-lg desktop-xs:rounded-t-2xl',\n\t\t\tfalse: null,\n\t\t},\n\t},\n});\n\n@Component({\n\ttag: 'p-modal-body',\n\tstyleUrl: 'modal-body.component.css',\n\tshadow: true,\n})\nexport class ModalBody {\n\t/*\n\t Wether the modal body should be rounded at the bottom\n\t /\n\t@Prop() roundedBottom: boolean = false;\n\n\t/\n\t Wether the modal body should be rounded at the top\n\t /\n\t@Prop() roundedTop: boolean = false;\n\n\trender() {\n\t\treturn (\n\t\t\t<ThemedHost>\n\t\t\t\t<div\n\t\t\t\t\tclass={body({\n\t\t\t\t\t\troundedBottom: this.roundedBottom,\n\t\t\t\t\t\troundedTop: this.roundedTop,\n\t\t\t\t\t})}\n\t\t\t\t>\n\t\t\t\t\t<slot />\n\t\t\t\t</div>\n\t\t\t</ThemedHost>\n\t\t);\n\t}\n}\n",":host {\n\t@apply flex w-full justify-center desktop-xs:m-auto;\n}\n","import { Component, h, Prop } from '@stencil/core';\nimport { cva } from 'class-variance-authority';\nimport { asBoolean } from '../../../../utils/as-boolean';\nimport { ThemedHost } from '../../../../internal/themed-host.component';\n\nconst container = cva(\n\t[\n\t\t'flex-1 min-w-0 w-full',\n\n\t\t'z-modal flex flex-col',\n\t\t'rounded-b-none rounded-t-2xl desktop-xs:rounded-b-2xl',\n\n\t\t'max-h-[calc(100dvh-4rem)]',\n\n\t\t'shadow-modal',\n\n\t\t'dark:border-hurricane-400 dark:border dark:border-solid',\n\t],\n\t{\n\t\tvariants: {\n\t\t\tsize: {\n\t\t\t\txs: 'tablet:max-w-[20rem]',\n\t\t\t\tbase: 'tablet:max-w-[35rem]',\n\t\t\t\tlg: 'tablet:max-w-[41rem]',\n\t\t\t\txl: 'tablet:max-w-[45rem]',\n\t\t\t\t'2xl': 'tablet:max-w-[65rem]',\n\t\t\t},\n\t\t\tclosing: {\n\t\t\t\tfalse:\n\t\t\t\t\t'animate-slide-in-bottom desktop-xs:animate-slide-in-bottom-small',\n\t\t\t\ttrue: 'animate-slide-out-bottom desktop-xs:animate-slide-out-bottom-small pointer-events-none',\n\t\t\t},\n\t\t},\n\t}\n);\n\n@Component({\n\ttag: 'p-modal-container',\n\tstyleUrl: 'modal-container.component.css',\n\tshadow: true,\n})\nexport class ModalContainer {\n\t/\n\t The size of the modal container\n\t /\n\t@Prop() size: 'xs' \| 'base' \| 'lg' \| 'xl' \| '2xl' = 'base';\n\n\t/\n\t Wether the container is closing\n\t /\n\t@Prop() closing: boolean = false;\n\n\trender() {\n\t\treturn (\n\t\t\t<ThemedHost>\n\t\t\t\t<div\n\t\t\t\t\tclass={container({\n\t\t\t\t\t\tsize: this.size,\n\t\t\t\t\t\tclosing: asBoolean(this.closing),\n\t\t\t\t\t})}\n\t\t\t\t>\n\t\t\t\t\t<slot />\n\t\t\t\t</div>\n\t\t\t</ThemedHost>\n\t\t);\n\t}\n}\n","","import { Component, h } from '@stencil/core';\nimport { ThemedHost } from '../../../../internal/themed-host.component';\n\n@Component({\n\ttag: 'p-modal-footer',\n\tstyleUrl: 'modal-footer.component.css',\n\tshadow: true,\n})\nexport class ModalFooter {\n\trender() {\n\t\treturn (\n\t\t\t<ThemedHost>\n\t\t\t\t<div class='flex flex-col rounded-b-none bg-white px-4 pb-[calc(env(safe-area-inset-bottom)+1rem)] desktop-xs:rounded-b-2xl dark:bg-hurricane-600'>\n\t\t\t\t\t<p-divider class='mb-4 hidden text-off-white-700 desktop-xs:inline-block dark:text-white/10' />\n\n\t\t\t\t\t<div class='flex flex-col gap-4 tablet:flex-row'>\n\t\t\t\t\t\t<slot />\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</ThemedHost>\n\t\t);\n\t}\n}\n","","import { Component, Event, EventEmitter, h, Prop } from '@stencil/core';\nimport { cva } from 'class-variance-authority';\nimport { ThemedHost } from '../../../../internal/themed-host.component';\n\nconst header = cva([\n\t'w-full flex-col bg-white dark:bg-hurricane-600 relative rounded-t-2xl overflow-hidden z-[1]',\n\t'inline-flex aspect-[7/1] max-h-28',\n]);\n\nconst content = cva(['flex justify-end', 'w-full p-4 pb-0 h-12']);\n\nconst title = cva([\n\t'flex-1 text-center',\n\t'w-[calc(100%-7rem)]',\n\t'absolute top-1/2 -translate-y-1/2 left-1/2 -translate-x-1/2',\n\t'text-storm-500 dark:text-white text-2xl text-ambit font-bold',\n]);\n\n@Component({\n\ttag: 'p-modal-header',\n\tstyleUrl: 'modal-header.component.css',\n\tshadow: true,\n})\nexport class ModalHeader {\n\t/\n\t Wether to show the close button on mobile\n\t /\n\t@Prop() showClose = true;\n\n\t/\n\t Close click event\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\tclose: EventEmitter<MouseEvent>;\n\n\trender() {\n\t\treturn (\n\t\t\t<ThemedHost>\n\t\t\t\t<div class={header()}>\n\t\t\t\t\t<div class={content()}>\n\t\t\t\t\t\t<div class={title()}>\n\t\t\t\t\t\t\t<slot />\n\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t{this.showClose && (\n\t\t\t\t\t\t\t<p-button\n\t\t\t\t\t\t\t\tvariant='secondary'\n\t\t\t\t\t\t\t\ticon='negative'\n\t\t\t\t\t\t\t\ticonOnly={true}\n\t\t\t\t\t\t\t\tonClick={ev => this.close.emit(ev)}\n\t\t\t\t\t\t\t></p-button>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<p-smile class='dark:text-hurricane-400' />\n\t\t\t\t</div>\n\t\t\t</ThemedHost>\n\t\t);\n\t}\n}\n"],"names":["cva","h","ThemedHost","asBoolean"],"mappings":"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"}

package/dist/cjs/p-modal-body_4.cjs.entry.js CHANGED Viewed

@@ -42,7 +42,7 @@ const ModalBody = class {
 };
 ModalBody.style = modalBodyComponentCss;
-const modalContainerComponentCss = ".flex{display:flex!important}.w-full{width:100%!important}.justify-center{justify-content:center!important}*{box-sizing:border-box}:host{display:flex;justify-content:center;width:100%}@media (min-width:64rem){:host{margin:auto}}.pointer-events-none{pointer-events:none!important}.static{position:static!important}.z-modal{z-index:600!important}.max-h-\\[calc\\(100dvh-4rem\\)\\]{max-height:calc(100dvh - 4rem)!important}.min-w-0{min-width:0!important}.flex-1{flex:1 1 0%!important}@keyframes slideInBottom{0%{transform:translateY(100%)}to{transform:translateY(0)}}.animate-slide-in-bottom{animation:slideInBottom .5s ease forwards!important}@keyframes slideOutBottom{0%{transform:translateY(0)}to{transform:translateY(100%)}}.animate-slide-out-bottom{animation:slideOutBottom .5s ease forwards!important}.flex-col{flex-direction:column!important}.rounded-b-none{border-bottom-left-radius:0!important;border-bottom-right-radius:0!important}.rounded-t-2xl{border-top-left-radius:1rem!important;border-top-right-radius:1rem!important}.shadow-modal{--tw-shadow:0 0 0 1px rgba(0,2,2,.1),0 1px 1px 0 rgba(0,2,2,.2),0 2px 2px 0 rgba(0,2,2,.08),0 4px 4px 0 rgba(0,2,2,.08),0 8px 8px 0 rgba(0,2,2,.08)!important;--tw-shadow-colored:0 0 0 1px var(--tw-shadow-color),0 1px 1px 0 var(--tw-shadow-color),0 2px 2px 0 var(--tw-shadow-color),0 4px 4px 0 var(--tw-shadow-color),0 8px 8px 0 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}.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}}@media (min-width:40rem){.tablet\\:max-w-\\[20rem\\]{max-width:20rem!important}.tablet\\:max-w-\\[35rem\\]{max-width:35rem!important}.tablet\\:max-w-\\[41rem\\]{max-width:41rem!important}.tablet\\:max-w-\\[45rem\\]{max-width:45rem!important}.tablet\\:max-w-\\[65rem\\]{max-width:65rem!important}}@media (min-width:64rem){@keyframes slideInBottomSmall{0%{transform:translateY(20%)}to{transform:translateY(0)}}.desktop-xs\\:animate-slide-in-bottom-small{animation:slideInBottomSmall .5s ease forwards!important}@keyframes slideOutBottomSmall{0%{transform:translateY(0)}to{transform:translateY(20%)}}.desktop-xs\\:animate-slide-out-bottom-small{animation:slideOutBottomSmall .5s ease forwards!important}.desktop-xs\\:rounded-b-2xl{border-bottom-left-radius:1rem!important;border-bottom-right-radius:1rem!important}}";
+const modalContainerComponentCss = ".flex{display:flex!important}.w-full{width:100%!important}.justify-center{justify-content:center!important}*{box-sizing:border-box}:host{display:flex;justify-content:center;width:100%}@media (min-width:64rem){:host{margin:auto}}.pointer-events-none{pointer-events:none!important}.static{position:static!important}.z-modal{z-index:600!important}.max-h-\\[calc\\(100dvh-4rem\\)\\]{max-height:calc(100dvh - 4rem)!important}.min-w-0{min-width:0!important}.flex-1{flex:1 1 0%!important}@keyframes slideInBottom{0%{transform:translateY(100%)}to{transform:translateY(0)}}.animate-slide-in-bottom{animation:slideInBottom .5s ease forwards!important}@keyframes slideOutBottom{0%{transform:translateY(0)}to{transform:translateY(100%)}}.animate-slide-out-bottom{animation:slideOutBottom .5s ease forwards!important}.flex-col{flex-direction:column!important}.rounded-b-none{border-bottom-left-radius:0!important;border-bottom-right-radius:0!important}.rounded-t-2xl{border-top-left-radius:1rem!important;border-top-right-radius:1rem!important}.shadow-modal{--tw-shadow:0 0 0 1px rgba(0,2,2,.1),0 1px 1px 0 rgba(0,2,2,.2),0 2px 2px 0 rgba(0,2,2,.08),0 4px 4px 0 rgba(0,2,2,.08),0 8px 8px 0 rgba(0,2,2,.08)!important;--tw-shadow-colored:0 0 0 1px var(--tw-shadow-color),0 1px 1px 0 var(--tw-shadow-color),0 2px 2px 0 var(--tw-shadow-color),0 4px 4px 0 var(--tw-shadow-color),0 8px 8px 0 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}.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}}@media (min-width:40rem){.tablet\\:max-w-\\[20rem\\]{max-width:20rem!important}.tablet\\:max-w-\\[35rem\\]{max-width:35rem!important}.tablet\\:max-w-\\[41rem\\]{max-width:41rem!important}.tablet\\:max-w-\\[45rem\\]{max-width:45rem!important}.tablet\\:max-w-\\[65rem\\]{max-width:65rem!important}}@media (min-width:64rem){@keyframes slideInBottomSmall{0%{transform:translateY(20%)}to{transform:translateY(0)}}.desktop-xs\\:animate-slide-in-bottom-small{animation:slideInBottomSmall .5s ease forwards!important}@keyframes slideOutBottomSmall{0%{transform:translateY(0)}to{transform:translateY(20%)}}.desktop-xs\\:animate-slide-out-bottom-small{animation:slideOutBottomSmall .5s ease forwards!important}.desktop-xs\\:rounded-b-2xl{border-bottom-left-radius:1rem!important;border-bottom-right-radius:1rem!important}}.dark\\:border:where(:host([data-theme=dark]),:host([data-theme=dark]) *){border-width:1px!important}.dark\\:border-solid:where(:host([data-theme=dark]),:host([data-theme=dark]) *){border-style:solid!important}.dark\\:border-hurricane-400:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-border-opacity:1!important;border-color:rgb(70 75 84/var(--tw-border-opacity,1))!important}.dark\\:border:where([data-theme=dark],[data-theme=dark] *){border-width:1px!important}.dark\\:border-solid:where([data-theme=dark],[data-theme=dark] *){border-style:solid!important}.dark\\:border-hurricane-400:where([data-theme=dark],[data-theme=dark] *){--tw-border-opacity:1!important;border-color:rgb(70 75 84/var(--tw-border-opacity,1))!important}";
 const container = index$1.cva([
     'flex-1 min-w-0 w-full',
@@ -50,6 +50,7 @@ const container = index$1.cva([
     'rounded-b-none rounded-t-2xl desktop-xs:rounded-b-2xl',
     'max-h-[calc(100dvh-4rem)]',
     'shadow-modal',
+    'dark:border-hurricane-400 dark:border dark:border-solid',
 ], {
     variants: {
         size: {
@@ -78,10 +79,10 @@ const ModalContainer = class {
      */
     closing = false;
     render() {
-        return (index.h("div", { key: 'a09657efc5b1f154133cd708f715b917de8375d7', class: container({
+        return (index.h(themedHost_component.ThemedHost, { key: '2bcc006cc69768f1d22cf8a838bc64ef8aad8ff4' }, index.h("div", { key: '77026114720c272f3f060abed2752014fc090613', class: container({
                 size: this.size,
                 closing: asBoolean.asBoolean(this.closing),
-            }) }, index.h("slot", { key: '592ecd29da7610dee8a9fea278b01c63afbaac1c' })));
+            }) }, index.h("slot", { key: '03f281ef3802c57668bf424d8a17b58e5807f16f' }))));
     }
 };
 ModalContainer.style = modalContainerComponentCss;
@@ -93,7 +94,7 @@ const ModalFooter = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(themedHost_component.ThemedHost, { key: '603650048d126eac3dcf82488001ffe22ac301fb' }, index.h("div", { key: 'fdcebc86edcaae5b99f64b3cf8e0f651d7d086ac', class: 'flex flex-col rounded-b-none bg-white px-4 pb-[calc(env(safe-area-inset-bottom)+1rem)] desktop-xs:rounded-b-2xl dark:bg-hurricane-600' }, index.h("p-divider", { key: '9a72688ff780bc70a7a06397ce2b70308a7d631a', class: 'mb-4 hidden text-off-white-700 desktop-xs:inline-block dark:text-white/10' }), index.h("div", { key: '3aa628873c1172dbd92ebcad2c676159f35c504d', class: 'flex flex-col gap-4 tablet:flex-row' }, index.h("slot", { key: '6261d214141455b22a92bcf7997d71fec46365ef' })))));
+        return (index.h(themedHost_component.ThemedHost, { key: '224d37e5b88f22c4d320ae2a6aaac9b5fa9c402f' }, index.h("div", { key: '49cc91268a85131d485b4fc739f84fd428932c72', class: 'flex flex-col rounded-b-none bg-white px-4 pb-[calc(env(safe-area-inset-bottom)+1rem)] desktop-xs:rounded-b-2xl dark:bg-hurricane-600' }, index.h("p-divider", { key: '1b4adaada66a2bf0196d827ac5f71b62f53753eb', class: 'mb-4 hidden text-off-white-700 desktop-xs:inline-block dark:text-white/10' }), index.h("div", { key: 'ddd3d26e3538b2d04169d78f0451c8e9e1777af6', class: 'flex flex-col gap-4 tablet:flex-row' }, index.h("slot", { key: 'f04c1d1f97ea47644de785f0a7e2bcccee0d916a' })))));
     }
 };
 ModalFooter.style = modalFooterComponentCss;
@@ -125,7 +126,7 @@ const ModalHeader = class {
      */
     close;
     render() {
-        return (index.h(themedHost_component.ThemedHost, { key: '5c189cc6de6cab609332badf4a6e26ebe59547dc' }, index.h("div", { key: 'cec6a3a37129de3b92a6a8e3c90b9b5885dc247a', class: header() }, index.h("div", { key: '8ad8d7e76de814a51d60313a621dde476adf7536', class: content() }, index.h("div", { key: 'ff5e93305617a4753450d8083e5838974e489127', class: title() }, index.h("slot", { key: '432a387323248e28d2016ca0ab982b8705a0e3e2' })), this.showClose && (index.h("p-button", { key: '32e1456e08c3038eed5c5b63405b46ff42c1bdce', variant: 'secondary', icon: 'negative', iconOnly: true, onClick: ev => this.close.emit(ev) }))), index.h("p-smile", { key: '02f641215394be19bea5ee7d58d8c0f95657e7d4', class: 'dark:text-hurricane-400' }))));
+        return (index.h(themedHost_component.ThemedHost, { key: 'e1333b589d91aa287a238a6ec2247dc38d5fbc0d' }, index.h("div", { key: '93de864291d6bf6f881286b6ed2e70afb9b0b329', class: header() }, index.h("div", { key: '3b6b5600bb4541ac2b19928858044683f7139d1a', class: content() }, index.h("div", { key: '2e42d2f02647b97bf76f363805d76ed8805e0255', class: title() }, index.h("slot", { key: 'fa88c81de30529ca7d06c95abaf304104a90a584' })), this.showClose && (index.h("p-button", { key: '782517e9f144230ed3063278bbedb7eeb70a7b39', variant: 'secondary', icon: 'negative', iconOnly: true, onClick: ev => this.close.emit(ev) }))), index.h("p-smile", { key: 'd30bd2d9c837fd0b49eaee7a32bbe62ddc07db19', class: 'dark:text-hurricane-400' }))));
     }
 };
 ModalHeader.style = modalHeaderComponentCss;

package/dist/cjs/p-modal-body_4.cjs.entry.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"p-modal-body.p-modal-container.p-modal-footer.p-modal-header.entry.cjs.js","mappings":";;;;;;;;;AAAA,MAAM,qBAAqB,GAAG,woCAAwoC;;ACItqC,MAAM,IAAI,GAAGA,WAAG,CAAC,oCAAoC,EAAE;AACtD,IAAA,QAAQ,EAAE;AACT,QAAA,aAAa,EAAE;AACd,YAAA,IAAI,EAAE,qFAAqF;AAC3F,YAAA,KAAK,EAAE,MAAM;AACb,SAAA;AACD,QAAA,UAAU,EAAE;AACX,YAAA,IAAI,EAAE,uCAAuC;AAC7C,YAAA,KAAK,EAAE,IAAI;AACX,SAAA;AACD,KAAA;AACD,CAAA,CAAC;MAOW,SAAS,GAAA,MAAA;;;;AACrB;;AAEG;IACK,aAAa,GAAY,KAAK;AAEtC;;AAEG;IACK,UAAU,GAAY,KAAK;IAEnC,MAAM,GAAA;QACL,QACCC,QAACC,+BAAU,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACVD,OACC,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,IAAI,CAAC;gBACX,aAAa,EAAE,IAAI,CAAC,aAAa;gBACjC,UAAU,EAAE,IAAI,CAAC,UAAU;AAC3B,aAAA,CAAC,EAAA,EAEFA,OAAQ,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACH,CACM;;;;;AC5ChB,MAAM,0BAA0B,GAAG,~~yiGAAyiG~~;;~~ACI5kG~~,MAAM,SAAS,GAAGD,WAAG,CACpB;IACC,uBAAuB;IAEvB,uBAAuB;IACvB,uDAAuD;IAEvD,2BAA2B;IAE3B,cAAc;~~CACd~~,EACD;AACC,IAAA,QAAQ,EAAE;AACT,QAAA,IAAI,EAAE;AACL,YAAA,EAAE,EAAE,sBAAsB;AAC1B,YAAA,IAAI,EAAE,sBAAsB;AAC5B,YAAA,EAAE,EAAE,sBAAsB;AAC1B,YAAA,EAAE,EAAE,sBAAsB;AAC1B,YAAA,KAAK,EAAE,sBAAsB;AAC7B,SAAA;AACD,QAAA,OAAO,EAAE;AACR,YAAA,KAAK,EACJ,kEAAkE;AACnE,YAAA,IAAI,EAAE,wFAAwF;AAC9F,SAAA;AACD,KAAA;AACD,CAAA,CACD;MAOY,cAAc,GAAA,MAAA;;;;AAC1B;;AAEG;IACK,IAAI,GAAwC,MAAM;AAE1D;;AAEG;IACK,OAAO,GAAY,KAAK;IAEhC,MAAM,GAAA;~~AACL~~,~~QAAA,~~QACCC,~~OAAA~~,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,~~EACC~~,KAAK,EAAE,SAAS,CAAC;gBAChB,IAAI,EAAE,IAAI,CAAC,IAAI;AACf,gBAAA,OAAO,EAAEE,mBAAS,CAAC,IAAI,CAAC,OAAO,CAAC;AAChC,aAAA,CAAC,EAAA,EAEFF,OAAQ,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACH;;;;;~~AC1DT~~,MAAM,uBAAuB,GAAG,0gDAA0gD;;MCQ7hD,WAAW,GAAA,MAAA;;;;IACvB,MAAM,GAAA;AACL,QAAA,QACCA,QAACC,+BAAU,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACVD,OAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,uIAAuI,EAAA,EACjJA,OAAW,CAAA,WAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,2EAA2E,EAAG,CAAA,EAE/FA,OAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,qCAAqC,EAAA,EAC/CA,OAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAQ,CACH,CACD,CACM;;;;;ACnBhB,MAAM,uBAAuB,GAAG,g8EAAg8E;;ACIh+E,MAAM,MAAM,GAAGD,WAAG,CAAC;IAClB,6FAA6F;IAC7F,mCAAmC;AACnC,CAAA,CAAC;AAEF,MAAM,OAAO,GAAGA,WAAG,CAAC,CAAC,kBAAkB,EAAE,sBAAsB,CAAC,CAAC;AAEjE,MAAM,KAAK,GAAGA,WAAG,CAAC;IACjB,oBAAoB;IACpB,qBAAqB;IACrB,6DAA6D;IAC7D,8DAA8D;AAC9D,CAAA,CAAC;MAOW,WAAW,GAAA,MAAA;;;;;AACvB;;AAEG;IACK,SAAS,GAAG,IAAI;AAExB;;AAEG;AAIH,IAAA,KAAK;IAEL,MAAM,GAAA;AACL,QAAA,QACCC,QAACC,+BAAU,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACVD,OAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,MAAM,EAAE,EAAA,EACnBA,OAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,OAAO,EAAE,EAAA,EACpBA,OAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,KAAK,EAAE,EAAA,EAClBA,OAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAQ,CACH,EAEL,IAAI,CAAC,SAAS,KACdA,uEACC,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,UAAU,EACf,QAAQ,EAAE,IAAI,EACd,OAAO,EAAE,EAAE,IAAI,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE,CAAC,EAAA,CACvB,CACZ,CACI,EAENA,OAAA,CAAA,SAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAS,KAAK,EAAC,yBAAyB,GAAG,CACtC,CACM;;;;;;;;;;","names":["cva","h","ThemedHost","asBoolean"],"sources":["src/components/atoms/modal/body/modal-body.component.css?tag=p-modal-body&encapsulation=shadow","src/components/atoms/modal/body/modal-body.component.tsx","src/components/atoms/modal/container/modal-container.component.css?tag=p-modal-container&encapsulation=shadow","src/components/atoms/modal/container/modal-container.component.tsx","src/components/atoms/modal/footer/modal-footer.component.css?tag=p-modal-footer&encapsulation=shadow","src/components/atoms/modal/footer/modal-footer.component.tsx","src/components/atoms/modal/header/modal-header.component.css?tag=p-modal-header&encapsulation=shadow","src/components/atoms/modal/header/modal-header.component.tsx"],"sourcesContent":["","import { Component, h, Prop } from '@stencil/core';\nimport { cva } from 'class-variance-authority';\nimport { ThemedHost } from '../../../../internal/themed-host.component';\n\nconst body = cva('bg-white dark:bg-hurricane-600 p-4', {\n\tvariants: {\n\t\troundedBottom: {\n\t\t\ttrue: 'rounded-b-none desktop-xs:rounded-b-2xl pb-[calc(env(safe-area-inset-bottom)+1rem)]',\n\t\t\tfalse: 'pb-4',\n\t\t},\n\t\troundedTop: {\n\t\t\ttrue: 'rounded-t-lg desktop-xs:rounded-t-2xl',\n\t\t\tfalse: null,\n\t\t},\n\t},\n});\n\n@Component({\n\ttag: 'p-modal-body',\n\tstyleUrl: 'modal-body.component.css',\n\tshadow: true,\n})\nexport class ModalBody {\n\t/*\n\t Wether the modal body should be rounded at the bottom\n\t /\n\t@Prop() roundedBottom: boolean = false;\n\n\t/\n\t Wether the modal body should be rounded at the top\n\t /\n\t@Prop() roundedTop: boolean = false;\n\n\trender() {\n\t\treturn (\n\t\t\t<ThemedHost>\n\t\t\t\t<div\n\t\t\t\t\tclass={body({\n\t\t\t\t\t\troundedBottom: this.roundedBottom,\n\t\t\t\t\t\troundedTop: this.roundedTop,\n\t\t\t\t\t})}\n\t\t\t\t>\n\t\t\t\t\t<slot />\n\t\t\t\t</div>\n\t\t\t</ThemedHost>\n\t\t);\n\t}\n}\n",":host {\n\t@apply flex w-full justify-center desktop-xs:m-auto;\n}\n","import { Component, h, Prop } from '@stencil/core';\nimport { cva } from 'class-variance-authority';\nimport { asBoolean } from '../../../../utils/as-boolean';\n\nconst container = cva(\n\t[\n\t\t'flex-1 min-w-0 w-full',\n\n\t\t'z-modal flex flex-col',\n\t\t'rounded-b-none rounded-t-2xl desktop-xs:rounded-b-2xl',\n\n\t\t'max-h-[calc(100dvh-4rem)]',\n\n\t\t'shadow-modal',\n\t],\n\t{\n\t\tvariants: {\n\t\t\tsize: {\n\t\t\t\txs: 'tablet:max-w-[20rem]',\n\t\t\t\tbase: 'tablet:max-w-[35rem]',\n\t\t\t\tlg: 'tablet:max-w-[41rem]',\n\t\t\t\txl: 'tablet:max-w-[45rem]',\n\t\t\t\t'2xl': 'tablet:max-w-[65rem]',\n\t\t\t},\n\t\t\tclosing: {\n\t\t\t\tfalse:\n\t\t\t\t\t'animate-slide-in-bottom desktop-xs:animate-slide-in-bottom-small',\n\t\t\t\ttrue: 'animate-slide-out-bottom desktop-xs:animate-slide-out-bottom-small pointer-events-none',\n\t\t\t},\n\t\t},\n\t}\n);\n\n@Component({\n\ttag: 'p-modal-container',\n\tstyleUrl: 'modal-container.component.css',\n\tshadow: true,\n})\nexport class ModalContainer {\n\t/\n\t The size of the modal container\n\t /\n\t@Prop() size: 'xs' \| 'base' \| 'lg' \| 'xl' \| '2xl' = 'base';\n\n\t/\n\t Wether the container is closing\n\t /\n\t@Prop() closing: boolean = false;\n\n\trender() {\n\t\treturn (\n\t\t\t<div\n\t\t\t\tclass={container({\n\t\t\t\t\tsize: this.size,\n\t\t\t\t\tclosing: asBoolean(this.closing),\n\t\t\t\t})}\n\t\t\t>\n\t\t\t\t<slot />\n\t\t\t</div>\n\t\t);\n\t}\n}\n","","import { Component, h } from '@stencil/core';\nimport { ThemedHost } from '../../../../internal/themed-host.component';\n\n@Component({\n\ttag: 'p-modal-footer',\n\tstyleUrl: 'modal-footer.component.css',\n\tshadow: true,\n})\nexport class ModalFooter {\n\trender() {\n\t\treturn (\n\t\t\t<ThemedHost>\n\t\t\t\t<div class='flex flex-col rounded-b-none bg-white px-4 pb-[calc(env(safe-area-inset-bottom)+1rem)] desktop-xs:rounded-b-2xl dark:bg-hurricane-600'>\n\t\t\t\t\t<p-divider class='mb-4 hidden text-off-white-700 desktop-xs:inline-block dark:text-white/10' />\n\n\t\t\t\t\t<div class='flex flex-col gap-4 tablet:flex-row'>\n\t\t\t\t\t\t<slot />\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</ThemedHost>\n\t\t);\n\t}\n}\n","","import { Component, Event, EventEmitter, h, Prop } from '@stencil/core';\nimport { cva } from 'class-variance-authority';\nimport { ThemedHost } from '../../../../internal/themed-host.component';\n\nconst header = cva([\n\t'w-full flex-col bg-white dark:bg-hurricane-600 relative rounded-t-2xl overflow-hidden z-[1]',\n\t'inline-flex aspect-[7/1] max-h-28',\n]);\n\nconst content = cva(['flex justify-end', 'w-full p-4 pb-0 h-12']);\n\nconst title = cva([\n\t'flex-1 text-center',\n\t'w-[calc(100%-7rem)]',\n\t'absolute top-1/2 -translate-y-1/2 left-1/2 -translate-x-1/2',\n\t'text-storm-500 dark:text-white text-2xl text-ambit font-bold',\n]);\n\n@Component({\n\ttag: 'p-modal-header',\n\tstyleUrl: 'modal-header.component.css',\n\tshadow: true,\n})\nexport class ModalHeader {\n\t/\n\t Wether to show the close button on mobile\n\t /\n\t@Prop() showClose = true;\n\n\t/\n\t Close click event\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\tclose: EventEmitter<MouseEvent>;\n\n\trender() {\n\t\treturn (\n\t\t\t<ThemedHost>\n\t\t\t\t<div class={header()}>\n\t\t\t\t\t<div class={content()}>\n\t\t\t\t\t\t<div class={title()}>\n\t\t\t\t\t\t\t<slot />\n\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t{this.showClose && (\n\t\t\t\t\t\t\t<p-button\n\t\t\t\t\t\t\t\tvariant='secondary'\n\t\t\t\t\t\t\t\ticon='negative'\n\t\t\t\t\t\t\t\ticonOnly={true}\n\t\t\t\t\t\t\t\tonClick={ev => this.close.emit(ev)}\n\t\t\t\t\t\t\t></p-button>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<p-smile class='dark:text-hurricane-400' />\n\t\t\t\t</div>\n\t\t\t</ThemedHost>\n\t\t);\n\t}\n}\n"],"version":3}
1	+ {"file":"p-modal-body.p-modal-container.p-modal-footer.p-modal-header.entry.cjs.js","mappings":"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","names":["cva","h","ThemedHost","asBoolean"],"sources":["src/components/atoms/modal/body/modal-body.component.css?tag=p-modal-body&encapsulation=shadow","src/components/atoms/modal/body/modal-body.component.tsx","src/components/atoms/modal/container/modal-container.component.css?tag=p-modal-container&encapsulation=shadow","src/components/atoms/modal/container/modal-container.component.tsx","src/components/atoms/modal/footer/modal-footer.component.css?tag=p-modal-footer&encapsulation=shadow","src/components/atoms/modal/footer/modal-footer.component.tsx","src/components/atoms/modal/header/modal-header.component.css?tag=p-modal-header&encapsulation=shadow","src/components/atoms/modal/header/modal-header.component.tsx"],"sourcesContent":["","import { Component, h, Prop } from '@stencil/core';\nimport { cva } from 'class-variance-authority';\nimport { ThemedHost } from '../../../../internal/themed-host.component';\n\nconst body = cva('bg-white dark:bg-hurricane-600 p-4', {\n\tvariants: {\n\t\troundedBottom: {\n\t\t\ttrue: 'rounded-b-none desktop-xs:rounded-b-2xl pb-[calc(env(safe-area-inset-bottom)+1rem)]',\n\t\t\tfalse: 'pb-4',\n\t\t},\n\t\troundedTop: {\n\t\t\ttrue: 'rounded-t-lg desktop-xs:rounded-t-2xl',\n\t\t\tfalse: null,\n\t\t},\n\t},\n});\n\n@Component({\n\ttag: 'p-modal-body',\n\tstyleUrl: 'modal-body.component.css',\n\tshadow: true,\n})\nexport class ModalBody {\n\t/*\n\t Wether the modal body should be rounded at the bottom\n\t /\n\t@Prop() roundedBottom: boolean = false;\n\n\t/\n\t Wether the modal body should be rounded at the top\n\t /\n\t@Prop() roundedTop: boolean = false;\n\n\trender() {\n\t\treturn (\n\t\t\t<ThemedHost>\n\t\t\t\t<div\n\t\t\t\t\tclass={body({\n\t\t\t\t\t\troundedBottom: this.roundedBottom,\n\t\t\t\t\t\troundedTop: this.roundedTop,\n\t\t\t\t\t})}\n\t\t\t\t>\n\t\t\t\t\t<slot />\n\t\t\t\t</div>\n\t\t\t</ThemedHost>\n\t\t);\n\t}\n}\n",":host {\n\t@apply flex w-full justify-center desktop-xs:m-auto;\n}\n","import { Component, h, Prop } from '@stencil/core';\nimport { cva } from 'class-variance-authority';\nimport { asBoolean } from '../../../../utils/as-boolean';\nimport { ThemedHost } from '../../../../internal/themed-host.component';\n\nconst container = cva(\n\t[\n\t\t'flex-1 min-w-0 w-full',\n\n\t\t'z-modal flex flex-col',\n\t\t'rounded-b-none rounded-t-2xl desktop-xs:rounded-b-2xl',\n\n\t\t'max-h-[calc(100dvh-4rem)]',\n\n\t\t'shadow-modal',\n\n\t\t'dark:border-hurricane-400 dark:border dark:border-solid',\n\t],\n\t{\n\t\tvariants: {\n\t\t\tsize: {\n\t\t\t\txs: 'tablet:max-w-[20rem]',\n\t\t\t\tbase: 'tablet:max-w-[35rem]',\n\t\t\t\tlg: 'tablet:max-w-[41rem]',\n\t\t\t\txl: 'tablet:max-w-[45rem]',\n\t\t\t\t'2xl': 'tablet:max-w-[65rem]',\n\t\t\t},\n\t\t\tclosing: {\n\t\t\t\tfalse:\n\t\t\t\t\t'animate-slide-in-bottom desktop-xs:animate-slide-in-bottom-small',\n\t\t\t\ttrue: 'animate-slide-out-bottom desktop-xs:animate-slide-out-bottom-small pointer-events-none',\n\t\t\t},\n\t\t},\n\t}\n);\n\n@Component({\n\ttag: 'p-modal-container',\n\tstyleUrl: 'modal-container.component.css',\n\tshadow: true,\n})\nexport class ModalContainer {\n\t/\n\t The size of the modal container\n\t /\n\t@Prop() size: 'xs' \| 'base' \| 'lg' \| 'xl' \| '2xl' = 'base';\n\n\t/\n\t Wether the container is closing\n\t /\n\t@Prop() closing: boolean = false;\n\n\trender() {\n\t\treturn (\n\t\t\t<ThemedHost>\n\t\t\t\t<div\n\t\t\t\t\tclass={container({\n\t\t\t\t\t\tsize: this.size,\n\t\t\t\t\t\tclosing: asBoolean(this.closing),\n\t\t\t\t\t})}\n\t\t\t\t>\n\t\t\t\t\t<slot />\n\t\t\t\t</div>\n\t\t\t</ThemedHost>\n\t\t);\n\t}\n}\n","","import { Component, h } from '@stencil/core';\nimport { ThemedHost } from '../../../../internal/themed-host.component';\n\n@Component({\n\ttag: 'p-modal-footer',\n\tstyleUrl: 'modal-footer.component.css',\n\tshadow: true,\n})\nexport class ModalFooter {\n\trender() {\n\t\treturn (\n\t\t\t<ThemedHost>\n\t\t\t\t<div class='flex flex-col rounded-b-none bg-white px-4 pb-[calc(env(safe-area-inset-bottom)+1rem)] desktop-xs:rounded-b-2xl dark:bg-hurricane-600'>\n\t\t\t\t\t<p-divider class='mb-4 hidden text-off-white-700 desktop-xs:inline-block dark:text-white/10' />\n\n\t\t\t\t\t<div class='flex flex-col gap-4 tablet:flex-row'>\n\t\t\t\t\t\t<slot />\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</ThemedHost>\n\t\t);\n\t}\n}\n","","import { Component, Event, EventEmitter, h, Prop } from '@stencil/core';\nimport { cva } from 'class-variance-authority';\nimport { ThemedHost } from '../../../../internal/themed-host.component';\n\nconst header = cva([\n\t'w-full flex-col bg-white dark:bg-hurricane-600 relative rounded-t-2xl overflow-hidden z-[1]',\n\t'inline-flex aspect-[7/1] max-h-28',\n]);\n\nconst content = cva(['flex justify-end', 'w-full p-4 pb-0 h-12']);\n\nconst title = cva([\n\t'flex-1 text-center',\n\t'w-[calc(100%-7rem)]',\n\t'absolute top-1/2 -translate-y-1/2 left-1/2 -translate-x-1/2',\n\t'text-storm-500 dark:text-white text-2xl text-ambit font-bold',\n]);\n\n@Component({\n\ttag: 'p-modal-header',\n\tstyleUrl: 'modal-header.component.css',\n\tshadow: true,\n})\nexport class ModalHeader {\n\t/\n\t Wether to show the close button on mobile\n\t /\n\t@Prop() showClose = true;\n\n\t/\n\t Close click event\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\tclose: EventEmitter<MouseEvent>;\n\n\trender() {\n\t\treturn (\n\t\t\t<ThemedHost>\n\t\t\t\t<div class={header()}>\n\t\t\t\t\t<div class={content()}>\n\t\t\t\t\t\t<div class={title()}>\n\t\t\t\t\t\t\t<slot />\n\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t{this.showClose && (\n\t\t\t\t\t\t\t<p-button\n\t\t\t\t\t\t\t\tvariant='secondary'\n\t\t\t\t\t\t\t\ticon='negative'\n\t\t\t\t\t\t\t\ticonOnly={true}\n\t\t\t\t\t\t\t\tonClick={ev => this.close.emit(ev)}\n\t\t\t\t\t\t\t></p-button>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<p-smile class='dark:text-hurricane-400' />\n\t\t\t\t</div>\n\t\t\t</ThemedHost>\n\t\t);\n\t}\n}\n"],"version":3}

package/dist/cjs/p-navbar.cjs.entry.js CHANGED Viewed

@@ -54,7 +54,7 @@ const Navbar = class {
     }
     _show = false;
     render() {
-        return (index.h(themedHost_component.ThemedHost, { key: '5f2ff4851da03caa40914c81f493e0053186a1d2' }, index.h("p-backdrop", { key: 'b247ba9092f0506407c64e8e748df9d6de9e36f1', class: backdrop({ show: this._show }), scrollLock: this._show, onClicked: () => (this._show = false) }), index.h("div", { key: '3c99121497113fefb1ac2f2fc2b676acc31b4c63', class: sidebar({ class: sidebarAndTopbar(), show: this._show }) }, index.h("div", { key: '5ad7202d1d7e028ca77014ce98002ac10e64a32f', class: 'flex w-full items-center justify-end layout-1280:hidden' }, index.h("p-button", { key: '243ccff24471f9ab3aa25612f7ed97650687c918', variant: 'secondary', icon: 'menu-arrow', iconFlip: 'horizontal', iconOnly: true, onClick: () => (this._show = false) })), index.h("div", { key: 'ef8804d44857bee2d615a2bd486ef4ed77b7c14b', class: 'flex w-full flex-shrink-0 flex-col items-stretch' }, index.h("slot", { key: '7ed9c5f1df92979c4c224cf678bfb376394bbb89', name: 'company' })), index.h("div", { key: '69d8cdba81b2b3319e04cc0b723796ea60481d1d', class: 'flex w-full flex-1 flex-col gap-6 overflow-y-auto' }, index.h("slot", { key: 'bbdcd62739cbcf28f9833ced398144945363c387', name: 'content' })), index.h("div", { key: '4712c063614b6f3cc911e98bd901ab158acb7613', class: 'mt-auto hidden w-full flex-shrink-0 flex-col layout-1280:flex' }, index.h("slot", { key: 'f436a502abbf43e780d6e6ad225fa00232623ea7', name: 'user' }))), index.h("div", { key: '7a478d1164b7da40eedc60e7599e4a3f21eb9cc0', class: topbar({ class: sidebarAndTopbar() }) }, index.h("p-button", { key: '5a39fe6c9efe0294fe4871716960ca92444a449e', variant: 'secondary', iconOnly: true, icon: 'menu-arrow', onClick: () => (this._show = true) }), index.h("slot", { key: '6627f251315d0180b8b5d08bd9e0887259410862', name: 'topbar' }))));
+        return (index.h(themedHost_component.ThemedHost, { key: 'f18236b1eecebb2364756c2ec45dd5547e5c2b8a' }, index.h("p-backdrop", { key: 'd6c6c3c6913c64801c3210b3f9356a7d2f88f685', class: backdrop({ show: this._show }), scrollLock: this._show, onClicked: () => (this._show = false) }), index.h("div", { key: '26fa33772a4437faaec4d5bbce86f5fcf5e06f1d', class: sidebar({ class: sidebarAndTopbar(), show: this._show }) }, index.h("div", { key: 'c41a829e518a972b4c7030fb0500a1501fa3835b', class: 'flex w-full items-center justify-end layout-1280:hidden' }, index.h("p-button", { key: 'ee1d0e561764ddbf58797ca8ea6ca08bb726aa6d', variant: 'secondary', icon: 'menu-arrow', iconFlip: 'horizontal', iconOnly: true, onClick: () => (this._show = false) })), index.h("div", { key: '531559e69a4158a2271be6d63ab7537f866f8eaf', class: 'flex w-full flex-shrink-0 flex-col items-stretch' }, index.h("slot", { key: '97b8397a519af90da71aa53ec90ffad88a723657', name: 'company' })), index.h("div", { key: '4c526a339ac703505b3dd2ac8a4959e3b4bc47ee', class: 'flex w-full flex-1 flex-col gap-6 overflow-y-auto' }, index.h("slot", { key: '6047b39501d08754bcb7264142cf713297cf9e01', name: 'content' })), index.h("div", { key: '18cbd646cbefb9031e74f712afdc7075d8aec953', class: 'mt-auto hidden w-full flex-shrink-0 flex-col layout-1280:flex' }, index.h("slot", { key: '15cbd9e622dbda0c2e09e2353143ffd164a41cfc', name: 'user' }))), index.h("div", { key: 'f54474e0a0b298dd986be0b6e74c9fb0cff05945', class: topbar({ class: sidebarAndTopbar() }) }, index.h("p-button", { key: 'a9cb10403323860b08a5131d928d19f9fdfb6afa', variant: 'secondary', iconOnly: true, icon: 'menu-arrow', onClick: () => (this._show = true) }), index.h("slot", { key: 'ccfaa956eb493047a8ce2f0c3a1c89d62e47a0c3', name: 'topbar' }))));
     }
     handleCloseNavbar() {
         this._show = false;

package/dist/cjs/p-navigation-item.cjs.entry.js CHANGED Viewed

@@ -86,13 +86,13 @@ const NavigationItem = class {
     render() {
         const TagType = this.as;
         const active = asBoolean.asBoolean(this.active) || this.class?.includes('active');
-        return (index.h(themedHost_component.ThemedHost, { key: '00fe55de2abc63e7d21eb25af9185a2218409fcf', class: cn.cn('p-navigation-item inline-block', this.class) }, index.h(TagType, { key: '9b604e531a822b7f83ade8b27f9905d5e32c38f3', class: navigationItem({
+        return (index.h(themedHost_component.ThemedHost, { key: '2d29f70e6ec2ba062b2ce4f2757f705cfad3ae12', class: cn.cn('p-navigation-item inline-block', this.class) }, index.h(TagType, { key: '04332bd09399e88de1e58218c7de4e56357d0836', class: navigationItem({
                 icon: !!this.icon,
                 active,
-            }), href: this.href, target: this.target }, index.h("div", { key: 'd0bfc8961060791efae455c6699e37156212c133', class: navigationItemIconContainer({ active }) }, index.h("p-icon", { key: 'e2a337552737b6270fa2eb3470415ad99b6bde94', variant: this.icon })), index.h("span", { key: 'ad5a23c485a4f5175a94c7d9a189874dd5329107', class: cn.cn({
+            }), href: this.href, target: this.target }, index.h("div", { key: '9c054d73cdbc086f385899cec281cd8b5cae4d5a', class: navigationItemIconContainer({ active }) }, index.h("p-icon", { key: '1d06647840b67887bbb43eb6dbc632fd79a1aca2', variant: this.icon })), index.h("span", { key: 'a83535b05b7635bf4a5401ce27591fc98829ffc1', class: cn.cn({
                 'has-counter': !!this.counter,
                 'w-full': this.applyFullWidth,
-            }) }, index.h("slot", { key: '919803097262d08996eaee98dc0db9559da3f497' })), !!this.counter && this.counter !== '0' && (index.h("p-badge", { key: '823a97ddee0f9ffae8f782c3c097eea529d18939' }, this.counter)), !!this.loading && index.h("p-loader", { key: '5e534b6d7e06273330c94fd23d5b887faa592399', class: 'ml-auto' }))));
+            }) }, index.h("slot", { key: '5863363e5a23002347e28729d5919a8705b862e9' })), !!this.counter && this.counter !== '0' && (index.h("p-badge", { key: '82b0eedf127b7b01237cff0833764c09ed612089' }, this.counter)), !!this.loading && index.h("p-loader", { key: 'd91a386bc9f56c02f06588a55af808a5a6888e59', class: 'ml-auto' }))));
     }
 };
 NavigationItem.style = navigationItemComponentCss;

package/dist/cjs/p-navigation-section.cjs.entry.js CHANGED Viewed

@@ -15,7 +15,7 @@ const NavigationSection = class {
      */
     header;
     render() {
-        return (index.h(themedHost_component.ThemedHost, { key: 'f0d9d4b1f7b0e5073296f80b63d54289823298b0', class: 'flex flex-col gap-2' }, this.header?.length > 0 && (index.h("p-navigation-title", { key: '13e029662fc3d222df838a5f907d8c4bf3d6ec34' }, this.header)), index.h("div", { key: 'f7cba24d9dba5e064ce3ee8feada8ce768ee4904', class: 'flex flex-col' }, index.h("slot", { key: 'b33f95d01a0bb8b57c3ffa6693499a641bccf413' }))));
+        return (index.h(themedHost_component.ThemedHost, { key: '002ed7acb41410e679f8a58eb22a3abc8b558156', class: 'flex flex-col gap-2' }, this.header?.length > 0 && (index.h("p-navigation-title", { key: 'c2cb70e21a2b546f90cb7e7562798e33f7b57563' }, this.header)), index.h("div", { key: '30c52779d5d2c810a0c088efa6d023b433d63095', class: 'flex flex-col' }, index.h("slot", { key: 'a757faba94597f2476c2a1166c10170c4ed2d6c1' }))));
     }
 };
 NavigationSection.style = navigationSectionComponentCss;

package/dist/cjs/p-navigation-title.cjs.entry.js CHANGED Viewed

@@ -11,7 +11,7 @@ const NavigationTitle = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(themedHost_component.ThemedHost, { key: 'f3d6d809388f27fe635eb349290cdcdacdc99225', class: 'text-xs font-medium text-storm-300 dark:text-hurricane-200' }, index.h("slot", { key: '44cc6e1b29749948ceb8061c2852e63c159f54dd' })));
+        return (index.h(themedHost_component.ThemedHost, { key: '8bd3f47ac1320f48f32a095a9b956802c8ebe41b', class: 'text-xs font-medium text-storm-300 dark:text-hurricane-200' }, index.h("slot", { key: '10d0d20f74e93d280a5710acf968ba0ebfebe725' })));
     }
 };
 NavigationTitle.style = navigationTitleComponentCss;

package/dist/cjs/p-pagination-pages-item.cjs.entry.js CHANGED Viewed

@@ -98,12 +98,12 @@ const PaginationPagesItem = class {
      */
     disabled = false;
     render() {
-        return (index.h(themedHost_component.ThemedHost, { key: 'cb92598fa1cd1d271ffe54d9592046cc63b51a10' }, index.h("div", { key: 'a67327112fac045a8a037470537e5265dd2f8291', class: item({
+        return (index.h(themedHost_component.ThemedHost, { key: '555a0fa51eade8039be2c42060999de6117aaeb2' }, index.h("div", { key: '2406dbdf07c77775429beb5c30dac387ab22ee95', class: item({
                 variant: this.variant ?? 'default',
                 active: asBoolean.asBoolean(this.active),
                 hover: asBoolean.asBoolean(this.hover, true),
                 disabled: asBoolean.asBoolean(this.disabled),
-            }) }, index.h("slot", { key: '9bd0eff42ab3289584a592e120267171d531609e' }))));
+            }) }, index.h("slot", { key: 'bbbf3cbffbbe6464dbab35bcc4b09d12cd983984' }))));
     }
 };
 PaginationPagesItem.style = paginationPagesItemComponentCss;