@vadem/ui 0.0.0-stage → 0.0.2

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

@@ -0,0 +1 @@
+{"version":3,"file":"vadem-ui-menu.mjs","names":[],"sources":["../../../projects/ui/menu/src/core/menu-controller.ts","../../../projects/ui/menu/src/menu.ts","../../../projects/ui/menu/src/context-menu.ts"],"sourcesContent":["/**\n * Framework-agnostic menu button (APG): trigger + `popover=\"auto\"` menu. Focus moves into the\n * menu (roving focus over items), arrows loop, typeahead jumps, activation or Escape closes and\n * returns focus to the trigger, Tab closes and lets focus move on.\n */\nimport { VdTypeahead, vdListTarget } from '@vadem/ui/keyboard';\n\nexport interface VdMenuControllerOptions {\n  /** Items in DOM order (role=\"menuitem\", including disabled ones). */\n  items(): HTMLElement[];\n  onOpenChange?(open: boolean): void;\n  /** Where focus returns on close; defaults to the trigger (context menus return to the opener). */\n  returnFocusTo?(): HTMLElement | null;\n}\n\nconst ITEM = '[role=\"menuitem\"]';\n\nfunction isDisabled(el: HTMLElement): boolean {\n  return el.getAttribute('aria-disabled') === 'true' || (el as HTMLButtonElement).disabled;\n}\n\nexport class VdMenuController {\n  private readonly typeahead = new VdTypeahead();\n  private returnFocus = false;\n  /** Light dismiss closes on pointerdown over the trigger; the click must not reopen. */\n  private wasOpen = false;\n\n  constructor(\n    private readonly trigger: HTMLElement,\n    private readonly menu: HTMLElement,\n    private readonly options: VdMenuControllerOptions,\n  ) {\n    trigger.addEventListener('pointerdown', this.onTriggerPointerDown);\n    trigger.addEventListener('click', this.onTriggerClick);\n    trigger.addEventListener('keydown', this.onTriggerKeydown);\n    menu.addEventListener('keydown', this.onMenuKeydown);\n    menu.addEventListener('click', this.onMenuClick);\n    menu.addEventListener('pointermove', this.onPointerMove);\n    menu.addEventListener('toggle', this.onToggle);\n  }\n\n  get isOpen(): boolean {\n    return this.menu.matches(':popover-open');\n  }\n\n  open(focus: 'first' | 'last' = 'first'): void {\n    if (!this.isOpen) {\n      this.menu.showPopover({ source: this.trigger } as ShowPopoverOptions);\n      this.options.onOpenChange?.(true);\n    }\n    const items = this.enabledItems();\n    (focus === 'first' ? items[0] : items[items.length - 1])?.focus();\n  }\n\n  close(returnFocus: boolean): void {\n    this.returnFocus = returnFocus;\n    if (this.isOpen) this.menu.hidePopover();\n  }\n\n  destroy(): void {\n    this.trigger.removeEventListener('pointerdown', this.onTriggerPointerDown);\n    this.trigger.removeEventListener('click', this.onTriggerClick);\n    this.trigger.removeEventListener('keydown', this.onTriggerKeydown);\n    this.menu.removeEventListener('keydown', this.onMenuKeydown);\n    this.menu.removeEventListener('click', this.onMenuClick);\n    this.menu.removeEventListener('pointermove', this.onPointerMove);\n    this.menu.removeEventListener('toggle', this.onToggle);\n  }\n\n  private enabledItems(): HTMLElement[] {\n    return this.options.items().filter((i) => !isDisabled(i));\n  }\n\n  private readonly onTriggerPointerDown = () => {\n    this.wasOpen = this.isOpen;\n  };\n\n  private readonly onTriggerClick = (event: MouseEvent) => {\n    if (this.wasOpen || this.isOpen) {\n      this.wasOpen = false;\n      this.close(false);\n      return;\n    }\n    // Enter/Space are handled in keydown (and prevented), so this is a pointer click.\n    this.open('first');\n    event.preventDefault();\n  };\n\n  private readonly onTriggerKeydown = (event: KeyboardEvent) => {\n    const { key } = event;\n    if (key === 'ArrowDown' || key === 'Enter' || key === ' ') {\n      event.preventDefault();\n      this.open('first');\n    } else if (key === 'ArrowUp') {\n      event.preventDefault();\n      this.open('last');\n    }\n  };\n\n  private readonly onMenuKeydown = (event: KeyboardEvent) => {\n    const items = this.options.items();\n    const current = items.indexOf(event.target as HTMLElement);\n    const { key } = event;\n\n    if (key === 'Escape') {\n      event.preventDefault();\n      this.close(true);\n      return;\n    }\n    if (key === 'Tab') {\n      this.close(false);\n      return;\n    }\n    const target = vdListTarget(key, current, items.map(isDisabled), { loop: true, pageSize: 10 });\n    if (target !== null) {\n      event.preventDefault();\n      items[target]?.focus();\n      return;\n    }\n    if (VdTypeahead.accepts(event)) {\n      const idx = this.typeahead.match(\n        key,\n        items.map((i) => i.textContent?.trim() ?? ''),\n        items.map(isDisabled),\n        current,\n      );\n      if (idx !== null) items[idx]?.focus();\n    }\n  };\n\n  private readonly onMenuClick = (event: MouseEvent) => {\n    const item = (event.target as Element).closest<HTMLElement>(ITEM);\n    if (!item || !this.menu.contains(item)) return;\n    if (isDisabled(item)) {\n      event.preventDefault();\n      event.stopImmediatePropagation();\n      return;\n    }\n    // Item handlers already ran (bubbling reached the menu): close and restore focus.\n    this.close(true);\n  };\n\n  /** Pointer and keyboard share one \"current\" item: hovering focuses it. */\n  private readonly onPointerMove = (event: PointerEvent) => {\n    if (event.pointerType === 'touch') return;\n    const item = (event.target as Element).closest<HTMLElement>(ITEM);\n    if (item && !isDisabled(item) && item !== this.menu.ownerDocument.activeElement) item.focus();\n  };\n\n  private readonly onToggle = (event: Event) => {\n    if ((event as ToggleEvent).newState !== 'closed') return;\n    this.typeahead.reset();\n    this.options.onOpenChange?.(false);\n    if (this.returnFocus) (this.options.returnFocusTo?.() ?? this.trigger).focus();\n    this.returnFocus = false;\n  };\n}\n","import {\n  DestroyRef,\n  Directive,\n  ElementRef,\n  afterNextRender,\n  booleanAttribute,\n  inject,\n  input,\n  signal,\n} from '@angular/core';\nimport { vdUniqueId } from '@vadem/ui/field';\nimport { VdMenuController } from './core/menu-controller';\n\n/** Menu panel: a `popover=\"auto\"` with `role=\"menu\"`. Open it with `vdMenuTrigger`. */\n@Directive({\n  selector: '[vdMenu]',\n  exportAs: 'vdMenu',\n  host: {\n    class: 'vd-menu',\n    role: 'menu',\n    popover: 'auto',\n    tabindex: '-1',\n    '[id]': 'id',\n    '[attr.aria-labelledby]': 'labelledBy()',\n  },\n})\nexport class VdMenu {\n  readonly id = vdUniqueId('vd-menu');\n  readonly el: HTMLElement = inject(ElementRef).nativeElement;\n  readonly labelledBy = signal<string | null>(null);\n\n  items(): HTMLElement[] {\n    return Array.from(this.el.querySelectorAll<HTMLElement>('[role=\"menuitem\"]'));\n  }\n}\n\n/** Opens a `vdMenu`. Use on a button (works with `vdButton`). Spec: specs/menu.md */\n@Directive({\n  selector: 'button[vdMenuTrigger]',\n  host: {\n    'aria-haspopup': 'menu',\n    '[attr.aria-expanded]': 'open()',\n    '[attr.aria-controls]': 'vdMenuTrigger().id',\n    '[attr.data-state]': 'open() ? \"open\" : \"closed\"',\n  },\n})\nexport class VdMenuTrigger {\n  readonly vdMenuTrigger = input.required<VdMenu>();\n  protected readonly open = signal(false);\n  private readonly el: HTMLButtonElement = inject(ElementRef).nativeElement;\n\n  constructor() {\n    const destroyRef = inject(DestroyRef);\n    afterNextRender(() => {\n      const menu = this.vdMenuTrigger();\n      if (!this.el.id) this.el.id = vdUniqueId('vd-menu-trigger');\n      menu.labelledBy.set(this.el.id);\n      const name = `--${menu.id}`;\n      this.el.style.setProperty('anchor-name', name);\n      menu.el.style.setProperty('position-anchor', name);\n      const controller = new VdMenuController(this.el, menu.el, {\n        items: () => menu.items(),\n        onOpenChange: (open) => this.open.set(open),\n      });\n      destroyRef.onDestroy(() => controller.destroy());\n    });\n  }\n}\n\nexport type VdMenuItemVariant = 'default' | 'danger';\n\n@Directive({\n  selector: 'button[vdMenuItem], a[vdMenuItem]',\n  host: {\n    class: 'vd-menu__item',\n    role: 'menuitem',\n    tabindex: '-1',\n    '[attr.type]': 'isButton ? \"button\" : null',\n    '[attr.data-variant]': 'variant()',\n    '[attr.aria-disabled]': 'disabled() || null',\n  },\n})\nexport class VdMenuItem {\n  readonly variant = input<VdMenuItemVariant>('default');\n  /** Disabled items stay in the menu (discoverable) but are skipped and inert. */\n  readonly disabled = input(false, { transform: booleanAttribute });\n  protected readonly isButton =\n    (inject(ElementRef).nativeElement as HTMLElement).tagName === 'BUTTON';\n}\n\n@Directive({\n  selector: '[vdMenuSeparator]',\n  host: { class: 'vd-menu__separator', role: 'separator' },\n})\nexport class VdMenuSeparator {}\n\n/** Group heading inside a menu (mono eyebrow). Presentational. */\n@Directive({\n  selector: '[vdMenuLabel]',\n  host: { class: 'vd-menu__label', role: 'presentation' },\n})\nexport class VdMenuLabel {}\n\nexport const VD_MENU = [VdMenu, VdMenuTrigger, VdMenuItem, VdMenuSeparator, VdMenuLabel] as const;\n","import { DOCUMENT } from '@angular/common';\nimport { DestroyRef, Directive, ElementRef, inject, input, output } from '@angular/core';\nimport { vdUniqueId } from '@vadem/ui/field';\nimport { vdTexts } from '@vadem/ui/locale';\nimport { VdMenuController } from './core/menu-controller';\nimport type { VdMenu } from './menu';\n\n/** Touch hold that opens the menu where `contextmenu` does not fire (iOS Safari). */\nconst LONG_PRESS_MS = 500;\nconst LONG_PRESS_SLOP = 10;\n\n/** One controller and one virtual anchor per menu, shared by every region that opens it. */\ninterface Shared {\n  anchor: HTMLElement;\n  controller: VdMenuController;\n  opener: HTMLElement | null;\n  users: number;\n}\nconst shared = new WeakMap<HTMLElement, Shared>();\n\nfunction acquire(menu: VdMenu, doc: Document): Shared {\n  let entry = shared.get(menu.el);\n  if (!entry) {\n    const anchor = doc.createElement('span');\n    anchor.className = 'vd-context-menu__anchor';\n    anchor.setAttribute('aria-hidden', 'true');\n    const name = `--${vdUniqueId('vd-context-anchor')}`;\n    anchor.style.setProperty('anchor-name', name);\n    menu.el.style.setProperty('position-anchor', name);\n    // Next to the menu, so it shares any dialog's top layer and inert state.\n    (menu.el.parentElement ?? doc.body).appendChild(anchor);\n    const created: Shared = {\n      anchor,\n      opener: null,\n      users: 0,\n      controller: new VdMenuController(anchor, menu.el, {\n        items: () => menu.items(),\n        returnFocusTo: () => created.opener,\n      }),\n    };\n    entry = created;\n    shared.set(menu.el, entry);\n  }\n  entry.users++;\n  return entry;\n}\n\nfunction release(menu: VdMenu): void {\n  const entry = shared.get(menu.el);\n  if (!entry || --entry.users > 0) return;\n  entry.controller.destroy();\n  entry.anchor.remove();\n  shared.delete(menu.el);\n}\n\n/**\n * Opens a `vdMenu` at the pointer on right-click / long-press, or at the focused element on\n * the ContextMenu key and Shift+F10. Spec: specs/menu.md\n */\n@Directive({\n  selector: '[vdContextMenu]',\n  host: {\n    class: 'vd-context-menu-target',\n    '(contextmenu)': 'onContextMenu($event)',\n    '(keydown)': 'onKeydown($event)',\n    '(pointerdown)': 'onPointerDown($event)',\n  },\n})\nexport class VdContextMenu {\n  readonly vdContextMenu = input.required<VdMenu>();\n  /** Accessible name of the menu while this region opened it. */\n  readonly label = input<string>();\n  /** Fires before the menu opens, so the consumer can point it at this region's item. */\n  readonly opened = output<void>();\n\n  protected readonly t = vdTexts('contextMenu', { label: this.label });\n  private readonly el: HTMLElement = inject(ElementRef).nativeElement;\n  private readonly doc = inject(DOCUMENT);\n  private entry: Shared | null = null;\n  private pendingPointerOpen: ((event: PointerEvent) => void) | null = null;\n  private pressTimer: ReturnType<typeof setTimeout> | undefined;\n\n  constructor() {\n    inject(DestroyRef).onDestroy(() => {\n      clearTimeout(this.pressTimer);\n      this.cancelPointerOpen();\n      if (this.entry) release(this.vdContextMenu());\n    });\n  }\n\n  protected onContextMenu(event: MouseEvent): void {\n    // Shift+right-click keeps the browser's own menu (copy, inspect) available.\n    if (event.shiftKey && event.button === 2) return;\n    event.preventDefault();\n    this.cancelPointerOpen();\n    const { clientX: x, clientY: y } = event;\n    const origin = event.target as HTMLElement;\n    // Some engines dispatch contextmenu before right-button release. Opening an\n    // auto popover then lets that same pointerup immediately light-dismiss it.\n    if (event.buttons & 2) {\n      this.pendingPointerOpen = (release) => {\n        if (release.button !== 2) return;\n        this.cancelPointerOpen();\n        if (origin.isConnected) this.openAt(x, y, origin);\n      };\n      this.doc.addEventListener('pointerup', this.pendingPointerOpen);\n      this.doc.addEventListener('pointercancel', this.cancelPointerOpen);\n    } else {\n      this.openAt(x, y, origin);\n    }\n  }\n\n  private readonly cancelPointerOpen = (): void => {\n    if (this.pendingPointerOpen) {\n      this.doc.removeEventListener('pointerup', this.pendingPointerOpen);\n      this.pendingPointerOpen = null;\n    }\n    this.doc.removeEventListener('pointercancel', this.cancelPointerOpen);\n  };\n\n  protected onKeydown(event: KeyboardEvent): void {\n    const keyboardMenu = event.key === 'ContextMenu' || (event.shiftKey && event.key === 'F10');\n    if (!keyboardMenu) return;\n    event.preventDefault();\n    const target = (event.target as HTMLElement) ?? this.el;\n    const rect = target.getBoundingClientRect();\n    const rtl = this.doc.defaultView?.getComputedStyle(target).direction === 'rtl';\n    this.openAt(rtl ? rect.right : rect.left, rect.bottom, target);\n  }\n\n  protected onPointerDown(event: PointerEvent): void {\n    if (event.pointerType !== 'touch') return;\n    const { clientX: x, clientY: y } = event;\n    const target = event.target as HTMLElement;\n    const cancel = (e?: PointerEvent) => {\n      if (\n        e &&\n        e.type === 'pointermove' &&\n        Math.hypot(e.clientX - x, e.clientY - y) < LONG_PRESS_SLOP\n      )\n        return;\n      clearTimeout(this.pressTimer);\n      this.el.removeEventListener('pointermove', cancel);\n      this.el.removeEventListener('pointerup', cancel);\n      this.el.removeEventListener('pointercancel', cancel);\n    };\n    this.el.addEventListener('pointermove', cancel);\n    this.el.addEventListener('pointerup', cancel);\n    this.el.addEventListener('pointercancel', cancel);\n    clearTimeout(this.pressTimer);\n    this.pressTimer = setTimeout(() => {\n      cancel();\n      this.openAt(x, y, target);\n    }, LONG_PRESS_MS);\n  }\n\n  private openAt(x: number, y: number, origin: HTMLElement): void {\n    const menu = this.vdContextMenu();\n    this.entry ??= acquire(menu, this.doc);\n    // Android also fires contextmenu after a long press; one opening is enough.\n    if (this.entry.controller.isOpen && this.entry.opener === this.focusable(origin)) return;\n    this.opened.emit();\n    this.entry.opener = this.focusable(origin);\n    this.place(this.entry.anchor, x, y);\n    menu.el.setAttribute('aria-label', this.t().label);\n    menu.labelledBy.set(null);\n    this.entry.controller.close(false);\n    this.entry.controller.open('first');\n  }\n\n  /**\n   * Puts the zero-size anchor at viewport point (x, y). An ancestor with a transform, filter or\n   * container query becomes the fixed containing block, so the first guess is measured and\n   * corrected by the difference. Insets stay logical: in RTL inline-start grows leftwards.\n   */\n  private place(anchor: HTMLElement, x: number, y: number): void {\n    const rtl = this.doc.defaultView?.getComputedStyle(anchor).direction === 'rtl';\n    let inline = rtl ? this.doc.documentElement.clientWidth - x : x;\n    let block = y;\n    const set = () => {\n      anchor.style.setProperty('--vd-context-x', `${inline}px`);\n      anchor.style.setProperty('--vd-context-y', `${block}px`);\n    };\n    set();\n    const rect = anchor.getBoundingClientRect();\n    inline += rtl ? rect.left - x : x - rect.left;\n    block += y - rect.top;\n    set();\n  }\n\n  /** Focus returns to the nearest focusable element of this region, or the region itself. */\n  private focusable(origin: HTMLElement): HTMLElement {\n    const candidate = origin.closest<HTMLElement>(\n      'a[href], button, input, select, textarea, [tabindex]',\n    );\n    return candidate && this.el.contains(candidate) ? candidate : this.el;\n  }\n}\n"],"mappings":"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"}

