@star-ng/ui 0.0.0-stage → 0.1.0

package/fesm2022/star-ng-ui-theme-switch.mjs

@@ -0,0 +1,105 @@
+import * as i0 from "@angular/core";
+import { ChangeDetectionStrategy, Component, computed, inject } from "@angular/core";
+import { STAR_UI_TEXT } from "@star-ng/ui/core";
+import { StarThemeService } from "@star-ng/ui/theme";
+import { StarSpeedDial } from "@star-ng/ui/utility";
+const MODES = [
+	{
+		mode: "system",
+		icon: "ph-bold ph-monitor"
+	},
+	{
+		mode: "light",
+		icon: "ph-bold ph-sun"
+	},
+	{
+		mode: "dark",
+		icon: "ph-bold ph-moon"
+	}
+];
+var StarThemeSwitch = class StarThemeSwitch {
+	theme = inject(StarThemeService);
+	text = inject(STAR_UI_TEXT);
+	activeIndex = computed(() => MODES.findIndex((item) => item.mode === this.theme.mode()), ...ngDevMode ? [{ debugName: "activeIndex" }] : /* istanbul ignore next */ []);
+	current = computed(() => MODES[this.activeIndex()] ?? MODES[0], ...ngDevMode ? [{ debugName: "current" }] : /* istanbul ignore next */ []);
+	modeLabel(mode) {
+		return mode === "system" ? this.text.themeSystem : mode === "light" ? this.text.themeLight : this.text.themeDark;
+	}
+	items = computed(() => MODES.map(({ mode, icon }) => ({
+		label: this.modeLabel(mode),
+		icon,
+		command: () => this.theme.setMode(mode)
+	})), ...ngDevMode ? [{ debugName: "items" }] : /* istanbul ignore next */ []);
+	label = computed(() => `${this.text.theme}: ${this.modeLabel(this.current().mode)}`, ...ngDevMode ? [{ debugName: "label" }] : /* istanbul ignore next */ []);
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.6",
+		ngImport: i0,
+		type: StarThemeSwitch,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "14.0.0",
+		version: "22.2.6",
+		type: StarThemeSwitch,
+		isStandalone: true,
+		selector: "star-theme-switch",
+		host: { classAttribute: "star-theme-switch" },
+		ngImport: i0,
+		template: `
+    <star-speed-dial
+      size="sm"
+      direction="down"
+      [icon]="current().icon"
+      [items]="items()"
+      [activeIndex]="activeIndex()"
+      [ariaLabel]="label()"
+    />
+  `,
+		isInline: true,
+		dependencies: [{
+			kind: "component",
+			type: StarSpeedDial,
+			selector: "star-speed-dial",
+			inputs: [
+				"items",
+				"direction",
+				"ariaLabel",
+				"icon",
+				"size",
+				"activeIndex"
+			],
+			outputs: ["itemClick"]
+		}],
+		changeDetection: i0.ChangeDetectionStrategy.OnPush
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.6",
+	ngImport: i0,
+	type: StarThemeSwitch,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "star-theme-switch",
+			imports: [StarSpeedDial],
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			host: { class: "star-theme-switch" },
+			template: `
+    <star-speed-dial
+      size="sm"
+      direction="down"
+      [icon]="current().icon"
+      [items]="items()"
+      [activeIndex]="activeIndex()"
+      [ariaLabel]="label()"
+    />
+  `
+		}]
+	}]
+});
+export { StarThemeSwitch };
+
+//# sourceMappingURL=star-ng-ui-theme-switch.mjs.map

