@star-ng/ui 0.0.0-stage → 0.1.0

package/fesm2022/star-ng-ui-dialog.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"star-ng-ui-dialog.mjs","names":[],"sources":["../../../projects/star-ng/dialog/dialog.ts","../../../projects/star-ng/dialog/confirm.ts","../../../projects/star-ng/dialog/dialog-service.ts"],"sourcesContent":["import { _IdGenerator } from '@angular/cdk/a11y';\nimport {\n  afterRenderEffect,\n  booleanAttribute,\n  ChangeDetectionStrategy,\n  Component,\n  ElementRef,\n  inject,\n  input,\n  model,\n  output,\n  viewChild,\n} from '@angular/core';\nimport { STAR_UI_TEXT } from '@star-ng/ui/core';\n\nconst FOCUSABLE =\n  'button:not([disabled]), [href], input:not([disabled]), select, textarea, [tabindex]:not([tabindex=\"-1\"])';\n\nexport type StarDialogSize = 'sm' | 'md' | 'lg' | 'xl' | 'full';\n\n/**\n * Dialog (PrimeNG `p-dialog`) built on the native `<dialog>` element: top-layer rendering,\n * focus trap, focus restore and Escape handling come from the browser. Entry / exit animate\n * with `@starting-style`; page scroll locks with `:has(dialog[open])`.\n *\n * ```html\n * <star-dialog [(visible)]=\"editOpen\" header=\"Edit order\" size=\"lg\">\n *   ...body...\n *   <div starDialogFooter>\n *     <star-button variant=\"ghost\" (pressed)=\"editOpen.set(false)\">Cancel</star-button>\n *     <star-button (pressed)=\"save()\">Save</star-button>\n *   </div>\n * </star-dialog>\n * ```\n * Put `autofocus` (native elements) or `data-autofocus` (components) on the element that\n * should receive focus first.\n */\n@Component({\n  selector: 'star-dialog',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  template: `\n    <!-- Backdrop click only; keyboard users close with Escape (native cancel event). -->\n    <!-- eslint-disable-next-line @angular-eslint/template/click-events-have-key-events, @angular-eslint/template/interactive-supports-focus -->\n    <dialog\n      #dialog\n      class=\"star-dialog\"\n      [class]=\"'star-dialog--' + size()\"\n      [class.star-dialog--modal]=\"modal()\"\n      [style.width]=\"width()\"\n      [attr.aria-labelledby]=\"header() ? headerId : null\"\n      [attr.aria-label]=\"header() ? null : ariaLabel()\"\n      [attr.role]=\"role()\"\n      (cancel)=\"onCancel($event)\"\n      (close)=\"onNativeClose()\"\n      (click)=\"onDialogClick($event)\"\n    >\n      <div class=\"star-dialog__surface\">\n        @if (showHeader()) {\n          <header class=\"star-dialog__header\">\n            <div class=\"star-dialog__heading\">\n              @if (header()) {\n                <h2 class=\"star-dialog__title\" [id]=\"headerId\">{{ header() }}</h2>\n              }\n              <ng-content select=\"[starDialogHeader]\" />\n            </div>\n            @if (closable()) {\n              <button\n                type=\"button\"\n                class=\"star-btn star-btn--ghost star-btn--icon star-dialog__close\"\n                [attr.aria-label]=\"text.close\"\n                (click)=\"close()\"\n              >\n                <i class=\"ph-bold ph-x\" aria-hidden=\"true\"></i>\n              </button>\n            }\n          </header>\n        }\n        <div class=\"star-dialog__body\"><ng-content /></div>\n        <ng-content select=\"[starDialogFooter]\" />\n      </div>\n    </dialog>\n  `,\n})\nexport class StarDialog {\n  protected readonly text = inject(STAR_UI_TEXT);\n\n  readonly visible = model(false);\n  readonly header = input('');\n  readonly size = input<StarDialogSize>('md');\n  /** Fixed CSS width; overrides `size`. */\n  readonly width = input<string | null>(null);\n  /** Modal blocks the page behind (backdrop). Non-modal dialogs float above it. */\n  readonly modal = input(true, { transform: booleanAttribute });\n  readonly closable = input(true, { transform: booleanAttribute });\n  readonly closeOnEscape = input(true, { transform: booleanAttribute });\n  /** Clicking the backdrop closes the dialog. */\n  readonly dismissableMask = input(false, { transform: booleanAttribute });\n  readonly showHeader = input(true, { transform: booleanAttribute });\n  readonly role = input<'dialog' | 'alertdialog'>('dialog');\n  readonly ariaLabel = input<string | null>(null);\n\n  readonly shown = output<void>();\n  readonly hidden = output<void>();\n\n  protected readonly headerId = inject(_IdGenerator).getId('star-dialog-title-');\n  private readonly dialog = viewChild.required<ElementRef<HTMLDialogElement>>('dialog');\n  private isOpen = false;\n\n  constructor() {\n    afterRenderEffect({\n      write: () => {\n        const element = this.dialog().nativeElement;\n        const visible = this.visible();\n        if (visible && !element.open) {\n          if (this.modal()) element.showModal?.();\n          else element.show?.();\n          this.isOpen = true;\n          this.focusInitial(element);\n          this.shown.emit();\n        } else if (!visible && element.open) {\n          element.close();\n          // Do not wait for the native 'close' event: some hosts (background or embedded\n          // browsers) deliver it late or not at all.\n          this.markHidden();\n        }\n      },\n    });\n  }\n\n  close(): void {\n    this.visible.set(false);\n  }\n\n  /**\n   * Native `autofocus` only works on focusable elements. `data-autofocus` also works on a\n   * wrapper component such as `<star-button data-autofocus>`: its first focusable child gets focus.\n   */\n  private focusInitial(element: HTMLDialogElement): void {\n    const marked = element.querySelector<HTMLElement>('[data-autofocus]');\n    if (!marked) return;\n    const target = marked.matches(FOCUSABLE)\n      ? marked\n      : marked.querySelector<HTMLElement>(FOCUSABLE);\n    target?.focus();\n  }\n\n  protected onCancel(event: Event): void {\n    // We own the state: never let the browser close without updating `visible`.\n    event.preventDefault();\n    if (this.closeOnEscape() && this.closable()) this.close();\n  }\n\n  /** Browser-initiated close (for example a form with method=\"dialog\"). */\n  protected onNativeClose(): void {\n    if (this.visible()) this.visible.set(false);\n    this.markHidden();\n  }\n\n  /** Emits `hidden` once per open. */\n  private markHidden(): void {\n    if (!this.isOpen) return;\n    this.isOpen = false;\n    this.hidden.emit();\n  }\n\n  protected onDialogClick(event: MouseEvent): void {\n    // A click whose target is the <dialog> itself landed on the ::backdrop.\n    if (event.target === this.dialog().nativeElement && this.dismissableMask() && this.modal()) {\n      this.close();\n    }\n  }\n}\n","import {\n  afterRenderEffect,\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  inject,\n  Service,\n  signal,\n  viewChild,\n} from '@angular/core';\nimport { StarButton, StarButtonVariant } from '@star-ng/ui/button';\nimport { STAR_UI_TEXT } from '@star-ng/ui/core';\nimport { StarPopover } from '@star-ng/ui/popover';\nimport { StarDialog } from './dialog';\n\nexport interface StarConfirmOptions {\n  readonly header: string;\n  readonly message: string;\n  /** Phosphor icon class, for example `ph-bold ph-warning`. */\n  readonly icon?: string;\n  readonly acceptLabel?: string;\n  readonly rejectLabel?: string;\n  readonly acceptVariant?: StarButtonVariant;\n  /** Hide the reject button (acknowledge-only dialog). */\n  readonly rejectVisible?: boolean;\n  /** `reject` (default) puts first focus on the safe choice. */\n  readonly defaultFocus?: 'accept' | 'reject';\n  /**\n   * Anchor element: shows a small popup next to it (PrimeNG `p-confirmpopup`) instead of a\n   * modal dialog. Use for low-risk confirmations on a row or button.\n   */\n  readonly target?: HTMLElement;\n}\n\ninterface PendingConfirm extends StarConfirmOptions {\n  readonly resolve: (accepted: boolean) => void;\n}\n\n/**\n * Promise-based confirmation (PrimeNG `ConfirmationService` + `p-confirmdialog` /\n * `p-confirmpopup`). Requests queue; place one `<star-confirm-host />` in the app shell.\n * Pass `target` to anchor a popup to an element instead of opening a dialog.\n *\n * ```ts\n * if (await this.confirm.ask({ header: 'Delete order', message: 'This cannot be undone.',\n *   acceptVariant: 'danger', icon: 'ph-bold ph-trash' })) { ... }\n * ```\n */\n@Service()\nexport class StarConfirmService {\n  private readonly queue = signal<readonly PendingConfirm[]>([]);\n  readonly current = computed(() => this.queue()[0] ?? null);\n\n  ask(options: StarConfirmOptions): Promise<boolean> {\n    return new Promise<boolean>((resolve) =>\n      this.queue.update((queue) => [...queue, { ...options, resolve }]),\n    );\n  }\n\n  /** Resolves the visible request. */\n  settle(accepted: boolean): void {\n    const current = this.current();\n    if (!current) return;\n    this.queue.update((queue) => queue.slice(1));\n    current.resolve(accepted);\n  }\n}\n\n@Component({\n  selector: 'star-confirm-host',\n  imports: [StarDialog, StarButton, StarPopover],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  template: `\n    @let request = dialogRequest();\n    @let popup = popupRequest();\n    <star-popover #popover [ariaLabel]=\"popup?.header ?? null\" (hidden)=\"onPopupHidden()\">\n      @if (popup) {\n        <div\n          class=\"star-confirm star-confirm--popup\"\n          role=\"alertdialog\"\n          [attr.aria-label]=\"popup.header\"\n        >\n          @if (popup.icon) {\n            <span class=\"star-confirm__icon\" aria-hidden=\"true\"><i [class]=\"popup.icon\"></i></span>\n          }\n          <p class=\"star-confirm__message\">{{ popup.message }}</p>\n        </div>\n        <div class=\"star-confirm__actions\">\n          @if (popup.rejectVisible !== false) {\n            <star-button size=\"sm\" variant=\"ghost\" (pressed)=\"confirm.settle(false)\">\n              {{ popup.rejectLabel ?? text.reject }}\n            </star-button>\n          }\n          <star-button\n            size=\"sm\"\n            [variant]=\"popup.acceptVariant ?? 'primary'\"\n            (pressed)=\"confirm.settle(true)\"\n          >\n            {{ popup.acceptLabel ?? text.accept }}\n          </star-button>\n        </div>\n      }\n    </star-popover>\n    <star-dialog\n      [role]=\"'alertdialog'\"\n      size=\"sm\"\n      [visible]=\"!!request\"\n      [header]=\"request ? request.header : ''\"\n      (visibleChange)=\"!$event && confirm.settle(false)\"\n    >\n      @if (request) {\n        <div class=\"star-confirm\">\n          @if (request.icon) {\n            <span class=\"star-confirm__icon\" aria-hidden=\"true\"\n              ><i [class]=\"request.icon\"></i\n            ></span>\n          }\n          <p class=\"star-confirm__message\">{{ request.message }}</p>\n        </div>\n      }\n      @if (request) {\n        <div starDialogFooter class=\"star-dialog__footer\">\n          @if (request.rejectVisible !== false) {\n            <star-button\n              variant=\"ghost\"\n              [attr.data-autofocus]=\"request.defaultFocus !== 'accept' ? '' : null\"\n              (pressed)=\"confirm.settle(false)\"\n            >\n              {{ request.rejectLabel ?? text.reject }}\n            </star-button>\n          }\n          <star-button\n            [variant]=\"request.acceptVariant ?? 'primary'\"\n            [attr.data-autofocus]=\"request.defaultFocus === 'accept' ? '' : null\"\n            (pressed)=\"confirm.settle(true)\"\n          >\n            {{ request.acceptLabel ?? text.accept }}\n          </star-button>\n        </div>\n      }\n    </star-dialog>\n  `,\n})\nexport class StarConfirmHost {\n  protected readonly confirm = inject(StarConfirmService);\n  protected readonly text = inject(STAR_UI_TEXT);\n  private readonly popover = viewChild.required(StarPopover);\n\n  protected readonly dialogRequest = computed(() => {\n    const current = this.confirm.current();\n    return current && !current.target ? current : null;\n  });\n  protected readonly popupRequest = computed(() => {\n    const current = this.confirm.current();\n    return current?.target ? current : null;\n  });\n  private shownPopup: StarConfirmOptions | null = null;\n\n  constructor() {\n    afterRenderEffect({\n      write: () => {\n        const request = this.popupRequest();\n        const popover = this.popover();\n        if (request?.target && request !== this.shownPopup) {\n          this.shownPopup = request;\n          popover.show(request.target);\n        } else if (!request && this.shownPopup) {\n          this.shownPopup = null;\n          popover.hide();\n        }\n      },\n    });\n  }\n\n  /** Outside click or Escape closes the popup: treat as reject. */\n  protected onPopupHidden(): void {\n    if (this.shownPopup && this.confirm.current() === this.shownPopup) {\n      this.shownPopup = null;\n      this.confirm.settle(false);\n    }\n  }\n}\n","import { NgComponentOutlet } from '@angular/common';\nimport {\n  ApplicationRef,\n  ChangeDetectionStrategy,\n  Component,\n  ComponentRef,\n  createComponent,\n  EnvironmentInjector,\n  inject,\n  InjectionToken,\n  Injector,\n  input,\n  Service,\n  signal,\n  Type,\n} from '@angular/core';\nimport { StarDialog, StarDialogSize } from './dialog';\n\n/** Data passed to the component opened by `StarDialogService.open()`. */\nexport const STAR_DIALOG_DATA = new InjectionToken<unknown>('STAR_DIALOG_DATA');\n\nexport interface StarDialogConfig<D = unknown> {\n  readonly header?: string;\n  readonly size?: StarDialogSize;\n  readonly width?: string;\n  readonly data?: D;\n  /** Default true. */\n  readonly closable?: boolean;\n  /** Default true. */\n  readonly closeOnEscape?: boolean;\n  /** Close on a backdrop click. Default false. */\n  readonly dismissableMask?: boolean;\n  readonly role?: 'dialog' | 'alertdialog';\n  /** Accessible name when there is no header. */\n  readonly ariaLabel?: string;\n}\n\n/**\n * Handle of a dialog opened from code. The opened component injects it to close itself with a\n * result: `inject(StarDialogRef<Result>).close(result)`.\n */\nexport class StarDialogRef<R = unknown> {\n  private resolve!: (result: R | undefined) => void;\n  /** Resolves when the dialog has closed: the result, or `undefined` (Escape, ×, backdrop). */\n  readonly closed = new Promise<R | undefined>((resolve) => (this.resolve = resolve));\n  private result: R | undefined;\n  private done = false;\n\n  constructor(private readonly hide: () => void) {}\n\n  close(result?: R): void {\n    if (this.done) return;\n    this.result = result;\n    this.hide();\n  }\n\n  /** Called by the container once the native dialog has closed. */\n  settle(): void {\n    if (this.done) return;\n    this.done = true;\n    this.resolve(this.result);\n  }\n}\n\n/** Internal host: an `star-dialog` whose body is the requested component. */\n@Component({\n  selector: 'star-dialog-container',\n  imports: [StarDialog, NgComponentOutlet],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  template: `\n    @let c = config();\n    <star-dialog\n      [(visible)]=\"visible\"\n      [header]=\"c.header ?? ''\"\n      [size]=\"c.size ?? 'md'\"\n      [width]=\"c.width ?? null\"\n      [closable]=\"c.closable ?? true\"\n      [closeOnEscape]=\"c.closeOnEscape ?? true\"\n      [dismissableMask]=\"c.dismissableMask ?? false\"\n      [role]=\"c.role ?? 'dialog'\"\n      [ariaLabel]=\"c.ariaLabel ?? null\"\n      (hidden)=\"hidden()\"\n    >\n      <ng-container *ngComponentOutlet=\"component(); injector: contentInjector()\" />\n    </star-dialog>\n  `,\n})\nexport class StarDialogContainer {\n  readonly component = input.required<Type<unknown>>();\n  readonly config = input.required<StarDialogConfig>();\n  readonly contentInjector = input.required<Injector>();\n  readonly visible = signal(true);\n  /** Set by the service; runs after the native dialog closed. */\n  hidden: () => void = () => undefined;\n}\n\n/**\n * Opens a component in a modal `star-dialog` from code (PrimeNG `DialogService` /\n * `DynamicDialog`). No host element in the template is needed; dialogs stack in the top layer.\n *\n * ```ts\n * const ref = this.dialogs.open(EditOrder, { header: 'Edit order', size: 'lg', data: { id } });\n * const saved = await ref.closed; // value passed to ref.close(...) inside EditOrder\n * ```\n * Inside the opened component: `inject(STAR_DIALOG_DATA)` and `inject(StarDialogRef)`.\n * Put its action buttons in an element with class `star-dialog__footer`.\n */\n@Service()\nexport class StarDialogService {\n  private readonly appRef = inject(ApplicationRef);\n  private readonly environment = inject(EnvironmentInjector);\n  private readonly openRefs = new Set<ComponentRef<StarDialogContainer>>();\n\n  open<C, D = unknown, R = unknown>(\n    component: Type<C>,\n    config: StarDialogConfig<D> = {},\n    injector: Injector = this.environment,\n  ): StarDialogRef<R> {\n    let host: ComponentRef<StarDialogContainer> | null = null;\n    const ref = new StarDialogRef<R>(() => host?.instance.visible.set(false));\n    const contentInjector = Injector.create({\n      parent: injector,\n      providers: [\n        { provide: STAR_DIALOG_DATA, useValue: config.data },\n        { provide: StarDialogRef, useValue: ref },\n      ],\n    });\n    host = createComponent(StarDialogContainer, { environmentInjector: this.environment });\n    host.setInput('component', component);\n    host.setInput('config', config);\n    host.setInput('contentInjector', contentInjector);\n    host.instance.hidden = () => {\n      ref.settle();\n      this.destroy(host!);\n    };\n    document.body.appendChild(host.location.nativeElement);\n    this.appRef.attachView(host.hostView);\n    this.openRefs.add(host);\n    return ref;\n  }\n\n  /** Closes every open dialog (for example on sign-out). */\n  closeAll(): void {\n    for (const host of this.openRefs) host.instance.visible.set(false);\n  }\n\n  private destroy(host: ComponentRef<StarDialogContainer>): void {\n    if (!this.openRefs.delete(host)) return;\n    this.appRef.detachView(host.hostView);\n    host.destroy();\n  }\n}\n"],"mappings":"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"}