package/fesm2022/vadem-ui-navigation-list.mjs

@@ -0,0 +1,130 @@
+import * as i0 from "@angular/core";
+import { Directive, input } from "@angular/core";
+import { vdTexts } from "@vadem/ui/locale";
+var VdNavigationList = class VdNavigationList {
+	label = input(...ngDevMode ? [void 0, { debugName: "label" }] : /* istanbul ignore next */ []);
+	t = vdTexts("navigationList", { label: this.label });
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.1",
+		ngImport: i0,
+		type: VdNavigationList,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Directive
+	});
+	static ɵdir = i0.ɵɵngDeclareDirective({
+		minVersion: "17.1.0",
+		version: "22.2.1",
+		type: VdNavigationList,
+		isStandalone: true,
+		selector: "nav[vdNavigationList]",
+		inputs: { label: {
+			classPropertyName: "label",
+			publicName: "label",
+			isSignal: true,
+			isRequired: false,
+			transformFunction: null
+		} },
+		host: {
+			properties: { "attr.aria-label": "t().label" },
+			classAttribute: "vd-navigation-list"
+		},
+		ngImport: i0
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.1",
+	ngImport: i0,
+	type: VdNavigationList,
+	decorators: [{
+		type: Directive,
+		args: [{
+			selector: "nav[vdNavigationList]",
+			host: {
+				class: "vd-navigation-list",
+				"[attr.aria-label]": "t().label"
+			}
+		}]
+	}],
+	propDecorators: { label: [{
+		type: i0.Input,
+		args: [{
+			isSignal: true,
+			alias: "label",
+			required: false
+		}]
+	}] }
+});
+var VdNavigationLink = class VdNavigationLink {
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.1",
+		ngImport: i0,
+		type: VdNavigationLink,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Directive
+	});
+	static ɵdir = i0.ɵɵngDeclareDirective({
+		minVersion: "14.0.0",
+		version: "22.2.1",
+		type: VdNavigationLink,
+		isStandalone: true,
+		selector: "a[vdNavigationLink]",
+		host: { classAttribute: "vd-navigation-link" },
+		ngImport: i0
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.1",
+	ngImport: i0,
+	type: VdNavigationLink,
+	decorators: [{
+		type: Directive,
+		args: [{
+			selector: "a[vdNavigationLink]",
+			host: { class: "vd-navigation-link" }
+		}]
+	}]
+});
+var VdNavigationLabel = class VdNavigationLabel {
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.1",
+		ngImport: i0,
+		type: VdNavigationLabel,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Directive
+	});
+	static ɵdir = i0.ɵɵngDeclareDirective({
+		minVersion: "14.0.0",
+		version: "22.2.1",
+		type: VdNavigationLabel,
+		isStandalone: true,
+		selector: "[vdNavigationLabel]",
+		host: { classAttribute: "vd-navigation-label" },
+		ngImport: i0
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.1",
+	ngImport: i0,
+	type: VdNavigationLabel,
+	decorators: [{
+		type: Directive,
+		args: [{
+			selector: "[vdNavigationLabel]",
+			host: { class: "vd-navigation-label" }
+		}]
+	}]
+});
+const VD_NAVIGATION_LIST = [
+	VdNavigationList,
+	VdNavigationLink,
+	VdNavigationLabel
+];
+export { VD_NAVIGATION_LIST, VdNavigationLabel, VdNavigationLink, VdNavigationList };
+
+//# sourceMappingURL=vadem-ui-navigation-list.mjs.map

