@simplysm/angular 14.1.20 → 14.2.1

package/dist/data/sheet/sd-sheet-config.modal.js

@@ -236,7 +236,7 @@ export class SdSheetConfigModal {
         this.close.emit({ columnRecord: {} });
     }
     static ɵfac = function SdSheetConfigModal_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SdSheetConfigModal)(); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SdSheetConfigModal, selectors: [["sd-sheet-config-modal"]], inputs: { sheetKey: [1, "sheetKey"], controls: [1, "controls"], config: [1, "config"] }, outputs: { close: "close" }, decls: 2, vars: 2, consts: [[3, "busy"], [1, "flex-fill", "p-default"], [3, "key", "items", "trackByFn", "hideConfigBar"], [3, "key", "header", "disableSorting", "disableResizing"], [3, "cell"], [3, "key", "header", "disableSorting"], [3, "key", "header", "disableSorting", "width"], [1, "p-sm-default", "flex-row", "gap-sm", "bdt", "bdt-theme-gray-lightest"], [1, "flex-fill", "align-start"], [3, "click", "size", "inline", "theme", "buttonStyle"], [3, "click", "size", "theme", "buttonStyle"], [3, "click", "size", "buttonStyle"], [2, "text-align", "center"], [3, "valueChange", "size", "inset", "value"], [1, "p-xs-sm", 2, "text-align", "center"], [3, "click", "disabled"], [3, "svg"], [1, "p-xs-sm"], [3, "type", "size", "inset", "value"], [3, "valueChange", "type", "size", "inset", "value"], [3, "valueChange", "size", "inset", "value", "icon", "theme"]], template: function SdSheetConfigModal_Template(rf, ctx) { if (rf & 1) {
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SdSheetConfigModal, selectors: [["sd-sheet-config-modal"]], inputs: { sheetKey: [1, "sheetKey"], controls: [1, "controls"], config: [1, "config"] }, outputs: { close: "close" }, decls: 2, vars: 2, consts: [[3, "busy"], [1, "flex-fill", "p-default"], [3, "key", "items", "trackByFn", "hideConfigBar"], [3, "key", "header", "disableSorting", "disableResizing"], [3, "cell"], [3, "key", "header", "disableSorting"], [3, "key", "header", "disableSorting", "width"], [1, "p-sm-default", "flex-row", "gap-sm", "bdt", "bdt-hairline"], [1, "flex-fill", "align-start"], [3, "click", "size", "inline", "theme", "buttonStyle"], [3, "click", "size", "theme", "buttonStyle"], [3, "click", "size", "buttonStyle"], [2, "text-align", "center"], [3, "valueChange", "size", "inset", "value"], [1, "p-xs-sm", 2, "text-align", "center"], [3, "click", "disabled"], [3, "svg"], [1, "p-xs-sm"], [3, "type", "size", "inset", "value"], [3, "valueChange", "type", "size", "inset", "value"], [3, "valueChange", "size", "inset", "value", "icon", "theme"]], template: function SdSheetConfigModal_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "sd-busy-container", 0);
             i0.ɵɵconditionalCreate(1, SdSheetConfigModal_Conditional_1_Template, 20, 37);
             i0.ɵɵelementEnd();
@@ -312,7 +312,9 @@ export class SdSheetConfigModal {
                     <ng-icon [svg]="tablerChevronUp" />
                   </sd-anchor>
                   <sd-anchor
-                    [disabled]="index === items().length - 1 || (item.fixed && !items()[index + 1].fixed)"
+                    [disabled]="
+                      index === items().length - 1 || (item.fixed && !items()[index + 1].fixed)
+                    "
                     (click)="onMoveDown(item)"
                   >
                     <ng-icon [svg]="tablerChevronDown" />
@@ -367,7 +369,7 @@ export class SdSheetConfigModal {
           </sd-sheet>
         </div>
 
-        <div class="p-sm-default flex-row gap-sm bdt bdt-theme-gray-lightest">
+        <div class="p-sm-default flex-row gap-sm bdt bdt-hairline">
           <div class="flex-fill align-start">
             <sd-button
               [size]="'sm'"
@@ -387,11 +389,7 @@ export class SdSheetConfigModal {
           >
             OK
           </sd-button>
-          <sd-button
-            [size]="'sm'"
-            [buttonStyle]="'min-width: 60px;'"
-            (click)="onCancelClick()"
-          >
+          <sd-button [size]="'sm'" [buttonStyle]="'min-width: 60px;'" (click)="onCancelClick()">
             Cancel
           </sd-button>
         </div>
@@ -400,4 +398,4 @@ export class SdSheetConfigModal {
   `,
             }]
     }], null, { close: [{ type: i0.Output, args: ["close"] }], sheetKey: [{ type: i0.Input, args: [{ isSignal: true, alias: "sheetKey", required: true }] }], controls: [{ type: i0.Input, args: [{ isSignal: true, alias: "controls", required: true }] }], config: [{ type: i0.Input, args: [{ isSignal: true, alias: "config", required: true }] }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SdSheetConfigModal, { className: "SdSheetConfigModal", filePath: "packages/angular/src/data/sheet/sd-sheet-config.modal.ts", lineNumber: 182 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SdSheetConfigModal, { className: "SdSheetConfigModal", filePath: "packages/angular/src/data/sheet/sd-sheet-config.modal.ts", lineNumber: 180 }); })();

package/dist/data/sheet/sd-sheet.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"sd-sheet.d.ts","sourceRoot":"","sources":["../../../src/data/sheet/sd-sheet.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"sd-sheet.d.ts","sourceRoot":"","sources":["../../../src/data/sheet/sd-sheet.ts"],"names":[],"mappings":"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"}

package/dist/data/sheet/sd-sheet.js

@@ -86,7 +86,7 @@ function SdSheet_For_5_Conditional_1_Conditional_3_Template(rf, ctx) { if (rf &
     i0.ɵɵattribute("rowspan", ctx_r1.layout.headerFeatureRowSpan() > 1 ? ctx_r1.layout.headerFeatureRowSpan() : null)("data-c", -1);
     i0.ɵɵadvance();
     i0.ɵɵstyleProp("transform", ctx_r1.expanding.isAllExpanded() ? "rotate(90deg)" : undefined);
-    i0.ɵɵclassProp("tx-theme-primary-default", ctx_r1.expanding.isAllExpanded());
+    i0.ɵɵclassProp("tx-primary", ctx_r1.expanding.isAllExpanded());
     i0.ɵɵproperty("svg", ctx_r1.icons.tablerCaretRight);
 } }
 function SdSheet_For_5_Conditional_1_Template(rf, ctx) { if (rf & 1) {
@@ -326,7 +326,7 @@ function SdSheet_For_9_Conditional_4_Conditional_3_Template(rf, ctx) { if (rf &
     const item_r20 = i0.ɵɵnextContext(2).$implicit;
     const ctx_r1 = i0.ɵɵnextContext();
     i0.ɵɵstyleProp("transform", ctx_r1.isExpanded(item_r20) ? "rotate(90deg)" : undefined);
-    i0.ɵɵclassProp("tx-theme-primary-default", ctx_r1.isExpanded(item_r20));
+    i0.ɵɵclassProp("tx-primary", ctx_r1.isExpanded(item_r20));
     i0.ɵɵproperty("svg", ctx_r1.icons.tablerCaretRight);
     i0.ɵɵattribute("aria-expanded", ctx_r1.getAriaExpanded(item_r20));
 } }
@@ -758,7 +758,7 @@ export class SdSheet {
             i0.ɵɵlistener("keydown.capture", function SdSheet_keydown_capture_HostBindingHandler($event) { return ctx.onKeydownCapture($event); })("focus.capture", function SdSheet_focus_capture_HostBindingHandler($event) { return ctx.onFocusCapture($event); })("dblclick", function SdSheet_dblclick_HostBindingHandler($event) { return ctx.onDblClick($event); })("blur.capture", function SdSheet_blur_capture_HostBindingHandler($event) { return ctx.onBlurCapture($event); });
         } if (rf & 2) {
             i0.ɵɵattribute("data-sd-inset", ctx.inset())("data-sd-focus-mode", ctx.focusMode());
-        } }, inputs: { key: [1, "key"], items: [1, "items"], trackByFn: [1, "trackByFn"], selectMode: [1, "selectMode"], autoSelect: [1, "autoSelect"], getItemSelectableFn: [1, "getItemSelectableFn"], getChildrenFn: [1, "getChildrenFn"], useAutoSort: [1, "useAutoSort"], visiblePageCount: [1, "visiblePageCount"], totalPageCount: [1, "totalPageCount"], itemsPerPage: [1, "itemsPerPage"], focusMode: [1, "focusMode"], inset: [1, "inset"], contentStyle: [1, "contentStyle"], getItemCellClassFn: [1, "getItemCellClassFn"], getItemCellStyleFn: [1, "getItemCellStyleFn"], hideConfigBar: [1, "hideConfigBar"], selectedKeys: [1, "selectedKeys"], expandedItems: [1, "expandedItems"], sorts: [1, "sorts"], currentPage: [1, "currentPage"], columnControlsInput: [1, "columnControlsInput"] }, outputs: { itemKeydown: "itemKeydown", cellKeydown: "cellKeydown", selectedKeys: "selectedKeysChange", expandedItems: "expandedItemsChange", sorts: "sortsChange", currentPage: "currentPageChange" }, features: [i0.ɵɵHostDirectivesFeature([{ directive: i1.SdEvents, outputs: ["keydown.capture", "keydown.capture", "focus.capture", "focus.capture", "blur.capture", "blur.capture"] }])], decls: 14, vars: 8, consts: [[1, "_tool", "flex-row", "gap-sm", "p-xs"], [1, "_sheet-container", "flex-fill", 3, "scroll.passive"], [3, "sdResize"], [1, "_summary-row"], [1, "_focus-row-indicator"], [1, "_focus-cell-indicator"], [1, "_resize-indicator"], [1, "_select-row-indicator-container"], [3, "theme", "size"], [1, "flex-fill", 3, "currentPage", "totalPageCount", "visiblePageCount"], [3, "click", "theme", "size"], [3, "svg"], [1, "flex-fill", 3, "currentPageChange", "currentPage", "totalPageCount", "visiblePageCount"], [1, "_fixed", "_feature-cell", "_last-depth", 3, "sdResize"], [3, "value", "inline", "theme"], [1, "_fixed", "_feature-cell", "_last-depth", 3, "left"], [3, "valueChange", "value", "inline", "theme"], [3, "click", "svg"], [3, "_fixed", "left"], [1, "_last-depth", 3, "_fixed", "_sort", "help", "style"], [1, "_p-sheet"], [1, "_last-depth", 3, "sdResize", "click"], [1, "_headerContent", "flex-row"], [1, "flex-fill"], [1, "flex-fill", "_p-sheet"], [1, "_sort-icon"], [1, "_resizer"], [3, "ngTemplateOutlet"], [1, "tx-trans-lightest", 3, "svg"], [1, "_resizer", 3, "mousedown", "dblclick"], [1, "_fixed", "_feature-cell"], [1, "_fixed", "_feature-cell", 3, "left"], [3, "click", "keydown"], [3, "value", "canChangeFn", "inline", "theme", "disabled"], ["tabindex", "0", 3, "_fixed", "class", "style"], [3, "valueChange", "mousedown", "value", "canChangeFn", "inline", "theme", "disabled"], [3, "theme"], [3, "pointerdown", "click", "theme"], [1, "_depth-indicator", 3, "margin-left"], [3, "svg", "transform", "tx-theme-primary-default"], [1, "_depth-indicator"], ["tabindex", "0", 3, "click", "focus", "keydown"], [3, "ngTemplateOutlet", "ngTemplateOutletContext"]], template: function SdSheet_Template(rf, ctx) { if (rf & 1) {
+        } }, inputs: { key: [1, "key"], items: [1, "items"], trackByFn: [1, "trackByFn"], selectMode: [1, "selectMode"], autoSelect: [1, "autoSelect"], getItemSelectableFn: [1, "getItemSelectableFn"], getChildrenFn: [1, "getChildrenFn"], useAutoSort: [1, "useAutoSort"], visiblePageCount: [1, "visiblePageCount"], totalPageCount: [1, "totalPageCount"], itemsPerPage: [1, "itemsPerPage"], focusMode: [1, "focusMode"], inset: [1, "inset"], contentStyle: [1, "contentStyle"], getItemCellClassFn: [1, "getItemCellClassFn"], getItemCellStyleFn: [1, "getItemCellStyleFn"], hideConfigBar: [1, "hideConfigBar"], selectedKeys: [1, "selectedKeys"], expandedItems: [1, "expandedItems"], sorts: [1, "sorts"], currentPage: [1, "currentPage"], columnControlsInput: [1, "columnControlsInput"] }, outputs: { itemKeydown: "itemKeydown", cellKeydown: "cellKeydown", selectedKeys: "selectedKeysChange", expandedItems: "expandedItemsChange", sorts: "sortsChange", currentPage: "currentPageChange" }, features: [i0.ɵɵHostDirectivesFeature([{ directive: i1.SdEvents, outputs: ["keydown.capture", "keydown.capture", "focus.capture", "focus.capture", "blur.capture", "blur.capture"] }])], decls: 14, vars: 8, consts: [[1, "_tool", "flex-row", "gap-sm", "p-xs"], [1, "_sheet-container", "flex-fill", 3, "scroll.passive"], [3, "sdResize"], [1, "_summary-row"], [1, "_focus-row-indicator"], [1, "_focus-cell-indicator"], [1, "_resize-indicator"], [1, "_select-row-indicator-container"], [3, "theme", "size"], [1, "flex-fill", 3, "currentPage", "totalPageCount", "visiblePageCount"], [3, "click", "theme", "size"], [3, "svg"], [1, "flex-fill", 3, "currentPageChange", "currentPage", "totalPageCount", "visiblePageCount"], [1, "_fixed", "_feature-cell", "_last-depth", 3, "sdResize"], [3, "value", "inline", "theme"], [1, "_fixed", "_feature-cell", "_last-depth", 3, "left"], [3, "valueChange", "value", "inline", "theme"], [3, "click", "svg"], [3, "_fixed", "left"], [1, "_last-depth", 3, "_fixed", "_sort", "help", "style"], [1, "_p-sheet"], [1, "_last-depth", 3, "sdResize", "click"], [1, "_headerContent", "flex-row"], [1, "flex-fill"], [1, "flex-fill", "_p-sheet"], [1, "_sort-icon"], [1, "_resizer"], [3, "ngTemplateOutlet"], [1, "tx-faint", 3, "svg"], [1, "_resizer", 3, "mousedown", "dblclick"], [1, "_fixed", "_feature-cell"], [1, "_fixed", "_feature-cell", 3, "left"], [3, "click", "keydown"], [3, "value", "canChangeFn", "inline", "theme", "disabled"], ["tabindex", "0", 3, "_fixed", "class", "style"], [3, "valueChange", "mousedown", "value", "canChangeFn", "inline", "theme", "disabled"], [3, "theme"], [3, "pointerdown", "click", "theme"], [1, "_depth-indicator", 3, "margin-left"], [3, "svg", "transform", "tx-primary"], [1, "_depth-indicator"], ["tabindex", "0", 3, "click", "focus", "keydown"], [3, "ngTemplateOutlet", "ngTemplateOutletContext"]], template: function SdSheet_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵconditionalCreate(0, SdSheet_Conditional_0_Template, 3, 2, "div", 0);
             i0.ɵɵelementStart(1, "div", 1);
             i0.ɵɵlistener("scroll.passive", function SdSheet_Template_div_scroll_passive_1_listener() { return ctx.onContainerScroll(); });
@@ -794,7 +794,7 @@ export class SdSheet {
             SdPagination,
             SdAnchor,
             SdButton,
-            SdResizeDirective], styles: ["sd-sheet {\n  border: 1px solid var(--border-color-lighter);\n  border-radius: var(--border-radius-default);\n}\nsd-sheet > ._tool {\n  background: var(--control-color);\n  border-top-left-radius: var(--border-radius-default);\n  border-top-right-radius: var(--border-radius-default);\n  border-bottom: 1px solid var(--border-color-lighter);\n}\nsd-sheet > ._sheet-container {\n  position: relative;\n  background: var(--sheet-bg);\n  border-bottom-left-radius: var(--border-radius-default);\n  border-bottom-right-radius: var(--border-radius-default);\n  overflow: auto;\n}\nsd-sheet > ._sheet-container > table {\n  border-spacing: 0;\n  table-layout: fixed;\n  margin-right: 2px;\n  margin-bottom: 2px;\n  border-bottom-right-radius: var(--border-radius-default);\n}\nsd-sheet > ._sheet-container > table > * > tr > *:last-child {\n  border-right: 1px solid var(--border-color-lighter);\n}\nsd-sheet > ._sheet-container > table > * > tr:last-child > * {\n  border-bottom: 1px solid var(--border-color-lighter);\n}\nsd-sheet > ._sheet-container > table > *:last-child > tr:last-child > td:last-child {\n  border-bottom-right-radius: var(--border-radius-default);\n  overflow: hidden;\n}\nsd-sheet > ._sheet-container > table > * > tr > * {\n  border-right: 1px solid var(--border-color-lighter);\n  border-bottom: 1px solid var(--border-color-lighter);\n  white-space: nowrap;\n  overflow: hidden;\n  padding: 0;\n  position: relative;\n}\nsd-sheet > ._sheet-container > table > * > tr > *._fixed:has(+ :not(._fixed)) + :not(._fixed):not([data-c=\"0\"]) {\n  border-left: 1px solid var(--border-color-lighter);\n}\nsd-sheet > ._sheet-container > table > * > tr > *._feature-cell {\n  background: var(--theme-gray-lightest);\n  min-width: calc(var(--font-size-default) + 2px + var(--sheet-ph) * 2);\n  padding: var(--sheet-pv) var(--sheet-ph);\n  text-align: left;\n}\nsd-sheet > ._sheet-container > table > * > tr > *._feature-cell > ng-icon {\n  cursor: pointer;\n  color: var(--text-trans-lightest);\n}\nsd-sheet > ._sheet-container > table > * > tr > *._fixed {\n  position: sticky;\n  left: 0;\n}\nsd-sheet > ._sheet-container > table > * > tr > *._fixed:has(+ :not(._fixed)) {\n  border-right: 1px solid var(--border-color-lighter);\n}\nsd-sheet > ._sheet-container > table > thead {\n  position: sticky;\n  top: 0;\n  z-index: 3;\n}\nsd-sheet > ._sheet-container > table > thead > tr > th {\n  position: relative;\n  background: var(--theme-gray-lightest);\n  vertical-align: middle;\n}\nsd-sheet > ._sheet-container > table > thead > tr > th._fixed {\n  z-index: 4;\n}\nsd-sheet > ._sheet-container > table > thead > tr > th._last-depth {\n  border-bottom: 1px solid var(--border-color-lighter);\n}\nsd-sheet > ._sheet-container > table > thead > tr > th._feature-cell {\n  border-bottom: 1px solid var(--border-color-lighter);\n}\nsd-sheet > ._sheet-container > table > thead > tr > th._sort {\n  cursor: pointer;\n}\nsd-sheet > ._sheet-container > table > thead > tr > th._sort:hover {\n  text-decoration: underline;\n}\nsd-sheet > ._sheet-container > table > thead > tr > th > ._headerContent > ._sort-icon {\n  padding: var(--gap-xs) var(--gap-xs) var(--gap-xs) 0;\n  background-color: var(--theme-gray-lightest);\n}\nsd-sheet > ._sheet-container > table > thead > tr > th > ._resizer {\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  width: 2px;\n  cursor: ew-resize;\n}\nsd-sheet > ._sheet-container > table > thead:has(> tr._summary-row) > tr > th._last-depth {\n  border-bottom: 1px solid var(--border-color-lighter);\n}\nsd-sheet > ._sheet-container > table > thead:has(> tr._summary-row) > tr._summary-row > th {\n  background: var(--theme-warning-lightest);\n  text-align: left;\n  border-bottom: 1px solid var(--border-color-lighter);\n}\nsd-sheet > ._sheet-container > table > tbody > tr > td {\n  font-family: var(--font-family-field);\n  background: var(--control-color);\n  vertical-align: top;\n}\nsd-sheet > ._sheet-container > table > tbody > tr > td._fixed {\n  z-index: 2;\n}\nsd-sheet > ._sheet-container > table > tbody > tr > td > ._depth-indicator {\n  display: inline-block;\n  margin-top: 0.4em;\n  width: 0.5em;\n  height: 0.5em;\n  border-left: 1px solid var(--text-trans-default);\n  border-bottom: 1px solid var(--text-trans-default);\n  vertical-align: top;\n}\nsd-sheet > ._sheet-container > ._focus-row-indicator {\n  display: none;\n  position: absolute;\n  pointer-events: none;\n  background: rgba(158, 158, 158, 0.1);\n  z-index: 6;\n}\nsd-sheet > ._sheet-container > ._focus-row-indicator > ._focus-cell-indicator {\n  position: absolute;\n  border: 2px solid var(--theme-primary-default);\n  border-radius: var(--border-radius-default);\n}\nsd-sheet > ._sheet-container > ._resize-indicator {\n  display: none;\n  position: absolute;\n  pointer-events: none;\n  top: 0;\n  height: 100%;\n  border: 1px dotted var(--border-color-light);\n  z-index: 7;\n}\nsd-sheet > ._sheet-container > ._select-row-indicator-container {\n  display: none;\n  position: absolute;\n  pointer-events: none;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  z-index: 5;\n}\nsd-sheet > ._sheet-container > ._select-row-indicator-container > ._select-row-indicator {\n  display: block;\n  left: 0;\n  position: absolute;\n  pointer-events: none;\n  background: var(--theme-primary-default);\n  opacity: 0.1;\n}\nsd-sheet ._p-sheet {\n  padding: var(--sheet-pv) var(--sheet-ph);\n}\nsd-sheet[data-sd-focus-mode=row] > ._sheet-container > ._focus-row-indicator > ._focus-cell-indicator {\n  display: none !important;\n}\nsd-sheet[data-sd-inset=true] {\n  border: none;\n  border-radius: 0;\n}"], encapsulation: 2 });
+            SdResizeDirective], styles: ["sd-sheet {\n  border: 1px solid var(--sd-bd-soft);\n  border-radius: var(--sd-radius-default);\n}\nsd-sheet > ._tool {\n  background-color: var(--sd-bg-control);\n  border-top-left-radius: var(--sd-radius-default);\n  border-top-right-radius: var(--sd-radius-default);\n  border-bottom: 1px solid var(--sd-bd-soft);\n}\nsd-sheet > ._sheet-container {\n  position: relative;\n  background-color: var(--sd-bg-sheet);\n  background-image: var(--sd-bg-sheet-image);\n  border-bottom-left-radius: var(--sd-radius-default);\n  border-bottom-right-radius: var(--sd-radius-default);\n  overflow: auto;\n}\nsd-sheet > ._sheet-container > table {\n  border-spacing: 0;\n  table-layout: fixed;\n  margin-right: 2px;\n  margin-bottom: 2px;\n  border-bottom-right-radius: var(--sd-radius-default);\n  box-shadow: var(--sd-sheet-shadow);\n}\nsd-sheet > ._sheet-container > table > * > tr > *:last-child {\n  border-right: 1px solid var(--sd-bd-soft);\n}\nsd-sheet > ._sheet-container > table > * > tr:last-child > * {\n  border-bottom: 1px solid var(--sd-bd-soft);\n}\nsd-sheet > ._sheet-container > table > *:last-child > tr:last-child > td:last-child {\n  border-bottom-right-radius: var(--sd-radius-default);\n  overflow: hidden;\n}\nsd-sheet > ._sheet-container > table > * > tr > * {\n  border-right: 1px solid var(--sd-bd-soft);\n  border-bottom: 1px solid var(--sd-bd-soft);\n  white-space: nowrap;\n  overflow: hidden;\n  padding: 0;\n  position: relative;\n}\nsd-sheet > ._sheet-container > table > * > tr > *._fixed:has(+ :not(._fixed)) + :not(._fixed):not([data-c=\"0\"]) {\n  border-left: 1px solid var(--sd-bd-soft);\n}\nsd-sheet > ._sheet-container > table > * > tr > *._feature-cell {\n  background-color: var(--sd-bg-gray-subtle);\n  min-width: calc(var(--sd-font-size-default) + 2px + var(--sd-sheet-ph) * 2);\n  padding: var(--sd-sheet-pv) var(--sd-sheet-ph);\n  text-align: left;\n}\nsd-sheet > ._sheet-container > table > * > tr > *._feature-cell > ng-icon {\n  cursor: pointer;\n  color: var(--sd-tx-faint);\n}\nsd-sheet > ._sheet-container > table > * > tr > *._fixed {\n  position: sticky;\n  left: 0;\n}\nsd-sheet > ._sheet-container > table > * > tr > *._fixed:has(+ :not(._fixed)) {\n  border-right: 1px solid var(--sd-bd-soft);\n}\nsd-sheet > ._sheet-container > table > thead {\n  position: sticky;\n  top: 0;\n  z-index: 3;\n}\nsd-sheet > ._sheet-container > table > thead > tr > th {\n  position: relative;\n  background-color: var(--sd-bg-gray-subtle);\n  vertical-align: middle;\n}\nsd-sheet > ._sheet-container > table > thead > tr > th._fixed {\n  z-index: 4;\n}\nsd-sheet > ._sheet-container > table > thead > tr > th._last-depth {\n  border-bottom: 1px solid var(--sd-bd-soft);\n}\nsd-sheet > ._sheet-container > table > thead > tr > th._feature-cell {\n  border-bottom: 1px solid var(--sd-bd-soft);\n}\nsd-sheet > ._sheet-container > table > thead > tr > th._sort {\n  cursor: pointer;\n}\nsd-sheet > ._sheet-container > table > thead > tr > th._sort:hover {\n  text-decoration: underline;\n}\nsd-sheet > ._sheet-container > table > thead > tr > th > ._headerContent > ._sort-icon {\n  padding: var(--sd-gap-xs) var(--sd-gap-xs) var(--sd-gap-xs) 0;\n  background-color: var(--sd-bg-gray-subtle);\n}\nsd-sheet > ._sheet-container > table > thead > tr > th > ._resizer {\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  width: 2px;\n  cursor: ew-resize;\n}\nsd-sheet > ._sheet-container > table > thead:has(> tr._summary-row) > tr > th._last-depth {\n  border-bottom: 1px solid var(--sd-bd-soft);\n}\nsd-sheet > ._sheet-container > table > thead:has(> tr._summary-row) > tr._summary-row > th {\n  background-color: var(--sd-bg-warning-subtle);\n  text-align: left;\n  border-bottom: 1px solid var(--sd-bd-soft);\n}\nsd-sheet > ._sheet-container > table > tbody > tr > td {\n  font-family: var(--sd-font-family-field);\n  background-color: var(--sd-bg-control);\n  vertical-align: top;\n}\nsd-sheet > ._sheet-container > table > tbody > tr > td._fixed {\n  z-index: 2;\n}\nsd-sheet > ._sheet-container > table > tbody > tr > td > ._depth-indicator {\n  display: inline-block;\n  margin-top: 0.4em;\n  width: 0.5em;\n  height: 0.5em;\n  border-left: 1px solid currentColor;\n  border-bottom: 1px solid currentColor;\n  vertical-align: top;\n}\nsd-sheet > ._sheet-container > ._focus-row-indicator {\n  display: none;\n  position: absolute;\n  pointer-events: none;\n  background-color: var(--sd-bg-state-active);\n  z-index: 6;\n}\nsd-sheet > ._sheet-container > ._focus-row-indicator > ._focus-cell-indicator {\n  position: absolute;\n  border: 2px solid var(--sd-focus-ring-color);\n  border-radius: var(--sd-radius-default);\n}\nsd-sheet > ._sheet-container > ._resize-indicator {\n  display: none;\n  position: absolute;\n  pointer-events: none;\n  top: 0;\n  height: 100%;\n  border: 1px dotted var(--sd-bd-default);\n  z-index: 7;\n}\nsd-sheet > ._sheet-container > ._select-row-indicator-container {\n  display: none;\n  position: absolute;\n  pointer-events: none;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  z-index: 5;\n}\nsd-sheet > ._sheet-container > ._select-row-indicator-container > ._select-row-indicator {\n  display: block;\n  left: 0;\n  position: absolute;\n  pointer-events: none;\n  background-color: var(--sd-bg-primary-solid);\n  opacity: 0.1;\n}\nsd-sheet ._p-sheet {\n  padding: var(--sd-sheet-pv) var(--sd-sheet-ph);\n}\nsd-sheet[data-sd-focus-mode=row] > ._sheet-container > ._focus-row-indicator > ._focus-cell-indicator {\n  display: none !important;\n}\nsd-sheet[data-sd-inset=true] {\n  border: none;\n  border-radius: 0;\n}"], encapsulation: 2 });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SdSheet, [{
         type: Component,
@@ -876,7 +876,7 @@ export class SdSheet {
                   >
                     <ng-icon
                       [svg]="icons.tablerCaretRight"
-                      [class.tx-theme-primary-default]="expanding.isAllExpanded()"
+                      [class.tx-primary]="expanding.isAllExpanded()"
                       [style.transform]="expanding.isAllExpanded() ? 'rotate(90deg)' : undefined"
                       (click)="expanding.toggleAll()"
                     />
@@ -891,9 +891,7 @@ export class SdSheet {
                     [attr.rowspan]="cell.rowspan > 1 ? cell.rowspan : null"
                     [attr.data-c]="cell.colIndex"
                     [attr.title]="cell.text"
-                    [style.left.px]="
-                      cell.fixed ? fixing.fixedLeftMap().get(cell.colIndex) : null
-                    "
+                    [style.left.px]="cell.fixed ? fixing.fixedLeftMap().get(cell.colIndex) : null"
                   >
                     <div class="_p-sheet">
                       <pre>{{ cell.text }}</pre>
@@ -932,7 +930,7 @@ export class SdSheet {
                           } @else if (_sortDef?.desc === true) {
                             <ng-icon [svg]="icons.tablerSortDescending" />
                           } @else {
-                            <ng-icon [svg]="icons.tablerArrowsSort" class="tx-trans-lightest" />
+                            <ng-icon [svg]="icons.tablerArrowsSort" class="tx-faint" />
                           }
                           @if (_sortDef?.indexText) {
                             <sub>{{ _sortDef?.indexText }}</sub>
@@ -1041,7 +1039,7 @@ export class SdSheet {
                     <ng-icon
                       [svg]="icons.tablerCaretRight"
                       [style.transform]="isExpanded(item) ? 'rotate(90deg)' : undefined"
-                      [class.tx-theme-primary-default]="isExpanded(item)"
+                      [class.tx-primary]="isExpanded(item)"
                       [attr.aria-expanded]="getAriaExpanded(item)"
                       (click)="onExpandClick($event, item)"
                     />
@@ -1089,6 +1087,6 @@ export class SdSheet {
       ></div>
       <div class="_select-row-indicator-container"></div>
     </div>
-  `, styles: ["sd-sheet {\n  border: 1px solid var(--border-color-lighter);\n  border-radius: var(--border-radius-default);\n}\nsd-sheet > ._tool {\n  background: var(--control-color);\n  border-top-left-radius: var(--border-radius-default);\n  border-top-right-radius: var(--border-radius-default);\n  border-bottom: 1px solid var(--border-color-lighter);\n}\nsd-sheet > ._sheet-container {\n  position: relative;\n  background: var(--sheet-bg);\n  border-bottom-left-radius: var(--border-radius-default);\n  border-bottom-right-radius: var(--border-radius-default);\n  overflow: auto;\n}\nsd-sheet > ._sheet-container > table {\n  border-spacing: 0;\n  table-layout: fixed;\n  margin-right: 2px;\n  margin-bottom: 2px;\n  border-bottom-right-radius: var(--border-radius-default);\n}\nsd-sheet > ._sheet-container > table > * > tr > *:last-child {\n  border-right: 1px solid var(--border-color-lighter);\n}\nsd-sheet > ._sheet-container > table > * > tr:last-child > * {\n  border-bottom: 1px solid var(--border-color-lighter);\n}\nsd-sheet > ._sheet-container > table > *:last-child > tr:last-child > td:last-child {\n  border-bottom-right-radius: var(--border-radius-default);\n  overflow: hidden;\n}\nsd-sheet > ._sheet-container > table > * > tr > * {\n  border-right: 1px solid var(--border-color-lighter);\n  border-bottom: 1px solid var(--border-color-lighter);\n  white-space: nowrap;\n  overflow: hidden;\n  padding: 0;\n  position: relative;\n}\nsd-sheet > ._sheet-container > table > * > tr > *._fixed:has(+ :not(._fixed)) + :not(._fixed):not([data-c=\"0\"]) {\n  border-left: 1px solid var(--border-color-lighter);\n}\nsd-sheet > ._sheet-container > table > * > tr > *._feature-cell {\n  background: var(--theme-gray-lightest);\n  min-width: calc(var(--font-size-default) + 2px + var(--sheet-ph) * 2);\n  padding: var(--sheet-pv) var(--sheet-ph);\n  text-align: left;\n}\nsd-sheet > ._sheet-container > table > * > tr > *._feature-cell > ng-icon {\n  cursor: pointer;\n  color: var(--text-trans-lightest);\n}\nsd-sheet > ._sheet-container > table > * > tr > *._fixed {\n  position: sticky;\n  left: 0;\n}\nsd-sheet > ._sheet-container > table > * > tr > *._fixed:has(+ :not(._fixed)) {\n  border-right: 1px solid var(--border-color-lighter);\n}\nsd-sheet > ._sheet-container > table > thead {\n  position: sticky;\n  top: 0;\n  z-index: 3;\n}\nsd-sheet > ._sheet-container > table > thead > tr > th {\n  position: relative;\n  background: var(--theme-gray-lightest);\n  vertical-align: middle;\n}\nsd-sheet > ._sheet-container > table > thead > tr > th._fixed {\n  z-index: 4;\n}\nsd-sheet > ._sheet-container > table > thead > tr > th._last-depth {\n  border-bottom: 1px solid var(--border-color-lighter);\n}\nsd-sheet > ._sheet-container > table > thead > tr > th._feature-cell {\n  border-bottom: 1px solid var(--border-color-lighter);\n}\nsd-sheet > ._sheet-container > table > thead > tr > th._sort {\n  cursor: pointer;\n}\nsd-sheet > ._sheet-container > table > thead > tr > th._sort:hover {\n  text-decoration: underline;\n}\nsd-sheet > ._sheet-container > table > thead > tr > th > ._headerContent > ._sort-icon {\n  padding: var(--gap-xs) var(--gap-xs) var(--gap-xs) 0;\n  background-color: var(--theme-gray-lightest);\n}\nsd-sheet > ._sheet-container > table > thead > tr > th > ._resizer {\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  width: 2px;\n  cursor: ew-resize;\n}\nsd-sheet > ._sheet-container > table > thead:has(> tr._summary-row) > tr > th._last-depth {\n  border-bottom: 1px solid var(--border-color-lighter);\n}\nsd-sheet > ._sheet-container > table > thead:has(> tr._summary-row) > tr._summary-row > th {\n  background: var(--theme-warning-lightest);\n  text-align: left;\n  border-bottom: 1px solid var(--border-color-lighter);\n}\nsd-sheet > ._sheet-container > table > tbody > tr > td {\n  font-family: var(--font-family-field);\n  background: var(--control-color);\n  vertical-align: top;\n}\nsd-sheet > ._sheet-container > table > tbody > tr > td._fixed {\n  z-index: 2;\n}\nsd-sheet > ._sheet-container > table > tbody > tr > td > ._depth-indicator {\n  display: inline-block;\n  margin-top: 0.4em;\n  width: 0.5em;\n  height: 0.5em;\n  border-left: 1px solid var(--text-trans-default);\n  border-bottom: 1px solid var(--text-trans-default);\n  vertical-align: top;\n}\nsd-sheet > ._sheet-container > ._focus-row-indicator {\n  display: none;\n  position: absolute;\n  pointer-events: none;\n  background: rgba(158, 158, 158, 0.1);\n  z-index: 6;\n}\nsd-sheet > ._sheet-container > ._focus-row-indicator > ._focus-cell-indicator {\n  position: absolute;\n  border: 2px solid var(--theme-primary-default);\n  border-radius: var(--border-radius-default);\n}\nsd-sheet > ._sheet-container > ._resize-indicator {\n  display: none;\n  position: absolute;\n  pointer-events: none;\n  top: 0;\n  height: 100%;\n  border: 1px dotted var(--border-color-light);\n  z-index: 7;\n}\nsd-sheet > ._sheet-container > ._select-row-indicator-container {\n  display: none;\n  position: absolute;\n  pointer-events: none;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  z-index: 5;\n}\nsd-sheet > ._sheet-container > ._select-row-indicator-container > ._select-row-indicator {\n  display: block;\n  left: 0;\n  position: absolute;\n  pointer-events: none;\n  background: var(--theme-primary-default);\n  opacity: 0.1;\n}\nsd-sheet ._p-sheet {\n  padding: var(--sheet-pv) var(--sheet-ph);\n}\nsd-sheet[data-sd-focus-mode=row] > ._sheet-container > ._focus-row-indicator > ._focus-cell-indicator {\n  display: none !important;\n}\nsd-sheet[data-sd-inset=true] {\n  border: none;\n  border-radius: 0;\n}"] }]
+  `, styles: ["sd-sheet {\n  border: 1px solid var(--sd-bd-soft);\n  border-radius: var(--sd-radius-default);\n}\nsd-sheet > ._tool {\n  background-color: var(--sd-bg-control);\n  border-top-left-radius: var(--sd-radius-default);\n  border-top-right-radius: var(--sd-radius-default);\n  border-bottom: 1px solid var(--sd-bd-soft);\n}\nsd-sheet > ._sheet-container {\n  position: relative;\n  background-color: var(--sd-bg-sheet);\n  background-image: var(--sd-bg-sheet-image);\n  border-bottom-left-radius: var(--sd-radius-default);\n  border-bottom-right-radius: var(--sd-radius-default);\n  overflow: auto;\n}\nsd-sheet > ._sheet-container > table {\n  border-spacing: 0;\n  table-layout: fixed;\n  margin-right: 2px;\n  margin-bottom: 2px;\n  border-bottom-right-radius: var(--sd-radius-default);\n  box-shadow: var(--sd-sheet-shadow);\n}\nsd-sheet > ._sheet-container > table > * > tr > *:last-child {\n  border-right: 1px solid var(--sd-bd-soft);\n}\nsd-sheet > ._sheet-container > table > * > tr:last-child > * {\n  border-bottom: 1px solid var(--sd-bd-soft);\n}\nsd-sheet > ._sheet-container > table > *:last-child > tr:last-child > td:last-child {\n  border-bottom-right-radius: var(--sd-radius-default);\n  overflow: hidden;\n}\nsd-sheet > ._sheet-container > table > * > tr > * {\n  border-right: 1px solid var(--sd-bd-soft);\n  border-bottom: 1px solid var(--sd-bd-soft);\n  white-space: nowrap;\n  overflow: hidden;\n  padding: 0;\n  position: relative;\n}\nsd-sheet > ._sheet-container > table > * > tr > *._fixed:has(+ :not(._fixed)) + :not(._fixed):not([data-c=\"0\"]) {\n  border-left: 1px solid var(--sd-bd-soft);\n}\nsd-sheet > ._sheet-container > table > * > tr > *._feature-cell {\n  background-color: var(--sd-bg-gray-subtle);\n  min-width: calc(var(--sd-font-size-default) + 2px + var(--sd-sheet-ph) * 2);\n  padding: var(--sd-sheet-pv) var(--sd-sheet-ph);\n  text-align: left;\n}\nsd-sheet > ._sheet-container > table > * > tr > *._feature-cell > ng-icon {\n  cursor: pointer;\n  color: var(--sd-tx-faint);\n}\nsd-sheet > ._sheet-container > table > * > tr > *._fixed {\n  position: sticky;\n  left: 0;\n}\nsd-sheet > ._sheet-container > table > * > tr > *._fixed:has(+ :not(._fixed)) {\n  border-right: 1px solid var(--sd-bd-soft);\n}\nsd-sheet > ._sheet-container > table > thead {\n  position: sticky;\n  top: 0;\n  z-index: 3;\n}\nsd-sheet > ._sheet-container > table > thead > tr > th {\n  position: relative;\n  background-color: var(--sd-bg-gray-subtle);\n  vertical-align: middle;\n}\nsd-sheet > ._sheet-container > table > thead > tr > th._fixed {\n  z-index: 4;\n}\nsd-sheet > ._sheet-container > table > thead > tr > th._last-depth {\n  border-bottom: 1px solid var(--sd-bd-soft);\n}\nsd-sheet > ._sheet-container > table > thead > tr > th._feature-cell {\n  border-bottom: 1px solid var(--sd-bd-soft);\n}\nsd-sheet > ._sheet-container > table > thead > tr > th._sort {\n  cursor: pointer;\n}\nsd-sheet > ._sheet-container > table > thead > tr > th._sort:hover {\n  text-decoration: underline;\n}\nsd-sheet > ._sheet-container > table > thead > tr > th > ._headerContent > ._sort-icon {\n  padding: var(--sd-gap-xs) var(--sd-gap-xs) var(--sd-gap-xs) 0;\n  background-color: var(--sd-bg-gray-subtle);\n}\nsd-sheet > ._sheet-container > table > thead > tr > th > ._resizer {\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  width: 2px;\n  cursor: ew-resize;\n}\nsd-sheet > ._sheet-container > table > thead:has(> tr._summary-row) > tr > th._last-depth {\n  border-bottom: 1px solid var(--sd-bd-soft);\n}\nsd-sheet > ._sheet-container > table > thead:has(> tr._summary-row) > tr._summary-row > th {\n  background-color: var(--sd-bg-warning-subtle);\n  text-align: left;\n  border-bottom: 1px solid var(--sd-bd-soft);\n}\nsd-sheet > ._sheet-container > table > tbody > tr > td {\n  font-family: var(--sd-font-family-field);\n  background-color: var(--sd-bg-control);\n  vertical-align: top;\n}\nsd-sheet > ._sheet-container > table > tbody > tr > td._fixed {\n  z-index: 2;\n}\nsd-sheet > ._sheet-container > table > tbody > tr > td > ._depth-indicator {\n  display: inline-block;\n  margin-top: 0.4em;\n  width: 0.5em;\n  height: 0.5em;\n  border-left: 1px solid currentColor;\n  border-bottom: 1px solid currentColor;\n  vertical-align: top;\n}\nsd-sheet > ._sheet-container > ._focus-row-indicator {\n  display: none;\n  position: absolute;\n  pointer-events: none;\n  background-color: var(--sd-bg-state-active);\n  z-index: 6;\n}\nsd-sheet > ._sheet-container > ._focus-row-indicator > ._focus-cell-indicator {\n  position: absolute;\n  border: 2px solid var(--sd-focus-ring-color);\n  border-radius: var(--sd-radius-default);\n}\nsd-sheet > ._sheet-container > ._resize-indicator {\n  display: none;\n  position: absolute;\n  pointer-events: none;\n  top: 0;\n  height: 100%;\n  border: 1px dotted var(--sd-bd-default);\n  z-index: 7;\n}\nsd-sheet > ._sheet-container > ._select-row-indicator-container {\n  display: none;\n  position: absolute;\n  pointer-events: none;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  z-index: 5;\n}\nsd-sheet > ._sheet-container > ._select-row-indicator-container > ._select-row-indicator {\n  display: block;\n  left: 0;\n  position: absolute;\n  pointer-events: none;\n  background-color: var(--sd-bg-primary-solid);\n  opacity: 0.1;\n}\nsd-sheet ._p-sheet {\n  padding: var(--sd-sheet-pv) var(--sd-sheet-ph);\n}\nsd-sheet[data-sd-focus-mode=row] > ._sheet-container > ._focus-row-indicator > ._focus-cell-indicator {\n  display: none !important;\n}\nsd-sheet[data-sd-inset=true] {\n  border: none;\n  border-radius: 0;\n}"] }]
     }], null, { key: [{ type: i0.Input, args: [{ isSignal: true, alias: "key", required: false }] }], items: [{ type: i0.Input, args: [{ isSignal: true, alias: "items", required: false }] }], trackByFn: [{ type: i0.Input, args: [{ isSignal: true, alias: "trackByFn", required: false }] }], selectMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectMode", required: false }] }], autoSelect: [{ type: i0.Input, args: [{ isSignal: true, alias: "autoSelect", required: false }] }], getItemSelectableFn: [{ type: i0.Input, args: [{ isSignal: true, alias: "getItemSelectableFn", required: false }] }], getChildrenFn: [{ type: i0.Input, args: [{ isSignal: true, alias: "getChildrenFn", required: false }] }], useAutoSort: [{ type: i0.Input, args: [{ isSignal: true, alias: "useAutoSort", required: false }] }], visiblePageCount: [{ type: i0.Input, args: [{ isSignal: true, alias: "visiblePageCount", required: false }] }], totalPageCount: [{ type: i0.Input, args: [{ isSignal: true, alias: "totalPageCount", required: false }] }], itemsPerPage: [{ type: i0.Input, args: [{ isSignal: true, alias: "itemsPerPage", required: false }] }], focusMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "focusMode", required: false }] }], inset: [{ type: i0.Input, args: [{ isSignal: true, alias: "inset", required: false }] }], contentStyle: [{ type: i0.Input, args: [{ isSignal: true, alias: "contentStyle", required: false }] }], getItemCellClassFn: [{ type: i0.Input, args: [{ isSignal: true, alias: "getItemCellClassFn", required: false }] }], getItemCellStyleFn: [{ type: i0.Input, args: [{ isSignal: true, alias: "getItemCellStyleFn", required: false }] }], hideConfigBar: [{ type: i0.Input, args: [{ isSignal: true, alias: "hideConfigBar", required: false }] }], itemKeydown: [{ type: i0.Output, args: ["itemKeydown"] }], cellKeydown: [{ type: i0.Output, args: ["cellKeydown"] }], selectedKeys: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectedKeys", required: false }] }, { type: i0.Output, args: ["selectedKeysChange"] }], expandedItems: [{ type: i0.Input, args: [{ isSignal: true, alias: "expandedItems", required: false }] }, { type: i0.Output, args: ["expandedItemsChange"] }], sorts: [{ type: i0.Input, args: [{ isSignal: true, alias: "sorts", required: false }] }, { type: i0.Output, args: ["sortsChange"] }], currentPage: [{ type: i0.Input, args: [{ isSignal: true, alias: "currentPage", required: false }] }, { type: i0.Output, args: ["currentPageChange"] }], columnControls: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => SdSheetColumn), { isSignal: true }] }], columnControlsInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "columnControlsInput", required: false }] }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SdSheet, { className: "SdSheet", filePath: "packages/angular/src/data/sheet/sd-sheet.ts", lineNumber: 586 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SdSheet, { className: "SdSheet", filePath: "packages/angular/src/data/sheet/sd-sheet.ts", lineNumber: 587 }); })();

package/dist/data/sheet/useSheetCellStyling.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useSheetCellStyling.d.ts","sourceRoot":"","sources":["../../../src/data/sheet/useSheetCellStyling.ts"],"names":[],"mappings":"AAAA,OAAO,EAAY,KAAK,MAAM,EAAE,MAAM,eAAe,CAAC;AACtD,OAAO,KAAK,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAClE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,0CAA0C,CAAC;AAE9E,wBAAgB,mBAAmB,CAAC,CAAC,EAAE,OAAO,EAAE;IAC9C,UAAU,EAAE,MAAM,CAAC,gBAAgB,EAAE,CAAC,CAAC;IACvC,YAAY,EAAE,MAAM,CAAC,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC;IAC1C,kBAAkB,EAAE,MAAM,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,MAAM,EAAE,MAAM,KAAK,MAAM,GAAG,SAAS,CAAC,GAAG,SAAS,CAAC,CAAC;IAC1F,kBAAkB,EAAE,MAAM,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,MAAM,EAAE,MAAM,KAAK,MAAM,CAAC,GAAG,SAAS,CAAC,CAAC;IAC9E,aAAa,EAAE,MAAM,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,CAAC,EAAE,GAAG,SAAS,CAAC,GAAG,SAAS,CAAC,CAAC;IACjF,YAAY,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,aAAa,CAAC,CAAC,CAAC,CAAC;IAC5C,cAAc,EAAE,CAAC,IAAI,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,KAAK,OAAO,CAAC;CAC7D;+BAmCmC,gBAAgB,KAAG,MAAM,GAAG,IAAI;yBAStC,CAAC,UAAU,gBAAgB,KAAG,MAAM,GAAG,IAAI;gCAQpC,MAAM,KAAG,MAAM,GAAG,IAAI;mCAInB,CAAC,UAAU,gBAAgB,UAAU,MAAM,KAAG,MAAM,GAAG,IAAI;6BAejE,CAAC,UAAU,gBAAgB,KAAK,MAAM,KAAK,MAAM,KAAG,MAAM,GAAG,IAAI;EAoBlG"}
+{"version":3,"file":"useSheetCellStyling.d.ts","sourceRoot":"","sources":["../../../src/data/sheet/useSheetCellStyling.ts"],"names":[],"mappings":"AAAA,OAAO,EAAY,KAAK,MAAM,EAAE,MAAM,eAAe,CAAC;AACtD,OAAO,KAAK,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAClE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,0CAA0C,CAAC;AAE9E,wBAAgB,mBAAmB,CAAC,CAAC,EAAE,OAAO,EAAE;IAC9C,UAAU,EAAE,MAAM,CAAC,gBAAgB,EAAE,CAAC,CAAC;IACvC,YAAY,EAAE,MAAM,CAAC,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC;IAC1C,kBAAkB,EAAE,MAAM,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,MAAM,EAAE,MAAM,KAAK,MAAM,GAAG,SAAS,CAAC,GAAG,SAAS,CAAC,CAAC;IAC1F,kBAAkB,EAAE,MAAM,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,MAAM,EAAE,MAAM,KAAK,MAAM,CAAC,GAAG,SAAS,CAAC,CAAC;IAC9E,aAAa,EAAE,MAAM,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,CAAC,EAAE,GAAG,SAAS,CAAC,GAAG,SAAS,CAAC,CAAC;IACjF,YAAY,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,aAAa,CAAC,CAAC,CAAC,CAAC;IAC5C,cAAc,EAAE,CAAC,IAAI,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,KAAK,OAAO,CAAC;CAC7D;+BAmCmC,gBAAgB,KAAG,MAAM,GAAG,IAAI;yBAStC,CAAC,UAAU,gBAAgB,KAAG,MAAM,GAAG,IAAI;gCAQpC,MAAM,KAAG,MAAM,GAAG,IAAI;mCAKjD,CAAC,UACC,gBAAgB,UAChB,MAAM,KACb,MAAM,GAAG,IAAI;6BAgBR,CAAC,UACC,gBAAgB,KACrB,MAAM,KACN,MAAM,KACR,MAAM,GAAG,IAAI;EAoBjB"}

package/dist/data/sheet/useSheetCellStyling.js

@@ -65,7 +65,7 @@ export function useSheetCellStyling(options) {
         if (colIdx === 0 && options.getChildrenFn() != null) {
             const itemDef = options.expandingDef(item);
             if (itemDef.depth > 0) {
-                parts.push(`padding-left: calc(var(--gap-default) + ${itemDef.depth}em)`);
+                parts.push(`padding-left: calc(var(--sd-gap-default) + ${itemDef.depth}em)`);
             }
         }
         return parts.length > 0 ? parts.join("; ") : null;

package/dist/data/state-preset/sd-state-preset.js

@@ -100,7 +100,7 @@ export class SdStatePreset {
     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"], [1, "tx-theme-warning-default", 3, "svg"], [1, "_preset-item"], [1, "_preset-name", "tx-trans-default", 3, "click"], [1, "_preset-save", 3, "click"], [3, "svg", "size"], [1, "_preset-delete", 3, "click", "theme"]], template: function SdStatePreset_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"], [1, "tx-warning", 3, "svg"], [1, "_preset-item"], [1, "_preset-name", "tx-default", 3, "click"], [1, "_preset-save", 3, "click"], [3, "svg", "size"], [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 SdStatePreset_Template_sd_anchor_click_1_listener() { return ctx.onAddClick(); });
             i0.ɵɵelement(2, "ng-icon", 2);
@@ -112,18 +112,18 @@ export class SdStatePreset {
             i0.ɵɵproperty("svg", ctx.tablerStar);
             i0.ɵɵadvance();
             i0.ɵɵrepeater(ctx._presets());
-        } }, dependencies: [SdAnchor, NgIcon], styles: ["sd-state-preset {\n  display: inline-block;\n  vertical-align: top;\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  line-height: var(--line-height);\n  border: 1px solid transparent;\n  padding: var(--gap-sm) var(--gap-default);\n}\nsd-state-preset > ._sd-state-preset > ._preset-item {\n  display: inline-flex;\n  align-items: center;\n  gap: var(--gap-xs);\n  line-height: var(--line-height);\n  border: 1px solid transparent;\n  border-radius: var(--border-radius-lg);\n  padding: var(--gap-sm) var(--gap-default);\n  background: var(--theme-gray-lightest);\n}\nsd-state-preset > ._sd-state-preset > ._preset-item:hover {\n  background: var(--theme-gray-lighter);\n}\nsd-state-preset > ._sd-state-preset > ._preset-item > sd-anchor {\n  padding: 0 var(--gap-sm);\n}\nsd-state-preset[data-sd-size=sm] > ._sd-state-preset > ._add-btn {\n  padding: var(--gap-xs) var(--gap-default);\n}\nsd-state-preset[data-sd-size=sm] > ._sd-state-preset > ._preset-item {\n  padding: var(--gap-xs) var(--gap-default);\n}\nsd-state-preset[data-sd-size=lg] > ._sd-state-preset > ._add-btn {\n  padding: var(--gap-default) var(--gap-lg);\n}\nsd-state-preset[data-sd-size=lg] > ._sd-state-preset > ._preset-item {\n  padding: var(--gap-default) var(--gap-lg);\n}"], encapsulation: 2 });
+        } }, dependencies: [SdAnchor, NgIcon], styles: ["sd-state-preset {\n  display: inline-block;\n  vertical-align: top;\n}\nsd-state-preset > ._sd-state-preset {\n  display: flex;\n  align-items: center;\n  gap: var(--sd-gap-sm);\n  flex-wrap: wrap;\n}\nsd-state-preset > ._sd-state-preset > ._add-btn {\n  line-height: var(--sd-line-height);\n  border: 1px solid transparent;\n  padding: var(--sd-gap-sm) var(--sd-gap-default);\n}\nsd-state-preset > ._sd-state-preset > ._preset-item {\n  display: inline-flex;\n  align-items: center;\n  gap: var(--sd-gap-xs);\n  line-height: var(--sd-line-height);\n  border: 1px solid transparent;\n  border-radius: var(--sd-radius-lg);\n  padding: var(--sd-gap-sm) var(--sd-gap-default);\n  background-color: var(--sd-bg-gray-subtle);\n}\nsd-state-preset > ._sd-state-preset > ._preset-item:hover {\n  background-color: var(--sd-bg-gray-subtle-hover);\n}\nsd-state-preset > ._sd-state-preset > ._preset-item > sd-anchor {\n  padding: 0 var(--sd-gap-sm);\n}\nsd-state-preset[data-sd-size=sm] > ._sd-state-preset > ._add-btn {\n  padding: var(--sd-gap-xs) var(--sd-gap-default);\n}\nsd-state-preset[data-sd-size=sm] > ._sd-state-preset > ._preset-item {\n  padding: var(--sd-gap-xs) var(--sd-gap-default);\n}\nsd-state-preset[data-sd-size=lg] > ._sd-state-preset > ._add-btn {\n  padding: var(--sd-gap-default) var(--sd-gap-lg);\n}\nsd-state-preset[data-sd-size=lg] > ._sd-state-preset > ._preset-item {\n  padding: var(--sd-gap-default) var(--sd-gap-lg);\n}"], encapsulation: 2 });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SdStatePreset, [{
         type: Component,
         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" class="tx-theme-warning-default" />
+        <ng-icon [svg]="tablerStar" class="tx-warning" />
       </sd-anchor>
       @for (preset of _presets(); track preset.name) {
         <div class="_preset-item">
-          <sd-anchor class="_preset-name tx-trans-default" (click)="onPresetClick(preset)">
+          <sd-anchor class="_preset-name tx-default" (click)="onPresetClick(preset)">
             {{ preset.name }}
           </sd-anchor>
           <sd-anchor class="_preset-save" (click)="onSaveClick(preset)">
@@ -137,6 +137,6 @@ export class SdStatePreset {
     </div>
   `, host: {
                     "[attr.data-sd-size]": "size()",
-                }, styles: ["sd-state-preset {\n  display: inline-block;\n  vertical-align: top;\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  line-height: var(--line-height);\n  border: 1px solid transparent;\n  padding: var(--gap-sm) var(--gap-default);\n}\nsd-state-preset > ._sd-state-preset > ._preset-item {\n  display: inline-flex;\n  align-items: center;\n  gap: var(--gap-xs);\n  line-height: var(--line-height);\n  border: 1px solid transparent;\n  border-radius: var(--border-radius-lg);\n  padding: var(--gap-sm) var(--gap-default);\n  background: var(--theme-gray-lightest);\n}\nsd-state-preset > ._sd-state-preset > ._preset-item:hover {\n  background: var(--theme-gray-lighter);\n}\nsd-state-preset > ._sd-state-preset > ._preset-item > sd-anchor {\n  padding: 0 var(--gap-sm);\n}\nsd-state-preset[data-sd-size=sm] > ._sd-state-preset > ._add-btn {\n  padding: var(--gap-xs) var(--gap-default);\n}\nsd-state-preset[data-sd-size=sm] > ._sd-state-preset > ._preset-item {\n  padding: var(--gap-xs) var(--gap-default);\n}\nsd-state-preset[data-sd-size=lg] > ._sd-state-preset > ._add-btn {\n  padding: var(--gap-default) var(--gap-lg);\n}\nsd-state-preset[data-sd-size=lg] > ._sd-state-preset > ._preset-item {\n  padding: var(--gap-default) var(--gap-lg);\n}"] }]
+                }, styles: ["sd-state-preset {\n  display: inline-block;\n  vertical-align: top;\n}\nsd-state-preset > ._sd-state-preset {\n  display: flex;\n  align-items: center;\n  gap: var(--sd-gap-sm);\n  flex-wrap: wrap;\n}\nsd-state-preset > ._sd-state-preset > ._add-btn {\n  line-height: var(--sd-line-height);\n  border: 1px solid transparent;\n  padding: var(--sd-gap-sm) var(--sd-gap-default);\n}\nsd-state-preset > ._sd-state-preset > ._preset-item {\n  display: inline-flex;\n  align-items: center;\n  gap: var(--sd-gap-xs);\n  line-height: var(--sd-line-height);\n  border: 1px solid transparent;\n  border-radius: var(--sd-radius-lg);\n  padding: var(--sd-gap-sm) var(--sd-gap-default);\n  background-color: var(--sd-bg-gray-subtle);\n}\nsd-state-preset > ._sd-state-preset > ._preset-item:hover {\n  background-color: var(--sd-bg-gray-subtle-hover);\n}\nsd-state-preset > ._sd-state-preset > ._preset-item > sd-anchor {\n  padding: 0 var(--sd-gap-sm);\n}\nsd-state-preset[data-sd-size=sm] > ._sd-state-preset > ._add-btn {\n  padding: var(--sd-gap-xs) var(--sd-gap-default);\n}\nsd-state-preset[data-sd-size=sm] > ._sd-state-preset > ._preset-item {\n  padding: var(--sd-gap-xs) var(--sd-gap-default);\n}\nsd-state-preset[data-sd-size=lg] > ._sd-state-preset > ._add-btn {\n  padding: var(--sd-gap-default) var(--sd-gap-lg);\n}\nsd-state-preset[data-sd-size=lg] > ._sd-state-preset > ._preset-item {\n  padding: var(--sd-gap-default) var(--sd-gap-lg);\n}"] }]
     }], null, { key: [{ type: i0.Input, args: [{ isSignal: true, alias: "key", required: true }] }], state: [{ type: i0.Input, args: [{ isSignal: true, alias: "state", required: true }] }, { type: i0.Output, args: ["stateChange"] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SdStatePreset, { className: "SdStatePreset", filePath: "packages/angular/src/data/state-preset/sd-state-preset.ts", lineNumber: 115 }); })();

