@uni-design-system/uni-angular 11.0.0 → 11.1.0

package/fesm2022/uni-design-system-uni-angular.mjs

@@ -3325,7 +3325,7 @@ class UniSymbolComponent extends BaseComponent {
     }], null, { name: [{ type: i0.Input, args: [{ isSignal: true, alias: "name", required: true }] }], fill: [{ type: i0.Input, args: [{ isSignal: true, alias: "fill", required: false }] }], weight: [{ type: i0.Input, args: [{ isSignal: true, alias: "weight", required: false }] }], grade: [{ type: i0.Input, args: [{ isSignal: true, alias: "grade", required: false }] }], opticalSize: [{ type: i0.Input, args: [{ isSignal: true, alias: "opticalSize", required: false }] }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(UniSymbolComponent, { className: "UniSymbolComponent", filePath: "lib/components/symbol/symbol.component.ts", lineNumber: 20 }); })();
 
-const _c0$I = ["*"];
+const _c0$J = ["*"];
 function UniIconButtonComponent_Conditional_0_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "uni-icon", 0);
 } }
@@ -3475,7 +3475,7 @@ class UniIconButtonComponent {
     static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: UniIconButtonComponent, selectors: [["button", "uni-icon-button", ""], ["button", "icon-button", ""]], hostVars: 5, hostBindings: function UniIconButtonComponent_HostBindings(rf, ctx) { if (rf & 2) {
             i0.ɵɵattribute("disabled", ctx.disable() || ctx.loading() || null)("aria-busy", ctx.loading() ? "true" : null)("aria-label", ctx.ariaLabel() || null);
             i0.ɵɵclassMap(ctx.className());
-        } }, inputs: { ariaLabel: [1, "ariaLabel"], iconName: [1, "iconName"], symbolName: [1, "symbolName"], variant: [1, "variant"], size: [1, "size"], disable: [1, "disable"], loading: [1, "loading"], opticalSize: [1, "opticalSize"] }, features: [i0.ɵɵHostDirectivesFeature([RippleDirective])], ngContentSelectors: _c0$I, decls: 5, vars: 3, consts: [["name", "spinner"], [3, "name", "opticalSize"], [3, "name", "size"]], template: function UniIconButtonComponent_Template(rf, ctx) { if (rf & 1) {
+        } }, inputs: { ariaLabel: [1, "ariaLabel"], iconName: [1, "iconName"], symbolName: [1, "symbolName"], variant: [1, "variant"], size: [1, "size"], disable: [1, "disable"], loading: [1, "loading"], opticalSize: [1, "opticalSize"] }, features: [i0.ɵɵHostDirectivesFeature([RippleDirective])], ngContentSelectors: _c0$J, decls: 5, vars: 3, consts: [["name", "spinner"], [3, "name", "opticalSize"], [3, "name", "size"]], template: function UniIconButtonComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef();
             i0.ɵɵconditionalCreate(0, UniIconButtonComponent_Conditional_0_Template, 1, 0, "uni-icon", 0)(1, UniIconButtonComponent_Conditional_1_Template, 1, 2, "uni-symbol", 1)(2, UniIconButtonComponent_Conditional_2_Template, 1, 2, "uni-icon", 2);
             i0.ɵɵelementStart(3, "span");
@@ -3907,7 +3907,7 @@ class UniWrapDirective extends UniBoxDirective {
             }]
     }], () => [], { display: [{ type: i0.Input, args: [{ isSignal: true, alias: "display", required: false }] }], wrapItems: [{ type: i0.Input, args: [{ isSignal: true, alias: "wrapItems", required: false }] }] }); })();
 
-const _c0$H = ["*"];
+const _c0$I = ["*"];
 class UniInputBoxComponent extends BaseComponent {
     constructor() {
         super(...arguments);
@@ -4002,7 +4002,7 @@ class UniInputBoxComponent extends BaseComponent {
     static { this.ɵfac = /*@__PURE__*/ (() => { let ɵUniInputBoxComponent_BaseFactory; return function UniInputBoxComponent_Factory(__ngFactoryType__) { return (ɵUniInputBoxComponent_BaseFactory || (ɵUniInputBoxComponent_BaseFactory = i0.ɵɵgetInheritedFactory(UniInputBoxComponent)))(__ngFactoryType__ || UniInputBoxComponent); }; })(); }
     static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: UniInputBoxComponent, selectors: [["uni-input-box"]], hostVars: 2, hostBindings: function UniInputBoxComponent_HostBindings(rf, ctx) { if (rf & 2) {
             i0.ɵɵclassMap(ctx.className);
-        } }, inputs: { disabled: [1, "disabled"], error: [1, "error"], minWidth: [1, "minWidth"], height: [1, "height"], width: [1, "width"], fullWidth: [1, "fullWidth"], grow: [1, "grow"], managedInset: [1, "managedInset"] }, features: [i0.ɵɵProvidersFeature([{ provide: COMPONENT_NAME, useValue: 'input' }]), i0.ɵɵInheritDefinitionFeature], ngContentSelectors: _c0$H, decls: 2, vars: 12, consts: [["row-layout", "", "alignItems", "center", "position", "relative", 3, "height", "minHeight", "containerColor", "border", "borderRadius", "shadow", "minWidth", "width", "fullWidth", "grow"]], template: function UniInputBoxComponent_Template(rf, ctx) { if (rf & 1) {
+        } }, inputs: { disabled: [1, "disabled"], error: [1, "error"], minWidth: [1, "minWidth"], height: [1, "height"], width: [1, "width"], fullWidth: [1, "fullWidth"], grow: [1, "grow"], managedInset: [1, "managedInset"] }, features: [i0.ɵɵProvidersFeature([{ provide: COMPONENT_NAME, useValue: 'input' }]), i0.ɵɵInheritDefinitionFeature], ngContentSelectors: _c0$I, decls: 2, vars: 12, consts: [["row-layout", "", "alignItems", "center", "position", "relative", 3, "height", "minHeight", "containerColor", "border", "borderRadius", "shadow", "minWidth", "width", "fullWidth", "grow"]], template: function UniInputBoxComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef();
             i0.ɵɵelementStart(0, "div", 0);
             i0.ɵɵprojection(1);
@@ -4018,7 +4018,7 @@ class UniInputBoxComponent extends BaseComponent {
     }], null, { disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], error: [{ type: i0.Input, args: [{ isSignal: true, alias: "error", required: false }] }], minWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "minWidth", required: false }] }], height: [{ type: i0.Input, args: [{ isSignal: true, alias: "height", required: false }] }], width: [{ type: i0.Input, args: [{ isSignal: true, alias: "width", required: false }] }], fullWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "fullWidth", required: false }] }], grow: [{ type: i0.Input, args: [{ isSignal: true, alias: "grow", required: false }] }], managedInset: [{ type: i0.Input, args: [{ isSignal: true, alias: "managedInset", required: false }] }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(UniInputBoxComponent, { className: "UniInputBoxComponent", filePath: "lib/components/input-box/input-box.component.ts", lineNumber: 17 }); })();
 
-const _c0$G = ["field"];
+const _c0$H = ["field"];
 const _c1$n = ["listbox"];
 function UniComboboxComponent_Conditional_5_Template(rf, ctx) { if (rf & 1) {
     const _r1 = i0.ɵɵgetCurrentView();
@@ -4554,7 +4554,7 @@ class UniComboboxComponent extends BaseComponent {
     }
     static { this.ɵfac = function UniComboboxComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || UniComboboxComponent)(); }; }
     static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: UniComboboxComponent, selectors: [["uni-combobox"], ["Combobox"]], viewQuery: function UniComboboxComponent_Query(rf, ctx) { if (rf & 1) {
-            i0.ɵɵviewQuerySignal(ctx.inputRef, _c0$G, 5)(ctx.listRef, _c1$n, 5);
+            i0.ɵɵviewQuerySignal(ctx.inputRef, _c0$H, 5)(ctx.listRef, _c1$n, 5);
         } if (rf & 2) {
             i0.ɵɵqueryAdvance(2);
         } }, hostVars: 2, hostBindings: function UniComboboxComponent_HostBindings(rf, ctx) { if (rf & 2) {
@@ -4604,7 +4604,7 @@ class UniComboboxComponent extends BaseComponent {
     }], () => [], { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], touched: [{ type: i0.Input, args: [{ isSignal: true, alias: "touched", required: false }] }, { type: i0.Output, args: ["touchedChange"] }], touch: [{ type: i0.Output, args: ["touch"] }], invalid: [{ type: i0.Input, args: [{ isSignal: true, alias: "invalid", required: false }] }], dirty: [{ type: i0.Input, args: [{ isSignal: true, alias: "dirty", required: false }] }], required: [{ type: i0.Input, args: [{ isSignal: true, alias: "required", required: false }] }], ariaDescribedBy: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaDescribedBy", required: false }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: true }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], options: [{ type: i0.Input, args: [{ isSignal: true, alias: "options", required: false }] }], compareWith: [{ type: i0.Input, args: [{ isSignal: true, alias: "compareWith", required: false }] }], width: [{ type: i0.Input, args: [{ isSignal: true, alias: "width", required: false }] }], clearable: [{ type: i0.Input, args: [{ isSignal: true, alias: "clearable", required: false }] }], commitOnBlur: [{ type: i0.Input, args: [{ isSignal: true, alias: "commitOnBlur", required: false }] }], emptyText: [{ type: i0.Input, args: [{ isSignal: true, alias: "emptyText", required: false }] }], filterLocally: [{ type: i0.Input, args: [{ isSignal: true, alias: "filterLocally", required: false }] }], filterWith: [{ type: i0.Input, args: [{ isSignal: true, alias: "filterWith", required: false }] }], debounceTime: [{ type: i0.Input, args: [{ isSignal: true, alias: "debounceTime", required: false }] }], query: [{ type: i0.Output, args: ["query"] }], selected: [{ type: i0.Output, args: ["selected"] }], cleared: [{ type: i0.Output, args: ["cleared"] }], rejected: [{ type: i0.Output, args: ["rejected"] }], inputRef: [{ type: i0.ViewChild, args: ['field', { isSignal: true }] }], listRef: [{ type: i0.ViewChild, args: ['listbox', { isSignal: true }] }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(UniComboboxComponent, { className: "UniComboboxComponent", filePath: "lib/components/combobox/combobox.component.ts", lineNumber: 54 }); })();
 
-const _forTrack0$9 = ($index, $item) => $item.full;
+const _forTrack0$a = ($index, $item) => $item.full;
 const _forTrack1 = ($index, $item) => $item[0].date;
 const _forTrack2 = ($index, $item) => $item.date;
 function UniCalendarComponent_For_10_Template(rf, ctx) { if (rf & 1) {
@@ -5214,7 +5214,7 @@ class UniCalendarComponent extends BaseComponent {
             i0.ɵɵelementStart(7, "div", 2);
             i0.ɵɵlistener("keydown", function UniCalendarComponent_Template_div_keydown_7_listener($event) { return ctx.onGridKeydown($event); });
             i0.ɵɵelementStart(8, "div", 3);
-            i0.ɵɵrepeaterCreate(9, UniCalendarComponent_For_10_Template, 3, 4, "div", 4, _forTrack0$9);
+            i0.ɵɵrepeaterCreate(9, UniCalendarComponent_For_10_Template, 3, 4, "div", 4, _forTrack0$a);
             i0.ɵɵelementEnd();
             i0.ɵɵrepeaterCreate(11, UniCalendarComponent_For_12_Template, 3, 2, "div", 5, _forTrack1);
             i0.ɵɵelementEnd();
@@ -5253,7 +5253,7 @@ class UniCalendarComponent extends BaseComponent {
     }], null, { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], touched: [{ type: i0.Input, args: [{ isSignal: true, alias: "touched", required: false }] }, { type: i0.Output, args: ["touchedChange"] }], touch: [{ type: i0.Output, args: ["touch"] }], invalid: [{ type: i0.Input, args: [{ isSignal: true, alias: "invalid", required: false }] }], dirty: [{ type: i0.Input, args: [{ isSignal: true, alias: "dirty", required: false }] }], required: [{ type: i0.Input, args: [{ isSignal: true, alias: "required", required: false }] }], ariaDescribedBy: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaDescribedBy", required: false }] }], mode: [{ type: i0.Input, args: [{ isSignal: true, alias: "mode", required: false }] }], month: [{ type: i0.Input, args: [{ isSignal: true, alias: "month", required: false }] }, { type: i0.Output, args: ["monthChange"] }], minDate: [{ type: i0.Input, args: [{ isSignal: true, alias: "minDate", required: false }] }], maxDate: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxDate", required: false }] }], disabledDates: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabledDates", required: false }] }], markers: [{ type: i0.Input, args: [{ isSignal: true, alias: "markers", required: false }] }], locale: [{ type: i0.Input, args: [{ isSignal: true, alias: "locale", required: false }] }], weekStart: [{ type: i0.Input, args: [{ isSignal: true, alias: "weekStart", required: false }] }], ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaLabel", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], selected: [{ type: i0.Output, args: ["selected"] }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(UniCalendarComponent, { className: "UniCalendarComponent", filePath: "lib/components/calendar/calendar.component.ts", lineNumber: 83 }); })();
 
