@simplysm/angular 14.0.42 → 14.0.43

package/dist/controls/input/sd-textarea.js

@@ -62,7 +62,7 @@ export class SdTextarea {
             }
             if (this.validatorFn()) {
                 const message = this.validatorFn()(this.value());
-                if (message !== undefined) {
+                if (message != null) {
                     errorMessages.push(message);
                 }
             }
@@ -129,4 +129,4 @@ export class SdTextarea {
                     "[attr.data-sd-theme]": "theme()",
                 }, styles: ["sd-textarea {\n  display: block;\n  position: relative;\n}\nsd-textarea > textarea,\nsd-textarea > ._contents {\n  display: block;\n  padding: var(--gap-sm) var(--gap-default);\n  border: 1px solid transparent;\n  font-size: var(--font-size-default);\n  font-family: var(--font-family);\n  font-variant-numeric: tabular-nums;\n  line-height: var(--line-height);\n  color: var(--text-trans-default);\n  resize: none;\n  overflow: auto;\n  width: 100%;\n  border: 1px solid var(--trans-lighter);\n  border-radius: var(--border-radius-default);\n  background: var(--theme-secondary-lightest);\n}\nsd-textarea > textarea:focus,\nsd-textarea > ._contents:focus {\n  outline: none;\n  border-color: var(--theme-primary-default);\n}\nsd-textarea > textarea::-webkit-scrollbar,\nsd-textarea > ._contents::-webkit-scrollbar {\n  display: none;\n}\nsd-textarea > textarea::-webkit-input-placeholder,\nsd-textarea > ._contents::-webkit-input-placeholder {\n  color: var(--text-trans-lighter);\n}\nsd-textarea:not([data-sd-inset=true]):not([data-sd-disabled=true]) > ._contents {\n  height: 0;\n  max-height: 0;\n  padding-top: 0;\n  padding-bottom: 0;\n  margin-top: 0;\n  margin-bottom: 0;\n}\nsd-textarea[data-sd-theme=gray] > textarea,\nsd-textarea[data-sd-theme=gray] > ._contents {\n  background: var(--theme-gray-lightest);\n}\nsd-textarea[data-sd-theme=blue-gray] > textarea,\nsd-textarea[data-sd-theme=blue-gray] > ._contents {\n  background: var(--theme-blue-gray-lightest);\n}\nsd-textarea[data-sd-theme=primary] > textarea,\nsd-textarea[data-sd-theme=primary] > ._contents {\n  background: var(--theme-primary-lightest);\n}\nsd-textarea[data-sd-theme=secondary] > textarea,\nsd-textarea[data-sd-theme=secondary] > ._contents {\n  background: var(--theme-secondary-lightest);\n}\nsd-textarea[data-sd-theme=info] > textarea,\nsd-textarea[data-sd-theme=info] > ._contents {\n  background: var(--theme-info-lightest);\n}\nsd-textarea[data-sd-theme=success] > textarea,\nsd-textarea[data-sd-theme=success] > ._contents {\n  background: var(--theme-success-lightest);\n}\nsd-textarea[data-sd-theme=warning] > textarea,\nsd-textarea[data-sd-theme=warning] > ._contents {\n  background: var(--theme-warning-lightest);\n}\nsd-textarea[data-sd-theme=danger] > textarea,\nsd-textarea[data-sd-theme=danger] > ._contents {\n  background: var(--theme-danger-lightest);\n}\nsd-textarea[data-sd-size=sm] > textarea,\nsd-textarea[data-sd-size=sm] > ._contents {\n  padding: var(--gap-xs) var(--gap-sm);\n}\nsd-textarea[data-sd-size=lg] > textarea,\nsd-textarea[data-sd-size=lg] > ._contents {\n  padding: var(--gap-default) var(--gap-lg);\n}\nsd-textarea[data-sd-inline=true] {\n  display: inline-block;\n  vertical-align: top;\n}\nsd-textarea[data-sd-inline=true] > textarea,\nsd-textarea[data-sd-inline=true] > ._contents {\n  width: auto;\n  vertical-align: top;\n}\nsd-textarea[data-sd-inset=true] > ._contents {\n  display: block;\n}\nsd-textarea[data-sd-inset=true] > textarea {\n  position: absolute;\n  top: 0;\n  left: 0;\n}\nsd-textarea[data-sd-inset=true] > textarea,\nsd-textarea[data-sd-inset=true] > ._contents {\n  width: 100%;\n  border: none;\n  border-radius: 0;\n}\nsd-textarea[data-sd-inset=true] > textarea:focus {\n  outline: 1px solid var(--theme-primary-default);\n  outline-offset: -1px;\n}\nsd-textarea[data-sd-disabled=true] > ._contents {\n  display: block;\n  background: var(--theme-gray-lightest);\n  color: var(--text-trans-light);\n}\nsd-textarea[data-sd-disabled=true][data-sd-inset=true] > ._contents {\n  background: var(--control-color);\n  color: var(--text-trans-default);\n}"] }]
     }], () => [], { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], title: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: false }] }], minRows: [{ type: i0.Input, args: [{ isSignal: true, alias: "minRows", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], readonly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readonly", required: false }] }], required: [{ type: i0.Input, args: [{ isSignal: true, alias: "required", required: false }] }], inline: [{ type: i0.Input, args: [{ isSignal: true, alias: "inline", required: false }] }], inset: [{ type: i0.Input, args: [{ isSignal: true, alias: "inset", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], validatorFn: [{ type: i0.Input, args: [{ isSignal: true, alias: "validatorFn", required: false }] }], theme: [{ type: i0.Input, args: [{ isSignal: true, alias: "theme", required: false }] }], inputStyle: [{ type: i0.Input, args: [{ isSignal: true, alias: "inputStyle", required: false }] }], inputClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "inputClass", required: false }] }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SdTextarea, { className: "SdTextarea", filePath: "packages/angular/src/controls/input/sd-textarea.ts", lineNumber: 175, forbidOrphanRendering: true }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SdTextarea, { className: "SdTextarea", filePath: "packages/angular/src/controls/input/sd-textarea.ts", lineNumber: 175 }); })();

package/dist/controls/input/sd-textfield-type-handlers.js

@@ -41,10 +41,10 @@ function createStringHandler(type) {
             }
             if (type !== "color") {
                 const str = value;
-                if (opts.minlength !== undefined && opts.minlength > str.length) {
+                if (opts.minlength != null && opts.minlength > str.length) {
                     errors.push(`문자의 길이가 ${opts.minlength}보다 길거나 같아야 합니다.`);
                 }
-                if (opts.maxlength !== undefined && opts.maxlength < str.length) {
+                if (opts.maxlength != null && opts.maxlength < str.length) {
                     errors.push(`문자의 길이가 ${opts.maxlength}보다 짧거나 같아야 합니다.`);
                 }
                 const pattern = opts.pattern;

package/dist/controls/input/sd-textfield.js

@@ -14,7 +14,7 @@ function SdTextfield_Conditional_2_Conditional_0_Template(rf, ctx) { if (rf & 1)
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1("", ctx_r0.controlValueText() ?? ctx_r0.controlValue(), " ");
+    i0.ɵɵtextInterpolate(ctx_r0.controlValueText() ? ctx_r0.controlValueText() : " ");
 } }
 function SdTextfield_Conditional_2_Conditional_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵdomElementStart(0, "span", 2);
@@ -91,7 +91,7 @@ export class SdTextfield {
             return undefined;
         return this._handler().toDisplayText(value, {
             minDigits: this.minDigits(),
-        });
+        }) ?? this.controlValue();
     }, ...(ngDevMode ? [{ debugName: "controlValueText" }] : /* istanbul ignore next */ []));
     constructor() {
         setupInvalid(() => {
@@ -108,7 +108,7 @@ export class SdTextfield {
             const errorMessages = [...handlerErrors];
             if (this.validatorFn()) {
                 const message = this.validatorFn()(value);
-                if (message !== undefined) {
+                if (message != null) {
                     errorMessages.push(message);
                 }
             }
@@ -122,7 +122,7 @@ export class SdTextfield {
             return;
         }
         const parsed = this._handler().parse(inputEl.value, { format: this.format() });
-        if (parsed === undefined) {
+        if (parsed == null) {
             inputEl.value = this.controlValue();
             return;
         }
@@ -136,7 +136,7 @@ export class SdTextfield {
             return;
         }
         const parsed = this._handler().parse(text, { format: this.format() });
-        if (parsed === undefined) {
+        if (parsed == null) {
             const inputEl = event.target;
             inputEl.value = this.controlValue();
             return;
@@ -145,7 +145,7 @@ export class SdTextfield {
     }
     static ɵfac = function SdTextfield_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SdTextfield)(); };
     static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SdTextfield, selectors: [["sd-textfield"]], hostVars: 7, hostBindings: function SdTextfield_HostBindings(rf, ctx) { if (rf & 2) {
-            i0.ɵɵattribute("data-sd-type", ctx.controlType())("data-sd-disabled", ctx.disabled())("data-sd-readonly", ctx.readonly())("data-sd-inline", ctx.inline())("data-sd-inset", ctx.inset())("data-sd-size", ctx.size())("data-sd-theme", ctx.theme());
+            i0.ɵɵattribute("data-sd-type", ctx.type())("data-sd-disabled", ctx.disabled())("data-sd-readonly", ctx.readonly())("data-sd-inline", ctx.inline())("data-sd-inset", ctx.inset())("data-sd-size", ctx.size())("data-sd-theme", ctx.theme());
         } }, inputs: { value: [1, "value"], type: [1, "type"], placeholder: [1, "placeholder"], title: [1, "title"], inputStyle: [1, "inputStyle"], inputClass: [1, "inputClass"], disabled: [1, "disabled"], readonly: [1, "readonly"], required: [1, "required"], min: [1, "min"], max: [1, "max"], minlength: [1, "minlength"], maxlength: [1, "maxlength"], pattern: [1, "pattern"], validatorFn: [1, "validatorFn"], format: [1, "format"], step: [1, "step"], autocomplete: [1, "autocomplete"], useNumberComma: [1, "useNumberComma"], minDigits: [1, "minDigits"], inline: [1, "inline"], inset: [1, "inset"], size: [1, "size"], theme: [1, "theme"] }, outputs: { value: "valueChange" }, decls: 4, vars: 9, consts: [[1, "tx-trans-light"], [3, "style", "class", "type", "value"], [1, "tx-trans-lighter"], [3, "input", "paste", "type", "value"]], template: function SdTextfield_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵdomElementStart(0, "div");
             i0.ɵɵconditionalCreate(1, SdTextfield_Conditional_1_Template, 2, 0, "span", 0)(2, SdTextfield_Conditional_2_Template, 3, 1);
@@ -175,7 +175,7 @@ export class SdTextfield {
         <span class="tx-trans-light">****</span>
       } @else {
         @if (controlValue()) {
-          <pre>{{ controlValueText() ?? controlValue() }} </pre>
+          <pre>{{ controlValueText() ? controlValueText() : " " }}</pre>
         } @else if (placeholder()) {
           <span class="tx-trans-lighter">{{ placeholder() }}</span>
         } @else {
@@ -201,7 +201,7 @@ export class SdTextfield {
       />
     }
   `, host: {
-                    "[attr.data-sd-type]": "controlType()",
+                    "[attr.data-sd-type]": "type()",
                     "[attr.data-sd-disabled]": "disabled()",
                     "[attr.data-sd-readonly]": "readonly()",
                     "[attr.data-sd-inline]": "inline()",
@@ -210,4 +210,4 @@ export class SdTextfield {
                     "[attr.data-sd-theme]": "theme()",
                 }, styles: ["sd-textfield {\n  display: block;\n  position: relative;\n}\nsd-textfield > input,\nsd-textfield > ._contents {\n  display: block;\n  padding: var(--gap-sm) var(--gap-default);\n  border: 1px solid transparent;\n  font-size: var(--font-size-default);\n  font-family: var(--font-family);\n  font-variant-numeric: tabular-nums;\n  line-height: var(--line-height);\n  color: var(--text-trans-default);\n  overflow: auto;\n  width: 100%;\n  border: 1px solid var(--trans-lighter);\n  border-radius: var(--border-radius-default);\n  background: var(--theme-secondary-lightest);\n}\nsd-textfield > input:focus,\nsd-textfield > ._contents:focus {\n  outline: none;\n  border-color: var(--theme-secondary-default);\n}\nsd-textfield > input[type=date], sd-textfield > input[type=month], sd-textfield > input[type=datetime-local],\nsd-textfield > ._contents[type=date],\nsd-textfield > ._contents[type=month],\nsd-textfield > ._contents[type=datetime-local] {\n  padding-top: calc(var(--gap-sm) - 1px);\n  padding-bottom: calc(var(--gap-sm) - 1px);\n}\nsd-textfield > input::-webkit-scrollbar,\nsd-textfield > ._contents::-webkit-scrollbar {\n  display: none;\n}\nsd-textfield > input::-webkit-input-placeholder,\nsd-textfield > ._contents::-webkit-input-placeholder {\n  color: var(--text-trans-lighter);\n}\nsd-textfield > input::-webkit-outer-spin-button, sd-textfield > input::-webkit-inner-spin-button,\nsd-textfield > ._contents::-webkit-outer-spin-button,\nsd-textfield > ._contents::-webkit-inner-spin-button {\n  -webkit-appearance: none;\n  margin: 0;\n}\nsd-textfield > input::-webkit-calendar-picker-indicator,\nsd-textfield > ._contents::-webkit-calendar-picker-indicator {\n  cursor: pointer;\n  margin: auto;\n}\nsd-textfield > ._contents {\n  display: none;\n}\nsd-textfield[data-sd-type=number] > input,\nsd-textfield[data-sd-type=number] > ._contents {\n  text-align: right;\n}\nsd-textfield[data-sd-theme=gray] > input,\nsd-textfield[data-sd-theme=gray] > ._contents {\n  background: var(--theme-gray-lightest);\n}\nsd-textfield[data-sd-theme=blue-gray] > input,\nsd-textfield[data-sd-theme=blue-gray] > ._contents {\n  background: var(--theme-blue-gray-lightest);\n}\nsd-textfield[data-sd-theme=primary] > input,\nsd-textfield[data-sd-theme=primary] > ._contents {\n  background: var(--theme-primary-lightest);\n}\nsd-textfield[data-sd-theme=secondary] > input,\nsd-textfield[data-sd-theme=secondary] > ._contents {\n  background: var(--theme-secondary-lightest);\n}\nsd-textfield[data-sd-theme=info] > input,\nsd-textfield[data-sd-theme=info] > ._contents {\n  background: var(--theme-info-lightest);\n}\nsd-textfield[data-sd-theme=success] > input,\nsd-textfield[data-sd-theme=success] > ._contents {\n  background: var(--theme-success-lightest);\n}\nsd-textfield[data-sd-theme=warning] > input,\nsd-textfield[data-sd-theme=warning] > ._contents {\n  background: var(--theme-warning-lightest);\n}\nsd-textfield[data-sd-theme=danger] > input,\nsd-textfield[data-sd-theme=danger] > ._contents {\n  background: var(--theme-danger-lightest);\n}\nsd-textfield[data-sd-size=sm] > input,\nsd-textfield[data-sd-size=sm] > ._contents {\n  padding: var(--gap-xs) var(--gap-sm);\n}\nsd-textfield[data-sd-size=sm] > input[type=date], sd-textfield[data-sd-size=sm] > input[type=month], sd-textfield[data-sd-size=sm] > input[type=datetime-local], sd-textfield[data-sd-size=sm] > input[type=color],\nsd-textfield[data-sd-size=sm] > ._contents[type=date],\nsd-textfield[data-sd-size=sm] > ._contents[type=month],\nsd-textfield[data-sd-size=sm] > ._contents[type=datetime-local],\nsd-textfield[data-sd-size=sm] > ._contents[type=color] {\n  padding-top: calc(var(--gap-xs) - 1px);\n  padding-bottom: calc(var(--gap-xs) - 1px);\n}\nsd-textfield[data-sd-size=lg] > input,\nsd-textfield[data-sd-size=lg] > ._contents {\n  padding: var(--gap-default) var(--gap-lg);\n}\nsd-textfield[data-sd-size=lg] > input[type=date], sd-textfield[data-sd-size=lg] > input[type=month], sd-textfield[data-sd-size=lg] > input[type=datetime-local], sd-textfield[data-sd-size=lg] > input[type=color],\nsd-textfield[data-sd-size=lg] > ._contents[type=date],\nsd-textfield[data-sd-size=lg] > ._contents[type=month],\nsd-textfield[data-sd-size=lg] > ._contents[type=datetime-local],\nsd-textfield[data-sd-size=lg] > ._contents[type=color] {\n  padding-top: calc(var(--gap-default) - 1px);\n  padding-bottom: calc(var(--gap-default) - 1px);\n}\nsd-textfield[data-sd-inline=true] {\n  display: inline-block;\n  vertical-align: top;\n}\nsd-textfield[data-sd-inline=true] > input,\nsd-textfield[data-sd-inline=true] > ._contents {\n  width: auto;\n  vertical-align: top;\n}\nsd-textfield[data-sd-inset=true] > ._contents {\n  display: block;\n}\nsd-textfield[data-sd-inset=true] > input {\n  position: absolute;\n  top: 0;\n  left: 0;\n}\nsd-textfield[data-sd-inset=true] > input,\nsd-textfield[data-sd-inset=true] > ._contents {\n  width: 100%;\n  border: none;\n  border-radius: 0;\n}\nsd-textfield[data-sd-inset=true] > input:focus {\n  outline: 1px solid var(--theme-primary-default);\n  outline-offset: -1px;\n}\nsd-textfield[data-sd-inset=true][data-sd-type=month] > input,\nsd-textfield[data-sd-inset=true][data-sd-type=month] > ._contents {\n  width: 8.25em;\n}\nsd-textfield[data-sd-inset=true][data-sd-type=date] > input,\nsd-textfield[data-sd-inset=true][data-sd-type=date] > ._contents {\n  width: 8.25em;\n}\nsd-textfield[data-sd-inset=true][data-sd-type=datetime-local] > input,\nsd-textfield[data-sd-inset=true][data-sd-type=datetime-local] > ._contents {\n  width: 14em;\n}\nsd-textfield[data-sd-inset=true][data-sd-type=year] > input,\nsd-textfield[data-sd-inset=true][data-sd-type=year] > ._contents {\n  width: 4em;\n}\nsd-textfield[data-sd-inset=true][data-sd-type=color] > input,\nsd-textfield[data-sd-inset=true][data-sd-type=color] > ._contents {\n  height: calc(var(--font-size-default) * var(--line-height-strip-unit) + var(--gap-sm) * 2);\n}\nsd-textfield[data-sd-inset=true][data-sd-type=color][data-sd-size=sm] > input,\nsd-textfield[data-sd-inset=true][data-sd-type=color][data-sd-size=sm] > ._contents {\n  height: calc(var(--font-size-default) * var(--line-height-strip-unit) + var(--gap-xs) * 2);\n}\nsd-textfield[data-sd-inset=true][data-sd-type=color][data-sd-size=lg] > input,\nsd-textfield[data-sd-inset=true][data-sd-type=color][data-sd-size=lg] > ._contents {\n  height: calc(var(--font-size-default) * var(--line-height-strip-unit) + var(--gap-default) * 2);\n}\nsd-textfield[data-sd-disabled=true] > ._contents {\n  display: block;\n  background: var(--theme-gray-lightest);\n  color: var(--text-trans-light);\n}\nsd-textfield[data-sd-disabled=true][data-sd-inset=true] > ._contents {\n  background: var(--control-color);\n  color: var(--text-trans-default);\n}\nsd-textfield[data-sd-readonly=true] > ._contents {\n  display: block;\n}"] }]
     }], () => [], { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }], type: [{ type: i0.Input, args: [{ isSignal: true, alias: "type", required: true }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], title: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: false }] }], inputStyle: [{ type: i0.Input, args: [{ isSignal: true, alias: "inputStyle", required: false }] }], inputClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "inputClass", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], readonly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readonly", required: false }] }], required: [{ type: i0.Input, args: [{ isSignal: true, alias: "required", required: false }] }], min: [{ type: i0.Input, args: [{ isSignal: true, alias: "min", required: false }] }], max: [{ 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 }] }], validatorFn: [{ type: i0.Input, args: [{ isSignal: true, alias: "validatorFn", required: false }] }], format: [{ type: i0.Input, args: [{ isSignal: true, alias: "format", required: false }] }], step: [{ type: i0.Input, args: [{ isSignal: true, alias: "step", required: false }] }], autocomplete: [{ type: i0.Input, args: [{ isSignal: true, alias: "autocomplete", required: false }] }], useNumberComma: [{ type: i0.Input, args: [{ isSignal: true, alias: "useNumberComma", required: false }] }], minDigits: [{ type: i0.Input, args: [{ isSignal: true, alias: "minDigits", required: false }] }], inline: [{ type: i0.Input, args: [{ isSignal: true, alias: "inline", required: false }] }], inset: [{ type: i0.Input, args: [{ isSignal: true, alias: "inset", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], theme: [{ type: i0.Input, args: [{ isSignal: true, alias: "theme", required: false }] }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SdTextfield, { className: "SdTextfield", filePath: "packages/angular/src/controls/input/sd-textfield.ts", lineNumber: 286, forbidOrphanRendering: true }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SdTextfield, { className: "SdTextfield", filePath: "packages/angular/src/controls/input/sd-textfield.ts", lineNumber: 286 }); })();

package/dist/controls/list/sd-list-item.d.ts

@@ -12,7 +12,6 @@ export declare class SdListItem {
     private readonly _childLists;
     hasChildren: import("@angular/core").Signal<boolean>;
     childrenOpen: import("@angular/core").Signal<boolean>;
-    constructor();
     onContentClick(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SdListItem, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<SdListItem, "sd-list-item", never, { "layout": { "alias": "layout"; "required": false; "isSignal": true; }; "open": { "alias": "open"; "required": false; "isSignal": true; }; "selected": { "alias": "selected"; "required": false; "isSignal": true; }; "selectedIcon": { "alias": "selectedIcon"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "contentStyle": { "alias": "contentStyle"; "required": false; "isSignal": true; }; "contentClass": { "alias": "contentClass"; "required": false; "isSignal": true; }; }, { "open": "openChange"; }, ["toolTpl", "_childLists"], ["*", "sd-list"], true, never>;

package/dist/controls/list/sd-list-item.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"sd-list-item.d.ts","sourceRoot":"","sources":["../../../src/controls/list/sd-list-item.ts"],"names":[],"mappings":"AAAA,OAAO,EASL,WAAW,EAEZ,MAAM,eAAe,CAAC;;AAQvB,qBA0Fa,UAAU;IACrB,MAAM,4DAA4C;IAClD,IAAI,+CAAgB;IACpB,QAAQ,qEAAiD;IACzD,YAAY,0DAAmB;IAC/B,QAAQ,qEAAiD;IACzD,YAAY,0DAAmB;IAC/B,YAAY,0DAAmB;IAE/B,OAAO,gEAA8C;IAErD,OAAO,CAAC,QAAQ,CAAC,WAAW,CAA2B;IAEvD,WAAW,0CAAiD;IAE5D,YAAY,0CAET;;IAMH,cAAc,IAAI,IAAI;yCAvBX,UAAU;2CAAV,UAAU;CA6BtB"}
+{"version":3,"file":"sd-list-item.d.ts","sourceRoot":"","sources":["../../../src/controls/list/sd-list-item.ts"],"names":[],"mappings":"AAAA,OAAO,EASL,WAAW,EAEZ,MAAM,eAAe,CAAC;;AAQvB,qBA4Ga,UAAU;IACrB,MAAM,4DAA4C;IAClD,IAAI,+CAAgB;IACpB,QAAQ,qEAAiD;IACzD,YAAY,0DAAmB;IAC/B,QAAQ,qEAAiD;IACzD,YAAY,0DAAmB;IAC/B,YAAY,0DAAmB;IAE/B,OAAO,gEAA8C;IAErD,OAAO,CAAC,QAAQ,CAAC,WAAW,CAA2B;IAEvD,WAAW,0CAAiD;IAE5D,YAAY,0CAET;IAEH,cAAc,IAAI,IAAI;yCAnBX,UAAU;2CAAV,UAAU;CAyBtB"}

package/dist/controls/list/sd-list-item.js

@@ -4,36 +4,36 @@ import { NgIcon } from "@ng-icons/core";
 import { SdCollapse } from "../collapse/sd-collapse";
 import { SdCollapseIcon } from "../collapse/sd-collapse-icon";
 import { SdList } from "./sd-list";
-import { setupRipple } from "../../core/ripple/setupRipple";
+import { SdRipple } from "../../core/ripple/sd-ripple";
 import * as i0 from "@angular/core";
 const _c0 = ["toolTpl"];
 const _c1 = ["*", [["sd-list"]]];
 const _c2 = ["*", "sd-list"];
 function SdListItem_Conditional_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "sd-collapse-icon", 1);
-} if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("open", ctx_r0.open());
-} }
-function SdListItem_Conditional_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "ng-icon", 5);
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
     i0.ɵɵclassProp("tx-theme-primary-default", ctx_r0.selected())("tx-trans-lightest", !ctx_r0.selected());
     i0.ɵɵproperty("svg", ctx_r0.selectedIcon());
 } }
-function SdListItem_Conditional_5_ng_template_1_Template(rf, ctx) { }
-function SdListItem_Conditional_5_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 4);
-    i0.ɵɵtemplate(1, SdListItem_Conditional_5_ng_template_1_Template, 0, 0, "ng-template", 6);
+function SdListItem_Conditional_4_ng_template_1_Template(rf, ctx) { }
+function SdListItem_Conditional_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 3);
+    i0.ɵɵtemplate(1, SdListItem_Conditional_4_ng_template_1_Template, 0, 0, "ng-template", 6);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
     i0.ɵɵadvance();
     i0.ɵɵproperty("ngTemplateOutlet", ctx_r0.toolTpl());
 } }
+function SdListItem_Conditional_5_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "sd-collapse-icon", 4);
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("open", ctx_r0.open());
+} }
 function SdListItem_Conditional_6_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "sd-collapse", 1);
+    i0.ɵɵelementStart(0, "sd-collapse", 4);
     i0.ɵɵprojection(1, 1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -54,9 +54,6 @@ export class SdListItem {
     childrenOpen = computed(() => {
         return this.layout() === "flat" ? true : this.open();
     }, ...(ngDevMode ? [{ debugName: "childrenOpen" }] : /* istanbul ignore next */ []));
-    constructor() {
-        setupRipple(() => !this.readonly() && this.layout() !== "flat");
-    }
     onContentClick() {
         if (this.readonly())
             return;
@@ -69,41 +66,39 @@ export class SdListItem {
             i0.ɵɵcontentQuerySignal(dirIndex, ctx.toolTpl, _c0, 5)(dirIndex, ctx._childLists, SdList, 4);
         } if (rf & 2) {
             i0.ɵɵqueryAdvance(2);
-        } }, hostVars: 4, hostBindings: function SdListItem_HostBindings(rf, ctx) { if (rf & 2) {
-            i0.ɵɵattribute("data-sd-layout", ctx.layout())("data-sd-selected", ctx.selected())("data-sd-readonly", ctx.readonly())("data-sd-has-children", ctx.hasChildren());
-        } }, inputs: { layout: [1, "layout"], open: [1, "open"], selected: [1, "selected"], selectedIcon: [1, "selectedIcon"], readonly: [1, "readonly"], contentStyle: [1, "contentStyle"], contentClass: [1, "contentClass"] }, outputs: { open: "openChange" }, ngContentSelectors: _c2, decls: 7, vars: 8, consts: [["tabindex", "0", 1, "_content", 3, "click", "keydown.enter"], [3, "open"], [3, "tx-theme-primary-default", "tx-trans-lightest", "svg"], [1, "_label"], [1, "_tool"], [3, "svg"], [3, "ngTemplateOutlet"]], template: function SdListItem_Template(rf, ctx) { if (rf & 1) {
+        } }, hostVars: 6, hostBindings: function SdListItem_HostBindings(rf, ctx) { if (rf & 2) {
+            i0.ɵɵattribute("data-sd-layout", ctx.layout())("data-sd-open", ctx.open())("data-sd-selected", ctx.selected())("data-sd-readonly", ctx.readonly())("data-sd-has-children", ctx.hasChildren())("data-sd-has-selected-icon", ctx.selectedIcon() != null);
+        } }, inputs: { layout: [1, "layout"], open: [1, "open"], selected: [1, "selected"], selectedIcon: [1, "selectedIcon"], readonly: [1, "readonly"], contentStyle: [1, "contentStyle"], contentClass: [1, "contentClass"] }, outputs: { open: "openChange" }, ngContentSelectors: _c2, decls: 7, vars: 9, consts: [["tabindex", "0", 1, "_content", 3, "click", "keydown.enter", "sdRipple"], [3, "tx-theme-primary-default", "tx-trans-lightest", "svg"], [1, "_label"], [1, "_tool"], [3, "open"], [3, "svg"], [3, "ngTemplateOutlet"]], template: function SdListItem_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef(_c1);
             i0.ɵɵelementStart(0, "div", 0);
             i0.ɵɵlistener("click", function SdListItem_Template_div_click_0_listener() { return ctx.onContentClick(); })("keydown.enter", function SdListItem_Template_div_keydown_enter_0_listener() { return ctx.onContentClick(); });
-            i0.ɵɵconditionalCreate(1, SdListItem_Conditional_1_Template, 1, 1, "sd-collapse-icon", 1);
-            i0.ɵɵconditionalCreate(2, SdListItem_Conditional_2_Template, 1, 5, "ng-icon", 2);
-            i0.ɵɵelementStart(3, "div", 3);
-            i0.ɵɵprojection(4);
+            i0.ɵɵconditionalCreate(1, SdListItem_Conditional_1_Template, 1, 5, "ng-icon", 1);
+            i0.ɵɵelementStart(2, "div", 2);
+            i0.ɵɵprojection(3);
             i0.ɵɵelementEnd();
-            i0.ɵɵconditionalCreate(5, SdListItem_Conditional_5_Template, 2, 1, "div", 4);
+            i0.ɵɵconditionalCreate(4, SdListItem_Conditional_4_Template, 2, 1, "div", 3);
+            i0.ɵɵconditionalCreate(5, SdListItem_Conditional_5_Template, 1, 1, "sd-collapse-icon", 4);
             i0.ɵɵelementEnd();
-            i0.ɵɵconditionalCreate(6, SdListItem_Conditional_6_Template, 2, 1, "sd-collapse", 1);
+            i0.ɵɵconditionalCreate(6, SdListItem_Conditional_6_Template, 2, 1, "sd-collapse", 4);
         } if (rf & 2) {
             i0.ɵɵstyleMap(ctx.contentStyle());
             i0.ɵɵclassMap(ctx.contentClass());
+            i0.ɵɵproperty("sdRipple", !ctx.readonly() && !(ctx.layout() === "flat" && ctx.hasChildren()));
             i0.ɵɵadvance();
-            i0.ɵɵconditional(ctx.layout() === "accordion" && ctx.hasChildren() ? 1 : -1);
-            i0.ɵɵadvance();
-            i0.ɵɵconditional(ctx.selectedIcon() !== undefined && !ctx.hasChildren() ? 2 : -1);
+            i0.ɵɵconditional(ctx.selectedIcon() != null && !ctx.hasChildren() ? 1 : -1);
             i0.ɵɵadvance(3);
-            i0.ɵɵconditional(ctx.toolTpl() ? 5 : -1);
+            i0.ɵɵconditional(ctx.toolTpl() ? 4 : -1);
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(ctx.layout() === "accordion" && ctx.hasChildren() ? 5 : -1);
             i0.ɵɵadvance();
             i0.ɵɵconditional(ctx.hasChildren() ? 6 : -1);
-        } }, dependencies: [SdCollapse, SdCollapseIcon, NgTemplateOutlet, NgIcon], styles: ["sd-list-item {\n  display: block;\n}\nsd-list-item > ._content {\n  display: flex;\n  align-items: center;\n  padding: var(--gap-sm) var(--gap-default);\n  cursor: pointer;\n  gap: var(--gap-sm);\n}\nsd-list-item > ._content > ._label {\n  flex: 1;\n}\nsd-list-item:hover > ._content {\n  background: var(--trans-lighter);\n}\nsd-list-item[data-sd-selected=true] > ._content {\n  background: var(--trans-lighter);\n  font-weight: bold;\n}\nsd-list-item[data-sd-readonly=true] > ._content {\n  cursor: default;\n}\nsd-list-item[data-sd-readonly=true]:hover > ._content {\n  background: transparent;\n}\nsd-list-item[data-sd-layout=flat] > ._content {\n  font-size: 0.85em;\n  opacity: 0.7;\n  cursor: default;\n}\nsd-list-item[data-sd-layout=flat]:hover > ._content {\n  background: transparent;\n}"], encapsulation: 2, changeDetection: 0 });
+        } }, dependencies: [SdCollapse, SdCollapseIcon, NgTemplateOutlet, NgIcon, SdRipple], styles: ["sd-list-item {\n  display: block;\n}\nsd-list-item > ._content {\n  display: flex;\n  padding: var(--gap-sm) var(--gap-default);\n  cursor: pointer;\n  gap: var(--gap-xs);\n}\nsd-list-item > ._content > ._label {\n  flex: 1 1 auto;\n  overflow: auto;\n}\nsd-list-item[data-sd-selected=true] > ._content {\n  background: var(--trans-lighter);\n  font-weight: bold;\n}\nsd-list-item[data-sd-has-selected-icon=true][data-sd-selected=true] > ._content {\n  color: var(--text-trans-default);\n}\nsd-list-item[data-sd-has-selected-icon=true][data-sd-selected=true] > ._content:hover {\n  background: var(--trans-lighter);\n}\nsd-list-item[data-sd-readonly=true] > ._content {\n  cursor: default;\n}\nsd-list-item[data-sd-layout=accordion]:not([data-sd-readonly=true]) > ._content:hover {\n  background: var(--trans-lighter);\n}\nsd-list-item[data-sd-layout=accordion] > sd-collapse > ._content > sd-list {\n  padding: var(--gap-xs) 0;\n}\nsd-list-item[data-sd-layout=flat][data-sd-has-children=true] > ._content {\n  display: block;\n  background: transparent;\n  cursor: default;\n  font-size: var(--font-size-sm);\n  opacity: 0.7;\n}\n\n.sd-theme-mobile > sd-list-item > ._content:hover {\n  background: transparent;\n}"], encapsulation: 2, changeDetection: 0 });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SdListItem, [{
         type: Component,
-        args: [{ selector: "sd-list-item", changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, standalone: true, imports: [SdCollapse, SdCollapseIcon, NgTemplateOutlet, NgIcon], template: `
-    <div class="_content" [style]="contentStyle()" [class]="contentClass()" tabindex="0" (click)="onContentClick()" (keydown.enter)="onContentClick()">
-      @if (layout() === "accordion" && hasChildren()) {
-        <sd-collapse-icon [open]="open()" />
-      }
-      @if (selectedIcon() !== undefined && !hasChildren()) {
+        args: [{ selector: "sd-list-item", changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, standalone: true, imports: [SdCollapse, SdCollapseIcon, NgTemplateOutlet, NgIcon, SdRipple], template: `
+    <div class="_content" [style]="contentStyle()" [class]="contentClass()" tabindex="0" (click)="onContentClick()" (keydown.enter)="onContentClick()" [sdRipple]="!readonly() && !(layout() === 'flat' && hasChildren())">
+      @if (selectedIcon() != null && !hasChildren()) {
         <ng-icon
           [class.tx-theme-primary-default]="selected()"
           [class.tx-trans-lightest]="!selected()"
@@ -118,6 +113,9 @@ export class SdListItem {
           <ng-template [ngTemplateOutlet]="toolTpl()!" />
         </div>
       }
+      @if (layout() === "accordion" && hasChildren()) {
+        <sd-collapse-icon [open]="open()" />
+      }
     </div>
     @if (hasChildren()) {
       <sd-collapse [open]="childrenOpen()">
@@ -126,9 +124,11 @@ export class SdListItem {
     }
   `, host: {
                     "[attr.data-sd-layout]": "layout()",
+                    "[attr.data-sd-open]": "open()",
                     "[attr.data-sd-selected]": "selected()",
                     "[attr.data-sd-readonly]": "readonly()",
                     "[attr.data-sd-has-children]": "hasChildren()",
-                }, styles: ["sd-list-item {\n  display: block;\n}\nsd-list-item > ._content {\n  display: flex;\n  align-items: center;\n  padding: var(--gap-sm) var(--gap-default);\n  cursor: pointer;\n  gap: var(--gap-sm);\n}\nsd-list-item > ._content > ._label {\n  flex: 1;\n}\nsd-list-item:hover > ._content {\n  background: var(--trans-lighter);\n}\nsd-list-item[data-sd-selected=true] > ._content {\n  background: var(--trans-lighter);\n  font-weight: bold;\n}\nsd-list-item[data-sd-readonly=true] > ._content {\n  cursor: default;\n}\nsd-list-item[data-sd-readonly=true]:hover > ._content {\n  background: transparent;\n}\nsd-list-item[data-sd-layout=flat] > ._content {\n  font-size: 0.85em;\n  opacity: 0.7;\n  cursor: default;\n}\nsd-list-item[data-sd-layout=flat]:hover > ._content {\n  background: transparent;\n}"] }]
-    }], () => [], { layout: [{ type: i0.Input, args: [{ isSignal: true, alias: "layout", required: false }] }], open: [{ type: i0.Input, args: [{ isSignal: true, alias: "open", required: false }] }, { type: i0.Output, args: ["openChange"] }], selected: [{ type: i0.Input, args: [{ isSignal: true, alias: "selected", required: false }] }], selectedIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectedIcon", required: false }] }], readonly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readonly", required: false }] }], contentStyle: [{ type: i0.Input, args: [{ isSignal: true, alias: "contentStyle", required: false }] }], contentClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "contentClass", required: false }] }], toolTpl: [{ type: i0.ContentChild, args: ["toolTpl", { isSignal: true }] }], _childLists: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => SdList), { isSignal: true }] }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SdListItem, { className: "SdListItem", filePath: "packages/angular/src/controls/list/sd-list-item.ts", lineNumber: 110, forbidOrphanRendering: true }); })();
+                    "[attr.data-sd-has-selected-icon]": "selectedIcon() != null",
+                }, styles: ["sd-list-item {\n  display: block;\n}\nsd-list-item > ._content {\n  display: flex;\n  padding: var(--gap-sm) var(--gap-default);\n  cursor: pointer;\n  gap: var(--gap-xs);\n}\nsd-list-item > ._content > ._label {\n  flex: 1 1 auto;\n  overflow: auto;\n}\nsd-list-item[data-sd-selected=true] > ._content {\n  background: var(--trans-lighter);\n  font-weight: bold;\n}\nsd-list-item[data-sd-has-selected-icon=true][data-sd-selected=true] > ._content {\n  color: var(--text-trans-default);\n}\nsd-list-item[data-sd-has-selected-icon=true][data-sd-selected=true] > ._content:hover {\n  background: var(--trans-lighter);\n}\nsd-list-item[data-sd-readonly=true] > ._content {\n  cursor: default;\n}\nsd-list-item[data-sd-layout=accordion]:not([data-sd-readonly=true]) > ._content:hover {\n  background: var(--trans-lighter);\n}\nsd-list-item[data-sd-layout=accordion] > sd-collapse > ._content > sd-list {\n  padding: var(--gap-xs) 0;\n}\nsd-list-item[data-sd-layout=flat][data-sd-has-children=true] > ._content {\n  display: block;\n  background: transparent;\n  cursor: default;\n  font-size: var(--font-size-sm);\n  opacity: 0.7;\n}\n\n.sd-theme-mobile > sd-list-item > ._content:hover {\n  background: transparent;\n}"] }]
+    }], null, { layout: [{ type: i0.Input, args: [{ isSignal: true, alias: "layout", required: false }] }], open: [{ type: i0.Input, args: [{ isSignal: true, alias: "open", required: false }] }, { type: i0.Output, args: ["openChange"] }], selected: [{ type: i0.Input, args: [{ isSignal: true, alias: "selected", required: false }] }], selectedIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectedIcon", required: false }] }], readonly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readonly", required: false }] }], contentStyle: [{ type: i0.Input, args: [{ isSignal: true, alias: "contentStyle", required: false }] }], contentClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "contentClass", required: false }] }], toolTpl: [{ type: i0.ContentChild, args: ["toolTpl", { isSignal: true }] }], _childLists: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => SdList), { isSignal: true }] }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SdListItem, { className: "SdListItem", filePath: "packages/angular/src/controls/list/sd-list-item.ts", lineNumber: 128 }); })();

