@hyalo/angular 0.0.0-stage → 0.3.1

package/fesm2022/hyalo-angular-marquee.mjs

@@ -0,0 +1,197 @@
+import * as i0 from "@angular/core";
+import { ChangeDetectionStrategy, Component, Directive, TemplateRef, booleanAttribute, computed, contentChildren, inject, input, signal } from "@angular/core";
+import { NgTemplateOutlet } from "@angular/common";
+import { HyMotion } from "@hyalo/angular/motion";
+var HyMarqueeItem = class HyMarqueeItem {
+	template = inject(TemplateRef);
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.3",
+		ngImport: i0,
+		type: HyMarqueeItem,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Directive
+	});
+	static ɵdir = i0.ɵɵngDeclareDirective({
+		minVersion: "14.0.0",
+		version: "22.2.3",
+		type: HyMarqueeItem,
+		isStandalone: true,
+		selector: "ng-template[hyMarqueeItem]",
+		ngImport: i0
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.3",
+	ngImport: i0,
+	type: HyMarqueeItem,
+	decorators: [{
+		type: Directive,
+		args: [{ selector: "ng-template[hyMarqueeItem]" }]
+	}]
+});
+var HyMarquee = class HyMarquee {
+	motion = inject(HyMotion);
+	label = input("Partners", ...ngDevMode ? [{ debugName: "label" }] : /* istanbul ignore next */ []);
+	duration = input("30s", ...ngDevMode ? [{ debugName: "duration" }] : /* istanbul ignore next */ []);
+	reverse = input(false, {
+		...ngDevMode ? { debugName: "reverse" } : /* istanbul ignore next */ {},
+		transform: booleanAttribute
+	});
+	pauseLabel = input("Pause animation", ...ngDevMode ? [{ debugName: "pauseLabel" }] : /* istanbul ignore next */ []);
+	playLabel = input("Play animation", ...ngDevMode ? [{ debugName: "playLabel" }] : /* istanbul ignore next */ []);
+	paused = signal(false, ...ngDevMode ? [{ debugName: "paused" }] : /* istanbul ignore next */ []);
+	motionEnabled = computed(() => this.motion.enabled(), ...ngDevMode ? [{ debugName: "motionEnabled" }] : /* istanbul ignore next */ []);
+	running = computed(() => this.motion.enabled() && !this.paused(), ...ngDevMode ? [{ debugName: "running" }] : /* istanbul ignore next */ []);
+	items = contentChildren(HyMarqueeItem, ...ngDevMode ? [{ debugName: "items" }] : /* istanbul ignore next */ []);
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.3",
+		ngImport: i0,
+		type: HyMarquee,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.0.0",
+		version: "22.2.3",
+		type: HyMarquee,
+		isStandalone: true,
+		selector: "hy-marquee",
+		inputs: {
+			label: {
+				classPropertyName: "label",
+				publicName: "label",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			duration: {
+				classPropertyName: "duration",
+				publicName: "duration",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			reverse: {
+				classPropertyName: "reverse",
+				publicName: "reverse",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			pauseLabel: {
+				classPropertyName: "pauseLabel",
+				publicName: "pauseLabel",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			playLabel: {
+				classPropertyName: "playLabel",
+				publicName: "playLabel",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		host: { properties: {
+			"attr.data-running": "running()",
+			"attr.data-motion": "motionEnabled()",
+			"style.--hy-marquee-duration": "duration()",
+			"attr.data-reverse": "reverse()"
+		} },
+		queries: [{
+			propertyName: "items",
+			predicate: HyMarqueeItem,
+			isSignal: true
+		}],
+		ngImport: i0,
+		template: "<div class=\"window\" role=\"group\" [attr.aria-label]=\"label()\">\r\n  <div class=\"track\">\r\n    <div class=\"group\">\r\n      @for (item of items(); track item) {\r\n        <ng-container [ngTemplateOutlet]=\"item.template\" />\r\n      }\r\n    </div>\r\n    <div class=\"group copy\" aria-hidden=\"true\" inert>\r\n      @for (item of items(); track item) {\r\n        <ng-container [ngTemplateOutlet]=\"item.template\" />\r\n      }\r\n    </div>\r\n  </div>\r\n</div>\r\n@if (motionEnabled()) {\r\n  <button type=\"button\" (click)=\"paused.set(!paused())\" [attr.aria-pressed]=\"paused()\">\r\n    {{ paused() ? playLabel() : pauseLabel() }}\r\n  </button>\r\n}\r\n<ng-content />\r\n",
+		styles: [":host{display:block}.window{overflow:clip}.track{display:flex;inline-size:max-content;animation:hy-marquee var(--hy-marquee-duration, 30s) linear infinite;animation-play-state:paused;direction:ltr}.group{display:flex;align-items:center;gap:var(--hy-space-9);padding-inline-end:var(--hy-space-9)}:host([data-running=\"true\"]) .track{animation-play-state:running}:host([data-reverse=\"true\"]) .track{animation-direction:reverse}:host(:focus-within) .track{animation-play-state:paused}@media(hover:hover){:host(:hover) .track{animation-play-state:paused}}@keyframes hy-marquee{to{transform:translate(-50%)}}button{margin-block-start:var(--hy-space-3);min-block-size:2rem;border:1px solid var(--hy-line);border-radius:var(--hy-radius-s);padding-inline:var(--hy-space-3);background:var(--hy-surface-2);color:var(--hy-ink);font:inherit;cursor:pointer}button:focus-visible{outline:2px solid var(--hy-primary);outline-offset:2px}@media(prefers-reduced-motion:reduce){.track{animation:none;inline-size:auto}.group{flex-wrap:wrap}.copy{display:none}}:host([data-running=\"false\"]) .window{overflow-x:auto}:host([data-motion=\"false\"]) .track{animation:none;inline-size:auto}:host([data-motion=\"false\"]) .group{flex-wrap:wrap}:host([data-motion=\"false\"]) .copy{display:none}\n"],
+		dependencies: [{
+			kind: "directive",
+			type: NgTemplateOutlet,
+			selector: "[ngTemplateOutlet]",
+			inputs: [
+				"ngTemplateOutletContext",
+				"ngTemplateOutlet",
+				"ngTemplateOutletInjector"
+			]
+		}],
+		changeDetection: i0.ChangeDetectionStrategy.OnPush
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.3",
+	ngImport: i0,
+	type: HyMarquee,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "hy-marquee",
+			imports: [NgTemplateOutlet],
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			host: {
+				"[attr.data-running]": "running()",
+				"[attr.data-motion]": "motionEnabled()",
+				"[style.--hy-marquee-duration]": "duration()",
+				"[attr.data-reverse]": "reverse()"
+			},
+			template: "<div class=\"window\" role=\"group\" [attr.aria-label]=\"label()\">\r\n  <div class=\"track\">\r\n    <div class=\"group\">\r\n      @for (item of items(); track item) {\r\n        <ng-container [ngTemplateOutlet]=\"item.template\" />\r\n      }\r\n    </div>\r\n    <div class=\"group copy\" aria-hidden=\"true\" inert>\r\n      @for (item of items(); track item) {\r\n        <ng-container [ngTemplateOutlet]=\"item.template\" />\r\n      }\r\n    </div>\r\n  </div>\r\n</div>\r\n@if (motionEnabled()) {\r\n  <button type=\"button\" (click)=\"paused.set(!paused())\" [attr.aria-pressed]=\"paused()\">\r\n    {{ paused() ? playLabel() : pauseLabel() }}\r\n  </button>\r\n}\r\n<ng-content />\r\n",
+			styles: [":host{display:block}.window{overflow:clip}.track{display:flex;inline-size:max-content;animation:hy-marquee var(--hy-marquee-duration, 30s) linear infinite;animation-play-state:paused;direction:ltr}.group{display:flex;align-items:center;gap:var(--hy-space-9);padding-inline-end:var(--hy-space-9)}:host([data-running=\"true\"]) .track{animation-play-state:running}:host([data-reverse=\"true\"]) .track{animation-direction:reverse}:host(:focus-within) .track{animation-play-state:paused}@media(hover:hover){:host(:hover) .track{animation-play-state:paused}}@keyframes hy-marquee{to{transform:translate(-50%)}}button{margin-block-start:var(--hy-space-3);min-block-size:2rem;border:1px solid var(--hy-line);border-radius:var(--hy-radius-s);padding-inline:var(--hy-space-3);background:var(--hy-surface-2);color:var(--hy-ink);font:inherit;cursor:pointer}button:focus-visible{outline:2px solid var(--hy-primary);outline-offset:2px}@media(prefers-reduced-motion:reduce){.track{animation:none;inline-size:auto}.group{flex-wrap:wrap}.copy{display:none}}:host([data-running=\"false\"]) .window{overflow-x:auto}:host([data-motion=\"false\"]) .track{animation:none;inline-size:auto}:host([data-motion=\"false\"]) .group{flex-wrap:wrap}:host([data-motion=\"false\"]) .copy{display:none}\n"]
+		}]
+	}],
+	propDecorators: {
+		label: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "label",
+				required: false
+			}]
+		}],
+		duration: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "duration",
+				required: false
+			}]
+		}],
+		reverse: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "reverse",
+				required: false
+			}]
+		}],
+		pauseLabel: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "pauseLabel",
+				required: false
+			}]
+		}],
+		playLabel: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "playLabel",
+				required: false
+			}]
+		}],
+		items: [{
+			type: i0.ContentChildren,
+			args: [i0.forwardRef(() => HyMarqueeItem), { isSignal: true }]
+		}]
+	}
+});
+const HY_MARQUEE = [HyMarquee, HyMarqueeItem];
+export { HY_MARQUEE, HyMarquee, HyMarqueeItem };
+
+//# sourceMappingURL=hyalo-angular-marquee.mjs.map