package/fesm2022/vadem-ui-navigation-list.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"vadem-ui-navigation-list.mjs","names":[],"sources":["../../../projects/ui/navigation-list/src/navigation-list.ts"],"sourcesContent":["import { Directive, input } from '@angular/core';\nimport { vdTexts } from '@vadem/ui/locale';\n\n/** Native navigation landmark; applications supply groups, links and current state. */\n@Directive({\n  selector: 'nav[vdNavigationList]',\n  host: { class: 'vd-navigation-list', '[attr.aria-label]': 't().label' },\n})\nexport class VdNavigationList {\n  readonly label = input<string>();\n  /** Text inputs resolved against the active VD_LOCALE. */\n  protected readonly t = vdTexts('navigationList', { label: this.label });\n}\n\n/** Keeps href, router integration, keyboard and modified-click behavior native. */\n@Directive({ selector: 'a[vdNavigationLink]', host: { class: 'vd-navigation-link' } })\nexport class VdNavigationLink {}\n\n/** Preserves the consumer's heading level and section labelling. */\n@Directive({ selector: '[vdNavigationLabel]', host: { class: 'vd-navigation-label' } })\nexport class VdNavigationLabel {}\n\nexport const VD_NAVIGATION_LIST = [VdNavigationList, VdNavigationLink, VdNavigationLabel] as const;\n"],"mappings":";;;AAQA,IAAa,mBAAb,MAAa,iBAAgB;CAClB,QAAQ,MAAe,GAAA,YAAA,CAAA,QAAA,EAAA,WAAA,QAAA,CAAA,+BAAA,CAAA,CAAA;CAEb,IAAI,QAAQ,kBAAkB,EAAE,OAAO,KAAK,MAAK,CAAE;CAH3D,OAAA,OAAA,GAAA,mBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,UAAA;EAAA,MAAA;EAAgB,MAAA,CAAA;EAAA,QAAA,GAAA,gBAAA;CAAA,CAAA;CAAhB,OAAA,OAAA,GAAA,qBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,MAAA;EAAgB,cAAA;EAAA,UAAA;EAAA,QAAA,EAAA,OAAA;GAAA,mBAAA;GAAA,YAAA;GAAA,UAAA;GAAA,YAAA;GAAA,mBAAA;EAAA,EAAA;EAAA,MAAA;GAAA,YAAA,EAAA,mBAAA,YAAA;GAAA,gBAAA;EAAA;EAAA,UAAA;CAAA,CAAA;;AAAhB,GAAA,yBAAA;CAAA,YAAA;CAAA,SAAA;CAAA,UAAA;CAAA,MAAA;CAAgB,YAAA,CAAA;EAJ5B,MAAA;EAAU,MAAA,CAAA;GACT,UAAU;GACV,MAAM;IAAE,OAAO;IAAsB,qBAAqB;GAAW;EACtE,CAAA;;;;;;;;;;;AASD,IAAa,mBAAb,MAAa,iBAAgB;CAAhB,OAAA,OAAA,GAAA,mBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,UAAA;EAAA,MAAA;EAAgB,MAAA,CAAA;EAAA,QAAA,GAAA,gBAAA;CAAA,CAAA;CAAhB,OAAA,OAAA,GAAA,qBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,MAAA;EAAgB,cAAA;EAAA,UAAA;EAAA,MAAA,EAAA,gBAAA,qBAAA;EAAA,UAAA;CAAA,CAAA;;AAAhB,GAAA,yBAAA;CAAA,YAAA;CAAA,SAAA;CAAA,UAAA;CAAA,MAAA;CAAgB,YAAA,CAAA;EAD5B,MAAA;EAAU,MAAA,CAAA;GAAE,UAAU;GAAuB,MAAM,EAAE,OAAO,qBAAoB;EAAE,CAAE;;;AAKrF,IAAa,oBAAb,MAAa,kBAAiB;CAAjB,OAAA,OAAA,GAAA,mBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,UAAA;EAAA,MAAA;EAAiB,MAAA,CAAA;EAAA,QAAA,GAAA,gBAAA;CAAA,CAAA;CAAjB,OAAA,OAAA,GAAA,qBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,MAAA;EAAiB,cAAA;EAAA,UAAA;EAAA,MAAA,EAAA,gBAAA,sBAAA;EAAA,UAAA;CAAA,CAAA;;AAAjB,GAAA,yBAAA;CAAA,YAAA;CAAA,SAAA;CAAA,UAAA;CAAA,MAAA;CAAiB,YAAA,CAAA;EAD7B,MAAA;EAAU,MAAA,CAAA;GAAE,UAAU;GAAuB,MAAM,EAAE,OAAO,sBAAqB;EAAE,CAAE;;;AAGtF,MAAa,qBAAqB;CAAC;CAAkB;CAAkB;AAAiB"}

