@simplysm/angular 14.2.1 → 14.2.3

package/dist/controls/button/sd-anchor.d.ts

@@ -1,7 +1,7 @@
 import * as i0 from "@angular/core";
 export declare class SdAnchor {
     disabled: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
-    theme: import("@angular/core").InputSignal<"info" | "success" | "primary" | "secondary" | "warning" | "danger" | "gray" | "blue-gray">;
+    theme: import("@angular/core").InputSignal<"info" | "success" | "primary" | "warning" | "danger" | "gray" | "blue-gray">;
     static ɵfac: i0.ɵɵFactoryDeclaration<SdAnchor, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<SdAnchor, "sd-anchor", never, { "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "theme": { "alias": "theme"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }

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

@@ -1 +1 @@
-{"version":3,"file":"sd-anchor.d.ts","sourceRoot":"","sources":["../../../src/controls/button/sd-anchor.ts"],"names":[],"mappings":";AAQA,qBAoDa,QAAQ;IACnB,QAAQ,qEAAiD;IACzD,KAAK,kIAEQ;yCAJF,QAAQ;2CAAR,QAAQ;CAKpB"}
+{"version":3,"file":"sd-anchor.d.ts","sourceRoot":"","sources":["../../../src/controls/button/sd-anchor.ts"],"names":[],"mappings":";AAQA,qBAoDa,QAAQ;IACnB,QAAQ,qEAAiD;IACzD,KAAK,oHAEH;yCAJS,QAAQ;2CAAR,QAAQ;CAKpB"}

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

@@ -11,7 +11,7 @@ export class SdAnchor {
         } }, inputs: { disabled: [1, "disabled"], theme: [1, "theme"] }, ngContentSelectors: _c0, decls: 1, vars: 0, template: function SdAnchor_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef();
             i0.ɵɵprojection(0);
-        } }, styles: ["sd-anchor {\n  display: inline-block;\n  cursor: pointer;\n}\nsd-anchor[data-sd-theme=gray] {\n  color: var(--sd-tx-gray);\n}\nsd-anchor[data-sd-theme=gray]:hover {\n  color: var(--sd-tx-gray-hover);\n  text-decoration: underline;\n}\nsd-anchor[data-sd-theme=gray]:active {\n  color: var(--sd-tx-gray);\n}\n@media all and (pointer: coarse) {\n  sd-anchor[data-sd-theme=gray]:hover {\n    color: var(--sd-tx-gray);\n    text-decoration: none;\n  }\n}\nsd-anchor[data-sd-theme=blue-gray] {\n  color: var(--sd-tx-blue-gray);\n}\nsd-anchor[data-sd-theme=blue-gray]:hover {\n  color: var(--sd-tx-blue-gray-hover);\n  text-decoration: underline;\n}\nsd-anchor[data-sd-theme=blue-gray]:active {\n  color: var(--sd-tx-blue-gray);\n}\n@media all and (pointer: coarse) {\n  sd-anchor[data-sd-theme=blue-gray]:hover {\n    color: var(--sd-tx-blue-gray);\n    text-decoration: none;\n  }\n}\nsd-anchor[data-sd-theme=primary] {\n  color: var(--sd-tx-primary);\n}\nsd-anchor[data-sd-theme=primary]:hover {\n  color: var(--sd-tx-primary-hover);\n  text-decoration: underline;\n}\nsd-anchor[data-sd-theme=primary]:active {\n  color: var(--sd-tx-primary);\n}\n@media all and (pointer: coarse) {\n  sd-anchor[data-sd-theme=primary]:hover {\n    color: var(--sd-tx-primary);\n    text-decoration: none;\n  }\n}\nsd-anchor[data-sd-theme=secondary] {\n  color: var(--sd-tx-secondary);\n}\nsd-anchor[data-sd-theme=secondary]:hover {\n  color: var(--sd-tx-secondary-hover);\n  text-decoration: underline;\n}\nsd-anchor[data-sd-theme=secondary]:active {\n  color: var(--sd-tx-secondary);\n}\n@media all and (pointer: coarse) {\n  sd-anchor[data-sd-theme=secondary]:hover {\n    color: var(--sd-tx-secondary);\n    text-decoration: none;\n  }\n}\nsd-anchor[data-sd-theme=info] {\n  color: var(--sd-tx-info);\n}\nsd-anchor[data-sd-theme=info]:hover {\n  color: var(--sd-tx-info-hover);\n  text-decoration: underline;\n}\nsd-anchor[data-sd-theme=info]:active {\n  color: var(--sd-tx-info);\n}\n@media all and (pointer: coarse) {\n  sd-anchor[data-sd-theme=info]:hover {\n    color: var(--sd-tx-info);\n    text-decoration: none;\n  }\n}\nsd-anchor[data-sd-theme=success] {\n  color: var(--sd-tx-success);\n}\nsd-anchor[data-sd-theme=success]:hover {\n  color: var(--sd-tx-success-hover);\n  text-decoration: underline;\n}\nsd-anchor[data-sd-theme=success]:active {\n  color: var(--sd-tx-success);\n}\n@media all and (pointer: coarse) {\n  sd-anchor[data-sd-theme=success]:hover {\n    color: var(--sd-tx-success);\n    text-decoration: none;\n  }\n}\nsd-anchor[data-sd-theme=warning] {\n  color: var(--sd-tx-warning);\n}\nsd-anchor[data-sd-theme=warning]:hover {\n  color: var(--sd-tx-warning-hover);\n  text-decoration: underline;\n}\nsd-anchor[data-sd-theme=warning]:active {\n  color: var(--sd-tx-warning);\n}\n@media all and (pointer: coarse) {\n  sd-anchor[data-sd-theme=warning]:hover {\n    color: var(--sd-tx-warning);\n    text-decoration: none;\n  }\n}\nsd-anchor[data-sd-theme=danger] {\n  color: var(--sd-tx-danger);\n}\nsd-anchor[data-sd-theme=danger]:hover {\n  color: var(--sd-tx-danger-hover);\n  text-decoration: underline;\n}\nsd-anchor[data-sd-theme=danger]:active {\n  color: var(--sd-tx-danger);\n}\n@media all and (pointer: coarse) {\n  sd-anchor[data-sd-theme=danger]:hover {\n    color: var(--sd-tx-danger);\n    text-decoration: none;\n  }\n}\nsd-anchor[data-sd-disabled=true] {\n  color: var(--sd-tx-disabled) !important;\n  pointer-events: none;\n}"], encapsulation: 2 });
+        } }, styles: ["sd-anchor {\n  display: inline-block;\n  cursor: pointer;\n}\nsd-anchor[data-sd-theme=gray] {\n  color: var(--sd-tx-gray);\n}\nsd-anchor[data-sd-theme=gray]:hover {\n  color: var(--sd-tx-gray-hover);\n  text-decoration: underline;\n}\nsd-anchor[data-sd-theme=gray]:active {\n  color: var(--sd-tx-gray);\n}\n@media all and (pointer: coarse) {\n  sd-anchor[data-sd-theme=gray]:hover {\n    color: var(--sd-tx-gray);\n    text-decoration: none;\n  }\n}\nsd-anchor[data-sd-theme=blue-gray] {\n  color: var(--sd-tx-blue-gray);\n}\nsd-anchor[data-sd-theme=blue-gray]:hover {\n  color: var(--sd-tx-blue-gray-hover);\n  text-decoration: underline;\n}\nsd-anchor[data-sd-theme=blue-gray]:active {\n  color: var(--sd-tx-blue-gray);\n}\n@media all and (pointer: coarse) {\n  sd-anchor[data-sd-theme=blue-gray]:hover {\n    color: var(--sd-tx-blue-gray);\n    text-decoration: none;\n  }\n}\nsd-anchor[data-sd-theme=primary] {\n  color: var(--sd-tx-primary);\n}\nsd-anchor[data-sd-theme=primary]:hover {\n  color: var(--sd-tx-primary-hover);\n  text-decoration: underline;\n}\nsd-anchor[data-sd-theme=primary]:active {\n  color: var(--sd-tx-primary);\n}\n@media all and (pointer: coarse) {\n  sd-anchor[data-sd-theme=primary]:hover {\n    color: var(--sd-tx-primary);\n    text-decoration: none;\n  }\n}\nsd-anchor[data-sd-theme=info] {\n  color: var(--sd-tx-info);\n}\nsd-anchor[data-sd-theme=info]:hover {\n  color: var(--sd-tx-info-hover);\n  text-decoration: underline;\n}\nsd-anchor[data-sd-theme=info]:active {\n  color: var(--sd-tx-info);\n}\n@media all and (pointer: coarse) {\n  sd-anchor[data-sd-theme=info]:hover {\n    color: var(--sd-tx-info);\n    text-decoration: none;\n  }\n}\nsd-anchor[data-sd-theme=success] {\n  color: var(--sd-tx-success);\n}\nsd-anchor[data-sd-theme=success]:hover {\n  color: var(--sd-tx-success-hover);\n  text-decoration: underline;\n}\nsd-anchor[data-sd-theme=success]:active {\n  color: var(--sd-tx-success);\n}\n@media all and (pointer: coarse) {\n  sd-anchor[data-sd-theme=success]:hover {\n    color: var(--sd-tx-success);\n    text-decoration: none;\n  }\n}\nsd-anchor[data-sd-theme=warning] {\n  color: var(--sd-tx-warning);\n}\nsd-anchor[data-sd-theme=warning]:hover {\n  color: var(--sd-tx-warning-hover);\n  text-decoration: underline;\n}\nsd-anchor[data-sd-theme=warning]:active {\n  color: var(--sd-tx-warning);\n}\n@media all and (pointer: coarse) {\n  sd-anchor[data-sd-theme=warning]:hover {\n    color: var(--sd-tx-warning);\n    text-decoration: none;\n  }\n}\nsd-anchor[data-sd-theme=danger] {\n  color: var(--sd-tx-danger);\n}\nsd-anchor[data-sd-theme=danger]:hover {\n  color: var(--sd-tx-danger-hover);\n  text-decoration: underline;\n}\nsd-anchor[data-sd-theme=danger]:active {\n  color: var(--sd-tx-danger);\n}\n@media all and (pointer: coarse) {\n  sd-anchor[data-sd-theme=danger]:hover {\n    color: var(--sd-tx-danger);\n    text-decoration: none;\n  }\n}\nsd-anchor[data-sd-disabled=true] {\n  color: var(--sd-tx-disabled) !important;\n  pointer-events: none;\n}"], encapsulation: 2 });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SdAnchor, [{
         type: Component,
@@ -21,6 +21,6 @@ export class SdAnchor {
                     "[attr.data-sd-theme]": "theme()",
                     "[attr.data-sd-disabled]": "disabled()",
                     "[attr.tabindex]": "disabled() ? undefined : 0",
-                }, styles: ["sd-anchor {\n  display: inline-block;\n  cursor: pointer;\n}\nsd-anchor[data-sd-theme=gray] {\n  color: var(--sd-tx-gray);\n}\nsd-anchor[data-sd-theme=gray]:hover {\n  color: var(--sd-tx-gray-hover);\n  text-decoration: underline;\n}\nsd-anchor[data-sd-theme=gray]:active {\n  color: var(--sd-tx-gray);\n}\n@media all and (pointer: coarse) {\n  sd-anchor[data-sd-theme=gray]:hover {\n    color: var(--sd-tx-gray);\n    text-decoration: none;\n  }\n}\nsd-anchor[data-sd-theme=blue-gray] {\n  color: var(--sd-tx-blue-gray);\n}\nsd-anchor[data-sd-theme=blue-gray]:hover {\n  color: var(--sd-tx-blue-gray-hover);\n  text-decoration: underline;\n}\nsd-anchor[data-sd-theme=blue-gray]:active {\n  color: var(--sd-tx-blue-gray);\n}\n@media all and (pointer: coarse) {\n  sd-anchor[data-sd-theme=blue-gray]:hover {\n    color: var(--sd-tx-blue-gray);\n    text-decoration: none;\n  }\n}\nsd-anchor[data-sd-theme=primary] {\n  color: var(--sd-tx-primary);\n}\nsd-anchor[data-sd-theme=primary]:hover {\n  color: var(--sd-tx-primary-hover);\n  text-decoration: underline;\n}\nsd-anchor[data-sd-theme=primary]:active {\n  color: var(--sd-tx-primary);\n}\n@media all and (pointer: coarse) {\n  sd-anchor[data-sd-theme=primary]:hover {\n    color: var(--sd-tx-primary);\n    text-decoration: none;\n  }\n}\nsd-anchor[data-sd-theme=secondary] {\n  color: var(--sd-tx-secondary);\n}\nsd-anchor[data-sd-theme=secondary]:hover {\n  color: var(--sd-tx-secondary-hover);\n  text-decoration: underline;\n}\nsd-anchor[data-sd-theme=secondary]:active {\n  color: var(--sd-tx-secondary);\n}\n@media all and (pointer: coarse) {\n  sd-anchor[data-sd-theme=secondary]:hover {\n    color: var(--sd-tx-secondary);\n    text-decoration: none;\n  }\n}\nsd-anchor[data-sd-theme=info] {\n  color: var(--sd-tx-info);\n}\nsd-anchor[data-sd-theme=info]:hover {\n  color: var(--sd-tx-info-hover);\n  text-decoration: underline;\n}\nsd-anchor[data-sd-theme=info]:active {\n  color: var(--sd-tx-info);\n}\n@media all and (pointer: coarse) {\n  sd-anchor[data-sd-theme=info]:hover {\n    color: var(--sd-tx-info);\n    text-decoration: none;\n  }\n}\nsd-anchor[data-sd-theme=success] {\n  color: var(--sd-tx-success);\n}\nsd-anchor[data-sd-theme=success]:hover {\n  color: var(--sd-tx-success-hover);\n  text-decoration: underline;\n}\nsd-anchor[data-sd-theme=success]:active {\n  color: var(--sd-tx-success);\n}\n@media all and (pointer: coarse) {\n  sd-anchor[data-sd-theme=success]:hover {\n    color: var(--sd-tx-success);\n    text-decoration: none;\n  }\n}\nsd-anchor[data-sd-theme=warning] {\n  color: var(--sd-tx-warning);\n}\nsd-anchor[data-sd-theme=warning]:hover {\n  color: var(--sd-tx-warning-hover);\n  text-decoration: underline;\n}\nsd-anchor[data-sd-theme=warning]:active {\n  color: var(--sd-tx-warning);\n}\n@media all and (pointer: coarse) {\n  sd-anchor[data-sd-theme=warning]:hover {\n    color: var(--sd-tx-warning);\n    text-decoration: none;\n  }\n}\nsd-anchor[data-sd-theme=danger] {\n  color: var(--sd-tx-danger);\n}\nsd-anchor[data-sd-theme=danger]:hover {\n  color: var(--sd-tx-danger-hover);\n  text-decoration: underline;\n}\nsd-anchor[data-sd-theme=danger]:active {\n  color: var(--sd-tx-danger);\n}\n@media all and (pointer: coarse) {\n  sd-anchor[data-sd-theme=danger]:hover {\n    color: var(--sd-tx-danger);\n    text-decoration: none;\n  }\n}\nsd-anchor[data-sd-disabled=true] {\n  color: var(--sd-tx-disabled) !important;\n  pointer-events: none;\n}"] }]
+                }, styles: ["sd-anchor {\n  display: inline-block;\n  cursor: pointer;\n}\nsd-anchor[data-sd-theme=gray] {\n  color: var(--sd-tx-gray);\n}\nsd-anchor[data-sd-theme=gray]:hover {\n  color: var(--sd-tx-gray-hover);\n  text-decoration: underline;\n}\nsd-anchor[data-sd-theme=gray]:active {\n  color: var(--sd-tx-gray);\n}\n@media all and (pointer: coarse) {\n  sd-anchor[data-sd-theme=gray]:hover {\n    color: var(--sd-tx-gray);\n    text-decoration: none;\n  }\n}\nsd-anchor[data-sd-theme=blue-gray] {\n  color: var(--sd-tx-blue-gray);\n}\nsd-anchor[data-sd-theme=blue-gray]:hover {\n  color: var(--sd-tx-blue-gray-hover);\n  text-decoration: underline;\n}\nsd-anchor[data-sd-theme=blue-gray]:active {\n  color: var(--sd-tx-blue-gray);\n}\n@media all and (pointer: coarse) {\n  sd-anchor[data-sd-theme=blue-gray]:hover {\n    color: var(--sd-tx-blue-gray);\n    text-decoration: none;\n  }\n}\nsd-anchor[data-sd-theme=primary] {\n  color: var(--sd-tx-primary);\n}\nsd-anchor[data-sd-theme=primary]:hover {\n  color: var(--sd-tx-primary-hover);\n  text-decoration: underline;\n}\nsd-anchor[data-sd-theme=primary]:active {\n  color: var(--sd-tx-primary);\n}\n@media all and (pointer: coarse) {\n  sd-anchor[data-sd-theme=primary]:hover {\n    color: var(--sd-tx-primary);\n    text-decoration: none;\n  }\n}\nsd-anchor[data-sd-theme=info] {\n  color: var(--sd-tx-info);\n}\nsd-anchor[data-sd-theme=info]:hover {\n  color: var(--sd-tx-info-hover);\n  text-decoration: underline;\n}\nsd-anchor[data-sd-theme=info]:active {\n  color: var(--sd-tx-info);\n}\n@media all and (pointer: coarse) {\n  sd-anchor[data-sd-theme=info]:hover {\n    color: var(--sd-tx-info);\n    text-decoration: none;\n  }\n}\nsd-anchor[data-sd-theme=success] {\n  color: var(--sd-tx-success);\n}\nsd-anchor[data-sd-theme=success]:hover {\n  color: var(--sd-tx-success-hover);\n  text-decoration: underline;\n}\nsd-anchor[data-sd-theme=success]:active {\n  color: var(--sd-tx-success);\n}\n@media all and (pointer: coarse) {\n  sd-anchor[data-sd-theme=success]:hover {\n    color: var(--sd-tx-success);\n    text-decoration: none;\n  }\n}\nsd-anchor[data-sd-theme=warning] {\n  color: var(--sd-tx-warning);\n}\nsd-anchor[data-sd-theme=warning]:hover {\n  color: var(--sd-tx-warning-hover);\n  text-decoration: underline;\n}\nsd-anchor[data-sd-theme=warning]:active {\n  color: var(--sd-tx-warning);\n}\n@media all and (pointer: coarse) {\n  sd-anchor[data-sd-theme=warning]:hover {\n    color: var(--sd-tx-warning);\n    text-decoration: none;\n  }\n}\nsd-anchor[data-sd-theme=danger] {\n  color: var(--sd-tx-danger);\n}\nsd-anchor[data-sd-theme=danger]:hover {\n  color: var(--sd-tx-danger-hover);\n  text-decoration: underline;\n}\nsd-anchor[data-sd-theme=danger]:active {\n  color: var(--sd-tx-danger);\n}\n@media all and (pointer: coarse) {\n  sd-anchor[data-sd-theme=danger]:hover {\n    color: var(--sd-tx-danger);\n    text-decoration: none;\n  }\n}\nsd-anchor[data-sd-disabled=true] {\n  color: var(--sd-tx-disabled) !important;\n  pointer-events: none;\n}"] }]
     }], null, { disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], theme: [{ type: i0.Input, args: [{ isSignal: true, alias: "theme", required: false }] }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SdAnchor, { className: "SdAnchor", filePath: "packages/angular/src/controls/button/sd-anchor.ts", lineNumber: 61 }); })();

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

