@diwacopilot/components 1.0.0

package/dist-custom-elements/diwa-multi-select.js.map

@@ -0,0 +1 @@
+{"file":"diwa-multi-select.js","mappings":"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","names":["DiwaMultiSelect"],"sources":["src/components/diwa-multi-select/diwa-multi-select-styles.ts","src/components/diwa-multi-select/diwa-multi-select.tsx"],"sourcesContent":["import { getFocusStyle, getReducedMotionStyle } from '../../utils/styles';\nimport type { MultiSelectState } from './types';\r\n\r\nexport const getComponentCss = (\r\n  isOpen: boolean,\r\n  _disabled: boolean,\r\n  _state: MultiSelectState,\r\n  _compact: boolean,\r\n  isUp: boolean = false,\r\n): string => `\r\n  /* ── Host ──────────────────────────────────────────────────────────── */\r\n\r\n  :host {\r\n    display: block;\r\n    position: relative;\r\n    width: 100%;\r\n    min-width: 0;\r\n    font-family: var(--diwa-font-family-base);\r\n    outline: none;\r\n  }\r\n\r\n  :host([hidden]) {\r\n    display: none;\r\n  }\r\n\r\n  /* ── Label ──────────────────────────────────────────────────────────── */\r\n\r\n  .label {\r\n    display: block;\r\n    margin-bottom: var(--diwa-space-1);\r\n    font-size: var(--diwa-font-size-sm);\r\n    font-weight: var(--diwa-font-weight-semibold);\r\n    color: var(--diwa-text-secondary);\r\n    line-height: var(--diwa-line-height-normal);\r\n    cursor: default;\r\n  }\r\n\r\n  :host([hide-label]) .label {\r\n    border: 0;\r\n    clip: rect(0, 0, 0, 0);\r\n    height: 1px;\r\n    margin: -1px;\r\n    overflow: hidden;\r\n    padding: 0;\r\n    position: absolute;\r\n    white-space: nowrap;\r\n    width: 1px;\r\n  }\r\n\r\n  .label__required {\r\n    color: var(--diwa-notification-error);\r\n    font-weight: var(--diwa-font-weight-semibold);\r\n    margin-left: var(--diwa-space-1);\r\n  }\r\n\r\n  /* ── Description ────────────────────────────────────────────────────── */\r\n\r\n  .description {\r\n    display: block;\r\n    margin-bottom: var(--diwa-space-2);\r\n    font-size: var(--diwa-font-size-sm);\r\n    color: var(--diwa-text-secondary);\r\n    line-height: var(--diwa-line-height-normal);\r\n  }\r\n\r\n  /* ── Trigger button ─────────────────────────────────────────────────── */\r\n\r\n  .trigger {\n    display: flex;\r\n    align-items: center;\r\n    width: 100%;\r\n    min-height: var(--diwa-input-height, var(--diwa-touch-target-min-size, 44px));\n    padding: 0 var(--diwa-space-3);\r\n    box-sizing: border-box;\r\n    gap: var(--diwa-space-2);\r\n\r\n    background: var(--diwa-input-bg, var(--diwa-bg-input));\r\n    border: var(--diwa-border-width-thin) solid var(--diwa-input-border);\r\n    border-radius: var(--diwa-input-radius, var(--diwa-radius-md));\r\n\r\n    font-size: var(--diwa-font-size-base);\r\n    font-weight: var(--diwa-font-weight-normal);\r\n    font-family: inherit;\r\n    color: var(--diwa-text-primary);\r\n    text-align: left;\r\n    line-height: 1;\r\n\r\n    cursor: pointer;\r\n    user-select: none;\r\n    -webkit-font-smoothing: antialiased;\r\n\r\n    transition: border-color var(--diwa-transition-fast), background var(--diwa-transition-fast);\r\n    appearance: none;\r\n    -webkit-appearance: none;\r\n  }\r\n\r\n  @media (hover: hover) and (pointer: fine) {\n    :host(:not([disabled])) .trigger:hover {\n      border-color: var(--diwa-border-hover);\n    }\n  }\n\r\n  ${isOpen && !isUp ? '.trigger { border-color: var(--diwa-border-focus); border-radius: var(--diwa-input-radius, var(--diwa-radius-md)) var(--diwa-input-radius, var(--diwa-radius-md)) 0 0; }' : ''}\r\n  ${isOpen && isUp ? '.trigger { border-color: var(--diwa-border-focus); border-radius: 0 0 var(--diwa-input-radius, var(--diwa-radius-md)) var(--diwa-input-radius, var(--diwa-radius-md)); }' : ''}\r\n\r\n  /* ── Focus ring on trigger itself (not when a shadow descendant is focused) ─ */\r\n\r\n  ${getFocusStyle('.trigger')}\n\r\n  /* ── Selected text ──────────────────────────────────────────────────── */\r\n\r\n  .trigger__value {\r\n    flex: 1;\r\n    min-width: 0;\r\n    overflow: hidden;\r\n    text-overflow: ellipsis;\r\n    white-space: nowrap;\r\n  }\r\n\r\n  .trigger__placeholder {\r\n    color: var(--diwa-text-secondary);\r\n  }\r\n\r\n  /* ── Reset button ───────────────────────────────────────────────────── */\r\n\r\n  .trigger__reset {\n    flex-shrink: 0;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    width: var(--diwa-touch-target-min-size, 44px);\n    height: var(--diwa-touch-target-min-size, 44px);\n    padding: 0;\r\n    border: none;\r\n    background: none;\r\n    color: var(--diwa-text-secondary);\r\n    cursor: pointer;\r\n    border-radius: var(--diwa-radius-sm);\r\n    line-height: 0;\r\n    font-size: var(--diwa-font-size-base);\r\n  }\n\n  @media (hover: hover) and (pointer: fine) {\n    .trigger__reset:hover {\n      color: var(--diwa-text-primary);\n    }\n  }\n\n  .trigger__reset:focus-visible {\n    outline: var(--diwa-focus-ring-width) solid var(--diwa-border-focus);\n    outline-offset: -2px;\n  }\n\n  .trigger__reset:focus:not(:focus-visible) {\n    outline: none;\n  }\n\r\n  /* ── Chevron icon ───────────────────────────────────────────────────── */\r\n\r\n  .trigger__chevron {\r\n    flex-shrink: 0;\r\n    width: var(--diwa-icon-size-md);\r\n    height: var(--diwa-icon-size-md);\r\n    color: var(--diwa-text-secondary);\r\n    transition: transform var(--diwa-transition-fast);\r\n    ${isOpen ? 'transform: rotate(180deg);' : ''}\r\n  }\r\n\r\n  .trigger__chevron svg {\r\n    display: block;\r\n    width: 100%;\r\n    height: 100%;\r\n  }\r\n\r\n  /* ── Dropdown panel ─────────────────────────────────────────────────── */\r\n\r\n  .dropdown {\r\n    position: absolute;\r\n    left: 0;\r\n    right: 0;\r\n    z-index: var(--diwa-z-dropdown);\r\n    background-color: var(--diwa-bg-elevated);\r\n    border: var(--diwa-border-width-thin) solid var(--diwa-border-focus);\r\n    border-top: none;\r\n    border-radius: 0 0 var(--diwa-input-radius, var(--diwa-radius-md)) var(--diwa-input-radius, var(--diwa-radius-md));\r\n    overflow: hidden;\r\n    box-shadow: var(--diwa-shadow-lg);\r\n    display: ${isOpen ? 'block' : 'none'};\r\n  }\r\n\r\n  .dropdown--up {\r\n    top: auto;\r\n    bottom: 100%;\r\n    border-top: var(--diwa-border-width-thin) solid var(--diwa-border-focus);\r\n    border-bottom: none;\r\n    border-radius: var(--diwa-input-radius, var(--diwa-radius-md)) var(--diwa-input-radius, var(--diwa-radius-md)) 0 0;\r\n    margin-bottom: -1px;\r\n  }\r\n\r\n  /* ── Filter input ───────────────────────────────────────────────────── */\r\n\r\n  .filter {\r\n    padding: var(--diwa-space-2) var(--diwa-space-2) var(--diwa-space-1);\r\n    border-bottom: var(--diwa-border-width-thin) solid var(--diwa-input-border);\r\n  }\r\n\r\n  .filter__input {\r\n    width: 100%;\r\n    box-sizing: border-box;\r\n    padding: var(--diwa-space-2) var(--diwa-space-3);\r\n    background: var(--diwa-input-bg, var(--diwa-bg-input));\r\n    border: var(--diwa-border-width-thin) solid var(--diwa-input-border);\r\n    border-radius: var(--diwa-radius-sm);\r\n    color: var(--diwa-text-primary);\r\n    font-size: var(--diwa-font-size-sm);\r\n    font-family: inherit;\r\n    outline: none;\r\n    transition: border-color var(--diwa-transition-fast);\r\n  }\r\n\r\n  .filter__input::placeholder {\n    color: var(--diwa-text-secondary);\n  }\n\n  .filter__input:focus-visible {\n    outline: var(--diwa-focus-ring-width) solid var(--diwa-border-focus);\n    outline-offset: var(--diwa-focus-ring-offset);\n  }\n\n  .filter__input:focus:not(:focus-visible) {\n    outline: none;\n  }\n\r\n  /* ── Options list ───────────────────────────────────────────────────── */\r\n\r\n  .options {\r\n    max-height: var(--diwa-select-dropdown-max-height);\r\n    overflow-y: auto;\r\n    padding: var(--diwa-space-1);\r\n  }\r\n\r\n  .options::-webkit-scrollbar {\r\n    width: var(--diwa-scrollbar-width);\r\n  }\r\n\r\n  .options::-webkit-scrollbar-track {\r\n    background: transparent;\r\n  }\r\n\r\n  .options::-webkit-scrollbar-thumb {\r\n    background-color: var(--diwa-border);\r\n    border-radius: var(--diwa-radius-sm);\r\n  }\r\n\r\n  /* ── Compact ────────────────────────────────────────────────────────── */\r\n\r\n  :host([compact]) .trigger {\n    min-height: var(--diwa-touch-target-min-size-compact, 32px);\n    font-size: var(--diwa-font-size-md);\n    padding: 0 var(--diwa-space-2);\n  }\n\r\n  /* ── States: error / success ────────────────────────────────────────── */\r\n\r\n  :host([state=\"error\"]) .trigger {\r\n    border-color: var(--diwa-notification-error);\r\n  }\r\n\r\n  :host([state=\"success\"]) .trigger {\r\n    border-color: var(--diwa-notification-success);\r\n  }\r\n\r\n  /* ── Message ────────────────────────────────────────────────────────── */\r\n\r\n  .message {\r\n    display: block;\r\n    margin-top: var(--diwa-space-1);\r\n    font-size: var(--diwa-font-size-sm);\r\n    line-height: var(--diwa-line-height-normal);\r\n    color: var(--diwa-text-secondary);\r\n  }\r\n\r\n  :host([state=\"error\"]) .message {\r\n    color: var(--diwa-notification-error);\r\n  }\r\n\r\n  :host([state=\"success\"]) .message {\r\n    color: var(--diwa-notification-success);\r\n  }\r\n\r\n  /* ── Disabled ───────────────────────────────────────────────────────── */\r\n\r\n  :host([disabled]) .trigger {\r\n    opacity: var(--diwa-opacity-disabled);\r\n    cursor: not-allowed;\r\n    pointer-events: none;\r\n  }\r\n\r\n  :host([disabled]) .label {\r\n    opacity: var(--diwa-opacity-disabled);\r\n  }\r\n\r\n  /* ── Reduced motion ─────────────────────────────────────────────────── */\r\n\r\n  ${getReducedMotionStyle('.trigger', '.trigger__chevron', '.filter__input')}\r\n`;\r\n\r\n\r\n","import {\r\n  Component,\r\n  Element,\r\n  Event,\r\n  type EventEmitter,\r\n  Host,\r\n  Listen,\r\n  Method,\r\n  Prop,\r\n  State,\r\n  Watch,\r\n  forceUpdate,\r\n  h,\r\n} from '@stencil/core';\r\nimport type {\r\n  MultiSelectChangeEventDetail,\r\n  MultiSelectDropdownDirection,\r\n  MultiSelectState,\r\n  MultiSelectTheme,\r\n  MultiSelectToggleEventDetail,\r\n} from './types';\r\nimport { getComponentCss } from './diwa-multi-select-styles';\r\n\r\n/** Module-level counter for unique IDs. */\r\nlet multiSelectIdCounter = 0;\r\n\r\n/**\r\n * @component diwa-multi-select\r\n *\r\n * A fully accessible multi-select dropdown with built-in text filter,\r\n * keyboard navigation, and form integration.\r\n *\r\n * Based on the Diwa multi-select API contract.\n *\r\n * Design token override API:\r\n *   --diwa-multi-select-height     Trigger button height (default 40px)\r\n *   --diwa-multi-select-height-sm  Trigger height when compact (default 32px)\r\n *\r\n * Usage:\r\n *   <diwa-multi-select name=\"fruits\" label=\"Fruits\">\r\n *     <diwa-multi-select-option value=\"apple\">Apple</diwa-multi-select-option>\r\n *     <diwa-multi-select-option value=\"banana\">Banana</diwa-multi-select-option>\r\n *   </diwa-multi-select>\r\n *\r\n * @slot default         — diwa-multi-select-option elements\r\n * @slot label           — Custom label content (overrides the label prop)\r\n * @slot description     — Custom description content\r\n * @slot message         — Custom message content\r\n * @slot selected        — Custom selected-value display in the trigger button\r\n * @slot filter          — Custom filter input; disables the built-in filter\r\n * @slot options-status  — Loading / no-results / error content for async patterns\r\n */\r\n@Component({\r\n  tag: 'diwa-multi-select',\r\n  shadow: { delegatesFocus: true },\r\n})\r\nexport class DiwaMultiSelect {\r\n  @Element() host!: HTMLElement;\r\n\r\n  // ──────────────────────────────────────────────────────────────\r\n  // Props\r\n  // ──────────────────────────────────────────────────────────────\r\n\r\n  /** Theme — cascades down to child options. */\r\n  @Prop({ reflect: true }) theme: MultiSelectTheme = 'dark';\r\n\r\n  /** Visible label text. */\r\n  @Prop() label?: string;\r\n\r\n  /** Optional description shown below the label. */\r\n  @Prop() description?: string;\r\n\r\n  /** HTML name attribute — identifies the field in form submissions. */\r\n  @Prop() name: string = '';\r\n\r\n  /** Currently selected values. Mutable — updated on user interaction. */\r\n  @Prop({ mutable: true }) value: string[] = [];\r\n\r\n  /** Validation state. */\r\n  @Prop({ reflect: true }) state: MultiSelectState = 'none';\r\n\r\n  /** Helper / validation message shown below the trigger. */\r\n  @Prop() message?: string;\r\n\r\n  /** Hides the label visually while keeping it accessible. */\r\n  @Prop({ reflect: true, attribute: 'hide-label' }) hideLabel: boolean = false;\r\n\r\n  /** Disables interaction. */\r\n  @Prop({ reflect: true }) disabled: boolean = false;\r\n\r\n  /** Marks the field as required. */\r\n  @Prop() required: boolean = false;\r\n\r\n  /** Compact variant — reduces the trigger height. */\r\n  @Prop({ reflect: true }) compact: boolean = false;\r\n\r\n  /**\r\n   * Preferred direction for the dropdown panel.\r\n   * `'auto'` detects viewport space and flips upward if needed.\r\n   */\r\n  @Prop() dropdownDirection: MultiSelectDropdownDirection = 'auto';\r\n\r\n  // ──────────────────────────────────────────────────────────────\r\n  // Events\r\n  // ──────────────────────────────────────────────────────────────\r\n\r\n  /** Emitted when the selection changes. */\r\n  @Event({ bubbles: true })\r\n  change!: EventEmitter<MultiSelectChangeEventDetail>;\r\n\r\n  /** Emitted when the dropdown opens or closes. */\r\n  @Event({ bubbles: false })\r\n  toggle!: EventEmitter<MultiSelectToggleEventDetail>;\r\n\r\n  /** Emitted when the component loses focus (dropdown closes via click-outside). */\r\n  @Event({ bubbles: false })\r\n  blur!: EventEmitter<void>;\r\n\r\n  // ──────────────────────────────────────────────────────────────\r\n  // Internal state\r\n  // ──────────────────────────────────────────────────────────────\r\n\r\n  @State() private isOpen: boolean = false;\r\n  @State() private filterText: string = '';\r\n  @State() private hasFilterResults: boolean = true;\r\n  @State() private dropdownClass: string = 'dropdown';\r\n\r\n  // ──────────────────────────────────────────────────────────────\r\n  // Private refs / tracking\r\n  // ──────────────────────────────────────────────────────────────\r\n\r\n  private internalId: string = `diwa-ms-${++multiSelectIdCounter}`;\r\n  private triggerEl!: HTMLDivElement;\r\n  private filterInputEl?: HTMLInputElement;\r\n  private options: HTMLDiwaMultiSelectOptionElement[] = [];\r\n  private highlightedIndex: number = -1;\r\n  private hasCustomFilterSlot: boolean = false;\r\n  private hasCustomSelectedSlot: boolean = false;\r\n\r\n  // ──────────────────────────────────────────────────────────────\r\n  // Watchers\r\n  // ──────────────────────────────────────────────────────────────\r\n\r\n  @Watch('theme')\r\n  onThemeChange(): void {\r\n    this.syncChildThemes();\r\n  }\r\n\r\n  @Watch('compact')\r\n  onCompactChange(): void {\r\n    this.syncChildCompact();\r\n  }\r\n\r\n  @Watch('value')\r\n  onValueChange(): void {\r\n    this.syncSelectionFromValue();\r\n  }\r\n\r\n  @Watch('isOpen')\r\n  onIsOpenChange(open: boolean): void {\r\n    this.toggle.emit({ open });\r\n    if (open) {\r\n      this.updateDropdownDirection();\r\n      // Move highlight to first selected option, or first option\r\n      this.highlightedIndex = this.getFirstHighlightIndex();\r\n      this.applyHighlight();\r\n      // Focus filter when opening\r\n      requestAnimationFrame(() => {\r\n        if (!this.hasCustomFilterSlot) {\r\n          this.filterInputEl?.focus();\r\n        }\r\n      });\r\n    } else {\r\n      this.clearHighlight();\r\n      this.highlightedIndex = -1;\r\n      if (!this.hasCustomFilterSlot) {\r\n        this.resetFilter();\r\n      }\r\n    }\r\n  }\r\n\r\n  // ──────────────────────────────────────────────────────────────\r\n  // Lifecycle\r\n  // ──────────────────────────────────────────────────────────────\r\n\r\n  connectedCallback(): void {\r\n    document.addEventListener('mousedown', this.onClickOutside, true);\r\n  }\r\n\r\n  disconnectedCallback(): void {\r\n    document.removeEventListener('mousedown', this.onClickOutside, true);\r\n  }\r\n\r\n  componentWillLoad(): void {\r\n    this.hasCustomFilterSlot = this.host.querySelector('[slot=\"filter\"]') !== null;\r\n    this.hasCustomSelectedSlot = this.host.querySelector('[slot=\"selected\"]') !== null;\r\n  }\r\n\r\n  componentDidLoad(): void {\r\n    this.collectOptions();\r\n    this.syncSelectionFromValue();\r\n    this.syncChildThemes();\r\n    this.syncChildCompact();\r\n  }\r\n\r\n  // ──────────────────────────────────────────────────────────────\r\n  // Public methods\r\n  // ──────────────────────────────────────────────────────────────\r\n\r\n  /** Programmatically opens the dropdown. */\r\n  @Method()\r\n  async open(): Promise<void> {\r\n    this.isOpen = true;\r\n  }\r\n\r\n  /** Programmatically closes the dropdown. */\r\n  @Method()\r\n  async close(): Promise<void> {\r\n    this.isOpen = false;\r\n  }\r\n\r\n  // ──────────────────────────────────────────────────────────────\r\n  // Event listeners\r\n  // ──────────────────────────────────────────────────────────────\r\n\r\n  @Listen('diwaMultiSelectOptionUpdate')\r\n  onOptionUpdate(e: CustomEvent<{ value: string; selected: boolean }>): void {\r\n    e.stopPropagation();\r\n    const { value, selected } = e.detail;\r\n    if (selected) {\r\n      if (!this.value.includes(value)) {\r\n        this.value = [...this.value, value];\r\n      }\r\n    } else {\r\n      this.value = this.value.filter((v) => v !== value);\r\n    }\r\n    this.syncSelectionFromValue();\r\n    this.change.emit({ name: this.name, value: this.value });\r\n    forceUpdate(this.host);\r\n  }\r\n\r\n  @Listen('slotchange')\r\n  onSlotChange(): void {\r\n    this.collectOptions();\r\n    this.syncSelectionFromValue();\r\n    this.syncChildThemes();\r\n    this.syncChildCompact();\r\n  }\r\n\r\n  // ──────────────────────────────────────────────────────────────\r\n  // Private helpers\r\n  // ──────────────────────────────────────────────────────────────\r\n\r\n  private collectOptions(): void {\r\n    this.options = Array.from(\r\n      this.host.querySelectorAll<HTMLDiwaMultiSelectOptionElement>('diwa-multi-select-option'),\r\n    );\r\n  }\r\n\r\n  private syncSelectionFromValue(): void {\r\n    const valueSet = new Set(this.value);\r\n    for (const opt of this.options) {\r\n      const shouldBeSelected = valueSet.has(opt.value);\r\n      if (opt.selected !== shouldBeSelected) {\r\n        opt.selected = shouldBeSelected;\r\n        forceUpdate(opt);\r\n      }\r\n    }\r\n  }\r\n\r\n  private syncChildThemes(): void {\r\n    for (const opt of this.options) {\r\n      if (opt.theme !== this.theme) {\r\n        opt.theme = this.theme;\r\n        forceUpdate(opt);\r\n      }\r\n    }\r\n  }\r\n\r\n  private syncChildCompact(): void {\r\n    for (const opt of this.options) {\r\n      if (opt.compact !== this.compact) {\r\n        opt.compact = this.compact;\r\n        forceUpdate(opt);\r\n      }\r\n    }\r\n  }\r\n\r\n  private getVisibleOptions(): HTMLDiwaMultiSelectOptionElement[] {\r\n    return this.options.filter((o) => !o.disabled && o.style.display !== 'none');\r\n  }\r\n\r\n  private getFirstHighlightIndex(): number {\r\n    const visible = this.getVisibleOptions();\r\n    const firstSelected = visible.findIndex((o) => o.selected);\r\n    return firstSelected >= 0 ? firstSelected : 0;\r\n  }\r\n\r\n  private applyHighlight(): void {\r\n    const visible = this.getVisibleOptions();\r\n    visible.forEach((opt, i) => {\r\n      opt.highlighted = i === this.highlightedIndex;\r\n    });\r\n  }\r\n\r\n  private clearHighlight(): void {\r\n    for (const opt of this.options) {\r\n      if (opt.highlighted) opt.highlighted = false;\r\n    }\r\n    this.highlightedIndex = -1;\r\n  }\r\n\r\n  private updateDropdownDirection(): void {\r\n    if (this.dropdownDirection !== 'auto') {\r\n      this.dropdownClass = this.dropdownDirection === 'up' ? 'dropdown dropdown--up' : 'dropdown';\r\n      return;\r\n    }\r\n    const rect = this.triggerEl.getBoundingClientRect();\r\n    const spaceBelow = window.innerHeight - rect.bottom;\r\n    this.dropdownClass = spaceBelow < 260 ? 'dropdown dropdown--up' : 'dropdown';\r\n  }\r\n\r\n  private resetFilter(): void {\r\n    this.filterText = '';\r\n    if (this.filterInputEl) this.filterInputEl.value = '';\r\n    this.hasFilterResults = true;\r\n    for (const opt of this.options) {\r\n      opt.style.display = '';\r\n    }\r\n  }\r\n\r\n  private onClickOutside = (e: MouseEvent): void => {\r\n    if (!this.isOpen) return;\r\n    const path = e.composedPath();\r\n    if (!path.includes(this.host)) {\r\n      this.isOpen = false;\r\n      this.blur.emit();\r\n    }\r\n  };\r\n\r\n  private onTriggerClick = (): void => {\r\n    if (this.disabled) return;\r\n    this.isOpen = !this.isOpen;\r\n  };\r\n\r\n  private onTriggerKeyDown = (e: KeyboardEvent): void => {\r\n    if (this.disabled) return;\r\n\r\n    if (!this.isOpen) {\r\n      if (e.key === 'ArrowDown' || e.key === 'ArrowUp' || e.key === 'Enter' || e.key === ' ') {\r\n        e.preventDefault();\r\n        this.isOpen = true;\r\n      }\r\n      return;\r\n    }\r\n\r\n    switch (e.key) {\r\n      case 'Escape':\r\n      case 'Tab': {\r\n        e.preventDefault();\r\n        this.isOpen = false;\r\n        this.triggerEl.focus();\r\n        break;\r\n      }\r\n      case 'ArrowDown': {\r\n        e.preventDefault();\r\n        const visible = this.getVisibleOptions();\r\n        this.highlightedIndex = Math.min(this.highlightedIndex + 1, visible.length - 1);\r\n        this.applyHighlight();\r\n        break;\r\n      }\r\n      case 'ArrowUp': {\r\n        e.preventDefault();\r\n        this.highlightedIndex = Math.max(this.highlightedIndex - 1, 0);\r\n        this.applyHighlight();\r\n        break;\r\n      }\r\n      case 'Home': {\r\n        e.preventDefault();\r\n        this.highlightedIndex = 0;\r\n        this.applyHighlight();\r\n        break;\r\n      }\r\n      case 'End': {\r\n        e.preventDefault();\r\n        const vis = this.getVisibleOptions();\r\n        this.highlightedIndex = vis.length - 1;\r\n        this.applyHighlight();\r\n        break;\r\n      }\r\n      case 'Enter':\r\n      case ' ': {\r\n        e.preventDefault();\r\n        const current = this.getVisibleOptions()[this.highlightedIndex];\r\n        if (current && !current.disabled) {\r\n          current.dispatchEvent(new MouseEvent('click', { bubbles: true, composed: true }));\r\n        }\r\n        break;\r\n      }\r\n    }\r\n  };\r\n\r\n  private onFilterInput = (e: Event): void => {\r\n    const term = (e.target as HTMLInputElement).value.toLowerCase();\r\n    this.filterText = term;\r\n\r\n    let anyVisible = false;\r\n    for (const opt of this.options) {\r\n      const text = (opt.textContent ?? '').toLowerCase();\r\n      const match = text.includes(term);\r\n      opt.style.display = match ? '' : 'none';\r\n      if (match) anyVisible = true;\r\n    }\r\n    this.hasFilterResults = anyVisible;\r\n    // Reset highlight to first visible\r\n    this.highlightedIndex = 0;\r\n    this.applyHighlight();\r\n  };\r\n\r\n  private onResetClick = (e: MouseEvent): void => {\r\n    e.stopPropagation();\r\n    this.value = [];\r\n    this.syncSelectionFromValue();\r\n    this.change.emit({ name: this.name, value: [] });\r\n    forceUpdate(this.host);\r\n    this.triggerEl.focus();\r\n  };\r\n\r\n  // ──────────────────────────────────────────────────────────────\r\n  // Computed display values\r\n  // ──────────────────────────────────────────────────────────────\r\n\r\n  private get selectedLabels(): string {\r\n    return this.options\r\n      .filter((o) => this.value.includes(o.value))\r\n      .map((o) => (o.textContent ?? '').trim())\r\n      .filter(Boolean)\r\n      .join(', ');\r\n  }\r\n\r\n  // ──────────────────────────────────────────────────────────────\r\n  // Render\r\n  // ──────────────────────────────────────────────────────────────\r\n\r\n  render() {\r\n    const labelId = `${this.internalId}-label`;\r\n    const listboxId = `${this.internalId}-listbox`;\r\n    const hintId = `${this.internalId}-hint`;\r\n    const hasMessage = !!this.message && this.state !== 'none';\r\n    const hasValue = this.value.length > 0;\r\n\r\n    return (\r\n      <Host data-theme={this.theme}>\r\n        <style innerHTML={getComponentCss(this.isOpen, this.disabled, this.state, this.compact, this.dropdownClass.includes('--up'))} />\r\n\r\n        {/* Label */}\r\n        {(this.label || this.host.querySelector('[slot=\"label\"]')) && (\r\n          <span class=\"label\" id={labelId} part=\"label\">\r\n            <slot name=\"label\">{this.label}</slot>\r\n            {this.required && <span class=\"label__required\" aria-hidden=\"true\">*</span>}\r\n          </span>\r\n        )}\r\n\r\n        {/* Description */}\r\n        {(this.description || this.host.querySelector('[slot=\"description\"]')) && (\r\n          <span class=\"description\" part=\"description\">\r\n            <slot name=\"description\">{this.description}</slot>\r\n          </span>\r\n        )}\r\n\r\n        {/* Trigger — combobox div; avoids nesting <button> inside <button> */}\r\n        <div\r\n          class=\"trigger\"\r\n          role=\"combobox\"\r\n          aria-haspopup=\"listbox\"\r\n          aria-expanded={this.isOpen ? 'true' : 'false'}\r\n          aria-controls={listboxId}\r\n          aria-labelledby={this.label ? labelId : undefined}\r\n          aria-required={this.required ? 'true' : undefined}\r\n          aria-invalid={this.state === 'error' ? 'true' : undefined}\r\n          aria-describedby={hasMessage ? hintId : undefined}\r\n          tabIndex={this.disabled ? -1 : 0}\r\n          onClick={this.onTriggerClick}\r\n          onKeyDown={this.onTriggerKeyDown}\r\n          ref={(el) => (this.triggerEl = el as HTMLDivElement)}\r\n          part=\"trigger\"\r\n        >\r\n          {/* Selected display */}\r\n          <span class={`trigger__value${!hasValue ? ' trigger__placeholder' : ''}`} part=\"value\">\r\n            {this.hasCustomSelectedSlot ? (\r\n              <slot name=\"selected\" />\r\n            ) : hasValue ? (\r\n              this.selectedLabels\r\n            ) : (\r\n              this.label || 'Select options'\r\n            )}\r\n          </span>\r\n\r\n          {/* Reset button */}\r\n          {hasValue && (\r\n            <button\r\n              class=\"trigger__reset\"\r\n              type=\"button\"\r\n              aria-label=\"Reset selection\"\r\n              onClick={this.onResetClick}\r\n              onKeyDown={(e: KeyboardEvent) => {\r\n                if (e.key === 'Tab') this.isOpen = false;\r\n              }}\r\n              part=\"reset\"\r\n            >\r\n              ✕\r\n            </button>\r\n          )}\r\n\r\n          {/* Chevron */}\r\n          <span class=\"trigger__chevron\" aria-hidden=\"true\" part=\"chevron\">\r\n            <svg viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n              <path d=\"M4 6L8 10L12 6\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\r\n            </svg>\r\n          </span>\r\n        </div>\r\n\r\n        {/* Dropdown */}\r\n        <div\r\n          class={this.dropdownClass}\r\n          role=\"dialog\"\r\n          aria-label={this.label}\r\n          aria-hidden={this.isOpen ? undefined : 'true'}\r\n          part=\"dropdown\"\r\n        >\r\n          {/* Filter */}\r\n          {this.hasCustomFilterSlot ? (\r\n            <div class=\"filter\">\r\n              <slot name=\"filter\" />\r\n            </div>\r\n          ) : (\r\n            <div class=\"filter\">\r\n              <input\r\n                class=\"filter__input\"\r\n                type=\"text\"\r\n                placeholder=\"Filter options…\"\r\n                aria-label=\"Filter options\"\r\n                autocomplete=\"off\"\r\n                value={this.filterText}\r\n                onInput={this.onFilterInput}\r\n                onKeyDown={this.onTriggerKeyDown}\r\n                ref={(el) => (this.filterInputEl = el as HTMLInputElement)}\r\n                part=\"filter-input\"\r\n              />\r\n            </div>\r\n          )}\r\n\r\n          {/* Options list */}\r\n          <div\r\n            class=\"options\"\r\n            id={listboxId}\r\n            role=\"listbox\"\r\n            aria-label={this.label}\r\n            aria-multiselectable=\"true\"\r\n            part=\"options\"\r\n          >\r\n            {!this.hasFilterResults && (\r\n              <div class=\"no-results\" role=\"alert\" aria-live=\"polite\">\r\n                No results found\r\n              </div>\r\n            )}\r\n            <slot name=\"options-status\" />\r\n            <slot onSlotchange={() => this.onSlotChange()} />\r\n          </div>\r\n        </div>\r\n\r\n        {/* Message */}\r\n        {hasMessage && (\r\n          <span id={hintId} class=\"message\" part=\"message\" aria-live={this.state === 'error' ? 'polite' : undefined}>\r\n            <slot name=\"message\">{this.message}</slot>\r\n          </span>\r\n        )}\r\n      </Host>\r\n    );\r\n  }\r\n}\r\n"],"version":3}