package/fesm2022/vadem-ui-number-input.mjs

@@ -0,0 +1,264 @@
+import * as i0 from "@angular/core";
+import { ChangeDetectionStrategy, Component, Directive, ElementRef, ViewEncapsulation, afterEveryRender, computed, contentChild, inject, input, signal } from "@angular/core";
+import { VdIcon } from "@vadem/ui/icon";
+import { VdInput } from "@vadem/ui/input";
+import { vdTexts } from "@vadem/ui/locale";
+function vdNumberStepValue(input, direction) {
+	if (input.type !== "number" || input.disabled || input.readOnly || input.validity.badInput) return null;
+	const probe = input.cloneNode();
+	probe.value = input.value;
+	try {
+		if (direction === 1) probe.stepUp();
+		else probe.stepDown();
+	} catch {
+		return null;
+	}
+	if (probe.value === input.value || !Number.isFinite(probe.valueAsNumber)) return null;
+	if (Number.isFinite(input.valueAsNumber) && (probe.valueAsNumber - input.valueAsNumber) * direction <= 0) return null;
+	return probe.value;
+}
+var VdNumberInput = class VdNumberInput extends VdInput {
+	el = inject(ElementRef).nativeElement;
+	snapshot = signal(null, ...ngDevMode ? [{ debugName: "snapshot" }] : /* istanbul ignore next */ []);
+	locked = computed(() => {
+		this.snapshot();
+		return this.snapshot() === null || this.el.disabled || this.el.readOnly;
+	}, ...ngDevMode ? [{ debugName: "locked" }] : /* istanbul ignore next */ []);
+	canDecrease = computed(() => this.snapshot() !== null && vdNumberStepValue(this.el, -1) !== null, ...ngDevMode ? [{ debugName: "canDecrease" }] : /* istanbul ignore next */ []);
+	canIncrease = computed(() => this.snapshot() !== null && vdNumberStepValue(this.el, 1) !== null, ...ngDevMode ? [{ debugName: "canIncrease" }] : /* istanbul ignore next */ []);
+	constructor() {
+		super();
+		afterEveryRender(() => this.refresh());
+	}
+	refresh() {
+		this.snapshot.set(JSON.stringify([
+			this.el.type,
+			this.el.value,
+			this.el.getAttribute("value"),
+			this.el.min,
+			this.el.max,
+			this.el.step,
+			this.el.disabled,
+			this.el.readOnly,
+			this.el.validity.badInput
+		]));
+	}
+	step(direction) {
+		const value = vdNumberStepValue(this.el, direction);
+		if (value === null) return;
+		this.el.value = value;
+		this.refresh();
+		this.el.dispatchEvent(new Event("input", { bubbles: true }));
+		this.el.dispatchEvent(new Event("change", { bubbles: true }));
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.1",
+		ngImport: i0,
+		type: VdNumberInput,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Directive
+	});
+	static ɵdir = i0.ɵɵngDeclareDirective({
+		minVersion: "14.0.0",
+		version: "22.2.1",
+		type: VdNumberInput,
+		isStandalone: true,
+		selector: "input[type=number][vdNumberInput]",
+		host: {
+			listeners: {
+				"input": "refresh()",
+				"change": "refresh()"
+			},
+			classAttribute: "vd-number-input__input"
+		},
+		exportAs: ["vdNumberInput"],
+		usesInheritance: true,
+		ngImport: i0
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.1",
+	ngImport: i0,
+	type: VdNumberInput,
+	decorators: [{
+		type: Directive,
+		args: [{
+			selector: "input[type=number][vdNumberInput]",
+			exportAs: "vdNumberInput",
+			host: {
+				class: "vd-number-input__input",
+				"(input)": "refresh()",
+				"(change)": "refresh()"
+			}
+		}]
+	}],
+	ctorParameters: () => []
+});
+var VdNumberInputGroup = class VdNumberInputGroup {
+	decreaseLabel = input(...ngDevMode ? [void 0, { debugName: "decreaseLabel" }] : /* istanbul ignore next */ []);
+	increaseLabel = input(...ngDevMode ? [void 0, { debugName: "increaseLabel" }] : /* istanbul ignore next */ []);
+	t = vdTexts("numberInput", {
+		decreaseLabel: this.decreaseLabel,
+		increaseLabel: this.increaseLabel
+	});
+	control = contentChild(VdNumberInput, ...ngDevMode ? [{ debugName: "control" }] : /* istanbul ignore next */ []);
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.1",
+		ngImport: i0,
+		type: VdNumberInputGroup,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.2.0",
+		version: "22.2.1",
+		type: VdNumberInputGroup,
+		isStandalone: true,
+		selector: "vd-number-input",
+		inputs: {
+			decreaseLabel: {
+				classPropertyName: "decreaseLabel",
+				publicName: "decreaseLabel",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			increaseLabel: {
+				classPropertyName: "increaseLabel",
+				publicName: "increaseLabel",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		host: { classAttribute: "vd-input-group vd-number-input" },
+		queries: [{
+			propertyName: "control",
+			first: true,
+			predicate: VdNumberInput,
+			descendants: true,
+			isSignal: true
+		}],
+		ngImport: i0,
+		template: `
+    <button
+      class="vd-button"
+      data-icon-only
+      type="button"
+      data-variant="ghost"
+      slot="start"
+      [attr.data-size]="control()?.size() ?? 'md'"
+      [attr.aria-label]="t().decreaseLabel"
+      [attr.aria-controls]="control()?.id() ?? null"
+      [disabled]="control()?.locked() ?? true"
+      [attr.aria-disabled]="control()?.canDecrease() ? null : 'true'"
+      (click)="control()?.step(-1)"
+    >
+      <vd-icon name="minus" />
+    </button>
+    <ng-content select="input[vdNumberInput]" />
+    <button
+      class="vd-button"
+      data-icon-only
+      type="button"
+      data-variant="ghost"
+      slot="end"
+      [attr.data-size]="control()?.size() ?? 'md'"
+      [attr.aria-label]="t().increaseLabel"
+      [attr.aria-controls]="control()?.id() ?? null"
+      [disabled]="control()?.locked() ?? true"
+      [attr.aria-disabled]="control()?.canIncrease() ? null : 'true'"
+      (click)="control()?.step(1)"
+    >
+      <vd-icon name="plus" />
+    </button>
+  `,
+		isInline: true,
+		dependencies: [{
+			kind: "component",
+			type: VdIcon,
+			selector: "vd-icon",
+			inputs: ["name", "label"]
+		}],
+		changeDetection: i0.ChangeDetectionStrategy.OnPush,
+		encapsulation: i0.ViewEncapsulation.None
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.1",
+	ngImport: i0,
+	type: VdNumberInputGroup,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "vd-number-input",
+			imports: [VdIcon],
+			template: `
+    <button
+      class="vd-button"
+      data-icon-only
+      type="button"
+      data-variant="ghost"
+      slot="start"
+      [attr.data-size]="control()?.size() ?? 'md'"
+      [attr.aria-label]="t().decreaseLabel"
+      [attr.aria-controls]="control()?.id() ?? null"
+      [disabled]="control()?.locked() ?? true"
+      [attr.aria-disabled]="control()?.canDecrease() ? null : 'true'"
+      (click)="control()?.step(-1)"
+    >
+      <vd-icon name="minus" />
+    </button>
+    <ng-content select="input[vdNumberInput]" />
+    <button
+      class="vd-button"
+      data-icon-only
+      type="button"
+      data-variant="ghost"
+      slot="end"
+      [attr.data-size]="control()?.size() ?? 'md'"
+      [attr.aria-label]="t().increaseLabel"
+      [attr.aria-controls]="control()?.id() ?? null"
+      [disabled]="control()?.locked() ?? true"
+      [attr.aria-disabled]="control()?.canIncrease() ? null : 'true'"
+      (click)="control()?.step(1)"
+    >
+      <vd-icon name="plus" />
+    </button>
+  `,
+			host: { class: "vd-input-group vd-number-input" },
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			encapsulation: ViewEncapsulation.None
+		}]
+	}],
+	propDecorators: {
+		decreaseLabel: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "decreaseLabel",
+				required: false
+			}]
+		}],
+		increaseLabel: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "increaseLabel",
+				required: false
+			}]
+		}],
+		control: [{
+			type: i0.ContentChild,
+			args: [i0.forwardRef(() => VdNumberInput), { isSignal: true }]
+		}]
+	}
+});
+const VD_NUMBER_INPUT = [VdNumberInputGroup, VdNumberInput];
+export { VD_NUMBER_INPUT, VdNumberInput, VdNumberInputGroup };
+
+//# sourceMappingURL=vadem-ui-number-input.mjs.map

