@star-ng/ui 0.0.0-stage → 0.1.0

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

@@ -0,0 +1,316 @@
+import { _IdGenerator } from "@angular/cdk/a11y";
+import * as i0 from "@angular/core";
+import { ChangeDetectionStrategy, Component, booleanAttribute, inject, input, model, output, viewChild } from "@angular/core";
+var StarToggleSwitch = class StarToggleSwitch {
+	checked = model(false, ...ngDevMode ? [{ debugName: "checked" }] : /* 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
+	});
+	name = input("", ...ngDevMode ? [{ debugName: "name" }] : /* istanbul ignore next */ []);
+	size = input("md", ...ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []);
+	inputId = input(inject(_IdGenerator).getId("star-switch-"), ...ngDevMode ? [{ debugName: "inputId" }] : /* istanbul ignore next */ []);
+	ariaLabel = input(null, ...ngDevMode ? [{ debugName: "ariaLabel" }] : /* istanbul ignore next */ []);
+	hasLabel = input(true, {
+		...ngDevMode ? { debugName: "hasLabel" } : /* istanbul ignore next */ {},
+		transform: booleanAttribute
+	});
+	touch = output();
+	box = viewChild.required("box", ...ngDevMode ? [{ debugName: "box" }] : /* istanbul ignore next */ []);
+	onChange(box) {
+		if (this.readonly()) {
+			box.checked = this.checked();
+			return;
+		}
+		this.checked.set(box.checked);
+	}
+	focus(options) {
+		this.box().nativeElement.focus(options);
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.6",
+		ngImport: i0,
+		type: StarToggleSwitch,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.0.0",
+		version: "22.2.6",
+		type: StarToggleSwitch,
+		isStandalone: true,
+		selector: "star-toggle-switch",
+		inputs: {
+			checked: {
+				classPropertyName: "checked",
+				publicName: "checked",
+				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
+			},
+			name: {
+				classPropertyName: "name",
+				publicName: "name",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			size: {
+				classPropertyName: "size",
+				publicName: "size",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			inputId: {
+				classPropertyName: "inputId",
+				publicName: "inputId",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			ariaLabel: {
+				classPropertyName: "ariaLabel",
+				publicName: "ariaLabel",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			hasLabel: {
+				classPropertyName: "hasLabel",
+				publicName: "hasLabel",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		outputs: {
+			checked: "checkedChange",
+			touch: "touch"
+		},
+		host: {
+			properties: {
+				"class.star-switch--disabled": "disabled()",
+				"class.star-switch--invalid": "invalid() && touched()",
+				"class.star-switch--sm": "size() === 'sm'"
+			},
+			classAttribute: "star-switch"
+		},
+		viewQueries: [{
+			propertyName: "box",
+			first: true,
+			predicate: ["box"],
+			descendants: true,
+			isSignal: true
+		}],
+		ngImport: i0,
+		template: `
+    <label class="star-switch__label">
+      <input
+        #box
+        type="checkbox"
+        role="switch"
+        class="star-switch__input"
+        [id]="inputId()"
+        [attr.name]="name() || null"
+        [checked]="checked()"
+        [disabled]="disabled()"
+        [attr.aria-checked]="checked()"
+        [attr.aria-readonly]="readonly() || null"
+        [attr.aria-label]="ariaLabel()"
+        (change)="onChange(box)"
+        (blur)="touch.emit()"
+      />
+      <span class="star-switch__track" aria-hidden="true"
+        ><span class="star-switch__thumb"></span
+      ></span>
+      @if (hasLabel()) {
+        <span class="star-switch__text"><ng-content /></span>
+      }
+    </label>
+  `,
+		isInline: true,
+		changeDetection: i0.ChangeDetectionStrategy.OnPush
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.6",
+	ngImport: i0,
+	type: StarToggleSwitch,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "star-toggle-switch",
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			host: {
+				class: "star-switch",
+				"[class.star-switch--disabled]": "disabled()",
+				"[class.star-switch--invalid]": "invalid() && touched()",
+				"[class.star-switch--sm]": "size() === 'sm'"
+			},
+			template: `
+    <label class="star-switch__label">
+      <input
+        #box
+        type="checkbox"
+        role="switch"
+        class="star-switch__input"
+        [id]="inputId()"
+        [attr.name]="name() || null"
+        [checked]="checked()"
+        [disabled]="disabled()"
+        [attr.aria-checked]="checked()"
+        [attr.aria-readonly]="readonly() || null"
+        [attr.aria-label]="ariaLabel()"
+        (change)="onChange(box)"
+        (blur)="touch.emit()"
+      />
+      <span class="star-switch__track" aria-hidden="true"
+        ><span class="star-switch__thumb"></span
+      ></span>
+      @if (hasLabel()) {
+        <span class="star-switch__text"><ng-content /></span>
+      }
+    </label>
+  `
+		}]
+	}],
+	propDecorators: {
+		checked: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "checked",
+				required: false
+			}]
+		}, {
+			type: i0.Output,
+			args: ["checkedChange"]
+		}],
+		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
+			}]
+		}],
+		name: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "name",
+				required: false
+			}]
+		}],
+		size: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "size",
+				required: false
+			}]
+		}],
+		inputId: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "inputId",
+				required: false
+			}]
+		}],
+		ariaLabel: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "ariaLabel",
+				required: false
+			}]
+		}],
+		hasLabel: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "hasLabel",
+				required: false
+			}]
+		}],
+		touch: [{
+			type: i0.Output,
+			args: ["touch"]
+		}],
+		box: [{
+			type: i0.ViewChild,
+			args: ["box", { isSignal: true }]
+		}]
+	}
+});
+export { StarToggleSwitch };
+
+//# sourceMappingURL=star-ng-ui-toggle-switch.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"star-ng-ui-toggle-switch.mjs","names":[],"sources":["../../../projects/star-ng/toggle-switch/toggle-switch.ts"],"sourcesContent":["import { _IdGenerator } from '@angular/cdk/a11y';\nimport {\n  booleanAttribute,\n  ChangeDetectionStrategy,\n  Component,\n  ElementRef,\n  inject,\n  input,\n  model,\n  output,\n  viewChild,\n} from '@angular/core';\nimport type { FormCheckboxControl } from '@angular/forms/signals';\n\n/**\n * On/off switch (PrimeNG `p-toggleswitch`). Native checkbox with `role=\"switch\"`, so Space toggles\n * and screen readers announce \"on\" / \"off\".\n *\n * `<star-toggle-switch [(checked)]=\"notify\">Email notifications</star-toggle-switch>`\n */\n@Component({\n  selector: 'star-toggle-switch',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    class: 'star-switch',\n    '[class.star-switch--disabled]': 'disabled()',\n    '[class.star-switch--invalid]': 'invalid() && touched()',\n    '[class.star-switch--sm]': \"size() === 'sm'\",\n  },\n  template: `\n    <label class=\"star-switch__label\">\n      <input\n        #box\n        type=\"checkbox\"\n        role=\"switch\"\n        class=\"star-switch__input\"\n        [id]=\"inputId()\"\n        [attr.name]=\"name() || null\"\n        [checked]=\"checked()\"\n        [disabled]=\"disabled()\"\n        [attr.aria-checked]=\"checked()\"\n        [attr.aria-readonly]=\"readonly() || null\"\n        [attr.aria-label]=\"ariaLabel()\"\n        (change)=\"onChange(box)\"\n        (blur)=\"touch.emit()\"\n      />\n      <span class=\"star-switch__track\" aria-hidden=\"true\"\n        ><span class=\"star-switch__thumb\"></span\n      ></span>\n      @if (hasLabel()) {\n        <span class=\"star-switch__text\"><ng-content /></span>\n      }\n    </label>\n  `,\n})\nexport class StarToggleSwitch implements FormCheckboxControl {\n  readonly checked = model(false);\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 name = input('');\n  readonly size = input<'sm' | 'md'>('md');\n  readonly inputId = input(inject(_IdGenerator).getId('star-switch-'));\n  readonly ariaLabel = input<string | null>(null);\n  /** Set false when the switch has no visible label (then set `ariaLabel`). */\n  readonly hasLabel = input(true, { transform: booleanAttribute });\n\n  readonly touch = output<void>();\n\n  private readonly box = viewChild.required<ElementRef<HTMLInputElement>>('box');\n\n  protected onChange(box: HTMLInputElement): void {\n    if (this.readonly()) {\n      box.checked = this.checked();\n      return;\n    }\n    this.checked.set(box.checked);\n  }\n\n  focus(options?: FocusOptions): void {\n    this.box().nativeElement.focus(options);\n  }\n}\n"],"mappings":"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"}

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