package/dist/features/editor/sd-markdown-editor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"sd-markdown-editor.d.ts","sourceRoot":"","sources":["../../../src/features/editor/sd-markdown-editor.ts"],"names":[],"mappings":"AAAA,OAAO,EAcL,KAAK,cAAc,EACpB,MAAM,eAAe,CAAC;AAEvB,OAAO,EAAE,MAAM,EAAqB,MAAM,cAAc,CAAC;AAIzD,OAAO,EAAoB,KAAK,aAAa,EAAE,MAAM,oBAAoB,CAAC;;AAO1E,qBA6Ha,gBAAgB;IAC3B,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;IAEzE,OAAO,CAAC,QAAQ,CAAC,MAAM,CAA+C;IACtE,OAAO,CAAC,QAAQ,CAAC,WAAW,CAAsB;IAElD,qDAAqD;IACrD,MAAM,EAAE,cAAc,CAAC,MAAM,GAAG,SAAS,CAAC,CAAqB;IAE/D,OAAO,CAAC,QAAQ,CAAC,QAAQ,CAA6C;IACtE,YAAY,kEAA8B;IAE1C,OAAO,CAAC,mBAAmB,CAAqB;IAChD,OAAO,CAAC,eAAe,CAA6B;IAEpD,OAAO,CAAC,QAAQ,CAAC,mBAAmB,CAMjC;;IA2DH,OAAO,CAAC,GAAG,EAAE,aAAa,GAAG,IAAI;IAKjC,OAAO,CAAC,aAAa;IAqBrB,OAAO,CAAC,cAAc;IAStB,OAAO,CAAC,sBAAsB;yCAxHnB,gBAAgB;2CAAhB,gBAAgB;CA4H5B"}
+{"version":3,"file":"sd-markdown-editor.d.ts","sourceRoot":"","sources":["../../../src/features/editor/sd-markdown-editor.ts"],"names":[],"mappings":"AAAA,OAAO,EAcL,KAAK,cAAc,EACpB,MAAM,eAAe,CAAC;AAEvB,OAAO,EAAE,MAAM,EAAqB,MAAM,cAAc,CAAC;AAIzD,OAAO,EAAoB,KAAK,aAAa,EAAE,MAAM,oBAAoB,CAAC;;AAI1E,qBAoLa,gBAAgB;IAC3B,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;IAEzE,OAAO,CAAC,QAAQ,CAAC,MAAM,CAA+C;IACtE,OAAO,CAAC,QAAQ,CAAC,WAAW,CAAsB;IAElD,qDAAqD;IACrD,MAAM,EAAE,cAAc,CAAC,MAAM,GAAG,SAAS,CAAC,CAAqB;IAE/D,OAAO,CAAC,QAAQ,CAAC,QAAQ,CAA6C;IACtE,YAAY,kEAA8B;IAE1C,OAAO,CAAC,mBAAmB,CAAqB;IAChD,OAAO,CAAC,eAAe,CAA6B;IAEpD,OAAO,CAAC,QAAQ,CAAC,mBAAmB,CAMjC;;IA2DH,OAAO,CAAC,GAAG,EAAE,aAAa,GAAG,IAAI;IAKjC,OAAO,CAAC,aAAa;IAuBrB,OAAO,CAAC,cAAc;IAStB,OAAO,CAAC,sBAAsB;yCA1HnB,gBAAgB;2CAAhB,gBAAgB;CA8H5B"}

