@vadem/ui 0.0.0-stage → 0.0.2

package/fesm2022/vadem-ui-tabs.mjs

@@ -0,0 +1,405 @@
+import * as i0 from "@angular/core";
+import { ChangeDetectionStrategy, Component, DestroyRef, Directive, ElementRef, ViewEncapsulation, booleanAttribute, computed, inject, input, model, signal } from "@angular/core";
+import { vdUniqueId } from "@vadem/ui/field";
+import { vdIsActivationKey, vdIsActivationKey as vdIsActivationKey$1, vdRovingTarget, vdRovingTarget as vdRovingTarget$1 } from "@vadem/ui/keyboard";
+var VdTabs = class VdTabs {
+	value = model(void 0, ...ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []);
+	variant = input("line", ...ngDevMode ? [{ debugName: "variant" }] : /* istanbul ignore next */ []);
+	orientation = input("horizontal", ...ngDevMode ? [{ debugName: "orientation" }] : /* istanbul ignore next */ []);
+	activation = input("automatic", ...ngDevMode ? [{ debugName: "activation" }] : /* istanbul ignore next */ []);
+	tabs = signal([], ...ngDevMode ? [{ debugName: "tabs" }] : /* istanbul ignore next */ []);
+	panels = signal([], ...ngDevMode ? [{ debugName: "panels" }] : /* istanbul ignore next */ []);
+	ordered = computed(() => [...this.tabs()].sort((a, b) => a.el.compareDocumentPosition(b.el) & Node.DOCUMENT_POSITION_FOLLOWING ? -1 : 1), ...ngDevMode ? [{ debugName: "ordered" }] : /* istanbul ignore next */ []);
+	selected = computed(() => {
+		const value = this.value();
+		const tabs = this.ordered();
+		if (value !== void 0 && tabs.some((t) => t.value() === value && !t.disabled())) return value;
+		return tabs.find((t) => !t.disabled())?.value();
+	}, ...ngDevMode ? [{ debugName: "selected" }] : /* istanbul ignore next */ []);
+	tabId(value) {
+		return this.tabs().find((t) => t.value() === value)?.id ?? null;
+	}
+	panelId(value) {
+		return this.panels().find((p) => p.value() === value)?.id ?? null;
+	}
+	select(value) {
+		this.value.set(value);
+	}
+	registerTab(tab) {
+		this.tabs.update((items) => [...items, tab]);
+		return () => this.tabs.update((items) => items.filter((i) => i !== tab));
+	}
+	registerPanel(panel) {
+		this.panels.update((items) => [...items, panel]);
+		return () => this.panels.update((items) => items.filter((i) => i !== panel));
+	}
+	handleKeydown(tab, event) {
+		const tabs = this.ordered();
+		const current = tabs.indexOf(tab);
+		if (this.activation() === "manual" && vdIsActivationKey$1(event.key)) {
+			event.preventDefault();
+			this.select(tab.value());
+			return;
+		}
+		const dir = tab.el.matches(":dir(rtl)") ? "rtl" : "ltr";
+		const target = vdRovingTarget$1(event.key, current, tabs.map((t) => t.disabled()), {
+			orientation: this.orientation(),
+			dir,
+			loop: true
+		});
+		if (target === null) return;
+		event.preventDefault();
+		const next = tabs[target];
+		next.el.focus();
+		if (this.activation() === "automatic") this.select(next.value());
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.1",
+		ngImport: i0,
+		type: VdTabs,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.1.0",
+		version: "22.2.1",
+		type: VdTabs,
+		isStandalone: true,
+		selector: "vd-tabs",
+		inputs: {
+			value: {
+				classPropertyName: "value",
+				publicName: "value",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			variant: {
+				classPropertyName: "variant",
+				publicName: "variant",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			orientation: {
+				classPropertyName: "orientation",
+				publicName: "orientation",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			activation: {
+				classPropertyName: "activation",
+				publicName: "activation",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		outputs: { value: "valueChange" },
+		host: {
+			properties: {
+				"attr.data-variant": "variant()",
+				"attr.data-orientation": "orientation()"
+			},
+			classAttribute: "vd-tabs"
+		},
+		ngImport: i0,
+		template: "<ng-content />",
+		isInline: true,
+		changeDetection: i0.ChangeDetectionStrategy.OnPush,
+		encapsulation: i0.ViewEncapsulation.None
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.1",
+	ngImport: i0,
+	type: VdTabs,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "vd-tabs",
+			template: "<ng-content />",
+			host: {
+				class: "vd-tabs",
+				"[attr.data-variant]": "variant()",
+				"[attr.data-orientation]": "orientation()"
+			},
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			encapsulation: ViewEncapsulation.None
+		}]
+	}],
+	propDecorators: {
+		value: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "value",
+				required: false
+			}]
+		}, {
+			type: i0.Output,
+			args: ["valueChange"]
+		}],
+		variant: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "variant",
+				required: false
+			}]
+		}],
+		orientation: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "orientation",
+				required: false
+			}]
+		}],
+		activation: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "activation",
+				required: false
+			}]
+		}]
+	}
+});
+var VdTabList = class VdTabList {
+	tabs = inject(VdTabs);
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.1",
+		ngImport: i0,
+		type: VdTabList,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Directive
+	});
+	static ɵdir = i0.ɵɵngDeclareDirective({
+		minVersion: "14.0.0",
+		version: "22.2.1",
+		type: VdTabList,
+		isStandalone: true,
+		selector: "[vdTabList]",
+		host: {
+			attributes: { "role": "tablist" },
+			properties: { "attr.aria-orientation": "tabs.orientation()" },
+			classAttribute: "vd-tabs__list"
+		},
+		ngImport: i0
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.1",
+	ngImport: i0,
+	type: VdTabList,
+	decorators: [{
+		type: Directive,
+		args: [{
+			selector: "[vdTabList]",
+			host: {
+				class: "vd-tabs__list",
+				role: "tablist",
+				"[attr.aria-orientation]": "tabs.orientation()"
+			}
+		}]
+	}]
+});
+var VdTab = class VdTab {
+	value = input.required(...ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []);
+	disabled = input(false, {
+		...ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {},
+		transform: booleanAttribute
+	});
+	tabs = inject(VdTabs);
+	el = inject(ElementRef).nativeElement;
+	id = vdUniqueId("vd-tab");
+	selected = computed(() => this.tabs.selected() === this.value(), ...ngDevMode ? [{ debugName: "selected" }] : /* istanbul ignore next */ []);
+	destroyRef = inject(DestroyRef);
+	ngOnInit() {
+		this.destroyRef.onDestroy(this.tabs.registerTab(this));
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.1",
+		ngImport: i0,
+		type: VdTab,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Directive
+	});
+	static ɵdir = i0.ɵɵngDeclareDirective({
+		minVersion: "17.1.0",
+		version: "22.2.1",
+		type: VdTab,
+		isStandalone: true,
+		selector: "button[vdTab]",
+		inputs: {
+			value: {
+				classPropertyName: "value",
+				publicName: "value",
+				isSignal: true,
+				isRequired: true,
+				transformFunction: null
+			},
+			disabled: {
+				classPropertyName: "disabled",
+				publicName: "disabled",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		host: {
+			attributes: {
+				"type": "button",
+				"role": "tab"
+			},
+			listeners: {
+				"click": "tabs.select(value())",
+				"keydown": "tabs.handleKeydown(this, $event)"
+			},
+			properties: {
+				"id": "id",
+				"attr.aria-selected": "selected()",
+				"attr.aria-controls": "tabs.panelId(value())",
+				"attr.tabindex": "selected() ? 0 : -1",
+				"attr.data-state": "selected() ? \"active\" : \"inactive\"",
+				"disabled": "disabled()"
+			},
+			classAttribute: "vd-tabs__tab"
+		},
+		ngImport: i0
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.1",
+	ngImport: i0,
+	type: VdTab,
+	decorators: [{
+		type: Directive,
+		args: [{
+			selector: "button[vdTab]",
+			host: {
+				class: "vd-tabs__tab",
+				type: "button",
+				role: "tab",
+				"[id]": "id",
+				"[attr.aria-selected]": "selected()",
+				"[attr.aria-controls]": "tabs.panelId(value())",
+				"[attr.tabindex]": "selected() ? 0 : -1",
+				"[attr.data-state]": "selected() ? \"active\" : \"inactive\"",
+				"[disabled]": "disabled()",
+				"(click)": "tabs.select(value())",
+				"(keydown)": "tabs.handleKeydown(this, $event)"
+			}
+		}]
+	}],
+	propDecorators: {
+		value: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "value",
+				required: true
+			}]
+		}],
+		disabled: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "disabled",
+				required: false
+			}]
+		}]
+	}
+});
+var VdTabPanel = class VdTabPanel {
+	value = input.required(...ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []);
+	tabs = inject(VdTabs);
+	id = vdUniqueId("vd-tabpanel");
+	selected = computed(() => this.tabs.selected() === this.value(), ...ngDevMode ? [{ debugName: "selected" }] : /* istanbul ignore next */ []);
+	destroyRef = inject(DestroyRef);
+	ngOnInit() {
+		this.destroyRef.onDestroy(this.tabs.registerPanel(this));
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.1",
+		ngImport: i0,
+		type: VdTabPanel,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Directive
+	});
+	static ɵdir = i0.ɵɵngDeclareDirective({
+		minVersion: "17.1.0",
+		version: "22.2.1",
+		type: VdTabPanel,
+		isStandalone: true,
+		selector: "[vdTabPanel]",
+		inputs: { value: {
+			classPropertyName: "value",
+			publicName: "value",
+			isSignal: true,
+			isRequired: true,
+			transformFunction: null
+		} },
+		host: {
+			attributes: {
+				"role": "tabpanel",
+				"tabindex": "0"
+			},
+			properties: {
+				"id": "id",
+				"attr.aria-labelledby": "tabs.tabId(value())",
+				"hidden": "!selected()",
+				"attr.data-state": "selected() ? \"active\" : \"inactive\""
+			},
+			classAttribute: "vd-tabs__panel"
+		},
+		ngImport: i0
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.1",
+	ngImport: i0,
+	type: VdTabPanel,
+	decorators: [{
+		type: Directive,
+		args: [{
+			selector: "[vdTabPanel]",
+			host: {
+				class: "vd-tabs__panel",
+				role: "tabpanel",
+				tabindex: "0",
+				"[id]": "id",
+				"[attr.aria-labelledby]": "tabs.tabId(value())",
+				"[hidden]": "!selected()",
+				"[attr.data-state]": "selected() ? \"active\" : \"inactive\""
+			}
+		}]
+	}],
+	propDecorators: { value: [{
+		type: i0.Input,
+		args: [{
+			isSignal: true,
+			alias: "value",
+			required: true
+		}]
+	}] }
+});
+const VD_TABS = [
+	VdTabs,
+	VdTabList,
+	VdTab,
+	VdTabPanel
+];
+export { VD_TABS, VdTab, VdTabList, VdTabPanel, VdTabs, vdIsActivationKey, vdRovingTarget };
+
+//# sourceMappingURL=vadem-ui-tabs.mjs.map