package/dist-custom-elements/diwa-pagination.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../dist/types/components";
+
+interface DiwaPagination extends Components.DiwaPagination, HTMLElement {}
+export const DiwaPagination: {
+    prototype: DiwaPagination;
+    new (): DiwaPagination;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist-custom-elements/diwa-pagination.js

@@ -0,0 +1,329 @@
+import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-5eacc7d0.js';
+import { g as getFocusStyle, a as getReducedMotionStyle } from './p-70bbb21a.js';
+
+const getComponentCss = () => `
+
+  /* ── Host ─────────────────────────────────────────────────────────── */
+
+  :host {
+    display: block;
+    font-family: var(--diwa-font-family-base);
+    outline: none;
+  }
+
+  :host([hidden]) {
+    display: none;
+  }
+
+  /* ── Nav wrapper ──────────────────────────────────────────────────── */
+
+  .nav {
+    display: flex;
+    justify-content: center;
+    user-select: none;
+  }
+
+  /* ── Item list ────────────────────────────────────────────────────── */
+
+  .list {
+    display: flex;
+    align-items: center;
+    gap: var(--diwa-space-1);
+    list-style: none;
+    margin: 0;
+    padding: 0;
+  }
+
+  /* Extra breathing room between prev/next and the page number group */
+  .list > li:first-child {
+    margin-inline-end: var(--diwa-space-2);
+  }
+
+  .list > li:last-child {
+    margin-inline-start: var(--diwa-space-2);
+  }
+
+  /* ── Shared button base ───────────────────────────────────────────── */
+
+  .btn {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: var(--diwa-pagination-item-size);
+    height: var(--diwa-pagination-item-size);
+    box-sizing: border-box;
+    padding: 0;
+    border: var(--diwa-border-width-medium) solid transparent;
+    border-radius: var(--diwa-radius-md);
+    background: transparent;
+    color: var(--diwa-text-primary);
+    font-size: var(--diwa-font-size-sm);
+    font-family: inherit;
+    font-weight: var(--diwa-font-weight-normal);
+    line-height: 1;
+    cursor: pointer;
+    transition: background-color var(--diwa-transition-fast),
+                border-color var(--diwa-transition-fast);
+  }
+
+  /* ── Hover ────────────────────────────────────────────────────────── */
+
+  .btn:hover:not(:disabled):not([aria-current]) {
+    background: var(--diwa-bg-hover);
+  }
+
+  /* ── Active page ──────────────────────────────────────────────────── */
+
+  /* Diwa brand treatment: bottom accent line instead of PDS border box */
+  .btn[aria-current="page"] {
+    border-bottom-color: var(--diwa-accent);
+    cursor: default;
+  }
+
+  /* ── Disabled (prev/next at boundaries) ──────────────────────────── */
+
+  .btn:disabled {
+    opacity: 0.38;
+    cursor: not-allowed;
+    pointer-events: none;
+  }
+
+  /* ── Ellipsis ─────────────────────────────────────────────────────── */
+
+  .ellipsis {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: var(--diwa-pagination-item-size);
+    height: var(--diwa-pagination-item-size);
+    color: var(--diwa-text-secondary);
+    font-size: var(--diwa-font-size-sm);
+    cursor: default;
+    user-select: none;
+  }
+
+  /* ── Focus ring ───────────────────────────────────────────────────── */
+
+  ${getFocusStyle('.btn')}
+
+  /* ── Reduced motion ───────────────────────────────────────────────── */
+
+  ${getReducedMotionStyle('.btn')}
+`;
+
+/**
+ * Universal pagination model generation algorithm.
+ *
+ * Ported from an upstream pagination algorithm:
+ *   packages/components/src/components/pagination/pagination-utils.ts
+ *   (which was itself adapted from ultimate-pagination)
+ *
+ * Kept: ItemType, PaginationItem, PaginationOptions, createRange,
+ *       createPaginationItems, getTotalPages, getCurrentActivePage.
+ * Dropped: deprecated allyLabel* types, maxNumberOfPageLinks.
+ */
+var ItemType;
+(function (ItemType) {
+    ItemType[ItemType["PAGE"] = 0] = "PAGE";
+    ItemType[ItemType["ELLIPSIS"] = 1] = "ELLIPSIS";
+    ItemType[ItemType["PREVIOUS"] = 2] = "PREVIOUS";
+    ItemType[ItemType["NEXT"] = 3] = "NEXT";
+})(ItemType || (ItemType = {}));
+// ── Internal helpers ────────────────────────────────────────────────────────
+const ellipsisItem = {
+    type: ItemType.ELLIPSIS,
+    isActive: false,
+};
+const createPreviousPageLink = (options) => {
+    const { activePage } = options;
+    return {
+        type: ItemType.PREVIOUS,
+        value: Math.max(1, activePage - 1),
+        isActive: activePage > 1,
+    };
+};
+const createNextPageLink = (options) => {
+    const { activePage, pageTotal } = options;
+    return {
+        type: ItemType.NEXT,
+        value: Math.min(pageTotal, activePage + 1),
+        isActive: activePage < pageTotal,
+    };
+};
+const createPageFunctionFactory = ({ activePage, }) => {
+    return (pageNumber) => ({
+        type: ItemType.PAGE,
+        value: pageNumber,
+        isActive: pageNumber === activePage,
+        isBeforeCurrent: pageNumber === activePage - 1,
+        isBeforeBeforeCurrent: pageNumber === activePage - 2,
+        isAfterCurrent: pageNumber === activePage + 1,
+        isAfterAfterCurrent: pageNumber === activePage + 2,
+    });
+};
+// ── Public API ──────────────────────────────────────────────────────────────
+const createRange = (start, end) => Array.from(new Array(end - start + 1), (_, i) => i + start);
+/**
+ * Builds the ordered list of pagination items (PREVIOUS, PAGE, ELLIPSIS, NEXT)
+ * for the given options. The caller is responsible for clamping `activePage`
+ * before passing it in — use `getCurrentActivePage()`.
+ */
+const createPaginationItems = (options) => {
+    const { pageTotal, activePage, showLastPage } = options;
+    const pageRange = 1;
+    const boundaryPagesRange = 1;
+    const ellipsisSize = 1;
+    const paginationItems = [createPreviousPageLink(options)];
+    const createPage = createPageFunctionFactory(options);
+    // All pages fit without ellipsis
+    if (1 + 2 * ellipsisSize + 2 * boundaryPagesRange >= pageTotal) {
+        const allPages = createRange(1, pageTotal).map(createPage);
+        paginationItems.push(...allPages);
+    }
+    else {
+        // First page
+        paginationItems.push(createPage(1));
+        // Middle group
+        const middlePagesStart = Math.min(Math.max(activePage - pageRange, 2 + ellipsisSize), pageTotal - ellipsisSize - 2 - (showLastPage ? 1 : 0));
+        const middlePagesEnd = middlePagesStart + 2;
+        const middlePages = createRange(middlePagesStart, middlePagesEnd).map(createPage);
+        // Ellipsis / page before middle group
+        const firstEllipsisPageNumber = middlePagesStart - 1;
+        const showPageInsteadOfFirstEllipsis = firstEllipsisPageNumber === 2;
+        const firstEllipsisOrPage = showPageInsteadOfFirstEllipsis
+            ? createPage(firstEllipsisPageNumber)
+            : ellipsisItem;
+        paginationItems.push(firstEllipsisOrPage);
+        paginationItems.push(...middlePages);
+        // Ellipsis / page after middle group
+        const lastEllipsisPageNumber = middlePagesEnd + 1;
+        const showPageInsteadOfLastEllipsis = lastEllipsisPageNumber === pageTotal - (showLastPage ? 1 : 0);
+        const lastEllipsisOrPage = showPageInsteadOfLastEllipsis
+            ? createPage(lastEllipsisPageNumber)
+            : ellipsisItem;
+        paginationItems.push(lastEllipsisOrPage);
+        if (showLastPage) {
+            paginationItems.push(createPage(pageTotal));
+        }
+    }
+    paginationItems.push(createNextPageLink(options));
+    return paginationItems;
+};
+/** Clamps activePage to a valid range [1, totalPages]. */
+const getCurrentActivePage = (activePage, totalPages) => {
+    return activePage < 1 ? 1 : activePage > totalPages ? totalPages : activePage;
+};
+/** Derives total page count, guarding against zero/negative inputs. */
+const getTotalPages = (totalItemsCount, itemsPerPage) => {
+    if (itemsPerPage < 1)
+        return 1;
+    const total = totalItemsCount < 1 ? 1 : totalItemsCount;
+    return Math.ceil(total / itemsPerPage);
+};
+
+const DiwaPagination$1 = /*@__PURE__*/ proxyCustomElement(class DiwaPagination extends H {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
+        this.update = createEvent(this, "update", 1);
+        // ──────────────────────────────────────────────────────────────
+        // Props
+        // ──────────────────────────────────────────────────────────────
+        /** Per-component theme override (`light` / `dark`). */
+        this.theme = 'dark';
+        /** Total number of items in the data set. */
+        this.totalItemsCount = 1;
+        /** Number of items shown per page. */
+        this.itemsPerPage = 1;
+        /**
+         * Index of the currently active page (1-based).
+         * Semi-controlled: mutates internally on click and emits `update`.
+         */
+        this.activePage = 1;
+        /** Show a direct link to the last page (in addition to the prev/next buttons). */
+        this.showLastPage = true;
+        /**
+         * Override the default aria-label wording for prev/next/page buttons and the nav element.
+         * Useful for localisation.
+         * Default: `{ root: 'Pagination', prev: 'Previous page', next: 'Next page', page: 'Page' }`
+         */
+        this.intl = {
+            root: 'Pagination',
+            prev: 'Previous page',
+            next: 'Next page',
+            page: 'Page',
+        };
+    }
+    // ──────────────────────────────────────────────────────────────
+    // Private helpers
+    // ──────────────────────────────────────────────────────────────
+    handleClick(page) {
+        if (page !== this.activePage) {
+            this.update.emit({ page, previousPage: this.activePage });
+            this.activePage = page;
+        }
+    }
+    // ──────────────────────────────────────────────────────────────
+    // Render
+    // ──────────────────────────────────────────────────────────────
+    render() {
+        var _a, _b, _c, _d, _e;
+        const pageTotal = getTotalPages(this.totalItemsCount, this.itemsPerPage);
+        const currentPage = getCurrentActivePage(this.activePage, pageTotal);
+        const items = createPaginationItems({
+            activePage: currentPage,
+            pageTotal,
+            showLastPage: this.showLastPage,
+        });
+        const intl = (_a = this.intl) !== null && _a !== void 0 ? _a : {};
+        const rootLabel = (_b = intl.root) !== null && _b !== void 0 ? _b : 'Pagination';
+        const prevLabel = (_c = intl.prev) !== null && _c !== void 0 ? _c : 'Previous page';
+        const nextLabel = (_d = intl.next) !== null && _d !== void 0 ? _d : 'Next page';
+        const pageLabel = (_e = intl.page) !== null && _e !== void 0 ? _e : 'Page';
+        return (h(Host, { key: '5ab4f9042518982631f8b0276acc3de703344ab7', "data-theme": this.theme }, h("style", { key: '83777127af3cd7fba90bcf359c0727ecb478019d', innerHTML: getComponentCss() }), h("nav", { key: '9ba68ea091b61589dd7ef2b9bda3fab01f841efd', "aria-label": rootLabel, class: "nav" }, h("ul", { key: '819b9d7b344ec50b2a15241278438e18bb20cdfb', class: "list" }, items.map((item, index) => {
+            const { type, isActive, value } = item;
+            if (type === ItemType.PREVIOUS) {
+                return (h("li", { key: "prev" }, h("button", { class: "btn", disabled: !isActive, "aria-label": prevLabel, onClick: () => isActive && this.handleClick(value) }, h("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round", "aria-hidden": "true" }, h("polyline", { points: "15 18 9 12 15 6" })))));
+            }
+            if (type === ItemType.NEXT) {
+                return (h("li", { key: "next" }, h("button", { class: "btn", disabled: !isActive, "aria-label": nextLabel, onClick: () => isActive && this.handleClick(value) }, h("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round", "aria-hidden": "true" }, h("polyline", { points: "9 18 15 12 9 6" })))));
+            }
+            if (type === ItemType.ELLIPSIS) {
+                return (h("li", { key: `ellipsis-${index}` }, h("span", { class: "ellipsis", "aria-hidden": "true" }, "\u2026")));
+            }
+            // ItemType.PAGE
+            return (h("li", { key: value }, h("button", { class: "btn", "aria-label": `${pageLabel} ${value}`, "aria-current": isActive ? 'page' : undefined, onClick: () => this.handleClick(value) }, value)));
+        })))));
+    }
+    static get delegatesFocus() { return true; }
+    get host() { return this; }
+}, [17, "diwa-pagination", {
+        "theme": [513],
+        "totalItemsCount": [2, "total-items-count"],
+        "itemsPerPage": [2, "items-per-page"],
+        "activePage": [1026, "active-page"],
+        "showLastPage": [4, "show-last-page"],
+        "intl": [16]
+    }]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["diwa-pagination"];
+    components.forEach(tagName => { switch (tagName) {
+        case "diwa-pagination":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, DiwaPagination$1);
+            }
+            break;
+    } });
+}
+defineCustomElement$1();
+
+const DiwaPagination = DiwaPagination$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { DiwaPagination, defineCustomElement };
+
+//# sourceMappingURL=diwa-pagination.js.map