package/fesm2022/hyalo-angular-marquee.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"hyalo-angular-marquee.mjs","names":[],"sources":["../../../projects/hyalo/marquee/marquee.ts","../../../projects/hyalo/marquee/marquee.html"],"sourcesContent":["import {\r\n  ChangeDetectionStrategy,\r\n  Component,\r\n  Directive,\r\n  TemplateRef,\r\n  booleanAttribute,\r\n  computed,\r\n  contentChildren,\r\n  inject,\r\n  input,\r\n  signal,\r\n} from '@angular/core';\r\nimport { NgTemplateOutlet } from '@angular/common';\r\nimport { HyMotion } from '@hyalo/angular/motion';\r\n@Directive({ selector: 'ng-template[hyMarqueeItem]' })\r\nexport class HyMarqueeItem {\r\n  readonly template = inject<TemplateRef<unknown>>(TemplateRef);\r\n}\r\n@Component({\r\n  selector: 'hy-marquee',\r\n  imports: [NgTemplateOutlet],\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  host: {\r\n    '[attr.data-running]': 'running()',\r\n    '[attr.data-motion]': 'motionEnabled()',\r\n    '[style.--hy-marquee-duration]': 'duration()',\r\n    '[attr.data-reverse]': 'reverse()',\r\n  },\r\n  templateUrl: './marquee.html',\r\n  styleUrl: './marquee.css',\r\n})\r\nexport class HyMarquee {\r\n  private readonly motion = inject(HyMotion);\r\n  readonly label = input('Partners');\r\n  readonly duration = input('30s');\r\n  readonly reverse = input(false, { transform: booleanAttribute });\r\n  readonly pauseLabel = input('Pause animation');\r\n  readonly playLabel = input('Play animation');\r\n  protected readonly paused = signal(false);\r\n  protected readonly motionEnabled = computed(() => this.motion.enabled());\r\n  protected readonly running = computed(() => this.motion.enabled() && !this.paused());\r\n  protected readonly items = contentChildren(HyMarqueeItem);\r\n}\r\nexport const HY_MARQUEE = [HyMarquee, HyMarqueeItem] as const;\r\n","<div class=\"window\" role=\"group\" [attr.aria-label]=\"label()\">\r\n  <div class=\"track\">\r\n    <div class=\"group\">\r\n      @for (item of items(); track item) {\r\n        <ng-container [ngTemplateOutlet]=\"item.template\" />\r\n      }\r\n    </div>\r\n    <div class=\"group copy\" aria-hidden=\"true\" inert>\r\n      @for (item of items(); track item) {\r\n        <ng-container [ngTemplateOutlet]=\"item.template\" />\r\n      }\r\n    </div>\r\n  </div>\r\n</div>\r\n@if (motionEnabled()) {\r\n  <button type=\"button\" (click)=\"paused.set(!paused())\" [attr.aria-pressed]=\"paused()\">\r\n    {{ paused() ? playLabel() : pauseLabel() }}\r\n  </button>\r\n}\r\n<ng-content />\r\n"],"mappings":"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"}