-const _c0$F = ["dropdown"];
+const _c0$G = ["dropdown"];
 const _c1$m = ["*"];
 class UniDropdownComponent extends BaseComponent {
     constructor() {
@@ -5402,7 +5402,7 @@ class UniDropdownComponent extends BaseComponent {
     }
     static { this.ɵfac = /*@__PURE__*/ (() => { let ɵUniDropdownComponent_BaseFactory; return function UniDropdownComponent_Factory(__ngFactoryType__) { return (ɵUniDropdownComponent_BaseFactory || (ɵUniDropdownComponent_BaseFactory = i0.ɵɵgetInheritedFactory(UniDropdownComponent)))(__ngFactoryType__ || UniDropdownComponent); }; })(); }
     static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: UniDropdownComponent, selectors: [["uni-dropdown"]], viewQuery: function UniDropdownComponent_Query(rf, ctx) { if (rf & 1) {
-            i0.ɵɵviewQuery(_c0$F, 7);
+            i0.ɵɵviewQuery(_c0$G, 7);
         } if (rf & 2) {
             let _t;
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.dropdownRef = _t.first);
@@ -5448,7 +5448,7 @@ class UniDropdownComponent extends BaseComponent {
         }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(UniDropdownComponent, { className: "UniDropdownComponent", filePath: "lib/components/dropdown/dropdown.component.ts", lineNumber: 67 }); })();
 
-const _c0$E = ["field"];
+const _c0$F = ["field"];
 const _c1$l = ["toggle"];
 const _c2$8 = ["popupDialog"];
 function UniDateInputComponent_ng_template_1_Template(rf, ctx) { if (rf & 1) {
@@ -5843,7 +5843,7 @@ class UniDateInputComponent extends BaseComponent {
     }
     static { this.ɵfac = /*@__PURE__*/ (() => { let ɵUniDateInputComponent_BaseFactory; return function UniDateInputComponent_Factory(__ngFactoryType__) { return (ɵUniDateInputComponent_BaseFactory || (ɵUniDateInputComponent_BaseFactory = i0.ɵɵgetInheritedFactory(UniDateInputComponent)))(__ngFactoryType__ || UniDateInputComponent); }; })(); }
     static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: UniDateInputComponent, selectors: [["uni-date-input"], ["DateInput"]], viewQuery: function UniDateInputComponent_Query(rf, ctx) { if (rf & 1) {
-            i0.ɵɵviewQuerySignal(ctx.inputRef, _c0$E, 5)(ctx.toggleRef, _c1$l, 5, ElementRef)(ctx.popupRef, _c2$8, 5)(ctx.dropdown, UniDropdownComponent, 5)(ctx.calendar, UniCalendarComponent, 5);
+            i0.ɵɵviewQuerySignal(ctx.inputRef, _c0$F, 5)(ctx.toggleRef, _c1$l, 5, ElementRef)(ctx.popupRef, _c2$8, 5)(ctx.dropdown, UniDropdownComponent, 5)(ctx.calendar, UniCalendarComponent, 5);
         } if (rf & 2) {
             i0.ɵɵqueryAdvance(5);
         } }, hostVars: 2, hostBindings: function UniDateInputComponent_HostBindings(rf, ctx) { if (rf & 2) {
@@ -5884,7 +5884,7 @@ class UniDateInputComponent extends BaseComponent {
     }], null, { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], touched: [{ type: i0.Input, args: [{ isSignal: true, alias: "touched", required: false }] }, { type: i0.Output, args: ["touchedChange"] }], touch: [{ type: i0.Output, args: ["touch"] }], invalid: [{ type: i0.Input, args: [{ isSignal: true, alias: "invalid", required: false }] }], dirty: [{ type: i0.Input, args: [{ isSignal: true, alias: "dirty", required: false }] }], required: [{ type: i0.Input, args: [{ isSignal: true, alias: "required", required: false }] }], ariaDescribedBy: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaDescribedBy", required: false }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: true }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], displayFormat: [{ type: i0.Input, args: [{ isSignal: true, alias: "displayFormat", required: false }] }], locale: [{ type: i0.Input, args: [{ isSignal: true, alias: "locale", required: false }] }], commitOnBlur: [{ type: i0.Input, args: [{ isSignal: true, alias: "commitOnBlur", required: false }] }], parse: [{ type: i0.Input, args: [{ isSignal: true, alias: "parse", required: false }] }], embedded: [{ type: i0.Input, args: [{ isSignal: true, alias: "embedded", required: false }] }], minDate: [{ type: i0.Input, args: [{ isSignal: true, alias: "minDate", required: false }] }], maxDate: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxDate", required: false }] }], disabledDates: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabledDates", required: false }] }], markers: [{ type: i0.Input, args: [{ isSignal: true, alias: "markers", required: false }] }], weekStart: [{ type: i0.Input, args: [{ isSignal: true, alias: "weekStart", required: false }] }], opened: [{ type: i0.Output, args: ["opened"] }], closed: [{ type: i0.Output, args: ["closed"] }], rejected: [{ type: i0.Output, args: ["rejected"] }], inputRef: [{ type: i0.ViewChild, args: ['field', { isSignal: true }] }], toggleRef: [{ type: i0.ViewChild, args: ['toggle', { ...{ read: ElementRef }, isSignal: true }] }], popupRef: [{ type: i0.ViewChild, args: ['popupDialog', { isSignal: true }] }], dropdown: [{ type: i0.ViewChild, args: [i0.forwardRef(() => UniDropdownComponent), { isSignal: true }] }], calendar: [{ type: i0.ViewChild, args: [i0.forwardRef(() => UniCalendarComponent), { isSignal: true }] }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(UniDateInputComponent, { className: "UniDateInputComponent", filePath: "lib/components/date-input/date-input.component.ts", lineNumber: 58 }); })();
 
-const _c0$D = ["field"];
+const _c0$E = ["field"];
 const _c1$k = ["listbox"];
 function UniTimeInputComponent_ng_template_1_Template(rf, ctx) { if (rf & 1) {
     const _r1 = i0.ɵɵgetCurrentView();
@@ -6320,7 +6320,7 @@ class UniTimeInputComponent extends BaseComponent {
     }
     static { this.ɵfac = function UniTimeInputComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || UniTimeInputComponent)(); }; }
     static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: UniTimeInputComponent, selectors: [["uni-time-input"], ["TimeInput"]], viewQuery: function UniTimeInputComponent_Query(rf, ctx) { if (rf & 1) {
-            i0.ɵɵviewQuerySignal(ctx.inputRef, _c0$D, 5)(ctx.listRef, _c1$k, 5);
+            i0.ɵɵviewQuerySignal(ctx.inputRef, _c0$E, 5)(ctx.listRef, _c1$k, 5);
         } if (rf & 2) {
             i0.ɵɵqueryAdvance(2);
         } }, hostVars: 2, hostBindings: function UniTimeInputComponent_HostBindings(rf, ctx) { if (rf & 2) {
@@ -6556,7 +6556,7 @@ class UniDateTimeInputComponent extends BaseComponent {
     }], null, { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], touched: [{ type: i0.Input, args: [{ isSignal: true, alias: "touched", required: false }] }, { type: i0.Output, args: ["touchedChange"] }], touch: [{ type: i0.Output, args: ["touch"] }], invalid: [{ type: i0.Input, args: [{ isSignal: true, alias: "invalid", required: false }] }], dirty: [{ type: i0.Input, args: [{ isSignal: true, alias: "dirty", required: false }] }], required: [{ type: i0.Input, args: [{ isSignal: true, alias: "required", required: false }] }], ariaDescribedBy: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaDescribedBy", required: false }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: true }] }], minDateTime: [{ type: i0.Input, args: [{ isSignal: true, alias: "minDateTime", required: false }] }], maxDateTime: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxDateTime", required: false }] }], disabledDates: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabledDates", required: false }] }], markers: [{ type: i0.Input, args: [{ isSignal: true, alias: "markers", required: false }] }], slots: [{ type: i0.Input, args: [{ isSignal: true, alias: "slots", required: false }] }], minuteStep: [{ type: i0.Input, args: [{ isSignal: true, alias: "minuteStep", required: false }] }], hour12: [{ type: i0.Input, args: [{ isSignal: true, alias: "hour12", required: false }] }], weekStart: [{ type: i0.Input, args: [{ isSignal: true, alias: "weekStart", required: false }] }], locale: [{ type: i0.Input, args: [{ isSignal: true, alias: "locale", required: false }] }], slotsFor: [{ type: i0.Input, args: [{ isSignal: true, alias: "slotsFor", required: false }] }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(UniDateTimeInputComponent, { className: "UniDateTimeInputComponent", filePath: "lib/components/date-time-input/date-time-input.component.ts", lineNumber: 42 }); })();
 
-const _c0$C = [[["pre-input"], ["", "pre-input", ""]], [["post-input"], ["", "post-input", ""]]];
+const _c0$D = [[["pre-input"], ["", "pre-input", ""]], [["post-input"], ["", "post-input", ""]]];
 const _c1$j = ["pre-input, [pre-input]", "post-input, [post-input]"];
 class UniInputComponent {
     constructor() {
@@ -6671,7 +6671,7 @@ class UniInputComponent {
     }
     static { this.ɵfac = function UniInputComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || UniInputComponent)(); }; }
     static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: UniInputComponent, selectors: [["uni-input"]], inputs: { value: [1, "value"], disabled: [1, "disabled"], touched: [1, "touched"], invalid: [1, "invalid"], dirty: [1, "dirty"], required: [1, "required"], ariaDescribedBy: [1, "ariaDescribedBy"], label: [1, "label"], placeholder: [1, "placeholder"], type: [1, "type"], readonly: [1, "readonly"], name: [1, "name"], minAttr: [1, "min", "minAttr"], maxAttr: [1, "max", "maxAttr"], minLength: [1, "minLength"], maxLength: [1, "maxLength"], pattern: [1, "pattern"], step: [1, "step"], autocomplete: [1, "autocomplete"], inputMode: [1, "inputMode"], list: [1, "list"], spellcheck: [1, "spellcheck"], width: [1, "width"], fullWidth: [1, "fullWidth"], grow: [1, "grow"] }, outputs: { value: "valueChange", touched: "touchedChange", touch: "touch" }, ngContentSelectors: _c1$j, decls: 4, vars: 26, consts: [[3, "error", "width", "fullWidth", "grow"], [3, "input", "blur", "type", "value", "placeholder", "disabled", "readOnly"]], template: function UniInputComponent_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵprojectionDef(_c0$C);
+            i0.ɵɵprojectionDef(_c0$D);
             i0.ɵɵelementStart(0, "uni-input-box", 0);
             i0.ɵɵprojection(1);
             i0.ɵɵelementStart(2, "input", 1);
@@ -6693,7 +6693,7 @@ class UniInputComponent {
     }], null, { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], touched: [{ type: i0.Input, args: [{ isSignal: true, alias: "touched", required: false }] }, { type: i0.Output, args: ["touchedChange"] }], touch: [{ type: i0.Output, args: ["touch"] }], invalid: [{ type: i0.Input, args: [{ isSignal: true, alias: "invalid", required: false }] }], dirty: [{ type: i0.Input, args: [{ isSignal: true, alias: "dirty", required: false }] }], required: [{ type: i0.Input, args: [{ isSignal: true, alias: "required", required: false }] }], ariaDescribedBy: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaDescribedBy", required: false }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: true }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], type: [{ type: i0.Input, args: [{ isSignal: true, alias: "type", required: false }] }], readonly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readonly", required: false }] }], name: [{ type: i0.Input, args: [{ isSignal: true, alias: "name", required: false }] }], minAttr: [{ type: i0.Input, args: [{ isSignal: true, alias: "min", required: false }] }], maxAttr: [{ type: i0.Input, args: [{ isSignal: true, alias: "max", required: false }] }], minLength: [{ type: i0.Input, args: [{ isSignal: true, alias: "minLength", required: false }] }], maxLength: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxLength", required: false }] }], pattern: [{ type: i0.Input, args: [{ isSignal: true, alias: "pattern", required: false }] }], step: [{ type: i0.Input, args: [{ isSignal: true, alias: "step", required: false }] }], autocomplete: [{ type: i0.Input, args: [{ isSignal: true, alias: "autocomplete", required: false }] }], inputMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "inputMode", required: false }] }], list: [{ type: i0.Input, args: [{ isSignal: true, alias: "list", required: false }] }], spellcheck: [{ type: i0.Input, args: [{ isSignal: true, alias: "spellcheck", required: false }] }], width: [{ type: i0.Input, args: [{ isSignal: true, alias: "width", required: false }] }], fullWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "fullWidth", required: false }] }], grow: [{ type: i0.Input, args: [{ isSignal: true, alias: "grow", required: false }] }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(UniInputComponent, { className: "UniInputComponent", filePath: "lib/components/input/input.component.ts", lineNumber: 13 }); })();
 
-const _c0$B = ["*"];
+const _c0$C = ["*"];
 function UniButtonComponent_Conditional_0_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 3);
     i0.ɵɵelement(1, "uni-icon", 4);
@@ -6845,7 +6845,7 @@ class UniButtonComponent extends BaseComponent {
     static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: UniButtonComponent, selectors: [["button", "uni-text-button", ""], ["button", "text-button", ""]], hostVars: 4, hostBindings: function UniButtonComponent_HostBindings(rf, ctx) { if (rf & 2) {
             i0.ɵɵattribute("disabled", ctx.disable() || ctx.loading() || null)("aria-busy", ctx.loading() ? "true" : null);
             i0.ɵɵclassMap(ctx.className());
-        } }, inputs: { disable: [1, "disable"], loading: [1, "loading"], fullWidth: [1, "fullWidth"], symbolLeft: [1, "symbolLeft"], symbolRight: [1, "symbolRight"] }, features: [i0.ɵɵProvidersFeature([{ provide: COMPONENT_NAME, useValue: 'button' }]), i0.ɵɵHostDirectivesFeature([RippleDirective]), i0.ɵɵInheritDefinitionFeature], ngContentSelectors: _c0$B, decls: 5, vars: 3, consts: [["box-layout", "", 3, "class"], [1, "symbolLeft", 3, "name"], [1, "symbolRight", 3, "name"], ["box-layout", ""], ["name", "spinner"]], template: function UniButtonComponent_Template(rf, ctx) { if (rf & 1) {
+        } }, inputs: { disable: [1, "disable"], loading: [1, "loading"], fullWidth: [1, "fullWidth"], symbolLeft: [1, "symbolLeft"], symbolRight: [1, "symbolRight"] }, features: [i0.ɵɵProvidersFeature([{ provide: COMPONENT_NAME, useValue: 'button' }]), i0.ɵɵHostDirectivesFeature([RippleDirective]), i0.ɵɵInheritDefinitionFeature], ngContentSelectors: _c0$C, decls: 5, vars: 3, consts: [["box-layout", "", 3, "class"], [1, "symbolLeft", 3, "name"], [1, "symbolRight", 3, "name"], ["box-layout", ""], ["name", "spinner"]], template: function UniButtonComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef();
             i0.ɵɵconditionalCreate(0, UniButtonComponent_Conditional_0_Template, 2, 2, "div", 0);
             i0.ɵɵconditionalCreate(1, UniButtonComponent_Conditional_1_Template, 1, 1, "uni-symbol", 1);
@@ -6937,8 +6937,8 @@ class UniDividerComponent {
     }], null, { orientation: [{ type: i0.Input, args: [{ isSignal: true, alias: "orientation", required: false }] }], border: [{ type: i0.Input, args: [{ isSignal: true, alias: "border", required: false }] }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(UniDividerComponent, { className: "UniDividerComponent", filePath: "lib/components/divider/divider.component.ts", lineNumber: 13 }); })();
 
