@public-ui/components 4.5.0-rc.6 → 4.5.0-rc.7
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/assets/kolicons/kolicons.eot +0 -0
- package/assets/kolicons/kolicons.ttf +0 -0
- package/assets/kolicons/kolicons.woff +0 -0
- package/assets/kolicons/kolicons.woff2 +0 -0
- package/assets/kolicons/style.css +6 -6
- package/custom-elements.json +1 -2
- package/dist/cjs/{Heading-Bck3PFpH.js → Heading-d30Feghg.js} +3 -3
- package/dist/cjs/{Heading-Bck3PFpH.js.map → Heading-d30Feghg.js.map} +1 -1
- package/dist/cjs/{api-BcNl2vZm.js → api-C8ZkIyx7.js} +8 -8
- package/dist/cjs/{api-BcNl2vZm.js.map → api-C8ZkIyx7.js.map} +1 -1
- package/dist/cjs/{api-LP3gnw7U.js → api-CRSjJs8P.js} +12 -12
- package/dist/cjs/{api-LP3gnw7U.js.map → api-CRSjJs8P.js.map} +1 -1
- package/dist/cjs/{app-globals-oR-jEiju.js → app-globals-B6wB2cXk.js} +4 -4
- package/dist/cjs/{app-globals-oR-jEiju.js.map → app-globals-B6wB2cXk.js.map} +1 -1
- package/dist/cjs/{base-CwXJywKD.js → base-C3MDHUog.js} +4 -4
- package/dist/cjs/{base-CwXJywKD.js.map → base-C3MDHUog.js.map} +1 -1
- package/dist/cjs/{base-DbfvhKRa.js → base-CyQnTxi6.js} +4 -4
- package/dist/cjs/{base-DbfvhKRa.js.map → base-CyQnTxi6.js.map} +1 -1
- package/dist/cjs/{base-DaK2F3pq.js → base-DgUZAiNc.js} +16 -16
- package/dist/cjs/{base-DaK2F3pq.js.map → base-DgUZAiNc.js.map} +1 -1
- package/dist/cjs/{base-BDGmLWVj.js → base-LmwA5h1k.js} +5 -5
- package/dist/cjs/{base-BDGmLWVj.js.map → base-LmwA5h1k.js.map} +1 -1
- package/dist/cjs/{base-web-component-C8MLLGxi.js → base-web-component-C-CwpVZw.js} +16 -9
- package/dist/cjs/base-web-component-C-CwpVZw.js.map +1 -0
- package/dist/cjs/{base-web-component-mmgXJMg0.js → base-web-component-d2k3Mc9P.js} +7 -7
- package/dist/cjs/{base-web-component-mmgXJMg0.js.map → base-web-component-d2k3Mc9P.js.map} +1 -1
- package/dist/cjs/{behavior-DWqrO2yi.js → behavior-C-BdOoSN.js} +3 -3
- package/dist/cjs/{behavior-DWqrO2yi.js.map → behavior-C-BdOoSN.js.map} +1 -1
- package/dist/cjs/{color-C9UZwMvC.js → color-CZiNkZFM.js} +3 -3
- package/dist/cjs/{color-C9UZwMvC.js.map → color-CZiNkZFM.js.map} +1 -1
- package/dist/cjs/{component-GfDUM7Um.js → component-B1kzY-J5.js} +4 -4
- package/dist/cjs/{component-GfDUM7Um.js.map → component-B1kzY-J5.js.map} +1 -1
- package/dist/cjs/{component-BT86Nj6R.js → component-B1zMXSkZ.js} +5 -5
- package/dist/cjs/{component-BT86Nj6R.js.map → component-B1zMXSkZ.js.map} +1 -1
- package/dist/cjs/{component-X_thXnkE.js → component-BHDnSaCH.js} +3 -3
- package/dist/cjs/{component-X_thXnkE.js.map → component-BHDnSaCH.js.map} +1 -1
- package/dist/cjs/{component-1NrcvQzp.js → component-BIz_gAas.js} +7 -7
- package/dist/cjs/{component-1NrcvQzp.js.map → component-BIz_gAas.js.map} +1 -1
- package/dist/cjs/{component-ZPvcKmPR.js → component-BairlFHi.js} +3 -3
- package/dist/cjs/{component-ZPvcKmPR.js.map → component-BairlFHi.js.map} +1 -1
- package/dist/cjs/{component-xIM903qi.js → component-CmyhDJ0r.js} +3 -3
- package/dist/cjs/{component-xIM903qi.js.map → component-CmyhDJ0r.js.map} +1 -1
- package/dist/cjs/{component-DNDfYzXZ.js → component-D2kI8uwF.js} +5 -5
- package/dist/cjs/{component-DNDfYzXZ.js.map → component-D2kI8uwF.js.map} +1 -1
- package/dist/cjs/{component-CmvG-auD.js → component-D33lYKYT.js} +3 -3
- package/dist/cjs/{component-CmvG-auD.js.map → component-D33lYKYT.js.map} +1 -1
- package/dist/cjs/{component-uHDfV5D8.js → component-DITtC2F9.js} +7 -7
- package/dist/cjs/{component-uHDfV5D8.js.map → component-DITtC2F9.js.map} +1 -1
- package/dist/cjs/{component-DuPEYx7z.js → component-DaAVlb5U.js} +4 -4
- package/dist/cjs/{component-DuPEYx7z.js.map → component-DaAVlb5U.js.map} +1 -1
- package/dist/cjs/{component-CtNPdMS0.js → component-KT0MKnL5.js} +5 -5
- package/dist/cjs/{component-CtNPdMS0.js.map → component-KT0MKnL5.js.map} +1 -1
- package/dist/cjs/{component-o3s7XplI.js → component-_jdRFw0Y.js} +4 -4
- package/dist/cjs/{component-o3s7XplI.js.map → component-_jdRFw0Y.js.map} +1 -1
- package/dist/cjs/{contrast-kLMuDQLl.js → contrast-CrL_sMV6.js} +3 -12
- package/dist/cjs/contrast-CrL_sMV6.js.map +1 -0
- package/dist/cjs/{dev.utils-BjrG4FNf.js → dev.utils-B1bWgxrQ.js} +3 -3
- package/dist/cjs/{dev.utils-BjrG4FNf.js.map → dev.utils-B1bWgxrQ.js.map} +1 -1
- package/dist/cjs/{devtools-D_afWgpU.js → devtools-DlcIXbRm.js} +4 -4
- package/dist/cjs/{devtools-D_afWgpU.js.map → devtools-DlcIXbRm.js.map} +1 -1
- package/dist/cjs/{field-control-DAHkvYr4.js → field-control-D0lryu2-.js} +8 -8
- package/dist/cjs/{field-control-DAHkvYr4.js.map → field-control-D0lryu2-.js.map} +1 -1
- package/dist/cjs/{group-DHYxVn2x.js → group-DIGY9sM6.js} +5 -5
- package/dist/cjs/{group-DHYxVn2x.js.map → group-DIGY9sM6.js.map} +1 -1
- package/dist/cjs/{index-BnEus4Y9.js → index-qcrGfEY6.js} +3 -3
- package/dist/cjs/{index-BnEus4Y9.js.map → index-qcrGfEY6.js.map} +1 -1
- package/dist/cjs/{input-eDaEE80n.js → input-BjNjOSo5.js} +5 -5
- package/dist/cjs/{input-eDaEE80n.js.map → input-BjNjOSo5.js.map} +1 -1
- package/dist/cjs/{input-container-Cye4qL9S.js → input-container-DghKiuUH.js} +7 -7
- package/dist/cjs/{input-container-Cye4qL9S.js.map → input-container-DghKiuUH.js.map} +1 -1
- package/dist/cjs/{item-C0yzJQUg.js → item-BKz8BDg2.js} +4 -4
- package/dist/cjs/{item-C0yzJQUg.js.map → item-BKz8BDg2.js.map} +1 -1
- package/dist/cjs/{item-wz0gBnmK.js → item-BMB6SaVm.js} +4 -4
- package/dist/cjs/{item-wz0gBnmK.js.map → item-BMB6SaVm.js.map} +1 -1
- package/dist/cjs/{item-Dflr47KV.js → item-CFojolE7.js} +8 -8
- package/dist/cjs/{item-Dflr47KV.js.map → item-CFojolE7.js.map} +1 -1
- package/dist/cjs/{item-BSdQbEav.js → item-DdnTb-BP.js} +3 -3
- package/dist/cjs/{item-BSdQbEav.js.map → item-DdnTb-BP.js.map} +1 -1
- package/dist/cjs/kol-abbr.cjs.entry.js +2 -2
- package/dist/cjs/kol-accordion.cjs.entry.js +7 -7
- package/dist/cjs/kol-alert.cjs.entry.js +11 -11
- package/dist/cjs/kol-avatar.cjs.entry.js +3 -3
- package/dist/cjs/kol-badge.cjs.entry.js +12 -12
- package/dist/cjs/kol-breadcrumb.cjs.entry.js +9 -9
- package/dist/cjs/kol-button-link.cjs.entry.js +10 -10
- package/dist/cjs/kol-button.cjs.entry.js +10 -10
- package/dist/cjs/kol-card.cjs.entry.js +11 -11
- package/dist/cjs/kol-click-button.cjs.entry.js +2 -2
- package/dist/cjs/kol-combobox.cjs.entry.js +18 -18
- package/dist/cjs/kol-details.cjs.entry.js +7 -7
- package/dist/cjs/kol-dialog.cjs.entry.js +13 -13
- package/dist/cjs/kol-drawer.cjs.entry.js +12 -12
- package/dist/cjs/kol-form.cjs.entry.js +12 -12
- package/dist/cjs/kol-heading.cjs.entry.js +1 -1
- package/dist/cjs/kol-icon.cjs.entry.js +3 -3
- package/dist/cjs/kol-image.cjs.entry.js +1 -1
- package/dist/cjs/kol-input-checkbox.cjs.entry.js +17 -17
- package/dist/cjs/kol-input-color.cjs.entry.js +18 -18
- package/dist/cjs/kol-input-date.cjs.entry.js +18 -18
- package/dist/cjs/kol-input-email.cjs.entry.js +20 -20
- package/dist/cjs/kol-input-file.cjs.entry.js +17 -17
- package/dist/cjs/kol-input-number.cjs.entry.js +18 -18
- package/dist/cjs/kol-input-password.cjs.entry.js +22 -22
- package/dist/cjs/kol-input-password.entry.cjs.js.map +1 -1
- package/dist/cjs/kol-input-radio.cjs.entry.js +17 -17
- package/dist/cjs/kol-input-range.cjs.entry.js +18 -18
- package/dist/cjs/kol-input-text.cjs.entry.js +20 -20
- package/dist/cjs/kol-kolibri.cjs.entry.js +2 -2
- package/dist/cjs/kol-link-button.cjs.entry.js +10 -10
- package/dist/cjs/kol-link.cjs.entry.js +10 -10
- package/dist/cjs/kol-meter.cjs.entry.js +1 -1
- package/dist/cjs/kol-modal.cjs.entry.js +13 -13
- package/dist/cjs/kol-nav.cjs.entry.js +13 -13
- package/dist/cjs/kol-pagination.cjs.entry.js +18 -18
- package/dist/cjs/kol-popover-button.cjs.entry.js +12 -13
- package/dist/cjs/kol-popover-button.entry.cjs.js.map +1 -1
- package/dist/cjs/kol-progress.cjs.entry.js +1 -1
- package/dist/cjs/kol-quote.cjs.entry.js +1 -1
- package/dist/cjs/kol-select.cjs.entry.js +17 -17
- package/dist/cjs/kol-single-select.cjs.entry.js +18 -18
- package/dist/cjs/kol-skeleton.cjs.entry.js +2 -2
- package/dist/cjs/kol-skip-nav.cjs.entry.js +9 -9
- package/dist/cjs/kol-spin.cjs.entry.js +3 -3
- package/dist/cjs/kol-split-button.cjs.entry.js +12 -12
- package/dist/cjs/kol-table-stateful.cjs.entry.js +25 -25
- package/dist/cjs/kol-table-stateless.cjs.entry.js +19 -19
- package/dist/cjs/kol-tabs.cjs.entry.js +9 -9
- package/dist/cjs/kol-textarea.cjs.entry.js +20 -20
- package/dist/cjs/kol-textarea.entry.cjs.js.map +1 -1
- package/dist/cjs/kol-toast-container.cjs.entry.js +11 -11
- package/dist/cjs/kol-toolbar.cjs.entry.js +33 -14
- package/dist/cjs/kol-toolbar.entry.cjs.js.map +1 -1
- package/dist/cjs/kol-tooltip-wc.cjs.entry.js +4 -4
- package/dist/cjs/kol-tree-item.cjs.entry.js +9 -9
- package/dist/cjs/kol-tree.cjs.entry.js +1 -1
- package/dist/cjs/kol-version.cjs.entry.js +10 -10
- package/dist/cjs/kolibri.cjs.js +2 -2
- package/dist/cjs/loader.cjs.js +2 -2
- package/dist/cjs/{resolve-props-DOU1VJNL.js → resolve-props-pAyNSZMT.js} +3 -3
- package/dist/cjs/{resolve-props-DOU1VJNL.js.map → resolve-props-pAyNSZMT.js.map} +1 -1
- package/dist/cjs/{scroll-lock-C6dUw4on.js → scroll-lock-CNwobwd2.js} +3 -3
- package/dist/cjs/{scroll-lock-C6dUw4on.js.map → scroll-lock-CNwobwd2.js.map} +1 -1
- package/dist/cjs/{suggestions-0hcm13gT.js → suggestions-D4TMMZSv.js} +4 -4
- package/dist/cjs/{suggestions-0hcm13gT.js.map → suggestions-D4TMMZSv.js.map} +1 -1
- package/dist/cjs/test-component.cjs.entry.js +1 -1
- package/dist/cjs/{toggle-handler-kOflG5om.js → toggle-handler-mIB8gvse.js} +5 -5
- package/dist/cjs/{toggle-handler-kOflG5om.js.map → toggle-handler-mIB8gvse.js.map} +1 -1
- package/dist/collection/components/accordion/style.css +2 -2
- package/dist/collection/components/alert/style.css +2 -2
- package/dist/collection/components/badge/style.css +2 -2
- package/dist/collection/components/breadcrumb/style.css +2 -2
- package/dist/collection/components/button/style.css +2 -2
- package/dist/collection/components/button-link/style.css +2 -2
- package/dist/collection/components/card/style.css +2 -2
- package/dist/collection/components/combobox/style.css +2 -2
- package/dist/collection/components/details/style.css +2 -2
- package/dist/collection/components/dialog/style.css +2 -2
- package/dist/collection/components/drawer/style.css +2 -2
- package/dist/collection/components/form/style.css +2 -2
- package/dist/collection/components/icon/style.css +2 -2
- package/dist/collection/components/input-checkbox/style.css +2 -2
- package/dist/collection/components/input-color/style.css +2 -2
- package/dist/collection/components/input-date/style.css +2 -2
- package/dist/collection/components/input-email/style.css +2 -2
- package/dist/collection/components/input-file/style.css +2 -2
- package/dist/collection/components/input-number/style.css +2 -2
- package/dist/collection/components/input-password/component.js +2 -2
- package/dist/collection/components/input-password/component.js.map +1 -1
- package/dist/collection/components/input-password/style.css +2 -2
- package/dist/collection/components/input-radio/style.css +2 -2
- package/dist/collection/components/input-range/style.css +2 -2
- package/dist/collection/components/input-text/style.css +2 -2
- package/dist/collection/components/link/style.css +2 -2
- package/dist/collection/components/link-button/style.css +2 -2
- package/dist/collection/components/modal/style.css +2 -2
- package/dist/collection/components/nav/style.css +2 -2
- package/dist/collection/components/pagination/style.css +2 -2
- package/dist/collection/components/popover-button/component.js +2 -4
- package/dist/collection/components/popover-button/component.js.map +1 -1
- package/dist/collection/components/popover-button/style.css +2 -2
- package/dist/collection/components/select/style.css +2 -2
- package/dist/collection/components/single-select/style.css +2 -2
- package/dist/collection/components/skip-nav/style.css +2 -2
- package/dist/collection/components/split-button/style.css +2 -2
- package/dist/collection/components/table-stateful/style.css +2 -2
- package/dist/collection/components/table-stateless/style.css +2 -2
- package/dist/collection/components/tabs/style.css +2 -2
- package/dist/collection/components/textarea/component.js +3 -3
- package/dist/collection/components/textarea/component.js.map +1 -1
- package/dist/collection/components/textarea/style.css +2 -2
- package/dist/collection/components/toaster/style.css +2 -2
- package/dist/collection/components/toolbar/component.js +1 -1
- package/dist/collection/components/toolbar/component.js.map +1 -1
- package/dist/collection/components/toolbar/style.css +9 -3
- package/dist/collection/components/tree-item/style.css +2 -2
- package/dist/collection/components/version/style.css +2 -2
- package/dist/collection/internal/functional-components/form-field/select-value.js +3 -1
- package/dist/collection/internal/functional-components/form-field/select-value.js.map +1 -1
- package/dist/collection/internal/functional-components/form-field/select.js +8 -3
- package/dist/collection/internal/functional-components/form-field/select.js.map +1 -1
- package/dist/collection/internal/functional-components/form-field/select.test.js +88 -0
- package/dist/collection/internal/functional-components/form-field/select.test.js.map +1 -1
- package/dist/collection/internal/functional-components/form-field/textarea.js.map +1 -1
- package/dist/collection/internal/functional-components/toolbar/api.js.map +1 -1
- package/dist/collection/internal/functional-components/toolbar/component.js +1 -1
- package/dist/collection/internal/functional-components/toolbar/component.js.map +1 -1
- package/dist/collection/internal/functional-components/toolbar/item.js +20 -1
- package/dist/collection/internal/functional-components/toolbar/item.js.map +1 -1
- package/dist/collection/schema/props/toolbar-items.js.map +1 -1
- package/dist/collection/schema/utils/contrast.js +2 -10
- package/dist/collection/schema/utils/contrast.js.map +1 -1
- package/dist/components/base-web-component4.js +11 -4
- package/dist/components/base-web-component4.js.map +1 -1
- package/dist/components/contrast.js +1 -10
- package/dist/components/contrast.js.map +1 -1
- package/dist/components/kol-accordion.js +1 -1
- package/dist/components/kol-alert.js +1 -1
- package/dist/components/kol-badge.js +1 -1
- package/dist/components/kol-breadcrumb.js +1 -1
- package/dist/components/kol-button-link.js +1 -1
- package/dist/components/kol-button.js +1 -1
- package/dist/components/kol-card.js +1 -1
- package/dist/components/kol-combobox.js +1 -1
- package/dist/components/kol-details.js +1 -1
- package/dist/components/kol-dialog.js +1 -1
- package/dist/components/kol-drawer.js +1 -1
- package/dist/components/kol-form.js +1 -1
- package/dist/components/kol-icon.js +1 -1
- package/dist/components/kol-input-checkbox.js +1 -1
- package/dist/components/kol-input-color.js +1 -1
- package/dist/components/kol-input-date.js +1 -1
- package/dist/components/kol-input-email.js +1 -1
- package/dist/components/kol-input-file.js +1 -1
- package/dist/components/kol-input-number.js +1 -1
- package/dist/components/kol-input-password.js +3 -3
- package/dist/components/kol-input-password.js.map +1 -1
- package/dist/components/kol-input-radio.js +1 -1
- package/dist/components/kol-input-range.js +1 -1
- package/dist/components/kol-input-text.js +1 -1
- package/dist/components/kol-link-button.js +1 -1
- package/dist/components/kol-link.js +1 -1
- package/dist/components/kol-modal.js +1 -1
- package/dist/components/kol-nav.js +1 -1
- package/dist/components/kol-pagination.js +1 -1
- package/dist/components/kol-popover-button.js +2 -3
- package/dist/components/kol-popover-button.js.map +1 -1
- package/dist/components/kol-select.js +1 -1
- package/dist/components/kol-single-select.js +1 -1
- package/dist/components/kol-skip-nav.js +1 -1
- package/dist/components/kol-split-button.js +1 -1
- package/dist/components/kol-table-stateful.js +1 -1
- package/dist/components/kol-table-stateless.js +1 -1
- package/dist/components/kol-tabs.js +1 -1
- package/dist/components/kol-textarea.js +4 -4
- package/dist/components/kol-textarea.js.map +1 -1
- package/dist/components/kol-toast-container.js +1 -1
- package/dist/components/kol-toolbar.js +23 -4
- package/dist/components/kol-toolbar.js.map +1 -1
- package/dist/components/kol-tree-item.js +1 -1
- package/dist/components/kol-version.js +1 -1
- package/dist/esm/{Heading-DXl16qig.js → Heading-NHB1reiQ.js} +3 -3
- package/dist/esm/{Heading-DXl16qig.js.map → Heading-NHB1reiQ.js.map} +1 -1
- package/dist/esm/{api-C8TfIYlY.js → api-BAEPnyL7.js} +12 -12
- package/dist/{kolibri/api-C8TfIYlY.js.map → esm/api-BAEPnyL7.js.map} +1 -1
- package/dist/esm/{api-BA-AFr5H.js → api-CagcODCX.js} +8 -8
- package/dist/{kolibri/api-BA-AFr5H.js.map → esm/api-CagcODCX.js.map} +1 -1
- package/dist/esm/{app-globals-lFdBwFG2.js → app-globals-CwlOH1sO.js} +4 -4
- package/dist/esm/{app-globals-lFdBwFG2.js.map → app-globals-CwlOH1sO.js.map} +1 -1
- package/dist/esm/{base-BpqjfzG1.js → base-BFU17cMm.js} +16 -16
- package/dist/{kolibri/base-BpqjfzG1.js.map → esm/base-BFU17cMm.js.map} +1 -1
- package/dist/esm/{base-D8GcFhvD.js → base-BpKxLJ6r.js} +4 -4
- package/dist/{kolibri/base-D8GcFhvD.js.map → esm/base-BpKxLJ6r.js.map} +1 -1
- package/dist/esm/{base-DiSQvfGU.js → base-Cm_c8klt.js} +5 -5
- package/dist/esm/{base-DiSQvfGU.js.map → base-Cm_c8klt.js.map} +1 -1
- package/dist/esm/{base-B5F8ROuQ.js → base-DitGpYOV.js} +4 -4
- package/dist/{kolibri/base-B5F8ROuQ.js.map → esm/base-DitGpYOV.js.map} +1 -1
- package/dist/esm/{base-web-component-CkaKv7O0.js → base-web-component-6J5sCsnZ.js} +16 -9
- package/dist/esm/base-web-component-6J5sCsnZ.js.map +1 -0
- package/dist/esm/{base-web-component-BozlJoj7.js → base-web-component-BFCVvyYG.js} +7 -7
- package/dist/esm/{base-web-component-BozlJoj7.js.map → base-web-component-BFCVvyYG.js.map} +1 -1
- package/dist/esm/{behavior-BuNqmjz8.js → behavior-CH_2MMuX.js} +3 -3
- package/dist/esm/{behavior-BuNqmjz8.js.map → behavior-CH_2MMuX.js.map} +1 -1
- package/dist/esm/{color-Du3Ft0XV.js → color-QYuhlVFz.js} +3 -3
- package/dist/esm/{color-Du3Ft0XV.js.map → color-QYuhlVFz.js.map} +1 -1
- package/dist/esm/{component-C9DexidK.js → component-BF8FPuIW.js} +3 -3
- package/dist/esm/{component-C9DexidK.js.map → component-BF8FPuIW.js.map} +1 -1
- package/dist/esm/{component-Da5dJMKj.js → component-Ba4gjLBG.js} +5 -5
- package/dist/{kolibri/component-Da5dJMKj.js.map → esm/component-Ba4gjLBG.js.map} +1 -1
- package/dist/esm/{component-BjH8s4-t.js → component-BpOMe842.js} +3 -3
- package/dist/{kolibri/component-BjH8s4-t.js.map → esm/component-BpOMe842.js.map} +1 -1
- package/dist/esm/{component-BxKN0JbT.js → component-C3sXiwbS.js} +3 -3
- package/dist/esm/{component-BxKN0JbT.js.map → component-C3sXiwbS.js.map} +1 -1
- package/dist/esm/{component-Bd7PXqOG.js → component-C5BFsKau.js} +5 -5
- package/dist/esm/{component-Bd7PXqOG.js.map → component-C5BFsKau.js.map} +1 -1
- package/dist/esm/{component-C3aqLFK2.js → component-CBpYh2q-.js} +7 -7
- package/dist/esm/{component-C3aqLFK2.js.map → component-CBpYh2q-.js.map} +1 -1
- package/dist/esm/{component-D_58mw87.js → component-C_d54ujF.js} +4 -4
- package/dist/{kolibri/component-D_58mw87.js.map → esm/component-C_d54ujF.js.map} +1 -1
- package/dist/esm/{component-xrrwVuiI.js → component-CvCfEqSE.js} +4 -4
- package/dist/esm/{component-xrrwVuiI.js.map → component-CvCfEqSE.js.map} +1 -1
- package/dist/esm/{component-CWGVLsSH.js → component-DZbJLUju.js} +4 -4
- package/dist/{kolibri/component-CWGVLsSH.js.map → esm/component-DZbJLUju.js.map} +1 -1
- package/dist/esm/{component-BKOep2WQ.js → component-Dg6TIbeY.js} +5 -5
- package/dist/{kolibri/component-BKOep2WQ.js.map → esm/component-Dg6TIbeY.js.map} +1 -1
- package/dist/esm/{component-DD5QqT5m.js → component-Do9rjnte.js} +7 -7
- package/dist/{kolibri/component-DD5QqT5m.js.map → esm/component-Do9rjnte.js.map} +1 -1
- package/dist/esm/{component-De6Do_gt.js → component-DzoBgfR4.js} +3 -3
- package/dist/esm/{component-De6Do_gt.js.map → component-DzoBgfR4.js.map} +1 -1
- package/dist/esm/{contrast-BKAJJL2K.js → contrast-DMN9saXP.js} +3 -12
- package/dist/esm/contrast-DMN9saXP.js.map +1 -0
- package/dist/esm/{dev.utils-CYtV9X0K.js → dev.utils-CJMVCYWh.js} +3 -3
- package/dist/esm/{dev.utils-CYtV9X0K.js.map → dev.utils-CJMVCYWh.js.map} +1 -1
- package/dist/esm/{devtools-B0qRaQdp.js → devtools-rRHULXVr.js} +4 -4
- package/dist/{kolibri/devtools-B0qRaQdp.js.map → esm/devtools-rRHULXVr.js.map} +1 -1
- package/dist/esm/{field-control-C5hjw2Rb.js → field-control-DXxCMXvx.js} +8 -8
- package/dist/{kolibri/field-control-C5hjw2Rb.js.map → esm/field-control-DXxCMXvx.js.map} +1 -1
- package/dist/esm/{group-2hP8qbvk.js → group-CI4sSgiu.js} +5 -5
- package/dist/esm/{group-2hP8qbvk.js.map → group-CI4sSgiu.js.map} +1 -1
- package/dist/esm/{index-DsCeQ9Ys.js → index-DQdQBwMc.js} +3 -3
- package/dist/{kolibri/index-DsCeQ9Ys.js.map → esm/index-DQdQBwMc.js.map} +1 -1
- package/dist/esm/{input-Dp5NBocQ.js → input-CDtJZ2sy.js} +5 -5
- package/dist/esm/{input-Dp5NBocQ.js.map → input-CDtJZ2sy.js.map} +1 -1
- package/dist/esm/{input-container-QA8-0_0p.js → input-container-DROwwh7_.js} +7 -7
- package/dist/esm/{input-container-QA8-0_0p.js.map → input-container-DROwwh7_.js.map} +1 -1
- package/dist/esm/{item-CaxJw3ad.js → item-C6p5wW-z.js} +4 -4
- package/dist/esm/{item-CaxJw3ad.js.map → item-C6p5wW-z.js.map} +1 -1
- package/dist/esm/{item-CXyolUj2.js → item-CHP-bw8Q.js} +4 -4
- package/dist/{kolibri/item-CXyolUj2.js.map → esm/item-CHP-bw8Q.js.map} +1 -1
- package/dist/esm/{item-DY0fVVnj.js → item-Cbi_ZY6o.js} +3 -3
- package/dist/esm/{item-DY0fVVnj.js.map → item-Cbi_ZY6o.js.map} +1 -1
- package/dist/esm/{item-BIjqEkyy.js → item-ZjrNIhfW.js} +8 -8
- package/dist/{kolibri/item-BIjqEkyy.js.map → esm/item-ZjrNIhfW.js.map} +1 -1
- package/dist/esm/kol-abbr.entry.js +2 -2
- package/dist/esm/kol-accordion.entry.js +7 -7
- package/dist/esm/kol-alert.entry.js +11 -11
- package/dist/esm/kol-avatar.entry.js +3 -3
- package/dist/esm/kol-badge.entry.js +12 -12
- package/dist/esm/kol-breadcrumb.entry.js +9 -9
- package/dist/esm/kol-button-link.entry.js +10 -10
- package/dist/esm/kol-button.entry.js +10 -10
- package/dist/esm/kol-card.entry.js +11 -11
- package/dist/esm/kol-click-button.entry.js +2 -2
- package/dist/esm/kol-combobox.entry.js +18 -18
- package/dist/esm/kol-details.entry.js +7 -7
- package/dist/esm/kol-dialog.entry.js +13 -13
- package/dist/esm/kol-drawer.entry.js +12 -12
- package/dist/esm/kol-form.entry.js +12 -12
- package/dist/esm/kol-heading.entry.js +1 -1
- package/dist/esm/kol-icon.entry.js +3 -3
- package/dist/esm/kol-image.entry.js +1 -1
- package/dist/esm/kol-input-checkbox.entry.js +17 -17
- package/dist/esm/kol-input-color.entry.js +18 -18
- package/dist/esm/kol-input-date.entry.js +18 -18
- package/dist/esm/kol-input-email.entry.js +20 -20
- package/dist/esm/kol-input-file.entry.js +17 -17
- package/dist/esm/kol-input-number.entry.js +18 -18
- package/dist/esm/kol-input-password.entry.js +22 -22
- package/dist/esm/kol-input-password.entry.js.map +1 -1
- package/dist/esm/kol-input-radio.entry.js +17 -17
- package/dist/esm/kol-input-range.entry.js +18 -18
- package/dist/esm/kol-input-text.entry.js +20 -20
- package/dist/esm/kol-kolibri.entry.js +2 -2
- package/dist/esm/kol-link-button.entry.js +10 -10
- package/dist/esm/kol-link.entry.js +10 -10
- package/dist/esm/kol-meter.entry.js +1 -1
- package/dist/esm/kol-modal.entry.js +13 -13
- package/dist/esm/kol-nav.entry.js +13 -13
- package/dist/esm/kol-pagination.entry.js +18 -18
- package/dist/esm/kol-popover-button.entry.js +12 -13
- package/dist/esm/kol-popover-button.entry.js.map +1 -1
- package/dist/esm/kol-progress.entry.js +1 -1
- package/dist/esm/kol-quote.entry.js +1 -1
- package/dist/esm/kol-select.entry.js +17 -17
- package/dist/esm/kol-single-select.entry.js +18 -18
- package/dist/esm/kol-skeleton.entry.js +2 -2
- package/dist/esm/kol-skip-nav.entry.js +9 -9
- package/dist/esm/kol-spin.entry.js +3 -3
- package/dist/esm/kol-split-button.entry.js +12 -12
- package/dist/esm/kol-table-stateful.entry.js +25 -25
- package/dist/esm/kol-table-stateless.entry.js +19 -19
- package/dist/esm/kol-tabs.entry.js +9 -9
- package/dist/esm/kol-textarea.entry.js +20 -20
- package/dist/esm/kol-textarea.entry.js.map +1 -1
- package/dist/esm/kol-toast-container.entry.js +11 -11
- package/dist/esm/kol-toolbar.entry.js +33 -14
- package/dist/esm/kol-toolbar.entry.js.map +1 -1
- package/dist/esm/kol-tooltip-wc.entry.js +4 -4
- package/dist/esm/kol-tree-item.entry.js +9 -9
- package/dist/esm/kol-tree.entry.js +1 -1
- package/dist/esm/kol-version.entry.js +10 -10
- package/dist/esm/kolibri.js +3 -3
- package/dist/esm/loader.js +3 -3
- package/dist/esm/{resolve-props-DJxTzf-G.js → resolve-props-CjBvvXId.js} +3 -3
- package/dist/{kolibri/resolve-props-DJxTzf-G.js.map → esm/resolve-props-CjBvvXId.js.map} +1 -1
- package/dist/esm/{scroll-lock-BN6ZnBdc.js → scroll-lock-6SV-XFXR.js} +3 -3
- package/dist/{kolibri/scroll-lock-BN6ZnBdc.js.map → esm/scroll-lock-6SV-XFXR.js.map} +1 -1
- package/dist/esm/{suggestions-DlpHvEGv.js → suggestions-BYMmW1aV.js} +4 -4
- package/dist/esm/{suggestions-DlpHvEGv.js.map → suggestions-BYMmW1aV.js.map} +1 -1
- package/dist/esm/test-component.entry.js +1 -1
- package/dist/esm/{toggle-handler-Xex3lIll.js → toggle-handler-D-yalcds.js} +5 -5
- package/dist/{kolibri/toggle-handler-Xex3lIll.js.map → esm/toggle-handler-D-yalcds.js.map} +1 -1
- package/dist/kolibri/{Heading-DXl16qig.js → Heading-NHB1reiQ.js} +2 -2
- package/dist/kolibri/{Heading-DXl16qig.js.map → Heading-NHB1reiQ.js.map} +1 -1
- package/dist/kolibri/api-BAEPnyL7.js +5 -0
- package/dist/{esm/api-C8TfIYlY.js.map → kolibri/api-BAEPnyL7.js.map} +1 -1
- package/dist/kolibri/api-CagcODCX.js +5 -0
- package/dist/{esm/api-BA-AFr5H.js.map → kolibri/api-CagcODCX.js.map} +1 -1
- package/dist/kolibri/app-globals-CwlOH1sO.js +5 -0
- package/dist/kolibri/{app-globals-lFdBwFG2.js.map → app-globals-CwlOH1sO.js.map} +1 -1
- package/dist/kolibri/base-BFU17cMm.js +5 -0
- package/dist/{esm/base-BpqjfzG1.js.map → kolibri/base-BFU17cMm.js.map} +1 -1
- package/dist/kolibri/{base-D8GcFhvD.js → base-BpKxLJ6r.js} +2 -2
- package/dist/{esm/base-D8GcFhvD.js.map → kolibri/base-BpKxLJ6r.js.map} +1 -1
- package/dist/kolibri/{base-DiSQvfGU.js → base-Cm_c8klt.js} +2 -2
- package/dist/kolibri/{base-DiSQvfGU.js.map → base-Cm_c8klt.js.map} +1 -1
- package/dist/kolibri/{base-B5F8ROuQ.js → base-DitGpYOV.js} +2 -2
- package/dist/{esm/base-B5F8ROuQ.js.map → kolibri/base-DitGpYOV.js.map} +1 -1
- package/dist/kolibri/base-web-component-6J5sCsnZ.js +5 -0
- package/dist/kolibri/base-web-component-6J5sCsnZ.js.map +1 -0
- package/dist/kolibri/{base-web-component-BozlJoj7.js → base-web-component-BFCVvyYG.js} +2 -2
- package/dist/kolibri/{base-web-component-BozlJoj7.js.map → base-web-component-BFCVvyYG.js.map} +1 -1
- package/dist/kolibri/{behavior-BuNqmjz8.js → behavior-CH_2MMuX.js} +2 -2
- package/dist/kolibri/{behavior-BuNqmjz8.js.map → behavior-CH_2MMuX.js.map} +1 -1
- package/dist/kolibri/{color-Du3Ft0XV.js → color-QYuhlVFz.js} +2 -2
- package/dist/kolibri/{color-Du3Ft0XV.js.map → color-QYuhlVFz.js.map} +1 -1
- package/dist/kolibri/{component-C9DexidK.js → component-BF8FPuIW.js} +2 -2
- package/dist/kolibri/{component-C9DexidK.js.map → component-BF8FPuIW.js.map} +1 -1
- package/dist/kolibri/component-Ba4gjLBG.js +5 -0
- package/dist/{esm/component-Da5dJMKj.js.map → kolibri/component-Ba4gjLBG.js.map} +1 -1
- package/dist/kolibri/{component-BjH8s4-t.js → component-BpOMe842.js} +2 -2
- package/dist/{esm/component-BjH8s4-t.js.map → kolibri/component-BpOMe842.js.map} +1 -1
- package/dist/kolibri/component-C3sXiwbS.js +5 -0
- package/dist/kolibri/{component-BxKN0JbT.js.map → component-C3sXiwbS.js.map} +1 -1
- package/dist/kolibri/component-C5BFsKau.js +5 -0
- package/dist/kolibri/{component-Bd7PXqOG.js.map → component-C5BFsKau.js.map} +1 -1
- package/dist/kolibri/component-CBpYh2q-.js +5 -0
- package/dist/kolibri/{component-C3aqLFK2.js.map → component-CBpYh2q-.js.map} +1 -1
- package/dist/kolibri/{component-D_58mw87.js → component-C_d54ujF.js} +2 -2
- package/dist/{esm/component-D_58mw87.js.map → kolibri/component-C_d54ujF.js.map} +1 -1
- package/dist/kolibri/component-CvCfEqSE.js +5 -0
- package/dist/kolibri/{component-xrrwVuiI.js.map → component-CvCfEqSE.js.map} +1 -1
- package/dist/kolibri/{component-CWGVLsSH.js → component-DZbJLUju.js} +2 -2
- package/dist/{esm/component-CWGVLsSH.js.map → kolibri/component-DZbJLUju.js.map} +1 -1
- package/dist/kolibri/{component-BKOep2WQ.js → component-Dg6TIbeY.js} +2 -2
- package/dist/{esm/component-BKOep2WQ.js.map → kolibri/component-Dg6TIbeY.js.map} +1 -1
- package/dist/kolibri/{component-DD5QqT5m.js → component-Do9rjnte.js} +2 -2
- package/dist/{esm/component-DD5QqT5m.js.map → kolibri/component-Do9rjnte.js.map} +1 -1
- package/dist/kolibri/component-DzoBgfR4.js +5 -0
- package/dist/kolibri/{component-De6Do_gt.js.map → component-DzoBgfR4.js.map} +1 -1
- package/dist/kolibri/contrast-DMN9saXP.js +5 -0
- package/dist/kolibri/contrast-DMN9saXP.js.map +1 -0
- package/dist/kolibri/{dev.utils-CYtV9X0K.js → dev.utils-CJMVCYWh.js} +2 -2
- package/dist/kolibri/{dev.utils-CYtV9X0K.js.map → dev.utils-CJMVCYWh.js.map} +1 -1
- package/dist/kolibri/{devtools-B0qRaQdp.js → devtools-rRHULXVr.js} +2 -2
- package/dist/{esm/devtools-B0qRaQdp.js.map → kolibri/devtools-rRHULXVr.js.map} +1 -1
- package/dist/kolibri/field-control-DXxCMXvx.js +5 -0
- package/dist/{esm/field-control-C5hjw2Rb.js.map → kolibri/field-control-DXxCMXvx.js.map} +1 -1
- package/dist/kolibri/{group-2hP8qbvk.js → group-CI4sSgiu.js} +2 -2
- package/dist/kolibri/{group-2hP8qbvk.js.map → group-CI4sSgiu.js.map} +1 -1
- package/dist/kolibri/{index-DsCeQ9Ys.js → index-DQdQBwMc.js} +2 -2
- package/dist/{esm/index-DsCeQ9Ys.js.map → kolibri/index-DQdQBwMc.js.map} +1 -1
- package/dist/kolibri/{input-Dp5NBocQ.js → input-CDtJZ2sy.js} +2 -2
- package/dist/kolibri/{input-Dp5NBocQ.js.map → input-CDtJZ2sy.js.map} +1 -1
- package/dist/kolibri/input-container-DROwwh7_.js +5 -0
- package/dist/kolibri/{input-container-QA8-0_0p.js.map → input-container-DROwwh7_.js.map} +1 -1
- package/dist/kolibri/item-C6p5wW-z.js +5 -0
- package/dist/kolibri/{item-CaxJw3ad.js.map → item-C6p5wW-z.js.map} +1 -1
- package/dist/kolibri/{item-CXyolUj2.js → item-CHP-bw8Q.js} +2 -2
- package/dist/{esm/item-CXyolUj2.js.map → kolibri/item-CHP-bw8Q.js.map} +1 -1
- package/dist/kolibri/item-Cbi_ZY6o.js +5 -0
- package/dist/kolibri/{item-DY0fVVnj.js.map → item-Cbi_ZY6o.js.map} +1 -1
- package/dist/kolibri/{item-BIjqEkyy.js → item-ZjrNIhfW.js} +2 -2
- package/dist/{esm/item-BIjqEkyy.js.map → kolibri/item-ZjrNIhfW.js.map} +1 -1
- package/dist/kolibri/kol-abbr.entry.js +1 -1
- package/dist/kolibri/kol-accordion.entry.js +1 -1
- package/dist/kolibri/kol-alert.entry.js +1 -1
- package/dist/kolibri/kol-avatar.entry.js +1 -1
- package/dist/kolibri/kol-badge.entry.js +1 -1
- package/dist/kolibri/kol-breadcrumb.entry.js +1 -1
- package/dist/kolibri/kol-button-link.entry.js +1 -1
- package/dist/kolibri/kol-button.entry.js +1 -1
- package/dist/kolibri/kol-card.entry.js +1 -1
- package/dist/kolibri/kol-click-button.entry.js +1 -1
- package/dist/kolibri/kol-combobox.entry.js +1 -1
- package/dist/kolibri/kol-combobox.entry.js.map +1 -1
- package/dist/kolibri/kol-details.entry.js +1 -1
- package/dist/kolibri/kol-dialog.entry.js +1 -1
- package/dist/kolibri/kol-drawer.entry.js +1 -1
- package/dist/kolibri/kol-form.entry.js +1 -1
- package/dist/kolibri/kol-heading.entry.js +1 -1
- package/dist/kolibri/kol-icon.entry.js +1 -1
- package/dist/kolibri/kol-image.entry.js +1 -1
- package/dist/kolibri/kol-input-checkbox.entry.js +1 -1
- package/dist/kolibri/kol-input-color.entry.js +1 -1
- package/dist/kolibri/kol-input-date.entry.js +1 -1
- package/dist/kolibri/kol-input-email.entry.js +1 -1
- package/dist/kolibri/kol-input-file.entry.js +1 -1
- package/dist/kolibri/kol-input-number.entry.js +1 -1
- package/dist/kolibri/kol-input-password.entry.esm.js.map +1 -1
- package/dist/kolibri/kol-input-password.entry.js +1 -1
- package/dist/kolibri/kol-input-password.entry.js.map +1 -1
- package/dist/kolibri/kol-input-radio.entry.js +1 -1
- package/dist/kolibri/kol-input-range.entry.js +1 -1
- package/dist/kolibri/kol-input-text.entry.js +1 -1
- package/dist/kolibri/kol-kolibri.entry.js +1 -1
- package/dist/kolibri/kol-link-button.entry.js +1 -1
- package/dist/kolibri/kol-link.entry.js +1 -1
- package/dist/kolibri/kol-meter.entry.js +1 -1
- package/dist/kolibri/kol-modal.entry.js +1 -1
- package/dist/kolibri/kol-nav.entry.js +1 -1
- package/dist/kolibri/kol-pagination.entry.js +1 -1
- package/dist/kolibri/kol-popover-button.entry.esm.js.map +1 -1
- package/dist/kolibri/kol-popover-button.entry.js +1 -1
- package/dist/kolibri/kol-popover-button.entry.js.map +1 -1
- package/dist/kolibri/kol-progress.entry.js +1 -1
- package/dist/kolibri/kol-quote.entry.js +1 -1
- package/dist/kolibri/kol-select.entry.js +1 -1
- package/dist/kolibri/kol-single-select.entry.js +1 -1
- package/dist/kolibri/kol-skeleton.entry.js +1 -1
- package/dist/kolibri/kol-skip-nav.entry.js +1 -1
- package/dist/kolibri/kol-spin.entry.js +1 -1
- package/dist/kolibri/kol-split-button.entry.js +1 -1
- package/dist/kolibri/kol-table-stateful.entry.js +1 -1
- package/dist/kolibri/kol-table-stateless.entry.js +1 -1
- package/dist/kolibri/kol-tabs.entry.js +1 -1
- package/dist/kolibri/kol-textarea.entry.esm.js.map +1 -1
- package/dist/kolibri/kol-textarea.entry.js +1 -1
- package/dist/kolibri/kol-textarea.entry.js.map +1 -1
- package/dist/kolibri/kol-toast-container.entry.js +1 -1
- package/dist/kolibri/kol-toolbar.entry.esm.js.map +1 -1
- package/dist/kolibri/kol-toolbar.entry.js +1 -1
- package/dist/kolibri/kol-toolbar.entry.js.map +1 -1
- package/dist/kolibri/kol-tooltip-wc.entry.js +1 -1
- package/dist/kolibri/kol-tree-item.entry.js +1 -1
- package/dist/kolibri/kol-tree.entry.js +1 -1
- package/dist/kolibri/kol-version.entry.js +1 -1
- package/dist/kolibri/kol-version.entry.js.map +1 -1
- package/dist/kolibri/kolibri.esm.js +1 -1
- package/dist/kolibri/resolve-props-CjBvvXId.js +5 -0
- package/dist/{esm/resolve-props-DJxTzf-G.js.map → kolibri/resolve-props-CjBvvXId.js.map} +1 -1
- package/dist/kolibri/{scroll-lock-BN6ZnBdc.js → scroll-lock-6SV-XFXR.js} +2 -2
- package/dist/{esm/scroll-lock-BN6ZnBdc.js.map → kolibri/scroll-lock-6SV-XFXR.js.map} +1 -1
- package/dist/kolibri/suggestions-BYMmW1aV.js +5 -0
- package/dist/kolibri/{suggestions-DlpHvEGv.js.map → suggestions-BYMmW1aV.js.map} +1 -1
- package/dist/kolibri/test-component.entry.js +1 -1
- package/dist/kolibri/toggle-handler-D-yalcds.js +5 -0
- package/dist/{esm/toggle-handler-Xex3lIll.js.map → kolibri/toggle-handler-D-yalcds.js.map} +1 -1
- package/dist/types/components/toolbar/component.d.ts +2 -2
- package/dist/types/components.d.ts +0 -2
- package/dist/types/internal/functional-components/form-field/textarea.d.ts +1 -0
- package/dist/types/internal/functional-components/toolbar/api.d.ts +2 -2
- package/dist/types/internal/functional-components/toolbar/item.d.ts +5 -2
- package/dist/types/schema/props/toolbar-items.d.ts +3 -1
- package/doc/popover-button.md +1 -1
- package/package.json +3 -3
- package/dist/cjs/base-web-component-C8MLLGxi.js.map +0 -1
- package/dist/cjs/contrast-kLMuDQLl.js.map +0 -1
- package/dist/esm/base-web-component-CkaKv7O0.js.map +0 -1
- package/dist/esm/contrast-BKAJJL2K.js.map +0 -1
- package/dist/kolibri/api-BA-AFr5H.js +0 -5
- package/dist/kolibri/api-C8TfIYlY.js +0 -5
- package/dist/kolibri/app-globals-lFdBwFG2.js +0 -5
- package/dist/kolibri/base-BpqjfzG1.js +0 -5
- package/dist/kolibri/base-web-component-CkaKv7O0.js +0 -5
- package/dist/kolibri/base-web-component-CkaKv7O0.js.map +0 -1
- package/dist/kolibri/component-Bd7PXqOG.js +0 -5
- package/dist/kolibri/component-BxKN0JbT.js +0 -5
- package/dist/kolibri/component-C3aqLFK2.js +0 -5
- package/dist/kolibri/component-Da5dJMKj.js +0 -5
- package/dist/kolibri/component-De6Do_gt.js +0 -5
- package/dist/kolibri/component-xrrwVuiI.js +0 -5
- package/dist/kolibri/contrast-BKAJJL2K.js +0 -5
- package/dist/kolibri/contrast-BKAJJL2K.js.map +0 -1
- package/dist/kolibri/field-control-C5hjw2Rb.js +0 -5
- package/dist/kolibri/input-container-QA8-0_0p.js +0 -5
- package/dist/kolibri/item-CaxJw3ad.js +0 -5
- package/dist/kolibri/item-DY0fVVnj.js +0 -5
- package/dist/kolibri/resolve-props-DJxTzf-G.js +0 -5
- package/dist/kolibri/suggestions-DlpHvEGv.js +0 -5
- package/dist/kolibri/toggle-handler-Xex3lIll.js +0 -5
|
@@ -283,8 +283,8 @@
|
|
|
283
283
|
}
|
|
284
284
|
@font-face {
|
|
285
285
|
font-family: "kolicons";
|
|
286
|
-
src: url("kolicons.eot?t=
|
|
287
|
-
src: url("kolicons.eot?t=
|
|
286
|
+
src: url("kolicons.eot?t=1791530377872"); /* IE9*/
|
|
287
|
+
src: url("kolicons.eot?t=1791530377872#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1791530377872") format("woff2"), url("kolicons.woff?t=1791530377872") format("woff"), url("kolicons.ttf?t=1791530377872") format("truetype"), url("kolicons.svg?t=1791530377872#kolicons") format("svg"); /* iOS 4.1- */
|
|
288
288
|
}
|
|
289
289
|
@layer kol-component {
|
|
290
290
|
[class^=kolicon-], [class*=" kolicon-"] {
|
|
@@ -283,8 +283,8 @@
|
|
|
283
283
|
}
|
|
284
284
|
@font-face {
|
|
285
285
|
font-family: "kolicons";
|
|
286
|
-
src: url("kolicons.eot?t=
|
|
287
|
-
src: url("kolicons.eot?t=
|
|
286
|
+
src: url("kolicons.eot?t=1791530377872"); /* IE9*/
|
|
287
|
+
src: url("kolicons.eot?t=1791530377872#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1791530377872") format("woff2"), url("kolicons.woff?t=1791530377872") format("woff"), url("kolicons.ttf?t=1791530377872") format("truetype"), url("kolicons.svg?t=1791530377872#kolicons") format("svg"); /* iOS 4.1- */
|
|
288
288
|
}
|
|
289
289
|
@layer kol-component {
|
|
290
290
|
[class^=kolicon-], [class*=" kolicon-"] {
|
|
@@ -288,8 +288,8 @@
|
|
|
288
288
|
}
|
|
289
289
|
@font-face {
|
|
290
290
|
font-family: "kolicons";
|
|
291
|
-
src: url("kolicons.eot?t=
|
|
292
|
-
src: url("kolicons.eot?t=
|
|
291
|
+
src: url("kolicons.eot?t=1791530377872"); /* IE9*/
|
|
292
|
+
src: url("kolicons.eot?t=1791530377872#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1791530377872") format("woff2"), url("kolicons.woff?t=1791530377872") format("woff"), url("kolicons.ttf?t=1791530377872") format("truetype"), url("kolicons.svg?t=1791530377872#kolicons") format("svg"); /* iOS 4.1- */
|
|
293
293
|
}
|
|
294
294
|
@layer kol-component {
|
|
295
295
|
[class^=kolicon-], [class*=" kolicon-"] {
|
|
@@ -296,8 +296,8 @@
|
|
|
296
296
|
*/
|
|
297
297
|
@font-face {
|
|
298
298
|
font-family: "kolicons";
|
|
299
|
-
src: url("kolicons.eot?t=
|
|
300
|
-
src: url("kolicons.eot?t=
|
|
299
|
+
src: url("kolicons.eot?t=1791530377872"); /* IE9*/
|
|
300
|
+
src: url("kolicons.eot?t=1791530377872#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1791530377872") format("woff2"), url("kolicons.woff?t=1791530377872") format("woff"), url("kolicons.ttf?t=1791530377872") format("truetype"), url("kolicons.svg?t=1791530377872#kolicons") format("svg"); /* iOS 4.1- */
|
|
301
301
|
}
|
|
302
302
|
@layer kol-component {
|
|
303
303
|
[class^=kolicon-], [class*=" kolicon-"] {
|
|
@@ -283,8 +283,8 @@
|
|
|
283
283
|
}
|
|
284
284
|
@font-face {
|
|
285
285
|
font-family: "kolicons";
|
|
286
|
-
src: url("kolicons.eot?t=
|
|
287
|
-
src: url("kolicons.eot?t=
|
|
286
|
+
src: url("kolicons.eot?t=1791530377872"); /* IE9*/
|
|
287
|
+
src: url("kolicons.eot?t=1791530377872#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1791530377872") format("woff2"), url("kolicons.woff?t=1791530377872") format("woff"), url("kolicons.ttf?t=1791530377872") format("truetype"), url("kolicons.svg?t=1791530377872#kolicons") format("svg"); /* iOS 4.1- */
|
|
288
288
|
}
|
|
289
289
|
@layer kol-component {
|
|
290
290
|
[class^=kolicon-], [class*=" kolicon-"] {
|
|
@@ -283,8 +283,8 @@
|
|
|
283
283
|
}
|
|
284
284
|
@font-face {
|
|
285
285
|
font-family: "kolicons";
|
|
286
|
-
src: url("kolicons.eot?t=
|
|
287
|
-
src: url("kolicons.eot?t=
|
|
286
|
+
src: url("kolicons.eot?t=1791530377872"); /* IE9*/
|
|
287
|
+
src: url("kolicons.eot?t=1791530377872#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1791530377872") format("woff2"), url("kolicons.woff?t=1791530377872") format("woff"), url("kolicons.ttf?t=1791530377872") format("truetype"), url("kolicons.svg?t=1791530377872#kolicons") format("svg"); /* iOS 4.1- */
|
|
288
288
|
}
|
|
289
289
|
@layer kol-component {
|
|
290
290
|
[class^=kolicon-], [class*=" kolicon-"] {
|
|
@@ -288,8 +288,8 @@
|
|
|
288
288
|
}
|
|
289
289
|
@font-face {
|
|
290
290
|
font-family: "kolicons";
|
|
291
|
-
src: url("kolicons.eot?t=
|
|
292
|
-
src: url("kolicons.eot?t=
|
|
291
|
+
src: url("kolicons.eot?t=1791530377872"); /* IE9*/
|
|
292
|
+
src: url("kolicons.eot?t=1791530377872#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1791530377872") format("woff2"), url("kolicons.woff?t=1791530377872") format("woff"), url("kolicons.ttf?t=1791530377872") format("truetype"), url("kolicons.svg?t=1791530377872#kolicons") format("svg"); /* iOS 4.1- */
|
|
293
293
|
}
|
|
294
294
|
@layer kol-component {
|
|
295
295
|
[class^=kolicon-], [class*=" kolicon-"] {
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
@font-face {
|
|
2
2
|
font-family: "kolicons";
|
|
3
|
-
src: url("kolicons.eot?t=
|
|
4
|
-
src: url("kolicons.eot?t=
|
|
3
|
+
src: url("kolicons.eot?t=1791530377872"); /* IE9*/
|
|
4
|
+
src: url("kolicons.eot?t=1791530377872#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1791530377872") format("woff2"), url("kolicons.woff?t=1791530377872") format("woff"), url("kolicons.ttf?t=1791530377872") format("truetype"), url("kolicons.svg?t=1791530377872#kolicons") format("svg"); /* iOS 4.1- */
|
|
5
5
|
}
|
|
6
6
|
@layer kol-component {
|
|
7
7
|
[class^=kolicon-], [class*=" kolicon-"] {
|
|
@@ -288,8 +288,8 @@
|
|
|
288
288
|
}
|
|
289
289
|
@font-face {
|
|
290
290
|
font-family: "kolicons";
|
|
291
|
-
src: url("kolicons.eot?t=
|
|
292
|
-
src: url("kolicons.eot?t=
|
|
291
|
+
src: url("kolicons.eot?t=1791530377872"); /* IE9*/
|
|
292
|
+
src: url("kolicons.eot?t=1791530377872#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1791530377872") format("woff2"), url("kolicons.woff?t=1791530377872") format("woff"), url("kolicons.ttf?t=1791530377872") format("truetype"), url("kolicons.svg?t=1791530377872#kolicons") format("svg"); /* iOS 4.1- */
|
|
293
293
|
}
|
|
294
294
|
@layer kol-component {
|
|
295
295
|
[class^=kolicon-], [class*=" kolicon-"] {
|
|
@@ -288,8 +288,8 @@
|
|
|
288
288
|
}
|
|
289
289
|
@font-face {
|
|
290
290
|
font-family: "kolicons";
|
|
291
|
-
src: url("kolicons.eot?t=
|
|
292
|
-
src: url("kolicons.eot?t=
|
|
291
|
+
src: url("kolicons.eot?t=1791530377872"); /* IE9*/
|
|
292
|
+
src: url("kolicons.eot?t=1791530377872#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1791530377872") format("woff2"), url("kolicons.woff?t=1791530377872") format("woff"), url("kolicons.ttf?t=1791530377872") format("truetype"), url("kolicons.svg?t=1791530377872#kolicons") format("svg"); /* iOS 4.1- */
|
|
293
293
|
}
|
|
294
294
|
@layer kol-component {
|
|
295
295
|
[class^=kolicon-], [class*=" kolicon-"] {
|
|
@@ -288,8 +288,8 @@
|
|
|
288
288
|
}
|
|
289
289
|
@font-face {
|
|
290
290
|
font-family: "kolicons";
|
|
291
|
-
src: url("kolicons.eot?t=
|
|
292
|
-
src: url("kolicons.eot?t=
|
|
291
|
+
src: url("kolicons.eot?t=1791530377872"); /* IE9*/
|
|
292
|
+
src: url("kolicons.eot?t=1791530377872#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1791530377872") format("woff2"), url("kolicons.woff?t=1791530377872") format("woff"), url("kolicons.ttf?t=1791530377872") format("truetype"), url("kolicons.svg?t=1791530377872#kolicons") format("svg"); /* iOS 4.1- */
|
|
293
293
|
}
|
|
294
294
|
@layer kol-component {
|
|
295
295
|
[class^=kolicon-], [class*=" kolicon-"] {
|
|
@@ -288,8 +288,8 @@
|
|
|
288
288
|
}
|
|
289
289
|
@font-face {
|
|
290
290
|
font-family: "kolicons";
|
|
291
|
-
src: url("kolicons.eot?t=
|
|
292
|
-
src: url("kolicons.eot?t=
|
|
291
|
+
src: url("kolicons.eot?t=1791530377872"); /* IE9*/
|
|
292
|
+
src: url("kolicons.eot?t=1791530377872#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1791530377872") format("woff2"), url("kolicons.woff?t=1791530377872") format("woff"), url("kolicons.ttf?t=1791530377872") format("truetype"), url("kolicons.svg?t=1791530377872#kolicons") format("svg"); /* iOS 4.1- */
|
|
293
293
|
}
|
|
294
294
|
@layer kol-component {
|
|
295
295
|
[class^=kolicon-], [class*=" kolicon-"] {
|
|
@@ -288,8 +288,8 @@
|
|
|
288
288
|
}
|
|
289
289
|
@font-face {
|
|
290
290
|
font-family: "kolicons";
|
|
291
|
-
src: url("kolicons.eot?t=
|
|
292
|
-
src: url("kolicons.eot?t=
|
|
291
|
+
src: url("kolicons.eot?t=1791530377872"); /* IE9*/
|
|
292
|
+
src: url("kolicons.eot?t=1791530377872#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1791530377872") format("woff2"), url("kolicons.woff?t=1791530377872") format("woff"), url("kolicons.ttf?t=1791530377872") format("truetype"), url("kolicons.svg?t=1791530377872#kolicons") format("svg"); /* iOS 4.1- */
|
|
293
293
|
}
|
|
294
294
|
@layer kol-component {
|
|
295
295
|
[class^=kolicon-], [class*=" kolicon-"] {
|
|
@@ -288,8 +288,8 @@
|
|
|
288
288
|
}
|
|
289
289
|
@font-face {
|
|
290
290
|
font-family: "kolicons";
|
|
291
|
-
src: url("kolicons.eot?t=
|
|
292
|
-
src: url("kolicons.eot?t=
|
|
291
|
+
src: url("kolicons.eot?t=1791530377872"); /* IE9*/
|
|
292
|
+
src: url("kolicons.eot?t=1791530377872#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1791530377872") format("woff2"), url("kolicons.woff?t=1791530377872") format("woff"), url("kolicons.ttf?t=1791530377872") format("truetype"), url("kolicons.svg?t=1791530377872#kolicons") format("svg"); /* iOS 4.1- */
|
|
293
293
|
}
|
|
294
294
|
@layer kol-component {
|
|
295
295
|
[class^=kolicon-], [class*=" kolicon-"] {
|
|
@@ -159,7 +159,7 @@ export class KolInputPassword extends BaseTextInputWebComponent {
|
|
|
159
159
|
this.watchTooltipAlign(this._tooltipAlign);
|
|
160
160
|
this.watchVariant(this._variant);
|
|
161
161
|
this.watchIcons(this._icons);
|
|
162
|
-
this.
|
|
162
|
+
this.watchAutoComplete(this._autoComplete);
|
|
163
163
|
this.watchHasCounter(this._hasCounter);
|
|
164
164
|
this.watchMaxLengthBehavior(this._maxLengthBehavior);
|
|
165
165
|
this.initMaxLength(this._maxLength);
|
|
@@ -199,7 +199,7 @@ export class KolInputPassword extends BaseTextInputWebComponent {
|
|
|
199
199
|
}
|
|
200
200
|
render() {
|
|
201
201
|
const { startAdornment, endAdornment } = this.getTextInputAdornments(this.getVisibilityToggle());
|
|
202
|
-
return (h(Host, { key: '
|
|
202
|
+
return (h(Host, { key: '5f2990720fc1b301e3098a40371f8254977f9127' }, h(FormFieldFC, Object.assign({ key: '447c26b98a951438051637ccb7ec23d4d5ec727a' }, this.getTextFormFieldProps('kol-input-password password')), h(InputContainerFC, { key: '8daae2d01f57ff9ae9385877c9ff24b7e4a0da17', disabled: this.getRenderProp('disabled'), msg: this.getRenderProp('msg'), touched: this.getRenderProp('touched'), startAdornment: startAdornment, endAdornment: endAdornment }, h(InputFC, Object.assign({ key: '6340cc5f5568d8d68dfc296af4f3c38843c78b4f' }, this.getTextInputProps({}, { type: this.getRenderProp('visibilityToggle') && this.passwordVisible ? 'text' : 'password' })))))));
|
|
203
203
|
}
|
|
204
204
|
static get is() { return "kol-input-password"; }
|
|
205
205
|
static get encapsulation() { return "shadow"; }
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"component.js","sourceRoot":"","sources":["../../../src/components/input-password/component.tsx"],"names":[],"mappings":"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","sourcesContent":["import type { JSX, VNode } from '@stencil/core';\nimport { Component, Element, h, Host, Method, Prop, State, Watch } from '@stencil/core';\nimport type {\n\tAriaDetailsPropType,\n\tAutoCompletePropType,\n\tClickableElement,\n\tFocusableElement,\n\tFormFieldLabelInfoPopoverProps,\n\tIconsHorizontalPropType,\n\tInputPasswordProps,\n\tInputTypeOnDefault,\n\tInternalButtonProps,\n\tKolFocusOptions,\n\tLabelWithExpertSlotPropType,\n\tMaxLengthBehaviorPropType,\n\tMsgPropType,\n\tNamePropType,\n\tShortKeyPropType,\n\tStringified,\n\tSyncValueBySelectorPropType,\n\tTooltipAlignPropType,\n\tVariantClassNamePropType,\n\tVisibilityTogglePropType,\n} from '../../schema';\nimport { devHint } from '../../schema';\n\nimport { translate } from '../../i18n';\nimport { ButtonFC } from '../../internal/functional-components/button/component';\nimport { createButtonItem } from '../../internal/functional-components/button/item';\nimport { FormFieldFC } from '../../internal/functional-components/form-field/component';\nimport { InputFC } from '../../internal/functional-components/form-field/input';\nimport { InputContainerFC } from '../../internal/functional-components/form-field/input-container';\nimport type { WebComponentInterface } from '../../internal/functional-components/generic-types';\nimport type { InputPasswordApi } from '../../internal/functional-components/input-password/api';\nimport { inputPasswordPropsConfig } from '../../internal/functional-components/input-password/api';\nimport { BaseTextInputWebComponent } from '../../internal/functional-components/text-input/base-web-component';\nimport { visibilityToggleProp } from '../../internal/props';\nimport { createUniqueId } from '../../utils/dev.utils';\nimport { delegateClick, delegateFocus } from '../../utils/element-interaction';\n\n/**\n * The **Password** input type creates an input field for passwords. The input is masked with dot symbols.\n *\n * @slot - The label of the input field.\n * @slot expert - Custom label content, e.g. for rich text or icons. https://public-ui.github.io/docs/concepts/expert-slot\n */\n@Component({\n\ttag: 'kol-input-password',\n\tstyleUrls: {\n\t\tdefault: './style.scss',\n\t},\n\tshadow: true,\n})\nexport class KolInputPassword\n\textends BaseTextInputWebComponent<InputPasswordApi>\n\timplements ClickableElement, FocusableElement, InputPasswordProps, WebComponentInterface<InputPasswordApi>\n{\n\t@Element() protected readonly host?: HTMLKolInputPasswordElement;\n\n\t@State() public id = createUniqueId('input-password');\n\n\t/** Whether the info popover of the label is open. */\n\t@State() public infoPopoverOpen = false;\n\n\t@State() public inputHasFocus = false;\n\n\t@State() public passwordVisible = false;\n\n\tprivate readonly visibilityToggle = createButtonItem(() => this.host);\n\n\tprivate readonly translateHidePassword = translate('kol-hide-password');\n\n\tprivate readonly translateShowPassword = translate('kol-show-password');\n\n\tpublic constructor() {\n\t\tsuper();\n\t\tthis.initFormAssociation('password', this._name);\n\t}\n\n\t/**\n\t * Defines the key combination that can be used to trigger or focus the component's interactive element.\n\t */\n\t@Prop() public _accessKey?: string;\n\n\t@Watch('_accessKey')\n\tpublic watchAccessKey(value?: string): void {\n\t\tthis.applyAccessKey(value);\n\t}\n\n\t/**\n\t * References an external element by ID that provides accessible details for this input.\n\t * Uses ElementInternals.ariaDetailsElements to cross the Shadow DOM boundary.\n\t * Supported by desktop screen readers (NVDA, JAWS with Chrome/Firefox).\n\t * Not yet supported by mobile screen readers (TalkBack, VoiceOver iOS).\n\t */\n\t@Prop() public _ariaDetails?: AriaDetailsPropType;\n\n\t@Watch('_ariaDetails')\n\tpublic watchAriaDetails(value?: AriaDetailsPropType): void {\n\t\tthis.applyAriaDetails(value);\n\t}\n\n\t/**\n\t * Defines whether the input can be auto-completed.\n\t */\n\t@Prop() public _autoComplete?: AutoCompletePropType = 'off';\n\n\t@Watch('_autoComplete')\n\tpublic watchAutoComplete(value?: AutoCompletePropType): void {\n\t\tthis.applyAutoComplete(value);\n\t\tif (value === 'on') {\n\t\t\tdevHint(`[KolInputPassword] The 'autocomplete' option should not be set to \"on\" for a password input field`);\n\t\t}\n\t}\n\n\t/**\n\t * Shows a character counter for the input element.\n\t */\n\t@Prop() public _hasCounter?: boolean = false;\n\n\t@Watch('_hasCounter')\n\tpublic watchHasCounter(value?: boolean): void {\n\t\tthis.applyHasCounter(value);\n\t}\n\n\t/**\n\t * Defines the behavior when maxLength is set. 'hard' sets the maxlength attribute, 'soft' shows a character counter without preventing input.\n\t */\n\t@Prop() public _maxLengthBehavior?: MaxLengthBehaviorPropType = 'hard';\n\n\t@Watch('_maxLengthBehavior')\n\tpublic watchMaxLengthBehavior(value?: MaxLengthBehaviorPropType): void {\n\t\tthis.applyMaxLengthBehavior(value);\n\t}\n\n\t/**\n\t * Makes the element not focusable and ignore all events.\n\t * @TODO: Change type back to `DisabledPropType` after Stencil#4663 has been resolved.\n\t */\n\t@Prop() public _disabled?: boolean = false;\n\n\t@Watch('_disabled')\n\tpublic watchDisabled(value?: boolean): void {\n\t\tthis.applyDisabled(value);\n\t}\n\n\t/**\n\t * Hides the error message but leaves it in the DOM for the input's aria-describedby.\n\t * @TODO: Change type back to `HideMsgPropType` after Stencil#4663 has been resolved.\n\t */\n\t@Prop() public _hideMsg?: boolean = false;\n\n\t@Watch('_hideMsg')\n\tpublic watchHideMsg(value?: boolean): void {\n\t\tthis.applyHideMsg(value);\n\t}\n\n\t/**\n\t * Hides the caption by default and displays the caption text with a tooltip when the\n\t * interactive element is focused or the mouse is over it.\n\t * @TODO: Change type back to `HideLabelPropType` after Stencil#4663 has been resolved.\n\t */\n\t@Prop() public _hideLabel?: boolean = false;\n\n\t@Watch('_hideLabel')\n\tpublic watchHideLabel(value?: boolean): void {\n\t\tthis.applyHideLabel(value);\n\t}\n\n\t/**\n\t * Defines the hint text.\n\t */\n\t@Prop() public _hint?: string = '';\n\n\t@Watch('_hint')\n\tpublic watchHint(value?: string): void {\n\t\tthis.applyHint(value);\n\t}\n\n\t/**\n\t * Defines the icon classnames.\n\t */\n\t@Prop() public _icons?: IconsHorizontalPropType;\n\n\t@Watch('_icons')\n\tpublic watchIcons(value?: IconsHorizontalPropType): void {\n\t\tthis.applyIcons(value);\n\t}\n\n\t/**\n\t * Defines the informational popover after the label.\n\t */\n\t@Prop() public _infoPopover?: FormFieldLabelInfoPopoverProps;\n\n\t@Watch('_infoPopover')\n\tpublic watchInfoPopover(value?: FormFieldLabelInfoPopoverProps): void {\n\t\tthis.applyInfoPopover(value);\n\t}\n\n\t/**\n\t * Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.). Set to `false` to enable the expert slot.\n\t */\n\t@Prop() public _label!: LabelWithExpertSlotPropType;\n\n\t@Watch('_label')\n\tpublic watchLabel(value?: LabelWithExpertSlotPropType): void {\n\t\tthis.applyLabel(value);\n\t}\n\n\t/**\n\t * Defines the maximum number of input characters.\n\t */\n\t@Prop() public _maxLength?: number;\n\n\t@Watch('_maxLength')\n\tpublic watchMaxLength(value?: number): void {\n\t\tthis.applyMaxLength(value);\n\t}\n\n\t/**\n\t * Defines the properties for a message rendered as Alert component.\n\t */\n\t@Prop() public _msg?: Stringified<MsgPropType>;\n\n\t@Watch('_msg')\n\tpublic watchMsg(value?: Stringified<MsgPropType>): void {\n\t\tthis.applyMsg(value);\n\t}\n\n\t/**\n\t * Defines the technical name of an input field.\n\t */\n\t@Prop() public _name?: NamePropType;\n\n\t@Watch('_name')\n\tpublic watchName(value?: NamePropType): void {\n\t\tthis.applyName(value);\n\t}\n\n\t/**\n\t * Gibt die EventCallback-Funktionen für das Input-Event an.\n\t */\n\t@Prop() public _on?: InputTypeOnDefault;\n\n\t@Watch('_on')\n\tpublic watchOn(value?: InputTypeOnDefault): void {\n\t\tthis.applyOn(value);\n\t}\n\n\t/**\n\t * Defines a validation pattern for the input field.\n\t */\n\t@Prop() public _pattern?: string;\n\n\t@Watch('_pattern')\n\tpublic watchPattern(value?: string): void {\n\t\tthis.applyPattern(value);\n\t}\n\n\t/**\n\t * Defines the placeholder for input field. To be shown when there's no value.\n\t */\n\t@Prop() public _placeholder?: string;\n\n\t@Watch('_placeholder')\n\tpublic watchPlaceholder(value?: string): void {\n\t\tthis.applyPlaceholder(value);\n\t}\n\n\t/**\n\t * Makes the input element read only.\n\t * @TODO: Change type back to `ReadOnlyPropType` after Stencil#4663 has been resolved.\n\t */\n\t@Prop() public _readOnly?: boolean = false;\n\n\t@Watch('_readOnly')\n\tpublic watchReadOnly(value?: boolean): void {\n\t\tthis.applyReadOnly(value);\n\t}\n\n\t/**\n\t * Makes the input element required.\n\t * @TODO: Change type back to `RequiredPropType` after Stencil#4663 has been resolved.\n\t */\n\t@Prop() public _required?: boolean = false;\n\n\t@Watch('_required')\n\tpublic watchRequired(value?: boolean): void {\n\t\tthis.applyRequired(value);\n\t}\n\n\t/**\n\t * Adds a visual shortcut hint after the label and instructs the screen reader to read the shortcut aloud.\n\t */\n\t@Prop() public _shortKey?: ShortKeyPropType;\n\n\t@Watch('_shortKey')\n\tpublic watchShortKey(value?: ShortKeyPropType): void {\n\t\tthis.applyShortKey(value);\n\t}\n\n\t/**\n\t * Allows to add a button with an arbitrary action within the element (_hide-label only).\n\t */\n\t@Prop() public _smartButton?: Stringified<InternalButtonProps>;\n\n\t@Watch('_smartButton')\n\tpublic watchSmartButton(value?: Stringified<InternalButtonProps>): void {\n\t\tthis.applySmartButton(value);\n\t}\n\n\t/**\n\t * Selector for synchronizing the value with another input element.\n\t * @internal\n\t */\n\t@Prop() public _syncValueBySelector?: SyncValueBySelectorPropType;\n\n\t@Watch('_syncValueBySelector')\n\tpublic watchSyncValueBySelector(value?: SyncValueBySelectorPropType): void {\n\t\tthis.applySyncValueBySelector(value);\n\t}\n\n\t/**\n\t * Defines where to show the Tooltip preferably: top, right, bottom or left.\n\t */\n\t@Prop() public _tooltipAlign?: TooltipAlignPropType = 'top';\n\n\t@Watch('_tooltipAlign')\n\tpublic watchTooltipAlign(value?: TooltipAlignPropType): void {\n\t\tthis.applyTooltipAlign(value);\n\t}\n\n\t/**\n\t * Shows if the input was touched by a user.\n\t * @TODO: Change type back to `TouchedPropType` after Stencil#4663 has been resolved.\n\t */\n\t@Prop({ mutable: true, reflect: true }) public _touched?: boolean = false;\n\n\t@Watch('_touched')\n\tpublic watchTouched(value?: boolean): void {\n\t\tthis.applyTouched(value);\n\t}\n\n\t/**\n\t * Defines the value of the element.\n\t */\n\t@Prop({ mutable: true, reflect: true }) public _value?: string;\n\n\t@Watch('_value')\n\tpublic watchValue(value?: string): void {\n\t\tthis.applyValue(value);\n\t}\n\n\t/**\n\t * Defines which variant should be used for presentation.\n\t */\n\t@Prop() public _variant?: VariantClassNamePropType;\n\n\t@Watch('_variant')\n\tpublic watchVariant(value?: VariantClassNamePropType): void {\n\t\tthis.applyVariant(value);\n\t}\n\n\t/**\n\t * Activates the show password button\n\t */\n\t@Prop() public _visibilityToggle?: VisibilityTogglePropType = false;\n\n\t@Watch('_visibilityToggle')\n\tpublic watchVisibilityToggle(value?: VisibilityTogglePropType): void {\n\t\tvisibilityToggleProp.apply(value, (v) => this.setRenderProp('visibilityToggle', v));\n\t}\n\n\t/**\n\t * Returns the current value.\n\t */\n\t@Method()\n\t// eslint-disable-next-line @typescript-eslint/require-await\n\tpublic async getValue(): Promise<string | undefined> {\n\t\treturn this.ctaRef.el?.value;\n\t}\n\n\t/**\n\t * Sets focus on the internal element.\n\t */\n\t@Method()\n\t@delegateFocus('ctaRef')\n\t// @ts-expect-error: options parameter will be implemented by the decorator.\n\t// eslint-disable-next-line @typescript-eslint/no-unused-vars\n\tpublic async focus(options?: KolFocusOptions): Promise<void> {}\n\n\t/**\n\t * Clicks the primary interactive element inside this component.\n\t */\n\t@Method()\n\t@delegateClick('ctaRef')\n\tpublic async click(): Promise<void> {}\n\n\tpublic componentWillLoad(): void {\n\t\tthis.initRenderProps(inputPasswordPropsConfig);\n\t\tthis.unsetRenderProp('smartButton');\n\t\tthis._touched = this._touched === true;\n\t\tthis.watchAriaDetails(this._ariaDetails);\n\t\tthis.watchName(this._name);\n\t\tthis.watchSyncValueBySelector(this._syncValueBySelector);\n\t\tthis.watchTouched(this._touched);\n\t\tthis.watchAccessKey(this._accessKey);\n\t\tthis.watchMsg(this._msg);\n\t\tthis.watchDisabled(this._disabled);\n\t\tthis.watchHideMsg(this._hideMsg);\n\t\tthis.watchHideLabel(this._hideLabel);\n\t\tthis.watchHint(this._hint);\n\t\tthis.watchInfoPopover(this._infoPopover);\n\t\tthis.watchLabel(this._label);\n\t\tthis.watchShortKey(this._shortKey);\n\t\tthis.watchSmartButton(this._smartButton);\n\t\tthis.watchOn(this._on);\n\t\tthis.watchTooltipAlign(this._tooltipAlign);\n\t\tthis.watchVariant(this._variant);\n\t\tthis.watchIcons(this._icons);\n\t\t// Unlike the watcher, loading gives no hint for `'on'` (#11054).\n\t\tthis.applyAutoComplete(this._autoComplete);\n\t\tthis.watchHasCounter(this._hasCounter);\n\t\tthis.watchMaxLengthBehavior(this._maxLengthBehavior);\n\t\tthis.initMaxLength(this._maxLength);\n\t\tthis.watchPattern(this._pattern);\n\t\tthis.watchPlaceholder(this._placeholder);\n\t\tthis.watchReadOnly(this._readOnly);\n\t\tthis.watchRequired(this._required);\n\t\tthis.watchVisibilityToggle(this._visibilityToggle);\n\t\tthis.initValue(this._value);\n\t\tthis.initHasValue();\n\t}\n\n\tpublic componentDidLoad(): void {\n\t\tthis.didLoadTextInput();\n\t}\n\n\tpublic componentDidRender(): void {\n\t\tthis.syncFormField();\n\t\tthis.visibilityToggle.syncListeners();\n\t}\n\n\tpublic disconnectedCallback(): void {\n\t\tthis.visibilityToggle.destroy();\n\t\tthis.destroyTextInput();\n\t}\n\n\tprivate readonly handleVisibilityToggle = (): void => {\n\t\tthis.passwordVisible = !this.passwordVisible;\n\t\tthis.ctaRef.el?.focus();\n\t};\n\n\tprivate getVisibilityToggle(): JSX.Element | null {\n\t\tif (!this.getRenderProp('visibilityToggle')) {\n\t\t\treturn null;\n\t\t}\n\t\treturn (\n\t\t\t<ButtonFC\n\t\t\t\t{...this.visibilityToggle.getFcProps(\n\t\t\t\t\t{\n\t\t\t\t\t\t_label: this.passwordVisible ? this.translateHidePassword : this.translateShowPassword,\n\t\t\t\t\t\t_icons: this.passwordVisible ? 'kolicon-eye-closed' : 'kolicon-eye',\n\t\t\t\t\t\t_hideLabel: true,\n\t\t\t\t\t\t_disabled: this._disabled,\n\t\t\t\t\t\t_on: { onClick: this.handleVisibilityToggle },\n\t\t\t\t\t},\n\t\t\t\t\t{\n\t\t\t\t\t\tclass: 'kol-input-password__password-toggle-button kol-input-container__smart-button',\n\t\t\t\t\t\t'data-testid': 'kol-input-password-toggle-button',\n\t\t\t\t\t},\n\t\t\t\t)}\n\t\t\t/>\n\t\t);\n\t}\n\n\tpublic render(): JSX.Element {\n\t\tconst { startAdornment, endAdornment } = this.getTextInputAdornments(this.getVisibilityToggle() as VNode | null);\n\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<FormFieldFC {...this.getTextFormFieldProps('kol-input-password password')}>\n\t\t\t\t\t<InputContainerFC\n\t\t\t\t\t\tdisabled={this.getRenderProp('disabled')}\n\t\t\t\t\t\tmsg={this.getRenderProp('msg')}\n\t\t\t\t\t\ttouched={this.getRenderProp('touched')}\n\t\t\t\t\t\tstartAdornment={startAdornment}\n\t\t\t\t\t\tendAdornment={endAdornment}\n\t\t\t\t\t>\n\t\t\t\t\t\t<InputFC {...this.getTextInputProps({}, { type: this.getRenderProp('visibilityToggle') && this.passwordVisible ? 'text' : 'password' })} />\n\t\t\t\t\t</InputContainerFC>\n\t\t\t\t</FormFieldFC>\n\t\t\t</Host>\n\t\t);\n\t}\n}\n"]}
|
|
1
|
+
{"version":3,"file":"component.js","sourceRoot":"","sources":["../../../src/components/input-password/component.tsx"],"names":[],"mappings":"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","sourcesContent":["import type { JSX, VNode } from '@stencil/core';\nimport { Component, Element, h, Host, Method, Prop, State, Watch } from '@stencil/core';\nimport type {\n\tAriaDetailsPropType,\n\tAutoCompletePropType,\n\tClickableElement,\n\tFocusableElement,\n\tFormFieldLabelInfoPopoverProps,\n\tIconsHorizontalPropType,\n\tInputPasswordProps,\n\tInputTypeOnDefault,\n\tInternalButtonProps,\n\tKolFocusOptions,\n\tLabelWithExpertSlotPropType,\n\tMaxLengthBehaviorPropType,\n\tMsgPropType,\n\tNamePropType,\n\tShortKeyPropType,\n\tStringified,\n\tSyncValueBySelectorPropType,\n\tTooltipAlignPropType,\n\tVariantClassNamePropType,\n\tVisibilityTogglePropType,\n} from '../../schema';\nimport { devHint } from '../../schema';\n\nimport { translate } from '../../i18n';\nimport { ButtonFC } from '../../internal/functional-components/button/component';\nimport { createButtonItem } from '../../internal/functional-components/button/item';\nimport { FormFieldFC } from '../../internal/functional-components/form-field/component';\nimport { InputFC } from '../../internal/functional-components/form-field/input';\nimport { InputContainerFC } from '../../internal/functional-components/form-field/input-container';\nimport type { WebComponentInterface } from '../../internal/functional-components/generic-types';\nimport type { InputPasswordApi } from '../../internal/functional-components/input-password/api';\nimport { inputPasswordPropsConfig } from '../../internal/functional-components/input-password/api';\nimport { BaseTextInputWebComponent } from '../../internal/functional-components/text-input/base-web-component';\nimport { visibilityToggleProp } from '../../internal/props';\nimport { createUniqueId } from '../../utils/dev.utils';\nimport { delegateClick, delegateFocus } from '../../utils/element-interaction';\n\n/**\n * The **Password** input type creates an input field for passwords. The input is masked with dot symbols.\n *\n * @slot - The label of the input field.\n * @slot expert - Custom label content, e.g. for rich text or icons. https://public-ui.github.io/docs/concepts/expert-slot\n */\n@Component({\n\ttag: 'kol-input-password',\n\tstyleUrls: {\n\t\tdefault: './style.scss',\n\t},\n\tshadow: true,\n})\nexport class KolInputPassword\n\textends BaseTextInputWebComponent<InputPasswordApi>\n\timplements ClickableElement, FocusableElement, InputPasswordProps, WebComponentInterface<InputPasswordApi>\n{\n\t@Element() protected readonly host?: HTMLKolInputPasswordElement;\n\n\t@State() public id = createUniqueId('input-password');\n\n\t/** Whether the info popover of the label is open. */\n\t@State() public infoPopoverOpen = false;\n\n\t@State() public inputHasFocus = false;\n\n\t@State() public passwordVisible = false;\n\n\tprivate readonly visibilityToggle = createButtonItem(() => this.host);\n\n\tprivate readonly translateHidePassword = translate('kol-hide-password');\n\n\tprivate readonly translateShowPassword = translate('kol-show-password');\n\n\tpublic constructor() {\n\t\tsuper();\n\t\tthis.initFormAssociation('password', this._name);\n\t}\n\n\t/**\n\t * Defines the key combination that can be used to trigger or focus the component's interactive element.\n\t */\n\t@Prop() public _accessKey?: string;\n\n\t@Watch('_accessKey')\n\tpublic watchAccessKey(value?: string): void {\n\t\tthis.applyAccessKey(value);\n\t}\n\n\t/**\n\t * References an external element by ID that provides accessible details for this input.\n\t * Uses ElementInternals.ariaDetailsElements to cross the Shadow DOM boundary.\n\t * Supported by desktop screen readers (NVDA, JAWS with Chrome/Firefox).\n\t * Not yet supported by mobile screen readers (TalkBack, VoiceOver iOS).\n\t */\n\t@Prop() public _ariaDetails?: AriaDetailsPropType;\n\n\t@Watch('_ariaDetails')\n\tpublic watchAriaDetails(value?: AriaDetailsPropType): void {\n\t\tthis.applyAriaDetails(value);\n\t}\n\n\t/**\n\t * Defines whether the input can be auto-completed.\n\t */\n\t@Prop() public _autoComplete?: AutoCompletePropType = 'off';\n\n\t@Watch('_autoComplete')\n\tpublic watchAutoComplete(value?: AutoCompletePropType): void {\n\t\tthis.applyAutoComplete(value);\n\t\tif (value === 'on') {\n\t\t\tdevHint(`[KolInputPassword] The 'autocomplete' option should not be set to \"on\" for a password input field`);\n\t\t}\n\t}\n\n\t/**\n\t * Shows a character counter for the input element.\n\t */\n\t@Prop() public _hasCounter?: boolean = false;\n\n\t@Watch('_hasCounter')\n\tpublic watchHasCounter(value?: boolean): void {\n\t\tthis.applyHasCounter(value);\n\t}\n\n\t/**\n\t * Defines the behavior when maxLength is set. 'hard' sets the maxlength attribute, 'soft' shows a character counter without preventing input.\n\t */\n\t@Prop() public _maxLengthBehavior?: MaxLengthBehaviorPropType = 'hard';\n\n\t@Watch('_maxLengthBehavior')\n\tpublic watchMaxLengthBehavior(value?: MaxLengthBehaviorPropType): void {\n\t\tthis.applyMaxLengthBehavior(value);\n\t}\n\n\t/**\n\t * Makes the element not focusable and ignore all events.\n\t * @TODO: Change type back to `DisabledPropType` after Stencil#4663 has been resolved.\n\t */\n\t@Prop() public _disabled?: boolean = false;\n\n\t@Watch('_disabled')\n\tpublic watchDisabled(value?: boolean): void {\n\t\tthis.applyDisabled(value);\n\t}\n\n\t/**\n\t * Hides the error message but leaves it in the DOM for the input's aria-describedby.\n\t * @TODO: Change type back to `HideMsgPropType` after Stencil#4663 has been resolved.\n\t */\n\t@Prop() public _hideMsg?: boolean = false;\n\n\t@Watch('_hideMsg')\n\tpublic watchHideMsg(value?: boolean): void {\n\t\tthis.applyHideMsg(value);\n\t}\n\n\t/**\n\t * Hides the caption by default and displays the caption text with a tooltip when the\n\t * interactive element is focused or the mouse is over it.\n\t * @TODO: Change type back to `HideLabelPropType` after Stencil#4663 has been resolved.\n\t */\n\t@Prop() public _hideLabel?: boolean = false;\n\n\t@Watch('_hideLabel')\n\tpublic watchHideLabel(value?: boolean): void {\n\t\tthis.applyHideLabel(value);\n\t}\n\n\t/**\n\t * Defines the hint text.\n\t */\n\t@Prop() public _hint?: string = '';\n\n\t@Watch('_hint')\n\tpublic watchHint(value?: string): void {\n\t\tthis.applyHint(value);\n\t}\n\n\t/**\n\t * Defines the icon classnames.\n\t */\n\t@Prop() public _icons?: IconsHorizontalPropType;\n\n\t@Watch('_icons')\n\tpublic watchIcons(value?: IconsHorizontalPropType): void {\n\t\tthis.applyIcons(value);\n\t}\n\n\t/**\n\t * Defines the informational popover after the label.\n\t */\n\t@Prop() public _infoPopover?: FormFieldLabelInfoPopoverProps;\n\n\t@Watch('_infoPopover')\n\tpublic watchInfoPopover(value?: FormFieldLabelInfoPopoverProps): void {\n\t\tthis.applyInfoPopover(value);\n\t}\n\n\t/**\n\t * Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.). Set to `false` to enable the expert slot.\n\t */\n\t@Prop() public _label!: LabelWithExpertSlotPropType;\n\n\t@Watch('_label')\n\tpublic watchLabel(value?: LabelWithExpertSlotPropType): void {\n\t\tthis.applyLabel(value);\n\t}\n\n\t/**\n\t * Defines the maximum number of input characters.\n\t */\n\t@Prop() public _maxLength?: number;\n\n\t@Watch('_maxLength')\n\tpublic watchMaxLength(value?: number): void {\n\t\tthis.applyMaxLength(value);\n\t}\n\n\t/**\n\t * Defines the properties for a message rendered as Alert component.\n\t */\n\t@Prop() public _msg?: Stringified<MsgPropType>;\n\n\t@Watch('_msg')\n\tpublic watchMsg(value?: Stringified<MsgPropType>): void {\n\t\tthis.applyMsg(value);\n\t}\n\n\t/**\n\t * Defines the technical name of an input field.\n\t */\n\t@Prop() public _name?: NamePropType;\n\n\t@Watch('_name')\n\tpublic watchName(value?: NamePropType): void {\n\t\tthis.applyName(value);\n\t}\n\n\t/**\n\t * Gibt die EventCallback-Funktionen für das Input-Event an.\n\t */\n\t@Prop() public _on?: InputTypeOnDefault;\n\n\t@Watch('_on')\n\tpublic watchOn(value?: InputTypeOnDefault): void {\n\t\tthis.applyOn(value);\n\t}\n\n\t/**\n\t * Defines a validation pattern for the input field.\n\t */\n\t@Prop() public _pattern?: string;\n\n\t@Watch('_pattern')\n\tpublic watchPattern(value?: string): void {\n\t\tthis.applyPattern(value);\n\t}\n\n\t/**\n\t * Defines the placeholder for input field. To be shown when there's no value.\n\t */\n\t@Prop() public _placeholder?: string;\n\n\t@Watch('_placeholder')\n\tpublic watchPlaceholder(value?: string): void {\n\t\tthis.applyPlaceholder(value);\n\t}\n\n\t/**\n\t * Makes the input element read only.\n\t * @TODO: Change type back to `ReadOnlyPropType` after Stencil#4663 has been resolved.\n\t */\n\t@Prop() public _readOnly?: boolean = false;\n\n\t@Watch('_readOnly')\n\tpublic watchReadOnly(value?: boolean): void {\n\t\tthis.applyReadOnly(value);\n\t}\n\n\t/**\n\t * Makes the input element required.\n\t * @TODO: Change type back to `RequiredPropType` after Stencil#4663 has been resolved.\n\t */\n\t@Prop() public _required?: boolean = false;\n\n\t@Watch('_required')\n\tpublic watchRequired(value?: boolean): void {\n\t\tthis.applyRequired(value);\n\t}\n\n\t/**\n\t * Adds a visual shortcut hint after the label and instructs the screen reader to read the shortcut aloud.\n\t */\n\t@Prop() public _shortKey?: ShortKeyPropType;\n\n\t@Watch('_shortKey')\n\tpublic watchShortKey(value?: ShortKeyPropType): void {\n\t\tthis.applyShortKey(value);\n\t}\n\n\t/**\n\t * Allows to add a button with an arbitrary action within the element (_hide-label only).\n\t */\n\t@Prop() public _smartButton?: Stringified<InternalButtonProps>;\n\n\t@Watch('_smartButton')\n\tpublic watchSmartButton(value?: Stringified<InternalButtonProps>): void {\n\t\tthis.applySmartButton(value);\n\t}\n\n\t/**\n\t * Selector for synchronizing the value with another input element.\n\t * @internal\n\t */\n\t@Prop() public _syncValueBySelector?: SyncValueBySelectorPropType;\n\n\t@Watch('_syncValueBySelector')\n\tpublic watchSyncValueBySelector(value?: SyncValueBySelectorPropType): void {\n\t\tthis.applySyncValueBySelector(value);\n\t}\n\n\t/**\n\t * Defines where to show the Tooltip preferably: top, right, bottom or left.\n\t */\n\t@Prop() public _tooltipAlign?: TooltipAlignPropType = 'top';\n\n\t@Watch('_tooltipAlign')\n\tpublic watchTooltipAlign(value?: TooltipAlignPropType): void {\n\t\tthis.applyTooltipAlign(value);\n\t}\n\n\t/**\n\t * Shows if the input was touched by a user.\n\t * @TODO: Change type back to `TouchedPropType` after Stencil#4663 has been resolved.\n\t */\n\t@Prop({ mutable: true, reflect: true }) public _touched?: boolean = false;\n\n\t@Watch('_touched')\n\tpublic watchTouched(value?: boolean): void {\n\t\tthis.applyTouched(value);\n\t}\n\n\t/**\n\t * Defines the value of the element.\n\t */\n\t@Prop({ mutable: true, reflect: true }) public _value?: string;\n\n\t@Watch('_value')\n\tpublic watchValue(value?: string): void {\n\t\tthis.applyValue(value);\n\t}\n\n\t/**\n\t * Defines which variant should be used for presentation.\n\t */\n\t@Prop() public _variant?: VariantClassNamePropType;\n\n\t@Watch('_variant')\n\tpublic watchVariant(value?: VariantClassNamePropType): void {\n\t\tthis.applyVariant(value);\n\t}\n\n\t/**\n\t * Activates the show password button\n\t */\n\t@Prop() public _visibilityToggle?: VisibilityTogglePropType = false;\n\n\t@Watch('_visibilityToggle')\n\tpublic watchVisibilityToggle(value?: VisibilityTogglePropType): void {\n\t\tvisibilityToggleProp.apply(value, (v) => this.setRenderProp('visibilityToggle', v));\n\t}\n\n\t/**\n\t * Returns the current value.\n\t */\n\t@Method()\n\t// eslint-disable-next-line @typescript-eslint/require-await\n\tpublic async getValue(): Promise<string | undefined> {\n\t\treturn this.ctaRef.el?.value;\n\t}\n\n\t/**\n\t * Sets focus on the internal element.\n\t */\n\t@Method()\n\t@delegateFocus('ctaRef')\n\t// @ts-expect-error: options parameter will be implemented by the decorator.\n\t// eslint-disable-next-line @typescript-eslint/no-unused-vars\n\tpublic async focus(options?: KolFocusOptions): Promise<void> {}\n\n\t/**\n\t * Clicks the primary interactive element inside this component.\n\t */\n\t@Method()\n\t@delegateClick('ctaRef')\n\tpublic async click(): Promise<void> {}\n\n\tpublic componentWillLoad(): void {\n\t\tthis.initRenderProps(inputPasswordPropsConfig);\n\t\tthis.unsetRenderProp('smartButton');\n\t\tthis._touched = this._touched === true;\n\t\tthis.watchAriaDetails(this._ariaDetails);\n\t\tthis.watchName(this._name);\n\t\tthis.watchSyncValueBySelector(this._syncValueBySelector);\n\t\tthis.watchTouched(this._touched);\n\t\tthis.watchAccessKey(this._accessKey);\n\t\tthis.watchMsg(this._msg);\n\t\tthis.watchDisabled(this._disabled);\n\t\tthis.watchHideMsg(this._hideMsg);\n\t\tthis.watchHideLabel(this._hideLabel);\n\t\tthis.watchHint(this._hint);\n\t\tthis.watchInfoPopover(this._infoPopover);\n\t\tthis.watchLabel(this._label);\n\t\tthis.watchShortKey(this._shortKey);\n\t\tthis.watchSmartButton(this._smartButton);\n\t\tthis.watchOn(this._on);\n\t\tthis.watchTooltipAlign(this._tooltipAlign);\n\t\tthis.watchVariant(this._variant);\n\t\tthis.watchIcons(this._icons);\n\t\tthis.watchAutoComplete(this._autoComplete);\n\t\tthis.watchHasCounter(this._hasCounter);\n\t\tthis.watchMaxLengthBehavior(this._maxLengthBehavior);\n\t\tthis.initMaxLength(this._maxLength);\n\t\tthis.watchPattern(this._pattern);\n\t\tthis.watchPlaceholder(this._placeholder);\n\t\tthis.watchReadOnly(this._readOnly);\n\t\tthis.watchRequired(this._required);\n\t\tthis.watchVisibilityToggle(this._visibilityToggle);\n\t\tthis.initValue(this._value);\n\t\tthis.initHasValue();\n\t}\n\n\tpublic componentDidLoad(): void {\n\t\tthis.didLoadTextInput();\n\t}\n\n\tpublic componentDidRender(): void {\n\t\tthis.syncFormField();\n\t\tthis.visibilityToggle.syncListeners();\n\t}\n\n\tpublic disconnectedCallback(): void {\n\t\tthis.visibilityToggle.destroy();\n\t\tthis.destroyTextInput();\n\t}\n\n\tprivate readonly handleVisibilityToggle = (): void => {\n\t\tthis.passwordVisible = !this.passwordVisible;\n\t\tthis.ctaRef.el?.focus();\n\t};\n\n\tprivate getVisibilityToggle(): JSX.Element | null {\n\t\tif (!this.getRenderProp('visibilityToggle')) {\n\t\t\treturn null;\n\t\t}\n\t\treturn (\n\t\t\t<ButtonFC\n\t\t\t\t{...this.visibilityToggle.getFcProps(\n\t\t\t\t\t{\n\t\t\t\t\t\t_label: this.passwordVisible ? this.translateHidePassword : this.translateShowPassword,\n\t\t\t\t\t\t_icons: this.passwordVisible ? 'kolicon-eye-closed' : 'kolicon-eye',\n\t\t\t\t\t\t_hideLabel: true,\n\t\t\t\t\t\t_disabled: this._disabled,\n\t\t\t\t\t\t_on: { onClick: this.handleVisibilityToggle },\n\t\t\t\t\t},\n\t\t\t\t\t{\n\t\t\t\t\t\tclass: 'kol-input-password__password-toggle-button kol-input-container__smart-button',\n\t\t\t\t\t\t'data-testid': 'kol-input-password-toggle-button',\n\t\t\t\t\t},\n\t\t\t\t)}\n\t\t\t/>\n\t\t);\n\t}\n\n\tpublic render(): JSX.Element {\n\t\tconst { startAdornment, endAdornment } = this.getTextInputAdornments(this.getVisibilityToggle() as VNode | null);\n\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<FormFieldFC {...this.getTextFormFieldProps('kol-input-password password')}>\n\t\t\t\t\t<InputContainerFC\n\t\t\t\t\t\tdisabled={this.getRenderProp('disabled')}\n\t\t\t\t\t\tmsg={this.getRenderProp('msg')}\n\t\t\t\t\t\ttouched={this.getRenderProp('touched')}\n\t\t\t\t\t\tstartAdornment={startAdornment}\n\t\t\t\t\t\tendAdornment={endAdornment}\n\t\t\t\t\t>\n\t\t\t\t\t\t<InputFC {...this.getTextInputProps({}, { type: this.getRenderProp('visibilityToggle') && this.passwordVisible ? 'text' : 'password' })} />\n\t\t\t\t\t</InputContainerFC>\n\t\t\t\t</FormFieldFC>\n\t\t\t</Host>\n\t\t);\n\t}\n}\n"]}
|
|
@@ -288,8 +288,8 @@
|
|
|
288
288
|
}
|
|
289
289
|
@font-face {
|
|
290
290
|
font-family: "kolicons";
|
|
291
|
-
src: url("kolicons.eot?t=
|
|
292
|
-
src: url("kolicons.eot?t=
|
|
291
|
+
src: url("kolicons.eot?t=1791530377872"); /* IE9*/
|
|
292
|
+
src: url("kolicons.eot?t=1791530377872#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1791530377872") format("woff2"), url("kolicons.woff?t=1791530377872") format("woff"), url("kolicons.ttf?t=1791530377872") format("truetype"), url("kolicons.svg?t=1791530377872#kolicons") format("svg"); /* iOS 4.1- */
|
|
293
293
|
}
|
|
294
294
|
@layer kol-component {
|
|
295
295
|
[class^=kolicon-], [class*=" kolicon-"] {
|
|
@@ -288,8 +288,8 @@
|
|
|
288
288
|
}
|
|
289
289
|
@font-face {
|
|
290
290
|
font-family: "kolicons";
|
|
291
|
-
src: url("kolicons.eot?t=
|
|
292
|
-
src: url("kolicons.eot?t=
|
|
291
|
+
src: url("kolicons.eot?t=1791530377872"); /* IE9*/
|
|
292
|
+
src: url("kolicons.eot?t=1791530377872#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1791530377872") format("woff2"), url("kolicons.woff?t=1791530377872") format("woff"), url("kolicons.ttf?t=1791530377872") format("truetype"), url("kolicons.svg?t=1791530377872#kolicons") format("svg"); /* iOS 4.1- */
|
|
293
293
|
}
|
|
294
294
|
@layer kol-component {
|
|
295
295
|
[class^=kolicon-], [class*=" kolicon-"] {
|
|
@@ -288,8 +288,8 @@
|
|
|
288
288
|
}
|
|
289
289
|
@font-face {
|
|
290
290
|
font-family: "kolicons";
|
|
291
|
-
src: url("kolicons.eot?t=
|
|
292
|
-
src: url("kolicons.eot?t=
|
|
291
|
+
src: url("kolicons.eot?t=1791530377872"); /* IE9*/
|
|
292
|
+
src: url("kolicons.eot?t=1791530377872#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1791530377872") format("woff2"), url("kolicons.woff?t=1791530377872") format("woff"), url("kolicons.ttf?t=1791530377872") format("truetype"), url("kolicons.svg?t=1791530377872#kolicons") format("svg"); /* iOS 4.1- */
|
|
293
293
|
}
|
|
294
294
|
@layer kol-component {
|
|
295
295
|
[class^=kolicon-], [class*=" kolicon-"] {
|
|
@@ -288,8 +288,8 @@
|
|
|
288
288
|
}
|
|
289
289
|
@font-face {
|
|
290
290
|
font-family: "kolicons";
|
|
291
|
-
src: url("kolicons.eot?t=
|
|
292
|
-
src: url("kolicons.eot?t=
|
|
291
|
+
src: url("kolicons.eot?t=1791530377872"); /* IE9*/
|
|
292
|
+
src: url("kolicons.eot?t=1791530377872#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1791530377872") format("woff2"), url("kolicons.woff?t=1791530377872") format("woff"), url("kolicons.ttf?t=1791530377872") format("truetype"), url("kolicons.svg?t=1791530377872#kolicons") format("svg"); /* iOS 4.1- */
|
|
293
293
|
}
|
|
294
294
|
@layer kol-component {
|
|
295
295
|
[class^=kolicon-], [class*=" kolicon-"] {
|
|
@@ -283,8 +283,8 @@
|
|
|
283
283
|
}
|
|
284
284
|
@font-face {
|
|
285
285
|
font-family: "kolicons";
|
|
286
|
-
src: url("kolicons.eot?t=
|
|
287
|
-
src: url("kolicons.eot?t=
|
|
286
|
+
src: url("kolicons.eot?t=1791530377872"); /* IE9*/
|
|
287
|
+
src: url("kolicons.eot?t=1791530377872#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1791530377872") format("woff2"), url("kolicons.woff?t=1791530377872") format("woff"), url("kolicons.ttf?t=1791530377872") format("truetype"), url("kolicons.svg?t=1791530377872#kolicons") format("svg"); /* iOS 4.1- */
|
|
288
288
|
}
|
|
289
289
|
@layer kol-component {
|
|
290
290
|
[class^=kolicon-], [class*=" kolicon-"] {
|
|
@@ -283,8 +283,8 @@
|
|
|
283
283
|
}
|
|
284
284
|
@font-face {
|
|
285
285
|
font-family: "kolicons";
|
|
286
|
-
src: url("kolicons.eot?t=
|
|
287
|
-
src: url("kolicons.eot?t=
|
|
286
|
+
src: url("kolicons.eot?t=1791530377872"); /* IE9*/
|
|
287
|
+
src: url("kolicons.eot?t=1791530377872#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1791530377872") format("woff2"), url("kolicons.woff?t=1791530377872") format("woff"), url("kolicons.ttf?t=1791530377872") format("truetype"), url("kolicons.svg?t=1791530377872#kolicons") format("svg"); /* iOS 4.1- */
|
|
288
288
|
}
|
|
289
289
|
@layer kol-component {
|
|
290
290
|
[class^=kolicon-], [class*=" kolicon-"] {
|
|
@@ -283,8 +283,8 @@
|
|
|
283
283
|
}
|
|
284
284
|
@font-face {
|
|
285
285
|
font-family: "kolicons";
|
|
286
|
-
src: url("kolicons.eot?t=
|
|
287
|
-
src: url("kolicons.eot?t=
|
|
286
|
+
src: url("kolicons.eot?t=1791530377872"); /* IE9*/
|
|
287
|
+
src: url("kolicons.eot?t=1791530377872#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1791530377872") format("woff2"), url("kolicons.woff?t=1791530377872") format("woff"), url("kolicons.ttf?t=1791530377872") format("truetype"), url("kolicons.svg?t=1791530377872#kolicons") format("svg"); /* iOS 4.1- */
|
|
288
288
|
}
|
|
289
289
|
@layer kol-component {
|
|
290
290
|
[class^=kolicon-], [class*=" kolicon-"] {
|
|
@@ -283,8 +283,8 @@
|
|
|
283
283
|
}
|
|
284
284
|
@font-face {
|
|
285
285
|
font-family: "kolicons";
|
|
286
|
-
src: url("kolicons.eot?t=
|
|
287
|
-
src: url("kolicons.eot?t=
|
|
286
|
+
src: url("kolicons.eot?t=1791530377872"); /* IE9*/
|
|
287
|
+
src: url("kolicons.eot?t=1791530377872#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1791530377872") format("woff2"), url("kolicons.woff?t=1791530377872") format("woff"), url("kolicons.ttf?t=1791530377872") format("truetype"), url("kolicons.svg?t=1791530377872#kolicons") format("svg"); /* iOS 4.1- */
|
|
288
288
|
}
|
|
289
289
|
@layer kol-component {
|
|
290
290
|
[class^=kolicon-], [class*=" kolicon-"] {
|
|
@@ -283,8 +283,8 @@
|
|
|
283
283
|
}
|
|
284
284
|
@font-face {
|
|
285
285
|
font-family: "kolicons";
|
|
286
|
-
src: url("kolicons.eot?t=
|
|
287
|
-
src: url("kolicons.eot?t=
|
|
286
|
+
src: url("kolicons.eot?t=1791530377872"); /* IE9*/
|
|
287
|
+
src: url("kolicons.eot?t=1791530377872#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1791530377872") format("woff2"), url("kolicons.woff?t=1791530377872") format("woff"), url("kolicons.ttf?t=1791530377872") format("truetype"), url("kolicons.svg?t=1791530377872#kolicons") format("svg"); /* iOS 4.1- */
|
|
288
288
|
}
|
|
289
289
|
@layer kol-component {
|
|
290
290
|
[class^=kolicon-], [class*=" kolicon-"] {
|
|
@@ -17,7 +17,6 @@ export class KolPopoverButton extends BasePopoverButtonWebComponent {
|
|
|
17
17
|
this._popoverAlign = 'bottom';
|
|
18
18
|
this._tooltipAlign = 'top';
|
|
19
19
|
this._type = 'button';
|
|
20
|
-
this._variant = 'normal';
|
|
21
20
|
this.initFormAssociation();
|
|
22
21
|
}
|
|
23
22
|
watchAccessKey(value) {
|
|
@@ -109,7 +108,7 @@ export class KolPopoverButton extends BasePopoverButtonWebComponent {
|
|
|
109
108
|
this.destroyPopover();
|
|
110
109
|
}
|
|
111
110
|
render() {
|
|
112
|
-
return h(Host, { key: '
|
|
111
|
+
return h(Host, { key: 'c535686a8f7ef3b64fd19fe0632afde1d3b9001b' }, this.renderPopoverButtonFC());
|
|
113
112
|
}
|
|
114
113
|
static get is() { return "kol-popover-button"; }
|
|
115
114
|
static get encapsulation() { return "shadow"; }
|
|
@@ -536,8 +535,7 @@ export class KolPopoverButton extends BasePopoverButtonWebComponent {
|
|
|
536
535
|
"getter": false,
|
|
537
536
|
"setter": false,
|
|
538
537
|
"reflect": false,
|
|
539
|
-
"attribute": "_variant"
|
|
540
|
-
"defaultValue": "'normal'"
|
|
538
|
+
"attribute": "_variant"
|
|
541
539
|
}
|
|
542
540
|
};
|
|
543
541
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"component.js","sourceRoot":"","sources":["../../../src/components/popover-button/component.tsx"],"names":[],"mappings":"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","sourcesContent":["import type { JSX } from '@stencil/core';\nimport { Component, Element, h, Host, Method, Prop, State, Watch } from '@stencil/core';\n\nimport type { PopoverButtonWebComponentInterface } from '../../internal/functional-components/popover-button/api';\nimport type {\n\tAccessKeyPropType,\n\tAriaDescriptionPropType,\n\tButtonTypePropType,\n\tClickableElement,\n\tCustomClassPropType,\n\tFocusableElement,\n\tIconsPropType,\n\tInlinePropType,\n\tKolFocusOptions,\n\tLabelWithExpertSlotPropType,\n\tPopoverAlignPropType,\n\tPopoverButtonProps,\n\tShortKeyPropType,\n\tStencilUnknown,\n\tSyncValueBySelectorPropType,\n\tTooltipAlignPropType,\n\tVariantClassNamePropType,\n} from '../../schema';\nimport { nonce } from '../../utils/dev.utils';\nimport { delegateClick, delegateFocus } from '../../utils/element-interaction';\nimport { BasePopoverButtonWebComponent } from './base';\n\n/**\n * A button that toggles the visibility of a popover overlay containing arbitrary content.\n * The popover uses the native HTML Popover API for lightweight, non-modal overlays.\n *\n * @slot - The popover content (displayed when the button is clicked).\n * @slot expert - Custom label content for the button (when `_label` is `false`).\n */\n@Component({\n\ttag: 'kol-popover-button',\n\tstyleUrls: {\n\t\tdefault: './style.scss',\n\t},\n\tshadow: true,\n})\nexport class KolPopoverButton\n\textends BasePopoverButtonWebComponent\n\timplements ClickableElement, FocusableElement, PopoverButtonProps, PopoverButtonWebComponentInterface\n{\n\t@Element() protected readonly host?: HTMLKolPopoverButtonElement;\n\n\t@State() public ariaDescriptionId: string = nonce();\n\n\t@State() public popoverOpen = false;\n\n\tpublic constructor() {\n\t\tsuper();\n\t\tthis.initFormAssociation();\n\t}\n\n\t/**\n\t * Defines the key combination that can be used to trigger or focus the component's interactive element.\n\t */\n\t@Prop() public _accessKey?: AccessKeyPropType;\n\n\t@Watch('_accessKey')\n\tpublic watchAccessKey(value?: AccessKeyPropType): void {\n\t\tthis.applyAccessKey(value, this._shortKey);\n\t}\n\n\t/**\n\t * Defines the value for the aria-description attribute.\n\t */\n\t@Prop() public _ariaDescription?: AriaDescriptionPropType;\n\n\t@Watch('_ariaDescription')\n\tpublic watchAriaDescription(value?: AriaDescriptionPropType): void {\n\t\tthis.applyAriaDescription(value);\n\t}\n\n\t/**\n\t * Defines the custom class attribute if _variant=\"custom\" is set.\n\t */\n\t@Prop() public _customClass?: CustomClassPropType;\n\n\t@Watch('_customClass')\n\tpublic watchCustomClass(value?: CustomClassPropType): void {\n\t\tthis.applyCustomClass(value);\n\t}\n\n\t/**\n\t * Makes the element not focusable and ignore all events.\n\t */\n\t@Prop() public _disabled?: boolean = false;\n\n\t@Watch('_disabled')\n\tpublic watchDisabled(value?: boolean): void {\n\t\tthis.applyDisabled(value);\n\t}\n\n\t/**\n\t * Hides the caption by default and displays the caption text with a tooltip when the\n\t * interactive element is focused or the mouse is over it.\n\t * @TODO: Change type back to `HideLabelPropType` after Stencil#4663 has been resolved.\n\t */\n\t@Prop() public _hideLabel?: boolean = false;\n\n\t@Watch('_hideLabel')\n\tpublic watchHideLabel(value?: boolean): void {\n\t\tthis.applyHideLabel(value);\n\t}\n\n\t/**\n\t * Defines the icon classnames.\n\t */\n\t@Prop() public _icons?: IconsPropType;\n\n\t@Watch('_icons')\n\tpublic watchIcons(value?: IconsPropType): void {\n\t\tthis.applyIcons(value);\n\t}\n\n\t/**\n\t * Defines whether the component is displayed as a standalone block or inline without enforcing a minimum size of 44px.\n\t */\n\t@Prop() public _inline?: InlinePropType = false;\n\n\t@Watch('_inline')\n\tpublic watchInline(value?: InlinePropType): void {\n\t\tthis.applyInline(value);\n\t}\n\n\t/**\n\t * Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.). Set to `false` to enable the expert slot.\n\t */\n\t@Prop() public _label!: LabelWithExpertSlotPropType;\n\n\t@Watch('_label')\n\tpublic watchLabel(value?: LabelWithExpertSlotPropType): void {\n\t\tthis.applyLabel(value);\n\t}\n\n\t/**\n\t * Defines the technical name of an input field.\n\t */\n\t@Prop() public _name?: string;\n\n\t@Watch('_name')\n\tpublic watchName(value?: string): void {\n\t\tthis.applyName(value);\n\t}\n\n\t/**\n\t * Defines where to show the Popover preferably: top, right, bottom or left.\n\t */\n\t@Prop() public _popoverAlign?: PopoverAlignPropType = 'bottom';\n\n\t@Watch('_popoverAlign')\n\tpublic watchPopoverAlign(value?: PopoverAlignPropType): void {\n\t\tthis.applyPopoverAlign(value);\n\t}\n\n\t/**\n\t * Adds a visual shortcut hint after the label and instructs the screen reader to read the shortcut aloud.\n\t */\n\t@Prop() public _shortKey?: ShortKeyPropType;\n\n\t@Watch('_shortKey')\n\tpublic watchShortKey(value?: ShortKeyPropType): void {\n\t\tthis.applyShortKey(value, this._accessKey);\n\t}\n\n\t/**\n\t * Selector for synchronizing the value with another input element.\n\t * @internal\n\t */\n\t@Prop() public _syncValueBySelector?: SyncValueBySelectorPropType;\n\n\t@Watch('_syncValueBySelector')\n\tpublic watchSyncValueBySelector(value?: SyncValueBySelectorPropType): void {\n\t\tthis.applySyncValueBySelector(value);\n\t}\n\n\t/**\n\t * Defines which tab-index the primary element of the component has. (https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex)\n\t */\n\t@Prop() public _tabIndex?: number;\n\n\t@Watch('_tabIndex')\n\tpublic watchTabIndex(value?: number): void {\n\t\tthis.applyTabIndex(value);\n\t}\n\n\t/**\n\t * Defines where to show the Tooltip preferably: top, right, bottom or left.\n\t */\n\t@Prop() public _tooltipAlign?: TooltipAlignPropType = 'top';\n\n\t@Watch('_tooltipAlign')\n\tpublic watchTooltipAlign(value?: TooltipAlignPropType): void {\n\t\tthis.applyTooltipAlign(value);\n\t}\n\n\t/**\n\t * Defines either the type of the component or of the components interactive element.\n\t */\n\t@Prop() public _type?: ButtonTypePropType = 'button';\n\n\t@Watch('_type')\n\tpublic watchType(value?: ButtonTypePropType): void {\n\t\tthis.applyType(value);\n\t}\n\n\t/**\n\t * Defines the value of the element.\n\t */\n\t@Prop() public _value?: StencilUnknown;\n\n\t@Watch('_value')\n\tpublic watchValue(value?: StencilUnknown): void {\n\t\tthis.applyValue(value);\n\t}\n\n\t/**\n\t * Defines which variant should be used for presentation.\n\t */\n\t@Prop() public _variant?: VariantClassNamePropType = 'normal';\n\n\t@Watch('_variant')\n\tpublic watchVariant(value?: VariantClassNamePropType): void {\n\t\tthis.applyVariant(value);\n\t}\n\n\t/**\n\t * Hides the popover programmatically.\n\t */\n\t@Method()\n\t// eslint-disable-next-line @typescript-eslint/require-await\n\tpublic async hidePopover() {\n\t\tthis.closePopover();\n\t}\n\n\t/**\n\t * Shows the popover programmatically.\n\t */\n\t@Method()\n\t// eslint-disable-next-line @typescript-eslint/require-await\n\tpublic async showPopover() {\n\t\tthis.openPopover();\n\t}\n\n\t/**\n\t * Clicks the primary interactive element inside this component.\n\t */\n\t@Method()\n\t@delegateClick('ctaRef')\n\tpublic async click(): Promise<void> {}\n\n\t/**\n\t * Sets focus on the internal element.\n\t */\n\t@Method()\n\t@delegateFocus('ctaRef')\n\t// @ts-expect-error: options parameter will be implemented by the decorator.\n\t// eslint-disable-next-line @typescript-eslint/no-unused-vars\n\tpublic async focus(options?: KolFocusOptions): Promise<void> {}\n\n\tpublic componentWillLoad(): void {\n\t\tthis.initPopoverButtonRenderProps();\n\n\t\tthis.watchAccessKey(this._accessKey);\n\t\tthis.watchAriaDescription(this._ariaDescription);\n\t\tthis.watchCustomClass(this._customClass);\n\t\tthis.watchDisabled(this._disabled);\n\t\tthis.watchHideLabel(this._hideLabel);\n\t\tthis.watchIcons(this._icons);\n\t\tthis.watchInline(this._inline);\n\t\tthis.watchLabel(this._label);\n\t\tthis.watchName(this._name);\n\t\tthis.watchPopoverAlign(this._popoverAlign);\n\t\tthis.watchShortKey(this._shortKey);\n\t\tthis.watchSyncValueBySelector(this._syncValueBySelector);\n\t\tthis.watchTabIndex(this._tabIndex);\n\t\tthis.watchTooltipAlign(this._tooltipAlign);\n\t\tthis.watchType(this._type);\n\t\tthis.watchValue(this._value);\n\t\tthis.watchVariant(this._variant);\n\n\t\tthis.initTooltipBehavior();\n\t}\n\n\tpublic componentDidRender(): void {\n\t\tthis.syncTooltipListeners();\n\t\tthis.syncPopoverToggleListener();\n\t}\n\n\tpublic disconnectedCallback(): void {\n\t\tthis.destroyTooltipBehavior();\n\t\tthis.destroyPopover();\n\t}\n\n\tpublic render(): JSX.Element {\n\t\treturn <Host>{this.renderPopoverButtonFC()}</Host>;\n\t}\n}\n"]}
|
|
1
|
+
{"version":3,"file":"component.js","sourceRoot":"","sources":["../../../src/components/popover-button/component.tsx"],"names":[],"mappings":"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","sourcesContent":["import type { JSX } from '@stencil/core';\nimport { Component, Element, h, Host, Method, Prop, State, Watch } from '@stencil/core';\n\nimport type { PopoverButtonWebComponentInterface } from '../../internal/functional-components/popover-button/api';\nimport type {\n\tAccessKeyPropType,\n\tAriaDescriptionPropType,\n\tButtonTypePropType,\n\tClickableElement,\n\tCustomClassPropType,\n\tFocusableElement,\n\tIconsPropType,\n\tInlinePropType,\n\tKolFocusOptions,\n\tLabelWithExpertSlotPropType,\n\tPopoverAlignPropType,\n\tPopoverButtonProps,\n\tShortKeyPropType,\n\tStencilUnknown,\n\tSyncValueBySelectorPropType,\n\tTooltipAlignPropType,\n\tVariantClassNamePropType,\n} from '../../schema';\nimport { nonce } from '../../utils/dev.utils';\nimport { delegateClick, delegateFocus } from '../../utils/element-interaction';\nimport { BasePopoverButtonWebComponent } from './base';\n\n/**\n * A button that toggles the visibility of a popover overlay containing arbitrary content.\n * The popover uses the native HTML Popover API for lightweight, non-modal overlays.\n *\n * @slot - The popover content (displayed when the button is clicked).\n * @slot expert - Custom label content for the button (when `_label` is `false`).\n */\n@Component({\n\ttag: 'kol-popover-button',\n\tstyleUrls: {\n\t\tdefault: './style.scss',\n\t},\n\tshadow: true,\n})\nexport class KolPopoverButton\n\textends BasePopoverButtonWebComponent\n\timplements ClickableElement, FocusableElement, PopoverButtonProps, PopoverButtonWebComponentInterface\n{\n\t@Element() protected readonly host?: HTMLKolPopoverButtonElement;\n\n\t@State() public ariaDescriptionId: string = nonce();\n\n\t@State() public popoverOpen = false;\n\n\tpublic constructor() {\n\t\tsuper();\n\t\tthis.initFormAssociation();\n\t}\n\n\t/**\n\t * Defines the key combination that can be used to trigger or focus the component's interactive element.\n\t */\n\t@Prop() public _accessKey?: AccessKeyPropType;\n\n\t@Watch('_accessKey')\n\tpublic watchAccessKey(value?: AccessKeyPropType): void {\n\t\tthis.applyAccessKey(value, this._shortKey);\n\t}\n\n\t/**\n\t * Defines the value for the aria-description attribute.\n\t */\n\t@Prop() public _ariaDescription?: AriaDescriptionPropType;\n\n\t@Watch('_ariaDescription')\n\tpublic watchAriaDescription(value?: AriaDescriptionPropType): void {\n\t\tthis.applyAriaDescription(value);\n\t}\n\n\t/**\n\t * Defines the custom class attribute if _variant=\"custom\" is set.\n\t */\n\t@Prop() public _customClass?: CustomClassPropType;\n\n\t@Watch('_customClass')\n\tpublic watchCustomClass(value?: CustomClassPropType): void {\n\t\tthis.applyCustomClass(value);\n\t}\n\n\t/**\n\t * Makes the element not focusable and ignore all events.\n\t */\n\t@Prop() public _disabled?: boolean = false;\n\n\t@Watch('_disabled')\n\tpublic watchDisabled(value?: boolean): void {\n\t\tthis.applyDisabled(value);\n\t}\n\n\t/**\n\t * Hides the caption by default and displays the caption text with a tooltip when the\n\t * interactive element is focused or the mouse is over it.\n\t * @TODO: Change type back to `HideLabelPropType` after Stencil#4663 has been resolved.\n\t */\n\t@Prop() public _hideLabel?: boolean = false;\n\n\t@Watch('_hideLabel')\n\tpublic watchHideLabel(value?: boolean): void {\n\t\tthis.applyHideLabel(value);\n\t}\n\n\t/**\n\t * Defines the icon classnames.\n\t */\n\t@Prop() public _icons?: IconsPropType;\n\n\t@Watch('_icons')\n\tpublic watchIcons(value?: IconsPropType): void {\n\t\tthis.applyIcons(value);\n\t}\n\n\t/**\n\t * Defines whether the component is displayed as a standalone block or inline without enforcing a minimum size of 44px.\n\t */\n\t@Prop() public _inline?: InlinePropType = false;\n\n\t@Watch('_inline')\n\tpublic watchInline(value?: InlinePropType): void {\n\t\tthis.applyInline(value);\n\t}\n\n\t/**\n\t * Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.). Set to `false` to enable the expert slot.\n\t */\n\t@Prop() public _label!: LabelWithExpertSlotPropType;\n\n\t@Watch('_label')\n\tpublic watchLabel(value?: LabelWithExpertSlotPropType): void {\n\t\tthis.applyLabel(value);\n\t}\n\n\t/**\n\t * Defines the technical name of an input field.\n\t */\n\t@Prop() public _name?: string;\n\n\t@Watch('_name')\n\tpublic watchName(value?: string): void {\n\t\tthis.applyName(value);\n\t}\n\n\t/**\n\t * Defines where to show the Popover preferably: top, right, bottom or left.\n\t */\n\t@Prop() public _popoverAlign?: PopoverAlignPropType = 'bottom';\n\n\t@Watch('_popoverAlign')\n\tpublic watchPopoverAlign(value?: PopoverAlignPropType): void {\n\t\tthis.applyPopoverAlign(value);\n\t}\n\n\t/**\n\t * Adds a visual shortcut hint after the label and instructs the screen reader to read the shortcut aloud.\n\t */\n\t@Prop() public _shortKey?: ShortKeyPropType;\n\n\t@Watch('_shortKey')\n\tpublic watchShortKey(value?: ShortKeyPropType): void {\n\t\tthis.applyShortKey(value, this._accessKey);\n\t}\n\n\t/**\n\t * Selector for synchronizing the value with another input element.\n\t * @internal\n\t */\n\t@Prop() public _syncValueBySelector?: SyncValueBySelectorPropType;\n\n\t@Watch('_syncValueBySelector')\n\tpublic watchSyncValueBySelector(value?: SyncValueBySelectorPropType): void {\n\t\tthis.applySyncValueBySelector(value);\n\t}\n\n\t/**\n\t * Defines which tab-index the primary element of the component has. (https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex)\n\t */\n\t@Prop() public _tabIndex?: number;\n\n\t@Watch('_tabIndex')\n\tpublic watchTabIndex(value?: number): void {\n\t\tthis.applyTabIndex(value);\n\t}\n\n\t/**\n\t * Defines where to show the Tooltip preferably: top, right, bottom or left.\n\t */\n\t@Prop() public _tooltipAlign?: TooltipAlignPropType = 'top';\n\n\t@Watch('_tooltipAlign')\n\tpublic watchTooltipAlign(value?: TooltipAlignPropType): void {\n\t\tthis.applyTooltipAlign(value);\n\t}\n\n\t/**\n\t * Defines either the type of the component or of the components interactive element.\n\t */\n\t@Prop() public _type?: ButtonTypePropType = 'button';\n\n\t@Watch('_type')\n\tpublic watchType(value?: ButtonTypePropType): void {\n\t\tthis.applyType(value);\n\t}\n\n\t/**\n\t * Defines the value of the element.\n\t */\n\t@Prop() public _value?: StencilUnknown;\n\n\t@Watch('_value')\n\tpublic watchValue(value?: StencilUnknown): void {\n\t\tthis.applyValue(value);\n\t}\n\n\t/**\n\t * Defines which variant should be used for presentation.\n\t */\n\t@Prop() public _variant?: VariantClassNamePropType;\n\n\t@Watch('_variant')\n\tpublic watchVariant(value?: VariantClassNamePropType): void {\n\t\tthis.applyVariant(value);\n\t}\n\n\t/**\n\t * Hides the popover programmatically.\n\t */\n\t@Method()\n\t// eslint-disable-next-line @typescript-eslint/require-await\n\tpublic async hidePopover() {\n\t\tthis.closePopover();\n\t}\n\n\t/**\n\t * Shows the popover programmatically.\n\t */\n\t@Method()\n\t// eslint-disable-next-line @typescript-eslint/require-await\n\tpublic async showPopover() {\n\t\tthis.openPopover();\n\t}\n\n\t/**\n\t * Clicks the primary interactive element inside this component.\n\t */\n\t@Method()\n\t@delegateClick('ctaRef')\n\tpublic async click(): Promise<void> {}\n\n\t/**\n\t * Sets focus on the internal element.\n\t */\n\t@Method()\n\t@delegateFocus('ctaRef')\n\t// @ts-expect-error: options parameter will be implemented by the decorator.\n\t// eslint-disable-next-line @typescript-eslint/no-unused-vars\n\tpublic async focus(options?: KolFocusOptions): Promise<void> {}\n\n\tpublic componentWillLoad(): void {\n\t\tthis.initPopoverButtonRenderProps();\n\n\t\tthis.watchAccessKey(this._accessKey);\n\t\tthis.watchAriaDescription(this._ariaDescription);\n\t\tthis.watchCustomClass(this._customClass);\n\t\tthis.watchDisabled(this._disabled);\n\t\tthis.watchHideLabel(this._hideLabel);\n\t\tthis.watchIcons(this._icons);\n\t\tthis.watchInline(this._inline);\n\t\tthis.watchLabel(this._label);\n\t\tthis.watchName(this._name);\n\t\tthis.watchPopoverAlign(this._popoverAlign);\n\t\tthis.watchShortKey(this._shortKey);\n\t\tthis.watchSyncValueBySelector(this._syncValueBySelector);\n\t\tthis.watchTabIndex(this._tabIndex);\n\t\tthis.watchTooltipAlign(this._tooltipAlign);\n\t\tthis.watchType(this._type);\n\t\tthis.watchValue(this._value);\n\t\tthis.watchVariant(this._variant);\n\n\t\tthis.initTooltipBehavior();\n\t}\n\n\tpublic componentDidRender(): void {\n\t\tthis.syncTooltipListeners();\n\t\tthis.syncPopoverToggleListener();\n\t}\n\n\tpublic disconnectedCallback(): void {\n\t\tthis.destroyTooltipBehavior();\n\t\tthis.destroyPopover();\n\t}\n\n\tpublic render(): JSX.Element {\n\t\treturn <Host>{this.renderPopoverButtonFC()}</Host>;\n\t}\n}\n"]}
|
|
@@ -283,8 +283,8 @@
|
|
|
283
283
|
}
|
|
284
284
|
@font-face {
|
|
285
285
|
font-family: "kolicons";
|
|
286
|
-
src: url("kolicons.eot?t=
|
|
287
|
-
src: url("kolicons.eot?t=
|
|
286
|
+
src: url("kolicons.eot?t=1791530377872"); /* IE9*/
|
|
287
|
+
src: url("kolicons.eot?t=1791530377872#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1791530377872") format("woff2"), url("kolicons.woff?t=1791530377872") format("woff"), url("kolicons.ttf?t=1791530377872") format("truetype"), url("kolicons.svg?t=1791530377872#kolicons") format("svg"); /* iOS 4.1- */
|
|
288
288
|
}
|
|
289
289
|
@layer kol-component {
|
|
290
290
|
[class^=kolicon-], [class*=" kolicon-"] {
|
|
@@ -288,8 +288,8 @@
|
|
|
288
288
|
}
|
|
289
289
|
@font-face {
|
|
290
290
|
font-family: "kolicons";
|
|
291
|
-
src: url("kolicons.eot?t=
|
|
292
|
-
src: url("kolicons.eot?t=
|
|
291
|
+
src: url("kolicons.eot?t=1791530377872"); /* IE9*/
|
|
292
|
+
src: url("kolicons.eot?t=1791530377872#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1791530377872") format("woff2"), url("kolicons.woff?t=1791530377872") format("woff"), url("kolicons.ttf?t=1791530377872") format("truetype"), url("kolicons.svg?t=1791530377872#kolicons") format("svg"); /* iOS 4.1- */
|
|
293
293
|
}
|
|
294
294
|
@layer kol-component {
|
|
295
295
|
[class^=kolicon-], [class*=" kolicon-"] {
|
|
@@ -288,8 +288,8 @@
|
|
|
288
288
|
}
|
|
289
289
|
@font-face {
|
|
290
290
|
font-family: "kolicons";
|
|
291
|
-
src: url("kolicons.eot?t=
|
|
292
|
-
src: url("kolicons.eot?t=
|
|
291
|
+
src: url("kolicons.eot?t=1791530377872"); /* IE9*/
|
|
292
|
+
src: url("kolicons.eot?t=1791530377872#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1791530377872") format("woff2"), url("kolicons.woff?t=1791530377872") format("woff"), url("kolicons.ttf?t=1791530377872") format("truetype"), url("kolicons.svg?t=1791530377872#kolicons") format("svg"); /* iOS 4.1- */
|
|
293
293
|
}
|
|
294
294
|
@layer kol-component {
|
|
295
295
|
[class^=kolicon-], [class*=" kolicon-"] {
|
|
@@ -283,8 +283,8 @@
|
|
|
283
283
|
}
|
|
284
284
|
@font-face {
|
|
285
285
|
font-family: "kolicons";
|
|
286
|
-
src: url("kolicons.eot?t=
|
|
287
|
-
src: url("kolicons.eot?t=
|
|
286
|
+
src: url("kolicons.eot?t=1791530377872"); /* IE9*/
|
|
287
|
+
src: url("kolicons.eot?t=1791530377872#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1791530377872") format("woff2"), url("kolicons.woff?t=1791530377872") format("woff"), url("kolicons.ttf?t=1791530377872") format("truetype"), url("kolicons.svg?t=1791530377872#kolicons") format("svg"); /* iOS 4.1- */
|
|
288
288
|
}
|
|
289
289
|
@layer kol-component {
|
|
290
290
|
[class^=kolicon-], [class*=" kolicon-"] {
|