@simplysm/angular 14.0.26 → 14.0.28

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

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

package/dist/ui/form/checkbox/{sd-checkbox.control.js → sd-checkbox.js}

@@ -5,16 +5,16 @@ import { NgIcon } from "@ng-icons/core";
 import { tablerCheck } from "@ng-icons/tabler-icons";
 import * as i0 from "@angular/core";
 const _c0 = ["*"];
-function SdCheckboxControl_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+function SdCheckbox_Conditional_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "ng-icon", 2);
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
     i0.ɵɵproperty("svg", ctx_r0.icon());
 } }
-function SdCheckboxControl_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+function SdCheckbox_Conditional_3_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "div");
 } }
-export class SdCheckboxControl {
+export class SdCheckbox {
     value = model(false, ...(ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []));
     canChangeFn = input(() => true, ...(ngDevMode ? [{ debugName: "canChangeFn" }] : /* istanbul ignore next */ []));
     icon = input(tablerCheck, ...(ngDevMode ? [{ debugName: "icon" }] : /* istanbul ignore next */ []));
@@ -52,15 +52,15 @@ export class SdCheckboxControl {
             }
         }
     }
-    static ɵfac = function SdCheckboxControl_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SdCheckboxControl)(); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SdCheckboxControl, selectors: [["sd-checkbox"]], hostVars: 8, hostBindings: function SdCheckboxControl_HostBindings(rf, ctx) { if (rf & 1) {
-            i0.ɵɵlistener("click", function SdCheckboxControl_click_HostBindingHandler() { return ctx.onClick(); })("keydown", function SdCheckboxControl_keydown_HostBindingHandler($event) { return ctx.onKeydown($event); });
+    static ɵfac = function SdCheckbox_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SdCheckbox)(); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SdCheckbox, selectors: [["sd-checkbox"]], hostVars: 8, hostBindings: function SdCheckbox_HostBindings(rf, ctx) { if (rf & 1) {
+            i0.ɵɵlistener("click", function SdCheckbox_click_HostBindingHandler() { return ctx.onClick(); })("keydown", function SdCheckbox_keydown_HostBindingHandler($event) { return ctx.onKeydown($event); });
         } if (rf & 2) {
             i0.ɵɵattribute("data-sd-checked", ctx.value())("data-sd-disabled", ctx.disabled())("data-sd-inline", ctx.inline())("data-sd-inset", ctx.inset())("data-sd-radio", ctx.radio())("data-sd-size", ctx.size())("data-sd-theme", ctx.theme())("tabindex", 0);
-        } }, inputs: { value: [1, "value"], canChangeFn: [1, "canChangeFn"], icon: [1, "icon"], radio: [1, "radio"], disabled: [1, "disabled"], size: [1, "size"], inline: [1, "inline"], inset: [1, "inset"], theme: [1, "theme"], contentStyle: [1, "contentStyle"] }, outputs: { value: "valueChange" }, ngContentSelectors: _c0, decls: 6, vars: 3, consts: [[1, "_indicator_rect"], [1, "_indicator"], [3, "svg"], [1, "_contents"]], template: function SdCheckboxControl_Template(rf, ctx) { if (rf & 1) {
+        } }, inputs: { value: [1, "value"], canChangeFn: [1, "canChangeFn"], icon: [1, "icon"], radio: [1, "radio"], disabled: [1, "disabled"], size: [1, "size"], inline: [1, "inline"], inset: [1, "inset"], theme: [1, "theme"], contentStyle: [1, "contentStyle"] }, outputs: { value: "valueChange" }, ngContentSelectors: _c0, decls: 6, vars: 3, consts: [[1, "_indicator_rect"], [1, "_indicator"], [3, "svg"], [1, "_contents"]], template: function SdCheckbox_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef();
             i0.ɵɵelementStart(0, "div", 0)(1, "div", 1);
-            i0.ɵɵconditionalCreate(2, SdCheckboxControl_Conditional_2_Template, 1, 1, "ng-icon", 2)(3, SdCheckboxControl_Conditional_3_Template, 1, 0, "div");
+            i0.ɵɵconditionalCreate(2, SdCheckbox_Conditional_2_Template, 1, 1, "ng-icon", 2)(3, SdCheckbox_Conditional_3_Template, 1, 0, "div");
             i0.ɵɵelementEnd()();
             i0.ɵɵelementStart(4, "div", 3);
             i0.ɵɵprojection(5);
@@ -72,7 +72,7 @@ export class SdCheckboxControl {
             i0.ɵɵstyleMap(ctx.contentStyle());
         } }, dependencies: [NgIcon], styles: ["sd-checkbox {\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  color: inherit;\n  cursor: pointer;\n  height: calc(var(--font-size-default) * var(--line-height-strip-unit) + var(--gap-sm) * 2 + 2px);\n  gap: var(--gap-sm);\n}\n@supports not (appearance: auto) {\n  sd-checkbox {\n    gap: 0;\n  }\n  sd-checkbox > * + * {\n    margin-left: var(--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(--font-size-default) + 2px);\n  height: calc(var(--font-size-default) + 2px);\n  border: 1px solid var(--trans-light);\n  background: var(--theme-secondary-lightest);\n}\nsd-checkbox > ._indicator_rect > ._indicator {\n  margin: -1px -2px;\n  text-align: center;\n  opacity: 0;\n  color: var(--text-trans-rev-default);\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(--gap-sm);\n}\nsd-checkbox > ._indicator_rect + ._contents:empty {\n  display: none;\n}\nsd-checkbox:focus > ._indicator_rect {\n  border-color: var(--theme-primary-dark);\n}\nsd-checkbox[data-sd-checked=true] > ._indicator_rect {\n  background: var(--theme-primary-default);\n}\nsd-checkbox[data-sd-checked=true] > ._indicator_rect > ._indicator {\n  opacity: 1;\n}\nsd-checkbox[data-sd-theme=gray] > ._indicator_rect {\n  background: var(--theme-gray-lightest);\n}\nsd-checkbox[data-sd-theme=gray] > ._indicator_rect > ._indicator {\n  color: var(--theme-gray-default);\n}\nsd-checkbox[data-sd-theme=gray]:focus > ._indicator_rect {\n  border-color: var(--theme-gray-default);\n}\nsd-checkbox[data-sd-theme=gray][data-sd-checked=true] > ._indicator_rect {\n  background: var(--theme-gray-default);\n}\nsd-checkbox[data-sd-theme=gray][data-sd-checked=true] > ._indicator_rect > ._indicator {\n  color: var(--text-trans-rev-default);\n}\nsd-checkbox[data-sd-theme=blue-gray] > ._indicator_rect {\n  background: var(--theme-blue-gray-lightest);\n}\nsd-checkbox[data-sd-theme=blue-gray] > ._indicator_rect > ._indicator {\n  color: var(--theme-blue-gray-default);\n}\nsd-checkbox[data-sd-theme=blue-gray]:focus > ._indicator_rect {\n  border-color: var(--theme-blue-gray-default);\n}\nsd-checkbox[data-sd-theme=blue-gray][data-sd-checked=true] > ._indicator_rect {\n  background: var(--theme-blue-gray-default);\n}\nsd-checkbox[data-sd-theme=blue-gray][data-sd-checked=true] > ._indicator_rect > ._indicator {\n  color: var(--text-trans-rev-default);\n}\nsd-checkbox[data-sd-theme=primary] > ._indicator_rect {\n  background: var(--theme-primary-lightest);\n}\nsd-checkbox[data-sd-theme=primary] > ._indicator_rect > ._indicator {\n  color: var(--theme-primary-default);\n}\nsd-checkbox[data-sd-theme=primary]:focus > ._indicator_rect {\n  border-color: var(--theme-primary-default);\n}\nsd-checkbox[data-sd-theme=primary][data-sd-checked=true] > ._indicator_rect {\n  background: var(--theme-primary-default);\n}\nsd-checkbox[data-sd-theme=primary][data-sd-checked=true] > ._indicator_rect > ._indicator {\n  color: var(--text-trans-rev-default);\n}\nsd-checkbox[data-sd-theme=secondary] > ._indicator_rect {\n  background: var(--theme-secondary-lightest);\n}\nsd-checkbox[data-sd-theme=secondary] > ._indicator_rect > ._indicator {\n  color: var(--theme-secondary-default);\n}\nsd-checkbox[data-sd-theme=secondary]:focus > ._indicator_rect {\n  border-color: var(--theme-secondary-default);\n}\nsd-checkbox[data-sd-theme=secondary][data-sd-checked=true] > ._indicator_rect {\n  background: var(--theme-secondary-default);\n}\nsd-checkbox[data-sd-theme=secondary][data-sd-checked=true] > ._indicator_rect > ._indicator {\n  color: var(--text-trans-rev-default);\n}\nsd-checkbox[data-sd-theme=info] > ._indicator_rect {\n  background: var(--theme-info-lightest);\n}\nsd-checkbox[data-sd-theme=info] > ._indicator_rect > ._indicator {\n  color: var(--theme-info-default);\n}\nsd-checkbox[data-sd-theme=info]:focus > ._indicator_rect {\n  border-color: var(--theme-info-default);\n}\nsd-checkbox[data-sd-theme=info][data-sd-checked=true] > ._indicator_rect {\n  background: var(--theme-info-default);\n}\nsd-checkbox[data-sd-theme=info][data-sd-checked=true] > ._indicator_rect > ._indicator {\n  color: var(--text-trans-rev-default);\n}\nsd-checkbox[data-sd-theme=success] > ._indicator_rect {\n  background: var(--theme-success-lightest);\n}\nsd-checkbox[data-sd-theme=success] > ._indicator_rect > ._indicator {\n  color: var(--theme-success-default);\n}\nsd-checkbox[data-sd-theme=success]:focus > ._indicator_rect {\n  border-color: var(--theme-success-default);\n}\nsd-checkbox[data-sd-theme=success][data-sd-checked=true] > ._indicator_rect {\n  background: var(--theme-success-default);\n}\nsd-checkbox[data-sd-theme=success][data-sd-checked=true] > ._indicator_rect > ._indicator {\n  color: var(--text-trans-rev-default);\n}\nsd-checkbox[data-sd-theme=warning] > ._indicator_rect {\n  background: var(--theme-warning-lightest);\n}\nsd-checkbox[data-sd-theme=warning] > ._indicator_rect > ._indicator {\n  color: var(--theme-warning-default);\n}\nsd-checkbox[data-sd-theme=warning]:focus > ._indicator_rect {\n  border-color: var(--theme-warning-default);\n}\nsd-checkbox[data-sd-theme=warning][data-sd-checked=true] > ._indicator_rect {\n  background: var(--theme-warning-default);\n}\nsd-checkbox[data-sd-theme=warning][data-sd-checked=true] > ._indicator_rect > ._indicator {\n  color: var(--text-trans-rev-default);\n}\nsd-checkbox[data-sd-theme=danger] > ._indicator_rect {\n  background: var(--theme-danger-lightest);\n}\nsd-checkbox[data-sd-theme=danger] > ._indicator_rect > ._indicator {\n  color: var(--theme-danger-default);\n}\nsd-checkbox[data-sd-theme=danger]:focus > ._indicator_rect {\n  border-color: var(--theme-danger-default);\n}\nsd-checkbox[data-sd-theme=danger][data-sd-checked=true] > ._indicator_rect {\n  background: var(--theme-danger-default);\n}\nsd-checkbox[data-sd-theme=danger][data-sd-checked=true] > ._indicator_rect > ._indicator {\n  color: var(--text-trans-rev-default);\n}\nsd-checkbox[data-sd-theme=white] > ._indicator_rect {\n  background: var(--control-color);\n  border-color: var(--text-trans-lightest);\n}\nsd-checkbox[data-sd-theme=white]:focus > ._indicator_rect {\n  border-color: var(--text-trans-default);\n}\nsd-checkbox[data-sd-theme=white][data-sd-checked=true] > ._indicator_rect {\n  background: var(--theme-primary-default);\n}\nsd-checkbox[data-sd-radio=true] > ._indicator_rect {\n  border-radius: 100%;\n  padding: var(--gap-xs);\n}\nsd-checkbox[data-sd-radio=true] > ._indicator_rect > ._indicator {\n  border-radius: 100%;\n  width: 100%;\n  height: 100%;\n  background: var(--theme-primary-default);\n}\nsd-checkbox[data-sd-radio=true][data-sd-checked=true] > ._indicator_rect {\n  background: var(--theme-secondary-lightest);\n  border-color: var(--theme-primary-dark);\n}\nsd-checkbox[data-sd-size=sm] {\n  height: calc(var(--font-size-default) * var(--line-height-strip-unit) + var(--gap-xs) * 2 + 2px);\n  padding: var(--gap-xs) var(--gap-sm);\n  gap: var(--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(--gap-xs);\n  }\n}\nsd-checkbox[data-sd-size=lg] {\n  height: calc(var(--font-size-default) * var(--line-height-strip-unit) + var(--gap-default) * 2 + 2px);\n  padding: var(--gap-default) var(--gap-lg);\n  gap: var(--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(--gap-default);\n  }\n}\nsd-checkbox[data-sd-inset=true] {\n  height: calc(var(--font-size-default) * var(--line-height-strip-unit) + var(--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(--font-size-default) * var(--line-height-strip-unit) + var(--gap-xs) * 2);\n}\nsd-checkbox[data-sd-inset=true][data-sd-size=lg] {\n  height: calc(var(--font-size-default) * var(--line-height-strip-unit) + var(--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(--font-size-default) * var(--line-height-strip-unit));\n  width: auto;\n}\nsd-checkbox[data-sd-disabled=true] {\n  opacity: 0.3;\n  pointer-events: none;\n}"], encapsulation: 2, changeDetection: 0 });
 }
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SdCheckboxControl, [{
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SdCheckbox, [{
         type: Component,
         args: [{ selector: "sd-checkbox", changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, standalone: true, imports: [NgIcon], template: `
     <div class="_indicator_rect">
@@ -100,4 +100,4 @@ export class SdCheckboxControl {
                     "(keydown)": "onKeydown($event)",
                 }, styles: ["sd-checkbox {\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  color: inherit;\n  cursor: pointer;\n  height: calc(var(--font-size-default) * var(--line-height-strip-unit) + var(--gap-sm) * 2 + 2px);\n  gap: var(--gap-sm);\n}\n@supports not (appearance: auto) {\n  sd-checkbox {\n    gap: 0;\n  }\n  sd-checkbox > * + * {\n    margin-left: var(--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(--font-size-default) + 2px);\n  height: calc(var(--font-size-default) + 2px);\n  border: 1px solid var(--trans-light);\n  background: var(--theme-secondary-lightest);\n}\nsd-checkbox > ._indicator_rect > ._indicator {\n  margin: -1px -2px;\n  text-align: center;\n  opacity: 0;\n  color: var(--text-trans-rev-default);\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(--gap-sm);\n}\nsd-checkbox > ._indicator_rect + ._contents:empty {\n  display: none;\n}\nsd-checkbox:focus > ._indicator_rect {\n  border-color: var(--theme-primary-dark);\n}\nsd-checkbox[data-sd-checked=true] > ._indicator_rect {\n  background: var(--theme-primary-default);\n}\nsd-checkbox[data-sd-checked=true] > ._indicator_rect > ._indicator {\n  opacity: 1;\n}\nsd-checkbox[data-sd-theme=gray] > ._indicator_rect {\n  background: var(--theme-gray-lightest);\n}\nsd-checkbox[data-sd-theme=gray] > ._indicator_rect > ._indicator {\n  color: var(--theme-gray-default);\n}\nsd-checkbox[data-sd-theme=gray]:focus > ._indicator_rect {\n  border-color: var(--theme-gray-default);\n}\nsd-checkbox[data-sd-theme=gray][data-sd-checked=true] > ._indicator_rect {\n  background: var(--theme-gray-default);\n}\nsd-checkbox[data-sd-theme=gray][data-sd-checked=true] > ._indicator_rect > ._indicator {\n  color: var(--text-trans-rev-default);\n}\nsd-checkbox[data-sd-theme=blue-gray] > ._indicator_rect {\n  background: var(--theme-blue-gray-lightest);\n}\nsd-checkbox[data-sd-theme=blue-gray] > ._indicator_rect > ._indicator {\n  color: var(--theme-blue-gray-default);\n}\nsd-checkbox[data-sd-theme=blue-gray]:focus > ._indicator_rect {\n  border-color: var(--theme-blue-gray-default);\n}\nsd-checkbox[data-sd-theme=blue-gray][data-sd-checked=true] > ._indicator_rect {\n  background: var(--theme-blue-gray-default);\n}\nsd-checkbox[data-sd-theme=blue-gray][data-sd-checked=true] > ._indicator_rect > ._indicator {\n  color: var(--text-trans-rev-default);\n}\nsd-checkbox[data-sd-theme=primary] > ._indicator_rect {\n  background: var(--theme-primary-lightest);\n}\nsd-checkbox[data-sd-theme=primary] > ._indicator_rect > ._indicator {\n  color: var(--theme-primary-default);\n}\nsd-checkbox[data-sd-theme=primary]:focus > ._indicator_rect {\n  border-color: var(--theme-primary-default);\n}\nsd-checkbox[data-sd-theme=primary][data-sd-checked=true] > ._indicator_rect {\n  background: var(--theme-primary-default);\n}\nsd-checkbox[data-sd-theme=primary][data-sd-checked=true] > ._indicator_rect > ._indicator {\n  color: var(--text-trans-rev-default);\n}\nsd-checkbox[data-sd-theme=secondary] > ._indicator_rect {\n  background: var(--theme-secondary-lightest);\n}\nsd-checkbox[data-sd-theme=secondary] > ._indicator_rect > ._indicator {\n  color: var(--theme-secondary-default);\n}\nsd-checkbox[data-sd-theme=secondary]:focus > ._indicator_rect {\n  border-color: var(--theme-secondary-default);\n}\nsd-checkbox[data-sd-theme=secondary][data-sd-checked=true] > ._indicator_rect {\n  background: var(--theme-secondary-default);\n}\nsd-checkbox[data-sd-theme=secondary][data-sd-checked=true] > ._indicator_rect > ._indicator {\n  color: var(--text-trans-rev-default);\n}\nsd-checkbox[data-sd-theme=info] > ._indicator_rect {\n  background: var(--theme-info-lightest);\n}\nsd-checkbox[data-sd-theme=info] > ._indicator_rect > ._indicator {\n  color: var(--theme-info-default);\n}\nsd-checkbox[data-sd-theme=info]:focus > ._indicator_rect {\n  border-color: var(--theme-info-default);\n}\nsd-checkbox[data-sd-theme=info][data-sd-checked=true] > ._indicator_rect {\n  background: var(--theme-info-default);\n}\nsd-checkbox[data-sd-theme=info][data-sd-checked=true] > ._indicator_rect > ._indicator {\n  color: var(--text-trans-rev-default);\n}\nsd-checkbox[data-sd-theme=success] > ._indicator_rect {\n  background: var(--theme-success-lightest);\n}\nsd-checkbox[data-sd-theme=success] > ._indicator_rect > ._indicator {\n  color: var(--theme-success-default);\n}\nsd-checkbox[data-sd-theme=success]:focus > ._indicator_rect {\n  border-color: var(--theme-success-default);\n}\nsd-checkbox[data-sd-theme=success][data-sd-checked=true] > ._indicator_rect {\n  background: var(--theme-success-default);\n}\nsd-checkbox[data-sd-theme=success][data-sd-checked=true] > ._indicator_rect > ._indicator {\n  color: var(--text-trans-rev-default);\n}\nsd-checkbox[data-sd-theme=warning] > ._indicator_rect {\n  background: var(--theme-warning-lightest);\n}\nsd-checkbox[data-sd-theme=warning] > ._indicator_rect > ._indicator {\n  color: var(--theme-warning-default);\n}\nsd-checkbox[data-sd-theme=warning]:focus > ._indicator_rect {\n  border-color: var(--theme-warning-default);\n}\nsd-checkbox[data-sd-theme=warning][data-sd-checked=true] > ._indicator_rect {\n  background: var(--theme-warning-default);\n}\nsd-checkbox[data-sd-theme=warning][data-sd-checked=true] > ._indicator_rect > ._indicator {\n  color: var(--text-trans-rev-default);\n}\nsd-checkbox[data-sd-theme=danger] > ._indicator_rect {\n  background: var(--theme-danger-lightest);\n}\nsd-checkbox[data-sd-theme=danger] > ._indicator_rect > ._indicator {\n  color: var(--theme-danger-default);\n}\nsd-checkbox[data-sd-theme=danger]:focus > ._indicator_rect {\n  border-color: var(--theme-danger-default);\n}\nsd-checkbox[data-sd-theme=danger][data-sd-checked=true] > ._indicator_rect {\n  background: var(--theme-danger-default);\n}\nsd-checkbox[data-sd-theme=danger][data-sd-checked=true] > ._indicator_rect > ._indicator {\n  color: var(--text-trans-rev-default);\n}\nsd-checkbox[data-sd-theme=white] > ._indicator_rect {\n  background: var(--control-color);\n  border-color: var(--text-trans-lightest);\n}\nsd-checkbox[data-sd-theme=white]:focus > ._indicator_rect {\n  border-color: var(--text-trans-default);\n}\nsd-checkbox[data-sd-theme=white][data-sd-checked=true] > ._indicator_rect {\n  background: var(--theme-primary-default);\n}\nsd-checkbox[data-sd-radio=true] > ._indicator_rect {\n  border-radius: 100%;\n  padding: var(--gap-xs);\n}\nsd-checkbox[data-sd-radio=true] > ._indicator_rect > ._indicator {\n  border-radius: 100%;\n  width: 100%;\n  height: 100%;\n  background: var(--theme-primary-default);\n}\nsd-checkbox[data-sd-radio=true][data-sd-checked=true] > ._indicator_rect {\n  background: var(--theme-secondary-lightest);\n  border-color: var(--theme-primary-dark);\n}\nsd-checkbox[data-sd-size=sm] {\n  height: calc(var(--font-size-default) * var(--line-height-strip-unit) + var(--gap-xs) * 2 + 2px);\n  padding: var(--gap-xs) var(--gap-sm);\n  gap: var(--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(--gap-xs);\n  }\n}\nsd-checkbox[data-sd-size=lg] {\n  height: calc(var(--font-size-default) * var(--line-height-strip-unit) + var(--gap-default) * 2 + 2px);\n  padding: var(--gap-default) var(--gap-lg);\n  gap: var(--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(--gap-default);\n  }\n}\nsd-checkbox[data-sd-inset=true] {\n  height: calc(var(--font-size-default) * var(--line-height-strip-unit) + var(--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(--font-size-default) * var(--line-height-strip-unit) + var(--gap-xs) * 2);\n}\nsd-checkbox[data-sd-inset=true][data-sd-size=lg] {\n  height: calc(var(--font-size-default) * var(--line-height-strip-unit) + var(--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(--font-size-default) * var(--line-height-strip-unit));\n  width: auto;\n}\nsd-checkbox[data-sd-disabled=true] {\n  opacity: 0.3;\n  pointer-events: none;\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(SdCheckboxControl, { className: "SdCheckboxControl", filePath: "packages/angular/src/ui/form/checkbox/sd-checkbox.control.ts", lineNumber: 255, forbidOrphanRendering: true }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SdCheckbox, { className: "SdCheckbox", filePath: "packages/angular/src/ui/form/checkbox/sd-checkbox.ts", lineNumber: 255, forbidOrphanRendering: true }); })();

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

@@ -0,0 +1,14 @@
+import * as i0 from "@angular/core";
+export declare class SdSwitch {
+    value: import("@angular/core").ModelSignal<boolean>;
+    disabled: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    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>;
+    onClick(event: Event): void;
+    onKeydown(event: KeyboardEvent): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SdSwitch, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SdSwitch, "sd-switch", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "inline": { "alias": "inline"; "required": false; "isSignal": true; }; "inset": { "alias": "inset"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "theme": { "alias": "theme"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, never, never, true, never>;
+}
+//# sourceMappingURL=sd-switch.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"sd-switch.d.ts","sourceRoot":"","sources":["../../../../src/ui/form/checkbox/sd-switch.ts"],"names":[],"mappings":";AASA,qBA2Ga,QAAQ;IACnB,KAAK,+CAAgB;IAErB,QAAQ,qEAAiD;IACzD,MAAM,qEAAiD;IACvD,KAAK,qEAAiD;IAEtD,IAAI,+DAAwB;IAC5B,KAAK,8IAED;IAEJ,OAAO,CAAC,KAAK,EAAE,KAAK;IASpB,SAAS,CAAC,KAAK,EAAE,aAAa;yCArBnB,QAAQ;2CAAR,QAAQ;CA4BpB"}

package/dist/ui/form/checkbox/{sd-switch.control.js → sd-switch.js}

@@ -1,6 +1,6 @@
 import { booleanAttribute, ChangeDetectionStrategy, Component, input, model, ViewEncapsulation, } from "@angular/core";
 import * as i0 from "@angular/core";
-export class SdSwitchControl {
+export class SdSwitch {
     value = model(false, ...(ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []));
     disabled = input(false, { ...(ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
     inline = input(false, { ...(ngDevMode ? { debugName: "inline" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
@@ -22,18 +22,18 @@ export class SdSwitchControl {
             this.value.update((v) => !v);
         }
     }
-    static ɵfac = function SdSwitchControl_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SdSwitchControl)(); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SdSwitchControl, selectors: [["sd-switch"]], hostVars: 7, hostBindings: function SdSwitchControl_HostBindings(rf, ctx) { if (rf & 1) {
-            i0.ɵɵlistener("click", function SdSwitchControl_click_HostBindingHandler($event) { return ctx.onClick($event); })("keydown", function SdSwitchControl_keydown_HostBindingHandler($event) { return ctx.onKeydown($event); });
+    static ɵfac = function SdSwitch_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SdSwitch)(); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SdSwitch, selectors: [["sd-switch"]], hostVars: 7, hostBindings: function SdSwitch_HostBindings(rf, ctx) { if (rf & 1) {
+            i0.ɵɵlistener("click", function SdSwitch_click_HostBindingHandler($event) { return ctx.onClick($event); })("keydown", function SdSwitch_keydown_HostBindingHandler($event) { return ctx.onKeydown($event); });
         } if (rf & 2) {
             i0.ɵɵattribute("data-sd-on", ctx.value())("data-sd-disabled", ctx.disabled())("data-sd-inline", ctx.inline())("data-sd-inset", ctx.inset())("data-sd-size", ctx.size())("data-sd-theme", ctx.theme())("tabindex", "0");
-        } }, inputs: { value: [1, "value"], disabled: [1, "disabled"], inline: [1, "inline"], inset: [1, "inset"], size: [1, "size"], theme: [1, "theme"] }, outputs: { value: "valueChange" }, decls: 2, vars: 0, template: function SdSwitchControl_Template(rf, ctx) { if (rf & 1) {
+        } }, inputs: { value: [1, "value"], disabled: [1, "disabled"], inline: [1, "inline"], inset: [1, "inset"], size: [1, "size"], theme: [1, "theme"] }, outputs: { value: "valueChange" }, decls: 2, vars: 0, template: function SdSwitch_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵdomElementStart(0, "div");
             i0.ɵɵdomElement(1, "div");
             i0.ɵɵdomElementEnd();
         } }, styles: ["sd-switch {\n  display: block;\n  padding: var(--gap-sm) 0;\n  border: 1px solid transparent;\n  vertical-align: top;\n  cursor: pointer;\n}\nsd-switch > div {\n  height: var(--line-height);\n  width: calc(var(--line-height) * 2 - var(--gap-xs));\n  padding: calc(var(--gap-xs) / 2);\n  border-radius: calc(var(--line-height) / 2);\n  text-align: left;\n  background: var(--theme-gray-lighter);\n}\nsd-switch > div > div {\n  display: inline-block;\n  width: calc(var(--line-height) - var(--gap-xs));\n  height: calc(var(--line-height) - var(--gap-xs));\n  border-radius: 100%;\n  background: var(--control-color);\n  transition: transform var(--animation-duration);\n}\nsd-switch[data-sd-on=true] > div {\n  background: var(--theme-success-default);\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(--gap-sm) 0;\n}\nsd-switch[data-sd-size=lg] {\n  padding: var(--gap-default) 0;\n}\nsd-switch[data-sd-theme=gray][data-sd-on=true] > div {\n  background: var(--theme-gray-default);\n}\nsd-switch[data-sd-theme=blue-gray][data-sd-on=true] > div {\n  background: var(--theme-blue-gray-default);\n}\nsd-switch[data-sd-theme=primary][data-sd-on=true] > div {\n  background: var(--theme-primary-default);\n}\nsd-switch[data-sd-theme=secondary][data-sd-on=true] > div {\n  background: var(--theme-secondary-default);\n}\nsd-switch[data-sd-theme=info][data-sd-on=true] > div {\n  background: var(--theme-info-default);\n}\nsd-switch[data-sd-theme=success][data-sd-on=true] > div {\n  background: var(--theme-success-default);\n}\nsd-switch[data-sd-theme=warning][data-sd-on=true] > div {\n  background: var(--theme-warning-default);\n}\nsd-switch[data-sd-theme=danger][data-sd-on=true] > div {\n  background: var(--theme-danger-default);\n}\nsd-switch[data-sd-disabled=true] > div {\n  opacity: 0.5;\n}\nsd-switch[data-sd-disabled=true] > div > div {\n  background: var(--theme-gray-default);\n}"], encapsulation: 2, changeDetection: 0 });
 }
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SdSwitchControl, [{
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SdSwitch, [{
         type: Component,
         args: [{ selector: "sd-switch", changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, standalone: true, imports: [], host: {
                     "[attr.data-sd-on]": "value()",
@@ -51,4 +51,4 @@ export class SdSwitchControl {
     </div>
   `, styles: ["sd-switch {\n  display: block;\n  padding: var(--gap-sm) 0;\n  border: 1px solid transparent;\n  vertical-align: top;\n  cursor: pointer;\n}\nsd-switch > div {\n  height: var(--line-height);\n  width: calc(var(--line-height) * 2 - var(--gap-xs));\n  padding: calc(var(--gap-xs) / 2);\n  border-radius: calc(var(--line-height) / 2);\n  text-align: left;\n  background: var(--theme-gray-lighter);\n}\nsd-switch > div > div {\n  display: inline-block;\n  width: calc(var(--line-height) - var(--gap-xs));\n  height: calc(var(--line-height) - var(--gap-xs));\n  border-radius: 100%;\n  background: var(--control-color);\n  transition: transform var(--animation-duration);\n}\nsd-switch[data-sd-on=true] > div {\n  background: var(--theme-success-default);\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(--gap-sm) 0;\n}\nsd-switch[data-sd-size=lg] {\n  padding: var(--gap-default) 0;\n}\nsd-switch[data-sd-theme=gray][data-sd-on=true] > div {\n  background: var(--theme-gray-default);\n}\nsd-switch[data-sd-theme=blue-gray][data-sd-on=true] > div {\n  background: var(--theme-blue-gray-default);\n}\nsd-switch[data-sd-theme=primary][data-sd-on=true] > div {\n  background: var(--theme-primary-default);\n}\nsd-switch[data-sd-theme=secondary][data-sd-on=true] > div {\n  background: var(--theme-secondary-default);\n}\nsd-switch[data-sd-theme=info][data-sd-on=true] > div {\n  background: var(--theme-info-default);\n}\nsd-switch[data-sd-theme=success][data-sd-on=true] > div {\n  background: var(--theme-success-default);\n}\nsd-switch[data-sd-theme=warning][data-sd-on=true] > div {\n  background: var(--theme-warning-default);\n}\nsd-switch[data-sd-theme=danger][data-sd-on=true] > div {\n  background: var(--theme-danger-default);\n}\nsd-switch[data-sd-disabled=true] > div {\n  opacity: 0.5;\n}\nsd-switch[data-sd-disabled=true] > div > div {\n  background: var(--theme-gray-default);\n}"] }]
     }], 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 }] }], 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(SdSwitchControl, { className: "SdSwitchControl", filePath: "packages/angular/src/ui/form/checkbox/sd-switch.control.ts", lineNumber: 117, forbidOrphanRendering: true }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SdSwitch, { className: "SdSwitch", filePath: "packages/angular/src/ui/form/checkbox/sd-switch.ts", lineNumber: 117, forbidOrphanRendering: true }); })();