package/dist-custom-elements/diwa-pagination.js.map

@@ -0,0 +1 @@
+{"file":"diwa-pagination.js","mappings":"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","names":["DiwaPagination"],"sources":["src/components/diwa-pagination/diwa-pagination-styles.ts","src/components/diwa-pagination/diwa-pagination-utils.ts","src/components/diwa-pagination/diwa-pagination.tsx"],"sourcesContent":["import { getFocusStyle, getReducedMotionStyle } from '../../utils/styles';\r\n\r\nexport const getComponentCss = (): string => `\r\n\r\n  /* ── Host ─────────────────────────────────────────────────────────── */\r\n\r\n  :host {\r\n    display: block;\r\n    font-family: var(--diwa-font-family-base);\r\n    outline: none;\r\n  }\r\n\r\n  :host([hidden]) {\r\n    display: none;\r\n  }\r\n\r\n  /* ── Nav wrapper ──────────────────────────────────────────────────── */\r\n\r\n  .nav {\r\n    display: flex;\r\n    justify-content: center;\r\n    user-select: none;\r\n  }\r\n\r\n  /* ── Item list ────────────────────────────────────────────────────── */\r\n\r\n  .list {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: var(--diwa-space-1);\r\n    list-style: none;\r\n    margin: 0;\r\n    padding: 0;\r\n  }\r\n\r\n  /* Extra breathing room between prev/next and the page number group */\r\n  .list > li:first-child {\r\n    margin-inline-end: var(--diwa-space-2);\r\n  }\r\n\r\n  .list > li:last-child {\r\n    margin-inline-start: var(--diwa-space-2);\r\n  }\r\n\r\n  /* ── Shared button base ───────────────────────────────────────────── */\r\n\r\n  .btn {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    width: var(--diwa-pagination-item-size);\r\n    height: var(--diwa-pagination-item-size);\r\n    box-sizing: border-box;\r\n    padding: 0;\r\n    border: var(--diwa-border-width-medium) solid transparent;\r\n    border-radius: var(--diwa-radius-md);\r\n    background: transparent;\r\n    color: var(--diwa-text-primary);\r\n    font-size: var(--diwa-font-size-sm);\r\n    font-family: inherit;\r\n    font-weight: var(--diwa-font-weight-normal);\r\n    line-height: 1;\r\n    cursor: pointer;\r\n    transition: background-color var(--diwa-transition-fast),\r\n                border-color var(--diwa-transition-fast);\r\n  }\r\n\r\n  /* ── Hover ────────────────────────────────────────────────────────── */\r\n\r\n  .btn:hover:not(:disabled):not([aria-current]) {\r\n    background: var(--diwa-bg-hover);\r\n  }\r\n\r\n  /* ── Active page ──────────────────────────────────────────────────── */\r\n\r\n  /* Diwa brand treatment: bottom accent line instead of PDS border box */\r\n  .btn[aria-current=\"page\"] {\r\n    border-bottom-color: var(--diwa-accent);\r\n    cursor: default;\r\n  }\r\n\r\n  /* ── Disabled (prev/next at boundaries) ──────────────────────────── */\r\n\r\n  .btn:disabled {\r\n    opacity: 0.38;\r\n    cursor: not-allowed;\r\n    pointer-events: none;\r\n  }\r\n\r\n  /* ── Ellipsis ─────────────────────────────────────────────────────── */\r\n\r\n  .ellipsis {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    width: var(--diwa-pagination-item-size);\r\n    height: var(--diwa-pagination-item-size);\r\n    color: var(--diwa-text-secondary);\r\n    font-size: var(--diwa-font-size-sm);\r\n    cursor: default;\r\n    user-select: none;\r\n  }\r\n\r\n  /* ── Focus ring ───────────────────────────────────────────────────── */\r\n\r\n  ${getFocusStyle('.btn')}\r\n\r\n  /* ── Reduced motion ───────────────────────────────────────────────── */\r\n\r\n  ${getReducedMotionStyle('.btn')}\r\n`;\r\n","/**\r\n * Universal pagination model generation algorithm.\r\n *\r\n * Ported from an upstream pagination algorithm:\n *   packages/components/src/components/pagination/pagination-utils.ts\r\n *   (which was itself adapted from ultimate-pagination)\r\n *\r\n * Kept: ItemType, PaginationItem, PaginationOptions, createRange,\r\n *       createPaginationItems, getTotalPages, getCurrentActivePage.\r\n * Dropped: deprecated allyLabel* types, maxNumberOfPageLinks.\r\n */\r\n\r\nexport type PaginationOptions = {\r\n  activePage: number;\r\n  pageTotal: number;\r\n  showLastPage: boolean;\r\n};\r\n\r\nexport type PaginationItem = {\r\n  /** Page number — relevant for clickable PAGE items; undefined for ELLIPSIS. */\r\n  value?: number;\r\n  /** True for the active page, and true for prev/next when they are actionable. */\r\n  isActive: boolean;\r\n  /** Positional flags used for responsive class names (future use). */\r\n  isBeforeCurrent?: boolean;\r\n  isBeforeBeforeCurrent?: boolean;\r\n  isAfterCurrent?: boolean;\r\n  isAfterAfterCurrent?: boolean;\r\n  type: ItemType;\r\n};\r\n\r\nexport enum ItemType {\r\n  PAGE = 0,\r\n  ELLIPSIS = 1,\r\n  PREVIOUS = 2,\r\n  NEXT = 3,\r\n}\r\n\r\n// ── Internal helpers ────────────────────────────────────────────────────────\r\n\r\nconst ellipsisItem: PaginationItem = {\r\n  type: ItemType.ELLIPSIS,\r\n  isActive: false,\r\n};\r\n\r\nconst createPreviousPageLink = (options: PaginationOptions): PaginationItem => {\r\n  const { activePage } = options;\r\n  return {\r\n    type: ItemType.PREVIOUS,\r\n    value: Math.max(1, activePage - 1),\r\n    isActive: activePage > 1,\r\n  };\r\n};\r\n\r\nconst createNextPageLink = (options: PaginationOptions): PaginationItem => {\r\n  const { activePage, pageTotal } = options;\r\n  return {\r\n    type: ItemType.NEXT,\r\n    value: Math.min(pageTotal, activePage + 1),\r\n    isActive: activePage < pageTotal,\r\n  };\r\n};\r\n\r\nconst createPageFunctionFactory = ({\r\n  activePage,\r\n}: PaginationOptions): ((pageNumber: number) => PaginationItem) => {\r\n  return (pageNumber): PaginationItem => ({\r\n    type: ItemType.PAGE,\r\n    value: pageNumber,\r\n    isActive: pageNumber === activePage,\r\n    isBeforeCurrent: pageNumber === activePage - 1,\r\n    isBeforeBeforeCurrent: pageNumber === activePage - 2,\r\n    isAfterCurrent: pageNumber === activePage + 1,\r\n    isAfterAfterCurrent: pageNumber === activePage + 2,\r\n  });\r\n};\r\n\r\n// ── Public API ──────────────────────────────────────────────────────────────\r\n\r\nexport const createRange = (start: number, end: number): number[] =>\r\n  Array.from(new Array(end - start + 1), (_, i) => i + start);\r\n\r\n/**\r\n * Builds the ordered list of pagination items (PREVIOUS, PAGE, ELLIPSIS, NEXT)\r\n * for the given options. The caller is responsible for clamping `activePage`\r\n * before passing it in — use `getCurrentActivePage()`.\r\n */\r\nexport const createPaginationItems = (options: PaginationOptions): PaginationItem[] => {\r\n  const { pageTotal, activePage, showLastPage } = options;\r\n\r\n  const pageRange = 1;\r\n  const boundaryPagesRange = 1;\r\n  const ellipsisSize = 1;\r\n  const paginationItems: PaginationItem[] = [createPreviousPageLink(options)];\r\n  const createPage = createPageFunctionFactory(options);\r\n\r\n  // All pages fit without ellipsis\r\n  if (1 + 2 * ellipsisSize + 2 * boundaryPagesRange >= pageTotal) {\r\n    const allPages = createRange(1, pageTotal).map(createPage);\r\n    paginationItems.push(...allPages);\r\n  } else {\r\n    // First page\r\n    paginationItems.push(createPage(1));\r\n\r\n    // Middle group\r\n    const middlePagesStart = Math.min(\r\n      Math.max(activePage - pageRange, 2 + ellipsisSize),\r\n      pageTotal - ellipsisSize - 2 - (showLastPage ? 1 : 0),\r\n    );\r\n    const middlePagesEnd = middlePagesStart + 2;\r\n    const middlePages = createRange(middlePagesStart, middlePagesEnd).map(createPage);\r\n\r\n    // Ellipsis / page before middle group\r\n    const firstEllipsisPageNumber = middlePagesStart - 1;\r\n    const showPageInsteadOfFirstEllipsis = firstEllipsisPageNumber === 2;\r\n    const firstEllipsisOrPage = showPageInsteadOfFirstEllipsis\r\n      ? createPage(firstEllipsisPageNumber)\r\n      : ellipsisItem;\r\n\r\n    paginationItems.push(firstEllipsisOrPage);\r\n\r\n    paginationItems.push(...middlePages);\r\n\r\n    // Ellipsis / page after middle group\r\n    const lastEllipsisPageNumber = middlePagesEnd + 1;\r\n    const showPageInsteadOfLastEllipsis =\r\n      lastEllipsisPageNumber === pageTotal - (showLastPage ? 1 : 0);\r\n    const lastEllipsisOrPage = showPageInsteadOfLastEllipsis\r\n      ? createPage(lastEllipsisPageNumber)\r\n      : ellipsisItem;\r\n    paginationItems.push(lastEllipsisOrPage);\r\n\r\n    if (showLastPage) {\r\n      paginationItems.push(createPage(pageTotal));\r\n    }\r\n  }\r\n\r\n  paginationItems.push(createNextPageLink(options));\r\n  return paginationItems;\r\n};\r\n\r\n/** Clamps activePage to a valid range [1, totalPages]. */\r\nexport const getCurrentActivePage = (activePage: number, totalPages: number): number => {\r\n  return activePage < 1 ? 1 : activePage > totalPages ? totalPages : activePage;\r\n};\r\n\r\n/** Derives total page count, guarding against zero/negative inputs. */\r\nexport const getTotalPages = (totalItemsCount: number, itemsPerPage: number): number => {\r\n  if (itemsPerPage < 1) return 1;\r\n  const total = totalItemsCount < 1 ? 1 : totalItemsCount;\r\n  return Math.ceil(total / itemsPerPage);\r\n};\r\n","import { Component, Element, Event, type EventEmitter, Host, Prop, h } from '@stencil/core';\r\nimport type { Theme } from '../../utils/styles';\r\nimport type { PaginationIntl, PaginationUpdateEventDetail } from './types';\r\nimport { getComponentCss } from './diwa-pagination-styles';\r\nimport {\r\n  createPaginationItems,\r\n  getCurrentActivePage,\r\n  getTotalPages,\r\n  ItemType,\r\n} from './diwa-pagination-utils';\r\n\r\n/**\r\n * @component diwa-pagination\r\n *\r\n * Splits a large data set across numbered pages with previous and next navigation.\r\n * Renders up to 7 page items (prev + pages/ellipsis + next) matching Diwa's\n * pagination visual and API contract.\n *\r\n * The active page is indicated with a bottom accent line (`--diwa-accent`) rather\r\n * than a border box, keeping Diwa's minimal aesthetic.\r\n *\r\n * Semi-controlled: `activePage` is mutable — it updates internally on click AND\r\n * emits an `update` event so the consumer can sync external state.\r\n *\r\n * Usage:\r\n *   <diwa-pagination total-items-count=\"500\" items-per-page=\"25\" active-page=\"1\"\r\n *     onupdate={e => setPage(e.detail.page)} />\r\n *\r\n * Source lineage:\n *   components/src/components/pagination/pagination.tsx\n */\r\n@Component({\r\n  tag: 'diwa-pagination',\r\n  shadow: { delegatesFocus: true },\r\n})\r\nexport class DiwaPagination {\r\n  @Element() host!: HTMLDiwaPaginationElement;\r\n\r\n  // ──────────────────────────────────────────────────────────────\r\n  // Props\r\n  // ──────────────────────────────────────────────────────────────\r\n\r\n  /** Per-component theme override (`light` / `dark`). */\r\n  @Prop({ reflect: true }) theme: Theme = 'dark';\r\n\r\n  /** Total number of items in the data set. */\r\n  @Prop() totalItemsCount: number = 1;\r\n\r\n  /** Number of items shown per page. */\r\n  @Prop() itemsPerPage: number = 1;\r\n\r\n  /**\r\n   * Index of the currently active page (1-based).\r\n   * Semi-controlled: mutates internally on click and emits `update`.\r\n   */\r\n  @Prop({ mutable: true }) activePage: number = 1;\r\n\r\n  /** Show a direct link to the last page (in addition to the prev/next buttons). */\r\n  @Prop() showLastPage: boolean = true;\r\n\r\n  /**\r\n   * Override the default aria-label wording for prev/next/page buttons and the nav element.\r\n   * Useful for localisation.\r\n   * Default: `{ root: 'Pagination', prev: 'Previous page', next: 'Next page', page: 'Page' }`\r\n   */\r\n  @Prop() intl: PaginationIntl = {\r\n    root: 'Pagination',\r\n    prev: 'Previous page',\r\n    next: 'Next page',\r\n    page: 'Page',\r\n  };\r\n\r\n  // ──────────────────────────────────────────────────────────────\r\n  // Events\r\n  // ──────────────────────────────────────────────────────────────\r\n\r\n  /**\r\n   * Emitted when the user navigates to a different page.\r\n   *\r\n   * React consumers: use the lowercase `onupdate` prop:\r\n   * ```jsx\r\n   * <diwa-pagination onupdate={e => setPage(e.detail.page)} />\r\n   * ```\r\n   */\r\n  @Event({ bubbles: false, composed: false })\r\n  update!: EventEmitter<PaginationUpdateEventDetail>;\r\n\r\n  // ──────────────────────────────────────────────────────────────\r\n  // Private helpers\r\n  // ──────────────────────────────────────────────────────────────\r\n\r\n  private handleClick(page: number): void {\r\n    if (page !== this.activePage) {\r\n      this.update.emit({ page, previousPage: this.activePage });\r\n      this.activePage = page;\r\n    }\r\n  }\r\n\r\n  // ──────────────────────────────────────────────────────────────\r\n  // Render\r\n  // ──────────────────────────────────────────────────────────────\r\n\r\n  render() {\r\n    const pageTotal = getTotalPages(this.totalItemsCount, this.itemsPerPage);\r\n    const currentPage = getCurrentActivePage(this.activePage, pageTotal);\r\n    const items = createPaginationItems({\r\n      activePage: currentPage,\r\n      pageTotal,\r\n      showLastPage: this.showLastPage,\r\n    });\r\n\r\n    const intl = this.intl ?? {};\r\n    const rootLabel = intl.root ?? 'Pagination';\r\n    const prevLabel = intl.prev ?? 'Previous page';\r\n    const nextLabel = intl.next ?? 'Next page';\r\n    const pageLabel = intl.page ?? 'Page';\r\n\r\n    return (\r\n      <Host data-theme={this.theme}>\r\n        <style innerHTML={getComponentCss()} />\r\n        <nav aria-label={rootLabel} class=\"nav\">\r\n          <ul class=\"list\">\r\n            {items.map((item, index) => {\r\n              const { type, isActive, value } = item;\r\n\r\n              if (type === ItemType.PREVIOUS) {\r\n                return (\r\n                  <li key=\"prev\">\r\n                    <button\r\n                      class=\"btn\"\r\n                      disabled={!isActive}\r\n                      aria-label={prevLabel}\r\n                      onClick={() => isActive && this.handleClick(value!)}\r\n                    >\r\n                      {/* Lucide ChevronLeft 16×16 */}\r\n                      <svg\r\n                        width=\"16\"\r\n                        height=\"16\"\r\n                        viewBox=\"0 0 24 24\"\r\n                        fill=\"none\"\r\n                        stroke=\"currentColor\"\r\n                        stroke-width=\"2\"\r\n                        stroke-linecap=\"round\"\r\n                        stroke-linejoin=\"round\"\r\n                        aria-hidden=\"true\"\r\n                      >\r\n                        <polyline points=\"15 18 9 12 15 6\" />\r\n                      </svg>\r\n                    </button>\r\n                  </li>\r\n                );\r\n              }\r\n\r\n              if (type === ItemType.NEXT) {\r\n                return (\r\n                  <li key=\"next\">\r\n                    <button\r\n                      class=\"btn\"\r\n                      disabled={!isActive}\r\n                      aria-label={nextLabel}\r\n                      onClick={() => isActive && this.handleClick(value!)}\r\n                    >\r\n                      {/* Lucide ChevronRight 16×16 */}\r\n                      <svg\r\n                        width=\"16\"\r\n                        height=\"16\"\r\n                        viewBox=\"0 0 24 24\"\r\n                        fill=\"none\"\r\n                        stroke=\"currentColor\"\r\n                        stroke-width=\"2\"\r\n                        stroke-linecap=\"round\"\r\n                        stroke-linejoin=\"round\"\r\n                        aria-hidden=\"true\"\r\n                      >\r\n                        <polyline points=\"9 18 15 12 9 6\" />\r\n                      </svg>\r\n                    </button>\r\n                  </li>\r\n                );\r\n              }\r\n\r\n              if (type === ItemType.ELLIPSIS) {\r\n                return (\r\n                  <li key={`ellipsis-${index}`}>\r\n                    <span class=\"ellipsis\" aria-hidden=\"true\">\r\n                      …\r\n                    </span>\r\n                  </li>\r\n                );\r\n              }\r\n\r\n              // ItemType.PAGE\r\n              return (\r\n                <li key={value}>\r\n                  <button\r\n                    class=\"btn\"\r\n                    aria-label={`${pageLabel} ${value}`}\r\n                    aria-current={isActive ? 'page' : undefined}\r\n                    onClick={() => this.handleClick(value!)}\r\n                  >\r\n                    {value}\r\n                  </button>\r\n                </li>\r\n              );\r\n            })}\r\n          </ul>\r\n        </nav>\r\n      </Host>\r\n    );\r\n  }\r\n}\r\n"],"version":3}

package/dist-custom-elements/diwa-pin-code.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../dist/types/components";
+
+interface DiwaPinCode extends Components.DiwaPinCode, HTMLElement {}
+export const DiwaPinCode: {
+    prototype: DiwaPinCode;
+    new (): DiwaPinCode;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;