@public-ui/visual-tests 4.3.0-rc.1 → 4.3.0-rc.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/app/dist/assets/Alert-LeFfZ8Oj-q6xkBMwW.js +2 -0
- package/app/dist/assets/Alert-LeFfZ8Oj-q6xkBMwW.js.map +1 -0
- package/app/dist/assets/Collapsible-BG8kZny4-D7QQckDg.js +2 -0
- package/app/dist/assets/Collapsible-BG8kZny4-D7QQckDg.js.map +1 -0
- package/app/dist/assets/CustomSuggestionsOptionsGroup--3PdjAdp-DVqeaAb-.js +2 -0
- package/app/dist/assets/CustomSuggestionsOptionsGroup--3PdjAdp-DVqeaAb-.js.map +1 -0
- package/app/dist/assets/FieldControlStateWrapper-BJghqA8K-8c6soCWp.js +2 -0
- package/app/dist/assets/FieldControlStateWrapper-BJghqA8K-8c6soCWp.js.map +1 -0
- package/app/dist/assets/FormFieldStateWrapper-D1Q6Lpff-BcE0oYC6.js +2 -0
- package/app/dist/assets/FormFieldStateWrapper-D1Q6Lpff-BcE0oYC6.js.map +1 -0
- package/app/dist/assets/Heading-uCdB_mbH-DKod8P-f.js +2 -0
- package/app/dist/assets/Heading-uCdB_mbH-DKod8P-f.js.map +1 -0
- package/app/dist/assets/Input-Cu811opH-BulJQfD3.js +2 -0
- package/app/dist/assets/Input-Cu811opH-BulJQfD3.js.map +1 -0
- package/app/dist/assets/InputStateWrapper-Cl_V9Vuo-DkZ0x-MC.js +2 -0
- package/app/dist/assets/InputStateWrapper-Cl_V9Vuo-DkZ0x-MC.js.map +1 -0
- package/app/dist/assets/_Uint8Array-kJHDjtoP-CTkgs_0o.js +2 -0
- package/app/dist/assets/_Uint8Array-kJHDjtoP-CTkgs_0o.js.map +1 -0
- package/app/dist/assets/access-and-short-key-C7QS_Tel-COXTroHd.js +2 -0
- package/app/dist/assets/access-and-short-key-C7QS_Tel-COXTroHd.js.map +1 -0
- package/app/dist/assets/align-DdWzcKWR-CMxncrQu.js +2 -0
- package/app/dist/assets/align-DdWzcKWR-CMxncrQu.js.map +1 -0
- package/app/dist/assets/align-floating-elements-CqZdcuwL-Crn-g1u-.js +2 -0
- package/app/dist/assets/align-floating-elements-CqZdcuwL-Crn-g1u-.js.map +1 -0
- package/app/dist/assets/aria-details-CG4GFq8t-DMdfnYtr.js +2 -0
- package/app/dist/assets/aria-details-CG4GFq8t-DMdfnYtr.js.map +1 -0
- package/app/dist/assets/aria-expanded-BwKOdsiZ-MDAIoJk2.js +2 -0
- package/app/dist/assets/aria-expanded-BwKOdsiZ-MDAIoJk2.js.map +1 -0
- package/app/dist/assets/aria-labelledby-6-ki3akM-C6lJ0lQF.js +2 -0
- package/app/dist/assets/aria-labelledby-6-ki3akM-C6lJ0lQF.js.map +1 -0
- package/app/dist/assets/aria-labelledby-BuvPnlu7-DWeVUk6D.js +2 -0
- package/app/dist/assets/aria-labelledby-BuvPnlu7-DWeVUk6D.js.map +1 -0
- package/app/dist/assets/associated.controller-Da2zylzp-vF9c3Kyq.js +2 -0
- package/app/dist/assets/associated.controller-Da2zylzp-vF9c3Kyq.js.map +1 -0
- package/app/dist/assets/auto-complete-p-8iouPy-Dp74oEdp.js +2 -0
- package/app/dist/assets/auto-complete-p-8iouPy-Dp74oEdp.js.map +1 -0
- package/app/dist/assets/base-controller-CXhqh4cR-BNzx0WwK.js +2 -0
- package/app/dist/assets/base-controller-CXhqh4cR-BNzx0WwK.js.map +1 -0
- package/app/dist/assets/base-web-component-CArCAUxk-iRwmL-Bz.js +2 -0
- package/app/dist/assets/base-web-component-CArCAUxk-iRwmL-Bz.js.map +1 -0
- package/app/dist/assets/clsx-COFh-Vc8-alQuJLqj.js +2 -0
- package/app/dist/assets/clsx-COFh-Vc8-alQuJLqj.js.map +1 -0
- package/app/dist/assets/color-CftCtla8-BlBPrQKt.js +2 -0
- package/app/dist/assets/color-CftCtla8-BlBPrQKt.js.map +1 -0
- package/app/dist/assets/component-2ImIjrdm-CLfZjMLU.js +2 -0
- package/app/dist/assets/component-2ImIjrdm-CLfZjMLU.js.map +1 -0
- package/app/dist/assets/component-DI3pO3QY-DBhA3_XT.js +2 -0
- package/app/dist/assets/component-DI3pO3QY-DBhA3_XT.js.map +1 -0
- package/app/dist/assets/component-DbrY6RW_-C_fX4Phj.js +15 -0
- package/app/dist/assets/component-DbrY6RW_-C_fX4Phj.js.map +1 -0
- package/app/dist/assets/component-fsnfw59D-Csotiz-4.js +2 -0
- package/app/dist/assets/component-fsnfw59D-Csotiz-4.js.map +1 -0
- package/app/dist/assets/contrast-D1msrkD4-BlhsJu9X.js +2 -0
- package/app/dist/assets/contrast-D1msrkD4-BlhsJu9X.js.map +1 -0
- package/app/dist/assets/controller-B21n_zqt-D5tvaHSC.js +2 -0
- package/app/dist/assets/controller-B21n_zqt-D5tvaHSC.js.map +1 -0
- package/app/dist/assets/controller-B2Qb2oqz-BVAVfqmA.js +2 -0
- package/app/dist/assets/controller-B2Qb2oqz-BVAVfqmA.js.map +1 -0
- package/app/dist/assets/controller-BuikHDKh-kkEW7S3V.js +2 -0
- package/app/dist/assets/controller-BuikHDKh-kkEW7S3V.js.map +1 -0
- package/app/dist/assets/controller-CJs4fTO0-C_M7l5V5.js +2 -0
- package/app/dist/assets/controller-CJs4fTO0-C_M7l5V5.js.map +1 -0
- package/app/dist/assets/controller-DiWO-Gw_-CyfNgPeX.js +2 -0
- package/app/dist/assets/controller-DiWO-Gw_-CyfNgPeX.js.map +1 -0
- package/app/dist/assets/controller-icon-DaBPXypo-DGokif20.js +2 -0
- package/app/dist/assets/controller-icon-DaBPXypo-DGokif20.js.map +1 -0
- package/app/dist/assets/custom-class-DRA8ZYTU-BcgWvugy.js +2 -0
- package/app/dist/assets/custom-class-DRA8ZYTU-BcgWvugy.js.map +1 -0
- package/app/dist/assets/dev.utils-Ce_5C3Pe-Dee1ZIk1.js +14 -0
- package/app/dist/assets/dev.utils-Ce_5C3Pe-Dee1ZIk1.js.map +1 -0
- package/app/dist/assets/devtools-yLGw7QsN-CWXSOcfv.js +14 -0
- package/app/dist/assets/devtools-yLGw7QsN-CWXSOcfv.js.map +1 -0
- package/app/dist/assets/disabled-DzYBnXfG-Don45pIR.js +2 -0
- package/app/dist/assets/disabled-DzYBnXfG-Don45pIR.js.map +1 -0
- package/app/dist/assets/element-focus-BQXzaLL9-oq1SsV6e.js +2 -0
- package/app/dist/assets/element-focus-BQXzaLL9-oq1SsV6e.js.map +1 -0
- package/app/dist/assets/element-interaction-C5-6aPzz-CwUv4L8C.js +2 -0
- package/app/dist/assets/element-interaction-C5-6aPzz-CwUv4L8C.js.map +1 -0
- package/app/dist/assets/has-closer-COzVY-FT-CpPhxKsD.js +2 -0
- package/app/dist/assets/has-closer-COzVY-FT-CpPhxKsD.js.map +1 -0
- package/app/dist/assets/hide-label-jbOZNqJV-n04MiKlJ.js +2 -0
- package/app/dist/assets/hide-label-jbOZNqJV-n04MiKlJ.js.map +1 -0
- package/app/dist/assets/href-CMm8l_Io-7BOMg4qF.js +2 -0
- package/app/dist/assets/href-CMm8l_Io-7BOMg4qF.js.map +1 -0
- package/app/dist/assets/i18n-BkwRYsvE-Baa6kHEL.js +2 -0
- package/app/dist/assets/i18n-BkwRYsvE-Baa6kHEL.js.map +1 -0
- package/app/dist/assets/icons-BfxrxChI-o5aHb8tS.js +2 -0
- package/app/dist/assets/icons-BfxrxChI-o5aHb8tS.js.map +1 -0
- package/app/dist/assets/index-CLYw1HnO.js +168 -0
- package/app/dist/assets/index-CLYw1HnO.js.map +1 -0
- package/app/dist/assets/index-DntD6gvY.css +1 -0
- package/app/dist/assets/inline-CIEtzpMz-BC4oN5cN.js +2 -0
- package/app/dist/assets/inline-CIEtzpMz-BC4oN5cN.js.map +1 -0
- package/app/dist/assets/isArray-CcrBs4JM-DiEJ1b3e.js +2 -0
- package/app/dist/assets/isArray-CcrBs4JM-DiEJ1b3e.js.map +1 -0
- package/app/dist/assets/keyboard-DNd73LVa-BCj4IeP3.js +2 -0
- package/app/dist/assets/keyboard-DNd73LVa-BCj4IeP3.js.map +1 -0
- package/app/dist/assets/kol-abbr.entry-kiE0g-5M.js +379 -0
- package/app/dist/assets/kol-abbr.entry-kiE0g-5M.js.map +1 -0
- package/app/dist/assets/kol-accordion.entry-BSMwFUp6.js +379 -0
- package/app/dist/assets/kol-accordion.entry-BSMwFUp6.js.map +1 -0
- package/app/dist/assets/kol-alert-wc.entry-lOdhRPo0.js +2 -0
- package/app/dist/assets/kol-alert-wc.entry-lOdhRPo0.js.map +1 -0
- package/app/dist/assets/kol-alert.entry-D0MnDTfZ.js +417 -0
- package/app/dist/assets/kol-alert.entry-D0MnDTfZ.js.map +1 -0
- package/app/dist/assets/kol-avatar.entry-DYx44CtD.js +232 -0
- package/app/dist/assets/kol-avatar.entry-DYx44CtD.js.map +1 -0
- package/app/dist/assets/kol-badge.entry-CGSXjjyF.js +392 -0
- package/app/dist/assets/kol-badge.entry-CGSXjjyF.js.map +1 -0
- package/app/dist/assets/kol-breadcrumb.entry-D6KY7jZ4.js +423 -0
- package/app/dist/assets/kol-breadcrumb.entry-D6KY7jZ4.js.map +1 -0
- package/app/dist/assets/kol-button-link.entry-BT80hGY2.js +416 -0
- package/app/dist/assets/kol-button-link.entry-BT80hGY2.js.map +1 -0
- package/app/dist/assets/kol-button-wc.entry-CnDXjFij.js +2 -0
- package/app/dist/assets/kol-button-wc.entry-CnDXjFij.js.map +1 -0
- package/app/dist/assets/kol-button.entry-D-6ivALp.js +398 -0
- package/app/dist/assets/kol-button.entry-D-6ivALp.js.map +1 -0
- package/app/dist/assets/kol-card-wc.entry-DdMvzg5J.js +2 -0
- package/app/dist/assets/kol-card-wc.entry-DdMvzg5J.js.map +1 -0
- package/app/dist/assets/kol-card.entry-BnfJ8LbT.js +426 -0
- package/app/dist/assets/kol-card.entry-BnfJ8LbT.js.map +1 -0
- package/app/dist/assets/kol-click-button.entry-BZOemoD9.js +2 -0
- package/app/dist/assets/kol-click-button.entry-BZOemoD9.js.map +1 -0
- package/app/dist/assets/kol-combobox.entry-XrJ9oOqu.js +539 -0
- package/app/dist/assets/kol-combobox.entry-XrJ9oOqu.js.map +1 -0
- package/app/dist/assets/kol-details.entry-DdeHo2-B.js +470 -0
- package/app/dist/assets/kol-details.entry-DdeHo2-B.js.map +1 -0
- package/app/dist/assets/kol-dialog-wc.entry-BrNLBMWI.js +2 -0
- package/app/dist/assets/kol-dialog-wc.entry-BrNLBMWI.js.map +1 -0
- package/app/dist/assets/kol-dialog.entry-LA89sseJ.js +439 -0
- package/app/dist/assets/kol-dialog.entry-LA89sseJ.js.map +1 -0
- package/app/dist/assets/kol-drawer.entry-DOaW9rJn.js +468 -0
- package/app/dist/assets/kol-drawer.entry-DOaW9rJn.js.map +1 -0
- package/app/dist/assets/kol-form.entry-C5nYx4nO.js +454 -0
- package/app/dist/assets/kol-form.entry-C5nYx4nO.js.map +1 -0
- package/app/dist/assets/kol-heading.entry-Epvl-OpW.js +213 -0
- package/app/dist/assets/kol-heading.entry-Epvl-OpW.js.map +1 -0
- package/app/dist/assets/kol-icon.entry-D7dytHtv.js +106 -0
- package/app/dist/assets/kol-icon.entry-D7dytHtv.js.map +1 -0
- package/app/dist/assets/kol-image.entry-X5CvdKLU.js +215 -0
- package/app/dist/assets/kol-image.entry-X5CvdKLU.js.map +1 -0
- package/app/dist/assets/kol-input-checkbox.entry-BBozFQWL.js +608 -0
- package/app/dist/assets/kol-input-checkbox.entry-BBozFQWL.js.map +1 -0
- package/app/dist/assets/kol-input-color.entry-z_x0PjK3.js +483 -0
- package/app/dist/assets/kol-input-color.entry-z_x0PjK3.js.map +1 -0
- package/app/dist/assets/kol-input-date.entry-C5p3wgea.js +492 -0
- package/app/dist/assets/kol-input-date.entry-C5p3wgea.js.map +1 -0
- package/app/dist/assets/kol-input-email.entry-CwfqUQHY.js +466 -0
- package/app/dist/assets/kol-input-email.entry-CwfqUQHY.js.map +1 -0
- package/app/dist/assets/kol-input-file.entry-DjUmETfv.js +518 -0
- package/app/dist/assets/kol-input-file.entry-DjUmETfv.js.map +1 -0
- package/app/dist/assets/kol-input-number.entry-7sUf_XFI.js +480 -0
- package/app/dist/assets/kol-input-number.entry-7sUf_XFI.js.map +1 -0
- package/app/dist/assets/kol-input-password.entry-CGvCAprg.js +476 -0
- package/app/dist/assets/kol-input-password.entry-CGvCAprg.js.map +1 -0
- package/app/dist/assets/kol-input-radio.entry-CH6IBIBK.js +584 -0
- package/app/dist/assets/kol-input-radio.entry-CH6IBIBK.js.map +1 -0
- package/app/dist/assets/kol-input-range.entry-DZlL6KX8.js +516 -0
- package/app/dist/assets/kol-input-range.entry-DZlL6KX8.js.map +1 -0
- package/app/dist/assets/kol-input-text.entry-DzfGfeBz.js +466 -0
- package/app/dist/assets/kol-input-text.entry-DzfGfeBz.js.map +1 -0
- package/app/dist/assets/kol-kolibri.entry-pDPw_Dh0.js +219 -0
- package/app/dist/assets/kol-kolibri.entry-pDPw_Dh0.js.map +1 -0
- package/app/dist/assets/kol-link-button.entry-CA6vcFrq.js +398 -0
- package/app/dist/assets/kol-link-button.entry-CA6vcFrq.js.map +1 -0
- package/app/dist/assets/kol-link-wc.entry-BjcERh3u.js +2 -0
- package/app/dist/assets/kol-link-wc.entry-BjcERh3u.js.map +1 -0
- package/app/dist/assets/kol-link.entry-D21mpCr5.js +412 -0
- package/app/dist/assets/kol-link.entry-D21mpCr5.js.map +1 -0
- package/app/dist/assets/kol-meter.entry-BBlv5SXi.js +312 -0
- package/app/dist/assets/kol-meter.entry-BBlv5SXi.js.map +1 -0
- package/app/dist/assets/kol-modal.entry-Clrq4LNn.js +439 -0
- package/app/dist/assets/kol-modal.entry-Clrq4LNn.js.map +1 -0
- package/app/dist/assets/kol-nav.entry-B3FUfOqc.js +415 -0
- package/app/dist/assets/kol-nav.entry-B3FUfOqc.js.map +1 -0
- package/app/dist/assets/kol-pagination-wc.entry-Cjy5vcPB.js +2 -0
- package/app/dist/assets/kol-pagination-wc.entry-Cjy5vcPB.js.map +1 -0
- package/app/dist/assets/kol-pagination.entry-DgsK4E4x.js +515 -0
- package/app/dist/assets/kol-pagination.entry-DgsK4E4x.js.map +1 -0
- package/app/dist/assets/kol-popover-button-wc.entry-CQBotCTk.js +2 -0
- package/app/dist/assets/kol-popover-button-wc.entry-CQBotCTk.js.map +1 -0
- package/app/dist/assets/kol-popover-button.entry-DVnuvNe7.js +423 -0
- package/app/dist/assets/kol-popover-button.entry-DVnuvNe7.js.map +1 -0
- package/app/dist/assets/kol-progress.entry-BWNwErl6.js +293 -0
- package/app/dist/assets/kol-progress.entry-BWNwErl6.js.map +1 -0
- package/app/dist/assets/kol-quote.entry-lAAsykY8.js +229 -0
- package/app/dist/assets/kol-quote.entry-lAAsykY8.js.map +1 -0
- package/app/dist/assets/kol-select-wc.entry-Bc9d13-t.js +2 -0
- package/app/dist/assets/kol-select-wc.entry-Bc9d13-t.js.map +1 -0
- package/app/dist/assets/kol-select.entry-jHSzJBCd.js +480 -0
- package/app/dist/assets/kol-select.entry-jHSzJBCd.js.map +1 -0
- package/app/dist/assets/kol-single-select.entry-khmMipCm.js +547 -0
- package/app/dist/assets/kol-single-select.entry-khmMipCm.js.map +1 -0
- package/app/dist/assets/kol-skeleton.entry-BZ6iN-zQ.js +2 -0
- package/app/dist/assets/kol-skeleton.entry-BZ6iN-zQ.js.map +1 -0
- package/app/dist/assets/kol-skip-nav.entry-DlH6M787.js +431 -0
- package/app/dist/assets/kol-skip-nav.entry-DlH6M787.js.map +1 -0
- package/app/dist/assets/kol-spin.entry-AdC6scJA.js +358 -0
- package/app/dist/assets/kol-spin.entry-AdC6scJA.js.map +1 -0
- package/app/dist/assets/kol-split-button.entry-DbvplUJr.js +413 -0
- package/app/dist/assets/kol-split-button.entry-DbvplUJr.js.map +1 -0
- package/app/dist/assets/kol-table-settings-wc.entry-DwrbsbDJ.js +2 -0
- package/app/dist/assets/kol-table-settings-wc.entry-DwrbsbDJ.js.map +1 -0
- package/app/dist/assets/kol-table-stateful.entry-DrPNjTdG.js +847 -0
- package/app/dist/assets/kol-table-stateful.entry-DrPNjTdG.js.map +1 -0
- package/app/dist/assets/kol-table-stateless-wc.entry-DftSYpVF.js +2 -0
- package/app/dist/assets/kol-table-stateless-wc.entry-DftSYpVF.js.map +1 -0
- package/app/dist/assets/kol-table-stateless.entry-Btd89sZ1.js +712 -0
- package/app/dist/assets/kol-table-stateless.entry-Btd89sZ1.js.map +1 -0
- package/app/dist/assets/kol-tabs.entry-DlixmcB4.js +437 -0
- package/app/dist/assets/kol-tabs.entry-DlixmcB4.js.map +1 -0
- package/app/dist/assets/kol-textarea.entry-CobMN18S.js +464 -0
- package/app/dist/assets/kol-textarea.entry-CobMN18S.js.map +1 -0
- package/app/dist/assets/kol-toast-container.entry-CbBUQusQ.js +427 -0
- package/app/dist/assets/kol-toast-container.entry-CbBUQusQ.js.map +1 -0
- package/app/dist/assets/kol-toolbar.entry-CJTgr8PZ.js +437 -0
- package/app/dist/assets/kol-toolbar.entry-CJTgr8PZ.js.map +1 -0
- package/app/dist/assets/kol-tooltip-wc.entry-4xOOJnY2.js +2 -0
- package/app/dist/assets/kol-tooltip-wc.entry-4xOOJnY2.js.map +1 -0
- package/app/dist/assets/kol-tree-item-wc.entry-DcVg9U7Y.js +2 -0
- package/app/dist/assets/kol-tree-item-wc.entry-DcVg9U7Y.js.map +1 -0
- package/app/dist/assets/kol-tree-item.entry-NCENwjq3.js +341 -0
- package/app/dist/assets/kol-tree-item.entry-NCENwjq3.js.map +1 -0
- package/app/dist/assets/kol-tree-wc.entry-S2jMB-dn.js +2 -0
- package/app/dist/assets/kol-tree-wc.entry-S2jMB-dn.js.map +1 -0
- package/app/dist/assets/kol-tree.entry-C7uNfa7s.js +219 -0
- package/app/dist/assets/kol-tree.entry-C7uNfa7s.js.map +1 -0
- package/app/dist/assets/kol-version.entry-BE3CRKT4.js +208 -0
- package/app/dist/assets/kol-version.entry-BE3CRKT4.js.map +1 -0
- package/app/dist/assets/kolibri.ico +0 -0
- package/app/dist/assets/kolicons/kolicons.eot +0 -0
- package/app/dist/assets/kolicons/kolicons.json +29 -0
- package/app/dist/assets/kolicons/kolicons.svg +93 -0
- package/app/dist/assets/kolicons/kolicons.ttf +0 -0
- package/app/dist/assets/kolicons/kolicons.woff +0 -0
- package/app/dist/assets/kolicons/kolicons.woff2 +0 -0
- package/app/dist/assets/kolicons/style.css +49 -0
- package/app/dist/assets/label-BT-6lb8r-DTZ8Zack.js +2 -0
- package/app/dist/assets/label-BT-6lb8r-DTZ8Zack.js.map +1 -0
- package/app/dist/assets/label-BiOix5de-Bf1AwuDH.js +2 -0
- package/app/dist/assets/label-BiOix5de-Bf1AwuDH.js.map +1 -0
- package/app/dist/assets/level-Kr0RFikR-B5d8MWXa.js +2 -0
- package/app/dist/assets/level-Kr0RFikR-B5d8MWXa.js.map +1 -0
- package/app/dist/assets/max-length-behavior-CRJOkECl-BLe_zJb6.js +2 -0
- package/app/dist/assets/max-length-behavior-CRJOkECl-BLe_zJb6.js.map +1 -0
- package/app/dist/assets/multiple-hxH51udE-D0mS3fEU.js +2 -0
- package/app/dist/assets/multiple-hxH51udE-D0mS3fEU.js.map +1 -0
- package/app/dist/assets/normalizers-B5NKuJgN-BAPba39_.js +2 -0
- package/app/dist/assets/normalizers-B5NKuJgN-BAPba39_.js.map +1 -0
- package/app/dist/assets/open-DZ2Z5a7z-CKRhcE2O.js +2 -0
- package/app/dist/assets/open-DZ2Z5a7z-CKRhcE2O.js.map +1 -0
- package/app/dist/assets/orientation-BptN6AOK-3Ys8gj-c.js +2 -0
- package/app/dist/assets/orientation-BptN6AOK-3Ys8gj-c.js.map +1 -0
- package/app/dist/assets/placeholder-B4wceSsL-BOCmr7MX.js +2 -0
- package/app/dist/assets/placeholder-B4wceSsL-BOCmr7MX.js.map +1 -0
- package/app/dist/assets/read-only-DIC7Vhiy-D9-XUAfH.js +2 -0
- package/app/dist/assets/read-only-DIC7Vhiy-D9-XUAfH.js.map +1 -0
- package/app/dist/assets/required-By197yB9-RXlY3Rb2.js +2 -0
- package/app/dist/assets/required-By197yB9-RXlY3Rb2.js.map +1 -0
- package/app/dist/assets/rows-BwZCT-gJ-Dr2z6AxQ.js +2 -0
- package/app/dist/assets/rows-BwZCT-gJ-Dr2z6AxQ.js.map +1 -0
- package/app/dist/assets/spell-check-CKvoSTJE-zLCZ8HCy.js +2 -0
- package/app/dist/assets/spell-check-CKvoSTJE-zLCZ8HCy.js.map +1 -0
- package/app/dist/assets/src-DH5c0A9H-bskaKyoj.js +2 -0
- package/app/dist/assets/src-DH5c0A9H-bskaKyoj.js.map +1 -0
- package/app/dist/assets/suggestions-C2o-U3UR-B6i0Ta4M.js +2 -0
- package/app/dist/assets/suggestions-C2o-U3UR-B6i0Ta4M.js.map +1 -0
- package/app/dist/assets/table-selection-G45AEZGP-lB35IFxR.js +2 -0
- package/app/dist/assets/table-selection-G45AEZGP-lB35IFxR.js.map +1 -0
- package/app/dist/assets/test-component.entry-DxxpLaar.js +2 -0
- package/app/dist/assets/test-component.entry-DxxpLaar.js.map +1 -0
- package/app/dist/assets/tooltip-align-BZrIplzz-ywk_a6dy.js +2 -0
- package/app/dist/assets/tooltip-align-BZrIplzz-ywk_a6dy.js.map +1 -0
- package/app/dist/assets/tslib.es6-QNbPBOk5-DpzS01Oy.js +2 -0
- package/app/dist/assets/tslib.es6-QNbPBOk5-DpzS01Oy.js.map +1 -0
- package/app/dist/assets/unique-nav-labels-OKhw3uEq-CBkUOvjm.js +2 -0
- package/app/dist/assets/unique-nav-labels-OKhw3uEq-CBkUOvjm.js.map +1 -0
- package/app/dist/assets/validation-DFynMQYA-CtWB9mFZ.js +2 -0
- package/app/dist/assets/validation-DFynMQYA-CtWB9mFZ.js.map +1 -0
- package/app/dist/assets/validation-D_PYegRV-CwGvj4NI.js +2 -0
- package/app/dist/assets/validation-D_PYegRV-CwGvj4NI.js.map +1 -0
- package/app/dist/assets/value-number-clamped-eznLHU11-Dh70flmU.js +2 -0
- package/app/dist/assets/value-number-clamped-eznLHU11-Dh70flmU.js.map +1 -0
- package/app/dist/assets/variant-class-name-B1jsQGPM-BRrb5XyN.js +2 -0
- package/app/dist/assets/variant-class-name-B1jsQGPM-BRrb5XyN.js.map +1 -0
- package/app/dist/index.html +27 -0
- package/app/dist/robots.txt +2 -0
- package/app/dist/sample-image.png +0 -0
- package/app/index.html +26 -0
- package/app/public/assets/kolibri.ico +0 -0
- package/app/public/assets/kolicons/kolicons.eot +0 -0
- package/app/public/assets/kolicons/kolicons.json +29 -0
- package/app/public/assets/kolicons/kolicons.svg +93 -0
- package/app/public/assets/kolicons/kolicons.ttf +0 -0
- package/app/public/assets/kolicons/kolicons.woff +0 -0
- package/app/public/assets/kolicons/kolicons.woff2 +0 -0
- package/app/public/assets/kolicons/style.css +49 -0
- package/app/public/robots.txt +2 -0
- package/app/public/sample-image.png +0 -0
- package/app/src/@shared/_mixins.scss +3 -0
- package/app/src/empty-theme.ts +3 -0
- package/app/src/env.d.ts +3 -0
- package/app/src/main.ts +17 -0
- package/app/src/react.main.tsx +128 -0
- package/app/src/style.scss +117 -0
- package/app/tsconfig.json +31 -0
- package/app/unocss.config.ts +318 -0
- package/app/vite.config.ts +57 -0
- package/package.json +29 -9
- package/src/index.js +42 -16
|
@@ -0,0 +1,168 @@
|
|
|
1
|
+
const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["./kol-abbr.entry-kiE0g-5M.js","./_Uint8Array-kJHDjtoP-CTkgs_0o.js","./isArray-CcrBs4JM-DiEJ1b3e.js","./align-DdWzcKWR-CMxncrQu.js","./align-floating-elements-CqZdcuwL-Crn-g1u-.js","./base-controller-CXhqh4cR-BNzx0WwK.js","./base-web-component-CArCAUxk-iRwmL-Bz.js","./normalizers-B5NKuJgN-BAPba39_.js","./clsx-COFh-Vc8-alQuJLqj.js","./component-DI3pO3QY-DBhA3_XT.js","./tslib.es6-QNbPBOk5-DpzS01Oy.js","./component-DbrY6RW_-C_fX4Phj.js","./component-fsnfw59D-Csotiz-4.js","./controller-CJs4fTO0-C_M7l5V5.js","./label-BT-6lb8r-DTZ8Zack.js","./kol-accordion.entry-BSMwFUp6.js","./Collapsible-BG8kZny4-D7QQckDg.js","./Heading-uCdB_mbH-DKod8P-f.js","./dev.utils-Ce_5C3Pe-Dee1ZIk1.js","./disabled-DzYBnXfG-Don45pIR.js","./element-focus-BQXzaLL9-oq1SsV6e.js","./element-interaction-C5-6aPzz-CwUv4L8C.js","./label-BiOix5de-Bf1AwuDH.js","./level-Kr0RFikR-B5d8MWXa.js","./open-DZ2Z5a7z-CKRhcE2O.js","./validation-D_PYegRV-CwGvj4NI.js","./kol-avatar.entry-DYx44CtD.js","./contrast-D1msrkD4-BlhsJu9X.js","./i18n-BkwRYsvE-Baa6kHEL.js","./src-DH5c0A9H-bskaKyoj.js","./kol-badge.entry-CGSXjjyF.js","./color-CftCtla8-BlBPrQKt.js","./icons-BfxrxChI-o5aHb8tS.js","./kol-breadcrumb.entry-D6KY7jZ4.js","./unique-nav-labels-OKhw3uEq-CBkUOvjm.js","./validation-DFynMQYA-CtWB9mFZ.js","./kol-button.entry-D-6ivALp.js","./kol-button-link.entry-BT80hGY2.js","./kol-details.entry-DdeHo2-B.js","./kol-drawer.entry-DOaW9rJn.js","./has-closer-COzVY-FT-CpPhxKsD.js","./kol-form.entry-C5nYx4nO.js","./Alert-LeFfZ8Oj-q6xkBMwW.js","./kol-heading.entry-Epvl-OpW.js","./kol-icon.entry-D7dytHtv.js","./kol-image.entry-X5CvdKLU.js","./kol-input-checkbox.entry-BBozFQWL.js","./FieldControlStateWrapper-BJghqA8K-8c6soCWp.js","./FormFieldStateWrapper-D1Q6Lpff-BcE0oYC6.js","./access-and-short-key-C7QS_Tel-COXTroHd.js","./associated.controller-Da2zylzp-vF9c3Kyq.js","./aria-details-CG4GFq8t-DMdfnYtr.js","./aria-labelledby-6-ki3akM-C6lJ0lQF.js","./hide-label-jbOZNqJV-n04MiKlJ.js","./tooltip-align-BZrIplzz-ywk_a6dy.js","./variant-class-name-B1jsQGPM-BRrb5XyN.js","./Input-Cu811opH-BulJQfD3.js","./controller-B21n_zqt-D5tvaHSC.js","./controller-B2Qb2oqz-BVAVfqmA.js","./orientation-BptN6AOK-3Ys8gj-c.js","./required-By197yB9-RXlY3Rb2.js","./kol-input-color.entry-z_x0PjK3.js","./InputStateWrapper-Cl_V9Vuo-DkZ0x-MC.js","./auto-complete-p-8iouPy-Dp74oEdp.js","./controller-icon-DaBPXypo-DGokif20.js","./suggestions-C2o-U3UR-B6i0Ta4M.js","./kol-input-date.entry-C5p3wgea.js","./read-only-DIC7Vhiy-D9-XUAfH.js","./kol-input-email.entry-CwfqUQHY.js","./controller-BuikHDKh-kkEW7S3V.js","./controller-DiWO-Gw_-CyfNgPeX.js","./max-length-behavior-CRJOkECl-BLe_zJb6.js","./placeholder-B4wceSsL-BOCmr7MX.js","./spell-check-CKvoSTJE-zLCZ8HCy.js","./multiple-hxH51udE-D0mS3fEU.js","./kol-input-file.entry-DjUmETfv.js","./kol-input-number.entry-7sUf_XFI.js","./kol-input-password.entry-CGvCAprg.js","./kol-input-radio.entry-CH6IBIBK.js","./kol-input-text.entry-DzfGfeBz.js","./kol-kolibri.entry-pDPw_Dh0.js","./kol-link.entry-D21mpCr5.js","./kol-link-button.entry-CA6vcFrq.js","./kol-nav.entry-B3FUfOqc.js","./kol-popover-button.entry-DVnuvNe7.js","./kol-progress.entry-BWNwErl6.js","./value-number-clamped-eznLHU11-Dh70flmU.js","./kol-quote.entry-lAAsykY8.js","./kol-select.entry-jHSzJBCd.js","./kol-skeleton.entry-BZ6iN-zQ.js","./component-2ImIjrdm-CLfZjMLU.js","./kol-skip-nav.entry-DlH6M787.js","./kol-spin.entry-AdC6scJA.js","./kol-split-button.entry-DbvplUJr.js","./kol-table-stateful.entry-DrPNjTdG.js","./aria-labelledby-BuvPnlu7-DWeVUk6D.js","./keyboard-DNd73LVa-BCj4IeP3.js","./table-selection-G45AEZGP-lB35IFxR.js","./kol-table-stateless.entry-Btd89sZ1.js","./kol-tabs.entry-DlixmcB4.js","./kol-textarea.entry-CobMN18S.js","./rows-BwZCT-gJ-Dr2z6AxQ.js","./kol-toast-container.entry-CbBUQusQ.js","./kol-toolbar.entry-CJTgr8PZ.js","./kol-tree.entry-C7uNfa7s.js","./kol-version.entry-BE3CRKT4.js","./kol-alert-wc.entry-lOdhRPo0.js","./kol-button-wc.entry-CnDXjFij.js","./aria-expanded-BwKOdsiZ-MDAIoJk2.js","./custom-class-DRA8ZYTU-BcgWvugy.js","./inline-CIEtzpMz-BC4oN5cN.js","./kol-card-wc.entry-DdMvzg5J.js","./kol-click-button.entry-BZOemoD9.js","./kol-combobox.entry-XrJ9oOqu.js","./CustomSuggestionsOptionsGroup--3PdjAdp-DVqeaAb-.js","./kol-dialog-wc.entry-BrNLBMWI.js","./kol-input-range.entry-DZlL6KX8.js","./kol-link-wc.entry-BjcERh3u.js","./href-CMm8l_Io-7BOMg4qF.js","./kol-meter.entry-BBlv5SXi.js","./kol-pagination-wc.entry-Cjy5vcPB.js","./kol-popover-button-wc.entry-CQBotCTk.js","./kol-select-wc.entry-Bc9d13-t.js","./kol-single-select.entry-khmMipCm.js","./kol-table-settings-wc.entry-DwrbsbDJ.js","./kol-table-stateless-wc.entry-DftSYpVF.js","./kol-tooltip-wc.entry-4xOOJnY2.js","./kol-tree-item-wc.entry-DcVg9U7Y.js","./kol-tree-wc.entry-S2jMB-dn.js","./devtools-yLGw7QsN-CWXSOcfv.js"])))=>i.map(i=>d[i]);
|
|
2
|
+
var e=Object.create,t=Object.defineProperty,n=Object.getOwnPropertyDescriptor,r=Object.getOwnPropertyNames,i=Object.getPrototypeOf,a=Object.prototype.hasOwnProperty,o=(e,t)=>()=>(t||(e((t={exports:{}}).exports,t),e=null),t.exports),s=(e,i,o,s)=>{if(i&&typeof i==`object`||typeof i==`function`)for(var c=r(i),l=0,u=c.length,d;l<u;l++)d=c[l],!a.call(e,d)&&d!==o&&t(e,d,{get:(e=>i[e]).bind(null,d),enumerable:!(s=n(i,d))||s.enumerable});return e},c=(n,r,a)=>(a=n==null?{}:e(i(n)),s(r||!n||!n.__esModule?t(a,`default`,{value:n,enumerable:!0}):a,n));(function(){let e=document.createElement(`link`).relList;if(e&&e.supports&&e.supports(`modulepreload`))return;for(let e of document.querySelectorAll(`link[rel="modulepreload"]`))n(e);new MutationObserver(e=>{for(let t of e)if(t.type===`childList`)for(let e of t.addedNodes)e.tagName===`LINK`&&e.rel===`modulepreload`&&n(e)}).observe(document,{childList:!0,subtree:!0});function t(e){let t={};return e.integrity&&(t.integrity=e.integrity),e.referrerPolicy&&(t.referrerPolicy=e.referrerPolicy),e.crossOrigin===`use-credentials`?t.credentials=`include`:e.crossOrigin===`anonymous`?t.credentials=`omit`:t.credentials=`same-origin`,t}function n(e){if(e.ep)return;e.ep=!0;let n=t(e);fetch(e.href,n)}})();var l=o((e=>{var t=Symbol.for(`react.transitional.element`),n=Symbol.for(`react.portal`),r=Symbol.for(`react.fragment`),i=Symbol.for(`react.strict_mode`),a=Symbol.for(`react.profiler`),o=Symbol.for(`react.consumer`),s=Symbol.for(`react.context`),c=Symbol.for(`react.forward_ref`),l=Symbol.for(`react.suspense`),u=Symbol.for(`react.memo`),d=Symbol.for(`react.lazy`),f=Symbol.for(`react.activity`),p=Symbol.iterator;function m(e){return typeof e!=`object`||!e?null:(e=p&&e[p]||e[`@@iterator`],typeof e==`function`?e:null)}var h={isMounted:function(){return!1},enqueueForceUpdate:function(){},enqueueReplaceState:function(){},enqueueSetState:function(){}},g=Object.assign,_={};function v(e,t,n){this.props=e,this.context=t,this.refs=_,this.updater=n||h}v.prototype.isReactComponent={},v.prototype.setState=function(e,t){if(typeof e!=`object`&&typeof e!=`function`&&e!=null)throw Error(`takes an object of state variables to update or a function which returns an object of state variables.`);this.updater.enqueueSetState(this,e,t,`setState`)},v.prototype.forceUpdate=function(e){this.updater.enqueueForceUpdate(this,e,`forceUpdate`)};function y(){}y.prototype=v.prototype;function b(e,t,n){this.props=e,this.context=t,this.refs=_,this.updater=n||h}var x=b.prototype=new y;x.constructor=b,g(x,v.prototype),x.isPureReactComponent=!0;var ee=Array.isArray;function S(){}var C={H:null,A:null,T:null,S:null},w=Object.prototype.hasOwnProperty;function T(e,n,r){var i=r.ref;return{$$typeof:t,type:e,key:n,ref:i===void 0?null:i,props:r}}function E(e,t){return T(e.type,t,e.props)}function D(e){return typeof e==`object`&&!!e&&e.$$typeof===t}function te(e){var t={"=":`=0`,":":`=2`};return`$`+e.replace(/[=:]/g,function(e){return t[e]})}var O=/\/+/g;function ne(e,t){return typeof e==`object`&&e&&e.key!=null?te(``+e.key):t.toString(36)}function k(e){switch(e.status){case`fulfilled`:return e.value;case`rejected`:throw e.reason;default:switch(typeof e.status==`string`?e.then(S,S):(e.status=`pending`,e.then(function(t){e.status===`pending`&&(e.status=`fulfilled`,e.value=t)},function(t){e.status===`pending`&&(e.status=`rejected`,e.reason=t)})),e.status){case`fulfilled`:return e.value;case`rejected`:throw e.reason}}throw e}function A(e,r,i,a,o){var s=typeof e;(s===`undefined`||s===`boolean`)&&(e=null);var c=!1;if(e===null)c=!0;else switch(s){case`bigint`:case`string`:case`number`:c=!0;break;case`object`:switch(e.$$typeof){case t:case n:c=!0;break;case d:return c=e._init,A(c(e._payload),r,i,a,o)}}if(c)return o=o(e),c=a===``?`.`+ne(e,0):a,ee(o)?(i=``,c!=null&&(i=c.replace(O,`$&/`)+`/`),A(o,r,i,``,function(e){return e})):o!=null&&(D(o)&&(o=E(o,i+(o.key==null||e&&e.key===o.key?``:(``+o.key).replace(O,`$&/`)+`/`)+c)),r.push(o)),1;c=0;var l=a===``?`.`:a+`:`;if(ee(e))for(var u=0;u<e.length;u++)a=e[u],s=l+ne(a,u),c+=A(a,r,i,s,o);else if(u=m(e),typeof u==`function`)for(e=u.call(e),u=0;!(a=e.next()).done;)a=a.value,s=l+ne(a,u++),c+=A(a,r,i,s,o);else if(s===`object`){if(typeof e.then==`function`)return A(k(e),r,i,a,o);throw r=String(e),Error(`Objects are not valid as a React child (found: `+(r===`[object Object]`?`object with keys {`+Object.keys(e).join(`, `)+`}`:r)+`). If you meant to render a collection of children, use an array instead.`)}return c}function j(e,t,n){if(e==null)return e;var r=[],i=0;return A(e,r,``,``,function(e){return t.call(n,e,i++)}),r}function M(e){if(e._status===-1){var t=e._result;t=t(),t.then(function(t){(e._status===0||e._status===-1)&&(e._status=1,e._result=t)},function(t){(e._status===0||e._status===-1)&&(e._status=2,e._result=t)}),e._status===-1&&(e._status=0,e._result=t)}if(e._status===1)return e._result.default;throw e._result}var re=typeof reportError==`function`?reportError:function(e){if(typeof window==`object`&&typeof window.ErrorEvent==`function`){var t=new window.ErrorEvent(`error`,{bubbles:!0,cancelable:!0,message:typeof e==`object`&&e&&typeof e.message==`string`?String(e.message):String(e),error:e});if(!window.dispatchEvent(t))return}else if(typeof process==`object`&&typeof process.emit==`function`){process.emit(`uncaughtException`,e);return}console.error(e)},ie={map:j,forEach:function(e,t,n){j(e,function(){t.apply(this,arguments)},n)},count:function(e){var t=0;return j(e,function(){t++}),t},toArray:function(e){return j(e,function(e){return e})||[]},only:function(e){if(!D(e))throw Error(`React.Children.only expected to receive a single React element child.`);return e}};e.Activity=f,e.Children=ie,e.Component=v,e.Fragment=r,e.Profiler=a,e.PureComponent=b,e.StrictMode=i,e.Suspense=l,e.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE=C,e.__COMPILER_RUNTIME={__proto__:null,c:function(e){return C.H.useMemoCache(e)}},e.cache=function(e){return function(){return e.apply(null,arguments)}},e.cacheSignal=function(){return null},e.cloneElement=function(e,t,n){if(e==null)throw Error(`The argument must be a React element, but you passed `+e+`.`);var r=g({},e.props),i=e.key;if(t!=null)for(a in t.key!==void 0&&(i=``+t.key),t)!w.call(t,a)||a===`key`||a===`__self`||a===`__source`||a===`ref`&&t.ref===void 0||(r[a]=t[a]);var a=arguments.length-2;if(a===1)r.children=n;else if(1<a){for(var o=Array(a),s=0;s<a;s++)o[s]=arguments[s+2];r.children=o}return T(e.type,i,r)},e.createContext=function(e){return e={$$typeof:s,_currentValue:e,_currentValue2:e,_threadCount:0,Provider:null,Consumer:null},e.Provider=e,e.Consumer={$$typeof:o,_context:e},e},e.createElement=function(e,t,n){var r,i={},a=null;if(t!=null)for(r in t.key!==void 0&&(a=``+t.key),t)w.call(t,r)&&r!==`key`&&r!==`__self`&&r!==`__source`&&(i[r]=t[r]);var o=arguments.length-2;if(o===1)i.children=n;else if(1<o){for(var s=Array(o),c=0;c<o;c++)s[c]=arguments[c+2];i.children=s}if(e&&e.defaultProps)for(r in o=e.defaultProps,o)i[r]===void 0&&(i[r]=o[r]);return T(e,a,i)},e.createRef=function(){return{current:null}},e.forwardRef=function(e){return{$$typeof:c,render:e}},e.isValidElement=D,e.lazy=function(e){return{$$typeof:d,_payload:{_status:-1,_result:e},_init:M}},e.memo=function(e,t){return{$$typeof:u,type:e,compare:t===void 0?null:t}},e.startTransition=function(e){var t=C.T,n={};C.T=n;try{var r=e(),i=C.S;i!==null&&i(n,r),typeof r==`object`&&r&&typeof r.then==`function`&&r.then(S,re)}catch(e){re(e)}finally{t!==null&&n.types!==null&&(t.types=n.types),C.T=t}},e.unstable_useCacheRefresh=function(){return C.H.useCacheRefresh()},e.use=function(e){return C.H.use(e)},e.useActionState=function(e,t,n){return C.H.useActionState(e,t,n)},e.useCallback=function(e,t){return C.H.useCallback(e,t)},e.useContext=function(e){return C.H.useContext(e)},e.useDebugValue=function(){},e.useDeferredValue=function(e,t){return C.H.useDeferredValue(e,t)},e.useEffect=function(e,t){return C.H.useEffect(e,t)},e.useEffectEvent=function(e){return C.H.useEffectEvent(e)},e.useId=function(){return C.H.useId()},e.useImperativeHandle=function(e,t,n){return C.H.useImperativeHandle(e,t,n)},e.useInsertionEffect=function(e,t){return C.H.useInsertionEffect(e,t)},e.useLayoutEffect=function(e,t){return C.H.useLayoutEffect(e,t)},e.useMemo=function(e,t){return C.H.useMemo(e,t)},e.useOptimistic=function(e,t){return C.H.useOptimistic(e,t)},e.useReducer=function(e,t,n){return C.H.useReducer(e,t,n)},e.useRef=function(e){return C.H.useRef(e)},e.useState=function(e){return C.H.useState(e)},e.useSyncExternalStore=function(e,t,n){return C.H.useSyncExternalStore(e,t,n)},e.useTransition=function(){return C.H.useTransition()},e.version=`19.2.7`})),u=o(((e,t)=>{t.exports=l()})),d=c(u(),1),f=e=>e.toLowerCase().split(`-`).map(e=>e.charAt(0).toUpperCase()+e.slice(1)).join(``),p=e=>e.replace(/([A-Z])/g,e=>`-${e[0].toLowerCase()}`),m=(e,t,n={})=>{if(e instanceof Element){let r=h(e.classList,t,n);r!==``&&(e.className=r),Object.keys(t).forEach(n=>{if(!(n===`children`||n===`style`||n===`ref`||n===`class`||n===`className`||n===`forwardedRef`))if(n.indexOf(`on`)===0&&n[2]===n[2].toUpperCase()){let r=n.substring(2),i=r[0].toLowerCase()+r.substring(1);_(i)||v(e,i,t[n])}else e[n]=t[n],typeof t[n]==`string`&&e.setAttribute(p(n),t[n])})}},h=(e,t,n)=>{let r=t.className||t.class,i=n.className||n.class,a=y(e),o=y(r?r.split(` `):[]),s=y(i?i.split(` `):[]),c=[];return a.forEach(e=>{o.has(e)?(c.push(e),o.delete(e)):s.has(e)||c.push(e)}),o.forEach(e=>c.push(e)),c.join(` `)},g=e=>{switch(e){case`doubleclick`:return`dblclick`}return e},_=e=>{if(typeof document>`u`)return!0;{let t=`on`+g(e),n=t in document;if(!n){let e=document.createElement(`div`);e.setAttribute(t,`return;`),n=typeof e[t]==`function`}return n}},v=(e,t,n)=>{let r=e.__events||={},i=r[t];i&&e.removeEventListener(t,i),e.addEventListener(t,r[t]=function(e){n&&n.call(this,e)})},y=e=>{let t=new Map;return e.forEach(e=>t.set(e,e)),t},b,x=e=>{b=e},ee=(e,t)=>{typeof e==`function`?e(t):e!=null&&(e.current=t)},S=(...e)=>t=>{e.forEach(e=>{ee(e,t)})},C=(e,t)=>{let n=(t,n)=>d.createElement(e,{...t,forwardedRef:n});return n.displayName=t,d.forwardRef(n)},w=(e,t,n,r)=>{let i=f(e);return C(class extends d.Component{componentEl;setComponentElRef=e=>{this.componentEl=e};constructor(e){super(e)}componentDidMount(){this.componentDidUpdate(this.props)}componentDidUpdate(e){m(this.componentEl,this.props,e)}render(){let{children:t,forwardedRef:n,style:r,className:i,ref:a,...o}=this.props,s={...Object.keys(o).reduce((e,t)=>{let n=o[t];if(t.indexOf(`on`)===0&&t[2]===t[2].toUpperCase()){let r=t.substring(2).toLowerCase();typeof document<`u`&&_(r)&&(e[t]=n)}else{let r=typeof n;(r===`string`||r===`boolean`||r===`number`)&&(e[p(t)]=n)}return e},{}),ref:S(n,this.setComponentElRef),style:r};return(0,d.createElement)(typeof b==`function`?b(e):e,s,t)}static get displayName(){return i}},i)},T=w(`kol-abbr`),E=w(`kol-accordion`),D=w(`kol-alert`),te=w(`kol-avatar`),O=w(`kol-badge`),ne=w(`kol-breadcrumb`),k=w(`kol-button`),A=w(`kol-button-link`),j=w(`kol-card`),M=w(`kol-combobox`),re=w(`kol-details`),ie=w(`kol-dialog`),ae=w(`kol-drawer`),oe=w(`kol-form`),N=w(`kol-heading`),P=w(`kol-icon`),se=w(`kol-image`),F=w(`kol-input-checkbox`),ce=w(`kol-input-color`),I=w(`kol-input-date`),le=w(`kol-input-email`),ue=w(`kol-input-file`),de=w(`kol-input-number`),fe=w(`kol-input-password`),pe=w(`kol-input-radio`),me=w(`kol-input-range`),L=w(`kol-input-text`),he=w(`kol-kolibri`),R=w(`kol-link`),ge=w(`kol-link-button`),_e=w(`kol-meter`),ve=w(`kol-nav`),ye=w(`kol-pagination`),be=w(`kol-popover-button`),xe=w(`kol-progress`),Se=w(`kol-quote`),Ce=w(`kol-select`),we=w(`kol-single-select`),Te=w(`kol-skeleton`),Ee=w(`kol-skip-nav`),De=w(`kol-spin`),Oe=w(`kol-split-button`),z=w(`kol-table-stateful`),ke=w(`kol-table-stateless`),Ae=w(`kol-tabs`),B=w(`kol-textarea`),je=w(`kol-toolbar`),Me=w(`kol-tree`),Ne=w(`kol-tree-item`),Pe=w(`kol-version`);function Fe(e){let t=document.createElement(`div`);return t.setAttribute(`role`,`presentation`),e.innerHTML=``,e.appendChild(t),t}var Ie=o((e=>{function t(e,t){var n=e.length;e.push(t);a:for(;0<n;){var r=n-1>>>1,a=e[r];if(0<i(a,t))e[r]=t,e[n]=a,n=r;else break a}}function n(e){return e.length===0?null:e[0]}function r(e){if(e.length===0)return null;var t=e[0],n=e.pop();if(n!==t){e[0]=n;a:for(var r=0,a=e.length,o=a>>>1;r<o;){var s=2*(r+1)-1,c=e[s],l=s+1,u=e[l];if(0>i(c,n))l<a&&0>i(u,c)?(e[r]=u,e[l]=n,r=l):(e[r]=c,e[s]=n,r=s);else if(l<a&&0>i(u,n))e[r]=u,e[l]=n,r=l;else break a}}return t}function i(e,t){var n=e.sortIndex-t.sortIndex;return n===0?e.id-t.id:n}if(e.unstable_now=void 0,typeof performance==`object`&&typeof performance.now==`function`){var a=performance;e.unstable_now=function(){return a.now()}}else{var o=Date,s=o.now();e.unstable_now=function(){return o.now()-s}}var c=[],l=[],u=1,d=null,f=3,p=!1,m=!1,h=!1,g=!1,_=typeof setTimeout==`function`?setTimeout:null,v=typeof clearTimeout==`function`?clearTimeout:null,y=typeof setImmediate<`u`?setImmediate:null;function b(e){for(var i=n(l);i!==null;){if(i.callback===null)r(l);else if(i.startTime<=e)r(l),i.sortIndex=i.expirationTime,t(c,i);else break;i=n(l)}}function x(e){if(h=!1,b(e),!m)if(n(c)!==null)m=!0,ee||(ee=!0,D());else{var t=n(l);t!==null&&ne(x,t.startTime-e)}}var ee=!1,S=-1,C=5,w=-1;function T(){return g?!0:!(e.unstable_now()-w<C)}function E(){if(g=!1,ee){var t=e.unstable_now();w=t;var i=!0;try{a:{m=!1,h&&(h=!1,v(S),S=-1),p=!0;var a=f;try{b:{for(b(t),d=n(c);d!==null&&!(d.expirationTime>t&&T());){var o=d.callback;if(typeof o==`function`){d.callback=null,f=d.priorityLevel;var s=o(d.expirationTime<=t);if(t=e.unstable_now(),typeof s==`function`){d.callback=s,b(t),i=!0;break b}d===n(c)&&r(c),b(t)}else r(c);d=n(c)}if(d!==null)i=!0;else{var u=n(l);u!==null&&ne(x,u.startTime-t),i=!1}}break a}finally{d=null,f=a,p=!1}i=void 0}}finally{i?D():ee=!1}}}var D;if(typeof y==`function`)D=function(){y(E)};else if(typeof MessageChannel<`u`){var te=new MessageChannel,O=te.port2;te.port1.onmessage=E,D=function(){O.postMessage(null)}}else D=function(){_(E,0)};function ne(t,n){S=_(function(){t(e.unstable_now())},n)}e.unstable_IdlePriority=5,e.unstable_ImmediatePriority=1,e.unstable_LowPriority=4,e.unstable_NormalPriority=3,e.unstable_Profiling=null,e.unstable_UserBlockingPriority=2,e.unstable_cancelCallback=function(e){e.callback=null},e.unstable_forceFrameRate=function(e){0>e||125<e?console.error(`forceFrameRate takes a positive int between 0 and 125, forcing frame rates higher than 125 fps is not supported`):C=0<e?Math.floor(1e3/e):5},e.unstable_getCurrentPriorityLevel=function(){return f},e.unstable_next=function(e){switch(f){case 1:case 2:case 3:var t=3;break;default:t=f}var n=f;f=t;try{return e()}finally{f=n}},e.unstable_requestPaint=function(){g=!0},e.unstable_runWithPriority=function(e,t){switch(e){case 1:case 2:case 3:case 4:case 5:break;default:e=3}var n=f;f=e;try{return t()}finally{f=n}},e.unstable_scheduleCallback=function(r,i,a){var o=e.unstable_now();switch(typeof a==`object`&&a?(a=a.delay,a=typeof a==`number`&&0<a?o+a:o):a=o,r){case 1:var s=-1;break;case 2:s=250;break;case 5:s=1073741823;break;case 4:s=1e4;break;default:s=5e3}return s=a+s,r={id:u++,callback:i,priorityLevel:r,startTime:a,expirationTime:s,sortIndex:-1},a>o?(r.sortIndex=a,t(l,r),n(c)===null&&r===n(l)&&(h?(v(S),S=-1):h=!0,ne(x,a-o))):(r.sortIndex=s,t(c,r),m||p||(m=!0,ee||(ee=!0,D()))),r},e.unstable_shouldYield=T,e.unstable_wrapCallback=function(e){var t=f;return function(){var n=f;f=t;try{return e.apply(this,arguments)}finally{f=n}}}})),Le=o(((e,t)=>{t.exports=Ie()})),Re=o((e=>{var t=u();function n(e){var t=`https://react.dev/errors/`+e;if(1<arguments.length){t+=`?args[]=`+encodeURIComponent(arguments[1]);for(var n=2;n<arguments.length;n++)t+=`&args[]=`+encodeURIComponent(arguments[n])}return`Minified React error #`+e+`; visit `+t+` for the full message or use the non-minified dev environment for full errors and additional helpful warnings.`}function r(){}var i={d:{f:r,r:function(){throw Error(n(522))},D:r,C:r,L:r,m:r,X:r,S:r,M:r},p:0,findDOMNode:null},a=Symbol.for(`react.portal`);function o(e,t,n){var r=3<arguments.length&&arguments[3]!==void 0?arguments[3]:null;return{$$typeof:a,key:r==null?null:``+r,children:e,containerInfo:t,implementation:n}}var s=t.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE;function c(e,t){if(e===`font`)return``;if(typeof t==`string`)return t===`use-credentials`?t:``}e.__DOM_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE=i,e.createPortal=function(e,t){var r=2<arguments.length&&arguments[2]!==void 0?arguments[2]:null;if(!t||t.nodeType!==1&&t.nodeType!==9&&t.nodeType!==11)throw Error(n(299));return o(e,t,null,r)},e.flushSync=function(e){var t=s.T,n=i.p;try{if(s.T=null,i.p=2,e)return e()}finally{s.T=t,i.p=n,i.d.f()}},e.preconnect=function(e,t){typeof e==`string`&&(t?(t=t.crossOrigin,t=typeof t==`string`?t===`use-credentials`?t:``:void 0):t=null,i.d.C(e,t))},e.prefetchDNS=function(e){typeof e==`string`&&i.d.D(e)},e.preinit=function(e,t){if(typeof e==`string`&&t&&typeof t.as==`string`){var n=t.as,r=c(n,t.crossOrigin),a=typeof t.integrity==`string`?t.integrity:void 0,o=typeof t.fetchPriority==`string`?t.fetchPriority:void 0;n===`style`?i.d.S(e,typeof t.precedence==`string`?t.precedence:void 0,{crossOrigin:r,integrity:a,fetchPriority:o}):n===`script`&&i.d.X(e,{crossOrigin:r,integrity:a,fetchPriority:o,nonce:typeof t.nonce==`string`?t.nonce:void 0})}},e.preinitModule=function(e,t){if(typeof e==`string`)if(typeof t==`object`&&t){if(t.as==null||t.as===`script`){var n=c(t.as,t.crossOrigin);i.d.M(e,{crossOrigin:n,integrity:typeof t.integrity==`string`?t.integrity:void 0,nonce:typeof t.nonce==`string`?t.nonce:void 0})}}else t??i.d.M(e)},e.preload=function(e,t){if(typeof e==`string`&&typeof t==`object`&&t&&typeof t.as==`string`){var n=t.as,r=c(n,t.crossOrigin);i.d.L(e,n,{crossOrigin:r,integrity:typeof t.integrity==`string`?t.integrity:void 0,nonce:typeof t.nonce==`string`?t.nonce:void 0,type:typeof t.type==`string`?t.type:void 0,fetchPriority:typeof t.fetchPriority==`string`?t.fetchPriority:void 0,referrerPolicy:typeof t.referrerPolicy==`string`?t.referrerPolicy:void 0,imageSrcSet:typeof t.imageSrcSet==`string`?t.imageSrcSet:void 0,imageSizes:typeof t.imageSizes==`string`?t.imageSizes:void 0,media:typeof t.media==`string`?t.media:void 0})}},e.preloadModule=function(e,t){if(typeof e==`string`)if(t){var n=c(t.as,t.crossOrigin);i.d.m(e,{as:typeof t.as==`string`&&t.as!==`script`?t.as:void 0,crossOrigin:n,integrity:typeof t.integrity==`string`?t.integrity:void 0})}else i.d.m(e)},e.requestFormReset=function(e){i.d.r(e)},e.unstable_batchedUpdates=function(e,t){return e(t)},e.useFormState=function(e,t,n){return s.H.useFormState(e,t,n)},e.useFormStatus=function(){return s.H.useHostTransitionStatus()},e.version=`19.2.7`})),ze=o(((e,t)=>{function n(){if(!(typeof __REACT_DEVTOOLS_GLOBAL_HOOK__>`u`||typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE!=`function`))try{__REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE(n)}catch(e){console.error(e)}}n(),t.exports=Re()})),Be=o((e=>{var t=Le(),n=u(),r=ze();function i(e){var t=`https://react.dev/errors/`+e;if(1<arguments.length){t+=`?args[]=`+encodeURIComponent(arguments[1]);for(var n=2;n<arguments.length;n++)t+=`&args[]=`+encodeURIComponent(arguments[n])}return`Minified React error #`+e+`; visit `+t+` for the full message or use the non-minified dev environment for full errors and additional helpful warnings.`}function a(e){return!(!e||e.nodeType!==1&&e.nodeType!==9&&e.nodeType!==11)}function o(e){var t=e,n=e;if(e.alternate)for(;t.return;)t=t.return;else{e=t;do t=e,t.flags&4098&&(n=t.return),e=t.return;while(e)}return t.tag===3?n:null}function s(e){if(e.tag===13){var t=e.memoizedState;if(t===null&&(e=e.alternate,e!==null&&(t=e.memoizedState)),t!==null)return t.dehydrated}return null}function c(e){if(e.tag===31){var t=e.memoizedState;if(t===null&&(e=e.alternate,e!==null&&(t=e.memoizedState)),t!==null)return t.dehydrated}return null}function l(e){if(o(e)!==e)throw Error(i(188))}function d(e){var t=e.alternate;if(!t){if(t=o(e),t===null)throw Error(i(188));return t===e?e:null}for(var n=e,r=t;;){var a=n.return;if(a===null)break;var s=a.alternate;if(s===null){if(r=a.return,r!==null){n=r;continue}break}if(a.child===s.child){for(s=a.child;s;){if(s===n)return l(a),e;if(s===r)return l(a),t;s=s.sibling}throw Error(i(188))}if(n.return!==r.return)n=a,r=s;else{for(var c=!1,u=a.child;u;){if(u===n){c=!0,n=a,r=s;break}if(u===r){c=!0,r=a,n=s;break}u=u.sibling}if(!c){for(u=s.child;u;){if(u===n){c=!0,n=s,r=a;break}if(u===r){c=!0,r=s,n=a;break}u=u.sibling}if(!c)throw Error(i(189))}}if(n.alternate!==r)throw Error(i(190))}if(n.tag!==3)throw Error(i(188));return n.stateNode.current===n?e:t}function f(e){var t=e.tag;if(t===5||t===26||t===27||t===6)return e;for(e=e.child;e!==null;){if(t=f(e),t!==null)return t;e=e.sibling}return null}var p=Object.assign,m=Symbol.for(`react.element`),h=Symbol.for(`react.transitional.element`),g=Symbol.for(`react.portal`),_=Symbol.for(`react.fragment`),v=Symbol.for(`react.strict_mode`),y=Symbol.for(`react.profiler`),b=Symbol.for(`react.consumer`),x=Symbol.for(`react.context`),ee=Symbol.for(`react.forward_ref`),S=Symbol.for(`react.suspense`),C=Symbol.for(`react.suspense_list`),w=Symbol.for(`react.memo`),T=Symbol.for(`react.lazy`),E=Symbol.for(`react.activity`),D=Symbol.for(`react.memo_cache_sentinel`),te=Symbol.iterator;function O(e){return typeof e!=`object`||!e?null:(e=te&&e[te]||e[`@@iterator`],typeof e==`function`?e:null)}var ne=Symbol.for(`react.client.reference`);function k(e){if(e==null)return null;if(typeof e==`function`)return e.$$typeof===ne?null:e.displayName||e.name||null;if(typeof e==`string`)return e;switch(e){case _:return`Fragment`;case y:return`Profiler`;case v:return`StrictMode`;case S:return`Suspense`;case C:return`SuspenseList`;case E:return`Activity`}if(typeof e==`object`)switch(e.$$typeof){case g:return`Portal`;case x:return e.displayName||`Context`;case b:return(e._context.displayName||`Context`)+`.Consumer`;case ee:var t=e.render;return e=e.displayName,e||=(e=t.displayName||t.name||``,e===``?`ForwardRef`:`ForwardRef(`+e+`)`),e;case w:return t=e.displayName||null,t===null?k(e.type)||`Memo`:t;case T:t=e._payload,e=e._init;try{return k(e(t))}catch{}}return null}var A=Array.isArray,j=n.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,M=r.__DOM_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,re={pending:!1,data:null,method:null,action:null},ie=[],ae=-1;function oe(e){return{current:e}}function N(e){0>ae||(e.current=ie[ae],ie[ae]=null,ae--)}function P(e,t){ae++,ie[ae]=e.current,e.current=t}var se=oe(null),F=oe(null),ce=oe(null),I=oe(null);function le(e,t){switch(P(ce,t),P(F,e),P(se,null),t.nodeType){case 9:case 11:e=(e=t.documentElement)&&(e=e.namespaceURI)?Wd(e):0;break;default:if(e=t.tagName,t=t.namespaceURI)t=Wd(t),e=Gd(t,e);else switch(e){case`svg`:e=1;break;case`math`:e=2;break;default:e=0}}N(se),P(se,e)}function ue(){N(se),N(F),N(ce)}function de(e){e.memoizedState!==null&&P(I,e);var t=se.current,n=Gd(t,e.type);t!==n&&(P(F,e),P(se,n))}function fe(e){F.current===e&&(N(se),N(F)),I.current===e&&(N(I),tp._currentValue=re)}var pe,me;function L(e){if(pe===void 0)try{throw Error()}catch(e){var t=e.stack.trim().match(/\n( *(at )?)/);pe=t&&t[1]||``,me=-1<e.stack.indexOf(`
|
|
3
|
+
at`)?` (<anonymous>)`:-1<e.stack.indexOf(`@`)?`@unknown:0:0`:``}return`
|
|
4
|
+
`+pe+e+me}var he=!1;function R(e,t){if(!e||he)return``;he=!0;var n=Error.prepareStackTrace;Error.prepareStackTrace=void 0;try{var r={DetermineComponentFrameRoot:function(){try{if(t){var n=function(){throw Error()};if(Object.defineProperty(n.prototype,"props",{set:function(){throw Error()}}),typeof Reflect==`object`&&Reflect.construct){try{Reflect.construct(n,[])}catch(e){var r=e}Reflect.construct(e,[],n)}else{try{n.call()}catch(e){r=e}e.call(n.prototype)}}else{try{throw Error()}catch(e){r=e}(n=e())&&typeof n.catch==`function`&&n.catch(function(){})}}catch(e){if(e&&r&&typeof e.stack==`string`)return[e.stack,r.stack]}return[null,null]}};r.DetermineComponentFrameRoot.displayName=`DetermineComponentFrameRoot`;var i=Object.getOwnPropertyDescriptor(r.DetermineComponentFrameRoot,`name`);i&&i.configurable&&Object.defineProperty(r.DetermineComponentFrameRoot,"name",{value:`DetermineComponentFrameRoot`});var a=r.DetermineComponentFrameRoot(),o=a[0],s=a[1];if(o&&s){var c=o.split(`
|
|
5
|
+
`),l=s.split(`
|
|
6
|
+
`);for(i=r=0;r<c.length&&!c[r].includes(`DetermineComponentFrameRoot`);)r++;for(;i<l.length&&!l[i].includes(`DetermineComponentFrameRoot`);)i++;if(r===c.length||i===l.length)for(r=c.length-1,i=l.length-1;1<=r&&0<=i&&c[r]!==l[i];)i--;for(;1<=r&&0<=i;r--,i--)if(c[r]!==l[i]){if(r!==1||i!==1)do if(r--,i--,0>i||c[r]!==l[i]){var u=`
|
|
7
|
+
`+c[r].replace(` at new `,` at `);return e.displayName&&u.includes(`<anonymous>`)&&(u=u.replace(`<anonymous>`,e.displayName)),u}while(1<=r&&0<=i);break}}}finally{he=!1,Error.prepareStackTrace=n}return(n=e?e.displayName||e.name:``)?L(n):``}function ge(e,t){switch(e.tag){case 26:case 27:case 5:return L(e.type);case 16:return L(`Lazy`);case 13:return e.child!==t&&t!==null?L(`Suspense Fallback`):L(`Suspense`);case 19:return L(`SuspenseList`);case 0:case 15:return R(e.type,!1);case 11:return R(e.type.render,!1);case 1:return R(e.type,!0);case 31:return L(`Activity`);default:return``}}function _e(e){try{var t=``,n=null;do t+=ge(e,n),n=e,e=e.return;while(e);return t}catch(e){return`
|
|
8
|
+
Error generating stack: `+e.message+`
|
|
9
|
+
`+e.stack}}var ve=Object.prototype.hasOwnProperty,ye=t.unstable_scheduleCallback,be=t.unstable_cancelCallback,xe=t.unstable_shouldYield,Se=t.unstable_requestPaint,Ce=t.unstable_now,we=t.unstable_getCurrentPriorityLevel,Te=t.unstable_ImmediatePriority,Ee=t.unstable_UserBlockingPriority,De=t.unstable_NormalPriority,Oe=t.unstable_LowPriority,z=t.unstable_IdlePriority,ke=t.log,Ae=t.unstable_setDisableYieldValue,B=null,je=null;function Me(e){if(typeof ke==`function`&&Ae(e),je&&typeof je.setStrictMode==`function`)try{je.setStrictMode(B,e)}catch{}}var Ne=Math.clz32?Math.clz32:Ie,Pe=Math.log,Fe=Math.LN2;function Ie(e){return e>>>=0,e===0?32:31-(Pe(e)/Fe|0)|0}var Re=256,Be=262144,Ve=4194304;function He(e){var t=e&42;if(t!==0)return t;switch(e&-e){case 1:return 1;case 2:return 2;case 4:return 4;case 8:return 8;case 16:return 16;case 32:return 32;case 64:return 64;case 128:return 128;case 256:case 512:case 1024:case 2048:case 4096:case 8192:case 16384:case 32768:case 65536:case 131072:return e&261888;case 262144:case 524288:case 1048576:case 2097152:return e&3932160;case 4194304:case 8388608:case 16777216:case 33554432:return e&62914560;case 67108864:return 67108864;case 134217728:return 134217728;case 268435456:return 268435456;case 536870912:return 536870912;case 1073741824:return 0;default:return e}}function Ue(e,t,n){var r=e.pendingLanes;if(r===0)return 0;var i=0,a=e.suspendedLanes,o=e.pingedLanes;e=e.warmLanes;var s=r&134217727;return s===0?(s=r&~a,s===0?o===0?n||(n=r&~e,n!==0&&(i=He(n))):i=He(o):i=He(s)):(r=s&~a,r===0?(o&=s,o===0?n||(n=s&~e,n!==0&&(i=He(n))):i=He(o)):i=He(r)),i===0?0:t!==0&&t!==i&&(t&a)===0&&(a=i&-i,n=t&-t,a>=n||a===32&&n&4194048)?t:i}function We(e,t){return(e.pendingLanes&~(e.suspendedLanes&~e.pingedLanes)&t)===0}function V(e,t){switch(e){case 1:case 2:case 4:case 8:case 64:return t+250;case 16:case 32:case 128:case 256:case 512:case 1024:case 2048:case 4096:case 8192:case 16384:case 32768:case 65536:case 131072:case 262144:case 524288:case 1048576:case 2097152:return t+5e3;case 4194304:case 8388608:case 16777216:case 33554432:return-1;case 67108864:case 134217728:case 268435456:case 536870912:case 1073741824:return-1;default:return-1}}function Ge(){var e=Ve;return Ve<<=1,!(Ve&62914560)&&(Ve=4194304),e}function Ke(e){for(var t=[],n=0;31>n;n++)t.push(e);return t}function qe(e,t){e.pendingLanes|=t,t!==268435456&&(e.suspendedLanes=0,e.pingedLanes=0,e.warmLanes=0)}function Je(e,t,n,r,i,a){var o=e.pendingLanes;e.pendingLanes=n,e.suspendedLanes=0,e.pingedLanes=0,e.warmLanes=0,e.expiredLanes&=n,e.entangledLanes&=n,e.errorRecoveryDisabledLanes&=n,e.shellSuspendCounter=0;var s=e.entanglements,c=e.expirationTimes,l=e.hiddenUpdates;for(n=o&~n;0<n;){var u=31-Ne(n),d=1<<u;s[u]=0,c[u]=-1;var f=l[u];if(f!==null)for(l[u]=null,u=0;u<f.length;u++){var p=f[u];p!==null&&(p.lane&=-536870913)}n&=~d}r!==0&&Ye(e,r,0),a!==0&&i===0&&e.tag!==0&&(e.suspendedLanes|=a&~(o&~t))}function Ye(e,t,n){e.pendingLanes|=t,e.suspendedLanes&=~t;var r=31-Ne(t);e.entangledLanes|=t,e.entanglements[r]=e.entanglements[r]|1073741824|n&261930}function Xe(e,t){var n=e.entangledLanes|=t;for(e=e.entanglements;n;){var r=31-Ne(n),i=1<<r;i&t|e[r]&t&&(e[r]|=t),n&=~i}}function Ze(e,t){var n=t&-t;return n=n&42?1:Qe(n),(n&(e.suspendedLanes|t))===0?n:0}function Qe(e){switch(e){case 2:e=1;break;case 8:e=4;break;case 32:e=16;break;case 256:case 512:case 1024:case 2048:case 4096:case 8192:case 16384:case 32768:case 65536:case 131072:case 262144:case 524288:case 1048576:case 2097152:case 4194304:case 8388608:case 16777216:case 33554432:e=128;break;case 268435456:e=134217728;break;default:e=0}return e}function $e(e){return e&=-e,2<e?8<e?e&134217727?32:268435456:8:2}function et(){var e=M.p;return e===0?(e=window.event,e===void 0?32:_p(e.type)):e}function tt(e,t){var n=M.p;try{return M.p=e,t()}finally{M.p=n}}var nt=Math.random().toString(36).slice(2),rt=`__reactFiber$`+nt,it=`__reactProps$`+nt,at=`__reactContainer$`+nt,ot=`__reactEvents$`+nt,st=`__reactListeners$`+nt,ct=`__reactHandles$`+nt,lt=`__reactResources$`+nt,ut=`__reactMarker$`+nt;function dt(e){delete e[rt],delete e[it],delete e[ot],delete e[st],delete e[ct]}function ft(e){var t=e[rt];if(t)return t;for(var n=e.parentNode;n;){if(t=n[at]||n[rt]){if(n=t.alternate,t.child!==null||n!==null&&n.child!==null)for(e=mf(e);e!==null;){if(n=e[rt])return n;e=mf(e)}return t}e=n,n=e.parentNode}return null}function pt(e){if(e=e[rt]||e[at]){var t=e.tag;if(t===5||t===6||t===13||t===31||t===26||t===27||t===3)return e}return null}function mt(e){var t=e.tag;if(t===5||t===26||t===27||t===6)return e.stateNode;throw Error(i(33))}function ht(e){var t=e[lt];return t||=e[lt]={hoistableStyles:new Map,hoistableScripts:new Map},t}function gt(e){e[ut]=!0}var _t=new Set,vt={};function yt(e,t){bt(e,t),bt(e+`Capture`,t)}function bt(e,t){for(vt[e]=t,e=0;e<t.length;e++)_t.add(t[e])}var xt=RegExp(`^[:A-Z_a-z\\u00C0-\\u00D6\\u00D8-\\u00F6\\u00F8-\\u02FF\\u0370-\\u037D\\u037F-\\u1FFF\\u200C-\\u200D\\u2070-\\u218F\\u2C00-\\u2FEF\\u3001-\\uD7FF\\uF900-\\uFDCF\\uFDF0-\\uFFFD][:A-Z_a-z\\u00C0-\\u00D6\\u00D8-\\u00F6\\u00F8-\\u02FF\\u0370-\\u037D\\u037F-\\u1FFF\\u200C-\\u200D\\u2070-\\u218F\\u2C00-\\u2FEF\\u3001-\\uD7FF\\uF900-\\uFDCF\\uFDF0-\\uFFFD\\-.0-9\\u00B7\\u0300-\\u036F\\u203F-\\u2040]*$`),St={},Ct={};function wt(e){return ve.call(Ct,e)?!0:ve.call(St,e)?!1:xt.test(e)?Ct[e]=!0:(St[e]=!0,!1)}function Tt(e,t,n){if(wt(t))if(n===null)e.removeAttribute(t);else{switch(typeof n){case`undefined`:case`function`:case`symbol`:e.removeAttribute(t);return;case`boolean`:var r=t.toLowerCase().slice(0,5);if(r!==`data-`&&r!==`aria-`){e.removeAttribute(t);return}}e.setAttribute(t,``+n)}}function Et(e,t,n){if(n===null)e.removeAttribute(t);else{switch(typeof n){case`undefined`:case`function`:case`symbol`:case`boolean`:e.removeAttribute(t);return}e.setAttribute(t,``+n)}}function Dt(e,t,n,r){if(r===null)e.removeAttribute(n);else{switch(typeof r){case`undefined`:case`function`:case`symbol`:case`boolean`:e.removeAttribute(n);return}e.setAttributeNS(t,n,``+r)}}function Ot(e){switch(typeof e){case`bigint`:case`boolean`:case`number`:case`string`:case`undefined`:return e;case`object`:return e;default:return``}}function kt(e){var t=e.type;return(e=e.nodeName)&&e.toLowerCase()===`input`&&(t===`checkbox`||t===`radio`)}function At(e,t,n){var r=Object.getOwnPropertyDescriptor(e.constructor.prototype,t);if(!e.hasOwnProperty(t)&&r!==void 0&&typeof r.get==`function`&&typeof r.set==`function`){var i=r.get,a=r.set;return Object.defineProperty(e,t,{configurable:!0,get:function(){return i.call(this)},set:function(e){n=``+e,a.call(this,e)}}),Object.defineProperty(e,t,{enumerable:r.enumerable}),{getValue:function(){return n},setValue:function(e){n=``+e},stopTracking:function(){e._valueTracker=null,delete e[t]}}}}function jt(e){if(!e._valueTracker){var t=kt(e)?`checked`:`value`;e._valueTracker=At(e,t,``+e[t])}}function Mt(e){if(!e)return!1;var t=e._valueTracker;if(!t)return!0;var n=t.getValue(),r=``;return e&&(r=kt(e)?e.checked?`true`:`false`:e.value),e=r,e===n?!1:(t.setValue(e),!0)}function Nt(e){if(e||=typeof document<`u`?document:void 0,e===void 0)return null;try{return e.activeElement||e.body}catch{return e.body}}var Pt=/[\n"\\]/g;function Ft(e){return e.replace(Pt,function(e){return`\\`+e.charCodeAt(0).toString(16)+` `})}function It(e,t,n,r,i,a,o,s){e.name=``,o!=null&&typeof o!=`function`&&typeof o!=`symbol`&&typeof o!=`boolean`?e.type=o:e.removeAttribute(`type`),t==null?o!==`submit`&&o!==`reset`||e.removeAttribute(`value`):o===`number`?(t===0&&e.value===``||e.value!=t)&&(e.value=``+Ot(t)):e.value!==``+Ot(t)&&(e.value=``+Ot(t)),t==null?n==null?r!=null&&e.removeAttribute(`value`):Rt(e,o,Ot(n)):Rt(e,o,Ot(t)),i==null&&a!=null&&(e.defaultChecked=!!a),i!=null&&(e.checked=i&&typeof i!=`function`&&typeof i!=`symbol`),s!=null&&typeof s!=`function`&&typeof s!=`symbol`&&typeof s!=`boolean`?e.name=``+Ot(s):e.removeAttribute(`name`)}function Lt(e,t,n,r,i,a,o,s){if(a!=null&&typeof a!=`function`&&typeof a!=`symbol`&&typeof a!=`boolean`&&(e.type=a),t!=null||n!=null){if(!(a!==`submit`&&a!==`reset`||t!=null)){jt(e);return}n=n==null?``:``+Ot(n),t=t==null?n:``+Ot(t),s||t===e.value||(e.value=t),e.defaultValue=t}r??=i,r=typeof r!=`function`&&typeof r!=`symbol`&&!!r,e.checked=s?e.checked:!!r,e.defaultChecked=!!r,o!=null&&typeof o!=`function`&&typeof o!=`symbol`&&typeof o!=`boolean`&&(e.name=o),jt(e)}function Rt(e,t,n){t===`number`&&Nt(e.ownerDocument)===e||e.defaultValue===``+n||(e.defaultValue=``+n)}function zt(e,t,n,r){if(e=e.options,t){t={};for(var i=0;i<n.length;i++)t[`$`+n[i]]=!0;for(n=0;n<e.length;n++)i=t.hasOwnProperty(`$`+e[n].value),e[n].selected!==i&&(e[n].selected=i),i&&r&&(e[n].defaultSelected=!0)}else{for(n=``+Ot(n),t=null,i=0;i<e.length;i++){if(e[i].value===n){e[i].selected=!0,r&&(e[i].defaultSelected=!0);return}t!==null||e[i].disabled||(t=e[i])}t!==null&&(t.selected=!0)}}function Bt(e,t,n){if(t!=null&&(t=``+Ot(t),t!==e.value&&(e.value=t),n==null)){e.defaultValue!==t&&(e.defaultValue=t);return}e.defaultValue=n==null?``:``+Ot(n)}function Vt(e,t,n,r){if(t==null){if(r!=null){if(n!=null)throw Error(i(92));if(A(r)){if(1<r.length)throw Error(i(93));r=r[0]}n=r}n??=``,t=n}n=Ot(t),e.defaultValue=n,r=e.textContent,r===n&&r!==``&&r!==null&&(e.value=r),jt(e)}function Ht(e,t){if(t){var n=e.firstChild;if(n&&n===e.lastChild&&n.nodeType===3){n.nodeValue=t;return}}e.textContent=t}var Ut=new Set(`animationIterationCount aspectRatio borderImageOutset borderImageSlice borderImageWidth boxFlex boxFlexGroup boxOrdinalGroup columnCount columns flex flexGrow flexPositive flexShrink flexNegative flexOrder gridArea gridRow gridRowEnd gridRowSpan gridRowStart gridColumn gridColumnEnd gridColumnSpan gridColumnStart fontWeight lineClamp lineHeight opacity order orphans scale tabSize widows zIndex zoom fillOpacity floodOpacity stopOpacity strokeDasharray strokeDashoffset strokeMiterlimit strokeOpacity strokeWidth MozAnimationIterationCount MozBoxFlex MozBoxFlexGroup MozLineClamp msAnimationIterationCount msFlex msZoom msFlexGrow msFlexNegative msFlexOrder msFlexPositive msFlexShrink msGridColumn msGridColumnSpan msGridRow msGridRowSpan WebkitAnimationIterationCount WebkitBoxFlex WebKitBoxFlexGroup WebkitBoxOrdinalGroup WebkitColumnCount WebkitColumns WebkitFlex WebkitFlexGrow WebkitFlexPositive WebkitFlexShrink WebkitLineClamp`.split(` `));function Wt(e,t,n){var r=t.indexOf(`--`)===0;n==null||typeof n==`boolean`||n===``?r?e.setProperty(t,``):t===`float`?e.cssFloat=``:e[t]=``:r?e.setProperty(t,n):typeof n!=`number`||n===0||Ut.has(t)?t===`float`?e.cssFloat=n:e[t]=(``+n).trim():e[t]=n+`px`}function Gt(e,t,n){if(t!=null&&typeof t!=`object`)throw Error(i(62));if(e=e.style,n!=null){for(var r in n)!n.hasOwnProperty(r)||t!=null&&t.hasOwnProperty(r)||(r.indexOf(`--`)===0?e.setProperty(r,``):r===`float`?e.cssFloat=``:e[r]=``);for(var a in t)r=t[a],t.hasOwnProperty(a)&&n[a]!==r&&Wt(e,a,r)}else for(var o in t)t.hasOwnProperty(o)&&Wt(e,o,t[o])}function Kt(e){if(e.indexOf(`-`)===-1)return!1;switch(e){case`annotation-xml`:case`color-profile`:case`font-face`:case`font-face-src`:case`font-face-uri`:case`font-face-format`:case`font-face-name`:case`missing-glyph`:return!1;default:return!0}}var qt=new Map([[`acceptCharset`,`accept-charset`],[`htmlFor`,`for`],[`httpEquiv`,`http-equiv`],[`crossOrigin`,`crossorigin`],[`accentHeight`,`accent-height`],[`alignmentBaseline`,`alignment-baseline`],[`arabicForm`,`arabic-form`],[`baselineShift`,`baseline-shift`],[`capHeight`,`cap-height`],[`clipPath`,`clip-path`],[`clipRule`,`clip-rule`],[`colorInterpolation`,`color-interpolation`],[`colorInterpolationFilters`,`color-interpolation-filters`],[`colorProfile`,`color-profile`],[`colorRendering`,`color-rendering`],[`dominantBaseline`,`dominant-baseline`],[`enableBackground`,`enable-background`],[`fillOpacity`,`fill-opacity`],[`fillRule`,`fill-rule`],[`floodColor`,`flood-color`],[`floodOpacity`,`flood-opacity`],[`fontFamily`,`font-family`],[`fontSize`,`font-size`],[`fontSizeAdjust`,`font-size-adjust`],[`fontStretch`,`font-stretch`],[`fontStyle`,`font-style`],[`fontVariant`,`font-variant`],[`fontWeight`,`font-weight`],[`glyphName`,`glyph-name`],[`glyphOrientationHorizontal`,`glyph-orientation-horizontal`],[`glyphOrientationVertical`,`glyph-orientation-vertical`],[`horizAdvX`,`horiz-adv-x`],[`horizOriginX`,`horiz-origin-x`],[`imageRendering`,`image-rendering`],[`letterSpacing`,`letter-spacing`],[`lightingColor`,`lighting-color`],[`markerEnd`,`marker-end`],[`markerMid`,`marker-mid`],[`markerStart`,`marker-start`],[`overlinePosition`,`overline-position`],[`overlineThickness`,`overline-thickness`],[`paintOrder`,`paint-order`],[`panose-1`,`panose-1`],[`pointerEvents`,`pointer-events`],[`renderingIntent`,`rendering-intent`],[`shapeRendering`,`shape-rendering`],[`stopColor`,`stop-color`],[`stopOpacity`,`stop-opacity`],[`strikethroughPosition`,`strikethrough-position`],[`strikethroughThickness`,`strikethrough-thickness`],[`strokeDasharray`,`stroke-dasharray`],[`strokeDashoffset`,`stroke-dashoffset`],[`strokeLinecap`,`stroke-linecap`],[`strokeLinejoin`,`stroke-linejoin`],[`strokeMiterlimit`,`stroke-miterlimit`],[`strokeOpacity`,`stroke-opacity`],[`strokeWidth`,`stroke-width`],[`textAnchor`,`text-anchor`],[`textDecoration`,`text-decoration`],[`textRendering`,`text-rendering`],[`transformOrigin`,`transform-origin`],[`underlinePosition`,`underline-position`],[`underlineThickness`,`underline-thickness`],[`unicodeBidi`,`unicode-bidi`],[`unicodeRange`,`unicode-range`],[`unitsPerEm`,`units-per-em`],[`vAlphabetic`,`v-alphabetic`],[`vHanging`,`v-hanging`],[`vIdeographic`,`v-ideographic`],[`vMathematical`,`v-mathematical`],[`vectorEffect`,`vector-effect`],[`vertAdvY`,`vert-adv-y`],[`vertOriginX`,`vert-origin-x`],[`vertOriginY`,`vert-origin-y`],[`wordSpacing`,`word-spacing`],[`writingMode`,`writing-mode`],[`xmlnsXlink`,`xmlns:xlink`],[`xHeight`,`x-height`]]),Jt=/^[\u0000-\u001F ]*j[\r\n\t]*a[\r\n\t]*v[\r\n\t]*a[\r\n\t]*s[\r\n\t]*c[\r\n\t]*r[\r\n\t]*i[\r\n\t]*p[\r\n\t]*t[\r\n\t]*:/i;function Yt(e){return Jt.test(``+e)?`javascript:throw new Error('React has blocked a javascript: URL as a security precaution.')`:e}function Xt(){}var Zt=null;function Qt(e){return e=e.target||e.srcElement||window,e.correspondingUseElement&&(e=e.correspondingUseElement),e.nodeType===3?e.parentNode:e}var $t=null,en=null;function tn(e){var t=pt(e);if(t&&(e=t.stateNode)){var n=e[it]||null;a:switch(e=t.stateNode,t.type){case`input`:if(It(e,n.value,n.defaultValue,n.defaultValue,n.checked,n.defaultChecked,n.type,n.name),t=n.name,n.type===`radio`&&t!=null){for(n=e;n.parentNode;)n=n.parentNode;for(n=n.querySelectorAll(`input[name="`+Ft(``+t)+`"][type="radio"]`),t=0;t<n.length;t++){var r=n[t];if(r!==e&&r.form===e.form){var a=r[it]||null;if(!a)throw Error(i(90));It(r,a.value,a.defaultValue,a.defaultValue,a.checked,a.defaultChecked,a.type,a.name)}}for(t=0;t<n.length;t++)r=n[t],r.form===e.form&&Mt(r)}break a;case`textarea`:Bt(e,n.value,n.defaultValue);break a;case`select`:t=n.value,t!=null&&zt(e,!!n.multiple,t,!1)}}}var nn=!1;function rn(e,t,n){if(nn)return e(t,n);nn=!0;try{return e(t)}finally{if(nn=!1,($t!==null||en!==null)&&(Cu(),$t&&(t=$t,e=en,en=$t=null,tn(t),e)))for(t=0;t<e.length;t++)tn(e[t])}}function an(e,t){var n=e.stateNode;if(n===null)return null;var r=n[it]||null;if(r===null)return null;n=r[t];a:switch(t){case`onClick`:case`onClickCapture`:case`onDoubleClick`:case`onDoubleClickCapture`:case`onMouseDown`:case`onMouseDownCapture`:case`onMouseMove`:case`onMouseMoveCapture`:case`onMouseUp`:case`onMouseUpCapture`:case`onMouseEnter`:(r=!r.disabled)||(e=e.type,r=!(e===`button`||e===`input`||e===`select`||e===`textarea`)),e=!r;break a;default:e=!1}if(e)return null;if(n&&typeof n!=`function`)throw Error(i(231,t,typeof n));return n}var on=!(typeof window>`u`||window.document===void 0||window.document.createElement===void 0),sn=!1;if(on)try{var cn={};Object.defineProperty(cn,"passive",{get:function(){sn=!0}}),window.addEventListener(`test`,cn,cn),window.removeEventListener(`test`,cn,cn)}catch{sn=!1}var ln=null,un=null,dn=null;function fn(){if(dn)return dn;var e,t=un,n=t.length,r,i=`value`in ln?ln.value:ln.textContent,a=i.length;for(e=0;e<n&&t[e]===i[e];e++);var o=n-e;for(r=1;r<=o&&t[n-r]===i[a-r];r++);return dn=i.slice(e,1<r?1-r:void 0)}function pn(e){var t=e.keyCode;return`charCode`in e?(e=e.charCode,e===0&&t===13&&(e=13)):e=t,e===10&&(e=13),32<=e||e===13?e:0}function mn(){return!0}function hn(){return!1}function gn(e){function t(t,n,r,i,a){for(var o in this._reactName=t,this._targetInst=r,this.type=n,this.nativeEvent=i,this.target=a,this.currentTarget=null,e)e.hasOwnProperty(o)&&(t=e[o],this[o]=t?t(i):i[o]);return this.isDefaultPrevented=(i.defaultPrevented==null?!1===i.returnValue:i.defaultPrevented)?mn:hn,this.isPropagationStopped=hn,this}return p(t.prototype,{preventDefault:function(){this.defaultPrevented=!0;var e=this.nativeEvent;e&&(e.preventDefault?e.preventDefault():typeof e.returnValue!=`unknown`&&(e.returnValue=!1),this.isDefaultPrevented=mn)},stopPropagation:function(){var e=this.nativeEvent;e&&(e.stopPropagation?e.stopPropagation():typeof e.cancelBubble!=`unknown`&&(e.cancelBubble=!0),this.isPropagationStopped=mn)},persist:function(){},isPersistent:mn}),t}var _n={eventPhase:0,bubbles:0,cancelable:0,timeStamp:function(e){return e.timeStamp||Date.now()},defaultPrevented:0,isTrusted:0},vn=gn(_n),yn=p({},_n,{view:0,detail:0}),bn=gn(yn),xn,Sn,Cn,wn=p({},yn,{screenX:0,screenY:0,clientX:0,clientY:0,pageX:0,pageY:0,ctrlKey:0,shiftKey:0,altKey:0,metaKey:0,getModifierState:Fn,button:0,buttons:0,relatedTarget:function(e){return e.relatedTarget===void 0?e.fromElement===e.srcElement?e.toElement:e.fromElement:e.relatedTarget},movementX:function(e){return`movementX`in e?e.movementX:(e!==Cn&&(Cn&&e.type===`mousemove`?(xn=e.screenX-Cn.screenX,Sn=e.screenY-Cn.screenY):Sn=xn=0,Cn=e),xn)},movementY:function(e){return`movementY`in e?e.movementY:Sn}}),Tn=gn(wn),En=gn(p({},wn,{dataTransfer:0})),Dn=gn(p({},yn,{relatedTarget:0})),On=gn(p({},_n,{animationName:0,elapsedTime:0,pseudoElement:0})),kn=gn(p({},_n,{clipboardData:function(e){return`clipboardData`in e?e.clipboardData:window.clipboardData}})),An=gn(p({},_n,{data:0})),jn={Esc:`Escape`,Spacebar:` `,Left:`ArrowLeft`,Up:`ArrowUp`,Right:`ArrowRight`,Down:`ArrowDown`,Del:`Delete`,Win:`OS`,Menu:`ContextMenu`,Apps:`ContextMenu`,Scroll:`ScrollLock`,MozPrintableKey:`Unidentified`},Mn={8:`Backspace`,9:`Tab`,12:`Clear`,13:`Enter`,16:`Shift`,17:`Control`,18:`Alt`,19:`Pause`,20:`CapsLock`,27:`Escape`,32:` `,33:`PageUp`,34:`PageDown`,35:`End`,36:`Home`,37:`ArrowLeft`,38:`ArrowUp`,39:`ArrowRight`,40:`ArrowDown`,45:`Insert`,46:`Delete`,112:`F1`,113:`F2`,114:`F3`,115:`F4`,116:`F5`,117:`F6`,118:`F7`,119:`F8`,120:`F9`,121:`F10`,122:`F11`,123:`F12`,144:`NumLock`,145:`ScrollLock`,224:`Meta`},Nn={Alt:`altKey`,Control:`ctrlKey`,Meta:`metaKey`,Shift:`shiftKey`};function Pn(e){var t=this.nativeEvent;return t.getModifierState?t.getModifierState(e):(e=Nn[e])?!!t[e]:!1}function Fn(){return Pn}var In=gn(p({},yn,{key:function(e){if(e.key){var t=jn[e.key]||e.key;if(t!==`Unidentified`)return t}return e.type===`keypress`?(e=pn(e),e===13?`Enter`:String.fromCharCode(e)):e.type===`keydown`||e.type===`keyup`?Mn[e.keyCode]||`Unidentified`:``},code:0,location:0,ctrlKey:0,shiftKey:0,altKey:0,metaKey:0,repeat:0,locale:0,getModifierState:Fn,charCode:function(e){return e.type===`keypress`?pn(e):0},keyCode:function(e){return e.type===`keydown`||e.type===`keyup`?e.keyCode:0},which:function(e){return e.type===`keypress`?pn(e):e.type===`keydown`||e.type===`keyup`?e.keyCode:0}})),Ln=gn(p({},wn,{pointerId:0,width:0,height:0,pressure:0,tangentialPressure:0,tiltX:0,tiltY:0,twist:0,pointerType:0,isPrimary:0})),Rn=gn(p({},yn,{touches:0,targetTouches:0,changedTouches:0,altKey:0,metaKey:0,ctrlKey:0,shiftKey:0,getModifierState:Fn})),zn=gn(p({},_n,{propertyName:0,elapsedTime:0,pseudoElement:0})),Bn=gn(p({},wn,{deltaX:function(e){return`deltaX`in e?e.deltaX:`wheelDeltaX`in e?-e.wheelDeltaX:0},deltaY:function(e){return`deltaY`in e?e.deltaY:`wheelDeltaY`in e?-e.wheelDeltaY:`wheelDelta`in e?-e.wheelDelta:0},deltaZ:0,deltaMode:0})),Vn=gn(p({},_n,{newState:0,oldState:0})),Hn=[9,13,27,32],Un=on&&`CompositionEvent`in window,Wn=null;on&&`documentMode`in document&&(Wn=document.documentMode);var Gn=on&&`TextEvent`in window&&!Wn,Kn=on&&(!Un||Wn&&8<Wn&&11>=Wn),qn=` `,Jn=!1;function Yn(e,t){switch(e){case`keyup`:return Hn.indexOf(t.keyCode)!==-1;case`keydown`:return t.keyCode!==229;case`keypress`:case`mousedown`:case`focusout`:return!0;default:return!1}}function Xn(e){return e=e.detail,typeof e==`object`&&`data`in e?e.data:null}var Zn=!1;function Qn(e,t){switch(e){case`compositionend`:return Xn(t);case`keypress`:return t.which===32?(Jn=!0,qn):null;case`textInput`:return e=t.data,e===qn&&Jn?null:e;default:return null}}function $n(e,t){if(Zn)return e===`compositionend`||!Un&&Yn(e,t)?(e=fn(),dn=un=ln=null,Zn=!1,e):null;switch(e){case`paste`:return null;case`keypress`:if(!(t.ctrlKey||t.altKey||t.metaKey)||t.ctrlKey&&t.altKey){if(t.char&&1<t.char.length)return t.char;if(t.which)return String.fromCharCode(t.which)}return null;case`compositionend`:return Kn&&t.locale!==`ko`?null:t.data;default:return null}}var er={color:!0,date:!0,datetime:!0,"datetime-local":!0,email:!0,month:!0,number:!0,password:!0,range:!0,search:!0,tel:!0,text:!0,time:!0,url:!0,week:!0};function tr(e){var t=e&&e.nodeName&&e.nodeName.toLowerCase();return t===`input`?!!er[e.type]:t===`textarea`}function nr(e,t,n,r){$t?en?en.push(r):en=[r]:$t=r,t=Od(t,`onChange`),0<t.length&&(n=new vn(`onChange`,`change`,null,n,r),e.push({event:n,listeners:t}))}var rr=null,ir=null;function ar(e){Sd(e,0)}function or(e){if(Mt(mt(e)))return e}function sr(e,t){if(e===`change`)return t}var cr=!1;if(on){var lr;if(on){var ur=`oninput`in document;if(!ur){var dr=document.createElement(`div`);dr.setAttribute(`oninput`,`return;`),ur=typeof dr.oninput==`function`}lr=ur}else lr=!1;cr=lr&&(!document.documentMode||9<document.documentMode)}function fr(){rr&&(rr.detachEvent(`onpropertychange`,pr),ir=rr=null)}function pr(e){if(e.propertyName===`value`&&or(ir)){var t=[];nr(t,ir,e,Qt(e)),rn(ar,t)}}function mr(e,t,n){e===`focusin`?(fr(),rr=t,ir=n,rr.attachEvent(`onpropertychange`,pr)):e===`focusout`&&fr()}function hr(e){if(e===`selectionchange`||e===`keyup`||e===`keydown`)return or(ir)}function gr(e,t){if(e===`click`)return or(t)}function _r(e,t){if(e===`input`||e===`change`)return or(t)}function vr(e,t){return e===t&&(e!==0||1/e==1/t)||e!==e&&t!==t}var yr=typeof Object.is==`function`?Object.is:vr;function br(e,t){if(yr(e,t))return!0;if(typeof e!=`object`||!e||typeof t!=`object`||!t)return!1;var n=Object.keys(e),r=Object.keys(t);if(n.length!==r.length)return!1;for(r=0;r<n.length;r++){var i=n[r];if(!ve.call(t,i)||!yr(e[i],t[i]))return!1}return!0}function xr(e){for(;e&&e.firstChild;)e=e.firstChild;return e}function Sr(e,t){var n=xr(e);e=0;for(var r;n;){if(n.nodeType===3){if(r=e+n.textContent.length,e<=t&&r>=t)return{node:n,offset:t-e};e=r}a:{for(;n;){if(n.nextSibling){n=n.nextSibling;break a}n=n.parentNode}n=void 0}n=xr(n)}}function Cr(e,t){return e&&t?e===t?!0:e&&e.nodeType===3?!1:t&&t.nodeType===3?Cr(e,t.parentNode):`contains`in e?e.contains(t):e.compareDocumentPosition?!!(e.compareDocumentPosition(t)&16):!1:!1}function wr(e){e=e!=null&&e.ownerDocument!=null&&e.ownerDocument.defaultView!=null?e.ownerDocument.defaultView:window;for(var t=Nt(e.document);t instanceof e.HTMLIFrameElement;){try{var n=typeof t.contentWindow.location.href==`string`}catch{n=!1}if(n)e=t.contentWindow;else break;t=Nt(e.document)}return t}function Tr(e){var t=e&&e.nodeName&&e.nodeName.toLowerCase();return t&&(t===`input`&&(e.type===`text`||e.type===`search`||e.type===`tel`||e.type===`url`||e.type===`password`)||t===`textarea`||e.contentEditable===`true`)}var Er=on&&`documentMode`in document&&11>=document.documentMode,Dr=null,Or=null,kr=null,Ar=!1;function jr(e,t,n){var r=n.window===n?n.document:n.nodeType===9?n:n.ownerDocument;Ar||Dr==null||Dr!==Nt(r)||(r=Dr,`selectionStart`in r&&Tr(r)?r={start:r.selectionStart,end:r.selectionEnd}:(r=(r.ownerDocument&&r.ownerDocument.defaultView||window).getSelection(),r={anchorNode:r.anchorNode,anchorOffset:r.anchorOffset,focusNode:r.focusNode,focusOffset:r.focusOffset}),kr&&br(kr,r)||(kr=r,r=Od(Or,`onSelect`),0<r.length&&(t=new vn(`onSelect`,`select`,null,t,n),e.push({event:t,listeners:r}),t.target=Dr)))}function Mr(e,t){var n={};return n[e.toLowerCase()]=t.toLowerCase(),n[`Webkit`+e]=`webkit`+t,n[`Moz`+e]=`moz`+t,n}var Nr={animationend:Mr(`Animation`,`AnimationEnd`),animationiteration:Mr(`Animation`,`AnimationIteration`),animationstart:Mr(`Animation`,`AnimationStart`),transitionrun:Mr(`Transition`,`TransitionRun`),transitionstart:Mr(`Transition`,`TransitionStart`),transitioncancel:Mr(`Transition`,`TransitionCancel`),transitionend:Mr(`Transition`,`TransitionEnd`)},Pr={},Fr={};on&&(Fr=document.createElement(`div`).style,`AnimationEvent`in window||(delete Nr.animationend.animation,delete Nr.animationiteration.animation,delete Nr.animationstart.animation),`TransitionEvent`in window||delete Nr.transitionend.transition);function Ir(e){if(Pr[e])return Pr[e];if(!Nr[e])return e;var t=Nr[e],n;for(n in t)if(t.hasOwnProperty(n)&&n in Fr)return Pr[e]=t[n];return e}var Lr=Ir(`animationend`),Rr=Ir(`animationiteration`),zr=Ir(`animationstart`),Br=Ir(`transitionrun`),Vr=Ir(`transitionstart`),Hr=Ir(`transitioncancel`),Ur=Ir(`transitionend`),Wr=new Map,Gr=`abort auxClick beforeToggle cancel canPlay canPlayThrough click close contextMenu copy cut drag dragEnd dragEnter dragExit dragLeave dragOver dragStart drop durationChange emptied encrypted ended error gotPointerCapture input invalid keyDown keyPress keyUp load loadedData loadedMetadata loadStart lostPointerCapture mouseDown mouseMove mouseOut mouseOver mouseUp paste pause play playing pointerCancel pointerDown pointerMove pointerOut pointerOver pointerUp progress rateChange reset resize seeked seeking stalled submit suspend timeUpdate touchCancel touchEnd touchStart volumeChange scroll toggle touchMove waiting wheel`.split(` `);Gr.push(`scrollEnd`);function Kr(e,t){Wr.set(e,t),yt(t,[e])}var qr=typeof reportError==`function`?reportError:function(e){if(typeof window==`object`&&typeof window.ErrorEvent==`function`){var t=new window.ErrorEvent(`error`,{bubbles:!0,cancelable:!0,message:typeof e==`object`&&e&&typeof e.message==`string`?String(e.message):String(e),error:e});if(!window.dispatchEvent(t))return}else if(typeof process==`object`&&typeof process.emit==`function`){process.emit(`uncaughtException`,e);return}console.error(e)},Jr=[],Yr=0,Xr=0;function Zr(){for(var e=Yr,t=Xr=Yr=0;t<e;){var n=Jr[t];Jr[t++]=null;var r=Jr[t];Jr[t++]=null;var i=Jr[t];Jr[t++]=null;var a=Jr[t];if(Jr[t++]=null,r!==null&&i!==null){var o=r.pending;o===null?i.next=i:(i.next=o.next,o.next=i),r.pending=i}a!==0&&ti(n,i,a)}}function Qr(e,t,n,r){Jr[Yr++]=e,Jr[Yr++]=t,Jr[Yr++]=n,Jr[Yr++]=r,Xr|=r,e.lanes|=r,e=e.alternate,e!==null&&(e.lanes|=r)}function $r(e,t,n,r){return Qr(e,t,n,r),ni(e)}function ei(e,t){return Qr(e,null,null,t),ni(e)}function ti(e,t,n){e.lanes|=n;var r=e.alternate;r!==null&&(r.lanes|=n);for(var i=!1,a=e.return;a!==null;)a.childLanes|=n,r=a.alternate,r!==null&&(r.childLanes|=n),a.tag===22&&(e=a.stateNode,e===null||e._visibility&1||(i=!0)),e=a,a=a.return;return e.tag===3?(a=e.stateNode,i&&t!==null&&(i=31-Ne(n),e=a.hiddenUpdates,r=e[i],r===null?e[i]=[t]:r.push(t),t.lane=n|536870912),a):null}function ni(e){if(50<mu)throw mu=0,hu=null,Error(i(185));for(var t=e.return;t!==null;)e=t,t=e.return;return e.tag===3?e.stateNode:null}var ri={};function ii(e,t,n,r){this.tag=e,this.key=n,this.sibling=this.child=this.return=this.stateNode=this.type=this.elementType=null,this.index=0,this.refCleanup=this.ref=null,this.pendingProps=t,this.dependencies=this.memoizedState=this.updateQueue=this.memoizedProps=null,this.mode=r,this.subtreeFlags=this.flags=0,this.deletions=null,this.childLanes=this.lanes=0,this.alternate=null}function ai(e,t,n,r){return new ii(e,t,n,r)}function oi(e){return e=e.prototype,!(!e||!e.isReactComponent)}function H(e,t){var n=e.alternate;return n===null?(n=ai(e.tag,t,e.key,e.mode),n.elementType=e.elementType,n.type=e.type,n.stateNode=e.stateNode,n.alternate=e,e.alternate=n):(n.pendingProps=t,n.type=e.type,n.flags=0,n.subtreeFlags=0,n.deletions=null),n.flags=e.flags&65011712,n.childLanes=e.childLanes,n.lanes=e.lanes,n.child=e.child,n.memoizedProps=e.memoizedProps,n.memoizedState=e.memoizedState,n.updateQueue=e.updateQueue,t=e.dependencies,n.dependencies=t===null?null:{lanes:t.lanes,firstContext:t.firstContext},n.sibling=e.sibling,n.index=e.index,n.ref=e.ref,n.refCleanup=e.refCleanup,n}function si(e,t){e.flags&=65011714;var n=e.alternate;return n===null?(e.childLanes=0,e.lanes=t,e.child=null,e.subtreeFlags=0,e.memoizedProps=null,e.memoizedState=null,e.updateQueue=null,e.dependencies=null,e.stateNode=null):(e.childLanes=n.childLanes,e.lanes=n.lanes,e.child=n.child,e.subtreeFlags=0,e.deletions=null,e.memoizedProps=n.memoizedProps,e.memoizedState=n.memoizedState,e.updateQueue=n.updateQueue,e.type=n.type,t=n.dependencies,e.dependencies=t===null?null:{lanes:t.lanes,firstContext:t.firstContext}),e}function ci(e,t,n,r,a,o){var s=0;if(r=e,typeof e==`function`)oi(e)&&(s=1);else if(typeof e==`string`)s=Kf(e,n,se.current)?26:e===`html`||e===`head`||e===`body`?27:5;else a:switch(e){case E:return e=ai(31,n,t,a),e.elementType=E,e.lanes=o,e;case _:return li(n.children,a,o,t);case v:s=8,a|=24;break;case y:return e=ai(12,n,t,a|2),e.elementType=y,e.lanes=o,e;case S:return e=ai(13,n,t,a),e.elementType=S,e.lanes=o,e;case C:return e=ai(19,n,t,a),e.elementType=C,e.lanes=o,e;default:if(typeof e==`object`&&e)switch(e.$$typeof){case x:s=10;break a;case b:s=9;break a;case ee:s=11;break a;case w:s=14;break a;case T:s=16,r=null;break a}s=29,n=Error(i(130,e===null?`null`:typeof e,``)),r=null}return t=ai(s,n,t,a),t.elementType=e,t.type=r,t.lanes=o,t}function li(e,t,n,r){return e=ai(7,e,r,t),e.lanes=n,e}function ui(e,t,n){return e=ai(6,e,null,t),e.lanes=n,e}function di(e){var t=ai(18,null,null,0);return t.stateNode=e,t}function fi(e,t,n){return t=ai(4,e.children===null?[]:e.children,e.key,t),t.lanes=n,t.stateNode={containerInfo:e.containerInfo,pendingChildren:null,implementation:e.implementation},t}var pi=new WeakMap;function mi(e,t){if(typeof e==`object`&&e){var n=pi.get(e);return n===void 0?(t={value:e,source:t,stack:_e(t)},pi.set(e,t),t):n}return{value:e,source:t,stack:_e(t)}}var hi=[],gi=0,_i=null,vi=0,yi=[],bi=0,xi=null,Si=1,Ci=``;function wi(e,t){hi[gi++]=vi,hi[gi++]=_i,_i=e,vi=t}function Ti(e,t,n){yi[bi++]=Si,yi[bi++]=Ci,yi[bi++]=xi,xi=e;var r=Si;e=Ci;var i=32-Ne(r)-1;r&=~(1<<i),n+=1;var a=32-Ne(t)+i;if(30<a){var o=i-i%5;a=(r&(1<<o)-1).toString(32),r>>=o,i-=o,Si=1<<32-Ne(t)+i|n<<i|r,Ci=a+e}else Si=1<<a|n<<i|r,Ci=e}function Ei(e){e.return!==null&&(wi(e,1),Ti(e,1,0))}function Di(e){for(;e===_i;)_i=hi[--gi],hi[gi]=null,vi=hi[--gi],hi[gi]=null;for(;e===xi;)xi=yi[--bi],yi[bi]=null,Ci=yi[--bi],yi[bi]=null,Si=yi[--bi],yi[bi]=null}function Oi(e,t){yi[bi++]=Si,yi[bi++]=Ci,yi[bi++]=xi,Si=t.id,Ci=t.overflow,xi=e}var ki=null,Ai=null,ji=!1,Mi=null,Ni=!1,Pi=Error(i(519));function Fi(e){throw Vi(mi(Error(i(418,1<arguments.length&&arguments[1]!==void 0&&arguments[1]?`text`:`HTML`,``)),e)),Pi}function Ii(e){var t=e.stateNode,n=e.type,r=e.memoizedProps;switch(t[rt]=e,t[it]=r,n){case`dialog`:Cd(`cancel`,t),Cd(`close`,t);break;case`iframe`:case`object`:case`embed`:Cd(`load`,t);break;case`video`:case`audio`:for(n=0;n<bd.length;n++)Cd(bd[n],t);break;case`source`:Cd(`error`,t);break;case`img`:case`image`:case`link`:Cd(`error`,t),Cd(`load`,t);break;case`details`:Cd(`toggle`,t);break;case`input`:Cd(`invalid`,t),Lt(t,r.value,r.defaultValue,r.checked,r.defaultChecked,r.type,r.name,!0);break;case`select`:Cd(`invalid`,t);break;case`textarea`:Cd(`invalid`,t),Vt(t,r.value,r.defaultValue,r.children)}n=r.children,typeof n!=`string`&&typeof n!=`number`&&typeof n!=`bigint`||t.textContent===``+n||!0===r.suppressHydrationWarning||Pd(t.textContent,n)?(r.popover!=null&&(Cd(`beforetoggle`,t),Cd(`toggle`,t)),r.onScroll!=null&&Cd(`scroll`,t),r.onScrollEnd!=null&&Cd(`scrollend`,t),r.onClick!=null&&(t.onclick=Xt),t=!0):t=!1,t||Fi(e,!0)}function Li(e){for(ki=e.return;ki;)switch(ki.tag){case 5:case 31:case 13:Ni=!1;return;case 27:case 3:Ni=!0;return;default:ki=ki.return}}function Ri(e){if(e!==ki)return!1;if(!ji)return Li(e),ji=!0,!1;var t=e.tag,n;if((n=t!==3&&t!==27)&&((n=t===5)&&(n=e.type,n=!(n!==`form`&&n!==`button`)||Kd(e.type,e.memoizedProps)),n=!n),n&&Ai&&Fi(e),Li(e),t===13){if(e=e.memoizedState,e=e===null?null:e.dehydrated,!e)throw Error(i(317));Ai=pf(e)}else if(t===31){if(e=e.memoizedState,e=e===null?null:e.dehydrated,!e)throw Error(i(317));Ai=pf(e)}else t===27?(t=Ai,ef(e.type)?(e=ff,ff=null,Ai=e):Ai=t):Ai=ki?df(e.stateNode.nextSibling):null;return!0}function zi(){Ai=ki=null,ji=!1}function Bi(){var e=Mi;return e!==null&&(eu===null?eu=e:eu.push.apply(eu,e),Mi=null),e}function Vi(e){Mi===null?Mi=[e]:Mi.push(e)}var Hi=oe(null),Ui=null,Wi=null;function Gi(e,t,n){P(Hi,t._currentValue),t._currentValue=n}function Ki(e){e._currentValue=Hi.current,N(Hi)}function qi(e,t,n){for(;e!==null;){var r=e.alternate;if((e.childLanes&t)===t?r!==null&&(r.childLanes&t)!==t&&(r.childLanes|=t):(e.childLanes|=t,r!==null&&(r.childLanes|=t)),e===n)break;e=e.return}}function Ji(e,t,n,r){var a=e.child;for(a!==null&&(a.return=e);a!==null;){var o=a.dependencies;if(o!==null){var s=a.child;o=o.firstContext;a:for(;o!==null;){var c=o;o=a;for(var l=0;l<t.length;l++)if(c.context===t[l]){o.lanes|=n,c=o.alternate,c!==null&&(c.lanes|=n),qi(o.return,n,e),r||(s=null);break a}o=c.next}}else if(a.tag===18){if(s=a.return,s===null)throw Error(i(341));s.lanes|=n,o=s.alternate,o!==null&&(o.lanes|=n),qi(s,n,e),s=null}else s=a.child;if(s!==null)s.return=a;else for(s=a;s!==null;){if(s===e){s=null;break}if(a=s.sibling,a!==null){a.return=s.return,s=a;break}s=s.return}a=s}}function Yi(e,t,n,r){e=null;for(var a=t,o=!1;a!==null;){if(!o){if(a.flags&524288)o=!0;else if(a.flags&262144)break}if(a.tag===10){var s=a.alternate;if(s===null)throw Error(i(387));if(s=s.memoizedProps,s!==null){var c=a.type;yr(a.pendingProps.value,s.value)||(e===null?e=[c]:e.push(c))}}else if(a===I.current){if(s=a.alternate,s===null)throw Error(i(387));s.memoizedState.memoizedState!==a.memoizedState.memoizedState&&(e===null?e=[tp]:e.push(tp))}a=a.return}e!==null&&Ji(t,e,n,r),t.flags|=262144}function Xi(e){for(e=e.firstContext;e!==null;){if(!yr(e.context._currentValue,e.memoizedValue))return!0;e=e.next}return!1}function Zi(e){Ui=e,Wi=null,e=e.dependencies,e!==null&&(e.firstContext=null)}function Qi(e){return ea(Ui,e)}function $i(e,t){return Ui===null&&Zi(e),ea(e,t)}function ea(e,t){var n=t._currentValue;if(t={context:t,memoizedValue:n,next:null},Wi===null){if(e===null)throw Error(i(308));Wi=t,e.dependencies={lanes:0,firstContext:t},e.flags|=524288}else Wi=Wi.next=t;return n}var ta=typeof AbortController<`u`?AbortController:function(){var e=[],t=this.signal={aborted:!1,addEventListener:function(t,n){e.push(n)}};this.abort=function(){t.aborted=!0,e.forEach(function(e){return e()})}},na=t.unstable_scheduleCallback,ra=t.unstable_NormalPriority,ia={$$typeof:x,Consumer:null,Provider:null,_currentValue:null,_currentValue2:null,_threadCount:0};function aa(){return{controller:new ta,data:new Map,refCount:0}}function oa(e){e.refCount--,e.refCount===0&&na(ra,function(){e.controller.abort()})}var sa=null,ca=0,la=0,ua=null;function da(e,t){if(sa===null){var n=sa=[];ca=0,la=hd(),ua={status:`pending`,value:void 0,then:function(e){n.push(e)}}}return ca++,t.then(fa,fa),t}function fa(){if(--ca===0&&sa!==null){ua!==null&&(ua.status=`fulfilled`);var e=sa;sa=null,la=0,ua=null;for(var t=0;t<e.length;t++)(0,e[t])()}}function pa(e,t){var n=[],r={status:`pending`,value:null,reason:null,then:function(e){n.push(e)}};return e.then(function(){r.status=`fulfilled`,r.value=t;for(var e=0;e<n.length;e++)(0,n[e])(t)},function(e){for(r.status=`rejected`,r.reason=e,e=0;e<n.length;e++)(0,n[e])(void 0)}),r}var ma=j.S;j.S=function(e,t){ru=Ce(),typeof t==`object`&&t&&typeof t.then==`function`&&da(e,t),ma!==null&&ma(e,t)};var ha=oe(null);function ga(){var e=ha.current;return e===null?zl.pooledCache:e}function _a(e,t){t===null?P(ha,ha.current):P(ha,t.pool)}function va(){var e=ga();return e===null?null:{parent:ia._currentValue,pool:e}}var ya=Error(i(460)),ba=Error(i(474)),xa=Error(i(542)),Sa={then:function(){}};function Ca(e){return e=e.status,e===`fulfilled`||e===`rejected`}function wa(e,t,n){switch(n=e[n],n===void 0?e.push(t):n!==t&&(t.then(Xt,Xt),t=n),t.status){case`fulfilled`:return t.value;case`rejected`:throw e=t.reason,Oa(e),e;default:if(typeof t.status==`string`)t.then(Xt,Xt);else{if(e=zl,e!==null&&100<e.shellSuspendCounter)throw Error(i(482));e=t,e.status=`pending`,e.then(function(e){if(t.status===`pending`){var n=t;n.status=`fulfilled`,n.value=e}},function(e){if(t.status===`pending`){var n=t;n.status=`rejected`,n.reason=e}})}switch(t.status){case`fulfilled`:return t.value;case`rejected`:throw e=t.reason,Oa(e),e}throw Ea=t,ya}}function Ta(e){try{var t=e._init;return t(e._payload)}catch(e){throw typeof e==`object`&&e&&typeof e.then==`function`?(Ea=e,ya):e}}var Ea=null;function Da(){if(Ea===null)throw Error(i(459));var e=Ea;return Ea=null,e}function Oa(e){if(e===ya||e===xa)throw Error(i(483))}var ka=null,Aa=0;function ja(e){var t=Aa;return Aa+=1,ka===null&&(ka=[]),wa(ka,e,t)}function Ma(e,t){t=t.props.ref,e.ref=t===void 0?null:t}function Na(e,t){throw t.$$typeof===m?Error(i(525)):(e=Object.prototype.toString.call(t),Error(i(31,e===`[object Object]`?`object with keys {`+Object.keys(t).join(`, `)+`}`:e)))}function Pa(e){function t(t,n){if(e){var r=t.deletions;r===null?(t.deletions=[n],t.flags|=16):r.push(n)}}function n(n,r){if(!e)return null;for(;r!==null;)t(n,r),r=r.sibling;return null}function r(e){for(var t=new Map;e!==null;)e.key===null?t.set(e.index,e):t.set(e.key,e),e=e.sibling;return t}function a(e,t){return e=H(e,t),e.index=0,e.sibling=null,e}function o(t,n,r){return t.index=r,e?(r=t.alternate,r===null?(t.flags|=67108866,n):(r=r.index,r<n?(t.flags|=67108866,n):r)):(t.flags|=1048576,n)}function s(t){return e&&t.alternate===null&&(t.flags|=67108866),t}function c(e,t,n,r){return t===null||t.tag!==6?(t=ui(n,e.mode,r),t.return=e,t):(t=a(t,n),t.return=e,t)}function l(e,t,n,r){var i=n.type;return i===_?d(e,t,n.props.children,r,n.key):t!==null&&(t.elementType===i||typeof i==`object`&&i&&i.$$typeof===T&&Ta(i)===t.type)?(t=a(t,n.props),Ma(t,n),t.return=e,t):(t=ci(n.type,n.key,n.props,null,e.mode,r),Ma(t,n),t.return=e,t)}function u(e,t,n,r){return t===null||t.tag!==4||t.stateNode.containerInfo!==n.containerInfo||t.stateNode.implementation!==n.implementation?(t=fi(n,e.mode,r),t.return=e,t):(t=a(t,n.children||[]),t.return=e,t)}function d(e,t,n,r,i){return t===null||t.tag!==7?(t=li(n,e.mode,r,i),t.return=e,t):(t=a(t,n),t.return=e,t)}function f(e,t,n){if(typeof t==`string`&&t!==``||typeof t==`number`||typeof t==`bigint`)return t=ui(``+t,e.mode,n),t.return=e,t;if(typeof t==`object`&&t){switch(t.$$typeof){case h:return n=ci(t.type,t.key,t.props,null,e.mode,n),Ma(n,t),n.return=e,n;case g:return t=fi(t,e.mode,n),t.return=e,t;case T:return t=Ta(t),f(e,t,n)}if(A(t)||O(t))return t=li(t,e.mode,n,null),t.return=e,t;if(typeof t.then==`function`)return f(e,ja(t),n);if(t.$$typeof===x)return f(e,$i(e,t),n);Na(e,t)}return null}function p(e,t,n,r){var i=t===null?null:t.key;if(typeof n==`string`&&n!==``||typeof n==`number`||typeof n==`bigint`)return i===null?c(e,t,``+n,r):null;if(typeof n==`object`&&n){switch(n.$$typeof){case h:return n.key===i?l(e,t,n,r):null;case g:return n.key===i?u(e,t,n,r):null;case T:return n=Ta(n),p(e,t,n,r)}if(A(n)||O(n))return i===null?d(e,t,n,r,null):null;if(typeof n.then==`function`)return p(e,t,ja(n),r);if(n.$$typeof===x)return p(e,t,$i(e,n),r);Na(e,n)}return null}function m(e,t,n,r,i){if(typeof r==`string`&&r!==``||typeof r==`number`||typeof r==`bigint`)return e=e.get(n)||null,c(t,e,``+r,i);if(typeof r==`object`&&r){switch(r.$$typeof){case h:return e=e.get(r.key===null?n:r.key)||null,l(t,e,r,i);case g:return e=e.get(r.key===null?n:r.key)||null,u(t,e,r,i);case T:return r=Ta(r),m(e,t,n,r,i)}if(A(r)||O(r))return e=e.get(n)||null,d(t,e,r,i,null);if(typeof r.then==`function`)return m(e,t,n,ja(r),i);if(r.$$typeof===x)return m(e,t,n,$i(t,r),i);Na(t,r)}return null}function v(i,a,s,c){for(var l=null,u=null,d=a,h=a=0,g=null;d!==null&&h<s.length;h++){d.index>h?(g=d,d=null):g=d.sibling;var _=p(i,d,s[h],c);if(_===null){d===null&&(d=g);break}e&&d&&_.alternate===null&&t(i,d),a=o(_,a,h),u===null?l=_:u.sibling=_,u=_,d=g}if(h===s.length)return n(i,d),ji&&wi(i,h),l;if(d===null){for(;h<s.length;h++)d=f(i,s[h],c),d!==null&&(a=o(d,a,h),u===null?l=d:u.sibling=d,u=d);return ji&&wi(i,h),l}for(d=r(d);h<s.length;h++)g=m(d,i,h,s[h],c),g!==null&&(e&&g.alternate!==null&&d.delete(g.key===null?h:g.key),a=o(g,a,h),u===null?l=g:u.sibling=g,u=g);return e&&d.forEach(function(e){return t(i,e)}),ji&&wi(i,h),l}function y(a,s,c,l){if(c==null)throw Error(i(151));for(var u=null,d=null,h=s,g=s=0,_=null,v=c.next();h!==null&&!v.done;g++,v=c.next()){h.index>g?(_=h,h=null):_=h.sibling;var y=p(a,h,v.value,l);if(y===null){h===null&&(h=_);break}e&&h&&y.alternate===null&&t(a,h),s=o(y,s,g),d===null?u=y:d.sibling=y,d=y,h=_}if(v.done)return n(a,h),ji&&wi(a,g),u;if(h===null){for(;!v.done;g++,v=c.next())v=f(a,v.value,l),v!==null&&(s=o(v,s,g),d===null?u=v:d.sibling=v,d=v);return ji&&wi(a,g),u}for(h=r(h);!v.done;g++,v=c.next())v=m(h,a,g,v.value,l),v!==null&&(e&&v.alternate!==null&&h.delete(v.key===null?g:v.key),s=o(v,s,g),d===null?u=v:d.sibling=v,d=v);return e&&h.forEach(function(e){return t(a,e)}),ji&&wi(a,g),u}function b(e,r,o,c){if(typeof o==`object`&&o&&o.type===_&&o.key===null&&(o=o.props.children),typeof o==`object`&&o){switch(o.$$typeof){case h:a:{for(var l=o.key;r!==null;){if(r.key===l){if(l=o.type,l===_){if(r.tag===7){n(e,r.sibling),c=a(r,o.props.children),c.return=e,e=c;break a}}else if(r.elementType===l||typeof l==`object`&&l&&l.$$typeof===T&&Ta(l)===r.type){n(e,r.sibling),c=a(r,o.props),Ma(c,o),c.return=e,e=c;break a}n(e,r);break}else t(e,r);r=r.sibling}o.type===_?(c=li(o.props.children,e.mode,c,o.key),c.return=e,e=c):(c=ci(o.type,o.key,o.props,null,e.mode,c),Ma(c,o),c.return=e,e=c)}return s(e);case g:a:{for(l=o.key;r!==null;){if(r.key===l)if(r.tag===4&&r.stateNode.containerInfo===o.containerInfo&&r.stateNode.implementation===o.implementation){n(e,r.sibling),c=a(r,o.children||[]),c.return=e,e=c;break a}else{n(e,r);break}else t(e,r);r=r.sibling}c=fi(o,e.mode,c),c.return=e,e=c}return s(e);case T:return o=Ta(o),b(e,r,o,c)}if(A(o))return v(e,r,o,c);if(O(o)){if(l=O(o),typeof l!=`function`)throw Error(i(150));return o=l.call(o),y(e,r,o,c)}if(typeof o.then==`function`)return b(e,r,ja(o),c);if(o.$$typeof===x)return b(e,r,$i(e,o),c);Na(e,o)}return typeof o==`string`&&o!==``||typeof o==`number`||typeof o==`bigint`?(o=``+o,r!==null&&r.tag===6?(n(e,r.sibling),c=a(r,o),c.return=e,e=c):(n(e,r),c=ui(o,e.mode,c),c.return=e,e=c),s(e)):n(e,r)}return function(e,t,n,r){try{Aa=0;var i=b(e,t,n,r);return ka=null,i}catch(t){if(t===ya||t===xa)throw t;var a=ai(29,t,null,e.mode);return a.lanes=r,a.return=e,a}}}var Fa=Pa(!0),Ia=Pa(!1),La=!1;function Ra(e){e.updateQueue={baseState:e.memoizedState,firstBaseUpdate:null,lastBaseUpdate:null,shared:{pending:null,lanes:0,hiddenCallbacks:null},callbacks:null}}function za(e,t){e=e.updateQueue,t.updateQueue===e&&(t.updateQueue={baseState:e.baseState,firstBaseUpdate:e.firstBaseUpdate,lastBaseUpdate:e.lastBaseUpdate,shared:e.shared,callbacks:null})}function Ba(e){return{lane:e,tag:0,payload:null,callback:null,next:null}}function Va(e,t,n){var r=e.updateQueue;if(r===null)return null;if(r=r.shared,K&2){var i=r.pending;return i===null?t.next=t:(t.next=i.next,i.next=t),r.pending=t,t=ni(e),ti(e,null,n),t}return Qr(e,r,t,n),ni(e)}function Ha(e,t,n){if(t=t.updateQueue,t!==null&&(t=t.shared,n&4194048)){var r=t.lanes;r&=e.pendingLanes,n|=r,t.lanes=n,Xe(e,n)}}function Ua(e,t){var n=e.updateQueue,r=e.alternate;if(r!==null&&(r=r.updateQueue,n===r)){var i=null,a=null;if(n=n.firstBaseUpdate,n!==null){do{var o={lane:n.lane,tag:n.tag,payload:n.payload,callback:null,next:null};a===null?i=a=o:a=a.next=o,n=n.next}while(n!==null);a===null?i=a=t:a=a.next=t}else i=a=t;n={baseState:r.baseState,firstBaseUpdate:i,lastBaseUpdate:a,shared:r.shared,callbacks:r.callbacks},e.updateQueue=n;return}e=n.lastBaseUpdate,e===null?n.firstBaseUpdate=t:e.next=t,n.lastBaseUpdate=t}var Wa=!1;function Ga(){if(Wa){var e=ua;if(e!==null)throw e}}function Ka(e,t,n,r){Wa=!1;var i=e.updateQueue;La=!1;var a=i.firstBaseUpdate,o=i.lastBaseUpdate,s=i.shared.pending;if(s!==null){i.shared.pending=null;var c=s,l=c.next;c.next=null,o===null?a=l:o.next=l,o=c;var u=e.alternate;u!==null&&(u=u.updateQueue,s=u.lastBaseUpdate,s!==o&&(s===null?u.firstBaseUpdate=l:s.next=l,u.lastBaseUpdate=c))}if(a!==null){var d=i.baseState;o=0,u=l=c=null,s=a;do{var f=s.lane&-536870913,m=f!==s.lane;if(m?(q&f)===f:(r&f)===f){f!==0&&f===la&&(Wa=!0),u!==null&&(u=u.next={lane:0,tag:s.tag,payload:s.payload,callback:null,next:null});a:{var h=e,g=s;f=t;var _=n;switch(g.tag){case 1:if(h=g.payload,typeof h==`function`){d=h.call(_,d,f);break a}d=h;break a;case 3:h.flags=h.flags&-65537|128;case 0:if(h=g.payload,f=typeof h==`function`?h.call(_,d,f):h,f==null)break a;d=p({},d,f);break a;case 2:La=!0}}f=s.callback,f!==null&&(e.flags|=64,m&&(e.flags|=8192),m=i.callbacks,m===null?i.callbacks=[f]:m.push(f))}else m={lane:f,tag:s.tag,payload:s.payload,callback:s.callback,next:null},u===null?(l=u=m,c=d):u=u.next=m,o|=f;if(s=s.next,s===null){if(s=i.shared.pending,s===null)break;m=s,s=m.next,m.next=null,i.lastBaseUpdate=m,i.shared.pending=null}}while(1);u===null&&(c=d),i.baseState=c,i.firstBaseUpdate=l,i.lastBaseUpdate=u,a===null&&(i.shared.lanes=0),Jl|=o,e.lanes=o,e.memoizedState=d}}function qa(e,t){if(typeof e!=`function`)throw Error(i(191,e));e.call(t)}function Ja(e,t){var n=e.callbacks;if(n!==null)for(e.callbacks=null,e=0;e<n.length;e++)qa(n[e],t)}var Ya=oe(null),Xa=oe(0);function Za(e,t){e=Kl,P(Xa,e),P(Ya,t),Kl=e|t.baseLanes}function Qa(){P(Xa,Kl),P(Ya,Ya.current)}function $a(){Kl=Xa.current,N(Ya),N(Xa)}var eo=oe(null),to=null;function no(e){var t=e.alternate;P(so,so.current&1),P(eo,e),to===null&&(t===null||Ya.current!==null||t.memoizedState!==null)&&(to=e)}function ro(e){P(so,so.current),P(eo,e),to===null&&(to=e)}function io(e){e.tag===22?(P(so,so.current),P(eo,e),to===null&&(to=e)):ao(e)}function ao(){P(so,so.current),P(eo,eo.current)}function oo(e){N(eo),to===e&&(to=null),N(so)}var so=oe(0);function co(e){for(var t=e;t!==null;){if(t.tag===13){var n=t.memoizedState;if(n!==null&&(n=n.dehydrated,n===null||cf(n)||lf(n)))return t}else if(t.tag===19&&(t.memoizedProps.revealOrder===`forwards`||t.memoizedProps.revealOrder===`backwards`||t.memoizedProps.revealOrder===`unstable_legacy-backwards`||t.memoizedProps.revealOrder===`together`)){if(t.flags&128)return t}else if(t.child!==null){t.child.return=t,t=t.child;continue}if(t===e)break;for(;t.sibling===null;){if(t.return===null||t.return===e)return null;t=t.return}t.sibling.return=t.return,t=t.sibling}return null}var lo=0,U=null,uo=null,fo=null,po=!1,mo=!1,ho=!1,go=0,_o=0,vo=null,yo=0;function bo(){throw Error(i(321))}function xo(e,t){if(t===null)return!1;for(var n=0;n<t.length&&n<e.length;n++)if(!yr(e[n],t[n]))return!1;return!0}function So(e,t,n,r,i,a){return lo=a,U=t,t.memoizedState=null,t.updateQueue=null,t.lanes=0,j.H=e===null||e.memoizedState===null?zs:Bs,ho=!1,a=n(r,i),ho=!1,mo&&(a=wo(t,n,r,i)),Co(e),a}function Co(e){j.H=Rs;var t=uo!==null&&uo.next!==null;if(lo=0,fo=uo=U=null,po=!1,_o=0,vo=null,t)throw Error(i(300));e===null||rc||(e=e.dependencies,e!==null&&Xi(e)&&(rc=!0))}function wo(e,t,n,r){U=e;var a=0;do{if(mo&&(vo=null),_o=0,mo=!1,25<=a)throw Error(i(301));if(a+=1,fo=uo=null,e.updateQueue!=null){var o=e.updateQueue;o.lastEffect=null,o.events=null,o.stores=null,o.memoCache!=null&&(o.memoCache.index=0)}j.H=Vs,o=t(n,r)}while(mo);return o}function To(){var e=j.H,t=e.useState()[0];return t=typeof t.then==`function`?Mo(t):t,e=e.useState()[0],(uo===null?null:uo.memoizedState)!==e&&(U.flags|=1024),t}function Eo(){var e=go!==0;return go=0,e}function Do(e,t,n){t.updateQueue=e.updateQueue,t.flags&=-2053,e.lanes&=~n}function Oo(e){if(po){for(e=e.memoizedState;e!==null;){var t=e.queue;t!==null&&(t.pending=null),e=e.next}po=!1}lo=0,fo=uo=U=null,mo=!1,_o=go=0,vo=null}function ko(){var e={memoizedState:null,baseState:null,baseQueue:null,queue:null,next:null};return fo===null?U.memoizedState=fo=e:fo=fo.next=e,fo}function Ao(){if(uo===null){var e=U.alternate;e=e===null?null:e.memoizedState}else e=uo.next;var t=fo===null?U.memoizedState:fo.next;if(t!==null)fo=t,uo=e;else{if(e===null)throw U.alternate===null?Error(i(467)):Error(i(310));uo=e,e={memoizedState:uo.memoizedState,baseState:uo.baseState,baseQueue:uo.baseQueue,queue:uo.queue,next:null},fo===null?U.memoizedState=fo=e:fo=fo.next=e}return fo}function jo(){return{lastEffect:null,events:null,stores:null,memoCache:null}}function Mo(e){var t=_o;return _o+=1,vo===null&&(vo=[]),e=wa(vo,e,t),t=U,(fo===null?t.memoizedState:fo.next)===null&&(t=t.alternate,j.H=t===null||t.memoizedState===null?zs:Bs),e}function No(e){if(typeof e==`object`&&e){if(typeof e.then==`function`)return Mo(e);if(e.$$typeof===x)return Qi(e)}throw Error(i(438,String(e)))}function Po(e){var t=null,n=U.updateQueue;if(n!==null&&(t=n.memoCache),t==null){var r=U.alternate;r!==null&&(r=r.updateQueue,r!==null&&(r=r.memoCache,r!=null&&(t={data:r.data.map(function(e){return e.slice()}),index:0})))}if(t??={data:[],index:0},n===null&&(n=jo(),U.updateQueue=n),n.memoCache=t,n=t.data[t.index],n===void 0)for(n=t.data[t.index]=Array(e),r=0;r<e;r++)n[r]=D;return t.index++,n}function Fo(e,t){return typeof t==`function`?t(e):t}function Io(e){return Lo(Ao(),uo,e)}function Lo(e,t,n){var r=e.queue;if(r===null)throw Error(i(311));r.lastRenderedReducer=n;var a=e.baseQueue,o=r.pending;if(o!==null){if(a!==null){var s=a.next;a.next=o.next,o.next=s}t.baseQueue=a=o,r.pending=null}if(o=e.baseState,a===null)e.memoizedState=o;else{t=a.next;var c=s=null,l=null,u=t,d=!1;do{var f=u.lane&-536870913;if(f===u.lane?(lo&f)===f:(q&f)===f){var p=u.revertLane;if(p===0)l!==null&&(l=l.next={lane:0,revertLane:0,gesture:null,action:u.action,hasEagerState:u.hasEagerState,eagerState:u.eagerState,next:null}),f===la&&(d=!0);else if((lo&p)===p){u=u.next,p===la&&(d=!0);continue}else f={lane:0,revertLane:u.revertLane,gesture:null,action:u.action,hasEagerState:u.hasEagerState,eagerState:u.eagerState,next:null},l===null?(c=l=f,s=o):l=l.next=f,U.lanes|=p,Jl|=p;f=u.action,ho&&n(o,f),o=u.hasEagerState?u.eagerState:n(o,f)}else p={lane:f,revertLane:u.revertLane,gesture:u.gesture,action:u.action,hasEagerState:u.hasEagerState,eagerState:u.eagerState,next:null},l===null?(c=l=p,s=o):l=l.next=p,U.lanes|=f,Jl|=f;u=u.next}while(u!==null&&u!==t);if(l===null?s=o:l.next=c,!yr(o,e.memoizedState)&&(rc=!0,d&&(n=ua,n!==null)))throw n;e.memoizedState=o,e.baseState=s,e.baseQueue=l,r.lastRenderedState=o}return a===null&&(r.lanes=0),[e.memoizedState,r.dispatch]}function Ro(e){var t=Ao(),n=t.queue;if(n===null)throw Error(i(311));n.lastRenderedReducer=e;var r=n.dispatch,a=n.pending,o=t.memoizedState;if(a!==null){n.pending=null;var s=a=a.next;do o=e(o,s.action),s=s.next;while(s!==a);yr(o,t.memoizedState)||(rc=!0),t.memoizedState=o,t.baseQueue===null&&(t.baseState=o),n.lastRenderedState=o}return[o,r]}function zo(e,t,n){var r=U,a=Ao(),o=ji;if(o){if(n===void 0)throw Error(i(407));n=n()}else n=t();var s=!yr((uo||a).memoizedState,n);if(s&&(a.memoizedState=n,rc=!0),a=a.queue,us(Ho.bind(null,r,a,e),[e]),a.getSnapshot!==t||s||fo!==null&&fo.memoizedState.tag&1){if(r.flags|=2048,as(9,{destroy:void 0},Vo.bind(null,r,a,n,t),null),zl===null)throw Error(i(349));o||lo&127||Bo(r,t,n)}return n}function Bo(e,t,n){e.flags|=16384,e={getSnapshot:t,value:n},t=U.updateQueue,t===null?(t=jo(),U.updateQueue=t,t.stores=[e]):(n=t.stores,n===null?t.stores=[e]:n.push(e))}function Vo(e,t,n,r){t.value=n,t.getSnapshot=r,Uo(t)&&Wo(e)}function Ho(e,t,n){return n(function(){Uo(t)&&Wo(e)})}function Uo(e){var t=e.getSnapshot;e=e.value;try{var n=t();return!yr(e,n)}catch{return!0}}function Wo(e){var t=ei(e,2);t!==null&&vu(t,e,2)}function Go(e){var t=ko();if(typeof e==`function`){var n=e;if(e=n(),ho){Me(!0);try{n()}finally{Me(!1)}}}return t.memoizedState=t.baseState=e,t.queue={pending:null,lanes:0,dispatch:null,lastRenderedReducer:Fo,lastRenderedState:e},t}function Ko(e,t,n,r){return e.baseState=n,Lo(e,uo,typeof r==`function`?r:Fo)}function qo(e,t,n,r,a){if(Fs(e))throw Error(i(485));if(e=t.action,e!==null){var o={payload:a,action:e,next:null,isTransition:!0,status:`pending`,value:null,reason:null,listeners:[],then:function(e){o.listeners.push(e)}};j.T===null?o.isTransition=!1:n(!0),r(o),n=t.pending,n===null?(o.next=t.pending=o,Jo(t,o)):(o.next=n.next,t.pending=n.next=o)}}function Jo(e,t){var n=t.action,r=t.payload,i=e.state;if(t.isTransition){var a=j.T,o={};j.T=o;try{var s=n(i,r),c=j.S;c!==null&&c(o,s),Yo(e,t,s)}catch(n){Zo(e,t,n)}finally{a!==null&&o.types!==null&&(a.types=o.types),j.T=a}}else try{a=n(i,r),Yo(e,t,a)}catch(n){Zo(e,t,n)}}function Yo(e,t,n){typeof n==`object`&&n&&typeof n.then==`function`?n.then(function(n){Xo(e,t,n)},function(n){return Zo(e,t,n)}):Xo(e,t,n)}function Xo(e,t,n){t.status=`fulfilled`,t.value=n,Qo(t),e.state=n,t=e.pending,t!==null&&(n=t.next,n===t?e.pending=null:(n=n.next,t.next=n,Jo(e,n)))}function Zo(e,t,n){var r=e.pending;if(e.pending=null,r!==null){r=r.next;do t.status=`rejected`,t.reason=n,Qo(t),t=t.next;while(t!==r)}e.action=null}function Qo(e){e=e.listeners;for(var t=0;t<e.length;t++)(0,e[t])()}function $o(e,t){return t}function es(e,t){if(ji){var n=zl.formState;if(n!==null){a:{var r=U;if(ji){if(Ai){b:{for(var i=Ai,a=Ni;i.nodeType!==8;){if(!a){i=null;break b}if(i=df(i.nextSibling),i===null){i=null;break b}}a=i.data,i=a===`F!`||a===`F`?i:null}if(i){Ai=df(i.nextSibling),r=i.data===`F!`;break a}}Fi(r)}r=!1}r&&(t=n[0])}}return n=ko(),n.memoizedState=n.baseState=t,r={pending:null,lanes:0,dispatch:null,lastRenderedReducer:$o,lastRenderedState:t},n.queue=r,n=Ms.bind(null,U,r),r.dispatch=n,r=Go(!1),a=Ps.bind(null,U,!1,r.queue),r=ko(),i={state:t,dispatch:null,action:e,pending:null},r.queue=i,n=qo.bind(null,U,i,a,n),i.dispatch=n,r.memoizedState=e,[t,n,!1]}function ts(e){return ns(Ao(),uo,e)}function ns(e,t,n){if(t=Lo(e,t,$o)[0],e=Io(Fo)[0],typeof t==`object`&&t&&typeof t.then==`function`)try{var r=Mo(t)}catch(e){throw e===ya?xa:e}else r=t;t=Ao();var i=t.queue,a=i.dispatch;return n!==t.memoizedState&&(U.flags|=2048,as(9,{destroy:void 0},rs.bind(null,i,n),null)),[r,a,e]}function rs(e,t){e.action=t}function is(e){var t=Ao(),n=uo;if(n!==null)return ns(t,n,e);Ao(),t=t.memoizedState,n=Ao();var r=n.queue.dispatch;return n.memoizedState=e,[t,r,!1]}function as(e,t,n,r){return e={tag:e,create:n,deps:r,inst:t,next:null},t=U.updateQueue,t===null&&(t=jo(),U.updateQueue=t),n=t.lastEffect,n===null?t.lastEffect=e.next=e:(r=n.next,n.next=e,e.next=r,t.lastEffect=e),e}function os(){return Ao().memoizedState}function ss(e,t,n,r){var i=ko();U.flags|=e,i.memoizedState=as(1|t,{destroy:void 0},n,r===void 0?null:r)}function cs(e,t,n,r){var i=Ao();r=r===void 0?null:r;var a=i.memoizedState.inst;uo!==null&&r!==null&&xo(r,uo.memoizedState.deps)?i.memoizedState=as(t,a,n,r):(U.flags|=e,i.memoizedState=as(1|t,a,n,r))}function ls(e,t){ss(8390656,8,e,t)}function us(e,t){cs(2048,8,e,t)}function ds(e){U.flags|=4;var t=U.updateQueue;if(t===null)t=jo(),U.updateQueue=t,t.events=[e];else{var n=t.events;n===null?t.events=[e]:n.push(e)}}function fs(e){var t=Ao().memoizedState;return ds({ref:t,nextImpl:e}),function(){if(K&2)throw Error(i(440));return t.impl.apply(void 0,arguments)}}function ps(e,t){return cs(4,2,e,t)}function ms(e,t){return cs(4,4,e,t)}function hs(e,t){if(typeof t==`function`){e=e();var n=t(e);return function(){typeof n==`function`?n():t(null)}}if(t!=null)return e=e(),t.current=e,function(){t.current=null}}function gs(e,t,n){n=n==null?null:n.concat([e]),cs(4,4,hs.bind(null,t,e),n)}function _s(){}function vs(e,t){var n=Ao();t=t===void 0?null:t;var r=n.memoizedState;return t!==null&&xo(t,r[1])?r[0]:(n.memoizedState=[e,t],e)}function ys(e,t){var n=Ao();t=t===void 0?null:t;var r=n.memoizedState;if(t!==null&&xo(t,r[1]))return r[0];if(r=e(),ho){Me(!0);try{e()}finally{Me(!1)}}return n.memoizedState=[r,t],r}function bs(e,t,n){return n===void 0||lo&1073741824&&!(q&261930)?e.memoizedState=t:(e.memoizedState=n,e=_u(),U.lanes|=e,Jl|=e,n)}function xs(e,t,n,r){return yr(n,t)?n:Ya.current===null?!(lo&42)||lo&1073741824&&!(q&261930)?(rc=!0,e.memoizedState=n):(e=_u(),U.lanes|=e,Jl|=e,t):(e=bs(e,n,r),yr(e,t)||(rc=!0),e)}function Ss(e,t,n,r,i){var a=M.p;M.p=a!==0&&8>a?a:8;var o=j.T,s={};j.T=s,Ps(e,!1,t,n);try{var c=i(),l=j.S;l!==null&&l(s,c),typeof c==`object`&&c&&typeof c.then==`function`?Ns(e,t,pa(c,r),gu(e)):Ns(e,t,r,gu(e))}catch(n){Ns(e,t,{then:function(){},status:`rejected`,reason:n},gu())}finally{M.p=a,o!==null&&s.types!==null&&(o.types=s.types),j.T=o}}function Cs(){}function ws(e,t,n,r){if(e.tag!==5)throw Error(i(476));var a=Ts(e).queue;Ss(e,a,t,re,n===null?Cs:function(){return Es(e),n(r)})}function Ts(e){var t=e.memoizedState;if(t!==null)return t;t={memoizedState:re,baseState:re,baseQueue:null,queue:{pending:null,lanes:0,dispatch:null,lastRenderedReducer:Fo,lastRenderedState:re},next:null};var n={};return t.next={memoizedState:n,baseState:n,baseQueue:null,queue:{pending:null,lanes:0,dispatch:null,lastRenderedReducer:Fo,lastRenderedState:n},next:null},e.memoizedState=t,e=e.alternate,e!==null&&(e.memoizedState=t),t}function Es(e){var t=Ts(e);t.next===null&&(t=e.alternate.memoizedState),Ns(e,t.next.queue,{},gu())}function Ds(){return Qi(tp)}function Os(){return Ao().memoizedState}function ks(){return Ao().memoizedState}function As(e){for(var t=e.return;t!==null;){switch(t.tag){case 24:case 3:var n=gu();e=Ba(n);var r=Va(t,e,n);r!==null&&(vu(r,t,n),Ha(r,t,n)),t={cache:aa()},e.payload=t;return}t=t.return}}function js(e,t,n){var r=gu();n={lane:r,revertLane:0,gesture:null,action:n,hasEagerState:!1,eagerState:null,next:null},Fs(e)?Is(t,n):(n=$r(e,t,n,r),n!==null&&(vu(n,e,r),Ls(n,t,r)))}function Ms(e,t,n){Ns(e,t,n,gu())}function Ns(e,t,n,r){var i={lane:r,revertLane:0,gesture:null,action:n,hasEagerState:!1,eagerState:null,next:null};if(Fs(e))Is(t,i);else{var a=e.alternate;if(e.lanes===0&&(a===null||a.lanes===0)&&(a=t.lastRenderedReducer,a!==null))try{var o=t.lastRenderedState,s=a(o,n);if(i.hasEagerState=!0,i.eagerState=s,yr(s,o))return Qr(e,t,i,0),zl===null&&Zr(),!1}catch{}if(n=$r(e,t,i,r),n!==null)return vu(n,e,r),Ls(n,t,r),!0}return!1}function Ps(e,t,n,r){if(r={lane:2,revertLane:hd(),gesture:null,action:r,hasEagerState:!1,eagerState:null,next:null},Fs(e)){if(t)throw Error(i(479))}else t=$r(e,n,r,2),t!==null&&vu(t,e,2)}function Fs(e){var t=e.alternate;return e===U||t!==null&&t===U}function Is(e,t){mo=po=!0;var n=e.pending;n===null?t.next=t:(t.next=n.next,n.next=t),e.pending=t}function Ls(e,t,n){if(n&4194048){var r=t.lanes;r&=e.pendingLanes,n|=r,t.lanes=n,Xe(e,n)}}var Rs={readContext:Qi,use:No,useCallback:bo,useContext:bo,useEffect:bo,useImperativeHandle:bo,useLayoutEffect:bo,useInsertionEffect:bo,useMemo:bo,useReducer:bo,useRef:bo,useState:bo,useDebugValue:bo,useDeferredValue:bo,useTransition:bo,useSyncExternalStore:bo,useId:bo,useHostTransitionStatus:bo,useFormState:bo,useActionState:bo,useOptimistic:bo,useMemoCache:bo,useCacheRefresh:bo};Rs.useEffectEvent=bo;var zs={readContext:Qi,use:No,useCallback:function(e,t){return ko().memoizedState=[e,t===void 0?null:t],e},useContext:Qi,useEffect:ls,useImperativeHandle:function(e,t,n){n=n==null?null:n.concat([e]),ss(4194308,4,hs.bind(null,t,e),n)},useLayoutEffect:function(e,t){return ss(4194308,4,e,t)},useInsertionEffect:function(e,t){ss(4,2,e,t)},useMemo:function(e,t){var n=ko();t=t===void 0?null:t;var r=e();if(ho){Me(!0);try{e()}finally{Me(!1)}}return n.memoizedState=[r,t],r},useReducer:function(e,t,n){var r=ko();if(n!==void 0){var i=n(t);if(ho){Me(!0);try{n(t)}finally{Me(!1)}}}else i=t;return r.memoizedState=r.baseState=i,e={pending:null,lanes:0,dispatch:null,lastRenderedReducer:e,lastRenderedState:i},r.queue=e,e=e.dispatch=js.bind(null,U,e),[r.memoizedState,e]},useRef:function(e){var t=ko();return e={current:e},t.memoizedState=e},useState:function(e){e=Go(e);var t=e.queue,n=Ms.bind(null,U,t);return t.dispatch=n,[e.memoizedState,n]},useDebugValue:_s,useDeferredValue:function(e,t){return bs(ko(),e,t)},useTransition:function(){var e=Go(!1);return e=Ss.bind(null,U,e.queue,!0,!1),ko().memoizedState=e,[!1,e]},useSyncExternalStore:function(e,t,n){var r=U,a=ko();if(ji){if(n===void 0)throw Error(i(407));n=n()}else{if(n=t(),zl===null)throw Error(i(349));q&127||Bo(r,t,n)}a.memoizedState=n;var o={value:n,getSnapshot:t};return a.queue=o,ls(Ho.bind(null,r,o,e),[e]),r.flags|=2048,as(9,{destroy:void 0},Vo.bind(null,r,o,n,t),null),n},useId:function(){var e=ko(),t=zl.identifierPrefix;if(ji){var n=Ci,r=Si;n=(r&~(1<<32-Ne(r)-1)).toString(32)+n,t=`_`+t+`R_`+n,n=go++,0<n&&(t+=`H`+n.toString(32)),t+=`_`}else n=yo++,t=`_`+t+`r_`+n.toString(32)+`_`;return e.memoizedState=t},useHostTransitionStatus:Ds,useFormState:es,useActionState:es,useOptimistic:function(e){var t=ko();t.memoizedState=t.baseState=e;var n={pending:null,lanes:0,dispatch:null,lastRenderedReducer:null,lastRenderedState:null};return t.queue=n,t=Ps.bind(null,U,!0,n),n.dispatch=t,[e,t]},useMemoCache:Po,useCacheRefresh:function(){return ko().memoizedState=As.bind(null,U)},useEffectEvent:function(e){var t=ko(),n={impl:e};return t.memoizedState=n,function(){if(K&2)throw Error(i(440));return n.impl.apply(void 0,arguments)}}},Bs={readContext:Qi,use:No,useCallback:vs,useContext:Qi,useEffect:us,useImperativeHandle:gs,useInsertionEffect:ps,useLayoutEffect:ms,useMemo:ys,useReducer:Io,useRef:os,useState:function(){return Io(Fo)},useDebugValue:_s,useDeferredValue:function(e,t){return xs(Ao(),uo.memoizedState,e,t)},useTransition:function(){var e=Io(Fo)[0],t=Ao().memoizedState;return[typeof e==`boolean`?e:Mo(e),t]},useSyncExternalStore:zo,useId:Os,useHostTransitionStatus:Ds,useFormState:ts,useActionState:ts,useOptimistic:function(e,t){return Ko(Ao(),uo,e,t)},useMemoCache:Po,useCacheRefresh:ks};Bs.useEffectEvent=fs;var Vs={readContext:Qi,use:No,useCallback:vs,useContext:Qi,useEffect:us,useImperativeHandle:gs,useInsertionEffect:ps,useLayoutEffect:ms,useMemo:ys,useReducer:Ro,useRef:os,useState:function(){return Ro(Fo)},useDebugValue:_s,useDeferredValue:function(e,t){var n=Ao();return uo===null?bs(n,e,t):xs(n,uo.memoizedState,e,t)},useTransition:function(){var e=Ro(Fo)[0],t=Ao().memoizedState;return[typeof e==`boolean`?e:Mo(e),t]},useSyncExternalStore:zo,useId:Os,useHostTransitionStatus:Ds,useFormState:is,useActionState:is,useOptimistic:function(e,t){var n=Ao();return uo===null?(n.baseState=e,[e,n.queue.dispatch]):Ko(n,uo,e,t)},useMemoCache:Po,useCacheRefresh:ks};Vs.useEffectEvent=fs;function Hs(e,t,n,r){t=e.memoizedState,n=n(r,t),n=n==null?t:p({},t,n),e.memoizedState=n,e.lanes===0&&(e.updateQueue.baseState=n)}var Us={enqueueSetState:function(e,t,n){e=e._reactInternals;var r=gu(),i=Ba(r);i.payload=t,n!=null&&(i.callback=n),t=Va(e,i,r),t!==null&&(vu(t,e,r),Ha(t,e,r))},enqueueReplaceState:function(e,t,n){e=e._reactInternals;var r=gu(),i=Ba(r);i.tag=1,i.payload=t,n!=null&&(i.callback=n),t=Va(e,i,r),t!==null&&(vu(t,e,r),Ha(t,e,r))},enqueueForceUpdate:function(e,t){e=e._reactInternals;var n=gu(),r=Ba(n);r.tag=2,t!=null&&(r.callback=t),t=Va(e,r,n),t!==null&&(vu(t,e,n),Ha(t,e,n))}};function Ws(e,t,n,r,i,a,o){return e=e.stateNode,typeof e.shouldComponentUpdate==`function`?e.shouldComponentUpdate(r,a,o):t.prototype&&t.prototype.isPureReactComponent?!br(n,r)||!br(i,a):!0}function Gs(e,t,n,r){e=t.state,typeof t.componentWillReceiveProps==`function`&&t.componentWillReceiveProps(n,r),typeof t.UNSAFE_componentWillReceiveProps==`function`&&t.UNSAFE_componentWillReceiveProps(n,r),t.state!==e&&Us.enqueueReplaceState(t,t.state,null)}function Ks(e,t){var n=t;if(`ref`in t)for(var r in n={},t)r!==`ref`&&(n[r]=t[r]);if(e=e.defaultProps)for(var i in n===t&&(n=p({},n)),e)n[i]===void 0&&(n[i]=e[i]);return n}function qs(e){qr(e)}function Js(e){console.error(e)}function Ys(e){qr(e)}function Xs(e,t){try{var n=e.onUncaughtError;n(t.value,{componentStack:t.stack})}catch(e){setTimeout(function(){throw e})}}function Zs(e,t,n){try{var r=e.onCaughtError;r(n.value,{componentStack:n.stack,errorBoundary:t.tag===1?t.stateNode:null})}catch(e){setTimeout(function(){throw e})}}function Qs(e,t,n){return n=Ba(n),n.tag=3,n.payload={element:null},n.callback=function(){Xs(e,t)},n}function $s(e){return e=Ba(e),e.tag=3,e}function ec(e,t,n,r){var i=n.type.getDerivedStateFromError;if(typeof i==`function`){var a=r.value;e.payload=function(){return i(a)},e.callback=function(){Zs(t,n,r)}}var o=n.stateNode;o!==null&&typeof o.componentDidCatch==`function`&&(e.callback=function(){Zs(t,n,r),typeof i!=`function`&&(ou===null?ou=new Set([this]):ou.add(this));var e=r.stack;this.componentDidCatch(r.value,{componentStack:e===null?``:e})})}function tc(e,t,n,r,a){if(n.flags|=32768,typeof r==`object`&&r&&typeof r.then==`function`){if(t=n.alternate,t!==null&&Yi(t,n,a,!0),n=eo.current,n!==null){switch(n.tag){case 31:case 13:return to===null?Au():n.alternate===null&&ql===0&&(ql=3),n.flags&=-257,n.flags|=65536,n.lanes=a,r===Sa?n.flags|=16384:(t=n.updateQueue,t===null?n.updateQueue=new Set([r]):t.add(r),Yu(e,r,a)),!1;case 22:return n.flags|=65536,r===Sa?n.flags|=16384:(t=n.updateQueue,t===null?(t={transitions:null,markerInstances:null,retryQueue:new Set([r])},n.updateQueue=t):(n=t.retryQueue,n===null?t.retryQueue=new Set([r]):n.add(r)),Yu(e,r,a)),!1}throw Error(i(435,n.tag))}return Yu(e,r,a),Au(),!1}if(ji)return t=eo.current,t===null?(r!==Pi&&(t=Error(i(423),{cause:r}),Vi(mi(t,n))),e=e.current.alternate,e.flags|=65536,a&=-a,e.lanes|=a,r=mi(r,n),a=Qs(e.stateNode,r,a),Ua(e,a),ql!==4&&(ql=2)):(!(t.flags&65536)&&(t.flags|=256),t.flags|=65536,t.lanes=a,r!==Pi&&(e=Error(i(422),{cause:r}),Vi(mi(e,n)))),!1;var o=Error(i(520),{cause:r});if(o=mi(o,n),$l===null?$l=[o]:$l.push(o),ql!==4&&(ql=2),t===null)return!0;r=mi(r,n),n=t;do{switch(n.tag){case 3:return n.flags|=65536,e=a&-a,n.lanes|=e,e=Qs(n.stateNode,r,e),Ua(n,e),!1;case 1:if(t=n.type,o=n.stateNode,!(n.flags&128)&&(typeof t.getDerivedStateFromError==`function`||o!==null&&typeof o.componentDidCatch==`function`&&(ou===null||!ou.has(o))))return n.flags|=65536,a&=-a,n.lanes|=a,a=$s(a),ec(a,e,n,r),Ua(n,a),!1}n=n.return}while(n!==null);return!1}var nc=Error(i(461)),rc=!1;function ic(e,t,n,r){t.child=e===null?Ia(t,null,n,r):Fa(t,e.child,n,r)}function ac(e,t,n,r,i){n=n.render;var a=t.ref;if(`ref`in r){var o={};for(var s in r)s!==`ref`&&(o[s]=r[s])}else o=r;return Zi(t),r=So(e,t,n,o,a,i),s=Eo(),e!==null&&!rc?(Do(e,t,i),kc(e,t,i)):(ji&&s&&Ei(t),t.flags|=1,ic(e,t,r,i),t.child)}function oc(e,t,n,r,i){if(e===null){var a=n.type;return typeof a==`function`&&!oi(a)&&a.defaultProps===void 0&&n.compare===null?(t.tag=15,t.type=a,sc(e,t,a,r,i)):(e=ci(n.type,null,r,t,t.mode,i),e.ref=t.ref,e.return=t,t.child=e)}if(a=e.child,!Ac(e,i)){var o=a.memoizedProps;if(n=n.compare,n=n===null?br:n,n(o,r)&&e.ref===t.ref)return kc(e,t,i)}return t.flags|=1,e=H(a,r),e.ref=t.ref,e.return=t,t.child=e}function sc(e,t,n,r,i){if(e!==null){var a=e.memoizedProps;if(br(a,r)&&e.ref===t.ref)if(rc=!1,t.pendingProps=r=a,Ac(e,i))e.flags&131072&&(rc=!0);else return t.lanes=e.lanes,kc(e,t,i)}return hc(e,t,n,r,i)}function cc(e,t,n,r){var i=r.children,a=e===null?null:e.memoizedState;if(e===null&&t.stateNode===null&&(t.stateNode={_visibility:1,_pendingMarkers:null,_retryCache:null,_transitions:null}),r.mode===`hidden`){if(t.flags&128){if(a=a===null?n:a.baseLanes|n,e!==null){for(r=t.child=e.child,i=0;r!==null;)i=i|r.lanes|r.childLanes,r=r.sibling;r=i&~a}else r=0,t.child=null;return uc(e,t,a,n,r)}if(n&536870912)t.memoizedState={baseLanes:0,cachePool:null},e!==null&&_a(t,a===null?null:a.cachePool),a===null?Qa():Za(t,a),io(t);else return r=t.lanes=536870912,uc(e,t,a===null?n:a.baseLanes|n,n,r)}else a===null?(e!==null&&_a(t,null),Qa(),ao(t)):(_a(t,a.cachePool),Za(t,a),ao(t),t.memoizedState=null);return ic(e,t,i,n),t.child}function lc(e,t){return e!==null&&e.tag===22||t.stateNode!==null||(t.stateNode={_visibility:1,_pendingMarkers:null,_retryCache:null,_transitions:null}),t.sibling}function uc(e,t,n,r,i){var a=ga();return a=a===null?null:{parent:ia._currentValue,pool:a},t.memoizedState={baseLanes:n,cachePool:a},e!==null&&_a(t,null),Qa(),io(t),e!==null&&Yi(e,t,r,!0),t.childLanes=i,null}function dc(e,t){return t=wc({mode:t.mode,children:t.children},e.mode),t.ref=e.ref,e.child=t,t.return=e,t}function fc(e,t,n){return Fa(t,e.child,null,n),e=dc(t,t.pendingProps),e.flags|=2,oo(t),t.memoizedState=null,e}function pc(e,t,n){var r=t.pendingProps,a=(t.flags&128)!=0;if(t.flags&=-129,e===null){if(ji){if(r.mode===`hidden`)return e=dc(t,r),t.lanes=536870912,lc(null,e);if(ro(t),(e=Ai)?(e=sf(e,Ni),e=e!==null&&e.data===`&`?e:null,e!==null&&(t.memoizedState={dehydrated:e,treeContext:xi===null?null:{id:Si,overflow:Ci},retryLane:536870912,hydrationErrors:null},n=di(e),n.return=t,t.child=n,ki=t,Ai=null)):e=null,e===null)throw Fi(t);return t.lanes=536870912,null}return dc(t,r)}var o=e.memoizedState;if(o!==null){var s=o.dehydrated;if(ro(t),a)if(t.flags&256)t.flags&=-257,t=fc(e,t,n);else if(t.memoizedState!==null)t.child=e.child,t.flags|=128,t=null;else throw Error(i(558));else if(rc||Yi(e,t,n,!1),a=(n&e.childLanes)!==0,rc||a){if(r=zl,r!==null&&(s=Ze(r,n),s!==0&&s!==o.retryLane))throw o.retryLane=s,ei(e,s),vu(r,e,s),nc;Au(),t=fc(e,t,n)}else e=o.treeContext,Ai=df(s.nextSibling),ki=t,ji=!0,Mi=null,Ni=!1,e!==null&&Oi(t,e),t=dc(t,r),t.flags|=4096;return t}return e=H(e.child,{mode:r.mode,children:r.children}),e.ref=t.ref,t.child=e,e.return=t,e}function mc(e,t){var n=t.ref;if(n===null)e!==null&&e.ref!==null&&(t.flags|=4194816);else{if(typeof n!=`function`&&typeof n!=`object`)throw Error(i(284));(e===null||e.ref!==n)&&(t.flags|=4194816)}}function hc(e,t,n,r,i){return Zi(t),n=So(e,t,n,r,void 0,i),r=Eo(),e!==null&&!rc?(Do(e,t,i),kc(e,t,i)):(ji&&r&&Ei(t),t.flags|=1,ic(e,t,n,i),t.child)}function gc(e,t,n,r,i,a){return Zi(t),t.updateQueue=null,n=wo(t,r,n,i),Co(e),r=Eo(),e!==null&&!rc?(Do(e,t,a),kc(e,t,a)):(ji&&r&&Ei(t),t.flags|=1,ic(e,t,n,a),t.child)}function _c(e,t,n,r,i){if(Zi(t),t.stateNode===null){var a=ri,o=n.contextType;typeof o==`object`&&o&&(a=Qi(o)),a=new n(r,a),t.memoizedState=a.state!==null&&a.state!==void 0?a.state:null,a.updater=Us,t.stateNode=a,a._reactInternals=t,a=t.stateNode,a.props=r,a.state=t.memoizedState,a.refs={},Ra(t),o=n.contextType,a.context=typeof o==`object`&&o?Qi(o):ri,a.state=t.memoizedState,o=n.getDerivedStateFromProps,typeof o==`function`&&(Hs(t,n,o,r),a.state=t.memoizedState),typeof n.getDerivedStateFromProps==`function`||typeof a.getSnapshotBeforeUpdate==`function`||typeof a.UNSAFE_componentWillMount!=`function`&&typeof a.componentWillMount!=`function`||(o=a.state,typeof a.componentWillMount==`function`&&a.componentWillMount(),typeof a.UNSAFE_componentWillMount==`function`&&a.UNSAFE_componentWillMount(),o!==a.state&&Us.enqueueReplaceState(a,a.state,null),Ka(t,r,a,i),Ga(),a.state=t.memoizedState),typeof a.componentDidMount==`function`&&(t.flags|=4194308),r=!0}else if(e===null){a=t.stateNode;var s=t.memoizedProps,c=Ks(n,s);a.props=c;var l=a.context,u=n.contextType;o=ri,typeof u==`object`&&u&&(o=Qi(u));var d=n.getDerivedStateFromProps;u=typeof d==`function`||typeof a.getSnapshotBeforeUpdate==`function`,s=t.pendingProps!==s,u||typeof a.UNSAFE_componentWillReceiveProps!=`function`&&typeof a.componentWillReceiveProps!=`function`||(s||l!==o)&&Gs(t,a,r,o),La=!1;var f=t.memoizedState;a.state=f,Ka(t,r,a,i),Ga(),l=t.memoizedState,s||f!==l||La?(typeof d==`function`&&(Hs(t,n,d,r),l=t.memoizedState),(c=La||Ws(t,n,c,r,f,l,o))?(u||typeof a.UNSAFE_componentWillMount!=`function`&&typeof a.componentWillMount!=`function`||(typeof a.componentWillMount==`function`&&a.componentWillMount(),typeof a.UNSAFE_componentWillMount==`function`&&a.UNSAFE_componentWillMount()),typeof a.componentDidMount==`function`&&(t.flags|=4194308)):(typeof a.componentDidMount==`function`&&(t.flags|=4194308),t.memoizedProps=r,t.memoizedState=l),a.props=r,a.state=l,a.context=o,r=c):(typeof a.componentDidMount==`function`&&(t.flags|=4194308),r=!1)}else{a=t.stateNode,za(e,t),o=t.memoizedProps,u=Ks(n,o),a.props=u,d=t.pendingProps,f=a.context,l=n.contextType,c=ri,typeof l==`object`&&l&&(c=Qi(l)),s=n.getDerivedStateFromProps,(l=typeof s==`function`||typeof a.getSnapshotBeforeUpdate==`function`)||typeof a.UNSAFE_componentWillReceiveProps!=`function`&&typeof a.componentWillReceiveProps!=`function`||(o!==d||f!==c)&&Gs(t,a,r,c),La=!1,f=t.memoizedState,a.state=f,Ka(t,r,a,i),Ga();var p=t.memoizedState;o!==d||f!==p||La||e!==null&&e.dependencies!==null&&Xi(e.dependencies)?(typeof s==`function`&&(Hs(t,n,s,r),p=t.memoizedState),(u=La||Ws(t,n,u,r,f,p,c)||e!==null&&e.dependencies!==null&&Xi(e.dependencies))?(l||typeof a.UNSAFE_componentWillUpdate!=`function`&&typeof a.componentWillUpdate!=`function`||(typeof a.componentWillUpdate==`function`&&a.componentWillUpdate(r,p,c),typeof a.UNSAFE_componentWillUpdate==`function`&&a.UNSAFE_componentWillUpdate(r,p,c)),typeof a.componentDidUpdate==`function`&&(t.flags|=4),typeof a.getSnapshotBeforeUpdate==`function`&&(t.flags|=1024)):(typeof a.componentDidUpdate!=`function`||o===e.memoizedProps&&f===e.memoizedState||(t.flags|=4),typeof a.getSnapshotBeforeUpdate!=`function`||o===e.memoizedProps&&f===e.memoizedState||(t.flags|=1024),t.memoizedProps=r,t.memoizedState=p),a.props=r,a.state=p,a.context=c,r=u):(typeof a.componentDidUpdate!=`function`||o===e.memoizedProps&&f===e.memoizedState||(t.flags|=4),typeof a.getSnapshotBeforeUpdate!=`function`||o===e.memoizedProps&&f===e.memoizedState||(t.flags|=1024),r=!1)}return a=r,mc(e,t),r=(t.flags&128)!=0,a||r?(a=t.stateNode,n=r&&typeof n.getDerivedStateFromError!=`function`?null:a.render(),t.flags|=1,e!==null&&r?(t.child=Fa(t,e.child,null,i),t.child=Fa(t,null,n,i)):ic(e,t,n,i),t.memoizedState=a.state,e=t.child):e=kc(e,t,i),e}function vc(e,t,n,r){return zi(),t.flags|=256,ic(e,t,n,r),t.child}var yc={dehydrated:null,treeContext:null,retryLane:0,hydrationErrors:null};function bc(e){return{baseLanes:e,cachePool:va()}}function xc(e,t,n){return e=e===null?0:e.childLanes&~n,t&&(e|=Zl),e}function Sc(e,t,n){var r=t.pendingProps,a=!1,o=(t.flags&128)!=0,s;if((s=o)||(s=e!==null&&e.memoizedState===null?!1:(so.current&2)!=0),s&&(a=!0,t.flags&=-129),s=(t.flags&32)!=0,t.flags&=-33,e===null){if(ji){if(a?no(t):ao(t),(e=Ai)?(e=sf(e,Ni),e=e!==null&&e.data!==`&`?e:null,e!==null&&(t.memoizedState={dehydrated:e,treeContext:xi===null?null:{id:Si,overflow:Ci},retryLane:536870912,hydrationErrors:null},n=di(e),n.return=t,t.child=n,ki=t,Ai=null)):e=null,e===null)throw Fi(t);return lf(e)?t.lanes=32:t.lanes=536870912,null}var c=r.children;return r=r.fallback,a?(ao(t),a=t.mode,c=wc({mode:`hidden`,children:c},a),r=li(r,a,n,null),c.return=t,r.return=t,c.sibling=r,t.child=c,r=t.child,r.memoizedState=bc(n),r.childLanes=xc(e,s,n),t.memoizedState=yc,lc(null,r)):(no(t),Cc(t,c))}var l=e.memoizedState;if(l!==null&&(c=l.dehydrated,c!==null)){if(o)t.flags&256?(no(t),t.flags&=-257,t=Tc(e,t,n)):t.memoizedState===null?(ao(t),c=r.fallback,a=t.mode,r=wc({mode:`visible`,children:r.children},a),c=li(c,a,n,null),c.flags|=2,r.return=t,c.return=t,r.sibling=c,t.child=r,Fa(t,e.child,null,n),r=t.child,r.memoizedState=bc(n),r.childLanes=xc(e,s,n),t.memoizedState=yc,t=lc(null,r)):(ao(t),t.child=e.child,t.flags|=128,t=null);else if(no(t),lf(c)){if(s=c.nextSibling&&c.nextSibling.dataset,s)var u=s.dgst;s=u,r=Error(i(419)),r.stack=``,r.digest=s,Vi({value:r,source:null,stack:null}),t=Tc(e,t,n)}else if(rc||Yi(e,t,n,!1),s=(n&e.childLanes)!==0,rc||s){if(s=zl,s!==null&&(r=Ze(s,n),r!==0&&r!==l.retryLane))throw l.retryLane=r,ei(e,r),vu(s,e,r),nc;cf(c)||Au(),t=Tc(e,t,n)}else cf(c)?(t.flags|=192,t.child=e.child,t=null):(e=l.treeContext,Ai=df(c.nextSibling),ki=t,ji=!0,Mi=null,Ni=!1,e!==null&&Oi(t,e),t=Cc(t,r.children),t.flags|=4096);return t}return a?(ao(t),c=r.fallback,a=t.mode,l=e.child,u=l.sibling,r=H(l,{mode:`hidden`,children:r.children}),r.subtreeFlags=l.subtreeFlags&65011712,u===null?(c=li(c,a,n,null),c.flags|=2):c=H(u,c),c.return=t,r.return=t,r.sibling=c,t.child=r,lc(null,r),r=t.child,c=e.child.memoizedState,c===null?c=bc(n):(a=c.cachePool,a===null?a=va():(l=ia._currentValue,a=a.parent===l?a:{parent:l,pool:l}),c={baseLanes:c.baseLanes|n,cachePool:a}),r.memoizedState=c,r.childLanes=xc(e,s,n),t.memoizedState=yc,lc(e.child,r)):(no(t),n=e.child,e=n.sibling,n=H(n,{mode:`visible`,children:r.children}),n.return=t,n.sibling=null,e!==null&&(s=t.deletions,s===null?(t.deletions=[e],t.flags|=16):s.push(e)),t.child=n,t.memoizedState=null,n)}function Cc(e,t){return t=wc({mode:`visible`,children:t},e.mode),t.return=e,e.child=t}function wc(e,t){return e=ai(22,e,null,t),e.lanes=0,e}function Tc(e,t,n){return Fa(t,e.child,null,n),e=Cc(t,t.pendingProps.children),e.flags|=2,t.memoizedState=null,e}function Ec(e,t,n){e.lanes|=t;var r=e.alternate;r!==null&&(r.lanes|=t),qi(e.return,t,n)}function Dc(e,t,n,r,i,a){var o=e.memoizedState;o===null?e.memoizedState={isBackwards:t,rendering:null,renderingStartTime:0,last:r,tail:n,tailMode:i,treeForkCount:a}:(o.isBackwards=t,o.rendering=null,o.renderingStartTime=0,o.last=r,o.tail=n,o.tailMode=i,o.treeForkCount=a)}function Oc(e,t,n){var r=t.pendingProps,i=r.revealOrder,a=r.tail;r=r.children;var o=so.current,s=(o&2)!=0;if(s?(o=o&1|2,t.flags|=128):o&=1,P(so,o),ic(e,t,r,n),r=ji?vi:0,!s&&e!==null&&e.flags&128)a:for(e=t.child;e!==null;){if(e.tag===13)e.memoizedState!==null&&Ec(e,n,t);else if(e.tag===19)Ec(e,n,t);else if(e.child!==null){e.child.return=e,e=e.child;continue}if(e===t)break a;for(;e.sibling===null;){if(e.return===null||e.return===t)break a;e=e.return}e.sibling.return=e.return,e=e.sibling}switch(i){case`forwards`:for(n=t.child,i=null;n!==null;)e=n.alternate,e!==null&&co(e)===null&&(i=n),n=n.sibling;n=i,n===null?(i=t.child,t.child=null):(i=n.sibling,n.sibling=null),Dc(t,!1,i,n,a,r);break;case`backwards`:case`unstable_legacy-backwards`:for(n=null,i=t.child,t.child=null;i!==null;){if(e=i.alternate,e!==null&&co(e)===null){t.child=i;break}e=i.sibling,i.sibling=n,n=i,i=e}Dc(t,!0,n,null,a,r);break;case`together`:Dc(t,!1,null,null,void 0,r);break;default:t.memoizedState=null}return t.child}function kc(e,t,n){if(e!==null&&(t.dependencies=e.dependencies),Jl|=t.lanes,(n&t.childLanes)===0)if(e!==null){if(Yi(e,t,n,!1),(n&t.childLanes)===0)return null}else return null;if(e!==null&&t.child!==e.child)throw Error(i(153));if(t.child!==null){for(e=t.child,n=H(e,e.pendingProps),t.child=n,n.return=t;e.sibling!==null;)e=e.sibling,n=n.sibling=H(e,e.pendingProps),n.return=t;n.sibling=null}return t.child}function Ac(e,t){return(e.lanes&t)===0?(e=e.dependencies,!!(e!==null&&Xi(e))):!0}function jc(e,t,n){switch(t.tag){case 3:le(t,t.stateNode.containerInfo),Gi(t,ia,e.memoizedState.cache),zi();break;case 27:case 5:de(t);break;case 4:le(t,t.stateNode.containerInfo);break;case 10:Gi(t,t.type,t.memoizedProps.value);break;case 31:if(t.memoizedState!==null)return t.flags|=128,ro(t),null;break;case 13:var r=t.memoizedState;if(r!==null)return r.dehydrated===null?(n&t.child.childLanes)===0?(no(t),e=kc(e,t,n),e===null?null:e.sibling):Sc(e,t,n):(no(t),t.flags|=128,null);no(t);break;case 19:var i=(e.flags&128)!=0;if(r=(n&t.childLanes)!==0,r||=(Yi(e,t,n,!1),(n&t.childLanes)!==0),i){if(r)return Oc(e,t,n);t.flags|=128}if(i=t.memoizedState,i!==null&&(i.rendering=null,i.tail=null,i.lastEffect=null),P(so,so.current),r)break;return null;case 22:return t.lanes=0,cc(e,t,n,t.pendingProps);case 24:Gi(t,ia,e.memoizedState.cache)}return kc(e,t,n)}function Mc(e,t,n){if(e!==null)if(e.memoizedProps!==t.pendingProps)rc=!0;else{if(!Ac(e,n)&&!(t.flags&128))return rc=!1,jc(e,t,n);rc=!!(e.flags&131072)}else rc=!1,ji&&t.flags&1048576&&Ti(t,vi,t.index);switch(t.lanes=0,t.tag){case 16:a:{var r=t.pendingProps;if(e=Ta(t.elementType),t.type=e,typeof e==`function`)oi(e)?(r=Ks(e,r),t.tag=1,t=_c(null,t,e,r,n)):(t.tag=0,t=hc(null,t,e,r,n));else{if(e!=null){var a=e.$$typeof;if(a===ee){t.tag=11,t=ac(null,t,e,r,n);break a}else if(a===w){t.tag=14,t=oc(null,t,e,r,n);break a}}throw t=k(e)||e,Error(i(306,t,``))}}return t;case 0:return hc(e,t,t.type,t.pendingProps,n);case 1:return r=t.type,a=Ks(r,t.pendingProps),_c(e,t,r,a,n);case 3:a:{if(le(t,t.stateNode.containerInfo),e===null)throw Error(i(387));r=t.pendingProps;var o=t.memoizedState;a=o.element,za(e,t),Ka(t,r,null,n);var s=t.memoizedState;if(r=s.cache,Gi(t,ia,r),r!==o.cache&&Ji(t,[ia],n,!0),Ga(),r=s.element,o.isDehydrated)if(o={element:r,isDehydrated:!1,cache:s.cache},t.updateQueue.baseState=o,t.memoizedState=o,t.flags&256){t=vc(e,t,r,n);break a}else if(r!==a){a=mi(Error(i(424)),t),Vi(a),t=vc(e,t,r,n);break a}else{switch(e=t.stateNode.containerInfo,e.nodeType){case 9:e=e.body;break;default:e=e.nodeName===`HTML`?e.ownerDocument.body:e}for(Ai=df(e.firstChild),ki=t,ji=!0,Mi=null,Ni=!0,n=Ia(t,null,r,n),t.child=n;n;)n.flags=n.flags&-3|4096,n=n.sibling}else{if(zi(),r===a){t=kc(e,t,n);break a}ic(e,t,r,n)}t=t.child}return t;case 26:return mc(e,t),e===null?(n=Mf(t.type,null,t.pendingProps,null))?t.memoizedState=n:ji||(n=t.type,e=t.pendingProps,r=Ud(ce.current).createElement(n),r[rt]=t,r[it]=e,Ld(r,n,e),gt(r),t.stateNode=r):t.memoizedState=Mf(t.type,e.memoizedProps,t.pendingProps,e.memoizedState),null;case 27:return de(t),e===null&&ji&&(r=t.stateNode=hf(t.type,t.pendingProps,ce.current),ki=t,Ni=!0,a=Ai,ef(t.type)?(ff=a,Ai=df(r.firstChild)):Ai=a),ic(e,t,t.pendingProps.children,n),mc(e,t),e===null&&(t.flags|=4194304),t.child;case 5:return e===null&&ji&&((a=r=Ai)&&(r=af(r,t.type,t.pendingProps,Ni),r===null?a=!1:(t.stateNode=r,ki=t,Ai=df(r.firstChild),Ni=!1,a=!0)),a||Fi(t)),de(t),a=t.type,o=t.pendingProps,s=e===null?null:e.memoizedProps,r=o.children,Kd(a,o)?r=null:s!==null&&Kd(a,s)&&(t.flags|=32),t.memoizedState!==null&&(a=So(e,t,To,null,null,n),tp._currentValue=a),mc(e,t),ic(e,t,r,n),t.child;case 6:return e===null&&ji&&((e=n=Ai)&&(n=of(n,t.pendingProps,Ni),n===null?e=!1:(t.stateNode=n,ki=t,Ai=null,e=!0)),e||Fi(t)),null;case 13:return Sc(e,t,n);case 4:return le(t,t.stateNode.containerInfo),r=t.pendingProps,e===null?t.child=Fa(t,null,r,n):ic(e,t,r,n),t.child;case 11:return ac(e,t,t.type,t.pendingProps,n);case 7:return ic(e,t,t.pendingProps,n),t.child;case 8:return ic(e,t,t.pendingProps.children,n),t.child;case 12:return ic(e,t,t.pendingProps.children,n),t.child;case 10:return r=t.pendingProps,Gi(t,t.type,r.value),ic(e,t,r.children,n),t.child;case 9:return a=t.type._context,r=t.pendingProps.children,Zi(t),a=Qi(a),r=r(a),t.flags|=1,ic(e,t,r,n),t.child;case 14:return oc(e,t,t.type,t.pendingProps,n);case 15:return sc(e,t,t.type,t.pendingProps,n);case 19:return Oc(e,t,n);case 31:return pc(e,t,n);case 22:return cc(e,t,n,t.pendingProps);case 24:return Zi(t),r=Qi(ia),e===null?(a=ga(),a===null&&(a=zl,o=aa(),a.pooledCache=o,o.refCount++,o!==null&&(a.pooledCacheLanes|=n),a=o),t.memoizedState={parent:r,cache:a},Ra(t),Gi(t,ia,a)):((e.lanes&n)!==0&&(za(e,t),Ka(t,null,null,n),Ga()),a=e.memoizedState,o=t.memoizedState,a.parent===r?(r=o.cache,Gi(t,ia,r),r!==a.cache&&Ji(t,[ia],n,!0)):(a={parent:r,cache:r},t.memoizedState=a,t.lanes===0&&(t.memoizedState=t.updateQueue.baseState=a),Gi(t,ia,r))),ic(e,t,t.pendingProps.children,n),t.child;case 29:throw t.pendingProps}throw Error(i(156,t.tag))}function W(e){e.flags|=4}function Nc(e,t,n,r,i){if((t=(e.mode&32)!=0)&&(t=!1),t){if(e.flags|=16777216,(i&335544128)===i)if(e.stateNode.complete)e.flags|=8192;else if(Du())e.flags|=8192;else throw Ea=Sa,ba}else e.flags&=-16777217}function Pc(e,t){if(t.type!==`stylesheet`||t.state.loading&4)e.flags&=-16777217;else if(e.flags|=16777216,!qf(t))if(Du())e.flags|=8192;else throw Ea=Sa,ba}function Fc(e,t){t!==null&&(e.flags|=4),e.flags&16384&&(t=e.tag===22?536870912:Ge(),e.lanes|=t,Ql|=t)}function Ic(e,t){if(!ji)switch(e.tailMode){case`hidden`:t=e.tail;for(var n=null;t!==null;)t.alternate!==null&&(n=t),t=t.sibling;n===null?e.tail=null:n.sibling=null;break;case`collapsed`:n=e.tail;for(var r=null;n!==null;)n.alternate!==null&&(r=n),n=n.sibling;r===null?t||e.tail===null?e.tail=null:e.tail.sibling=null:r.sibling=null}}function Lc(e){var t=e.alternate!==null&&e.alternate.child===e.child,n=0,r=0;if(t)for(var i=e.child;i!==null;)n|=i.lanes|i.childLanes,r|=i.subtreeFlags&65011712,r|=i.flags&65011712,i.return=e,i=i.sibling;else for(i=e.child;i!==null;)n|=i.lanes|i.childLanes,r|=i.subtreeFlags,r|=i.flags,i.return=e,i=i.sibling;return e.subtreeFlags|=r,e.childLanes=n,t}function Rc(e,t,n){var r=t.pendingProps;switch(Di(t),t.tag){case 16:case 15:case 0:case 11:case 7:case 8:case 12:case 9:case 14:return Lc(t),null;case 1:return Lc(t),null;case 3:return n=t.stateNode,r=null,e!==null&&(r=e.memoizedState.cache),t.memoizedState.cache!==r&&(t.flags|=2048),Ki(ia),ue(),n.pendingContext&&(n.context=n.pendingContext,n.pendingContext=null),(e===null||e.child===null)&&(Ri(t)?W(t):e===null||e.memoizedState.isDehydrated&&!(t.flags&256)||(t.flags|=1024,Bi())),Lc(t),null;case 26:var a=t.type,o=t.memoizedState;return e===null?(W(t),o===null?(Lc(t),Nc(t,a,null,r,n)):(Lc(t),Pc(t,o))):o?o===e.memoizedState?(Lc(t),t.flags&=-16777217):(W(t),Lc(t),Pc(t,o)):(e=e.memoizedProps,e!==r&&W(t),Lc(t),Nc(t,a,e,r,n)),null;case 27:if(fe(t),n=ce.current,a=t.type,e!==null&&t.stateNode!=null)e.memoizedProps!==r&&W(t);else{if(!r){if(t.stateNode===null)throw Error(i(166));return Lc(t),null}e=se.current,Ri(t)?Ii(t,e):(e=hf(a,r,n),t.stateNode=e,W(t))}return Lc(t),null;case 5:if(fe(t),a=t.type,e!==null&&t.stateNode!=null)e.memoizedProps!==r&&W(t);else{if(!r){if(t.stateNode===null)throw Error(i(166));return Lc(t),null}if(o=se.current,Ri(t))Ii(t,o);else{var s=Ud(ce.current);switch(o){case 1:o=s.createElementNS(`http://www.w3.org/2000/svg`,a);break;case 2:o=s.createElementNS(`http://www.w3.org/1998/Math/MathML`,a);break;default:switch(a){case`svg`:o=s.createElementNS(`http://www.w3.org/2000/svg`,a);break;case`math`:o=s.createElementNS(`http://www.w3.org/1998/Math/MathML`,a);break;case`script`:o=s.createElement(`div`),o.innerHTML=`<script><\/script>`,o=o.removeChild(o.firstChild);break;case`select`:o=typeof r.is==`string`?s.createElement(`select`,{is:r.is}):s.createElement(`select`),r.multiple?o.multiple=!0:r.size&&(o.size=r.size);break;default:o=typeof r.is==`string`?s.createElement(a,{is:r.is}):s.createElement(a)}}o[rt]=t,o[it]=r;a:for(s=t.child;s!==null;){if(s.tag===5||s.tag===6)o.appendChild(s.stateNode);else if(s.tag!==4&&s.tag!==27&&s.child!==null){s.child.return=s,s=s.child;continue}if(s===t)break a;for(;s.sibling===null;){if(s.return===null||s.return===t)break a;s=s.return}s.sibling.return=s.return,s=s.sibling}t.stateNode=o;a:switch(Ld(o,a,r),a){case`button`:case`input`:case`select`:case`textarea`:r=!!r.autoFocus;break a;case`img`:r=!0;break a;default:r=!1}r&&W(t)}}return Lc(t),Nc(t,t.type,e===null?null:e.memoizedProps,t.pendingProps,n),null;case 6:if(e&&t.stateNode!=null)e.memoizedProps!==r&&W(t);else{if(typeof r!=`string`&&t.stateNode===null)throw Error(i(166));if(e=ce.current,Ri(t)){if(e=t.stateNode,n=t.memoizedProps,r=null,a=ki,a!==null)switch(a.tag){case 27:case 5:r=a.memoizedProps}e[rt]=t,e=!!(e.nodeValue===n||r!==null&&!0===r.suppressHydrationWarning||Pd(e.nodeValue,n)),e||Fi(t,!0)}else e=Ud(e).createTextNode(r),e[rt]=t,t.stateNode=e}return Lc(t),null;case 31:if(n=t.memoizedState,e===null||e.memoizedState!==null){if(r=Ri(t),n!==null){if(e===null){if(!r)throw Error(i(318));if(e=t.memoizedState,e=e===null?null:e.dehydrated,!e)throw Error(i(557));e[rt]=t}else zi(),!(t.flags&128)&&(t.memoizedState=null),t.flags|=4;Lc(t),e=!1}else n=Bi(),e!==null&&e.memoizedState!==null&&(e.memoizedState.hydrationErrors=n),e=!0;if(!e)return t.flags&256?(oo(t),t):(oo(t),null);if(t.flags&128)throw Error(i(558))}return Lc(t),null;case 13:if(r=t.memoizedState,e===null||e.memoizedState!==null&&e.memoizedState.dehydrated!==null){if(a=Ri(t),r!==null&&r.dehydrated!==null){if(e===null){if(!a)throw Error(i(318));if(a=t.memoizedState,a=a===null?null:a.dehydrated,!a)throw Error(i(317));a[rt]=t}else zi(),!(t.flags&128)&&(t.memoizedState=null),t.flags|=4;Lc(t),a=!1}else a=Bi(),e!==null&&e.memoizedState!==null&&(e.memoizedState.hydrationErrors=a),a=!0;if(!a)return t.flags&256?(oo(t),t):(oo(t),null)}return oo(t),t.flags&128?(t.lanes=n,t):(n=r!==null,e=e!==null&&e.memoizedState!==null,n&&(r=t.child,a=null,r.alternate!==null&&r.alternate.memoizedState!==null&&r.alternate.memoizedState.cachePool!==null&&(a=r.alternate.memoizedState.cachePool.pool),o=null,r.memoizedState!==null&&r.memoizedState.cachePool!==null&&(o=r.memoizedState.cachePool.pool),o!==a&&(r.flags|=2048)),n!==e&&n&&(t.child.flags|=8192),Fc(t,t.updateQueue),Lc(t),null);case 4:return ue(),e===null&&Ed(t.stateNode.containerInfo),Lc(t),null;case 10:return Ki(t.type),Lc(t),null;case 19:if(N(so),r=t.memoizedState,r===null)return Lc(t),null;if(a=(t.flags&128)!=0,o=r.rendering,o===null)if(a)Ic(r,!1);else{if(ql!==0||e!==null&&e.flags&128)for(e=t.child;e!==null;){if(o=co(e),o!==null){for(t.flags|=128,Ic(r,!1),e=o.updateQueue,t.updateQueue=e,Fc(t,e),t.subtreeFlags=0,e=n,n=t.child;n!==null;)si(n,e),n=n.sibling;return P(so,so.current&1|2),ji&&wi(t,r.treeForkCount),t.child}e=e.sibling}r.tail!==null&&Ce()>iu&&(t.flags|=128,a=!0,Ic(r,!1),t.lanes=4194304)}else{if(!a)if(e=co(o),e!==null){if(t.flags|=128,a=!0,e=e.updateQueue,t.updateQueue=e,Fc(t,e),Ic(r,!0),r.tail===null&&r.tailMode===`hidden`&&!o.alternate&&!ji)return Lc(t),null}else 2*Ce()-r.renderingStartTime>iu&&n!==536870912&&(t.flags|=128,a=!0,Ic(r,!1),t.lanes=4194304);r.isBackwards?(o.sibling=t.child,t.child=o):(e=r.last,e===null?t.child=o:e.sibling=o,r.last=o)}return r.tail===null?(Lc(t),null):(e=r.tail,r.rendering=e,r.tail=e.sibling,r.renderingStartTime=Ce(),e.sibling=null,n=so.current,P(so,a?n&1|2:n&1),ji&&wi(t,r.treeForkCount),e);case 22:case 23:return oo(t),$a(),r=t.memoizedState!==null,e===null?r&&(t.flags|=8192):e.memoizedState!==null!==r&&(t.flags|=8192),r?n&536870912&&!(t.flags&128)&&(Lc(t),t.subtreeFlags&6&&(t.flags|=8192)):Lc(t),n=t.updateQueue,n!==null&&Fc(t,n.retryQueue),n=null,e!==null&&e.memoizedState!==null&&e.memoizedState.cachePool!==null&&(n=e.memoizedState.cachePool.pool),r=null,t.memoizedState!==null&&t.memoizedState.cachePool!==null&&(r=t.memoizedState.cachePool.pool),r!==n&&(t.flags|=2048),e!==null&&N(ha),null;case 24:return n=null,e!==null&&(n=e.memoizedState.cache),t.memoizedState.cache!==n&&(t.flags|=2048),Ki(ia),Lc(t),null;case 25:return null;case 30:return null}throw Error(i(156,t.tag))}function zc(e,t){switch(Di(t),t.tag){case 1:return e=t.flags,e&65536?(t.flags=e&-65537|128,t):null;case 3:return Ki(ia),ue(),e=t.flags,e&65536&&!(e&128)?(t.flags=e&-65537|128,t):null;case 26:case 27:case 5:return fe(t),null;case 31:if(t.memoizedState!==null){if(oo(t),t.alternate===null)throw Error(i(340));zi()}return e=t.flags,e&65536?(t.flags=e&-65537|128,t):null;case 13:if(oo(t),e=t.memoizedState,e!==null&&e.dehydrated!==null){if(t.alternate===null)throw Error(i(340));zi()}return e=t.flags,e&65536?(t.flags=e&-65537|128,t):null;case 19:return N(so),null;case 4:return ue(),null;case 10:return Ki(t.type),null;case 22:case 23:return oo(t),$a(),e!==null&&N(ha),e=t.flags,e&65536?(t.flags=e&-65537|128,t):null;case 24:return Ki(ia),null;case 25:return null;default:return null}}function Bc(e,t){switch(Di(t),t.tag){case 3:Ki(ia),ue();break;case 26:case 27:case 5:fe(t);break;case 4:ue();break;case 31:t.memoizedState!==null&&oo(t);break;case 13:oo(t);break;case 19:N(so);break;case 10:Ki(t.type);break;case 22:case 23:oo(t),$a(),e!==null&&N(ha);break;case 24:Ki(ia)}}function Vc(e,t){try{var n=t.updateQueue,r=n===null?null:n.lastEffect;if(r!==null){var i=r.next;n=i;do{if((n.tag&e)===e){r=void 0;var a=n.create,o=n.inst;r=a(),o.destroy=r}n=n.next}while(n!==i)}}catch(e){Ju(t,t.return,e)}}function Hc(e,t,n){try{var r=t.updateQueue,i=r===null?null:r.lastEffect;if(i!==null){var a=i.next;r=a;do{if((r.tag&e)===e){var o=r.inst,s=o.destroy;if(s!==void 0){o.destroy=void 0,i=t;var c=n,l=s;try{l()}catch(e){Ju(i,c,e)}}}r=r.next}while(r!==a)}}catch(e){Ju(t,t.return,e)}}function Uc(e){var t=e.updateQueue;if(t!==null){var n=e.stateNode;try{Ja(t,n)}catch(t){Ju(e,e.return,t)}}}function Wc(e,t,n){n.props=Ks(e.type,e.memoizedProps),n.state=e.memoizedState;try{n.componentWillUnmount()}catch(n){Ju(e,t,n)}}function Gc(e,t){try{var n=e.ref;if(n!==null){switch(e.tag){case 26:case 27:case 5:var r=e.stateNode;break;case 30:r=e.stateNode;break;default:r=e.stateNode}typeof n==`function`?e.refCleanup=n(r):n.current=r}}catch(n){Ju(e,t,n)}}function Kc(e,t){var n=e.ref,r=e.refCleanup;if(n!==null)if(typeof r==`function`)try{r()}catch(n){Ju(e,t,n)}finally{e.refCleanup=null,e=e.alternate,e!=null&&(e.refCleanup=null)}else if(typeof n==`function`)try{n(null)}catch(n){Ju(e,t,n)}else n.current=null}function qc(e){var t=e.type,n=e.memoizedProps,r=e.stateNode;try{a:switch(t){case`button`:case`input`:case`select`:case`textarea`:n.autoFocus&&r.focus();break a;case`img`:n.src?r.src=n.src:n.srcSet&&(r.srcset=n.srcSet)}}catch(t){Ju(e,e.return,t)}}function Jc(e,t,n){try{var r=e.stateNode;Rd(r,e.type,n,t),r[it]=t}catch(t){Ju(e,e.return,t)}}function Yc(e){return e.tag===5||e.tag===3||e.tag===26||e.tag===27&&ef(e.type)||e.tag===4}function Xc(e){a:for(;;){for(;e.sibling===null;){if(e.return===null||Yc(e.return))return null;e=e.return}for(e.sibling.return=e.return,e=e.sibling;e.tag!==5&&e.tag!==6&&e.tag!==18;){if(e.tag===27&&ef(e.type)||e.flags&2||e.child===null||e.tag===4)continue a;e.child.return=e,e=e.child}if(!(e.flags&2))return e.stateNode}}function G(e,t,n){var r=e.tag;if(r===5||r===6)e=e.stateNode,t?(n.nodeType===9?n.body:n.nodeName===`HTML`?n.ownerDocument.body:n).insertBefore(e,t):(t=n.nodeType===9?n.body:n.nodeName===`HTML`?n.ownerDocument.body:n,t.appendChild(e),n=n._reactRootContainer,n!=null||t.onclick!==null||(t.onclick=Xt));else if(r!==4&&(r===27&&ef(e.type)&&(n=e.stateNode,t=null),e=e.child,e!==null))for(G(e,t,n),e=e.sibling;e!==null;)G(e,t,n),e=e.sibling}function Zc(e,t,n){var r=e.tag;if(r===5||r===6)e=e.stateNode,t?n.insertBefore(e,t):n.appendChild(e);else if(r!==4&&(r===27&&ef(e.type)&&(n=e.stateNode),e=e.child,e!==null))for(Zc(e,t,n),e=e.sibling;e!==null;)Zc(e,t,n),e=e.sibling}function Qc(e){var t=e.stateNode,n=e.memoizedProps;try{for(var r=e.type,i=t.attributes;i.length;)t.removeAttributeNode(i[0]);Ld(t,r,n),t[rt]=e,t[it]=n}catch(t){Ju(e,e.return,t)}}var $c=!1,el=!1,tl=!1,nl=typeof WeakSet==`function`?WeakSet:Set,rl=null;function il(e,t){if(e=e.containerInfo,Vd=up,e=wr(e),Tr(e)){if(`selectionStart`in e)var n={start:e.selectionStart,end:e.selectionEnd};else a:{n=(n=e.ownerDocument)&&n.defaultView||window;var r=n.getSelection&&n.getSelection();if(r&&r.rangeCount!==0){n=r.anchorNode;var a=r.anchorOffset,o=r.focusNode;r=r.focusOffset;try{n.nodeType,o.nodeType}catch{n=null;break a}var s=0,c=-1,l=-1,u=0,d=0,f=e,p=null;b:for(;;){for(var m;f!==n||a!==0&&f.nodeType!==3||(c=s+a),f!==o||r!==0&&f.nodeType!==3||(l=s+r),f.nodeType===3&&(s+=f.nodeValue.length),(m=f.firstChild)!==null;)p=f,f=m;for(;;){if(f===e)break b;if(p===n&&++u===a&&(c=s),p===o&&++d===r&&(l=s),(m=f.nextSibling)!==null)break;f=p,p=f.parentNode}f=m}n=c===-1||l===-1?null:{start:c,end:l}}else n=null}n||={start:0,end:0}}else n=null;for(Hd={focusedElem:e,selectionRange:n},up=!1,rl=t;rl!==null;)if(t=rl,e=t.child,t.subtreeFlags&1028&&e!==null)e.return=t,rl=e;else for(;rl!==null;){switch(t=rl,o=t.alternate,e=t.flags,t.tag){case 0:if(e&4&&(e=t.updateQueue,e=e===null?null:e.events,e!==null))for(n=0;n<e.length;n++)a=e[n],a.ref.impl=a.nextImpl;break;case 11:case 15:break;case 1:if(e&1024&&o!==null){e=void 0,n=t,a=o.memoizedProps,o=o.memoizedState,r=n.stateNode;try{var h=Ks(n.type,a);e=r.getSnapshotBeforeUpdate(h,o),r.__reactInternalSnapshotBeforeUpdate=e}catch(e){Ju(n,n.return,e)}}break;case 3:if(e&1024){if(e=t.stateNode.containerInfo,n=e.nodeType,n===9)rf(e);else if(n===1)switch(e.nodeName){case`HEAD`:case`HTML`:case`BODY`:rf(e);break;default:e.textContent=``}}break;case 5:case 26:case 27:case 6:case 4:case 17:break;default:if(e&1024)throw Error(i(163))}if(e=t.sibling,e!==null){e.return=t.return,rl=e;break}rl=t.return}}function al(e,t,n){var r=n.flags;switch(n.tag){case 0:case 11:case 15:bl(e,n),r&4&&Vc(5,n);break;case 1:if(bl(e,n),r&4)if(e=n.stateNode,t===null)try{e.componentDidMount()}catch(e){Ju(n,n.return,e)}else{var i=Ks(n.type,t.memoizedProps);t=t.memoizedState;try{e.componentDidUpdate(i,t,e.__reactInternalSnapshotBeforeUpdate)}catch(e){Ju(n,n.return,e)}}r&64&&Uc(n),r&512&&Gc(n,n.return);break;case 3:if(bl(e,n),r&64&&(e=n.updateQueue,e!==null)){if(t=null,n.child!==null)switch(n.child.tag){case 27:case 5:t=n.child.stateNode;break;case 1:t=n.child.stateNode}try{Ja(e,t)}catch(e){Ju(n,n.return,e)}}break;case 27:t===null&&r&4&&Qc(n);case 26:case 5:bl(e,n),t===null&&r&4&&qc(n),r&512&&Gc(n,n.return);break;case 12:bl(e,n);break;case 31:bl(e,n),r&4&&dl(e,n);break;case 13:bl(e,n),r&4&&fl(e,n),r&64&&(e=n.memoizedState,e!==null&&(e=e.dehydrated,e!==null&&(n=Qu.bind(null,n),uf(e,n))));break;case 22:if(r=n.memoizedState!==null||$c,!r){t=t!==null&&t.memoizedState!==null||el,i=$c;var a=el;$c=r,(el=t)&&!a?Sl(e,n,(n.subtreeFlags&8772)!=0):bl(e,n),$c=i,el=a}break;case 30:break;default:bl(e,n)}}function ol(e){var t=e.alternate;t!==null&&(e.alternate=null,ol(t)),e.child=null,e.deletions=null,e.sibling=null,e.tag===5&&(t=e.stateNode,t!==null&&dt(t)),e.stateNode=null,e.return=null,e.dependencies=null,e.memoizedProps=null,e.memoizedState=null,e.pendingProps=null,e.stateNode=null,e.updateQueue=null}var sl=null,cl=!1;function ll(e,t,n){for(n=n.child;n!==null;)ul(e,t,n),n=n.sibling}function ul(e,t,n){if(je&&typeof je.onCommitFiberUnmount==`function`)try{je.onCommitFiberUnmount(B,n)}catch{}switch(n.tag){case 26:el||Kc(n,t),ll(e,t,n),n.memoizedState?n.memoizedState.count--:n.stateNode&&(n=n.stateNode,n.parentNode.removeChild(n));break;case 27:el||Kc(n,t);var r=sl,i=cl;ef(n.type)&&(sl=n.stateNode,cl=!1),ll(e,t,n),gf(n.stateNode),sl=r,cl=i;break;case 5:el||Kc(n,t);case 6:if(r=sl,i=cl,sl=null,ll(e,t,n),sl=r,cl=i,sl!==null)if(cl)try{(sl.nodeType===9?sl.body:sl.nodeName===`HTML`?sl.ownerDocument.body:sl).removeChild(n.stateNode)}catch(e){Ju(n,t,e)}else try{sl.removeChild(n.stateNode)}catch(e){Ju(n,t,e)}break;case 18:sl!==null&&(cl?(e=sl,tf(e.nodeType===9?e.body:e.nodeName===`HTML`?e.ownerDocument.body:e,n.stateNode),Ip(e)):tf(sl,n.stateNode));break;case 4:r=sl,i=cl,sl=n.stateNode.containerInfo,cl=!0,ll(e,t,n),sl=r,cl=i;break;case 0:case 11:case 14:case 15:Hc(2,n,t),el||Hc(4,n,t),ll(e,t,n);break;case 1:el||(Kc(n,t),r=n.stateNode,typeof r.componentWillUnmount==`function`&&Wc(n,t,r)),ll(e,t,n);break;case 21:ll(e,t,n);break;case 22:el=(r=el)||n.memoizedState!==null,ll(e,t,n),el=r;break;default:ll(e,t,n)}}function dl(e,t){if(t.memoizedState===null&&(e=t.alternate,e!==null&&(e=e.memoizedState,e!==null))){e=e.dehydrated;try{Ip(e)}catch(e){Ju(t,t.return,e)}}}function fl(e,t){if(t.memoizedState===null&&(e=t.alternate,e!==null&&(e=e.memoizedState,e!==null&&(e=e.dehydrated,e!==null))))try{Ip(e)}catch(e){Ju(t,t.return,e)}}function pl(e){switch(e.tag){case 31:case 13:case 19:var t=e.stateNode;return t===null&&(t=e.stateNode=new nl),t;case 22:return e=e.stateNode,t=e._retryCache,t===null&&(t=e._retryCache=new nl),t;default:throw Error(i(435,e.tag))}}function ml(e,t){var n=pl(e);t.forEach(function(t){if(!n.has(t)){n.add(t);var r=$u.bind(null,e,t);t.then(r,r)}})}function hl(e,t){var n=t.deletions;if(n!==null)for(var r=0;r<n.length;r++){var a=n[r],o=e,s=t,c=s;a:for(;c!==null;){switch(c.tag){case 27:if(ef(c.type)){sl=c.stateNode,cl=!1;break a}break;case 5:sl=c.stateNode,cl=!1;break a;case 3:case 4:sl=c.stateNode.containerInfo,cl=!0;break a}c=c.return}if(sl===null)throw Error(i(160));ul(o,s,a),sl=null,cl=!1,o=a.alternate,o!==null&&(o.return=null),a.return=null}if(t.subtreeFlags&13886)for(t=t.child;t!==null;)_l(t,e),t=t.sibling}var gl=null;function _l(e,t){var n=e.alternate,r=e.flags;switch(e.tag){case 0:case 11:case 14:case 15:hl(t,e),vl(e),r&4&&(Hc(3,e,e.return),Vc(3,e),Hc(5,e,e.return));break;case 1:hl(t,e),vl(e),r&512&&(el||n===null||Kc(n,n.return)),r&64&&$c&&(e=e.updateQueue,e!==null&&(r=e.callbacks,r!==null&&(n=e.shared.hiddenCallbacks,e.shared.hiddenCallbacks=n===null?r:n.concat(r))));break;case 26:var a=gl;if(hl(t,e),vl(e),r&512&&(el||n===null||Kc(n,n.return)),r&4){var o=n===null?null:n.memoizedState;if(r=e.memoizedState,n===null)if(r===null)if(e.stateNode===null){a:{r=e.type,n=e.memoizedProps,a=a.ownerDocument||a;b:switch(r){case`title`:o=a.getElementsByTagName(`title`)[0],(!o||o[ut]||o[rt]||o.namespaceURI===`http://www.w3.org/2000/svg`||o.hasAttribute(`itemprop`))&&(o=a.createElement(r),a.head.insertBefore(o,a.querySelector(`head > title`))),Ld(o,r,n),o[rt]=e,gt(o),r=o;break a;case`link`:var s=Wf(`link`,`href`,a).get(r+(n.href||``));if(s){for(var c=0;c<s.length;c++)if(o=s[c],o.getAttribute(`href`)===(n.href==null||n.href===``?null:n.href)&&o.getAttribute(`rel`)===(n.rel==null?null:n.rel)&&o.getAttribute(`title`)===(n.title==null?null:n.title)&&o.getAttribute(`crossorigin`)===(n.crossOrigin==null?null:n.crossOrigin)){s.splice(c,1);break b}}o=a.createElement(r),Ld(o,r,n),a.head.appendChild(o);break;case`meta`:if(s=Wf(`meta`,`content`,a).get(r+(n.content||``))){for(c=0;c<s.length;c++)if(o=s[c],o.getAttribute(`content`)===(n.content==null?null:``+n.content)&&o.getAttribute(`name`)===(n.name==null?null:n.name)&&o.getAttribute(`property`)===(n.property==null?null:n.property)&&o.getAttribute(`http-equiv`)===(n.httpEquiv==null?null:n.httpEquiv)&&o.getAttribute(`charset`)===(n.charSet==null?null:n.charSet)){s.splice(c,1);break b}}o=a.createElement(r),Ld(o,r,n),a.head.appendChild(o);break;default:throw Error(i(468,r))}o[rt]=e,gt(o),r=o}e.stateNode=r}else Gf(a,e.type,e.stateNode);else e.stateNode=zf(a,r,e.memoizedProps);else o===r?r===null&&e.stateNode!==null&&Jc(e,e.memoizedProps,n.memoizedProps):(o===null?n.stateNode!==null&&(n=n.stateNode,n.parentNode.removeChild(n)):o.count--,r===null?Gf(a,e.type,e.stateNode):zf(a,r,e.memoizedProps))}break;case 27:hl(t,e),vl(e),r&512&&(el||n===null||Kc(n,n.return)),n!==null&&r&4&&Jc(e,e.memoizedProps,n.memoizedProps);break;case 5:if(hl(t,e),vl(e),r&512&&(el||n===null||Kc(n,n.return)),e.flags&32){a=e.stateNode;try{Ht(a,``)}catch(t){Ju(e,e.return,t)}}r&4&&e.stateNode!=null&&(a=e.memoizedProps,Jc(e,a,n===null?a:n.memoizedProps)),r&1024&&(tl=!0);break;case 6:if(hl(t,e),vl(e),r&4){if(e.stateNode===null)throw Error(i(162));r=e.memoizedProps,n=e.stateNode;try{n.nodeValue=r}catch(t){Ju(e,e.return,t)}}break;case 3:if(Uf=null,a=gl,gl=yf(t.containerInfo),hl(t,e),gl=a,vl(e),r&4&&n!==null&&n.memoizedState.isDehydrated)try{Ip(t.containerInfo)}catch(t){Ju(e,e.return,t)}tl&&(tl=!1,yl(e));break;case 4:r=gl,gl=yf(e.stateNode.containerInfo),hl(t,e),vl(e),gl=r;break;case 12:hl(t,e),vl(e);break;case 31:hl(t,e),vl(e),r&4&&(r=e.updateQueue,r!==null&&(e.updateQueue=null,ml(e,r)));break;case 13:hl(t,e),vl(e),e.child.flags&8192&&e.memoizedState!==null!=(n!==null&&n.memoizedState!==null)&&(nu=Ce()),r&4&&(r=e.updateQueue,r!==null&&(e.updateQueue=null,ml(e,r)));break;case 22:a=e.memoizedState!==null;var l=n!==null&&n.memoizedState!==null,u=$c,d=el;if($c=u||a,el=d||l,hl(t,e),el=d,$c=u,vl(e),r&8192)a:for(t=e.stateNode,t._visibility=a?t._visibility&-2:t._visibility|1,a&&(n===null||l||$c||el||xl(e)),n=null,t=e;;){if(t.tag===5||t.tag===26){if(n===null){l=n=t;try{if(o=l.stateNode,a)s=o.style,typeof s.setProperty==`function`?s.setProperty(`display`,`none`,`important`):s.display=`none`;else{c=l.stateNode;var f=l.memoizedProps.style,p=f!=null&&f.hasOwnProperty(`display`)?f.display:null;c.style.display=p==null||typeof p==`boolean`?``:(``+p).trim()}}catch(e){Ju(l,l.return,e)}}}else if(t.tag===6){if(n===null){l=t;try{l.stateNode.nodeValue=a?``:l.memoizedProps}catch(e){Ju(l,l.return,e)}}}else if(t.tag===18){if(n===null){l=t;try{var m=l.stateNode;a?nf(m,!0):nf(l.stateNode,!1)}catch(e){Ju(l,l.return,e)}}}else if((t.tag!==22&&t.tag!==23||t.memoizedState===null||t===e)&&t.child!==null){t.child.return=t,t=t.child;continue}if(t===e)break a;for(;t.sibling===null;){if(t.return===null||t.return===e)break a;n===t&&(n=null),t=t.return}n===t&&(n=null),t.sibling.return=t.return,t=t.sibling}r&4&&(r=e.updateQueue,r!==null&&(n=r.retryQueue,n!==null&&(r.retryQueue=null,ml(e,n))));break;case 19:hl(t,e),vl(e),r&4&&(r=e.updateQueue,r!==null&&(e.updateQueue=null,ml(e,r)));break;case 30:break;case 21:break;default:hl(t,e),vl(e)}}function vl(e){var t=e.flags;if(t&2){try{for(var n,r=e.return;r!==null;){if(Yc(r)){n=r;break}r=r.return}if(n==null)throw Error(i(160));switch(n.tag){case 27:var a=n.stateNode;Zc(e,Xc(e),a);break;case 5:var o=n.stateNode;n.flags&32&&(Ht(o,``),n.flags&=-33),Zc(e,Xc(e),o);break;case 3:case 4:var s=n.stateNode.containerInfo;G(e,Xc(e),s);break;default:throw Error(i(161))}}catch(t){Ju(e,e.return,t)}e.flags&=-3}t&4096&&(e.flags&=-4097)}function yl(e){if(e.subtreeFlags&1024)for(e=e.child;e!==null;){var t=e;yl(t),t.tag===5&&t.flags&1024&&t.stateNode.reset(),e=e.sibling}}function bl(e,t){if(t.subtreeFlags&8772)for(t=t.child;t!==null;)al(e,t.alternate,t),t=t.sibling}function xl(e){for(e=e.child;e!==null;){var t=e;switch(t.tag){case 0:case 11:case 14:case 15:Hc(4,t,t.return),xl(t);break;case 1:Kc(t,t.return);var n=t.stateNode;typeof n.componentWillUnmount==`function`&&Wc(t,t.return,n),xl(t);break;case 27:gf(t.stateNode);case 26:case 5:Kc(t,t.return),xl(t);break;case 22:t.memoizedState===null&&xl(t);break;case 30:xl(t);break;default:xl(t)}e=e.sibling}}function Sl(e,t,n){for(n&&=(t.subtreeFlags&8772)!=0,t=t.child;t!==null;){var r=t.alternate,i=e,a=t,o=a.flags;switch(a.tag){case 0:case 11:case 15:Sl(i,a,n),Vc(4,a);break;case 1:if(Sl(i,a,n),r=a,i=r.stateNode,typeof i.componentDidMount==`function`)try{i.componentDidMount()}catch(e){Ju(r,r.return,e)}if(r=a,i=r.updateQueue,i!==null){var s=r.stateNode;try{var c=i.shared.hiddenCallbacks;if(c!==null)for(i.shared.hiddenCallbacks=null,i=0;i<c.length;i++)qa(c[i],s)}catch(e){Ju(r,r.return,e)}}n&&o&64&&Uc(a),Gc(a,a.return);break;case 27:Qc(a);case 26:case 5:Sl(i,a,n),n&&r===null&&o&4&&qc(a),Gc(a,a.return);break;case 12:Sl(i,a,n);break;case 31:Sl(i,a,n),n&&o&4&&dl(i,a);break;case 13:Sl(i,a,n),n&&o&4&&fl(i,a);break;case 22:a.memoizedState===null&&Sl(i,a,n),Gc(a,a.return);break;case 30:break;default:Sl(i,a,n)}t=t.sibling}}function Cl(e,t){var n=null;e!==null&&e.memoizedState!==null&&e.memoizedState.cachePool!==null&&(n=e.memoizedState.cachePool.pool),e=null,t.memoizedState!==null&&t.memoizedState.cachePool!==null&&(e=t.memoizedState.cachePool.pool),e!==n&&(e!=null&&e.refCount++,n!=null&&oa(n))}function wl(e,t){e=null,t.alternate!==null&&(e=t.alternate.memoizedState.cache),t=t.memoizedState.cache,t!==e&&(t.refCount++,e!=null&&oa(e))}function Tl(e,t,n,r){if(t.subtreeFlags&10256)for(t=t.child;t!==null;)El(e,t,n,r),t=t.sibling}function El(e,t,n,r){var i=t.flags;switch(t.tag){case 0:case 11:case 15:Tl(e,t,n,r),i&2048&&Vc(9,t);break;case 1:Tl(e,t,n,r);break;case 3:Tl(e,t,n,r),i&2048&&(e=null,t.alternate!==null&&(e=t.alternate.memoizedState.cache),t=t.memoizedState.cache,t!==e&&(t.refCount++,e!=null&&oa(e)));break;case 12:if(i&2048){Tl(e,t,n,r),e=t.stateNode;try{var a=t.memoizedProps,o=a.id,s=a.onPostCommit;typeof s==`function`&&s(o,t.alternate===null?`mount`:`update`,e.passiveEffectDuration,-0)}catch(e){Ju(t,t.return,e)}}else Tl(e,t,n,r);break;case 31:Tl(e,t,n,r);break;case 13:Tl(e,t,n,r);break;case 23:break;case 22:a=t.stateNode,o=t.alternate,t.memoizedState===null?a._visibility&2?Tl(e,t,n,r):(a._visibility|=2,Dl(e,t,n,r,(t.subtreeFlags&10256)!=0||!1)):a._visibility&2?Tl(e,t,n,r):Ol(e,t),i&2048&&Cl(o,t);break;case 24:Tl(e,t,n,r),i&2048&&wl(t.alternate,t);break;default:Tl(e,t,n,r)}}function Dl(e,t,n,r,i){for(i&&=(t.subtreeFlags&10256)!=0||!1,t=t.child;t!==null;){var a=e,o=t,s=n,c=r,l=o.flags;switch(o.tag){case 0:case 11:case 15:Dl(a,o,s,c,i),Vc(8,o);break;case 23:break;case 22:var u=o.stateNode;o.memoizedState===null?(u._visibility|=2,Dl(a,o,s,c,i)):u._visibility&2?Dl(a,o,s,c,i):Ol(a,o),i&&l&2048&&Cl(o.alternate,o);break;case 24:Dl(a,o,s,c,i),i&&l&2048&&wl(o.alternate,o);break;default:Dl(a,o,s,c,i)}t=t.sibling}}function Ol(e,t){if(t.subtreeFlags&10256)for(t=t.child;t!==null;){var n=e,r=t,i=r.flags;switch(r.tag){case 22:Ol(n,r),i&2048&&Cl(r.alternate,r);break;case 24:Ol(n,r),i&2048&&wl(r.alternate,r);break;default:Ol(n,r)}t=t.sibling}}var kl=8192;function Al(e,t,n){if(e.subtreeFlags&kl)for(e=e.child;e!==null;)jl(e,t,n),e=e.sibling}function jl(e,t,n){switch(e.tag){case 26:Al(e,t,n),e.flags&kl&&e.memoizedState!==null&&Jf(n,gl,e.memoizedState,e.memoizedProps);break;case 5:Al(e,t,n);break;case 3:case 4:var r=gl;gl=yf(e.stateNode.containerInfo),Al(e,t,n),gl=r;break;case 22:e.memoizedState===null&&(r=e.alternate,r!==null&&r.memoizedState!==null?(r=kl,kl=16777216,Al(e,t,n),kl=r):Al(e,t,n));break;default:Al(e,t,n)}}function Ml(e){var t=e.alternate;if(t!==null&&(e=t.child,e!==null)){t.child=null;do t=e.sibling,e.sibling=null,e=t;while(e!==null)}}function Nl(e){var t=e.deletions;if(e.flags&16){if(t!==null)for(var n=0;n<t.length;n++){var r=t[n];rl=r,Il(r,e)}Ml(e)}if(e.subtreeFlags&10256)for(e=e.child;e!==null;)Pl(e),e=e.sibling}function Pl(e){switch(e.tag){case 0:case 11:case 15:Nl(e),e.flags&2048&&Hc(9,e,e.return);break;case 3:Nl(e);break;case 12:Nl(e);break;case 22:var t=e.stateNode;e.memoizedState!==null&&t._visibility&2&&(e.return===null||e.return.tag!==13)?(t._visibility&=-3,Fl(e)):Nl(e);break;default:Nl(e)}}function Fl(e){var t=e.deletions;if(e.flags&16){if(t!==null)for(var n=0;n<t.length;n++){var r=t[n];rl=r,Il(r,e)}Ml(e)}for(e=e.child;e!==null;){switch(t=e,t.tag){case 0:case 11:case 15:Hc(8,t,t.return),Fl(t);break;case 22:n=t.stateNode,n._visibility&2&&(n._visibility&=-3,Fl(t));break;default:Fl(t)}e=e.sibling}}function Il(e,t){for(;rl!==null;){var n=rl;switch(n.tag){case 0:case 11:case 15:Hc(8,n,t);break;case 23:case 22:if(n.memoizedState!==null&&n.memoizedState.cachePool!==null){var r=n.memoizedState.cachePool.pool;r!=null&&r.refCount++}break;case 24:oa(n.memoizedState.cache)}if(r=n.child,r!==null)r.return=n,rl=r;else a:for(n=e;rl!==null;){r=rl;var i=r.sibling,a=r.return;if(ol(r),r===n){rl=null;break a}if(i!==null){i.return=a,rl=i;break a}rl=a}}}var Ll={getCacheForType:function(e){var t=Qi(ia),n=t.data.get(e);return n===void 0&&(n=e(),t.data.set(e,n)),n},cacheSignal:function(){return Qi(ia).controller.signal}},Rl=typeof WeakMap==`function`?WeakMap:Map,K=0,zl=null,Bl=null,q=0,Vl=0,Hl=null,Ul=!1,Wl=!1,Gl=!1,Kl=0,ql=0,Jl=0,Yl=0,Xl=0,Zl=0,Ql=0,$l=null,eu=null,tu=!1,nu=0,ru=0,iu=1/0,au=null,ou=null,su=0,cu=null,lu=null,uu=0,du=0,fu=null,pu=null,mu=0,hu=null;function gu(){return K&2&&q!==0?q&-q:j.T===null?et():hd()}function _u(){if(Zl===0)if(!(q&536870912)||ji){var e=Be;Be<<=1,!(Be&3932160)&&(Be=262144),Zl=e}else Zl=536870912;return e=eo.current,e!==null&&(e.flags|=32),Zl}function vu(e,t,n){(e===zl&&(Vl===2||Vl===9)||e.cancelPendingCommit!==null)&&(Tu(e,0),Su(e,q,Zl,!1)),qe(e,n),(!(K&2)||e!==zl)&&(e===zl&&(!(K&2)&&(Yl|=n),ql===4&&Su(e,q,Zl,!1)),sd(e))}function yu(e,t,n){if(K&6)throw Error(i(327));var r=!n&&(t&127)==0&&(t&e.expiredLanes)===0||We(e,t),a=r?Nu(e,t):ju(e,t,!0),o=r;do{if(a===0){Wl&&!r&&Su(e,t,0,!1);break}else{if(n=e.current.alternate,o&&!xu(n)){a=ju(e,t,!1),o=!1;continue}if(a===2){if(o=t,e.errorRecoveryDisabledLanes&o)var s=0;else s=e.pendingLanes&-536870913,s=s===0?s&536870912?536870912:0:s;if(s!==0){t=s;a:{var c=e;a=$l;var l=c.current.memoizedState.isDehydrated;if(l&&(Tu(c,s).flags|=256),s=ju(c,s,!1),s!==2){if(Gl&&!l){c.errorRecoveryDisabledLanes|=o,Yl|=o,a=4;break a}o=eu,eu=a,o!==null&&(eu===null?eu=o:eu.push.apply(eu,o))}a=s}if(o=!1,a!==2)continue}}if(a===1){Tu(e,0),Su(e,t,0,!0);break}a:{switch(r=e,o=a,o){case 0:case 1:throw Error(i(345));case 4:if((t&4194048)!==t)break;case 6:Su(r,t,Zl,!Ul);break a;case 2:eu=null;break;case 3:case 5:break;default:throw Error(i(329))}if((t&62914560)===t&&(a=nu+300-Ce(),10<a)){if(Su(r,t,Zl,!Ul),Ue(r,0,!0)!==0)break a;uu=t,r.timeoutHandle=Yd(bu.bind(null,r,n,eu,au,tu,t,Zl,Yl,Ql,Ul,o,`Throttled`,-0,0),a);break a}bu(r,n,eu,au,tu,t,Zl,Yl,Ql,Ul,o,null,-0,0)}}break}while(1);sd(e)}function bu(e,t,n,r,i,a,o,s,c,l,u,d,f,p){if(e.timeoutHandle=-1,d=t.subtreeFlags,d&8192||(d&16785408)==16785408){d={stylesheets:null,count:0,imgCount:0,imgBytes:0,suspenseyImages:[],waitingForImages:!0,waitingForViewTransition:!1,unsuspend:Xt},jl(t,a,d);var m=(a&62914560)===a?nu-Ce():(a&4194048)===a?ru-Ce():0;if(m=Xf(d,m),m!==null){uu=a,e.cancelPendingCommit=m(Bu.bind(null,e,t,a,n,r,i,o,s,c,u,d,null,f,p)),Su(e,a,o,!l);return}}Bu(e,t,a,n,r,i,o,s,c)}function xu(e){for(var t=e;;){var n=t.tag;if((n===0||n===11||n===15)&&t.flags&16384&&(n=t.updateQueue,n!==null&&(n=n.stores,n!==null)))for(var r=0;r<n.length;r++){var i=n[r],a=i.getSnapshot;i=i.value;try{if(!yr(a(),i))return!1}catch{return!1}}if(n=t.child,t.subtreeFlags&16384&&n!==null)n.return=t,t=n;else{if(t===e)break;for(;t.sibling===null;){if(t.return===null||t.return===e)return!0;t=t.return}t.sibling.return=t.return,t=t.sibling}}return!0}function Su(e,t,n,r){t&=~Xl,t&=~Yl,e.suspendedLanes|=t,e.pingedLanes&=~t,r&&(e.warmLanes|=t),r=e.expirationTimes;for(var i=t;0<i;){var a=31-Ne(i),o=1<<a;r[a]=-1,i&=~o}n!==0&&Ye(e,n,t)}function Cu(){return K&6?!0:(cd(0,!1),!1)}function wu(){if(Bl!==null){if(Vl===0)var e=Bl.return;else e=Bl,Wi=Ui=null,Oo(e),ka=null,Aa=0,e=Bl;for(;e!==null;)Bc(e.alternate,e),e=e.return;Bl=null}}function Tu(e,t){var n=e.timeoutHandle;n!==-1&&(e.timeoutHandle=-1,Xd(n)),n=e.cancelPendingCommit,n!==null&&(e.cancelPendingCommit=null,n()),uu=0,wu(),zl=e,Bl=n=H(e.current,null),q=t,Vl=0,Hl=null,Ul=!1,Wl=We(e,t),Gl=!1,Ql=Zl=Xl=Yl=Jl=ql=0,eu=$l=null,tu=!1,t&8&&(t|=t&32);var r=e.entangledLanes;if(r!==0)for(e=e.entanglements,r&=t;0<r;){var i=31-Ne(r),a=1<<i;t|=e[i],r&=~a}return Kl=t,Zr(),n}function Eu(e,t){U=null,j.H=Rs,t===ya||t===xa?(t=Da(),Vl=3):t===ba?(t=Da(),Vl=4):Vl=t===nc?8:typeof t==`object`&&t&&typeof t.then==`function`?6:1,Hl=t,Bl===null&&(ql=1,Xs(e,mi(t,e.current)))}function Du(){var e=eo.current;return e===null?!0:(q&4194048)===q?to===null:(q&62914560)===q||q&536870912?e===to:!1}function Ou(){var e=j.H;return j.H=Rs,e===null?Rs:e}function ku(){var e=j.A;return j.A=Ll,e}function Au(){ql=4,Ul||(q&4194048)!==q&&eo.current!==null||(Wl=!0),!(Jl&134217727)&&!(Yl&134217727)||zl===null||Su(zl,q,Zl,!1)}function ju(e,t,n){var r=K;K|=2;var i=Ou(),a=ku();(zl!==e||q!==t)&&(au=null,Tu(e,t)),t=!1;var o=ql;a:do try{if(Vl!==0&&Bl!==null){var s=Bl,c=Hl;switch(Vl){case 8:wu(),o=6;break a;case 3:case 2:case 9:case 6:eo.current===null&&(t=!0);var l=Vl;if(Vl=0,Hl=null,Lu(e,s,c,l),n&&Wl){o=0;break a}break;default:l=Vl,Vl=0,Hl=null,Lu(e,s,c,l)}}Mu(),o=ql;break}catch(t){Eu(e,t)}while(1);return t&&e.shellSuspendCounter++,Wi=Ui=null,K=r,j.H=i,j.A=a,Bl===null&&(zl=null,q=0,Zr()),o}function Mu(){for(;Bl!==null;)Fu(Bl)}function Nu(e,t){var n=K;K|=2;var r=Ou(),a=ku();zl!==e||q!==t?(au=null,iu=Ce()+500,Tu(e,t)):Wl=We(e,t);a:do try{if(Vl!==0&&Bl!==null){t=Bl;var o=Hl;b:switch(Vl){case 1:Vl=0,Hl=null,Lu(e,t,o,1);break;case 2:case 9:if(Ca(o)){Vl=0,Hl=null,Iu(t);break}t=function(){Vl!==2&&Vl!==9||zl!==e||(Vl=7),sd(e)},o.then(t,t);break a;case 3:Vl=7;break a;case 4:Vl=5;break a;case 7:Ca(o)?(Vl=0,Hl=null,Iu(t)):(Vl=0,Hl=null,Lu(e,t,o,7));break;case 5:var s=null;switch(Bl.tag){case 26:s=Bl.memoizedState;case 5:case 27:var c=Bl;if(s?qf(s):c.stateNode.complete){Vl=0,Hl=null;var l=c.sibling;if(l!==null)Bl=l;else{var u=c.return;u===null?Bl=null:(Bl=u,Ru(u))}break b}}Vl=0,Hl=null,Lu(e,t,o,5);break;case 6:Vl=0,Hl=null,Lu(e,t,o,6);break;case 8:wu(),ql=6;break a;default:throw Error(i(462))}}Pu();break}catch(t){Eu(e,t)}while(1);return Wi=Ui=null,j.H=r,j.A=a,K=n,Bl===null?(zl=null,q=0,Zr(),ql):0}function Pu(){for(;Bl!==null&&!xe();)Fu(Bl)}function Fu(e){var t=Mc(e.alternate,e,Kl);e.memoizedProps=e.pendingProps,t===null?Ru(e):Bl=t}function Iu(e){var t=e,n=t.alternate;switch(t.tag){case 15:case 0:t=gc(n,t,t.pendingProps,t.type,void 0,q);break;case 11:t=gc(n,t,t.pendingProps,t.type.render,t.ref,q);break;case 5:Oo(t);default:Bc(n,t),t=Bl=si(t,Kl),t=Mc(n,t,Kl)}e.memoizedProps=e.pendingProps,t===null?Ru(e):Bl=t}function Lu(e,t,n,r){Wi=Ui=null,Oo(t),ka=null,Aa=0;var i=t.return;try{if(tc(e,i,t,n,q)){ql=1,Xs(e,mi(n,e.current)),Bl=null;return}}catch(t){if(i!==null)throw Bl=i,t;ql=1,Xs(e,mi(n,e.current)),Bl=null;return}t.flags&32768?(ji||r===1?e=!0:Wl||q&536870912?e=!1:(Ul=e=!0,(r===2||r===9||r===3||r===6)&&(r=eo.current,r!==null&&r.tag===13&&(r.flags|=16384))),zu(t,e)):Ru(t)}function Ru(e){var t=e;do{if(t.flags&32768){zu(t,Ul);return}e=t.return;var n=Rc(t.alternate,t,Kl);if(n!==null){Bl=n;return}if(t=t.sibling,t!==null){Bl=t;return}Bl=t=e}while(t!==null);ql===0&&(ql=5)}function zu(e,t){do{var n=zc(e.alternate,e);if(n!==null){n.flags&=32767,Bl=n;return}if(n=e.return,n!==null&&(n.flags|=32768,n.subtreeFlags=0,n.deletions=null),!t&&(e=e.sibling,e!==null)){Bl=e;return}Bl=e=n}while(e!==null);ql=6,Bl=null}function Bu(e,t,n,r,a,o,s,c,l){e.cancelPendingCommit=null;do Gu();while(su!==0);if(K&6)throw Error(i(327));if(t!==null){if(t===e.current)throw Error(i(177));if(o=t.lanes|t.childLanes,o|=Xr,Je(e,n,o,s,c,l),e===zl&&(Bl=zl=null,q=0),lu=t,cu=e,uu=n,du=o,fu=a,pu=r,t.subtreeFlags&10256||t.flags&10256?(e.callbackNode=null,e.callbackPriority=0,ed(De,function(){return Ku(),null})):(e.callbackNode=null,e.callbackPriority=0),r=(t.flags&13878)!=0,t.subtreeFlags&13878||r){r=j.T,j.T=null,a=M.p,M.p=2,s=K,K|=4;try{il(e,t,n)}finally{K=s,M.p=a,j.T=r}}su=1,Vu(),Hu(),Uu()}}function Vu(){if(su===1){su=0;var e=cu,t=lu,n=(t.flags&13878)!=0;if(t.subtreeFlags&13878||n){n=j.T,j.T=null;var r=M.p;M.p=2;var i=K;K|=4;try{_l(t,e);var a=Hd,o=wr(e.containerInfo),s=a.focusedElem,c=a.selectionRange;if(o!==s&&s&&s.ownerDocument&&Cr(s.ownerDocument.documentElement,s)){if(c!==null&&Tr(s)){var l=c.start,u=c.end;if(u===void 0&&(u=l),`selectionStart`in s)s.selectionStart=l,s.selectionEnd=Math.min(u,s.value.length);else{var d=s.ownerDocument||document,f=d&&d.defaultView||window;if(f.getSelection){var p=f.getSelection(),m=s.textContent.length,h=Math.min(c.start,m),g=c.end===void 0?h:Math.min(c.end,m);!p.extend&&h>g&&(o=g,g=h,h=o);var _=Sr(s,h),v=Sr(s,g);if(_&&v&&(p.rangeCount!==1||p.anchorNode!==_.node||p.anchorOffset!==_.offset||p.focusNode!==v.node||p.focusOffset!==v.offset)){var y=d.createRange();y.setStart(_.node,_.offset),p.removeAllRanges(),h>g?(p.addRange(y),p.extend(v.node,v.offset)):(y.setEnd(v.node,v.offset),p.addRange(y))}}}}for(d=[],p=s;p=p.parentNode;)p.nodeType===1&&d.push({element:p,left:p.scrollLeft,top:p.scrollTop});for(typeof s.focus==`function`&&s.focus(),s=0;s<d.length;s++){var b=d[s];b.element.scrollLeft=b.left,b.element.scrollTop=b.top}}up=!!Vd,Hd=Vd=null}finally{K=i,M.p=r,j.T=n}}e.current=t,su=2}}function Hu(){if(su===2){su=0;var e=cu,t=lu,n=(t.flags&8772)!=0;if(t.subtreeFlags&8772||n){n=j.T,j.T=null;var r=M.p;M.p=2;var i=K;K|=4;try{al(e,t.alternate,t)}finally{K=i,M.p=r,j.T=n}}su=3}}function Uu(){if(su===4||su===3){su=0,Se();var e=cu,t=lu,n=uu,r=pu;t.subtreeFlags&10256||t.flags&10256?su=5:(su=0,lu=cu=null,Wu(e,e.pendingLanes));var i=e.pendingLanes;if(i===0&&(ou=null),$e(n),t=t.stateNode,je&&typeof je.onCommitFiberRoot==`function`)try{je.onCommitFiberRoot(B,t,void 0,(t.current.flags&128)==128)}catch{}if(r!==null){t=j.T,i=M.p,M.p=2,j.T=null;try{for(var a=e.onRecoverableError,o=0;o<r.length;o++){var s=r[o];a(s.value,{componentStack:s.stack})}}finally{j.T=t,M.p=i}}uu&3&&Gu(),sd(e),i=e.pendingLanes,n&261930&&i&42?e===hu?mu++:(mu=0,hu=e):mu=0,cd(0,!1)}}function Wu(e,t){(e.pooledCacheLanes&=t)===0&&(t=e.pooledCache,t!=null&&(e.pooledCache=null,oa(t)))}function Gu(){return Vu(),Hu(),Uu(),Ku()}function Ku(){if(su!==5)return!1;var e=cu,t=du;du=0;var n=$e(uu),r=j.T,a=M.p;try{M.p=32>n?32:n,j.T=null,n=fu,fu=null;var o=cu,s=uu;if(su=0,lu=cu=null,uu=0,K&6)throw Error(i(331));var c=K;if(K|=4,Pl(o.current),El(o,o.current,s,n),K=c,cd(0,!1),je&&typeof je.onPostCommitFiberRoot==`function`)try{je.onPostCommitFiberRoot(B,o)}catch{}return!0}finally{M.p=a,j.T=r,Wu(e,t)}}function qu(e,t,n){t=mi(n,t),t=Qs(e.stateNode,t,2),e=Va(e,t,2),e!==null&&(qe(e,2),sd(e))}function Ju(e,t,n){if(e.tag===3)qu(e,e,n);else for(;t!==null;){if(t.tag===3){qu(t,e,n);break}else if(t.tag===1){var r=t.stateNode;if(typeof t.type.getDerivedStateFromError==`function`||typeof r.componentDidCatch==`function`&&(ou===null||!ou.has(r))){e=mi(n,e),n=$s(2),r=Va(t,n,2),r!==null&&(ec(n,r,t,e),qe(r,2),sd(r));break}}t=t.return}}function Yu(e,t,n){var r=e.pingCache;if(r===null){r=e.pingCache=new Rl;var i=new Set;r.set(t,i)}else i=r.get(t),i===void 0&&(i=new Set,r.set(t,i));i.has(n)||(Gl=!0,i.add(n),e=Xu.bind(null,e,t,n),t.then(e,e))}function Xu(e,t,n){var r=e.pingCache;r!==null&&r.delete(t),e.pingedLanes|=e.suspendedLanes&n,e.warmLanes&=~n,zl===e&&(q&n)===n&&(ql===4||ql===3&&(q&62914560)===q&&300>Ce()-nu?!(K&2)&&Tu(e,0):Xl|=n,Ql===q&&(Ql=0)),sd(e)}function Zu(e,t){t===0&&(t=Ge()),e=ei(e,t),e!==null&&(qe(e,t),sd(e))}function Qu(e){var t=e.memoizedState,n=0;t!==null&&(n=t.retryLane),Zu(e,n)}function $u(e,t){var n=0;switch(e.tag){case 31:case 13:var r=e.stateNode,a=e.memoizedState;a!==null&&(n=a.retryLane);break;case 19:r=e.stateNode;break;case 22:r=e.stateNode._retryCache;break;default:throw Error(i(314))}r!==null&&r.delete(t),Zu(e,n)}function ed(e,t){return ye(e,t)}var td=null,nd=null,rd=!1,id=!1,ad=!1,od=0;function sd(e){e!==nd&&e.next===null&&(nd===null?td=nd=e:nd=nd.next=e),id=!0,rd||(rd=!0,md())}function cd(e,t){if(!ad&&id){ad=!0;do for(var n=!1,r=td;r!==null;){if(!t)if(e!==0){var i=r.pendingLanes;if(i===0)var a=0;else{var o=r.suspendedLanes,s=r.pingedLanes;a=(1<<31-Ne(42|e)+1)-1,a&=i&~(o&~s),a=a&201326741?a&201326741|1:a?a|2:0}a!==0&&(n=!0,pd(r,a))}else a=q,a=Ue(r,r===zl?a:0,r.cancelPendingCommit!==null||r.timeoutHandle!==-1),!(a&3)||We(r,a)||(n=!0,pd(r,a));r=r.next}while(n);ad=!1}}function ld(){ud()}function ud(){id=rd=!1;var e=0;od!==0&&Jd()&&(e=od);for(var t=Ce(),n=null,r=td;r!==null;){var i=r.next,a=dd(r,t);a===0?(r.next=null,n===null?td=i:n.next=i,i===null&&(nd=n)):(n=r,(e!==0||a&3)&&(id=!0)),r=i}su!==0&&su!==5||cd(e,!1),od!==0&&(od=0)}function dd(e,t){for(var n=e.suspendedLanes,r=e.pingedLanes,i=e.expirationTimes,a=e.pendingLanes&-62914561;0<a;){var o=31-Ne(a),s=1<<o,c=i[o];c===-1?((s&n)===0||(s&r)!==0)&&(i[o]=V(s,t)):c<=t&&(e.expiredLanes|=s),a&=~s}if(t=zl,n=q,n=Ue(e,e===t?n:0,e.cancelPendingCommit!==null||e.timeoutHandle!==-1),r=e.callbackNode,n===0||e===t&&(Vl===2||Vl===9)||e.cancelPendingCommit!==null)return r!==null&&r!==null&&be(r),e.callbackNode=null,e.callbackPriority=0;if(!(n&3)||We(e,n)){if(t=n&-n,t===e.callbackPriority)return t;switch(r!==null&&be(r),$e(n)){case 2:case 8:n=Ee;break;case 32:n=De;break;case 268435456:n=z;break;default:n=De}return r=fd.bind(null,e),n=ye(n,r),e.callbackPriority=t,e.callbackNode=n,t}return r!==null&&r!==null&&be(r),e.callbackPriority=2,e.callbackNode=null,2}function fd(e,t){if(su!==0&&su!==5)return e.callbackNode=null,e.callbackPriority=0,null;var n=e.callbackNode;if(Gu()&&e.callbackNode!==n)return null;var r=q;return r=Ue(e,e===zl?r:0,e.cancelPendingCommit!==null||e.timeoutHandle!==-1),r===0?null:(yu(e,r,t),dd(e,Ce()),e.callbackNode!=null&&e.callbackNode===n?fd.bind(null,e):null)}function pd(e,t){if(Gu())return null;yu(e,t,!0)}function md(){Qd(function(){K&6?ye(Te,ld):ud()})}function hd(){if(od===0){var e=la;e===0&&(e=Re,Re<<=1,!(Re&261888)&&(Re=256)),od=e}return od}function J(e){return e==null||typeof e==`symbol`||typeof e==`boolean`?null:typeof e==`function`?e:Yt(``+e)}function gd(e,t){var n=t.ownerDocument.createElement(`input`);return n.name=t.name,n.value=t.value,e.id&&n.setAttribute(`form`,e.id),t.parentNode.insertBefore(n,t),e=new FormData(e),n.parentNode.removeChild(n),e}function _d(e,t,n,r,i){if(t===`submit`&&n&&n.stateNode===i){var a=J((i[it]||null).action),o=r.submitter;o&&(t=(t=o[it]||null)?J(t.formAction):o.getAttribute(`formAction`),t!==null&&(a=t,o=null));var s=new vn(`action`,`action`,null,r,i);e.push({event:s,listeners:[{instance:null,listener:function(){if(r.defaultPrevented){if(od!==0){var e=o?gd(i,o):new FormData(i);ws(n,{pending:!0,data:e,method:i.method,action:a},null,e)}}else typeof a==`function`&&(s.preventDefault(),e=o?gd(i,o):new FormData(i),ws(n,{pending:!0,data:e,method:i.method,action:a},a,e))},currentTarget:i}]})}}for(var vd=0;vd<Gr.length;vd++){var yd=Gr[vd];Kr(yd.toLowerCase(),`on`+(yd[0].toUpperCase()+yd.slice(1)))}Kr(Lr,`onAnimationEnd`),Kr(Rr,`onAnimationIteration`),Kr(zr,`onAnimationStart`),Kr(`dblclick`,`onDoubleClick`),Kr(`focusin`,`onFocus`),Kr(`focusout`,`onBlur`),Kr(Br,`onTransitionRun`),Kr(Vr,`onTransitionStart`),Kr(Hr,`onTransitionCancel`),Kr(Ur,`onTransitionEnd`),bt(`onMouseEnter`,[`mouseout`,`mouseover`]),bt(`onMouseLeave`,[`mouseout`,`mouseover`]),bt(`onPointerEnter`,[`pointerout`,`pointerover`]),bt(`onPointerLeave`,[`pointerout`,`pointerover`]),yt(`onChange`,`change click focusin focusout input keydown keyup selectionchange`.split(` `)),yt(`onSelect`,`focusout contextmenu dragend focusin keydown keyup mousedown mouseup selectionchange`.split(` `)),yt(`onBeforeInput`,[`compositionend`,`keypress`,`textInput`,`paste`]),yt(`onCompositionEnd`,`compositionend focusout keydown keypress keyup mousedown`.split(` `)),yt(`onCompositionStart`,`compositionstart focusout keydown keypress keyup mousedown`.split(` `)),yt(`onCompositionUpdate`,`compositionupdate focusout keydown keypress keyup mousedown`.split(` `));var bd=`abort canplay canplaythrough durationchange emptied encrypted ended error loadeddata loadedmetadata loadstart pause play playing progress ratechange resize seeked seeking stalled suspend timeupdate volumechange waiting`.split(` `),xd=new Set(`beforetoggle cancel close invalid load scroll scrollend toggle`.split(` `).concat(bd));function Sd(e,t){t=(t&4)!=0;for(var n=0;n<e.length;n++){var r=e[n],i=r.event;r=r.listeners;a:{var a=void 0;if(t)for(var o=r.length-1;0<=o;o--){var s=r[o],c=s.instance,l=s.currentTarget;if(s=s.listener,c!==a&&i.isPropagationStopped())break a;a=s,i.currentTarget=l;try{a(i)}catch(e){qr(e)}i.currentTarget=null,a=c}else for(o=0;o<r.length;o++){if(s=r[o],c=s.instance,l=s.currentTarget,s=s.listener,c!==a&&i.isPropagationStopped())break a;a=s,i.currentTarget=l;try{a(i)}catch(e){qr(e)}i.currentTarget=null,a=c}}}}function Cd(e,t){var n=t[ot];n===void 0&&(n=t[ot]=new Set);var r=e+`__bubble`;n.has(r)||(Y(t,e,2,!1),n.add(r))}function wd(e,t,n){var r=0;t&&(r|=4),Y(n,e,r,t)}var Td=`_reactListening`+Math.random().toString(36).slice(2);function Ed(e){if(!e[Td]){e[Td]=!0,_t.forEach(function(t){t!==`selectionchange`&&(xd.has(t)||wd(t,!1,e),wd(t,!0,e))});var t=e.nodeType===9?e:e.ownerDocument;t===null||t[Td]||(t[Td]=!0,wd(`selectionchange`,!1,t))}}function Y(e,t,n,r){switch(_p(t)){case 2:var i=dp;break;case 8:i=fp;break;default:i=pp}n=i.bind(null,t,n,e),i=void 0,!sn||t!==`touchstart`&&t!==`touchmove`&&t!==`wheel`||(i=!0),r?i===void 0?e.addEventListener(t,n,!0):e.addEventListener(t,n,{capture:!0,passive:i}):i===void 0?e.addEventListener(t,n,!1):e.addEventListener(t,n,{passive:i})}function Dd(e,t,n,r,i){var a=r;if(!(t&1)&&!(t&2)&&r!==null)a:for(;;){if(r===null)return;var s=r.tag;if(s===3||s===4){var c=r.stateNode.containerInfo;if(c===i)break;if(s===4)for(s=r.return;s!==null;){var l=s.tag;if((l===3||l===4)&&s.stateNode.containerInfo===i)return;s=s.return}for(;c!==null;){if(s=ft(c),s===null)return;if(l=s.tag,l===5||l===6||l===26||l===27){r=a=s;continue a}c=c.parentNode}}r=r.return}rn(function(){var r=a,i=Qt(n),s=[];a:{var c=Wr.get(e);if(c!==void 0){var l=vn,u=e;switch(e){case`keypress`:if(pn(n)===0)break a;case`keydown`:case`keyup`:l=In;break;case`focusin`:u=`focus`,l=Dn;break;case`focusout`:u=`blur`,l=Dn;break;case`beforeblur`:case`afterblur`:l=Dn;break;case`click`:if(n.button===2)break a;case`auxclick`:case`dblclick`:case`mousedown`:case`mousemove`:case`mouseup`:case`mouseout`:case`mouseover`:case`contextmenu`:l=Tn;break;case`drag`:case`dragend`:case`dragenter`:case`dragexit`:case`dragleave`:case`dragover`:case`dragstart`:case`drop`:l=En;break;case`touchcancel`:case`touchend`:case`touchmove`:case`touchstart`:l=Rn;break;case Lr:case Rr:case zr:l=On;break;case Ur:l=zn;break;case`scroll`:case`scrollend`:l=bn;break;case`wheel`:l=Bn;break;case`copy`:case`cut`:case`paste`:l=kn;break;case`gotpointercapture`:case`lostpointercapture`:case`pointercancel`:case`pointerdown`:case`pointermove`:case`pointerout`:case`pointerover`:case`pointerup`:l=Ln;break;case`toggle`:case`beforetoggle`:l=Vn}var d=(t&4)!=0,f=!d&&(e===`scroll`||e===`scrollend`),p=d?c===null?null:c+`Capture`:c;d=[];for(var m=r,h;m!==null;){var g=m;if(h=g.stateNode,g=g.tag,g!==5&&g!==26&&g!==27||h===null||p===null||(g=an(m,p),g!=null&&d.push(X(m,g,h))),f)break;m=m.return}0<d.length&&(c=new l(c,u,null,n,i),s.push({event:c,listeners:d}))}}if(!(t&7)){a:{if(c=e===`mouseover`||e===`pointerover`,l=e===`mouseout`||e===`pointerout`,c&&n!==Zt&&(u=n.relatedTarget||n.fromElement)&&(ft(u)||u[at]))break a;if((l||c)&&(c=i.window===i?i:(c=i.ownerDocument)?c.defaultView||c.parentWindow:window,l?(u=n.relatedTarget||n.toElement,l=r,u=u?ft(u):null,u!==null&&(f=o(u),d=u.tag,u!==f||d!==5&&d!==27&&d!==6)&&(u=null)):(l=null,u=r),l!==u)){if(d=Tn,g=`onMouseLeave`,p=`onMouseEnter`,m=`mouse`,(e===`pointerout`||e===`pointerover`)&&(d=Ln,g=`onPointerLeave`,p=`onPointerEnter`,m=`pointer`),f=l==null?c:mt(l),h=u==null?c:mt(u),c=new d(g,m+`leave`,l,n,i),c.target=f,c.relatedTarget=h,g=null,ft(i)===r&&(d=new d(p,m+`enter`,u,n,i),d.target=h,d.relatedTarget=f,g=d),f=g,l&&u)b:{for(d=kd,p=l,m=u,h=0,g=p;g;g=d(g))h++;g=0;for(var _=m;_;_=d(_))g++;for(;0<h-g;)p=d(p),h--;for(;0<g-h;)m=d(m),g--;for(;h--;){if(p===m||m!==null&&p===m.alternate){d=p;break b}p=d(p),m=d(m)}d=null}else d=null;l!==null&&Ad(s,c,l,d,!1),u!==null&&f!==null&&Ad(s,f,u,d,!0)}}a:{if(c=r?mt(r):window,l=c.nodeName&&c.nodeName.toLowerCase(),l===`select`||l===`input`&&c.type===`file`)var v=sr;else if(tr(c))if(cr)v=_r;else{v=hr;var y=mr}else l=c.nodeName,!l||l.toLowerCase()!==`input`||c.type!==`checkbox`&&c.type!==`radio`?r&&Kt(r.elementType)&&(v=sr):v=gr;if(v&&=v(e,r)){nr(s,v,n,i);break a}y&&y(e,c,r),e===`focusout`&&r&&c.type===`number`&&r.memoizedProps.value!=null&&Rt(c,`number`,c.value)}switch(y=r?mt(r):window,e){case`focusin`:(tr(y)||y.contentEditable===`true`)&&(Dr=y,Or=r,kr=null);break;case`focusout`:kr=Or=Dr=null;break;case`mousedown`:Ar=!0;break;case`contextmenu`:case`mouseup`:case`dragend`:Ar=!1,jr(s,n,i);break;case`selectionchange`:if(Er)break;case`keydown`:case`keyup`:jr(s,n,i)}var b;if(Un)b:{switch(e){case`compositionstart`:var x=`onCompositionStart`;break b;case`compositionend`:x=`onCompositionEnd`;break b;case`compositionupdate`:x=`onCompositionUpdate`;break b}x=void 0}else Zn?Yn(e,n)&&(x=`onCompositionEnd`):e===`keydown`&&n.keyCode===229&&(x=`onCompositionStart`);x&&(Kn&&n.locale!==`ko`&&(Zn||x!==`onCompositionStart`?x===`onCompositionEnd`&&Zn&&(b=fn()):(ln=i,un=`value`in ln?ln.value:ln.textContent,Zn=!0)),y=Od(r,x),0<y.length&&(x=new An(x,e,null,n,i),s.push({event:x,listeners:y}),b?x.data=b:(b=Xn(n),b!==null&&(x.data=b)))),(b=Gn?Qn(e,n):$n(e,n))&&(x=Od(r,`onBeforeInput`),0<x.length&&(y=new An(`onBeforeInput`,`beforeinput`,null,n,i),s.push({event:y,listeners:x}),y.data=b)),_d(s,e,r,n,i)}Sd(s,t)})}function X(e,t,n){return{instance:e,listener:t,currentTarget:n}}function Od(e,t){for(var n=t+`Capture`,r=[];e!==null;){var i=e,a=i.stateNode;if(i=i.tag,i!==5&&i!==26&&i!==27||a===null||(i=an(e,n),i!=null&&r.unshift(X(e,i,a)),i=an(e,t),i!=null&&r.push(X(e,i,a))),e.tag===3)return r;e=e.return}return[]}function kd(e){if(e===null)return null;do e=e.return;while(e&&e.tag!==5&&e.tag!==27);return e||null}function Ad(e,t,n,r,i){for(var a=t._reactName,o=[];n!==null&&n!==r;){var s=n,c=s.alternate,l=s.stateNode;if(s=s.tag,c!==null&&c===r)break;s!==5&&s!==26&&s!==27||l===null||(c=l,i?(l=an(n,a),l!=null&&o.unshift(X(n,l,c))):i||(l=an(n,a),l!=null&&o.push(X(n,l,c)))),n=n.return}o.length!==0&&e.push({event:t,listeners:o})}var jd=/\r\n?/g,Md=/\u0000|\uFFFD/g;function Nd(e){return(typeof e==`string`?e:``+e).replace(jd,`
|
|
10
|
+
`).replace(Md,``)}function Pd(e,t){return t=Nd(t),Nd(e)===t}function Fd(e,t,n,r,a,o){switch(n){case`children`:typeof r==`string`?t===`body`||t===`textarea`&&r===``||Ht(e,r):(typeof r==`number`||typeof r==`bigint`)&&t!==`body`&&Ht(e,``+r);break;case`className`:Et(e,`class`,r);break;case`tabIndex`:Et(e,`tabindex`,r);break;case`dir`:case`role`:case`viewBox`:case`width`:case`height`:Et(e,n,r);break;case`style`:Gt(e,r,o);break;case`data`:if(t!==`object`){Et(e,`data`,r);break}case`src`:case`href`:if(r===``&&(t!==`a`||n!==`href`)){e.removeAttribute(n);break}if(r==null||typeof r==`function`||typeof r==`symbol`||typeof r==`boolean`){e.removeAttribute(n);break}r=Yt(``+r),e.setAttribute(n,r);break;case`action`:case`formAction`:if(typeof r==`function`){e.setAttribute(n,`javascript:throw new Error('A React form was unexpectedly submitted. If you called form.submit() manually, consider using form.requestSubmit() instead. If you\\'re trying to use event.stopPropagation() in a submit event handler, consider also calling event.preventDefault().')`);break}else typeof o==`function`&&(n===`formAction`?(t!==`input`&&Fd(e,t,`name`,a.name,a,null),Fd(e,t,`formEncType`,a.formEncType,a,null),Fd(e,t,`formMethod`,a.formMethod,a,null),Fd(e,t,`formTarget`,a.formTarget,a,null)):(Fd(e,t,`encType`,a.encType,a,null),Fd(e,t,`method`,a.method,a,null),Fd(e,t,`target`,a.target,a,null)));if(r==null||typeof r==`symbol`||typeof r==`boolean`){e.removeAttribute(n);break}r=Yt(``+r),e.setAttribute(n,r);break;case`onClick`:r!=null&&(e.onclick=Xt);break;case`onScroll`:r!=null&&Cd(`scroll`,e);break;case`onScrollEnd`:r!=null&&Cd(`scrollend`,e);break;case`dangerouslySetInnerHTML`:if(r!=null){if(typeof r!=`object`||!(`__html`in r))throw Error(i(61));if(n=r.__html,n!=null){if(a.children!=null)throw Error(i(60));e.innerHTML=n}}break;case`multiple`:e.multiple=r&&typeof r!=`function`&&typeof r!=`symbol`;break;case`muted`:e.muted=r&&typeof r!=`function`&&typeof r!=`symbol`;break;case`suppressContentEditableWarning`:case`suppressHydrationWarning`:case`defaultValue`:case`defaultChecked`:case`innerHTML`:case`ref`:break;case`autoFocus`:break;case`xlinkHref`:if(r==null||typeof r==`function`||typeof r==`boolean`||typeof r==`symbol`){e.removeAttribute(`xlink:href`);break}n=Yt(``+r),e.setAttributeNS(`http://www.w3.org/1999/xlink`,`xlink:href`,n);break;case`contentEditable`:case`spellCheck`:case`draggable`:case`value`:case`autoReverse`:case`externalResourcesRequired`:case`focusable`:case`preserveAlpha`:r!=null&&typeof r!=`function`&&typeof r!=`symbol`?e.setAttribute(n,``+r):e.removeAttribute(n);break;case`inert`:case`allowFullScreen`:case`async`:case`autoPlay`:case`controls`:case`default`:case`defer`:case`disabled`:case`disablePictureInPicture`:case`disableRemotePlayback`:case`formNoValidate`:case`hidden`:case`loop`:case`noModule`:case`noValidate`:case`open`:case`playsInline`:case`readOnly`:case`required`:case`reversed`:case`scoped`:case`seamless`:case`itemScope`:r&&typeof r!=`function`&&typeof r!=`symbol`?e.setAttribute(n,``):e.removeAttribute(n);break;case`capture`:case`download`:!0===r?e.setAttribute(n,``):!1!==r&&r!=null&&typeof r!=`function`&&typeof r!=`symbol`?e.setAttribute(n,r):e.removeAttribute(n);break;case`cols`:case`rows`:case`size`:case`span`:r!=null&&typeof r!=`function`&&typeof r!=`symbol`&&!isNaN(r)&&1<=r?e.setAttribute(n,r):e.removeAttribute(n);break;case`rowSpan`:case`start`:r==null||typeof r==`function`||typeof r==`symbol`||isNaN(r)?e.removeAttribute(n):e.setAttribute(n,r);break;case`popover`:Cd(`beforetoggle`,e),Cd(`toggle`,e),Tt(e,`popover`,r);break;case`xlinkActuate`:Dt(e,`http://www.w3.org/1999/xlink`,`xlink:actuate`,r);break;case`xlinkArcrole`:Dt(e,`http://www.w3.org/1999/xlink`,`xlink:arcrole`,r);break;case`xlinkRole`:Dt(e,`http://www.w3.org/1999/xlink`,`xlink:role`,r);break;case`xlinkShow`:Dt(e,`http://www.w3.org/1999/xlink`,`xlink:show`,r);break;case`xlinkTitle`:Dt(e,`http://www.w3.org/1999/xlink`,`xlink:title`,r);break;case`xlinkType`:Dt(e,`http://www.w3.org/1999/xlink`,`xlink:type`,r);break;case`xmlBase`:Dt(e,`http://www.w3.org/XML/1998/namespace`,`xml:base`,r);break;case`xmlLang`:Dt(e,`http://www.w3.org/XML/1998/namespace`,`xml:lang`,r);break;case`xmlSpace`:Dt(e,`http://www.w3.org/XML/1998/namespace`,`xml:space`,r);break;case`is`:Tt(e,`is`,r);break;case`innerText`:case`textContent`:break;default:(!(2<n.length)||n[0]!==`o`&&n[0]!==`O`||n[1]!==`n`&&n[1]!==`N`)&&(n=qt.get(n)||n,Tt(e,n,r))}}function Id(e,t,n,r,a,o){switch(n){case`style`:Gt(e,r,o);break;case`dangerouslySetInnerHTML`:if(r!=null){if(typeof r!=`object`||!(`__html`in r))throw Error(i(61));if(n=r.__html,n!=null){if(a.children!=null)throw Error(i(60));e.innerHTML=n}}break;case`children`:typeof r==`string`?Ht(e,r):(typeof r==`number`||typeof r==`bigint`)&&Ht(e,``+r);break;case`onScroll`:r!=null&&Cd(`scroll`,e);break;case`onScrollEnd`:r!=null&&Cd(`scrollend`,e);break;case`onClick`:r!=null&&(e.onclick=Xt);break;case`suppressContentEditableWarning`:case`suppressHydrationWarning`:case`innerHTML`:case`ref`:break;case`innerText`:case`textContent`:break;default:if(!vt.hasOwnProperty(n))a:{if(n[0]===`o`&&n[1]===`n`&&(a=n.endsWith(`Capture`),t=n.slice(2,a?n.length-7:void 0),o=e[it]||null,o=o==null?null:o[n],typeof o==`function`&&e.removeEventListener(t,o,a),typeof r==`function`)){typeof o!=`function`&&o!==null&&(n in e?e[n]=null:e.hasAttribute(n)&&e.removeAttribute(n)),e.addEventListener(t,r,a);break a}n in e?e[n]=r:!0===r?e.setAttribute(n,``):Tt(e,n,r)}}}function Ld(e,t,n){switch(t){case`div`:case`span`:case`svg`:case`path`:case`a`:case`g`:case`p`:case`li`:break;case`img`:Cd(`error`,e),Cd(`load`,e);var r=!1,a=!1,o;for(o in n)if(n.hasOwnProperty(o)){var s=n[o];if(s!=null)switch(o){case`src`:r=!0;break;case`srcSet`:a=!0;break;case`children`:case`dangerouslySetInnerHTML`:throw Error(i(137,t));default:Fd(e,t,o,s,n,null)}}a&&Fd(e,t,`srcSet`,n.srcSet,n,null),r&&Fd(e,t,`src`,n.src,n,null);return;case`input`:Cd(`invalid`,e);var c=o=s=a=null,l=null,u=null;for(r in n)if(n.hasOwnProperty(r)){var d=n[r];if(d!=null)switch(r){case`name`:a=d;break;case`type`:s=d;break;case`checked`:l=d;break;case`defaultChecked`:u=d;break;case`value`:o=d;break;case`defaultValue`:c=d;break;case`children`:case`dangerouslySetInnerHTML`:if(d!=null)throw Error(i(137,t));break;default:Fd(e,t,r,d,n,null)}}Lt(e,o,c,l,u,s,a,!1);return;case`select`:for(a in Cd(`invalid`,e),r=s=o=null,n)if(n.hasOwnProperty(a)&&(c=n[a],c!=null))switch(a){case`value`:o=c;break;case`defaultValue`:s=c;break;case`multiple`:r=c;default:Fd(e,t,a,c,n,null)}t=o,n=s,e.multiple=!!r,t==null?n!=null&&zt(e,!!r,n,!0):zt(e,!!r,t,!1);return;case`textarea`:for(s in Cd(`invalid`,e),o=a=r=null,n)if(n.hasOwnProperty(s)&&(c=n[s],c!=null))switch(s){case`value`:r=c;break;case`defaultValue`:a=c;break;case`children`:o=c;break;case`dangerouslySetInnerHTML`:if(c!=null)throw Error(i(91));break;default:Fd(e,t,s,c,n,null)}Vt(e,r,a,o);return;case`option`:for(l in n)if(n.hasOwnProperty(l)&&(r=n[l],r!=null))switch(l){case`selected`:e.selected=r&&typeof r!=`function`&&typeof r!=`symbol`;break;default:Fd(e,t,l,r,n,null)}return;case`dialog`:Cd(`beforetoggle`,e),Cd(`toggle`,e),Cd(`cancel`,e),Cd(`close`,e);break;case`iframe`:case`object`:Cd(`load`,e);break;case`video`:case`audio`:for(r=0;r<bd.length;r++)Cd(bd[r],e);break;case`image`:Cd(`error`,e),Cd(`load`,e);break;case`details`:Cd(`toggle`,e);break;case`embed`:case`source`:case`link`:Cd(`error`,e),Cd(`load`,e);case`area`:case`base`:case`br`:case`col`:case`hr`:case`keygen`:case`meta`:case`param`:case`track`:case`wbr`:case`menuitem`:for(u in n)if(n.hasOwnProperty(u)&&(r=n[u],r!=null))switch(u){case`children`:case`dangerouslySetInnerHTML`:throw Error(i(137,t));default:Fd(e,t,u,r,n,null)}return;default:if(Kt(t)){for(d in n)n.hasOwnProperty(d)&&(r=n[d],r!==void 0&&Id(e,t,d,r,n,void 0));return}}for(c in n)n.hasOwnProperty(c)&&(r=n[c],r!=null&&Fd(e,t,c,r,n,null))}function Rd(e,t,n,r){switch(t){case`div`:case`span`:case`svg`:case`path`:case`a`:case`g`:case`p`:case`li`:break;case`input`:var a=null,o=null,s=null,c=null,l=null,u=null,d=null;for(m in n){var f=n[m];if(n.hasOwnProperty(m)&&f!=null)switch(m){case`checked`:break;case`value`:break;case`defaultValue`:l=f;default:r.hasOwnProperty(m)||Fd(e,t,m,null,r,f)}}for(var p in r){var m=r[p];if(f=n[p],r.hasOwnProperty(p)&&(m!=null||f!=null))switch(p){case`type`:o=m;break;case`name`:a=m;break;case`checked`:u=m;break;case`defaultChecked`:d=m;break;case`value`:s=m;break;case`defaultValue`:c=m;break;case`children`:case`dangerouslySetInnerHTML`:if(m!=null)throw Error(i(137,t));break;default:m!==f&&Fd(e,t,p,m,r,f)}}It(e,s,c,l,u,d,o,a);return;case`select`:for(o in m=s=c=p=null,n)if(l=n[o],n.hasOwnProperty(o)&&l!=null)switch(o){case`value`:break;case`multiple`:m=l;default:r.hasOwnProperty(o)||Fd(e,t,o,null,r,l)}for(a in r)if(o=r[a],l=n[a],r.hasOwnProperty(a)&&(o!=null||l!=null))switch(a){case`value`:p=o;break;case`defaultValue`:c=o;break;case`multiple`:s=o;default:o!==l&&Fd(e,t,a,o,r,l)}t=c,n=s,r=m,p==null?!!r!=!!n&&(t==null?zt(e,!!n,n?[]:``,!1):zt(e,!!n,t,!0)):zt(e,!!n,p,!1);return;case`textarea`:for(c in m=p=null,n)if(a=n[c],n.hasOwnProperty(c)&&a!=null&&!r.hasOwnProperty(c))switch(c){case`value`:break;case`children`:break;default:Fd(e,t,c,null,r,a)}for(s in r)if(a=r[s],o=n[s],r.hasOwnProperty(s)&&(a!=null||o!=null))switch(s){case`value`:p=a;break;case`defaultValue`:m=a;break;case`children`:break;case`dangerouslySetInnerHTML`:if(a!=null)throw Error(i(91));break;default:a!==o&&Fd(e,t,s,a,r,o)}Bt(e,p,m);return;case`option`:for(var h in n)if(p=n[h],n.hasOwnProperty(h)&&p!=null&&!r.hasOwnProperty(h))switch(h){case`selected`:e.selected=!1;break;default:Fd(e,t,h,null,r,p)}for(l in r)if(p=r[l],m=n[l],r.hasOwnProperty(l)&&p!==m&&(p!=null||m!=null))switch(l){case`selected`:e.selected=p&&typeof p!=`function`&&typeof p!=`symbol`;break;default:Fd(e,t,l,p,r,m)}return;case`img`:case`link`:case`area`:case`base`:case`br`:case`col`:case`embed`:case`hr`:case`keygen`:case`meta`:case`param`:case`source`:case`track`:case`wbr`:case`menuitem`:for(var g in n)p=n[g],n.hasOwnProperty(g)&&p!=null&&!r.hasOwnProperty(g)&&Fd(e,t,g,null,r,p);for(u in r)if(p=r[u],m=n[u],r.hasOwnProperty(u)&&p!==m&&(p!=null||m!=null))switch(u){case`children`:case`dangerouslySetInnerHTML`:if(p!=null)throw Error(i(137,t));break;default:Fd(e,t,u,p,r,m)}return;default:if(Kt(t)){for(var _ in n)p=n[_],n.hasOwnProperty(_)&&p!==void 0&&!r.hasOwnProperty(_)&&Id(e,t,_,void 0,r,p);for(d in r)p=r[d],m=n[d],!r.hasOwnProperty(d)||p===m||p===void 0&&m===void 0||Id(e,t,d,p,r,m);return}}for(var v in n)p=n[v],n.hasOwnProperty(v)&&p!=null&&!r.hasOwnProperty(v)&&Fd(e,t,v,null,r,p);for(f in r)p=r[f],m=n[f],!r.hasOwnProperty(f)||p===m||p==null&&m==null||Fd(e,t,f,p,r,m)}function zd(e){switch(e){case`css`:case`script`:case`font`:case`img`:case`image`:case`input`:case`link`:return!0;default:return!1}}function Bd(){if(typeof performance.getEntriesByType==`function`){for(var e=0,t=0,n=performance.getEntriesByType(`resource`),r=0;r<n.length;r++){var i=n[r],a=i.transferSize,o=i.initiatorType,s=i.duration;if(a&&s&&zd(o)){for(o=0,s=i.responseEnd,r+=1;r<n.length;r++){var c=n[r],l=c.startTime;if(l>s)break;var u=c.transferSize,d=c.initiatorType;u&&zd(d)&&(c=c.responseEnd,o+=u*(c<s?1:(s-l)/(c-l)))}if(--r,t+=8*(a+o)/(i.duration/1e3),e++,10<e)break}}if(0<e)return t/e/1e6}return navigator.connection&&(e=navigator.connection.downlink,typeof e==`number`)?e:5}var Vd=null,Hd=null;function Ud(e){return e.nodeType===9?e:e.ownerDocument}function Wd(e){switch(e){case`http://www.w3.org/2000/svg`:return 1;case`http://www.w3.org/1998/Math/MathML`:return 2;default:return 0}}function Gd(e,t){if(e===0)switch(t){case`svg`:return 1;case`math`:return 2;default:return 0}return e===1&&t===`foreignObject`?0:e}function Kd(e,t){return e===`textarea`||e===`noscript`||typeof t.children==`string`||typeof t.children==`number`||typeof t.children==`bigint`||typeof t.dangerouslySetInnerHTML==`object`&&t.dangerouslySetInnerHTML!==null&&t.dangerouslySetInnerHTML.__html!=null}var qd=null;function Jd(){var e=window.event;return e&&e.type===`popstate`?e===qd?!1:(qd=e,!0):(qd=null,!1)}var Yd=typeof setTimeout==`function`?setTimeout:void 0,Xd=typeof clearTimeout==`function`?clearTimeout:void 0,Zd=typeof Promise==`function`?Promise:void 0,Qd=typeof queueMicrotask==`function`?queueMicrotask:Zd===void 0?Yd:function(e){return Zd.resolve(null).then(e).catch($d)};function $d(e){setTimeout(function(){throw e})}function ef(e){return e===`head`}function tf(e,t){var n=t,r=0;do{var i=n.nextSibling;if(e.removeChild(n),i&&i.nodeType===8)if(n=i.data,n===`/$`||n===`/&`){if(r===0){e.removeChild(i),Ip(t);return}r--}else if(n===`$`||n===`$?`||n===`$~`||n===`$!`||n===`&`)r++;else if(n===`html`)gf(e.ownerDocument.documentElement);else if(n===`head`){n=e.ownerDocument.head,gf(n);for(var a=n.firstChild;a;){var o=a.nextSibling,s=a.nodeName;a[ut]||s===`SCRIPT`||s===`STYLE`||s===`LINK`&&a.rel.toLowerCase()===`stylesheet`||n.removeChild(a),a=o}}else n===`body`&&gf(e.ownerDocument.body);n=i}while(n);Ip(t)}function nf(e,t){var n=e;e=0;do{var r=n.nextSibling;if(n.nodeType===1?t?(n._stashedDisplay=n.style.display,n.style.display=`none`):(n.style.display=n._stashedDisplay||``,n.getAttribute(`style`)===``&&n.removeAttribute(`style`)):n.nodeType===3&&(t?(n._stashedText=n.nodeValue,n.nodeValue=``):n.nodeValue=n._stashedText||``),r&&r.nodeType===8)if(n=r.data,n===`/$`){if(e===0)break;e--}else n!==`$`&&n!==`$?`&&n!==`$~`&&n!==`$!`||e++;n=r}while(n)}function rf(e){var t=e.firstChild;for(t&&t.nodeType===10&&(t=t.nextSibling);t;){var n=t;switch(t=t.nextSibling,n.nodeName){case`HTML`:case`HEAD`:case`BODY`:rf(n),dt(n);continue;case`SCRIPT`:case`STYLE`:continue;case`LINK`:if(n.rel.toLowerCase()===`stylesheet`)continue}e.removeChild(n)}}function af(e,t,n,r){for(;e.nodeType===1;){var i=n;if(e.nodeName.toLowerCase()!==t.toLowerCase()){if(!r&&(e.nodeName!==`INPUT`||e.type!==`hidden`))break}else if(!r)if(t===`input`&&e.type===`hidden`){var a=i.name==null?null:``+i.name;if(i.type===`hidden`&&e.getAttribute(`name`)===a)return e}else return e;else if(!e[ut])switch(t){case`meta`:if(!e.hasAttribute(`itemprop`))break;return e;case`link`:if(a=e.getAttribute(`rel`),a===`stylesheet`&&e.hasAttribute(`data-precedence`)||a!==i.rel||e.getAttribute(`href`)!==(i.href==null||i.href===``?null:i.href)||e.getAttribute(`crossorigin`)!==(i.crossOrigin==null?null:i.crossOrigin)||e.getAttribute(`title`)!==(i.title==null?null:i.title))break;return e;case`style`:if(e.hasAttribute(`data-precedence`))break;return e;case`script`:if(a=e.getAttribute(`src`),(a!==(i.src==null?null:i.src)||e.getAttribute(`type`)!==(i.type==null?null:i.type)||e.getAttribute(`crossorigin`)!==(i.crossOrigin==null?null:i.crossOrigin))&&a&&e.hasAttribute(`async`)&&!e.hasAttribute(`itemprop`))break;return e;default:return e}if(e=df(e.nextSibling),e===null)break}return null}function of(e,t,n){if(t===``)return null;for(;e.nodeType!==3;)if((e.nodeType!==1||e.nodeName!==`INPUT`||e.type!==`hidden`)&&!n||(e=df(e.nextSibling),e===null))return null;return e}function sf(e,t){for(;e.nodeType!==8;)if((e.nodeType!==1||e.nodeName!==`INPUT`||e.type!==`hidden`)&&!t||(e=df(e.nextSibling),e===null))return null;return e}function cf(e){return e.data===`$?`||e.data===`$~`}function lf(e){return e.data===`$!`||e.data===`$?`&&e.ownerDocument.readyState!==`loading`}function uf(e,t){var n=e.ownerDocument;if(e.data===`$~`)e._reactRetry=t;else if(e.data!==`$?`||n.readyState!==`loading`)t();else{var r=function(){t(),n.removeEventListener(`DOMContentLoaded`,r)};n.addEventListener(`DOMContentLoaded`,r),e._reactRetry=r}}function df(e){for(;e!=null;e=e.nextSibling){var t=e.nodeType;if(t===1||t===3)break;if(t===8){if(t=e.data,t===`$`||t===`$!`||t===`$?`||t===`$~`||t===`&`||t===`F!`||t===`F`)break;if(t===`/$`||t===`/&`)return null}}return e}var ff=null;function pf(e){e=e.nextSibling;for(var t=0;e;){if(e.nodeType===8){var n=e.data;if(n===`/$`||n===`/&`){if(t===0)return df(e.nextSibling);t--}else n!==`$`&&n!==`$!`&&n!==`$?`&&n!==`$~`&&n!==`&`||t++}e=e.nextSibling}return null}function mf(e){e=e.previousSibling;for(var t=0;e;){if(e.nodeType===8){var n=e.data;if(n===`$`||n===`$!`||n===`$?`||n===`$~`||n===`&`){if(t===0)return e;t--}else n!==`/$`&&n!==`/&`||t++}e=e.previousSibling}return null}function hf(e,t,n){switch(t=Ud(n),e){case`html`:if(e=t.documentElement,!e)throw Error(i(452));return e;case`head`:if(e=t.head,!e)throw Error(i(453));return e;case`body`:if(e=t.body,!e)throw Error(i(454));return e;default:throw Error(i(451))}}function gf(e){for(var t=e.attributes;t.length;)e.removeAttributeNode(t[0]);dt(e)}var _f=new Map,vf=new Set;function yf(e){return typeof e.getRootNode==`function`?e.getRootNode():e.nodeType===9?e:e.ownerDocument}var bf=M.d;M.d={f:xf,r:Sf,D:Tf,C:Ef,L:Df,m:Of,X:Af,S:kf,M:jf};function xf(){var e=bf.f(),t=Cu();return e||t}function Sf(e){var t=pt(e);t!==null&&t.tag===5&&t.type===`form`?Es(t):bf.r(e)}var Cf=typeof document>`u`?null:document;function wf(e,t,n){var r=Cf;if(r&&typeof t==`string`&&t){var i=Ft(t);i=`link[rel="`+e+`"][href="`+i+`"]`,typeof n==`string`&&(i+=`[crossorigin="`+n+`"]`),vf.has(i)||(vf.add(i),e={rel:e,crossOrigin:n,href:t},r.querySelector(i)===null&&(t=r.createElement(`link`),Ld(t,`link`,e),gt(t),r.head.appendChild(t)))}}function Tf(e){bf.D(e),wf(`dns-prefetch`,e,null)}function Ef(e,t){bf.C(e,t),wf(`preconnect`,e,t)}function Df(e,t,n){bf.L(e,t,n);var r=Cf;if(r&&e&&t){var i=`link[rel="preload"][as="`+Ft(t)+`"]`;t===`image`&&n&&n.imageSrcSet?(i+=`[imagesrcset="`+Ft(n.imageSrcSet)+`"]`,typeof n.imageSizes==`string`&&(i+=`[imagesizes="`+Ft(n.imageSizes)+`"]`)):i+=`[href="`+Ft(e)+`"]`;var a=i;switch(t){case`style`:a=Nf(e);break;case`script`:a=Lf(e)}_f.has(a)||(e=p({rel:`preload`,href:t===`image`&&n&&n.imageSrcSet?void 0:e,as:t},n),_f.set(a,e),r.querySelector(i)!==null||t===`style`&&r.querySelector(Pf(a))||t===`script`&&r.querySelector(Rf(a))||(t=r.createElement(`link`),Ld(t,`link`,e),gt(t),r.head.appendChild(t)))}}function Of(e,t){bf.m(e,t);var n=Cf;if(n&&e){var r=t&&typeof t.as==`string`?t.as:`script`,i=`link[rel="modulepreload"][as="`+Ft(r)+`"][href="`+Ft(e)+`"]`,a=i;switch(r){case`audioworklet`:case`paintworklet`:case`serviceworker`:case`sharedworker`:case`worker`:case`script`:a=Lf(e)}if(!_f.has(a)&&(e=p({rel:`modulepreload`,href:e},t),_f.set(a,e),n.querySelector(i)===null)){switch(r){case`audioworklet`:case`paintworklet`:case`serviceworker`:case`sharedworker`:case`worker`:case`script`:if(n.querySelector(Rf(a)))return}r=n.createElement(`link`),Ld(r,`link`,e),gt(r),n.head.appendChild(r)}}}function kf(e,t,n){bf.S(e,t,n);var r=Cf;if(r&&e){var i=ht(r).hoistableStyles,a=Nf(e);t||=`default`;var o=i.get(a);if(!o){var s={loading:0,preload:null};if(o=r.querySelector(Pf(a)))s.loading=5;else{e=p({rel:`stylesheet`,href:e,"data-precedence":t},n),(n=_f.get(a))&&Vf(e,n);var c=o=r.createElement(`link`);gt(c),Ld(c,`link`,e),c._p=new Promise(function(e,t){c.onload=e,c.onerror=t}),c.addEventListener(`load`,function(){s.loading|=1}),c.addEventListener(`error`,function(){s.loading|=2}),s.loading|=4,Bf(o,t,r)}o={type:`stylesheet`,instance:o,count:1,state:s},i.set(a,o)}}}function Af(e,t){bf.X(e,t);var n=Cf;if(n&&e){var r=ht(n).hoistableScripts,i=Lf(e),a=r.get(i);a||(a=n.querySelector(Rf(i)),a||(e=p({src:e,async:!0},t),(t=_f.get(i))&&Hf(e,t),a=n.createElement(`script`),gt(a),Ld(a,`link`,e),n.head.appendChild(a)),a={type:`script`,instance:a,count:1,state:null},r.set(i,a))}}function jf(e,t){bf.M(e,t);var n=Cf;if(n&&e){var r=ht(n).hoistableScripts,i=Lf(e),a=r.get(i);a||(a=n.querySelector(Rf(i)),a||(e=p({src:e,async:!0,type:`module`},t),(t=_f.get(i))&&Hf(e,t),a=n.createElement(`script`),gt(a),Ld(a,`link`,e),n.head.appendChild(a)),a={type:`script`,instance:a,count:1,state:null},r.set(i,a))}}function Mf(e,t,n,r){var a=(a=ce.current)?yf(a):null;if(!a)throw Error(i(446));switch(e){case`meta`:case`title`:return null;case`style`:return typeof n.precedence==`string`&&typeof n.href==`string`?(t=Nf(n.href),n=ht(a).hoistableStyles,r=n.get(t),r||(r={type:`style`,instance:null,count:0,state:null},n.set(t,r)),r):{type:`void`,instance:null,count:0,state:null};case`link`:if(n.rel===`stylesheet`&&typeof n.href==`string`&&typeof n.precedence==`string`){e=Nf(n.href);var o=ht(a).hoistableStyles,s=o.get(e);if(s||(a=a.ownerDocument||a,s={type:`stylesheet`,instance:null,count:0,state:{loading:0,preload:null}},o.set(e,s),(o=a.querySelector(Pf(e)))&&!o._p&&(s.instance=o,s.state.loading=5),_f.has(e)||(n={rel:`preload`,as:`style`,href:n.href,crossOrigin:n.crossOrigin,integrity:n.integrity,media:n.media,hrefLang:n.hrefLang,referrerPolicy:n.referrerPolicy},_f.set(e,n),o||If(a,e,n,s.state))),t&&r===null)throw Error(i(528,``));return s}if(t&&r!==null)throw Error(i(529,``));return null;case`script`:return t=n.async,n=n.src,typeof n==`string`&&t&&typeof t!=`function`&&typeof t!=`symbol`?(t=Lf(n),n=ht(a).hoistableScripts,r=n.get(t),r||(r={type:`script`,instance:null,count:0,state:null},n.set(t,r)),r):{type:`void`,instance:null,count:0,state:null};default:throw Error(i(444,e))}}function Nf(e){return`href="`+Ft(e)+`"`}function Pf(e){return`link[rel="stylesheet"][`+e+`]`}function Ff(e){return p({},e,{"data-precedence":e.precedence,precedence:null})}function If(e,t,n,r){e.querySelector(`link[rel="preload"][as="style"][`+t+`]`)?r.loading=1:(t=e.createElement(`link`),r.preload=t,t.addEventListener(`load`,function(){return r.loading|=1}),t.addEventListener(`error`,function(){return r.loading|=2}),Ld(t,`link`,n),gt(t),e.head.appendChild(t))}function Lf(e){return`[src="`+Ft(e)+`"]`}function Rf(e){return`script[async]`+e}function zf(e,t,n){if(t.count++,t.instance===null)switch(t.type){case`style`:var r=e.querySelector(`style[data-href~="`+Ft(n.href)+`"]`);if(r)return t.instance=r,gt(r),r;var a=p({},n,{"data-href":n.href,"data-precedence":n.precedence,href:null,precedence:null});return r=(e.ownerDocument||e).createElement(`style`),gt(r),Ld(r,`style`,a),Bf(r,n.precedence,e),t.instance=r;case`stylesheet`:a=Nf(n.href);var o=e.querySelector(Pf(a));if(o)return t.state.loading|=4,t.instance=o,gt(o),o;r=Ff(n),(a=_f.get(a))&&Vf(r,a),o=(e.ownerDocument||e).createElement(`link`),gt(o);var s=o;return s._p=new Promise(function(e,t){s.onload=e,s.onerror=t}),Ld(o,`link`,r),t.state.loading|=4,Bf(o,n.precedence,e),t.instance=o;case`script`:return o=Lf(n.src),(a=e.querySelector(Rf(o)))?(t.instance=a,gt(a),a):(r=n,(a=_f.get(o))&&(r=p({},n),Hf(r,a)),e=e.ownerDocument||e,a=e.createElement(`script`),gt(a),Ld(a,`link`,r),e.head.appendChild(a),t.instance=a);case`void`:return null;default:throw Error(i(443,t.type))}else t.type===`stylesheet`&&!(t.state.loading&4)&&(r=t.instance,t.state.loading|=4,Bf(r,n.precedence,e));return t.instance}function Bf(e,t,n){for(var r=n.querySelectorAll(`link[rel="stylesheet"][data-precedence],style[data-precedence]`),i=r.length?r[r.length-1]:null,a=i,o=0;o<r.length;o++){var s=r[o];if(s.dataset.precedence===t)a=s;else if(a!==i)break}a?a.parentNode.insertBefore(e,a.nextSibling):(t=n.nodeType===9?n.head:n,t.insertBefore(e,t.firstChild))}function Vf(e,t){e.crossOrigin??=t.crossOrigin,e.referrerPolicy??=t.referrerPolicy,e.title??=t.title}function Hf(e,t){e.crossOrigin??=t.crossOrigin,e.referrerPolicy??=t.referrerPolicy,e.integrity??=t.integrity}var Uf=null;function Wf(e,t,n){if(Uf===null){var r=new Map,i=Uf=new Map;i.set(n,r)}else i=Uf,r=i.get(n),r||(r=new Map,i.set(n,r));if(r.has(e))return r;for(r.set(e,null),n=n.getElementsByTagName(e),i=0;i<n.length;i++){var a=n[i];if(!(a[ut]||a[rt]||e===`link`&&a.getAttribute(`rel`)===`stylesheet`)&&a.namespaceURI!==`http://www.w3.org/2000/svg`){var o=a.getAttribute(t)||``;o=e+o;var s=r.get(o);s?s.push(a):r.set(o,[a])}}return r}function Gf(e,t,n){e=e.ownerDocument||e,e.head.insertBefore(n,t===`title`?e.querySelector(`head > title`):null)}function Kf(e,t,n){if(n===1||t.itemProp!=null)return!1;switch(e){case`meta`:case`title`:return!0;case`style`:if(typeof t.precedence!=`string`||typeof t.href!=`string`||t.href===``)break;return!0;case`link`:if(typeof t.rel!=`string`||typeof t.href!=`string`||t.href===``||t.onLoad||t.onError)break;switch(t.rel){case`stylesheet`:return e=t.disabled,typeof t.precedence==`string`&&e==null;default:return!0}case`script`:if(t.async&&typeof t.async!=`function`&&typeof t.async!=`symbol`&&!t.onLoad&&!t.onError&&t.src&&typeof t.src==`string`)return!0}return!1}function qf(e){return!(e.type===`stylesheet`&&!(e.state.loading&3))}function Jf(e,t,n,r){if(n.type===`stylesheet`&&(typeof r.media!=`string`||!1!==matchMedia(r.media).matches)&&!(n.state.loading&4)){if(n.instance===null){var i=Nf(r.href),a=t.querySelector(Pf(i));if(a){t=a._p,typeof t==`object`&&t&&typeof t.then==`function`&&(e.count++,e=Zf.bind(e),t.then(e,e)),n.state.loading|=4,n.instance=a,gt(a);return}a=t.ownerDocument||t,r=Ff(r),(i=_f.get(i))&&Vf(r,i),a=a.createElement(`link`),gt(a);var o=a;o._p=new Promise(function(e,t){o.onload=e,o.onerror=t}),Ld(a,`link`,r),n.instance=a}e.stylesheets===null&&(e.stylesheets=new Map),e.stylesheets.set(n,t),(t=n.state.preload)&&!(n.state.loading&3)&&(e.count++,n=Zf.bind(e),t.addEventListener(`load`,n),t.addEventListener(`error`,n))}}var Yf=0;function Xf(e,t){return e.stylesheets&&e.count===0&&$f(e,e.stylesheets),0<e.count||0<e.imgCount?function(n){var r=setTimeout(function(){if(e.stylesheets&&$f(e,e.stylesheets),e.unsuspend){var t=e.unsuspend;e.unsuspend=null,t()}},6e4+t);0<e.imgBytes&&Yf===0&&(Yf=62500*Bd());var i=setTimeout(function(){if(e.waitingForImages=!1,e.count===0&&(e.stylesheets&&$f(e,e.stylesheets),e.unsuspend)){var t=e.unsuspend;e.unsuspend=null,t()}},(e.imgBytes>Yf?50:800)+t);return e.unsuspend=n,function(){e.unsuspend=null,clearTimeout(r),clearTimeout(i)}}:null}function Zf(){if(this.count--,this.count===0&&(this.imgCount===0||!this.waitingForImages)){if(this.stylesheets)$f(this,this.stylesheets);else if(this.unsuspend){var e=this.unsuspend;this.unsuspend=null,e()}}}var Qf=null;function $f(e,t){e.stylesheets=null,e.unsuspend!==null&&(e.count++,Qf=new Map,t.forEach(ep,e),Qf=null,Zf.call(e))}function ep(e,t){if(!(t.state.loading&4)){var n=Qf.get(e);if(n)var r=n.get(null);else{n=new Map,Qf.set(e,n);for(var i=e.querySelectorAll(`link[data-precedence],style[data-precedence]`),a=0;a<i.length;a++){var o=i[a];(o.nodeName===`LINK`||o.getAttribute(`media`)!==`not all`)&&(n.set(o.dataset.precedence,o),r=o)}r&&n.set(null,r)}i=t.instance,o=i.getAttribute(`data-precedence`),a=n.get(o)||r,a===r&&n.set(null,i),n.set(o,i),this.count++,r=Zf.bind(this),i.addEventListener(`load`,r),i.addEventListener(`error`,r),a?a.parentNode.insertBefore(i,a.nextSibling):(e=e.nodeType===9?e.head:e,e.insertBefore(i,e.firstChild)),t.state.loading|=4}}var tp={$$typeof:x,Provider:null,Consumer:null,_currentValue:re,_currentValue2:re,_threadCount:0};function np(e,t,n,r,i,a,o,s,c){this.tag=1,this.containerInfo=e,this.pingCache=this.current=this.pendingChildren=null,this.timeoutHandle=-1,this.callbackNode=this.next=this.pendingContext=this.context=this.cancelPendingCommit=null,this.callbackPriority=0,this.expirationTimes=Ke(-1),this.entangledLanes=this.shellSuspendCounter=this.errorRecoveryDisabledLanes=this.expiredLanes=this.warmLanes=this.pingedLanes=this.suspendedLanes=this.pendingLanes=0,this.entanglements=Ke(0),this.hiddenUpdates=Ke(null),this.identifierPrefix=r,this.onUncaughtError=i,this.onCaughtError=a,this.onRecoverableError=o,this.pooledCache=null,this.pooledCacheLanes=0,this.formState=c,this.incompleteTransitions=new Map}function rp(e,t,n,r,i,a,o,s,c,l,u,d){return e=new np(e,t,n,o,c,l,u,d,s),t=1,!0===a&&(t|=24),a=ai(3,null,null,t),e.current=a,a.stateNode=e,t=aa(),t.refCount++,e.pooledCache=t,t.refCount++,a.memoizedState={element:r,isDehydrated:n,cache:t},Ra(a),e}function ip(e){return e?(e=ri,e):ri}function ap(e,t,n,r,i,a){i=ip(i),r.context===null?r.context=i:r.pendingContext=i,r=Ba(t),r.payload={element:n},a=a===void 0?null:a,a!==null&&(r.callback=a),n=Va(e,r,t),n!==null&&(vu(n,e,t),Ha(n,e,t))}function op(e,t){if(e=e.memoizedState,e!==null&&e.dehydrated!==null){var n=e.retryLane;e.retryLane=n!==0&&n<t?n:t}}function sp(e,t){op(e,t),(e=e.alternate)&&op(e,t)}function cp(e){if(e.tag===13||e.tag===31){var t=ei(e,67108864);t!==null&&vu(t,e,67108864),sp(e,67108864)}}function lp(e){if(e.tag===13||e.tag===31){var t=gu();t=Qe(t);var n=ei(e,t);n!==null&&vu(n,e,t),sp(e,t)}}var up=!0;function dp(e,t,n,r){var i=j.T;j.T=null;var a=M.p;try{M.p=2,pp(e,t,n,r)}finally{M.p=a,j.T=i}}function fp(e,t,n,r){var i=j.T;j.T=null;var a=M.p;try{M.p=8,pp(e,t,n,r)}finally{M.p=a,j.T=i}}function pp(e,t,n,r){if(up){var i=mp(r);if(i===null)Dd(e,t,r,hp,n),Ep(e,r);else if(Op(i,e,t,n,r))r.stopPropagation();else if(Ep(e,r),t&4&&-1<Tp.indexOf(e)){for(;i!==null;){var a=pt(i);if(a!==null)switch(a.tag){case 3:if(a=a.stateNode,a.current.memoizedState.isDehydrated){var o=He(a.pendingLanes);if(o!==0){var s=a;for(s.pendingLanes|=2,s.entangledLanes|=2;o;){var c=1<<31-Ne(o);s.entanglements[1]|=c,o&=~c}sd(a),!(K&6)&&(iu=Ce()+500,cd(0,!1))}}break;case 31:case 13:s=ei(a,2),s!==null&&vu(s,a,2),Cu(),sp(a,2)}if(a=mp(r),a===null&&Dd(e,t,r,hp,n),a===i)break;i=a}i!==null&&r.stopPropagation()}else Dd(e,t,r,null,n)}}function mp(e){return e=Qt(e),gp(e)}var hp=null;function gp(e){if(hp=null,e=ft(e),e!==null){var t=o(e);if(t===null)e=null;else{var n=t.tag;if(n===13){if(e=s(t),e!==null)return e;e=null}else if(n===31){if(e=c(t),e!==null)return e;e=null}else if(n===3){if(t.stateNode.current.memoizedState.isDehydrated)return t.tag===3?t.stateNode.containerInfo:null;e=null}else t!==e&&(e=null)}}return hp=e,null}function _p(e){switch(e){case`beforetoggle`:case`cancel`:case`click`:case`close`:case`contextmenu`:case`copy`:case`cut`:case`auxclick`:case`dblclick`:case`dragend`:case`dragstart`:case`drop`:case`focusin`:case`focusout`:case`input`:case`invalid`:case`keydown`:case`keypress`:case`keyup`:case`mousedown`:case`mouseup`:case`paste`:case`pause`:case`play`:case`pointercancel`:case`pointerdown`:case`pointerup`:case`ratechange`:case`reset`:case`resize`:case`seeked`:case`submit`:case`toggle`:case`touchcancel`:case`touchend`:case`touchstart`:case`volumechange`:case`change`:case`selectionchange`:case`textInput`:case`compositionstart`:case`compositionend`:case`compositionupdate`:case`beforeblur`:case`afterblur`:case`beforeinput`:case`blur`:case`fullscreenchange`:case`focus`:case`hashchange`:case`popstate`:case`select`:case`selectstart`:return 2;case`drag`:case`dragenter`:case`dragexit`:case`dragleave`:case`dragover`:case`mousemove`:case`mouseout`:case`mouseover`:case`pointermove`:case`pointerout`:case`pointerover`:case`scroll`:case`touchmove`:case`wheel`:case`mouseenter`:case`mouseleave`:case`pointerenter`:case`pointerleave`:return 8;case`message`:switch(we()){case Te:return 2;case Ee:return 8;case De:case Oe:return 32;case z:return 268435456;default:return 32}default:return 32}}var vp=!1,yp=null,bp=null,xp=null,Sp=new Map,Cp=new Map,wp=[],Tp=`mousedown mouseup touchcancel touchend touchstart auxclick dblclick pointercancel pointerdown pointerup dragend dragstart drop compositionend compositionstart keydown keypress keyup input textInput copy cut paste click change contextmenu reset`.split(` `);function Ep(e,t){switch(e){case`focusin`:case`focusout`:yp=null;break;case`dragenter`:case`dragleave`:bp=null;break;case`mouseover`:case`mouseout`:xp=null;break;case`pointerover`:case`pointerout`:Sp.delete(t.pointerId);break;case`gotpointercapture`:case`lostpointercapture`:Cp.delete(t.pointerId)}}function Dp(e,t,n,r,i,a){return e===null||e.nativeEvent!==a?(e={blockedOn:t,domEventName:n,eventSystemFlags:r,nativeEvent:a,targetContainers:[i]},t!==null&&(t=pt(t),t!==null&&cp(t)),e):(e.eventSystemFlags|=r,t=e.targetContainers,i!==null&&t.indexOf(i)===-1&&t.push(i),e)}function Op(e,t,n,r,i){switch(t){case`focusin`:return yp=Dp(yp,e,t,n,r,i),!0;case`dragenter`:return bp=Dp(bp,e,t,n,r,i),!0;case`mouseover`:return xp=Dp(xp,e,t,n,r,i),!0;case`pointerover`:var a=i.pointerId;return Sp.set(a,Dp(Sp.get(a)||null,e,t,n,r,i)),!0;case`gotpointercapture`:return a=i.pointerId,Cp.set(a,Dp(Cp.get(a)||null,e,t,n,r,i)),!0}return!1}function kp(e){var t=ft(e.target);if(t!==null){var n=o(t);if(n!==null){if(t=n.tag,t===13){if(t=s(n),t!==null){e.blockedOn=t,tt(e.priority,function(){lp(n)});return}}else if(t===31){if(t=c(n),t!==null){e.blockedOn=t,tt(e.priority,function(){lp(n)});return}}else if(t===3&&n.stateNode.current.memoizedState.isDehydrated){e.blockedOn=n.tag===3?n.stateNode.containerInfo:null;return}}}e.blockedOn=null}function Ap(e){if(e.blockedOn!==null)return!1;for(var t=e.targetContainers;0<t.length;){var n=mp(e.nativeEvent);if(n===null){n=e.nativeEvent;var r=new n.constructor(n.type,n);Zt=r,n.target.dispatchEvent(r),Zt=null}else return t=pt(n),t!==null&&cp(t),e.blockedOn=n,!1;t.shift()}return!0}function jp(e,t,n){Ap(e)&&n.delete(t)}function Mp(){vp=!1,yp!==null&&Ap(yp)&&(yp=null),bp!==null&&Ap(bp)&&(bp=null),xp!==null&&Ap(xp)&&(xp=null),Sp.forEach(jp),Cp.forEach(jp)}function Np(e,n){e.blockedOn===n&&(e.blockedOn=null,vp||(vp=!0,t.unstable_scheduleCallback(t.unstable_NormalPriority,Mp)))}var Pp=null;function Fp(e){Pp!==e&&(Pp=e,t.unstable_scheduleCallback(t.unstable_NormalPriority,function(){Pp===e&&(Pp=null);for(var t=0;t<e.length;t+=3){var n=e[t],r=e[t+1],i=e[t+2];if(typeof r!=`function`){if(gp(r||n)===null)continue;break}var a=pt(n);a!==null&&(e.splice(t,3),t-=3,ws(a,{pending:!0,data:i,method:n.method,action:r},r,i))}}))}function Ip(e){function t(t){return Np(t,e)}yp!==null&&Np(yp,e),bp!==null&&Np(bp,e),xp!==null&&Np(xp,e),Sp.forEach(t),Cp.forEach(t);for(var n=0;n<wp.length;n++){var r=wp[n];r.blockedOn===e&&(r.blockedOn=null)}for(;0<wp.length&&(n=wp[0],n.blockedOn===null);)kp(n),n.blockedOn===null&&wp.shift();if(n=(e.ownerDocument||e).$$reactFormReplay,n!=null)for(r=0;r<n.length;r+=3){var i=n[r],a=n[r+1],o=i[it]||null;if(typeof a==`function`)o||Fp(n);else if(o){var s=null;if(a&&a.hasAttribute(`formAction`)){if(i=a,o=a[it]||null)s=o.formAction;else if(gp(i)!==null)continue}else s=o.action;typeof s==`function`?n[r+1]=s:(n.splice(r,3),r-=3),Fp(n)}}}function Lp(){function e(e){e.canIntercept&&e.info===`react-transition`&&e.intercept({handler:function(){return new Promise(function(e){return i=e})},focusReset:`manual`,scroll:`manual`})}function t(){i!==null&&(i(),i=null),r||setTimeout(n,20)}function n(){if(!r&&!navigation.transition){var e=navigation.currentEntry;e&&e.url!=null&&navigation.navigate(e.url,{state:e.getState(),info:`react-transition`,history:`replace`})}}if(typeof navigation==`object`){var r=!1,i=null;return navigation.addEventListener(`navigate`,e),navigation.addEventListener(`navigatesuccess`,t),navigation.addEventListener(`navigateerror`,t),setTimeout(n,100),function(){r=!0,navigation.removeEventListener(`navigate`,e),navigation.removeEventListener(`navigatesuccess`,t),navigation.removeEventListener(`navigateerror`,t),i!==null&&(i(),i=null)}}}function Rp(e){this._internalRoot=e}zp.prototype.render=Rp.prototype.render=function(e){var t=this._internalRoot;if(t===null)throw Error(i(409));var n=t.current;ap(n,gu(),e,t,null,null)},zp.prototype.unmount=Rp.prototype.unmount=function(){var e=this._internalRoot;if(e!==null){this._internalRoot=null;var t=e.containerInfo;ap(e.current,2,null,e,null,null),Cu(),t[at]=null}};function zp(e){this._internalRoot=e}zp.prototype.unstable_scheduleHydration=function(e){if(e){var t=et();e={blockedOn:null,target:e,priority:t};for(var n=0;n<wp.length&&t!==0&&t<wp[n].priority;n++);wp.splice(n,0,e),n===0&&kp(e)}};var Bp=n.version;if(Bp!==`19.2.7`)throw Error(i(527,Bp,`19.2.7`));M.findDOMNode=function(e){var t=e._reactInternals;if(t===void 0)throw typeof e.render==`function`?Error(i(188)):(e=Object.keys(e).join(`,`),Error(i(268,e)));return e=d(t),e=e===null?null:f(e),e=e===null?null:e.stateNode,e};var Vp={bundleType:0,version:`19.2.7`,rendererPackageName:`react-dom`,currentDispatcherRef:j,reconcilerVersion:`19.2.7`};if(typeof __REACT_DEVTOOLS_GLOBAL_HOOK__<`u`){var Hp=__REACT_DEVTOOLS_GLOBAL_HOOK__;if(!Hp.isDisabled&&Hp.supportsFiber)try{B=Hp.inject(Vp),je=Hp}catch{}}e.createRoot=function(e,t){if(!a(e))throw Error(i(299));var n=!1,r=``,o=qs,s=Js,c=Ys;return t!=null&&(!0===t.unstable_strictMode&&(n=!0),t.identifierPrefix!==void 0&&(r=t.identifierPrefix),t.onUncaughtError!==void 0&&(o=t.onUncaughtError),t.onCaughtError!==void 0&&(s=t.onCaughtError),t.onRecoverableError!==void 0&&(c=t.onRecoverableError)),t=rp(e,1,!1,null,null,n,r,null,o,s,c,Lp),e[at]=t.current,Ed(e),new Rp(t)}})),Ve=o(((e,t)=>{function n(){if(!(typeof __REACT_DEVTOOLS_GLOBAL_HOOK__>`u`||typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE!=`function`))try{__REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE(n)}catch(e){console.error(e)}}n(),t.exports=Be()}))(),He=`modulepreload`,Ue=function(e,t){return new URL(e,t).href},We={},V=function(e,t,n){let r=Promise.resolve();if(t&&t.length>0){let e=document.getElementsByTagName(`link`),i=document.querySelector(`meta[property=csp-nonce]`),a=i?.nonce||i?.getAttribute(`nonce`);function o(e){return Promise.all(e.map(e=>Promise.resolve(e).then(e=>({status:`fulfilled`,value:e}),e=>({status:`rejected`,reason:e}))))}r=o(t.map(t=>{if(t=Ue(t,n),t in We)return;We[t]=!0;let r=t.endsWith(`.css`),i=r?`[rel="stylesheet"]`:``;if(n)for(let n=e.length-1;n>=0;n--){let i=e[n];if(i.href===t&&(!r||i.rel===`stylesheet`))return}else if(document.querySelector(`link[href="${t}"]${i}`))return;let o=document.createElement(`link`);if(o.rel=r?`stylesheet`:He,r||(o.as=`script`),o.crossOrigin=``,o.href=t,a&&o.setAttribute(`nonce`,a),document.head.appendChild(o),r)return new Promise((e,n)=>{o.addEventListener(`load`,e),o.addEventListener(`error`,()=>n(Error(`Unable to preload CSS for ${t}`)))})}))}function i(e){let t=new Event(`vite:preloadError`,{cancelable:!0});if(t.payload=e,window.dispatchEvent(t),!t.defaultPrevented)throw e}return r.then(t=>{for(let e of t||[])e.status===`rejected`&&i(e.reason);return e().catch(i)})},Ge=`popstate`;function Ke(e){return typeof e==`object`&&!!e&&`pathname`in e&&`search`in e&&`hash`in e&&`state`in e&&`key`in e}function qe(e={}){function t(e,t){let{pathname:n=`/`,search:r=``,hash:i=``}=et(e.location.hash.substring(1));return!n.startsWith(`/`)&&!n.startsWith(`.`)&&(n=`/`+n),Qe(``,{pathname:n,search:r,hash:i},t.state&&t.state.usr||null,t.state&&t.state.key||`default`)}function n(e,t){let n=e.document.querySelector(`base`),r=``;if(n&&n.getAttribute(`href`)){let t=e.location.href,n=t.indexOf(`#`);r=n===-1?t:t.slice(0,n)}return r+`#`+(typeof t==`string`?t:$e(t))}function r(e,t){Ye(e.pathname.charAt(0)===`/`,`relative pathnames are not supported in hash history.push(${JSON.stringify(t)})`)}return tt(t,n,r,e)}function Je(e,t){if(e===!1||e==null)throw Error(t)}function Ye(e,t){if(!e){typeof console<`u`&&console.warn(t);try{throw Error(t)}catch{}}}function Xe(){return Math.random().toString(36).substring(2,10)}function Ze(e,t){return{usr:e.state,key:e.key,idx:t,masked:e.mask?{pathname:e.pathname,search:e.search,hash:e.hash}:void 0}}function Qe(e,t,n=null,r,i){return{pathname:typeof e==`string`?e:e.pathname,search:``,hash:``,...typeof t==`string`?et(t):t,state:n,key:t&&t.key||r||Xe(),mask:i}}function $e({pathname:e=`/`,search:t=``,hash:n=``}){return t&&t!==`?`&&(e+=t.charAt(0)===`?`?t:`?`+t),n&&n!==`#`&&(e+=n.charAt(0)===`#`?n:`#`+n),e}function et(e){let t={};if(e){let n=e.indexOf(`#`);n>=0&&(t.hash=e.substring(n),e=e.substring(0,n));let r=e.indexOf(`?`);r>=0&&(t.search=e.substring(r),e=e.substring(0,r)),e&&(t.pathname=e)}return t}function tt(e,t,n,r={}){let{window:i=document.defaultView,v5Compat:a=!1}=r,o=i.history,s=`POP`,c=null,l=u();l??(l=0,o.replaceState({...o.state,idx:l},``));function u(){return(o.state||{idx:null}).idx}function d(){s=`POP`;let e=u(),t=e==null?null:e-l;l=e,c&&c({action:s,location:h.location,delta:t})}function f(e,t){s=`PUSH`;let r=Ke(e)?e:Qe(h.location,e,t);n&&n(r,e),l=u()+1;let d=Ze(r,l),f=h.createHref(r.mask||r);try{o.pushState(d,``,f)}catch(e){if(e instanceof DOMException&&e.name===`DataCloneError`)throw e;i.location.assign(f)}a&&c&&c({action:s,location:h.location,delta:1})}function p(e,t){s=`REPLACE`;let r=Ke(e)?e:Qe(h.location,e,t);n&&n(r,e),l=u();let i=Ze(r,l),d=h.createHref(r.mask||r);o.replaceState(i,``,d),a&&c&&c({action:s,location:h.location,delta:0})}function m(e){return nt(i,e)}let h={get action(){return s},get location(){return e(i,o)},listen(e){if(c)throw Error(`A history only accepts one active listener`);return i.addEventListener(Ge,d),c=e,()=>{i.removeEventListener(Ge,d),c=null}},createHref(e){return t(i,e)},createURL:m,encodeLocation(e){let t=m(e);return{pathname:t.pathname,search:t.search,hash:t.hash}},push:f,replace:p,go(e){return o.go(e)}};return h}function nt(e,t,n=!1){let r=`http://localhost`;e&&(r=e.location.origin===`null`?e.location.href:e.location.origin),Je(r,`No window.location.(origin|href) available to create URL`);let i=typeof t==`string`?t:$e(t);return i=i.replace(/ $/,`%20`),!n&&i.startsWith(`//`)&&(i=r+i),new URL(i,r)}function rt(e,t,n=`/`){return it(e,t,n,!1)}function it(e,t,n,r,i){let a=Ct((typeof t==`string`?et(t):t).pathname||`/`,n);if(a==null)return null;let o=i??ot(e),s=null,c=St(a);for(let e=0;s==null&&e<o.length;++e)s=yt(o[e],c,r);return s}function at(e,t){let{route:n,pathname:r,params:i}=e;return{id:n.id,pathname:r,params:i,data:t[n.id],loaderData:t[n.id],handle:n.handle}}function ot(e){let t=st(e);return lt(t),t}function st(e,t=[],n=[],r=``,i=!1){let a=(e,a,o=i,s)=>{let c={relativePath:s===void 0?e.path||``:s,caseSensitive:e.caseSensitive===!0,childrenIndex:a,route:e};if(c.relativePath.startsWith(`/`)){if(!c.relativePath.startsWith(r)&&o)return;Je(c.relativePath.startsWith(r),`Absolute route path "${c.relativePath}" nested under path "${r}" is not valid. An absolute child route path must start with the combined path of all its parent routes.`),c.relativePath=c.relativePath.slice(r.length)}let l=Mt([r,c.relativePath]),u=n.concat(c);e.children&&e.children.length>0&&(Je(e.index!==!0,`Index routes must not have child routes. Please remove all child routes from route path "${l}".`),st(e.children,t,u,l,o)),!(e.path==null&&!e.index)&&t.push({path:l,score:_t(l,e.index),routesMeta:u})};return e.forEach((e,t)=>{if(e.path===``||!e.path?.includes(`?`))a(e,t);else for(let n of ct(e.path))a(e,t,!0,n)}),t}function ct(e){let t=e.split(`/`);if(t.length===0)return[];let[n,...r]=t,i=n.endsWith(`?`),a=n.replace(/\?$/,``);if(r.length===0)return i?[a,``]:[a];let o=ct(r.join(`/`)),s=[];return s.push(...o.map(e=>e===``?a:[a,e].join(`/`))),i&&s.push(...o),s.map(t=>e.startsWith(`/`)&&t===``?`/`:t)}function lt(e){e.sort((e,t)=>e.score===t.score?vt(e.routesMeta.map(e=>e.childrenIndex),t.routesMeta.map(e=>e.childrenIndex)):t.score-e.score)}var ut=/^:[\w-]+$/,dt=3,ft=2,pt=1,mt=10,ht=-2,gt=e=>e===`*`;function _t(e,t){let n=e.split(`/`),r=n.length;return n.some(gt)&&(r+=ht),t&&(r+=ft),n.filter(e=>!gt(e)).reduce((e,t)=>e+(ut.test(t)?dt:t===``?pt:mt),r)}function vt(e,t){return e.length===t.length&&e.slice(0,-1).every((e,n)=>e===t[n])?e[e.length-1]-t[t.length-1]:0}function yt(e,t,n=!1){let{routesMeta:r}=e,i={},a=`/`,o=[];for(let e=0;e<r.length;++e){let s=r[e],c=e===r.length-1,l=a===`/`?t:t.slice(a.length)||`/`,u=bt({path:s.relativePath,caseSensitive:s.caseSensitive,end:c},l),d=s.route;if(!u&&c&&n&&!r[r.length-1].route.index&&(u=bt({path:s.relativePath,caseSensitive:s.caseSensitive,end:!1},l)),!u)return null;Object.assign(i,u.params),o.push({params:i,pathname:Mt([a,u.pathname]),pathnameBase:Pt(Mt([a,u.pathnameBase])),route:d}),u.pathnameBase!==`/`&&(a=Mt([a,u.pathnameBase]))}return o}function bt(e,t){typeof e==`string`&&(e={path:e,caseSensitive:!1,end:!0});let[n,r]=xt(e.path,e.caseSensitive,e.end),i=t.match(n);if(!i)return null;let a=i[0],o=a.replace(/(.)\/+$/,`$1`),s=i.slice(1);return{params:r.reduce((e,{paramName:t,isOptional:n},r)=>{if(t===`*`){let e=s[r]||``;o=a.slice(0,a.length-e.length).replace(/(.)\/+$/,`$1`)}let i=s[r];return n&&!i?e[t]=void 0:e[t]=(i||``).replace(/%2F/g,`/`),e},{}),pathname:a,pathnameBase:o,pattern:e}}function xt(e,t=!1,n=!0){Ye(e===`*`||!e.endsWith(`*`)||e.endsWith(`/*`),`Route path "${e}" will be treated as if it were "${e.replace(/\*$/,`/*`)}" because the \`*\` character must always follow a \`/\` in the pattern. To get rid of this warning, please change the route path to "${e.replace(/\*$/,`/*`)}".`);let r=[],i=`^`+e.replace(/\/*\*?$/,``).replace(/^\/*/,`/`).replace(/[\\.*+^${}|()[\]]/g,`\\$&`).replace(/\/:([\w-]+)(\?)?/g,(e,t,n,i,a)=>{if(r.push({paramName:t,isOptional:n!=null}),n){let t=a.charAt(i+e.length);return t&&t!==`/`?`/([^\\/]*)`:`(?:/([^\\/]*))?`}return`/([^\\/]+)`}).replace(/\/([\w-]+)\?(\/|$)/g,`(/$1)?$2`);return e.endsWith(`*`)?(r.push({paramName:`*`}),i+=e===`*`||e===`/*`?`(.*)$`:`(?:\\/(.+)|\\/*)$`):n?i+=`\\/*$`:e!==``&&e!==`/`&&(i+=`(?:(?=\\/|$))`),[new RegExp(i,t?void 0:`i`),r]}function St(e){try{return e.split(`/`).map(e=>decodeURIComponent(e).replace(/\//g,`%2F`)).join(`/`)}catch(t){return Ye(!1,`The URL path "${e}" could not be decoded because it is a malformed URL segment. This is probably due to a bad percent encoding (${t}).`),e}}function Ct(e,t){if(t===`/`)return e;if(!e.toLowerCase().startsWith(t.toLowerCase()))return null;let n=t.endsWith(`/`)?t.length-1:t.length,r=e.charAt(n);return r&&r!==`/`?null:e.slice(n)||`/`}var wt=/^(?:[a-z][a-z0-9+.-]*:|\/\/)/i;function Tt(e,t=`/`){let{pathname:n,search:r=``,hash:i=``}=typeof e==`string`?et(e):e,a;return n?(n=jt(n),a=n.startsWith(`/`)?Et(n.substring(1),`/`):Et(n,t)):a=t,{pathname:a,search:Ft(r),hash:It(i)}}function Et(e,t){let n=Nt(t).split(`/`);return e.split(`/`).forEach(e=>{e===`..`?n.length>1&&n.pop():e!==`.`&&n.push(e)}),n.length>1?n.join(`/`):`/`}function Dt(e,t,n,r){return`Cannot include a '${e}' character in a manually specified \`to.${t}\` field [${JSON.stringify(r)}]. Please separate it out to the \`to.${n}\` field. Alternatively you may provide the full path as a string in <Link to="..."> and the router will parse it for you.`}function Ot(e){return e.filter((e,t)=>t===0||e.route.path&&e.route.path.length>0)}function kt(e){let t=Ot(e);return t.map((e,n)=>n===t.length-1?e.pathname:e.pathnameBase)}function At(e,t,n,r=!1){let i;typeof e==`string`?i=et(e):(i={...e},Je(!i.pathname||!i.pathname.includes(`?`),Dt(`?`,`pathname`,`search`,i)),Je(!i.pathname||!i.pathname.includes(`#`),Dt(`#`,`pathname`,`hash`,i)),Je(!i.search||!i.search.includes(`#`),Dt(`#`,`search`,`hash`,i)));let a=e===``||i.pathname===``,o=a?`/`:i.pathname,s;if(o==null)s=n;else{let e=t.length-1;if(!r&&o.startsWith(`..`)){let t=o.split(`/`);for(;t[0]===`..`;)t.shift(),--e;i.pathname=t.join(`/`)}s=e>=0?t[e]:`/`}let c=Tt(i,s),l=o&&o!==`/`&&o.endsWith(`/`),u=(a||o===`.`)&&n.endsWith(`/`);return!c.pathname.endsWith(`/`)&&(l||u)&&(c.pathname+=`/`),c}var jt=e=>e.replace(/\/\/+/g,`/`),Mt=e=>jt(e.join(`/`)),Nt=e=>e.replace(/\/+$/,``),Pt=e=>Nt(e).replace(/^\/*/,`/`),Ft=e=>!e||e===`?`?``:e.startsWith(`?`)?e:`?`+e,It=e=>!e||e===`#`?``:e.startsWith(`#`)?e:`#`+e,Lt=class{constructor(e,t,n,r=!1){this.status=e,this.statusText=t||``,this.internal=r,n instanceof Error?(this.data=n.toString(),this.error=n):this.data=n}};function Rt(e){return e!=null&&typeof e.status==`number`&&typeof e.statusText==`string`&&typeof e.internal==`boolean`&&`data`in e}function zt(e){return Mt(e.map(e=>e.route.path).filter(Boolean))||`/`}var Bt=typeof window<`u`&&window.document!==void 0&&window.document.createElement!==void 0;function Vt(e,t){let n=e;if(typeof n!=`string`||!wt.test(n))return{absoluteURL:void 0,isExternal:!1,to:n};let r=n,i=!1;if(Bt)try{let e=new URL(window.location.href),r=n.startsWith(`//`)?new URL(e.protocol+n):new URL(n),a=Ct(r.pathname,t);r.origin===e.origin&&a!=null?n=a+r.search+r.hash:i=!0}catch{Ye(!1,`<Link to="${n}"> contains an invalid URL which will probably break when clicked - please update to a valid URL path.`)}return{absoluteURL:r,isExternal:i,to:n}}Object.getOwnPropertyNames(Object.prototype).sort().join(`\0`);var Ht=[`POST`,`PUT`,`PATCH`,`DELETE`];new Set(Ht);var Ut=[`GET`,...Ht];new Set(Ut);var Wt=d.createContext(null);Wt.displayName=`DataRouter`;var Gt=d.createContext(null);Gt.displayName=`DataRouterState`;var Kt=d.createContext(!1);function qt(){return d.useContext(Kt)}var Jt=d.createContext({isTransitioning:!1});Jt.displayName=`ViewTransition`;var Yt=d.createContext(new Map);Yt.displayName=`Fetchers`;var Xt=d.createContext(null);Xt.displayName=`Await`;var Zt=d.createContext(null);Zt.displayName=`Navigation`;var Qt=d.createContext(null);Qt.displayName=`Location`;var $t=d.createContext({outlet:null,matches:[],isDataRoute:!1});$t.displayName=`Route`;var en=d.createContext(null);en.displayName=`RouteError`;var tn=`REACT_ROUTER_ERROR`,nn=`REDIRECT`,rn=`ROUTE_ERROR_RESPONSE`;function an(e){if(e.startsWith(`${tn}:${nn}:{`))try{let t=JSON.parse(e.slice(28));if(typeof t==`object`&&t&&typeof t.status==`number`&&typeof t.statusText==`string`&&typeof t.location==`string`&&typeof t.reloadDocument==`boolean`&&typeof t.replace==`boolean`)return t}catch{}}function on(e){if(e.startsWith(`${tn}:${rn}:{`))try{let t=JSON.parse(e.slice(40));if(typeof t==`object`&&t&&typeof t.status==`number`&&typeof t.statusText==`string`)return new Lt(t.status,t.statusText,t.data)}catch{}}function sn(e,{relative:t}={}){Je(cn(),`useHref() may be used only in the context of a <Router> component.`);let{basename:n,navigator:r}=d.useContext(Zt),{hash:i,pathname:a,search:o}=gn(e,{relative:t}),s=a;return n!==`/`&&(s=a===`/`?n:Mt([n,a])),r.createHref({pathname:s,search:o,hash:i})}function cn(){return d.useContext(Qt)!=null}function ln(){return Je(cn(),`useLocation() may be used only in the context of a <Router> component.`),d.useContext(Qt).location}function un(e){Je(cn(),`useMatch() may be used only in the context of a <Router> component.`);let{pathname:t}=ln();return d.useMemo(()=>bt(e,St(t)),[t,e])}var dn=`You should call navigate() in a React.useEffect(), not when your component is first rendered.`;function fn(e){d.useContext(Zt).static||d.useLayoutEffect(e)}function pn(){let{isDataRoute:e}=d.useContext($t);return e?Fn():mn()}function mn(){Je(cn(),`useNavigate() may be used only in the context of a <Router> component.`);let e=d.useContext(Wt),{basename:t,navigator:n}=d.useContext(Zt),{matches:r}=d.useContext($t),{pathname:i}=ln(),a=JSON.stringify(kt(r)),o=d.useRef(!1);return fn(()=>{o.current=!0}),d.useCallback((r,s={})=>{if(Ye(o.current,dn),!o.current)return;if(typeof r==`number`){n.go(r);return}let c=At(r,JSON.parse(a),i,s.relative===`path`);e==null&&t!==`/`&&(c.pathname=c.pathname===`/`?t:Mt([t,c.pathname])),(s.replace?n.replace:n.push)(c,s.state,s)},[t,n,a,i,e])}d.createContext(null);function hn(){let{matches:e}=d.useContext($t);return e[e.length-1]?.params??{}}function gn(e,{relative:t}={}){let{matches:n}=d.useContext($t),{pathname:r}=ln(),i=JSON.stringify(kt(n));return d.useMemo(()=>At(e,JSON.parse(i),r,t===`path`),[e,i,r,t])}function _n(e,t){return vn(e,t)}function vn(e,t,n){Je(cn(),`useRoutes() may be used only in the context of a <Router> component.`);let{navigator:r}=d.useContext(Zt),{matches:i}=d.useContext($t),a=i[i.length-1],o=a?a.params:{},s=a?a.pathname:`/`,c=a?a.pathnameBase:`/`,l=a&&a.route;{let e=l&&l.path||``;Ln(s,!l||e.endsWith(`*`)||e.endsWith(`*?`),`You rendered descendant <Routes> (or called \`useRoutes()\`) at "${s}" (under <Route path="${e}">) but the parent route path has no trailing "*". This means if you navigate deeper, the parent won't match anymore and therefore the child routes will never render.
|
|
11
|
+
|
|
12
|
+
Please change the parent <Route path="${e}"> to <Route path="${e===`/`?`*`:`${e}/*`}">.`)}let u=ln(),f;if(t){let e=typeof t==`string`?et(t):t;Je(c===`/`||e.pathname?.startsWith(c),`When overriding the location using \`<Routes location>\` or \`useRoutes(routes, location)\`, the location pathname must begin with the portion of the URL pathname that was matched by all parent routes. The current pathname base is "${c}" but pathname "${e.pathname}" was given in the \`location\` prop.`),f=e}else f=u;let p=f.pathname||`/`,m=p;if(c!==`/`){let e=c.replace(/^\//,``).split(`/`);m=`/`+p.replace(/^\//,``).split(`/`).slice(e.length).join(`/`)}let h=n&&n.state.matches.length?n.state.matches.map(e=>Object.assign(e,{route:n.manifest[e.route.id]||e.route})):rt(e,{pathname:m});Ye(l||h!=null,`No routes matched location "${f.pathname}${f.search}${f.hash}" `),Ye(h==null||h[h.length-1].route.element!==void 0||h[h.length-1].route.Component!==void 0||h[h.length-1].route.lazy!==void 0,`Matched leaf route at location "${f.pathname}${f.search}${f.hash}" does not have an element or Component. This means it will render an <Outlet /> with a null value by default resulting in an "empty" page.`);let g=Tn(h&&h.map(e=>Object.assign({},e,{params:Object.assign({},o,e.params),pathname:Mt([c,r.encodeLocation?r.encodeLocation(e.pathname.replace(/%/g,`%25`).replace(/\?/g,`%3F`).replace(/#/g,`%23`)).pathname:e.pathname]),pathnameBase:e.pathnameBase===`/`?c:Mt([c,r.encodeLocation?r.encodeLocation(e.pathnameBase.replace(/%/g,`%25`).replace(/\?/g,`%3F`).replace(/#/g,`%23`)).pathname:e.pathnameBase])})),i,n);return t&&g?d.createElement(Qt.Provider,{value:{location:{pathname:`/`,search:``,hash:``,state:null,key:`default`,mask:void 0,...f},navigationType:`POP`}},g):g}function yn(){let e=Pn(),t=Rt(e)?`${e.status} ${e.statusText}`:e instanceof Error?e.message:JSON.stringify(e),n=e instanceof Error?e.stack:null,r=`rgba(200,200,200, 0.5)`,i={padding:`0.5rem`,backgroundColor:r},a={padding:`2px 4px`,backgroundColor:r},o=null;return console.error(`Error handled by React Router default ErrorBoundary:`,e),o=d.createElement(d.Fragment,null,d.createElement(`p`,null,`💿 Hey developer 👋`),d.createElement(`p`,null,`You can provide a way better UX than this when your app throws errors by providing your own `,d.createElement(`code`,{style:a},`ErrorBoundary`),` or`,` `,d.createElement(`code`,{style:a},`errorElement`),` prop on your route.`)),d.createElement(d.Fragment,null,d.createElement(`h2`,null,`Unexpected Application Error!`),d.createElement(`h3`,{style:{fontStyle:`italic`}},t),n?d.createElement(`pre`,{style:i},n):null,o)}var bn=d.createElement(yn,null),xn=class extends d.Component{constructor(e){super(e),this.state={location:e.location,revalidation:e.revalidation,error:e.error}}static getDerivedStateFromError(e){return{error:e}}static getDerivedStateFromProps(e,t){return t.location!==e.location||t.revalidation!==`idle`&&e.revalidation===`idle`?{error:e.error,location:e.location,revalidation:e.revalidation}:{error:e.error===void 0?t.error:e.error,location:t.location,revalidation:e.revalidation||t.revalidation}}componentDidCatch(e,t){this.props.onError?this.props.onError(e,t):console.error(`React Router caught the following error during render`,e)}render(){let e=this.state.error;if(this.context&&typeof e==`object`&&e&&`digest`in e&&typeof e.digest==`string`){let t=on(e.digest);t&&(e=t)}let t=e===void 0?this.props.children:d.createElement($t.Provider,{value:this.props.routeContext},d.createElement(en.Provider,{value:e,children:this.props.component}));return this.context?d.createElement(Cn,{error:e},t):t}};xn.contextType=Kt;var Sn=new WeakMap;function Cn({children:e,error:t}){let{basename:n}=d.useContext(Zt);if(typeof t==`object`&&t&&`digest`in t&&typeof t.digest==`string`){let e=an(t.digest);if(e){let r=Sn.get(t);if(r)throw r;let i=Vt(e.location,n);if(Bt&&!Sn.get(t))if(i.isExternal||e.reloadDocument)window.location.href=i.absoluteURL||i.to;else{let n=Promise.resolve().then(()=>window.__reactRouterDataRouter.navigate(i.to,{replace:e.replace}));throw Sn.set(t,n),n}return d.createElement(`meta`,{httpEquiv:`refresh`,content:`0;url=${i.absoluteURL||i.to}`})}}return e}function wn({routeContext:e,match:t,children:n}){let r=d.useContext(Wt);return r&&r.static&&r.staticContext&&(t.route.errorElement||t.route.ErrorBoundary)&&(r.staticContext._deepestRenderedBoundaryId=t.route.id),d.createElement($t.Provider,{value:e},n)}function Tn(e,t=[],n){let r=n?.state;if(e==null){if(!r)return null;if(r.errors)e=r.matches;else if(t.length===0&&!r.initialized&&r.matches.length>0)e=r.matches;else return null}let i=e,a=r?.errors;if(a!=null){let e=i.findIndex(e=>e.route.id&&a?.[e.route.id]!==void 0);Je(e>=0,`Could not find a matching route for errors on route IDs: ${Object.keys(a).join(`,`)}`),i=i.slice(0,Math.min(i.length,e+1))}let o=!1,s=-1;if(n&&r){o=r.renderFallback;for(let e=0;e<i.length;e++){let t=i[e];if((t.route.HydrateFallback||t.route.hydrateFallbackElement)&&(s=e),t.route.id){let{loaderData:e,errors:a}=r,c=t.route.loader&&!e.hasOwnProperty(t.route.id)&&(!a||a[t.route.id]===void 0);if(t.route.lazy||c){n.isStatic&&(o=!0),i=s>=0?i.slice(0,s+1):[i[0]];break}}}}let c=n?.onError,l=r&&c?(e,t)=>{c(e,{location:r.location,params:r.matches?.[0]?.params??{},pattern:zt(r.matches),errorInfo:t})}:void 0;return i.reduceRight((e,n,c)=>{let u,f=!1,p=null,m=null;r&&(u=a&&n.route.id?a[n.route.id]:void 0,p=n.route.errorElement||bn,o&&(s<0&&c===0?(Ln(`route-fallback`,!1,"No `HydrateFallback` element provided to render during initial hydration"),f=!0,m=null):s===c&&(f=!0,m=n.route.hydrateFallbackElement||null)));let h=t.concat(i.slice(0,c+1)),g=()=>{let t;return t=u?p:f?m:n.route.Component?d.createElement(n.route.Component,null):n.route.element?n.route.element:e,d.createElement(wn,{match:n,routeContext:{outlet:e,matches:h,isDataRoute:r!=null},children:t})};return r&&(n.route.ErrorBoundary||n.route.errorElement||c===0)?d.createElement(xn,{location:r.location,revalidation:r.revalidation,component:p,error:u,children:g(),routeContext:{outlet:null,matches:h,isDataRoute:!0},onError:l}):g()},null)}function En(e){return`${e} must be used within a data router. See https://reactrouter.com/en/main/routers/picking-a-router.`}function Dn(e){let t=d.useContext(Wt);return Je(t,En(e)),t}function On(e){let t=d.useContext(Gt);return Je(t,En(e)),t}function kn(e){let t=d.useContext($t);return Je(t,En(e)),t}function An(e){let t=kn(e),n=t.matches[t.matches.length-1];return Je(n.route.id,`${e} can only be used on routes that contain a unique "id"`),n.route.id}function jn(){return An(`useRouteId`)}function Mn(){let e=On(`useNavigation`);return d.useMemo(()=>{let{matches:t,historyAction:n,...r}=e.navigation;return r},[e.navigation])}function Nn(){let{matches:e,loaderData:t}=On(`useMatches`);return d.useMemo(()=>e.map(e=>at(e,t)),[e,t])}function Pn(){let e=d.useContext(en),t=On(`useRouteError`),n=An(`useRouteError`);return e===void 0?t.errors?.[n]:e}function Fn(){let{router:e}=Dn(`useNavigate`),t=An(`useNavigate`),n=d.useRef(!1);return fn(()=>{n.current=!0}),d.useCallback(async(r,i={})=>{Ye(n.current,dn),n.current&&(typeof r==`number`?await e.navigate(r):await e.navigate(r,{fromRouteId:t,...i}))},[e,t])}var In={};function Ln(e,t,n){!t&&!In[e]&&(In[e]=!0,Ye(!1,n))}d.memo(Rn);function Rn({routes:e,manifest:t,future:n,state:r,isStatic:i,onError:a}){return vn(e,void 0,{manifest:t,state:r,isStatic:i,onError:a,future:n})}function zn({to:e,replace:t,state:n,relative:r}){Je(cn(),`<Navigate> may be used only in the context of a <Router> component.`);let{static:i}=d.useContext(Zt);Ye(!i,`<Navigate> must not be used on the initial render in a <StaticRouter>. This is a no-op, but you should modify your code so the <Navigate> is only ever rendered in response to some user interaction or state change.`);let{matches:a}=d.useContext($t),{pathname:o}=ln(),s=pn(),c=At(e,kt(a),o,r===`path`),l=JSON.stringify(c);return d.useEffect(()=>{s(JSON.parse(l),{replace:t,state:n,relative:r})},[s,l,r,t,n]),null}function Bn(e){Je(!1,`A <Route> is only ever to be used as the child of <Routes> element, never rendered directly. Please wrap your <Route> in a <Routes>.`)}function Vn({basename:e=`/`,children:t=null,location:n,navigationType:r=`POP`,navigator:i,static:a=!1,useTransitions:o}){Je(!cn(),`You cannot render a <Router> inside another <Router>. You should never have more than one in your app.`);let s=e.replace(/^\/*/,`/`),c=d.useMemo(()=>({basename:s,navigator:i,static:a,useTransitions:o,future:{}}),[s,i,a,o]);typeof n==`string`&&(n=et(n));let{pathname:l=`/`,search:u=``,hash:f=``,state:p=null,key:m=`default`,mask:h}=n,g=d.useMemo(()=>{let e=Ct(l,s);return e==null?null:{location:{pathname:e,search:u,hash:f,state:p,key:m,mask:h},navigationType:r}},[s,l,u,f,p,m,r,h]);return Ye(g!=null,`<Router basename="${s}"> is not able to match the URL "${l}${u}${f}" because it does not start with the basename, so the <Router> won't render anything.`),g==null?null:d.createElement(Zt.Provider,{value:c},d.createElement(Qt.Provider,{children:t,value:g}))}function Hn({children:e,location:t}){return _n(Un(e),t)}d.Component;function Un(e,t=[]){let n=[];return d.Children.forEach(e,(e,r)=>{if(!d.isValidElement(e))return;let i=[...t,r];if(e.type===d.Fragment){n.push.apply(n,Un(e.props.children,i));return}Je(e.type===Bn,`[${typeof e.type==`string`?e.type:e.type.name}] is not a <Route> component. All component children of <Routes> must be a <Route> or <React.Fragment>`),Je(!e.props.index||!e.props.children,`An index route cannot have child routes.`);let a={id:e.props.id||i.join(`-`),caseSensitive:e.props.caseSensitive,element:e.props.element,Component:e.props.Component,index:e.props.index,path:e.props.path,middleware:e.props.middleware,loader:e.props.loader,action:e.props.action,hydrateFallbackElement:e.props.hydrateFallbackElement,HydrateFallback:e.props.HydrateFallback,errorElement:e.props.errorElement,ErrorBoundary:e.props.ErrorBoundary,hasErrorBoundary:e.props.hasErrorBoundary===!0||e.props.ErrorBoundary!=null||e.props.errorElement!=null,shouldRevalidate:e.props.shouldRevalidate,handle:e.props.handle,lazy:e.props.lazy};e.props.children&&(a.children=Un(e.props.children,i)),n.push(a)}),n}var Wn=`get`,Gn=`application/x-www-form-urlencoded`;function Kn(e){return typeof HTMLElement<`u`&&e instanceof HTMLElement}function qn(e){return Kn(e)&&e.tagName.toLowerCase()===`button`}function Jn(e){return Kn(e)&&e.tagName.toLowerCase()===`form`}function Yn(e){return Kn(e)&&e.tagName.toLowerCase()===`input`}function Xn(e){return!!(e.metaKey||e.altKey||e.ctrlKey||e.shiftKey)}function Zn(e,t){return e.button===0&&(!t||t===`_self`)&&!Xn(e)}function Qn(e=``){return new URLSearchParams(typeof e==`string`||Array.isArray(e)||e instanceof URLSearchParams?e:Object.keys(e).reduce((t,n)=>{let r=e[n];return t.concat(Array.isArray(r)?r.map(e=>[n,e]):[[n,r]])},[]))}function $n(e,t){let n=Qn(e);return t&&t.forEach((e,r)=>{n.has(r)||t.getAll(r).forEach(e=>{n.append(r,e)})}),n}var er=null;function tr(){if(er===null)try{new FormData(document.createElement(`form`),0),er=!1}catch{er=!0}return er}var nr=new Set([`application/x-www-form-urlencoded`,`multipart/form-data`,`text/plain`]);function rr(e){return e!=null&&!nr.has(e)?(Ye(!1,`"${e}" is not a valid \`encType\` for \`<Form>\`/\`<fetcher.Form>\` and will default to "${Gn}"`),null):e}function ir(e,t){let n,r,i,a,o;if(Jn(e)){let o=e.getAttribute(`action`);r=o?Ct(o,t):null,n=e.getAttribute(`method`)||Wn,i=rr(e.getAttribute(`enctype`))||Gn,a=new FormData(e)}else if(qn(e)||Yn(e)&&(e.type===`submit`||e.type===`image`)){let o=e.form;if(o==null)throw Error(`Cannot submit a <button> or <input type="submit"> without a <form>`);let s=e.getAttribute(`formaction`)||o.getAttribute(`action`);if(r=s?Ct(s,t):null,n=e.getAttribute(`formmethod`)||o.getAttribute(`method`)||Wn,i=rr(e.getAttribute(`formenctype`))||rr(o.getAttribute(`enctype`))||Gn,a=new FormData(o,e),!tr()){let{name:t,type:n,value:r}=e;if(n===`image`){let e=t?`${t}.`:``;a.append(`${e}x`,`0`),a.append(`${e}y`,`0`)}else t&&a.append(t,r)}}else if(Kn(e))throw Error(`Cannot submit element that is not <form>, <button>, or <input type="submit|image">`);else n=Wn,r=null,i=Gn,o=e;return a&&i===`text/plain`&&(o=a,a=void 0),{action:r,method:n.toLowerCase(),encType:i,formData:a,body:o}}Object.getOwnPropertyNames(Object.prototype).sort().join(`\0`);var ar={"&":`\\u0026`,">":`\\u003e`,"<":`\\u003c`,"\u2028":`\\u2028`,"\u2029":`\\u2029`},or=/[&><\u2028\u2029]/g;function sr(e){return e.replace(or,e=>ar[e])}function cr(e,t){if(e===!1||e==null)throw Error(t)}function lr(e,t,n,r){let i=typeof e==`string`?new URL(e,typeof window>`u`?`server://singlefetch/`:window.location.origin):e;return n?i.pathname.endsWith(`/`)?i.pathname=`${i.pathname}_.${r}`:i.pathname=`${i.pathname}.${r}`:i.pathname===`/`?i.pathname=`_root.${r}`:t&&Ct(i.pathname,t)===`/`?i.pathname=`${Nt(t)}/_root.${r}`:i.pathname=`${Nt(i.pathname)}.${r}`,i}async function ur(e,t){if(e.id in t)return t[e.id];try{let n=await V(()=>import(e.module),[],import.meta.url);return t[e.id]=n,n}catch(t){return console.error(`Error loading route module \`${e.module}\`, reloading page...`),console.error(t),window.__reactRouterContext&&window.__reactRouterContext.isSpaMode,window.location.reload(),new Promise(()=>{})}}function dr(e){return e!=null&&typeof e.page==`string`}function fr(e){return e==null?!1:e.href==null?e.rel===`preload`&&typeof e.imageSrcSet==`string`&&typeof e.imageSizes==`string`:typeof e.rel==`string`&&typeof e.href==`string`}async function pr(e,t,n){return vr((await Promise.all(e.map(async e=>{let r=t.routes[e.route.id];if(r){let e=await ur(r,n);return e.links?e.links():[]}return[]}))).flat(1).filter(fr).filter(e=>e.rel===`stylesheet`||e.rel===`preload`).map(e=>e.rel===`stylesheet`?{...e,rel:`prefetch`,as:`style`}:{...e,rel:`prefetch`}))}function mr(e,t,n,r,i,a){let o=(e,t)=>n[t]?e.route.id!==n[t].route.id:!0,s=(e,t)=>n[t].pathname!==e.pathname||n[t].route.path?.endsWith(`*`)&&n[t].params[`*`]!==e.params[`*`];return a===`assets`?t.filter((e,t)=>o(e,t)||s(e,t)):a===`data`?t.filter((t,a)=>{let c=r.routes[t.route.id];if(!c||!c.hasLoader)return!1;if(o(t,a)||s(t,a))return!0;if(t.route.shouldRevalidate){let r=t.route.shouldRevalidate({currentUrl:new URL(i.pathname+i.search+i.hash,window.origin),currentParams:n[0]?.params||{},nextUrl:new URL(e,window.origin),nextParams:t.params,defaultShouldRevalidate:!0});if(typeof r==`boolean`)return r}return!0}):[]}function hr(e,t,{includeHydrateFallback:n}={}){return gr(e.map(e=>{let r=t.routes[e.route.id];if(!r)return[];let i=[r.module];return r.clientActionModule&&(i=i.concat(r.clientActionModule)),r.clientLoaderModule&&(i=i.concat(r.clientLoaderModule)),n&&r.hydrateFallbackModule&&(i=i.concat(r.hydrateFallbackModule)),r.imports&&(i=i.concat(r.imports)),i}).flat(1))}function gr(e){return[...new Set(e)]}function _r(e){let t={},n=Object.keys(e).sort();for(let r of n)t[r]=e[r];return t}function vr(e,t){let n=new Set,r=new Set(t);return e.reduce((e,i)=>{if(t&&!dr(i)&&i.as===`script`&&i.href&&r.has(i.href))return e;let a=JSON.stringify(_r(i));return n.has(a)||(n.add(a),e.push({key:a,link:i})),e},[])}function yr(){let e=d.useContext(Wt);return cr(e,`You must render this element inside a <DataRouterContext.Provider> element`),e}function br(){let e=d.useContext(Gt);return cr(e,`You must render this element inside a <DataRouterStateContext.Provider> element`),e}var xr=d.createContext(void 0);xr.displayName=`FrameworkContext`;function Sr(){let e=d.useContext(xr);return cr(e,`You must render this element inside a <HydratedRouter> element`),e}function Cr(e,t){let n=d.useContext(xr),[r,i]=d.useState(!1),[a,o]=d.useState(!1),{onFocus:s,onBlur:c,onMouseEnter:l,onMouseLeave:u,onTouchStart:f}=t,p=d.useRef(null);d.useEffect(()=>{if(e===`render`&&o(!0),e===`viewport`){let e=new IntersectionObserver(e=>{e.forEach(e=>{o(e.isIntersecting)})},{threshold:.5});return p.current&&e.observe(p.current),()=>{e.disconnect()}}},[e]),d.useEffect(()=>{if(r){let e=setTimeout(()=>{o(!0)},100);return()=>{clearTimeout(e)}}},[r]);let m=()=>{i(!0)},h=()=>{i(!1),o(!1)};return n?e===`intent`?[a,p,{onFocus:wr(s,m),onBlur:wr(c,h),onMouseEnter:wr(l,m),onMouseLeave:wr(u,h),onTouchStart:wr(f,m)}]:[a,p,{}]:[!1,p,{}]}function wr(e,t){return n=>{e&&e(n),n.defaultPrevented||t(n)}}function Tr({page:e,...t}){let n=qt(),{router:r}=yr(),i=d.useMemo(()=>rt(r.routes,e,r.basename),[r.routes,e,r.basename]);return i?n?d.createElement(Dr,{page:e,matches:i,...t}):d.createElement(Or,{page:e,matches:i,...t}):null}function Er(e){let{manifest:t,routeModules:n}=Sr(),[r,i]=d.useState([]);return d.useEffect(()=>{let r=!1;return pr(e,t,n).then(e=>{r||i(e)}),()=>{r=!0}},[e,t,n]),r}function Dr({page:e,matches:t,...n}){let r=ln(),{future:i}=Sr(),{basename:a}=yr(),o=d.useMemo(()=>{if(e===r.pathname+r.search+r.hash)return[];let n=lr(e,a,i.v8_trailingSlashAwareDataRequests,`rsc`),o=!1,s=[];for(let e of t)typeof e.route.shouldRevalidate==`function`?o=!0:s.push(e.route.id);return o&&s.length>0&&n.searchParams.set(`_routes`,s.join(`,`)),[n.pathname+n.search]},[a,i.v8_trailingSlashAwareDataRequests,e,r,t]);return d.createElement(d.Fragment,null,o.map(e=>d.createElement(`link`,{key:e,rel:`prefetch`,as:`fetch`,href:e,...n})))}function Or({page:e,matches:t,...n}){let r=ln(),{future:i,manifest:a,routeModules:o}=Sr(),{basename:s}=yr(),{loaderData:c,matches:l}=br(),u=d.useMemo(()=>mr(e,t,l,a,r,`data`),[e,t,l,a,r]),f=d.useMemo(()=>mr(e,t,l,a,r,`assets`),[e,t,l,a,r]),p=d.useMemo(()=>{if(e===r.pathname+r.search+r.hash)return[];let n=new Set,l=!1;if(t.forEach(e=>{let t=a.routes[e.route.id];!t||!t.hasLoader||(!u.some(t=>t.route.id===e.route.id)&&e.route.id in c&&o[e.route.id]?.shouldRevalidate||t.hasClientLoader?l=!0:n.add(e.route.id))}),n.size===0)return[];let d=lr(e,s,i.v8_trailingSlashAwareDataRequests,`data`);return l&&n.size>0&&d.searchParams.set(`_routes`,t.filter(e=>n.has(e.route.id)).map(e=>e.route.id).join(`,`)),[d.pathname+d.search]},[s,i.v8_trailingSlashAwareDataRequests,c,r,a,u,t,e,o]),m=d.useMemo(()=>hr(f,a),[f,a]),h=Er(f);return d.createElement(d.Fragment,null,p.map(e=>d.createElement(`link`,{key:e,rel:`prefetch`,as:`fetch`,href:e,...n})),m.map(e=>d.createElement(`link`,{key:e,rel:`modulepreload`,href:e,...n})),h.map(({key:e,link:t})=>d.createElement(`link`,{key:e,nonce:n.nonce,...t,crossOrigin:t.crossOrigin??n.crossOrigin})))}function kr(...e){return t=>{e.forEach(e=>{typeof e==`function`?e(t):e!=null&&(e.current=t)})}}d.Component;var Ar=typeof window<`u`&&window.document!==void 0&&window.document.createElement!==void 0;try{Ar&&(window.__reactRouterVersion=`7.17.0`)}catch{}function jr({basename:e,children:t,useTransitions:n,window:r}){let i=d.useRef();i.current??=qe({window:r,v5Compat:!0});let a=i.current,[o,s]=d.useState({action:a.action,location:a.location}),c=d.useCallback(e=>{n===!1?s(e):d.startTransition(()=>s(e))},[n]);return d.useLayoutEffect(()=>a.listen(c),[a,c]),d.createElement(Vn,{basename:e,children:t,location:o.location,navigationType:o.action,navigator:a,useTransitions:n})}function Mr({basename:e,children:t,history:n,useTransitions:r}){let[i,a]=d.useState({action:n.action,location:n.location}),o=d.useCallback(e=>{r===!1?a(e):d.startTransition(()=>a(e))},[r]);return d.useLayoutEffect(()=>n.listen(o),[n,o]),d.createElement(Vn,{basename:e,children:t,location:i.location,navigationType:i.action,navigator:n,useTransitions:r})}Mr.displayName=`unstable_HistoryRouter`;var Nr=/^(?:[a-z][a-z0-9+.-]*:|\/\/)/i,Pr=d.forwardRef(function({onClick:e,discover:t=`render`,prefetch:n=`none`,relative:r,reloadDocument:i,replace:a,mask:o,state:s,target:c,to:l,preventScrollReset:u,viewTransition:f,defaultShouldRevalidate:p,...m},h){let{basename:g,navigator:_,useTransitions:v}=d.useContext(Zt),y=typeof l==`string`&&Nr.test(l),b=Vt(l,g);l=b.to;let x=sn(l,{relative:r}),ee=ln(),S=null;if(o){let e=At(o,[],ee.mask?ee.mask.pathname:`/`,!0);g!==`/`&&(e.pathname=e.pathname===`/`?g:Mt([g,e.pathname])),S=_.createHref(e)}let[C,w,T]=Cr(n,m),E=Vr(l,{replace:a,mask:o,state:s,target:c,preventScrollReset:u,relative:r,viewTransition:f,defaultShouldRevalidate:p,useTransitions:v});function D(t){e&&e(t),t.defaultPrevented||E(t)}let te=!(b.isExternal||i),O=d.createElement(`a`,{...m,...T,href:(te?S:void 0)||b.absoluteURL||x,onClick:te?D:e,ref:kr(h,w),target:c,"data-discover":!y&&t===`render`?`true`:void 0});return C&&!y?d.createElement(d.Fragment,null,O,d.createElement(Tr,{page:x})):O});Pr.displayName=`Link`;var Fr=d.forwardRef(function({"aria-current":e=`page`,caseSensitive:t=!1,className:n=``,end:r=!1,style:i,to:a,viewTransition:o,children:s,...c},l){let u=gn(a,{relative:c.relative}),f=ln(),p=d.useContext(Gt),{navigator:m,basename:h}=d.useContext(Zt),g=p!=null&&Qr(u)&&o===!0,_=m.encodeLocation?m.encodeLocation(u).pathname:u.pathname,v=f.pathname,y=p&&p.navigation&&p.navigation.location?p.navigation.location.pathname:null;t||(v=v.toLowerCase(),y=y?y.toLowerCase():null,_=_.toLowerCase()),y&&h&&(y=Ct(y,h)||y);let b=_!==`/`&&_.endsWith(`/`)?_.length-1:_.length,x=v===_||!r&&v.startsWith(_)&&v.charAt(b)===`/`,ee=y!=null&&(y===_||!r&&y.startsWith(_)&&y.charAt(_.length)===`/`),S={isActive:x,isPending:ee,isTransitioning:g},C=x?e:void 0,w;w=typeof n==`function`?n(S):[n,x?`active`:null,ee?`pending`:null,g?`transitioning`:null].filter(Boolean).join(` `);let T=typeof i==`function`?i(S):i;return d.createElement(Pr,{...c,"aria-current":C,className:w,ref:l,style:T,to:a,viewTransition:o},typeof s==`function`?s(S):s)});Fr.displayName=`NavLink`;var Ir=d.forwardRef(({discover:e=`render`,fetcherKey:t,navigate:n,reloadDocument:r,replace:i,state:a,method:o=Wn,action:s,onSubmit:c,relative:l,preventScrollReset:u,viewTransition:f,defaultShouldRevalidate:p,...m},h)=>{let{useTransitions:g}=d.useContext(Zt),_=Gr(),v=Kr(s,{relative:l}),y=o.toLowerCase()===`get`?`get`:`post`,b=typeof s==`string`&&Nr.test(s);return d.createElement(`form`,{ref:h,method:y,action:v,onSubmit:r?c:e=>{if(c&&c(e),e.defaultPrevented)return;e.preventDefault();let r=e.nativeEvent.submitter,s=r?.getAttribute(`formmethod`)||o,m=()=>_(r||e.currentTarget,{fetcherKey:t,method:s,navigate:n,replace:i,state:a,relative:l,preventScrollReset:u,viewTransition:f,defaultShouldRevalidate:p});g&&n!==!1?d.startTransition(()=>m()):m()},...m,"data-discover":!b&&e===`render`?`true`:void 0})});Ir.displayName=`Form`;function Lr({getKey:e,storageKey:t,...n}){let r=d.useContext(xr),{basename:i}=d.useContext(Zt),a=ln(),o=Nn();Xr({getKey:e,storageKey:t});let s=d.useMemo(()=>{if(!r||!e)return null;let t=Yr(a,o,i,e);return t===a.key?null:t},[]);if(!r||r.isSpaMode)return null;let c=((e,t)=>{if(!window.history.state||!window.history.state.key){let e=Math.random().toString(32).slice(2);window.history.replaceState({key:e},``)}try{let n=JSON.parse(sessionStorage.getItem(e)||`{}`)[t||window.history.state.key];typeof n==`number`&&window.scrollTo(0,n)}catch(t){console.error(t),sessionStorage.removeItem(e)}}).toString();return d.createElement(`script`,{...n,suppressHydrationWarning:!0,dangerouslySetInnerHTML:{__html:`(${c})(${sr(JSON.stringify(t||qr))}, ${sr(JSON.stringify(s))})`}})}Lr.displayName=`ScrollRestoration`;function Rr(e){return`${e} must be used within a data router. See https://reactrouter.com/en/main/routers/picking-a-router.`}function zr(e){let t=d.useContext(Wt);return Je(t,Rr(e)),t}function Br(e){let t=d.useContext(Gt);return Je(t,Rr(e)),t}function Vr(e,{target:t,replace:n,mask:r,state:i,preventScrollReset:a,relative:o,viewTransition:s,defaultShouldRevalidate:c,useTransitions:l}={}){let u=pn(),f=ln(),p=gn(e,{relative:o});return d.useCallback(m=>{if(Zn(m,t)){m.preventDefault();let t=n===void 0?$e(f)===$e(p):n,h=()=>u(e,{replace:t,mask:r,state:i,preventScrollReset:a,relative:o,viewTransition:s,defaultShouldRevalidate:c});l?d.startTransition(()=>h()):h()}},[f,u,p,n,r,i,t,e,a,o,s,c,l])}function Hr(e){Ye(typeof URLSearchParams<`u`,"You cannot use the `useSearchParams` hook in a browser that does not support the URLSearchParams API. If you need to support Internet Explorer 11, we recommend you load a polyfill such as https://github.com/ungap/url-search-params.");let t=d.useRef(Qn(e)),n=d.useRef(!1),r=ln(),i=d.useMemo(()=>$n(r.search,n.current?null:t.current),[r.search]),a=pn();return[i,d.useCallback((e,t)=>{let r=Qn(typeof e==`function`?e(new URLSearchParams(i)):e);n.current=!0,a(`?`+r,t)},[a,i])]}var Ur=0,Wr=()=>`__${String(++Ur)}__`;function Gr(){let{router:e}=zr(`useSubmit`),{basename:t}=d.useContext(Zt),n=jn(),r=e.fetch,i=e.navigate;return d.useCallback(async(e,a={})=>{let{action:o,method:s,encType:c,formData:l,body:u}=ir(e,t);a.navigate===!1?await r(a.fetcherKey||Wr(),n,a.action||o,{defaultShouldRevalidate:a.defaultShouldRevalidate,preventScrollReset:a.preventScrollReset,formData:l,body:u,formMethod:a.method||s,formEncType:a.encType||c,flushSync:a.flushSync}):await i(a.action||o,{defaultShouldRevalidate:a.defaultShouldRevalidate,preventScrollReset:a.preventScrollReset,formData:l,body:u,formMethod:a.method||s,formEncType:a.encType||c,replace:a.replace,state:a.state,fromRouteId:n,flushSync:a.flushSync,viewTransition:a.viewTransition})},[r,i,t,n])}function Kr(e,{relative:t}={}){let{basename:n}=d.useContext(Zt),r=d.useContext($t);Je(r,`useFormAction must be used inside a RouteContext`);let[i]=r.matches.slice(-1),a={...gn(e||`.`,{relative:t})},o=ln();if(e==null){a.search=o.search;let e=new URLSearchParams(a.search),t=e.getAll(`index`);if(t.some(e=>e===``)){e.delete(`index`),t.filter(e=>e).forEach(t=>e.append(`index`,t));let n=e.toString();a.search=n?`?${n}`:``}}return(!e||e===`.`)&&i.route.index&&(a.search=a.search?a.search.replace(/^\?/,`?index&`):`?index`),n!==`/`&&(a.pathname=a.pathname===`/`?n:Mt([n,a.pathname])),$e(a)}var qr=`react-router-scroll-positions`,Jr={};function Yr(e,t,n,r){let i=null;return r&&(i=r(n===`/`?e:{...e,pathname:Ct(e.pathname,n)||e.pathname},t)),i??=e.key,i}function Xr({getKey:e,storageKey:t}={}){let{router:n}=zr(`useScrollRestoration`),{restoreScrollPosition:r,preventScrollReset:i}=Br(`useScrollRestoration`),{basename:a}=d.useContext(Zt),o=ln(),s=Nn(),c=Mn();d.useEffect(()=>(window.history.scrollRestoration=`manual`,()=>{window.history.scrollRestoration=`auto`}),[]),Zr(d.useCallback(()=>{if(c.state===`idle`){let t=Yr(o,s,a,e);Jr[t]=window.scrollY}try{sessionStorage.setItem(t||qr,JSON.stringify(Jr))}catch(e){Ye(!1,`Failed to save scroll positions in sessionStorage, <ScrollRestoration /> will not work properly (${e}).`)}window.history.scrollRestoration=`auto`},[c.state,e,a,o,s,t])),typeof document<`u`&&(d.useLayoutEffect(()=>{try{let e=sessionStorage.getItem(t||qr);e&&(Jr=JSON.parse(e))}catch{}},[t]),d.useLayoutEffect(()=>{let t=n?.enableScrollRestoration(Jr,()=>window.scrollY,e?(t,n)=>Yr(t,n,a,e):void 0);return()=>t&&t()},[n,a,e]),d.useLayoutEffect(()=>{if(r!==!1){if(typeof r==`number`){window.scrollTo(0,r);return}try{if(o.hash){let e=document.getElementById(decodeURIComponent(o.hash.slice(1)));if(e){e.scrollIntoView();return}}}catch{Ye(!1,`"${o.hash.slice(1)}" is not a decodable element ID. The view will not scroll to it.`)}i!==!0&&window.scrollTo(0,0)}},[o,r,i]))}function Zr(e,t){let{capture:n}=t||{};d.useEffect(()=>{let t=n==null?void 0:{capture:n};return window.addEventListener(`pagehide`,e,t),()=>{window.removeEventListener(`pagehide`,e,t)}},[e,n])}function Qr(e,{relative:t}={}){let n=d.useContext(Jt);Je(n!=null,"`useViewTransitionState` must be used within `react-router-dom`'s `RouterProvider`. Did you accidentally import `RouterProvider` from `react-router`?");let{basename:r}=zr(`useViewTransitionState`),i=gn(e,{relative:t});if(!n.isTransitioning)return!1;let a=Ct(n.currentLocation.pathname,r)||n.currentLocation.pathname,o=Ct(n.nextLocation.pathname,r)||n.nextLocation.pathname;return bt(i.pathname,o)!=null||bt(i.pathname,a)!=null}function $r(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,`default`)?e.default:e}var ei={exports:{}},ti=ei.exports,ni;function ri(){return ni?ei.exports:(ni=1,(function(e){(function(t,n){e.exports?e.exports=n():t.log=n()})(ti,function(){var e=function(){},t=`undefined`,n=typeof window!==t&&typeof window.navigator!==t&&/Trident\/|MSIE /.test(window.navigator.userAgent),r=[`trace`,`debug`,`info`,`warn`,`error`],i={},a=null;function o(e,t){var n=e[t];if(typeof n.bind==`function`)return n.bind(e);try{return Function.prototype.bind.call(n,e)}catch{return function(){return Function.prototype.apply.apply(n,[e,arguments])}}}function s(){console.log&&(console.log.apply?console.log.apply(console,arguments):Function.prototype.apply.apply(console.log,[console,arguments])),console.trace&&console.trace()}function c(r){return r===`debug`&&(r=`log`),typeof console===t?!1:r===`trace`&&n?s:console[r]===void 0?console.log===void 0?e:o(console,`log`):o(console,r)}function l(){for(var n=this.getLevel(),i=0;i<r.length;i++){var a=r[i];this[a]=i<n?e:this.methodFactory(a,n,this.name)}if(this.log=this.debug,typeof console===t&&n<this.levels.SILENT)return`No console available for logging`}function u(e){return function(){typeof console!==t&&(l.call(this),this[e].apply(this,arguments))}}function d(e,t,n){return c(e)||u.apply(this,arguments)}function f(e,n){var o=this,s,c,u,f=`loglevel`;typeof e==`string`?f+=`:`+e:typeof e==`symbol`&&(f=void 0);function p(e){var n=(r[e]||`silent`).toUpperCase();if(!(typeof window===t||!f)){try{window.localStorage[f]=n;return}catch{}try{window.document.cookie=encodeURIComponent(f)+`=`+n+`;`}catch{}}}function m(){var e;if(!(typeof window===t||!f)){try{e=window.localStorage[f]}catch{}if(typeof e===t)try{var n=window.document.cookie,r=encodeURIComponent(f),i=n.indexOf(r+`=`);i!==-1&&(e=/^([^;]+)/.exec(n.slice(i+r.length+1))[1])}catch{}return o.levels[e]===void 0&&(e=void 0),e}}function h(){if(!(typeof window===t||!f)){try{window.localStorage.removeItem(f)}catch{}try{window.document.cookie=encodeURIComponent(f)+`=; expires=Thu, 01 Jan 1970 00:00:00 UTC`}catch{}}}function g(e){var t=e;if(typeof t==`string`&&o.levels[t.toUpperCase()]!==void 0&&(t=o.levels[t.toUpperCase()]),typeof t==`number`&&t>=0&&t<=o.levels.SILENT)return t;throw TypeError(`log.setLevel() called with invalid level: `+e)}o.name=e,o.levels={TRACE:0,DEBUG:1,INFO:2,WARN:3,ERROR:4,SILENT:5},o.methodFactory=n||d,o.getLevel=function(){return u??c??s},o.setLevel=function(e,t){return u=g(e),t!==!1&&p(u),l.call(o)},o.setDefaultLevel=function(e){c=g(e),m()||o.setLevel(e,!1)},o.resetLevel=function(){u=null,h(),l.call(o)},o.enableAll=function(e){o.setLevel(o.levels.TRACE,e)},o.disableAll=function(e){o.setLevel(o.levels.SILENT,e)},o.rebuild=function(){if(a!==o&&(s=g(a.getLevel())),l.call(o),a===o)for(var e in i)i[e].rebuild()},s=g(a?a.getLevel():`WARN`);var _=m();_!=null&&(u=g(_)),l.call(o)}a=new f,a.getLogger=function(e){if(typeof e!=`symbol`&&typeof e!=`string`||e===``)throw TypeError(`You must supply a name when creating a logger.`);var t=i[e];return t||=i[e]=new f(e,a.methodFactory),t};var p=typeof window===t?void 0:window.log;return a.noConflict=function(){return typeof window!==t&&window.log===a&&(window.log=p),a},a.getLoggers=function(){return i},a.default=a,a})})(ei),ei.exports)}var ii=$r(ri()),ai=(e,t)=>n=>n(e,t),oi=(e,t)=>n=>n(e,t,{append:!1}),H={A11yUi:{CSS_STYLE_CACHE:new Map,IS_TEST_ENVIRONMENT:(()=>{let e={},t=e.NODE_ENV===`test`,n=`VITEST`in e,r=`JEST_WORKER_ID`in e,i=`PLAYWRIGHT_TEST_BASE_URL`in e,a=e.CI===`true`,o=e.TEST===`true`||e.IS_TEST===`true`,s=typeof navigator<`u`&&navigator.webdriver===!0,c=typeof navigator<`u`&&/playwright|puppeteer|webdriver|selenium|testcafe/i.test(navigator.userAgent);return t||n||r||i||a||o||s||c})(),PERFORMANCE_MEASURES:new Map,STYLING_TASK_QUEUE:new Map,THEMES:new Map,showAverageTimes:()=>{let e={};for(let[t,n]of H.A11yUi.PERFORMANCE_MEASURES.entries())e[t]=[n.totalTime/n.count,n.count];let t=Object.entries(e).sort((e,t)=>t[1][0]-e[1][0]);return console.table(Object.fromEntries(t.map(([e,[t,n]])=>[e,{"avg (ms)":parseFloat(t.toFixed(2)),count:n}]))),e}}},si=!0,ci=!1,li=/^[a-z][a-z0-9]{1,}(-[a-z0-9]+)?$/,ui=e=>typeof e==`string`&&li.test(e),di=e=>{if(!ui(e))throw Error(`[Theming] The theme identifier "${typeof e==`string`?e:``}" (Type: ${typeof e}) is not valid. Please use only follow this pattern: /^[a-z][a-z0-9]{1,}(-[a-z0-9]+)?$/`)},fi=e=>e.replace(/\/\*[\s\S]*?\*\//g,``).replace(/\s*([{},;])\s*/g,`$1`).replace(/:\s+/g,`:`).replace(/\s+/g,` `).replace(/;\}/g,`}`).trim(),pi=(e,t,n,r)=>mi(e,t,n,r),mi=(e,t,n,r)=>{r??={},r.append=r.append??!1,di(e),si&&!ci&&(ci=!0,ii.warn(`[Theming] The theme process is locked. This means that the theme "${e}" should not be patched.
|
|
13
|
+
|
|
14
|
+
import { register } from 'adopted-style-sheets';
|
|
15
|
+
import { defineCustomElements } from '...';
|
|
16
|
+
import { THEME } from '...';
|
|
17
|
+
|
|
18
|
+
register(THEME, defineCustomElements)
|
|
19
|
+
.then(() => {
|
|
20
|
+
// run your app or website
|
|
21
|
+
})
|
|
22
|
+
.catch(console.warn);`));let i=H.A11yUi.THEMES.get(e);if(i||(i=new Map,H.A11yUi.THEMES.set(e,i)),r.append&&i.has(t)){let e=i.get(t);i.set(t,fi(`${e}${n}`))}else i.set(t,fi(n))},hi=(e,t,n,r)=>gi(e,t,n,r),gi=(e,t,n,r)=>(di(e),typeof t==`object`&&t&&Object.getOwnPropertyNames(t).forEach(i=>{let a=t[i],o=i.toLowerCase(),s=typeof r?.transformTagName==`function`&&![`GLOBAL`,`PROPERTIES`].includes(i)?r.transformTagName(o):i;typeof a==`string`&&a.length>0&&mi(e,s.toUpperCase(),a,n)}),e),_i=e=>{if(e instanceof HTMLElement){if(typeof e.dataset.theme==`string`)return e;{let t=e.parentNode;for(;t instanceof ShadowRoot;)t=t.host;return _i(t)}}else return null},vi=(e={})=>e.themeEncroachCss===`false`||e.themeReset===`true`?!1:{mode:e.themeEncroachCssMode===`after`||e.themeEncroachCssMode===`before`?e.themeEncroachCssMode:`before`},yi=()=>typeof H.A11yUi.Theme==`object`&&H.A11yUi.Theme!==null&&typeof H.A11yUi.Theme.cache==`boolean`&&typeof H.A11yUi.Theme.encroachCss==`object`&&H.A11yUi.Theme.encroachCss!==null&&typeof H.A11yUi.Theme.encroachCss.mode==`string`&&typeof H.A11yUi.Theme.name==`string`,bi=()=>!(typeof H.A11yUi.Theme==`object`&&H.A11yUi.Theme!==null)||H.A11yUi.Theme.name!=="default",xi=e=>{if(yi())return H.A11yUi.Theme;{let t={cache:!0,encroachCss:vi(),loglevel:`silent`,mode:`csr`,name:null},n=_i(e);return n instanceof HTMLElement&&(t.cache=n.dataset.themeCache!==`false`,t.encroachCss=vi(n.dataset),t.loglevel=n.dataset.themeLoglevel===`debug`?n.dataset.themeLoglevel:`silent`,t.mode=n.dataset.themeMode===`ssr`?n.dataset.themeMode:`csr`,t.name=n.dataset.theme||null),t}},Si=()=>yi()?H.A11yUi.Theme.name:null,Ci=(e,t)=>({cache:t.cache!==!1,detect:t.detect===`auto`?`auto`:`fixed`,encroachCss:t.encroachCss===!1?!1:typeof t.encroachCss==`object`&&t.encroachCss!=null&&(t.encroachCss.mode===`after`||t.encroachCss.mode===`before`)?t.encroachCss:{mode:`before`},loglevel:t.loglevel===`debug`?t.loglevel:`silent`,mode:t.mode===`ssr`?t.mode:`csr`,name:typeof t.name==`string`?t.name:e}),wi=(e,t)=>{yi()===!1&&bi()&&typeof t==`object`&&t&&(t=Ci(e,t),t.detect===`fixed`?(t.name===null&&typeof e==`string`&&(t.name=e),e===t.name&&(H.A11yUi.Theme=t,ii.info(`[Theming] Theme "${e}" was set as default theme.`))):ci||(ci=!0,ii.warn(`[Theming] The presetting of theme options is only relevant by using 'fixed' detection mode.`)))},Ti=!1,Ei=(e,t,n={})=>{Ti||(Ti=!0,si=!1,typeof window<`u`&&(window.A11yUi=H.A11yUi)),typeof e==`function`?e=new Set([e]):Array.isArray(e)&&(e=new Set(e)),e instanceof Set&&e.forEach(e=>{typeof e==`function`&&e.length===1?wi(e((e,t,r)=>gi(e,t,r,n)),{cache:n.theme?.cache,detect:n.theme?.detect,encroachCss:n.theme?.encroachCss,mode:n.theme?.mode,name:n.theme?.name}):ii.error(`[Theming] An attempt was made to load an incompatible theme.`)}),si=!0,typeof t==`function`?t=new Set([t]):Array.isArray(t)&&(t=new Set(t));let r=[];return t.forEach(e=>{let t=e();t instanceof Promise&&r.push(t)}),Promise.all(r)},Di=new Set,Oi=new Map,ki=/--[^;]+/g,Ai=/:/,ji=typeof MutationObserver<`u`,Mi=25,Ni=()=>{Mi=Math.min(25+Math.log2(H.A11yUi.STYLING_TASK_QUEUE.size+1)*20,250)},Pi=(e,t)=>{let n=t.match(ki);if(Array.isArray(n)){n=n.filter(e=>Ai.test(e));let t=document.createElement(`style`);t.innerHTML=`.${e} {${n.join(`;`)}}`,document.querySelector(`head`)?.appendChild(t)}Di.add(e)},Fi=(e,t)=>{let n=H.A11yUi.THEMES.get(e);if(n instanceof Map){let e=n.get(t);if(e!==void 0)return e}return``},Ii=e=>{let t=e.firstChild;if(!(!(t instanceof HTMLStyleElement)||t.dataset.themingFallback!==void 0))for(let t of Array.from(e.childNodes))if(t instanceof HTMLStyleElement&&t.tagName===`STYLE`&&t.dataset.themingFallback===void 0)e.removeChild(t);else break},Li=(e,t)=>{try{if(H.A11yUi.Theme?.mode===`ssr`)throw Error(`SSR`);e.adoptedStyleSheets=t.filter(e=>typeof e==`string`&&e.length>0).map(e=>{let t=Oi.get(e);return t||(t=new CSSStyleSheet,t.replaceSync(e),Oi.set(e,t)),t})}catch{for(let n=t.length-1;n>=0;n--){let r=t[n];if(typeof r!=`string`||r.length===0)continue;let i=t.length-1-n,a=document.createElement(`style`);switch(a.dataset.themingFallback=``,i){case 4:a.dataset.themingBaseA11y=``;break;case 3:a.dataset.themingBaseGlobal=``;break;case 2:a.dataset.themingBaseComponent=``;break;case 1:a.dataset.themingCustomGlobal=``;break;case 0:a.dataset.themingCustomComponent=``;break;default:a.dataset.themingUnknown=``;break}a.innerHTML=r,e.insertBefore(a,e.firstChild)}}},Ri=(e,t,n)=>{if(n===!1||n?.mode!==`before`&&n?.mode!==`after`)return;let r=Array.from(e.childNodes).filter(e=>e instanceof HTMLStyleElement&&e.tagName===`STYLE`),i;try{i=Array.from(e.adoptedStyleSheets)}catch{i=[]}if(!(r.length===0&&i.length===0))if(n.mode===`before`){let e=[...i.map(e=>Array.from(e.cssRules).map(e=>e.cssText).join(``)),...r.map(e=>e.innerHTML)];t.unshift(...e)}else r.forEach(e=>t.push(e.innerHTML)),i.forEach(e=>t.push(Array.from(e.cssRules).map(e=>e.cssText).join(``)))},zi=(e,t,n)=>{let r=t.name||`default`,i;try{if(e.shadowRoot===null)throw Error(`ShadowRoot is null`);i=e.shadowRoot}catch{i=e}let a=H.A11yUi.CSS_STYLE_CACHE.get(r)?.get(e.tagName);if(a)Bi(e,i,a,n);else{let a=Fi(r,`PROPERTIES`),o=Fi(r,`GLOBAL`),s=Fi(r,e.tagName);Di.has(r)===!1&&Pi(r,o);let c=[a,o,s];if(Ri(i,c,t.encroachCss),t.cache===!0){let t=H.A11yUi.CSS_STYLE_CACHE.get(r);t||(t=new Map,H.A11yUi.CSS_STYLE_CACHE.set(r,t)),t.set(e.tagName,c)}Bi(e,i,c,n)}},Bi=(e,t,n,r)=>{let i=H.A11yUi.Theme?.loglevel===`debug`,a=i?performance.now():0;if(Ii(t),Li(t,n),Zi(e),requestAnimationFrame(r),i){let t=performance.now()-a,n=H.A11yUi.PERFORMANCE_MEASURES.get(e.tagName);n?(n.count+=1,n.totalTime+=t):H.A11yUi.PERFORMANCE_MEASURES.set(e.tagName,{count:1,totalTime:t})}},Vi=e=>{let t=H.A11yUi.STYLING_TASK_QUEUE.get(e);if(t){let{resetCss:n,themeDetails:r}=t;zi(e,r,n)}},Hi=100,Ui=(e,t=0)=>{if(t>=Hi)return;let n=setTimeout(()=>{clearTimeout(n),e.classList.contains(`hydrated`)?Vi(e):Ui(e,t+1)},Mi)},Wi={attributes:!0,attributeFilter:[`class`],childList:!1,subtree:!1},Gi={attributes:!0,attributeFilter:[],childList:!1,subtree:!1},Ki=ji?new MutationObserver((e,t)=>{let n=[];for(let t of e){let e=t.target;e.classList.contains(`hydrated`)&&H.A11yUi.STYLING_TASK_QUEUE.has(e)&&(Vi(e),n.push(e))}for(let e of n)t.observe(e,Gi)}):null;Ki&&(Ui=e=>Ki.observe(e,Wi),Ni=()=>{});var qi=new Map,Ji=(e,t)=>{if(t){let e=qi.get(t);if(e!==void 0)return e}let n=getComputedStyle(e).getPropertyValue(`--theme-visibility-delay`).trim(),r;if(n.endsWith(`ms`))r=parseFloat(n);else if(n.endsWith(`s`))r=parseFloat(n)*1e3;else{let e=parseFloat(n);r=isNaN(e)?0:e}return t&&qi.set(t,r),r};H.A11yUi.IS_TEST_ENVIRONMENT&&(Ji=()=>0);var Yi=(e,t)=>{e.style.setProperty(`visibility`,t),e.dataset.themed=``},Xi=(e,t)=>{let n=e.style.visibility||null,r=t.name||`default`;H.A11yUi.STYLING_TASK_QUEUE.set(e,{resetCss:()=>{let t=Ji(e,r);t>0?setTimeout(()=>{Yi(e,n)},t):Yi(e,n)},themeDetails:t}),e.style.setProperty(`visibility`,`hidden`,`important`),Ui(e)},Zi=e=>{H.A11yUi.STYLING_TASK_QUEUE.delete(e),Ni()},Qi=(e,t)=>{Xi(e,{...H.A11yUi.Theme,...t})},$i=class{Prefix;Key;Tag;createTheme=(e,t)=>oi(e,t);createTranslation=(e,t)=>ai(e,t);constructor(e,t,n){this.Prefix=e,this.Key=Object.getOwnPropertyNames(t),this.Tag=Object.getOwnPropertyNames(n)}},ea;(function(e){e[e.error=0]=`error`,e[e.warning=1]=`warning`,e[e.info=2]=`info`,e[e.success=3]=`success`,e[e.message=4]=`message`,e[e.close=5]=`close`,e[e[`form-description`]=6]=`form-description`,e[e.of=7]=`of`,e[e.characters=8]=`characters`,e[e.new=9]=`new`,e[e[`no-entries`]=10]=`no-entries`,e[e[`change-order`]=11]=`change-order`,e[e[`action-running`]=12]=`action-running`,e[e[`action-done`]=13]=`action-done`,e[e[`page-first`]=14]=`page-first`,e[e[`page-back`]=15]=`page-back`,e[e[`page-next`]=16]=`page-next`,e[e[`page-last`]=17]=`page-last`,e[e[`entries-per-site`]=18]=`entries-per-site`,e[e[`page-current`]=19]=`page-current`,e[e[`page-selected`]=20]=`page-selected`,e[e[`page-per-site`]=21]=`page-per-site`,e[e[`logo-description`]=22]=`logo-description`,e[e[`live-value-bounded`]=23]=`live-value-bounded`,e[e[`live-value`]=24]=`live-value`,e[e[`open-link-in-tab`]=25]=`open-link-in-tab`,e[e[`kolibri-logo`]=26]=`kolibri-logo`})(ea||={});var ta;(function(e){e[e.abbr=0]=`abbr`,e[e.accordion=1]=`accordion`,e[e.alert=2]=`alert`,e[e.avatar=3]=`avatar`,e[e.badge=4]=`badge`,e[e.breadcrumb=5]=`breadcrumb`,e[e.button=6]=`button`,e[e[`button-link`]=7]=`button-link`,e[e.card=8]=`card`,e[e.combobox=9]=`combobox`,e[e.details=10]=`details`,e[e.dialog=11]=`dialog`,e[e.drawer=12]=`drawer`,e[e.form=13]=`form`,e[e.heading=14]=`heading`,e[e.icon=15]=`icon`,e[e.image=16]=`image`,e[e[`input-checkbox`]=17]=`input-checkbox`,e[e[`input-color`]=18]=`input-color`,e[e[`input-date`]=19]=`input-date`,e[e[`input-email`]=20]=`input-email`,e[e[`input-file`]=21]=`input-file`,e[e[`input-number`]=22]=`input-number`,e[e[`input-password`]=23]=`input-password`,e[e[`input-radio`]=24]=`input-radio`,e[e[`input-range`]=25]=`input-range`,e[e[`input-text`]=26]=`input-text`,e[e.kolibri=27]=`kolibri`,e[e.link=28]=`link`,e[e[`link-button`]=29]=`link-button`,e[e.logo=30]=`logo`,e[e.meter=31]=`meter`,e[e.modal=32]=`modal`,e[e.nav=33]=`nav`,e[e.pagination=34]=`pagination`,e[e[`popover-button`]=35]=`popover-button`,e[e.progress=36]=`progress`,e[e.quote=37]=`quote`,e[e.select=38]=`select`,e[e[`single-select`]=39]=`single-select`,e[e[`skip-nav`]=40]=`skip-nav`,e[e.spin=41]=`spin`,e[e[`split-button`]=42]=`split-button`,e[e.symbol=43]=`symbol`,e[e.table=44]=`table`,e[e[`table-stateful`]=45]=`table-stateful`,e[e[`table-stateless`]=46]=`table-stateless`,e[e.tabs=47]=`tabs`,e[e.textarea=48]=`textarea`,e[e[`toast-container`]=49]=`toast-container`,e[e.toolbar=50]=`toolbar`,e[e.tooltip=51]=`tooltip`,e[e.tree=52]=`tree`,e[e[`tree-item`]=53]=`tree-item`})(ta||={});var na=()=>typeof window<`u`?window:{},ra=()=>{let e=na();return e&&e.document!==void 0?e.document:{}},ia=[`development`,`production`,`test`],aa=`production`,oa=e=>{try{if(ia.includes(e))aa=e;else throw Error(`Invalid NODE_ENV value: ${e}. Expected one of ${ia.join(`, `)}.`)}catch{aa=`production`}};oa((()=>{try{let e=typeof process<`u`?`production`:void 0;if(e&&ia.includes(e))return e}catch{}return`production`})());var sa=!1,ca=!1,la=()=>aa===`development`,ua=()=>aa===`test`,da=()=>sa===!0,fa=e=>{sa=e===!0},pa=()=>ca===!0,ma=e=>{ca=e===!0},ha=`color: white; background: #666; font-weight: bold; padding: .25em .5em; border-radius: 3px; border: 1px solid #000`,ga=e=>Array.isArray(e)?e:[e],_a=e=>`%c${e}`,va=(e,t)=>typeof t==`string`&&t.length>0?`${_a(e)} | ${t}`:_a(e),ya=(e,t)=>[va(e,t?.classifier),`${ha};${t?.overwriteStyle||``}`],ba=e=>la()||e===!0,xa=new class{constructor(e){this.label=e}debug(e,t){ba(t?.forceLog)&&console.debug(...ya(this.label,t),...ga(e))}info(e,t){ba(t?.forceLog)&&console.info(...ya(this.label,t),...ga(e))}trace(e,t){ba(t?.forceLog)&&console.trace(...ya(this.label,t),...ga(e))}warn(e,t){ba(t?.forceLog)&&console.warn(...ya(this.label,t),...ga(e))}error(e,t){console.error(...ya(this.label,t),...ga(e))}throw(e,t){if(ba(t?.forceLog))throw Error(...ya(this.label,t),...ga(e))}}(`KoliBri`),Sa=new Set,Ca=(e,t)=>{Sa.has(e)===!1&&(Sa.add(e),xa.debug([e],{classifier:`✋ a11y`,forceLog:!1,overwriteStyle:`; background-color: #09f`}))},wa=new Set,Ta=(e,t)=>{wa.has(e)===!1&&(wa.add(e),xa.warn([e],{classifier:`🔥 deprecated`,forceLog:!1,overwriteStyle:`; background-color: #f00`}))},Ea=new Set,Da=(e,t)=>{(Ea.has(e)===!1||t?.force)&&(Ea.add(e),xa.debug([e].concat(t?.details||[]),{classifier:`💻 dev`,forceLog:!!t?.force,overwriteStyle:`; background-color: #f09`}))},Oa=(e,t)=>{Ea.has(e)===!1&&(Ea.add(e),xa.warn([e],{classifier:`⚠️ dev`,forceLog:!1,overwriteStyle:`; background-color: #f09`}))},ka=new Set,Aa=(e,t=!1,n)=>{ka.has(e)===!1&&(ka.add(e),e+=t===!0?` ✅`:``,xa.debug([e],{classifier:`🌟 feature`,forceLog:!1,overwriteStyle:`; background-color: #309`}))};Da(`We appreciate any feedback, comments, screenshots, or demo links of an application based on KoliBri (kolibri@itzbund.de). Thank you!`);var ja=new Set,Ma=(e,t)=>{ja.has(e)===!1&&(ja.add(e),xa.debug([e],{classifier:`📑 ui/ux`,forceLog:!1,overwriteStyle:`; background-color: #060;`}))},Na=()=>{Ca(`"Disabled" limits accessibility and visibility. From an accessibility perspective, we recommend using the readonly attribute instead of disabled.
|
|
23
|
+
- https://uxdesign.cc/is-it-ok-to-grey-out-disabled-buttons-8afa74a0fae`)},Pa=e=>{(typeof e!=`string`||e===``)&&Ca(`Some structural elements, such as the nav tag, can be used multiple times on a webpage. To distinguish between similarly named structural elements, it is necessary to set an ARIA label.
|
|
24
|
+
- https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/Navigation_Role#accessibility_concerns`)},Fa=(e,t=8)=>{t>7&&Ma(`[${e}] Within navigation structures, it is recommended to use no more than 7 menu items.
|
|
25
|
+
|
|
26
|
+
Link:
|
|
27
|
+
- https://en.wikipedia.org/wiki/The_Magical_Number_Seven,_Plus_or_Minus_Two`)},Ia=.2126,La=.7152,Ra=.0722,za=1/12.92;function Ba(e){return((e+.055)/1.055)**2.4}function Va(e){var t=e[0]/255,n=e[1]/255,r=e[2]/255,i=t<=.03928?t*za:Ba(t),a=n<=.03928?n*za:Ba(n),o=r<=.03928?r*za:Ba(r);return i*Ia+a*La+o*Ra}function Ha(e){var t=255;(e=e.replace(/^#/,``)).length===8&&(t=parseInt(e.slice(6,8),16),e=e.substring(0,6)),e.length===4&&(t=parseInt(e.slice(3,4).repeat(2),16),e=e.substring(0,3)),e.length===3&&(e=e[0]+e[0]+e[1]+e[1]+e[2]+e[2]);var n=parseInt(e,16);return[n>>16,n>>8&255,255&n,t]}function Ua(e,t){return(Math.max(e,t)+.05)/(Math.min(e,t)+.05)}function Wa(e,t){return Ua(Va(e),Va(t))}function Ga(e,t){return Wa(Ha(e),Ha(t))}function Ka(e){return e>=7?`AAA`:e>=4.5?`AA`:e>=3?`AA Large`:`Fail`}var qa,Ja;function Ya(){return Ja?qa:(Ja=1,qa={aliceblue:[240,248,255],antiquewhite:[250,235,215],aqua:[0,255,255],aquamarine:[127,255,212],azure:[240,255,255],beige:[245,245,220],bisque:[255,228,196],black:[0,0,0],blanchedalmond:[255,235,205],blue:[0,0,255],blueviolet:[138,43,226],brown:[165,42,42],burlywood:[222,184,135],cadetblue:[95,158,160],chartreuse:[127,255,0],chocolate:[210,105,30],coral:[255,127,80],cornflowerblue:[100,149,237],cornsilk:[255,248,220],crimson:[220,20,60],cyan:[0,255,255],darkblue:[0,0,139],darkcyan:[0,139,139],darkgoldenrod:[184,134,11],darkgray:[169,169,169],darkgreen:[0,100,0],darkgrey:[169,169,169],darkkhaki:[189,183,107],darkmagenta:[139,0,139],darkolivegreen:[85,107,47],darkorange:[255,140,0],darkorchid:[153,50,204],darkred:[139,0,0],darksalmon:[233,150,122],darkseagreen:[143,188,143],darkslateblue:[72,61,139],darkslategray:[47,79,79],darkslategrey:[47,79,79],darkturquoise:[0,206,209],darkviolet:[148,0,211],deeppink:[255,20,147],deepskyblue:[0,191,255],dimgray:[105,105,105],dimgrey:[105,105,105],dodgerblue:[30,144,255],firebrick:[178,34,34],floralwhite:[255,250,240],forestgreen:[34,139,34],fuchsia:[255,0,255],gainsboro:[220,220,220],ghostwhite:[248,248,255],gold:[255,215,0],goldenrod:[218,165,32],gray:[128,128,128],green:[0,128,0],greenyellow:[173,255,47],grey:[128,128,128],honeydew:[240,255,240],hotpink:[255,105,180],indianred:[205,92,92],indigo:[75,0,130],ivory:[255,255,240],khaki:[240,230,140],lavender:[230,230,250],lavenderblush:[255,240,245],lawngreen:[124,252,0],lemonchiffon:[255,250,205],lightblue:[173,216,230],lightcoral:[240,128,128],lightcyan:[224,255,255],lightgoldenrodyellow:[250,250,210],lightgray:[211,211,211],lightgreen:[144,238,144],lightgrey:[211,211,211],lightpink:[255,182,193],lightsalmon:[255,160,122],lightseagreen:[32,178,170],lightskyblue:[135,206,250],lightslategray:[119,136,153],lightslategrey:[119,136,153],lightsteelblue:[176,196,222],lightyellow:[255,255,224],lime:[0,255,0],limegreen:[50,205,50],linen:[250,240,230],magenta:[255,0,255],maroon:[128,0,0],mediumaquamarine:[102,205,170],mediumblue:[0,0,205],mediumorchid:[186,85,211],mediumpurple:[147,112,219],mediumseagreen:[60,179,113],mediumslateblue:[123,104,238],mediumspringgreen:[0,250,154],mediumturquoise:[72,209,204],mediumvioletred:[199,21,133],midnightblue:[25,25,112],mintcream:[245,255,250],mistyrose:[255,228,225],moccasin:[255,228,181],navajowhite:[255,222,173],navy:[0,0,128],oldlace:[253,245,230],olive:[128,128,0],olivedrab:[107,142,35],orange:[255,165,0],orangered:[255,69,0],orchid:[218,112,214],palegoldenrod:[238,232,170],palegreen:[152,251,152],paleturquoise:[175,238,238],palevioletred:[219,112,147],papayawhip:[255,239,213],peachpuff:[255,218,185],peru:[205,133,63],pink:[255,192,203],plum:[221,160,221],powderblue:[176,224,230],purple:[128,0,128],rebeccapurple:[102,51,153],red:[255,0,0],rosybrown:[188,143,143],royalblue:[65,105,225],saddlebrown:[139,69,19],salmon:[250,128,114],sandybrown:[244,164,96],seagreen:[46,139,87],seashell:[255,245,238],sienna:[160,82,45],silver:[192,192,192],skyblue:[135,206,235],slateblue:[106,90,205],slategray:[112,128,144],slategrey:[112,128,144],snow:[255,250,250],springgreen:[0,255,127],steelblue:[70,130,180],tan:[210,180,140],teal:[0,128,128],thistle:[216,191,216],tomato:[255,99,71],turquoise:[64,224,208],violet:[238,130,238],wheat:[245,222,179],white:[255,255,255],whitesmoke:[245,245,245],yellow:[255,255,0],yellowgreen:[154,205,50]},qa)}var Xa,Za;function Qa(){if(Za)return Xa;Za=1;var e=Ya();Xa=n;var t={red:0,orange:60,yellow:120,green:180,blue:240,purple:300};function n(n){var r,i=[],a=1,o;if(typeof n==`string`)if(n=n.toLowerCase(),e[n])i=e[n].slice(),o=`rgb`;else if(n===`transparent`)a=0,o=`rgb`,i=[0,0,0];else if(/^#[A-Fa-f0-9]+$/.test(n)){var s=n.slice(1),c=s.length,l=c<=4;a=1,l?(i=[parseInt(s[0]+s[0],16),parseInt(s[1]+s[1],16),parseInt(s[2]+s[2],16)],c===4&&(a=parseInt(s[3]+s[3],16)/255)):(i=[parseInt(s[0]+s[1],16),parseInt(s[2]+s[3],16),parseInt(s[4]+s[5],16)],c===8&&(a=parseInt(s[6]+s[7],16)/255)),i[0]||=0,i[1]||=0,i[2]||=0,o=`rgb`}else if(r=/^((?:rgb|hs[lvb]|hwb|cmyk?|xy[zy]|gray|lab|lchu?v?|[ly]uv|lms)a?)\s*\(([^\)]*)\)/.exec(n)){var u=r[1],d=u===`rgb`,s=u.replace(/a$/,``);o=s;var c=s===`cmyk`?4:s===`gray`?1:3;i=r[2].trim().split(/\s*[,\/]\s*|\s+/).map(function(e,n){if(/%$/.test(e))return n===c?parseFloat(e)/100:s===`rgb`?parseFloat(e)*255/100:parseFloat(e);if(s[n]===`h`){if(/deg$/.test(e))return parseFloat(e);if(t[e]!==void 0)return t[e]}return parseFloat(e)}),u===s&&i.push(1),a=d||i[c]===void 0?1:i[c],i=i.slice(0,c)}else n.length>10&&/[0-9](?:\s|\/)/.test(n)&&(i=n.match(/([0-9]+)/g).map(function(e){return parseFloat(e)}),o=n.match(/([a-z])/gi).join(``).toLowerCase());else isNaN(n)?Array.isArray(n)||n.length?(i=[n[0],n[1],n[2]],o=`rgb`,a=n.length===4?n[3]:1):n instanceof Object&&(n.r!=null||n.red!=null||n.R!=null?(o=`rgb`,i=[n.r||n.red||n.R||0,n.g||n.green||n.G||0,n.b||n.blue||n.B||0]):(o=`hsl`,i=[n.h||n.hue||n.H||0,n.s||n.saturation||n.S||0,n.l||n.lightness||n.L||n.b||n.brightness]),a=n.a||n.alpha||n.opacity||1,n.opacity!=null&&(a/=100)):(o=`rgb`,i=[n>>>16,(n&65280)>>>8,n&255]);return{space:o,values:i,alpha:a}}return Xa}var $a=$r(Qa()),eo={min:[0,0,0],max:[255,255,255]},to={name:`hsl`,min:[0,0,0],max:[360,100,100],channel:[`hue`,`saturation`,`lightness`],alias:[`HSL`],rgb:function(e){var t=e[0]/360,n=e[1]/100,r=e[2]/100,i,a,o,s,c,l=0;if(n===0)return c=r*255,[c,c,c];for(a=r<.5?r*(1+n):r+n-r*n,i=2*r-a,s=[0,0,0];l<3;)o=t+1/3*-(l-1),o<0?o++:o>1&&o--,c=6*o<1?i+(a-i)*6*o:2*o<1?a:3*o<2?i+(a-i)*(2/3-o)*6:i,s[l++]=c*255;return s}};eo.hsl=function(e){var t=e[0]/255,n=e[1]/255,r=e[2]/255,i=Math.min(t,n,r),a=Math.max(t,n,r),o=a-i,s,c,l;return a===i?s=0:t===a?s=(n-r)/o:n===a?s=2+(r-t)/o:r===a&&(s=4+(t-n)/o),s=Math.min(s*60,360),s<0&&(s+=360),l=(i+a)/2,c=a===i?0:l<=.5?o/(a+i):o/(2-a-i),[s,c*100,l*100]};var no={exports:{}},ro;function io(){if(ro)return no.exports;ro=1,no.exports=e,no.exports.arr=e,no.exports.obj=t,no.exports.css=n,no.exports.hex=r,no.exports.num=i;function e(e){var t=a(e);return t.length==3?t.concat(255):(t[3]=Math.round(t[3]),t)}function t(e){var t=a(e);return{r:t[0],g:t[1],b:t[2],a:t.length==3?255:Math.round(t[3])}}function n(e){var t=a(e);return t.length==3&&t.push(255),t[3]==255?`rgb(`+t[0]+`, `+t[1]+`, `+t[2]+`)`:t[3]==0?`rgba(`+t[0]+`, `+t[1]+`, `+t[2]+`, 0)`:`rgba(`+t[0]+`, `+t[1]+`, `+t[2]+`, `+String(t[3]/255).substr(1)+`)`}function r(e){var t=a(e);t.length==3&&t.push(255);var n=t[3]==255,r=o(t[0]),i=o(t[1]),c=o(t[2]),t=o(Math.round(t[3])),l=s(r,i,c,t);return n?l?`#`+r.charAt(0)+i.charAt(0)+c.charAt(0):`#`+r+i+c:l?`#`+r.charAt(0)+i.charAt(0)+c.charAt(0)+t.charAt(0):`#`+r+i+c+t}function i(e){var t=a(e);return t.length==3?t.push(255):t[3]=Math.round(t[3]),(t[3]<<24>>>0|t[0]<<16|t[1]<<8|t[2])>>>0}function a(e){return typeof e==`string`?(e=e.toLowerCase(),c(e)||u(e)||d(e)||g(e)||_(e)||[0,0,0,255]):p(e)||m(e)||h(e)||[0,0,0,255]}function o(e){var t=e.toString(16);return t.length==1?`0`+t:t}function s(e,t,n,r){var i=[`ff`,`00`,`11`,`22`,`33`,`44`,`55`,`66`,`77`,`88`,`99`,`aa`,`bb`,`cc`,`dd`,`ee`];return i.indexOf(e)!=-1&&i.indexOf(t)!=-1&&i.indexOf(n)!=-1&&i.indexOf(r)!=-1}function c(e){if(e==`red`)return[255,0,0];if(e==`green`)return[0,255,0];if(e==`blue`)return[0,0,255];if(e==`black`)return[0,0,0];if(e==`white`)return[255,255,255];if(e==`cyan`)return[0,255,255];if(e==`gray`||e==`grey`)return[128,128,128];if(e==`magenta`||e==`pink`)return[255,0,255];if(e==`yellow`)return[255,255,0]}function l(e){return e.length==1?parseInt(e+e,16):parseInt(e,16)}function u(e){var t=e.replace(/^#/,``),n=t.length;if(n==3||n==4){var r=l(t[0]),i=l(t[1]),a=l(t[2]),o=n==3?255:l(t[3]);return isNaN(r)||isNaN(i)||isNaN(a)||isNaN(o)?void 0:[r,i,a,o]}}function d(e){var t=e.replace(/^#/,``),n=t.length;if(n==6||n==8){var r=l(t.slice(0,2)),i=l(t.slice(2,4)),a=l(t.slice(4,6)),o=n==6?255:l(t.slice(6,8));return isNaN(r)||isNaN(i)||isNaN(a)||isNaN(o)?void 0:[r,i,a,o]}}function f(e,t){return typeof e!=`number`||t===!0&&Math.floor(e)!==e?-1:e>=0&&e<=255?e:-1}function p(e){if(Object.prototype.toString.call(e)===`[object Object]`&&Object.getPrototypeOf(e)===Object.getPrototypeOf({})){var t=f(e.r==null?e.red==null?0:e.red:e.r,!0),n=f(e.g==null?e.green==null?0:e.green:e.g,!0),r=f(e.b==null?e.blue==null?0:e.blue:e.b,!0),i=f(e.a==null?e.alpha==null?255:e.alpha:e.a,!0);if(t!=-1&&n!=-1&&r!=-1&&i!=-1)return[t,n,r,i]}}function m(e){if(Array.isArray(e)&&(e.length==3||e.length==4)){var t=f(e[0],!0),n=f(e[1],!0),r=f(e[2],!0),i=f(e[3]==null?255:e[3],!0);if(t!=-1&&n!=-1&&r!=-1&&i!=-1)return[t,n,r,i]}}function h(e){if(typeof e==`number`&&Math.floor(e)==e&&e<=4294967295&&e>=0){var t=e>>24&255;return[e>>16&255,e>>8&255,e&255,t]}}function g(e){if(e.substr(0,4)==`rgb(`){e=e.match(/^rgb\(([^)]+)\)/)[1];var t=e.split(/ *, */).map(Number),n=f(t[0],!0),r=f(t[1],!0),i=f(t[2],!0);if(n!=-1&&r!=-1&&i!=-1)return[n,r,i,255]}}function _(e){if(e.substr(0,5)==`rgba(`){e=e.match(/^rgba\(([^)]+)\)/)[1];var t=e.split(/ *, */).map(Number),n=f(t[0],!0),r=f(t[1],!0),i=f(t[2],!0),a=f(t[3]*255);if(n!=-1&&r!=-1&&i!=-1&&a!=-1)return[n,r,i,a]}}return no.exports}var ao=$r(io()),oo=/\[object Object\]/,so=(e,t)=>{typeof e==`string`&&oo.test(e)||t()},co=(e,t)=>{typeof e==`string`&&e===``||t()},lo=(e,t)=>{da()&&(xa.debug([e,t]),xa.debug(`↑ We propagate the (submit) event to this target.`)),Object.defineProperty(e,"target",{value:t,writable:!1})},U=e=>{var t,n;(t=e.nextHooks)==null||t.forEach((t,n)=>{let r=t.get(`beforePatch`);typeof r==`function`&&r(e.nextState?.get(n),e.nextState,e,n)}),e.nextState?.size>0&&(e.state=Object.assign(Object.assign({},e.state),Object.fromEntries(e.nextState)),delete e.nextState,(n=e.nextHooks)==null||n.forEach((t,n)=>{let r=t.get(`afterPatch`);typeof r==`function`&&r(e.state[n],e.state,e,n)})),delete e.nextHooks},uo=(e,t,n,r={})=>{var i,a;e.nextHooks===void 0&&(e.nextHooks=new Map),e.nextState===void 0&&(e.nextState=new Map),e.nextHooks.get(t)instanceof Map||e.nextHooks.set(t,new Map),typeof r.afterPatch==`function`&&((i=e.nextHooks.get(t))==null||i.set(`afterPatch`,r.afterPatch)),typeof r.beforePatch==`function`&&((a=e.nextHooks.get(t))==null||a.set(`beforePatch`,r.beforePatch)),e.nextState.set(t,n),U(e)},fo=(e,t,n,r)=>{Da(`[${e.constructor.name}] The property value: (${n}) for '${t}' is not valid. Allowed values are: ${Array.from(r).join(`, `)}`)};function po(e,t,n,r,i,a={}){n(i)?uo(e,t,i,a.hooks):i===void 0&&a.required!==!0&&n(a.defaultValue)?uo(e,t,a.defaultValue,a.hooks):(a.required||r.add(null),fo(e,t,i,r))}var mo=(e,t,n,r)=>{po(e,t,e=>typeof e==`boolean`,new Set([`Boolean {true, false}`]),n,r)},ho=(e,t,n,r={})=>{let i=typeof r.minLength==`number`?r?.minLength:0;po(e,t,e=>typeof e==`string`&&e.length>=i&&(r?.maxLength===void 0||e.length<=r.maxLength),new Set([`String`]),n,r)},go=(e,t,n,r)=>{po(e,t,e=>typeof e==`number`&&(r?.min===void 0||typeof r?.min==`number`&&e>=r.min)&&(r?.max===void 0||typeof r?.max==`number`&&e<=r.max),new Set([`Number`]),n,r)},_o=(e,t,n,r,i=e=>e===e,a={})=>{co(r,()=>{so(r,()=>{r===void 0&&(r=[]);try{try{r=bo(r)}catch{}if(Array.isArray(r)){let o=r.find(e=>!n(e));o===void 0&&i(r)?uo(e,t,r,a.hooks):so(o,()=>{throw xa.debug(o),Error(`↑ The schema for the property (_options) is not valid. The value will not be changed.`)})}else so(r,()=>{throw xa.debug(r),Error(`↑ The schema for the property (_options) is not valid. The value will not be changed.`)})}catch(e){xa.debug(e)}})})},vo=e=>{try{return JSON.stringify(e).replace(/"/g,`'`)}catch{throw xa.warn([`stringifyJson`,e]),xa.error(`↑ The JSON could not be converted to a string. A stringifiable JSON is expected.`),Error()}},yo=/^[{[]/,bo=e=>{if(typeof e==`string`)try{return JSON.parse(e)}catch{if(yo.test(e))try{return JSON.parse(e.replace(/'/g,`"`))}catch{xa.warn([`parseJson`,e]),xa.error(`↑ The JSON string could not be parsed. Make sure that single quotes in the text are escaped (‘).`)}}throw Error()},xo=e=>typeof e==`boolean`?e===!0?`true`:`false`:void 0,So=e=>typeof e==`string`?e:xo(e),Co=(e,t)=>{if(!e)return;let n=new Set,r=[e],i=0;for(;i<r.length;){let e=r[i++];if(n.has(e))continue;if(n.add(e),t(e))return;let a=Array.from(e.children||[]);for(let e=0;e<a.length;e++)r.push(a[e]);if(e instanceof HTMLElement&&e.shadowRoot&&r.push(e.shadowRoot),e instanceof HTMLSlotElement){let t=e.assignedNodes({flatten:!0});for(let e=0;e<t.length;e++)t[e]instanceof Element&&r.push(t[e])}}},wo=(e,t)=>{let n=null;return Co(t,t=>t instanceof Element&&t.matches(e)?(n=t,!0):!1),n},To=(e,t)=>{let n=[];return Co(t,t=>(t instanceof Element&&t.matches(e)&&n.push(t),!1)),n},Eo=(e,t)=>wo(e,t||ra()),Do=(e,t)=>To(e,t||ra()),Oo=null,ko=()=>(Oo||={backgroundColor:`#00000000`,color:`#00000000`,domNode:ra().body,level:`Fail`,score:1},Oo),Ao=/(\d+, ){3}0\)/,jo=(e,t=ko())=>{let n=getComputedStyle(e),r=Ao.test(n.backgroundColor)?t.backgroundColor:ao.hex(n.backgroundColor),i=Ao.test(n.color)?t.color:ao.hex(n.color),a=Ga(r,i),o={backgroundColor:r,color:i,domNode:e,level:Ka(a),score:a};return a<4.5&&xa.error([`Color-Contrast-Error`,{backgroundColor:o.backgroundColor,color:o.color,level:o.level,score:o.score},o.domNode]),o},Mo=(e,t=ko())=>{t.domNode instanceof HTMLElement&&(t=jo(t.domNode,t));let n=t.domNode.querySelector(e);if(n===null){let n=t.domNode.querySelectorAll(`[class="hydrated"]`);for(let r=0;r<n.length&&(t.domNode=n[r],t=Mo(e,t),t.domNode===null);r++);return t}else return jo(n,t)},No=class e{static queryHtmlElementColors(t,n,r=!1,i=!0){let a=null;if(r===!0||e.executionLock===!1)if(r===!1&&(e.cache.clear(),e.cache.set(n.domNode,n),e.executionLock=!0,i===!0&&xa.debug(`[KoliBriUtils] Color contrast analysis started...`)),t===n.domNode)a=n;else{let r=new Set;if(n.domNode.shadowRoot){let e=n.domNode.shadowRoot.children;for(let t=0;t<e.length;t++)r.add(e[t])}let i=n.domNode;if(typeof i.assignedNodes==`function`){let e=i.assignedNodes();for(let t=0;t<e.length;t++)e[t]instanceof HTMLElement&&r.add(e[t])}let o=n.domNode.children;for(let e=0;e<o.length;e++)r.add(o[e]);let s=Array.from(r);for(let r=0;r<s.length;r++){let i=e.cache.get(s[r]);i===void 0&&(i=jo(s[r],n)),e.cache.set(s[r],i);let o=e.queryHtmlElementColors(t,i,!0,!1);if(o!==null){a=o;break}}}else xa.debug(`[KoliBriUtils] Call aborted because a color contrast analysis is currently being executed.`);return r===!1&&(i===!0&&xa.debug(`[KoliBriUtils] Color contrast analysis finished (${e.cache.size} DOM elements are analysed).`),e.executionLock=!1,e.cache.clear()),a}};No.executionLock=!1,No.cache=new Map;var Po=class{};Po.getCssStyle=Fi,Po.patchTheme=hi,Po.patchThemeTag=pi,Po.querySelector=Eo,Po.querySelectorAll=Do,Po.stringifyJson=vo;var Fo=e=>typeof e==`object`&&!!e,Io=(e,t=0)=>typeof e==`string`&&e.length>=t,Lo=e=>{if(typeof e==`object`&&e){for(let t in e)if(Io(t,1)===!1)return!1}else return Io(e,1);return!0},Ro=new Event(`StateChange`),zo,Bo=[],Vo=e=>{zo=e,Bo.forEach(t=>{t(e)})},Ho=(e,t=!0)=>(t&&typeof zo==`string`&&e(zo),Bo.push(e),()=>{let t=Bo.indexOf(e);t>=0&&Bo.splice(t,1)}),Uo=`kol-abbr`,Wo=`kol-accordion`,Go=`kol-alert`,Ko=`kol-alert-wc`,qo=`kol-avatar`,Jo=`kol-avatar-wc`,Yo=`kol-badge`,Xo=`kol-breadcrumb`,Zo=`kol-button-link`,Qo=`kol-button`,$o=`kol-button-wc`,es=`kol-card`,ts=`kol-card-wc`,ns=`kol-combobox`,rs=`kol-details`,is=`kol-dialog`,as=`kol-dialog-wc`,os=`kol-drawer`,ss=`kol-form`,cs=`kol-heading`,ls=`kol-icon`,us=`kol-image`,ds=`kol-input-checkbox`,fs=`kol-input-color`,ps=`kol-input-date`,ms=`kol-input-email`,hs=`kol-input-file`,gs=`kol-input-number`,_s=`kol-input-password`,vs=`kol-input-radio`,ys=`kol-input-range`,bs=`kol-input`,xs=`kol-input-text`,Ss=`kol-kolibri`,Cs=`kol-link-button`,ws=`kol-link`,Ts=`kol-link-wc`,Es=`kol-meter`,Ds=`kol-modal`,Os=`kol-nav`,ks=`kol-pagination`,As=`kol-pagination-wc`,js=`kol-popover-button`,Ms=`kol-popover-button-wc`,Ns=`kol-progress`,Ps=`kol-quote`,Fs=`kol-select`,Is=`kol-select-wc`,Ls=`kol-single-select`,Rs=`kol-skip-nav`,zs=`kol-spin`,Bs=`kol-split-button`,Vs=`kol-table-settings-wc`,Hs=`kol-table-stateful`,Us=`kol-table-stateless`,Ws=`kol-table-stateless-wc`,Gs=`kol-tabs`,Ks=`kol-textarea`,qs=`kol-toast-container`,Js=`kol-tooltip-wc`,Ys=`kol-tree-item`,Xs=`kol-tree-item-wc`,Zs=`kol-tree`,Qs=`kol-tree-wc`,$s=`kol-version`,ec=e=>{Uo=e(Uo),Wo=e(Wo),Go=e(Go),Ko=e(Ko),qo=e(qo),Jo=e(Jo),Yo=e(Yo),Xo=e(Xo),Zo=e(Zo),Qo=e(Qo),$o=e($o),es=e(es),ts=e(ts),ns=e(ns),rs=e(rs),is=e(is),as=e(as),os=e(os),ss=e(ss),cs=e(cs),ls=e(ls),us=e(us),ds=e(ds),fs=e(fs),ps=e(ps),ms=e(ms),hs=e(hs),gs=e(gs),_s=e(_s),vs=e(vs),ys=e(ys),bs=e(bs),xs=e(xs),Ss=e(Ss),Cs=e(Cs),ws=e(ws),Ts=e(Ts),Es=e(Es),Ds=e(Ds),Os=e(Os),ks=e(ks),As=e(As),js=e(js),Ms=e(Ms),Ns=e(Ns),Ps=e(Ps),Fs=e(Fs),Is=e(Is),Ls=e(Ls),Rs=e(Rs),zs=e(zs),Bs=e(Bs),Vs=e(Vs),Hs=e(Hs),Us=e(Us),Ws=e(Ws),Gs=e(Gs),Ks=e(Ks),qs=e(qs),e(Js),Js=e(Js),Ys=e(Ys),Xs=e(Xs),Zs=e(Zs),Qs=e(Qs),$s=e($s)},tc={error:`Fehler`,warning:`Warnung`,info:`Hinweis`,success:`Erfolg`,message:`Nachricht`,close:`Schließen`,"form-description":`Formular-Felder, die mit einem Sternchen (*) gekennzeichnet sind, sind Pflichtangaben.`,new:`Neu`,"no-entries":`Es sind keine Einträge vorhanden.`,"change-order":`Sortierung von {{colLabel}} ändern`,"action-running":`Aktion wird ausgeführt...`,"action-done":`Aktion abgeschlossen`,pagination:`Paginierung`,"page-first":`Direkt zur ersten Seite`,"page-back":`Eine Seite zurück`,"page-next":`Eine Seite weiter`,"page-last":`Direkt zur letzten Seite`,"entries-per-site":`Einträge pro Seite`,page:`Seite`,"page-current":`Seite {{page}}`,"page-selected":`Seite {{page}} ist ausgewählt`,"page-per-site":`Einträge pro Seite`,"nav-maximize":`Navigation maximieren`,"nav-minimize":`Navigation minimieren`,"logo-description":`Logo {{orgShort}}. Bundesadler mit Flaggenstab und Schriftzug {{orgLong}}`,"open-link-in-tab":`Öffnet in neuem Tab.`,"kolibri-logo":`Logo von KoliBri`,"table-pagination-label":`Paginierung für die Tabelle {{label}}`,"table-sort-order":`Priorität {{order}}`,"avatar-alt":`Avatar von {{name}}`,"split-button-dropdown-label-open":`Optionen anzeigen`,"split-button-dropdown-label-close":`Optionen schließen`,"toast-close-all":`Alle Benachrichtigungen schließen`,"error-list":`Fehlerliste`,"error-list-message":`Bitte korrigieren Sie folgende Fehler:`,version:`Versionsnummer`,"table-visible-range":`Einträge {{start}} bis {{end}} von {{total}}`,"table-selection":`Auswahl`,"table-selection-all":`Alle auswählen`,"table-selection-none":`Alle abwählen`,"table-selection-indeterminate":`Alle auswählen bei teilweiser Auswahl`,"table-settings":`Tabellenkonfiguration`,"table-settings-cancel":`Abbrechen`,"table-settings-apply":`Übernehmen`,"table-settings-show-column":`Spalte {{column}} anzeigen`,"table-settings-column-width":`Breite von {{column}}`,"table-settings-move-up":`Spalte {{column}} nach oben verschieben`,"table-settings-move-down":`Spalte {{column}} nach unten verschieben`,"table-settings-error-all-invisible":`Mindestens eine Spalte muss sichtbar sein.`,"table-settings-column-not-hidable":`nicht ausblendbar`,dropdown:`Auswahlliste`,"nav-label-open":`Untermenü zu {{label}} öffnen`,"nav-label-close":`Untermenü zu {{label}} schließen`,"close-alert":`Benachrichtigung schließen`,"show-password":`einblenden`,"hide-password":`ausblenden`,"no-results-message":`Keine Ergebnisse gefunden.`,"delete-selection":`Auswahl entfernen`,"filename-text":`Datei auswählen oder hier ablegen...`,"data-browse-text":`Datei auswählen`,sort:`sortieren`,"pagination-position-top":`oben`,"pagination-position-bottom":`unten`,"character-limit-hint":`Es können bis zu {{limit}} Zeichen eingegeben werden.`,"character-limit-remaining":`Es sind noch {{remaining}} Zeichen verfügbar.`,"character-limit-exceeded":`Es sind {{over}} Zeichen zu viel.`,"character-counter-current":`{{current}} Zeichen`,"character-counter-current-of-max":`{{current}}/{{max}} Zeichen`,"character-counter-current-of-max-aria":`{{current}} von {{max}} Zeichen`,"live-value-bounded":`{{value}} von {{max}} {{unit}}`,"live-value":`{{value}} {{unit}}`,readonly:`schreibgeschützt`,"meter-state-optimum":`Optimal`,"meter-state-suboptimal":`Suboptimal`,"meter-state-critical":`Kritisch`},nc={error:`Error`,warning:`Warning`,info:`Note`,success:`Success`,message:`Message`,close:`Close`,"form-description":`Form fields marked with an asterisk (*) are mandatory.`,new:`New`,"no-entries":`No entries available.`,"change-order":`Change order of {{colLabel}}`,"action-running":`Action is running...`,"action-done":`Action done`,pagination:`Pagination`,"page-first":`Directly to the first page`,"page-back":`One page back`,"page-next":`One page further`,"page-last":`Directly to the last page`,"entries-per-site":`Entries per page`,page:`Page`,"page-current":`Page {{page}}`,"page-selected":`Page {{page}} is selected`,"page-per-site":`Entries per page`,"nav-maximize":`Maximize navigation`,"nav-minimize":`Minimize navigation`,"logo-description":`Logo {{orgShort}}. Federal eagle with flag staff and lettering {{orgLong}}`,"open-link-in-tab":`Opens in new tab.`,"kolibri-logo":`KoliBri logo`,"table-pagination-label":`Pagination for table {{label}}`,"table-sort-order":`Priority {{order}}`,"avatar-alt":`Avatar of {{name}}`,"split-button-dropdown-label-open":`Show options`,"split-button-dropdown-label-close":`Hide options`,"toast-close-all":`Close all notifications`,"error-list":`Error list`,"error-list-message":`Please correct the following errors`,version:`Version number`,"table-visible-range":`Entries {{start}} to {{end}} of {{total}}`,"table-selection":`Selection`,"table-selection-all":`Select all`,"table-selection-none":`Deselect all`,"table-selection-indeterminate":`Select all with partial selection`,"table-settings":`Table configuration`,"table-settings-cancel":`Cancel`,"table-settings-apply":`Apply`,"table-settings-show-column":`Show column {{column}}`,"table-settings-column-width":`{{column}} width`,"table-settings-move-up":`Move {{column}} column up`,"table-settings-move-down":`Move {{column}} column down`,"table-settings-error-all-invisible":`At least one column must be visible.`,"table-settings-column-not-hidable":`cannot be hidden`,dropdown:`Dropdown`,"nav-label-open":`Submenu for {{label}} open`,"nav-label-close":`Submenu for {{label}} close`,"close-alert":`Close notification`,"show-password":`Show`,"hide-password":`Hide`,"no-results-message":`No results found.`,"delete-selection":`Delete selection`,"filename-text":`Choose a file or drop it here...`,"data-browse-text":`Browse`,sort:`sort`,"pagination-position-top":`top`,"pagination-position-bottom":`bottom`,"character-limit-hint":`You can enter up to {{limit}} characters`,"character-limit-remaining":`You have {{remaining}} characters remaining.`,"character-limit-exceeded":`You have {{over}} characters too many.`,"character-counter-current":`{{current}} characters`,"character-counter-current-of-max":`{{current}}/{{max}} characters`,"character-counter-current-of-max-aria":`{{current}} of {{max}} characters`,"live-value-bounded":`{{value}} of {{max}} {{unit}}`,"live-value":`{{value}} {{unit}}`,readonly:`read-only`,"meter-state-optimum":`Optimum`,"meter-state-suboptimal":`Suboptimal`,"meter-state-critical":`Critical`},rc=e=>Object.keys(e).reduce((t,n)=>(t[`kol-${n}`]=e[n],t),{}),ic=new Set([e=>e(`en`,rc(nc)),e=>e(`de`,rc(tc))]),ac=function(e,t,n){return e.split(t).join(n)},oc=class{constructor(e){this.resourceMap=new Map,this.language=e??`de`}addTranslations(e){Array.isArray(e)?e=new Set(e):typeof e==`function`&&(e=new Set([e])),e!==void 0&&e.forEach(e=>e((e,t)=>{let n=this.resourceMap.get(e);return n||(n=new Map,this.resourceMap.set(e,n)),Object.entries(t).forEach(([e,t])=>{t&&n.set(e,t)}),e}))}setLanguage(e){this.language=e}translate(e,t){let n=this.resourceMap.get(this.language)?.get(e);return n?t?.placeholders&&Object.entries(t.placeholders).forEach(([e,t])=>{n=ac(n,`{{${e}}}`,t)}):n=e,n}},sc,cc=()=>sc,lc=(e,t=ic)=>(sc=new oc(e),sc.addTranslations(t),sc),uc=!1,dc,fc=async(e,t,n)=>{let r=typeof process<`u`?`production`:void 0;oa(n?.environment||r||`production`),lc(n?.translation?.name??`de`,n?.translations),n?.transformTagName&&ec(n?.transformTagName);let i=await Ei(e,t,n);return uc=!0,dc=n,xa.info(`Development mode active - Enhanced debugging features available`),i},pc=()=>uc,mc=()=>dc,hc,gc;function _c(){return gc?hc:(gc=1,hc=function(e){return function(t,n){if(!t)return e;var r;typeof t==`string`?r=t:n=t;var i=e;return r&&(i+=`__`+r),i+(n?Object.keys(n).reduce(function(e,t){var r=n[t];return r&&(e+=` `+(typeof r==`boolean`?i+`--`+t:i+`--`+t+`_`+r)),e},``):``)}},hc)}var vc=$r(_c());function yc(){let e=new Map,t=(t,n,r)=>{try{return e.get(t)(n,r)}catch{return e.set(t,vc(t)).get(t)(n,r)}};return t.forBlock=e=>{let n=(n,r)=>t(e,n,r);return n.forElement=n=>r=>t(e,n,r),n},t}var bc=yc(),xc;(function(e){e.blur=`blur`,e.cancel=`cancel`,e.change=`change`,e.changeHeaderCells=`changeheadercells`,e.changePage=`changepage`,e.changePageSize=`changepagesize`,e.click=`click`,e.close=`close`,e.create=`create`,e.error=`error`,e.focus=`focus`,e.input=`input`,e.keydown=`keydown`,e.load=`load`,e.mousedown=`mousedown`,e.reset=`reset`,e.select=`select`,e.selectionChange=`selectionchange`,e.sort=`sort`,e.submit=`submit`,e.toggle=`toggle`})(xc||={});var Sc={bubbles:!0,cancelable:!0,composed:!0};function Cc(e,t=null){return new CustomEvent(e,Object.assign(Object.assign({},Sc),{detail:t}))}function wc(e,t,n){return e.dispatchEvent(Cc(t,n))}var Tc=0,Ec=()=>{Tc++},Dc=()=>{Tc=Math.max(0,Tc-1)},Oc=e=>{Tc>0&&e.preventDefault()};new $i(`kol`,ea,ta);var kc=class e{constructor(e,t){this.document=e,this.options=t,this.toastContainerElement=this.document.createElement(qs),this.document.body.prepend(this.toastContainerElement),this.options?.defaultVariant&&xa.info(`ToasterService: Default variant is deprecated. Use 'card' variant for all toasts instead.`)}static getInstance(t,n){if(!pc())throw Error(`Toaster: Call KoliBri bootstrap/register method first.`);let r=this.instances.get(t);return r||(r=new e(t,n),this.instances.set(t,r)),r}dispose(){let e=this.toastContainerElement;e?(this.toastContainerElement=void 0,e.remove()):xa.warn(`Toaster service is already disposed.`)}enqueue(e){if(this.toastContainerElement&&typeof this.toastContainerElement.enqueue==`function`)return this.toastContainerElement.enqueue(e)}closeAll(e=!1){this.toastContainerElement&&typeof this.toastContainerElement.closeAll==`function`&&this.toastContainerElement.closeAll(e)}};kc.instances=new Map;var Ac;(function(e){e[`Die Bundesregierung`]=`BReg`,e[`Bundesministerium der Finanzen`]=`BMF`,e[`Bundesministerium des Innern, für Bau und Heimat`]=`BMI`,e[`Auswärtiges Amt`]=`AA`,e[`Bundesministerium für Wirtschaft und Energie`]=`BMWi`,e[`Bundesministerium der Justiz und für Verbraucherschutz`]=`BMJV`,e[`Bundesministerium für Arbeit und Soziales`]=`BMAS`,e[`Bundesministerium der Verteidigung`]=`BMVg`,e[`Bundesministerium für Ernährung und Landwirtschaft`]=`BMEL`,e[`Bundesministerium für Familie, Senioren, Frauen und Jugend`]=`BMFSFJ`,e[`Bundesministerium für Gesundheit`]=`BMG`,e[`Bundesministerium für Verkehr und digitale Infrastruktur`]=`BMVI`,e[`Bundesministerium für Umwelt, Naturschutz und nukleare Sicherheit`]=`BMU`,e[`Bundesministerium für Bildung und Forschung`]=`BMBF`,e[`Bundesministerium für wirtschaftliche Zusammenarbeit und Entwicklung`]=`BMZ`})(Ac||={});var jc;(function(e){e[`Beschaffungsamt des Bundesministeriums des Innern`]=`BeschA`,e[`Bundesamt für Ausrüstung, Informationstechnik und Nutzung der Bundeswehr`]=`BAAINBw`,e[`Bundesamt für äußere Restitutionen`]=`BAR`,e[`Bundesamt für Bauwesen und Raumordnung`]=`BBR`,e[`Bundesamt für Bevölkerungsschutz und Katastrophenhilfe`]=`BBK`,e[`Bundesamt für Familie und zivilgesellschaftliche Aufgaben`]=`BAFzA`,e[`Bundesamt für Güterverkehr`]=`BAG`,e[`Bundesamt für Justiz`]=`BfJ`,e[`Bundesamt für Kartographie und Geodäsie`]=`BKG`,e[`Bundesamt für kerntechnische Entsorgungssicherheit`]=`BASE`,e[`Bundesamt für Migration und Flüchtlinge`]=`BAMF`,e[`Bundesamt für Sicherheit in der Informationstechnik`]=`BSI`,e[`Bundesamt für Verbraucherschutz und Lebensmittelsicherheit`]=`BVL`,e[`Bundesamt für Verfassungsschutz`]=`BfV`,e[`Bundesamt für Wirtschaft und Ausfuhrkontrolle`]=`BAFA`,e[`Bundesamt für zentrale Dienste und offene Vermögensfragen`]=`BADV`,e[`Bundesanstalt für Verwaltungsdienstleistungen`]=`BAV`,e.Bundesarchiv=`BArch`,e[`Bundesaufsichtsamt für Flugsicherung`]=`BAF`,e.Bundesausgleichsamt=`BAA`,e.Bundeskartellamt=`BKartA`,e.Bundeskriminalamt=`BKA`,e.Bundesnachrichtendienst=`BND`,e[`Bundesnetzagentur für Elektrizität, Gas, Telekommunikation, Post und Eisenbahnen`]=`BNetzA`,e.Bundespolizeipräsidium=`BPOLP`,e[`Bundesprüfstelle für jugendgefährdende Medien`]=`BPjM`,e.Bundessortenamt=`BSA`,e.Bundessprachenamt=`BSprA`,e[`Bundesamt für Soziale Sicherung`]=`BAS`,e.Bundesverwaltungsamt=`BVA`,e[`Bundeszentralamt für Steuern`]=`BZSt`,e[`Deutsches Patent- und Markenamt`]=`DPMA`,e[`Eisenbahn-Bundesamt`]=`EBA`,e.Generalzolldirektion=`GZD`,e[`Militärischer Abschirmdienst`]=`MAD`,e[`Zentrale Stelle für Informationstechnik im Sicherheitsbereich`]=`ZITiS`})(jc||={});var Mc;(function(e){e[`Informationstechnikzentrum Bund`]=`ITZBund`,e[`Bundesanstalt für den Digitalfunk der Behörden und Organisationen mit Sicherheitsaufgaben`]=`BDBOS`,e[`Bundesanstalt für Landwirtschaft und Ernährung`]=`BLE`,e[`Bundesanstalt Technisches Hilfswerk`]=`THW`,e[`Bundesinstitut für Arzneimittel und Medizinprodukte`]=`BfArM`,e[`Bundesinstitut für Bevölkerungsforschung`]=`BiB`,e[`Bundesinstitut für Sportwissenschaft`]=`BISp`})(Mc||={});var W=new Map;W.set(Ac[`Die Bundesregierung`],[`Die`,`Bundesregierung`]),W.set(Ac[`Bundesministerium der Finanzen`],[`Bundesministerium`,`der Finanzen`]),W.set(Ac[`Bundesministerium des Innern, für Bau und Heimat`],[`Bundesministerium`,`des Inneren, für Bau`,`und Heimat`]),W.set(Ac[`Auswärtiges Amt`],[`Auswärtiges Amt`]),W.set(Ac[`Bundesministerium für Wirtschaft und Energie`],[`Bundesministerium`,`für Wirtschaft`,`und Energie`]),W.set(Ac[`Bundesministerium der Justiz und für Verbraucherschutz`],[`Bundesministerium`,`der Justiz und`,`für Verbraucherschutz`]),W.set(Ac[`Bundesministerium für Arbeit und Soziales`],[`Bundesministerium`,`für Arbeit und Soziales`]),W.set(Ac[`Bundesministerium der Verteidigung`],[`Bundesministerium`,`der Verteidigung`]),W.set(Ac[`Bundesministerium für Bildung und Forschung`],[`Bundesministerium`,`für Bildung`,`und Forschung`]),W.set(Ac[`Bundesministerium für Ernährung und Landwirtschaft`],[`Bundesministerium`,`für Ernährung`,`und Landwirtschaft`]),W.set(Ac[`Bundesministerium für Familie, Senioren, Frauen und Jugend`],[`Bundesministerium`,`für Familie, Senioren, Frauen`,`und Jugend`]),W.set(Ac[`Bundesministerium für Gesundheit`],[`Bundesministerium`,`für Gesundheit`]),W.set(Ac[`Bundesministerium für Umwelt, Naturschutz und nukleare Sicherheit`],[`Bundesministerium`,`für Umwelt, Naturschutz`,`und nukleare Sicherheit`]),W.set(Ac[`Bundesministerium für Verkehr und digitale Infrastruktur`],[`Bundesministerium`,`für Verkehr und`,`digitale Infrastruktur`]),W.set(Ac[`Bundesministerium für wirtschaftliche Zusammenarbeit und Entwicklung`],[`Bundesministerium`,`für wirtschaftliche Zusammenarbeit`,`und Entwicklung`]),W.set(jc[`Beschaffungsamt des Bundesministeriums des Innern`],[`Beschaffungsamt`,`des Bundesministeriums`,`des Innern`]),W.set(jc[`Bundesamt für Ausrüstung, Informationstechnik und Nutzung der Bundeswehr`],[]),W.set(jc[`Bundesamt für äußere Restitutionen`],[]),W.set(jc[`Bundesamt für Bauwesen und Raumordnung`],[]),W.set(jc[`Bundesamt für Bevölkerungsschutz und Katastrophenhilfe`],[`Bundesamt`,`für Bevölkerungsschutz`,`und Katastrophenhilfe`]),W.set(jc[`Bundesamt für Familie und zivilgesellschaftliche Aufgaben`],[`Bundesamt`,`für Familie und`,`zivilgesellschaftliche Aufgaben`]),W.set(jc[`Bundesamt für Güterverkehr`],[`Bundesamt`,`für Güterverkehr`]),W.set(jc[`Bundesamt für Justiz`],[`Bundesamt für`,`Justiz`]),W.set(jc[`Bundesamt für Kartographie und Geodäsie`],[`Bundesamt für`,`Kartographie und Geodäsie`]),W.set(jc[`Bundesamt für kerntechnische Entsorgungssicherheit`],[`Bundesamt für`,`kerntechnische`,`Entsorgungssicherheit`]),W.set(jc[`Bundesamt für Migration und Flüchtlinge`],[`Bundesamt`,`für Migration`,`und Flüchtlinge`]),W.set(jc[`Bundesamt für Sicherheit in der Informationstechnik`],[`Bundesamt`,`für Sicherheit in der`,`Informationstechnik`]),W.set(jc[`Bundesamt für Verbraucherschutz und Lebensmittelsicherheit`],[`Bundesamt für`,`Verbraucherschutz und`,`Lebensmittelsicherheit`]),W.set(jc[`Bundesamt für Verfassungsschutz`],[`Bundesamt für`,`Verfassungsschutz`]),W.set(jc[`Bundesamt für Wirtschaft und Ausfuhrkontrolle`],[`Bundesamt`,`für Wirtschaft`,`Ausfuhrkontrolle`]),W.set(jc[`Bundesamt für zentrale Dienste und offene Vermögensfragen`],[`Bundesamt`,`für zentrale Dienste und`,`offene Vermögensfragen`]),W.set(jc[`Bundesanstalt für Verwaltungsdienstleistungen`],[`Bundesanstalt`,`für Verwaltungsdienstleistungen`]),W.set(jc.Bundesarchiv,[`Das`,`Bundesarchiv`]),W.set(jc[`Bundesaufsichtsamt für Flugsicherung`],[`Bundesaufsichtsamt`,`für Flugsicherung`]),W.set(jc.Bundesausgleichsamt,[`Bundesausgleichsamt`]),W.set(jc.Bundeskartellamt,[`Bundeskartellamt`]),W.set(jc.Bundeskriminalamt,[`Bundeskriminalamt`]),W.set(jc.Bundesnachrichtendienst,[`Bundesnachrichtendienst`]),W.set(jc[`Bundesnetzagentur für Elektrizität, Gas, Telekommunikation, Post und Eisenbahnen`],[`Bundesnetzagentur`]),W.set(jc.Bundespolizeipräsidium,[`Bundespolizeipräsidium`]),W.set(jc[`Bundesprüfstelle für jugendgefährdende Medien`],[`Bundesprüfstelle`,`für jugendgefährdende`,`Medien`]),W.set(jc.Bundessortenamt,[`Bundessortenamt`]),W.set(jc.Bundessprachenamt,[`Bundessprachenamt`]),W.set(jc[`Bundesamt für Soziale Sicherung`],[`Bundesamt`,`für Soziale Sicherung`]),W.set(jc.Bundesverwaltungsamt,[`Bundesverwaltungsamt`]),W.set(jc[`Bundeszentralamt für Steuern`],[`Bundeszentralamt`,`für Steuern`]),W.set(jc[`Deutsches Patent- und Markenamt`],[`Deutsches`,`Patent- und Markenamt`]),W.set(jc[`Eisenbahn-Bundesamt`],[`Eisenbahn-Bundesamt`]),W.set(jc.Generalzolldirektion,[`Generalzolldirektion`]),W.set(jc[`Militärischer Abschirmdienst`],[`Bundesamt für den`,`Militärischen Abschirmdienst`]),W.set(jc[`Zentrale Stelle für Informationstechnik im Sicherheitsbereich`],[`Zentrale Stelle`,`für Informationstechnik`,`im Sicherheitsbereich`]),W.set(Mc[`Informationstechnikzentrum Bund`],[`Informations`,`Technik`,`Zentrum Bund`]),W.set(Mc[`Bundesanstalt für den Digitalfunk der Behörden und Organisationen mit Sicherheitsaufgaben`],[`Bundesanstalt`,`für den Digitalfunk der Behörden und`,`Organisationen mit Sicherheitsaufgaben`]),W.set(Mc[`Bundesanstalt für Landwirtschaft und Ernährung`],[`Bundesanstalt für`,`Landwirtschaft und Ernährung`]),W.set(Mc[`Bundesanstalt Technisches Hilfswerk`],[`Bundesanstalt`,`Technisches Hilfswerk`]),W.set(Mc[`Bundesinstitut für Arzneimittel und Medizinprodukte`],[`Bundesinstitut`,`für Arzneimittel`,`und Medizinprodukte`]),W.set(Mc[`Bundesinstitut für Bevölkerungsforschung`],[`Bundesinstitut`,`für Bevölkerungsforschung`]),W.set(Mc[`Bundesinstitut für Sportwissenschaft`],[`Bundesinstitut`,`für Sportwissenschaft`]);var Nc=`kolibri`,Pc={hydratedSelectorName:`hydrated`,lazyLoad:!0,propChangeCallback:!0,slotRelocation:!0,state:!0,updatable:!0},Fc={kolibriVersion:`4.3.0-rc.2`},Ic=Object.defineProperty,Lc=(e,t)=>{for(var n in t)Ic(e,n,{get:t[n],enumerable:!0})},Rc=`http://www.w3.org/2000/svg`,zc=`http://www.w3.org/1999/xhtml`,Bc=(e=>(e.Undefined=`undefined`,e.Null=`null`,e.String=`string`,e.Number=`number`,e.SpecialNumber=`number`,e.Boolean=`boolean`,e.BigInt=`bigint`,e))(Bc||{}),Vc=(e=>(e.Array=`array`,e.Date=`date`,e.Map=`map`,e.Object=`object`,e.RegularExpression=`regexp`,e.Set=`set`,e.Channel=`channel`,e.Symbol=`symbol`,e))(Vc||{}),Hc=`type`,Uc=`value`,Wc=`serialized:`,Gc=(e,t)=>{let n=t.$cmpMeta$;Object.entries(n.$members$??{}).map(([n,[r]])=>{if(r&31||r&32){let r=e[n],i=Kc(Object.getPrototypeOf(e),n)||Object.getOwnPropertyDescriptor(e,n);i&&Object.defineProperty(e,n,{get(){return i.get.call(this)},set(e){i.set.call(this,e)},configurable:!0,enumerable:!0}),e[n]=t.$instanceValues$.has(n)?t.$instanceValues$.get(n):r}})};function Kc(e,t){for(;e;){let n=Object.getOwnPropertyDescriptor(e,t);if(n?.get)return n;e=Object.getPrototypeOf(e)}}var qc=e=>{if(e.__stencil__getHostRef)return e.__stencil__getHostRef()},Jc=(e,t)=>{t&&(e.__stencil__getHostRef=()=>t,t.$lazyInstance$=e,t.$cmpMeta$.$flags$&512&&Pc.state&&Gc(e,t))},Yc=(e,t)=>{let n={$flags$:0,$hostElement$:e,$cmpMeta$:t,$instanceValues$:new Map,$serializerValues$:new Map};n.$onInstancePromise$=new Promise(e=>n.$onInstanceResolve$=e),n.$onReadyPromise$=new Promise(e=>n.$onReadyResolve$=e),e[`s-p`]=[],e[`s-rc`]=[],n.$fetchedCbList$=[];let r=n;return e.__stencil__getHostRef=()=>r,r},Xc=(e,t)=>t in e,G=(e,t)=>(0,console.error)(e,t),Zc=new Map,Qc=(e,t,n)=>{let r=e.$tagName$.replace(/-/g,`_`),i=e.$lazyBundleId$;if(!i)return;let a=Zc.get(i);if(a)return a[r];if(!n||!Pc.hotModuleReplacement){let e=e=>(Zc.set(i,e),e[r]);switch(i){case`kol-abbr`:return V(()=>import(`./kol-abbr.entry-kiE0g-5M.js`).then(e,G),__vite__mapDeps([0,1,2,3,4,5,6,7,8,9,10,11,12,13,14]),import.meta.url);case`kol-accordion`:return V(()=>import(`./kol-accordion.entry-BSMwFUp6.js`).then(e,G),__vite__mapDeps([15,16,17,8,10,18,1,2,19,20,21,22,23,7,24,25]),import.meta.url);case`kol-alert`:return V(()=>import(`./kol-alert.entry-D0MnDTfZ.js`).then(e,G),[],import.meta.url);case`kol-avatar`:return V(()=>import(`./kol-avatar.entry-DYx44CtD.js`).then(e,G),__vite__mapDeps([26,1,2,5,6,7,27,28,14,29]),import.meta.url);case`kol-badge`:return V(()=>import(`./kol-badge.entry-CGSXjjyF.js`).then(e,G),__vite__mapDeps([30,8,31,27,9,10,11,2,18,20,21,32]),import.meta.url);case`kol-breadcrumb`:return V(()=>import(`./kol-breadcrumb.entry-D6KY7jZ4.js`).then(e,G),__vite__mapDeps([33,8,9,10,22,34,35]),import.meta.url);case`kol-button`:return V(()=>import(`./kol-button.entry-D-6ivALp.js`).then(e,G),__vite__mapDeps([36,20,10,21]),import.meta.url);case`kol-button-link`:return V(()=>import(`./kol-button-link.entry-BT80hGY2.js`).then(e,G),__vite__mapDeps([37,20,10,21]),import.meta.url);case`kol-card`:return V(()=>import(`./kol-card.entry-BnfJ8LbT.js`).then(e,G),[],import.meta.url);case`kol-details`:return V(()=>import(`./kol-details.entry-DdeHo2-B.js`).then(e,G),__vite__mapDeps([38,16,17,8,10,18,1,2,19,20,21,22,23,7,24,25]),import.meta.url);case`kol-dialog`:return V(()=>import(`./kol-dialog.entry-LA89sseJ.js`).then(e,G),[],import.meta.url);case`kol-drawer`:return V(()=>import(`./kol-drawer.entry-DOaW9rJn.js`).then(e,G),__vite__mapDeps([39,1,2,3,8,18,40,22,23,7,24,25]),import.meta.url);case`kol-form`:return V(()=>import(`./kol-form.entry-C5nYx4nO.js`).then(e,G),__vite__mapDeps([41,42,17,8,10,9,28]),import.meta.url);case`kol-heading`:return V(()=>import(`./kol-heading.entry-Epvl-OpW.js`).then(e,G),__vite__mapDeps([43,1,2,5,6,7,8,23]),import.meta.url);case`kol-icon`:return V(()=>import(`./kol-icon.entry-D7dytHtv.js`).then(e,G),__vite__mapDeps([44,1,2,5,6,7,8,9,10,14]),import.meta.url);case`kol-image`:return V(()=>import(`./kol-image.entry-X5CvdKLU.js`).then(e,G),__vite__mapDeps([45,1,2,5,6,7,29]),import.meta.url);case`kol-input-checkbox`:return V(()=>import(`./kol-input-checkbox.entry-BBozFQWL.js`).then(e,G),__vite__mapDeps([46,42,17,8,10,9,28,47,48,1,2,49,50,51,52,6,7,11,12,13,3,4,5,14,18,19,53,22,54,55,56,57,58,59,60,20,21]),import.meta.url);case`kol-input-color`:return V(()=>import(`./kol-input-color.entry-z_x0PjK3.js`).then(e,G),__vite__mapDeps([61,42,17,8,10,9,28,48,1,2,49,50,51,52,6,7,11,12,13,3,4,5,14,18,19,53,22,54,55,56,62,63,64,32,20,21,65]),import.meta.url);case`kol-input-date`:return V(()=>import(`./kol-input-date.entry-C5p3wgea.js`).then(e,G),__vite__mapDeps([66,42,17,8,10,9,28,48,1,2,49,50,51,52,6,7,11,12,13,3,4,5,14,18,19,53,22,54,55,56,62,63,57,64,32,20,21,67,60,65]),import.meta.url);case`kol-input-email`:return V(()=>import(`./kol-input-email.entry-CwfqUQHY.js`).then(e,G),__vite__mapDeps([68,42,17,8,10,9,28,48,1,2,49,50,51,52,6,7,11,12,13,3,4,5,14,18,19,53,22,54,55,56,62,63,57,69,70,64,32,71,72,67,60,73,65,20,21,74]),import.meta.url);case`kol-input-file`:return V(()=>import(`./kol-input-file.entry-DjUmETfv.js`).then(e,G),__vite__mapDeps([75,42,17,8,10,9,28,48,1,2,49,50,51,52,6,7,11,12,13,3,4,5,14,18,19,53,22,54,55,56,62,64,32,20,21,74,60]),import.meta.url);case`kol-input-number`:return V(()=>import(`./kol-input-number.entry-7sUf_XFI.js`).then(e,G),__vite__mapDeps([76,42,17,8,10,9,28,48,1,2,49,50,51,52,6,7,11,12,13,3,4,5,14,18,19,53,22,54,55,56,62,63,57,64,32,20,21,72,67,60,65]),import.meta.url);case`kol-input-password`:return V(()=>import(`./kol-input-password.entry-CGvCAprg.js`).then(e,G),__vite__mapDeps([77,42,17,8,10,9,28,48,1,2,49,50,51,52,6,7,11,12,13,3,4,5,14,18,19,53,22,54,55,56,62,63,57,70,64,32,71,72,67,60,20,21]),import.meta.url);case`kol-input-radio`:return V(()=>import(`./kol-input-radio.entry-CH6IBIBK.js`).then(e,G),__vite__mapDeps([78,42,17,8,10,9,28,47,48,1,2,49,50,51,52,6,7,11,12,13,3,4,5,14,18,19,53,22,54,55,56,57,58,59,60,20]),import.meta.url);case`kol-input-text`:return V(()=>import(`./kol-input-text.entry-DzfGfeBz.js`).then(e,G),__vite__mapDeps([79,42,17,8,10,9,28,48,1,2,49,50,51,52,6,7,11,12,13,3,4,5,14,18,19,53,22,54,55,56,62,63,57,69,70,64,32,71,72,67,60,73,65,20,21]),import.meta.url);case`kol-kolibri`:return V(()=>import(`./kol-kolibri.entry-pDPw_Dh0.js`).then(e,G),__vite__mapDeps([80,31,27,28]),import.meta.url);case`kol-link`:return V(()=>import(`./kol-link.entry-D21mpCr5.js`).then(e,G),__vite__mapDeps([81,20,10,21]),import.meta.url);case`kol-link-button`:return V(()=>import(`./kol-link-button.entry-CA6vcFrq.js`).then(e,G),__vite__mapDeps([82,20,10,21]),import.meta.url);case`kol-modal`:return V(()=>import(`./kol-modal.entry-Clrq4LNn.js`).then(e,G),[],import.meta.url);case`kol-nav`:return V(()=>import(`./kol-nav.entry-B3FUfOqc.js`).then(e,G),__vite__mapDeps([83,8,18,53,28,22,34,35]),import.meta.url);case`kol-pagination`:return V(()=>import(`./kol-pagination.entry-DgsK4E4x.js`).then(e,G),[],import.meta.url);case`kol-popover-button`:return V(()=>import(`./kol-popover-button.entry-DVnuvNe7.js`).then(e,G),__vite__mapDeps([84,20,10,21]),import.meta.url);case`kol-progress`:return V(()=>import(`./kol-progress.entry-BWNwErl6.js`).then(e,G),__vite__mapDeps([85,1,2,5,6,7,28,14,86]),import.meta.url);case`kol-quote`:return V(()=>import(`./kol-quote.entry-lAAsykY8.js`).then(e,G),__vite__mapDeps([87,1,2,5,6,7,14]),import.meta.url);case`kol-select`:return V(()=>import(`./kol-select.entry-jHSzJBCd.js`).then(e,G),__vite__mapDeps([88,51,52,20,10,21]),import.meta.url);case`kol-skeleton`:return V(()=>import(`./kol-skeleton.entry-BZ6iN-zQ.js`).then(e,G),__vite__mapDeps([89,1,2,5,6,7,90,20,10,21]),import.meta.url);case`kol-skip-nav`:return V(()=>import(`./kol-skip-nav.entry-DlH6M787.js`).then(e,G),__vite__mapDeps([91,20,10,21,22,34,35]),import.meta.url);case`kol-spin`:return V(()=>import(`./kol-spin.entry-AdC6scJA.js`).then(e,G),__vite__mapDeps([92,1,2,5,6,7,28,14]),import.meta.url);case`kol-split-button`:return V(()=>import(`./kol-split-button.entry-DbvplUJr.js`).then(e,G),__vite__mapDeps([93,8,20,10,21,28]),import.meta.url);case`kol-table-stateful`:return V(()=>import(`./kol-table-stateful.entry-DrPNjTdG.js`).then(e,G),__vite__mapDeps([94,52,95,28,96,22,97]),import.meta.url);case`kol-table-stateless`:return V(()=>import(`./kol-table-stateless.entry-Btd89sZ1.js`).then(e,G),__vite__mapDeps([98,52,95]),import.meta.url);case`kol-tabs`:return V(()=>import(`./kol-tabs.entry-DlixmcB4.js`).then(e,G),__vite__mapDeps([99,3,8,20,10,21,28,96,22]),import.meta.url);case`kol-textarea`:return V(()=>import(`./kol-textarea.entry-CobMN18S.js`).then(e,G),__vite__mapDeps([100,42,17,8,10,9,28,48,1,2,49,50,51,52,6,7,11,12,13,3,4,5,14,18,19,53,22,54,55,64,32,20,21,71,72,67,60,101,73]),import.meta.url);case`kol-toast-container`:return V(()=>import(`./kol-toast-container.entry-CbBUQusQ.js`).then(e,G),__vite__mapDeps([102,42,17,8,10,9,28,1,2,6,7,11,18]),import.meta.url);case`kol-toolbar`:return V(()=>import(`./kol-toolbar.entry-CJTgr8PZ.js`).then(e,G),__vite__mapDeps([103,20,10,96,22,59]),import.meta.url);case`kol-tree`:return V(()=>import(`./kol-tree.entry-C7uNfa7s.js`).then(e,G),__vite__mapDeps([104,20,10,21]),import.meta.url);case`kol-tree-item`:return V(()=>import(`./kol-tree-item.entry-NCENwjq3.js`).then(e,G),[],import.meta.url);case`kol-version`:return V(()=>import(`./kol-version.entry-BE3CRKT4.js`).then(e,G),__vite__mapDeps([105,28,22]),import.meta.url);case`kol-alert-wc`:return V(()=>import(`./kol-alert-wc.entry-lOdhRPo0.js`).then(e,G),__vite__mapDeps([106,42,17,8,10,9,28,1,2,40,22,23,7,25]),import.meta.url);case`kol-button-wc`:return V(()=>import(`./kol-button-wc.entry-CnDXjFij.js`).then(e,G),__vite__mapDeps([107,1,2,49,3,4,51,52,108,50,5,6,7,8,9,10,11,12,57,13,14,109,19,20,21,53,32,110,22,54,55]),import.meta.url);case`kol-card-wc`:return V(()=>import(`./kol-card-wc.entry-DdMvzg5J.js`).then(e,G),__vite__mapDeps([111,42,17,8,10,9,28,1,2,6,7,11,18,40,22,23,25]),import.meta.url);case`kol-click-button`:return V(()=>import(`./kol-click-button.entry-BZOemoD9.js`).then(e,G),__vite__mapDeps([112,1,2,5,6,7,90,20,10,21,14]),import.meta.url);case`kol-combobox`:return V(()=>import(`./kol-combobox.entry-XrJ9oOqu.js`).then(e,G),__vite__mapDeps([113,42,17,8,10,9,28,114,48,1,2,49,50,51,52,6,7,11,12,13,3,4,5,14,18,19,53,22,54,55,56,62,64,32,20,21,72,60,65]),import.meta.url);case`kol-dialog-wc`:return V(()=>import(`./kol-dialog-wc.entry-BrNLBMWI.js`).then(e,G),__vite__mapDeps([115,1,2,8,18,22,23,7,25]),import.meta.url);case`kol-input-range`:return V(()=>import(`./kol-input-range.entry-DZlL6KX8.js`).then(e,G),__vite__mapDeps([116,42,17,8,10,9,28,48,1,2,49,50,51,52,6,7,11,12,13,3,4,5,14,18,19,53,22,54,55,56,62,63,57,64,32,20,21,65]),import.meta.url);case`kol-link-wc`:return V(()=>import(`./kol-link-wc.entry-BjcERh3u.js`).then(e,G),__vite__mapDeps([117,1,2,49,3,4,108,5,6,7,8,9,10,11,12,13,14,109,19,20,21,53,118,28,32,110,22,54,55]),import.meta.url);case`kol-meter`:return V(()=>import(`./kol-meter.entry-BBlv5SXi.js`).then(e,G),__vite__mapDeps([119,1,2,5,6,7,28,14,86]),import.meta.url);case`kol-pagination-wc`:return V(()=>import(`./kol-pagination-wc.entry-Cjy5vcPB.js`).then(e,G),__vite__mapDeps([120,3,109,18,28,22,54,34]),import.meta.url);case`kol-popover-button-wc`:return V(()=>import(`./kol-popover-button-wc.entry-CQBotCTk.js`).then(e,G),__vite__mapDeps([121,3,4,8,18,20,10,21,110]),import.meta.url);case`kol-select-wc`:return V(()=>import(`./kol-select-wc.entry-Bc9d13-t.js`).then(e,G),__vite__mapDeps([122,42,17,8,10,9,28,48,1,2,49,50,51,52,6,7,11,12,13,3,4,5,14,18,19,53,22,54,55,57,58,59,60,64,32,20,21,74,101]),import.meta.url);case`kol-single-select`:return V(()=>import(`./kol-single-select.entry-khmMipCm.js`).then(e,G),__vite__mapDeps([123,42,17,8,10,9,28,114,48,1,2,49,50,51,52,6,7,11,12,13,3,4,5,14,18,19,53,22,54,55,56,62,58,59,60,64,32,20,21,72]),import.meta.url);case`kol-table-settings-wc`:return V(()=>import(`./kol-table-settings-wc.entry-DwrbsbDJ.js`).then(e,G),__vite__mapDeps([124,28,10]),import.meta.url);case`kol-table-stateless-wc`:return V(()=>import(`./kol-table-stateless-wc.entry-DftSYpVF.js`).then(e,G),__vite__mapDeps([125,1,2,8,9,10,11,12,18,28,96,22,97,55]),import.meta.url);case`kol-tooltip-wc`:return V(()=>import(`./kol-tooltip-wc.entry-4xOOJnY2.js`).then(e,G),__vite__mapDeps([126,1,2,3,4,5,6,7,8,9,10,11,12,13,14]),import.meta.url);case`kol-tree-item-wc`:return V(()=>import(`./kol-tree-item-wc.entry-DcVg9U7Y.js`).then(e,G),__vite__mapDeps([127,8,9,10,18,118,22,24]),import.meta.url);case`kol-tree-wc`:return V(()=>import(`./kol-tree-wc.entry-S2jMB-dn.js`).then(e,G),__vite__mapDeps([128,22]),import.meta.url);case`test-component`:return V(()=>import(`./test-component.entry-DxxpLaar.js`).then(e,G),[],import.meta.url)}}return V(()=>import(`./${i}.entry.js`).then(e=>(Zc.set(i,e),e[r]),e=>{G(e,t.$hostElement$)}),[],import.meta.url)},$c=new Map,el=[],tl=`r`,nl=`o`,rl=`s`,il=`t`,al=`c`,ol=`s-id`,sl=`sty-id`,cl=`c-id`,ll=`{visibility:hidden}.hydrated{visibility:inherit}`,ul=`slot-fb{display:contents}slot-fb[hidden]{display:none}`,dl=`http://www.w3.org/1999/xlink`,fl=typeof window<`u`?window:{},pl={$flags$:0,$resourcesUrl$:``,jmp:e=>e(),raf:e=>requestAnimationFrame(e),ael:(e,t,n,r)=>e.addEventListener(t,n,r),rel:(e,t,n,r)=>e.removeEventListener(t,n,r),ce:(e,t)=>new CustomEvent(e,t)},ml=(()=>{var e;let t=!1;try{(e=fl.document)==null||e.addEventListener(`e`,null,Object.defineProperty({},"passive",{get(){t=!0}}))}catch{}return t})(),hl=e=>Promise.resolve(e),gl=(()=>{try{return new CSSStyleSheet,typeof new CSSStyleSheet().replaceSync==`function`}catch{}return!1})(),_l=gl?!!fl.document&&Object.getOwnPropertyDescriptor(fl.document.adoptedStyleSheets,`length`).writable:!1,vl=e=>hl().then(e),yl=e=>(e=typeof e,e===`object`||e===`function`);function bl(e){return(e.head?.querySelector(`meta[name="csp-nonce"]`))?.getAttribute(`content`)??void 0}var xl=e=>e.replace(/[.*+?^${}()|[\]\\]/g,`\\$&`),Sl=class e{static fromLocalValue(t){let n=t[Hc],r=Uc in t?t[Uc]:void 0;switch(n){case`string`:return r;case`boolean`:return r;case`bigint`:return BigInt(r);case`undefined`:return;case`null`:return null;case`number`:return r===`NaN`?NaN:r===`-0`?-0:r===`Infinity`?1/0:r===`-Infinity`?-1/0:r;case`array`:return r.map(t=>e.fromLocalValue(t));case`date`:return new Date(r);case`map`:let t=new Map;for(let[n,i]of r){let r=typeof n==`object`&&n?e.fromLocalValue(n):n,a=e.fromLocalValue(i);t.set(r,a)}return t;case`object`:let i={};for(let[t,n]of r)i[t]=e.fromLocalValue(n);return i;case`regexp`:let{pattern:a,flags:o}=r;return new RegExp(a,o);case`set`:let s=new Set;for(let t of r)s.add(e.fromLocalValue(t));return s;case`symbol`:return Symbol(r);default:throw Error(`Unsupported type: ${n}`)}}static fromLocalValueArray(t){return t.map(t=>e.fromLocalValue(t))}static isLocalValueObject(e){if(typeof e!=`object`||!e||!e.hasOwnProperty(Hc))return!1;let t=e[Hc];return Object.values({...Bc,...Vc}).includes(t)?t!==`null`&&t!==`undefined`?e.hasOwnProperty(Uc):!0:!1}};Lc({},{err:()=>wl,map:()=>Tl,ok:()=>Cl,unwrap:()=>El,unwrapErr:()=>Dl});var Cl=e=>({isOk:!0,isErr:!1,value:e}),wl=e=>({isOk:!1,isErr:!0,value:e});function Tl(e,t){if(e.isOk){let n=t(e.value);return n instanceof Promise?n.then(e=>Cl(e)):Cl(n)}if(e.isErr){let t=e.value;return wl(t)}throw`should never get here`}var El=e=>{if(e.isOk)return e.value;throw e.value},Dl=e=>{if(e.isErr)return e.value;throw e.value};function Ol(e){return typeof e!=`string`||!e.startsWith(Wc)?e:Sl.fromLocalValue(JSON.parse(atob(e.slice(Wc.length))))}var kl;function Al(e){let t=this.attachShadow({mode:`open`});kl===void 0&&(kl=null),kl&&(_l?t.adoptedStyleSheets.push(kl):t.adoptedStyleSheets=[...t.adoptedStyleSheets,kl])}var jl=e=>{let t=K(e,`childNodes`);e.tagName&&e.tagName.includes(`-`)&&e[`s-cr`]&&e.tagName!==`SLOT-FB`&&Nl(t,e.tagName).forEach(e=>{e.nodeType===1&&e.tagName===`SLOT-FB`&&(Pl(e,Ll(e),!1).length?e.hidden=!0:e.hidden=!1)});let n=0;for(n=0;n<t.length;n++){let e=t[n];e.nodeType===1&&K(e,`childNodes`).length&&jl(e)}},Ml=e=>{let t=[];for(let n=0;n<e.length;n++){let r=e[n][`s-nr`]||void 0;r&&r.isConnected&&t.push(r)}return t};function Nl(e,t,n){let r=0,i=[],a;for(;r<e.length;r++)a=e[r],a[`s-sr`]&&(!t||a[`s-hn`]===t)&&n===void 0&&i.push(a),i=[...i,...Nl(a.childNodes,t,n)];return i}var Pl=(e,t,n=!0)=>{let r=[];(n&&e[`s-sr`]||!e[`s-sr`])&&r.push(e);let i=e;for(;i=i.nextSibling;)Ll(i)===t&&(n||!i[`s-sr`])&&r.push(i);return r},Fl=(e,t)=>e.nodeType===1?e.getAttribute(`slot`)===null&&t===``||e.getAttribute(`slot`)===t:e[`s-sn`]===t?!0:t===``,Il=(e,t,n,r)=>{if(e[`s-ol`]&&e[`s-ol`].isConnected)return;let i=document.createTextNode(``);if(i[`s-nr`]=e,!t[`s-cr`]||!t[`s-cr`].parentNode)return;let a=t[`s-cr`].parentNode,o=K(a,`appendChild`);if(r!==void 0){i[`s-oo`]=r;let e=K(a,`childNodes`),t=[i];e.forEach(e=>{e[`s-nr`]&&t.push(e)}),t.sort((e,t)=>!e[`s-oo`]||e[`s-oo`]<(t[`s-oo`]||0)?-1:+(!t[`s-oo`]||t[`s-oo`]<e[`s-oo`])),t.forEach(e=>o.call(a,e))}else o.call(a,i);e[`s-ol`]=i,e[`s-sh`]=t[`s-hn`]},Ll=e=>typeof e[`s-sn`]==`string`?e[`s-sn`]:e.nodeType===1&&e.getAttribute(`slot`)||void 0;function Rl(e){if(e.assignedElements||e.assignedNodes||!e[`s-sr`])return;let t=t=>(function(e){let n=[],r=this[`s-sn`];e?.flatten&&console.error(`
|
|
28
|
+
Flattening is not supported for Stencil non-shadow slots.
|
|
29
|
+
You can use \`.childNodes\` to nested slot fallback content.
|
|
30
|
+
If you have a particular use case, please open an issue on the Stencil repo.
|
|
31
|
+
`);let i=this[`s-cr`].parentElement;return(i.__childNodes?i.childNodes:Ml(i.childNodes)).forEach(e=>{r===Ll(e)&&n.push(e)}),t?n.filter(e=>e.nodeType===1):n}).bind(e);e.assignedElements=t(!0),e.assignedNodes=t(!1)}function K(e,t){if(`__`+t in e){let n=e[`__`+t];return typeof n==`function`?n.bind(e):n}else return typeof e[t]==`function`?e[t].bind(e):e[t]}var zl=(e,t=``)=>()=>{},Bl=(e,t)=>()=>{},q=new WeakMap,Vl=(e,t,n)=>{let r=$c.get(e);gl&&n?(r||=new CSSStyleSheet,typeof r==`string`?r=t:r.replaceSync(t)):r=t,$c.set(e,r)},Hl=(e,t,n)=>{let r=Wl(t,n),i=$c.get(r);if(!fl.document)return r;if(e=e.nodeType===11?e:fl.document,i)if(typeof i==`string`){e=e.head||e;let n=q.get(e),a;if(n||q.set(e,n=new Set),!n.has(r)){if(e.host&&(a=e.querySelector(`[${sl}="${r}"]`)))a.innerHTML=i;else{a=fl.document.createElement(`style`),a.innerHTML=i;let n=pl.$nonce$??bl(fl.document);if(n!=null&&a.setAttribute(`nonce`,n),!(t.$flags$&1))if(e.nodeName===`HEAD`){let t=e.querySelectorAll(`link[rel=preconnect]`),n=t.length>0?t[t.length-1].nextSibling:e.querySelector(`style`);e.insertBefore(a,n?.parentNode===e?n:null)}else if(`host`in e)if(gl){let t=new CSSStyleSheet;t.replaceSync(i),_l?e.adoptedStyleSheets.unshift(t):e.adoptedStyleSheets=[t,...e.adoptedStyleSheets]}else{let t=e.querySelector(`style`);t?t.innerHTML=i+t.innerHTML:e.prepend(a)}else e.append(a);t.$flags$&1&&e.insertBefore(a,null)}t.$flags$&4&&(a.innerHTML+=ul),n&&n.add(r)}}else e.adoptedStyleSheets.includes(i)||(_l?e.adoptedStyleSheets.push(i):e.adoptedStyleSheets=[...e.adoptedStyleSheets,i]);return r},Ul=e=>{let t=e.$cmpMeta$,n=e.$hostElement$,r=t.$flags$,i=zl(`attachStyles`,t.$tagName$),a=Hl(n.shadowRoot?n.shadowRoot:n.getRootNode(),t,e.$modeName$);r&10&&(n[`s-sc`]=a,n.classList.add(a+`-h`)),i()},Wl=(e,t)=>`sc-`+(t&&e.$flags$&32?e.$tagName$+`-`+t:e.$tagName$),Gl=e=>e.replace(/\/\*!@([^\/]+)\*\/[^\{]+\{/g,`$1{`),Kl=()=>{if(!fl.document)return;let e=fl.document.querySelectorAll(`[${sl}]`),t=0;for(;t<e.length;t++)Vl(e[t].getAttribute(sl),Gl(e[t].innerHTML),!0)},ql=(e,t,...n)=>{let r=null,i=null,a=null,o=!1,s=!1,c=[],l=t=>{for(let n=0;n<t.length;n++)r=t[n],Array.isArray(r)?l(r):r!=null&&typeof r!=`boolean`&&((o=typeof e!=`function`&&!yl(r))&&(r=String(r)),o&&s?c[c.length-1].$text$+=r:c.push(o?Jl(null,r):r),s=o)};if(l(n),t){t.key&&(i=t.key),t.name&&(a=t.name);{let e=t.className||t.class;e&&(t.class=typeof e==`object`?Object.keys(e).filter(t=>e[t]).join(` `):e)}}if(typeof e==`function`)return e(t===null?{}:t,c,Zl);let u=Jl(e,null);return u.$attrs$=t,c.length>0&&(u.$children$=c),u.$key$=i,u.$name$=a,u},Jl=(e,t)=>{let n={$flags$:0,$tag$:e,$text$:t,$elm$:null,$children$:null};return n.$attrs$=null,n.$key$=null,n.$name$=null,n},Yl={},Xl=e=>e&&e.$tag$===Yl,Zl={forEach:(e,t)=>e.map(Ql).forEach(t),map:(e,t)=>e.map(Ql).map(t).map($l)},Ql=e=>({vattrs:e.$attrs$,vchildren:e.$children$,vkey:e.$key$,vname:e.$name$,vtag:e.$tag$,vtext:e.$text$}),$l=e=>{if(typeof e.vtag==`function`){let t={...e.vattrs};return e.vkey&&(t.key=e.vkey),e.vname&&(t.name=e.vname),ql(e.vtag,t,...e.vchildren||[])}let t=Jl(e.vtag,e.vtext);return t.$attrs$=e.vattrs,t.$children$=e.vchildren,t.$key$=e.vkey,t.$name$=e.vname,t},eu=(e,t,n,r)=>{let i=zl(`hydrateClient`,t),a=e.shadowRoot,o=[],s=[],c=[],l=a?[]:null,u=Jl(t,null);u.$elm$=e,fl.document&&(!pl.$orgLocNodes$||!pl.$orgLocNodes$.size)&&nu(fl.document.body,pl.$orgLocNodes$=new Map),e[ol]=n,e.removeAttribute(ol),r.$vnode$=tu(u,o,s,l,e,e,n,c);let d=0,f=o.length,p;for(;d<f;d++){p=o[d];let n=p.$hostId$+`.`+p.$nodeId$,r=pl.$orgLocNodes$.get(n),i=p.$elm$;if(!a)i[`s-hn`]=t.toUpperCase(),p.$tag$===`slot`&&(i[`s-cr`]=e[`s-cr`]);else if(p.$tag$?.toString().includes(`-`)&&p.$tag$!==`slot-fb`&&!p.$elm$.shadowRoot){let t=qc(p.$elm$);if(t){let n=Wl(t.$cmpMeta$,p.$elm$.getAttribute(`s-mode`)),r=fl.document.querySelector(`style[sty-id="${n}"]`);r&&e.shadowRoot.append(r.cloneNode(!0))}}p.$tag$===`slot`&&(p.$name$=p.$elm$[`s-sn`]||p.$elm$.name||null,p.$children$?(p.$flags$|=2,p.$elm$.childNodes.length||p.$children$.forEach(e=>{p.$elm$.appendChild(e.$elm$)})):p.$flags$|=1),r&&r.isConnected&&(r.parentElement.shadowRoot&&r[`s-en`]===``&&r.parentNode.insertBefore(i,r.nextSibling),r.parentNode.removeChild(r),a||(i[`s-oo`]=parseInt(p.$nodeId$))),r&&!r[`s-id`]&&pl.$orgLocNodes$.delete(n)}let m=[],h=c.length,g=0,_,v,y,b;for(;g<h;g++)if(_=c[g],!(!_||!_.length))for(y=_.length,v=0;v<y;v++){if(b=_[v],m[b.hostId]||(m[b.hostId]=pl.$orgLocNodes$.get(b.hostId)),!m[b.hostId])continue;let e=m[b.hostId];e.shadowRoot&&b.node.parentElement!==e&&e.appendChild(b.node),(!e.shadowRoot||!a)&&(b.slot[`s-cr`]||(b.slot[`s-cr`]=e[`s-cr`],!b.slot[`s-cr`]&&e.shadowRoot?b.slot[`s-cr`]=e:b.slot[`s-cr`]=(e.__childNodes||e.childNodes)[0]),Il(b.node,b.slot,!1,b.node[`s-oo`]),b.node.parentElement?.shadowRoot&&b.node.getAttribute&&b.node.getAttribute(`slot`)&&b.node.removeAttribute(`slot`))}if(a){let t=0,n=l.length;if(n){for(;t<n;t++){let e=l[t];e&&a.appendChild(e)}Array.from(e.childNodes).forEach(e=>{typeof e[`s-en`]!=`string`&&typeof e[`s-sn`]!=`string`&&(e.nodeType===1&&e.slot&&e.hidden?e.removeAttribute(`hidden`):(e.nodeType===8&&!e.nodeValue||e.nodeType===3&&!e.wholeText.trim())&&e.parentNode.removeChild(e))})}}r.$hostElement$=e,i()},tu=(e,t,n,r,i,a,o,s=[])=>{let c,l,u,d;if(a.nodeType===1){if(c=a.getAttribute(cl),c&&(l=c.split(`.`),l[0]===o||l[0]===`0`)){u=ru({$flags$:0,$hostId$:l[0],$nodeId$:l[1],$depth$:l[2],$index$:l[3],$tag$:a.tagName.toLowerCase(),$elm$:a,$attrs$:{class:a.className||``}}),t.push(u),a.removeAttribute(cl),e.$children$||=[];let i=u.$elm$.getAttribute(`s-sn`);typeof i==`string`&&(u.$tag$===`slot-fb`&&iu(i,l[2],u,a,e,t,n,r,s),u.$elm$[`s-sn`]=i,u.$elm$.removeAttribute(`s-sn`)),u.$index$!==void 0&&(e.$children$[u.$index$]=u),e=u,r&&u.$depth$===`0`&&(r[u.$index$]=u.$elm$)}if(a.shadowRoot)for(d=a.shadowRoot.childNodes.length-1;d>=0;d--)tu(e,t,n,r,i,a.shadowRoot.childNodes[d],o,s);let f=a.__childNodes||a.childNodes;for(d=f.length-1;d>=0;d--)tu(e,t,n,r,i,f[d],o,s)}else if(a.nodeType===8)l=a.nodeValue.split(`.`),(l[1]===o||l[1]===`0`)&&(c=l[0],u=ru({$hostId$:l[1],$nodeId$:l[2],$depth$:l[3],$index$:l[4]||`0`,$elm$:a,$attrs$:null,$children$:null,$key$:null,$name$:null,$tag$:null,$text$:null}),c===il?(u.$elm$=ou(a,3),u.$elm$&&u.$elm$.nodeType===3&&(u.$text$=u.$elm$.textContent,t.push(u),a.remove(),o===u.$hostId$&&(e.$children$||=[],e.$children$[u.$index$]=u),r&&u.$depth$===`0`&&(r[u.$index$]=u.$elm$))):c===al?(u.$elm$=ou(a,8),u.$elm$&&u.$elm$.nodeType===8&&(t.push(u),a.remove())):u.$hostId$===o&&(c===rl?iu(a[`s-sn`]=l[5]||``,l[2],u,a,e,t,n,r,s):c===tl&&(r?a.remove():(i[`s-cr`]=a,a[`s-cn`]=!0))));else if(e&&e.$tag$===`style`){let t=Jl(null,a.textContent);t.$elm$=a,t.$index$=`0`,e.$children$=[t]}else a.nodeType===3&&!a.wholeText.trim()&&!a[`s-nr`]&&a.remove();return e},nu=(e,t)=>{if(e.nodeType===1){let n=e[ol]||e.getAttribute(ol);n&&t.set(n,e);let r=0;if(e.shadowRoot)for(;r<e.shadowRoot.childNodes.length;r++)nu(e.shadowRoot.childNodes[r],t);let i=e.__childNodes||e.childNodes;for(r=0;r<i.length;r++)nu(i[r],t)}else if(e.nodeType===8){let n=e.nodeValue.split(`.`);n[0]===nl&&(t.set(n[1]+`.`+n[2],e),e.nodeValue=``,e[`s-en`]=n[3])}},ru=e=>({$flags$:0,$hostId$:null,$nodeId$:null,$depth$:null,$index$:`0`,$elm$:null,$attrs$:null,$children$:null,$key$:null,$name$:null,$tag$:null,$text$:null,...e});function iu(e,t,n,r,i,a,o,s,c){r[`s-sr`]=!0,n.$name$=e||null,n.$tag$=`slot`;let l=i?.$elm$?i.$elm$[`s-id`]||i.$elm$.getAttribute(`s-id`):``;if(s&&fl.document){let a=n.$elm$=fl.document.createElement(n.$tag$);n.$name$&&n.$elm$.setAttribute(`name`,e),i.$elm$.shadowRoot&&l&&l!==n.$hostId$?K(i.$elm$,`insertBefore`)(a,K(i.$elm$,`children`)[0]):K(K(r,`parentNode`),`insertBefore`)(a,r),au(c,t,e,r,n.$hostId$),r.remove(),n.$depth$===`0`&&(s[n.$index$]=n.$elm$)}else{let a=n.$elm$,o=l&&l!==n.$hostId$&&i.$elm$.shadowRoot;au(c,t,e,r,o?l:n.$hostId$),Rl(r),o&&i.$elm$.insertBefore(a,i.$elm$.children[0])}a.push(n),o.push(n),i.$children$||=[],i.$children$[n.$index$]=n}var au=(e,t,n,r,i)=>{let a=r.nextSibling;if(e[t]=e[t]||[],!(!a||a.nodeValue?.startsWith(rl+`.`)))do a&&((a.getAttribute&&a.getAttribute(`slot`)||a[`s-sn`])===n||n===``&&!a[`s-sn`]&&(!a.getAttribute||!a.getAttribute(`slot`))&&(a.nodeType===8||a.nodeType===3))&&(a[`s-sn`]=n,e[t].push({slot:r,node:a,hostId:i})),a=a?.nextSibling;while(a&&!a.nodeValue?.startsWith(rl+`.`))},ou=(e,t)=>{let n=e;do n=n.nextSibling;while(n&&(n.nodeType!==t||!n.nodeValue));return n},su=e=>{let t=xl(e);return RegExp(`(^|[^@]|@(?!supports\\s+selector\\s*\\([^{]*?${t}))(${t}\\b)`,`g`)};su(`::slotted`),su(`:host`),su(`:host-context`);var cu=e=>el.map(t=>t(e)).find(e=>!!e),lu=e=>el.push(e),uu=(e,t,n)=>typeof e==`string`&&e.startsWith(Wc)?(e=Ol(e),e):e!=null&&!yl(e)?t&4?e===`false`?!1:e===``||!!e:t&2?typeof e==`string`?parseFloat(e):typeof e==`number`?e:NaN:t&1?String(e):e:e,du=e=>qc(e)?.$hostElement$,fu=(e,t,n)=>{let r=du(e);return{emit:e=>pu(r,t,{bubbles:!0,composed:!0,cancelable:!0,detail:e})}},pu=(e,t,n)=>{let r=pl.ce(t,n);return e.dispatchEvent(r),r},mu=(e,t,n,r,i,a,o)=>{if(n===r)return;let s=Xc(e,t),c=t.toLowerCase();if(t===`class`){let t=e.classList,i=gu(n),a=gu(r);if((e[`s-si`]||e[`s-sc`])&&o){let n=e[`s-sc`]||e[`s-si`];a.push(n),i.forEach(e=>{e.startsWith(n)&&a.push(e)}),a=[...new Set(a)].filter(e=>e),t.add(...a)}else t.remove(...i.filter(e=>e&&!a.includes(e))),t.add(...a.filter(e=>e&&!i.includes(e)))}else if(t===`style`){for(let t in n)(!r||r[t]==null)&&(t.includes(`-`)?e.style.removeProperty(t):e.style[t]=``);for(let t in r)(!n||r[t]!==n[t])&&(t.includes(`-`)?e.style.setProperty(t,r[t]):e.style[t]=r[t])}else if(t!==`key`)if(t===`ref`)r&&r(e);else if(!s&&t[0]===`o`&&t[1]===`n`){if(t=t[2]===`-`?t.slice(3):Xc(fl,c)?c.slice(2):c[2]+t.slice(3),n||r){let i=t.endsWith(_u);t=t.replace(vu,``),n&&pl.rel(e,t,n,i),r&&pl.ael(e,t,r,i)}}else{let o=yl(r);if((s||o&&r!==null)&&!i)try{if(e.tagName.includes(`-`))e[t]!==r&&(e[t]=r);else{let i=r??``;t===`list`?s=!1:(n==null||e[t]!=i)&&(typeof e.__lookupSetter__(t)==`function`?e[t]=i:e.setAttribute(t,i))}}catch{}let l=!1;c!==(c=c.replace(/^xlink\:?/,``))&&(t=c,l=!0),r==null||r===!1?(r!==!1||e.getAttribute(t)===``)&&(l?e.removeAttributeNS(dl,t):e.removeAttribute(t)):(!s||a&4||i)&&!o&&e.nodeType===1&&(r=r===!0?``:r,l?e.setAttributeNS(dl,t,r):e.setAttribute(t,r))}},hu=/\s/,gu=e=>(typeof e==`object`&&e&&`baseVal`in e&&(e=e.baseVal),!e||typeof e!=`string`?[]:e.split(hu)),_u=`Capture`,vu=RegExp(_u+`$`),yu=(e,t,n,r)=>{let i=t.$elm$.nodeType===11&&t.$elm$.host?t.$elm$.host:t.$elm$,a=e&&e.$attrs$||{},o=t.$attrs$||{};for(let e of bu(Object.keys(a)))e in o||mu(i,e,a[e],void 0,n,t.$flags$,r);for(let e of bu(Object.keys(o)))mu(i,e,a[e],o[e],n,t.$flags$,r)};function bu(e){return e.includes(`ref`)?[...e.filter(e=>e!==`ref`),`ref`]:e}var xu,Su,Cu=!1,wu=!1,Tu=!1,Eu=!1,Du=(e,t,n)=>{let r=t.$children$[n],i=0,a,o,s;if(Cu||(Tu=!0,r.$tag$===`slot`&&(r.$flags$|=r.$children$?2:1)),r.$text$!==null)a=r.$elm$=fl.document.createTextNode(r.$text$);else if(r.$flags$&1)a=r.$elm$=fl.document.createTextNode(``),yu(null,r,Eu);else{if(Eu||=r.$tag$===`svg`,!fl.document)throw Error("You are trying to render a Stencil component in an environment that doesn't support the DOM. Make sure to populate the [`window`](https://developer.mozilla.org/en-US/docs/Web/API/Window/window) object before rendering a component.");if(a=r.$elm$=fl.document.createElementNS(Eu?Rc:zc,!Cu&&Pc.slotRelocation&&r.$flags$&2?`slot-fb`:r.$tag$),Eu&&r.$tag$===`foreignObject`&&(Eu=!1),yu(null,r,Eu),r.$children$)for(i=0;i<r.$children$.length;++i)o=Du(e,r,i),o&&a.appendChild(o);r.$tag$===`svg`?Eu=!1:a.tagName===`foreignObject`&&(Eu=!0)}return a[`s-hn`]=Su,r.$flags$&3&&(a[`s-sr`]=!0,a[`s-cr`]=xu,a[`s-sn`]=r.$name$||``,a[`s-rf`]=r.$attrs$?.ref,Rl(a),s=e&&e.$children$&&e.$children$[n],s&&s.$tag$===r.$tag$&&e.$elm$&&Ou(e.$elm$,!1)),a},Ou=(e,t)=>{pl.$flags$|=1;let n=Array.from(e.__childNodes||e.childNodes);for(let e=n.length-1;e>=0;e--){let r=n[e];r[`s-hn`]!==Su&&r[`s-ol`]&&(Ru(Nu(r).parentNode,r,Nu(r)),r[`s-ol`].remove(),r[`s-ol`]=void 0,r[`s-sh`]=void 0,Tu=!0),t&&Ou(r,t)}pl.$flags$&=-2},ku=(e,t,n,r,i,a)=>{let o=e[`s-cr`]&&e[`s-cr`].parentNode||e,s;for(o.shadowRoot&&o.tagName===Su&&(o=o.shadowRoot);i<=a;++i)r[i]&&(s=Du(null,n,i),s&&(r[i].$elm$=s,Ru(o,s,Nu(t))))},Au=(e,t,n)=>{for(let r=t;r<=n;++r){let t=e[r];if(t){let e=t.$elm$;Lu(t),e&&(wu=!0,e[`s-ol`]?e[`s-ol`].remove():Ou(e,!0),e.remove())}}},ju=(e,t,n,r,i=!1)=>{let a=0,o=0,s=0,c=0,l=t.length-1,u=t[0],d=t[l],f=r.length-1,p=r[0],m=r[f],h,g;for(;a<=l&&o<=f;)if(u==null)u=t[++a];else if(d==null)d=t[--l];else if(p==null)p=r[++o];else if(m==null)m=r[--f];else if(Mu(u,p,i))Pu(u,p,i),u=t[++a],p=r[++o];else if(Mu(d,m,i))Pu(d,m,i),d=t[--l],m=r[--f];else if(Mu(u,m,i))(u.$tag$===`slot`||m.$tag$===`slot`)&&Ou(u.$elm$.parentNode,!1),Pu(u,m,i),Ru(e,u.$elm$,d.$elm$.nextSibling),u=t[++a],m=r[--f];else if(Mu(d,p,i))(u.$tag$===`slot`||m.$tag$===`slot`)&&Ou(d.$elm$.parentNode,!1),Pu(d,p,i),Ru(e,d.$elm$,u.$elm$),d=t[--l],p=r[++o];else{for(s=-1,c=a;c<=l;++c)if(t[c]&&t[c].$key$!==null&&t[c].$key$===p.$key$){s=c;break}s>=0?(g=t[s],g.$tag$===p.$tag$?(Pu(g,p,i),t[s]=void 0,h=g.$elm$):h=Du(t&&t[o],n,s),p=r[++o]):(h=Du(t&&t[o],n,o),p=r[++o]),h&&Ru(Nu(u.$elm$).parentNode,h,Nu(u.$elm$))}a>l?ku(e,r[f+1]==null?null:r[f+1].$elm$,n,r,o,f):o>f&&Au(t,a,l)},Mu=(e,t,n=!1)=>e.$tag$===t.$tag$?e.$tag$===`slot`?e.$name$===t.$name$:n?(n&&!e.$key$&&t.$key$&&(e.$key$=t.$key$),!0):e.$key$===t.$key$:!1,Nu=e=>e&&e[`s-ol`]||e,Pu=(e,t,n=!1)=>{let r=t.$elm$=e.$elm$,i=e.$children$,a=t.$children$,o=t.$tag$,s=t.$text$,c;s===null?(Eu=o===`svg`?!0:o===`foreignObject`?!1:Eu,yu(e,t,Eu,n),i!==null&&a!==null?ju(r,i,t,a,n):a===null?!n&&Pc.updatable&&i!==null?Au(i,0,i.length-1):n&&Pc.updatable&&i!==null&&a===null&&(t.$children$=i):(e.$text$!==null&&(r.textContent=``),ku(r,null,t,a,0,a.length-1)),Eu&&o===`svg`&&(Eu=!1)):(c=r[`s-cr`])?c.parentNode.textContent=s:e.$text$!==s&&(r.data=s)},Fu=[],Iu=e=>{let t,n,r,i=e.__childNodes||e.childNodes;for(let e of i){if(e[`s-sr`]&&(t=e[`s-cr`])&&t.parentNode){n=t.parentNode.__childNodes||t.parentNode.childNodes;let i=e[`s-sn`];for(r=n.length-1;r>=0;r--)if(t=n[r],!t[`s-cn`]&&!t[`s-nr`]&&t[`s-hn`]!==e[`s-hn`])if(Fl(t,i)){let n=Fu.find(e=>e.$nodeToRelocate$===t);wu=!0,t[`s-sn`]=t[`s-sn`]||i,n?(n.$nodeToRelocate$[`s-sh`]=e[`s-hn`],n.$slotRefNode$=e):(t[`s-sh`]=e[`s-hn`],Fu.push({$slotRefNode$:e,$nodeToRelocate$:t})),t[`s-sr`]&&Fu.map(e=>{Fl(e.$nodeToRelocate$,t[`s-sn`])&&(n=Fu.find(e=>e.$nodeToRelocate$===t),n&&!e.$slotRefNode$&&(e.$slotRefNode$=n.$slotRefNode$))})}else Fu.some(e=>e.$nodeToRelocate$===t)||Fu.push({$nodeToRelocate$:t})}e.nodeType===1&&Iu(e)}},Lu=e=>{e.$attrs$&&e.$attrs$.ref&&e.$attrs$.ref(null),e.$children$&&e.$children$.map(Lu)},Ru=(e,t,n)=>e?.insertBefore(t,n),zu=(e,t,n=!1)=>{let r=e.$hostElement$,i=e.$cmpMeta$,a=e.$vnode$||Jl(null,null),o=Xl(t)?t:ql(null,null,t);if(Su=r.tagName,i.$attrsToReflect$&&(o.$attrs$=o.$attrs$||{},i.$attrsToReflect$.forEach(([e,t])=>{o.$attrs$[t]=r[e]})),n&&o.$attrs$)for(let e of Object.keys(o.$attrs$))r.hasAttribute(e)&&![`key`,`ref`,`style`,`class`].includes(e)&&(o.$attrs$[e]=r[e]);if(o.$tag$=null,o.$flags$|=4,e.$vnode$=o,o.$elm$=a.$elm$=r.shadowRoot||r,Cu=!!(i.$flags$&1)&&!(i.$flags$&128),xu=r[`s-cr`],wu=!1,Pu(a,o,n),pl.$flags$|=1,Tu){Iu(o.$elm$);for(let e of Fu){let t=e.$nodeToRelocate$;if(!t[`s-ol`]&&fl.document){let e=fl.document.createTextNode(``);e[`s-nr`]=t,Ru(t.parentNode,t[`s-ol`]=e,t)}}for(let e of Fu){let t=e.$nodeToRelocate$,r=e.$slotRefNode$;if(r){let e=r.parentNode,n=r.nextSibling;{let r=t[`s-ol`]?.previousSibling;for(;r;){let i=r[`s-nr`]??null;if(i&&i[`s-sn`]===t[`s-sn`]&&e===(i.__parentNode||i.parentNode)){for(i=i.nextSibling;i===t||i?.[`s-sr`];)i=i?.nextSibling;if(!i||!i[`s-nr`]){n=i;break}}r=r.previousSibling}}let i=t.__parentNode||t.parentNode,a=t.__nextSibling||t.nextSibling;(!n&&e!==i||a!==n)&&t!==n&&(!t[`s-hn`]&&t[`s-ol`]&&(t[`s-hn`]=t[`s-ol`].parentNode.nodeName),Ru(e,t,n),t.nodeType===1&&t.tagName!==`SLOT-FB`&&(t.hidden=t[`s-ih`]??!1)),t&&typeof r[`s-rf`]==`function`&&r[`s-rf`](r)}else t.nodeType===1&&(n&&(t[`s-ih`]=t.hidden??!1),t.hidden=!0)}}wu&&jl(o.$elm$),pl.$flags$&=-2,Fu.length=0,xu=void 0},Bu=(e,t)=>{if(t&&!e.$onRenderResolve$&&t[`s-p`]){let n=t[`s-p`].push(new Promise(r=>e.$onRenderResolve$=()=>{t[`s-p`].splice(n-1,1),r()}))}},Vu=(e,t)=>{if(e.$flags$&4){e.$flags$|=512;return}Bu(e,e.$ancestorComponent$);let n=()=>Hu(e,t);if(t){queueMicrotask(()=>{n()});return}return n()},Hu=(e,t)=>{let n=e.$hostElement$,r=zl(`scheduleUpdate`,e.$cmpMeta$.$tagName$),i=e.$lazyInstance$;if(!i)throw Error(`Can't render component <${n.tagName.toLowerCase()} /> with invalid Stencil runtime! Make sure this imported component is compiled with a \`externalRuntime: true\` flag. For more information, please refer to https://stenciljs.com/docs/custom-elements#externalruntime`);let a;return t?(e.$flags$|=256,e.$queuedListeners$&&=(e.$queuedListeners$.map(([e,t])=>Yu(i,e,t,n)),void 0),e.$fetchedCbList$.length&&e.$fetchedCbList$.forEach(e=>e(n)),a=Yu(i,`componentWillLoad`,void 0,n)):a=Yu(i,`componentWillUpdate`,void 0,n),a=Uu(a,()=>Yu(i,`componentWillRender`,void 0,n)),r(),Uu(a,()=>Gu(e,i,t))},Uu=(e,t)=>Wu(e)?e.then(t).catch(e=>{console.error(e),t()}):t(),Wu=e=>e instanceof Promise||e&&e.then&&typeof e.then==`function`,Gu=async(e,t,n)=>{let r=e.$hostElement$,i=zl(`update`,e.$cmpMeta$.$tagName$),a=r[`s-rc`];n&&Ul(e);let o=zl(`render`,e.$cmpMeta$.$tagName$);Ku(e,t,r,n),a&&(a.map(e=>e()),r[`s-rc`]=void 0),o(),i();{let t=r[`s-p`]??[],n=()=>qu(e);t.length===0?n():(Promise.all(t).then(n),e.$flags$|=4,t.length=0)}},Ku=(e,t,n,r)=>{try{t=t.render&&t.render(),e.$flags$|=2,zu(e,t,r)}catch(t){G(t,e.$hostElement$)}return null},qu=e=>{let t=e.$cmpMeta$.$tagName$,n=e.$hostElement$,r=zl(`postUpdate`,t),i=e.$lazyInstance$,a=e.$ancestorComponent$;Yu(i,`componentDidRender`,void 0,n),e.$flags$&64?(Yu(i,`componentDidUpdate`,void 0,n),r()):(e.$flags$|=64,Xu(n),Yu(i,`componentDidLoad`,void 0,n),r(),e.$onReadyResolve$(n),a||Ju()),e.$onInstanceResolve$(n),e.$onRenderResolve$&&=(e.$onRenderResolve$(),void 0),e.$flags$&512&&vl(()=>Vu(e,!1)),e.$flags$&=-517},Ju=e=>{vl(()=>pu(fl,`appload`,{detail:{namespace:Nc}})),pl.$orgLocNodes$?.size&&pl.$orgLocNodes$.clear()},Yu=(e,t,n,r)=>{if(e&&e[t])try{return e[t](n)}catch(e){G(e,r)}},Xu=e=>e.classList.add(Pc.hydratedSelectorName??`hydrated`),Zu=(e,t)=>qc(e).$instanceValues$.get(t),Qu=(e,t,n,r)=>{let i=qc(e);if(!i)return;if(!i)throw Error(`Couldn't find host element for "${r.$tagName$}" as it is unknown to this Stencil runtime. This usually happens when integrating a 3rd party Stencil component with another Stencil component or application. Please reach out to the maintainers of the 3rd party Stencil component or report this on the Stencil Discord server (https://chat.stenciljs.com) or comment on this similar [GitHub issue](https://github.com/stenciljs/core/issues/5457).`);let a=i.$hostElement$,o=i.$instanceValues$.get(t),s=i.$flags$,c=i.$lazyInstance$;n=uu(n,r.$members$[t][0]);let l=n!==o&&!(Number.isNaN(o)&&Number.isNaN(n));if((!(s&8)||o===void 0)&&l&&(i.$instanceValues$.set(t,n),c)){if(r.$watchers$&&s&128){let e=r.$watchers$[t];e&&e.map(e=>{try{c[e](n,o,t)}catch(e){G(e,a)}})}if((s&18)==2){if(c.componentShouldUpdate&&c.componentShouldUpdate(n,o,t)===!1)return;Vu(i,!1)}}},$u=(e,t,n)=>{let r=e.prototype;if(t.$members$||Pc.propChangeCallback){e.watchers&&!t.$watchers$&&(t.$watchers$=e.watchers),e.deserializers&&!t.$deserializers$&&(t.$deserializers$=e.deserializers),e.serializers&&!t.$serializers$&&(t.$serializers$=e.serializers);let i=Object.entries(t.$members$??{});if(i.map(([e,[i]])=>{if(i&31||n&2&&i&32){let{get:a,set:o}=Object.getOwnPropertyDescriptor(r,e)||{};a&&(t.$members$[e][0]|=2048),o&&(t.$members$[e][0]|=4096),(n&1||!a)&&Object.defineProperty(r,e,{get(){{if(!(t.$members$[e][0]&2048))return Zu(this,e);let n=qc(this),i=n?n.$lazyInstance$:r;return i?i[e]:void 0}},configurable:!0,enumerable:!0}),Object.defineProperty(r,e,{set(r){let a=qc(this);if(a){if(o){(i&32?this[e]:a.$hostElement$[e])===void 0&&a.$instanceValues$.get(e)&&(r=a.$instanceValues$.get(e)),o.apply(this,[uu(r,i)]),r=i&32?this[e]:a.$hostElement$[e],Qu(this,e,r,t);return}{if(!(n&1)||!(t.$members$[e][0]&4096)){Qu(this,e,r,t),n&1&&!a.$lazyInstance$&&a.$fetchedCbList$.push(()=>{t.$members$[e][0]&4096&&a.$lazyInstance$[e]!==a.$instanceValues$.get(e)&&(a.$lazyInstance$[e]=r)});return}let o=()=>{let n=a.$lazyInstance$[e];!a.$instanceValues$.get(e)&&n&&a.$instanceValues$.set(e,n),a.$lazyInstance$[e]=uu(r,i),Qu(this,e,a.$lazyInstance$[e],t)};a.$lazyInstance$?o():a.$fetchedCbList$.push(()=>{o()})}}}})}else n&1&&i&64&&Object.defineProperty(r,e,{value(...t){let n=qc(this);return(n?.$onInstancePromise$)?.then(()=>n.$lazyInstance$?.[e](...t))}})}),n&1){let n=new Map;r.attributeChangedCallback=function(e,a,o){pl.jmp(()=>{let s=n.get(e),c=qc(this);if(this.hasOwnProperty(s)&&Pc.lazyLoad&&(o=this[s],delete this[s]),r.hasOwnProperty(s)&&typeof this[s]==`number`&&this[s]==o)return;if(s==null){let n=c?.$flags$;if(c&&n&&!(n&8)&&n&128&&o!==a){let n=c.$lazyInstance$;(t.$watchers$?.[e])?.forEach(t=>{n[t]!=null&&n[t].call(n,o,a,e)})}return}let l=i.find(([e])=>e===s);l&&l[1][0]&4&&(o=!(o===null||o===`false`));let u=Object.getOwnPropertyDescriptor(r,s);o!=this[s]&&(!u.get||u.set)&&(this[s]=o)})},e.observedAttributes=Array.from(new Set([...Object.keys(t.$watchers$??{}),...i.filter(([e,t])=>t[0]&31).map(([e,r])=>{var i;let a=r[1]||e;return n.set(a,e),r[0]&512&&((i=t.$attrsToReflect$)==null||i.push([e,a])),a})]))}}return e},ed=async(e,t,n,r)=>{let i;if(!(t.$flags$&32)){if(t.$flags$|=32,n.$lazyBundleId$){let r=Qc(n,t);if(r&&`then`in r){let e=Bl();i=await r,e()}else i=r;if(!i)throw Error(`Constructor for "${n.$tagName$}#${t.$modeName$}" was not found`);i.isProxied||(n.$watchers$=i.watchers,n.$serializers$=i.serializers,n.$deserializers$=i.deserializers,$u(i,n,2),i.isProxied=!0);let a=zl(`createInstance`,n.$tagName$);t.$flags$|=8;try{new i(t)}catch(t){G(t,e)}t.$flags$&=-9,t.$flags$|=128,a(),td(t.$lazyInstance$,e)}else{i=e.constructor;let n=e.localName;customElements.whenDefined(n).then(()=>t.$flags$|=128)}if(i&&i.style){let r;typeof i.style==`string`?r=i.style:typeof i.style!=`string`&&(t.$modeName$=cu(e),t.$modeName$&&(r=i.style[t.$modeName$]));let a=Wl(n,t.$modeName$);if(!$c.has(a)){let e=zl(`registerStyles`,n.$tagName$);Vl(a,r,!!(n.$flags$&1)),e()}}}let a=t.$ancestorComponent$,o=()=>Vu(t,!0);a&&a[`s-rc`]?a[`s-rc`].push(o):o()},td=(e,t)=>{Yu(e,`connectedCallback`,void 0,t)},nd=e=>{if(!(pl.$flags$&1)){let t=qc(e);if(!t)return;let n=t.$cmpMeta$,r=zl(`connectedCallback`,n.$tagName$);if(t.$flags$&1)cd(e,t,n.$listeners$),t?.$lazyInstance$?td(t.$lazyInstance$,e):t?.$onReadyPromise$&&t.$onReadyPromise$.then(()=>td(t.$lazyInstance$,e));else{t.$flags$|=1;let r;if(r=e.getAttribute(ol),r){if(n.$flags$&1){let t=Hl(e.shadowRoot,n,e.getAttribute(`s-mode`));e.classList.remove(t+`-h`,t+`-s`)}eu(e,n.$tagName$,r,t)}r||n.$flags$&12&&rd(e);{let n=e;for(;n=n.parentNode||n.host;)if(n.nodeType===1&&n.hasAttribute(`s-id`)&&n[`s-p`]||n[`s-p`]){Bu(t,t.$ancestorComponent$=n);break}}n.$members$&&Object.entries(n.$members$).map(([t,[n]])=>{if(n&31&&t in e&&e[t]!==Object.prototype[t]){let n=e[t];delete e[t],e[t]=n}}),ed(e,t,n)}r()}},rd=e=>{if(!fl.document)return;let t=e[`s-cr`]=fl.document.createComment(``);t[`s-cn`]=!0,Ru(e,t,e.firstChild)},id=(e,t)=>{Yu(e,`disconnectedCallback`,void 0,t||e)},ad=async e=>{if(!(pl.$flags$&1)){let t=qc(e);t?.$rmListeners$&&(t.$rmListeners$.map(e=>e()),t.$rmListeners$=void 0),t?.$lazyInstance$?id(t.$lazyInstance$,e):t?.$onReadyPromise$&&t.$onReadyPromise$.then(()=>id(t.$lazyInstance$,e))}q.has(e)&&q.delete(e),e.shadowRoot&&q.has(e.shadowRoot)&&q.delete(e.shadowRoot)},od=(e,t={})=>{if(!fl.document){console.warn(`Stencil: No document found. Skipping bootstrapping lazy components.`);return}let n=zl(),r=[],i=t.exclude||[],a=fl.customElements,o=fl.document.head,s=o.querySelector(`meta[charset]`),c=fl.document.createElement(`style`),l=[],u,d=!0;Object.assign(pl,t),pl.$resourcesUrl$=new URL(t.resourcesUrl||`./`,fl.document.baseURI).href,pl.$flags$|=2,Kl();let f=!1;if(e.map(e=>{e[1].map(n=>{let o={$flags$:n[0],$tagName$:n[1],$members$:n[2],$listeners$:n[3]};o.$flags$&4&&(f=!0),o.$members$=n[2],o.$listeners$=n[3],o.$attrsToReflect$=[],o.$watchers$=n[4]??{},o.$serializers$=n[5]??{},o.$deserializers$=n[6]??{};let s=t.transformTagName?t.transformTagName(o.$tagName$):o.$tagName$,c=class extends HTMLElement{constructor(e){if(super(e),this.hasRegisteredEventListeners=!1,e=this,Yc(e,o),o.$flags$&1){if(!e.shadowRoot)Al.call(e,o);else if(e.shadowRoot.mode!==`open`)throw Error(`Unable to re-use existing shadow root for ${o.$tagName$}! Mode is set to ${e.shadowRoot.mode} but Stencil only supports open shadow roots.`)}}connectedCallback(){let e=qc(this);e&&(this.hasRegisteredEventListeners||(this.hasRegisteredEventListeners=!0,cd(this,e,o.$listeners$)),u&&=(clearTimeout(u),null),d?l.push(this):pl.jmp(()=>nd(this)))}disconnectedCallback(){pl.jmp(()=>ad(this)),pl.raf(()=>{let e=qc(this);if(!e)return;let t=l.findIndex(e=>e===this);t>-1&&l.splice(t,1),e?.$vnode$?.$elm$ instanceof Node&&!e.$vnode$.$elm$.isConnected&&delete e.$vnode$.$elm$})}componentOnReady(){return qc(this)?.$onReadyPromise$}};o.$lazyBundleId$=e[0],!i.includes(s)&&!a.get(s)&&(r.push(s),a.define(s,$u(c,o,1)))})}),r.length>0&&(f&&(c.textContent+=ul),c.textContent+=r.sort()+ll,c.innerHTML.length)){c.setAttribute(`data-styles`,``);let e=pl.$nonce$??bl(fl.document);e!=null&&c.setAttribute(`nonce`,e),o.insertBefore(c,s?s.nextSibling:o.firstChild)}d=!1,l.length?l.map(e=>e.connectedCallback()):pl.jmp(()=>u=setTimeout(Ju,30)),n()},sd=(e,t)=>t,cd=(e,t,n,r)=>{n&&fl.document&&n.map(([n,r,i])=>{let a=ud(fl.document,e,n),o=ld(t,i),s=dd(n);pl.ael(a,r,o,s),(t.$rmListeners$=t.$rmListeners$||[]).push(()=>pl.rel(a,r,o,s))})},ld=(e,t)=>n=>{var r;try{e.$flags$&256?(r=e.$lazyInstance$)==null||r[t](n):(e.$queuedListeners$=e.$queuedListeners$||[]).push([t,n])}catch(t){G(t,e.$hostElement$)}},ud=(e,t,n)=>n&8?fl:t,dd=e=>ml?{passive:(e&1)!=0,capture:(e&2)!=0}:(e&2)!=0,fd=()=>{lu(e=>{try{e.shadowRoot instanceof ShadowRoot&&Qi(e,xi(e))}catch{}return`default`}),V(()=>import(`./devtools-yLGw7QsN-CWXSOcfv.js`).then(e=>{typeof e==`object`&&e&&typeof e.initialize==`function`&&e.initialize()}),__vite__mapDeps([129,18]),import.meta.url).catch(e=>{xa.error(e)})},pd=async(e,t)=>{if(!(typeof window>`u`))return await fd(),od(JSON.parse(`[["kol-abbr",[[801,"kol-abbr",{"_label":[1]},null,{"_label":["watchLabel"]}]]],["kol-accordion",[[289,"kol-accordion",{"_disabled":[4],"_label":[1],"_level":[2],"_on":[16],"_open":[1540],"state":[32],"focus":[64],"click":[64]},null,{"_disabled":["validateDisabled"],"_label":["validateLabel"],"_level":["validateLevel"],"_on":["validateOn"],"_open":["validateOpen"]}]]],["kol-alert",[[289,"kol-alert",{"_alert":[4],"_hasCloser":[4,"_has-closer"],"_label":[1],"_level":[2],"_on":[16],"_type":[1],"_variant":[1],"state":[32]}]]],["kol-alert-wc",[[260,"kol-alert-wc",{"_alert":[4],"_hasCloser":[4,"_has-closer"],"_label":[1],"_level":[2],"_on":[16],"_type":[1],"_variant":[1],"state":[32]},null,{"_alert":["validateAlert"],"_hasCloser":["validateHasCloser"],"_label":["validateLabel"],"_level":["validateLevel"],"_on":["validateOn"],"_type":["validateType"],"_variant":["validateVariant"]}]]],["kol-avatar",[[801,"kol-avatar",{"_color":[1],"_label":[1],"_src":[1],"initials":[32]},null,{"_color":["watchColor"],"_label":["watchLabel"],"_src":["watchSrc"]}]]],["kol-badge",[[289,"kol-badge",{"_color":[1],"_icons":[1],"_label":[1],"_smartButton":[1,"_smart-button"],"state":[32],"focus":[64]},null,{"_icons":["validateIcons"],"_color":["validateColor"],"_smartButton":["validateSmartButton"]}]]],["kol-breadcrumb",[[289,"kol-breadcrumb",{"_label":[1],"_links":[1],"state":[32]},null,{"_label":["validateLabel"],"_links":["validateLinks"]}]]],["kol-button",[[289,"kol-button",{"_accessKey":[1,"_access-key"],"_ariaControls":[1,"_aria-controls"],"_ariaDescription":[1,"_aria-description"],"_ariaExpanded":[4,"_aria-expanded"],"_ariaSelected":[4,"_aria-selected"],"_customClass":[1,"_custom-class"],"_disabled":[4],"_hideLabel":[4,"_hide-label"],"_icons":[1],"_inline":[4],"_label":[1],"_name":[1],"_on":[16],"_role":[1],"_shortKey":[1,"_short-key"],"_syncValueBySelector":[1,"_sync-value-by-selector"],"_tooltipAlign":[1,"_tooltip-align"],"_type":[1],"_value":[8],"_variant":[1],"getValue":[64],"focus":[64],"click":[64]}]]],["kol-button-link",[[289,"kol-button-link",{"_accessKey":[1,"_access-key"],"_ariaControls":[1,"_aria-controls"],"_ariaDescription":[1,"_aria-description"],"_ariaExpanded":[4,"_aria-expanded"],"_ariaSelected":[4,"_aria-selected"],"_disabled":[4],"_hideLabel":[4,"_hide-label"],"_icons":[1],"_inline":[4],"_label":[1],"_name":[1],"_on":[16],"_role":[1],"_shortKey":[1,"_short-key"],"_syncValueBySelector":[1,"_sync-value-by-selector"],"_tooltipAlign":[1,"_tooltip-align"],"_type":[1],"_value":[8],"_variant":[1],"getValue":[64],"focus":[64],"click":[64]}]]],["kol-button-wc",[[260,"kol-button-wc",{"_accessKey":[1,"_access-key"],"_ariaControls":[1,"_aria-controls"],"_ariaDescription":[1,"_aria-description"],"_ariaExpanded":[4,"_aria-expanded"],"_ariaHasPopup":[1,"_aria-has-popup"],"_ariaSelected":[4,"_aria-selected"],"_customClass":[1,"_custom-class"],"_disabled":[4],"_hideLabel":[4,"_hide-label"],"_icons":[1],"_id":[1],"_inline":[4],"_label":[1],"_name":[1],"_on":[16],"_role":[1],"_shortKey":[1,"_short-key"],"_syncValueBySelector":[1,"_sync-value-by-selector"],"_tabIndex":[2,"_tab-index"],"_tooltipAlign":[1,"_tooltip-align"],"_type":[1],"_value":[8],"_variant":[1],"state":[32],"focus":[64],"click":[64]},null,{"_accessKey":["validateAccessKey"],"_ariaControls":["validateAriaControls"],"_ariaDescription":["validateAriaDescription"],"_ariaExpanded":["validateAriaExpanded"],"_ariaSelected":["validateAriaSelected"],"_customClass":["validateCustomClass"],"_disabled":["validateDisabled"],"_hideLabel":["validateHideLabel"],"_icons":["validateIcons"],"_id":["validateId"],"_inline":["validateInline"],"_label":["validateLabel"],"_name":["validateName"],"_on":["validateOn"],"_role":["validateRole"],"_shortKey":["validateShortKey"],"_syncValueBySelector":["validateSyncValueBySelector"],"_tabIndex":["validateTabIndex"],"_tooltipAlign":["validateTooltipAlign"],"_type":["validateType"],"_value":["validateValue"],"_variant":["validateVariant"]}]]],["kol-card",[[289,"kol-card",{"_on":[16],"_hasCloser":[4,"_has-closer"],"_label":[1],"_level":[2]}]]],["kol-card-wc",[[260,"kol-card-wc",{"_hasCloser":[4,"_has-closer"],"_headingId":[1,"_heading-id"],"_label":[1],"_level":[2],"_on":[16],"state":[32]},null,{"_hasCloser":["validateHasCloser"],"_label":["validateLabel"],"_level":["validateLevel"],"_on":["validateOn"]}]]],["kol-click-button",[[769,"kol-click-button",{"_label":[1],"focus":[64]},null,{"_label":["watchLabel"]}]]],["kol-combobox",[[289,"kol-combobox",{"_accessKey":[1,"_access-key"],"_ariaDetails":[1,"_aria-details"],"_placeholder":[1],"_disabled":[4],"_hideMsg":[4,"_hide-msg"],"_hideLabel":[4,"_hide-label"],"_hint":[1],"_icons":[1],"_label":[1],"_msg":[1],"_name":[1],"_on":[16],"_hasClearButton":[4,"_has-clear-button"],"_suggestions":[1],"_required":[4],"_shortKey":[1,"_short-key"],"_syncValueBySelector":[1,"_sync-value-by-selector"],"_tooltipAlign":[1,"_tooltip-align"],"_touched":[1540],"_value":[1537],"_variant":[1],"blockSuggestionMouseOver":[32],"_isOpen":[32],"_filteredSuggestions":[32],"state":[32],"inputHasFocus":[32],"getValue":[64],"focus":[64],"click":[64]},[[0,"keydown","handleKeyDown"],[0,"click","handleWindowClick"],[1,"mousemove","handleMouseEvent"],[0,"focusin","handleFocusIn"],[0,"focusout","handleFocusOut"]],{"_ariaDetails":["validateAriaDetails"],"_placeholder":["validatePlaceholder"],"_accessKey":["validateAccessKey"],"_disabled":["validateDisabled"],"_hideMsg":["validateHideMsg"],"_hideLabel":["validateHideLabel"],"_hint":["validateHint"],"_icons":["validateIcons"],"_label":["validateLabel"],"_msg":["validateMsg"],"_name":["validateName"],"_on":["validateOn"],"_shortKey":["validateShortKey"],"_suggestions":["validateSuggestions"],"_hasClearButton":["validateHasClearButton"],"_required":["validateRequired"],"_syncValueBySelector":["validateSyncValueBySelector"],"_touched":["validateTouched"],"_value":["validateValue"],"_variant":["validateVariant"]}]]],["kol-details",[[289,"kol-details",{"_disabled":[4],"_label":[1],"_level":[2],"_on":[16],"_open":[1540],"state":[32],"focus":[64],"click":[64]},null,{"_disabled":["validateDisabled"],"_label":["validateLabel"],"_level":["validateLevel"],"_on":["validateOn"],"_open":["validateOpen"]}]]],["kol-dialog",[[289,"kol-dialog",{"_label":[1],"_level":[2],"_on":[16],"_width":[1],"_variant":[1],"openModal":[64],"showModal":[64],"show":[64],"close":[64],"closeModal":[64]}]]],["kol-dialog-wc",[[260,"kol-dialog-wc",{"_label":[1],"_level":[2],"_on":[16],"_width":[1],"_variant":[1],"isModal":[32],"state":[32],"show":[64],"showModal":[64],"openModal":[64],"close":[64],"closeModal":[64]},null,{"_label":["validateLabel"],"_level":["validateLevel"],"_on":["validateOn"],"_width":["validateWidth"],"_variant":["validateVariant"]}]]],["kol-drawer",[[289,"kol-drawer",{"_open":[4],"_align":[1],"_hasCloser":[4,"_has-closer"],"_label":[1],"_level":[2],"_on":[16],"isModal":[32],"state":[32],"show":[64],"showModal":[64],"open":[64],"close":[64]},null,{"_label":["validateLabel"],"_align":["validateAlign"],"_hasCloser":["validateHasCloser"],"_level":["validateLevel"],"_open":["validateOpen"],"_on":["validateOn"]}]]],["kol-form",[[289,"kol-form",{"_on":[16],"_requiredText":[8,"_required-text"],"_errorList":[16],"state":[32],"focusErrorList":[64]},null,{"_on":["validateOn"],"_requiredText":["validateRequiredText"],"_errorList":["validateErrorList"]}]]],["kol-heading",[[289,"kol-heading",{"_label":[1],"_level":[2],"_secondaryHeadline":[1,"_secondary-headline"]},null,{"_label":["watchLabel"],"_level":["watchLevel"],"_secondaryHeadline":["watchSecondaryHeadline"]}]]],["kol-icon",[[289,"kol-icon",{"_icons":[1],"_label":[1]},null,{"_icons":["watchIcons"],"_label":["watchLabel"]}]]],["kol-image",[[289,"kol-image",{"_alt":[1],"_loading":[1],"_sizes":[1],"_src":[1],"_srcset":[1],"_on":[16]},null,{"_alt":["watchAlt"],"_loading":["watchLoading"],"_sizes":["watchSizes"],"_src":["watchSrc"],"_srcset":["watchSrcset"]}]]],["kol-input-checkbox",[[289,"kol-input-checkbox",{"_accessKey":[1,"_access-key"],"_checked":[1540],"_hideMsg":[4,"_hide-msg"],"_disabled":[4],"_hideLabel":[4,"_hide-label"],"_hint":[1],"_icons":[1],"_indeterminate":[1540],"_label":[1],"_labelAlign":[1,"_label-align"],"_msg":[1],"_name":[1],"_on":[16],"_required":[4],"_ariaDetails":[1,"_aria-details"],"_shortKey":[1,"_short-key"],"_syncValueBySelector":[1,"_sync-value-by-selector"],"_tooltipAlign":[1,"_tooltip-align"],"_touched":[1540],"_value":[8],"_variant":[1],"state":[32],"inputHasFocus":[32],"getValue":[64],"focus":[64],"click":[64]},null,{"_accessKey":["validateAccessKey"],"_ariaDetails":["validateAriaDetails"],"_checked":["validateChecked"],"_disabled":["validateDisabled"],"_hideMsg":["validateHideMsg"],"_hideLabel":["validateHideLabel"],"_hint":["validateHint"],"_icons":["validateIcons"],"_indeterminate":["validateIndeterminate"],"_label":["validateLabel"],"_labelAlign":["validateLabelAlign"],"_msg":["validateMsg"],"_name":["validateName"],"_on":["validateOn"],"_required":["validateRequired"],"_shortKey":["validateShortKey"],"_syncValueBySelector":["validateSyncValueBySelector"],"_touched":["validateTouched"],"_value":["validateValue"],"_variant":["validateVariant"]}]]],["kol-input-color",[[289,"kol-input-color",{"_accessKey":[1,"_access-key"],"_ariaDetails":[1,"_aria-details"],"_autoComplete":[1,"_auto-complete"],"_disabled":[4],"_hideMsg":[4,"_hide-msg"],"_hideLabel":[4,"_hide-label"],"_hint":[1],"_icons":[1],"_label":[1],"_msg":[1],"_name":[1],"_on":[16],"_shortKey":[1,"_short-key"],"_smartButton":[1,"_smart-button"],"_suggestions":[1],"_syncValueBySelector":[1,"_sync-value-by-selector"],"_tooltipAlign":[1,"_tooltip-align"],"_touched":[1540],"_value":[1],"_variant":[1],"state":[32],"inputHasFocus":[32],"getValue":[64],"focus":[64],"click":[64]},null,{"_accessKey":["validateAccessKey"],"_ariaDetails":["validateAriaDetails"],"_autoComplete":["validateAutoComplete"],"_disabled":["validateDisabled"],"_hideMsg":["validateHideMsg"],"_hideLabel":["validateHideLabel"],"_hint":["validateHint"],"_icons":["validateIcons"],"_label":["validateLabel"],"_msg":["validateMsg"],"_name":["validateName"],"_on":["validateOn"],"_shortKey":["validateShortKey"],"_smartButton":["validateSmartButton"],"_suggestions":["validateSuggestions"],"_syncValueBySelector":["validateSyncValueBySelector"],"_touched":["validateTouched"],"_value":["validateValue"],"_variant":["validateVariant"]}]]],["kol-input-date",[[289,"kol-input-date",{"_accessKey":[1,"_access-key"],"_ariaDetails":[1,"_aria-details"],"_autoComplete":[1,"_auto-complete"],"_disabled":[4],"_hideMsg":[4,"_hide-msg"],"_hideLabel":[4,"_hide-label"],"_hint":[1],"_icons":[1],"_label":[1],"_max":[1],"_min":[1],"_msg":[1],"_name":[1],"_on":[16],"_readOnly":[4,"_read-only"],"_required":[4],"_shortKey":[1,"_short-key"],"_smartButton":[1,"_smart-button"],"_suggestions":[1],"_syncValueBySelector":[1,"_sync-value-by-selector"],"_step":[8],"_tooltipAlign":[1,"_tooltip-align"],"_touched":[1540],"_type":[1],"_value":[1537],"_variant":[1],"_initialValueType":[32],"state":[32],"inputHasFocus":[32],"getValue":[64],"focus":[64],"click":[64],"reset":[64]},null,{"_accessKey":["validateAccessKey"],"_ariaDetails":["validateAriaDetails"],"_autoComplete":["validateAutoComplete"],"_disabled":["validateDisabled"],"_hideMsg":["validateHideMsg"],"_hideLabel":["validateHideLabel"],"_hint":["validateHint"],"_icons":["validateIcons"],"_label":["validateLabel"],"_max":["validateMax"],"_min":["validateMin"],"_msg":["validateMsg"],"_name":["validateName"],"_on":["validateOn"],"_readOnly":["validateReadOnly"],"_required":["validateRequired"],"_shortKey":["validateShortKey"],"_smartButton":["validateSmartButton"],"_suggestions":["validateSuggestions"],"_step":["validateStep"],"_syncValueBySelector":["validateSyncValueBySelector"],"_touched":["validateTouched"],"_type":["validateType"],"_value":["validateValue"],"_variant":["validateVariant"]}]]],["kol-input-email",[[289,"kol-input-email",{"_accessKey":[1,"_access-key"],"_ariaDetails":[1,"_aria-details"],"_autoComplete":[1,"_auto-complete"],"_hasCounter":[4,"_has-counter"],"_maxLengthBehavior":[1,"_max-length-behavior"],"_disabled":[4],"_hideMsg":[4,"_hide-msg"],"_hideLabel":[4,"_hide-label"],"_hint":[1],"_icons":[1],"_label":[1],"_maxLength":[2,"_max-length"],"_msg":[1],"_multiple":[4],"_name":[1],"_on":[16],"_pattern":[1],"_placeholder":[1],"_readOnly":[4,"_read-only"],"_required":[4],"_shortKey":[1,"_short-key"],"_smartButton":[1,"_smart-button"],"_suggestions":[1],"_syncValueBySelector":[1,"_sync-value-by-selector"],"_tooltipAlign":[1,"_tooltip-align"],"_touched":[1540],"_value":[1537],"_variant":[1],"state":[32],"inputHasFocus":[32],"getValue":[64],"focus":[64],"click":[64]},null,{"_accessKey":["validateAccessKey"],"_ariaDetails":["validateAriaDetails"],"_autoComplete":["validateAutoComplete"],"_disabled":["validateDisabled"],"_hideMsg":["validateHideMsg"],"_hideLabel":["validateHideLabel"],"_hasCounter":["validateHasCounter"],"_hint":["validateHint"],"_icons":["validateIcons"],"_label":["validateLabel"],"_maxLength":["validateMaxLength"],"_msg":["validateMsg"],"_multiple":["validateMultiple"],"_name":["validateName"],"_on":["validateOn"],"_pattern":["validatePattern"],"_placeholder":["validatePlaceholder"],"_readOnly":["validateReadOnly"],"_required":["validateRequired"],"_shortKey":["validateShortKey"],"_suggestions":["validateSuggestions"],"_smartButton":["validateSmartButton"],"_syncValueBySelector":["validateSyncValueBySelector"],"_touched":["validateTouched"],"_value":["validateValue"],"_maxLengthBehavior":["validateMaxLengthBehavior"],"_variant":["validateVariant"]}]]],["kol-input-file",[[289,"kol-input-file",{"_accept":[1],"_accessKey":[1,"_access-key"],"_ariaDetails":[1,"_aria-details"],"_disabled":[4],"_hideMsg":[4,"_hide-msg"],"_hideLabel":[4,"_hide-label"],"_hint":[1],"_icons":[1],"_label":[1],"_msg":[1],"_multiple":[4],"_name":[1],"_on":[16],"_required":[4],"_shortKey":[1,"_short-key"],"_smartButton":[1,"_smart-button"],"_syncValueBySelector":[1,"_sync-value-by-selector"],"_tooltipAlign":[1,"_tooltip-align"],"_touched":[1540],"_variant":[1],"filename":[32],"hasFileSelected":[32],"state":[32],"inputHasFocus":[32],"getValue":[64],"focus":[64],"click":[64],"reset":[64]},null,{"_accept":["validateAccept"],"_accessKey":["validateAccessKey"],"_ariaDetails":["validateAriaDetails"],"_disabled":["validateDisabled"],"_hideMsg":["validateHideMsg"],"_hideLabel":["validateHideLabel"],"_hint":["validateHint"],"_icons":["validateIcons"],"_label":["validateLabel"],"_msg":["validateMsg"],"_multiple":["validateMultiple"],"_name":["validateName"],"_on":["validateOn"],"_required":["validateRequired"],"_shortKey":["validateShortKey"],"_smartButton":["validateSmartButton"],"_syncValueBySelector":["validateSyncValueBySelector"],"_touched":["validateTouched"],"_variant":["validateVariant"]}]]],["kol-input-number",[[289,"kol-input-number",{"_accessKey":[1,"_access-key"],"_ariaDetails":[1,"_aria-details"],"_autoComplete":[1,"_auto-complete"],"_disabled":[4],"_hideMsg":[4,"_hide-msg"],"_hideLabel":[4,"_hide-label"],"_hint":[1],"_icons":[1],"_label":[1],"_max":[8],"_min":[8],"_msg":[1],"_name":[1],"_on":[16],"_placeholder":[1],"_readOnly":[4,"_read-only"],"_required":[4],"_shortKey":[1,"_short-key"],"_smartButton":[1,"_smart-button"],"_suggestions":[1],"_step":[8],"_syncValueBySelector":[1,"_sync-value-by-selector"],"_tooltipAlign":[1,"_tooltip-align"],"_touched":[1540],"_value":[1544],"_variant":[1],"state":[32],"_initialValueType":[32],"inputHasFocus":[32],"getValue":[64],"focus":[64],"click":[64]},null,{"_accessKey":["validateAccessKey"],"_ariaDetails":["validateAriaDetails"],"_autoComplete":["validateAutoComplete"],"_disabled":["validateDisabled"],"_hideMsg":["validateHideMsg"],"_hideLabel":["validateHideLabel"],"_hint":["validateHint"],"_icons":["validateIcons"],"_label":["validateLabel"],"_max":["validateMax"],"_min":["validateMin"],"_msg":["validateMsg"],"_name":["validateName"],"_on":["validateOn"],"_placeholder":["validatePlaceholder"],"_readOnly":["validateReadOnly"],"_required":["validateRequired"],"_shortKey":["validateShortKey"],"_smartButton":["validateSmartButton"],"_suggestions":["validateSuggestions"],"_step":["validateStep"],"_syncValueBySelector":["validateSyncValueBySelector"],"_touched":["validateTouched"],"_value":["validateValue"],"_variant":["validateVariant"]}]]],["kol-input-password",[[289,"kol-input-password",{"_accessKey":[1,"_access-key"],"_ariaDetails":[1,"_aria-details"],"_autoComplete":[1,"_auto-complete"],"_hasCounter":[4,"_has-counter"],"_maxLengthBehavior":[1,"_max-length-behavior"],"_disabled":[4],"_hideMsg":[4,"_hide-msg"],"_hideLabel":[4,"_hide-label"],"_hint":[1],"_icons":[1],"_label":[1],"_maxLength":[2,"_max-length"],"_msg":[1],"_name":[1],"_on":[16],"_pattern":[1],"_placeholder":[1],"_readOnly":[4,"_read-only"],"_required":[4],"_shortKey":[1,"_short-key"],"_smartButton":[1,"_smart-button"],"_syncValueBySelector":[1,"_sync-value-by-selector"],"_tooltipAlign":[1,"_tooltip-align"],"_touched":[1540],"_value":[1537],"_variant":[1],"_visibilityToggle":[4,"_visibility-toggle"],"state":[32],"_passwordVisible":[32],"inputHasFocus":[32],"getValue":[64],"focus":[64],"click":[64]},null,{"_accessKey":["validateAccessKey"],"_ariaDetails":["validateAriaDetails"],"_autoComplete":["validateAutoComplete"],"_maxLengthBehavior":["validateMaxLengthBehavior"],"_disabled":["validateDisabled"],"_variant":["validateVariant"],"_hideMsg":["validateHideMsg"],"_hideLabel":["validateHideLabel"],"_hasCounter":["validateHasCounter"],"_hint":["validateHint"],"_icons":["validateIcons"],"_label":["validateLabel"],"_maxLength":["validateMaxLength"],"_msg":["validateMsg"],"_name":["validateName"],"_on":["validateOn"],"_pattern":["validatePattern"],"_placeholder":["validatePlaceholder"],"_readOnly":["validateReadOnly"],"_required":["validateRequired"],"_shortKey":["validateShortKey"],"_smartButton":["validateSmartButton"],"_syncValueBySelector":["validateSyncValueBySelector"],"_touched":["validateTouched"],"_value":["validateValue"],"_visibilityToggle":["validateVisibilityToggle"]}]]],["kol-input-radio",[[289,"kol-input-radio",{"_ariaDetails":[1,"_aria-details"],"_disabled":[4],"_hideMsg":[4,"_hide-msg"],"_hideLabel":[4,"_hide-label"],"_hint":[1],"_label":[1],"_msg":[1],"_name":[1],"_on":[16],"_options":[1],"_orientation":[1],"_required":[4],"_syncValueBySelector":[1,"_sync-value-by-selector"],"_tooltipAlign":[1,"_tooltip-align"],"_touched":[1540],"_value":[1544],"_variant":[1],"state":[32],"inputHasFocus":[32],"getValue":[64],"focus":[64],"click":[64]},null,{"_tooltipAlign":["validateTooltipAlign"],"_ariaDetails":["validateAriaDetails"],"_disabled":["validateDisabled"],"_hideLabel":["validateHideLabel"],"_hideMsg":["validateHideMsg"],"_hint":["validateHint"],"_label":["validateLabel"],"_msg":["validateMsg"],"_name":["validateName"],"_on":["validateOn"],"_options":["validateOptions"],"_orientation":["validateOrientation"],"_required":["validateRequired"],"_syncValueBySelector":["validateSyncValueBySelector"],"_touched":["validateTouched"],"_value":["validateValue"],"_variant":["validateVariant"]}]]],["kol-input-range",[[289,"kol-input-range",{"_accessKey":[1,"_access-key"],"_ariaDetails":[1,"_aria-details"],"_autoComplete":[1,"_auto-complete"],"_disabled":[4],"_hideMsg":[4,"_hide-msg"],"_hideLabel":[4,"_hide-label"],"_hint":[1],"_icons":[1],"_label":[1],"_max":[8],"_min":[8],"_msg":[1],"_name":[1],"_on":[16],"_shortKey":[1,"_short-key"],"_step":[8],"_suggestions":[1],"_syncValueBySelector":[1,"_sync-value-by-selector"],"_tooltipAlign":[1,"_tooltip-align"],"_touched":[1540],"_value":[1544],"_variant":[1],"state":[32],"_initialValueType":[32],"inputHasFocus":[32],"focus":[64],"click":[64],"getValue":[64]},null,{"_accessKey":["validateAccessKey"],"_ariaDetails":["validateAriaDetails"],"_autoComplete":["validateAutoComplete"],"_disabled":["validateDisabled"],"_hideMsg":["validateHideMsg"],"_hideLabel":["validateHideLabel"],"_hint":["validateHint"],"_icons":["validateIcons"],"_label":["validateLabel"],"_max":["validateMax"],"_min":["validateMin"],"_msg":["validateMsg"],"_name":["validateName"],"_on":["validateOn"],"_shortKey":["validateShortKey"],"_step":["validateStep"],"_suggestions":["validateSuggestions"],"_syncValueBySelector":["validateSyncValueBySelector"],"_touched":["validateTouched"],"_value":["validateValue"],"_variant":["validateVariant"]}]]],["kol-input-text",[[289,"kol-input-text",{"_accessKey":[1,"_access-key"],"_autoComplete":[1,"_auto-complete"],"_ariaDetails":[1,"_aria-details"],"_hasCounter":[4,"_has-counter"],"_maxLengthBehavior":[1,"_max-length-behavior"],"_disabled":[4],"_hideMsg":[4,"_hide-msg"],"_hideLabel":[4,"_hide-label"],"_hint":[1],"_icons":[1],"_label":[1],"_maxLength":[2,"_max-length"],"_msg":[1],"_name":[1],"_on":[16],"_pattern":[1],"_placeholder":[1],"_readOnly":[4,"_read-only"],"_required":[4],"_shortKey":[1,"_short-key"],"_spellCheck":[4,"_spell-check"],"_suggestions":[1],"_smartButton":[1,"_smart-button"],"_syncValueBySelector":[1,"_sync-value-by-selector"],"_tooltipAlign":[1,"_tooltip-align"],"_touched":[1540],"_type":[1],"_value":[1537],"_variant":[1],"state":[32],"inputHasFocus":[32],"getValue":[64],"focus":[64],"click":[64],"selectionStart":[64],"selectionEnd":[64],"setSelectionRange":[64],"setSelectionStart":[64],"setRangeText":[64]},null,{"_ariaDetails":["validateAriaDetails"],"_accessKey":["validateAccessKey"],"_autoComplete":["validateAutoComplete"],"_maxLengthBehavior":["validateMaxLengthBehavior"],"_disabled":["validateDisabled"],"_hideMsg":["validateHideMsg"],"_hideLabel":["validateHideLabel"],"_hasCounter":["validateHasCounter"],"_hint":["validateHint"],"_icons":["validateIcons"],"_label":["validateLabel"],"_maxLength":["validateMaxLength"],"_msg":["validateMsg"],"_name":["validateName"],"_on":["validateOn"],"_pattern":["validatePattern"],"_placeholder":["validatePlaceholder"],"_readOnly":["validateReadOnly"],"_required":["validateRequired"],"_shortKey":["validateShortKey"],"_spellCheck":["validateSpellCheck"],"_suggestions":["validateSuggestions"],"_smartButton":["validateSmartButton"],"_syncValueBySelector":["validateSyncValueBySelector"],"_touched":["validateTouched"],"_type":["validateType"],"_value":["validateValue"],"_variant":["validateVariant"]}]]],["kol-kolibri",[[289,"kol-kolibri",{"_color":[1],"_labeled":[4],"state":[32]},null,{"_color":["validateColor"],"_labeled":["validateLabeled"]}]]],["kol-link",[[289,"kol-link",{"_accessKey":[1,"_access-key"],"_ariaCurrentValue":[1,"_aria-current-value"],"_ariaControls":[1,"_aria-controls"],"_ariaDescription":[1,"_aria-description"],"_ariaExpanded":[4,"_aria-expanded"],"_disabled":[4],"_download":[1],"_hideLabel":[4,"_hide-label"],"_href":[1],"_icons":[1],"_inline":[4],"_label":[1],"_on":[16],"_role":[1],"_shortKey":[1,"_short-key"],"_target":[1],"_tooltipAlign":[1,"_tooltip-align"],"_variant":[1],"focus":[64]}]]],["kol-link-button",[[289,"kol-link-button",{"_accessKey":[1,"_access-key"],"_ariaCurrentValue":[1,"_aria-current-value"],"_ariaControls":[1,"_aria-controls"],"_ariaDescription":[1,"_aria-description"],"_customClass":[1,"_custom-class"],"_disabled":[4],"_download":[1],"_hideLabel":[4,"_hide-label"],"_href":[1],"_icons":[1],"_label":[1],"_on":[16],"_role":[1],"_shortKey":[1,"_short-key"],"_target":[1],"_tooltipAlign":[1,"_tooltip-align"],"_variant":[1],"focus":[64],"click":[64]}]]],["kol-link-wc",[[260,"kol-link-wc",{"_accessKey":[1,"_access-key"],"_ariaCurrentValue":[1,"_aria-current-value"],"_ariaControls":[1,"_aria-controls"],"_ariaDescription":[1,"_aria-description"],"_ariaExpanded":[4,"_aria-expanded"],"_ariaOwns":[1,"_aria-owns"],"_customClass":[1,"_custom-class"],"_disabled":[4],"_download":[1],"_hideLabel":[4,"_hide-label"],"_href":[1],"_icons":[1],"_inline":[4],"_label":[1],"_on":[16],"_role":[1],"_shortKey":[1,"_short-key"],"_tabIndex":[2,"_tab-index"],"_target":[1],"_tooltipAlign":[1,"_tooltip-align"],"_variant":[1],"state":[32],"focus":[64],"click":[64]},null,{"_accessKey":["validateAccessKey"],"_ariaCurrentValue":["validateAriaCurrentValue"],"_ariaControls":["validateAriaControls"],"_ariaDescription":["validateAriaDescription"],"_ariaExpanded":["validateAriaExpanded"],"_ariaOwns":["validateAriaOwns"],"_customClass":["validateCustomClass"],"_disabled":["validateDisabled"],"_download":["validateDownload"],"_hideLabel":["validateHideLabel"],"_href":["validateHref"],"_icons":["validateIcons"],"_inline":["validateInline"],"_label":["validateLabel"],"_on":["validateOn"],"_role":["validateRole"],"_shortKey":["validateShortKey"],"_tabIndex":["validateTabIndex"],"_target":["validateTarget"],"_tooltipAlign":["validateTooltipAlign"],"_variant":["validateVariantClassName"]}]]],["kol-meter",[[801,"kol-meter",{"_high":[2],"_label":[1],"_low":[2],"_max":[2],"_min":[2],"_optimum":[2],"_orientation":[1],"_unit":[1],"_value":[2]},null,{"_high":["watchHigh"],"_label":["watchLabel"],"_low":["watchLow"],"_max":["watchMax"],"_min":["watchMin"],"_optimum":["watchOptimum"],"_orientation":["watchOrientation"],"_unit":["watchUnit"],"_value":["watchValue"]}]]],["kol-modal",[[289,"kol-modal",{"_label":[1],"_on":[16],"_width":[1],"_variant":[1],"openModal":[64],"showModal":[64],"show":[64],"close":[64],"closeModal":[64]}]]],["kol-nav",[[289,"kol-nav",{"_collapsible":[4],"_hasCompactButton":[4,"_has-compact-button"],"_hasIconsWhenExpanded":[4,"_has-icons-when-expanded"],"_hideLabel":[4,"_hide-label"],"_label":[1],"_links":[1],"state":[32]},null,{"_collapsible":["validateCollapsible"],"_hasCompactButton":["validateHasCompactButton"],"_hasIconsWhenExpanded":["validateHasIconsWhenExpanded"],"_hideLabel":["validateHideLabel"],"_label":["validateLabel"],"_links":["validateLinks"]}]]],["kol-pagination",[[289,"kol-pagination",{"_boundaryCount":[2,"_boundary-count"],"_customClass":[1,"_custom-class"],"_label":[1],"_hasButtons":[8,"_has-buttons"],"_page":[2],"_pageSize":[1026,"_page-size"],"_pageSizeOptions":[1,"_page-size-options"],"_on":[16],"_siblingCount":[2,"_sibling-count"],"_tooltipAlign":[1,"_tooltip-align"],"_max":[2]}]]],["kol-pagination-wc",[[256,"kol-pagination-wc",{"_boundaryCount":[2,"_boundary-count"],"_customClass":[1,"_custom-class"],"_label":[1],"_hasButtons":[8,"_has-buttons"],"_page":[2],"_pageSize":[1026,"_page-size"],"_pageSizeOptions":[1,"_page-size-options"],"_on":[16],"_siblingCount":[2,"_sibling-count"],"_tooltipAlign":[1,"_tooltip-align"],"_max":[2],"state":[32]},null,{"_boundaryCount":["validateBoundaryCount"],"_customClass":["validateCustomClass"],"_label":["validateLabel"],"_hasButtons":["validateHasButtons"],"_on":["validateOn"],"_page":["validatePage"],"_pageSize":["validatePageSize"],"_pageSizeOptions":["validatePageSizeOptions"],"_siblingCount":["validateSiblingCount"],"_max":["validateMax"],"_tooltipAlign":["validateTooltipAlign"]}]]],["kol-popover-button",[[289,"kol-popover-button",{"_accessKey":[1,"_access-key"],"_ariaDescription":[1,"_aria-description"],"_customClass":[1,"_custom-class"],"_disabled":[4],"_hideLabel":[4,"_hide-label"],"_icons":[1],"_inline":[4],"_label":[1],"_name":[1],"_popoverAlign":[1,"_popover-align"],"_shortKey":[1,"_short-key"],"_syncValueBySelector":[1,"_sync-value-by-selector"],"_tabIndex":[2,"_tab-index"],"_tooltipAlign":[1,"_tooltip-align"],"_type":[1],"_value":[8],"_variant":[1],"hidePopover":[64],"showPopover":[64],"click":[64],"focus":[64]}]]],["kol-popover-button-wc",[[260,"kol-popover-button-wc",{"_accessKey":[1,"_access-key"],"_ariaDescription":[1,"_aria-description"],"_customClass":[1,"_custom-class"],"_disabled":[4],"_hideLabel":[4,"_hide-label"],"_icons":[1],"_id":[1],"_inline":[4],"_label":[1],"_name":[1],"_popoverAlign":[1,"_popover-align"],"_shortKey":[1,"_short-key"],"_syncValueBySelector":[1,"_sync-value-by-selector"],"_tabIndex":[2,"_tab-index"],"_tooltipAlign":[1,"_tooltip-align"],"_type":[1],"_value":[8],"_variant":[1],"state":[32],"popoverOpen":[32],"hidePopover":[64],"showPopover":[64],"focus":[64],"click":[64]},null,{"_inline":["validateInline"],"_popoverAlign":["validatePopoverAlign"]}]]],["kol-progress",[[801,"kol-progress",{"_label":[1],"_max":[2],"_unit":[1],"_value":[2],"_variant":[1],"liveValue":[32]},null,{"_label":["watchLabel"],"_max":["watchMax"],"_unit":["watchUnit"],"_value":["watchValue"],"_variant":["watchVariant"]}]]],["kol-quote",[[289,"kol-quote",{"_href":[1],"_label":[1],"_quote":[1],"_variant":[1]},null,{"_href":["watchHref"],"_label":["watchLabel"],"_quote":["watchQuote"],"_variant":["watchVariant"]}]]],["kol-select",[[289,"kol-select",{"_accessKey":[1,"_access-key"],"_ariaDetails":[1,"_aria-details"],"_disabled":[4],"_hideMsg":[4,"_hide-msg"],"_hideLabel":[4,"_hide-label"],"_hint":[1],"_icons":[1],"_label":[1],"_msg":[1],"_multiple":[4],"_name":[1],"_on":[16],"_options":[1],"_required":[4],"_shortKey":[1,"_short-key"],"_rows":[2],"_syncValueBySelector":[1,"_sync-value-by-selector"],"_tabIndex":[2,"_tab-index"],"_tooltipAlign":[1,"_tooltip-align"],"_touched":[1540],"_value":[1544],"_variant":[1],"getValue":[64],"focus":[64]},null,{"_ariaDetails":["validateAriaDetails"]}]]],["kol-select-wc",[[256,"kol-select-wc",{"_accessKey":[1,"_access-key"],"_ariaDetails":[1,"_aria-details"],"_disabled":[4],"_hideMsg":[4,"_hide-msg"],"_hideLabel":[4,"_hide-label"],"_hint":[1],"_icons":[1],"_label":[1],"_msg":[1],"_multiple":[4],"_name":[1],"_on":[16],"_options":[1],"_required":[4],"_shortKey":[1,"_short-key"],"_rows":[2],"_syncValueBySelector":[1,"_sync-value-by-selector"],"_tabIndex":[2,"_tab-index"],"_tooltipAlign":[1,"_tooltip-align"],"_touched":[1540],"_value":[1544],"_variant":[1],"state":[32],"inputHasFocus":[32],"getValue":[64],"focus":[64],"click":[64]},null,{"_ariaDetails":["validateAriaDetails"],"_accessKey":["validateAccessKey"],"_disabled":["validateDisabled"],"_hideMsg":["validateHideMsg"],"_hideLabel":["validateHideLabel"],"_hint":["validateHint"],"_icons":["validateIcons"],"_label":["validateLabel"],"_msg":["validateMsg"],"_multiple":["validateMultiple"],"_name":["validateName"],"_on":["validateOn"],"_options":["validateOptions"],"_required":["validateRequired"],"_rows":["validateRows"],"_shortKey":["validateShortKey"],"_syncValueBySelector":["validateSyncValueBySelector"],"_tabIndex":["validateTabIndex"],"_touched":["validateTouched"],"_value":["validateValue"],"_variant":["validateVariant"]}]]],["kol-single-select",[[289,"kol-single-select",{"_accessKey":[1,"_access-key"],"_ariaDetails":[1,"_aria-details"],"_placeholder":[1],"_disabled":[4],"_hideMsg":[4,"_hide-msg"],"_hideLabel":[4,"_hide-label"],"_hint":[1],"_icons":[1],"_label":[1],"_msg":[1],"_name":[1],"_on":[16],"_options":[1],"_required":[4],"_shortKey":[1,"_short-key"],"_syncValueBySelector":[1,"_sync-value-by-selector"],"_tooltipAlign":[1,"_tooltip-align"],"_touched":[1540],"_value":[1032],"_hasClearButton":[4,"_has-clear-button"],"_rows":[2],"_variant":[1],"_isOpen":[32],"_filteredOptions":[32],"_inputValue":[32],"blockSuggestionMouseOver":[32],"state":[32],"inputHasFocus":[32],"getValue":[64],"focus":[64]},[[0,"keydown","handleKeyDown"],[1,"mousemove","handleMouseEvent"],[0,"focusin","handleFocusIn"],[0,"focusout","handleFocusOut"]],{"_ariaDetails":["validateAriaDetails"],"_placeholder":["validatePlaceholder"],"_accessKey":["validateAccessKey"],"_disabled":["validateDisabled"],"_hideMsg":["validateHideMsg"],"_hideLabel":["validateHideLabel"],"_hint":["validateHint"],"_icons":["validateIcons"],"_label":["validateLabel"],"_msg":["validateMsg"],"_name":["validateName"],"_on":["validateOn"],"_options":["validateOptions"],"_required":["validateRequired"],"_shortKey":["validateShortKey"],"_syncValueBySelector":["validateSyncValueBySelector"],"_touched":["validateTouched"],"_value":["validateValue"],"_hasClearButton":["validateHasClearButton"],"_rows":["validateRows"],"_variant":["validateVariant"]}]]],["kol-skeleton",[[769,"kol-skeleton",{"_name":[1],"count":[32],"label":[32],"show":[32],"focus":[64],"toggle":[64]},[[0,"keydown","handleKeyDown"],[8,"keydown","onKeydown"]],{"_name":["watchName"]}]]],["kol-skip-nav",[[289,"kol-skip-nav",{"_label":[1],"_links":[1],"state":[32],"focus":[64]},null,{"_label":["validateLabel"],"_links":["validateLinks"]}]]],["kol-spin",[[801,"kol-spin",{"_show":[4],"_label":[1],"_variant":[1],"showToggled":[32]},null,{"_show":["watchShow"],"_label":["watchLabel"],"_variant":["watchVariant"]}]]],["kol-split-button",[[289,"kol-split-button",{"_accessKey":[1,"_access-key"],"_ariaControls":[1,"_aria-controls"],"_ariaDescription":[1,"_aria-description"],"_ariaExpanded":[4,"_aria-expanded"],"_ariaSelected":[4,"_aria-selected"],"_customClass":[1,"_custom-class"],"_disabled":[4],"_hideLabel":[4,"_hide-label"],"_icons":[1],"_label":[1],"_name":[1],"_on":[16],"_role":[1],"_shortKey":[1,"_short-key"],"_syncValueBySelector":[1,"_sync-value-by-selector"],"_tooltipAlign":[1,"_tooltip-align"],"_type":[1],"_value":[8],"_variant":[1],"state":[32],"getValue":[64],"focus":[64],"click":[64],"closePopup":[64]}]]],["kol-table-settings-wc",[[256,"kol-table-settings-wc",{"_horizontalHeaderCells":[16],"headerCells":[32],"editingHeaderCells":[32],"errorMessage":[32]},null,{"_horizontalHeaderCells":["handleHeaderCellsChange"]}]]],["kol-table-stateful",[[289,"kol-table-stateful",{"_ariaLabelledby":[1,"_aria-labelledby"],"_allowMultiSort":[4,"_allow-multi-sort"],"_data":[1],"_dataFoot":[1,"_data-foot"],"_fixedCols":[16],"_headers":[1],"_label":[1],"_pagination":[8],"_paginationPosition":[1,"_pagination-position"],"_selection":[1],"_on":[16],"_hasSettingsMenu":[4,"_has-settings-menu"],"_variant":[1],"resolvedElements":[32],"adjustedHeaderCells":[32],"state":[32],"getSelection":[64],"resetSort":[64]},null,{"_ariaLabelledby":["validateAriaLabelledby"],"_allowMultiSort":["validateAllowMultiSort"],"_data":["validateData"],"_dataFoot":["validateDataFoot"],"_fixedCols":["validateFixedCols"],"_paginationPosition":["validatePaginationPosition"],"_hasSettingsMenu":["validateHasSettingsMenu"],"_headers":["validateHeaders"],"_label":["validateLabel"],"_selection":["validateSelection"],"_on":["validateOn"],"_pagination":["validatePagination"]}]]],["kol-table-stateless",[[289,"kol-table-stateless",{"_ariaLabelledby":[1,"_aria-labelledby"],"_data":[1],"_dataFoot":[1,"_data-foot"],"_fixedCols":[16],"_headerCells":[1,"_header-cells"],"_label":[1],"_on":[16],"_selection":[1],"_hasSettingsMenu":[4,"_has-settings-menu"],"_variant":[1],"resolvedElements":[32]},null,{"_ariaLabelledby":["validateAriaLabelledby"]}]]],["kol-table-stateless-wc",[[256,"kol-table-stateless-wc",{"externalLabelElements":[16],"_ariaLabelledby":[1,"_aria-labelledby"],"_data":[1],"_dataFoot":[1,"_data-foot"],"_fixedCols":[16],"_headerCells":[1,"_header-cells"],"_label":[1],"_on":[16],"_selection":[1],"_variant":[1],"_hasSettingsMenu":[4,"_has-settings-menu"],"state":[32],"tableDivElementHasScrollbar":[32],"stickyColsDisabled":[32],"previousHeaderCells":[32]},[[0,"keydown","handleKeyDown"],[0,"changeheadercells","handleSettingsChange"]],{"externalLabelElements":["onExternalLabelElementsChange"],"_ariaLabelledby":["validateAriaLabelledby"],"_hasSettingsMenu":["validateHasSettingsMenu"],"_data":["validateData"],"_dataFoot":["validateDataFoot"],"_fixedCols":["validateFixedCols"],"_headerCells":["validateHeaderCells"],"_label":["validateLabel"],"_on":["validateOn"],"_selection":["validateSelection"],"_variant":["validateVariantClassName"]}]]],["kol-tabs",[[289,"kol-tabs",{"_align":[1],"_behavior":[1],"_hasCreateButton":[4,"_has-create-button"],"_label":[1],"_on":[16],"_selected":[1538],"_tabs":[1],"state":[32],"focus":[64],"click":[64]},null,{"_align":["validateAlign"],"_behavior":["validateBehavior"],"_hasCreateButton":["validateHasCreateButton"],"_label":["validateLabel"],"_on":["validateOn"],"_selected":["validateSelected"],"_tabs":["validateTabs"]}]]],["kol-textarea",[[289,"kol-textarea",{"_accessKey":[1,"_access-key"],"_adjustHeight":[4,"_adjust-height"],"_ariaDetails":[1,"_aria-details"],"_disabled":[4],"_hideMsg":[4,"_hide-msg"],"_hideLabel":[4,"_hide-label"],"_hint":[1],"_icons":[1],"_label":[1],"_maxLength":[2,"_max-length"],"_hasCounter":[4,"_has-counter"],"_maxLengthBehavior":[1,"_max-length-behavior"],"_msg":[1],"_name":[1],"_on":[16],"_placeholder":[1],"_readOnly":[4,"_read-only"],"_resize":[1],"_required":[4],"_rows":[1026],"_shortKey":[1,"_short-key"],"_spellCheck":[4,"_spell-check"],"_syncValueBySelector":[1,"_sync-value-by-selector"],"_tooltipAlign":[1,"_tooltip-align"],"_touched":[1540],"_value":[1537],"_variant":[1],"state":[32],"inputHasFocus":[32],"getValue":[64],"focus":[64],"click":[64]},null,{"_ariaDetails":["validateAriaDetails"],"_accessKey":["validateAccessKey"],"_adjustHeight":["validateAdjustHeight"],"_disabled":["validateDisabled"],"_hideMsg":["validateHideMsg"],"_hideLabel":["validateHideLabel"],"_hasCounter":["validateHasCounter"],"_hint":["validateHint"],"_icons":["validateIcons"],"_label":["validateLabel"],"_maxLength":["validateMaxLength"],"_maxLengthBehavior":["validateMaxLengthBehavior"],"_msg":["validateMsg"],"_name":["validateName"],"_on":["validateOn"],"_placeholder":["validatePlaceholder"],"_readOnly":["validateReadOnly"],"_resize":["validateResize"],"_required":["validateRequired"],"_rows":["validateRows"],"_shortKey":["validateShortKey"],"_spellCheck":["validateSpellCheck"],"_syncValueBySelector":["validateSyncValueBySelector"],"_touched":["validateTouched"],"_value":["validateValue"],"_variant":["validateVariant"]}]]],["kol-toast-container",[[289,"kol-toast-container",{"state":[32],"enqueue":[64],"closeAll":[64]}]]],["kol-toolbar",[[289,"kol-toolbar",{"_label":[1],"_items":[16],"_orientation":[1],"state":[32],"currentIndex":[32],"focus":[64],"click":[64]},[[0,"keydown","handleKeyDown"],[2,"focusout","handleFocusout"]],{"_label":["validateLabel"],"_items":["validateItems"],"_orientation":["validateOrientation"]}]]],["kol-tooltip-wc",[[256,"kol-tooltip-wc",{"_badgeText":[1,"_badge-text"],"_align":[1],"_id":[1],"_label":[1],"hideTooltip":[64]},null,{"_align":["validateAlign"],"_id":["validateId"],"_label":["validateLabel"]}]]],["kol-tree",[[289,"kol-tree",{"_label":[1],"focus":[64]}]]],["kol-tree-item",[[289,"kol-tree-item",{"_active":[4],"_label":[1],"_open":[4],"_href":[1],"focus":[64],"expand":[64],"collapse":[64],"isOpen":[64]}]]],["kol-tree-item-wc",[[260,"kol-tree-item-wc",{"_active":[4],"_label":[1],"_open":[4],"_href":[1],"level":[32],"state":[32],"focus":[64],"expand":[64],"collapse":[64],"isOpen":[64]},null,{"_active":["validateActive"],"_label":["validateLabel"],"_open":["validateOpen"],"_href":["validateHref"]}]]],["kol-tree-wc",[[260,"kol-tree-wc",{"_label":[1],"state":[32],"focus":[64],"invalidateOpenItemsCache":[64]},[[0,"keydown","handleKeyDown"],[0,"focusin","handleFocusIn"],[0,"focusout","handleFocusOut"]],{"_label":["validateLabel"]}]]],["kol-version",[[289,"kol-version",{"_label":[1],"state":[32]},null,{"_label":["validateLabel"]}]]],["test-component",[[0,"test-component"]]]]`),t)},md={name:`@public-ui/components`,version:`4.3.0-rc.2`,license:`EUPL-1.2`,homepage:`https://public-ui.github.io`,repository:{type:`git`,url:`https://github.com/public-ui/kolibri`},bugs:{url:`https://github.com/public-ui/kolibri/issues`,email:`kolibri@itzbund.de`},author:{name:`Informationstechnikzentrum Bund`,email:`kolibri@itzbund.de`},main:`dist/index.cjs.js`,module:`dist/index.js`,bin:{"kolibri-copy-assets":`./copy-assets.mjs`},exports:{".":{types:`./dist/types/index.d.ts`,import:`./dist/index.js`,require:`./dist/index.cjs.js`},"./loader":{types:`./loader/index.d.ts`,import:`./loader/index.mjs`,require:`./dist/loader/index.cjs.js`},"./custom-elements.json":`./custom-elements.json`,"./package.json":`./package.json`},customElements:`custom-elements.json`,es2015:`dist/esm/index.mjs`,es2017:`dist/esm/index.mjs`,types:`dist/types/index.d.ts`,unpkg:`dist/stencil/stencil.js`,"collection:main":`dist/collection/index.js`,collection:`dist/collection/collection-manifest.json`,sideEffects:!0,description:`Contains all web components that belong to KoliBri - The accessible HTML-Standard.`,keywords:[`accessibility`,`accessible`,`bitv`,`framework`,`library`,`designsystem`,`design`,`system`,`web components`,`webcomponents`,`aria`,`wai`,`axe`,`custom elements`,`styleguide`,`style`,`guide`,`ui`,`html`,`css`,`web`,`a11y`,`w3c`,`webstandard`,`wcag`],scripts:{"assets:kolicons":`pnpm --filter @public-ui/icons build`,build:`pnpm build:light`,"build:light":`mkdir doc && cross-env NODE_ENV=production stencil build --docs --prod && node scripts/autogen.doc.js && node scripts/vaadin.js && pnpm format -w`,clear:`rimraf -g dist doc www ../adapters/angular/v19/src ../adapters/angular/v20/src ../adapters/angular/v21/src ../adapters/hydrate/dist ../adapters/react/src ../adapters/react-v19/src ../adapters/solid/src ../adapters/vaadin/*.java ../adapters/vue/src assets/kolicons`,format:`prettier --check src`,lint:`pnpm lint:eslint && pnpm lint:stylelint && pnpm lint:tsc`,"lint:eslint":`eslint src`,"lint:stylelint":`stylelint "src/**/*.{css,scss}"`,"lint:stylelint:components":`stylelint src/components/**/*.{css,scss}`,"lint:tsc":`tsc --noemit`,dev:`cross-env NODE_ENV=development stencil build --prod --watch`,prod:`stencil build --prod`,test:`pnpm test:unit && pnpm test:e2e`,"test:e2e":`playwright test`,"test:unit":`mkdir -p dist && cross-env NODE_ENV=test stencil test --spec --json --outputFile dist/jest-test-results.json`,"test:update:unit":`pnpm test:unit -u`,"test:watch":`cross-env NODE_ENV=test stencil test --spec --watchAll`,postinstall:`node ./postinstall.js`,"prebuild:light":`pnpm clear && pnpm assets:kolicons`,"pretest:e2e":`pnpm assets:kolicons`,xunused:`knip`},dependencies:{"@floating-ui/dom":`1.7.6`,"color-convert":`3.1.3`,"color-rgba":`2.4.0`,"lodash-es":`4.18.1`,"markdown-it":`14.2.0`,"rgba-convert":`0.3.0`,"typed-bem":`1.0.2`,"wcag-contrast":`3.0.0`},devDependencies:{"@playwright/test":`1.60.0`,"@public-ui/eslint-config":`workspace:*`,"@public-ui/stencil-angular-output-target":`0.9.0`,"@public-ui/stencil-react-output-target":`0.6.0`,"@public-ui/stencil-solid-output-target":`0.2.0`,"@public-ui/stencil-vue-output-target":`0.9.0`,"@public-ui/stylelint-rules":`workspace:*`,"@revolist/svelte-output-target":`0.0.7`,"@stencil-community/postcss":`2.2.0`,"@stencil/core":`4.38.3`,"@stencil/playwright":`0.4.3`,"@stencil/sass":`3.2.3`,"@types/color-convert":`2.0.4`,"@types/jest":`29.5.14`,"@types/lodash-es":`4.17.12`,"@types/markdown-it":`14.1.2`,"@types/mustache":`4.2.6`,"@types/pug":`2.0.10`,"@types/twig":`1.12.17`,"@types/wcag-contrast":`3.0.3`,"adopted-style-sheets":`1.1.9-rc.22`,autoprefixer:`10.5.0`,"cross-env":`10.1.0`,cssnano:`8.0.2`,eslint:`9.39.4`,"eslint-plugin-perfectionist":`5.9.0`,jest:`29.7.0`,"jest-cli":`29.7.0`,knip:`6.16.1`,mustache:`4.2.0`,postcss:`8.5.15`,"postcss-sorting":`10.0.0`,prettier:`3.8.4`,"prettier-plugin-organize-imports":`4.3.0`,pug:`3.0.4`,rimraf:`6.1.3`,"stencil-awesome-test":`1.0.6`,stylelint:`17.13.0`,terser:`5.48.0`,twig:`3.0.0`,typescript:`5.9.3`},peerDependencies:{"adopted-style-sheets":`1.1.9-rc.22`},files:[`assets`,`copy-assets.mjs`,`dist`,`doc`,`custom-elements.json`,`index.scss`,`loader`,`postinstall.js`,`vscode-custom-data.json`]},hd=o((e=>{var t=Symbol.for(`react.transitional.element`),n=Symbol.for(`react.fragment`);function r(e,n,r){var i=null;if(r!==void 0&&(i=``+r),n.key!==void 0&&(i=``+n.key),`key`in n)for(var a in r={},n)a!==`key`&&(r[a]=n[a]);else r=n;return n=r.ref,{$$typeof:t,type:e,key:i,ref:n===void 0?null:n,props:r}}e.Fragment=n,e.jsx=r,e.jsxs=r})),J=o(((e,t)=>{t.exports=hd()}))(),gd=()=>(0,J.jsxs)(D,{_label:`This is an example page`,_level:0,_type:`info`,children:[(0,J.jsx)(`p`,{children:`You followed an example link.`}),history.length>1&&(0,J.jsx)(k,{_label:`Go Back`,_on:{onClick:()=>history.back()}})]});function _d(){let e=matchMedia(`(max-width: 1023px)`),[t,n]=(0,d.useState)(e.matches),r=()=>{n(e.matches)};return(0,d.useEffect)(()=>(r(),e.addEventListener(`change`,r),()=>{e.removeEventListener(`change`,r)}),[e]),t}function vd({children:e}){return _d()?(0,J.jsx)(E,{_label:`All components`,class:`mt`,children:e}):(0,J.jsx)(`div`,{className:`mt scrollable-container`,children:e})}function yd({label:e,to:t,children:n}){return(0,J.jsx)(Ne,{_label:e,_href:sn(t),_active:!!un({path:gn(t).pathname,end:!0}),children:n})}function bd({routes:e}){let t=(e,t)=>Object.keys(t).map(t=>{let n=e===`tree`&&t===`basic/:subPage`;return(0,J.jsx)(yd,{label:n?`basic`:t,to:[e,n?`basic/home`:t].join(`/`)},[e,t].join(`/`))});return(0,J.jsx)(vd,{children:(0,J.jsx)(`nav`,{children:(0,J.jsx)(Me,{_label:`Navigation`,class:`block`,children:Object.entries(e).map(([e,n])=>(0,J.jsx)(yd,{label:e,to:e,children:t(e,n)},e))})})})}var xd=({buildDate:e,commitHash:t})=>!e&&!t?``:(0,J.jsx)(`div`,{className:`text-sm font-mono color-gray-5 m-t-2`,children:e&&t?(0,J.jsxs)(J.Fragment,{children:[`Build: `,t,(0,J.jsx)(`br`,{}),`at `,e]}):t?`Build: ${t}`:`Build date: ${e}`}),Sd=({version:e,themes:t,theme:n,routes:r,routeList:i,sample:a,buildDate:o,commitHash:s,onThemeChange:c})=>{let l=()=>i.indexOf(a),u=()=>a.replace(/\//g,` `),f=(e,t)=>{c(t)},p=()=>{let e=l(),t=e<=0?i.length-1:e-1;location.replace(`#${i[t]}`)},m=()=>{let e=l(),t=e===i.length-1?0:e+1;location.replace(`#${i[t]}`)},h=(0,d.useMemo)(()=>t.map(e=>({label:e.name,value:e.key})),[t]);return(0,J.jsx)(`aside`,{className:`app-sidebar p-4`,children:(0,J.jsxs)(`div`,{className:`scrollable-container-wrapper`,children:[(0,J.jsxs)(`div`,{className:`flex flex-justify-between flex-items-center`,children:[(0,J.jsx)(N,{_label:`KoliBri React`}),(0,J.jsx)(Pe,{_label:e})]}),(0,J.jsx)(xd,{buildDate:o,commitHash:s}),(0,J.jsx)(Ce,{_label:`Theme`,_options:h,_on:{onChange:f},_value:n,class:`mt`}),(0,J.jsx)(N,{_label:`Components`,_level:2,className:`block mt`}),(0,J.jsxs)(`div`,{className:`flex flex-justify-between flex-items-center mt`,children:[(0,J.jsx)(k,{_icons:`kolicon-chevron-left`,_hideLabel:!0,_label:`Previous component`,_on:{onClick:p}}),(0,J.jsxs)(`span`,{className:`text-base text-center`,children:[u(),` (`,l()+1,`/`,i.length,`)`]}),(0,J.jsx)(k,{_icons:`kolicon-chevron-right`,_hideLabel:!0,_label:`Next component`,_on:{onClick:m}})]}),(0,J.jsx)(bd,{routes:r})]})})},Cd=()=>{Vo(`#`+ln().pathname)},wd=(0,d.createContext)(null),Td=`https://public-ui.github.io/docs/components`,Ed=`https://github.com/public-ui/kolibri/blob/develop/packages/samples/react/src/components`,Y=`I am an error message!`,Dd=`I am a hint.`,X=e=>{let t=(0,d.useContext)(wd),n=ln(),r=n.pathname.split(`/`).slice(1),i=(0,d.useMemo)(()=>r[0]===`scenarios`?null:`${Td}/${r[0]}`,[n.hash]),a=(0,d.useMemo)(()=>r[0]===`scenarios`?null:`${Ed}/${r[0]}/${r[1]}.tsx`,[n.hash]);return(0,J.jsxs)(J.Fragment,{children:[(0,J.jsx)(`h1`,{className:`visually-hidden`,children:n.pathname.replace(/\//g,` `)}),t?null:(0,J.jsxs)(`div`,{className:`grid sm:flex gap-4 justify-between pb-sm border-b-1 border-b-solid border-gray mb-2`,children:[(0,J.jsx)(`div`,{className:`indented-text`,children:e.children}),(0,J.jsxs)(`ul`,{className:`flex flex-wrap gap-2 list-none m-0 p-0`,children:[a&&(0,J.jsx)(`li`,{children:(0,J.jsx)(R,{_href:a,_label:`Code`,_target:`_blank`})}),i&&(0,J.jsx)(`li`,{children:(0,J.jsx)(R,{_href:i,_label:`Documentation`,_target:`_blank`})}),(0,J.jsx)(`li`,{children:(0,J.jsx)(R,{_href:`#${n.pathname}?hideMenus`,_label:`Standalone example`,_target:`_blank`})})]})]})]})},Od={abbr:{basic:()=>(0,J.jsxs)(J.Fragment,{children:[(0,J.jsx)(X,{children:(0,J.jsx)(`p`,{children:`KolAbbr shows an abbreviation and uses kol-tooltip-wc to display the long form, if provided.`})}),(0,J.jsxs)(`p`,{children:[`I am `,(0,J.jsx)(T,{_label:`as an example`,children:`e.g.`}),` an abbreviation.`]}),(0,J.jsxs)(`p`,{children:[`I am `,(0,J.jsx)(T,{children:`e.g.`}),` an abbreviation without label.`]})]})}},kd={accordion:{basic:()=>(0,J.jsxs)(J.Fragment,{children:[(0,J.jsx)(X,{children:(0,J.jsxs)(`p`,{children:[`KolAccordion hides its content until opened. The open state can be toggled by clicking the headline or by setting the `,(0,J.jsx)(`code`,{children:`_open`}),`-prop programmatically. Additionally, the sample shows the disabled state for a closed and an open accordion.`]})}),(0,J.jsxs)(`div`,{className:`grid gap-4`,children:[(0,J.jsx)(E,{_label:`Heading Accordion Tab 1 (open)`,_open:!0,children:(0,J.jsx)(`p`,{children:`Contents Accordion Tab 1`})}),(0,J.jsx)(E,{_label:`Heading Accordion Tab 2`,children:(0,J.jsx)(`p`,{children:`Contents Accordion Tab 2`})}),(0,J.jsx)(E,{_label:`Heading Accordion Tab 3 (deactivated)`,_disabled:!0,children:(0,J.jsx)(`p`,{children:`Contents Accordion Tab 3`})}),(0,J.jsx)(E,{_label:`Heading Accordion Tab 4 (disabled and open)`,_disabled:!0,_open:!0,children:(0,J.jsx)(`p`,{children:`Contents Accordion Tab 4`})})]})]}),headlines:()=>(0,J.jsxs)(J.Fragment,{children:[(0,J.jsx)(X,{children:(0,J.jsx)(`p`,{children:`This sample shows KolAccordion with the different heading levels from 1-6.`})}),(0,J.jsxs)(`div`,{className:`grid gap-4`,children:[(0,J.jsx)(E,{_label:`Heading Level 1`,_level:1,children:(0,J.jsx)(`p`,{children:`Contents Accordion Tab 1`})}),(0,J.jsx)(E,{_label:`Heading Level 2`,_level:2,children:(0,J.jsx)(`p`,{children:`Contents Accordion Tab 2`})}),(0,J.jsx)(E,{_label:`Heading Level 3`,_level:3,children:(0,J.jsx)(`p`,{children:`Contents Accordion Tab 3`})}),(0,J.jsx)(E,{_label:`Heading Level 4`,_level:4,children:(0,J.jsx)(`p`,{children:`Contents Accordion Tab 4`})}),(0,J.jsx)(E,{_label:`Heading Level 5`,_level:5,children:(0,J.jsx)(`p`,{children:`Contents Accordion Tab 5`})}),(0,J.jsx)(E,{_label:`Heading Level 6`,_level:6,children:(0,J.jsx)(`p`,{children:`Contents Accordion Tab 6`})})]})]}),multiple:()=>{let[e,t]=(0,d.useState)(0);return(0,J.jsxs)(J.Fragment,{children:[(0,J.jsx)(X,{children:(0,J.jsx)(`p`,{children:`Multiple KolAccordions. The first is opened initially. Opening one accordion closes the others.`})}),(0,J.jsxs)(`div`,{className:`grid gap-4`,children:[(0,J.jsx)(E,{_label:`Heading Accordion Tab 1 (initially open)`,_open:e===0,_on:{onClick:()=>t(0)},children:(0,J.jsx)(`p`,{children:`Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.`})}),(0,J.jsx)(E,{_label:`Heading Accordion Tab 2`,_open:e===1,_on:{onClick:()=>t(1)},children:(0,J.jsx)(`p`,{children:`Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.`})}),(0,J.jsx)(E,{_label:`Heading Accordion Tab 3`,_open:e===2,_on:{onClick:()=>t(2)},children:(0,J.jsx)(`p`,{children:`Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.`})})]})]})}}},Ad=({level:e,type:t,variant:n})=>(0,J.jsxs)(J.Fragment,{children:[(0,J.jsx)(D,{_label:`This is the headline level ${e} of the alert.`,_level:e,_type:t,_variant:n,children:`This is the text of the alert.`}),(0,J.jsx)(D,{_type:t,_variant:n,children:`In this alert, only the text without the heading is used.`}),(0,J.jsx)(D,{_label:`This is the headline level ${e} of the alert.`,_level:e,_type:t,_variant:n,_hasCloser:!0,children:`This is the text of the alert. With close button.`}),(0,J.jsx)(D,{_type:t,_variant:n,_hasCloser:!0,children:`In this alert, only the text without the heading is used. With close button.`})]}),jd=({variant:e=`msg`})=>(0,J.jsxs)(`div`,{className:`grid gap-4`,children:[(0,J.jsx)(Ad,{level:1,type:`default`,variant:e}),(0,J.jsx)(Ad,{level:2,type:`error`,variant:e}),(0,J.jsx)(Ad,{level:3,type:`info`,variant:e}),(0,J.jsx)(Ad,{level:4,type:`success`,variant:e}),(0,J.jsx)(Ad,{level:5,type:`warning`,variant:e})]}),Md={alert:{basic:()=>(0,J.jsxs)(J.Fragment,{children:[(0,J.jsx)(X,{children:(0,J.jsxs)(`p`,{children:[`KolAlert shows messages of different types. This sample illustrates the variant `,(0,J.jsx)(`code`,{children:`msg`}),`, showing all possible types with and without headlines and close buttons.`]})}),(0,J.jsx)(jd,{variant:`msg`})]}),"card-msg":()=>(0,J.jsxs)(J.Fragment,{children:[(0,J.jsx)(X,{children:(0,J.jsxs)(`p`,{children:[`KolAlert shows messages of different types. This sample illustrates the variant `,(0,J.jsx)(`code`,{children:`card`}),`, showing all possible types with and without headlines and close buttons.`]})}),(0,J.jsx)(`section`,{className:`w-full`,children:(0,J.jsx)(jd,{variant:`card`})})]})}},Nd={avatar:{basic:()=>(0,J.jsxs)(J.Fragment,{children:[(0,J.jsx)(X,{children:(0,J.jsx)(`p`,{children:`KolAvatar shows a user's avatar with customizable colors. It can be used with or without an image. If no image is defined, the name's initials are shown instead with a configurable background color.`})}),(0,J.jsxs)(`div`,{className:`flex flex-wrap gap-4`,children:[(0,J.jsx)(te,{_src:`https://www.w3schools.com/howto/img_avatar.png`,_label:`Elke Mustermann`}),(0,J.jsx)(te,{_label:`Elke Mustermann `}),(0,J.jsx)(te,{_label:`Marianne`}),(0,J.jsx)(te,{_color:`#0000FF`,_label:`Christian`})]})]})}},Pd=()=>(0,J.jsxs)(J.Fragment,{children:[(0,J.jsx)(X,{children:(0,J.jsx)(`p`,{children:`KolBadge shows badges with a label, background color and optional icon.`})}),(0,J.jsxs)(`div`,{className:`flex flex-wrap gap-2`,children:[(0,J.jsx)(O,{_label:`black`}),(0,J.jsx)(O,{_color:`#86ffc6`,_label:`teal`}),(0,J.jsx)(O,{_color:`#06539e`,_label:`blue`}),(0,J.jsx)(O,{_color:`#ae0000`,_label:`red with icon`,_icons:`kolicon-house`}),(0,J.jsx)(O,{_color:`#8b008b`,_label:`purple with icon`,_icons:`kolicon-kolibri`})]})]}),Fd=e=>({_label:e,_smartButton:{_ariaDescription:e,_icons:`kolicon-cross`,_label:`Remove`,_on:{onClick:()=>alert(`clicked`)}}}),Id={badge:{basic:Pd,button:()=>(0,J.jsxs)(J.Fragment,{children:[(0,J.jsx)(X,{children:(0,J.jsxs)(`p`,{children:[`This sample shows KolBadge with an optional `,(0,J.jsx)(`code`,{children:`smartButton`}),`. The sample defines a "close" button with X-icon a click event listener.`]})}),(0,J.jsxs)(`div`,{className:`flex flex-wrap gap-2`,children:[(0,J.jsx)(O,{...Fd(`black`)}),(0,J.jsx)(O,{_color:`#86ffc6`,...Fd(`teal`)}),(0,J.jsx)(O,{_color:`#06539e`,...Fd(`blue`)}),(0,J.jsx)(O,{_color:`#ae0000`,_icons:`kolicon-house`,...Fd(`red with icon`)}),(0,J.jsx)(O,{_color:`#8b008b`,_icons:`kolicon-kolibri`,...Fd(`purple with icon`)})]})]}),"formatted-label":()=>(0,J.jsxs)(J.Fragment,{children:[(0,J.jsx)(X,{children:(0,J.jsx)(`p`,{children:`This sample demonstrates the possibility of formatted text in badges via markdown syntax.`})}),(0,J.jsxs)(`div`,{className:`flex flex-col gap-4`,children:[(0,J.jsx)(O,{_color:`#7db4ebff`,_label:`**Bold** and _italic_ Markdown label`}),(0,J.jsx)(O,{_color:`#8feb7dff`,_label:`This is ~~strikethrough~~ text`}),(0,J.jsx)(O,{_color:`#e6ee8eff`,_label:"Source code like `y = mx + n` is possible"})]})]})}},Ld={breadcrumb:{basic:()=>(0,J.jsxs)(J.Fragment,{children:[(0,J.jsx)(X,{children:(0,J.jsx)(`p`,{children:`KolBreadcrumb shows a breadcrumb navigation. The sample illustrates a variation of link, text and icon elements.`})}),(0,J.jsxs)(`div`,{className:`grid gap-4`,children:[(0,J.jsx)(ne,{_label:`Breadcrumb aus Text-Links`,_links:[{_label:`Homepage`,_href:`#/back-page`},{_label:`Bottom of the homepage`,_href:`#/back-page`},{_label:`Underside of the underside`,_href:`#/back-page`}]}),(0,J.jsx)(ne,{_label:`Breadcrumb from icons or text links`,_links:[{_label:`Homepage`,_icons:`kolicon-house`,_hideLabel:!0,_href:`#/back-page`},{_label:`Subpage of the start page with very long link test`,_href:`#/back-page`},{_label:`Underside of the underside`,_href:`#/back-page`}]}),(0,J.jsx)(ne,{_label:`Breadcrumb from icons and text links`,_links:[{_label:`Homepage`,_icons:`kolicon-house`,_href:`#/back-page`},{_label:`Subpage of the main page and I_am_a_really_long_compound_word_trying_to_break_the_layout`,_href:`#/back-page`},{_label:`Underside of the underside`,_href:`#/back-page`}]}),(0,J.jsx)(ne,{_label:`Minimal Breadcrumb`,_links:[{_label:`Homepage`,_href:`#/back-page`}]})]})]})}},Rd=()=>(0,J.jsxs)(J.Fragment,{children:[(0,J.jsx)(X,{children:(0,J.jsx)(`p`,{children:`This sample shows KolButtonLink with aria-description`})}),(0,J.jsxs)(`div`,{className:`flex flex-wrap gap-4`,children:[(0,J.jsx)(A,{_label:`Button Text without area description`}),(0,J.jsx)(A,{_label:`Button Text`,_ariaDescription:`Button Area Description`})]})]});function zd(){let e=kc.getInstance(document),t=t=>{e.enqueue({description:t||`Hello`,label:`Hello`,type:`info`})};return{dummyClickEventHandler:()=>{t()},buttonWithTextClickEventHandler:e=>{let n=e.currentTarget.textContent;t(n)}}}var Bd={"button-link":{basic:()=>{let{dummyClickEventHandler:e}=zd(),t={onClick:e};return(0,J.jsxs)(J.Fragment,{children:[(0,J.jsx)(X,{children:(0,J.jsxs)(`p`,{children:[`KolButtonLink shows an element, that behaves like a button but looks like a link. The sample illustrates KolButtonLink with different display-properties such as `,(0,J.jsx)(`code`,{children:`block`}),`, `,(0,J.jsx)(`code`,{children:`inline-block`}),` and `,(0,J.jsx)(`code`,{children:`inline`}),`. It also demonstrates the disabled-state.`]})}),(0,J.jsxs)(`section`,{className:`text-base`,children:[(0,J.jsx)(N,{_level:2,_label:`Button-Link with _inline`}),(0,J.jsxs)(`p`,{children:[`In this paragraph, a link is inserted that contains no additional attributes. `,(0,J.jsx)(A,{_label:`Simple Link`}),` It is rendered by default as an`,` `,(0,J.jsx)(`strong`,{children:`inline element`}),`.`]}),(0,J.jsxs)(`p`,{children:[`In this paragraph, a link is inserted that is rendered as an inline-block element.`,(0,J.jsx)(A,{className:`m-4`,style:{display:`inline-block`,border:`1px dotted`},_label:`Simple Link`}),`. This allows you to assign width, height, and other properties to it using CSS styles.`,(0,J.jsx)(`br`,{}),(0,J.jsx)(`br`,{}),`After that, there is a link that is rendered as a block element.`,(0,J.jsx)(A,{style:{display:`block`},_label:`Simple Link`}),`Therefore, I go over the entire width of the parent element to create a line break.`]}),(0,J.jsx)(N,{_level:2,_label:`Button-Link with _inline={false}`}),(0,J.jsx)(`p`,{children:`Use the boolean _inline property to render the link inline (default) or standalone.`}),(0,J.jsx)(`p`,{children:(0,J.jsx)(A,{_label:`Disabled ButtonLink`,_disabled:!0,_inline:!1})}),(0,J.jsx)(`p`,{children:(0,J.jsx)(A,{_label:`With access key`,_accessKey:`c`,_inline:!1,_on:t})}),(0,J.jsx)(`p`,{children:(0,J.jsx)(A,{_label:`With short key`,_shortKey:`s`,_inline:!1,_on:t})}),(0,J.jsx)(`p`,{children:(0,J.jsx)(A,{_label:`Special Variant ButtonLink`,_variant:`theme-link`})})]})]})},icons:()=>(0,J.jsxs)(J.Fragment,{children:[(0,J.jsx)(X,{children:(0,J.jsx)(`p`,{children:`This sample shows KolButtonLink with icons in different locations.`})}),(0,J.jsxs)(`div`,{className:`grid gap-4`,children:[(0,J.jsx)(A,{_icons:`kolicon-house`,_label:`I am a link with an icon on the left`}),(0,J.jsx)(A,{_icons:{right:`kolicon-house`},_label:`I am a link with an icon on the right`}),(0,J.jsx)(A,{_icons:{top:`kolicon-house`},_label:`I am a link with an icon at the top`}),(0,J.jsx)(A,{_icons:{bottom:`kolicon-house`},_label:`I am a link with icon below`}),(0,J.jsx)(A,{_icons:{top:`kolicon-house`,right:`kolicon-house`,bottom:`kolicon-house`,left:`kolicon-house`},_label:`I am a link with all icons`}),(0,J.jsx)(A,{_icons:`kolicon-house`,_hideLabel:!0,_label:`I am a link with icon only`})]})]}),image:()=>(0,J.jsxs)(J.Fragment,{children:[(0,J.jsx)(X,{children:(0,J.jsx)(`p`,{children:`This sample shows KolButtonLink with slot-content instead of a label. The sample uses an image as content.`})}),(0,J.jsxs)(`div`,{className:`grid gap-4`,children:[(0,J.jsx)(A,{_label:`I am a link that is rendered as text`}),(0,J.jsx)(A,{_label:``,children:(0,J.jsx)(se,{_alt:`KoliBri design system illustration showing three people working on laptops surrounded by UI components, charts, and the KoliBri hummingbird logo`,_src:`sample-image.png`,className:`w-image`,slot:`expert`})})]})]}),"aria-description":Rd}},Vd=()=>{let{dummyClickEventHandler:e}=zd(),t={onClick:e};return(0,J.jsxs)(J.Fragment,{children:[(0,J.jsx)(X,{children:(0,J.jsxs)(`p`,{children:[`This story demonstrates buttons with`,` `,(0,J.jsx)(R,{_label:`access keys`,_href:`https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/accesskey`,_target:`blank`}),`. Access keys allow users to trigger buttons using keyboard shortcuts.`]})}),(0,J.jsxs)(`div`,{className:`grid gap-8`,children:[(0,J.jsxs)(`section`,{className:`grid gap-4`,children:[(0,J.jsx)(N,{_level:2,_label:`Buttons with Access Keys`}),(0,J.jsxs)(`div`,{className:`flex flex-wrap gap-4`,children:[(0,J.jsx)(k,{_label:`With S access key`,_accessKey:`S`,_on:t}),(0,J.jsx)(k,{_label:`Very small b`,_accessKey:`b`,_on:t}),(0,J.jsx)(k,{_label:`Access key does not appear in label`,_accessKey:`x`,_on:t})]})]}),(0,J.jsxs)(`section`,{className:`grid gap-4`,children:[(0,J.jsx)(N,{_level:2,_label:`Access Key with Hidden Label`}),(0,J.jsx)(`div`,{className:`flex flex-wrap gap-4`,children:(0,J.jsx)(k,{_label:`access key without label`,_hideLabel:!0,_accessKey:`a`,_icons:`kolicon-cogwheel`,_on:t})})]}),(0,J.jsxs)(`section`,{className:`grid gap-4`,children:[(0,J.jsx)(N,{_level:2,_label:`Access Key with Inline Icons`}),(0,J.jsx)(`div`,{className:`flex flex-wrap gap-4`,children:(0,J.jsx)(k,{_label:`with inline icons`,_icons:{left:`kolicon-cogwheel`,right:`kolicon-cogwheel`},_accessKey:`n`,_on:t})})]})]})]})},Hd=()=>{let{dummyClickEventHandler:e}=zd(),t={onClick:e};return(0,J.jsxs)(J.Fragment,{children:[(0,J.jsx)(X,{children:(0,J.jsx)(`p`,{children:`This story demonstrates buttons with ARIA descriptions. The aria-description attribute provides additional descriptive text for screen readers, helping users understand the button's purpose or action in more detail.`})}),(0,J.jsx)(`div`,{className:`grid gap-8`,children:(0,J.jsxs)(`section`,{className:`grid gap-4`,children:[(0,J.jsx)(N,{_level:2,_label:`Buttons with and without ARIA Description`}),(0,J.jsxs)(`div`,{className:`flex flex-wrap gap-4`,children:[(0,J.jsx)(k,{_label:`Button without ARIA description`,_on:t}),(0,J.jsx)(k,{_label:`Button with ARIA description`,_ariaDescription:`This button performs an important action`,_on:t})]})]})})]})},Ud=()=>{let{dummyClickEventHandler:e}=zd(),t={onClick:e};return(0,J.jsxs)(J.Fragment,{children:[(0,J.jsx)(X,{children:(0,J.jsx)(`p`,{children:`This story demonstrates button baseline alignment. It shows multiple buttons with and without icons that are vertically aligned, useful for testing layout consistency.`})}),(0,J.jsx)(`div`,{className:`grid gap-8`,children:(0,J.jsxs)(`section`,{className:`grid gap-4`,children:[(0,J.jsx)(N,{_level:2,_label:`Vertically Aligned Buttons`}),(0,J.jsxs)(`div`,{className:`flex flex-wrap gap-2`,children:[(0,J.jsx)(k,{_label:`Label-Text`,_on:t}),(0,J.jsx)(k,{_icons:`kolicon-cogwheel`,_label:`Label-Text with Icon`,_on:t})]})]})})]})},Wd=()=>{let{dummyClickEventHandler:e}=zd(),t={onClick:e};return(0,J.jsxs)(J.Fragment,{children:[(0,J.jsx)(X,{children:(0,J.jsx)(`p`,{children:`This story demonstrates the most important features of the KolButton component. It showcases the different button variants, icons, disabled state, and hidden labels.`})}),(0,J.jsxs)(`div`,{className:`grid gap-8`,children:[(0,J.jsxs)(`section`,{className:`grid gap-4`,children:[(0,J.jsx)(N,{_level:2,_label:`Button Variants`}),(0,J.jsxs)(`div`,{className:`flex flex-wrap gap-4`,children:[(0,J.jsx)(k,{_icons:`kolicon-house`,_label:`Primary`,_variant:`primary`,onClick:e}),(0,J.jsx)(k,{_icons:`kolicon-kolibri`,_label:`Secondary`,_variant:`secondary`,onClick:e}),(0,J.jsx)(k,{_icons:`kolicon-cogwheel`,_label:`Tertiary`,_variant:`tertiary`,onClick:e}),(0,J.jsx)(k,{_icons:`kolicon-cogwheel`,_label:`Normal`,_variant:`normal`,_on:t}),(0,J.jsx)(k,{_icons:`kolicon-alert-warning`,_label:`Danger`,_variant:`danger`,_on:t}),(0,J.jsx)(k,{_icons:`kolicon-eye-closed`,_label:`Ghost`,_variant:`ghost`,_on:t})]})]}),(0,J.jsxs)(`section`,{className:`grid gap-4`,children:[(0,J.jsx)(N,{_level:2,_label:`Disabled State`}),(0,J.jsxs)(`div`,{className:`flex flex-wrap gap-4`,children:[(0,J.jsx)(k,{_disabled:!0,_icons:`kolicon-house`,_label:`Primary`,_variant:`primary`,_on:t}),(0,J.jsx)(k,{_disabled:!0,_icons:`kolicon-kolibri`,_label:`Secondary`,_variant:`secondary`,_on:t}),(0,J.jsx)(k,{_disabled:!0,_icons:`kolicon-alert-warning`,_label:`Danger`,_variant:`danger`,_on:t})]})]}),(0,J.jsxs)(`section`,{className:`grid gap-4`,children:[(0,J.jsx)(N,{_level:2,_label:`Hidden Label (Icon Only)`}),(0,J.jsxs)(`div`,{className:`flex flex-wrap gap-4`,children:[(0,J.jsx)(k,{_hideLabel:!0,_icons:`kolicon-house`,_label:`Primary`,_variant:`primary`,_on:t}),(0,J.jsx)(k,{_hideLabel:!0,_icons:`kolicon-kolibri`,_label:`Secondary`,_variant:`secondary`,_on:t}),(0,J.jsx)(k,{_hideLabel:!0,_icons:`kolicon-alert-warning`,_label:`Danger`,_variant:`danger`,_on:t})]})]}),(0,J.jsxs)(`section`,{className:`grid gap-4`,children:[(0,J.jsx)(N,{_level:2,_label:`Icon Positions`}),(0,J.jsxs)(`div`,{className:`flex flex-wrap gap-4`,children:[(0,J.jsx)(k,{_icons:{left:`kolicon-chevron-left`},_label:`Icon Left`,_on:t}),(0,J.jsx)(k,{_icons:{right:`kolicon-chevron-right`},_label:`Icon Right`,_on:t}),(0,J.jsx)(k,{_icons:{left:`kolicon-chevron-left`,right:`kolicon-chevron-right`},_label:`Icons Both Sides`,_on:t})]})]})]})]})},Gd=()=>{let{dummyClickEventHandler:e}=zd(),t={onClick:e};return(0,J.jsxs)(J.Fragment,{children:[(0,J.jsx)(X,{children:(0,J.jsx)(`p`,{children:`This story demonstrates the disabled state of buttons. Disabled buttons are not clickable and appear visually dimmed.`})}),(0,J.jsxs)(`div`,{className:`grid gap-8`,children:[(0,J.jsxs)(`section`,{className:`grid gap-4`,children:[(0,J.jsx)(N,{_level:2,_label:`Disabled Buttons`}),(0,J.jsxs)(`div`,{className:`flex flex-wrap gap-4`,children:[(0,J.jsx)(k,{_disabled:!0,_icons:`kolicon-house`,_label:`Primary`,_variant:`primary`,_on:t}),(0,J.jsx)(k,{_disabled:!0,_icons:`kolicon-kolibri`,_label:`Secondary`,_variant:`secondary`,_on:t}),(0,J.jsx)(k,{_disabled:!0,_icons:`kolicon-cogwheel`,_label:`Tertiary`,_variant:`tertiary`,_on:t}),(0,J.jsx)(k,{_disabled:!0,_icons:`kolicon-cogwheel`,_label:`Normal`,_variant:`normal`,_on:t}),(0,J.jsx)(k,{_disabled:!0,_icons:`kolicon-alert-warning`,_label:`Danger`,_variant:`danger`,_on:t}),(0,J.jsx)(k,{_disabled:!0,_icons:`kolicon-eye-closed`,_label:`Ghost`,_variant:`ghost`,_on:t})]})]}),(0,J.jsxs)(`section`,{className:`grid gap-4`,children:[(0,J.jsx)(N,{_level:2,_label:`Comparison: Enabled vs Disabled`}),(0,J.jsxs)(`div`,{className:`flex flex-wrap gap-4`,children:[(0,J.jsx)(k,{_icons:`kolicon-house`,_label:`Enabled`,_variant:`primary`,_on:t}),(0,J.jsx)(k,{_disabled:!0,_icons:`kolicon-house`,_label:`Disabled`,_variant:`primary`,_on:t})]})]})]})]})},Kd=`kol-tooltip-wc`,qd=()=>{let{dummyClickEventHandler:e}=zd(),t=(0,d.useRef)(null),n={onClick:e};return(0,J.jsxs)(J.Fragment,{children:[(0,J.jsx)(X,{children:(0,J.jsx)(`p`,{children:`This story demonstrates the expert slot feature of KolButton. The expert slot allows you to insert custom content into the button, providing advanced customization options beyond the standard label and icon properties.`})}),(0,J.jsxs)(`div`,{className:`grid gap-8`,children:[(0,J.jsxs)(`section`,{className:`grid gap-4`,children:[(0,J.jsx)(N,{_level:2,_label:`Buttons with Expert Slot Content`}),(0,J.jsxs)(`div`,{className:`flex flex-wrap gap-4`,children:[(0,J.jsx)(k,{_icons:`kolicon-house`,_label:``,_variant:`primary`,_on:n,children:(0,J.jsx)(`span`,{slot:`expert`,children:`I am more than just a button`})}),(0,J.jsx)(k,{_icons:`kolicon-kolibri`,_label:``,_variant:`secondary`,_on:n,children:(0,J.jsx)(`span`,{slot:`expert`,children:`Custom content here`})}),(0,J.jsx)(k,{_icons:`kolicon-alert-warning`,_label:``,_variant:`danger`,_on:n,children:(0,J.jsx)(`span`,{slot:`expert`,children:`Delete with custom text`})}),(0,J.jsx)(k,{ref:t,_label:``,_variant:`danger`,_on:n,children:(0,J.jsx)(P,{_icons:`kolicon-alert-warning`,_label:`Delete with custom text`,slot:`expert`})}),(0,J.jsx)(Kd,{_label:`Delete with custom text`})]})]}),(0,J.jsxs)(`section`,{className:`grid gap-4`,children:[(0,J.jsx)(N,{_level:2,_label:`Disabled Buttons with Expert Slot`}),(0,J.jsxs)(`div`,{className:`flex flex-wrap gap-4`,children:[(0,J.jsx)(k,{_disabled:!0,_icons:`kolicon-house`,_label:``,_variant:`primary`,_on:n,children:(0,J.jsx)(`span`,{slot:`expert`,children:`Disabled expert slot`})}),(0,J.jsx)(k,{_disabled:!0,_icons:`kolicon-eye-closed`,_label:``,_variant:`ghost`,_on:n,children:(0,J.jsx)(`span`,{slot:`expert`,children:`Another disabled one`})})]})]})]})]})},Jd=[{label:`Auto (instant)`,value:`auto`},{label:`Smooth (animated)`,value:`smooth`}],Yd=[{label:`Start`,value:`start`},{label:`Center`,value:`center`},{label:`End`,value:`end`},{label:`Nearest`,value:`nearest`}],Xd=[{label:`Behavior`,key:`behavior`,options:Jd},{label:`Block (vertical alignment)`,key:`block`,options:Yd},{label:`Inline (horizontal alignment)`,key:`inline`,options:Yd}],Zd={padding:`1rem`,marginTop:`1rem`,border:`1px solid #ccc`},Qd={button:{basic:Wd,variants:()=>{let{dummyClickEventHandler:e}=zd(),t={onClick:e};return(0,J.jsxs)(J.Fragment,{children:[(0,J.jsx)(X,{children:(0,J.jsx)(`p`,{children:`This story showcases all available button variants: primary, secondary, tertiary, normal, danger, and ghost.`})}),(0,J.jsx)(`div`,{className:`grid gap-8`,children:(0,J.jsxs)(`section`,{className:`grid gap-4`,children:[(0,J.jsx)(N,{_level:2,_label:`All Button Variants`}),(0,J.jsxs)(`div`,{className:`flex flex-wrap gap-4`,children:[(0,J.jsx)(k,{_icons:`kolicon-house`,_label:`Primary`,_variant:`primary`,_on:t}),(0,J.jsx)(k,{_icons:`kolicon-kolibri`,_label:`Secondary`,_variant:`secondary`,_on:t}),(0,J.jsx)(k,{_icons:`kolicon-cogwheel`,_label:`Tertiary`,_variant:`tertiary`,_on:t}),(0,J.jsx)(k,{_icons:`kolicon-cogwheel`,_label:`Normal`,_variant:`normal`,_on:t}),(0,J.jsx)(k,{_icons:`kolicon-alert-warning`,_label:`Danger`,_variant:`danger`,_on:t}),(0,J.jsx)(k,{_icons:`kolicon-eye-closed`,_label:`Ghost`,_variant:`ghost`,_on:t})]})]})})]})},disabled:Gd,"hide-label":()=>{let{dummyClickEventHandler:e}=zd(),t={onClick:e};return(0,J.jsxs)(J.Fragment,{children:[(0,J.jsx)(X,{children:(0,J.jsx)(`p`,{children:`This story demonstrates buttons with hidden labels. The label is still accessible to screen readers but visually hidden, showing only the icon. This is useful for icon-only buttons.`})}),(0,J.jsxs)(`div`,{className:`grid gap-8`,children:[(0,J.jsxs)(`section`,{className:`grid gap-4`,children:[(0,J.jsx)(N,{_level:2,_label:`Buttons with Hidden Labels`}),(0,J.jsxs)(`div`,{className:`flex flex-wrap gap-4`,children:[(0,J.jsx)(k,{_hideLabel:!0,_icons:`kolicon-house`,_label:`Home`,_variant:`primary`,_on:t}),(0,J.jsx)(k,{_hideLabel:!0,_icons:`kolicon-kolibri`,_label:`Like`,_variant:`secondary`,_on:t}),(0,J.jsx)(k,{_hideLabel:!0,_icons:`kolicon-cogwheel`,_label:`Subscribe`,_variant:`tertiary`,_on:t}),(0,J.jsx)(k,{_hideLabel:!0,_icons:`kolicon-cogwheel`,_label:`Buy me a coffee`,_variant:`normal`,_on:t}),(0,J.jsx)(k,{_hideLabel:!0,_icons:`kolicon-alert-warning`,_label:`Delete`,_variant:`danger`,_on:t}),(0,J.jsx)(k,{_hideLabel:!0,_icons:`kolicon-eye-closed`,_label:`Settings`,_variant:`ghost`,_on:t})]})]}),(0,J.jsxs)(`section`,{className:`grid gap-4`,children:[(0,J.jsx)(N,{_level:2,_label:`Comparison: With and Without Hidden Label`}),(0,J.jsxs)(`div`,{className:`flex flex-wrap gap-4`,children:[(0,J.jsx)(k,{_icons:`kolicon-house`,_label:`Home`,_variant:`primary`,_on:t}),(0,J.jsx)(k,{_hideLabel:!0,_icons:`kolicon-house`,_label:`Home`,_variant:`primary`,_on:t})]})]}),(0,J.jsxs)(`section`,{className:`grid gap-4`,children:[(0,J.jsx)(N,{_level:2,_label:`Disabled with Hidden Label`}),(0,J.jsxs)(`div`,{className:`flex flex-wrap gap-4`,children:[(0,J.jsx)(k,{_disabled:!0,_hideLabel:!0,_icons:`kolicon-house`,_label:`Home`,_variant:`primary`,_on:t}),(0,J.jsx)(k,{_disabled:!0,_hideLabel:!0,_icons:`kolicon-kolibri`,_label:`Like`,_variant:`secondary`,_on:t}),(0,J.jsx)(k,{_disabled:!0,_hideLabel:!0,_icons:`kolicon-cogwheel`,_label:`Subscribe`,_variant:`tertiary`,_on:t}),(0,J.jsx)(k,{_disabled:!0,_hideLabel:!0,_icons:`kolicon-cogwheel`,_label:`Buy me a coffee`,_variant:`normal`,_on:t}),(0,J.jsx)(k,{_disabled:!0,_hideLabel:!0,_icons:`kolicon-alert-warning`,_label:`Delete`,_variant:`danger`,_on:t})]})]})]})]})},icons:()=>{let{dummyClickEventHandler:e}=zd(),t={onClick:e};return(0,J.jsxs)(J.Fragment,{children:[(0,J.jsx)(X,{children:(0,J.jsx)(`p`,{children:`This story showcases buttons with icons in various positions and configurations. Icons can be placed on the left, right, top, bottom, or in multiple positions at once.`})}),(0,J.jsxs)(`div`,{className:`grid gap-8`,children:[(0,J.jsxs)(`section`,{className:`grid gap-4`,children:[(0,J.jsx)(N,{_level:2,_label:`Basic Icon Positions`}),(0,J.jsxs)(`div`,{className:`flex flex-wrap gap-4`,children:[(0,J.jsx)(k,{_icons:{left:`kolicon-chevron-left`},_label:`Icon Left`,_on:t}),(0,J.jsx)(k,{_icons:{right:`kolicon-chevron-right`},_label:`Icon Right`,_on:t}),(0,J.jsx)(k,{_icons:{top:`kolicon-chevron-up`},_label:`Icon Top`,_on:t}),(0,J.jsx)(k,{_icons:{bottom:`kolicon-chevron-down`},_label:`Icon Bottom`,_on:t})]})]}),(0,J.jsxs)(`section`,{className:`grid gap-4`,children:[(0,J.jsx)(N,{_level:2,_label:`Multiple Icon Positions`}),(0,J.jsxs)(`div`,{className:`flex flex-wrap gap-4`,children:[(0,J.jsx)(k,{_icons:{left:`kolicon-chevron-left`,right:`kolicon-chevron-right`},_label:`Left & Right`,_on:t}),(0,J.jsx)(k,{_icons:{top:`kolicon-chevron-up`,bottom:`kolicon-chevron-down`},_label:`Top & Bottom`,_on:t})]})]}),(0,J.jsxs)(`section`,{className:`grid gap-4`,children:[(0,J.jsx)(N,{_level:2,_label:`All Icon Positions`}),(0,J.jsx)(`div`,{className:`flex flex-wrap gap-4`,children:(0,J.jsx)(k,{_icons:{top:`kolicon-chevron-up`,bottom:`kolicon-chevron-down`,left:`kolicon-chevron-left`,right:`kolicon-chevron-right`},_label:`All Directions`,_on:t})})]}),(0,J.jsxs)(`section`,{className:`grid gap-4`,children:[(0,J.jsx)(N,{_level:2,_label:`Simple Icon String`}),(0,J.jsxs)(`div`,{className:`flex flex-wrap gap-4`,children:[(0,J.jsx)(k,{_icons:`kolicon-house`,_label:`Home Icon`,_on:t}),(0,J.jsx)(k,{_icons:`kolicon-kolibri`,_label:`Heart Icon`,_on:t}),(0,J.jsx)(k,{_icons:`kolicon-alert-warning`,_label:`Trash Icon`,_on:t})]})]}),(0,J.jsxs)(`section`,{className:`grid gap-4`,children:[(0,J.jsx)(N,{_level:2,_label:`Large Icon on Top`}),(0,J.jsx)(`div`,{className:`flex flex-wrap gap-4`,children:(0,J.jsx)(k,{_icons:{top:{style:{"font-size":`400%`},icon:`kolicon-house`}},_label:`Home`,_on:t})})]})]})]})},spinner:()=>{let{dummyClickEventHandler:e}=zd(),t={onClick:e};return(0,J.jsxs)(J.Fragment,{children:[(0,J.jsx)(X,{children:(0,J.jsx)(`p`,{children:`This story demonstrates icon-only buttons with an animated spinning loader icon. The animation is applied using CSS parts to target the icon element directly.`})}),(0,J.jsxs)(`div`,{className:`grid gap-8`,children:[(0,J.jsxs)(`section`,{className:`grid gap-4`,children:[(0,J.jsx)(N,{_level:2,_label:`Animated Spinner Icon via CSS Part`}),(0,J.jsxs)(`div`,{className:`flex flex-wrap gap-4`,children:[(0,J.jsx)(k,{className:`spinner-button`,_hideLabel:!0,_icons:{left:`kolicon-cogwheel`},_label:`Loading`,_variant:`primary`,_on:t}),(0,J.jsx)(k,{className:`spinner-button spinner-slow`,_hideLabel:!0,_icons:{left:`kolicon-cogwheel`},_label:`Syncing`,_variant:`secondary`,_on:t}),(0,J.jsx)(k,{className:`spinner-button spinner-slower`,_hideLabel:!0,_icons:{left:`kolicon-cogwheel`},_label:`Processing`,_variant:`tertiary`,_on:t})]})]}),(0,J.jsxs)(`section`,{className:`grid gap-4`,children:[(0,J.jsx)(N,{_level:2,_label:`Spinner with Label`}),(0,J.jsxs)(`div`,{className:`flex flex-wrap gap-4`,children:[(0,J.jsx)(k,{className:`spinner-button`,_icons:{left:`kolicon-cogwheel`},_label:`Loading...`,_variant:`primary`,_on:t}),(0,J.jsx)(k,{className:`spinner-button`,_icons:{left:`kolicon-cogwheel`},_label:`Syncing...`,_variant:`secondary`,_on:t})]})]})]}),(0,J.jsx)(`style`,{children:`
|
|
32
|
+
@keyframes spin {
|
|
33
|
+
from {
|
|
34
|
+
transform: rotate(0deg);
|
|
35
|
+
}
|
|
36
|
+
to {
|
|
37
|
+
transform: rotate(360deg);
|
|
38
|
+
}
|
|
39
|
+
}
|
|
40
|
+
|
|
41
|
+
/* Target the icon part inside the button */
|
|
42
|
+
.spinner-button::part(icon) {
|
|
43
|
+
animation: spin 1s linear infinite;
|
|
44
|
+
}
|
|
45
|
+
|
|
46
|
+
.spinner-slow::part(icon) {
|
|
47
|
+
animation-duration: 1.5s;
|
|
48
|
+
}
|
|
49
|
+
|
|
50
|
+
.spinner-slower::part(icon) {
|
|
51
|
+
animation-duration: 2s;
|
|
52
|
+
}
|
|
53
|
+
|
|
54
|
+
@media (prefers-reduced-motion) {
|
|
55
|
+
.spinner-button::part(icon){
|
|
56
|
+
animation-duration: 10s;
|
|
57
|
+
}
|
|
58
|
+
}
|
|
59
|
+
`})]})},width:()=>{let{dummyClickEventHandler:e}=zd(),t={className:`w-8rem`,_on:{onClick:e}};return(0,J.jsxs)(J.Fragment,{children:[(0,J.jsx)(X,{children:(0,J.jsx)(`p`,{children:`This story demonstrates buttons with custom widths. You can control the button width using CSS classes.`})}),(0,J.jsxs)(`div`,{className:`grid gap-8`,children:[(0,J.jsxs)(`section`,{className:`grid gap-4`,children:[(0,J.jsx)(N,{_level:2,_label:`Fixed Width Buttons (8rem)`}),(0,J.jsxs)(`div`,{className:`flex flex-wrap gap-4`,children:[(0,J.jsx)(k,{_label:`Primary`,_variant:`primary`,...t}),(0,J.jsx)(k,{_label:`Secondary`,_variant:`secondary`,...t}),(0,J.jsx)(k,{_label:`Normal`,_variant:`normal`,...t}),(0,J.jsx)(k,{_label:`Danger`,_variant:`danger`,...t}),(0,J.jsx)(k,{_label:`Ghost`,_variant:`ghost`,...t})]})]}),(0,J.jsxs)(`section`,{className:`grid gap-4`,children:[(0,J.jsx)(N,{_level:2,_label:`Fixed Width Disabled Buttons (8rem)`}),(0,J.jsxs)(`div`,{className:`flex flex-wrap gap-4`,children:[(0,J.jsx)(k,{_disabled:!0,_label:`Primary`,_variant:`primary`,...t}),(0,J.jsx)(k,{_disabled:!0,_label:`Secondary`,_variant:`secondary`,...t}),(0,J.jsx)(k,{_disabled:!0,_label:`Normal`,_variant:`normal`,...t}),(0,J.jsx)(k,{_disabled:!0,_label:`Danger`,_variant:`danger`,...t}),(0,J.jsx)(k,{_disabled:!0,_label:`Ghost`,_variant:`ghost`,...t})]})]})]})]})},"access-key":Vd,"aria-description":Hd,baselined:Ud,"short-key":()=>{let{dummyClickEventHandler:e}=zd(),t={onClick:e},n=d.useRef(e);return d.useEffect(()=>{n.current=e},[e]),d.useEffect(()=>{let e=e=>{e.altKey&&e.code===`KeyM`&&(e.preventDefault(),n.current())};return document.addEventListener(`keydown`,e),()=>document.removeEventListener(`keydown`,e)},[]),(0,J.jsxs)(J.Fragment,{children:[(0,J.jsx)(X,{children:(0,J.jsx)(`p`,{children:`This story demonstrates buttons with short keys. The short key is displayed as a visual indicator within the button label to communicate a recommended keyboard shortcut to the user.`})}),(0,J.jsxs)(D,{_label:`Short keys are display-only`,_type:`info`,_variant:`card`,children:[(0,J.jsxs)(`p`,{children:[(0,J.jsx)(`code`,{children:`_shortKey`}),` is `,(0,J.jsx)(`strong`,{children:`purely visual and assistive`}),`: it renders the badge and announces the shortcut via`,` `,(0,J.jsx)(`code`,{children:`aria-keyshortcuts`}),`, but it does `,(0,J.jsx)(`strong`,{children:`not`}),` bind a keyboard handler. Pressing the displayed combination on its own does nothing – you have to register the listener yourself (see the interactive example below).`]}),(0,J.jsxs)(`p`,{children:[`If you need a native, browser-handled shortcut instead, use`,` `,(0,J.jsx)(R,{_label:`_accessKey`,_href:`https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/accesskey`,_target:`_blank`}),`. Note that native access keys are triggered in a browser-specific way (e.g. `,(0,J.jsx)(`kbd`,{children:`Alt`}),` + `,(0,J.jsx)(`kbd`,{children:`Shift`}),` + key in Chrome on Windows).`]})]}),(0,J.jsxs)(`div`,{className:`grid gap-8`,children:[(0,J.jsxs)(`section`,{className:`grid gap-4`,children:[(0,J.jsx)(N,{_level:2,_label:`Buttons with Short Keys`}),(0,J.jsxs)(`div`,{className:`flex flex-wrap gap-4`,children:[(0,J.jsx)(k,{_label:`With S short key`,_shortKey:`S`,_on:t}),(0,J.jsx)(k,{_label:`Very small b`,_shortKey:`b`,_on:t}),(0,J.jsx)(k,{_label:`Short key does not appear in label`,_shortKey:`x`,_on:t})]})]}),(0,J.jsxs)(`section`,{className:`grid gap-4`,children:[(0,J.jsx)(N,{_level:2,_label:`Short Key with Hidden Label`}),(0,J.jsx)(`div`,{className:`flex flex-wrap gap-4`,children:(0,J.jsx)(k,{_label:`short key without label`,_hideLabel:!0,_shortKey:`k`,_icons:`kolicon-cogwheel`,_on:t})})]}),(0,J.jsxs)(`section`,{className:`grid gap-4`,children:[(0,J.jsx)(N,{_level:2,_label:`Short Key with Inline Icons`}),(0,J.jsx)(`div`,{className:`flex flex-wrap gap-4`,children:(0,J.jsx)(k,{_label:`with inline icons`,_icons:{left:`kolicon-cogwheel`,right:`kolicon-cogwheel`},_shortKey:`n`,_on:t})})]}),(0,J.jsxs)(`section`,{className:`grid gap-4`,children:[(0,J.jsx)(N,{_level:2,_label:`Interactive Short Key`}),(0,J.jsxs)(`p`,{children:[`This button wires the announced short key up manually: a `,(0,J.jsx)(`code`,{children:`keydown`}),` listener triggers the same action as a click. Press `,(0,J.jsx)(`kbd`,{children:`Alt`}),` +`,` `,(0,J.jsx)(`kbd`,{children:`M`}),` (or click the button) to open the toast.`]}),(0,J.jsx)(`div`,{className:`flex flex-wrap gap-4`,children:(0,J.jsx)(k,{_label:`With working M short key`,_shortKey:`m`,_on:t})})]})]})]})},"expert-slot":qd,"row-reverse-tooltip":()=>(0,J.jsxs)(J.Fragment,{children:[(0,J.jsx)(X,{children:(0,J.jsx)(`p`,{children:`This story demonstrates how the tooltip adapts its width when containing long text inside a row-reverse flex container. The effect becomes visible when inspecting the layout with DevTools and reducing the available width (e.g., by narrowing the screen).`})}),(0,J.jsx)(`div`,{className:`grid gap-8`,children:(0,J.jsxs)(`section`,{className:`grid gap-4`,children:[(0,J.jsx)(N,{_level:2,_label:`Button in Row-Reverse Container`}),(0,J.jsx)(`div`,{className:`flex flex-row-reverse`,children:(0,J.jsx)(k,{_icons:`kolicon-house`,_hideLabel:!0,_label:`This is a very, very long tooltip text that exceeds the width.`,_variant:`primary`})})]})})]}),"focus-options":()=>{let e=(0,d.useRef)(null),t=(0,d.useRef)(null),[n,r]=(0,d.useState)({behavior:`auto`,block:`start`,inline:`start`}),[i,a]=(0,d.useState)(!1),o=(0,d.useCallback)(async()=>{e.current&&(a(!1),await e.current.focus({...n,afterFocus:()=>{a(!0)}}))},[n]),s=(0,d.useCallback)(async()=>{t.current&&(a(!1),await t.current.focus({...n,afterFocus:()=>{a(!0)}}))},[n]),c=(0,d.useCallback)((e,t)=>{r(n=>({...n,[e]:t}))},[]);return(0,J.jsxs)(J.Fragment,{children:[(0,J.jsx)(X,{children:(0,J.jsx)(`p`,{children:`This story demonstrates KolFocusOptions for manual focus control with scroll-into-view behavior. It showcases vertical scrolling (element positioned below viewport) and horizontal scrolling (element positioned outside viewport). The focus options control how the element is scrolled into view, with the afterFocus callback triggering after scrolling completes.`})}),(0,J.jsxs)(`div`,{className:`grid gap-8`,children:[(0,J.jsxs)(`section`,{className:`grid gap-4`,children:[(0,J.jsx)(N,{_level:2,_label:`Scroll Behavior Options`}),(0,J.jsxs)(`p`,{children:[`These options control how elements are scrolled into view. `,(0,J.jsx)(`code`,{children:`preventScroll`}),` and `,(0,J.jsx)(`code`,{children:`focusVisible`}),` are always enabled for optimal focus management. Customize the scroll behavior and alignment below:`]}),(0,J.jsx)(`div`,{className:`grid gap-4`,children:Xd.map((e,r)=>(0,J.jsx)(`div`,{className:`grid gap-2`,children:(0,J.jsx)(Ce,{ref:r===0?t:null,_label:e.label,_options:e.options,_value:n[e.key],_on:{onChange:(t,n)=>{c(e.key,n)}}})},e.key))})]}),(0,J.jsxs)(`section`,{className:`grid gap-4`,children:[(0,J.jsx)(N,{_level:2,_label:`Scroll Example`}),(0,J.jsx)(`p`,{children:`The target button is positioned bottom-right. Scroll down and right to find it, then click "Focus Target" to apply scroll behavior.`}),(0,J.jsx)(`div`,{className:`flex gap-4`,children:(0,J.jsx)(k,{_label:`Focus Target`,_variant:`primary`,onClick:o})}),(0,J.jsxs)(`p`,{children:[`Callback invoked: `,(0,J.jsx)(`strong`,{children:i?`Yes ✓`:`No`})]}),(0,J.jsx)(`div`,{style:{...Zd,overflow:`auto`,width:`500px`,height:`600px`},children:(0,J.jsxs)(`div`,{style:{width:`2400px`,height:`2400px`,padding:`1rem`,position:`relative`},children:[(0,J.jsx)(`div`,{style:{padding:`1rem`,backgroundColor:`#f9f9f9`,borderRadius:`4px`},children:`Content area (scroll to find button)`}),(0,J.jsx)(k,{ref:e,_label:`Back to Top`,_variant:`primary`,onClick:s,style:{position:`absolute`,bottom:`1rem`,right:`1rem`}})]})})]}),(0,J.jsx)(`hr`,{}),(0,J.jsxs)(`section`,{className:`grid gap-4`,children:[(0,J.jsx)(N,{_level:2,_label:`About KolFocusOptions`}),(0,J.jsxs)(`div`,{className:`indented-text`,children:[(0,J.jsx)(`p`,{children:`KolFocusOptions enables advanced focus control with scroll-into-view behavior:`}),(0,J.jsxs)(`ul`,{className:`list-disc pl-5`,children:[(0,J.jsxs)(`li`,{children:[(0,J.jsx)(`strong`,{children:`preventScroll:`}),` Always enabled — prevents browser auto-scroll and uses custom scroll options instead`]}),(0,J.jsxs)(`li`,{children:[(0,J.jsx)(`strong`,{children:`focusVisible:`}),` Always enabled — ensures the focus ring is visible after focus`]}),(0,J.jsxs)(`li`,{children:[(0,J.jsx)(`strong`,{children:`behavior:`}),` "auto" (instant) or "smooth" (animated) scroll`]}),(0,J.jsxs)(`li`,{children:[(0,J.jsx)(`strong`,{children:`block:`}),` Vertical alignment (start, center, end, nearest)`]}),(0,J.jsxs)(`li`,{children:[(0,J.jsx)(`strong`,{children:`inline:`}),` Horizontal alignment (start, center, end, nearest)`]}),(0,J.jsxs)(`li`,{children:[(0,J.jsx)(`strong`,{children:`afterFocus:`}),` Optional callback invoked after focus and scroll complete`]})]})]})]})]})]})}}},$d={card:{basic:()=>(0,J.jsxs)(J.Fragment,{children:[(0,J.jsx)(X,{children:(0,J.jsx)(`p`,{children:`KolCard shows a card with title and slot content. The second sample features a close button.`})}),(0,J.jsxs)(`div`,{className:`w-full grid grid-cols-2 gap-4`,children:[(0,J.jsx)(j,{_label:`Card with title and content`,children:(0,J.jsx)(`p`,{children:`Card contents.`})}),(0,J.jsx)(j,{_label:`Card with closer`,_hasCloser:!0,children:(0,J.jsx)(`p`,{children:`This card has a close button.`})})]})]}),headlines:()=>(0,J.jsxs)(J.Fragment,{children:[(0,J.jsx)(X,{children:(0,J.jsx)(`p`,{children:`This sample shows cards with all headline levels as title.`})}),(0,J.jsxs)(`div`,{className:`w-full grid grid-cols-2 gap-4`,children:[(0,J.jsx)(j,{_label:`Card with headline level 0`,_level:0,children:(0,J.jsx)(`p`,{children:`Card contents.`})}),(0,J.jsx)(j,{_label:`Card with headline level 1`,_level:1,children:(0,J.jsx)(`p`,{children:`Card contents.`})}),(0,J.jsx)(j,{_label:`Card with headline level 2`,_level:2,children:(0,J.jsx)(`p`,{children:`Card contents.`})}),(0,J.jsx)(j,{_label:`Card with headline level 3`,_level:3,children:(0,J.jsx)(`p`,{children:`Card contents.`})}),(0,J.jsx)(j,{_label:`Card with headline level 4`,_level:4,children:(0,J.jsx)(`p`,{children:`Card contents.`})}),(0,J.jsx)(j,{_label:`Card with headline level 5`,_level:5,children:(0,J.jsx)(`p`,{children:`Card contents.`})}),(0,J.jsx)(j,{_label:`Card with headline level 6`,_level:6,children:(0,J.jsx)(`p`,{children:`Card contents.`})})]})]})}},ef=({RefComponent:e,showButtons:t=!0,...n})=>(0,J.jsx)(oe,{className:`w-full`,children:(0,J.jsxs)(`div`,{className:`grid gap-4`,children:[(0,J.jsx)(e,{...n}),t&&(0,J.jsxs)(`div`,{className:`flex gap-4`,children:[(0,J.jsx)(k,{_label:`Submit`,_icons:`kolicon-chevron-right`,_type:`submit`,_variant:`primary`}),(0,J.jsx)(k,{_label:`Bunte Icons`,_icons:{left:{icon:`kolicon-house`,style:{color:`#cc006e`}},right:{icon:`kolicon-kolibri`,style:{color:`#b41b1b`}}},_type:`submit`,_variant:`secondary`}),(0,J.jsx)(k,{_label:`Reset`,_type:`reset`,_variant:`tertiary`}),(0,J.jsx)(k,{_label:`Help`,_variant:`ghost`})]})]})});function tf({children:e}){let[t]=Hr();return(0,J.jsx)(`div`,{className:t.has(`noColumns`)?``:`grid md:grid-cols-2 gap-4`,children:e})}var nf=JSON.parse(`[{"id":4,"alpha2":"af","alpha3":"afg","name":"Afghanistan"},{"id":818,"alpha2":"eg","alpha3":"egy","name":"Ägypten"},{"id":8,"alpha2":"al","alpha3":"alb","name":"Albanien"},{"id":12,"alpha2":"dz","alpha3":"dza","name":"Algerien"},{"id":20,"alpha2":"ad","alpha3":"and","name":"Andorra"},{"id":24,"alpha2":"ao","alpha3":"ago","name":"Angola"},{"id":28,"alpha2":"ag","alpha3":"atg","name":"Antigua und Barbuda"},{"id":226,"alpha2":"gq","alpha3":"gnq","name":"Äquatorialguinea"},{"id":32,"alpha2":"ar","alpha3":"arg","name":"Argentinien"},{"id":51,"alpha2":"am","alpha3":"arm","name":"Armenien"},{"id":31,"alpha2":"az","alpha3":"aze","name":"Aserbaidschan"},{"id":231,"alpha2":"et","alpha3":"eth","name":"Äthiopien"},{"id":36,"alpha2":"au","alpha3":"aus","name":"Australien"},{"id":44,"alpha2":"bs","alpha3":"bhs","name":"Bahamas"},{"id":48,"alpha2":"bh","alpha3":"bhr","name":"Bahrain"},{"id":50,"alpha2":"bd","alpha3":"bgd","name":"Bangladesch"},{"id":52,"alpha2":"bb","alpha3":"brb","name":"Barbados"},{"id":112,"alpha2":"by","alpha3":"blr","name":"Belarus"},{"id":56,"alpha2":"be","alpha3":"bel","name":"Belgien"},{"id":84,"alpha2":"bz","alpha3":"blz","name":"Belize"},{"id":204,"alpha2":"bj","alpha3":"ben","name":"Benin"},{"id":64,"alpha2":"bt","alpha3":"btn","name":"Bhutan"},{"id":68,"alpha2":"bo","alpha3":"bol","name":"Bolivien"},{"id":70,"alpha2":"ba","alpha3":"bih","name":"Bosnien und Herzegowina"},{"id":72,"alpha2":"bw","alpha3":"bwa","name":"Botswana"},{"id":76,"alpha2":"br","alpha3":"bra","name":"Brasilien"},{"id":96,"alpha2":"bn","alpha3":"brn","name":"Brunei"},{"id":100,"alpha2":"bg","alpha3":"bgr","name":"Bulgarien"},{"id":854,"alpha2":"bf","alpha3":"bfa","name":"Burkina Faso"},{"id":108,"alpha2":"bi","alpha3":"bdi","name":"Burundi"},{"id":152,"alpha2":"cl","alpha3":"chl","name":"Chile"},{"id":156,"alpha2":"cn","alpha3":"chn","name":"China, Volksrepublik"},{"id":188,"alpha2":"cr","alpha3":"cri","name":"Costa Rica"},{"id":208,"alpha2":"dk","alpha3":"dnk","name":"Dänemark"},{"id":276,"alpha2":"de","alpha3":"deu","name":"Deutschland"},{"id":212,"alpha2":"dm","alpha3":"dma","name":"Dominica"},{"id":214,"alpha2":"do","alpha3":"dom","name":"Dominikanische Republik"},{"id":262,"alpha2":"dj","alpha3":"dji","name":"Dschibuti"},{"id":218,"alpha2":"ec","alpha3":"ecu","name":"Ecuador"},{"id":384,"alpha2":"ci","alpha3":"civ","name":"Elfenbeinküste"},{"id":222,"alpha2":"sv","alpha3":"slv","name":"El Salvador"},{"id":232,"alpha2":"er","alpha3":"eri","name":"Eritrea"},{"id":233,"alpha2":"ee","alpha3":"est","name":"Estland"},{"id":748,"alpha2":"sz","alpha3":"swz","name":"Eswatini"},{"id":242,"alpha2":"fj","alpha3":"fji","name":"Fidschi"},{"id":246,"alpha2":"fi","alpha3":"fin","name":"Finnland"},{"id":250,"alpha2":"fr","alpha3":"fra","name":"Frankreich"},{"id":266,"alpha2":"ga","alpha3":"gab","name":"Gabun"},{"id":270,"alpha2":"gm","alpha3":"gmb","name":"Gambia"},{"id":268,"alpha2":"ge","alpha3":"geo","name":"Georgien"},{"id":288,"alpha2":"gh","alpha3":"gha","name":"Ghana"},{"id":308,"alpha2":"gd","alpha3":"grd","name":"Grenada"},{"id":300,"alpha2":"gr","alpha3":"grc","name":"Griechenland"},{"id":320,"alpha2":"gt","alpha3":"gtm","name":"Guatemala"},{"id":324,"alpha2":"gn","alpha3":"gin","name":"Guinea"},{"id":624,"alpha2":"gw","alpha3":"gnb","name":"Guinea-Bissau"},{"id":328,"alpha2":"gy","alpha3":"guy","name":"Guyana"},{"id":332,"alpha2":"ht","alpha3":"hti","name":"Haiti"},{"id":340,"alpha2":"hn","alpha3":"hnd","name":"Honduras"},{"id":356,"alpha2":"in","alpha3":"ind","name":"Indien"},{"id":360,"alpha2":"id","alpha3":"idn","name":"Indonesien"},{"id":368,"alpha2":"iq","alpha3":"irq","name":"Irak"},{"id":364,"alpha2":"ir","alpha3":"irn","name":"Iran"},{"id":372,"alpha2":"ie","alpha3":"irl","name":"Irland"},{"id":352,"alpha2":"is","alpha3":"isl","name":"Island"},{"id":376,"alpha2":"il","alpha3":"isr","name":"Israel"},{"id":380,"alpha2":"it","alpha3":"ita","name":"Italien"},{"id":388,"alpha2":"jm","alpha3":"jam","name":"Jamaika"},{"id":392,"alpha2":"jp","alpha3":"jpn","name":"Japan"},{"id":887,"alpha2":"ye","alpha3":"yem","name":"Jemen"},{"id":400,"alpha2":"jo","alpha3":"jor","name":"Jordanien"},{"id":116,"alpha2":"kh","alpha3":"khm","name":"Kambodscha"},{"id":120,"alpha2":"cm","alpha3":"cmr","name":"Kamerun"},{"id":124,"alpha2":"ca","alpha3":"can","name":"Kanada"},{"id":132,"alpha2":"cv","alpha3":"cpv","name":"Kap Verde"},{"id":398,"alpha2":"kz","alpha3":"kaz","name":"Kasachstan"},{"id":634,"alpha2":"qa","alpha3":"qat","name":"Katar"},{"id":404,"alpha2":"ke","alpha3":"ken","name":"Kenia"},{"id":417,"alpha2":"kg","alpha3":"kgz","name":"Kirgisistan"},{"id":296,"alpha2":"ki","alpha3":"kir","name":"Kiribati"},{"id":170,"alpha2":"co","alpha3":"col","name":"Kolumbien"},{"id":174,"alpha2":"km","alpha3":"com","name":"Komoren"},{"id":180,"alpha2":"cd","alpha3":"cod","name":"Kongo, Demokratische Republik"},{"id":178,"alpha2":"cg","alpha3":"cog","name":"Kongo, Republik"},{"id":408,"alpha2":"kp","alpha3":"prk","name":"Korea, Nord (Nordkorea)"},{"id":410,"alpha2":"kr","alpha3":"kor","name":"Korea, Süd (Südkorea)"},{"id":191,"alpha2":"hr","alpha3":"hrv","name":"Kroatien"},{"id":192,"alpha2":"cu","alpha3":"cub","name":"Kuba"},{"id":414,"alpha2":"kw","alpha3":"kwt","name":"Kuwait"},{"id":418,"alpha2":"la","alpha3":"lao","name":"Laos"},{"id":426,"alpha2":"ls","alpha3":"lso","name":"Lesotho"},{"id":428,"alpha2":"lv","alpha3":"lva","name":"Lettland"},{"id":422,"alpha2":"lb","alpha3":"lbn","name":"Libanon"},{"id":430,"alpha2":"lr","alpha3":"lbr","name":"Liberia"},{"id":434,"alpha2":"ly","alpha3":"lby","name":"Libyen"},{"id":438,"alpha2":"li","alpha3":"lie","name":"Liechtenstein"},{"id":440,"alpha2":"lt","alpha3":"ltu","name":"Litauen"},{"id":442,"alpha2":"lu","alpha3":"lux","name":"Luxemburg"},{"id":450,"alpha2":"mg","alpha3":"mdg","name":"Madagaskar"},{"id":454,"alpha2":"mw","alpha3":"mwi","name":"Malawi"},{"id":458,"alpha2":"my","alpha3":"mys","name":"Malaysia"},{"id":462,"alpha2":"mv","alpha3":"mdv","name":"Malediven"},{"id":466,"alpha2":"ml","alpha3":"mli","name":"Mali"},{"id":470,"alpha2":"mt","alpha3":"mlt","name":"Malta"},{"id":504,"alpha2":"ma","alpha3":"mar","name":"Marokko"},{"id":584,"alpha2":"mh","alpha3":"mhl","name":"Marshallinseln"},{"id":478,"alpha2":"mr","alpha3":"mrt","name":"Mauretanien"},{"id":480,"alpha2":"mu","alpha3":"mus","name":"Mauritius"},{"id":484,"alpha2":"mx","alpha3":"mex","name":"Mexiko"},{"id":583,"alpha2":"fm","alpha3":"fsm","name":"Mikronesien"},{"id":498,"alpha2":"md","alpha3":"mda","name":"Moldau"},{"id":492,"alpha2":"mc","alpha3":"mco","name":"Monaco"},{"id":496,"alpha2":"mn","alpha3":"mng","name":"Mongolei"},{"id":499,"alpha2":"me","alpha3":"mne","name":"Montenegro"},{"id":508,"alpha2":"mz","alpha3":"moz","name":"Mosambik"},{"id":104,"alpha2":"mm","alpha3":"mmr","name":"Myanmar"},{"id":516,"alpha2":"na","alpha3":"nam","name":"Namibia"},{"id":520,"alpha2":"nr","alpha3":"nru","name":"Nauru"},{"id":524,"alpha2":"np","alpha3":"npl","name":"Nepal"},{"id":554,"alpha2":"nz","alpha3":"nzl","name":"Neuseeland"},{"id":558,"alpha2":"ni","alpha3":"nic","name":"Nicaragua"},{"id":528,"alpha2":"nl","alpha3":"nld","name":"Niederlande"},{"id":562,"alpha2":"ne","alpha3":"ner","name":"Niger"},{"id":566,"alpha2":"ng","alpha3":"nga","name":"Nigeria"},{"id":807,"alpha2":"mk","alpha3":"mkd","name":"Nordmazedonien"},{"id":578,"alpha2":"no","alpha3":"nor","name":"Norwegen"},{"id":512,"alpha2":"om","alpha3":"omn","name":"Oman"},{"id":40,"alpha2":"at","alpha3":"aut","name":"Österreich"},{"id":626,"alpha2":"tl","alpha3":"tls","name":"Osttimor"},{"id":586,"alpha2":"pk","alpha3":"pak","name":"Pakistan"},{"id":585,"alpha2":"pw","alpha3":"plw","name":"Palau"},{"id":591,"alpha2":"pa","alpha3":"pan","name":"Panama"},{"id":598,"alpha2":"pg","alpha3":"png","name":"Papua-Neuguinea"},{"id":600,"alpha2":"py","alpha3":"pry","name":"Paraguay"},{"id":604,"alpha2":"pe","alpha3":"per","name":"Peru"},{"id":608,"alpha2":"ph","alpha3":"phl","name":"Philippinen"},{"id":616,"alpha2":"pl","alpha3":"pol","name":"Polen"},{"id":620,"alpha2":"pt","alpha3":"prt","name":"Portugal"},{"id":646,"alpha2":"rw","alpha3":"rwa","name":"Ruanda"},{"id":642,"alpha2":"ro","alpha3":"rou","name":"Rumänien"},{"id":643,"alpha2":"ru","alpha3":"rus","name":"Russland"},{"id":90,"alpha2":"sb","alpha3":"slb","name":"Salomonen"},{"id":894,"alpha2":"zm","alpha3":"zmb","name":"Sambia"},{"id":882,"alpha2":"ws","alpha3":"wsm","name":"Samoa"},{"id":674,"alpha2":"sm","alpha3":"smr","name":"San Marino"},{"id":678,"alpha2":"st","alpha3":"stp","name":"São Tomé und Príncipe"},{"id":682,"alpha2":"sa","alpha3":"sau","name":"Saudi-Arabien"},{"id":752,"alpha2":"se","alpha3":"swe","name":"Schweden"},{"id":756,"alpha2":"ch","alpha3":"che","name":"Schweiz"},{"id":686,"alpha2":"sn","alpha3":"sen","name":"Senegal"},{"id":688,"alpha2":"rs","alpha3":"srb","name":"Serbien"},{"id":690,"alpha2":"sc","alpha3":"syc","name":"Seychellen"},{"id":694,"alpha2":"sl","alpha3":"sle","name":"Sierra Leone"},{"id":716,"alpha2":"zw","alpha3":"zwe","name":"Simbabwe"},{"id":702,"alpha2":"sg","alpha3":"sgp","name":"Singapur"},{"id":703,"alpha2":"sk","alpha3":"svk","name":"Slowakei"},{"id":705,"alpha2":"si","alpha3":"svn","name":"Slowenien"},{"id":706,"alpha2":"so","alpha3":"som","name":"Somalia"},{"id":724,"alpha2":"es","alpha3":"esp","name":"Spanien"},{"id":144,"alpha2":"lk","alpha3":"lka","name":"Sri Lanka"},{"id":659,"alpha2":"kn","alpha3":"kna","name":"St. Kitts und Nevis"},{"id":662,"alpha2":"lc","alpha3":"lca","name":"St. Lucia"},{"id":670,"alpha2":"vc","alpha3":"vct","name":"St. Vincent und die Grenadinen"},{"id":710,"alpha2":"za","alpha3":"zaf","name":"Südafrika"},{"id":729,"alpha2":"sd","alpha3":"sdn","name":"Sudan"},{"id":728,"alpha2":"ss","alpha3":"ssd","name":"Südsudan"},{"id":740,"alpha2":"sr","alpha3":"sur","name":"Suriname"},{"id":760,"alpha2":"sy","alpha3":"syr","name":"Syrien"},{"id":762,"alpha2":"tj","alpha3":"tjk","name":"Tadschikistan"},{"id":834,"alpha2":"tz","alpha3":"tza","name":"Tansania"},{"id":764,"alpha2":"th","alpha3":"tha","name":"Thailand"},{"id":768,"alpha2":"tg","alpha3":"tgo","name":"Togo"},{"id":776,"alpha2":"to","alpha3":"ton","name":"Tonga"},{"id":780,"alpha2":"tt","alpha3":"tto","name":"Trinidad und Tobago"},{"id":148,"alpha2":"td","alpha3":"tcd","name":"Tschad"},{"id":203,"alpha2":"cz","alpha3":"cze","name":"Tschechien"},{"id":788,"alpha2":"tn","alpha3":"tun","name":"Tunesien"},{"id":792,"alpha2":"tr","alpha3":"tur","name":"Türkei"},{"id":795,"alpha2":"tm","alpha3":"tkm","name":"Turkmenistan"},{"id":798,"alpha2":"tv","alpha3":"tuv","name":"Tuvalu"},{"id":800,"alpha2":"ug","alpha3":"uga","name":"Uganda"},{"id":804,"alpha2":"ua","alpha3":"ukr","name":"Ukraine"},{"id":348,"alpha2":"hu","alpha3":"hun","name":"Ungarn"},{"id":858,"alpha2":"uy","alpha3":"ury","name":"Uruguay"},{"id":860,"alpha2":"uz","alpha3":"uzb","name":"Usbekistan"},{"id":548,"alpha2":"vu","alpha3":"vut","name":"Vanuatu"},{"id":862,"alpha2":"ve","alpha3":"ven","name":"Venezuela"},{"id":784,"alpha2":"ae","alpha3":"are","name":"Vereinigte Arabische Emirate"},{"id":840,"alpha2":"us","alpha3":"usa","name":"Vereinigte Staaten"},{"id":826,"alpha2":"gb","alpha3":"gbr","name":"Vereinigtes Königreich"},{"id":704,"alpha2":"vn","alpha3":"vnm","name":"Vietnam"},{"id":140,"alpha2":"cf","alpha3":"caf","name":"Zentralafrikanische Republik"},{"id":196,"alpha2":"cy","alpha3":"cyp","name":"Zypern"}]`),rf=[...nf.map(e=>({label:e.name,value:e.alpha2}))],af=[...nf.map(e=>e.name)],of=e=>(0,J.jsxs)(`div`,{className:`grid gap-4`,children:[(0,J.jsx)(M,{...e,_hint:Dd,_label:`Label`,_suggestions:af,_value:`Deutschland`}),(0,J.jsx)(M,{...e,_label:`Disabled`,_suggestions:af,_value:`Deutschland`,_disabled:!0}),(0,J.jsx)(M,{...e,_suggestions:af,_msg:{_type:`error`,_description:Y},_touched:!0,_label:`Label`,_placeholder:`Placeholder`,_required:!0}),(0,J.jsx)(M,{...e,_label:`With access key`,_suggestions:af,_value:`Deutschland`,_accessKey:`c`}),(0,J.jsx)(M,{...e,_label:`With short key`,_suggestions:af,_value:`Deutschland`,_shortKey:`s`})]}),sf=e=>(0,J.jsxs)(tf,{children:[(0,J.jsxs)(`fieldset`,{children:[(0,J.jsx)(`legend`,{children:`Text`}),(0,J.jsx)(of,{...e})]}),(0,J.jsxs)(`fieldset`,{children:[(0,J.jsx)(`legend`,{children:`Text (hideLabel)`}),(0,J.jsx)(of,{...e,_hideLabel:!0})]})]}),cf=()=>(0,J.jsxs)(J.Fragment,{children:[(0,J.jsx)(X,{children:(0,J.jsx)(`p`,{children:`KolCombobox combines a text input with a suggestion list, enabling users to either type in a value or to select on of the suggestions.`})}),(0,J.jsx)(ef,{RefComponent:sf,showButtons:!1})]}),lf=e=>{console.log(`${e.type} (Native Event)`,e)},uf=e=>{console.log(`${e.type} (Callback Event)`,e)},df=()=>(0,J.jsxs)(J.Fragment,{children:[(0,J.jsx)(X,{children:(0,J.jsx)(`p`,{children:`A HTML only KolCombobox.`})}),(0,J.jsx)(M,{_label:`With string array in html`,_suggestions:`['Herr','Frau','Firma']`,_value:`Herr`,_on:{onBlur:uf,onChange:uf,onClick:uf,onFocus:uf,onInput:uf,onKeyDown:uf},onBlur:lf,onChange:lf,onClick:lf,onFocus:lf,onInput:lf,onKeyDown:lf})]}),ff=({show:e})=>e?(0,J.jsx)(`div`,{className:`loading-overlay`,children:(0,J.jsx)(De,{_label:`loading`,_show:e,_variant:`cycle`,style:{backgroundColor:`transparent`}})}):null,pf={combobox:{basic:cf,html:df,"lazy-loaded":()=>{let[e,t]=(0,d.useState)([]),[n,r]=(0,d.useState)(!1);function i(){e.length>0||(r(!0),setTimeout(()=>{t(af),r(!1)},5e3))}return(0,J.jsxs)(J.Fragment,{children:[(0,J.jsx)(X,{children:(0,J.jsx)(`p`,{children:`This combobox loads its list of countries 5 seconds after the first input of the user to simulate a call to the server.`})}),(0,J.jsxs)(`section`,{className:`w-full relative p-3`,children:[(0,J.jsx)(M,{_label:`Lazy loaded countries`,_suggestions:e,onInput:()=>i()}),(0,J.jsx)(ff,{show:n})]})]})}}},mf={details:{basic:()=>(0,J.jsxs)(J.Fragment,{children:[(0,J.jsx)(X,{children:(0,J.jsxs)(`p`,{children:[`KolDetails hides its content until opened. The open state can be toggled either by clicking the label or by setting the `,(0,J.jsx)(`code`,{children:`_open`}),`-prop programmatically. The sample includes an initially open state and a disabled but open Details component.`]})}),(0,J.jsxs)(`section`,{className:`grid gap-4`,children:[(0,J.jsx)(re,{_label:`Closed initially`,children:(0,J.jsx)(`p`,{children:`Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt.`})}),(0,J.jsx)(re,{_disabled:!0,_label:`Open initially (disabled)`,_open:!0,children:(0,J.jsx)(`p`,{children:`Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt.`})}),(0,J.jsx)(re,{_label:`Open initially`,_open:!0,children:(0,J.jsx)(`p`,{children:`Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt.`})})]})]})}},hf=()=>{let[e]=Hr(),t=e.get(`show-dialog`),n=(0,d.useRef)(null),r=(0,d.useRef)(null),i={onClick:()=>n.current?.openModal()},a={onClick:()=>r.current?.openModal()};return(0,d.useEffect)(()=>{t===`true`&&(n.current?.openModal(),r.current?.openModal())},[]),(0,J.jsxs)(J.Fragment,{children:[(0,J.jsx)(X,{children:(0,J.jsxs)(`p`,{children:[`KolDialog supports the variants `,(0,J.jsx)(`code`,{children:`blank`}),` and `,(0,J.jsx)(`code`,{children:`card`}),`. The card variant includes a `,(0,J.jsx)(`code`,{children:`KolCard`}),` container and a closer button.`]})}),(0,J.jsxs)(`div`,{className:`grid gap-8`,children:[(0,J.jsxs)(`div`,{children:[(0,J.jsx)(k,{_label:`Open blank dialog`,_on:i}),(0,J.jsx)(ie,{ref:n,_label:`Blank dialog`,_variant:`blank`,_width:`40%`,children:(0,J.jsxs)(`div`,{className:`bg-white p-4 rounded shadow`,children:[(0,J.jsx)(`p`,{className:`mt-0`,children:`You must add styling and a close button yourself.`}),(0,J.jsx)(k,{_label:`Open card dialog`,className:`mr`,_on:a}),(0,J.jsx)(k,{_label:`Close`,_on:{onClick:()=>n.current?.closeModal()}})]})})]}),(0,J.jsxs)(`div`,{children:[(0,J.jsx)(k,{_label:`Open card dialog`,_on:a}),(0,J.jsx)(ie,{ref:r,_label:`Card dialog`,_variant:`card`,_width:`30%`,children:(0,J.jsx)(`p`,{className:`mt-0`,children:`This variant wraps content inside a KolCard.`})})]})]})]})},gf={dialog:{basic:hf,"with-alert":()=>{let e=(0,d.useRef)(null),[t,n]=(0,d.useState)([]),[r,i]=(0,d.useState)(!0),a=e=>n(t=>[...t,`${new Date().toLocaleTimeString()} – ${e}`]);return(0,J.jsxs)(J.Fragment,{children:[(0,J.jsxs)(X,{children:[(0,J.jsxs)(`p`,{children:[`Closing the `,(0,J.jsx)(`strong`,{children:`KolAlert`}),` inside the dialog must `,(0,J.jsx)(`em`,{children:`not`}),` trigger the dialog's `,(0,J.jsx)(`code`,{children:`onClose`}),` callback. Only closing the dialog itself (via the card closer or `,(0,J.jsx)(`code`,{children:`close()`}),`) should fire that callback.`]}),(0,J.jsxs)(`p`,{children:[`Watch the event log below: after clicking the alert closer you should see `,(0,J.jsx)(`em`,{children:`only`}),` "Alert onClose fired", not "Dialog onClose fired".`]})]}),(0,J.jsxs)(`div`,{className:`grid gap-4`,children:[(0,J.jsxs)(`div`,{children:[(0,J.jsx)(k,{_label:`Open dialog with alert`,_on:{onClick:()=>{i(!0),e.current?.showModal()}}}),(0,J.jsx)(ie,{ref:e,_label:`Dialog with KolAlert inside`,_variant:`card`,_width:`40%`,_on:{onClose:()=>{a(`Dialog onClose fired`)}},children:(0,J.jsxs)(`div`,{className:`p-4`,children:[r&&(0,J.jsx)(D,{_label:`Closeable alert`,_type:`info`,_variant:`card`,_hasCloser:!0,_on:{onClose:()=>{a(`Alert onClose fired`),i(!1)}},children:`Close this alert – the dialog must stay open and its onClose must NOT fire.`}),!r&&(0,J.jsx)(`p`,{children:`Alert was closed. The dialog is still open – correct behaviour!`})]})})]}),t.length>0&&(0,J.jsxs)(`div`,{children:[(0,J.jsx)(`strong`,{children:`Event log:`}),(0,J.jsx)(`ul`,{children:t.map((e,t)=>(0,J.jsx)(`li`,{children:e},t))})]})]})]})}}},_f=[`left`,`top`,`right`,`bottom`].map(e=>({label:e,value:e})),vf=({value:e=`left`,onChange:t})=>(0,J.jsx)(`div`,{className:`grid gap-4`,children:(0,J.jsx)(`div`,{className:`container my-4 d-grid gap-4`,children:(0,J.jsx)(pe,{_label:`Drawer alignment`,_value:e,_options:_f,_orientation:`horizontal`,_on:{onChange:t}})})}),yf={drawer:{basic:()=>{let[e]=Hr(),t=e.get(`align`),n=e.get(`closer`)===`true`,r=(0,d.useRef)(null),[i,a]=(0,d.useState)(t||`left`),[o,s]=(0,d.useState)(n);return(0,d.useEffect)(()=>{t&&r.current?.showModal()},[t]),(0,J.jsxs)(J.Fragment,{children:[(0,J.jsx)(X,{children:(0,J.jsx)(`p`,{children:`KolDrawer shows a dialog attached to one of the sides of the viewport, when opened. This sample illustrates the four alignments.`})}),(0,J.jsx)(vf,{value:i,onChange:(e,t)=>a(t)}),(0,J.jsx)(F,{_label:`Drawer has closer`,className:`mb-4`,_checked:o,_on:{onInput:(e,t)=>{s(t===!0)}}}),(0,J.jsxs)(`div`,{className:`flex flex-wrap gap-4`,children:[(0,J.jsx)(ae,{ref:r,_label:`I am a drawer`,_align:i,_hasCloser:o,_on:{onClose:()=>console.log(`Drawer onClose triggered!`),onToggle:e=>console.log(`Drawer onToggle triggered!`,e)},children:(0,J.jsxs)(`div`,{className:i===`left`||i===`right`?`drawer-content-vertical`:``,children:[(0,J.jsx)(`p`,{className:`mt-0`,children:`Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.`}),(0,J.jsx)(k,{_label:`Close drawer`,_on:{onClick:()=>r.current?.close()}})]})}),(0,J.jsx)(k,{_label:`Open drawer`,_on:{onClick:()=>r.current?.showModal()}})]})]})},controlled:()=>{let[e]=Hr(),t=e.get(`align`),[n,r]=(0,d.useState)(!1),[i,a]=(0,d.useState)(t||`left`);return(0,J.jsxs)(`div`,{children:[(0,J.jsx)(X,{children:(0,J.jsxs)(`p`,{children:[`This sample shows the KolDrawer controlled by the property `,(0,J.jsx)(`code`,{children:`_open`}),` instead of methods.`]})}),(0,J.jsx)(vf,{value:i,onChange:(e,t)=>a(t)}),(0,J.jsxs)(`div`,{className:`flex flex-wrap gap-4`,children:[(0,J.jsx)(ae,{_open:n,_align:i,_label:`I'm a controlled drawer`,_on:{onClose:()=>r(!1)},children:(0,J.jsxs)(`div`,{children:[(0,J.jsx)(`p`,{children:`Lorem ipsum dolor sit amet,`}),(0,J.jsx)(k,{_label:`Close drawer`,_on:{onClick:()=>r(!1)}})]})}),(0,J.jsx)(k,{_label:`Open drawer`,_on:{onClick:()=>r(!0)}})]})]})},scrolled:()=>{let e=(0,d.useRef)(null),[t,n]=(0,d.useState)(`bottom`),[r,i]=(0,d.useState)(!0);return(0,J.jsxs)(J.Fragment,{children:[(0,J.jsx)(X,{children:(0,J.jsx)(`p`,{children:`This sample demonstrates how KolDrawer handles content that exceeds the drawer dimensions and shows the correct way to handle overflow. Use the "Enable Overflow Handling" toggle to see the difference between problematic behavior (content exceeding drawer bounds) and the proper solution (overflow handling within the slot content).`})}),(0,J.jsxs)(`div`,{className:`flex flex-col gap-4 mb-4`,children:[(0,J.jsx)(vf,{value:t,onChange:(e,t)=>n(t)}),(0,J.jsx)(F,{_label:`Enable Overflow Handling (Recommended)`,_checked:r,_on:{onChange:(e,t)=>i(!!t)}})]}),(0,J.jsxs)(`div`,{className:`flex flex-wrap gap-4`,children:[(0,J.jsx)(ae,{ref:e,_label:`Scrollable Drawer`,_align:t,children:r?(0,J.jsx)(`div`,{style:{width:t===`left`||t===`right`?`90vw`:void 0,height:t===`top`||t===`bottom`?`90vh`:void 0,overflow:`auto`,padding:`0`,border:`1px solid #999`},children:(0,J.jsxs)(`div`,{style:{width:t===`left`||t===`right`?`150vw`:void 0,height:t===`top`||t===`bottom`?`150vh`:void 0,background:`linear-gradient(45deg, #f0f0f0 25%, transparent 25%), linear-gradient(-45deg, #f0f0f0 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #f0f0f0 75%), linear-gradient(-45deg, transparent 75%, #f0f0f0 75%)`,backgroundSize:`20px 20px`,backgroundPosition:`0 0, 0 10px, 10px -10px, -10px 0px`,border:`2px dashed #ccc`,padding:`20px`,display:`flex`,flexDirection:`column`,gap:`20px`},children:[(0,J.jsx)(`p`,{children:`✅ Content with proper overflow handling - scrollable within drawer bounds`}),(0,J.jsxs)(`div`,{children:[(0,J.jsx)(`h3`,{children:`Large Content Area (Scrollable)`}),(0,J.jsxs)(`p`,{children:[`Container: `,t===`left`||t===`right`?`400px wide`:`90vw wide`,` ×`,` `,t===`top`||t===`bottom`?`90vh high`:`400px high`]}),(0,J.jsxs)(`p`,{children:[`Content: `,t===`left`||t===`right`?`150vw wide`:`400px wide`,` ×`,` `,t===`top`||t===`bottom`?`150vh high`:`400px high`]}),(0,J.jsxs)(`p`,{children:[(0,J.jsx)(`strong`,{children:`Overflow Handling:`}),` Enabled - Container has fixed size with overflow: auto`]}),(0,J.jsx)(`p`,{children:`Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.`}),(0,J.jsx)(`p`,{children:`With overflow handling enabled, this content scrolls properly within the drawer container. You can scroll horizontally/vertically to see all content.`}),(0,J.jsx)(`div`,{style:{marginTop:`auto`,paddingTop:`40px`},children:(0,J.jsx)(k,{_label:`Close drawer`,_on:{onClick:()=>e.current?.close()}})})]})]})}):(0,J.jsxs)(`div`,{style:{width:t===`left`||t===`right`?`150vw`:`400px`,height:t===`top`||t===`bottom`?`150vh`:`400px`,background:`linear-gradient(45deg, #f0f0f0 25%, transparent 25%), linear-gradient(-45deg, #f0f0f0 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #f0f0f0 75%), linear-gradient(-45deg, transparent 75%, #f0f0f0 75%)`,backgroundSize:`20px 20px`,backgroundPosition:`0 0, 0 10px, 10px -10px, -10px 0px`,border:`2px dashed #ccc`,padding:`20px`,display:`flex`,flexDirection:`column`,gap:`20px`},children:[(0,J.jsx)(`p`,{children:`❌ Content exceeding drawer bounds - problematic behavior`}),(0,J.jsxs)(`div`,{children:[(0,J.jsx)(`h3`,{children:`Large Content Area`}),(0,J.jsxs)(`p`,{children:[`Width: `,t===`left`||t===`right`?`150vw (exceeds drawer width)`:`400px`]}),(0,J.jsxs)(`p`,{children:[`Height: `,t===`top`||t===`bottom`?`150vh (exceeds drawer height)`:`400px`]}),(0,J.jsxs)(`p`,{children:[(0,J.jsx)(`strong`,{children:`Overflow Handling:`}),` Disabled - Content extends beyond drawer boundaries`]}),(0,J.jsx)(`p`,{children:`Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.`}),(0,J.jsx)(`p`,{children:`Without overflow handling, this content may extend beyond the drawer boundaries, causing layout issues.`}),(0,J.jsx)(`div`,{style:{marginTop:`auto`,paddingTop:`40px`},children:(0,J.jsx)(k,{_label:`Close drawer`,_on:{onClick:()=>e.current?.close()}})})]})]})}),(0,J.jsx)(k,{_label:`Open scrollable drawer`,_on:{onClick:()=>e.current?.open()}})]})]})},"big-content":()=>{let e=(0,d.useRef)(null),[t,n]=(0,d.useState)(`bottom`);return(0,J.jsxs)(J.Fragment,{children:[(0,J.jsx)(X,{children:(0,J.jsx)(`p`,{children:`This sample demonstrates how KolDrawer handles content that exceeds the drawer dimensions.`})}),(0,J.jsx)(`div`,{className:`flex flex-col gap-4 mb-4`,children:(0,J.jsx)(vf,{value:t,onChange:(e,t)=>n(t)})}),(0,J.jsxs)(`div`,{className:`flex flex-wrap gap-4`,children:[(0,J.jsx)(ae,{ref:e,_label:`Scrollable Drawer`,_align:t,children:(0,J.jsxs)(`div`,{style:{width:t===`left`||t===`right`?`20vw`:void 0,height:t===`top`||t===`bottom`?`20vh`:void 0},children:[(0,J.jsx)(`h3`,{children:`Large Content Area (Scrollable)`}),(0,J.jsx)(`p`,{children:`Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.`}),(0,J.jsx)(`p`,{children:`Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.`}),(0,J.jsx)(`p`,{children:`Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.`}),(0,J.jsx)(`p`,{children:`Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.`}),(0,J.jsx)(`p`,{children:`Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.`}),(0,J.jsx)(`p`,{children:`Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.`}),(0,J.jsx)(`p`,{children:`Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.`}),(0,J.jsx)(`p`,{children:`Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.`}),(0,J.jsx)(`div`,{style:{marginTop:`auto`,paddingTop:`40px`},children:(0,J.jsx)(k,{_label:`Close drawer`,_on:{onClick:()=>e.current?.close()}})})]})}),(0,J.jsx)(k,{_label:`Open scrollable drawer`,_on:{onClick:()=>e.current?.open()}})]})]})}}},bf={form:{basic:()=>(0,J.jsxs)(J.Fragment,{children:[(0,J.jsx)(X,{children:(0,J.jsx)(`p`,{children:`KolForm renders a form around the input components provided in a slot. This sample shows a basic form with three input fields and a submit button.`})}),(0,J.jsx)(oe,{className:`w-full`,_on:{onSubmit:e=>console.log(`submitted:`,e)},children:(0,J.jsxs)(`div`,{className:`grid gap-2`,children:[(0,J.jsx)(L,{id:`input1`,_label:`Input 1`}),(0,J.jsx)(L,{id:`input2`,_label:`Input 2`}),(0,J.jsx)(L,{id:`input3`,_label:`Input 3`}),(0,J.jsx)(k,{_label:`Submit`,_variant:`primary`,_type:`submit`})]})})]}),"error-list":()=>{let e=(0,d.useRef)(null);return(0,d.useEffect)(()=>{e.current?.focusErrorList()},[]),(0,J.jsxs)(J.Fragment,{children:[(0,J.jsx)(X,{children:(0,J.jsx)(`p`,{children:`This sample shows a form with error messages.`})}),(0,J.jsx)(oe,{className:`w-full`,ref:e,_on:{onSubmit:()=>{e.current?.focusErrorList()}},_errorList:[{message:`Error in Input 2 (default scroll behaviour)`,selector:`#input2`},{message:`Error in Input 3 (no scrolling, just alert)`,selector:()=>alert(`Error in Input 3`)},{message:`Error in Input 4 (custom scroll behaviour)`,selector:`#input4`,options:{behavior:`instant`,block:`start`,afterFocus:()=>console.log(`after Focus Input 4`)}}],children:(0,J.jsxs)(`div`,{className:`grid gap-250`,children:[(0,J.jsx)(L,{id:`input1`,_label:`Input 1`}),(0,J.jsx)(L,{id:`input2`,_label:`Input 2`,_touched:!0,_msg:{_description:`Input error`,_type:`error`}}),(0,J.jsx)(L,{id:`input3`,_label:`Input 3`,_touched:!0,_msg:{_description:`Input error`,_type:`error`}}),(0,J.jsx)(L,{id:`input4`,_label:`Input 4`,_touched:!0,_msg:{_description:`Input error`,_type:`error`}}),(0,J.jsx)(`div`,{children:(0,J.jsx)(k,{_label:`ScrollTo`,_type:`submit`})})]})})]})}}},xf=new WeakMap,Sf=e=>(xf.has(e)===!1&&xf.set(e,(0,Ve.createRoot)(e)),xf.get(e)),Cf={name:`Unstyled (Uncolored)`,key:`unstyled`},wf=[{name:`Default`,key:`default`},{name:`BWSt (v4)`,key:`bwst`},{name:`European Commission (v4)`,key:`ecl-ec`},{name:`European Union (in progress)`,key:`ecl-eu`},{name:`KERN-UX Standard (v2)`,key:`kern-v2`},{name:`Zoll Design System (v11)`,key:`desy-v11`}],Tf=`public-ui.v${md.version}`,Ef=class{store=new Map;setItem(e,t){this.store.set(e,t)}getItem(e){return this.store.get(e)||null}},Df={darkMode:!1,theme:`default`,registeredThemes:[]},Of;function kf(e){Of=e;let t=Of.getItem(Tf);try{let e=JSON.parse(t);typeof e==`object`&&e&&(Df.darkMode=e.darkMode===!0,typeof e.theme==`string`&&e.theme.length>0&&(Df.theme=e.theme))}catch{}}kf(new Ef);var Af=()=>{Of.setItem(Tf,JSON.stringify(Df))},jf=e=>{Df.registeredThemes=e,Mf(Df.theme)||(Df.theme=Df.nextTheme??e[1]?.key??Cf.key,delete Df.nextTheme),Af()},Mf=e=>Df.registeredThemes.findIndex(t=>t.key===e)!==-1||e===Cf.key,Nf=e=>{if(Mf(e))Df.theme=e;else if(e)Df.nextTheme=e;else throw Error(`The theme identifier "${e}" is not valid or an available option.`);Af()},Pf=()=>Df.theme??Cf.key,Ff=e=>{if(Df.registeredThemes.length===0)return e;if(Mf(e))return Df.registeredThemes.find(t=>t.key===e)?.name;throw Error(`The theme identifier "${e}" is not valid or an available option.`)},If=e=>{Df.customThemes=e},Lf=()=>Df.customThemes,Rf=[{monday:`Alex`,tuesday:`Anna`,wednesday:`Amalia`,thursday:`Arthur`,friday:`Alex`,saturday:`Andrea`,sunday:`Arnold`},{monday:`Helena`,tuesday:`Fabian`,wednesday:`Marie`,thursday:`Ben`,friday:`Marcus`,saturday:`Alex`,sunday:`Marcus`},{monday:`Fabian`,tuesday:`Helena`,wednesday:`Fabian`,thursday:`Maya`,friday:`Ben`,saturday:`Alex`,sunday:`Helena`},{monday:`Hong`,tuesday:`Alex`,wednesday:`Kevin`,thursday:`Maya`,friday:`Fabian`,saturday:`Helena`,sunday:`Alex`},{monday:`Hong`,tuesday:`Alex`,wednesday:`Kevin`,thursday:`Maya`,friday:`Fabian`,saturday:`Helena`,sunday:`Alex`},{monday:`Hong`,tuesday:`Alex`,wednesday:`Kevin`,thursday:`Maya`,friday:`Fabian`,saturday:`Helena`,sunday:`Alex`},{monday:`Hong`,tuesday:`Alex`,wednesday:`Kevin`,thursday:`Maya`,friday:`Fabian`,saturday:`Helena`,sunday:`Alex`},{monday:`Hong`,tuesday:`Alex`,wednesday:`Kevin`,thursday:`Maya`,friday:`Fabian`,saturday:`Helena`,sunday:`Alex`},{monday:`Hong`,tuesday:`Alex`,wednesday:`Kevin`,thursday:`Maya`,friday:`Fabian`,saturday:`Helena`,sunday:`Alex`},{monday:`Samuel`,tuesday:`Selena`,wednesday:`Sandra`,thursday:`Salim`,friday:`Robert`,saturday:`Richard`,sunday:`Pamela`},{monday:`Samuel`,tuesday:`Selena`,wednesday:`Sandra`,thursday:`Salim`,friday:`Robert`,saturday:`Richard`,sunday:`Pamela`},{monday:`Finn`,tuesday:`Roger`,wednesday:`Christian`,thursday:`Caspar`,friday:`David`,saturday:`Bernard`,sunday:`Anna`},{monday:`Alex`,tuesday:`Anna`,wednesday:`Amalia`,thursday:`Arthur`,friday:`Alex`,saturday:`Andrea`,sunday:`Arnold`},{monday:`Helena`,tuesday:`Fabian`,wednesday:`Marie`,thursday:`Ben`,friday:`Marcus`,saturday:`Alex`,sunday:`Marcus`},{monday:`Fabian`,tuesday:`Helena`,wednesday:`Fabian`,thursday:`Maya`,friday:`Ben`,saturday:`Alex`,sunday:`Helena`},{monday:`Hong`,tuesday:`Alex`,wednesday:`Kevin`,thursday:`Maya`,friday:`Fabian`,saturday:`Helena`,sunday:`Alex`},{monday:`Hong`,tuesday:`Alex`,wednesday:`Kevin`,thursday:`Maya`,friday:`Fabian`,saturday:`Helena`,sunday:`Alex`},{monday:`Hong`,tuesday:`Alex`,wednesday:`Kevin`,thursday:`Maya`,friday:`Fabian`,saturday:`Helena`,sunday:`Alex`},{monday:`Hong`,tuesday:`Alex`,wednesday:`Kevin`,thursday:`Maya`,friday:`Fabian`,saturday:`Helena`,sunday:`Alex`},{monday:`Hong`,tuesday:`Alex`,wednesday:`Kevin`,thursday:`Maya`,friday:`Fabian`,saturday:`Helena`,sunday:`Alex`},{monday:`Hong`,tuesday:`Alex`,wednesday:`Kevin`,thursday:`Maya`,friday:`Fabian`,saturday:`Helena`,sunday:`Alex`},{monday:`Samuel`,tuesday:`Selena`,wednesday:`Sandra`,thursday:`Salim`,friday:`Robert`,saturday:`Richard`,sunday:`Pamela`},{monday:`Samuel`,tuesday:`Selena`,wednesday:`Sandra`,thursday:`Salim`,friday:`Robert`,saturday:`Richard`,sunday:`Pamela`},{monday:`Finn`,tuesday:`Roger`,wednesday:`Christian`,thursday:`Caspar`,friday:`David`,saturday:`Bernard`,sunday:`Anna`},{monday:`Alex`,tuesday:`Anna`,wednesday:`Amalia`,thursday:`Arthur`,friday:`Alex`,saturday:`Andrea`,sunday:`Arnold`},{monday:`Helena`,tuesday:`Fabian`,wednesday:`Marie`,thursday:`Ben`,friday:`Marcus`,saturday:`Alex`,sunday:`Marcus`},{monday:`Fabian`,tuesday:`Helena`,wednesday:`Fabian`,thursday:`Maya`,friday:`Ben`,saturday:`Alex`,sunday:`Helena`},{monday:`Hong`,tuesday:`Alex`,wednesday:`Kevin`,thursday:`Maya`,friday:`Fabian`,saturday:`Helena`,sunday:`Alex`},{monday:`Hong`,tuesday:`Alex`,wednesday:`Kevin`,thursday:`Maya`,friday:`Fabian`,saturday:`Helena`,sunday:`Alex`},{monday:`Hong`,tuesday:`Alex`,wednesday:`Kevin`,thursday:`Maya`,friday:`Fabian`,saturday:`Helena`,sunday:`Alex`},{monday:`Hong`,tuesday:`Alex`,wednesday:`Kevin`,thursday:`Maya`,friday:`Fabian`,saturday:`Helena`,sunday:`Alex`},{monday:`Hong`,tuesday:`Alex`,wednesday:`Kevin`,thursday:`Maya`,friday:`Fabian`,saturday:`Helena`,sunday:`Alex`},{monday:`Hong`,tuesday:`Alex`,wednesday:`Kevin`,thursday:`Maya`,friday:`Fabian`,saturday:`Helena`,sunday:`Alex`},{monday:`Samuel`,tuesday:`Selena`,wednesday:`Sandra`,thursday:`Salim`,friday:`Robert`,saturday:`Richard`,sunday:`Pamela`},{monday:`Samuel`,tuesday:`Selena`,wednesday:`Sandra`,thursday:`Salim`,friday:`Robert`,saturday:`Richard`,sunday:`Pamela`},{monday:`Finn`,tuesday:`Roger`,wednesday:`Christian`,thursday:`Caspar`,friday:`David`,saturday:`Bernard`,sunday:`Anna`},{monday:`Alex`,tuesday:`Anna`,wednesday:`Amalia`,thursday:`Arthur`,friday:`Alex`,saturday:`Andrea`,sunday:`Arnold`},{monday:`Helena`,tuesday:`Fabian`,wednesday:`Marie`,thursday:`Ben`,friday:`Marcus`,saturday:`Alex`,sunday:`Marcus`},{monday:`Fabian`,tuesday:`Helena`,wednesday:`Fabian`,thursday:`Maya`,friday:`Ben`,saturday:`Alex`,sunday:`Helena`},{monday:`Hong`,tuesday:`Alex`,wednesday:`Kevin`,thursday:`Maya`,friday:`Fabian`,saturday:`Helena`,sunday:`Alex`},{monday:`Hong`,tuesday:`Alex`,wednesday:`Kevin`,thursday:`Maya`,friday:`Fabian`,saturday:`Helena`,sunday:`Alex`},{monday:`Hong`,tuesday:`Alex`,wednesday:`Kevin`,thursday:`Maya`,friday:`Fabian`,saturday:`Helena`,sunday:`Alex`},{monday:`Hong`,tuesday:`Alex`,wednesday:`Kevin`,thursday:`Maya`,friday:`Fabian`,saturday:`Helena`,sunday:`Alex`},{monday:`Hong`,tuesday:`Alex`,wednesday:`Kevin`,thursday:`Maya`,friday:`Fabian`,saturday:`Helena`,sunday:`Alex`},{monday:`Hong`,tuesday:`Alex`,wednesday:`Kevin`,thursday:`Maya`,friday:`Fabian`,saturday:`Helena`,sunday:`Alex`},{monday:`Samuel`,tuesday:`Selena`,wednesday:`Sandra`,thursday:`Salim`,friday:`Robert`,saturday:`Richard`,sunday:`Pamela`},{monday:`Samuel`,tuesday:`Selena`,wednesday:`Sandra`,thursday:`Salim`,friday:`Robert`,saturday:`Richard`,sunday:`Pamela`},{monday:`Finn`,tuesday:`Roger`,wednesday:`Christian`,thursday:`Caspar`,friday:`David`,saturday:`Bernard`,sunday:`Anna`},{monday:`Alex`,tuesday:`Anna`,wednesday:`Amalia`,thursday:`Arthur`,friday:`Alex`,saturday:`Andrea`,sunday:`Arnold`},{monday:`Helena`,tuesday:`Fabian`,wednesday:`Marie`,thursday:`Ben`,friday:`Marcus`,saturday:`Alex`,sunday:`Marcus`},{monday:`Fabian`,tuesday:`Helena`,wednesday:`Fabian`,thursday:`Maya`,friday:`Ben`,saturday:`Alex`,sunday:`Helena`},{monday:`Hong`,tuesday:`Alex`,wednesday:`Kevin`,thursday:`Maya`,friday:`Fabian`,saturday:`Helena`,sunday:`Alex`},{monday:`Hong`,tuesday:`Alex`,wednesday:`Kevin`,thursday:`Maya`,friday:`Fabian`,saturday:`Helena`,sunday:`Alex`},{monday:`Hong`,tuesday:`Alex`,wednesday:`Kevin`,thursday:`Maya`,friday:`Fabian`,saturday:`Helena`,sunday:`Alex`},{monday:`Hong`,tuesday:`Alex`,wednesday:`Kevin`,thursday:`Maya`,friday:`Fabian`,saturday:`Helena`,sunday:`Alex`},{monday:`Hong`,tuesday:`Alex`,wednesday:`Kevin`,thursday:`Maya`,friday:`Fabian`,saturday:`Helena`,sunday:`Alex`},{monday:`Hong`,tuesday:`Alex`,wednesday:`Kevin`,thursday:`Maya`,friday:`Fabian`,saturday:`Helena`,sunday:`Alex`},{monday:`Samuel`,tuesday:`Selena`,wednesday:`Sandra`,thursday:`Salim`,friday:`Robert`,saturday:`Richard`,sunday:`Pamela`},{monday:`Samuel`,tuesday:`Selena`,wednesday:`Sandra`,thursday:`Salim`,friday:`Robert`,saturday:`Richard`,sunday:`Pamela`},{monday:`Finn`,tuesday:`Roger`,wednesday:`Christian`,thursday:`Caspar`,friday:`David`,saturday:`Bernard`,sunday:`Anna`}];function zf(e){let{dummyClickEventHandler:t}=zd(),n={onClick:t};return(0,J.jsx)(k,{...e,_on:n})}var Bf={horizontal:[[{label:`Workdays`,colSpan:5,width:500},{label:`Weekend`,colSpan:2,width:200}],[{key:`monday`,label:`Monday`,render:(e,t)=>{let{label:n}=t;Vf(e,(0,J.jsx)(zf,{_label:n,style:{fontSize:`75%`}}))},compareFn:(e,t)=>e.monday<t.monday?-1:+(e.monday>t.monday),sortDirection:`ASC`,textAlign:`right`,width:100},{key:`tuesday`,label:`Tuesday`,render:(e,t)=>{let{label:n}=t;Vf(e,(0,J.jsx)(O,{_color:`#060`,_label:n}))},compareFn:(e,t)=>e.tuesday<t.tuesday?-1:+(e.tuesday>t.tuesday),sortDirection:`DESC`,width:100},{key:`wednesday`,label:`Wednesday`,render:(e,t)=>{let{label:n}=t;Vf(e,(0,J.jsx)(O,{_color:`#006`,_label:n}))},width:110},{key:`thursday`,label:`Thursday`,render:(e,t)=>{let{label:n}=t;Vf(e,(0,J.jsx)(O,{_color:`#600`,_label:n}))},width:100},{key:`friday`,label:`Friday`,render:(e,t)=>{let{label:n}=t;Vf(e,(0,J.jsx)(O,{_color:`#303`,_label:n}))},width:100},{key:`saturday`,label:`Saturday`,render:(e,t)=>{let{label:n}=t;Vf(e,(0,J.jsx)(O,{_color:`#330`,_label:n}))},width:100},{key:`sunday`,label:`Sunday`,render:(e,t)=>{let{label:n}=t;Vf(e,(0,J.jsx)(O,{_color:`#033`,_label:n}))},width:100}]],vertical:[[{label:`Early`,width:100},{label:`Noon`,width:100},{label:`Evening`,width:100},{label:`Night`,width:100}]]},Vf=(e,t)=>{let n=document.createElement(`div`);n.setAttribute(`role`,`presentation`),e.innerHTML=``,e.appendChild(n),Sf(n).render(t)},Hf={handout:{basic:()=>{let{dummyClickEventHandler:e}=zd(),t={onClick:e};return(0,J.jsxs)(`div`,{className:`grid gap-4`,children:[(0,J.jsxs)(`div`,{className:`grid gap-4 md:grid-cols-[auto_1fr_1fr] items-center`,children:[(0,J.jsx)(he,{className:`block w-75px`,_labeled:!1}),(0,J.jsx)(N,{_label:``,_level:1,children:(0,J.jsxs)(`span`,{slot:`expert`,children:[`Kolibri-Handout `,(0,J.jsxs)(`small`,{children:[`for `,Ff(Pf())]})]})}),(0,J.jsxs)(re,{_label:`Abstract`,_open:!0,children:[`The handout shows a selection of KoliBri components in the style of `,(0,J.jsx)(`strong`,{children:Ff(Pf())}),`. Since KoliBri offers self-contained, accessible web components that can be customized to your own corporate design using theming, you don't have to develop these components yourself. For more information read our documentation and follow us (`,(0,J.jsx)(R,{_label:`https://github.com/public-ui/kolibri`,_href:`https://github.com/public-ui/kolibri`,_target:`_blank`}),`).`]})]}),(0,J.jsxs)(`div`,{className:`grid gap-4 sm:grid-cols-6 md:grid-cols-6 xl:grid-cols-12`,children:[(0,J.jsx)(j,{className:`col-span-6 sm:col-span-6 md:col-span-3 xl:col-span-2`,_label:`Heading`,_level:2,children:(0,J.jsxs)(`div`,{slot:``,className:`grid gap-2 p-2`,children:[(0,J.jsx)(N,{_label:`Heading Level 1`,_level:1}),(0,J.jsx)(N,{_label:`Heading Level 2`,_level:2}),(0,J.jsx)(N,{_label:`Heading Level 3`,_level:3}),(0,J.jsx)(N,{_label:`Heading Level 4`,_level:4}),(0,J.jsx)(N,{_label:`Heading Level 5`,_level:5}),(0,J.jsx)(N,{_label:`Heading Level 6`,_level:6}),(0,J.jsx)(N,{_label:`Heading Level 6`,_secondaryHeadline:`Lessons`,_level:6})]})}),(0,J.jsx)(j,{className:`col-span-6 sm:col-span-6 md:col-span-3 xl:col-span-2`,_label:`Abbreviation and Progress`,_level:2,children:(0,J.jsxs)(`div`,{slot:``,className:`grid gap-2 p-2`,children:[(0,J.jsxs)(`p`,{children:[`I am `,(0,J.jsx)(T,{_label:`as an example`,children:`e.g.`}),` an abbreviation.`]}),(0,J.jsxs)(`p`,{children:[`I am `,(0,J.jsx)(T,{children:`e.g.`}),` an abbreviation without label.`]}),(0,J.jsx)(xe,{_variant:`bar`,_max:100,_value:33,_label:`Progress`}),(0,J.jsx)(xe,{_variant:`cycle`,_max:100,_value:66,_label:`Progress`})]})}),(0,J.jsx)(j,{className:`col-span-6 sm:col-span-6 md:col-span-6 xl:col-span-3`,_label:`Button, LinkButton and Tab`,_level:2,children:(0,J.jsx)(`div`,{slot:``,className:`grid gap-2 p-2`,children:(0,J.jsxs)(Ae,{_label:``,_selected:0,_tabs:[{_label:`Button`},{_label:`LinkButton`},{_label:`Disabled Tab`,_disabled:!0}],children:[(0,J.jsxs)(`div`,{className:`grid gap-2 py-2`,children:[(0,J.jsxs)(`div`,{className:`grid gap-2 grid-cols-[4fr_4fr_1fr] justify-items-center`,children:[(0,J.jsx)(k,{_icons:{left:`kolicon-chevron-left`},_label:`primary`,_variant:`primary`,_on:t}),(0,J.jsx)(k,{_disabled:!0,_icons:{left:`kolicon-chevron-left`},_label:`primary`,_variant:`primary`,_on:t}),(0,J.jsx)(k,{_hideLabel:!0,_icons:`kolicon-chevron-left`,_label:`primary`,_variant:`primary`,_on:t})]}),(0,J.jsxs)(`div`,{className:`grid gap-2 grid-cols-[4fr_4fr_1fr] justify-items-center`,children:[(0,J.jsx)(k,{_icons:{right:`kolicon-chevron-right`},_label:`secondary`,_variant:`secondary`,_on:t}),(0,J.jsx)(k,{_disabled:!0,_icons:{right:`kolicon-chevron-right`},_label:`secondary`,_variant:`secondary`,_on:t}),(0,J.jsx)(k,{_hideLabel:!0,_icons:`kolicon-chevron-right`,_label:`secondary`,_variant:`secondary`,_on:t})]}),(0,J.jsxs)(`div`,{className:`grid gap-2 grid-cols-[4fr_4fr_1fr] justify-items-center`,children:[(0,J.jsx)(k,{_icons:{top:`kolicon-chevron-up`},_label:`danger`,_variant:`danger`,_on:t}),(0,J.jsx)(k,{_disabled:!0,_icons:{top:`kolicon-chevron-up`},_label:`danger`,_variant:`danger`,_on:t}),(0,J.jsx)(k,{_hideLabel:!0,_icons:`kolicon-chevron-up`,_label:`danger`,_variant:`danger`,_on:t})]}),(0,J.jsxs)(`div`,{className:`grid gap-2 grid-cols-[4fr_4fr_1fr] justify-items-center`,children:[(0,J.jsx)(k,{_icons:{bottom:`kolicon-chevron-down`},_label:`normal`,_variant:`normal`,_on:t}),(0,J.jsx)(k,{_disabled:!0,_icons:{bottom:`kolicon-chevron-down`},_label:`normal`,_variant:`normal`,_on:t}),(0,J.jsx)(k,{_hideLabel:!0,_icons:`kolicon-chevron-down`,_label:`normal`,_variant:`normal`,_on:t})]}),(0,J.jsxs)(`div`,{className:`grid gap-2 grid-cols-[4fr_4fr_1fr] justify-items-center`,children:[(0,J.jsx)(k,{_label:`ghost`,_variant:`ghost`}),(0,J.jsx)(k,{_disabled:!0,_label:`ghost`,_variant:`ghost`}),(0,J.jsx)(k,{_icons:`kolicon-house`,_hideLabel:!0,_label:`ghost`,_variant:`ghost`,_on:t})]})]}),(0,J.jsxs)(`div`,{className:`grid gap-2 py-2`,children:[(0,J.jsxs)(`div`,{className:`grid gap-2 grid-cols-[4fr_4fr_1fr] justify-items-center`,children:[(0,J.jsx)(ge,{_href:`#/back-page`,_icons:{left:`kolicon-chevron-left`},_label:`primary`,_variant:`primary`}),(0,J.jsx)(ge,{_href:`#/back-page`,_icons:{left:`kolicon-chevron-left`},_label:`primary`,_variant:`primary`}),(0,J.jsx)(ge,{_href:`#/back-page`,_hideLabel:!0,_icons:`kolicon-chevron-left`,_label:`primary`,_variant:`primary`})]}),(0,J.jsxs)(`div`,{className:`grid gap-2 grid-cols-[4fr_4fr_1fr] justify-items-center`,children:[(0,J.jsx)(ge,{_href:`#/back-page`,_icons:{right:`kolicon-chevron-right`},_label:`secondary`,_variant:`secondary`}),(0,J.jsx)(ge,{_href:`#/back-page`,_icons:{right:`kolicon-chevron-right`},_label:`secondary`,_variant:`secondary`}),(0,J.jsx)(ge,{_href:`#/back-page`,_hideLabel:!0,_icons:`kolicon-chevron-right`,_label:`secondary`,_variant:`secondary`})]}),(0,J.jsxs)(`div`,{className:`grid gap-2 grid-cols-[4fr_4fr_1fr] justify-items-center`,children:[(0,J.jsx)(ge,{_href:`#/back-page`,_icons:{top:`kolicon-chevron-up`},_label:`danger`,_variant:`danger`}),(0,J.jsx)(ge,{_href:`#/back-page`,_icons:{top:`kolicon-chevron-up`},_label:`danger`,_variant:`danger`}),(0,J.jsx)(ge,{_href:`#/back-page`,_hideLabel:!0,_icons:`kolicon-chevron-up`,_label:`danger`,_variant:`danger`})]}),(0,J.jsxs)(`div`,{className:`grid gap-2 grid-cols-[4fr_4fr_1fr] justify-items-center`,children:[(0,J.jsx)(ge,{_href:`#/back-page`,_icons:{bottom:`kolicon-chevron-down`},_label:`normal`,_variant:`normal`}),(0,J.jsx)(ge,{_href:`#/back-page`,_icons:{bottom:`kolicon-chevron-down`},_label:`normal`,_variant:`normal`}),(0,J.jsx)(ge,{_href:`#/back-page`,_hideLabel:!0,_icons:`kolicon-chevron-down`,_label:`normal`,_variant:`normal`})]}),(0,J.jsxs)(`div`,{className:`grid gap-2 grid-cols-[4fr_4fr_1fr] justify-items-center`,children:[(0,J.jsx)(ge,{_href:`#/back-page`,_label:`ghost`,_variant:`ghost`}),(0,J.jsx)(ge,{_href:`#/back-page`,_label:`ghost`,_variant:`ghost`}),(0,J.jsx)(ge,{_href:`#/back-page`,_icons:`kolicon-house`,_hideLabel:!0,_label:`ghost`,_variant:`ghost`})]})]})]})})}),(0,J.jsx)(j,{className:`col-span-6 sm:col-span-6 md:col-span-2 xl:col-span-2`,_label:`Accordion, Link and ButtonLink`,_level:2,children:(0,J.jsxs)(`div`,{slot:``,className:`grid gap-2 p-2`,children:[(0,J.jsx)(E,{_label:`Links`,_level:3,_open:!0,children:(0,J.jsxs)(`div`,{className:`grid gap-2`,slot:``,children:[(0,J.jsx)(R,{_href:`#/back-page`,_label:`Link text`}),(0,J.jsx)(R,{_href:`#/back-page`,_icons:`kolicon-house`,_label:`Link text with icon`}),(0,J.jsx)(R,{_href:`#/back-page`,_icons:`kolicon-house`,_hideLabel:!0,_label:`Link text with icon only`}),(0,J.jsx)(R,{_href:`/`,_label:`Visited link`}),(0,J.jsxs)(`p`,{children:[`I am a `,(0,J.jsx)(R,{_href:`#/back-page`,_label:`externer Link`,_target:`w3c`}),` in the running text.`]})]})}),(0,J.jsx)(E,{_label:`ButtonLinks`,_level:3,children:(0,J.jsxs)(`div`,{className:`grid gap-2`,slot:``,children:[(0,J.jsx)(A,{_label:`Link text`}),(0,J.jsx)(A,{_icons:`kolicon-house`,_label:`Link text with icon`}),(0,J.jsx)(A,{_icons:`kolicon-house`,_hideLabel:!0,_label:`Link text with icon only`}),(0,J.jsxs)(`p`,{children:[`I am a `,(0,J.jsx)(A,{_label:`Link`}),` in the running text.`]}),(0,J.jsx)(A,{_icons:{left:`kolicon-chevron-left`,right:`kolicon-chevron-right`,top:`kolicon-chevron-up`,bottom:`kolicon-chevron-down`},_label:`Icons`})]})})]})}),(0,J.jsx)(j,{className:`col-span-6 sm:col-span-6 md:col-span-4 xl:col-span-3`,_label:`Alert`,_level:2,children:(0,J.jsxs)(`div`,{slot:``,className:`grid gap-2 p-2`,children:[(0,J.jsx)(D,{_label:`Default message`,_type:`default`,children:`This is the text of the alert.`}),(0,J.jsx)(D,{_type:`success`,children:`Success message text`}),(0,J.jsx)(D,{_type:`error`,_hasCloser:!0,children:`This is a error message text.`}),(0,J.jsx)(D,{_label:`Info card`,_type:`info`,_variant:`card`,children:`This is the text of the alert.`}),(0,J.jsx)(D,{_label:`Warning card`,_type:`warning`,_hasCloser:!0,_variant:`card`,children:`This is the text of the alert.`})]})}),(0,J.jsx)(j,{className:`col-span-6 sm:col-span-6 md:col-span-2 xl:col-span-2`,_label:`Nav and Breadcrumb`,_level:2,children:(0,J.jsxs)(`div`,{slot:``,className:`grid gap-2 p-2`,children:[(0,J.jsx)(`div`,{children:(0,J.jsx)(ve,{_label:`Main navigation`,_links:[{_label:`Homepage`,_icons:`kolicon-house`,_href:`#/back-page`},{_label:`2 Navigation point`,_icons:`kolicon-house`,_href:`#/back-page`},{_active:!0,_label:`3 Navigation point`,_href:`#/back-page`,_icons:`kolicon-house`,_children:[{_label:`3.1 Navigation point`,_icons:`kolicon-house`,_href:`#/back-page`},{_label:`3.2 External navigation point`,_icons:`kolicon-house`,_href:`#/back-page`,_target:`_blank`},{_label:`3.3 Navigation point`,_href:`#/back-page`,_icons:`kolicon-house`,_children:[{_active:!0,_label:`3.3.1 Navigation point (active)`,_icons:`kolicon-house`,_href:`#/back-page`},{_label:`3.3.2 Navigation point`,_icons:`kolicon-house`,_href:`#/back-page`}]}]},{_label:`3 Navigation point`,_icons:`kolicon-house`,_href:`#/back-page`}],_hasCompactButton:!0})}),(0,J.jsx)(`div`,{children:(0,J.jsx)(ne,{_label:`Breadcrumb aus Text-Links`,_links:[{_label:`Homepage`,_href:`#/back-page`},{_label:`Bottom of the homepage`,_href:`#/back-page`},{_label:`Underside of the underside`,_href:`#/back-page`}]})})]})}),(0,J.jsx)(j,{className:`col-span-6 sm:col-span-6 md:col-span-4 xl:col-span-5`,_label:`Input`,_level:2,children:(0,J.jsx)(oe,{slot:``,children:(0,J.jsxs)(`div`,{className:`grid gap-4 sm:grid-cols-2 md:grid-cols-3 p-2`,children:[(0,J.jsx)(ce,{_label:`Color`}),(0,J.jsx)(ue,{_label:`Upload file`}),(0,J.jsx)(de,{_label:`Number input`}),(0,J.jsx)(I,{_type:`date`,_label:`Date`}),(0,J.jsx)(le,{_icons:`{'left': 'kolicon-house'}`,_msg:{_type:`error`,_description:`Test of an error message`},_touched:!0,_label:`E-mail address`}),(0,J.jsx)(L,{_hint:`I am a hint.`,_label:`First name`}),(0,J.jsx)(fe,{_label:`password`}),(0,J.jsx)(Ce,{_options:`[{'label':'Mr.','value':0},{'label':'Mrs.','value':1}]`,_label:`Stimmung`}),(0,J.jsx)(me,{_min:0,_max:50,_value:25,_label:`Slider`}),(0,J.jsx)(pe,{className:`herr-frau`,_options:`[{'label':'Mr.','value':0},{'label':'Mrs.','value':1}]`,_value:`1`,_label:`Salutation`}),(0,J.jsxs)(`div`,{className:`grid gap-4`,children:[(0,J.jsx)(pe,{_orientation:`horizontal`,_options:`[{'label':'Mr.','value':0},{'label':'Mrs.','value':1}]`,_value:`0`,_label:`Salutation`}),(0,J.jsx)(F,{_label:``,children:(0,J.jsxs)(`span`,{slot:`expert`,children:[`I accept the `,(0,J.jsx)(T,{_label:`General Terms and Conditions`,children:`AGB`}),`.`]})})]}),(0,J.jsx)(B,{_rows:4,_label:`Textarea`})]})})}),(0,J.jsx)(j,{className:`col-span-6 sm:col-span-6 md:col-span-4 xl:col-span-5`,_label:`Table with Pagination`,_level:2,children:(0,J.jsx)(`div`,{slot:``,className:`gap-2 p-2 flex flex-col`,children:(0,J.jsx)(z,{_label:`Table`,_headers:Bf,_data:Rf,_pagination:!0})})})]}),(0,J.jsx)(Pe,{_label:`5.0.2-test.2`})]})}}},Uf={heading:{basic:()=>(0,J.jsxs)(J.Fragment,{children:[(0,J.jsx)(X,{children:(0,J.jsx)(`p`,{children:`KolHeading renders a heading with the given level.`})}),(0,J.jsxs)(`div`,{className:`grid gap-4`,children:[(0,J.jsx)(N,{_label:`I'm a H1-heading`,_level:1}),(0,J.jsx)(N,{_label:`I'm a H2-heading`,_level:2}),(0,J.jsx)(N,{_label:`I'm a H3-heading`,_level:3}),(0,J.jsx)(N,{_label:`I'm a H4-heading`,_level:4}),(0,J.jsx)(N,{_label:`I'm a H5-heading`,_level:5}),(0,J.jsx)(N,{_label:`I'm a H6-heading`,_level:6})]})]}),badge:()=>(0,J.jsxs)(J.Fragment,{children:[(0,J.jsx)(X,{children:(0,J.jsxs)(`p`,{children:[`This sample shows KolHeading with its different levels and content provided using the export slot instead of the `,(0,J.jsx)(`code`,{children:`_label`}),`-property.`]})}),(0,J.jsxs)(`div`,{className:`grid gap-4`,children:[(0,J.jsx)(N,{_label:``,_level:1,children:(0,J.jsxs)(`span`,{slot:`expert`,children:[`A heading with a `,(0,J.jsx)(O,{_label:`Label`})]})}),(0,J.jsx)(N,{_label:``,_level:2,children:(0,J.jsxs)(`span`,{slot:`expert`,children:[`A heading with a `,(0,J.jsx)(O,{_color:`#86ffc6`,_label:`Label`})]})}),(0,J.jsx)(N,{_label:``,_level:3,children:(0,J.jsxs)(`span`,{slot:`expert`,children:[`A heading with a `,(0,J.jsx)(O,{_color:`#06539e`,_label:`Label`})]})}),(0,J.jsx)(N,{_label:``,_level:4,children:(0,J.jsxs)(`span`,{slot:`expert`,children:[`A heading with a `,(0,J.jsx)(O,{_color:`#ae0000`,_label:`Label`})]})}),(0,J.jsx)(N,{_label:``,_level:5,children:(0,J.jsxs)(`span`,{slot:`expert`,children:[`A heading with a `,(0,J.jsx)(O,{_color:`#8b008b`,_label:`Label`})]})}),(0,J.jsx)(N,{_label:``,_level:6,children:(0,J.jsxs)(`span`,{slot:`expert`,children:[`A heading with a `,(0,J.jsx)(O,{_color:`#ffc0cb`,_label:`Label`})]})})]})]}),paragraph:()=>(0,J.jsxs)(J.Fragment,{children:[(0,J.jsx)(X,{children:(0,J.jsx)(`p`,{children:`This sample shows KolHeading with its different levels combined with some text content each.`})}),(0,J.jsxs)(`div`,{className:`grid gap-4`,children:[(0,J.jsx)(N,{_label:`Ich bin eine H1-Überschrift`,_level:1}),(0,J.jsx)(`p`,{children:`Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor.`}),(0,J.jsx)(N,{_label:`Ich bin eine H2-Überschrift`,_level:2}),(0,J.jsx)(`p`,{children:`Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor.`}),(0,J.jsx)(N,{_label:`Ich bin eine H3-Überschrift`,_level:3}),(0,J.jsx)(`p`,{children:`Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor.`}),(0,J.jsx)(N,{_label:`Ich bin eine H4-Überschrift`,_level:4}),(0,J.jsx)(`p`,{children:`Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor.`}),(0,J.jsx)(N,{_label:`Ich bin eine H5-Überschrift`,_level:5}),(0,J.jsx)(`p`,{children:`Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor.`}),(0,J.jsx)(N,{_label:`Ich bin eine H6-Überschrift`,_level:6}),(0,J.jsx)(`p`,{children:`Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor.`})]})]}),secondary:()=>(0,J.jsxs)(J.Fragment,{children:[(0,J.jsx)(X,{children:(0,J.jsxs)(`p`,{children:[`This sample shows KolHeading with the prop `,(0,J.jsx)(`code`,{children:`_secondaryHeadline`}),` in use.`]})}),(0,J.jsx)(`div`,{className:`grid gap-4`,children:(0,J.jsx)(N,{_label:`This is a H1 headline`,_secondaryHeadline:`This is a secondary headline`,_level:1})})]})}},Wf=()=>{let[e,t]=(0,d.useState)({});return(0,d.useEffect)(()=>{fetch(`/assets/kolicons/kolicons.json`).then(e=>e.json()).then(e=>{t(e)})},[]),(0,J.jsxs)(J.Fragment,{children:[(0,J.jsx)(X,{children:(0,J.jsx)(`p`,{children:`This sample shows all kolicons with their names.`})}),(0,J.jsx)(`div`,{className:`grid grid-cols-2 gap-8 p-8`,children:Object.entries(e).map(([e])=>(0,J.jsxs)(`div`,{className:`flex gap-4`,children:[(0,J.jsx)(P,{_label:``,_icons:`kolicon-`+e}),(0,J.jsxs)(`span`,{children:[`kolicon-`,e]})]},e))})]})},Gf=()=>(0,J.jsxs)(J.Fragment,{children:[(0,J.jsx)(X,{children:(0,J.jsx)(`p`,{children:`KolIcon renders codicon icons. This sample shows regular icons and one with a custom style-property, changing the icon color.`})}),(0,J.jsxs)(`div`,{className:`grid gap-4`,children:[(0,J.jsx)(P,{className:`block`,_label:``,_icons:`kolicon-alert-info`}),(0,J.jsx)(P,{className:`block`,_label:``,_icons:`kolicon-kolibri`}),(0,J.jsx)(P,{className:`block`,_label:``,_icons:`kolicon-house`}),(0,J.jsx)(P,{className:`block`,_label:``,_icons:`kolicon-settings`}),(0,J.jsx)(P,{className:`block w-[1em] h-[1em]`,style:{color:`red`},_label:``,_icons:`kolicon-house`}),(0,J.jsx)(P,{className:`block`,_label:``,_icons:`codicon codicon-plus`})]})]}),Kf=()=>[Cf,...wf],qf=e=>`theme-variant-data:${e}`,Jf=e=>`assets/variants/inject-variants_${e}.json`,Yf=(e=Kf())=>new Map(e.map(({key:e})=>[qf(e),Jf(e)])),Xf=new Map,Zf=new Map,Qf=new Set,$f=async(e,t)=>{try{let n=await fetch(t);if(n.status===404)return;if(!n.ok){console.warn(`Error fetching sample app data: HTTP `+n.status);return}let r=await n.json();r&&typeof r==`object`&&!Array.isArray(r)&&Xf.set(e,r)}catch(e){console.warn(`Sample app data file could not be loaded or parsed`,e)}},ep=(e,t)=>{let n=Zf.get(e);return n||(n=$f(e,t).then(()=>{Qf.add(e)}),Zf.set(e,n)),n},tp={getValue:e=>Xf.get(e),initialize:async e=>{await Promise.all(Array.from(Yf(e),([e,t])=>ep(e,t)))},isInitialized:e=>Array.from(Yf(e).keys()).every(e=>Qf.has(e))};function np(e,t){let n=tp.getValue(qf(e))?.[t];return Array.isArray(n)?n.filter(e=>typeof e==`string`):[]}var rp={icon:{basic:Gf,"all-kolicons":Wf,font:()=>{let[e]=Hr(),t=e.get(`theme`)??Lf()?.[0]?.key,n=(0,d.useMemo)(()=>t?np(t,`iconVariants`):[],[t]),r=(0,d.useMemo)(()=>t?np(t,`iconVariantsButton`):[],[t]),i=(0,d.useMemo)(()=>t?np(t,`iconVariantsInput`):[],[t]);return(0,J.jsxs)(J.Fragment,{children:[(0,J.jsx)(X,{children:(0,J.jsx)(`p`,{children:`KolIcon renders different icon fonts depending on your theme.`})}),(0,J.jsx)(`div`,{className:`grid grid-cols-2 gap-8 p-8`,children:!Array.isArray(n)||n.length===0?(0,J.jsx)(`p`,{children:`This theme has no variants for icons.`}):n.map(e=>(0,J.jsxs)(`div`,{className:`flex gap-4`,children:[(0,J.jsx)(P,{_label:``,_icons:e}),(0,J.jsxs)(`span`,{children:[`<KolIcon _icons='`,e,`' _label="" />`]})]},e))}),(0,J.jsx)(`div`,{className:`grid grid-cols-2 gap-8 p-8`,children:!Array.isArray(r)||r.length===0?(0,J.jsx)(`p`,{children:`This theme has no variants for icons in buttons.`}):r.map(e=>(0,J.jsxs)(`div`,{className:`flex gap-4 items-center`,children:[(0,J.jsx)(k,{_icons:e,_label:`Button`,_variant:`primary`}),(0,J.jsxs)(`span`,{children:[`<KolButton _icons='`,e,`' _label="Button" _variant="primary" />`]})]},e))}),(0,J.jsx)(`div`,{className:`grid gap-8 p-8`,children:!Array.isArray(i)||i.length===0?(0,J.jsx)(`p`,{children:`This theme has no variants for icons in inputs.`}):i.map(e=>(0,J.jsxs)(`div`,{className:`flex gap-4 items-center`,children:[(0,J.jsx)(L,{_icons:e,_label:`Input with Icon`}),(0,J.jsxs)(`span`,{children:[`<KolInputText _icons='`,e,`' _label="Input with Icon" />`]})]},e))})]})}}},ip={image:{basic:()=>(0,J.jsxs)(J.Fragment,{children:[(0,J.jsx)(X,{children:(0,J.jsx)(`p`,{children:`KolImage renders an image. The sample shows an image with alternative text.`})}),(0,J.jsx)(se,{_alt:`KoliBri design system illustration showing three people working on laptops surrounded by UI components, charts, and the KoliBri hummingbird logo`,_src:`sample-image.png`,className:`w-image`})]}),events:()=>{let[e,t]=(0,d.useState)([]),[n,r]=(0,d.useState)([]),[i,a]=(0,d.useState)([]),[o,s]=(0,d.useState)([]),c=(0,d.useRef)(null);return(0,d.useEffect)(()=>{let e=c.current;if(!e)return;let t=()=>a(e=>[...e,new Date().toLocaleTimeString()]),n=()=>s(e=>[...e,new Date().toLocaleTimeString()]);return e.addEventListener(`error`,t),e.addEventListener(`load`,n),()=>{e.removeEventListener(`error`,t),e.removeEventListener(`load`,n)}},[]),(0,J.jsxs)(J.Fragment,{children:[(0,J.jsx)(X,{children:(0,J.jsx)(`p`,{children:`KolImage fires both _on.onError / _on.onLoad callbacks and native error / load DOM events on the host element.`})}),(0,J.jsx)(`h3`,{children:`Via _on prop`}),(0,J.jsx)(se,{_alt:`This image will fail to load`,_src:`/this-image-does-not-exist.png`,_on:{onError:()=>t(e=>[...e,new Date().toLocaleTimeString()]),onLoad:()=>r(e=>[...e,new Date().toLocaleTimeString()])}}),(0,J.jsxs)(`p`,{children:[`onError fired: `,e.length===0?`not yet`:e.join(`, `)]}),(0,J.jsxs)(`p`,{children:[`onLoad fired: `,n.length===0?`not yet`:n.join(`, `)]}),(0,J.jsx)(`h3`,{children:`Via native addEventListener`}),(0,J.jsx)(se,{ref:c,_alt:`KoliBri design system illustration`,_src:`sample-image.png`,className:`w-image`}),(0,J.jsxs)(`p`,{children:[`native error fired: `,i.length===0?`not yet`:i.join(`, `)]}),(0,J.jsxs)(`p`,{children:[`native load fired: `,o.length===0?`not yet`:o.join(`, `)]})]})}}},ap=(0,d.forwardRef)(function(e,t){return(0,J.jsxs)(`div`,{className:`grid gap-4`,children:[(0,J.jsx)(F,{...e,_label:`Not selected`,_value:!1,_required:!0}),(0,J.jsx)(F,{...e,_label:`Indeterminate`,_value:null,_indeterminate:!0}),(0,J.jsx)(F,{...e,ref:t,_accessKey:`A`,_checked:!0,_label:`Selected`,_tooltipAlign:`right`,_value:!0}),(0,J.jsx)(F,{...e,_checked:!0,_icons:{unchecked:`ckolicon-cross`},_label:`With a very long label and upheavals `.repeat(5),_value:!0}),(0,J.jsx)(F,{...e,_disabled:!0,_label:`Disabled`,_value:!0,_hint:`Hint text`}),(0,J.jsx)(F,{...e,_checked:!0,_disabled:!0,_label:`Checked and disabled`}),(0,J.jsx)(F,{...e,_indeterminate:!0,_disabled:!0,_label:`Indeterminate and disabled`}),(0,J.jsx)(F,{...e,_msg:{_type:`error`,_description:Y},_label:`With error`,_touched:!0,_value:!0,_hint:`Hint text`,_required:!0}),(0,J.jsx)(F,{...e,_label:`With access key`,_accessKey:`c`,_value:null}),(0,J.jsx)(F,{...e,_label:`With short key`,_shortKey:`s`,_value:null}),(0,J.jsx)(F,{...e,_label:``,_value:!1,_required:!0,children:(0,J.jsx)(`span`,{slot:`expert`,children:`Expert Slot & required`})})]})}),op=(0,d.forwardRef)(function(e,t){return(0,J.jsxs)(J.Fragment,{children:[(0,J.jsxs)(tf,{children:[(0,J.jsxs)(`fieldset`,{children:[(0,J.jsx)(`legend`,{children:`Label align "left" with label`}),(0,J.jsx)(ap,{...e,_labelAlign:`left`})]}),(0,J.jsxs)(`fieldset`,{children:[(0,J.jsx)(`legend`,{children:`Label align "left" without Label (hideLabel)`}),(0,J.jsx)(ap,{ref:t,...e,_hideLabel:!0,_labelAlign:`left`})]})]}),(0,J.jsxs)(tf,{children:[(0,J.jsxs)(`fieldset`,{children:[(0,J.jsx)(`legend`,{children:`Label align "right" with label`}),(0,J.jsx)(ap,{...e})]}),(0,J.jsxs)(`fieldset`,{children:[(0,J.jsx)(`legend`,{children:`Label align "right" without Label (hideLabel)`}),(0,J.jsx)(ap,{ref:t,...e,_hideLabel:!0})]})]})]})}),sp=()=>(0,J.jsxs)(J.Fragment,{children:[(0,J.jsx)(X,{children:(0,J.jsx)(`p`,{children:`KolInputCheckbox renders a checkbox. The sample shows KolInputCheckbox in a form context with all variations and states.`})}),(0,J.jsx)(ef,{RefComponent:op,showButtons:!1})]}),cp=()=>(0,J.jsxs)(J.Fragment,{children:[(0,J.jsx)(X,{children:(0,J.jsx)(`p`,{children:`This sample shows KolInputCheckbox in the variant "button".`})}),(0,J.jsx)(ef,{RefComponent:op,_variant:`button`,showButtons:!1})]}),lp=()=>{let[e,t]=(0,d.useState)([]),n=(0,d.useCallback)(e=>{t(t=>[`${new Date().toISOString().slice(11,23)} ${e}`,...t].slice(0,8))},[]);return(0,J.jsxs)(J.Fragment,{children:[(0,J.jsx)(X,{children:(0,J.jsxs)(`p`,{children:[`Clicking the label text while the checkbox is already focused must `,(0,J.jsx)(`strong`,{children:`not`}),` fire a spurious `,(0,J.jsx)(`code`,{children:`onBlur`}),`. To verify the fix: focus the checkbox (Tab or first click), then click its label text again — the event log should show only `,(0,J.jsx)(`code`,{children:`onChange`}),`, `,(0,J.jsx)(`strong`,{children:`not`}),` `,(0,J.jsx)(`code`,{children:`onBlur`}),` followed by `,(0,J.jsx)(`code`,{children:`onFocus`}),`.`]})}),(0,J.jsx)(F,{_label:`Accept terms and conditions`,_on:{onFocus:()=>n(`onFocus`),onBlur:()=>n(`onBlur`),onChange:(e,t)=>n(`onChange → ${String(t)}`)}}),(0,J.jsxs)(`section`,{style:{marginTop:`1rem`},children:[(0,J.jsx)(`p`,{children:(0,J.jsx)(`strong`,{children:`Event log (newest first):`})}),e.length===0?(0,J.jsx)(`p`,{children:`No events yet.`}):(0,J.jsx)(`ol`,{style:{fontFamily:`monospace`,fontSize:`0.875rem`},children:e.map((e,t)=>(0,J.jsx)(`li`,{children:e},t))})]})]})},up=({label:e,renderInput:t})=>{let[n,r]=(0,d.useState)(null),[i,a]=(0,d.useState)(null),o=(0,d.useMemo)(()=>({onChange:(e,t)=>{r(t)},onInput:(e,t)=>{a(t)}}),[]);return(0,J.jsxs)(`section`,{className:`grid gap-4 mb-6`,"aria-label":`Event callback demo: ${e}`,children:[t(o),(0,J.jsxs)(`div`,{className:`grid gap-2`,children:[(0,J.jsxs)(`p`,{children:[(0,J.jsx)(`strong`,{children:`onInput value:`}),` `,(0,J.jsx)(`code`,{children:JSON.stringify(i)})]}),(0,J.jsxs)(`p`,{children:[(0,J.jsx)(`strong`,{children:`onChange value:`}),` `,(0,J.jsx)(`code`,{children:JSON.stringify(n)})]})]})]})},dp={"input-checkbox":{basic:sp,"get-value":()=>(0,J.jsxs)(J.Fragment,{children:[(0,J.jsx)(X,{children:(0,J.jsxs)(`p`,{children:[`Shows the callback value from `,(0,J.jsx)(`code`,{children:`onInput`}),` while typing and from `,(0,J.jsx)(`code`,{children:`onChange`}),` after leaving the field.`]})}),(0,J.jsx)(up,{label:`KolInputCheckbox`,renderInput:e=>(0,J.jsx)(F,{_label:`Accept terms`,_on:e})})]}),"focus-events":lp,switch:()=>(0,J.jsxs)(J.Fragment,{children:[(0,J.jsx)(X,{children:(0,J.jsx)(`p`,{children:`This sample shows KolInputCheckbox in the variant "switch".`})}),(0,J.jsx)(ef,{RefComponent:op,_variant:`switch`,showButtons:!1})]}),button:cp}},fp=(0,d.forwardRef)(function(e,t){return(0,J.jsxs)(`div`,{className:`grid gap-4`,children:[(0,J.jsx)(`div`,{className:`black-background`,children:(0,J.jsx)(ce,{...e,_msg:{_type:`error`,_description:Y},_icons:{left:`kolicon-kolibri`},_label:`Color (Black background test)`,_value:`#f08080`})}),(0,J.jsx)(ce,{...e,_msg:{_type:`error`,_description:Y},_label:`Color with error`,_suggestions:`['#000000','#f08080', '#0000ff','#00ff00']`,_touched:!0}),(0,J.jsx)(ce,{...e,_msg:{_type:`info`,_description:`Just a hint message.`},_label:`Color`,_touched:!0}),(0,J.jsx)(ce,{...e,_msg:{_type:`warning`,_description:`Small warning`},_label:`Color`,_touched:!0}),(0,J.jsx)(ce,{...e,_msg:{_type:`success`,_description:`Success message`},_label:`Color`,_touched:!0}),(0,J.jsx)(ce,{...e,_msg:{_type:`default`,_description:`Default message`},_label:`Color`,_touched:!0}),(0,J.jsx)(ce,{...e,ref:t,_accessKey:`C`,_hint:`Hint text`,_label:`Color with hint`,_value:`#f08080`}),(0,J.jsx)(ce,{...e,_disabled:!0,_label:`Color (Disabled)`,_value:`#f08080`}),(0,J.jsx)(ce,{...e,_label:`With access key`,_accessKey:`c`}),(0,J.jsx)(ce,{...e,_label:`With short key`,_shortKey:`s`})]})}),pp=(0,d.forwardRef)(function(e,t){return(0,J.jsxs)(tf,{children:[(0,J.jsxs)(`fieldset`,{children:[(0,J.jsx)(`legend`,{children:`Color`}),(0,J.jsx)(fp,{...e})]}),(0,J.jsxs)(`fieldset`,{children:[(0,J.jsx)(`legend`,{children:`Color (hideLabel)`}),(0,J.jsx)(fp,{ref:t,...e,_hideLabel:!0})]})]})}),mp={"input-color":{basic:()=>(0,J.jsxs)(J.Fragment,{children:[(0,J.jsx)(X,{children:(0,J.jsx)(`p`,{children:`KolInputColor renders a color input. The sample shows KolInputColor in a form context with all variations and states.`})}),(0,J.jsx)(ef,{RefComponent:pp,showButtons:!1})]}),"get-value":()=>(0,J.jsxs)(J.Fragment,{children:[(0,J.jsx)(X,{children:(0,J.jsxs)(`p`,{children:[`Shows the callback value from `,(0,J.jsx)(`code`,{children:`onInput`}),` while typing and from `,(0,J.jsx)(`code`,{children:`onChange`}),` after leaving the field.`]})}),(0,J.jsx)(up,{label:`KolInputColor`,renderInput:e=>(0,J.jsx)(ce,{_label:`Pick color`,_on:e})})]})}},hp=(0,d.forwardRef)(function(e,t){return(0,J.jsxs)(`div`,{className:`grid gap-4`,children:[(0,J.jsx)(`div`,{className:`black-background`,children:(0,J.jsx)(I,{...e,_type:`date`,_label:`Date input (Black background test)`,_required:!0})}),(0,J.jsx)(I,{...e,_type:`datetime-local`,_label:`Local-Datetime (Standard)`,_required:!0}),(0,J.jsx)(I,{...e,_step:1,_type:`datetime-local`,_hint:Dd,_msg:{_type:`error`,_description:Y},_label:`Local datetime (with seconds)`,_required:!0,_touched:!0}),(0,J.jsx)(I,{...e,_msg:{_type:`info`,_description:`Just a hint`},_label:`Date`,_touched:!0}),(0,J.jsx)(I,{...e,_msg:{_type:`warning`,_description:`Small warning`},_label:`Date`,_touched:!0}),(0,J.jsx)(I,{...e,_msg:{_type:`success`,_description:`Success message`},_label:`Date`,_touched:!0}),(0,J.jsx)(I,{...e,_msg:{_type:`default`,_description:`Default message`},_label:`Date`,_touched:!0}),(0,J.jsx)(I,{...e,_type:`month`,_label:`Month`,_required:!0}),(0,J.jsx)(I,{...e,ref:t,_accessKey:`W`,_type:`week`,_label:`Week`,_required:!0}),(0,J.jsx)(I,{...e,_type:`time`,_label:`Time (standard)`,_required:!0}),(0,J.jsx)(I,{...e,_step:1,_type:`time`,_label:`Time (with seconds)`,_required:!0}),(0,J.jsx)(I,{...e,_readOnly:!0,_label:`Date input (read-only)`,_required:!0}),(0,J.jsx)(I,{...e,_disabled:!0,_label:`Date input (Disabled)`,_required:!0}),(0,J.jsx)(I,{...e,_label:`With access key`,_accessKey:`s`}),(0,J.jsx)(I,{...e,_label:`With short key`,_shortKey:`s`})]})}),gp=e=>{let t=new Date(`January 10, 2024, 12:00`),n=new Date(`October 20, 2024, 15:00`);return(0,J.jsxs)(`div`,{className:`grid gap-4`,children:[(0,J.jsx)(I,{...e,_type:`date`,_label:`Date with Iso`,_min:`2024-09-26`,_max:`2024-09-27`}),(0,J.jsx)(I,{...e,_type:`date`,_label:`Date with Date`,_min:t,_max:n}),(0,J.jsx)(I,{...e,_type:`time`,_label:`Time with Iso`,_min:`12:00`,_max:`15:00`}),(0,J.jsx)(I,{...e,_type:`time`,_label:`Time with Date`,_min:t,_max:n}),(0,J.jsx)(I,{...e,_type:`datetime-local`,_label:`DayTime with Iso`,_min:`2024-09-26T12:00`,_max:`2024-09-27T15:00`}),(0,J.jsx)(I,{...e,_type:`datetime-local`,_label:`DayTime with Date`,_min:t,_max:n}),(0,J.jsx)(I,{...e,_type:`week`,_label:`Week with Iso`,_min:`2024-W10`,_max:`2024-W50`}),(0,J.jsx)(I,{...e,_type:`week`,_label:`Week with Date`,_min:t,_max:n}),(0,J.jsx)(I,{...e,_type:`month`,_label:`Month with Iso`,_min:`2024-02`,_max:`2024-10`}),(0,J.jsx)(I,{...e,_type:`month`,_label:`Month with Date`,_min:t,_max:n})]})},_p=(0,d.forwardRef)(function(e,t){return(0,J.jsxs)(tf,{children:[(0,J.jsxs)(`fieldset`,{children:[(0,J.jsx)(`legend`,{children:`Date`}),(0,J.jsx)(hp,{...e})]}),(0,J.jsxs)(`fieldset`,{children:[(0,J.jsx)(`legend`,{children:`Date (hideLabel)`}),(0,J.jsx)(hp,{ref:t,...e,_hideLabel:!0})]}),(0,J.jsxs)(`fieldset`,{children:[(0,J.jsx)(`legend`,{children:`Date (with min/max)`}),(0,J.jsx)(gp,{...e})]})]})}),vp=()=>(0,J.jsxs)(J.Fragment,{children:[(0,J.jsx)(X,{children:(0,J.jsx)(`p`,{children:`KolInputDate renders all types of fields for date and time input. The sample shows KolInputDate in a form context with all variations and states.`})}),(0,J.jsx)(ef,{RefComponent:_p,showButtons:!1})]}),yp=e=>String(e).padStart(2,`0`),bp=(e,t,n)=>{let r=new Date(e,t-1,n);return r.getFullYear()===e&&r.getMonth()===t-1&&r.getDate()===n};function xp(e){let t=/^\s*(\d{1,2})\.(\d{1,2})\.(\d{4})\s*$/.exec(e);if(!t)return null;let n=+t[1],r=+t[2],i=+t[3];return bp(i,r,n)?`${i}-${yp(r)}-${yp(n)}`:null}function Sp(e){return e instanceof HTMLElement&&e.tagName===`KOL-INPUT-DATE`}async function Cp(e,t){typeof e.setIsoValue==`function`?await e.setIsoValue(t):e.value===void 0?e._value===void 0?e.setAttribute(`_value`,t):e._value=t:e.value=t,e.dispatchEvent(new Event(`input`,{bubbles:!0,composed:!0})),e.dispatchEvent(new Event(`change`,{bubbles:!0,composed:!0}))}var wp=()=>{let[e,t]=(0,d.useState)(`31.12.2025`),[n,r]=(0,d.useState)(``),i=(0,d.useRef)(null),a=(0,d.useMemo)(()=>xp(e),[e]);(0,d.useEffect)(()=>{let e=new AbortController;return document.addEventListener(`focusin`,e=>{i.current=(e.composedPath?.()??[]).find(Sp)??null},{capture:!0,signal:e.signal}),()=>e.abort()},[]),(0,d.useEffect)(()=>{let e=new AbortController;return document.addEventListener(`paste`,e=>{let t=i.current;if(!t)return;let n=xp(e.clipboardData?.getData(`text`)??``);if(!n){r(`Clipboard: unrecognized date. Use DD.MM.YYYY.`);return}e.preventDefault(),Cp(t,n),r(`Pasted.`)},{capture:!0,signal:e.signal}),()=>e.abort()},[]);let o=(0,d.useCallback)(async e=>{r(``);try{await navigator.clipboard.writeText(e),r(`Copied.`)}catch{r(`Copy failed. Your browser may block clipboard access.`)}},[]),s=(0,d.useCallback)((e,n)=>{e?.target&&t(typeof n==`string`?n:String(n??``))},[]);return(0,J.jsxs)(J.Fragment,{children:[(0,J.jsx)(X,{children:(0,J.jsxs)(`p`,{children:[`Type a date in German format (`,(0,J.jsx)(`code`,{children:`DD.MM.YYYY`}),`), click `,(0,J.jsx)(`em`,{children:`Copy to Clipboard`}),`, then paste it into the date field below with `,(0,J.jsx)(`kbd`,{children:`Ctrl`}),`+`,(0,J.jsx)(`kbd`,{children:`V`}),`. The ISO conversion happens internally.`]})}),(0,J.jsxs)(`div`,{className:`grid gap-8`,lang:`en`,children:[(0,J.jsxs)(`section`,{"aria-labelledby":`de-title`,children:[(0,J.jsx)(`h3`,{id:`de-title`,className:`text-lg font-semibold mb-2`,children:`German date (DD.MM.YYYY)`}),(0,J.jsxs)(`div`,{className:`grid gap-3`,children:[(0,J.jsx)(L,{className:`w-full`,_label:`German date (DD.MM.YYYY)`,_placeholder:`e.g., 31.12.2025`,_value:e,_type:`text`,_on:{onInput:s,onChange:s}}),(0,J.jsx)(`small`,{className:`opacity-80`,children:`Click the button to copy the exact German date, then paste it into the date field below.`}),(0,J.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,J.jsx)(k,{_label:`Copy to Clipboard`,_on:{onClick:()=>o(e)}}),!a&&(0,J.jsx)(`span`,{className:`text-red-600`,children:`Invalid date`})]}),(0,J.jsx)(I,{_type:`date`,_label:`Date (paste here with Ctrl+V)`,className:`w-full`})]})]}),(0,J.jsx)(`p`,{"aria-live":`polite`,role:`status`,className:`mt-2 opacity-80`,children:n})]})]})},Tp=()=>(0,J.jsxs)(J.Fragment,{children:[(0,J.jsx)(X,{children:(0,J.jsxs)(`p`,{children:[`Shows the callback value from `,(0,J.jsx)(`code`,{children:`onInput`}),` while typing and from `,(0,J.jsx)(`code`,{children:`onChange`}),` after leaving the field.`]})}),(0,J.jsx)(up,{label:`KolInputDate`,renderInput:e=>(0,J.jsx)(I,{_label:`Date`,_on:e})})]}),Ep=()=>{let e=(0,d.useRef)(null);return(0,J.jsxs)(J.Fragment,{children:[(0,J.jsx)(X,{children:(0,J.jsxs)(`p`,{children:[`This sample demonstrates the KolInputDate `,(0,J.jsx)(`code`,{children:`reset`}),`-Method, which can be used to clear the field, even when it holds incomplete or invalid values.`]})}),(0,J.jsx)(I,{className:`w-full`,ref:e,_label:`Resettable Input Date`,_value:`2024-02-10`}),(0,J.jsx)(k,{className:`mt`,_label:`Reset`,_on:{onClick:()=>e.current?.reset()}})]})},Dp=[`default`,`error`,`info`,`success`,`warning`];function Op(e){return{onChange:()=>e(e=>!e)}}var kp={"input-date":{basic:vp,"get-value":Tp,"copy-paste":wp,reset:Ep,"show-hide-msg":()=>{let[e,t]=(0,d.useState)(!0),[n,r]=(0,d.useState)(!0),[i,a]=(0,d.useState)(!1),o=Op(t),s=Op(r),c=Op(a);return(0,J.jsxs)(J.Fragment,{children:[(0,J.jsx)(X,{children:(0,J.jsx)(`p`,{children:`This example shows how messages work in input fields.`})}),(0,J.jsxs)(`div`,{className:`flex gap-4 flex-col`,children:[(0,J.jsxs)(`div`,{className:`flex gap-4 items-center`,children:[(0,J.jsx)(F,{_label:`Toggle Msg`,_on:o,_checked:e,_variant:`button`}),(0,J.jsx)(F,{_label:`Toggle Touched`,_on:s,_checked:n,_variant:`button`}),(0,J.jsx)(F,{_label:`Toggle Hide Msg`,_on:c,_checked:i,_variant:`button`})]}),(0,J.jsxs)(`pre`,{children:[`Message exists: `,e?`Yes`:`No`,` (showMsg: `,e?`Yes`:`No`,`)`,(0,J.jsx)(`br`,{}),`Non-Error-Message visible: `,e&&!i?`Yes`:`No`,` (showMsg: `,e?`Yes`:`No`,`, hideMsg: `,i?`Yes`:`No`,`)`,(0,J.jsx)(`br`,{}),`Error-Message visible: `,e&&n&&!i?`Yes`:`No`,` (showMsg: `,e?`Yes`:`No`,`, isTouched: `,n?`Yes`:`No`,`, hideMsg: `,i?`Yes`:`No`,`)`]}),Dp.map(t=>(0,J.jsx)(I,{_hideMsg:i,_label:`Date (_msg, ${t})`,_msg:e?{_description:`${t} message`,_type:t}:void 0,_touched:n},t))]})]})}}},Ap=(0,d.forwardRef)(function(e,t){return(0,J.jsxs)(`div`,{className:`grid gap-4`,children:[(0,J.jsx)(`div`,{className:`black-background`,children:(0,J.jsx)(le,{...e,_required:!0,_value:`test@mail.de`,_msg:{_type:`error`,_description:Y},_label:`E-Mail (Black background test)`})}),(0,J.jsx)(le,{...e,ref:t,_accessKey:`M`,_placeholder:`elke@mustermann.de`,_suggestions:`['test1@mail.de', 'test2@mail.de', 'test3@mail.de']`,_label:`E-Mail (list)`,_hint:Dd,_msg:{_type:`error`,_description:Y},_touched:!0,_icons:{left:{icon:`kolicon-chevron-left`},right:{icon:`kolicon-chevron-right`}}}),(0,J.jsx)(le,{...e,_msg:{_type:`info`,_description:`Just a hint`},_label:`E-Mail`,_touched:!0}),(0,J.jsx)(le,{...e,_msg:{_type:`warning`,_description:`Small warning`},_label:`E-Mail`,_touched:!0}),(0,J.jsx)(le,{...e,_msg:{_type:`success`,_description:`Success message`},_label:`E-Mail`,_touched:!0}),(0,J.jsx)(le,{...e,_msg:{_type:`default`,_description:`Default message`},_label:`E-Mail`,_touched:!0}),(0,J.jsx)(le,{...e,_disabled:!0,_value:`test@mail.de`,_label:`E-Mail (Disabled)`}),(0,J.jsx)(le,{...e,_readOnly:!0,_value:`test@mail.de`,_label:`E-Mail (Readonly)`}),(0,J.jsx)(le,{...e,_value:`test@mail.de`,_label:`With access key`,_accessKey:`c`}),(0,J.jsx)(le,{...e,_value:`test@mail.de`,_label:`With short key`,_shortKey:`s`})]})}),jp=(0,d.forwardRef)(function(e,t){return(0,J.jsxs)(tf,{children:[(0,J.jsxs)(`fieldset`,{children:[(0,J.jsx)(`legend`,{children:`Email`}),(0,J.jsx)(Ap,{...e})]}),(0,J.jsxs)(`fieldset`,{children:[(0,J.jsx)(`legend`,{children:`Email (hideLabel)`}),(0,J.jsx)(Ap,{ref:t,...e,_hideLabel:!0})]})]})}),Mp={"input-email":{basic:()=>(0,J.jsxs)(J.Fragment,{children:[(0,J.jsx)(X,{children:(0,J.jsx)(`p`,{children:`KolInputEmail renders an email input field. The sample shows KolInputEmail in a form context with all variations and states.`})}),(0,J.jsx)(ef,{RefComponent:jp,showButtons:!1})]}),"get-value":()=>(0,J.jsxs)(J.Fragment,{children:[(0,J.jsx)(X,{children:(0,J.jsxs)(`p`,{children:[`Shows the callback value from `,(0,J.jsx)(`code`,{children:`onInput`}),` while typing and from `,(0,J.jsx)(`code`,{children:`onChange`}),` after leaving the field.`]})}),(0,J.jsx)(up,{label:`KolInputEmail`,renderInput:e=>(0,J.jsx)(le,{_label:`E-Mail`,_on:e})})]})}},Np={onClick:()=>console.log(`click`),onChange:(e,t)=>console.log(`onChange `,e,t),onInput:(e,t)=>console.log(`onInput`,e,t)},Pp=(0,d.forwardRef)(function(e,t){return(0,J.jsxs)(`div`,{className:`grid gap-4`,children:[(0,J.jsx)(`div`,{className:`black-background`,children:(0,J.jsx)(ue,{...e,_label:`Upload file (Black background test)`,_icons:{left:{icon:`kolicon-up`}},_touched:!0,_on:Np})}),(0,J.jsx)(ue,{...e,_required:!0,_hint:Dd,_msg:{_type:`error`,_description:Y},_label:`Upload file (Error State)`,_icons:{left:{icon:`kolicon-up`}},_touched:!0}),(0,J.jsx)(ue,{...e,_msg:{_type:`info`,_description:`Just a hint`},_label:`Upload file`,_touched:!0}),(0,J.jsx)(ue,{...e,_msg:{_type:`warning`,_description:`Small warning`},_label:`Upload file`,_touched:!0}),(0,J.jsx)(ue,{...e,_msg:{_type:`success`,_description:`Success message`},_label:`Upload file`,_touched:!0}),(0,J.jsx)(ue,{...e,_msg:{_type:`default`,_description:`Default message`},_label:`Upload file`,_touched:!0}),(0,J.jsx)(ue,{...e,ref:t,_accessKey:`h`,_multiple:!0,_msg:{_type:`error`,_description:Y},_label:`Upload file (Multiple)`}),(0,J.jsx)(ue,{...e,_disabled:!0,_label:`Upload file (Disabled)`}),(0,J.jsx)(ue,{...e,_label:`With access key`,_accessKey:`c`}),(0,J.jsx)(ue,{...e,_label:`With short key`,_shortKey:`s`})]})}),Fp=(0,d.forwardRef)(function(e,t){return(0,J.jsxs)(tf,{children:[(0,J.jsxs)(`fieldset`,{children:[(0,J.jsx)(`legend`,{children:`File`}),(0,J.jsx)(Pp,{...e})]}),(0,J.jsxs)(`fieldset`,{children:[(0,J.jsx)(`legend`,{children:`File (hideLabel)`}),(0,J.jsx)(Pp,{ref:t,...e,_hideLabel:!0})]})]})}),Ip={"input-file":{basic:()=>(0,J.jsxs)(J.Fragment,{children:[(0,J.jsx)(X,{children:(0,J.jsx)(`p`,{children:`KolInputFile renders a file input field. The sample shows KolInputFile in a form context with all variations and states.`})}),(0,J.jsx)(ef,{RefComponent:Fp,showButtons:!1})]}),"get-value":()=>(0,J.jsxs)(J.Fragment,{children:[(0,J.jsx)(X,{children:(0,J.jsxs)(`p`,{children:[`Shows the callback value from `,(0,J.jsx)(`code`,{children:`onInput`}),` while typing and from `,(0,J.jsx)(`code`,{children:`onChange`}),` after leaving the field.`]})}),(0,J.jsx)(up,{label:`KolInputFile`,renderInput:e=>(0,J.jsx)(ue,{_label:`Upload file`,_on:e})})]})}},Lp=(0,d.forwardRef)(function(e,t){return(0,J.jsxs)(`div`,{className:`grid gap-4`,children:[(0,J.jsx)(`div`,{className:`black-background`,children:(0,J.jsx)(de,{...e,_required:!0,_touched:!0,_value:123,_label:`Number input (Black background test)`})}),(0,J.jsx)(de,{...e,_required:!0,_msg:{_type:`error`,_description:Y},_touched:!0,_placeholder:`Mit Icons`,_label:`Number input`,_icons:{left:{icon:`kolicon-kolibri`},right:{icon:`kolicon-kolibri`}}}),(0,J.jsx)(de,{...e,_required:!0,_msg:{_type:`error`,_description:Y},_touched:!0,_value:123,_label:`Number input`}),(0,J.jsx)(de,{...e,_required:!0,_msg:{_type:`warning`,_description:Y},_touched:!0,_value:123,_label:`Number input`}),(0,J.jsx)(de,{...e,_required:!0,_msg:{_type:`info`,_description:Y},_touched:!0,_value:123,_label:`Number input`}),(0,J.jsx)(de,{...e,_required:!0,_msg:{_type:`success`,_description:Y},_touched:!0,_value:123,_label:`Number input`}),(0,J.jsx)(de,{...e,ref:t,_accessKey:`Z`,_max:10,_min:-10,_step:2,_label:`Number input (-10 to 10 in steps of 2)`}),(0,J.jsx)(de,{...e,_readOnly:!0,_value:123,_label:`Number input (Readonly)`}),(0,J.jsx)(de,{...e,_disabled:!0,_value:123,_label:`Number input (Disabled)`}),(0,J.jsx)(de,{...e,_label:`With access key`,_accessKey:`c`}),(0,J.jsx)(de,{...e,_label:`With short key`,_shortKey:`s`})]})}),Rp=(0,d.forwardRef)(function(e,t){return(0,J.jsxs)(tf,{children:[(0,J.jsxs)(`fieldset`,{children:[(0,J.jsx)(`legend`,{children:`Number`}),(0,J.jsx)(Lp,{...e})]}),(0,J.jsxs)(`fieldset`,{children:[(0,J.jsx)(`legend`,{children:`Number (hideLabel)`}),(0,J.jsx)(Lp,{ref:t,...e,_hideLabel:!0})]})]})}),zp=()=>(0,J.jsxs)(J.Fragment,{children:[(0,J.jsx)(X,{children:(0,J.jsx)(`p`,{children:`KolInputNumber encompasses basic functionalities, utilizing the min, max, and step attributes to restrict the range of input values. Despite these constraints, it allows free input that can ignore the defined minimum and maximum values, as well as step sizes. The component intentionally does not emphasize validation rules, supporting examples without form validation, and refrains from additional validation through native HTML element validation.`})}),(0,J.jsx)(ef,{RefComponent:Rp,showButtons:!1})]}),Bp=()=>(0,J.jsxs)(J.Fragment,{children:[(0,J.jsx)(X,{children:(0,J.jsxs)(`p`,{children:[`Shows the callback value from `,(0,J.jsx)(`code`,{children:`onInput`}),` while typing and from `,(0,J.jsx)(`code`,{children:`onChange`}),` after leaving the field.`]})}),(0,J.jsx)(up,{label:`KolInputNumber`,renderInput:e=>(0,J.jsx)(de,{_label:`Amount`,_on:e})})]}),Vp=e=>e.type===`checkbox`,Hp=e=>e instanceof Date,Up=e=>e==null,Wp=e=>typeof e==`object`,Gp=e=>!Up(e)&&!Array.isArray(e)&&Wp(e)&&!Hp(e),Kp=e=>Gp(e)&&e.target?Vp(e.target)?e.target.checked:e.target.value:e,qp=(e,t)=>t.split(`.`).some((t,n,r)=>!isNaN(Number(t))&&e.has(r.slice(0,n).join(`.`))),Jp=e=>{let t=e.constructor&&e.constructor.prototype;return Gp(t)&&t.hasOwnProperty(`isPrototypeOf`)},Yp=typeof window<`u`&&window.HTMLElement!==void 0&&typeof document<`u`;function Xp(e){if(e instanceof Date)return new Date(e);let t=typeof FileList<`u`&&e instanceof FileList;if(Yp&&(e instanceof Blob||t))return e;let n=Array.isArray(e);if(!n&&!(Gp(e)&&Jp(e)))return e;let r=n?[]:Object.create(Object.getPrototypeOf(e));for(let t in e)Object.prototype.hasOwnProperty.call(e,t)&&(r[t]=Xp(e[t]));return r}var Zp={BLUR:`blur`,FOCUS_OUT:`focusout`,CHANGE:`change`,SUBMIT:`submit`,TRIGGER:`trigger`,VALID:`valid`},Qp={onBlur:`onBlur`,onChange:`onChange`,onSubmit:`onSubmit`,onTouched:`onTouched`,all:`all`},$p={max:`max`,min:`min`,maxLength:`maxLength`,minLength:`minLength`,pattern:`pattern`,required:`required`,validate:`validate`},em=`form`,tm=`root`,nm=[`__proto__`,`constructor`,`prototype`],rm=e=>/^\w*$/.test(e),im=e=>e===void 0,am=e=>e.split(/[.[\]'"]/g).filter(Boolean),Z=(e,t,n)=>{if(!t||!Gp(e))return n;let r=rm(t)?[t]:am(t);if(r.some(e=>nm.includes(e)))return n;let i=r.reduce((e,t)=>Up(e)?void 0:e[t],e);return im(i)||i===e?im(e[t])?n:e[t]:i},om=e=>typeof e==`boolean`,sm=e=>typeof e==`function`,cm=(e,t,n)=>{let r=-1,i=rm(t)?[t]:am(t),a=i.length,o=a-1;for(;++r<a;){let t=i[r],a=n;if(r!==o){let n=e[t];a=Gp(n)||Array.isArray(n)?n:isNaN(+i[r+1])?{}:[]}if(nm.includes(t))return;e[t]=a,e=e[t]}},lm=d.createContext(null);lm.displayName=`HookFormControlContext`;var um=()=>d.useContext(lm),dm=(e,t,n,r=!0)=>{let i={};for(let a in e)Object.defineProperty(i,a,{get:()=>{let i=a;return t._proxyFormState[i]!==Qp.all&&(t._proxyFormState[i]=!r||Qp.all),n&&(n[i]=!0),e[i]}});return i},fm=Yp?d.useLayoutEffect:d.useEffect;function pm(e){let t=um(),{control:n=t,disabled:r,name:i,exact:a}=e||{},[o,s]=d.useState(()=>({...n._formState,defaultValues:n._defaultValues})),c=d.useRef({isDirty:!1,isLoading:!1,dirtyFields:!1,touchedFields:!1,validatingFields:!1,isValidating:!1,isValid:!1,errors:!1});return fm(()=>n._subscribe({name:i,formState:c.current,exact:a,callback:e=>{!r&&s({...n._formState,...e,defaultValues:n._defaultValues})}}),[i,r,a]),d.useEffect(()=>{c.current.isValid&&n._setValid(!0)},[n]),d.useMemo(()=>dm(o,n,c.current,!1),[o,n])}var mm=e=>typeof e==`string`,hm=(e,t,n,r,i)=>mm(e)?(r&&t.watch.add(e),Z(n,e,i)):Array.isArray(e)?e.map(e=>(r&&t.watch.add(e),Z(n,e))):(r&&(t.watchAll=!0),n),gm=e=>Up(e)||!Wp(e),_m=(e,t)=>t.length===0&&!Array.isArray(e)&&!Jp(e);function vm(e,t,n=new WeakMap){if(e===t)return!0;if(gm(e)||gm(t))return Object.is(e,t);if(Hp(e)&&Hp(t))return Object.is(e.getTime(),t.getTime());let r=Object.keys(e),i=Object.keys(t);if(r.length!==i.length)return!1;if(_m(e,r)||_m(t,i))return Object.is(e,t);let a=n.get(e);if(a&&a.has(t))return!0;a?a.add(t):n.set(e,new WeakSet([t]));for(let i of r){let r=e[i];if(!(i in t))return!1;if(i!==`ref`){let e=t[i];if(Hp(r)&&Hp(e)||(Gp(r)||Array.isArray(r))&&(Gp(e)||Array.isArray(e))?!vm(r,e,n):!Object.is(r,e))return!1}}return!0}function ym(e){let t=um(),{control:n=t,name:r,defaultValue:i,disabled:a,exact:o,compute:s}=e||{},c=d.useRef(i),l=d.useRef(s),u=d.useRef(void 0),f=d.useRef(n),p=d.useRef(r);l.current=s;let[m,h]=d.useState(()=>{let e=n._getWatch(r,c.current);return l.current?l.current(e):e}),g=d.useCallback(e=>{let t=hm(r,n._names,e||n._formValues,!1,c.current);return l.current?l.current(t):t},[n._formValues,n._names,r]),_=d.useCallback(e=>{if(!a){let t=hm(r,n._names,e||n._formValues,!1,c.current);if(l.current){let e=l.current(t);vm(e,u.current)||(h(e),u.current=e)}else h(t)}},[n._formValues,n._names,a,r]);fm(()=>((f.current!==n||!vm(p.current,r))&&(f.current=n,p.current=r,_()),n._subscribe({name:r,formState:{values:!0},exact:o,callback:e=>{_(e.values)}})),[n,o,r,_]),d.useEffect(()=>n._removeUnmounted());let v=f.current!==n,y=p.current,b=d.useMemo(()=>{if(a)return null;let e=!v&&!vm(y,r);return v||e?g():null},[a,v,r,y,g]);return b===null?m:b}function bm(e){let t=um(),{name:n,disabled:r,control:i=t,shouldUnregister:a,defaultValue:o,exact:s=!0}=e,c=qp(i._names.array,n),l=ym({control:i,name:n,defaultValue:d.useMemo(()=>Z(i._formValues,n,Z(i._defaultValues,n,o)),[i,n,o]),exact:s}),u=pm({control:i,name:n,exact:s}),f=d.useRef(e),p=d.useRef(null),m=d.useRef(i.register(n,{...e.rules,value:l,...om(e.disabled)?{disabled:e.disabled}:{}}));f.current=e;let h=d.useMemo(()=>Object.defineProperties({},{invalid:{enumerable:!0,get:()=>!!Z(u.errors,n)},isDirty:{enumerable:!0,get:()=>!!Z(u.dirtyFields,n)},isTouched:{enumerable:!0,get:()=>!!Z(u.touchedFields,n)},isValidating:{enumerable:!0,get:()=>!!Z(u.validatingFields,n)},error:{enumerable:!0,get:()=>Z(u.errors,n)}}),[u,n]),g=d.useCallback(e=>{let t=Kp(e);return Z(i._fields,n)||(m.current=i.register(n,{...f.current.rules,value:t})),m.current.onChange({target:{value:Kp(e),name:n},type:Zp.CHANGE})},[n,i]),_=d.useCallback(()=>m.current.onBlur({target:{value:Z(i._formValues,n),name:n},type:Zp.BLUR}),[n,i._formValues]),v=d.useCallback(e=>{e&&(p.current={focus:()=>sm(e.focus)&&e.focus(),select:()=>sm(e.select)&&e.select(),setCustomValidity:t=>sm(e.setCustomValidity)&&e.setCustomValidity(t),reportValidity:()=>sm(e.reportValidity)&&e.reportValidity()});let t=Z(i._fields,n);t&&t._f&&e&&(t._f.ref=p.current)},[i._fields,n]),y=d.useMemo(()=>({name:n,value:l,...om(r)||u.disabled?{disabled:u.disabled||r}:{},onChange:g,onBlur:_,ref:v}),[n,r,u.disabled,g,_,v,l]);return d.useEffect(()=>{let e=i._options.shouldUnregister||a;i.register(n,{...f.current.rules,...om(f.current.disabled)?{disabled:f.current.disabled}:{}});let t=(e,t)=>{let n=Z(i._fields,e);n&&n._f&&(n._f.mount=t)};if(t(n,!0),e){let e=Xp(Z(a?i._defaultValues:i._options.values||i._defaultValues,n,Z(i._options.defaultValues,n,f.current.defaultValue)));cm(i._defaultValues,n,e),im(Z(i._formValues,n))&&cm(i._formValues,n,e)}if(!c&&i.register(n),p.current){let e=Z(i._fields,n);e&&e._f&&(e._f.ref=p.current)}return()=>{(c?e&&!i._state.action:e)?i.unregister(n):t(n,!1)}},[n,i,c,a]),d.useEffect(()=>{i._setDisabledField({disabled:r,name:n})},[r,n,i]),d.useMemo(()=>({field:y,formState:u,fieldState:h}),[y,u,h])}var xm=e=>e.render(bm(e)),Sm=d.createContext(null);Sm.displayName=`HookFormContext`;var Cm=(e,t,n,r,i)=>t?{...n[e],types:{...n[e]&&n[e].types?n[e].types:{},[r]:i||!0}}:{},wm=e=>Array.isArray(e)?e.filter(Boolean):[],Tm=e=>Array.isArray(e)?e:[e],Em=()=>{let e=[];return{get observers(){return e},next:t=>{for(let n of e)n.next&&n.next(t)},subscribe:t=>(e.push(t),{unsubscribe:()=>{e=e.filter(e=>e!==t)}}),unsubscribe:()=>{e=[]}}};function Dm(e,t){let n={};for(let r in e)if(e.hasOwnProperty(r)){let i=e[r],a=t[r];if(i&&Gp(i)&&a){let e=Dm(i,a);Gp(e)&&(n[r]=e)}else e[r]&&(n[r]=a)}return n}var Om=e=>Gp(e)&&!Object.keys(e).length,km=e=>e.type===`file`,Am=e=>{if(!Yp)return!1;let t=e?e.ownerDocument:0;return e instanceof(t&&t.defaultView?t.defaultView.HTMLElement:HTMLElement)},jm=e=>e.type===`select-multiple`,Mm=e=>e.type===`radio`,Nm=e=>Mm(e)||Vp(e),Pm=e=>Am(e)&&e.isConnected;function Fm(e,t){let n=t.slice(0,-1).length,r=0;for(;r<n;){if(Up(e)){e=void 0;break}e=e[t[r]],r++}return e}function Im(e){for(let t in e)if(e.hasOwnProperty(t)&&!im(e[t]))return!1;return!0}function Lm(e,t){if(mm(t)&&Object.prototype.hasOwnProperty.call(e,t))return delete e[t],e;let n=Array.isArray(t)?t:rm(t)?[t]:am(t),r=n.length===1?e:Fm(e,n),i=n.length-1,a=n[i];return r&&delete r[a],i!==0&&(Gp(r)&&Om(r)||Array.isArray(r)&&Im(r))&&Lm(e,n.slice(0,-1)),e}var Rm=e=>{for(let t in e)if(sm(e[t]))return!0;return!1};function zm(e){return Array.isArray(e)||Gp(e)&&!Rm(e)}function Bm(e,t={}){for(let n in e){let r=e[n];zm(r)?(t[n]=Array.isArray(r)?[]:{},Bm(r,t[n])):im(r)||(t[n]=!0)}return t}function Vm(e){if(e!==!1){if(e===!0)return!0;if(Array.isArray(e)){let t=e.map(e=>Vm(e));return t.some(e=>e!==void 0)?t:void 0}if(Gp(e)){let t={};for(let n in e){let r=Vm(e[n]);im(r)||(t[n]=r)}return Object.keys(t).length?t:void 0}}}function Hm(e,t,n){n||=Bm(t);for(let r in e){let i=e[r];if(zm(i))im(t)||gm(n[r])?n[r]=Bm(i,Array.isArray(i)?[]:{}):Hm(i,Up(t)?{}:t[r],n[r]);else{let e=t[r];n[r]=!vm(i,e)}}return Vm(n)||{}}var Um={value:!1,isValid:!1},Wm={value:!0,isValid:!0},Gm=e=>{if(Array.isArray(e)){if(e.length>1){let t=e.filter(e=>e&&e.checked&&!e.disabled).map(e=>e.value);return{value:t,isValid:!!t.length}}return e[0].checked&&!e[0].disabled?e[0].attributes&&!im(e[0].attributes.value)?im(e[0].value)||e[0].value===``?Wm:{value:e[0].value,isValid:!0}:Wm:Um}return Um},Km=(e,{valueAsNumber:t,valueAsDate:n,setValueAs:r})=>im(e)?e:t?e===``?NaN:e&&+e:n&&mm(e)?new Date(e):r?r(e):e,qm={isValid:!1,value:null},Jm=e=>Array.isArray(e)?e.reduce((e,t)=>t&&t.checked&&!t.disabled?{isValid:!0,value:t.value}:e,qm):qm;function Ym(e){let t=e.ref;return km(t)?t.files:Mm(t)?Jm(e.refs).value:jm(t)?[...t.selectedOptions].map(({value:e})=>e):Vp(t)?Gm(e.refs).value:Km(im(t.value)?e.ref.value:t.value,e)}var Xm=(e,t,n,r)=>{let i={};for(let n of e){let e=Z(t,n);e&&cm(i,n,e._f)}return{criteriaMode:n,names:[...e],fields:i,shouldUseNativeValidation:r}},Zm=e=>e instanceof RegExp,Qm=e=>im(e)?e:Zm(e)?e.source:Gp(e)?Zm(e.value)?e.value.source:e.value:e,$m=e=>({isOnSubmit:!e||e===Qp.onSubmit,isOnBlur:e===Qp.onBlur,isOnChange:e===Qp.onChange,isOnAll:e===Qp.all,isOnTouch:e===Qp.onTouched}),eh=`AsyncFunction`,th=e=>!!e&&!!e.validate&&!!(sm(e.validate)&&e.validate.constructor.name===eh||Gp(e.validate)&&Object.values(e.validate).find(e=>e.constructor.name===eh)),nh=e=>e.mount&&(e.required||e.min||e.max||e.maxLength||e.minLength||e.pattern||e.validate),rh=(e,t,n)=>!n&&(t.watchAll||t.watch.has(e)||[...t.watch].some(t=>e.startsWith(`${t}.`))),ih=(e,t,n,r)=>{for(let i of n||Object.keys(e)){let n=Z(e,i);if(n){let{_f:e,...a}=n;if(e){if(e.refs&&e.refs[0]&&t(e.refs[0],i)&&!r||e.ref&&t(e.ref,e.name)&&!r)return!0;if(ih(a,t))break}else if(Gp(a)&&ih(a,t))break}}};function ah(e,t,n){let r=Z(e,n);if(r||rm(n))return{error:r,name:n};let i=n.split(`.`);for(;i.length;){let r=i.join(`.`),a=Z(t,r),o=Z(e,r);if(a&&!Array.isArray(a)&&n!==r)return{name:n};if(o&&o.type)return{name:r,error:o};if(o&&o.root&&o.root.type)return{name:`${r}.root`,error:o.root};i.pop()}return{name:n}}var oh=(e,t,n,r)=>{n(e);let{name:i,...a}=e;return Om(a)||r&&Object.keys(a).length>=Object.keys(t).length||Object.keys(a).find(e=>t[e]===(!r||Qp.all))},sh=(e,t,n)=>!e||!t||e===t||Tm(e).some(e=>e&&(n?e===t:e.startsWith(t)||t.startsWith(e))),ch=(e,t,n,r,i)=>i.isOnAll?!1:!n&&i.isOnTouch?!(t||e):(n?r.isOnBlur:i.isOnBlur)?!e:(n?r.isOnChange:i.isOnChange)?e:!0,lh=(e,t)=>!wm(Z(e,t)).length&&Lm(e,t),uh=(e,t,n)=>{let r=Z(e,n),i=Array.isArray(r)?r:[];return cm(i,tm,t[n]),cm(e,n,i),e};function dh(e,t,n=`validate`){if(mm(e)||Array.isArray(e)&&e.every(mm)||om(e)&&!e)return{type:n,message:mm(e)?e:``,ref:t}}var fh=e=>Gp(e)&&!Zm(e)?e:{value:e,message:``},ph=async(e,t,n,r,i,a)=>{let{ref:o,refs:s,required:c,maxLength:l,minLength:u,min:d,max:f,pattern:p,validate:m,name:h,valueAsNumber:g,mount:_}=e._f,v=Z(n,h);if(!_||t.has(h))return{};let y=s?s[0]:o,b=e=>{if(i&&y.reportValidity){let t=om(e)?``:e||``;s?s.forEach(e=>e.setCustomValidity(t)):y.setCustomValidity(t),y.reportValidity()}},x={},ee=Mm(o),S=Vp(o),C=ee||S,w=(g||km(o))&&im(o.value)&&im(v)||Am(o)&&o.value===``||v===``||Array.isArray(v)&&!v.length,T=Cm.bind(null,h,r,x),E=(e,t,n,r=$p.maxLength,i=$p.minLength)=>{let a=e?t:n;x[h]={type:e?r:i,message:a,ref:o,...T(e?r:i,a)}};if(a?!Array.isArray(v)||!v.length:c&&(!C&&(w||Up(v))||om(v)&&!v||S&&!Gm(s).isValid||ee&&!Jm(s).isValid)){let{value:e,message:t}=mm(c)?{value:!!c,message:c}:fh(c);if(e&&(x[h]={type:$p.required,message:t,ref:y,...T($p.required,t)},!r))return b(t),x}if(!w&&(!Up(d)||!Up(f))){let e,t,n=fh(f),i=fh(d);if(!Up(v)&&!isNaN(v)){let r=o.valueAsNumber||v&&+v;Up(n.value)||(e=r>n.value),Up(i.value)||(t=r<i.value)}else{let r=o.valueAsDate||new Date(v),a=e=>new Date(new Date().toDateString()+` `+e),s=o.type==`time`,c=o.type==`week`;mm(n.value)&&v&&(e=s?a(v)>a(n.value):c?v>n.value:r>new Date(n.value)),mm(i.value)&&v&&(t=s?a(v)<a(i.value):c?v<i.value:r<new Date(i.value))}if((e||t)&&(E(!!e,n.message,i.message,$p.max,$p.min),!r))return b(x[h].message),x}if((l||u)&&!w&&(mm(v)||a&&Array.isArray(v))){let e=fh(l),t=fh(u),n=!Up(e.value)&&v.length>+e.value,i=!Up(t.value)&&v.length<+t.value;if((n||i)&&(E(n,e.message,t.message),!r))return b(x[h].message),x}if(p&&!w&&mm(v)){let{value:e,message:t}=fh(p);if(Zm(e)&&!v.match(e)&&(x[h]={type:$p.pattern,message:t,ref:o,...T($p.pattern,t)},!r))return b(t),x}if(m){if(sm(m)){let e=dh(await m(v,n),y);if(e&&(x[h]={...e,...T($p.validate,e.message)},!r))return b(e.message),x}else if(Gp(m)){let e={};for(let t in m){if(!Om(e)&&!r)break;let i=dh(await m[t](v,n),y,t);i&&(e={...i,...T(t,i.message)},b(i.message),r&&(x[h]=e))}if(!Om(e)&&(x[h]={ref:y,...e},!r))return x}}return b(!0),x},mh={mode:Qp.onSubmit,reValidateMode:Qp.onChange,shouldFocusError:!0},hh={submitCount:0,isDirty:!1,isReady:!1,isValidating:!1,isSubmitted:!1,isSubmitting:!1,isSubmitSuccessful:!1,isValid:!1,touchedFields:{},dirtyFields:{},validatingFields:{}};function gh(e={}){let t={...mh,...e},n={...Xp(hh),isLoading:sm(t.defaultValues),errors:t.errors||{},disabled:t.disabled||!1},r={},i=(Gp(t.defaultValues)||Gp(t.values))&&Xp(t.defaultValues||t.values)||{},a=t.shouldUnregister?{}:Xp(i),o={action:!1,mount:!1,watch:!1,keepIsValid:!1},s={mount:new Set,disabled:new Set,unMount:new Set,array:new Set,watch:new Set,registerName:new Set},c,l=0,u={isDirty:!1,dirtyFields:!1,validatingFields:!1,touchedFields:!1,isValidating:!1,isValid:!1,errors:!1},d={...u},f={...d},p={array:Em(),state:Em()},m=t.criteriaMode===Qp.all,h=e=>t=>{clearTimeout(l),l=setTimeout(e,t)},g=async e=>{if(!o.keepIsValid&&!t.disabled&&(d.isValid||f.isValid||e)){let e;t.resolver?(e=Om((await T()).errors),_()):e=await te({fields:r,onlyCheckValid:!0,eventType:Zp.VALID}),e!==n.isValid&&p.state.next({isValid:e})}},_=(e,r)=>{!t.disabled&&(d.isValidating||d.validatingFields||f.isValidating||f.validatingFields)&&((e||Array.from(s.mount)).forEach(e=>{e&&(r?cm(n.validatingFields,e,r):Lm(n.validatingFields,e))}),p.state.next({validatingFields:n.validatingFields,isValidating:!Om(n.validatingFields)}))},v=()=>{n.dirtyFields=Hm(i,a)},y=(e,i=[],s,c,l=!0,u=!0)=>{if(c&&s&&!t.disabled){if(o.action=!0,u&&Array.isArray(Z(r,e))){let t=s(Z(r,e),c.argA,c.argB);l&&cm(r,e,t)}if(u&&Array.isArray(Z(n.errors,e))){let t=s(Z(n.errors,e),c.argA,c.argB);l&&cm(n.errors,e,t),lh(n.errors,e)}if((d.touchedFields||f.touchedFields)&&u&&Array.isArray(Z(n.touchedFields,e))){let t=s(Z(n.touchedFields,e),c.argA,c.argB);l&&cm(n.touchedFields,e,t)}(d.dirtyFields||f.dirtyFields)&&v(),p.state.next({name:e,isDirty:ne(e,i),dirtyFields:n.dirtyFields,errors:n.errors,isValid:n.isValid})}else cm(a,e,i)},b=(e,t)=>{cm(n.errors,e,t),n.errors={...n.errors},p.state.next({errors:n.errors})},x=e=>{n.errors=e,p.state.next({errors:n.errors,isValid:!1})},ee=e=>{let t=rm(e)?[e]:am(e),n=a,r=i;for(let e=0;e<t.length-1;e++){let i=t[e];if(n=Up(n)?n:n[i],r=Up(r)?r:r[i],n===null&&r!==null)return!0}return!1},S=(t,c,l,u)=>{let m=Z(r,t);if(m){if(ee(t))return;let r=im(Z(a,t)),h=Z(a,t,im(l)?Z(i,t):l);im(h)||u&&u.defaultChecked||c?cm(a,t,c?h:Ym(m._f)):j(t,h),o.mount&&!o.action&&(g(),r&&n.isDirty&&(d.isDirty||f.isDirty)&&(ne()||(n.isDirty=!1,p.state.next({...n}))),e.shouldUnregister&&r&&!im(Z(a,t))&&rh(t,s)&&(o.watch=!0))}},C=(e,r,o,s,c)=>{let l=!1,u=!1,m={name:e};if(!t.disabled){if(!o||s){(d.isDirty||f.isDirty)&&(u=n.isDirty,n.isDirty=m.isDirty=ne(),l=u!==m.isDirty);let t=vm(Z(i,e),r);u=!!Z(n.dirtyFields,e),t===n.isDirty?t?Lm(n.dirtyFields,e):cm(n.dirtyFields,e,!0):n.dirtyFields=Hm(i,a),m.dirtyFields=n.dirtyFields,l||=(d.dirtyFields||f.dirtyFields)&&u!==!t}if(o){let t=Z(n.touchedFields,e);t||(cm(n.touchedFields,e,o),m.touchedFields=n.touchedFields,l||=(d.touchedFields||f.touchedFields)&&t!==o)}l&&c&&p.state.next(m)}return l?m:{}},w=(e,r,i,a)=>{let o=Z(n.errors,e),s=(d.isValid||f.isValid)&&om(r)&&n.isValid!==r;if(t.delayError&&i?(c=h(()=>b(e,i)),c(t.delayError)):(clearTimeout(l),c=null,i?cm(n.errors,e,i):Lm(n.errors,e),n.errors={...n.errors}),(i?!vm(o,i):o)||!Om(a)||s){let t={...a,...s&&om(r)?{isValid:r}:{},errors:n.errors,name:e};n={...n,...t},p.state.next(t)}},T=async e=>(_(e,!0),await t.resolver(a,t.context,Xm(e||s.mount,r,t.criteriaMode,t.shouldUseNativeValidation))),E=async e=>{let{errors:t}=await T(e);if(_(e),e){for(let r of e){let e=Z(t,r);e?s.array.has(r)&&Gp(e)&&!Object.keys(e).some(e=>!Number.isNaN(Number(e)))?uh(n.errors,{[r]:e},r):cm(n.errors,r,e):Lm(n.errors,r)}n.errors={...n.errors}}else n.errors=t;return t},D=async({name:t,eventType:r})=>{if(e.validate){let i=await e.validate({formValues:a,formState:n,name:t,eventType:r});if(Gp(i))for(let e in i){let t=i[e];t&&I(`${em}.${e}`,{message:mm(t.message)?t.message:``,type:t.type||$p.validate})}else mm(i)||!i?I(em,{message:i||``,type:$p.validate}):ce(em);return i}return!0},te=async({fields:r,onlyCheckValid:i,name:o,eventType:c,context:l={valid:!0,runRootValidation:!1}})=>{if(e.validate&&(l.runRootValidation=!0,!await D({name:o,eventType:c})&&(l.valid=!1,i)))return l.valid;for(let o in r){let u=r[o];if(u){let{_f:r,...p}=u;if(r){let o=s.array.has(r.name),c=u._f&&th(u._f),p=d.validatingFields||d.isValidating||f.validatingFields||f.isValidating;c&&p&&_([r.name],!0);let h=await ph(u,s.disabled,a,m,t.shouldUseNativeValidation&&!i,o);if(c&&p&&_([r.name]),h[r.name]&&(l.valid=!1,i)||(!i&&(Z(h,r.name)?o?uh(n.errors,h,r.name):cm(n.errors,r.name,h[r.name]):Lm(n.errors,r.name)),e.shouldUseNativeValidation&&h[r.name]))break}!Om(p)&&await te({context:l,onlyCheckValid:i,fields:p,name:o,eventType:c})}}return l.valid},O=()=>{for(let e of s.unMount){let t=Z(r,e);t&&(t._f.refs?t._f.refs.every(e=>!Pm(e)):!Pm(t._f.ref))&&fe(e)}s.unMount=new Set},ne=(e,n)=>!t.disabled&&(e&&n&&cm(a,e,n),!vm(se(),i)),k=(e,t,n)=>hm(e,s,{...o.mount?a:im(t)?i:mm(e)?{[e]:t}:t},n,t),A=e=>wm(Z(o.mount?a:i,e,t.shouldUnregister?Z(i,e,[]):[])),j=(e,t,n={},i=!1)=>{let o=Z(r,e),s=t;if(o){let n=o._f;n&&(!n.disabled&&cm(a,e,Km(t,n)),s=Am(n.ref)&&Up(t)?``:t,jm(n.ref)?[...n.ref.options].forEach(e=>e.selected=s.includes(e.value)):n.refs?Vp(n.ref)?n.refs.forEach(e=>{(!e.defaultChecked||!e.disabled)&&(Array.isArray(s)?e.checked=!!s.find(t=>t===e.value):e.checked=s===e.value||!!s)}):n.refs.forEach(e=>e.checked=e.value===s):km(n.ref)?n.ref.value=``:(n.ref.value=s,n.ref.type||p.state.next({name:e,values:i?a:Xp(a)})))}(n.shouldDirty||n.shouldTouch)&&C(e,s,n.shouldTouch,n.shouldDirty,!0),n.shouldValidate&&P(e)},M=(e,t,n,i=!1)=>{for(let a in t){if(!t.hasOwnProperty(a))return;let o=t[a],c=e+`.`+a,l=Z(r,c);(s.array.has(e)||Gp(o)||l&&!l._f)&&!Hp(o)?M(c,o,n,i):j(c,o,n,i)}},re=(e,t,i,c)=>{let l=Z(r,e),u=s.array.has(e),m=c?t:Xp(t),h=vm(Z(a,e),m);if(h||cm(a,e,m),u)p.array.next({name:e,values:c?a:Xp(a)}),(d.isDirty||d.dirtyFields||f.isDirty||f.dirtyFields)&&i.shouldDirty&&(v(),p.state.next({name:e,dirtyFields:n.dirtyFields,isDirty:ne(e,m)}));else{let t=Array.isArray(m)&&!m.length||Om(m);!l||l._f||Up(m)||t?j(e,m,i,c):M(e,m,i,c)}if(!h){let t=rh(e,s),r=c?a:Xp(a);p.state.next({...t&&n,name:o.mount||t?e:void 0,values:r})}},ie=(e,t,n={})=>re(e,t,n,!1),ae=(e,t={})=>{let r=sm(e)?e(a):e;if(!vm(a,r)){a={...a,...r};for(let e of s.mount)re(e,Z(r,e),t,!0);p.state.next({...n,name:void 0,type:void 0,values:a}),t.shouldValidate&&g()}},oe=async i=>{o.mount=!0;let l=i.target,u=l.name,h=!0,v=Z(r,u),y=e=>{h=Number.isNaN(e)||Hp(e)&&isNaN(e.getTime())||vm(e,Z(a,u,e))},b=$m(t.mode),x=$m(t.reValidateMode);if(v){let o,ee,S=l.type?Ym(v._f):Kp(i),E=i.type===Zp.BLUR||i.type===Zp.FOCUS_OUT,O=!nh(v._f)&&!e.validate&&!t.resolver&&!Z(n.errors,u)&&!v._f.deps||ch(E,Z(n.touchedFields,u),n.isSubmitted,x,b),ne=rh(u,s,E);cm(a,u,S),E?(!l||!l.readOnly)&&(v._f.onBlur&&v._f.onBlur(i),c&&c(0)):v._f.onChange&&v._f.onChange(i);let k=C(u,S,E),A=!Om(k)||ne;if(!E&&p.state.next({name:u,type:i.type,values:Xp(a)}),O)return(d.isValid||f.isValid)&&(t.mode===`onBlur`?E&&g():E||g()),A&&p.state.next({name:u,...ne?{}:k});if(!t.resolver&&e.validate&&await D({name:u,eventType:i.type}),!E&&ne&&p.state.next({...n}),t.resolver){let{errors:e}=await T([u]);if(_([u]),y(S),!h){!Om(k)&&p.state.next(k);return}let t=ah(n.errors,r,u),i=ah(e,r,t.name||u);o=i.error,u=i.name,ee=Om(e)}else _([u],!0),o=(await ph(v,s.disabled,a,m,t.shouldUseNativeValidation))[u],_([u]),y(S),h&&(o?ee=!1:(d.isValid||f.isValid)&&(ee=await te({fields:r,onlyCheckValid:!0,name:u,eventType:i.type})));h&&(v._f.deps&&(!Array.isArray(v._f.deps)||v._f.deps.length>0)&&P(v._f.deps),w(u,ee,o,k))}},N=(e,t)=>{if(Z(n.errors,t)&&e.focus)return e.focus(),1},P=async(e,i={})=>{let a,o,c=Tm(e);if(t.resolver){let t=await E(im(e)?e:c);a=Om(t),o=e?!c.some(e=>Z(t,e)):a}else e?(o=(await Promise.all(c.map(async e=>{let t=Z(r,e);return await te({fields:t&&t._f?{[e]:t}:t,eventType:Zp.TRIGGER})}))).every(Boolean),!(!o&&!n.isValid)&&g()):o=a=await te({fields:r,name:e,eventType:Zp.TRIGGER});return p.state.next({...!mm(e)||(d.isValid||f.isValid)&&a!==n.isValid?{}:{name:e},...t.resolver||!e?{isValid:a}:{},errors:n.errors}),i.shouldFocus&&!o&&ih(r,N,e?c:s.mount),o},se=(e,t)=>{let r={...o.mount?a:i};return t&&(r=Dm(t.dirtyFields?n.dirtyFields:n.touchedFields,r)),im(e)?r:mm(e)?Z(r,e):e.map(e=>Z(r,e))},F=(e,t)=>({invalid:!!Z((t||n).errors,e),isDirty:!!Z((t||n).dirtyFields,e),error:Z((t||n).errors,e),isValidating:!!Z(n.validatingFields,e),isTouched:!!Z((t||n).touchedFields,e)}),ce=e=>{let t=e?Tm(e):void 0;t?.forEach(e=>Lm(n.errors,e)),t?t.forEach(e=>{p.state.next({name:e,errors:n.errors})}):p.state.next({errors:{}})},I=(e,t,i)=>{let a=(Z(r,e,{_f:{}})._f||{}).ref,{ref:o,message:s,type:c,...l}=Z(n.errors,e)||{};cm(n.errors,e,{...l,...t,ref:a}),p.state.next({name:e,errors:n.errors,isValid:!1}),i&&i.shouldFocus&&a&&a.focus&&a.focus()},le=(e,t)=>sm(e)?p.state.subscribe({next:n=>`values`in n&&e(n.values||k(void 0,t),n)}):k(e,t,!0),ue=e=>p.state.subscribe({next:t=>{if(sh(e.name,t.name,e.exact)&&oh(t,e.formState||d,be,e.reRenderRoot)){let r={...a};e.callback({values:r,...n,...t,defaultValues:i})}}}).unsubscribe,de=e=>(o.mount=!0,f={...f,...e.formState},ue({...e,formState:{...u,...e.formState}})),fe=(e,o={})=>{for(let c of e?Tm(e):s.mount)s.mount.delete(c),s.array.delete(c),o.keepValue||(Lm(r,c),Lm(a,c)),!o.keepError&&Lm(n.errors,c),!o.keepDirty&&Lm(n.dirtyFields,c),!o.keepTouched&&Lm(n.touchedFields,c),!o.keepIsValidating&&Lm(n.validatingFields,c),!t.shouldUnregister&&!o.keepDefaultValue&&Lm(i,c);p.state.next({values:Xp(a)}),p.state.next({...n,...o.keepDirty?{isDirty:ne()}:{}}),!o.keepIsValid&&g()},pe=({disabled:e,name:t})=>{if(om(e)&&o.mount||e||s.disabled.has(t)){let n=s.disabled.has(t)!==!!e;e?s.disabled.add(t):s.disabled.delete(t),n&&o.mount&&!o.action&&g()}},me=(e,n={})=>{let a=Z(r,e),c=om(n.disabled)||om(t.disabled),l=!s.registerName.has(e)&&a&&a._f&&!a._f.mount;return cm(r,e,{...a||{},_f:{...a&&a._f?a._f:{ref:{name:e}},name:e,mount:!0,...n}}),s.mount.add(e),a&&!l?pe({disabled:om(n.disabled)?n.disabled:t.disabled,name:e}):S(e,!0,n.value),{...c?{disabled:n.disabled||t.disabled}:{},...t.progressive?{required:!!n.required,min:Qm(n.min),max:Qm(n.max),minLength:Qm(n.minLength),maxLength:Qm(n.maxLength),pattern:Qm(n.pattern)}:{},name:e,onChange:oe,onBlur:oe,ref:c=>{if(c){s.registerName.add(e),me(e,n),s.registerName.delete(e),a=Z(r,e);let t=im(c.value)&&c.querySelectorAll&&c.querySelectorAll(`input,select,textarea`)[0]||c,o=Nm(t),l=a._f.refs||[];if(o?l.find(e=>e===t):t===a._f.ref)return;cm(r,e,{_f:{...a._f,...o?{refs:[...l.filter(Pm),t,...Array.isArray(Z(i,e))?[{}]:[]],ref:{type:t.type,name:e}}:{ref:t}}}),S(e,!1,void 0,t)}else a=Z(r,e,{}),a._f&&(a._f.mount=!1),(t.shouldUnregister||n.shouldUnregister)&&!(qp(s.array,e)&&o.action)&&s.unMount.add(e)}}},L=()=>t.shouldFocusError&&!t.shouldUseNativeValidation&&ih(r,N,s.mount),he=e=>{om(e)&&(p.state.next({disabled:e}),ih(r,(t,n)=>{let i=Z(r,n);i&&(t.disabled=i._f.disabled||e,Array.isArray(i._f.refs)&&i._f.refs.forEach(t=>{t.disabled=i._f.disabled||e}))},0,!1))},R=(e,i)=>async o=>{let c;o&&(o.preventDefault&&o.preventDefault(),o.persist&&o.persist());let l=Xp(a);if(p.state.next({isSubmitting:!0}),t.resolver){let{errors:e,values:t}=await T();_(),n.errors=e,l=Xp(t)}else await te({fields:r,eventType:Zp.SUBMIT});if(s.disabled.size)for(let e of s.disabled)Lm(l,e);if(Lm(n.errors,tm),Om(n.errors)){p.state.next({errors:{}});try{await e(l,o)}catch(e){c=e}}else i&&await i({...n.errors},o),L(),setTimeout(L);if(p.state.next({isSubmitted:!0,isSubmitting:!1,isSubmitSuccessful:Om(n.errors)&&!c,submitCount:n.submitCount+1,errors:n.errors}),c)throw c},ge=(e,t={})=>{Z(r,e)&&(im(t.defaultValue)?ie(e,Xp(Z(i,e))):(ie(e,t.defaultValue),cm(i,e,Xp(t.defaultValue))),t.keepTouched||Lm(n.touchedFields,e),t.keepDirty||(Lm(n.dirtyFields,e),n.isDirty=t.defaultValue?ne(e,Xp(Z(i,e))):ne()),t.keepError||(Lm(n.errors,e),d.isValid&&g()),p.state.next({...n}))},_e=(e,c={})=>{let l=e?Xp(e):i,u=Xp(l),f=Om(e),m=u;if(c.keepDefaultValues||(i=l),!c.keepValues){if(c.keepDirtyValues){let e=new Set([...s.mount,...Object.keys(Hm(i,a))]);for(let t of Array.from(e)){let e=Z(n.dirtyFields,t),r=Z(a,t),i=Z(m,t);e&&!im(r)?cm(m,t,r):!e&&!im(i)&&ie(t,i)}}else{if(Yp&&im(e))for(let e of s.mount){let t=Z(r,e);if(t&&t._f){let e=Array.isArray(t._f.refs)?t._f.refs[0]:t._f.ref;if(Am(e)){let t=e.closest(`form`);if(t){t.reset();break}}}}if(c.keepFieldsRef)for(let e of s.mount)ie(e,Z(m,e));else r={}}if(t.shouldUnregister){if(a=c.keepDefaultValues?Xp(i):{},c.keepFieldsRef)for(let e of s.mount)cm(a,e,Z(m,e))}else a=Xp(m);p.array.next({values:{...m}}),p.state.next({values:{...m}})}s={mount:c.keepDirtyValues?s.mount:new Set,unMount:new Set,array:new Set,registerName:new Set,disabled:new Set,watch:new Set,watchAll:!1,focus:``},o.mount=!d.isValid||!!c.keepIsValid||!!c.keepDirtyValues||!t.shouldUnregister&&!Om(m),o.watch=!!t.shouldUnregister,o.keepIsValid=!!c.keepIsValid,o.action=!1,c.keepErrors||(n.errors={}),p.state.next({submitCount:c.keepSubmitCount?n.submitCount:0,isDirty:f?!1:c.keepDirty?n.isDirty:c.keepValues?ne():!!(c.keepDefaultValues&&!vm(e,i)),isSubmitted:c.keepIsSubmitted?n.isSubmitted:!1,dirtyFields:f?{}:c.keepDirtyValues?c.keepDefaultValues&&a?Hm(i,a):n.dirtyFields:c.keepDefaultValues&&e?Hm(i,e):c.keepDirty?n.dirtyFields:{},touchedFields:c.keepTouched?n.touchedFields:{},errors:c.keepErrors?n.errors:{},isSubmitSuccessful:c.keepIsSubmitSuccessful?n.isSubmitSuccessful:!1,isSubmitting:!1,defaultValues:i})},ve=(e,n)=>_e(sm(e)?e(a):e,{...t.resetOptions,...n}),ye=(e,t={})=>{let n=Z(r,e),i=n&&n._f;if(i){let e=i.refs?i.refs[0]:i.ref;e.focus&&setTimeout(()=>{e.focus(),t.shouldSelect&&sm(e.select)&&e.select()})}},be=e=>{n={...n,...e}},xe={control:{register:me,unregister:fe,getFieldState:F,handleSubmit:R,setError:I,_subscribe:ue,_runSchema:T,_updateIsValidating:_,_focusError:L,_getWatch:k,_getDirty:ne,_setValid:g,_setFieldArray:y,_setDisabledField:pe,_setErrors:x,_getFieldArray:A,_reset:_e,_resetDefaultValues:()=>sm(t.defaultValues)&&t.defaultValues().then(e=>{ve(e,t.resetOptions),p.state.next({isLoading:!1})}),_removeUnmounted:O,_disableForm:he,_subjects:p,_proxyFormState:d,get _fields(){return r},get _formValues(){return a},get _state(){return o},set _state(e){o=e},get _defaultValues(){return i},get _names(){return s},set _names(e){s=e},get _formState(){return n},get _options(){return t},set _options(e){t={...t,...e}}},subscribe:de,trigger:P,register:me,handleSubmit:R,watch:le,setValue:ie,setValues:ae,getValues:se,reset:ve,resetField:ge,resetDefaultValues:(e,t={})=>{if(i=Xp(e),!t.keepDirty){let e=Hm(i,a);n.dirtyFields=e,n.isDirty=!Om(e)}t.keepIsValid||g(),p.state.next({...n,defaultValues:i})},clearErrors:ce,unregister:fe,setError:I,setFocus:ye,getFieldState:F};return{...xe,formControl:xe}}function _h(e={}){let t=d.useRef(void 0),n=d.useRef(void 0),r=d.useRef(e.formControl),[i,a]=d.useState(()=>({...Xp(hh),isLoading:sm(e.defaultValues),errors:e.errors||{},disabled:e.disabled||!1,defaultValues:sm(e.defaultValues)?void 0:e.defaultValues}));if(!t.current||e.formControl&&r.current!==e.formControl)if(r.current=e.formControl,e.formControl)t.current={...e.formControl,formState:i},e.defaultValues&&!sm(e.defaultValues)&&e.formControl.reset(e.defaultValues,e.resetOptions);else{let{formControl:n,...r}=gh(e);t.current={...r,formState:i}}let o=t.current.control;return o._options=e,fm(()=>{let e=o._subscribe({formState:o._proxyFormState,callback:()=>a({...o._formState,defaultValues:o._defaultValues}),reRenderRoot:!0});return a(e=>({...e,isReady:!0})),o._formState.isReady=!0,e},[o]),d.useEffect(()=>o._disableForm(e.disabled),[o,e.disabled]),d.useEffect(()=>{e.mode&&(o._options.mode=e.mode),e.reValidateMode&&(o._options.reValidateMode=e.reValidateMode)},[o,e.mode,e.reValidateMode]),d.useEffect(()=>{e.errors&&(o._setErrors(e.errors),o._focusError())},[o,e.errors]),d.useEffect(()=>{e.shouldUnregister&&o._subjects.state.next({values:o._getWatch()})},[o,e.shouldUnregister]),d.useEffect(()=>{if(o._proxyFormState.isDirty){let e=o._getDirty();e!==i.isDirty&&o._subjects.state.next({isDirty:e})}},[o,i.isDirty]),d.useEffect(()=>{e.values&&!vm(e.values,n.current)?(o._reset(e.values,{keepFieldsRef:!0,...o._options.resetOptions}),o._options.resetOptions?.keepIsValid||o._setValid(),n.current=e.values,a(e=>({...e}))):o._resetDefaultValues()},[o,e.values]),d.useEffect(()=>{o._state.mount||(o._setValid(),o._state.mount=!0),o._state.watch&&(o._state.watch=!1,o._subjects.state.next({...o._formState})),o._removeUnmounted()}),t.current.formState=d.useMemo(()=>dm(i,o),[o,i]),t.current}function vh(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(e!=null&&typeof Object.getOwnPropertySymbols==`function`)for(var i=0,r=Object.getOwnPropertySymbols(e);i<r.length;i++)t.indexOf(r[i])<0&&Object.prototype.propertyIsEnumerable.call(e,r[i])&&(n[r[i]]=e[r[i]]);return n}var yh;(function(e){e.event=`event`,e.props=`prop`})(yh||={});function bh(){}function xh(e){var t,n=void 0;return function(){for(var r=[],i=arguments.length;i--;)r[i]=arguments[i];return t&&r.length===t.length&&r.every(function(e,n){return e===t[n]})?n:(t=r,n=e.apply(void 0,r),n)}}function Sh(e){return!!(e||``).match(/\d/)}function Ch(e){return e==null}function wh(e){return typeof e==`number`&&isNaN(e)}function Th(e){return Ch(e)||wh(e)||typeof e==`number`&&!isFinite(e)}function Eh(e){return e.replace(/[-[\]/{}()*+?.\\^$|]/g,`\\$&`)}function Dh(e){switch(e){case`lakh`:return/(\d+?)(?=(\d\d)+(\d)(?!\d))(\.\d+)?/g;case`wan`:return/(\d)(?=(\d{4})+(?!\d))/g;default:return/(\d)(?=(\d{3})+(?!\d))/g}}function Oh(e,t,n){var r=Dh(n),i=e.search(/[1-9]/);return i=i===-1?e.length:i,e.substring(0,i)+e.substring(i,e.length).replace(r,`$1`+t)}function kh(e){var t=(0,d.useRef)(e);return t.current=e,(0,d.useRef)(function(){for(var e=[],n=arguments.length;n--;)e[n]=arguments[n];return t.current.apply(t,e)}).current}function Ah(e,t){t===void 0&&(t=!0);var n=e[0]===`-`,r=n&&t;e=e.replace(`-`,``);var i=e.split(`.`);return{beforeDecimal:i[0],afterDecimal:i[1]||``,hasNegation:n,addNegation:r}}function jh(e){if(!e)return e;var t=e[0]===`-`;t&&(e=e.substring(1,e.length));var n=e.split(`.`),r=n[0].replace(/^0+/,``)||`0`,i=n[1]||``;return(t?`-`:``)+r+(i?`.`+i:``)}function Mh(e,t,n){for(var r=``,i=n?`0`:``,a=0;a<=t-1;a++)r+=e[a]||i;return r}function Nh(e,t){return Array(t+1).join(e)}function Ph(e){var t=e+``,n=t[0]===`-`?`-`:``;n&&(t=t.substring(1));var r=t.split(/[eE]/g),i=r[0],a=r[1];if(a=Number(a),!a)return n+i;i=i.replace(`.`,``);var o=1+a,s=i.length;return o<0?i=`0.`+Nh(`0`,Math.abs(o))+i:o>=s?i+=Nh(`0`,o-s):i=(i.substring(0,o)||`0`)+`.`+i.substring(o),n+i}function Fh(e,t,n){if([``,`-`].indexOf(e)!==-1)return e;var r=(e.indexOf(`.`)!==-1||n)&&t,i=Ah(e),a=i.beforeDecimal,o=i.afterDecimal,s=i.hasNegation,c=parseFloat(`0.`+(o||`0`)),l=(o.length<=t?`0.`+o:c.toFixed(t)).split(`.`),u=a;a&&Number(l[0])&&(u=a.split(``).reverse().reduce(function(e,t,n){return e.length>n?(Number(e[0])+Number(t)).toString()+e.substring(1,e.length):t+e},l[0]));var d=Mh(l[1]||``,t,n),f=s?`-`:``,p=r?`.`:``;return``+f+u+p+d}function Ih(e,t){if(e.value=e.value,e!==null){if(e.createTextRange){var n=e.createTextRange();return n.move(`character`,t),n.select(),!0}return e.selectionStart||e.selectionStart===0?(e.focus(),e.setSelectionRange(t,t),!0):(e.focus(),!1)}}var Lh=xh(function(e,t){for(var n=0,r=0,i=e.length,a=t.length;e[n]===t[n]&&n<i;)n++;for(;e[i-1-r]===t[a-1-r]&&a-r>n&&i-r>n;)r++;return{from:{start:n,end:i-r},to:{start:n,end:a-r}}}),Rh=function(e,t){var n=Math.min(e.selectionStart,t);return{from:{start:n,end:e.selectionEnd},to:{start:n,end:t}}};function zh(e,t,n){return Math.min(Math.max(e,t),n)}function Bh(e){return Math.max(e.selectionStart,e.selectionEnd)}function Vh(){return typeof navigator<`u`&&!(navigator.platform&&/iPhone|iPod/.test(navigator.platform))}function Hh(e){return{from:{start:0,end:0},to:{start:0,end:e.length},lastValue:``}}function Uh(e){var t=e.currentValue,n=e.formattedValue,r=e.currentValueIndex,i=e.formattedValueIndex;return t[r]===n[i]}function Wh(e,t,n,r,i,a,o){o===void 0&&(o=Uh);var s=i.findIndex(function(e){return e}),c=e.slice(0,s);!t&&!n.startsWith(c)&&(t=c,n=c+n,r+=c.length);for(var l=n.length,u=e.length,d={},f=Array(l),p=0;p<l;p++){f[p]=-1;for(var m=0,h=u;m<h;m++)if(o({currentValue:n,lastValue:t,formattedValue:e,currentValueIndex:p,formattedValueIndex:m})&&d[m]!==!0){f[p]=m,d[m]=!0;break}}for(var g=r;g<l&&(f[g]===-1||!a(n[g]));)g++;var _=g===l||f[g]===-1?u:f[g];for(g=r-1;g>0&&f[g]===-1;)g--;var v=g===-1||f[g]===-1?0:f[g]+1;return v>_?_:r-v<_-r?v:_}function Gh(e,t,n,r){var i=e.length;if(t=zh(t,0,i),r===`left`){for(;t>=0&&!n[t];)t--;t===-1&&(t=n.indexOf(!0))}else{for(;t<=i&&!n[t];)t++;t>i&&(t=n.lastIndexOf(!0))}return t===-1&&(t=i),t}function Kh(e){for(var t=Array.from({length:e.length+1}).map(function(){return!0}),n=0,r=t.length;n<r;n++)t[n]=!!(Sh(e[n])||Sh(e[n-1]));return t}function qh(e,t,n,r,i,a){a===void 0&&(a=bh);var o=kh(function(e,t){var n,a;return Th(e)?(a=``,n=``):typeof e==`number`||t?(a=typeof e==`number`?Ph(e):e,n=r(a)):(a=i(e,void 0),n=r(a)),{formattedValue:n,numAsString:a}}),s=(0,d.useState)(function(){return o(Ch(e)?t:e,n)}),c=s[0],l=s[1],u=kh(function(e,t){e.formattedValue!==c.formattedValue&&l({formattedValue:e.formattedValue,numAsString:e.value}),a(e,t)}),f=e,p=n;Ch(e)&&(f=c.numAsString,p=!0);var m=o(f,p);return(0,d.useMemo)(function(){l(m)},[m.formattedValue]),(0,d.useEffect)(function(){if(!Ch(t)&&Ch(e)&&c.formattedValue!==``){var n=parseFloat(c.numAsString);u({formattedValue:c.formattedValue,value:c.numAsString,floatValue:isNaN(n)?void 0:n},{event:void 0,source:yh.props})}},[]),[c,u]}function Jh(e){return e.replace(/[^0-9]/g,``)}function Yh(e){return e}function Xh(e){var t=e.type;t===void 0&&(t=`text`);var n=e.displayType;n===void 0&&(n=`input`);var r=e.customInput,i=e.renderText,a=e.getInputRef,o=e.format;o===void 0&&(o=Yh);var s=e.removeFormatting;s===void 0&&(s=Jh);var c=e.defaultValue,l=e.valueIsNumericString,u=e.onValueChange,f=e.isAllowed,p=e.onChange;p===void 0&&(p=bh);var m=e.onKeyDown;m===void 0&&(m=bh);var h=e.onMouseUp;h===void 0&&(h=bh);var g=e.onFocus;g===void 0&&(g=bh);var _=e.onBlur;_===void 0&&(_=bh);var v=e.value,y=e.getCaretBoundary;y===void 0&&(y=Kh);var b=e.isValidInputCharacter;b===void 0&&(b=Sh);var x=e.isCharacterSame,ee=vh(e,[`type`,`displayType`,`customInput`,`renderText`,`getInputRef`,`format`,`removeFormatting`,`defaultValue`,`valueIsNumericString`,`onValueChange`,`isAllowed`,`onChange`,`onKeyDown`,`onMouseUp`,`onFocus`,`onBlur`,`value`,`getCaretBoundary`,`isValidInputCharacter`,`isCharacterSame`]),S=qh(v,c,!!l,o,s,u),C=S[0],w=C.formattedValue,T=C.numAsString,E=S[1],D=(0,d.useRef)(),te=(0,d.useRef)({formattedValue:w,numAsString:T}),O=function(e,t){te.current={formattedValue:e.formattedValue,numAsString:e.value},E(e,t)},ne=(0,d.useState)(!1),k=ne[0],A=ne[1],j=(0,d.useRef)(null),M=(0,d.useRef)({setCaretTimeout:null,focusTimeout:null});(0,d.useEffect)(function(){return A(!0),function(){clearTimeout(M.current.setCaretTimeout),clearTimeout(M.current.focusTimeout)}},[]);var re=o,ie=function(e,t){var n=parseFloat(t);return{formattedValue:e,value:t,floatValue:isNaN(n)?void 0:n}},ae=function(e,t,n){e.selectionStart===0&&e.selectionEnd===e.value.length||(Ih(e,t),M.current.setCaretTimeout=setTimeout(function(){e.value===n&&e.selectionStart!==t&&Ih(e,t)},0))},oe=function(e,t,n){return Gh(e,t,y(e),n)},N=function(e,t,n){var r=y(t),i=Wh(t,w,e,n,r,b,x);return i=Gh(t,i,r),i},P=function(e){var t=e.formattedValue;t===void 0&&(t=``);var n=e.input,r=e.source,i=e.event,a=e.numAsString,o;if(n){var s=e.inputValue||n.value,c=Bh(n);n.value=t,o=N(s,t,c),o!==void 0&&ae(n,o,t)}t!==w&&O(ie(t,a),{event:i,source:r})};(0,d.useEffect)(function(){var e=te.current,t=e.formattedValue,n=e.numAsString;(w!==t||T!==n)&&O(ie(w,T),{event:void 0,source:yh.props})},[w,T]);var se=j.current?Bh(j.current):void 0;(typeof window<`u`?d.useLayoutEffect:d.useEffect)(function(){var e=j.current;if(w!==te.current.formattedValue&&e){var t=N(te.current.formattedValue,w,se);e.value=w,ae(e,t,w)}},[w]);var F=function(e,t,n){var r=t.target,i=D.current?Rh(D.current,r.selectionEnd):Lh(w,e),a=Object.assign(Object.assign({},i),{lastValue:w}),o=s(e,a),c=re(o);if(o=s(c,void 0),f&&!f(ie(c,o))){var l=t.target,u=N(e,w,Bh(l));return l.value=w,ae(l,u,w),!1}return P({formattedValue:c,numAsString:o,inputValue:e,event:t,source:n,input:t.target}),!0},ce=function(e,t){t===void 0&&(t=0),D.current={selectionStart:e.selectionStart,selectionEnd:e.selectionEnd+t}},I=function(e){var t=e.target.value;F(t,e,yh.event)&&p(e),D.current=void 0},le=function(e){var t=e.target,n=e.key,r=t.selectionStart,i=t.selectionEnd,a=t.value;a===void 0&&(a=``);var o;n===`ArrowLeft`||n===`Backspace`?o=Math.max(r-1,0):n===`ArrowRight`?o=Math.min(r+1,a.length):n===`Delete`&&(o=r);var s=0;n===`Delete`&&r===i&&(s=1);var c=n===`ArrowLeft`||n===`ArrowRight`;if(o===void 0||r!==i&&!c){m(e),ce(t,s);return}var l=o;c?(l=oe(a,o,n===`ArrowLeft`?`left`:`right`),l!==o&&e.preventDefault()):n===`Delete`&&!b(a[o])?l=oe(a,o,`right`):n===`Backspace`&&!b(a[o])&&(l=oe(a,o,`left`)),l!==o&&ae(t,l,a),m(e),ce(t,s)},ue=function(e){var t=e.target,n=function(){var e=t.selectionStart,n=t.selectionEnd,r=t.value;if(r===void 0&&(r=``),e===n){var i=oe(r,e);i!==e&&ae(t,i,r)}};n(),requestAnimationFrame(function(){n()}),h(e),ce(t)},de=function(e){e.persist&&e.persist();var t=e.target,n=e.currentTarget;j.current=t,M.current.focusTimeout=setTimeout(function(){var r=t.selectionStart,i=t.selectionEnd,a=t.value;a===void 0&&(a=``);var o=oe(a,r);o!==r&&!(r===0&&i===a.length)&&ae(t,o,a),g(Object.assign(Object.assign({},e),{currentTarget:n}))},0)},fe=function(e){j.current=null,clearTimeout(M.current.focusTimeout),clearTimeout(M.current.setCaretTimeout),_(e)},pe=k&&Vh()?`numeric`:void 0,me=Object.assign({inputMode:pe},ee,{type:t,value:w,onChange:I,onKeyDown:le,onMouseUp:ue,onFocus:de,onBlur:fe});if(n===`text`)return i?d.createElement(d.Fragment,null,i(w,ee)||null):d.createElement(`span`,Object.assign({},ee,{ref:a}),w);if(r){var L=r;return d.createElement(L,Object.assign({},me,{ref:a}))}return d.createElement(`input`,Object.assign({},me,{ref:a}))}function Zh(e,t){var n=t.decimalScale,r=t.fixedDecimalScale,i=t.prefix;i===void 0&&(i=``);var a=t.suffix;a===void 0&&(a=``);var o=t.allowNegative,s=t.thousandsGroupStyle;if(s===void 0&&(s=`thousand`),e===``||e===`-`)return e;var c=Qh(t),l=c.thousandSeparator,u=c.decimalSeparator,d=n!==0&&e.indexOf(`.`)!==-1||n&&r,f=Ah(e,o),p=f.beforeDecimal,m=f.afterDecimal,h=f.addNegation;return n!==void 0&&(m=Mh(m,n,!!r)),l&&(p=Oh(p,l,s)),i&&(p=i+p),a&&(m+=a),h&&(p=`-`+p),e=p+(d&&u||``)+m,e}function Qh(e){var t=e.decimalSeparator;t===void 0&&(t=`.`);var n=e.thousandSeparator,r=e.allowedDecimalSeparators;return n===!0&&(n=`,`),r||=[t,`.`],{decimalSeparator:t,thousandSeparator:n,allowedDecimalSeparators:r}}function $h(e,t){e===void 0&&(e=``);var n=RegExp(`(-)`),r=RegExp(`(-)(.)*(-)`),i=n.test(e),a=r.test(e);return e=e.replace(/-/g,``),i&&!a&&t&&(e=`-`+e),e}function eg(e,t){return RegExp(`(^-)|[0-9]|`+Eh(e),t?`g`:void 0)}function tg(e,t,n){return e===``?!0:!t?.match(/\d/)&&!n?.match(/\d/)&&typeof e==`string`&&!isNaN(Number(e))}function ng(e,t,n){var r;t===void 0&&(t=Hh(e));var i=n.allowNegative,a=n.prefix;a===void 0&&(a=``);var o=n.suffix;o===void 0&&(o=``);var s=n.decimalScale,c=t.from,l=t.to,u=l.start,d=l.end,f=Qh(n),p=f.allowedDecimalSeparators,m=f.decimalSeparator,h=e[d]===m;if(Sh(e)&&(e===a||e===o)&&t.lastValue===``)return e;if(d-u===1&&p.indexOf(e[u])!==-1){var g=s===0?``:m;e=e.substring(0,u)+g+e.substring(u+1,e.length)}var _=function(e,t,n){var r=!1,i=!1;a.startsWith(`-`)?r=!1:e.startsWith(`--`)?(r=!1,i=!0):o.startsWith(`-`)&&e.length===o.length?r=!1:e[0]===`-`&&(r=!0);var s=+!!r;return i&&(s=2),s&&(e=e.substring(s),t-=s,n-=s),{value:e,start:t,end:n,hasNegation:r}},v=_(e,u,d),y=v.hasNegation;r=v,e=r.value,u=r.start,d=r.end;var b=_(t.lastValue,c.start,c.end),x=b.start,ee=b.end,S=b.value,C=e.substring(u,d);e.length&&S.length&&(x>S.length-o.length||ee<a.length)&&!(C&&o.startsWith(C))&&(e=S);var w=0;e.startsWith(a)?w+=a.length:u<a.length&&(w=u),e=e.substring(w),d-=w;var T=e.length,E=e.length-o.length;e.endsWith(o)?T=E:(d>E||d>e.length-o.length)&&(T=d),e=e.substring(0,T),e=$h(y?`-`+e:e,i),e=(e.match(eg(m,!0))||[]).join(``);var D=e.indexOf(m);e=e.replace(new RegExp(Eh(m),`g`),function(e,t){return t===D?`.`:``});var te=Ah(e,i),O=te.beforeDecimal,ne=te.afterDecimal,k=te.addNegation;return l.end-l.start<c.end-c.start&&O===``&&h&&!parseFloat(ne)&&(e=k?`-`:``),e}function rg(e,t){var n=t.prefix;n===void 0&&(n=``);var r=t.suffix;r===void 0&&(r=``);var i=Array.from({length:e.length+1}).map(function(){return!0}),a=e[0]===`-`;i.fill(!1,0,Math.min(n.length+ +!!a,e.length));var o=e.length;return i.fill(!1,o-r.length+1,o+1),i}function ig(e){var t=Qh(e),n=t.thousandSeparator,r=t.decimalSeparator,i=e.prefix;i===void 0&&(i=``);var a=e.allowNegative;if(a===void 0&&(a=!0),n===r)throw Error(`
|
|
60
|
+
Decimal separator can't be same as thousand separator.
|
|
61
|
+
thousandSeparator: `+n+` (thousandSeparator = {true} is same as thousandSeparator = ",")
|
|
62
|
+
decimalSeparator: `+r+` (default value for decimalSeparator is .)
|
|
63
|
+
`);return i.startsWith(`-`)&&a&&(console.error(`
|
|
64
|
+
Prefix can't start with '-' when allowNegative is true.
|
|
65
|
+
prefix: `+i+`
|
|
66
|
+
allowNegative: `+a+`
|
|
67
|
+
`),a=!1),Object.assign(Object.assign({},e),{allowNegative:a})}function ag(e){e=ig(e),e.decimalSeparator,e.allowedDecimalSeparators,e.thousandsGroupStyle;var t=e.suffix,n=e.allowNegative,r=e.allowLeadingZeros,i=e.onKeyDown;i===void 0&&(i=bh);var a=e.onBlur;a===void 0&&(a=bh);var o=e.thousandSeparator,s=e.decimalScale,c=e.fixedDecimalScale,l=e.prefix;l===void 0&&(l=``);var u=e.defaultValue,d=e.value,f=e.valueIsNumericString,p=e.onValueChange,m=vh(e,[`decimalSeparator`,`allowedDecimalSeparators`,`thousandsGroupStyle`,`suffix`,`allowNegative`,`allowLeadingZeros`,`onKeyDown`,`onBlur`,`thousandSeparator`,`decimalScale`,`fixedDecimalScale`,`prefix`,`defaultValue`,`value`,`valueIsNumericString`,`onValueChange`]),h=Qh(e),g=h.decimalSeparator,_=h.allowedDecimalSeparators,v=function(t){return Zh(t,e)},y=function(t,n){return ng(t,n,e)},b=Ch(d)?u:d,x=f??tg(b,l,t);Ch(d)?Ch(u)||(x||=typeof u==`number`):x||=typeof d==`number`;var ee=function(e){return Th(e)?e:(typeof e==`number`&&(e=Ph(e)),x&&typeof s==`number`?Fh(e,s,!!c):e)},S=qh(ee(d),ee(u),!!x,v,y,p),C=S[0],w=C.numAsString,T=C.formattedValue,E=S[1];return Object.assign(Object.assign({},m),{value:T,valueIsNumericString:!1,isValidInputCharacter:function(e){return e===g?!0:Sh(e)},isCharacterSame:function(e){var t=e.currentValue,n=e.lastValue,r=e.formattedValue,i=e.currentValueIndex,a=e.formattedValueIndex,o=t[i],u=r[a],f=Lh(n,t).to,p=function(e){return y(e).indexOf(`.`)+l.length};return d===0&&c&&s&&t[f.start]===g&&p(t)<i&&p(r)>a?!1:i>=f.start&&i<f.end&&_&&_.includes(o)&&u===g?!0:o===u},onValueChange:E,format:v,removeFormatting:y,getCaretBoundary:function(t){return rg(t,e)},onKeyDown:function(e){var t=e.target,r=e.key,a=t.selectionStart,u=t.selectionEnd,d=t.value;if(d===void 0&&(d=``),(r===`Backspace`||r===`Delete`)&&u<l.length&&d!==`-`){e.preventDefault();return}if(a!==u){i(e);return}r===`Backspace`&&d[0]===`-`&&a===l.length+1&&n&&Ih(t,1),s&&c&&(r===`Backspace`&&d[a-1]===g?(Ih(t,a-1),e.preventDefault()):r===`Delete`&&d[a]===g&&e.preventDefault()),_?.includes(r)&&d[a]===g&&Ih(t,a+1);var f=o===!0?`,`:o;r===`Backspace`&&d[a-1]===f&&Ih(t,a-1),r===`Delete`&&d[a]===f&&Ih(t,a+1),i(e)},onBlur:function(t){var n=w;n.match(/\d/g)||(n=``),r||(n=jh(n)),c&&s&&(n=Fh(n,s,c)),n!==w&&E({formattedValue:Zh(n,e),value:n,floatValue:parseFloat(n)},{event:t,source:yh.event}),a(t)}})}function og(e){var t=ag(e);return d.createElement(Xh,Object.assign({},t))}var sg=class{parse(e){return e==null||e===``?``:String(e).replace(/[eE.,]/g,``).replace(/\d[+-]/g,``)}},cg=/[.,+eE]/,lg=e=>{e.key.length===1&&!e.ctrlKey&&!e.metaKey&&cg.test(e.key)&&e.preventDefault()};function ug({_label:e,_msg:t,_touched:n,_on:r,_required:i,value:a,thousandSeparator:o=!0,suffix:s=`€`,...c}){let l=r&&typeof r==`object`?r:void 0;return(0,J.jsx)(og,{...c,value:a,suffix:s,thousandSeparator:o,valueIsNumericString:!1,customInput:r=>{let a=r.value;return(0,J.jsx)(L,{...r,_value:a,_label:e,_msg:t,_touched:n,_required:i,_on:{onBlur:r.onBlur,onChange:r.onChange,onFocus:r.onFocus,onInput:r.onInput}})},onValueChange:e=>{let t=new Event(`input`);l?.onInput?.(t,e.floatValue)},onBlur:e=>{l?.onBlur?.(e.nativeEvent)}})}function dg(e){let{name:t,control:n,rules:r,defaultValue:i,shouldUnregister:a,disabled:o,_label:s,_required:c,...l}=e;return(0,J.jsx)(xm,{name:t,control:n,rules:r,defaultValue:i,shouldUnregister:a,disabled:o,render:({field:e,fieldState:t})=>{let n=l._on;return(0,J.jsx)(ug,{...l,_label:s,_required:c,value:e.value,_touched:t.isTouched,_msg:t.error?{_type:`error`,_description:t.error.message||String(t.error)}:void 0,_on:{onInput:(t,r)=>{e.onChange(r),n?.onInput?.(t,r)},onBlur:()=>e.onBlur()}})}})}function fg(){let e=new sg,[t,n]=d.useState(void 0),[r,i]=d.useState(-128),[a,o]=d.useState(!1),s=_h({defaultValues:{currency:1e6},mode:`onTouched`}),c=s.watch();return(0,J.jsxs)(J.Fragment,{children:[(0,J.jsx)(X,{children:(0,J.jsx)(`p`,{children:`This example demonstrates formatting number input. The first example shows whole number formatting where decimal separators (. and ,) and scientific notation (e) are automatically removed on input. The second example shows currency formatting with react-number-format in a react-hook-form context.`})}),(0,J.jsxs)(`section`,{className:`w-full grid gap-4`,children:[(0,J.jsxs)(`div`,{children:[(0,J.jsx)(oe,{children:(0,J.jsx)(de,{_label:`Whole number`,_step:1,_value:t??r,_on:{onKeyDown:lg,onBlur:()=>{o(!0)},onInput:(t,r)=>{let a=e.parse(r),o=a===``?void 0:Number(a);n(o),i(o)}}})}),(0,J.jsx)(`pre`,{className:`text-base mt-2`,children:JSON.stringify({value:r,touched:a},null,2)})]}),(0,J.jsxs)(`div`,{children:[(0,J.jsx)(oe,{_on:{onSubmit:e=>{s.handleSubmit(async()=>{})(e)}},children:(0,J.jsx)(dg,{control:s.control,name:`currency`,decimalScale:2,displayType:`input`,rules:{required:`Please enter a currency amount.`},_label:`Currency`,_required:!0})}),(0,J.jsx)(`pre`,{className:`text-base mt-2`,children:JSON.stringify(c,null,2)})]})]})]})}var pg={"input-number":{basic:zp,"get-value":Bp,"number-formatter":fg}},mg=(0,d.forwardRef)(function(e,t){return(0,J.jsxs)(`div`,{className:`grid gap-4`,children:[(0,J.jsx)(`div`,{className:`black-background`,children:(0,J.jsx)(fe,{...e,_label:`Passwort (Black background test)`})}),(0,J.jsx)(fe,{...e,ref:t,_accessKey:`P`,_required:!0,_hint:Dd,_msg:{_type:`error`,_description:Y},_placeholder:`Mit Icons`,_label:`Passwort`,_icons:{left:{icon:`kolicon-chevron-left`},right:{icon:`kolicon-chevron-right`}},_touched:!0}),(0,J.jsx)(fe,{...e,_msg:{_type:`info`,_description:`Just a hint`},_label:`Passwort`,_touched:!0}),(0,J.jsx)(fe,{...e,_msg:{_type:`warning`,_description:`Small warning`},_label:`Passwort`,_touched:!0}),(0,J.jsx)(fe,{...e,_msg:{_type:`success`,_description:`Success message`},_label:`Passwort`,_touched:!0}),(0,J.jsx)(fe,{...e,_msg:{_type:`default`,_description:`Default message`},_label:`Passwort`,_touched:!0}),(0,J.jsx)(fe,{...e,_disabled:!0,_msg:{_type:`error`,_description:Y},_label:`Passwort (Disabled)`,_touched:!0}),(0,J.jsx)(fe,{...e,_readOnly:!0,_label:`Passwort (Readonly)`}),(0,J.jsx)(fe,{...e,ref:t,_shortKey:`c`,_label:`With access key`}),(0,J.jsx)(fe,{...e,ref:t,_shortKey:`s`,_label:`With short key`})]})}),hg=(0,d.forwardRef)(function(e,t){return(0,J.jsxs)(tf,{children:[(0,J.jsxs)(`fieldset`,{children:[(0,J.jsx)(`legend`,{children:`Password`}),(0,J.jsx)(mg,{...e})]}),(0,J.jsxs)(`fieldset`,{children:[(0,J.jsx)(`legend`,{children:`Password (hideLabel)`}),(0,J.jsx)(mg,{ref:t,...e,_hideLabel:!0})]})]})}),gg={"input-password":{basic:()=>(0,J.jsxs)(J.Fragment,{children:[(0,J.jsx)(X,{children:(0,J.jsx)(`p`,{children:`KolInputPassword renders a password input field. The sample shows KolInputPassword in a form context with all variations and states.`})}),(0,J.jsx)(ef,{RefComponent:hg,showButtons:!1})]}),"get-value":()=>(0,J.jsxs)(J.Fragment,{children:[(0,J.jsx)(X,{children:(0,J.jsxs)(`p`,{children:[`Shows the callback value from `,(0,J.jsx)(`code`,{children:`onInput`}),` while typing and from `,(0,J.jsx)(`code`,{children:`onChange`}),` after leaving the field.`]})}),(0,J.jsx)(up,{label:`KolInputPassword`,renderInput:e=>(0,J.jsx)(fe,{_label:`Password`,_on:e})})]}),"show-password":()=>{let e=(0,d.useRef)(null);return(0,J.jsxs)(J.Fragment,{children:[(0,J.jsx)(X,{children:(0,J.jsx)(`p`,{children:`This sample shows KolInputPassword in the variant "visibility-toggle". It features a button to toggle between a visible and hidden password input.`})}),(0,J.jsxs)(oe,{className:`w-full`,children:[(0,J.jsx)(fe,{_placeholder:`With 'Show password' button`,_label:`Password`,ref:e,className:`block`,_visibilityToggle:!0}),(0,J.jsx)(fe,{_placeholder:`With 'Show password' button`,_label:`Password`,ref:e,className:`block`,_visibilityToggle:!0,_value:`Password`}),(0,J.jsx)(fe,{_placeholder:`With 'Show password' button and disabled`,_label:`Password`,ref:e,className:`block`,_disabled:!0,_visibilityToggle:!0})]})]})}}},_g=(0,d.forwardRef)(function(e,t){return(0,J.jsxs)(`div`,{className:`grid gap-4`,children:[(0,J.jsx)(`div`,{className:`black-background`,children:(0,J.jsx)(pe,{...e,_options:`[{'disabled':true,'label':'Mrs. (disabled)','value':'Mrs.'},{'label':'Mr.'},{'label':'Company','value':'Company'}]`,_label:`Salutation (Black background test)`})}),(0,J.jsx)(pe,{...e,_required:!0,_msg:{_type:`error`,_description:Y},_touched:!0,_value:`Company`,_options:`[{'label':'Mrs.','value':'Mrs.'},{'disabled':true,'label':'Mr. (disabled)','value':'Mr.'},{'label':'Company','value':'Company'}]`,_label:`Salutation (with error)`}),(0,J.jsx)(pe,{...e,ref:t,_orientation:`horizontal`,_required:!0,_value:`Company`,_options:`[{'label':'Mrs.','value':'Mrs.'},{'disabled':true,'label':'Mr. (disabled)'},{'label':'Company','value':'Company'}]`,_label:`Salutation (horizontal)`}),(0,J.jsx)(pe,{...e,_disabled:!0,_orientation:`horizontal`,_required:!0,_msg:{_type:`error`,_description:Y},_touched:!0,_value:`Company`,_options:`[{'label':'Mrs.','value':'Mrs.'},{'disabled':true,'label':'Mr. (disabled)'},{'label':'Company','value':'Company'}]`,_label:`Salutation (horizontal with error)`}),(0,J.jsx)(pe,{...e,_disabled:!0,_value:`Company`,_options:`[{'label':'Mrs.','value':'Mrs.'},{'disabled':true,'label':'Mr. (disabled)'},{'label':'Company','value':'Company'}]`,_label:`Salutation`,_touched:!0}),(0,J.jsx)(pe,{...e,_orientation:`horizontal`,_required:!0,_msg:{_type:`error`,_description:Y},_touched:!0,_value:`Company`,_options:[{label:`Mrs.`,value:`Mrs.`,hint:`Description for option "Mrs."`},{label:`Mr. (disabled)`,value:`Mr.`,hint:`Description for option "Mr."`,disabled:!0},{label:`Company`,value:`Company`,hint:`Description for option "Company"`}],_label:`Salutation (horizontal with error hint and description)`,_hint:Dd})]})}),vg=(0,d.forwardRef)(function(e,t){return(0,J.jsxs)(tf,{children:[(0,J.jsxs)(`div`,{className:`border border-solid border-dark-100 p-3`,children:[(0,J.jsx)(N,{_level:2,_label:`Radio`,className:`block mb-2`}),(0,J.jsx)(_g,{...e})]}),(0,J.jsxs)(`div`,{className:`border border-solid border-dark-100 p-3`,children:[(0,J.jsx)(N,{_level:2,_label:`Radio (hideLabel)`,className:`block mb-2`}),(0,J.jsx)(_g,{ref:t,...e,_hideLabel:!0})]})]})}),yg={"input-radio":{basic:()=>(0,J.jsxs)(J.Fragment,{children:[(0,J.jsx)(X,{children:(0,J.jsx)(`p`,{children:`KolInputRadio renders a set of radio buttons. The sample shows KolInputRadio in a form context with all variations and states.`})}),(0,J.jsx)(ef,{RefComponent:vg,showButtons:!1})]}),"get-value":()=>(0,J.jsxs)(J.Fragment,{children:[(0,J.jsx)(X,{children:(0,J.jsxs)(`p`,{children:[`Shows the callback value from `,(0,J.jsx)(`code`,{children:`onInput`}),` while typing and from `,(0,J.jsx)(`code`,{children:`onChange`}),` after leaving the field.`]})}),(0,J.jsx)(up,{label:`KolInputRadio`,renderInput:e=>(0,J.jsx)(pe,{_label:`Option`,_options:[{label:`One`,value:`one`},{label:`Two`,value:`two`}],_on:e})})]}),horizontal:()=>{let[e,t]=(0,d.useState)(!0),[n,r]=(0,d.useState)(`horizontal`),i=[{label:`Field 1`,value:1},{label:`Field 2`,value:2}];return(0,J.jsxs)(`div`,{className:`grid gap-4`,children:[(0,J.jsx)(X,{children:(0,J.jsxs)(`p`,{children:[`This sample shows the `,(0,J.jsx)(`code`,{children:`horizontal`}),` and `,(0,J.jsx)(`code`,{children:`vertical`}),` orientation of KolInoutRadio. It also features a button to test re-rendering.`]})}),(0,J.jsxs)(`div`,{className:`flex gap-4`,children:[(0,J.jsx)(k,{_label:`Click me a few times`,_on:{onClick:()=>{t(e=>!e)}}}),(0,J.jsx)(F,{_label:`Switch orientation (horizontal/vertical)`,_on:{onChange:()=>{r(e=>e===`horizontal`?`vertical`:`horizontal`)}},_variant:`switch`})]}),e&&(0,J.jsx)(oe,{children:(0,J.jsxs)(`div`,{className:`container my-4 d-grid gap-4`,children:[(0,J.jsx)(pe,{_label:`Test (${n})`,_options:i,_orientation:n,_required:!0}),(0,J.jsx)(pe,{_hideLabel:!0,_label:`Test (${n})`,_options:i,_orientation:n,_required:!0})]})})]})},object:()=>{let e=[{label:`Field 1`,value:{id:1,name:`Option 1`}},{label:`Field 2`,value:{id:2,name:`Option 2`}}];return(0,J.jsxs)(`div`,{className:`grid gap-4`,children:[(0,J.jsxs)(X,{children:[`This sample shows KolInputRadio with `,(0,J.jsx)(`code`,{children:`object`}),` and `,(0,J.jsx)(`code`,{children:`undefined`}),` values.`]}),(0,J.jsxs)(oe,{children:[(0,J.jsxs)(`p`,{children:[`In this example for `,(0,J.jsx)(`code`,{children:`KolInputRadio`}),`, the values of the options are defined as objects.`]}),(0,J.jsx)(`div`,{className:`container my-4 d-grid gap-4`,children:(0,J.jsx)(pe,{_value:e[1].value,_options:e,_label:`Test (with object value)`})}),(0,J.jsxs)(`p`,{children:[`In this example for `,(0,J.jsx)(`code`,{children:`KolInputRadio`}),`, no value is set.`]}),(0,J.jsx)(`div`,{className:`container my-4 d-grid gap-4`,children:(0,J.jsx)(pe,{_options:e,_label:`Test (without value)`})})]})]})}}},bg=(0,d.forwardRef)(function(e,t){return(0,J.jsxs)(`div`,{className:`grid gap-4`,children:[(0,J.jsx)(`div`,{className:`black-background`,children:(0,J.jsx)(me,{...e,_min:0,_max:50,_msg:{_type:`error`,_description:Y},_label:`Slider (Black background test)`,_icons:{left:{icon:`kolicon-chevron-left`},right:{icon:`kolicon-chevron-right`}},_touched:!0})}),(0,J.jsx)(me,{...e,ref:t,_accessKey:`F`,_min:0,_max:50,_step:10,_hint:Dd,_msg:{_type:`error`,_description:Y},_label:`Slider with error`,_touched:!0}),(0,J.jsx)(me,{...e,_msg:{_type:`info`,_description:`Just a hint`},_label:`Slider`,_touched:!0}),(0,J.jsx)(me,{...e,_msg:{_type:`warning`,_description:`Small warning`},_label:`Slider`,_touched:!0}),(0,J.jsx)(me,{...e,_msg:{_type:`success`,_description:`Success message`},_label:`Slider`,_touched:!0}),(0,J.jsx)(me,{...e,_msg:{_type:`default`,_description:`Default message`},_label:`Slider`,_touched:!0}),(0,J.jsx)(me,{...e,_disabled:!0,_min:0,_max:50,_label:`Slider (disabled)`}),(0,J.jsx)(me,{...e,_min:0,_max:50,_label:`With access key`,_accessKey:`c`}),(0,J.jsx)(me,{...e,_min:0,_max:50,_label:`With short key`,_shortKey:`s`}),(0,J.jsx)(me,{...e,_min:0,_max:5,_label:`Small range (max=5): number input should not be narrower than 4 digits wide`})]})}),xg=(0,d.forwardRef)(function(e,t){return(0,J.jsxs)(tf,{children:[(0,J.jsxs)(`fieldset`,{children:[(0,J.jsx)(`legend`,{children:`Range`}),(0,J.jsx)(bg,{...e})]}),(0,J.jsxs)(`fieldset`,{children:[(0,J.jsx)(`legend`,{children:`Range (hideLabel)`}),(0,J.jsx)(bg,{ref:t,...e,_hideLabel:!0})]})]})}),Sg={"input-range":{basic:()=>(0,J.jsxs)(J.Fragment,{children:[(0,J.jsx)(X,{children:(0,J.jsx)(`p`,{children:`KolInputRange renders a pair of range- and number fields wich are synchronized with each other. The sample shows KolInputRange in a form context with all variations and states.`})}),(0,J.jsx)(ef,{RefComponent:xg,showButtons:!1})]}),"get-value":()=>(0,J.jsxs)(J.Fragment,{children:[(0,J.jsx)(X,{children:(0,J.jsxs)(`p`,{children:[`Shows the callback value from `,(0,J.jsx)(`code`,{children:`onInput`}),` while typing and from `,(0,J.jsx)(`code`,{children:`onChange`}),` after leaving the field.`]})}),(0,J.jsx)(up,{label:`KolInputRange`,renderInput:e=>(0,J.jsx)(me,{_label:`Range`,_on:e})})]})}},Cg=()=>(0,J.jsxs)(J.Fragment,{children:[(0,J.jsx)(X,{children:(0,J.jsx)(`p`,{children:`This story demonstrates access keys and short keys for KolInputText. Access keys provide keyboard shortcuts for focusing inputs.`})}),(0,J.jsxs)(`div`,{className:`grid gap-4`,children:[(0,J.jsx)(L,{_label:`With access key (Alt+F)`,_value:`Press Alt+F to focus`,_accessKey:`f`}),(0,J.jsx)(L,{_label:`With short key (Alt+N)`,_value:`Press Alt+N to focus`,_shortKey:`n`}),(0,J.jsx)(L,{_label:`Access key (Alt+E)`,_value:``,_placeholder:`Email address`,_accessKey:`e`}),(0,J.jsx)(L,{_label:`Short key (Alt+P)`,_value:``,_placeholder:`Phone number`,_shortKey:`p`})]})]}),wg=()=>(0,J.jsxs)(J.Fragment,{children:[(0,J.jsxs)(X,{children:[(0,J.jsxs)(`p`,{children:[`Demonstrates how to use `,(0,J.jsx)(`code`,{children:`_ariaDetails`}),` to reference an external element that provides detailed information about form inputs. All inputs below reference the same details box via their `,(0,J.jsx)(`code`,{children:`_ariaDetails`}),` prop.`]}),(0,J.jsxs)(`p`,{children:[`The `,(0,J.jsx)(`code`,{children:`_ariaDetails`}),` prop uses `,(0,J.jsx)(`code`,{children:`ElementInternals.ariaDetailsElements`}),` to cross the Shadow DOM boundary, making it accessible to screen readers. This works across all form input components: input-text, select, textarea, and combobox.`]})]}),(0,J.jsxs)(`div`,{className:`grid gap-8`,children:[(0,J.jsxs)(`div`,{className:`grid gap-4 p-4 border border-gray-300 rounded`,children:[(0,J.jsx)(`h2`,{className:`text-lg font-semibold`,children:`Form Inputs with Shared Details`}),(0,J.jsx)(L,{_label:`Email Address`,_ariaDetails:`details-box`,_placeholder:`user@example.com`,_hint:`We'll never share your email`}),(0,J.jsx)(Ce,{_label:`Country`,_ariaDetails:`details-box`,_options:[{label:`Germany`,value:`de`},{label:`Austria`,value:`at`},{label:`Switzerland`,value:`ch`}]}),(0,J.jsx)(B,{_label:`Message`,_ariaDetails:`details-box`,_placeholder:`Enter your message here...`,_rows:4}),(0,J.jsx)(M,{_label:`Favorite Language`,_ariaDetails:`details-box`,_suggestions:[`TypeScript`,`JavaScript`,`Python`,`Go`,`Rust`,`Java`]})]}),(0,J.jsxs)(`div`,{id:`details-box`,className:`p-4 bg-blue-50 border-l-4 border-blue-400 rounded`,role:`complementary`,children:[(0,J.jsx)(`h3`,{className:`font-semibold text-blue-900 mb-2`,children:`💡 Form Details`}),(0,J.jsxs)(`ul`,{className:`text-sm text-blue-800 space-y-2`,children:[(0,J.jsxs)(`li`,{children:[(0,J.jsx)(`strong`,{children:`Email:`}),` Please enter a valid email address. We use this to contact you about your submission.`]}),(0,J.jsxs)(`li`,{children:[(0,J.jsx)(`strong`,{children:`Country:`}),` Select your country of residence. This helps us provide localized support.`]}),(0,J.jsxs)(`li`,{children:[(0,J.jsx)(`strong`,{children:`Message:`}),` Provide as much detail as possible. The more information you give, the better we can assist you.`]}),(0,J.jsxs)(`li`,{children:[(0,J.jsx)(`strong`,{children:`Language:`}),` Choose your preferred programming language. This helps us recommend relevant resources.`]})]})]})]})]}),Tg=()=>(0,J.jsxs)(J.Fragment,{children:[(0,J.jsx)(X,{children:(0,J.jsx)(`p`,{children:`This story showcases the component placed on a colored background.`})}),(0,J.jsxs)(`div`,{className:`grid gap-4 bg-blue-400 p-4 rounded`,children:[(0,J.jsx)(`strong`,{children:`Default background:`}),(0,J.jsx)(L,{_label:`First name`,_value:`John Doe`}),(0,J.jsx)(`strong`,{children:`Unset background:`}),(0,J.jsx)(L,{style:{backgroundColor:`unset`},_label:`First name`,_value:`John Doe`})]})]}),Eg=()=>(0,J.jsxs)(J.Fragment,{children:[(0,J.jsx)(X,{children:(0,J.jsx)(`p`,{children:`This story showcases the most important InputText variants: default, required, validation error, disabled, read-only, and with icons.`})}),(0,J.jsxs)(`div`,{className:`grid gap-4`,children:[(0,J.jsx)(L,{_label:`Name`,_value:`Anderson-Clark`,_on:{onBlur:uf,onChange:uf,onClick:uf,onFocus:uf,onInput:uf,onKeyDown:uf},onBlur:lf,onChange:lf,onClick:lf,onFocus:lf,onInput:lf,onKeyDown:lf}),(0,J.jsx)(L,{_label:`Name`,_required:!0,_msg:{_type:`error`,_description:`Please enter your name`},_touched:!0}),(0,J.jsx)(L,{_label:`Name`,_required:!0,_hint:`Enter your surname`}),(0,J.jsx)(L,{_label:`Name`,_value:`Anderson-Clark`,_disabled:!0}),(0,J.jsx)(L,{_label:`Name`,_readOnly:!0,_value:`Anderson-Clark`}),(0,J.jsx)(L,{_label:`Name`,_icons:`kolicon-house`,_value:`Anderson-Clark`})]})]}),Dg=()=>(0,J.jsxs)(J.Fragment,{children:[(0,J.jsx)(X,{children:(0,J.jsx)(`p`,{children:`This story showcases an input with a counter for the chars in the field. Maximal length is 30.`})}),(0,J.jsx)(`div`,{className:`grid gap-4`,children:(0,J.jsx)(L,{_label:`Name`,_icons:`kolicon-house`,_value:`Anderson-Clark`,_hasCounter:!0,_maxLength:30})})]}),Og=()=>(0,J.jsxs)(J.Fragment,{children:[(0,J.jsx)(X,{children:(0,J.jsx)(`p`,{children:`This story demonstrates the disabled state of KolInputText. Disabled inputs cannot be edited or focused.`})}),(0,J.jsxs)(`div`,{className:`grid gap-4`,children:[(0,J.jsx)(L,{_label:`Disabled with placeholder`,_placeholder:`Placeholder text`,_disabled:!0}),(0,J.jsx)(L,{_label:`Disabled with value`,_value:`This field is disabled`,_disabled:!0}),(0,J.jsx)(L,{_label:`Disabled with error message`,_value:`Invalid value`,_msg:{_type:`error`,_description:`Error message`},_disabled:!0,_touched:!0}),(0,J.jsx)(L,{_label:`Comparison: Enabled`,_value:`This field is enabled`})]})]}),kg=()=>(0,J.jsxs)(J.Fragment,{children:[(0,J.jsx)(X,{children:(0,J.jsx)(`p`,{children:`This sample shows KolInputText with expert slot. The expert slot allows for complex custom content beyond simple text inputs.`})}),(0,J.jsxs)(`div`,{className:`grid gap-4`,children:[(0,J.jsx)(L,{_label:``,_type:`text`,children:(0,J.jsx)(`span`,{slot:`expert`,children:`I am more than just a input field`})}),(0,J.jsx)(L,{_label:``,_type:`text`,_value:`Complex example`,children:(0,J.jsxs)(`div`,{slot:`expert`,className:`flex items-center gap-2`,children:[(0,J.jsx)(O,{_label:`Premium`,_color:`#1a73e8`}),(0,J.jsx)(P,{_icons:`kolicon-check`,_label:``}),(0,J.jsx)(`span`,{children:`Verified account with premium features`})]})}),(0,J.jsx)(L,{_label:``,_type:`text`,_placeholder:`Enter your email`,children:(0,J.jsxs)(`div`,{slot:`expert`,style:{padding:`0.5rem`,backgroundColor:`#f0f0f0`,borderRadius:`4px`},children:[(0,J.jsx)(`strong`,{children:`Note:`}),` This email will be used for account recovery and notifications.`]})}),(0,J.jsx)(L,{_label:``,_type:`text`,_required:!0,children:(0,J.jsxs)(`div`,{slot:`expert`,className:`inline-block`,children:[(0,J.jsx)(`span`,{className:`expert-slot-required-label`,children:`Username`}),(0,J.jsx)(be,{_label:`Help`,_icons:`kolicon-alert-info`,_variant:`ghost`,_hideLabel:!0,_inline:!0,children:(0,J.jsx)(`div`,{className:`w-sm p-2 border border-solid border-gray`,children:`You have to take care of the asterics on your own!`})})]})}),(0,J.jsx)(L,{_label:``,_type:`text`,_readOnly:!0,_value:`(read only) is also not appended`,children:(0,J.jsxs)(`div`,{slot:`expert`,className:`inline-block`,children:[(0,J.jsx)(`span`,{className:`expert-slot-required-label`,children:`Username`}),(0,J.jsx)(be,{_label:`Help`,_icons:`kolicon-alert-info`,_variant:`ghost`,_hideLabel:!0,_inline:!0,children:(0,J.jsx)(`div`,{className:`w-sm p-2 border border-solid border-gray`,children:`Readonly is also not appended`})})]})})]})]}),Ag=()=>(0,J.jsxs)(J.Fragment,{children:[(0,J.jsx)(X,{children:(0,J.jsxs)(`p`,{children:[`Shows the callback value from `,(0,J.jsx)(`code`,{children:`onInput`}),` while typing and from `,(0,J.jsx)(`code`,{children:`onChange`}),` after leaving the field.`]})}),(0,J.jsx)(up,{label:`KolInputText`,renderInput:e=>(0,J.jsx)(L,{_label:`Name`,_on:e})})]}),jg=()=>(0,J.jsxs)(`div`,{className:`grid gap-4`,children:[(0,J.jsx)(X,{children:(0,J.jsxs)(`p`,{children:[`This story demonstrates the `,(0,J.jsx)(`code`,{children:`_hideLabel`}),` feature for KolInputText. It allows hiding the label visually while keeping it accessible for screen readers.`]})}),(0,J.jsx)(`section`,{children:(0,J.jsx)(L,{_hideLabel:!0,_label:`Search`,_placeholder:`Search...`,_type:`search`})}),(0,J.jsx)(`section`,{children:(0,J.jsx)(L,{_hideLabel:!0,_label:`Email`,_placeholder:`Enter email`,_msg:{_type:`error`,_description:`Invalid email format`},_touched:!0})}),(0,J.jsx)(`section`,{children:(0,J.jsxs)(`fieldset`,{className:`grid md:grid-cols-2 gap-4`,children:[(0,J.jsx)(`legend`,{children:`Street Address`}),(0,J.jsx)(D,{className:`col-span-2`,_level:0,_type:`error`,children:`Please complete the address`}),(0,J.jsx)(L,{_hideLabel:!0,_hideMsg:!0,_label:`Street name`,_placeholder:`Street name`,_msg:{_type:`error`,_description:`Please complete the address`},_touched:!0}),(0,J.jsx)(L,{_hideLabel:!0,_hideMsg:!0,_label:`House number`,_placeholder:`Number`,_msg:{_type:`error`,_description:`Please complete the address`},_touched:!0})]})})]}),Mg=()=>(0,J.jsxs)(`div`,{className:`grid gap-4`,children:[(0,J.jsx)(X,{children:(0,J.jsxs)(`p`,{children:[`This sample shows the `,(0,J.jsx)(`code`,{children:`_hideMsg`}),` feature for KolInputText. It allows to hide the message from an input field and can be used, when the message (e.g. error) is already shown somewhere else, e.g. for a group of inputs.`]})}),(0,J.jsx)(`section`,{children:(0,J.jsx)(L,{_msg:{_type:`error`,_description:`Error message`},_label:`Input with error`,_touched:!0})}),(0,J.jsx)(`section`,{children:(0,J.jsxs)(`fieldset`,{className:`grid md:grid-cols-2 gap-4`,children:[(0,J.jsx)(`legend`,{children:`Combined input field`}),(0,J.jsx)(D,{className:`col-span-2`,_level:0,_type:`error`,children:`This is a combined error message`}),(0,J.jsx)(L,{_msg:{_type:`error`,_description:`This is a combined error message`},_hideMsg:!0,_label:`First input`,_touched:!0}),(0,J.jsx)(L,{_msg:{_type:`error`,_description:`This is a combined error message`},_hideMsg:!0,_label:`Second input with error`,_touched:!0})]})})]}),Ng=()=>(0,J.jsxs)(J.Fragment,{children:[(0,J.jsx)(X,{children:(0,J.jsx)(`p`,{children:`This story demonstrates all available message types for KolInputText: default, info, error, warning, and success.`})}),(0,J.jsxs)(`div`,{className:`grid gap-4`,children:[(0,J.jsx)(L,{_label:`Default message`,_value:`Valid value`,_msg:{_type:`default`,_description:`This is a default message`},_touched:!0}),(0,J.jsx)(L,{_label:`Error message`,_value:`Invalid value`,_msg:{_type:`error`,_description:`This is an error message`},_touched:!0}),(0,J.jsx)(L,{_label:`Info message`,_value:`Some value`,_msg:{_type:`info`,_description:`This is an informational message`},_touched:!0}),(0,J.jsx)(L,{_label:`Success message`,_value:`Valid value`,_msg:{_type:`success`,_description:`This is a success message`},_touched:!0}),(0,J.jsx)(L,{_label:`Warning message`,_value:`Valid value`,_msg:{_type:`warning`,_description:`This is a warning message`},_touched:!0})]})]}),Pg=()=>(0,J.jsxs)(J.Fragment,{children:[(0,J.jsxs)(X,{children:[(0,J.jsx)(`p`,{children:`Regression sample for #9073: when both _msg and _hasCounter are set, aria-describedby must reference both the message and counter elements.`}),(0,J.jsx)(`p`,{children:`Open DevTools and inspect each input to confirm aria-describedby contains both IDs.`})]}),(0,J.jsxs)(`div`,{className:`grid gap-4`,children:[(0,J.jsx)(L,{_label:`Warning + Counter`,_msg:{_type:`warning`,_description:`Bitte prüfen Sie Ihre Eingabe.`},_hasCounter:!0,_maxLength:30}),(0,J.jsx)(L,{_label:`Error + Counter (touched)`,_msg:{_type:`error`,_description:`Pflichtfeld – bitte ausfüllen.`},_hasCounter:!0,_maxLength:30,_touched:!0}),(0,J.jsx)(L,{_label:`Info + Counter`,_msg:{_type:`info`,_description:`Hinweis: maximal 20 Zeichen.`},_hasCounter:!0,_maxLength:20})]})]}),Fg=`^[A-Za-z]{3}-\\d{3}$`,Ig=()=>(0,J.jsxs)(J.Fragment,{children:[(0,J.jsx)(X,{children:(0,J.jsx)(`p`,{children:`This sample demonstrates HTML5 pattern validation for both native input and KolInputText components.`})}),(0,J.jsxs)(`form`,{className:`grid gap-4`,children:[(0,J.jsxs)(`div`,{className:`grid gap-2`,children:[(0,J.jsx)(`label`,{htmlFor:`native-input`,children:`Native Input (Pattern: AAA-123, case-insensitive)`}),(0,J.jsx)(`input`,{id:`native-input`,name:`native-input`,pattern:Fg,type:`text`})]}),(0,J.jsx)(L,{_label:`KoliBri Input (Pattern: AAA-123, case-insensitive)`,_name:`kolibri-input`,_pattern:Fg,_hint:`Note: This input is not linked to the form element. The validation inside the Shadow DOM is currently not triggered on form submit.`}),(0,J.jsx)(`div`,{children:(0,J.jsx)(`button`,{type:`submit`,children:`Submit`})})]})]}),Lg=()=>(0,J.jsxs)(J.Fragment,{children:[(0,J.jsx)(X,{children:(0,J.jsx)(`p`,{children:`This story demonstrates the placeholder feature of KolInputText.`})}),(0,J.jsxs)(`div`,{className:`grid gap-4`,children:[(0,J.jsx)(L,{_label:`First name`,_placeholder:`Enter your first name`}),(0,J.jsx)(L,{_label:`Email address`,_placeholder:`user@example.com`}),(0,J.jsx)(L,{_label:`Phone number`,_placeholder:`+49 123 456789`,_type:`tel`}),(0,J.jsx)(L,{_label:`Website`,_placeholder:`https://example.com`,_type:`url`}),(0,J.jsx)(L,{_label:`Search`,_placeholder:`Search...`,_type:`search`})]})]}),Rg=()=>(0,J.jsxs)(J.Fragment,{children:[(0,J.jsx)(X,{children:(0,J.jsx)(`p`,{children:`This story demonstrates the readonly state of KolInputText. Readonly inputs can be focused but not edited.`})}),(0,J.jsxs)(`div`,{className:`grid gap-4`,children:[(0,J.jsx)(L,{_label:`Readonly with placeholder`,_placeholder:`Placeholder text`,_readOnly:!0}),(0,J.jsx)(L,{_label:`Readonly with value`,_value:`This field is readonly`,_readOnly:!0}),(0,J.jsx)(L,{_label:`Readonly with info message`,_value:`Read-only value`,_msg:{_type:`info`,_description:`This field cannot be edited`},_readOnly:!0,_touched:!0}),(0,J.jsx)(L,{_label:`Comparison: Editable`,_value:`This field is editable`})]})]}),zg=()=>{let e=d.useRef(null);function t(){e.current?.focus(),e.current?.setSelectionStart(8)}function n(){e.current?.focus(),e.current?.setSelectionRange(2,5)}function r(){e.current?.focus(),e.current?.setRangeText(`INSERTED`,5,9,`select`)}return(0,J.jsxs)(J.Fragment,{children:[(0,J.jsx)(X,{children:(0,J.jsx)(`p`,{children:`This sample shows how to change the selection in a KolInputText.`})}),(0,J.jsxs)(`div`,{className:`grid gap-4`,children:[(0,J.jsx)(L,{_value:`Very long value`,_label:`Text Input Label`,ref:e}),(0,J.jsx)(A,{_label:`Set Start`,onClick:t}),(0,J.jsx)(A,{_label:`Set Range`,onClick:n}),(0,J.jsx)(A,{_label:`Set Range Text`,onClick:r})]})]})},Bg={_icons:`kolicon-alert-info`,_hideLabel:!0},Vg={left:{icon:`kolicon-eye`},right:{icon:`kolicon-check`}},Hg=()=>{let e=kc.getInstance(document),t={onClick:()=>{e.enqueue({description:`Smart-Button clicked`,label:`Toaster`,type:`default`})}};return(0,J.jsxs)(J.Fragment,{children:[(0,J.jsx)(X,{children:(0,J.jsx)(`p`,{children:`This sample shows the smart button feature for KolInputText. It allows the usage of a button inside the bnput.`})}),(0,J.jsxs)(`div`,{className:`grid gap-4`,children:[(0,J.jsx)(L,{_label:`Input with button and icons`,_type:`text`,_smartButton:{...Bg,_label:`Open Toast`,_on:t},_icons:Vg}),(0,J.jsx)(L,{_label:`Disabled input with button and icons`,_disabled:!0,_type:`text`,_smartButton:{...Bg,_label:`Disabled Button`},_icons:Vg})]})]})},Ug=class{SEPARATOR=` `;CHARS_PER_GROUP=4;KEEP_ALPHANUM=/[^a-zA-Z0-9]/g;parse(e){return e.replace(this.KEEP_ALPHANUM,``).toUpperCase()}format(e){let t=this.parse(e),n=RegExp(`(.{${this.CHARS_PER_GROUP}})(?!$)`,`g`);return t.replace(n,`$1${this.SEPARATOR}`)}adjustCursorPosition(e,t,n){let r=this.format(e),i=this.format(t);if(n>=r.length)return i.length;let a=0;for(let e=0;e<n&&e<r.length;e++)r[e]!==this.SEPARATOR&&a++;let o=0;for(let e=0;e<i.length;e++)if(i[e]!==this.SEPARATOR&&o++===a)return e;return i.length}},Wg=class{LOCALE=navigator.language;CURRENCY_SYMBOL=` €`;parse(e){let t=e.replace(/[^\d.,]/g,``),n=t.lastIndexOf(`,`),r=t.lastIndexOf(`.`),i;return i=n>r?t.replace(/\./g,``).replace(`,`,`.`):r>n?t.replace(/,/g,``):t.replace(/[.,]/g,``),parseFloat(i)||0}format(e){let t=typeof e==`string`?this.parse(e):e;return new Intl.NumberFormat(this.LOCALE,{minimumFractionDigits:2,maximumFractionDigits:2}).format(t)+this.CURRENCY_SYMBOL}adjustCursorPosition(e,t,n){let r=this.format(e),i=this.format(t);if(n>=r.length)return i.length;let a=0;for(let e=0;e<n&&e<r.length;e++)/\d/.test(r[e])&&a++;let o=0;for(let e=0;e<i.length;e++)if(/\d/.test(i[e])&&o++===a)return e;return i.length}};function Gg(){let e=new Ug,t=new Wg,n=_h({defaultValues:{iban:`DE89370400440532013000`}}),r=_h({defaultValues:{currency:1e6}}),i=t=>{let r=t.target,i=e.parse(r.value),a=e.adjustCursorPosition(n.getValues(`iban`),i,r.selectionStart||0);n.setValue(`iban`,i),requestAnimationFrame(()=>{requestAnimationFrame(()=>{r.setSelectionRange(a,a)})})};return(0,J.jsxs)(J.Fragment,{children:[(0,J.jsxs)(X,{children:[(0,J.jsx)(`p`,{children:`This example demonstrates two different formatting strategies for input fields:`}),(0,J.jsxs)(`ul`,{children:[(0,J.jsxs)(`li`,{children:[(0,J.jsx)(`strong`,{children:`Live Formatting (IBAN):`}),` Formatting happens while typing. The value is immediately formatted and displayed with intelligent cursor positioning. Best for fixed-format values where users expect visual feedback during input.`]}),(0,J.jsxs)(`li`,{children:[(0,J.jsx)(`strong`,{children:`On-Blur Formatting (Currency):`}),` Formatting happens when leaving the field (onBlur event). Allows free typing without interruption. Best for numeric values where users might input in various formats.`]})]}),(0,J.jsxs)(`p`,{children:[(0,J.jsx)(`strong`,{children:`Key Concept:`}),` The form model always stores the `,(0,J.jsx)(`em`,{children:`unformatted`}),` value (raw IBAN string, numeric currency value), while the input field displays the `,(0,J.jsx)(`em`,{children:`formatted`}),` value for better readability.`]})]}),(0,J.jsxs)(`section`,{className:`w-full flex flex-col`,children:[(0,J.jsxs)(`div`,{className:`p-2`,children:[(0,J.jsx)(N,{_label:`Live Formatting - IBAN`,_level:2}),(0,J.jsx)(`p`,{className:`text-sm mb-2`,children:`Formatting occurs during input with intelligent cursor control`}),(0,J.jsx)(oe,{children:(0,J.jsx)(`form`,{onSubmit:n.handleSubmit(async()=>{}),children:(0,J.jsx)(xm,{name:`iban`,control:n.control,render:({field:t})=>(0,J.jsx)(`div`,{className:`block mt-2`,children:(0,J.jsx)(L,{id:`field-iban`,_label:`IBAN`,_value:e.format(t.value??``),_required:!0,_on:{onInput:i,onBlur:t.onBlur}})})})})})]}),(0,J.jsxs)(`div`,{className:`p-2`,children:[(0,J.jsx)(N,{_label:`Model (Unformatted Value)`,_level:2}),(0,J.jsx)(`pre`,{className:`text-base`,children:JSON.stringify(n.watch(),null,2)})]})]}),(0,J.jsxs)(`section`,{className:`w-full flex flex-col`,children:[(0,J.jsxs)(`div`,{className:`p-2`,children:[(0,J.jsx)(N,{_label:`On-Blur Formatting - Currency`,_level:2}),(0,J.jsx)(`p`,{className:`text-sm mb-2`,children:`Formatting occurs when leaving the field (onBlur) for uninterrupted input`}),(0,J.jsx)(oe,{children:(0,J.jsx)(`form`,{onSubmit:r.handleSubmit(async()=>{}),children:(0,J.jsx)(xm,{name:`currency`,control:r.control,render:({field:e})=>(0,J.jsx)(`div`,{className:`block mt-2`,children:(0,J.jsx)(L,{id:`field-currency`,_label:`Currency`,_value:t.format(e.value??0),_on:{onBlur:n=>{let r=n.target,i=t.parse(r.value);e.onChange(i),e.onBlur()}}})})})})})]}),(0,J.jsxs)(`div`,{className:`p-2`,children:[(0,J.jsx)(N,{_label:`Model (Numeric Value)`,_level:2}),(0,J.jsx)(`pre`,{className:`text-base`,children:JSON.stringify(r.watch(),null,2)})]})]})]})}var Kg={"input-text":{"aria-details":wg,basic:Eg,"get-value":Ag,"message-types":Ng,placeholder:Lg,disabled:Og,readonly:Rg,counter:Dg,"msg-and-counter":Pg,"access-short-key":Cg,"hide-label":jg,"hide-msg":Mg,"text-formatter":Gg,"smart-button":Hg,"expert-slot":kg,pattern:Ig,"select-range":zg,background:Tg,variant:()=>{let[e]=Hr(),t=e.get(`theme`)??Lf()?.[0]?.key,n=(0,d.useMemo)(()=>t?np(t,`inputVariants`):[],[t]);return(0,J.jsxs)(J.Fragment,{children:[(0,J.jsx)(X,{children:(0,J.jsx)(`p`,{children:`This story showcases input variants depending on your choosen theme.`})}),(0,J.jsx)(`div`,{className:`grid grid-cols-2 gap-8 p-8`,children:!Array.isArray(n)||n.length===0?(0,J.jsx)(`p`,{children:`This theme has no variants for inputs.`}):n.map(e=>(0,J.jsxs)(`div`,{className:`grid gap-4 p-8`,children:[(0,J.jsxs)(`h2`,{children:[`Variante: `,e]}),(0,J.jsx)(L,{_label:`Input Text`,_hint:`Enter your surname`,_variant:e,_msg:{_type:`error`,_description:`Error message`},_touched:!0,_hasCounter:!0}),(0,J.jsx)(fe,{_label:`Input Passwort`,_variant:e}),(0,J.jsx)(ce,{_label:`Input Color`,_variant:e}),(0,J.jsx)(I,{_label:`Input Date`,_variant:e}),(0,J.jsx)(le,{_label:`Input Email`,_variant:e}),(0,J.jsx)(ue,{_label:`Input File`,_variant:e}),(0,J.jsx)(de,{_label:`Input Number`,_variant:e}),(0,J.jsx)(me,{_label:`Input Range`,_variant:e}),(0,J.jsx)(Ce,{_label:`Select`,_options:[{label:`Please select…`,value:``},{label:`One`,value:`one`},{label:`Two`,value:`two`}],_variant:e}),(0,J.jsx)(we,{_label:`Single Select`,_options:[{label:`One`,value:`one`},{label:`Two`,value:`two`}],_variant:e}),(0,J.jsx)(M,{_label:`Combobox`,_suggestions:`['Herr','Frau','Firma']`,_variant:e}),(0,J.jsx)(pe,{_label:`Radio Group`,_options:[{label:`Field 1`,value:1},{label:`Field 2`,value:2}],_variant:e}),(0,J.jsx)(B,{_label:`Textarea`,_variant:e})]},e))})]})}}},qg={kolibri:{basic:()=>(0,J.jsxs)(J.Fragment,{children:[(0,J.jsx)(X,{children:(0,J.jsx)(`p`,{children:`KolKolibri renders the KoliBri logo. The sample show the logo with and without label and with a custom color.`})}),(0,J.jsx)(N,{class:`block`,_level:3,_label:`Regular`}),(0,J.jsx)(he,{class:`block`,style:{width:300}}),(0,J.jsx)(N,{class:`block`,_level:3,_label:`Without Label`}),(0,J.jsx)(he,{class:`block`,style:{width:300},_labeled:!1}),(0,J.jsx)(N,{class:`block`,_level:3,_label:`Customized color`}),(0,J.jsx)(he,{class:`block`,style:{width:300},_color:`#cc006e`})]})}},Jg=()=>(0,J.jsxs)(J.Fragment,{children:[(0,J.jsx)(X,{children:(0,J.jsx)(`p`,{children:`This sample shows KolLinkButton with aria-description`})}),(0,J.jsxs)(`div`,{className:`flex flex-wrap gap-2`,children:[(0,J.jsx)(ge,{_href:`#/back-page`,_label:`Link Button Text without area description`}),(0,J.jsx)(ge,{_href:`#/back-page`,_label:`Link Button Text`,_ariaDescription:`Link Button Area Description`})]})]}),Yg={_href:`#/back-page`},Xg={"link-button":{basic:()=>(0,J.jsxs)(J.Fragment,{children:[(0,J.jsx)(X,{children:(0,J.jsx)(`p`,{children:`KolLinkButton renders a link that looks like a button. The sample shows the different styling variants.`})}),(0,J.jsxs)(`div`,{className:`flex flex-wrap gap-2`,children:[(0,J.jsx)(ge,{_label:`Primary`,_variant:`primary`,...Yg}),(0,J.jsx)(ge,{_label:`Secondary`,_variant:`secondary`,...Yg}),(0,J.jsx)(ge,{_label:`Normal`,_variant:`normal`,...Yg}),(0,J.jsx)(ge,{_label:`Danger`,_variant:`danger`,...Yg}),(0,J.jsx)(ge,{_label:`Ghost`,_variant:`ghost`,...Yg}),(0,J.jsx)(ge,{_label:`Access Key`,_variant:`primary`,_accessKey:`c`,...Yg}),(0,J.jsx)(ge,{_label:`Short Key`,_variant:`primary`,_shortKey:`s`,...Yg})]})]}),"aria-description":Jg}},Zg={link:{basic:()=>(0,J.jsxs)(J.Fragment,{children:[(0,J.jsx)(X,{children:(0,J.jsxs)(`p`,{children:[`KolLink renders a link. This sample shows disabled links, links with hidden label, the boolean _inline property and links with different CSS`,` `,(0,J.jsx)(`code`,{children:`display`}),`-properties.`]})}),(0,J.jsxs)(`div`,{className:`grid gap-4`,children:[(0,J.jsx)(R,{_href:`#/back-page`,_inline:!1,_label:`Simple Link`}),(0,J.jsx)(R,{_disabled:!0,_href:`#/back-page`,_inline:!1,_label:`Simple Link (disabled)`}),(0,J.jsx)(R,{_hideLabel:!0,_icons:`kolicon-house`,_href:`#/back-page`,_inline:!1,_label:`Icon Link`}),(0,J.jsx)(R,{_disabled:!0,_hideLabel:!0,_icons:`kolicon-house`,_href:`#/back-page`,_inline:!1,_label:`Icon Link (disabled)`}),(0,J.jsxs)(`p`,{children:[`In this paragraph, a link is inserted that contains no additional attributes. `,(0,J.jsx)(R,{_href:`#/back-page`,_label:`Simple Link`}),` It is rendered by default as a `,(0,J.jsx)(`strong`,{children:`inline element`}),`.`]}),(0,J.jsxs)(`p`,{children:[`In this paragraph, a link is inserted that is rendered as an inline-block element.`,` `,(0,J.jsx)(R,{class:`d-inline-block`,_accessKey:`S`,_href:`#/back-page`,_label:`Simple Link`}),`. This allows you to assign width, height, and other properties to it using CSS styles.`,(0,J.jsx)(`br`,{}),(0,J.jsx)(`br`,{}),`After that, there is a link that is rendered as a block element. `,(0,J.jsx)(R,{class:`d-block`,_href:`#/back-page`,_label:`Simple Link`}),`, therefore, I span the entire width of the parent element, causing a line break.`]}),(0,J.jsx)(R,{_href:`#/back-page`,_inline:!1,_label:`Special Variant Link`,_variant:`theme-link`})]})]}),icons:()=>(0,J.jsxs)(J.Fragment,{children:[(0,J.jsx)(X,{children:(0,J.jsx)(`p`,{children:`This sample shows KolLink with icons in different alignments and combinations.`})}),(0,J.jsxs)(`div`,{className:`grid gap-4`,children:[(0,J.jsx)(R,{_icons:`kolicon-house`,_label:`I am a link with an icon on the left`,_href:`#/back-page`}),(0,J.jsx)(R,{_icons:{right:`kolicon-house`},_label:`I am a link with an icon on the right`,_href:`#/back-page`}),(0,J.jsx)(R,{_icons:{top:`kolicon-house`},_label:`I am a link with an icon at the top`,_href:`#/back-page`}),(0,J.jsx)(R,{_icons:{bottom:`kolicon-house`},_label:`I am a link with icon below`,_href:`#/back-page`}),(0,J.jsx)(R,{_icons:{top:`kolicon-house`,right:`kolicon-house`,bottom:`kolicon-house`,left:`kolicon-house`},_label:`I am a link with all icons`,_href:`#/back-page`}),(0,J.jsx)(R,{_icons:`kolicon-house`,_href:`https://public-ui.github.io/`,_label:`I am a external link with an icon on the left`,_target:`_blank`}),(0,J.jsx)(R,{_icons:{right:`kolicon-house`},_href:`https://public-ui.github.io/`,_label:`I am a external linkwith an icon on the right`,_target:`_blank`}),(0,J.jsx)(R,{_icons:{top:`kolicon-house`},_href:`https://public-ui.github.io/`,_label:`I am a external link with an icon at the top`,_target:`_blank`}),(0,J.jsx)(R,{_icons:{bottom:`kolicon-house`},_href:`https://public-ui.github.io/`,_label:`I am a external link with icon below`,_target:`_blank`}),(0,J.jsx)(R,{_href:`https://public-ui.github.io/`,_label:`I am a external link with all icons`,_target:`_blank`,_icons:{top:`kolicon-house`,right:`kolicon-house`,bottom:`kolicon-house`,left:`kolicon-house`}})]})]}),image:()=>(0,J.jsxs)(J.Fragment,{children:[(0,J.jsx)(X,{children:(0,J.jsx)(`p`,{children:`KolLink can be used with slot-content instead of a label as well. This sample demonstrates the slot content used to display an image.`})}),(0,J.jsxs)(`div`,{className:`grid gap-4`,children:[(0,J.jsx)(R,{_href:`#/back-page`,_label:`I am a link that is rendered as text`}),(0,J.jsx)(R,{_href:`#/back-page`,_label:``,children:(0,J.jsx)(se,{_alt:`KoliBri design system illustration showing three people working on laptops surrounded by UI components, charts, and the KoliBri hummingbird logo`,_src:`sample-image.png`,className:`w-image`,slot:`expert`})})]})]}),target:()=>(0,J.jsxs)(J.Fragment,{children:[(0,J.jsx)(X,{children:(0,J.jsxs)(`p`,{children:[`This sample shows KolLink with different `,(0,J.jsx)(`code`,{children:`_target`}),`-properties.`]})}),(0,J.jsx)(`div`,{className:`text-base d-flex gap-4`,children:(0,J.jsxs)(`ul`,{children:[(0,J.jsx)(`li`,{children:(0,J.jsx)(R,{_href:`#/back-page`,_label:`Link without target`})}),(0,J.jsx)(`li`,{children:(0,J.jsx)(R,{_href:`#/back-page`,_label:`Link with target (_self)`,_target:`_self`})}),(0,J.jsx)(`li`,{children:(0,J.jsx)(R,{_href:`#/back-page`,_label:`Link with target (_blank)`,_target:`_blank`})}),(0,J.jsx)(`li`,{children:(0,J.jsx)(R,{_href:`#/back-page`,_icons:`kolicon-house`,_hideLabel:!0,_label:`Link without target`})}),(0,J.jsx)(`li`,{children:(0,J.jsx)(R,{_href:`#/back-page`,_icons:`kolicon-house`,_hideLabel:!0,_label:`Link with target (_self)`,_target:`_self`})}),(0,J.jsx)(`li`,{children:(0,J.jsx)(R,{_href:`#/back-page`,_icons:`kolicon-house`,_hideLabel:!0,_label:`Link with target (_blank)`,_target:`_blank`})})]})})]}),"aria-description":()=>(0,J.jsxs)(J.Fragment,{children:[(0,J.jsx)(X,{children:(0,J.jsx)(`p`,{children:`This sample shows KolLink with aria-description`})}),(0,J.jsxs)(`div`,{className:`flex flex-wrap gap-4`,children:[(0,J.jsx)(R,{_href:`#/back-page`,_label:`Link Text without aria description`}),(0,J.jsx)(R,{_href:`#/back-page`,_label:`Link Text`,_ariaDescription:`Link Area Description`})]})]}),"access-key":()=>(0,J.jsxs)(J.Fragment,{children:[(0,J.jsx)(X,{children:(0,J.jsx)(`p`,{children:`This sample shows KolLink with access key. The access keys can be used to trigger the buttons using the keyboard.`})}),(0,J.jsxs)(`div`,{className:`grid gap-4`,children:[(0,J.jsx)(R,{_href:`#/back-page`,_label:`With S access key`,_accessKey:`S`}),(0,J.jsx)(R,{_href:`#/back-page`,_label:`Very small s`,_accessKey:`s`}),(0,J.jsx)(R,{_href:`#/back-page`,_label:`Access key does not appear in label`,_accessKey:`s`}),(0,J.jsx)(R,{_hideLabel:!0,_icons:`kolicon-house`,_href:`#/back-page`,_label:`access key without label`,_accessKey:`s`})]})]}),"short-key":()=>(0,J.jsxs)(J.Fragment,{children:[(0,J.jsx)(X,{children:(0,J.jsx)(`p`,{children:`This sample shows KolButton with short key without functionality. The short key is purely visual. Its functionality needs to be developed separately.`})}),(0,J.jsxs)(`div`,{className:`grid gap-4`,children:[(0,J.jsx)(R,{_href:`#/back-page`,_label:`With S short key`,_shortKey:`S`}),(0,J.jsx)(R,{_href:`#/back-page`,_label:`Very small s`,_shortKey:`s`}),(0,J.jsx)(R,{_href:`#/back-page`,_label:`Short key does not appear in label`,_shortKey:`s`}),(0,J.jsx)(R,{_hideLabel:!0,_icons:`kolicon-house`,_href:`#/back-page`,_label:`short key without label`,_shortKey:`s`})]})]}),"react-router":()=>{let e=pn();return(0,J.jsxs)(J.Fragment,{children:[(0,J.jsx)(X,{children:(0,J.jsx)(`p`,{children:`This sample shows how KolLink works with react-router. Primary click uses preventDefault() and navigate(...), while right click open in new tab still follows _href. Make sure _href and navigate(...) point to the same path.`})}),(0,J.jsx)(`div`,{className:`grid gap-4`,children:(0,J.jsx)(R,{_href:`/back-page`,_inline:!1,_label:`Go to overview`,_on:{onClick:t=>{t.preventDefault(),e(`/back-page`)}}})})]})},"linked-headline":()=>(0,J.jsxs)(J.Fragment,{children:[(0,J.jsx)(X,{children:(0,J.jsx)(`p`,{children:`This sample shows a linked headline with anchor.`})}),(0,J.jsxs)(`div`,{className:`grid gap-4`,children:[(0,J.jsx)(R,{_href:`/#/link/linked-headline#headline1`,_label:``,children:(0,J.jsx)(N,{_label:`I'm H2-heading number one`,_level:2,slot:`expert`,id:`headline1`})}),(0,J.jsx)(`p`,{children:`Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.`}),(0,J.jsx)(`p`,{children:`Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.`}),(0,J.jsx)(`p`,{children:`Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.`}),(0,J.jsx)(R,{_href:`/#/link/linked-headline#headline2`,_label:``,children:(0,J.jsx)(N,{_label:`I'm H2-heading number two`,_level:2,slot:`expert`,id:`headline2`})}),(0,J.jsx)(`p`,{children:`Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.`}),(0,J.jsx)(`p`,{children:`Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.`}),(0,J.jsx)(`p`,{children:`Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.`}),(0,J.jsx)(R,{_href:`/#/link/linked-headline#headline3`,_label:``,children:(0,J.jsx)(N,{_label:`I'm H2-heading number three`,_level:2,slot:`expert`,id:`headline3`})}),(0,J.jsx)(`p`,{children:`Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.`}),(0,J.jsx)(`p`,{children:`Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.`}),(0,J.jsx)(`p`,{children:`Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.`})]})]}),"link-variant":()=>{let[e]=Hr(),t=e.get(`theme`)??Lf()?.[0]?.key,n=(0,d.useMemo)(()=>t?np(t,`linkVariants`):[],[t]);return(0,J.jsxs)(J.Fragment,{children:[(0,J.jsx)(X,{children:(0,J.jsx)(`p`,{children:`This sample shows the theme specific variants of KolLink.`})}),(0,J.jsxs)(`div`,{className:`grid gap-4`,children:[(0,J.jsx)(R,{_href:`#/back-page`,_label:`Normal link without a variant`}),!Array.isArray(n)||n.length===0?(0,J.jsx)(`p`,{children:`This theme has no variants for this component.`}):n.map(e=>(0,J.jsx)(R,{_href:`#/back-page`,_label:`Theme exclusive variant: ${e}`,_variant:e},e))]})]})}}},Qg={meter:{basic:()=>(0,J.jsxs)(J.Fragment,{children:[(0,J.jsx)(X,{children:(0,J.jsx)(`p`,{children:`KolMeter renders a semantic meter element. You can use _min (default 0), _max (default 1) and _unit (default %) to customize it.`})}),(0,J.jsx)(`div`,{className:`grid gap-8`,children:(0,J.jsxs)(`section`,{className:`grid gap-4`,children:[(0,J.jsx)(N,{_level:2,_label:`Basic`}),(0,J.jsxs)(`div`,{className:`flex flex-col gap-4`,children:[(0,J.jsx)(_e,{_label:`Storage used`,_value:.5}),(0,J.jsx)(_e,{_label:`Weight`,_max:100,_value:75,_unit:`kg`}),(0,J.jsx)(_e,{_label:`Temperature`,_min:-100,_max:100,_value:-50,_unit:`°C`})]})]})})]}),dynamic:()=>{let[e,t]=(0,d.useState)(120);return(0,J.jsxs)(J.Fragment,{children:[(0,J.jsx)(X,{children:(0,J.jsx)(`p`,{children:`KolMeter announces value changes immediately to screen readers. Use the buttons below to verify the live region updates without delay.`})}),(0,J.jsx)(`div`,{className:`grid gap-8`,children:(0,J.jsxs)(`section`,{className:`grid gap-4`,children:[(0,J.jsx)(N,{_level:2,_label:`Dynamic value`}),(0,J.jsx)(_e,{_label:`Used hard disk space`,_max:500,_min:0,_unit:`GB`,_value:e}),(0,J.jsxs)(`div`,{className:`flex gap-4`,children:[(0,J.jsx)(k,{_label:`120 GB`,_on:{onClick:()=>t(120)},_variant:`secondary`}),(0,J.jsx)(k,{_label:`240 GB`,_on:{onClick:()=>t(240)},_variant:`secondary`}),(0,J.jsx)(k,{_label:`360 GB`,_on:{onClick:()=>t(360)},_variant:`secondary`}),(0,J.jsx)(k,{_label:`480 GB`,_on:{onClick:()=>t(480)},_variant:`secondary`})]})]})})]})},optimum:()=>(0,J.jsxs)(J.Fragment,{children:[(0,J.jsx)(X,{children:(0,J.jsx)(`p`,{children:`The _optimum prop indicates the preferred value. Combined with _low and _high, the browser uses it to determine whether the current value is in a good, acceptable or bad zone – which affects the semantic coloring.`})}),(0,J.jsxs)(`div`,{className:`grid gap-8`,children:[(0,J.jsxs)(`section`,{className:`grid gap-4`,children:[(0,J.jsx)(N,{_level:2,_label:`Optimum in medium zone (good = medium)`}),(0,J.jsxs)(`div`,{className:`flex flex-col gap-4`,children:[(0,J.jsx)(_e,{_label:`Temperature is nice`,_min:-20,_max:60,_low:10,_high:30,_optimum:20,_value:20,_unit:`°C`}),(0,J.jsx)(_e,{_label:`It's too cold`,_min:-20,_max:60,_low:10,_high:30,_optimum:20,_value:-10,_unit:`°C`}),(0,J.jsx)(_e,{_label:`It's too hot`,_min:-20,_max:60,_low:10,_high:30,_optimum:20,_value:50,_unit:`°C`})]})]}),(0,J.jsxs)(`section`,{className:`grid gap-4`,children:[(0,J.jsx)(N,{_level:2,_label:`Optimum in low zone (good = low)`}),(0,J.jsxs)(`div`,{className:`flex flex-col gap-4`,children:[(0,J.jsx)(_e,{_label:`Memory Usage`,_max:100,_value:10,_low:25,_high:75,_optimum:10}),(0,J.jsx)(_e,{_label:`Memory Usage`,_max:100,_value:50,_low:25,_high:75,_optimum:10}),(0,J.jsx)(_e,{_label:`Memory Usage`,_max:100,_value:90,_low:25,_high:75,_optimum:10})]})]}),(0,J.jsxs)(`section`,{className:`grid gap-4`,children:[(0,J.jsx)(N,{_level:2,_label:`Optimum in high zone (good = high)`}),(0,J.jsxs)(`div`,{className:`flex flex-col gap-4`,children:[(0,J.jsx)(_e,{_label:`Battery level`,_max:100,_value:10,_low:25,_high:75,_optimum:90}),(0,J.jsx)(_e,{_label:`Battery level`,_max:100,_value:50,_low:25,_high:75,_optimum:90}),(0,J.jsx)(_e,{_label:`Battery level`,_max:100,_value:90,_low:25,_high:75,_optimum:90})]})]})]})]}),orientation:()=>(0,J.jsxs)(J.Fragment,{children:[(0,J.jsx)(X,{children:(0,J.jsx)(`p`,{children:`The _orientation prop switches the meter bar between horizontal (default) and vertical. Vertical meters grow from bottom to top and are useful for tank fill levels, signal strength or similar scalar indicators.`})}),(0,J.jsxs)(`div`,{className:`grid gap-8`,children:[(0,J.jsxs)(`section`,{className:`grid gap-4`,children:[(0,J.jsx)(N,{_level:2,_label:`Vertical`}),(0,J.jsxs)(`div`,{className:`flex flex-row gap-8 items-end`,children:[(0,J.jsx)(_e,{style:{"--kol-meter-vertical-height":`100`},_label:`Tank 100l`,_max:100,_value:50,_orientation:`vertical`,_unit:`l`}),(0,J.jsx)(_e,{style:{"--kol-meter-vertical-height":`150`},_label:`Tank 150l`,_max:150,_value:50,_orientation:`vertical`,_unit:`l`}),(0,J.jsx)(_e,{style:{"--kol-meter-vertical-height":`200`},_label:`Tank 200l`,_max:200,_value:150,_orientation:`vertical`,_unit:`l`})]})]}),(0,J.jsxs)(`section`,{className:`grid gap-4`,children:[(0,J.jsx)(N,{_level:2,_label:`Vertical with ranges and optimum`}),(0,J.jsxs)(`div`,{className:`flex flex-row gap-8`,children:[(0,J.jsx)(_e,{_label:`Low`,_max:100,_value:10,_low:25,_high:75,_optimum:50,_orientation:`vertical`}),(0,J.jsx)(_e,{_label:`OK`,_max:100,_value:50,_low:25,_high:75,_optimum:50,_orientation:`vertical`}),(0,J.jsx)(_e,{_label:`High`,_max:100,_value:90,_low:25,_high:75,_optimum:50,_orientation:`vertical`})]})]})]})]})}},$g={modal:{basic:()=>(0,J.jsxs)(J.Fragment,{children:[(0,J.jsxs)(D,{_label:`Component is DEPRECATED`,_type:`error`,_variant:`card`,className:`header-alert`,children:[`The Modal component was renamed to Dialog. Please use the Dialog sample instead.\xA0`,(0,J.jsx)(R,{_href:`/#/dialog`,_target:`_blank`,_label:`Open Dialog samples`})]}),(0,J.jsx)(hf,{})]})}},e_=()=>(0,J.jsxs)(J.Fragment,{children:[(0,J.jsx)(X,{children:(0,J.jsxs)(`p`,{children:[`This sample shows KolNav with a link to the current page. This makes the component automatically assign `,(0,J.jsx)(`code`,{children:`aria-current="page"`}),`to it.`]})}),(0,J.jsx)(ve,{class:`block w-sm`,_label:`Main navigation`,_links:[{_label:`Homepage`,_href:`#/back-page`},{_label:`Nav - aria-current (Current page)`,_href:`#/nav/aria-current`,_active:!0}]})]}),t_=[{_label:`Homepage`,_icons:`kolicon-house`,_on:{onClick:()=>console.log(`Homepage clicked`)}},{_label:`2 Navigation point`,_href:`#/back-page`,_on:{onClick:()=>console.log(`Link clicked`)}},{_label:`3 Navigation point`,_href:`#/back-page`,_icons:`kolicon-house`,_children:[{_label:`3.1 Navigation point`,_icons:`kolicon-house`,_href:`#/back-page`},{_label:`3.2 Navigation point`,_href:`#/back-page`,_target:`asdasd`},{_label:`3.3 Navigation point`,_href:`#/back-page`,_children:[{_label:`3.3.1 Navigation point`,_href:`#/back-page`},{_label:`3.3.2 Navigation point`,_href:`#/back-page`}]},{_label:`3.4 Navigation point`,_href:`#/back-page`,_children:[{_label:`3.4.1 Navigation point`,_href:`#/back-page`,_children:[{_label:`3.4.1.1 Navigation point`,_href:`#/back-page`},{_label:`3.4.1.2 Navigation point (active)`,_href:`#/back-page`}]},{_label:`3.4.2 Navigation point`,_href:`#/back-page`}]},{_label:`3.5 Navigation point`,_href:`#/back-page`}]},{_label:`4 Navigation point with children and onClick`,_children:[{_label:`4.1 Nested link`,_href:`#/back-page`}],_on:{onClick:()=>console.log(`4.1 Nested link clicked`)}},{_label:`5 No own page, only category`,_active:!0,_children:[{_label:`5.1 Nested link`,_href:`#/back-page`}]},{_label:`6 No own page, with icon`,_icons:`kolicon-kolibri`,_children:[{_label:`6.1 Nested link`,_href:`#/back-page`}]}],n_=[{_label:`Homepage`,_icons:`kolicon-house`,_on:{onClick:()=>console.log(`Homepage clicked`)}},{_label:`2 Navigation point`,_href:`#/back-page`,_on:{onClick:()=>console.log(`Link clicked`)}},{_label:`3 Navigation point`,_href:`#/back-page`,_icons:`kolicon-house`},{_label:`4 Navigation point with children and onClick`,_on:{onClick:()=>console.log(`4.1 Nested link clicked`)}},{_label:`5 No own page, only category`,_active:!0},{_label:`6 No own page, with icon`,_icons:`kolicon-kolibri`}],r_=[{_label:`Homepage`,_icons:`kolicon-house`,_on:{onClick:()=>console.log(`Homepage clicked`)}},{_label:`2 Navigation point`,_href:`#/back-page`,_on:{onClick:()=>console.log(`Link clicked`)}},{_label:`3 Navigation point`,_href:`#/back-page`,_icons:`kolicon-house`,_children:[{_label:`3.1 Navigation point`,_icons:`kolicon-house`,_href:`#/back-page`},{_label:`3.2 Navigation point`,_target:`asdasd`},{_label:`3.3 Navigation point`,_href:`#/back-page`,_children:[{_label:`3.3.1 Navigation point`,_href:`#/back-page`,_active:!0},{_label:`3.3.2 Navigation point`,_href:`#/back-page`}]},{_label:`3.4 Navigation point`,_href:`#/back-page`,_children:[{_label:`3.4.1 Navigation point`,_href:`#/back-page`,_children:[{_label:`3.4.1.1 Navigation point`,_href:`#/back-page`},{_label:`3.4.1.2 Navigation point (active)`,_href:`#/back-page`}]},{_label:`3.4.2 Navigation point`,_href:`#/back-page`}]},{_label:`3.5 Navigation point`,_href:`#/back-page`}]}],i_={nav:{basic:()=>{let[e,t]=(0,d.useState)(!0);return(0,J.jsxs)(J.Fragment,{children:[(0,J.jsx)(X,{children:(0,J.jsx)(`p`,{children:`KolNav renders a navigation. In this sample, icons for the navigation elements can be shown or hidden using a checkbox and the navigation can be collapsed, showing only icons and no text labels.`})}),(0,J.jsxs)(`section`,{className:`grid gap-8`,children:[(0,J.jsx)(`section`,{children:(0,J.jsx)(F,{_label:`Show icons when expanded`,_checked:e,_on:{onChange:(e,n)=>{t(n)}}})}),(0,J.jsxs)(`section`,{className:`grid gap-4`,children:[(0,J.jsx)(N,{_level:2,_label:`Navigation without submenu`}),(0,J.jsx)(ve,{class:`block w-fit`,_label:`Navigation without submenu`,_links:n_,_hasCompactButton:!0,_hasIconsWhenExpanded:e})]}),(0,J.jsxs)(`section`,{className:`grid gap-4`,children:[(0,J.jsx)(N,{_level:2,_label:`Navigation with submenu`}),(0,J.jsx)(ve,{class:`block w-fit`,_label:`Navigation with submenu`,_links:t_,_hasCompactButton:!0,_hasIconsWhenExpanded:e})]}),(0,J.jsxs)(`section`,{className:`grid gap-4`,children:[(0,J.jsx)(N,{_level:2,_label:`Navigation with submenu active`}),(0,J.jsx)(ve,{class:`block w-fit`,_label:`Navigation with submenu active`,_links:r_,_hasCompactButton:!0,_hasIconsWhenExpanded:e})]})]})]})},"aria-current":e_}},a_={pagination:{basic:()=>(0,J.jsxs)(J.Fragment,{children:[(0,J.jsx)(X,{children:(0,J.jsx)(`p`,{children:`KolPagination renders a pagination for datasets. The sample shows the different states and variations of a pagination and the option to change the page size.`})}),(0,J.jsxs)(`div`,{className:`grid gap-4`,children:[(0,J.jsx)(ye,{_max:316514,_page:15475,_pageSize:20,_siblingCount:3,_boundaryCount:1,_label:`Large dataset, page in the middle (Entries 309481 to 309500 of 316514)`,_on:{}}),(0,J.jsx)(ye,{_max:316514,_page:1,_pageSize:50,_siblingCount:2,_boundaryCount:1,_label:`Large dataset, first page (Entries 1 to 50 of 316514)`,_on:{}}),(0,J.jsx)(ye,{_max:316514,_page:6331,_pageSize:50,_siblingCount:2,_boundaryCount:1,_label:`Large dataset, last page (Entries 316501 to 316514 of 316514)`,_on:{}}),(0,J.jsx)(ye,{_max:14,_page:14,_pageSize:1,_siblingCount:1,_boundaryCount:2,_label:`Small dataset, last page (Entries 14 to 14 of 14)`,_on:{}}),(0,J.jsx)(ye,{_max:4,_page:1,_pageSize:4,_siblingCount:0,_boundaryCount:2,_label:`Tiny dataset, first page (Entries 1 to 4 of 4)`,_on:{}}),(0,J.jsx)(ye,{_max:10,_page:15,_pageSize:5,_siblingCount:0,_boundaryCount:2,_hasButtons:!1,_label:`Edge case: page exceeds max (corrected to page 2, Entries 6 to 10 of 10)`,_on:{}}),(0,J.jsx)(ye,{_max:1e3,_page:10,_pageSize:25,_siblingCount:0,_boundaryCount:2,_hasButtons:!1,_label:`Medium dataset with boundary buttons only (Entries 226 to 250 of 1000)`,_on:{}}),(0,J.jsx)(ye,{_max:379,_page:6,_pageSize:10,_siblingCount:0,_boundaryCount:2,_hasButtons:!1,_label:`With page size options`,_on:{},_pageSizeOptions:[10,25,50,100]}),(0,J.jsx)(ye,{_max:100,_page:5,_pageSize:10,_siblingCount:1,_boundaryCount:1,_label:`Page size 10, sibling count 1 (Entries 41 to 50 of 100)`,_on:{}}),(0,J.jsx)(ye,{_max:250,_page:3,_pageSize:30,_siblingCount:2,_boundaryCount:0,_label:`No boundary buttons, sibling count 2 (Entries 61 to 90 of 250)`,_on:{}})]})]}),"button-visibility":()=>(0,J.jsxs)(J.Fragment,{children:[(0,J.jsx)(X,{children:(0,J.jsx)(`p`,{children:`This sample demonstrates how to show or hide the navigation buttons (first, previous, next, last) in a pagination. All examples use the same dataset configuration (_max=100, _page=5, _pageSize=10) to show the effect of different button visibility settings.`})}),(0,J.jsxs)(`div`,{className:`grid gap-4`,children:[(0,J.jsx)(ye,{_max:100,_page:5,_pageSize:10,_siblingCount:2,_boundaryCount:1,_label:`Default: All buttons visible (first, previous, next, last)`,_on:{}}),(0,J.jsx)(ye,{_max:100,_page:5,_pageSize:10,_siblingCount:2,_boundaryCount:1,_label:`Only first and last buttons`,_on:{},_hasButtons:{first:!0,last:!0,next:!1,previous:!1}}),(0,J.jsx)(ye,{_max:100,_page:5,_pageSize:10,_siblingCount:2,_boundaryCount:1,_label:`Only previous and next buttons`,_on:{},_hasButtons:{first:!1,last:!1,next:!0,previous:!0}}),(0,J.jsx)(ye,{_max:100,_page:5,_pageSize:10,_siblingCount:2,_boundaryCount:1,_label:`No navigation buttons, only page numbers`,_on:{},_hasButtons:!1}),(0,J.jsx)(ye,{_max:100,_page:5,_pageSize:10,_siblingCount:2,_boundaryCount:1,_label:`All buttons except first`,_on:{},_hasButtons:{first:!1,last:!0,next:!0,previous:!0}}),(0,J.jsx)(ye,{_max:100,_page:5,_pageSize:10,_siblingCount:2,_boundaryCount:1,_label:`All buttons except last`,_on:{},_hasButtons:{first:!0,last:!1,next:!0,previous:!0}}),(0,J.jsx)(ye,{_max:100,_page:5,_pageSize:10,_siblingCount:2,_boundaryCount:1,_label:`All buttons except previous`,_on:{},_hasButtons:{first:!0,last:!0,next:!0,previous:!1}}),(0,J.jsx)(ye,{_max:100,_page:5,_pageSize:10,_siblingCount:2,_boundaryCount:1,_label:`All buttons except next`,_on:{},_hasButtons:{first:!0,last:!0,next:!1,previous:!0}})]})]}),"sibling-boundary":()=>(0,J.jsxs)(J.Fragment,{children:[(0,J.jsx)(X,{children:(0,J.jsx)(`p`,{children:`This sample demonstrates how _siblingCount and _boundaryCount affect the number of page buttons shown. All examples use the same dataset configuration (_max=20, _page=5, _pageSize=1) to clearly show the effect of these settings. _siblingCount controls how many page buttons appear next to the current page, while _boundaryCount controls how many buttons appear at the beginning and end of the pagination.`})}),(0,J.jsxs)(`div`,{className:`grid gap-4`,children:[(0,J.jsx)(ye,{_max:20,_page:5,_pageSize:1,_label:`Default: siblingCount=1, boundaryCount=1 (shows pages 1, 4, 5, 6, 20)`,_on:{}}),(0,J.jsx)(ye,{_max:20,_page:5,_pageSize:1,_siblingCount:2,_boundaryCount:1,_label:`siblingCount=2, boundaryCount=1 (shows pages 1, 3, 4, 5, 6, 7, 20)`,_on:{}}),(0,J.jsx)(ye,{_max:20,_page:5,_pageSize:1,_siblingCount:3,_boundaryCount:1,_label:`siblingCount=3, boundaryCount=1 (shows pages 1, 2, 3, 4, 5, 6, 7, 8, 20)`,_on:{}}),(0,J.jsx)(ye,{_max:20,_page:5,_pageSize:1,_siblingCount:0,_boundaryCount:1,_label:`siblingCount=0, boundaryCount=1 (shows pages 1, 5, 20 only)`,_on:{}}),(0,J.jsx)(ye,{_max:20,_page:5,_pageSize:1,_siblingCount:1,_boundaryCount:2,_label:`siblingCount=1, boundaryCount=2 (shows pages 1, 2, 4, 5, 6, 19, 20)`,_on:{}}),(0,J.jsx)(ye,{_max:20,_page:5,_pageSize:1,_siblingCount:1,_boundaryCount:3,_label:`siblingCount=1, boundaryCount=3 (shows pages 1, 2, 3, 4, 5, 6, 18, 19, 20)`,_on:{}}),(0,J.jsx)(ye,{_max:20,_page:5,_pageSize:1,_siblingCount:1,_boundaryCount:0,_label:`siblingCount=1, boundaryCount=0 (shows pages 4, 5, 6 only, with ellipsis)`,_on:{}}),(0,J.jsx)(ye,{_max:20,_page:5,_pageSize:1,_siblingCount:0,_boundaryCount:0,_label:`siblingCount=0, boundaryCount=0 (shows page 5 only, with ellipsis on both sides)`,_on:{}}),(0,J.jsx)(ye,{_max:20,_page:5,_pageSize:1,_siblingCount:5,_boundaryCount:2,_label:`siblingCount=5, boundaryCount=2 (shows almost all pages)`,_on:{}}),(0,J.jsx)(ye,{_max:100,_page:50,_pageSize:1,_siblingCount:3,_boundaryCount:2,_label:`Larger dataset: _max=100, _page=50, siblingCount=3, boundaryCount=2`,_on:{}})]})]})}},o_={"popover-button":{basic:()=>{let{dummyClickEventHandler:e}=zd(),t=d.useRef(null),n={onClick:e},r=[{type:`button`,_label:`Show`,_icons:`kolicon-eye`,_on:n},{type:`button`,_label:`Delete`,_icons:`kolicon-minus`,_on:n},{type:`button`,_label:`Add`,_icons:`kolicon-plus`,_on:n}];return(0,d.useEffect)(()=>{t.current&&(t.current.showPopover(),t.current.focus())},[]),(0,J.jsxs)(J.Fragment,{children:[(0,J.jsx)(X,{children:(0,J.jsxs)(`p`,{children:[`The PopoverButton component combines a button with a popover that appears when clicked. The popover can be positioned in different directions (top, right, bottom, left) using the `,(0,J.jsx)(`code`,{children:`_popoverAlign`}),` prop.`]})}),(0,J.jsxs)(`div`,{className:`flex flex-col gap-4 items-center`,children:[(0,J.jsx)(be,{_label:`Actions`,_variant:`primary`,_icons:{right:`kolicon-chevron-down`},ref:t,children:(0,J.jsx)(je,{_label:`Action toolbar`,_items:r,_orientation:`vertical`})}),(0,J.jsx)(be,{_label:`Help`,_icons:`kolicon-alert-info`,_popoverAlign:`right`,_tooltipAlign:`bottom`,_hideLabel:!0,children:(0,J.jsxs)(`div`,{className:`w-sm p-2 border border-solid border-gray bg-white`,children:[(0,J.jsx)(N,{_label:`Help Information`,_level:0}),(0,J.jsxs)(`p`,{children:[(0,J.jsx)(`u`,{children:`Lorem ipsum dolor sit amet`}),`, consectetur adipisicing elit. Aspernatur aut dolore dolores itaque praesentium reprehenderit sed voluptatum! Exercitationem ipsa magni maiores modi, placeat quas quos reprehenderit rerum sit veniam vitae.`]})]})})]})]})},inline:()=>(0,J.jsxs)(J.Fragment,{children:[(0,J.jsx)(X,{children:(0,J.jsxs)(`p`,{children:[`A PopoverButton inline with some dummy text. Here the PopoverButton has the height of the surrounding text. As statet in`,(0,J.jsx)(`a`,{href:`https://www.w3.org/WAI/WCAG21/Understanding/target-size.html`,children:`Understanding SC 2.5.5`}),` target size of a help icon in text can be smaller than 44px by 44px.`]})}),(0,J.jsx)(`div`,{className:`flex flex-col gap-4`,children:(0,J.jsxs)(`p`,{children:[`Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aspernatur aut dolore dolores itaque praesentium reprehenderit sed voluptatum! Exercitationem ipsa magni maiores modi, placeat quas quos reprehenderit rerum sit veniam vitae.`,(0,J.jsx)(be,{_inline:!0,_label:`Help`,_icons:`kolicon-alert-info`,_popoverAlign:`right`,_tooltipAlign:`bottom`,_hideLabel:!0,children:(0,J.jsxs)(`div`,{className:`w-sm p-2 border border-solid border-gray`,children:[(0,J.jsx)(N,{_label:`Help Information`,_level:0}),(0,J.jsxs)(`p`,{children:[(0,J.jsx)(`u`,{children:`Lorem ipsum dolor sit amet`}),`, consectetur adipisicing elit. Aspernatur aut dolore dolores itaque praesentium reprehenderit sed voluptatum! Exercitationem ipsa magni maiores modi, placeat quas quos reprehenderit rerum sit veniam vitae.`]})]})}),(0,J.jsx)(`br`,{}),`Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aspernatur aut dolore dolores itaque praesentium reprehenderit sed voluptatum! Exercitationem ipsa magni maiores modi, placeat quas quos reprehenderit rerum sit veniam vitae.`]})})]})}},s_={progress:{basic:()=>(0,J.jsxs)(J.Fragment,{children:[(0,J.jsx)(X,{children:(0,J.jsx)(`p`,{children:`KolProgress renders a progress indicator. The sample shows the variants "bar" and "cycle" with and without labels.`})}),(0,J.jsxs)(`div`,{className:`grid gap-4 grid-cols-1 sm:grid-cols-2`,children:[(0,J.jsxs)(`fieldset`,{title:`Percentages`,className:`flex flex-col gap-4`,children:[(0,J.jsx)(xe,{_variant:`bar`,_max:7,_value:0}),(0,J.jsx)(xe,{_variant:`bar`,_max:7,_value:2}),(0,J.jsx)(xe,{_variant:`bar`,_max:7,_value:7}),(0,J.jsx)(xe,{_variant:`cycle`,_max:7,_value:6})]}),(0,J.jsxs)(`fieldset`,{title:`Custom units`,className:`flex flex-col gap-4`,children:[(0,J.jsx)(xe,{_label:`Distance`,_variant:`bar`,_max:65434,_value:7236,_unit:`m`}),(0,J.jsx)(xe,{_label:`12 Tasks to do`,_variant:`bar`,_max:12,_value:5,_unit:`tasks completed`}),(0,J.jsx)(xe,{_label:`Max 150 kg`,_variant:`cycle`,_max:150,_value:42,_unit:`kg`})]}),(0,J.jsxs)(`fieldset`,{title:`Min & Max`,className:`flex flex-col gap-4`,children:[(0,J.jsx)(xe,{_label:`More than max`,_variant:`bar`,_max:7,_value:14}),(0,J.jsx)(xe,{_label:`Less than min`,_variant:`bar`,_max:7,_value:-7})]})]})]}),changing:()=>{let[e,t]=(0,d.useState)(5),[n,r]=(0,d.useState)(10);return(0,J.jsxs)(J.Fragment,{children:[(0,J.jsx)(X,{children:(0,J.jsx)(`p`,{children:`This shows that values can be changed and that they are clamped at max value (here at 10).`})}),(0,J.jsxs)(`fieldset`,{title:`changing`,className:`flex flex-col gap-4`,children:[(0,J.jsxs)(`div`,{className:`flex gap-4`,children:[(0,J.jsx)(`button`,{onClick:()=>t(-2),children:`set -2`}),(0,J.jsx)(`button`,{onClick:()=>t(5),children:`set 5`}),(0,J.jsx)(`button`,{onClick:()=>t(13),children:`set 13`}),(0,J.jsx)(`button`,{onClick:()=>r(-1),children:`change max to -1`}),(0,J.jsx)(`button`,{onClick:()=>r(5),children:`change max to 5`}),(0,J.jsx)(`button`,{onClick:()=>r(10),children:`change max to 10`})]}),(0,J.jsx)(xe,{_label:`Showing ${e} of ${n}`,_variant:`bar`,_max:n,_value:e}),(0,J.jsx)(xe,{_variant:`cycle`,_max:n,_value:e})]})]})}}},c_={quote:{basic:()=>(0,J.jsxs)(J.Fragment,{children:[(0,J.jsx)(X,{children:(0,J.jsx)(`p`,{children:`KolQuote renders a quote with optional citation. This sample shows a quote in the variant "inline" with a link for citation.`})}),(0,J.jsx)(Se,{_href:`https://datatracker.ietf.org/doc/html/rfc1149`,_quote:`Avian carriers can provide high delay.`,_variant:`inline`})]}),block:()=>(0,J.jsxs)(J.Fragment,{children:[(0,J.jsx)(X,{children:(0,J.jsx)(`p`,{children:`This sample shows a quote in the "block" variant.`})}),(0,J.jsx)(Se,{_label:`RFC 1149`,_href:`https://datatracker.ietf.org/doc/html/rfc1149`,_quote:`Avian carriers can provide high delay, low throughput, and low altitude
|
|
68
|
+
service. The connection topology is limited to a single point-to-point path
|
|
69
|
+
for each carrier, used with standard carriers, but many carriers can be used
|
|
70
|
+
without significant interference with each other, outside early spring.
|
|
71
|
+
This is because of the 3D ether space available to the carriers, in contrast
|
|
72
|
+
to the 1D ether used by IEEE802.3. The carriers have an intrinsic collision
|
|
73
|
+
avoidance system, which increases availability.`,_variant:`block`})]})}},l_=[{label:`Prof. Dr. very long value with more word so it really really breaks the layout `,value:`long`},{label:`No salutation`,value:``},{label:`Mrs.`,value:`Mrs.`},{label:`Mr.`,value:`Mr.`},{label:`Divers`,value:`Divers`}],u_=l_.map((e,t)=>t===0?{label:`Select salutation`,value:``,disabled:!0}:e),d_=rf.reduce((e,t)=>{let n=t.label.charAt(0).toUpperCase();return e[n]||(e[n]={label:n,options:[]}),e[n].options.push({label:t.label,value:t.label}),e},{}),f_=Object.values(d_),p_=(0,d.forwardRef)(function(e,t){return(0,J.jsxs)(`div`,{className:`grid gap-4`,children:[(0,J.jsx)(Ce,{...e,ref:t,_accessKey:`a`,_options:l_,_label:`Salutation`,_icons:{left:{icon:`kolicon-chevron-left`},right:{icon:`kolicon-chevron-right`}}}),(0,J.jsx)(Ce,{...e,_options:l_,_label:`Disabled`,_disabled:!0}),(0,J.jsx)(Ce,{...e,_options:u_,_label:`Salutation with error`,_msg:{_type:`error`,_description:Y},_touched:!0}),(0,J.jsx)(Ce,{...e,_options:rf,_label:`Multiple choice`,_multiple:!0}),(0,J.jsx)(Ce,{...e,_options:rf,_label:`Multiple choice with error`,_multiple:!0,_required:!0,_msg:{_type:`error`,_description:Y},_hint:Dd,_touched:!0}),(0,J.jsx)(Ce,{...e,_options:l_,_label:`With access key`,_accessKey:`c`}),(0,J.jsx)(Ce,{...e,_options:l_,_label:`With short key`,_shortKey:`s`}),(0,J.jsx)(Ce,{...e,_options:f_,_label:`With grouped by first letter`,_value:`Albanien`}),(0,J.jsx)(Ce,{...e,_options:f_,_label:`With grouped by first letter (multiple)`,_multiple:!0,_value:[`Albanien`]})]})}),m_=(0,d.forwardRef)(function(e,t){return(0,J.jsxs)(tf,{children:[(0,J.jsxs)(`fieldset`,{children:[(0,J.jsx)(`legend`,{children:`Text`}),(0,J.jsx)(p_,{...e})]}),(0,J.jsxs)(`fieldset`,{children:[(0,J.jsx)(`legend`,{children:`Text (hideLabel)`}),(0,J.jsx)(p_,{ref:t,...e,_hideLabel:!0})]})]})}),h_={select:{basic:()=>(0,J.jsxs)(J.Fragment,{children:[(0,J.jsx)(X,{children:(0,J.jsx)(`p`,{children:`KolSelect renders a select field. The sample shows KolSelect in a form context with all variations and states.`})}),(0,J.jsx)(ef,{RefComponent:m_,showButtons:!1})]}),"get-value":()=>(0,J.jsxs)(J.Fragment,{children:[(0,J.jsx)(X,{children:(0,J.jsxs)(`p`,{children:[`Shows the callback value from `,(0,J.jsx)(`code`,{children:`onInput`}),` while typing and from `,(0,J.jsx)(`code`,{children:`onChange`}),` after leaving the field.`]})}),(0,J.jsx)(up,{label:`KolSelect`,renderInput:e=>(0,J.jsx)(Ce,{_label:`Select option`,_options:[{label:`Please select…`,value:``},{label:`One`,value:`one`},{label:`Two`,value:`two`}],_on:e})})]})}},g_=[{value:`1`,label:`Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam`},{value:`2`,label:`Lorem ipsum dolor`},{value:`3`,label:`Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.`},{value:`4`,label:`Lorem ipsum dolor`},{value:`5`,label:`Lorem ipsum dolor`},{value:`6`,label:`Lorem ipsum dolor`},{value:`7`,label:`Lorem ipsum dolor`},{value:`8`,label:`Lorem ipsum dolor`},{value:`2`,label:`Lorem ipsum dolor`}],__=e=>(0,J.jsxs)(`div`,{className:`grid gap-4`,children:[(0,J.jsx)(we,{...e,_hint:Dd,_label:`Label`,_options:rf,_value:`de`}),(0,J.jsx)(we,{...e,_label:`Disabled`,_options:rf,_value:`de`,_disabled:!0}),(0,J.jsx)(we,{...e,_options:rf,_msg:{_type:`error`,_description:Y},_rows:3,_touched:!0,_label:`Label`,_placeholder:`Placeholder`,_required:!0}),(0,J.jsx)(we,{...e,_label:`With access key`,_options:rf,_value:`de`,_accessKey:`c`}),(0,J.jsx)(we,{...e,_label:`With short key`,_options:rf,_value:`de`,_shortKey:`s`}),(0,J.jsx)(we,{...e,_label:`With long labels`,_options:g_,_placeholder:`Placeholder`}),(0,J.jsx)(we,{...e,_label:`With hidden clear button`,_options:rf,_value:`de`,_hasClearButton:!1}),(0,J.jsx)(we,{...e,_label:`Boolean option values (Issue #9122)`,_options:[{label:`False`,value:!1},{label:`True`,value:!0}],_value:!1}),(0,J.jsx)(we,{...e,_hint:Dd,_label:`With disabled options`,_options:[{value:`bw`,label:`Baden-Württemberg`},{value:`by`,label:`Bayern`,disabled:!0},{value:`be`,label:`Berlin`},{value:`bb`,label:`Brandenburg`},{value:`hb`,label:`Bremen`},{value:`hh`,label:`Hamburg`},{value:`he`,label:`Hessen`},{value:`mv`,label:`Mecklenburg-Vorpommern`,disabled:!0},{value:`ni`,label:`Niedersachsen`,disabled:!0},{value:`nw`,label:`Nordrhein-Westfalen`},{value:`rp`,label:`Rheinland-Pfalz`,disabled:!0},{value:`sl`,label:`Saarland`},{value:`sn`,label:`Sachsen`},{value:`st`,label:`Sachsen-Anhalt`,disabled:!0},{value:`sh`,label:`Schleswig-Holstein`,disabled:!0},{value:`th`,label:`Thüringen`}],_value:`be`})]}),v_=e=>(0,J.jsxs)(tf,{children:[(0,J.jsxs)(`fieldset`,{children:[(0,J.jsx)(`legend`,{children:`Text`}),(0,J.jsx)(__,{...e})]}),(0,J.jsxs)(`fieldset`,{children:[(0,J.jsx)(`legend`,{children:`Text (hideLabel)`}),(0,J.jsx)(__,{...e,_hideLabel:!0})]})]}),y_=()=>(0,J.jsxs)(J.Fragment,{children:[(0,J.jsx)(X,{children:(0,J.jsx)(`p`,{children:`SingleSelect provides a select field for a single value, supported by a search field.`})}),(0,J.jsx)(ef,{RefComponent:v_,showButtons:!1})]}),b_=()=>(0,J.jsxs)(J.Fragment,{children:[(0,J.jsx)(X,{children:(0,J.jsxs)(`p`,{children:[`Shows the callback value from `,(0,J.jsx)(`code`,{children:`onInput`}),` while typing and from `,(0,J.jsx)(`code`,{children:`onChange`}),` after leaving the field.`]})}),(0,J.jsx)(up,{label:`KolSingleSelect`,renderInput:e=>(0,J.jsx)(we,{_label:`Search option`,_options:[{label:`One`,value:`one`},{label:`Two`,value:`two`}],_on:e})})]}),x_=({show:e})=>e?(0,J.jsx)(`div`,{className:`loading-overlay`,children:(0,J.jsx)(De,{_label:`loading`,_show:e,_variant:`cycle`,style:{backgroundColor:`transparent`}})}):null,S_={"single-select":{basic:y_,"get-value":b_,"lazy-loaded":()=>{let[e,t]=(0,d.useState)([]),[n,r]=(0,d.useState)(!1);function i(){e.length>0||(r(!0),setTimeout(()=>{t(rf),r(!1)},5e3))}return(0,J.jsxs)(J.Fragment,{children:[(0,J.jsx)(X,{children:(0,J.jsx)(`p`,{children:`This single select loads its list of countries 5 seconds after the first input of the user to simulate a call to the server.`})}),(0,J.jsxs)(`section`,{className:`w-full relative p-3`,children:[(0,J.jsx)(we,{_label:`Lazy loaded countries`,_options:e,onInput:()=>i()}),(0,J.jsx)(x_,{show:n})]})]})}}},C_={"skip-nav":{basic:()=>{let e=(0,d.useRef)(null);return(0,d.useEffect)(()=>{e.current?.focus()},[]),(0,J.jsxs)(`div`,{className:`grid gap-4`,children:[(0,J.jsxs)(X,{children:[(0,J.jsx)(`p`,{children:`KolSkipNav renders a list of navigation links that are visually hidden by default and only visible on focus.`}),(0,J.jsx)(`p`,{children:`For testing purposes, click into the example and press the tab-key in order to focus the first link.`})]}),(0,J.jsx)(Ee,{ref:e,_label:`Hidden navigation`,_links:[{_label:`To the top`,_href:`#/back-page`},{_label:`To the form`,_href:`#/back-page`},{_label:`To the end`,_href:`#/back-page`}]})]})}}},w_={spin:{basic:()=>(0,J.jsxs)(J.Fragment,{children:[(0,J.jsx)(X,{children:(0,J.jsx)(`p`,{children:`KolSpin renders a loading indicator. This sample shows the default variant "dot".`})}),(0,J.jsx)(De,{_show:!0})]}),cycle:()=>(0,J.jsxs)(J.Fragment,{children:[(0,J.jsx)(X,{children:(0,J.jsx)(`p`,{children:`This sample shows the KolSpin variant "cycle" and that you can change its color and size.`})}),(0,J.jsx)(De,{_show:!0,_variant:`cycle`})]}),custom:()=>(0,J.jsxs)(J.Fragment,{children:[(0,J.jsx)(X,{children:(0,J.jsx)(`p`,{children:`This sample shows a custom loading animation. Using the expert slot, it is possible to insert custom animations. Custom animations are not necessarily barrier-free.`})}),(0,J.jsx)(De,{_show:!0,_variant:`none`,children:(0,J.jsx)(`span`,{slot:`expert`,className:`loader`})})]}),label:()=>{let[e,t]=(0,d.useState)(!0);return(0,d.useEffect)(()=>{let e=setInterval(()=>t(e=>!e),3e3);return()=>clearInterval(e)},[]),(0,J.jsxs)(J.Fragment,{children:[(0,J.jsx)(X,{children:(0,J.jsx)(`p`,{children:`This sample shows KolSpin with a label.`})}),(0,J.jsx)(De,{_show:e,_label:e?`Loading data...`:`Data loaded.`})]})},variables:()=>(0,J.jsxs)(J.Fragment,{children:[(0,J.jsx)(X,{children:(0,J.jsx)(`p`,{children:`You can change the color and size of the spinners with CSS properties.`})}),(0,J.jsx)(De,{_show:!0,style:{"--kol-spin-color":`green`,"--kol-spin-size":`80`}})]})}},T_={"split-button":{basic:()=>{let{buttonWithTextClickEventHandler:e}=zd(),t={onClick:e};return(0,J.jsxs)(J.Fragment,{children:[(0,J.jsx)(X,{children:(0,J.jsxs)(`p`,{children:[`The `,(0,J.jsx)(`code`,{children:`SplitButton`}),` component combines a primary action button with a context menu. Clicking the main button triggers the`,(0,J.jsx)(`strong`,{children:` Edit`}),` action. The context menu opens a vertical list of additional actions:`,(0,J.jsx)(`strong`,{children:` Save`}),`, `,(0,J.jsx)(`strong`,{children:`Move`}),`, and `,(0,J.jsx)(`strong`,{children:`Delete`}),`.`]})}),(0,J.jsx)(`div`,{className:`flex flex-col gap-4`,children:(0,J.jsx)(Oe,{_label:`Edit`,_on:t,children:(0,J.jsx)(je,{_label:`Action toolbar`,_items:[{type:`button`,_label:`Save`,_icons:`kolicon-check`,_on:t},{type:`button`,_label:`Move Up`,_icons:`kolicon-chevron-up`,_on:t},{type:`button`,_label:`Delete`,_icons:`kolicon-minus`,_on:t}],_orientation:`vertical`})})})]})},"with-context":()=>{let e=d.useRef(null);return(0,J.jsxs)(J.Fragment,{children:[(0,J.jsx)(X,{children:(0,J.jsx)(`p`,{children:`SplitButton renders a button with an additional context-menu, that can be opened by clicking the arrow icon.`})}),(0,J.jsx)(`div`,{className:`flex gap-4`,children:(0,J.jsx)(Oe,{ref:e,_label:`Only the arrow opens`,children:(0,J.jsxs)(`div`,{style:{width:300,padding:16,border:`1px solid #ccc`},onClick:e=>e.stopPropagation(),children:[(0,J.jsx)(`p`,{children:`SplitButton renders a button with an additional context-menu, that can be opened by clicking the arrow icon.`}),(0,J.jsxs)(`div`,{style:{gap:16,display:`flex`,flexDirection:`column`},children:[(0,J.jsx)(L,{_label:`User`}),(0,J.jsx)(L,{_label:`Role`}),(0,J.jsx)(k,{_label:`Close`,_on:{onClick:()=>{e.current?.closePopup()}}})]})]})})})]})}}},E_={horizontal:[[{key:`id`,label:`ID`,width:80},{key:`project`,label:`Project`},{key:`owner`,label:`Owner`,width:140},{type:`action`,key:`actions`,label:`Actions`,width:250,actions:e=>{let t=e;return[{type:`button`,_label:`Details`,_icons:`kolicon-eye`,_hideLabel:!0,_on:{onClick:()=>alert(`Details: ${t.id} - ${t.project}`)}},{type:`button`,_label:`Start`,_icons:`kolicon-chevron-right`,_variant:`secondary`,_on:{onClick:()=>alert(`Start task ${t.id}`)}},{type:`link`,_label:`View`,_href:`#/back-page?taskId=${t.id}`,_target:`_blank`,_icons:`kolicon-external-link`,_hideLabel:!1}]}},{type:`action`,key:`externalActions`,label:`External Actions`,width:280,actions:e=>[{type:`link`,_label:`View on Dashboard`,_href:`#/back-page?taskId=${e.id}`,_target:`_blank`,_icons:`kolicon-external-link`,_hideLabel:!1}]}]]},D_=[{id:`T-01`,project:`Onboarding checklist`,owner:`Alex Rivera`},{id:`T-02`,project:`Accessibility audit`,owner:`Jamie Chen`}],O_=()=>(0,J.jsxs)(J.Fragment,{children:[(0,J.jsx)(X,{children:(0,J.jsx)(`p`,{children:`Simple example using the refactored action column: Actions are defined once in the column header definition using a factory function. Two rows with inline action buttons demonstrate clean separation between data and UI behavior.`})}),(0,J.jsx)(`section`,{className:`w-full`,children:(0,J.jsx)(z,{_label:`Tasks with action buttons`,_headers:E_,_data:D_,className:`block`})})]}),k_=50,A_=[`Max`,`Erika`,`John`,`Jane`,`Peter`,`Anna`,`Michael`,`Sarah`,`Thomas`,`Lisa`,`Daniel`,`Maria`,`Christian`,`Laura`,`Stefan`,`Julia`,`Andreas`,`Sophie`,`Markus`,`Emma`],j_=[`Mustermann`,`Musterfrau`,`Doe`,`Smith`,`Schmidt`,`Müller`,`Weber`,`Meyer`,`Wagner`,`Becker`,`Fischer`,`Schneider`,`Hoffmann`,`Koch`,`Bauer`,`Richter`,`Klein`,`Wolf`,`Schröder`,`Neumann`],M_=[`active`,`inactive`,`pending`],N_=(e=>Array.from({length:e},(e,t)=>{let n=A_[t%A_.length],r=j_[Math.floor(t/A_.length)%j_.length],i=M_[t%M_.length],a=t+1;return{id:a,name:`${n} ${r}`,email:`${n.toLowerCase()}.${r.toLowerCase()}${a>20?a:``}@example.com`,status:i}}))(k_),P_={horizontal:[[{key:`id`,label:`ID`,textAlign:`left`,width:60,compareFn:(e,t)=>e.id-t.id,sortDirection:`ASC`},{key:`name`,label:`Name`,textAlign:`left`,compareFn:(e,t)=>e.name.localeCompare(t.name,`de`),sortDirection:`ASC`},{key:`email`,label:`E-Mail`,textAlign:`left`,compareFn:(e,t)=>e.email.localeCompare(t.email,`de`),sortDirection:`ASC`},{key:`status`,label:`Status`,textAlign:`center`,width:100,compareFn:(e,t)=>e.status.localeCompare(t.status,`de`),sortDirection:`ASC`},{type:`action`,key:`actions`,label:`Aktionen`,textAlign:`center`,width:180,actions:e=>{let t=e;return[{type:`button`,_label:`Bearbeiten`,_icons:`kolicon-eye`,_hideLabel:!0,_tooltipAlign:`top`,_variant:`secondary`,_on:{onClick:()=>{console.log(`Edit clicked for:`,t),alert(`Bearbeiten: ${t.name}`)}}},{type:`button`,_label:`Löschen`,_icons:`kolicon-alert-error`,_hideLabel:!0,_tooltipAlign:`top`,_variant:`danger`,_on:{onClick:()=>{console.log(`Delete clicked for:`,t),alert(`Löschen: ${t.name}`)}}},{type:`button`,_label:`Details anzeigen`,_icons:`kolicon-alert-info`,_hideLabel:!0,_tooltipAlign:`top`,_variant:`normal`,_on:{onClick:()=>{console.log(`Details clicked for:`,t),alert(`Details: ${JSON.stringify(t,null,2)}`)}}}]}}]]},F_=()=>(0,J.jsxs)(J.Fragment,{children:[(0,J.jsxs)(X,{children:[(0,J.jsxs)(`p`,{children:[`Performance demo: `,k_,` rows with action buttons defined once in the column header using the refactored approach. The factory function generates actions for each row on demand, eliminating redundant data and improving maintainability.`]}),(0,J.jsxs)(`p`,{children:[`Actions stay type-safe with `,(0,J.jsx)(`code`,{children:`ActionColumnPropType`}),` (ButtonProps or LinkProps), and no custom render functions are needed.`]})]}),(0,J.jsx)(`section`,{className:`w-full`,children:(0,J.jsx)(z,{_label:`Benutzerverwaltung mit Action-Spalte`,_headers:P_,_data:N_,className:`block`})})]}),I_={horizontal:[[{key:`project`,label:`Project`},{key:`owner`,label:`Owner`,width:140},{label:`ID`,key:`id`,width:100,render:(e,t)=>{let{label:n}=t;return`Index: ${n}`}},{type:`action`,key:`actions`,label:`Actions`,width:100,actions:e=>{let t=e;return[{type:`button`,_label:`Details`,_icons:`kolicon-eye`,_hideLabel:!0,_on:{onClick:()=>alert(`Details: ${t.id} - ${t.project}`)}}]}}]]},L_=[{id:`T-01`,project:`Onboarding checklist`,owner:`Alex Rivera`,react:`test`},{id:`T-02`,project:`Accessibility audit`,owner:`Jamie Chen`,react:`test`}],R_=()=>(0,J.jsxs)(J.Fragment,{children:[(0,J.jsx)(X,{children:(0,J.jsx)(`p`,{children:`Simple example using the refactored action column: Actions are defined once in the column header definition using a factory function. Two rows with inline action buttons demonstrate clean separation between data and UI behavior.`})}),(0,J.jsx)(`section`,{className:`w-full`,children:(0,J.jsx)(z,{_label:`Tasks with action buttons`,_headers:I_,_data:L_,className:`block`,_hasSettingsMenu:!0})})]}),z_=new WeakMap,B_=new WeakMap,V_=new WeakMap,H_=new WeakMap,U_=0,W_=`
|
|
74
|
+
table { border-collapse: collapse; }
|
|
75
|
+
th, td { border: 1px solid #888; padding: 4px 12px; }
|
|
76
|
+
th { background: #f0f0f0; }
|
|
77
|
+
`,G_=`
|
|
78
|
+
<thead><tr><th scope="col">City</th><th scope="col">Country</th></tr></thead>
|
|
79
|
+
<tbody><tr><td>Berlin</td><td>Germany</td></tr></tbody>
|
|
80
|
+
`,K_=class extends HTMLElement{static get observedAttributes(){return[`aria-labelledby`]}connectedCallback(){this._render()}attributeChangedCallback(){this.isConnected&&this._render()}_render(){let e=this.getAttribute(`aria-labelledby`)??``;this.innerHTML=`<style>${W_}</style><table>${G_}</table>`;let t=this.querySelector(`table`);e?t.setAttribute(`aria-labelledby`,e):t.removeAttribute(`aria-labelledby`)}},q_=class extends HTMLElement{constructor(){super(),this.id||=`nit-${++U_}`;try{z_.set(this,this.attachInternals())}catch{}}connectedCallback(){this.innerHTML=`<table aria-labelledby="${this.id}">${G_}</table>`}set labelElements(e){let t=z_.get(this);if(t)try{t.ariaLabelledByElements=e}catch{}}},J_=class extends HTMLElement{constructor(){super();try{B_.set(this,this.attachInternals())}catch{}V_.set(this,this.attachShadow({mode:`open`}))}static get observedAttributes(){return[`aria-labelledby`]}connectedCallback(){let e=V_.get(this);e.innerHTML=`<style>demo-inner-table { display: block; }${W_}</style><demo-inner-table></demo-inner-table>`,H_.set(this,e.querySelector(`demo-inner-table`)),this._sync(this.getAttribute(`aria-labelledby`))}attributeChangedCallback(e,t,n){this.isConnected&&this._sync(n)}_sync(e){let t=this.getRootNode(),n=(e??``).trim().split(/\s+/).filter(Boolean).map(e=>t instanceof ShadowRoot?t.querySelector(`#${CSS.escape(e)}`):document.getElementById(e)).filter(e=>e!==null),r=B_.get(this);if(r)try{r.ariaLabelledByElements=n}catch{}let i=H_.get(this);i&&(i.labelElements=n)}};typeof customElements<`u`&&(customElements.get(`demo-table-light`)||customElements.define(`demo-table-light`,K_),customElements.get(`demo-inner-table`)||customElements.define(`demo-inner-table`,q_),customElements.get(`demo-outer-table`)||customElements.define(`demo-outer-table`,J_));var Y_=[{city:`Berlin`,country:`Germany`}],X_={horizontal:[[{key:`city`,label:`City`},{key:`country`,label:`Country`}]],vertical:[]},Z_={_data:Y_,_headers:X_,_headerCells:X_,_label:`Label should always be filled`,_minWidth:`auto`},Q_=()=>(0,J.jsxs)(J.Fragment,{children:[(0,J.jsx)(X,{children:(0,J.jsxs)(`p`,{children:[`Demonstrates how to label a table using an external heading via `,(0,J.jsx)(`code`,{children:`_ariaLabelledby`}),`. The referenced heading lives outside the component's Shadow DOM. KoliBri resolves the element reference via `,(0,J.jsx)(`code`,{children:`ElementInternals.ariaLabelledByElements`}),`, which crosses the Shadow DOM boundary — unlike a plain `,(0,J.jsx)(`code`,{children:`aria-labelledby`}),` attribute, which is scoped to the same tree.`]})}),(0,J.jsxs)(`section`,{className:`w-full flex flex-col gap-6`,children:[(0,J.jsxs)(`div`,{children:[(0,J.jsx)(`h2`,{id:`caption-native`,children:`Native HTML (no Web Component)`}),(0,J.jsxs)(`p`,{children:[`Plain `,(0,J.jsx)(`code`,{children:`<table aria-labelledby="…">`}),`. No Shadow DOM — the IDREF resolves directly in the document tree.`]}),(0,J.jsxs)(`table`,{"aria-labelledby":`caption-native`,children:[(0,J.jsx)(`thead`,{children:(0,J.jsxs)(`tr`,{children:[(0,J.jsx)(`th`,{children:`City`}),(0,J.jsx)(`th`,{children:`Country`})]})}),(0,J.jsx)(`tbody`,{children:(0,J.jsxs)(`tr`,{children:[(0,J.jsx)(`td`,{children:`Berlin`}),(0,J.jsx)(`td`,{children:`Germany`})]})})]})]}),(0,J.jsx)(`hr`,{"aria-hidden":`true`,className:`border-0`}),(0,J.jsxs)(`div`,{children:[(0,J.jsx)(`h2`,{id:`caption-wc-light`,children:`Native Web Component — no Shadow DOM`}),(0,J.jsxs)(`p`,{children:[(0,J.jsx)(`code`,{children:`demo-table-light`}),` renders the table into the light DOM (`,(0,J.jsx)(`code`,{children:`attachShadow`}),` not called). The table's `,(0,J.jsx)(`code`,{children:`aria-labelledby`}),` `,`IDREF resolves in the host document — no boundary to cross.`]}),d.createElement(`demo-table-light`,{"aria-labelledby":`caption-wc-light`})]}),(0,J.jsx)(`hr`,{"aria-hidden":`true`,className:`border-0`}),(0,J.jsxs)(`div`,{children:[(0,J.jsx)(`h2`,{id:`caption-wc-shadow`,children:`Native Web Component — with Shadow DOM`}),(0,J.jsxs)(`p`,{children:[(0,J.jsx)(`code`,{children:`demo-outer-table`}),` (shadow: open) resolves the IDREF via `,(0,J.jsx)(`code`,{children:`getRootNode()`}),` and sets`,` `,(0,J.jsx)(`code`,{children:`ElementInternals.ariaLabelledByElements`}),` on itself and on the inner element. The inner `,(0,J.jsx)(`code`,{children:`<table>`}),` references the inner element via IDREF — valid because both share the same shadow tree.`]}),d.createElement(`demo-outer-table`,{"aria-labelledby":`caption-wc-shadow`})]}),(0,J.jsx)(`hr`,{"aria-hidden":`true`,className:`border-0`}),(0,J.jsxs)(`div`,{children:[(0,J.jsx)(`h2`,{id:`caption-stateless`,children:`kol-table-stateless`}),(0,J.jsxs)(`p`,{children:[`The `,(0,J.jsx)(`code`,{children:`<h2>`}),` above serves as the accessible label via `,(0,J.jsx)(`code`,{children:`_ariaLabelledby`}),`. No internal `,(0,J.jsx)(`code`,{children:`<caption>`}),` is rendered.`]}),(0,J.jsx)(ke,{_ariaLabelledby:`caption-stateless`,...Z_,_hasSettingsMenu:!0})]}),(0,J.jsx)(`hr`,{"aria-hidden":`true`,className:`border-0`}),(0,J.jsxs)(`div`,{children:[(0,J.jsx)(`h2`,{id:`caption-stateful`,children:`kol-table-stateful`}),(0,J.jsxs)(`p`,{children:[`Same via the stateful wrapper — `,(0,J.jsx)(`code`,{children:`_ariaLabelledby`}),` is forwarded to the internal stateless implementation.`]}),(0,J.jsx)(z,{_ariaLabelledby:`caption-stateful`,...Z_})]})]})]}),$_=[{common_name:`African elephant`,scientific_name:`Loxodonta africana`,conservation_status:`Vulnerable`,habitat:`Savannas and forests`,diet:`Herbivore`,geographic_range:`Sub-Saharan Africa`},{common_name:`American bison`,scientific_name:`Bison bison`,conservation_status:`Near Threatened`,habitat:`Grasslands and plains`,diet:`Herbivore`,geographic_range:`North America`},{common_name:`Arctic fox`,scientific_name:`Vulpes lagopus`,conservation_status:`Least Concern`,habitat:`Tundra`,diet:`Omnivore`,geographic_range:`Arctic Circle`},{common_name:`Atlantic puffin`,scientific_name:`Fratercula arctica`,conservation_status:`Vulnerable`,habitat:`Coastal cliffs and open ocean`,diet:`Carnivore`,geographic_range:`North Atlantic Ocean`},{common_name:`Bengal tiger`,scientific_name:`Panthera tigris tigris`,conservation_status:`Endangered`,habitat:`Tropical forests and grasslands`,diet:`Carnivore`,geographic_range:`Indian subcontinent`},{common_name:`Black rhinoceros`,scientific_name:`Diceros bicornis`,conservation_status:`Critically Endangered`,habitat:`Savannas and shrublands`,diet:`Herbivore`,geographic_range:`Eastern and Southern Africa`},{common_name:`Blue whale`,scientific_name:`Balaenoptera musculus`,conservation_status:`Endangered`,habitat:`Open ocean`,diet:`Carnivore`,geographic_range:`Global oceans`},{common_name:`California condor`,scientific_name:`Gymnogyps californianus`,conservation_status:`Critically Endangered`,habitat:`Cliffs and scrublands`,diet:`Scavenger`,geographic_range:`Western United States`},{common_name:`Cheetah`,scientific_name:`Acinonyx jubatus`,conservation_status:`Vulnerable`,habitat:`Grasslands and savannas`,diet:`Carnivore`,geographic_range:`Africa and Iran`},{common_name:`Emperor penguin`,scientific_name:`Aptenodytes forsteri`,conservation_status:`Near Threatened`,habitat:`Sea ice and open ocean`,diet:`Carnivore`,geographic_range:`Antarctica`},{common_name:`Galápagos tortoise`,scientific_name:`Chelonoidis niger`,conservation_status:`Vulnerable`,habitat:`Volcanic highlands`,diet:`Herbivore`,geographic_range:`Galápagos Islands`},{common_name:`Giant anteater`,scientific_name:`Myrmecophaga tridactyla`,conservation_status:`Vulnerable`,habitat:`Grasslands and forests`,diet:`Insectivore`,geographic_range:`Central and South America`},{common_name:`Giant panda`,scientific_name:`Ailuropoda melanoleuca`,conservation_status:`Vulnerable`,habitat:`Temperate bamboo forests`,diet:`Herbivore`,geographic_range:`Central China`},{common_name:`Golden eagle`,scientific_name:`Aquila chrysaetos`,conservation_status:`Least Concern`,habitat:`Mountains and open plains`,diet:`Carnivore`,geographic_range:`Northern Hemisphere`},{common_name:`Gray wolf`,scientific_name:`Canis lupus`,conservation_status:`Least Concern`,habitat:`Forests and tundra`,diet:`Carnivore`,geographic_range:`Northern Hemisphere`},{common_name:`Great white shark`,scientific_name:`Carcharodon carcharias`,conservation_status:`Vulnerable`,habitat:`Coastal and offshore waters`,diet:`Carnivore`,geographic_range:`Global temperate seas`},{common_name:`Green sea turtle`,scientific_name:`Chelonia mydas`,conservation_status:`Endangered`,habitat:`Coastal waters and beaches`,diet:`Herbivore`,geographic_range:`Tropical and subtropical oceans`},{common_name:`Harpy eagle`,scientific_name:`Harpia harpyja`,conservation_status:`Near Threatened`,habitat:`Tropical rainforests`,diet:`Carnivore`,geographic_range:`Central and South America`},{common_name:`Humpback whale`,scientific_name:`Megaptera novaeangliae`,conservation_status:`Least Concern`,habitat:`Open ocean`,diet:`Carnivore`,geographic_range:`Global oceans`},{common_name:`Jaguar`,scientific_name:`Panthera onca`,conservation_status:`Near Threatened`,habitat:`Tropical rainforests and wetlands`,diet:`Carnivore`,geographic_range:`Central and South America`},{common_name:`Koala`,scientific_name:`Phascolarctos cinereus`,conservation_status:`Vulnerable`,habitat:`Eucalyptus woodlands`,diet:`Herbivore`,geographic_range:`Eastern Australia`},{common_name:`Monarch butterfly`,scientific_name:`Danaus plexippus`,conservation_status:`Endangered`,habitat:`Prairies and meadows`,diet:`Herbivore`,geographic_range:`North America`},{common_name:`Mountain gorilla`,scientific_name:`Gorilla beringei beringei`,conservation_status:`Endangered`,habitat:`Montane forests`,diet:`Herbivore`,geographic_range:`Central Africa`},{common_name:`Narwhal`,scientific_name:`Monodon monoceros`,conservation_status:`Near Threatened`,habitat:`Arctic waters`,diet:`Carnivore`,geographic_range:`Arctic Circle`},{common_name:`Okapi`,scientific_name:`Okapia johnstoni`,conservation_status:`Endangered`,habitat:`Rainforests`,diet:`Herbivore`,geographic_range:`Democratic Republic of the Congo`},{common_name:`Polar bear`,scientific_name:`Ursus maritimus`,conservation_status:`Vulnerable`,habitat:`Sea ice and tundra`,diet:`Carnivore`,geographic_range:`Arctic Circle`},{common_name:`Red kangaroo`,scientific_name:`Osphranter rufus`,conservation_status:`Least Concern`,habitat:`Deserts and grasslands`,diet:`Herbivore`,geographic_range:`Australia`},{common_name:`Red panda`,scientific_name:`Ailurus fulgens`,conservation_status:`Endangered`,habitat:`Temperate forests`,diet:`Omnivore`,geographic_range:`Eastern Himalayas`},{common_name:`Snow leopard`,scientific_name:`Panthera uncia`,conservation_status:`Vulnerable`,habitat:`Mountain ranges`,diet:`Carnivore`,geographic_range:`Central and South Asia`},{common_name:`Southern cassowary`,scientific_name:`Casuarius casuarius`,conservation_status:`Least Concern`,habitat:`Tropical rainforests`,diet:`Omnivore`,geographic_range:`New Guinea and northeastern Australia`},{common_name:`Tasmanian devil`,scientific_name:`Sarcophilus harrisii`,conservation_status:`Endangered`,habitat:`Forests and coastal scrub`,diet:`Carnivore`,geographic_range:`Tasmania`},{common_name:`Yellow-eyed penguin`,scientific_name:`Megadyptes antipodes`,conservation_status:`Endangered`,habitat:`Coastal forests and beaches`,diet:`Carnivore`,geographic_range:`New Zealand`}],ev=Array.from({length:200},(e,t)=>{let n=$_[t%$_.length];return{id:t+1,...n}});function tv(e){return Array.from({length:e},(e,t)=>{let n=$_[t%$_.length];return{id:t+1,...n}})}var nv={label:e=>`Selection for ${e.common_name}`,multiple:!0,keyPropertyName:`id`},rv=[{label:`ID`,key:`id`,textAlign:`right`,width:60},{label:`Common name`,key:`common_name`,textAlign:`left`,width:250},{label:`Scientific name`,key:`scientific_name`,textAlign:`left`,width:400},{label:`Conservation status`,key:`conservation_status`,textAlign:`left`,width:250},{label:`Habitat`,key:`habitat`,textAlign:`left`,width:400},{label:`Diet`,key:`diet`,textAlign:`left`,width:200},{label:`Geographic range`,key:`geographic_range`,textAlign:`left`,width:300}],iv=()=>{let[e,t]=Hr(),[n,r]=(0,d.useState)(50),[i,a]=(0,d.useState)([0,0]);var o=!1;let[s,c]=(0,d.useState)(rv),l={horizontal:[s]};function u(){if(o)return;let n=e.get(`rows`);n?+n<5e3&&r(+n):t(e=>(e.append(`rows`,`50`),e));let i=e.get(`addCols`);if(i){if(+i<200){let e=[...rv];for(let t=0;t<+i;t++)e.push({label:`label`+t,key:`key`+t,textAlign:`left`,width:100});c(e)}}else t(e=>(e.append(`addCols`,`0`),e));let s=e.get(`fixedCols`);if(s){let e=s.split(`.`);a([+e[0],+e[1]])}else t(e=>(e.append(`fixedCols`,`0.0`),e));o=!0}return(0,d.useEffect)(()=>u(),[e]),(0,J.jsxs)(J.Fragment,{children:[(0,J.jsxs)(X,{children:[(0,J.jsx)(`p`,{children:`You can change what this examples shows with query parameters. Change the values as you like:`}),(0,J.jsxs)(`ul`,{children:[(0,J.jsx)(`li`,{children:`rows=400 - loads 400 rows`}),(0,J.jsx)(`li`,{children:`addCols=10 - adds 10 empty columns to the end`}),(0,J.jsx)(`li`,{children:`fixedCols=2.1 - makes the first two and the last column sticky`})]})]}),(0,J.jsx)(N,{_level:2,_label:`Configurable table`}),(0,J.jsx)(z,{_label:`Animal species overview`,_data:tv(n),_headers:l,className:`block`,_selection:nv,_fixedCols:i})]})},av=[{left:`Left Example`,center:`Center Example`,right:`Right Example`}],ov=()=>0,sv=()=>(0,J.jsxs)(J.Fragment,{children:[(0,J.jsx)(X,{children:(0,J.jsx)(`p`,{children:`This sample shows KolTableStateful with columns headers and data in different text alignments.`})}),(0,J.jsxs)(`section`,{className:`w-full flex flex-col`,children:[(0,J.jsx)(N,{_label:`Simple table`,_level:3}),(0,J.jsx)(z,{_label:`Table for demonstration purposes with different text align properties`,_headers:{horizontal:[[{label:`left`,key:`left`,textAlign:`left`,width:160},{label:`center`,key:`center`,textAlign:`center`,width:160},{label:`right`,key:`right`,textAlign:`right`,width:160}]]},_data:av,className:`block`,style:{maxWidth:`600px`}}),(0,J.jsx)(N,{_label:`Table with sortable columns`,_level:3,className:`block mt-6`}),(0,J.jsx)(z,{_label:`Table for demonstration purposes with sortable columns`,_headers:{horizontal:[[{label:`left`,key:`left`,textAlign:`left`,compareFn:ov,width:160},{label:`center`,key:`center`,textAlign:`center`,compareFn:ov,width:160},{label:`right`,key:`right`,textAlign:`right`,compareFn:ov,width:160}]]},_data:av,className:`block`,style:{maxWidth:`600px`}}),(0,J.jsx)(N,{_label:`Table some sortable columns`,_level:3,className:`block mt-6`}),(0,J.jsx)(z,{_label:`Table for demonstration purposes with some but not all columns sortable`,_headers:{horizontal:[[{label:`left`,key:`left`,textAlign:`left`,compareFn:ov,width:160},{label:`center`,key:`center`,textAlign:`center`,compareFn:ov,width:160},{label:`right`,key:`right`,textAlign:`right`,width:160}]]},_data:av,className:`block`,style:{maxWidth:`600px`}}),(0,J.jsx)(N,{_label:`Table with vertical heading`,_level:3,className:`block mt-6`}),(0,J.jsx)(z,{_label:`Table for demonstration purposes with vertical heading`,_headers:{horizontal:[[{label:`left`,key:`left`,textAlign:`left`,width:160},{label:`center`,key:`center`,textAlign:`center`,width:160},{label:`right`,key:`right`,textAlign:`right`,width:160}]],vertical:[[{label:`Vertical`,width:160}]]},_data:av,className:`block`,style:{maxWidth:`600px`}})]})]}),cv=()=>(0,J.jsxs)(J.Fragment,{children:[(0,J.jsx)(X,{children:(0,J.jsx)(`p`,{children:`This sample shows KolTableStateful using vertical and horizontal headers, applying colspan and rowspan.`})}),(0,J.jsx)(`section`,{className:`w-full flex flex-col`,children:(0,J.jsx)(z,{_label:`Business hours`,_data:[{asp:`Center`,monday:`08:00`,tuesday:`08:00`,wednesday:`10:00`,thursday:`11:00`,friday:`08:00`,saturday:`09:00`,sunday:`10:00`},{asp:`Tiergarten`,monday:`08:00`,tuesday:`08:00`,wednesday:`10:00`,thursday:`11:00`,friday:`08:00`,saturday:`09:00`,sunday:`10:00`},{asp:`Maxvorstadt`,monday:`08:00`,tuesday:`08:00`,wednesday:`10:00`,thursday:`11:00`,friday:`08:00`,saturday:`09:00`,sunday:`10:00`}],_headers:{vertical:[[{label:`Berlin`,rowSpan:2,width:100},{label:`München`,width:100}]],horizontal:[[{label:`District`,rowSpan:2,key:`asp`,width:120,textAlign:`center`},{label:`Workdays`,colSpan:5,width:580,textAlign:`center`},{label:`Weekend`,colSpan:2,width:200,textAlign:`center`}],[{label:`Monday`,key:`monday`,width:50,textAlign:`center`},{label:`Tuesday`,key:`tuesday`,width:50,textAlign:`center`},{label:`Wednesday`,key:`wednesday`,width:50,textAlign:`center`},{label:`Thursday`,key:`thursday`,width:50,textAlign:`center`},{label:`Friday`,key:`friday`,width:50,textAlign:`center`},{label:`Saturday`,key:`saturday`,width:50,textAlign:`center`},{label:`Sunday`,key:`sunday`,width:50,textAlign:`center`}]]}})})]}),lv=22,uv=[{city:`Reykjavík`,temperature:6},{city:`Berlin`,temperature:21},{city:`Palma de Mallorca`,temperature:29},{city:`Cairo`,temperature:35},{city:`Helsinki`,temperature:14}],dv={horizontal:[[{label:`City`,key:`city`,width:160},{label:`Temperature (°C)`,key:`temperature`,textAlign:`right`,width:160,compareFn:(e,t,n=`ASC`)=>{let r=e.temperature,i=t.temperature,a=Math.abs(r-lv),o=Math.abs(i-lv);return a===o?n===`DESC`?i-r:r-i:n===`DESC`?o-a:a-o},render:(e,t,n)=>{let r=Math.abs(n.temperature-lv);return`${n.temperature} °C (Δ ${r} °C)`}}]]},fv=()=>(0,J.jsxs)(J.Fragment,{children:[(0,J.jsx)(X,{children:(0,J.jsxs)(`p`,{children:[`This sample demonstrates how `,(0,J.jsx)(`code`,{children:`compareFn`}),` receives the current `,(0,J.jsx)(`code`,{children:`sortDirection`}),`. Ascending sorts show cities that are closest to 22\xA0°C first, descending sorts highlight the most extreme temperatures.`]})}),(0,J.jsx)(`section`,{className:`w-full`,children:(0,J.jsx)(z,{_label:`Direction aware compare function`,_data:uv,_headers:dv,className:`block`})})]}),pv=10,mv=[`Max`,`Erika`,`John`,`Jane`,`Peter`,`Anna`,`Michael`,`Sarah`,`Thomas`,`Lisa`,`Daniel`,`Maria`,`Christian`,`Laura`,`Stefan`,`Julia`,`Andreas`,`Sophie`,`Markus`,`Emma`],hv=[`Mustermann`,`Musterfrau`,`Doe`,`Smith`,`Schmidt`,`Müller`,`Weber`,`Meyer`,`Wagner`,`Becker`,`Fischer`,`Schneider`,`Hoffmann`,`Koch`,`Bauer`,`Richter`,`Klein`,`Wolf`,`Schröder`,`Neumann`],gv=[`active`,`inactive`,`pending`],_v=(e=>Array.from({length:e},(e,t)=>{let n=mv[t%mv.length],r=hv[Math.floor(t/mv.length)%hv.length],i=gv[t%gv.length],a=t+1;return{id:a,name:`${n} ${r}`,email:`${n.toLowerCase()}.${r.toLowerCase()}${a>20?a:``}@example.com`,status:i}}))(pv),vv=()=>{let[e,t]=d.useState(2),n=d.useMemo(()=>{let t=t=>(n,r)=>{let i=r.data;if(i.id===e+1){n.textContent=``;let e=document.createElement(`strong`);e.textContent=String(i[t]),n.appendChild(e)}else n.textContent=String(i[t])},n=e=>(t,n)=>{let r=t[e],i=n[e];return typeof r==`number`&&typeof i==`number`?r-i:typeof r==`string`&&typeof i==`string`?r.localeCompare(i,`de`):0};return{horizontal:[[{key:`id`,label:`ID`,textAlign:`left`,width:60,compareFn:n(`id`),render:t(`id`),sortDirection:`ASC`},{key:`name`,label:`Name`,textAlign:`left`,compareFn:n(`name`),render:t(`name`),sortDirection:`ASC`},{key:`email`,label:`E-Mail`,textAlign:`left`,compareFn:n(`email`),render:t(`email`),sortDirection:`ASC`},{key:`status`,label:`Status`,textAlign:`center`,width:100,compareFn:n(`status`),render:t(`status`),sortDirection:`ASC`}]]}},[e]);return(0,J.jsxs)(J.Fragment,{children:[(0,J.jsxs)(X,{children:[(0,J.jsx)(`p`,{children:`This sample demonstrates how to programmatically highlight a specific row in a table. You can change the highlighted row by using the input field above the table.`}),(0,J.jsxs)(`p`,{children:[`The highlighting is achieved by using a custom `,(0,J.jsx)(`code`,{children:`render`}),` function for each column, which checks if the current row's ID matches the selected highlight index and applies bold styling.`]})]}),(0,J.jsxs)(`section`,{className:`flex flex-col gap-4`,children:[(0,J.jsx)(de,{className:`self-start`,_label:`Highlight Row Index`,_value:e,_on:{onInput:(e,n)=>t(Number(n))},_min:0,_max:pv-1}),(0,J.jsx)(z,{_label:`Benutzerverwaltung mit Hervorhebung`,_headers:n,_data:_v,className:`block`})]})]})},yv=Intl.DateTimeFormat(`de-DE`,{day:`2-digit`,month:`2-digit`,year:`numeric`}),bv=[{order:0,date:new Date(`1981-05-26T21:33:43.612Z`)},{order:1,date:new Date(`1971-04-25T19:44:17.014Z`)},{order:2,date:new Date(`1986-07-10T11:39:29.539Z`)},{order:3,date:new Date(`1976-02-02T10:00:36.346Z`)},{order:4,date:new Date(`1998-07-07T12:50:36.016Z`)},{order:5,date:new Date(`1994-09-05T05:10:44.078Z`)},{order:6,date:new Date(`1986-05-23T13:05:01.874Z`)},{order:7,date:new Date(`1975-06-29T21:51:29.359Z`)},{order:8,date:new Date(`1974-05-15T23:47:02.499Z`)},{order:9,date:new Date(`1990-05-27T10:13:19.641Z`)},{order:10,date:new Date(`1993-10-20T03:54:08.739Z`)},{order:11,date:new Date(`2000-02-25T11:55:43.705Z`)},{order:12,date:new Date(`1988-08-27T09:59:12.251Z`)},{order:13,date:new Date(`1980-10-24T10:41:24.897Z`)},{order:14,date:new Date(`1995-01-25T12:31:27.983Z`)},{order:15,date:new Date(`1995-04-15T02:00:39.048Z`)},{order:16,date:new Date(`1994-03-15T19:13:04.564Z`)},{order:17,date:new Date(`1999-03-02T16:53:04.418Z`)},{order:18,date:new Date(`1982-08-23T18:37:38.014Z`)},{order:19,date:new Date(`1995-06-19T12:39:56.321Z`)},{order:20,date:new Date(`1994-09-23T15:03:35.746Z`)},{order:21,date:new Date(`1990-04-15T23:38:02.147Z`)},{order:22,date:new Date(`1983-08-01T10:36:44.006Z`)},{order:23,date:new Date(`1986-06-28T21:27:04.588Z`)},{order:24,date:new Date(`1986-08-14T19:34:40.904Z`)},{order:25,date:new Date(`1998-07-14T15:52:29.010Z`)},{order:26,date:new Date(`1985-02-15T18:56:32.344Z`)},{order:27,date:new Date(`1989-09-06T10:49:30.896Z`)},{order:28,date:new Date(`1994-09-05T14:21:37.211Z`)},{order:29,date:new Date(`1995-12-15T23:12:14.411Z`)},{order:30,date:new Date(`1986-08-14T19:34:40.904Z`)},{order:31,date:new Date(`1985-02-15T18:56:32.344Z`)},{order:32,date:new Date(`1989-09-06T10:49:30.896Z`)},{order:33,date:new Date(`1994-09-05T14:21:37.211Z`)},{order:34,date:new Date(`1995-12-15T23:12:14.411Z`)},{order:35,date:new Date(`1986-08-14T19:34:40.904Z`)},{order:36,date:new Date(`1985-02-15T18:56:32.344Z`)},{order:37,date:new Date(`1989-09-06T10:49:30.896Z`)},{order:38,date:new Date(`1994-09-05T14:21:37.211Z`)},{order:39,date:new Date(`1995-12-15T23:12:14.411Z`)},{order:40,date:new Date(`1986-08-14T19:34:40.904Z`)},{order:41,date:new Date(`1985-02-15T18:56:32.344Z`)},{order:42,date:new Date(`1989-09-06T10:49:30.896Z`)},{order:43,date:new Date(`1994-09-05T14:21:37.211Z`)},{order:44,date:new Date(`1995-12-15T23:12:14.411Z`)},{order:45,date:new Date(`1986-08-14T19:34:40.904Z`)},{order:46,date:new Date(`1985-02-15T18:56:32.344Z`)},{order:47,date:new Date(`1989-09-06T10:49:30.896Z`)},{order:48,date:new Date(`1994-09-05T14:21:37.211Z`)},{order:49,date:new Date(`1995-12-15T23:12:14.411Z`)},{order:50,date:new Date(`1986-08-14T19:34:40.904Z`)},{order:51,date:new Date(`1985-02-15T18:56:32.344Z`)},{order:52,date:new Date(`1989-09-06T10:49:30.896Z`)},{order:53,date:new Date(`1994-09-05T14:21:37.211Z`)},{order:54,date:new Date(`1995-12-15T23:12:14.411Z`)},{order:55,date:new Date(`1986-08-14T19:34:40.904Z`)},{order:56,date:new Date(`1985-02-15T18:56:32.344Z`)},{order:57,date:new Date(`1989-09-06T10:49:30.896Z`)},{order:58,date:new Date(`1994-09-05T14:21:37.211Z`)},{order:59,date:new Date(`1995-12-15T23:12:14.411Z`)},{order:60,date:new Date(`1986-08-14T19:34:40.904Z`)},{order:61,date:new Date(`1985-02-15T18:56:32.344Z`)},{order:62,date:new Date(`1989-09-06T10:49:30.896Z`)},{order:63,date:new Date(`1994-09-05T14:21:37.211Z`)},{order:64,date:new Date(`1995-12-15T23:12:14.411Z`)},{order:65,date:new Date(`1986-08-14T19:34:40.904Z`)},{order:66,date:new Date(`1985-02-15T18:56:32.344Z`)},{order:67,date:new Date(`1989-09-06T10:49:30.896Z`)},{order:68,date:new Date(`1994-09-05T14:21:37.211Z`)},{order:69,date:new Date(`1995-12-15T23:12:14.411Z`)},{order:70,date:new Date(`1986-08-14T19:34:40.904Z`)},{order:71,date:new Date(`1985-02-15T18:56:32.344Z`)},{order:72,date:new Date(`1989-09-06T10:49:30.896Z`)},{order:73,date:new Date(`1994-09-05T14:21:37.211Z`)},{order:74,date:new Date(`1995-12-15T23:12:14.411Z`)},{order:75,date:new Date(`1986-08-14T19:34:40.904Z`)},{order:76,date:new Date(`1985-02-15T18:56:32.344Z`)},{order:77,date:new Date(`1989-09-06T10:49:30.896Z`)},{order:78,date:new Date(`1994-09-05T14:21:37.211Z`)},{order:79,date:new Date(`1995-12-15T23:12:14.411Z`)},{order:80,date:new Date(`1986-08-14T19:34:40.904Z`)},{order:81,date:new Date(`1985-02-15T18:56:32.344Z`)},{order:82,date:new Date(`1989-09-06T10:49:30.896Z`)},{order:83,date:new Date(`1994-09-05T14:21:37.211Z`)},{order:84,date:new Date(`1995-12-15T23:12:14.411Z`)},{order:85,date:new Date(`1986-08-14T19:34:40.904Z`)},{order:86,date:new Date(`1985-02-15T18:56:32.344Z`)},{order:87,date:new Date(`1989-09-06T10:49:30.896Z`)},{order:88,date:new Date(`1994-09-05T14:21:37.211Z`)},{order:89,date:new Date(`1995-12-15T23:12:14.411Z`)},{order:90,date:new Date(`1986-08-14T19:34:40.904Z`)},{order:91,date:new Date(`1985-02-15T18:56:32.344Z`)},{order:92,date:new Date(`1989-09-06T10:49:30.896Z`)},{order:93,date:new Date(`1994-09-05T14:21:37.211Z`)},{order:94,date:new Date(`1995-12-15T23:12:14.411Z`)},{order:95,date:new Date(`1986-08-14T19:34:40.904Z`)},{order:96,date:new Date(`1985-02-15T18:56:32.344Z`)},{order:97,date:new Date(`1989-09-06T10:49:30.896Z`)},{order:98,date:new Date(`1994-09-05T14:21:37.211Z`)},{order:99,date:new Date(`1995-12-15T23:12:14.411Z`)}],xv=[{small:`Small Example`,large:`Larger Example`}],Sv={horizontal:[[{label:`Small Column`,key:`small`,textAlign:`left`,width:200},{label:`Large Column`,key:`large`,textAlign:`left`,width:300},{label:`Larger Column`,key:`large`,textAlign:`left`,width:400},{label:`Larger Column`,key:`large`,textAlign:`left`,width:400}]]},Cv={horizontal:[[{label:`Small Column`,key:`small`,textAlign:`left`,width:160},{label:`Large Column`,key:`large`,textAlign:`left`,width:160},{label:`Larger Column`,key:`large`,textAlign:`left`,width:160}]]},wv={horizontal:[[{label:`Order`,key:`order`,width:160},{label:`Date`,key:`date`,width:160,compareFn:()=>0,render:(e,t,n)=>yv.format(n.date)}]]},Tv=()=>{let[e,t]=(0,d.useState)(!0);return(0,J.jsxs)(J.Fragment,{children:[(0,J.jsx)(X,{children:(0,J.jsx)(`p`,{children:`This sample shows KolTableStateful with and without horizontal scrollbars. When a scrollbar is present, it should be possible to focus the table container and to scroll it using arrow keys.`})}),(0,J.jsxs)(`section`,{className:`w-full flex flex-col gap-4`,children:[(0,J.jsxs)(`div`,{className:`w-[400px] flex flex-col gap-4`,children:[(0,J.jsx)(z,{_label:`Table for demonstration purposes with horizontal scrollbar.`,_headers:e?Sv:Cv,_data:xv,className:`block`}),(0,J.jsx)(z,{_label:`Table for demonstration horizontal scrolling with pagination.`,_headers:wv,_data:bv,_pagination:!0}),(0,J.jsx)(z,{_label:`Table for demonstration purposes with horizontal scrollbar with auto width calculation.`,_headers:e?Sv:Cv,_data:[],className:`block`})]}),(0,J.jsx)(F,{_checked:e,_label:`Toggle width restriction`,_variant:`switch`,_on:{onChange:(e,n)=>{t(!!n)}}}),(0,J.jsx)(N,{_label:`Same table without scrollbar`,_level:2,className:`block mt-4`}),(0,J.jsx)(`p`,{className:`mt-0`,children:(0,J.jsx)(`i`,{children:`Scrollbar appears on very small viewport sizes`})}),(0,J.jsx)(z,{_label:`Table for demonstration purposes without horizontal scrollbar`,_headers:Sv,_data:xv,className:`block`,_pagination:!0})]})]})};function Ev(e){let{dummyClickEventHandler:t}=zd(),n={onClick:t};return(0,J.jsx)(k,{...e,_on:n})}var Dv=e=>{let t=`${e}`,n=t.charAt(0).toUpperCase()+t.slice(1);return{label:n,key:t,textAlign:`left`,width:160,render:(t,r)=>{let{label:i}=r,a={_label:n,_variant:e,_icons:{right:`kolicon-kolibri`}};Sf(Fe(t)).render(i===`button`?(0,J.jsx)(Ev,{...a}):(0,J.jsx)(ge,{_href:`#/back-page`,...a}))}}},Ov=()=>(0,J.jsxs)(J.Fragment,{children:[(0,J.jsx)(X,{children:(0,J.jsx)(`p`,{children:`This sample shows a KolTableStateless with different interactive child elements. It can be used to assure themes show these child elements correctly.`})}),(0,J.jsxs)(`section`,{className:`w-full flex flex-col`,children:[(0,J.jsx)(ke,{_label:`Button styles`,_headerCells:{horizontal:[[Dv(`primary`),Dv(`secondary`),Dv(`normal`),Dv(`danger`),Dv(`ghost`)]],vertical:[[{label:`Button`,width:120},{label:`Link-Button`,width:120}]]},_data:[{primary:`button`,secondary:`button`,normal:`button`,danger:`button`,ghost:`button`},{primary:`link-button`,secondary:`link-button`,normal:`link-button`,danger:`link-button`,ghost:`link-button`}],className:`block`}),(0,J.jsx)(ke,{_label:`Link styles`,_headerCells:{horizontal:[[{key:`regular`,label:`Regular`,textAlign:`left`,width:180,render:(e,t)=>{let{label:n}=t,r={_label:n,_icons:{right:`kolicon-kolibri`}};Sf(Fe(e)).render(n===`button-link`?(0,J.jsx)(A,{...r}):(0,J.jsx)(R,{_href:`#/back-page`,...r}))}}]],vertical:[[{label:`Link`,width:140},{label:`Button-Link`,width:140}]]},_data:[{regular:`link`},{regular:`button-link`}],className:`block mt`})]})]}),kv=Intl.DateTimeFormat(`de-DE`,{day:`2-digit`,month:`2-digit`,year:`numeric`}),Av=[`Devon Chen`,`Fatima Alvi`,`Leon Köhler`,`Mila Schmidt`,`Sven Lindholm`],jv=[`Customer Service`,`Digital Services`,`Infrastructure`,`Municipal Office`],Mv=[`High`,`Medium`,`Low`],Nv=[`Blocked`,`In progress`,`Ready`],Pv=Mv.reduce((e,t,n)=>(e[t]=n,e),{}),Fv=Nv.reduce((e,t,n)=>(e[t]=n,e),{}),Iv=Array.from({length:15}).map((e,t)=>({date:new Date(Date.now()-t*1e3*60*60*24),assignee:Av[t%Av.length],department:jv[t%jv.length],priority:Mv[t%Mv.length],status:Nv[t%Nv.length],openTickets:t*3%11})),Lv=[{label:`Assignee`,key:`assignee`,compareFn:(e,t)=>e.assignee.localeCompare(t.assignee,`de`),sortDirection:`ASC`},{label:`Department`,key:`department`,compareFn:(e,t)=>e.department.localeCompare(t.department,`de`)},{label:`Priority`,key:`priority`,textAlign:`center`,compareFn:(e,t)=>Pv[e.priority]-Pv[t.priority],sortDirection:`DESC`},{label:`Status`,key:`status`,textAlign:`center`,compareFn:(e,t)=>Fv[e.status]-Fv[t.status]},{label:`Open tickets`,key:`openTickets`,textAlign:`right`,compareFn:(e,t)=>e.openTickets-t.openTickets},{label:`Last updated`,key:`date`,textAlign:`center`,render:(e,t,n)=>kv.format(n.date),compareFn:(e,t)=>e.date<t.date?-1:+(t.date<e.date)}],Rv={horizontal:[Lv]},zv={vertical:[Lv]},Bv=()=>{let[e,t]=(0,d.useState)(zv),[n,r]=(0,d.useState)(Rv);return(0,J.jsxs)(J.Fragment,{children:[(0,J.jsx)(X,{children:(0,J.jsx)(`p`,{children:`Multi-sort allows layering multiple column sorts at once. Compare the compact examples with the project backlog showcase to see how the sort order indicator helps track complex prioritisation.`})}),(0,J.jsxs)(`section`,{className:`w-full grid gap-6`,children:[(0,J.jsxs)(`section`,{className:`grid gap-4`,children:[(0,J.jsx)(N,{_level:2,_label:`Vertical`}),(0,J.jsx)(A,{_label:`Reset Table`,_on:{onClick:()=>t({vertical:[[...Lv]]})}}),(0,J.jsx)(z,{_label:`Sort Table with Order and Date`,_data:Iv.slice(0,10),_headers:e,className:`block`,_allowMultiSort:!0})]}),(0,J.jsxs)(`section`,{className:`grid gap-4`,children:[(0,J.jsx)(N,{_level:2,_label:`Horizontal`}),(0,J.jsx)(A,{_label:`Reset Table`,_on:{onClick:()=>r({horizontal:[[...Lv]]})}}),(0,J.jsx)(z,{_label:`Sort Table with Order and Date`,_data:Iv,_headers:n,className:`block`,_allowMultiSort:!0})]})]})]})},Vv=[{id:`1001`,name:`John`,age:30},{id:`1002`,name:`Jane`,age:25}],Hv=()=>(0,J.jsxs)(J.Fragment,{children:[(0,J.jsx)(X,{children:(0,J.jsx)(`p`,{children:`This example demonstrates a column that cannot be hidden in the settings.`})}),(0,J.jsx)(z,{_label:`Table with a non-hidable column`,_hasSettingsMenu:!0,_headers:{horizontal:[[{key:`id`,label:`ID`,hidable:!1,width:160},{key:`name`,label:`Name`,width:160},{key:`age`,label:`Age`,width:160}]]},_data:Vv,className:`block`,style:{maxWidth:`600px`}})]}),Uv={horizontal:[[{label:`Order`,key:`order`,width:160},{label:`Date`,key:`date`,width:160,render:(e,t,n)=>yv.format(n.date)}]]},Wv=()=>(0,J.jsxs)(`div`,{className:`w-full grid gap-14`,children:[(0,J.jsx)(X,{children:(0,J.jsx)(`p`,{children:`This sample shows KolTableStateful with different pagination positions. All paginations hide the first and last buttons.`})}),(0,J.jsxs)(`section`,{className:`w-full flex flex-col gap-14`,children:[(0,J.jsxs)(`section`,{className:`grid gap-4`,children:[(0,J.jsx)(N,{_level:2,_label:`Table with pagination at the bottom.`}),(0,J.jsx)(z,{_label:`Sample table with pagination at the bottom`,_data:bv,_headers:Uv,_pagination:{_page:1,_hasButtons:{first:!1,next:!0,last:!1,previous:!0}},_paginationPosition:`bottom`,_variant:`small`})]}),(0,J.jsxs)(`section`,{className:`grid gap-4`,children:[(0,J.jsx)(N,{_level:2,_label:`Table with pagination at the top.`}),(0,J.jsx)(z,{_label:`Sample table with pagination at the top`,_data:bv,_headers:Uv,_pagination:{_page:2,_hasButtons:{first:!0,next:!1,last:!0,previous:!1}},_paginationPosition:`top`})]}),(0,J.jsxs)(`section`,{className:`grid gap-4`,children:[(0,J.jsx)(N,{_level:2,_label:`Table with pagination at both top and bottom.`}),(0,J.jsx)(z,{_label:`Sample table with pagination at both top and bottom`,_data:bv,_headers:Uv,_pagination:{_page:3,_hasButtons:{first:!1,next:!1,last:!1,previous:!1}},_paginationPosition:`both`})]})]})]}),Gv=[{columnA:`Column A`,columnB:`Column B`,columnC:`Column C`}],Kv=()=>(0,J.jsxs)(J.Fragment,{children:[(0,J.jsx)(X,{children:(0,J.jsx)(`p`,{children:`This example shows the table with predefined settings.`})}),(0,J.jsx)(z,{_label:`Table for demonstration purposes with predefined settings`,_hasSettingsMenu:!0,_headers:{horizontal:[[{key:`columnC`,visible:!0,label:`Column C`,width:450},{key:`columnB`,visible:!0,label:`Column B`,width:200},{key:`columnA`,visible:!1,label:`Column A`,width:160}]]},_data:Gv,className:`block`,style:{maxWidth:`600px`}})]});function qv(e){let t=[],n=new Date(`1970-01-01`).getTime(),r=new Date(`2025-12-31`).getTime();for(let i=0;i<e;i++){let e=n+Math.random()*(r-n);t.push({order:i,shipped:Math.random()>.5,date:new Date(e)})}return t}var Jv=qv(100);function Yv({label:e,icons:t}){let{dummyClickEventHandler:n}=zd();return(0,J.jsx)(k,{_label:e,_icons:t,_on:{onClick:n}})}var Xv={horizontal:[[{label:`#`,key:`order`,textAlign:`center`,width:100,render:(e,t)=>{let{label:n}=t;return`Index: ${n}`}},{label:`Status`,key:`shipped`,textAlign:`center`,width:100,render:(e,t)=>{let{label:n}=t,r=e;n?r.textContent=`Order has been dispatched 🚚`:r.textContent=`Order pending 📦`}},{label:`Date (string)`,key:`date`,width:200,textAlign:`center`,render:(e,t)=>{let{label:n}=t;e.innerHTML=`<strong>${yv.format(n)}</strong>`},compareFn:(e,t)=>e.date.getTime()-t.date.getTime()},{label:`Action (react)`,key:`action`,width:200,render:e=>{Sf(Fe(e)).render((0,J.jsxs)(`div`,{style:{display:`grid`,gridAutoFlow:`column`,alignItems:`end`,gap:`1rem`,maxWidth:`400px`},children:[(0,J.jsx)(L,{_label:`Input`}),(0,J.jsx)(Yv,{label:`Save`,icons:{left:`kolicon-check`}})]}))}}]]},Zv=()=>(0,J.jsxs)(J.Fragment,{children:[(0,J.jsx)(X,{children:(0,J.jsx)(`p`,{children:`This sample shows KolTableStateful using React render functions for the cell contents.`})}),(0,J.jsx)(z,{_label:`Sort by date column`,_data:Jv,_headers:Xv,className:`w-full`,_hasSettingsMenu:!0})]}),Qv=[{id:`U-001`,name:`Andrea Schmidt`,team:`Design`,email:`andrea@example.org`,status:`Active`},{id:`U-002`,name:`Boris Klein`,team:`Engineering`,email:`boris@example.org`,status:`Active`},{id:`U-003`,name:`Chiara Russo`,team:`Support`,email:`chiara@example.org`,status:`On leave`}],$v=()=>(0,J.jsxs)(J.Fragment,{children:[(0,J.jsx)(X,{children:(0,J.jsxs)(`p`,{children:[`This example demonstrates how the table settings respect column metadata. Some columns can be hidden, reordered, or resized, while others stay locked based on their `,(0,J.jsx)(`code`,{children:`hidable`}),`, `,(0,J.jsx)(`code`,{children:`sortable`}),`, and `,(0,J.jsx)(`code`,{children:`resizable`}),` flags.`]})}),(0,J.jsx)(z,{_label:`Table with column option restrictions`,_hasSettingsMenu:!0,_headers:{horizontal:[[{key:`id`,label:`ID`,hidable:!1,sortable:!1,visible:!0,width:240},{key:`name`,label:`Name`,visible:!0,width:480},{key:`team`,label:`Team`,sortable:!1,visible:!0,width:320},{key:`email`,label:`E-Mail`,resizable:!1,visible:!0,width:400},{key:`status`,label:`Status`,hidable:!1,resizable:!1,visible:!0,width:160}]]},_data:Qv,className:`block`,style:{maxWidth:`720px`}})]}),ey=Intl.DateTimeFormat(`de-DE`,{day:`2-digit`,month:`2-digit`,year:`numeric`}),ty=(e=`ASC`)=>(t,n)=>{let r=t.date.getTime()-n.date.getTime();return e===`DESC`?-r:r},ny={horizontal:[[{label:`order`,key:`order`,textAlign:`center`,width:160},{label:`date`,key:`date`,textAlign:`center`,width:160,render:(e,t,n)=>ey.format(n.date),compareFn:(e,t,n)=>ty(n)(e,t)}]]},ry={vertical:[[{label:`order`,key:`order`,textAlign:`center`,width:160},{label:`date`,key:`date`,textAlign:`center`,width:160,render:(e,t,n)=>ey.format(n.date),compareFn:(e,t,n)=>ty(n)(e,t)}]]},iy=()=>(0,J.jsxs)(J.Fragment,{children:[(0,J.jsx)(X,{children:(0,J.jsx)(`p`,{children:`This sample shows KolTableStateful with sortable columns. The sort-order can be changed by clicking the "date" header column.`})}),(0,J.jsxs)(`section`,{className:`w-full grid gap-4`,children:[(0,J.jsxs)(`section`,{className:`grid gap-4`,children:[(0,J.jsx)(N,{_level:2,_label:`Vertical headers`}),(0,J.jsx)(z,{_label:`Sort a date column`,_data:bv.slice(0,10),_headers:ry,className:`block`})]}),(0,J.jsxs)(`section`,{className:`grid gap-4`,children:[(0,J.jsx)(N,{_level:2,_label:`Horizontal headers`}),(0,J.jsx)(z,{_label:`Sort a date column`,_data:bv,_headers:ny,className:`block`})]})]})]}),ay=c(o(((e,t)=>{((n,r)=>{typeof define==`function`&&define.amd?define([],r):typeof t==`object`&&e!==void 0?t.exports=r():n.Papa=r()})(e,function e(){var t=typeof self<`u`?self:typeof window<`u`?window:t===void 0?{}:t,n,r=!t.document&&!!t.postMessage,i=t.IS_PAPA_WORKER||!1,a={},o=0,s={};function c(e){this._handle=null,this._finished=!1,this._completed=!1,this._halted=!1,this._input=null,this._baseIndex=0,this._partialLine=``,this._rowCount=0,this._start=0,this._nextChunk=null,this.isFirstChunk=!0,this._completeResults={data:[],errors:[],meta:{}},function(e){var t=y(e);t.chunkSize=parseInt(t.chunkSize),e.step||e.chunk||(t.chunkSize=null),this._handle=new p(t),(this._handle.streamer=this)._config=t}.call(this,e),this.parseChunk=function(e,n){var r=parseInt(this._config.skipFirstNLines)||0;if(this.isFirstChunk&&0<r){let t=this._config.newline;t||=(a=this._config.quoteChar||`"`,this._handle.guessLineEndings(e,a)),e=[...e.split(t).slice(r)].join(t)}this.isFirstChunk&&x(this._config.beforeFirstChunk)&&(a=this._config.beforeFirstChunk(e))!==void 0&&(e=a),this.isFirstChunk=!1,this._halted=!1;var r=this._partialLine+e,a=(this._partialLine=``,this._handle.parse(r,this._baseIndex,!this._finished));if(!this._handle.paused()&&!this._handle.aborted()){if(e=a.meta.cursor,r=(this._finished||(this._partialLine=r.substring(e-this._baseIndex),this._baseIndex=e),a&&a.data&&(this._rowCount+=a.data.length),this._finished||this._config.preview&&this._rowCount>=this._config.preview),i)t.postMessage({results:a,workerId:s.WORKER_ID,finished:r});else if(x(this._config.chunk)&&!n){if(this._config.chunk(a,this._handle),this._handle.paused()||this._handle.aborted())return void(this._halted=!0);this._completeResults=a=void 0}return this._config.step||this._config.chunk||(this._completeResults.data=this._completeResults.data.concat(a.data),this._completeResults.errors=this._completeResults.errors.concat(a.errors),this._completeResults.meta=a.meta),this._completed||!r||!x(this._config.complete)||a&&a.meta.aborted||(this._config.complete(this._completeResults,this._input),this._completed=!0),r||a&&a.meta.paused||this._nextChunk(),a}this._halted=!0},this._sendError=function(e){x(this._config.error)?this._config.error(e):i&&this._config.error&&t.postMessage({workerId:s.WORKER_ID,error:e,finished:!1})}}function l(e){var t;(e||={}).chunkSize||(e.chunkSize=s.RemoteChunkSize),c.call(this,e),this._nextChunk=r?function(){this._readChunk(),this._chunkLoaded()}:function(){this._readChunk()},this.stream=function(e){this._input=e,this._nextChunk()},this._readChunk=function(){if(this._finished)this._chunkLoaded();else{if(t=new XMLHttpRequest,this._config.withCredentials&&(t.withCredentials=this._config.withCredentials),r||(t.onload=b(this._chunkLoaded,this),t.onerror=b(this._chunkError,this)),t.open(this._config.downloadRequestBody?`POST`:`GET`,this._input,!r),this._config.downloadRequestHeaders){var e,n=this._config.downloadRequestHeaders;for(e in n)t.setRequestHeader(e,n[e])}var i;this._config.chunkSize&&(i=this._start+this._config.chunkSize-1,t.setRequestHeader(`Range`,`bytes=`+this._start+`-`+i));try{t.send(this._config.downloadRequestBody)}catch(e){this._chunkError(e.message)}r&&t.status===0&&this._chunkError()}},this._chunkLoaded=function(){t.readyState===4&&(t.status<200||400<=t.status?this._chunkError():(this._start+=this._config.chunkSize||t.responseText.length,this._finished=!this._config.chunkSize||this._start>=(e=>(e=e.getResponseHeader(`Content-Range`))===null?-1:parseInt(e.substring(e.lastIndexOf(`/`)+1)))(t),this.parseChunk(t.responseText)))},this._chunkError=function(e){e=t.statusText||e,this._sendError(Error(e))}}function u(e){(e||={}).chunkSize||(e.chunkSize=s.LocalChunkSize),c.call(this,e);var t,n,r=typeof FileReader<`u`;this.stream=function(e){this._input=e,n=e.slice||e.webkitSlice||e.mozSlice,r?((t=new FileReader).onload=b(this._chunkLoaded,this),t.onerror=b(this._chunkError,this)):t=new FileReaderSync,this._nextChunk()},this._nextChunk=function(){this._finished||this._config.preview&&!(this._rowCount<this._config.preview)||this._readChunk()},this._readChunk=function(){var e=this._input,i=(this._config.chunkSize&&(i=Math.min(this._start+this._config.chunkSize,this._input.size),e=n.call(e,this._start,i)),t.readAsText(e,this._config.encoding));r||this._chunkLoaded({target:{result:i}})},this._chunkLoaded=function(e){this._start+=this._config.chunkSize,this._finished=!this._config.chunkSize||this._start>=this._input.size,this.parseChunk(e.target.result)},this._chunkError=function(){this._sendError(t.error)}}function d(e){var t;c.call(this,e||={}),this.stream=function(e){return t=e,this._nextChunk()},this._nextChunk=function(){var e,n;if(!this._finished)return e=this._config.chunkSize,t=e?(n=t.substring(0,e),t.substring(e)):(n=t,``),this._finished=!t,this.parseChunk(n)}}function f(e){c.call(this,e||={});var t=[],n=!0,r=!1;this.pause=function(){c.prototype.pause.apply(this,arguments),this._input.pause()},this.resume=function(){c.prototype.resume.apply(this,arguments),this._input.resume()},this.stream=function(e){this._input=e,this._input.on(`data`,this._streamData),this._input.on(`end`,this._streamEnd),this._input.on(`error`,this._streamError)},this._checkIsFinished=function(){r&&t.length===1&&(this._finished=!0)},this._nextChunk=function(){this._checkIsFinished(),t.length?this.parseChunk(t.shift()):n=!0},this._streamData=b(function(e){try{t.push(typeof e==`string`?e:e.toString(this._config.encoding)),n&&(n=!1,this._checkIsFinished(),this.parseChunk(t.shift()))}catch(e){this._streamError(e)}},this),this._streamError=b(function(e){this._streamCleanUp(),this._sendError(e)},this),this._streamEnd=b(function(){this._streamCleanUp(),r=!0,this._streamData(``)},this),this._streamCleanUp=b(function(){this._input.removeListener(`data`,this._streamData),this._input.removeListener(`end`,this._streamEnd),this._input.removeListener(`error`,this._streamError)},this)}function p(e){var t,n,r,i,a=2**53,o=-a,c=/^\s*-?(\d+\.?|\.\d+|\d+\.\d+)([eE][-+]?\d+)?\s*$/,l=/^((\d{4}-[01]\d-[0-3]\dT[0-2]\d:[0-5]\d:[0-5]\d\.\d+([+-][0-2]\d:[0-5]\d|Z))|(\d{4}-[01]\d-[0-3]\dT[0-2]\d:[0-5]\d:[0-5]\d([+-][0-2]\d:[0-5]\d|Z))|(\d{4}-[01]\d-[0-3]\dT[0-2]\d:[0-5]\d([+-][0-2]\d:[0-5]\d|Z)))$/,u=this,d=0,f=0,p=!1,g=!1,_=[],v={data:[],errors:[],meta:{}};function b(t){return e.skipEmptyLines===`greedy`?t.join(``).trim()===``:t.length===1&&t[0].length===0}function ee(){if(v&&r&&(C(`Delimiter`,`UndetectableDelimiter`,`Unable to auto-detect delimiting character; defaulted to '`+s.DefaultDelimiter+`'`),r=!1),e.skipEmptyLines&&(v.data=v.data.filter(function(e){return!b(e)})),S()){if(v)if(Array.isArray(v.data[0])){for(var t=0;S()&&t<v.data.length;t++)v.data[t].forEach(n);v.data.splice(0,1)}else v.data.forEach(n);function n(t,n){x(e.transformHeader)&&(t=e.transformHeader(t,n)),_.push(t)}}function n(t,n){for(var r=e.header?{}:[],i=0;i<t.length;i++){var s=i,u=t[i],u=((t,n)=>(t=>(e.dynamicTypingFunction&&e.dynamicTyping[t]===void 0&&(e.dynamicTyping[t]=e.dynamicTypingFunction(t)),!0===(e.dynamicTyping[t]||e.dynamicTyping)))(t)?n===`true`||n===`TRUE`||n!==`false`&&n!==`FALSE`&&((e=>{if(c.test(e)&&(e=parseFloat(e),o<e&&e<a))return 1})(n)?parseFloat(n):l.test(n)?new Date(n):n===``?null:n):n)(s=e.header?i>=_.length?`__parsed_extra`:_[i]:s,u=e.transform?e.transform(u,s):u);s===`__parsed_extra`?(r[s]=r[s]||[],r[s].push(u)):r[s]=u}return e.header&&(i>_.length?C(`FieldMismatch`,`TooManyFields`,`Too many fields: expected `+_.length+` fields but parsed `+i,f+n):i<_.length&&C(`FieldMismatch`,`TooFewFields`,`Too few fields: expected `+_.length+` fields but parsed `+i,f+n)),r}var i;v&&(e.header||e.dynamicTyping||e.transform)&&(i=1,!v.data.length||Array.isArray(v.data[0])?(v.data=v.data.map(n),i=v.data.length):v.data=n(v.data,0),e.header&&v.meta&&(v.meta.fields=_),f+=i)}function S(){return e.header&&_.length===0}function C(e,t,n,r){e={type:e,code:t,message:n},r!==void 0&&(e.row=r),v.errors.push(e)}x(e.step)&&(i=e.step,e.step=function(t){v=t,S()?ee():(ee(),v.data.length!==0&&(d+=t.data.length,e.preview&&d>e.preview?n.abort():(v.data=v.data[0],i(v,u))))}),this.parse=function(i,a,o){var c=e.quoteChar||`"`,c=(e.newline||=this.guessLineEndings(i,c),r=!1,e.delimiter?x(e.delimiter)&&(e.delimiter=e.delimiter(i),v.meta.delimiter=e.delimiter):((c=((t,n,r,i,a)=>{var o,c,l,u;a||=[`,`,` `,`|`,`;`,s.RECORD_SEP,s.UNIT_SEP];for(var d=0;d<a.length;d++){for(var f,p=a[d],m=0,g=0,_=0,v=(l=void 0,new h({comments:i,delimiter:p,newline:n,preview:10}).parse(t)),y=0;y<v.data.length;y++)r&&b(v.data[y])?_++:(f=v.data[y].length,g+=f,l===void 0?l=f:0<f&&(m+=Math.abs(f-l),l=f));0<v.data.length&&(g/=v.data.length-_),(c===void 0||m<=c)&&(u===void 0||u<g)&&1.99<g&&(c=m,o=p,u=g)}return{successful:!!(e.delimiter=o),bestDelimiter:o}})(i,e.newline,e.skipEmptyLines,e.comments,e.delimitersToGuess)).successful?e.delimiter=c.bestDelimiter:(r=!0,e.delimiter=s.DefaultDelimiter),v.meta.delimiter=e.delimiter),y(e));return e.preview&&e.header&&c.preview++,t=i,n=new h(c),v=n.parse(t,a,o),ee(),p?{meta:{paused:!0}}:v||{meta:{paused:!1}}},this.paused=function(){return p},this.pause=function(){p=!0,n.abort(),t=x(e.chunk)?``:t.substring(n.getCharIndex())},this.resume=function(){u.streamer._halted?(p=!1,u.streamer.parseChunk(t,!0)):setTimeout(u.resume,3)},this.aborted=function(){return g},this.abort=function(){g=!0,n.abort(),v.meta.aborted=!0,x(e.complete)&&e.complete(v),t=``},this.guessLineEndings=function(e,t){e=e.substring(0,1048576);var t=RegExp(m(t)+`([^]*?)`+m(t),`gm`),n=(e=e.replace(t,``)).split(`\r`),t=e.split(`
|
|
81
|
+
`),e=1<t.length&&t[0].length<n[0].length;if(n.length===1||e)return`
|
|
82
|
+
`;for(var r=0,i=0;i<n.length;i++)n[i][0]===`
|
|
83
|
+
`&&r++;return r>=n.length/2?`\r
|
|
84
|
+
`:`\r`}}function m(e){return e.replace(/[.*+?^${}()|[\]\\]/g,`\\$&`)}function h(e){var t=(e||={}).delimiter,n=e.newline,r=e.comments,i=e.step,a=e.preview,o=e.fastMode,c=null,l=!1,u=e.quoteChar==null?`"`:e.quoteChar,d=u;if(e.escapeChar!==void 0&&(d=e.escapeChar),(typeof t!=`string`||-1<s.BAD_DELIMITERS.indexOf(t))&&(t=`,`),r===t)throw Error(`Comment character same as delimiter`);!0===r?r=`#`:(typeof r!=`string`||-1<s.BAD_DELIMITERS.indexOf(r))&&(r=!1),n!==`
|
|
85
|
+
`&&n!==`\r`&&n!==`\r
|
|
86
|
+
`&&(n=`
|
|
87
|
+
`);var f=0,p=!1;this.parse=function(s,h,g){if(typeof s!=`string`)throw Error(`Input must be a string`);var _=s.length,v=t.length,y=n.length,b=r.length,ee=x(i),S=[],C=[],w=[],T=f=0;if(!s)return ae();if(o||!1!==o&&s.indexOf(u)===-1){for(var E=s.split(n),D=0;D<E.length;D++){if(w=E[D],f+=w.length,D!==E.length-1)f+=n.length;else if(g)return ae();if(!r||w.substring(0,b)!==r){if(ee){if(S=[],j(w.split(t)),oe(),p)return ae()}else j(w.split(t));if(a&&a<=D)return S=S.slice(0,a),ae(!0)}}return ae()}for(var te=s.indexOf(t,f),O=s.indexOf(n,f),ne=new RegExp(m(d)+m(u),`g`),k=s.indexOf(u,f);;)if(s[f]===u)for(k=f,f++;;){if((k=s.indexOf(u,k+1))===-1)return g||C.push({type:`Quotes`,code:`MissingQuotes`,message:`Quoted field unterminated`,row:S.length,index:f}),re();if(k===_-1)return re(s.substring(f,k).replace(ne,u));if(u===d&&s[k+1]===d)k++;else if(u===d||k===0||s[k-1]!==d){te!==-1&&te<k+1&&(te=s.indexOf(t,k+1));var A=M((O=O!==-1&&O<k+1?s.indexOf(n,k+1):O)===-1?te:Math.min(te,O));if(s.substr(k+1+A,v)===t){w.push(s.substring(f,k).replace(ne,u)),s[f=k+1+A+v]!==u&&(k=s.indexOf(u,f)),te=s.indexOf(t,f),O=s.indexOf(n,f);break}if(A=M(O),s.substring(k+1+A,k+1+A+y)===n){if(w.push(s.substring(f,k).replace(ne,u)),ie(k+1+A+y),te=s.indexOf(t,f),k=s.indexOf(u,f),ee&&(oe(),p))return ae();if(a&&S.length>=a)return ae(!0);break}C.push({type:`Quotes`,code:`InvalidQuotes`,message:`Trailing quote on quoted field is malformed`,row:S.length,index:f}),k++}}else if(r&&w.length===0&&s.substring(f,f+b)===r){if(O===-1)return ae();f=O+y,O=s.indexOf(n,f),te=s.indexOf(t,f)}else if(te!==-1&&(te<O||O===-1))w.push(s.substring(f,te)),f=te+v,te=s.indexOf(t,f);else{if(O===-1)break;if(w.push(s.substring(f,O)),ie(O+y),ee&&(oe(),p))return ae();if(a&&S.length>=a)return ae(!0)}return re();function j(e){S.push(e),T=f}function M(e){var t=0;return t=e!==-1&&(e=s.substring(k+1,e))&&e.trim()===``?e.length:t}function re(e){return g||(e===void 0&&(e=s.substring(f)),w.push(e),f=_,j(w),ee&&oe()),ae()}function ie(e){f=e,j(w),w=[],O=s.indexOf(n,f)}function ae(r){if(e.header&&!h&&S.length&&!l){var i=S[0],a=Object.create(null),o=new Set(i);let t=!1;for(let n=0;n<i.length;n++){let r=i[n];if(a[r=x(e.transformHeader)?e.transformHeader(r,n):r]){let e,s=a[r];for(;e=r+`_`+s,s++,o.has(e););o.add(e),i[n]=e,a[r]++,t=!0,(c=c===null?{}:c)[e]=r}else a[r]=1,i[n]=r;o.add(r)}t&&console.warn(`Duplicate headers found and renamed.`),l=!0}return{data:S,errors:C,meta:{delimiter:t,linebreak:n,aborted:p,truncated:!!r,cursor:T+(h||0),renamedHeaders:c}}}function oe(){i(ae()),S=[],C=[]}},this.abort=function(){p=!0},this.getCharIndex=function(){return f}}function g(e){var t=e.data,n=a[t.workerId],r=!1;if(t.error)n.userError(t.error,t.file);else if(t.results&&t.results.data){var i={abort:function(){r=!0,_(t.workerId,{data:[],errors:[],meta:{aborted:!0}})},pause:v,resume:v};if(x(n.userStep)){for(var o=0;o<t.results.data.length&&(n.userStep({data:t.results.data[o],errors:t.results.errors,meta:t.results.meta},i),!r);o++);delete t.results}else x(n.userChunk)&&(n.userChunk(t.results,i,t.file),delete t.results)}t.finished&&!r&&_(t.workerId,t.results)}function _(e,t){var n=a[e];x(n.userComplete)&&n.userComplete(t),n.terminate(),delete a[e]}function v(){throw Error(`Not implemented.`)}function y(e){if(typeof e!=`object`||!e)return e;var t,n=Array.isArray(e)?[]:{};for(t in e)n[t]=y(e[t]);return n}function b(e,t){return function(){e.apply(t,arguments)}}function x(e){return typeof e==`function`}return s.parse=function(n,r){var i=(r||={}).dynamicTyping||!1;if(x(i)&&(r.dynamicTypingFunction=i,i={}),r.dynamicTyping=i,r.transform=!!x(r.transform)&&r.transform,!r.worker||!s.WORKERS_SUPPORTED)return i=null,s.NODE_STREAM_INPUT,typeof n==`string`?(n=(e=>e.charCodeAt(0)===65279?e.slice(1):e)(n),i=new(r.download?l:d)(r)):!0===n.readable&&x(n.read)&&x(n.on)?i=new f(r):(t.File&&n instanceof File||n instanceof Object)&&(i=new u(r)),i.stream(n);(i=(()=>{var n;return!!s.WORKERS_SUPPORTED&&(n=(()=>{var n=t.URL||t.webkitURL||null,r=e.toString();return s.BLOB_URL||=n.createObjectURL(new Blob([`var global = (function() { if (typeof self !== 'undefined') { return self; } if (typeof window !== 'undefined') { return window; } if (typeof global !== 'undefined') { return global; } return {}; })(); global.IS_PAPA_WORKER=true; `,`(`,r,`)();`],{type:`text/javascript`}))})(),(n=new t.Worker(n)).onmessage=g,n.id=o++,a[n.id]=n)})()).userStep=r.step,i.userChunk=r.chunk,i.userComplete=r.complete,i.userError=r.error,r.step=x(r.step),r.chunk=x(r.chunk),r.complete=x(r.complete),r.error=x(r.error),delete r.worker,i.postMessage({input:n,config:r,workerId:i.id})},s.unparse=function(e,t){var n=!1,r=!0,i=`,`,a=`\r
|
|
88
|
+
`,o=`"`,c=o+o,l=!1,u=null,d=!1,f=((()=>{if(typeof t==`object`){if(typeof t.delimiter!=`string`||s.BAD_DELIMITERS.filter(function(e){return t.delimiter.indexOf(e)!==-1}).length||(i=t.delimiter),typeof t.quotes!=`boolean`&&typeof t.quotes!=`function`&&!Array.isArray(t.quotes)||(n=t.quotes),typeof t.skipEmptyLines!=`boolean`&&typeof t.skipEmptyLines!=`string`||(l=t.skipEmptyLines),typeof t.newline==`string`&&(a=t.newline),typeof t.quoteChar==`string`&&(o=t.quoteChar),typeof t.header==`boolean`&&(r=t.header),Array.isArray(t.columns)){if(t.columns.length===0)throw Error(`Option columns is empty`);u=t.columns}t.escapeChar!==void 0&&(c=t.escapeChar+o),t.escapeFormulae instanceof RegExp?d=t.escapeFormulae:typeof t.escapeFormulae==`boolean`&&t.escapeFormulae&&(d=/^[=+\-@\t\r].*$/)}})(),new RegExp(m(o),`g`));if(typeof e==`string`&&(e=JSON.parse(e)),Array.isArray(e)){if(!e.length||Array.isArray(e[0]))return p(null,e,l);if(typeof e[0]==`object`)return p(u||Object.keys(e[0]),e,l)}else if(typeof e==`object`)return typeof e.data==`string`&&(e.data=JSON.parse(e.data)),Array.isArray(e.data)&&(e.fields||=e.meta&&e.meta.fields||u,e.fields||=Array.isArray(e.data[0])?e.fields:typeof e.data[0]==`object`?Object.keys(e.data[0]):[],Array.isArray(e.data[0])||typeof e.data[0]==`object`||(e.data=[e.data])),p(e.fields||[],e.data||[],l);throw Error(`Unable to serialize unrecognized input`);function p(e,t,n){var o=``,s=(typeof e==`string`&&(e=JSON.parse(e)),typeof t==`string`&&(t=JSON.parse(t)),Array.isArray(e)&&0<e.length),c=!Array.isArray(t[0]);if(s&&r){for(var l=0;l<e.length;l++)0<l&&(o+=i),o+=h(e[l],l);0<t.length&&(o+=a)}for(var u=0;u<t.length;u++){var d=(s?e:t[u]).length,f=!1,p=s?Object.keys(t[u]).length===0:t[u].length===0;if(n&&!s&&(f=n===`greedy`?t[u].join(``).trim()===``:t[u].length===1&&t[u][0].length===0),n===`greedy`&&s){for(var m=[],g=0;g<d;g++){var _=c?e[g]:g;m.push(t[u][_])}f=m.join(``).trim()===``}if(!f){for(var v=0;v<d;v++){0<v&&!p&&(o+=i);var y=s&&c?e[v]:v;o+=h(t[u][y],v)}u<t.length-1&&(!n||0<d&&!p)&&(o+=a)}}return o}function h(e,t){var r,a;return e==null?``:e.constructor===Date?JSON.stringify(e).slice(1,25):(a=!1,d&&typeof e==`string`&&d.test(e)&&(e=`'`+e,a=!0),r=e.toString().replace(f,c),(a=a||!0===n||typeof n==`function`&&n(e,t)||Array.isArray(n)&&n[t]||((e,t)=>{for(var n=0;n<t.length;n++)if(-1<e.indexOf(t[n]))return!0;return!1})(r,s.BAD_DELIMITERS)||-1<r.indexOf(i)||r.charAt(0)===` `||r.charAt(r.length-1)===` `)?o+r+o:r)}},s.RECORD_SEP=``,s.UNIT_SEP=``,s.BYTE_ORDER_MARK=``,s.BAD_DELIMITERS=[`\r`,`
|
|
89
|
+
`,`"`,s.BYTE_ORDER_MARK],s.WORKERS_SUPPORTED=!r&&!!t.Worker,s.NODE_STREAM_INPUT=1,s.LocalChunkSize=10485760,s.RemoteChunkSize=5242880,s.DefaultDelimiter=`,`,s.Parser=h,s.ParserHandle=p,s.NetworkStreamer=l,s.FileStreamer=u,s.StringStreamer=d,s.ReadableStreamStreamer=f,t.jQuery&&((n=t.jQuery).fn.parse=function(e){var r=e.config||{},i=[];return this.each(function(e){if(!(n(this).prop(`tagName`).toUpperCase()===`INPUT`&&n(this).attr(`type`).toLowerCase()===`file`&&t.FileReader)||!this.files||this.files.length===0)return!0;for(var a=0;a<this.files.length;a++)i.push({file:this.files[a],inputElem:this,instanceConfig:n.extend({},r)})}),a(),this;function a(){if(i.length===0)x(e.complete)&&e.complete();else{var t,r,a,c,l=i[0];if(x(e.before)){var u=e.before(l.file,l.inputElem);if(typeof u==`object`){if(u.action===`abort`)return t=`AbortError`,r=l.file,a=l.inputElem,c=u.reason,void(x(e.error)&&e.error({name:t},r,a,c));if(u.action===`skip`)return void o();typeof u.config==`object`&&(l.instanceConfig=n.extend(l.instanceConfig,u.config))}else if(u===`skip`)return void o()}var d=l.instanceConfig.complete;l.instanceConfig.complete=function(e){x(d)&&d(e,l.file,l.inputElem),o()},s.parse(l.file,l.instanceConfig)}}function o(){i.splice(0,1),a()}}),i&&(t.onmessage=function(e){e=e.data,s.WORKER_ID===void 0&&e&&(s.WORKER_ID=e.workerId),typeof e.input==`string`?t.postMessage({workerId:s.WORKER_ID,results:s.parse(e.input,e.config),finished:!0}):(t.File&&e.input instanceof File||e.input instanceof Object)&&(e=s.parse(e.input,e.config))&&t.postMessage({workerId:s.WORKER_ID,results:e,finished:!0})}),(l.prototype=Object.create(c.prototype)).constructor=l,(u.prototype=Object.create(c.prototype)).constructor=u,(d.prototype=Object.create(d.prototype)).constructor=d,(f.prototype=Object.create(c.prototype)).constructor=f,s})}))(),1),oy={horizontal:[[{label:`Order`,key:`order`,width:160},{label:`Date`,key:`date`,width:160,render:(e,t,n)=>yv.format(n.date)}]]},sy=(e,t)=>{let n=URL.createObjectURL(e),r=document.createElement(`a`);r.href=n,r.download=t,document.body.append(r),r.click(),r.remove(),setTimeout(()=>URL.revokeObjectURL(n),0)},cy=e=>{let t=e.trim().replace(/[<>:"/\\|?*\u0000-\u001F]/g,`-`).replace(/\.+$/,``);return t.length>0?t:`table-export`},ly=bv.map(e=>({Date:yv.format(e.date),Order:e.order})),uy=()=>{let[e,t]=(0,d.useState)(`table-export`),n=(0,d.useCallback)((e,n)=>{t(String(n??``))},[]),r=cy(e),i=(0,d.useCallback)(()=>{let e=ay.default.unparse(ly,{delimiter:`;`,newline:`\r
|
|
90
|
+
`});sy(new Blob([``,e],{type:`text/csv;charset=utf-8;header=present`}),`${r}.csv`)},[r]);return(0,J.jsxs)(J.Fragment,{children:[(0,J.jsx)(X,{children:(0,J.jsx)(`p`,{children:`This sample shows CSV export for KolTableStateful data, using browser Blob downloads and a configurable file name.`})}),(0,J.jsxs)(`div`,{className:`grid gap-4`,children:[(0,J.jsx)(L,{_label:`Export file name`,_value:e,_hint:`The entered value is used for CSV export.`,_on:{onInput:n}}),(0,J.jsx)(`div`,{className:`flex gap-4`,children:(0,J.jsx)(k,{_label:`Export CSV`,_on:{onClick:i}})}),(0,J.jsx)(z,{_label:`Table with export actions`,_data:bv,_headers:oy,className:`block`})]})]})},dy=[{name:`Charlie`,score:72},{name:`Alice`,score:95},{name:`Bob`,score:88},{name:`Diana`,score:61},{name:`Eve`,score:84}],fy={horizontal:[[{key:`name`,label:`Name`,sortDirection:`ASC`,compareFn:(e,t)=>e.name.localeCompare(t.name)},{key:`score`,label:`Score`,textAlign:`right`,compareFn:(e,t)=>e.score-t.score}]]},py=()=>{let e=(0,d.useRef)(null);return(0,J.jsxs)(J.Fragment,{children:[(0,J.jsx)(X,{children:(0,J.jsxs)(`p`,{children:[`This sample demonstrates the `,(0,J.jsx)(`code`,{children:`resetSort()`}),` method on `,(0,J.jsx)(`code`,{children:`KolTableStateful`}),`. Sort the table manually by clicking on a column header, then press “Reset Sort” to restore the default sort order defined in `,(0,J.jsx)(`code`,{children:`_headers`}),`.`]})}),(0,J.jsxs)(`section`,{className:`w-full grid gap-4`,children:[(0,J.jsx)(k,{_label:`Reset Sort`,_on:{onClick:()=>{e.current?.resetSort?.()}}}),(0,J.jsx)(z,{ref:e,_label:`Table with resettable sort`,_data:dy,_headers:fy,className:`block`})]})]})},my=[{id:`U-001`,name:`Andrea Schmidt`,team:`Design`,email:`andrea@example.org`,status:`Active`},{id:`U-002`,name:`Boris Klein`,team:`Engineering`,email:`boris@example.org`,status:`Active`},{id:`U-003`,name:`Chiara Russo`,team:`Support`,email:`chiara@example.org`,status:`On leave`},{id:`U-004`,name:`Dmitri Volkov`,team:`Engineering`,email:`dmitri@example.org`,status:`Active`},{id:`U-005`,name:`Elena Costa`,team:`Design`,email:`elena@example.org`,status:`On leave`},{id:`U-006`,name:`Farid Haddad`,team:`Support`,email:`farid@example.org`,status:`Active`}],hy=e=>(t,n,r=`ASC`)=>{let i=String(t[e]).localeCompare(String(n[e]));return r===`DESC`?-i:i},gy=()=>({horizontal:[[{key:`id`,label:`ID`,visible:!0,width:120},{key:`name`,label:`Name`,visible:!0,width:240,compareFn:hy(`name`)},{key:`team`,label:`Team`,visible:!0,width:200,compareFn:hy(`team`)},{key:`email`,label:`E-Mail`,visible:!0,width:280},{key:`status`,label:`Status`,visible:!0,width:160,compareFn:hy(`status`)}]]}),_y=()=>{let[e,t]=(0,d.useState)(0);return(0,J.jsxs)(J.Fragment,{children:[(0,J.jsx)(X,{children:(0,J.jsx)(`p`,{children:`This example demonstrates that column settings applied via the settings menu are remembered. Open the settings menu and change a column's width, visibility or order and apply. Then sort a column, switch the pagination page, select a row, or use the "Force parent re-render" button – the customized columns must stay as you configured them and must no longer reset to their defaults (issue #10344).`})}),(0,J.jsx)(k,{_label:`Force parent re-render (${e})`,_on:{onClick:()=>t(e=>e+1)},className:`block`}),(0,J.jsx)(z,{_label:`Table that remembers settings across sorting, pagination and selection`,_hasSettingsMenu:!0,_pagination:{_page:1,_pageSize:3},_selection:{label:e=>`Select ${e.name}`,keyPropertyName:`id`,selectedKeys:[]},_headers:gy(),_data:my,className:`block`,style:{maxWidth:`900px`}})]})},vy=[{id:`1001`,name:`Foo Bar`,internalIdentifier:`AAA1001`},{id:`1002`,name:`Foo Baz`,internalIdentifier:`AAA1002`},{id:`1003`,name:`This row is always unchecked`,internalIdentifier:`AAA1003`},{id:`1004`,name:`This row is always checked`,internalIdentifier:`AAA1004`}];function yy({label:e}){let{dummyClickEventHandler:t}=zd();return(0,J.jsx)(k,{_label:e,_on:{onClick:t}})}var by=()=>{let[e,t]=(0,d.useState)(),n={label:e=>`Selection for ${e.name}`,selectedKeys:e?e.map(e=>e.internalIdentifier):[`AAA1004`],disabledKeys:[`AAA1003`,`AAA1004`],keyPropertyName:`internalIdentifier`},r=(0,d.useRef)(null),i=({detail:e})=>{console.log(`Selection change via event`,e)},a=(e,t)=>{console.log(`Selection change via callback`,t)},o=async()=>{t(await r.current?.getSelection?.())};return(0,d.useEffect)(()=>{let e=r.current,t=`kolSelectionChange`;return e?.addEventListener(t,i),()=>{e?.removeEventListener(t,i)}},[r]),(0,J.jsxs)(J.Fragment,{children:[(0,J.jsx)(X,{children:(0,J.jsx)(`p`,{children:`This sample shows KolTableStateful with checkboxes for selection enabled.`})}),(0,J.jsxs)(`section`,{className:`w-full`,children:[(0,J.jsx)(z,{_label:`Table with selection checkboxes`,_headers:{horizontal:[[{key:`id`,label:`#ID`,textAlign:`left`},{key:`name`,label:`Name`,textAlign:`left`},{key:`action`,label:`Action`,textAlign:`left`,render:(e,t)=>{let n=t.data?.id;Sf(Fe(e)).render((0,J.jsx)(yy,{label:`Click ${n}`}))}}]]},_data:vy,_selection:n,_on:{onSelectionChange:a},className:`block`,style:{maxWidth:`600px`},ref:r}),(0,J.jsxs)(`div`,{className:`grid grid-cols-3 items-end gap-4 mt-4`,children:[(0,J.jsx)(k,{_label:`getSelection()`,_on:{onClick:()=>{o()}}}),(0,J.jsx)(`pre`,{className:`text-base`,children:JSON.stringify(e,null,2)})]})]})]})},xy=[{id:`1001`,name:`Foo Bar`,internalIdentifier:`AAA1001`},{id:`1002`,name:`Foo Baz`,internalIdentifier:`AAA1002`}];function Sy({label:e}){let{dummyClickEventHandler:t}=zd();return(0,J.jsx)(k,{_label:e,_on:{onClick:t}})}var Cy=()=>{let[e,t]=(0,d.useState)(),n={label:e=>`Selection for ${e.name}`,multiple:!1,selectedKeys:e?[e.internalIdentifier]:[],keyPropertyName:`internalIdentifier`},r=(0,d.useRef)(null),i=({detail:e})=>{console.log(`Selection change via event`,e)},a=(e,t)=>{console.log(`Selection change via callback`,t)},o=async()=>{t(await r.current?.getSelection?.())};return(0,d.useEffect)(()=>{let e=r.current,t=`kolSelectionChange`;return e?.addEventListener(t,i),()=>{e?.removeEventListener(t,i)}},[r]),(0,J.jsxs)(J.Fragment,{children:[(0,J.jsx)(X,{children:(0,J.jsx)(`p`,{children:`This sample shows KolTableStateful with radio buttons for selection enabled.`})}),(0,J.jsxs)(`section`,{className:`w-full`,children:[(0,J.jsx)(z,{_label:`Table with selection radio`,_headers:{horizontal:[[{key:`id`,label:`#ID`,textAlign:`left`},{key:`name`,label:`Name`,textAlign:`left`},{key:`action`,label:`Action`,textAlign:`left`,render:(e,t)=>{let n=t.data?.id;Sf(Fe(e)).render((0,J.jsx)(Sy,{label:`Click ${n}`}))}}]]},_data:xy,_selection:n,_on:{onSelectionChange:a},className:`block`,style:{maxWidth:`600px`},ref:r}),(0,J.jsxs)(`div`,{className:`grid grid-cols-3 items-end gap-4 mt-4`,children:[(0,J.jsx)(k,{_label:`getSelection()`,_on:{onClick:()=>{o()}}}),(0,J.jsx)(`pre`,{className:`text-base`,children:JSON.stringify(e,null,2)})]})]})]})},wy=[{left:`Left Example`,center:`Center Example`,right:`Right Example`},{},{},{}],Ty=()=>(0,J.jsxs)(J.Fragment,{children:[(0,J.jsx)(X,{children:(0,J.jsx)(`p`,{children:`This sample shows how KolTableStateless can be used directly, with the KolTableStateful wrapper.`})}),(0,J.jsx)(`section`,{className:`w-full`,children:(0,J.jsx)(ke,{_label:`Table for demonstration purposes`,_headerCells:{horizontal:[[{key:`left`,label:`left`,textAlign:`left`,sortDirection:`ASC`},{key:`center`,label:`center`,textAlign:`center`,sortDirection:`DESC`},{key:`right`,label:`right`,textAlign:`right`,sortDirection:`NOS`},{key:`nosort`,label:`no sort option`}]],vertical:[[{key:`vertical-left`,label:`left`,textAlign:`left`,sortDirection:`ASC`},{key:`vertical-center`,label:`center`,textAlign:`center`,sortDirection:`DESC`},{key:`vertical-right`,label:`right`,textAlign:`right`,sortDirection:`NOS`},{key:`vertical-nosort`,label:`no sort option`}]]},_data:wy,className:`block`,style:{maxWidth:`600px`},_on:{onSort:(e,t)=>{console.log(t)}}})})]}),Ey={horizontal:[[{label:`ID`,key:`id`,textAlign:`right`,width:160,sortDirection:`NOS`},{label:`Common name`,key:`common_name`,textAlign:`left`,width:160,sortDirection:`NOS`},{label:`Scientific name`,key:`scientific_name`,textAlign:`left`,width:160,sortDirection:`NOS`},{label:`Conservation status`,key:`conservation_status`,textAlign:`left`,width:160,sortDirection:`NOS`},{label:`Habitat`,key:`habitat`,textAlign:`left`,width:160,sortDirection:`NOS`},{label:`Diet`,key:`diet`,textAlign:`left`,width:160,sortDirection:`NOS`},{label:`Geographic range`,key:`geographic_range`,textAlign:`left`,width:160,sortDirection:`NOS`}]]},Dy=({label:e,show:t})=>t?(0,J.jsx)(`div`,{className:`loading-overlay`,children:(0,J.jsx)(De,{_label:e,_show:t,_variant:`cycle`,style:{backgroundColor:`transparent`}})}):null,Oy=()=>{let e=()=>new Promise(e=>setTimeout(()=>e({COMPLEX_DATA:ev}),5e3)),t=t=>{a(!0),s(t),e().then(e=>{r(e.COMPLEX_DATA.slice(0,15)),a(!1)})},[n,r]=(0,d.useState)([]),[i,a]=(0,d.useState)(!0),[o,s]=(0,d.useState)(`sort`);return(0,d.useEffect)(()=>t(`sort`),[]),(0,J.jsxs)(J.Fragment,{children:[(0,J.jsx)(X,{children:(0,J.jsx)(`p`,{children:`This sample shows how KolTableStateless can be used async and with KolPagination. Paging and sorting are not functional here, because a backend would offer this in real life.`})}),(0,J.jsxs)(`section`,{className:`w-full relative`,children:[(0,J.jsx)(ke,{_label:`Table for demonstration purposes`,_headerCells:Ey,_data:n,_on:{onSort:()=>t(`sort`)}}),(0,J.jsx)(ye,{_max:200,_page:1,_siblingCount:0,_boundaryCount:2,_pageSize:15,_on:{onChangePage:()=>t(`paginate`)}}),(0,J.jsx)(Dy,{label:o===`sort`?`Table is being sorted...`:`Page is loading...`,show:i})]})]})},ky=[{id:`1001`,name:`Foo Bar`,internalIdentifier:`AAA1001`},{id:`1002`,name:`Foo Baz`,internalIdentifier:`AAA1002`},{id:`1003`,name:`This row is always unchecked`,internalIdentifier:`AAA1003`},{id:`1004`,name:`This row is always checked`,internalIdentifier:`AAA1004`}];function Ay({label:e}){let{dummyClickEventHandler:t}=zd();return(0,J.jsx)(k,{_label:e,_on:{onClick:t}})}var jy=()=>{let[e,t]=(0,d.useState)([`AAA1002`,`AAA1004`]),n={label:e=>`Selection for ${e.name}`,selectedKeys:e,keyPropertyName:`internalIdentifier`,disabledKeys:[`AAA1003`,`AAA1004`]},r=(0,d.useRef)(null),i=({detail:e})=>{console.log(`Selection change via event`,e)};return(0,d.useEffect)(()=>{let e=r.current,t=`kolSelectionChange`;return e?.addEventListener(t,i),()=>{e?.removeEventListener(t,i)}},[r]),(0,J.jsxs)(J.Fragment,{children:[(0,J.jsx)(X,{children:(0,J.jsx)(`p`,{children:`This sample shows KolTableStateless with checkboxes for selection enabled.`})}),(0,J.jsx)(`section`,{className:`w-full`,children:(0,J.jsx)(ke,{_label:`Table with selection checkboxes`,_headerCells:{horizontal:[[{key:`id`,label:`#ID`,textAlign:`left`},{key:`name`,label:`Name`,textAlign:`left`},{key:`action`,label:`Action`,textAlign:`left`,render:(e,t)=>{let n=t.data?.id;Sf(Fe(e)).render((0,J.jsx)(Ay,{label:`Click ${n}`}))}}]]},_data:ky,_selection:n,_on:{onSelectionChange:(e,n)=>{console.log(`Selection change via callback`,n),t(n)}},className:`block`,style:{maxWidth:`600px`},ref:r})})]})},My=[{id:`U1001`,name:`Alice Johnson`,role:`Admin`,email:`alice@example.org`,active:`Yes`},{id:`U1002`,name:`Bob Smith`,role:`Editor`,email:`bob@example.org`,active:`No`},{id:`U1003`,name:`Carol Lee`,role:`Viewer`,email:`carol@example.org`,active:`Yes`},{id:`U1004`,name:`David Kim`,role:`Editor`,email:`david@example.org`,active:`Yes`}],Ny=()=>(0,J.jsxs)(J.Fragment,{children:[(0,J.jsxs)(X,{children:[(0,J.jsxs)(`p`,{children:[`This sample shows `,(0,J.jsx)(`code`,{children:`KolTableStateless`}),` with the settings menu enabled via`,(0,J.jsx)(`code`,{children:`_hasSettingsMenu`}),`. Each column demonstrates a different combination of sorting and resizing options.`]}),(0,J.jsxs)(`p`,{children:[`Every column declares an explicit `,(0,J.jsx)(`code`,{children:`width`}),`, so the width fields in the settings menu show the current pixel values instead of starting empty. This also prevents a resizable column from collapsing when its width is adjusted from the menu.`]}),(0,J.jsxs)(`ul`,{children:[(0,J.jsxs)(`li`,{children:[(0,J.jsx)(`strong`,{children:`ID`}),` keeps a fixed width with `,(0,J.jsx)(`code`,{children:`resizable: false`}),` while still allowing sorting.`]}),(0,J.jsxs)(`li`,{children:[(0,J.jsx)(`strong`,{children:`Name`}),` represents the default behavior with both sorting and resizing enabled.`]}),(0,J.jsxs)(`li`,{children:[(0,J.jsx)(`strong`,{children:`Role`}),` disables sorting but keeps `,(0,J.jsx)(`code`,{children:`resizable: true`}),` so users can widen the column if necessary.`]}),(0,J.jsxs)(`li`,{children:[(0,J.jsx)(`strong`,{children:`E-Mail`}),` allows sorting but locks its width with `,(0,J.jsx)(`code`,{children:`resizable: false`}),` to keep the layout stable.`]}),(0,J.jsxs)(`li`,{children:[(0,J.jsx)(`strong`,{children:`Active`}),` is neither sortable nor resizable to emphasise the status indicator.`]})]})]}),(0,J.jsx)(ke,{_label:`Users (stateless with settings menu)`,className:`w-full`,_hasSettingsMenu:!0,_headerCells:{horizontal:[[{key:`id`,label:`ID`,textAlign:`center`,sortDirection:`NOS`,sortable:!0,resizable:!1,width:120},{key:`name`,label:`Name`,textAlign:`center`,sortDirection:`NOS`,sortable:!0,resizable:!0,width:200},{key:`role`,label:`Role`,textAlign:`center`,sortDirection:`NOS`,sortable:!1,resizable:!0,width:160},{key:`email`,label:`E-Mail`,textAlign:`center`,sortDirection:`NOS`,sortable:!0,resizable:!1,width:240},{key:`active`,label:`Active`,textAlign:`center`,sortDirection:`NOS`,sortable:!1,resizable:!1,width:120}]]},_data:My,_on:{onSort:(e,t)=>console.log(`sort`,t),onSelectionChange:(e,t)=>console.log(`selection`,t)}})]}),Py=[{id:`1001`,name:`Foo Bar`,internalIdentifier:`AAA1001`},{id:`1002`,name:`Foo Baz`,internalIdentifier:`AAA1002`},{id:`1003`,name:`Foo Disabled`,internalIdentifier:`AAA1003`}];function Fy({label:e}){let{dummyClickEventHandler:t}=zd();return(0,J.jsx)(k,{_label:e,_on:{onClick:t}})}var Iy=()=>{let[e,t]=(0,d.useState)([`1002`]),n={label:e=>`Selection for ${e.name}`,multiple:!1,selectedKeys:e,disabledKeys:[`AAA1003`],keyPropertyName:`internalIdentifier`},r=(0,d.useRef)(null),i=({detail:e})=>{console.log(`Selection change via event`,e)};return(0,d.useEffect)(()=>{let e=r.current,t=`kolSelectionChange`;return e?.addEventListener(t,i),()=>{e?.removeEventListener(t,i)}},[r]),(0,J.jsxs)(J.Fragment,{children:[(0,J.jsx)(X,{children:(0,J.jsx)(`p`,{children:`This sample shows KolTableStateless with checkboxes for selection enabled.`})}),(0,J.jsx)(`section`,{className:`w-full`,children:(0,J.jsx)(ke,{_label:`Table with selection checkboxes`,_headerCells:{horizontal:[[{key:`id`,label:`#ID`,textAlign:`left`},{key:`name`,label:`Name`,textAlign:`left`},{key:`action`,label:`Action`,textAlign:`left`,render:(e,t)=>{let n=t.data?.id;Sf(Fe(e)).render((0,J.jsx)(Fy,{label:`Click ${n}`}))}}]]},_data:Py,_selection:n,_on:{onSelectionChange:(e,n)=>{console.log(`Selection change via callback`,n),t(n)}},className:`block`,style:{maxWidth:`600px`},ref:r})})]})},Ly={label:e=>`Selection for ${e.common_name}`,multiple:!1,keyPropertyName:`internalIdentifier`},Ry={horizontal:[[{label:`ID`,key:`id`,textAlign:`right`,width:60},{label:`Common name`,key:`common_name`,textAlign:`left`,width:250},{label:`Scientific name`,key:`scientific_name`,textAlign:`left`,width:400},{label:`Conservation status`,key:`conservation_status`,textAlign:`left`,width:250},{label:`Habitat`,key:`habitat`,textAlign:`left`,width:400},{label:`Diet`,key:`diet`,textAlign:`left`,width:200},{label:`Geographic range`,key:`geographic_range`,textAlign:`left`,width:300}]]},zy=()=>(0,J.jsxs)(J.Fragment,{children:[(0,J.jsx)(X,{children:(0,J.jsx)(`p`,{children:`This sample shows KolTableStateful with the first three and last columns sticky. It should be focusable and scrollable with the keyboard. The table headline should be sticky at the top of the table. The data lists animal species with conservation-focused details.`})}),(0,J.jsx)(N,{_level:2,_label:`Sticky columns`}),(0,J.jsx)(z,{_label:`Animal species overview`,_data:ev,_headers:Ry,className:`block`,_selection:Ly,_fixedCols:[2,1]})]}),By={label:e=>`Selection for ${e.common_name}`,multiple:!1,keyPropertyName:`internalIdentifier`},Vy={horizontal:[[{label:`ID`,key:`id`,textAlign:`right`,width:60},{label:`Common name`,key:`common_name`,textAlign:`left`,width:160},{label:`Scientific name`,key:`scientific_name`,textAlign:`left`,width:160},{label:`Conservation status`,key:`conservation_status`,textAlign:`left`,width:160},{label:`Habitat`,key:`habitat`,textAlign:`left`,width:160},{label:`Diet`,key:`diet`,textAlign:`left`,width:160},{label:`Geographic range`,key:`geographic_range`,textAlign:`left`,width:160}]]},Hy=()=>(0,J.jsxs)(J.Fragment,{children:[(0,J.jsx)(X,{children:(0,J.jsx)(`p`,{children:`This sample shows KolTableStateful with vertical scrollbar. It should be focusable and scrollable with the keyboard. The table headline should be sticky at the top of the table, if your chosen theme supports sticky header. The table's maximum height is set to 75vh with the CSS property --kol-table-max-height. The data lists animal species with conservation-focused details.`})}),(0,J.jsx)(N,{_level:2,_label:`Sticky headers`}),(0,J.jsx)(z,{_label:`Animal species overview`,_data:ev,_headers:Vy,className:`block`,_selection:By,style:{"--kol-table-max-height":`75vh`}})]}),Uy={horizontal:[[{label:`Order`,key:`order`,width:160},{label:`Date`,key:`date`,width:160,render:(e,t,n)=>yv.format(n.date)}]]},Wy=()=>{let[e]=Hr(),t=e.get(`theme`)??Lf()?.[0]?.key,n=(0,d.useMemo)(()=>t?np(t,`tableVariants`):[],[t]);return(0,J.jsxs)(`div`,{className:`w-full grid gap-14`,children:[(0,J.jsx)(X,{children:(0,J.jsx)(`p`,{children:`This sample shows KolTableStateful with different variants controlled by the theme.`})}),(0,J.jsx)(`section`,{className:`w-full flex flex-col gap-14`,children:!Array.isArray(n)||n.length===0?(0,J.jsx)(`p`,{children:`This theme has no variants for tables.`}):n.map(e=>(0,J.jsx)(z,{_label:`Table with variant: `+e,_data:bv,_headers:Uy,_pagination:{_page:1,_hasButtons:{first:!1,next:!0,last:!1,previous:!0}},_paginationPosition:`bottom`,_variant:e}))})]})},Gy=()=>(0,J.jsxs)(J.Fragment,{children:[(0,J.jsx)(X,{children:(0,J.jsx)(`p`,{children:`This sample shows KolTableStateful with footer data.`})}),(0,J.jsx)(z,{className:`w-full`,_label:`Business hours`,_headers:{horizontal:[[{label:`District`,key:`asp`,width:160},{label:`Monday`,key:`monday`,width:160},{label:`Tuesday`,key:`tuesday`,width:160},{label:`Wednesday`,key:`wednesday`,width:160},{label:`Thursday`,key:`thursday`,width:160},{label:`Friday`,key:`friday`,width:160}]]},_data:[{asp:`Center`,monday:`08:00`,tuesday:`08:00`,wednesday:`10:00`,thursday:`11:00`,friday:`08:00`},{asp:`Tiergarten`,monday:`08:00`,tuesday:`08:00`,wednesday:`10:00`,thursday:`11:00`,friday:`08:00`},{asp:`Maxvorstadt`,monday:`08:00`,tuesday:`08:00`,wednesday:`10:00`,thursday:`11:00`,friday:`08:00`}],_dataFoot:[{tuesday:`Lunch break from 11 to 14 o'clock`}]})]}),Ky={horizontal:[[{label:`Order`,key:`order`,width:160},{label:`Date`,key:`date`,width:160,render:(e,t,n)=>yv.format(n.date)}]]},qy={_page:2},Jy={table:{"column-alignment":sv,"complex-headers":cv,"horizontal-scrollbar":Tv,"interactive-child-elements":Ov,"multi-sort":Bv,"highlight-row":vv,"non-hidable-columns":Hv,"pagination-position":Wv,"predefined-settings":Kv,"action-columns":O_,"action-columns-performance":F_,"render-cell":Zv,"settings-column-options":$v,"sort-data":iy,"direction-aware-sort":fv,"stateful-export":uy,"stateful-reset-sort":py,"stateful-settings-persistence":_y,"stateful-with-selection":by,"stateless-with-settings-menu":Ny,"stateful-with-single-selection":Cy,stateless:Ty,"stateless-async":Oy,"stateless-with-selection":jy,"stateless-with-single-selection":Iy,"sticky-cols":zy,"sticky-header":Hy,"with-footer":Gy,"with-pagination":()=>(0,J.jsxs)(J.Fragment,{children:[(0,J.jsx)(X,{children:(0,J.jsx)(`p`,{children:`This sample shows how KolTableStateful can be navigated using a pagination.`})}),(0,J.jsx)(`div`,{className:`w-full`,children:(0,J.jsx)(z,{_label:`Table description`,_data:bv,_headers:Ky,_pagination:qy})})]}),big:iv,"action-and-render":R_,variant:Wy,"aria-labelledby":Q_}},Yy=[{_icons:`kolicon-check`,_label:`First tab`,_on:{onSelect:e=>{console.log(`First tab selected`,e)}}},{_icons:`kolicon-link-external`,_label:`Second Tab`},{_disabled:!0,_icons:`kolicon-house`,_label:`Disabled Tab`},{_icons:`kolicon-eye`,_label:`Last tab`}],Xy=()=>(0,J.jsxs)(J.Fragment,{children:[(0,J.jsx)(X,{children:(0,J.jsxs)(`p`,{children:[`This sample shows KolTabs with the property `,(0,J.jsx)(`code`,{children:`_align`}),` set to `,(0,J.jsx)(`code`,{children:`left`}),`, `,(0,J.jsx)(`code`,{children:`right`}),`, `,(0,J.jsx)(`code`,{children:`top`}),` and `,(0,J.jsx)(`code`,{children:`bottom`}),`.`]})}),(0,J.jsx)(`div`,{className:`grid gap-8`,children:[`left`,`right`,`top`,`bottom`].map(e=>{let t=`Tabs with ${e} align`;return(0,J.jsxs)(`div`,{className:`grid gap-4`,children:[(0,J.jsx)(N,{_level:2,_label:t}),(0,J.jsxs)(Ae,{_tabs:Yy,_align:e,_label:t,children:[(0,J.jsx)(`div`,{slot:`tab-0`,children:`Contents of Tab 1`}),(0,J.jsx)(`div`,{slot:`tab-1`,children:`Contents of Tab 2`}),(0,J.jsx)(`div`,{slot:`tab-2`,children:`Contents of Tab 3`}),(0,J.jsx)(`div`,{slot:`tab-3`,children:`Contents of Tab 4`})]})]},e)})})]}),Zy=[{_icons:`kolicon-check`,_label:`First tab`,_on:{onSelect:e=>{console.log(`First tab selected`,e)}}},{_icons:`kolicon-link-external`,_label:`Second Tab`},{_disabled:!0,_icons:`kolicon-house`,_label:`Disabled Tab`},{_icons:`kolicon-eye`,_label:`Last tab`}],Qy=Zy.map(e=>({...e,_icons:void 0})),$y=()=>(0,J.jsxs)(J.Fragment,{children:[(0,J.jsx)(X,{children:(0,J.jsx)(`p`,{children:`KolTabs renders tab captions and their associated content. This sample shows tab captions with and without icons and disabled tabs.`})}),(0,J.jsxs)(Ae,{_tabs:Qy,_label:`Regular tabs`,children:[(0,J.jsx)(`div`,{slot:`tab-0`,children:`Contents of Tab 1`}),(0,J.jsx)(`div`,{slot:`tab-1`,children:`Contents of Tab 2`}),(0,J.jsx)(`div`,{slot:`tab-2`,children:`Contents of Tab 3`}),(0,J.jsx)(`div`,{slot:`tab-3`,children:`Contents of Tab 4`})]}),(0,J.jsxs)(Ae,{_tabs:Zy,className:`mt-4`,_label:`Tabs with icons`,children:[(0,J.jsx)(`div`,{slot:`tab-0`,children:`Contents of Tab 1`}),(0,J.jsx)(`div`,{slot:`tab-1`,children:`Contents of Tab 2`}),(0,J.jsx)(`div`,{slot:`tab-2`,children:`Contents of Tab 3`}),(0,J.jsx)(`div`,{slot:`tab-3`,children:`Contents of Tab 4`})]})]}),eb=[{_icons:`kolicon-check`,_label:`First tab`,_on:{onSelect:e=>{console.log(`First tab selected`,e)}}},{_icons:`kolicon-link-external`,_label:`Second Tab`},{_disabled:!0,_icons:`kolicon-house`,_label:`Disabled Tab`},{_icons:`kolicon-eye`,_label:`Last tab`}],tb=()=>(0,J.jsxs)(J.Fragment,{children:[(0,J.jsxs)(X,{children:[(0,J.jsxs)(`p`,{children:[`This sample shows KolTabs with the property `,(0,J.jsx)(`code`,{children:`_behavior`}),` set to `,(0,J.jsx)(`code`,{children:`select-manual`}),` and `,(0,J.jsx)(`code`,{children:`select-automatic`}),`.`]}),(0,J.jsx)(`p`,{children:`This property allows controlling when an arrow key is pressed whether the tab change takes place right away or only focuses the tab caption.`})]}),(0,J.jsxs)(`div`,{className:`grid gap-8`,children:[(0,J.jsxs)(`div`,{className:`grid gap-4`,children:[(0,J.jsx)(N,{_level:2,_label:`Tabs with "select manual" behavior`}),(0,J.jsxs)(Ae,{_tabs:eb,_behavior:`select-manual`,_label:`Tabs with select manual behavior`,children:[(0,J.jsx)(`div`,{slot:`tab-0`,children:`Contents of Tab 1`}),(0,J.jsx)(`div`,{slot:`tab-1`,children:`Contents of Tab 2`}),(0,J.jsx)(`div`,{slot:`tab-2`,children:`Contents of Tab 3`}),(0,J.jsx)(`div`,{slot:`tab-3`,children:`Contents of Tab 4`})]})]}),(0,J.jsxs)(`div`,{className:`grid gap-4`,children:[(0,J.jsx)(N,{_level:2,_label:`Tabs with "select automatic" behavior`}),(0,J.jsxs)(Ae,{_tabs:eb,className:`mt-4`,_behavior:`select-automatic`,_label:`Tabs with select automatic behavior`,children:[(0,J.jsx)(`div`,{slot:`tab-0`,children:`Contents of Tab 1`}),(0,J.jsx)(`div`,{slot:`tab-1`,children:`Contents of Tab 2`}),(0,J.jsx)(`div`,{slot:`tab-2`,children:`Contents of Tab 3`}),(0,J.jsx)(`div`,{slot:`tab-3`,children:`Contents of Tab 4`})]})]})]})]}),nb=()=>{let[e,t]=(0,d.useState)([{_label:`First tab`},{_label:`Second Tab`}]);return(0,J.jsxs)(J.Fragment,{children:[(0,J.jsx)(X,{children:(0,J.jsx)(`p`,{children:`This sample shows KolTabs with a "create tab" button.`})}),(0,J.jsxs)(Ae,{_tabs:e,className:`mt-4`,_label:`Tabs with create button`,_hasCreateButton:!0,_on:{onCreate:()=>{t([...e,{_label:`Tab #${e.length+1}`}])}},children:[e.map((e,t)=>(0,J.jsxs)(`div`,{slot:`tab-${t}`,children:[`Contents of `,e._label]},`tab-${t}`)),(0,J.jsx)(`div`,{slot:`tab-1`,children:`Contents of Tab 2`})]})]})},rb=[{_hideLabel:!0,_icons:`kolicon-check`,_label:`First tab`,_on:{onSelect:e=>{console.log(`First tab selected`,e)}}},{_hideLabel:!0,_icons:`kolicon-link-external`,_label:`Second Tab`},{_disabled:!0,_hideLabel:!0,_icons:`kolicon-house`,_label:`Disabled Tab`},{_hideLabel:!0,_icons:`kolicon-eye`,_label:`Last tab`}],ib={tabs:{basic:$y,"create-button":nb,"icons-only":()=>(0,J.jsxs)(J.Fragment,{children:[(0,J.jsx)(X,{children:(0,J.jsx)(`p`,{children:`This sample shows KolTabs with hidden labels.`})}),(0,J.jsxs)(Ae,{_label:`Tabs with icons`,_tabs:rb,children:[(0,J.jsx)(`div`,{slot:`tab-0`,children:`Contents of Tab 1`}),(0,J.jsx)(`div`,{slot:`tab-1`,children:`Contents of Tab 2`}),(0,J.jsx)(`div`,{slot:`tab-2`,children:`Contents of Tab 3`}),(0,J.jsx)(`div`,{slot:`tab-3`,children:`Contents of Tab 4`})]})]}),behavior:tb,align:Xy}},ab=`Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore
|
|
91
|
+
magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd
|
|
92
|
+
gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing
|
|
93
|
+
elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos
|
|
94
|
+
et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor
|
|
95
|
+
sit amet.`,ob=()=>(0,J.jsxs)(J.Fragment,{children:[(0,J.jsx)(X,{children:(0,J.jsxs)(`p`,{children:[`This sample demonstrates the `,(0,J.jsx)(`code`,{children:`_adjustHeight`}),`-property of KolTextarea. The textarea automatically grows with its content.`]})}),(0,J.jsx)(oe,{className:`w-full`,children:(0,J.jsx)(B,{_adjustHeight:!0,_value:ab,_label:`Text input (auto grow)`})})]}),sb=(0,d.forwardRef)(function(e,t){return(0,J.jsxs)(`div`,{className:`grid gap-4`,children:[(0,J.jsx)(`div`,{className:`black-background`,children:(0,J.jsx)(B,{...e,ref:t,_placeholder:`Placeholder`,_label:`Text`})}),(0,J.jsx)(B,{...e,_placeholder:`Placeholder`,_required:!0,_msg:{_type:`error`,_description:Y},_label:`Text`,_touched:!0,_hint:Dd}),(0,J.jsx)(B,{...e,_placeholder:`Placeholder`,_label:`Text`,_msg:{_type:`info`,_description:`Just a hint`},_touched:!0}),(0,J.jsx)(B,{...e,_placeholder:`Placeholder`,_label:`Text`,_msg:{_type:`warning`,_description:`Small warning`},_touched:!0}),(0,J.jsx)(B,{...e,_placeholder:`Placeholder`,_label:`Text`,_msg:{_type:`success`,_description:`Success message`},_touched:!0}),(0,J.jsx)(B,{...e,_placeholder:`Placeholder`,_label:`Text`,_msg:{_type:`default`,_description:`Default message`},_touched:!0}),(0,J.jsx)(B,{...e,ref:t,_accessKey:`T`,_label:`Text (3 rows)`,_rows:3}),(0,J.jsx)(B,{...e,ref:t,_label:`Text (placeholder)`,_rows:3,_placeholder:`Placeholder`}),(0,J.jsx)(B,{...e,ref:t,_label:`Text (disabled & placeholder)`,_rows:3,_placeholder:`Placeholder`,_disabled:!0}),(0,J.jsx)(B,{...e,ref:t,_label:`Text (readonly)`,_rows:3,_placeholder:`Placeholder`,_readOnly:!0}),(0,J.jsx)(B,{...e,ref:t,_label:`Text (disabled & value)`,_rows:3,_placeholder:`Placeholder`,_value:`Lorem ipsum`,_disabled:!0}),(0,J.jsx)(B,{...e,ref:t,_label:`With access key`,_rows:3,_placeholder:`Placeholder`,_value:`Lorem ipsum`,_accessKey:`c`}),(0,J.jsx)(B,{...e,ref:t,_label:`With short key`,_rows:3,_placeholder:`Placeholder`,_value:`Lorem ipsum`,_shortKey:`s`})]})}),cb=(0,d.forwardRef)(function(e,t){return(0,J.jsxs)(tf,{children:[(0,J.jsxs)(`fieldset`,{children:[(0,J.jsx)(`legend`,{children:`Text`}),(0,J.jsx)(sb,{...e})]}),(0,J.jsxs)(`fieldset`,{children:[(0,J.jsx)(`legend`,{children:`Text (hideLabel)`}),(0,J.jsx)(sb,{ref:t,...e,_hideLabel:!0})]})]})}),lb={textarea:{basic:()=>(0,J.jsxs)(J.Fragment,{children:[(0,J.jsx)(X,{children:(0,J.jsx)(`p`,{children:`KolTextarea renders a text field. The sample shows KolTextarea in a form context with different variations and states.`})}),(0,J.jsx)(ef,{RefComponent:cb,showButtons:!1})]}),"get-value":()=>(0,J.jsxs)(J.Fragment,{children:[(0,J.jsx)(X,{children:(0,J.jsxs)(`p`,{children:[`Shows the callback value from `,(0,J.jsx)(`code`,{children:`onInput`}),` while typing and from `,(0,J.jsx)(`code`,{children:`onChange`}),` after leaving the field.`]})}),(0,J.jsx)(up,{label:`KolTextarea`,renderInput:e=>(0,J.jsx)(B,{_label:`Message`,_on:e})})]}),"adjust-height":ob,resize:()=>(0,J.jsxs)(J.Fragment,{children:[(0,J.jsx)(X,{children:(0,J.jsxs)(`p`,{children:[`This sample demonstrates the `,(0,J.jsx)(`code`,{children:`_resize`}),`-property of KolTextarea. The sample textarea can (only) be resized in the given direction.`]})}),(0,J.jsx)(oe,{className:`w-full`,children:(0,J.jsxs)(`div`,{className:`flex flex-col gap-4`,children:[(0,J.jsx)(B,{_label:`Text input (unset)`}),(0,J.jsx)(B,{_resize:`vertical`,_label:`Text input (vertical)`}),(0,J.jsx)(B,{_resize:`none`,_label:`Text input (none)`})]})})]}),rows:()=>(0,J.jsxs)(J.Fragment,{children:[(0,J.jsx)(X,{children:(0,J.jsxs)(`p`,{children:[`This sample demonstrates the `,(0,J.jsx)(`code`,{children:`_rows`}),`-property of KolTextarea. The sample textarea has a fixed row number of 10.`]})}),(0,J.jsx)(oe,{className:`w-full`,children:(0,J.jsx)(B,{_rows:10,_label:`Texteingabe`})})]}),"with-counter":()=>(0,J.jsxs)(J.Fragment,{children:[(0,J.jsx)(X,{children:(0,J.jsxs)(`p`,{children:[`The sample demonstrates various `,(0,J.jsx)(`code`,{children:`KolTextarea`}),` configurations — contrasting soft vs. hard `,(0,J.jsx)(`code`,{children:`_maxLength`}),` settings and the optional`,(0,J.jsx)(`code`,{children:`_hasCounter`}),` — including one instance without length limits.`]})}),(0,J.jsxs)(`section`,{className:`w-full flex flex-col gap-4`,children:[(0,J.jsx)(B,{_label:`Textarea with soft max length`,_value:`Lorem Ipsum`,className:`mt-2`,_maxLength:20,_hasCounter:!0,_maxLengthBehavior:`soft`}),(0,J.jsx)(B,{_label:`Textarea with max length`,_value:`Lorem Ipsum`,className:`mt-2`,_maxLength:20}),(0,J.jsx)(B,{_label:`Textarea with max length and counter`,_value:`Lorem Ipsum`,className:`mt-2`,_maxLength:20,_hasCounter:!0}),(0,J.jsx)(B,{_label:`Textarea with counter`,_value:`Lorem Ipsum`,className:`mt-2`,_hasCounter:!0})]})]})}},ub=()=>{let[e]=Hr(),t=e.get(`type`),n=kc.getInstance(document),r=()=>{n.enqueue({description:`Toasty`,label:`Initial Toast`,type:`warning`,onClose:()=>{console.log(`Simple toast has been closed.`)}})};(0,d.useEffect)(()=>{t&&n.enqueue({description:`Toasty`,label:`Toast with type '${t}'`,type:t})},[t,n]);let i=()=>{n.enqueue({render:(e,{close:t})=>{Sf(e).render((0,J.jsx)(J.Fragment,{children:(0,J.jsx)(k,{_label:`Hello World from Toast!`,_on:{onClick:()=>{console.log(`Toast Button clicked!`),t()}}})}))},label:`Initial Toast`,type:`warning`})},a=async()=>{let e=await n.enqueue({description:`I will disappear in two seconds...`,label:`Good Bye`,type:`warning`});e&&setTimeout(e,2e3)};return(0,J.jsxs)(J.Fragment,{children:[(0,J.jsxs)(D,{_label:`Component is DEPRECATED`,_type:`error`,_variant:`card`,className:`header-alert`,children:[`For more information, please refer\xA0`,(0,J.jsx)(R,{_href:`https://public-ui.github.io/en/docs/components/toaster`,_target:`_blank`,_label:`to the documentation`}),`.`]}),(0,J.jsx)(X,{children:(0,J.jsx)(`p`,{children:`This sample demonstrates the toast service with all its options.`})}),(0,J.jsx)(`section`,{className:`grid gap-4`,children:(0,J.jsxs)(`div`,{className:`flex flex-wrap gap-2`,children:[(0,J.jsx)(k,{_label:`Show simple toast`,_on:{onClick:r}}),(0,J.jsx)(k,{_label:`Show complex toast`,_on:{onClick:i}}),(0,J.jsx)(k,{_label:`Show toast and close after 2 seconds`,_on:{onClick:()=>void a()}}),(0,J.jsx)(k,{_label:`Close all toasts`,_on:{onClick:()=>{n.closeAll()}}})]})})]})},db=[`default`,`info`,`success`,`warning`,`error`],fb=db.map(e=>({label:e,value:e})),pb=e=>typeof e==`string`&&db.includes(e),mb={toast:{basic:ub,configurator:()=>{let[e]=Hr(),t=e.get(`type`),n=pb(t)?t:void 0,[r,i]=(0,d.useState)(()=>n??`default`),a=(0,d.useMemo)(()=>kc.getInstance(document),[]);return(0,d.useEffect)(()=>(db.forEach(e=>{a.enqueue({description:`Toasty`,label:`Toast with type '${e}'`,type:e})}),()=>{a.closeAll()}),[a]),(0,d.useEffect)(()=>{n&&i(n)},[n]),(0,J.jsxs)(J.Fragment,{children:[(0,J.jsxs)(D,{_label:`Component is DEPRECATED`,_type:`error`,_variant:`card`,className:`header-alert`,children:[`For more information, please refer\xA0`,(0,J.jsx)(R,{_href:`https://public-ui.github.io/en/docs/components/toaster`,_target:`_blank`,_label:`to the documentation`}),`.`]}),(0,J.jsx)(X,{children:(0,J.jsx)(`p`,{children:`This sample demonstrates the toast service with all its options. Use the configuration below to choose a toast type and open a toast with the card variant.`})}),(0,J.jsxs)(`section`,{className:`grid gap-4`,children:[(0,J.jsx)(pe,{_orientation:`horizontal`,_label:`Toast type`,_value:r,_options:fb,_on:{onChange:(e,t)=>{pb(t)&&i(t)}}}),(0,J.jsxs)(`div`,{className:`flex flex-wrap gap-2`,children:[(0,J.jsx)(k,{_label:`Open ${r} toast`,_on:{onClick:()=>{a.enqueue({description:`Toasty`,label:`Toast with type '${r}'`,type:r})}}}),(0,J.jsx)(k,{_label:`Close all toasts`,_on:{onClick:()=>{a.closeAll()}}})]})]})]})}}},hb={toolbar:{basic:()=>{let e=[{type:`button`,_label:`Back`,_hideLabel:!0,_icons:{left:{icon:`kolicon-chevron-left`}}},{type:`button`,_label:`Next`,_hideLabel:!0,_icons:{right:{icon:`kolicon-chevron-right`}}},{type:`link`,_href:`#/back-page`,_label:`Simple Link 1`},{type:`link`,_href:`#/back-page`,_label:`Simple Link 3`},{type:`button`,_label:`Bold`,_variant:`secondary`},{type:`button`,_label:`Delete`,_icons:{right:{icon:`kolicon-cross`}},_variant:`danger`}];return(0,J.jsxs)(J.Fragment,{children:[(0,J.jsx)(X,{children:(0,J.jsx)(`p`,{children:`KolToolbars renders a set of given control elements grouped into one toolbar where focus can be moved using the keyboard arrow keys. The sample features button and link elements.`})}),(0,J.jsxs)(`div`,{className:`flex flex-col gap-4`,children:[(0,J.jsx)(N,{_label:`Orientation horizontal`,_level:2}),(0,J.jsx)(je,{class:`block w-fit`,_label:`Toolbar`,_items:e}),(0,J.jsx)(N,{_label:`Orientation vertical`,_level:2}),(0,J.jsx)(je,{class:`block w-fit`,_label:`Toolbar`,_items:e,_orientation:`vertical`})]})]})},disabled:()=>(0,J.jsxs)(J.Fragment,{children:[(0,J.jsx)(X,{children:(0,J.jsx)(`p`,{children:`This sample shows KolToolbars with some of the elements disabled.`})}),(0,J.jsx)(je,{_label:`Toolbar`,class:`block w-fit`,_items:[{type:`button`,_label:`Back`,_disabled:!0,_hideLabel:!0,_icons:{left:{icon:`kolicon-chevron-left`}}},{type:`button`,_label:`Next`,_hideLabel:!0,_icons:{right:{icon:`kolicon-chevron-right`}}},{type:`link`,_href:`#/back-page`,_label:`Simple Link 1`},{type:`link`,_href:`#/back-page`,_disabled:!0,_label:`Simple Link 3`},{type:`button`,_label:`Bold`}]})]})}},gb=()=>{let e=[`🐶`,`🐱`,`🐭`,`🐹`,`🐰`,`🦊`,`🐻`,`🐼`,`🐨`,`🐯`,`🦁`,`🐮`,`🐷`,`🐽`,`🐸`,`🐵`];return e[Math.floor(Math.random()*e.length)]},_b={tree:{"basic/:subPage":()=>{let e=(0,d.useContext)(wd),{subPage:t}=hn(),[n,r]=(0,d.useState)(`1 Home`),[i,a]=(0,d.useState)(!1),[o,s]=(0,d.useState)(!1),[c,l]=(0,d.useState)(!0),u=()=>{r(`1 Home ${gb()}`)},f=n=>({_href:`#/tree/basic/${n}${e?`?hideMenus`:``}`,_active:n===t});return(0,J.jsxs)(J.Fragment,{children:[(0,J.jsx)(X,{children:(0,J.jsx)(`p`,{children:`KolTree renders a keyboard accessible nested navigation. Branches of the tree can be collapsed or expanded.`})}),(0,J.jsxs)(Me,{_label:`Sitemap`,class:`block w-fit`,children:[(0,J.jsx)(Ne,{_label:n,...f(`home`)}),(0,J.jsxs)(Ne,{_label:`2 About (open initially)`,...f(`about`),_open:!0,children:[(0,J.jsx)(Ne,{_label:`2.0 Legal`,...f(`legal`)}),(0,J.jsxs)(Ne,{_label:`2.1 Team`,...f(`team`),children:[(0,J.jsx)(Ne,{_label:`2.1.1. Values`,...f(`values`)}),(0,J.jsxs)(Ne,{_label:`2.1.2. Members`,...f(`members`),children:[(0,J.jsx)(Ne,{_label:`2.1.2.1 Humans`,...f(`humans`)}),i&&(0,J.jsx)(Ne,{_label:`2.1.2.2 Pets`,...f(`pets`)})]}),(0,J.jsx)(Ne,{_label:`2.1.3 Locations`,...f(`locations`),children:o&&(0,J.jsxs)(Ne,{_label:`2.1.3.1 Europe`,...f(`europe`),children:[(0,J.jsx)(Ne,{_label:`2.1.3.1.1 Denmark`,...f(`denmark`)}),(0,J.jsx)(Ne,{_label:`2.1.3.1.2 Netherlands`,...f(`netherlands`)})]})})]})]}),c&&(0,J.jsxs)(Ne,{_label:`3. Products`,...f(`products`),children:[(0,J.jsxs)(Ne,{_label:`3.1 Home`,...f(`home-products`),children:[(0,J.jsx)(Ne,{_label:`3.1.1 Refrigerators`,...f(`fridges`)}),(0,J.jsx)(Ne,{_label:`3.1.2 Coffee makers`,...f(`coffee-makers`)})]}),(0,J.jsx)(Ne,{_label:`3.1 Office`,...f(`office-products`),children:(0,J.jsx)(Ne,{_label:`3.2.1 Printers`,...f(`printers`)})})]})]}),(0,J.jsxs)(`p`,{children:[`Current tree item: `,t??`none`]}),(0,J.jsxs)(`div`,{className:`flex flex-wrap gap-2`,children:[(0,J.jsx)(k,{_label:`Change label for '1 Home'`,_on:{onClick:u}}),(0,J.jsx)(k,{_label:`Toggle '2.1.2.2 Pets'`,_on:{onClick:()=>a(!i)}}),(0,J.jsx)(k,{_label:`Toggle '2.2.1 Europe' (two levels at once)`,_on:{onClick:()=>s(!o)}}),(0,J.jsx)(k,{_label:`Toggle '3. Products'`,_on:{onClick:()=>l(!c)}})]})]})}}},vb={version:{basic:()=>(0,J.jsxs)(J.Fragment,{children:[(0,J.jsx)(X,{children:(0,J.jsx)(`p`,{children:`KolVersion renders a label showing the given version number.`})}),(0,J.jsx)(Pe,{_label:`1.1.1`})]}),context:()=>(0,J.jsxs)(J.Fragment,{children:[(0,J.jsx)(X,{children:(0,J.jsx)(`p`,{children:`This sample shows KolVersion inline with text paragraph content.`})}),(0,J.jsxs)(`p`,{children:[(0,J.jsx)(Pe,{_label:`1.0.0`}),` Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor.`]})]})}},yb=[{left:`Left Example`,center:`Center Example`,right:`Right Example`}],bb=()=>(0,J.jsxs)(J.Fragment,{children:[(0,J.jsx)(X,{children:(0,J.jsx)(`p`,{children:`KolAccordion can have other KoliBri components as content. Some are shown here.`})}),(0,J.jsxs)(`div`,{className:`grid gap-4`,children:[(0,J.jsx)(E,{_label:`With Combobox`,_open:!0,children:(0,J.jsx)(M,{_label:`Combobox in Accordion`,_suggestions:`['Herr','Frau','Firma']`})}),(0,J.jsx)(E,{_label:`With Table`,_open:!0,children:(0,J.jsx)(z,{_label:`Table for demonstration purposes with different text align properties`,_headers:{horizontal:[[{label:`left`,key:`left`,textAlign:`left`,width:300},{label:`center`,key:`center`,textAlign:`center`,width:300},{label:`right`,key:`right`,textAlign:`right`,width:300}]]},_data:yb})})]})]}),xb=({label:e})=>{let t=kc.getInstance(document),n=(0,d.useRef)(null),r=(0,d.useRef)(null),i=()=>{t.enqueue({label:`Edit clicked`,description:`The button "edit" has been clicked for ${e}`,type:`info`})},a=()=>{t.enqueue({label:`Delete clicked`,description:`The button "delete" has been clicked for ${e}`,type:`warning`})};return(0,J.jsxs)(`div`,{style:{display:`flex`,gap:`calc(10rem / var(--kolibri-root-font-size, 16))`},onKeyUp:e=>{switch(e.code){case`KeyE`:n.current?.focus(),i();return;case`KeyD`:r.current?.focus(),a();return}},children:[(0,J.jsx)(k,{ref:n,_label:`Edit`,_shortKey:`e`,_on:{onClick:i}}),(0,J.jsx)(k,{ref:r,_label:`Delete`,_shortKey:`d`,_variant:`danger`,_on:{onClick:a}})]})},Sb=()=>(0,J.jsxs)(J.Fragment,{children:[(0,J.jsxs)(X,{children:[(0,J.jsx)(`p`,{children:`This scenario demonstrates an interactive table where each row contains buttons with shortcut keys. The shortcut keys provide visual keyboard indicators and are also functionally implemented.`}),(0,J.jsxs)(`p`,{children:[(0,J.jsx)(`strong`,{children:`How to use:`}),` Move focus within one of the "Actions" cells and press "e" to edit or "d" to delete the corresponding row.`]})]}),(0,J.jsx)(`div`,{className:`grid gap-8`,children:(0,J.jsxs)(`section`,{className:`grid gap-4`,children:[(0,J.jsx)(N,{_level:2,_label:`Interactive Table with Button Shortkeys`}),(0,J.jsx)(z,{_label:`Interactive table with shortkey buttons in each row`,_data:[{label:`Row 1`},{label:`Row 2`},{label:`Row 3`},{label:`Row 4`}],_headers:{horizontal:[[{label:`Label`,key:`label`,textAlign:`left`,width:200},{label:`Actions`,key:`actions`,textAlign:`left`,width:150,render:(e,t)=>{let n=t.data;n?.label&&Sf(Fe(e)).render((0,J.jsx)(xb,{label:n.label}))}}]]},_pagination:{_page:1}})]})})]}),Cb=()=>(0,J.jsxs)(J.Fragment,{children:[(0,J.jsx)(X,{children:(0,J.jsx)(`p`,{children:`This example show how different components works with tabIndex.`})}),(0,J.jsxs)(`div`,{className:`w-full grid gap-4`,children:[(0,J.jsx)(j,{_label:`Button`,_level:0,children:(0,J.jsxs)(`div`,{className:`grid sm:flex flex-wrap gap-4 items-end`,children:[(0,J.jsx)(k,{_label:`Button 1, Tabindex 4`,_variant:`primary`,tabIndex:4}),(0,J.jsx)(k,{_disabled:!0,_label:`Button 2, Tabindex 3`,_variant:`primary`,tabIndex:3}),(0,J.jsx)(k,{_label:`Button 3, Tabindex 2`,_variant:`primary`,tabIndex:2}),(0,J.jsx)(k,{_label:`Button 4, Tabindex 1`,_variant:`primary`,tabIndex:1})]})}),(0,J.jsx)(j,{_label:`ButtonLink`,_level:0,children:(0,J.jsxs)(`div`,{className:`grid sm:flex flex-wrap gap-4 items-end`,children:[(0,J.jsx)(A,{_label:`ButtonLink 1, Tabindex 4`,tabIndex:4}),(0,J.jsx)(A,{_disabled:!0,_label:`ButtonLink 2, Tabindex 3`,tabIndex:3}),(0,J.jsx)(A,{_label:`ButtonLink 3, Tabindex 2`,tabIndex:2}),(0,J.jsx)(A,{_label:`ButtonLink 4, Tabindex 1`,tabIndex:1})]})}),(0,J.jsx)(j,{_label:`Combobox`,_level:0,children:(0,J.jsxs)(`div`,{className:`grid sm:flex flex-wrap gap-4 items-end`,children:[(0,J.jsx)(M,{_hint:Dd,_label:`Combobox 1, Tabindex 4`,_suggestions:af,_value:`Deutschland`,tabIndex:4}),(0,J.jsx)(M,{_disabled:!0,_hint:Dd,_label:`Combobox 2, Tabindex 3`,_suggestions:af,_value:`Deutschland`,tabIndex:3}),(0,J.jsx)(M,{_touched:!0,_hint:Dd,_msg:{_type:`error`,_description:Y},_label:`Combobox 3, Tabindex 2`,_suggestions:af,_value:`Deutschland`,tabIndex:2}),(0,J.jsx)(M,{_hint:Dd,_label:`Combobox 4, Tabindex 1`,_suggestions:af,_value:`Deutschland`,tabIndex:1})]})}),(0,J.jsx)(j,{_label:`InputCheckbox`,_level:0,children:(0,J.jsxs)(`div`,{className:`grid sm:flex flex-wrap gap-4 items-end`,children:[(0,J.jsx)(F,{_label:`InputCheckbox 4, Tabindex 1`,_value:!1,tabIndex:4}),(0,J.jsx)(F,{_disabled:!0,_label:`InputCheckbox 3, Tabindex 2`,_value:!1,tabIndex:3}),(0,J.jsx)(F,{_touched:!0,_label:`InputCheckbox 2, Tabindex 3`,_msg:{_type:`error`,_description:Y},_value:!1,tabIndex:2}),(0,J.jsx)(F,{_label:`InputCheckbox 1, Tabindex 4`,_value:!1,tabIndex:1})]})}),(0,J.jsx)(j,{_label:`InputColor`,_level:0,children:(0,J.jsxs)(`div`,{className:`grid sm:flex flex-wrap gap-4 items-end`,children:[(0,J.jsx)(ce,{_value:`#f08080`,_label:`InputCheckbox 1, Tabindex 4`,tabIndex:4}),(0,J.jsx)(ce,{_disabled:!0,_value:`#f08080`,_label:`InputCheckbox 2, Tabindex 3`,tabIndex:3}),(0,J.jsx)(ce,{_touched:!0,_value:`#f08080`,_label:`InputCheckbox 3, Tabindex 2`,_msg:{_type:`error`,_description:Y},tabIndex:2}),(0,J.jsx)(ce,{_value:`#f08080`,_label:`InputCheckbox 4, Tabindex 1`,tabIndex:1})]})}),(0,J.jsx)(j,{_label:`InputDate`,_level:0,children:(0,J.jsxs)(`div`,{className:`grid sm:flex flex-wrap gap-4 items-end`,children:[(0,J.jsx)(I,{_type:`datetime-local`,_label:`InputCheckbox 1, Tabindex 4`,tabIndex:4}),(0,J.jsx)(I,{_disabled:!0,_type:`datetime-local`,_label:`InputCheckbox 2, Tabindex 3`,tabIndex:3}),(0,J.jsx)(I,{_touched:!0,_type:`datetime-local`,_label:`InputCheckbox 3, Tabindex 2`,_msg:{_type:`error`,_description:Y},tabIndex:2}),(0,J.jsx)(I,{_type:`datetime-local`,_label:`InputCheckbox 4, Tabindex 1`,tabIndex:1})]})}),(0,J.jsx)(j,{_label:`InputEmail`,_level:0,children:(0,J.jsxs)(`div`,{className:`grid sm:flex flex-wrap gap-4 items-end`,children:[(0,J.jsx)(le,{_label:`InputEmail 1, Tabindex 4`,tabIndex:4}),(0,J.jsx)(le,{_disabled:!0,_label:`InputEmail 2, Tabindex 3`,tabIndex:3}),(0,J.jsx)(le,{_touched:!0,_label:`InputEmail 3, Tabindex 2`,_msg:{_type:`error`,_description:Y},tabIndex:2}),(0,J.jsx)(le,{_label:`InputEmail 4, Tabindex 1`,tabIndex:1})]})}),(0,J.jsx)(j,{_label:`InputFile`,_level:0,children:(0,J.jsxs)(`div`,{className:`grid sm:flex flex-wrap gap-4 items-end`,children:[(0,J.jsx)(ue,{_label:`InputFile 1, Tabindex 4`,tabIndex:4}),(0,J.jsx)(ue,{_disabled:!0,_label:`InputFile 2, Tabindex 3`,tabIndex:3}),(0,J.jsx)(ue,{_touched:!0,_label:`InputFile 3, Tabindex 2`,_msg:{_type:`error`,_description:Y},tabIndex:2}),(0,J.jsx)(ue,{_label:`InputFile 4, Tabindex 1`,tabIndex:1})]})}),(0,J.jsx)(j,{_label:`InputNumber`,_level:0,children:(0,J.jsxs)(`div`,{className:`grid sm:flex flex-wrap gap-4 items-end`,children:[(0,J.jsx)(de,{_label:`InputNumber 1, Tabindex 4`,tabIndex:4}),(0,J.jsx)(de,{_disabled:!0,_label:`InputNumber 2, Tabindex 3`,tabIndex:3}),(0,J.jsx)(de,{_touched:!0,_label:`InputNumber 3, Tabindex 2`,_msg:{_type:`error`,_description:Y},tabIndex:2}),(0,J.jsx)(de,{_label:`InputNumber 4, Tabindex 1`,tabIndex:1})]})}),(0,J.jsx)(j,{_label:`InputPassword`,_level:0,children:(0,J.jsxs)(`div`,{className:`grid sm:flex flex-wrap gap-4 items-end`,children:[(0,J.jsx)(fe,{_label:`InputPassword 1, Tabindex 4`,tabIndex:4}),(0,J.jsx)(fe,{_disabled:!0,_label:`InputPassword 2, Tabindex 3`,tabIndex:3}),(0,J.jsx)(fe,{_touched:!0,_label:`InputPassword 3, Tabindex 2`,_msg:{_type:`error`,_description:Y},tabIndex:2}),(0,J.jsx)(fe,{_label:`InputPassword 4, Tabindex 1`,tabIndex:1})]})}),(0,J.jsx)(j,{_label:`InputRadio`,_level:0,children:(0,J.jsxs)(`div`,{className:`grid sm:flex flex-wrap gap-4 items-end`,children:[(0,J.jsx)(pe,{_options:`[{'label':'Mrs.','value':'Mrs.'},{'disabled':true,'label':'Mr. (disabled)','value':'Mr.'},{'label':'Company','value':'Company'}]`,_label:`InputRadio 1, Tabindex 4`,tabIndex:4}),(0,J.jsx)(pe,{_options:`[{'label':'Mrs.','value':'Mrs.'},{'disabled':true,'label':'Mr. (disabled)','value':'Mr.'},{'label':'Company','value':'Company'}]`,_label:`InputRadio 2, Tabindex 3`,_disabled:!0,tabIndex:3}),(0,J.jsx)(pe,{_touched:!0,_options:`[{'label':'Mrs.','value':'Mrs.'},{'disabled':true,'label':'Mr. (disabled)','value':'Mr.'},{'label':'Company','value':'Company'}]`,_label:`InputRadio 3, Tabindex 2`,_msg:{_type:`error`,_description:Y},tabIndex:2}),(0,J.jsx)(pe,{_options:`[{'label':'Mrs.','value':'Mrs.'},{'disabled':true,'label':'Mr. (disabled)','value':'Mr.'},{'label':'Company','value':'Company'}]`,_label:`InputRadio 4, Tabindex 1`,tabIndex:1})]})}),(0,J.jsx)(j,{_label:`InputRange`,_level:0,children:(0,J.jsxs)(`div`,{className:`grid sm:flex flex-wrap gap-4 items-end`,children:[(0,J.jsx)(me,{_label:`InputRange 1, Tabindex 4`,_min:0,_max:50,tabIndex:4}),(0,J.jsx)(me,{_disabled:!0,_label:`InputRange 2, Tabindex 3`,_min:0,_max:50,tabIndex:3}),(0,J.jsx)(me,{_touched:!0,_label:`InputRange 3, Tabindex 2`,_min:0,_max:50,_msg:{_type:`error`,_description:Y},tabIndex:2}),(0,J.jsx)(me,{_label:`InputRange 4, Tabindex 1`,_min:0,_max:50,tabIndex:1})]})}),(0,J.jsx)(j,{_label:`InputText`,_level:0,children:(0,J.jsxs)(`div`,{className:`grid sm:flex flex-wrap gap-4 items-end`,children:[(0,J.jsx)(L,{_label:`InputText 1, Tabindex 4`,tabIndex:4}),(0,J.jsx)(L,{_disabled:!0,_label:`InputText 2, Tabindex 3`,tabIndex:3}),(0,J.jsx)(L,{_touched:!0,_label:`InputText 3, Tabindex 2`,_msg:{_type:`error`,_description:Y},tabIndex:2}),(0,J.jsx)(L,{_label:`InputText 4, Tabindex 1`,tabIndex:1})]})}),(0,J.jsx)(j,{_label:`LinkButton`,_level:0,children:(0,J.jsxs)(`div`,{className:`grid sm:flex flex-wrap gap-4 items-end`,children:[(0,J.jsx)(ge,{_href:`#/back-page`,_label:`InputText 1, Tabindex 4`,_variant:`primary`,tabIndex:4}),(0,J.jsx)(ge,{_disabled:!0,_href:`#/back-page`,_label:`InputText 2, Tabindex 3`,_variant:`primary`,tabIndex:3}),(0,J.jsx)(ge,{_href:`#/back-page`,_label:`InputText 3, Tabindex 2`,_variant:`primary`,tabIndex:2}),(0,J.jsx)(ge,{_href:`#/back-page`,_label:`InputText 4, Tabindex 1`,_variant:`primary`,tabIndex:1})]})}),(0,J.jsx)(j,{_label:`Link`,_level:0,children:(0,J.jsxs)(`div`,{className:`grid sm:flex flex-wrap gap-4 items-end`,children:[(0,J.jsx)(R,{_href:`#/back-page`,_label:`InputText 1, Tabindex 4`,tabIndex:4}),(0,J.jsx)(R,{_disabled:!0,_href:`#/back-page`,_label:`InputText 2, Tabindex 3`,tabIndex:3}),(0,J.jsx)(R,{_href:`#/back-page`,_label:`InputText 3, Tabindex 2`,tabIndex:2}),(0,J.jsx)(R,{_href:`#/back-page`,_label:`InputText 4, Tabindex 1`,tabIndex:1})]})}),(0,J.jsx)(j,{_label:`SingleSelect`,_level:0,children:(0,J.jsxs)(`div`,{className:`grid sm:flex flex-wrap gap-4 items-end`,children:[(0,J.jsx)(we,{_label:`InputText 1, Tabindex 4`,_options:rf,_value:`de`,tabIndex:4}),(0,J.jsx)(we,{_disabled:!0,_label:`InputText 2, Tabindex 3`,_options:rf,_value:`de`,tabIndex:3}),(0,J.jsx)(we,{_touched:!0,_label:`InputText 3, Tabindex 2`,_options:rf,_msg:{_type:`error`,_description:Y},_value:`de`,tabIndex:2}),(0,J.jsx)(we,{_label:`InputText 4, Tabindex 1`,_options:rf,_value:`de`,tabIndex:1})]})}),(0,J.jsx)(j,{_label:`SplitButton`,_level:0,children:(0,J.jsxs)(`div`,{className:`grid sm:flex flex-wrap gap-4 items-end`,children:[(0,J.jsx)(Oe,{_label:`InputText 1, Tabindex 4`,tabIndex:4,children:`Dropdown-Inhalt`}),(0,J.jsx)(Oe,{_label:`InputText 2, Tabindex 3`,tabIndex:3,_disabled:!0,children:`Dropdown-Inhalt`}),(0,J.jsx)(Oe,{_label:`InputText 3, Tabindex 2`,tabIndex:2,children:`Dropdown-Inhalt`}),(0,J.jsx)(Oe,{_label:`InputText 4, Tabindex 1`,tabIndex:1,children:`Dropdown-Inhalt`})]})}),(0,J.jsx)(j,{_label:`Textarea`,_level:0,children:(0,J.jsxs)(`div`,{className:`grid sm:flex flex-wrap gap-4 items-end`,children:[(0,J.jsx)(B,{_label:`Textarea 1, Tabindex 4`,_rows:3,_placeholder:`Placeholder`,tabIndex:4}),(0,J.jsx)(B,{_disabled:!0,_label:`Textarea 2, Tabindex 3`,_rows:3,_placeholder:`Placeholder`,tabIndex:3}),(0,J.jsx)(B,{_touched:!0,_label:`Textarea 3, Tabindex 2`,_rows:3,_placeholder:`Placeholder`,_msg:{_type:`error`,_description:Y},tabIndex:2}),(0,J.jsx)(B,{_label:`Textarea 4, Tabindex 1`,_rows:3,_placeholder:`Placeholder`,tabIndex:1})]})})]})]}),wb=()=>{let{dummyClickEventHandler:e}=zd(),t={onClick:e};return(0,J.jsxs)(J.Fragment,{children:[(0,J.jsx)(X,{children:(0,J.jsxs)(`p`,{children:[`This sample demonstrates how tooltip animation duration and width can be customized via`,(0,J.jsx)(`code`,{children:`--kolibri-tooltip-animation-duration`}),` and `,(0,J.jsx)(`code`,{children:`--kol-tooltip-width`}),`.`]})}),(0,J.jsxs)(`div`,{className:`flex justify-center items-center gap-4`,children:[(0,J.jsx)(k,{_label:`Custom duration`,_hideLabel:!0,style:{"--kolibri-tooltip-animation-duration":`2500ms`},_icons:`fa-solid fa-clock`,_on:t}),(0,J.jsx)(k,{_label:`Custom width`,_hideLabel:!0,style:{"--kol-tooltip-width":`400px`},_icons:`kolicon-chevron-up`,_on:t})]})]})},Tb=()=>(0,J.jsxs)(J.Fragment,{children:[(0,J.jsx)(X,{children:(0,J.jsx)(`p`,{children:`KolForm with KolInputDate inside to make sure enter on the date icon does not submit the form.`})}),(0,J.jsxs)(oe,{_on:{onSubmit:()=>{console.error(`submitted`),alert(`submitted`)}},children:[(0,J.jsx)(I,{_label:`date`,_name:`datum`}),(0,J.jsx)(k,{_label:`Submit`,_type:`submit`})]})]}),Eb=[{label:`Option A`,value:`A`},{label:`Option B`,value:`B`}],Db=()=>{let{dummyClickEventHandler:e}=zd(),t={onClick:e};return(0,J.jsxs)(J.Fragment,{children:[(0,J.jsxs)(X,{children:[(0,J.jsx)(`p`,{children:`This example shows how deactivated interactive elements are displayed.`}),(0,J.jsxs)(`ul`,{children:[(0,J.jsx)(`li`,{children:`Deactivated interactive elements pose a particular challenge for accessibility.`}),(0,J.jsx)(`li`,{children:`It must not be possible to focus on deactivated interactive elements, otherwise the tab paths will be unnecessarily extended.`}),(0,J.jsx)(`li`,{children:`Deactivated interactive elements should be labelled clearly and legibly.`}),(0,J.jsx)(`li`,{children:`Deactivated interactive elements have a tooltip for sighted people and aria labelling for the screen readers reading mode if they are represented by an interpretable graphic.`})]}),(0,J.jsx)(`p`,{children:`This implementation ensures standardized use for all users.`})]}),(0,J.jsxs)(`div`,{className:`w-full grid gap-4`,children:[(0,J.jsx)(j,{_label:`Button`,_level:0,children:(0,J.jsxs)(`div`,{className:`flex flex-wrap gap-4`,children:[(0,J.jsx)(k,{_label:`Label`,_on:t}),(0,J.jsx)(k,{_disabled:!0,_label:`Label`,_on:t}),(0,J.jsx)(k,{_hideLabel:!0,_icons:`fa-solid fa-house`,_label:`Label`,_on:t}),(0,J.jsx)(k,{_disabled:!0,_hideLabel:!0,_icons:`fa-solid fa-house`,_label:`Label`,_on:t})]})}),(0,J.jsx)(j,{_label:`ButtonLink`,_level:0,children:(0,J.jsxs)(`div`,{className:`flex flex-wrap gap-4`,children:[(0,J.jsx)(A,{_label:`Label`}),(0,J.jsx)(A,{_disabled:!0,_label:`Label`}),(0,J.jsx)(A,{_hideLabel:!0,_icons:`fa-solid fa-house`,_label:`Label`}),(0,J.jsx)(A,{_hideLabel:!0,_icons:`fa-solid fa-house`,_disabled:!0,_label:`Label`})]})}),(0,J.jsx)(j,{_label:`Link`,_level:0,children:(0,J.jsxs)(`div`,{className:`flex flex-wrap gap-4`,children:[(0,J.jsx)(R,{_href:`#`,_label:`Label`}),(0,J.jsx)(R,{_disabled:!0,_href:`#`,_label:`Label`}),(0,J.jsx)(R,{_hideLabel:!0,_href:`#`,_icons:`fa-solid fa-house`,_label:`Label`}),(0,J.jsx)(R,{_disabled:!0,_hideLabel:!0,_href:`#`,_icons:`fa-solid fa-house`,_label:`Label`})]})}),(0,J.jsx)(j,{_label:`LinkButton`,_level:0,children:(0,J.jsxs)(`div`,{className:`flex flex-wrap gap-4`,children:[(0,J.jsx)(ge,{_href:`#`,_label:`Label`}),(0,J.jsx)(ge,{_disabled:!0,_href:`#`,_label:`Label`}),(0,J.jsx)(ge,{_hideLabel:!0,_href:`#`,_icons:`fa-solid fa-house`,_label:`Label`}),(0,J.jsx)(ge,{_disabled:!0,_hideLabel:!0,_href:`#`,_icons:`fa-solid fa-house`,_label:`Label`})]})}),(0,J.jsx)(j,{_label:`Accordion`,_level:0,children:(0,J.jsxs)(`div`,{className:`grid gap-4`,children:[(0,J.jsx)(E,{_label:`Label`,children:`Content`}),(0,J.jsx)(E,{_disabled:!0,_label:`Label`,children:`Content`}),(0,J.jsx)(E,{_label:`Label (open)`,_open:!0,children:`Content`}),(0,J.jsx)(E,{_disabled:!0,_label:`Label (open)`,_open:!0,children:`Content`})]})}),(0,J.jsx)(j,{_label:`Details`,_level:0,children:(0,J.jsxs)(`div`,{className:`grid gap-4`,children:[(0,J.jsx)(re,{_label:`Label`,children:`Content`}),(0,J.jsx)(re,{_disabled:!0,_label:`Label`,children:`Content`}),(0,J.jsx)(re,{_label:`Label (open)`,_open:!0,children:`Content`}),(0,J.jsx)(re,{_disabled:!0,_label:`Label (open)`,_open:!0,children:`Content`})]})}),[F,ce,I,le,ue,de,fe,me,L].map(e=>{let t=e.render.displayName;return(0,J.jsx)(j,{_label:t,_level:0,children:(0,J.jsxs)(`div`,{className:`grid gap-4`,children:[(0,J.jsx)(e,{_label:`Label`}),(0,J.jsx)(e,{_disabled:!0,_label:`Label`}),(0,J.jsx)(e,{_hideLabel:!0,_label:`Label`}),(0,J.jsx)(e,{_disabled:!0,_hideLabel:!0,_label:`Label`})]})},t)}),[pe,Ce].map(e=>{let t=e.render.displayName;return(0,J.jsx)(j,{_label:t,_level:0,children:(0,J.jsxs)(`div`,{className:`grid gap-4`,children:[(0,J.jsx)(e,{_label:`Label`,_options:Eb}),(0,J.jsx)(e,{_disabled:!0,_label:`Label`,_options:Eb}),(0,J.jsx)(e,{_hideLabel:!0,_label:`Label`,_options:Eb}),(0,J.jsx)(e,{_disabled:!0,_hideLabel:!0,_label:`Label`,_options:Eb})]})},t)}),(0,J.jsx)(j,{_label:`KolTextarea`,_level:0,children:(0,J.jsxs)(`div`,{className:`grid gap-4`,children:[(0,J.jsx)(B,{_label:`Label`,_rows:3}),(0,J.jsx)(B,{_disabled:!0,_label:`Label`,_rows:3}),(0,J.jsx)(B,{_hideLabel:!0,_label:`Label`,_rows:3}),(0,J.jsx)(B,{_disabled:!0,_hideLabel:!0,_label:`Label`,_rows:3})]})})]})]})},Ob=()=>{let e=new Map;return e.set(`accordion`,(e,t)=>(0,J.jsx)(E,{className:`w-full`,_label:`Accordion here`,ref:t})),e.set(`badge`,(e,t)=>(0,J.jsx)(O,{className:`w-full`,_label:`Badge with button`,_smartButton:{_label:`Action`,_icons:`kolicon-house`,_on:{onClick:()=>{}}},ref:t})),e.set(`button`,(e,t)=>(0,J.jsx)(k,{_label:`Button here`,ref:t})),e.set(`buttonLink`,(e,t)=>(0,J.jsx)(A,{_label:`ButtonLink here`,ref:t})),e.set(`combobox`,(e,t)=>(0,J.jsx)(M,{className:`w-full`,_label:`KolCombobox here`,_suggestions:[],ref:t})),e.set(`details`,(e,t)=>(0,J.jsx)(re,{className:`w-full`,_label:`Details here`,ref:t,children:`detailed details`})),e.set(`inputCheckbox`,(e,t)=>(0,J.jsx)(F,{className:`w-full`,_name:`checkbox`,_label:`Checkbox`,ref:t})),e.set(`inputColor`,(e,t)=>(0,J.jsx)(ce,{className:`w-full`,_name:`color`,_label:`Color`,ref:t})),e.set(`inputDate`,(e,t)=>(0,J.jsx)(I,{className:`w-full`,_name:`date`,_label:`Date`,ref:t})),e.set(`inputEmail`,(e,t)=>(0,J.jsx)(le,{className:`w-full`,_name:`email`,_label:`Email`,ref:t})),e.set(`inputFile`,(e,t)=>(0,J.jsx)(ue,{className:`w-full`,_name:`file`,_label:`File`,ref:t})),e.set(`inputFileMultiple`,(e,t)=>(0,J.jsx)(ue,{className:`w-full`,_name:`file`,_label:`Files (multiple)`,_multiple:!0,ref:t})),e.set(`inputNumber`,(e,t)=>(0,J.jsx)(de,{className:`w-full`,_name:`number`,_label:`Number`,ref:t})),e.set(`inputPassword`,(e,t)=>(0,J.jsx)(fe,{className:`w-full`,_name:`password`,_label:`Password`,ref:t})),e.set(`inputRadio`,(e,t)=>(0,J.jsx)(pe,{className:`w-full`,_name:`radio`,_label:`Radio`,_options:[{label:`Option A`,value:`A`},{label:`Option B`,value:`B`}],_value:`A`,ref:t})),e.set(`inputRange`,(e,t)=>(0,J.jsx)(me,{className:`w-full`,_name:`range`,_label:`Range`,ref:t})),e.set(`inputText`,(e,t)=>(0,J.jsx)(L,{className:`w-full`,_name:`text`,_label:`Text`,ref:t})),e.set(`link`,(e,t)=>(0,J.jsx)(R,{className:`w-full`,_label:`Link here`,_href:`#`,ref:t})),e.set(`linkButton`,(e,t)=>(0,J.jsx)(`div`,{children:(0,J.jsx)(ge,{_label:`LinkButton here`,_href:`#`,ref:t})})),e.set(`popoverButton`,(e,t)=>(0,J.jsx)(be,{_label:`PopoverButton here`,ref:t})),e.set(`select`,(e,t)=>(0,J.jsx)(Ce,{className:`w-full`,_name:`select`,_label:`Select`,_options:[{label:`Option A`,value:`A`},{label:`Option B`,value:`B`}],ref:t})),e.set(`selectMultiple`,(e,t)=>(0,J.jsx)(Ce,{className:`w-full`,_name:`select`,_label:`Select (multiple)`,_multiple:!0,_options:[{label:`Option A`,value:`A`},{label:`Option B`,value:`B`}],_rows:2,ref:t})),e.set(`singleSelect`,(e,t)=>(0,J.jsx)(we,{className:`w-full`,_name:`singleSelect`,_label:`Single Select`,_options:[{label:`Option A`,value:`A`},{label:`Option B`,value:`B`}],ref:t})),e.set(`skipNav`,(e,t)=>(0,J.jsx)(Ee,{_label:`SkipNav`,_links:[{_label:`Skip to main content`,_href:`#main`}],ref:t})),e.set(`splitButton`,(e,t)=>(0,J.jsx)(Oe,{_label:`SplitButton here`,ref:t})),e.set(`tabs`,(e,t)=>(0,J.jsx)(Ae,{className:`w-full`,_label:`Tabs here`,_tabs:[{_label:`Tab 1`},{_label:`Tab 2`},{_label:`Tab 3`}],ref:t,children:`Tab content`})),e.set(`textarea`,(e,t)=>(0,J.jsx)(B,{className:`w-full`,_name:`textarea`,_label:`Textarea`,_rows:5,ref:t})),e.set(`toolbar`,(e,t)=>(0,J.jsx)(je,{className:`w-full`,_label:`Toolbar here`,_items:[{type:`button`,_label:`Action 1`},{type:`button`,_label:`Action 2`}],ref:t})),e.set(`tree`,(e,t)=>(0,J.jsxs)(Me,{className:`w-full`,_label:`Tree here`,ref:t,children:[(0,J.jsx)(Ne,{_label:`1 Home`,_href:`#`}),(0,J.jsxs)(Ne,{_label:`2 Products`,_href:`#`,_open:!0,children:[(0,J.jsx)(Ne,{_label:`2.1 Electronics`,_href:`#`}),(0,J.jsx)(Ne,{_label:`2.2 Furniture`,_href:`#`})]}),(0,J.jsx)(Ne,{_label:`3 Services`,_href:`#`})]})),e},kb=e=>{let t=[...(0,d.useMemo)(()=>Ob(),[]).keys()].map(e=>e);return(0,J.jsxs)(J.Fragment,{children:[(0,J.jsx)(X,{children:(0,J.jsx)(`p`,{children:`This sample serves for automated tests of the focus state for input components. When loading one of the examples linked below, focus will be set on the element initially. When testing manually, you may have to reload the page after opening an example.`})}),e.invalidComponent&&(0,J.jsx)(D,{_type:`error`,_variant:`card`,children:`Component not found.`}),(0,J.jsx)(N,{_level:2,_label:`Focus Test Cases`}),(0,J.jsx)(`ul`,{children:t.map(e=>(0,J.jsx)(`li`,{children:(0,J.jsx)(R,{_label:e,_href:`#/scenarios/focus-elements?component=${e}`})},e))})]})},Ab=()=>{let e=(0,d.useMemo)(()=>Ob(),[]),[t]=Hr(),n=t.get(`component`),r=n?e.get(n):void 0,i=(0,d.useMemo)(()=>r?(0,d.forwardRef)(r):null,[r]),a=(0,d.useCallback)(e=>{e&&e.focus()},[n]);return n?i?(0,J.jsx)(`div`,{children:(0,J.jsx)(i,{ref:a})}):(0,J.jsx)(kb,{invalidComponent:!0}):(0,J.jsx)(kb,{})},jb=[{name:`Elephant`,species:`Loxodonta`,habitat:`Savannah`,diet:`Herbivore`,lifespan:60},{name:`Tiger`,species:`Panthera tigris`,habitat:`Forest`,diet:`Carnivore`,lifespan:20},{name:`Kangaroo`,species:`Macropus`,habitat:`Grassland`,diet:`Herbivore`,lifespan:23},{name:`Penguin`,species:`Aptenodytes forsteri`,habitat:`Antarctica`,diet:`Carnivore`,lifespan:20},{name:`Giraffe`,species:`Giraffa camelopardalis`,habitat:`Savannah`,diet:`Herbivore`,lifespan:25},{name:`Panda`,species:`Ailuropoda melanoleuca`,habitat:`Forest`,diet:`Herbivore`,lifespan:20},{name:`Dolphin`,species:`Delphinus delphis`,habitat:`Ocean`,diet:`Carnivore`,lifespan:40},{name:`Eagle`,species:`Aquila chrysaetos`,habitat:`Mountains`,diet:`Carnivore`,lifespan:30},{name:`Koala`,species:`Phascolarctos cinereus`,habitat:`Forest`,diet:`Herbivore`,lifespan:18},{name:`Lion`,species:`Panthera leo`,habitat:`Savannah`,diet:`Carnivore`,lifespan:15},{name:`Zebra`,species:`Equus quagga`,habitat:`Savannah`,diet:`Herbivore`,lifespan:25},{name:`Wolf`,species:`Canis lupus`,habitat:`Forest`,diet:`Carnivore`,lifespan:14},{name:`Cheetah`,species:`Acinonyx jubatus`,habitat:`Savannah`,diet:`Carnivore`,lifespan:12},{name:`Polar Bear`,species:`Ursus maritimus`,habitat:`Arctic`,diet:`Carnivore`,lifespan:25},{name:`Rhinoceros`,species:`Rhinocerotidae`,habitat:`Savannah`,diet:`Herbivore`,lifespan:40},{name:`Hippopotamus`,species:`Hippopotamus amphibius`,habitat:`Rivers`,diet:`Herbivore`,lifespan:45},{name:`Chimpanzee`,species:`Pan troglodytes`,habitat:`Forest`,diet:`Omnivore`,lifespan:50},{name:`Orangutan`,species:`Pongo`,habitat:`Forest`,diet:`Omnivore`,lifespan:45},{name:`Leopard`,species:`Panthera pardus`,habitat:`Forest`,diet:`Carnivore`,lifespan:17},{name:`Hyena`,species:`Hyaenidae`,habitat:`Savannah`,diet:`Carnivore`,lifespan:25},{name:`Crocodile`,species:`Crocodylidae`,habitat:`Rivers`,diet:`Carnivore`,lifespan:70},{name:`Alligator`,species:`Alligatoridae`,habitat:`Swamps`,diet:`Carnivore`,lifespan:50},{name:`Ostrich`,species:`Struthio camelus`,habitat:`Savannah`,diet:`Omnivore`,lifespan:40},{name:`Flamingo`,species:`Phoenicopterus`,habitat:`Lakes`,diet:`Omnivore`,lifespan:30},{name:`Peacock`,species:`Pavo cristatus`,habitat:`Forest`,diet:`Omnivore`,lifespan:20},{name:`Parrot`,species:`Psittaciformes`,habitat:`Forest`,diet:`Omnivore`,lifespan:50},{name:`Toucan`,species:`Ramphastidae`,habitat:`Forest`,diet:`Omnivore`,lifespan:20},{name:`Sloth`,species:`Folivora`,habitat:`Forest`,diet:`Herbivore`,lifespan:30},{name:`Armadillo`,species:`Dasypodidae`,habitat:`Grassland`,diet:`Omnivore`,lifespan:15},{name:`Anteater`,species:`Myrmecophaga tridactyla`,habitat:`Forest`,diet:`Insectivore`,lifespan:14},{name:`Bat`,species:`Chiroptera`,habitat:`Caves`,diet:`Omnivore`,lifespan:20},{name:`Otter`,species:`Lutrinae`,habitat:`Rivers`,diet:`Carnivore`,lifespan:16},{name:`Beaver`,species:`Castor`,habitat:`Rivers`,diet:`Herbivore`,lifespan:24},{name:`Moose`,species:`Alces alces`,habitat:`Forest`,diet:`Herbivore`,lifespan:20},{name:`Deer`,species:`Cervidae`,habitat:`Forest`,diet:`Herbivore`,lifespan:20},{name:`Bison`,species:`Bison bison`,habitat:`Grassland`,diet:`Herbivore`,lifespan:20},{name:`Buffalo`,species:`Syncerus caffer`,habitat:`Savannah`,diet:`Herbivore`,lifespan:25},{name:`Camel`,species:`Camelus`,habitat:`Desert`,diet:`Herbivore`,lifespan:50},{name:`Llama`,species:`Lama glama`,habitat:`Mountains`,diet:`Herbivore`,lifespan:20},{name:`Alpaca`,species:`Vicugna pacos`,habitat:`Mountains`,diet:`Herbivore`,lifespan:20},{name:`Goat`,species:`Capra aegagrus hircus`,habitat:`Mountains`,diet:`Herbivore`,lifespan:18},{name:`Sheep`,species:`Ovis aries`,habitat:`Grassland`,diet:`Herbivore`,lifespan:12},{name:`Cow`,species:`Bos taurus`,habitat:`Grassland`,diet:`Herbivore`,lifespan:20},{name:`Pig`,species:`Sus scrofa domesticus`,habitat:`Farm`,diet:`Omnivore`,lifespan:15},{name:`Chicken`,species:`Gallus gallus domesticus`,habitat:`Farm`,diet:`Omnivore`,lifespan:10}],Mb=[{_icons:`fa-solid fa-chart-pie`,_label:`Erster Tab`},{_icons:`fa-solid fa-calendar`,_label:`Zweiter Tab`,_disabled:!0},{_icons:`fa-solid fa-briefcase`,_label:`Deaktivierter Tab`,_disabled:!0},{_icons:`fa-solid fa-address-card`,_label:`Letzter Tab`,_disabled:!0}],Nb={horizontal:[[{key:`name`,label:`Name`,textAlign:`left`},{key:`species`,label:`Species`,textAlign:`left`},{key:`habitat`,label:`Habitat`,textAlign:`left`},{key:`diet`,label:`Diet`,textAlign:`left`},{key:`lifespan`,label:`lifespan`,textAlign:`right`}]]};function Pb(){return(0,J.jsxs)(J.Fragment,{children:[(0,J.jsx)(X,{children:(0,J.jsx)(`p`,{children:`This advanced scenario demonstrates a complex layout with KolTable featuring horizontal scrollbar within a tab-based navigation system. The table automatically calculates its minimum width based on column definitions and provides smooth horizontal scrolling when content exceeds the container width. This example showcases real-world usage in a dashboard-like interface with sidebar navigation and tabbed content areas.`})}),(0,J.jsxs)(`div`,{className:`mainlayout`,children:[(0,J.jsx)(`aside`,{className:`nav-area`,children:(0,J.jsx)(ve,{_label:`Main navigation`,_links:t_,_hasCompactButton:!0,_hasIconsWhenExpanded:!0})}),(0,J.jsx)(`div`,{className:`content`,children:(0,J.jsxs)(Ae,{_tabs:Mb,_align:`top`,_label:`Demo Tabs`,children:[(0,J.jsx)(`div`,{style:{overflow:`hidden`},children:(0,J.jsx)(z,{_label:`Table for demonstration purposes with horizontal scrollbar`,_headers:Nb,_data:jb,_pagination:{_page:1},className:`block`})}),(0,J.jsx)(`div`,{}),(0,J.jsx)(`div`,{}),(0,J.jsx)(`div`,{})]})})]})]})}var Fb=()=>{let e=`Unrecognized phone number.`;return(0,J.jsxs)(J.Fragment,{children:[(0,J.jsxs)(X,{children:[(0,J.jsx)(`p`,{children:`This sample shows how input components can be grouped together with just one error message, without repeating the message for every field.`}),(0,J.jsx)(`p`,{children:`The sample only demonstrates how the errors can be displayed, an actual validation logic is not part of the example.`})]}),(0,J.jsxs)(`fieldset`,{children:[(0,J.jsx)(`legend`,{children:`Phone number`}),(0,J.jsx)(D,{_alert:!0,_type:`error`,_label:e}),(0,J.jsxs)(`div`,{className:`grid grid-cols-3 gap-4 max-w-2xl`,children:[(0,J.jsx)(Ce,{_options:[{label:`United States +1`,value:`1`},{label:`Greece +30 `,value:`30`},{label:`Germany +49`,value:`49`},{label:`Japan +81`,value:`81`}],_label:`CountryCode `,_msg:{_description:e,_type:`error`},_touched:!0,_hideMsg:!0}),(0,J.jsx)(L,{_label:`Area code`,_msg:{_description:e,_type:`error`},_touched:!0,_hideMsg:!0}),(0,J.jsx)(L,{_label:`Local number`,_msg:{_description:e,_type:`error`},_touched:!0,_hideMsg:!0})]})]}),(0,J.jsxs)(`fieldset`,{className:`mt`,children:[(0,J.jsx)(`legend`,{children:`Pizza toppings`}),(0,J.jsx)(D,{_alert:!0,_type:`error`,_label:`Choose at least two and up to five toppings.`}),[`Mushrooms`,`Bell Peppers`,`Onions`,`Olives`,`Spinach`,`Tomatoes`,`Artichokes`,`Zucchini`,`Jalapeños`,`Basil`].map(t=>(0,J.jsx)(F,{_label:t,_msg:{_description:e,_type:`error`},_touched:!0,_hideMsg:!0},t))]})]})},Ib=(0,d.createContext)(void 0),Lb=(0,d.createContext)(!1),Rb=e=>{let t=(0,d.useRef)(null),[n,r]=(0,d.useState)(void 0),[i,a]=(0,d.useState)(e.inputProps._value),o=e.formatter||JSON.stringify,s=(0,d.useContext)(Ib),c=(0,d.useContext)(Lb),l=async()=>{r(await t.current?.getValue())};(0,d.useEffect)(()=>{let e=()=>{l()};return s?.addEventListener(`runAll`,e),()=>{s?.removeEventListener(`runAll`,e)}},[s]);let u=Object.fromEntries([`onInput`,`onChange`,`onBlur`,`onClick`,`onFocus`,`onMouseDown`].map(t=>[t,(n,r)=>{c&&console.log(e.inputProps._label,t,r,n),t===`onInput`&&a(r)}]));return(0,J.jsx)(J.Fragment,{children:(0,J.jsxs)(`div`,{className:`grid grid-cols-3 items-end gap-4`,"data-testid":e.testId,children:[(0,J.jsx)(e.InputComponent,{ref:t,_on:u,...e.inputProps,_value:i}),(0,J.jsx)(k,{_label:`getValue()`,_on:{onClick:()=>{l()}}}),(0,J.jsx)(`pre`,{className:`text-base`,children:o(n)})]})})},zb=()=>{let e=(0,d.useMemo)(()=>new EventTarget,[]),[t,n]=(0,d.useState)(!0);return(0,J.jsx)(J.Fragment,{children:(0,J.jsx)(Ib.Provider,{value:e,children:(0,J.jsxs)(Lb.Provider,{value:t,children:[(0,J.jsx)(X,{children:(0,J.jsxs)(`p`,{children:[`This sample shows how the input components `,(0,J.jsx)(`code`,{children:`getValue()`}),` method works. It's called when clicking the "getValue()" button and prints the current value right next to itself.`]})}),(0,J.jsxs)(`section`,{className:`w-full flex flex-col`,children:[(0,J.jsx)(j,{_label:`Sample options`,className:`block ha mb-8`,children:(0,J.jsx)(F,{_label:`Log events to console`,_value:!0,_checked:t,_on:{onChange:(e,t)=>n(t)}})}),(0,J.jsxs)(`div`,{className:`grid gap-4`,children:[(0,J.jsx)(Rb,{testId:`scenario-inputText`,InputComponent:L,inputProps:{_label:`InputText`}}),(0,J.jsx)(Rb,{testId:`scenario-inputCheckboxString`,InputComponent:F,inputProps:{_label:`KolInputCheckbox (value)`,_value:`Checkbox True Value`}}),(0,J.jsx)(Rb,{testId:`scenario-inputCheckboxBoolean`,InputComponent:F,inputProps:{_label:`KolInputCheckbox (boolean)`}}),(0,J.jsx)(Rb,{testId:`scenario-inputColor`,InputComponent:ce,inputProps:{_label:`KolInputColor`}}),(0,J.jsx)(Rb,{testId:`scenario-inputDate`,InputComponent:I,inputProps:{_label:`KolInputDate`}}),(0,J.jsx)(Rb,{testId:`scenario-inputEmail`,InputComponent:le,inputProps:{_label:`KolInputEmail`}}),(0,J.jsx)(Rb,{testId:`scenario-inputFile`,InputComponent:ue,inputProps:{_label:`KolInputFile`},formatter:e=>e instanceof FileList?`FileList{${Array.from(e).map(e=>e.name).join(`, `)}}`:JSON.stringify(e)}),(0,J.jsx)(Rb,{testId:`scenario-inputNumber`,InputComponent:de,inputProps:{_label:`KolInputNumber`}}),(0,J.jsx)(Rb,{testId:`scenario-inputPassword`,InputComponent:fe,inputProps:{_label:`KolInputPassword`}}),(0,J.jsx)(Rb,{testId:`scenario-inputRange`,InputComponent:me,inputProps:{_label:`KolInputRange`}}),(0,J.jsx)(Rb,{testId:`scenario-inputRadio`,InputComponent:pe,inputProps:{_label:`KolInputRadio`,_orientation:`horizontal`,_options:[{label:`New York`,value:`New York`},{label:`Rio de Janeiro`,value:`Rio de Janeiro`},{label:`Rosenheim`,value:`Rosenheim`}],_value:`New York`}}),(0,J.jsx)(Rb,{testId:`scenario-select`,InputComponent:Ce,inputProps:{_label:`KolSelect`,_options:[{label:`New York`,value:`New York`},{label:`Rio de Janeiro`,value:`Rio de Janeiro`},{label:`Rosenheim`,value:`Rosenheim`}]}}),(0,J.jsx)(Rb,{testId:`scenario-singleSelect`,InputComponent:we,inputProps:{_label:`KolSingleSelect`,_options:[{label:`New York`,value:`New York`},{label:`Rio de Janeiro`,value:`Rio de Janeiro`},{label:`Rosenheim`,value:`Rosenheim`}],_value:`Rosenheim`}}),(0,J.jsx)(Rb,{testId:`scenario-combobox`,InputComponent:M,inputProps:{_label:`KolCombobox`,_suggestions:af,_value:`Deutschland`}}),(0,J.jsx)(Rb,{testId:`scenario-textarea`,InputComponent:B,inputProps:{_label:`KolTextarea`}}),(0,J.jsx)(Rb,{testId:`scenario-button`,InputComponent:k,inputProps:{_label:`KolButton`,_variant:`ghost`,_value:`KolButton value`}}),(0,J.jsx)(Rb,{testId:`scenario-buttonLink`,InputComponent:A,inputProps:{_label:`KolButtonLink`,_value:`KolButtonLink value`}}),(0,J.jsxs)(`div`,{className:`grid grid-cols-3 gap-4`,children:[(0,J.jsx)(`div`,{}),(0,J.jsx)(k,{_label:`Run all`,_variant:`primary`,_on:{onClick:()=>{e.dispatchEvent(new Event(`runAll`))}}})]})]})]})]})})})},Bb=()=>{let[e,t]=(0,d.useState)(100),[n,r]=(0,d.useState)(null),[i,a]=(0,d.useState)(null),[o,s]=(0,d.useState)(!1),c={onInput:(e,n)=>{t(n)}},l=(e,t)=>{switch(e){case`text`:return(0,J.jsx)(L,{_label:`TextInput #${t}`},t);case`number`:return(0,J.jsx)(de,{_label:`NumberInput #${t}`},t);case`checkbox`:return(0,J.jsx)(F,{_label:`Checkbox #${t}`},t);case`skeleton`:return(0,J.jsx)(Te,{_name:`skeleton-${t}`},t);default:return null}},u=()=>{if(!n)return null;let t=[];for(let r=1;r<=e;r++)t.push(l(n,r));return t},f=e=>{s(!0),a(null);let t=performance.now();r(e),setTimeout(()=>{a(performance.now()-t),s(!1)},0)};return(0,J.jsxs)(J.Fragment,{children:[(0,J.jsx)(X,{children:(0,J.jsx)(`p`,{children:`This example renders many KoliBri components to show the performance. Choose a component type and set the number of instances to render.`})}),(0,J.jsxs)(`div`,{className:`w-full mb-6`,children:[(0,J.jsx)(`div`,{className:`flex flex-wrap items-end gap-4 mb-4`,children:(0,J.jsx)(de,{_label:`Number of components`,_value:e,_min:1,_max:500,_on:c})}),(0,J.jsxs)(`div`,{className:`flex flex-wrap gap-4 mb-6`,children:[(0,J.jsx)(k,{_label:`Render TextInputs`,_variant:`primary`,onClick:()=>f(`text`)}),(0,J.jsx)(k,{_label:`Render NumberInputs`,_variant:`primary`,onClick:()=>f(`number`)}),(0,J.jsx)(k,{_label:`Render Checkboxes`,_variant:`primary`,onClick:()=>f(`checkbox`)}),(0,J.jsx)(k,{_label:`Render Skeletons`,_variant:`primary`,onClick:()=>f(`skeleton`)}),(0,J.jsx)(k,{_label:`Clear`,_variant:`secondary`,onClick:()=>{r(null),a(null),s(!1)}})]})]}),n&&(0,J.jsxs)(`div`,{className:`w-full mb-4`,children:[(0,J.jsxs)(`p`,{className:`text-sm text-gray-600 mb-2`,children:[`Rendering `,e,` `,n,` component`,e===1?``:`s`]}),o&&(0,J.jsx)(`p`,{className:`text-sm text-blue-600`,children:`⏱️ Measuring render time...`}),i!==null&&!o&&(0,J.jsxs)(`p`,{className:`text-sm text-green-600`,children:[`✅ Render time: `,i.toFixed(2),`ms`]})]}),(0,J.jsx)(`div`,{className:`w-full grid gap-4`,children:u()})]})},Vb=e=>e.type===`checkbox`,Hb=e=>e instanceof Date,Ub=e=>e==null,Wb=e=>typeof e==`object`,Gb=e=>!Ub(e)&&!Array.isArray(e)&&Wb(e)&&!Hb(e),Kb=e=>Gb(e)&&e.target?Vb(e.target)?e.target.checked:e.target.value:e,qb=e=>e.substring(0,e.search(/\.\d+(\.|$)/))||e,Jb=(e,t)=>e.has(qb(t)),Yb=e=>{let t=e.constructor&&e.constructor.prototype;return Gb(t)&&t.hasOwnProperty(`isPrototypeOf`)},Xb=typeof window<`u`&&window.HTMLElement!==void 0&&typeof document<`u`;function Zb(e){let t,n=Array.isArray(e),r=typeof FileList<`u`?e instanceof FileList:!1;if(e instanceof Date)t=new Date(e);else if(!(Xb&&(e instanceof Blob||r))&&(n||Gb(e)))if(t=n?[]:Object.create(Object.getPrototypeOf(e)),!n&&!Yb(e))t=e;else for(let n in e)e.hasOwnProperty(n)&&(t[n]=Zb(e[n]));else return e;return t}var Qb=e=>/^\w*$/.test(e),$b=e=>e===void 0,ex=e=>Array.isArray(e)?e.filter(Boolean):[],tx=e=>ex(e.replace(/["|']|\]/g,``).split(/\.|\[/)),nx=(e,t,n)=>{if(!t||!Gb(e))return n;let r=(Qb(t)?[t]:tx(t)).reduce((e,t)=>Ub(e)?e:e[t],e);return $b(r)||r===e?$b(e[t])?n:e[t]:r},rx=e=>typeof e==`boolean`,ix=(e,t,n)=>{let r=-1,i=Qb(t)?[t]:tx(t),a=i.length,o=a-1;for(;++r<a;){let t=i[r],a=n;if(r!==o){let n=e[t];a=Gb(n)||Array.isArray(n)?n:isNaN(+i[r+1])?{}:[]}if(t===`__proto__`||t===`constructor`||t===`prototype`)return;e[t]=a,e=e[t]}},ax={BLUR:`blur`,FOCUS_OUT:`focusout`,CHANGE:`change`},ox={onBlur:`onBlur`,onChange:`onChange`,onSubmit:`onSubmit`,onTouched:`onTouched`,all:`all`},sx=d.createContext(null);sx.displayName=`HookFormContext`;var cx=()=>d.useContext(sx),lx=(e,t,n,r=!0)=>{let i={defaultValues:t._defaultValues};for(let a in e)Object.defineProperty(i,a,{get:()=>{let i=a;return t._proxyFormState[i]!==ox.all&&(t._proxyFormState[i]=!r||ox.all),n&&(n[i]=!0),e[i]}});return i},ux=typeof window<`u`?d.useLayoutEffect:d.useEffect;function dx(e){let t=cx(),{control:n=t.control,disabled:r,name:i,exact:a}=e||{},[o,s]=d.useState(n._formState),c=d.useRef({isDirty:!1,isLoading:!1,dirtyFields:!1,touchedFields:!1,validatingFields:!1,isValidating:!1,isValid:!1,errors:!1});return ux(()=>n._subscribe({name:i,formState:c.current,exact:a,callback:e=>{!r&&s({...n._formState,...e})}}),[i,r,a]),d.useEffect(()=>{c.current.isValid&&n._setValid(!0)},[n]),d.useMemo(()=>lx(o,n,c.current,!1),[o,n])}var fx=e=>typeof e==`string`,px=(e,t,n,r,i)=>fx(e)?(r&&t.watch.add(e),nx(n,e,i)):Array.isArray(e)?e.map(e=>(r&&t.watch.add(e),nx(n,e))):(r&&(t.watchAll=!0),n),mx=e=>Ub(e)||!Wb(e);function hx(e,t,n=new WeakSet){if(mx(e)||mx(t))return e===t;if(Hb(e)&&Hb(t))return e.getTime()===t.getTime();let r=Object.keys(e),i=Object.keys(t);if(r.length!==i.length)return!1;if(n.has(e)||n.has(t))return!0;n.add(e),n.add(t);for(let a of r){let r=e[a];if(!i.includes(a))return!1;if(a!==`ref`){let e=t[a];if(Hb(r)&&Hb(e)||Gb(r)&&Gb(e)||Array.isArray(r)&&Array.isArray(e)?!hx(r,e,n):r!==e)return!1}}return!0}function gx(e){let t=cx(),{control:n=t.control,name:r,defaultValue:i,disabled:a,exact:o,compute:s}=e||{},c=d.useRef(i),l=d.useRef(s),u=d.useRef(void 0);l.current=s;let f=d.useMemo(()=>n._getWatch(r,c.current),[n,r]),[p,m]=d.useState(l.current?l.current(f):f);return ux(()=>n._subscribe({name:r,formState:{values:!0},exact:o,callback:e=>{if(!a){let t=px(r,n._names,e.values||n._formValues,!1,c.current);if(l.current){let e=l.current(t);hx(e,u.current)||(m(e),u.current=e)}else m(t)}}}),[n,a,r,o]),d.useEffect(()=>n._removeUnmounted()),p}function _x(e){let t=cx(),{name:n,disabled:r,control:i=t.control,shouldUnregister:a,defaultValue:o}=e,s=Jb(i._names.array,n),c=gx({control:i,name:n,defaultValue:d.useMemo(()=>nx(i._formValues,n,nx(i._defaultValues,n,o)),[i,n,o]),exact:!0}),l=dx({control:i,name:n,exact:!0}),u=d.useRef(e),f=d.useRef(void 0),p=d.useRef(i.register(n,{...e.rules,value:c,...rx(e.disabled)?{disabled:e.disabled}:{}}));u.current=e;let m=d.useMemo(()=>Object.defineProperties({},{invalid:{enumerable:!0,get:()=>!!nx(l.errors,n)},isDirty:{enumerable:!0,get:()=>!!nx(l.dirtyFields,n)},isTouched:{enumerable:!0,get:()=>!!nx(l.touchedFields,n)},isValidating:{enumerable:!0,get:()=>!!nx(l.validatingFields,n)},error:{enumerable:!0,get:()=>nx(l.errors,n)}}),[l,n]),h=d.useCallback(e=>p.current.onChange({target:{value:Kb(e),name:n},type:ax.CHANGE}),[n]),g=d.useCallback(()=>p.current.onBlur({target:{value:nx(i._formValues,n),name:n},type:ax.BLUR}),[n,i._formValues]),_=d.useCallback(e=>{let t=nx(i._fields,n);t&&e&&(t._f.ref={focus:()=>e.focus&&e.focus(),select:()=>e.select&&e.select(),setCustomValidity:t=>e.setCustomValidity(t),reportValidity:()=>e.reportValidity()})},[i._fields,n]),v=d.useMemo(()=>({name:n,value:c,...rx(r)||l.disabled?{disabled:l.disabled||r}:{},onChange:h,onBlur:g,ref:_}),[n,r,l.disabled,h,g,_,c]);return d.useEffect(()=>{let e=i._options.shouldUnregister||a,t=f.current;t&&t!==n&&!s&&i.unregister(t),i.register(n,{...u.current.rules,...rx(u.current.disabled)?{disabled:u.current.disabled}:{}});let r=(e,t)=>{let n=nx(i._fields,e);n&&n._f&&(n._f.mount=t)};if(r(n,!0),e){let e=Zb(nx(i._options.defaultValues,n));ix(i._defaultValues,n,e),$b(nx(i._formValues,n))&&ix(i._formValues,n,e)}return!s&&i.register(n),f.current=n,()=>{(s?e&&!i._state.action:e)?i.unregister(n):r(n,!1)}},[n,i,s,a]),d.useEffect(()=>{i._setDisabledField({disabled:r,name:n})},[r,n,i]),d.useMemo(()=>({field:v,formState:l,fieldState:m}),[v,l,m])}var vx=e=>e.render(_x(e));ox.onSubmit,ox.onChange;function yx(e,t){let n=d.forwardRef((n,r)=>{let{name:i,control:a,rules:o,defaultValue:s,shouldUnregister:c,...l}=n;return d.createElement(vx,{name:i,control:a,rules:o,defaultValue:s,shouldUnregister:c,disabled:n._disabled,render:({field:n,fieldState:a})=>{let o=l._on,s={...l,ref:e=>{r&&(typeof r==`function`?r(e):r.current=e),e&&n.ref(e)},_name:i,_touched:a.isTouched,_disabled:n.disabled,_msg:a.error?{_type:`error`,_description:a.error.message||a.error.toString?.()||`Unknown error`}:void 0,_on:{...o||{},onInput:(e,t)=>{n.onChange(t),o?.onInput?.(e,t)},onChange:(e,t)=>{n.onChange(t),o?.onChange?.(e,t)},onBlur:e=>{n.onBlur(),o?.onBlur?.(e)}}};return t&&(s[t]=n.value),d.createElement(e,{...s})}})});return n.displayName=`withController(${e.displayName||e.name||`Component`})`,n}var bx=yx(L,`_value`),xx=yx(fe,`_value`),Sx=yx(le,`_value`),Cx=yx(de,`_value`),wx=yx(me,`_value`),Tx=yx(I,`_value`),Ex=yx(ce,`_value`),Dx=yx(ue),Ox=yx(B,`_value`),kx=yx(M,`_value`),Ax=yx(Ce,`_value`),jx=yx(we,`_value`),Mx=yx(pe,`_value`),Nx=yx(F,`_checked`),Px={firstName:``,lastName:``,email:``,password:``,age:18,volume:50,birthday:``,favoriteColor:`#000000`,cv:null,bio:``,country:``,language:`de`,framework:``,gender:``,termsAccepted:!1},Fx=[{label:`English`,value:`en`},{label:`German`,value:`de`},{label:`French`,value:`fr`}],Ix=[{label:`React`,value:`react`},{label:`Vue`,value:`vue`},{label:`Stencil`,value:`stencil`}],Lx=[{label:`Male`,value:`male`},{label:`Female`,value:`female`},{label:`Other`,value:`other`}],Rx=[`firstName`,`lastName`,`email`,`password`,`age`,`volume`,`birthday`,`favoriteColor`,`cv`,`bio`,`country`,`language`,`framework`,`gender`,`termsAccepted`],zx=()=>{let{control:e,handleSubmit:t,setValue:n,getValues:r,trigger:i}=_h({defaultValues:Px,mode:`onTouched`,shouldFocusError:!0}),a=()=>{Rx.forEach(e=>{n(e,r(e),{shouldTouch:!0,shouldValidate:!0})})},o=e=>{alert(JSON.stringify(e,null,2))},s=e=>{a(),i(void 0,{shouldFocus:!0}),console.warn(`Validation errors:`,e)};return(0,J.jsxs)(J.Fragment,{children:[(0,J.jsx)(X,{children:(0,J.jsx)(`p`,{children:`This sample demonstrates a form using React Hook Form with KoliBri adapters wrapped in a KolForm. All inputs are validated, and error messages are shown on submit.`})}),(0,J.jsx)(oe,{className:`w-full max-w-xl`,_on:{onSubmit:e=>{t(o,s)(e)}},children:(0,J.jsxs)(`div`,{className:`grid gap-4`,children:[(0,J.jsx)(bx,{name:`firstName`,control:e,_label:`First Name`,rules:{required:`First name is required`},_required:!0}),(0,J.jsx)(bx,{name:`lastName`,control:e,_label:`Last Name`,rules:{required:`Last name is required`},_required:!0}),(0,J.jsx)(Sx,{name:`email`,control:e,_label:`Email`,rules:{required:`Email is required`},_required:!0}),(0,J.jsx)(xx,{name:`password`,control:e,_label:`Password`,rules:{required:`Password is required`},_required:!0}),(0,J.jsx)(Cx,{name:`age`,control:e,_label:`Age`,rules:{required:`Age is required`,min:0},_required:!0}),(0,J.jsx)(wx,{name:`volume`,control:e,_label:`Volume (0–100)`,_min:0,_max:100}),(0,J.jsx)(Tx,{name:`birthday`,control:e,_label:`Birthday`,rules:{required:`Birthday is required`}}),(0,J.jsx)(Ex,{name:`favoriteColor`,control:e,_label:`Favorite Color`,id:`favoriteColor`}),(0,J.jsx)(Dx,{name:`cv`,control:e,_label:`Upload CV`,rules:{required:`Please upload your CV`},_required:!0}),(0,J.jsx)(Ox,{name:`bio`,control:e,_label:`Bio`,rules:{required:`Please provide a short bio`},_required:!0}),(0,J.jsx)(kx,{control:e,rules:{required:`Please select a country`},name:`country`,_label:`Country`,_suggestions:af,_required:!0}),(0,J.jsx)(Ax,{control:e,rules:{required:`Please select a language`},name:`language`,_label:`Preferred Language`,_options:Fx,_required:!0}),(0,J.jsx)(jx,{rules:{required:`Please select a framework`},control:e,name:`framework`,_label:`Favorite Framework`,_options:Ix,_required:!0}),(0,J.jsx)(Mx,{control:e,rules:{required:`Please select your gender`},name:`gender`,_label:`Gender`,_options:Lx,_required:!0}),(0,J.jsx)(Nx,{name:`termsAccepted`,control:e,_label:`I accept the terms and conditions`,rules:{required:`You must accept the terms`},_required:!0}),(0,J.jsx)(k,{_label:`Submit`,_type:`submit`})]})})]})},Bx={first:``,second:``},Vx=()=>{let{control:e,handleSubmit:t,watch:n}=_h({defaultValues:Bx}),r=e=>{alert(JSON.stringify(e,null,2))};return(0,J.jsxs)(J.Fragment,{children:[(0,J.jsx)(X,{children:(0,J.jsx)(`p`,{children:`This sample shows two fields of which just one can be filled. The other gets disabled.`})}),(0,J.jsx)(oe,{className:`w-full max-w-xl`,_on:{onSubmit:e=>{t(r)(e)}},children:(0,J.jsxs)(`div`,{className:`grid gap-4`,children:[(0,J.jsx)(bx,{name:`first`,control:e,_label:`First`,_disabled:!!n(`second`)}),(0,J.jsx)(bx,{name:`second`,control:e,_label:`Second`,_disabled:!!n(`first`)}),(0,J.jsx)(k,{_label:`Submit`,_type:`submit`})]})})]})},Hx=()=>{let{dummyClickEventHandler:e}=zd(),t={onClick:e};return(0,J.jsxs)(J.Fragment,{children:[(0,J.jsx)(X,{children:(0,J.jsx)(`p`,{children:`All interactive elements, such as buttons and input fields, should have the same height to ensure a consistent and visually balanced user interface.`})}),(0,J.jsxs)(`div`,{className:`w-full flex flex-wrap gap-4`,children:[(0,J.jsx)(k,{_icons:`fa-solid fa-house`,_label:`Button`,_on:t}),(0,J.jsx)(k,{_hideLabel:!0,_icons:`fa-solid fa-house`,_label:`Button`,_on:t}),(0,J.jsx)(ge,{_href:`#`,_icons:`fa-solid fa-house`,_label:`Link-Button`,_on:t}),(0,J.jsx)(ge,{_hideLabel:!0,_href:`#`,_icons:`fa-solid fa-house`,_label:`Link-Button`,_on:t}),(0,J.jsx)(M,{_hideLabel:!0,_icons:`fa-solid fa-house`,_label:`Combobox`,_suggestions:[]}),(0,J.jsx)(ce,{_hideLabel:!0,_icons:{left:`fa-solid fa-house`},_label:`Input-Color`}),(0,J.jsx)(ue,{_hideLabel:!0,_icons:`fa-solid fa-house`,_label:`Input-File`}),(0,J.jsx)(I,{_hideLabel:!0,_icons:`fa-solid fa-house`,_label:`Input-Date`}),(0,J.jsx)(le,{_hideLabel:!0,_icons:`fa-solid fa-house`,_label:`Input-Email`}),(0,J.jsx)(de,{_hideLabel:!0,_icons:`fa-solid fa-house`,_label:`Input-Number`}),(0,J.jsx)(fe,{_hideLabel:!0,_icons:`fa-solid fa-house`,_label:`Input-Password`}),(0,J.jsx)(me,{_hideLabel:!0,_icons:`fa-solid fa-house`,_label:`Input-Range`}),(0,J.jsx)(L,{_hideLabel:!0,_icons:`fa-solid fa-house`,_label:`Input-Text`}),(0,J.jsx)(Ce,{_hideLabel:!0,_icons:`fa-solid fa-house`,_label:`Combobox`,_options:[]}),(0,J.jsx)(we,{_hideLabel:!0,_icons:`fa-solid fa-house`,_label:`Combobox`,_options:[]}),(0,J.jsx)(B,{_hideLabel:!0,_icons:`fa-solid fa-house`,_label:`Combobox`})]})]})},Ux=(e,t,n)=>{if(e&&`reportValidity`in e){let r=Z(n,t);e.setCustomValidity(r&&r.message||``),e.reportValidity()}},Wx=(e,t)=>{for(let n in t.fields){let r=t.fields[n];r&&r.ref&&`reportValidity`in r.ref?Ux(r.ref,n,e):r&&r.refs&&r.refs.forEach(t=>Ux(t,n,e))}},Gx=(e,t)=>{t.shouldUseNativeValidation&&Wx(e,t);let n={};for(let r in e){let i=Z(t.fields,r),a=Object.assign(e[r]||{},{ref:i&&i.ref});if(Kx(t.names||Object.keys(e),r)){let e=Object.assign({},Z(n,r));cm(e,`root`,a),cm(n,r,e)}else cm(n,r,a)}return n},Kx=(e,t)=>{let n=qx(t).replace(/[.*+?^${}()|\\]/g,`\\$&`);return e.some(e=>qx(e).match(`^${n}\\.\\d+`))};function qx(e){return e.replace(/[\[\]]/g,``)}var Jx;function Q(e,t,n){function r(n,r){if(n._zod||Object.defineProperty(n,"_zod",{value:{def:r,constr:o,traits:new Set},enumerable:!1}),n._zod.traits.has(e))return;n._zod.traits.add(e),t(n,r);let i=o.prototype,a=Object.keys(i);for(let e=0;e<a.length;e++){let t=a[e];t in n||(n[t]=i[t].bind(n))}}let i=n?.Parent??Object;class a extends i{}Object.defineProperty(a,"name",{value:e});function o(e){var t;let i=n?.Parent?new a:this;r(i,e),(t=i._zod).deferred??(t.deferred=[]);for(let e of i._zod.deferred)e();return i}return Object.defineProperty(o,"init",{value:r}),Object.defineProperty(o,Symbol.hasInstance,{value:t=>n?.Parent&&t instanceof n.Parent?!0:t?._zod?.traits?.has(e)}),Object.defineProperty(o,"name",{value:e}),o}var Yx=class extends Error{constructor(){super(`Encountered Promise during synchronous parse. Use .parseAsync() instead.`)}},Xx=class extends Error{constructor(e){super(`Encountered unidirectional transform during encode: ${e}`),this.name=`ZodEncodeError`}};(Jx=globalThis).__zod_globalConfig??(Jx.__zod_globalConfig={});var Zx=globalThis.__zod_globalConfig;function Qx(e){return e&&Object.assign(Zx,e),Zx}function $x(e){let t=Object.values(e).filter(e=>typeof e==`number`);return Object.entries(e).filter(([e,n])=>t.indexOf(+e)===-1).map(([e,t])=>t)}function eS(e,t){return typeof t==`bigint`?t.toString():t}function tS(e){return{get value(){{let t=e();return Object.defineProperty(this,"value",{value:t}),t}throw Error(`cached value already set`)}}}function nS(e){return e==null}function rS(e){let t=+!!e.startsWith(`^`),n=e.endsWith(`$`)?e.length-1:e.length;return e.slice(t,n)}function iS(e,t){let n=e/t,r=Math.round(n),i=2**-52*Math.max(Math.abs(n),1);return Math.abs(n-r)<i?0:n-r}var aS=Symbol(`evaluating`);function oS(e,t,n){let r;Object.defineProperty(e,t,{get(){if(r!==aS)return r===void 0&&(r=aS,r=n()),r},set(n){Object.defineProperty(e,t,{value:n})},configurable:!0})}function sS(e,t,n){Object.defineProperty(e,t,{value:n,writable:!0,enumerable:!0,configurable:!0})}function cS(...e){let t={};for(let n of e)Object.assign(t,Object.getOwnPropertyDescriptors(n));return Object.defineProperties({},t)}function lS(e){return JSON.stringify(e)}function uS(e){return e.toLowerCase().trim().replace(/[^\w\s-]/g,``).replace(/[\s_-]+/g,`-`).replace(/^-+|-+$/g,``)}var dS=`captureStackTrace`in Error?Error.captureStackTrace:(...e)=>{};function fS(e){return typeof e==`object`&&!!e&&!Array.isArray(e)}var pS=tS(()=>{if(Zx.jitless||typeof navigator<`u`&&navigator?.userAgent?.includes(`Cloudflare`))return!1;try{return Function(``),!0}catch{return!1}});function mS(e){if(fS(e)===!1)return!1;let t=e.constructor;if(t===void 0||typeof t!=`function`)return!0;let n=t.prototype;return!(fS(n)===!1||Object.prototype.hasOwnProperty.call(n,`isPrototypeOf`)===!1)}function hS(e){return mS(e)?{...e}:Array.isArray(e)?[...e]:e instanceof Map?new Map(e):e instanceof Set?new Set(e):e}var gS=new Set([`string`,`number`,`symbol`]);function _S(e){return e.replace(/[.*+?^${}()|[\]\\]/g,`\\$&`)}function vS(e,t,n){let r=new e._zod.constr(t??e._zod.def);return(!t||n?.parent)&&(r._zod.parent=e),r}function $(e){let t=e;if(!t)return{};if(typeof t==`string`)return{error:()=>t};if(t?.message!==void 0){if(t?.error!==void 0)throw Error("Cannot specify both `message` and `error` params");t.error=t.message}return delete t.message,typeof t.error==`string`?{...t,error:()=>t.error}:t}function yS(e){return Object.keys(e).filter(t=>e[t]._zod.optin===`optional`&&e[t]._zod.optout===`optional`)}var bS={safeint:[-(2**53-1),2**53-1],int32:[-2147483648,2147483647],uint32:[0,4294967295],float32:[-34028234663852886e22,34028234663852886e22],float64:[-Number.MAX_VALUE,Number.MAX_VALUE]};function xS(e,t){let n=e._zod.def,r=n.checks;if(r&&r.length>0)throw Error(`.pick() cannot be used on object schemas containing refinements`);return vS(e,cS(e._zod.def,{get shape(){let e={};for(let r in t){if(!(r in n.shape))throw Error(`Unrecognized key: "${r}"`);t[r]&&(e[r]=n.shape[r])}return sS(this,`shape`,e),e},checks:[]}))}function SS(e,t){let n=e._zod.def,r=n.checks;if(r&&r.length>0)throw Error(`.omit() cannot be used on object schemas containing refinements`);return vS(e,cS(e._zod.def,{get shape(){let r={...e._zod.def.shape};for(let e in t){if(!(e in n.shape))throw Error(`Unrecognized key: "${e}"`);t[e]&&delete r[e]}return sS(this,`shape`,r),r},checks:[]}))}function CS(e,t){if(!mS(t))throw Error(`Invalid input to extend: expected a plain object`);let n=e._zod.def.checks;if(n&&n.length>0){let n=e._zod.def.shape;for(let e in t)if(Object.getOwnPropertyDescriptor(n,e)!==void 0)throw Error("Cannot overwrite keys on object schemas containing refinements. Use `.safeExtend()` instead.")}return vS(e,cS(e._zod.def,{get shape(){let n={...e._zod.def.shape,...t};return sS(this,`shape`,n),n}}))}function wS(e,t){if(!mS(t))throw Error(`Invalid input to safeExtend: expected a plain object`);return vS(e,cS(e._zod.def,{get shape(){let n={...e._zod.def.shape,...t};return sS(this,`shape`,n),n}}))}function TS(e,t){if(e._zod.def.checks?.length)throw Error(`.merge() cannot be used on object schemas containing refinements. Use .safeExtend() instead.`);return vS(e,cS(e._zod.def,{get shape(){let n={...e._zod.def.shape,...t._zod.def.shape};return sS(this,`shape`,n),n},get catchall(){return t._zod.def.catchall},checks:t._zod.def.checks??[]}))}function ES(e,t,n){let r=t._zod.def.checks;if(r&&r.length>0)throw Error(`.partial() cannot be used on object schemas containing refinements`);return vS(t,cS(t._zod.def,{get shape(){let r=t._zod.def.shape,i={...r};if(n)for(let t in n){if(!(t in r))throw Error(`Unrecognized key: "${t}"`);n[t]&&(i[t]=e?new e({type:`optional`,innerType:r[t]}):r[t])}else for(let t in r)i[t]=e?new e({type:`optional`,innerType:r[t]}):r[t];return sS(this,`shape`,i),i},checks:[]}))}function DS(e,t,n){return vS(t,cS(t._zod.def,{get shape(){let r=t._zod.def.shape,i={...r};if(n)for(let t in n){if(!(t in i))throw Error(`Unrecognized key: "${t}"`);n[t]&&(i[t]=new e({type:`nonoptional`,innerType:r[t]}))}else for(let t in r)i[t]=new e({type:`nonoptional`,innerType:r[t]});return sS(this,`shape`,i),i}}))}function OS(e,t=0){if(e.aborted===!0)return!0;for(let n=t;n<e.issues.length;n++)if(e.issues[n]?.continue!==!0)return!0;return!1}function kS(e,t=0){if(e.aborted===!0)return!0;for(let n=t;n<e.issues.length;n++)if(e.issues[n]?.continue===!1)return!0;return!1}function AS(e,t){return t.map(t=>{var n;return(n=t).path??(n.path=[]),t.path.unshift(e),t})}function jS(e){return typeof e==`string`?e:e?.message}function MS(e,t,n){let r=e.message?e.message:jS(e.inst?._zod.def?.error?.(e))??jS(t?.error?.(e))??jS(n.customError?.(e))??jS(n.localeError?.(e))??`Invalid input`,{inst:i,continue:a,input:o,...s}=e;return s.path??=[],s.message=r,t?.reportInput&&(s.input=o),s}function NS(e){return Array.isArray(e)?`array`:typeof e==`string`?`string`:`unknown`}function PS(...e){let[t,n,r]=e;return typeof t==`string`?{message:t,code:`custom`,input:n,inst:r}:{...t}}var FS=(e,t)=>{e.name=`$ZodError`,Object.defineProperty(e,"_zod",{value:e._zod,enumerable:!1}),Object.defineProperty(e,"issues",{value:t,enumerable:!1}),e.message=JSON.stringify(t,eS,2),Object.defineProperty(e,"toString",{value:()=>e.message,enumerable:!1})},IS=Q(`$ZodError`,FS),LS=Q(`$ZodError`,FS,{Parent:Error});function RS(e,t=e=>e.message){let n={},r=[];for(let i of e.issues)i.path.length>0?(n[i.path[0]]=n[i.path[0]]||[],n[i.path[0]].push(t(i))):r.push(t(i));return{formErrors:r,fieldErrors:n}}function zS(e,t=e=>e.message){let n={_errors:[]},r=(e,i=[])=>{for(let a of e.issues)if(a.code===`invalid_union`&&a.errors.length)a.errors.map(e=>r({issues:e},[...i,...a.path]));else if(a.code===`invalid_key`)r({issues:a.issues},[...i,...a.path]);else if(a.code===`invalid_element`)r({issues:a.issues},[...i,...a.path]);else{let e=[...i,...a.path];if(e.length===0)n._errors.push(t(a));else{let r=n,i=0;for(;i<e.length;){let n=e[i];i===e.length-1?(r[n]=r[n]||{_errors:[]},r[n]._errors.push(t(a))):r[n]=r[n]||{_errors:[]},r=r[n],i++}}}};return r(e),n}var BS=e=>(t,n,r,i)=>{let a=r?{...r,async:!1}:{async:!1},o=t._zod.run({value:n,issues:[]},a);if(o instanceof Promise)throw new Yx;if(o.issues.length){let t=new(i?.Err??e)(o.issues.map(e=>MS(e,a,Qx())));throw dS(t,i?.callee),t}return o.value},VS=BS(LS),HS=e=>async(t,n,r,i)=>{let a=r?{...r,async:!0}:{async:!0},o=t._zod.run({value:n,issues:[]},a);if(o instanceof Promise&&(o=await o),o.issues.length){let t=new(i?.Err??e)(o.issues.map(e=>MS(e,a,Qx())));throw dS(t,i?.callee),t}return o.value},US=HS(LS),WS=e=>(t,n,r)=>{let i=r?{...r,async:!1}:{async:!1},a=t._zod.run({value:n,issues:[]},i);if(a instanceof Promise)throw new Yx;return a.issues.length?{success:!1,error:new(e??IS)(a.issues.map(e=>MS(e,i,Qx())))}:{success:!0,data:a.value}},GS=WS(LS),KS=e=>async(t,n,r)=>{let i=r?{...r,async:!0}:{async:!0},a=t._zod.run({value:n,issues:[]},i);return a instanceof Promise&&(a=await a),a.issues.length?{success:!1,error:new e(a.issues.map(e=>MS(e,i,Qx())))}:{success:!0,data:a.value}},qS=KS(LS),JS=e=>(t,n,r)=>{let i=r?{...r,direction:`backward`}:{direction:`backward`};return BS(e)(t,n,i)},YS=e=>(t,n,r)=>BS(e)(t,n,r),XS=e=>async(t,n,r)=>{let i=r?{...r,direction:`backward`}:{direction:`backward`};return HS(e)(t,n,i)},ZS=e=>async(t,n,r)=>HS(e)(t,n,r),QS=e=>(t,n,r)=>{let i=r?{...r,direction:`backward`}:{direction:`backward`};return WS(e)(t,n,i)},$S=e=>(t,n,r)=>WS(e)(t,n,r),eC=e=>async(t,n,r)=>{let i=r?{...r,direction:`backward`}:{direction:`backward`};return KS(e)(t,n,i)},tC=e=>async(t,n,r)=>KS(e)(t,n,r),nC=/^[cC][0-9a-z]{6,}$/,rC=/^[0-9a-z]+$/,iC=/^[0-9A-HJKMNP-TV-Za-hjkmnp-tv-z]{26}$/,aC=/^[0-9a-vA-V]{20}$/,oC=/^[A-Za-z0-9]{27}$/,sC=/^[a-zA-Z0-9_-]{21}$/,cC=/^P(?:(\d+W)|(?!.*W)(?=\d|T\d)(\d+Y)?(\d+M)?(\d+D)?(T(?=\d)(\d+H)?(\d+M)?(\d+([.,]\d+)?S)?)?)$/,lC=/^([0-9a-fA-F]{8}-[0-9a-fA-F]{4}-[0-9a-fA-F]{4}-[0-9a-fA-F]{4}-[0-9a-fA-F]{12})$/,uC=e=>e?RegExp(`^([0-9a-fA-F]{8}-[0-9a-fA-F]{4}-${e}[0-9a-fA-F]{3}-[89abAB][0-9a-fA-F]{3}-[0-9a-fA-F]{12})$`):/^([0-9a-fA-F]{8}-[0-9a-fA-F]{4}-[1-8][0-9a-fA-F]{3}-[89abAB][0-9a-fA-F]{3}-[0-9a-fA-F]{12}|00000000-0000-0000-0000-000000000000|ffffffff-ffff-ffff-ffff-ffffffffffff)$/,dC=/^(?!\.)(?!.*\.\.)([A-Za-z0-9_'+\-\.]*)[A-Za-z0-9_+-]@([A-Za-z0-9][A-Za-z0-9\-]*\.)+[A-Za-z]{2,}$/,fC=`^(\\p{Extended_Pictographic}|\\p{Emoji_Component})+$`;function pC(){return new RegExp(fC,`u`)}var mC=/^(?:(?:25[0-5]|2[0-4][0-9]|1[0-9][0-9]|[1-9][0-9]|[0-9])\.){3}(?:25[0-5]|2[0-4][0-9]|1[0-9][0-9]|[1-9][0-9]|[0-9])$/,hC=/^(([0-9a-fA-F]{1,4}:){7}[0-9a-fA-F]{1,4}|([0-9a-fA-F]{1,4}:){1,7}:|([0-9a-fA-F]{1,4}:){1,6}:[0-9a-fA-F]{1,4}|([0-9a-fA-F]{1,4}:){1,5}(:[0-9a-fA-F]{1,4}){1,2}|([0-9a-fA-F]{1,4}:){1,4}(:[0-9a-fA-F]{1,4}){1,3}|([0-9a-fA-F]{1,4}:){1,3}(:[0-9a-fA-F]{1,4}){1,4}|([0-9a-fA-F]{1,4}:){1,2}(:[0-9a-fA-F]{1,4}){1,5}|[0-9a-fA-F]{1,4}:((:[0-9a-fA-F]{1,4}){1,6})|:((:[0-9a-fA-F]{1,4}){1,7}|:))$/,gC=/^((25[0-5]|2[0-4][0-9]|1[0-9][0-9]|[1-9][0-9]|[0-9])\.){3}(25[0-5]|2[0-4][0-9]|1[0-9][0-9]|[1-9][0-9]|[0-9])\/([0-9]|[1-2][0-9]|3[0-2])$/,_C=/^(([0-9a-fA-F]{1,4}:){7}[0-9a-fA-F]{1,4}|::|([0-9a-fA-F]{1,4})?::([0-9a-fA-F]{1,4}:?){0,6})\/(12[0-8]|1[01][0-9]|[1-9]?[0-9])$/,vC=/^$|^(?:[0-9a-zA-Z+/]{4})*(?:(?:[0-9a-zA-Z+/]{2}==)|(?:[0-9a-zA-Z+/]{3}=))?$/,yC=/^[A-Za-z0-9_-]*$/,bC=/^https?$/,xC=/^\+[1-9]\d{6,14}$/,SC=`(?:(?:\\d\\d[2468][048]|\\d\\d[13579][26]|\\d\\d0[48]|[02468][048]00|[13579][26]00)-02-29|\\d{4}-(?:(?:0[13578]|1[02])-(?:0[1-9]|[12]\\d|3[01])|(?:0[469]|11)-(?:0[1-9]|[12]\\d|30)|(?:02)-(?:0[1-9]|1\\d|2[0-8])))`,CC=RegExp(`^${SC}$`);function wC(e){let t=`(?:[01]\\d|2[0-3]):[0-5]\\d`;return typeof e.precision==`number`?e.precision===-1?`${t}`:e.precision===0?`${t}:[0-5]\\d`:`${t}:[0-5]\\d\\.\\d{${e.precision}}`:`${t}(?::[0-5]\\d(?:\\.\\d+)?)?`}function TC(e){return RegExp(`^${wC(e)}$`)}function EC(e){let t=wC({precision:e.precision}),n=[`Z`];e.local&&n.push(``),e.offset&&n.push(`([+-](?:[01]\\d|2[0-3]):[0-5]\\d)`);let r=`${t}(?:${n.join(`|`)})`;return RegExp(`^${SC}T(?:${r})$`)}var DC=e=>{let t=e?`[\\s\\S]{${e?.minimum??0},${e?.maximum??``}}`:`[\\s\\S]*`;return RegExp(`^${t}$`)},OC=/^-?\d+$/,kC=/^-?\d+(?:\.\d+)?$/,AC=/^(?:true|false)$/i,jC=/^[^A-Z]*$/,MC=/^[^a-z]*$/,NC=Q(`$ZodCheck`,(e,t)=>{var n;e._zod??={},e._zod.def=t,(n=e._zod).onattach??(n.onattach=[])}),PC={number:`number`,bigint:`bigint`,object:`date`},FC=Q(`$ZodCheckLessThan`,(e,t)=>{NC.init(e,t);let n=PC[typeof t.value];e._zod.onattach.push(e=>{let n=e._zod.bag,r=(t.inclusive?n.maximum:n.exclusiveMaximum)??1/0;t.value<r&&(t.inclusive?n.maximum=t.value:n.exclusiveMaximum=t.value)}),e._zod.check=r=>{(t.inclusive?r.value<=t.value:r.value<t.value)||r.issues.push({origin:n,code:`too_big`,maximum:typeof t.value==`object`?t.value.getTime():t.value,input:r.value,inclusive:t.inclusive,inst:e,continue:!t.abort})}}),IC=Q(`$ZodCheckGreaterThan`,(e,t)=>{NC.init(e,t);let n=PC[typeof t.value];e._zod.onattach.push(e=>{let n=e._zod.bag,r=(t.inclusive?n.minimum:n.exclusiveMinimum)??-1/0;t.value>r&&(t.inclusive?n.minimum=t.value:n.exclusiveMinimum=t.value)}),e._zod.check=r=>{(t.inclusive?r.value>=t.value:r.value>t.value)||r.issues.push({origin:n,code:`too_small`,minimum:typeof t.value==`object`?t.value.getTime():t.value,input:r.value,inclusive:t.inclusive,inst:e,continue:!t.abort})}}),LC=Q(`$ZodCheckMultipleOf`,(e,t)=>{NC.init(e,t),e._zod.onattach.push(e=>{var n;(n=e._zod.bag).multipleOf??(n.multipleOf=t.value)}),e._zod.check=n=>{if(typeof n.value!=typeof t.value)throw Error(`Cannot mix number and bigint in multiple_of check.`);(typeof n.value==`bigint`?n.value%t.value===BigInt(0):iS(n.value,t.value)===0)||n.issues.push({origin:typeof n.value,code:`not_multiple_of`,divisor:t.value,input:n.value,inst:e,continue:!t.abort})}}),RC=Q(`$ZodCheckNumberFormat`,(e,t)=>{NC.init(e,t),t.format=t.format||`float64`;let n=t.format?.includes(`int`),r=n?`int`:`number`,[i,a]=bS[t.format];e._zod.onattach.push(e=>{let r=e._zod.bag;r.format=t.format,r.minimum=i,r.maximum=a,n&&(r.pattern=OC)}),e._zod.check=o=>{let s=o.value;if(n){if(!Number.isInteger(s)){o.issues.push({expected:r,format:t.format,code:`invalid_type`,continue:!1,input:s,inst:e});return}if(!Number.isSafeInteger(s)){s>0?o.issues.push({input:s,code:`too_big`,maximum:2**53-1,note:`Integers must be within the safe integer range.`,inst:e,origin:r,inclusive:!0,continue:!t.abort}):o.issues.push({input:s,code:`too_small`,minimum:-(2**53-1),note:`Integers must be within the safe integer range.`,inst:e,origin:r,inclusive:!0,continue:!t.abort});return}}s<i&&o.issues.push({origin:`number`,input:s,code:`too_small`,minimum:i,inclusive:!0,inst:e,continue:!t.abort}),s>a&&o.issues.push({origin:`number`,input:s,code:`too_big`,maximum:a,inclusive:!0,inst:e,continue:!t.abort})}}),zC=Q(`$ZodCheckMaxLength`,(e,t)=>{var n;NC.init(e,t),(n=e._zod.def).when??(n.when=e=>{let t=e.value;return!nS(t)&&t.length!==void 0}),e._zod.onattach.push(e=>{let n=e._zod.bag.maximum??1/0;t.maximum<n&&(e._zod.bag.maximum=t.maximum)}),e._zod.check=n=>{let r=n.value;if(r.length<=t.maximum)return;let i=NS(r);n.issues.push({origin:i,code:`too_big`,maximum:t.maximum,inclusive:!0,input:r,inst:e,continue:!t.abort})}}),BC=Q(`$ZodCheckMinLength`,(e,t)=>{var n;NC.init(e,t),(n=e._zod.def).when??(n.when=e=>{let t=e.value;return!nS(t)&&t.length!==void 0}),e._zod.onattach.push(e=>{let n=e._zod.bag.minimum??-1/0;t.minimum>n&&(e._zod.bag.minimum=t.minimum)}),e._zod.check=n=>{let r=n.value;if(r.length>=t.minimum)return;let i=NS(r);n.issues.push({origin:i,code:`too_small`,minimum:t.minimum,inclusive:!0,input:r,inst:e,continue:!t.abort})}}),VC=Q(`$ZodCheckLengthEquals`,(e,t)=>{var n;NC.init(e,t),(n=e._zod.def).when??(n.when=e=>{let t=e.value;return!nS(t)&&t.length!==void 0}),e._zod.onattach.push(e=>{let n=e._zod.bag;n.minimum=t.length,n.maximum=t.length,n.length=t.length}),e._zod.check=n=>{let r=n.value,i=r.length;if(i===t.length)return;let a=NS(r),o=i>t.length;n.issues.push({origin:a,...o?{code:`too_big`,maximum:t.length}:{code:`too_small`,minimum:t.length},inclusive:!0,exact:!0,input:n.value,inst:e,continue:!t.abort})}}),HC=Q(`$ZodCheckStringFormat`,(e,t)=>{var n,r;NC.init(e,t),e._zod.onattach.push(e=>{let n=e._zod.bag;n.format=t.format,t.pattern&&(n.patterns??=new Set,n.patterns.add(t.pattern))}),t.pattern?(n=e._zod).check??(n.check=n=>{t.pattern.lastIndex=0,!t.pattern.test(n.value)&&n.issues.push({origin:`string`,code:`invalid_format`,format:t.format,input:n.value,...t.pattern?{pattern:t.pattern.toString()}:{},inst:e,continue:!t.abort})}):(r=e._zod).check??(r.check=()=>{})}),UC=Q(`$ZodCheckRegex`,(e,t)=>{HC.init(e,t),e._zod.check=n=>{t.pattern.lastIndex=0,!t.pattern.test(n.value)&&n.issues.push({origin:`string`,code:`invalid_format`,format:`regex`,input:n.value,pattern:t.pattern.toString(),inst:e,continue:!t.abort})}}),WC=Q(`$ZodCheckLowerCase`,(e,t)=>{t.pattern??=jC,HC.init(e,t)}),GC=Q(`$ZodCheckUpperCase`,(e,t)=>{t.pattern??=MC,HC.init(e,t)}),KC=Q(`$ZodCheckIncludes`,(e,t)=>{NC.init(e,t);let n=_S(t.includes),r=new RegExp(typeof t.position==`number`?`^.{${t.position}}${n}`:n);t.pattern=r,e._zod.onattach.push(e=>{let t=e._zod.bag;t.patterns??=new Set,t.patterns.add(r)}),e._zod.check=n=>{n.value.includes(t.includes,t.position)||n.issues.push({origin:`string`,code:`invalid_format`,format:`includes`,includes:t.includes,input:n.value,inst:e,continue:!t.abort})}}),qC=Q(`$ZodCheckStartsWith`,(e,t)=>{NC.init(e,t);let n=RegExp(`^${_S(t.prefix)}.*`);t.pattern??=n,e._zod.onattach.push(e=>{let t=e._zod.bag;t.patterns??=new Set,t.patterns.add(n)}),e._zod.check=n=>{n.value.startsWith(t.prefix)||n.issues.push({origin:`string`,code:`invalid_format`,format:`starts_with`,prefix:t.prefix,input:n.value,inst:e,continue:!t.abort})}}),JC=Q(`$ZodCheckEndsWith`,(e,t)=>{NC.init(e,t);let n=RegExp(`.*${_S(t.suffix)}$`);t.pattern??=n,e._zod.onattach.push(e=>{let t=e._zod.bag;t.patterns??=new Set,t.patterns.add(n)}),e._zod.check=n=>{n.value.endsWith(t.suffix)||n.issues.push({origin:`string`,code:`invalid_format`,format:`ends_with`,suffix:t.suffix,input:n.value,inst:e,continue:!t.abort})}}),YC=Q(`$ZodCheckOverwrite`,(e,t)=>{NC.init(e,t),e._zod.check=e=>{e.value=t.tx(e.value)}}),XC=class{constructor(e=[]){this.content=[],this.indent=0,this&&(this.args=e)}indented(e){this.indent+=1,e(this),--this.indent}write(e){if(typeof e==`function`){e(this,{execution:`sync`}),e(this,{execution:`async`});return}let t=e.split(`
|
|
96
|
+
`).filter(e=>e),n=Math.min(...t.map(e=>e.length-e.trimStart().length)),r=t.map(e=>e.slice(n)).map(e=>` `.repeat(this.indent*2)+e);for(let e of r)this.content.push(e)}compile(){let e=Function,t=this?.args,n=[...(this?.content??[``]).map(e=>` ${e}`)];return new e(...t,n.join(`
|
|
97
|
+
`))}},ZC={major:4,minor:4,patch:3},QC=Q(`$ZodType`,(e,t)=>{var n;e??={},e._zod.def=t,e._zod.bag=e._zod.bag||{},e._zod.version=ZC;let r=[...e._zod.def.checks??[]];e._zod.traits.has(`$ZodCheck`)&&r.unshift(e);for(let t of r)for(let n of t._zod.onattach)n(e);if(r.length===0)(n=e._zod).deferred??(n.deferred=[]),e._zod.deferred?.push(()=>{e._zod.run=e._zod.parse});else{let t=(e,t,n)=>{let r=OS(e),i;for(let a of t){if(a._zod.def.when){if(kS(e)||!a._zod.def.when(e))continue}else if(r)continue;let t=e.issues.length,o=a._zod.check(e);if(o instanceof Promise&&n?.async===!1)throw new Yx;if(i||o instanceof Promise)i=(i??Promise.resolve()).then(async()=>{await o,e.issues.length!==t&&(r||=OS(e,t))});else{if(e.issues.length===t)continue;r||=OS(e,t)}}return i?i.then(()=>e):e},n=(n,i,a)=>{if(OS(n))return n.aborted=!0,n;let o=t(i,r,a);if(o instanceof Promise){if(a.async===!1)throw new Yx;return o.then(t=>e._zod.parse(t,a))}return e._zod.parse(o,a)};e._zod.run=(i,a)=>{if(a.skipChecks)return e._zod.parse(i,a);if(a.direction===`backward`){let t=e._zod.parse({value:i.value,issues:[]},{...a,skipChecks:!0});return t instanceof Promise?t.then(e=>n(e,i,a)):n(t,i,a)}let o=e._zod.parse(i,a);if(o instanceof Promise){if(a.async===!1)throw new Yx;return o.then(e=>t(e,r,a))}return t(o,r,a)}}oS(e,`~standard`,()=>({validate:t=>{try{let n=GS(e,t);return n.success?{value:n.data}:{issues:n.error?.issues}}catch{return qS(e,t).then(e=>e.success?{value:e.data}:{issues:e.error?.issues})}},vendor:`zod`,version:1}))}),$C=Q(`$ZodString`,(e,t)=>{QC.init(e,t),e._zod.pattern=[...e?._zod.bag?.patterns??[]].pop()??DC(e._zod.bag),e._zod.parse=(n,r)=>{if(t.coerce)try{n.value=String(n.value)}catch{}return typeof n.value==`string`||n.issues.push({expected:`string`,code:`invalid_type`,input:n.value,inst:e}),n}}),ew=Q(`$ZodStringFormat`,(e,t)=>{HC.init(e,t),$C.init(e,t)}),tw=Q(`$ZodGUID`,(e,t)=>{t.pattern??=lC,ew.init(e,t)}),nw=Q(`$ZodUUID`,(e,t)=>{if(t.version){let e={v1:1,v2:2,v3:3,v4:4,v5:5,v6:6,v7:7,v8:8}[t.version];if(e===void 0)throw Error(`Invalid UUID version: "${t.version}"`);t.pattern??=uC(e)}else t.pattern??=uC();ew.init(e,t)}),rw=Q(`$ZodEmail`,(e,t)=>{t.pattern??=dC,ew.init(e,t)}),iw=Q(`$ZodURL`,(e,t)=>{ew.init(e,t),e._zod.check=n=>{try{let r=n.value.trim();if(!t.normalize&&t.protocol?.source===bC.source&&!/^https?:\/\//i.test(r)){n.issues.push({code:`invalid_format`,format:`url`,note:`Invalid URL format`,input:n.value,inst:e,continue:!t.abort});return}let i=new URL(r);t.hostname&&(t.hostname.lastIndex=0,t.hostname.test(i.hostname)||n.issues.push({code:`invalid_format`,format:`url`,note:`Invalid hostname`,pattern:t.hostname.source,input:n.value,inst:e,continue:!t.abort})),t.protocol&&(t.protocol.lastIndex=0,t.protocol.test(i.protocol.endsWith(`:`)?i.protocol.slice(0,-1):i.protocol)||n.issues.push({code:`invalid_format`,format:`url`,note:`Invalid protocol`,pattern:t.protocol.source,input:n.value,inst:e,continue:!t.abort})),t.normalize?n.value=i.href:n.value=r;return}catch{n.issues.push({code:`invalid_format`,format:`url`,input:n.value,inst:e,continue:!t.abort})}}}),aw=Q(`$ZodEmoji`,(e,t)=>{t.pattern??=pC(),ew.init(e,t)}),ow=Q(`$ZodNanoID`,(e,t)=>{t.pattern??=sC,ew.init(e,t)}),sw=Q(`$ZodCUID`,(e,t)=>{t.pattern??=nC,ew.init(e,t)}),cw=Q(`$ZodCUID2`,(e,t)=>{t.pattern??=rC,ew.init(e,t)}),lw=Q(`$ZodULID`,(e,t)=>{t.pattern??=iC,ew.init(e,t)}),uw=Q(`$ZodXID`,(e,t)=>{t.pattern??=aC,ew.init(e,t)}),dw=Q(`$ZodKSUID`,(e,t)=>{t.pattern??=oC,ew.init(e,t)}),fw=Q(`$ZodISODateTime`,(e,t)=>{t.pattern??=EC(t),ew.init(e,t)}),pw=Q(`$ZodISODate`,(e,t)=>{t.pattern??=CC,ew.init(e,t)}),mw=Q(`$ZodISOTime`,(e,t)=>{t.pattern??=TC(t),ew.init(e,t)}),hw=Q(`$ZodISODuration`,(e,t)=>{t.pattern??=cC,ew.init(e,t)}),gw=Q(`$ZodIPv4`,(e,t)=>{t.pattern??=mC,ew.init(e,t),e._zod.bag.format=`ipv4`}),_w=Q(`$ZodIPv6`,(e,t)=>{t.pattern??=hC,ew.init(e,t),e._zod.bag.format=`ipv6`,e._zod.check=n=>{try{new URL(`http://[${n.value}]`)}catch{n.issues.push({code:`invalid_format`,format:`ipv6`,input:n.value,inst:e,continue:!t.abort})}}}),vw=Q(`$ZodCIDRv4`,(e,t)=>{t.pattern??=gC,ew.init(e,t)}),yw=Q(`$ZodCIDRv6`,(e,t)=>{t.pattern??=_C,ew.init(e,t),e._zod.check=n=>{let r=n.value.split(`/`);try{if(r.length!==2)throw Error();let[e,t]=r;if(!t)throw Error();let n=Number(t);if(`${n}`!==t||n<0||n>128)throw Error();new URL(`http://[${e}]`)}catch{n.issues.push({code:`invalid_format`,format:`cidrv6`,input:n.value,inst:e,continue:!t.abort})}}});function bw(e){if(e===``)return!0;if(/\s/.test(e)||e.length%4!=0)return!1;try{return atob(e),!0}catch{return!1}}var xw=Q(`$ZodBase64`,(e,t)=>{t.pattern??=vC,ew.init(e,t),e._zod.bag.contentEncoding=`base64`,e._zod.check=n=>{bw(n.value)||n.issues.push({code:`invalid_format`,format:`base64`,input:n.value,inst:e,continue:!t.abort})}});function Sw(e){if(!yC.test(e))return!1;let t=e.replace(/[-_]/g,e=>e===`-`?`+`:`/`);return bw(t.padEnd(Math.ceil(t.length/4)*4,`=`))}var Cw=Q(`$ZodBase64URL`,(e,t)=>{t.pattern??=yC,ew.init(e,t),e._zod.bag.contentEncoding=`base64url`,e._zod.check=n=>{Sw(n.value)||n.issues.push({code:`invalid_format`,format:`base64url`,input:n.value,inst:e,continue:!t.abort})}}),ww=Q(`$ZodE164`,(e,t)=>{t.pattern??=xC,ew.init(e,t)});function Tw(e,t=null){try{let n=e.split(`.`);if(n.length!==3)return!1;let[r]=n;if(!r)return!1;let i=JSON.parse(atob(r));return!(`typ`in i&&i?.typ!==`JWT`||!i.alg||t&&(!(`alg`in i)||i.alg!==t))}catch{return!1}}var Ew=Q(`$ZodJWT`,(e,t)=>{ew.init(e,t),e._zod.check=n=>{Tw(n.value,t.alg)||n.issues.push({code:`invalid_format`,format:`jwt`,input:n.value,inst:e,continue:!t.abort})}}),Dw=Q(`$ZodNumber`,(e,t)=>{QC.init(e,t),e._zod.pattern=e._zod.bag.pattern??kC,e._zod.parse=(n,r)=>{if(t.coerce)try{n.value=Number(n.value)}catch{}let i=n.value;if(typeof i==`number`&&!Number.isNaN(i)&&Number.isFinite(i))return n;let a=typeof i==`number`?Number.isNaN(i)?`NaN`:Number.isFinite(i)?void 0:`Infinity`:void 0;return n.issues.push({expected:`number`,code:`invalid_type`,input:i,inst:e,...a?{received:a}:{}}),n}}),Ow=Q(`$ZodNumberFormat`,(e,t)=>{RC.init(e,t),Dw.init(e,t)}),kw=Q(`$ZodBoolean`,(e,t)=>{QC.init(e,t),e._zod.pattern=AC,e._zod.parse=(n,r)=>{if(t.coerce)try{n.value=!!n.value}catch{}let i=n.value;return typeof i==`boolean`||n.issues.push({expected:`boolean`,code:`invalid_type`,input:i,inst:e}),n}}),Aw=Q(`$ZodUnknown`,(e,t)=>{QC.init(e,t),e._zod.parse=e=>e}),jw=Q(`$ZodNever`,(e,t)=>{QC.init(e,t),e._zod.parse=(t,n)=>(t.issues.push({expected:`never`,code:`invalid_type`,input:t.value,inst:e}),t)}),Mw=Q(`$ZodDate`,(e,t)=>{QC.init(e,t),e._zod.parse=(n,r)=>{if(t.coerce)try{n.value=new Date(n.value)}catch{}let i=n.value,a=i instanceof Date;return a&&!Number.isNaN(i.getTime())||n.issues.push({expected:`date`,code:`invalid_type`,input:i,...a?{received:`Invalid Date`}:{},inst:e}),n}});function Nw(e,t,n){e.issues.length&&t.issues.push(...AS(n,e.issues)),t.value[n]=e.value}var Pw=Q(`$ZodArray`,(e,t)=>{QC.init(e,t),e._zod.parse=(n,r)=>{let i=n.value;if(!Array.isArray(i))return n.issues.push({expected:`array`,code:`invalid_type`,input:i,inst:e}),n;n.value=Array(i.length);let a=[];for(let e=0;e<i.length;e++){let o=i[e],s=t.element._zod.run({value:o,issues:[]},r);s instanceof Promise?a.push(s.then(t=>Nw(t,n,e))):Nw(s,n,e)}return a.length?Promise.all(a).then(()=>n):n}});function Fw(e,t,n,r,i,a){let o=n in r;if(e.issues.length){if(i&&a&&!o)return;t.issues.push(...AS(n,e.issues))}if(!o&&!i){e.issues.length||t.issues.push({code:`invalid_type`,expected:`nonoptional`,input:void 0,path:[n]});return}e.value===void 0?o&&(t.value[n]=void 0):t.value[n]=e.value}function Iw(e){let t=Object.keys(e.shape);for(let n of t)if(!e.shape?.[n]?._zod?.traits?.has(`$ZodType`))throw Error(`Invalid element at key "${n}": expected a Zod schema`);let n=yS(e.shape);return{...e,keys:t,keySet:new Set(t),numKeys:t.length,optionalKeys:new Set(n)}}function Lw(e,t,n,r,i,a){let o=[],s=i.keySet,c=i.catchall._zod,l=c.def.type,u=c.optin===`optional`,d=c.optout===`optional`;for(let i in t){if(i===`__proto__`||s.has(i))continue;if(l===`never`){o.push(i);continue}let a=c.run({value:t[i],issues:[]},r);a instanceof Promise?e.push(a.then(e=>Fw(e,n,i,t,u,d))):Fw(a,n,i,t,u,d)}return o.length&&n.issues.push({code:`unrecognized_keys`,keys:o,input:t,inst:a}),e.length?Promise.all(e).then(()=>n):n}var Rw=Q(`$ZodObject`,(e,t)=>{if(QC.init(e,t),!Object.getOwnPropertyDescriptor(t,`shape`)?.get){let e=t.shape;Object.defineProperty(t,"shape",{get:()=>{let n={...e};return Object.defineProperty(t,"shape",{value:n}),n}})}let n=tS(()=>Iw(t));oS(e._zod,`propValues`,()=>{let e=t.shape,n={};for(let t in e){let r=e[t]._zod;if(r.values){n[t]??(n[t]=new Set);for(let e of r.values)n[t].add(e)}}return n});let r=fS,i=t.catchall,a;e._zod.parse=(t,o)=>{a??=n.value;let s=t.value;if(!r(s))return t.issues.push({expected:`object`,code:`invalid_type`,input:s,inst:e}),t;t.value={};let c=[],l=a.shape;for(let e of a.keys){let n=l[e],r=n._zod.optin===`optional`,i=n._zod.optout===`optional`,a=n._zod.run({value:s[e],issues:[]},o);a instanceof Promise?c.push(a.then(n=>Fw(n,t,e,s,r,i))):Fw(a,t,e,s,r,i)}return i?Lw(c,s,t,o,n.value,e):c.length?Promise.all(c).then(()=>t):t}}),zw=Q(`$ZodObjectJIT`,(e,t)=>{Rw.init(e,t);let n=e._zod.parse,r=tS(()=>Iw(t)),i=e=>{let t=new XC([`shape`,`payload`,`ctx`]),n=r.value,i=e=>{let t=lS(e);return`shape[${t}]._zod.run({ value: input[${t}], issues: [] }, ctx)`};t.write(`const input = payload.value;`);let a=Object.create(null),o=0;for(let e of n.keys)a[e]=`key_${o++}`;t.write(`const newResult = {};`);for(let r of n.keys){let n=a[r],o=lS(r),s=e[r],c=s?._zod?.optin===`optional`,l=s?._zod?.optout===`optional`;t.write(`const ${n} = ${i(r)};`),c&&l?t.write(`
|
|
98
|
+
if (${n}.issues.length) {
|
|
99
|
+
if (${o} in input) {
|
|
100
|
+
payload.issues = payload.issues.concat(${n}.issues.map(iss => ({
|
|
101
|
+
...iss,
|
|
102
|
+
path: iss.path ? [${o}, ...iss.path] : [${o}]
|
|
103
|
+
})));
|
|
104
|
+
}
|
|
105
|
+
}
|
|
106
|
+
|
|
107
|
+
if (${n}.value === undefined) {
|
|
108
|
+
if (${o} in input) {
|
|
109
|
+
newResult[${o}] = undefined;
|
|
110
|
+
}
|
|
111
|
+
} else {
|
|
112
|
+
newResult[${o}] = ${n}.value;
|
|
113
|
+
}
|
|
114
|
+
|
|
115
|
+
`):c?t.write(`
|
|
116
|
+
if (${n}.issues.length) {
|
|
117
|
+
payload.issues = payload.issues.concat(${n}.issues.map(iss => ({
|
|
118
|
+
...iss,
|
|
119
|
+
path: iss.path ? [${o}, ...iss.path] : [${o}]
|
|
120
|
+
})));
|
|
121
|
+
}
|
|
122
|
+
|
|
123
|
+
if (${n}.value === undefined) {
|
|
124
|
+
if (${o} in input) {
|
|
125
|
+
newResult[${o}] = undefined;
|
|
126
|
+
}
|
|
127
|
+
} else {
|
|
128
|
+
newResult[${o}] = ${n}.value;
|
|
129
|
+
}
|
|
130
|
+
|
|
131
|
+
`):t.write(`
|
|
132
|
+
const ${n}_present = ${o} in input;
|
|
133
|
+
if (${n}.issues.length) {
|
|
134
|
+
payload.issues = payload.issues.concat(${n}.issues.map(iss => ({
|
|
135
|
+
...iss,
|
|
136
|
+
path: iss.path ? [${o}, ...iss.path] : [${o}]
|
|
137
|
+
})));
|
|
138
|
+
}
|
|
139
|
+
if (!${n}_present && !${n}.issues.length) {
|
|
140
|
+
payload.issues.push({
|
|
141
|
+
code: "invalid_type",
|
|
142
|
+
expected: "nonoptional",
|
|
143
|
+
input: undefined,
|
|
144
|
+
path: [${o}]
|
|
145
|
+
});
|
|
146
|
+
}
|
|
147
|
+
|
|
148
|
+
if (${n}_present) {
|
|
149
|
+
if (${n}.value === undefined) {
|
|
150
|
+
newResult[${o}] = undefined;
|
|
151
|
+
} else {
|
|
152
|
+
newResult[${o}] = ${n}.value;
|
|
153
|
+
}
|
|
154
|
+
}
|
|
155
|
+
|
|
156
|
+
`)}t.write(`payload.value = newResult;`),t.write(`return payload;`);let s=t.compile();return(t,n)=>s(e,t,n)},a,o=fS,s=!Zx.jitless,c=s&&pS.value,l=t.catchall,u;e._zod.parse=(d,f)=>{u??=r.value;let p=d.value;return o(p)?s&&c&&f?.async===!1&&f.jitless!==!0?(a||=i(t.shape),d=a(d,f),l?Lw([],p,d,f,u,e):d):n(d,f):(d.issues.push({expected:`object`,code:`invalid_type`,input:p,inst:e}),d)}});function Bw(e,t,n,r){for(let n of e)if(n.issues.length===0)return t.value=n.value,t;let i=e.filter(e=>!OS(e));return i.length===1?(t.value=i[0].value,i[0]):(t.issues.push({code:`invalid_union`,input:t.value,inst:n,errors:e.map(e=>e.issues.map(e=>MS(e,r,Qx())))}),t)}var Vw=Q(`$ZodUnion`,(e,t)=>{QC.init(e,t),oS(e._zod,`optin`,()=>t.options.some(e=>e._zod.optin===`optional`)?`optional`:void 0),oS(e._zod,`optout`,()=>t.options.some(e=>e._zod.optout===`optional`)?`optional`:void 0),oS(e._zod,`values`,()=>{if(t.options.every(e=>e._zod.values))return new Set(t.options.flatMap(e=>Array.from(e._zod.values)))}),oS(e._zod,`pattern`,()=>{if(t.options.every(e=>e._zod.pattern)){let e=t.options.map(e=>e._zod.pattern);return RegExp(`^(${e.map(e=>rS(e.source)).join(`|`)})$`)}});let n=t.options.length===1?t.options[0]._zod.run:null;e._zod.parse=(r,i)=>{if(n)return n(r,i);let a=!1,o=[];for(let e of t.options){let t=e._zod.run({value:r.value,issues:[]},i);if(t instanceof Promise)o.push(t),a=!0;else{if(t.issues.length===0)return t;o.push(t)}}return a?Promise.all(o).then(t=>Bw(t,r,e,i)):Bw(o,r,e,i)}}),Hw=Q(`$ZodIntersection`,(e,t)=>{QC.init(e,t),e._zod.parse=(e,n)=>{let r=e.value,i=t.left._zod.run({value:r,issues:[]},n),a=t.right._zod.run({value:r,issues:[]},n);return i instanceof Promise||a instanceof Promise?Promise.all([i,a]).then(([t,n])=>Ww(e,t,n)):Ww(e,i,a)}});function Uw(e,t){if(e===t||e instanceof Date&&t instanceof Date&&+e==+t)return{valid:!0,data:e};if(mS(e)&&mS(t)){let n=Object.keys(t),r=Object.keys(e).filter(e=>n.indexOf(e)!==-1),i={...e,...t};for(let n of r){let r=Uw(e[n],t[n]);if(!r.valid)return{valid:!1,mergeErrorPath:[n,...r.mergeErrorPath]};i[n]=r.data}return{valid:!0,data:i}}if(Array.isArray(e)&&Array.isArray(t)){if(e.length!==t.length)return{valid:!1,mergeErrorPath:[]};let n=[];for(let r=0;r<e.length;r++){let i=e[r],a=t[r],o=Uw(i,a);if(!o.valid)return{valid:!1,mergeErrorPath:[r,...o.mergeErrorPath]};n.push(o.data)}return{valid:!0,data:n}}return{valid:!1,mergeErrorPath:[]}}function Ww(e,t,n){let r=new Map,i;for(let n of t.issues)if(n.code===`unrecognized_keys`){i??=n;for(let e of n.keys)r.has(e)||r.set(e,{}),r.get(e).l=!0}else e.issues.push(n);for(let t of n.issues)if(t.code===`unrecognized_keys`)for(let e of t.keys)r.has(e)||r.set(e,{}),r.get(e).r=!0;else e.issues.push(t);let a=[...r].filter(([,e])=>e.l&&e.r).map(([e])=>e);if(a.length&&i&&e.issues.push({...i,keys:a}),OS(e))return e;let o=Uw(t.value,n.value);if(!o.valid)throw Error(`Unmergable intersection. Error path: ${JSON.stringify(o.mergeErrorPath)}`);return e.value=o.data,e}var Gw=Q(`$ZodEnum`,(e,t)=>{QC.init(e,t);let n=$x(t.entries),r=new Set(n);e._zod.values=r,e._zod.pattern=RegExp(`^(${n.filter(e=>gS.has(typeof e)).map(e=>typeof e==`string`?_S(e):e.toString()).join(`|`)})$`),e._zod.parse=(t,i)=>{let a=t.value;return r.has(a)||t.issues.push({code:`invalid_value`,values:n,input:a,inst:e}),t}}),Kw=Q(`$ZodTransform`,(e,t)=>{QC.init(e,t),e._zod.optin=`optional`,e._zod.parse=(n,r)=>{if(r.direction===`backward`)throw new Xx(e.constructor.name);let i=t.transform(n.value,n);if(r.async)return(i instanceof Promise?i:Promise.resolve(i)).then(e=>(n.value=e,n.fallback=!0,n));if(i instanceof Promise)throw new Yx;return n.value=i,n.fallback=!0,n}});function qw(e,t){return t===void 0&&(e.issues.length||e.fallback)?{issues:[],value:void 0}:e}var Jw=Q(`$ZodOptional`,(e,t)=>{QC.init(e,t),e._zod.optin=`optional`,e._zod.optout=`optional`,oS(e._zod,`values`,()=>t.innerType._zod.values?new Set([...t.innerType._zod.values,void 0]):void 0),oS(e._zod,`pattern`,()=>{let e=t.innerType._zod.pattern;return e?RegExp(`^(${rS(e.source)})?$`):void 0}),e._zod.parse=(e,n)=>{if(t.innerType._zod.optin===`optional`){let r=e.value,i=t.innerType._zod.run(e,n);return i instanceof Promise?i.then(e=>qw(e,r)):qw(i,r)}return e.value===void 0?e:t.innerType._zod.run(e,n)}}),Yw=Q(`$ZodExactOptional`,(e,t)=>{Jw.init(e,t),oS(e._zod,`values`,()=>t.innerType._zod.values),oS(e._zod,`pattern`,()=>t.innerType._zod.pattern),e._zod.parse=(e,n)=>t.innerType._zod.run(e,n)}),Xw=Q(`$ZodNullable`,(e,t)=>{QC.init(e,t),oS(e._zod,`optin`,()=>t.innerType._zod.optin),oS(e._zod,`optout`,()=>t.innerType._zod.optout),oS(e._zod,`pattern`,()=>{let e=t.innerType._zod.pattern;return e?RegExp(`^(${rS(e.source)}|null)$`):void 0}),oS(e._zod,`values`,()=>t.innerType._zod.values?new Set([...t.innerType._zod.values,null]):void 0),e._zod.parse=(e,n)=>e.value===null?e:t.innerType._zod.run(e,n)}),Zw=Q(`$ZodDefault`,(e,t)=>{QC.init(e,t),e._zod.optin=`optional`,oS(e._zod,`values`,()=>t.innerType._zod.values),e._zod.parse=(e,n)=>{if(n.direction===`backward`)return t.innerType._zod.run(e,n);if(e.value===void 0)return e.value=t.defaultValue,e;let r=t.innerType._zod.run(e,n);return r instanceof Promise?r.then(e=>Qw(e,t)):Qw(r,t)}});function Qw(e,t){return e.value===void 0&&(e.value=t.defaultValue),e}var $w=Q(`$ZodPrefault`,(e,t)=>{QC.init(e,t),e._zod.optin=`optional`,oS(e._zod,`values`,()=>t.innerType._zod.values),e._zod.parse=(e,n)=>(n.direction===`backward`||e.value===void 0&&(e.value=t.defaultValue),t.innerType._zod.run(e,n))}),eT=Q(`$ZodNonOptional`,(e,t)=>{QC.init(e,t),oS(e._zod,`values`,()=>{let e=t.innerType._zod.values;return e?new Set([...e].filter(e=>e!==void 0)):void 0}),e._zod.parse=(n,r)=>{let i=t.innerType._zod.run(n,r);return i instanceof Promise?i.then(t=>tT(t,e)):tT(i,e)}});function tT(e,t){return!e.issues.length&&e.value===void 0&&e.issues.push({code:`invalid_type`,expected:`nonoptional`,input:e.value,inst:t}),e}var nT=Q(`$ZodCatch`,(e,t)=>{QC.init(e,t),e._zod.optin=`optional`,oS(e._zod,`optout`,()=>t.innerType._zod.optout),oS(e._zod,`values`,()=>t.innerType._zod.values),e._zod.parse=(e,n)=>{if(n.direction===`backward`)return t.innerType._zod.run(e,n);let r=t.innerType._zod.run(e,n);return r instanceof Promise?r.then(r=>(e.value=r.value,r.issues.length&&(e.value=t.catchValue({...e,error:{issues:r.issues.map(e=>MS(e,n,Qx()))},input:e.value}),e.issues=[],e.fallback=!0),e)):(e.value=r.value,r.issues.length&&(e.value=t.catchValue({...e,error:{issues:r.issues.map(e=>MS(e,n,Qx()))},input:e.value}),e.issues=[],e.fallback=!0),e)}}),rT=Q(`$ZodPipe`,(e,t)=>{QC.init(e,t),oS(e._zod,`values`,()=>t.in._zod.values),oS(e._zod,`optin`,()=>t.in._zod.optin),oS(e._zod,`optout`,()=>t.out._zod.optout),oS(e._zod,`propValues`,()=>t.in._zod.propValues),e._zod.parse=(e,n)=>{if(n.direction===`backward`){let r=t.out._zod.run(e,n);return r instanceof Promise?r.then(e=>iT(e,t.in,n)):iT(r,t.in,n)}let r=t.in._zod.run(e,n);return r instanceof Promise?r.then(e=>iT(e,t.out,n)):iT(r,t.out,n)}});function iT(e,t,n){return e.issues.length?(e.aborted=!0,e):t._zod.run({value:e.value,issues:e.issues,fallback:e.fallback},n)}var aT=Q(`$ZodPreprocess`,(e,t)=>{rT.init(e,t)}),oT=Q(`$ZodReadonly`,(e,t)=>{QC.init(e,t),oS(e._zod,`propValues`,()=>t.innerType._zod.propValues),oS(e._zod,`values`,()=>t.innerType._zod.values),oS(e._zod,`optin`,()=>t.innerType?._zod?.optin),oS(e._zod,`optout`,()=>t.innerType?._zod?.optout),e._zod.parse=(e,n)=>{if(n.direction===`backward`)return t.innerType._zod.run(e,n);let r=t.innerType._zod.run(e,n);return r instanceof Promise?r.then(sT):sT(r)}});function sT(e){return e.value=Object.freeze(e.value),e}var cT=Q(`$ZodCustom`,(e,t)=>{NC.init(e,t),QC.init(e,t),e._zod.parse=(e,t)=>e,e._zod.check=n=>{let r=n.value,i=t.fn(r);if(i instanceof Promise)return i.then(t=>lT(t,n,r,e));lT(i,n,r,e)}});function lT(e,t,n,r){if(!e){let e={code:`custom`,input:n,inst:r,path:[...r._zod.def.path??[]],continue:!r._zod.def.abort};r._zod.def.params&&(e.params=r._zod.def.params),t.issues.push(PS(e))}}var uT,dT=class{constructor(){this._map=new WeakMap,this._idmap=new Map}add(e,...t){let n=t[0];return this._map.set(e,n),n&&typeof n==`object`&&`id`in n&&this._idmap.set(n.id,e),this}clear(){return this._map=new WeakMap,this._idmap=new Map,this}remove(e){let t=this._map.get(e);return t&&typeof t==`object`&&`id`in t&&this._idmap.delete(t.id),this._map.delete(e),this}get(e){let t=e._zod.parent;if(t){let n={...this.get(t)??{}};delete n.id;let r={...n,...this._map.get(e)};return Object.keys(r).length?r:void 0}return this._map.get(e)}has(e){return this._map.has(e)}};function fT(){return new dT}(uT=globalThis).__zod_globalRegistry??(uT.__zod_globalRegistry=fT());var pT=globalThis.__zod_globalRegistry;function mT(e,t){return new e({type:`string`,...$(t)})}function hT(e,t){return new e({type:`string`,format:`email`,check:`string_format`,abort:!1,...$(t)})}function gT(e,t){return new e({type:`string`,format:`guid`,check:`string_format`,abort:!1,...$(t)})}function _T(e,t){return new e({type:`string`,format:`uuid`,check:`string_format`,abort:!1,...$(t)})}function vT(e,t){return new e({type:`string`,format:`uuid`,check:`string_format`,abort:!1,version:`v4`,...$(t)})}function yT(e,t){return new e({type:`string`,format:`uuid`,check:`string_format`,abort:!1,version:`v6`,...$(t)})}function bT(e,t){return new e({type:`string`,format:`uuid`,check:`string_format`,abort:!1,version:`v7`,...$(t)})}function xT(e,t){return new e({type:`string`,format:`url`,check:`string_format`,abort:!1,...$(t)})}function ST(e,t){return new e({type:`string`,format:`emoji`,check:`string_format`,abort:!1,...$(t)})}function CT(e,t){return new e({type:`string`,format:`nanoid`,check:`string_format`,abort:!1,...$(t)})}function wT(e,t){return new e({type:`string`,format:`cuid`,check:`string_format`,abort:!1,...$(t)})}function TT(e,t){return new e({type:`string`,format:`cuid2`,check:`string_format`,abort:!1,...$(t)})}function ET(e,t){return new e({type:`string`,format:`ulid`,check:`string_format`,abort:!1,...$(t)})}function DT(e,t){return new e({type:`string`,format:`xid`,check:`string_format`,abort:!1,...$(t)})}function OT(e,t){return new e({type:`string`,format:`ksuid`,check:`string_format`,abort:!1,...$(t)})}function kT(e,t){return new e({type:`string`,format:`ipv4`,check:`string_format`,abort:!1,...$(t)})}function AT(e,t){return new e({type:`string`,format:`ipv6`,check:`string_format`,abort:!1,...$(t)})}function jT(e,t){return new e({type:`string`,format:`cidrv4`,check:`string_format`,abort:!1,...$(t)})}function MT(e,t){return new e({type:`string`,format:`cidrv6`,check:`string_format`,abort:!1,...$(t)})}function NT(e,t){return new e({type:`string`,format:`base64`,check:`string_format`,abort:!1,...$(t)})}function PT(e,t){return new e({type:`string`,format:`base64url`,check:`string_format`,abort:!1,...$(t)})}function FT(e,t){return new e({type:`string`,format:`e164`,check:`string_format`,abort:!1,...$(t)})}function IT(e,t){return new e({type:`string`,format:`jwt`,check:`string_format`,abort:!1,...$(t)})}function LT(e,t){return new e({type:`string`,format:`datetime`,check:`string_format`,offset:!1,local:!1,precision:null,...$(t)})}function RT(e,t){return new e({type:`string`,format:`date`,check:`string_format`,...$(t)})}function zT(e,t){return new e({type:`string`,format:`time`,check:`string_format`,precision:null,...$(t)})}function BT(e,t){return new e({type:`string`,format:`duration`,check:`string_format`,...$(t)})}function VT(e,t){return new e({type:`number`,checks:[],...$(t)})}function HT(e,t){return new e({type:`number`,check:`number_format`,abort:!1,format:`safeint`,...$(t)})}function UT(e,t){return new e({type:`boolean`,...$(t)})}function WT(e){return new e({type:`unknown`})}function GT(e,t){return new e({type:`never`,...$(t)})}function KT(e,t){return new e({type:`date`,...$(t)})}function qT(e,t){return new FC({check:`less_than`,...$(t),value:e,inclusive:!1})}function JT(e,t){return new FC({check:`less_than`,...$(t),value:e,inclusive:!0})}function YT(e,t){return new IC({check:`greater_than`,...$(t),value:e,inclusive:!1})}function XT(e,t){return new IC({check:`greater_than`,...$(t),value:e,inclusive:!0})}function ZT(e,t){return new LC({check:`multiple_of`,...$(t),value:e})}function QT(e,t){return new zC({check:`max_length`,...$(t),maximum:e})}function $T(e,t){return new BC({check:`min_length`,...$(t),minimum:e})}function eE(e,t){return new VC({check:`length_equals`,...$(t),length:e})}function tE(e,t){return new UC({check:`string_format`,format:`regex`,...$(t),pattern:e})}function nE(e){return new WC({check:`string_format`,format:`lowercase`,...$(e)})}function rE(e){return new GC({check:`string_format`,format:`uppercase`,...$(e)})}function iE(e,t){return new KC({check:`string_format`,format:`includes`,...$(t),includes:e})}function aE(e,t){return new qC({check:`string_format`,format:`starts_with`,...$(t),prefix:e})}function oE(e,t){return new JC({check:`string_format`,format:`ends_with`,...$(t),suffix:e})}function sE(e){return new YC({check:`overwrite`,tx:e})}function cE(e){return sE(t=>t.normalize(e))}function lE(){return sE(e=>e.trim())}function uE(){return sE(e=>e.toLowerCase())}function dE(){return sE(e=>e.toUpperCase())}function fE(){return sE(e=>uS(e))}function pE(e,t,n){return new e({type:`array`,element:t,...$(n)})}function mE(e,t,n){return new e({type:`custom`,check:`custom`,fn:t,...$(n)})}function hE(e,t){let n=gE(t=>(t.addIssue=e=>{if(typeof e==`string`)t.issues.push(PS(e,t.value,n._zod.def));else{let r=e;r.fatal&&(r.continue=!1),r.code??=`custom`,r.input??=t.value,r.inst??=n,r.continue??=!n._zod.def.abort,t.issues.push(PS(r))}},e(t.value,t)),t);return n}function gE(e,t){let n=new NC({check:`custom`,...$(t)});return n._zod.check=e,n}function _E(e){let t=e?.target??`draft-2020-12`;return t===`draft-4`&&(t=`draft-04`),t===`draft-7`&&(t=`draft-07`),{processors:e.processors??{},metadataRegistry:e?.metadata??pT,target:t,unrepresentable:e?.unrepresentable??`throw`,override:e?.override??(()=>{}),io:e?.io??`output`,counter:0,seen:new Map,cycles:e?.cycles??`ref`,reused:e?.reused??`inline`,external:e?.external??void 0}}function vE(e,t,n={path:[],schemaPath:[]}){var r;let i=e._zod.def,a=t.seen.get(e);if(a)return a.count++,n.schemaPath.includes(e)&&(a.cycle=n.path),a.schema;let o={schema:{},count:1,cycle:void 0,path:n.path};t.seen.set(e,o);let s=e._zod.toJSONSchema?.();if(s)o.schema=s;else{let r={...n,schemaPath:[...n.schemaPath,e],path:n.path};if(e._zod.processJSONSchema)e._zod.processJSONSchema(t,o.schema,r);else{let n=o.schema,a=t.processors[i.type];if(!a)throw Error(`[toJSONSchema]: Non-representable type encountered: ${i.type}`);a(e,t,n,r)}let a=e._zod.parent;a&&(o.ref||=a,vE(a,t,r),t.seen.get(a).isParent=!0)}let c=t.metadataRegistry.get(e);return c&&Object.assign(o.schema,c),t.io===`input`&&xE(e)&&(delete o.schema.examples,delete o.schema.default),t.io===`input`&&`_prefault`in o.schema&&((r=o.schema).default??(r.default=o.schema._prefault)),delete o.schema._prefault,t.seen.get(e).schema}function yE(e,t){let n=e.seen.get(t);if(!n)throw Error(`Unprocessed schema. This is a bug in Zod.`);let r=new Map;for(let t of e.seen.entries()){let n=e.metadataRegistry.get(t[0])?.id;if(n){let e=r.get(n);if(e&&e!==t[0])throw Error(`Duplicate schema id "${n}" detected during JSON Schema conversion. Two different schemas cannot share the same id when converted together.`);r.set(n,t[0])}}let i=t=>{let r=e.target===`draft-2020-12`?`$defs`:`definitions`;if(e.external){let n=e.external.registry.get(t[0])?.id,i=e.external.uri??(e=>e);if(n)return{ref:i(n)};let a=t[1].defId??t[1].schema.id??`schema${e.counter++}`;return t[1].defId=a,{defId:a,ref:`${i(`__shared`)}#/${r}/${a}`}}if(t[1]===n)return{ref:`#`};let i=`#/${r}/`,a=t[1].schema.id??`__schema${e.counter++}`;return{defId:a,ref:i+a}},a=e=>{if(e[1].schema.$ref)return;let t=e[1],{ref:n,defId:r}=i(e);t.def={...t.schema},r&&(t.defId=r);let a=t.schema;for(let e in a)delete a[e];a.$ref=n};if(e.cycles===`throw`)for(let t of e.seen.entries()){let e=t[1];if(e.cycle)throw Error(`Cycle detected: #/${e.cycle?.join(`/`)}/<root>
|
|
157
|
+
|
|
158
|
+
Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.`)}for(let n of e.seen.entries()){let r=n[1];if(t===n[0]){a(n);continue}if(e.external){let r=e.external.registry.get(n[0])?.id;if(t!==n[0]&&r){a(n);continue}}if(e.metadataRegistry.get(n[0])?.id){a(n);continue}if(r.cycle){a(n);continue}if(r.count>1&&e.reused===`ref`){a(n);continue}}}function bE(e,t){let n=e.seen.get(t);if(!n)throw Error(`Unprocessed schema. This is a bug in Zod.`);let r=t=>{let n=e.seen.get(t);if(n.ref===null)return;let i=n.def??n.schema,a={...i},o=n.ref;if(n.ref=null,o){r(o);let n=e.seen.get(o),s=n.schema;if(s.$ref&&(e.target===`draft-07`||e.target===`draft-04`||e.target===`openapi-3.0`)?(i.allOf=i.allOf??[],i.allOf.push(s)):Object.assign(i,s),Object.assign(i,a),t._zod.parent===o)for(let e in i)e===`$ref`||e===`allOf`||e in a||delete i[e];if(s.$ref&&n.def)for(let e in i)e===`$ref`||e===`allOf`||e in n.def&&JSON.stringify(i[e])===JSON.stringify(n.def[e])&&delete i[e]}let s=t._zod.parent;if(s&&s!==o){r(s);let t=e.seen.get(s);if(t?.schema.$ref&&(i.$ref=t.schema.$ref,t.def))for(let e in i)e===`$ref`||e===`allOf`||e in t.def&&JSON.stringify(i[e])===JSON.stringify(t.def[e])&&delete i[e]}e.override({zodSchema:t,jsonSchema:i,path:n.path??[]})};for(let t of[...e.seen.entries()].reverse())r(t[0]);let i={};if(e.target===`draft-2020-12`?i.$schema=`https://json-schema.org/draft/2020-12/schema`:e.target===`draft-07`?i.$schema=`http://json-schema.org/draft-07/schema#`:e.target===`draft-04`?i.$schema=`http://json-schema.org/draft-04/schema#`:e.target,e.external?.uri){let n=e.external.registry.get(t)?.id;if(!n)throw Error("Schema is missing an `id` property");i.$id=e.external.uri(n)}Object.assign(i,n.def??n.schema);let a=e.metadataRegistry.get(t)?.id;a!==void 0&&i.id===a&&delete i.id;let o=e.external?.defs??{};for(let t of e.seen.entries()){let e=t[1];e.def&&e.defId&&(e.def.id===e.defId&&delete e.def.id,o[e.defId]=e.def)}e.external||Object.keys(o).length>0&&(e.target===`draft-2020-12`?i.$defs=o:i.definitions=o);try{let n=JSON.parse(JSON.stringify(i));return Object.defineProperty(n,"~standard",{value:{...t[`~standard`],jsonSchema:{input:CE(t,`input`,e.processors),output:CE(t,`output`,e.processors)}},enumerable:!1,writable:!1}),n}catch{throw Error(`Error converting schema to JSON.`)}}function xE(e,t){let n=t??{seen:new Set};if(n.seen.has(e))return!1;n.seen.add(e);let r=e._zod.def;if(r.type===`transform`)return!0;if(r.type===`array`)return xE(r.element,n);if(r.type===`set`)return xE(r.valueType,n);if(r.type===`lazy`)return xE(r.getter(),n);if(r.type===`promise`||r.type===`optional`||r.type===`nonoptional`||r.type===`nullable`||r.type===`readonly`||r.type==="default"||r.type===`prefault`)return xE(r.innerType,n);if(r.type===`intersection`)return xE(r.left,n)||xE(r.right,n);if(r.type===`record`||r.type===`map`)return xE(r.keyType,n)||xE(r.valueType,n);if(r.type===`pipe`)return e._zod.traits.has(`$ZodCodec`)?!0:xE(r.in,n)||xE(r.out,n);if(r.type===`object`){for(let e in r.shape)if(xE(r.shape[e],n))return!0;return!1}if(r.type===`union`){for(let e of r.options)if(xE(e,n))return!0;return!1}if(r.type===`tuple`){for(let e of r.items)if(xE(e,n))return!0;return!!(r.rest&&xE(r.rest,n))}return!1}var SE=(e,t={})=>n=>{let r=_E({...n,processors:t});return vE(e,r),yE(r,e),bE(r,e)},CE=(e,t,n={})=>r=>{let{libraryOptions:i,target:a}=r??{},o=_E({...i??{},target:a,io:t,processors:n});return vE(e,o),yE(o,e),bE(o,e)},wE={guid:`uuid`,url:`uri`,datetime:`date-time`,json_string:`json-string`,regex:``},TE=(e,t,n,r)=>{let i=n;i.type=`string`;let{minimum:a,maximum:o,format:s,patterns:c,contentEncoding:l}=e._zod.bag;if(typeof a==`number`&&(i.minLength=a),typeof o==`number`&&(i.maxLength=o),s&&(i.format=wE[s]??s,i.format===``&&delete i.format,s===`time`&&delete i.format),l&&(i.contentEncoding=l),c&&c.size>0){let e=[...c];e.length===1?i.pattern=e[0].source:e.length>1&&(i.allOf=[...e.map(e=>({...t.target===`draft-07`||t.target===`draft-04`||t.target===`openapi-3.0`?{type:`string`}:{},pattern:e.source}))])}},EE=(e,t,n,r)=>{let i=n,{minimum:a,maximum:o,format:s,multipleOf:c,exclusiveMaximum:l,exclusiveMinimum:u}=e._zod.bag;typeof s==`string`&&s.includes(`int`)?i.type=`integer`:i.type=`number`;let d=typeof u==`number`&&u>=(a??-1/0),f=typeof l==`number`&&l<=(o??1/0),p=t.target===`draft-04`||t.target===`openapi-3.0`;d?p?(i.minimum=u,i.exclusiveMinimum=!0):i.exclusiveMinimum=u:typeof a==`number`&&(i.minimum=a),f?p?(i.maximum=l,i.exclusiveMaximum=!0):i.exclusiveMaximum=l:typeof o==`number`&&(i.maximum=o),typeof c==`number`&&(i.multipleOf=c)},DE=(e,t,n,r)=>{n.type=`boolean`},OE=(e,t,n,r)=>{n.not={}},kE=(e,t,n,r)=>{if(t.unrepresentable===`throw`)throw Error(`Date cannot be represented in JSON Schema`)},AE=(e,t,n,r)=>{let i=e._zod.def,a=$x(i.entries);a.every(e=>typeof e==`number`)&&(n.type=`number`),a.every(e=>typeof e==`string`)&&(n.type=`string`),n.enum=a},jE=(e,t,n,r)=>{if(t.unrepresentable===`throw`)throw Error(`Custom types cannot be represented in JSON Schema`)},ME=(e,t,n,r)=>{if(t.unrepresentable===`throw`)throw Error(`Transforms cannot be represented in JSON Schema`)},NE=(e,t,n,r)=>{let i=n,a=e._zod.def,{minimum:o,maximum:s}=e._zod.bag;typeof o==`number`&&(i.minItems=o),typeof s==`number`&&(i.maxItems=s),i.type=`array`,i.items=vE(a.element,t,{...r,path:[...r.path,`items`]})},PE=(e,t,n,r)=>{let i=n,a=e._zod.def;i.type=`object`,i.properties={};let o=a.shape;for(let e in o)i.properties[e]=vE(o[e],t,{...r,path:[...r.path,`properties`,e]});let s=new Set(Object.keys(o)),c=new Set([...s].filter(e=>{let n=a.shape[e]._zod;return t.io===`input`?n.optin===void 0:n.optout===void 0}));c.size>0&&(i.required=Array.from(c)),a.catchall?._zod.def.type===`never`?i.additionalProperties=!1:a.catchall?a.catchall&&(i.additionalProperties=vE(a.catchall,t,{...r,path:[...r.path,`additionalProperties`]})):t.io===`output`&&(i.additionalProperties=!1)},FE=(e,t,n,r)=>{let i=e._zod.def,a=i.inclusive===!1,o=i.options.map((e,n)=>vE(e,t,{...r,path:[...r.path,a?`oneOf`:`anyOf`,n]}));a?n.oneOf=o:n.anyOf=o},IE=(e,t,n,r)=>{let i=e._zod.def,a=vE(i.left,t,{...r,path:[...r.path,`allOf`,0]}),o=vE(i.right,t,{...r,path:[...r.path,`allOf`,1]}),s=e=>`allOf`in e&&Object.keys(e).length===1;n.allOf=[...s(a)?a.allOf:[a],...s(o)?o.allOf:[o]]},LE=(e,t,n,r)=>{let i=e._zod.def,a=vE(i.innerType,t,r),o=t.seen.get(e);t.target===`openapi-3.0`?(o.ref=i.innerType,n.nullable=!0):n.anyOf=[a,{type:`null`}]},RE=(e,t,n,r)=>{let i=e._zod.def;vE(i.innerType,t,r);let a=t.seen.get(e);a.ref=i.innerType},zE=(e,t,n,r)=>{let i=e._zod.def;vE(i.innerType,t,r);let a=t.seen.get(e);a.ref=i.innerType,n.default=JSON.parse(JSON.stringify(i.defaultValue))},BE=(e,t,n,r)=>{let i=e._zod.def;vE(i.innerType,t,r);let a=t.seen.get(e);a.ref=i.innerType,t.io===`input`&&(n._prefault=JSON.parse(JSON.stringify(i.defaultValue)))},VE=(e,t,n,r)=>{let i=e._zod.def;vE(i.innerType,t,r);let a=t.seen.get(e);a.ref=i.innerType;let o;try{o=i.catchValue(void 0)}catch{throw Error(`Dynamic catch values are not supported in JSON Schema`)}n.default=o},HE=(e,t,n,r)=>{let i=e._zod.def,a=i.in._zod.traits.has(`$ZodTransform`),o=t.io===`input`?a?i.out:i.in:i.out;vE(o,t,r);let s=t.seen.get(e);s.ref=o},UE=(e,t,n,r)=>{let i=e._zod.def;vE(i.innerType,t,r);let a=t.seen.get(e);a.ref=i.innerType,n.readOnly=!0},WE=(e,t,n,r)=>{let i=e._zod.def;vE(i.innerType,t,r);let a=t.seen.get(e);a.ref=i.innerType};function GE(){return GE=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)({}).hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},GE.apply(null,arguments)}function KE(e,t){try{var n=e()}catch(e){return t(e)}return n&&n.then?n.then(void 0,t):n}function qE(e,t){for(var n={};e.length;){var r=e[0],i=r.code,a=r.message,o=r.path.join(`.`);if(!n[o])if(`unionErrors`in r){var s=r.unionErrors[0].errors[0];n[o]={message:s.message,type:s.code}}else n[o]={message:a,type:i};if(`unionErrors`in r&&r.unionErrors.forEach(function(t){return t.errors.forEach(function(t){return e.push(t)})}),t){var c=n[o].types,l=c&&c[r.code];n[o]=Cm(o,t,n,i,l?[].concat(l,r.message):r.message)}e.shift()}return n}function JE(e,t){for(var n={},r=function(){var r=e[0],i=r.code,a=r.message,o=r.path.join(`.`);if(!n[o])if(r.code===`invalid_union`&&r.errors.length>0){var s=r.errors[0][0];n[o]={message:s.message,type:s.code}}else n[o]={message:a,type:i};if(r.code===`invalid_union`&&r.errors.forEach(function(t){return t.forEach(function(t){return e.push(GE({},t,{path:[].concat(r.path,t.path)}))})}),t){var c=n[o].types,l=c&&c[r.code];n[o]=Cm(o,t,n,i,l?[].concat(l,r.message):r.message)}e.shift()};e.length;)r();return n}function YE(e,t,n){if(n===void 0&&(n={}),function(e){return`_def`in e&&typeof e._def==`object`&&`typeName`in e._def}(e))return function(r,i,a){try{return Promise.resolve(KE(function(){return Promise.resolve(e[n.mode===`sync`?`parse`:`parseAsync`](r,t)).then(function(e){return a.shouldUseNativeValidation&&Wx({},a),{errors:{},values:n.raw?Object.assign({},r):e}})},function(e){if(function(e){return Array.isArray(e?.issues)}(e))return{values:{},errors:Gx(qE(e.errors,!a.shouldUseNativeValidation&&a.criteriaMode===`all`),a)};throw e}))}catch(e){return Promise.reject(e)}};if(function(e){return`_zod`in e&&typeof e._zod==`object`}(e))return function(r,i,a){try{return Promise.resolve(KE(function(){return Promise.resolve((n.mode===`sync`?VS:US)(e,r,t)).then(function(e){return a.shouldUseNativeValidation&&Wx({},a),{errors:{},values:n.raw?Object.assign({},r):e}})},function(e){if(function(e){return e instanceof IS}(e))return{values:{},errors:Gx(JE(e.issues,!a.shouldUseNativeValidation&&a.criteriaMode===`all`),a)};throw e}))}catch(e){return Promise.reject(e)}};throw Error(`Invalid input: not a Zod schema`)}var XE=Q(`ZodISODateTime`,(e,t)=>{fw.init(e,t),CD.init(e,t)});function ZE(e){return LT(XE,e)}var QE=Q(`ZodISODate`,(e,t)=>{pw.init(e,t),CD.init(e,t)});function $E(e){return RT(QE,e)}var eD=Q(`ZodISOTime`,(e,t)=>{mw.init(e,t),CD.init(e,t)});function tD(e){return zT(eD,e)}var nD=Q(`ZodISODuration`,(e,t)=>{hw.init(e,t),CD.init(e,t)});function rD(e){return BT(nD,e)}var iD=Q(`ZodError`,(e,t)=>{IS.init(e,t),e.name=`ZodError`,Object.defineProperties(e,{format:{value:t=>zS(e,t)},flatten:{value:t=>RS(e,t)},addIssue:{value:t=>{e.issues.push(t),e.message=JSON.stringify(e.issues,eS,2)}},addIssues:{value:t=>{e.issues.push(...t),e.message=JSON.stringify(e.issues,eS,2)}},isEmpty:{get(){return e.issues.length===0}}})},{Parent:Error}),aD=BS(iD),oD=HS(iD),sD=WS(iD),cD=KS(iD),lD=JS(iD),uD=YS(iD),dD=XS(iD),fD=ZS(iD),pD=QS(iD),mD=$S(iD),hD=eC(iD),gD=tC(iD),_D=new WeakMap;function vD(e,t,n){let r=Object.getPrototypeOf(e),i=_D.get(r);if(i||(i=new Set,_D.set(r,i)),!i.has(t)){i.add(t);for(let e in n){let t=n[e];Object.defineProperty(r,e,{configurable:!0,enumerable:!1,get(){let n=t.bind(this);return Object.defineProperty(this,e,{configurable:!0,writable:!0,enumerable:!0,value:n}),n},set(t){Object.defineProperty(this,e,{configurable:!0,writable:!0,enumerable:!0,value:t})}})}}}var yD=Q(`ZodType`,(e,t)=>(QC.init(e,t),Object.assign(e[`~standard`],{jsonSchema:{input:CE(e,`input`),output:CE(e,`output`)}}),e.toJSONSchema=SE(e,{}),e.def=t,e.type=t.type,Object.defineProperty(e,"_def",{value:t}),e.parse=(t,n)=>aD(e,t,n,{callee:e.parse}),e.safeParse=(t,n)=>sD(e,t,n),e.parseAsync=async(t,n)=>oD(e,t,n,{callee:e.parseAsync}),e.safeParseAsync=async(t,n)=>cD(e,t,n),e.spa=e.safeParseAsync,e.encode=(t,n)=>lD(e,t,n),e.decode=(t,n)=>uD(e,t,n),e.encodeAsync=async(t,n)=>dD(e,t,n),e.decodeAsync=async(t,n)=>fD(e,t,n),e.safeEncode=(t,n)=>pD(e,t,n),e.safeDecode=(t,n)=>mD(e,t,n),e.safeEncodeAsync=async(t,n)=>hD(e,t,n),e.safeDecodeAsync=async(t,n)=>gD(e,t,n),vD(e,`ZodType`,{check(...e){let t=this.def;return this.clone(cS(t,{checks:[...t.checks??[],...e.map(e=>typeof e==`function`?{_zod:{check:e,def:{check:`custom`},onattach:[]}}:e)]}),{parent:!0})},with(...e){return this.check(...e)},clone(e,t){return vS(this,e,t)},brand(){return this},register(e,t){return e.add(this,t),this},refine(e,t){return this.check(NO(e,t))},superRefine(e,t){return this.check(PO(e,t))},overwrite(e){return this.check(sE(e))},optional(){return mO(this)},exactOptional(){return gO(this)},nullable(){return vO(this)},nullish(){return mO(vO(this))},nonoptional(e){return wO(this,e)},array(){return nO(this)},or(e){return oO([this,e])},and(e){return cO(this,e)},transform(e){return OO(this,fO(e))},default(e){return bO(this,e)},prefault(e){return SO(this,e)},catch(e){return EO(this,e)},pipe(e){return OO(this,e)},readonly(){return jO(this)},describe(e){let t=this.clone();return pT.add(t,{description:e}),t},meta(...e){if(e.length===0)return pT.get(this);let t=this.clone();return pT.add(t,e[0]),t},isOptional(){return this.safeParse(void 0).success},isNullable(){return this.safeParse(null).success},apply(e){return e(this)}}),Object.defineProperty(e,"description",{get(){return pT.get(e)?.description},configurable:!0}),e)),bD=Q(`_ZodString`,(e,t)=>{$C.init(e,t),yD.init(e,t),e._zod.processJSONSchema=(t,n,r)=>TE(e,t,n,r);let n=e._zod.bag;e.format=n.format??null,e.minLength=n.minimum??null,e.maxLength=n.maximum??null,vD(e,`_ZodString`,{regex(...e){return this.check(tE(...e))},includes(...e){return this.check(iE(...e))},startsWith(...e){return this.check(aE(...e))},endsWith(...e){return this.check(oE(...e))},min(...e){return this.check($T(...e))},max(...e){return this.check(QT(...e))},length(...e){return this.check(eE(...e))},nonempty(...e){return this.check($T(1,...e))},lowercase(e){return this.check(nE(e))},uppercase(e){return this.check(rE(e))},trim(){return this.check(lE())},normalize(...e){return this.check(cE(...e))},toLowerCase(){return this.check(uE())},toUpperCase(){return this.check(dE())},slugify(){return this.check(fE())}})}),xD=Q(`ZodString`,(e,t)=>{$C.init(e,t),bD.init(e,t),e.email=t=>e.check(hT(wD,t)),e.url=t=>e.check(xT(DD,t)),e.jwt=t=>e.check(IT(HD,t)),e.emoji=t=>e.check(ST(OD,t)),e.guid=t=>e.check(gT(TD,t)),e.uuid=t=>e.check(_T(ED,t)),e.uuidv4=t=>e.check(vT(ED,t)),e.uuidv6=t=>e.check(yT(ED,t)),e.uuidv7=t=>e.check(bT(ED,t)),e.nanoid=t=>e.check(CT(kD,t)),e.guid=t=>e.check(gT(TD,t)),e.cuid=t=>e.check(wT(AD,t)),e.cuid2=t=>e.check(TT(jD,t)),e.ulid=t=>e.check(ET(MD,t)),e.base64=t=>e.check(NT(zD,t)),e.base64url=t=>e.check(PT(BD,t)),e.xid=t=>e.check(DT(ND,t)),e.ksuid=t=>e.check(OT(PD,t)),e.ipv4=t=>e.check(kT(FD,t)),e.ipv6=t=>e.check(AT(ID,t)),e.cidrv4=t=>e.check(jT(LD,t)),e.cidrv6=t=>e.check(MT(RD,t)),e.e164=t=>e.check(FT(VD,t)),e.datetime=t=>e.check(ZE(t)),e.date=t=>e.check($E(t)),e.time=t=>e.check(tD(t)),e.duration=t=>e.check(rD(t))});function SD(e){return mT(xD,e)}var CD=Q(`ZodStringFormat`,(e,t)=>{ew.init(e,t),bD.init(e,t)}),wD=Q(`ZodEmail`,(e,t)=>{rw.init(e,t),CD.init(e,t)}),TD=Q(`ZodGUID`,(e,t)=>{tw.init(e,t),CD.init(e,t)}),ED=Q(`ZodUUID`,(e,t)=>{nw.init(e,t),CD.init(e,t)}),DD=Q(`ZodURL`,(e,t)=>{iw.init(e,t),CD.init(e,t)}),OD=Q(`ZodEmoji`,(e,t)=>{aw.init(e,t),CD.init(e,t)}),kD=Q(`ZodNanoID`,(e,t)=>{ow.init(e,t),CD.init(e,t)}),AD=Q(`ZodCUID`,(e,t)=>{sw.init(e,t),CD.init(e,t)}),jD=Q(`ZodCUID2`,(e,t)=>{cw.init(e,t),CD.init(e,t)}),MD=Q(`ZodULID`,(e,t)=>{lw.init(e,t),CD.init(e,t)}),ND=Q(`ZodXID`,(e,t)=>{uw.init(e,t),CD.init(e,t)}),PD=Q(`ZodKSUID`,(e,t)=>{dw.init(e,t),CD.init(e,t)}),FD=Q(`ZodIPv4`,(e,t)=>{gw.init(e,t),CD.init(e,t)}),ID=Q(`ZodIPv6`,(e,t)=>{_w.init(e,t),CD.init(e,t)}),LD=Q(`ZodCIDRv4`,(e,t)=>{vw.init(e,t),CD.init(e,t)}),RD=Q(`ZodCIDRv6`,(e,t)=>{yw.init(e,t),CD.init(e,t)}),zD=Q(`ZodBase64`,(e,t)=>{xw.init(e,t),CD.init(e,t)}),BD=Q(`ZodBase64URL`,(e,t)=>{Cw.init(e,t),CD.init(e,t)}),VD=Q(`ZodE164`,(e,t)=>{ww.init(e,t),CD.init(e,t)}),HD=Q(`ZodJWT`,(e,t)=>{Ew.init(e,t),CD.init(e,t)}),UD=Q(`ZodNumber`,(e,t)=>{Dw.init(e,t),yD.init(e,t),e._zod.processJSONSchema=(t,n,r)=>EE(e,t,n,r),vD(e,`ZodNumber`,{gt(e,t){return this.check(YT(e,t))},gte(e,t){return this.check(XT(e,t))},min(e,t){return this.check(XT(e,t))},lt(e,t){return this.check(qT(e,t))},lte(e,t){return this.check(JT(e,t))},max(e,t){return this.check(JT(e,t))},int(e){return this.check(KD(e))},safe(e){return this.check(KD(e))},positive(e){return this.check(YT(0,e))},nonnegative(e){return this.check(XT(0,e))},negative(e){return this.check(qT(0,e))},nonpositive(e){return this.check(JT(0,e))},multipleOf(e,t){return this.check(ZT(e,t))},step(e,t){return this.check(ZT(e,t))},finite(){return this}});let n=e._zod.bag;e.minValue=Math.max(n.minimum??-1/0,n.exclusiveMinimum??-1/0)??null,e.maxValue=Math.min(n.maximum??1/0,n.exclusiveMaximum??1/0)??null,e.isInt=(n.format??``).includes(`int`)||Number.isSafeInteger(n.multipleOf??.5),e.isFinite=!0,e.format=n.format??null});function WD(e){return VT(UD,e)}var GD=Q(`ZodNumberFormat`,(e,t)=>{Ow.init(e,t),UD.init(e,t)});function KD(e){return HT(GD,e)}var qD=Q(`ZodBoolean`,(e,t)=>{kw.init(e,t),yD.init(e,t),e._zod.processJSONSchema=(t,n,r)=>DE(e,t,n,r)});function JD(e){return UT(qD,e)}var YD=Q(`ZodUnknown`,(e,t)=>{Aw.init(e,t),yD.init(e,t),e._zod.processJSONSchema=(e,t,n)=>void 0});function XD(){return WT(YD)}var ZD=Q(`ZodNever`,(e,t)=>{jw.init(e,t),yD.init(e,t),e._zod.processJSONSchema=(t,n,r)=>OE(e,t,n,r)});function QD(e){return GT(ZD,e)}var $D=Q(`ZodDate`,(e,t)=>{Mw.init(e,t),yD.init(e,t),e._zod.processJSONSchema=(t,n,r)=>kE(e,t,n,r),e.min=(t,n)=>e.check(XT(t,n)),e.max=(t,n)=>e.check(JT(t,n));let n=e._zod.bag;e.minDate=n.minimum?new Date(n.minimum):null,e.maxDate=n.maximum?new Date(n.maximum):null});function eO(e){return KT($D,e)}var tO=Q(`ZodArray`,(e,t)=>{Pw.init(e,t),yD.init(e,t),e._zod.processJSONSchema=(t,n,r)=>NE(e,t,n,r),e.element=t.element,vD(e,`ZodArray`,{min(e,t){return this.check($T(e,t))},nonempty(e){return this.check($T(1,e))},max(e,t){return this.check(QT(e,t))},length(e,t){return this.check(eE(e,t))},unwrap(){return this.element}})});function nO(e,t){return pE(tO,e,t)}var rO=Q(`ZodObject`,(e,t)=>{zw.init(e,t),yD.init(e,t),e._zod.processJSONSchema=(t,n,r)=>PE(e,t,n,r),oS(e,`shape`,()=>t.shape),vD(e,`ZodObject`,{keyof(){return uO(Object.keys(this._zod.def.shape))},catchall(e){return this.clone({...this._zod.def,catchall:e})},passthrough(){return this.clone({...this._zod.def,catchall:XD()})},loose(){return this.clone({...this._zod.def,catchall:XD()})},strict(){return this.clone({...this._zod.def,catchall:QD()})},strip(){return this.clone({...this._zod.def,catchall:void 0})},extend(e){return CS(this,e)},safeExtend(e){return wS(this,e)},merge(e){return TS(this,e)},pick(e){return xS(this,e)},omit(e){return SS(this,e)},partial(...e){return ES(pO,this,e[0])},required(...e){return DS(CO,this,e[0])}})});function iO(e,t){return new rO({type:`object`,shape:e??{},...$(t)})}var aO=Q(`ZodUnion`,(e,t)=>{Vw.init(e,t),yD.init(e,t),e._zod.processJSONSchema=(t,n,r)=>FE(e,t,n,r),e.options=t.options});function oO(e,t){return new aO({type:`union`,options:e,...$(t)})}var sO=Q(`ZodIntersection`,(e,t)=>{Hw.init(e,t),yD.init(e,t),e._zod.processJSONSchema=(t,n,r)=>IE(e,t,n,r)});function cO(e,t){return new sO({type:`intersection`,left:e,right:t})}var lO=Q(`ZodEnum`,(e,t)=>{Gw.init(e,t),yD.init(e,t),e._zod.processJSONSchema=(t,n,r)=>AE(e,t,n,r),e.enum=t.entries,e.options=Object.values(t.entries);let n=new Set(Object.keys(t.entries));e.extract=(e,r)=>{let i={};for(let r of e)if(n.has(r))i[r]=t.entries[r];else throw Error(`Key ${r} not found in enum`);return new lO({...t,checks:[],...$(r),entries:i})},e.exclude=(e,r)=>{let i={...t.entries};for(let t of e)if(n.has(t))delete i[t];else throw Error(`Key ${t} not found in enum`);return new lO({...t,checks:[],...$(r),entries:i})}});function uO(e,t){return new lO({type:`enum`,entries:Array.isArray(e)?Object.fromEntries(e.map(e=>[e,e])):e,...$(t)})}var dO=Q(`ZodTransform`,(e,t)=>{Kw.init(e,t),yD.init(e,t),e._zod.processJSONSchema=(t,n,r)=>ME(e,t,n,r),e._zod.parse=(n,r)=>{if(r.direction===`backward`)throw new Xx(e.constructor.name);n.addIssue=r=>{if(typeof r==`string`)n.issues.push(PS(r,n.value,t));else{let t=r;t.fatal&&(t.continue=!1),t.code??=`custom`,t.input??=n.value,t.inst??=e,n.issues.push(PS(t))}};let i=t.transform(n.value,n);return i instanceof Promise?i.then(e=>(n.value=e,n.fallback=!0,n)):(n.value=i,n.fallback=!0,n)}});function fO(e){return new dO({type:`transform`,transform:e})}var pO=Q(`ZodOptional`,(e,t)=>{Jw.init(e,t),yD.init(e,t),e._zod.processJSONSchema=(t,n,r)=>WE(e,t,n,r),e.unwrap=()=>e._zod.def.innerType});function mO(e){return new pO({type:`optional`,innerType:e})}var hO=Q(`ZodExactOptional`,(e,t)=>{Yw.init(e,t),yD.init(e,t),e._zod.processJSONSchema=(t,n,r)=>WE(e,t,n,r),e.unwrap=()=>e._zod.def.innerType});function gO(e){return new hO({type:`optional`,innerType:e})}var _O=Q(`ZodNullable`,(e,t)=>{Xw.init(e,t),yD.init(e,t),e._zod.processJSONSchema=(t,n,r)=>LE(e,t,n,r),e.unwrap=()=>e._zod.def.innerType});function vO(e){return new _O({type:`nullable`,innerType:e})}var yO=Q(`ZodDefault`,(e,t)=>{Zw.init(e,t),yD.init(e,t),e._zod.processJSONSchema=(t,n,r)=>zE(e,t,n,r),e.unwrap=()=>e._zod.def.innerType,e.removeDefault=e.unwrap});function bO(e,t){return new yO({type:`default`,innerType:e,get defaultValue(){return typeof t==`function`?t():hS(t)}})}var xO=Q(`ZodPrefault`,(e,t)=>{$w.init(e,t),yD.init(e,t),e._zod.processJSONSchema=(t,n,r)=>BE(e,t,n,r),e.unwrap=()=>e._zod.def.innerType});function SO(e,t){return new xO({type:`prefault`,innerType:e,get defaultValue(){return typeof t==`function`?t():hS(t)}})}var CO=Q(`ZodNonOptional`,(e,t)=>{eT.init(e,t),yD.init(e,t),e._zod.processJSONSchema=(t,n,r)=>RE(e,t,n,r),e.unwrap=()=>e._zod.def.innerType});function wO(e,t){return new CO({type:`nonoptional`,innerType:e,...$(t)})}var TO=Q(`ZodCatch`,(e,t)=>{nT.init(e,t),yD.init(e,t),e._zod.processJSONSchema=(t,n,r)=>VE(e,t,n,r),e.unwrap=()=>e._zod.def.innerType,e.removeCatch=e.unwrap});function EO(e,t){return new TO({type:`catch`,innerType:e,catchValue:typeof t==`function`?t:()=>t})}var DO=Q(`ZodPipe`,(e,t)=>{rT.init(e,t),yD.init(e,t),e._zod.processJSONSchema=(t,n,r)=>HE(e,t,n,r),e.in=t.in,e.out=t.out});function OO(e,t){return new DO({type:`pipe`,in:e,out:t})}var kO=Q(`ZodPreprocess`,(e,t)=>{DO.init(e,t),aT.init(e,t)}),AO=Q(`ZodReadonly`,(e,t)=>{oT.init(e,t),yD.init(e,t),e._zod.processJSONSchema=(t,n,r)=>UE(e,t,n,r),e.unwrap=()=>e._zod.def.innerType});function jO(e){return new AO({type:`readonly`,innerType:e})}var MO=Q(`ZodCustom`,(e,t)=>{cT.init(e,t),yD.init(e,t),e._zod.processJSONSchema=(t,n,r)=>jE(e,t,n,r)});function NO(e,t={}){return mE(MO,e,t)}function PO(e,t){return hE(e,t)}function FO(e,t){return new kO({type:`pipe`,in:fO(e),out:t})}var IO=iO({date:FO(e=>typeof e==`string`||e instanceof Date?new Date(e):void 0,eO({message:`Date is required`}).refine(e=>!isNaN(e.getTime()),{message:`Invalid date`})),text:SD({message:`Please enter text.`}).min(10,`Text must be at least 10 characters long.`),email:SD({message:`Please enter your email.`}).min(1,`Please enter your email.`).email(`Invalid email address.`),password:SD({message:`Please enter a password.`}).min(8,`Password must be at least 8 characters.`).regex(/[A-Z]/,`Password must include at least one uppercase letter.`).regex(/[0-9]/,`Password must include at least one number.`),range:WD({message:`Please select a range.`}).min(30,`Minimum value is 30.`),number:WD({message:`Please enter a number.`}).min(1,`Minimum is 1.`).max(10,`Maximum is 10.`),checkbox:JD().refine(e=>e===!0,{message:`You must accept the terms and conditions.`}),radio:SD({message:`Please select a gender.`}).min(1,`Please select a gender.`),color:SD({message:`Please select a color.`}).min(1,`Please select a color.`),select:SD({message:`Please select a value.`}).min(1,`Please select a value.`),singleSelect:SD({message:`Please select a single option.`}).min(1,`Please select a single option.`),combobox:SD({message:`Please select a country.`}).min(1,`Please select a country.`),textarea:SD({message:`Please enter a message.`}).min(1,`Please enter a message.`)}),LO={scenarios:{"button-shortkey-table":Sb,"change-tabindex":Cb,"custom-tooltip-css-properties":wb,"date-in-form":Tb,"disabled-interactive-scenario":Db,"focus-elements":Ab,"input-group-with-error":Fb,"inputs-get-value":zb,"react-hook-form-adapter":zx,"react-hook-form-adapter-disabled":Vx,"same-height-of-all-interactive-elements":Hx,"static-form":()=>{let{searchParams:e}=new URL(location.href);return(0,J.jsxs)(J.Fragment,{children:[(0,J.jsxs)(X,{children:[(0,J.jsx)(`p`,{children:`This sample shows how KoliBri can be used in a static form context.`}),(0,J.jsxs)(`ol`,{children:[(0,J.jsxs)(`li`,{children:[`First you have to enable the `,(0,J.jsx)(`code`,{children:`experimental mode`}),`:`,` `,(0,J.jsx)(`code`,{className:`bg-gray-200`,children:`<meta name="kolibri" content="dev-mode=false;experimental-mode=true;" />`})]}),(0,J.jsxs)(`li`,{children:[`Currently you have to use a native `,(0,J.jsx)(`code`,{children:`form`}),` element:`,` `,(0,J.jsx)(`code`,{className:`bg-gray-200`,children:`<form method="GET">...</form>`})]}),(0,J.jsxs)(`li`,{children:[`It is important in static usage to give every input a `,(0,J.jsx)(`code`,{children:`name`}),` attribute:`,` `,(0,J.jsx)(`code`,{className:`bg-gray-200`,children:`<KolInputColor _name="color" _label="Color" />`})]}),(0,J.jsxs)(`li`,{children:[`Last of all one button should have the type `,(0,J.jsx)(`code`,{children:`submit`}),`:`,` `,(0,J.jsx)(`code`,{className:`bg-gray-200`,children:`<KolButton _label="Submit" _type="submit" _variant="primary" />`})]})]})]}),(0,J.jsxs)(`section`,{className:`w-full flex flex-col`,children:[e.size>0&&(0,J.jsxs)(`div`,{className:`grid gap-4`,children:[(0,J.jsx)(N,{_level:2,_label:`Submitted data`}),(0,J.jsx)(`pre`,{className:`text-base`,children:(0,J.jsx)(`code`,{children:JSON.stringify(Object.fromEntries(e.entries()),null,2)})})]}),(0,J.jsxs)(`form`,{className:`grid gap-4`,method:`get`,noValidate:!0,children:[(0,J.jsx)(F,{_name:`checkbox`,_label:`Checkbox`}),(0,J.jsx)(ce,{_name:`color`,_label:`Color`}),(0,J.jsx)(I,{_name:`date`,_label:`Date`}),(0,J.jsx)(le,{_name:`email`,_label:`Email`}),(0,J.jsx)(ue,{_name:`file`,_label:`File`}),(0,J.jsx)(ue,{_name:`file`,_label:`Files (multiple)`,_multiple:!0}),(0,J.jsx)(de,{_name:`number`,_label:`Number`}),(0,J.jsx)(fe,{_name:`password`,_label:`Password`}),(0,J.jsx)(pe,{_name:`radio`,_label:`Radio`,_options:[{label:`Option A`,value:`A`},{label:`Option B`,value:`B`}]}),(0,J.jsx)(me,{_name:`range`,_label:`Range`}),(0,J.jsx)(L,{_name:`text`,_label:`Text`}),(0,J.jsx)(Ce,{_name:`select`,_label:`Select`,_options:[{label:`Option A`,value:`A`},{label:`Option B`,value:`B`}]}),(0,J.jsx)(Ce,{_name:`select`,_label:`Select (multiple)`,_multiple:!0,_options:[{label:`Option A`,value:`A`},{label:`Option B`,value:`B`}],_rows:2}),(0,J.jsx)(we,{_name:`singleSelect`,_label:`Single Select`,_options:[{label:`Option A`,value:`A`},{label:`Option B`,value:`B`}]}),(0,J.jsx)(M,{_name:`combobox`,_label:`Combobox`,_suggestions:af}),(0,J.jsx)(B,{_name:`textarea`,_label:`Textarea`,_rows:5}),(0,J.jsxs)(`div`,{className:`flex flex-wrap gap-4`,children:[(0,J.jsx)(k,{_label:`Submit`,_type:`submit`,_variant:`primary`}),(0,J.jsx)(k,{_label:`Reset`,_type:`reset`})]}),(0,J.jsx)(`input`,{type:`hidden`,value:crypto.randomUUID(),name:`random`})]})]})]})},"sample-form-with-validation":()=>{let{dummyClickEventHandler:e}=zd(),{handleSubmit:t,formState:{errors:n},reset:r,control:i}=_h({mode:`onBlur`,reValidateMode:`onChange`,resolver:YE(IO),defaultValues:{range:30,number:5}}),a=()=>{r(void 0,{keepErrors:!1,keepTouched:!1,keepDirty:!1})},o=Object.entries(n).map(([e,t])=>[e,t.message]).filter(([,e])=>!!e);return(0,J.jsxs)(`section`,{className:`w-full max-w-3xl mx-auto p-6`,children:[(0,J.jsx)(N,{_level:2,_label:`Sample Form with Validation (Zod)`}),(0,J.jsx)(X,{children:(0,J.jsxs)(`p`,{children:[`This example shows validation with `,(0,J.jsx)(`code`,{children:`react-hook-form`}),`, `,(0,J.jsx)(`code`,{children:`Zod`}),`, and an error list.`]})}),o.length>0&&(0,J.jsx)(D,{_type:`error`,_label:`Please fix the following:`,_alert:!0,_variant:`card`,children:(0,J.jsx)(`ul`,{className:`list-disc pl-5`,children:o.map(([e,t],n)=>(0,J.jsx)(`li`,{children:(0,J.jsx)(R,{_label:t,_href:`#field-${e}`,_on:{onClick:t=>{t.preventDefault(),document.getElementById(`field-${e}`)?.focus()}}})},n))})}),(0,J.jsxs)(`form`,{onSubmit:t(e),noValidate:!0,className:`grid gap-4 mt-6`,children:[(0,J.jsx)(Tx,{control:i,name:`date`,_label:`Date`}),(0,J.jsx)(bx,{control:i,name:`text`,_label:`Text (≥ 10 chars)`}),(0,J.jsx)(Sx,{control:i,name:`email`,_label:`Email`}),(0,J.jsx)(xx,{control:i,name:`password`,_label:`Password`}),(0,J.jsx)(wx,{control:i,name:`range`,_label:`Range (≥ 30)`,_min:0,_max:100}),(0,J.jsx)(Cx,{control:i,name:`number`,_label:`Number (1 – 10)`}),(0,J.jsx)(Nx,{control:i,name:`checkbox`,_label:`Accept terms`}),(0,J.jsx)(Mx,{control:i,name:`radio`,_label:`Gender`,_options:[{label:`Female`,value:`f`},{label:`Male`,value:`m`}]}),(0,J.jsx)(Ex,{control:i,name:`color`,_label:`Favorite Color`}),(0,J.jsx)(Ax,{control:i,name:`select`,_label:`Select`,_options:[{label:`Option A`,value:`A`},{label:`Option B`,value:`B`}]}),(0,J.jsx)(jx,{control:i,name:`singleSelect`,_label:`Single Select`,_options:[{label:`Option A`,value:`A`},{label:`Option B`,value:`B`}]}),(0,J.jsx)(kx,{control:i,name:`combobox`,_label:`Country`,_suggestions:af}),(0,J.jsx)(Ox,{control:i,name:`textarea`,_label:`Message`,_rows:4}),(0,J.jsxs)(`div`,{className:`flex gap-4 mt-4`,children:[(0,J.jsx)(k,{_label:`Submit`,_type:`submit`,_variant:`primary`}),(0,J.jsx)(k,{_label:`Reset`,_type:`reset`,onClick:a})]})]})]})},"table-horizontal-scrollbar-advanced":Pb,"toolbar-item-order":()=>{let[e,t]=(0,d.useState)(!1),[n,r]=(0,d.useState)(!1);(0,d.useEffect)(()=>{let n;return e&&(n=setTimeout(()=>{t(!1)},2e3)),()=>clearTimeout(n)},[e]),(0,d.useEffect)(()=>{let e;return n&&(e=setTimeout(()=>{r(!1)},2e3)),()=>clearTimeout(e)},[n]);let i=()=>t(!0),a=()=>r(!0),o=(0,d.useMemo)(()=>Array.from({length:5},(t,n)=>({type:`button`,_label:`Button ${n+1}`,_on:{onClick:i},_icons:e?`fa-solid fa-spinner fa-spin`:void 0,_disabled:e})),[e]),s=(0,d.useMemo)(()=>Array.from({length:5},(e,t)=>({type:`button`,_label:`Button ${t+1}`,_on:{onClick:a},_disabled:n,_icons:n?`fa-solid fa-spinner fa-spin`:void 0})),[n]);return(0,J.jsxs)(`div`,{style:{display:`flex`,flexDirection:`column`,gap:`1rem`},children:[(0,J.jsx)(N,{_label:`Disabled Toolbar Buttons Bug (solved)`}),(0,J.jsx)(N,{_label:`icon vor disabled`,_level:2}),(0,J.jsx)(je,{_label:`KolToolbar A`,_items:o}),(0,J.jsx)(N,{_label:`disabled vor icon`,_level:2}),(0,J.jsxs)(`p`,{children:[`Klicke auf einen der `,s.length-1,` ersten Buttons hatte zur Folge, dass die nachfolgenden Buttons kaputt gehen.`]}),(0,J.jsx)(je,{_label:`KolToolbar B`,_items:s})]})},"tooltip-positioning":()=>(0,J.jsxs)(J.Fragment,{children:[(0,J.jsx)(X,{children:(0,J.jsx)(`p`,{children:`This example demonstrates tooltip positioning within container query contexts. Container queries can interfere with fixed positioning, causing tooltips to render incorrectly relative to the viewport. The layout containment fix ensures tooltips position properly even when their parent elements use container-based sizing and layout rules.`})}),(0,J.jsx)(`div`,{style:{container:`test / size`,contain:`layout`},children:(0,J.jsx)(be,{_label:`Sample PopoverButton—Click for Popover`,_icons:`kolicon-alert-info`,_tooltipAlign:`right`,_hideLabel:!0,children:`This is an explanation shown on click.`})})]}),"accordion-components":bb,"z-index":()=>{let[e]=Hr(),t=e.get(`show-dialog`),n=(0,d.useRef)(null);return(0,d.useEffect)(()=>{t===`true`&&n.current?.openModal()},[]),(0,J.jsxs)(J.Fragment,{children:[(0,J.jsx)(X,{children:(0,J.jsx)(`p`,{children:`This sample shows the combination of a few components overlaying content. Dialog, Popover, Tooltip`})}),(0,J.jsx)(`div`,{className:`grid gap-8`,children:(0,J.jsxs)(`div`,{children:[(0,J.jsx)(k,{_label:`Open card dialog`,_on:{onClick:()=>n.current?.openModal()}}),(0,J.jsxs)(ie,{ref:n,_label:`Card dialog`,_variant:`card`,_width:`30%`,children:[(0,J.jsx)(be,{_label:`Help`,_icons:`kolicon-alert-info`,_popoverAlign:`right`,_tooltipAlign:`bottom`,_hideLabel:!0,children:(0,J.jsxs)(`div`,{className:`w-sm p-2 border border-solid border-gray`,children:[(0,J.jsxs)(`p`,{children:[(0,J.jsx)(`u`,{children:`Lorem ipsum dolor sit amet`}),`, consectetur adipisicing elit. Aspernatur aut dolore dolores itaque praesentium reprehenderit sed voluptatum! Exercitationem ipsa magni maiores modi, placeat quas quos reprehenderit rerum sit veniam vitae.`]}),(0,J.jsx)(k,{_hideLabel:!0,_icons:`kolicon-check`,_label:`OK`,_variant:`primary`})]})}),(0,J.jsx)(M,{_label:`With string array in html`,_suggestions:`['Herr','Frau','Firma']`,_value:`Herr`,_hideLabel:!0}),(0,J.jsx)(de,{_label:`Amount`})]})]})})]})},"performance-test":Bb,skeleton:()=>{let e=(0,d.useRef)(null),t=(0,d.useRef)(null),n=new Intl.NumberFormat(`de-DE`,{style:`unit`,unit:`millisecond`,maximumFractionDigits:1}),r=new Intl.DateTimeFormat(`de-DE`,{hour:`2-digit`,minute:`2-digit`,second:`2-digit`}),[i,a]=(0,d.useState)(3),[o,s]=(0,d.useState)([]),[c,l]=(0,d.useState)(``),[u,f]=(0,d.useState)(0),[p,m]=(0,d.useState)(20),[h,g]=(0,d.useState)(0),[_,v]=(0,d.useState)(null),[y,b]=(0,d.useState)(!1),x=(0,d.useRef)(0),ee=(0,d.useRef)(20),S=(0,d.useRef)(0),C=e=>{let t=new Date,n=r.format(t),i=u+1;a(e.detail),l(n),f(i),s(t=>[{timestamp:n,count:e.detail,id:i},...t.slice(0,4)])},w=(0,d.useCallback)(()=>{S.current+=1,S.current>=ee.current&&(v(performance.now()-x.current),b(!1))},[]);return(0,J.jsxs)(J.Fragment,{children:[(0,J.jsx)(X,{children:(0,J.jsx)(`p`,{children:`KolSkeleton demonstriert Event-Emitter mit automatischem Intervall. Die Komponente emittiert alle 2 Sekunden ein "loaded" Event mit dem aktuellen Count-Wert. Über die Buttons kann die Komponente getoggled und fokussiert werden. Der interne ClickButton erhöht bei Klick den Counter.`})}),(0,J.jsxs)(`div`,{className:`grid md:grid-cols-2 gap-4 mb-4 items-center`,children:[(0,J.jsxs)(`div`,{className:`grid sm:grid-cols-2 gap-4`,children:[(0,J.jsx)(k,{_label:`Toggle Sichtbarkeit`,_on:{onClick:()=>e.current?.toggle()},_variant:`primary`}),(0,J.jsx)(k,{_label:`Fokus auf Button`,_on:{onClick:()=>e.current?.focus()},_variant:`secondary`})]}),(0,J.jsxs)(`div`,{className:`grid sm:grid-cols-2 gap-4 items-center`,children:[(0,J.jsx)(me,{ref:t,_label:`Anzahl der Skeletons`,_hideLabel:!0,_min:1,_max:1e4,_step:25,_value:p,_on:{onChange:(e,t)=>{let n=Number(t);m(n),S.current=0,ee.current=n,x.current=performance.now(),v(null),b(!0),g(e=>e+1)},onBlur:()=>{t.current&&(t.current._value=p)}}}),(0,J.jsxs)(`span`,{className:`text-sm text-gray-600 whitespace-nowrap`,children:[p,` Skeletons`]})]})]}),(0,J.jsxs)(`div`,{className:`mb-4 px-3 py-2 border border-gray-300 rounded bg-gray-50 flex items-center gap-4 text-sm`,children:[(0,J.jsx)(`span`,{className:`font-semibold`,children:`Benchmark:`}),(0,J.jsx)(`span`,{className:y?`text-orange-600 font-bold`:_===null?`text-gray-400`:`text-green-600`,children:y?`Rendering…`:_===null?`Bereit`:`Fertig`}),(0,J.jsx)(`span`,{className:`font-bold text-blue-600`,"aria-live":`polite`,children:_===null?`—`:n.format(_)})]}),(0,J.jsx)(`div`,{className:`flex flex-wrap gap-4`,children:Array.from({length:p},(t,n)=>(0,J.jsx)(Te,{_name:`Example ${n}`,onLoaded:n===0?C:void 0,onRendered:w,ref:n===0?e:void 0},`skeleton-${h}-${n}`))}),(0,J.jsxs)(`div`,{className:`mt-6 p-4 border border-gray-300 rounded-lg bg-gray-50`,children:[(0,J.jsx)(`h3`,{className:`text-lg font-semibold mb-3`,children:`Event Monitor`}),(0,J.jsxs)(`div`,{className:`grid grid-cols-1 md:grid-cols-2 gap-4`,children:[(0,J.jsxs)(`div`,{children:[(0,J.jsx)(`p`,{className:`font-medium`,children:`Aktueller Count-Wert:`}),(0,J.jsx)(`p`,{className:`text-2xl font-bold text-blue-600`,"aria-live":`polite`,children:i})]}),(0,J.jsxs)(`div`,{children:[(0,J.jsx)(`p`,{className:`font-medium`,children:`Letztes Event:`}),(0,J.jsx)(`p`,{className:`text-lg`,"aria-live":`polite`,children:c||`Noch kein Event empfangen`})]})]}),(0,J.jsxs)(`div`,{className:`mt-4`,children:[(0,J.jsxs)(`p`,{className:`font-medium mb-2`,children:[`Events empfangen: `,(0,J.jsx)(`span`,{className:`font-bold`,children:u})]}),o.length>0&&(0,J.jsxs)(`div`,{children:[(0,J.jsx)(`p`,{className:`font-medium mb-2`,children:`Event-Historie (letzte 5):`}),(0,J.jsx)(`ul`,{className:`text-sm space-y-1 max-h-32 overflow-y-auto`,children:o.map(e=>(0,J.jsxs)(`li`,{className:`flex justify-between items-center p-2 bg-white rounded border`,children:[(0,J.jsxs)(`span`,{children:[`#`,e.id,`: Count = `,e.count]}),(0,J.jsx)(`span`,{className:`text-gray-500`,children:e.timestamp})]},e.id))})]})]}),(0,J.jsx)(`div`,{className:`mt-4 p-3 bg-blue-50 rounded`,children:(0,J.jsxs)(`p`,{className:`text-sm text-blue-800`,children:[`💡 `,(0,J.jsx)(`strong`,{children:`Tipp:`}),` Die Komponente emittiert automatisch alle 2 Sekunden ein Event. Klicke auf den "Click Button" in der Komponente, um den Count-Wert zu erhöhen.`]})})]})]})}}},RO={...Hf,...Od,...kd,...Md,...Nd,...Id,...Ld,...Bd,...Qd,...$d,...pf,...mf,...gf,...yf,...bf,...Uf,...rp,...ip,...dp,...mp,...kp,...Mp,...Ip,...pg,...gg,...yg,...Sg,...Kg,...qg,...Xg,...Zg,...Qg,...$g,...i_,...a_,...o_,...s_,...c_,...h_,...C_,...w_,...S_,...T_,...Jy,...ib,...lb,...mb,...hb,..._b,...vb,...LO};kf(localStorage);var zO=({customThemes:e})=>{let t=ln(),[n,r]=Hr(),i=n.has(`hideMenus`),a=(0,d.useMemo)(()=>{let t=[Cf,...e&&e.length>0?e:wf];return jf(t),t},[e]),o=n.get(`theme`)??Pf(),[s,c]=(0,d.useState)(()=>tp.isInitialized(a));(0,d.useEffect)(()=>{let e=!0;if(tp.isInitialized(a)){c(!0);return}return c(!1),tp.initialize(a).then(()=>{e&&c(!0)}),()=>{e=!1}},[a]);let l=(e,t=`/`)=>{let n=[];for(let r in e)if(e[r]){let i=e[r],a=`${t}${r}`;typeof i==`function`?n.push(a):typeof i==`object`&&i&&(n=n.concat(l(i,`${a}/`)))}return n},u=e=>{let t=[];for(let n in e)if(e[n]){let r=e[n],i=`/${n}`;if(typeof r==`function`)t.push((0,J.jsx)(Bn,{path:i,element:(0,J.jsx)(r,{})},i)),t.push((0,J.jsx)(Bn,{path:`${i}/all`,element:(0,J.jsx)(`div`,{className:`d-grid gap-4`,children:a.map(e=>(0,J.jsxs)(`div`,{className:`d-grid gap-2`,children:[(0,J.jsx)(`div`,{className:`mt-4`,children:(0,J.jsx)(`strong`,{children:e.name})}),(0,J.jsx)(`div`,{className:`my-2`,children:(0,J.jsx)(r,{})}),(0,J.jsx)(`hr`,{"aria-hidden":`true`})]},e.key))})},`${i}/all`));else if(typeof r==`object`&&r){let e=Object.keys(r);e.length>0&&t.push((0,J.jsx)(Bn,{path:`${i}/*`,element:(0,J.jsxs)(Hn,{children:[(0,J.jsx)(Bn,{path:`/`,element:(0,J.jsx)(zn,{to:e[0]})}),u(r)]})},i))}}return t},f=(0,d.useMemo)(()=>l(RO),[e]),p=(0,d.useMemo)(()=>u(RO),[e]),m=new Map;return f.forEach(e=>{let t=e.split(`/`);m.has(t[1])||m.set(t[1],{label:t[1],value:e})}),Nf(o),Cd(),document.title=`KoliBri-Handout - ${Ff(Pf())} | v${md.version}`,document.body.setAttribute(`class`,o),document.body.dataset.theme=o,s?(0,J.jsx)(wd.Provider,{value:i,children:(0,J.jsxs)(`div`,{className:i?``:`app-container`,"data-theme":o,children:[!i&&(0,J.jsx)(Sd,{version:md.version,themes:a,theme:o,sample:t.pathname,routes:RO,routeList:f,buildDate:`2026-06-24T14:34:58.359Z`,commitHash:`dbe255c`,onThemeChange:e=>{r({theme:e}),window.location.reload()}}),(0,J.jsx)(`main`,{className:`flex flex-col items-stretch p-4`,id:`route-container`,children:(0,J.jsxs)(Hn,{children:[p,(0,J.jsx)(Bn,{path:`*`,element:(0,J.jsx)(zn,{to:f[0],replace:!0})}),(0,J.jsx)(Bn,{path:`back-page`,element:(0,J.jsx)(gd,{})})]})})]})}):(0,J.jsx)(wd.Provider,{value:i,children:(0,J.jsx)(`main`,{className:`flex flex-col items-stretch p-4`,id:`route-container`,children:(0,J.jsx)(`p`,{children:`Loading data`})})})},BO=new URL(`https://x`+location.hash.substring(1)).searchParams.has(`enableI18nOverwriting`),VO=new URL(`https://x`+location.hash.substring(1)).searchParams.has(`enableThemePatching`),HO=new URL(`https://x`+location.hash.substring(1)).searchParams.has(`enableTagNameTransformer`),UO=e=>`${e}-sample`;HO&&x(UO);var WO=async()=>{throw Error(`Environment variable THEME_MODULE not specified. The visual-tests app must be started via "kolibri-visual-test".`)};(async()=>{try{await fc(await WO(),()=>{pd(window,{transformTagName:HO?UO:void 0})},{environment:`production`,reflectInputValues:!0,theme:void 0,translation:{name:`en`},translations:BO?new Set([e=>e(`en`,{"kol-error":`Tiny error!`}),e=>e(`de`,{"kol-error":`Kleiner Fehler!`})]):void 0,transformTagName:HO?UO:void 0}),VO&&Po.patchTheme(`default`,{"KOL-BUTTON":`
|
|
159
|
+
button {
|
|
160
|
+
border: 1px solid red;
|
|
161
|
+
}`,"KOL-SPIN":`
|
|
162
|
+
.bg-spin-2 {
|
|
163
|
+
background-color: red;
|
|
164
|
+
}
|
|
165
|
+
.bg-spin-3 {
|
|
166
|
+
background-color: gold;
|
|
167
|
+
}`},{append:!0})}catch(e){console.warn(`Theme registration failed:`,e)}let e=Si(),t=e?[{key:e,name:e}]:void 0;If(t);let n=document.querySelector(`div#app`);n instanceof HTMLDivElement&&(0,Ve.createRoot)(n).render((0,J.jsx)(d.StrictMode,{children:(0,J.jsx)(jr,{children:(0,J.jsx)(zO,{customThemes:t})})}))})();export{ra as $,Ms as A,ho as At,No as B,ss as C,uo as Ct,ws as D,mo as Dt,gs as E,Fa as Et,Xs as F,Pa as G,Ro as H,Zs as I,Oa as J,Ta as K,Qs as L,Vs as M,Ws as N,Ts as O,_o as Ot,Ys as P,$r as Q,Ho as R,as as S,fa as St,ds as T,Ma as Tt,Ca as U,xa as V,Na as W,Aa as X,co as Y,pa as Z,Ko as _,eo as _t,du as a,Io as at,$o as b,ma as bt,Oc as c,jo as ct,xc as d,Mo as dt,da as et,wc as f,xo as ft,lc as g,bo as gt,cc as h,$a as ht,fu as i,Fo as it,Is as j,po as jt,As as k,go as kt,Dc as l,Eo as lt,mc as m,so as mt,sd as n,to as nt,ql as o,Lo as ot,bc as p,So as pt,Da as q,Yl as r,la as rt,Jc as s,ua as st,Fc as t,na as tt,Ec as u,Do as ut,Yo as v,ao as vt,cs as w,vo as wt,ts as x,lo as xt,Qo as y,Ga as yt,Po as z};
|
|
168
|
+
//# sourceMappingURL=index-CLYw1HnO.js.map
|