package/dist/features/editor/sd-markdown-editor.js

@@ -10,31 +10,31 @@ function SdMarkdownEditor_Conditional_0_Template(rf, ctx) { if (rf & 1) {
     const _r1 = i0.ɵɵgetCurrentView();
     i0.ɵɵdomElementStart(0, "div", 0)(1, "div", 2)(2, "button", 3);
     i0.ɵɵdomListener("click", function SdMarkdownEditor_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.ɵɵtext(3, " H1 ");
     i0.ɵɵdomElementEnd();
     i0.ɵɵdomElementStart(4, "button", 4);
     i0.ɵɵdomListener("click", function SdMarkdownEditor_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.ɵɵtext(5, " H2 ");
     i0.ɵɵdomElementEnd()();
     i0.ɵɵdomElementStart(6, "div", 2)(7, "button", 5);
     i0.ɵɵdomListener("click", function SdMarkdownEditor_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.ɵɵtext(8, " B ");
     i0.ɵɵdomElementEnd();
     i0.ɵɵdomElementStart(9, "button", 6);
     i0.ɵɵdomListener("click", function SdMarkdownEditor_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.ɵɵtext(10, " I ");
     i0.ɵɵdomElementEnd();
     i0.ɵɵdomElementStart(11, "button", 7);
     i0.ɵɵdomListener("click", function SdMarkdownEditor_Conditional_0_Template_button_click_11_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.execCmd("strike")); });
-    i0.ɵɵtext(12, "S");
+    i0.ɵɵtext(12, " S ");
     i0.ɵɵdomElementEnd()();
     i0.ɵɵdomElementStart(13, "div", 2)(14, "button", 8);
     i0.ɵɵdomListener("click", function SdMarkdownEditor_Conditional_0_Template_button_click_14_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.execCmd("bulletList")); });
-    i0.ɵɵtext(15, "UL");
+    i0.ɵɵtext(15, " UL ");
     i0.ɵɵdomElementEnd();
     i0.ɵɵdomElementStart(16, "button", 9);
     i0.ɵɵdomListener("click", function SdMarkdownEditor_Conditional_0_Template_button_click_16_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.execCmd("orderedList")); });