package/dist/ui/form/choice/{sd-state-preset.control.d.ts → sd-state-preset.d.ts}

@@ -1,9 +1,9 @@
 import * as i0 from "@angular/core";
-export interface ISdStatePreset {
+export interface SdStatePresetDef {
     name: string;
     state: any;
 }
-export declare class SdStatePresetControl {
+export declare class SdStatePreset {
     private readonly _sdModal;
     private readonly _sdToast;
     key: import("@angular/core").InputSignal<string>;
@@ -13,12 +13,12 @@ export declare class SdStatePresetControl {
     protected readonly tablerDeviceFloppy = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"stroke-width:var(--ng-icon__stroke-width, 2)\"><path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\"></path><path d=\"M6 4h10l4 4v10a2 2 0 0 1 -2 2h-12a2 2 0 0 1 -2 -2v-12a2 2 0 0 1 2 -2\"></path><path d=\"M12 14m-2 0a2 2 0 1 0 4 0a2 2 0 1 0 -4 0\"></path><path d=\"M14 4l0 4l-6 0l0 -4\"></path></svg>";
     protected readonly tablerX = "<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=\"M18 6l-12 12\"></path><path d=\"M6 6l12 12\"></path></svg>";
     private readonly _configResource;
-    _presets: import("@angular/core").Signal<ISdStatePreset[]>;
+    _presets: import("@angular/core").Signal<SdStatePresetDef[]>;
     onAddClick(): Promise<void>;
-    onPresetClick(preset: ISdStatePreset): void;
-    onSaveClick(preset: ISdStatePreset): void;
-    onDeleteClick(preset: ISdStatePreset): Promise<void>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<SdStatePresetControl, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SdStatePresetControl, "sd-state-preset", never, { "key": { "alias": "key"; "required": true; "isSignal": true; }; "state": { "alias": "state"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, { "state": "stateChange"; }, never, never, true, never>;
+    onPresetClick(preset: SdStatePresetDef): void;
+    onSaveClick(preset: SdStatePresetDef): void;
+    onDeleteClick(preset: SdStatePresetDef): Promise<void>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SdStatePreset, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SdStatePreset, "sd-state-preset", never, { "key": { "alias": "key"; "required": true; "isSignal": true; }; "state": { "alias": "state"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, { "state": "stateChange"; }, never, never, true, never>;
 }
-//# sourceMappingURL=sd-state-preset.control.d.ts.map
+//# sourceMappingURL=sd-state-preset.d.ts.map

package/dist/ui/form/choice/sd-state-preset.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sd-state-preset.d.ts","sourceRoot":"","sources":["../../../../src/ui/form/choice/sd-state-preset.ts"],"names":[],"mappings":";AAmBA,MAAM,WAAW,gBAAgB;IAC/B,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,GAAG,CAAC;CACZ;AAED,qBA6Ea,aAAa;IACxB,OAAO,CAAC,QAAQ,CAAC,QAAQ,CAA2B;IACpD,OAAO,CAAC,QAAQ,CAAC,QAAQ,CAA2B;IAEpD,GAAG,8CAA4B;IAC/B,KAAK,2CAAgB;IACrB,IAAI,+DAAwB;IAE5B,SAAS,CAAC,QAAQ,CAAC,UAAU,wZAAc;IAC3C,SAAS,CAAC,QAAQ,CAAC,kBAAkB,sdAAsB;IAC3D,SAAS,CAAC,QAAQ,CAAC,OAAO,yVAAW;IAErC,OAAO,CAAC,QAAQ,CAAC,eAAe,CAE7B;IAEH,QAAQ,qDAAsD;IAExD,UAAU,IAAI,OAAO,CAAC,IAAI,CAAC;IAsBjC,aAAa,CAAC,MAAM,EAAE,gBAAgB,GAAG,IAAI;IAM7C,WAAW,CAAC,MAAM,EAAE,gBAAgB,GAAG,IAAI;IASrC,aAAa,CAAC,MAAM,EAAE,gBAAgB,GAAG,OAAO,CAAC,IAAI,CAAC;yCAvDjD,aAAa;2CAAb,aAAa;CAuEzB"}

package/dist/ui/form/choice/{sd-state-preset.control.js → sd-state-preset.js}

@@ -1,27 +1,27 @@
 import { ChangeDetectionStrategy, Component, computed, inject, input, model, ViewEncapsulation, } from "@angular/core";
 import { SdModalProvider } from "../../overlay/modal/sd-modal.provider";
 import { SdToastProvider } from "../../../core/providers/sd-toast.provider";
-import { SdPromptModalControl } from "../../overlay/modal/sd-prompt-modal.control";
-import { SdConfirmModalControl } from "../../overlay/modal/sd-confirm-modal.control";
-import { useSdSystemConfigResource } from "../../../core/utils/useSdSystemConfigResource";
-import { SdAnchorControl } from "../button/sd-anchor.control";
+import { SdPromptModal } from "../../overlay/modal/sd-prompt-modal";
+import { SdConfirmModal } from "../../overlay/modal/sd-confirm-modal";
+import { injectSdSystemConfigResource } from "../../../core/utils/injectSdSystemConfigResource";
+import { SdAnchor } from "../button/sd-anchor";
 import { NgIcon } from "@ng-icons/core";
 import { tablerStar, tablerDeviceFloppy, tablerX } from "@ng-icons/tabler-icons";
 import { obj } from "@simplysm/core-common";
 import * as i0 from "@angular/core";
 const _forTrack0 = ($index, $item) => $item.name;
-function SdStatePresetControl_For_4_Template(rf, ctx) { if (rf & 1) {
+function SdStatePreset_For_4_Template(rf, ctx) { if (rf & 1) {
     const _r1 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "div", 3)(1, "sd-anchor", 4);
-    i0.ɵɵlistener("click", function SdStatePresetControl_For_4_Template_sd_anchor_click_1_listener() { const preset_r2 = i0.ɵɵrestoreView(_r1).$implicit; const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.onPresetClick(preset_r2)); });
+    i0.ɵɵlistener("click", function SdStatePreset_For_4_Template_sd_anchor_click_1_listener() { const preset_r2 = i0.ɵɵrestoreView(_r1).$implicit; const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.onPresetClick(preset_r2)); });
     i0.ɵɵtext(2);
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(3, "sd-anchor", 5);
-    i0.ɵɵlistener("click", function SdStatePresetControl_For_4_Template_sd_anchor_click_3_listener() { const preset_r2 = i0.ɵɵrestoreView(_r1).$implicit; const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.onSaveClick(preset_r2)); });
+    i0.ɵɵlistener("click", function SdStatePreset_For_4_Template_sd_anchor_click_3_listener() { const preset_r2 = i0.ɵɵrestoreView(_r1).$implicit; const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.onSaveClick(preset_r2)); });
     i0.ɵɵelement(4, "ng-icon", 2);
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(5, "sd-anchor", 6);
-    i0.ɵɵlistener("click", function SdStatePresetControl_For_4_Template_sd_anchor_click_5_listener() { const preset_r2 = i0.ɵɵrestoreView(_r1).$implicit; const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.onDeleteClick(preset_r2)); });
+    i0.ɵɵlistener("click", function SdStatePreset_For_4_Template_sd_anchor_click_5_listener() { const preset_r2 = i0.ɵɵrestoreView(_r1).$implicit; const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.onDeleteClick(preset_r2)); });
     i0.ɵɵelement(6, "ng-icon", 2);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
@@ -36,7 +36,7 @@ function SdStatePresetControl_For_4_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵadvance();
     i0.ɵɵproperty("svg", ctx_r2.tablerX);
 } }
-export class SdStatePresetControl {
+export class SdStatePreset {
     _sdModal = inject(SdModalProvider);
     _sdToast = inject(SdToastProvider);
     key = input.required(...(ngDevMode ? [{ debugName: "key" }] : /* istanbul ignore next */ []));
@@ -45,14 +45,14 @@ export class SdStatePresetControl {
     tablerStar = tablerStar;
     tablerDeviceFloppy = tablerDeviceFloppy;
     tablerX = tablerX;
-    _configResource = useSdSystemConfigResource({
+    _configResource = injectSdSystemConfigResource({
         key: this.key,
     });
     _presets = computed(() => this._configResource.value() ?? [], ...(ngDevMode ? [{ debugName: "_presets" }] : /* istanbul ignore next */ []));
     async onAddClick() {
         const name = await this._sdModal.showAsync({
             title: "프리셋 추가",
-            type: SdPromptModalControl,
+            type: SdPromptModal,
             inputs: { message: "프리셋 이름을 입력하세요." },
         }, { useCloseByBackdrop: false });
         if (name == null)
@@ -80,7 +80,7 @@ export class SdStatePresetControl {
     async onDeleteClick(preset) {
         const confirmed = await this._sdModal.showAsync({
             title: "프리셋 삭제",
-            type: SdConfirmModalControl,
+            type: SdConfirmModal,
             inputs: { message: `저장된 '${preset.name}' 상태가 삭제됩니다.` },
         }, { useCloseByBackdrop: false });
         if (confirmed !== true)
@@ -89,26 +89,26 @@ export class SdStatePresetControl {
         const filtered = currentPresets.filter((p) => p.name !== preset.name);
         this._configResource.set(filtered);
     }
-    static ɵfac = function SdStatePresetControl_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SdStatePresetControl)(); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SdStatePresetControl, selectors: [["sd-state-preset"]], hostVars: 1, hostBindings: function SdStatePresetControl_HostBindings(rf, ctx) { if (rf & 2) {
+    static ɵfac = function SdStatePreset_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SdStatePreset)(); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SdStatePreset, selectors: [["sd-state-preset"]], hostVars: 1, hostBindings: function SdStatePreset_HostBindings(rf, ctx) { if (rf & 2) {
             i0.ɵɵattribute("data-sd-size", ctx.size());
-        } }, inputs: { key: [1, "key"], state: [1, "state"], size: [1, "size"] }, outputs: { state: "stateChange" }, decls: 5, vars: 1, consts: [[1, "_sd-state-preset"], [1, "_add-btn", 3, "click"], [3, "svg"], [1, "_preset-item"], [1, "_preset-name", 3, "click"], [1, "_preset-save", 3, "click"], [1, "_preset-delete", 3, "click", "theme"]], template: function SdStatePresetControl_Template(rf, ctx) { if (rf & 1) {
+        } }, inputs: { key: [1, "key"], state: [1, "state"], size: [1, "size"] }, outputs: { state: "stateChange" }, decls: 5, vars: 1, consts: [[1, "_sd-state-preset"], [1, "_add-btn", 3, "click"], [3, "svg"], [1, "_preset-item"], [1, "_preset-name", 3, "click"], [1, "_preset-save", 3, "click"], [1, "_preset-delete", 3, "click", "theme"]], template: function SdStatePreset_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "div", 0)(1, "sd-anchor", 1);
-            i0.ɵɵlistener("click", function SdStatePresetControl_Template_sd_anchor_click_1_listener() { return ctx.onAddClick(); });
+            i0.ɵɵlistener("click", function SdStatePreset_Template_sd_anchor_click_1_listener() { return ctx.onAddClick(); });
             i0.ɵɵelement(2, "ng-icon", 2);
             i0.ɵɵelementEnd();
-            i0.ɵɵrepeaterCreate(3, SdStatePresetControl_For_4_Template, 7, 4, "div", 3, _forTrack0);
+            i0.ɵɵrepeaterCreate(3, SdStatePreset_For_4_Template, 7, 4, "div", 3, _forTrack0);
             i0.ɵɵelementEnd();
         } if (rf & 2) {
             i0.ɵɵadvance(2);
             i0.ɵɵproperty("svg", ctx.tablerStar);
             i0.ɵɵadvance();
             i0.ɵɵrepeater(ctx._presets());
-        } }, dependencies: [SdAnchorControl, NgIcon], styles: ["sd-state-preset {\n  display: block;\n}\nsd-state-preset > ._sd-state-preset {\n  display: flex;\n  align-items: center;\n  gap: var(--gap-sm);\n  flex-wrap: wrap;\n}\nsd-state-preset > ._sd-state-preset > ._add-btn {\n  padding: var(--gap-xs);\n}\nsd-state-preset > ._sd-state-preset > ._preset-item {\n  display: inline-flex;\n  align-items: center;\n  gap: var(--gap-xs);\n  border: 1px solid var(--trans-lighter);\n  border-radius: var(--border-radius-default);\n  padding: var(--gap-xs) var(--gap-sm);\n}\nsd-state-preset[data-sd-size=sm] > ._sd-state-preset > ._add-btn {\n  padding: var(--gap-xxs);\n}\nsd-state-preset[data-sd-size=sm] > ._sd-state-preset > ._preset-item {\n  padding: var(--gap-xxs) var(--gap-xs);\n}\nsd-state-preset[data-sd-size=lg] > ._sd-state-preset > ._add-btn {\n  padding: var(--gap-sm);\n}\nsd-state-preset[data-sd-size=lg] > ._sd-state-preset > ._preset-item {\n  padding: var(--gap-sm) var(--gap-default);\n}"], encapsulation: 2, changeDetection: 0 });
+        } }, dependencies: [SdAnchor, NgIcon], styles: ["sd-state-preset {\n  display: block;\n}\nsd-state-preset > ._sd-state-preset {\n  display: flex;\n  align-items: center;\n  gap: var(--gap-sm);\n  flex-wrap: wrap;\n}\nsd-state-preset > ._sd-state-preset > ._add-btn {\n  padding: var(--gap-xs);\n}\nsd-state-preset > ._sd-state-preset > ._preset-item {\n  display: inline-flex;\n  align-items: center;\n  gap: var(--gap-xs);\n  border: 1px solid var(--trans-lighter);\n  border-radius: var(--border-radius-default);\n  padding: var(--gap-xs) var(--gap-sm);\n}\nsd-state-preset[data-sd-size=sm] > ._sd-state-preset > ._add-btn {\n  padding: var(--gap-xxs);\n}\nsd-state-preset[data-sd-size=sm] > ._sd-state-preset > ._preset-item {\n  padding: var(--gap-xxs) var(--gap-xs);\n}\nsd-state-preset[data-sd-size=lg] > ._sd-state-preset > ._add-btn {\n  padding: var(--gap-sm);\n}\nsd-state-preset[data-sd-size=lg] > ._sd-state-preset > ._preset-item {\n  padding: var(--gap-sm) var(--gap-default);\n}"], encapsulation: 2, changeDetection: 0 });
 }
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SdStatePresetControl, [{
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SdStatePreset, [{
         type: Component,
-        args: [{ selector: "sd-state-preset", changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, standalone: true, imports: [SdAnchorControl, NgIcon], template: `
+        args: [{ selector: "sd-state-preset", changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, standalone: true, imports: [SdAnchor, NgIcon], template: `
     <div class="_sd-state-preset">
       <sd-anchor (click)="onAddClick()" class="_add-btn">
         <ng-icon [svg]="tablerStar" />
@@ -131,4 +131,4 @@ export class SdStatePresetControl {
                     "[attr.data-sd-size]": "size()",
                 }, styles: ["sd-state-preset {\n  display: block;\n}\nsd-state-preset > ._sd-state-preset {\n  display: flex;\n  align-items: center;\n  gap: var(--gap-sm);\n  flex-wrap: wrap;\n}\nsd-state-preset > ._sd-state-preset > ._add-btn {\n  padding: var(--gap-xs);\n}\nsd-state-preset > ._sd-state-preset > ._preset-item {\n  display: inline-flex;\n  align-items: center;\n  gap: var(--gap-xs);\n  border: 1px solid var(--trans-lighter);\n  border-radius: var(--border-radius-default);\n  padding: var(--gap-xs) var(--gap-sm);\n}\nsd-state-preset[data-sd-size=sm] > ._sd-state-preset > ._add-btn {\n  padding: var(--gap-xxs);\n}\nsd-state-preset[data-sd-size=sm] > ._sd-state-preset > ._preset-item {\n  padding: var(--gap-xxs) var(--gap-xs);\n}\nsd-state-preset[data-sd-size=lg] > ._sd-state-preset > ._add-btn {\n  padding: var(--gap-sm);\n}\nsd-state-preset[data-sd-size=lg] > ._sd-state-preset > ._preset-item {\n  padding: var(--gap-sm) var(--gap-default);\n}"] }]
     }], null, { key: [{ type: i0.Input, args: [{ isSignal: true, alias: "key", required: true }] }], state: [{ type: i0.Input, args: [{ isSignal: true, alias: "state", required: false }] }, { type: i0.Output, args: ["stateChange"] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SdStatePresetControl, { className: "SdStatePresetControl", filePath: "packages/angular/src/ui/form/choice/sd-state-preset.control.ts", lineNumber: 102, forbidOrphanRendering: true }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SdStatePreset, { className: "SdStatePreset", filePath: "packages/angular/src/ui/form/choice/sd-state-preset.ts", lineNumber: 102, forbidOrphanRendering: true }); })();

package/dist/ui/form/editor/{sd-tiptap-editor.control.d.ts → sd-tiptap-editor.d.ts}

@@ -17,7 +17,7 @@ interface TiptapActiveStates {
     alignRight: boolean;
     alignJustify: boolean;
 }
-export declare class SdTiptapEditorControl {
+export declare class SdTiptapEditor {
     value: import("@angular/core").ModelSignal<string | undefined>;
     disabled: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
     readonly: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
@@ -45,8 +45,8 @@ export declare class SdTiptapEditorControl {
     toggleColorPicker(mode: "text" | "bg"): void;
     applyColor(color: string | undefined): void;
     private refreshActiveStates;
-    static ɵfac: i0.ɵɵFactoryDeclaration<SdTiptapEditorControl, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SdTiptapEditorControl, "sd-tiptap-editor", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "validatorFn": { "alias": "validatorFn"; "required": false; "isSignal": true; }; "extensions": { "alias": "extensions"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, never, never, true, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SdTiptapEditor, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SdTiptapEditor, "sd-tiptap-editor", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "validatorFn": { "alias": "validatorFn"; "required": false; "isSignal": true; }; "extensions": { "alias": "extensions"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, never, never, true, never>;
 }
 export {};
-//# sourceMappingURL=sd-tiptap-editor.control.d.ts.map
+//# sourceMappingURL=sd-tiptap-editor.d.ts.map

package/dist/ui/form/editor/sd-tiptap-editor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sd-tiptap-editor.d.ts","sourceRoot":"","sources":["../../../../src/ui/form/editor/sd-tiptap-editor.ts"],"names":[],"mappings":"AAAA,OAAO,EAcL,KAAK,cAAc,EACpB,MAAM,eAAe,CAAC;AAEvB,OAAO,EAAE,MAAM,EAAE,KAAK,YAAY,EAAE,MAAM,cAAc,CAAC;;AASzD,UAAU,kBAAkB;IAC1B,EAAE,EAAE,OAAO,CAAC;IACZ,EAAE,EAAE,OAAO,CAAC;IACZ,IAAI,EAAE,OAAO,CAAC;IACd,MAAM,EAAE,OAAO,CAAC;IAChB,SAAS,EAAE,OAAO,CAAC;IACnB,MAAM,EAAE,OAAO,CAAC;IAChB,UAAU,EAAE,OAAO,CAAC;IACpB,WAAW,EAAE,OAAO,CAAC;IACrB,UAAU,EAAE,OAAO,CAAC;IACpB,SAAS,EAAE,OAAO,CAAC;IACnB,SAAS,EAAE,OAAO,CAAC;IACnB,WAAW,EAAE,OAAO,CAAC;IACrB,UAAU,EAAE,OAAO,CAAC;IACpB,YAAY,EAAE,OAAO,CAAC;CACvB;AA4BD,qBAsMa,cAAc;IACzB,KAAK,0DAAmB;IACxB,QAAQ,qEAAiD;IACzD,QAAQ,qEAAiD;IACzD,QAAQ,qEAAiD;IACzD,WAAW,0DAAmB;IAC9B,WAAW,+CAAiB,MAAM,GAAG,SAAS,KAAK,MAAM,GAAG,SAAS,eAAI;IACzE,UAAU,kEAA2B;IAErC,OAAO,CAAC,QAAQ,CAAC,KAAK,CAA+C;IACrE,OAAO,CAAC,QAAQ,CAAC,UAAU,CAAsB;IAEjD,QAAQ,CAAC,YAAY,WAMnB;IAEF,YAAY,EAAE,cAAc,CAAC,kBAAkB,CAAC,CAAiC;IACjF,WAAW,yBAAc;IACzB,aAAa,yBAAc;IAC3B,eAAe,4CAAgD;IAE/D,qDAAqD;IACrD,MAAM,EAAE,cAAc,CAAC,MAAM,GAAG,SAAS,CAAC,CAAqB;IAC/D,OAAO,CAAC,cAAc,CAAqB;IAC3C,OAAO,CAAC,cAAc,CAA6B;IAEnD,OAAO,CAAC,QAAQ,CAAC,kBAAkB,CAShC;;IA4DH,OAAO,CAAC,YAAY;IAoBpB,OAAO,CAAC,aAAa;IASrB,OAAO,CAAC,iBAAiB;IAMzB,OAAO,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI;IA4D1B,iBAAiB,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI;IAI5C,UAAU,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,GAAG,IAAI;IAsB3C,OAAO,CAAC,mBAAmB;yCA5NhB,cAAc;2CAAd,cAAc;CAqP1B"}

package/dist/ui/form/editor/{sd-tiptap-editor.control.js → sd-tiptap-editor.js}

@@ -9,22 +9,22 @@ import TextAlign from "@tiptap/extension-text-align";
 import Image from "@tiptap/extension-image";
 import Placeholder from "@tiptap/extension-placeholder";
 import * as i0 from "@angular/core";
-function SdTiptapEditorControl_Conditional_0_Conditional_48_For_2_Template(rf, ctx) { if (rf & 1) {
+function SdTiptapEditor_Conditional_0_Conditional_48_For_2_Template(rf, ctx) { if (rf & 1) {
     const _r4 = i0.ɵɵgetCurrentView();
     i0.ɵɵdomElementStart(0, "button", 26);
-    i0.ɵɵdomListener("click", function SdTiptapEditorControl_Conditional_0_Conditional_48_For_2_Template_button_click_0_listener() { const color_r5 = i0.ɵɵrestoreView(_r4).$implicit; const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.applyColor(color_r5)); });
+    i0.ɵɵdomListener("click", function SdTiptapEditor_Conditional_0_Conditional_48_For_2_Template_button_click_0_listener() { const color_r5 = i0.ɵɵrestoreView(_r4).$implicit; const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.applyColor(color_r5)); });
     i0.ɵɵdomElementEnd();
 } if (rf & 2) {
     const color_r5 = ctx.$implicit;
     i0.ɵɵstyleProp("background-color", color_r5);
     i0.ɵɵattribute("aria-label", color_r5);
 } }
-function SdTiptapEditorControl_Conditional_0_Conditional_48_Template(rf, ctx) { if (rf & 1) {
+function SdTiptapEditor_Conditional_0_Conditional_48_Template(rf, ctx) { if (rf & 1) {
     const _r3 = i0.ɵɵgetCurrentView();
     i0.ɵɵdomElementStart(0, "div", 23);
-    i0.ɵɵrepeaterCreate(1, SdTiptapEditorControl_Conditional_0_Conditional_48_For_2_Template, 1, 3, "button", 24, i0.ɵɵrepeaterTrackByIdentity);
+    i0.ɵɵrepeaterCreate(1, SdTiptapEditor_Conditional_0_Conditional_48_For_2_Template, 1, 3, "button", 24, i0.ɵɵrepeaterTrackByIdentity);
     i0.ɵɵdomElementStart(3, "button", 25);
-    i0.ɵɵdomListener("click", function SdTiptapEditorControl_Conditional_0_Conditional_48_Template_button_click_3_listener() { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.applyColor(undefined)); });
+    i0.ɵɵdomListener("click", function SdTiptapEditor_Conditional_0_Conditional_48_Template_button_click_3_listener() { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.applyColor(undefined)); });
     i0.ɵɵtext(4, "\u2715");
     i0.ɵɵdomElementEnd()();
 } if (rf & 2) {
@@ -32,87 +32,87 @@ function SdTiptapEditorControl_Conditional_0_Conditional_48_Template(rf, ctx) {
     i0.ɵɵadvance();
     i0.ɵɵrepeater(ctx_r1.colorPresets);
 } }
-function SdTiptapEditorControl_Conditional_0_Template(rf, ctx) { if (rf & 1) {
+function SdTiptapEditor_Conditional_0_Template(rf, ctx) { if (rf & 1) {
     const _r1 = i0.ɵɵgetCurrentView();
     i0.ɵɵdomElementStart(0, "div", 1)(1, "div", 2)(2, "button", 3);
-    i0.ɵɵdomListener("click", function SdTiptapEditorControl_Conditional_0_Template_button_click_2_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.execCmd("h1")); });
+    i0.ɵɵdomListener("click", function SdTiptapEditor_Conditional_0_Template_button_click_2_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.execCmd("h1")); });
     i0.ɵɵtext(3, "H1");
     i0.ɵɵdomElementEnd();
     i0.ɵɵdomElementStart(4, "button", 4);
-    i0.ɵɵdomListener("click", function SdTiptapEditorControl_Conditional_0_Template_button_click_4_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.execCmd("h2")); });
+    i0.ɵɵdomListener("click", function SdTiptapEditor_Conditional_0_Template_button_click_4_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.execCmd("h2")); });
     i0.ɵɵtext(5, "H2");
     i0.ɵɵdomElementEnd()();
     i0.ɵɵdomElementStart(6, "div", 2)(7, "button", 5);
-    i0.ɵɵdomListener("click", function SdTiptapEditorControl_Conditional_0_Template_button_click_7_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.execCmd("bold")); });
+    i0.ɵɵdomListener("click", function SdTiptapEditor_Conditional_0_Template_button_click_7_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.execCmd("bold")); });
     i0.ɵɵtext(8, "B");
     i0.ɵɵdomElementEnd();
     i0.ɵɵdomElementStart(9, "button", 6);
