@govbr-ds/webcomponents 2.0.0-next.40 → 2.0.0-next.42

package/dist/collection/components/dropdown/dropdown.js

@@ -27,23 +27,278 @@ export class Dropdown {
      * Caso não seja fornecido, um ID gerado automaticamente será usado.
      */
     customId = `br-dropdown-${dropdownId++}`;
+    // Elementos DOM privados
+    triggerElement;
+    targetElement = null;
+    dropdownItems = [];
+    dropdownLinks = [];
+    focusableElement = null;
+    // Event handlers
+    clickHandler;
+    triggerKeydownHandler;
+    targetKeydownHandler;
     /**
      * Método chamado sempre que a propriedade `isOpen` muda.
      * Emite um evento com o novo estado do dropdown.
      */
-    isOpenChanged() {
-        this.brDropdownChange.emit({ 'is-opened': this.isOpen });
+    isOpenChanged(newValue) {
+        if (this.triggerElement !== null && this.triggerElement !== undefined) {
+            if (newValue) {
+                this.triggerElement.setAttribute('aria-expanded', 'true');
+            }
+            else {
+                this.triggerElement.removeAttribute('aria-expanded');
+            }
+        }
+        if (newValue) {
+            this.initializeDropdownItems();
+        }
+        else {
+            if (this.triggerElement !== null && this.triggerElement !== undefined) {
+                this.focusOnTriggerElement();
+            }
+        }
+        this.brDropdownChange.emit({ 'is-opened': newValue });
     }
     connectedCallback() {
-        document.addEventListener('click', this.onClickOutside.bind(this));
+        this.clickHandler = this.onClickOutside.bind(this);
+        document.addEventListener('click', this.clickHandler);
     }
     disconnectedCallback() {
-        document.removeEventListener('click', this.onClickOutside.bind(this));
+        document.removeEventListener('click', this.clickHandler);
+        if (this.triggerElement !== null && this.triggerElement !== undefined) {
+            this.triggerElement.removeEventListener('keydown', this.triggerKeydownHandler);
+        }
+        if (this.targetElement !== null && this.targetElement !== undefined) {
+            this.targetElement.removeEventListener('keydown', this.targetKeydownHandler);
+        }
+        this.clearDropdownItemListeners();
+    }
+    clearDropdownItemListeners() {
+        this.dropdownItems.forEach((item) => {
+            item.removeEventListener('keydown', this.handleItemKeydown);
+        });
+        this.dropdownLinks.forEach((link) => {
+            link.removeEventListener('keydown', this.handleLinkKeydown);
+        });
+        this.dropdownItems = [];
+        this.dropdownLinks = [];
+    }
+    componentDidLoad() {
+        this.triggerElement = this.el.shadowRoot.querySelector('#trigger');
+        this.targetElement = this.el.shadowRoot.querySelector('#target');
+        this.setBehavior();
+        if (this.isOpen) {
+            this.initializeDropdownItems();
+        }
     }
     /**
      * Evento emitido quando o estado do dropdown muda.
      */
     brDropdownChange;
+    /**
+     * Configura os comportamentos de interação do dropdown
+     */
+    setBehavior() {
+        if (this.triggerElement === null)
+            return;
+        this.triggerKeydownHandler = (event) => {
+            if (event.key === 'Enter' || event.key === ' ') {
+                event.preventDefault();
+                this.handleTriggerBehavior(event);
+            }
+            else if (event.key === 'Escape') {
+                event.preventDefault();
+                this.hide();
+                this.focusOnTriggerElement();
+            }
+            else if (event.key === 'ArrowDown' && this.isOpen) {
+                event.preventDefault();
+                this.initializeDropdownItems();
+                if (this.dropdownLinks.length > 0) {
+                    this.focusOnElement(this.dropdownLinks[0]);
+                }
+                else if (this.dropdownItems.length > 0) {
+                    this.focusOnElement(this.dropdownItems[0]);
+                }
+            }
+        };
+        this.targetKeydownHandler = (event) => {
+            if (event.key === 'Escape') {
+                event.preventDefault();
+                this.hide();
+                this.focusOnTriggerElement();
+            }
+        };
+        this.triggerElement.addEventListener('keydown', this.triggerKeydownHandler);
+        if (this.targetElement) {
+            this.targetElement.addEventListener('keydown', this.targetKeydownHandler);
+        }
+    }
+    /**
+     * Lida com o comportamento no trigger
+     */
+    handleTriggerBehavior(event) {
+        event.preventDefault();
+        this.toggle(event);
+        if (this.isOpen) {
+            setTimeout(() => {
+                this.initializeDropdownItems();
+            }, 0);
+        }
+    }
+    /**
+     * Inicializa os itens do dropdown com comportamentos de navegação com teclado,
+     * separando claramente entre elementos navegáveis por Tab e elementos navegáveis por setas
+     */
+    initializeDropdownItems() {
+        if (this.targetElement === null)
+            return;
+        this.clearDropdownItemListeners();
+        this.targetElement.setAttribute('tabindex', '-1');
+        this.targetElement.focus();
+        const targetSlot = this.el.shadowRoot.querySelector('slot[name="target"]');
+        if (targetSlot === null || targetSlot === undefined)
+            return;
+        const assignedElements = targetSlot.assignedElements();
+        if (assignedElements.length === 0)
+            return;
+        const nonLinkSelector = 'button, br-button, input, br-input, br-item:not([href]), textarea, br-textarea, select, br-select, details, [tabindex]:not([tabindex="-1"]):not(a[href])';
+        const linkSelector = 'a[href], br-item[href]';
+        assignedElements.forEach((element) => {
+            if (element instanceof HTMLElement) {
+                if (element.matches(linkSelector)) {
+                    this.dropdownLinks.push(element);
+                }
+                else if (element.matches(nonLinkSelector)) {
+                    this.dropdownItems.push(element);
+                }
+            }
+            const linkChildren = Array.from(element.querySelectorAll(linkSelector));
+            this.dropdownLinks = this.dropdownLinks.concat(linkChildren);
+            const nonLinkChildren = Array.from(element.querySelectorAll(nonLinkSelector));
+            this.dropdownItems = this.dropdownItems.concat(nonLinkChildren);
+        });
+        this.dropdownItems.forEach((item) => {
+            item.addEventListener('keydown', this.handleItemKeydown);
+        });
+        this.dropdownLinks.forEach((link) => {
+            link.addEventListener('keydown', this.handleLinkKeydown);
+        });
+        if (this.dropdownLinks.length > 0) {
+            this.focusOnElement(this.dropdownLinks[0]);
+            this.focusableElement = this.dropdownLinks[0];
+        }
+        else if (this.dropdownItems.length > 0) {
+            this.focusOnElement(this.dropdownItems[0]);
+            this.focusableElement = this.dropdownItems[0];
+        }
+    }
+    /**
+     * Handler específico para links
+     */
+    handleLinkKeydown = (event) => {
+        const link = event.currentTarget;
+        const key = event.key;
+        const linkIndex = this.dropdownLinks.indexOf(link);
+        const lastLinkIndex = this.dropdownLinks.length - 1;
+        switch (key) {
+            case 'ArrowUp':
+            case 'ArrowDown':
+            case 'Home':
+            case 'End':
+                event.preventDefault();
+                event.stopPropagation();
+                break;
+            case 'Tab':
+                event.preventDefault();
+                if (!event.shiftKey) {
+                    if (linkIndex >= lastLinkIndex) {
+                        this.focusOnElement(this.dropdownLinks[0]);
+                    }
+                    else {
+                        this.focusOnElement(this.dropdownLinks[linkIndex + 1]);
+                    }
+                }
+                else {
+                    if (linkIndex <= 0) {
+                        this.focusOnElement(this.dropdownLinks[lastLinkIndex]);
+                    }
+                    else {
+                        this.focusOnElement(this.dropdownLinks[linkIndex - 1]);
+                    }
+                }
+                break;
+            case 'Enter':
+            case ' ':
+                if (key === ' ' && link.tagName.toLowerCase() === 'a') {
+                    event.preventDefault();
+                }
+                setTimeout(() => this.hide(), 100);
+                break;
+            case 'Escape':
+                event.preventDefault();
+                this.hide();
+                this.focusOnTriggerElement();
+                break;
+            default:
+                break;
+        }
+    };
+    /**
+     * Handler para eventos de keydown nos itens não-link
+     * Implementa navegação completa por setas, Tab não navega entre estes itens
+     */
+    handleItemKeydown = (event) => {
+        const item = event.currentTarget;
+        const key = event.key;
+        const currentIndex = this.dropdownItems.indexOf(item);
+        const lastIndex = this.dropdownItems.length - 1;
+        switch (key) {
+            case 'ArrowUp':
+                event.preventDefault();
+                if (currentIndex <= 0) {
+                    this.focusOnElement(this.dropdownItems[lastIndex]);
+                }
+                else {
+                    this.focusOnElement(this.dropdownItems[currentIndex - 1]);
+                }
+                break;
+            case 'ArrowDown':
+                event.preventDefault();
+                if (currentIndex >= lastIndex) {
+                    this.focusOnElement(this.dropdownItems[0]);
+                }
+                else {
+                    this.focusOnElement(this.dropdownItems[currentIndex + 1]);
+                }
+                break;
+            case 'Home':
+                event.preventDefault();
+                this.focusOnElement(this.dropdownItems[0]);
+                break;
+            case 'End':
+                event.preventDefault();
+                this.focusOnElement(this.dropdownItems[lastIndex]);
+                break;
+            case 'Enter':
+            case ' ':
+                event.preventDefault();
+                item.click();
+                this.hide();
+                this.focusOnTriggerElement();
+                break;
+            case 'Tab':
+                break;
+            case 'Escape':
+                event.preventDefault();
+                this.hide();
+                this.focusOnTriggerElement();
+                break;
+            default:
+                break;
+        }
+    };
     getCssClassMap() {
         return {
             'br-dropdown': true,
@@ -62,9 +317,13 @@ export class Dropdown {
      * @param {MouseEvent} event - O evento de clique que ocorreu.
      */
     onClickOutside(event) {
+        if (!this.isOpen)
+            return;
         const path = event.composedPath();
-        const dropdownElement = this.el.shadowRoot.querySelector('#target');
-        if (dropdownElement && !path.includes(dropdownElement)) {
+        if (this.triggerElement &&
+            this.targetElement &&
+            !path.includes(this.triggerElement) &&
+            !path.includes(this.targetElement)) {
             this.hide();
         }
     }
@@ -75,7 +334,7 @@ export class Dropdown {
      */
     async open() {
         this.isOpen = true;
-        return { isOpen: this.isOpen }; // Retorna o novo estado
+        return { isOpen: this.isOpen };
     }
     /**
      * Esconde o dropdown.
@@ -84,10 +343,71 @@ export class Dropdown {
      */
     async hide() {
         this.isOpen = false;
-        return { isOpen: this.isOpen }; // Retorna o novo estado
+        return { isOpen: this.isOpen };
+    }
+    /**
+     * Foca em um elemento específico com suporte a componentes personalizados
+     * @param targetElement Elemento a receber o foco
+     */
+    focusOnElement(targetElement) {
+        if (targetElement && targetElement !== this.el) {
+            if ('setFocus' in targetElement) {
+                ;
+                targetElement.setFocus();
+            }
+            else {
+                targetElement.focus();
+            }
+            targetElement.scrollIntoView({ behavior: 'smooth', block: 'nearest', inline: 'nearest' });
+        }
+    }
+    /**
+     * Foca no elemento interativo dentro do slot trigger
+     * Esta função procura pelo elemento dentro do slot trigger e aplica o foco nele
+     */
+    focusOnTriggerElement() {
+        const triggerSlot = this.el.shadowRoot.querySelector('slot[name="trigger"]');
+        if (triggerSlot) {
+            const slotElements = triggerSlot.assignedElements();
+            if (slotElements.length > 0) {
+                const firstElement = slotElements[0];
+                if ('setFocus' in firstElement) {
+                    ;
+                    firstElement.setFocus();
+                }
+                else {
+                    firstElement.focus();
+                }
+                firstElement.scrollIntoView({ behavior: 'smooth', block: 'nearest', inline: 'nearest' });
+            }
+            else {
+                if (this.triggerElement) {
+                    this.triggerElement.focus();
+                    this.triggerElement.scrollIntoView({ behavior: 'smooth', block: 'nearest', inline: 'nearest' });
+                }
+            }
+        }
+        else {
+            if (this.triggerElement) {
+                this.triggerElement.focus();
+                this.triggerElement.scrollIntoView({ behavior: 'smooth', block: 'nearest', inline: 'nearest' });
+            }
+        }
+    }
+    /**
+     * Define o foco no elemento interno do componente.
+     * Este método pode ser chamado externamente para garantir que o foco seja aplicado ao elemento correto.
+     */
+    async setFocus() {
+        if (this.focusableElement !== null && this.focusableElement !== undefined) {
+            this.focusableElement.focus();
+        }
+        else {
+            this.focusOnTriggerElement();
+        }
     }
     render() {
-        return (h(Host, { key: '82a35288108f2fff8a517bde993a2d54309023c3', "is-open": this.isOpen }, h("div", { key: '38bee900d6ac8b91b9dd672d29fd55a98548dc6f', class: this.getCssClassMap(), id: this.customId }, h("div", { key: '3bced356373b4c231308152d0862292d537e1b1f', id: "trigger", onClick: this.toggle, "aria-controls": "target", "aria-haspopup": "true", "aria-expanded": this.isOpen }, h("slot", { key: 'a4c5f74cf69ff1d7dcfe88e954bf943b399584da', name: "trigger" })), h("div", { key: '2291bea938bc1297590dd015e61038400d72656d', id: "target", "aria-hidden": !this.isOpen }, h("slot", { key: '267a2d2b8f091f9dc49f40e8a0895447c95e19b1', name: "target" })))));
+        return (h(Host, { key: '02cb03b288f7a36357cce0c3fd835ae67f357473', "is-open": this.isOpen }, h("div", { key: '7cd2f136a3c4479e56b0846c62379127524006c9', class: this.getCssClassMap(), id: this.customId }, h("div", { key: 'ced3927426f40e6768a242fb18c370c143b494fb', id: "trigger", onClick: this.toggle, "aria-controls": "target", "aria-haspopup": "true" }, h("slot", { key: '844d8f708daf611c70f36a293ab852305e4231ba', name: "trigger" })), h("div", { key: '835dd4b23f3a09faa9ced1bd5b0c3c05f8e7bc76', id: "target", "aria-hidden": !this.isOpen, role: "menu" }, h("slot", { key: 'e8286c83c4231ba7324ce322729bb290bc69fa96', name: "target" })))));
     }
     static get is() { return "br-dropdown"; }
     static get encapsulation() { return "shadow"; }
@@ -205,6 +525,23 @@ export class Dropdown {
                             "text": "() para que possa ser chamado externamente."
                         }]
                 }
+            },
+            "setFocus": {
+                "complexType": {
+                    "signature": "() => Promise<void>",
+                    "parameters": [],
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        }
+                    },
+                    "return": "Promise<void>"
+                },
+                "docs": {
+                    "text": "Define o foco no elemento interno do componente.\nEste m\u00E9todo pode ser chamado externamente para garantir que o foco seja aplicado ao elemento correto.",
+                    "tags": []
+                }
             }
         };
     }