@@ -0,0 +1,297 @@
+import { _IdGenerator } from "@angular/cdk/a11y";
+import { Directionality } from "@angular/cdk/bidi";
+import { createFlexibleConnectedPositionStrategy, createOverlayRef, createRepositionScrollStrategy } from "@angular/cdk/overlay";
+import { ComponentPortal } from "@angular/cdk/portal";
+import * as i0 from "@angular/core";
+import { ChangeDetectionStrategy, Component, DestroyRef, Directive, ElementRef, Injector, booleanAttribute, effect, inject, input, numberAttribute, signal } from "@angular/core";
+import { StarDirectionService } from "@star-ng/ui/core";
+const VERTICAL = {
+	top: [{
+		originX: "center",
+		originY: "top",
+		overlayX: "center",
+		overlayY: "bottom",
+		offsetY: -8
+	}, {
+		originX: "center",
+		originY: "bottom",
+		overlayX: "center",
+		overlayY: "top",
+		offsetY: 8
+	}],
+	bottom: [{
+		originX: "center",
+		originY: "bottom",
+		overlayX: "center",
+		overlayY: "top",
+		offsetY: 8
+	}, {
+		originX: "center",
+		originY: "top",
+		overlayX: "center",
+		overlayY: "bottom",
+		offsetY: -8
+	}]
+};
+function positionsFor(position, rtl) {
+	if (position === "top" || position === "bottom") return VERTICAL[position];
+	const physical = position === "start" ? rtl ? "right" : "left" : position === "end" ? rtl ? "left" : "right" : position;
+	const left = {
+		originX: rtl ? "end" : "start",
+		originY: "center",
+		overlayX: rtl ? "start" : "end",
+		overlayY: "center",
+		offsetX: -8
+	};
+	const right = {
+		originX: rtl ? "start" : "end",
+		originY: "center",
+		overlayX: rtl ? "end" : "start",
+		overlayY: "center",
+		offsetX: 8
+	};
+	return physical === "left" ? [left, right] : [right, left];
+}
+var StarTooltipPanel = class StarTooltipPanel {
+	text = signal("", ...ngDevMode ? [{ debugName: "text" }] : /* istanbul ignore next */ []);
+	id = signal("", ...ngDevMode ? [{ debugName: "id" }] : /* istanbul ignore next */ []);
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.6",
+		ngImport: i0,
+		type: StarTooltipPanel,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "14.0.0",
+		version: "22.2.6",
+		type: StarTooltipPanel,
+		isStandalone: true,
+		selector: "star-tooltip-panel",
+		host: {
+			attributes: { "role": "tooltip" },
+			properties: { "id": "id()" },
+			classAttribute: "star-tooltip"
+		},
+		ngImport: i0,
+		template: `{{ text() }}`,
+		isInline: true,
+		changeDetection: i0.ChangeDetectionStrategy.OnPush
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.6",
+	ngImport: i0,
+	type: StarTooltipPanel,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "star-tooltip-panel",
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			host: {
+				class: "star-tooltip",
+				role: "tooltip",
+				"[id]": "id()"
+			},
+			template: `{{ text() }}`
+		}]
+	}]
+});
+var StarTooltip = class StarTooltip {
+	injector = inject(Injector);
+	host = inject(ElementRef);
+	panelId = inject(_IdGenerator).getId("star-tooltip-");
+	directionality = inject(Directionality);
+	starTooltip = input("", ...ngDevMode ? [{ debugName: "starTooltip" }] : /* istanbul ignore next */ []);
+	starTooltipPosition = input("top", ...ngDevMode ? [{ debugName: "starTooltipPosition" }] : /* istanbul ignore next */ []);
+	starTooltipShowDelay = input(300, {
+		...ngDevMode ? { debugName: "starTooltipShowDelay" } : /* istanbul ignore next */ {},
+		transform: numberAttribute
+	});
+	starTooltipHideDelay = input(0, {
+		...ngDevMode ? { debugName: "starTooltipHideDelay" } : /* istanbul ignore next */ {},
+		transform: numberAttribute
+	});
+	starTooltipDisabled = input(false, {
+		...ngDevMode ? { debugName: "starTooltipDisabled" } : /* istanbul ignore next */ {},
+		transform: booleanAttribute
+	});
+	describedBy = signal(null, ...ngDevMode ? [{ debugName: "describedBy" }] : /* istanbul ignore next */ []);
+	overlayRef = null;
+	panelRef = null;
+	timer;
+	constructor() {
+		inject(StarDirectionService);
+		effect(() => {
+			const text = this.starTooltip();
+			if (this.panelRef) this.panelRef.instance.text.set(text);
+			if ((!text || this.starTooltipDisabled()) && this.panelRef) this.hide();
+		});
+		inject(DestroyRef).onDestroy(() => {
+			clearTimeout(this.timer);
+			this.overlayRef?.dispose();
+		});
+	}
+	scheduleShow() {
+		clearTimeout(this.timer);
+		this.timer = setTimeout(() => this.show(), this.starTooltipShowDelay());
+	}
+	scheduleHide() {
+		clearTimeout(this.timer);
+		this.timer = setTimeout(() => this.hide(), this.starTooltipHideDelay());
+	}
+	show() {
+		if (!this.starTooltip() || this.starTooltipDisabled() || this.panelRef) return;
+		const strategy = createFlexibleConnectedPositionStrategy(this.injector, this.host).withPositions(positionsFor(this.starTooltipPosition(), this.directionality.value === "rtl")).withPush(true).withViewportMargin(8);
+		this.overlayRef ??= createOverlayRef(this.injector, {
+			positionStrategy: strategy,
+			scrollStrategy: createRepositionScrollStrategy(this.injector),
+			direction: this.directionality,
+			usePopover: true,
+			panelClass: "star-tooltip-pane"
+		});
+		this.overlayRef.updatePositionStrategy(strategy);
+		this.panelRef = this.overlayRef.attach(new ComponentPortal(StarTooltipPanel));
+		this.panelRef.instance.text.set(this.starTooltip());
+		this.panelRef.instance.id.set(this.panelId);
+		this.describedBy.set(this.panelId);
+	}
+	hide() {
+		clearTimeout(this.timer);
+		if (!this.panelRef) return;
+		this.overlayRef?.detach();
+		this.panelRef = null;
+		this.describedBy.set(null);
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.6",
+		ngImport: i0,
+		type: StarTooltip,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Directive
+	});
+	static ɵdir = i0.ɵɵngDeclareDirective({
+		minVersion: "17.1.0",
+		version: "22.2.6",
+		type: StarTooltip,
+		isStandalone: true,
+		selector: "[starTooltip]",
+		inputs: {
+			starTooltip: {
+				classPropertyName: "starTooltip",
+				publicName: "starTooltip",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			starTooltipPosition: {
+				classPropertyName: "starTooltipPosition",
+				publicName: "starTooltipPosition",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			starTooltipShowDelay: {
+				classPropertyName: "starTooltipShowDelay",
+				publicName: "starTooltipShowDelay",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			starTooltipHideDelay: {
+				classPropertyName: "starTooltipHideDelay",
+				publicName: "starTooltipHideDelay",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			starTooltipDisabled: {
+				classPropertyName: "starTooltipDisabled",
+				publicName: "starTooltipDisabled",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		host: {
+			listeners: {
+				"mouseenter": "scheduleShow()",
+				"mouseleave": "scheduleHide()",
+				"focusin": "scheduleShow()",
+				"focusout": "scheduleHide()",
+				"keydown.escape": "hide()"
+			},
+			properties: { "attr.aria-describedby": "describedBy()" }
+		},
+		ngImport: i0
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.6",
+	ngImport: i0,
+	type: StarTooltip,
+	decorators: [{
+		type: Directive,
+		args: [{
+			selector: "[starTooltip]",
+			host: {
+				"(mouseenter)": "scheduleShow()",
+				"(mouseleave)": "scheduleHide()",
+				"(focusin)": "scheduleShow()",
+				"(focusout)": "scheduleHide()",
+				"(keydown.escape)": "hide()",
+				"[attr.aria-describedby]": "describedBy()"
+			}
+		}]
+	}],
+	ctorParameters: () => [],
+	propDecorators: {
+		starTooltip: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "starTooltip",
+				required: false
+			}]
+		}],
+		starTooltipPosition: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "starTooltipPosition",
+				required: false
+			}]
+		}],
+		starTooltipShowDelay: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "starTooltipShowDelay",
+				required: false
+			}]
+		}],
+		starTooltipHideDelay: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "starTooltipHideDelay",
+				required: false
+			}]
+		}],
+		starTooltipDisabled: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "starTooltipDisabled",
+				required: false
+			}]
+		}]
+	}
+});
+export { StarTooltip, StarTooltipPanel };
+
+//# sourceMappingURL=star-ng-ui-tooltip.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"star-ng-ui-tooltip.mjs","names":[],"sources":["../../../projects/star-ng/tooltip/tooltip.ts"],"sourcesContent":["import { _IdGenerator } from '@angular/cdk/a11y';\nimport { Directionality } from '@angular/cdk/bidi';\nimport {\n  ConnectedPosition,\n  createFlexibleConnectedPositionStrategy,\n  createOverlayRef,\n  createRepositionScrollStrategy,\n  OverlayRef,\n} from '@angular/cdk/overlay';\nimport { ComponentPortal } from '@angular/cdk/portal';\nimport {\n  booleanAttribute,\n  ChangeDetectionStrategy,\n  Component,\n  ComponentRef,\n  DestroyRef,\n  Directive,\n  effect,\n  ElementRef,\n  inject,\n  Injector,\n  input,\n  numberAttribute,\n  signal,\n} from '@angular/core';\nimport { StarDirectionService } from '@star-ng/ui/core';\n\n/**\n * Side of the host. `left` and `right` are the physical sides of the screen, as in CSS;\n * `start` and `end` follow the writing direction (`start` is the right side in right-to-left).\n */\nexport type StarTooltipPosition = 'top' | 'bottom' | 'left' | 'right' | 'start' | 'end';\n\nconst VERTICAL: Record<'top' | 'bottom', ConnectedPosition[]> = {\n  top: [\n    { originX: 'center', originY: 'top', overlayX: 'center', overlayY: 'bottom', offsetY: -8 },\n    { originX: 'center', originY: 'bottom', overlayX: 'center', overlayY: 'top', offsetY: 8 },\n  ],\n  bottom: [\n    { originX: 'center', originY: 'bottom', overlayX: 'center', overlayY: 'top', offsetY: 8 },\n    { originX: 'center', originY: 'top', overlayX: 'center', overlayY: 'bottom', offsetY: -8 },\n  ],\n};\n\n/**\n * Candidate places of the tooltip, the preferred one first. The CDK turns `start` and `end` around\n * in right-to-left but adds `offsetX` as it is, so a physical side needs the matching origin:\n * the left edge of the host is its `end` in right-to-left.\n */\nfunction positionsFor(position: StarTooltipPosition, rtl: boolean): ConnectedPosition[] {\n  if (position === 'top' || position === 'bottom') return VERTICAL[position];\n  const physical =\n    position === 'start'\n      ? rtl\n        ? 'right'\n        : 'left'\n      : position === 'end'\n        ? rtl\n          ? 'left'\n          : 'right'\n        : position;\n  const left: ConnectedPosition = {\n    originX: rtl ? 'end' : 'start',\n    originY: 'center',\n    overlayX: rtl ? 'start' : 'end',\n    overlayY: 'center',\n    offsetX: -8,\n  };\n  const right: ConnectedPosition = {\n    originX: rtl ? 'start' : 'end',\n    originY: 'center',\n    overlayX: rtl ? 'end' : 'start',\n    overlayY: 'center',\n    offsetX: 8,\n  };\n  return physical === 'left' ? [left, right] : [right, left];\n}\n\n@Component({\n  selector: 'star-tooltip-panel',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: { class: 'star-tooltip', role: 'tooltip', '[id]': 'id()' },\n  template: `{{ text() }}`,\n})\nexport class StarTooltipPanel {\n  readonly text = signal('');\n  readonly id = signal('');\n}\n\n/**\n * Tooltip (PrimeNG `pTooltip`): shows on hover and keyboard focus, hides on Escape, links the\n * host with `aria-describedby`. Rendered as a native popover so it appears above dialogs.\n *\n * `<button starTooltip=\"Export to CSV\" starTooltipPosition=\"bottom\">…</button>`\n */\n@Directive({\n  selector: '[starTooltip]',\n  host: {\n    '(mouseenter)': 'scheduleShow()',\n    '(mouseleave)': 'scheduleHide()',\n    '(focusin)': 'scheduleShow()',\n    '(focusout)': 'scheduleHide()',\n    '(keydown.escape)': 'hide()',\n    '[attr.aria-describedby]': 'describedBy()',\n  },\n})\nexport class StarTooltip {\n  private readonly injector = inject(Injector);\n  private readonly host = inject<ElementRef<HTMLElement>>(ElementRef);\n  private readonly panelId = inject(_IdGenerator).getId('star-tooltip-');\n  private readonly directionality = inject(Directionality);\n\n  readonly starTooltip = input('');\n  readonly starTooltipPosition = input<StarTooltipPosition>('top');\n  readonly starTooltipShowDelay = input(300, { transform: numberAttribute });\n  readonly starTooltipHideDelay = input(0, { transform: numberAttribute });\n  readonly starTooltipDisabled = input(false, { transform: booleanAttribute });\n\n  protected readonly describedBy = signal<string | null>(null);\n\n  private overlayRef: OverlayRef | null = null;\n  private panelRef: ComponentRef<StarTooltipPanel> | null = null;\n  private timer: ReturnType<typeof setTimeout> | undefined;\n\n  constructor() {\n    // Keeps the CDK direction in step with the page, so a tooltip opened after a switch is flipped.\n    inject(StarDirectionService);\n    effect(() => {\n      const text = this.starTooltip();\n      if (this.panelRef) this.panelRef.instance.text.set(text);\n      if ((!text || this.starTooltipDisabled()) && this.panelRef) this.hide();\n    });\n    inject(DestroyRef).onDestroy(() => {\n      clearTimeout(this.timer);\n      this.overlayRef?.dispose();\n    });\n  }\n\n  protected scheduleShow(): void {\n    clearTimeout(this.timer);\n    this.timer = setTimeout(() => this.show(), this.starTooltipShowDelay());\n  }\n\n  protected scheduleHide(): void {\n    clearTimeout(this.timer);\n    this.timer = setTimeout(() => this.hide(), this.starTooltipHideDelay());\n  }\n\n  show(): void {\n    if (!this.starTooltip() || this.starTooltipDisabled() || this.panelRef) return;\n    const strategy = createFlexibleConnectedPositionStrategy(this.injector, this.host)\n      .withPositions(positionsFor(this.starTooltipPosition(), this.directionality.value === 'rtl'))\n      .withPush(true)\n      .withViewportMargin(8);\n    this.overlayRef ??= createOverlayRef(this.injector, {\n      positionStrategy: strategy,\n      scrollStrategy: createRepositionScrollStrategy(this.injector),\n      direction: this.directionality,\n      usePopover: true,\n      panelClass: 'star-tooltip-pane',\n    });\n    this.overlayRef.updatePositionStrategy(strategy);\n    this.panelRef = this.overlayRef.attach(new ComponentPortal(StarTooltipPanel));\n    this.panelRef.instance.text.set(this.starTooltip());\n    this.panelRef.instance.id.set(this.panelId);\n    this.describedBy.set(this.panelId);\n  }\n\n  hide(): void {\n    clearTimeout(this.timer);\n    if (!this.panelRef) return;\n    this.overlayRef?.detach();\n    this.panelRef = null;\n    this.describedBy.set(null);\n  }\n}\n"],"mappings":"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"}

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