-    i0.ɵɵdomListener("click", function SdTiptapEditorControl_Conditional_0_Template_button_click_9_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.execCmd("italic")); });
+    i0.ɵɵdomListener("click", function SdTiptapEditor_Conditional_0_Template_button_click_9_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.execCmd("italic")); });
     i0.ɵɵtext(10, "I");
     i0.ɵɵdomElementEnd();
     i0.ɵɵdomElementStart(11, "button", 7);
-    i0.ɵɵdomListener("click", function SdTiptapEditorControl_Conditional_0_Template_button_click_11_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.execCmd("underline")); });
+    i0.ɵɵdomListener("click", function SdTiptapEditor_Conditional_0_Template_button_click_11_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.execCmd("underline")); });
     i0.ɵɵtext(12, "U");
     i0.ɵɵdomElementEnd();
     i0.ɵɵdomElementStart(13, "button", 8);
-    i0.ɵɵdomListener("click", function SdTiptapEditorControl_Conditional_0_Template_button_click_13_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.execCmd("strike")); });
+    i0.ɵɵdomListener("click", function SdTiptapEditor_Conditional_0_Template_button_click_13_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.execCmd("strike")); });
     i0.ɵɵtext(14, "S");
     i0.ɵɵdomElementEnd()();
     i0.ɵɵdomElementStart(15, "div", 2)(16, "button", 9);