@@ -1,7 +1,7 @@
 import * as i0 from "@angular/core";
 export declare class SdButton {
     type: import("@angular/core").InputSignal<"button" | "submit">;
-    theme: import("@angular/core").InputSignal<"link" | "info" | "success" | "primary" | "secondary" | "warning" | "danger" | "gray" | "blue-gray" | "link-primary" | "link-secondary" | "link-info" | "link-success" | "link-warning" | "link-danger" | "link-gray" | "link-blue-gray" | "link-rev" | undefined>;
+    theme: import("@angular/core").InputSignal<"link" | "info" | "success" | "primary" | "warning" | "danger" | "gray" | "blue-gray" | "link-primary" | "link-info" | "link-success" | "link-warning" | "link-danger" | "link-gray" | "link-blue-gray" | "link-rev" | undefined>;
     inline: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
     inset: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
     size: import("@angular/core").InputSignal<"xs" | "sm" | "lg" | undefined>;

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

@@ -1 +1 @@
-{"version":3,"file":"sd-button.d.ts","sourceRoot":"","sources":["../../../src/controls/button/sd-button.ts"],"names":[],"mappings":";AASA,qBA6Ka,QAAQ;IACnB,IAAI,2DAAwC;IAC5C,KAAK,ySAmBD;IACJ,MAAM,qEAAiD;IACvD,KAAK,qEAAiD;IACtD,IAAI,sEAA+B;IACnC,QAAQ,qEAAiD;IACzD,WAAW,0DAAmB;IAC9B,WAAW,0DAAmB;yCA3BnB,QAAQ;2CAAR,QAAQ;CA4BpB"}
+{"version":3,"file":"sd-button.d.ts","sourceRoot":"","sources":["../../../src/controls/button/sd-button.ts"],"names":[],"mappings":";AASA,qBA6Ka,QAAQ;IACnB,IAAI,2DAAwC;IAC5C,KAAK,wQAiBD;IACJ,MAAM,qEAAiD;IACvD,KAAK,qEAAiD;IACtD,IAAI,sEAA+B;IACnC,QAAQ,qEAAiD;IACzD,WAAW,0DAAmB;IAC9B,WAAW,0DAAmB;yCAzBnB,QAAQ;2CAAR,QAAQ;CA0BpB"}

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

@@ -28,7 +28,7 @@ export class SdButton {
             i0.ɵɵstyleMap(ctx.buttonStyle());
             i0.ɵɵclassMap(ctx.buttonClass());
             i0.ɵɵproperty("type", ctx.type())("disabled", ctx.disabled())("sdRipple", !ctx.disabled());
-        } }, dependencies: [SdRipple], styles: ["sd-button > button {\n  display: block;\n  padding: var(--sd-gap-sm) var(--sd-gap-default);\n  border: 1px solid transparent;\n  font-size: var(--sd-font-size-default);\n  font-family: var(--sd-font-family);\n  font-variant-numeric: tabular-nums;\n  line-height: var(--sd-line-height);\n  color: var(--sd-tx-default);\n  user-select: none;\n  padding: var(--sd-gap-sm) var(--sd-gap-lg);\n  width: 100%;\n  background-color: var(--sd-bg-control);\n  border-color: var(--sd-bd-primary-solid);\n  border-radius: var(--sd-radius-default);\n  font-weight: bold;\n  text-align: center;\n  cursor: pointer;\n  transition: var(--sd-animation-duration) linear;\n  transition-property: border, background;\n}\nsd-button > button:hover {\n  background-color: var(--sd-bg-state-hover);\n}\nsd-button > button:disabled {\n  background-color: var(--sd-bg-disabled);\n  border-color: var(--sd-bd-disabled);\n  color: var(--sd-tx-disabled);\n  cursor: default;\n}\nsd-button[data-sd-inset=true] > button {\n  border-radius: 0;\n  border: none;\n  color: var(--sd-tx-primary);\n}\nsd-button[data-sd-inset=true] > button:hover {\n  color: var(--sd-tx-primary-hover);\n}\nsd-button[data-sd-inset=true] > button:disabled {\n  background-color: var(--sd-bg-disabled);\n  border-color: var(--sd-bd-disabled);\n  color: var(--sd-tx-disabled);\n  cursor: default;\n}\nsd-button[data-sd-theme=gray] > button {\n  background-color: var(--sd-bg-gray-solid);\n  border-color: var(--sd-bd-gray-solid);\n  color: var(--sd-tx-gray-solid);\n}\nsd-button[data-sd-theme=gray] > button:hover {\n  background-color: var(--sd-bg-gray-solid-hover);\n  border-color: var(--sd-bd-gray-solid-hover);\n  color: var(--sd-tx-gray-solid);\n}\nsd-button[data-sd-theme=gray] > button:disabled {\n  background-color: var(--sd-bg-disabled);\n  border-color: var(--sd-bd-disabled);\n  color: var(--sd-tx-disabled);\n  cursor: default;\n}\nsd-button[data-sd-theme=blue-gray] > button {\n  background-color: var(--sd-bg-blue-gray-solid);\n  border-color: var(--sd-bd-blue-gray-solid);\n  color: var(--sd-tx-blue-gray-solid);\n}\nsd-button[data-sd-theme=blue-gray] > button:hover {\n  background-color: var(--sd-bg-blue-gray-solid-hover);\n  border-color: var(--sd-bd-blue-gray-solid-hover);\n  color: var(--sd-tx-blue-gray-solid);\n}\nsd-button[data-sd-theme=blue-gray] > button:disabled {\n  background-color: var(--sd-bg-disabled);\n  border-color: var(--sd-bd-disabled);\n  color: var(--sd-tx-disabled);\n  cursor: default;\n}\nsd-button[data-sd-theme=primary] > button {\n  background-color: var(--sd-bg-primary-solid);\n  border-color: var(--sd-bd-primary-solid);\n  color: var(--sd-tx-primary-solid);\n}\nsd-button[data-sd-theme=primary] > button:hover {\n  background-color: var(--sd-bg-primary-solid-hover);\n  border-color: var(--sd-bd-primary-solid-hover);\n  color: var(--sd-tx-primary-solid);\n}\nsd-button[data-sd-theme=primary] > button:disabled {\n  background-color: var(--sd-bg-disabled);\n  border-color: var(--sd-bd-disabled);\n  color: var(--sd-tx-disabled);\n  cursor: default;\n}\nsd-button[data-sd-theme=secondary] > button {\n  background-color: var(--sd-bg-secondary-solid);\n  border-color: var(--sd-bd-secondary-solid);\n  color: var(--sd-tx-secondary-solid);\n}\nsd-button[data-sd-theme=secondary] > button:hover {\n  background-color: var(--sd-bg-secondary-solid-hover);\n  border-color: var(--sd-bd-secondary-solid-hover);\n  color: var(--sd-tx-secondary-solid);\n}\nsd-button[data-sd-theme=secondary] > button:disabled {\n  background-color: var(--sd-bg-disabled);\n  border-color: var(--sd-bd-disabled);\n  color: var(--sd-tx-disabled);\n  cursor: default;\n}\nsd-button[data-sd-theme=info] > button {\n  background-color: var(--sd-bg-info-solid);\n  border-color: var(--sd-bd-info-solid);\n  color: var(--sd-tx-info-solid);\n}\nsd-button[data-sd-theme=info] > button:hover {\n  background-color: var(--sd-bg-info-solid-hover);\n  border-color: var(--sd-bd-info-solid-hover);\n  color: var(--sd-tx-info-solid);\n}\nsd-button[data-sd-theme=info] > button:disabled {\n  background-color: var(--sd-bg-disabled);\n  border-color: var(--sd-bd-disabled);\n  color: var(--sd-tx-disabled);\n  cursor: default;\n}\nsd-button[data-sd-theme=success] > button {\n  background-color: var(--sd-bg-success-solid);\n  border-color: var(--sd-bd-success-solid);\n  color: var(--sd-tx-success-solid);\n}\nsd-button[data-sd-theme=success] > button:hover {\n  background-color: var(--sd-bg-success-solid-hover);\n  border-color: var(--sd-bd-success-solid-hover);\n  color: var(--sd-tx-success-solid);\n}\nsd-button[data-sd-theme=success] > button:disabled {\n  background-color: var(--sd-bg-disabled);\n  border-color: var(--sd-bd-disabled);\n  color: var(--sd-tx-disabled);\n  cursor: default;\n}\nsd-button[data-sd-theme=warning] > button {\n  background-color: var(--sd-bg-warning-solid);\n  border-color: var(--sd-bd-warning-solid);\n  color: var(--sd-tx-warning-solid);\n}\nsd-button[data-sd-theme=warning] > button:hover {\n  background-color: var(--sd-bg-warning-solid-hover);\n  border-color: var(--sd-bd-warning-solid-hover);\n  color: var(--sd-tx-warning-solid);\n}\nsd-button[data-sd-theme=warning] > button:disabled {\n  background-color: var(--sd-bg-disabled);\n  border-color: var(--sd-bd-disabled);\n  color: var(--sd-tx-disabled);\n  cursor: default;\n}\nsd-button[data-sd-theme=danger] > button {\n  background-color: var(--sd-bg-danger-solid);\n  border-color: var(--sd-bd-danger-solid);\n  color: var(--sd-tx-danger-solid);\n}\nsd-button[data-sd-theme=danger] > button:hover {\n  background-color: var(--sd-bg-danger-solid-hover);\n  border-color: var(--sd-bd-danger-solid-hover);\n  color: var(--sd-tx-danger-solid);\n}\nsd-button[data-sd-theme=danger] > button:disabled {\n  background-color: var(--sd-bg-disabled);\n  border-color: var(--sd-bd-disabled);\n  color: var(--sd-tx-disabled);\n  cursor: default;\n}\nsd-button[data-sd-theme=link] > button {\n  border-color: transparent;\n  background-color: transparent;\n  color: var(--sd-tx-primary);\n}\nsd-button[data-sd-theme=link] > button:hover {\n  color: var(--sd-tx-primary-hover);\n}\nsd-button[data-sd-theme=link] > button:disabled {\n  border-color: transparent;\n  color: var(--sd-tx-disabled);\n}\nsd-button[data-sd-theme=link-gray] > button {\n  border-color: transparent;\n  background-color: transparent;\n  color: var(--sd-tx-gray);\n}\nsd-button[data-sd-theme=link-gray] > button:hover {\n  background-color: var(--sd-bg-state-hover);\n  color: var(--sd-tx-gray-hover);\n}\nsd-button[data-sd-theme=link-gray] > button:disabled {\n  border-color: transparent;\n  color: var(--sd-tx-disabled);\n}\nsd-button[data-sd-theme=link-blue-gray] > button {\n  border-color: transparent;\n  background-color: transparent;\n  color: var(--sd-tx-blue-gray);\n}\nsd-button[data-sd-theme=link-blue-gray] > button:hover {\n  background-color: var(--sd-bg-state-hover);\n  color: var(--sd-tx-blue-gray-hover);\n}\nsd-button[data-sd-theme=link-blue-gray] > button:disabled {\n  border-color: transparent;\n  color: var(--sd-tx-disabled);\n}\nsd-button[data-sd-theme=link-primary] > button {\n  border-color: transparent;\n  background-color: transparent;\n  color: var(--sd-tx-primary);\n}\nsd-button[data-sd-theme=link-primary] > button:hover {\n  background-color: var(--sd-bg-state-hover);\n  color: var(--sd-tx-primary-hover);\n}\nsd-button[data-sd-theme=link-primary] > button:disabled {\n  border-color: transparent;\n  color: var(--sd-tx-disabled);\n}\nsd-button[data-sd-theme=link-secondary] > button {\n  border-color: transparent;\n  background-color: transparent;\n  color: var(--sd-tx-secondary);\n}\nsd-button[data-sd-theme=link-secondary] > button:hover {\n  background-color: var(--sd-bg-state-hover);\n  color: var(--sd-tx-secondary-hover);\n}\nsd-button[data-sd-theme=link-secondary] > button:disabled {\n  border-color: transparent;\n  color: var(--sd-tx-disabled);\n}\nsd-button[data-sd-theme=link-info] > button {\n  border-color: transparent;\n  background-color: transparent;\n  color: var(--sd-tx-info);\n}\nsd-button[data-sd-theme=link-info] > button:hover {\n  background-color: var(--sd-bg-state-hover);\n  color: var(--sd-tx-info-hover);\n}\nsd-button[data-sd-theme=link-info] > button:disabled {\n  border-color: transparent;\n  color: var(--sd-tx-disabled);\n}\nsd-button[data-sd-theme=link-success] > button {\n  border-color: transparent;\n  background-color: transparent;\n  color: var(--sd-tx-success);\n}\nsd-button[data-sd-theme=link-success] > button:hover {\n  background-color: var(--sd-bg-state-hover);\n  color: var(--sd-tx-success-hover);\n}\nsd-button[data-sd-theme=link-success] > button:disabled {\n  border-color: transparent;\n  color: var(--sd-tx-disabled);\n}\nsd-button[data-sd-theme=link-warning] > button {\n  border-color: transparent;\n  background-color: transparent;\n  color: var(--sd-tx-warning);\n}\nsd-button[data-sd-theme=link-warning] > button:hover {\n  background-color: var(--sd-bg-state-hover);\n  color: var(--sd-tx-warning-hover);\n}\nsd-button[data-sd-theme=link-warning] > button:disabled {\n  border-color: transparent;\n  color: var(--sd-tx-disabled);\n}\nsd-button[data-sd-theme=link-danger] > button {\n  border-color: transparent;\n  background-color: transparent;\n  color: var(--sd-tx-danger);\n}\nsd-button[data-sd-theme=link-danger] > button:hover {\n  background-color: var(--sd-bg-state-hover);\n  color: var(--sd-tx-danger-hover);\n}\nsd-button[data-sd-theme=link-danger] > button:disabled {\n  border-color: transparent;\n  color: var(--sd-tx-disabled);\n}\nsd-button[data-sd-theme=link-rev] > button {\n  border-color: transparent;\n  background-color: transparent;\n  color: var(--sd-tx-on-inverse);\n}\nsd-button[data-sd-theme=link-rev] > button:hover {\n  color: var(--sd-tx-on-inverse-muted);\n}\nsd-button[data-sd-theme=link-rev] > button:disabled {\n  border-color: transparent;\n  color: var(--sd-tx-on-inverse-disabled);\n}\nsd-button[data-sd-inline=true] > button {\n  display: inline-block;\n  width: auto;\n  vertical-align: top;\n}\nsd-button[data-sd-size=xs] > button {\n  padding: var(--sd-gap-xxs) var(--sd-gap-xs);\n}\nsd-button[data-sd-size=sm] > button {\n  padding: var(--sd-gap-xs) var(--sd-gap-default);\n}\nsd-button[data-sd-size=lg] > button {\n  padding: var(--sd-gap-default) var(--sd-gap-xl);\n}\nsd-button[data-sd-disabled=true]:active {\n  pointer-events: none;\n}"], encapsulation: 2 });
+        } }, dependencies: [SdRipple], styles: ["sd-button > button {\n  display: block;\n  padding: var(--sd-gap-sm) var(--sd-gap-default);\n  border: 1px solid transparent;\n  font-size: var(--sd-font-size-default);\n  font-family: var(--sd-font-family);\n  font-variant-numeric: tabular-nums;\n  line-height: var(--sd-line-height);\n  color: var(--sd-tx-default);\n  user-select: none;\n  padding: var(--sd-gap-sm) var(--sd-gap-lg);\n  width: 100%;\n  background-color: var(--sd-bg-content);\n  border-color: var(--sd-bd-primary-solid);\n  border-radius: var(--sd-radius-default);\n  font-weight: bold;\n  text-align: center;\n  cursor: pointer;\n  transition: var(--sd-animation-duration) linear;\n  transition-property: border, background;\n}\nsd-button > button:hover {\n  background-color: var(--sd-bg-state-hover);\n}\nsd-button > button:disabled {\n  background-color: var(--sd-bg-disabled);\n  border-color: var(--sd-bd-disabled);\n  color: var(--sd-tx-disabled);\n  cursor: default;\n}\nsd-button[data-sd-inset=true] > button {\n  border-radius: 0;\n  border: none;\n  color: var(--sd-tx-primary);\n}\nsd-button[data-sd-inset=true] > button:hover {\n  color: var(--sd-tx-primary-hover);\n}\nsd-button[data-sd-inset=true] > button:disabled {\n  background-color: var(--sd-bg-disabled);\n  border-color: var(--sd-bd-disabled);\n  color: var(--sd-tx-disabled);\n  cursor: default;\n}\nsd-button[data-sd-theme=gray] > button {\n  background-color: var(--sd-bg-gray-solid);\n  border-color: var(--sd-bd-gray-solid);\n  color: var(--sd-tx-gray-solid);\n}\nsd-button[data-sd-theme=gray] > button:hover {\n  background-color: var(--sd-bg-gray-solid-hover);\n  border-color: var(--sd-bd-gray-solid-hover);\n  color: var(--sd-tx-gray-solid);\n}\nsd-button[data-sd-theme=gray] > button:disabled {\n  background-color: var(--sd-bg-disabled);\n  border-color: var(--sd-bd-disabled);\n  color: var(--sd-tx-disabled);\n  cursor: default;\n}\nsd-button[data-sd-theme=blue-gray] > button {\n  background-color: var(--sd-bg-blue-gray-solid);\n  border-color: var(--sd-bd-blue-gray-solid);\n  color: var(--sd-tx-blue-gray-solid);\n}\nsd-button[data-sd-theme=blue-gray] > button:hover {\n  background-color: var(--sd-bg-blue-gray-solid-hover);\n  border-color: var(--sd-bd-blue-gray-solid-hover);\n  color: var(--sd-tx-blue-gray-solid);\n}\nsd-button[data-sd-theme=blue-gray] > button:disabled {\n  background-color: var(--sd-bg-disabled);\n  border-color: var(--sd-bd-disabled);\n  color: var(--sd-tx-disabled);\n  cursor: default;\n}\nsd-button[data-sd-theme=primary] > button {\n  background-color: var(--sd-bg-primary-solid);\n  border-color: var(--sd-bd-primary-solid);\n  color: var(--sd-tx-primary-solid);\n}\nsd-button[data-sd-theme=primary] > button:hover {\n  background-color: var(--sd-bg-primary-solid-hover);\n  border-color: var(--sd-bd-primary-solid-hover);\n  color: var(--sd-tx-primary-solid);\n}\nsd-button[data-sd-theme=primary] > button:disabled {\n  background-color: var(--sd-bg-disabled);\n  border-color: var(--sd-bd-disabled);\n  color: var(--sd-tx-disabled);\n  cursor: default;\n}\nsd-button[data-sd-theme=info] > button {\n  background-color: var(--sd-bg-info-solid);\n  border-color: var(--sd-bd-info-solid);\n  color: var(--sd-tx-info-solid);\n}\nsd-button[data-sd-theme=info] > button:hover {\n  background-color: var(--sd-bg-info-solid-hover);\n  border-color: var(--sd-bd-info-solid-hover);\n  color: var(--sd-tx-info-solid);\n}\nsd-button[data-sd-theme=info] > button:disabled {\n  background-color: var(--sd-bg-disabled);\n  border-color: var(--sd-bd-disabled);\n  color: var(--sd-tx-disabled);\n  cursor: default;\n}\nsd-button[data-sd-theme=success] > button {\n  background-color: var(--sd-bg-success-solid);\n  border-color: var(--sd-bd-success-solid);\n  color: var(--sd-tx-success-solid);\n}\nsd-button[data-sd-theme=success] > button:hover {\n  background-color: var(--sd-bg-success-solid-hover);\n  border-color: var(--sd-bd-success-solid-hover);\n  color: var(--sd-tx-success-solid);\n}\nsd-button[data-sd-theme=success] > button:disabled {\n  background-color: var(--sd-bg-disabled);\n  border-color: var(--sd-bd-disabled);\n  color: var(--sd-tx-disabled);\n  cursor: default;\n}\nsd-button[data-sd-theme=warning] > button {\n  background-color: var(--sd-bg-warning-solid);\n  border-color: var(--sd-bd-warning-solid);\n  color: var(--sd-tx-warning-solid);\n}\nsd-button[data-sd-theme=warning] > button:hover {\n  background-color: var(--sd-bg-warning-solid-hover);\n  border-color: var(--sd-bd-warning-solid-hover);\n  color: var(--sd-tx-warning-solid);\n}\nsd-button[data-sd-theme=warning] > button:disabled {\n  background-color: var(--sd-bg-disabled);\n  border-color: var(--sd-bd-disabled);\n  color: var(--sd-tx-disabled);\n  cursor: default;\n}\nsd-button[data-sd-theme=danger] > button {\n  background-color: var(--sd-bg-danger-solid);\n  border-color: var(--sd-bd-danger-solid);\n  color: var(--sd-tx-danger-solid);\n}\nsd-button[data-sd-theme=danger] > button:hover {\n  background-color: var(--sd-bg-danger-solid-hover);\n  border-color: var(--sd-bd-danger-solid-hover);\n  color: var(--sd-tx-danger-solid);\n}\nsd-button[data-sd-theme=danger] > button:disabled {\n  background-color: var(--sd-bg-disabled);\n  border-color: var(--sd-bd-disabled);\n  color: var(--sd-tx-disabled);\n  cursor: default;\n}\nsd-button[data-sd-theme=link] > button {\n  border-color: transparent;\n  background-color: transparent;\n  color: var(--sd-tx-primary);\n}\nsd-button[data-sd-theme=link] > button:hover {\n  color: var(--sd-tx-primary-hover);\n}\nsd-button[data-sd-theme=link] > button:disabled {\n  border-color: transparent;\n  color: var(--sd-tx-disabled);\n}\nsd-button[data-sd-theme=link-gray] > button {\n  border-color: transparent;\n  background-color: transparent;\n  color: var(--sd-tx-gray);\n}\nsd-button[data-sd-theme=link-gray] > button:hover {\n  background-color: var(--sd-bg-state-hover);\n  color: var(--sd-tx-gray-hover);\n}\nsd-button[data-sd-theme=link-gray] > button:disabled {\n  border-color: transparent;\n  color: var(--sd-tx-disabled);\n}\nsd-button[data-sd-theme=link-blue-gray] > button {\n  border-color: transparent;\n  background-color: transparent;\n  color: var(--sd-tx-blue-gray);\n}\nsd-button[data-sd-theme=link-blue-gray] > button:hover {\n  background-color: var(--sd-bg-state-hover);\n  color: var(--sd-tx-blue-gray-hover);\n}\nsd-button[data-sd-theme=link-blue-gray] > button:disabled {\n  border-color: transparent;\n  color: var(--sd-tx-disabled);\n}\nsd-button[data-sd-theme=link-primary] > button {\n  border-color: transparent;\n  background-color: transparent;\n  color: var(--sd-tx-primary);\n}\nsd-button[data-sd-theme=link-primary] > button:hover {\n  background-color: var(--sd-bg-state-hover);\n  color: var(--sd-tx-primary-hover);\n}\nsd-button[data-sd-theme=link-primary] > button:disabled {\n  border-color: transparent;\n  color: var(--sd-tx-disabled);\n}\nsd-button[data-sd-theme=link-info] > button {\n  border-color: transparent;\n  background-color: transparent;\n  color: var(--sd-tx-info);\n}\nsd-button[data-sd-theme=link-info] > button:hover {\n  background-color: var(--sd-bg-state-hover);\n  color: var(--sd-tx-info-hover);\n}\nsd-button[data-sd-theme=link-info] > button:disabled {\n  border-color: transparent;\n  color: var(--sd-tx-disabled);\n}\nsd-button[data-sd-theme=link-success] > button {\n  border-color: transparent;\n  background-color: transparent;\n  color: var(--sd-tx-success);\n}\nsd-button[data-sd-theme=link-success] > button:hover {\n  background-color: var(--sd-bg-state-hover);\n  color: var(--sd-tx-success-hover);\n}\nsd-button[data-sd-theme=link-success] > button:disabled {\n  border-color: transparent;\n  color: var(--sd-tx-disabled);\n}\nsd-button[data-sd-theme=link-warning] > button {\n  border-color: transparent;\n  background-color: transparent;\n  color: var(--sd-tx-warning);\n}\nsd-button[data-sd-theme=link-warning] > button:hover {\n  background-color: var(--sd-bg-state-hover);\n  color: var(--sd-tx-warning-hover);\n}\nsd-button[data-sd-theme=link-warning] > button:disabled {\n  border-color: transparent;\n  color: var(--sd-tx-disabled);\n}\nsd-button[data-sd-theme=link-danger] > button {\n  border-color: transparent;\n  background-color: transparent;\n  color: var(--sd-tx-danger);\n}\nsd-button[data-sd-theme=link-danger] > button:hover {\n  background-color: var(--sd-bg-state-hover);\n  color: var(--sd-tx-danger-hover);\n}\nsd-button[data-sd-theme=link-danger] > button:disabled {\n  border-color: transparent;\n  color: var(--sd-tx-disabled);\n}\nsd-button[data-sd-theme=link-rev] > button {\n  border-color: transparent;\n  background-color: transparent;\n  color: var(--sd-tx-on-inverse);\n}\nsd-button[data-sd-theme=link-rev] > button:hover {\n  color: var(--sd-tx-on-inverse-muted);\n}\nsd-button[data-sd-theme=link-rev] > button:disabled {\n  border-color: transparent;\n  color: var(--sd-tx-on-inverse-disabled);\n}\nsd-button[data-sd-inline=true] > button {\n  display: inline-block;\n  width: auto;\n  vertical-align: top;\n}\nsd-button[data-sd-size=xs] > button {\n  padding: var(--sd-gap-xxs) var(--sd-gap-xs);\n}\nsd-button[data-sd-size=sm] > button {\n  padding: var(--sd-gap-xs) var(--sd-gap-default);\n}\nsd-button[data-sd-size=lg] > button {\n  padding: var(--sd-gap-default) var(--sd-gap-xl);\n}\nsd-button[data-sd-disabled=true]:active {\n  pointer-events: none;\n}"], encapsulation: 2 });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SdButton, [{
         type: Component,
@@ -49,6 +49,6 @@ export class SdButton {
                     "[attr.data-sd-size]": "size()",
                     "[attr.data-sd-inset]": "inset()",
                     "[attr.data-sd-disabled]": "disabled()",
-                }, styles: ["sd-button > button {\n  display: block;\n  padding: var(--sd-gap-sm) var(--sd-gap-default);\n  border: 1px solid transparent;\n  font-size: var(--sd-font-size-default);\n  font-family: var(--sd-font-family);\n  font-variant-numeric: tabular-nums;\n  line-height: var(--sd-line-height);\n  color: var(--sd-tx-default);\n  user-select: none;\n  padding: var(--sd-gap-sm) var(--sd-gap-lg);\n  width: 100%;\n  background-color: var(--sd-bg-control);\n  border-color: var(--sd-bd-primary-solid);\n  border-radius: var(--sd-radius-default);\n  font-weight: bold;\n  text-align: center;\n  cursor: pointer;\n  transition: var(--sd-animation-duration) linear;\n  transition-property: border, background;\n}\nsd-button > button:hover {\n  background-color: var(--sd-bg-state-hover);\n}\nsd-button > button:disabled {\n  background-color: var(--sd-bg-disabled);\n  border-color: var(--sd-bd-disabled);\n  color: var(--sd-tx-disabled);\n  cursor: default;\n}\nsd-button[data-sd-inset=true] > button {\n  border-radius: 0;\n  border: none;\n  color: var(--sd-tx-primary);\n}\nsd-button[data-sd-inset=true] > button:hover {\n  color: var(--sd-tx-primary-hover);\n}\nsd-button[data-sd-inset=true] > button:disabled {\n  background-color: var(--sd-bg-disabled);\n  border-color: var(--sd-bd-disabled);\n  color: var(--sd-tx-disabled);\n  cursor: default;\n}\nsd-button[data-sd-theme=gray] > button {\n  background-color: var(--sd-bg-gray-solid);\n  border-color: var(--sd-bd-gray-solid);\n  color: var(--sd-tx-gray-solid);\n}\nsd-button[data-sd-theme=gray] > button:hover {\n  background-color: var(--sd-bg-gray-solid-hover);\n  border-color: var(--sd-bd-gray-solid-hover);\n  color: var(--sd-tx-gray-solid);\n}\nsd-button[data-sd-theme=gray] > button:disabled {\n  background-color: var(--sd-bg-disabled);\n  border-color: var(--sd-bd-disabled);\n  color: var(--sd-tx-disabled);\n  cursor: default;\n}\nsd-button[data-sd-theme=blue-gray] > button {\n  background-color: var(--sd-bg-blue-gray-solid);\n  border-color: var(--sd-bd-blue-gray-solid);\n  color: var(--sd-tx-blue-gray-solid);\n}\nsd-button[data-sd-theme=blue-gray] > button:hover {\n  background-color: var(--sd-bg-blue-gray-solid-hover);\n  border-color: var(--sd-bd-blue-gray-solid-hover);\n  color: var(--sd-tx-blue-gray-solid);\n}\nsd-button[data-sd-theme=blue-gray] > button:disabled {\n  background-color: var(--sd-bg-disabled);\n  border-color: var(--sd-bd-disabled);\n  color: var(--sd-tx-disabled);\n  cursor: default;\n}\nsd-button[data-sd-theme=primary] > button {\n  background-color: var(--sd-bg-primary-solid);\n  border-color: var(--sd-bd-primary-solid);\n  color: var(--sd-tx-primary-solid);\n}\nsd-button[data-sd-theme=primary] > button:hover {\n  background-color: var(--sd-bg-primary-solid-hover);\n  border-color: var(--sd-bd-primary-solid-hover);\n  color: var(--sd-tx-primary-solid);\n}\nsd-button[data-sd-theme=primary] > button:disabled {\n  background-color: var(--sd-bg-disabled);\n  border-color: var(--sd-bd-disabled);\n  color: var(--sd-tx-disabled);\n  cursor: default;\n}\nsd-button[data-sd-theme=secondary] > button {\n  background-color: var(--sd-bg-secondary-solid);\n  border-color: var(--sd-bd-secondary-solid);\n  color: var(--sd-tx-secondary-solid);\n}\nsd-button[data-sd-theme=secondary] > button:hover {\n  background-color: var(--sd-bg-secondary-solid-hover);\n  border-color: var(--sd-bd-secondary-solid-hover);\n  color: var(--sd-tx-secondary-solid);\n}\nsd-button[data-sd-theme=secondary] > button:disabled {\n  background-color: var(--sd-bg-disabled);\n  border-color: var(--sd-bd-disabled);\n  color: var(--sd-tx-disabled);\n  cursor: default;\n}\nsd-button[data-sd-theme=info] > button {\n  background-color: var(--sd-bg-info-solid);\n  border-color: var(--sd-bd-info-solid);\n  color: var(--sd-tx-info-solid);\n}\nsd-button[data-sd-theme=info] > button:hover {\n  background-color: var(--sd-bg-info-solid-hover);\n  border-color: var(--sd-bd-info-solid-hover);\n  color: var(--sd-tx-info-solid);\n}\nsd-button[data-sd-theme=info] > button:disabled {\n  background-color: var(--sd-bg-disabled);\n  border-color: var(--sd-bd-disabled);\n  color: var(--sd-tx-disabled);\n  cursor: default;\n}\nsd-button[data-sd-theme=success] > button {\n  background-color: var(--sd-bg-success-solid);\n  border-color: var(--sd-bd-success-solid);\n  color: var(--sd-tx-success-solid);\n}\nsd-button[data-sd-theme=success] > button:hover {\n  background-color: var(--sd-bg-success-solid-hover);\n  border-color: var(--sd-bd-success-solid-hover);\n  color: var(--sd-tx-success-solid);\n}\nsd-button[data-sd-theme=success] > button:disabled {\n  background-color: var(--sd-bg-disabled);\n  border-color: var(--sd-bd-disabled);\n  color: var(--sd-tx-disabled);\n  cursor: default;\n}\nsd-button[data-sd-theme=warning] > button {\n  background-color: var(--sd-bg-warning-solid);\n  border-color: var(--sd-bd-warning-solid);\n  color: var(--sd-tx-warning-solid);\n}\nsd-button[data-sd-theme=warning] > button:hover {\n  background-color: var(--sd-bg-warning-solid-hover);\n  border-color: var(--sd-bd-warning-solid-hover);\n  color: var(--sd-tx-warning-solid);\n}\nsd-button[data-sd-theme=warning] > button:disabled {\n  background-color: var(--sd-bg-disabled);\n  border-color: var(--sd-bd-disabled);\n  color: var(--sd-tx-disabled);\n  cursor: default;\n}\nsd-button[data-sd-theme=danger] > button {\n  background-color: var(--sd-bg-danger-solid);\n  border-color: var(--sd-bd-danger-solid);\n  color: var(--sd-tx-danger-solid);\n}\nsd-button[data-sd-theme=danger] > button:hover {\n  background-color: var(--sd-bg-danger-solid-hover);\n  border-color: var(--sd-bd-danger-solid-hover);\n  color: var(--sd-tx-danger-solid);\n}\nsd-button[data-sd-theme=danger] > button:disabled {\n  background-color: var(--sd-bg-disabled);\n  border-color: var(--sd-bd-disabled);\n  color: var(--sd-tx-disabled);\n  cursor: default;\n}\nsd-button[data-sd-theme=link] > button {\n  border-color: transparent;\n  background-color: transparent;\n  color: var(--sd-tx-primary);\n}\nsd-button[data-sd-theme=link] > button:hover {\n  color: var(--sd-tx-primary-hover);\n}\nsd-button[data-sd-theme=link] > button:disabled {\n  border-color: transparent;\n  color: var(--sd-tx-disabled);\n}\nsd-button[data-sd-theme=link-gray] > button {\n  border-color: transparent;\n  background-color: transparent;\n  color: var(--sd-tx-gray);\n}\nsd-button[data-sd-theme=link-gray] > button:hover {\n  background-color: var(--sd-bg-state-hover);\n  color: var(--sd-tx-gray-hover);\n}\nsd-button[data-sd-theme=link-gray] > button:disabled {\n  border-color: transparent;\n  color: var(--sd-tx-disabled);\n}\nsd-button[data-sd-theme=link-blue-gray] > button {\n  border-color: transparent;\n  background-color: transparent;\n  color: var(--sd-tx-blue-gray);\n}\nsd-button[data-sd-theme=link-blue-gray] > button:hover {\n  background-color: var(--sd-bg-state-hover);\n  color: var(--sd-tx-blue-gray-hover);\n}\nsd-button[data-sd-theme=link-blue-gray] > button:disabled {\n  border-color: transparent;\n  color: var(--sd-tx-disabled);\n}\nsd-button[data-sd-theme=link-primary] > button {\n  border-color: transparent;\n  background-color: transparent;\n  color: var(--sd-tx-primary);\n}\nsd-button[data-sd-theme=link-primary] > button:hover {\n  background-color: var(--sd-bg-state-hover);\n  color: var(--sd-tx-primary-hover);\n}\nsd-button[data-sd-theme=link-primary] > button:disabled {\n  border-color: transparent;\n  color: var(--sd-tx-disabled);\n}\nsd-button[data-sd-theme=link-secondary] > button {\n  border-color: transparent;\n  background-color: transparent;\n  color: var(--sd-tx-secondary);\n}\nsd-button[data-sd-theme=link-secondary] > button:hover {\n  background-color: var(--sd-bg-state-hover);\n  color: var(--sd-tx-secondary-hover);\n}\nsd-button[data-sd-theme=link-secondary] > button:disabled {\n  border-color: transparent;\n  color: var(--sd-tx-disabled);\n}\nsd-button[data-sd-theme=link-info] > button {\n  border-color: transparent;\n  background-color: transparent;\n  color: var(--sd-tx-info);\n}\nsd-button[data-sd-theme=link-info] > button:hover {\n  background-color: var(--sd-bg-state-hover);\n  color: var(--sd-tx-info-hover);\n}\nsd-button[data-sd-theme=link-info] > button:disabled {\n  border-color: transparent;\n  color: var(--sd-tx-disabled);\n}\nsd-button[data-sd-theme=link-success] > button {\n  border-color: transparent;\n  background-color: transparent;\n  color: var(--sd-tx-success);\n}\nsd-button[data-sd-theme=link-success] > button:hover {\n  background-color: var(--sd-bg-state-hover);\n  color: var(--sd-tx-success-hover);\n}\nsd-button[data-sd-theme=link-success] > button:disabled {\n  border-color: transparent;\n  color: var(--sd-tx-disabled);\n}\nsd-button[data-sd-theme=link-warning] > button {\n  border-color: transparent;\n  background-color: transparent;\n  color: var(--sd-tx-warning);\n}\nsd-button[data-sd-theme=link-warning] > button:hover {\n  background-color: var(--sd-bg-state-hover);\n  color: var(--sd-tx-warning-hover);\n}\nsd-button[data-sd-theme=link-warning] > button:disabled {\n  border-color: transparent;\n  color: var(--sd-tx-disabled);\n}\nsd-button[data-sd-theme=link-danger] > button {\n  border-color: transparent;\n  background-color: transparent;\n  color: var(--sd-tx-danger);\n}\nsd-button[data-sd-theme=link-danger] > button:hover {\n  background-color: var(--sd-bg-state-hover);\n  color: var(--sd-tx-danger-hover);\n}\nsd-button[data-sd-theme=link-danger] > button:disabled {\n  border-color: transparent;\n  color: var(--sd-tx-disabled);\n}\nsd-button[data-sd-theme=link-rev] > button {\n  border-color: transparent;\n  background-color: transparent;\n  color: var(--sd-tx-on-inverse);\n}\nsd-button[data-sd-theme=link-rev] > button:hover {\n  color: var(--sd-tx-on-inverse-muted);\n}\nsd-button[data-sd-theme=link-rev] > button:disabled {\n  border-color: transparent;\n  color: var(--sd-tx-on-inverse-disabled);\n}\nsd-button[data-sd-inline=true] > button {\n  display: inline-block;\n  width: auto;\n  vertical-align: top;\n}\nsd-button[data-sd-size=xs] > button {\n  padding: var(--sd-gap-xxs) var(--sd-gap-xs);\n}\nsd-button[data-sd-size=sm] > button {\n  padding: var(--sd-gap-xs) var(--sd-gap-default);\n}\nsd-button[data-sd-size=lg] > button {\n  padding: var(--sd-gap-default) var(--sd-gap-xl);\n}\nsd-button[data-sd-disabled=true]:active {\n  pointer-events: none;\n}"] }]
+                }, styles: ["sd-button > button {\n  display: block;\n  padding: var(--sd-gap-sm) var(--sd-gap-default);\n  border: 1px solid transparent;\n  font-size: var(--sd-font-size-default);\n  font-family: var(--sd-font-family);\n  font-variant-numeric: tabular-nums;\n  line-height: var(--sd-line-height);\n  color: var(--sd-tx-default);\n  user-select: none;\n  padding: var(--sd-gap-sm) var(--sd-gap-lg);\n  width: 100%;\n  background-color: var(--sd-bg-content);\n  border-color: var(--sd-bd-primary-solid);\n  border-radius: var(--sd-radius-default);\n  font-weight: bold;\n  text-align: center;\n  cursor: pointer;\n  transition: var(--sd-animation-duration) linear;\n  transition-property: border, background;\n}\nsd-button > button:hover {\n  background-color: var(--sd-bg-state-hover);\n}\nsd-button > button:disabled {\n  background-color: var(--sd-bg-disabled);\n  border-color: var(--sd-bd-disabled);\n  color: var(--sd-tx-disabled);\n  cursor: default;\n}\nsd-button[data-sd-inset=true] > button {\n  border-radius: 0;\n  border: none;\n  color: var(--sd-tx-primary);\n}\nsd-button[data-sd-inset=true] > button:hover {\n  color: var(--sd-tx-primary-hover);\n}\nsd-button[data-sd-inset=true] > button:disabled {\n  background-color: var(--sd-bg-disabled);\n  border-color: var(--sd-bd-disabled);\n  color: var(--sd-tx-disabled);\n  cursor: default;\n}\nsd-button[data-sd-theme=gray] > button {\n  background-color: var(--sd-bg-gray-solid);\n  border-color: var(--sd-bd-gray-solid);\n  color: var(--sd-tx-gray-solid);\n}\nsd-button[data-sd-theme=gray] > button:hover {\n  background-color: var(--sd-bg-gray-solid-hover);\n  border-color: var(--sd-bd-gray-solid-hover);\n  color: var(--sd-tx-gray-solid);\n}\nsd-button[data-sd-theme=gray] > button:disabled {\n  background-color: var(--sd-bg-disabled);\n  border-color: var(--sd-bd-disabled);\n  color: var(--sd-tx-disabled);\n  cursor: default;\n}\nsd-button[data-sd-theme=blue-gray] > button {\n  background-color: var(--sd-bg-blue-gray-solid);\n  border-color: var(--sd-bd-blue-gray-solid);\n  color: var(--sd-tx-blue-gray-solid);\n}\nsd-button[data-sd-theme=blue-gray] > button:hover {\n  background-color: var(--sd-bg-blue-gray-solid-hover);\n  border-color: var(--sd-bd-blue-gray-solid-hover);\n  color: var(--sd-tx-blue-gray-solid);\n}\nsd-button[data-sd-theme=blue-gray] > button:disabled {\n  background-color: var(--sd-bg-disabled);\n  border-color: var(--sd-bd-disabled);\n  color: var(--sd-tx-disabled);\n  cursor: default;\n}\nsd-button[data-sd-theme=primary] > button {\n  background-color: var(--sd-bg-primary-solid);\n  border-color: var(--sd-bd-primary-solid);\n  color: var(--sd-tx-primary-solid);\n}\nsd-button[data-sd-theme=primary] > button:hover {\n  background-color: var(--sd-bg-primary-solid-hover);\n  border-color: var(--sd-bd-primary-solid-hover);\n  color: var(--sd-tx-primary-solid);\n}\nsd-button[data-sd-theme=primary] > button:disabled {\n  background-color: var(--sd-bg-disabled);\n  border-color: var(--sd-bd-disabled);\n  color: var(--sd-tx-disabled);\n  cursor: default;\n}\nsd-button[data-sd-theme=info] > button {\n  background-color: var(--sd-bg-info-solid);\n  border-color: var(--sd-bd-info-solid);\n  color: var(--sd-tx-info-solid);\n}\nsd-button[data-sd-theme=info] > button:hover {\n  background-color: var(--sd-bg-info-solid-hover);\n  border-color: var(--sd-bd-info-solid-hover);\n  color: var(--sd-tx-info-solid);\n}\nsd-button[data-sd-theme=info] > button:disabled {\n  background-color: var(--sd-bg-disabled);\n  border-color: var(--sd-bd-disabled);\n  color: var(--sd-tx-disabled);\n  cursor: default;\n}\nsd-button[data-sd-theme=success] > button {\n  background-color: var(--sd-bg-success-solid);\n  border-color: var(--sd-bd-success-solid);\n  color: var(--sd-tx-success-solid);\n}\nsd-button[data-sd-theme=success] > button:hover {\n  background-color: var(--sd-bg-success-solid-hover);\n  border-color: var(--sd-bd-success-solid-hover);\n  color: var(--sd-tx-success-solid);\n}\nsd-button[data-sd-theme=success] > button:disabled {\n  background-color: var(--sd-bg-disabled);\n  border-color: var(--sd-bd-disabled);\n  color: var(--sd-tx-disabled);\n  cursor: default;\n}\nsd-button[data-sd-theme=warning] > button {\n  background-color: var(--sd-bg-warning-solid);\n  border-color: var(--sd-bd-warning-solid);\n  color: var(--sd-tx-warning-solid);\n}\nsd-button[data-sd-theme=warning] > button:hover {\n  background-color: var(--sd-bg-warning-solid-hover);\n  border-color: var(--sd-bd-warning-solid-hover);\n  color: var(--sd-tx-warning-solid);\n}\nsd-button[data-sd-theme=warning] > button:disabled {\n  background-color: var(--sd-bg-disabled);\n  border-color: var(--sd-bd-disabled);\n  color: var(--sd-tx-disabled);\n  cursor: default;\n}\nsd-button[data-sd-theme=danger] > button {\n  background-color: var(--sd-bg-danger-solid);\n  border-color: var(--sd-bd-danger-solid);\n  color: var(--sd-tx-danger-solid);\n}\nsd-button[data-sd-theme=danger] > button:hover {\n  background-color: var(--sd-bg-danger-solid-hover);\n  border-color: var(--sd-bd-danger-solid-hover);\n  color: var(--sd-tx-danger-solid);\n}\nsd-button[data-sd-theme=danger] > button:disabled {\n  background-color: var(--sd-bg-disabled);\n  border-color: var(--sd-bd-disabled);\n  color: var(--sd-tx-disabled);\n  cursor: default;\n}\nsd-button[data-sd-theme=link] > button {\n  border-color: transparent;\n  background-color: transparent;\n  color: var(--sd-tx-primary);\n}\nsd-button[data-sd-theme=link] > button:hover {\n  color: var(--sd-tx-primary-hover);\n}\nsd-button[data-sd-theme=link] > button:disabled {\n  border-color: transparent;\n  color: var(--sd-tx-disabled);\n}\nsd-button[data-sd-theme=link-gray] > button {\n  border-color: transparent;\n  background-color: transparent;\n  color: var(--sd-tx-gray);\n}\nsd-button[data-sd-theme=link-gray] > button:hover {\n  background-color: var(--sd-bg-state-hover);\n  color: var(--sd-tx-gray-hover);\n}\nsd-button[data-sd-theme=link-gray] > button:disabled {\n  border-color: transparent;\n  color: var(--sd-tx-disabled);\n}\nsd-button[data-sd-theme=link-blue-gray] > button {\n  border-color: transparent;\n  background-color: transparent;\n  color: var(--sd-tx-blue-gray);\n}\nsd-button[data-sd-theme=link-blue-gray] > button:hover {\n  background-color: var(--sd-bg-state-hover);\n  color: var(--sd-tx-blue-gray-hover);\n}\nsd-button[data-sd-theme=link-blue-gray] > button:disabled {\n  border-color: transparent;\n  color: var(--sd-tx-disabled);\n}\nsd-button[data-sd-theme=link-primary] > button {\n  border-color: transparent;\n  background-color: transparent;\n  color: var(--sd-tx-primary);\n}\nsd-button[data-sd-theme=link-primary] > button:hover {\n  background-color: var(--sd-bg-state-hover);\n  color: var(--sd-tx-primary-hover);\n}\nsd-button[data-sd-theme=link-primary] > button:disabled {\n  border-color: transparent;\n  color: var(--sd-tx-disabled);\n}\nsd-button[data-sd-theme=link-info] > button {\n  border-color: transparent;\n  background-color: transparent;\n  color: var(--sd-tx-info);\n}\nsd-button[data-sd-theme=link-info] > button:hover {\n  background-color: var(--sd-bg-state-hover);\n  color: var(--sd-tx-info-hover);\n}\nsd-button[data-sd-theme=link-info] > button:disabled {\n  border-color: transparent;\n  color: var(--sd-tx-disabled);\n}\nsd-button[data-sd-theme=link-success] > button {\n  border-color: transparent;\n  background-color: transparent;\n  color: var(--sd-tx-success);\n}\nsd-button[data-sd-theme=link-success] > button:hover {\n  background-color: var(--sd-bg-state-hover);\n  color: var(--sd-tx-success-hover);\n}\nsd-button[data-sd-theme=link-success] > button:disabled {\n  border-color: transparent;\n  color: var(--sd-tx-disabled);\n}\nsd-button[data-sd-theme=link-warning] > button {\n  border-color: transparent;\n  background-color: transparent;\n  color: var(--sd-tx-warning);\n}\nsd-button[data-sd-theme=link-warning] > button:hover {\n  background-color: var(--sd-bg-state-hover);\n  color: var(--sd-tx-warning-hover);\n}\nsd-button[data-sd-theme=link-warning] > button:disabled {\n  border-color: transparent;\n  color: var(--sd-tx-disabled);\n}\nsd-button[data-sd-theme=link-danger] > button {\n  border-color: transparent;\n  background-color: transparent;\n  color: var(--sd-tx-danger);\n}\nsd-button[data-sd-theme=link-danger] > button:hover {\n  background-color: var(--sd-bg-state-hover);\n  color: var(--sd-tx-danger-hover);\n}\nsd-button[data-sd-theme=link-danger] > button:disabled {\n  border-color: transparent;\n  color: var(--sd-tx-disabled);\n}\nsd-button[data-sd-theme=link-rev] > button {\n  border-color: transparent;\n  background-color: transparent;\n  color: var(--sd-tx-on-inverse);\n}\nsd-button[data-sd-theme=link-rev] > button:hover {\n  color: var(--sd-tx-on-inverse-muted);\n}\nsd-button[data-sd-theme=link-rev] > button:disabled {\n  border-color: transparent;\n  color: var(--sd-tx-on-inverse-disabled);\n}\nsd-button[data-sd-inline=true] > button {\n  display: inline-block;\n  width: auto;\n  vertical-align: top;\n}\nsd-button[data-sd-size=xs] > button {\n  padding: var(--sd-gap-xxs) var(--sd-gap-xs);\n}\nsd-button[data-sd-size=sm] > button {\n  padding: var(--sd-gap-xs) var(--sd-gap-default);\n}\nsd-button[data-sd-size=lg] > button {\n  padding: var(--sd-gap-default) var(--sd-gap-xl);\n}\nsd-button[data-sd-disabled=true]:active {\n  pointer-events: none;\n}"] }]
     }], null, { type: [{ type: i0.Input, args: [{ isSignal: true, alias: "type", required: false }] }], theme: [{ type: i0.Input, args: [{ isSignal: true, alias: "theme", 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 }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], buttonStyle: [{ type: i0.Input, args: [{ isSignal: true, alias: "buttonStyle", required: false }] }], buttonClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "buttonClass", required: false }] }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SdButton, { className: "SdButton", filePath: "packages/angular/src/controls/button/sd-button.ts", lineNumber: 183 }); })();

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