package/fesm2022/hyalo-angular-menu.mjs

@@ -0,0 +1,423 @@
+import * as i1 from "@angular/cdk/menu";
+import { CdkMenu, CdkMenuItem, CdkMenuItemCheckbox, CdkMenuItemRadio, CdkMenuTrigger } from "@angular/cdk/menu";
+import * as i0 from "@angular/core";
+import { ChangeDetectionStrategy, Component, Directive, input, output } from "@angular/core";
+import * as i2 from "@hyalo/angular/core";
+import { HyMaterialDirective } from "@hyalo/angular/core";
+import { HyButton } from "@hyalo/angular/button";
+import { HyIcon } from "@hyalo/angular/icon";
+var HyMenu = class HyMenu {
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.3",
+		ngImport: i0,
+		type: HyMenu,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "14.0.0",
+		version: "22.2.3",
+		type: HyMenu,
+		isStandalone: true,
+		selector: "hy-menu",
+		hostDirectives: [{ directive: i1.CdkMenu }, {
+			directive: i2.HyMaterialDirective,
+			inputs: ["hyMaterial", "material"]
+		}],
+		ngImport: i0,
+		template: "<ng-content />\r\n",
+		styles: [":host{display:flex;flex-direction:column;gap:.125rem;min-inline-size:12rem;max-inline-size:min(24rem,calc(100vw - 2rem));max-block-size:min(32rem,calc(100dvh - 2rem));overflow:auto;box-sizing:border-box;padding:.375rem;border-radius:var(--hy-radius-m);border:1px solid var(--hy-line-strong);outline:none}\n"],
+		changeDetection: i0.ChangeDetectionStrategy.OnPush
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.3",
+	ngImport: i0,
+	type: HyMenu,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "hy-menu",
+			hostDirectives: [CdkMenu, {
+				directive: HyMaterialDirective,
+				inputs: ["hyMaterial: material"]
+			}],
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			template: "<ng-content />\r\n",
+			styles: [":host{display:flex;flex-direction:column;gap:.125rem;min-inline-size:12rem;max-inline-size:min(24rem,calc(100vw - 2rem));max-block-size:min(32rem,calc(100dvh - 2rem));overflow:auto;box-sizing:border-box;padding:.375rem;border-radius:var(--hy-radius-m);border:1px solid var(--hy-line-strong);outline:none}\n"]
+		}]
+	}]
+});
+var HyMenuTrigger = class HyMenuTrigger {
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.3",
+		ngImport: i0,
+		type: HyMenuTrigger,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Directive
+	});
+	static ɵdir = i0.ɵɵngDeclareDirective({
+		minVersion: "14.0.0",
+		version: "22.2.3",
+		type: HyMenuTrigger,
+		isStandalone: true,
+		selector: "[hyMenuTriggerFor]",
+		hostDirectives: [{
+			directive: i1.CdkMenuTrigger,
+			inputs: [
+				"cdkMenuTriggerFor",
+				"hyMenuTriggerFor",
+				"cdkMenuPosition",
+				"menuPosition",
+				"cdkMenuTriggerData",
+				"menuData"
+			],
+			outputs: [
+				"cdkMenuOpened",
+				"menuOpened",
+				"cdkMenuClosed",
+				"menuClosed"
+			]
+		}],
+		ngImport: i0
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.3",
+	ngImport: i0,
+	type: HyMenuTrigger,
+	decorators: [{
+		type: Directive,
+		args: [{
+			selector: "[hyMenuTriggerFor]",
+			hostDirectives: [{
+				directive: CdkMenuTrigger,
+				inputs: [
+					"cdkMenuTriggerFor: hyMenuTriggerFor",
+					"cdkMenuPosition: menuPosition",
+					"cdkMenuTriggerData: menuData"
+				],
+				outputs: ["cdkMenuOpened: menuOpened", "cdkMenuClosed: menuClosed"]
+			}]
+		}]
+	}]
+});
+var HyMenuItem = class HyMenuItem {
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.3",
+		ngImport: i0,
+		type: HyMenuItem,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "14.0.0",
+		version: "22.2.3",
+		type: HyMenuItem,
+		isStandalone: true,
+		selector: "button[hyMenuItem],a[hyMenuItem]",
+		hostDirectives: [{
+			directive: i1.CdkMenuItem,
+			inputs: [
+				"cdkMenuItemDisabled",
+				"disabled",
+				"cdkMenuitemTypeaheadLabel",
+				"typeaheadLabel"
+			],
+			outputs: ["cdkMenuItemTriggered", "triggered"]
+		}],
+		ngImport: i0,
+		template: "<ng-content />",
+		isInline: true,
+		styles: [":host{display:flex;align-items:center;gap:.75rem;inline-size:100%;min-block-size:44px;padding:.5rem .75rem;border:0;border-radius:var(--hy-radius-s);background:transparent;color:var(--hy-ink);font:inherit;text-align:start;text-decoration:none;cursor:pointer;box-sizing:border-box}:host(:focus){outline:2px solid var(--hy-primary);outline-offset:-2px;background:var(--hy-primary-wash)}:host(:hover){background:var(--hy-surface-3)}:host([aria-disabled=true]){opacity:.45;cursor:default}:host([aria-checked=true]){background:var(--hy-primary-wash)}:host([aria-checked=true]):after{content:\"\";inline-size:.4rem;block-size:.7rem;border:solid currentColor;border-width:0 2px 2px 0;transform:rotate(45deg);margin-inline-start:auto}\n"],
+		changeDetection: i0.ChangeDetectionStrategy.OnPush
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.3",
+	ngImport: i0,
+	type: HyMenuItem,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "button[hyMenuItem],a[hyMenuItem]",
+			hostDirectives: [{
+				directive: CdkMenuItem,
+				inputs: ["cdkMenuItemDisabled: disabled", "cdkMenuitemTypeaheadLabel: typeaheadLabel"],
+				outputs: ["cdkMenuItemTriggered: triggered"]
+			}],
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			template: "<ng-content />",
+			styles: [":host{display:flex;align-items:center;gap:.75rem;inline-size:100%;min-block-size:44px;padding:.5rem .75rem;border:0;border-radius:var(--hy-radius-s);background:transparent;color:var(--hy-ink);font:inherit;text-align:start;text-decoration:none;cursor:pointer;box-sizing:border-box}:host(:focus){outline:2px solid var(--hy-primary);outline-offset:-2px;background:var(--hy-primary-wash)}:host(:hover){background:var(--hy-surface-3)}:host([aria-disabled=true]){opacity:.45;cursor:default}:host([aria-checked=true]){background:var(--hy-primary-wash)}:host([aria-checked=true]):after{content:\"\";inline-size:.4rem;block-size:.7rem;border:solid currentColor;border-width:0 2px 2px 0;transform:rotate(45deg);margin-inline-start:auto}\n"]
+		}]
+	}]
+});
+var HyMenuCheckbox = class HyMenuCheckbox {
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.3",
+		ngImport: i0,
+		type: HyMenuCheckbox,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "14.0.0",
+		version: "22.2.3",
+		type: HyMenuCheckbox,
+		isStandalone: true,
+		selector: "button[hyMenuCheckbox]",
+		hostDirectives: [{
+			directive: i1.CdkMenuItemCheckbox,
+			inputs: [
+				"cdkMenuItemDisabled",
+				"disabled",
+				"cdkMenuItemChecked",
+				"checked"
+			],
+			outputs: ["cdkMenuItemTriggered", "triggered"]
+		}],
+		ngImport: i0,
+		template: "<ng-content />",
+		isInline: true,
+		styles: [":host{display:flex;align-items:center;gap:.75rem;inline-size:100%;min-block-size:44px;padding:.5rem .75rem;border:0;border-radius:var(--hy-radius-s);background:transparent;color:var(--hy-ink);font:inherit;text-align:start;text-decoration:none;cursor:pointer;box-sizing:border-box}:host(:focus){outline:2px solid var(--hy-primary);outline-offset:-2px;background:var(--hy-primary-wash)}:host(:hover){background:var(--hy-surface-3)}:host([aria-disabled=true]){opacity:.45;cursor:default}:host([aria-checked=true]){background:var(--hy-primary-wash)}:host([aria-checked=true]):after{content:\"\";inline-size:.4rem;block-size:.7rem;border:solid currentColor;border-width:0 2px 2px 0;transform:rotate(45deg);margin-inline-start:auto}\n"],
+		changeDetection: i0.ChangeDetectionStrategy.OnPush
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.3",
+	ngImport: i0,
+	type: HyMenuCheckbox,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "button[hyMenuCheckbox]",
+			hostDirectives: [{
+				directive: CdkMenuItemCheckbox,
+				inputs: ["cdkMenuItemDisabled: disabled", "cdkMenuItemChecked: checked"],
+				outputs: ["cdkMenuItemTriggered: triggered"]
+			}],
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			template: "<ng-content />",
+			styles: [":host{display:flex;align-items:center;gap:.75rem;inline-size:100%;min-block-size:44px;padding:.5rem .75rem;border:0;border-radius:var(--hy-radius-s);background:transparent;color:var(--hy-ink);font:inherit;text-align:start;text-decoration:none;cursor:pointer;box-sizing:border-box}:host(:focus){outline:2px solid var(--hy-primary);outline-offset:-2px;background:var(--hy-primary-wash)}:host(:hover){background:var(--hy-surface-3)}:host([aria-disabled=true]){opacity:.45;cursor:default}:host([aria-checked=true]){background:var(--hy-primary-wash)}:host([aria-checked=true]):after{content:\"\";inline-size:.4rem;block-size:.7rem;border:solid currentColor;border-width:0 2px 2px 0;transform:rotate(45deg);margin-inline-start:auto}\n"]
+		}]
+	}]
+});
+var HyMenuRadio = class HyMenuRadio {
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.3",
+		ngImport: i0,
+		type: HyMenuRadio,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "14.0.0",
+		version: "22.2.3",
+		type: HyMenuRadio,
+		isStandalone: true,
+		selector: "button[hyMenuRadio]",
+		hostDirectives: [{
+			directive: i1.CdkMenuItemRadio,
+			inputs: [
+				"cdkMenuItemDisabled",
+				"disabled",
+				"cdkMenuItemChecked",
+				"checked"
+			],
+			outputs: ["cdkMenuItemTriggered", "triggered"]
+		}],
+		ngImport: i0,
+		template: "<ng-content />",
+		isInline: true,
+		styles: [":host{display:flex;align-items:center;gap:.75rem;inline-size:100%;min-block-size:44px;padding:.5rem .75rem;border:0;border-radius:var(--hy-radius-s);background:transparent;color:var(--hy-ink);font:inherit;text-align:start;text-decoration:none;cursor:pointer;box-sizing:border-box}:host(:focus){outline:2px solid var(--hy-primary);outline-offset:-2px;background:var(--hy-primary-wash)}:host(:hover){background:var(--hy-surface-3)}:host([aria-disabled=true]){opacity:.45;cursor:default}:host([aria-checked=true]){background:var(--hy-primary-wash)}:host([aria-checked=true]):after{content:\"\";inline-size:.4rem;block-size:.7rem;border:solid currentColor;border-width:0 2px 2px 0;transform:rotate(45deg);margin-inline-start:auto}\n"],
+		changeDetection: i0.ChangeDetectionStrategy.OnPush
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.3",
+	ngImport: i0,
+	type: HyMenuRadio,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "button[hyMenuRadio]",
+			hostDirectives: [{
+				directive: CdkMenuItemRadio,
+				inputs: ["cdkMenuItemDisabled: disabled", "cdkMenuItemChecked: checked"],
+				outputs: ["cdkMenuItemTriggered: triggered"]
+			}],
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			template: "<ng-content />",
+			styles: [":host{display:flex;align-items:center;gap:.75rem;inline-size:100%;min-block-size:44px;padding:.5rem .75rem;border:0;border-radius:var(--hy-radius-s);background:transparent;color:var(--hy-ink);font:inherit;text-align:start;text-decoration:none;cursor:pointer;box-sizing:border-box}:host(:focus){outline:2px solid var(--hy-primary);outline-offset:-2px;background:var(--hy-primary-wash)}:host(:hover){background:var(--hy-surface-3)}:host([aria-disabled=true]){opacity:.45;cursor:default}:host([aria-checked=true]){background:var(--hy-primary-wash)}:host([aria-checked=true]):after{content:\"\";inline-size:.4rem;block-size:.7rem;border:solid currentColor;border-width:0 2px 2px 0;transform:rotate(45deg);margin-inline-start:auto}\n"]
+		}]
+	}]
+});
+var HySplitButton = class HySplitButton {
+	label = input.required(...ngDevMode ? [{ debugName: "label" }] : /* istanbul ignore next */ []);
+	menu = input.required(...ngDevMode ? [{ debugName: "menu" }] : /* istanbul ignore next */ []);
+	menuLabel = input("More actions", ...ngDevMode ? [{ debugName: "menuLabel" }] : /* istanbul ignore next */ []);
+	disabled = input(false, ...ngDevMode ? [{ debugName: "disabled" }] : /* istanbul ignore next */ []);
+	activated = output();
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.3",
+		ngImport: i0,
+		type: HySplitButton,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.1.0",
+		version: "22.2.3",
+		type: HySplitButton,
+		isStandalone: true,
+		selector: "hy-split-button",
+		inputs: {
+			label: {
+				classPropertyName: "label",
+				publicName: "label",
+				isSignal: true,
+				isRequired: true,
+				transformFunction: null
+			},
+			menu: {
+				classPropertyName: "menu",
+				publicName: "menu",
+				isSignal: true,
+				isRequired: true,
+				transformFunction: null
+			},
+			menuLabel: {
+				classPropertyName: "menuLabel",
+				publicName: "menuLabel",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			disabled: {
+				classPropertyName: "disabled",
+				publicName: "disabled",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		outputs: { activated: "activated" },
+		ngImport: i0,
+		template: "<button hyButton type=\"button\" [disabled]=\"disabled()\" (click)=\"activated.emit()\">{{label()}}</button><button hyButton type=\"button\" [disabled]=\"disabled()\" [hyMenuTriggerFor]=\"menu()\" [attr.aria-label]=\"menuLabel()\"><hy-icon class=\"chevron\" name=\"chevron-down\" size=\"1rem\" /></button>",
+		isInline: true,
+		styles: [":host{display:inline-flex;gap:1px}button:first-child{border-start-end-radius:0;border-end-end-radius:0}button:last-child{border-start-start-radius:0;border-end-start-radius:0;min-inline-size:44px}.chevron{transition:rotate var(--hy-dur-quick) var(--hy-ease-out)}button[aria-expanded=true] .chevron{rotate:180deg}@media(prefers-reduced-motion:reduce){.chevron{transition:none}}\n"],
+		dependencies: [
+			{
+				kind: "component",
+				type: HyButton,
+				selector: "button[hyButton], a[hyButton]",
+				inputs: [
+					"variant",
+					"size",
+					"tone",
+					"iconOnly",
+					"loading",
+					"disabled"
+				]
+			},
+			{
+				kind: "directive",
+				type: HyMenuTrigger,
+				selector: "[hyMenuTriggerFor]"
+			},
+			{
+				kind: "component",
+				type: HyIcon,
+				selector: "hy-icon",
+				inputs: [
+					"name",
+					"icon",
+					"label",
+					"size",
+					"strokeWidth"
+				]
+			}
+		],
+		changeDetection: i0.ChangeDetectionStrategy.OnPush
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.3",
+	ngImport: i0,
+	type: HySplitButton,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "hy-split-button",
+			imports: [
+				HyButton,
+				HyMenuTrigger,
+				HyIcon
+			],
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			template: "<button hyButton type=\"button\" [disabled]=\"disabled()\" (click)=\"activated.emit()\">{{label()}}</button><button hyButton type=\"button\" [disabled]=\"disabled()\" [hyMenuTriggerFor]=\"menu()\" [attr.aria-label]=\"menuLabel()\"><hy-icon class=\"chevron\" name=\"chevron-down\" size=\"1rem\" /></button>",
+			styles: [":host{display:inline-flex;gap:1px}button:first-child{border-start-end-radius:0;border-end-end-radius:0}button:last-child{border-start-start-radius:0;border-end-start-radius:0;min-inline-size:44px}.chevron{transition:rotate var(--hy-dur-quick) var(--hy-ease-out)}button[aria-expanded=true] .chevron{rotate:180deg}@media(prefers-reduced-motion:reduce){.chevron{transition:none}}\n"]
+		}]
+	}],
+	propDecorators: {
+		label: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "label",
+				required: true
+			}]
+		}],
+		menu: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "menu",
+				required: true
+			}]
+		}],
+		menuLabel: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "menuLabel",
+				required: false
+			}]
+		}],
+		disabled: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "disabled",
+				required: false
+			}]
+		}],
+		activated: [{
+			type: i0.Output,
+			args: ["activated"]
+		}]
+	}
+});
+const HY_MENU = [
+	HyMenu,
+	HyMenuItem,
+	HyMenuTrigger,
+	HyMenuCheckbox,
+	HyMenuRadio,
+	HySplitButton
+];
+export { HY_MENU, HyMenu, HyMenuCheckbox, HyMenuItem, HyMenuRadio, HyMenuTrigger, HySplitButton };
+
+//# sourceMappingURL=hyalo-angular-menu.mjs.map