-    i0.ɵɵdomListener("click", function SdTiptapEditorControl_Conditional_0_Template_button_click_16_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.toggleColorPicker("text")); });
+    i0.ɵɵdomListener("click", function SdTiptapEditor_Conditional_0_Template_button_click_16_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.toggleColorPicker("text")); });
     i0.ɵɵdomElement(17, "span", 10);
     i0.ɵɵtext(18, " A ");
     i0.ɵɵdomElementEnd();
     i0.ɵɵdomElementStart(19, "button", 11);
-    i0.ɵɵdomListener("click", function SdTiptapEditorControl_Conditional_0_Template_button_click_19_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.toggleColorPicker("bg")); });
+    i0.ɵɵdomListener("click", function SdTiptapEditor_Conditional_0_Template_button_click_19_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.toggleColorPicker("bg")); });
     i0.ɵɵdomElement(20, "span", 10);
     i0.ɵɵtext(21, " BG ");
     i0.ɵɵdomElementEnd()();
     i0.ɵɵdomElementStart(22, "div", 2)(23, "button", 12);
-    i0.ɵɵdomListener("click", function SdTiptapEditorControl_Conditional_0_Template_button_click_23_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.execCmd("bulletList")); });
+    i0.ɵɵdomListener("click", function SdTiptapEditor_Conditional_0_Template_button_click_23_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.execCmd("bulletList")); });
     i0.ɵɵtext(24, "UL");
     i0.ɵɵdomElementEnd();
     i0.ɵɵdomElementStart(25, "button", 13);
