@paperless/core 3.18.0 → 3.19.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/{paperless/p-3557f8b1.entry.js → build/p-0cea7ced.entry.js} +1 -1
- package/dist/{paperless/p-6dff428b.entry.js → build/p-47bdfa0d.entry.js} +1 -1
- package/dist/build/p-81e96c69.entry.js +1 -0
- package/dist/build/p-aea4ec07.js +1 -0
- package/dist/build/p-c3554748.entry.js +1 -0
- package/dist/build/{p-282b2776.entry.js → p-cb9baef3.entry.js} +1 -1
- package/dist/build/{p-fbabae11.entry.js → p-e3e43848.entry.js} +1 -1
- package/dist/build/paperless.esm.js +1 -1
- package/dist/cjs/index-BGtpSJv_.js +8 -0
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/p-empty-state_8.cjs.entry.js +6 -6
- package/dist/cjs/p-listing.cjs.entry.js +2 -2
- package/dist/cjs/p-navbar.cjs.entry.js +1 -1
- package/dist/cjs/p-submenu-item.cjs.entry.js +44 -0
- package/dist/cjs/p-submenu.cjs.entry.js +138 -0
- package/dist/cjs/p-toast.cjs.entry.js +1 -1
- package/dist/cjs/paperless.cjs.js +1 -1
- package/dist/collection/collection-manifest.json +2 -0
- package/dist/collection/components/molecules/submenu/item/submenu-item.component.css +1 -0
- package/dist/collection/components/molecules/submenu/item/submenu-item.component.js +94 -0
- package/dist/collection/components/molecules/submenu/item/submenu-item.stories.js +20 -0
- package/dist/collection/components/molecules/submenu/menu/submenu.component.css +1 -0
- package/dist/collection/components/molecules/submenu/menu/submenu.component.js +265 -0
- package/dist/collection/components/molecules/submenu/menu/submenu.stories.js +35 -0
- package/dist/collection/components/molecules/table/cell/table-cell.component.js +1 -1
- package/dist/collection/components/molecules/table/footer/table-footer.component.js +2 -2
- package/dist/collection/components/molecules/table/row/table-row.component.js +3 -3
- package/dist/collection/components/molecules/toast/toast.component.js +1 -1
- package/dist/collection/components/organisms/listing/listing.component.js +2 -2
- package/dist/collection/components/organisms/navbar/navbar.component.js +1 -1
- package/dist/components/{p-PAx1R45S.js → p-BD5jS81-.js} +1 -1
- package/dist/components/{p-DpmybwXO.js → p-BwA3E_K4.js} +1 -1
- package/dist/components/p-POJeD79-.js +1 -0
- package/dist/components/p-listing.js +1 -1
- package/dist/components/p-navbar.js +1 -1
- package/dist/components/p-submenu-item.d.ts +11 -0
- package/dist/components/p-submenu-item.js +1 -0
- package/dist/components/p-submenu.d.ts +11 -0
- package/dist/components/p-submenu.js +1 -0
- package/dist/components/p-table-cell.js +1 -1
- package/dist/components/p-table-footer.js +1 -1
- package/dist/components/p-table-row.js +1 -1
- package/dist/components/p-table.js +1 -1
- package/dist/components/p-toast.js +1 -1
- package/dist/esm/index-yFtRjnrU.js +8 -0
- package/dist/esm/loader.js +1 -1
- package/dist/esm/p-empty-state_8.entry.js +6 -6
- package/dist/esm/p-listing.entry.js +2 -2
- package/dist/esm/p-navbar.entry.js +1 -1
- package/dist/esm/p-submenu-item.entry.js +42 -0
- package/dist/esm/p-submenu.entry.js +136 -0
- package/dist/esm/p-toast.entry.js +1 -1
- package/dist/esm/paperless.js +1 -1
- package/dist/index.html +1 -1
- package/dist/{build/p-3557f8b1.entry.js → paperless/p-0cea7ced.entry.js} +1 -1
- package/dist/{build/p-6dff428b.entry.js → paperless/p-47bdfa0d.entry.js} +1 -1
- package/dist/paperless/p-81e96c69.entry.js +1 -0
- package/dist/paperless/p-c3554748.entry.js +1 -0
- package/dist/paperless/{p-282b2776.entry.js → p-cb9baef3.entry.js} +1 -1
- package/dist/paperless/{p-fbabae11.entry.js → p-e3e43848.entry.js} +1 -1
- package/dist/paperless/paperless.esm.js +1 -1
- package/dist/sw.js +1 -1
- package/dist/sw.js.map +1 -1
- package/dist/types/components/molecules/submenu/item/submenu-item.component.d.ts +12 -0
- package/dist/types/components/molecules/submenu/item/submenu-item.stories.d.ts +21 -0
- package/dist/types/components/molecules/submenu/menu/submenu.component.d.ts +32 -0
- package/dist/types/components/molecules/submenu/menu/submenu.stories.d.ts +28 -0
- package/dist/types/components.d.ts +106 -0
- package/hydrate/index.js +218 -28
- package/hydrate/index.mjs +218 -28
- package/package.json +9 -1
- package/dist/build/p-112e3ccc.js +0 -1
- package/dist/components/p-BO7NYfW5.js +0 -1
package/hydrate/index.js
CHANGED
|
@@ -88049,7 +88049,7 @@ const calendar$1 = cva(['flex w-[17.5rem] flex-col gap-4'], {
|
|
|
88049
88049
|
},
|
|
88050
88050
|
},
|
|
88051
88051
|
});
|
|
88052
|
-
const header$
|
|
88052
|
+
const header$6 = cva([
|
|
88053
88053
|
'flex items-center gap-2',
|
|
88054
88054
|
'w-full rounded-lg p-2',
|
|
88055
88055
|
`
|
|
@@ -88293,7 +88293,7 @@ class Calendar {
|
|
|
88293
88293
|
nextFn = num => this._changeYear(num);
|
|
88294
88294
|
nextType = 'year';
|
|
88295
88295
|
}
|
|
88296
|
-
return (hAsync("div", { class: header$
|
|
88296
|
+
return (hAsync("div", { class: header$6({ type: this.mode }) }, this.mode !== 'year' && (hAsync("p-button", { disabled: !this._canSetAmount(nextType, -1) || this._view === 'year', icon: 'caret', iconRotate: 90, size: 'sm', tabIndex: -1, variant: 'secondary', iconOnly: true, onClick: () => nextFn(-1) })), hAsync("div", { class: cn('flex gap-2', {
|
|
88297
88297
|
'flex-1': this._enableToday,
|
|
88298
88298
|
}) }, this.mode !== 'year' && (hAsync("p-button", { active: this._view === 'month' && this.mode !== 'month', disabled: !this._canChangeView('month'), size: 'sm', tabIndex: -1, variant: 'secondary', onClick: () => this._changeView('month') }, dateFnsExports.format(this._viewDate, 'MMMM', {
|
|
88299
88299
|
locale: state.locale === 'nl' ? localeExports.nl : localeExports.enUS,
|
|
@@ -88662,7 +88662,7 @@ class CardContainer {
|
|
|
88662
88662
|
|
|
88663
88663
|
const cardHeaderComponentCss = () => `*{box-sizing:border-box}.pointer-events-none{pointer-events:none}.static{position:static}.absolute{position:absolute}.relative{position:relative}.left-0{left:0}.top-0{top:0}.z-\\[-1\\]{z-index:-1}.z-\\[1\\]{z-index:1}.ml-auto{margin-left:auto}.flex{display:flex}.inline-flex{display:inline-flex}.aspect-\\[5\\/1\\]{aspect-ratio:5/1}.h-8{height:2rem}.h-full{height:100%}.max-h-\\[6\\.25rem\\]{max-height:6.25rem}.w-full{width:100%}.min-w-0{min-width:0}.max-w-full{max-width:100%}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.gap-2{gap:.5rem}.gap-4{gap:1rem}.overflow-hidden{overflow:hidden}.text-ellipsis{text-overflow:ellipsis}.rounded-t-2xl{border-top-left-radius:1rem;border-top-right-radius:1rem}.px-4{padding-left:1rem;padding-right:1rem}.py-3{padding-bottom:.75rem}.pt-3,.py-3{padding-top:.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.font-bold{font-weight:700}.text-off-white-700{--tw-text-opacity:1;color:rgb(222 219 213/var(--tw-text-opacity,1))}.text-storm-300{--tw-text-opacity:1;color:rgb(116 120 127/var(--tw-text-opacity,1))}.text-storm-500{--tw-text-opacity:1;color:rgb(24 30 41/var(--tw-text-opacity,1))}.empty\\:hidden:empty{display:none}.dark\\:text-hurricane-200:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1;color:rgb(163 165 169/var(--tw-text-opacity,1))}.dark\\:text-hurricane-400:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1;color:rgb(70 75 84/var(--tw-text-opacity,1))}.dark\\:text-white:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.dark\\:text-white\\/10:where(:host([data-theme=dark]),:host([data-theme=dark]) *){color:hsla(0,0%,100%,.1)}.dark\\:text-hurricane-200:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1;color:rgb(163 165 169/var(--tw-text-opacity,1))}.dark\\:text-hurricane-400:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1;color:rgb(70 75 84/var(--tw-text-opacity,1))}.dark\\:text-white:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.dark\\:text-white\\/10:where([data-theme=dark],[data-theme=dark] *){color:hsla(0,0%,100%,.1)}`;
|
|
88664
88664
|
|
|
88665
|
-
const header$
|
|
88665
|
+
const header$5 = cva(`relative z-[1] inline-flex w-full flex-col justify-start rounded-t-2xl`, {
|
|
88666
88666
|
variants: {
|
|
88667
88667
|
variant: {
|
|
88668
88668
|
default: 'px-4',
|
|
@@ -88670,7 +88670,7 @@ const header$4 = cva(`relative z-[1] inline-flex w-full flex-col justify-start r
|
|
|
88670
88670
|
},
|
|
88671
88671
|
},
|
|
88672
88672
|
});
|
|
88673
|
-
const content$
|
|
88673
|
+
const content$7 = cva('flex items-center gap-2', {
|
|
88674
88674
|
variants: {
|
|
88675
88675
|
variant: {
|
|
88676
88676
|
default: 'py-3',
|
|
@@ -88711,9 +88711,9 @@ class CardHeader {
|
|
|
88711
88711
|
*/
|
|
88712
88712
|
divider = true;
|
|
88713
88713
|
render() {
|
|
88714
|
-
return (hAsync(ThemedHost, { key: 'b7eb827631c54142f2a4e3fe2b81271c8144b16a' }, hAsync("div", { key: 'fcb33fb73eb61e36d8c4990b5b27e217221b96a4', class: header$
|
|
88714
|
+
return (hAsync(ThemedHost, { key: 'b7eb827631c54142f2a4e3fe2b81271c8144b16a' }, hAsync("div", { key: 'fcb33fb73eb61e36d8c4990b5b27e217221b96a4', class: header$5({
|
|
88715
88715
|
variant: this.variant,
|
|
88716
|
-
}) }, hAsync("div", { key: '1ae832e07095882bb8e46398c30609e12fa4d6eb', class: content$
|
|
88716
|
+
}) }, hAsync("div", { key: '1ae832e07095882bb8e46398c30609e12fa4d6eb', class: content$7({
|
|
88717
88717
|
variant: this.variant,
|
|
88718
88718
|
}) }, this.icon ? (hAsync("p-icon", { class: '\n text-storm-300\n dark:text-hurricane-200\n ', flip: this.iconFlip, rotate: this.iconRotate, variant: this.icon })) : (hAsync("slot", { name: 'prefix' })), hAsync("div", { key: '2c9394715612b7415aeb065d9575caf755044e5f', class: title$2() }, hAsync("span", { key: '9d8e7178338dd0e4ed218c5a16d5c77486c7f240', class: 'max-w-full overflow-hidden text-ellipsis' }, this.header?.length ? this.header : hAsync("slot", null)), hAsync("slot", { key: '1483bded5220bda03e8b80228135539a8b099033', name: 'content-suffix' })), hAsync("div", { key: '62055fed1277f466d6e70578c12ce51cb9a73272', class: '\n ml-auto flex items-center justify-end gap-4\n empty:hidden\n ' }, hAsync("slot", { key: '73b2c1a055167b6050ec18f2a8b997bea8f39f8e', name: 'suffix' }))), this.variant === 'default' ? (asBoolean(this.divider) && (hAsync("p-divider", { class: '\n text-off-white-700\n dark:text-white/10\n ' }))) : (hAsync("div", { class: '\n pointer-events-none absolute left-0 top-0 z-[-1] h-full w-full\n overflow-hidden rounded-t-2xl\n ' }, hAsync("p-smile", { class: 'dark:text-hurricane-400', variant: 'card' }))))));
|
|
88719
88719
|
}
|
|
@@ -92573,7 +92573,7 @@ class Datepicker {
|
|
|
92573
92573
|
|
|
92574
92574
|
const dividerComponentCss = () => `*{box-sizing:border-box}p-divider{--tw-content:""}.static{position:static}.flex{display:flex}.h-full{height:100%}.w-full{width:100%}.flex-col{flex-direction:column}.items-center{align-items:center}.px-2{padding-left:.5rem;padding-right:.5rem}.text-sm{font-size:.875rem;line-height:1.25rem}.font-medium{font-weight:500}.text-hurricane-400{--tw-text-opacity:1;color:rgb(70 75 84/var(--tw-text-opacity,1))}.text-off-white-700{--tw-text-opacity:1;color:rgb(222 219 213/var(--tw-text-opacity,1))}.text-storm-400{--tw-text-opacity:1;color:rgb(70 75 84/var(--tw-text-opacity,1))}.before\\:hidden:before{content:var(--tw-content);display:none}.before\\:h-px:before{content:var(--tw-content);height:1px}.before\\:w-px:before{content:var(--tw-content);width:1px}.before\\:flex-1:before{content:var(--tw-content);flex:1 1 0%}.before\\:bg-current:before{background-color:currentColor;content:var(--tw-content)}.before\\:content-\\[\\"\\"\\]:before{--tw-content:"";content:var(--tw-content)}.after\\:hidden:after{content:var(--tw-content);display:none}.after\\:h-px:after{content:var(--tw-content);height:1px}.after\\:w-px:after{content:var(--tw-content);width:1px}.after\\:flex-1:after{content:var(--tw-content);flex:1 1 0%}.after\\:bg-current:after{background-color:currentColor;content:var(--tw-content)}.after\\:content-\\[\\"\\"\\]:after{--tw-content:"";content:var(--tw-content)}.empty\\:px-0:empty{padding-left:0;padding-right:0}.dark\\:text-hurricane-200:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1;color:rgb(163 165 169/var(--tw-text-opacity,1))}.dark\\:text-hurricane-400:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1;color:rgb(70 75 84/var(--tw-text-opacity,1))}.dark\\:text-hurricane-200:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1;color:rgb(163 165 169/var(--tw-text-opacity,1))}.dark\\:text-hurricane-400:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1;color:rgb(70 75 84/var(--tw-text-opacity,1))}`;
|
|
92575
92575
|
|
|
92576
|
-
const content$
|
|
92576
|
+
const content$6 = cva([
|
|
92577
92577
|
'flex items-center',
|
|
92578
92578
|
`
|
|
92579
92579
|
before:content-[""]
|
|
@@ -92628,7 +92628,7 @@ class Divider {
|
|
|
92628
92628
|
get _el() { return getElement(this); }
|
|
92629
92629
|
render() {
|
|
92630
92630
|
const hasContent = this._el.innerHTML?.length > 0;
|
|
92631
|
-
return (hAsync(ThemedHost, { key: 'ff409606cbaf88fec989b154c9c16eb07b60e185' }, hAsync("div", { key: 'bbf08c6ede2f45885372760c28026fa170dd2cd7', class: cn(content$
|
|
92631
|
+
return (hAsync(ThemedHost, { key: 'ff409606cbaf88fec989b154c9c16eb07b60e185' }, hAsync("div", { key: 'bbf08c6ede2f45885372760c28026fa170dd2cd7', class: cn(content$6({
|
|
92632
92632
|
variant: this.variant,
|
|
92633
92633
|
alignContent: this.alignContent,
|
|
92634
92634
|
}), {
|
|
@@ -92844,7 +92844,7 @@ class DrawerContainer {
|
|
|
92844
92844
|
|
|
92845
92845
|
const drawerHeaderComponentCss = () => `*{box-sizing:border-box}.static{position:static}.relative{position:relative}.z-\\[1\\]{z-index:1}.flex{display:flex}.inline-flex{display:inline-flex}.size-8{height:2rem;width:2rem}.min-h-12{min-height:3rem}.min-h-18{min-height:4.5rem}.w-full{width:100%}.flex-1{flex:1 1 0%}.flex-col{flex-direction:column}.justify-between{justify-content:space-between}.overflow-hidden{overflow:hidden}.rounded-t-2xl{border-top-left-radius:1rem;border-top-right-radius:1rem}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.p-4{padding:1rem}.pb-0{padding-bottom:0}.text-center{text-align:center}.font-ambit{font-family:Ambit,sans-serif}.text-2xl{font-size:1.5rem;line-height:2rem}.font-bold{font-weight:700}.text-storm-500{--tw-text-opacity:1;color:rgb(24 30 41/var(--tw-text-opacity,1))}.dark\\:bg-hurricane-600:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-bg-opacity:1;background-color:rgb(46 52 62/var(--tw-bg-opacity,1))}.dark\\:text-hurricane-400:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1;color:rgb(70 75 84/var(--tw-text-opacity,1))}.dark\\:text-white:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.dark\\:bg-hurricane-600:where([data-theme=dark],[data-theme=dark] *){--tw-bg-opacity:1;background-color:rgb(46 52 62/var(--tw-bg-opacity,1))}.dark\\:text-hurricane-400:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1;color:rgb(70 75 84/var(--tw-text-opacity,1))}.dark\\:text-white:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}`;
|
|
92846
92846
|
|
|
92847
|
-
const header$
|
|
92847
|
+
const header$4 = cva([
|
|
92848
92848
|
'relative z-[1] min-h-18 w-full flex-col overflow-hidden rounded-t-2xl',
|
|
92849
92849
|
`
|
|
92850
92850
|
bg-white
|
|
@@ -92852,7 +92852,7 @@ const header$3 = cva([
|
|
|
92852
92852
|
`,
|
|
92853
92853
|
'inline-flex',
|
|
92854
92854
|
]);
|
|
92855
|
-
const content$
|
|
92855
|
+
const content$5 = cva(['flex justify-between', 'min-h-12 w-full p-4 pb-0']);
|
|
92856
92856
|
const title$1 = cva([
|
|
92857
92857
|
'flex-1 text-center',
|
|
92858
92858
|
`
|
|
@@ -92874,7 +92874,7 @@ class DrawerHeader {
|
|
|
92874
92874
|
*/
|
|
92875
92875
|
close;
|
|
92876
92876
|
render() {
|
|
92877
|
-
return (hAsync(ThemedHost, { key: 'f0cc21f420fc9ede8f37b703e2bdc05b0494fdfb' }, hAsync("div", { key: 'e90c5f4e51592b3dd5aabddc4cdf394a44afc4d6', class: header$
|
|
92877
|
+
return (hAsync(ThemedHost, { key: 'f0cc21f420fc9ede8f37b703e2bdc05b0494fdfb' }, hAsync("div", { key: 'e90c5f4e51592b3dd5aabddc4cdf394a44afc4d6', class: header$4() }, hAsync("div", { key: '7c34db9d5c88f715dc67663c4bd59292f4d5f465', class: content$5() }, this.showClose && (hAsync("p-button", { key: '65d62aac568049c275aaf0da50927aa162375291', icon: 'negative', iconOnly: true, variant: 'secondary', onClick: ev => this.close.emit(ev) })), hAsync("div", { key: '7e1809baea3e11b781292e5948dcd88de22adcbf', class: title$1() }, hAsync("slot", { key: 'a197919fc325a031824cc187d9f01c02047c3cce' })), this.showClose && hAsync("div", { key: 'a89a2a5c054a83c7998f8e3537294bb0d9a3654a', class: 'size-8' })), hAsync("p-smile", { key: 'b6247f9b0f7dd88fe13b507507a5802bef0b518f', class: 'dark:text-hurricane-400' }))));
|
|
92878
92878
|
}
|
|
92879
92879
|
static get style() { return drawerHeaderComponentCss(); }
|
|
92880
92880
|
static get cmpMeta() { return {
|
|
@@ -96940,7 +96940,7 @@ const infopanel = cva(['flex flex-col gap-1', 'h-inherit w-full px-4 py-3', 'rel
|
|
|
96940
96940
|
},
|
|
96941
96941
|
},
|
|
96942
96942
|
});
|
|
96943
|
-
const header$
|
|
96943
|
+
const header$3 = cva('text-sm font-medium', {
|
|
96944
96944
|
variants: {
|
|
96945
96945
|
variant: {
|
|
96946
96946
|
neutral: `
|
|
@@ -97012,7 +97012,7 @@ class InfoPanel {
|
|
|
97012
97012
|
return (hAsync(ThemedHost, { key: '6e90d3fa10339e27158689ab6ff7f4c27e4112a5' }, hAsync("div", { key: '290bb5cf9fbf7d9bd17d91e341012c83f76061a1', class: infopanel({
|
|
97013
97013
|
variant: this.variant,
|
|
97014
97014
|
closeAble: this.closeable,
|
|
97015
|
-
}) }, (this.header?.length || hasHeaderSlot) && (hAsync("div", { key: '6d04877e365f21579f6c1c0bdd6f0471ff4c4528', class: header$
|
|
97015
|
+
}) }, (this.header?.length || hasHeaderSlot) && (hAsync("div", { key: '6d04877e365f21579f6c1c0bdd6f0471ff4c4528', class: header$3({ variant: this.variant }) }, this.header?.length ? (hAsync("p", { class: 'my-0' }, this.header)) : (hAsync("slot", { name: 'header' })))), (this.content?.length || hasContentSlot) && (hAsync("div", { key: 'f30535d8f77ce76af301bd96bd6c71b645ce68da', class: '\n h-inherit text-sm font-normal text-storm-800/60\n dark:text-white/70\n ' }, this.content?.length ? (hAsync("p", { class: 'my-0' }, this.content)) : (hAsync("slot", { name: 'content' })))), this.closeable && (hAsync("div", { key: 'cbff549d70f794782288c3ff59c7a7ede09962bb', class: close(), onClick: () => this._close() }, hAsync("p-icon", { key: 'a982772edafce6a622d02676b4ec5d36e30c31af', variant: 'negative' }))))));
|
|
97016
97016
|
}
|
|
97017
97017
|
_close() {
|
|
97018
97018
|
this.closed.emit();
|
|
@@ -97193,10 +97193,10 @@ class Listing {
|
|
|
97193
97193
|
}
|
|
97194
97194
|
}
|
|
97195
97195
|
render() {
|
|
97196
|
-
return (hAsync("div", { key: '
|
|
97196
|
+
return (hAsync("div", { key: '2804d4c9827b8c474be59e85929ac3e5c7a8b832', class: cn('flex w-full flex-col flex-wrap items-start gap-1', {
|
|
97197
97197
|
'opacity-100': this._generatedOnce,
|
|
97198
97198
|
'opacity-0': !this._generatedOnce,
|
|
97199
|
-
}) }, hAsync("slot", { key: '
|
|
97199
|
+
}) }, hAsync("slot", { key: '8c55a162dcdaca095c6e5869e204e50784e37369', onSlotchange: () => this._generateLinesOnce() })));
|
|
97200
97200
|
}
|
|
97201
97201
|
_generateLinesOnce() {
|
|
97202
97202
|
if (this._generateTimeout) {
|
|
@@ -97655,14 +97655,14 @@ class ModalFooter {
|
|
|
97655
97655
|
|
|
97656
97656
|
const modalHeaderComponentCss = () => `*{box-sizing:border-box}.static{position:static}.absolute{position:absolute}.relative{position:relative}.left-1\\/2{left:50%}.top-1\\/2{top:50%}.z-\\[1\\]{z-index:1}.flex{display:flex}.inline-flex{display:inline-flex}.aspect-\\[7\\/1\\]{aspect-ratio:7/1}.h-12{height:3rem}.max-h-28{max-height:7rem}.w-\\[calc\\(100\\%-7rem\\)\\]{width:calc(100% - 7rem)}.w-full{width:100%}.flex-1{flex:1 1 0%}.-translate-x-1\\/2{--tw-translate-x:-50%}.-translate-x-1\\/2,.-translate-y-1\\/2{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\\/2{--tw-translate-y:-50%}.flex-col{flex-direction:column}.justify-end{justify-content:flex-end}.overflow-hidden{overflow:hidden}.rounded-t-2xl{border-top-left-radius:1rem;border-top-right-radius:1rem}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.p-4{padding:1rem}.pb-0{padding-bottom:0}.text-center{text-align:center}.font-ambit{font-family:Ambit,sans-serif}.text-2xl{font-size:1.5rem;line-height:2rem}.font-bold{font-weight:700}.text-storm-500{--tw-text-opacity:1;color:rgb(24 30 41/var(--tw-text-opacity,1))}.dark\\:bg-hurricane-600:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-bg-opacity:1;background-color:rgb(46 52 62/var(--tw-bg-opacity,1))}.dark\\:text-hurricane-400:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1;color:rgb(70 75 84/var(--tw-text-opacity,1))}.dark\\:text-white:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.dark\\:bg-hurricane-600:where([data-theme=dark],[data-theme=dark] *){--tw-bg-opacity:1;background-color:rgb(46 52 62/var(--tw-bg-opacity,1))}.dark\\:text-hurricane-400:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1;color:rgb(70 75 84/var(--tw-text-opacity,1))}.dark\\:text-white:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}`;
|
|
97657
97657
|
|
|
97658
|
-
const header$
|
|
97658
|
+
const header$2 = cva([
|
|
97659
97659
|
`
|
|
97660
97660
|
relative z-[1] w-full flex-col overflow-hidden rounded-t-2xl bg-white
|
|
97661
97661
|
dark:bg-hurricane-600
|
|
97662
97662
|
`,
|
|
97663
97663
|
'inline-flex aspect-[7/1] max-h-28',
|
|
97664
97664
|
]);
|
|
97665
|
-
const content$
|
|
97665
|
+
const content$4 = cva(['flex justify-end', 'h-12 w-full p-4 pb-0']);
|
|
97666
97666
|
const title = cva([
|
|
97667
97667
|
'flex-1 text-center',
|
|
97668
97668
|
'w-[calc(100%-7rem)]',
|
|
@@ -97686,7 +97686,7 @@ class ModalHeader {
|
|
|
97686
97686
|
*/
|
|
97687
97687
|
close;
|
|
97688
97688
|
render() {
|
|
97689
|
-
return (hAsync(ThemedHost, { key: '6ff888c25d7455ffd6baf7e1dd046d8446555739' }, hAsync("div", { key: '9b9fa9ee81f4174df2f880965afa9cc72b63e800', class: header$
|
|
97689
|
+
return (hAsync(ThemedHost, { key: '6ff888c25d7455ffd6baf7e1dd046d8446555739' }, hAsync("div", { key: '9b9fa9ee81f4174df2f880965afa9cc72b63e800', class: header$2() }, hAsync("div", { key: 'b58b6b353afa85c5e45f71abf9c4d59b5fa42eeb', class: content$4() }, hAsync("div", { key: '576edc988821e2ae50b8a11c8fc4b81fea137cb8', class: title() }, hAsync("slot", { key: 'b9906b5af7dc8542f3d046d8ca9dccc0f8310e9d' })), this.showClose && (hAsync("p-button", { key: 'c5da895fc9b1e6ef042a5f9d829d6e584ff23ab8', icon: 'negative', iconOnly: true, variant: 'secondary', onClick: ev => this.close.emit(ev) }))), hAsync("p-smile", { key: 'e0390b852e9ae3633185cdb5441d9172a07f7986', class: 'dark:text-hurricane-400' }))));
|
|
97690
97690
|
}
|
|
97691
97691
|
static get style() { return modalHeaderComponentCss(); }
|
|
97692
97692
|
static get cmpMeta() { return {
|
|
@@ -97766,7 +97766,7 @@ class Navbar {
|
|
|
97766
97766
|
}
|
|
97767
97767
|
_show = false;
|
|
97768
97768
|
render() {
|
|
97769
|
-
return (hAsync(ThemedHost, { key: '
|
|
97769
|
+
return (hAsync(ThemedHost, { key: 'bc5079cb3704d2db26d1f8be020cdf60f0a716d8' }, hAsync("p-backdrop", { key: '8e530cc8e3823a49e32a4821416163214a16cf7c', class: backdrop({ show: this._show }), scrollLock: this._show, onClicked: () => (this._show = false) }), hAsync("div", { key: '965d4b28217709da09cc6eb47bda38bc452e05f7', class: sidebar({ class: sidebarAndTopbar(), show: this._show }) }, hAsync("div", { key: 'ee0fd8bdbcd4af099c8b8eaf84595c553cc1bfb4', class: '\n flex w-full items-center justify-end\n layout-1280:hidden\n ' }, hAsync("p-button", { key: 'e0782f8439f47613a6ec58271069bf3034289750', icon: 'menu-arrow', iconFlip: 'horizontal', iconOnly: true, variant: 'secondary', onClick: () => (this._show = false) })), hAsync("div", { key: '1fdfb8308644046db8023df990ea7ddd83dcf262', class: 'flex w-full flex-shrink-0 flex-col items-stretch' }, hAsync("slot", { key: '994d94f3c6e868c7998f1e99da450c0886e4bbfe', name: 'company' })), hAsync("div", { key: 'c047c41e1d3ca938a9f92272bde090179d14b086', class: 'flex w-full flex-1 flex-col gap-6 overflow-y-auto' }, hAsync("slot", { key: '552845f3097fa92eee1a37ac02d158f9edde72d5', name: 'content' })), hAsync("div", { key: 'dd477e40950e95ff28dc18f31d337d978693cac8', class: '\n mt-auto hidden w-full flex-shrink-0 flex-col\n layout-1280:flex\n ' }, hAsync("slot", { key: '767b851a061a0e573e8215aa6727b7618c610d1e', name: 'user' }))), hAsync("div", { key: '0264c176351bdb91606fe45aabb193b982f62a65', class: topbar({ class: sidebarAndTopbar() }) }, hAsync("p-button", { key: 'c7ed3bd86467f165cf2902c39851aa374997892c', icon: 'menu-arrow', iconOnly: true, variant: 'secondary', onClick: () => (this._show = true) }), hAsync("slot", { key: 'df81ccf93abf33a58c03c4a5c1ee49cbfcee70a6', name: 'topbar' }))));
|
|
97770
97770
|
}
|
|
97771
97771
|
handleCloseNavbar() {
|
|
97772
97772
|
this._show = false;
|
|
@@ -100115,7 +100115,7 @@ const circle$1 = cva([
|
|
|
100115
100115
|
},
|
|
100116
100116
|
],
|
|
100117
100117
|
});
|
|
100118
|
-
const content$
|
|
100118
|
+
const content$3 = cva('mt-[1px] flex-1 text-sm font-medium', {
|
|
100119
100119
|
variants: {
|
|
100120
100120
|
finished: {
|
|
100121
100121
|
true: null,
|
|
@@ -100202,7 +100202,7 @@ class StepperItem {
|
|
|
100202
100202
|
direction: this.direction,
|
|
100203
100203
|
active: asBoolean(this.active),
|
|
100204
100204
|
finished: asBoolean(this.finished),
|
|
100205
|
-
}) }, this.number), hAsync("div", { key: 'faafa708b0f4548661dfeb114fa78530377d896f', class: content$
|
|
100205
|
+
}) }, this.number), hAsync("div", { key: 'faafa708b0f4548661dfeb114fa78530377d896f', class: content$3({
|
|
100206
100206
|
active: asBoolean(this.active),
|
|
100207
100207
|
finished: asBoolean(this.finished),
|
|
100208
100208
|
direction: this.direction,
|
|
@@ -100257,6 +100257,194 @@ class StepperLine {
|
|
|
100257
100257
|
}; }
|
|
100258
100258
|
}
|
|
100259
100259
|
|
|
100260
|
+
const submenuComponentCss = () => `*{box-sizing:border-box}.static{position:static}.absolute{position:absolute}.relative{position:relative}.left-\\[calc\\(1\\.5rem\\)\\]{left:1.5rem}.top-0{top:0}.z-0{z-index:0}.z-10{z-index:10}.m-0{margin:0}.m-2{margin:.5rem}.my-2{margin-bottom:.5rem;margin-top:.5rem}.flex{display:flex}.size-4{height:1rem;width:1rem}.w-full{width:100%}.w-px{width:1px}.flex-1{flex:1 1 0%}.cursor-pointer{cursor:pointer}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.gap-2{gap:.5rem}.overflow-hidden{overflow:hidden}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.bg-indigo-100{--tw-bg-opacity:1;background-color:rgb(227 236 254/var(--tw-bg-opacity,1))}.bg-indigo-200{--tw-bg-opacity:1;background-color:rgb(199 217 253/var(--tw-bg-opacity,1))}.bg-indigo-50{--tw-bg-opacity:1;background-color:rgb(241 246 255/var(--tw-bg-opacity,1))}.bg-indigo-500{--tw-bg-opacity:1;background-color:rgb(142 179 251/var(--tw-bg-opacity,1))}.bg-off-white-300{--tw-bg-opacity:1;background-color:rgb(248 247 244/var(--tw-bg-opacity,1))}.p-2{padding:.5rem}.py-1{padding-bottom:.25rem;padding-top:.25rem}.pl-2{padding-left:.5rem}.pr-4{padding-right:1rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-semibold{font-weight:600}.text-hurricane-300{--tw-text-opacity:1;color:rgb(116 120 127/var(--tw-text-opacity,1))}.text-indigo-200{--tw-text-opacity:1;color:rgb(199 217 253/var(--tw-text-opacity,1))}.text-storm-300{--tw-text-opacity:1;color:rgb(116 120 127/var(--tw-text-opacity,1))}.text-storm-400{--tw-text-opacity:1;color:rgb(70 75 84/var(--tw-text-opacity,1))}.text-storm-500{--tw-text-opacity:1;color:rgb(24 30 41/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.transition-\\[max-height\\]{transition-duration:.15s;transition-property:max-height;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.hover\\:bg-indigo-50:hover{--tw-bg-opacity:1;background-color:rgb(241 246 255/var(--tw-bg-opacity,1))}.group\\/submenu-header:hover .group-hover\\/submenu-header\\:text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.dark\\:bg-hurricane-400:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-bg-opacity:1;background-color:rgb(70 75 84/var(--tw-bg-opacity,1))}.dark\\:bg-indigo-600\\/30:where(:host([data-theme=dark]),:host([data-theme=dark]) *){background-color:rgba(82,138,250,.3)}.dark\\:bg-storm-500\\/20:where(:host([data-theme=dark]),:host([data-theme=dark]) *){background-color:rgba(24,30,41,.2)}.dark\\:text-hurricane-100:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1;color:rgb(209 210 212/var(--tw-text-opacity,1))}.dark\\:text-hurricane-300:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1;color:rgb(116 120 127/var(--tw-text-opacity,1))}.dark\\:text-hurricane-500:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1;color:rgb(54 60 70/var(--tw-text-opacity,1))}.dark\\:text-indigo-200:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1;color:rgb(199 217 253/var(--tw-text-opacity,1))}.dark\\:text-white:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.dark\\:hover\\:bg-indigo-600\\/10:hover:where(:host([data-theme=dark]),:host([data-theme=dark]) *){background-color:rgba(82,138,250,.1)}.group\\/submenu-header:hover .dark\\:group-hover\\/submenu-header\\:text-white:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.dark\\:bg-hurricane-400:where([data-theme=dark],[data-theme=dark] *){--tw-bg-opacity:1;background-color:rgb(70 75 84/var(--tw-bg-opacity,1))}.dark\\:bg-indigo-600\\/30:where([data-theme=dark],[data-theme=dark] *){background-color:rgba(82,138,250,.3)}.dark\\:bg-storm-500\\/20:where([data-theme=dark],[data-theme=dark] *){background-color:rgba(24,30,41,.2)}.dark\\:text-hurricane-100:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1;color:rgb(209 210 212/var(--tw-text-opacity,1))}.dark\\:text-hurricane-300:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1;color:rgb(116 120 127/var(--tw-text-opacity,1))}.dark\\:text-hurricane-500:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1;color:rgb(54 60 70/var(--tw-text-opacity,1))}.dark\\:text-indigo-200:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1;color:rgb(199 217 253/var(--tw-text-opacity,1))}.dark\\:text-white:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.dark\\:hover\\:bg-indigo-600\\/10:hover:where([data-theme=dark],[data-theme=dark] *){background-color:rgba(82,138,250,.1)}.group\\/submenu-header:hover .dark\\:group-hover\\/submenu-header\\:text-white:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}`;
|
|
100261
|
+
|
|
100262
|
+
const header$1 = cva([
|
|
100263
|
+
'group/submenu-header',
|
|
100264
|
+
'flex items-center gap-2',
|
|
100265
|
+
'py-1 pl-2 pr-4',
|
|
100266
|
+
'rounded-lg',
|
|
100267
|
+
'cursor-pointer',
|
|
100268
|
+
'transition-colors',
|
|
100269
|
+
], {
|
|
100270
|
+
variants: {
|
|
100271
|
+
open: {
|
|
100272
|
+
true: `
|
|
100273
|
+
bg-off-white-300
|
|
100274
|
+
dark:bg-storm-500/20
|
|
100275
|
+
`,
|
|
100276
|
+
false: '',
|
|
100277
|
+
},
|
|
100278
|
+
active: {
|
|
100279
|
+
true: `
|
|
100280
|
+
bg-indigo-50
|
|
100281
|
+
dark:bg-indigo-600/30
|
|
100282
|
+
`,
|
|
100283
|
+
false: `
|
|
100284
|
+
hover:bg-indigo-50
|
|
100285
|
+
dark:hover:bg-indigo-600/10
|
|
100286
|
+
`,
|
|
100287
|
+
},
|
|
100288
|
+
},
|
|
100289
|
+
compoundVariants: [],
|
|
100290
|
+
});
|
|
100291
|
+
const indexContainer = cva([
|
|
100292
|
+
'm-2 size-4 rounded-full p-2',
|
|
100293
|
+
`
|
|
100294
|
+
text-xs font-semibold text-storm-500
|
|
100295
|
+
dark:text-hurricane-500
|
|
100296
|
+
`,
|
|
100297
|
+
'transition-colors',
|
|
100298
|
+
'flex items-center justify-center',
|
|
100299
|
+
], {
|
|
100300
|
+
variants: {
|
|
100301
|
+
open: {
|
|
100302
|
+
true: 'bg-indigo-500',
|
|
100303
|
+
false: '',
|
|
100304
|
+
},
|
|
100305
|
+
active: {
|
|
100306
|
+
true: 'bg-indigo-500',
|
|
100307
|
+
false: '',
|
|
100308
|
+
},
|
|
100309
|
+
},
|
|
100310
|
+
compoundVariants: [
|
|
100311
|
+
{
|
|
100312
|
+
open: false,
|
|
100313
|
+
active: false,
|
|
100314
|
+
class: 'bg-indigo-200',
|
|
100315
|
+
},
|
|
100316
|
+
],
|
|
100317
|
+
});
|
|
100318
|
+
class Submenu {
|
|
100319
|
+
constructor(hostRef) {
|
|
100320
|
+
registerInstance(this, hostRef);
|
|
100321
|
+
}
|
|
100322
|
+
/**
|
|
100323
|
+
* Title of the submenu
|
|
100324
|
+
*/
|
|
100325
|
+
title = '';
|
|
100326
|
+
/**
|
|
100327
|
+
* Subtitle of the submenu
|
|
100328
|
+
*/
|
|
100329
|
+
subtitle = '';
|
|
100330
|
+
/**
|
|
100331
|
+
* Index of the submenu
|
|
100332
|
+
*/
|
|
100333
|
+
index = 0;
|
|
100334
|
+
/**
|
|
100335
|
+
* Wether to show the index
|
|
100336
|
+
*/
|
|
100337
|
+
showIndex = true;
|
|
100338
|
+
/**
|
|
100339
|
+
* Wether the submenu is active or not
|
|
100340
|
+
*/
|
|
100341
|
+
active = false;
|
|
100342
|
+
/**
|
|
100343
|
+
* Wether the submenu is open or not
|
|
100344
|
+
*/
|
|
100345
|
+
open = false;
|
|
100346
|
+
get _el() { return getElement(this); }
|
|
100347
|
+
componentDidLoad() {
|
|
100348
|
+
const submenuItems = this._el.querySelectorAll('p-submenu-item');
|
|
100349
|
+
const hasActiveChild = [...submenuItems].some(i => i.active === true);
|
|
100350
|
+
if (!this.active && hasActiveChild) {
|
|
100351
|
+
this.active = true;
|
|
100352
|
+
}
|
|
100353
|
+
if (!this.active) {
|
|
100354
|
+
return;
|
|
100355
|
+
}
|
|
100356
|
+
this.open = true;
|
|
100357
|
+
}
|
|
100358
|
+
render() {
|
|
100359
|
+
const submenuItems = this._el.querySelectorAll('p-submenu-item');
|
|
100360
|
+
const firstItem = getComputedStyle(submenuItems[0]);
|
|
100361
|
+
const maxHeight = submenuItems.length *
|
|
100362
|
+
Number.parseInt(firstItem.height.replace('px', '')) +
|
|
100363
|
+
16; // the margin of the content
|
|
100364
|
+
return (hAsync(ThemedHost, { key: '110fad52ce96c4fc855408b422a42956b957d092' }, hAsync("div", { key: '0b8f40db722e7c6f6ba8ded2e33a6776af28f0dc', class: 'flex w-full flex-col' }, hAsync("div", { key: '23aa3cf5a7ece75e3fb6312e2e2173d68b2dcd86', class: cn(header$1({
|
|
100365
|
+
active: this.active,
|
|
100366
|
+
open: this.open,
|
|
100367
|
+
})), onClick: () => (this.open = !this.open) }, this.showIndex && (hAsync("div", { key: 'a24b117f984eb4392a90b47fd8363e7e320cb84a', class: indexContainer({
|
|
100368
|
+
active: this.active,
|
|
100369
|
+
open: this.open,
|
|
100370
|
+
}) }, this.index)), hAsync("div", { key: '76fb811ac456b88a7f3d3df3b5badfaf9fe6170f', class: 'flex flex-1 flex-col' }, hAsync("p", { key: '0dd533096861b9962eb523ece6a2ad03f34223f0', class: cn('m-0 text-sm', {
|
|
100371
|
+
'text-storm-400 dark:text-hurricane-100 dark:group-hover/submenu-header:text-white': !this.active,
|
|
100372
|
+
'text-storm-500 dark:text-white': this.active,
|
|
100373
|
+
}) }, this.title), hAsync("p", { key: '0c3624317e71d9519ab6b694e70dbc7024641cef', class: cn('m-0 text-xs', {
|
|
100374
|
+
'text-storm-300 dark:text-hurricane-300': !this.active,
|
|
100375
|
+
'text-storm-300 dark:text-indigo-200': this.active,
|
|
100376
|
+
}) }, this.subtitle)), hAsync("p-icon", { key: '480e39ea4630c81d13ec24728d7827a3760ebb6f', class: cn({
|
|
100377
|
+
'text-storm-500 dark:text-white': this.active,
|
|
100378
|
+
'text-storm-300 dark:text-hurricane-300': !this.active,
|
|
100379
|
+
}), rotate: this.open ? 180 : 0, variant: 'caret' })), hAsync("div", { key: '2613acd0e5e16af70c39b93a1e064423fafa036c', class: cn('relative flex flex-col overflow-hidden transition-[max-height]'), style: {
|
|
100380
|
+
maxHeight: `${this.open ? maxHeight : 0}px`,
|
|
100381
|
+
} }, hAsync("div", { key: '45e06a119decc788d8fe12fc63add37e0a46502b', class: '\n absolute left-[calc(1.5rem)] top-0 z-0 w-px bg-indigo-100\n dark:bg-hurricane-400\n ', style: {
|
|
100382
|
+
height: `${maxHeight}px`,
|
|
100383
|
+
} }), hAsync("div", { key: 'd6dffef16ab9ba9e8c41e56e398d89ed05c1da1d', class: 'z-10 my-2 flex flex-col' }, hAsync("slot", { key: 'f1d1b244e03ba16337b6ed1dfc2ad06cbd79631d' }))))));
|
|
100384
|
+
}
|
|
100385
|
+
static get style() { return submenuComponentCss(); }
|
|
100386
|
+
static get cmpMeta() { return {
|
|
100387
|
+
"$flags$": 777,
|
|
100388
|
+
"$tagName$": "p-submenu",
|
|
100389
|
+
"$members$": {
|
|
100390
|
+
"title": [513],
|
|
100391
|
+
"subtitle": [513],
|
|
100392
|
+
"index": [514],
|
|
100393
|
+
"showIndex": [516, "show-index"],
|
|
100394
|
+
"active": [516],
|
|
100395
|
+
"open": [516]
|
|
100396
|
+
},
|
|
100397
|
+
"$listeners$": undefined,
|
|
100398
|
+
"$lazyBundleId$": "-",
|
|
100399
|
+
"$attrsToReflect$": [["title", "title"], ["subtitle", "subtitle"], ["index", "index"], ["showIndex", "show-index"], ["active", "active"], ["open", "open"]]
|
|
100400
|
+
}; }
|
|
100401
|
+
}
|
|
100402
|
+
|
|
100403
|
+
const submenuItemComponentCss = () => `*{box-sizing:border-box}.static{position:static}.flex{display:flex}.h-8{height:2rem}.h-full{height:100%}.w-\\[2px\\]{width:2px}.w-full{width:100%}.cursor-pointer{cursor:pointer}.items-center{align-items:center}.gap-2{gap:.5rem}.gap-6{gap:1.5rem}.bg-indigo-600{--tw-bg-opacity:1;background-color:rgb(82 138 250/var(--tw-bg-opacity,1))}.bg-transparent{background-color:transparent}.pl-6{padding-left:1.5rem}.text-hurricane-100{--tw-text-opacity:1;color:rgb(209 210 212/var(--tw-text-opacity,1))}.text-indigo-600{--tw-text-opacity:1;color:rgb(82 138 250/var(--tw-text-opacity,1))}.text-storm-400{--tw-text-opacity:1;color:rgb(70 75 84/var(--tw-text-opacity,1))}.transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.group\\/submenu-item:hover .group-hover\\/submenu-item\\:bg-indigo-600{--tw-bg-opacity:1;background-color:rgb(82 138 250/var(--tw-bg-opacity,1))}.dark\\:text-hurricane-100:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1;color:rgb(209 210 212/var(--tw-text-opacity,1))}.dark\\:text-hurricane-100:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1;color:rgb(209 210 212/var(--tw-text-opacity,1))}`;
|
|
100404
|
+
|
|
100405
|
+
const content$2 = cva([
|
|
100406
|
+
'flex items-center gap-6',
|
|
100407
|
+
'h-8 w-full pl-6',
|
|
100408
|
+
'cursor-pointer',
|
|
100409
|
+
'group/submenu-item',
|
|
100410
|
+
], {
|
|
100411
|
+
variants: {},
|
|
100412
|
+
});
|
|
100413
|
+
class SubmenuItem {
|
|
100414
|
+
constructor(hostRef) {
|
|
100415
|
+
registerInstance(this, hostRef);
|
|
100416
|
+
}
|
|
100417
|
+
/**
|
|
100418
|
+
* Wether the submenu is active or not
|
|
100419
|
+
*/
|
|
100420
|
+
active = false;
|
|
100421
|
+
/**
|
|
100422
|
+
* Icon to show on the label
|
|
100423
|
+
*/
|
|
100424
|
+
icon = 'placeholder';
|
|
100425
|
+
render() {
|
|
100426
|
+
return (hAsync(ThemedHost, { key: '812bee8d46780d60ed604505b4f8c00e798a9f8f' }, hAsync("div", { key: 'f5a76dd14ccb0559586b01214c6badb3bcf2eef8', class: cn(content$2({}), {}) }, hAsync("div", { key: '97fe0916207dfefd625ae51d911ef4eeb5d6b4cc', class: cn(`h-full w-[2px] transition-colors`, {
|
|
100427
|
+
'bg-indigo-600': this.active,
|
|
100428
|
+
'bg-transparent group-hover/submenu-item:bg-indigo-600': !this.active,
|
|
100429
|
+
}) }), hAsync("div", { key: '2c6ab60c2fb19b197d5aabd2368a7eb7406fdcb2', class: cn('flex items-center gap-2 transition-colors', {
|
|
100430
|
+
'text-storm-400 dark:text-hurricane-100': !this.active,
|
|
100431
|
+
'text-indigo-600': this.active,
|
|
100432
|
+
}) }, hAsync("p-icon", { key: '7db15690b67f555a46dc72133be72e5937051658', variant: this.icon }), hAsync("slot", { key: '1a4574d13c012affe2713a034445f636369729c8' })))));
|
|
100433
|
+
}
|
|
100434
|
+
static get style() { return submenuItemComponentCss(); }
|
|
100435
|
+
static get cmpMeta() { return {
|
|
100436
|
+
"$flags$": 777,
|
|
100437
|
+
"$tagName$": "p-submenu-item",
|
|
100438
|
+
"$members$": {
|
|
100439
|
+
"active": [516],
|
|
100440
|
+
"icon": [513]
|
|
100441
|
+
},
|
|
100442
|
+
"$listeners$": undefined,
|
|
100443
|
+
"$lazyBundleId$": "-",
|
|
100444
|
+
"$attrsToReflect$": [["active", "active"], ["icon", "icon"]]
|
|
100445
|
+
}; }
|
|
100446
|
+
}
|
|
100447
|
+
|
|
100260
100448
|
const tabContainerComponentCss = () => `*{box-sizing:border-box}.static{position:static}.absolute{position:absolute}.relative{position:relative}.bottom-0{bottom:0}.left-0{left:0}.m-0{margin:0}.flex{display:flex}.h-8{height:2rem}.w-full{width:100%}.flex-col{flex-direction:column}.gap-5{gap:1.25rem}.overflow-x-auto{overflow-x:auto}.text-off-white-700{--tw-text-opacity:1;color:rgb(222 219 213/var(--tw-text-opacity,1))}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}.scrollbar-hide::-webkit-scrollbar{display:none}.dark\\:text-hurricane-400:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1;color:rgb(70 75 84/var(--tw-text-opacity,1))}.dark\\:text-hurricane-400:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1;color:rgb(70 75 84/var(--tw-text-opacity,1))}`;
|
|
100261
100449
|
|
|
100262
100450
|
class TabContainer {
|
|
@@ -101155,7 +101343,7 @@ class TableCell {
|
|
|
101155
101343
|
};
|
|
101156
101344
|
}
|
|
101157
101345
|
render() {
|
|
101158
|
-
return (hAsync(ThemedHost, { key: '
|
|
101346
|
+
return (hAsync(ThemedHost, { key: 'eb7f83afc2969cb84be91c81b5112566612a3604', class: this._getColumnClasses() }, this.checkbox, this._getContent(), false));
|
|
101159
101347
|
}
|
|
101160
101348
|
_getContent() {
|
|
101161
101349
|
if (this.variant === 'loading') {
|
|
@@ -101466,12 +101654,12 @@ class TableFooter {
|
|
|
101466
101654
|
this._renderCheckTimeout = setTimeout(() => this._checkStuck(), 200);
|
|
101467
101655
|
}
|
|
101468
101656
|
render() {
|
|
101469
|
-
return (hAsync(ThemedHost, { key: '
|
|
101657
|
+
return (hAsync(ThemedHost, { key: '166a446120f9a346cd32cd9b750a3db756f30797' }, hAsync("div", { key: '28d48e2f706c97a3da47c28269c0fa4551eaf5ed', class: footer({
|
|
101470
101658
|
pinned: this._isPinned,
|
|
101471
101659
|
hidden: this._hidden,
|
|
101472
101660
|
tableHeaderHasAction: this.tableHeaderHasAction,
|
|
101473
101661
|
}) }, (this.enablePaginationPages || this.enablePaginationSize) &&
|
|
101474
|
-
this.total > 0 && (hAsync("p-pagination", { key: '
|
|
101662
|
+
this.total > 0 && (hAsync("p-pagination", { key: '2fa3e65aab7a8d701626ff17645a9e9fc3d341fd', class: 'pointer-events-auto z-[2]', enablePaginationPages: this.enablePaginationPages, enablePaginationSize: this.enablePaginationSize, hideOnSinglePage: this.hideOnSinglePage, page: this.page, pageSize: this.pageSize, pageSizeOptions: this.pageSizeOptions, total: this.total, onPageChange: ({ detail }) => this.pageChange.emit(detail), onPageSizeChange: ({ detail }) => this._changePageSize(detail), onPagesChange: ({ detail }) => (this._hasPaginationPages = detail > 1) })))));
|
|
101475
101663
|
}
|
|
101476
101664
|
_changePageSize(s) {
|
|
101477
101665
|
if (!s) {
|
|
@@ -111310,13 +111498,13 @@ class TableRow {
|
|
|
111310
111498
|
*/
|
|
111311
111499
|
isLast = false;
|
|
111312
111500
|
render() {
|
|
111313
|
-
return (hAsync(ThemedHost, { key: '
|
|
111501
|
+
return (hAsync(ThemedHost, { key: '98252cd216cba353cf4e169a7f9850b7f373b93e' }, hAsync("div", { key: 'de85352410756fa4b6d555763d5811ff8e70ce67', class: 'flex flex-col' }, hAsync("div", { key: 'c56a01847cde5b860524169165c5f44c78de9d1a', class: row({
|
|
111314
111502
|
variant: this.variant,
|
|
111315
111503
|
enableHover: this.enableHover,
|
|
111316
111504
|
checked: this.checked,
|
|
111317
|
-
}) }, hAsync("div", { key: '
|
|
111505
|
+
}) }, hAsync("div", { key: '8074d9c5617995d40dd06cc8f1e0d53f51db7fa7', class: content$1({
|
|
111318
111506
|
variant: this.variant,
|
|
111319
|
-
}) }, hAsync("slot", { key: '
|
|
111507
|
+
}) }, hAsync("slot", { key: 'c981dfaaa4e3f9c7ba350650e8239bf2b0f77780' }), hAsync("div", { key: 'b51eabcfe145dc6fe263750e9a49ef84ae3ec9df', class: actions() }, hAsync("slot", { key: 'a558a1b83cbcc339dd6223502adf978b5fd46e16', name: 'actions' })))), !asBoolean(this.isLast) && this.variant !== 'secondary' && (hAsync("p-divider", { key: 'b5ca42d03270067f116206c9d291b520ff4db796' })))));
|
|
111320
111508
|
}
|
|
111321
111509
|
static get style() { return tableRowComponentCss(); }
|
|
111322
111510
|
static get cmpMeta() { return {
|
|
@@ -111506,7 +111694,7 @@ class Toast {
|
|
|
111506
111694
|
*/
|
|
111507
111695
|
action;
|
|
111508
111696
|
render() {
|
|
111509
|
-
return (hAsync(ThemedHost, { key: '
|
|
111697
|
+
return (hAsync(ThemedHost, { key: '7f1d26d48ba72212d4bea0047c2645d588ae9ca0' }, hAsync("div", { key: '7a02f52c3f482c36048ddd6aa052e94522ae9eb6', class: '\n flex gap-2 rounded-lg border border-solid border-storm-100 bg-white p-2\n shadow-2\n dark:border-hurricane-800 dark:bg-hurricane-800\n ', onClick: () => this._onClick() }, hAsync("div", { key: '77418e7e7b8ce6cee4018d91888e14205bf37e42', class: indicator({ variant: this.variant }) }), hAsync("div", { key: '958c676bdbb79d6fa812d3fa9a48d35e674d9390', class: content() }, hAsync("div", { key: '4da4e4b7cb402d68083001713aeb9de9534eb2c0', class: 'flex w-full min-w-0 flex-col' }, hAsync("p", { key: '1079c6b6be804514906615985cd1503d417fe1e7', class: '\n m-0 overflow-hidden text-ellipsis whitespace-nowrap text-sm\n font-semibold text-storm-500\n dark:text-white\n ' }, this.header?.length ? this.header : hAsync("slot", { name: 'header' })), hAsync("p", { key: 'c7f0ad542870b8924d15b9e1b79cf9cb4e04645e', class: '\n m-0 w-full overflow-hidden text-ellipsis whitespace-nowrap text-xs\n text-storm-300\n dark:text-hurricane-200\n ' }, this.content?.length ? this.content : hAsync("slot", { name: 'content' }))), this.enableAction && (hAsync("div", { key: 'a286d1394e72cd729353443ed2a214cf884f84cf', class: '\n flex-shrink-0 cursor-pointer p-2 text-storm-200\n hover:text-storm-500 hover:text-white\n dark:text-hurricane-200\n ' }, hAsync("p-icon", { key: '9ecb91fdf9154fa881b16a5c3a028eb9dc7e5b9e', flip: this.actionIconFlip, rotate: this.actionIconRotate, variant: this.actionIcon })))))));
|
|
111510
111698
|
}
|
|
111511
111699
|
_onClick() {
|
|
111512
111700
|
if (this.enableAction) {
|
|
@@ -112080,6 +112268,8 @@ registerComponents([
|
|
|
112080
112268
|
Stepper,
|
|
112081
112269
|
StepperItem,
|
|
112082
112270
|
StepperLine,
|
|
112271
|
+
Submenu,
|
|
112272
|
+
SubmenuItem,
|
|
112083
112273
|
TabContainer,
|
|
112084
112274
|
TabItem,
|
|
112085
112275
|
Table,
|