@semantic-components/editor 0.63.0 → 0.65.0

package/esm2022/lib/components/editor/editor-count.js

@@ -0,0 +1,27 @@
+import { Component, ChangeDetectionStrategy, computed, input, ViewEncapsulation, } from '@angular/core';
+import { cn } from '@semantic-components/ui';
+import * as i0 from "@angular/core";
+export class ScEditorCount {
+    classInput = input('', { ...(ngDevMode ? { debugName: "classInput" } : {}), alias: 'class' });
+    class = computed(() => cn('flex items-center justify-end gap-4', this.classInput()), ...(ngDevMode ? [{ debugName: "class" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.4", ngImport: i0, type: ScEditorCount, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.1.4", type: ScEditorCount, isStandalone: true, selector: "div[sc-editor-count]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "editor-count" }, properties: { "class": "class()" } }, ngImport: i0, template: `
+    <ng-content />
+  `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.4", ngImport: i0, type: ScEditorCount, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'div[sc-editor-count]',
+                    template: `
+    <ng-content />
+  `,
+                    host: {
+                        'data-slot': 'editor-count',
+                        '[class]': 'class()',
+                    },
+                    encapsulation: ViewEncapsulation.None,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                }]
+        }], propDecorators: { classInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
+//# sourceMappingURL=editor-count.js.map

package/esm2022/lib/components/editor/editor-count.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"editor-count.js","sourceRoot":"","sources":["../../../../../../../libs/editor/src/lib/components/editor/editor-count.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,SAAS,EACT,uBAAuB,EACvB,QAAQ,EACR,KAAK,EACL,iBAAiB,GAClB,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,EAAE,EAAE,MAAM,yBAAyB,CAAC;;AAc7C,MAAM,OAAO,aAAa;IACf,UAAU,GAAG,KAAK,CAAS,EAAE,uDAAI,KAAK,EAAE,OAAO,GAAG,CAAC;IAEzC,KAAK,GAAG,QAAQ,CAAC,GAAG,EAAE,CACvC,EAAE,CAAC,qCAAqC,EAAE,IAAI,CAAC,UAAU,EAAE,CAAC,iDAC7D,CAAC;uGALS,aAAa;2FAAb,aAAa,yTAVd;;GAET;;2FAQU,aAAa;kBAZzB,SAAS;mBAAC;oBACT,QAAQ,EAAE,sBAAsB;oBAChC,QAAQ,EAAE;;GAET;oBACD,IAAI,EAAE;wBACJ,WAAW,EAAE,cAAc;wBAC3B,SAAS,EAAE,SAAS;qBACrB;oBACD,aAAa,EAAE,iBAAiB,CAAC,IAAI;oBACrC,eAAe,EAAE,uBAAuB,CAAC,MAAM;iBAChD","sourcesContent":["import {\n  Component,\n  ChangeDetectionStrategy,\n  computed,\n  input,\n  ViewEncapsulation,\n} from '@angular/core';\nimport { cn } from '@semantic-components/ui';\n\n@Component({\n  selector: 'div[sc-editor-count]',\n  template: `\n    <ng-content />\n  `,\n  host: {\n    'data-slot': 'editor-count',\n    '[class]': 'class()',\n  },\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class ScEditorCount {\n  readonly classInput = input<string>('', { alias: 'class' });\n\n  protected readonly class = computed(() =>\n    cn('flex items-center justify-end gap-4', this.classInput()),\n  );\n}\n"]}

package/esm2022/lib/components/editor/editor-footer.js

@@ -0,0 +1,27 @@
+import { Component, ChangeDetectionStrategy, computed, input, ViewEncapsulation, } from '@angular/core';
+import { cn } from '@semantic-components/ui';
+import * as i0 from "@angular/core";
+export class ScEditorFooter {
+    classInput = input('', { ...(ngDevMode ? { debugName: "classInput" } : {}), alias: 'class' });
+    class = computed(() => cn('px-3 py-1.5 border-t text-xs text-muted-foreground bg-muted/30', this.classInput()), ...(ngDevMode ? [{ debugName: "class" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.4", ngImport: i0, type: ScEditorFooter, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.1.4", type: ScEditorFooter, isStandalone: true, selector: "div[sc-editor-footer]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "editor-footer" }, properties: { "class": "class()" } }, ngImport: i0, template: `
+    <ng-content />
+  `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.4", ngImport: i0, type: ScEditorFooter, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'div[sc-editor-footer]',
+                    template: `
+    <ng-content />
+  `,
+                    host: {
+                        'data-slot': 'editor-footer',
+                        '[class]': 'class()',
+                    },
+                    encapsulation: ViewEncapsulation.None,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                }]
+        }], propDecorators: { classInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
+//# sourceMappingURL=editor-footer.js.map

package/esm2022/lib/components/editor/editor-footer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"editor-footer.js","sourceRoot":"","sources":["../../../../../../../libs/editor/src/lib/components/editor/editor-footer.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,SAAS,EACT,uBAAuB,EACvB,QAAQ,EACR,KAAK,EACL,iBAAiB,GAClB,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,EAAE,EAAE,MAAM,yBAAyB,CAAC;;AAc7C,MAAM,OAAO,cAAc;IAChB,UAAU,GAAG,KAAK,CAAS,EAAE,uDAAI,KAAK,EAAE,OAAO,GAAG,CAAC;IACzC,KAAK,GAAG,QAAQ,CAAC,GAAG,EAAE,CACvC,EAAE,CACA,gEAAgE,EAChE,IAAI,CAAC,UAAU,EAAE,CAClB,iDACF,CAAC;uGAPS,cAAc;2FAAd,cAAc,2TAVf;;GAET;;2FAQU,cAAc;kBAZ1B,SAAS;mBAAC;oBACT,QAAQ,EAAE,uBAAuB;oBACjC,QAAQ,EAAE;;GAET;oBACD,IAAI,EAAE;wBACJ,WAAW,EAAE,eAAe;wBAC5B,SAAS,EAAE,SAAS;qBACrB;oBACD,aAAa,EAAE,iBAAiB,CAAC,IAAI;oBACrC,eAAe,EAAE,uBAAuB,CAAC,MAAM;iBAChD","sourcesContent":["import {\n  Component,\n  ChangeDetectionStrategy,\n  computed,\n  input,\n  ViewEncapsulation,\n} from '@angular/core';\nimport { cn } from '@semantic-components/ui';\n\n@Component({\n  selector: 'div[sc-editor-footer]',\n  template: `\n    <ng-content />\n  `,\n  host: {\n    'data-slot': 'editor-footer',\n    '[class]': 'class()',\n  },\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class ScEditorFooter {\n  readonly classInput = input<string>('', { alias: 'class' });\n  protected readonly class = computed(() =>\n    cn(\n      'px-3 py-1.5 border-t text-xs text-muted-foreground bg-muted/30',\n      this.classInput(),\n    ),\n  );\n}\n"]}

package/esm2022/lib/components/editor/editor-header.js

@@ -0,0 +1,27 @@
+import { Component, ChangeDetectionStrategy, computed, input, ViewEncapsulation, } from '@angular/core';
+import { cn } from '@semantic-components/ui';
+import * as i0 from "@angular/core";
+export class ScEditorHeader {
+    classInput = input('', { ...(ngDevMode ? { debugName: "classInput" } : {}), alias: 'class' });
+    class = computed(() => cn('px-4 py-3 border-b bg-muted/30', this.classInput()), ...(ngDevMode ? [{ debugName: "class" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.4", ngImport: i0, type: ScEditorHeader, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.1.4", type: ScEditorHeader, isStandalone: true, selector: "div[sc-editor-header]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "editor-header" }, properties: { "class": "class()" } }, ngImport: i0, template: `
+    <ng-content />
+  `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.4", ngImport: i0, type: ScEditorHeader, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'div[sc-editor-header]',
+                    template: `
+    <ng-content />
+  `,
+                    host: {
+                        'data-slot': 'editor-header',
+                        '[class]': 'class()',
+                    },
+                    encapsulation: ViewEncapsulation.None,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                }]
+        }], propDecorators: { classInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
+//# sourceMappingURL=editor-header.js.map

package/esm2022/lib/components/editor/editor-header.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"editor-header.js","sourceRoot":"","sources":["../../../../../../../libs/editor/src/lib/components/editor/editor-header.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,SAAS,EACT,uBAAuB,EACvB,QAAQ,EACR,KAAK,EACL,iBAAiB,GAClB,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,EAAE,EAAE,MAAM,yBAAyB,CAAC;;AAc7C,MAAM,OAAO,cAAc;IAChB,UAAU,GAAG,KAAK,CAAS,EAAE,uDAAI,KAAK,EAAE,OAAO,GAAG,CAAC;IACzC,KAAK,GAAG,QAAQ,CAAC,GAAG,EAAE,CACvC,EAAE,CAAC,gCAAgC,EAAE,IAAI,CAAC,UAAU,EAAE,CAAC,iDACxD,CAAC;uGAJS,cAAc;2FAAd,cAAc,2TAVf;;GAET;;2FAQU,cAAc;kBAZ1B,SAAS;mBAAC;oBACT,QAAQ,EAAE,uBAAuB;oBACjC,QAAQ,EAAE;;GAET;oBACD,IAAI,EAAE;wBACJ,WAAW,EAAE,eAAe;wBAC5B,SAAS,EAAE,SAAS;qBACrB;oBACD,aAAa,EAAE,iBAAiB,CAAC,IAAI;oBACrC,eAAe,EAAE,uBAAuB,CAAC,MAAM;iBAChD","sourcesContent":["import {\n  Component,\n  ChangeDetectionStrategy,\n  computed,\n  input,\n  ViewEncapsulation,\n} from '@angular/core';\nimport { cn } from '@semantic-components/ui';\n\n@Component({\n  selector: 'div[sc-editor-header]',\n  template: `\n    <ng-content />\n  `,\n  host: {\n    'data-slot': 'editor-header',\n    '[class]': 'class()',\n  },\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class ScEditorHeader {\n  readonly classInput = input<string>('', { alias: 'class' });\n  protected readonly class = computed(() =>\n    cn('px-4 py-3 border-b bg-muted/30', this.classInput()),\n  );\n}\n"]}

package/esm2022/lib/components/editor/editor-heading-select.js

@@ -0,0 +1,48 @@
+import { Component, ChangeDetectionStrategy, computed, input, inject, ViewEncapsulation, } from '@angular/core';
+import { cn } from '@semantic-components/ui';
+import { SC_EDITOR } from './editor';
+import * as i0 from "@angular/core";
+export class ScEditorHeadingSelect {
+    editor = inject(SC_EDITOR);
+    classInput = input('', { ...(ngDevMode ? { debugName: "classInput" } : {}), alias: 'class' });
+    class = computed(() => cn('appearance-none pl-2 pr-6 py-1 text-sm rounded border-0 bg-transparent hover:bg-accent cursor-pointer', this.classInput()), ...(ngDevMode ? [{ debugName: "class" }] : []));
+    onChange(event) {
+        const value = event.target.value;
+        this.editor.execCommand('formatBlock', value === 'p' ? 'p' : value);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.4", ngImport: i0, type: ScEditorHeadingSelect, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.1.4", type: ScEditorHeadingSelect, isStandalone: true, selector: "select[sc-editor-heading]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "editor-heading" }, listeners: { "change": "onChange($event)" }, properties: { "class": "class()", "disabled": "editor.disabled()", "value": "editor.currentHeading()" } }, ngImport: i0, template: `
+    <option value="p">Paragraph</option>
+    <option value="h1">Heading 1</option>
+    <option value="h2">Heading 2</option>
+    <option value="h3">Heading 3</option>
+    <option value="h4">Heading 4</option>
+    <option value="h5">Heading 5</option>
+    <option value="h6">Heading 6</option>
+  `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.4", ngImport: i0, type: ScEditorHeadingSelect, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'select[sc-editor-heading]',
+                    template: `
+    <option value="p">Paragraph</option>
+    <option value="h1">Heading 1</option>
+    <option value="h2">Heading 2</option>
+    <option value="h3">Heading 3</option>
+    <option value="h4">Heading 4</option>
+    <option value="h5">Heading 5</option>
+    <option value="h6">Heading 6</option>
+  `,
+                    host: {
+                        'data-slot': 'editor-heading',
+                        '[class]': 'class()',
+                        '[disabled]': 'editor.disabled()',
+                        '[value]': 'editor.currentHeading()',
+                        '(change)': 'onChange($event)',
+                    },
+                    encapsulation: ViewEncapsulation.None,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                }]
+        }], propDecorators: { classInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
+//# sourceMappingURL=editor-heading-select.js.map

package/esm2022/lib/components/editor/editor-heading-select.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"editor-heading-select.js","sourceRoot":"","sources":["../../../../../../../libs/editor/src/lib/components/editor/editor-heading-select.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,SAAS,EACT,uBAAuB,EACvB,QAAQ,EACR,KAAK,EACL,MAAM,EACN,iBAAiB,GAClB,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,EAAE,EAAE,MAAM,yBAAyB,CAAC;AAC7C,OAAO,EAAE,SAAS,EAAmB,MAAM,UAAU,CAAC;;AAuBtD,MAAM,OAAO,qBAAqB;IACvB,MAAM,GAAG,MAAM,CAAC,SAAS,CAAC,CAAC;IAC3B,UAAU,GAAG,KAAK,CAAS,EAAE,uDAAI,KAAK,EAAE,OAAO,GAAG,CAAC;IAEzC,KAAK,GAAG,QAAQ,CAAC,GAAG,EAAE,CACvC,EAAE,CACA,uGAAuG,EACvG,IAAI,CAAC,UAAU,EAAE,CAClB,iDACF,CAAC;IAEF,QAAQ,CAAC,KAAY;QACnB,MAAM,KAAK,GAAI,KAAK,CAAC,MAA4B,CAAC,KAAwB,CAAC;QAC3E,IAAI,CAAC,MAAM,CAAC,WAAW,CAAC,aAAa,EAAE,KAAK,KAAK,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;IACtE,CAAC;uGAdU,qBAAqB;2FAArB,qBAAqB,kbAnBtB;;;;;;;;GAQT;;2FAWU,qBAAqB;kBArBjC,SAAS;mBAAC;oBACT,QAAQ,EAAE,2BAA2B;oBACrC,QAAQ,EAAE;;;;;;;;GAQT;oBACD,IAAI,EAAE;wBACJ,WAAW,EAAE,gBAAgB;wBAC7B,SAAS,EAAE,SAAS;wBACpB,YAAY,EAAE,mBAAmB;wBACjC,SAAS,EAAE,yBAAyB;wBACpC,UAAU,EAAE,kBAAkB;qBAC/B;oBACD,aAAa,EAAE,iBAAiB,CAAC,IAAI;oBACrC,eAAe,EAAE,uBAAuB,CAAC,MAAM;iBAChD","sourcesContent":["import {\n  Component,\n  ChangeDetectionStrategy,\n  computed,\n  input,\n  inject,\n  ViewEncapsulation,\n} from '@angular/core';\nimport { cn } from '@semantic-components/ui';\nimport { SC_EDITOR, ScEditorHeading } from './editor';\n\n@Component({\n  selector: 'select[sc-editor-heading]',\n  template: `\n    <option value=\"p\">Paragraph</option>\n    <option value=\"h1\">Heading 1</option>\n    <option value=\"h2\">Heading 2</option>\n    <option value=\"h3\">Heading 3</option>\n    <option value=\"h4\">Heading 4</option>\n    <option value=\"h5\">Heading 5</option>\n    <option value=\"h6\">Heading 6</option>\n  `,\n  host: {\n    'data-slot': 'editor-heading',\n    '[class]': 'class()',\n    '[disabled]': 'editor.disabled()',\n    '[value]': 'editor.currentHeading()',\n    '(change)': 'onChange($event)',\n  },\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class ScEditorHeadingSelect {\n  readonly editor = inject(SC_EDITOR);\n  readonly classInput = input<string>('', { alias: 'class' });\n\n  protected readonly class = computed(() =>\n    cn(\n      'appearance-none pl-2 pr-6 py-1 text-sm rounded border-0 bg-transparent hover:bg-accent cursor-pointer',\n      this.classInput(),\n    ),\n  );\n\n  onChange(event: Event): void {\n    const value = (event.target as HTMLSelectElement).value as ScEditorHeading;\n    this.editor.execCommand('formatBlock', value === 'p' ? 'p' : value);\n  }\n}\n"]}

package/esm2022/lib/components/editor/editor-horizontal-rule-button.js

@@ -0,0 +1,36 @@
+import { Component, ChangeDetectionStrategy, computed, input, inject, ViewEncapsulation, } from '@angular/core';
+import { cn } from '@semantic-components/ui';
+import { SC_EDITOR } from './editor';
+import * as i0 from "@angular/core";
+export class ScEditorHorizontalRuleButton {
+    editor = inject(SC_EDITOR);
+    classInput = input('', { ...(ngDevMode ? { debugName: "classInput" } : {}), alias: 'class' });
+    class = computed(() => cn('p-1.5 rounded hover:bg-accent disabled:opacity-50 [&_svg]:size-4', this.classInput()), ...(ngDevMode ? [{ debugName: "class" }] : []));
+    onClick() {
+        this.editor.execCommand('insertHorizontalRule');
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.4", ngImport: i0, type: ScEditorHorizontalRuleButton, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.1.4", type: ScEditorHorizontalRuleButton, isStandalone: true, selector: "button[sc-editor-horizontal-rule]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "editor-horizontal-rule", "type": "button" }, listeners: { "click": "onClick()" }, properties: { "class": "class()", "disabled": "editor.disabled()", "attr.title": "\"Horizontal line\"" } }, ngImport: i0, template: `
+    <ng-content />
+  `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.4", ngImport: i0, type: ScEditorHorizontalRuleButton, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'button[sc-editor-horizontal-rule]',
+                    template: `
+    <ng-content />
+  `,
+                    host: {
+                        'data-slot': 'editor-horizontal-rule',
+                        type: 'button',
+                        '[class]': 'class()',
+                        '[disabled]': 'editor.disabled()',
+                        '[attr.title]': '"Horizontal line"',
+                        '(click)': 'onClick()',
+                    },
+                    encapsulation: ViewEncapsulation.None,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                }]
+        }], propDecorators: { classInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
+//# sourceMappingURL=editor-horizontal-rule-button.js.map

package/esm2022/lib/components/editor/editor-horizontal-rule-button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"editor-horizontal-rule-button.js","sourceRoot":"","sources":["../../../../../../../libs/editor/src/lib/components/editor/editor-horizontal-rule-button.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,SAAS,EACT,uBAAuB,EACvB,QAAQ,EACR,KAAK,EACL,MAAM,EACN,iBAAiB,GAClB,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,EAAE,EAAE,MAAM,yBAAyB,CAAC;AAC7C,OAAO,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;;AAkBrC,MAAM,OAAO,4BAA4B;IAC9B,MAAM,GAAG,MAAM,CAAC,SAAS,CAAC,CAAC;IAC3B,UAAU,GAAG,KAAK,CAAS,EAAE,uDAAI,KAAK,EAAE,OAAO,GAAG,CAAC;IAEzC,KAAK,GAAG,QAAQ,CAAC,GAAG,EAAE,CACvC,EAAE,CACA,kEAAkE,EAClE,IAAI,CAAC,UAAU,EAAE,CAClB,iDACF,CAAC;IAEF,OAAO;QACL,IAAI,CAAC,MAAM,CAAC,WAAW,CAAC,sBAAsB,CAAC,CAAC;IAClD,CAAC;uGAbU,4BAA4B;2FAA5B,4BAA4B,6cAd7B;;GAET;;2FAYU,4BAA4B;kBAhBxC,SAAS;mBAAC;oBACT,QAAQ,EAAE,mCAAmC;oBAC7C,QAAQ,EAAE;;GAET;oBACD,IAAI,EAAE;wBACJ,WAAW,EAAE,wBAAwB;wBACrC,IAAI,EAAE,QAAQ;wBACd,SAAS,EAAE,SAAS;wBACpB,YAAY,EAAE,mBAAmB;wBACjC,cAAc,EAAE,mBAAmB;wBACnC,SAAS,EAAE,WAAW;qBACvB;oBACD,aAAa,EAAE,iBAAiB,CAAC,IAAI;oBACrC,eAAe,EAAE,uBAAuB,CAAC,MAAM;iBAChD","sourcesContent":["import {\n  Component,\n  ChangeDetectionStrategy,\n  computed,\n  input,\n  inject,\n  ViewEncapsulation,\n} from '@angular/core';\nimport { cn } from '@semantic-components/ui';\nimport { SC_EDITOR } from './editor';\n\n@Component({\n  selector: 'button[sc-editor-horizontal-rule]',\n  template: `\n    <ng-content />\n  `,\n  host: {\n    'data-slot': 'editor-horizontal-rule',\n    type: 'button',\n    '[class]': 'class()',\n    '[disabled]': 'editor.disabled()',\n    '[attr.title]': '\"Horizontal line\"',\n    '(click)': 'onClick()',\n  },\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class ScEditorHorizontalRuleButton {\n  readonly editor = inject(SC_EDITOR);\n  readonly classInput = input<string>('', { alias: 'class' });\n\n  protected readonly class = computed(() =>\n    cn(\n      'p-1.5 rounded hover:bg-accent disabled:opacity-50 [&_svg]:size-4',\n      this.classInput(),\n    ),\n  );\n\n  onClick(): void {\n    this.editor.execCommand('insertHorizontalRule');\n  }\n}\n"]}

package/esm2022/lib/components/editor/editor-italic-button.js

@@ -0,0 +1,37 @@
+import { Component, ChangeDetectionStrategy, computed, input, inject, ViewEncapsulation, } from '@angular/core';
+import { cn } from '@semantic-components/ui';
+import { SC_EDITOR } from './editor';
+import * as i0 from "@angular/core";
+export class ScEditorItalicButton {
+    editor = inject(SC_EDITOR);
+    classInput = input('', { ...(ngDevMode ? { debugName: "classInput" } : {}), alias: 'class' });
+    class = computed(() => cn('p-1.5 rounded hover:bg-accent disabled:opacity-50 [&_svg]:size-4', this.editor.isItalic() && 'bg-accent text-accent-foreground', this.classInput()), ...(ngDevMode ? [{ debugName: "class" }] : []));
+    onClick() {
+        this.editor.execCommand('italic');
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.4", ngImport: i0, type: ScEditorItalicButton, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.1.4", type: ScEditorItalicButton, isStandalone: true, selector: "button[sc-editor-italic]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "editor-italic", "type": "button" }, listeners: { "click": "onClick()" }, properties: { "class": "class()", "disabled": "editor.disabled()", "attr.aria-pressed": "editor.isItalic()", "attr.title": "\"Italic (Ctrl+I)\"" } }, ngImport: i0, template: `
+    <ng-content />
+  `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.4", ngImport: i0, type: ScEditorItalicButton, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'button[sc-editor-italic]',
+                    template: `
+    <ng-content />
+  `,
+                    host: {
+                        'data-slot': 'editor-italic',
+                        type: 'button',
+                        '[class]': 'class()',
+                        '[disabled]': 'editor.disabled()',
+                        '[attr.aria-pressed]': 'editor.isItalic()',
+                        '[attr.title]': '"Italic (Ctrl+I)"',
+                        '(click)': 'onClick()',
+                    },
+                    encapsulation: ViewEncapsulation.None,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                }]
+        }], propDecorators: { classInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
+//# sourceMappingURL=editor-italic-button.js.map

package/esm2022/lib/components/editor/editor-italic-button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"editor-italic-button.js","sourceRoot":"","sources":["../../../../../../../libs/editor/src/lib/components/editor/editor-italic-button.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,SAAS,EACT,uBAAuB,EACvB,QAAQ,EACR,KAAK,EACL,MAAM,EACN,iBAAiB,GAClB,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,EAAE,EAAE,MAAM,yBAAyB,CAAC;AAC7C,OAAO,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;;AAmBrC,MAAM,OAAO,oBAAoB;IACtB,MAAM,GAAG,MAAM,CAAC,SAAS,CAAC,CAAC;IAC3B,UAAU,GAAG,KAAK,CAAS,EAAE,uDAAI,KAAK,EAAE,OAAO,GAAG,CAAC;IAEzC,KAAK,GAAG,QAAQ,CAAC,GAAG,EAAE,CACvC,EAAE,CACA,kEAAkE,EAClE,IAAI,CAAC,MAAM,CAAC,QAAQ,EAAE,IAAI,kCAAkC,EAC5D,IAAI,CAAC,UAAU,EAAE,CAClB,iDACF,CAAC;IAEF,OAAO;QACL,IAAI,CAAC,MAAM,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC;IACpC,CAAC;uGAdU,oBAAoB;2FAApB,oBAAoB,qeAfrB;;GAET;;2FAaU,oBAAoB;kBAjBhC,SAAS;mBAAC;oBACT,QAAQ,EAAE,0BAA0B;oBACpC,QAAQ,EAAE;;GAET;oBACD,IAAI,EAAE;wBACJ,WAAW,EAAE,eAAe;wBAC5B,IAAI,EAAE,QAAQ;wBACd,SAAS,EAAE,SAAS;wBACpB,YAAY,EAAE,mBAAmB;wBACjC,qBAAqB,EAAE,mBAAmB;wBAC1C,cAAc,EAAE,mBAAmB;wBACnC,SAAS,EAAE,WAAW;qBACvB;oBACD,aAAa,EAAE,iBAAiB,CAAC,IAAI;oBACrC,eAAe,EAAE,uBAAuB,CAAC,MAAM;iBAChD","sourcesContent":["import {\n  Component,\n  ChangeDetectionStrategy,\n  computed,\n  input,\n  inject,\n  ViewEncapsulation,\n} from '@angular/core';\nimport { cn } from '@semantic-components/ui';\nimport { SC_EDITOR } from './editor';\n\n@Component({\n  selector: 'button[sc-editor-italic]',\n  template: `\n    <ng-content />\n  `,\n  host: {\n    'data-slot': 'editor-italic',\n    type: 'button',\n    '[class]': 'class()',\n    '[disabled]': 'editor.disabled()',\n    '[attr.aria-pressed]': 'editor.isItalic()',\n    '[attr.title]': '\"Italic (Ctrl+I)\"',\n    '(click)': 'onClick()',\n  },\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class ScEditorItalicButton {\n  readonly editor = inject(SC_EDITOR);\n  readonly classInput = input<string>('', { alias: 'class' });\n\n  protected readonly class = computed(() =>\n    cn(\n      'p-1.5 rounded hover:bg-accent disabled:opacity-50 [&_svg]:size-4',\n      this.editor.isItalic() && 'bg-accent text-accent-foreground',\n      this.classInput(),\n    ),\n  );\n\n  onClick(): void {\n    this.editor.execCommand('italic');\n  }\n}\n"]}

package/esm2022/lib/components/editor/editor-link-button.js

@@ -0,0 +1,52 @@
+import { Component, ChangeDetectionStrategy, computed, input, inject, ViewEncapsulation, } from '@angular/core';
+import { cn } from '@semantic-components/ui';
+import { SC_EDITOR } from './editor';
+import * as i0 from "@angular/core";
+export class ScEditorLinkButton {
+    editor = inject(SC_EDITOR);
+    classInput = input('', { ...(ngDevMode ? { debugName: "classInput" } : {}), alias: 'class' });
+    class = computed(() => cn('p-1.5 rounded hover:bg-accent disabled:opacity-50 [&_svg]:size-4', this.classInput()), ...(ngDevMode ? [{ debugName: "class" }] : []));
+    onClick() {
+        if (this.editor.disabled() || this.editor.readonly())
+            return;
+        const selection = window.getSelection();
+        const selectedText = selection?.toString() || '';
+        const url = prompt('Enter URL:', 'https://');
+        if (url) {
+            if (selectedText) {
+                this.editor.execCommand('createLink', url);
+            }
+            else {
+                const linkText = prompt('Enter link text:', 'Link');
+                if (linkText) {
+                    const link = `<a href="${url}" target="_blank" rel="noopener noreferrer">${linkText}</a>`;
+                    this.editor.execCommand('insertHTML', link);
+                }
+            }
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.4", ngImport: i0, type: ScEditorLinkButton, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.1.4", type: ScEditorLinkButton, isStandalone: true, selector: "button[sc-editor-link]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "editor-link", "type": "button" }, listeners: { "click": "onClick()" }, properties: { "class": "class()", "disabled": "editor.disabled()", "attr.title": "\"Insert link (Ctrl+K)\"" } }, ngImport: i0, template: `
+    <ng-content />
+  `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.4", ngImport: i0, type: ScEditorLinkButton, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'button[sc-editor-link]',
+                    template: `
+    <ng-content />
+  `,
+                    host: {
+                        'data-slot': 'editor-link',
+                        type: 'button',
+                        '[class]': 'class()',
+                        '[disabled]': 'editor.disabled()',
+                        '[attr.title]': '"Insert link (Ctrl+K)"',
+                        '(click)': 'onClick()',
+                    },
+                    encapsulation: ViewEncapsulation.None,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                }]
+        }], propDecorators: { classInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
+//# sourceMappingURL=editor-link-button.js.map

package/esm2022/lib/components/editor/editor-link-button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"editor-link-button.js","sourceRoot":"","sources":["../../../../../../../libs/editor/src/lib/components/editor/editor-link-button.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,SAAS,EACT,uBAAuB,EACvB,QAAQ,EACR,KAAK,EACL,MAAM,EACN,iBAAiB,GAClB,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,EAAE,EAAE,MAAM,yBAAyB,CAAC;AAC7C,OAAO,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;;AAkBrC,MAAM,OAAO,kBAAkB;IACpB,MAAM,GAAG,MAAM,CAAC,SAAS,CAAC,CAAC;IAC3B,UAAU,GAAG,KAAK,CAAS,EAAE,uDAAI,KAAK,EAAE,OAAO,GAAG,CAAC;IAEzC,KAAK,GAAG,QAAQ,CAAC,GAAG,EAAE,CACvC,EAAE,CACA,kEAAkE,EAClE,IAAI,CAAC,UAAU,EAAE,CAClB,iDACF,CAAC;IAEF,OAAO;QACL,IAAI,IAAI,CAAC,MAAM,CAAC,QAAQ,EAAE,IAAI,IAAI,CAAC,MAAM,CAAC,QAAQ,EAAE;YAAE,OAAO;QAE7D,MAAM,SAAS,GAAG,MAAM,CAAC,YAAY,EAAE,CAAC;QACxC,MAAM,YAAY,GAAG,SAAS,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC;QAEjD,MAAM,GAAG,GAAG,MAAM,CAAC,YAAY,EAAE,UAAU,CAAC,CAAC;QAC7C,IAAI,GAAG,EAAE,CAAC;YACR,IAAI,YAAY,EAAE,CAAC;gBACjB,IAAI,CAAC,MAAM,CAAC,WAAW,CAAC,YAAY,EAAE,GAAG,CAAC,CAAC;YAC7C,CAAC;iBAAM,CAAC;gBACN,MAAM,QAAQ,GAAG,MAAM,CAAC,kBAAkB,EAAE,MAAM,CAAC,CAAC;gBACpD,IAAI,QAAQ,EAAE,CAAC;oBACb,MAAM,IAAI,GAAG,YAAY,GAAG,+CAA+C,QAAQ,MAAM,CAAC;oBAC1F,IAAI,CAAC,MAAM,CAAC,WAAW,CAAC,YAAY,EAAE,IAAI,CAAC,CAAC;gBAC9C,CAAC;YACH,CAAC;QACH,CAAC;IACH,CAAC;uGA7BU,kBAAkB;2FAAlB,kBAAkB,4bAdnB;;GAET;;2FAYU,kBAAkB;kBAhB9B,SAAS;mBAAC;oBACT,QAAQ,EAAE,wBAAwB;oBAClC,QAAQ,EAAE;;GAET;oBACD,IAAI,EAAE;wBACJ,WAAW,EAAE,aAAa;wBAC1B,IAAI,EAAE,QAAQ;wBACd,SAAS,EAAE,SAAS;wBACpB,YAAY,EAAE,mBAAmB;wBACjC,cAAc,EAAE,wBAAwB;wBACxC,SAAS,EAAE,WAAW;qBACvB;oBACD,aAAa,EAAE,iBAAiB,CAAC,IAAI;oBACrC,eAAe,EAAE,uBAAuB,CAAC,MAAM;iBAChD","sourcesContent":["import {\n  Component,\n  ChangeDetectionStrategy,\n  computed,\n  input,\n  inject,\n  ViewEncapsulation,\n} from '@angular/core';\nimport { cn } from '@semantic-components/ui';\nimport { SC_EDITOR } from './editor';\n\n@Component({\n  selector: 'button[sc-editor-link]',\n  template: `\n    <ng-content />\n  `,\n  host: {\n    'data-slot': 'editor-link',\n    type: 'button',\n    '[class]': 'class()',\n    '[disabled]': 'editor.disabled()',\n    '[attr.title]': '\"Insert link (Ctrl+K)\"',\n    '(click)': 'onClick()',\n  },\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class ScEditorLinkButton {\n  readonly editor = inject(SC_EDITOR);\n  readonly classInput = input<string>('', { alias: 'class' });\n\n  protected readonly class = computed(() =>\n    cn(\n      'p-1.5 rounded hover:bg-accent disabled:opacity-50 [&_svg]:size-4',\n      this.classInput(),\n    ),\n  );\n\n  onClick(): void {\n    if (this.editor.disabled() || this.editor.readonly()) return;\n\n    const selection = window.getSelection();\n    const selectedText = selection?.toString() || '';\n\n    const url = prompt('Enter URL:', 'https://');\n    if (url) {\n      if (selectedText) {\n        this.editor.execCommand('createLink', url);\n      } else {\n        const linkText = prompt('Enter link text:', 'Link');\n        if (linkText) {\n          const link = `<a href=\"${url}\" target=\"_blank\" rel=\"noopener noreferrer\">${linkText}</a>`;\n          this.editor.execCommand('insertHTML', link);\n        }\n      }\n    }\n  }\n}\n"]}

package/esm2022/lib/components/editor/editor-numbered-list-button.js

@@ -0,0 +1,37 @@
+import { Component, ChangeDetectionStrategy, computed, input, inject, ViewEncapsulation, } from '@angular/core';
+import { cn } from '@semantic-components/ui';
+import { SC_EDITOR } from './editor';
+import * as i0 from "@angular/core";
+export class ScEditorNumberedListButton {
+    editor = inject(SC_EDITOR);
+    classInput = input('', { ...(ngDevMode ? { debugName: "classInput" } : {}), alias: 'class' });
+    class = computed(() => cn('p-1.5 rounded hover:bg-accent disabled:opacity-50 [&_svg]:size-4', this.editor.isOrderedList() && 'bg-accent text-accent-foreground', this.classInput()), ...(ngDevMode ? [{ debugName: "class" }] : []));
+    onClick() {
+        this.editor.execCommand('insertOrderedList');
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.4", ngImport: i0, type: ScEditorNumberedListButton, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.1.4", type: ScEditorNumberedListButton, isStandalone: true, selector: "button[sc-editor-numbered-list]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "editor-numbered-list", "type": "button" }, listeners: { "click": "onClick()" }, properties: { "class": "class()", "disabled": "editor.disabled()", "attr.aria-pressed": "editor.isOrderedList()", "attr.title": "\"Numbered list\"" } }, ngImport: i0, template: `
+    <ng-content />
+  `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.4", ngImport: i0, type: ScEditorNumberedListButton, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'button[sc-editor-numbered-list]',
+                    template: `
+    <ng-content />
+  `,
+                    host: {
+                        'data-slot': 'editor-numbered-list',
+                        type: 'button',
+                        '[class]': 'class()',
+                        '[disabled]': 'editor.disabled()',
+                        '[attr.aria-pressed]': 'editor.isOrderedList()',
+                        '[attr.title]': '"Numbered list"',
+                        '(click)': 'onClick()',
+                    },
+                    encapsulation: ViewEncapsulation.None,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                }]
+        }], propDecorators: { classInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
+//# sourceMappingURL=editor-numbered-list-button.js.map

package/esm2022/lib/components/editor/editor-numbered-list-button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"editor-numbered-list-button.js","sourceRoot":"","sources":["../../../../../../../libs/editor/src/lib/components/editor/editor-numbered-list-button.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,SAAS,EACT,uBAAuB,EACvB,QAAQ,EACR,KAAK,EACL,MAAM,EACN,iBAAiB,GAClB,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,EAAE,EAAE,MAAM,yBAAyB,CAAC;AAC7C,OAAO,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;;AAmBrC,MAAM,OAAO,0BAA0B;IAC5B,MAAM,GAAG,MAAM,CAAC,SAAS,CAAC,CAAC;IAC3B,UAAU,GAAG,KAAK,CAAS,EAAE,uDAAI,KAAK,EAAE,OAAO,GAAG,CAAC;IAEzC,KAAK,GAAG,QAAQ,CAAC,GAAG,EAAE,CACvC,EAAE,CACA,kEAAkE,EAClE,IAAI,CAAC,MAAM,CAAC,aAAa,EAAE,IAAI,kCAAkC,EACjE,IAAI,CAAC,UAAU,EAAE,CAClB,iDACF,CAAC;IAEF,OAAO;QACL,IAAI,CAAC,MAAM,CAAC,WAAW,CAAC,mBAAmB,CAAC,CAAC;IAC/C,CAAC;uGAdU,0BAA0B;2FAA1B,0BAA0B,sfAf3B;;GAET;;2FAaU,0BAA0B;kBAjBtC,SAAS;mBAAC;oBACT,QAAQ,EAAE,iCAAiC;oBAC3C,QAAQ,EAAE;;GAET;oBACD,IAAI,EAAE;wBACJ,WAAW,EAAE,sBAAsB;wBACnC,IAAI,EAAE,QAAQ;wBACd,SAAS,EAAE,SAAS;wBACpB,YAAY,EAAE,mBAAmB;wBACjC,qBAAqB,EAAE,wBAAwB;wBAC/C,cAAc,EAAE,iBAAiB;wBACjC,SAAS,EAAE,WAAW;qBACvB;oBACD,aAAa,EAAE,iBAAiB,CAAC,IAAI;oBACrC,eAAe,EAAE,uBAAuB,CAAC,MAAM;iBAChD","sourcesContent":["import {\n  Component,\n  ChangeDetectionStrategy,\n  computed,\n  input,\n  inject,\n  ViewEncapsulation,\n} from '@angular/core';\nimport { cn } from '@semantic-components/ui';\nimport { SC_EDITOR } from './editor';\n\n@Component({\n  selector: 'button[sc-editor-numbered-list]',\n  template: `\n    <ng-content />\n  `,\n  host: {\n    'data-slot': 'editor-numbered-list',\n    type: 'button',\n    '[class]': 'class()',\n    '[disabled]': 'editor.disabled()',\n    '[attr.aria-pressed]': 'editor.isOrderedList()',\n    '[attr.title]': '\"Numbered list\"',\n    '(click)': 'onClick()',\n  },\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class ScEditorNumberedListButton {\n  readonly editor = inject(SC_EDITOR);\n  readonly classInput = input<string>('', { alias: 'class' });\n\n  protected readonly class = computed(() =>\n    cn(\n      'p-1.5 rounded hover:bg-accent disabled:opacity-50 [&_svg]:size-4',\n      this.editor.isOrderedList() && 'bg-accent text-accent-foreground',\n      this.classInput(),\n    ),\n  );\n\n  onClick(): void {\n    this.editor.execCommand('insertOrderedList');\n  }\n}\n"]}

package/esm2022/lib/components/editor/editor-redo-button.js

@@ -0,0 +1,36 @@
+import { Component, ChangeDetectionStrategy, computed, input, inject, ViewEncapsulation, } from '@angular/core';
+import { cn } from '@semantic-components/ui';
+import { SC_EDITOR } from './editor';
+import * as i0 from "@angular/core";
+export class ScEditorRedoButton {
+    editor = inject(SC_EDITOR);
+    classInput = input('', { ...(ngDevMode ? { debugName: "classInput" } : {}), alias: 'class' });
+    class = computed(() => cn('p-1.5 rounded hover:bg-accent disabled:opacity-50 [&_svg]:size-4', this.classInput()), ...(ngDevMode ? [{ debugName: "class" }] : []));
+    onClick() {
+        this.editor.execCommand('redo');
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.4", ngImport: i0, type: ScEditorRedoButton, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.1.4", type: ScEditorRedoButton, isStandalone: true, selector: "button[sc-editor-redo]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "editor-redo", "type": "button" }, listeners: { "click": "onClick()" }, properties: { "class": "class()", "disabled": "editor.disabled() || !editor.canRedo()", "attr.title": "\"Redo (Ctrl+Y)\"" } }, ngImport: i0, template: `
+    <ng-content />
+  `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.4", ngImport: i0, type: ScEditorRedoButton, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'button[sc-editor-redo]',
+                    template: `
+    <ng-content />
+  `,
+                    host: {
+                        'data-slot': 'editor-redo',
+                        type: 'button',
+                        '[class]': 'class()',
+                        '[disabled]': 'editor.disabled() || !editor.canRedo()',
+                        '[attr.title]': '"Redo (Ctrl+Y)"',
+                        '(click)': 'onClick()',
+                    },
+                    encapsulation: ViewEncapsulation.None,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                }]
+        }], propDecorators: { classInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
+//# sourceMappingURL=editor-redo-button.js.map

package/esm2022/lib/components/editor/editor-redo-button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"editor-redo-button.js","sourceRoot":"","sources":["../../../../../../../libs/editor/src/lib/components/editor/editor-redo-button.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,SAAS,EACT,uBAAuB,EACvB,QAAQ,EACR,KAAK,EACL,MAAM,EACN,iBAAiB,GAClB,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,EAAE,EAAE,MAAM,yBAAyB,CAAC;AAC7C,OAAO,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;;AAkBrC,MAAM,OAAO,kBAAkB;IACpB,MAAM,GAAG,MAAM,CAAC,SAAS,CAAC,CAAC;IAC3B,UAAU,GAAG,KAAK,CAAS,EAAE,uDAAI,KAAK,EAAE,OAAO,GAAG,CAAC;IAEzC,KAAK,GAAG,QAAQ,CAAC,GAAG,EAAE,CACvC,EAAE,CACA,kEAAkE,EAClE,IAAI,CAAC,UAAU,EAAE,CAClB,iDACF,CAAC;IAEF,OAAO;QACL,IAAI,CAAC,MAAM,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;IAClC,CAAC;uGAbU,kBAAkB;2FAAlB,kBAAkB,0cAdnB;;GAET;;2FAYU,kBAAkB;kBAhB9B,SAAS;mBAAC;oBACT,QAAQ,EAAE,wBAAwB;oBAClC,QAAQ,EAAE;;GAET;oBACD,IAAI,EAAE;wBACJ,WAAW,EAAE,aAAa;wBAC1B,IAAI,EAAE,QAAQ;wBACd,SAAS,EAAE,SAAS;wBACpB,YAAY,EAAE,wCAAwC;wBACtD,cAAc,EAAE,iBAAiB;wBACjC,SAAS,EAAE,WAAW;qBACvB;oBACD,aAAa,EAAE,iBAAiB,CAAC,IAAI;oBACrC,eAAe,EAAE,uBAAuB,CAAC,MAAM;iBAChD","sourcesContent":["import {\n  Component,\n  ChangeDetectionStrategy,\n  computed,\n  input,\n  inject,\n  ViewEncapsulation,\n} from '@angular/core';\nimport { cn } from '@semantic-components/ui';\nimport { SC_EDITOR } from './editor';\n\n@Component({\n  selector: 'button[sc-editor-redo]',\n  template: `\n    <ng-content />\n  `,\n  host: {\n    'data-slot': 'editor-redo',\n    type: 'button',\n    '[class]': 'class()',\n    '[disabled]': 'editor.disabled() || !editor.canRedo()',\n    '[attr.title]': '\"Redo (Ctrl+Y)\"',\n    '(click)': 'onClick()',\n  },\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class ScEditorRedoButton {\n  readonly editor = inject(SC_EDITOR);\n  readonly classInput = input<string>('', { alias: 'class' });\n\n  protected readonly class = computed(() =>\n    cn(\n      'p-1.5 rounded hover:bg-accent disabled:opacity-50 [&_svg]:size-4',\n      this.classInput(),\n    ),\n  );\n\n  onClick(): void {\n    this.editor.execCommand('redo');\n  }\n}\n"]}

package/esm2022/lib/components/editor/editor-separator.js

@@ -0,0 +1,23 @@
+import { Component, ChangeDetectionStrategy, computed, input, ViewEncapsulation, } from '@angular/core';
+import { cn } from '@semantic-components/ui';
+import * as i0 from "@angular/core";
+export class ScEditorSeparator {
+    classInput = input('', { ...(ngDevMode ? { debugName: "classInput" } : {}), alias: 'class' });
+    class = computed(() => cn('w-px h-6 bg-border mx-1', this.classInput()), ...(ngDevMode ? [{ debugName: "class" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.4", ngImport: i0, type: ScEditorSeparator, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.1.4", type: ScEditorSeparator, isStandalone: true, selector: "div[sc-editor-separator]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "editor-separator" }, properties: { "class": "class()" } }, ngImport: i0, template: ``, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.4", ngImport: i0, type: ScEditorSeparator, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'div[sc-editor-separator]',
+                    template: ``,
+                    host: {
+                        'data-slot': 'editor-separator',
+                        '[class]': 'class()',
+                    },
+                    encapsulation: ViewEncapsulation.None,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                }]
+        }], propDecorators: { classInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
+//# sourceMappingURL=editor-separator.js.map

package/esm2022/lib/components/editor/editor-separator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"editor-separator.js","sourceRoot":"","sources":["../../../../../../../libs/editor/src/lib/components/editor/editor-separator.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,SAAS,EACT,uBAAuB,EACvB,QAAQ,EACR,KAAK,EACL,iBAAiB,GAClB,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,EAAE,EAAE,MAAM,yBAAyB,CAAC;;AAY7C,MAAM,OAAO,iBAAiB;IACnB,UAAU,GAAG,KAAK,CAAS,EAAE,uDAAI,KAAK,EAAE,OAAO,GAAG,CAAC;IACzC,KAAK,GAAG,QAAQ,CAAC,GAAG,EAAE,CACvC,EAAE,CAAC,yBAAyB,EAAE,IAAI,CAAC,UAAU,EAAE,CAAC,iDACjD,CAAC;uGAJS,iBAAiB;2FAAjB,iBAAiB,iUARlB,EAAE;;2FAQD,iBAAiB;kBAV7B,SAAS;mBAAC;oBACT,QAAQ,EAAE,0BAA0B;oBACpC,QAAQ,EAAE,EAAE;oBACZ,IAAI,EAAE;wBACJ,WAAW,EAAE,kBAAkB;wBAC/B,SAAS,EAAE,SAAS;qBACrB;oBACD,aAAa,EAAE,iBAAiB,CAAC,IAAI;oBACrC,eAAe,EAAE,uBAAuB,CAAC,MAAM;iBAChD","sourcesContent":["import {\n  Component,\n  ChangeDetectionStrategy,\n  computed,\n  input,\n  ViewEncapsulation,\n} from '@angular/core';\nimport { cn } from '@semantic-components/ui';\n\n@Component({\n  selector: 'div[sc-editor-separator]',\n  template: ``,\n  host: {\n    'data-slot': 'editor-separator',\n    '[class]': 'class()',\n  },\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class ScEditorSeparator {\n  readonly classInput = input<string>('', { alias: 'class' });\n  protected readonly class = computed(() =>\n    cn('w-px h-6 bg-border mx-1', this.classInput()),\n  );\n}\n"]}

package/esm2022/lib/components/editor/editor-strikethrough-button.js

@@ -0,0 +1,37 @@
+import { Component, ChangeDetectionStrategy, computed, input, inject, ViewEncapsulation, } from '@angular/core';
+import { cn } from '@semantic-components/ui';
+import { SC_EDITOR } from './editor';
+import * as i0 from "@angular/core";
+export class ScEditorStrikethroughButton {
+    editor = inject(SC_EDITOR);
+    classInput = input('', { ...(ngDevMode ? { debugName: "classInput" } : {}), alias: 'class' });
+    class = computed(() => cn('p-1.5 rounded hover:bg-accent disabled:opacity-50 [&_svg]:size-4', this.editor.isStrikethrough() && 'bg-accent text-accent-foreground', this.classInput()), ...(ngDevMode ? [{ debugName: "class" }] : []));
+    onClick() {
+        this.editor.execCommand('strikethrough');
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.4", ngImport: i0, type: ScEditorStrikethroughButton, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.1.4", type: ScEditorStrikethroughButton, isStandalone: true, selector: "button[sc-editor-strikethrough]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "editor-strikethrough", "type": "button" }, listeners: { "click": "onClick()" }, properties: { "class": "class()", "disabled": "editor.disabled()", "attr.aria-pressed": "editor.isStrikethrough()", "attr.title": "\"Strikethrough\"" } }, ngImport: i0, template: `
+    <ng-content />
+  `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.4", ngImport: i0, type: ScEditorStrikethroughButton, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'button[sc-editor-strikethrough]',
+                    template: `
+    <ng-content />
+  `,
+                    host: {
+                        'data-slot': 'editor-strikethrough',
+                        type: 'button',
+                        '[class]': 'class()',
+                        '[disabled]': 'editor.disabled()',
+                        '[attr.aria-pressed]': 'editor.isStrikethrough()',
+                        '[attr.title]': '"Strikethrough"',
+                        '(click)': 'onClick()',
+                    },
+                    encapsulation: ViewEncapsulation.None,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                }]
+        }], propDecorators: { classInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
+//# sourceMappingURL=editor-strikethrough-button.js.map

package/esm2022/lib/components/editor/editor-strikethrough-button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"editor-strikethrough-button.js","sourceRoot":"","sources":["../../../../../../../libs/editor/src/lib/components/editor/editor-strikethrough-button.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,SAAS,EACT,uBAAuB,EACvB,QAAQ,EACR,KAAK,EACL,MAAM,EACN,iBAAiB,GAClB,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,EAAE,EAAE,MAAM,yBAAyB,CAAC;AAC7C,OAAO,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;;AAmBrC,MAAM,OAAO,2BAA2B;IAC7B,MAAM,GAAG,MAAM,CAAC,SAAS,CAAC,CAAC;IAC3B,UAAU,GAAG,KAAK,CAAS,EAAE,uDAAI,KAAK,EAAE,OAAO,GAAG,CAAC;IAEzC,KAAK,GAAG,QAAQ,CAAC,GAAG,EAAE,CACvC,EAAE,CACA,kEAAkE,EAClE,IAAI,CAAC,MAAM,CAAC,eAAe,EAAE,IAAI,kCAAkC,EACnE,IAAI,CAAC,UAAU,EAAE,CAClB,iDACF,CAAC;IAEF,OAAO;QACL,IAAI,CAAC,MAAM,CAAC,WAAW,CAAC,eAAe,CAAC,CAAC;IAC3C,CAAC;uGAdU,2BAA2B;2FAA3B,2BAA2B,wfAf5B;;GAET;;2FAaU,2BAA2B;kBAjBvC,SAAS;mBAAC;oBACT,QAAQ,EAAE,iCAAiC;oBAC3C,QAAQ,EAAE;;GAET;oBACD,IAAI,EAAE;wBACJ,WAAW,EAAE,sBAAsB;wBACnC,IAAI,EAAE,QAAQ;wBACd,SAAS,EAAE,SAAS;wBACpB,YAAY,EAAE,mBAAmB;wBACjC,qBAAqB,EAAE,0BAA0B;wBACjD,cAAc,EAAE,iBAAiB;wBACjC,SAAS,EAAE,WAAW;qBACvB;oBACD,aAAa,EAAE,iBAAiB,CAAC,IAAI;oBACrC,eAAe,EAAE,uBAAuB,CAAC,MAAM;iBAChD","sourcesContent":["import {\n  Component,\n  ChangeDetectionStrategy,\n  computed,\n  input,\n  inject,\n  ViewEncapsulation,\n} from '@angular/core';\nimport { cn } from '@semantic-components/ui';\nimport { SC_EDITOR } from './editor';\n\n@Component({\n  selector: 'button[sc-editor-strikethrough]',\n  template: `\n    <ng-content />\n  `,\n  host: {\n    'data-slot': 'editor-strikethrough',\n    type: 'button',\n    '[class]': 'class()',\n    '[disabled]': 'editor.disabled()',\n    '[attr.aria-pressed]': 'editor.isStrikethrough()',\n    '[attr.title]': '\"Strikethrough\"',\n    '(click)': 'onClick()',\n  },\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class ScEditorStrikethroughButton {\n  readonly editor = inject(SC_EDITOR);\n  readonly classInput = input<string>('', { alias: 'class' });\n\n  protected readonly class = computed(() =>\n    cn(\n      'p-1.5 rounded hover:bg-accent disabled:opacity-50 [&_svg]:size-4',\n      this.editor.isStrikethrough() && 'bg-accent text-accent-foreground',\n      this.classInput(),\n    ),\n  );\n\n  onClick(): void {\n    this.editor.execCommand('strikethrough');\n  }\n}\n"]}

package/esm2022/lib/components/editor/editor-toolbar-group.js

@@ -0,0 +1,27 @@
+import { Component, ChangeDetectionStrategy, computed, input, ViewEncapsulation, } from '@angular/core';
+import { cn } from '@semantic-components/ui';
+import * as i0 from "@angular/core";
+export class ScEditorToolbarGroup {
+    classInput = input('', { ...(ngDevMode ? { debugName: "classInput" } : {}), alias: 'class' });
+    class = computed(() => cn('flex items-center gap-1', this.classInput()), ...(ngDevMode ? [{ debugName: "class" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.4", ngImport: i0, type: ScEditorToolbarGroup, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.1.4", type: ScEditorToolbarGroup, isStandalone: true, selector: "div[sc-editor-toolbar-group]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "editor-toolbar-group" }, properties: { "class": "class()" } }, ngImport: i0, template: `
+    <ng-content />
+  `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.4", ngImport: i0, type: ScEditorToolbarGroup, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'div[sc-editor-toolbar-group]',
+                    template: `
+    <ng-content />
+  `,
+                    host: {
+                        'data-slot': 'editor-toolbar-group',
+                        '[class]': 'class()',
+                    },
+                    encapsulation: ViewEncapsulation.None,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                }]
+        }], propDecorators: { classInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
+//# sourceMappingURL=editor-toolbar-group.js.map

package/esm2022/lib/components/editor/editor-toolbar-group.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"editor-toolbar-group.js","sourceRoot":"","sources":["../../../../../../../libs/editor/src/lib/components/editor/editor-toolbar-group.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,SAAS,EACT,uBAAuB,EACvB,QAAQ,EACR,KAAK,EACL,iBAAiB,GAClB,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,EAAE,EAAE,MAAM,yBAAyB,CAAC;;AAc7C,MAAM,OAAO,oBAAoB;IACtB,UAAU,GAAG,KAAK,CAAS,EAAE,uDAAI,KAAK,EAAE,OAAO,GAAG,CAAC;IACzC,KAAK,GAAG,QAAQ,CAAC,GAAG,EAAE,CACvC,EAAE,CAAC,yBAAyB,EAAE,IAAI,CAAC,UAAU,EAAE,CAAC,iDACjD,CAAC;uGAJS,oBAAoB;2FAApB,oBAAoB,yUAVrB;;GAET;;2FAQU,oBAAoB;kBAZhC,SAAS;mBAAC;oBACT,QAAQ,EAAE,8BAA8B;oBACxC,QAAQ,EAAE;;GAET;oBACD,IAAI,EAAE;wBACJ,WAAW,EAAE,sBAAsB;wBACnC,SAAS,EAAE,SAAS;qBACrB;oBACD,aAAa,EAAE,iBAAiB,CAAC,IAAI;oBACrC,eAAe,EAAE,uBAAuB,CAAC,MAAM;iBAChD","sourcesContent":["import {\n  Component,\n  ChangeDetectionStrategy,\n  computed,\n  input,\n  ViewEncapsulation,\n} from '@angular/core';\nimport { cn } from '@semantic-components/ui';\n\n@Component({\n  selector: 'div[sc-editor-toolbar-group]',\n  template: `\n    <ng-content />\n  `,\n  host: {\n    'data-slot': 'editor-toolbar-group',\n    '[class]': 'class()',\n  },\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class ScEditorToolbarGroup {\n  readonly classInput = input<string>('', { alias: 'class' });\n  protected readonly class = computed(() =>\n    cn('flex items-center gap-1', this.classInput()),\n  );\n}\n"]}

package/esm2022/lib/components/editor/editor-toolbar.js

@@ -0,0 +1,29 @@
+import { Component, ChangeDetectionStrategy, computed, input, ViewEncapsulation, } from '@angular/core';
+import { cn } from '@semantic-components/ui';
+import * as i0 from "@angular/core";
+export class ScEditorToolbar {
+    classInput = input('', { ...(ngDevMode ? { debugName: "classInput" } : {}), alias: 'class' });
+    class = computed(() => cn('flex flex-wrap items-center gap-1 p-2 border-b bg-muted/30', this.classInput()), ...(ngDevMode ? [{ debugName: "class" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.4", ngImport: i0, type: ScEditorToolbar, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.1.4", type: ScEditorToolbar, isStandalone: true, selector: "div[sc-editor-toolbar]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "editor-toolbar", "role": "toolbar" }, properties: { "attr.aria-label": "\"Text formatting\"", "class": "class()" } }, ngImport: i0, template: `
+    <ng-content />
+  `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.4", ngImport: i0, type: ScEditorToolbar, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'div[sc-editor-toolbar]',
+                    template: `
+    <ng-content />
+  `,
+                    host: {
+                        'data-slot': 'editor-toolbar',
+                        role: 'toolbar',
+                        '[attr.aria-label]': '"Text formatting"',
+                        '[class]': 'class()',
+                    },
+                    encapsulation: ViewEncapsulation.None,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                }]
+        }], propDecorators: { classInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
+//# sourceMappingURL=editor-toolbar.js.map

package/esm2022/lib/components/editor/editor-toolbar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"editor-toolbar.js","sourceRoot":"","sources":["../../../../../../../libs/editor/src/lib/components/editor/editor-toolbar.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,SAAS,EACT,uBAAuB,EACvB,QAAQ,EACR,KAAK,EACL,iBAAiB,GAClB,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,EAAE,EAAE,MAAM,yBAAyB,CAAC;;AAgB7C,MAAM,OAAO,eAAe;IACjB,UAAU,GAAG,KAAK,CAAS,EAAE,uDAAI,KAAK,EAAE,OAAO,GAAG,CAAC;IACzC,KAAK,GAAG,QAAQ,CAAC,GAAG,EAAE,CACvC,EAAE,CACA,4DAA4D,EAC5D,IAAI,CAAC,UAAU,EAAE,CAClB,iDACF,CAAC;uGAPS,eAAe;2FAAf,eAAe,0XAZhB;;GAET;;2FAUU,eAAe;kBAd3B,SAAS;mBAAC;oBACT,QAAQ,EAAE,wBAAwB;oBAClC,QAAQ,EAAE;;GAET;oBACD,IAAI,EAAE;wBACJ,WAAW,EAAE,gBAAgB;wBAC7B,IAAI,EAAE,SAAS;wBACf,mBAAmB,EAAE,mBAAmB;wBACxC,SAAS,EAAE,SAAS;qBACrB;oBACD,aAAa,EAAE,iBAAiB,CAAC,IAAI;oBACrC,eAAe,EAAE,uBAAuB,CAAC,MAAM;iBAChD","sourcesContent":["import {\n  Component,\n  ChangeDetectionStrategy,\n  computed,\n  input,\n  ViewEncapsulation,\n} from '@angular/core';\nimport { cn } from '@semantic-components/ui';\n\n@Component({\n  selector: 'div[sc-editor-toolbar]',\n  template: `\n    <ng-content />\n  `,\n  host: {\n    'data-slot': 'editor-toolbar',\n    role: 'toolbar',\n    '[attr.aria-label]': '\"Text formatting\"',\n    '[class]': 'class()',\n  },\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class ScEditorToolbar {\n  readonly classInput = input<string>('', { alias: 'class' });\n  protected readonly class = computed(() =>\n    cn(\n      'flex flex-wrap items-center gap-1 p-2 border-b bg-muted/30',\n      this.classInput(),\n    ),\n  );\n}\n"]}