-    i0.ɵɵdomListener("click", function SdTiptapEditorControl_Conditional_0_Template_button_click_25_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.execCmd("orderedList")); });
+    i0.ɵɵdomListener("click", function SdTiptapEditor_Conditional_0_Template_button_click_25_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.execCmd("orderedList")); });
     i0.ɵɵtext(26, "OL");
     i0.ɵɵdomElementEnd();
     i0.ɵɵdomElementStart(27, "button", 14);
-    i0.ɵɵdomListener("click", function SdTiptapEditorControl_Conditional_0_Template_button_click_27_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.execCmd("indent")); });
+    i0.ɵɵdomListener("click", function SdTiptapEditor_Conditional_0_Template_button_click_27_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.execCmd("indent")); });
     i0.ɵɵtext(28, "\u2192");
     i0.ɵɵdomElementEnd();
     i0.ɵɵdomElementStart(29, "button", 15);
-    i0.ɵɵdomListener("click", function SdTiptapEditorControl_Conditional_0_Template_button_click_29_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.execCmd("outdent")); });
+    i0.ɵɵdomListener("click", function SdTiptapEditor_Conditional_0_Template_button_click_29_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.execCmd("outdent")); });
     i0.ɵɵtext(30, "\u2190");
     i0.ɵɵdomElementEnd()();
     i0.ɵɵdomElementStart(31, "div", 2)(32, "button", 16);
