@italia/globals 0.1.0-alpha.1 → 0.1.0-alpha.2

package/dist/src/base-component/base-component.d.ts

@@ -1,9 +1,10 @@
+import clsx from 'clsx';
 import { LitElement } from 'lit';
 import { Constructor } from '../index.js';
 import { Logger } from '../utils/logger.js';
 export interface BaseComponentInterface {
     addFocus(element: HTMLElement): void;
-    composeClass(...classes: any): string;
+    composeClass: typeof clsx;
 }
 export type BaseComponentType = typeof LitElement & Constructor<BaseComponentInterface>;
 /**
@@ -12,19 +13,19 @@ export type BaseComponentType = typeof LitElement & Constructor<BaseComponentInt
  */
 export declare class BaseComponent extends LitElement {
     protected logger: Logger;
-    protected _ariaAttributes: Record<string, string>;
+    protected composeClass: typeof clsx;
     protected _id?: string;
     constructor();
+    protected get _ariaAttributes(): Record<string, string>;
     generateId(prefix: string): string;
     addFocus(element: HTMLElement): void;
-    composeClass(...classes: any): string;
-    getAriaAttributes(): void;
+    protected getActiveElement<T extends HTMLElement>(): T | null;
+    get focusElement(): HTMLElement | null;
+    protected get prefersReducedMotion(): boolean;
     connectedCallback(): void;
 }
 export declare const BaseLocalizedComponent: (new (...args: any[]) => {
     localize: import("@italia/i18n").LocalizeController;
-    dir: string;
-    lang: string;
     readonly $localize: import("@italia/i18n").LocalizeController<import("@italia/i18n").DefaultTranslation>;
     $t(t: string): string;
     $d(d: Date | string, p: Intl.DateTimeFormatOptions): string;
@@ -36,10 +37,12 @@ export declare const BaseLocalizedComponent: (new (...args: any[]) => {
     accessKey: string;
     readonly accessKeyLabel: string;
     autocapitalize: string;
+    dir: string;
     draggable: boolean;
     hidden: boolean;
     inert: boolean;
     innerText: string;
+    lang: string;
     readonly offsetHeight: number;
     readonly offsetLeft: number;
     readonly offsetParent: Element | null;

package/dist/src/base-component/base-component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"base-component.d.ts","sourceRoot":"","sources":["../../../src/base-component/base-component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAEjC,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAC1C,OAAO,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAC;AAI5C,MAAM,WAAW,sBAAsB;IACrC,QAAQ,CAAC,OAAO,EAAE,WAAW,GAAG,IAAI,CAAC;IACrC,YAAY,CAAC,GAAG,OAAO,EAAE,GAAG,GAAG,MAAM,CAAC;CACvC;AAED,MAAM,MAAM,iBAAiB,GAAG,OAAO,UAAU,GAAG,WAAW,CAAC,sBAAsB,CAAC,CAAC;AAExF;;;GAGG;AAEH,qBAAa,aAAc,SAAQ,UAAU;IAC3C,SAAS,CAAC,MAAM,EAAE,MAAM,CAAC;IAEzB,SAAS,CAAC,eAAe,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAM;IAEvD,SAAS,CAAC,GAAG,CAAC,EAAE,MAAM,CAAC;;IAQvB,UAAU,CAAC,MAAM,EAAE,MAAM;IAKzB,QAAQ,CAAC,OAAO,EAAE,WAAW;IAK7B,YAAY,CAAC,GAAG,OAAO,EAAE,GAAG;IAU5B,iBAAiB;IAQjB,iBAAiB;CASlB;AAED,eAAO,MAAM,sBAAsB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;yBAC4wF,CAAC;4IAAqK,CAAC;wFAAwI,CAAC;+IAA+L,CAAC;2FAAwI,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2BAA8nC,CAAC;;;;;;;;;;;;;;;;;;;;;;;mBAA0jE,CAAC;;;;;;;;;;;;;6BAA4xB,CAAC;8BAAuE,CAAC;kBAA4D,CAAC;;oBAA8F,CAAC;;sBAAkG,CAAC;oBAAkE,CAAC;;;;;;;;gDAAme,CAAC;;;;;;;;;;;;;;;;qBAA8sB,CAAC;;;uBAAkJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4EAA+jG,CAAC;yBAA8E,CAAC;UAAoD,GAAG;WAAgD,GAAG;;gBAA6E,GAAG;;;;;;;WAA4V,GAAG;YAAiD,GAAG;;;;;;;;;;;oBAAupC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBAA42N,CAAC;cAA6F,CAAC;eAA8F,CAAC;gBAA+F,CAAC;;;;;;;;;;;;;;SAAulC,CAAC;;;iBAA+E,CAAC;yBADrrsB,CAAC"}
+{"version":3,"file":"base-component.d.ts","sourceRoot":"","sources":["../../../src/base-component/base-component.ts"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAEjC,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAC1C,OAAO,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAC;AAI5C,MAAM,WAAW,sBAAsB;IACrC,QAAQ,CAAC,OAAO,EAAE,WAAW,GAAG,IAAI,CAAC;IACrC,YAAY,EAAE,OAAO,IAAI,CAAC;CAC3B;AAED,MAAM,MAAM,iBAAiB,GAAG,OAAO,UAAU,GAAG,WAAW,CAAC,sBAAsB,CAAC,CAAC;AAExF;;;GAGG;AAEH,qBAAa,aAAc,SAAQ,UAAU;IAC3C,SAAS,CAAC,MAAM,EAAE,MAAM,CAAC;IAEzB,SAAS,CAAC,YAAY,cAAQ;IAE9B,SAAS,CAAC,GAAG,CAAC,EAAE,MAAM,CAAC;;IAOvB,SAAS,KAAK,eAAe,IAAI,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAUtD;IAGD,UAAU,CAAC,MAAM,EAAE,MAAM;IAKzB,QAAQ,CAAC,OAAO,EAAE,WAAW;IAK7B,SAAS,CAAC,gBAAgB,CAAC,CAAC,SAAS,WAAW,KAAK,CAAC,GAAG,IAAI;IAQ7D,IAAI,YAAY,IAAI,WAAW,GAAG,IAAI,CAErC;IAGD,SAAS,KAAK,oBAAoB,IAAI,OAAO,CAE5C;IAED,iBAAiB;CAOlB;AAED,eAAO,MAAM,sBAAsB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;yBACs4E,CAAC;4IAAqK,CAAC;wFAAwI,CAAC;+IAA+L,CAAC;2FAAwI,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2BAA8nC,CAAC;;;;;;;;;;;;;;;;;;;;;;;mBAA0jE,CAAC;;;;;;;;;;;;;6BAA4xB,CAAC;8BAAuE,CAAC;kBAA4D,CAAC;;oBAA8F,CAAC;;sBAAkG,CAAC;oBAAkE,CAAC;;;;;;;;gDAAme,CAAC;;;;;;;;;;;;;;;;qBAA8sB,CAAC;;;uBAAkJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4EAA+jG,CAAC;yBAA8E,CAAC;UAAoD,GAAG;WAAgD,GAAG;;gBAA6E,GAAG;;;;;;;WAA4V,GAAG;YAAiD,GAAG;;;;;;;;;;;oBAAupC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBAA42N,CAAC;cAA6F,CAAC;eAA8F,CAAC;gBAA+F,CAAC;;;;;;;;;;;;;;SAAulC,CAAC;;;iBAA+E,CAAC;yBAD/yrB,CAAC"}

package/dist/src/base-component/base-component.js

@@ -1,3 +1,4 @@
+import clsx from 'clsx';
 import { LitElement } from 'lit';
 import { LocalizeMixin } from '@italia/i18n';
 import { Logger } from '../utils/logger.js';
@@ -8,9 +9,21 @@ import { Logger } from '../utils/logger.js';
 export class BaseComponent extends LitElement {
     constructor() {
         super();
-        this._ariaAttributes = {}; // tutti gli attributi aria-* passati al Web component
+        this.composeClass = clsx;
         this.logger = new Logger(this.tagName.toLowerCase());
     }
+    get _ariaAttributes() {
+        const attributes = {};
+        for (const attr of this.getAttributeNames()) {
+            if (attr === 'it-role') {
+                attributes.role = this.getAttribute(attr);
+            }
+            else if (attr.startsWith('it-aria-')) {
+                attributes[attr.replace(/^it-/, '')] = this.getAttribute(attr);
+            }
+        }
+        return attributes;
+    }
     // eslint-disable-next-line class-methods-use-this
     generateId(prefix) {
         return `${prefix}-${Math.random().toString(36).slice(2)}`;
@@ -20,25 +33,22 @@ export class BaseComponent extends LitElement {
         // new TrackFocus(element); // per il momento è stato disattivato perchè ci sono le pseudo classi ::focus-visible per fare quello che fa TrackFocus. Si possono aggiungere regole css in bsi-italia 3 dato che stiamo facendo una breaking release di bsi.
     }
     // eslint-disable-next-line class-methods-use-this
-    composeClass(...classes) {
-        let composedClass = '';
-        classes
-            .filter((c) => c.length > 0)
-            .forEach((newClass) => {
-            composedClass += ` ${newClass}`;
-        });
-        return composedClass.trim();
-    }
-    getAriaAttributes() {
-        for (const attr of this.getAttributeNames()) {
-            if (attr.startsWith('aria-')) {
-                this._ariaAttributes[attr] = this.getAttribute(attr);
-            }
+    getActiveElement() {
+        let active = document.activeElement;
+        while (active && active.shadowRoot && active.shadowRoot.activeElement) {
+            active = active.shadowRoot.activeElement;
         }
+        return active;
+    }
+    get focusElement() {
+        return this;
+    }
+    // eslint-disable-next-line class-methods-use-this
+    get prefersReducedMotion() {
+        return window.matchMedia('(prefers-reduced-motion: reduce)').matches;
     }
     connectedCallback() {
-        super.connectedCallback?.();
-        this.getAriaAttributes();
+        super.connectedCallback();
         // generate internal _id
         const prefix = this.id?.length > 0 ? this.id : this.tagName.toLowerCase();
         this._id = this.generateId(prefix);

package/dist/src/base-component/base-component.js.map

@@ -1 +1 @@
-{"version":3,"file":"base-component.js","sourceRoot":"","sources":["../../../src/base-component/base-component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACjC,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAE7C,OAAO,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAC;AAW5C;;;GAGG;AAEH,MAAM,OAAO,aAAc,SAAQ,UAAU;IAO3C;QACE,KAAK,EAAE,CAAC;QALA,oBAAe,GAA2B,EAAE,CAAC,CAAC,sDAAsD;QAM5G,IAAI,CAAC,MAAM,GAAG,IAAI,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,WAAW,EAAE,CAAC,CAAC;IACvD,CAAC;IAED,kDAAkD;IAClD,UAAU,CAAC,MAAc;QACvB,OAAO,GAAG,MAAM,IAAI,IAAI,CAAC,MAAM,EAAE,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC;IAC5D,CAAC;IAED,qFAAqF;IACrF,QAAQ,CAAC,OAAoB;QAC3B,0PAA0P;IAC5P,CAAC;IAED,kDAAkD;IAClD,YAAY,CAAC,GAAG,OAAY;QAC1B,IAAI,aAAa,GAAG,EAAE,CAAC;QACvB,OAAO;aACJ,MAAM,CAAC,CAAC,CAAS,EAAE,EAAE,CAAC,CAAC,CAAC,MAAM,GAAG,CAAC,CAAC;aACnC,OAAO,CAAC,CAAC,QAAgB,EAAE,EAAE;YAC5B,aAAa,IAAI,IAAI,QAAQ,EAAE,CAAC;QAClC,CAAC,CAAC,CAAC;QACL,OAAO,aAAa,CAAC,IAAI,EAAE,CAAC;IAC9B,CAAC;IAED,iBAAiB;QACf,KAAK,MAAM,IAAI,IAAI,IAAI,CAAC,iBAAiB,EAAE,EAAE,CAAC;YAC5C,IAAI,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC,EAAE,CAAC;gBAC7B,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC,YAAY,CAAC,IAAI,CAAE,CAAC;YACxD,CAAC;QACH,CAAC;IACH,CAAC;IAED,iBAAiB;QACf,KAAK,CAAC,iBAAiB,EAAE,EAAE,CAAC;QAE5B,IAAI,CAAC,iBAAiB,EAAE,CAAC;QAEzB,wBAAwB;QACxB,MAAM,MAAM,GAAG,IAAI,CAAC,EAAE,EAAE,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,WAAW,EAAE,CAAC;QAC1E,IAAI,CAAC,GAAG,GAAG,IAAI,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC;IACrC,CAAC;CACF;AAED,MAAM,CAAC,MAAM,sBAAsB,GAAG,aAAa,CAAC,aAAa,CAAC,CAAC","sourcesContent":["import { LitElement } from 'lit';\nimport { LocalizeMixin } from '@italia/i18n';\nimport { Constructor } from '../index.js';\nimport { Logger } from '../utils/logger.js';\n\n// import TrackFocus from '../utils/track-focus.js';\n\nexport interface BaseComponentInterface {\n  addFocus(element: HTMLElement): void;\n  composeClass(...classes: any): string;\n}\n\nexport type BaseComponentType = typeof LitElement & Constructor<BaseComponentInterface>;\n\n/**\n * Factory function per creare una base class estendibile\n * con stili personalizzati.\n */\n\nexport class BaseComponent extends LitElement {\n  protected logger: Logger;\n\n  protected _ariaAttributes: Record<string, string> = {}; // tutti gli attributi aria-* passati al Web component\n\n  protected _id?: string; // id interno del componente, da usare sui veri elementi HTML\n\n  constructor() {\n    super();\n    this.logger = new Logger(this.tagName.toLowerCase());\n  }\n\n  // eslint-disable-next-line class-methods-use-this\n  generateId(prefix: string) {\n    return `${prefix}-${Math.random().toString(36).slice(2)}`;\n  }\n\n  // eslint-disable-next-line class-methods-use-this, @typescript-eslint/no-unused-vars\n  addFocus(element: HTMLElement) {\n    // new TrackFocus(element); // per il momento è stato disattivato perchè ci sono le pseudo classi ::focus-visible per fare quello che fa TrackFocus. Si possono aggiungere regole css in bsi-italia 3 dato che stiamo facendo una breaking release di bsi.\n  }\n\n  // eslint-disable-next-line class-methods-use-this\n  composeClass(...classes: any) {\n    let composedClass = '';\n    classes\n      .filter((c: string) => c.length > 0)\n      .forEach((newClass: string) => {\n        composedClass += ` ${newClass}`;\n      });\n    return composedClass.trim();\n  }\n\n  getAriaAttributes() {\n    for (const attr of this.getAttributeNames()) {\n      if (attr.startsWith('aria-')) {\n        this._ariaAttributes[attr] = this.getAttribute(attr)!;\n      }\n    }\n  }\n\n  connectedCallback() {\n    super.connectedCallback?.();\n\n    this.getAriaAttributes();\n\n    // generate internal _id\n    const prefix = this.id?.length > 0 ? this.id : this.tagName.toLowerCase();\n    this._id = this.generateId(prefix);\n  }\n}\n\nexport const BaseLocalizedComponent = LocalizeMixin(BaseComponent);\n"]}
+{"version":3,"file":"base-component.js","sourceRoot":"","sources":["../../../src/base-component/base-component.ts"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACjC,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAE7C,OAAO,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAC;AAW5C;;;GAGG;AAEH,MAAM,OAAO,aAAc,SAAQ,UAAU;IAO3C;QACE,KAAK,EAAE,CAAC;QALA,iBAAY,GAAG,IAAI,CAAC;QAM5B,IAAI,CAAC,MAAM,GAAG,IAAI,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,WAAW,EAAE,CAAC,CAAC;IACvD,CAAC;IAED,IAAc,eAAe;QAC3B,MAAM,UAAU,GAA2B,EAAE,CAAC;QAC9C,KAAK,MAAM,IAAI,IAAI,IAAI,CAAC,iBAAiB,EAAE,EAAE,CAAC;YAC5C,IAAI,IAAI,KAAK,SAAS,EAAE,CAAC;gBACvB,UAAU,CAAC,IAAI,GAAG,IAAI,CAAC,YAAY,CAAC,IAAI,CAAE,CAAC;YAC7C,CAAC;iBAAM,IAAI,IAAI,CAAC,UAAU,CAAC,UAAU,CAAC,EAAE,CAAC;gBACvC,UAAU,CAAC,IAAI,CAAC,OAAO,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC,GAAG,IAAI,CAAC,YAAY,CAAC,IAAI,CAAE,CAAC;YAClE,CAAC;QACH,CAAC;QACD,OAAO,UAAU,CAAC;IACpB,CAAC;IAED,kDAAkD;IAClD,UAAU,CAAC,MAAc;QACvB,OAAO,GAAG,MAAM,IAAI,IAAI,CAAC,MAAM,EAAE,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC;IAC5D,CAAC;IAED,qFAAqF;IACrF,QAAQ,CAAC,OAAoB;QAC3B,0PAA0P;IAC5P,CAAC;IAED,kDAAkD;IACxC,gBAAgB;QACxB,IAAI,MAAM,GAAG,QAAQ,CAAC,aAAa,CAAC;QACpC,OAAO,MAAM,IAAI,MAAM,CAAC,UAAU,IAAI,MAAM,CAAC,UAAU,CAAC,aAAa,EAAE,CAAC;YACtE,MAAM,GAAG,MAAM,CAAC,UAAU,CAAC,aAAa,CAAC;QAC3C,CAAC;QACD,OAAO,MAAkB,CAAC;IAC5B,CAAC;IAED,IAAI,YAAY;QACd,OAAO,IAAI,CAAC;IACd,CAAC;IAED,kDAAkD;IAClD,IAAc,oBAAoB;QAChC,OAAO,MAAM,CAAC,UAAU,CAAC,kCAAkC,CAAC,CAAC,OAAO,CAAC;IACvE,CAAC;IAED,iBAAiB;QACf,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAE1B,wBAAwB;QACxB,MAAM,MAAM,GAAG,IAAI,CAAC,EAAE,EAAE,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,WAAW,EAAE,CAAC;QAC1E,IAAI,CAAC,GAAG,GAAG,IAAI,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC;IACrC,CAAC;CACF;AAED,MAAM,CAAC,MAAM,sBAAsB,GAAG,aAAa,CAAC,aAAa,CAAC,CAAC","sourcesContent":["import clsx from 'clsx';\nimport { LitElement } from 'lit';\nimport { LocalizeMixin } from '@italia/i18n';\nimport { Constructor } from '../index.js';\nimport { Logger } from '../utils/logger.js';\n\n// import TrackFocus from '../utils/track-focus.js';\n\nexport interface BaseComponentInterface {\n  addFocus(element: HTMLElement): void;\n  composeClass: typeof clsx;\n}\n\nexport type BaseComponentType = typeof LitElement & Constructor<BaseComponentInterface>;\n\n/**\n * Factory function per creare una base class estendibile\n * con stili personalizzati.\n */\n\nexport class BaseComponent extends LitElement {\n  protected logger: Logger;\n\n  protected composeClass = clsx;\n\n  protected _id?: string; // id interno del componente, da usare sui veri elementi HTML\n\n  constructor() {\n    super();\n    this.logger = new Logger(this.tagName.toLowerCase());\n  }\n\n  protected get _ariaAttributes(): Record<string, string> {\n    const attributes: Record<string, string> = {};\n    for (const attr of this.getAttributeNames()) {\n      if (attr === 'it-role') {\n        attributes.role = this.getAttribute(attr)!;\n      } else if (attr.startsWith('it-aria-')) {\n        attributes[attr.replace(/^it-/, '')] = this.getAttribute(attr)!;\n      }\n    }\n    return attributes;\n  }\n\n  // eslint-disable-next-line class-methods-use-this\n  generateId(prefix: string) {\n    return `${prefix}-${Math.random().toString(36).slice(2)}`;\n  }\n\n  // eslint-disable-next-line class-methods-use-this, @typescript-eslint/no-unused-vars\n  addFocus(element: HTMLElement) {\n    // new TrackFocus(element); // per il momento è stato disattivato perchè ci sono le pseudo classi ::focus-visible per fare quello che fa TrackFocus. Si possono aggiungere regole css in bsi-italia 3 dato che stiamo facendo una breaking release di bsi.\n  }\n\n  // eslint-disable-next-line class-methods-use-this\n  protected getActiveElement<T extends HTMLElement>(): T | null {\n    let active = document.activeElement;\n    while (active && active.shadowRoot && active.shadowRoot.activeElement) {\n      active = active.shadowRoot.activeElement;\n    }\n    return active as T | null;\n  }\n\n  get focusElement(): HTMLElement | null {\n    return this;\n  }\n\n  // eslint-disable-next-line class-methods-use-this\n  protected get prefersReducedMotion(): boolean {\n    return window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n  }\n\n  connectedCallback() {\n    super.connectedCallback();\n\n    // generate internal _id\n    const prefix = this.id?.length > 0 ? this.id : this.tagName.toLowerCase();\n    this._id = this.generateId(prefix);\n  }\n}\n\nexport const BaseLocalizedComponent = LocalizeMixin(BaseComponent);\n"]}

package/dist/src/controllers/aria-keyboard-accordion-controller.d.ts

@@ -0,0 +1,15 @@
+import { ReactiveController, ReactiveControllerHost } from 'lit';
+export interface AriaKeyboardAccordionConfig {
+    getItems: () => HTMLElement[];
+    setActive: (idx: number) => void;
+}
+export declare class AriaKeyboardAccordionController implements ReactiveController {
+    private host;
+    private config;
+    constructor(host: ReactiveControllerHost);
+    setConfig(config: AriaKeyboardAccordionConfig): void;
+    hostDisconnected(): void;
+    private getActiveElement;
+    handleKeyDown(event: KeyboardEvent): void;
+}
+//# sourceMappingURL=aria-keyboard-accordion-controller.d.ts.map

package/dist/src/controllers/aria-keyboard-accordion-controller.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"aria-keyboard-accordion-controller.d.ts","sourceRoot":"","sources":["../../../src/controllers/aria-keyboard-accordion-controller.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,sBAAsB,EAAE,MAAM,KAAK,CAAC;AAEjE,MAAM,WAAW,2BAA2B;IAC1C,QAAQ,EAAE,MAAM,WAAW,EAAE,CAAC;IAC9B,SAAS,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;CAClC;AAED,qBAAa,+BAAgC,YAAW,kBAAkB;IACxE,OAAO,CAAC,IAAI,CAAyB;IAErC,OAAO,CAAC,MAAM,CAA+B;gBAEjC,IAAI,EAAE,sBAAsB;IAKxC,SAAS,CAAC,MAAM,EAAE,2BAA2B;IAI7C,gBAAgB;IAKhB,OAAO,CAAC,gBAAgB;IAQxB,aAAa,CAAC,KAAK,EAAE,aAAa;CA2BnC"}

package/dist/src/controllers/aria-keyboard-accordion-controller.js

@@ -0,0 +1,52 @@
+export class AriaKeyboardAccordionController {
+    constructor(host) {
+        this.host = host;
+        this.host.addController(this);
+    }
+    setConfig(config) {
+        this.config = config;
+    }
+    hostDisconnected() {
+        this.host.removeController(this);
+    }
+    // eslint-disable-next-line class-methods-use-this
+    getActiveElement() {
+        let active = document.activeElement;
+        while (active && active.shadowRoot && active.shadowRoot.activeElement) {
+            active = active.shadowRoot.activeElement;
+        }
+        return active;
+    }
+    handleKeyDown(event) {
+        if (!this.config)
+            return;
+        const items = this.config.getItems();
+        const activeElement = this.getActiveElement();
+        const currentIndex = items.indexOf(activeElement);
+        switch (event.key) {
+            case 'ArrowDown':
+                event.preventDefault();
+                if (items.length)
+                    this.config.setActive(currentIndex < 0 ? 0 : (currentIndex + 1) % items.length);
+                break;
+            case 'ArrowUp':
+                event.preventDefault();
+                if (items.length)
+                    this.config.setActive(currentIndex < 0 ? items.length - 1 : (currentIndex - 1 + items.length) % items.length);
+                break;
+            case 'Home':
+                event.preventDefault();
+                if (items.length)
+                    this.config.setActive(0);
+                break;
+            case 'End':
+                event.preventDefault();
+                if (items.length)
+                    this.config.setActive(items.length - 1);
+                break;
+            default:
+                break;
+        }
+    }
+}
+//# sourceMappingURL=aria-keyboard-accordion-controller.js.map

package/dist/src/controllers/aria-keyboard-accordion-controller.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"aria-keyboard-accordion-controller.js","sourceRoot":"","sources":["../../../src/controllers/aria-keyboard-accordion-controller.ts"],"names":[],"mappings":"AAOA,MAAM,OAAO,+BAA+B;IAK1C,YAAY,IAA4B;QACtC,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;QACjB,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC;IAChC,CAAC;IAED,SAAS,CAAC,MAAmC;QAC3C,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC;IACvB,CAAC;IAED,gBAAgB;QACd,IAAI,CAAC,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,CAAC;IACnC,CAAC;IAED,kDAAkD;IAC1C,gBAAgB;QACtB,IAAI,MAAM,GAAG,QAAQ,CAAC,aAAa,CAAC;QACpC,OAAO,MAAM,IAAI,MAAM,CAAC,UAAU,IAAI,MAAM,CAAC,UAAU,CAAC,aAAa,EAAE,CAAC;YACtE,MAAM,GAAG,MAAM,CAAC,UAAU,CAAC,aAAa,CAAC;QAC3C,CAAC;QACD,OAAO,MAA4B,CAAC;IACtC,CAAC;IAED,aAAa,CAAC,KAAoB;QAChC,IAAI,CAAC,IAAI,CAAC,MAAM;YAAE,OAAO;QACzB,MAAM,KAAK,GAAG,IAAI,CAAC,MAAM,CAAC,QAAQ,EAAE,CAAC;QACrC,MAAM,aAAa,GAAG,IAAI,CAAC,gBAAgB,EAAE,CAAC;QAC9C,MAAM,YAAY,GAAG,KAAK,CAAC,OAAO,CAAC,aAAkC,CAAC,CAAC;QACvE,QAAQ,KAAK,CAAC,GAAG,EAAE,CAAC;YAClB,KAAK,WAAW;gBACd,KAAK,CAAC,cAAc,EAAE,CAAC;gBACvB,IAAI,KAAK,CAAC,MAAM;oBAAE,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,YAAY,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,YAAY,GAAG,CAAC,CAAC,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC;gBAClG,MAAM;YACR,KAAK,SAAS;gBACZ,KAAK,CAAC,cAAc,EAAE,CAAC;gBACvB,IAAI,KAAK,CAAC,MAAM;oBACd,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,YAAY,GAAG,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,YAAY,GAAG,CAAC,GAAG,KAAK,CAAC,MAAM,CAAC,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC;gBAChH,MAAM;YACR,KAAK,MAAM;gBACT,KAAK,CAAC,cAAc,EAAE,CAAC;gBACvB,IAAI,KAAK,CAAC,MAAM;oBAAE,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC;gBAC3C,MAAM;YACR,KAAK,KAAK;gBACR,KAAK,CAAC,cAAc,EAAE,CAAC;gBACvB,IAAI,KAAK,CAAC,MAAM;oBAAE,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;gBAC1D,MAAM;YACR;gBACE,MAAM;QACV,CAAC;IACH,CAAC;CACF","sourcesContent":["import { ReactiveController, ReactiveControllerHost } from 'lit';\n\nexport interface AriaKeyboardAccordionConfig {\n  getItems: () => HTMLElement[];\n  setActive: (idx: number) => void;\n}\n\nexport class AriaKeyboardAccordionController implements ReactiveController {\n  private host: ReactiveControllerHost;\n\n  private config!: AriaKeyboardAccordionConfig;\n\n  constructor(host: ReactiveControllerHost) {\n    this.host = host;\n    this.host.addController(this);\n  }\n\n  setConfig(config: AriaKeyboardAccordionConfig) {\n    this.config = config;\n  }\n\n  hostDisconnected() {\n    this.host.removeController(this);\n  }\n\n  // eslint-disable-next-line class-methods-use-this\n  private getActiveElement(): HTMLElement | null {\n    let active = document.activeElement;\n    while (active && active.shadowRoot && active.shadowRoot.activeElement) {\n      active = active.shadowRoot.activeElement;\n    }\n    return active as HTMLElement | null;\n  }\n\n  handleKeyDown(event: KeyboardEvent) {\n    if (!this.config) return;\n    const items = this.config.getItems();\n    const activeElement = this.getActiveElement();\n    const currentIndex = items.indexOf(activeElement as HTMLButtonElement);\n    switch (event.key) {\n      case 'ArrowDown':\n        event.preventDefault();\n        if (items.length) this.config.setActive(currentIndex < 0 ? 0 : (currentIndex + 1) % items.length);\n        break;\n      case 'ArrowUp':\n        event.preventDefault();\n        if (items.length)\n          this.config.setActive(currentIndex < 0 ? items.length - 1 : (currentIndex - 1 + items.length) % items.length);\n        break;\n      case 'Home':\n        event.preventDefault();\n        if (items.length) this.config.setActive(0);\n        break;\n      case 'End':\n        event.preventDefault();\n        if (items.length) this.config.setActive(items.length - 1);\n        break;\n      default:\n        break;\n    }\n  }\n}\n"]}

package/dist/src/controllers/aria-keyboard-list-controller.d.ts

@@ -0,0 +1,18 @@
+import { ReactiveController, ReactiveControllerHost } from 'lit';
+export type AriaKeyboardConfig = {
+    getItems: () => HTMLElement[];
+    setActive: (idx: number) => void;
+    closeMenu: () => void;
+    trigger?: HTMLElement | null;
+};
+declare class AriaKeyboardListController implements ReactiveController {
+    private host;
+    private config;
+    constructor(host: ReactiveControllerHost);
+    setConfig(config: AriaKeyboardConfig): void;
+    hostDisconnected(): void;
+    private getActiveElement;
+    handleKeyDown(event: KeyboardEvent): void;
+}
+export default AriaKeyboardListController;
+//# sourceMappingURL=aria-keyboard-list-controller.d.ts.map

package/dist/src/controllers/aria-keyboard-list-controller.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"aria-keyboard-list-controller.d.ts","sourceRoot":"","sources":["../../../src/controllers/aria-keyboard-list-controller.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,sBAAsB,EAAE,MAAM,KAAK,CAAC;AAEjE,MAAM,MAAM,kBAAkB,GAAG;IAC/B,QAAQ,EAAE,MAAM,WAAW,EAAE,CAAC;IAC9B,SAAS,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,OAAO,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;CAC9B,CAAC;AAEF,cAAM,0BAA2B,YAAW,kBAAkB;IAC5D,OAAO,CAAC,IAAI,CAAyB;IAErC,OAAO,CAAC,MAAM,CAAsB;gBAExB,IAAI,EAAE,sBAAsB;IAKxC,SAAS,CAAC,MAAM,EAAE,kBAAkB;IAIpC,gBAAgB;IAKhB,OAAO,CAAC,gBAAgB;IAQxB,aAAa,CAAC,KAAK,EAAE,aAAa;CAiCnC;AAED,eAAe,0BAA0B,CAAC"}

package/dist/src/controllers/aria-keyboard-list-controller.js

@@ -0,0 +1,58 @@
+class AriaKeyboardListController {
+    constructor(host) {
+        this.host = host;
+        this.host.addController(this);
+    }
+    setConfig(config) {
+        this.config = config;
+    }
+    hostDisconnected() {
+        this.host.removeController(this);
+    }
+    // eslint-disable-next-line class-methods-use-this
+    getActiveElement() {
+        let active = document.activeElement;
+        while (active && active.shadowRoot && active.shadowRoot.activeElement) {
+            active = active.shadowRoot.activeElement;
+        }
+        return active;
+    }
+    handleKeyDown(event) {
+        if (!this.config)
+            return;
+        const items = this.config.getItems();
+        const currentIndex = items.indexOf(this.getActiveElement());
+        switch (event.key) {
+            case 'ArrowDown':
+                // case 'ArrowRight':
+                event.preventDefault();
+                if (items.length && currentIndex < items.length - 1)
+                    this.config.setActive(currentIndex < 0 ? 0 : currentIndex + 1);
+                break;
+            case 'ArrowUp':
+                // case 'ArrowLeft':
+                event.preventDefault();
+                if (items.length)
+                    this.config.setActive(currentIndex < 0 ? items.length - 1 : currentIndex - 1);
+                break;
+            case 'Home':
+                event.preventDefault();
+                if (items.length)
+                    this.config.setActive(0);
+                break;
+            case 'End':
+                event.preventDefault();
+                if (items.length)
+                    this.config.setActive(items.length - 1);
+                break;
+            case 'Escape':
+                event.preventDefault();
+                this.config.closeMenu();
+                break;
+            default:
+                break;
+        }
+    }
+}
+export default AriaKeyboardListController;
+//# sourceMappingURL=aria-keyboard-list-controller.js.map

package/dist/src/controllers/aria-keyboard-list-controller.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"aria-keyboard-list-controller.js","sourceRoot":"","sources":["../../../src/controllers/aria-keyboard-list-controller.ts"],"names":[],"mappings":"AASA,MAAM,0BAA0B;IAK9B,YAAY,IAA4B;QACtC,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;QACjB,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC;IAChC,CAAC;IAED,SAAS,CAAC,MAA0B;QAClC,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC;IACvB,CAAC;IAED,gBAAgB;QACd,IAAI,CAAC,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,CAAC;IACnC,CAAC;IAED,kDAAkD;IAC1C,gBAAgB;QACtB,IAAI,MAAM,GAAG,QAAQ,CAAC,aAAa,CAAC;QACpC,OAAO,MAAM,IAAI,MAAM,CAAC,UAAU,IAAI,MAAM,CAAC,UAAU,CAAC,aAAa,EAAE,CAAC;YACtE,MAAM,GAAG,MAAM,CAAC,UAAU,CAAC,aAAa,CAAC;QAC3C,CAAC;QACD,OAAO,MAA4B,CAAC;IACtC,CAAC;IAED,aAAa,CAAC,KAAoB;QAChC,IAAI,CAAC,IAAI,CAAC,MAAM;YAAE,OAAO;QACzB,MAAM,KAAK,GAAG,IAAI,CAAC,MAAM,CAAC,QAAQ,EAAE,CAAC;QAErC,MAAM,YAAY,GAAG,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,gBAAgB,EAAiB,CAAC,CAAC;QAC3E,QAAQ,KAAK,CAAC,GAAG,EAAE,CAAC;YAClB,KAAK,WAAW;gBACd,qBAAqB;gBACrB,KAAK,CAAC,cAAc,EAAE,CAAC;gBACvB,IAAI,KAAK,CAAC,MAAM,IAAI,YAAY,GAAG,KAAK,CAAC,MAAM,GAAG,CAAC;oBACjD,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,YAAY,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,YAAY,GAAG,CAAC,CAAC,CAAC;gBACjE,MAAM;YACR,KAAK,SAAS;gBACZ,oBAAoB;gBACpB,KAAK,CAAC,cAAc,EAAE,CAAC;gBACvB,IAAI,KAAK,CAAC,MAAM;oBAAE,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,YAAY,GAAG,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,YAAY,GAAG,CAAC,CAAC,CAAC;gBAChG,MAAM;YACR,KAAK,MAAM;gBACT,KAAK,CAAC,cAAc,EAAE,CAAC;gBACvB,IAAI,KAAK,CAAC,MAAM;oBAAE,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC;gBAC3C,MAAM;YACR,KAAK,KAAK;gBACR,KAAK,CAAC,cAAc,EAAE,CAAC;gBACvB,IAAI,KAAK,CAAC,MAAM;oBAAE,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;gBAC1D,MAAM;YACR,KAAK,QAAQ;gBACX,KAAK,CAAC,cAAc,EAAE,CAAC;gBACvB,IAAI,CAAC,MAAM,CAAC,SAAS,EAAE,CAAC;gBACxB,MAAM;YACR;gBACE,MAAM;QACV,CAAC;IACH,CAAC;CACF;AAED,eAAe,0BAA0B,CAAC","sourcesContent":["import { ReactiveController, ReactiveControllerHost } from 'lit';\n\nexport type AriaKeyboardConfig = {\n  getItems: () => HTMLElement[];\n  setActive: (idx: number) => void;\n  closeMenu: () => void;\n  trigger?: HTMLElement | null;\n};\n\nclass AriaKeyboardListController implements ReactiveController {\n  private host: ReactiveControllerHost;\n\n  private config!: AriaKeyboardConfig;\n\n  constructor(host: ReactiveControllerHost) {\n    this.host = host;\n    this.host.addController(this);\n  }\n\n  setConfig(config: AriaKeyboardConfig) {\n    this.config = config;\n  }\n\n  hostDisconnected() {\n    this.host.removeController(this);\n  }\n\n  // eslint-disable-next-line class-methods-use-this\n  private getActiveElement(): HTMLElement | null {\n    let active = document.activeElement;\n    while (active && active.shadowRoot && active.shadowRoot.activeElement) {\n      active = active.shadowRoot.activeElement;\n    }\n    return active as HTMLElement | null;\n  }\n\n  handleKeyDown(event: KeyboardEvent) {\n    if (!this.config) return;\n    const items = this.config.getItems();\n\n    const currentIndex = items.indexOf(this.getActiveElement() as HTMLElement);\n    switch (event.key) {\n      case 'ArrowDown':\n        // case 'ArrowRight':\n        event.preventDefault();\n        if (items.length && currentIndex < items.length - 1)\n          this.config.setActive(currentIndex < 0 ? 0 : currentIndex + 1);\n        break;\n      case 'ArrowUp':\n        // case 'ArrowLeft':\n        event.preventDefault();\n        if (items.length) this.config.setActive(currentIndex < 0 ? items.length - 1 : currentIndex - 1);\n        break;\n      case 'Home':\n        event.preventDefault();\n        if (items.length) this.config.setActive(0);\n        break;\n      case 'End':\n        event.preventDefault();\n        if (items.length) this.config.setActive(items.length - 1);\n        break;\n      case 'Escape':\n        event.preventDefault();\n        this.config.closeMenu();\n        break;\n      default:\n        break;\n    }\n  }\n}\n\nexport default AriaKeyboardListController;\n"]}

package/dist/src/controllers/collapse-controller.d.ts

@@ -0,0 +1,12 @@
+import { ReactiveController, ReactiveControllerHost } from 'lit';
+export declare class CollapseAnimationController implements ReactiveController {
+    private host;
+    private animating;
+    constructor(host: ReactiveControllerHost);
+    hostDisconnected(): void;
+    toggle(element: HTMLElement, triggerElement?: HTMLElement): void;
+    show(element: HTMLElement, triggerElement?: HTMLElement): void;
+    hide(element: HTMLElement, triggerElement?: HTMLElement): void;
+    isOpen(element: HTMLElement): boolean;
+}
+//# sourceMappingURL=collapse-controller.d.ts.map

package/dist/src/controllers/collapse-controller.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"collapse-controller.d.ts","sourceRoot":"","sources":["../../../src/controllers/collapse-controller.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,sBAAsB,EAAE,MAAM,KAAK,CAAC;AAEjE,qBAAa,2BAA4B,YAAW,kBAAkB;IACpE,OAAO,CAAC,IAAI,CAAyB;IAErC,OAAO,CAAC,SAAS,CAAuB;gBAE5B,IAAI,EAAE,sBAAsB;IAQxC,gBAAgB;IAIhB,MAAM,CAAC,OAAO,EAAE,WAAW,EAAE,cAAc,CAAC,EAAE,WAAW,GAAG,IAAI;IAYhE,IAAI,CAAC,OAAO,EAAE,WAAW,EAAE,cAAc,CAAC,EAAE,WAAW,GAAG,IAAI;IA2C9D,IAAI,CAAC,OAAO,EAAE,WAAW,EAAE,cAAc,CAAC,EAAE,WAAW,GAAG,IAAI;IAiC9D,MAAM,CAAC,OAAO,EAAE,WAAW,GAAG,OAAO;CAGtC"}

package/dist/src/controllers/collapse-controller.js

@@ -0,0 +1,95 @@
+export class CollapseAnimationController {
+    constructor(host) {
+        this.host = host;
+        this.animating = new WeakSet();
+        this.host.addController(this);
+    }
+    // hostConnected() {}
+    hostDisconnected() {
+        this.host.removeController(this);
+    }
+    toggle(element, triggerElement) {
+        // if (this.animating.has(element)) return;
+        const isOpen = element.classList.contains('show');
+        if (isOpen) {
+            this.hide(element, triggerElement);
+        }
+        else {
+            this.show(element, triggerElement);
+        }
+    }
+    // eslint-disable-next-line class-methods-use-this
+    show(element, triggerElement) {
+        const target = element;
+        if (!target)
+            return;
+        if (triggerElement) {
+            // eslint-disable-next-line no-param-reassign
+            if ('expanded' in triggerElement)
+                triggerElement.expanded = true;
+            triggerElement.classList.remove('collapsed');
+        }
+        // Get target height
+        target.style.display = 'block';
+        const targetHeight = target.scrollHeight;
+        target.style.display = '';
+        target.style.setProperty('--collapse-target-height', `${targetHeight}px`);
+        requestAnimationFrame(() => {
+            // SOSTITUISCI .collapse con .collapsing durante l'animazione
+            target.classList.remove('collapse');
+            target.classList.add('collapsing');
+            requestAnimationFrame(() => {
+                // Quando l'animazione finisce: rimuovi .collapsing, ripristina .collapse + .show
+                target.classList.remove('collapsing');
+                target.classList.add('collapse', 'show');
+                target.style.removeProperty('--collapse-target-height');
+            });
+        });
+        // requestAnimationFrame(() => {
+        //   target.style.height = `${targetHeight}px`;
+        //   const onEnd = (e: TransitionEvent) => {
+        //     if (e.propertyName !== 'height') return;
+        //     target.removeEventListener('transitionend', onEnd);
+        //     target.classList.remove('collapsing');
+        //     target.classList.add('collapse', 'show');
+        //     target.style.height = 'auto';
+        //     this.animating.delete(target);
+        //   };
+        //   target.addEventListener('transitionend', onEnd);
+        // });
+    }
+    // eslint-disable-next-line class-methods-use-this
+    hide(element, triggerElement) {
+        if (triggerElement) {
+            // eslint-disable-next-line no-param-reassign
+            if ('expanded' in triggerElement)
+                triggerElement.expanded = false;
+            triggerElement.classList.add('collapsed');
+        }
+        const currentHeight = element.offsetHeight;
+        element.style.setProperty('--collapse-target-height', `${currentHeight}px`);
+        requestAnimationFrame(() => {
+            // SOSTITUISCI .collapse.show con .collapsing durante l'animazione
+            element.classList.remove('collapse', 'show');
+            element.classList.add('collapsing');
+            requestAnimationFrame(() => {
+                element.style.setProperty('--collapse-target-height', '0px');
+                element.classList.remove('collapsing');
+                element.classList.add('collapse');
+                element.style.removeProperty('--collapse-target-height');
+                // Quando l'animazione finisce: rimuovi .collapsing, ripristina .collapse
+                setTimeout(() => {
+                    element.classList.remove('collapsing');
+                    element.classList.add('collapse');
+                    element.style.removeProperty('--collapse-target-height');
+                }, 350); // Match transition duration
+            });
+        });
+    }
+    // ...existing code...
+    // eslint-disable-next-line class-methods-use-this
+    isOpen(element) {
+        return element.classList.contains('show');
+    }
+}
+//# sourceMappingURL=collapse-controller.js.map

package/dist/src/controllers/collapse-controller.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"collapse-controller.js","sourceRoot":"","sources":["../../../src/controllers/collapse-controller.ts"],"names":[],"mappings":"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","sourcesContent":["import { ReactiveController, ReactiveControllerHost } from 'lit';\n\nexport class CollapseAnimationController implements ReactiveController {\n  private host: ReactiveControllerHost;\n\n  private animating: WeakSet<HTMLElement>;\n\n  constructor(host: ReactiveControllerHost) {\n    this.host = host;\n    this.animating = new WeakSet();\n    this.host.addController(this);\n  }\n\n  // hostConnected() {}\n\n  hostDisconnected() {\n    this.host.removeController(this);\n  }\n\n  toggle(element: HTMLElement, triggerElement?: HTMLElement): void {\n    // if (this.animating.has(element)) return;\n    const isOpen = element.classList.contains('show');\n\n    if (isOpen) {\n      this.hide(element, triggerElement);\n    } else {\n      this.show(element, triggerElement);\n    }\n  }\n\n  // eslint-disable-next-line class-methods-use-this\n  show(element: HTMLElement, triggerElement?: HTMLElement): void {\n    const target = element;\n    if (!target) return;\n    if (triggerElement) {\n      // eslint-disable-next-line no-param-reassign\n      if ('expanded' in triggerElement) triggerElement.expanded = true;\n      triggerElement.classList.remove('collapsed');\n    }\n\n    // Get target height\n    target.style.display = 'block';\n    const targetHeight = target.scrollHeight;\n    target.style.display = '';\n    target.style.setProperty('--collapse-target-height', `${targetHeight}px`);\n\n    requestAnimationFrame(() => {\n      // SOSTITUISCI .collapse con .collapsing durante l'animazione\n      target.classList.remove('collapse');\n      target.classList.add('collapsing');\n\n      requestAnimationFrame(() => {\n        // Quando l'animazione finisce: rimuovi .collapsing, ripristina .collapse + .show\n        target.classList.remove('collapsing');\n        target.classList.add('collapse', 'show');\n        target.style.removeProperty('--collapse-target-height');\n      });\n    });\n    // requestAnimationFrame(() => {\n    //   target.style.height = `${targetHeight}px`;\n\n    //   const onEnd = (e: TransitionEvent) => {\n    //     if (e.propertyName !== 'height') return;\n    //     target.removeEventListener('transitionend', onEnd);\n    //     target.classList.remove('collapsing');\n    //     target.classList.add('collapse', 'show');\n    //     target.style.height = 'auto';\n    //     this.animating.delete(target);\n    //   };\n    //   target.addEventListener('transitionend', onEnd);\n    // });\n  }\n\n  // eslint-disable-next-line class-methods-use-this\n  hide(element: HTMLElement, triggerElement?: HTMLElement): void {\n    if (triggerElement) {\n      // eslint-disable-next-line no-param-reassign\n      if ('expanded' in triggerElement) triggerElement.expanded = false;\n      triggerElement.classList.add('collapsed');\n    }\n\n    const currentHeight = element.offsetHeight;\n    element.style.setProperty('--collapse-target-height', `${currentHeight}px`);\n    requestAnimationFrame(() => {\n      // SOSTITUISCI .collapse.show con .collapsing durante l'animazione\n      element.classList.remove('collapse', 'show');\n      element.classList.add('collapsing');\n\n      requestAnimationFrame(() => {\n        element.style.setProperty('--collapse-target-height', '0px');\n        element.classList.remove('collapsing');\n        element.classList.add('collapse');\n        element.style.removeProperty('--collapse-target-height');\n\n        // Quando l'animazione finisce: rimuovi .collapsing, ripristina .collapse\n        setTimeout(() => {\n          element.classList.remove('collapsing');\n          element.classList.add('collapse');\n          element.style.removeProperty('--collapse-target-height');\n        }, 350); // Match transition duration\n      });\n    });\n  }\n\n  // ...existing code...\n\n  // eslint-disable-next-line class-methods-use-this\n  isOpen(element: HTMLElement): boolean {\n    return element.classList.contains('show');\n  }\n}\n"]}

package/dist/src/controllers/roving-tabindex-controller.d.ts

@@ -0,0 +1,85 @@
+import { ReactiveController, ReactiveControllerHost } from 'lit';
+export interface RovingTabindexConfig<T extends HTMLElement> {
+    /**
+     * Selector or function to get the items to manage
+     */
+    getItems: () => T[];
+    /**
+     * Callback when an item is selected/activated
+     */
+    onSelect?: (item: T, event: KeyboardEvent | PointerEvent | MouseEvent) => void;
+    /**
+     * Whether items wrap around (last -> first and vice versa)
+     * @default true
+     */
+    wrap?: boolean;
+    /**
+     * Direction of navigation
+     * @default 'both'
+     */
+    direction?: 'horizontal' | 'vertical' | 'both';
+    /**
+     * Whether to select items on focus (vs just focusing)
+     * @default false
+     */
+    selectOnFocus?: boolean;
+    /**
+     * Custom logic to determine if an item should be skipped
+     * @default (item) => item.hasAttribute('disabled')
+     */
+    skipItem?: (item: T) => boolean;
+}
+/**
+ * Roving Tabindex Controller
+ *
+ * Implements the ARIA roving tabindex pattern for keyboard navigation.
+ * See: https://www.w3.org/WAI/ARIA/apg/practices/keyboard-interface/#kbd_roving_tabindex
+ *
+ * Usage:
+ * ```ts
+ * private rovingTabindex = new RovingTabindexController(this, {
+ *   getItems: () => Array.from(this.querySelectorAll('my-item')),
+ *   onSelect: (item) => this.selectItem(item),
+ * });
+ * ```
+ */
+export declare class RovingTabindexController<T extends HTMLElement> implements ReactiveController {
+    private host;
+    private config;
+    constructor(host: ReactiveControllerHost, config: RovingTabindexConfig<T>);
+    hostConnected(): void;
+    hostDisconnected(): void;
+    /**
+     * Update tabindex values for all items
+     * @param activeIndex - Index of the item that should be tabbable (default: 0 or first non-disabled)
+     */
+    updateTabindices(activeIndex?: number): void;
+    /**
+     * Handle keyboard navigation
+     * @param currentItem - The currently focused item
+     * @param event - The keyboard event
+     * @returns true if the event was handled, false otherwise
+     */
+    handleKeydown(currentItem: T, event: KeyboardEvent): boolean;
+    /**
+     * Get the next index based on direction
+     */
+    private getNextIndex;
+    /**
+     * Find the next valid (non-disabled) index
+     */
+    private findNextValidIndex;
+    /**
+     * Set focus to a specific item
+     */
+    focusItem(item: T): void;
+    /**
+     * Set focus to the first non-disabled item
+     */
+    focusFirst(): void;
+    /**
+     * Set focus to the last non-disabled item
+     */
+    focusLast(): void;
+}
+//# sourceMappingURL=roving-tabindex-controller.d.ts.map

package/dist/src/controllers/roving-tabindex-controller.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"roving-tabindex-controller.d.ts","sourceRoot":"","sources":["../../../src/controllers/roving-tabindex-controller.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,sBAAsB,EAAE,MAAM,KAAK,CAAC;AAEjE,MAAM,WAAW,oBAAoB,CAAC,CAAC,SAAS,WAAW;IACzD;;OAEG;IACH,QAAQ,EAAE,MAAM,CAAC,EAAE,CAAC;IAEpB;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,aAAa,GAAG,YAAY,GAAG,UAAU,KAAK,IAAI,CAAC;IAE/E;;;OAGG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IAEf;;;OAGG;IACH,SAAS,CAAC,EAAE,YAAY,GAAG,UAAU,GAAG,MAAM,CAAC;IAE/C;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,OAAO,CAAC;CACjC;AAED;;;;;;;;;;;;;GAaG;AACH,qBAAa,wBAAwB,CAAC,CAAC,SAAS,WAAW,CAAE,YAAW,kBAAkB;IACxF,OAAO,CAAC,IAAI,CAAyB;IAErC,OAAO,CAAC,MAAM,CAKZ;gBAEU,IAAI,EAAE,sBAAsB,EAAE,MAAM,EAAE,oBAAoB,CAAC,CAAC,CAAC;IAazE,aAAa,IAAI,IAAI;IAKrB,gBAAgB,IAAI,IAAI;IAIxB;;;OAGG;IACH,gBAAgB,CAAC,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI;IA8B5C;;;;;OAKG;IACH,aAAa,CAAC,WAAW,EAAE,CAAC,EAAE,KAAK,EAAE,aAAa,GAAG,OAAO;IAyE5D;;OAEG;IACH,OAAO,CAAC,YAAY;IAmBpB;;OAEG;IACH,OAAO,CAAC,kBAAkB;IAkB1B;;OAEG;IACH,SAAS,CAAC,IAAI,EAAE,CAAC,GAAG,IAAI;IAUxB;;OAEG;IACH,UAAU,IAAI,IAAI;IASlB;;OAEG;IACH,SAAS,IAAI,IAAI;CAQlB"}