package/fesm2022/vadem-ui-number-input.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"vadem-ui-number-input.mjs","names":[],"sources":["../../../projects/ui/number-input/src/core/number-input.ts","../../../projects/ui/number-input/src/number-input.ts"],"sourcesContent":["/** Probe native decimal alignment/bounds without mutating the real form field. */\nexport function vdNumberStepValue(input: HTMLInputElement, direction: -1 | 1): string | null {\n  if (input.type !== 'number' || input.disabled || input.readOnly || input.validity.badInput)\n    return null;\n  const probe = input.cloneNode() as HTMLInputElement;\n  probe.value = input.value;\n  try {\n    if (direction === 1) probe.stepUp();\n    else probe.stepDown();\n  } catch {\n    // Native stepping is unavailable for step=\"any\".\n    return null;\n  }\n  if (probe.value === input.value || !Number.isFinite(probe.valueAsNumber)) return null;\n  if (\n    Number.isFinite(input.valueAsNumber) &&\n    (probe.valueAsNumber - input.valueAsNumber) * direction <= 0\n  )\n    return null;\n  return probe.value;\n}\n","import {\n  ChangeDetectionStrategy,\n  Component,\n  Directive,\n  ElementRef,\n  ViewEncapsulation,\n  afterEveryRender,\n  computed,\n  contentChild,\n  inject,\n  input,\n  signal,\n} from '@angular/core';\nimport { VdIcon } from '@vadem/ui/icon';\nimport { VdInput } from '@vadem/ui/input';\nimport { vdNumberStepValue } from './core/number-input';\nimport { vdTexts } from '@vadem/ui/locale';\n\n/** Numeric native Input: the platform/forms accessor remains the source of value. */\n@Directive({\n  selector: 'input[type=number][vdNumberInput]',\n  exportAs: 'vdNumberInput',\n  host: { class: 'vd-number-input__input', '(input)': 'refresh()', '(change)': 'refresh()' },\n})\nexport class VdNumberInput extends VdInput {\n  private readonly el: HTMLInputElement = inject(ElementRef).nativeElement;\n  private readonly snapshot = signal<string | null>(null);\n  readonly locked = computed(() => {\n    this.snapshot();\n    return this.snapshot() === null || this.el.disabled || this.el.readOnly;\n  });\n  readonly canDecrease = computed(\n    () => this.snapshot() !== null && vdNumberStepValue(this.el, -1) !== null,\n  );\n  readonly canIncrease = computed(\n    () => this.snapshot() !== null && vdNumberStepValue(this.el, 1) !== null,\n  );\n\n  constructor() {\n    super();\n    // Browser-only. Equality of the serialized snapshot prevents render feedback loops.\n    afterEveryRender(() => this.refresh());\n  }\n\n  refresh(): void {\n    this.snapshot.set(\n      JSON.stringify([\n        this.el.type,\n        this.el.value,\n        this.el.getAttribute('value'),\n        this.el.min,\n        this.el.max,\n        this.el.step,\n        this.el.disabled,\n        this.el.readOnly,\n        this.el.validity.badInput,\n      ]),\n    );\n  }\n\n  step(direction: -1 | 1): void {\n    const value = vdNumberStepValue(this.el, direction);\n    if (value === null) return;\n    this.el.value = value;\n    this.refresh();\n    this.el.dispatchEvent(new Event('input', { bubbles: true }));\n    this.el.dispatchEvent(new Event('change', { bubbles: true }));\n  }\n}\n\n@Component({\n  selector: 'vd-number-input',\n  imports: [VdIcon],\n  template: `\n    <button\n      class=\"vd-button\"\n      data-icon-only\n      type=\"button\"\n      data-variant=\"ghost\"\n      slot=\"start\"\n      [attr.data-size]=\"control()?.size() ?? 'md'\"\n      [attr.aria-label]=\"t().decreaseLabel\"\n      [attr.aria-controls]=\"control()?.id() ?? null\"\n      [disabled]=\"control()?.locked() ?? true\"\n      [attr.aria-disabled]=\"control()?.canDecrease() ? null : 'true'\"\n      (click)=\"control()?.step(-1)\"\n    >\n      <vd-icon name=\"minus\" />\n    </button>\n    <ng-content select=\"input[vdNumberInput]\" />\n    <button\n      class=\"vd-button\"\n      data-icon-only\n      type=\"button\"\n      data-variant=\"ghost\"\n      slot=\"end\"\n      [attr.data-size]=\"control()?.size() ?? 'md'\"\n      [attr.aria-label]=\"t().increaseLabel\"\n      [attr.aria-controls]=\"control()?.id() ?? null\"\n      [disabled]=\"control()?.locked() ?? true\"\n      [attr.aria-disabled]=\"control()?.canIncrease() ? null : 'true'\"\n      (click)=\"control()?.step(1)\"\n    >\n      <vd-icon name=\"plus\" />\n    </button>\n  `,\n  host: { class: 'vd-input-group vd-number-input' },\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n})\nexport class VdNumberInputGroup {\n  readonly decreaseLabel = input<string>();\n  readonly increaseLabel = input<string>();\n  /** Text inputs resolved against the active VD_LOCALE. */\n  protected readonly t = vdTexts('numberInput', {\n    decreaseLabel: this.decreaseLabel,\n    increaseLabel: this.increaseLabel,\n  });\n  protected readonly control = contentChild(VdNumberInput);\n}\n\nexport const VD_NUMBER_INPUT = [VdNumberInputGroup, VdNumberInput] as const;\n"],"mappings":"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"}