-    i0.ɵɵdomListener("click", function SdTiptapEditorControl_Conditional_0_Template_button_click_32_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.execCmd("blockquote")); });
+    i0.ɵɵdomListener("click", function SdTiptapEditor_Conditional_0_Template_button_click_32_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.execCmd("blockquote")); });
     i0.ɵɵtext(33, "\u275D");
     i0.ɵɵdomElementEnd();
     i0.ɵɵdomElementStart(34, "button", 17);
-    i0.ɵɵdomListener("click", function SdTiptapEditorControl_Conditional_0_Template_button_click_34_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.execCmd("codeBlock")); });
+    i0.ɵɵdomListener("click", function SdTiptapEditor_Conditional_0_Template_button_click_34_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.execCmd("codeBlock")); });
     i0.ɵɵtext(35, "</>");
     i0.ɵɵdomElementEnd()();
     i0.ɵɵdomElementStart(36, "div", 2)(37, "button", 18);
-    i0.ɵɵdomListener("click", function SdTiptapEditorControl_Conditional_0_Template_button_click_37_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.execCmd("alignLeft")); });
+    i0.ɵɵdomListener("click", function SdTiptapEditor_Conditional_0_Template_button_click_37_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.execCmd("alignLeft")); });
     i0.ɵɵtext(38, "\u2261L");
     i0.ɵɵdomElementEnd();
     i0.ɵɵdomElementStart(39, "button", 19);
