@simplysm/angular 14.0.1 → 14.0.5

package/dist/ui/form/button/sd-anchor.control.js

@@ -0,0 +1,25 @@
+import { booleanAttribute, ChangeDetectionStrategy, Component, input, ViewEncapsulation, } from "@angular/core";
+import * as i0 from "@angular/core";
+const _c0 = ["*"];
+export class SdAnchorControl {
+    disabled = input(false, { ...(ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    theme = input("primary", ...(ngDevMode ? [{ debugName: "theme" }] : /* istanbul ignore next */ []));
+    static ɵfac = function SdAnchorControl_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SdAnchorControl)(); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SdAnchorControl, selectors: [["sd-anchor"]], hostVars: 3, hostBindings: function SdAnchorControl_HostBindings(rf, ctx) { if (rf & 2) {
+            i0.ɵɵattribute("data-sd-theme", ctx.theme())("data-sd-disabled", ctx.disabled())("tabindex", ctx.disabled() ? undefined : 0);
+        } }, inputs: { disabled: [1, "disabled"], theme: [1, "theme"] }, ngContentSelectors: _c0, decls: 1, vars: 0, template: function SdAnchorControl_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(--theme-gray-default);\n}\nsd-anchor[data-sd-theme=gray]:hover {\n  color: var(--theme-gray-darker);\n  text-decoration: underline;\n}\nsd-anchor[data-sd-theme=gray]:active {\n  color: var(--theme-gray-default);\n}\n@media all and (pointer: coarse) {\n  sd-anchor[data-sd-theme=gray]:hover {\n    color: var(--theme-gray-default);\n    text-decoration: none;\n  }\n}\nsd-anchor[data-sd-theme=blue-gray] {\n  color: var(--theme-blue-gray-default);\n}\nsd-anchor[data-sd-theme=blue-gray]:hover {\n  color: var(--theme-blue-gray-darker);\n  text-decoration: underline;\n}\nsd-anchor[data-sd-theme=blue-gray]:active {\n  color: var(--theme-blue-gray-default);\n}\n@media all and (pointer: coarse) {\n  sd-anchor[data-sd-theme=blue-gray]:hover {\n    color: var(--theme-blue-gray-default);\n    text-decoration: none;\n  }\n}\nsd-anchor[data-sd-theme=primary] {\n  color: var(--theme-primary-default);\n}\nsd-anchor[data-sd-theme=primary]:hover {\n  color: var(--theme-primary-darker);\n  text-decoration: underline;\n}\nsd-anchor[data-sd-theme=primary]:active {\n  color: var(--theme-primary-default);\n}\n@media all and (pointer: coarse) {\n  sd-anchor[data-sd-theme=primary]:hover {\n    color: var(--theme-primary-default);\n    text-decoration: none;\n  }\n}\nsd-anchor[data-sd-theme=secondary] {\n  color: var(--theme-secondary-default);\n}\nsd-anchor[data-sd-theme=secondary]:hover {\n  color: var(--theme-secondary-darker);\n  text-decoration: underline;\n}\nsd-anchor[data-sd-theme=secondary]:active {\n  color: var(--theme-secondary-default);\n}\n@media all and (pointer: coarse) {\n  sd-anchor[data-sd-theme=secondary]:hover {\n    color: var(--theme-secondary-default);\n    text-decoration: none;\n  }\n}\nsd-anchor[data-sd-theme=info] {\n  color: var(--theme-info-default);\n}\nsd-anchor[data-sd-theme=info]:hover {\n  color: var(--theme-info-darker);\n  text-decoration: underline;\n}\nsd-anchor[data-sd-theme=info]:active {\n  color: var(--theme-info-default);\n}\n@media all and (pointer: coarse) {\n  sd-anchor[data-sd-theme=info]:hover {\n    color: var(--theme-info-default);\n    text-decoration: none;\n  }\n}\nsd-anchor[data-sd-theme=success] {\n  color: var(--theme-success-default);\n}\nsd-anchor[data-sd-theme=success]:hover {\n  color: var(--theme-success-darker);\n  text-decoration: underline;\n}\nsd-anchor[data-sd-theme=success]:active {\n  color: var(--theme-success-default);\n}\n@media all and (pointer: coarse) {\n  sd-anchor[data-sd-theme=success]:hover {\n    color: var(--theme-success-default);\n    text-decoration: none;\n  }\n}\nsd-anchor[data-sd-theme=warning] {\n  color: var(--theme-warning-default);\n}\nsd-anchor[data-sd-theme=warning]:hover {\n  color: var(--theme-warning-darker);\n  text-decoration: underline;\n}\nsd-anchor[data-sd-theme=warning]:active {\n  color: var(--theme-warning-default);\n}\n@media all and (pointer: coarse) {\n  sd-anchor[data-sd-theme=warning]:hover {\n    color: var(--theme-warning-default);\n    text-decoration: none;\n  }\n}\nsd-anchor[data-sd-theme=danger] {\n  color: var(--theme-danger-default);\n}\nsd-anchor[data-sd-theme=danger]:hover {\n  color: var(--theme-danger-darker);\n  text-decoration: underline;\n}\nsd-anchor[data-sd-theme=danger]:active {\n  color: var(--theme-danger-default);\n}\n@media all and (pointer: coarse) {\n  sd-anchor[data-sd-theme=danger]:hover {\n    color: var(--theme-danger-default);\n    text-decoration: none;\n  }\n}\nsd-anchor[data-sd-disabled=true] {\n  opacity: 0.3;\n  pointer-events: none;\n}"], encapsulation: 2, changeDetection: 0 });
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SdAnchorControl, [{
+        type: Component,
+        args: [{ selector: "sd-anchor", changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, standalone: true, template: `
+    <ng-content />
+  `, host: {
+                    "[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(--theme-gray-default);\n}\nsd-anchor[data-sd-theme=gray]:hover {\n  color: var(--theme-gray-darker);\n  text-decoration: underline;\n}\nsd-anchor[data-sd-theme=gray]:active {\n  color: var(--theme-gray-default);\n}\n@media all and (pointer: coarse) {\n  sd-anchor[data-sd-theme=gray]:hover {\n    color: var(--theme-gray-default);\n    text-decoration: none;\n  }\n}\nsd-anchor[data-sd-theme=blue-gray] {\n  color: var(--theme-blue-gray-default);\n}\nsd-anchor[data-sd-theme=blue-gray]:hover {\n  color: var(--theme-blue-gray-darker);\n  text-decoration: underline;\n}\nsd-anchor[data-sd-theme=blue-gray]:active {\n  color: var(--theme-blue-gray-default);\n}\n@media all and (pointer: coarse) {\n  sd-anchor[data-sd-theme=blue-gray]:hover {\n    color: var(--theme-blue-gray-default);\n    text-decoration: none;\n  }\n}\nsd-anchor[data-sd-theme=primary] {\n  color: var(--theme-primary-default);\n}\nsd-anchor[data-sd-theme=primary]:hover {\n  color: var(--theme-primary-darker);\n  text-decoration: underline;\n}\nsd-anchor[data-sd-theme=primary]:active {\n  color: var(--theme-primary-default);\n}\n@media all and (pointer: coarse) {\n  sd-anchor[data-sd-theme=primary]:hover {\n    color: var(--theme-primary-default);\n    text-decoration: none;\n  }\n}\nsd-anchor[data-sd-theme=secondary] {\n  color: var(--theme-secondary-default);\n}\nsd-anchor[data-sd-theme=secondary]:hover {\n  color: var(--theme-secondary-darker);\n  text-decoration: underline;\n}\nsd-anchor[data-sd-theme=secondary]:active {\n  color: var(--theme-secondary-default);\n}\n@media all and (pointer: coarse) {\n  sd-anchor[data-sd-theme=secondary]:hover {\n    color: var(--theme-secondary-default);\n    text-decoration: none;\n  }\n}\nsd-anchor[data-sd-theme=info] {\n  color: var(--theme-info-default);\n}\nsd-anchor[data-sd-theme=info]:hover {\n  color: var(--theme-info-darker);\n  text-decoration: underline;\n}\nsd-anchor[data-sd-theme=info]:active {\n  color: var(--theme-info-default);\n}\n@media all and (pointer: coarse) {\n  sd-anchor[data-sd-theme=info]:hover {\n    color: var(--theme-info-default);\n    text-decoration: none;\n  }\n}\nsd-anchor[data-sd-theme=success] {\n  color: var(--theme-success-default);\n}\nsd-anchor[data-sd-theme=success]:hover {\n  color: var(--theme-success-darker);\n  text-decoration: underline;\n}\nsd-anchor[data-sd-theme=success]:active {\n  color: var(--theme-success-default);\n}\n@media all and (pointer: coarse) {\n  sd-anchor[data-sd-theme=success]:hover {\n    color: var(--theme-success-default);\n    text-decoration: none;\n  }\n}\nsd-anchor[data-sd-theme=warning] {\n  color: var(--theme-warning-default);\n}\nsd-anchor[data-sd-theme=warning]:hover {\n  color: var(--theme-warning-darker);\n  text-decoration: underline;\n}\nsd-anchor[data-sd-theme=warning]:active {\n  color: var(--theme-warning-default);\n}\n@media all and (pointer: coarse) {\n  sd-anchor[data-sd-theme=warning]:hover {\n    color: var(--theme-warning-default);\n    text-decoration: none;\n  }\n}\nsd-anchor[data-sd-theme=danger] {\n  color: var(--theme-danger-default);\n}\nsd-anchor[data-sd-theme=danger]:hover {\n  color: var(--theme-danger-darker);\n  text-decoration: underline;\n}\nsd-anchor[data-sd-theme=danger]:active {\n  color: var(--theme-danger-default);\n}\n@media all and (pointer: coarse) {\n  sd-anchor[data-sd-theme=danger]:hover {\n    color: var(--theme-danger-default);\n    text-decoration: none;\n  }\n}\nsd-anchor[data-sd-disabled=true] {\n  opacity: 0.3;\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(SdAnchorControl, { className: "SdAnchorControl", filePath: "packages/angular/src/ui/form/button/sd-anchor.control.ts", lineNumber: 62 }); })();

package/dist/ui/form/button/sd-button.control.d.ts

@@ -0,0 +1,14 @@
+import * as i0 from "@angular/core";
+export declare class SdButtonControl {
+    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>;
+    inline: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    inset: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    size: import("@angular/core").InputSignal<"sm" | "lg" | undefined>;
+    disabled: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    buttonStyle: import("@angular/core").InputSignal<string | undefined>;
+    buttonClass: import("@angular/core").InputSignal<string | undefined>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SdButtonControl, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SdButtonControl, "sd-button", never, { "type": { "alias": "type"; "required": false; "isSignal": true; }; "theme": { "alias": "theme"; "required": false; "isSignal": true; }; "inline": { "alias": "inline"; "required": false; "isSignal": true; }; "inset": { "alias": "inset"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "buttonStyle": { "alias": "buttonStyle"; "required": false; "isSignal": true; }; "buttonClass": { "alias": "buttonClass"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+//# sourceMappingURL=sd-button.control.d.ts.map

package/dist/ui/form/button/sd-button.control.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sd-button.control.d.ts","sourceRoot":"","sources":["..\\..\\..\\..\\src\\ui\\form\\button\\sd-button.control.ts"],"names":[],"mappings":";AASA,qBA2Ka,eAAe;IAC1B,IAAI,2DAAwC;IAC5C,KAAK,ySAmBD;IACJ,MAAM,qEAAiD;IACvD,KAAK,qEAAiD;IACtD,IAAI,+DAAwB;IAC5B,QAAQ,qEAAiD;IACzD,WAAW,0DAAmB;IAC9B,WAAW,0DAAmB;yCA3BnB,eAAe;2CAAf,eAAe;CA4B3B"}

package/dist/ui/form/button/sd-button.control.js

@@ -0,0 +1,49 @@
+import { booleanAttribute, ChangeDetectionStrategy, Component, input, ViewEncapsulation, } from "@angular/core";
+import { SdRippleDirective } from "../../../core/directives/sd-ripple.directive";
+import * as i0 from "@angular/core";
+const _c0 = ["*"];
+export class SdButtonControl {
+    type = input("button", ...(ngDevMode ? [{ debugName: "type" }] : /* istanbul ignore next */ []));
+    theme = input(...(ngDevMode ? [undefined, { debugName: "theme" }] : /* istanbul ignore next */ []));
+    inline = input(false, { ...(ngDevMode ? { debugName: "inline" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    inset = input(false, { ...(ngDevMode ? { debugName: "inset" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    size = input(...(ngDevMode ? [undefined, { debugName: "size" }] : /* istanbul ignore next */ []));
+    disabled = input(false, { ...(ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    buttonStyle = input(...(ngDevMode ? [undefined, { debugName: "buttonStyle" }] : /* istanbul ignore next */ []));
+    buttonClass = input(...(ngDevMode ? [undefined, { debugName: "buttonClass" }] : /* istanbul ignore next */ []));
+    static ɵfac = function SdButtonControl_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SdButtonControl)(); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SdButtonControl, selectors: [["sd-button"]], hostVars: 5, hostBindings: function SdButtonControl_HostBindings(rf, ctx) { if (rf & 2) {
+            i0.ɵɵattribute("data-sd-theme", ctx.theme())("data-sd-inline", ctx.inline())("data-sd-size", ctx.size())("data-sd-inset", ctx.inset())("data-sd-disabled", ctx.disabled());
+        } }, inputs: { type: [1, "type"], theme: [1, "theme"], inline: [1, "inline"], inset: [1, "inset"], size: [1, "size"], disabled: [1, "disabled"], buttonStyle: [1, "buttonStyle"], buttonClass: [1, "buttonClass"] }, ngContentSelectors: _c0, decls: 2, vars: 7, consts: [["tabindex", "0", 3, "type", "disabled", "sd-ripple"]], template: function SdButtonControl_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵprojectionDef();
+            i0.ɵɵelementStart(0, "button", 0);
+            i0.ɵɵprojection(1);
+            i0.ɵɵelementEnd();
+        } if (rf & 2) {
+            i0.ɵɵstyleMap(ctx.buttonStyle());
+            i0.ɵɵclassMap(ctx.buttonClass());
+            i0.ɵɵproperty("type", ctx.type())("disabled", ctx.disabled())("sd-ripple", !ctx.disabled());
+        } }, dependencies: [SdRippleDirective], styles: ["sd-button > button {\n  display: block;\n  padding: var(--gap-sm) var(--gap-default);\n  border: 1px solid transparent;\n  font-size: var(--font-size-default);\n  font-family: var(--font-family);\n  font-variant-numeric: tabular-nums;\n  line-height: var(--line-height);\n  color: var(--text-trans-default);\n  user-select: none;\n  padding: var(--gap-sm) var(--gap-lg);\n  width: 100%;\n  background: var(--control-color);\n  border-color: var(--border-color-default);\n  border-radius: var(--border-radius-default);\n  font-weight: bold;\n  text-align: center;\n  cursor: pointer;\n  transition: 0.1s linear;\n  transition-property: border, background;\n}\nsd-button > button:hover {\n  background: var(--theme-gray-lightest);\n}\nsd-button > button:disabled {\n  background: var(--control-color);\n  border-color: var(--theme-gray-lighter);\n  color: var(--text-trans-lighter);\n  cursor: default;\n}\nsd-button[data-sd-inset=true] > button {\n  border-radius: 0;\n  border: none;\n  color: var(--theme-primary-default);\n}\nsd-button[data-sd-inset=true] > button:hover {\n  color: var(--theme-primary-darker);\n}\nsd-button[data-sd-inset=true] > button:disabled {\n  background: var(--control-color);\n  border-color: var(--theme-gray-lighter);\n  color: var(--text-trans-default);\n  cursor: default;\n}\nsd-button[data-sd-theme=gray] > button {\n  background: var(--theme-gray-default);\n  border-color: var(--theme-gray-default);\n  color: var(--text-trans-rev-default);\n}\nsd-button[data-sd-theme=gray] > button:hover {\n  background: var(--theme-gray-dark);\n  border-color: var(--theme-gray-dark);\n  color: var(--text-trans-rev-default);\n}\nsd-button[data-sd-theme=gray] > button:disabled {\n  background: var(--theme-gray-lighter);\n  border-color: var(--theme-gray-lighter);\n  color: var(--text-trans-lighter);\n  cursor: default;\n}\nsd-button[data-sd-theme=blue-gray] > button {\n  background: var(--theme-blue-gray-default);\n  border-color: var(--theme-blue-gray-default);\n  color: var(--text-trans-rev-default);\n}\nsd-button[data-sd-theme=blue-gray] > button:hover {\n  background: var(--theme-blue-gray-dark);\n  border-color: var(--theme-blue-gray-dark);\n  color: var(--text-trans-rev-default);\n}\nsd-button[data-sd-theme=blue-gray] > button:disabled {\n  background: var(--theme-gray-lighter);\n  border-color: var(--theme-gray-lighter);\n  color: var(--text-trans-lighter);\n  cursor: default;\n}\nsd-button[data-sd-theme=primary] > button {\n  background: var(--theme-primary-default);\n  border-color: var(--theme-primary-default);\n  color: var(--text-trans-rev-default);\n}\nsd-button[data-sd-theme=primary] > button:hover {\n  background: var(--theme-primary-dark);\n  border-color: var(--theme-primary-dark);\n  color: var(--text-trans-rev-default);\n}\nsd-button[data-sd-theme=primary] > button:disabled {\n  background: var(--theme-gray-lighter);\n  border-color: var(--theme-gray-lighter);\n  color: var(--text-trans-lighter);\n  cursor: default;\n}\nsd-button[data-sd-theme=secondary] > button {\n  background: var(--theme-secondary-default);\n  border-color: var(--theme-secondary-default);\n  color: var(--text-trans-rev-default);\n}\nsd-button[data-sd-theme=secondary] > button:hover {\n  background: var(--theme-secondary-dark);\n  border-color: var(--theme-secondary-dark);\n  color: var(--text-trans-rev-default);\n}\nsd-button[data-sd-theme=secondary] > button:disabled {\n  background: var(--theme-gray-lighter);\n  border-color: var(--theme-gray-lighter);\n  color: var(--text-trans-lighter);\n  cursor: default;\n}\nsd-button[data-sd-theme=info] > button {\n  background: var(--theme-info-default);\n  border-color: var(--theme-info-default);\n  color: var(--text-trans-rev-default);\n}\nsd-button[data-sd-theme=info] > button:hover {\n  background: var(--theme-info-dark);\n  border-color: var(--theme-info-dark);\n  color: var(--text-trans-rev-default);\n}\nsd-button[data-sd-theme=info] > button:disabled {\n  background: var(--theme-gray-lighter);\n  border-color: var(--theme-gray-lighter);\n  color: var(--text-trans-lighter);\n  cursor: default;\n}\nsd-button[data-sd-theme=success] > button {\n  background: var(--theme-success-default);\n  border-color: var(--theme-success-default);\n  color: var(--text-trans-rev-default);\n}\nsd-button[data-sd-theme=success] > button:hover {\n  background: var(--theme-success-dark);\n  border-color: var(--theme-success-dark);\n  color: var(--text-trans-rev-default);\n}\nsd-button[data-sd-theme=success] > button:disabled {\n  background: var(--theme-gray-lighter);\n  border-color: var(--theme-gray-lighter);\n  color: var(--text-trans-lighter);\n  cursor: default;\n}\nsd-button[data-sd-theme=warning] > button {\n  background: var(--theme-warning-default);\n  border-color: var(--theme-warning-default);\n  color: var(--text-trans-rev-default);\n}\nsd-button[data-sd-theme=warning] > button:hover {\n  background: var(--theme-warning-dark);\n  border-color: var(--theme-warning-dark);\n  color: var(--text-trans-rev-default);\n}\nsd-button[data-sd-theme=warning] > button:disabled {\n  background: var(--theme-gray-lighter);\n  border-color: var(--theme-gray-lighter);\n  color: var(--text-trans-lighter);\n  cursor: default;\n}\nsd-button[data-sd-theme=danger] > button {\n  background: var(--theme-danger-default);\n  border-color: var(--theme-danger-default);\n  color: var(--text-trans-rev-default);\n}\nsd-button[data-sd-theme=danger] > button:hover {\n  background: var(--theme-danger-dark);\n  border-color: var(--theme-danger-dark);\n  color: var(--text-trans-rev-default);\n}\nsd-button[data-sd-theme=danger] > button:disabled {\n  background: var(--theme-gray-lighter);\n  border-color: var(--theme-gray-lighter);\n  color: var(--text-trans-lighter);\n  cursor: default;\n}\nsd-button[data-sd-theme=link] > button {\n  border-color: transparent;\n  background: transparent;\n  color: var(--theme-primary-default);\n}\nsd-button[data-sd-theme=link] > button:hover {\n  color: var(--theme-primary-darker);\n}\nsd-button[data-sd-theme=link] > button:disabled {\n  border-color: transparent;\n  color: var(--text-trans-lighter);\n}\nsd-button[data-sd-theme=link-gray] > button {\n  border-color: transparent;\n  background: transparent;\n  color: var(--theme-gray-default);\n}\nsd-button[data-sd-theme=link-gray] > button:hover {\n  background: var(--trans-lighter);\n  color: var(--theme-gray-darker);\n}\nsd-button[data-sd-theme=link-gray] > button:disabled {\n  border-color: transparent;\n  color: var(--text-trans-lighter);\n}\nsd-button[data-sd-theme=link-blue-gray] > button {\n  border-color: transparent;\n  background: transparent;\n  color: var(--theme-blue-gray-default);\n}\nsd-button[data-sd-theme=link-blue-gray] > button:hover {\n  background: var(--trans-lighter);\n  color: var(--theme-blue-gray-darker);\n}\nsd-button[data-sd-theme=link-blue-gray] > button:disabled {\n  border-color: transparent;\n  color: var(--text-trans-lighter);\n}\nsd-button[data-sd-theme=link-primary] > button {\n  border-color: transparent;\n  background: transparent;\n  color: var(--theme-primary-default);\n}\nsd-button[data-sd-theme=link-primary] > button:hover {\n  background: var(--trans-lighter);\n  color: var(--theme-primary-darker);\n}\nsd-button[data-sd-theme=link-primary] > button:disabled {\n  border-color: transparent;\n  color: var(--text-trans-lighter);\n}\nsd-button[data-sd-theme=link-secondary] > button {\n  border-color: transparent;\n  background: transparent;\n  color: var(--theme-secondary-default);\n}\nsd-button[data-sd-theme=link-secondary] > button:hover {\n  background: var(--trans-lighter);\n  color: var(--theme-secondary-darker);\n}\nsd-button[data-sd-theme=link-secondary] > button:disabled {\n  border-color: transparent;\n  color: var(--text-trans-lighter);\n}\nsd-button[data-sd-theme=link-info] > button {\n  border-color: transparent;\n  background: transparent;\n  color: var(--theme-info-default);\n}\nsd-button[data-sd-theme=link-info] > button:hover {\n  background: var(--trans-lighter);\n  color: var(--theme-info-darker);\n}\nsd-button[data-sd-theme=link-info] > button:disabled {\n  border-color: transparent;\n  color: var(--text-trans-lighter);\n}\nsd-button[data-sd-theme=link-success] > button {\n  border-color: transparent;\n  background: transparent;\n  color: var(--theme-success-default);\n}\nsd-button[data-sd-theme=link-success] > button:hover {\n  background: var(--trans-lighter);\n  color: var(--theme-success-darker);\n}\nsd-button[data-sd-theme=link-success] > button:disabled {\n  border-color: transparent;\n  color: var(--text-trans-lighter);\n}\nsd-button[data-sd-theme=link-warning] > button {\n  border-color: transparent;\n  background: transparent;\n  color: var(--theme-warning-default);\n}\nsd-button[data-sd-theme=link-warning] > button:hover {\n  background: var(--trans-lighter);\n  color: var(--theme-warning-darker);\n}\nsd-button[data-sd-theme=link-warning] > button:disabled {\n  border-color: transparent;\n  color: var(--text-trans-lighter);\n}\nsd-button[data-sd-theme=link-danger] > button {\n  border-color: transparent;\n  background: transparent;\n  color: var(--theme-danger-default);\n}\nsd-button[data-sd-theme=link-danger] > button:hover {\n  background: var(--trans-lighter);\n  color: var(--theme-danger-darker);\n}\nsd-button[data-sd-theme=link-danger] > button:disabled {\n  border-color: transparent;\n  color: var(--text-trans-lighter);\n}\nsd-button[data-sd-theme=link-rev] > button {\n  border-color: transparent;\n  background: transparent;\n  color: var(--text-trans-rev-default);\n}\nsd-button[data-sd-theme=link-rev] > button:hover {\n  color: var(--text-trans-rev-dark);\n}\nsd-button[data-sd-theme=link-rev] > button:disabled {\n  border-color: transparent;\n  color: var(--text-trans-rev-darker);\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=sm] > button {\n  padding: var(--gap-xs) var(--gap-default);\n}\nsd-button[data-sd-size=lg] > button {\n  padding: var(--gap-default) var(--gap-xl);\n}\nsd-button[data-sd-disabled=true]:active {\n  pointer-events: none;\n}"], encapsulation: 2, changeDetection: 0 });
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SdButtonControl, [{
+        type: Component,
+        args: [{ selector: "sd-button", changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, standalone: true, imports: [SdRippleDirective], template: `
+    <button
+      tabindex="0"
+      [type]="type()"
+      [disabled]="disabled()"
+      [class]="buttonClass()"
+      [style]="buttonStyle()"
+      [sd-ripple]="!disabled()"
+    >
+      <ng-content />
+    </button>
+  `, host: {
+                    "[attr.data-sd-theme]": "theme()",
+                    "[attr.data-sd-inline]": "inline()",
+                    "[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(--gap-sm) var(--gap-default);\n  border: 1px solid transparent;\n  font-size: var(--font-size-default);\n  font-family: var(--font-family);\n  font-variant-numeric: tabular-nums;\n  line-height: var(--line-height);\n  color: var(--text-trans-default);\n  user-select: none;\n  padding: var(--gap-sm) var(--gap-lg);\n  width: 100%;\n  background: var(--control-color);\n  border-color: var(--border-color-default);\n  border-radius: var(--border-radius-default);\n  font-weight: bold;\n  text-align: center;\n  cursor: pointer;\n  transition: 0.1s linear;\n  transition-property: border, background;\n}\nsd-button > button:hover {\n  background: var(--theme-gray-lightest);\n}\nsd-button > button:disabled {\n  background: var(--control-color);\n  border-color: var(--theme-gray-lighter);\n  color: var(--text-trans-lighter);\n  cursor: default;\n}\nsd-button[data-sd-inset=true] > button {\n  border-radius: 0;\n  border: none;\n  color: var(--theme-primary-default);\n}\nsd-button[data-sd-inset=true] > button:hover {\n  color: var(--theme-primary-darker);\n}\nsd-button[data-sd-inset=true] > button:disabled {\n  background: var(--control-color);\n  border-color: var(--theme-gray-lighter);\n  color: var(--text-trans-default);\n  cursor: default;\n}\nsd-button[data-sd-theme=gray] > button {\n  background: var(--theme-gray-default);\n  border-color: var(--theme-gray-default);\n  color: var(--text-trans-rev-default);\n}\nsd-button[data-sd-theme=gray] > button:hover {\n  background: var(--theme-gray-dark);\n  border-color: var(--theme-gray-dark);\n  color: var(--text-trans-rev-default);\n}\nsd-button[data-sd-theme=gray] > button:disabled {\n  background: var(--theme-gray-lighter);\n  border-color: var(--theme-gray-lighter);\n  color: var(--text-trans-lighter);\n  cursor: default;\n}\nsd-button[data-sd-theme=blue-gray] > button {\n  background: var(--theme-blue-gray-default);\n  border-color: var(--theme-blue-gray-default);\n  color: var(--text-trans-rev-default);\n}\nsd-button[data-sd-theme=blue-gray] > button:hover {\n  background: var(--theme-blue-gray-dark);\n  border-color: var(--theme-blue-gray-dark);\n  color: var(--text-trans-rev-default);\n}\nsd-button[data-sd-theme=blue-gray] > button:disabled {\n  background: var(--theme-gray-lighter);\n  border-color: var(--theme-gray-lighter);\n  color: var(--text-trans-lighter);\n  cursor: default;\n}\nsd-button[data-sd-theme=primary] > button {\n  background: var(--theme-primary-default);\n  border-color: var(--theme-primary-default);\n  color: var(--text-trans-rev-default);\n}\nsd-button[data-sd-theme=primary] > button:hover {\n  background: var(--theme-primary-dark);\n  border-color: var(--theme-primary-dark);\n  color: var(--text-trans-rev-default);\n}\nsd-button[data-sd-theme=primary] > button:disabled {\n  background: var(--theme-gray-lighter);\n  border-color: var(--theme-gray-lighter);\n  color: var(--text-trans-lighter);\n  cursor: default;\n}\nsd-button[data-sd-theme=secondary] > button {\n  background: var(--theme-secondary-default);\n  border-color: var(--theme-secondary-default);\n  color: var(--text-trans-rev-default);\n}\nsd-button[data-sd-theme=secondary] > button:hover {\n  background: var(--theme-secondary-dark);\n  border-color: var(--theme-secondary-dark);\n  color: var(--text-trans-rev-default);\n}\nsd-button[data-sd-theme=secondary] > button:disabled {\n  background: var(--theme-gray-lighter);\n  border-color: var(--theme-gray-lighter);\n  color: var(--text-trans-lighter);\n  cursor: default;\n}\nsd-button[data-sd-theme=info] > button {\n  background: var(--theme-info-default);\n  border-color: var(--theme-info-default);\n  color: var(--text-trans-rev-default);\n}\nsd-button[data-sd-theme=info] > button:hover {\n  background: var(--theme-info-dark);\n  border-color: var(--theme-info-dark);\n  color: var(--text-trans-rev-default);\n}\nsd-button[data-sd-theme=info] > button:disabled {\n  background: var(--theme-gray-lighter);\n  border-color: var(--theme-gray-lighter);\n  color: var(--text-trans-lighter);\n  cursor: default;\n}\nsd-button[data-sd-theme=success] > button {\n  background: var(--theme-success-default);\n  border-color: var(--theme-success-default);\n  color: var(--text-trans-rev-default);\n}\nsd-button[data-sd-theme=success] > button:hover {\n  background: var(--theme-success-dark);\n  border-color: var(--theme-success-dark);\n  color: var(--text-trans-rev-default);\n}\nsd-button[data-sd-theme=success] > button:disabled {\n  background: var(--theme-gray-lighter);\n  border-color: var(--theme-gray-lighter);\n  color: var(--text-trans-lighter);\n  cursor: default;\n}\nsd-button[data-sd-theme=warning] > button {\n  background: var(--theme-warning-default);\n  border-color: var(--theme-warning-default);\n  color: var(--text-trans-rev-default);\n}\nsd-button[data-sd-theme=warning] > button:hover {\n  background: var(--theme-warning-dark);\n  border-color: var(--theme-warning-dark);\n  color: var(--text-trans-rev-default);\n}\nsd-button[data-sd-theme=warning] > button:disabled {\n  background: var(--theme-gray-lighter);\n  border-color: var(--theme-gray-lighter);\n  color: var(--text-trans-lighter);\n  cursor: default;\n}\nsd-button[data-sd-theme=danger] > button {\n  background: var(--theme-danger-default);\n  border-color: var(--theme-danger-default);\n  color: var(--text-trans-rev-default);\n}\nsd-button[data-sd-theme=danger] > button:hover {\n  background: var(--theme-danger-dark);\n  border-color: var(--theme-danger-dark);\n  color: var(--text-trans-rev-default);\n}\nsd-button[data-sd-theme=danger] > button:disabled {\n  background: var(--theme-gray-lighter);\n  border-color: var(--theme-gray-lighter);\n  color: var(--text-trans-lighter);\n  cursor: default;\n}\nsd-button[data-sd-theme=link] > button {\n  border-color: transparent;\n  background: transparent;\n  color: var(--theme-primary-default);\n}\nsd-button[data-sd-theme=link] > button:hover {\n  color: var(--theme-primary-darker);\n}\nsd-button[data-sd-theme=link] > button:disabled {\n  border-color: transparent;\n  color: var(--text-trans-lighter);\n}\nsd-button[data-sd-theme=link-gray] > button {\n  border-color: transparent;\n  background: transparent;\n  color: var(--theme-gray-default);\n}\nsd-button[data-sd-theme=link-gray] > button:hover {\n  background: var(--trans-lighter);\n  color: var(--theme-gray-darker);\n}\nsd-button[data-sd-theme=link-gray] > button:disabled {\n  border-color: transparent;\n  color: var(--text-trans-lighter);\n}\nsd-button[data-sd-theme=link-blue-gray] > button {\n  border-color: transparent;\n  background: transparent;\n  color: var(--theme-blue-gray-default);\n}\nsd-button[data-sd-theme=link-blue-gray] > button:hover {\n  background: var(--trans-lighter);\n  color: var(--theme-blue-gray-darker);\n}\nsd-button[data-sd-theme=link-blue-gray] > button:disabled {\n  border-color: transparent;\n  color: var(--text-trans-lighter);\n}\nsd-button[data-sd-theme=link-primary] > button {\n  border-color: transparent;\n  background: transparent;\n  color: var(--theme-primary-default);\n}\nsd-button[data-sd-theme=link-primary] > button:hover {\n  background: var(--trans-lighter);\n  color: var(--theme-primary-darker);\n}\nsd-button[data-sd-theme=link-primary] > button:disabled {\n  border-color: transparent;\n  color: var(--text-trans-lighter);\n}\nsd-button[data-sd-theme=link-secondary] > button {\n  border-color: transparent;\n  background: transparent;\n  color: var(--theme-secondary-default);\n}\nsd-button[data-sd-theme=link-secondary] > button:hover {\n  background: var(--trans-lighter);\n  color: var(--theme-secondary-darker);\n}\nsd-button[data-sd-theme=link-secondary] > button:disabled {\n  border-color: transparent;\n  color: var(--text-trans-lighter);\n}\nsd-button[data-sd-theme=link-info] > button {\n  border-color: transparent;\n  background: transparent;\n  color: var(--theme-info-default);\n}\nsd-button[data-sd-theme=link-info] > button:hover {\n  background: var(--trans-lighter);\n  color: var(--theme-info-darker);\n}\nsd-button[data-sd-theme=link-info] > button:disabled {\n  border-color: transparent;\n  color: var(--text-trans-lighter);\n}\nsd-button[data-sd-theme=link-success] > button {\n  border-color: transparent;\n  background: transparent;\n  color: var(--theme-success-default);\n}\nsd-button[data-sd-theme=link-success] > button:hover {\n  background: var(--trans-lighter);\n  color: var(--theme-success-darker);\n}\nsd-button[data-sd-theme=link-success] > button:disabled {\n  border-color: transparent;\n  color: var(--text-trans-lighter);\n}\nsd-button[data-sd-theme=link-warning] > button {\n  border-color: transparent;\n  background: transparent;\n  color: var(--theme-warning-default);\n}\nsd-button[data-sd-theme=link-warning] > button:hover {\n  background: var(--trans-lighter);\n  color: var(--theme-warning-darker);\n}\nsd-button[data-sd-theme=link-warning] > button:disabled {\n  border-color: transparent;\n  color: var(--text-trans-lighter);\n}\nsd-button[data-sd-theme=link-danger] > button {\n  border-color: transparent;\n  background: transparent;\n  color: var(--theme-danger-default);\n}\nsd-button[data-sd-theme=link-danger] > button:hover {\n  background: var(--trans-lighter);\n  color: var(--theme-danger-darker);\n}\nsd-button[data-sd-theme=link-danger] > button:disabled {\n  border-color: transparent;\n  color: var(--text-trans-lighter);\n}\nsd-button[data-sd-theme=link-rev] > button {\n  border-color: transparent;\n  background: transparent;\n  color: var(--text-trans-rev-default);\n}\nsd-button[data-sd-theme=link-rev] > button:hover {\n  color: var(--text-trans-rev-dark);\n}\nsd-button[data-sd-theme=link-rev] > button:disabled {\n  border-color: transparent;\n  color: var(--text-trans-rev-darker);\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=sm] > button {\n  padding: var(--gap-xs) var(--gap-default);\n}\nsd-button[data-sd-size=lg] > button {\n  padding: var(--gap-default) var(--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(SdButtonControl, { className: "SdButtonControl", filePath: "packages/angular/src/ui/form/button/sd-button.control.ts", lineNumber: 181 }); })();

package/dist/ui/form/button/sd-modal-select-button.control.d.ts

@@ -0,0 +1,46 @@
+import { type InputSignal } from "@angular/core";
+import { type ISdModal, type ISdModalInfo, type ISdModalOptions } from "../../overlay/modal/sd-modal.provider";
+import type { TDirectiveInputSignals } from "../../../core/utils/TDirectiveInputSignals";
+import * as i0 from "@angular/core";
+/**
+ * 모달 선택 컴포넌트가 구현해야 하는 인터페이스
+ * ISdModal을 확장하여 selectMode와 selectedItemKeys를 추가한다.
+ */
+export interface ISdSelectModal<T> extends ISdModal<ISelectModalOutputResult<T>> {
+    selectMode: InputSignal<"single" | "multi">;
+    selectedItemKeys: InputSignal<T[]>;
+}
+/**
+ * 모달 선택 결과
+ */
+export interface ISelectModalOutputResult<T> {
+    selectedItemKeys: T[];
+    selectedItems: Record<string, unknown>[];
+}
+/**
+ * 모달 선택 정보 (selectMode/selectedItemKeys를 제외한 inputs)
+ */
+export type TSdSelectModalInfo<T extends ISdSelectModal<any>> = Omit<ISdModalInfo<T>, "inputs"> & {
+    inputs: Omit<TDirectiveInputSignals<T>, "initialized" | "close" | "actionTplRef" | "selectMode" | "selectedItemKeys">;
+};
+export declare class SdModalSelectButtonControl {
+    private readonly _sdModal;
+    selectMode: InputSignal<"single" | "multi">;
+    value: import("@angular/core").ModelSignal<any>;
+    selectedItems: import("@angular/core").ModelSignal<Record<string, unknown>[]>;
+    disabled: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    required: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    modal: InputSignal<TSdSelectModalInfo<any> | undefined>;
+    modalOptions: InputSignal<ISdModalOptions | undefined>;
+    size: InputSignal<"sm" | "lg" | undefined>;
+    inset: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    protected readonly tablerSearch = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"stroke-width:var(--ng-icon__stroke-width, 2)\"><path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\"></path><path d=\"M10 10m-7 0a7 7 0 1 0 14 0a7 7 0 1 0 -14 0\"></path><path d=\"M21 21l-6 -6\"></path></svg>";
+    protected readonly tablerEraser = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"stroke-width:var(--ng-icon__stroke-width, 2)\"><path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\"></path><path d=\"M19 20h-10.5l-4.21 -4.3a1 1 0 0 1 0 -1.41l10 -10a1 1 0 0 1 1.41 0l5 5a1 1 0 0 1 0 1.41l-9.2 9.3\"></path><path d=\"M18 13.3l-6.3 -6.3\"></path></svg>";
+    _hasValue: import("@angular/core").Signal<boolean>;
+    constructor();
+    onEraseClick(): void;
+    onSearchClick(): Promise<void>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SdModalSelectButtonControl, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SdModalSelectButtonControl, "sd-modal-select-button", never, { "selectMode": { "alias": "selectMode"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "selectedItems": { "alias": "selectedItems"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "modal": { "alias": "modal"; "required": false; "isSignal": true; }; "modalOptions": { "alias": "modalOptions"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "inset": { "alias": "inset"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "selectedItems": "selectedItemsChange"; }, never, ["*"], true, never>;
+}
+//# sourceMappingURL=sd-modal-select-button.control.d.ts.map

package/dist/ui/form/button/sd-modal-select-button.control.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sd-modal-select-button.control.d.ts","sourceRoot":"","sources":["..\\..\\..\\..\\src\\ui\\form\\button\\sd-modal-select-button.control.ts"],"names":[],"mappings":"AAAA,OAAO,EAQL,KAAK,WAAW,EAEjB,MAAM,eAAe,CAAC;AACvB,OAAO,EAEL,KAAK,QAAQ,EACb,KAAK,YAAY,EACjB,KAAK,eAAe,EACrB,MAAM,uCAAuC,CAAC;AAC/C,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,4CAA4C,CAAC;;AAQzF;;;GAGG;AACH,MAAM,WAAW,cAAc,CAAC,CAAC,CAAE,SAAQ,QAAQ,CAAC,wBAAwB,CAAC,CAAC,CAAC,CAAC;IAC9E,UAAU,EAAE,WAAW,CAAC,QAAQ,GAAG,OAAO,CAAC,CAAC;IAC5C,gBAAgB,EAAE,WAAW,CAAC,CAAC,EAAE,CAAC,CAAC;CACpC;AAED;;GAEG;AACH,MAAM,WAAW,wBAAwB,CAAC,CAAC;IACzC,gBAAgB,EAAE,CAAC,EAAE,CAAC;IACtB,aAAa,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,CAAC;CAC1C;AAED;;GAEG;AACH,MAAM,MAAM,kBAAkB,CAAC,CAAC,SAAS,cAAc,CAAC,GAAG,CAAC,IAAI,IAAI,CAClE,YAAY,CAAC,CAAC,CAAC,EACf,QAAQ,CACT,GAAG;IACF,MAAM,EAAE,IAAI,CACV,sBAAsB,CAAC,CAAC,CAAC,EACzB,aAAa,GAAG,OAAO,GAAG,cAAc,GAAG,YAAY,GAAG,kBAAkB,CAC7E,CAAC;CACH,CAAC;AAEF,qBAuGa,0BAA0B;IACrC,OAAO,CAAC,QAAQ,CAAC,QAAQ,CAA2B;IAEpD,UAAU,kCAAuC;IACjD,KAAK,2CAAkC;IACvC,aAAa,iEAAwC;IACrD,QAAQ,qEAAiD;IACzD,QAAQ,qEAAiD;IACzD,KAAK,mDAAoC;IACzC,YAAY,2CAA4B;IACxC,IAAI,uCAAwB;IAC5B,KAAK,qEAAiD;IAEtD,SAAS,CAAC,QAAQ,CAAC,YAAY,yXAAgB;IAC/C,SAAS,CAAC,QAAQ,CAAC,YAAY,obAAgB;IAE/C,SAAS,0CAKN;;IAYH,YAAY,IAAI,IAAI;IASd,aAAa,IAAI,OAAO,CAAC,IAAI,CAAC;yCA1CzB,0BAA0B;2CAA1B,0BAA0B;CA8EtC"}

package/dist/ui/form/button/sd-modal-select-button.control.js

@@ -0,0 +1,149 @@
+import { booleanAttribute, ChangeDetectionStrategy, Component, computed, inject, input, model, ViewEncapsulation, } from "@angular/core";
+import { SdModalProvider, } from "../../overlay/modal/sd-modal.provider";
+import { SdAnchorControl } from "./sd-anchor.control";
+import { SdButtonControl } from "./sd-button.control";
+import { setupInvalid } from "../../../core/utils/setups/setupInvalid";
+import { NgIcon } from "@ng-icons/core";
+import { tablerSearch, tablerEraser } from "@ng-icons/tabler-icons";
+import * as i0 from "@angular/core";
+const _c0 = ["*"];
+function SdModalSelectButtonControl_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    const _r1 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "sd-anchor", 4);
+    i0.ɵɵlistener("click", function SdModalSelectButtonControl_Conditional_3_Template_sd_anchor_click_0_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onEraseClick()); });
+    i0.ɵɵelement(1, "ng-icon", 5);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("theme", "danger");
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("svg", ctx_r1.tablerEraser);
+} }
+function SdModalSelectButtonControl_Conditional_4_Template(rf, ctx) { if (rf & 1) {
+    const _r3 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "sd-button", 6);
+    i0.ɵɵlistener("click", function SdModalSelectButtonControl_Conditional_4_Template_sd_button_click_0_listener() { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onSearchClick()); });
+    i0.ɵɵelement(1, "ng-icon", 5);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("inset", true);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("svg", ctx_r1.tablerSearch);
+} }
+export class SdModalSelectButtonControl {
+    _sdModal = inject(SdModalProvider);
+    selectMode = input("single", ...(ngDevMode ? [{ debugName: "selectMode" }] : /* istanbul ignore next */ []));
+    value = model(...(ngDevMode ? [undefined, { debugName: "value" }] : /* istanbul ignore next */ []));
+    selectedItems = model([], ...(ngDevMode ? [{ debugName: "selectedItems" }] : /* istanbul ignore next */ []));
+    disabled = input(false, { ...(ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    required = input(false, { ...(ngDevMode ? { debugName: "required" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    modal = input(...(ngDevMode ? [undefined, { debugName: "modal" }] : /* istanbul ignore next */ []));
+    modalOptions = input(...(ngDevMode ? [undefined, { debugName: "modalOptions" }] : /* istanbul ignore next */ []));
+    size = input(...(ngDevMode ? [undefined, { debugName: "size" }] : /* istanbul ignore next */ []));
+    inset = input(false, { ...(ngDevMode ? { debugName: "inset" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    tablerSearch = tablerSearch;
+    tablerEraser = tablerEraser;
+    _hasValue = computed(() => {
+        const v = this.value();
+        if (v == null)
+            return false;
+        if (Array.isArray(v))
+            return v.length > 0;
+        return true;
+    }, ...(ngDevMode ? [{ debugName: "_hasValue" }] : /* istanbul ignore next */ []));
+    constructor() {
+        setupInvalid(() => {
+            if (!this.required())
+                return "";
+            const v = this.value();
+            if (v == null)
+                return "선택된 항목이 없습니다.";
+            if (Array.isArray(v) && v.length === 0)
+                return "선택된 항목이 없습니다.";
+            return "";
+        });
+    }
+    onEraseClick() {
+        if (this.selectMode() === "multi") {
+            this.value.set([]);
+        }
+        else {
+            this.value.set(undefined);
+        }
+        this.selectedItems.set([]);
+    }
+    async onSearchClick() {
+        const modalInfo = this.modal();
+        if (modalInfo == null)
+            return;
+        const currentValue = this.value();
+        const selectedItemKeys = this.selectMode() === "multi"
+            ? currentValue ?? []
+            : currentValue != null
+                ? [currentValue]
+                : [];
+        const result = await this._sdModal.showAsync({
+            title: modalInfo.title,
+            type: modalInfo.type,
+            inputs: {
+                ...modalInfo.inputs,
+                selectMode: this.selectMode(),
+                selectedItemKeys,
+            },
+        }, this.modalOptions());
+        if (result == null)
+            return;
+        const typedResult = result;
+        if (this.selectMode() === "multi") {
+            this.value.set(typedResult.selectedItemKeys);
+        }
+        else {
+            this.value.set(typedResult.selectedItemKeys[0]);
+        }
+        this.selectedItems.set(typedResult.selectedItems);
+    }
+    static ɵfac = function SdModalSelectButtonControl_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SdModalSelectButtonControl)(); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SdModalSelectButtonControl, selectors: [["sd-modal-select-button"]], hostVars: 3, hostBindings: function SdModalSelectButtonControl_HostBindings(rf, ctx) { if (rf & 2) {
+            i0.ɵɵattribute("data-sd-size", ctx.size())("data-sd-inset", ctx.inset())("data-sd-disabled", ctx.disabled());
+        } }, inputs: { selectMode: [1, "selectMode"], value: [1, "value"], selectedItems: [1, "selectedItems"], disabled: [1, "disabled"], required: [1, "required"], modal: [1, "modal"], modalOptions: [1, "modalOptions"], size: [1, "size"], inset: [1, "inset"] }, outputs: { value: "valueChange", selectedItems: "selectedItemsChange" }, ngContentSelectors: _c0, decls: 5, vars: 2, consts: [[1, "_content"], [1, "_button"], ["data-sd-eraser", "", 3, "theme"], [3, "inset"], ["data-sd-eraser", "", 3, "click", "theme"], [3, "svg"], [3, "click", "inset"]], template: function SdModalSelectButtonControl_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵprojectionDef();
+            i0.ɵɵelementStart(0, "div", 0);
+            i0.ɵɵprojection(1);
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(2, "div", 1);
+            i0.ɵɵconditionalCreate(3, SdModalSelectButtonControl_Conditional_3_Template, 2, 2, "sd-anchor", 2);
+            i0.ɵɵconditionalCreate(4, SdModalSelectButtonControl_Conditional_4_Template, 2, 2, "sd-button", 3);
+            i0.ɵɵelementEnd();
+        } if (rf & 2) {
+            i0.ɵɵadvance(3);
+            i0.ɵɵconditional(!ctx.disabled() && !ctx.required() && ctx._hasValue() ? 3 : -1);
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(!ctx.disabled() ? 4 : -1);
+        } }, dependencies: [SdAnchorControl, SdButtonControl, NgIcon], styles: ["sd-modal-select-button {\n  display: flex;\n  flex-direction: row;\n  gap: var(--gap-sm);\n  position: relative;\n  border: 1px solid var(--trans-light);\n  border-radius: var(--border-radius-default);\n  overflow: hidden;\n}\nsd-modal-select-button > ._content {\n  flex: 1;\n  padding: var(--gap-sm) var(--gap-default);\n}\nsd-modal-select-button > ._button {\n  display: flex;\n  flex-wrap: nowrap;\n  flex-direction: row;\n}\n@supports not (appearance: auto) {\n  sd-modal-select-button > ._button.gap-xxs {\n    gap: 0;\n  }\n  sd-modal-select-button > ._button.gap-xxs > * + * {\n    margin-left: var(--gap-xxs);\n  }\n  sd-modal-select-button > ._button.gap-xs {\n    gap: 0;\n  }\n  sd-modal-select-button > ._button.gap-xs > * + * {\n    margin-left: var(--gap-xs);\n  }\n  sd-modal-select-button > ._button.gap-sm {\n    gap: 0;\n  }\n  sd-modal-select-button > ._button.gap-sm > * + * {\n    margin-left: var(--gap-sm);\n  }\n  sd-modal-select-button > ._button.gap-default {\n    gap: 0;\n  }\n  sd-modal-select-button > ._button.gap-default > * + * {\n    margin-left: var(--gap-default);\n  }\n  sd-modal-select-button > ._button.gap-lg {\n    gap: 0;\n  }\n  sd-modal-select-button > ._button.gap-lg > * + * {\n    margin-left: var(--gap-lg);\n  }\n  sd-modal-select-button > ._button.gap-xl {\n    gap: 0;\n  }\n  sd-modal-select-button > ._button.gap-xl > * + * {\n    margin-left: var(--gap-xl);\n  }\n  sd-modal-select-button > ._button.gap-xxl {\n    gap: 0;\n  }\n  sd-modal-select-button > ._button.gap-xxl > * + * {\n    margin-left: var(--gap-xxl);\n  }\n  sd-modal-select-button > ._button.gap-0 {\n    gap: 0;\n  }\n  sd-modal-select-button > ._button.gap-0 > * + * {\n    margin-left: var(--gap-0);\n  }\n  sd-modal-select-button > ._button.gap-auto {\n    gap: 0;\n  }\n  sd-modal-select-button > ._button.gap-auto > * + * {\n    margin-left: var(--gap-auto);\n  }\n}\nsd-modal-select-button > ._button > sd-anchor {\n  padding: var(--gap-sm) !important;\n}\nsd-modal-select-button > ._button > sd-button > button {\n  border-left: 1px solid var(--trans-lighter) !important;\n  padding: var(--gap-sm) !important;\n  height: 100%;\n}\nsd-modal-select-button[data-sd-inset=true] {\n  border-radius: 0;\n  border: none;\n}\nsd-modal-select-button[data-sd-size=sm] > ._content {\n  padding: var(--gap-xs) var(--gap-default);\n}\nsd-modal-select-button[data-sd-size=sm] > ._button > sd-anchor {\n  padding: var(--gap-xs) var(--gap-sm) !important;\n}\nsd-modal-select-button[data-sd-size=sm] > ._button > sd-button > button {\n  padding: var(--gap-xs) var(--gap-sm) !important;\n}\nsd-modal-select-button[data-sd-size=lg] > ._content {\n  padding: var(--gap-default) var(--gap-xl);\n}\nsd-modal-select-button[data-sd-size=lg] > ._button > sd-anchor {\n  padding: var(--gap-default) !important;\n}\nsd-modal-select-button[data-sd-size=lg] > ._button > sd-button > button {\n  padding: var(--gap-default) !important;\n}"], encapsulation: 2, changeDetection: 0 });
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SdModalSelectButtonControl, [{
+        type: Component,
+        args: [{ selector: "sd-modal-select-button", changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, standalone: true, imports: [SdAnchorControl, SdButtonControl, NgIcon], template: `
+    <div class="_content">
+      <ng-content />
+    </div>
+    <div class="_button">
+      @if (!disabled() && !required() && _hasValue()) {
+        <sd-anchor data-sd-eraser [theme]="'danger'" (click)="onEraseClick()">
+          <ng-icon [svg]="tablerEraser" />
+        </sd-anchor>
+      }
+      @if (!disabled()) {
+        <sd-button [inset]="true" (click)="onSearchClick()">
+          <ng-icon [svg]="tablerSearch" />
+        </sd-button>
+      }
+    </div>
+  `, host: {
+                    "[attr.data-sd-size]": "size()",
+                    "[attr.data-sd-inset]": "inset()",
+                    "[attr.data-sd-disabled]": "disabled()",
+                }, styles: ["sd-modal-select-button {\n  display: flex;\n  flex-direction: row;\n  gap: var(--gap-sm);\n  position: relative;\n  border: 1px solid var(--trans-light);\n  border-radius: var(--border-radius-default);\n  overflow: hidden;\n}\nsd-modal-select-button > ._content {\n  flex: 1;\n  padding: var(--gap-sm) var(--gap-default);\n}\nsd-modal-select-button > ._button {\n  display: flex;\n  flex-wrap: nowrap;\n  flex-direction: row;\n}\n@supports not (appearance: auto) {\n  sd-modal-select-button > ._button.gap-xxs {\n    gap: 0;\n  }\n  sd-modal-select-button > ._button.gap-xxs > * + * {\n    margin-left: var(--gap-xxs);\n  }\n  sd-modal-select-button > ._button.gap-xs {\n    gap: 0;\n  }\n  sd-modal-select-button > ._button.gap-xs > * + * {\n    margin-left: var(--gap-xs);\n  }\n  sd-modal-select-button > ._button.gap-sm {\n    gap: 0;\n  }\n  sd-modal-select-button > ._button.gap-sm > * + * {\n    margin-left: var(--gap-sm);\n  }\n  sd-modal-select-button > ._button.gap-default {\n    gap: 0;\n  }\n  sd-modal-select-button > ._button.gap-default > * + * {\n    margin-left: var(--gap-default);\n  }\n  sd-modal-select-button > ._button.gap-lg {\n    gap: 0;\n  }\n  sd-modal-select-button > ._button.gap-lg > * + * {\n    margin-left: var(--gap-lg);\n  }\n  sd-modal-select-button > ._button.gap-xl {\n    gap: 0;\n  }\n  sd-modal-select-button > ._button.gap-xl > * + * {\n    margin-left: var(--gap-xl);\n  }\n  sd-modal-select-button > ._button.gap-xxl {\n    gap: 0;\n  }\n  sd-modal-select-button > ._button.gap-xxl > * + * {\n    margin-left: var(--gap-xxl);\n  }\n  sd-modal-select-button > ._button.gap-0 {\n    gap: 0;\n  }\n  sd-modal-select-button > ._button.gap-0 > * + * {\n    margin-left: var(--gap-0);\n  }\n  sd-modal-select-button > ._button.gap-auto {\n    gap: 0;\n  }\n  sd-modal-select-button > ._button.gap-auto > * + * {\n    margin-left: var(--gap-auto);\n  }\n}\nsd-modal-select-button > ._button > sd-anchor {\n  padding: var(--gap-sm) !important;\n}\nsd-modal-select-button > ._button > sd-button > button {\n  border-left: 1px solid var(--trans-lighter) !important;\n  padding: var(--gap-sm) !important;\n  height: 100%;\n}\nsd-modal-select-button[data-sd-inset=true] {\n  border-radius: 0;\n  border: none;\n}\nsd-modal-select-button[data-sd-size=sm] > ._content {\n  padding: var(--gap-xs) var(--gap-default);\n}\nsd-modal-select-button[data-sd-size=sm] > ._button > sd-anchor {\n  padding: var(--gap-xs) var(--gap-sm) !important;\n}\nsd-modal-select-button[data-sd-size=sm] > ._button > sd-button > button {\n  padding: var(--gap-xs) var(--gap-sm) !important;\n}\nsd-modal-select-button[data-sd-size=lg] > ._content {\n  padding: var(--gap-default) var(--gap-xl);\n}\nsd-modal-select-button[data-sd-size=lg] > ._button > sd-anchor {\n  padding: var(--gap-default) !important;\n}\nsd-modal-select-button[data-sd-size=lg] > ._button > sd-button > button {\n  padding: var(--gap-default) !important;\n}"] }]
+    }], () => [], { selectMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectMode", required: false }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }], selectedItems: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectedItems", required: false }] }, { type: i0.Output, args: ["selectedItemsChange"] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], required: [{ type: i0.Input, args: [{ isSignal: true, alias: "required", required: false }] }], modal: [{ type: i0.Input, args: [{ isSignal: true, alias: "modal", required: false }] }], modalOptions: [{ type: i0.Input, args: [{ isSignal: true, alias: "modalOptions", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], inset: [{ type: i0.Input, args: [{ isSignal: true, alias: "inset", required: false }] }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SdModalSelectButtonControl, { className: "SdModalSelectButtonControl", filePath: "packages/angular/src/ui/form/button/sd-modal-select-button.control.ts", lineNumber: 159 }); })();

package/dist/ui/form/checkbox/sd-checkbox-group-item.control.d.ts

@@ -0,0 +1,12 @@
+import * as i0 from "@angular/core";
+export declare class SdCheckboxGroupItemControl<T> {
+    private readonly _parentControl;
+    value: import("@angular/core").InputSignal<T>;
+    inline: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    isSelected: import("@angular/core").Signal<boolean>;
+    disabled: import("@angular/core").Signal<boolean>;
+    onSelectedChange(selected: boolean): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SdCheckboxGroupItemControl<any>, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SdCheckboxGroupItemControl<any>, "sd-checkbox-group-item", never, { "value": { "alias": "value"; "required": true; "isSignal": true; }; "inline": { "alias": "inline"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+//# sourceMappingURL=sd-checkbox-group-item.control.d.ts.map

package/dist/ui/form/checkbox/sd-checkbox-group-item.control.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sd-checkbox-group-item.control.d.ts","sourceRoot":"","sources":["..\\..\\..\\..\\src\\ui\\form\\checkbox\\sd-checkbox-group-item.control.ts"],"names":[],"mappings":";AAaA,qBAiBa,0BAA0B,CAAC,CAAC;IACvC,OAAO,CAAC,QAAQ,CAAC,cAAc,CAE7B;IAEF,KAAK,yCAAuB;IAC5B,MAAM,qEAAiD;IAEvD,UAAU,0CAAsE;IAChF,QAAQ,0CAAkD;IAE1D,gBAAgB,CAAC,QAAQ,EAAE,OAAO;yCAXvB,0BAA0B;2CAA1B,0BAA0B;CAoBtC"}

package/dist/ui/form/checkbox/sd-checkbox-group-item.control.js

@@ -0,0 +1,53 @@
+import { booleanAttribute, ChangeDetectionStrategy, Component, computed, forwardRef, inject, input, ViewEncapsulation, } from "@angular/core";
+import { SdCheckboxGroupControl } from "./sd-checkbox-group.control";
+import { SdCheckboxControl } from "./sd-checkbox.control";
+import * as i0 from "@angular/core";
+const _c0 = ["*"];
+export class SdCheckboxGroupItemControl {
+    _parentControl = inject(forwardRef(() => SdCheckboxGroupControl));
+    value = input.required(...(ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []));
+    inline = input(false, { ...(ngDevMode ? { debugName: "inline" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    isSelected = computed(() => this._parentControl.value().includes(this.value()), ...(ngDevMode ? [{ debugName: "isSelected" }] : /* istanbul ignore next */ []));
+    disabled = computed(() => this._parentControl.disabled(), ...(ngDevMode ? [{ debugName: "disabled" }] : /* istanbul ignore next */ []));
+    onSelectedChange(selected) {
+        this._parentControl.value.update((v) => {
+            if (selected) {
+                return [...v, this.value()];
+            }
+            else {
+                return v.filter((item) => item !== this.value());
+            }
+        });
+    }
+    static ɵfac = function SdCheckboxGroupItemControl_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SdCheckboxGroupItemControl)(); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SdCheckboxGroupItemControl, selectors: [["sd-checkbox-group-item"]], inputs: { value: [1, "value"], inline: [1, "inline"] }, ngContentSelectors: _c0, decls: 2, vars: 3, consts: [[3, "valueChange", "value", "inline", "disabled"]], template: function SdCheckboxGroupItemControl_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵprojectionDef();
+            i0.ɵɵelementStart(0, "sd-checkbox", 0);
+            i0.ɵɵlistener("valueChange", function SdCheckboxGroupItemControl_Template_sd_checkbox_valueChange_0_listener($event) { return ctx.onSelectedChange($event); });
+            i0.ɵɵprojection(1);
+            i0.ɵɵelementEnd();
+        } if (rf & 2) {
+            i0.ɵɵproperty("value", ctx.isSelected())("inline", ctx.inline())("disabled", ctx.disabled());
+        } }, dependencies: [SdCheckboxControl], encapsulation: 2, changeDetection: 0 });
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SdCheckboxGroupItemControl, [{
+        type: Component,
+        args: [{
+                selector: "sd-checkbox-group-item",
+                changeDetection: ChangeDetectionStrategy.OnPush,
+                encapsulation: ViewEncapsulation.None,
+                standalone: true,
+                imports: [SdCheckboxControl],
+                template: `
+    <sd-checkbox
+      [value]="isSelected()"
+      (valueChange)="onSelectedChange($event)"
+      [inline]="inline()"
+      [disabled]="disabled()"
+    >
+      <ng-content></ng-content>
+    </sd-checkbox>
+  `,
+            }]
+    }], null, { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: true }] }], inline: [{ type: i0.Input, args: [{ isSignal: true, alias: "inline", required: false }] }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SdCheckboxGroupItemControl, { className: "SdCheckboxGroupItemControl", filePath: "packages/angular/src/ui/form/checkbox/sd-checkbox-group-item.control.ts", lineNumber: 31 }); })();

package/dist/ui/form/checkbox/sd-checkbox-group.control.d.ts

@@ -0,0 +1,8 @@
+import * as i0 from "@angular/core";
+export declare class SdCheckboxGroupControl<T> {
+    value: import("@angular/core").ModelSignal<T[]>;
+    disabled: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SdCheckboxGroupControl<any>, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SdCheckboxGroupControl<any>, "sd-checkbox-group", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, never, ["*"], true, never>;
+}
+//# sourceMappingURL=sd-checkbox-group.control.d.ts.map

package/dist/ui/form/checkbox/sd-checkbox-group.control.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sd-checkbox-group.control.d.ts","sourceRoot":"","sources":["..\\..\\..\\..\\src\\ui\\form\\checkbox\\sd-checkbox-group.control.ts"],"names":[],"mappings":";AASA,qBAUa,sBAAsB,CAAC,CAAC;IACnC,KAAK,2CAAkB;IAEvB,QAAQ,qEAAiD;yCAH9C,sBAAsB;2CAAtB,sBAAsB;CAIlC"}

package/dist/ui/form/checkbox/sd-checkbox-group.control.js

@@ -0,0 +1,26 @@
+import { booleanAttribute, ChangeDetectionStrategy, Component, input, model, ViewEncapsulation, } from "@angular/core";
+import * as i0 from "@angular/core";
+const _c0 = ["*"];
+export class SdCheckboxGroupControl {
+    value = model([], ...(ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []));
+    disabled = input(false, { ...(ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    static ɵfac = function SdCheckboxGroupControl_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SdCheckboxGroupControl)(); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SdCheckboxGroupControl, selectors: [["sd-checkbox-group"]], inputs: { value: [1, "value"], disabled: [1, "disabled"] }, outputs: { value: "valueChange" }, ngContentSelectors: _c0, decls: 1, vars: 0, template: function SdCheckboxGroupControl_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵprojectionDef();
+            i0.ɵɵprojection(0);
+        } }, encapsulation: 2, changeDetection: 0 });
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SdCheckboxGroupControl, [{
+        type: Component,
+        args: [{
+                selector: "sd-checkbox-group",
+                changeDetection: ChangeDetectionStrategy.OnPush,
+                encapsulation: ViewEncapsulation.None,
+                standalone: true,
+                imports: [],
+                template: `
+    <ng-content></ng-content>
+  `,
+            }]
+    }], null, { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SdCheckboxGroupControl, { className: "SdCheckboxGroupControl", filePath: "packages/angular/src/ui/form/checkbox/sd-checkbox-group.control.ts", lineNumber: 20 }); })();

package/dist/ui/form/checkbox/sd-checkbox.control.d.ts

@@ -0,0 +1,19 @@
+import * as i0 from "@angular/core";
+export declare class SdCheckboxControl {
+    value: import("@angular/core").ModelSignal<boolean>;
+    canChangeFn: import("@angular/core").InputSignal<(item: boolean) => boolean | Promise<boolean>>;
+    icon: import("@angular/core").InputSignal<string>;
+    radio: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    disabled: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    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>;
+    contentStyle: import("@angular/core").InputSignal<string | undefined>;
+    constructor();
+    onClick(): void;
+    onKeydown(event: KeyboardEvent): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SdCheckboxControl, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SdCheckboxControl, "sd-checkbox", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "canChangeFn": { "alias": "canChangeFn"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "radio": { "alias": "radio"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "inline": { "alias": "inline"; "required": false; "isSignal": true; }; "inset": { "alias": "inset"; "required": false; "isSignal": true; }; "theme": { "alias": "theme"; "required": false; "isSignal": true; }; "contentStyle": { "alias": "contentStyle"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, never, ["*"], true, never>;
+}
+//# sourceMappingURL=sd-checkbox.control.d.ts.map

package/dist/ui/form/checkbox/sd-checkbox.control.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sd-checkbox.control.d.ts","sourceRoot":"","sources":["..\\..\\..\\..\\src\\ui\\form\\checkbox\\sd-checkbox.control.ts"],"names":[],"mappings":";AAaA,qBAiPa,iBAAiB;IAC5B,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;IASP,SAAS,CAAC,KAAK,EAAE,aAAa,GAAG,IAAI;yCAvC1B,iBAAiB;2CAAjB,iBAAiB;CAkD7B"}