package/fesm2022/star-ng-ui-theme-switch.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"star-ng-ui-theme-switch.mjs","names":[],"sources":["../../../projects/star-ng/theme-switch/theme-switch.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, computed, inject } from '@angular/core';\nimport { STAR_UI_TEXT } from '@star-ng/ui/core';\nimport { StarMenuItem } from '@star-ng/ui/menu';\nimport { StarThemeMode, StarThemeService } from '@star-ng/ui/theme';\nimport { StarSpeedDial } from '@star-ng/ui/utility';\n\nconst MODES: readonly { readonly mode: StarThemeMode; readonly icon: string }[] = [\n  { mode: 'system', icon: 'ph-bold ph-monitor' },\n  { mode: 'light', icon: 'ph-bold ph-sun' },\n  { mode: 'dark', icon: 'ph-bold ph-moon' },\n];\n\n/**\n * Theme switch: a small speed dial with System, Light and Dark. The button shows the icon of\n * the current choice; `StarThemeService` applies and remembers it. The texts come from\n * `STAR_UI_TEXT` (`theme`, `themeSystem`, `themeLight`, `themeDark`).\n *\n * The control is not positioned: the host places it. For a fixed corner:\n *\n * ```css\n * star-theme-switch {\n *   position: fixed;\n *   top: var(--star-space-3);\n *   inset-inline-end: var(--star-space-4);\n *   z-index: 40;\n * }\n * ```\n *\n * `<star-theme-switch />`\n */\n@Component({\n  selector: 'star-theme-switch',\n  imports: [StarSpeedDial],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: { class: 'star-theme-switch' },\n  template: `\n    <star-speed-dial\n      size=\"sm\"\n      direction=\"down\"\n      [icon]=\"current().icon\"\n      [items]=\"items()\"\n      [activeIndex]=\"activeIndex()\"\n      [ariaLabel]=\"label()\"\n    />\n  `,\n})\nexport class StarThemeSwitch {\n  private readonly theme = inject(StarThemeService);\n  private readonly text = inject(STAR_UI_TEXT);\n\n  protected readonly activeIndex = computed(() =>\n    MODES.findIndex((item) => item.mode === this.theme.mode()),\n  );\n  protected readonly current = computed(() => MODES[this.activeIndex()] ?? MODES[0]);\n\n  private modeLabel(mode: StarThemeMode): string {\n    return mode === 'system'\n      ? this.text.themeSystem\n      : mode === 'light'\n        ? this.text.themeLight\n        : this.text.themeDark;\n  }\n\n  protected readonly items = computed<readonly StarMenuItem[]>(() =>\n    MODES.map(({ mode, icon }) => ({\n      label: this.modeLabel(mode),\n      icon,\n      command: () => this.theme.setMode(mode),\n    })),\n  );\n\n  /** Accessible name of the button, for example \"Theme: Dark\". */\n  protected readonly label = computed(\n    () => `${this.text.theme}: ${this.modeLabel(this.current().mode)}`,\n  );\n}\n"],"mappings":";;;;;AAMA,MAAM,QAA4E;CAChF;EAAE,MAAM;EAAU,MAAM;CAAoB;CAC5C;EAAE,MAAM;EAAS,MAAM;CAAgB;CACvC;EAAE,MAAM;EAAQ,MAAM;CAAiB;AACxC;AAoCD,IAAa,kBAAb,MAAa,gBAAe;CACT,QAAQ,OAAO,gBAAgB;CAC/B,OAAO,OAAO,YAAY;CAExB,cAAc,eAC/B,MAAM,WAAW,SAAS,KAAK,SAAS,KAAK,MAAM,KAAI,CAAE,GAC1D,GAAA,YAAA,CAAA,EAAA,WAAA,cAAA,CAAA,+BAAA,CAAA,CAAA;CACkB,UAAU,eAAe,MAAM,KAAK,YAAW,MAAO,MAAM,IAAG,GAAA,YAAA,CAAA,EAAA,WAAA,UAAA,CAAA,+BAAA,CAAA,CAAA;CAE1E,UAAU,MAAmB;EACnC,OAAO,SAAS,WACZ,KAAK,KAAK,cACV,SAAS,UACP,KAAK,KAAK,aACV,KAAK,KAAK;CAClB;CAEmB,QAAQ,eACzB,MAAM,KAAK,EAAE,MAAM,YAAY;EAC7B,OAAO,KAAK,UAAU,IAAI;EAC1B;EACA,eAAe,KAAK,MAAM,QAAQ,IAAI;CACvC,EAAC,GACH,GAAA,YAAA,CAAA,EAAA,WAAA,QAAA,CAAA,+BAAA,CAAA,CAAA;CAGkB,QAAQ,eACnB,GAAG,KAAK,KAAK,MAAK,IAAK,KAAK,UAAU,KAAK,QAAO,CAAE,CAAC,IAAI,KAChE,GAAA,YAAA,CAAA,EAAA,WAAA,QAAA,CAAA,+BAAA,CAAA,CAAA;CA5BU,OAAA,OAAA,GAAA,mBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,UAAA;EAAA,MAAA;EAAe,MAAA,CAAA;EAAA,QAAA,GAAA,gBAAA;CAAA,CAAA;CAAf,OAAA,OAAA,GAAA,qBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,MAAA;EAAe,cAAA;EAAA,UAAA;EAAA,MAAA,EAAA,gBAAA,oBAAA;EAAA,UAAA;EAAA,UAXhB;;;;;;;;;;EAST,UAAA;EAAA,cAAA,CAAA;GAAA,MAAA;GAAA,MAZS;GAAa,UAAA;GAAA,QAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;GAAA;GAAA,SAAA,CAAA,WAAA;EAAA,CAAA;EAAA,iBAAA,GAAA,wBAAA;CAAA,CAAA;;AAcZ,GAAA,yBAAA;CAAA,YAAA;CAAA,SAAA;CAAA,UAAA;CAAA,MAAA;CAAe,YAAA,CAAA;EAhB3B,MAAA;EAAU,MAAA,CAAA;GACT,UAAU;GACV,SAAS,CAAC,aAAa;GACvB,iBAAiB,wBAAwB;GACzC,MAAM,EAAE,OAAO,oBAAmB;GAClC,UAAU;;;;;;;;;;EAUX,CAAA"}

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