-    i0.ɵɵdomListener("click", function SdTiptapEditorControl_Conditional_0_Template_button_click_39_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.execCmd("alignCenter")); });
+    i0.ɵɵdomListener("click", function SdTiptapEditor_Conditional_0_Template_button_click_39_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.execCmd("alignCenter")); });
     i0.ɵɵtext(40, "\u2261C");
     i0.ɵɵdomElementEnd();
     i0.ɵɵdomElementStart(41, "button", 20);
-    i0.ɵɵdomListener("click", function SdTiptapEditorControl_Conditional_0_Template_button_click_41_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.execCmd("alignRight")); });
+    i0.ɵɵdomListener("click", function SdTiptapEditor_Conditional_0_Template_button_click_41_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.execCmd("alignRight")); });
     i0.ɵɵtext(42, "\u2261R");
     i0.ɵɵdomElementEnd();
     i0.ɵɵdomElementStart(43, "button", 21);
-    i0.ɵɵdomListener("click", function SdTiptapEditorControl_Conditional_0_Template_button_click_43_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.execCmd("alignJustify")); });
+    i0.ɵɵdomListener("click", function SdTiptapEditor_Conditional_0_Template_button_click_43_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.execCmd("alignJustify")); });
     i0.ɵɵtext(44, "\u2261J");
     i0.ɵɵdomElementEnd()();
     i0.ɵɵdomElementStart(45, "div", 2)(46, "button", 22);
-    i0.ɵɵdomListener("click", function SdTiptapEditorControl_Conditional_0_Template_button_click_46_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.execCmd("clean")); });
+    i0.ɵɵdomListener("click", function SdTiptapEditor_Conditional_0_Template_button_click_46_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.execCmd("clean")); });
     i0.ɵɵtext(47, "Tx");
     i0.ɵɵdomElementEnd()()();
-    i0.ɵɵconditionalCreate(48, SdTiptapEditorControl_Conditional_0_Conditional_48_Template, 5, 0, "div", 23);
+    i0.ɵɵconditionalCreate(48, SdTiptapEditor_Conditional_0_Conditional_48_Template, 5, 0, "div", 23);
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext();
     i0.ɵɵadvance(2);
@@ -174,7 +174,7 @@ const DEFAULT_EXTENSIONS = [
     TextAlign.configure({ types: ["heading", "paragraph"] }),
     Image.configure({ inline: false, allowBase64: true }),
 ];