-const _c0$A = ["optionRow"];
-const _forTrack0$8 = ($index, $item) => $item.value;
+const _c0$B = ["optionRow"];
+const _forTrack0$9 = ($index, $item) => $item.value;
 function UniMultiSelectDropdownComponent_Conditional_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "span");
     i0.ɵɵtext(1);
@@ -7158,7 +7158,7 @@ class UniMultiSelectDropdownComponent extends BaseComponent {
     }
     static { this.ɵfac = /*@__PURE__*/ (() => { let ɵUniMultiSelectDropdownComponent_BaseFactory; return function UniMultiSelectDropdownComponent_Factory(__ngFactoryType__) { return (ɵUniMultiSelectDropdownComponent_BaseFactory || (ɵUniMultiSelectDropdownComponent_BaseFactory = i0.ɵɵgetInheritedFactory(UniMultiSelectDropdownComponent)))(__ngFactoryType__ || UniMultiSelectDropdownComponent); }; })(); }
     static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: UniMultiSelectDropdownComponent, selectors: [["uni-multi-select-dropdown"]], viewQuery: function UniMultiSelectDropdownComponent_Query(rf, ctx) { if (rf & 1) {
-            i0.ɵɵviewQuerySignal(ctx.optionRefs, _c0$A, 5);
+            i0.ɵɵviewQuerySignal(ctx.optionRefs, _c0$B, 5);
         } if (rf & 2) {
             i0.ɵɵqueryAdvance();
         } }, hostVars: 2, hostBindings: function UniMultiSelectDropdownComponent_HostBindings(rf, ctx) { if (rf & 2) {
@@ -7185,7 +7185,7 @@ class UniMultiSelectDropdownComponent extends BaseComponent {
             i0.ɵɵelementEnd()();
             i0.ɵɵelement(16, "uni-divider", 14);
             i0.ɵɵelementStart(17, "div", 15);
-            i0.ɵɵrepeaterCreate(18, UniMultiSelectDropdownComponent_For_19_Template, 3, 3, "div", null, _forTrack0$8);
+            i0.ɵɵrepeaterCreate(18, UniMultiSelectDropdownComponent_For_19_Template, 3, 3, "div", null, _forTrack0$9);
             i0.ɵɵconditionalCreate(20, UniMultiSelectDropdownComponent_Conditional_20_Template, 2, 0, "span", 16);
             i0.ɵɵelementEnd();
             i0.ɵɵelement(21, "uni-divider", 14);
@@ -7345,7 +7345,7 @@ class UniMultiSelectComponent {
     }], null, { options: [{ type: i0.Input, args: [{ isSignal: true, alias: "options", required: false }] }], selections: [{ type: i0.Input, args: [{ isSignal: true, alias: "selections", required: false }] }], updates: [{ type: i0.Output, args: ["updates"] }], flexDirection: [{ type: i0.Input, args: [{ isSignal: true, alias: "flexDirection", required: false }] }], checkboxGap: [{ type: i0.Input, args: [{ isSignal: true, alias: "checkboxGap", required: false }] }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(UniMultiSelectComponent, { className: "UniMultiSelectComponent", filePath: "lib/components/multi-select/multi-select.component.ts", lineNumber: 16 }); })();
 
-const _forTrack0$7 = ($index, $item) => $item.value;
+const _forTrack0$8 = ($index, $item) => $item.value;
 function UniRadioComponent_Conditional_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "span", 1);
     i0.ɵɵtext(1);
@@ -7548,7 +7548,7 @@ class UniRadioComponent extends BaseComponent {
     static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: UniRadioComponent, selectors: [["uni-radio"]], inputs: { value: [1, "value"], disabled: [1, "disabled"], touched: [1, "touched"], invalid: [1, "invalid"], dirty: [1, "dirty"], required: [1, "required"], checkedColor: [1, "checkedColor"], ariaDescribedBy: [1, "ariaDescribedBy"], options: [1, "options"], label: [1, "label"], name: [1, "name"] }, outputs: { value: "valueChange", touched: "touchedChange", touch: "touch" }, features: [i0.ɵɵProvidersFeature([{ provide: COMPONENT_NAME, useValue: 'radio' }]), i0.ɵɵInheritDefinitionFeature], decls: 4, vars: 7, consts: [["role", "radiogroup"], ["uni-text", "label"], [3, "class", "disabled"], ["type", "radio", 3, "change", "value", "name", "checked", "disabled"], [1, "radio-button"], [1, "radio-inner"]], template: function UniRadioComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "div", 0);
             i0.ɵɵconditionalCreate(1, UniRadioComponent_Conditional_1_Template, 2, 2, "span", 1);
-            i0.ɵɵrepeaterCreate(2, UniRadioComponent_For_3_Template, 6, 11, "label", 2, _forTrack0$7);
+            i0.ɵɵrepeaterCreate(2, UniRadioComponent_For_3_Template, 6, 11, "label", 2, _forTrack0$8);
             i0.ɵɵelementEnd();
         } if (rf & 2) {
             i0.ɵɵclassMap(ctx.radioGroupClass);
@@ -7565,7 +7565,7 @@ class UniRadioComponent extends BaseComponent {
     }], null, { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], touched: [{ type: i0.Input, args: [{ isSignal: true, alias: "touched", required: false }] }, { type: i0.Output, args: ["touchedChange"] }], touch: [{ type: i0.Output, args: ["touch"] }], invalid: [{ type: i0.Input, args: [{ isSignal: true, alias: "invalid", required: false }] }], dirty: [{ type: i0.Input, args: [{ isSignal: true, alias: "dirty", required: false }] }], required: [{ type: i0.Input, args: [{ isSignal: true, alias: "required", required: false }] }], checkedColor: [{ type: i0.Input, args: [{ isSignal: true, alias: "checkedColor", required: false }] }], ariaDescribedBy: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaDescribedBy", required: false }] }], options: [{ type: i0.Input, args: [{ isSignal: true, alias: "options", required: false }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], name: [{ type: i0.Input, args: [{ isSignal: true, alias: "name", required: false }] }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(UniRadioComponent, { className: "UniRadioComponent", filePath: "lib/components/radio/radio.component.ts", lineNumber: 18 }); })();
 