@@ -0,0 +1,98 @@
+import { DOCUMENT } from "@angular/common";
+import * as i0 from "@angular/core";
+import { Injectable, InjectionToken, computed, effect, inject, signal } from "@angular/core";
+const STAR_THEME_DEFAULT_STORAGE_KEY = "star-theme";
+function firstPaintSource(keyExpression) {
+	return `(function(){var m='system';try{m=localStorage.getItem(${keyExpression})||'system'}catch(e){}var d=m==='dark'||(m!=='light'&&window.matchMedia&&window.matchMedia('(prefers-color-scheme: dark)').matches);document.documentElement.setAttribute('data-theme',d?'dark':'light')})();`;
+}
+function scriptLiteral(value) {
+	return JSON.stringify(value).replace(/</g, String.raw`\u003c`);
+}
+function starThemeFirstPaintScript(storageKey = STAR_THEME_DEFAULT_STORAGE_KEY) {
+	return firstPaintSource(scriptLiteral(storageKey));
+}
+function starThemeFirstPaintFileScript() {
+	return firstPaintSource(`document.currentScript&&document.currentScript.getAttribute('data-storage-key')||${scriptLiteral(STAR_THEME_DEFAULT_STORAGE_KEY)}`);
+}
+const STAR_THEME_FIRST_PAINT_HASH = "'sha256-mHrWsD/vOGmnKvtGE+U7/5fQm439nYWV30PcQ/ez708='";
+async function starThemeFirstPaintHash(storageKey = STAR_THEME_DEFAULT_STORAGE_KEY) {
+	const bytes = new TextEncoder().encode(starThemeFirstPaintScript(storageKey));
+	const digest = new Uint8Array(await crypto.subtle.digest("SHA-256", bytes));
+	let binary = "";
+	for (const byte of digest) binary += String.fromCharCode(byte);
+	return `'sha256-${btoa(binary)}'`;
+}
+const NONCE = /^[A-Za-z0-9+/_-]+={0,2}$/;
+function starThemeFirstPaintElement(nonce, storageKey = STAR_THEME_DEFAULT_STORAGE_KEY) {
+	if (typeof nonce !== "string" || !NONCE.test(nonce)) throw new Error("starThemeFirstPaintElement: the nonce must be a base64 or base64url value.");
+	return `<script nonce="${nonce}">${starThemeFirstPaintScript(storageKey)}<\/script>`;
+}
+const STAR_THEME_STORAGE_KEY = new InjectionToken("STAR_THEME_STORAGE_KEY", {
+	providedIn: "root",
+	factory: () => STAR_THEME_DEFAULT_STORAGE_KEY
+});
+const MODES = [
+	"system",
+	"light",
+	"dark"
+];
+var StarThemeService = class StarThemeService {
+	document = inject(DOCUMENT);
+	storageKey = inject(STAR_THEME_STORAGE_KEY);
+	view = this.document.defaultView;
+	systemQuery = this.view?.matchMedia?.("(prefers-color-scheme: dark)") ?? null;
+	systemDark = signal(this.systemQuery?.matches ?? false, ...ngDevMode ? [{ debugName: "systemDark" }] : /* istanbul ignore next */ []);
+	mode = signal(this.stored(), ...ngDevMode ? [{ debugName: "mode" }] : /* istanbul ignore next */ []);
+	theme = computed(() => {
+		const mode = this.mode();
+		if (mode === "system") return this.systemDark() ? "dark" : "light";
+		return mode;
+	}, ...ngDevMode ? [{ debugName: "theme" }] : /* istanbul ignore next */ []);
+	constructor() {
+		this.systemQuery?.addEventListener?.("change", (event) => this.systemDark.set(event.matches));
+		effect(() => this.document.documentElement.setAttribute("data-theme", this.theme()));
+	}
+	setMode(mode) {
+		this.mode.set(mode);
+		try {
+			this.view?.localStorage.setItem(this.storageKey, mode);
+		} catch {}
+	}
+	stored() {
+		try {
+			const value = this.view?.localStorage.getItem(this.storageKey);
+			return MODES.includes(value) ? value : "system";
+		} catch {
+			return "system";
+		}
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.6",
+		ngImport: i0,
+		type: StarThemeService,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Injectable
+	});
+	static ɵprov = i0.ɵɵngDeclareInjectable({
+		minVersion: "12.0.0",
+		version: "22.2.6",
+		ngImport: i0,
+		type: StarThemeService,
+		providedIn: "root"
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.6",
+	ngImport: i0,
+	type: StarThemeService,
+	decorators: [{
+		type: Injectable,
+		args: [{ providedIn: "root" }]
+	}],
+	ctorParameters: () => []
+});
+export { STAR_THEME_DEFAULT_STORAGE_KEY, STAR_THEME_FIRST_PAINT_HASH, STAR_THEME_STORAGE_KEY, StarThemeService, starThemeFirstPaintElement, starThemeFirstPaintFileScript, starThemeFirstPaintHash, starThemeFirstPaintScript };
+
+//# sourceMappingURL=star-ng-ui-theme.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"star-ng-ui-theme.mjs","names":[],"sources":["../../../projects/star-ng/theme/theme-key.ts","../../../projects/star-ng/theme/first-paint.ts","../../../projects/star-ng/theme/theme.service.ts"],"sourcesContent":["/** Default `localStorage` key of the saved theme choice. */\nexport const STAR_THEME_DEFAULT_STORAGE_KEY = 'star-theme';\n","import { STAR_THEME_DEFAULT_STORAGE_KEY } from './theme-key';\n\n/**\n * Builds the script text. `keyExpression` is JavaScript source that gives the storage key.\n * The inline form uses a string literal; the file form reads an attribute of its own element.\n */\nfunction firstPaintSource(keyExpression: string): string {\n  return (\n    `(function(){var m='system';try{m=localStorage.getItem(${keyExpression})||'system'}catch(e){}` +\n    `var d=m==='dark'||(m!=='light'&&window.matchMedia&&` +\n    `window.matchMedia('(prefers-color-scheme: dark)').matches);` +\n    `document.documentElement.setAttribute('data-theme',d?'dark':'light')})();`\n  );\n}\n\n/** A string literal that is safe inside an HTML `<script>` element (it escapes every `<`). */\nfunction scriptLiteral(value: string): string {\n  return JSON.stringify(value).replace(/</g, String.raw`\\u003c`);\n}\n\n/**\n * Source of the first-paint theme script. It sets `data-theme` on `<html>` before the browser\n * paints, so a dark-theme user does not see a light frame while the application starts.\n *\n * The rule is the same as in `StarThemeService`: the saved choice (`system`, `light` or\n * `dark`), else the system setting.\n *\n * A strict Content Security Policy (`script-src 'self'`, no `'unsafe-inline'`) blocks an inline\n * script. There are three ways that work with it. See the \"Content Security Policy\" section of\n * the \"Dark mode\" guide:\n *\n * 1. the static file `@star-ng/ui/theme/star-theme-first-paint.js` (see\n *    `starThemeFirstPaintFileScript`), loaded with `<script src>`;\n * 2. the hash of this text in the policy (`STAR_THEME_FIRST_PAINT_HASH`,\n *    `starThemeFirstPaintHash`);\n * 3. a nonce (`starThemeFirstPaintElement`).\n *\n * ```ts\n * // For example in a build script or a server-side template:\n * const html = `<script>${starThemeFirstPaintScript()}</script>`;\n * ```\n *\n * @param storageKey The `localStorage` key. Use the value of `STAR_THEME_STORAGE_KEY`.\n */\nexport function starThemeFirstPaintScript(storageKey = STAR_THEME_DEFAULT_STORAGE_KEY): string {\n  return firstPaintSource(scriptLiteral(storageKey));\n}\n\n/**\n * Text of the static file `@star-ng/ui/theme/star-theme-first-paint.js`. It is the same script as\n * `starThemeFirstPaintScript()`, but the storage key comes from the `data-storage-key`\n * attribute of its own `<script>` element (default `'star-theme'`), so a custom key needs no\n * inline code:\n *\n * ```html\n * <script src=\"star-theme-first-paint.js\" data-storage-key=\"my-app-theme\"></script>\n * ```\n *\n * A unit test keeps the file and this function identical.\n */\nexport function starThemeFirstPaintFileScript(): string {\n  return firstPaintSource(\n    `document.currentScript&&document.currentScript.getAttribute('data-storage-key')||${scriptLiteral(\n      STAR_THEME_DEFAULT_STORAGE_KEY,\n    )}`,\n  );\n}\n\n/**\n * CSP hash source of `starThemeFirstPaintScript()` with the default storage key. Put it in\n * `script-src`, and write the script between the tags with no extra character: no space, no\n * line break. A unit test recomputes it, so it cannot be stale.\n */\nexport const STAR_THEME_FIRST_PAINT_HASH = \"'sha256-mHrWsD/vOGmnKvtGE+U7/5fQm439nYWV30PcQ/ez708='\";\n\n/**\n * Computes the CSP hash source (`'sha256-...'`, with the quotes) of the exact text of\n * `starThemeFirstPaintScript(storageKey)`. The browser hashes the UTF-8 bytes of the text\n * between `<script>` and `</script>`. Use it for a custom storage key (needs Web Crypto, so a\n * secure context or a current Node.js version).\n */\nexport async function starThemeFirstPaintHash(\n  storageKey = STAR_THEME_DEFAULT_STORAGE_KEY,\n): Promise<string> {\n  const bytes = new TextEncoder().encode(starThemeFirstPaintScript(storageKey));\n  const digest = new Uint8Array(await crypto.subtle.digest('SHA-256', bytes));\n  let binary = '';\n  for (const byte of digest) binary += String.fromCharCode(byte);\n  return `'sha256-${btoa(binary)}'`;\n}\n\n/** A nonce is base64 or base64url text (`A-Z a-z 0-9 + / - _`, at most two `=` at the end). */\nconst NONCE = /^[A-Za-z0-9+/_-]+={0,2}$/;\n\n/**\n * The full `<script nonce=\"...\">...</script>` element text of the first-paint script, for a\n * server-rendered page. Add `'nonce-<same value>'` to `script-src`. Use a new random nonce\n * (at least 128 bits) for each response.\n *\n * @throws Error when the nonce is not a valid base64 or base64url value. The check keeps\n * markup out of the attribute.\n */\nexport function starThemeFirstPaintElement(\n  nonce: string,\n  storageKey = STAR_THEME_DEFAULT_STORAGE_KEY,\n): string {\n  if (typeof nonce !== 'string' || !NONCE.test(nonce)) {\n    throw new Error('starThemeFirstPaintElement: the nonce must be a base64 or base64url value.');\n  }\n  return `<script nonce=\"${nonce}\">${starThemeFirstPaintScript(storageKey)}</script>`;\n}\n","import { DOCUMENT } from '@angular/common';\nimport { Injectable, InjectionToken, computed, effect, inject, signal } from '@angular/core';\nimport { STAR_THEME_DEFAULT_STORAGE_KEY } from './theme-key';\n\n/** `'system'` follows the operating system setting (`prefers-color-scheme`). */\nexport type StarThemeMode = 'system' | 'light' | 'dark';\n\nexport { STAR_THEME_DEFAULT_STORAGE_KEY };\n\n/**\n * `localStorage` key of the saved theme choice. Provide another value when two applications\n * on one origin must keep separate choices. The first-paint script must use the same key.\n */\nexport const STAR_THEME_STORAGE_KEY = new InjectionToken<string>('STAR_THEME_STORAGE_KEY', {\n  providedIn: 'root',\n  factory: () => STAR_THEME_DEFAULT_STORAGE_KEY,\n});\n\nconst MODES: readonly StarThemeMode[] = ['system', 'light', 'dark'];\n\n/**\n * Color theme of the application. The StarNG tokens change with `data-theme` on `<html>`\n * (`@star-ng/ui/styles/_tokens.scss`); this service sets that attribute and remembers the choice\n * in the browser (`localStorage`). Inject it in the root component, so the theme applies on\n * every page.\n *\n * The service is optional: an application that has one fixed theme does not need it.\n */\n@Injectable({ providedIn: 'root' })\nexport class StarThemeService {\n  private readonly document = inject(DOCUMENT);\n  private readonly storageKey = inject(STAR_THEME_STORAGE_KEY);\n  private readonly view = this.document.defaultView;\n  private readonly systemQuery = this.view?.matchMedia?.('(prefers-color-scheme: dark)') ?? null;\n  private readonly systemDark = signal(this.systemQuery?.matches ?? false);\n\n  /** The user's choice. */\n  readonly mode = signal<StarThemeMode>(this.stored());\n  /** The theme in use now: `'system'` resolved to light or dark. */\n  readonly theme = computed<'light' | 'dark'>(() => {\n    const mode = this.mode();\n    if (mode === 'system') return this.systemDark() ? 'dark' : 'light';\n    return mode;\n  });\n\n  constructor() {\n    this.systemQuery?.addEventListener?.('change', (event) => this.systemDark.set(event.matches));\n    effect(() => this.document.documentElement.setAttribute('data-theme', this.theme()));\n  }\n\n  setMode(mode: StarThemeMode): void {\n    this.mode.set(mode);\n    try {\n      this.view?.localStorage.setItem(this.storageKey, mode);\n    } catch {\n      // Storage can be blocked (private mode): the choice then lasts for this visit only.\n    }\n  }\n\n  private stored(): StarThemeMode {\n    try {\n      const value = this.view?.localStorage.getItem(this.storageKey);\n      return MODES.includes(value as StarThemeMode) ? (value as StarThemeMode) : 'system';\n    } catch {\n      return 'system';\n    }\n  }\n}\n"],"mappings":";;;AACA,MAAa,iCAAiC;ACK9C,SAAS,iBAAiB,eAAqB;CAC7C,OACE,yDAAyD,cAAa;AAK1E;AAGA,SAAS,cAAc,OAAa;CAClC,OAAO,KAAK,UAAU,KAAK,CAAC,CAAC,QAAQ,MAAM,OAAO,GAAG,QAAQ;AAC/D;AA0BA,SAAgB,0BAA0B,aAAa,gCAA8B;CACnF,OAAO,iBAAiB,cAAc,UAAU,CAAC;AACnD;AAcA,SAAgB,gCAA6B;CAC3C,OAAO,iBACL,oFAAoF,cAClF,8BAA8B,GAC7B;AAEP;AAOA,MAAa,8BAA8B;AAQ3C,eAAsB,wBACpB,aAAa,gCAA8B;CAE3C,MAAM,QAAQ,IAAI,YAAW,CAAE,CAAC,OAAO,0BAA0B,UAAU,CAAC;CAC5E,MAAM,SAAS,IAAI,WAAW,MAAM,OAAO,OAAO,OAAO,WAAW,KAAK,CAAC;CAC1E,IAAI,SAAS;CACb,KAAK,MAAM,QAAQ,QAAQ,UAAU,OAAO,aAAa,IAAI;CAC7D,OAAO,WAAW,KAAK,MAAM,EAAC;AAChC;AAGA,MAAM,QAAQ;AAUd,SAAgB,2BACd,OACA,aAAa,gCAA8B;CAE3C,IAAI,OAAO,UAAU,YAAY,CAAC,MAAM,KAAK,KAAK,GAChD,MAAM,IAAI,MAAM,4EAA4E;CAE9F,OAAO,kBAAkB,MAAK,IAAK,0BAA0B,UAAU,EAAC;AAC1E;ACjGA,MAAa,yBAAyB,IAAI,eAAuB,0BAA0B;CACzF,YAAY;CACZ,eAAe;AAChB,CAAA;AAED,MAAM,QAAkC;CAAC;CAAU;CAAS;AAAM;AAWlE,IAAa,mBAAb,MAAa,iBAAgB;CACV,WAAW,OAAO,QAAQ;CAC1B,aAAa,OAAO,sBAAsB;CAC1C,OAAO,KAAK,SAAS;CACrB,cAAc,KAAK,MAAM,aAAa,8BAA8B,KAAK;CACzE,aAAa,OAAO,KAAK,aAAa,WAAW,OAAM,GAAA,YAAA,CAAA,EAAA,WAAA,aAAA,CAAA,+BAAA,CAAA,CAAA;CAG/D,OAAO,OAAsB,KAAK,OAAM,GAAG,GAAA,YAAA,CAAA,EAAA,WAAA,OAAA,CAAA,+BAAA,CAAA,CAAA;CAE3C,QAAQ,eAAgC;EAC/C,MAAM,OAAO,KAAK,KAAI;EACtB,IAAI,SAAS,UAAU,OAAO,KAAK,WAAU,IAAK,SAAS;EAC3D,OAAO;CACT,GAAE,GAAA,YAAA,CAAA,EAAA,WAAA,QAAA,CAAA,+BAAA,CAAA,CAAA;CAEF,cAAA;EACE,KAAK,aAAa,mBAAmB,WAAW,UAAU,KAAK,WAAW,IAAI,MAAM,OAAO,CAAC;EAC5F,aAAa,KAAK,SAAS,gBAAgB,aAAa,cAAc,KAAK,MAAK,CAAE,CAAC;CACrF;CAEA,QAAQ,MAAmB;EACzB,KAAK,KAAK,IAAI,IAAI;EAClB,IAAI;GACF,KAAK,MAAM,aAAa,QAAQ,KAAK,YAAY,IAAI;EACvD,QAAQ,CAER;CACF;CAEQ,SAAM;EACZ,IAAI;GACF,MAAM,QAAQ,KAAK,MAAM,aAAa,QAAQ,KAAK,UAAU;GAC7D,OAAO,MAAM,SAAS,KAAsB,IAAK,QAA0B;EAC7E,QAAQ;GACN,OAAO;EACT;CACF;CArCW,OAAA,OAAA,GAAA,mBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,UAAA;EAAA,MAAA;EAAgB,MAAA,CAAA;EAAA,QAAA,GAAA,gBAAA;CAAA,CAAA;CAAhB,OAAA,QAAA,GAAA,sBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,UAAA;EAAA,MAAA;EAAgB,YADH;CAAM,CAAA;;AACnB,GAAA,yBAAA;CAAA,YAAA;CAAA,SAAA;CAAA,UAAA;CAAA,MAAA;CAAgB,YAAA,CAAA;EAD5B,MAAA;EAAW,MAAA,CAAA,EAAE,YAAY,OAAM,CAAE"}

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