package/dist/controls/list/sd-list.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"sd-list.d.ts","sourceRoot":"","sources":["../../../src/controls/list/sd-list.ts"],"names":[],"mappings":";AAQA,qBA8Ba,MAAM;IACjB,KAAK,qEAAiD;yCAD3C,MAAM;2CAAN,MAAM;CAElB"}
+{"version":3,"file":"sd-list.d.ts","sourceRoot":"","sources":["../../../src/controls/list/sd-list.ts"],"names":[],"mappings":";AAQA,qBA+Ba,MAAM;IACjB,KAAK,qEAAiD;yCAD3C,MAAM;2CAAN,MAAM;CAElB"}

package/dist/controls/list/sd-list.js

@@ -9,7 +9,7 @@ export class SdList {
         } }, inputs: { inset: [1, "inset"] }, ngContentSelectors: _c0, decls: 1, vars: 0, template: function SdList_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef();
             i0.ɵɵprojection(0);
-        } }, styles: ["sd-list {\n  display: block;\n  user-select: none;\n  background: var(--control-color);\n}\nsd-list[data-sd-inset=true] {\n  background: transparent;\n}\nsd-list[data-sd-inset=true] sd-list {\n  background: transparent;\n}"], encapsulation: 2, changeDetection: 0 });
+        } }, styles: ["sd-list {\n  display: flex;\n  flex-direction: column;\n  user-select: none;\n  background: var(--control-color);\n}\nsd-list[data-sd-inset=true] {\n  background: transparent;\n}\nsd-list[data-sd-inset=true] sd-list {\n  background: transparent;\n}"], encapsulation: 2, changeDetection: 0 });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SdList, [{
         type: Component,
@@ -17,6 +17,6 @@ export class SdList {
     <ng-content />
   `, host: {
                     "[attr.data-sd-inset]": "inset()",
-                }, styles: ["sd-list {\n  display: block;\n  user-select: none;\n  background: var(--control-color);\n}\nsd-list[data-sd-inset=true] {\n  background: transparent;\n}\nsd-list[data-sd-inset=true] sd-list {\n  background: transparent;\n}"] }]
+                }, styles: ["sd-list {\n  display: flex;\n  flex-direction: column;\n  user-select: none;\n  background: var(--control-color);\n}\nsd-list[data-sd-inset=true] {\n  background: transparent;\n}\nsd-list[data-sd-inset=true] sd-list {\n  background: transparent;\n}"] }]
     }], null, { inset: [{ type: i0.Input, args: [{ isSignal: true, alias: "inset", required: false }] }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SdList, { className: "SdList", filePath: "packages/angular/src/controls/list/sd-list.ts", lineNumber: 39, forbidOrphanRendering: true }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SdList, { className: "SdList", filePath: "packages/angular/src/controls/list/sd-list.ts", lineNumber: 40 }); })();

package/dist/controls/pagination/sd-pagination.js

@@ -138,4 +138,4 @@ export class SdPagination {
                     class: "flex-row gap-xs",
                 }, styles: ["sd-pagination > sd-anchor {\n  display: inline-block;\n  padding: var(--gap-xs);\n}"] }]
     }], null, { currentPage: [{ type: i0.Input, args: [{ isSignal: true, alias: "currentPage", required: false }] }, { type: i0.Output, args: ["currentPageChange"] }], totalPageCount: [{ type: i0.Input, args: [{ isSignal: true, alias: "totalPageCount", required: false }] }], visiblePageCount: [{ type: i0.Input, args: [{ isSignal: true, alias: "visiblePageCount", required: false }] }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SdPagination, { className: "SdPagination", filePath: "packages/angular/src/controls/pagination/sd-pagination.ts", lineNumber: 62, forbidOrphanRendering: true }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SdPagination, { className: "SdPagination", filePath: "packages/angular/src/controls/pagination/sd-pagination.ts", lineNumber: 62 }); })();

package/dist/controls/select/sd-select-button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"sd-select-button.d.ts","sourceRoot":"","sources":["../../../src/controls/select/sd-select-button.ts"],"names":[],"mappings":";AAOA,qBA+Ba,cAAc;;yCAAd,cAAc;2CAAd,cAAc;CAI1B"}
+{"version":3,"file":"sd-select-button.d.ts","sourceRoot":"","sources":["../../../src/controls/select/sd-select-button.ts"],"names":[],"mappings":";AAOA,qBA4Ba,cAAc;;yCAAd,cAAc;2CAAd,cAAc;CAI1B"}

package/dist/controls/select/sd-select-button.js

@@ -7,19 +7,15 @@ export class SdSelectButton {
         setupRipple(() => true);
     }
     static ɵfac = function SdSelectButton_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SdSelectButton)(); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SdSelectButton, selectors: [["sd-select-button"]], hostVars: 1, hostBindings: function SdSelectButton_HostBindings(rf, ctx) { if (rf & 2) {
-            i0.ɵɵattribute("tabindex", 0);
-        } }, ngContentSelectors: _c0, decls: 1, vars: 0, template: function SdSelectButton_Template(rf, ctx) { if (rf & 1) {
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SdSelectButton, selectors: [["sd-select-button"]], ngContentSelectors: _c0, decls: 1, vars: 0, template: function SdSelectButton_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef();
             i0.ɵɵprojection(0);
-        } }, styles: ["sd-select-button {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  padding: var(--gap-sm) var(--gap-default);\n  cursor: pointer;\n  border-left: 1px solid var(--trans-lighter);\n  position: relative;\n  overflow: hidden;\n}\nsd-select-button:hover {\n  background: var(--trans-lighter);\n}"], encapsulation: 2, changeDetection: 0 });
+        } }, styles: ["sd-select-button {\n  display: block;\n  background: var(--control-color);\n  font-weight: bold;\n  cursor: pointer;\n  color: var(--theme-primary-default);\n  transition: background 0.1s linear;\n}\nsd-select-button:hover {\n  color: var(--theme-primary-darker);\n  background: var(--theme-gray-lightest);\n}"], encapsulation: 2, changeDetection: 0 });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SdSelectButton, [{
         type: Component,
         args: [{ selector: "sd-select-button", changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, standalone: true, imports: [], template: `
     <ng-content />
-  `, host: {
-                    "[attr.tabindex]": "0",
-                }, styles: ["sd-select-button {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  padding: var(--gap-sm) var(--gap-default);\n  cursor: pointer;\n  border-left: 1px solid var(--trans-lighter);\n  position: relative;\n  overflow: hidden;\n}\nsd-select-button:hover {\n  background: var(--trans-lighter);\n}"] }]
+  `, host: {}, styles: ["sd-select-button {\n  display: block;\n  background: var(--control-color);\n  font-weight: bold;\n  cursor: pointer;\n  color: var(--theme-primary-default);\n  transition: background 0.1s linear;\n}\nsd-select-button:hover {\n  color: var(--theme-primary-darker);\n  background: var(--theme-gray-lightest);\n}"] }]
     }], () => [], null); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SdSelectButton, { className: "SdSelectButton", filePath: "packages/angular/src/controls/select/sd-select-button.ts", lineNumber: 39, forbidOrphanRendering: true }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SdSelectButton, { className: "SdSelectButton", filePath: "packages/angular/src/controls/select/sd-select-button.ts", lineNumber: 36 }); })();