package/fesm2022/hyalo-angular-menu.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"hyalo-angular-menu.mjs","names":[],"sources":["../../../projects/hyalo/menu/menu.ts","../../../projects/hyalo/menu/menu.html"],"sourcesContent":["import {\n  CdkMenu,\n  CdkMenuItem,\n  CdkMenuItemCheckbox,\n  CdkMenuItemRadio,\n  CdkMenuTrigger,\n} from '@angular/cdk/menu';\nimport {\n  ChangeDetectionStrategy,\n  Component,\n  Directive,\n  TemplateRef,\n  input,\n  output,\n} from '@angular/core';\nimport { HyMaterialDirective } from '@hyalo/angular/core';\nimport { HyButton } from '@hyalo/angular/button';\nimport { HyIcon } from '@hyalo/angular/icon';\n@Component({\n  selector: 'hy-menu',\n  hostDirectives: [CdkMenu, { directive: HyMaterialDirective, inputs: ['hyMaterial: material'] }],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  templateUrl: './menu.html',\n  styleUrl: './menu.css',\n})\nexport class HyMenu {}\n@Directive({\n  selector: '[hyMenuTriggerFor]',\n  hostDirectives: [\n    {\n      directive: CdkMenuTrigger,\n      inputs: [\n        'cdkMenuTriggerFor: hyMenuTriggerFor',\n        'cdkMenuPosition: menuPosition',\n        'cdkMenuTriggerData: menuData',\n      ],\n      outputs: ['cdkMenuOpened: menuOpened', 'cdkMenuClosed: menuClosed'],\n    },\n  ],\n})\nexport class HyMenuTrigger {}\nconst itemStyles =\n  ':host{display:flex;align-items:center;gap:.75rem;inline-size:100%;min-block-size:44px;padding:.5rem .75rem;border:0;border-radius:var(--hy-radius-s);background:transparent;color:var(--hy-ink);font:inherit;text-align:start;text-decoration:none;cursor:pointer;box-sizing:border-box}:host(:focus){outline:2px solid var(--hy-primary);outline-offset:-2px;background:var(--hy-primary-wash)}:host(:hover){background:var(--hy-surface-3)}:host([aria-disabled=true]){opacity:.45;cursor:default}:host([aria-checked=true]){background:var(--hy-primary-wash)}:host([aria-checked=true])::after{content:\"\";inline-size:.4rem;block-size:.7rem;border:solid currentColor;border-width:0 2px 2px 0;transform:rotate(45deg);margin-inline-start:auto}';\n@Component({\n  // Native elements preserve link, list, key, and button semantics.\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'button[hyMenuItem],a[hyMenuItem]',\n  hostDirectives: [\n    {\n      directive: CdkMenuItem,\n      inputs: ['cdkMenuItemDisabled: disabled', 'cdkMenuitemTypeaheadLabel: typeaheadLabel'],\n      outputs: ['cdkMenuItemTriggered: triggered'],\n    },\n  ],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  template: '<ng-content />',\n  styles: itemStyles,\n})\nexport class HyMenuItem {}\n@Component({\n  // Native elements preserve link, list, key, and button semantics.\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'button[hyMenuCheckbox]',\n  hostDirectives: [\n    {\n      directive: CdkMenuItemCheckbox,\n      inputs: ['cdkMenuItemDisabled: disabled', 'cdkMenuItemChecked: checked'],\n      outputs: ['cdkMenuItemTriggered: triggered'],\n    },\n  ],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  template: '<ng-content />',\n  styles: itemStyles,\n})\nexport class HyMenuCheckbox {}\n@Component({\n  // Native elements preserve link, list, key, and button semantics.\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'button[hyMenuRadio]',\n  hostDirectives: [\n    {\n      directive: CdkMenuItemRadio,\n      inputs: ['cdkMenuItemDisabled: disabled', 'cdkMenuItemChecked: checked'],\n      outputs: ['cdkMenuItemTriggered: triggered'],\n    },\n  ],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  template: '<ng-content />',\n  styles: itemStyles,\n})\nexport class HyMenuRadio {}\n@Component({\n  selector: 'hy-split-button',\n  imports: [HyButton, HyMenuTrigger, HyIcon],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  template:\n    '<button hyButton type=\"button\" [disabled]=\"disabled()\" (click)=\"activated.emit()\">{{label()}}</button><button hyButton type=\"button\" [disabled]=\"disabled()\" [hyMenuTriggerFor]=\"menu()\" [attr.aria-label]=\"menuLabel()\"><hy-icon class=\"chevron\" name=\"chevron-down\" size=\"1rem\" /></button>',\n  styles:\n    ':host{display:inline-flex;gap:1px}button:first-child{border-start-end-radius:0;border-end-end-radius:0}button:last-child{border-start-start-radius:0;border-end-start-radius:0;min-inline-size:44px}.chevron{transition:rotate var(--hy-dur-quick) var(--hy-ease-out)}button[aria-expanded=true] .chevron{rotate:180deg}@media(prefers-reduced-motion:reduce){.chevron{transition:none}}',\n})\nexport class HySplitButton {\n  readonly label = input.required<string>();\n  readonly menu = input.required<TemplateRef<unknown>>();\n  readonly menuLabel = input('More actions');\n  readonly disabled = input(false);\n  readonly activated = output<void>();\n}\nexport const HY_MENU = [\n  HyMenu,\n  HyMenuItem,\n  HyMenuTrigger,\n  HyMenuCheckbox,\n  HyMenuRadio,\n  HySplitButton,\n] as const;\n","<ng-content />\r\n"],"mappings":"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"}