package/fesm2022/vadem-ui-otp-input.mjs

@@ -0,0 +1,86 @@
+import * as i0 from "@angular/core";
+import { Directive, computed, input, numberAttribute } from "@angular/core";
+import { VdInput } from "@vadem/ui/input";
+var VdOtpInput = class VdOtpInput extends VdInput {
+	length = input(6, {
+		...ngDevMode ? { debugName: "length" } : /* istanbul ignore next */ {},
+		transform: numberAttribute
+	});
+	codeLength = computed(() => {
+		const length = this.length();
+		return Number.isFinite(length) ? Math.min(12, Math.max(1, Math.trunc(length))) : 6;
+	}, ...ngDevMode ? [{ debugName: "codeLength" }] : /* istanbul ignore next */ []);
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.1",
+		ngImport: i0,
+		type: VdOtpInput,
+		deps: null,
+		target: i0.ɵɵFactoryTarget.Directive
+	});
+	static ɵdir = i0.ɵɵngDeclareDirective({
+		minVersion: "17.1.0",
+		version: "22.2.1",
+		type: VdOtpInput,
+		isStandalone: true,
+		selector: "input[vdOtpInput]",
+		inputs: { length: {
+			classPropertyName: "length",
+			publicName: "length",
+			isSignal: true,
+			isRequired: false,
+			transformFunction: null
+		} },
+		host: {
+			attributes: {
+				"type": "text",
+				"inputmode": "numeric",
+				"autocomplete": "one-time-code",
+				"spellcheck": "false",
+				"dir": "ltr"
+			},
+			properties: {
+				"attr.maxlength": "codeLength()",
+				"attr.pattern": "\"[0-9]{\" + codeLength() + \"}\"",
+				"style.--vd-otp-input-length": "codeLength()"
+			},
+			classAttribute: "vd-otp-input"
+		},
+		usesInheritance: true,
+		ngImport: i0
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.1",
+	ngImport: i0,
+	type: VdOtpInput,
+	decorators: [{
+		type: Directive,
+		args: [{
+			selector: "input[vdOtpInput]",
+			host: {
+				class: "vd-otp-input",
+				type: "text",
+				inputmode: "numeric",
+				autocomplete: "one-time-code",
+				spellcheck: "false",
+				dir: "ltr",
+				"[attr.maxlength]": "codeLength()",
+				"[attr.pattern]": "\"[0-9]{\" + codeLength() + \"}\"",
+				"[style.--vd-otp-input-length]": "codeLength()"
+			}
+		}]
+	}],
+	propDecorators: { length: [{
+		type: i0.Input,
+		args: [{
+			isSignal: true,
+			alias: "length",
+			required: false
+		}]
+	}] }
+});
+export { VdOtpInput };
+
+//# sourceMappingURL=vadem-ui-otp-input.mjs.map