-const _c0$z = ["field"];
+const _c0$A = ["field"];
 const _c1$i = [[["", "pre-input", ""]], [["", "post-input", ""]]];
 const _c2$7 = ["[pre-input]", "[post-input]"];
 /**
@@ -7652,7 +7652,7 @@ class UniDebounceInputComponent {
     }
     static { this.ɵfac = function UniDebounceInputComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || UniDebounceInputComponent)(); }; }
     static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: UniDebounceInputComponent, selectors: [["uni-debounce-input"]], viewQuery: function UniDebounceInputComponent_Query(rf, ctx) { if (rf & 1) {
-            i0.ɵɵviewQuerySignal(ctx.inputElement, _c0$z, 5);
+            i0.ɵɵviewQuerySignal(ctx.inputElement, _c0$A, 5);
         } if (rf & 2) {
             i0.ɵɵqueryAdvance();
         } }, inputs: { inputName: [1, "inputName"], inputId: [1, "inputId"], debounceTime: [1, "debounceTime"], label: [1, "label"], placeholder: [1, "placeholder"], disabled: [1, "disabled"], type: [1, "type"], autocomplete: [1, "autocomplete"], inputMode: [1, "inputMode"], role: [1, "role"], ariaExpanded: [1, "ariaExpanded"], ariaControls: [1, "ariaControls"], ariaActivedescendant: [1, "ariaActivedescendant"] }, outputs: { valueChange: "valueChange" }, ngContentSelectors: _c2$7, decls: 5, vars: 16, consts: [["field", ""], [3, "input", "type", "name", "id", "value", "placeholder", "disabled"]], template: function UniDebounceInputComponent_Template(rf, ctx) { if (rf & 1) {
@@ -7677,7 +7677,7 @@ class UniDebounceInputComponent {
     }], () => [], { inputName: [{ type: i0.Input, args: [{ isSignal: true, alias: "inputName", required: false }] }], inputId: [{ type: i0.Input, args: [{ isSignal: true, alias: "inputId", required: false }] }], debounceTime: [{ type: i0.Input, args: [{ isSignal: true, alias: "debounceTime", required: false }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], type: [{ type: i0.Input, args: [{ isSignal: true, alias: "type", required: false }] }], autocomplete: [{ type: i0.Input, args: [{ isSignal: true, alias: "autocomplete", required: false }] }], inputMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "inputMode", required: false }] }], role: [{ type: i0.Input, args: [{ isSignal: true, alias: "role", required: false }] }], ariaExpanded: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaExpanded", required: false }] }], ariaControls: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaControls", required: false }] }], ariaActivedescendant: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaActivedescendant", required: false }] }], valueChange: [{ type: i0.Output, args: ["valueChange"] }], inputElement: [{ type: i0.ViewChild, args: ['field', { isSignal: true }] }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(UniDebounceInputComponent, { className: "UniDebounceInputComponent", filePath: "lib/components/forms/debounce-input/debounce-input.component.ts", lineNumber: 30 }); })();
 
-const _c0$y = ["listbox"];
+const _c0$z = ["listbox"];
 function UniSearchInputComponent_Conditional_4_Template(rf, ctx) { if (rf & 1) {
     const _r1 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "button", 7);
@@ -7828,7 +7828,7 @@ class UniSearchInputComponent extends BaseComponent {
     }
     static { this.ɵfac = function UniSearchInputComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || UniSearchInputComponent)(); }; }
     static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: UniSearchInputComponent, selectors: [["uni-search-input"]], viewQuery: function UniSearchInputComponent_Query(rf, ctx) { if (rf & 1) {
-            i0.ɵɵviewQuerySignal(ctx.field, UniDebounceInputComponent, 5)(ctx.listRef, _c0$y, 5);
+            i0.ɵɵviewQuerySignal(ctx.field, UniDebounceInputComponent, 5)(ctx.listRef, _c0$z, 5);
         } if (rf & 2) {
             i0.ɵɵqueryAdvance(2);
         } }, hostVars: 2, hostBindings: function UniSearchInputComponent_HostBindings(rf, ctx) { if (rf & 2) {
@@ -7860,7 +7860,7 @@ class UniSearchInputComponent extends BaseComponent {
     }], () => [], { label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: true }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], width: [{ type: i0.Input, args: [{ isSignal: true, alias: "width", required: false }] }], debounceTime: [{ type: i0.Input, args: [{ isSignal: true, alias: "debounceTime", required: false }] }], suggestions: [{ type: i0.Input, args: [{ isSignal: true, alias: "suggestions", required: false }] }], searchChange: [{ type: i0.Output, args: ["searchChange"] }], searchSubmit: [{ type: i0.Output, args: ["searchSubmit"] }], suggestionSelected: [{ type: i0.Output, args: ["suggestionSelected"] }], field: [{ type: i0.ViewChild, args: [i0.forwardRef(() => UniDebounceInputComponent), { isSignal: true }] }], listRef: [{ type: i0.ViewChild, args: ['listbox', { isSignal: true }] }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(UniSearchInputComponent, { className: "UniSearchInputComponent", filePath: "lib/components/search-input/search-input.component.ts", lineNumber: 39 }); })();
 
-const _forTrack0$6 = ($index, $item) => $item.label;
+const _forTrack0$7 = ($index, $item) => $item.label;
 function UniSelectComponent_Conditional_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "option", 2);
     i0.ɵɵtext(1);
@@ -7985,7 +7985,7 @@ class UniSelectComponent {
             i0.ɵɵelementStart(0, "uni-input-box", 0)(1, "select", 1);
             i0.ɵɵlistener("change", function UniSelectComponent_Template_select_change_1_listener($event) { return ctx.handleSelectChange($event); })("blur", function UniSelectComponent_Template_select_blur_1_listener() { return ctx.touched.set(true); });
             i0.ɵɵconditionalCreate(2, UniSelectComponent_Conditional_2_Template, 2, 2, "option", 2);
-            i0.ɵɵrepeaterCreate(3, UniSelectComponent_For_4_Template, 2, 4, "option", 3, _forTrack0$6);
+            i0.ɵɵrepeaterCreate(3, UniSelectComponent_For_4_Template, 2, 4, "option", 3, _forTrack0$7);
             i0.ɵɵelementEnd();
             i0.ɵɵelement(5, "uni-icon", 4);
             i0.ɵɵelementEnd();
@@ -8010,7 +8010,7 @@ class UniSelectComponent {
     }], null, { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], touched: [{ type: i0.Input, args: [{ isSignal: true, alias: "touched", required: false }] }, { type: i0.Output, args: ["touchedChange"] }], invalid: [{ type: i0.Input, args: [{ isSignal: true, alias: "invalid", required: false }] }], dirty: [{ type: i0.Input, args: [{ isSignal: true, alias: "dirty", required: false }] }], required: [{ type: i0.Input, args: [{ isSignal: true, alias: "required", required: false }] }], ariaDescribedBy: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaDescribedBy", required: false }] }], options: [{ type: i0.Input, args: [{ isSignal: true, alias: "options", required: false }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], width: [{ type: i0.Input, args: [{ isSignal: true, alias: "width", required: false }] }], fullWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "fullWidth", required: false }] }], grow: [{ type: i0.Input, args: [{ isSignal: true, alias: "grow", required: false }] }], compareWith: [{ type: i0.Input, args: [{ isSignal: true, alias: "compareWith", required: false }] }], ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaLabel", required: false }] }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(UniSelectComponent, { className: "UniSelectComponent", filePath: "lib/components/select-input/select-input.component.ts", lineNumber: 16 }); })();
 
-const _c0$x = ["field"];
+const _c0$y = ["field"];
 const _c1$h = (a0, a1) => ({ styleClass: a0, icon: a1 });
 function UniNumberInputComponent_ng_template_0_Template(rf, ctx) { if (rf & 1) {
     const _r1 = i0.ɵɵgetCurrentView();
@@ -8836,7 +8836,7 @@ class UniNumberInputComponent extends BaseComponent {
     }
     static { this.ɵfac = function UniNumberInputComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || UniNumberInputComponent)(); }; }
     static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: UniNumberInputComponent, selectors: [["uni-number-input"], ["NumberInput"]], viewQuery: function UniNumberInputComponent_Query(rf, ctx) { if (rf & 1) {
-            i0.ɵɵviewQuerySignal(ctx.inputRef, _c0$x, 5);
+            i0.ɵɵviewQuerySignal(ctx.inputRef, _c0$y, 5);
         } if (rf & 2) {
             i0.ɵɵqueryAdvance();
         } }, hostVars: 2, hostBindings: function UniNumberInputComponent_HostBindings(rf, ctx) { if (rf & 2) {
@@ -8868,9 +8868,9 @@ class UniNumberInputComponent extends BaseComponent {
     }], () => [], { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], touched: [{ type: i0.Input, args: [{ isSignal: true, alias: "touched", required: false }] }, { type: i0.Output, args: ["touchedChange"] }], touch: [{ type: i0.Output, args: ["touch"] }], invalid: [{ type: i0.Input, args: [{ isSignal: true, alias: "invalid", required: false }] }], dirty: [{ type: i0.Input, args: [{ isSignal: true, alias: "dirty", required: false }] }], required: [{ type: i0.Input, args: [{ isSignal: true, alias: "required", required: false }] }], ariaDescribedBy: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaDescribedBy", required: false }] }], valueAsString: [{ type: i0.Input, args: [{ isSignal: true, alias: "valueAsString", required: false }] }, { type: i0.Output, args: ["valueAsStringChange"] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: true }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], preset: [{ type: i0.Input, args: [{ isSignal: true, alias: "preset", required: false }] }], currency: [{ type: i0.Input, args: [{ isSignal: true, alias: "currency", required: false }] }], locale: [{ type: i0.Input, args: [{ isSignal: true, alias: "locale", required: false }] }], prefix: [{ type: i0.Input, args: [{ isSignal: true, alias: "prefix", required: false }] }], suffix: [{ type: i0.Input, args: [{ isSignal: true, alias: "suffix", required: false }] }], decimals: [{ type: i0.Input, args: [{ isSignal: true, alias: "decimals", required: false }] }], grouping: [{ type: i0.Input, args: [{ isSignal: true, alias: "grouping", required: false }] }], numberFormat: [{ type: i0.Input, args: [{ isSignal: true, alias: "numberFormat", required: false }] }], roundingMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "roundingMode", required: false }] }], align: [{ type: i0.Input, args: [{ isSignal: true, alias: "align", required: false }] }], valueIsFraction: [{ type: i0.Input, args: [{ isSignal: true, alias: "valueIsFraction", required: false }] }], unitAnnouncement: [{ type: i0.Input, args: [{ isSignal: true, alias: "unitAnnouncement", required: false }] }], readOnly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readOnly", required: false }] }], embedded: [{ type: i0.Input, args: [{ isSignal: true, alias: "embedded", required: false }] }], min: [{ type: i0.Input, args: [{ isSignal: true, alias: "min", required: false }] }], max: [{ type: i0.Input, args: [{ isSignal: true, alias: "max", required: false }] }], step: [{ type: i0.Input, args: [{ isSignal: true, alias: "step", required: false }] }], largeStep: [{ type: i0.Input, args: [{ isSignal: true, alias: "largeStep", required: false }] }], smallStep: [{ type: i0.Input, args: [{ isSignal: true, alias: "smallStep", required: false }] }], stepOrigin: [{ type: i0.Input, args: [{ isSignal: true, alias: "stepOrigin", required: false }] }], wrap: [{ type: i0.Input, args: [{ isSignal: true, alias: "wrap", required: false }] }], clampOnCommit: [{ type: i0.Input, args: [{ isSignal: true, alias: "clampOnCommit", required: false }] }], emptyStepValue: [{ type: i0.Input, args: [{ isSignal: true, alias: "emptyStepValue", required: false }] }], commitOnBlur: [{ type: i0.Input, args: [{ isSignal: true, alias: "commitOnBlur", required: false }] }], selectOnFocus: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectOnFocus", required: false }] }], allowExpressions: [{ type: i0.Input, args: [{ isSignal: true, alias: "allowExpressions", required: false }] }], wheel: [{ type: i0.Input, args: [{ isSignal: true, alias: "wheel", required: false }] }], repeat: [{ type: i0.Input, args: [{ isSignal: true, alias: "repeat", required: false }] }], parse: [{ type: i0.Input, args: [{ isSignal: true, alias: "parse", required: false }] }], stepperLayout: [{ type: i0.Input, args: [{ isSignal: true, alias: "stepperLayout", required: false }] }], stepped: [{ type: i0.Output, args: ["stepped"] }], rejected: [{ type: i0.Output, args: ["rejected"] }], inputRef: [{ type: i0.ViewChild, args: ['field', { isSignal: true }] }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(UniNumberInputComponent, { className: "UniNumberInputComponent", filePath: "lib/components/number-input/number-input.component.ts", lineNumber: 73 }); })();
 
-const _c0$w = ["track"];
+const _c0$x = ["track"];
 const _c1$g = ["thumb"];
-const _forTrack0$5 = ($index, $item) => $item.value;
+const _forTrack0$6 = ($index, $item) => $item.value;
 function UniSliderComponent_For_6_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "div");
 } if (rf & 2) {
@@ -8957,7 +8957,7 @@ function UniSliderComponent_Conditional_11_For_2_Template(rf, ctx) { if (rf & 1)
 } }
 function UniSliderComponent_Conditional_11_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 12);
-    i0.ɵɵrepeaterCreate(1, UniSliderComponent_Conditional_11_For_2_Template, 1, 1, null, null, _forTrack0$5);
+    i0.ɵɵrepeaterCreate(1, UniSliderComponent_Conditional_11_For_2_Template, 1, 1, null, null, _forTrack0$6);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext();
@@ -9627,7 +9627,7 @@ class UniSliderComponent extends BaseComponent {
     }
     static { this.ɵfac = /*@__PURE__*/ (() => { let ɵUniSliderComponent_BaseFactory; return function UniSliderComponent_Factory(__ngFactoryType__) { return (ɵUniSliderComponent_BaseFactory || (ɵUniSliderComponent_BaseFactory = i0.ɵɵgetInheritedFactory(UniSliderComponent)))(__ngFactoryType__ || UniSliderComponent); }; })(); }
     static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: UniSliderComponent, selectors: [["uni-slider"], ["Slider"]], viewQuery: function UniSliderComponent_Query(rf, ctx) { if (rf & 1) {
-            i0.ɵɵviewQuerySignal(ctx.trackRef, _c0$w, 5)(ctx.thumbRefs, _c1$g, 5);
+            i0.ɵɵviewQuerySignal(ctx.trackRef, _c0$x, 5)(ctx.thumbRefs, _c1$g, 5);
         } if (rf & 2) {
             i0.ɵɵqueryAdvance(2);
         } }, hostVars: 2, hostBindings: function UniSliderComponent_HostBindings(rf, ctx) { if (rf & 2) {
@@ -9636,7 +9636,7 @@ class UniSliderComponent extends BaseComponent {
             i0.ɵɵelementStart(0, "div")(1, "div")(2, "div", 2, 0);
             i0.ɵɵlistener("pointerdown", function UniSliderComponent_Template_div_pointerdown_2_listener($event) { return ctx.onTrackPointerDown($event); })("pointermove", function UniSliderComponent_Template_div_pointermove_2_listener($event) { return ctx.onTrackPointerMove($event); })("pointerup", function UniSliderComponent_Template_div_pointerup_2_listener() { return ctx.onTrackPointerUp(); })("pointercancel", function UniSliderComponent_Template_div_pointercancel_2_listener() { return ctx.onTrackPointerUp(); })("lostpointercapture", function UniSliderComponent_Template_div_lostpointercapture_2_listener() { return ctx.onTrackPointerUp(); });
             i0.ɵɵelement(4, "div");
-            i0.ɵɵrepeaterCreate(5, UniSliderComponent_For_6_Template, 1, 4, "div", 3, _forTrack0$5);
+            i0.ɵɵrepeaterCreate(5, UniSliderComponent_For_6_Template, 1, 4, "div", 3, _forTrack0$6);
             i0.ɵɵrepeaterCreate(7, UniSliderComponent_For_8_Template, 3, 16, "div", 4, i0.ɵɵrepeaterTrackByIdentity);
             i0.ɵɵelementEnd();
             i0.ɵɵconditionalCreate(9, UniSliderComponent_Conditional_9_Template, 1, 9, "uni-number-input", 5);
@@ -9678,7 +9678,7 @@ class UniSliderComponent extends BaseComponent {
     }], null, { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], touched: [{ type: i0.Input, args: [{ isSignal: true, alias: "touched", required: false }] }, { type: i0.Output, args: ["touchedChange"] }], touch: [{ type: i0.Output, args: ["touch"] }], invalid: [{ type: i0.Input, args: [{ isSignal: true, alias: "invalid", required: false }] }], dirty: [{ type: i0.Input, args: [{ isSignal: true, alias: "dirty", required: false }] }], required: [{ type: i0.Input, args: [{ isSignal: true, alias: "required", required: false }] }], ariaDescribedBy: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaDescribedBy", required: false }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: true }] }], mode: [{ type: i0.Input, args: [{ isSignal: true, alias: "mode", required: false }] }], min: [{ type: i0.Input, args: [{ isSignal: true, alias: "min", required: false }] }], max: [{ type: i0.Input, args: [{ isSignal: true, alias: "max", required: false }] }], step: [{ type: i0.Input, args: [{ isSignal: true, alias: "step", required: false }] }], largeStep: [{ type: i0.Input, args: [{ isSignal: true, alias: "largeStep", required: false }] }], origin: [{ type: i0.Input, args: [{ isSignal: true, alias: "origin", required: false }] }], marks: [{ type: i0.Input, args: [{ isSignal: true, alias: "marks", required: false }] }], snapToMarks: [{ type: i0.Input, args: [{ isSignal: true, alias: "snapToMarks", required: false }] }], valueDisplay: [{ type: i0.Input, args: [{ isSignal: true, alias: "valueDisplay", required: false }] }], formatValue: [{ type: i0.Input, args: [{ isSignal: true, alias: "formatValue", required: false }] }], minGap: [{ type: i0.Input, args: [{ isSignal: true, alias: "minGap", required: false }] }], variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], sliding: [{ type: i0.Output, args: ["sliding"] }], changed: [{ type: i0.Output, args: ["changed"] }], trackRef: [{ type: i0.ViewChild, args: ['track', { isSignal: true }] }], thumbRefs: [{ type: i0.ViewChildren, args: ['thumb', { isSignal: true }] }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(UniSliderComponent, { className: "UniSliderComponent", filePath: "lib/components/slider/slider.component.ts", lineNumber: 61 }); })();
 
-const _c0$v = ["field"];
+const _c0$w = ["field"];
 function UniNumberRangeInputComponent_For_4_Conditional_0_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "span", 7);
     i0.ɵɵtext(1);
@@ -10177,7 +10177,7 @@ class UniNumberRangeInputComponent extends BaseComponent {
     }
     static { this.ɵfac = /*@__PURE__*/ (() => { let ɵUniNumberRangeInputComponent_BaseFactory; return function UniNumberRangeInputComponent_Factory(__ngFactoryType__) { return (ɵUniNumberRangeInputComponent_BaseFactory || (ɵUniNumberRangeInputComponent_BaseFactory = i0.ɵɵgetInheritedFactory(UniNumberRangeInputComponent)))(__ngFactoryType__ || UniNumberRangeInputComponent); }; })(); }
     static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: UniNumberRangeInputComponent, selectors: [["uni-number-range-input"], ["NumberRangeInput"]], viewQuery: function UniNumberRangeInputComponent_Query(rf, ctx) { if (rf & 1) {
-            i0.ɵɵviewQuerySignal(ctx.inputRefs, _c0$v, 5);
+            i0.ɵɵviewQuerySignal(ctx.inputRefs, _c0$w, 5);
         } if (rf & 2) {
             i0.ɵɵqueryAdvance();
         } }, hostVars: 2, hostBindings: function UniNumberRangeInputComponent_HostBindings(rf, ctx) { if (rf & 2) {
@@ -10215,7 +10215,7 @@ class UniNumberRangeInputComponent extends BaseComponent {
     }], null, { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], touched: [{ type: i0.Input, args: [{ isSignal: true, alias: "touched", required: false }] }, { type: i0.Output, args: ["touchedChange"] }], touch: [{ type: i0.Output, args: ["touch"] }], invalid: [{ type: i0.Input, args: [{ isSignal: true, alias: "invalid", required: false }] }], dirty: [{ type: i0.Input, args: [{ isSignal: true, alias: "dirty", required: false }] }], required: [{ type: i0.Input, args: [{ isSignal: true, alias: "required", required: false }] }], ariaDescribedBy: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaDescribedBy", required: false }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: true }] }], startLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "startLabel", required: false }] }], endLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "endLabel", required: false }] }], preset: [{ type: i0.Input, args: [{ isSignal: true, alias: "preset", required: false }] }], currency: [{ type: i0.Input, args: [{ isSignal: true, alias: "currency", required: false }] }], locale: [{ type: i0.Input, args: [{ isSignal: true, alias: "locale", required: false }] }], prefix: [{ type: i0.Input, args: [{ isSignal: true, alias: "prefix", required: false }] }], suffix: [{ type: i0.Input, args: [{ isSignal: true, alias: "suffix", required: false }] }], decimals: [{ type: i0.Input, args: [{ isSignal: true, alias: "decimals", required: false }] }], grouping: [{ type: i0.Input, args: [{ isSignal: true, alias: "grouping", required: false }] }], roundingMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "roundingMode", required: false }] }], placeholderStart: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholderStart", required: false }] }], placeholderEnd: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholderEnd", required: false }] }], minValue: [{ type: i0.Input, args: [{ isSignal: true, alias: "min", required: false }] }], maxValue: [{ type: i0.Input, args: [{ isSignal: true, alias: "max", required: false }] }], step: [{ type: i0.Input, args: [{ isSignal: true, alias: "step", required: false }] }], minGap: [{ type: i0.Input, args: [{ isSignal: true, alias: "minGap", required: false }] }], swapped: [{ type: i0.Output, args: ["swapped"] }], rejected: [{ type: i0.Output, args: ["rejected"] }], inputRefs: [{ type: i0.ViewChildren, args: ['field', { isSignal: true }] }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(UniNumberRangeInputComponent, { className: "UniNumberRangeInputComponent", filePath: "lib/components/number-range-input/number-range-input.component.ts", lineNumber: 68 }); })();
 