package/dist/controls/select/sd-select-item.d.ts

@@ -4,15 +4,15 @@ export declare class SdSelectItem<T> {
     protected readonly _parentControl: SdSelect<any, T>;
     private readonly _elRef;
     private readonly _destroyRef;
-    value: import("@angular/core").InputSignal<T>;
+    value: import("@angular/core").InputSignal<T | undefined>;
     disabled: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
     hidden: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
     contentHTML: import("@angular/core").WritableSignal<string>;
     isSelected: import("@angular/core").Signal<boolean>;
     constructor();
-    onClick(): void;
+    onClick(event: MouseEvent): void;
     onKeydown(event: KeyboardEvent): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SdSelectItem<any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SdSelectItem<any>, "sd-select-item", never, { "value": { "alias": "value"; "required": true; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "hidden": { "alias": "hidden"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SdSelectItem<any>, "sd-select-item", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "hidden": { "alias": "hidden"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }
 //# sourceMappingURL=sd-select-item.d.ts.map

package/dist/controls/select/sd-select-item.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"sd-select-item.d.ts","sourceRoot":"","sources":["../../../src/controls/select/sd-select-item.ts"],"names":[],"mappings":"AAcA,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;;AAIvC,qBA6Da,YAAY,CAAC,CAAC;IACzB,SAAS,CAAC,QAAQ,CAAC,cAAc,mBAE/B;IACF,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAmC;IAC1D,OAAO,CAAC,QAAQ,CAAC,WAAW,CAAsB;IAElD,KAAK,yCAAuB;IAC5B,QAAQ,qEAAiD;IACzD,MAAM,qEAAiD;IAEvD,WAAW,iDAAc;IAEzB,UAAU,0CAQP;;IAkBH,OAAO,IAAI,IAAI;IAKf,SAAS,CAAC,KAAK,EAAE,aAAa,GAAG,IAAI;yCA5C1B,YAAY;2CAAZ,YAAY;CA+DxB"}
+{"version":3,"file":"sd-select-item.d.ts","sourceRoot":"","sources":["../../../src/controls/select/sd-select-item.ts"],"names":[],"mappings":"AAcA,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;;AAIvC,qBAmEa,YAAY,CAAC,CAAC;IACzB,SAAS,CAAC,QAAQ,CAAC,cAAc,mBAE/B;IACF,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAmC;IAC1D,OAAO,CAAC,QAAQ,CAAC,WAAW,CAAsB;IAElD,KAAK,qDAAmC;IACxC,QAAQ,qEAAiD;IACzD,MAAM,qEAAiD;IAEvD,WAAW,iDAAc;IAEzB,UAAU,0CAQP;;IAkBH,OAAO,CAAC,KAAK,EAAE,UAAU,GAAG,IAAI;IAOhC,SAAS,CAAC,KAAK,EAAE,aAAa,GAAG,IAAI;yCA9C1B,YAAY;2CAAZ,YAAY;CAiExB"}

package/dist/controls/select/sd-select-item.js

@@ -4,7 +4,7 @@ import { SdCheckbox } from "../checkbox/sd-checkbox";
 import { SdGap } from "../gap/sd-gap";
 import * as i0 from "@angular/core";
 const _c0 = ["*"];
-function SdSelectItem_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+function SdSelectItem_Conditional_0_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "sd-checkbox", 1)(1, "sd-gap", 2);
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
@@ -16,7 +16,7 @@ export class SdSelectItem {
     _parentControl = inject(forwardRef(() => SdSelect));
     _elRef = inject((ElementRef));
     _destroyRef = inject(DestroyRef);
-    value = input.required(...(ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []));
+    value = input(undefined, ...(ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []));
     disabled = input(false, { ...(ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
     hidden = input(false, { ...(ngDevMode ? { debugName: "hidden" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
     contentHTML = signal("", ...(ngDevMode ? [{ debugName: "contentHTML" }] : /* istanbul ignore next */ []));
@@ -42,7 +42,9 @@ export class SdSelectItem {
             this._destroyRef.onDestroy(() => observer.disconnect());
         });
     }
-    onClick() {
+    onClick(event) {
+        event.preventDefault();
+        event.stopPropagation();
         if (this.disabled())
             return;
         this._parentControl.selectItem(this.value());
@@ -70,34 +72,39 @@ export class SdSelectItem {
         }
     }
     static ɵfac = function SdSelectItem_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SdSelectItem)(); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SdSelectItem, selectors: [["sd-select-item"]], hostVars: 3, hostBindings: function SdSelectItem_HostBindings(rf, ctx) { if (rf & 2) {
-            i0.ɵɵattribute("data-sd-selected", ctx.isSelected())("data-sd-disabled", ctx.disabled())("data-sd-hidden", ctx.hidden());
-        } }, inputs: { value: [1, "value"], disabled: [1, "disabled"], hidden: [1, "hidden"] }, ngContentSelectors: _c0, decls: 3, vars: 1, consts: [["tabindex", "0", 1, "_content", 3, "click", "keydown"], [3, "value", "inline"], [3, "width"]], template: function SdSelectItem_Template(rf, ctx) { if (rf & 1) {
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SdSelectItem, selectors: [["sd-select-item"]], hostVars: 5, hostBindings: function SdSelectItem_HostBindings(rf, ctx) { if (rf & 1) {
+            i0.ɵɵlistener("click", function SdSelectItem_click_HostBindingHandler($event) { return ctx.onClick($event); })("keydown", function SdSelectItem_keydown_HostBindingHandler($event) { return ctx.onKeydown($event); });
+        } if (rf & 2) {
+            i0.ɵɵattribute("tabindex", "0")("data-sd-select-mode", ctx._parentControl.selectMode())("data-sd-selected", ctx.isSelected())("data-sd-disabled", ctx.disabled())("data-sd-hidden", ctx.hidden());
+        } }, inputs: { value: [1, "value"], disabled: [1, "disabled"], hidden: [1, "hidden"] }, ngContentSelectors: _c0, decls: 3, vars: 1, consts: [[1, "_content", 2, "display", "inline-block"], [3, "value", "inline"], [3, "width"]], template: function SdSelectItem_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef();
-            i0.ɵɵelementStart(0, "div", 0);
-            i0.ɵɵlistener("click", function SdSelectItem_Template_div_click_0_listener() { return ctx.onClick(); })("keydown", function SdSelectItem_Template_div_keydown_0_listener($event) { return ctx.onKeydown($event); });
-            i0.ɵɵconditionalCreate(1, SdSelectItem_Conditional_1_Template, 2, 3);
+            i0.ɵɵconditionalCreate(0, SdSelectItem_Conditional_0_Template, 2, 3);
+            i0.ɵɵelementStart(1, "div", 0);
             i0.ɵɵprojection(2);
             i0.ɵɵelementEnd();
         } if (rf & 2) {
-            i0.ɵɵadvance();
-            i0.ɵɵconditional(ctx._parentControl.selectMode() === "multi" ? 1 : -1);
-        } }, dependencies: [SdCheckbox, SdGap], styles: ["sd-select-item {\n  display: block;\n}\nsd-select-item > ._content {\n  padding: var(--gap-sm) var(--gap-default);\n  cursor: pointer;\n}\nsd-select-item > ._content:hover {\n  background: var(--trans-lighter);\n}\nsd-select-item > ._content:focus {\n  outline: none;\n  background: var(--trans-lighter);\n}\nsd-select-item[data-sd-selected=true] > ._content {\n  background: var(--trans-lighter);\n  font-weight: bold;\n}\nsd-select-item[data-sd-disabled=true] > ._content {\n  opacity: 0.3;\n  cursor: default;\n  pointer-events: none;\n}\nsd-select-item[data-sd-hidden=true] {\n  display: none;\n}"], encapsulation: 2, changeDetection: 0 });
+            i0.ɵɵconditional(ctx._parentControl.selectMode() === "multi" ? 0 : -1);
+        } }, dependencies: [SdCheckbox, SdGap], styles: ["sd-select-item {\n  display: block;\n  padding: var(--gap-sm) var(--gap-default);\n  cursor: pointer;\n  transition: background 0.1s ease-in;\n  background: var(--control-color);\n}\nsd-select-item:hover {\n  transition: background 0.1s ease-out;\n  background: rgba(0, 0, 0, 0.07);\n}\nsd-select-item:focus {\n  outline: none;\n  transition: background 0.1s ease-out;\n  background: rgba(0, 0, 0, 0.07);\n}\nsd-select-item[data-sd-selected=true] {\n  color: var(--theme-primary-default);\n  font-weight: bold;\n  background: rgba(0, 0, 0, 0.07);\n}\nsd-select-item[data-sd-disabled=true] {\n  background: var(--theme-gray-default);\n  opacity: 0.3;\n  cursor: default;\n  pointer-events: none;\n}\nsd-select-item[data-sd-hidden=true] {\n  display: none;\n}"], encapsulation: 2, changeDetection: 0 });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SdSelectItem, [{
         type: Component,
         args: [{ selector: "sd-select-item", changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, standalone: true, imports: [SdCheckbox, SdGap], template: `
-    <div class="_content" tabindex="0" (click)="onClick()" (keydown)="onKeydown($event)">
-      @if (_parentControl.selectMode() === "multi") {
-        <sd-checkbox [value]="isSelected()" [inline]="true" />
-        <sd-gap [width]="'sm'" />
-      }
+    @if (_parentControl.selectMode() === "multi") {
+      <sd-checkbox [value]="isSelected()" [inline]="true" />
+      <sd-gap [width]="'sm'" />
+    }
+
+    <div class="_content" style="display: inline-block;">
       <ng-content />
     </div>
   `, host: {
+                    "[attr.tabindex]": "'0'",
+                    "[attr.data-sd-select-mode]": "_parentControl.selectMode()",
                     "[attr.data-sd-selected]": "isSelected()",
                     "[attr.data-sd-disabled]": "disabled()",
                     "[attr.data-sd-hidden]": "hidden()",
-                }, styles: ["sd-select-item {\n  display: block;\n}\nsd-select-item > ._content {\n  padding: var(--gap-sm) var(--gap-default);\n  cursor: pointer;\n}\nsd-select-item > ._content:hover {\n  background: var(--trans-lighter);\n}\nsd-select-item > ._content:focus {\n  outline: none;\n  background: var(--trans-lighter);\n}\nsd-select-item[data-sd-selected=true] > ._content {\n  background: var(--trans-lighter);\n  font-weight: bold;\n}\nsd-select-item[data-sd-disabled=true] > ._content {\n  opacity: 0.3;\n  cursor: default;\n  pointer-events: none;\n}\nsd-select-item[data-sd-hidden=true] {\n  display: none;\n}"] }]
-    }], () => [], { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: true }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], hidden: [{ type: i0.Input, args: [{ isSignal: true, alias: "hidden", required: false }] }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SdSelectItem, { className: "SdSelectItem", filePath: "packages/angular/src/controls/select/sd-select-item.ts", lineNumber: 80, forbidOrphanRendering: true }); })();
+                    "(click)": "onClick($event)",
+                    "(keydown)": "onKeydown($event)",
+                }, styles: ["sd-select-item {\n  display: block;\n  padding: var(--gap-sm) var(--gap-default);\n  cursor: pointer;\n  transition: background 0.1s ease-in;\n  background: var(--control-color);\n}\nsd-select-item:hover {\n  transition: background 0.1s ease-out;\n  background: rgba(0, 0, 0, 0.07);\n}\nsd-select-item:focus {\n  outline: none;\n  transition: background 0.1s ease-out;\n  background: rgba(0, 0, 0, 0.07);\n}\nsd-select-item[data-sd-selected=true] {\n  color: var(--theme-primary-default);\n  font-weight: bold;\n  background: rgba(0, 0, 0, 0.07);\n}\nsd-select-item[data-sd-disabled=true] {\n  background: var(--theme-gray-default);\n  opacity: 0.3;\n  cursor: default;\n  pointer-events: none;\n}\nsd-select-item[data-sd-hidden=true] {\n  display: none;\n}"] }]
+    }], () => [], { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], hidden: [{ type: i0.Input, args: [{ isSignal: true, alias: "hidden", required: false }] }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SdSelectItem, { className: "SdSelectItem", filePath: "packages/angular/src/controls/select/sd-select-item.ts", lineNumber: 86 }); })();

