@italia/accordion 0.1.0-alpha.2 → 1.0.0-alpha.4

package/dist/src/it-collapse.js

@@ -1,330 +0,0 @@
-import { B as BaseComponent, _ as __decorate, a as __metadata } from '../form-control-ddGGHusp.js';
-import { css, html } from 'lit';
-import { property, query, queryAssignedElements, customElement } from 'lit/decorators.js';
-import { when } from 'lit/directives/when.js';
-import { unsafeStatic } from 'lit/static-html.js';
-import 'lit/directive.js';
-
-var styles = css`/***************************** 1 ****************************************/
-/***************************** 2 ****************************************/
-/***************************** 1 ****************************************/
-/***************************** 2 ****************************************/
-/***************************** 1 ****************************************/
-/***************************** 2 ****************************************/
-/***************************** 3 ****************************************/
-/***************************** 1 ****************************************/
-/***************************** 2 ****************************************/
-/***************************** 3 ****************************************/
-/***************************** NEUTRAL 1 ****************************************/
-/***************************** NEUTRAL 2 ****************************************/
-/***************************** NEUTRAL 2 / 3 ****************************************/
-:host {
-  display: block;
-}
-
-.collapse-wrapper {
-  width: 100%;
-}
-
-.collapse-content {
-  overflow: hidden;
-  height: 0;
-}`;
-
-const isMouseEvent = (event) => event instanceof MouseEvent;
-const isKeyboardEvent = (event) => event instanceof KeyboardEvent;
-
-// TODO: quando si sviluppa collapse come componente standalone, decoupling dalle classi di accordion, e aggiornare il part name
-let ItCollapse = class ItCollapse extends BaseComponent {
-    constructor() {
-        super(...arguments);
-        this.expanded = false;
-        this.label = '';
-        this.as = 'button';
-        this.defaultOpen = false;
-        this.isAnimating = false;
-        this.animationDuration = 350; // ms
-        this._triggerId = this.generateId('it-collapse-trigger');
-        this._contentId = this.generateId('it-collapse-content');
-        this.handleTriggerAction = (e) => {
-            if (this.isAnimating) {
-                e.preventDefault();
-                e.stopPropagation();
-                return;
-            }
-            if (isKeyboardEvent(e) && (e.key === 'Enter' || e.key === ' ')) {
-                e.preventDefault();
-                this.toggle();
-            }
-            else if (isMouseEvent(e)) {
-                e.preventDefault();
-                this.toggle();
-            }
-        };
-        this._onTriggerSlotChange = () => {
-            // Aggiorna gli attributi ARIA quando il contenuto dello slot cambia
-            this.updateAriaAttributes();
-        };
-    }
-    get triggerElement() {
-        return this.triggerElements.length > 0 ? this.triggerElements[0] : null;
-    }
-    connectedCallback() {
-        super.connectedCallback?.();
-        // Initialize from default-open
-        if (this.defaultOpen && !this.expanded) {
-            this.expanded = this.defaultOpen;
-        }
-    }
-    async toggle() {
-        // Blocca toggle durante animazione
-        if (this.isAnimating)
-            return;
-        const nextValue = !this.expanded;
-        this.expanded = nextValue;
-        this.dispatchEvent(new CustomEvent('it-collapse-toggle', {
-            detail: {
-                expanded: this.expanded,
-                id: this.contentElement?.id,
-            },
-            bubbles: true,
-            composed: true,
-            cancelable: true,
-        }));
-    }
-    setInitialState() {
-        if (this.contentElement) {
-            if (this.expanded) {
-                this.contentElement.style.height = 'auto';
-                this.contentElement.style.visibility = 'visible';
-            }
-            else {
-                this.contentElement.style.height = '0px';
-                this.contentElement.style.visibility = 'hidden';
-            }
-        }
-    }
-    cleanupAnimation() {
-        if (this.animation) {
-            try {
-                this.animation.cancel();
-            }
-            catch {
-                /* ignore */
-            }
-            this.animation = undefined;
-        }
-        this.isAnimating = false;
-    }
-    firstUpdated() {
-        this.updateAriaAttributes();
-        // Set initial state and ensure overflow is hidden
-        this.setInitialState();
-    }
-    updated(changedProperties) {
-        if (changedProperties.has('defaultOpen')) {
-            if (this.defaultOpen && !this.expanded) {
-                this.expanded = this.defaultOpen;
-            }
-        }
-        if (changedProperties.has('expanded')) {
-            this.updateAriaAttributes();
-            this.updateBackgroundStyles();
-            const prev = changedProperties.get('expanded');
-            // React to expanded property changes
-            if (!this.isAnimating && prev !== undefined && prev !== this.expanded) {
-                if (this.expanded) {
-                    this.performExpand();
-                }
-                else {
-                    this.performCollapse();
-                }
-            }
-        }
-        // Se cambiano le proprietà di background, aggiorna gli stili
-        if (changedProperties.has('backgroundActive') ||
-            changedProperties.has('backgroundHover') ||
-            changedProperties.has('leftIcon')) {
-            this.updateBackgroundStyles();
-        }
-    }
-    updateAriaAttributes() {
-        // Se abbiamo il trigger di default, aggiorna quello
-        const defaultButton = this.shadowRoot?.querySelector('.accordion-button');
-        if (defaultButton) {
-            defaultButton.setAttribute('aria-expanded', String(this.expanded));
-            defaultButton.setAttribute('aria-controls', this._contentId);
-            defaultButton.id = this._triggerId;
-        }
-        if (this.triggerElement) {
-            if (this.triggerElement.tagName.toLowerCase() === 'button' ||
-                this.triggerElement.getAttribute('role') === 'button') {
-                const buttonElement = this.triggerElement;
-                buttonElement.id = this._triggerId;
-                buttonElement.setAttribute('aria-expanded', String(this.expanded));
-                buttonElement.setAttribute('aria-controls', this._contentId);
-            }
-            else {
-                // Cerca un button all'interno
-                const nestedButton = this.triggerElement.querySelector('button, [role="button"]');
-                if (nestedButton) {
-                    nestedButton.id = this._triggerId;
-                    nestedButton.setAttribute('aria-expanded', String(this.expanded));
-                    nestedButton.setAttribute('aria-controls', this._contentId);
-                }
-            }
-        }
-        // Aggiorna anche gli stili e le icone di chi implementa questo metodo via estensione
-        this.updateBackgroundStyles();
-    }
-    // eslint-disable-next-line class-methods-use-this
-    updateBackgroundStyles() { }
-    performExpand() {
-        if (!this.contentElement)
-            return;
-        this.cleanupAnimation();
-        this.isAnimating = true;
-        // Ensure overflow is hidden during animation
-        this.contentElement.style.overflow = 'hidden';
-        this.contentElement.style.visibility = 'visible';
-        const startHeight = this.contentElement.offsetHeight;
-        const endHeight = this.contentElement.scrollHeight;
-        const duration = this.prefersReducedMotion ? 0 : this.animationDuration;
-        this.animation = this.contentElement.animate([{ height: `${startHeight}px` }, { height: `${endHeight}px` }], {
-            duration,
-            easing: 'ease',
-        });
-        this.animation.finished
-            .then(() => {
-            this.contentElement.style.height = 'auto';
-            // Keep overflow hidden as per CSS
-            this.contentElement.style.overflow = 'hidden';
-        })
-            .catch(() => {
-            // Animation cancelled
-        })
-            .finally(() => {
-            this.cleanupAnimation();
-        });
-    }
-    performCollapse() {
-        if (!this.contentElement)
-            return;
-        this.cleanupAnimation();
-        this.isAnimating = true;
-        const el = this.contentElement;
-        // Ensure overflow is hidden during animation
-        el.style.overflow = 'hidden';
-        const startHeight = el.scrollHeight;
-        const endHeight = 0;
-        const duration = this.prefersReducedMotion ? 0 : this.animationDuration;
-        el.style.height = `${startHeight}px`;
-        this.animation = el.animate([{ height: `${startHeight}px` }, { height: `${endHeight}px` }], {
-            duration,
-            easing: 'ease',
-        });
-        this.animation.finished
-            .then(() => {
-            el.style.height = '0px';
-            el.style.visibility = 'hidden';
-            el.style.overflow = 'hidden';
-        })
-            .catch(() => {
-            // Animation cancelled
-        })
-            .finally(() => {
-            this.cleanupAnimation();
-        });
-    }
-    renderDefaultTrigger() {
-        if (!this.label)
-            return null;
-        const buttonClasses = this.composeClass(!this.expanded && 'collapsed');
-        const defaultButtonElement = html `<button
-      type="button"
-      part="trigger"
-      class="${buttonClasses}"
-      aria-expanded="${this.expanded}"
-      aria-controls="${this._contentId}"
-      id="${this._triggerId}"
-      @click=${this.handleTriggerAction}
-      @keydown=${this.handleTriggerAction}
-    >
-      ${this.label}
-    </button>`;
-        if (this.as === 'button') {
-            return defaultButtonElement;
-        }
-        const tagName = this.isValidTag(this.as) ? this.as : 'div';
-        const Tag = unsafeStatic(tagName);
-        // eslint-disable-next-line lit/binding-positions, lit/no-invalid-html
-        return html `<${Tag} part="trigger" role="button" aria-expanded="${this.expanded}" aria-controls="${this._contentId}" id="${this._triggerId}">${this.label}</${Tag}>`;
-    }
-    hasSlottedTrigger() {
-        return !!this.triggerElement;
-    }
-    // eslint-disable-next-line class-methods-use-this
-    isValidTag(tag) {
-        return /^[a-z][a-z0-9-]+$/.test(tag); // semplice validazione
-    }
-    render() {
-        // Nota sull'estensione: quando passi this.renderDefaultTrigger come callback a when
-        // la funzione viene chiamata senza contesto (this viene perso) — devi chiamare il metodo tramite closure
-        // che mantiene il contesto, es. () => this.renderDefaultTrigger().
-        const hasCustomTrigger = this.hasSlottedTrigger();
-        return html `
-      <div class="accordion-item" part="accordion-item">
-        <div class="collapse-wrapper">
-          ${when(!hasCustomTrigger, () => this.renderDefaultTrigger())}
-          <slot name="trigger" @slotchange=${this._onTriggerSlotChange} part="trigger"></slot>
-          <div
-            class="collapse-content"
-            part="content"
-            role="region"
-            aria-labelledby="${this._triggerId}"
-            id="${this._contentId}"
-          >
-            <div class="accordion-body">
-              <slot name="content"></slot>
-            </div>
-          </div>
-        </div>
-      </div>
-    `;
-    }
-};
-ItCollapse.styles = styles;
-ItCollapse.shadowRootOptions = {
-    ...BaseComponent.shadowRootOptions,
-    delegatesFocus: true,
-};
-__decorate([
-    property({ type: Boolean, reflect: true }),
-    __metadata("design:type", Object)
-], ItCollapse.prototype, "expanded", void 0);
-__decorate([
-    property({ type: String }),
-    __metadata("design:type", String)
-], ItCollapse.prototype, "label", void 0);
-__decorate([
-    property({ type: String }),
-    __metadata("design:type", String)
-], ItCollapse.prototype, "as", void 0);
-__decorate([
-    property({ type: Boolean, attribute: 'default-open', reflect: true }),
-    __metadata("design:type", Object)
-], ItCollapse.prototype, "defaultOpen", void 0);
-__decorate([
-    query('.collapse-content'),
-    __metadata("design:type", HTMLElement)
-], ItCollapse.prototype, "contentElement", void 0);
-__decorate([
-    queryAssignedElements({ slot: 'trigger' }),
-    __metadata("design:type", Array)
-], ItCollapse.prototype, "triggerElements", void 0);
-ItCollapse = __decorate([
-    customElement('it-collapse')
-], ItCollapse);
-
-export { ItCollapse };
-//# sourceMappingURL=it-collapse.js.map