package/fesm2022/star-ng-ui-drawer.mjs

@@ -0,0 +1,158 @@
+import * as i0 from "@angular/core";
+import { ChangeDetectionStrategy, Component, input } from "@angular/core";
+import { StarDialog } from "@star-ng/ui/dialog";
+var StarDrawer = class StarDrawer extends StarDialog {
+	position = input("right", ...ngDevMode ? [{ debugName: "position" }] : /* istanbul ignore next */ []);
+	drawerSize = input("28rem", ...ngDevMode ? [{ debugName: "drawerSize" }] : /* istanbul ignore next */ []);
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.6",
+		ngImport: i0,
+		type: StarDrawer,
+		deps: null,
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.0.0",
+		version: "22.2.6",
+		type: StarDrawer,
+		isStandalone: true,
+		selector: "star-drawer",
+		inputs: {
+			position: {
+				classPropertyName: "position",
+				publicName: "position",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			drawerSize: {
+				classPropertyName: "drawerSize",
+				publicName: "drawerSize",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		usesInheritance: true,
+		ngImport: i0,
+		template: `
+    <!-- Backdrop click only; keyboard users close with Escape (native cancel event). -->
+    <!-- eslint-disable-next-line @angular-eslint/template/click-events-have-key-events, @angular-eslint/template/interactive-supports-focus -->
+    <dialog
+      #dialog
+      class="star-drawer"
+      [class]="'star-drawer star-drawer--' + position()"
+      [class.star-dialog--modal]="modal()"
+      [style.--star-drawer-size]="drawerSize()"
+      [attr.aria-labelledby]="header() ? headerId : null"
+      [attr.aria-label]="header() ? null : ariaLabel()"
+      (cancel)="onCancel($event)"
+      (close)="onNativeClose()"
+      (click)="onDialogClick($event)"
+    >
+      <div class="star-dialog__surface">
+        @if (showHeader()) {
+          <header class="star-dialog__header">
+            <div class="star-dialog__heading">
+              @if (header()) {
+                <h2 class="star-dialog__title" [id]="headerId">{{ header() }}</h2>
+              }
+              <ng-content select="[starDialogHeader]" />
+            </div>
+            @if (closable()) {
+              <button
+                type="button"
+                class="star-btn star-btn--ghost star-btn--icon star-dialog__close"
+                [attr.aria-label]="text.close"
+                (click)="close()"
+              >
+                <i class="ph-bold ph-x" aria-hidden="true"></i>
+              </button>
+            }
+          </header>
+        }
+        <div class="star-dialog__body"><ng-content /></div>
+        <ng-content select="[starDialogFooter]" />
+      </div>
+    </dialog>
+  `,
+		isInline: true,
+		changeDetection: i0.ChangeDetectionStrategy.OnPush
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.6",
+	ngImport: i0,
+	type: StarDrawer,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "star-drawer",
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			template: `
+    <!-- Backdrop click only; keyboard users close with Escape (native cancel event). -->
+    <!-- eslint-disable-next-line @angular-eslint/template/click-events-have-key-events, @angular-eslint/template/interactive-supports-focus -->
+    <dialog
+      #dialog
+      class="star-drawer"
+      [class]="'star-drawer star-drawer--' + position()"
+      [class.star-dialog--modal]="modal()"
+      [style.--star-drawer-size]="drawerSize()"
+      [attr.aria-labelledby]="header() ? headerId : null"
+      [attr.aria-label]="header() ? null : ariaLabel()"
+      (cancel)="onCancel($event)"
+      (close)="onNativeClose()"
+      (click)="onDialogClick($event)"
+    >
+      <div class="star-dialog__surface">
+        @if (showHeader()) {
+          <header class="star-dialog__header">
+            <div class="star-dialog__heading">
+              @if (header()) {
+                <h2 class="star-dialog__title" [id]="headerId">{{ header() }}</h2>
+              }
+              <ng-content select="[starDialogHeader]" />
+            </div>
+            @if (closable()) {
+              <button
+                type="button"
+                class="star-btn star-btn--ghost star-btn--icon star-dialog__close"
+                [attr.aria-label]="text.close"
+                (click)="close()"
+              >
+                <i class="ph-bold ph-x" aria-hidden="true"></i>
+              </button>
+            }
+          </header>
+        }
+        <div class="star-dialog__body"><ng-content /></div>
+        <ng-content select="[starDialogFooter]" />
+      </div>
+    </dialog>
+  `
+		}]
+	}],
+	propDecorators: {
+		position: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "position",
+				required: false
+			}]
+		}],
+		drawerSize: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "drawerSize",
+				required: false
+			}]
+		}]
+	}
+});
+export { StarDrawer };
+
+//# sourceMappingURL=star-ng-ui-drawer.mjs.map