package/fesm2022/vadem-ui-tabs.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"vadem-ui-tabs.mjs","names":[],"sources":["../../../projects/ui/tabs/src/tabs.ts"],"sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  DestroyRef,\n  Directive,\n  ElementRef,\n  OnInit,\n  ViewEncapsulation,\n  booleanAttribute,\n  computed,\n  inject,\n  input,\n  model,\n  signal,\n} from '@angular/core';\nimport { vdUniqueId } from '@vadem/ui/field';\nimport { VdOrientation, vdIsActivationKey, vdRovingTarget } from '@vadem/ui/keyboard';\n\nexport type VdTabsVariant = 'line' | 'pill';\nexport type VdTabsActivation = 'automatic' | 'manual';\n\n/**\n * Tabs container: owns the selected value and keyboard behavior. Compose with\n * `vdTabList`, `vdTab` and `vdTabPanel`. Spec: specs/tabs.md\n */\n@Component({\n  selector: 'vd-tabs',\n  template: '<ng-content />',\n  host: {\n    class: 'vd-tabs',\n    '[attr.data-variant]': 'variant()',\n    '[attr.data-orientation]': 'orientation()',\n  },\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n})\nexport class VdTabs {\n  /** Selected tab value. Defaults to the first enabled tab. */\n  readonly value = model<string | undefined>(undefined);\n  readonly variant = input<VdTabsVariant>('line');\n  readonly orientation = input<VdOrientation>('horizontal');\n  /** `automatic`: arrows select. `manual`: arrows move focus, Enter/Space select. */\n  readonly activation = input<VdTabsActivation>('automatic');\n\n  private readonly tabs = signal<readonly VdTab[]>([]);\n  private readonly panels = signal<readonly VdTabPanel[]>([]);\n\n  /** Tabs in DOM order (registration order can differ for dynamic lists). */\n  private readonly ordered = computed(() =>\n    [...this.tabs()].sort((a, b) =>\n      a.el.compareDocumentPosition(b.el) & Node.DOCUMENT_POSITION_FOLLOWING ? -1 : 1,\n    ),\n  );\n\n  readonly selected = computed(() => {\n    const value = this.value();\n    const tabs = this.ordered();\n    if (value !== undefined && tabs.some((t) => t.value() === value && !t.disabled())) return value;\n    return tabs.find((t) => !t.disabled())?.value();\n  });\n\n  tabId(value: string): string | null {\n    return this.tabs().find((t) => t.value() === value)?.id ?? null;\n  }\n\n  panelId(value: string): string | null {\n    return this.panels().find((p) => p.value() === value)?.id ?? null;\n  }\n\n  select(value: string): void {\n    this.value.set(value);\n  }\n\n  /** Returns the unregister function. */\n  registerTab(tab: VdTab): () => void {\n    this.tabs.update((items) => [...items, tab]);\n    return () => this.tabs.update((items) => items.filter((i) => i !== tab));\n  }\n\n  registerPanel(panel: VdTabPanel): () => void {\n    this.panels.update((items) => [...items, panel]);\n    return () => this.panels.update((items) => items.filter((i) => i !== panel));\n  }\n\n  handleKeydown(tab: VdTab, event: KeyboardEvent): void {\n    const tabs = this.ordered();\n    const current = tabs.indexOf(tab);\n\n    if (this.activation() === 'manual' && vdIsActivationKey(event.key)) {\n      event.preventDefault();\n      this.select(tab.value());\n      return;\n    }\n\n    const dir = tab.el.matches(':dir(rtl)') ? 'rtl' : 'ltr';\n    const target = vdRovingTarget(\n      event.key,\n      current,\n      tabs.map((t) => t.disabled()),\n      { orientation: this.orientation(), dir, loop: true },\n    );\n    if (target === null) return;\n\n    event.preventDefault();\n    const next = tabs[target];\n    next.el.focus();\n    if (this.activation() === 'automatic') this.select(next.value());\n  }\n}\n\n/** Container for the tabs. Needs an accessible name (`aria-label` or `aria-labelledby`). */\n@Directive({\n  selector: '[vdTabList]',\n  host: {\n    class: 'vd-tabs__list',\n    role: 'tablist',\n    '[attr.aria-orientation]': 'tabs.orientation()',\n  },\n})\nexport class VdTabList {\n  protected readonly tabs = inject(VdTabs);\n}\n\n@Directive({\n  selector: 'button[vdTab]',\n  host: {\n    class: 'vd-tabs__tab',\n    type: 'button',\n    role: 'tab',\n    '[id]': 'id',\n    '[attr.aria-selected]': 'selected()',\n    '[attr.aria-controls]': 'tabs.panelId(value())',\n    '[attr.tabindex]': 'selected() ? 0 : -1',\n    '[attr.data-state]': 'selected() ? \"active\" : \"inactive\"',\n    '[disabled]': 'disabled()',\n    '(click)': 'tabs.select(value())',\n    '(keydown)': 'tabs.handleKeydown(this, $event)',\n  },\n})\nexport class VdTab implements OnInit {\n  readonly value = input.required<string>();\n  readonly disabled = input(false, { transform: booleanAttribute });\n\n  protected readonly tabs = inject(VdTabs);\n  readonly el: HTMLElement = inject(ElementRef).nativeElement;\n  readonly id = vdUniqueId('vd-tab');\n  protected readonly selected = computed(() => this.tabs.selected() === this.value());\n\n  private readonly destroyRef = inject(DestroyRef);\n\n  // Register once inputs are set: dynamic `[value]` bindings aren't available in the constructor.\n  ngOnInit(): void {\n    this.destroyRef.onDestroy(this.tabs.registerTab(this));\n  }\n}\n\n@Directive({\n  selector: '[vdTabPanel]',\n  host: {\n    class: 'vd-tabs__panel',\n    role: 'tabpanel',\n    tabindex: '0',\n    '[id]': 'id',\n    '[attr.aria-labelledby]': 'tabs.tabId(value())',\n    '[hidden]': '!selected()',\n    '[attr.data-state]': 'selected() ? \"active\" : \"inactive\"',\n  },\n})\nexport class VdTabPanel implements OnInit {\n  readonly value = input.required<string>();\n\n  protected readonly tabs = inject(VdTabs);\n  readonly id = vdUniqueId('vd-tabpanel');\n  protected readonly selected = computed(() => this.tabs.selected() === this.value());\n\n  private readonly destroyRef = inject(DestroyRef);\n\n  ngOnInit(): void {\n    this.destroyRef.onDestroy(this.tabs.registerPanel(this));\n  }\n}\n\nexport const VD_TABS = [VdTabs, VdTabList, VdTab, VdTabPanel] as const;\n"],"mappings":"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"}