package/fesm2022/vadem-ui-otp-input.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"vadem-ui-otp-input.mjs","names":[],"sources":["../../../projects/ui/otp-input/src/otp-input.ts"],"sourcesContent":["import { computed, Directive, input, numberAttribute } from '@angular/core';\nimport { VdInput } from '@vadem/ui/input';\n\n/** One native code field: editing, clipboard, autofill and value accessors remain native. */\n@Directive({\n  selector: 'input[vdOtpInput]',\n  host: {\n    class: 'vd-otp-input',\n    type: 'text',\n    inputmode: 'numeric',\n    autocomplete: 'one-time-code',\n    spellcheck: 'false',\n    dir: 'ltr',\n    '[attr.maxlength]': 'codeLength()',\n    '[attr.pattern]': '\"[0-9]{\" + codeLength() + \"}\"',\n    '[style.--vd-otp-input-length]': 'codeLength()',\n  },\n})\nexport class VdOtpInput extends VdInput {\n  readonly length = input(6, { transform: numberAttribute });\n  protected readonly codeLength = computed(() => {\n    const length = this.length();\n    return Number.isFinite(length) ? Math.min(12, Math.max(1, Math.trunc(length))) : 6;\n  });\n}\n"],"mappings":";;;AAkBA,IAAa,aAAb,MAAa,mBAAmB,QAAO;CAC5B,SAAS,MAAM,GAAC;EAAA,GAAA,YAAA,EAAA,WAAA,SAAA,+BAAA,CAAA;EAAI,WAAW;CAAe,CAAA;CACpC,aAAa,eAAc;EAC5C,MAAM,SAAS,KAAK,OAAM;EAC1B,OAAO,OAAO,SAAS,MAAM,IAAI,KAAK,IAAI,IAAI,KAAK,IAAI,GAAG,KAAK,MAAM,MAAM,CAAC,CAAC,IAAI;CACnF,GAAE,GAAA,YAAA,CAAA,EAAA,WAAA,aAAA,CAAA,+BAAA,CAAA,CAAA;CALS,OAAA,OAAA,GAAA,mBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,UAAA;EAAA,MAAA;EAAU,MAAA;EAAA,QAAA,GAAA,gBAAA;CAAA,CAAA;CAAV,OAAA,OAAA,GAAA,qBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,MAAA;EAAU,cAAA;EAAA,UAAA;EAAA,QAAA,EAAA,QAAA;GAAA,mBAAA;GAAA,YAAA;GAAA,UAAA;GAAA,YAAA;GAAA,mBAAA;EAAA,EAAA;EAAA,MAAA;GAAA,YAAA;IAAA,QAAA;IAAA,aAAA;IAAA,gBAAA;IAAA,cAAA;IAAA,OAAA;GAAA;GAAA,YAAA;IAAA,kBAAA;IAAA,gBAAA;IAAA,+BAAA;GAAA;GAAA,gBAAA;EAAA;EAAA,iBAAA;EAAA,UAAA;CAAA,CAAA;;AAAV,GAAA,yBAAA;CAAA,YAAA;CAAA,SAAA;CAAA,UAAA;CAAA,MAAA;CAAU,YAAA,CAAA;EAdtB,MAAA;EAAU,MAAA,CAAA;GACT,UAAU;GACV,MAAM;IACJ,OAAO;IACP,MAAM;IACN,WAAW;IACX,cAAc;IACd,YAAY;IACZ,KAAK;IACL,oBAAoB;IACpB,kBAAkB;IAClB,iCAAiC;GAClC;EACF,CAAA"}