-export class SdTiptapEditorControl {
+export class SdTiptapEditor {
     value = model(...(ngDevMode ? [undefined, { debugName: "value" }] : /* istanbul ignore next */ []));
     disabled = input(false, { ...(ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
     readonly = input(false, { ...(ngDevMode ? { debugName: "readonly" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
@@ -406,17 +406,17 @@ export class SdTiptapEditorControl {
         const bgColor = ed.getAttributes("highlight")["color"];
         this.activeBgColor.set(typeof bgColor === "string" ? bgColor : "");
     }
-    static ɵfac = function SdTiptapEditorControl_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SdTiptapEditorControl)(); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SdTiptapEditorControl, selectors: [["sd-tiptap-editor"]], hostVars: 2, hostBindings: function SdTiptapEditorControl_HostBindings(rf, ctx) { if (rf & 2) {
+    static ɵfac = function SdTiptapEditor_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SdTiptapEditor)(); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SdTiptapEditor, selectors: [["sd-tiptap-editor"]], hostVars: 2, hostBindings: function SdTiptapEditor_HostBindings(rf, ctx) { if (rf & 2) {
             i0.ɵɵattribute("data-sd-disabled", ctx.disabled())("data-sd-readonly", ctx.readonly());
-        } }, inputs: { value: [1, "value"], disabled: [1, "disabled"], readonly: [1, "readonly"], required: [1, "required"], placeholder: [1, "placeholder"], validatorFn: [1, "validatorFn"], extensions: [1, "extensions"] }, outputs: { value: "valueChange" }, decls: 2, vars: 1, consts: [[1, "_editor-container"], [1, "_toolbar"], [1, "_btn-group"], ["type", "button", "data-cmd", "h1", 3, "click"], ["type", "button", "data-cmd", "h2", 3, "click"], ["type", "button", "data-cmd", "bold", 3, "click"], ["type", "button", "data-cmd", "italic", 3, "click"], ["type", "button", "data-cmd", "underline", 3, "click"], ["type", "button", "data-cmd", "strike", 3, "click"], ["type", "button", "data-cmd", "textColor", 1, "_color-btn", 3, "click"], [1, "_color-indicator"], ["type", "button", "data-cmd", "bgColor", 1, "_color-btn", 3, "click"], ["type", "button", "data-cmd", "bulletList", 3, "click"], ["type", "button", "data-cmd", "orderedList", 3, "click"], ["type", "button", "data-cmd", "indent", 3, "click"], ["type", "button", "data-cmd", "outdent", 3, "click"], ["type", "button", "data-cmd", "blockquote", 3, "click"], ["type", "button", "data-cmd", "codeBlock", 3, "click"], ["type", "button", "data-cmd", "alignLeft", 3, "click"], ["type", "button", "data-cmd", "alignCenter", 3, "click"], ["type", "button", "data-cmd", "alignRight", 3, "click"], ["type", "button", "data-cmd", "alignJustify", 3, "click"], ["type", "button", "data-cmd", "clean", 3, "click"], [1, "_color-picker"], ["type", "button", 1, "_color-swatch", 3, "background-color"], ["type", "button", 1, "_color-swatch", "_no-color", 3, "click"], ["type", "button", 1, "_color-swatch", 3, "click"]], template: function SdTiptapEditorControl_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵconditionalCreate(0, SdTiptapEditorControl_Conditional_0_Template, 49, 33);
+        } }, inputs: { value: [1, "value"], disabled: [1, "disabled"], readonly: [1, "readonly"], required: [1, "required"], placeholder: [1, "placeholder"], validatorFn: [1, "validatorFn"], extensions: [1, "extensions"] }, outputs: { value: "valueChange" }, decls: 2, vars: 1, consts: [[1, "_editor-container"], [1, "_toolbar"], [1, "_btn-group"], ["type", "button", "data-cmd", "h1", 3, "click"], ["type", "button", "data-cmd", "h2", 3, "click"], ["type", "button", "data-cmd", "bold", 3, "click"], ["type", "button", "data-cmd", "italic", 3, "click"], ["type", "button", "data-cmd", "underline", 3, "click"], ["type", "button", "data-cmd", "strike", 3, "click"], ["type", "button", "data-cmd", "textColor", 1, "_color-btn", 3, "click"], [1, "_color-indicator"], ["type", "button", "data-cmd", "bgColor", 1, "_color-btn", 3, "click"], ["type", "button", "data-cmd", "bulletList", 3, "click"], ["type", "button", "data-cmd", "orderedList", 3, "click"], ["type", "button", "data-cmd", "indent", 3, "click"], ["type", "button", "data-cmd", "outdent", 3, "click"], ["type", "button", "data-cmd", "blockquote", 3, "click"], ["type", "button", "data-cmd", "codeBlock", 3, "click"], ["type", "button", "data-cmd", "alignLeft", 3, "click"], ["type", "button", "data-cmd", "alignCenter", 3, "click"], ["type", "button", "data-cmd", "alignRight", 3, "click"], ["type", "button", "data-cmd", "alignJustify", 3, "click"], ["type", "button", "data-cmd", "clean", 3, "click"], [1, "_color-picker"], ["type", "button", 1, "_color-swatch", 3, "background-color"], ["type", "button", 1, "_color-swatch", "_no-color", 3, "click"], ["type", "button", 1, "_color-swatch", 3, "click"]], template: function SdTiptapEditor_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵconditionalCreate(0, SdTiptapEditor_Conditional_0_Template, 49, 33);
             i0.ɵɵdomElement(1, "div", 0);
         } if (rf & 2) {
             i0.ɵɵconditional(!ctx.disabled() ? 0 : -1);
         } }, styles: ["sd-tiptap-editor {\n  display: block;\n  position: relative;\n  border: 1px solid var(--trans-lighter);\n  border-radius: var(--border-radius-default);\n  background: var(--theme-secondary-lightest);\n}\nsd-tiptap-editor > ._toolbar {\n  display: flex;\n  flex-wrap: wrap;\n  gap: var(--gap-xs);\n  padding: var(--gap-xs);\n  border-bottom: 1px solid var(--trans-lighter);\n}\nsd-tiptap-editor > ._toolbar > ._btn-group {\n  display: flex;\n  gap: 1px;\n}\nsd-tiptap-editor > ._toolbar > ._btn-group > button {\n  padding: var(--gap-xs) var(--gap-sm);\n  border: 1px solid var(--trans-lighter);\n  border-radius: var(--border-radius-default);\n  background: transparent;\n  cursor: pointer;\n  font-size: var(--font-size-default);\n  line-height: 1;\n}\nsd-tiptap-editor > ._toolbar > ._btn-group > button._active {\n  background: var(--theme-primary-default);\n  color: var(--text-trans-rev-default);\n}\nsd-tiptap-editor > ._toolbar > ._btn-group > button:hover {\n  background: var(--trans-lighter);\n}\nsd-tiptap-editor > ._toolbar > ._btn-group > button._active:hover {\n  background: var(--theme-primary-default);\n}\nsd-tiptap-editor > ._color-picker {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 2px;\n  padding: var(--gap-xs);\n  border-bottom: 1px solid var(--trans-lighter);\n}\nsd-tiptap-editor > ._color-picker > ._color-swatch {\n  width: 1.25rem;\n  height: 1.25rem;\n  border: 1px solid var(--trans-lighter);\n  border-radius: 2px;\n  cursor: pointer;\n  padding: 0;\n}\nsd-tiptap-editor > ._color-picker > ._color-swatch._no-color {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background: var(--control-color);\n  font-size: 0.625rem;\n}\nsd-tiptap-editor > ._editor-container {\n  padding: var(--gap-sm);\n  min-height: 6.25rem;\n}\nsd-tiptap-editor > ._editor-container > .tiptap {\n  outline: none;\n}\nsd-tiptap-editor > ._editor-container > .tiptap:focus {\n  outline: none;\n}\nsd-tiptap-editor[data-sd-disabled=true] {\n  background: var(--theme-gray-lightest);\n  color: var(--text-trans-light);\n}\nsd-tiptap-editor[data-sd-disabled=true] > ._editor-container > .tiptap {\n  cursor: not-allowed;\n}\nsd-tiptap-editor[data-sd-readonly=true] > ._editor-container > .tiptap {\n  cursor: default;\n}\nsd-tiptap-editor ._color-btn {\n  position: relative;\n}\nsd-tiptap-editor ._color-btn > ._color-indicator {\n  display: block;\n  height: 2px;\n  width: 100%;\n  position: absolute;\n  bottom: 2px;\n  left: 0;\n}"], encapsulation: 2, changeDetection: 0 });
 }
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SdTiptapEditorControl, [{
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SdTiptapEditor, [{
         type: Component,
         args: [{ selector: "sd-tiptap-editor", changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, standalone: true, imports: [], template: `
     @if (!disabled()) {
@@ -496,4 +496,4 @@ export class SdTiptapEditorControl {
                     "[attr.data-sd-readonly]": "readonly()",
                 }, styles: ["sd-tiptap-editor {\n  display: block;\n  position: relative;\n  border: 1px solid var(--trans-lighter);\n  border-radius: var(--border-radius-default);\n  background: var(--theme-secondary-lightest);\n}\nsd-tiptap-editor > ._toolbar {\n  display: flex;\n  flex-wrap: wrap;\n  gap: var(--gap-xs);\n  padding: var(--gap-xs);\n  border-bottom: 1px solid var(--trans-lighter);\n}\nsd-tiptap-editor > ._toolbar > ._btn-group {\n  display: flex;\n  gap: 1px;\n}\nsd-tiptap-editor > ._toolbar > ._btn-group > button {\n  padding: var(--gap-xs) var(--gap-sm);\n  border: 1px solid var(--trans-lighter);\n  border-radius: var(--border-radius-default);\n  background: transparent;\n  cursor: pointer;\n  font-size: var(--font-size-default);\n  line-height: 1;\n}\nsd-tiptap-editor > ._toolbar > ._btn-group > button._active {\n  background: var(--theme-primary-default);\n  color: var(--text-trans-rev-default);\n}\nsd-tiptap-editor > ._toolbar > ._btn-group > button:hover {\n  background: var(--trans-lighter);\n}\nsd-tiptap-editor > ._toolbar > ._btn-group > button._active:hover {\n  background: var(--theme-primary-default);\n}\nsd-tiptap-editor > ._color-picker {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 2px;\n  padding: var(--gap-xs);\n  border-bottom: 1px solid var(--trans-lighter);\n}\nsd-tiptap-editor > ._color-picker > ._color-swatch {\n  width: 1.25rem;\n  height: 1.25rem;\n  border: 1px solid var(--trans-lighter);\n  border-radius: 2px;\n  cursor: pointer;\n  padding: 0;\n}\nsd-tiptap-editor > ._color-picker > ._color-swatch._no-color {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background: var(--control-color);\n  font-size: 0.625rem;\n}\nsd-tiptap-editor > ._editor-container {\n  padding: var(--gap-sm);\n  min-height: 6.25rem;\n}\nsd-tiptap-editor > ._editor-container > .tiptap {\n  outline: none;\n}\nsd-tiptap-editor > ._editor-container > .tiptap:focus {\n  outline: none;\n}\nsd-tiptap-editor[data-sd-disabled=true] {\n  background: var(--theme-gray-lightest);\n  color: var(--text-trans-light);\n}\nsd-tiptap-editor[data-sd-disabled=true] > ._editor-container > .tiptap {\n  cursor: not-allowed;\n}\nsd-tiptap-editor[data-sd-readonly=true] > ._editor-container > .tiptap {\n  cursor: default;\n}\nsd-tiptap-editor ._color-btn {\n  position: relative;\n}\nsd-tiptap-editor ._color-btn > ._color-indicator {\n  display: block;\n  height: 2px;\n  width: 100%;\n  position: absolute;\n  bottom: 2px;\n  left: 0;\n}"] }]
     }], () => [], { 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 }] }], readonly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readonly", required: false }] }], required: [{ type: i0.Input, args: [{ isSignal: true, alias: "required", required: false }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], validatorFn: [{ type: i0.Input, args: [{ isSignal: true, alias: "validatorFn", required: false }] }], extensions: [{ type: i0.Input, args: [{ isSignal: true, alias: "extensions", required: false }] }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SdTiptapEditorControl, { className: "SdTiptapEditorControl", filePath: "packages/angular/src/ui/form/editor/sd-tiptap-editor.control.ts", lineNumber: 268, forbidOrphanRendering: true }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SdTiptapEditor, { className: "SdTiptapEditor", filePath: "packages/angular/src/ui/form/editor/sd-tiptap-editor.ts", lineNumber: 268, forbidOrphanRendering: true }); })();