package/dist/collection/components/dropdown/dropdown.js.map

@@ -1 +1 @@
-{"version":3,"file":"dropdown.js","sourceRoot":"","sources":["../../../../../../packages/webcomponents/src/components/dropdown/dropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,SAAS,EAAE,OAAO,EAAE,KAAK,EAAgB,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,eAAe,CAAA;AAItH;;;;;GAKG;AAOH,MAAM,OAAO,QAAQ;IACnB;;;OAGG;IACQ,EAAE,CAAuB;IAEjB,gBAAgB,CAAkB;IAErD;;;;OAIG;IACqC,MAAM,GAAY,KAAK,CAAA;IAE/D;;;OAGG;IAC+B,QAAQ,GAAW,eAAe,UAAU,EAAE,EAAE,CAAA;IAElF;;;OAGG;IAEH,aAAa;QACX,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,EAAE,WAAW,EAAE,IAAI,CAAC,MAAM,EAAE,CAAC,CAAA;IAC1D,CAAC;IAED,iBAAiB;QACf,QAAQ,CAAC,gBAAgB,CAAC,OAAO,EAAE,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAA;IACpE,CAAC;IAED,oBAAoB;QAClB,QAAQ,CAAC,mBAAmB,CAAC,OAAO,EAAE,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAA;IACvE,CAAC;IAED;;OAEG;IACM,gBAAgB,CAAwC;IAEzD,cAAc;QACpB,OAAO;YACL,aAAa,EAAE,IAAI;SACpB,CAAA;IACH,CAAC;IAED;;OAEG;IACc,MAAM,GAAG,CAAC,KAAY,EAAE,EAAE;QACzC,KAAK,CAAC,eAAe,EAAE,CAAA;QACvB,IAAI,CAAC,MAAM,GAAG,CAAC,IAAI,CAAC,MAAM,CAAA;IAC5B,CAAC,CAAA;IAED;;;;OAIG;IACK,cAAc,CAAC,KAAiB;QACtC,MAAM,IAAI,GAAG,KAAK,CAAC,YAAY,EAAE,CAAA;QACjC,MAAM,eAAe,GAAG,IAAI,CAAC,EAAE,CAAC,UAAU,CAAC,aAAa,CAAC,SAAS,CAAC,CAAA;QAEnE,IAAI,eAAe,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,eAAe,CAAC,EAAE,CAAC;YACvD,IAAI,CAAC,IAAI,EAAE,CAAA;QACb,CAAC;IACH,CAAC;IAED;;;;OAIG;IAEH,KAAK,CAAC,IAAI;QACR,IAAI,CAAC,MAAM,GAAG,IAAI,CAAA;QAClB,OAAO,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,CAAA,CAAC,wBAAwB;IACzD,CAAC;IAED;;;;OAIG;IAEH,KAAK,CAAC,IAAI;QACR,IAAI,CAAC,MAAM,GAAG,KAAK,CAAA;QACnB,OAAO,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,CAAA,CAAC,wBAAwB;IACzD,CAAC;IAED,MAAM;QACJ,OAAO,CACL,EAAC,IAAI,gEAAU,IAAI,CAAC,MAAM;YACxB,4DAAK,KAAK,EAAE,IAAI,CAAC,cAAc,EAAE,EAAE,EAAE,EAAE,IAAI,CAAC,QAAQ;gBAClD,4DACE,EAAE,EAAC,SAAS,EACZ,OAAO,EAAE,IAAI,CAAC,MAAM,mBACN,QAAQ,mBACR,MAAM,mBACL,IAAI,CAAC,MAAM;oBAE1B,6DAAM,IAAI,EAAC,SAAS,GAAQ,CACxB;gBACN,4DAAK,EAAE,EAAC,QAAQ,iBAAc,CAAC,IAAI,CAAC,MAAM;oBACxC,6DAAM,IAAI,EAAC,QAAQ,GAAQ,CACvB,CACF,CACD,CACR,CAAA;IACH,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF;AAED,IAAI,UAAU,GAAG,CAAC,CAAA","sourcesContent":["import { AttachInternals, Component, Element, Event, EventEmitter, h, Host, Method, Prop, Watch } from '@stencil/core'\n\nimport { CssClassMap } from '../../utils/interfaces'\n\n/**\n * Para uma descrição detalhada, consulte a [documentação do GovBR-DS](https://www.gov.br/ds/components/dropdown?tab=designer).\n *\n * @slot trigger - Slot que recebe o elemento acionador\n * @slot target - Slot que recebe o elemento alvo\n */\n@Component({\n  tag: 'br-dropdown',\n  styleUrl: 'dropdown.scss',\n  shadow: true,\n  formAssociated: true,\n})\nexport class Dropdown {\n  /**\n   * Referência ao elemento host do componente.\n   * Utilize esta propriedade para acessar e manipular o elemento do DOM associado ao componente.\n   */\n  @Element() el: HTMLBrDropdownElement\n\n  @AttachInternals() elementInternals: ElementInternals\n\n  /**\n   * Indica se o dropdown está aberto ou fechado.\n   * Esta propriedade é refletida no DOM e pode ser alterada externamente.\n   * O valor padrão é falso (fechado).\n   */\n  @Prop({ reflect: true, mutable: true }) isOpen: boolean = false\n\n  /**\n   * Identificador único.\n   * Caso não seja fornecido, um ID gerado automaticamente será usado.\n   */\n  @Prop({ reflect: true }) readonly customId: string = `br-dropdown-${dropdownId++}`\n\n  /**\n   * Método chamado sempre que a propriedade `isOpen` muda.\n   * Emite um evento com o novo estado do dropdown.\n   */\n  @Watch('isOpen')\n  isOpenChanged() {\n    this.brDropdownChange.emit({ 'is-opened': this.isOpen })\n  }\n\n  connectedCallback() {\n    document.addEventListener('click', this.onClickOutside.bind(this))\n  }\n\n  disconnectedCallback() {\n    document.removeEventListener('click', this.onClickOutside.bind(this))\n  }\n\n  /**\n   * Evento emitido quando o estado do dropdown muda.\n   */\n  @Event() brDropdownChange: EventEmitter<{ 'is-opened': boolean }>\n\n  private getCssClassMap(): CssClassMap {\n    return {\n      'br-dropdown': true,\n    }\n  }\n\n  /**\n   * Alterna o estado do dropdown entre aberto e fechado.\n   */\n  private readonly toggle = (event: Event) => {\n    event.stopPropagation()\n    this.isOpen = !this.isOpen\n  }\n\n  /**\n   * Método que lida com cliques fora do dropdown.\n   *\n   * @param {MouseEvent} event - O evento de clique que ocorreu.\n   */\n  private onClickOutside(event: MouseEvent) {\n    const path = event.composedPath()\n    const dropdownElement = this.el.shadowRoot.querySelector('#target')\n\n    if (dropdownElement && !path.includes(dropdownElement)) {\n      this.hide()\n    }\n  }\n\n  /**\n   * Abre o dropdown.\n   * Define a propriedade `isOpen` como verdadeira e retorna o novo estado.\n   * Este método é marcado com @Method() para que possa ser chamado externamente.\n   */\n  @Method()\n  async open(): Promise<{ isOpen: boolean }> {\n    this.isOpen = true\n    return { isOpen: this.isOpen } // Retorna o novo estado\n  }\n\n  /**\n   * Esconde o dropdown.\n   * Define a propriedade `isOpen` como falsa e retorna o novo estado.\n   * Este método é marcado com @Method() para que possa ser chamado externamente.\n   */\n  @Method()\n  async hide(): Promise<{ isOpen: boolean }> {\n    this.isOpen = false\n    return { isOpen: this.isOpen } // Retorna o novo estado\n  }\n\n  render() {\n    return (\n      <Host is-open={this.isOpen}>\n        <div class={this.getCssClassMap()} id={this.customId}>\n          <div\n            id=\"trigger\"\n            onClick={this.toggle}\n            aria-controls=\"target\"\n            aria-haspopup=\"true\"\n            aria-expanded={this.isOpen}\n          >\n            <slot name=\"trigger\"></slot>\n          </div>\n          <div id=\"target\" aria-hidden={!this.isOpen}>\n            <slot name=\"target\"></slot>\n          </div>\n        </div>\n      </Host>\n    )\n  }\n}\n\nlet dropdownId = 0\n"]}
+{"version":3,"file":"dropdown.js","sourceRoot":"","sources":["../../../../../../packages/webcomponents/src/components/dropdown/dropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,SAAS,EAAE,OAAO,EAAE,KAAK,EAAgB,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,eAAe,CAAA;AAItH;;;;;GAKG;AAOH,MAAM,OAAO,QAAQ;IACnB;;;OAGG;IACQ,EAAE,CAAuB;IAEjB,gBAAgB,CAAkB;IAErD;;;;OAIG;IACqC,MAAM,GAAY,KAAK,CAAA;IAE/D;;;OAGG;IAC+B,QAAQ,GAAW,eAAe,UAAU,EAAE,EAAE,CAAA;IAElF,yBAAyB;IACjB,cAAc,CAAa;IAC3B,aAAa,GAAuB,IAAI,CAAA;IACxC,aAAa,GAAkB,EAAE,CAAA;IACjC,aAAa,GAAkB,EAAE,CAAA;IACjC,gBAAgB,GAAmC,IAAI,CAAA;IAE/D,iBAAiB;IACT,YAAY,CAA6B;IACzC,qBAAqB,CAAgC;IACrD,oBAAoB,CAAgC;IAE5D;;;OAGG;IAEH,aAAa,CAAC,QAAiB;QAC7B,IAAI,IAAI,CAAC,cAAc,KAAK,IAAI,IAAI,IAAI,CAAC,cAAc,KAAK,SAAS,EAAE,CAAC;YACtE,IAAI,QAAQ,EAAE,CAAC;gBACb,IAAI,CAAC,cAAc,CAAC,YAAY,CAAC,eAAe,EAAE,MAAM,CAAC,CAAA;YAC3D,CAAC;iBAAM,CAAC;gBACN,IAAI,CAAC,cAAc,CAAC,eAAe,CAAC,eAAe,CAAC,CAAA;YACtD,CAAC;QACH,CAAC;QAED,IAAI,QAAQ,EAAE,CAAC;YACb,IAAI,CAAC,uBAAuB,EAAE,CAAA;QAChC,CAAC;aAAM,CAAC;YACN,IAAI,IAAI,CAAC,cAAc,KAAK,IAAI,IAAI,IAAI,CAAC,cAAc,KAAK,SAAS,EAAE,CAAC;gBACtE,IAAI,CAAC,qBAAqB,EAAE,CAAA;YAC9B,CAAC;QACH,CAAC;QAED,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,EAAE,WAAW,EAAE,QAAQ,EAAE,CAAC,CAAA;IACvD,CAAC;IAED,iBAAiB;QACf,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;QAClD,QAAQ,CAAC,gBAAgB,CAAC,OAAO,EAAE,IAAI,CAAC,YAAY,CAAC,CAAA;IACvD,CAAC;IAED,oBAAoB;QAClB,QAAQ,CAAC,mBAAmB,CAAC,OAAO,EAAE,IAAI,CAAC,YAAY,CAAC,CAAA;QAExD,IAAI,IAAI,CAAC,cAAc,KAAK,IAAI,IAAI,IAAI,CAAC,cAAc,KAAK,SAAS,EAAE,CAAC;YACtE,IAAI,CAAC,cAAc,CAAC,mBAAmB,CAAC,SAAS,EAAE,IAAI,CAAC,qBAAqB,CAAC,CAAA;QAChF,CAAC;QAED,IAAI,IAAI,CAAC,aAAa,KAAK,IAAI,IAAI,IAAI,CAAC,aAAa,KAAK,SAAS,EAAE,CAAC;YACpE,IAAI,CAAC,aAAa,CAAC,mBAAmB,CAAC,SAAS,EAAE,IAAI,CAAC,oBAAoB,CAAC,CAAA;QAC9E,CAAC;QAED,IAAI,CAAC,0BAA0B,EAAE,CAAA;IACnC,CAAC;IAEO,0BAA0B;QAChC,IAAI,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE;YAClC,IAAI,CAAC,mBAAmB,CAAC,SAAS,EAAE,IAAI,CAAC,iBAAiB,CAAC,CAAA;QAC7D,CAAC,CAAC,CAAA;QAEF,IAAI,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE;YAClC,IAAI,CAAC,mBAAmB,CAAC,SAAS,EAAE,IAAI,CAAC,iBAAiB,CAAC,CAAA;QAC7D,CAAC,CAAC,CAAA;QAEF,IAAI,CAAC,aAAa,GAAG,EAAE,CAAA;QACvB,IAAI,CAAC,aAAa,GAAG,EAAE,CAAA;IACzB,CAAC;IAED,gBAAgB;QACd,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC,EAAE,CAAC,UAAU,CAAC,aAAa,CAAC,UAAU,CAAC,CAAA;QAClE,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,EAAE,CAAC,UAAU,CAAC,aAAa,CAAC,SAAS,CAAC,CAAA;QAEhE,IAAI,CAAC,WAAW,EAAE,CAAA;QAElB,IAAI,IAAI,CAAC,MAAM,EAAE,CAAC;YAChB,IAAI,CAAC,uBAAuB,EAAE,CAAA;QAChC,CAAC;IACH,CAAC;IAED;;OAEG;IACM,gBAAgB,CAAwC;IAEjE;;OAEG;IACK,WAAW;QACjB,IAAI,IAAI,CAAC,cAAc,KAAK,IAAI;YAAE,OAAM;QAExC,IAAI,CAAC,qBAAqB,GAAG,CAAC,KAAoB,EAAE,EAAE;YACpD,IAAI,KAAK,CAAC,GAAG,KAAK,OAAO,IAAI,KAAK,CAAC,GAAG,KAAK,GAAG,EAAE,CAAC;gBAC/C,KAAK,CAAC,cAAc,EAAE,CAAA;gBACtB,IAAI,CAAC,qBAAqB,CAAC,KAAK,CAAC,CAAA;YACnC,CAAC;iBAAM,IAAI,KAAK,CAAC,GAAG,KAAK,QAAQ,EAAE,CAAC;gBAClC,KAAK,CAAC,cAAc,EAAE,CAAA;gBACtB,IAAI,CAAC,IAAI,EAAE,CAAA;gBACX,IAAI,CAAC,qBAAqB,EAAE,CAAA;YAC9B,CAAC;iBAAM,IAAI,KAAK,CAAC,GAAG,KAAK,WAAW,IAAI,IAAI,CAAC,MAAM,EAAE,CAAC;gBACpD,KAAK,CAAC,cAAc,EAAE,CAAA;gBACtB,IAAI,CAAC,uBAAuB,EAAE,CAAA;gBAC9B,IAAI,IAAI,CAAC,aAAa,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;oBAClC,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,CAAA;gBAC5C,CAAC;qBAAM,IAAI,IAAI,CAAC,aAAa,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;oBACzC,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,CAAA;gBAC5C,CAAC;YACH,CAAC;QACH,CAAC,CAAA;QAED,IAAI,CAAC,oBAAoB,GAAG,CAAC,KAAoB,EAAE,EAAE;YACnD,IAAI,KAAK,CAAC,GAAG,KAAK,QAAQ,EAAE,CAAC;gBAC3B,KAAK,CAAC,cAAc,EAAE,CAAA;gBACtB,IAAI,CAAC,IAAI,EAAE,CAAA;gBACX,IAAI,CAAC,qBAAqB,EAAE,CAAA;YAC9B,CAAC;QACH,CAAC,CAAA;QAED,IAAI,CAAC,cAAc,CAAC,gBAAgB,CAAC,SAAS,EAAE,IAAI,CAAC,qBAAqB,CAAC,CAAA;QAC3E,IAAI,IAAI,CAAC,aAAa,EAAE,CAAC;YACvB,IAAI,CAAC,aAAa,CAAC,gBAAgB,CAAC,SAAS,EAAE,IAAI,CAAC,oBAAoB,CAAC,CAAA;QAC3E,CAAC;IACH,CAAC;IAED;;OAEG;IACK,qBAAqB,CAAC,KAAY;QACxC,KAAK,CAAC,cAAc,EAAE,CAAA;QACtB,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,CAAA;QAElB,IAAI,IAAI,CAAC,MAAM,EAAE,CAAC;YAChB,UAAU,CAAC,GAAG,EAAE;gBACd,IAAI,CAAC,uBAAuB,EAAE,CAAA;YAChC,CAAC,EAAE,CAAC,CAAC,CAAA;QACP,CAAC;IACH,CAAC;IAED;;;OAGG;IACK,uBAAuB;QAC7B,IAAI,IAAI,CAAC,aAAa,KAAK,IAAI;YAAE,OAAM;QAEvC,IAAI,CAAC,0BAA0B,EAAE,CAAA;QAEjC,IAAI,CAAC,aAAa,CAAC,YAAY,CAAC,UAAU,EAAE,IAAI,CAAC,CAAA;QACjD,IAAI,CAAC,aAAa,CAAC,KAAK,EAAE,CAAA;QAE1B,MAAM,UAAU,GAAG,IAAI,CAAC,EAAE,CAAC,UAAU,CAAC,aAAa,CAAC,qBAAqB,CAAoB,CAAA;QAC7F,IAAI,UAAU,KAAK,IAAI,IAAI,UAAU,KAAK,SAAS;YAAE,OAAM;QAE3D,MAAM,gBAAgB,GAAG,UAAU,CAAC,gBAAgB,EAAE,CAAA;QACtD,IAAI,gBAAgB,CAAC,MAAM,KAAK,CAAC;YAAE,OAAM;QAEzC,MAAM,eAAe,GACnB,0JAA0J,CAAA;QAE5J,MAAM,YAAY,GAAG,wBAAwB,CAAA;QAE7C,gBAAgB,CAAC,OAAO,CAAC,CAAC,OAAO,EAAE,EAAE;YACnC,IAAI,OAAO,YAAY,WAAW,EAAE,CAAC;gBACnC,IAAI,OAAO,CAAC,OAAO,CAAC,YAAY,CAAC,EAAE,CAAC;oBAClC,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,OAAO,CAAC,CAAA;gBAClC,CAAC;qBAAM,IAAI,OAAO,CAAC,OAAO,CAAC,eAAe,CAAC,EAAE,CAAC;oBAC5C,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,OAAO,CAAC,CAAA;gBAClC,CAAC;YACH,CAAC;YAED,MAAM,YAAY,GAAG,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,gBAAgB,CAAC,YAAY,CAAC,CAAkB,CAAA;YACxF,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,aAAa,CAAC,MAAM,CAAC,YAAY,CAAC,CAAA;YAE5D,MAAM,eAAe,GAAG,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,gBAAgB,CAAC,eAAe,CAAC,CAAkB,CAAA;YAC9F,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,aAAa,CAAC,MAAM,CAAC,eAAe,CAAC,CAAA;QACjE,CAAC,CAAC,CAAA;QAEF,IAAI,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE;YAClC,IAAI,CAAC,gBAAgB,CAAC,SAAS,EAAE,IAAI,CAAC,iBAAiB,CAAC,CAAA;QAC1D,CAAC,CAAC,CAAA;QAEF,IAAI,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE;YAClC,IAAI,CAAC,gBAAgB,CAAC,SAAS,EAAE,IAAI,CAAC,iBAAiB,CAAC,CAAA;QAC1D,CAAC,CAAC,CAAA;QAEF,IAAI,IAAI,CAAC,aAAa,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;YAClC,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,CAAA;YAC1C,IAAI,CAAC,gBAAgB,GAAG,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,CAAA;QAC/C,CAAC;aAAM,IAAI,IAAI,CAAC,aAAa,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;YACzC,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,CAAA;YAC1C,IAAI,CAAC,gBAAgB,GAAG,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,CAAA;QAC/C,CAAC;IACH,CAAC;IAED;;OAEG;IACK,iBAAiB,GAAG,CAAC,KAAoB,EAAE,EAAE;QACnD,MAAM,IAAI,GAAG,KAAK,CAAC,aAA4B,CAAA;QAC/C,MAAM,GAAG,GAAG,KAAK,CAAC,GAAG,CAAA;QACrB,MAAM,SAAS,GAAG,IAAI,CAAC,aAAa,CAAC,OAAO,CAAC,IAAI,CAAC,CAAA;QAClD,MAAM,aAAa,GAAG,IAAI,CAAC,aAAa,CAAC,MAAM,GAAG,CAAC,CAAA;QAEnD,QAAQ,GAAG,EAAE,CAAC;YACZ,KAAK,SAAS,CAAC;YACf,KAAK,WAAW,CAAC;YACjB,KAAK,MAAM,CAAC;YACZ,KAAK,KAAK;gBACR,KAAK,CAAC,cAAc,EAAE,CAAA;gBACtB,KAAK,CAAC,eAAe,EAAE,CAAA;gBACvB,MAAK;YACP,KAAK,KAAK;gBACR,KAAK,CAAC,cAAc,EAAE,CAAA;gBAEtB,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC;oBACpB,IAAI,SAAS,IAAI,aAAa,EAAE,CAAC;wBAC/B,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,CAAA;oBAC5C,CAAC;yBAAM,CAAC;wBACN,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,aAAa,CAAC,SAAS,GAAG,CAAC,CAAC,CAAC,CAAA;oBACxD,CAAC;gBACH,CAAC;qBAAM,CAAC;oBACN,IAAI,SAAS,IAAI,CAAC,EAAE,CAAC;wBACnB,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,aAAa,CAAC,aAAa,CAAC,CAAC,CAAA;oBACxD,CAAC;yBAAM,CAAC;wBACN,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,aAAa,CAAC,SAAS,GAAG,CAAC,CAAC,CAAC,CAAA;oBACxD,CAAC;gBACH,CAAC;gBACD,MAAK;YACP,KAAK,OAAO,CAAC;YACb,KAAK,GAAG;gBACN,IAAI,GAAG,KAAK,GAAG,IAAI,IAAI,CAAC,OAAO,CAAC,WAAW,EAAE,KAAK,GAAG,EAAE,CAAC;oBACtD,KAAK,CAAC,cAAc,EAAE,CAAA;gBACxB,CAAC;gBACD,UAAU,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,IAAI,EAAE,EAAE,GAAG,CAAC,CAAA;gBAClC,MAAK;YACP,KAAK,QAAQ;gBACX,KAAK,CAAC,cAAc,EAAE,CAAA;gBACtB,IAAI,CAAC,IAAI,EAAE,CAAA;gBACX,IAAI,CAAC,qBAAqB,EAAE,CAAA;gBAC5B,MAAK;YACP;gBACE,MAAK;QACT,CAAC;IACH,CAAC,CAAA;IAED;;;OAGG;IACK,iBAAiB,GAAG,CAAC,KAAoB,EAAE,EAAE;QACnD,MAAM,IAAI,GAAG,KAAK,CAAC,aAA4B,CAAA;QAC/C,MAAM,GAAG,GAAG,KAAK,CAAC,GAAG,CAAA;QACrB,MAAM,YAAY,GAAG,IAAI,CAAC,aAAa,CAAC,OAAO,CAAC,IAAI,CAAC,CAAA;QACrD,MAAM,SAAS,GAAG,IAAI,CAAC,aAAa,CAAC,MAAM,GAAG,CAAC,CAAA;QAE/C,QAAQ,GAAG,EAAE,CAAC;YACZ,KAAK,SAAS;gBACZ,KAAK,CAAC,cAAc,EAAE,CAAA;gBACtB,IAAI,YAAY,IAAI,CAAC,EAAE,CAAC;oBACtB,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,aAAa,CAAC,SAAS,CAAC,CAAC,CAAA;gBACpD,CAAC;qBAAM,CAAC;oBACN,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,aAAa,CAAC,YAAY,GAAG,CAAC,CAAC,CAAC,CAAA;gBAC3D,CAAC;gBACD,MAAK;YAEP,KAAK,WAAW;gBACd,KAAK,CAAC,cAAc,EAAE,CAAA;gBACtB,IAAI,YAAY,IAAI,SAAS,EAAE,CAAC;oBAC9B,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,CAAA;gBAC5C,CAAC;qBAAM,CAAC;oBACN,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,aAAa,CAAC,YAAY,GAAG,CAAC,CAAC,CAAC,CAAA;gBAC3D,CAAC;gBACD,MAAK;YAEP,KAAK,MAAM;gBACT,KAAK,CAAC,cAAc,EAAE,CAAA;gBACtB,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,CAAA;gBAC1C,MAAK;YAEP,KAAK,KAAK;gBACR,KAAK,CAAC,cAAc,EAAE,CAAA;gBACtB,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,aAAa,CAAC,SAAS,CAAC,CAAC,CAAA;gBAClD,MAAK;YAEP,KAAK,OAAO,CAAC;YACb,KAAK,GAAG;gBACN,KAAK,CAAC,cAAc,EAAE,CAAA;gBACtB,IAAI,CAAC,KAAK,EAAE,CAAA;gBACZ,IAAI,CAAC,IAAI,EAAE,CAAA;gBACX,IAAI,CAAC,qBAAqB,EAAE,CAAA;gBAC5B,MAAK;YAEP,KAAK,KAAK;gBACR,MAAK;YAEP,KAAK,QAAQ;gBACX,KAAK,CAAC,cAAc,EAAE,CAAA;gBACtB,IAAI,CAAC,IAAI,EAAE,CAAA;gBACX,IAAI,CAAC,qBAAqB,EAAE,CAAA;gBAC5B,MAAK;YAEP;gBACE,MAAK;QACT,CAAC;IACH,CAAC,CAAA;IAEO,cAAc;QACpB,OAAO;YACL,aAAa,EAAE,IAAI;SACpB,CAAA;IACH,CAAC;IAED;;OAEG;IACc,MAAM,GAAG,CAAC,KAAY,EAAE,EAAE;QACzC,KAAK,CAAC,eAAe,EAAE,CAAA;QACvB,IAAI,CAAC,MAAM,GAAG,CAAC,IAAI,CAAC,MAAM,CAAA;IAC5B,CAAC,CAAA;IAED;;;;OAIG;IACK,cAAc,CAAC,KAAiB;QACtC,IAAI,CAAC,IAAI,CAAC,MAAM;YAAE,OAAM;QAExB,MAAM,IAAI,GAAG,KAAK,CAAC,YAAY,EAAE,CAAA;QAEjC,IACE,IAAI,CAAC,cAAc;YACnB,IAAI,CAAC,aAAa;YAClB,CAAC,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,cAAc,CAAC;YACnC,CAAC,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,aAAa,CAAC,EAClC,CAAC;YACD,IAAI,CAAC,IAAI,EAAE,CAAA;QACb,CAAC;IACH,CAAC;IAED;;;;OAIG;IAEH,KAAK,CAAC,IAAI;QACR,IAAI,CAAC,MAAM,GAAG,IAAI,CAAA;QAClB,OAAO,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,CAAA;IAChC,CAAC;IAED;;;;OAIG;IAEH,KAAK,CAAC,IAAI;QACR,IAAI,CAAC,MAAM,GAAG,KAAK,CAAA;QACnB,OAAO,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,CAAA;IAChC,CAAC;IAED;;;OAGG;IACK,cAAc,CAAC,aAA0B;QAC/C,IAAI,aAAa,IAAI,aAAa,KAAK,IAAI,CAAC,EAAE,EAAE,CAAC;YAC/C,IAAI,UAAU,IAAI,aAAa,EAAE,CAAC;gBAChC,CAAC;gBAAC,aAA0C,CAAC,QAAQ,EAAE,CAAA;YACzD,CAAC;iBAAM,CAAC;gBACN,aAAa,CAAC,KAAK,EAAE,CAAA;YACvB,CAAC;YACD,aAAa,CAAC,cAAc,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,SAAS,EAAE,MAAM,EAAE,SAAS,EAAE,CAAC,CAAA;QAC3F,CAAC;IACH,CAAC;IAED;;;OAGG;IACK,qBAAqB;QAC3B,MAAM,WAAW,GAAG,IAAI,CAAC,EAAE,CAAC,UAAU,CAAC,aAAa,CAAC,sBAAsB,CAAoB,CAAA;QAC/F,IAAI,WAAW,EAAE,CAAC;YAChB,MAAM,YAAY,GAAG,WAAW,CAAC,gBAAgB,EAAE,CAAA;YACnD,IAAI,YAAY,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;gBAC5B,MAAM,YAAY,GAAG,YAAY,CAAC,CAAC,CAAgB,CAAA;gBACnD,IAAI,UAAU,IAAI,YAAY,EAAE,CAAC;oBAC/B,CAAC;oBAAC,YAAyC,CAAC,QAAQ,EAAE,CAAA;gBACxD,CAAC;qBAAM,CAAC;oBACN,YAAY,CAAC,KAAK,EAAE,CAAA;gBACtB,CAAC;gBACD,YAAY,CAAC,cAAc,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,SAAS,EAAE,MAAM,EAAE,SAAS,EAAE,CAAC,CAAA;YAC1F,CAAC;iBAAM,CAAC;gBACN,IAAI,IAAI,CAAC,cAAc,EAAE,CAAC;oBACxB,IAAI,CAAC,cAAc,CAAC,KAAK,EAAE,CAAA;oBAC3B,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,SAAS,EAAE,MAAM,EAAE,SAAS,EAAE,CAAC,CAAA;gBACjG,CAAC;YACH,CAAC;QACH,CAAC;aAAM,CAAC;YACN,IAAI,IAAI,CAAC,cAAc,EAAE,CAAC;gBACxB,IAAI,CAAC,cAAc,CAAC,KAAK,EAAE,CAAA;gBAC3B,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,SAAS,EAAE,MAAM,EAAE,SAAS,EAAE,CAAC,CAAA;YACjG,CAAC;QACH,CAAC;IACH,CAAC;IAED;;;OAGG;IAEH,KAAK,CAAC,QAAQ;QACZ,IAAI,IAAI,CAAC,gBAAgB,KAAK,IAAI,IAAI,IAAI,CAAC,gBAAgB,KAAK,SAAS,EAAE,CAAC;YAC1E,IAAI,CAAC,gBAAgB,CAAC,KAAK,EAAE,CAAA;QAC/B,CAAC;aAAM,CAAC;YACN,IAAI,CAAC,qBAAqB,EAAE,CAAA;QAC9B,CAAC;IACH,CAAC;IAED,MAAM;QACJ,OAAO,CACL,EAAC,IAAI,gEAAU,IAAI,CAAC,MAAM;YACxB,4DAAK,KAAK,EAAE,IAAI,CAAC,cAAc,EAAE,EAAE,EAAE,EAAE,IAAI,CAAC,QAAQ;gBAClD,4DAAK,EAAE,EAAC,SAAS,EAAC,OAAO,EAAE,IAAI,CAAC,MAAM,mBAAgB,QAAQ,mBAAe,MAAM;oBACjF,6DAAM,IAAI,EAAC,SAAS,GAAQ,CACxB;gBACN,4DAAK,EAAE,EAAC,QAAQ,iBAAc,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,EAAC,MAAM;oBACrD,6DAAM,IAAI,EAAC,QAAQ,GAAQ,CACvB,CACF,CACD,CACR,CAAA;IACH,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF;AAED,IAAI,UAAU,GAAG,CAAC,CAAA","sourcesContent":["import { AttachInternals, Component, Element, Event, EventEmitter, h, Host, Method, Prop, Watch } from '@stencil/core'\n\nimport { CssClassMap } from '../../utils/interfaces'\n\n/**\n * Para uma descrição detalhada, consulte a [documentação do GovBR-DS](https://www.gov.br/ds/components/dropdown?tab=designer).\n *\n * @slot trigger - Slot que recebe o elemento acionador\n * @slot target - Slot que recebe o elemento alvo\n */\n@Component({\n  tag: 'br-dropdown',\n  styleUrl: 'dropdown.scss',\n  shadow: true,\n  formAssociated: true,\n})\nexport class Dropdown {\n  /**\n   * Referência ao elemento host do componente.\n   * Utilize esta propriedade para acessar e manipular o elemento do DOM associado ao componente.\n   */\n  @Element() el: HTMLBrDropdownElement\n\n  @AttachInternals() elementInternals: ElementInternals\n\n  /**\n   * Indica se o dropdown está aberto ou fechado.\n   * Esta propriedade é refletida no DOM e pode ser alterada externamente.\n   * O valor padrão é falso (fechado).\n   */\n  @Prop({ reflect: true, mutable: true }) isOpen: boolean = false\n\n  /**\n   * Identificador único.\n   * Caso não seja fornecido, um ID gerado automaticamente será usado.\n   */\n  @Prop({ reflect: true }) readonly customId: string = `br-dropdown-${dropdownId++}`\n\n  // Elementos DOM privados\n  private triggerElement: HTMLElement\n  private targetElement: HTMLElement | null = null\n  private dropdownItems: HTMLElement[] = []\n  private dropdownLinks: HTMLElement[] = []\n  private focusableElement: HTMLElement | null | undefined = null\n\n  // Event handlers\n  private clickHandler: (event: MouseEvent) => void\n  private triggerKeydownHandler: (event: KeyboardEvent) => void\n  private targetKeydownHandler: (event: KeyboardEvent) => void\n\n  /**\n   * Método chamado sempre que a propriedade `isOpen` muda.\n   * Emite um evento com o novo estado do dropdown.\n   */\n  @Watch('isOpen')\n  isOpenChanged(newValue: boolean) {\n    if (this.triggerElement !== null && this.triggerElement !== undefined) {\n      if (newValue) {\n        this.triggerElement.setAttribute('aria-expanded', 'true')\n      } else {\n        this.triggerElement.removeAttribute('aria-expanded')\n      }\n    }\n\n    if (newValue) {\n      this.initializeDropdownItems()\n    } else {\n      if (this.triggerElement !== null && this.triggerElement !== undefined) {\n        this.focusOnTriggerElement()\n      }\n    }\n\n    this.brDropdownChange.emit({ 'is-opened': newValue })\n  }\n\n  connectedCallback() {\n    this.clickHandler = this.onClickOutside.bind(this)\n    document.addEventListener('click', this.clickHandler)\n  }\n\n  disconnectedCallback() {\n    document.removeEventListener('click', this.clickHandler)\n\n    if (this.triggerElement !== null && this.triggerElement !== undefined) {\n      this.triggerElement.removeEventListener('keydown', this.triggerKeydownHandler)\n    }\n\n    if (this.targetElement !== null && this.targetElement !== undefined) {\n      this.targetElement.removeEventListener('keydown', this.targetKeydownHandler)\n    }\n\n    this.clearDropdownItemListeners()\n  }\n\n  private clearDropdownItemListeners() {\n    this.dropdownItems.forEach((item) => {\n      item.removeEventListener('keydown', this.handleItemKeydown)\n    })\n\n    this.dropdownLinks.forEach((link) => {\n      link.removeEventListener('keydown', this.handleLinkKeydown)\n    })\n\n    this.dropdownItems = []\n    this.dropdownLinks = []\n  }\n\n  componentDidLoad() {\n    this.triggerElement = this.el.shadowRoot.querySelector('#trigger')\n    this.targetElement = this.el.shadowRoot.querySelector('#target')\n\n    this.setBehavior()\n\n    if (this.isOpen) {\n      this.initializeDropdownItems()\n    }\n  }\n\n  /**\n   * Evento emitido quando o estado do dropdown muda.\n   */\n  @Event() brDropdownChange: EventEmitter<{ 'is-opened': boolean }>\n\n  /**\n   * Configura os comportamentos de interação do dropdown\n   */\n  private setBehavior() {\n    if (this.triggerElement === null) return\n\n    this.triggerKeydownHandler = (event: KeyboardEvent) => {\n      if (event.key === 'Enter' || event.key === ' ') {\n        event.preventDefault()\n        this.handleTriggerBehavior(event)\n      } else if (event.key === 'Escape') {\n        event.preventDefault()\n        this.hide()\n        this.focusOnTriggerElement()\n      } else if (event.key === 'ArrowDown' && this.isOpen) {\n        event.preventDefault()\n        this.initializeDropdownItems()\n        if (this.dropdownLinks.length > 0) {\n          this.focusOnElement(this.dropdownLinks[0])\n        } else if (this.dropdownItems.length > 0) {\n          this.focusOnElement(this.dropdownItems[0])\n        }\n      }\n    }\n\n    this.targetKeydownHandler = (event: KeyboardEvent) => {\n      if (event.key === 'Escape') {\n        event.preventDefault()\n        this.hide()\n        this.focusOnTriggerElement()\n      }\n    }\n\n    this.triggerElement.addEventListener('keydown', this.triggerKeydownHandler)\n    if (this.targetElement) {\n      this.targetElement.addEventListener('keydown', this.targetKeydownHandler)\n    }\n  }\n\n  /**\n   * Lida com o comportamento no trigger\n   */\n  private handleTriggerBehavior(event: Event) {\n    event.preventDefault()\n    this.toggle(event)\n\n    if (this.isOpen) {\n      setTimeout(() => {\n        this.initializeDropdownItems()\n      }, 0)\n    }\n  }\n\n  /**\n   * Inicializa os itens do dropdown com comportamentos de navegação com teclado,\n   * separando claramente entre elementos navegáveis por Tab e elementos navegáveis por setas\n   */\n  private initializeDropdownItems() {\n    if (this.targetElement === null) return\n\n    this.clearDropdownItemListeners()\n\n    this.targetElement.setAttribute('tabindex', '-1')\n    this.targetElement.focus()\n\n    const targetSlot = this.el.shadowRoot.querySelector('slot[name=\"target\"]') as HTMLSlotElement\n    if (targetSlot === null || targetSlot === undefined) return\n\n    const assignedElements = targetSlot.assignedElements()\n    if (assignedElements.length === 0) return\n\n    const nonLinkSelector =\n      'button, br-button, input, br-input, br-item:not([href]), textarea, br-textarea, select, br-select, details, [tabindex]:not([tabindex=\"-1\"]):not(a[href])'\n\n    const linkSelector = 'a[href], br-item[href]'\n\n    assignedElements.forEach((element) => {\n      if (element instanceof HTMLElement) {\n        if (element.matches(linkSelector)) {\n          this.dropdownLinks.push(element)\n        } else if (element.matches(nonLinkSelector)) {\n          this.dropdownItems.push(element)\n        }\n      }\n\n      const linkChildren = Array.from(element.querySelectorAll(linkSelector)) as HTMLElement[]\n      this.dropdownLinks = this.dropdownLinks.concat(linkChildren)\n\n      const nonLinkChildren = Array.from(element.querySelectorAll(nonLinkSelector)) as HTMLElement[]\n      this.dropdownItems = this.dropdownItems.concat(nonLinkChildren)\n    })\n\n    this.dropdownItems.forEach((item) => {\n      item.addEventListener('keydown', this.handleItemKeydown)\n    })\n\n    this.dropdownLinks.forEach((link) => {\n      link.addEventListener('keydown', this.handleLinkKeydown)\n    })\n\n    if (this.dropdownLinks.length > 0) {\n      this.focusOnElement(this.dropdownLinks[0])\n      this.focusableElement = this.dropdownLinks[0]\n    } else if (this.dropdownItems.length > 0) {\n      this.focusOnElement(this.dropdownItems[0])\n      this.focusableElement = this.dropdownItems[0]\n    }\n  }\n\n  /**\n   * Handler específico para links\n   */\n  private handleLinkKeydown = (event: KeyboardEvent) => {\n    const link = event.currentTarget as HTMLElement\n    const key = event.key\n    const linkIndex = this.dropdownLinks.indexOf(link)\n    const lastLinkIndex = this.dropdownLinks.length - 1\n\n    switch (key) {\n      case 'ArrowUp':\n      case 'ArrowDown':\n      case 'Home':\n      case 'End':\n        event.preventDefault()\n        event.stopPropagation()\n        break\n      case 'Tab':\n        event.preventDefault()\n\n        if (!event.shiftKey) {\n          if (linkIndex >= lastLinkIndex) {\n            this.focusOnElement(this.dropdownLinks[0])\n          } else {\n            this.focusOnElement(this.dropdownLinks[linkIndex + 1])\n          }\n        } else {\n          if (linkIndex <= 0) {\n            this.focusOnElement(this.dropdownLinks[lastLinkIndex])\n          } else {\n            this.focusOnElement(this.dropdownLinks[linkIndex - 1])\n          }\n        }\n        break\n      case 'Enter':\n      case ' ':\n        if (key === ' ' && link.tagName.toLowerCase() === 'a') {\n          event.preventDefault()\n        }\n        setTimeout(() => this.hide(), 100)\n        break\n      case 'Escape':\n        event.preventDefault()\n        this.hide()\n        this.focusOnTriggerElement()\n        break\n      default:\n        break\n    }\n  }\n\n  /**\n   * Handler para eventos de keydown nos itens não-link\n   * Implementa navegação completa por setas, Tab não navega entre estes itens\n   */\n  private handleItemKeydown = (event: KeyboardEvent) => {\n    const item = event.currentTarget as HTMLElement\n    const key = event.key\n    const currentIndex = this.dropdownItems.indexOf(item)\n    const lastIndex = this.dropdownItems.length - 1\n\n    switch (key) {\n      case 'ArrowUp':\n        event.preventDefault()\n        if (currentIndex <= 0) {\n          this.focusOnElement(this.dropdownItems[lastIndex])\n        } else {\n          this.focusOnElement(this.dropdownItems[currentIndex - 1])\n        }\n        break\n\n      case 'ArrowDown':\n        event.preventDefault()\n        if (currentIndex >= lastIndex) {\n          this.focusOnElement(this.dropdownItems[0])\n        } else {\n          this.focusOnElement(this.dropdownItems[currentIndex + 1])\n        }\n        break\n\n      case 'Home':\n        event.preventDefault()\n        this.focusOnElement(this.dropdownItems[0])\n        break\n\n      case 'End':\n        event.preventDefault()\n        this.focusOnElement(this.dropdownItems[lastIndex])\n        break\n\n      case 'Enter':\n      case ' ':\n        event.preventDefault()\n        item.click()\n        this.hide()\n        this.focusOnTriggerElement()\n        break\n\n      case 'Tab':\n        break\n\n      case 'Escape':\n        event.preventDefault()\n        this.hide()\n        this.focusOnTriggerElement()\n        break\n\n      default:\n        break\n    }\n  }\n\n  private getCssClassMap(): CssClassMap {\n    return {\n      'br-dropdown': true,\n    }\n  }\n\n  /**\n   * Alterna o estado do dropdown entre aberto e fechado.\n   */\n  private readonly toggle = (event: Event) => {\n    event.stopPropagation()\n    this.isOpen = !this.isOpen\n  }\n\n  /**\n   * Método que lida com cliques fora do dropdown.\n   *\n   * @param {MouseEvent} event - O evento de clique que ocorreu.\n   */\n  private onClickOutside(event: MouseEvent) {\n    if (!this.isOpen) return\n\n    const path = event.composedPath()\n\n    if (\n      this.triggerElement &&\n      this.targetElement &&\n      !path.includes(this.triggerElement) &&\n      !path.includes(this.targetElement)\n    ) {\n      this.hide()\n    }\n  }\n\n  /**\n   * Abre o dropdown.\n   * Define a propriedade `isOpen` como verdadeira e retorna o novo estado.\n   * Este método é marcado com @Method() para que possa ser chamado externamente.\n   */\n  @Method()\n  async open(): Promise<{ isOpen: boolean }> {\n    this.isOpen = true\n    return { isOpen: this.isOpen }\n  }\n\n  /**\n   * Esconde o dropdown.\n   * Define a propriedade `isOpen` como falsa e retorna o novo estado.\n   * Este método é marcado com @Method() para que possa ser chamado externamente.\n   */\n  @Method()\n  async hide(): Promise<{ isOpen: boolean }> {\n    this.isOpen = false\n    return { isOpen: this.isOpen }\n  }\n\n  /**\n   * Foca em um elemento específico com suporte a componentes personalizados\n   * @param targetElement Elemento a receber o foco\n   */\n  private focusOnElement(targetElement: HTMLElement) {\n    if (targetElement && targetElement !== this.el) {\n      if ('setFocus' in targetElement) {\n        ;(targetElement as { setFocus: () => void }).setFocus()\n      } else {\n        targetElement.focus()\n      }\n      targetElement.scrollIntoView({ behavior: 'smooth', block: 'nearest', inline: 'nearest' })\n    }\n  }\n\n  /**\n   * Foca no elemento interativo dentro do slot trigger\n   * Esta função procura pelo elemento dentro do slot trigger e aplica o foco nele\n   */\n  private focusOnTriggerElement() {\n    const triggerSlot = this.el.shadowRoot.querySelector('slot[name=\"trigger\"]') as HTMLSlotElement\n    if (triggerSlot) {\n      const slotElements = triggerSlot.assignedElements()\n      if (slotElements.length > 0) {\n        const firstElement = slotElements[0] as HTMLElement\n        if ('setFocus' in firstElement) {\n          ;(firstElement as { setFocus: () => void }).setFocus()\n        } else {\n          firstElement.focus()\n        }\n        firstElement.scrollIntoView({ behavior: 'smooth', block: 'nearest', inline: 'nearest' })\n      } else {\n        if (this.triggerElement) {\n          this.triggerElement.focus()\n          this.triggerElement.scrollIntoView({ behavior: 'smooth', block: 'nearest', inline: 'nearest' })\n        }\n      }\n    } else {\n      if (this.triggerElement) {\n        this.triggerElement.focus()\n        this.triggerElement.scrollIntoView({ behavior: 'smooth', block: 'nearest', inline: 'nearest' })\n      }\n    }\n  }\n\n  /**\n   * Define o foco no elemento interno do componente.\n   * Este método pode ser chamado externamente para garantir que o foco seja aplicado ao elemento correto.\n   */\n  @Method()\n  async setFocus() {\n    if (this.focusableElement !== null && this.focusableElement !== undefined) {\n      this.focusableElement.focus()\n    } else {\n      this.focusOnTriggerElement()\n    }\n  }\n\n  render() {\n    return (\n      <Host is-open={this.isOpen}>\n        <div class={this.getCssClassMap()} id={this.customId}>\n          <div id=\"trigger\" onClick={this.toggle} aria-controls=\"target\" aria-haspopup=\"true\">\n            <slot name=\"trigger\"></slot>\n          </div>\n          <div id=\"target\" aria-hidden={!this.isOpen} role=\"menu\">\n            <slot name=\"target\"></slot>\n          </div>\n        </div>\n      </Host>\n    )\n  }\n}\n\nlet dropdownId = 0\n"]}