package/fesm2022/star-ng-ui-drawer.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"star-ng-ui-drawer.mjs","names":[],"sources":["../../../projects/star-ng/drawer/drawer.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, input } from '@angular/core';\nimport { StarDialog } from '@star-ng/ui/dialog';\n\n/**\n * Drawer (PrimeNG `p-drawer`): side sheet on the native `<dialog>` element. Same API as\n * `star-dialog` (`[(visible)]`, `header`, `modal`, `dismissableMask`, `closeOnEscape`, footer slot)\n * plus `position` and a CSS `size`. `left` and `right` are the physical edges of the screen, as in\n * CSS; `start` and `end` follow the writing direction (`end` is the right edge in LTR and the left\n * edge in RTL). Use `start` / `end` for a drawer that must switch sides in right-to-left.\n *\n * `<star-drawer [(visible)]=\"detailsOpen\" header=\"ORD-1042\" position=\"right\" size=\"32rem\">…</star-drawer>`\n */\n@Component({\n  selector: 'star-drawer',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  template: `\n    <!-- Backdrop click only; keyboard users close with Escape (native cancel event). -->\n    <!-- eslint-disable-next-line @angular-eslint/template/click-events-have-key-events, @angular-eslint/template/interactive-supports-focus -->\n    <dialog\n      #dialog\n      class=\"star-drawer\"\n      [class]=\"'star-drawer star-drawer--' + position()\"\n      [class.star-dialog--modal]=\"modal()\"\n      [style.--star-drawer-size]=\"drawerSize()\"\n      [attr.aria-labelledby]=\"header() ? headerId : null\"\n      [attr.aria-label]=\"header() ? null : ariaLabel()\"\n      (cancel)=\"onCancel($event)\"\n      (close)=\"onNativeClose()\"\n      (click)=\"onDialogClick($event)\"\n    >\n      <div class=\"star-dialog__surface\">\n        @if (showHeader()) {\n          <header class=\"star-dialog__header\">\n            <div class=\"star-dialog__heading\">\n              @if (header()) {\n                <h2 class=\"star-dialog__title\" [id]=\"headerId\">{{ header() }}</h2>\n              }\n              <ng-content select=\"[starDialogHeader]\" />\n            </div>\n            @if (closable()) {\n              <button\n                type=\"button\"\n                class=\"star-btn star-btn--ghost star-btn--icon star-dialog__close\"\n                [attr.aria-label]=\"text.close\"\n                (click)=\"close()\"\n              >\n                <i class=\"ph-bold ph-x\" aria-hidden=\"true\"></i>\n              </button>\n            }\n          </header>\n        }\n        <div class=\"star-dialog__body\"><ng-content /></div>\n        <ng-content select=\"[starDialogFooter]\" />\n      </div>\n    </dialog>\n  `,\n})\nexport class StarDrawer extends StarDialog {\n  readonly position = input<'left' | 'right' | 'start' | 'end' | 'top' | 'bottom'>('right');\n  /** Width (left / right / start / end) or height (top / bottom). */\n  readonly drawerSize = input('28rem');\n}\n"],"mappings":";;;AAyDA,IAAa,aAAb,MAAa,mBAAmB,WAAU;CAC/B,WAAW,MAA6D,SAAQ,GAAA,YAAA,CAAA,EAAA,WAAA,WAAA,CAAA,+BAAA,CAAA,CAAA;CAEhF,aAAa,MAAM,SAAQ,GAAA,YAAA,CAAA,EAAA,WAAA,aAAA,CAAA,+BAAA,CAAA,CAAA;CAHzB,OAAA,OAAA,GAAA,mBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,UAAA;EAAA,MAAA;EAAU,MAAA;EAAA,QAAA,GAAA,gBAAA;CAAA,CAAA;CAAV,OAAA,OAAA,GAAA,qBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,MAAA;EAAU,cAAA;EAAA,UAAA;EAAA,QAAA;GAAA,UAAA;IAAA,mBAAA;IAAA,YAAA;IAAA,UAAA;IAAA,YAAA;IAAA,mBAAA;GAAA;GAAA,YAAA;IAAA,mBAAA;IAAA,YAAA;IAAA,UAAA;IAAA,YAAA;IAAA,mBAAA;GAAA;EAAA;EAAA,iBAAA;EAAA,UAAA;EAAA,UA1CX;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAwCT,UAAA;EAAA,iBAAA,GAAA,wBAAA;CAAA,CAAA;;AAEU,GAAA,yBAAA;CAAA,YAAA;CAAA,SAAA;CAAA,UAAA;CAAA,MAAA;CAAU,YAAA,CAAA;EA7CtB,MAAA;EAAU,MAAA,CAAA;GACT,UAAU;GACV,iBAAiB,wBAAwB;GACzC,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAyCX,CAAA"}