-    i0.ɵɵtext(17, "OL");
+    i0.ɵɵtext(17, " OL ");
     i0.ɵɵdomElementEnd();
     i0.ɵɵdomElementStart(18, "button", 10);
     i0.ɵɵdomListener("click", function SdMarkdownEditor_Conditional_0_Template_button_click_18_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.execCmd("indent")); });
@@ -46,11 +46,11 @@ function SdMarkdownEditor_Conditional_0_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵdomElementEnd()();
     i0.ɵɵdomElementStart(22, "div", 2)(23, "button", 12);
     i0.ɵɵdomListener("click", function SdMarkdownEditor_Conditional_0_Template_button_click_23_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.execCmd("blockquote")); });
-    i0.ɵɵtext(24, "\u275D");
+    i0.ɵɵtext(24, " \u275D ");
     i0.ɵɵdomElementEnd();
     i0.ɵɵdomElementStart(25, "button", 13);
     i0.ɵɵdomListener("click", function SdMarkdownEditor_Conditional_0_Template_button_click_25_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.execCmd("codeBlock")); });
-    i0.ɵɵtext(26, "</>");
+    i0.ɵɵtext(26, " </> ");
     i0.ɵɵdomElementEnd()();
     i0.ɵɵdomElementStart(27, "div", 2)(28, "button", 14);
     i0.ɵɵdomListener("click", function SdMarkdownEditor_Conditional_0_Template_button_click_28_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.execCmd("clean")); });
