@public-ui/sample-react 2.2.14 → 2.2.15-rc.0
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/dist/assets/{Alert-484b34fa-_-ydzoP0.js → Alert-ea5205e8-CXVwjimO.js} +2 -2
- package/dist/assets/{Alert-484b34fa-_-ydzoP0.js.map → Alert-ea5205e8-CXVwjimO.js.map} +1 -1
- package/dist/assets/{Collapsible-173f8493-7PCHSDVJ.js → Collapsible-40f90188-DKuVZXNF.js} +2 -2
- package/dist/assets/{Collapsible-173f8493-7PCHSDVJ.js.map → Collapsible-40f90188-DKuVZXNF.js.map} +1 -1
- package/dist/assets/{FormFieldMsg-615e6f85-CMJBKzl0.js → FormFieldMsg-ac98caad-CbRac5GP.js} +2 -2
- package/dist/assets/{FormFieldMsg-615e6f85-CMJBKzl0.js.map → FormFieldMsg-ac98caad-CbRac5GP.js.map} +1 -1
- package/dist/assets/{InternalUnderlinedBadgeText-fb9c25ad-BWrnkW-D.js → InternalUnderlinedBadgeText-4b7bd697-nUTktt7o.js} +2 -2
- package/dist/assets/{InternalUnderlinedBadgeText-fb9c25ad-BWrnkW-D.js.map → InternalUnderlinedBadgeText-4b7bd697-nUTktt7o.js.map} +1 -1
- package/dist/assets/{access-and-short-key-a34a0af0-C4G9_V20.js → access-and-short-key-a34a0af0-BJWpCbQN.js} +2 -2
- package/dist/assets/{access-and-short-key-a34a0af0-C4G9_V20.js.map → access-and-short-key-a34a0af0-BJWpCbQN.js.map} +1 -1
- package/dist/assets/{align-bc8d98ac-DcnfNP39.js → align-bc8d98ac-DfD8j5LE.js} +2 -2
- package/dist/assets/{align-bc8d98ac-DcnfNP39.js.map → align-bc8d98ac-DfD8j5LE.js.map} +1 -1
- package/dist/assets/{align-floating-elements-f88f945f-Ml0kuTMq.js → align-floating-elements-f88f945f-DNJFvZ9i.js} +2 -2
- package/dist/assets/{align-floating-elements-f88f945f-Ml0kuTMq.js.map → align-floating-elements-f88f945f-DNJFvZ9i.js.map} +1 -1
- package/dist/assets/{associated.controller-3dab1e00-BqYF22eF.js → associated.controller-3dab1e00-BHMiQ5Kb.js} +2 -2
- package/dist/assets/{associated.controller-3dab1e00-BqYF22eF.js.map → associated.controller-3dab1e00-BHMiQ5Kb.js.map} +1 -1
- package/dist/assets/badge-text-c7f39390-IIMowJK9.js +4 -0
- package/dist/assets/{badge-text-c7f39390-DTF99aqe.js.map → badge-text-c7f39390-IIMowJK9.js.map} +1 -1
- package/dist/assets/{button-variant-fe0f7f45-DkCCkqBD.js → button-variant-fe0f7f45-DkzpmikD.js} +2 -2
- package/dist/assets/{button-variant-fe0f7f45-DkCCkqBD.js.map → button-variant-fe0f7f45-DkzpmikD.js.map} +1 -1
- package/dist/assets/{color-a464afb7-vRfis03z.js → color-a464afb7-DVoiVnQ-.js} +2 -2
- package/dist/assets/{color-a464afb7-vRfis03z.js.map → color-a464afb7-DVoiVnQ-.js.map} +1 -1
- package/dist/assets/{controller-4fa871d2-BzTrqtDN.js → controller-4fa871d2-DxJzFlE4.js} +2 -2
- package/dist/assets/{controller-4fa871d2-BzTrqtDN.js.map → controller-4fa871d2-DxJzFlE4.js.map} +1 -1
- package/dist/assets/{controller-87dfc9ee-CB6hf-uv.js → controller-87dfc9ee-CBhFhawW.js} +2 -2
- package/dist/assets/{controller-87dfc9ee-CB6hf-uv.js.map → controller-87dfc9ee-CBhFhawW.js.map} +1 -1
- package/dist/assets/{controller-8ace9659-CW2391MS.js → controller-8ace9659-k7blkktf.js} +2 -2
- package/dist/assets/{controller-8ace9659-CW2391MS.js.map → controller-8ace9659-k7blkktf.js.map} +1 -1
- package/dist/assets/{controller-cfa11279-1kXXf7hX.js → controller-cfa11279-CCbXuYkq.js} +2 -2
- package/dist/assets/{controller-cfa11279-1kXXf7hX.js.map → controller-cfa11279-CCbXuYkq.js.map} +1 -1
- package/dist/assets/{controller-e97b79b7-DTbjQDOl.js → controller-e97b79b7--p8Thz4f.js} +2 -2
- package/dist/assets/{controller-e97b79b7-DTbjQDOl.js.map → controller-e97b79b7--p8Thz4f.js.map} +1 -1
- package/dist/assets/{controller-icon-811adcf4-C2UQMN0d.js → controller-icon-811adcf4-BcNia3Yb.js} +2 -2
- package/dist/assets/{controller-icon-811adcf4-C2UQMN0d.js.map → controller-icon-811adcf4-BcNia3Yb.js.map} +1 -1
- package/dist/assets/{custom-class-6eaba98d-Dyn3Jq1J.js → custom-class-6eaba98d-wSEZj912.js} +2 -2
- package/dist/assets/{custom-class-6eaba98d-Dyn3Jq1J.js.map → custom-class-6eaba98d-wSEZj912.js.map} +1 -1
- package/dist/assets/{debounce-112fa67e-CFxvskq5.js → debounce-112fa67e-BEEH9E_o.js} +2 -2
- package/dist/assets/{debounce-112fa67e-CFxvskq5.js.map → debounce-112fa67e-BEEH9E_o.js.map} +1 -1
- package/dist/assets/{dev.utils-e5207de9-C_EvV1SR.js → dev.utils-3a332b59-DBi0Ex3b.js} +2 -2
- package/dist/assets/{dev.utils-e5207de9-C_EvV1SR.js.map → dev.utils-3a332b59-DBi0Ex3b.js.map} +1 -1
- package/dist/assets/{devtools-11df599a-WmaPT6Pw.js → devtools-62562887-BSXqufBN.js} +2 -2
- package/dist/assets/{devtools-11df599a-WmaPT6Pw.js.map → devtools-62562887-BSXqufBN.js.map} +1 -1
- package/dist/assets/{disabled-f923601e-B8yDVT5D.js → disabled-f923601e-C_kRSlgq.js} +2 -2
- package/dist/assets/{disabled-f923601e-B8yDVT5D.js.map → disabled-f923601e-C_kRSlgq.js.map} +1 -1
- package/dist/assets/has-closer-a7dc359b-DPX3gPAC.js +4 -0
- package/dist/assets/{has-closer-a7dc359b-DoBpl0U9.js.map → has-closer-a7dc359b-DPX3gPAC.js.map} +1 -1
- package/dist/assets/{hide-label-2b46168f-CixwJxae.js → hide-label-2b46168f-E2ZtYcU8.js} +2 -2
- package/dist/assets/{hide-label-2b46168f-CixwJxae.js.map → hide-label-2b46168f-E2ZtYcU8.js.map} +1 -1
- package/dist/assets/{href-823c69d8-DLZ6AllQ.js → href-823c69d8-uKr8YOpJ.js} +2 -2
- package/dist/assets/{href-823c69d8-DLZ6AllQ.js.map → href-823c69d8-uKr8YOpJ.js.map} +1 -1
- package/dist/assets/{i18n-820d85c7-o606L4xD.js → i18n-820d85c7-BH6ws-IX.js} +2 -2
- package/dist/assets/{i18n-820d85c7-o606L4xD.js.map → i18n-820d85c7-BH6ws-IX.js.map} +1 -1
- package/dist/assets/{icons-d29928c3-DhfVW-d1.js → icons-d29928c3-C82OB1oh.js} +2 -2
- package/dist/assets/{icons-d29928c3-DhfVW-d1.js.map → icons-d29928c3-C82OB1oh.js.map} +1 -1
- package/dist/assets/image-source-bd7ca7b4-CPfV1PhT.js +4 -0
- package/dist/assets/{image-source-bd7ca7b4-BsKFZNks.js.map → image-source-bd7ca7b4-CPfV1PhT.js.map} +1 -1
- package/dist/assets/{index-B5ceQ0sK.css → index-CDdyagHn.css} +1 -1
- package/dist/assets/{index-DqXEOlVh.js → index-CJwtOLCA.js} +374 -355
- package/dist/assets/index-CJwtOLCA.js.map +1 -0
- package/dist/assets/{kol-abbr.entry-B253Tecr.js → kol-abbr.entry-BJZRRHE0.js} +6 -6
- package/dist/assets/{kol-abbr.entry-B253Tecr.js.map → kol-abbr.entry-BJZRRHE0.js.map} +1 -1
- package/dist/assets/{kol-accordion.entry-HGP6g36N.js → kol-accordion.entry-BFAjZqyg.js} +11 -6
- package/dist/assets/kol-accordion.entry-BFAjZqyg.js.map +1 -0
- package/dist/assets/{kol-alert-wc.entry-QSSxru1h.js → kol-alert-wc.entry-CKc1mPmW.js} +2 -2
- package/dist/assets/{kol-alert-wc.entry-QSSxru1h.js.map → kol-alert-wc.entry-CKc1mPmW.js.map} +1 -1
- package/dist/assets/{kol-alert.entry-KfFjQnBa.js → kol-alert.entry-DtUWPj9Y.js} +6 -7
- package/dist/assets/{kol-alert.entry-KfFjQnBa.js.map → kol-alert.entry-DtUWPj9Y.js.map} +1 -1
- package/dist/assets/{kol-avatar-wc.entry-BK35Grnj.js → kol-avatar-wc.entry-DZ-MeeE6.js} +2 -2
- package/dist/assets/{kol-avatar-wc.entry-BK35Grnj.js.map → kol-avatar-wc.entry-DZ-MeeE6.js.map} +1 -1
- package/dist/assets/{kol-avatar.entry-Buz9gSIw.js → kol-avatar.entry-7UMexQIo.js} +16 -16
- package/dist/assets/{kol-avatar.entry-Buz9gSIw.js.map → kol-avatar.entry-7UMexQIo.js.map} +1 -1
- package/dist/assets/{kol-badge.entry-Doq6qzhe.js → kol-badge.entry-BblLMt6l.js} +6 -6
- package/dist/assets/{kol-badge.entry-Doq6qzhe.js.map → kol-badge.entry-BblLMt6l.js.map} +1 -1
- package/dist/assets/{kol-breadcrumb.entry-B43u5ljj.js → kol-breadcrumb.entry-Dfya9ymf.js} +6 -6
- package/dist/assets/{kol-breadcrumb.entry-B43u5ljj.js.map → kol-breadcrumb.entry-Dfya9ymf.js.map} +1 -1
- package/dist/assets/{kol-button-group-wc.entry-DPt44RWG.js → kol-button-group-wc.entry-C2eUldkW.js} +2 -2
- package/dist/assets/{kol-button-group-wc.entry-DPt44RWG.js.map → kol-button-group-wc.entry-C2eUldkW.js.map} +1 -1
- package/dist/assets/{kol-button-group.entry-hjRiCTiO.js → kol-button-group.entry-4lLlNaW1.js} +6 -6
- package/dist/assets/{kol-button-group.entry-hjRiCTiO.js.map → kol-button-group.entry-4lLlNaW1.js.map} +1 -1
- package/dist/assets/{kol-button-link.entry-B8T4Qbtq.js → kol-button-link.entry-DOqeYyo9.js} +6 -7
- package/dist/assets/{kol-button-link.entry-B8T4Qbtq.js.map → kol-button-link.entry-DOqeYyo9.js.map} +1 -1
- package/dist/assets/{kol-button-wc.entry-BL9fVJyS.js → kol-button-wc.entry-Y_iG3Wcu.js} +2 -2
- package/dist/assets/{kol-button-wc.entry-BL9fVJyS.js.map → kol-button-wc.entry-Y_iG3Wcu.js.map} +1 -1
- package/dist/assets/{kol-button.entry-BFJT83Cc.js → kol-button.entry-B8aLHHdG.js} +6 -6
- package/dist/assets/{kol-button.entry-BFJT83Cc.js.map → kol-button.entry-B8aLHHdG.js.map} +1 -1
- package/dist/assets/{kol-card.entry-B5AcqjuH.js → kol-card.entry-c94HfSMh.js} +7 -7
- package/dist/assets/kol-card.entry-c94HfSMh.js.map +1 -0
- package/dist/assets/{kol-combobox.entry-BmEFD7hm.js → kol-combobox.entry-kVzfo3Q1.js} +7 -9
- package/dist/assets/kol-combobox.entry-kVzfo3Q1.js.map +1 -0
- package/dist/assets/{kol-details.entry-CvBhG5vU.js → kol-details.entry-BkPuSiur.js} +13 -8
- package/dist/assets/kol-details.entry-BkPuSiur.js.map +1 -0
- package/dist/assets/{kol-drawer.entry-BjXm3S7Q.js → kol-drawer.entry-DYRKXVtD.js} +7 -7
- package/dist/assets/{kol-drawer.entry-BjXm3S7Q.js.map → kol-drawer.entry-DYRKXVtD.js.map} +1 -1
- package/dist/assets/{kol-form.entry-CFrFI3XI.js → kol-form.entry-BIh0-7q2.js} +8 -10
- package/dist/assets/kol-form.entry-BIh0-7q2.js.map +1 -0
- package/dist/assets/{kol-heading-wc.entry-BdCJEpBI.js → kol-heading-wc.entry-BJVfZDNu.js} +3 -3
- package/dist/assets/{kol-heading-wc.entry-BdCJEpBI.js.map → kol-heading-wc.entry-BJVfZDNu.js.map} +1 -1
- package/dist/assets/{kol-heading.entry-DRXzjw_l.js → kol-heading.entry-CskgqVLC.js} +7 -7
- package/dist/assets/{kol-heading.entry-DRXzjw_l.js.map → kol-heading.entry-CskgqVLC.js.map} +1 -1
- package/dist/assets/{kol-icon.entry-DliI1bV8.js → kol-icon.entry-CHuJDXTV.js} +3 -3
- package/dist/assets/{kol-icon.entry-DliI1bV8.js.map → kol-icon.entry-CHuJDXTV.js.map} +1 -1
- package/dist/assets/{kol-image.entry-C25MypNv.js → kol-image.entry-C8TyakuZ.js} +7 -7
- package/dist/assets/{kol-image.entry-C25MypNv.js.map → kol-image.entry-C8TyakuZ.js.map} +1 -1
- package/dist/assets/kol-indented-text-wc.entry-BewwnS0C.js +4 -0
- package/dist/assets/{kol-indented-text-wc.entry-hgFFCNni.js.map → kol-indented-text-wc.entry-BewwnS0C.js.map} +1 -1
- package/dist/assets/{kol-indented-text.entry-CLyEBN7S.js → kol-indented-text.entry-Dud-RBpw.js} +7 -7
- package/dist/assets/{kol-indented-text.entry-CLyEBN7S.js.map → kol-indented-text.entry-Dud-RBpw.js.map} +1 -1
- package/dist/assets/{kol-input-checkbox.entry-WPAFxTXF.js → kol-input-checkbox.entry-D0nO2Elu.js} +7 -8
- package/dist/assets/kol-input-checkbox.entry-D0nO2Elu.js.map +1 -0
- package/dist/assets/{kol-input-color.entry-DB1lHlrK.js → kol-input-color.entry-CInkHc0m.js} +8 -10
- package/dist/assets/kol-input-color.entry-CInkHc0m.js.map +1 -0
- package/dist/assets/{kol-input-date.entry-B6Aq5faV.js → kol-input-date.entry-KBbil3a3.js} +7 -9
- package/dist/assets/kol-input-date.entry-KBbil3a3.js.map +1 -0
- package/dist/assets/{kol-input-email.entry-B-_yt0Le.js → kol-input-email.entry-Cc-6Q0-K.js} +7 -9
- package/dist/assets/kol-input-email.entry-Cc-6Q0-K.js.map +1 -0
- package/dist/assets/{kol-input-file.entry-ChS2bbPu.js → kol-input-file.entry-DqJy4Vcu.js} +8 -10
- package/dist/assets/kol-input-file.entry-DqJy4Vcu.js.map +1 -0
- package/dist/assets/{kol-input-number.entry-DuvAeeN8.js → kol-input-number.entry-CN0r1cHj.js} +7 -9
- package/dist/assets/kol-input-number.entry-CN0r1cHj.js.map +1 -0
- package/dist/assets/{kol-input-password.entry-DrvR5aZT.js → kol-input-password.entry-CIOqubwn.js} +7 -9
- package/dist/assets/kol-input-password.entry-CIOqubwn.js.map +1 -0
- package/dist/assets/{kol-input-radio.entry-vr-fhCpW.js → kol-input-radio.entry-Iu3KSGTP.js} +7 -8
- package/dist/assets/kol-input-radio.entry-Iu3KSGTP.js.map +1 -0
- package/dist/assets/{kol-input-range.entry-D4u4jv_0.js → kol-input-range.entry-9tF69rLL.js} +7 -9
- package/dist/assets/kol-input-range.entry-9tF69rLL.js.map +1 -0
- package/dist/assets/{kol-input-text.entry-CNwadgxR.js → kol-input-text.entry-DhkExS2h.js} +7 -9
- package/dist/assets/kol-input-text.entry-DhkExS2h.js.map +1 -0
- package/dist/assets/{kol-input.entry-CPuXmX7O.js → kol-input.entry-C_pWO9IM.js} +3 -3
- package/dist/assets/{kol-input.entry-CPuXmX7O.js.map → kol-input.entry-C_pWO9IM.js.map} +1 -1
- package/dist/assets/{kol-kolibri.entry-Di5atSOO.js → kol-kolibri.entry-BsbJi6KU.js} +7 -7
- package/dist/assets/{kol-kolibri.entry-Di5atSOO.js.map → kol-kolibri.entry-BsbJi6KU.js.map} +1 -1
- package/dist/assets/{kol-link-button.entry-DiIU8jxV.js → kol-link-button.entry-D0ZdF2ZI.js} +7 -7
- package/dist/assets/{kol-link-button.entry-DiIU8jxV.js.map → kol-link-button.entry-D0ZdF2ZI.js.map} +1 -1
- package/dist/assets/{kol-link-group.entry-B55RDQ4b.js → kol-link-group.entry-GnSr_N2q.js} +7 -7
- package/dist/assets/{kol-link-group.entry-B55RDQ4b.js.map → kol-link-group.entry-GnSr_N2q.js.map} +1 -1
- package/dist/assets/{kol-link-wc.entry-BgiSefuD.js → kol-link-wc.entry-D6sg6ubW.js} +3 -3
- package/dist/assets/{kol-link-wc.entry-BgiSefuD.js.map → kol-link-wc.entry-D6sg6ubW.js.map} +1 -1
- package/dist/assets/{kol-link.entry-Bs2Apmer.js → kol-link.entry-DvmzSX8M.js} +8 -9
- package/dist/assets/{kol-link.entry-Bs2Apmer.js.map → kol-link.entry-DvmzSX8M.js.map} +1 -1
- package/dist/assets/{kol-logo.entry-OKidZRjS.js → kol-logo.entry-CS2hAEj3.js} +8 -8
- package/dist/assets/{kol-logo.entry-OKidZRjS.js.map → kol-logo.entry-CS2hAEj3.js.map} +1 -1
- package/dist/assets/{kol-modal.entry-DWZWgsWn.js → kol-modal.entry-CXlVU76H.js} +7 -7
- package/dist/assets/{kol-modal.entry-DWZWgsWn.js.map → kol-modal.entry-CXlVU76H.js.map} +1 -1
- package/dist/assets/{kol-nav.entry-D1me46sn.js → kol-nav.entry-CUrXNcgC.js} +7 -7
- package/dist/assets/{kol-nav.entry-D1me46sn.js.map → kol-nav.entry-CUrXNcgC.js.map} +1 -1
- package/dist/assets/{kol-pagination.entry-D-vuXJCg.js → kol-pagination.entry-BKJxloAN.js} +6 -6
- package/dist/assets/{kol-pagination.entry-D-vuXJCg.js.map → kol-pagination.entry-BKJxloAN.js.map} +1 -1
- package/dist/assets/{kol-popover-button.entry-BoQse4Jg.js → kol-popover-button.entry-MyNPCJP7.js} +7 -7
- package/dist/assets/{kol-popover-button.entry-BoQse4Jg.js.map → kol-popover-button.entry-MyNPCJP7.js.map} +1 -1
- package/dist/assets/{kol-popover-wc.entry-BiiRnFaf.js → kol-popover-wc.entry-D_ta8pGE.js} +3 -3
- package/dist/assets/{kol-popover-wc.entry-BiiRnFaf.js.map → kol-popover-wc.entry-D_ta8pGE.js.map} +1 -1
- package/dist/assets/{kol-progress.entry-DoEoe4M6.js → kol-progress.entry-BdysUp6y.js} +7 -7
- package/dist/assets/{kol-progress.entry-DoEoe4M6.js.map → kol-progress.entry-BdysUp6y.js.map} +1 -1
- package/dist/assets/{kol-quote.entry-D4CZPpuZ.js → kol-quote.entry-DTJNdxef.js} +7 -7
- package/dist/assets/{kol-quote.entry-D4CZPpuZ.js.map → kol-quote.entry-DTJNdxef.js.map} +1 -1
- package/dist/assets/{kol-select.entry-ABCW1_VG.js → kol-select.entry-FB3g1R6F.js} +7 -9
- package/dist/assets/kol-select.entry-FB3g1R6F.js.map +1 -0
- package/dist/assets/{kol-single-select.entry-RYbUf_oT.js → kol-single-select.entry-B3rZe6IW.js} +7 -9
- package/dist/assets/kol-single-select.entry-B3rZe6IW.js.map +1 -0
- package/dist/assets/{kol-skip-nav.entry-CIeLVZjp.js → kol-skip-nav.entry-HNQIHo0C.js} +7 -8
- package/dist/assets/{kol-skip-nav.entry-CIeLVZjp.js.map → kol-skip-nav.entry-HNQIHo0C.js.map} +1 -1
- package/dist/assets/{kol-span-wc.entry-DfUMiQRy.js → kol-span-wc.entry-mpth2BOE.js} +3 -3
- package/dist/assets/{kol-span-wc.entry-DfUMiQRy.js.map → kol-span-wc.entry-mpth2BOE.js.map} +1 -1
- package/dist/assets/{kol-spin.entry-CddDa2yp.js → kol-spin.entry-C7aUXYJu.js} +7 -7
- package/dist/assets/{kol-spin.entry-CddDa2yp.js.map → kol-spin.entry-C7aUXYJu.js.map} +1 -1
- package/dist/assets/{kol-split-button.entry-hH0XWuIN.js → kol-split-button.entry-Ch7SMSrO.js} +7 -7
- package/dist/assets/{kol-split-button.entry-hH0XWuIN.js.map → kol-split-button.entry-Ch7SMSrO.js.map} +1 -1
- package/dist/assets/kol-symbol.entry-D4CXeZwq.js +4 -0
- package/dist/assets/{kol-symbol.entry-CRf3OWTN.js.map → kol-symbol.entry-D4CXeZwq.js.map} +1 -1
- package/dist/assets/{kol-table-stateful.entry-r6SjfU0l.js → kol-table-stateful.entry-HXorOetp.js} +11 -14
- package/dist/assets/kol-table-stateful.entry-HXorOetp.js.map +1 -0
- package/dist/assets/{kol-table-stateless-wc.entry-ByKtV2rl.js → kol-table-stateless-wc.entry-CZNEaGru.js} +3 -3
- package/dist/assets/{kol-table-stateless-wc.entry-ByKtV2rl.js.map → kol-table-stateless-wc.entry-CZNEaGru.js.map} +1 -1
- package/dist/assets/{kol-table-stateless.entry-BqFy8DYh.js → kol-table-stateless.entry-BVKzgd9D.js} +7 -10
- package/dist/assets/{kol-table-stateless.entry-BqFy8DYh.js.map → kol-table-stateless.entry-BVKzgd9D.js.map} +1 -1
- package/dist/assets/{kol-table.entry-BWBu655n.js → kol-table.entry-ELE2iebM.js} +3 -3
- package/dist/assets/{kol-table.entry-BWBu655n.js.map → kol-table.entry-ELE2iebM.js.map} +1 -1
- package/dist/assets/{kol-tabs.entry-DRMSWhMH.js → kol-tabs.entry-CUvgeQkO.js} +7 -10
- package/dist/assets/kol-tabs.entry-CUvgeQkO.js.map +1 -0
- package/dist/assets/{kol-textarea.entry-BAnkCqCo.js → kol-textarea.entry-DTM6WkO4.js} +8 -10
- package/dist/assets/kol-textarea.entry-DTM6WkO4.js.map +1 -0
- package/dist/assets/{kol-toast-container.entry-Co25e7s3.js → kol-toast-container.entry-BM2c4WNv.js} +7 -8
- package/dist/assets/kol-toast-container.entry-BM2c4WNv.js.map +1 -0
- package/dist/assets/{kol-toolbar.entry-DC1E6FXE.js → kol-toolbar.entry-CxrZYL2o.js} +7 -7
- package/dist/assets/{kol-toolbar.entry-DC1E6FXE.js.map → kol-toolbar.entry-CxrZYL2o.js.map} +1 -1
- package/dist/assets/{kol-tooltip-wc.entry-6aPjiU5O.js → kol-tooltip-wc.entry-L-GeDdIY.js} +3 -3
- package/dist/assets/{kol-tooltip-wc.entry-6aPjiU5O.js.map → kol-tooltip-wc.entry-L-GeDdIY.js.map} +1 -1
- package/dist/assets/{kol-tree-item-wc.entry-Cib0K1Xe.js → kol-tree-item-wc.entry-9WcqDTRT.js} +3 -3
- package/dist/assets/{kol-tree-item-wc.entry-Cib0K1Xe.js.map → kol-tree-item-wc.entry-9WcqDTRT.js.map} +1 -1
- package/dist/assets/{kol-tree-item.entry-BdaBIb4g.js → kol-tree-item.entry-CKxYQIKw.js} +7 -7
- package/dist/assets/{kol-tree-item.entry-BdaBIb4g.js.map → kol-tree-item.entry-CKxYQIKw.js.map} +1 -1
- package/dist/assets/{kol-tree-wc.entry-BdX10xV6.js → kol-tree-wc.entry-BW6WcOaC.js} +3 -3
- package/dist/assets/{kol-tree-wc.entry-BdX10xV6.js.map → kol-tree-wc.entry-BW6WcOaC.js.map} +1 -1
- package/dist/assets/{kol-tree.entry-CJU0cQEc.js → kol-tree.entry-BuMAdrSE.js} +7 -7
- package/dist/assets/{kol-tree.entry-CJU0cQEc.js.map → kol-tree.entry-BuMAdrSE.js.map} +1 -1
- package/dist/assets/{kol-version.entry-dUp3GOTH.js → kol-version.entry-DyAnhumC.js} +7 -7
- package/dist/assets/{kol-version.entry-dUp3GOTH.js.map → kol-version.entry-DyAnhumC.js.map} +1 -1
- package/dist/assets/{label-51d66c9d-5l0E5TCR.js → label-51d66c9d-CT4N_dB0.js} +2 -2
- package/dist/assets/{label-51d66c9d-5l0E5TCR.js.map → label-51d66c9d-CT4N_dB0.js.map} +1 -1
- package/dist/assets/{open-47cb3e2a-DFCHXZ8g.js → open-47cb3e2a-7KONbAx7.js} +2 -2
- package/dist/assets/{open-47cb3e2a-DFCHXZ8g.js.map → open-47cb3e2a-7KONbAx7.js.map} +1 -1
- package/dist/assets/{rows-92682fe5-Cu0Wu-y1.js → rows-92682fe5-tXXXauEr.js} +2 -2
- package/dist/assets/{rows-92682fe5-Cu0Wu-y1.js.map → rows-92682fe5-tXXXauEr.js.map} +1 -1
- package/dist/assets/{show-82afe4f8-CubThYTC.js → show-82afe4f8-BURADImL.js} +2 -2
- package/dist/assets/{show-82afe4f8-CubThYTC.js.map → show-82afe4f8-BURADImL.js.map} +1 -1
- package/dist/assets/{spell-check-5b365d45-DxRpvQhG.js → spell-check-5b365d45-C7iJC8j9.js} +2 -2
- package/dist/assets/{spell-check-5b365d45-DxRpvQhG.js.map → spell-check-5b365d45-C7iJC8j9.js.map} +1 -1
- package/dist/assets/{suggestions-7e70d4e3-B9BBjPtH.js → suggestions-7e70d4e3-DNj0P-Sg.js} +2 -2
- package/dist/assets/{suggestions-7e70d4e3-B9BBjPtH.js.map → suggestions-7e70d4e3-DNj0P-Sg.js.map} +1 -1
- package/dist/assets/{table-selection-eaee72ee-tuzTiczY.js → table-selection-eaee72ee-D2NaTiL9.js} +2 -2
- package/dist/assets/{table-selection-eaee72ee-tuzTiczY.js.map → table-selection-eaee72ee-D2NaTiL9.js.map} +1 -1
- package/dist/assets/{test-component.entry-BzD-ABeo.js → test-component.entry-0Ph1SUho.js} +2 -2
- package/dist/assets/{test-component.entry-BzD-ABeo.js.map → test-component.entry-0Ph1SUho.js.map} +1 -1
- package/dist/assets/tooltip-align-de415afb-B-bR3uVi.js +4 -0
- package/dist/assets/{tooltip-align-de415afb-DvVGrrMs.js.map → tooltip-align-de415afb-B-bR3uVi.js.map} +1 -1
- package/dist/assets/{unique-nav-labels-917eec2b-DOL9iU7l.js → unique-nav-labels-917eec2b-3IzKmPjj.js} +2 -2
- package/dist/assets/{unique-nav-labels-917eec2b-DOL9iU7l.js.map → unique-nav-labels-917eec2b-3IzKmPjj.js.map} +1 -1
- package/dist/assets/{validation-c4177384-D-34uVCE.js → validation-c4177384-ZN2V70fP.js} +2 -2
- package/dist/assets/{validation-c4177384-D-34uVCE.js.map → validation-c4177384-ZN2V70fP.js.map} +1 -1
- package/dist/assets/{validation-db4e7b56-BCmCB0w2.js → validation-db4e7b56-C4q_YvP4.js} +2 -2
- package/dist/assets/{validation-db4e7b56-BCmCB0w2.js.map → validation-db4e7b56-C4q_YvP4.js.map} +1 -1
- package/dist/index.html +2 -2
- package/package.json +10 -10
- package/src/App.tsx +1 -1
- package/src/components/BackPage.tsx +1 -1
- package/src/components/FormWrap.tsx +1 -1
- package/src/components/Navigation.tsx +1 -1
- package/src/components/SampleDescription.tsx +1 -1
- package/src/components/Sidebar.tsx +1 -1
- package/src/components/abbr/basic.tsx +1 -1
- package/src/components/accordion/basic.tsx +4 -2
- package/src/components/accordion/headlines.tsx +1 -1
- package/src/components/alert/basic.tsx +1 -1
- package/src/components/alert/html.tsx +2 -2
- package/src/components/avatar/basic.tsx +1 -1
- package/src/components/badge/basic.tsx +1 -1
- package/src/components/badge/button.tsx +1 -1
- package/src/components/breadcrumb/basic.tsx +1 -1
- package/src/components/button/access-key.tsx +1 -1
- package/src/components/button/aria-description.tsx +1 -1
- package/src/components/button/baselined.tsx +1 -1
- package/src/components/button/icons.tsx +1 -1
- package/src/components/button/partials/cases.tsx +1 -1
- package/src/components/button/partials/variants.tsx +1 -1
- package/src/components/button/short-key.tsx +1 -1
- package/src/components/button/width.tsx +1 -1
- package/src/components/button-group/basic.tsx +1 -1
- package/src/components/button-link/aria-description.tsx +1 -1
- package/src/components/button-link/basic.tsx +1 -1
- package/src/components/button-link/icons.tsx +1 -1
- package/src/components/button-link/image.tsx +1 -1
- package/src/components/card/basic.tsx +1 -2
- package/src/components/combobox/basic.tsx +1 -1
- package/src/components/combobox/partials/cases.tsx +1 -1
- package/src/components/details/basic.tsx +1 -1
- package/src/components/drawer/basic.tsx +1 -1
- package/src/components/drawer/controlled.tsx +1 -1
- package/src/components/drawer/partials/align.tsx +1 -1
- package/src/components/form/basic.tsx +1 -1
- package/src/components/form/error-list.tsx +1 -1
- package/src/components/handout/basic.tsx +1 -1
- package/src/components/heading/badged.tsx +1 -1
- package/src/components/heading/basic.tsx +1 -1
- package/src/components/heading/paragraph.tsx +1 -1
- package/src/components/heading/secondary.tsx +1 -1
- package/src/components/icon/basic.tsx +1 -1
- package/src/components/image/basic.tsx +1 -1
- package/src/components/indented-text/basic.tsx +1 -1
- package/src/components/input-checkbox/partials/cases.tsx +1 -1
- package/src/components/input-color/partials/cases.tsx +1 -1
- package/src/components/input-date/partials/cases.tsx +1 -1
- package/src/components/input-date/partials/minMax.tsx +1 -1
- package/src/components/input-date/reset.tsx +1 -1
- package/src/components/input-date/show-hide-msg.tsx +1 -1
- package/src/components/input-email/partials/cases.tsx +1 -1
- package/src/components/input-file/partials/cases.tsx +1 -1
- package/src/components/input-number/partials/cases.tsx +1 -1
- package/src/components/input-password/partials/cases.tsx +1 -1
- package/src/components/input-password/show-password.tsx +1 -1
- package/src/components/input-radio/horizontal.tsx +1 -1
- package/src/components/input-radio/objectValue.tsx +1 -1
- package/src/components/input-radio/partials/cases.tsx +1 -1
- package/src/components/input-radio/partials/variants.tsx +1 -1
- package/src/components/input-range/partials/cases.tsx +1 -1
- package/src/components/input-text/expert-slot.tsx +1 -1
- package/src/components/input-text/hide-errors.tsx +1 -1
- package/src/components/input-text/partials/cases.tsx +1 -1
- package/src/components/input-text/smart-button.tsx +1 -1
- package/src/components/input-text/text-formatter.tsx +1 -1
- package/src/components/kolibri/basic.tsx +1 -1
- package/src/components/link/access-key.tsx +1 -1
- package/src/components/link/aria-description.tsx +1 -1
- package/src/components/link/basic.tsx +1 -1
- package/src/components/link/icons.tsx +1 -1
- package/src/components/link/image.tsx +1 -1
- package/src/components/link/short-key.tsx +1 -1
- package/src/components/link/target.tsx +1 -1
- package/src/components/link-button/aria-description.tsx +1 -1
- package/src/components/link-button/basic.tsx +1 -1
- package/src/components/link-group/basic.tsx +1 -1
- package/src/components/link-group/horizontal.tsx +1 -1
- package/src/components/modal/basic.tsx +50 -10
- package/src/components/nav/aria-current.tsx +1 -1
- package/src/components/nav/basic.tsx +1 -1
- package/src/components/nav/horizontal.tsx +1 -1
- package/src/components/pagination/basic.tsx +1 -1
- package/src/components/popover-button/basic.tsx +1 -1
- package/src/components/progress/basic.tsx +1 -1
- package/src/components/quote/basic.tsx +1 -1
- package/src/components/quote/block.tsx +1 -1
- package/src/components/select/partials/cases.tsx +1 -1
- package/src/components/single-select/basic.tsx +1 -1
- package/src/components/single-select/partials/cases.tsx +1 -1
- package/src/components/skip-nav/basic.tsx +1 -1
- package/src/components/spin/basic.tsx +1 -1
- package/src/components/spin/custom.tsx +1 -1
- package/src/components/spin/cycle.tsx +1 -1
- package/src/components/split-button/basic.tsx +1 -1
- package/src/components/split-button/with-context.tsx +2 -2
- package/src/components/table/column-alignment.tsx +1 -1
- package/src/components/table/complex-headers.tsx +1 -1
- package/src/components/table/horizontal-scrollbar.tsx +30 -2
- package/src/components/table/interactive-child-elements.tsx +1 -1
- package/src/components/table/multi-sort.tsx +1 -1
- package/src/components/table/pagination-position.tsx +1 -1
- package/src/components/table/render-cell.tsx +1 -1
- package/src/components/table/sort-data.tsx +1 -1
- package/src/components/table/stateful-with-selection.tsx +1 -1
- package/src/components/table/stateful-with-single-selection.tsx +1 -1
- package/src/components/table/stateless-with-selection.tsx +1 -1
- package/src/components/table/stateless-with-single-selection.tsx +1 -1
- package/src/components/table/stateless.tsx +1 -1
- package/src/components/table/with-footer.tsx +1 -1
- package/src/components/table/with-pagination.tsx +1 -1
- package/src/components/tabs/align.tsx +1 -1
- package/src/components/tabs/basic.tsx +1 -1
- package/src/components/tabs/behavior.tsx +1 -1
- package/src/components/tabs/icons-only.tsx +1 -1
- package/src/components/textarea/adjust-height.tsx +1 -1
- package/src/components/textarea/partials/cases.tsx +1 -1
- package/src/components/textarea/resize.tsx +1 -1
- package/src/components/textarea/rows.tsx +1 -1
- package/src/components/textarea/with-counter.tsx +1 -1
- package/src/components/toast/basic.tsx +1 -1
- package/src/components/toolbar/basic.tsx +1 -1
- package/src/components/toolbar/disabled.tsx +1 -1
- package/src/components/tree/basic.tsx +1 -1
- package/src/components/version/basic.tsx +1 -1
- package/src/components/version/context.tsx +1 -1
- package/src/react.main.tsx +1 -1
- package/src/scenarios/appointment-form/AppointmentForm.tsx +1 -1
- package/src/scenarios/appointment-form/AvailableAppointmentsForm.tsx +1 -1
- package/src/scenarios/appointment-form/DistrictForm.tsx +1 -1
- package/src/scenarios/appointment-form/PersonalInformationForm.tsx +1 -1
- package/src/scenarios/appointment-form/Summary.tsx +1 -1
- package/src/scenarios/appointment-form/formUtils.ts +1 -1
- package/src/scenarios/change-tabindex.tsx +1 -1
- package/src/scenarios/custom-tooltip-width.tsx +1 -1
- package/src/scenarios/disabled-interactive-elements.tsx +1 -1
- package/src/scenarios/focus-elements.tsx +1 -1
- package/src/scenarios/horizontal-scrollbar-advanced/TableHorizontalScrollbarAdvanced.tsx +1 -1
- package/src/scenarios/input-group-with-error.tsx +1 -1
- package/src/scenarios/inputs-get-value.tsx +2 -2
- package/src/scenarios/same-height-of-all-interactive-elements.tsx +1 -1
- package/src/scenarios/static-form.tsx +1 -1
- package/src/scenarios/tooltip-positioning.tsx +1 -1
- package/src/style.scss +6 -6
- package/dist/assets/badge-text-c7f39390-DTF99aqe.js +0 -4
- package/dist/assets/has-closer-a7dc359b-DoBpl0U9.js +0 -4
- package/dist/assets/image-source-bd7ca7b4-BsKFZNks.js +0 -4
- package/dist/assets/index-DqXEOlVh.js.map +0 -1
- package/dist/assets/kol-accordion.entry-HGP6g36N.js.map +0 -1
- package/dist/assets/kol-card.entry-B5AcqjuH.js.map +0 -1
- package/dist/assets/kol-combobox.entry-BmEFD7hm.js.map +0 -1
- package/dist/assets/kol-details.entry-CvBhG5vU.js.map +0 -1
- package/dist/assets/kol-form.entry-CFrFI3XI.js.map +0 -1
- package/dist/assets/kol-indented-text-wc.entry-hgFFCNni.js +0 -4
- package/dist/assets/kol-input-checkbox.entry-WPAFxTXF.js.map +0 -1
- package/dist/assets/kol-input-color.entry-DB1lHlrK.js.map +0 -1
- package/dist/assets/kol-input-date.entry-B6Aq5faV.js.map +0 -1
- package/dist/assets/kol-input-email.entry-B-_yt0Le.js.map +0 -1
- package/dist/assets/kol-input-file.entry-ChS2bbPu.js.map +0 -1
- package/dist/assets/kol-input-number.entry-DuvAeeN8.js.map +0 -1
- package/dist/assets/kol-input-password.entry-DrvR5aZT.js.map +0 -1
- package/dist/assets/kol-input-radio.entry-vr-fhCpW.js.map +0 -1
- package/dist/assets/kol-input-range.entry-D4u4jv_0.js.map +0 -1
- package/dist/assets/kol-input-text.entry-CNwadgxR.js.map +0 -1
- package/dist/assets/kol-select.entry-ABCW1_VG.js.map +0 -1
- package/dist/assets/kol-single-select.entry-RYbUf_oT.js.map +0 -1
- package/dist/assets/kol-symbol.entry-CRf3OWTN.js +0 -4
- package/dist/assets/kol-table-stateful.entry-r6SjfU0l.js.map +0 -1
- package/dist/assets/kol-tabs.entry-DRMSWhMH.js.map +0 -1
- package/dist/assets/kol-textarea.entry-BAnkCqCo.js.map +0 -1
- package/dist/assets/kol-toast-container.entry-Co25e7s3.js.map +0 -1
- package/dist/assets/tooltip-align-de415afb-DvVGrrMs.js +0 -4
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"kol-input-email.entry-B-_yt0Le.js","sources":["../../../../components/dist/esm/kol-input-email.entry.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { h, F as Fragment, H as Host, r as registerInstance, g as getElement } from './index-6c6daeaa.js';\nimport { j as watchBoolean, A as buildBadgeTextString, m as setState, B as showExpertSlot } from './index-4fb06bbb.js';\nimport { l as KolInputTag } from './component-names-4cb1c62b.js';\nimport { n as nonce } from './dev.utils-e5207de9.js';\nimport { p as propagateSubmitEventToForm } from './controller-87dfc9ee.js';\nimport { g as getRenderStates } from './controller-4fa871d2.js';\nimport { I as InternalUnderlinedBadgeText } from './InternalUnderlinedBadgeText-fb9c25ad.js';\nimport { I as InputTextEmailController } from './controller-cfa11279.js';\nimport './events-29e84d75.js';\nimport './associated.controller-3dab1e00.js';\nimport './access-and-short-key-a34a0af0.js';\nimport './hide-label-2b46168f.js';\nimport './label-51d66c9d.js';\nimport './tooltip-align-de415afb.js';\nimport './align-bc8d98ac.js';\nimport './controller-8ace9659.js';\nimport './controller-icon-811adcf4.js';\nimport './icons-d29928c3.js';\nimport './debounce-112fa67e.js';\nimport './spell-check-5b365d45.js';\nimport './suggestions-7e70d4e3.js';\n\nconst validateMultiple = (component, value) => {\n watchBoolean(component, '_multiple', value);\n};\n\nclass InputEmailController extends InputTextEmailController {\n constructor(component, name, host) {\n super(component, name, host);\n this.component = component;\n }\n validateMultiple(value) {\n validateMultiple(this.component, value);\n }\n componentWillLoad() {\n super.componentWillLoad();\n this.validateMultiple(this.component._multiple);\n }\n}\n\nconst defaultStyleCss = \"/*\\n * This file contains all rules for accessibility.\\n */\\n@layer kol-a11y {\\n :host {\\n /*\\n * Minimum size of interactive elements.\\n */\\n --a11y-min-size: calc(44rem / var(--kolibri-root-font-size, 16));\\n /*\\n * No element should be used without a background and font color whose contrast ratio has\\n * not been checked. By initially setting the background color to white and the font color\\n * to black, the contrast ratio is ensured and explicit adjustment is forced.\\n */\\n background-color: white;\\n color: black;\\n /*\\n * Verdana is an accessible font that can be used without requiring additional loading time.\\n */\\n font-family: Verdana;\\n /*\\n * Letter spacing is required for all texts.\\n */\\n letter-spacing: inherit;\\n /*\\n * Word spacing is required for all texts.\\n */\\n word-spacing: inherit;\\n }\\n * {\\n /*\\n * This rule enables the word dividing for all texts. That is important for high zoom levels.\\n */\\n hyphens: auto;\\n /*\\n * This rule enables the word dividing for all texts. That is important for high zoom levels.\\n */\\n word-break: break-word;\\n }\\n /*\\n * All interactive elements should have a minimum size of rem(44).\\n */\\n /* input:not([type='checkbox'], [type='radio'], [type='range']), */\\n /* option, */\\n /* select, */\\n /* textarea, */\\n [role=button],\\n button:not([role=link]),\\n .kol-input .input {\\n min-height: var(--a11y-min-size);\\n min-width: var(--a11y-min-size);\\n }\\n /*\\n * Some interactive elements should not inherit the font-family and font-size.\\n */\\n a,\\n button,\\n h1,\\n h2,\\n h3,\\n h4,\\n h5,\\n h6,\\n input,\\n option,\\n select,\\n textarea {\\n /*\\n * All elements should inherit the font family from his parent element.\\n */\\n font-family: inherit;\\n /*\\n * All elements should inherit the font size from his parent element.\\n */\\n font-size: inherit;\\n /*\\n * Letter spacing is required for all texts.\\n */\\n letter-spacing: inherit;\\n /*\\n * Word spacing is required for all texts.\\n */\\n word-spacing: inherit;\\n }\\n /**\\n * Sometimes we need the semantic element for accessibility reasons,\\n * but we don't want to show it.\\n *\\n * - https://www.a11yproject.com/posts/how-to-hide-content/\\n */\\n .visually-hidden {\\n clip: rect(0 0 0 0);\\n clip-path: inset(50%);\\n height: 1px;\\n overflow: hidden;\\n position: absolute;\\n white-space: nowrap;\\n width: 1px;\\n }\\n}\\n@layer kol-global {\\n /*\\n * Dieses CSS stellt sicher, dass der Standard-Style\\n * von A und Button resettet werden.\\n */\\n :is(a, button) {\\n background-color: transparent;\\n border: none;\\n margin: 0;\\n padding: 0;\\n width: 100%; /* 100% needed for custom width from outside */\\n }\\n /*\\n * Ensure elements with hidden attribute to be actually not visible\\n * @see https://meowni.ca/hidden.is.a.lie.html\\n */\\n [hidden] {\\n display: none !important;\\n }\\n}\\n@layer kol-global {\\n :host {\\n font-size: calc(16rem / var(--kolibri-root-font-size, 16));\\n /*\\n * The max-width is needed to prevent the table from overflowing the\\n * parent node, if the table is wider than the parent node.\\n */\\n max-width: 100%;\\n }\\n * {\\n /*\\n * We prefer to box-sizing: border-box for all elements.\\n */\\n box-sizing: border-box;\\n }\\n /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\\n .kol-span-wc {\\n display: grid;\\n place-items: center;\\n }\\n /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\\n .kol-span-wc > span {\\n display: flex;\\n place-items: center;\\n }\\n a,\\n button {\\n cursor: pointer;\\n }\\n /* This is the text label. */\\n .hide-label > .kol-span-wc > span > span {\\n display: none;\\n }\\n /* Reset browser agent style. */\\n button:disabled {\\n color: unset;\\n }\\n .disabled label,\\n .disabled:focus-within label,\\n [aria-disabled=true],\\n [aria-disabled=true]:focus,\\n [disabled],\\n [disabled]:focus {\\n cursor: not-allowed;\\n opacity: 0.5;\\n outline: none;\\n }\\n [aria-disabled=true]:focus .kol-span-wc,\\n [disabled]:focus .kol-span-wc {\\n outline: none !important;\\n }\\n .badge-text-hint {\\n background-color: lightgray;\\n color: black;\\n }\\n}\\n@layer kol-component {\\n :host {\\n display: block;\\n }\\n}\\n@layer kol-component {\\n .kol-tooltip-wc {\\n display: contents;\\n contain: layout;\\n }\\n .kol-tooltip-wc .tooltip-floating {\\n animation-duration: 0.25s;\\n animation-iteration-count: 1;\\n animation-name: fadeInOpacity;\\n animation-timing-function: ease-in;\\n display: none;\\n position: fixed;\\n visibility: hidden;\\n /* Avoid layout interference - see https://floating-ui.com/docs/computePosition */\\n top: 0;\\n left: 0;\\n max-width: 90vw;\\n max-height: 90vh;\\n /* Can be used to specify the tooltip-width from the outside. Unset by default. */\\n width: var(--kol-tooltip-width);\\n }\\n /* Shared between content and arrow */\\n .kol-tooltip-wc .tooltip-area {\\n background-color: #fff;\\n color: #000;\\n }\\n .kol-tooltip-wc .tooltip-arrow {\\n height: calc(10rem / var(--kolibri-root-font-size, 16));\\n position: absolute;\\n transform: rotate(45deg);\\n width: calc(10rem / var(--kolibri-root-font-size, 16));\\n z-index: 999;\\n }\\n .kol-tooltip-wc .tooltip-content {\\n position: relative;\\n z-index: 1000;\\n }\\n @keyframes fadeInOpacity {\\n 0% {\\n opacity: 0;\\n }\\n 100% {\\n opacity: 1;\\n }\\n }\\n}\\n@layer kol-component {\\n .required label > span::after,\\n .required legend > span::after {\\n content: \\\"*\\\";\\n }\\n}\\n@layer kol-component {\\n input,\\n textarea {\\n cursor: text;\\n }\\n input[type=checkbox],\\n input[type=color],\\n input[type=file],\\n input[type=radio],\\n input[type=range],\\n label,\\n option,\\n select {\\n cursor: pointer;\\n }\\n /* input[type='checkbox'], */\\n /* input[type='radio'], */\\n /* input[type='range'], */\\n input[type=color],\\n input[type=date],\\n input[type=datetime-local],\\n input[type=email],\\n input[type=file],\\n input[type=month],\\n input[type=number],\\n input[type=password],\\n input[type=search],\\n input[type=tel],\\n input[type=text],\\n input[type=time],\\n input[type=url],\\n input[type=week],\\n option,\\n select,\\n textarea {\\n background-color: transparent;\\n width: 100%;\\n }\\n /* needed hack for vertical alignment */\\n input[type=file] {\\n padding: calc((var(--a11y-min-size) - (16rem / var(--kolibri-root-font-size, 16))) / 10) 0.5em;\\n }\\n /* needed hack for vertical alignment */\\n select[multiple] option {\\n padding: calc((var(--a11y-min-size) - (16rem / var(--kolibri-root-font-size, 16))) / 2) 0.5em;\\n }\\n}\\n@layer kol-component {\\n .kol-alert-wc {\\n display: grid;\\n }\\n .kol-alert-wc .heading {\\n display: flex;\\n place-items: center;\\n overflow: hidden;\\n }\\n .kol-alert-wc .heading > div {\\n flex-grow: 1;\\n }\\n .close {\\n /* Visible with forced colors */\\n outline: transparent solid calc(1rem / var(--kolibri-root-font-size, 16));\\n }\\n}\\n@layer kol-component {\\n .kol-input {\\n display: grid;\\n }\\n .kol-input .input-slot {\\n flex-grow: 1;\\n overflow: hidden;\\n }\\n input:focus,\\n option:focus,\\n select:focus,\\n textarea:focus {\\n outline: 0;\\n }\\n .input {\\n align-items: center;\\n background-color: white;\\n cursor: pointer;\\n display: flex;\\n }\\n button:not([role=link]) {\\n min-height: auto;\\n }\\n .input > .kol-icon {\\n display: grid;\\n place-items: center;\\n }\\n .kol-input.required .input-tooltip .span-label::after {\\n content: \\\"*\\\";\\n }\\n}\";\nconst KolInputEmailDefaultStyle0 = defaultStyleCss;\n\nconst KolInputEmail = class {\n async getValue() {\n var _a;\n return (_a = this.inputRef) === null || _a === void 0 ? void 0 : _a.value;\n }\n async focus() {\n await this.kolFocus();\n }\n async kolFocus() {\n var _a;\n (_a = this.inputRef) === null || _a === void 0 ? void 0 : _a.focus();\n }\n render() {\n const { ariaDescribedBy } = getRenderStates(this.state);\n const hasSuggestions = Array.isArray(this.state._suggestions) && this.state._suggestions.length > 0;\n const hasExpertSlot = showExpertSlot(this.state._label);\n return (h(Host, { key: '0eda57287444761eb8b63a5611e49dffd47d7d51', class: {\n 'kol-input-email': true,\n 'has-value': this.state._hasValue,\n } }, h(KolInputTag, { key: '36b87722f6db0118d27b117ad04edbba00054632', class: { email: true, 'hide-label': !!this.state._hideLabel }, _accessKey: this.state._accessKey, _alert: this.showAsAlert(), _currentLength: this.state._currentLength, _currentLengthDebounced: this.state._currentLengthDebounced, _disabled: this.state._disabled, _msg: this.state._msg, _hideError: this.state._hideError, _hasCounter: this.state._hasCounter, _hideLabel: this.state._hideLabel, _hint: this.state._hint, _icons: this.state._icons, _id: this.state._id, _label: this.state._label, _suggestions: this.state._suggestions, _maxLength: this.state._maxLength, _readOnly: this.state._readOnly, _required: this.state._required, _shortKey: this.state._shortKey, _smartButton: this.state._smartButton, _tooltipAlign: this._tooltipAlign, _touched: this.state._touched, onClick: () => { var _a; return (_a = this.inputRef) === null || _a === void 0 ? void 0 : _a.focus(); }, role: `presentation` }, h(\"span\", { key: '5d6d1f051b79ab8a1e790d6a90e38d855e7be90d', slot: \"label\" }, hasExpertSlot ? (h(\"slot\", { name: \"expert\" })) : typeof this.state._accessKey === 'string' || typeof this.state._shortKey === 'string' ? (h(Fragment, null, h(InternalUnderlinedBadgeText, { badgeText: buildBadgeTextString(this.state._accessKey, this.state._shortKey), label: this.state._label }), ' ', h(\"kbd\", { class: \"badge-text-hint\", \"aria-hidden\": \"true\" }, buildBadgeTextString(this.state._accessKey, this.state._shortKey)))) : (h(\"span\", null, this.state._label))), h(\"div\", { key: '8b14b6d2ae5f4fe0688594b4586bdc2d7a2858e5', slot: \"input\" }, h(\"input\", Object.assign({ key: 'b6ec05e72de17ec9f254a265ca68ae46c3e71688', ref: this.catchRef, title: \"\", accessKey: this.state._accessKey, \"aria-describedby\": ariaDescribedBy.length > 0 ? ariaDescribedBy.join(' ') : undefined, \"aria-label\": this.state._hideLabel && typeof this.state._label === 'string' ? this.state._label : undefined, autoCapitalize: \"off\", autoComplete: this.state._autoComplete, autoCorrect: \"off\", disabled: this.state._disabled, multiple: this.state._multiple, id: this.state._id, list: hasSuggestions ? `${this.state._id}-list` : undefined, maxlength: this.state._maxLength, name: this.state._name, pattern: this.state._pattern, placeholder: this.state._placeholder, readOnly: this.state._readOnly, required: this.state._required, type: \"email\", value: this.state._value }, this.controller.onFacade, { onKeyDown: this.onKeyDown, onInput: this.onInput, onFocus: (event) => {\n this.controller.onFacade.onFocus(event);\n this.inputHasFocus = true;\n }, onBlur: (event) => {\n this.controller.onFacade.onBlur(event);\n this.inputHasFocus = false;\n } }))))));\n }\n constructor(hostRef) {\n registerInstance(this, hostRef);\n this.catchRef = (ref) => {\n this.inputRef = ref;\n };\n this.onKeyDown = (event) => {\n if (event.code === 'Enter' || event.code === 'NumpadEnter') {\n propagateSubmitEventToForm({\n form: this.host,\n ref: this.inputRef,\n });\n }\n };\n this.onInput = (event) => {\n setState(this, '_currentLength', event.target.value.length);\n this.controller.updateCurrentLengthDebounced(event.target.value.length);\n this.controller.onFacade.onInput(event);\n };\n this._accessKey = undefined;\n this._alert = undefined;\n this._autoComplete = undefined;\n this._disabled = false;\n this._error = undefined;\n this._hasCounter = false;\n this._hideError = false;\n this._hideLabel = false;\n this._hint = '';\n this._icons = undefined;\n this._id = undefined;\n this._label = undefined;\n this._maxLength = undefined;\n this._msg = undefined;\n this._multiple = false;\n this._name = undefined;\n this._on = undefined;\n this._pattern = undefined;\n this._placeholder = undefined;\n this._readOnly = false;\n this._required = false;\n this._shortKey = undefined;\n this._smartButton = undefined;\n this._suggestions = undefined;\n this._syncValueBySelector = undefined;\n this._tabIndex = undefined;\n this._tooltipAlign = 'top';\n this._touched = false;\n this._value = undefined;\n this.state = {\n _autoComplete: 'off',\n _currentLength: 0,\n _currentLengthDebounced: 0,\n _hasValue: false,\n _hideError: false,\n _id: `id-${nonce()}`,\n _label: '',\n _suggestions: [],\n };\n this.inputHasFocus = false;\n this.controller = new InputEmailController(this, 'email', this.host);\n }\n showAsAlert() {\n if (this.state._alert === undefined) {\n return Boolean(this.state._touched) && !this.inputHasFocus;\n }\n return this.state._alert;\n }\n validateAccessKey(value) {\n this.controller.validateAccessKey(value);\n }\n validateAlert(value) {\n this.controller.validateAlert(value);\n }\n validateAutoComplete(value) {\n this.controller.validateAutoComplete(value);\n }\n validateDisabled(value) {\n this.controller.validateDisabled(value);\n }\n validateError(value) {\n this.controller.validateError(value);\n }\n validateHasCounter(value) {\n this.controller.validateHasCounter(value);\n }\n validateHideError(value) {\n this.controller.validateHideError(value);\n }\n validateHideLabel(value) {\n this.controller.validateHideLabel(value);\n }\n validateHint(value) {\n this.controller.validateHint(value);\n }\n validateIcons(value) {\n this.controller.validateIcons(value);\n }\n validateId(value) {\n this.controller.validateId(value);\n }\n validateLabel(value) {\n this.controller.validateLabel(value);\n }\n validateMaxLength(value) {\n this.controller.validateMaxLength(value);\n }\n validateMsg(value) {\n this.controller.validateMsg(value);\n }\n validateMultiple(value) {\n this.controller.validateMultiple(value);\n }\n validateName(value) {\n this.controller.validateName(value);\n }\n validateOn(value) {\n this.controller.validateOn(value);\n }\n validatePattern(value) {\n this.controller.validatePattern(value);\n }\n validatePlaceholder(value) {\n this.controller.validatePlaceholder(value);\n }\n validateReadOnly(value) {\n this.controller.validateReadOnly(value);\n }\n validateRequired(value) {\n this.controller.validateRequired(value);\n }\n validateShortKey(value) {\n this.controller.validateShortKey(value);\n }\n validateSuggestions(value) {\n this.controller.validateSuggestions(value);\n }\n validateSmartButton(value) {\n this.controller.validateSmartButton(value);\n }\n validateSyncValueBySelector(value) {\n this.controller.validateSyncValueBySelector(value);\n }\n validateTabIndex(value) {\n this.controller.validateTabIndex(value);\n }\n validateTouched(value) {\n this.controller.validateTouched(value);\n }\n validateValue(value) {\n this.controller.validateValue(value);\n }\n componentWillLoad() {\n this._touched = this._touched === true;\n this.controller.componentWillLoad();\n this.state._hasValue = !!this.state._value;\n this.controller.addValueChangeListener((v) => (this.state._hasValue = !!v));\n }\n static get delegatesFocus() { return true; }\n get host() { return getElement(this); }\n static get watchers() { return {\n \"_accessKey\": [\"validateAccessKey\"],\n \"_alert\": [\"validateAlert\"],\n \"_autoComplete\": [\"validateAutoComplete\"],\n \"_disabled\": [\"validateDisabled\"],\n \"_error\": [\"validateError\"],\n \"_hasCounter\": [\"validateHasCounter\"],\n \"_hideError\": [\"validateHideError\"],\n \"_hideLabel\": [\"validateHideLabel\"],\n \"_hint\": [\"validateHint\"],\n \"_icons\": [\"validateIcons\"],\n \"_id\": [\"validateId\"],\n \"_label\": [\"validateLabel\"],\n \"_maxLength\": [\"validateMaxLength\"],\n \"_msg\": [\"validateMsg\"],\n \"_multiple\": [\"validateMultiple\"],\n \"_name\": [\"validateName\"],\n \"_on\": [\"validateOn\"],\n \"_pattern\": [\"validatePattern\"],\n \"_placeholder\": [\"validatePlaceholder\"],\n \"_readOnly\": [\"validateReadOnly\"],\n \"_required\": [\"validateRequired\"],\n \"_shortKey\": [\"validateShortKey\"],\n \"_suggestions\": [\"validateSuggestions\"],\n \"_smartButton\": [\"validateSmartButton\"],\n \"_syncValueBySelector\": [\"validateSyncValueBySelector\"],\n \"_tabIndex\": [\"validateTabIndex\"],\n \"_touched\": [\"validateTouched\"],\n \"_value\": [\"validateValue\"]\n }; }\n};\nKolInputEmail.style = {\n default: KolInputEmailDefaultStyle0\n};\n\nexport { KolInputEmail as kol_input_email };\n\n//# sourceMappingURL=kol-input-email.entry.js.map"],"names":["validateMultiple","component","value","watchBoolean","InputEmailController","InputTextEmailController","name","host","defaultStyleCss","KolInputEmailDefaultStyle0","KolInputEmail","_a","ariaDescribedBy","getRenderStates","hasSuggestions","hasExpertSlot","showExpertSlot","h","Host","KolInputTag","Fragment","InternalUnderlinedBadgeText","buildBadgeTextString","event","hostRef","registerInstance","ref","propagateSubmitEventToForm","setState","nonce","v","getElement"],"mappings":"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"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"kol-input-file.entry-ChS2bbPu.js","sources":["../../../../components/dist/esm/kol-input-file.entry.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { h, F as Fragment, H as Host, r as registerInstance, g as getElement } from './index-6c6daeaa.js';\nimport { y as watchString, j as watchBoolean, A as buildBadgeTextString, B as showExpertSlot } from './index-4fb06bbb.js';\nimport { l as KolInputTag } from './component-names-4cb1c62b.js';\nimport { n as nonce } from './dev.utils-e5207de9.js';\nimport { g as getRenderStates } from './controller-4fa871d2.js';\nimport { I as InternalUnderlinedBadgeText } from './InternalUnderlinedBadgeText-fb9c25ad.js';\nimport { I as InputIconController } from './controller-icon-811adcf4.js';\nimport './events-29e84d75.js';\nimport './associated.controller-3dab1e00.js';\nimport './access-and-short-key-a34a0af0.js';\nimport './hide-label-2b46168f.js';\nimport './label-51d66c9d.js';\nimport './tooltip-align-de415afb.js';\nimport './align-bc8d98ac.js';\nimport './icons-d29928c3.js';\n\nclass InputFileController extends InputIconController {\n constructor(component, name, host) {\n super(component, name, host);\n this.component = component;\n }\n validateAccept(value) {\n watchString(this.component, '_accept', value);\n }\n validateMultiple(value) {\n watchBoolean(this.component, '_multiple', value);\n }\n validateRequired(value) {\n watchBoolean(this.component, '_required', value);\n }\n validateValue(value) {\n watchString(this.component, '_value', value);\n this.setFormAssociatedValue(this.component._value);\n }\n componentWillLoad() {\n super.componentWillLoad();\n this.validateAccept(this.component._accept);\n this.validateMultiple(this.component._multiple);\n this.validateRequired(this.component._required);\n this.validateValue(this.component._value);\n }\n}\n\nconst defaultStyleCss = \"/*\\n * This file contains all rules for accessibility.\\n */\\n@layer kol-a11y {\\n :host {\\n /*\\n * Minimum size of interactive elements.\\n */\\n --a11y-min-size: calc(44rem / var(--kolibri-root-font-size, 16));\\n /*\\n * No element should be used without a background and font color whose contrast ratio has\\n * not been checked. By initially setting the background color to white and the font color\\n * to black, the contrast ratio is ensured and explicit adjustment is forced.\\n */\\n background-color: white;\\n color: black;\\n /*\\n * Verdana is an accessible font that can be used without requiring additional loading time.\\n */\\n font-family: Verdana;\\n /*\\n * Letter spacing is required for all texts.\\n */\\n letter-spacing: inherit;\\n /*\\n * Word spacing is required for all texts.\\n */\\n word-spacing: inherit;\\n }\\n * {\\n /*\\n * This rule enables the word dividing for all texts. That is important for high zoom levels.\\n */\\n hyphens: auto;\\n /*\\n * This rule enables the word dividing for all texts. That is important for high zoom levels.\\n */\\n word-break: break-word;\\n }\\n /*\\n * All interactive elements should have a minimum size of rem(44).\\n */\\n /* input:not([type='checkbox'], [type='radio'], [type='range']), */\\n /* option, */\\n /* select, */\\n /* textarea, */\\n [role=button],\\n button:not([role=link]),\\n .kol-input .input {\\n min-height: var(--a11y-min-size);\\n min-width: var(--a11y-min-size);\\n }\\n /*\\n * Some interactive elements should not inherit the font-family and font-size.\\n */\\n a,\\n button,\\n h1,\\n h2,\\n h3,\\n h4,\\n h5,\\n h6,\\n input,\\n option,\\n select,\\n textarea {\\n /*\\n * All elements should inherit the font family from his parent element.\\n */\\n font-family: inherit;\\n /*\\n * All elements should inherit the font size from his parent element.\\n */\\n font-size: inherit;\\n /*\\n * Letter spacing is required for all texts.\\n */\\n letter-spacing: inherit;\\n /*\\n * Word spacing is required for all texts.\\n */\\n word-spacing: inherit;\\n }\\n /**\\n * Sometimes we need the semantic element for accessibility reasons,\\n * but we don't want to show it.\\n *\\n * - https://www.a11yproject.com/posts/how-to-hide-content/\\n */\\n .visually-hidden {\\n clip: rect(0 0 0 0);\\n clip-path: inset(50%);\\n height: 1px;\\n overflow: hidden;\\n position: absolute;\\n white-space: nowrap;\\n width: 1px;\\n }\\n}\\n@layer kol-global {\\n /*\\n * Dieses CSS stellt sicher, dass der Standard-Style\\n * von A und Button resettet werden.\\n */\\n :is(a, button) {\\n background-color: transparent;\\n border: none;\\n margin: 0;\\n padding: 0;\\n width: 100%; /* 100% needed for custom width from outside */\\n }\\n /*\\n * Ensure elements with hidden attribute to be actually not visible\\n * @see https://meowni.ca/hidden.is.a.lie.html\\n */\\n [hidden] {\\n display: none !important;\\n }\\n}\\n@layer kol-global {\\n :host {\\n font-size: calc(16rem / var(--kolibri-root-font-size, 16));\\n /*\\n * The max-width is needed to prevent the table from overflowing the\\n * parent node, if the table is wider than the parent node.\\n */\\n max-width: 100%;\\n }\\n * {\\n /*\\n * We prefer to box-sizing: border-box for all elements.\\n */\\n box-sizing: border-box;\\n }\\n /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\\n .kol-span-wc {\\n display: grid;\\n place-items: center;\\n }\\n /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\\n .kol-span-wc > span {\\n display: flex;\\n place-items: center;\\n }\\n a,\\n button {\\n cursor: pointer;\\n }\\n /* This is the text label. */\\n .hide-label > .kol-span-wc > span > span {\\n display: none;\\n }\\n /* Reset browser agent style. */\\n button:disabled {\\n color: unset;\\n }\\n .disabled label,\\n .disabled:focus-within label,\\n [aria-disabled=true],\\n [aria-disabled=true]:focus,\\n [disabled],\\n [disabled]:focus {\\n cursor: not-allowed;\\n opacity: 0.5;\\n outline: none;\\n }\\n [aria-disabled=true]:focus .kol-span-wc,\\n [disabled]:focus .kol-span-wc {\\n outline: none !important;\\n }\\n .badge-text-hint {\\n background-color: lightgray;\\n color: black;\\n }\\n}\\n@layer kol-component {\\n :host {\\n display: block;\\n }\\n}\\n@layer kol-component {\\n .kol-tooltip-wc {\\n display: contents;\\n contain: layout;\\n }\\n .kol-tooltip-wc .tooltip-floating {\\n animation-duration: 0.25s;\\n animation-iteration-count: 1;\\n animation-name: fadeInOpacity;\\n animation-timing-function: ease-in;\\n display: none;\\n position: fixed;\\n visibility: hidden;\\n /* Avoid layout interference - see https://floating-ui.com/docs/computePosition */\\n top: 0;\\n left: 0;\\n max-width: 90vw;\\n max-height: 90vh;\\n /* Can be used to specify the tooltip-width from the outside. Unset by default. */\\n width: var(--kol-tooltip-width);\\n }\\n /* Shared between content and arrow */\\n .kol-tooltip-wc .tooltip-area {\\n background-color: #fff;\\n color: #000;\\n }\\n .kol-tooltip-wc .tooltip-arrow {\\n height: calc(10rem / var(--kolibri-root-font-size, 16));\\n position: absolute;\\n transform: rotate(45deg);\\n width: calc(10rem / var(--kolibri-root-font-size, 16));\\n z-index: 999;\\n }\\n .kol-tooltip-wc .tooltip-content {\\n position: relative;\\n z-index: 1000;\\n }\\n @keyframes fadeInOpacity {\\n 0% {\\n opacity: 0;\\n }\\n 100% {\\n opacity: 1;\\n }\\n }\\n}\\n@layer kol-component {\\n .required label > span::after,\\n .required legend > span::after {\\n content: \\\"*\\\";\\n }\\n}\\n@layer kol-component {\\n input,\\n textarea {\\n cursor: text;\\n }\\n input[type=checkbox],\\n input[type=color],\\n input[type=file],\\n input[type=radio],\\n input[type=range],\\n label,\\n option,\\n select {\\n cursor: pointer;\\n }\\n /* input[type='checkbox'], */\\n /* input[type='radio'], */\\n /* input[type='range'], */\\n input[type=color],\\n input[type=date],\\n input[type=datetime-local],\\n input[type=email],\\n input[type=file],\\n input[type=month],\\n input[type=number],\\n input[type=password],\\n input[type=search],\\n input[type=tel],\\n input[type=text],\\n input[type=time],\\n input[type=url],\\n input[type=week],\\n option,\\n select,\\n textarea {\\n background-color: transparent;\\n width: 100%;\\n }\\n /* needed hack for vertical alignment */\\n input[type=file] {\\n padding: calc((var(--a11y-min-size) - (16rem / var(--kolibri-root-font-size, 16))) / 10) 0.5em;\\n }\\n /* needed hack for vertical alignment */\\n select[multiple] option {\\n padding: calc((var(--a11y-min-size) - (16rem / var(--kolibri-root-font-size, 16))) / 2) 0.5em;\\n }\\n}\\n@layer kol-component {\\n .kol-alert-wc {\\n display: grid;\\n }\\n .kol-alert-wc .heading {\\n display: flex;\\n place-items: center;\\n overflow: hidden;\\n }\\n .kol-alert-wc .heading > div {\\n flex-grow: 1;\\n }\\n .close {\\n /* Visible with forced colors */\\n outline: transparent solid calc(1rem / var(--kolibri-root-font-size, 16));\\n }\\n}\\n@layer kol-component {\\n .kol-input {\\n display: grid;\\n }\\n .kol-input .input-slot {\\n flex-grow: 1;\\n overflow: hidden;\\n }\\n input:focus,\\n option:focus,\\n select:focus,\\n textarea:focus {\\n outline: 0;\\n }\\n .input {\\n align-items: center;\\n background-color: white;\\n cursor: pointer;\\n display: flex;\\n }\\n button:not([role=link]) {\\n min-height: auto;\\n }\\n .input > .kol-icon {\\n display: grid;\\n place-items: center;\\n }\\n .kol-input.required .input-tooltip .span-label::after {\\n content: \\\"*\\\";\\n }\\n}\\n@layer kol-component {\\n .disabled .input-label,\\n .disabled .input {\\n cursor: not-allowed;\\n }\\n input::-webkit-file-upload-button, input::file-selector-button {\\n cursor: pointer;\\n }\\n input:disabled, input:disabled::-webkit-file-upload-button, input:disabled::file-selector-button {\\n cursor: not-allowed;\\n pointer-events: none;\\n }\\n}\";\nconst KolInputFileDefaultStyle0 = defaultStyleCss;\n\nconst KolInputFile = class {\n async getValue() {\n var _a;\n return (_a = this.inputRef) === null || _a === void 0 ? void 0 : _a.files;\n }\n async focus() {\n await this.kolFocus();\n }\n async kolFocus() {\n var _a;\n (_a = this.inputRef) === null || _a === void 0 ? void 0 : _a.focus();\n }\n render() {\n const { ariaDescribedBy } = getRenderStates(this.state);\n const hasExpertSlot = showExpertSlot(this.state._label);\n return (h(Host, { key: '97b046d0407b63cba3c1fc6f530dcec02be92d46', class: \"kol-input-file\" }, h(KolInputTag, { key: '64c62cf3b4f862d90c949258553bb8274e65e58a', class: {\n file: true,\n 'hide-label': !!this.state._hideLabel,\n }, _accessKey: this.state._accessKey, _alert: this.showAsAlert(), _disabled: this.state._disabled, _msg: this.state._msg, _hideError: this.state._hideError, _hideLabel: this.state._hideLabel, _hint: this.state._hint, _icons: this.state._icons, _id: this.state._id, _label: this.state._label, _required: this.state._required, _shortKey: this.state._shortKey, _smartButton: this.state._smartButton, _tooltipAlign: this._tooltipAlign, _touched: this.state._touched, onClick: () => { var _a; return (_a = this.inputRef) === null || _a === void 0 ? void 0 : _a.focus(); }, role: `presentation` }, h(\"span\", { key: '5d4d6cde0e0717d8e75a95e3438d1d4b7e22e988', slot: \"label\" }, hasExpertSlot ? (h(\"slot\", { name: \"expert\" })) : typeof this.state._accessKey === 'string' || typeof this.state._shortKey === 'string' ? (h(Fragment, null, h(InternalUnderlinedBadgeText, { badgeText: buildBadgeTextString(this.state._accessKey, this.state._shortKey), label: this.state._label }), ' ', h(\"kbd\", { class: \"badge-text-hint\", \"aria-hidden\": \"true\" }, buildBadgeTextString(this.state._accessKey, this.state._shortKey)))) : (h(\"span\", null, this.state._label))), h(\"div\", { key: '6ed719d83de59ba174a16ccf95f070688d26abdc', slot: \"input\" }, h(\"input\", Object.assign({ key: 'edbf1a35c4532c706a88a3354dfb1dd55eedb4cb', ref: this.catchRef, title: \"\", accept: this.state._accept, accessKey: this.state._accessKey, \"aria-describedby\": ariaDescribedBy.length > 0 ? ariaDescribedBy.join(' ') : undefined, \"aria-label\": this.state._hideLabel && typeof this.state._label === 'string' ? this.state._label : undefined, autoCapitalize: \"off\", autoCorrect: \"off\", disabled: this.state._disabled, id: this.state._id, multiple: this.state._multiple, name: this.state._name, required: this.state._required, type: \"file\", value: this.state._value }, this.controller.onFacade, { onChange: this.onChange, onInput: this.onInput, onFocus: (event) => {\n this.controller.onFacade.onFocus(event);\n this.inputHasFocus = true;\n }, onBlur: (event) => {\n this.controller.onFacade.onBlur(event);\n this.inputHasFocus = false;\n } }))))));\n }\n constructor(hostRef) {\n registerInstance(this, hostRef);\n this.catchRef = (ref) => {\n this.inputRef = ref;\n };\n this.onChange = (event) => {\n if (this.inputRef instanceof HTMLInputElement && this.inputRef.type === 'file') {\n const value = this.inputRef.files;\n this.controller.onFacade.onChange(event, value);\n this.controller.setFormAssociatedValue(value);\n }\n };\n this.onInput = (event) => {\n if (this.inputRef instanceof HTMLInputElement && this.inputRef.type === 'file') {\n const value = this.inputRef.files;\n this.controller.onFacade.onInput(event, false, value);\n }\n };\n this._accept = undefined;\n this._accessKey = undefined;\n this._alert = undefined;\n this._disabled = false;\n this._error = undefined;\n this._hideError = false;\n this._hideLabel = false;\n this._hint = '';\n this._icons = undefined;\n this._id = undefined;\n this._label = undefined;\n this._msg = undefined;\n this._multiple = false;\n this._name = undefined;\n this._on = undefined;\n this._required = false;\n this._shortKey = undefined;\n this._smartButton = undefined;\n this._syncValueBySelector = undefined;\n this._tabIndex = undefined;\n this._tooltipAlign = 'top';\n this._touched = false;\n this._value = undefined;\n this.state = {\n _hideError: false,\n _id: `id-${nonce()}`,\n _label: '',\n };\n this.inputHasFocus = false;\n this.controller = new InputFileController(this, 'file', this.host);\n }\n showAsAlert() {\n if (this.state._alert === undefined) {\n return Boolean(this.state._touched) && !this.inputHasFocus;\n }\n return this.state._alert;\n }\n validateAccept(value) {\n this.controller.validateAccept(value);\n }\n validateAccessKey(value) {\n this.controller.validateAccessKey(value);\n }\n validateAlert(value) {\n this.controller.validateAlert(value);\n }\n validateDisabled(value) {\n this.controller.validateDisabled(value);\n }\n validateError(value) {\n this.controller.validateError(value);\n }\n validateHideError(value) {\n this.controller.validateHideError(value);\n }\n validateHideLabel(value) {\n this.controller.validateHideLabel(value);\n }\n validateHint(value) {\n this.controller.validateHint(value);\n }\n validateIcons(value) {\n this.controller.validateIcons(value);\n }\n validateId(value) {\n this.controller.validateId(value);\n }\n validateLabel(value) {\n this.controller.validateLabel(value);\n }\n validateMsg(value) {\n this.controller.validateMsg(value);\n }\n validateMultiple(value) {\n this.controller.validateMultiple(value);\n }\n validateName(value) {\n this.controller.validateName(value);\n }\n validateOn(value) {\n this.controller.validateOn(value);\n }\n validateRequired(value) {\n this.controller.validateRequired(value);\n }\n validateShortKey(value) {\n this.controller.validateShortKey(value);\n }\n validateSmartButton(value) {\n this.controller.validateSmartButton(value);\n }\n validateSyncValueBySelector(value) {\n this.controller.validateSyncValueBySelector(value);\n }\n validateTabIndex(value) {\n this.controller.validateTabIndex(value);\n }\n validateTouched(value) {\n this.controller.validateTouched(value);\n }\n validateValue(value) {\n this.controller.validateValue(value);\n }\n componentWillLoad() {\n this._touched = this._touched === true;\n this.controller.componentWillLoad();\n }\n static get delegatesFocus() { return true; }\n get host() { return getElement(this); }\n static get watchers() { return {\n \"_accept\": [\"validateAccept\"],\n \"_accessKey\": [\"validateAccessKey\"],\n \"_alert\": [\"validateAlert\"],\n \"_disabled\": [\"validateDisabled\"],\n \"_error\": [\"validateError\"],\n \"_hideError\": [\"validateHideError\"],\n \"_hideLabel\": [\"validateHideLabel\"],\n \"_hint\": [\"validateHint\"],\n \"_icons\": [\"validateIcons\"],\n \"_id\": [\"validateId\"],\n \"_label\": [\"validateLabel\"],\n \"_msg\": [\"validateMsg\"],\n \"_multiple\": [\"validateMultiple\"],\n \"_name\": [\"validateName\"],\n \"_on\": [\"validateOn\"],\n \"_required\": [\"validateRequired\"],\n \"_shortKey\": [\"validateShortKey\"],\n \"_smartButton\": [\"validateSmartButton\"],\n \"_syncValueBySelector\": [\"validateSyncValueBySelector\"],\n \"_tabIndex\": [\"validateTabIndex\"],\n \"_touched\": [\"validateTouched\"],\n \"_value\": [\"validateValue\"]\n }; }\n};\nKolInputFile.style = {\n default: KolInputFileDefaultStyle0\n};\n\nexport { KolInputFile as kol_input_file };\n\n//# sourceMappingURL=kol-input-file.entry.js.map"],"names":["InputFileController","InputIconController","component","name","host","value","watchString","watchBoolean","defaultStyleCss","KolInputFileDefaultStyle0","KolInputFile","_a","ariaDescribedBy","getRenderStates","hasExpertSlot","showExpertSlot","h","Host","KolInputTag","Fragment","InternalUnderlinedBadgeText","buildBadgeTextString","event","hostRef","registerInstance","ref","nonce","getElement"],"mappings":"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"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"kol-input-number.entry-DuvAeeN8.js","sources":["../../../../components/dist/esm/kol-input-number.entry.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { h, F as Fragment, H as Host, r as registerInstance, g as getElement } from './index-6c6daeaa.js';\nimport { w as watchValidator, y as watchString, j as watchBoolean, F as watchNumber, A as buildBadgeTextString, B as showExpertSlot } from './index-4fb06bbb.js';\nimport { l as KolInputTag } from './component-names-4cb1c62b.js';\nimport { n as nonce } from './dev.utils-e5207de9.js';\nimport { p as propagateSubmitEventToForm } from './controller-87dfc9ee.js';\nimport { g as getRenderStates } from './controller-4fa871d2.js';\nimport { I as InternalUnderlinedBadgeText } from './InternalUnderlinedBadgeText-fb9c25ad.js';\nimport { I as InputIconController } from './controller-icon-811adcf4.js';\nimport { v as validateSuggestions } from './suggestions-7e70d4e3.js';\nimport './events-29e84d75.js';\nimport './associated.controller-3dab1e00.js';\nimport './access-and-short-key-a34a0af0.js';\nimport './hide-label-2b46168f.js';\nimport './label-51d66c9d.js';\nimport './tooltip-align-de415afb.js';\nimport './align-bc8d98ac.js';\nimport './icons-d29928c3.js';\n\nclass InputNumberController extends InputIconController {\n constructor(component, name, host) {\n super(component, name, host);\n this.numberOrIsoDateRegex = /^\\d+$|(^\\d{4}-([0]\\d|1[0-2])-([0-2]\\d|3[01])([T ][0-2]\\d:[0-5]\\d:[0-5]\\d(?:\\.\\d+)?([+-][0-2]\\d:[0-5]\\d|Z)?)?$)|(^[0-2]\\d:[0-5]\\d(:[0-5]\\d)?$)/;\n this.parseToString = (value) => {\n if (typeof value === 'string') {\n return value;\n }\n if (typeof value === 'number') {\n return `${value}`;\n }\n if (typeof value === 'object' && value instanceof Date) {\n return value.toISOString();\n }\n return '';\n };\n this.validateIso8601 = (propName, value, afterPatch) => {\n const parsedValue = parseFloat(value);\n const valueMatched = parsedValue === value;\n return watchValidator(this.component, propName, (value) => value === undefined || value === '' || (valueMatched && typeof parsedValue === 'number') || this.numberOrIsoDateRegex.test(value), new Set(['number', 'Date', 'string{ISO-8601}']), this.parseToString(value), {\n hooks: {\n afterPatch: (value) => {\n if (typeof value === 'string' && afterPatch) {\n afterPatch(value);\n }\n },\n },\n });\n };\n this.component = component;\n }\n validateAutoComplete(value) {\n watchValidator(this.component, '_autoComplete', (value) => typeof value === 'string' && (value === 'on' || value === 'off'), new Set(['on | off']), value);\n }\n validateSuggestions(value) {\n validateSuggestions(this.component, value);\n }\n onChange(event) {\n super.onChange(event);\n if (!!event.target.value !== !!this.component._value) {\n this.component._value = event.target.value;\n }\n }\n validateMax(value) {\n this.validateIso8601('_max', value);\n }\n validateMin(value) {\n this.validateIso8601('_min', value);\n }\n validatePlaceholder(value) {\n watchString(this.component, '_placeholder', value);\n }\n validateReadOnly(value) {\n watchBoolean(this.component, '_readOnly', value);\n }\n validateRequired(value) {\n watchBoolean(this.component, '_required', value);\n }\n validateStep(value) {\n watchNumber(this.component, '_step', value);\n }\n validateValue(value) {\n this.validateValueEx(value);\n }\n validateValueEx(value, afterPatch) {\n this.validateIso8601('_value', value, afterPatch);\n this.setFormAssociatedValue(this.component.state._value);\n }\n componentWillLoad() {\n super.componentWillLoad();\n this.validateAutoComplete(this.component._autoComplete);\n this.validateMax(this.component._max);\n this.validateMin(this.component._min);\n this.validateSuggestions(this.component._suggestions);\n this.validatePlaceholder(this.component._placeholder);\n this.validateReadOnly(this.component._readOnly);\n this.validateRequired(this.component._required);\n this.validateStep(this.component._step);\n this.validateValue(this.component._value);\n }\n}\n\nconst defaultStyleCss = \"/*\\n * This file contains all rules for accessibility.\\n */\\n@layer kol-a11y {\\n :host {\\n /*\\n * Minimum size of interactive elements.\\n */\\n --a11y-min-size: calc(44rem / var(--kolibri-root-font-size, 16));\\n /*\\n * No element should be used without a background and font color whose contrast ratio has\\n * not been checked. By initially setting the background color to white and the font color\\n * to black, the contrast ratio is ensured and explicit adjustment is forced.\\n */\\n background-color: white;\\n color: black;\\n /*\\n * Verdana is an accessible font that can be used without requiring additional loading time.\\n */\\n font-family: Verdana;\\n /*\\n * Letter spacing is required for all texts.\\n */\\n letter-spacing: inherit;\\n /*\\n * Word spacing is required for all texts.\\n */\\n word-spacing: inherit;\\n }\\n * {\\n /*\\n * This rule enables the word dividing for all texts. That is important for high zoom levels.\\n */\\n hyphens: auto;\\n /*\\n * This rule enables the word dividing for all texts. That is important for high zoom levels.\\n */\\n word-break: break-word;\\n }\\n /*\\n * All interactive elements should have a minimum size of rem(44).\\n */\\n /* input:not([type='checkbox'], [type='radio'], [type='range']), */\\n /* option, */\\n /* select, */\\n /* textarea, */\\n [role=button],\\n button:not([role=link]),\\n .kol-input .input {\\n min-height: var(--a11y-min-size);\\n min-width: var(--a11y-min-size);\\n }\\n /*\\n * Some interactive elements should not inherit the font-family and font-size.\\n */\\n a,\\n button,\\n h1,\\n h2,\\n h3,\\n h4,\\n h5,\\n h6,\\n input,\\n option,\\n select,\\n textarea {\\n /*\\n * All elements should inherit the font family from his parent element.\\n */\\n font-family: inherit;\\n /*\\n * All elements should inherit the font size from his parent element.\\n */\\n font-size: inherit;\\n /*\\n * Letter spacing is required for all texts.\\n */\\n letter-spacing: inherit;\\n /*\\n * Word spacing is required for all texts.\\n */\\n word-spacing: inherit;\\n }\\n /**\\n * Sometimes we need the semantic element for accessibility reasons,\\n * but we don't want to show it.\\n *\\n * - https://www.a11yproject.com/posts/how-to-hide-content/\\n */\\n .visually-hidden {\\n clip: rect(0 0 0 0);\\n clip-path: inset(50%);\\n height: 1px;\\n overflow: hidden;\\n position: absolute;\\n white-space: nowrap;\\n width: 1px;\\n }\\n}\\n@layer kol-global {\\n /*\\n * Dieses CSS stellt sicher, dass der Standard-Style\\n * von A und Button resettet werden.\\n */\\n :is(a, button) {\\n background-color: transparent;\\n border: none;\\n margin: 0;\\n padding: 0;\\n width: 100%; /* 100% needed for custom width from outside */\\n }\\n /*\\n * Ensure elements with hidden attribute to be actually not visible\\n * @see https://meowni.ca/hidden.is.a.lie.html\\n */\\n [hidden] {\\n display: none !important;\\n }\\n}\\n@layer kol-global {\\n :host {\\n font-size: calc(16rem / var(--kolibri-root-font-size, 16));\\n /*\\n * The max-width is needed to prevent the table from overflowing the\\n * parent node, if the table is wider than the parent node.\\n */\\n max-width: 100%;\\n }\\n * {\\n /*\\n * We prefer to box-sizing: border-box for all elements.\\n */\\n box-sizing: border-box;\\n }\\n /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\\n .kol-span-wc {\\n display: grid;\\n place-items: center;\\n }\\n /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\\n .kol-span-wc > span {\\n display: flex;\\n place-items: center;\\n }\\n a,\\n button {\\n cursor: pointer;\\n }\\n /* This is the text label. */\\n .hide-label > .kol-span-wc > span > span {\\n display: none;\\n }\\n /* Reset browser agent style. */\\n button:disabled {\\n color: unset;\\n }\\n .disabled label,\\n .disabled:focus-within label,\\n [aria-disabled=true],\\n [aria-disabled=true]:focus,\\n [disabled],\\n [disabled]:focus {\\n cursor: not-allowed;\\n opacity: 0.5;\\n outline: none;\\n }\\n [aria-disabled=true]:focus .kol-span-wc,\\n [disabled]:focus .kol-span-wc {\\n outline: none !important;\\n }\\n .badge-text-hint {\\n background-color: lightgray;\\n color: black;\\n }\\n}\\n@layer kol-component {\\n :host {\\n display: block;\\n }\\n}\\n@layer kol-component {\\n .kol-tooltip-wc {\\n display: contents;\\n contain: layout;\\n }\\n .kol-tooltip-wc .tooltip-floating {\\n animation-duration: 0.25s;\\n animation-iteration-count: 1;\\n animation-name: fadeInOpacity;\\n animation-timing-function: ease-in;\\n display: none;\\n position: fixed;\\n visibility: hidden;\\n /* Avoid layout interference - see https://floating-ui.com/docs/computePosition */\\n top: 0;\\n left: 0;\\n max-width: 90vw;\\n max-height: 90vh;\\n /* Can be used to specify the tooltip-width from the outside. Unset by default. */\\n width: var(--kol-tooltip-width);\\n }\\n /* Shared between content and arrow */\\n .kol-tooltip-wc .tooltip-area {\\n background-color: #fff;\\n color: #000;\\n }\\n .kol-tooltip-wc .tooltip-arrow {\\n height: calc(10rem / var(--kolibri-root-font-size, 16));\\n position: absolute;\\n transform: rotate(45deg);\\n width: calc(10rem / var(--kolibri-root-font-size, 16));\\n z-index: 999;\\n }\\n .kol-tooltip-wc .tooltip-content {\\n position: relative;\\n z-index: 1000;\\n }\\n @keyframes fadeInOpacity {\\n 0% {\\n opacity: 0;\\n }\\n 100% {\\n opacity: 1;\\n }\\n }\\n}\\n@layer kol-component {\\n .required label > span::after,\\n .required legend > span::after {\\n content: \\\"*\\\";\\n }\\n}\\n@layer kol-component {\\n input,\\n textarea {\\n cursor: text;\\n }\\n input[type=checkbox],\\n input[type=color],\\n input[type=file],\\n input[type=radio],\\n input[type=range],\\n label,\\n option,\\n select {\\n cursor: pointer;\\n }\\n /* input[type='checkbox'], */\\n /* input[type='radio'], */\\n /* input[type='range'], */\\n input[type=color],\\n input[type=date],\\n input[type=datetime-local],\\n input[type=email],\\n input[type=file],\\n input[type=month],\\n input[type=number],\\n input[type=password],\\n input[type=search],\\n input[type=tel],\\n input[type=text],\\n input[type=time],\\n input[type=url],\\n input[type=week],\\n option,\\n select,\\n textarea {\\n background-color: transparent;\\n width: 100%;\\n }\\n /* needed hack for vertical alignment */\\n input[type=file] {\\n padding: calc((var(--a11y-min-size) - (16rem / var(--kolibri-root-font-size, 16))) / 10) 0.5em;\\n }\\n /* needed hack for vertical alignment */\\n select[multiple] option {\\n padding: calc((var(--a11y-min-size) - (16rem / var(--kolibri-root-font-size, 16))) / 2) 0.5em;\\n }\\n}\\n@layer kol-component {\\n .kol-alert-wc {\\n display: grid;\\n }\\n .kol-alert-wc .heading {\\n display: flex;\\n place-items: center;\\n overflow: hidden;\\n }\\n .kol-alert-wc .heading > div {\\n flex-grow: 1;\\n }\\n .close {\\n /* Visible with forced colors */\\n outline: transparent solid calc(1rem / var(--kolibri-root-font-size, 16));\\n }\\n}\\n@layer kol-component {\\n .kol-input {\\n display: grid;\\n }\\n .kol-input .input-slot {\\n flex-grow: 1;\\n overflow: hidden;\\n }\\n input:focus,\\n option:focus,\\n select:focus,\\n textarea:focus {\\n outline: 0;\\n }\\n .input {\\n align-items: center;\\n background-color: white;\\n cursor: pointer;\\n display: flex;\\n }\\n button:not([role=link]) {\\n min-height: auto;\\n }\\n .input > .kol-icon {\\n display: grid;\\n place-items: center;\\n }\\n .kol-input.required .input-tooltip .span-label::after {\\n content: \\\"*\\\";\\n }\\n}\";\nconst KolInputNumberDefaultStyle0 = defaultStyleCss;\n\nconst KolInputNumber = class {\n async getValue() {\n var _a;\n return (_a = this.inputRef) === null || _a === void 0 ? void 0 : _a.value;\n }\n async focus() {\n await this.kolFocus();\n }\n async kolFocus() {\n var _a;\n (_a = this.inputRef) === null || _a === void 0 ? void 0 : _a.focus();\n }\n render() {\n const { ariaDescribedBy } = getRenderStates(this.state);\n const hasSuggestions = Array.isArray(this.state._suggestions) && this.state._suggestions.length > 0;\n const hasExpertSlot = showExpertSlot(this.state._label);\n return (h(Host, { key: '3f09f1934375dda6e9e396871cf2ad5f72385be9', class: {\n 'kol-input-number': true,\n 'has-value': this.state._hasValue,\n } }, h(KolInputTag, { key: '059c6f1b47312bfb2466ce1e506d3c4c76b3ceae', class: {\n number: true,\n 'hide-label': !!this.state._hideLabel,\n }, _accessKey: this.state._accessKey, _alert: this.showAsAlert(), _disabled: this.state._disabled, _msg: this.state._msg, _hideError: this.state._hideError, _hideLabel: this.state._hideLabel, _hint: this.state._hint, _icons: this.state._icons, _id: this.state._id, _label: this.state._label, _suggestions: this.state._suggestions, _readOnly: this.state._readOnly, _required: this.state._required, _shortKey: this.state._shortKey, _smartButton: this.state._smartButton, _tooltipAlign: this._tooltipAlign, _touched: this.state._touched }, h(\"span\", { key: 'c61abae018d6955c135cbc85816ccfa3439fc76a', slot: \"label\" }, hasExpertSlot ? (h(\"slot\", { name: \"expert\" })) : typeof this.state._accessKey === 'string' || typeof this.state._shortKey === 'string' ? (h(Fragment, null, h(InternalUnderlinedBadgeText, { badgeText: buildBadgeTextString(this.state._accessKey, this.state._shortKey), label: this.state._label }), ' ', h(\"kbd\", { class: \"badge-text-hint\", \"aria-hidden\": \"true\" }, buildBadgeTextString(this.state._accessKey, this.state._shortKey)))) : (h(\"span\", null, this.state._label))), h(\"div\", { key: '8e389b24b1b1ba78fe6b8b4715a8d5ad9f82146c', slot: \"input\" }, h(\"input\", Object.assign({ key: '1fde69ba3d22363bb35a55e1a7fdc9b289cd4f9a', ref: this.catchRef, title: \"\", accessKey: this.state._accessKey, \"aria-describedby\": ariaDescribedBy.length > 0 ? ariaDescribedBy.join(' ') : undefined, \"aria-label\": this.state._hideLabel && typeof this.state._label === 'string' ? this.state._label : undefined, autoCapitalize: \"off\", autoComplete: this.state._autoComplete, autoCorrect: \"off\", disabled: this.state._disabled, id: this.state._id, list: hasSuggestions ? `${this.state._id}-list` : undefined, max: this.state._max, min: this.state._min, name: this.state._name, readOnly: this.state._readOnly, required: this.state._required, placeholder: this.state._placeholder, step: this.state._step, type: \"number\", value: this.state._value }, this.controller.onFacade, { onKeyDown: this.onKeyDown, onFocus: (event) => {\n this.controller.onFacade.onFocus(event);\n this.inputHasFocus = true;\n }, onBlur: (event) => {\n this.controller.onFacade.onBlur(event);\n this.inputHasFocus = false;\n } }))))));\n }\n constructor(hostRef) {\n registerInstance(this, hostRef);\n this.catchRef = (ref) => {\n this.inputRef = ref;\n };\n this.onKeyDown = (event) => {\n if (event.code === 'Enter' || event.code === 'NumpadEnter') {\n propagateSubmitEventToForm({\n form: this.host,\n ref: this.inputRef,\n });\n }\n };\n this._accessKey = undefined;\n this._alert = undefined;\n this._autoComplete = undefined;\n this._disabled = false;\n this._error = undefined;\n this._hideError = false;\n this._hideLabel = false;\n this._hint = '';\n this._icons = undefined;\n this._id = undefined;\n this._label = undefined;\n this._max = undefined;\n this._min = undefined;\n this._msg = undefined;\n this._name = undefined;\n this._on = undefined;\n this._placeholder = undefined;\n this._readOnly = false;\n this._required = false;\n this._shortKey = undefined;\n this._smartButton = undefined;\n this._suggestions = undefined;\n this._step = undefined;\n this._syncValueBySelector = undefined;\n this._tabIndex = undefined;\n this._tooltipAlign = 'top';\n this._touched = false;\n this._value = undefined;\n this.state = {\n _autoComplete: 'off',\n _hasValue: false,\n _hideError: false,\n _id: `id-${nonce()}`,\n _label: '',\n _suggestions: [],\n };\n this.inputHasFocus = false;\n this.controller = new InputNumberController(this, 'number', this.host);\n }\n showAsAlert() {\n if (this.state._alert === undefined) {\n return Boolean(this.state._touched) && !this.inputHasFocus;\n }\n return this.state._alert;\n }\n validateAccessKey(value) {\n this.controller.validateAccessKey(value);\n }\n validateAlert(value) {\n this.controller.validateAlert(value);\n }\n validateAutoComplete(value) {\n this.controller.validateAutoComplete(value);\n }\n validateDisabled(value) {\n this.controller.validateDisabled(value);\n }\n validateError(value) {\n this.controller.validateError(value);\n }\n validateHideError(value) {\n this.controller.validateHideError(value);\n }\n validateHideLabel(value) {\n this.controller.validateHideLabel(value);\n }\n validateHint(value) {\n this.controller.validateHint(value);\n }\n validateIcons(value) {\n this.controller.validateIcons(value);\n }\n validateId(value) {\n this.controller.validateId(value);\n }\n validateLabel(value) {\n this.controller.validateLabel(value);\n }\n validateMax(value) {\n this.controller.validateMax(value);\n }\n validateMin(value) {\n this.controller.validateMin(value);\n }\n validateMsg(value) {\n this.controller.validateMsg(value);\n }\n validateName(value) {\n this.controller.validateName(value);\n }\n validateOn(value) {\n this.controller.validateOn(value);\n }\n validatePlaceholder(value) {\n this.controller.validatePlaceholder(value);\n }\n validateReadOnly(value) {\n this.controller.validateReadOnly(value);\n }\n validateRequired(value) {\n this.controller.validateRequired(value);\n }\n validateShortKey(value) {\n this.controller.validateShortKey(value);\n }\n validateSmartButton(value) {\n this.controller.validateSmartButton(value);\n }\n validateSuggestions(value) {\n this.controller.validateSuggestions(value);\n }\n validateStep(value) {\n this.controller.validateStep(value);\n }\n validateSyncValueBySelector(value) {\n this.controller.validateSyncValueBySelector(value);\n }\n validateTabIndex(value) {\n this.controller.validateTabIndex(value);\n }\n validateTouched(value) {\n this.controller.validateTouched(value);\n }\n validateValue(value) {\n this.controller.validateValueEx(value);\n }\n componentWillLoad() {\n this._touched = this._touched === true;\n this.controller.componentWillLoad();\n this.state._hasValue = !!this.state._value;\n this.controller.addValueChangeListener((v) => (this.state._hasValue = !!v));\n }\n static get delegatesFocus() { return true; }\n get host() { return getElement(this); }\n static get watchers() { return {\n \"_accessKey\": [\"validateAccessKey\"],\n \"_alert\": [\"validateAlert\"],\n \"_autoComplete\": [\"validateAutoComplete\"],\n \"_disabled\": [\"validateDisabled\"],\n \"_error\": [\"validateError\"],\n \"_hideError\": [\"validateHideError\"],\n \"_hideLabel\": [\"validateHideLabel\"],\n \"_hint\": [\"validateHint\"],\n \"_icons\": [\"validateIcons\"],\n \"_id\": [\"validateId\"],\n \"_label\": [\"validateLabel\"],\n \"_max\": [\"validateMax\"],\n \"_min\": [\"validateMin\"],\n \"_msg\": [\"validateMsg\"],\n \"_name\": [\"validateName\"],\n \"_on\": [\"validateOn\"],\n \"_placeholder\": [\"validatePlaceholder\"],\n \"_readOnly\": [\"validateReadOnly\"],\n \"_required\": [\"validateRequired\"],\n \"_shortKey\": [\"validateShortKey\"],\n \"_smartButton\": [\"validateSmartButton\"],\n \"_suggestions\": [\"validateSuggestions\"],\n \"_step\": [\"validateStep\"],\n \"_syncValueBySelector\": [\"validateSyncValueBySelector\"],\n \"_tabIndex\": [\"validateTabIndex\"],\n \"_touched\": [\"validateTouched\"],\n \"_value\": [\"validateValue\"]\n }; }\n};\nKolInputNumber.style = {\n default: KolInputNumberDefaultStyle0\n};\n\nexport { KolInputNumber as kol_input_number };\n\n//# sourceMappingURL=kol-input-number.entry.js.map"],"names":["InputNumberController","InputIconController","component","name","host","value","propName","afterPatch","parsedValue","valueMatched","watchValidator","validateSuggestions","event","watchString","watchBoolean","watchNumber","defaultStyleCss","KolInputNumberDefaultStyle0","KolInputNumber","_a","ariaDescribedBy","getRenderStates","hasSuggestions","hasExpertSlot","showExpertSlot","h","Host","KolInputTag","Fragment","InternalUnderlinedBadgeText","buildBadgeTextString","hostRef","registerInstance","ref","propagateSubmitEventToForm","nonce","v","getElement"],"mappings":"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"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"kol-input-password.entry-DrvR5aZT.js","sources":["../../../../components/dist/esm/kol-input-password.entry.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { h, F as Fragment, H as Host, r as registerInstance, g as getElement } from './index-6c6daeaa.js';\nimport { A as buildBadgeTextString, m as setState, C as devHint, B as showExpertSlot } from './index-4fb06bbb.js';\nimport { l as KolInputTag, c as KolButtonWcTag } from './component-names-4cb1c62b.js';\nimport { t as translate } from './i18n-820d85c7.js';\nimport { n as nonce } from './dev.utils-e5207de9.js';\nimport { p as propagateSubmitEventToForm } from './controller-87dfc9ee.js';\nimport { g as getRenderStates } from './controller-4fa871d2.js';\nimport { I as InternalUnderlinedBadgeText } from './InternalUnderlinedBadgeText-fb9c25ad.js';\nimport { I as InputPasswordController } from './controller-8ace9659.js';\nimport './i18n-b14e6088.js';\nimport './events-29e84d75.js';\nimport './associated.controller-3dab1e00.js';\nimport './access-and-short-key-a34a0af0.js';\nimport './hide-label-2b46168f.js';\nimport './label-51d66c9d.js';\nimport './tooltip-align-de415afb.js';\nimport './align-bc8d98ac.js';\nimport './controller-icon-811adcf4.js';\nimport './icons-d29928c3.js';\nimport './debounce-112fa67e.js';\n\nconst defaultStyleCss = \"/*\\n * This file contains all rules for accessibility.\\n */\\n@layer kol-a11y {\\n :host {\\n /*\\n * Minimum size of interactive elements.\\n */\\n --a11y-min-size: calc(44rem / var(--kolibri-root-font-size, 16));\\n /*\\n * No element should be used without a background and font color whose contrast ratio has\\n * not been checked. By initially setting the background color to white and the font color\\n * to black, the contrast ratio is ensured and explicit adjustment is forced.\\n */\\n background-color: white;\\n color: black;\\n /*\\n * Verdana is an accessible font that can be used without requiring additional loading time.\\n */\\n font-family: Verdana;\\n /*\\n * Letter spacing is required for all texts.\\n */\\n letter-spacing: inherit;\\n /*\\n * Word spacing is required for all texts.\\n */\\n word-spacing: inherit;\\n }\\n * {\\n /*\\n * This rule enables the word dividing for all texts. That is important for high zoom levels.\\n */\\n hyphens: auto;\\n /*\\n * This rule enables the word dividing for all texts. That is important for high zoom levels.\\n */\\n word-break: break-word;\\n }\\n /*\\n * All interactive elements should have a minimum size of rem(44).\\n */\\n /* input:not([type='checkbox'], [type='radio'], [type='range']), */\\n /* option, */\\n /* select, */\\n /* textarea, */\\n [role=button],\\n button:not([role=link]),\\n .kol-input .input {\\n min-height: var(--a11y-min-size);\\n min-width: var(--a11y-min-size);\\n }\\n /*\\n * Some interactive elements should not inherit the font-family and font-size.\\n */\\n a,\\n button,\\n h1,\\n h2,\\n h3,\\n h4,\\n h5,\\n h6,\\n input,\\n option,\\n select,\\n textarea {\\n /*\\n * All elements should inherit the font family from his parent element.\\n */\\n font-family: inherit;\\n /*\\n * All elements should inherit the font size from his parent element.\\n */\\n font-size: inherit;\\n /*\\n * Letter spacing is required for all texts.\\n */\\n letter-spacing: inherit;\\n /*\\n * Word spacing is required for all texts.\\n */\\n word-spacing: inherit;\\n }\\n /**\\n * Sometimes we need the semantic element for accessibility reasons,\\n * but we don't want to show it.\\n *\\n * - https://www.a11yproject.com/posts/how-to-hide-content/\\n */\\n .visually-hidden {\\n clip: rect(0 0 0 0);\\n clip-path: inset(50%);\\n height: 1px;\\n overflow: hidden;\\n position: absolute;\\n white-space: nowrap;\\n width: 1px;\\n }\\n}\\n@layer kol-global {\\n /*\\n * Dieses CSS stellt sicher, dass der Standard-Style\\n * von A und Button resettet werden.\\n */\\n :is(a, button) {\\n background-color: transparent;\\n border: none;\\n margin: 0;\\n padding: 0;\\n width: 100%; /* 100% needed for custom width from outside */\\n }\\n /*\\n * Ensure elements with hidden attribute to be actually not visible\\n * @see https://meowni.ca/hidden.is.a.lie.html\\n */\\n [hidden] {\\n display: none !important;\\n }\\n}\\n@layer kol-global {\\n :host {\\n font-size: calc(16rem / var(--kolibri-root-font-size, 16));\\n /*\\n * The max-width is needed to prevent the table from overflowing the\\n * parent node, if the table is wider than the parent node.\\n */\\n max-width: 100%;\\n }\\n * {\\n /*\\n * We prefer to box-sizing: border-box for all elements.\\n */\\n box-sizing: border-box;\\n }\\n /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\\n .kol-span-wc {\\n display: grid;\\n place-items: center;\\n }\\n /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\\n .kol-span-wc > span {\\n display: flex;\\n place-items: center;\\n }\\n a,\\n button {\\n cursor: pointer;\\n }\\n /* This is the text label. */\\n .hide-label > .kol-span-wc > span > span {\\n display: none;\\n }\\n /* Reset browser agent style. */\\n button:disabled {\\n color: unset;\\n }\\n .disabled label,\\n .disabled:focus-within label,\\n [aria-disabled=true],\\n [aria-disabled=true]:focus,\\n [disabled],\\n [disabled]:focus {\\n cursor: not-allowed;\\n opacity: 0.5;\\n outline: none;\\n }\\n [aria-disabled=true]:focus .kol-span-wc,\\n [disabled]:focus .kol-span-wc {\\n outline: none !important;\\n }\\n .badge-text-hint {\\n background-color: lightgray;\\n color: black;\\n }\\n}\\n@layer kol-component {\\n :host {\\n display: block;\\n }\\n}\\n@layer kol-component {\\n .kol-tooltip-wc {\\n display: contents;\\n contain: layout;\\n }\\n .kol-tooltip-wc .tooltip-floating {\\n animation-duration: 0.25s;\\n animation-iteration-count: 1;\\n animation-name: fadeInOpacity;\\n animation-timing-function: ease-in;\\n display: none;\\n position: fixed;\\n visibility: hidden;\\n /* Avoid layout interference - see https://floating-ui.com/docs/computePosition */\\n top: 0;\\n left: 0;\\n max-width: 90vw;\\n max-height: 90vh;\\n /* Can be used to specify the tooltip-width from the outside. Unset by default. */\\n width: var(--kol-tooltip-width);\\n }\\n /* Shared between content and arrow */\\n .kol-tooltip-wc .tooltip-area {\\n background-color: #fff;\\n color: #000;\\n }\\n .kol-tooltip-wc .tooltip-arrow {\\n height: calc(10rem / var(--kolibri-root-font-size, 16));\\n position: absolute;\\n transform: rotate(45deg);\\n width: calc(10rem / var(--kolibri-root-font-size, 16));\\n z-index: 999;\\n }\\n .kol-tooltip-wc .tooltip-content {\\n position: relative;\\n z-index: 1000;\\n }\\n @keyframes fadeInOpacity {\\n 0% {\\n opacity: 0;\\n }\\n 100% {\\n opacity: 1;\\n }\\n }\\n}\\n@layer kol-component {\\n .required label > span::after,\\n .required legend > span::after {\\n content: \\\"*\\\";\\n }\\n}\\n@layer kol-component {\\n input,\\n textarea {\\n cursor: text;\\n }\\n input[type=checkbox],\\n input[type=color],\\n input[type=file],\\n input[type=radio],\\n input[type=range],\\n label,\\n option,\\n select {\\n cursor: pointer;\\n }\\n /* input[type='checkbox'], */\\n /* input[type='radio'], */\\n /* input[type='range'], */\\n input[type=color],\\n input[type=date],\\n input[type=datetime-local],\\n input[type=email],\\n input[type=file],\\n input[type=month],\\n input[type=number],\\n input[type=password],\\n input[type=search],\\n input[type=tel],\\n input[type=text],\\n input[type=time],\\n input[type=url],\\n input[type=week],\\n option,\\n select,\\n textarea {\\n background-color: transparent;\\n width: 100%;\\n }\\n /* needed hack for vertical alignment */\\n input[type=file] {\\n padding: calc((var(--a11y-min-size) - (16rem / var(--kolibri-root-font-size, 16))) / 10) 0.5em;\\n }\\n /* needed hack for vertical alignment */\\n select[multiple] option {\\n padding: calc((var(--a11y-min-size) - (16rem / var(--kolibri-root-font-size, 16))) / 2) 0.5em;\\n }\\n}\\n@layer kol-component {\\n .kol-alert-wc {\\n display: grid;\\n }\\n .kol-alert-wc .heading {\\n display: flex;\\n place-items: center;\\n overflow: hidden;\\n }\\n .kol-alert-wc .heading > div {\\n flex-grow: 1;\\n }\\n .close {\\n /* Visible with forced colors */\\n outline: transparent solid calc(1rem / var(--kolibri-root-font-size, 16));\\n }\\n}\\n@layer kol-component {\\n .kol-input {\\n display: grid;\\n }\\n .kol-input .input-slot {\\n flex-grow: 1;\\n overflow: hidden;\\n }\\n input:focus,\\n option:focus,\\n select:focus,\\n textarea:focus {\\n outline: 0;\\n }\\n .input {\\n align-items: center;\\n background-color: white;\\n cursor: pointer;\\n display: flex;\\n }\\n button:not([role=link]) {\\n min-height: auto;\\n }\\n .input > .kol-icon {\\n display: grid;\\n place-items: center;\\n }\\n .kol-input.required .input-tooltip .span-label::after {\\n content: \\\"*\\\";\\n }\\n}\\n@layer kol-component {\\n [slot=input] {\\n display: grid;\\n grid-template-columns: 1fr auto;\\n }\\n [slot=input] .kol-button button,\\n [slot=input] .kol-button-wc button {\\n min-height: var(--a11y-min-size);\\n }\\n}\";\nconst KolInputPasswordDefaultStyle0 = defaultStyleCss;\n\nconst KolInputPassword = class {\n async getValue() {\n var _a;\n return (_a = this.inputRef) === null || _a === void 0 ? void 0 : _a.value;\n }\n async focus() {\n await this.kolFocus();\n }\n async kolFocus() {\n var _a;\n (_a = this.inputRef) === null || _a === void 0 ? void 0 : _a.focus();\n }\n render() {\n const { ariaDescribedBy } = getRenderStates(this.state);\n const hasExpertSlot = showExpertSlot(this.state._label);\n return (h(Host, { key: 'cdc7543ac509709ad6a2d39e2b0a3eb100e7bd44', class: {\n 'kol-input-password': true,\n 'has-value': this.state._hasValue,\n } }, h(KolInputTag, { key: '852615ca71b6c903480c43ede62dcbd1c80fd7f7', class: {\n 'hide-label': !!this.state._hideLabel,\n password: true,\n }, _accessKey: this.state._accessKey, _alert: this.showAsAlert(), _currentLength: this.state._currentLength, _currentLengthDebounced: this.state._currentLengthDebounced, _disabled: this.state._disabled, _msg: this.state._msg, _hasCounter: this.state._hasCounter, _hideError: this.state._hideError, _hideLabel: this.state._hideLabel, _hint: this.state._hint, _icons: this.state._icons, _id: this.state._id, _label: this.state._label, _maxLength: this.state._maxLength, _readOnly: this.state._readOnly, _required: this.state._required, _shortKey: this.state._shortKey, _smartButton: this.state._smartButton, _tooltipAlign: this._tooltipAlign, _touched: this.state._touched, onClick: () => { var _a; return (_a = this.inputRef) === null || _a === void 0 ? void 0 : _a.focus(); }, role: `presentation` }, h(\"span\", { key: '14bdbd73e494f781a369cb85ea04c240c0dea094', slot: \"label\" }, hasExpertSlot ? (h(\"slot\", { name: \"expert\" })) : typeof this.state._accessKey === 'string' || typeof this.state._shortKey === 'string' ? (h(Fragment, null, h(InternalUnderlinedBadgeText, { badgeText: buildBadgeTextString(this.state._accessKey, this.state._shortKey), label: this.state._label }), ' ', h(\"kbd\", { class: \"badge-text-hint\", \"aria-hidden\": \"true\" }, buildBadgeTextString(this.state._accessKey, this.state._shortKey)))) : (h(\"span\", null, this.state._label))), h(\"div\", { key: 'c4cb6711bef8d2f10af3d9103ceb49d496823144', slot: \"input\" }, h(\"input\", Object.assign({ key: '4105f335ccd5198f061b63af8735a8b686f376e3', ref: this.catchRef, title: \"\", accessKey: this.state._accessKey, \"aria-describedby\": ariaDescribedBy.length > 0 ? ariaDescribedBy.join(' ') : undefined, \"aria-label\": this.state._hideLabel && typeof this.state._label === 'string' ? this.state._label : undefined, autoCapitalize: \"off\", autoComplete: this.state._autoComplete, autoCorrect: \"off\", disabled: this.state._disabled, id: this.state._id, maxlength: this.state._maxLength, name: this.state._name, pattern: this.state._pattern, placeholder: this.state._placeholder, readOnly: this.state._readOnly, required: this.state._required, type: this._passwordVisible ? 'text' : 'password', value: this.state._value }, this.controller.onFacade, { onKeyDown: this.onKeyDown, onInput: this.onInput, onFocus: (event) => {\n this.controller.onFacade.onFocus(event);\n this.inputHasFocus = true;\n }, onBlur: (event) => {\n this.controller.onFacade.onBlur(event);\n this.inputHasFocus = false;\n } })), this._variant === 'visibility-toggle' ? (h(KolButtonWcTag, { class: \"password-toggle-button\", _label: this._passwordVisible ? translate('kol-hide-password') : translate('kol-show-password'), _variant: \"ghost\", _disabled: this._disabled, _on: {\n onClick: () => {\n this._passwordVisible = !this._passwordVisible;\n },\n }, _hideLabel: true, _icons: this._passwordVisible ? 'codicon codicon-eye-closed' : 'codicon codicon-eye-watch' })) : null))));\n }\n constructor(hostRef) {\n registerInstance(this, hostRef);\n this.catchRef = (ref) => {\n this.inputRef = ref;\n };\n this.onKeyDown = (event) => {\n if (event.code === 'Enter' || event.code === 'NumpadEnter') {\n propagateSubmitEventToForm({\n form: this.host,\n ref: this.inputRef,\n });\n }\n };\n this.onInput = (event) => {\n setState(this, '_currentLength', event.target.value.length);\n this.controller.updateCurrentLengthDebounced(event.target.value.length);\n this.controller.onFacade.onInput(event);\n };\n this._accessKey = undefined;\n this._alert = undefined;\n this._autoComplete = undefined;\n this._disabled = false;\n this._error = undefined;\n this._hasCounter = false;\n this._hideError = false;\n this._hideLabel = false;\n this._hint = '';\n this._icons = undefined;\n this._id = undefined;\n this._label = undefined;\n this._maxLength = undefined;\n this._msg = undefined;\n this._name = undefined;\n this._on = undefined;\n this._pattern = undefined;\n this._placeholder = undefined;\n this._readOnly = false;\n this._required = false;\n this._shortKey = undefined;\n this._smartButton = undefined;\n this._syncValueBySelector = undefined;\n this._tabIndex = undefined;\n this._tooltipAlign = 'top';\n this._touched = false;\n this._value = undefined;\n this._variant = 'default';\n this.state = {\n _autoComplete: 'off',\n _currentLength: 0,\n _currentLengthDebounced: 0,\n _hasValue: false,\n _hideError: false,\n _id: `id-${nonce()}`,\n _label: '',\n _variant: 'default',\n };\n this._passwordVisible = false;\n this.inputHasFocus = false;\n this.controller = new InputPasswordController(this, 'password', this.host);\n }\n showAsAlert() {\n if (this.state._alert === undefined) {\n return Boolean(this.state._touched) && !this.inputHasFocus;\n }\n return this.state._alert;\n }\n validateAccessKey(value) {\n this.controller.validateAccessKey(value);\n }\n validateAlert(value) {\n this.controller.validateAlert(value);\n }\n validateAutoComplete(value) {\n this.controller.validateAutoComplete(value);\n if (value === 'on') {\n devHint(`[KolInputPassword] The 'autocomplete' option should not be set to \"on\" for a password input field`);\n }\n }\n validateDisabled(value) {\n this.controller.validateDisabled(value);\n }\n validateVariant(value) {\n this.controller.validateVariant(value);\n }\n validateError(value) {\n this.controller.validateError(value);\n }\n validateHasCounter(value) {\n this.controller.validateHasCounter(value);\n }\n validateHideError(value) {\n this.controller.validateHideError(value);\n }\n validateHideLabel(value) {\n this.controller.validateHideLabel(value);\n }\n validateHint(value) {\n this.controller.validateHint(value);\n }\n validateIcons(value) {\n this.controller.validateIcons(value);\n }\n validateId(value) {\n this.controller.validateId(value);\n }\n validateLabel(value) {\n this.controller.validateLabel(value);\n }\n validateMaxLength(value) {\n this.controller.validateMaxLength(value);\n }\n validateMsg(value) {\n this.controller.validateMsg(value);\n }\n validateName(value) {\n this.controller.validateName(value);\n }\n validateOn(value) {\n this.controller.validateOn(value);\n }\n validatePattern(value) {\n this.controller.validatePattern(value);\n }\n validatePlaceholder(value) {\n this.controller.validatePlaceholder(value);\n }\n validateReadOnly(value) {\n this.controller.validateReadOnly(value);\n }\n validateRequired(value) {\n this.controller.validateRequired(value);\n }\n validateShortKey(value) {\n this.controller.validateShortKey(value);\n }\n validateSmartButton(value) {\n this.controller.validateSmartButton(value);\n }\n validateSyncValueBySelector(value) {\n this.controller.validateSyncValueBySelector(value);\n }\n validateTabIndex(value) {\n this.controller.validateTabIndex(value);\n }\n validateTouched(value) {\n this.controller.validateTouched(value);\n }\n validateValue(value) {\n this.controller.validateValue(value);\n }\n componentWillLoad() {\n this._touched = this._touched === true;\n this.controller.componentWillLoad();\n this.state._hasValue = !!this.state._value;\n this.controller.addValueChangeListener((v) => (this.state._hasValue = !!v));\n }\n static get delegatesFocus() { return true; }\n get host() { return getElement(this); }\n static get watchers() { return {\n \"_accessKey\": [\"validateAccessKey\"],\n \"_alert\": [\"validateAlert\"],\n \"_autoComplete\": [\"validateAutoComplete\"],\n \"_disabled\": [\"validateDisabled\"],\n \"_variant\": [\"validateVariant\"],\n \"_error\": [\"validateError\"],\n \"_hasCounter\": [\"validateHasCounter\"],\n \"_hideError\": [\"validateHideError\"],\n \"_hideLabel\": [\"validateHideLabel\"],\n \"_hint\": [\"validateHint\"],\n \"_icons\": [\"validateIcons\"],\n \"_id\": [\"validateId\"],\n \"_label\": [\"validateLabel\"],\n \"_maxLength\": [\"validateMaxLength\"],\n \"_msg\": [\"validateMsg\"],\n \"_name\": [\"validateName\"],\n \"_on\": [\"validateOn\"],\n \"_pattern\": [\"validatePattern\"],\n \"_placeholder\": [\"validatePlaceholder\"],\n \"_readOnly\": [\"validateReadOnly\"],\n \"_required\": [\"validateRequired\"],\n \"_shortKey\": [\"validateShortKey\"],\n \"_smartButton\": [\"validateSmartButton\"],\n \"_syncValueBySelector\": [\"validateSyncValueBySelector\"],\n \"_tabIndex\": [\"validateTabIndex\"],\n \"_touched\": [\"validateTouched\"],\n \"_value\": [\"validateValue\"]\n }; }\n};\nKolInputPassword.style = {\n default: KolInputPasswordDefaultStyle0\n};\n\nexport { KolInputPassword as kol_input_password };\n\n//# sourceMappingURL=kol-input-password.entry.js.map"],"names":["defaultStyleCss","KolInputPasswordDefaultStyle0","KolInputPassword","_a","ariaDescribedBy","getRenderStates","hasExpertSlot","showExpertSlot","h","Host","KolInputTag","Fragment","InternalUnderlinedBadgeText","buildBadgeTextString","event","KolButtonWcTag","translate","hostRef","registerInstance","ref","propagateSubmitEventToForm","setState","nonce","InputPasswordController","value","devHint","v","getElement"],"mappings":"w2BAAA;AAAA;AAAA,GAwBA,MAAMA,EAAkB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;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"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"kol-input-radio.entry-vr-fhCpW.js","sources":["../../../../components/dist/esm/kol-input-radio.entry.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { h, H as Host, r as registerInstance, g as getElement } from './index-6c6daeaa.js';\nimport { B as showExpertSlot } from './index-4fb06bbb.js';\nimport { n as nonce } from './dev.utils-e5207de9.js';\nimport { t as tryToDispatchKoliBriEvent, s as stopPropagation } from './events-29e84d75.js';\nimport { g as getRenderStates } from './controller-4fa871d2.js';\nimport { a as InputRadioController } from './controller-e97b79b7.js';\nimport { p as propagateSubmitEventToForm } from './controller-87dfc9ee.js';\nimport { l as KolInputTag } from './component-names-4cb1c62b.js';\nimport './i18n-820d85c7.js';\nimport { F as FormFieldMsgFc } from './FormFieldMsg-615e6f85.js';\nimport './associated.controller-3dab1e00.js';\nimport './access-and-short-key-a34a0af0.js';\nimport './hide-label-2b46168f.js';\nimport './label-51d66c9d.js';\nimport './tooltip-align-de415afb.js';\nimport './align-bc8d98ac.js';\nimport './i18n-b14e6088.js';\nimport './clsx-09a06a12.js';\nimport './Alert-484b34fa.js';\nimport './tslib.es6-1173d062.js';\n\nconst defaultStyleCss = \"@layer kol-component {\\n :host {\\n display: block;\\n }\\n}\\n@layer kol-component {\\n .kol-tooltip-wc {\\n display: contents;\\n contain: layout;\\n }\\n .kol-tooltip-wc .tooltip-floating {\\n animation-duration: 0.25s;\\n animation-iteration-count: 1;\\n animation-name: fadeInOpacity;\\n animation-timing-function: ease-in;\\n display: none;\\n position: fixed;\\n visibility: hidden;\\n /* Avoid layout interference - see https://floating-ui.com/docs/computePosition */\\n top: 0;\\n left: 0;\\n max-width: 90vw;\\n max-height: 90vh;\\n /* Can be used to specify the tooltip-width from the outside. Unset by default. */\\n width: var(--kol-tooltip-width);\\n }\\n /* Shared between content and arrow */\\n .kol-tooltip-wc .tooltip-area {\\n background-color: #fff;\\n color: #000;\\n }\\n .kol-tooltip-wc .tooltip-arrow {\\n height: calc(10rem / var(--kolibri-root-font-size, 16));\\n position: absolute;\\n transform: rotate(45deg);\\n width: calc(10rem / var(--kolibri-root-font-size, 16));\\n z-index: 999;\\n }\\n .kol-tooltip-wc .tooltip-content {\\n position: relative;\\n z-index: 1000;\\n }\\n @keyframes fadeInOpacity {\\n 0% {\\n opacity: 0;\\n }\\n 100% {\\n opacity: 1;\\n }\\n }\\n}\\n/*\\n * This file contains all rules for accessibility.\\n */\\n@layer kol-a11y {\\n :host {\\n /*\\n * Minimum size of interactive elements.\\n */\\n --a11y-min-size: calc(44rem / var(--kolibri-root-font-size, 16));\\n /*\\n * No element should be used without a background and font color whose contrast ratio has\\n * not been checked. By initially setting the background color to white and the font color\\n * to black, the contrast ratio is ensured and explicit adjustment is forced.\\n */\\n background-color: white;\\n color: black;\\n /*\\n * Verdana is an accessible font that can be used without requiring additional loading time.\\n */\\n font-family: Verdana;\\n /*\\n * Letter spacing is required for all texts.\\n */\\n letter-spacing: inherit;\\n /*\\n * Word spacing is required for all texts.\\n */\\n word-spacing: inherit;\\n }\\n * {\\n /*\\n * This rule enables the word dividing for all texts. That is important for high zoom levels.\\n */\\n hyphens: auto;\\n /*\\n * This rule enables the word dividing for all texts. That is important for high zoom levels.\\n */\\n word-break: break-word;\\n }\\n /*\\n * All interactive elements should have a minimum size of rem(44).\\n */\\n /* input:not([type='checkbox'], [type='radio'], [type='range']), */\\n /* option, */\\n /* select, */\\n /* textarea, */\\n [role=button],\\n button:not([role=link]),\\n .kol-input .input {\\n min-height: var(--a11y-min-size);\\n min-width: var(--a11y-min-size);\\n }\\n /*\\n * Some interactive elements should not inherit the font-family and font-size.\\n */\\n a,\\n button,\\n h1,\\n h2,\\n h3,\\n h4,\\n h5,\\n h6,\\n input,\\n option,\\n select,\\n textarea {\\n /*\\n * All elements should inherit the font family from his parent element.\\n */\\n font-family: inherit;\\n /*\\n * All elements should inherit the font size from his parent element.\\n */\\n font-size: inherit;\\n /*\\n * Letter spacing is required for all texts.\\n */\\n letter-spacing: inherit;\\n /*\\n * Word spacing is required for all texts.\\n */\\n word-spacing: inherit;\\n }\\n /**\\n * Sometimes we need the semantic element for accessibility reasons,\\n * but we don't want to show it.\\n *\\n * - https://www.a11yproject.com/posts/how-to-hide-content/\\n */\\n .visually-hidden {\\n clip: rect(0 0 0 0);\\n clip-path: inset(50%);\\n height: 1px;\\n overflow: hidden;\\n position: absolute;\\n white-space: nowrap;\\n width: 1px;\\n }\\n}\\n@layer kol-global {\\n /*\\n * Dieses CSS stellt sicher, dass der Standard-Style\\n * von A und Button resettet werden.\\n */\\n :is(a, button) {\\n background-color: transparent;\\n border: none;\\n margin: 0;\\n padding: 0;\\n width: 100%; /* 100% needed for custom width from outside */\\n }\\n /*\\n * Ensure elements with hidden attribute to be actually not visible\\n * @see https://meowni.ca/hidden.is.a.lie.html\\n */\\n [hidden] {\\n display: none !important;\\n }\\n}\\n@layer kol-global {\\n :host {\\n font-size: calc(16rem / var(--kolibri-root-font-size, 16));\\n /*\\n * The max-width is needed to prevent the table from overflowing the\\n * parent node, if the table is wider than the parent node.\\n */\\n max-width: 100%;\\n }\\n * {\\n /*\\n * We prefer to box-sizing: border-box for all elements.\\n */\\n box-sizing: border-box;\\n }\\n /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\\n .kol-span-wc {\\n display: grid;\\n place-items: center;\\n }\\n /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\\n .kol-span-wc > span {\\n display: flex;\\n place-items: center;\\n }\\n a,\\n button {\\n cursor: pointer;\\n }\\n /* This is the text label. */\\n .hide-label > .kol-span-wc > span > span {\\n display: none;\\n }\\n /* Reset browser agent style. */\\n button:disabled {\\n color: unset;\\n }\\n .disabled label,\\n .disabled:focus-within label,\\n [aria-disabled=true],\\n [aria-disabled=true]:focus,\\n [disabled],\\n [disabled]:focus {\\n cursor: not-allowed;\\n opacity: 0.5;\\n outline: none;\\n }\\n [aria-disabled=true]:focus .kol-span-wc,\\n [disabled]:focus .kol-span-wc {\\n outline: none !important;\\n }\\n .badge-text-hint {\\n background-color: lightgray;\\n color: black;\\n }\\n}\\n@layer kol-component {\\n .required label > span::after,\\n .required legend > span::after {\\n content: \\\"*\\\";\\n }\\n}\\n@layer kol-component {\\n input,\\n textarea {\\n cursor: text;\\n }\\n input[type=checkbox],\\n input[type=color],\\n input[type=file],\\n input[type=radio],\\n input[type=range],\\n label,\\n option,\\n select {\\n cursor: pointer;\\n }\\n /* input[type='checkbox'], */\\n /* input[type='radio'], */\\n /* input[type='range'], */\\n input[type=color],\\n input[type=date],\\n input[type=datetime-local],\\n input[type=email],\\n input[type=file],\\n input[type=month],\\n input[type=number],\\n input[type=password],\\n input[type=search],\\n input[type=tel],\\n input[type=text],\\n input[type=time],\\n input[type=url],\\n input[type=week],\\n option,\\n select,\\n textarea {\\n background-color: transparent;\\n width: 100%;\\n }\\n /* needed hack for vertical alignment */\\n input[type=file] {\\n padding: calc((var(--a11y-min-size) - (16rem / var(--kolibri-root-font-size, 16))) / 10) 0.5em;\\n }\\n /* needed hack for vertical alignment */\\n select[multiple] option {\\n padding: calc((var(--a11y-min-size) - (16rem / var(--kolibri-root-font-size, 16))) / 2) 0.5em;\\n }\\n}\\n@layer kol-component {\\n .kol-alert-wc {\\n display: grid;\\n }\\n .kol-alert-wc .heading {\\n display: flex;\\n place-items: center;\\n overflow: hidden;\\n }\\n .kol-alert-wc .heading > div {\\n flex-grow: 1;\\n }\\n .close {\\n /* Visible with forced colors */\\n outline: transparent solid calc(1rem / var(--kolibri-root-font-size, 16));\\n }\\n}\\n@layer kol-component {\\n :host {\\n --border-width: 2px;\\n --input-size: 1.5em;\\n }\\n .kol-input .icons {\\n display: none;\\n }\\n label {\\n cursor: pointer;\\n }\\n input {\\n appearance: none;\\n border-width: var(--border-width);\\n border-style: solid;\\n border-radius: 100%;\\n cursor: pointer;\\n display: flex;\\n height: var(--input-size);\\n margin: 0;\\n min-height: var(--input-size);\\n min-width: var(--input-size);\\n padding: 0;\\n width: var(--input-size);\\n }\\n input:before {\\n border-radius: 100%;\\n content: \\\"\\\";\\n margin: auto;\\n height: calc(var(--input-size) / 2);\\n width: calc(var(--input-size) / 2);\\n }\\n input:checked:before {\\n background-color: #000;\\n }\\n @media (forced-colors: active) {\\n input:checked:before {\\n /* Give it a visible background in forced colors mode */\\n background-color: selectedItem !important;\\n }\\n }\\n fieldset {\\n display: flex;\\n }\\n fieldset.vertical {\\n flex-direction: column;\\n }\\n fieldset .input-slot {\\n align-items: center;\\n display: flex;\\n }\\n /* required star is on fieldset legend */\\n .required label > span::after {\\n content: \\\"\\\";\\n }\\n}\";\nconst KolInputRadioDefaultStyle0 = defaultStyleCss;\n\nconst KolInputRadio = class {\n async getValue() {\n return this.currentValue;\n }\n async focus() {\n await this.kolFocus();\n }\n async kolFocus() {\n var _a;\n (_a = this.inputRef) === null || _a === void 0 ? void 0 : _a.focus();\n }\n render() {\n const { ariaDescribedBy, hasError } = getRenderStates(this.state);\n const hasExpertSlot = showExpertSlot(this.state._label);\n const hasHint = typeof this._hint === 'string' && this._hint.length > 0;\n return (h(Host, { key: '105c8fec928d70c2759f1be1a4d529e6e8ab7283', class: \"kol-input-radio\" }, h(\"fieldset\", { key: '8c8de4b182bc3f8af99a48a6be75f4c4a9706219', class: {\n fieldset: true,\n disabled: this.state._disabled === true,\n error: hasError === true,\n required: this.state._required === true,\n 'hidden-error': this._hideError === true,\n [this.state._orientation]: true,\n } }, h(\"legend\", { key: '7fa4e85ad7fd3aa227afa429fa320ff7d36f2c53', class: \"block w-full mb-1 leading-normal\" }, h(\"span\", { key: '1901fb7d6875ef4e32b68362db6cc616b864e07e' }, h(\"span\", { key: '100b75116cb4250bbd55beeabd8f38f92cd0883e', slot: \"label\" }, hasExpertSlot ? h(\"slot\", { name: \"expert\" }) : this._label))), this.state._options.map((option, index) => {\n const customId = `${this.state._id}-${index}`;\n const slotName = `radio-${index}`;\n const selected = this.state._value === option.value;\n return (h(KolInputTag, { class: {\n radio: true,\n disabled: Boolean(this.state._disabled || option.disabled),\n }, key: customId, _disabled: this.state._disabled || option.disabled, _hideLabel: this.state._hideLabel, _hint: option.hint, _id: customId, _label: option.label, _renderNoLabel: true, _required: this.state._required, _slotName: slotName, _tooltipAlign: this._tooltipAlign, _touched: this.state._touched }, h(\"div\", { slot: slotName, class: \"radio-input-wrapper\" }, h(\"input\", Object.assign({ ref: this.state._value === option.value ? this.catchRef : undefined, title: \"\", \"aria-describedby\": ariaDescribedBy.length > 0 ? ariaDescribedBy.join(' ') : undefined, \"aria-label\": this.state._hideLabel && typeof option.label === 'string' ? option.label : undefined, type: \"radio\", id: customId, checked: selected, name: this.state._name || this.state._id, disabled: this.state._disabled || option.disabled, required: this.state._required, tabIndex: this.state._tabIndex, value: `-${index}` }, this.controller.onFacade, { onChange: this.onChange, onClick: undefined, onInput: this.onInput, onKeyDown: this.onKeyDown.bind(this), onFocus: (event) => {\n this.controller.onFacade.onFocus(event);\n this.inputHasFocus = true;\n }, onBlur: (event) => {\n this.controller.onFacade.onBlur(event);\n this.inputHasFocus = false;\n } })), h(\"label\", { class: \"radio-label\", htmlFor: `${customId}`, style: {\n height: this.state._hideLabel ? '0' : undefined,\n margin: this.state._hideLabel ? '0' : undefined,\n padding: this.state._hideLabel ? '0' : undefined,\n visibility: this.state._hideLabel ? 'hidden' : undefined,\n } }, h(\"span\", null, h(\"span\", { class: \"radio-label-span-inner\" }, option.label))))));\n }), hasError && h(FormFieldMsgFc, { key: '0bfa8c6033de1430597da5e426b9fd67749ce032', _alert: this.showAsAlert(), _hideError: this.state._hideError, _msg: this.state._msg, _id: this.state._id }), hasHint && h(\"span\", { key: 'fb8a506b217d3e8a00f393be9d6671b18d2a8a95', class: \"hint\" }, this.state._hint))));\n }\n constructor(hostRef) {\n registerInstance(this, hostRef);\n this.catchRef = (ref) => {\n this.inputRef = ref;\n };\n this.onInput = (event) => {\n var _a;\n if (event.target instanceof HTMLInputElement) {\n const option = this.controller.getOptionByKey(event.target.value);\n if (option !== undefined) {\n tryToDispatchKoliBriEvent('input', this.host, option.value);\n if (typeof ((_a = this.state._on) === null || _a === void 0 ? void 0 : _a.onInput) === 'function') {\n this.state._on.onInput(event, option.value);\n }\n }\n }\n };\n this.onChange = (event) => {\n var _a;\n if (event.target instanceof HTMLInputElement) {\n const option = this.controller.getOptionByKey(event.target.value);\n if (option !== undefined) {\n stopPropagation(event);\n tryToDispatchKoliBriEvent('change', this.host, option.value);\n this.controller.setFormAssociatedValue(option.value);\n if (typeof ((_a = this.state._on) === null || _a === void 0 ? void 0 : _a.onChange) === 'function') {\n this.state._on.onChange(event, option.value);\n }\n this.currentValue = option.value;\n }\n }\n };\n this.onKeyDown = (event) => {\n if (event.code === 'Enter' || event.code === 'NumpadEnter') {\n propagateSubmitEventToForm({\n form: this.host,\n ref: this.inputRef,\n });\n }\n };\n this._alert = undefined;\n this._disabled = false;\n this._error = undefined;\n this._hideError = false;\n this._hideLabel = false;\n this._hint = '';\n this._id = undefined;\n this._label = undefined;\n this._msg = undefined;\n this._name = undefined;\n this._on = undefined;\n this._options = undefined;\n this._orientation = 'vertical';\n this._required = false;\n this._syncValueBySelector = undefined;\n this._tabIndex = undefined;\n this._tooltipAlign = 'top';\n this._touched = false;\n this._value = undefined;\n this.state = {\n _hideError: false,\n _id: `id-${nonce()}`,\n _label: '',\n _options: [],\n _orientation: 'vertical',\n };\n this.inputHasFocus = false;\n this.controller = new InputRadioController(this, 'radio', this.host);\n }\n showAsAlert() {\n if (this.state._alert === undefined) {\n return Boolean(this.state._touched) && !this.inputHasFocus;\n }\n return this.state._alert;\n }\n validateTooltipAlign(value) {\n this.controller.validateTooltipAlign(value);\n }\n validateAlert(value) {\n this.controller.validateAlert(value);\n }\n validateDisabled(value) {\n this.controller.validateDisabled(value);\n }\n validateError(value) {\n this.controller.validateError(value);\n }\n validateHideLabel(value) {\n this.controller.validateHideLabel(value);\n }\n validateHideError(value) {\n this.controller.validateHideError(value);\n }\n validateHint(value) {\n this.controller.validateHint(value);\n }\n validateId(value) {\n this.controller.validateId(value);\n }\n validateLabel(value) {\n this.controller.validateLabel(value);\n }\n validateMsg(value) {\n this.controller.validateMsg(value);\n }\n validateName(value) {\n this.controller.validateName(value);\n }\n validateOn(value) {\n this.controller.validateOn(value);\n }\n validateOptions(value) {\n this.controller.validateOptions(value);\n }\n validateOrientation(value) {\n this.controller.validateOrientation(value);\n }\n validateRequired(value) {\n this.controller.validateRequired(value);\n }\n validateSyncValueBySelector(value) {\n this.controller.validateSyncValueBySelector(value);\n }\n validateTabIndex(value) {\n this.controller.validateTabIndex(value);\n }\n validateTouched(value) {\n this.controller.validateTouched(value);\n }\n validateValue(value) {\n this.controller.validateValue(value);\n }\n componentWillLoad() {\n this._touched = this._touched === true;\n this.currentValue = this._value;\n this.controller.componentWillLoad();\n }\n static get delegatesFocus() { return true; }\n get host() { return getElement(this); }\n static get watchers() { return {\n \"_tooltipAlign\": [\"validateTooltipAlign\"],\n \"_alert\": [\"validateAlert\"],\n \"_disabled\": [\"validateDisabled\"],\n \"_error\": [\"validateError\"],\n \"_hideLabel\": [\"validateHideLabel\"],\n \"_hideError\": [\"validateHideError\"],\n \"_hint\": [\"validateHint\"],\n \"_id\": [\"validateId\"],\n \"_label\": [\"validateLabel\"],\n \"_msg\": [\"validateMsg\"],\n \"_name\": [\"validateName\"],\n \"_on\": [\"validateOn\"],\n \"_options\": [\"validateOptions\"],\n \"_orientation\": [\"validateOrientation\"],\n \"_required\": [\"validateRequired\"],\n \"_syncValueBySelector\": [\"validateSyncValueBySelector\"],\n \"_tabIndex\": [\"validateTabIndex\"],\n \"_touched\": [\"validateTouched\"],\n \"_value\": [\"validateValue\"]\n }; }\n};\nKolInputRadio.style = {\n default: KolInputRadioDefaultStyle0\n};\n\nexport { KolInputRadio as kol_input_radio };\n\n//# sourceMappingURL=kol-input-radio.entry.js.map"],"names":["defaultStyleCss","KolInputRadioDefaultStyle0","KolInputRadio","_a","ariaDescribedBy","hasError","getRenderStates","hasExpertSlot","showExpertSlot","hasHint","h","Host","option","index","customId","slotName","selected","KolInputTag","event","FormFieldMsgFc","hostRef","registerInstance","ref","tryToDispatchKoliBriEvent","stopPropagation","propagateSubmitEventToForm","nonce","InputRadioController","value","getElement"],"mappings":"yyBAAA;AAAA;AAAA,GAwBA,MAAMA,EAAkB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;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"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"kol-input-range.entry-D4u4jv_0.js","sources":["../../../../components/dist/esm/kol-input-range.entry.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { h, F as Fragment, H as Host, r as registerInstance, g as getElement } from './index-6c6daeaa.js';\nimport { w as watchValidator, F as watchNumber, A as buildBadgeTextString, B as showExpertSlot } from './index-4fb06bbb.js';\nimport { l as KolInputTag } from './component-names-4cb1c62b.js';\nimport { n as nonce } from './dev.utils-e5207de9.js';\nimport { p as propagateSubmitEventToForm } from './controller-87dfc9ee.js';\nimport { g as getRenderStates } from './controller-4fa871d2.js';\nimport { I as InternalUnderlinedBadgeText } from './InternalUnderlinedBadgeText-fb9c25ad.js';\nimport { I as InputIconController } from './controller-icon-811adcf4.js';\nimport { v as validateSuggestions } from './suggestions-7e70d4e3.js';\nimport './events-29e84d75.js';\nimport './associated.controller-3dab1e00.js';\nimport './access-and-short-key-a34a0af0.js';\nimport './hide-label-2b46168f.js';\nimport './label-51d66c9d.js';\nimport './tooltip-align-de415afb.js';\nimport './align-bc8d98ac.js';\nimport './icons-d29928c3.js';\n\nclass InputRangeController extends InputIconController {\n constructor(component, name, host) {\n super(component, name, host);\n this.component = component;\n }\n validateAutoComplete(value) {\n watchValidator(this.component, '_autoComplete', (value) => typeof value === 'string' && (value === 'on' || value === 'off'), new Set(['on | off']), value);\n }\n validateMax(value) {\n watchNumber(this.component, '_max', value);\n }\n validateMin(value) {\n watchNumber(this.component, '_min', value);\n }\n validateStep(value) {\n watchNumber(this.component, '_step', value);\n }\n validateSuggestions(value) {\n validateSuggestions(this.component, value);\n }\n validateValue(value) {\n watchNumber(this.component, '_value', value);\n this.setFormAssociatedValue(this.component.state._value);\n }\n componentWillLoad() {\n super.componentWillLoad();\n this.validateAutoComplete(this.component._autoComplete);\n this.validateMax(this.component._max);\n this.validateMin(this.component._min);\n this.validateStep(this.component._step);\n this.validateSuggestions(this.component._suggestions);\n this.validateValue(this.component._value);\n }\n}\n\nconst defaultStyleCss = \"/*\\n * This file contains all rules for accessibility.\\n */\\n@layer kol-a11y {\\n :host {\\n /*\\n * Minimum size of interactive elements.\\n */\\n --a11y-min-size: calc(44rem / var(--kolibri-root-font-size, 16));\\n /*\\n * No element should be used without a background and font color whose contrast ratio has\\n * not been checked. By initially setting the background color to white and the font color\\n * to black, the contrast ratio is ensured and explicit adjustment is forced.\\n */\\n background-color: white;\\n color: black;\\n /*\\n * Verdana is an accessible font that can be used without requiring additional loading time.\\n */\\n font-family: Verdana;\\n /*\\n * Letter spacing is required for all texts.\\n */\\n letter-spacing: inherit;\\n /*\\n * Word spacing is required for all texts.\\n */\\n word-spacing: inherit;\\n }\\n * {\\n /*\\n * This rule enables the word dividing for all texts. That is important for high zoom levels.\\n */\\n hyphens: auto;\\n /*\\n * This rule enables the word dividing for all texts. That is important for high zoom levels.\\n */\\n word-break: break-word;\\n }\\n /*\\n * All interactive elements should have a minimum size of rem(44).\\n */\\n /* input:not([type='checkbox'], [type='radio'], [type='range']), */\\n /* option, */\\n /* select, */\\n /* textarea, */\\n [role=button],\\n button:not([role=link]),\\n .kol-input .input {\\n min-height: var(--a11y-min-size);\\n min-width: var(--a11y-min-size);\\n }\\n /*\\n * Some interactive elements should not inherit the font-family and font-size.\\n */\\n a,\\n button,\\n h1,\\n h2,\\n h3,\\n h4,\\n h5,\\n h6,\\n input,\\n option,\\n select,\\n textarea {\\n /*\\n * All elements should inherit the font family from his parent element.\\n */\\n font-family: inherit;\\n /*\\n * All elements should inherit the font size from his parent element.\\n */\\n font-size: inherit;\\n /*\\n * Letter spacing is required for all texts.\\n */\\n letter-spacing: inherit;\\n /*\\n * Word spacing is required for all texts.\\n */\\n word-spacing: inherit;\\n }\\n /**\\n * Sometimes we need the semantic element for accessibility reasons,\\n * but we don't want to show it.\\n *\\n * - https://www.a11yproject.com/posts/how-to-hide-content/\\n */\\n .visually-hidden {\\n clip: rect(0 0 0 0);\\n clip-path: inset(50%);\\n height: 1px;\\n overflow: hidden;\\n position: absolute;\\n white-space: nowrap;\\n width: 1px;\\n }\\n}\\n@layer kol-global {\\n /*\\n * Dieses CSS stellt sicher, dass der Standard-Style\\n * von A und Button resettet werden.\\n */\\n :is(a, button) {\\n background-color: transparent;\\n border: none;\\n margin: 0;\\n padding: 0;\\n width: 100%; /* 100% needed for custom width from outside */\\n }\\n /*\\n * Ensure elements with hidden attribute to be actually not visible\\n * @see https://meowni.ca/hidden.is.a.lie.html\\n */\\n [hidden] {\\n display: none !important;\\n }\\n}\\n@layer kol-global {\\n :host {\\n font-size: calc(16rem / var(--kolibri-root-font-size, 16));\\n /*\\n * The max-width is needed to prevent the table from overflowing the\\n * parent node, if the table is wider than the parent node.\\n */\\n max-width: 100%;\\n }\\n * {\\n /*\\n * We prefer to box-sizing: border-box for all elements.\\n */\\n box-sizing: border-box;\\n }\\n /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\\n .kol-span-wc {\\n display: grid;\\n place-items: center;\\n }\\n /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\\n .kol-span-wc > span {\\n display: flex;\\n place-items: center;\\n }\\n a,\\n button {\\n cursor: pointer;\\n }\\n /* This is the text label. */\\n .hide-label > .kol-span-wc > span > span {\\n display: none;\\n }\\n /* Reset browser agent style. */\\n button:disabled {\\n color: unset;\\n }\\n .disabled label,\\n .disabled:focus-within label,\\n [aria-disabled=true],\\n [aria-disabled=true]:focus,\\n [disabled],\\n [disabled]:focus {\\n cursor: not-allowed;\\n opacity: 0.5;\\n outline: none;\\n }\\n [aria-disabled=true]:focus .kol-span-wc,\\n [disabled]:focus .kol-span-wc {\\n outline: none !important;\\n }\\n .badge-text-hint {\\n background-color: lightgray;\\n color: black;\\n }\\n}\\n@layer kol-component {\\n :host {\\n display: block;\\n }\\n}\\n@layer kol-component {\\n .kol-tooltip-wc {\\n display: contents;\\n contain: layout;\\n }\\n .kol-tooltip-wc .tooltip-floating {\\n animation-duration: 0.25s;\\n animation-iteration-count: 1;\\n animation-name: fadeInOpacity;\\n animation-timing-function: ease-in;\\n display: none;\\n position: fixed;\\n visibility: hidden;\\n /* Avoid layout interference - see https://floating-ui.com/docs/computePosition */\\n top: 0;\\n left: 0;\\n max-width: 90vw;\\n max-height: 90vh;\\n /* Can be used to specify the tooltip-width from the outside. Unset by default. */\\n width: var(--kol-tooltip-width);\\n }\\n /* Shared between content and arrow */\\n .kol-tooltip-wc .tooltip-area {\\n background-color: #fff;\\n color: #000;\\n }\\n .kol-tooltip-wc .tooltip-arrow {\\n height: calc(10rem / var(--kolibri-root-font-size, 16));\\n position: absolute;\\n transform: rotate(45deg);\\n width: calc(10rem / var(--kolibri-root-font-size, 16));\\n z-index: 999;\\n }\\n .kol-tooltip-wc .tooltip-content {\\n position: relative;\\n z-index: 1000;\\n }\\n @keyframes fadeInOpacity {\\n 0% {\\n opacity: 0;\\n }\\n 100% {\\n opacity: 1;\\n }\\n }\\n}\\n@layer kol-component {\\n .required label > span::after,\\n .required legend > span::after {\\n content: \\\"*\\\";\\n }\\n}\\n@layer kol-component {\\n input,\\n textarea {\\n cursor: text;\\n }\\n input[type=checkbox],\\n input[type=color],\\n input[type=file],\\n input[type=radio],\\n input[type=range],\\n label,\\n option,\\n select {\\n cursor: pointer;\\n }\\n /* input[type='checkbox'], */\\n /* input[type='radio'], */\\n /* input[type='range'], */\\n input[type=color],\\n input[type=date],\\n input[type=datetime-local],\\n input[type=email],\\n input[type=file],\\n input[type=month],\\n input[type=number],\\n input[type=password],\\n input[type=search],\\n input[type=tel],\\n input[type=text],\\n input[type=time],\\n input[type=url],\\n input[type=week],\\n option,\\n select,\\n textarea {\\n background-color: transparent;\\n width: 100%;\\n }\\n /* needed hack for vertical alignment */\\n input[type=file] {\\n padding: calc((var(--a11y-min-size) - (16rem / var(--kolibri-root-font-size, 16))) / 10) 0.5em;\\n }\\n /* needed hack for vertical alignment */\\n select[multiple] option {\\n padding: calc((var(--a11y-min-size) - (16rem / var(--kolibri-root-font-size, 16))) / 2) 0.5em;\\n }\\n}\\n@layer kol-component {\\n .kol-alert-wc {\\n display: grid;\\n }\\n .kol-alert-wc .heading {\\n display: flex;\\n place-items: center;\\n overflow: hidden;\\n }\\n .kol-alert-wc .heading > div {\\n flex-grow: 1;\\n }\\n .close {\\n /* Visible with forced colors */\\n outline: transparent solid calc(1rem / var(--kolibri-root-font-size, 16));\\n }\\n}\\n@layer kol-component {\\n .kol-input {\\n display: grid;\\n }\\n .kol-input .input-slot {\\n flex-grow: 1;\\n overflow: hidden;\\n }\\n input:focus,\\n option:focus,\\n select:focus,\\n textarea:focus {\\n outline: 0;\\n }\\n .input {\\n align-items: center;\\n background-color: white;\\n cursor: pointer;\\n display: flex;\\n }\\n button:not([role=link]) {\\n min-height: auto;\\n }\\n .input > .kol-icon {\\n display: grid;\\n place-items: center;\\n }\\n .kol-input.required .input-tooltip .span-label::after {\\n content: \\\"*\\\";\\n }\\n}\\n@layer kol-component {\\n .inputs-wrapper {\\n align-items: center;\\n display: flex;\\n flex-direction: row;\\n }\\n input[type=number] {\\n border: none;\\n min-height: var(--a11y-min-size);\\n min-width: var(--a11y-min-size);\\n width: var(--kolibri-input-range--input-number--width);\\n }\\n /*\\n * For Chrome and Firefox is it needed to use redundant style definitions with separate selectors. The reason is unknown.\\n */\\n input[type=range] {\\n appearance: none;\\n background-color: #d3d3d3;\\n border: 1px solid #000;\\n display: inline-block;\\n flex-grow: 1;\\n height: calc(8rem / var(--kolibri-root-font-size, 16));\\n line-height: 1.5;\\n padding: 0;\\n margin: 0;\\n /* Design-Hack - related with flex-grow */\\n width: 0;\\n }\\n input[type=range]::-webkit-slider-thumb {\\n background-color: #000;\\n height: calc(20rem / var(--kolibri-root-font-size, 16));\\n width: calc(20rem / var(--kolibri-root-font-size, 16));\\n border-radius: 20px;\\n cursor: pointer;\\n -webkit-appearance: none;\\n }\\n input[type=range]::-moz-range-thumb {\\n background-color: #000;\\n height: calc(20rem / var(--kolibri-root-font-size, 16));\\n width: calc(20rem / var(--kolibri-root-font-size, 16));\\n border-radius: 20px;\\n cursor: pointer;\\n -moz-appearance: none;\\n }\\n}\\n/* Fix missing outline in Chromium-based browsers on Windows in high contrast mode. */\\n@media (prefers-contrast: more) {\\n ::-webkit-slider-thumb {\\n outline: 1px solid currentColor;\\n }\\n}\";\nconst KolInputRangeDefaultStyle0 = defaultStyleCss;\n\nconst KolInputRange = class {\n async focus() {\n await this.kolFocus();\n }\n async kolFocus() {\n var _a;\n (_a = this.refInputNumber) === null || _a === void 0 ? void 0 : _a.focus();\n }\n getSanitizedFloatValue(value) {\n const floatValue = parseFloat(value);\n if (this.state._max && floatValue > this.state._max) {\n return this.state._max;\n }\n if (this.state._min && floatValue < this.state._min) {\n return this.state._min;\n }\n return floatValue;\n }\n async getValue() {\n if (this.refInputNumber !== undefined) {\n const value = this.refInputNumber.value;\n return this.getSanitizedFloatValue(value);\n }\n }\n componentDidLoad() {\n var _a;\n if (!this._value && ((_a = this.refInputRange) === null || _a === void 0 ? void 0 : _a.value)) {\n this.validateValue(parseFloat(this.refInputRange.value));\n }\n }\n render() {\n var _a;\n const { ariaDescribedBy } = getRenderStates(this.state);\n const hasSuggestions = Array.isArray(this.state._suggestions) && this.state._suggestions.length > 0;\n const hasExpertSlot = showExpertSlot(this.state._label);\n return (h(Host, { key: '62ccd22a19975850d38e831cc0b65b1bd077e9c5', class: \"kol-input-range\" }, h(KolInputTag, { key: '3ff3230d8a70893dd578486e49cc42ddf5faee3b', class: {\n range: true,\n 'hide-label': !!this.state._hideLabel,\n }, _accessKey: this.state._accessKey, _alert: this.showAsAlert(), _disabled: this.state._disabled, _hideError: this.state._hideError, _hideLabel: this.state._hideLabel, _hint: this.state._hint, _icons: this.state._icons, _id: this.state._id, _label: this.state._label, _msg: this.state._msg, _shortKey: this.state._shortKey, _tooltipAlign: this._tooltipAlign, _touched: this.state._touched }, h(\"span\", { key: 'cd41dfc084692891745a9f0c202f75cd1b3e912b', slot: \"label\" }, hasExpertSlot ? (h(\"slot\", { name: \"expert\" })) : typeof this.state._accessKey === 'string' || typeof this.state._shortKey === 'string' ? (h(Fragment, null, h(InternalUnderlinedBadgeText, { badgeText: buildBadgeTextString(this.state._accessKey, this.state._shortKey), label: this.state._label }), ' ', h(\"kbd\", { class: \"badge-text-hint\", \"aria-hidden\": \"true\" }, buildBadgeTextString(this.state._accessKey, this.state._shortKey)))) : (h(\"span\", null, this.state._label))), h(\"div\", { key: '695327db346ca6d8f1e5bd47078af7b4f9a82d9b', slot: \"input\" }, h(\"div\", { key: '3dce913241e45e0794fc0b648cc346a7738f1070', class: \"inputs-wrapper\", style: {\n '--kolibri-input-range--input-number--width': `calc(${String((_a = this.state._max) !== null && _a !== void 0 ? _a : 100).length}ch + 2em)`,\n } }, h(\"input\", Object.assign({ key: '54220cec2b30d74f98c25cddd3fbb741822d871b', ref: this.catchInputRangeRef, title: \"\", accessKey: this.state._accessKey, \"aria-describedby\": ariaDescribedBy.length > 0 ? ariaDescribedBy.join(' ') : undefined, \"aria-label\": this.state._hideLabel && typeof this.state._label === 'string' ? this.state._label : undefined, \"aria-hidden\": \"true\", autoCapitalize: \"off\", autoComplete: this.state._autoComplete, autoCorrect: \"off\", disabled: this.state._disabled, list: hasSuggestions ? `${this.state._id}-list` : undefined, max: this.state._max, min: this.state._min, name: this.state._name ? `${this.state._name}-range` : undefined, step: this.state._step, tabIndex: -1, type: \"range\", value: this.state._value }, this.controller.onFacade, { onChange: this.onChange, onFocus: (event) => {\n this.controller.onFacade.onFocus(event);\n this.inputHasFocus = true;\n }, onBlur: (event) => {\n this.controller.onFacade.onBlur(event);\n this.inputHasFocus = false;\n } })), h(\"input\", Object.assign({ key: '8cc84273cc84e2c03d2c7445f746781679e51b2f', ref: this.catchInputNumberRef, title: \"\", accessKey: this.state._accessKey, \"aria-describedby\": ariaDescribedBy.length > 0 ? ariaDescribedBy.join(' ') : undefined, \"aria-label\": this.state._hideLabel && typeof this.state._label === 'string' ? this.state._label : undefined, autoCapitalize: \"off\", autoComplete: this.state._autoComplete, autoCorrect: \"off\", disabled: this.state._disabled, id: this.state._id, list: hasSuggestions ? `${this.state._id}-list` : undefined, max: this.state._max, min: this.state._min, name: this.state._name ? `${this.state._name}-number` : undefined, step: this.state._step, type: \"number\", value: this.state._value }, this.controller.onFacade, { onKeyDown: this.onKeyDown, onChange: this.onChange, onFocus: (event) => {\n this.controller.onFacade.onFocus(event);\n this.inputHasFocus = true;\n }, onBlur: (event) => {\n this.controller.onFacade.onBlur(event);\n this.inputHasFocus = false;\n } }))), hasSuggestions && [\n h(\"datalist\", { key: '544dad6fd2c3239b6af0a1ef8b4e0b7a8b376086', id: `${this.state._id}-list` }, this.state._suggestions.map((option) => (h(\"option\", { value: option })))),\n ]))));\n }\n constructor(hostRef) {\n registerInstance(this, hostRef);\n this.catchInputNumberRef = (element) => {\n var _a;\n if (element) {\n this.refInputNumber = element;\n if (!this._value && ((_a = this.refInputNumber) === null || _a === void 0 ? void 0 : _a.value)) {\n this.validateValue(parseFloat(this.refInputNumber.value));\n }\n }\n };\n this.catchInputRangeRef = (element) => {\n if (element) {\n this.refInputRange = element;\n }\n };\n this.onChange = (event) => {\n var _a, _b;\n const value = event.target.value;\n const floatValue = this.getSanitizedFloatValue(value);\n this.validateValue(floatValue);\n if (typeof ((_a = this.state._on) === null || _a === void 0 ? void 0 : _a.onChange) === 'function') {\n (_b = this.state._on) === null || _b === void 0 ? void 0 : _b.onChange(event, floatValue);\n }\n };\n this.onKeyDown = (event) => {\n if (event.code === 'Enter' || event.code === 'NumpadEnter') {\n propagateSubmitEventToForm({\n form: this.host,\n ref: this.refInputNumber,\n });\n }\n };\n this._accessKey = undefined;\n this._alert = undefined;\n this._autoComplete = undefined;\n this._disabled = false;\n this._error = undefined;\n this._hideError = false;\n this._hideLabel = false;\n this._hint = '';\n this._icons = undefined;\n this._id = undefined;\n this._label = undefined;\n this._max = 100;\n this._min = 0;\n this._msg = undefined;\n this._name = undefined;\n this._on = undefined;\n this._shortKey = undefined;\n this._step = undefined;\n this._suggestions = undefined;\n this._syncValueBySelector = undefined;\n this._tabIndex = undefined;\n this._tooltipAlign = 'top';\n this._touched = false;\n this._value = undefined;\n this.state = {\n _autoComplete: 'off',\n _hideError: false,\n _id: `id-${nonce()}`,\n _label: '',\n _suggestions: [],\n };\n this.inputHasFocus = false;\n this.controller = new InputRangeController(this, 'range', this.host);\n }\n showAsAlert() {\n if (this.state._alert === undefined) {\n return Boolean(this.state._touched) && !this.inputHasFocus;\n }\n return this.state._alert;\n }\n validateAccessKey(value) {\n this.controller.validateAccessKey(value);\n }\n validateAlert(value) {\n this.controller.validateAlert(value);\n }\n validateAutoComplete(value) {\n this.controller.validateAutoComplete(value);\n }\n validateDisabled(value) {\n this.controller.validateDisabled(value);\n }\n validateError(value) {\n this.controller.validateError(value);\n }\n validateHideError(value) {\n this.controller.validateHideError(value);\n }\n validateHideLabel(value) {\n this.controller.validateHideLabel(value);\n }\n validateHint(value) {\n this.controller.validateHint(value);\n }\n validateIcons(value) {\n this.controller.validateIcons(value);\n }\n validateId(value) {\n this.controller.validateId(value);\n }\n validateLabel(value) {\n this.controller.validateLabel(value);\n }\n validateMax(value) {\n this.controller.validateMax(value);\n }\n validateMin(value) {\n this.controller.validateMin(value);\n }\n validateMsg(value) {\n this.controller.validateMsg(value);\n }\n validateName(value) {\n this.controller.validateName(value);\n }\n validateOn(value) {\n this.controller.validateOn(value);\n }\n validateShortKey(value) {\n this.controller.validateShortKey(value);\n }\n validateStep(value) {\n this.controller.validateStep(value);\n }\n validateSuggestions(value) {\n this.controller.validateSuggestions(value);\n }\n validateSyncValueBySelector(value) {\n this.controller.validateSyncValueBySelector(value);\n }\n validateTabIndex(value) {\n this.controller.validateTabIndex(value);\n }\n validateTouched(value) {\n this.controller.validateTouched(value);\n }\n validateValue(value) {\n this.controller.validateValue(value);\n }\n componentWillLoad() {\n this._touched = this._touched === true;\n this.controller.componentWillLoad();\n }\n static get delegatesFocus() { return true; }\n get host() { return getElement(this); }\n static get watchers() { return {\n \"_accessKey\": [\"validateAccessKey\"],\n \"_alert\": [\"validateAlert\"],\n \"_autoComplete\": [\"validateAutoComplete\"],\n \"_disabled\": [\"validateDisabled\"],\n \"_error\": [\"validateError\"],\n \"_hideError\": [\"validateHideError\"],\n \"_hideLabel\": [\"validateHideLabel\"],\n \"_hint\": [\"validateHint\"],\n \"_icons\": [\"validateIcons\"],\n \"_id\": [\"validateId\"],\n \"_label\": [\"validateLabel\"],\n \"_max\": [\"validateMax\"],\n \"_min\": [\"validateMin\"],\n \"_msg\": [\"validateMsg\"],\n \"_name\": [\"validateName\"],\n \"_on\": [\"validateOn\"],\n \"_shortKey\": [\"validateShortKey\"],\n \"_step\": [\"validateStep\"],\n \"_suggestions\": [\"validateSuggestions\"],\n \"_syncValueBySelector\": [\"validateSyncValueBySelector\"],\n \"_tabIndex\": [\"validateTabIndex\"],\n \"_touched\": [\"validateTouched\"],\n \"_value\": [\"validateValue\"]\n }; }\n};\nKolInputRange.style = {\n default: KolInputRangeDefaultStyle0\n};\n\nexport { KolInputRange as kol_input_range };\n\n//# sourceMappingURL=kol-input-range.entry.js.map"],"names":["InputRangeController","InputIconController","component","name","host","value","watchValidator","watchNumber","validateSuggestions","defaultStyleCss","KolInputRangeDefaultStyle0","KolInputRange","_a","floatValue","ariaDescribedBy","getRenderStates","hasSuggestions","hasExpertSlot","showExpertSlot","h","Host","KolInputTag","Fragment","InternalUnderlinedBadgeText","buildBadgeTextString","event","option","hostRef","registerInstance","element","_b","propagateSubmitEventToForm","nonce","getElement"],"mappings":"ixBAAA;AAAA;AAAA,GAqBA,MAAMA,UAA6BC,CAAoB,CACnD,YAAYC,EAAWC,EAAMC,EAAM,CAC/B,MAAMF,EAAWC,EAAMC,CAAI,EAC3B,KAAK,UAAYF,CACzB,CACI,qBAAqBG,EAAO,CACxBC,EAAe,KAAK,UAAW,gBAAkBD,GAAU,OAAOA,GAAU,WAAaA,IAAU,MAAQA,IAAU,OAAQ,IAAI,IAAI,CAAC,UAAU,CAAC,EAAGA,CAAK,CACjK,CACI,YAAYA,EAAO,CACfE,EAAY,KAAK,UAAW,OAAQF,CAAK,CACjD,CACI,YAAYA,EAAO,CACfE,EAAY,KAAK,UAAW,OAAQF,CAAK,CACjD,CACI,aAAaA,EAAO,CAChBE,EAAY,KAAK,UAAW,QAASF,CAAK,CAClD,CACI,oBAAoBA,EAAO,CACvBG,EAAoB,KAAK,UAAWH,CAAK,CACjD,CACI,cAAcA,EAAO,CACjBE,EAAY,KAAK,UAAW,SAAUF,CAAK,EAC3C,KAAK,uBAAuB,KAAK,UAAU,MAAM,MAAM,CAC/D,CACI,mBAAoB,CAChB,MAAM,kBAAmB,EACzB,KAAK,qBAAqB,KAAK,UAAU,aAAa,EACtD,KAAK,YAAY,KAAK,UAAU,IAAI,EACpC,KAAK,YAAY,KAAK,UAAU,IAAI,EACpC,KAAK,aAAa,KAAK,UAAU,KAAK,EACtC,KAAK,oBAAoB,KAAK,UAAU,YAAY,EACpD,KAAK,cAAc,KAAK,UAAU,MAAM,CAChD,CACA,CAEA,MAAMI,EAAkB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA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"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"kol-input-text.entry-CNwadgxR.js","sources":["../../../../components/dist/esm/kol-input-text.entry.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { h, F as Fragment, H as Host, r as registerInstance, g as getElement } from './index-6c6daeaa.js';\nimport { j as watchBoolean, A as buildBadgeTextString, m as setState, B as showExpertSlot } from './index-4fb06bbb.js';\nimport { l as KolInputTag } from './component-names-4cb1c62b.js';\nimport { n as nonce } from './dev.utils-e5207de9.js';\nimport { p as propagateSubmitEventToForm } from './controller-87dfc9ee.js';\nimport { g as getRenderStates } from './controller-4fa871d2.js';\nimport { I as InternalUnderlinedBadgeText } from './InternalUnderlinedBadgeText-fb9c25ad.js';\nimport { a as InputTextController } from './controller-cfa11279.js';\nimport './events-29e84d75.js';\nimport './associated.controller-3dab1e00.js';\nimport './access-and-short-key-a34a0af0.js';\nimport './hide-label-2b46168f.js';\nimport './label-51d66c9d.js';\nimport './tooltip-align-de415afb.js';\nimport './align-bc8d98ac.js';\nimport './controller-8ace9659.js';\nimport './controller-icon-811adcf4.js';\nimport './icons-d29928c3.js';\nimport './debounce-112fa67e.js';\nimport './spell-check-5b365d45.js';\nimport './suggestions-7e70d4e3.js';\n\nconst validateAlert = (component, value) => {\n watchBoolean(component, '_alert', value);\n};\n\nconst defaultStyleCss = \"/*\\n * This file contains all rules for accessibility.\\n */\\n@layer kol-a11y {\\n :host {\\n /*\\n * Minimum size of interactive elements.\\n */\\n --a11y-min-size: calc(44rem / var(--kolibri-root-font-size, 16));\\n /*\\n * No element should be used without a background and font color whose contrast ratio has\\n * not been checked. By initially setting the background color to white and the font color\\n * to black, the contrast ratio is ensured and explicit adjustment is forced.\\n */\\n background-color: white;\\n color: black;\\n /*\\n * Verdana is an accessible font that can be used without requiring additional loading time.\\n */\\n font-family: Verdana;\\n /*\\n * Letter spacing is required for all texts.\\n */\\n letter-spacing: inherit;\\n /*\\n * Word spacing is required for all texts.\\n */\\n word-spacing: inherit;\\n }\\n * {\\n /*\\n * This rule enables the word dividing for all texts. That is important for high zoom levels.\\n */\\n hyphens: auto;\\n /*\\n * This rule enables the word dividing for all texts. That is important for high zoom levels.\\n */\\n word-break: break-word;\\n }\\n /*\\n * All interactive elements should have a minimum size of rem(44).\\n */\\n /* input:not([type='checkbox'], [type='radio'], [type='range']), */\\n /* option, */\\n /* select, */\\n /* textarea, */\\n [role=button],\\n button:not([role=link]),\\n .kol-input .input {\\n min-height: var(--a11y-min-size);\\n min-width: var(--a11y-min-size);\\n }\\n /*\\n * Some interactive elements should not inherit the font-family and font-size.\\n */\\n a,\\n button,\\n h1,\\n h2,\\n h3,\\n h4,\\n h5,\\n h6,\\n input,\\n option,\\n select,\\n textarea {\\n /*\\n * All elements should inherit the font family from his parent element.\\n */\\n font-family: inherit;\\n /*\\n * All elements should inherit the font size from his parent element.\\n */\\n font-size: inherit;\\n /*\\n * Letter spacing is required for all texts.\\n */\\n letter-spacing: inherit;\\n /*\\n * Word spacing is required for all texts.\\n */\\n word-spacing: inherit;\\n }\\n /**\\n * Sometimes we need the semantic element for accessibility reasons,\\n * but we don't want to show it.\\n *\\n * - https://www.a11yproject.com/posts/how-to-hide-content/\\n */\\n .visually-hidden {\\n clip: rect(0 0 0 0);\\n clip-path: inset(50%);\\n height: 1px;\\n overflow: hidden;\\n position: absolute;\\n white-space: nowrap;\\n width: 1px;\\n }\\n}\\n@layer kol-global {\\n /*\\n * Dieses CSS stellt sicher, dass der Standard-Style\\n * von A und Button resettet werden.\\n */\\n :is(a, button) {\\n background-color: transparent;\\n border: none;\\n margin: 0;\\n padding: 0;\\n width: 100%; /* 100% needed for custom width from outside */\\n }\\n /*\\n * Ensure elements with hidden attribute to be actually not visible\\n * @see https://meowni.ca/hidden.is.a.lie.html\\n */\\n [hidden] {\\n display: none !important;\\n }\\n}\\n@layer kol-global {\\n :host {\\n font-size: calc(16rem / var(--kolibri-root-font-size, 16));\\n /*\\n * The max-width is needed to prevent the table from overflowing the\\n * parent node, if the table is wider than the parent node.\\n */\\n max-width: 100%;\\n }\\n * {\\n /*\\n * We prefer to box-sizing: border-box for all elements.\\n */\\n box-sizing: border-box;\\n }\\n /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\\n .kol-span-wc {\\n display: grid;\\n place-items: center;\\n }\\n /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\\n .kol-span-wc > span {\\n display: flex;\\n place-items: center;\\n }\\n a,\\n button {\\n cursor: pointer;\\n }\\n /* This is the text label. */\\n .hide-label > .kol-span-wc > span > span {\\n display: none;\\n }\\n /* Reset browser agent style. */\\n button:disabled {\\n color: unset;\\n }\\n .disabled label,\\n .disabled:focus-within label,\\n [aria-disabled=true],\\n [aria-disabled=true]:focus,\\n [disabled],\\n [disabled]:focus {\\n cursor: not-allowed;\\n opacity: 0.5;\\n outline: none;\\n }\\n [aria-disabled=true]:focus .kol-span-wc,\\n [disabled]:focus .kol-span-wc {\\n outline: none !important;\\n }\\n .badge-text-hint {\\n background-color: lightgray;\\n color: black;\\n }\\n}\\n@layer kol-component {\\n :host {\\n display: block;\\n }\\n}\\n@layer kol-component {\\n .kol-tooltip-wc {\\n display: contents;\\n contain: layout;\\n }\\n .kol-tooltip-wc .tooltip-floating {\\n animation-duration: 0.25s;\\n animation-iteration-count: 1;\\n animation-name: fadeInOpacity;\\n animation-timing-function: ease-in;\\n display: none;\\n position: fixed;\\n visibility: hidden;\\n /* Avoid layout interference - see https://floating-ui.com/docs/computePosition */\\n top: 0;\\n left: 0;\\n max-width: 90vw;\\n max-height: 90vh;\\n /* Can be used to specify the tooltip-width from the outside. Unset by default. */\\n width: var(--kol-tooltip-width);\\n }\\n /* Shared between content and arrow */\\n .kol-tooltip-wc .tooltip-area {\\n background-color: #fff;\\n color: #000;\\n }\\n .kol-tooltip-wc .tooltip-arrow {\\n height: calc(10rem / var(--kolibri-root-font-size, 16));\\n position: absolute;\\n transform: rotate(45deg);\\n width: calc(10rem / var(--kolibri-root-font-size, 16));\\n z-index: 999;\\n }\\n .kol-tooltip-wc .tooltip-content {\\n position: relative;\\n z-index: 1000;\\n }\\n @keyframes fadeInOpacity {\\n 0% {\\n opacity: 0;\\n }\\n 100% {\\n opacity: 1;\\n }\\n }\\n}\\n@layer kol-component {\\n .required label > span::after,\\n .required legend > span::after {\\n content: \\\"*\\\";\\n }\\n}\\n@layer kol-component {\\n input,\\n textarea {\\n cursor: text;\\n }\\n input[type=checkbox],\\n input[type=color],\\n input[type=file],\\n input[type=radio],\\n input[type=range],\\n label,\\n option,\\n select {\\n cursor: pointer;\\n }\\n /* input[type='checkbox'], */\\n /* input[type='radio'], */\\n /* input[type='range'], */\\n input[type=color],\\n input[type=date],\\n input[type=datetime-local],\\n input[type=email],\\n input[type=file],\\n input[type=month],\\n input[type=number],\\n input[type=password],\\n input[type=search],\\n input[type=tel],\\n input[type=text],\\n input[type=time],\\n input[type=url],\\n input[type=week],\\n option,\\n select,\\n textarea {\\n background-color: transparent;\\n width: 100%;\\n }\\n /* needed hack for vertical alignment */\\n input[type=file] {\\n padding: calc((var(--a11y-min-size) - (16rem / var(--kolibri-root-font-size, 16))) / 10) 0.5em;\\n }\\n /* needed hack for vertical alignment */\\n select[multiple] option {\\n padding: calc((var(--a11y-min-size) - (16rem / var(--kolibri-root-font-size, 16))) / 2) 0.5em;\\n }\\n}\\n@layer kol-component {\\n .kol-alert-wc {\\n display: grid;\\n }\\n .kol-alert-wc .heading {\\n display: flex;\\n place-items: center;\\n overflow: hidden;\\n }\\n .kol-alert-wc .heading > div {\\n flex-grow: 1;\\n }\\n .close {\\n /* Visible with forced colors */\\n outline: transparent solid calc(1rem / var(--kolibri-root-font-size, 16));\\n }\\n}\\n@layer kol-component {\\n .kol-input {\\n display: grid;\\n }\\n .kol-input .input-slot {\\n flex-grow: 1;\\n overflow: hidden;\\n }\\n input:focus,\\n option:focus,\\n select:focus,\\n textarea:focus {\\n outline: 0;\\n }\\n .input {\\n align-items: center;\\n background-color: white;\\n cursor: pointer;\\n display: flex;\\n }\\n button:not([role=link]) {\\n min-height: auto;\\n }\\n .input > .kol-icon {\\n display: grid;\\n place-items: center;\\n }\\n .kol-input.required .input-tooltip .span-label::after {\\n content: \\\"*\\\";\\n }\\n}\";\nconst KolInputTextDefaultStyle0 = defaultStyleCss;\n\nconst KolInputText = class {\n async getValue() {\n var _a;\n return (_a = this.inputRef) === null || _a === void 0 ? void 0 : _a.value;\n }\n async focus() {\n await this.kolFocus();\n }\n async kolFocus() {\n var _a;\n (_a = this.inputRef) === null || _a === void 0 ? void 0 : _a.focus();\n }\n render() {\n const { ariaDescribedBy } = getRenderStates(this.state);\n const hasSuggestions = Array.isArray(this.state._suggestions) && this.state._suggestions.length > 0;\n const hasExpertSlot = showExpertSlot(this.state._label);\n return (h(Host, { key: 'daf56fd230207e88659a8a685b9c6fd3dabb58f6', class: {\n 'has-value': this.state._hasValue,\n 'kol-input-text': true,\n } }, h(KolInputTag, { key: '2a057daf50cdc652fa2143c58c2aee15b7b2add3', class: {\n [this.state._type]: true,\n 'hide-label': !!this.state._hideLabel,\n }, _accessKey: this.state._accessKey, _alert: this.showAsAlert(), _currentLength: this.state._currentLength, _currentLengthDebounced: this.state._currentLengthDebounced, _disabled: this.state._disabled, _hasCounter: this.state._hasCounter, _hideError: this.state._hideError, _hideLabel: this.state._hideLabel, _hint: this.state._hint, _icons: this.state._icons, _id: this.state._id, _label: this.state._label, _maxLength: this.state._maxLength, _msg: this.state._msg, _readOnly: this.state._readOnly, _required: this.state._required, _shortKey: this.state._shortKey, _smartButton: this.state._smartButton, _suggestions: this.state._suggestions, _tooltipAlign: this._tooltipAlign, _touched: this.state._touched, onClick: () => { var _a; return (_a = this.inputRef) === null || _a === void 0 ? void 0 : _a.focus(); }, role: `presentation` }, h(\"span\", { key: '24d3e814f9d9e8b07ab9eb41a1364826794c935b', slot: \"label\" }, hasExpertSlot ? (h(\"slot\", { name: \"expert\" })) : typeof this.state._accessKey === 'string' || typeof this.state._shortKey === 'string' ? (h(Fragment, null, h(InternalUnderlinedBadgeText, { badgeText: buildBadgeTextString(this.state._accessKey, this.state._shortKey), label: this.state._label }), ' ', h(\"kbd\", { class: \"badge-text-hint\", \"aria-hidden\": \"true\" }, buildBadgeTextString(this.state._accessKey, this.state._shortKey)))) : (h(\"span\", null, this.state._label))), h(\"div\", { key: 'dcc4e5ce614203a3a2540b4b17012d428faa55f4', slot: \"input\" }, h(\"input\", Object.assign({ key: '5ae722b791d73169be5aa00f3eacf29a8fe52d03', ref: this.catchRef, title: \"\", accessKey: this.state._accessKey, \"aria-describedby\": ariaDescribedBy.length > 0 ? ariaDescribedBy.join(' ') : undefined, \"aria-label\": this.state._hideLabel && typeof this.state._label === 'string' ? this.state._label : undefined, autoCapitalize: \"off\", autoComplete: this.state._autoComplete, autoCorrect: \"off\", disabled: this.state._disabled, id: this.state._id, list: hasSuggestions ? `${this.state._id}-list` : undefined, maxlength: this.state._maxLength, name: this.state._name, pattern: this.state._pattern, placeholder: this.state._placeholder, readOnly: this.state._readOnly, required: this.state._required, spellcheck: this.state._spellCheck, type: this.state._type, value: this.state._value }, this.controller.onFacade, { onChange: this.onChange, onInput: this.onInput, onKeyDown: this.onKeyDown, onFocus: (event) => {\n this.controller.onFacade.onFocus(event);\n this.inputHasFocus = true;\n }, onBlur: (event) => {\n this.controller.onFacade.onBlur(event);\n this.inputHasFocus = false;\n } }))))));\n }\n constructor(hostRef) {\n registerInstance(this, hostRef);\n this.catchRef = (ref) => {\n this.inputRef = ref;\n };\n this.onChange = (event) => {\n var _a, _b;\n if (this.oldValue !== ((_a = this.inputRef) === null || _a === void 0 ? void 0 : _a.value)) {\n this.oldValue = (_b = this.inputRef) === null || _b === void 0 ? void 0 : _b.value;\n this.controller.onFacade.onChange(event);\n }\n };\n this.onInput = (event) => {\n setState(this, '_currentLength', event.target.value.length);\n this.controller.updateCurrentLengthDebounced(event.target.value.length);\n this.controller.onFacade.onInput(event);\n };\n this.onKeyDown = (event) => {\n if (event.code === 'Enter' || event.code === 'NumpadEnter') {\n propagateSubmitEventToForm({\n form: this.host,\n ref: this.inputRef,\n });\n }\n };\n this._accessKey = undefined;\n this._alert = undefined;\n this._autoComplete = undefined;\n this._disabled = false;\n this._error = undefined;\n this._hasCounter = false;\n this._hideError = false;\n this._hideLabel = false;\n this._hint = '';\n this._icons = undefined;\n this._id = undefined;\n this._label = undefined;\n this._maxLength = undefined;\n this._msg = undefined;\n this._name = undefined;\n this._on = undefined;\n this._pattern = undefined;\n this._placeholder = undefined;\n this._readOnly = false;\n this._required = false;\n this._shortKey = undefined;\n this._spellCheck = undefined;\n this._suggestions = undefined;\n this._smartButton = undefined;\n this._syncValueBySelector = undefined;\n this._tabIndex = undefined;\n this._tooltipAlign = 'top';\n this._touched = false;\n this._type = 'text';\n this._value = undefined;\n this.state = {\n _autoComplete: 'off',\n _currentLength: 0,\n _currentLengthDebounced: 0,\n _hasValue: false,\n _hideError: false,\n _id: `id-${nonce()}`,\n _label: '',\n _suggestions: [],\n _type: 'text',\n };\n this.inputHasFocus = false;\n this.controller = new InputTextController(this, 'text', this.host);\n }\n showAsAlert() {\n if (this.state._alert === undefined) {\n return Boolean(this.state._touched) && !this.inputHasFocus;\n }\n return this.state._alert;\n }\n validateAccessKey(value) {\n this.controller.validateAccessKey(value);\n }\n validateAlert(value) {\n validateAlert(this, value);\n }\n validateAutoComplete(value) {\n this.controller.validateAutoComplete(value);\n }\n validateDisabled(value) {\n this.controller.validateDisabled(value);\n }\n validateError(value) {\n this.controller.validateError(value);\n }\n validateHasCounter(value) {\n this.controller.validateHasCounter(value);\n }\n validateHideError(value) {\n this.controller.validateHideError(value);\n }\n validateHideLabel(value) {\n this.controller.validateHideLabel(value);\n }\n validateHint(value) {\n this.controller.validateHint(value);\n }\n validateIcons(value) {\n this.controller.validateIcons(value);\n }\n validateId(value) {\n this.controller.validateId(value);\n }\n validateLabel(value) {\n this.controller.validateLabel(value);\n }\n validateMaxLength(value) {\n this.controller.validateMaxLength(value);\n }\n validateMsg(value) {\n this.controller.validateMsg(value);\n }\n validateName(value) {\n this.controller.validateName(value);\n }\n validateOn(value) {\n this.controller.validateOn(value);\n }\n validatePattern(value) {\n this.controller.validatePattern(value);\n }\n validatePlaceholder(value) {\n this.controller.validatePlaceholder(value);\n }\n validateReadOnly(value) {\n this.controller.validateReadOnly(value);\n }\n validateRequired(value) {\n this.controller.validateRequired(value);\n }\n validateShortKey(value) {\n this.controller.validateShortKey(value);\n }\n validateSpellCheck(value) {\n this.controller.validateSpellCheck(value);\n }\n validateSuggestions(value) {\n this.controller.validateSuggestions(value);\n }\n validateSmartButton(value) {\n this.controller.validateSmartButton(value);\n }\n validateSyncValueBySelector(value) {\n this.controller.validateSyncValueBySelector(value);\n }\n validateTabIndex(value) {\n this.controller.validateTabIndex(value);\n }\n validateTouched(value) {\n this.controller.validateTouched(value);\n }\n validateType(value) {\n this.controller.validateType(value);\n }\n validateValue(value) {\n this.controller.validateValue(value);\n this.oldValue = value;\n }\n componentWillLoad() {\n this._touched = this._touched === true;\n this.oldValue = this._value;\n this.controller.componentWillLoad();\n this.state._hasValue = !!this.state._value;\n this.controller.addValueChangeListener((v) => (this.state._hasValue = !!v));\n }\n static get delegatesFocus() { return true; }\n get host() { return getElement(this); }\n static get watchers() { return {\n \"_accessKey\": [\"validateAccessKey\"],\n \"_alert\": [\"validateAlert\"],\n \"_autoComplete\": [\"validateAutoComplete\"],\n \"_disabled\": [\"validateDisabled\"],\n \"_error\": [\"validateError\"],\n \"_hasCounter\": [\"validateHasCounter\"],\n \"_hideError\": [\"validateHideError\"],\n \"_hideLabel\": [\"validateHideLabel\"],\n \"_hint\": [\"validateHint\"],\n \"_icons\": [\"validateIcons\"],\n \"_id\": [\"validateId\"],\n \"_label\": [\"validateLabel\"],\n \"_maxLength\": [\"validateMaxLength\"],\n \"_msg\": [\"validateMsg\"],\n \"_name\": [\"validateName\"],\n \"_on\": [\"validateOn\"],\n \"_pattern\": [\"validatePattern\"],\n \"_placeholder\": [\"validatePlaceholder\"],\n \"_readOnly\": [\"validateReadOnly\"],\n \"_required\": [\"validateRequired\"],\n \"_shortKey\": [\"validateShortKey\"],\n \"_spellCheck\": [\"validateSpellCheck\"],\n \"_suggestions\": [\"validateSuggestions\"],\n \"_smartButton\": [\"validateSmartButton\"],\n \"_syncValueBySelector\": [\"validateSyncValueBySelector\"],\n \"_tabIndex\": [\"validateTabIndex\"],\n \"_touched\": [\"validateTouched\"],\n \"_type\": [\"validateType\"],\n \"_value\": [\"validateValue\"]\n }; }\n};\nKolInputText.style = {\n default: KolInputTextDefaultStyle0\n};\n\nexport { KolInputText as kol_input_text };\n\n//# sourceMappingURL=kol-input-text.entry.js.map"],"names":["validateAlert","component","value","watchBoolean","defaultStyleCss","KolInputTextDefaultStyle0","KolInputText","_a","ariaDescribedBy","getRenderStates","hasSuggestions","hasExpertSlot","showExpertSlot","h","Host","KolInputTag","Fragment","InternalUnderlinedBadgeText","buildBadgeTextString","event","hostRef","registerInstance","ref","_b","setState","propagateSubmitEventToForm","nonce","InputTextController","v","getElement"],"mappings":"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"}
|