-const _c0$u = ["field"];
+const _c0$v = ["field"];
 function UniQuantityStepperComponent_Conditional_3_Template(rf, ctx) { if (rf & 1) {
     const _r1 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "input", 8, 0);
@@ -10663,7 +10663,7 @@ class UniQuantityStepperComponent extends BaseComponent {
     }
     static { this.ɵfac = /*@__PURE__*/ (() => { let ɵUniQuantityStepperComponent_BaseFactory; return function UniQuantityStepperComponent_Factory(__ngFactoryType__) { return (ɵUniQuantityStepperComponent_BaseFactory || (ɵUniQuantityStepperComponent_BaseFactory = i0.ɵɵgetInheritedFactory(UniQuantityStepperComponent)))(__ngFactoryType__ || UniQuantityStepperComponent); }; })(); }
     static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: UniQuantityStepperComponent, selectors: [["uni-quantity-stepper"], ["QuantityStepper"]], viewQuery: function UniQuantityStepperComponent_Query(rf, ctx) { if (rf & 1) {
-            i0.ɵɵviewQuerySignal(ctx.inputRef, _c0$u, 5);
+            i0.ɵɵviewQuerySignal(ctx.inputRef, _c0$v, 5);
         } if (rf & 2) {
             i0.ɵɵqueryAdvance();
         } }, hostVars: 2, hostBindings: function UniQuantityStepperComponent_HostBindings(rf, ctx) { if (rf & 2) {
@@ -10713,7 +10713,7 @@ class UniQuantityStepperComponent extends BaseComponent {
     }], null, { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], touched: [{ type: i0.Input, args: [{ isSignal: true, alias: "touched", required: false }] }, { type: i0.Output, args: ["touchedChange"] }], touch: [{ type: i0.Output, args: ["touch"] }], invalid: [{ type: i0.Input, args: [{ isSignal: true, alias: "invalid", required: false }] }], dirty: [{ type: i0.Input, args: [{ isSignal: true, alias: "dirty", required: false }] }], required: [{ type: i0.Input, args: [{ isSignal: true, alias: "required", required: false }] }], ariaDescribedBy: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaDescribedBy", required: false }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: true }] }], min: [{ type: i0.Input, args: [{ isSignal: true, alias: "min", required: false }] }], max: [{ type: i0.Input, args: [{ isSignal: true, alias: "max", required: false }] }], step: [{ type: i0.Input, args: [{ isSignal: true, alias: "step", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], editable: [{ type: i0.Input, args: [{ isSignal: true, alias: "editable", required: false }] }], deleteAtMin: [{ type: i0.Input, args: [{ isSignal: true, alias: "deleteAtMin", required: false }] }], removed: [{ type: i0.Output, args: ["removed"] }], inputRef: [{ type: i0.ViewChild, args: ['field', { isSignal: true }] }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(UniQuantityStepperComponent, { className: "UniQuantityStepperComponent", filePath: "lib/components/quantity-stepper/quantity-stepper.component.ts", lineNumber: 57 }); })();
 
-const _c0$t = [[["", "tag-lead", ""]], "*"];
+const _c0$u = [[["", "tag-lead", ""]], "*"];
 const _c1$f = ["[tag-lead]", "*"];
 function UniTagComponent_ng_template_0_Conditional_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "uni-icon", 4);
@@ -10722,6 +10722,12 @@ function UniTagComponent_ng_template_0_Conditional_1_Template(rf, ctx) { if (rf
     i0.ɵɵproperty("name", ctx)("size", ctx_r0.leadSize());
 } }
 function UniTagComponent_ng_template_0_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "span", 7);
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext(2);
+    i0.ɵɵclassMap(ctx_r0.slotClass());
+} }
+function UniTagComponent_ng_template_0_Conditional_3_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "span", 7);
     i0.ɵɵelement(1, "img", 8);
     i0.ɵɵelementEnd();
@@ -10731,7 +10737,7 @@ function UniTagComponent_ng_template_0_Conditional_2_Template(rf, ctx) { if (rf
     i0.ɵɵadvance();
     i0.ɵɵproperty("src", ctx, i0.ɵɵsanitizeUrl);
 } }
-function UniTagComponent_ng_template_0_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+function UniTagComponent_ng_template_0_Conditional_4_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "span", 7);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
@@ -10741,26 +10747,26 @@ function UniTagComponent_ng_template_0_Conditional_3_Template(rf, ctx) { if (rf
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate(ctx);
 } }
-function UniTagComponent_ng_template_0_Conditional_4_Template(rf, ctx) { if (rf & 1) {
+function UniTagComponent_ng_template_0_Conditional_5_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "uni-icon", 4);
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext(2);
     i0.ɵɵproperty("name", ctx)("size", ctx_r0.leadSize());
 } }
-function UniTagComponent_ng_template_0_Conditional_5_Template(rf, ctx) { if (rf & 1) {
+function UniTagComponent_ng_template_0_Conditional_6_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "uni-symbol", 9);
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext(2);
     i0.ɵɵstyleProp("font-size", ctx_r0.leadSize(), "px");
     i0.ɵɵproperty("name", ctx);
 } }
-function UniTagComponent_ng_template_0_Conditional_6_Template(rf, ctx) { if (rf & 1) {
+function UniTagComponent_ng_template_0_Conditional_7_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "span", 7);
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext(2);
     i0.ɵɵclassMap(ctx_r0.dotClass());
 } }
-function UniTagComponent_ng_template_0_Conditional_7_Template(rf, ctx) { if (rf & 1) {
+function UniTagComponent_ng_template_0_Conditional_8_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "span");
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
@@ -10772,7 +10778,7 @@ function UniTagComponent_ng_template_0_Conditional_7_Template(rf, ctx) { if (rf
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate(text_r2);
 } }
-function UniTagComponent_ng_template_0_Conditional_8_Template(rf, ctx) { if (rf & 1) {
+function UniTagComponent_ng_template_0_Conditional_9_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "span");
     i0.ɵɵprojection(1, 1);
     i0.ɵɵelementEnd();
@@ -10782,16 +10788,16 @@ function UniTagComponent_ng_template_0_Conditional_8_Template(rf, ctx) { if (rf
 } }
 function UniTagComponent_ng_template_0_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵprojection(0);
-    i0.ɵɵconditionalCreate(1, UniTagComponent_ng_template_0_Conditional_1_Template, 1, 2, "uni-icon", 4)(2, UniTagComponent_ng_template_0_Conditional_2_Template, 2, 3, "span", 5)(3, UniTagComponent_ng_template_0_Conditional_3_Template, 2, 3, "span", 5)(4, UniTagComponent_ng_template_0_Conditional_4_Template, 1, 2, "uni-icon", 4)(5, UniTagComponent_ng_template_0_Conditional_5_Template, 1, 3, "uni-symbol", 6)(6, UniTagComponent_ng_template_0_Conditional_6_Template, 1, 2, "span", 5);
-    i0.ɵɵconditionalCreate(7, UniTagComponent_ng_template_0_Conditional_7_Template, 2, 4, "span", 2)(8, UniTagComponent_ng_template_0_Conditional_8_Template, 2, 2, "span", 2);
+    i0.ɵɵconditionalCreate(1, UniTagComponent_ng_template_0_Conditional_1_Template, 1, 2, "uni-icon", 4)(2, UniTagComponent_ng_template_0_Conditional_2_Template, 1, 2, "span", 5)(3, UniTagComponent_ng_template_0_Conditional_3_Template, 2, 3, "span", 5)(4, UniTagComponent_ng_template_0_Conditional_4_Template, 2, 3, "span", 5)(5, UniTagComponent_ng_template_0_Conditional_5_Template, 1, 2, "uni-icon", 4)(6, UniTagComponent_ng_template_0_Conditional_6_Template, 1, 3, "uni-symbol", 6)(7, UniTagComponent_ng_template_0_Conditional_7_Template, 1, 2, "span", 5);
+    i0.ɵɵconditionalCreate(8, UniTagComponent_ng_template_0_Conditional_8_Template, 2, 4, "span", 2)(9, UniTagComponent_ng_template_0_Conditional_9_Template, 2, 2, "span", 2);
 } if (rf & 2) {
     let tmp_2_0;
     let tmp_3_0;
     const ctx_r0 = i0.ɵɵnextContext();
     i0.ɵɵadvance();
-    i0.ɵɵconditional((tmp_2_0 = ctx_r0.selected() && ctx_r0.componentOptions().selectedIcon) ? 1 : (tmp_2_0 = ctx_r0.avatarSrc()) ? 2 : (tmp_2_0 = ctx_r0.initials()) ? 3 : (tmp_2_0 = ctx_r0.iconName()) ? 4 : (tmp_2_0 = ctx_r0.symbolName()) ? 5 : ctx_r0.dot() ? 6 : -1, tmp_2_0);
-    i0.ɵɵadvance(6);
-    i0.ɵɵconditional((tmp_3_0 = ctx_r0.label()) ? 7 : 8, tmp_3_0);
+    i0.ɵɵconditional((tmp_2_0 = ctx_r0.selected() && ctx_r0.selectedIcon()) ? 1 : ctx_r0.reservesSlot() ? 2 : (tmp_2_0 = ctx_r0.avatarSrc()) ? 3 : (tmp_2_0 = ctx_r0.initials()) ? 4 : (tmp_2_0 = ctx_r0.iconName()) ? 5 : (tmp_2_0 = ctx_r0.symbolName()) ? 6 : ctx_r0.dot() ? 7 : -1, tmp_2_0);
+    i0.ɵɵadvance(7);
+    i0.ɵɵconditional((tmp_3_0 = ctx_r0.label()) ? 8 : 9, tmp_3_0);
 } }
 function UniTagComponent_Conditional_2_Template(rf, ctx) { if (rf & 1) {
     const _r3 = i0.ɵɵgetCurrentView();
@@ -10832,12 +10838,26 @@ function UniTagComponent_Conditional_4_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate1(" ", ctx_r0.removeLabel() ?? "Remove " + (ctx_r0.label() ?? ""), " ");
 } }
+/** The first length in a `padding` shorthand's inline position, as a number. */
+const inlinePaddingOf = (style) => {
+    const explicit = Number.parseFloat(String(style['paddingInline'] ?? ''));
+    if (Number.isFinite(explicit))
+        return explicit;
+    // A consumer theme may still state the shorthand. `0 10px` and `0 10px 0 8px`
+    // both put the inline value second; a single value applies to every side.
+    const parts = String(style['padding'] ?? '').trim().split(/\s+/);
+    const shorthand = Number.parseFloat(parts[1] ?? parts[0] ?? '');
+    return Number.isFinite(shorthand) ? shorthand : 10;
+};
 /**
  * Compact chip for categories, states, filters and tokens.
  *
  * Two orthogonal style axes: `variant` picks the colour role and `tone` picks
  * the archetype (soft / solid / outline). Both live in the theme's `tag` entry,
- * so a theme restyles every chip in the app without touching markup.
+ * so a theme restyles every chip in the app without touching markup. Two state
+ * classes ride alongside the tone class for the same reason: `tag-selected` and
+ * `tag-interactive` let the theme paint selection and hover beside the colours
+ * they belong to, instead of an app swapping `tone` by hand on every chip.
  *
  * Structurally a chip is **body + trailing action as siblings**, never nested
  * buttons: an interactive chip whose body is a `<button>` cannot contain the
@@ -10897,9 +10917,9 @@ class UniTagComponent extends BaseComponent {
         ...(ngDevMode ? [undefined, { debugName: "removeLabel" }] : /* istanbul ignore next */ []));
         /**
          * Tab position of the chip's controls. A composite that owns its own
-         * roving focus — `uni-tag-input`, where the whole field is one tab stop —
-         * passes `-1` so Tab does not walk through every chip to reach the next
-         * control.
+         * roving focus — `uni-tag-input` or `uni-tag-group`, where the whole
+         * thing is one tab stop — passes `-1` so Tab does not walk through every
+         * chip to reach the next control.
          */
         this.controlTabIndex = input(0, /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "controlTabIndex" }] : /* istanbul ignore next */ []));
@@ -10910,11 +10930,13 @@ class UniTagComponent extends BaseComponent {
         ...(ngDevMode ? [{ debugName: "resolvedVariant" }] : /* istanbul ignore next */ []));
         this.themeStyle = computed(() => this.theme.componentStyle('tag', this.resolvedVariant(), this.size())(), /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "themeStyle" }] : /* istanbul ignore next */ []));
-        /** Lead elements derive from the chip height, so no second size token. */
-        this.leadSize = computed(() => {
+        this.height = computed(() => {
             const height = Number(this.themeStyle()['height'] ?? 24);
-            return Number.isFinite(height) ? Math.max(height - 6, 0) : 18;
+            return Number.isFinite(height) ? height : 24;
         }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "height" }] : /* istanbul ignore next */ []));