package/fesm2022/star-ng-ui-editor.mjs

@@ -0,0 +1,416 @@
+import * as i0 from "@angular/core";
+import { ChangeDetectionStrategy, Component, SecurityContext, afterRenderEffect, booleanAttribute, inject, input, model, output, signal, viewChild } from "@angular/core";
+import { DomSanitizer } from "@angular/platform-browser";
+import { STAR_UI_TEXT } from "@star-ng/ui/core";
+import { StarToolbar } from "@star-ng/ui/layout";
+const COMMANDS = [
+	{
+		command: "bold",
+		label: "editorBold",
+		icon: "ph-bold ph-text-b"
+	},
+	{
+		command: "italic",
+		label: "editorItalic",
+		icon: "ph-bold ph-text-italic"
+	},
+	{
+		command: "underline",
+		label: "editorUnderline",
+		icon: "ph-bold ph-text-underline"
+	},
+	{
+		command: "formatBlock",
+		value: "h3",
+		label: "editorHeading",
+		icon: "ph-bold ph-text-h"
+	},
+	{
+		command: "insertUnorderedList",
+		label: "editorBulletList",
+		icon: "ph-bold ph-list-bullets"
+	},
+	{
+		command: "insertOrderedList",
+		label: "editorNumberedList",
+		icon: "ph-bold ph-list-numbers"
+	},
+	{
+		command: "removeFormat",
+		label: "editorClearFormatting",
+		icon: "ph-bold ph-text-t-slash"
+	}
+];
+var StarEditor = class StarEditor {
+	text = inject(STAR_UI_TEXT);
+	sanitizer = inject(DomSanitizer);
+	value = model("", ...ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []);
+	placeholder = input("", ...ngDevMode ? [{ debugName: "placeholder" }] : /* istanbul ignore next */ []);
+	minHeight = input("8rem", ...ngDevMode ? [{ debugName: "minHeight" }] : /* istanbul ignore next */ []);
+	ariaLabel = input(null, ...ngDevMode ? [{ debugName: "ariaLabel" }] : /* istanbul ignore next */ []);
+	disabled = input(false, {
+		...ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {},
+		transform: booleanAttribute
+	});
+	readonly = input(false, {
+		...ngDevMode ? { debugName: "readonly" } : /* istanbul ignore next */ {},
+		transform: booleanAttribute
+	});
+	invalid = input(false, {
+		...ngDevMode ? { debugName: "invalid" } : /* istanbul ignore next */ {},
+		transform: booleanAttribute
+	});
+	touched = input(false, {
+		...ngDevMode ? { debugName: "touched" } : /* istanbul ignore next */ {},
+		transform: booleanAttribute
+	});
+	touch = output();
+	commands = COMMANDS;
+	label(cmd) {
+		return this.text[cmd.label];
+	}
+	area = viewChild.required("area", ...ngDevMode ? [{ debugName: "area" }] : /* istanbul ignore next */ []);
+	active = signal(/* @__PURE__ */ new Set(), ...ngDevMode ? [{ debugName: "active" }] : /* istanbul ignore next */ []);
+	lastWritten = null;
+	constructor() {
+		afterRenderEffect({ write: () => {
+			const html = this.value();
+			if (html === this.lastWritten) return;
+			this.area().nativeElement.innerHTML = this.sanitize(html);
+			this.lastWritten = html;
+		} });
+	}
+	sanitize(html) {
+		return this.sanitizer.sanitize(SecurityContext.HTML, html) ?? "";
+	}
+	onInput() {
+		const element = this.area().nativeElement;
+		const html = element.textContent?.trim() ? this.sanitize(element.innerHTML) : "";
+		this.lastWritten = html;
+		this.value.set(html);
+		this.refreshState();
+	}
+	run(cmd) {
+		this.area().nativeElement.focus();
+		document.execCommand?.(cmd.command, false, cmd.value);
+		this.onInput();
+	}
+	link() {
+		const url = prompt(this.text.editorLinkPrompt);
+		if (!url || !/^https?:\/\//i.test(url)) return;
+		this.area().nativeElement.focus();
+		document.execCommand?.("createLink", false, url);
+		this.onInput();
+	}
+	isActive(cmd) {
+		return cmd.command === "formatBlock" || cmd.command === "removeFormat" ? null : this.active().has(cmd.command);
+	}
+	refreshState() {
+		const on = /* @__PURE__ */ new Set();
+		for (const cmd of COMMANDS) try {
+			if (document.queryCommandState?.(cmd.command)) on.add(cmd.command);
+		} catch {}
+		this.active.set(on);
+	}
+	focus() {
+		this.area().nativeElement.focus();
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.6",
+		ngImport: i0,
+		type: StarEditor,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.0.0",
+		version: "22.2.6",
+		type: StarEditor,
+		isStandalone: true,
+		selector: "star-editor",
+		inputs: {
+			value: {
+				classPropertyName: "value",
+				publicName: "value",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			placeholder: {
+				classPropertyName: "placeholder",
+				publicName: "placeholder",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			minHeight: {
+				classPropertyName: "minHeight",
+				publicName: "minHeight",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			ariaLabel: {
+				classPropertyName: "ariaLabel",
+				publicName: "ariaLabel",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			disabled: {
+				classPropertyName: "disabled",
+				publicName: "disabled",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			readonly: {
+				classPropertyName: "readonly",
+				publicName: "readonly",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			invalid: {
+				classPropertyName: "invalid",
+				publicName: "invalid",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			touched: {
+				classPropertyName: "touched",
+				publicName: "touched",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		outputs: {
+			value: "valueChange",
+			touch: "touch"
+		},
+		host: {
+			properties: {
+				"class.star-editor--disabled": "disabled()",
+				"class.star-editor--invalid": "invalid() && touched()"
+			},
+			classAttribute: "star-editor"
+		},
+		viewQueries: [{
+			propertyName: "area",
+			first: true,
+			predicate: ["area"],
+			descendants: true,
+			isSignal: true
+		}],
+		ngImport: i0,
+		template: `
+    <star-toolbar
+      class="star-editor__toolbar"
+      [ariaLabel]="text.editorFormatting(ariaLabel() ?? text.editorLabel)"
+    >
+      <ng-container starToolbarStart>
+        @for (cmd of commands; track cmd.command + (cmd.value ?? '')) {
+          <button
+            type="button"
+            class="star-editor__btn"
+            [attr.aria-label]="label(cmd)"
+            [attr.aria-pressed]="isActive(cmd)"
+            [disabled]="disabled() || readonly()"
+            (mousedown)="$event.preventDefault()"
+            (click)="run(cmd)"
+          >
+            <i [class]="cmd.icon" aria-hidden="true"></i>
+          </button>
+        }
+        <button
+          type="button"
+          class="star-editor__btn"
+          [attr.aria-label]="text.editorLink"
+          [disabled]="disabled() || readonly()"
+          (mousedown)="$event.preventDefault()"
+          (click)="link()"
+        >
+          <i class="ph-bold ph-link" aria-hidden="true"></i>
+        </button>
+      </ng-container>
+    </star-toolbar>
+    <div
+      #area
+      class="star-editor__area"
+      role="textbox"
+      aria-multiline="true"
+      [attr.tabindex]="disabled() ? -1 : 0"
+      [attr.contenteditable]="disabled() || readonly() ? 'false' : 'true'"
+      [attr.aria-label]="ariaLabel()"
+      [attr.aria-readonly]="readonly() || null"
+      [attr.aria-disabled]="disabled() || null"
+      [attr.data-placeholder]="placeholder()"
+      [style.min-height]="minHeight()"
+      (input)="onInput()"
+      (keyup)="refreshState()"
+      (mouseup)="refreshState()"
+      (blur)="touch.emit()"
+    ></div>
+  `,
+		isInline: true,
+		dependencies: [{
+			kind: "component",
+			type: StarToolbar,
+			selector: "star-toolbar",
+			inputs: ["ariaLabel"]
+		}],
+		changeDetection: i0.ChangeDetectionStrategy.OnPush
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.6",
+	ngImport: i0,
+	type: StarEditor,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "star-editor",
+			imports: [StarToolbar],
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			host: {
+				class: "star-editor",
+				"[class.star-editor--disabled]": "disabled()",
+				"[class.star-editor--invalid]": "invalid() && touched()"
+			},
+			template: `
+    <star-toolbar
+      class="star-editor__toolbar"
+      [ariaLabel]="text.editorFormatting(ariaLabel() ?? text.editorLabel)"
+    >
+      <ng-container starToolbarStart>
+        @for (cmd of commands; track cmd.command + (cmd.value ?? '')) {
+          <button
+            type="button"
+            class="star-editor__btn"
+            [attr.aria-label]="label(cmd)"
+            [attr.aria-pressed]="isActive(cmd)"
+            [disabled]="disabled() || readonly()"
+            (mousedown)="$event.preventDefault()"
+            (click)="run(cmd)"
+          >
+            <i [class]="cmd.icon" aria-hidden="true"></i>
+          </button>
+        }
+        <button
+          type="button"
+          class="star-editor__btn"
+          [attr.aria-label]="text.editorLink"
+          [disabled]="disabled() || readonly()"
+          (mousedown)="$event.preventDefault()"
+          (click)="link()"
+        >
+          <i class="ph-bold ph-link" aria-hidden="true"></i>
+        </button>
+      </ng-container>
+    </star-toolbar>
+    <div
+      #area
+      class="star-editor__area"
+      role="textbox"
+      aria-multiline="true"
+      [attr.tabindex]="disabled() ? -1 : 0"
+      [attr.contenteditable]="disabled() || readonly() ? 'false' : 'true'"
+      [attr.aria-label]="ariaLabel()"
+      [attr.aria-readonly]="readonly() || null"
+      [attr.aria-disabled]="disabled() || null"
+      [attr.data-placeholder]="placeholder()"
+      [style.min-height]="minHeight()"
+      (input)="onInput()"
+      (keyup)="refreshState()"
+      (mouseup)="refreshState()"
+      (blur)="touch.emit()"
+    ></div>
+  `
+		}]
+	}],
+	ctorParameters: () => [],
+	propDecorators: {
+		value: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "value",
+				required: false
+			}]
+		}, {
+			type: i0.Output,
+			args: ["valueChange"]
+		}],
+		placeholder: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "placeholder",
+				required: false
+			}]
+		}],
+		minHeight: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "minHeight",
+				required: false
+			}]
+		}],
+		ariaLabel: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "ariaLabel",
+				required: false
+			}]
+		}],
+		disabled: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "disabled",
+				required: false
+			}]
+		}],
+		readonly: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "readonly",
+				required: false
+			}]
+		}],
+		invalid: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "invalid",
+				required: false
+			}]
+		}],
+		touched: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "touched",
+				required: false
+			}]
+		}],
+		touch: [{
+			type: i0.Output,
+			args: ["touch"]
+		}],
+		area: [{
+			type: i0.ViewChild,
+			args: ["area", { isSignal: true }]
+		}]
+	}
+});
+export { StarEditor };
+
+//# sourceMappingURL=star-ng-ui-editor.mjs.map