@@ -0,0 +1,40 @@
+import { inject } from "@angular/core";
+import { toSignal } from "@angular/core/rxjs-interop";
+import { TranslocoService } from "@jsverse/transloco";
+import { STAR_UI_TEXT, STAR_UI_TEXT_DEFAULTS, STAR_UI_TEXT_PARAMS } from "@star-ng/ui/core";
+import { map, merge } from "rxjs";
+function provideStarUiTextFromTransloco(prefix = "ui") {
+	return {
+		provide: STAR_UI_TEXT,
+		useFactory: () => {
+			const transloco = inject(TranslocoService);
+			let version = 0;
+			const changed = toSignal(merge(transloco.langChanges$, transloco.events$).pipe(map(() => ++version)), { initialValue: version });
+			const translate = (name, fallback, params) => {
+				changed();
+				const key = `${prefix}.${name}`;
+				const value = transloco.translate(key, params);
+				return value && value !== key ? value : fallback;
+			};
+			const text = {};
+			for (const name of Object.keys(STAR_UI_TEXT_DEFAULTS)) {
+				const fallback = STAR_UI_TEXT_DEFAULTS[name];
+				if (typeof fallback === "function") {
+					const names = STAR_UI_TEXT_PARAMS[name] ?? [];
+					text[name] = (...args) => {
+						const params = Object.fromEntries(names.map((param, i) => [param, args[i]]));
+						const english = fallback(...args);
+						return translate(name, english, params);
+					};
+				} else Object.defineProperty(text, name, {
+					enumerable: true,
+					get: () => translate(name, fallback)
+				});
+			}
+			return text;
+		}
+	};
+}
+export { provideStarUiTextFromTransloco };
+
+//# sourceMappingURL=star-ng-ui-transloco.mjs.map