+        /** Lead elements derive from the chip height, so no second size token. */
+        this.leadSize = computed(() => Math.max(this.height() - 6, 0), /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "leadSize" }] : /* istanbul ignore next */ []));
         /** Remove glyph, proportional to the chip rather than to the icon-button. */
         this.removeGlyphSize = computed(() => Math.max(Math.round(this.leadSize() * 0.8), 10), /* @ts-ignore */
@@ -10926,22 +10948,140 @@ class UniTagComponent extends BaseComponent {
             .map((part) => part[0]?.toUpperCase() ?? '')
             .join(''), /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "initials" }] : /* istanbul ignore next */ []));
+        /** Glyph the theme shows in the lead slot for a selected chip, if any. */
+        this.selectedIcon = computed(() => this.componentOptions().selectedIcon, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "selectedIcon" }] : /* istanbul ignore next */ []));
+        /**
+         * The chip is a toggle: `selected` was bound, so the chip is one of a set the
+         * user switches on and off — the same tri-state that gates `aria-pressed`.
+         */
+        this.isToggle = computed(() => this.selected() !== undefined, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "isToggle" }] : /* istanbul ignore next */ []));
+        /** A lead element the chip renders itself, rather than the projected slot. */
+        this.hasOwnLead = computed(() => !!this.avatarSrc() ||
+            !!this.initials() ||
+            !!this.iconName() ||
+            !!this.symbolName() ||
+            this.dot(), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "hasOwnLead" }] : /* istanbul ignore next */ []));
+        /**
+         * A toggle chip with nothing else in the lead holds the check's place while
+         * unselected. Without it the chip grows by a glyph the moment it is picked
+         * and the whole row reflows — and a row that jumps under the pointer is worse
+         * than one with a little space in front of each label.
+         */
+        this.reservesSlot = computed(() => this.isToggle() && !!this.selectedIcon() && !this.hasOwnLead(), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "reservesSlot" }] : /* istanbul ignore next */ []));
+        /** Whether the chip paints a lead box at all, so the start end tucks. */
+        this.showsLead = computed(() => this.hasOwnLead() || this.reservesSlot(), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "showsLead" }] : /* istanbul ignore next */ []));
+        /** Status dots are their own size — a lead box would dwarf one. */
+        this.dotSize = computed(() => Math.max(Math.round(this.leadSize() / 3), 6), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "dotSize" }] : /* istanbul ignore next */ []));
+        /** Width the lead actually occupies, which a dot changes. */
+        this.leadWidth = computed(() => this.dot() && !this.selected() ? this.dotSize() : this.leadSize(), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "leadWidth" }] : /* istanbul ignore next */ []));
+        /**
+         * Whether the ends are round enough to tuck anything into.
+         *
+         * The theme's documented `borderRadius: 'xs'` switch to rectangular labels
+         * leaves no curve to flow into, and a glyph jammed against a corner is worse
+         * than one sitting in a gutter.
+         */
+        this.tucks = computed(() => {
+            const token = this.componentOptions().borderRadius;
+            const radius = Number.parseFloat(String(token ? (this.theme.radii()[token] ?? '') : ''));
+            // `max` is `999px`; what a pill actually curves by is half its height.
+            const cap = Math.min(Number.isFinite(radius) ? radius : 0, this.height() / 2);
+            return cap >= this.leadSize() / 2;
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "tucks" }] : /* istanbul ignore next */ []));
+        /** The themed `gap` as a number, for the padding arithmetic. */
+        this.gapSize = computed(() => {
+            const gap = this.componentOptions().gap;
+            if (!gap || gap === 'none')
+                return 0;
+            const value = Number.parseFloat(String(this.theme.getSpacing(gap) ?? ''));
+            return Number.isFinite(value) ? value : 0;
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "gapSize" }] : /* istanbul ignore next */ []));
+        /**
+         * Inline padding: the ends tuck, and a lead is balanced against.
+         *
+         * A lead pushes the label off centre, so the far side grows to match it —
+         * each end asks for the room it needs (its own inset, plus whatever it holds,
+         * plus the gap) and the wider ask wins for both. The tuck costs less than the
+         * old gutter did, so that balance is largely paid for rather than added.
+         *
+         * The remove control is not balanced against on its own. It reads as an
+         * affordance rather than as content, so a chip with nothing but a remove
+         * button keeps the size token's gutter at the start and simply tucks the
+         * glyph into the trailing curve — padding the other side to match would leave
+         * a plain label sitting behind a stretch of empty chip.
+         */
+        this.padding = computed(() => {
+            const gap = this.gapSize();
+            const basePad = inlinePaddingOf(this.themeStyle());
+            const trailRun = this.removable() ? this.leadSize() + gap : 0;
+            const trailPad = this.removable() ? this.inset(this.leadSize()) : basePad;
+            if (!this.showsLead())
+                return { start: basePad, end: trailPad };
+            const leadRun = this.leadWidth() + gap;
+            const block = Math.max(this.inset(this.leadWidth()) + leadRun, trailPad + trailRun);
+            return { start: block - leadRun, end: block - trailRun };
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "padding" }] : /* istanbul ignore next */ []));
         this.hostClass = computed(() => {
             const options = this.componentOptions();
             const motion = this.theme.motion(options.motion ?? 'control');
+            const timing = `${motion.duration}ms ${motion.easing}`;
+            const lead = this.showsLead();
+            const trail = this.removable();
+            const pad = this.padding();
+            const states = [
+                `tone-${this.tone()}`,
+                this.interactive() ? 'tag-interactive' : '',
+                this.selected() ? 'tag-selected' : '',
+            ]
+                .filter(Boolean)
+                .join(' ');
             return `${css([
                 {
-                    transition: `background-color ${motion.duration}ms ${motion.easing},` +
-                        ` color ${motion.duration}ms ${motion.easing}`,
+                    // Scoped, never `all`: `all` would animate the reserved slot, the
+                    // padding balance and — inside a justified group — the chip's width.
+                    // `border-color` earns its place because the outline tone changes only
+                    // the edge, which used to snap while the fill faded; `filter` carries
+                    // the theme's hover and selected washes.
+                    transition: `background-color ${timing}, color ${timing},` +
+                        ` border-color ${timing}, filter ${timing}`,
                 },
                 this.theme.radius(options.borderRadius),
                 { ...this.theme.typeface(options.typeface) },
-                // Theme `fixed` + variant (incl. its nested `&.tone-*` rules) + size.
+                // Theme `fixed` + variant (incl. its nested `&.tone-*`, `&.tag-selected`
+                // and hover rules) + size.
                 { ...this.themeStyle() },
                 { ...this.theme.gap(options.gap) },
                 {
                     boxSizing: 'border-box',
                     maxWidth: this.maxWidth(),
+                    // Longhands, stated after the size token's `paddingInline`, so they
+                    // win. Left alone when the chip is a plain label: there is nothing to
+                    // balance, and the size token's own gutter is the right answer.
+                    ...((lead || trail) && {
+                        paddingInlineStart: pad.start,
+                        paddingInlineEnd: pad.end,
+                    }),
+                    // The projected `[tag-lead]` slot is an attribute, not a queryable
+                    // child, so the only way to balance for it is to ask the DOM — at a
+                    // lead box's width, since its content could be anything.
+                    ...(!lead && {
+                        '&:has([tag-lead])': {
+                            paddingInlineStart: this.inset(this.leadSize()),
+                            paddingInlineEnd: trail
+                                ? this.inset(this.leadSize())
+                                : this.inset(this.leadSize()) + this.leadSize() + this.gapSize(),
+                        },
+                    }),
                     // The chip is not a widget; only its sub-controls take focus.
                     '& > button': this.theme.focusRing(),
                     // The remove control is the trailing counterpart of the lead, so it
@@ -10956,7 +11096,7 @@ class UniTagComponent extends BaseComponent {
                         padding: 0,
                         fontSize: this.removeGlyphSize(),
                         // uni-icon writes width/height as *inline* styles, sized from the
-                        // icon-button's own `sm` token (18px — wider than an `sm` chip).
+                        // icon-button's own `sm` size token (18px — wider than an `sm` chip).
                         // Only !important can reach past an inline style to keep the glyph
                         // proportional to the chip.
                         '& uni-icon': {
@@ -10971,11 +11111,19 @@ class UniTagComponent extends BaseComponent {
                     textUnderlineOffset: 3,
                 },
                 this.disabled() && { pointerEvents: 'none' },
-            ])} tone-${this.tone()}`;
+            ])} ${states}`;
         }, /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "hostClass" }] : /* istanbul ignore next */ []));
-        /** Truncating label; `title` exposes the full text when a budget is set. */
+        /**
+         * Truncating label. It grows, so a chip stretched to fill a justified row
+         * puts the slack around its text instead of behind it — the tucked ends stay
+         * where they are and the label stays centred. `title` exposes the full text
+         * when a budget is set.
+         */
         this.labelClass = css({
+            flex: '1 1 auto',
+            minWidth: 0,
+            textAlign: 'center',
             overflow: 'hidden',
             textOverflow: 'ellipsis',
             whiteSpace: 'nowrap',
@@ -10984,6 +11132,7 @@ class UniTagComponent extends BaseComponent {
             {
                 display: 'inline-flex',
                 alignItems: 'center',
+                flex: '1 1 auto',
                 minWidth: 0,
                 // The body inherits the chip's own colours in every case.
                 font: 'inherit',
@@ -11011,15 +11160,34 @@ class UniTagComponent extends BaseComponent {
             '& img': { width: '100%', height: '100%', objectFit: 'cover' },
         }), /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "leadClass" }] : /* istanbul ignore next */ []));
+        /** The held-open check slot: the lead's footprint and nothing in it. */
+        this.slotClass = computed(() => css({ flex: 'none', width: this.leadSize(), height: this.leadSize() }), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "slotClass" }] : /* istanbul ignore next */ []));
         this.dotClass = computed(() => css({
             flex: 'none',
-            width: Math.max(Math.round(this.leadSize() / 3), 6),
-            height: Math.max(Math.round(this.leadSize() / 3), 6),
+            width: this.dotSize(),
+            height: this.dotSize(),
             borderRadius: '50%',
             backgroundColor: 'currentColor',
         }), /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "dotClass" }] : /* istanbul ignore next */ []));
     }
+    /**
+     * How far an element of `size` sits from its end of the chip.
+     *
+     * `auto` centres it in the cap: an element `size` tall has `(height - size)/2`
+     * of chip above and below it, so the same inset horizontally makes it
+     * concentric with the curve. A lead box lands 3px in — flowing into the round
+     * end rather than beginning where the radius ends — while a 6px status dot
+     * keeps its distance, because a dot pushed that far in reads as a smudge on
+     * the edge.
+     */
+    inset(size) {
+        const configured = this.componentOptions().endInset ?? 'auto';
+        if (typeof configured === 'number')
+            return configured;
+        return this.tucks() ? (this.height() - size) / 2 : inlinePaddingOf(this.themeStyle());
+    }
     remove() {
         if (this.disabled())
             return;
@@ -11035,8 +11203,8 @@ class UniTagComponent extends BaseComponent {
             i0.ɵɵattribute("aria-invalid", ctx.invalid() ? "true" : null);
             i0.ɵɵclassMap(ctx.hostClass());
         } }, inputs: { size: [1, "size"], tone: [1, "tone"], label: [1, "label"], value: [1, "value"], maxWidth: [1, "maxWidth"], avatarSrc: [1, "avatarSrc"], avatarName: [1, "avatarName"], iconName: [1, "iconName"], symbolName: [1, "symbolName"], dot: [1, "dot"], removable: [1, "removable"], interactive: [1, "interactive"], selected: [1, "selected"], invalid: [1, "invalid"], disabled: [1, "disabled"], removeLabel: [1, "removeLabel"], controlTabIndex: [1, "controlTabIndex"] }, outputs: { removed: "removed", activated: "activated" }, features: [i0.ɵɵProvidersFeature([{ provide: COMPONENT_NAME, useValue: 'tag' }]), i0.ɵɵInheritDefinitionFeature], ngContentSelectors: _c1$f, decls: 5, vars: 2, consts: [["body", ""], ["type", "button", 3, "class", "disabled"], [3, "class"], ["uni-icon-button", "", "variant", "ghost", "size", "sm", 3, "iconName", "disable"], [3, "name", "size"], ["aria-hidden", "true", 3, "class"], [3, "name", "font-size"], ["aria-hidden", "true"], ["alt", "", 3, "src"], [3, "name"], ["type", "button", 3, "click", "disabled"], [3, "ngTemplateOutlet"], ["uni-icon-button", "", "variant", "ghost", "size", "sm", 3, "click", "iconName", "disable"]], template: function UniTagComponent_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵprojectionDef(_c0$t);
-            i0.ɵɵtemplate(0, UniTagComponent_ng_template_0_Template, 9, 2, "ng-template", null, 0, i0.ɵɵtemplateRefExtractor);
+            i0.ɵɵprojectionDef(_c0$u);
+            i0.ɵɵtemplate(0, UniTagComponent_ng_template_0_Template, 10, 2, "ng-template", null, 0, i0.ɵɵtemplateRefExtractor);
             i0.ɵɵconditionalCreate(2, UniTagComponent_Conditional_2_Template, 2, 6, "button", 1)(3, UniTagComponent_Conditional_3_Template, 2, 3, "span", 2);
             i0.ɵɵconditionalCreate(4, UniTagComponent_Conditional_4_Template, 2, 4, "button", 3);
         } if (rf & 2) {
@@ -11051,9 +11219,228 @@ class UniTagComponent extends BaseComponent {
         args: [{ changeDetection: ChangeDetectionStrategy.OnPush, selector: 'uni-tag', imports: [NgTemplateOutlet, UniIconComponent, UniIconButtonComponent, UniSymbolComponent], providers: [{ provide: COMPONENT_NAME, useValue: 'tag' }], host: {
                     '[class]': 'hostClass()',
                     '[attr.aria-invalid]': "invalid() ? 'true' : null",
-                }, template: "<!-- Lead + label. Shared so the static and interactive bodies stay identical. -->\n<ng-template #body>\n  <ng-content select=\"[tag-lead]\"></ng-content>\n\n  @if (selected() && componentOptions().selectedIcon; as selectedIcon) {\n    <uni-icon [name]=\"selectedIcon\" [size]=\"leadSize()\" />\n  } @else if (avatarSrc(); as src) {\n    <span [class]=\"leadClass()\" aria-hidden=\"true\">\n      <img [src]=\"src\" alt=\"\" />\n    </span>\n  } @else if (initials(); as text) {\n    <span [class]=\"leadClass()\" aria-hidden=\"true\">{{ text }}</span>\n  } @else if (iconName(); as icon) {\n    <uni-icon [name]=\"icon\" [size]=\"leadSize()\" />\n  } @else if (symbolName(); as symbol) {\n    <uni-symbol [name]=\"symbol\" [style.font-size.px]=\"leadSize()\" />\n  } @else if (dot()) {\n    <span [class]=\"dotClass()\" aria-hidden=\"true\"></span>\n  }\n\n  @if (label(); as text) {\n    <span [class]=\"labelClass\" [attr.title]=\"maxWidth() ? text : null\">{{ text }}</span>\n  } @else {\n    <span [class]=\"labelClass\"><ng-content></ng-content></span>\n  }\n</ng-template>\n\n<!-- An interactive chip's body is the button; a static chip is plain text with\n     no role and no tab stop, so screen readers read it as content. -->\n@if (interactive()) {\n  <button\n    type=\"button\"\n    [class]=\"bodyClass()\"\n    [disabled]=\"disabled()\"\n    [attr.aria-pressed]=\"selected() ?? null\"\n    [attr.tabindex]=\"controlTabIndex()\"\n    (click)=\"activate()\"\n  >\n    <ng-container [ngTemplateOutlet]=\"body\"></ng-container>\n  </button>\n} @else {\n  <span [class]=\"bodyClass()\">\n    <ng-container [ngTemplateOutlet]=\"body\"></ng-container>\n  </span>\n}\n\n@if (removable()) {\n  <button\n    uni-icon-button\n    variant=\"ghost\"\n    size=\"sm\"\n    [iconName]=\"componentOptions().removeIcon ?? 'close'\"\n    [disable]=\"disabled()\"\n    [attr.tabindex]=\"controlTabIndex()\"\n    (click)=\"remove()\"\n  >\n    {{ removeLabel() ?? 'Remove ' + (label() ?? '') }}\n  </button>\n}\n" }]
+                }, template: "<!-- Lead + label. Shared so the static and interactive bodies stay identical. -->\n<ng-template #body>\n  <ng-content select=\"[tag-lead]\"></ng-content>\n\n  @if (selected() && selectedIcon(); as icon) {\n    <uni-icon [name]=\"icon\" [size]=\"leadSize()\" />\n  } @else if (reservesSlot()) {\n    <!-- The check's place, held open so picking a chip never reflows the row. -->\n    <span [class]=\"slotClass()\" aria-hidden=\"true\"></span>\n  } @else if (avatarSrc(); as src) {\n    <span [class]=\"leadClass()\" aria-hidden=\"true\">\n      <img [src]=\"src\" alt=\"\" />\n    </span>\n  } @else if (initials(); as text) {\n    <span [class]=\"leadClass()\" aria-hidden=\"true\">{{ text }}</span>\n  } @else if (iconName(); as icon) {\n    <uni-icon [name]=\"icon\" [size]=\"leadSize()\" />\n  } @else if (symbolName(); as symbol) {\n    <uni-symbol [name]=\"symbol\" [style.font-size.px]=\"leadSize()\" />\n  } @else if (dot()) {\n    <span [class]=\"dotClass()\" aria-hidden=\"true\"></span>\n  }\n\n  @if (label(); as text) {\n    <span [class]=\"labelClass\" [attr.title]=\"maxWidth() ? text : null\">{{ text }}</span>\n  } @else {\n    <span [class]=\"labelClass\"><ng-content></ng-content></span>\n  }\n</ng-template>\n\n<!-- An interactive chip's body is the button; a static chip is plain text with\n     no role and no tab stop, so screen readers read it as content. -->\n@if (interactive()) {\n  <button\n    type=\"button\"\n    [class]=\"bodyClass()\"\n    [disabled]=\"disabled()\"\n    [attr.aria-pressed]=\"selected() ?? null\"\n    [attr.tabindex]=\"controlTabIndex()\"\n    (click)=\"activate()\"\n  >\n    <ng-container [ngTemplateOutlet]=\"body\"></ng-container>\n  </button>\n} @else {\n  <span [class]=\"bodyClass()\">\n    <ng-container [ngTemplateOutlet]=\"body\"></ng-container>\n  </span>\n}\n\n@if (removable()) {\n  <button\n    uni-icon-button\n    variant=\"ghost\"\n    size=\"sm\"\n    [iconName]=\"componentOptions().removeIcon ?? 'close'\"\n    [disable]=\"disabled()\"\n    [attr.tabindex]=\"controlTabIndex()\"\n    (click)=\"remove()\"\n  >\n    {{ removeLabel() ?? 'Remove ' + (label() ?? '') }}\n  </button>\n}\n" }]
     }], null, { size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], tone: [{ type: i0.Input, args: [{ isSignal: true, alias: "tone", required: false }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }], maxWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxWidth", required: false }] }], avatarSrc: [{ type: i0.Input, args: [{ isSignal: true, alias: "avatarSrc", required: false }] }], avatarName: [{ type: i0.Input, args: [{ isSignal: true, alias: "avatarName", required: false }] }], iconName: [{ type: i0.Input, args: [{ isSignal: true, alias: "iconName", required: false }] }], symbolName: [{ type: i0.Input, args: [{ isSignal: true, alias: "symbolName", required: false }] }], dot: [{ type: i0.Input, args: [{ isSignal: true, alias: "dot", required: false }] }], removable: [{ type: i0.Input, args: [{ isSignal: true, alias: "removable", required: false }] }], interactive: [{ type: i0.Input, args: [{ isSignal: true, alias: "interactive", required: false }] }], selected: [{ type: i0.Input, args: [{ isSignal: true, alias: "selected", required: false }] }], invalid: [{ type: i0.Input, args: [{ isSignal: true, alias: "invalid", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], removeLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "removeLabel", required: false }] }], controlTabIndex: [{ type: i0.Input, args: [{ isSignal: true, alias: "controlTabIndex", required: false }] }], removed: [{ type: i0.Output, args: ["removed"] }], activated: [{ type: i0.Output, args: ["activated"] }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(UniTagComponent, { className: "UniTagComponent", filePath: "lib/components/tag/tag.component.ts", lineNumber: 35 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(UniTagComponent, { className: "UniTagComponent", filePath: "lib/components/tag/tag.component.ts", lineNumber: 50 }); })();
+
+const _c0$t = ["chip"];
+const _forTrack0$5 = ($index, $item) => $item.value;
+function UniTagGroupComponent_For_1_Template(rf, ctx) { if (rf & 1) {
+    const _r1 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "uni-tag", 3, 0);
+    i0.ɵɵlistener("activated", function UniTagGroupComponent_For_1_Template_uni_tag_activated_0_listener() { const item_r2 = i0.ɵɵrestoreView(_r1).$implicit; const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.toggle(item_r2)); })("removed", function UniTagGroupComponent_For_1_Template_uni_tag_removed_0_listener() { const item_r2 = i0.ɵɵrestoreView(_r1).$implicit; const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.removed.emit(item_r2.value)); });
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const item_r2 = ctx.$implicit;
+    const ɵ$index_1_r4 = ctx.$index;
+    const ctx_r2 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("interactive", true)("label", item_r2.label)("value", item_r2.value)("variant", item_r2.variant ?? ctx_r2.resolvedVariant())("tone", item_r2.tone ?? ctx_r2.resolvedTone())("size", ctx_r2.resolvedSize())("selected", ctx_r2.isSelected(item_r2.value))("disabled", item_r2.disabled ?? false)("removable", item_r2.removable ?? false)("iconName", item_r2.iconName)("symbolName", item_r2.symbolName)("avatarSrc", item_r2.avatarSrc)("avatarName", item_r2.avatarName)("dot", item_r2.dot ?? false)("maxWidth", item_r2.maxWidth)("controlTabIndex", ɵ$index_1_r4 === ctx_r2.focusedIndex() ? 0 : -1);
+} }
+function UniTagGroupComponent_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 4);
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext();
+    i0.ɵɵclassMap(ctx_r2.fillerClass);
+} }
+/**
+ * A row of chips the user picks from: filters, facets, a set of labels.
+ *
+ * The group **renders its own chips** from `items` rather than projecting them.
+ * That is what lets it own the things an app was otherwise wiring per chip —
+ * which one is selected, which one holds the tab stop — since a parent cannot
+ * write a projected child's inputs. `uni-tag` is unchanged by this component;
+ * `controlTabIndex` was already its hook for a composite that manages focus.
+ *
+ * Keyboard model is the toolbar pattern: one tab stop for the whole group, and
+ * the arrow keys move within it. Twelve filter chips should cost one Tab to
+ * pass, not twelve.
+ */
+class UniTagGroupComponent extends BaseComponent {
+    constructor() {
+        super(...arguments);
+        this.items = input([], /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "items" }] : /* istanbul ignore next */ []));
+        /**
+         * `wrap` lets chips keep their natural widths. `justify` stretches each
+         * filled row flush to both edges, leaving the last row ragged; chips put the
+         * extra width around their labels, so tucked leads and remove controls stay
+         * tucked.
+         */
+        this.layout = input('wrap', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "layout" }] : /* istanbul ignore next */ []));
+        /** Allow more than one chip at a time. Single select replaces instead. */
+        this.multiple = input(false, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "multiple" }] : /* istanbul ignore next */ []));
+        /**
+         * The selected values — one array in both modes, as `uni-tag-input` keeps one
+         * array for its items. Single select simply never holds more than one, which
+         * spares callers a `T[] | T | null` union at every call site.
+         */
+        this.value = model([], /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []));
+        /** The chip the user just activated, selected or deselected. */
+        this.activated = output();
+        this.removed = output();
+        // Chip presentation. Named for the chips rather than inherited from
+        // `BaseComponent`, because each one falls back to a `tagGroup` theme option
+        // when it is absent — the group's own `variant`/`size` carry no meaning here,
+        // since a group has no colour of its own and themes no variants.
+        this.chipTone = input(undefined, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "chipTone" }] : /* istanbul ignore next */ []));
+        this.chipSize = input(undefined, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "chipSize" }] : /* istanbul ignore next */ []));
+        this.chipVariant = input(undefined, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "chipVariant" }] : /* istanbul ignore next */ []));
+        this.resolvedTone = computed(() => this.chipTone() ?? this.componentOptions().chipTone ?? 'soft', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "resolvedTone" }] : /* istanbul ignore next */ []));
+        this.resolvedSize = computed(() => this.chipSize() ?? this.componentOptions().chipSize ?? 'md', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "resolvedSize" }] : /* istanbul ignore next */ []));
+        this.resolvedVariant = computed(() => this.chipVariant() ?? this.componentOptions().chipVariant ?? 'primary', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "resolvedVariant" }] : /* istanbul ignore next */ []));
+        /**
+         * Which chip holds the group's tab stop. It moves with the arrow keys and
+         * follows selection, so tabbing back into the group lands where the user
+         * left off rather than at the start.
+         */
+        this.focusedIndex = signal(0, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "focusedIndex" }] : /* istanbul ignore next */ []));
+        // `read: ElementRef` — a `#chip` ref on a component element otherwise hands
+        // back the component instance, which has no DOM node to focus.
+        this.chipRefs = viewChildren('chip', { ...(ngDevMode ? { debugName: "chipRefs" } : /* istanbul ignore next */ {}), read: ElementRef });
+        this.fillerClass = css({ flex: '10000 0 0' });
+        this.hostClass = computed(() => {
+            const options = this.componentOptions();
+            return css([
+                // Theme `fixed` carries the flex row; the entry themes no variants and no
+                // sizes, since the chips own every colour and geometry decision.
+                { ...this.style() },
+                { ...this.theme.gap(options.gap ?? 'xs') },
+                { rowGap: this.theme.getSpacing(options.rowGap ?? 'xs') },
+                this.layout() === 'justify' && {
+                    // `auto` basis, not `0`: a stretched chip grows from its own content
+                    // width, so a long label still gets more room than a short one.
+                    '& > uni-tag': { flex: '1 1 auto', minWidth: 0 },
+                },
+            ]);
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "hostClass" }] : /* istanbul ignore next */ []));
+    }
+    isSelected(value) {
+        return this.value().includes(value);
+    }
+    toggle(item) {
+        const selected = this.isSelected(item.value);
+        this.value.update((current) => {
+            if (selected)
+                return current.filter((value) => value !== item.value);
+            return this.multiple() ? [...current, item.value] : [item.value];
+        });
+        this.focusedIndex.set(this.items().findIndex((candidate) => candidate.value === item.value));
+        this.activated.emit(item.value);
+    }
+    onKeydown(event) {
+        const last = this.items().length - 1;
+        if (last < 0)
+            return;
+        // Both axes: the row wraps, so Down from the first line is as natural a
+        // "next chip" as Right is.
+        switch (event.key) {
+            case 'ArrowRight':
+            case 'ArrowDown':
+                event.preventDefault();
+                this.focusChip(Math.min(this.focusedIndex() + 1, last));
+                break;
+            case 'ArrowLeft':
+            case 'ArrowUp':
+                event.preventDefault();
+                this.focusChip(Math.max(this.focusedIndex() - 1, 0));
+                break;
+            case 'Home':
+                event.preventDefault();
+                this.focusChip(0);
+                break;
+            case 'End':
+                event.preventDefault();
+                this.focusChip(last);
+                break;
+        }
+    }
+    focusChip(index) {
+        const clamped = Math.max(0, Math.min(index, this.items().length - 1));
+        this.focusedIndex.set(clamped);
+        // The tab index the chip reads is a binding, so let it settle before
+        // moving focus — the same ordering `uni-tag-input` uses.
+        queueMicrotask(() => {
+            const chip = this.chipRefs()[clamped]?.nativeElement;
+            chip?.querySelector('button')?.focus();
+        });
+    }
+    static { this.ɵfac = /*@__PURE__*/ (() => { let ɵUniTagGroupComponent_BaseFactory; return function UniTagGroupComponent_Factory(__ngFactoryType__) { return (ɵUniTagGroupComponent_BaseFactory || (ɵUniTagGroupComponent_BaseFactory = i0.ɵɵgetInheritedFactory(UniTagGroupComponent)))(__ngFactoryType__ || UniTagGroupComponent); }; })(); }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: UniTagGroupComponent, selectors: [["uni-tag-group"]], viewQuery: function UniTagGroupComponent_Query(rf, ctx) { if (rf & 1) {
+            i0.ɵɵviewQuerySignal(ctx.chipRefs, _c0$t, 5, ElementRef);
+        } if (rf & 2) {
+            i0.ɵɵqueryAdvance();
+        } }, hostAttrs: ["role", "toolbar", "aria-orientation", "horizontal"], hostVars: 2, hostBindings: function UniTagGroupComponent_HostBindings(rf, ctx) { if (rf & 1) {
+            i0.ɵɵlistener("keydown", function UniTagGroupComponent_keydown_HostBindingHandler($event) { return ctx.onKeydown($event); });
+        } if (rf & 2) {
+            i0.ɵɵclassMap(ctx.hostClass());
+        } }, inputs: { items: [1, "items"], layout: [1, "layout"], multiple: [1, "multiple"], value: [1, "value"], chipTone: [1, "chipTone"], chipSize: [1, "chipSize"], chipVariant: [1, "chipVariant"] }, outputs: { value: "valueChange", activated: "activated", removed: "removed" }, features: [i0.ɵɵProvidersFeature([{ provide: COMPONENT_NAME, useValue: 'tagGroup' }]), i0.ɵɵInheritDefinitionFeature], decls: 3, vars: 1, consts: [["chip", ""], [3, "interactive", "label", "value", "variant", "tone", "size", "selected", "disabled", "removable", "iconName", "symbolName", "avatarSrc", "avatarName", "dot", "maxWidth", "controlTabIndex"], ["aria-hidden", "true", 3, "class"], [3, "activated", "removed", "interactive", "label", "value", "variant", "tone", "size", "selected", "disabled", "removable", "iconName", "symbolName", "avatarSrc", "avatarName", "dot", "maxWidth", "controlTabIndex"], ["aria-hidden", "true"]], template: function UniTagGroupComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵrepeaterCreate(0, UniTagGroupComponent_For_1_Template, 2, 16, "uni-tag", 1, _forTrack0$5);
+            i0.ɵɵconditionalCreate(2, UniTagGroupComponent_Conditional_2_Template, 1, 2, "i", 2);
+        } if (rf & 2) {
+            i0.ɵɵrepeater(ctx.items());
+            i0.ɵɵadvance(2);
+            i0.ɵɵconditional(ctx.layout() === "justify" ? 2 : -1);
+        } }, dependencies: [UniTagComponent], encapsulation: 2 }); }
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(UniTagGroupComponent, [{
+        type: Component,
+        args: [{
+                changeDetection: ChangeDetectionStrategy.OnPush,
+                selector: 'uni-tag-group',
+                imports: [UniTagComponent],
+                providers: [{ provide: COMPONENT_NAME, useValue: 'tagGroup' }],
+                host: {
+                    '[class]': 'hostClass()',
+                    role: 'toolbar',
+                    'aria-orientation': 'horizontal',
+                    '(keydown)': 'onKeydown($event)',
+                },
+                template: `
+    @for (item of items(); track item.value; let i = $index) {
+      <uni-tag
+        #chip
+        [interactive]="true"
+        [label]="item.label"
+        [value]="item.value"
+        [variant]="item.variant ?? resolvedVariant()"
+        [tone]="item.tone ?? resolvedTone()"
+        [size]="resolvedSize()"
+        [selected]="isSelected(item.value)"
+        [disabled]="item.disabled ?? false"
+        [removable]="item.removable ?? false"
+        [iconName]="item.iconName"
+        [symbolName]="item.symbolName"
+        [avatarSrc]="item.avatarSrc"
+        [avatarName]="item.avatarName"
+        [dot]="item.dot ?? false"
+        [maxWidth]="item.maxWidth"
+        [controlTabIndex]="i === focusedIndex() ? 0 : -1"
+        (activated)="toggle(item)"
+        (removed)="removed.emit(item.value)"
+      />
+    }
+    @if (layout() === 'justify') {
+      <!-- Justification filler. It can only ever land on the last line, where
+           it swallows the slack — so filled rows stretch flush and the last one
+           keeps its natural widths, the way justified text behaves. A group
+           that fits on one line is *all* last line, so it does not stretch. -->
+      <i aria-hidden="true" [class]="fillerClass"></i>
+    }
+  `,
+            }]
+    }], null, { items: [{ type: i0.Input, args: [{ isSignal: true, alias: "items", required: false }] }], layout: [{ type: i0.Input, args: [{ isSignal: true, alias: "layout", required: false }] }], multiple: [{ type: i0.Input, args: [{ isSignal: true, alias: "multiple", required: false }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }], activated: [{ type: i0.Output, args: ["activated"] }], removed: [{ type: i0.Output, args: ["removed"] }], chipTone: [{ type: i0.Input, args: [{ isSignal: true, alias: "chipTone", required: false }] }], chipSize: [{ type: i0.Input, args: [{ isSignal: true, alias: "chipSize", required: false }] }], chipVariant: [{ type: i0.Input, args: [{ isSignal: true, alias: "chipVariant", required: false }] }], chipRefs: [{ type: i0.ViewChildren, args: ['chip', { ...{ read: ElementRef }, isSignal: true }] }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(UniTagGroupComponent, { className: "UniTagGroupComponent", filePath: "lib/components/tag/tag-group.component.ts", lineNumber: 76 }); })();
 
 /**
  * UniTagComponent Barrel File
@@ -20249,5 +20636,5 @@ class UniTourComponent extends BaseComponent {
  * Generated bundle index. Do not edit.
  */
 
-export { BodyRenderDirective, ConfirmationDialogComponent, DRAWER_PANEL, DragAndDropDirective, FOCUSABLE_SELECTOR, ListboxNavigation, LocalStorageService, NotificationService, NotificationsComponent, RippleDirective, TRANSFORM_ORIGINS, ThemeService, UNI_FORMS, UNI_LAYOUT, UNI_THEMES, UniAlertComponent, UniAppBarComponent, UniAvatarComponent, UniAvatarGroupComponent, UniBackgroundComponent, UniBadgeComponent, UniBaseDatasource, UniBoxDirective, UniBreadcrumbComponent, UniButtonComponent, UniButtonGroupComponent, UniCalendarComponent, UniCalloutComponent, UniCardComponent, UniCardContentComponent, UniCardHeaderComponent, UniCenterDirective, UniCheckboxComponent, UniComboboxComponent, UniDataSearchComponent, UniDataTableComponent, UniDateInputComponent, UniDateTimeInputComponent, UniDebounceInputComponent, UniDialogButtonsComponent, UniDialogComponent, UniDialogHeaderComponent, UniDividerComponent, UniDrawerButtonsComponent, UniDrawerComponent, UniDrawerHeaderComponent, UniDropdownComponent, UniExpandAreaComponent, UniExpandComponent, UniExpandToggleComponent, UniFileDropZoneComponent, UniGridAreaDirective, UniGridDirective, UniIconButtonComponent, UniIconComponent, UniInlineButtonComponent, UniInputBoxComponent, UniInputComponent, UniJsonViewComponent, UniMenuComponent, UniMultiSelectComponent, UniMultiSelectDropdownComponent, UniNotificationBadgeComponent, UniNumberInputComponent, UniNumberRangeInputComponent, UniPaginatorComponent, UniPopoverComponent, UniProgressBarComponent, UniProgressGaugeComponent, UniQuantityStepperComponent, UniRadioComponent, UniRecordDatasource, UniRowDirective, UniScrollAreaComponent, UniSearchInputComponent, UniSelectComponent, UniServerSideDatasource, UniSkeletonComponent, UniSliderComponent, UniSnackbarComponent, UniSortHeaderComponent, UniStackDirective, UniStatComponent, UniSymbolComponent, UniTabComponent, UniTabsComponent, UniTagComponent, UniTagInputComponent, UniTextDirective, UniTextareaComponent, UniThemeBuilderComponent, UniThemeSwitchComponent, UniTimeInputComponent, UniToggleComponent, UniTooltipComponent, UniTourComponent, UniWrapDirective, acceptableFile, addDays, addMonths, anchorArrowStyles, anchorStyles, buildMonthGrid, clampDecimal, clearAnchorName, compareDecimal, createAnnouncer, createListboxNavigation, createPressRepeat, dayOfWeek, daysInMonth, decimalScale, discreteOverlayTransition, evaluateExpression, focusableElements, formatDate, formatMonthHeading, formatNumber, formatTime, fromScaled, getFileExtension, inclusiveDayCount, isCanonicalDecimal, isDivider, isToggleOpen, isValidDate, isoDate, joinDateTime, listboxPopupAttr, listboxPopupStyles, localeDatePlaceholder, localeDefaultHour12, localeFieldOrder, localeMonthNames, localeNumberParts, localeWeekStart, losesPrecision, monthOf, motionSafe, newAnchorName, newListboxAnchor, normalizeDecimal, parseDateText, parseNumber, parseTimeText, promoteListboxPopup, rawNumberText, resolveElement, resolveFocusTarget, resolveNumberFormat, restoreOverlayFocus, roundDecimal, setAnchorName, settleNumber, shiftDecimal, speakNumber, splitDateTime, spotlightStyles, stepDecimal, supportsAnchoredPopup, timeSlots, toAsciiDigits, toDecimal, toNumber, toScaled, todayIso, transformOriginFor, uniqueId, useTimer, visuallyHidden, weekdayNames };
+export { BodyRenderDirective, ConfirmationDialogComponent, DRAWER_PANEL, DragAndDropDirective, FOCUSABLE_SELECTOR, ListboxNavigation, LocalStorageService, NotificationService, NotificationsComponent, RippleDirective, TRANSFORM_ORIGINS, ThemeService, UNI_FORMS, UNI_LAYOUT, UNI_THEMES, UniAlertComponent, UniAppBarComponent, UniAvatarComponent, UniAvatarGroupComponent, UniBackgroundComponent, UniBadgeComponent, UniBaseDatasource, UniBoxDirective, UniBreadcrumbComponent, UniButtonComponent, UniButtonGroupComponent, UniCalendarComponent, UniCalloutComponent, UniCardComponent, UniCardContentComponent, UniCardHeaderComponent, UniCenterDirective, UniCheckboxComponent, UniComboboxComponent, UniDataSearchComponent, UniDataTableComponent, UniDateInputComponent, UniDateTimeInputComponent, UniDebounceInputComponent, UniDialogButtonsComponent, UniDialogComponent, UniDialogHeaderComponent, UniDividerComponent, UniDrawerButtonsComponent, UniDrawerComponent, UniDrawerHeaderComponent, UniDropdownComponent, UniExpandAreaComponent, UniExpandComponent, UniExpandToggleComponent, UniFileDropZoneComponent, UniGridAreaDirective, UniGridDirective, UniIconButtonComponent, UniIconComponent, UniInlineButtonComponent, UniInputBoxComponent, UniInputComponent, UniJsonViewComponent, UniMenuComponent, UniMultiSelectComponent, UniMultiSelectDropdownComponent, UniNotificationBadgeComponent, UniNumberInputComponent, UniNumberRangeInputComponent, UniPaginatorComponent, UniPopoverComponent, UniProgressBarComponent, UniProgressGaugeComponent, UniQuantityStepperComponent, UniRadioComponent, UniRecordDatasource, UniRowDirective, UniScrollAreaComponent, UniSearchInputComponent, UniSelectComponent, UniServerSideDatasource, UniSkeletonComponent, UniSliderComponent, UniSnackbarComponent, UniSortHeaderComponent, UniStackDirective, UniStatComponent, UniSymbolComponent, UniTabComponent, UniTabsComponent, UniTagComponent, UniTagGroupComponent, UniTagInputComponent, UniTextDirective, UniTextareaComponent, UniThemeBuilderComponent, UniThemeSwitchComponent, UniTimeInputComponent, UniToggleComponent, UniTooltipComponent, UniTourComponent, UniWrapDirective, acceptableFile, addDays, addMonths, anchorArrowStyles, anchorStyles, buildMonthGrid, clampDecimal, clearAnchorName, compareDecimal, createAnnouncer, createListboxNavigation, createPressRepeat, dayOfWeek, daysInMonth, decimalScale, discreteOverlayTransition, evaluateExpression, focusableElements, formatDate, formatMonthHeading, formatNumber, formatTime, fromScaled, getFileExtension, inclusiveDayCount, isCanonicalDecimal, isDivider, isToggleOpen, isValidDate, isoDate, joinDateTime, listboxPopupAttr, listboxPopupStyles, localeDatePlaceholder, localeDefaultHour12, localeFieldOrder, localeMonthNames, localeNumberParts, localeWeekStart, losesPrecision, monthOf, motionSafe, newAnchorName, newListboxAnchor, normalizeDecimal, parseDateText, parseNumber, parseTimeText, promoteListboxPopup, rawNumberText, resolveElement, resolveFocusTarget, resolveNumberFormat, restoreOverlayFocus, roundDecimal, setAnchorName, settleNumber, shiftDecimal, speakNumber, splitDateTime, spotlightStyles, stepDecimal, supportsAnchoredPopup, timeSlots, toAsciiDigits, toDecimal, toNumber, toScaled, todayIso, transformOriginFor, uniqueId, useTimer, visuallyHidden, weekdayNames };
 //# sourceMappingURL=uni-design-system-uni-angular.mjs.map