@@ -0,0 +1,298 @@
+import * as i0 from "@angular/core";
+import { ChangeDetectionStrategy, Component, DestroyRef, ElementRef, Service, afterRenderEffect, computed, inject, input, signal } from "@angular/core";
+import { STAR_UI_TEXT } from "@star-ng/ui/core";
+var StarToastService = class StarToastService {
+	items = signal([], ...ngDevMode ? [{ debugName: "items" }] : /* istanbul ignore next */ []);
+	timers = /* @__PURE__ */ new Map();
+	nextId = 1;
+	messages = this.items.asReadonly();
+	preventDuplicates = true;
+	constructor() {
+		inject(DestroyRef).onDestroy(() => this.clear());
+	}
+	show(options) {
+		const severity = options.severity ?? "info";
+		if (this.preventDuplicates) {
+			const duplicate = this.items().find((item) => item.summary === options.summary && item.detail === options.detail && item.severity === severity && item.key === options.key);
+			if (duplicate) return duplicate.id;
+		}
+		const message = {
+			id: this.nextId++,
+			severity,
+			summary: options.summary,
+			detail: options.detail,
+			life: options.life ?? 5e3,
+			sticky: options.sticky ?? false,
+			key: options.key
+		};
+		this.items.update((items) => [...items, message]);
+		if (!message.sticky) this.startTimer(message.id, message.life);
+		return message.id;
+	}
+	success(summary, detail) {
+		return this.show({
+			severity: "success",
+			summary,
+			detail
+		});
+	}
+	info(summary, detail) {
+		return this.show({
+			severity: "info",
+			summary,
+			detail
+		});
+	}
+	warn(summary, detail) {
+		return this.show({
+			severity: "warn",
+			summary,
+			detail
+		});
+	}
+	error(summary, detail) {
+		return this.show({
+			severity: "error",
+			summary,
+			detail,
+			life: 8e3
+		});
+	}
+	remove(id) {
+		const timer = this.timers.get(id);
+		if (timer) clearTimeout(timer.handle);
+		this.timers.delete(id);
+		this.items.update((items) => items.filter((item) => item.id !== id));
+	}
+	clear(key) {
+		for (const item of this.items()) if (key === void 0 || item.key === key) this.remove(item.id);
+	}
+	pause(id) {
+		const timer = this.timers.get(id);
+		if (!timer?.handle) return;
+		clearTimeout(timer.handle);
+		timer.handle = void 0;
+		timer.remaining -= Date.now() - timer.startedAt;
+	}
+	resume(id) {
+		const timer = this.timers.get(id);
+		if (!timer || timer.handle) return;
+		this.startTimer(id, Math.max(timer.remaining, 1e3));
+	}
+	startTimer(id, ms) {
+		this.timers.set(id, {
+			handle: setTimeout(() => this.remove(id), ms),
+			remaining: ms,
+			startedAt: Date.now()
+		});
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.6",
+		ngImport: i0,
+		type: StarToastService,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Service
+	});
+	static ɵprov = i0.ɵɵngDeclareService({
+		minVersion: "22.0.0",
+		version: "22.2.6",
+		ngImport: i0,
+		type: StarToastService
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.6",
+	ngImport: i0,
+	type: StarToastService,
+	decorators: [{ type: Service }],
+	ctorParameters: () => []
+});
+const ICONS = {
+	success: "ph-fill ph-check-circle",
+	info: "ph-fill ph-info",
+	warn: "ph-fill ph-warning",
+	error: "ph-fill ph-x-circle"
+};
+var StarToast = class StarToast {
+	toasts = inject(StarToastService);
+	text = inject(STAR_UI_TEXT);
+	host = inject(ElementRef);
+	position = input("top-right", ...ngDevMode ? [{ debugName: "position" }] : /* istanbul ignore next */ []);
+	key = input(void 0, ...ngDevMode ? [{ debugName: "key" }] : /* istanbul ignore next */ []);
+	stackLimit = input(5, ...ngDevMode ? [{ debugName: "stackLimit" }] : /* istanbul ignore next */ []);
+	visible = computed(() => this.toasts.messages().filter((message) => message.key === this.key()).slice(0, this.stackLimit()), ...ngDevMode ? [{ debugName: "visible" }] : /* istanbul ignore next */ []);
+	constructor() {
+		afterRenderEffect({ write: () => {
+			const element = this.host.nativeElement;
+			const count = this.visible().length;
+			if (typeof element.showPopover !== "function") return;
+			if (element.matches(":popover-open")) element.hidePopover();
+			if (count > 0) element.showPopover();
+		} });
+	}
+	icon(severity) {
+		return ICONS[severity];
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.6",
+		ngImport: i0,
+		type: StarToast,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.0.0",
+		version: "22.2.6",
+		type: StarToast,
+		isStandalone: true,
+		selector: "star-toast",
+		inputs: {
+			position: {
+				classPropertyName: "position",
+				publicName: "position",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			key: {
+				classPropertyName: "key",
+				publicName: "key",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			stackLimit: {
+				classPropertyName: "stackLimit",
+				publicName: "stackLimit",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		host: {
+			attributes: {
+				"popover": "manual",
+				"role": "region"
+			},
+			properties: {
+				"class": "'star-toast-stack star-toast-stack--' + position()",
+				"attr.aria-label": "text.notifications"
+			},
+			classAttribute: "star-toast-stack"
+		},
+		ngImport: i0,
+		template: `
+    @for (message of visible(); track message.id) {
+      <div
+        class="star-toast"
+        [class]="'star-toast star-toast--' + message.severity"
+        [attr.role]="message.severity === 'error' ? 'alert' : 'status'"
+        (mouseenter)="toasts.pause(message.id)"
+        (mouseleave)="toasts.resume(message.id)"
+        (focusin)="toasts.pause(message.id)"
+        (focusout)="toasts.resume(message.id)"
+      >
+        <i class="star-toast__icon" [class]="icon(message.severity)" aria-hidden="true"></i>
+        <div class="star-toast__copy">
+          <p class="star-toast__summary">{{ message.summary }}</p>
+          @if (message.detail) {
+            <p class="star-toast__detail">{{ message.detail }}</p>
+          }
+        </div>
+        <button
+          type="button"
+          class="star-toast__close"
+          [attr.aria-label]="text.close"
+          (click)="toasts.remove(message.id)"
+        >
+          <i class="ph-bold ph-x" aria-hidden="true"></i>
+        </button>
+      </div>
+    }
+  `,
+		isInline: true,
+		changeDetection: i0.ChangeDetectionStrategy.OnPush
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.6",
+	ngImport: i0,
+	type: StarToast,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "star-toast",
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			host: {
+				class: "star-toast-stack",
+				popover: "manual",
+				"[class]": "'star-toast-stack star-toast-stack--' + position()",
+				"[attr.aria-label]": "text.notifications",
+				role: "region"
+			},
+			template: `
+    @for (message of visible(); track message.id) {
+      <div
+        class="star-toast"
+        [class]="'star-toast star-toast--' + message.severity"
+        [attr.role]="message.severity === 'error' ? 'alert' : 'status'"
+        (mouseenter)="toasts.pause(message.id)"
+        (mouseleave)="toasts.resume(message.id)"
+        (focusin)="toasts.pause(message.id)"
+        (focusout)="toasts.resume(message.id)"
+      >
+        <i class="star-toast__icon" [class]="icon(message.severity)" aria-hidden="true"></i>
+        <div class="star-toast__copy">
+          <p class="star-toast__summary">{{ message.summary }}</p>
+          @if (message.detail) {
+            <p class="star-toast__detail">{{ message.detail }}</p>
+          }
+        </div>
+        <button
+          type="button"
+          class="star-toast__close"
+          [attr.aria-label]="text.close"
+          (click)="toasts.remove(message.id)"
+        >
+          <i class="ph-bold ph-x" aria-hidden="true"></i>
+        </button>
+      </div>
+    }
+  `
+		}]
+	}],
+	ctorParameters: () => [],
+	propDecorators: {
+		position: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "position",
+				required: false
+			}]
+		}],
+		key: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "key",
+				required: false
+			}]
+		}],
+		stackLimit: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "stackLimit",
+				required: false
+			}]
+		}]
+	}
+});
+export { StarToast, StarToastService };
+
+//# sourceMappingURL=star-ng-ui-toast.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"star-ng-ui-toast.mjs","names":[],"sources":["../../../projects/star-ng/toast/toast.ts"],"sourcesContent":["import {\n  afterRenderEffect,\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  DestroyRef,\n  ElementRef,\n  inject,\n  input,\n  Service,\n  signal,\n} from '@angular/core';\nimport { STAR_UI_TEXT } from '@star-ng/ui/core';\n\nexport type StarToastSeverity = 'success' | 'info' | 'warn' | 'error';\n\nexport interface StarToastOptions {\n  readonly severity?: StarToastSeverity;\n  readonly summary: string;\n  readonly detail?: string;\n  /** Milliseconds before auto close (default 5000). */\n  readonly life?: number;\n  /** Stays until the user closes it. */\n  readonly sticky?: boolean;\n  /** Targets a specific `<star-toast key=\"...\">`. */\n  readonly key?: string;\n}\n\nexport interface StarToastMessage extends Required<Omit<StarToastOptions, 'detail' | 'key'>> {\n  readonly id: number;\n  readonly detail?: string;\n  readonly key?: string;\n}\n\ninterface Timer {\n  handle: ReturnType<typeof setTimeout> | undefined;\n  remaining: number;\n  startedAt: number;\n}\n\n/**\n * Toast notifications (PrimeNG `MessageService` + `p-toast`): severities, auto-close with\n * pause on hover / focus, sticky messages, duplicate suppression and a visible-stack limit.\n *\n * `inject(StarToastService).success('Saved', 'Order ORD-102 was updated.')`\n */\n@Service()\nexport class StarToastService {\n  private readonly items = signal<readonly StarToastMessage[]>([]);\n  private readonly timers = new Map<number, Timer>();\n  private nextId = 1;\n\n  readonly messages = this.items.asReadonly();\n  /** Identical summary + detail while still visible is ignored. */\n  preventDuplicates = true;\n\n  constructor() {\n    inject(DestroyRef).onDestroy(() => this.clear());\n  }\n\n  show(options: StarToastOptions): number {\n    const severity = options.severity ?? 'info';\n    if (this.preventDuplicates) {\n      const duplicate = this.items().find(\n        (item) =>\n          item.summary === options.summary &&\n          item.detail === options.detail &&\n          item.severity === severity &&\n          item.key === options.key,\n      );\n      if (duplicate) return duplicate.id;\n    }\n    const message: StarToastMessage = {\n      id: this.nextId++,\n      severity,\n      summary: options.summary,\n      detail: options.detail,\n      life: options.life ?? 5000,\n      sticky: options.sticky ?? false,\n      key: options.key,\n    };\n    this.items.update((items) => [...items, message]);\n    if (!message.sticky) this.startTimer(message.id, message.life);\n    return message.id;\n  }\n\n  success(summary: string, detail?: string): number {\n    return this.show({ severity: 'success', summary, detail });\n  }\n  info(summary: string, detail?: string): number {\n    return this.show({ severity: 'info', summary, detail });\n  }\n  warn(summary: string, detail?: string): number {\n    return this.show({ severity: 'warn', summary, detail });\n  }\n  error(summary: string, detail?: string): number {\n    return this.show({ severity: 'error', summary, detail, life: 8000 });\n  }\n\n  remove(id: number): void {\n    const timer = this.timers.get(id);\n    if (timer) clearTimeout(timer.handle);\n    this.timers.delete(id);\n    this.items.update((items) => items.filter((item) => item.id !== id));\n  }\n\n  /** Removes all messages, or only those of one `key`. */\n  clear(key?: string): void {\n    for (const item of this.items()) {\n      if (key === undefined || item.key === key) this.remove(item.id);\n    }\n  }\n\n  pause(id: number): void {\n    const timer = this.timers.get(id);\n    if (!timer?.handle) return;\n    clearTimeout(timer.handle);\n    timer.handle = undefined;\n    timer.remaining -= Date.now() - timer.startedAt;\n  }\n\n  resume(id: number): void {\n    const timer = this.timers.get(id);\n    if (!timer || timer.handle) return;\n    this.startTimer(id, Math.max(timer.remaining, 1000));\n  }\n\n  private startTimer(id: number, ms: number): void {\n    this.timers.set(id, {\n      handle: setTimeout(() => this.remove(id), ms),\n      remaining: ms,\n      startedAt: Date.now(),\n    });\n  }\n}\n\nconst ICONS: Record<StarToastSeverity, string> = {\n  success: 'ph-fill ph-check-circle',\n  info: 'ph-fill ph-info',\n  warn: 'ph-fill ph-warning',\n  error: 'ph-fill ph-x-circle',\n};\n\n/**\n * Toast outlet. Place once in the app shell. It renders as a manual popover, so toasts stay\n * above open modal dialogs (top layer).\n */\n@Component({\n  selector: 'star-toast',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    class: 'star-toast-stack',\n    popover: 'manual',\n    '[class]': \"'star-toast-stack star-toast-stack--' + position()\",\n    '[attr.aria-label]': 'text.notifications',\n    role: 'region',\n  },\n  template: `\n    @for (message of visible(); track message.id) {\n      <div\n        class=\"star-toast\"\n        [class]=\"'star-toast star-toast--' + message.severity\"\n        [attr.role]=\"message.severity === 'error' ? 'alert' : 'status'\"\n        (mouseenter)=\"toasts.pause(message.id)\"\n        (mouseleave)=\"toasts.resume(message.id)\"\n        (focusin)=\"toasts.pause(message.id)\"\n        (focusout)=\"toasts.resume(message.id)\"\n      >\n        <i class=\"star-toast__icon\" [class]=\"icon(message.severity)\" aria-hidden=\"true\"></i>\n        <div class=\"star-toast__copy\">\n          <p class=\"star-toast__summary\">{{ message.summary }}</p>\n          @if (message.detail) {\n            <p class=\"star-toast__detail\">{{ message.detail }}</p>\n          }\n        </div>\n        <button\n          type=\"button\"\n          class=\"star-toast__close\"\n          [attr.aria-label]=\"text.close\"\n          (click)=\"toasts.remove(message.id)\"\n        >\n          <i class=\"ph-bold ph-x\" aria-hidden=\"true\"></i>\n        </button>\n      </div>\n    }\n  `,\n})\nexport class StarToast {\n  protected readonly toasts = inject(StarToastService);\n  protected readonly text = inject(STAR_UI_TEXT);\n  private readonly host = inject<ElementRef<HTMLElement>>(ElementRef);\n\n  /**\n   * Corner of the screen. `-left` and `-right` are physical; `-start` and `-end` follow the\n   * writing direction (the start corner is on the right in right-to-left).\n   */\n  readonly position = input<\n    | 'top-right'\n    | 'top-left'\n    | 'top-start'\n    | 'top-end'\n    | 'top-center'\n    | 'bottom-right'\n    | 'bottom-left'\n    | 'bottom-start'\n    | 'bottom-end'\n    | 'bottom-center'\n  >('top-right');\n  readonly key = input<string | undefined>(undefined);\n  /** Newest messages beyond this count wait until older ones close. */\n  readonly stackLimit = input(5);\n\n  protected readonly visible = computed(() =>\n    this.toasts\n      .messages()\n      .filter((message) => message.key === this.key())\n      .slice(0, this.stackLimit()),\n  );\n\n  constructor() {\n    afterRenderEffect({\n      write: () => {\n        const element = this.host.nativeElement;\n        const count = this.visible().length;\n        if (typeof element.showPopover !== 'function') return;\n        // Re-open to move the stack above any dialog opened after it.\n        if (element.matches(':popover-open')) element.hidePopover();\n        if (count > 0) element.showPopover();\n      },\n    });\n  }\n\n  protected icon(severity: StarToastSeverity): string {\n    return ICONS[severity];\n  }\n}\n"],"mappings":"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"}