@@ -77,10 +77,7 @@ function SdMarkdownEditor_Conditional_0_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵadvance(2);
     i0.ɵɵclassProp("_active", ctx_r1.activeStates().codeBlock);
 } }
-const DEFAULT_EXTENSIONS = [
-    StarterKit,
-    Markdown,
-];
+const DEFAULT_EXTENSIONS = [StarterKit, Markdown];
 export class SdMarkdownEditor {
     value = model(/* @ts-ignore */
     ...(ngDevMode ? [undefined, { debugName: "value" }] : /* istanbul ignore next */ []));
@@ -206,7 +203,7 @@ export class SdMarkdownEditor {
             i0.ɵɵdomElement(1, "div", 1);
         } if (rf & 2) {
             i0.ɵɵconditional(!ctx.disabled() && !ctx.readonly() ? 0 : -1);
-        } }, styles: ["sd-markdown-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-markdown-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-markdown-editor > ._toolbar > ._btn-group {\n  display: flex;\n  gap: 1px;\n}\nsd-markdown-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-markdown-editor > ._toolbar > ._btn-group > button._active {\n  background: var(--theme-primary-default);\n  color: var(--text-trans-rev-default);\n}\nsd-markdown-editor > ._toolbar > ._btn-group > button:hover {\n  background: var(--trans-lighter);\n}\nsd-markdown-editor > ._toolbar > ._btn-group > button._active:hover {\n  background: var(--theme-primary-default);\n}\nsd-markdown-editor > ._editor-container {\n  padding: var(--gap-sm);\n  min-height: 6.25rem;\n  font-family: var(--font-family-field);\n}\nsd-markdown-editor > ._editor-container > .tiptap {\n  outline: none;\n}\nsd-markdown-editor > ._editor-container > .tiptap:focus {\n  outline: none;\n}\nsd-markdown-editor[data-sd-disabled=true] {\n  background: var(--theme-gray-lightest);\n  color: var(--text-trans-light);\n}\nsd-markdown-editor[data-sd-disabled=true] > ._editor-container > .tiptap {\n  cursor: not-allowed;\n}\nsd-markdown-editor[data-sd-readonly=true] > ._editor-container > .tiptap {\n  cursor: default;\n}"], encapsulation: 2 });
+        } }, styles: ["sd-markdown-editor {\n  display: block;\n  position: relative;\n  border: 1px solid var(--sd-bd-field);\n  border-radius: var(--sd-radius-default);\n  background-color: var(--sd-bg-field);\n}\nsd-markdown-editor > ._toolbar {\n  display: flex;\n  flex-wrap: wrap;\n  gap: var(--sd-gap-xs);\n  padding: var(--sd-gap-xs);\n  border-bottom: 1px solid var(--sd-bd-hairline);\n}\nsd-markdown-editor > ._toolbar > ._btn-group {\n  display: flex;\n  gap: 1px;\n}\nsd-markdown-editor > ._toolbar > ._btn-group > button {\n  padding: var(--sd-gap-xs) var(--sd-gap-sm);\n  border: 1px solid var(--sd-bd-hairline);\n  border-radius: var(--sd-radius-default);\n  background-color: transparent;\n  cursor: pointer;\n  font-size: var(--sd-font-size-default);\n  line-height: 1;\n}\nsd-markdown-editor > ._toolbar > ._btn-group > button._active {\n  background-color: var(--sd-bg-primary-solid);\n  color: var(--sd-tx-primary-solid);\n}\nsd-markdown-editor > ._toolbar > ._btn-group > button:hover {\n  background-color: var(--sd-bg-state-hover);\n}\nsd-markdown-editor > ._toolbar > ._btn-group > button._active:hover {\n  background-color: var(--sd-bg-primary-solid);\n}\nsd-markdown-editor > ._editor-container {\n  padding: var(--sd-gap-sm);\n  min-height: 6.25rem;\n  font-family: var(--sd-font-family-field);\n}\nsd-markdown-editor > ._editor-container > .tiptap {\n  outline: none;\n}\nsd-markdown-editor > ._editor-container > .tiptap:focus {\n  outline: none;\n}\nsd-markdown-editor[data-sd-disabled=true] {\n  background-color: var(--sd-bg-disabled);\n  color: var(--sd-tx-disabled);\n}\nsd-markdown-editor[data-sd-disabled=true] > ._editor-container > .tiptap {\n  cursor: not-allowed;\n}\nsd-markdown-editor[data-sd-readonly=true] > ._editor-container > .tiptap {\n  cursor: default;\n}"], encapsulation: 2 });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SdMarkdownEditor, [{
         type: Component,
@@ -214,32 +211,86 @@ export class SdMarkdownEditor {
     @if (!disabled() && !readonly()) {
       <div class="_toolbar">
         <div class="_btn-group">
-          <button type="button" data-cmd="h1" [class._active]="activeStates().h1"
-                  (click)="execCmd('h1')">H1</button>
-          <button type="button" data-cmd="h2" [class._active]="activeStates().h2"
-                  (click)="execCmd('h2')">H2</button>
+          <button
+            type="button"
+            data-cmd="h1"
+            [class._active]="activeStates().h1"
+            (click)="execCmd('h1')"
+          >
+            H1
+          </button>
+          <button
+            type="button"
+            data-cmd="h2"
+            [class._active]="activeStates().h2"
+            (click)="execCmd('h2')"
+          >
+            H2
+          </button>
         </div>
         <div class="_btn-group">
-          <button type="button" data-cmd="bold" [class._active]="activeStates().bold"
-                  (click)="execCmd('bold')">B</button>
-          <button type="button" data-cmd="italic" [class._active]="activeStates().italic"
-                  (click)="execCmd('italic')">I</button>
-          <button type="button" data-cmd="strike" [class._active]="activeStates().strike"
-                  (click)="execCmd('strike')">S</button>
+          <button
+            type="button"
+            data-cmd="bold"
+            [class._active]="activeStates().bold"
+            (click)="execCmd('bold')"
+          >
+            B
+          </button>
+          <button
+            type="button"
+            data-cmd="italic"
+            [class._active]="activeStates().italic"
+            (click)="execCmd('italic')"
+          >
+            I
+          </button>
+          <button
+            type="button"
+            data-cmd="strike"
+            [class._active]="activeStates().strike"
+            (click)="execCmd('strike')"
+          >
+            S
+          </button>
         </div>
         <div class="_btn-group">
-          <button type="button" data-cmd="bulletList" [class._active]="activeStates().bulletList"
-                  (click)="execCmd('bulletList')">UL</button>
-          <button type="button" data-cmd="orderedList" [class._active]="activeStates().orderedList"
-                  (click)="execCmd('orderedList')">OL</button>
+          <button
+            type="button"
+            data-cmd="bulletList"
+            [class._active]="activeStates().bulletList"
+            (click)="execCmd('bulletList')"
+          >
+            UL
+          </button>
+          <button
+            type="button"
+            data-cmd="orderedList"
+            [class._active]="activeStates().orderedList"
+            (click)="execCmd('orderedList')"
+          >
+            OL
+          </button>
           <button type="button" data-cmd="indent" (click)="execCmd('indent')">→</button>
           <button type="button" data-cmd="outdent" (click)="execCmd('outdent')">←</button>
         </div>
         <div class="_btn-group">
-          <button type="button" data-cmd="blockquote" [class._active]="activeStates().blockquote"
-                  (click)="execCmd('blockquote')">❝</button>
-          <button type="button" data-cmd="codeBlock" [class._active]="activeStates().codeBlock"
-                  (click)="execCmd('codeBlock')">&lt;/&gt;</button>
+          <button
+            type="button"
+            data-cmd="blockquote"
+            [class._active]="activeStates().blockquote"
+            (click)="execCmd('blockquote')"
+          >
+            ❝
+          </button>
+          <button
+            type="button"
+            data-cmd="codeBlock"
+            [class._active]="activeStates().codeBlock"
+            (click)="execCmd('codeBlock')"
+          >
+            &lt;/&gt;
+          </button>
         </div>
         <div class="_btn-group">
           <button type="button" data-cmd="clean" (click)="execCmd('clean')">Tx</button>
@@ -250,6 +301,6 @@ export class SdMarkdownEditor {
   `, host: {
                     "[attr.data-sd-disabled]": "disabled()",
                     "[attr.data-sd-readonly]": "readonly()",
-                }, styles: ["sd-markdown-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-markdown-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-markdown-editor > ._toolbar > ._btn-group {\n  display: flex;\n  gap: 1px;\n}\nsd-markdown-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-markdown-editor > ._toolbar > ._btn-group > button._active {\n  background: var(--theme-primary-default);\n  color: var(--text-trans-rev-default);\n}\nsd-markdown-editor > ._toolbar > ._btn-group > button:hover {\n  background: var(--trans-lighter);\n}\nsd-markdown-editor > ._toolbar > ._btn-group > button._active:hover {\n  background: var(--theme-primary-default);\n}\nsd-markdown-editor > ._editor-container {\n  padding: var(--gap-sm);\n  min-height: 6.25rem;\n  font-family: var(--font-family-field);\n}\nsd-markdown-editor > ._editor-container > .tiptap {\n  outline: none;\n}\nsd-markdown-editor > ._editor-container > .tiptap:focus {\n  outline: none;\n}\nsd-markdown-editor[data-sd-disabled=true] {\n  background: var(--theme-gray-lightest);\n  color: var(--text-trans-light);\n}\nsd-markdown-editor[data-sd-disabled=true] > ._editor-container > .tiptap {\n  cursor: not-allowed;\n}\nsd-markdown-editor[data-sd-readonly=true] > ._editor-container > .tiptap {\n  cursor: default;\n}"] }]
+                }, styles: ["sd-markdown-editor {\n  display: block;\n  position: relative;\n  border: 1px solid var(--sd-bd-field);\n  border-radius: var(--sd-radius-default);\n  background-color: var(--sd-bg-field);\n}\nsd-markdown-editor > ._toolbar {\n  display: flex;\n  flex-wrap: wrap;\n  gap: var(--sd-gap-xs);\n  padding: var(--sd-gap-xs);\n  border-bottom: 1px solid var(--sd-bd-hairline);\n}\nsd-markdown-editor > ._toolbar > ._btn-group {\n  display: flex;\n  gap: 1px;\n}\nsd-markdown-editor > ._toolbar > ._btn-group > button {\n  padding: var(--sd-gap-xs) var(--sd-gap-sm);\n  border: 1px solid var(--sd-bd-hairline);\n  border-radius: var(--sd-radius-default);\n  background-color: transparent;\n  cursor: pointer;\n  font-size: var(--sd-font-size-default);\n  line-height: 1;\n}\nsd-markdown-editor > ._toolbar > ._btn-group > button._active {\n  background-color: var(--sd-bg-primary-solid);\n  color: var(--sd-tx-primary-solid);\n}\nsd-markdown-editor > ._toolbar > ._btn-group > button:hover {\n  background-color: var(--sd-bg-state-hover);\n}\nsd-markdown-editor > ._toolbar > ._btn-group > button._active:hover {\n  background-color: var(--sd-bg-primary-solid);\n}\nsd-markdown-editor > ._editor-container {\n  padding: var(--sd-gap-sm);\n  min-height: 6.25rem;\n  font-family: var(--sd-font-family-field);\n}\nsd-markdown-editor > ._editor-container > .tiptap {\n  outline: none;\n}\nsd-markdown-editor > ._editor-container > .tiptap:focus {\n  outline: none;\n}\nsd-markdown-editor[data-sd-disabled=true] {\n  background-color: var(--sd-bg-disabled);\n  color: var(--sd-tx-disabled);\n}\nsd-markdown-editor[data-sd-disabled=true] > ._editor-container > .tiptap {\n  cursor: not-allowed;\n}\nsd-markdown-editor[data-sd-readonly=true] > ._editor-container > .tiptap {\n  cursor: default;\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 }] }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SdMarkdownEditor, { className: "SdMarkdownEditor", filePath: "packages/angular/src/features/editor/sd-markdown-editor.ts", lineNumber: 154 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SdMarkdownEditor, { className: "SdMarkdownEditor", filePath: "packages/angular/src/features/editor/sd-markdown-editor.ts", lineNumber: 206 }); })();

package/dist/features/editor/sd-tiptap-editor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"sd-tiptap-editor.d.ts","sourceRoot":"","sources":["../../../src/features/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;;AAqBzD,qBAuMa,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,MAAM,CAA+C;IACtE,OAAO,CAAC,QAAQ,CAAC,WAAW,CAAsB;IAElD,QAAQ,CAAC,YAAY,WAMnB;IAEF,qDAAqD;IACrD,MAAM,EAAE,cAAc,CAAC,MAAM,GAAG,SAAS,CAAC,CAAqB;IAE/D,OAAO,CAAC,QAAQ,CAAC,QAAQ,CAA6C;IACtE,YAAY,kEAA8B;IAC1C,WAAW,yBAA6B;IACxC,aAAa,yBAA+B;IAC5C,eAAe,4CAAiC;IAChD,OAAO,4DAAyB;IAChC,iBAAiB,gCAAmC;IACpD,UAAU,sCAA4B;IAEtC,OAAO,CAAC,eAAe,CAAqB;IAC5C,OAAO,CAAC,eAAe,CAA6B;IAEpD,OAAO,CAAC,QAAQ,CAAC,mBAAmB,CASjC;;IA6DH,OAAO,CAAC,aAAa;IAoBrB,OAAO,CAAC,cAAc;IAStB,OAAO,CAAC,kBAAkB;yCAtIf,cAAc;2CAAd,cAAc;CA4I1B"}
+{"version":3,"file":"sd-tiptap-editor.d.ts","sourceRoot":"","sources":["../../../src/features/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;;AAqBzD,qBAwSa,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,MAAM,CAA+C;IACtE,OAAO,CAAC,QAAQ,CAAC,WAAW,CAAsB;IAElD,QAAQ,CAAC,YAAY,WAyCnB;IAEF,qDAAqD;IACrD,MAAM,EAAE,cAAc,CAAC,MAAM,GAAG,SAAS,CAAC,CAAqB;IAE/D,OAAO,CAAC,QAAQ,CAAC,QAAQ,CAA6C;IACtE,YAAY,kEAA8B;IAC1C,WAAW,yBAA6B;IACxC,aAAa,yBAA+B;IAC5C,eAAe,4CAAiC;IAChD,OAAO,4DAAyB;IAChC,iBAAiB,gCAAmC;IACpD,UAAU,sCAA4B;IAEtC,OAAO,CAAC,eAAe,CAAqB;IAC5C,OAAO,CAAC,eAAe,CAA6B;IAEpD,OAAO,CAAC,QAAQ,CAAC,mBAAmB,CASjC;;IA6DH,OAAO,CAAC,aAAa;IAsBrB,OAAO,CAAC,cAAc;IAStB,OAAO,CAAC,kBAAkB;yCA3Kf,cAAc;2CAAd,cAAc;CAgL1B"}