package/dist/src/it-collapse.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"it-collapse.js","sources":["../../../src/types.ts","../../../src/it-collapse.ts"],"sourcesContent":["export const HEADING_LEVELS = ['h2', 'h3', 'h4', 'h5', 'h6'] as const;\nexport const ACCORDION_MODES = ['single', 'multiple'] as const;\n\nexport type HeadingLevels = (typeof HEADING_LEVELS)[number];\nexport type TriggerTag = keyof HTMLElementTagNameMap;\nexport type PressEvent = MouseEvent | KeyboardEvent;\nexport const isMouseEvent = (event: PressEvent): event is MouseEvent => event instanceof MouseEvent;\nexport const isKeyboardEvent = (event: PressEvent): event is KeyboardEvent => event instanceof KeyboardEvent;\nexport type AccordionMode = (typeof ACCORDION_MODES)[number];\n","import { BaseComponent } from '@italia/globals';\nimport { html } from 'lit';\nimport { customElement, property, query, queryAssignedElements } from 'lit/decorators.js';\nimport { when } from 'lit/directives/when.js';\nimport { unsafeStatic } from 'lit/static-html.js';\nimport styles from './collapse.scss';\nimport { isKeyboardEvent, isMouseEvent, PressEvent } from './types.js';\n\n// TODO: quando si sviluppa collapse come componente standalone, decoupling dalle classi di accordion, e aggiornare il part name\n@customElement('it-collapse')\nexport class ItCollapse extends BaseComponent {\n  static styles = styles;\n\n  static override shadowRootOptions = {\n    ...BaseComponent.shadowRootOptions,\n    delegatesFocus: true,\n  };\n\n  @property({ type: Boolean, reflect: true })\n  expanded = false;\n\n  @property({ type: String })\n  label: string = '';\n\n  @property({ type: String })\n  as: string = 'button';\n\n  @property({ type: Boolean, attribute: 'default-open', reflect: true })\n  defaultOpen = false;\n\n  @query('.collapse-content')\n  contentElement!: HTMLElement;\n\n  @queryAssignedElements({ slot: 'trigger' })\n  private triggerElements!: HTMLElement[];\n\n  get triggerElement(): HTMLElement | null {\n    return this.triggerElements.length > 0 ? this.triggerElements[0] : null;\n  }\n\n  private isAnimating = false;\n\n  private animation?: Animation;\n\n  private readonly animationDuration = 350; // ms\n\n  protected _triggerId = this.generateId('it-collapse-trigger');\n\n  protected _contentId = this.generateId('it-collapse-content');\n\n  override connectedCallback() {\n    super.connectedCallback?.();\n    // Initialize from default-open\n    if (this.defaultOpen && !this.expanded) {\n      this.expanded = this.defaultOpen;\n    }\n  }\n\n  protected handleTriggerAction = (e: PressEvent) => {\n    if (this.isAnimating) {\n      e.preventDefault();\n      e.stopPropagation();\n      return;\n    }\n    if (isKeyboardEvent(e) && (e.key === 'Enter' || e.key === ' ')) {\n      e.preventDefault();\n      this.toggle();\n    } else if (isMouseEvent(e)) {\n      e.preventDefault();\n      this.toggle();\n    }\n  };\n\n  async toggle() {\n    // Blocca toggle durante animazione\n    if (this.isAnimating) return;\n\n    const nextValue = !this.expanded;\n    this.expanded = nextValue;\n    this.dispatchEvent(\n      new CustomEvent('it-collapse-toggle', {\n        detail: {\n          expanded: this.expanded,\n          id: this.contentElement?.id,\n        },\n        bubbles: true,\n        composed: true,\n        cancelable: true,\n      }),\n    );\n  }\n\n  private setInitialState() {\n    if (this.contentElement) {\n      if (this.expanded) {\n        this.contentElement.style.height = 'auto';\n        this.contentElement.style.visibility = 'visible';\n      } else {\n        this.contentElement.style.height = '0px';\n        this.contentElement.style.visibility = 'hidden';\n      }\n    }\n  }\n\n  private cleanupAnimation() {\n    if (this.animation) {\n      try {\n        this.animation.cancel();\n      } catch {\n        /* ignore */\n      }\n      this.animation = undefined;\n    }\n    this.isAnimating = false;\n  }\n\n  override firstUpdated() {\n    this.updateAriaAttributes();\n    // Set initial state and ensure overflow is hidden\n    this.setInitialState();\n  }\n\n  override updated(changedProperties: Map<string | number | symbol, unknown>): void {\n    if (changedProperties.has('defaultOpen')) {\n      if (this.defaultOpen && !this.expanded) {\n        this.expanded = this.defaultOpen;\n      }\n    }\n\n    if (changedProperties.has('expanded')) {\n      this.updateAriaAttributes();\n      this.updateBackgroundStyles();\n      const prev = changedProperties.get('expanded') as boolean | undefined;\n\n      // React to expanded property changes\n      if (!this.isAnimating && prev !== undefined && prev !== this.expanded) {\n        if (this.expanded) {\n          this.performExpand();\n        } else {\n          this.performCollapse();\n        }\n      }\n    }\n\n    // Se cambiano le proprietà di background, aggiorna gli stili\n    if (\n      changedProperties.has('backgroundActive') ||\n      changedProperties.has('backgroundHover') ||\n      changedProperties.has('leftIcon')\n    ) {\n      this.updateBackgroundStyles();\n    }\n  }\n\n  private updateAriaAttributes() {\n    // Se abbiamo il trigger di default, aggiorna quello\n    const defaultButton = this.shadowRoot?.querySelector('.accordion-button') as HTMLButtonElement;\n    if (defaultButton) {\n      defaultButton.setAttribute('aria-expanded', String(this.expanded));\n      defaultButton.setAttribute('aria-controls', this._contentId);\n      defaultButton.id = this._triggerId;\n    }\n\n    if (this.triggerElement) {\n      if (\n        this.triggerElement.tagName.toLowerCase() === 'button' ||\n        this.triggerElement.getAttribute('role') === 'button'\n      ) {\n        const buttonElement = this.triggerElement as HTMLElement;\n        buttonElement.id = this._triggerId;\n        buttonElement.setAttribute('aria-expanded', String(this.expanded));\n        buttonElement.setAttribute('aria-controls', this._contentId);\n      } else {\n        // Cerca un button all'interno\n        const nestedButton = this.triggerElement.querySelector('button, [role=\"button\"]') as HTMLElement;\n        if (nestedButton) {\n          nestedButton.id = this._triggerId;\n          nestedButton.setAttribute('aria-expanded', String(this.expanded));\n          nestedButton.setAttribute('aria-controls', this._contentId);\n        }\n      }\n    }\n    // Aggiorna anche gli stili e le icone di chi implementa questo metodo via estensione\n    this.updateBackgroundStyles();\n  }\n\n  // eslint-disable-next-line class-methods-use-this\n  protected updateBackgroundStyles() {}\n\n  private performExpand() {\n    if (!this.contentElement) return;\n\n    this.cleanupAnimation();\n    this.isAnimating = true;\n\n    // Ensure overflow is hidden during animation\n    this.contentElement.style.overflow = 'hidden';\n    this.contentElement.style.visibility = 'visible';\n    const startHeight = this.contentElement.offsetHeight;\n    const endHeight = this.contentElement.scrollHeight;\n    const duration = this.prefersReducedMotion ? 0 : this.animationDuration;\n\n    this.animation = this.contentElement.animate([{ height: `${startHeight}px` }, { height: `${endHeight}px` }], {\n      duration,\n      easing: 'ease',\n    });\n\n    this.animation.finished\n      .then(() => {\n        this.contentElement.style.height = 'auto';\n        // Keep overflow hidden as per CSS\n        this.contentElement.style.overflow = 'hidden';\n      })\n      .catch(() => {\n        // Animation cancelled\n      })\n      .finally(() => {\n        this.cleanupAnimation();\n      });\n  }\n\n  private performCollapse() {\n    if (!this.contentElement) return;\n\n    this.cleanupAnimation();\n    this.isAnimating = true;\n\n    const el = this.contentElement;\n    // Ensure overflow is hidden during animation\n    el.style.overflow = 'hidden';\n    const startHeight = el.scrollHeight;\n    const endHeight = 0;\n    const duration = this.prefersReducedMotion ? 0 : this.animationDuration;\n\n    el.style.height = `${startHeight}px`;\n\n    this.animation = el.animate([{ height: `${startHeight}px` }, { height: `${endHeight}px` }], {\n      duration,\n      easing: 'ease',\n    });\n\n    this.animation.finished\n      .then(() => {\n        el.style.height = '0px';\n        el.style.visibility = 'hidden';\n        el.style.overflow = 'hidden';\n      })\n      .catch(() => {\n        // Animation cancelled\n      })\n      .finally(() => {\n        this.cleanupAnimation();\n      });\n  }\n\n  private _onTriggerSlotChange = () => {\n    // Aggiorna gli attributi ARIA quando il contenuto dello slot cambia\n    this.updateAriaAttributes();\n  };\n\n  protected renderDefaultTrigger() {\n    if (!this.label) return null;\n\n    const buttonClasses = this.composeClass(!this.expanded && 'collapsed');\n\n    const defaultButtonElement = html`<button\n      type=\"button\"\n      part=\"trigger\"\n      class=\"${buttonClasses}\"\n      aria-expanded=\"${this.expanded}\"\n      aria-controls=\"${this._contentId}\"\n      id=\"${this._triggerId}\"\n      @click=${this.handleTriggerAction}\n      @keydown=${this.handleTriggerAction}\n    >\n      ${this.label}\n    </button>`;\n\n    if (this.as === 'button') {\n      return defaultButtonElement;\n    }\n    const tagName = this.isValidTag(this.as) ? this.as : 'div';\n    const Tag = unsafeStatic(tagName);\n    // eslint-disable-next-line lit/binding-positions, lit/no-invalid-html\n    return html`<${Tag} part=\"trigger\" role=\"button\" aria-expanded=\"${this.expanded}\" aria-controls=\"${this._contentId}\" id=\"${this._triggerId}\">${this.label}</${Tag}>`;\n  }\n\n  private hasSlottedTrigger(): boolean {\n    return !!this.triggerElement;\n  }\n\n  // eslint-disable-next-line class-methods-use-this\n  protected isValidTag(tag: string) {\n    return /^[a-z][a-z0-9-]+$/.test(tag); // semplice validazione\n  }\n\n  render() {\n    // Nota sull'estensione: quando passi this.renderDefaultTrigger come callback a when\n    // la funzione viene chiamata senza contesto (this viene perso) — devi chiamare il metodo tramite closure\n    // che mantiene il contesto, es. () => this.renderDefaultTrigger().\n    const hasCustomTrigger = this.hasSlottedTrigger();\n    return html`\n      <div class=\"accordion-item\" part=\"accordion-item\">\n        <div class=\"collapse-wrapper\">\n          ${when(!hasCustomTrigger, () => this.renderDefaultTrigger())}\n          <slot name=\"trigger\" @slotchange=${this._onTriggerSlotChange} part=\"trigger\"></slot>\n          <div\n            class=\"collapse-content\"\n            part=\"content\"\n            role=\"region\"\n            aria-labelledby=\"${this._triggerId}\"\n            id=\"${this._contentId}\"\n          >\n            <div class=\"accordion-body\">\n              <slot name=\"content\"></slot>\n            </div>\n          </div>\n        </div>\n      </div>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'it-collapse': ItCollapse;\n  }\n}\n"],"names":[],"mappings":"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"}