@area8975/ui 0.1.1-dev.13 → 0.1.1-dev.15
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/fesm2022/area8975-ui.mjs +405 -13
- package/fesm2022/area8975-ui.mjs.map +1 -1
- package/package.json +1 -1
- package/theme.css +5 -0
- package/types/area8975-ui.d.ts +102 -1
package/fesm2022/area8975-ui.mjs
CHANGED
|
@@ -4736,7 +4736,7 @@ i0.ɵɵngDeclareClassMetadata({
|
|
|
4736
4736
|
}]
|
|
4737
4737
|
}
|
|
4738
4738
|
});
|
|
4739
|
-
let nextId$
|
|
4739
|
+
let nextId$2 = 0;
|
|
4740
4740
|
var UiSelectComponent = class UiSelectComponent {
|
|
4741
4741
|
isOpen = signal(false, ...ngDevMode ? [{ debugName: "isOpen" }] : /* istanbul ignore next */ []);
|
|
4742
4742
|
placement = input("bottom-start", ...ngDevMode ? [{ debugName: "placement" }] : /* istanbul ignore next */ []);
|
|
@@ -4787,7 +4787,7 @@ var UiSelectComponent = class UiSelectComponent {
|
|
|
4787
4787
|
optionTemplate = contentChild("option", ...ngDevMode ? [{ debugName: "optionTemplate" }] : /* istanbul ignore next */ []);
|
|
4788
4788
|
triggerTemplate = contentChild("trigger", ...ngDevMode ? [{ debugName: "triggerTemplate" }] : /* istanbul ignore next */ []);
|
|
4789
4789
|
activeIndex = signal(0, ...ngDevMode ? [{ debugName: "activeIndex" }] : /* istanbul ignore next */ []);
|
|
4790
|
-
listId = `ui-select-${nextId$
|
|
4790
|
+
listId = `ui-select-${nextId$2++}`;
|
|
4791
4791
|
hasSelection = computed(() => this.multiple() ? this.selectedItems().length > 0 : this.selectedItem() !== null, ...ngDevMode ? [{ debugName: "hasSelection" }] : /* istanbul ignore next */ []);
|
|
4792
4792
|
triggerLabel = computed(() => {
|
|
4793
4793
|
const display = this.displayWith();
|
|
@@ -8527,12 +8527,16 @@ const ProgressShapes = [
|
|
|
8527
8527
|
"straight"
|
|
8528
8528
|
];
|
|
8529
8529
|
const ProgressOrientations = ["horizontal", "vertical"];
|
|
8530
|
-
let nextId = 0;
|
|
8530
|
+
let nextId$1 = 0;
|
|
8531
8531
|
var UiSegmentedComponent = class UiSegmentedComponent {
|
|
8532
8532
|
options = input.required(...ngDevMode ? [{ debugName: "options" }] : /* istanbul ignore next */ []);
|
|
8533
8533
|
value = model.required(...ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []);
|
|
8534
8534
|
ariaLabel = input.required(...ngDevMode ? [{ debugName: "ariaLabel" }] : /* istanbul ignore next */ []);
|
|
8535
|
-
|
|
8535
|
+
fill = input(false, {
|
|
8536
|
+
...ngDevMode ? { debugName: "fill" } : /* istanbul ignore next */ {},
|
|
8537
|
+
transform: booleanAttribute
|
|
8538
|
+
});
|
|
8539
|
+
name = `ui-segmented-${nextId$1++}`;
|
|
8536
8540
|
static ɵfac = i0.ɵɵngDeclareFactory({
|
|
8537
8541
|
minVersion: "12.0.0",
|
|
8538
8542
|
version: "22.2.1",
|
|
@@ -8568,12 +8572,20 @@ var UiSegmentedComponent = class UiSegmentedComponent {
|
|
|
8568
8572
|
isSignal: true,
|
|
8569
8573
|
isRequired: true,
|
|
8570
8574
|
transformFunction: null
|
|
8575
|
+
},
|
|
8576
|
+
fill: {
|
|
8577
|
+
classPropertyName: "fill",
|
|
8578
|
+
publicName: "fill",
|
|
8579
|
+
isSignal: true,
|
|
8580
|
+
isRequired: false,
|
|
8581
|
+
transformFunction: null
|
|
8571
8582
|
}
|
|
8572
8583
|
},
|
|
8573
8584
|
outputs: { value: "valueChange" },
|
|
8585
|
+
host: { properties: { "class.block": "fill()" } },
|
|
8574
8586
|
ngImport: i0,
|
|
8575
|
-
template: "<div class=\"ui-segmented\" role=\"radiogroup\" [attr.aria-label]=\"ariaLabel()\">\n @for (option of options(); track option.value) {\n <label\n class=\"ui-segmented-option ui-text-body-alt\"\n [class.ui-segmented-option--selected]=\"option.value === value()\"\n >\n <input\n type=\"radio\"\n class=\"sr-only\"\n [name]=\"name\"\n [checked]=\"option.value === value()\"\n [attr.aria-label]=\"option.ariaLabel || null\"\n (change)=\"value.set(option.value)\"\n />\n {{ option.label }}\n </label>\n }\n</div>\n",
|
|
8576
|
-
styles: ["@layer properties;.ui-segmented{display:inline-flex;gap:calc(var(--spacing, .25rem) * .5);border-radius:var(--radius-lg, .5rem);border-style:var(--tw-border-style);border-width:1px;border-color:var(--card-line);background-color:var(--card);padding:calc(var(--spacing, .25rem) * .5);--tw-shadow: 0 1px var(--tw-shadow-color, rgb(0 0 0 / .05));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ui-segmented-option{cursor:pointer;border-radius:var(--radius-md, .375rem);padding-inline:calc(var(--spacing, .25rem) * 3);padding-block:calc(var(--spacing, .25rem) * 1.5);white-space:nowrap;color:var(--muted-foreground-1);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration, var(--default-transition-duration, .15s));--tw-duration: .15s;transition-duration:.15s;-webkit-user-select:none;user-select:none}.ui-segmented-option:hover{color:var(--foreground)}.ui-segmented-option:has(:focus-visible){--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-ring-color: var(--color-primary-200, var(--color-blue-200))}.ui-segmented-option--selected{background-color:var(--surface);--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);color:var(--foreground)}@property --tw-border-style{syntax: \"*\"; inherits: false; initial-value: solid;}@property --tw-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-shadow-color{syntax: \"*\"; inherits: false;}@property --tw-shadow-alpha{syntax: \"<percentage>\"; inherits: false; initial-value: 100%;}@property --tw-inset-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-shadow-color{syntax: \"*\"; inherits: false;}@property --tw-inset-shadow-alpha{syntax: \"<percentage>\"; inherits: false; initial-value: 100%;}@property --tw-ring-color{syntax: \"*\"; inherits: false;}@property --tw-ring-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-ring-color{syntax: \"*\"; inherits: false;}@property --tw-inset-ring-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-ring-inset{syntax: \"*\"; inherits: false;}@property --tw-ring-offset-width{syntax: \"<length>\"; inherits: false; initial-value: 0px;}@property --tw-ring-offset-color{syntax: \"*\"; inherits: false; initial-value: #fff;}@property --tw-ring-offset-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-duration{syntax: \"*\"; inherits: false;}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style: solid;--tw-shadow: 0 0 #0000;--tw-shadow-color: initial;--tw-shadow-alpha: 100%;--tw-inset-shadow: 0 0 #0000;--tw-inset-shadow-color: initial;--tw-inset-shadow-alpha: 100%;--tw-ring-color: initial;--tw-ring-shadow: 0 0 #0000;--tw-inset-ring-color: initial;--tw-inset-ring-shadow: 0 0 #0000;--tw-ring-inset: initial;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-offset-shadow: 0 0 #0000;--tw-duration: initial;--tw-font-weight: initial}}}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"]
|
|
8587
|
+
template: "<div class=\"ui-segmented\" [class.ui-segmented--fill]=\"fill()\" role=\"radiogroup\" [attr.aria-label]=\"ariaLabel()\">\n @for (option of options(); track option.value) {\n <label\n class=\"ui-segmented-option ui-text-body-alt\"\n [class.ui-segmented-option--selected]=\"option.value === value()\"\n >\n <input\n type=\"radio\"\n class=\"sr-only\"\n [name]=\"name\"\n [checked]=\"option.value === value()\"\n [attr.aria-label]=\"option.ariaLabel || null\"\n (change)=\"value.set(option.value)\"\n />\n {{ option.label }}\n </label>\n }\n</div>\n",
|
|
8588
|
+
styles: ["@layer properties;.ui-segmented{display:inline-flex;gap:calc(var(--spacing, .25rem) * .5);border-radius:var(--radius-lg, .5rem);border-style:var(--tw-border-style);border-width:1px;border-color:var(--card-line);background-color:var(--card);padding:calc(var(--spacing, .25rem) * .5);--tw-shadow: 0 1px var(--tw-shadow-color, rgb(0 0 0 / .05));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ui-segmented-option{cursor:pointer;border-radius:var(--radius-md, .375rem);padding-inline:calc(var(--spacing, .25rem) * 3);padding-block:calc(var(--spacing, .25rem) * 1.5);white-space:nowrap;color:var(--muted-foreground-1);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration, var(--default-transition-duration, .15s));--tw-duration: .15s;transition-duration:.15s;-webkit-user-select:none;user-select:none}.ui-segmented-option:hover{color:var(--foreground)}.ui-segmented--fill{display:flex;width:100%}.ui-segmented--fill .ui-segmented-option{flex:1;text-align:center}.ui-segmented-option:has(:focus-visible){--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-ring-color: var(--color-primary-200, var(--color-blue-200))}.ui-segmented-option--selected{background-color:var(--surface);--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);color:var(--foreground)}@property --tw-border-style{syntax: \"*\"; inherits: false; initial-value: solid;}@property --tw-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-shadow-color{syntax: \"*\"; inherits: false;}@property --tw-shadow-alpha{syntax: \"<percentage>\"; inherits: false; initial-value: 100%;}@property --tw-inset-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-shadow-color{syntax: \"*\"; inherits: false;}@property --tw-inset-shadow-alpha{syntax: \"<percentage>\"; inherits: false; initial-value: 100%;}@property --tw-ring-color{syntax: \"*\"; inherits: false;}@property --tw-ring-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-ring-color{syntax: \"*\"; inherits: false;}@property --tw-inset-ring-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-ring-inset{syntax: \"*\"; inherits: false;}@property --tw-ring-offset-width{syntax: \"<length>\"; inherits: false; initial-value: 0px;}@property --tw-ring-offset-color{syntax: \"*\"; inherits: false; initial-value: #fff;}@property --tw-ring-offset-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-duration{syntax: \"*\"; inherits: false;}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style: solid;--tw-shadow: 0 0 #0000;--tw-shadow-color: initial;--tw-shadow-alpha: 100%;--tw-inset-shadow: 0 0 #0000;--tw-inset-shadow-color: initial;--tw-inset-shadow-alpha: 100%;--tw-ring-color: initial;--tw-ring-shadow: 0 0 #0000;--tw-inset-ring-color: initial;--tw-inset-ring-shadow: 0 0 #0000;--tw-ring-inset: initial;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-offset-shadow: 0 0 #0000;--tw-duration: initial;--tw-font-weight: initial}}}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"]
|
|
8577
8589
|
});
|
|
8578
8590
|
};
|
|
8579
8591
|
i0.ɵɵngDeclareClassMetadata({
|
|
@@ -8585,8 +8597,9 @@ i0.ɵɵngDeclareClassMetadata({
|
|
|
8585
8597
|
type: Component,
|
|
8586
8598
|
args: [{
|
|
8587
8599
|
selector: "ui-segmented",
|
|
8588
|
-
|
|
8589
|
-
|
|
8600
|
+
host: { "[class.block]": "fill()" },
|
|
8601
|
+
template: "<div class=\"ui-segmented\" [class.ui-segmented--fill]=\"fill()\" role=\"radiogroup\" [attr.aria-label]=\"ariaLabel()\">\n @for (option of options(); track option.value) {\n <label\n class=\"ui-segmented-option ui-text-body-alt\"\n [class.ui-segmented-option--selected]=\"option.value === value()\"\n >\n <input\n type=\"radio\"\n class=\"sr-only\"\n [name]=\"name\"\n [checked]=\"option.value === value()\"\n [attr.aria-label]=\"option.ariaLabel || null\"\n (change)=\"value.set(option.value)\"\n />\n {{ option.label }}\n </label>\n }\n</div>\n",
|
|
8602
|
+
styles: ["@layer properties;.ui-segmented{display:inline-flex;gap:calc(var(--spacing, .25rem) * .5);border-radius:var(--radius-lg, .5rem);border-style:var(--tw-border-style);border-width:1px;border-color:var(--card-line);background-color:var(--card);padding:calc(var(--spacing, .25rem) * .5);--tw-shadow: 0 1px var(--tw-shadow-color, rgb(0 0 0 / .05));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ui-segmented-option{cursor:pointer;border-radius:var(--radius-md, .375rem);padding-inline:calc(var(--spacing, .25rem) * 3);padding-block:calc(var(--spacing, .25rem) * 1.5);white-space:nowrap;color:var(--muted-foreground-1);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration, var(--default-transition-duration, .15s));--tw-duration: .15s;transition-duration:.15s;-webkit-user-select:none;user-select:none}.ui-segmented-option:hover{color:var(--foreground)}.ui-segmented--fill{display:flex;width:100%}.ui-segmented--fill .ui-segmented-option{flex:1;text-align:center}.ui-segmented-option:has(:focus-visible){--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-ring-color: var(--color-primary-200, var(--color-blue-200))}.ui-segmented-option--selected{background-color:var(--surface);--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);color:var(--foreground)}@property --tw-border-style{syntax: \"*\"; inherits: false; initial-value: solid;}@property --tw-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-shadow-color{syntax: \"*\"; inherits: false;}@property --tw-shadow-alpha{syntax: \"<percentage>\"; inherits: false; initial-value: 100%;}@property --tw-inset-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-shadow-color{syntax: \"*\"; inherits: false;}@property --tw-inset-shadow-alpha{syntax: \"<percentage>\"; inherits: false; initial-value: 100%;}@property --tw-ring-color{syntax: \"*\"; inherits: false;}@property --tw-ring-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-ring-color{syntax: \"*\"; inherits: false;}@property --tw-inset-ring-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-ring-inset{syntax: \"*\"; inherits: false;}@property --tw-ring-offset-width{syntax: \"<length>\"; inherits: false; initial-value: 0px;}@property --tw-ring-offset-color{syntax: \"*\"; inherits: false; initial-value: #fff;}@property --tw-ring-offset-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-duration{syntax: \"*\"; inherits: false;}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style: solid;--tw-shadow: 0 0 #0000;--tw-shadow-color: initial;--tw-shadow-alpha: 100%;--tw-inset-shadow: 0 0 #0000;--tw-inset-shadow-color: initial;--tw-inset-shadow-alpha: 100%;--tw-ring-color: initial;--tw-ring-shadow: 0 0 #0000;--tw-inset-ring-color: initial;--tw-inset-ring-shadow: 0 0 #0000;--tw-ring-inset: initial;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-offset-shadow: 0 0 #0000;--tw-duration: initial;--tw-font-weight: initial}}}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"]
|
|
8590
8603
|
}]
|
|
8591
8604
|
}],
|
|
8592
8605
|
propDecorators: {
|
|
@@ -8616,6 +8629,14 @@ i0.ɵɵngDeclareClassMetadata({
|
|
|
8616
8629
|
alias: "ariaLabel",
|
|
8617
8630
|
required: true
|
|
8618
8631
|
}]
|
|
8632
|
+
}],
|
|
8633
|
+
fill: [{
|
|
8634
|
+
type: i0.Input,
|
|
8635
|
+
args: [{
|
|
8636
|
+
isSignal: true,
|
|
8637
|
+
alias: "fill",
|
|
8638
|
+
required: false
|
|
8639
|
+
}]
|
|
8619
8640
|
}]
|
|
8620
8641
|
}
|
|
8621
8642
|
});
|
|
@@ -10265,8 +10286,8 @@ var UiSidebarComponent = class UiSidebarComponent {
|
|
|
10265
10286
|
},
|
|
10266
10287
|
exportAs: ["uiSidebar"],
|
|
10267
10288
|
ngImport: i0,
|
|
10268
|
-
template: "<div class=\"ui-sidebar-backdrop\" aria-hidden=\"true\" (click)=\"isOpen.set(false)\"
|
|
10269
|
-
styles: ["@layer properties;:host{pointer-events:none;position:fixed;inset:0;z-index:50}@media(width>=48rem){:host{pointer-events:auto}}@media(width>=48rem){:host{position:static}}@media(width>=48rem){:host{display:block}}@media(width>=48rem){:host{height:100%}}.ui-sidebar-backdrop{position:absolute;inset:0;background-color:color-mix(in srgb,#000 10%,transparent);opacity:0%;transition-property:opacity;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration, var(--default-transition-duration, .15s));--tw-duration: .2s;transition-duration:.2s}@supports (color: color-mix(in lab,red,red)){.ui-sidebar-backdrop{background-color:color-mix(in oklab,var(--color-black, #000) 10%,transparent)}}@media(width>=48rem){.ui-sidebar-backdrop{display:none}}:host(.open) .ui-sidebar-backdrop{pointer-events:auto;opacity:100%}.ui-sidebar-panel{pointer-events:auto;position:absolute;inset-block:0px;left:0;display:flex;height:100%;width:calc(var(--spacing, .25rem) * 60);--tw-translate-x: -100%;translate:var(--tw-translate-x) var(--tw-translate-y);flex-direction:column;border-right-style:var(--tw-border-style);border-right-width:1px;border-color:var(--sidebar-line);background-color:var(--sidebar);transition-property:translate,width,visibility;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration, var(--default-transition-duration, .15s));--tw-duration: .2s;transition-duration:.2s}@media(width<48rem){.ui-sidebar-panel{visibility:hidden}}@media(width>=48rem){.ui-sidebar-panel{position:relative}}@media(width>=48rem){.ui-sidebar-panel{width:calc(var(--spacing, .25rem) * 16)}}@media(width>=48rem){.ui-sidebar-panel{translate:none}}@media(width<48rem){:host(.open) .ui-sidebar-panel{visibility:visible;--tw-translate-x: 0px;translate:var(--tw-translate-x) var(--tw-translate-y)}}@media(width>=48rem){:host(.open) .ui-sidebar-panel{width:calc(var(--spacing, .25rem) * 60)}}.ui-sidebar-content{display:flex;min-height:0px;flex-grow:1;flex-direction:column;align-items:flex-start;row-gap:var(--spacing, .25rem);overflow-x:hidden;overflow-y:auto;padding:calc(var(--spacing, .25rem) * 3)}:host(.open) .ui-sidebar-content{align-items:stretch}.ui-sidebar-footer{display:flex;flex-shrink:0;flex-direction:column;align-items:center;gap:calc(var(--spacing, .25rem) * 2);
|
|
10289
|
+
template: "<div class=\"ui-sidebar-backdrop\" aria-hidden=\"true\" (click)=\"isOpen.set(false)\">\n</div>\n\n<aside class=\"ui-sidebar-panel\">\n <div class=\"ui-sidebar-content\">\n <ng-content />\n </div>\n\n <footer class=\"ui-sidebar-footer\">\n <!-- app content, e.g. an account menu, hidden when nothing is projected -->\n <div class=\"ui-sidebar-footer-content\">\n <ng-content select=\"[sidebar-footer]\" />\n </div>\n\n <ui-button\n appearance=\"ghost\"\n intent=\"secondary\"\n size=\"sm\"\n classes=\"justify-center size-10 p-0!\"\n [ariaLabel]=\"isOpen() ? 'Collapse sidebar' : 'Expand sidebar'\"\n (click)=\"toggle()\"\n >\n <ng-icon\n name=\"heroChevronDoubleLeft\"\n size=\"16\"\n strokeWidth=\"2\"\n class=\"duration-300 shrink-0\"\n [class.rotate-180]=\"!isOpen()\"\n />\n </ui-button>\n </footer>\n</aside>\n\n@if (!isOpen()) {\n <ui-button\n appearance=\"white\"\n intent=\"secondary\"\n class=\"ui-sidebar-open-btn\"\n classes=\"p-3! rounded-full! shadow-lg!\"\n ariaLabel=\"Open sidebar\"\n (click)=\"isOpen.set(true)\"\n >\n <ng-icon name=\"heroBars3\" size=\"20\" strokeWidth=\"2\" class=\"shrink-0\" />\n </ui-button>\n}\n",
|
|
10290
|
+
styles: ["@layer properties;:host{pointer-events:none;position:fixed;inset:0;z-index:50}@media(width>=48rem){:host{pointer-events:auto}}@media(width>=48rem){:host{position:static}}@media(width>=48rem){:host{display:block}}@media(width>=48rem){:host{height:100%}}.ui-sidebar-backdrop{position:absolute;inset:0;background-color:color-mix(in srgb,#000 10%,transparent);opacity:0%;transition-property:opacity;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration, var(--default-transition-duration, .15s));--tw-duration: .2s;transition-duration:.2s}@supports (color: color-mix(in lab,red,red)){.ui-sidebar-backdrop{background-color:color-mix(in oklab,var(--color-black, #000) 10%,transparent)}}@media(width>=48rem){.ui-sidebar-backdrop{display:none}}:host(.open) .ui-sidebar-backdrop{pointer-events:auto;opacity:100%}.ui-sidebar-panel{pointer-events:auto;position:absolute;inset-block:0px;left:0;display:flex;height:100%;width:calc(var(--spacing, .25rem) * 60);--tw-translate-x: -100%;translate:var(--tw-translate-x) var(--tw-translate-y);flex-direction:column;border-right-style:var(--tw-border-style);border-right-width:1px;border-color:var(--sidebar-line);background-color:var(--sidebar);transition-property:translate,width,visibility;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration, var(--default-transition-duration, .15s));--tw-duration: .2s;transition-duration:.2s}@media(width<48rem){.ui-sidebar-panel{visibility:hidden}}@media(width>=48rem){.ui-sidebar-panel{position:relative}}@media(width>=48rem){.ui-sidebar-panel{width:calc(var(--spacing, .25rem) * 16)}}@media(width>=48rem){.ui-sidebar-panel{translate:none}}@media(width<48rem){:host(.open) .ui-sidebar-panel{visibility:visible;--tw-translate-x: 0px;translate:var(--tw-translate-x) var(--tw-translate-y)}}@media(width>=48rem){:host(.open) .ui-sidebar-panel{width:calc(var(--spacing, .25rem) * 60)}}.ui-sidebar-content{display:flex;min-height:0px;flex-grow:1;flex-direction:column;align-items:flex-start;row-gap:var(--spacing, .25rem);overflow-x:hidden;overflow-y:auto;padding:calc(var(--spacing, .25rem) * 3)}:host(.open) .ui-sidebar-content{align-items:stretch}.ui-sidebar-footer{display:flex;flex-shrink:0;flex-direction:column;align-items:center;gap:calc(var(--spacing, .25rem) * 2);padding:calc(var(--spacing, .25rem) * 3)}:host(.open) .ui-sidebar-footer{flex-direction:row;justify-content:flex-end}.ui-sidebar-footer-content{display:flex;min-width:0px;justify-content:center}.ui-sidebar-footer-content:empty{display:none}:host(.open) .ui-sidebar-footer-content{flex-grow:1;justify-content:flex-start}.ui-sidebar-open-btn{pointer-events:auto;position:fixed;bottom:calc(var(--spacing, .25rem) * 4);left:calc(var(--spacing, .25rem) * 4)}@media(width>=48rem){.ui-sidebar-open-btn{display:none}}@property --tw-duration{syntax: \"*\"; inherits: false;}@property --tw-translate-x{syntax: \"*\"; inherits: false; initial-value: 0;}@property --tw-translate-y{syntax: \"*\"; inherits: false; initial-value: 0;}@property --tw-translate-z{syntax: \"*\"; inherits: false; initial-value: 0;}@property --tw-border-style{syntax: \"*\"; inherits: false; initial-value: solid;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-duration: initial;--tw-translate-x: 0;--tw-translate-y: 0;--tw-translate-z: 0;--tw-border-style: solid}}}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"],
|
|
10270
10291
|
dependencies: [{
|
|
10271
10292
|
kind: "component",
|
|
10272
10293
|
type: UiButtonComponent,
|
|
@@ -10310,8 +10331,8 @@ i0.ɵɵngDeclareClassMetadata({
|
|
|
10310
10331
|
"[class.open]": "isOpen()",
|
|
10311
10332
|
"(document:keydown.escape)": "isOpen.set(false)"
|
|
10312
10333
|
},
|
|
10313
|
-
template: "<div class=\"ui-sidebar-backdrop\" aria-hidden=\"true\" (click)=\"isOpen.set(false)\"
|
|
10314
|
-
styles: ["@layer properties;:host{pointer-events:none;position:fixed;inset:0;z-index:50}@media(width>=48rem){:host{pointer-events:auto}}@media(width>=48rem){:host{position:static}}@media(width>=48rem){:host{display:block}}@media(width>=48rem){:host{height:100%}}.ui-sidebar-backdrop{position:absolute;inset:0;background-color:color-mix(in srgb,#000 10%,transparent);opacity:0%;transition-property:opacity;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration, var(--default-transition-duration, .15s));--tw-duration: .2s;transition-duration:.2s}@supports (color: color-mix(in lab,red,red)){.ui-sidebar-backdrop{background-color:color-mix(in oklab,var(--color-black, #000) 10%,transparent)}}@media(width>=48rem){.ui-sidebar-backdrop{display:none}}:host(.open) .ui-sidebar-backdrop{pointer-events:auto;opacity:100%}.ui-sidebar-panel{pointer-events:auto;position:absolute;inset-block:0px;left:0;display:flex;height:100%;width:calc(var(--spacing, .25rem) * 60);--tw-translate-x: -100%;translate:var(--tw-translate-x) var(--tw-translate-y);flex-direction:column;border-right-style:var(--tw-border-style);border-right-width:1px;border-color:var(--sidebar-line);background-color:var(--sidebar);transition-property:translate,width,visibility;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration, var(--default-transition-duration, .15s));--tw-duration: .2s;transition-duration:.2s}@media(width<48rem){.ui-sidebar-panel{visibility:hidden}}@media(width>=48rem){.ui-sidebar-panel{position:relative}}@media(width>=48rem){.ui-sidebar-panel{width:calc(var(--spacing, .25rem) * 16)}}@media(width>=48rem){.ui-sidebar-panel{translate:none}}@media(width<48rem){:host(.open) .ui-sidebar-panel{visibility:visible;--tw-translate-x: 0px;translate:var(--tw-translate-x) var(--tw-translate-y)}}@media(width>=48rem){:host(.open) .ui-sidebar-panel{width:calc(var(--spacing, .25rem) * 60)}}.ui-sidebar-content{display:flex;min-height:0px;flex-grow:1;flex-direction:column;align-items:flex-start;row-gap:var(--spacing, .25rem);overflow-x:hidden;overflow-y:auto;padding:calc(var(--spacing, .25rem) * 3)}:host(.open) .ui-sidebar-content{align-items:stretch}.ui-sidebar-footer{display:flex;flex-shrink:0;flex-direction:column;align-items:center;gap:calc(var(--spacing, .25rem) * 2);
|
|
10334
|
+
template: "<div class=\"ui-sidebar-backdrop\" aria-hidden=\"true\" (click)=\"isOpen.set(false)\">\n</div>\n\n<aside class=\"ui-sidebar-panel\">\n <div class=\"ui-sidebar-content\">\n <ng-content />\n </div>\n\n <footer class=\"ui-sidebar-footer\">\n <!-- app content, e.g. an account menu, hidden when nothing is projected -->\n <div class=\"ui-sidebar-footer-content\">\n <ng-content select=\"[sidebar-footer]\" />\n </div>\n\n <ui-button\n appearance=\"ghost\"\n intent=\"secondary\"\n size=\"sm\"\n classes=\"justify-center size-10 p-0!\"\n [ariaLabel]=\"isOpen() ? 'Collapse sidebar' : 'Expand sidebar'\"\n (click)=\"toggle()\"\n >\n <ng-icon\n name=\"heroChevronDoubleLeft\"\n size=\"16\"\n strokeWidth=\"2\"\n class=\"duration-300 shrink-0\"\n [class.rotate-180]=\"!isOpen()\"\n />\n </ui-button>\n </footer>\n</aside>\n\n@if (!isOpen()) {\n <ui-button\n appearance=\"white\"\n intent=\"secondary\"\n class=\"ui-sidebar-open-btn\"\n classes=\"p-3! rounded-full! shadow-lg!\"\n ariaLabel=\"Open sidebar\"\n (click)=\"isOpen.set(true)\"\n >\n <ng-icon name=\"heroBars3\" size=\"20\" strokeWidth=\"2\" class=\"shrink-0\" />\n </ui-button>\n}\n",
|
|
10335
|
+
styles: ["@layer properties;:host{pointer-events:none;position:fixed;inset:0;z-index:50}@media(width>=48rem){:host{pointer-events:auto}}@media(width>=48rem){:host{position:static}}@media(width>=48rem){:host{display:block}}@media(width>=48rem){:host{height:100%}}.ui-sidebar-backdrop{position:absolute;inset:0;background-color:color-mix(in srgb,#000 10%,transparent);opacity:0%;transition-property:opacity;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration, var(--default-transition-duration, .15s));--tw-duration: .2s;transition-duration:.2s}@supports (color: color-mix(in lab,red,red)){.ui-sidebar-backdrop{background-color:color-mix(in oklab,var(--color-black, #000) 10%,transparent)}}@media(width>=48rem){.ui-sidebar-backdrop{display:none}}:host(.open) .ui-sidebar-backdrop{pointer-events:auto;opacity:100%}.ui-sidebar-panel{pointer-events:auto;position:absolute;inset-block:0px;left:0;display:flex;height:100%;width:calc(var(--spacing, .25rem) * 60);--tw-translate-x: -100%;translate:var(--tw-translate-x) var(--tw-translate-y);flex-direction:column;border-right-style:var(--tw-border-style);border-right-width:1px;border-color:var(--sidebar-line);background-color:var(--sidebar);transition-property:translate,width,visibility;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration, var(--default-transition-duration, .15s));--tw-duration: .2s;transition-duration:.2s}@media(width<48rem){.ui-sidebar-panel{visibility:hidden}}@media(width>=48rem){.ui-sidebar-panel{position:relative}}@media(width>=48rem){.ui-sidebar-panel{width:calc(var(--spacing, .25rem) * 16)}}@media(width>=48rem){.ui-sidebar-panel{translate:none}}@media(width<48rem){:host(.open) .ui-sidebar-panel{visibility:visible;--tw-translate-x: 0px;translate:var(--tw-translate-x) var(--tw-translate-y)}}@media(width>=48rem){:host(.open) .ui-sidebar-panel{width:calc(var(--spacing, .25rem) * 60)}}.ui-sidebar-content{display:flex;min-height:0px;flex-grow:1;flex-direction:column;align-items:flex-start;row-gap:var(--spacing, .25rem);overflow-x:hidden;overflow-y:auto;padding:calc(var(--spacing, .25rem) * 3)}:host(.open) .ui-sidebar-content{align-items:stretch}.ui-sidebar-footer{display:flex;flex-shrink:0;flex-direction:column;align-items:center;gap:calc(var(--spacing, .25rem) * 2);padding:calc(var(--spacing, .25rem) * 3)}:host(.open) .ui-sidebar-footer{flex-direction:row;justify-content:flex-end}.ui-sidebar-footer-content{display:flex;min-width:0px;justify-content:center}.ui-sidebar-footer-content:empty{display:none}:host(.open) .ui-sidebar-footer-content{flex-grow:1;justify-content:flex-start}.ui-sidebar-open-btn{pointer-events:auto;position:fixed;bottom:calc(var(--spacing, .25rem) * 4);left:calc(var(--spacing, .25rem) * 4)}@media(width>=48rem){.ui-sidebar-open-btn{display:none}}@property --tw-duration{syntax: \"*\"; inherits: false;}@property --tw-translate-x{syntax: \"*\"; inherits: false; initial-value: 0;}@property --tw-translate-y{syntax: \"*\"; inherits: false; initial-value: 0;}@property --tw-translate-z{syntax: \"*\"; inherits: false; initial-value: 0;}@property --tw-border-style{syntax: \"*\"; inherits: false; initial-value: solid;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-duration: initial;--tw-translate-x: 0;--tw-translate-y: 0;--tw-translate-z: 0;--tw-border-style: solid}}}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"]
|
|
10315
10336
|
}]
|
|
10316
10337
|
}],
|
|
10317
10338
|
propDecorators: { isOpen: [{
|
|
@@ -10326,6 +10347,60 @@ i0.ɵɵngDeclareClassMetadata({
|
|
|
10326
10347
|
args: ["isOpenChange"]
|
|
10327
10348
|
}] }
|
|
10328
10349
|
});
|
|
10350
|
+
let nextId = 0;
|
|
10351
|
+
var UiSidebarGroupComponent = class UiSidebarGroupComponent {
|
|
10352
|
+
sidebar = inject(UiSidebarComponent, { optional: true });
|
|
10353
|
+
label = input.required(...ngDevMode ? [{ debugName: "label" }] : /* istanbul ignore next */ []);
|
|
10354
|
+
labelId = `ui-sidebar-group-${nextId++}`;
|
|
10355
|
+
isCollapsed = computed(() => this.sidebar?.isCollapsed() ?? false, ...ngDevMode ? [{ debugName: "isCollapsed" }] : /* istanbul ignore next */ []);
|
|
10356
|
+
static ɵfac = i0.ɵɵngDeclareFactory({
|
|
10357
|
+
minVersion: "12.0.0",
|
|
10358
|
+
version: "22.2.1",
|
|
10359
|
+
ngImport: i0,
|
|
10360
|
+
type: UiSidebarGroupComponent,
|
|
10361
|
+
deps: [],
|
|
10362
|
+
target: i0.ɵɵFactoryTarget.Component
|
|
10363
|
+
});
|
|
10364
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({
|
|
10365
|
+
minVersion: "17.0.0",
|
|
10366
|
+
version: "22.2.1",
|
|
10367
|
+
type: UiSidebarGroupComponent,
|
|
10368
|
+
isStandalone: true,
|
|
10369
|
+
selector: "ui-sidebar-group",
|
|
10370
|
+
inputs: { label: {
|
|
10371
|
+
classPropertyName: "label",
|
|
10372
|
+
publicName: "label",
|
|
10373
|
+
isSignal: true,
|
|
10374
|
+
isRequired: true,
|
|
10375
|
+
transformFunction: null
|
|
10376
|
+
} },
|
|
10377
|
+
ngImport: i0,
|
|
10378
|
+
template: "@if (isCollapsed()) {\n <div class=\"ui-sidebar-group-divider\" aria-hidden=\"true\"></div>\n} @else {\n <span class=\"ui-sidebar-group-label ui-text-caption\" [id]=\"labelId\">{{ label() }}</span>\n}\n\n<!-- the visible label names the group, collapsed it's hidden so the name moves to aria-label -->\n<div\n class=\"ui-sidebar-group-items\"\n role=\"group\"\n [attr.aria-labelledby]=\"isCollapsed() ? null : labelId\"\n [attr.aria-label]=\"isCollapsed() ? label() : null\"\n>\n <ng-content />\n</div>\n",
|
|
10379
|
+
styles: ["@layer properties;:host{display:flex;flex-direction:column;align-self:stretch}:host(:not(:first-child)){margin-top:calc(var(--spacing, .25rem) * 4)}.ui-sidebar-group-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-inline:calc(var(--spacing, .25rem) * 2.5);padding-bottom:calc(var(--spacing, .25rem) * 1.5);--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);--tw-tracking: var(--tracking-wide, .025em);letter-spacing:var(--tracking-wide, .025em);color:var(--muted-foreground-1);text-transform:uppercase}.ui-sidebar-group-divider{margin-inline:calc(var(--spacing, .25rem) * 2);margin-bottom:calc(var(--spacing, .25rem) * 2);border-top-style:var(--tw-border-style);border-top-width:1px;border-color:var(--sidebar-line)}:host(:first-child) .ui-sidebar-group-divider{display:none}.ui-sidebar-group-items{display:flex;flex-direction:column;row-gap:var(--spacing, .25rem)}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@property --tw-tracking{syntax: \"*\"; inherits: false;}@property --tw-border-style{syntax: \"*\"; inherits: false; initial-value: solid;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-font-weight: initial;--tw-tracking: initial;--tw-border-style: solid}}}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"]
|
|
10380
|
+
});
|
|
10381
|
+
};
|
|
10382
|
+
i0.ɵɵngDeclareClassMetadata({
|
|
10383
|
+
minVersion: "12.0.0",
|
|
10384
|
+
version: "22.2.1",
|
|
10385
|
+
ngImport: i0,
|
|
10386
|
+
type: UiSidebarGroupComponent,
|
|
10387
|
+
decorators: [{
|
|
10388
|
+
type: Component,
|
|
10389
|
+
args: [{
|
|
10390
|
+
selector: "ui-sidebar-group",
|
|
10391
|
+
template: "@if (isCollapsed()) {\n <div class=\"ui-sidebar-group-divider\" aria-hidden=\"true\"></div>\n} @else {\n <span class=\"ui-sidebar-group-label ui-text-caption\" [id]=\"labelId\">{{ label() }}</span>\n}\n\n<!-- the visible label names the group, collapsed it's hidden so the name moves to aria-label -->\n<div\n class=\"ui-sidebar-group-items\"\n role=\"group\"\n [attr.aria-labelledby]=\"isCollapsed() ? null : labelId\"\n [attr.aria-label]=\"isCollapsed() ? label() : null\"\n>\n <ng-content />\n</div>\n",
|
|
10392
|
+
styles: ["@layer properties;:host{display:flex;flex-direction:column;align-self:stretch}:host(:not(:first-child)){margin-top:calc(var(--spacing, .25rem) * 4)}.ui-sidebar-group-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-inline:calc(var(--spacing, .25rem) * 2.5);padding-bottom:calc(var(--spacing, .25rem) * 1.5);--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);--tw-tracking: var(--tracking-wide, .025em);letter-spacing:var(--tracking-wide, .025em);color:var(--muted-foreground-1);text-transform:uppercase}.ui-sidebar-group-divider{margin-inline:calc(var(--spacing, .25rem) * 2);margin-bottom:calc(var(--spacing, .25rem) * 2);border-top-style:var(--tw-border-style);border-top-width:1px;border-color:var(--sidebar-line)}:host(:first-child) .ui-sidebar-group-divider{display:none}.ui-sidebar-group-items{display:flex;flex-direction:column;row-gap:var(--spacing, .25rem)}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@property --tw-tracking{syntax: \"*\"; inherits: false;}@property --tw-border-style{syntax: \"*\"; inherits: false; initial-value: solid;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-font-weight: initial;--tw-tracking: initial;--tw-border-style: solid}}}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"]
|
|
10393
|
+
}]
|
|
10394
|
+
}],
|
|
10395
|
+
propDecorators: { label: [{
|
|
10396
|
+
type: i0.Input,
|
|
10397
|
+
args: [{
|
|
10398
|
+
isSignal: true,
|
|
10399
|
+
alias: "label",
|
|
10400
|
+
required: true
|
|
10401
|
+
}]
|
|
10402
|
+
}] }
|
|
10403
|
+
});
|
|
10329
10404
|
var UiSidebarItemComponent = class UiSidebarItemComponent {
|
|
10330
10405
|
sidebar = inject(UiSidebarComponent, { optional: true });
|
|
10331
10406
|
label = input.required(...ngDevMode ? [{ debugName: "label" }] : /* istanbul ignore next */ []);
|
|
@@ -12783,6 +12858,323 @@ function provideUiTheme(config = {}) {
|
|
|
12783
12858
|
inject(UiThemeService);
|
|
12784
12859
|
})]);
|
|
12785
12860
|
}
|
|
12786
|
-
|
|
12861
|
+
var UiThemeSwitchComponent = class UiThemeSwitchComponent {
|
|
12862
|
+
theme = inject(UiThemeService);
|
|
12863
|
+
ariaLabel = input("Theme", ...ngDevMode ? [{ debugName: "ariaLabel" }] : /* istanbul ignore next */ []);
|
|
12864
|
+
fill = input(false, {
|
|
12865
|
+
...ngDevMode ? { debugName: "fill" } : /* istanbul ignore next */ {},
|
|
12866
|
+
transform: booleanAttribute
|
|
12867
|
+
});
|
|
12868
|
+
options = [
|
|
12869
|
+
{
|
|
12870
|
+
value: "system",
|
|
12871
|
+
label: "System"
|
|
12872
|
+
},
|
|
12873
|
+
{
|
|
12874
|
+
value: "light",
|
|
12875
|
+
label: "Light"
|
|
12876
|
+
},
|
|
12877
|
+
{
|
|
12878
|
+
value: "dark",
|
|
12879
|
+
label: "Dark"
|
|
12880
|
+
}
|
|
12881
|
+
];
|
|
12882
|
+
static ɵfac = i0.ɵɵngDeclareFactory({
|
|
12883
|
+
minVersion: "12.0.0",
|
|
12884
|
+
version: "22.2.1",
|
|
12885
|
+
ngImport: i0,
|
|
12886
|
+
type: UiThemeSwitchComponent,
|
|
12887
|
+
deps: [],
|
|
12888
|
+
target: i0.ɵɵFactoryTarget.Component
|
|
12889
|
+
});
|
|
12890
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({
|
|
12891
|
+
minVersion: "17.1.0",
|
|
12892
|
+
version: "22.2.1",
|
|
12893
|
+
type: UiThemeSwitchComponent,
|
|
12894
|
+
isStandalone: true,
|
|
12895
|
+
selector: "ui-theme-switch",
|
|
12896
|
+
inputs: {
|
|
12897
|
+
ariaLabel: {
|
|
12898
|
+
classPropertyName: "ariaLabel",
|
|
12899
|
+
publicName: "ariaLabel",
|
|
12900
|
+
isSignal: true,
|
|
12901
|
+
isRequired: false,
|
|
12902
|
+
transformFunction: null
|
|
12903
|
+
},
|
|
12904
|
+
fill: {
|
|
12905
|
+
classPropertyName: "fill",
|
|
12906
|
+
publicName: "fill",
|
|
12907
|
+
isSignal: true,
|
|
12908
|
+
isRequired: false,
|
|
12909
|
+
transformFunction: null
|
|
12910
|
+
}
|
|
12911
|
+
},
|
|
12912
|
+
host: { properties: { "class.block": "fill()" } },
|
|
12913
|
+
ngImport: i0,
|
|
12914
|
+
template: `
|
|
12915
|
+
<ui-segmented
|
|
12916
|
+
[options]="options"
|
|
12917
|
+
[(value)]="theme.preference"
|
|
12918
|
+
[ariaLabel]="ariaLabel()"
|
|
12919
|
+
[fill]="fill()"
|
|
12920
|
+
/>
|
|
12921
|
+
`,
|
|
12922
|
+
isInline: true,
|
|
12923
|
+
dependencies: [{
|
|
12924
|
+
kind: "component",
|
|
12925
|
+
type: UiSegmentedComponent,
|
|
12926
|
+
selector: "ui-segmented",
|
|
12927
|
+
inputs: [
|
|
12928
|
+
"options",
|
|
12929
|
+
"value",
|
|
12930
|
+
"ariaLabel",
|
|
12931
|
+
"fill"
|
|
12932
|
+
],
|
|
12933
|
+
outputs: ["valueChange"]
|
|
12934
|
+
}]
|
|
12935
|
+
});
|
|
12936
|
+
};
|
|
12937
|
+
i0.ɵɵngDeclareClassMetadata({
|
|
12938
|
+
minVersion: "12.0.0",
|
|
12939
|
+
version: "22.2.1",
|
|
12940
|
+
ngImport: i0,
|
|
12941
|
+
type: UiThemeSwitchComponent,
|
|
12942
|
+
decorators: [{
|
|
12943
|
+
type: Component,
|
|
12944
|
+
args: [{
|
|
12945
|
+
selector: "ui-theme-switch",
|
|
12946
|
+
imports: [UiSegmentedComponent],
|
|
12947
|
+
host: { "[class.block]": "fill()" },
|
|
12948
|
+
template: `
|
|
12949
|
+
<ui-segmented
|
|
12950
|
+
[options]="options"
|
|
12951
|
+
[(value)]="theme.preference"
|
|
12952
|
+
[ariaLabel]="ariaLabel()"
|
|
12953
|
+
[fill]="fill()"
|
|
12954
|
+
/>
|
|
12955
|
+
`
|
|
12956
|
+
}]
|
|
12957
|
+
}],
|
|
12958
|
+
propDecorators: {
|
|
12959
|
+
ariaLabel: [{
|
|
12960
|
+
type: i0.Input,
|
|
12961
|
+
args: [{
|
|
12962
|
+
isSignal: true,
|
|
12963
|
+
alias: "ariaLabel",
|
|
12964
|
+
required: false
|
|
12965
|
+
}]
|
|
12966
|
+
}],
|
|
12967
|
+
fill: [{
|
|
12968
|
+
type: i0.Input,
|
|
12969
|
+
args: [{
|
|
12970
|
+
isSignal: true,
|
|
12971
|
+
alias: "fill",
|
|
12972
|
+
required: false
|
|
12973
|
+
}]
|
|
12974
|
+
}]
|
|
12975
|
+
}
|
|
12976
|
+
});
|
|
12977
|
+
var UiUserMenuComponent = class UiUserMenuComponent {
|
|
12978
|
+
dropdown = inject(UiDropdownComponent, { optional: true });
|
|
12979
|
+
name = input.required(...ngDevMode ? [{ debugName: "name" }] : /* istanbul ignore next */ []);
|
|
12980
|
+
detail = input("", ...ngDevMode ? [{ debugName: "detail" }] : /* istanbul ignore next */ []);
|
|
12981
|
+
src = input(null, ...ngDevMode ? [{ debugName: "src" }] : /* istanbul ignore next */ []);
|
|
12982
|
+
items = input([], ...ngDevMode ? [{ debugName: "items" }] : /* istanbul ignore next */ []);
|
|
12983
|
+
themeSwitch = input(true, {
|
|
12984
|
+
...ngDevMode ? { debugName: "themeSwitch" } : /* istanbul ignore next */ {},
|
|
12985
|
+
transform: booleanAttribute
|
|
12986
|
+
});
|
|
12987
|
+
menuItems = computed(() => this.items().map((item) => {
|
|
12988
|
+
if ("divider" in item) return item;
|
|
12989
|
+
if ("children" in item) return {
|
|
12990
|
+
...item,
|
|
12991
|
+
children: item.children.map((child) => this.closing(child))
|
|
12992
|
+
};
|
|
12993
|
+
return this.closing(item);
|
|
12994
|
+
}), ...ngDevMode ? [{ debugName: "menuItems" }] : /* istanbul ignore next */ []);
|
|
12995
|
+
isDivider(item) {
|
|
12996
|
+
return "divider" in item;
|
|
12997
|
+
}
|
|
12998
|
+
group(item) {
|
|
12999
|
+
return "children" in item ? item : null;
|
|
13000
|
+
}
|
|
13001
|
+
button(item) {
|
|
13002
|
+
return "onClick" in item ? item : null;
|
|
13003
|
+
}
|
|
13004
|
+
closing(item) {
|
|
13005
|
+
return {
|
|
13006
|
+
...item,
|
|
13007
|
+
onClick: () => {
|
|
13008
|
+
this.dropdown?.close();
|
|
13009
|
+
item.onClick();
|
|
13010
|
+
}
|
|
13011
|
+
};
|
|
13012
|
+
}
|
|
13013
|
+
static ɵfac = i0.ɵɵngDeclareFactory({
|
|
13014
|
+
minVersion: "12.0.0",
|
|
13015
|
+
version: "22.2.1",
|
|
13016
|
+
ngImport: i0,
|
|
13017
|
+
type: UiUserMenuComponent,
|
|
13018
|
+
deps: [],
|
|
13019
|
+
target: i0.ɵɵFactoryTarget.Component
|
|
13020
|
+
});
|
|
13021
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({
|
|
13022
|
+
minVersion: "17.0.0",
|
|
13023
|
+
version: "22.2.1",
|
|
13024
|
+
type: UiUserMenuComponent,
|
|
13025
|
+
isStandalone: true,
|
|
13026
|
+
selector: "ui-user-menu",
|
|
13027
|
+
inputs: {
|
|
13028
|
+
name: {
|
|
13029
|
+
classPropertyName: "name",
|
|
13030
|
+
publicName: "name",
|
|
13031
|
+
isSignal: true,
|
|
13032
|
+
isRequired: true,
|
|
13033
|
+
transformFunction: null
|
|
13034
|
+
},
|
|
13035
|
+
detail: {
|
|
13036
|
+
classPropertyName: "detail",
|
|
13037
|
+
publicName: "detail",
|
|
13038
|
+
isSignal: true,
|
|
13039
|
+
isRequired: false,
|
|
13040
|
+
transformFunction: null
|
|
13041
|
+
},
|
|
13042
|
+
src: {
|
|
13043
|
+
classPropertyName: "src",
|
|
13044
|
+
publicName: "src",
|
|
13045
|
+
isSignal: true,
|
|
13046
|
+
isRequired: false,
|
|
13047
|
+
transformFunction: null
|
|
13048
|
+
},
|
|
13049
|
+
items: {
|
|
13050
|
+
classPropertyName: "items",
|
|
13051
|
+
publicName: "items",
|
|
13052
|
+
isSignal: true,
|
|
13053
|
+
isRequired: false,
|
|
13054
|
+
transformFunction: null
|
|
13055
|
+
},
|
|
13056
|
+
themeSwitch: {
|
|
13057
|
+
classPropertyName: "themeSwitch",
|
|
13058
|
+
publicName: "themeSwitch",
|
|
13059
|
+
isSignal: true,
|
|
13060
|
+
isRequired: false,
|
|
13061
|
+
transformFunction: null
|
|
13062
|
+
}
|
|
13063
|
+
},
|
|
13064
|
+
ngImport: i0,
|
|
13065
|
+
template: "<ui-card radius=\"xl\" class=\"ui-user-menu\">\n <div class=\"ui-user-menu-person\">\n <ui-avatar [name]=\"name()\" [src]=\"src()\" size=\"lg\" />\n\n <div class=\"ui-user-menu-text\">\n <span class=\"ui-user-menu-name ui-text-body\">{{ name() }}</span>\n @if (detail()) {\n <span class=\"ui-user-menu-detail ui-text-body-alt\">{{ detail() }}</span>\n }\n </div>\n </div>\n\n @if (themeSwitch()) {\n <div class=\"ui-user-menu-section\">\n <span class=\"ui-user-menu-heading ui-text-caption\">Theme</span>\n <ui-theme-switch fill />\n </div>\n }\n\n @if (menuItems().length) {\n <div class=\"ui-user-menu-items\">\n @for (item of menuItems(); track $index) {\n @if (isDivider(item)) {\n <div class=\"ui-user-menu-divider\" role=\"separator\"></div>\n } @else if (group(item); as category) {\n <span class=\"ui-user-menu-heading ui-user-menu-group ui-text-caption\">{{ category.label }}</span>\n @for (child of category.children; track child.label) {\n <ng-container *ngTemplateOutlet=\"entryTemplate; context: { $implicit: child }\" />\n }\n } @else if (button(item); as entry) {\n <ng-container *ngTemplateOutlet=\"entryTemplate; context: { $implicit: entry }\" />\n }\n }\n </div>\n }\n</ui-card>\n\n<ng-template #entryTemplate let-entry>\n <button type=\"button\" class=\"ui-user-menu-item ui-text-body-alt\" (click)=\"entry.onClick()\">\n @if (entry.icon) {\n <ng-icon [name]=\"entry.icon\" size=\"18\" strokeWidth=\"1.75\" class=\"shrink-0\" />\n }\n {{ entry.label }}\n </button>\n</ng-template>\n",
|
|
13066
|
+
styles: ["@layer properties;.ui-user-menu{display:block;width:calc(var(--spacing, .25rem) * 72);overflow:hidden;--tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / .1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ui-user-menu-person{display:flex;align-items:center;column-gap:calc(var(--spacing, .25rem) * 3);padding:calc(var(--spacing, .25rem) * 4)}.ui-user-menu-text{display:flex;min-width:0px;flex-direction:column;row-gap:calc(var(--spacing, .25rem) * .5)}.ui-user-menu-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);color:var(--foreground)}.ui-user-menu-detail{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted-foreground-1)}.ui-user-menu-section{display:flex;flex-direction:column;row-gap:calc(var(--spacing, .25rem) * 2);border-top-style:var(--tw-border-style);border-top-width:1px;border-color:var(--card-line);padding-inline:calc(var(--spacing, .25rem) * 4);padding-top:calc(var(--spacing, .25rem) * 3);padding-bottom:calc(var(--spacing, .25rem) * 4)}.ui-user-menu-heading{--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);color:var(--muted-foreground-1)}.ui-user-menu-items{display:flex;flex-direction:column;row-gap:calc(var(--spacing, .25rem) * .5);border-top-style:var(--tw-border-style);border-top-width:1px;border-color:var(--card-line);padding:calc(var(--spacing, .25rem) * 2)}.ui-user-menu-group{padding-inline:calc(var(--spacing, .25rem) * 3);padding-top:calc(var(--spacing, .25rem) * 2);padding-bottom:var(--spacing, .25rem)}.ui-user-menu-item{display:flex;height:calc(var(--spacing, .25rem) * 10);cursor:pointer;align-items:center;column-gap:calc(var(--spacing, .25rem) * 3);border-radius:var(--radius-lg, .5rem);padding-inline:calc(var(--spacing, .25rem) * 3);text-align:start;color:var(--dropdown-item-foreground);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration, var(--default-transition-duration, .15s));--tw-duration: .15s;transition-duration:.15s}.ui-user-menu-item:hover{background-color:var(--dropdown-item-hover)}.ui-user-menu-item:focus-visible{background-color:var(--dropdown-item-focus)}.ui-user-menu-item:focus-visible{--tw-outline-style: none;outline-style:none}.ui-user-menu-divider{margin-inline:var(--spacing, .25rem);margin-block:calc(var(--spacing, .25rem) * 1.5);border-top-style:var(--tw-border-style);border-top-width:1px;border-color:var(--card-line)}@property --tw-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-shadow-color{syntax: \"*\"; inherits: false;}@property --tw-shadow-alpha{syntax: \"<percentage>\"; inherits: false; initial-value: 100%;}@property --tw-inset-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-shadow-color{syntax: \"*\"; inherits: false;}@property --tw-inset-shadow-alpha{syntax: \"<percentage>\"; inherits: false; initial-value: 100%;}@property --tw-ring-color{syntax: \"*\"; inherits: false;}@property --tw-ring-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-ring-color{syntax: \"*\"; inherits: false;}@property --tw-inset-ring-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-ring-inset{syntax: \"*\"; inherits: false;}@property --tw-ring-offset-width{syntax: \"<length>\"; inherits: false; initial-value: 0px;}@property --tw-ring-offset-color{syntax: \"*\"; inherits: false; initial-value: #fff;}@property --tw-ring-offset-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@property --tw-border-style{syntax: \"*\"; inherits: false; initial-value: solid;}@property --tw-duration{syntax: \"*\"; inherits: false;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-shadow: 0 0 #0000;--tw-shadow-color: initial;--tw-shadow-alpha: 100%;--tw-inset-shadow: 0 0 #0000;--tw-inset-shadow-color: initial;--tw-inset-shadow-alpha: 100%;--tw-ring-color: initial;--tw-ring-shadow: 0 0 #0000;--tw-inset-ring-color: initial;--tw-inset-ring-shadow: 0 0 #0000;--tw-ring-inset: initial;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-offset-shadow: 0 0 #0000;--tw-font-weight: initial;--tw-border-style: solid;--tw-duration: initial}}}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"],
|
|
13067
|
+
dependencies: [
|
|
13068
|
+
{
|
|
13069
|
+
kind: "directive",
|
|
13070
|
+
type: NgTemplateOutlet,
|
|
13071
|
+
selector: "[ngTemplateOutlet]",
|
|
13072
|
+
inputs: [
|
|
13073
|
+
"ngTemplateOutletContext",
|
|
13074
|
+
"ngTemplateOutlet",
|
|
13075
|
+
"ngTemplateOutletInjector"
|
|
13076
|
+
]
|
|
13077
|
+
},
|
|
13078
|
+
{
|
|
13079
|
+
kind: "component",
|
|
13080
|
+
type: UiCardComponent,
|
|
13081
|
+
selector: "ui-card",
|
|
13082
|
+
inputs: ["radius"]
|
|
13083
|
+
},
|
|
13084
|
+
{
|
|
13085
|
+
kind: "component",
|
|
13086
|
+
type: UiAvatarComponent,
|
|
13087
|
+
selector: "ui-avatar",
|
|
13088
|
+
inputs: [
|
|
13089
|
+
"name",
|
|
13090
|
+
"src",
|
|
13091
|
+
"size"
|
|
13092
|
+
]
|
|
13093
|
+
},
|
|
13094
|
+
{
|
|
13095
|
+
kind: "component",
|
|
13096
|
+
type: UiThemeSwitchComponent,
|
|
13097
|
+
selector: "ui-theme-switch",
|
|
13098
|
+
inputs: ["ariaLabel", "fill"]
|
|
13099
|
+
},
|
|
13100
|
+
{
|
|
13101
|
+
kind: "component",
|
|
13102
|
+
type: NgIcon,
|
|
13103
|
+
selector: "ng-icon",
|
|
13104
|
+
inputs: [
|
|
13105
|
+
"name",
|
|
13106
|
+
"svg",
|
|
13107
|
+
"size",
|
|
13108
|
+
"strokeWidth",
|
|
13109
|
+
"color"
|
|
13110
|
+
]
|
|
13111
|
+
}
|
|
13112
|
+
]
|
|
13113
|
+
});
|
|
13114
|
+
};
|
|
13115
|
+
i0.ɵɵngDeclareClassMetadata({
|
|
13116
|
+
minVersion: "12.0.0",
|
|
13117
|
+
version: "22.2.1",
|
|
13118
|
+
ngImport: i0,
|
|
13119
|
+
type: UiUserMenuComponent,
|
|
13120
|
+
decorators: [{
|
|
13121
|
+
type: Component,
|
|
13122
|
+
args: [{
|
|
13123
|
+
selector: "ui-user-menu",
|
|
13124
|
+
imports: [
|
|
13125
|
+
NgTemplateOutlet,
|
|
13126
|
+
UiCardComponent,
|
|
13127
|
+
UiAvatarComponent,
|
|
13128
|
+
UiThemeSwitchComponent,
|
|
13129
|
+
NgIcon
|
|
13130
|
+
],
|
|
13131
|
+
template: "<ui-card radius=\"xl\" class=\"ui-user-menu\">\n <div class=\"ui-user-menu-person\">\n <ui-avatar [name]=\"name()\" [src]=\"src()\" size=\"lg\" />\n\n <div class=\"ui-user-menu-text\">\n <span class=\"ui-user-menu-name ui-text-body\">{{ name() }}</span>\n @if (detail()) {\n <span class=\"ui-user-menu-detail ui-text-body-alt\">{{ detail() }}</span>\n }\n </div>\n </div>\n\n @if (themeSwitch()) {\n <div class=\"ui-user-menu-section\">\n <span class=\"ui-user-menu-heading ui-text-caption\">Theme</span>\n <ui-theme-switch fill />\n </div>\n }\n\n @if (menuItems().length) {\n <div class=\"ui-user-menu-items\">\n @for (item of menuItems(); track $index) {\n @if (isDivider(item)) {\n <div class=\"ui-user-menu-divider\" role=\"separator\"></div>\n } @else if (group(item); as category) {\n <span class=\"ui-user-menu-heading ui-user-menu-group ui-text-caption\">{{ category.label }}</span>\n @for (child of category.children; track child.label) {\n <ng-container *ngTemplateOutlet=\"entryTemplate; context: { $implicit: child }\" />\n }\n } @else if (button(item); as entry) {\n <ng-container *ngTemplateOutlet=\"entryTemplate; context: { $implicit: entry }\" />\n }\n }\n </div>\n }\n</ui-card>\n\n<ng-template #entryTemplate let-entry>\n <button type=\"button\" class=\"ui-user-menu-item ui-text-body-alt\" (click)=\"entry.onClick()\">\n @if (entry.icon) {\n <ng-icon [name]=\"entry.icon\" size=\"18\" strokeWidth=\"1.75\" class=\"shrink-0\" />\n }\n {{ entry.label }}\n </button>\n</ng-template>\n",
|
|
13132
|
+
styles: ["@layer properties;.ui-user-menu{display:block;width:calc(var(--spacing, .25rem) * 72);overflow:hidden;--tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / .1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ui-user-menu-person{display:flex;align-items:center;column-gap:calc(var(--spacing, .25rem) * 3);padding:calc(var(--spacing, .25rem) * 4)}.ui-user-menu-text{display:flex;min-width:0px;flex-direction:column;row-gap:calc(var(--spacing, .25rem) * .5)}.ui-user-menu-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);color:var(--foreground)}.ui-user-menu-detail{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted-foreground-1)}.ui-user-menu-section{display:flex;flex-direction:column;row-gap:calc(var(--spacing, .25rem) * 2);border-top-style:var(--tw-border-style);border-top-width:1px;border-color:var(--card-line);padding-inline:calc(var(--spacing, .25rem) * 4);padding-top:calc(var(--spacing, .25rem) * 3);padding-bottom:calc(var(--spacing, .25rem) * 4)}.ui-user-menu-heading{--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);color:var(--muted-foreground-1)}.ui-user-menu-items{display:flex;flex-direction:column;row-gap:calc(var(--spacing, .25rem) * .5);border-top-style:var(--tw-border-style);border-top-width:1px;border-color:var(--card-line);padding:calc(var(--spacing, .25rem) * 2)}.ui-user-menu-group{padding-inline:calc(var(--spacing, .25rem) * 3);padding-top:calc(var(--spacing, .25rem) * 2);padding-bottom:var(--spacing, .25rem)}.ui-user-menu-item{display:flex;height:calc(var(--spacing, .25rem) * 10);cursor:pointer;align-items:center;column-gap:calc(var(--spacing, .25rem) * 3);border-radius:var(--radius-lg, .5rem);padding-inline:calc(var(--spacing, .25rem) * 3);text-align:start;color:var(--dropdown-item-foreground);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration, var(--default-transition-duration, .15s));--tw-duration: .15s;transition-duration:.15s}.ui-user-menu-item:hover{background-color:var(--dropdown-item-hover)}.ui-user-menu-item:focus-visible{background-color:var(--dropdown-item-focus)}.ui-user-menu-item:focus-visible{--tw-outline-style: none;outline-style:none}.ui-user-menu-divider{margin-inline:var(--spacing, .25rem);margin-block:calc(var(--spacing, .25rem) * 1.5);border-top-style:var(--tw-border-style);border-top-width:1px;border-color:var(--card-line)}@property --tw-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-shadow-color{syntax: \"*\"; inherits: false;}@property --tw-shadow-alpha{syntax: \"<percentage>\"; inherits: false; initial-value: 100%;}@property --tw-inset-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-shadow-color{syntax: \"*\"; inherits: false;}@property --tw-inset-shadow-alpha{syntax: \"<percentage>\"; inherits: false; initial-value: 100%;}@property --tw-ring-color{syntax: \"*\"; inherits: false;}@property --tw-ring-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-ring-color{syntax: \"*\"; inherits: false;}@property --tw-inset-ring-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-ring-inset{syntax: \"*\"; inherits: false;}@property --tw-ring-offset-width{syntax: \"<length>\"; inherits: false; initial-value: 0px;}@property --tw-ring-offset-color{syntax: \"*\"; inherits: false; initial-value: #fff;}@property --tw-ring-offset-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@property --tw-border-style{syntax: \"*\"; inherits: false; initial-value: solid;}@property --tw-duration{syntax: \"*\"; inherits: false;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-shadow: 0 0 #0000;--tw-shadow-color: initial;--tw-shadow-alpha: 100%;--tw-inset-shadow: 0 0 #0000;--tw-inset-shadow-color: initial;--tw-inset-shadow-alpha: 100%;--tw-ring-color: initial;--tw-ring-shadow: 0 0 #0000;--tw-inset-ring-color: initial;--tw-inset-ring-shadow: 0 0 #0000;--tw-ring-inset: initial;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-offset-shadow: 0 0 #0000;--tw-font-weight: initial;--tw-border-style: solid;--tw-duration: initial}}}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"]
|
|
13133
|
+
}]
|
|
13134
|
+
}],
|
|
13135
|
+
propDecorators: {
|
|
13136
|
+
name: [{
|
|
13137
|
+
type: i0.Input,
|
|
13138
|
+
args: [{
|
|
13139
|
+
isSignal: true,
|
|
13140
|
+
alias: "name",
|
|
13141
|
+
required: true
|
|
13142
|
+
}]
|
|
13143
|
+
}],
|
|
13144
|
+
detail: [{
|
|
13145
|
+
type: i0.Input,
|
|
13146
|
+
args: [{
|
|
13147
|
+
isSignal: true,
|
|
13148
|
+
alias: "detail",
|
|
13149
|
+
required: false
|
|
13150
|
+
}]
|
|
13151
|
+
}],
|
|
13152
|
+
src: [{
|
|
13153
|
+
type: i0.Input,
|
|
13154
|
+
args: [{
|
|
13155
|
+
isSignal: true,
|
|
13156
|
+
alias: "src",
|
|
13157
|
+
required: false
|
|
13158
|
+
}]
|
|
13159
|
+
}],
|
|
13160
|
+
items: [{
|
|
13161
|
+
type: i0.Input,
|
|
13162
|
+
args: [{
|
|
13163
|
+
isSignal: true,
|
|
13164
|
+
alias: "items",
|
|
13165
|
+
required: false
|
|
13166
|
+
}]
|
|
13167
|
+
}],
|
|
13168
|
+
themeSwitch: [{
|
|
13169
|
+
type: i0.Input,
|
|
13170
|
+
args: [{
|
|
13171
|
+
isSignal: true,
|
|
13172
|
+
alias: "themeSwitch",
|
|
13173
|
+
required: false
|
|
13174
|
+
}]
|
|
13175
|
+
}]
|
|
13176
|
+
}
|
|
13177
|
+
});
|
|
13178
|
+
export { AlertAppearances, AlertIntents, AvatarSizes, BadgeAppearances, BadgeIntents, BadgeSizes, BarChartOrientations, ButtonAppearances, ButtonIntents, ButtonSizes, ButtonTypes, CHART_INK, CHART_INK_DARK, CHART_MAX_LINE_SERIES, CHART_MAX_SERIES, CHART_PALETTE, CHART_PALETTE_DARK, CalendarModes, CardHeadingLevels, CardRadii, FileRejectionReasons, InputAriaAutocompletes, InputAriaHasPopups, InputModes, InputTypes, LineChartCurves, MoneySignDisplays, PieChartVariants, ProgressIntents, ProgressLabelPositions, ProgressOrientations, ProgressShapes, ProgressSizes, SelectLocalDataSource, SelectMultipleDisplays, SelectRemoteDataSource, SkeletonShapes, TableLocalDataSource, TableRemoteDataSource, TextareaResizeOptions, ToastIntents, ToasterPositions, UI_FORMAT, UI_FORMAT_DEFAULTS, UI_LOADING_TYPES, UI_THEME_CONFIG, UiAlertComponent, UiAvatarComponent, UiBadgeComponent, UiBarChartComponent, UiButtonComponent, UiButtonGroupComponent, UiCalendarComponent, UiCardComponent, UiCardHeaderComponent, UiChartComponent, UiChartFrameComponent, UiChartLegendComponent, UiChartTableComponent, UiCheckboxComponent, UiColourComponent, UiContainerComponent, UiCounterComponent, UiDateRangePickerComponent, UiDatepickerComponent, UiDrawerComponent, UiDropdownButtonComponent, UiDropdownComponent, UiDropdownDirective, UiDropdownMenuComponent, UiDropzoneComponent, UiFieldComponent, UiFileInputComponent, UiInputAddonComponent, UiInputComponent, UiInputGroupComponent, UiKpiComponent, UiLayoutComponent, UiLineChartComponent, UiLoadingComponent, UiModalComponent, UiMoneyComponent, UiOverlayComponent, UiPaginationComponent, UiPieChartComponent, UiProgressComponent, UiRadioComponent, UiSegmentedComponent, UiSelectComponent, UiSidebarComponent, UiSidebarGroupComponent, UiSidebarItemComponent, UiSkeletonComponent, UiStatComponent, UiSwitchComponent, UiTabComponent, UiTabDirective, UiTableComponent, UiTextareaComponent, UiThemeService, UiThemeSwitchComponent, UiTimeSelectComponent, UiToastComponent, UiToastService, UiToasterComponent, UiTooltipComponent, UiUserMenuComponent, WeekStarts, chartColour, chartInk, chartSeriesStyle, defaultDateRangePresets, financialYearPreset, injectMoneyFormatter, lastDaysPreset, monthPreset, provideUiFormat, provideUiTheme, radiusClasses, thisWeekPreset, todayPreset, yearPreset };
|
|
12787
13179
|
|
|
12788
13180
|
//# sourceMappingURL=area8975-ui.mjs.map
|