package/fesm2022/star-ng-ui-editor.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"star-ng-ui-editor.mjs","names":[],"sources":["../../../projects/star-ng/editor/editor.ts"],"sourcesContent":["import {\n  afterRenderEffect,\n  booleanAttribute,\n  ChangeDetectionStrategy,\n  Component,\n  ElementRef,\n  inject,\n  input,\n  model,\n  output,\n  SecurityContext,\n  signal,\n  viewChild,\n} from '@angular/core';\nimport type { FormValueControl } from '@angular/forms/signals';\nimport { DomSanitizer } from '@angular/platform-browser';\nimport { STAR_UI_TEXT, StarUiText } from '@star-ng/ui/core';\nimport { StarToolbar } from '@star-ng/ui/layout';\n\ninterface EditorCommand {\n  readonly command: string;\n  readonly label: keyof StarUiText;\n  readonly icon: string;\n  readonly value?: string;\n}\n\nconst COMMANDS: readonly EditorCommand[] = [\n  { command: 'bold', label: 'editorBold', icon: 'ph-bold ph-text-b' },\n  { command: 'italic', label: 'editorItalic', icon: 'ph-bold ph-text-italic' },\n  { command: 'underline', label: 'editorUnderline', icon: 'ph-bold ph-text-underline' },\n  { command: 'formatBlock', value: 'h3', label: 'editorHeading', icon: 'ph-bold ph-text-h' },\n  { command: 'insertUnorderedList', label: 'editorBulletList', icon: 'ph-bold ph-list-bullets' },\n  { command: 'insertOrderedList', label: 'editorNumberedList', icon: 'ph-bold ph-list-numbers' },\n  { command: 'removeFormat', label: 'editorClearFormatting', icon: 'ph-bold ph-text-t-slash' },\n];\n\n/**\n * Rich text field (PrimeNG `p-editor`, without Quill): a `contenteditable` area with a\n * formatting toolbar (bold, italic, underline, heading, lists, link, clear). Value is HTML,\n * sanitized with Angular's `DomSanitizer` both when it is shown and when it is stored.\n *\n * Note: formatting uses `document.execCommand`, which browsers still support but no longer\n * develop. For complex documents use a dedicated editor library.\n *\n * `<star-editor [formField]=\"form.response\" ariaLabel=\"Response\" />`\n */\n@Component({\n  selector: 'star-editor',\n  imports: [StarToolbar],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    class: 'star-editor',\n    '[class.star-editor--disabled]': 'disabled()',\n    '[class.star-editor--invalid]': 'invalid() && touched()',\n  },\n  template: `\n    <star-toolbar\n      class=\"star-editor__toolbar\"\n      [ariaLabel]=\"text.editorFormatting(ariaLabel() ?? text.editorLabel)\"\n    >\n      <ng-container starToolbarStart>\n        @for (cmd of commands; track cmd.command + (cmd.value ?? '')) {\n          <button\n            type=\"button\"\n            class=\"star-editor__btn\"\n            [attr.aria-label]=\"label(cmd)\"\n            [attr.aria-pressed]=\"isActive(cmd)\"\n            [disabled]=\"disabled() || readonly()\"\n            (mousedown)=\"$event.preventDefault()\"\n            (click)=\"run(cmd)\"\n          >\n            <i [class]=\"cmd.icon\" aria-hidden=\"true\"></i>\n          </button>\n        }\n        <button\n          type=\"button\"\n          class=\"star-editor__btn\"\n          [attr.aria-label]=\"text.editorLink\"\n          [disabled]=\"disabled() || readonly()\"\n          (mousedown)=\"$event.preventDefault()\"\n          (click)=\"link()\"\n        >\n          <i class=\"ph-bold ph-link\" aria-hidden=\"true\"></i>\n        </button>\n      </ng-container>\n    </star-toolbar>\n    <div\n      #area\n      class=\"star-editor__area\"\n      role=\"textbox\"\n      aria-multiline=\"true\"\n      [attr.tabindex]=\"disabled() ? -1 : 0\"\n      [attr.contenteditable]=\"disabled() || readonly() ? 'false' : 'true'\"\n      [attr.aria-label]=\"ariaLabel()\"\n      [attr.aria-readonly]=\"readonly() || null\"\n      [attr.aria-disabled]=\"disabled() || null\"\n      [attr.data-placeholder]=\"placeholder()\"\n      [style.min-height]=\"minHeight()\"\n      (input)=\"onInput()\"\n      (keyup)=\"refreshState()\"\n      (mouseup)=\"refreshState()\"\n      (blur)=\"touch.emit()\"\n    ></div>\n  `,\n})\nexport class StarEditor implements FormValueControl<string> {\n  protected readonly text = inject(STAR_UI_TEXT);\n  private readonly sanitizer = inject(DomSanitizer);\n\n  /** The content as HTML. Edits by the user are stored sanitized. */\n  readonly value = model('');\n  /** Text shown while the editor is empty. */\n  readonly placeholder = input('');\n  /** CSS `min-height` of the editing area. */\n  readonly minHeight = input('8rem');\n  /** Accessible name of the editing area. */\n  readonly ariaLabel = input<string | null>(null);\n  readonly disabled = input(false, { transform: booleanAttribute });\n  readonly readonly = input(false, { transform: booleanAttribute });\n  readonly invalid = input(false, { transform: booleanAttribute });\n  readonly touched = input(false, { transform: booleanAttribute });\n  readonly touch = output<void>();\n\n  protected readonly commands = COMMANDS;\n\n  protected label(cmd: EditorCommand): string {\n    return this.text[cmd.label] as string;\n  }\n  private readonly area = viewChild.required<ElementRef<HTMLDivElement>>('area');\n  private readonly active = signal<ReadonlySet<string>>(new Set());\n  private lastWritten: string | null = null;\n\n  constructor() {\n    // Write the model into the editable area only when it changed from outside.\n    afterRenderEffect({\n      write: () => {\n        const html = this.value();\n        if (html === this.lastWritten) return;\n        this.area().nativeElement.innerHTML = this.sanitize(html);\n        this.lastWritten = html;\n      },\n    });\n  }\n\n  private sanitize(html: string): string {\n    return this.sanitizer.sanitize(SecurityContext.HTML, html) ?? '';\n  }\n\n  protected onInput(): void {\n    const element = this.area().nativeElement;\n    const html = element.textContent?.trim() ? this.sanitize(element.innerHTML) : '';\n    this.lastWritten = html;\n    this.value.set(html);\n    this.refreshState();\n  }\n\n  protected run(cmd: EditorCommand): void {\n    this.area().nativeElement.focus();\n    document.execCommand?.(cmd.command, false, cmd.value);\n    this.onInput();\n  }\n\n  protected link(): void {\n    const url = prompt(this.text.editorLinkPrompt);\n    if (!url || !/^https?:\\/\\//i.test(url)) return;\n    this.area().nativeElement.focus();\n    document.execCommand?.('createLink', false, url);\n    this.onInput();\n  }\n\n  protected isActive(cmd: EditorCommand): boolean | null {\n    return cmd.command === 'formatBlock' || cmd.command === 'removeFormat'\n      ? null\n      : this.active().has(cmd.command);\n  }\n\n  protected refreshState(): void {\n    const on = new Set<string>();\n    for (const cmd of COMMANDS) {\n      try {\n        if (document.queryCommandState?.(cmd.command)) on.add(cmd.command);\n      } catch {\n        // Some commands have no state.\n      }\n    }\n    this.active.set(on);\n  }\n\n  focus(): void {\n    this.area().nativeElement.focus();\n  }\n}\n"],"mappings":"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"}