package/dist/controls/select/sd-select.d.ts

@@ -17,10 +17,11 @@ export declare class SdSelect<M extends "single" | "multi", T> {
     hideSelectAll: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
     multiSelectionDisplayDirection: import("@angular/core").InputSignal<"vertical" | undefined>;
     items: import("@angular/core").InputSignal<T[] | undefined>;
+    trackByFn: import("@angular/core").InputSignal<(item: T, index: number) => unknown>;
     getChildrenFn: import("@angular/core").InputSignal<((item: T) => T[] | undefined) | undefined>;
     contentClass: import("@angular/core").InputSignal<string | undefined>;
     contentStyle: import("@angular/core").InputSignal<string | undefined>;
-    dropdownOpen: import("@angular/core").WritableSignal<boolean>;
+    dropdownOpen: import("@angular/core").ModelSignal<boolean>;
     protected readonly tablerCaretDown = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"stroke-width:var(--ng-icon__stroke-width, 2)\"><path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\"></path><path d=\"M6 10l6 6l6 -6h-12\"></path></svg>";
     _itemControls: import("@angular/core").Signal<readonly SdSelectItem<any>[]>;
     private readonly _dropdownControl;
@@ -35,14 +36,14 @@ export declare class SdSelect<M extends "single" | "multi", T> {
         depth: number;
     }[]>;
     constructor();
-    selectItem(itemValue: T): void;
-    toggleItem(itemValue: T): void;
+    selectItem(itemValue: T | undefined): void;
+    toggleItem(itemValue: T | undefined): void;
     private _setOrToggle;
     onSelectAll(): void;
     onDeselectAll(): void;
     closeDropdown(): void;
     openDropdown(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SdSelect<any, any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SdSelect<any, any>, "sd-select", never, { "selectMode": { "alias": "selectMode"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "inline": { "alias": "inline"; "required": false; "isSignal": true; }; "inset": { "alias": "inset"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "hideSelectAll": { "alias": "hideSelectAll"; "required": false; "isSignal": true; }; "multiSelectionDisplayDirection": { "alias": "multiSelectionDisplayDirection"; "required": false; "isSignal": true; }; "items": { "alias": "items"; "required": false; "isSignal": true; }; "getChildrenFn": { "alias": "getChildrenFn"; "required": false; "isSignal": true; }; "contentClass": { "alias": "contentClass"; "required": false; "isSignal": true; }; "contentStyle": { "alias": "contentStyle"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, ["_itemControls", "_headerTpl", "_beforeTpl", "_itemOfTpl"], ["sd-select-button", "*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SdSelect<any, any>, "sd-select", never, { "selectMode": { "alias": "selectMode"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "inline": { "alias": "inline"; "required": false; "isSignal": true; }; "inset": { "alias": "inset"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "hideSelectAll": { "alias": "hideSelectAll"; "required": false; "isSignal": true; }; "multiSelectionDisplayDirection": { "alias": "multiSelectionDisplayDirection"; "required": false; "isSignal": true; }; "items": { "alias": "items"; "required": false; "isSignal": true; }; "trackByFn": { "alias": "trackByFn"; "required": false; "isSignal": true; }; "getChildrenFn": { "alias": "getChildrenFn"; "required": false; "isSignal": true; }; "contentClass": { "alias": "contentClass"; "required": false; "isSignal": true; }; "contentStyle": { "alias": "contentStyle"; "required": false; "isSignal": true; }; "dropdownOpen": { "alias": "dropdownOpen"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "dropdownOpen": "dropdownOpenChange"; }, ["_itemControls", "_headerTpl", "_beforeTpl", "_itemOfTpl"], ["sd-select-button", "*"], true, never>;
 }
 //# sourceMappingURL=sd-select.d.ts.map

package/dist/controls/select/sd-select.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"sd-select.d.ts","sourceRoot":"","sources":["../../../src/controls/select/sd-select.ts"],"names":[],"mappings":"AAAA,OAAO,EAYL,WAAW,EAIZ,MAAM,eAAe,CAAC;AAIvB,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;;AAUhD,MAAM,MAAM,eAAe,CAAC,CAAC,IAAI;IAC/B,KAAK,EAAE,CAAC,EAAE,CAAC;IACX,MAAM,EAAE,CAAC,CAAC;CACX,CAAC;AAEF,qBAmJa,QAAQ,CAAC,CAAC,SAAS,QAAQ,GAAG,OAAO,EAAE,CAAC;IACnD,UAAU,yCAAwB;IAClC,KAAK,2EAAoC;IACzC,WAAW,0DAAmB;IAC9B,QAAQ,qEAAiD;IACzD,MAAM,qEAAiD;IACvD,KAAK,qEAAiD;IACtD,IAAI,+DAAwB;IAC5B,QAAQ,qEAAiD;IAEzD,aAAa,qEAAiD;IAC9D,8BAA8B,8DAAuB;IAErD,KAAK,uDAAgB;IACrB,aAAa,8CAAgB,CAAC,KAAK,CAAC,EAAE,GAAG,SAAS,eAAI;IAEtD,YAAY,0DAAmB;IAC/B,YAAY,0DAAmB;IAE/B,YAAY,kDAAiB;IAE7B,SAAS,CAAC,QAAQ,CAAC,eAAe,iUAAmB;IAErD,aAAa,+DAAiC;IAC9C,OAAO,CAAC,QAAQ,CAAC,gBAAgB,CAAkC;IACnE,OAAO,CAAC,QAAQ,CAAC,cAAc,CAG7B;IAEF,UAAU,gEAAgD;IAC1D,UAAU,gEAAgD;IAC1D,UAAU,+DAAyD;IAEnE,wBAAwB,6DAAyC;IAEjE,UAAU;cAIY,CAAC;eAAS,MAAM;eAAS,MAAM;SAelD;;IA6HH,UAAU,CAAC,SAAS,EAAE,CAAC,GAAG,IAAI;IAO9B,UAAU,CAAC,SAAS,EAAE,CAAC,GAAG,IAAI;IAI9B,OAAO,CAAC,YAAY;IAepB,WAAW,IAAI,IAAI;IAQnB,aAAa,IAAI,IAAI;IAIrB,aAAa,IAAI,IAAI;IAIrB,YAAY,IAAI,IAAI;yCA9NT,QAAQ;2CAAR,QAAQ;CAkOpB"}
+{"version":3,"file":"sd-select.d.ts","sourceRoot":"","sources":["../../../src/controls/select/sd-select.ts"],"names":[],"mappings":"AAAA,OAAO,EAYL,WAAW,EAIZ,MAAM,eAAe,CAAC;AAIvB,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;;AAUhD,MAAM,MAAM,eAAe,CAAC,CAAC,IAAI;IAC/B,KAAK,EAAE,CAAC,EAAE,CAAC;IACX,MAAM,EAAE,CAAC,CAAC;CACX,CAAC;AAEF,qBAuNa,QAAQ,CAAC,CAAC,SAAS,QAAQ,GAAG,OAAO,EAAE,CAAC;IACnD,UAAU,yCAAwB;IAClC,KAAK,2EAAoC;IACzC,WAAW,0DAAmB;IAC9B,QAAQ,qEAAiD;IACzD,MAAM,qEAAiD;IACvD,KAAK,qEAAiD;IACtD,IAAI,+DAAwB;IAC5B,QAAQ,qEAAiD;IAEzD,aAAa,qEAAiD;IAC9D,8BAA8B,8DAAuB;IAErD,KAAK,uDAAgB;IACrB,SAAS,6CAAgB,CAAC,SAAS,MAAM,KAAK,OAAO,EAAkB;IACvE,aAAa,8CAAgB,CAAC,KAAK,CAAC,EAAE,GAAG,SAAS,eAAI;IAEtD,YAAY,0DAAmB;IAC/B,YAAY,0DAAmB;IAE/B,YAAY,+CAAgB;IAE5B,SAAS,CAAC,QAAQ,CAAC,eAAe,iUAAmB;IAErD,aAAa,+DAAiC;IAC9C,OAAO,CAAC,QAAQ,CAAC,gBAAgB,CAAkC;IACnE,OAAO,CAAC,QAAQ,CAAC,cAAc,CAG7B;IAEF,UAAU,gEAAgD;IAC1D,UAAU,gEAAgD;IAC1D,UAAU,+DAAyD;IAEnE,wBAAwB,6DAAyC;IAEjE,UAAU;cAIY,CAAC;eAAS,MAAM;eAAS,MAAM;SAelD;;IA8HH,UAAU,CAAC,SAAS,EAAE,CAAC,GAAG,SAAS,GAAG,IAAI;IAO1C,UAAU,CAAC,SAAS,EAAE,CAAC,GAAG,SAAS,GAAG,IAAI;IAI1C,OAAO,CAAC,YAAY;IAepB,WAAW,IAAI,IAAI;IAQnB,aAAa,IAAI,IAAI;IAIrB,aAAa,IAAI,IAAI;IAIrB,YAAY,IAAI,IAAI;yCAhOT,QAAQ;2CAAR,QAAQ;CAoOpB"}