@@ -8,7 +8,7 @@ export declare class SdCheckbox {
     size: import("@angular/core").InputSignal<"sm" | "lg" | undefined>;
     inline: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
     inset: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
-    theme: import("@angular/core").InputSignal<"info" | "success" | "white" | "primary" | "secondary" | "warning" | "danger" | "gray" | "blue-gray" | undefined>;
+    theme: import("@angular/core").InputSignal<"info" | "success" | "white" | "primary" | "warning" | "danger" | "gray" | "blue-gray" | undefined>;
     contentStyle: import("@angular/core").InputSignal<string | undefined>;
     constructor();
     onClick(event: Event): void;

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

@@ -1 +1 @@
-{"version":3,"file":"sd-checkbox.d.ts","sourceRoot":"","sources":["../../../src/controls/checkbox/sd-checkbox.ts"],"names":[],"mappings":";AAaA,qBAgQa,UAAU;IACrB,KAAK,+CAAgB;IACrB,WAAW,6CAAgB,OAAO,KAAK,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC,EAAc;IAE/E,IAAI,8CAAsB;IAC1B,KAAK,qEAAiD;IACtD,QAAQ,qEAAiD;IAEzD,IAAI,+DAAwB;IAC5B,MAAM,qEAAiD;IACvD,KAAK,qEAAiD;IACtD,KAAK,wJAUD;IAEJ,YAAY,0DAAmB;;IAO/B,OAAO,CAAC,KAAK,EAAE,KAAK;IAYpB,SAAS,CAAC,KAAK,EAAE,aAAa,GAAG,IAAI;yCA1C1B,UAAU;2CAAV,UAAU;CAsDtB"}
+{"version":3,"file":"sd-checkbox.d.ts","sourceRoot":"","sources":["../../../src/controls/checkbox/sd-checkbox.ts"],"names":[],"mappings":";AAaA,qBAgQa,UAAU;IACrB,KAAK,+CAAgB;IACrB,WAAW,6CAAgB,OAAO,KAAK,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC,EAAc;IAE/E,IAAI,8CAAsB;IAC1B,KAAK,qEAAiD;IACtD,QAAQ,qEAAiD;IAEzD,IAAI,+DAAwB;IAC5B,MAAM,qEAAiD;IACvD,KAAK,qEAAiD;IACtD,KAAK,0IAED;IAEJ,YAAY,0DAAmB;;IAO/B,OAAO,CAAC,KAAK,EAAE,KAAK;IAYpB,SAAS,CAAC,KAAK,EAAE,aAAa,GAAG,IAAI;yCAlC1B,UAAU;2CAAV,UAAU;CA8CtB"}

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

@@ -79,7 +79,7 @@ export class SdCheckbox {
             i0.ɵɵconditional(!ctx.radio() ? 2 : 3);
             i0.ɵɵadvance(2);
             i0.ɵɵstyleMap(ctx.contentStyle());
-        } }, dependencies: [NgIcon], styles: ["sd-checkbox {\n  display: block;\n  padding: var(--sd-gap-sm) var(--sd-gap-default);\n  border: 1px solid transparent;\n  font-size: var(--sd-font-size-default);\n  font-family: var(--sd-font-family);\n  font-variant-numeric: tabular-nums;\n  line-height: var(--sd-line-height);\n  color: var(--sd-tx-default);\n  color: inherit;\n  cursor: pointer;\n  height: calc(var(--sd-font-size-default) * var(--sd-line-height-strip-unit) + var(--sd-gap-sm) * 2 + 2px);\n  gap: var(--sd-gap-sm);\n}\n@supports not (appearance: auto) {\n  sd-checkbox {\n    gap: 0;\n  }\n  sd-checkbox > * + * {\n    margin-left: var(--sd-gap-sm);\n  }\n}\nsd-checkbox > ._indicator_rect {\n  display: inline-block;\n  vertical-align: -0.125em;\n  user-select: none;\n  width: calc(var(--sd-font-size-default) + 2px);\n  height: calc(var(--sd-font-size-default) + 2px);\n  border: 1px solid var(--sd-bd-field);\n  background-color: var(--sd-bg-field);\n}\nsd-checkbox > ._indicator_rect > ._indicator {\n  margin: -1px -2px;\n  text-align: center;\n  opacity: 0;\n  color: var(--sd-tx-primary-solid);\n}\nsd-checkbox > ._indicator_rect > ._indicator > ng-icon > svg {\n  vertical-align: top;\n  stroke-width: 2.5px !important;\n}\nsd-checkbox ._contents {\n  display: inline-block;\n  vertical-align: top;\n  padding-left: var(--sd-gap-sm);\n}\nsd-checkbox > ._indicator_rect + ._contents:empty {\n  display: none;\n}\nsd-checkbox:focus > ._indicator_rect {\n  border-color: var(--sd-focus-ring-color);\n}\nsd-checkbox[data-sd-checked=true] > ._indicator_rect {\n  border-color: var(--sd-bd-primary-solid);\n  background-color: var(--sd-bg-primary-solid);\n}\nsd-checkbox[data-sd-checked=true] > ._indicator_rect > ._indicator {\n  opacity: 1;\n}\nsd-checkbox[data-sd-theme=gray] > ._indicator_rect {\n  background-color: var(--sd-bg-gray-subtle);\n}\nsd-checkbox[data-sd-theme=gray] > ._indicator_rect > ._indicator {\n  color: var(--sd-tx-gray);\n}\nsd-checkbox[data-sd-theme=gray][data-sd-checked=true] > ._indicator_rect {\n  border-color: var(--sd-bd-gray-solid);\n  background-color: var(--sd-bg-gray-solid);\n}\nsd-checkbox[data-sd-theme=gray][data-sd-checked=true] > ._indicator_rect > ._indicator {\n  color: var(--sd-tx-gray-solid);\n}\nsd-checkbox[data-sd-theme=gray]:focus > ._indicator_rect {\n  border-color: var(--sd-focus-ring-color);\n}\nsd-checkbox[data-sd-theme=blue-gray] > ._indicator_rect {\n  background-color: var(--sd-bg-blue-gray-subtle);\n}\nsd-checkbox[data-sd-theme=blue-gray] > ._indicator_rect > ._indicator {\n  color: var(--sd-tx-blue-gray);\n}\nsd-checkbox[data-sd-theme=blue-gray][data-sd-checked=true] > ._indicator_rect {\n  border-color: var(--sd-bd-blue-gray-solid);\n  background-color: var(--sd-bg-blue-gray-solid);\n}\nsd-checkbox[data-sd-theme=blue-gray][data-sd-checked=true] > ._indicator_rect > ._indicator {\n  color: var(--sd-tx-blue-gray-solid);\n}\nsd-checkbox[data-sd-theme=blue-gray]:focus > ._indicator_rect {\n  border-color: var(--sd-focus-ring-color);\n}\nsd-checkbox[data-sd-theme=primary] > ._indicator_rect {\n  background-color: var(--sd-bg-primary-subtle);\n}\nsd-checkbox[data-sd-theme=primary] > ._indicator_rect > ._indicator {\n  color: var(--sd-tx-primary);\n}\nsd-checkbox[data-sd-theme=primary][data-sd-checked=true] > ._indicator_rect {\n  border-color: var(--sd-bd-primary-solid);\n  background-color: var(--sd-bg-primary-solid);\n}\nsd-checkbox[data-sd-theme=primary][data-sd-checked=true] > ._indicator_rect > ._indicator {\n  color: var(--sd-tx-primary-solid);\n}\nsd-checkbox[data-sd-theme=primary]:focus > ._indicator_rect {\n  border-color: var(--sd-focus-ring-color);\n}\nsd-checkbox[data-sd-theme=secondary] > ._indicator_rect {\n  background-color: var(--sd-bg-secondary-subtle);\n}\nsd-checkbox[data-sd-theme=secondary] > ._indicator_rect > ._indicator {\n  color: var(--sd-tx-secondary);\n}\nsd-checkbox[data-sd-theme=secondary][data-sd-checked=true] > ._indicator_rect {\n  border-color: var(--sd-bd-secondary-solid);\n  background-color: var(--sd-bg-secondary-solid);\n}\nsd-checkbox[data-sd-theme=secondary][data-sd-checked=true] > ._indicator_rect > ._indicator {\n  color: var(--sd-tx-secondary-solid);\n}\nsd-checkbox[data-sd-theme=secondary]:focus > ._indicator_rect {\n  border-color: var(--sd-focus-ring-color);\n}\nsd-checkbox[data-sd-theme=info] > ._indicator_rect {\n  background-color: var(--sd-bg-info-subtle);\n}\nsd-checkbox[data-sd-theme=info] > ._indicator_rect > ._indicator {\n  color: var(--sd-tx-info);\n}\nsd-checkbox[data-sd-theme=info][data-sd-checked=true] > ._indicator_rect {\n  border-color: var(--sd-bd-info-solid);\n  background-color: var(--sd-bg-info-solid);\n}\nsd-checkbox[data-sd-theme=info][data-sd-checked=true] > ._indicator_rect > ._indicator {\n  color: var(--sd-tx-info-solid);\n}\nsd-checkbox[data-sd-theme=info]:focus > ._indicator_rect {\n  border-color: var(--sd-focus-ring-color);\n}\nsd-checkbox[data-sd-theme=success] > ._indicator_rect {\n  background-color: var(--sd-bg-success-subtle);\n}\nsd-checkbox[data-sd-theme=success] > ._indicator_rect > ._indicator {\n  color: var(--sd-tx-success);\n}\nsd-checkbox[data-sd-theme=success][data-sd-checked=true] > ._indicator_rect {\n  border-color: var(--sd-bd-success-solid);\n  background-color: var(--sd-bg-success-solid);\n}\nsd-checkbox[data-sd-theme=success][data-sd-checked=true] > ._indicator_rect > ._indicator {\n  color: var(--sd-tx-success-solid);\n}\nsd-checkbox[data-sd-theme=success]:focus > ._indicator_rect {\n  border-color: var(--sd-focus-ring-color);\n}\nsd-checkbox[data-sd-theme=warning] > ._indicator_rect {\n  background-color: var(--sd-bg-warning-subtle);\n}\nsd-checkbox[data-sd-theme=warning] > ._indicator_rect > ._indicator {\n  color: var(--sd-tx-warning);\n}\nsd-checkbox[data-sd-theme=warning][data-sd-checked=true] > ._indicator_rect {\n  border-color: var(--sd-bd-warning-solid);\n  background-color: var(--sd-bg-warning-solid);\n}\nsd-checkbox[data-sd-theme=warning][data-sd-checked=true] > ._indicator_rect > ._indicator {\n  color: var(--sd-tx-warning-solid);\n}\nsd-checkbox[data-sd-theme=warning]:focus > ._indicator_rect {\n  border-color: var(--sd-focus-ring-color);\n}\nsd-checkbox[data-sd-theme=danger] > ._indicator_rect {\n  background-color: var(--sd-bg-danger-subtle);\n}\nsd-checkbox[data-sd-theme=danger] > ._indicator_rect > ._indicator {\n  color: var(--sd-tx-danger);\n}\nsd-checkbox[data-sd-theme=danger][data-sd-checked=true] > ._indicator_rect {\n  border-color: var(--sd-bd-danger-solid);\n  background-color: var(--sd-bg-danger-solid);\n}\nsd-checkbox[data-sd-theme=danger][data-sd-checked=true] > ._indicator_rect > ._indicator {\n  color: var(--sd-tx-danger-solid);\n}\nsd-checkbox[data-sd-theme=danger]:focus > ._indicator_rect {\n  border-color: var(--sd-focus-ring-color);\n}\nsd-checkbox[data-sd-theme=white] > ._indicator_rect {\n  background-color: var(--sd-bg-control);\n  border-color: var(--sd-bd-field);\n}\nsd-checkbox[data-sd-theme=white][data-sd-checked=true] > ._indicator_rect {\n  border-color: var(--sd-bd-primary-solid);\n  background-color: var(--sd-bg-primary-solid);\n}\nsd-checkbox[data-sd-theme=white]:focus > ._indicator_rect {\n  border-color: var(--sd-focus-ring-color);\n}\nsd-checkbox[data-sd-radio=true] > ._indicator_rect {\n  border-radius: 100%;\n  padding: var(--sd-gap-xs);\n}\nsd-checkbox[data-sd-radio=true] > ._indicator_rect > ._indicator {\n  border-radius: 100%;\n  width: 100%;\n  height: 100%;\n  background-color: var(--sd-bg-primary-solid);\n}\nsd-checkbox[data-sd-radio=true][data-sd-checked=true] > ._indicator_rect {\n  background-color: var(--sd-bg-field);\n  border-color: var(--sd-bd-primary-solid);\n}\nsd-checkbox[data-sd-size=sm] {\n  height: calc(var(--sd-font-size-default) * var(--sd-line-height-strip-unit) + var(--sd-gap-xs) * 2 + 2px);\n  padding: var(--sd-gap-xs) var(--sd-gap-sm);\n  gap: var(--sd-gap-xs);\n}\n@supports not (appearance: auto) {\n  sd-checkbox[data-sd-size=sm] {\n    gap: 0;\n  }\n  sd-checkbox[data-sd-size=sm] > * + * {\n    margin-left: var(--sd-gap-xs);\n  }\n}\nsd-checkbox[data-sd-size=lg] {\n  height: calc(var(--sd-font-size-default) * var(--sd-line-height-strip-unit) + var(--sd-gap-default) * 2 + 2px);\n  padding: var(--sd-gap-default) var(--sd-gap-lg);\n  gap: var(--sd-gap-default);\n}\n@supports not (appearance: auto) {\n  sd-checkbox[data-sd-size=lg] {\n    gap: 0;\n  }\n  sd-checkbox[data-sd-size=lg] > * + * {\n    margin-left: var(--sd-gap-default);\n  }\n}\nsd-checkbox[data-sd-inset=true] {\n  height: calc(var(--sd-font-size-default) * var(--sd-line-height-strip-unit) + var(--sd-gap-sm) * 2);\n  border: none;\n  justify-content: center;\n  text-align: center;\n}\nsd-checkbox[data-sd-inset=true][data-sd-size=sm] {\n  height: calc(var(--sd-font-size-default) * var(--sd-line-height-strip-unit) + var(--sd-gap-xs) * 2);\n}\nsd-checkbox[data-sd-inset=true][data-sd-size=lg] {\n  height: calc(var(--sd-font-size-default) * var(--sd-line-height-strip-unit) + var(--sd-gap-default) * 2);\n}\nsd-checkbox[data-sd-inline=true] {\n  display: inline-block;\n  vertical-align: top;\n  padding: 0;\n  border: none;\n  height: calc(var(--sd-font-size-default) * var(--sd-line-height-strip-unit));\n  width: auto;\n}\nsd-checkbox[data-sd-disabled=true] {\n  color: var(--sd-tx-disabled) !important;\n  pointer-events: none;\n}\nsd-checkbox[data-sd-disabled=true] > ._indicator_rect {\n  background-color: var(--sd-bg-disabled) !important;\n  border-color: var(--sd-bd-disabled) !important;\n}\nsd-checkbox[data-sd-disabled=true] > ._indicator_rect > ._indicator {\n  color: var(--sd-tx-disabled) !important;\n}"], encapsulation: 2 });
+        } }, dependencies: [NgIcon], styles: ["sd-checkbox {\n  display: block;\n  padding: var(--sd-gap-sm) var(--sd-gap-default);\n  border: 1px solid transparent;\n  font-size: var(--sd-font-size-default);\n  font-family: var(--sd-font-family);\n  font-variant-numeric: tabular-nums;\n  line-height: var(--sd-line-height);\n  color: var(--sd-tx-default);\n  color: inherit;\n  cursor: pointer;\n  height: calc(var(--sd-font-size-default) * var(--sd-line-height-strip-unit) + var(--sd-gap-sm) * 2 + 2px);\n  gap: var(--sd-gap-sm);\n}\n@supports not (appearance: auto) {\n  sd-checkbox {\n    gap: 0;\n  }\n  sd-checkbox > * + * {\n    margin-left: var(--sd-gap-sm);\n  }\n}\nsd-checkbox > ._indicator_rect {\n  display: inline-block;\n  vertical-align: -0.125em;\n  user-select: none;\n  width: calc(var(--sd-font-size-default) + 2px);\n  height: calc(var(--sd-font-size-default) + 2px);\n  border: 1px solid var(--sd-bd-field);\n  background-color: var(--sd-bg-field);\n}\nsd-checkbox > ._indicator_rect > ._indicator {\n  margin: -1px -2px;\n  text-align: center;\n  opacity: 0;\n  color: var(--sd-tx-primary-solid);\n}\nsd-checkbox > ._indicator_rect > ._indicator > ng-icon > svg {\n  vertical-align: top;\n  stroke-width: 2.5px !important;\n}\nsd-checkbox ._contents {\n  display: inline-block;\n  vertical-align: top;\n  padding-left: var(--sd-gap-sm);\n}\nsd-checkbox > ._indicator_rect + ._contents:empty {\n  display: none;\n}\nsd-checkbox:focus > ._indicator_rect {\n  border-color: var(--sd-focus-ring-color);\n}\nsd-checkbox[data-sd-checked=true] > ._indicator_rect {\n  border-color: var(--sd-bd-primary-solid);\n  background-color: var(--sd-bg-primary-solid);\n}\nsd-checkbox[data-sd-checked=true] > ._indicator_rect > ._indicator {\n  opacity: 1;\n}\nsd-checkbox[data-sd-theme=gray] > ._indicator_rect {\n  background-color: var(--sd-bg-gray-subtle);\n}\nsd-checkbox[data-sd-theme=gray] > ._indicator_rect > ._indicator {\n  color: var(--sd-tx-gray);\n}\nsd-checkbox[data-sd-theme=gray][data-sd-checked=true] > ._indicator_rect {\n  border-color: var(--sd-bd-gray-solid);\n  background-color: var(--sd-bg-gray-solid);\n}\nsd-checkbox[data-sd-theme=gray][data-sd-checked=true] > ._indicator_rect > ._indicator {\n  color: var(--sd-tx-gray-solid);\n}\nsd-checkbox[data-sd-theme=gray]:focus > ._indicator_rect {\n  border-color: var(--sd-focus-ring-color);\n}\nsd-checkbox[data-sd-theme=blue-gray] > ._indicator_rect {\n  background-color: var(--sd-bg-blue-gray-subtle);\n}\nsd-checkbox[data-sd-theme=blue-gray] > ._indicator_rect > ._indicator {\n  color: var(--sd-tx-blue-gray);\n}\nsd-checkbox[data-sd-theme=blue-gray][data-sd-checked=true] > ._indicator_rect {\n  border-color: var(--sd-bd-blue-gray-solid);\n  background-color: var(--sd-bg-blue-gray-solid);\n}\nsd-checkbox[data-sd-theme=blue-gray][data-sd-checked=true] > ._indicator_rect > ._indicator {\n  color: var(--sd-tx-blue-gray-solid);\n}\nsd-checkbox[data-sd-theme=blue-gray]:focus > ._indicator_rect {\n  border-color: var(--sd-focus-ring-color);\n}\nsd-checkbox[data-sd-theme=primary] > ._indicator_rect {\n  background-color: var(--sd-bg-primary-subtle);\n}\nsd-checkbox[data-sd-theme=primary] > ._indicator_rect > ._indicator {\n  color: var(--sd-tx-primary);\n}\nsd-checkbox[data-sd-theme=primary][data-sd-checked=true] > ._indicator_rect {\n  border-color: var(--sd-bd-primary-solid);\n  background-color: var(--sd-bg-primary-solid);\n}\nsd-checkbox[data-sd-theme=primary][data-sd-checked=true] > ._indicator_rect > ._indicator {\n  color: var(--sd-tx-primary-solid);\n}\nsd-checkbox[data-sd-theme=primary]:focus > ._indicator_rect {\n  border-color: var(--sd-focus-ring-color);\n}\nsd-checkbox[data-sd-theme=info] > ._indicator_rect {\n  background-color: var(--sd-bg-info-subtle);\n}\nsd-checkbox[data-sd-theme=info] > ._indicator_rect > ._indicator {\n  color: var(--sd-tx-info);\n}\nsd-checkbox[data-sd-theme=info][data-sd-checked=true] > ._indicator_rect {\n  border-color: var(--sd-bd-info-solid);\n  background-color: var(--sd-bg-info-solid);\n}\nsd-checkbox[data-sd-theme=info][data-sd-checked=true] > ._indicator_rect > ._indicator {\n  color: var(--sd-tx-info-solid);\n}\nsd-checkbox[data-sd-theme=info]:focus > ._indicator_rect {\n  border-color: var(--sd-focus-ring-color);\n}\nsd-checkbox[data-sd-theme=success] > ._indicator_rect {\n  background-color: var(--sd-bg-success-subtle);\n}\nsd-checkbox[data-sd-theme=success] > ._indicator_rect > ._indicator {\n  color: var(--sd-tx-success);\n}\nsd-checkbox[data-sd-theme=success][data-sd-checked=true] > ._indicator_rect {\n  border-color: var(--sd-bd-success-solid);\n  background-color: var(--sd-bg-success-solid);\n}\nsd-checkbox[data-sd-theme=success][data-sd-checked=true] > ._indicator_rect > ._indicator {\n  color: var(--sd-tx-success-solid);\n}\nsd-checkbox[data-sd-theme=success]:focus > ._indicator_rect {\n  border-color: var(--sd-focus-ring-color);\n}\nsd-checkbox[data-sd-theme=warning] > ._indicator_rect {\n  background-color: var(--sd-bg-warning-subtle);\n}\nsd-checkbox[data-sd-theme=warning] > ._indicator_rect > ._indicator {\n  color: var(--sd-tx-warning);\n}\nsd-checkbox[data-sd-theme=warning][data-sd-checked=true] > ._indicator_rect {\n  border-color: var(--sd-bd-warning-solid);\n  background-color: var(--sd-bg-warning-solid);\n}\nsd-checkbox[data-sd-theme=warning][data-sd-checked=true] > ._indicator_rect > ._indicator {\n  color: var(--sd-tx-warning-solid);\n}\nsd-checkbox[data-sd-theme=warning]:focus > ._indicator_rect {\n  border-color: var(--sd-focus-ring-color);\n}\nsd-checkbox[data-sd-theme=danger] > ._indicator_rect {\n  background-color: var(--sd-bg-danger-subtle);\n}\nsd-checkbox[data-sd-theme=danger] > ._indicator_rect > ._indicator {\n  color: var(--sd-tx-danger);\n}\nsd-checkbox[data-sd-theme=danger][data-sd-checked=true] > ._indicator_rect {\n  border-color: var(--sd-bd-danger-solid);\n  background-color: var(--sd-bg-danger-solid);\n}\nsd-checkbox[data-sd-theme=danger][data-sd-checked=true] > ._indicator_rect > ._indicator {\n  color: var(--sd-tx-danger-solid);\n}\nsd-checkbox[data-sd-theme=danger]:focus > ._indicator_rect {\n  border-color: var(--sd-focus-ring-color);\n}\nsd-checkbox[data-sd-theme=white] > ._indicator_rect {\n  background-color: var(--sd-bg-checkbox);\n  border-color: var(--sd-bd-field);\n}\nsd-checkbox[data-sd-theme=white][data-sd-checked=true] > ._indicator_rect {\n  border-color: var(--sd-bd-primary-solid);\n  background-color: var(--sd-bg-primary-solid);\n}\nsd-checkbox[data-sd-theme=white]:focus > ._indicator_rect {\n  border-color: var(--sd-focus-ring-color);\n}\nsd-checkbox[data-sd-radio=true] > ._indicator_rect {\n  border-radius: 100%;\n  padding: var(--sd-gap-xs);\n}\nsd-checkbox[data-sd-radio=true] > ._indicator_rect > ._indicator {\n  border-radius: 100%;\n  width: 100%;\n  height: 100%;\n  background-color: var(--sd-bg-primary-solid);\n}\nsd-checkbox[data-sd-radio=true][data-sd-checked=true] > ._indicator_rect {\n  background-color: var(--sd-bg-field);\n  border-color: var(--sd-bd-primary-solid);\n}\nsd-checkbox[data-sd-size=sm] {\n  height: calc(var(--sd-font-size-default) * var(--sd-line-height-strip-unit) + var(--sd-gap-xs) * 2 + 2px);\n  padding: var(--sd-gap-xs) var(--sd-gap-sm);\n  gap: var(--sd-gap-xs);\n}\n@supports not (appearance: auto) {\n  sd-checkbox[data-sd-size=sm] {\n    gap: 0;\n  }\n  sd-checkbox[data-sd-size=sm] > * + * {\n    margin-left: var(--sd-gap-xs);\n  }\n}\nsd-checkbox[data-sd-size=lg] {\n  height: calc(var(--sd-font-size-default) * var(--sd-line-height-strip-unit) + var(--sd-gap-default) * 2 + 2px);\n  padding: var(--sd-gap-default) var(--sd-gap-lg);\n  gap: var(--sd-gap-default);\n}\n@supports not (appearance: auto) {\n  sd-checkbox[data-sd-size=lg] {\n    gap: 0;\n  }\n  sd-checkbox[data-sd-size=lg] > * + * {\n    margin-left: var(--sd-gap-default);\n  }\n}\nsd-checkbox[data-sd-inset=true] {\n  height: calc(var(--sd-font-size-default) * var(--sd-line-height-strip-unit) + var(--sd-gap-sm) * 2);\n  border: none;\n  justify-content: center;\n  text-align: center;\n}\nsd-checkbox[data-sd-inset=true][data-sd-size=sm] {\n  height: calc(var(--sd-font-size-default) * var(--sd-line-height-strip-unit) + var(--sd-gap-xs) * 2);\n}\nsd-checkbox[data-sd-inset=true][data-sd-size=lg] {\n  height: calc(var(--sd-font-size-default) * var(--sd-line-height-strip-unit) + var(--sd-gap-default) * 2);\n}\nsd-checkbox[data-sd-inline=true] {\n  display: inline-block;\n  vertical-align: top;\n  padding: 0;\n  border: none;\n  height: calc(var(--sd-font-size-default) * var(--sd-line-height-strip-unit));\n  width: auto;\n}\nsd-checkbox[data-sd-disabled=true] {\n  color: var(--sd-tx-disabled) !important;\n  pointer-events: none;\n}\nsd-checkbox[data-sd-disabled=true] > ._indicator_rect {\n  background-color: var(--sd-bg-disabled) !important;\n  border-color: var(--sd-bd-disabled) !important;\n}\nsd-checkbox[data-sd-disabled=true] > ._indicator_rect > ._indicator {\n  color: var(--sd-tx-disabled) !important;\n}"], encapsulation: 2 });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SdCheckbox, [{
         type: Component,
@@ -107,6 +107,6 @@ export class SdCheckbox {
                     "[attr.tabindex]": "'0'",
                     "(click)": "onClick($event)",
                     "(keydown)": "onKeydown($event)",
-                }, styles: ["sd-checkbox {\n  display: block;\n  padding: var(--sd-gap-sm) var(--sd-gap-default);\n  border: 1px solid transparent;\n  font-size: var(--sd-font-size-default);\n  font-family: var(--sd-font-family);\n  font-variant-numeric: tabular-nums;\n  line-height: var(--sd-line-height);\n  color: var(--sd-tx-default);\n  color: inherit;\n  cursor: pointer;\n  height: calc(var(--sd-font-size-default) * var(--sd-line-height-strip-unit) + var(--sd-gap-sm) * 2 + 2px);\n  gap: var(--sd-gap-sm);\n}\n@supports not (appearance: auto) {\n  sd-checkbox {\n    gap: 0;\n  }\n  sd-checkbox > * + * {\n    margin-left: var(--sd-gap-sm);\n  }\n}\nsd-checkbox > ._indicator_rect {\n  display: inline-block;\n  vertical-align: -0.125em;\n  user-select: none;\n  width: calc(var(--sd-font-size-default) + 2px);\n  height: calc(var(--sd-font-size-default) + 2px);\n  border: 1px solid var(--sd-bd-field);\n  background-color: var(--sd-bg-field);\n}\nsd-checkbox > ._indicator_rect > ._indicator {\n  margin: -1px -2px;\n  text-align: center;\n  opacity: 0;\n  color: var(--sd-tx-primary-solid);\n}\nsd-checkbox > ._indicator_rect > ._indicator > ng-icon > svg {\n  vertical-align: top;\n  stroke-width: 2.5px !important;\n}\nsd-checkbox ._contents {\n  display: inline-block;\n  vertical-align: top;\n  padding-left: var(--sd-gap-sm);\n}\nsd-checkbox > ._indicator_rect + ._contents:empty {\n  display: none;\n}\nsd-checkbox:focus > ._indicator_rect {\n  border-color: var(--sd-focus-ring-color);\n}\nsd-checkbox[data-sd-checked=true] > ._indicator_rect {\n  border-color: var(--sd-bd-primary-solid);\n  background-color: var(--sd-bg-primary-solid);\n}\nsd-checkbox[data-sd-checked=true] > ._indicator_rect > ._indicator {\n  opacity: 1;\n}\nsd-checkbox[data-sd-theme=gray] > ._indicator_rect {\n  background-color: var(--sd-bg-gray-subtle);\n}\nsd-checkbox[data-sd-theme=gray] > ._indicator_rect > ._indicator {\n  color: var(--sd-tx-gray);\n}\nsd-checkbox[data-sd-theme=gray][data-sd-checked=true] > ._indicator_rect {\n  border-color: var(--sd-bd-gray-solid);\n  background-color: var(--sd-bg-gray-solid);\n}\nsd-checkbox[data-sd-theme=gray][data-sd-checked=true] > ._indicator_rect > ._indicator {\n  color: var(--sd-tx-gray-solid);\n}\nsd-checkbox[data-sd-theme=gray]:focus > ._indicator_rect {\n  border-color: var(--sd-focus-ring-color);\n}\nsd-checkbox[data-sd-theme=blue-gray] > ._indicator_rect {\n  background-color: var(--sd-bg-blue-gray-subtle);\n}\nsd-checkbox[data-sd-theme=blue-gray] > ._indicator_rect > ._indicator {\n  color: var(--sd-tx-blue-gray);\n}\nsd-checkbox[data-sd-theme=blue-gray][data-sd-checked=true] > ._indicator_rect {\n  border-color: var(--sd-bd-blue-gray-solid);\n  background-color: var(--sd-bg-blue-gray-solid);\n}\nsd-checkbox[data-sd-theme=blue-gray][data-sd-checked=true] > ._indicator_rect > ._indicator {\n  color: var(--sd-tx-blue-gray-solid);\n}\nsd-checkbox[data-sd-theme=blue-gray]:focus > ._indicator_rect {\n  border-color: var(--sd-focus-ring-color);\n}\nsd-checkbox[data-sd-theme=primary] > ._indicator_rect {\n  background-color: var(--sd-bg-primary-subtle);\n}\nsd-checkbox[data-sd-theme=primary] > ._indicator_rect > ._indicator {\n  color: var(--sd-tx-primary);\n}\nsd-checkbox[data-sd-theme=primary][data-sd-checked=true] > ._indicator_rect {\n  border-color: var(--sd-bd-primary-solid);\n  background-color: var(--sd-bg-primary-solid);\n}\nsd-checkbox[data-sd-theme=primary][data-sd-checked=true] > ._indicator_rect > ._indicator {\n  color: var(--sd-tx-primary-solid);\n}\nsd-checkbox[data-sd-theme=primary]:focus > ._indicator_rect {\n  border-color: var(--sd-focus-ring-color);\n}\nsd-checkbox[data-sd-theme=secondary] > ._indicator_rect {\n  background-color: var(--sd-bg-secondary-subtle);\n}\nsd-checkbox[data-sd-theme=secondary] > ._indicator_rect > ._indicator {\n  color: var(--sd-tx-secondary);\n}\nsd-checkbox[data-sd-theme=secondary][data-sd-checked=true] > ._indicator_rect {\n  border-color: var(--sd-bd-secondary-solid);\n  background-color: var(--sd-bg-secondary-solid);\n}\nsd-checkbox[data-sd-theme=secondary][data-sd-checked=true] > ._indicator_rect > ._indicator {\n  color: var(--sd-tx-secondary-solid);\n}\nsd-checkbox[data-sd-theme=secondary]:focus > ._indicator_rect {\n  border-color: var(--sd-focus-ring-color);\n}\nsd-checkbox[data-sd-theme=info] > ._indicator_rect {\n  background-color: var(--sd-bg-info-subtle);\n}\nsd-checkbox[data-sd-theme=info] > ._indicator_rect > ._indicator {\n  color: var(--sd-tx-info);\n}\nsd-checkbox[data-sd-theme=info][data-sd-checked=true] > ._indicator_rect {\n  border-color: var(--sd-bd-info-solid);\n  background-color: var(--sd-bg-info-solid);\n}\nsd-checkbox[data-sd-theme=info][data-sd-checked=true] > ._indicator_rect > ._indicator {\n  color: var(--sd-tx-info-solid);\n}\nsd-checkbox[data-sd-theme=info]:focus > ._indicator_rect {\n  border-color: var(--sd-focus-ring-color);\n}\nsd-checkbox[data-sd-theme=success] > ._indicator_rect {\n  background-color: var(--sd-bg-success-subtle);\n}\nsd-checkbox[data-sd-theme=success] > ._indicator_rect > ._indicator {\n  color: var(--sd-tx-success);\n}\nsd-checkbox[data-sd-theme=success][data-sd-checked=true] > ._indicator_rect {\n  border-color: var(--sd-bd-success-solid);\n  background-color: var(--sd-bg-success-solid);\n}\nsd-checkbox[data-sd-theme=success][data-sd-checked=true] > ._indicator_rect > ._indicator {\n  color: var(--sd-tx-success-solid);\n}\nsd-checkbox[data-sd-theme=success]:focus > ._indicator_rect {\n  border-color: var(--sd-focus-ring-color);\n}\nsd-checkbox[data-sd-theme=warning] > ._indicator_rect {\n  background-color: var(--sd-bg-warning-subtle);\n}\nsd-checkbox[data-sd-theme=warning] > ._indicator_rect > ._indicator {\n  color: var(--sd-tx-warning);\n}\nsd-checkbox[data-sd-theme=warning][data-sd-checked=true] > ._indicator_rect {\n  border-color: var(--sd-bd-warning-solid);\n  background-color: var(--sd-bg-warning-solid);\n}\nsd-checkbox[data-sd-theme=warning][data-sd-checked=true] > ._indicator_rect > ._indicator {\n  color: var(--sd-tx-warning-solid);\n}\nsd-checkbox[data-sd-theme=warning]:focus > ._indicator_rect {\n  border-color: var(--sd-focus-ring-color);\n}\nsd-checkbox[data-sd-theme=danger] > ._indicator_rect {\n  background-color: var(--sd-bg-danger-subtle);\n}\nsd-checkbox[data-sd-theme=danger] > ._indicator_rect > ._indicator {\n  color: var(--sd-tx-danger);\n}\nsd-checkbox[data-sd-theme=danger][data-sd-checked=true] > ._indicator_rect {\n  border-color: var(--sd-bd-danger-solid);\n  background-color: var(--sd-bg-danger-solid);\n}\nsd-checkbox[data-sd-theme=danger][data-sd-checked=true] > ._indicator_rect > ._indicator {\n  color: var(--sd-tx-danger-solid);\n}\nsd-checkbox[data-sd-theme=danger]:focus > ._indicator_rect {\n  border-color: var(--sd-focus-ring-color);\n}\nsd-checkbox[data-sd-theme=white] > ._indicator_rect {\n  background-color: var(--sd-bg-control);\n  border-color: var(--sd-bd-field);\n}\nsd-checkbox[data-sd-theme=white][data-sd-checked=true] > ._indicator_rect {\n  border-color: var(--sd-bd-primary-solid);\n  background-color: var(--sd-bg-primary-solid);\n}\nsd-checkbox[data-sd-theme=white]:focus > ._indicator_rect {\n  border-color: var(--sd-focus-ring-color);\n}\nsd-checkbox[data-sd-radio=true] > ._indicator_rect {\n  border-radius: 100%;\n  padding: var(--sd-gap-xs);\n}\nsd-checkbox[data-sd-radio=true] > ._indicator_rect > ._indicator {\n  border-radius: 100%;\n  width: 100%;\n  height: 100%;\n  background-color: var(--sd-bg-primary-solid);\n}\nsd-checkbox[data-sd-radio=true][data-sd-checked=true] > ._indicator_rect {\n  background-color: var(--sd-bg-field);\n  border-color: var(--sd-bd-primary-solid);\n}\nsd-checkbox[data-sd-size=sm] {\n  height: calc(var(--sd-font-size-default) * var(--sd-line-height-strip-unit) + var(--sd-gap-xs) * 2 + 2px);\n  padding: var(--sd-gap-xs) var(--sd-gap-sm);\n  gap: var(--sd-gap-xs);\n}\n@supports not (appearance: auto) {\n  sd-checkbox[data-sd-size=sm] {\n    gap: 0;\n  }\n  sd-checkbox[data-sd-size=sm] > * + * {\n    margin-left: var(--sd-gap-xs);\n  }\n}\nsd-checkbox[data-sd-size=lg] {\n  height: calc(var(--sd-font-size-default) * var(--sd-line-height-strip-unit) + var(--sd-gap-default) * 2 + 2px);\n  padding: var(--sd-gap-default) var(--sd-gap-lg);\n  gap: var(--sd-gap-default);\n}\n@supports not (appearance: auto) {\n  sd-checkbox[data-sd-size=lg] {\n    gap: 0;\n  }\n  sd-checkbox[data-sd-size=lg] > * + * {\n    margin-left: var(--sd-gap-default);\n  }\n}\nsd-checkbox[data-sd-inset=true] {\n  height: calc(var(--sd-font-size-default) * var(--sd-line-height-strip-unit) + var(--sd-gap-sm) * 2);\n  border: none;\n  justify-content: center;\n  text-align: center;\n}\nsd-checkbox[data-sd-inset=true][data-sd-size=sm] {\n  height: calc(var(--sd-font-size-default) * var(--sd-line-height-strip-unit) + var(--sd-gap-xs) * 2);\n}\nsd-checkbox[data-sd-inset=true][data-sd-size=lg] {\n  height: calc(var(--sd-font-size-default) * var(--sd-line-height-strip-unit) + var(--sd-gap-default) * 2);\n}\nsd-checkbox[data-sd-inline=true] {\n  display: inline-block;\n  vertical-align: top;\n  padding: 0;\n  border: none;\n  height: calc(var(--sd-font-size-default) * var(--sd-line-height-strip-unit));\n  width: auto;\n}\nsd-checkbox[data-sd-disabled=true] {\n  color: var(--sd-tx-disabled) !important;\n  pointer-events: none;\n}\nsd-checkbox[data-sd-disabled=true] > ._indicator_rect {\n  background-color: var(--sd-bg-disabled) !important;\n  border-color: var(--sd-bd-disabled) !important;\n}\nsd-checkbox[data-sd-disabled=true] > ._indicator_rect > ._indicator {\n  color: var(--sd-tx-disabled) !important;\n}"] }]
+                }, styles: ["sd-checkbox {\n  display: block;\n  padding: var(--sd-gap-sm) var(--sd-gap-default);\n  border: 1px solid transparent;\n  font-size: var(--sd-font-size-default);\n  font-family: var(--sd-font-family);\n  font-variant-numeric: tabular-nums;\n  line-height: var(--sd-line-height);\n  color: var(--sd-tx-default);\n  color: inherit;\n  cursor: pointer;\n  height: calc(var(--sd-font-size-default) * var(--sd-line-height-strip-unit) + var(--sd-gap-sm) * 2 + 2px);\n  gap: var(--sd-gap-sm);\n}\n@supports not (appearance: auto) {\n  sd-checkbox {\n    gap: 0;\n  }\n  sd-checkbox > * + * {\n    margin-left: var(--sd-gap-sm);\n  }\n}\nsd-checkbox > ._indicator_rect {\n  display: inline-block;\n  vertical-align: -0.125em;\n  user-select: none;\n  width: calc(var(--sd-font-size-default) + 2px);\n  height: calc(var(--sd-font-size-default) + 2px);\n  border: 1px solid var(--sd-bd-field);\n  background-color: var(--sd-bg-field);\n}\nsd-checkbox > ._indicator_rect > ._indicator {\n  margin: -1px -2px;\n  text-align: center;\n  opacity: 0;\n  color: var(--sd-tx-primary-solid);\n}\nsd-checkbox > ._indicator_rect > ._indicator > ng-icon > svg {\n  vertical-align: top;\n  stroke-width: 2.5px !important;\n}\nsd-checkbox ._contents {\n  display: inline-block;\n  vertical-align: top;\n  padding-left: var(--sd-gap-sm);\n}\nsd-checkbox > ._indicator_rect + ._contents:empty {\n  display: none;\n}\nsd-checkbox:focus > ._indicator_rect {\n  border-color: var(--sd-focus-ring-color);\n}\nsd-checkbox[data-sd-checked=true] > ._indicator_rect {\n  border-color: var(--sd-bd-primary-solid);\n  background-color: var(--sd-bg-primary-solid);\n}\nsd-checkbox[data-sd-checked=true] > ._indicator_rect > ._indicator {\n  opacity: 1;\n}\nsd-checkbox[data-sd-theme=gray] > ._indicator_rect {\n  background-color: var(--sd-bg-gray-subtle);\n}\nsd-checkbox[data-sd-theme=gray] > ._indicator_rect > ._indicator {\n  color: var(--sd-tx-gray);\n}\nsd-checkbox[data-sd-theme=gray][data-sd-checked=true] > ._indicator_rect {\n  border-color: var(--sd-bd-gray-solid);\n  background-color: var(--sd-bg-gray-solid);\n}\nsd-checkbox[data-sd-theme=gray][data-sd-checked=true] > ._indicator_rect > ._indicator {\n  color: var(--sd-tx-gray-solid);\n}\nsd-checkbox[data-sd-theme=gray]:focus > ._indicator_rect {\n  border-color: var(--sd-focus-ring-color);\n}\nsd-checkbox[data-sd-theme=blue-gray] > ._indicator_rect {\n  background-color: var(--sd-bg-blue-gray-subtle);\n}\nsd-checkbox[data-sd-theme=blue-gray] > ._indicator_rect > ._indicator {\n  color: var(--sd-tx-blue-gray);\n}\nsd-checkbox[data-sd-theme=blue-gray][data-sd-checked=true] > ._indicator_rect {\n  border-color: var(--sd-bd-blue-gray-solid);\n  background-color: var(--sd-bg-blue-gray-solid);\n}\nsd-checkbox[data-sd-theme=blue-gray][data-sd-checked=true] > ._indicator_rect > ._indicator {\n  color: var(--sd-tx-blue-gray-solid);\n}\nsd-checkbox[data-sd-theme=blue-gray]:focus > ._indicator_rect {\n  border-color: var(--sd-focus-ring-color);\n}\nsd-checkbox[data-sd-theme=primary] > ._indicator_rect {\n  background-color: var(--sd-bg-primary-subtle);\n}\nsd-checkbox[data-sd-theme=primary] > ._indicator_rect > ._indicator {\n  color: var(--sd-tx-primary);\n}\nsd-checkbox[data-sd-theme=primary][data-sd-checked=true] > ._indicator_rect {\n  border-color: var(--sd-bd-primary-solid);\n  background-color: var(--sd-bg-primary-solid);\n}\nsd-checkbox[data-sd-theme=primary][data-sd-checked=true] > ._indicator_rect > ._indicator {\n  color: var(--sd-tx-primary-solid);\n}\nsd-checkbox[data-sd-theme=primary]:focus > ._indicator_rect {\n  border-color: var(--sd-focus-ring-color);\n}\nsd-checkbox[data-sd-theme=info] > ._indicator_rect {\n  background-color: var(--sd-bg-info-subtle);\n}\nsd-checkbox[data-sd-theme=info] > ._indicator_rect > ._indicator {\n  color: var(--sd-tx-info);\n}\nsd-checkbox[data-sd-theme=info][data-sd-checked=true] > ._indicator_rect {\n  border-color: var(--sd-bd-info-solid);\n  background-color: var(--sd-bg-info-solid);\n}\nsd-checkbox[data-sd-theme=info][data-sd-checked=true] > ._indicator_rect > ._indicator {\n  color: var(--sd-tx-info-solid);\n}\nsd-checkbox[data-sd-theme=info]:focus > ._indicator_rect {\n  border-color: var(--sd-focus-ring-color);\n}\nsd-checkbox[data-sd-theme=success] > ._indicator_rect {\n  background-color: var(--sd-bg-success-subtle);\n}\nsd-checkbox[data-sd-theme=success] > ._indicator_rect > ._indicator {\n  color: var(--sd-tx-success);\n}\nsd-checkbox[data-sd-theme=success][data-sd-checked=true] > ._indicator_rect {\n  border-color: var(--sd-bd-success-solid);\n  background-color: var(--sd-bg-success-solid);\n}\nsd-checkbox[data-sd-theme=success][data-sd-checked=true] > ._indicator_rect > ._indicator {\n  color: var(--sd-tx-success-solid);\n}\nsd-checkbox[data-sd-theme=success]:focus > ._indicator_rect {\n  border-color: var(--sd-focus-ring-color);\n}\nsd-checkbox[data-sd-theme=warning] > ._indicator_rect {\n  background-color: var(--sd-bg-warning-subtle);\n}\nsd-checkbox[data-sd-theme=warning] > ._indicator_rect > ._indicator {\n  color: var(--sd-tx-warning);\n}\nsd-checkbox[data-sd-theme=warning][data-sd-checked=true] > ._indicator_rect {\n  border-color: var(--sd-bd-warning-solid);\n  background-color: var(--sd-bg-warning-solid);\n}\nsd-checkbox[data-sd-theme=warning][data-sd-checked=true] > ._indicator_rect > ._indicator {\n  color: var(--sd-tx-warning-solid);\n}\nsd-checkbox[data-sd-theme=warning]:focus > ._indicator_rect {\n  border-color: var(--sd-focus-ring-color);\n}\nsd-checkbox[data-sd-theme=danger] > ._indicator_rect {\n  background-color: var(--sd-bg-danger-subtle);\n}\nsd-checkbox[data-sd-theme=danger] > ._indicator_rect > ._indicator {\n  color: var(--sd-tx-danger);\n}\nsd-checkbox[data-sd-theme=danger][data-sd-checked=true] > ._indicator_rect {\n  border-color: var(--sd-bd-danger-solid);\n  background-color: var(--sd-bg-danger-solid);\n}\nsd-checkbox[data-sd-theme=danger][data-sd-checked=true] > ._indicator_rect > ._indicator {\n  color: var(--sd-tx-danger-solid);\n}\nsd-checkbox[data-sd-theme=danger]:focus > ._indicator_rect {\n  border-color: var(--sd-focus-ring-color);\n}\nsd-checkbox[data-sd-theme=white] > ._indicator_rect {\n  background-color: var(--sd-bg-checkbox);\n  border-color: var(--sd-bd-field);\n}\nsd-checkbox[data-sd-theme=white][data-sd-checked=true] > ._indicator_rect {\n  border-color: var(--sd-bd-primary-solid);\n  background-color: var(--sd-bg-primary-solid);\n}\nsd-checkbox[data-sd-theme=white]:focus > ._indicator_rect {\n  border-color: var(--sd-focus-ring-color);\n}\nsd-checkbox[data-sd-radio=true] > ._indicator_rect {\n  border-radius: 100%;\n  padding: var(--sd-gap-xs);\n}\nsd-checkbox[data-sd-radio=true] > ._indicator_rect > ._indicator {\n  border-radius: 100%;\n  width: 100%;\n  height: 100%;\n  background-color: var(--sd-bg-primary-solid);\n}\nsd-checkbox[data-sd-radio=true][data-sd-checked=true] > ._indicator_rect {\n  background-color: var(--sd-bg-field);\n  border-color: var(--sd-bd-primary-solid);\n}\nsd-checkbox[data-sd-size=sm] {\n  height: calc(var(--sd-font-size-default) * var(--sd-line-height-strip-unit) + var(--sd-gap-xs) * 2 + 2px);\n  padding: var(--sd-gap-xs) var(--sd-gap-sm);\n  gap: var(--sd-gap-xs);\n}\n@supports not (appearance: auto) {\n  sd-checkbox[data-sd-size=sm] {\n    gap: 0;\n  }\n  sd-checkbox[data-sd-size=sm] > * + * {\n    margin-left: var(--sd-gap-xs);\n  }\n}\nsd-checkbox[data-sd-size=lg] {\n  height: calc(var(--sd-font-size-default) * var(--sd-line-height-strip-unit) + var(--sd-gap-default) * 2 + 2px);\n  padding: var(--sd-gap-default) var(--sd-gap-lg);\n  gap: var(--sd-gap-default);\n}\n@supports not (appearance: auto) {\n  sd-checkbox[data-sd-size=lg] {\n    gap: 0;\n  }\n  sd-checkbox[data-sd-size=lg] > * + * {\n    margin-left: var(--sd-gap-default);\n  }\n}\nsd-checkbox[data-sd-inset=true] {\n  height: calc(var(--sd-font-size-default) * var(--sd-line-height-strip-unit) + var(--sd-gap-sm) * 2);\n  border: none;\n  justify-content: center;\n  text-align: center;\n}\nsd-checkbox[data-sd-inset=true][data-sd-size=sm] {\n  height: calc(var(--sd-font-size-default) * var(--sd-line-height-strip-unit) + var(--sd-gap-xs) * 2);\n}\nsd-checkbox[data-sd-inset=true][data-sd-size=lg] {\n  height: calc(var(--sd-font-size-default) * var(--sd-line-height-strip-unit) + var(--sd-gap-default) * 2);\n}\nsd-checkbox[data-sd-inline=true] {\n  display: inline-block;\n  vertical-align: top;\n  padding: 0;\n  border: none;\n  height: calc(var(--sd-font-size-default) * var(--sd-line-height-strip-unit));\n  width: auto;\n}\nsd-checkbox[data-sd-disabled=true] {\n  color: var(--sd-tx-disabled) !important;\n  pointer-events: none;\n}\nsd-checkbox[data-sd-disabled=true] > ._indicator_rect {\n  background-color: var(--sd-bg-disabled) !important;\n  border-color: var(--sd-bd-disabled) !important;\n}\nsd-checkbox[data-sd-disabled=true] > ._indicator_rect > ._indicator {\n  color: var(--sd-tx-disabled) !important;\n}"] }]
     }], () => [], { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }], canChangeFn: [{ type: i0.Input, args: [{ isSignal: true, alias: "canChangeFn", required: false }] }], icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: false }] }], radio: [{ type: i0.Input, args: [{ isSignal: true, alias: "radio", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], inline: [{ type: i0.Input, args: [{ isSignal: true, alias: "inline", required: false }] }], inset: [{ type: i0.Input, args: [{ isSignal: true, alias: "inset", required: false }] }], theme: [{ type: i0.Input, args: [{ isSignal: true, alias: "theme", required: false }] }], contentStyle: [{ type: i0.Input, args: [{ isSignal: true, alias: "contentStyle", required: false }] }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SdCheckbox, { className: "SdCheckbox", filePath: "packages/angular/src/controls/checkbox/sd-checkbox.ts", lineNumber: 270 }); })();

package/dist/controls/checkbox/sd-switch.d.ts

@@ -6,7 +6,7 @@ export declare class SdSwitch {
     inline: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
     inset: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
     size: import("@angular/core").InputSignal<"sm" | "lg" | undefined>;
-    theme: import("@angular/core").InputSignal<"info" | "success" | "primary" | "secondary" | "warning" | "danger" | "gray" | "blue-gray" | undefined>;
+    theme: import("@angular/core").InputSignal<"info" | "success" | "primary" | "warning" | "danger" | "gray" | "blue-gray" | undefined>;
     constructor();
     onClick(event: Event): void;
     onKeydown(event: KeyboardEvent): void;

package/dist/controls/checkbox/sd-switch.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"sd-switch.d.ts","sourceRoot":"","sources":["../../../src/controls/checkbox/sd-switch.ts"],"names":[],"mappings":";AAUA,qBA0Ga,QAAQ;IACnB,KAAK,+CAAgB;IACrB,WAAW,6CAAgB,OAAO,KAAK,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC,EAAc;IAE/E,QAAQ,qEAAiD;IACzD,MAAM,qEAAiD;IACvD,KAAK,qEAAiD;IAEtD,IAAI,+DAAwB;IAC5B,KAAK,8IAED;;IAMJ,OAAO,CAAC,KAAK,EAAE,KAAK;IAQpB,SAAS,CAAC,KAAK,EAAE,aAAa;yCAzBnB,QAAQ;2CAAR,QAAQ;CAiCpB"}
+{"version":3,"file":"sd-switch.d.ts","sourceRoot":"","sources":["../../../src/controls/checkbox/sd-switch.ts"],"names":[],"mappings":";AAUA,qBA0Ga,QAAQ;IACnB,KAAK,+CAAgB;IACrB,WAAW,6CAAgB,OAAO,KAAK,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC,EAAc;IAE/E,QAAQ,qEAAiD;IACzD,MAAM,qEAAiD;IACvD,KAAK,qEAAiD;IAEtD,IAAI,+DAAwB;IAC5B,KAAK,gIAAyF;;IAM9F,OAAO,CAAC,KAAK,EAAE,KAAK;IAQpB,SAAS,CAAC,KAAK,EAAE,aAAa;yCAvBnB,QAAQ;2CAAR,QAAQ;CA+BpB"}

package/dist/controls/checkbox/sd-switch.js

@@ -41,7 +41,7 @@ export class SdSwitch {
             i0.ɵɵdomElementStart(0, "div");
             i0.ɵɵdomElement(1, "div");
             i0.ɵɵdomElementEnd();
-        } }, styles: ["sd-switch {\n  display: block;\n  padding: var(--sd-gap-sm) 0;\n  border: 1px solid transparent;\n  vertical-align: top;\n  cursor: pointer;\n}\nsd-switch > div {\n  height: var(--sd-line-height);\n  width: calc(var(--sd-line-height) * 2 - var(--sd-gap-xs));\n  padding: calc(var(--sd-gap-xs) / 2);\n  border-radius: calc(var(--sd-line-height) / 2);\n  text-align: left;\n  background-color: var(--sd-bg-track);\n}\nsd-switch > div > div {\n  display: inline-block;\n  width: calc(var(--sd-line-height) - var(--sd-gap-xs));\n  height: calc(var(--sd-line-height) - var(--sd-gap-xs));\n  border-radius: 100%;\n  background-color: var(--sd-bg-control);\n  transition: transform var(--sd-animation-duration);\n}\nsd-switch[data-sd-on=true] > div {\n  background-color: var(--sd-bg-success-solid);\n}\nsd-switch[data-sd-on=true] > div > div {\n  transform: translateX(100%);\n}\nsd-switch[data-sd-inline=true] {\n  display: inline-block;\n  padding: 0;\n  border: none;\n}\nsd-switch[data-sd-inset=true] {\n  border: none;\n}\nsd-switch[data-sd-size=sm] {\n  padding: var(--sd-gap-sm) 0;\n}\nsd-switch[data-sd-size=lg] {\n  padding: var(--sd-gap-default) 0;\n}\nsd-switch[data-sd-theme=gray][data-sd-on=true] > div {\n  background-color: var(--sd-bg-gray-solid);\n}\nsd-switch[data-sd-theme=blue-gray][data-sd-on=true] > div {\n  background-color: var(--sd-bg-blue-gray-solid);\n}\nsd-switch[data-sd-theme=primary][data-sd-on=true] > div {\n  background-color: var(--sd-bg-primary-solid);\n}\nsd-switch[data-sd-theme=secondary][data-sd-on=true] > div {\n  background-color: var(--sd-bg-secondary-solid);\n}\nsd-switch[data-sd-theme=info][data-sd-on=true] > div {\n  background-color: var(--sd-bg-info-solid);\n}\nsd-switch[data-sd-theme=success][data-sd-on=true] > div {\n  background-color: var(--sd-bg-success-solid);\n}\nsd-switch[data-sd-theme=warning][data-sd-on=true] > div {\n  background-color: var(--sd-bg-warning-solid);\n}\nsd-switch[data-sd-theme=danger][data-sd-on=true] > div {\n  background-color: var(--sd-bg-danger-solid);\n}\nsd-switch[data-sd-disabled=true] > div {\n  background-color: var(--sd-bg-disabled) !important;\n}\nsd-switch[data-sd-disabled=true] > div > div {\n  background-color: var(--sd-bg-gray-solid);\n}"], encapsulation: 2 });
+        } }, styles: ["sd-switch {\n  display: block;\n  padding: var(--sd-gap-sm) 0;\n  border: 1px solid transparent;\n  vertical-align: top;\n  cursor: pointer;\n}\nsd-switch > div {\n  height: var(--sd-line-height);\n  width: calc(var(--sd-line-height) * 2 - var(--sd-gap-xs));\n  padding: calc(var(--sd-gap-xs) / 2);\n  border-radius: calc(var(--sd-line-height) / 2);\n  text-align: left;\n  background-color: var(--sd-bg-track);\n}\nsd-switch > div > div {\n  display: inline-block;\n  width: calc(var(--sd-line-height) - var(--sd-gap-xs));\n  height: calc(var(--sd-line-height) - var(--sd-gap-xs));\n  border-radius: 100%;\n  background-color: var(--sd-bg-knob);\n  transition: transform var(--sd-animation-duration);\n}\nsd-switch[data-sd-on=true] > div {\n  background-color: var(--sd-bg-success-solid);\n}\nsd-switch[data-sd-on=true] > div > div {\n  transform: translateX(100%);\n}\nsd-switch[data-sd-inline=true] {\n  display: inline-block;\n  padding: 0;\n  border: none;\n}\nsd-switch[data-sd-inset=true] {\n  border: none;\n}\nsd-switch[data-sd-size=sm] {\n  padding: var(--sd-gap-sm) 0;\n}\nsd-switch[data-sd-size=lg] {\n  padding: var(--sd-gap-default) 0;\n}\nsd-switch[data-sd-theme=gray][data-sd-on=true] > div {\n  background-color: var(--sd-bg-gray-solid);\n}\nsd-switch[data-sd-theme=blue-gray][data-sd-on=true] > div {\n  background-color: var(--sd-bg-blue-gray-solid);\n}\nsd-switch[data-sd-theme=primary][data-sd-on=true] > div {\n  background-color: var(--sd-bg-primary-solid);\n}\nsd-switch[data-sd-theme=info][data-sd-on=true] > div {\n  background-color: var(--sd-bg-info-solid);\n}\nsd-switch[data-sd-theme=success][data-sd-on=true] > div {\n  background-color: var(--sd-bg-success-solid);\n}\nsd-switch[data-sd-theme=warning][data-sd-on=true] > div {\n  background-color: var(--sd-bg-warning-solid);\n}\nsd-switch[data-sd-theme=danger][data-sd-on=true] > div {\n  background-color: var(--sd-bg-danger-solid);\n}\nsd-switch[data-sd-disabled=true] > div {\n  background-color: var(--sd-bg-disabled) !important;\n}\nsd-switch[data-sd-disabled=true] > div > div {\n  background-color: var(--sd-bg-gray-solid);\n}"], encapsulation: 2 });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SdSwitch, [{
         type: Component,
@@ -59,6 +59,6 @@ export class SdSwitch {
     <div>
       <div></div>
     </div>
-  `, styles: ["sd-switch {\n  display: block;\n  padding: var(--sd-gap-sm) 0;\n  border: 1px solid transparent;\n  vertical-align: top;\n  cursor: pointer;\n}\nsd-switch > div {\n  height: var(--sd-line-height);\n  width: calc(var(--sd-line-height) * 2 - var(--sd-gap-xs));\n  padding: calc(var(--sd-gap-xs) / 2);\n  border-radius: calc(var(--sd-line-height) / 2);\n  text-align: left;\n  background-color: var(--sd-bg-track);\n}\nsd-switch > div > div {\n  display: inline-block;\n  width: calc(var(--sd-line-height) - var(--sd-gap-xs));\n  height: calc(var(--sd-line-height) - var(--sd-gap-xs));\n  border-radius: 100%;\n  background-color: var(--sd-bg-control);\n  transition: transform var(--sd-animation-duration);\n}\nsd-switch[data-sd-on=true] > div {\n  background-color: var(--sd-bg-success-solid);\n}\nsd-switch[data-sd-on=true] > div > div {\n  transform: translateX(100%);\n}\nsd-switch[data-sd-inline=true] {\n  display: inline-block;\n  padding: 0;\n  border: none;\n}\nsd-switch[data-sd-inset=true] {\n  border: none;\n}\nsd-switch[data-sd-size=sm] {\n  padding: var(--sd-gap-sm) 0;\n}\nsd-switch[data-sd-size=lg] {\n  padding: var(--sd-gap-default) 0;\n}\nsd-switch[data-sd-theme=gray][data-sd-on=true] > div {\n  background-color: var(--sd-bg-gray-solid);\n}\nsd-switch[data-sd-theme=blue-gray][data-sd-on=true] > div {\n  background-color: var(--sd-bg-blue-gray-solid);\n}\nsd-switch[data-sd-theme=primary][data-sd-on=true] > div {\n  background-color: var(--sd-bg-primary-solid);\n}\nsd-switch[data-sd-theme=secondary][data-sd-on=true] > div {\n  background-color: var(--sd-bg-secondary-solid);\n}\nsd-switch[data-sd-theme=info][data-sd-on=true] > div {\n  background-color: var(--sd-bg-info-solid);\n}\nsd-switch[data-sd-theme=success][data-sd-on=true] > div {\n  background-color: var(--sd-bg-success-solid);\n}\nsd-switch[data-sd-theme=warning][data-sd-on=true] > div {\n  background-color: var(--sd-bg-warning-solid);\n}\nsd-switch[data-sd-theme=danger][data-sd-on=true] > div {\n  background-color: var(--sd-bg-danger-solid);\n}\nsd-switch[data-sd-disabled=true] > div {\n  background-color: var(--sd-bg-disabled) !important;\n}\nsd-switch[data-sd-disabled=true] > div > div {\n  background-color: var(--sd-bg-gray-solid);\n}"] }]
+  `, styles: ["sd-switch {\n  display: block;\n  padding: var(--sd-gap-sm) 0;\n  border: 1px solid transparent;\n  vertical-align: top;\n  cursor: pointer;\n}\nsd-switch > div {\n  height: var(--sd-line-height);\n  width: calc(var(--sd-line-height) * 2 - var(--sd-gap-xs));\n  padding: calc(var(--sd-gap-xs) / 2);\n  border-radius: calc(var(--sd-line-height) / 2);\n  text-align: left;\n  background-color: var(--sd-bg-track);\n}\nsd-switch > div > div {\n  display: inline-block;\n  width: calc(var(--sd-line-height) - var(--sd-gap-xs));\n  height: calc(var(--sd-line-height) - var(--sd-gap-xs));\n  border-radius: 100%;\n  background-color: var(--sd-bg-knob);\n  transition: transform var(--sd-animation-duration);\n}\nsd-switch[data-sd-on=true] > div {\n  background-color: var(--sd-bg-success-solid);\n}\nsd-switch[data-sd-on=true] > div > div {\n  transform: translateX(100%);\n}\nsd-switch[data-sd-inline=true] {\n  display: inline-block;\n  padding: 0;\n  border: none;\n}\nsd-switch[data-sd-inset=true] {\n  border: none;\n}\nsd-switch[data-sd-size=sm] {\n  padding: var(--sd-gap-sm) 0;\n}\nsd-switch[data-sd-size=lg] {\n  padding: var(--sd-gap-default) 0;\n}\nsd-switch[data-sd-theme=gray][data-sd-on=true] > div {\n  background-color: var(--sd-bg-gray-solid);\n}\nsd-switch[data-sd-theme=blue-gray][data-sd-on=true] > div {\n  background-color: var(--sd-bg-blue-gray-solid);\n}\nsd-switch[data-sd-theme=primary][data-sd-on=true] > div {\n  background-color: var(--sd-bg-primary-solid);\n}\nsd-switch[data-sd-theme=info][data-sd-on=true] > div {\n  background-color: var(--sd-bg-info-solid);\n}\nsd-switch[data-sd-theme=success][data-sd-on=true] > div {\n  background-color: var(--sd-bg-success-solid);\n}\nsd-switch[data-sd-theme=warning][data-sd-on=true] > div {\n  background-color: var(--sd-bg-warning-solid);\n}\nsd-switch[data-sd-theme=danger][data-sd-on=true] > div {\n  background-color: var(--sd-bg-danger-solid);\n}\nsd-switch[data-sd-disabled=true] > div {\n  background-color: var(--sd-bg-disabled) !important;\n}\nsd-switch[data-sd-disabled=true] > div > div {\n  background-color: var(--sd-bg-gray-solid);\n}"] }]
     }], () => [], { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }], canChangeFn: [{ type: i0.Input, args: [{ isSignal: true, alias: "canChangeFn", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", 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(SdSwitch, { className: "SdSwitch", filePath: "packages/angular/src/controls/checkbox/sd-switch.ts", lineNumber: 117 }); })();

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

@@ -7,6 +7,7 @@ export declare class SdDropdown {
     disabled: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
     popupElRef: import("@angular/core").Signal<ElementRef<HTMLElement>>;
     private _popupEl?;
+    /** `<svg>` 등 비-HTML 요소도 hover 대상이 되므로 `Element` 로 받는다. */
     private _mouseoverEl?;
     private _backdropEl?;
     private readonly _isMobile;
@@ -20,6 +21,8 @@ export declare class SdDropdown {
     private _updatePopupPosition;
     private _onDocumentScrollCapture;
     private _onDocumentBlurCapture;
+    /** 팝업이 열린 상태를 유지해야 할 때 포커스를 팝업 안으로 되돌린다. */
+    private _restoreFocus;
     private _removePopup;
     static ɵfac: i0.ɵɵFactoryDeclaration<SdDropdown, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<SdDropdown, "sd-dropdown", never, { "open": { "alias": "open"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, { "open": "openChange"; }, ["popupElRef"], ["*", "sd-dropdown-popup"], true, never>;

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

@@ -1 +1 @@
-{"version":3,"file":"sd-dropdown.d.ts","sourceRoot":"","sources":["../../../src/controls/dropdown/sd-dropdown.ts"],"names":[],"mappings":"AAAA,OAAO,EAOL,UAAU,EAMX,MAAM,eAAe,CAAC;AAEvB,OAAO,wBAAwB,CAAC;;AAEhC,qBAgBa,UAAU;IACrB,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAmC;IAE1D,IAAI,+CAAgB;IACpB,QAAQ,qEAAiD;IAEzD,UAAU,0DAEP;IAEH,OAAO,CAAC,QAAQ,CAAC,CAAc;IAC/B,OAAO,CAAC,YAAY,CAAC,CAAc;IACnC,OAAO,CAAC,WAAW,CAAC,CAAc;IAClC,OAAO,CAAC,QAAQ,CAAC,SAAS,CAAC;IAC3B,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAiB;;IAiEtC,WAAW,IAAI,IAAI;IAQnB,aAAa,CAAC,KAAK,EAAE,aAAa,GAAG,IAAI;IA8CzC,cAAc,CAAC,KAAK,EAAE,aAAa,GAAG,IAAI;IAY1C,OAAO,CAAC,UAAU;IAOlB,OAAO,CAAC,WAAW;IAMnB,OAAO,CAAC,oBAAoB;IA8B5B,OAAO,CAAC,wBAAwB;IAShC,OAAO,CAAC,sBAAsB;IAqC9B,OAAO,CAAC,YAAY;yCA1OT,UAAU;2CAAV,UAAU;CAuQtB"}
+{"version":3,"file":"sd-dropdown.d.ts","sourceRoot":"","sources":["../../../src/controls/dropdown/sd-dropdown.ts"],"names":[],"mappings":"AAAA,OAAO,EAOL,UAAU,EAMX,MAAM,eAAe,CAAC;AAEvB,OAAO,wBAAwB,CAAC;;AAEhC,qBAgBa,UAAU;IACrB,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAmC;IAE1D,IAAI,+CAAgB;IACpB,QAAQ,qEAAiD;IAEzD,UAAU,0DAEP;IAEH,OAAO,CAAC,QAAQ,CAAC,CAAc;IAC/B,0DAA0D;IAC1D,OAAO,CAAC,YAAY,CAAC,CAAU;IAC/B,OAAO,CAAC,WAAW,CAAC,CAAc;IAClC,OAAO,CAAC,QAAQ,CAAC,SAAS,CAAC;IAC3B,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAiB;;IAkEtC,WAAW,IAAI,IAAI;IAQnB,aAAa,CAAC,KAAK,EAAE,aAAa,GAAG,IAAI;IA8CzC,cAAc,CAAC,KAAK,EAAE,aAAa,GAAG,IAAI;IAY1C,OAAO,CAAC,UAAU;IAOlB,OAAO,CAAC,WAAW;IAMnB,OAAO,CAAC,oBAAoB;IA8B5B,OAAO,CAAC,wBAAwB;IAShC,OAAO,CAAC,sBAAsB;IA8C9B,4CAA4C;IAC5C,OAAO,CAAC,aAAa;IAYrB,OAAO,CAAC,YAAY;yCAlQT,UAAU;2CAAV,UAAU;CA+RtB"}

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

@@ -11,6 +11,7 @@ export class SdDropdown {
     disabled = input(false, { ...(ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
     popupElRef = contentChild.required(SdDropdownPopup, { ...(ngDevMode ? { debugName: "popupElRef" } : /* istanbul ignore next */ {}), read: ElementRef });
     _popupEl;
+    /** `<svg>` 등 비-HTML 요소도 hover 대상이 되므로 `Element` 로 받는다. */
     _mouseoverEl;
     _backdropEl;
     _isMobile;
@@ -52,7 +53,8 @@ export class SdDropdown {
                     this._onDocumentScrollCapture(event);
                 };
                 const onMouseover = (event) => {
-                    this._mouseoverEl = event.target;
+                    const target = event.target;
+                    this._mouseoverEl = target instanceof Element ? target : undefined;
                 };
                 const onBlur = (event) => {
                     this._onDocumentBlurCapture(event);
@@ -194,23 +196,41 @@ export class SdDropdown {
                 return;
             }
         }
+        // 팝업 내부 요소가 disabled 로 전환되며 포커스를 잃은 경우.
+        // 브라우저가 렌더 도중 동기 blur 를 발사하는 경로이며, 사용자가 팝업을 벗어난 것이 아니다.
+        // 여기서 팝업을 닫으면 렌더 중 signal 쓰기가 되어 NG0600 이 발생한다.
+        const blurredEl = event.target;
+        if (relatedTarget == null &&
+            blurredEl instanceof HTMLElement &&
+            (contentEl.contains(blurredEl) === true || popupEl.contains(blurredEl) === true) &&
+            blurredEl.matches(":disabled")) {
+            this._restoreFocus();
+            return;
+        }
         const mouseoverEl = this._mouseoverEl;
         if (relatedTarget == null &&
-            mouseoverEl instanceof HTMLElement &&
+            mouseoverEl instanceof Element &&
             (contentEl.contains(mouseoverEl) === true || popupEl.contains(mouseoverEl) === true)) {
-            const tabbable = popupEl.findFirstTabbableChild();
-            if (tabbable != null) {
-                tabbable.focus();
-            }
-            else {
-                contentEl.focus();
-            }
+            this._restoreFocus();
             return;
         }
         if (this.open()) {
             this._closePopup();
         }
     }
+    /** 팝업이 열린 상태를 유지해야 할 때 포커스를 팝업 안으로 되돌린다. */
+    _restoreFocus() {
+        const popupEl = this._popupEl;
+        if (popupEl == null)
+            return;
+        const tabbable = popupEl.findFirstTabbableChild();
+        if (tabbable != null) {
+            tabbable.focus();
+        }
+        else {
+            this._elRef.nativeElement.focus();
+        }
+    }
     _removePopup() {
         if (this._backdropEl != null) {
             this._backdropEl.remove();

package/dist/controls/input/sd-textarea.d.ts

@@ -11,7 +11,7 @@ export declare class SdTextarea {
     inset: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
     size: import("@angular/core").InputSignal<"sm" | "lg" | undefined>;
     validatorFn: import("@angular/core").InputSignal<((value: string | undefined) => string | undefined) | undefined>;
-    theme: import("@angular/core").InputSignal<"info" | "success" | "primary" | "secondary" | "warning" | "danger" | "gray" | "blue-gray" | undefined>;
+    theme: import("@angular/core").InputSignal<"info" | "success" | "primary" | "warning" | "danger" | "gray" | "blue-gray" | undefined>;
     inputStyle: import("@angular/core").InputSignal<string | undefined>;
     inputClass: import("@angular/core").InputSignal<string | undefined>;
     currRows: import("@angular/core").Signal<number>;

package/dist/controls/input/sd-textarea.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"sd-textarea.d.ts","sourceRoot":"","sources":["../../../src/controls/input/sd-textarea.ts"],"names":[],"mappings":";AAWA,qBAwKa,UAAU;IACrB,KAAK,0DAAmB;IAExB,WAAW,0DAAmB;IAC9B,KAAK,0DAAmB;IACxB,OAAO,8CAAoB;IAC3B,QAAQ,qEAAiD;IACzD,QAAQ,qEAAiD;IACzD,QAAQ,qEAAiD;IACzD,MAAM,qEAAiD;IACvD,KAAK,qEAAiD;IACtD,IAAI,+DAAwB;IAC5B,WAAW,+CAAiB,MAAM,GAAG,SAAS,KAAK,MAAM,GAAG,SAAS,eAAI;IACzE,KAAK,8IAED;IACJ,UAAU,0DAAmB;IAC7B,UAAU,0DAAmB;IAE7B,QAAQ,yCAAmF;;IAsB3F,OAAO,CAAC,KAAK,EAAE,KAAK,GAAG,IAAI;yCAzChB,UAAU;2CAAV,UAAU;CA8CtB"}
+{"version":3,"file":"sd-textarea.d.ts","sourceRoot":"","sources":["../../../src/controls/input/sd-textarea.ts"],"names":[],"mappings":";AAWA,qBAwKa,UAAU;IACrB,KAAK,0DAAmB;IAExB,WAAW,0DAAmB;IAC9B,KAAK,0DAAmB;IACxB,OAAO,8CAAoB;IAC3B,QAAQ,qEAAiD;IACzD,QAAQ,qEAAiD;IACzD,QAAQ,qEAAiD;IACzD,MAAM,qEAAiD;IACvD,KAAK,qEAAiD;IACtD,IAAI,+DAAwB;IAC5B,WAAW,+CAAiB,MAAM,GAAG,SAAS,KAAK,MAAM,GAAG,SAAS,eAAI;IACzE,KAAK,gIAAyF;IAC9F,UAAU,0DAAmB;IAC7B,UAAU,0DAAmB;IAE7B,QAAQ,yCAAmF;;IAsB3F,OAAO,CAAC,KAAK,EAAE,KAAK,GAAG,IAAI;yCAvChB,UAAU;2CAAV,UAAU;CA4CtB"}

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

@@ -100,7 +100,7 @@ export class SdTextarea {
             i0.ɵɵconditional(ctx.value() ? 1 : ctx.placeholder() ? 2 : 3);
             i0.ɵɵadvance(3);
             i0.ɵɵconditional(!ctx.readonly() && !ctx.disabled() ? 4 : -1);
-        } }, styles: ["sd-textarea {\n  display: block;\n  position: relative;\n}\nsd-textarea > textarea,\nsd-textarea > ._contents {\n  display: block;\n  padding: var(--sd-gap-sm) var(--sd-gap-default);\n  border: 1px solid transparent;\n  font-size: var(--sd-font-size-default);\n  font-family: var(--sd-font-family);\n  font-variant-numeric: tabular-nums;\n  line-height: var(--sd-line-height);\n  color: var(--sd-tx-default);\n  font-family: var(--sd-font-family-field);\n  resize: none;\n  overflow: auto;\n  width: 100%;\n  border: 1px solid var(--sd-bd-field);\n  border-radius: var(--sd-radius-default);\n  background-color: var(--sd-bg-field);\n}\nsd-textarea > textarea:focus,\nsd-textarea > ._contents:focus {\n  outline: none;\n  border-color: var(--sd-focus-ring-color);\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(--sd-tx-faint);\n}\nsd-textarea > ._contents > pre {\n  font-family: inherit;\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-color: var(--sd-bg-gray-subtle);\n}\nsd-textarea[data-sd-theme=blue-gray] > textarea,\nsd-textarea[data-sd-theme=blue-gray] > ._contents {\n  background-color: var(--sd-bg-blue-gray-subtle);\n}\nsd-textarea[data-sd-theme=primary] > textarea,\nsd-textarea[data-sd-theme=primary] > ._contents {\n  background-color: var(--sd-bg-primary-subtle);\n}\nsd-textarea[data-sd-theme=secondary] > textarea,\nsd-textarea[data-sd-theme=secondary] > ._contents {\n  background-color: var(--sd-bg-secondary-subtle);\n}\nsd-textarea[data-sd-theme=info] > textarea,\nsd-textarea[data-sd-theme=info] > ._contents {\n  background-color: var(--sd-bg-info-subtle);\n}\nsd-textarea[data-sd-theme=success] > textarea,\nsd-textarea[data-sd-theme=success] > ._contents {\n  background-color: var(--sd-bg-success-subtle);\n}\nsd-textarea[data-sd-theme=warning] > textarea,\nsd-textarea[data-sd-theme=warning] > ._contents {\n  background-color: var(--sd-bg-warning-subtle);\n}\nsd-textarea[data-sd-theme=danger] > textarea,\nsd-textarea[data-sd-theme=danger] > ._contents {\n  background-color: var(--sd-bg-danger-subtle);\n}\nsd-textarea[data-sd-size=sm] > textarea,\nsd-textarea[data-sd-size=sm] > ._contents {\n  padding: var(--sd-gap-xs) var(--sd-gap-sm);\n}\nsd-textarea[data-sd-size=lg] > textarea,\nsd-textarea[data-sd-size=lg] > ._contents {\n  padding: var(--sd-gap-default) var(--sd-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(--sd-focus-ring-color);\n  outline-offset: -1px;\n}\nsd-textarea[data-sd-disabled=true] > ._contents {\n  display: block;\n  background-color: var(--sd-bg-disabled);\n  color: var(--sd-tx-disabled);\n}\nsd-textarea[data-sd-disabled=true][data-sd-inset=true] > ._contents {\n  background-color: var(--sd-bg-control);\n  color: var(--sd-tx-default);\n}"], encapsulation: 2 });
+        } }, styles: ["sd-textarea {\n  display: block;\n  position: relative;\n}\nsd-textarea > textarea,\nsd-textarea > ._contents {\n  display: block;\n  padding: var(--sd-gap-sm) var(--sd-gap-default);\n  border: 1px solid transparent;\n  font-size: var(--sd-font-size-default);\n  font-family: var(--sd-font-family);\n  font-variant-numeric: tabular-nums;\n  line-height: var(--sd-line-height);\n  color: var(--sd-tx-default);\n  font-family: var(--sd-font-family-field);\n  resize: none;\n  overflow: auto;\n  width: 100%;\n  border: 1px solid var(--sd-bd-field);\n  border-radius: var(--sd-radius-default);\n  background-color: var(--sd-bg-field);\n}\nsd-textarea > textarea:focus,\nsd-textarea > ._contents:focus {\n  outline: none;\n  border-color: var(--sd-focus-ring-color);\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(--sd-tx-faint);\n}\nsd-textarea > ._contents > pre {\n  font-family: inherit;\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-color: var(--sd-bg-gray-subtle);\n}\nsd-textarea[data-sd-theme=blue-gray] > textarea,\nsd-textarea[data-sd-theme=blue-gray] > ._contents {\n  background-color: var(--sd-bg-blue-gray-subtle);\n}\nsd-textarea[data-sd-theme=primary] > textarea,\nsd-textarea[data-sd-theme=primary] > ._contents {\n  background-color: var(--sd-bg-primary-subtle);\n}\nsd-textarea[data-sd-theme=info] > textarea,\nsd-textarea[data-sd-theme=info] > ._contents {\n  background-color: var(--sd-bg-info-subtle);\n}\nsd-textarea[data-sd-theme=success] > textarea,\nsd-textarea[data-sd-theme=success] > ._contents {\n  background-color: var(--sd-bg-success-subtle);\n}\nsd-textarea[data-sd-theme=warning] > textarea,\nsd-textarea[data-sd-theme=warning] > ._contents {\n  background-color: var(--sd-bg-warning-subtle);\n}\nsd-textarea[data-sd-theme=danger] > textarea,\nsd-textarea[data-sd-theme=danger] > ._contents {\n  background-color: var(--sd-bg-danger-subtle);\n}\nsd-textarea[data-sd-size=sm] > textarea,\nsd-textarea[data-sd-size=sm] > ._contents {\n  padding: var(--sd-gap-xs) var(--sd-gap-sm);\n}\nsd-textarea[data-sd-size=lg] > textarea,\nsd-textarea[data-sd-size=lg] > ._contents {\n  padding: var(--sd-gap-default) var(--sd-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(--sd-focus-ring-color);\n  outline-offset: -1px;\n}\nsd-textarea[data-sd-disabled=true] > ._contents {\n  display: block;\n  background-color: var(--sd-bg-disabled);\n  color: var(--sd-tx-disabled);\n}\nsd-textarea[data-sd-disabled=true][data-sd-inset=true] > ._contents {\n  background-color: var(--sd-bg-content);\n  color: var(--sd-tx-default);\n}"], encapsulation: 2 });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SdTextarea, [{
         type: Component,
@@ -137,6 +137,6 @@ export class SdTextarea {
                     "[attr.data-sd-inset]": "inset()",
                     "[attr.data-sd-size]": "size()",
                     "[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(--sd-gap-sm) var(--sd-gap-default);\n  border: 1px solid transparent;\n  font-size: var(--sd-font-size-default);\n  font-family: var(--sd-font-family);\n  font-variant-numeric: tabular-nums;\n  line-height: var(--sd-line-height);\n  color: var(--sd-tx-default);\n  font-family: var(--sd-font-family-field);\n  resize: none;\n  overflow: auto;\n  width: 100%;\n  border: 1px solid var(--sd-bd-field);\n  border-radius: var(--sd-radius-default);\n  background-color: var(--sd-bg-field);\n}\nsd-textarea > textarea:focus,\nsd-textarea > ._contents:focus {\n  outline: none;\n  border-color: var(--sd-focus-ring-color);\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(--sd-tx-faint);\n}\nsd-textarea > ._contents > pre {\n  font-family: inherit;\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-color: var(--sd-bg-gray-subtle);\n}\nsd-textarea[data-sd-theme=blue-gray] > textarea,\nsd-textarea[data-sd-theme=blue-gray] > ._contents {\n  background-color: var(--sd-bg-blue-gray-subtle);\n}\nsd-textarea[data-sd-theme=primary] > textarea,\nsd-textarea[data-sd-theme=primary] > ._contents {\n  background-color: var(--sd-bg-primary-subtle);\n}\nsd-textarea[data-sd-theme=secondary] > textarea,\nsd-textarea[data-sd-theme=secondary] > ._contents {\n  background-color: var(--sd-bg-secondary-subtle);\n}\nsd-textarea[data-sd-theme=info] > textarea,\nsd-textarea[data-sd-theme=info] > ._contents {\n  background-color: var(--sd-bg-info-subtle);\n}\nsd-textarea[data-sd-theme=success] > textarea,\nsd-textarea[data-sd-theme=success] > ._contents {\n  background-color: var(--sd-bg-success-subtle);\n}\nsd-textarea[data-sd-theme=warning] > textarea,\nsd-textarea[data-sd-theme=warning] > ._contents {\n  background-color: var(--sd-bg-warning-subtle);\n}\nsd-textarea[data-sd-theme=danger] > textarea,\nsd-textarea[data-sd-theme=danger] > ._contents {\n  background-color: var(--sd-bg-danger-subtle);\n}\nsd-textarea[data-sd-size=sm] > textarea,\nsd-textarea[data-sd-size=sm] > ._contents {\n  padding: var(--sd-gap-xs) var(--sd-gap-sm);\n}\nsd-textarea[data-sd-size=lg] > textarea,\nsd-textarea[data-sd-size=lg] > ._contents {\n  padding: var(--sd-gap-default) var(--sd-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(--sd-focus-ring-color);\n  outline-offset: -1px;\n}\nsd-textarea[data-sd-disabled=true] > ._contents {\n  display: block;\n  background-color: var(--sd-bg-disabled);\n  color: var(--sd-tx-disabled);\n}\nsd-textarea[data-sd-disabled=true][data-sd-inset=true] > ._contents {\n  background-color: var(--sd-bg-control);\n  color: var(--sd-tx-default);\n}"] }]
+                }, styles: ["sd-textarea {\n  display: block;\n  position: relative;\n}\nsd-textarea > textarea,\nsd-textarea > ._contents {\n  display: block;\n  padding: var(--sd-gap-sm) var(--sd-gap-default);\n  border: 1px solid transparent;\n  font-size: var(--sd-font-size-default);\n  font-family: var(--sd-font-family);\n  font-variant-numeric: tabular-nums;\n  line-height: var(--sd-line-height);\n  color: var(--sd-tx-default);\n  font-family: var(--sd-font-family-field);\n  resize: none;\n  overflow: auto;\n  width: 100%;\n  border: 1px solid var(--sd-bd-field);\n  border-radius: var(--sd-radius-default);\n  background-color: var(--sd-bg-field);\n}\nsd-textarea > textarea:focus,\nsd-textarea > ._contents:focus {\n  outline: none;\n  border-color: var(--sd-focus-ring-color);\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(--sd-tx-faint);\n}\nsd-textarea > ._contents > pre {\n  font-family: inherit;\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-color: var(--sd-bg-gray-subtle);\n}\nsd-textarea[data-sd-theme=blue-gray] > textarea,\nsd-textarea[data-sd-theme=blue-gray] > ._contents {\n  background-color: var(--sd-bg-blue-gray-subtle);\n}\nsd-textarea[data-sd-theme=primary] > textarea,\nsd-textarea[data-sd-theme=primary] > ._contents {\n  background-color: var(--sd-bg-primary-subtle);\n}\nsd-textarea[data-sd-theme=info] > textarea,\nsd-textarea[data-sd-theme=info] > ._contents {\n  background-color: var(--sd-bg-info-subtle);\n}\nsd-textarea[data-sd-theme=success] > textarea,\nsd-textarea[data-sd-theme=success] > ._contents {\n  background-color: var(--sd-bg-success-subtle);\n}\nsd-textarea[data-sd-theme=warning] > textarea,\nsd-textarea[data-sd-theme=warning] > ._contents {\n  background-color: var(--sd-bg-warning-subtle);\n}\nsd-textarea[data-sd-theme=danger] > textarea,\nsd-textarea[data-sd-theme=danger] > ._contents {\n  background-color: var(--sd-bg-danger-subtle);\n}\nsd-textarea[data-sd-size=sm] > textarea,\nsd-textarea[data-sd-size=sm] > ._contents {\n  padding: var(--sd-gap-xs) var(--sd-gap-sm);\n}\nsd-textarea[data-sd-size=lg] > textarea,\nsd-textarea[data-sd-size=lg] > ._contents {\n  padding: var(--sd-gap-default) var(--sd-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(--sd-focus-ring-color);\n  outline-offset: -1px;\n}\nsd-textarea[data-sd-disabled=true] > ._contents {\n  display: block;\n  background-color: var(--sd-bg-disabled);\n  color: var(--sd-tx-disabled);\n}\nsd-textarea[data-sd-disabled=true][data-sd-inset=true] > ._contents {\n  background-color: var(--sd-bg-content);\n  color: var(--sd-tx-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: 180 }); })();

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

@@ -84,7 +84,7 @@ function createNumberHandler() {
         },
         isIncomplete(raw) {
             const inputValue = raw.replace(/[^0-9-.]/g, "");
-            // 부호·소수점 형식은 갖췄으나 아직 완성되지 않은 진행 상태 ("-", "12.", ".", "-.")
+            // 부호, 소수점 형식은 갖췄으나 아직 완성되지 않은 진행 상태 ("-", "12.", ".", "-.")
             // Number("12.")===12 이므로 endsWith(".") 를 별도 판정 (parse 의 실패 조건과 정합)
             return (/^-?\d*\.?\d*$/.test(inputValue)
                 && (Number.isNaN(Number(inputValue)) || inputValue.endsWith(".")));

package/dist/controls/input/sd-textfield.d.ts

@@ -24,7 +24,7 @@ export declare class SdTextfield<K extends keyof SdTextfieldTypes> {
     inline: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
     inset: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
     size: import("@angular/core").InputSignal<"sm" | "lg" | undefined>;
-    theme: import("@angular/core").InputSignal<"info" | "success" | "primary" | "secondary" | "warning" | "danger" | "gray" | "blue-gray" | undefined>;
+    theme: import("@angular/core").InputSignal<"info" | "success" | "primary" | "warning" | "danger" | "gray" | "blue-gray" | undefined>;
     private readonly _inputElRef;
     private readonly _nativeInvalidMessage;
     private _composing;

package/dist/controls/input/sd-textfield.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"sd-textfield.d.ts","sourceRoot":"","sources":["../../../src/controls/input/sd-textfield.ts"],"names":[],"mappings":"AAiBA,OAAO,EAAyB,KAAK,gBAAgB,EAAE,MAAM,8BAA8B,CAAC;;AAE5F,qBAwRa,WAAW,CAAC,CAAC,SAAS,MAAM,gBAAgB;IACvD,KAAK,uEAAgC;IAErC,IAAI,yCAAuB;IAC3B,WAAW,0DAAmB;IAC9B,KAAK,0DAAmB;IACxB,UAAU,0DAAmB;IAC7B,UAAU,0DAAmB;IAE7B,QAAQ,qEAAiD;IACzD,QAAQ,qEAAiD;IAEzD,QAAQ,qEAAiD;IACzD,GAAG,uEAAgC;IACnC,GAAG,uEAAgC;IACnC,SAAS,0DAAmB;IAC5B,SAAS,0DAAmB;IAC5B,OAAO,0DAAmB;IAC1B,WAAW,+CAAiB,gBAAgB,CAAC,CAAC,CAAC,GAAG,SAAS,KAAK,MAAM,GAAG,SAAS,eAAI;IACtF,MAAM,0DAAmB;IAEzB,IAAI,0DAAmB;IACvB,YAAY,0DAAmB;IAC/B,cAAc,qEAAgD;IAC9D,SAAS,0DAAmB;IAE5B,MAAM,qEAAiD;IACvD,KAAK,qEAAiD;IACtD,IAAI,+DAAwB;IAC5B,KAAK,8IAED;IAEJ,OAAO,CAAC,QAAQ,CAAC,WAAW,CAAsD;IAGlF,OAAO,CAAC,QAAQ,CAAC,qBAAqB,CAAc;IAGpD,OAAO,CAAC,UAAU,CAAS;IAE3B,OAAO,CAAC,QAAQ,CAAC,QAAQ,CAAsD;IAE/E,WAAW,yCAA+C;IAE1D,WAAW,kDAA+D;IAE1E,YAAY,yCAOT;IAEH,gBAAgB,qDAQb;;IAuEH,kBAAkB,IAAI,IAAI;IAI1B,gBAAgB,CAAC,KAAK,EAAE,gBAAgB,GAAG,IAAI;IAK/C,OAAO,CAAC,KAAK,EAAE,KAAK,GAAG,IAAI;IAO3B,OAAO,CAAC,WAAW;IAiBnB,MAAM,CAAC,KAAK,EAAE,UAAU,GAAG,IAAI;IAU/B,OAAO,CAAC,mBAAmB;yCAlLhB,WAAW;2CAAX,WAAW;CAsLvB"}
+{"version":3,"file":"sd-textfield.d.ts","sourceRoot":"","sources":["../../../src/controls/input/sd-textfield.ts"],"names":[],"mappings":"AAiBA,OAAO,EAAyB,KAAK,gBAAgB,EAAE,MAAM,8BAA8B,CAAC;;AAE5F,qBAwRa,WAAW,CAAC,CAAC,SAAS,MAAM,gBAAgB;IACvD,KAAK,uEAAgC;IAErC,IAAI,yCAAuB;IAC3B,WAAW,0DAAmB;IAC9B,KAAK,0DAAmB;IACxB,UAAU,0DAAmB;IAC7B,UAAU,0DAAmB;IAE7B,QAAQ,qEAAiD;IACzD,QAAQ,qEAAiD;IAEzD,QAAQ,qEAAiD;IACzD,GAAG,uEAAgC;IACnC,GAAG,uEAAgC;IACnC,SAAS,0DAAmB;IAC5B,SAAS,0DAAmB;IAC5B,OAAO,0DAAmB;IAC1B,WAAW,+CAAiB,gBAAgB,CAAC,CAAC,CAAC,GAAG,SAAS,KAAK,MAAM,GAAG,SAAS,eAAI;IACtF,MAAM,0DAAmB;IAEzB,IAAI,0DAAmB;IACvB,YAAY,0DAAmB;IAC/B,cAAc,qEAAgD;IAC9D,SAAS,0DAAmB;IAE5B,MAAM,qEAAiD;IACvD,KAAK,qEAAiD;IACtD,IAAI,+DAAwB;IAC5B,KAAK,gIAAyF;IAE9F,OAAO,CAAC,QAAQ,CAAC,WAAW,CAAsD;IAGlF,OAAO,CAAC,QAAQ,CAAC,qBAAqB,CAAc;IAGpD,OAAO,CAAC,UAAU,CAAS;IAE3B,OAAO,CAAC,QAAQ,CAAC,QAAQ,CAAsD;IAE/E,WAAW,yCAA+C;IAE1D,WAAW,kDAA+D;IAE1E,YAAY,yCAOT;IAEH,gBAAgB,qDAQb;;IAsEH,kBAAkB,IAAI,IAAI;IAI1B,gBAAgB,CAAC,KAAK,EAAE,gBAAgB,GAAG,IAAI;IAK/C,OAAO,CAAC,KAAK,EAAE,KAAK,GAAG,IAAI;IAO3B,OAAO,CAAC,WAAW;IAiBnB,MAAM,CAAC,KAAK,EAAE,UAAU,GAAG,IAAI;IAU/B,OAAO,CAAC,mBAAmB;yCA/KhB,WAAW;2CAAX,WAAW;CAmLvB"}