@public-ui/sample-react 4.0.0-beta.0 → 4.0.0-beta.1
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-D0UNMrPW-D_sCbyYP.js → Alert-DE6PjZZh-Do_J509L.js} +2 -2
- package/dist/assets/{Alert-D0UNMrPW-D_sCbyYP.js.map → Alert-DE6PjZZh-Do_J509L.js.map} +1 -1
- package/dist/assets/{Collapsible-Bt0S3VLo-7Bp48ceu.js → Collapsible-CiG-SBxx-Dvs3W6Sp.js} +2 -2
- package/dist/assets/{Collapsible-Bt0S3VLo-7Bp48ceu.js.map → Collapsible-CiG-SBxx-Dvs3W6Sp.js.map} +1 -1
- package/dist/assets/{CustomSuggestionsOptionsGroup-BJhOatoP-DvwgDvjE.js → CustomSuggestionsOptionsGroup-CEwvneq2--iK_bmE_.js} +2 -2
- package/dist/assets/{CustomSuggestionsOptionsGroup-BJhOatoP-DvwgDvjE.js.map → CustomSuggestionsOptionsGroup-CEwvneq2--iK_bmE_.js.map} +1 -1
- package/dist/assets/{FieldControlStateWrapper-B9qAXEoh-D-AZB0w7.js → FieldControlStateWrapper-Dpe60C5E-B8kgrPHL.js} +2 -2
- package/dist/assets/{FieldControlStateWrapper-B9qAXEoh-D-AZB0w7.js.map → FieldControlStateWrapper-Dpe60C5E-B8kgrPHL.js.map} +1 -1
- package/dist/assets/{FormFieldStateWrapper-GaiPo3FK-CR-9A0Pd.js → FormFieldStateWrapper-l-rR4TUt-Ci4HHQld.js} +2 -2
- package/dist/assets/{FormFieldStateWrapper-GaiPo3FK-CR-9A0Pd.js.map → FormFieldStateWrapper-l-rR4TUt-Ci4HHQld.js.map} +1 -1
- package/dist/assets/{Heading-s9wCZGKs-D9xkf8fP.js → Heading-CHhFhzd--0lmwzPlU.js} +2 -2
- package/dist/assets/{Heading-s9wCZGKs-D9xkf8fP.js.map → Heading-CHhFhzd--0lmwzPlU.js.map} +1 -1
- package/dist/assets/{Icon-BCK5_-Dl-BstsuFD-.js → Icon-D2_cARs6-9vCGQQvu.js} +2 -2
- package/dist/assets/{Icon-BCK5_-Dl-BstsuFD-.js.map → Icon-D2_cARs6-9vCGQQvu.js.map} +1 -1
- package/dist/assets/{Input-Roq5cRZH-BN7xr9QP.js → Input-CXD5asyc-CRYM6LQE.js} +2 -2
- package/dist/assets/{Input-Roq5cRZH-BN7xr9QP.js.map → Input-CXD5asyc-CRYM6LQE.js.map} +1 -1
- package/dist/assets/{InputStateWrapper-iBc4zsva-CSeWxZeI.js → InputStateWrapper-DCe8K4CP-DKqJAB5v.js} +2 -2
- package/dist/assets/{InputStateWrapper-iBc4zsva-CSeWxZeI.js.map → InputStateWrapper-DCe8K4CP-DKqJAB5v.js.map} +1 -1
- package/dist/assets/{InternalUnderlinedBadgeText-D96tegi8-CVOLKJgq.js → InternalUnderlinedBadgeText-BFxFxw0s-CwsUju7j.js} +2 -2
- package/dist/assets/{InternalUnderlinedBadgeText-D96tegi8-CVOLKJgq.js.map → InternalUnderlinedBadgeText-BFxFxw0s-CwsUju7j.js.map} +1 -1
- package/dist/assets/{Span-x9qr0ZW4-D2LazUFv.js → Span-ChmKrUVL-BWx9qH1S.js} +2 -2
- package/dist/assets/{Span-x9qr0ZW4-D2LazUFv.js.map → Span-ChmKrUVL-BWx9qH1S.js.map} +1 -1
- package/dist/assets/{access-and-short-key-Dy2a7Py3-C8K1ElNm.js → access-and-short-key-BlB0ZAri-Ag8E2rt0.js} +2 -2
- package/dist/assets/{access-and-short-key-Dy2a7Py3-C8K1ElNm.js.map → access-and-short-key-BlB0ZAri-Ag8E2rt0.js.map} +1 -1
- package/dist/assets/{align-Bcqvz5vw-BEayLFXk.js → align-C_bkzA-y-kZp3mDAr.js} +2 -2
- package/dist/assets/{align-Bcqvz5vw-BEayLFXk.js.map → align-C_bkzA-y-kZp3mDAr.js.map} +1 -1
- package/dist/assets/{align-floating-elements-DUQRrio7-q62Ihs6C.js → align-floating-elements-BmMJhjF1-Br7a_OEo.js} +2 -2
- package/dist/assets/{align-floating-elements-DUQRrio7-q62Ihs6C.js.map → align-floating-elements-BmMJhjF1-Br7a_OEo.js.map} +1 -1
- package/dist/assets/{associated.controller-BStrZiDY-BiJ_u6uA.js → associated.controller-ByKVIoVY-BBlWSS9E.js} +2 -2
- package/dist/assets/{associated.controller-BStrZiDY-BiJ_u6uA.js.map → associated.controller-ByKVIoVY-BBlWSS9E.js.map} +1 -1
- package/dist/assets/{auto-complete-h9OoHuC5-DwvEQ5Sq.js → auto-complete-CndE0brm-GcsNf8gx.js} +2 -2
- package/dist/assets/{auto-complete-h9OoHuC5-DwvEQ5Sq.js.map → auto-complete-CndE0brm-GcsNf8gx.js.map} +1 -1
- package/dist/assets/{button-variant-ueS50zGR-B8zkVWeR.js → button-variant-BKr6oMet-pcmgRxV3.js} +2 -2
- package/dist/assets/{button-variant-ueS50zGR-B8zkVWeR.js.map → button-variant-BKr6oMet-pcmgRxV3.js.map} +1 -1
- package/dist/assets/{color-DLhBoaj--BWj3WjUi.js → color-D-_1x7ql-CZWiFTWV.js} +2 -2
- package/dist/assets/{color-DLhBoaj--BWj3WjUi.js.map → color-D-_1x7ql-CZWiFTWV.js.map} +1 -1
- package/dist/assets/{controller-C7CgOtOU-B-0yYyfF.js → controller-CELA0m1M-BEvGThrD.js} +2 -2
- package/dist/assets/{controller-C7CgOtOU-B-0yYyfF.js.map → controller-CELA0m1M-BEvGThrD.js.map} +1 -1
- package/dist/assets/{controller-DJOhQXnE-hIa505T9.js → controller-D-keynM4-BIsKwwq0.js} +2 -2
- package/dist/assets/{controller-DJOhQXnE-hIa505T9.js.map → controller-D-keynM4-BIsKwwq0.js.map} +1 -1
- package/dist/assets/{controller-BeFnq48f-C3w2zJ0d.js → controller-VHCvo6MT-CWG1QwXu.js} +2 -2
- package/dist/assets/{controller-BeFnq48f-C3w2zJ0d.js.map → controller-VHCvo6MT-CWG1QwXu.js.map} +1 -1
- package/dist/assets/{controller-icon-CxUC2kIO-B30x_tAU.js → controller-icon-BFLVQWdQ-Bf-mpmu9.js} +2 -2
- package/dist/assets/{controller-icon-CxUC2kIO-B30x_tAU.js.map → controller-icon-BFLVQWdQ-Bf-mpmu9.js.map} +1 -1
- package/dist/assets/controller-rDzNllpd-CCm4idkd.js +2 -0
- package/dist/assets/{controller-DPZyCKru-CYw2yBXd.js.map → controller-rDzNllpd-CCm4idkd.js.map} +1 -1
- package/dist/assets/custom-class-B6h_ZSR7-D7NJklkW.js +2 -0
- package/dist/assets/{custom-class-Dg0c6ST7-CXkmqQxK.js.map → custom-class-B6h_ZSR7-D7NJklkW.js.map} +1 -1
- package/dist/assets/{dev.utils-BHWGgzSt-DvLIwSpy.js → dev.utils-BIeLAoxm-BH7qzF8h.js} +2 -2
- package/dist/assets/{dev.utils-BHWGgzSt-DvLIwSpy.js.map → dev.utils-BIeLAoxm-BH7qzF8h.js.map} +1 -1
- package/dist/assets/{devtools--r5ztQVW-Bjj4F1IK.js → devtools-WEX93vlA-xsh_13ly.js} +3 -3
- package/dist/assets/{devtools--r5ztQVW-Bjj4F1IK.js.map → devtools-WEX93vlA-xsh_13ly.js.map} +1 -1
- package/dist/assets/disabled-D0wfAqak-D_6SBArj.js +2 -0
- package/dist/assets/{disabled-u5a_azlj-gg9juBlZ.js.map → disabled-D0wfAqak-D_6SBArj.js.map} +1 -1
- package/dist/assets/has-closer-OxGfsISj-CIAh4RxF.js +2 -0
- package/dist/assets/has-closer-OxGfsISj-CIAh4RxF.js.map +1 -0
- package/dist/assets/hide-label-90DGA8H4-DFjtf4L8.js +2 -0
- package/dist/assets/{hide-label-DjBQJOAP-1NZ7Zm1U.js.map → hide-label-90DGA8H4-DFjtf4L8.js.map} +1 -1
- package/dist/assets/href-BDekIhFd-BlS9kz6v.js +2 -0
- package/dist/assets/href-BDekIhFd-BlS9kz6v.js.map +1 -0
- package/dist/assets/i18n-CvQhdUrE-D4w1XV30.js +2 -0
- package/dist/assets/{i18n-BgOmSzBT-Bm1C7fXF.js.map → i18n-CvQhdUrE-D4w1XV30.js.map} +1 -1
- package/dist/assets/{icons-B_GLbYEP-D-1TndW2.js → icons-DpMX_jnF-DpHBgaBR.js} +2 -2
- package/dist/assets/{icons-B_GLbYEP-D-1TndW2.js.map → icons-DpMX_jnF-DpHBgaBR.js.map} +1 -1
- package/dist/assets/image-source-udiqQ1zY-BIkmT6eZ.js +2 -0
- package/dist/assets/image-source-udiqQ1zY-BIkmT6eZ.js.map +1 -0
- package/dist/assets/{index-DDaun4pg.js → index-hn66rXtD.js} +151 -148
- package/dist/assets/index-hn66rXtD.js.map +1 -0
- package/dist/assets/inline-eBYBtb1X-BSxDXgy3.js +2 -0
- package/dist/assets/inline-eBYBtb1X-BSxDXgy3.js.map +1 -0
- package/dist/assets/{kol-abbr.entry-BKXsZVBV.js → kol-abbr.entry-CGoAajbr.js} +2 -2
- package/dist/assets/{kol-abbr.entry-BKXsZVBV.js.map → kol-abbr.entry-CGoAajbr.js.map} +1 -1
- package/dist/assets/{kol-accordion.entry-D42Yyh_P.js → kol-accordion.entry-svX7BzYH.js} +3 -3
- package/dist/assets/{kol-accordion.entry-D42Yyh_P.js.map → kol-accordion.entry-svX7BzYH.js.map} +1 -1
- package/dist/assets/{kol-alert-wc.entry-BzyneORG.js → kol-alert-wc.entry-DPDdRSgK.js} +2 -2
- package/dist/assets/{kol-alert-wc.entry-BzyneORG.js.map → kol-alert-wc.entry-DPDdRSgK.js.map} +1 -1
- package/dist/assets/{kol-alert.entry-DUhuLKhm.js → kol-alert.entry-CakxpuGR.js} +2 -2
- package/dist/assets/{kol-alert.entry-DUhuLKhm.js.map → kol-alert.entry-CakxpuGR.js.map} +1 -1
- package/dist/assets/{kol-avatar-wc.entry-rZAFlCP4.js → kol-avatar-wc.entry-Ck5ZDvll.js} +2 -2
- package/dist/assets/{kol-avatar-wc.entry-rZAFlCP4.js.map → kol-avatar-wc.entry-Ck5ZDvll.js.map} +1 -1
- package/dist/assets/{kol-avatar.entry-wb8fYLXZ.js → kol-avatar.entry-DbBZPdyy.js} +2 -2
- package/dist/assets/{kol-avatar.entry-wb8fYLXZ.js.map → kol-avatar.entry-DbBZPdyy.js.map} +1 -1
- package/dist/assets/{kol-badge.entry-CXG1FV17.js → kol-badge.entry-BDCTq3hh.js} +3 -3
- package/dist/assets/{kol-badge.entry-CXG1FV17.js.map → kol-badge.entry-BDCTq3hh.js.map} +1 -1
- package/dist/assets/{kol-breadcrumb.entry-Bw7rlPDR.js → kol-breadcrumb.entry-C1_tHB_f.js} +2 -2
- package/dist/assets/{kol-breadcrumb.entry-Bw7rlPDR.js.map → kol-breadcrumb.entry-C1_tHB_f.js.map} +1 -1
- package/dist/assets/{kol-button-link.entry-d3z4LUwa.js → kol-button-link.entry-BGGArO6o.js} +3 -3
- package/dist/assets/{kol-button-link.entry-d3z4LUwa.js.map → kol-button-link.entry-BGGArO6o.js.map} +1 -1
- package/dist/assets/kol-button-wc.entry-Dc5E2GfR.js +2 -0
- package/dist/assets/kol-button-wc.entry-Dc5E2GfR.js.map +1 -0
- package/dist/assets/{kol-button.entry-DhiTqYwz.js → kol-button.entry-zYU-GULR.js} +3 -3
- package/dist/assets/{kol-button.entry-DhiTqYwz.js.map → kol-button.entry-zYU-GULR.js.map} +1 -1
- package/dist/assets/kol-card-wc.entry-CEfu7Lhw.js +2 -0
- package/dist/assets/{kol-card-wc.entry-BFAxSRxp.js.map → kol-card-wc.entry-CEfu7Lhw.js.map} +1 -1
- package/dist/assets/{kol-card.entry-B6CEVu26.js → kol-card.entry-6_qoPDo8.js} +2 -2
- package/dist/assets/{kol-card.entry-B6CEVu26.js.map → kol-card.entry-6_qoPDo8.js.map} +1 -1
- package/dist/assets/kol-combobox.entry-Bnxs2c7Z.js +386 -0
- package/dist/assets/kol-combobox.entry-Bnxs2c7Z.js.map +1 -0
- package/dist/assets/{kol-details.entry-CFFNnjl_.js → kol-details.entry-CMAwpFjG.js} +3 -3
- package/dist/assets/{kol-details.entry-CFFNnjl_.js.map → kol-details.entry-CMAwpFjG.js.map} +1 -1
- package/dist/assets/kol-dialog-wc.entry-BjmyFkye.js +2 -0
- package/dist/assets/kol-dialog-wc.entry-BjmyFkye.js.map +1 -0
- package/dist/assets/kol-dialog.entry-C_K35Fzz.js +304 -0
- package/dist/assets/kol-dialog.entry-C_K35Fzz.js.map +1 -0
- package/dist/assets/{kol-drawer.entry-Bu13vwWk.js → kol-drawer.entry-C3Fwgfd_.js} +3 -3
- package/dist/assets/{kol-drawer.entry-Bu13vwWk.js.map → kol-drawer.entry-C3Fwgfd_.js.map} +1 -1
- package/dist/assets/{kol-form.entry-T1ClUcsB.js → kol-form.entry-DZdsHDoL.js} +3 -3
- package/dist/assets/{kol-form.entry-T1ClUcsB.js.map → kol-form.entry-DZdsHDoL.js.map} +1 -1
- package/dist/assets/{kol-heading.entry-Cl4iEsPH.js → kol-heading.entry-CxE3sZpY.js} +3 -3
- package/dist/assets/{kol-heading.entry-Cl4iEsPH.js.map → kol-heading.entry-CxE3sZpY.js.map} +1 -1
- package/dist/assets/{kol-icon.entry-Cac9-gOT.js → kol-icon.entry-CZSFJbIz.js} +5 -5
- package/dist/assets/{kol-icon.entry-Cac9-gOT.js.map → kol-icon.entry-CZSFJbIz.js.map} +1 -1
- package/dist/assets/{kol-image.entry-CQCurr-c.js → kol-image.entry-BxW6t76o.js} +3 -3
- package/dist/assets/{kol-image.entry-CQCurr-c.js.map → kol-image.entry-BxW6t76o.js.map} +1 -1
- package/dist/assets/{kol-input-checkbox.entry-C_LMwfWd.js → kol-input-checkbox.entry-BDr1DKJ6.js} +3 -3
- package/dist/assets/{kol-input-checkbox.entry-C_LMwfWd.js.map → kol-input-checkbox.entry-BDr1DKJ6.js.map} +1 -1
- package/dist/assets/{kol-input-color.entry-B1L4GK8l.js → kol-input-color.entry-CVhnHQ3I.js} +3 -3
- package/dist/assets/kol-input-color.entry-CVhnHQ3I.js.map +1 -0
- package/dist/assets/{kol-input-date.entry-C5mHFSVU.js → kol-input-date.entry-Dfgt_B7a.js} +3 -3
- package/dist/assets/{kol-input-date.entry-C5mHFSVU.js.map → kol-input-date.entry-Dfgt_B7a.js.map} +1 -1
- package/dist/assets/{kol-input-email.entry-Rh7NyzuK.js → kol-input-email.entry-CRs6xE__.js} +3 -3
- package/dist/assets/kol-input-email.entry-CRs6xE__.js.map +1 -0
- package/dist/assets/{kol-input-file.entry-CANVUev4.js → kol-input-file.entry-rn2qisAN.js} +3 -3
- package/dist/assets/kol-input-file.entry-rn2qisAN.js.map +1 -0
- package/dist/assets/{kol-input-number.entry-BcDwHWU2.js → kol-input-number.entry-D_Sn4eoG.js} +3 -3
- package/dist/assets/kol-input-number.entry-D_Sn4eoG.js.map +1 -0
- package/dist/assets/{kol-input-password.entry-Cx82ef6F.js → kol-input-password.entry-CSKDrvcP.js} +3 -3
- package/dist/assets/kol-input-password.entry-CSKDrvcP.js.map +1 -0
- package/dist/assets/{kol-input-radio.entry-CgTH2ErM.js → kol-input-radio.entry-CJSX3dFd.js} +3 -3
- package/dist/assets/{kol-input-radio.entry-CgTH2ErM.js.map → kol-input-radio.entry-CJSX3dFd.js.map} +1 -1
- package/dist/assets/{kol-input-range.entry-h_UQDk0G.js → kol-input-range.entry-DeGxp969.js} +3 -3
- package/dist/assets/kol-input-range.entry-DeGxp969.js.map +1 -0
- package/dist/assets/{kol-input-text.entry-Bo0Evq85.js → kol-input-text.entry-Dtgq5qcI.js} +3 -3
- package/dist/assets/kol-input-text.entry-Dtgq5qcI.js.map +1 -0
- package/dist/assets/{kol-kolibri.entry-qviGKVoe.js → kol-kolibri.entry-fKTViyEl.js} +3 -3
- package/dist/assets/{kol-kolibri.entry-qviGKVoe.js.map → kol-kolibri.entry-fKTViyEl.js.map} +1 -1
- package/dist/assets/{kol-link-button.entry-Cc8g-UOR.js → kol-link-button.entry-DYaHSL2C.js} +3 -3
- package/dist/assets/{kol-link-button.entry-Cc8g-UOR.js.map → kol-link-button.entry-DYaHSL2C.js.map} +1 -1
- package/dist/assets/kol-link-wc.entry-DJMdvo9-.js +2 -0
- package/dist/assets/kol-link-wc.entry-DJMdvo9-.js.map +1 -0
- package/dist/assets/{kol-link.entry-CYoZPrrG.js → kol-link.entry-PbzZFZwl.js} +3 -3
- package/dist/assets/{kol-link.entry-CYoZPrrG.js.map → kol-link.entry-PbzZFZwl.js.map} +1 -1
- package/dist/assets/kol-modal.entry-DwhLN_jo.js +304 -0
- package/dist/assets/kol-modal.entry-DwhLN_jo.js.map +1 -0
- package/dist/assets/{kol-nav.entry-Cw5atvaa.js → kol-nav.entry-uyS_-gfJ.js} +3 -3
- package/dist/assets/{kol-nav.entry-Cw5atvaa.js.map → kol-nav.entry-uyS_-gfJ.js.map} +1 -1
- package/dist/assets/{kol-pagination-wc.entry-DYEfLS7i.js → kol-pagination-wc.entry-DvrIJhG8.js} +2 -2
- package/dist/assets/{kol-pagination-wc.entry-DYEfLS7i.js.map → kol-pagination-wc.entry-DvrIJhG8.js.map} +1 -1
- package/dist/assets/{kol-pagination.entry-DAUsPaed.js → kol-pagination.entry-BvVSbRxx.js} +3 -3
- package/dist/assets/{kol-pagination.entry-DAUsPaed.js.map → kol-pagination.entry-BvVSbRxx.js.map} +1 -1
- package/dist/assets/kol-popover-button-wc.entry-CEG2ke65.js +2 -0
- package/dist/assets/kol-popover-button-wc.entry-CEG2ke65.js.map +1 -0
- package/dist/assets/{kol-popover-button.entry-DrJIuQkH.js → kol-popover-button.entry-wg_14J72.js} +3 -3
- package/dist/assets/{kol-popover-button.entry-DrJIuQkH.js.map → kol-popover-button.entry-wg_14J72.js.map} +1 -1
- package/dist/assets/kol-popover-wc.entry-BhI_84Vk.js +2 -0
- package/dist/assets/{kol-popover-wc.entry-BAdeKqjb.js.map → kol-popover-wc.entry-BhI_84Vk.js.map} +1 -1
- package/dist/assets/{kol-progress.entry-D4OA2ZZM.js → kol-progress.entry-CmReYorL.js} +3 -3
- package/dist/assets/{kol-progress.entry-D4OA2ZZM.js.map → kol-progress.entry-CmReYorL.js.map} +1 -1
- package/dist/assets/{kol-quote.entry-C6GotbSH.js → kol-quote.entry-Dt2Ga7TT.js} +3 -3
- package/dist/assets/{kol-quote.entry-C6GotbSH.js.map → kol-quote.entry-Dt2Ga7TT.js.map} +1 -1
- package/dist/assets/kol-select-wc.entry-AokBsbb7.js +2 -0
- package/dist/assets/kol-select-wc.entry-AokBsbb7.js.map +1 -0
- package/dist/assets/{kol-select.entry-51ybPb_P.js → kol-select.entry-C4EepB84.js} +3 -3
- package/dist/assets/{kol-select.entry-51ybPb_P.js.map → kol-select.entry-C4EepB84.js.map} +1 -1
- package/dist/assets/kol-single-select.entry-BoIWrZKo.js +396 -0
- package/dist/assets/kol-single-select.entry-BoIWrZKo.js.map +1 -0
- package/dist/assets/{kol-skip-nav.entry-BpdXi0oO.js → kol-skip-nav.entry-C189kG89.js} +3 -3
- package/dist/assets/{kol-skip-nav.entry-BpdXi0oO.js.map → kol-skip-nav.entry-C189kG89.js.map} +1 -1
- package/dist/assets/{kol-spin.entry-DwRFGPOW.js → kol-spin.entry-Dri2gB6O.js} +3 -3
- package/dist/assets/{kol-spin.entry-DwRFGPOW.js.map → kol-spin.entry-Dri2gB6O.js.map} +1 -1
- package/dist/assets/{kol-split-button.entry-DQceder2.js → kol-split-button.entry-CeBvFmx5.js} +3 -3
- package/dist/assets/{kol-split-button.entry-DQceder2.js.map → kol-split-button.entry-CeBvFmx5.js.map} +1 -1
- package/dist/assets/kol-table-settings-wc.entry-Dh4sbbrq.js +2 -0
- package/dist/assets/{kol-table-settings-wc.entry-CfKJ2h_H.js.map → kol-table-settings-wc.entry-Dh4sbbrq.js.map} +1 -1
- package/dist/assets/{kol-table-stateful.entry-DlqMRvC8.js → kol-table-stateful.entry-C0Y9fRvw.js} +3 -3
- package/dist/assets/{kol-table-stateful.entry-DlqMRvC8.js.map → kol-table-stateful.entry-C0Y9fRvw.js.map} +1 -1
- package/dist/assets/{kol-table-stateless-wc.entry-CjeCNW_v.js → kol-table-stateless-wc.entry-WdD-rGST.js} +2 -2
- package/dist/assets/{kol-table-stateless-wc.entry-CjeCNW_v.js.map → kol-table-stateless-wc.entry-WdD-rGST.js.map} +1 -1
- package/dist/assets/{kol-table-stateless.entry-CaAENaGy.js → kol-table-stateless.entry-DV0DH9r8.js} +3 -3
- package/dist/assets/{kol-table-stateless.entry-CaAENaGy.js.map → kol-table-stateless.entry-DV0DH9r8.js.map} +1 -1
- package/dist/assets/{kol-tabs.entry-Zmik078k.js → kol-tabs.entry-QPyAjP-Y.js} +3 -3
- package/dist/assets/{kol-tabs.entry-Zmik078k.js.map → kol-tabs.entry-QPyAjP-Y.js.map} +1 -1
- package/dist/assets/{kol-textarea.entry-CLlKapqD.js → kol-textarea.entry-CTy0uQGC.js} +3 -3
- package/dist/assets/kol-textarea.entry-CTy0uQGC.js.map +1 -0
- package/dist/assets/{kol-toast-container.entry-JoIBsfaj.js → kol-toast-container.entry-kfGnCWzt.js} +3 -3
- package/dist/assets/{kol-toast-container.entry-JoIBsfaj.js.map → kol-toast-container.entry-kfGnCWzt.js.map} +1 -1
- package/dist/assets/{kol-toolbar.entry-Bades6h1.js → kol-toolbar.entry-DkM84rV0.js} +3 -3
- package/dist/assets/{kol-toolbar.entry-Bades6h1.js.map → kol-toolbar.entry-DkM84rV0.js.map} +1 -1
- package/dist/assets/{kol-tooltip-wc.entry-DLkkMmDM.js → kol-tooltip-wc.entry-JqXPKcGH.js} +2 -2
- package/dist/assets/{kol-tooltip-wc.entry-DLkkMmDM.js.map → kol-tooltip-wc.entry-JqXPKcGH.js.map} +1 -1
- package/dist/assets/kol-tree-item-wc.entry-CAHCDz6w.js +2 -0
- package/dist/assets/kol-tree-item-wc.entry-CAHCDz6w.js.map +1 -0
- package/dist/assets/{kol-tree-item.entry-CQeTDzNP.js → kol-tree-item.entry-CYoieUMm.js} +3 -3
- package/dist/assets/{kol-tree-item.entry-CQeTDzNP.js.map → kol-tree-item.entry-CYoieUMm.js.map} +1 -1
- package/dist/assets/kol-tree-wc.entry-2HRy5bMf.js +2 -0
- package/dist/assets/kol-tree-wc.entry-2HRy5bMf.js.map +1 -0
- package/dist/assets/{kol-tree.entry-D-A07ohH.js → kol-tree.entry-cI01ku7G.js} +3 -3
- package/dist/assets/{kol-tree.entry-D-A07ohH.js.map → kol-tree.entry-cI01ku7G.js.map} +1 -1
- package/dist/assets/{kol-version.entry-BPKap0W-.js → kol-version.entry-D_Iq1RRB.js} +3 -3
- package/dist/assets/{kol-version.entry-BPKap0W-.js.map → kol-version.entry-D_Iq1RRB.js.map} +1 -1
- package/dist/assets/kolicons/kolicons.eot +0 -0
- package/dist/assets/kolicons/kolicons.ttf +0 -0
- package/dist/assets/kolicons/kolicons.woff +0 -0
- package/dist/assets/kolicons/kolicons.woff2 +0 -0
- package/dist/assets/kolicons/style.css +6 -6
- package/dist/assets/{label-ohY9ajP0-D6pld2vB.js → label-Dkj9sxQK-DSdFgTMY.js} +2 -2
- package/dist/assets/{label-ohY9ajP0-D6pld2vB.js.map → label-Dkj9sxQK-DSdFgTMY.js.map} +1 -1
- package/dist/assets/{markdown-CVks1MC0-B5bHOOUE.js → markdown-CaS836ev-h1hfsqxk.js} +2 -2
- package/dist/assets/{markdown-CVks1MC0-B5bHOOUE.js.map → markdown-CaS836ev-h1hfsqxk.js.map} +1 -1
- package/dist/assets/max-length-behavior-C7oPJjTW-DumvFUgr.js +2 -0
- package/dist/assets/{max-length-behavior-N5Lbz6E--D-GKzhk3.js.map → max-length-behavior-C7oPJjTW-DumvFUgr.js.map} +1 -1
- package/dist/assets/multiple-BYEUdjyO-BbOX6GpB.js +2 -0
- package/dist/assets/multiple-BYEUdjyO-BbOX6GpB.js.map +1 -0
- package/dist/assets/open-Cuy37cT5-D24Tn2ds.js +2 -0
- package/dist/assets/open-Cuy37cT5-D24Tn2ds.js.map +1 -0
- package/dist/assets/{orientation-B0ErOlUK-DHZI87va.js → orientation-uIK98CL3-D0FPPzyE.js} +2 -2
- package/dist/assets/{orientation-B0ErOlUK-DHZI87va.js.map → orientation-uIK98CL3-D0FPPzyE.js.map} +1 -1
- package/dist/assets/placeholder-C0qu-_xi-B0uuQW1l.js +2 -0
- package/dist/assets/{placeholder-DrgXYoah-YaV48hp7.js.map → placeholder-C0qu-_xi-B0uuQW1l.js.map} +1 -1
- package/dist/assets/read-only-DqzvkuwG-CBDZVivm.js +2 -0
- package/dist/assets/read-only-DqzvkuwG-CBDZVivm.js.map +1 -0
- package/dist/assets/required-IJ-wNQGn-Cuh9t8VO.js +2 -0
- package/dist/assets/required-IJ-wNQGn-Cuh9t8VO.js.map +1 -0
- package/dist/assets/rows-CaNxvJ4Y-Bg1Bfvxc.js +2 -0
- package/dist/assets/rows-CaNxvJ4Y-Bg1Bfvxc.js.map +1 -0
- package/dist/assets/show-DVtFSh7x-BHm-Ox8z.js +2 -0
- package/dist/assets/show-DVtFSh7x-BHm-Ox8z.js.map +1 -0
- package/dist/assets/spell-check-BBqBRmnp-Bj9FGaFi.js +2 -0
- package/dist/assets/{spell-check-DrU5XI1o-Dumf_q2A.js.map → spell-check-BBqBRmnp-Bj9FGaFi.js.map} +1 -1
- package/dist/assets/{suggestions-Bufr76At-C7FrFkns.js → suggestions-CsvpWHvb-BtKvAmXL.js} +2 -2
- package/dist/assets/{suggestions-Bufr76At-C7FrFkns.js.map → suggestions-CsvpWHvb-BtKvAmXL.js.map} +1 -1
- package/dist/assets/{table-selection-BwD1ndz6-r6GjVSN_.js → table-selection-C4VgH6EI-DgjLupFt.js} +2 -2
- package/dist/assets/{table-selection-BwD1ndz6-r6GjVSN_.js.map → table-selection-C4VgH6EI-DgjLupFt.js.map} +1 -1
- package/dist/assets/test-component.entry-JcnS1MD1.js +2 -0
- package/dist/assets/{test-component.entry-CxfRDFAi.js.map → test-component.entry-JcnS1MD1.js.map} +1 -1
- package/dist/assets/tooltip-align-P-7pyT1i-CjUKk_dm.js +2 -0
- package/dist/assets/tooltip-align-P-7pyT1i-CjUKk_dm.js.map +1 -0
- package/dist/assets/{unique-nav-labels-C-bt2E8D-BbmQAOy_.js → unique-nav-labels-B6560U3V-B1dnbpeJ.js} +2 -2
- package/dist/assets/{unique-nav-labels-C-bt2E8D-BbmQAOy_.js.map → unique-nav-labels-B6560U3V-B1dnbpeJ.js.map} +1 -1
- package/dist/assets/{validation-BmqW5reG-S0i4yLz9.js → validation-Ct877GbF-D7WlyrQ-.js} +2 -2
- package/dist/assets/{validation-BmqW5reG-S0i4yLz9.js.map → validation-Ct877GbF-D7WlyrQ-.js.map} +1 -1
- package/dist/assets/validation-D0gTVdAQ-Bq7i1HeY.js +2 -0
- package/dist/assets/{validation-BVeaxeev-BadtbEvG.js.map → validation-D0gTVdAQ-Bq7i1HeY.js.map} +1 -1
- package/dist/index.html +1 -1
- package/package.json +5 -5
- package/public/assets/kolicons/kolicons.eot +0 -0
- package/public/assets/kolicons/kolicons.ttf +0 -0
- package/public/assets/kolicons/kolicons.woff +0 -0
- package/public/assets/kolicons/kolicons.woff2 +0 -0
- package/public/assets/kolicons/style.css +6 -6
- package/src/components/dialog/basic.tsx +63 -0
- package/src/components/dialog/routes.ts +8 -0
- package/src/components/modal/basic.tsx +15 -58
- package/src/components/popover-button/basic.tsx +2 -2
- package/src/components/skip-nav/basic.tsx +2 -2
- package/src/components/toast/basic.tsx +4 -1
- package/src/components/toast/configurator.tsx +4 -1
- package/src/scenarios/button-shortkey-table.tsx +8 -3
- package/src/scenarios/focus-elements.tsx +1 -1
- package/src/shares/routes.ts +2 -1
- package/dist/assets/controller-DPZyCKru-CYw2yBXd.js +0 -2
- package/dist/assets/custom-class-Dg0c6ST7-CXkmqQxK.js +0 -2
- package/dist/assets/disabled-u5a_azlj-gg9juBlZ.js +0 -2
- package/dist/assets/has-closer-DENzUWH2-It8eNixk.js +0 -2
- package/dist/assets/has-closer-DENzUWH2-It8eNixk.js.map +0 -1
- package/dist/assets/hide-label-DjBQJOAP-1NZ7Zm1U.js +0 -2
- package/dist/assets/href-LHUCJ_IZ-D6afrRTu.js +0 -2
- package/dist/assets/href-LHUCJ_IZ-D6afrRTu.js.map +0 -1
- package/dist/assets/i18n-BgOmSzBT-Bm1C7fXF.js +0 -2
- package/dist/assets/image-source-DqpWx57w-CSNDjEmL.js +0 -2
- package/dist/assets/image-source-DqpWx57w-CSNDjEmL.js.map +0 -1
- package/dist/assets/index-DDaun4pg.js.map +0 -1
- package/dist/assets/inline-CeKQgcde-CPyIcneb.js +0 -2
- package/dist/assets/inline-CeKQgcde-CPyIcneb.js.map +0 -1
- package/dist/assets/kol-button-wc.entry-Dhd5OkmU.js +0 -2
- package/dist/assets/kol-button-wc.entry-Dhd5OkmU.js.map +0 -1
- package/dist/assets/kol-card-wc.entry-BFAxSRxp.js +0 -2
- package/dist/assets/kol-combobox.entry-CWwBMArh.js +0 -386
- package/dist/assets/kol-combobox.entry-CWwBMArh.js.map +0 -1
- package/dist/assets/kol-input-color.entry-B1L4GK8l.js.map +0 -1
- package/dist/assets/kol-input-email.entry-Rh7NyzuK.js.map +0 -1
- package/dist/assets/kol-input-file.entry-CANVUev4.js.map +0 -1
- package/dist/assets/kol-input-number.entry-BcDwHWU2.js.map +0 -1
- package/dist/assets/kol-input-password.entry-Cx82ef6F.js.map +0 -1
- package/dist/assets/kol-input-range.entry-h_UQDk0G.js.map +0 -1
- package/dist/assets/kol-input-text.entry-Bo0Evq85.js.map +0 -1
- package/dist/assets/kol-link-wc.entry-BL0POur8.js +0 -2
- package/dist/assets/kol-link-wc.entry-BL0POur8.js.map +0 -1
- package/dist/assets/kol-modal.entry-Ifp1cuTj.js +0 -301
- package/dist/assets/kol-modal.entry-Ifp1cuTj.js.map +0 -1
- package/dist/assets/kol-popover-button-wc.entry-UMTx4f9A.js +0 -2
- package/dist/assets/kol-popover-button-wc.entry-UMTx4f9A.js.map +0 -1
- package/dist/assets/kol-popover-wc.entry-BAdeKqjb.js +0 -2
- package/dist/assets/kol-select-wc.entry-t5raptJL.js +0 -2
- package/dist/assets/kol-select-wc.entry-t5raptJL.js.map +0 -1
- package/dist/assets/kol-single-select.entry-YzT_1A3z.js +0 -396
- package/dist/assets/kol-single-select.entry-YzT_1A3z.js.map +0 -1
- package/dist/assets/kol-table-settings-wc.entry-CfKJ2h_H.js +0 -2
- package/dist/assets/kol-textarea.entry-CLlKapqD.js.map +0 -1
- package/dist/assets/kol-tree-item-wc.entry-Dtatu8P3.js +0 -2
- package/dist/assets/kol-tree-item-wc.entry-Dtatu8P3.js.map +0 -1
- package/dist/assets/kol-tree-wc.entry-BTz3dkeE.js +0 -2
- package/dist/assets/kol-tree-wc.entry-BTz3dkeE.js.map +0 -1
- package/dist/assets/max-length-behavior-N5Lbz6E--D-GKzhk3.js +0 -2
- package/dist/assets/multiple-D1puaB9F-C5GuHiPx.js +0 -2
- package/dist/assets/multiple-D1puaB9F-C5GuHiPx.js.map +0 -1
- package/dist/assets/open-BFQWty8w-BUP-Ye2O.js +0 -2
- package/dist/assets/open-BFQWty8w-BUP-Ye2O.js.map +0 -1
- package/dist/assets/placeholder-DrgXYoah-YaV48hp7.js +0 -2
- package/dist/assets/read-only-Bp291veM-CxOiu37N.js +0 -2
- package/dist/assets/read-only-Bp291veM-CxOiu37N.js.map +0 -1
- package/dist/assets/required-7L0ytoMT-Cr7y-YPq.js +0 -2
- package/dist/assets/required-7L0ytoMT-Cr7y-YPq.js.map +0 -1
- package/dist/assets/rows-C8piLIWD-DiKJk2GY.js +0 -2
- package/dist/assets/rows-C8piLIWD-DiKJk2GY.js.map +0 -1
- package/dist/assets/show-ChfALFZd-B6doTL-b.js +0 -2
- package/dist/assets/show-ChfALFZd-B6doTL-b.js.map +0 -1
- package/dist/assets/spell-check-DrU5XI1o-Dumf_q2A.js +0 -2
- package/dist/assets/test-component.entry-CxfRDFAi.js +0 -2
- package/dist/assets/tooltip-align-DEw_M6Is-rBzNm_fp.js +0 -2
- package/dist/assets/tooltip-align-DEw_M6Is-rBzNm_fp.js.map +0 -1
- package/dist/assets/validation-BVeaxeev-BadtbEvG.js +0 -2
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"kol-input-color.entry-B1L4GK8l.js","sources":["../../../../components/dist/esm/kol-input-color.entry.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { h, r as registerInstance, g as getElement } from './index-6vN91rDY.js';\nimport { _ as __rest } from './tslib.es6-CxX45GIN.js';\nimport { F as FormFieldStateWrapper } from './FormFieldStateWrapper-GaiPo3FK.js';\nimport { I as InputIconController, a as InputContainerStateWrapperFc } from './controller-icon-CxUC2kIO.js';\nimport { I as InputStateWrapper } from './InputStateWrapper-iBc4zsva.js';\nimport { n as nonce } from './dev.utils-BHWGgzSt.js';\nimport { e as watchString } from './common-L1K0yh1S.js';\nimport { v as validateAutoComplete } from './auto-complete-h9OoHuC5.js';\nimport { v as validateSuggestions } from './suggestions-Bufr76At.js';\nimport './access-and-short-key-Dy2a7Py3.js';\nimport './disabled-u5a_azlj.js';\nimport './hide-label-DjBQJOAP.js';\nimport './label-ohY9ajP0.js';\nimport './tooltip-align-DEw_M6Is.js';\nimport './align-Bcqvz5vw.js';\nimport './events-CY36RKEq.js';\nimport './associated.controller-BStrZiDY.js';\nimport './bootstrap-BsrX_E7q.js';\nimport './component-names-C3fyby67.js';\nimport './i18n-B0tfVPMa.js';\nimport './isObject-DvSELytj.js';\nimport './clsx-eK3rPvPS.js';\nimport './reuse-CX4AQDkS.js';\nimport './i18n-BgOmSzBT.js';\nimport './InternalUnderlinedBadgeText-D96tegi8.js';\nimport './Alert-D0UNMrPW.js';\nimport './bem-CIn1qsbp.js';\nimport './browser-CyCtPZc0.js';\nimport './Heading-s9wCZGKs.js';\nimport './Icon-BCK5_-Dl.js';\nimport './icons-B_GLbYEP.js';\nimport './Input-Roq5cRZH.js';\n\nclass InputColorController extends InputIconController {\n constructor(component, name, host) {\n super(component, name, host);\n this.component = component;\n }\n validateAutoComplete(value) {\n validateAutoComplete(this.component, value);\n }\n validateSuggestions(value) {\n validateSuggestions(this.component, value);\n }\n validateValue(value) {\n watchString(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.validateSuggestions(this.component._suggestions);\n this.validateValue(this.component._value);\n }\n}\n\nconst defaultStyleCss = \"/*\\n* This file defines the layer order for all CSS layers used in KoliBri.\\n* The order is important as it determines the cascade priority.\\n*\\n* Layer order (lowest to highest priority):\\n* 1. kol-a11y - Accessibility defaults and requirements\\n* 2. kol-global - Global component styles and resets\\n* 3. kol-component - Component-specific styles\\n* 4. kol-theme-global - Theme-specific global styles\\n* 5. kol-theme-component - Theme-specific component styles\\n*/\\n@layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component;\\n/* forward the rem function */\\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(44 * 1rem / var(--kolibri-root-font-size, 16));\\n /*\\n * No element should be used without verifying the contrast ratio of its background and font colors.\\n * By initially setting the background color to white and the font color to black,\\n * the contrast ratio is ensured and explicit adjustment is forced.\\n */\\n color: black;\\n background-color: white;\\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 * Text should be aligned left by default to provide a predictable starting point.\\n */\\n text-align: left;\\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 to-rem(44).\\n */\\n /* input:not([type='checkbox'], [type='radio'], [type='range']), */\\n /* option, */\\n /* select, */\\n /* textarea, */\\n button,\\n .kol-input .input {\\n min-width: var(--a11y-min-size);\\n min-height: 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 text color from his parent element.\\n */\\n color: inherit;\\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 position: fixed;\\n top: 0;\\n left: 0;\\n width: 1px;\\n height: 1px;\\n overflow: hidden;\\n white-space: nowrap;\\n clip-path: inset(50%);\\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 width: 100%;\\n margin: 0;\\n padding: 0;\\n border: none;\\n /* 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 .badge-text-hint {\\n color: black;\\n background-color: lightgray;\\n }\\n}\\n@layer kol-global {\\n :host {\\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 font-size: calc(16 * 1rem / var(--kolibri-root-font-size, 16));\\n }\\n * {\\n /*\\n * We prefer to box-sizing: border-box for all elements.\\n */\\n box-sizing: border-box;\\n }\\n .kol-span {\\n /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\\n display: flex;\\n flex-flow: column;\\n align-items: center;\\n justify-content: center;\\n /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\\n }\\n .kol-span__container {\\n display: flex;\\n align-items: center;\\n }\\n a,\\n button {\\n cursor: pointer;\\n }\\n .kol-span .kol-span__label--hide-label .kol-span__label {\\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 opacity: 0.5;\\n outline: none;\\n cursor: not-allowed;\\n }\\n [aria-disabled=true]:focus .kol-span,\\n [disabled]:focus .kol-span {\\n outline: none !important;\\n }\\n}\\n@layer kol-component {\\n :host {\\n display: block;\\n }\\n}\\n@layer kol-component {\\n .kol-tooltip {\\n display: contents;\\n }\\n .kol-tooltip__floating {\\n opacity: 0;\\n display: none;\\n position: fixed;\\n /* Avoid layout interference - see https://floating-ui.com/docs/computePosition */\\n top: 0;\\n left: 0;\\n /* Can be used to specify the tooltip-width from the outside. Unset by default. */\\n width: var(--kol-tooltip-width, max-content);\\n min-width: calc(8 * 1rem / var(--kolibri-root-font-size, 16));\\n max-width: 90vw;\\n max-height: 90vh;\\n animation-direction: normal;\\n /* Can be used to specify the animation duration from the outside. 250ms by default. */\\n animation-duration: var(--kolibri-tooltip-animation-duration, 250ms);\\n animation-fill-mode: forwards;\\n animation-iteration-count: 1;\\n animation-timing-function: ease-in;\\n }\\n .kol-tooltip__floating.hide {\\n animation-name: hideTooltip;\\n }\\n .kol-tooltip__floating.show {\\n animation-name: showTooltip;\\n }\\n .kol-tooltip__arrow {\\n transform: rotate(45deg);\\n color: #000;\\n background-color: #fff;\\n position: absolute;\\n z-index: 999;\\n width: calc(10 * 1rem / var(--kolibri-root-font-size, 16));\\n height: calc(10 * 1rem / var(--kolibri-root-font-size, 16));\\n }\\n .kol-tooltip__content {\\n color: #000;\\n background-color: #fff;\\n position: relative;\\n z-index: 1000;\\n }\\n @keyframes hideTooltip {\\n 0% {\\n opacity: 1;\\n }\\n 100% {\\n opacity: 0;\\n display: none;\\n }\\n }\\n @keyframes showTooltip {\\n 0% {\\n opacity: 0;\\n }\\n 100% {\\n opacity: 1;\\n }\\n }\\n}\\n@layer kol-component {\\n .kol-alert {\\n display: grid;\\n }\\n .kol-alert__container {\\n display: flex;\\n place-items: center;\\n }\\n .kol-alert__container-content {\\n flex-grow: 1;\\n }\\n .kol-alert__closer {\\n /* Visible with forced colors */\\n outline: transparent solid calc(1 * 1rem / var(--kolibri-root-font-size, 16));\\n }\\n .kol-form-field {\\n display: grid;\\n }\\n .kol-form-field:not(.kol-form-field--disabled) .kol-form-field__label {\\n cursor: pointer;\\n }\\n .kol-form-field--disabled .kol-form-field__label {\\n opacity: 0.5;\\n }\\n .kol-form-field--required .kol-form-field__label-text::after {\\n content: \\\"*\\\"/\\\"\\\";\\n }\\n .kol-form-field--disabled .kol-form-field__hint {\\n opacity: 0.5;\\n }\\n .kol-form-field--required .kol-form-field__tooltip .span-label::after {\\n content: \\\"*\\\"/\\\"\\\";\\n }\\n .kol-input-container {\\n background-color: transparent;\\n display: grid;\\n width: 100%;\\n min-width: var(--a11y-min-size);\\n min-height: var(--a11y-min-size);\\n align-items: center;\\n grid-template-columns: 1fr;\\n }\\n .kol-input-container:has(> .kol-input-container__adornment--start:not(:empty)) {\\n grid-template-columns: auto 1fr;\\n }\\n .kol-input-container:has(> .kol-input-container__adornment--end:not(:empty)) {\\n grid-template-columns: 1fr auto;\\n }\\n .kol-input-container:has(> .kol-input-container__adornment--start:not(:empty)):has(> .kol-input-container__adornment--end:not(:empty)) {\\n grid-template-columns: auto 1fr auto;\\n }\\n .kol-input-container__container {\\n position: relative;\\n }\\n .kol-input-container__adornment {\\n display: flex;\\n align-items: center;\\n }\\n .kol-input-container__adornment .kol-icon {\\n display: grid;\\n height: var(--a11y-min-size);\\n place-items: center;\\n }\\n .kol-input {\\n background-color: transparent;\\n width: 100%;\\n min-width: var(--a11y-min-size);\\n }\\n .kol-input:focus {\\n outline: none;\\n }\\n .kol-input-color__input--color {\\n flex-grow: 1;\\n }\\n .kol-input-color__input--text {\\n width: calc(112 * 1rem / var(--kolibri-root-font-size, 16));\\n }\\n .kol-input-color__inputs-wrapper {\\n display: flex;\\n gap: calc(6 * 1rem / var(--kolibri-root-font-size, 16)) !important;\\n flex-direction: row;\\n align-items: center;\\n }\\n .kol-input {\\n cursor: pointer;\\n }\\n .kol-input:disabled {\\n cursor: not-allowed;\\n }\\n}\";\n\nconst KolInputColor = class {\n async getValue() {\n var _a;\n return (_a = this.refInputText) === null || _a === void 0 ? void 0 : _a.value;\n }\n async kolFocus() {\n var _a;\n (_a = this.refInputText) === null || _a === void 0 ? void 0 : _a.focus();\n }\n get hasSuggestions() {\n return Array.isArray(this.state._suggestions) && this.state._suggestions.length > 0;\n }\n getFormFieldProps() {\n return {\n state: this.state,\n class: 'kol-input-color',\n tooltipAlign: this._tooltipAlign,\n alert: this.showAsAlert(),\n };\n }\n getInputColorProps() {\n return Object.assign(Object.assign({}, this.getGenericInputProps()), { ref: this.catchColorRef, type: 'color', name: this.state._name ? `${this.state._name}-color` : undefined, list: this.hasSuggestions ? `${this.state._id}-list` : undefined, id: undefined, 'aria-hidden': 'true', tabIndex: -1, onInput: this.onColorInput });\n }\n getInputTextProps() {\n return Object.assign(Object.assign({}, this.getGenericInputProps()), { ref: this.catchRef, type: 'text', name: this.state._name ? `${this.state._name}-text` : undefined, list: this.hasSuggestions ? `${this.state._id}-list` : undefined, onInput: this.onTextInput });\n }\n getGenericInputProps() {\n const _a = this.state, other = __rest(_a, [\"_suggestions\"]);\n return Object.assign(Object.assign({ state: Object.assign(Object.assign({}, other), { _suggestions: [] }) }, this.controller.onFacade), { onBlur: this.onBlur, onFocus: this.onFocus });\n }\n render() {\n return (h(FormFieldStateWrapper, Object.assign({ key: 'a9a8baf58305f955d0820faff80c814487da8a56' }, this.getFormFieldProps()), h(InputContainerStateWrapperFc, { key: '38b01dba706ac81df9c7c3c02087593b22da143c', state: this.state, class: \"kol-input-color__inputs-wrapper\" }, h(\"div\", { key: '0c566fb29b89078f3063a1e169c78869a2dfc0d1', class: \"kol-input-color__inputs-wrapper\" }, h(InputStateWrapper, Object.assign({ key: 'ab44bc1b7a58d70e7492d0ab9e225073df28846e', class: \"kol-input-color__input kol-input-color__input--color\" }, this.getInputColorProps())), h(InputStateWrapper, Object.assign({ key: '5ff9950fe9f98ee0f42d3bd52d5bf5a3d8649736', class: \"kol-input-color__input kol-input-color__input--text\" }, this.getInputTextProps()))))));\n }\n constructor(hostRef) {\n registerInstance(this, hostRef);\n this.catchRef = (ref) => {\n this.refInputText = ref;\n };\n this.catchColorRef = (ref) => {\n this.refInputColor = ref;\n };\n this.onBlur = (event) => {\n this.controller.onFacade.onBlur(event);\n this.inputHasFocus = false;\n };\n this.onFocus = (event) => {\n this.controller.onFacade.onFocus(event);\n this.inputHasFocus = true;\n };\n this.onColorInput = (event) => {\n const value = event.target.value;\n this.state._value = value;\n if (this.refInputText) {\n this.refInputText.value = value;\n }\n this.controller.onFacade.onInput(event);\n };\n this.onTextInput = (event) => {\n let value = event.target.value;\n if (!value.startsWith('#')) {\n value = `#${value}`;\n }\n this._value = value;\n if (this.refInputColor) {\n this.refInputColor.value = value;\n }\n this.controller.onFacade.onInput(event);\n };\n this._autoComplete = 'off';\n this._disabled = false;\n this._hideMsg = false;\n this._hideLabel = false;\n this._hint = '';\n this._tooltipAlign = 'top';\n this._touched = false;\n this.state = {\n _hideMsg: false,\n _id: `id-${nonce()}`,\n _label: '',\n _suggestions: [],\n };\n this.inputHasFocus = false;\n this.controller = new InputColorController(this, 'color', this.host);\n }\n showAsAlert() {\n return Boolean(this.state._touched) && !this.inputHasFocus;\n }\n validateAccessKey(value) {\n this.controller.validateAccessKey(value);\n }\n validateAutoComplete(value) {\n this.controller.validateAutoComplete(value);\n }\n validateDisabled(value) {\n this.controller.validateDisabled(value);\n }\n validateHideMsg(value) {\n this.controller.validateHideMsg(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 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 validateSmartButton(value) {\n this.controller.validateSmartButton(value);\n }\n validateSuggestions(value) {\n this.controller.validateSuggestions(value);\n }\n validateSyncValueBySelector(value) {\n this.controller.validateSyncValueBySelector(value);\n }\n validateTouched(value) {\n this.controller.validateTouched(value);\n }\n validateValue(value) {\n this.controller.validateValue(value);\n }\n componentDidLoad() {\n if (!this._value && this.refInputColor) {\n this._value = this.refInputColor.value;\n }\n }\n componentWillLoad() {\n this._touched = this._touched === true;\n this.controller.componentWillLoad();\n }\n get host() { return getElement(this); }\n static get watchers() { return {\n \"_accessKey\": [\"validateAccessKey\"],\n \"_autoComplete\": [\"validateAutoComplete\"],\n \"_disabled\": [\"validateDisabled\"],\n \"_hideMsg\": [\"validateHideMsg\"],\n \"_hideLabel\": [\"validateHideLabel\"],\n \"_hint\": [\"validateHint\"],\n \"_icons\": [\"validateIcons\"],\n \"_id\": [\"validateId\"],\n \"_label\": [\"validateLabel\"],\n \"_msg\": [\"validateMsg\"],\n \"_name\": [\"validateName\"],\n \"_on\": [\"validateOn\"],\n \"_shortKey\": [\"validateShortKey\"],\n \"_smartButton\": [\"validateSmartButton\"],\n \"_suggestions\": [\"validateSuggestions\"],\n \"_syncValueBySelector\": [\"validateSyncValueBySelector\"],\n \"_touched\": [\"validateTouched\"],\n \"_value\": [\"validateValue\"]\n }; }\n};\nKolInputColor.style = {\n default: defaultStyleCss\n};\n\nexport { KolInputColor as kol_input_color };\n//# sourceMappingURL=kol-input-color.entry.js.map\n"],"names":["InputColorController","InputIconController","component","name","host","value","validateAutoComplete","validateSuggestions","watchString","defaultStyleCss","KolInputColor","_a","other","__rest","h","FormFieldStateWrapper","InputContainerStateWrapperFc","InputStateWrapper","hostRef","registerInstance","ref","event","nonce","getElement"],"mappings":"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"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"kol-input-email.entry-Rh7NyzuK.js","sources":["../../../../components/dist/esm/kol-input-email.entry.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { h, r as registerInstance, g as getElement } from './index-6vN91rDY.js';\nimport { c as clsx } from './clsx-eK3rPvPS.js';\nimport { F as FormFieldStateWrapper } from './FormFieldStateWrapper-GaiPo3FK.js';\nimport { a as InputContainerStateWrapperFc } from './controller-icon-CxUC2kIO.js';\nimport { I as InputStateWrapper } from './InputStateWrapper-iBc4zsva.js';\nimport { n as nonce } from './dev.utils-BHWGgzSt.js';\nimport { p as propagateSubmitEventToForm } from './controller-DJOhQXnE.js';\nimport './common-L1K0yh1S.js';\nimport { v as validateMaxLengthBehavior } from './max-length-behavior-N5Lbz6E-.js';\nimport { v as validateMultiple } from './multiple-D1puaB9F.js';\nimport { I as InputTextEmailController } from './controller-BeFnq48f.js';\nimport './access-and-short-key-Dy2a7Py3.js';\nimport './disabled-u5a_azlj.js';\nimport './hide-label-DjBQJOAP.js';\nimport './label-ohY9ajP0.js';\nimport './tooltip-align-DEw_M6Is.js';\nimport './align-Bcqvz5vw.js';\nimport './events-CY36RKEq.js';\nimport './associated.controller-BStrZiDY.js';\nimport './bootstrap-BsrX_E7q.js';\nimport './component-names-C3fyby67.js';\nimport './i18n-B0tfVPMa.js';\nimport './isObject-DvSELytj.js';\nimport './tslib.es6-CxX45GIN.js';\nimport './reuse-CX4AQDkS.js';\nimport './i18n-BgOmSzBT.js';\nimport './InternalUnderlinedBadgeText-D96tegi8.js';\nimport './Alert-D0UNMrPW.js';\nimport './bem-CIn1qsbp.js';\nimport './browser-CyCtPZc0.js';\nimport './Heading-s9wCZGKs.js';\nimport './Icon-BCK5_-Dl.js';\nimport './icons-B_GLbYEP.js';\nimport './Input-Roq5cRZH.js';\nimport './spell-check-DrU5XI1o.js';\nimport './suggestions-Bufr76At.js';\nimport './controller-DPZyCKru.js';\nimport './auto-complete-h9OoHuC5.js';\nimport './placeholder-DrgXYoah.js';\nimport './read-only-Bp291veM.js';\nimport './required-7L0ytoMT.js';\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 validateMaxLengthBehavior(value) {\n validateMaxLengthBehavior(this.component, value);\n }\n componentWillLoad() {\n super.componentWillLoad();\n this.validateMaxLengthBehavior(this.component._maxLengthBehavior);\n this.validateMultiple(this.component._multiple);\n }\n}\n\nconst defaultStyleCss = \"/*\\n* This file defines the layer order for all CSS layers used in KoliBri.\\n* The order is important as it determines the cascade priority.\\n*\\n* Layer order (lowest to highest priority):\\n* 1. kol-a11y - Accessibility defaults and requirements\\n* 2. kol-global - Global component styles and resets\\n* 3. kol-component - Component-specific styles\\n* 4. kol-theme-global - Theme-specific global styles\\n* 5. kol-theme-component - Theme-specific component styles\\n*/\\n@layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component;\\n/* forward the rem function */\\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(44 * 1rem / var(--kolibri-root-font-size, 16));\\n /*\\n * No element should be used without verifying the contrast ratio of its background and font colors.\\n * By initially setting the background color to white and the font color to black,\\n * the contrast ratio is ensured and explicit adjustment is forced.\\n */\\n color: black;\\n background-color: white;\\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 * Text should be aligned left by default to provide a predictable starting point.\\n */\\n text-align: left;\\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 to-rem(44).\\n */\\n /* input:not([type='checkbox'], [type='radio'], [type='range']), */\\n /* option, */\\n /* select, */\\n /* textarea, */\\n button,\\n .kol-input .input {\\n min-width: var(--a11y-min-size);\\n min-height: 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 text color from his parent element.\\n */\\n color: inherit;\\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 position: fixed;\\n top: 0;\\n left: 0;\\n width: 1px;\\n height: 1px;\\n overflow: hidden;\\n white-space: nowrap;\\n clip-path: inset(50%);\\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 width: 100%;\\n margin: 0;\\n padding: 0;\\n border: none;\\n /* 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 .badge-text-hint {\\n color: black;\\n background-color: lightgray;\\n }\\n}\\n@layer kol-global {\\n :host {\\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 font-size: calc(16 * 1rem / var(--kolibri-root-font-size, 16));\\n }\\n * {\\n /*\\n * We prefer to box-sizing: border-box for all elements.\\n */\\n box-sizing: border-box;\\n }\\n .kol-span {\\n /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\\n display: flex;\\n flex-flow: column;\\n align-items: center;\\n justify-content: center;\\n /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\\n }\\n .kol-span__container {\\n display: flex;\\n align-items: center;\\n }\\n a,\\n button {\\n cursor: pointer;\\n }\\n .kol-span .kol-span__label--hide-label .kol-span__label {\\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 opacity: 0.5;\\n outline: none;\\n cursor: not-allowed;\\n }\\n [aria-disabled=true]:focus .kol-span,\\n [disabled]:focus .kol-span {\\n outline: none !important;\\n }\\n}\\n@layer kol-component {\\n :host {\\n display: block;\\n }\\n}\\n@layer kol-component {\\n .kol-tooltip {\\n display: contents;\\n }\\n .kol-tooltip__floating {\\n opacity: 0;\\n display: none;\\n position: fixed;\\n /* Avoid layout interference - see https://floating-ui.com/docs/computePosition */\\n top: 0;\\n left: 0;\\n /* Can be used to specify the tooltip-width from the outside. Unset by default. */\\n width: var(--kol-tooltip-width, max-content);\\n min-width: calc(8 * 1rem / var(--kolibri-root-font-size, 16));\\n max-width: 90vw;\\n max-height: 90vh;\\n animation-direction: normal;\\n /* Can be used to specify the animation duration from the outside. 250ms by default. */\\n animation-duration: var(--kolibri-tooltip-animation-duration, 250ms);\\n animation-fill-mode: forwards;\\n animation-iteration-count: 1;\\n animation-timing-function: ease-in;\\n }\\n .kol-tooltip__floating.hide {\\n animation-name: hideTooltip;\\n }\\n .kol-tooltip__floating.show {\\n animation-name: showTooltip;\\n }\\n .kol-tooltip__arrow {\\n transform: rotate(45deg);\\n color: #000;\\n background-color: #fff;\\n position: absolute;\\n z-index: 999;\\n width: calc(10 * 1rem / var(--kolibri-root-font-size, 16));\\n height: calc(10 * 1rem / var(--kolibri-root-font-size, 16));\\n }\\n .kol-tooltip__content {\\n color: #000;\\n background-color: #fff;\\n position: relative;\\n z-index: 1000;\\n }\\n @keyframes hideTooltip {\\n 0% {\\n opacity: 1;\\n }\\n 100% {\\n opacity: 0;\\n display: none;\\n }\\n }\\n @keyframes showTooltip {\\n 0% {\\n opacity: 0;\\n }\\n 100% {\\n opacity: 1;\\n }\\n }\\n}\\n@layer kol-component {\\n .kol-alert {\\n display: grid;\\n }\\n .kol-alert__container {\\n display: flex;\\n place-items: center;\\n }\\n .kol-alert__container-content {\\n flex-grow: 1;\\n }\\n .kol-alert__closer {\\n /* Visible with forced colors */\\n outline: transparent solid calc(1 * 1rem / var(--kolibri-root-font-size, 16));\\n }\\n .kol-form-field {\\n display: grid;\\n }\\n .kol-form-field:not(.kol-form-field--disabled) .kol-form-field__label {\\n cursor: pointer;\\n }\\n .kol-form-field--disabled .kol-form-field__label {\\n opacity: 0.5;\\n }\\n .kol-form-field--required .kol-form-field__label-text::after {\\n content: \\\"*\\\"/\\\"\\\";\\n }\\n .kol-form-field--disabled .kol-form-field__hint {\\n opacity: 0.5;\\n }\\n .kol-form-field--required .kol-form-field__tooltip .span-label::after {\\n content: \\\"*\\\"/\\\"\\\";\\n }\\n .kol-input-container {\\n background-color: transparent;\\n display: grid;\\n width: 100%;\\n min-width: var(--a11y-min-size);\\n min-height: var(--a11y-min-size);\\n align-items: center;\\n grid-template-columns: 1fr;\\n }\\n .kol-input-container:has(> .kol-input-container__adornment--start:not(:empty)) {\\n grid-template-columns: auto 1fr;\\n }\\n .kol-input-container:has(> .kol-input-container__adornment--end:not(:empty)) {\\n grid-template-columns: 1fr auto;\\n }\\n .kol-input-container:has(> .kol-input-container__adornment--start:not(:empty)):has(> .kol-input-container__adornment--end:not(:empty)) {\\n grid-template-columns: auto 1fr auto;\\n }\\n .kol-input-container__container {\\n position: relative;\\n }\\n .kol-input-container__adornment {\\n display: flex;\\n align-items: center;\\n }\\n .kol-input-container__adornment .kol-icon {\\n display: grid;\\n height: var(--a11y-min-size);\\n place-items: center;\\n }\\n .kol-input {\\n background-color: transparent;\\n width: 100%;\\n min-width: var(--a11y-min-size);\\n }\\n .kol-input:focus {\\n outline: none;\\n }\\n}\";\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 kolFocus() {\n var _a;\n (_a = this.inputRef) === null || _a === void 0 ? void 0 : _a.focus();\n }\n getFormFieldProps() {\n return {\n state: this.state,\n class: clsx('kol-input-email', 'email', {\n 'has-value': this.state._hasValue,\n 'kol-form-field--has-counter': this.controller.hasSoftCharacterLimit() || this.controller.hasCounter(),\n }),\n tooltipAlign: this._tooltipAlign,\n alert: this.showAsAlert(),\n };\n }\n getInputProps() {\n const ariaDescribedBy = typeof this.state._maxLength === 'number' ? [`${this.state._id}-character-limit-hint`] : undefined;\n return Object.assign(Object.assign({ ref: this.catchRef, state: this.state, type: 'email', ariaDescribedBy }, this.controller.onFacade), { 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 render() {\n return (h(FormFieldStateWrapper, Object.assign({ key: 'f6847f7adcceccc5156ca7108293e863ace8fb1f' }, this.getFormFieldProps()), h(InputContainerStateWrapperFc, { key: 'dc180e9fc68c63016dedde5680ce2ee2c1118519', state: this.state }, h(InputStateWrapper, Object.assign({ key: '73735b308bd8c3ecdb4261bed785dc0686ead067' }, this.getInputProps())))));\n }\n constructor(hostRef) {\n registerInstance(this, hostRef);\n this.catchRef = (ref) => {\n this.inputRef = ref;\n };\n this.onKeyDown = (event) => {\n this.controller.onFacade.onKeyDown(event);\n if (event.code === 'Enter' || event.code === 'NumpadEnter') {\n propagateSubmitEventToForm({\n form: this.host});\n }\n };\n this.onInput = (event) => {\n this._value = event.target.value;\n this.controller.onFacade.onInput(event);\n };\n this._autoComplete = 'off';\n this._hasCounter = false;\n this._maxLengthBehavior = 'hard';\n this._disabled = false;\n this._hideMsg = false;\n this._hideLabel = false;\n this._hint = '';\n this._multiple = false;\n this._readOnly = false;\n this._required = false;\n this._tooltipAlign = 'top';\n this._touched = false;\n this.state = {\n _currentLength: 0,\n _currentLengthDebounced: 0,\n _hasValue: false,\n _hideMsg: 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 return Boolean(this.state._touched) && !this.inputHasFocus;\n }\n validateAccessKey(value) {\n this.controller.validateAccessKey(value);\n }\n validateAutoComplete(value) {\n this.controller.validateAutoComplete(value);\n }\n validateDisabled(value) {\n this.controller.validateDisabled(value);\n }\n validateHideMsg(value) {\n this.controller.validateHideMsg(value);\n }\n validateHideLabel(value) {\n this.controller.validateHideLabel(value);\n }\n validateHasCounter(value) {\n this.controller.validateHasCounter(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 validateTouched(value) {\n this.controller.validateTouched(value);\n }\n validateValue(value) {\n this.controller.validateValue(value);\n }\n validateMaxLengthBehavior(value) {\n this.controller.validateMaxLengthBehavior(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 get host() { return getElement(this); }\n static get watchers() { return {\n \"_accessKey\": [\"validateAccessKey\"],\n \"_autoComplete\": [\"validateAutoComplete\"],\n \"_disabled\": [\"validateDisabled\"],\n \"_hideMsg\": [\"validateHideMsg\"],\n \"_hideLabel\": [\"validateHideLabel\"],\n \"_hasCounter\": [\"validateHasCounter\"],\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 \"_touched\": [\"validateTouched\"],\n \"_value\": [\"validateValue\"],\n \"_maxLengthBehavior\": [\"validateMaxLengthBehavior\"]\n }; }\n};\nKolInputEmail.style = {\n default: defaultStyleCss\n};\n\nexport { KolInputEmail as kol_input_email };\n//# sourceMappingURL=kol-input-email.entry.js.map\n"],"names":["InputEmailController","InputTextEmailController","component","name","host","value","validateMultiple","validateMaxLengthBehavior","defaultStyleCss","KolInputEmail","_a","clsx","ariaDescribedBy","event","h","FormFieldStateWrapper","InputContainerStateWrapperFc","InputStateWrapper","hostRef","registerInstance","ref","propagateSubmitEventToForm","nonce","v","getElement"],"mappings":"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"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"kol-input-file.entry-CANVUev4.js","sources":["../../../../components/dist/esm/kol-input-file.entry.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { h, r as registerInstance, g as getElement } from './index-6vN91rDY.js';\nimport { c as clsx } from './clsx-eK3rPvPS.js';\nimport { d as KolButtonWcTag } from './component-names-C3fyby67.js';\nimport { F as FormFieldStateWrapper } from './FormFieldStateWrapper-GaiPo3FK.js';\nimport { I as InputIconController, a as InputContainerStateWrapperFc } from './controller-icon-CxUC2kIO.js';\nimport { I as InputStateWrapper } from './InputStateWrapper-iBc4zsva.js';\nimport { t as translate } from './i18n-BgOmSzBT.js';\nimport { n as nonce } from './dev.utils-BHWGgzSt.js';\nimport { e as watchString } from './common-L1K0yh1S.js';\nimport { v as validateMultiple } from './multiple-D1puaB9F.js';\nimport { v as validateRequired } from './required-7L0ytoMT.js';\nimport './access-and-short-key-Dy2a7Py3.js';\nimport './disabled-u5a_azlj.js';\nimport './hide-label-DjBQJOAP.js';\nimport './label-ohY9ajP0.js';\nimport './tooltip-align-DEw_M6Is.js';\nimport './align-Bcqvz5vw.js';\nimport './events-CY36RKEq.js';\nimport './associated.controller-BStrZiDY.js';\nimport './bootstrap-BsrX_E7q.js';\nimport './i18n-B0tfVPMa.js';\nimport './isObject-DvSELytj.js';\nimport './tslib.es6-CxX45GIN.js';\nimport './reuse-CX4AQDkS.js';\nimport './InternalUnderlinedBadgeText-D96tegi8.js';\nimport './Alert-D0UNMrPW.js';\nimport './bem-CIn1qsbp.js';\nimport './browser-CyCtPZc0.js';\nimport './Heading-s9wCZGKs.js';\nimport './Icon-BCK5_-Dl.js';\nimport './icons-B_GLbYEP.js';\nimport './Input-Roq5cRZH.js';\n\nconst validateAccept = (component, value, options = {}) => {\n watchString(component, '_accept', value, options);\n};\n\nclass InputFileController extends InputIconController {\n constructor(component, name, host) {\n super(component, name, host);\n this.component = component;\n }\n validateAccept(value) {\n validateAccept(this.component, value);\n }\n validateMultiple(value) {\n validateMultiple(this.component, value);\n }\n validateRequired(value) {\n validateRequired(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 }\n}\n\nconst defaultStyleCss = \"@charset \\\"UTF-8\\\";\\n/*\\n* This file defines the layer order for all CSS layers used in KoliBri.\\n* The order is important as it determines the cascade priority.\\n*\\n* Layer order (lowest to highest priority):\\n* 1. kol-a11y - Accessibility defaults and requirements\\n* 2. kol-global - Global component styles and resets\\n* 3. kol-component - Component-specific styles\\n* 4. kol-theme-global - Theme-specific global styles\\n* 5. kol-theme-component - Theme-specific component styles\\n*/\\n@layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component;\\n/* forward the rem function */\\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(44 * 1rem / var(--kolibri-root-font-size, 16));\\n /*\\n * No element should be used without verifying the contrast ratio of its background and font colors.\\n * By initially setting the background color to white and the font color to black,\\n * the contrast ratio is ensured and explicit adjustment is forced.\\n */\\n color: black;\\n background-color: white;\\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 * Text should be aligned left by default to provide a predictable starting point.\\n */\\n text-align: left;\\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 to-rem(44).\\n */\\n /* input:not([type='checkbox'], [type='radio'], [type='range']), */\\n /* option, */\\n /* select, */\\n /* textarea, */\\n button,\\n .kol-input .input {\\n min-width: var(--a11y-min-size);\\n min-height: 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 text color from his parent element.\\n */\\n color: inherit;\\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 position: fixed;\\n top: 0;\\n left: 0;\\n width: 1px;\\n height: 1px;\\n overflow: hidden;\\n white-space: nowrap;\\n clip-path: inset(50%);\\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 width: 100%;\\n margin: 0;\\n padding: 0;\\n border: none;\\n /* 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 .badge-text-hint {\\n color: black;\\n background-color: lightgray;\\n }\\n}\\n@layer kol-global {\\n :host {\\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 font-size: calc(16 * 1rem / var(--kolibri-root-font-size, 16));\\n }\\n * {\\n /*\\n * We prefer to box-sizing: border-box for all elements.\\n */\\n box-sizing: border-box;\\n }\\n .kol-span {\\n /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\\n display: flex;\\n flex-flow: column;\\n align-items: center;\\n justify-content: center;\\n /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\\n }\\n .kol-span__container {\\n display: flex;\\n align-items: center;\\n }\\n a,\\n button {\\n cursor: pointer;\\n }\\n .kol-span .kol-span__label--hide-label .kol-span__label {\\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 opacity: 0.5;\\n outline: none;\\n cursor: not-allowed;\\n }\\n [aria-disabled=true]:focus .kol-span,\\n [disabled]:focus .kol-span {\\n outline: none !important;\\n }\\n}\\n@layer kol-component {\\n :host {\\n display: block;\\n }\\n}\\n@layer kol-component {\\n .kol-tooltip {\\n display: contents;\\n }\\n .kol-tooltip__floating {\\n opacity: 0;\\n display: none;\\n position: fixed;\\n /* Avoid layout interference - see https://floating-ui.com/docs/computePosition */\\n top: 0;\\n left: 0;\\n /* Can be used to specify the tooltip-width from the outside. Unset by default. */\\n width: var(--kol-tooltip-width, max-content);\\n min-width: calc(8 * 1rem / var(--kolibri-root-font-size, 16));\\n max-width: 90vw;\\n max-height: 90vh;\\n animation-direction: normal;\\n /* Can be used to specify the animation duration from the outside. 250ms by default. */\\n animation-duration: var(--kolibri-tooltip-animation-duration, 250ms);\\n animation-fill-mode: forwards;\\n animation-iteration-count: 1;\\n animation-timing-function: ease-in;\\n }\\n .kol-tooltip__floating.hide {\\n animation-name: hideTooltip;\\n }\\n .kol-tooltip__floating.show {\\n animation-name: showTooltip;\\n }\\n .kol-tooltip__arrow {\\n transform: rotate(45deg);\\n color: #000;\\n background-color: #fff;\\n position: absolute;\\n z-index: 999;\\n width: calc(10 * 1rem / var(--kolibri-root-font-size, 16));\\n height: calc(10 * 1rem / var(--kolibri-root-font-size, 16));\\n }\\n .kol-tooltip__content {\\n color: #000;\\n background-color: #fff;\\n position: relative;\\n z-index: 1000;\\n }\\n @keyframes hideTooltip {\\n 0% {\\n opacity: 1;\\n }\\n 100% {\\n opacity: 0;\\n display: none;\\n }\\n }\\n @keyframes showTooltip {\\n 0% {\\n opacity: 0;\\n }\\n 100% {\\n opacity: 1;\\n }\\n }\\n}\\n@layer kol-component {\\n .kol-alert {\\n display: grid;\\n }\\n .kol-alert__container {\\n display: flex;\\n place-items: center;\\n }\\n .kol-alert__container-content {\\n flex-grow: 1;\\n }\\n .kol-alert__closer {\\n /* Visible with forced colors */\\n outline: transparent solid calc(1 * 1rem / var(--kolibri-root-font-size, 16));\\n }\\n .kol-form-field {\\n display: grid;\\n }\\n .kol-form-field:not(.kol-form-field--disabled) .kol-form-field__label {\\n cursor: pointer;\\n }\\n .kol-form-field--disabled .kol-form-field__label {\\n opacity: 0.5;\\n }\\n .kol-form-field--required .kol-form-field__label-text::after {\\n content: \\\"*\\\"/\\\"\\\";\\n }\\n .kol-form-field--disabled .kol-form-field__hint {\\n opacity: 0.5;\\n }\\n .kol-form-field--required .kol-form-field__tooltip .span-label::after {\\n content: \\\"*\\\"/\\\"\\\";\\n }\\n .kol-input-container {\\n background-color: transparent;\\n display: grid;\\n width: 100%;\\n min-width: var(--a11y-min-size);\\n min-height: var(--a11y-min-size);\\n align-items: center;\\n grid-template-columns: 1fr;\\n }\\n .kol-input-container:has(> .kol-input-container__adornment--start:not(:empty)) {\\n grid-template-columns: auto 1fr;\\n }\\n .kol-input-container:has(> .kol-input-container__adornment--end:not(:empty)) {\\n grid-template-columns: 1fr auto;\\n }\\n .kol-input-container:has(> .kol-input-container__adornment--start:not(:empty)):has(> .kol-input-container__adornment--end:not(:empty)) {\\n grid-template-columns: auto 1fr auto;\\n }\\n .kol-input-container__container {\\n position: relative;\\n }\\n .kol-input-container__adornment {\\n display: flex;\\n align-items: center;\\n }\\n .kol-input-container__adornment .kol-icon {\\n display: grid;\\n height: var(--a11y-min-size);\\n place-items: center;\\n }\\n .kol-input {\\n background-color: transparent;\\n width: 100%;\\n min-width: var(--a11y-min-size);\\n }\\n .kol-input:focus {\\n outline: none;\\n }\\n :host {\\n display: inline-block;\\n }\\n .kol-button {\\n display: flex;\\n min-height: var(--a11y-min-size);\\n font-style: calc(16 * 1rem / var(--kolibri-root-font-size, 16));\\n text-decoration-line: none;\\n }\\n .kol-button::before {\\n /* Render zero-width character as first element to set the baseline correctly. */\\n content: \\\"\\\";\\n }\\n .kol-button__text {\\n flex: 1 0 100%;\\n }\\n .kol-input {\\n opacity: 0;\\n position: absolute;\\n inset: 0;\\n width: 100%;\\n height: 100%;\\n padding: calc((var(--a11y-min-size) - 16 * 1rem / var(--kolibri-root-font-size, 16)) / 10) 0.5em;\\n cursor: pointer;\\n }\\n .kol-input::-webkit-file-upload-button, .kol-input::file-selector-button {\\n cursor: pointer;\\n }\\n .kol-input:disabled, .kol-input:disabled::-webkit-file-upload-button, .kol-input:disabled::file-selector-button {\\n cursor: not-allowed;\\n pointer-events: none;\\n }\\n .kol-input-container__container {\\n display: flex;\\n height: var(--a11y-min-size);\\n overflow: hidden;\\n align-items: center;\\n }\\n .kol-input-container__filename {\\n margin-left: calc(4 * 1rem / var(--kolibri-root-font-size, 16));\\n overflow: hidden;\\n flex-grow: 1;\\n white-space: nowrap;\\n text-overflow: ellipsis;\\n }\\n .kol-input-container:has(> .kol-input-container__adornment--start):has(> .kol-input-container__adornment--end) {\\n grid-template-columns: auto 1fr;\\n }\\n}\";\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 kolFocus() {\n var _a;\n (_a = this.inputRef) === null || _a === void 0 ? void 0 : _a.focus();\n }\n async reset() {\n this.controller.setFormAssociatedValue('');\n this.filename = this.translateFilenameText;\n this.hasFileSelected = false;\n if (this.inputRef) {\n this.inputRef.value = '';\n }\n }\n getFormFieldProps() {\n return {\n state: this.state,\n class: clsx('kol-input-file', 'file'),\n tooltipAlign: this._tooltipAlign,\n alert: this.showAsAlert(),\n };\n }\n getInputProps() {\n return Object.assign(Object.assign({ ref: this.catchRef, state: this.state, type: 'file', accept: this.state._accept, multiple: this.state._multiple }, 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 render() {\n return (h(FormFieldStateWrapper, Object.assign({ key: '558fc9257273a3587a1b6a02025c14513c02d191' }, this.getFormFieldProps()), h(InputContainerStateWrapperFc, { key: '81d0a3762e019cb406b92598e270bd5949cc5fae', state: this.state }, h(\"span\", { key: '4efe43a4882d3b3b179ae25065f83e962e3df615', class: clsx('kol-input-container__filename', { 'kol-input-container__filename--has-file': this.hasFileSelected }) }, this.filename), h(InputStateWrapper, Object.assign({ key: '49ba7e1659a3d0390f3de9be34a50618fdcf2252' }, this.getInputProps())), h(KolButtonWcTag, { key: 'fb7260d1a845f5c65b3a6f9856e1b44634280108', class: \"kol-input-container__button\", _label: this.translateDataBrowseText, _buttonVariant: \"primary\", _disabled: this._disabled }))));\n }\n constructor(hostRef) {\n registerInstance(this, hostRef);\n this.translateDataBrowseText = translate('kol-data-browse-text');\n this.translateFilenameText = translate('kol-filename-text');\n this.catchRef = (ref) => {\n this.inputRef = ref;\n };\n this._disabled = false;\n this._hideMsg = false;\n this._hideLabel = false;\n this._hint = '';\n this._multiple = false;\n this._required = false;\n this._tooltipAlign = 'top';\n this._touched = false;\n this.filename = this.translateFilenameText;\n this.hasFileSelected = false;\n this.state = {\n _hideMsg: false,\n _id: `id-${nonce()}`,\n _label: '',\n };\n this.inputHasFocus = false;\n this.onDragOver = (event) => {\n var _a, _b, _c;\n event.preventDefault();\n (_c = (_b = (_a = this.inputRef) === null || _a === void 0 ? void 0 : _a.parentElement) === null || _b === void 0 ? void 0 : _b.parentElement) === null || _c === void 0 ? void 0 : _c.classList.add('kol-input-container--is-dragover');\n };\n this.onDragLeave = () => {\n var _a, _b, _c;\n (_c = (_b = (_a = this.inputRef) === null || _a === void 0 ? void 0 : _a.parentElement) === null || _b === void 0 ? void 0 : _b.parentElement) === null || _c === void 0 ? void 0 : _c.classList.remove('kol-input-container--is-dragover');\n };\n this.onDrop = (event) => {\n var _a, _b, _c, _d;\n event.preventDefault();\n (_c = (_b = (_a = this.inputRef) === null || _a === void 0 ? void 0 : _a.parentElement) === null || _b === void 0 ? void 0 : _b.parentElement) === null || _c === void 0 ? void 0 : _c.classList.remove('kol-input-container--is-dragover');\n if ((_d = event.dataTransfer) === null || _d === void 0 ? void 0 : _d.files.length) {\n const files = event.dataTransfer.files;\n this.filename = Array.from(files)\n .map((file) => file.name)\n .join(', ');\n this.controller.setFormAssociatedValue(files);\n }\n };\n this.onChange = (event) => {\n if (this.inputRef instanceof HTMLInputElement && this.inputRef.type === 'file') {\n const value = this.inputRef.files;\n this.hasFileSelected = !!(value === null || value === void 0 ? void 0 : value.length);\n this.filename = (value === null || value === void 0 ? void 0 : value.length)\n ? Array.from(value)\n .map((file) => file.name)\n .join(', ')\n : this.translateFilenameText;\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 files = this.inputRef.files;\n this.controller.onFacade.onInput(event, false, files);\n }\n };\n this.controller = new InputFileController(this, 'file', this.host);\n }\n showAsAlert() {\n return Boolean(this.state._touched) && !this.inputHasFocus;\n }\n validateAccept(value) {\n this.controller.validateAccept(value);\n }\n validateAccessKey(value) {\n this.controller.validateAccessKey(value);\n }\n validateDisabled(value) {\n this.controller.validateDisabled(value);\n }\n validateHideMsg(value) {\n this.controller.validateHideMsg(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 validateTouched(value) {\n this.controller.validateTouched(value);\n }\n componentWillLoad() {\n this._touched = this._touched === true;\n this.controller.componentWillLoad();\n }\n componentDidLoad() {\n var _a, _b;\n const container = (_b = (_a = this.inputRef) === null || _a === void 0 ? void 0 : _a.parentElement) === null || _b === void 0 ? void 0 : _b.parentElement;\n container === null || container === void 0 ? void 0 : container.addEventListener('dragover', this.onDragOver);\n container === null || container === void 0 ? void 0 : container.addEventListener('dragleave', this.onDragLeave);\n container === null || container === void 0 ? void 0 : container.addEventListener('drop', this.onDrop);\n }\n get host() { return getElement(this); }\n static get watchers() { return {\n \"_accept\": [\"validateAccept\"],\n \"_accessKey\": [\"validateAccessKey\"],\n \"_disabled\": [\"validateDisabled\"],\n \"_hideMsg\": [\"validateHideMsg\"],\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 \"_touched\": [\"validateTouched\"]\n }; }\n};\nKolInputFile.style = {\n default: defaultStyleCss\n};\n\nexport { KolInputFile as kol_input_file };\n//# sourceMappingURL=kol-input-file.entry.js.map\n"],"names":["validateAccept","component","value","options","watchString","InputFileController","InputIconController","name","host","validateMultiple","validateRequired","defaultStyleCss","KolInputFile","_a","clsx","event","h","FormFieldStateWrapper","InputContainerStateWrapperFc","InputStateWrapper","KolButtonWcTag","hostRef","registerInstance","translate","ref","nonce","_b","_c","_d","files","file","container","getElement"],"mappings":"8pCAoCA,MAAMA,EAAiB,CAACC,EAAWC,EAAOC,EAAU,CAAA,IAAO,CACvDC,EAAYH,EAAW,UAAWC,EAAOC,CAAO,CACpD,EAEA,MAAME,UAA4BC,CAAoB,CAClD,YAAYL,EAAWM,EAAMC,EAAM,CAC/B,MAAMP,EAAWM,EAAMC,CAAI,EAC3B,KAAK,UAAYP,CACrB,CACA,eAAeC,EAAO,CAClBF,EAAe,KAAK,UAAWE,CAAK,CACxC,CACA,iBAAiBA,EAAO,CACpBO,EAAiB,KAAK,UAAWP,CAAK,CAC1C,CACA,iBAAiBA,EAAO,CACpBQ,EAAiB,KAAK,UAAWR,CAAK,CAC1C,CACA,mBAAoB,CAChB,MAAM,kBAAiB,EACvB,KAAK,eAAe,KAAK,UAAU,OAAO,EAC1C,KAAK,iBAAiB,KAAK,UAAU,SAAS,EAC9C,KAAK,iBAAiB,KAAK,UAAU,SAAS,CAClD,CACJ,CAEA,MAAMS,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;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;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-number.entry-BcDwHWU2.js","sources":["../../../../components/dist/esm/kol-input-number.entry.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { h, r as registerInstance, g as getElement } from './index-6vN91rDY.js';\nimport { c as clsx } from './clsx-eK3rPvPS.js';\nimport { F as FormFieldStateWrapper } from './FormFieldStateWrapper-GaiPo3FK.js';\nimport { I as InputIconController, a as InputContainerStateWrapperFc } from './controller-icon-CxUC2kIO.js';\nimport { I as InputStateWrapper } from './InputStateWrapper-iBc4zsva.js';\nimport './Alert-D0UNMrPW.js';\nimport './common-L1K0yh1S.js';\nimport './i18n-BgOmSzBT.js';\nimport { K as KolIconFc } from './Icon-BCK5_-Dl.js';\nimport './markdown-CVks1MC0.js';\nimport { n as nonce } from './dev.utils-BHWGgzSt.js';\nimport { p as propagateSubmitEventToForm } from './controller-DJOhQXnE.js';\nimport { v as validateAutoComplete } from './auto-complete-h9OoHuC5.js';\nimport { v as validatePlaceholder } from './placeholder-DrgXYoah.js';\nimport { v as validateReadOnly } from './read-only-Bp291veM.js';\nimport { v as validateRequired } from './required-7L0ytoMT.js';\nimport { v as validateSuggestions } from './suggestions-Bufr76At.js';\nimport './access-and-short-key-Dy2a7Py3.js';\nimport './disabled-u5a_azlj.js';\nimport './hide-label-DjBQJOAP.js';\nimport './label-ohY9ajP0.js';\nimport './tooltip-align-DEw_M6Is.js';\nimport './align-Bcqvz5vw.js';\nimport './events-CY36RKEq.js';\nimport './associated.controller-BStrZiDY.js';\nimport './bootstrap-BsrX_E7q.js';\nimport './component-names-C3fyby67.js';\nimport './i18n-B0tfVPMa.js';\nimport './isObject-DvSELytj.js';\nimport './tslib.es6-CxX45GIN.js';\nimport './reuse-CX4AQDkS.js';\nimport './InternalUnderlinedBadgeText-D96tegi8.js';\nimport './icons-B_GLbYEP.js';\nimport './Input-Roq5cRZH.js';\nimport './bem-CIn1qsbp.js';\nimport './browser-CyCtPZc0.js';\nimport './Heading-s9wCZGKs.js';\n\nclass InputNumberController extends InputIconController {\n constructor(component, name, host) {\n super(component, name, host);\n this.component = component;\n }\n validateAutoComplete(value) {\n validateAutoComplete(this.component, value);\n }\n validateSuggestions(value) {\n validateSuggestions(this.component, value);\n }\n validateMax(value) {\n this.validateNumber('_max', value);\n }\n validateMin(value) {\n this.validateNumber('_min', value);\n }\n validatePlaceholder(value) {\n validatePlaceholder(this.component, value);\n }\n validateReadOnly(value) {\n validateReadOnly(this.component, value);\n }\n validateRequired(value) {\n validateRequired(this.component, value);\n }\n validateStep(value) {\n this.validateNumber('_step', value);\n }\n validateValue(value) {\n this.validateNumber('_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.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 defines the layer order for all CSS layers used in KoliBri.\\n* The order is important as it determines the cascade priority.\\n*\\n* Layer order (lowest to highest priority):\\n* 1. kol-a11y - Accessibility defaults and requirements\\n* 2. kol-global - Global component styles and resets\\n* 3. kol-component - Component-specific styles\\n* 4. kol-theme-global - Theme-specific global styles\\n* 5. kol-theme-component - Theme-specific component styles\\n*/\\n@layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component;\\n/* forward the rem function */\\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(44 * 1rem / var(--kolibri-root-font-size, 16));\\n /*\\n * No element should be used without verifying the contrast ratio of its background and font colors.\\n * By initially setting the background color to white and the font color to black,\\n * the contrast ratio is ensured and explicit adjustment is forced.\\n */\\n color: black;\\n background-color: white;\\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 * Text should be aligned left by default to provide a predictable starting point.\\n */\\n text-align: left;\\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 to-rem(44).\\n */\\n /* input:not([type='checkbox'], [type='radio'], [type='range']), */\\n /* option, */\\n /* select, */\\n /* textarea, */\\n button,\\n .kol-input .input {\\n min-width: var(--a11y-min-size);\\n min-height: 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 text color from his parent element.\\n */\\n color: inherit;\\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 position: fixed;\\n top: 0;\\n left: 0;\\n width: 1px;\\n height: 1px;\\n overflow: hidden;\\n white-space: nowrap;\\n clip-path: inset(50%);\\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 width: 100%;\\n margin: 0;\\n padding: 0;\\n border: none;\\n /* 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 .badge-text-hint {\\n color: black;\\n background-color: lightgray;\\n }\\n}\\n@layer kol-global {\\n :host {\\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 font-size: calc(16 * 1rem / var(--kolibri-root-font-size, 16));\\n }\\n * {\\n /*\\n * We prefer to box-sizing: border-box for all elements.\\n */\\n box-sizing: border-box;\\n }\\n .kol-span {\\n /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\\n display: flex;\\n flex-flow: column;\\n align-items: center;\\n justify-content: center;\\n /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\\n }\\n .kol-span__container {\\n display: flex;\\n align-items: center;\\n }\\n a,\\n button {\\n cursor: pointer;\\n }\\n .kol-span .kol-span__label--hide-label .kol-span__label {\\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 opacity: 0.5;\\n outline: none;\\n cursor: not-allowed;\\n }\\n [aria-disabled=true]:focus .kol-span,\\n [disabled]:focus .kol-span {\\n outline: none !important;\\n }\\n}\\n@layer kol-component {\\n :host {\\n display: block;\\n }\\n}\\n@layer kol-component {\\n .kol-tooltip {\\n display: contents;\\n }\\n .kol-tooltip__floating {\\n opacity: 0;\\n display: none;\\n position: fixed;\\n /* Avoid layout interference - see https://floating-ui.com/docs/computePosition */\\n top: 0;\\n left: 0;\\n /* Can be used to specify the tooltip-width from the outside. Unset by default. */\\n width: var(--kol-tooltip-width, max-content);\\n min-width: calc(8 * 1rem / var(--kolibri-root-font-size, 16));\\n max-width: 90vw;\\n max-height: 90vh;\\n animation-direction: normal;\\n /* Can be used to specify the animation duration from the outside. 250ms by default. */\\n animation-duration: var(--kolibri-tooltip-animation-duration, 250ms);\\n animation-fill-mode: forwards;\\n animation-iteration-count: 1;\\n animation-timing-function: ease-in;\\n }\\n .kol-tooltip__floating.hide {\\n animation-name: hideTooltip;\\n }\\n .kol-tooltip__floating.show {\\n animation-name: showTooltip;\\n }\\n .kol-tooltip__arrow {\\n transform: rotate(45deg);\\n color: #000;\\n background-color: #fff;\\n position: absolute;\\n z-index: 999;\\n width: calc(10 * 1rem / var(--kolibri-root-font-size, 16));\\n height: calc(10 * 1rem / var(--kolibri-root-font-size, 16));\\n }\\n .kol-tooltip__content {\\n color: #000;\\n background-color: #fff;\\n position: relative;\\n z-index: 1000;\\n }\\n @keyframes hideTooltip {\\n 0% {\\n opacity: 1;\\n }\\n 100% {\\n opacity: 0;\\n display: none;\\n }\\n }\\n @keyframes showTooltip {\\n 0% {\\n opacity: 0;\\n }\\n 100% {\\n opacity: 1;\\n }\\n }\\n}\\n@layer kol-component {\\n .kol-alert {\\n display: grid;\\n }\\n .kol-alert__container {\\n display: flex;\\n place-items: center;\\n }\\n .kol-alert__container-content {\\n flex-grow: 1;\\n }\\n .kol-alert__closer {\\n /* Visible with forced colors */\\n outline: transparent solid calc(1 * 1rem / var(--kolibri-root-font-size, 16));\\n }\\n .kol-form-field {\\n display: grid;\\n }\\n .kol-form-field:not(.kol-form-field--disabled) .kol-form-field__label {\\n cursor: pointer;\\n }\\n .kol-form-field--disabled .kol-form-field__label {\\n opacity: 0.5;\\n }\\n .kol-form-field--required .kol-form-field__label-text::after {\\n content: \\\"*\\\"/\\\"\\\";\\n }\\n .kol-form-field--disabled .kol-form-field__hint {\\n opacity: 0.5;\\n }\\n .kol-form-field--required .kol-form-field__tooltip .span-label::after {\\n content: \\\"*\\\"/\\\"\\\";\\n }\\n .kol-input-container {\\n background-color: transparent;\\n display: grid;\\n width: 100%;\\n min-width: var(--a11y-min-size);\\n min-height: var(--a11y-min-size);\\n align-items: center;\\n grid-template-columns: 1fr;\\n }\\n .kol-input-container:has(> .kol-input-container__adornment--start:not(:empty)) {\\n grid-template-columns: auto 1fr;\\n }\\n .kol-input-container:has(> .kol-input-container__adornment--end:not(:empty)) {\\n grid-template-columns: 1fr auto;\\n }\\n .kol-input-container:has(> .kol-input-container__adornment--start:not(:empty)):has(> .kol-input-container__adornment--end:not(:empty)) {\\n grid-template-columns: auto 1fr auto;\\n }\\n .kol-input-container__container {\\n position: relative;\\n }\\n .kol-input-container__adornment {\\n display: flex;\\n align-items: center;\\n }\\n .kol-input-container__adornment .kol-icon {\\n display: grid;\\n height: var(--a11y-min-size);\\n place-items: center;\\n }\\n .kol-input {\\n background-color: transparent;\\n width: 100%;\\n min-width: var(--a11y-min-size);\\n }\\n .kol-input:focus {\\n outline: none;\\n }\\n .kol-input-number input {\\n appearance: textfield;\\n text-align: right;\\n }\\n .kol-input-number input::-webkit-inner-spin-button {\\n display: none;\\n }\\n}\";\n\nconst KolInputNumber = class {\n async getValue() {\n return this.remapValue(this.state._value);\n }\n async kolFocus() {\n var _a;\n (_a = this.inputRef) === null || _a === void 0 ? void 0 : _a.focus();\n }\n setInitialValueType(value) {\n if (this.controller.isNumberString(value)) {\n this._initialValueType = 'NumberString';\n }\n else if (typeof value === 'number' && !isNaN(value)) {\n this._initialValueType = 'number';\n }\n else {\n this._initialValueType = 'null';\n }\n }\n remapValue(value) {\n if (value === undefined || value === null) {\n return null;\n }\n else if (this._initialValueType === 'NumberString') {\n return String(value);\n }\n return value;\n }\n getFormFieldProps() {\n return {\n state: this.state,\n class: clsx('kol-input-number', 'number', {\n 'has-value': this.state._hasValue,\n }),\n tooltipAlign: this._tooltipAlign,\n alert: this.showAsAlert(),\n };\n }\n getInputProps() {\n return Object.assign(Object.assign({ ref: this.catchRef, state: this.state, type: 'number' }, this.controller.onFacade), { onInput: this.onInput, onChange: this.onChange, 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 getStepUpButton() {\n if (this._disabled || this._readOnly) {\n return null;\n }\n return (h(\"button\", { type: \"button\", tabIndex: -1, class: \"kol-input-number__step-button kol-input-number__step-button-up kol-input-container__smart-button\", \"data-testid\": \"kol-input-number-step-up\", onClick: () => {\n var _a, _b;\n (_a = this.inputRef) === null || _a === void 0 ? void 0 : _a.stepUp();\n (_b = this.inputRef) === null || _b === void 0 ? void 0 : _b.focus();\n }, disabled: this._disabled || this._readOnly }, h(KolIconFc, { icons: \"kolicon-plus\", label: \"\" })));\n }\n getStepDownButton() {\n if (this._disabled || this._readOnly) {\n return null;\n }\n return (h(\"button\", { type: \"button\", tabIndex: -1, class: \"kol-input-number__step-button kol-input-number__step-button-down kol-input-container__smart-button\", \"data-testid\": \"kol-input-number-step-down\", onClick: () => {\n var _a, _b;\n (_a = this.inputRef) === null || _a === void 0 ? void 0 : _a.stepDown();\n (_b = this.inputRef) === null || _b === void 0 ? void 0 : _b.focus();\n }, disabled: this._disabled || this._readOnly }, h(KolIconFc, { icons: \"kolicon-minus\", label: \"\" })));\n }\n render() {\n return (h(FormFieldStateWrapper, Object.assign({ key: '5f0d128e212d3ede3397495ea8cc1ad6bb441f84' }, this.getFormFieldProps()), h(InputContainerStateWrapperFc, { key: 'ad9daef992fd757c586bdcc59288a7363700174e', state: this.state, startAdornment: this.getStepDownButton(), endAdornment: this.getStepUpButton() }, h(InputStateWrapper, Object.assign({ key: '7322750ad2dfeecfc094d30a8a2447dea10921fd' }, this.getInputProps())))));\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 const newValue = (_a = this.inputRef) === null || _a === void 0 ? void 0 : _a.value;\n this._value = this.remapValue(newValue === '' ? null : Number(newValue));\n this.controller.onFacade.onInput(event, true, this._value);\n };\n this.onChange = (event) => {\n var _a;\n const newValue = (_a = this.inputRef) === null || _a === void 0 ? void 0 : _a.value;\n const mappedValue = this.remapValue(newValue === '' ? null : Number(newValue));\n this.controller.onFacade.onChange(event, mappedValue);\n };\n this.onKeyDown = (event) => {\n this.controller.onFacade.onKeyDown(event);\n if (event.code === 'Enter' || event.code === 'NumpadEnter') {\n propagateSubmitEventToForm({\n form: this.host});\n }\n };\n this._autoComplete = 'off';\n this._disabled = false;\n this._hideMsg = false;\n this._hideLabel = false;\n this._hint = '';\n this._readOnly = false;\n this._required = false;\n this._tooltipAlign = 'top';\n this._touched = false;\n this.state = {\n _hasValue: false,\n _hideMsg: false,\n _id: `id-${nonce()}`,\n _label: '',\n _suggestions: [],\n };\n this._initialValueType = 'null';\n this.inputHasFocus = false;\n this.controller = new InputNumberController(this, 'number', this.host);\n }\n showAsAlert() {\n return Boolean(this.state._touched) && !this.inputHasFocus;\n }\n validateAccessKey(value) {\n this.controller.validateAccessKey(value);\n }\n validateAutoComplete(value) {\n this.controller.validateAutoComplete(value);\n }\n validateDisabled(value) {\n this.controller.validateDisabled(value);\n }\n validateHideMsg(value) {\n this.controller.validateHideMsg(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 validateTouched(value) {\n this.controller.validateTouched(value);\n }\n validateValue(value) {\n this.controller.validateValue(value);\n if (value !== undefined && value !== null) {\n this.setInitialValueType(value);\n }\n }\n componentWillLoad() {\n if (this._value !== undefined) {\n this.setInitialValueType(this._value);\n }\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 get host() { return getElement(this); }\n static get watchers() { return {\n \"_accessKey\": [\"validateAccessKey\"],\n \"_autoComplete\": [\"validateAutoComplete\"],\n \"_disabled\": [\"validateDisabled\"],\n \"_hideMsg\": [\"validateHideMsg\"],\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 \"_touched\": [\"validateTouched\"],\n \"_value\": [\"validateValue\"]\n }; }\n};\nKolInputNumber.style = {\n default: defaultStyleCss\n};\n\nexport { KolInputNumber as kol_input_number };\n//# sourceMappingURL=kol-input-number.entry.js.map\n"],"names":["InputNumberController","InputIconController","component","name","host","value","validateAutoComplete","validateSuggestions","validatePlaceholder","validateReadOnly","validateRequired","defaultStyleCss","KolInputNumber","_a","clsx","event","h","_b","KolIconFc","FormFieldStateWrapper","InputContainerStateWrapperFc","InputStateWrapper","hostRef","registerInstance","ref","newValue","mappedValue","propagateSubmitEventToForm","nonce","v","getElement"],"mappings":"i5CAyCA,MAAMA,UAA8BC,CAAoB,CACpD,YAAYC,EAAWC,EAAMC,EAAM,CAC/B,MAAMF,EAAWC,EAAMC,CAAI,EAC3B,KAAK,UAAYF,CACrB,CACA,qBAAqBG,EAAO,CACxBC,EAAqB,KAAK,UAAWD,CAAK,CAC9C,CACA,oBAAoBA,EAAO,CACvBE,EAAoB,KAAK,UAAWF,CAAK,CAC7C,CACA,YAAYA,EAAO,CACf,KAAK,eAAe,OAAQA,CAAK,CACrC,CACA,YAAYA,EAAO,CACf,KAAK,eAAe,OAAQA,CAAK,CACrC,CACA,oBAAoBA,EAAO,CACvBG,EAAoB,KAAK,UAAWH,CAAK,CAC7C,CACA,iBAAiBA,EAAO,CACpBI,EAAiB,KAAK,UAAWJ,CAAK,CAC1C,CACA,iBAAiBA,EAAO,CACpBK,EAAiB,KAAK,UAAWL,CAAK,CAC1C,CACA,aAAaA,EAAO,CAChB,KAAK,eAAe,QAASA,CAAK,CACtC,CACA,cAAcA,EAAO,CACjB,KAAK,eAAe,SAAUA,CAAK,EACnC,KAAK,uBAAuB,KAAK,UAAU,MAAM,MAAM,CAC3D,CACA,mBAAoB,CAChB,MAAM,kBAAiB,EACvB,KAAK,qBAAqB,KAAK,UAAU,aAAa,EACtD,KAAK,YAAY,KAAK,UAAU,IAAI,EACpC,KAAK,YAAY,KAAK,UAAU,IAAI,EACpC,KAAK,oBAAoB,KAAK,UAAU,YAAY,EACpD,KAAK,oBAAoB,KAAK,UAAU,YAAY,EACpD,KAAK,iBAAiB,KAAK,UAAU,SAAS,EAC9C,KAAK,iBAAiB,KAAK,UAAU,SAAS,EAC9C,KAAK,aAAa,KAAK,UAAU,KAAK,EACtC,KAAK,cAAc,KAAK,UAAU,MAAM,CAC5C,CACJ,CAEA,MAAMM,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;AAA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"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"kol-input-password.entry-Cx82ef6F.js","sources":["../../../../components/dist/esm/kol-input-password.entry.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { h, r as registerInstance, g as getElement } from './index-6vN91rDY.js';\nimport { c as clsx } from './clsx-eK3rPvPS.js';\nimport { j as devHint } from './common-L1K0yh1S.js';\nimport { F as FormFieldStateWrapper } from './FormFieldStateWrapper-GaiPo3FK.js';\nimport { K as KolIconButtonFc, a as InputContainerStateWrapperFc } from './controller-icon-CxUC2kIO.js';\nimport { I as InputStateWrapper } from './InputStateWrapper-iBc4zsva.js';\nimport { t as translate } from './i18n-BgOmSzBT.js';\nimport { n as nonce } from './dev.utils-BHWGgzSt.js';\nimport { p as propagateSubmitEventToForm } from './controller-DJOhQXnE.js';\nimport { I as InputPasswordController } from './controller-DPZyCKru.js';\nimport './access-and-short-key-Dy2a7Py3.js';\nimport './disabled-u5a_azlj.js';\nimport './hide-label-DjBQJOAP.js';\nimport './label-ohY9ajP0.js';\nimport './tooltip-align-DEw_M6Is.js';\nimport './align-Bcqvz5vw.js';\nimport './events-CY36RKEq.js';\nimport './associated.controller-BStrZiDY.js';\nimport './bootstrap-BsrX_E7q.js';\nimport './component-names-C3fyby67.js';\nimport './i18n-B0tfVPMa.js';\nimport './isObject-DvSELytj.js';\nimport './tslib.es6-CxX45GIN.js';\nimport './reuse-CX4AQDkS.js';\nimport './InternalUnderlinedBadgeText-D96tegi8.js';\nimport './Alert-D0UNMrPW.js';\nimport './bem-CIn1qsbp.js';\nimport './browser-CyCtPZc0.js';\nimport './Heading-s9wCZGKs.js';\nimport './Icon-BCK5_-Dl.js';\nimport './icons-B_GLbYEP.js';\nimport './Input-Roq5cRZH.js';\nimport './auto-complete-h9OoHuC5.js';\nimport './max-length-behavior-N5Lbz6E-.js';\nimport './placeholder-DrgXYoah.js';\nimport './read-only-Bp291veM.js';\nimport './required-7L0ytoMT.js';\n\nconst defaultStyleCss = \"/*\\n* This file defines the layer order for all CSS layers used in KoliBri.\\n* The order is important as it determines the cascade priority.\\n*\\n* Layer order (lowest to highest priority):\\n* 1. kol-a11y - Accessibility defaults and requirements\\n* 2. kol-global - Global component styles and resets\\n* 3. kol-component - Component-specific styles\\n* 4. kol-theme-global - Theme-specific global styles\\n* 5. kol-theme-component - Theme-specific component styles\\n*/\\n@layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component;\\n/* forward the rem function */\\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(44 * 1rem / var(--kolibri-root-font-size, 16));\\n /*\\n * No element should be used without verifying the contrast ratio of its background and font colors.\\n * By initially setting the background color to white and the font color to black,\\n * the contrast ratio is ensured and explicit adjustment is forced.\\n */\\n color: black;\\n background-color: white;\\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 * Text should be aligned left by default to provide a predictable starting point.\\n */\\n text-align: left;\\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 to-rem(44).\\n */\\n /* input:not([type='checkbox'], [type='radio'], [type='range']), */\\n /* option, */\\n /* select, */\\n /* textarea, */\\n button,\\n .kol-input .input {\\n min-width: var(--a11y-min-size);\\n min-height: 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 text color from his parent element.\\n */\\n color: inherit;\\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 position: fixed;\\n top: 0;\\n left: 0;\\n width: 1px;\\n height: 1px;\\n overflow: hidden;\\n white-space: nowrap;\\n clip-path: inset(50%);\\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 width: 100%;\\n margin: 0;\\n padding: 0;\\n border: none;\\n /* 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 .badge-text-hint {\\n color: black;\\n background-color: lightgray;\\n }\\n}\\n@layer kol-global {\\n :host {\\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 font-size: calc(16 * 1rem / var(--kolibri-root-font-size, 16));\\n }\\n * {\\n /*\\n * We prefer to box-sizing: border-box for all elements.\\n */\\n box-sizing: border-box;\\n }\\n .kol-span {\\n /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\\n display: flex;\\n flex-flow: column;\\n align-items: center;\\n justify-content: center;\\n /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\\n }\\n .kol-span__container {\\n display: flex;\\n align-items: center;\\n }\\n a,\\n button {\\n cursor: pointer;\\n }\\n .kol-span .kol-span__label--hide-label .kol-span__label {\\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 opacity: 0.5;\\n outline: none;\\n cursor: not-allowed;\\n }\\n [aria-disabled=true]:focus .kol-span,\\n [disabled]:focus .kol-span {\\n outline: none !important;\\n }\\n}\\n@layer kol-component {\\n :host {\\n display: block;\\n }\\n}\\n@layer kol-component {\\n .kol-tooltip {\\n display: contents;\\n }\\n .kol-tooltip__floating {\\n opacity: 0;\\n display: none;\\n position: fixed;\\n /* Avoid layout interference - see https://floating-ui.com/docs/computePosition */\\n top: 0;\\n left: 0;\\n /* Can be used to specify the tooltip-width from the outside. Unset by default. */\\n width: var(--kol-tooltip-width, max-content);\\n min-width: calc(8 * 1rem / var(--kolibri-root-font-size, 16));\\n max-width: 90vw;\\n max-height: 90vh;\\n animation-direction: normal;\\n /* Can be used to specify the animation duration from the outside. 250ms by default. */\\n animation-duration: var(--kolibri-tooltip-animation-duration, 250ms);\\n animation-fill-mode: forwards;\\n animation-iteration-count: 1;\\n animation-timing-function: ease-in;\\n }\\n .kol-tooltip__floating.hide {\\n animation-name: hideTooltip;\\n }\\n .kol-tooltip__floating.show {\\n animation-name: showTooltip;\\n }\\n .kol-tooltip__arrow {\\n transform: rotate(45deg);\\n color: #000;\\n background-color: #fff;\\n position: absolute;\\n z-index: 999;\\n width: calc(10 * 1rem / var(--kolibri-root-font-size, 16));\\n height: calc(10 * 1rem / var(--kolibri-root-font-size, 16));\\n }\\n .kol-tooltip__content {\\n color: #000;\\n background-color: #fff;\\n position: relative;\\n z-index: 1000;\\n }\\n @keyframes hideTooltip {\\n 0% {\\n opacity: 1;\\n }\\n 100% {\\n opacity: 0;\\n display: none;\\n }\\n }\\n @keyframes showTooltip {\\n 0% {\\n opacity: 0;\\n }\\n 100% {\\n opacity: 1;\\n }\\n }\\n}\\n@layer kol-component {\\n .kol-alert {\\n display: grid;\\n }\\n .kol-alert__container {\\n display: flex;\\n place-items: center;\\n }\\n .kol-alert__container-content {\\n flex-grow: 1;\\n }\\n .kol-alert__closer {\\n /* Visible with forced colors */\\n outline: transparent solid calc(1 * 1rem / var(--kolibri-root-font-size, 16));\\n }\\n .kol-form-field {\\n display: grid;\\n }\\n .kol-form-field:not(.kol-form-field--disabled) .kol-form-field__label {\\n cursor: pointer;\\n }\\n .kol-form-field--disabled .kol-form-field__label {\\n opacity: 0.5;\\n }\\n .kol-form-field--required .kol-form-field__label-text::after {\\n content: \\\"*\\\"/\\\"\\\";\\n }\\n .kol-form-field--disabled .kol-form-field__hint {\\n opacity: 0.5;\\n }\\n .kol-form-field--required .kol-form-field__tooltip .span-label::after {\\n content: \\\"*\\\"/\\\"\\\";\\n }\\n .kol-input-container {\\n background-color: transparent;\\n display: grid;\\n width: 100%;\\n min-width: var(--a11y-min-size);\\n min-height: var(--a11y-min-size);\\n align-items: center;\\n grid-template-columns: 1fr;\\n }\\n .kol-input-container:has(> .kol-input-container__adornment--start:not(:empty)) {\\n grid-template-columns: auto 1fr;\\n }\\n .kol-input-container:has(> .kol-input-container__adornment--end:not(:empty)) {\\n grid-template-columns: 1fr auto;\\n }\\n .kol-input-container:has(> .kol-input-container__adornment--start:not(:empty)):has(> .kol-input-container__adornment--end:not(:empty)) {\\n grid-template-columns: auto 1fr auto;\\n }\\n .kol-input-container__container {\\n position: relative;\\n }\\n .kol-input-container__adornment {\\n display: flex;\\n align-items: center;\\n }\\n .kol-input-container__adornment .kol-icon {\\n display: grid;\\n height: var(--a11y-min-size);\\n place-items: center;\\n }\\n .kol-input {\\n background-color: transparent;\\n width: 100%;\\n min-width: var(--a11y-min-size);\\n }\\n .kol-input:focus {\\n outline: none;\\n }\\n .kol-input-password {\\n --kol-tooltip-width: calc(160 * 1rem / var(--kolibri-root-font-size, 16));\\n }\\n}\";\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 kolFocus() {\n var _a;\n (_a = this.inputRef) === null || _a === void 0 ? void 0 : _a.focus();\n }\n getFormFieldProps() {\n return {\n state: this.state,\n class: clsx('kol-input-password', 'password', {\n 'has-value': this.state._hasValue,\n 'kol-form-field--has-counter': this.controller.hasSoftCharacterLimit() || this.controller.hasCounter(),\n }),\n tooltipAlign: this._tooltipAlign,\n alert: this.showAsAlert(),\n };\n }\n getInputProps() {\n const ariaDescribedBy = typeof this.state._maxLength === 'number' ? [`${this.state._id}-character-limit-hint`] : undefined;\n return Object.assign(Object.assign({ ref: this.catchRef, type: this._passwordVisible ? 'text' : 'password', state: this.state, ariaDescribedBy }, this.controller.onFacade), { 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 getShowPasswordButton() {\n if (this._variant !== 'visibility-toggle') {\n return null;\n }\n return (h(KolIconButtonFc, { componentName: \"button\", class: \"kol-input-password__password-toggle-button kol-input-container__smart-button\", \"data-testid\": \"kol-input-password-toggle-button\", label: this._passwordVisible ? this.translateHidePassword : this.translateShowPassword, buttonVariant: \"ghost\", onClick: () => {\n var _a;\n this._passwordVisible = !this._passwordVisible;\n (_a = this.inputRef) === null || _a === void 0 ? void 0 : _a.focus();\n }, icon: `${this._passwordVisible ? 'kolicon-eye-closed' : 'kolicon-eye'}`, disabled: this._disabled }));\n }\n render() {\n return (h(FormFieldStateWrapper, Object.assign({ key: '662b4bc9868aa679d5322077cb8eed553b9a0f51' }, this.getFormFieldProps()), h(InputContainerStateWrapperFc, { key: 'be51e0c5f87dd121c05f51ddbebf01300dde6c41', state: this.state, endAdornment: this.getShowPasswordButton() }, h(InputStateWrapper, Object.assign({ key: '40b62b665a645f2f931d8f0b8ee353675465bd38' }, this.getInputProps())))));\n }\n constructor(hostRef) {\n registerInstance(this, hostRef);\n this.translateHidePassword = translate('kol-hide-password');\n this.translateShowPassword = translate('kol-show-password');\n this.catchRef = (ref) => {\n this.inputRef = ref;\n };\n this.onKeyDown = (event) => {\n this.controller.onFacade.onKeyDown(event);\n if (event.code === 'Enter' || event.code === 'NumpadEnter') {\n propagateSubmitEventToForm({\n form: this.host});\n }\n };\n this.onInput = (event) => {\n this._value = event.target.value;\n this.controller.onFacade.onInput(event);\n };\n this._autoComplete = 'off';\n this._hasCounter = false;\n this._maxLengthBehavior = 'hard';\n this._disabled = false;\n this._hideMsg = false;\n this._hideLabel = false;\n this._hint = '';\n this._readOnly = false;\n this._required = false;\n this._tooltipAlign = 'top';\n this._touched = false;\n this._variant = 'default';\n this.state = {\n _currentLength: 0,\n _currentLengthDebounced: 0,\n _hasValue: false,\n _hideMsg: 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 return Boolean(this.state._touched) && !this.inputHasFocus;\n }\n validateAccessKey(value) {\n this.controller.validateAccessKey(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 validateMaxLengthBehavior(value) {\n this.controller.validateMaxLengthBehavior(value);\n }\n validateDisabled(value) {\n this.controller.validateDisabled(value);\n }\n validateVariant(value) {\n this.controller.validateVariant(value);\n }\n validateHideMsg(value) {\n this.controller.validateHideMsg(value);\n }\n validateHideLabel(value) {\n this.controller.validateHideLabel(value);\n }\n validateHasCounter(value) {\n this.controller.validateHasCounter(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 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 get host() { return getElement(this); }\n static get watchers() { return {\n \"_accessKey\": [\"validateAccessKey\"],\n \"_autoComplete\": [\"validateAutoComplete\"],\n \"_maxLengthBehavior\": [\"validateMaxLengthBehavior\"],\n \"_disabled\": [\"validateDisabled\"],\n \"_variant\": [\"validateVariant\"],\n \"_hideMsg\": [\"validateHideMsg\"],\n \"_hideLabel\": [\"validateHideLabel\"],\n \"_hasCounter\": [\"validateHasCounter\"],\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 \"_touched\": [\"validateTouched\"],\n \"_value\": [\"validateValue\"]\n }; }\n};\nKolInputPassword.style = {\n default: defaultStyleCss\n};\n\nexport { KolInputPassword as kol_input_password };\n//# sourceMappingURL=kol-input-password.entry.js.map\n"],"names":["defaultStyleCss","KolInputPassword","_a","clsx","ariaDescribedBy","event","h","KolIconButtonFc","FormFieldStateWrapper","InputContainerStateWrapperFc","InputStateWrapper","hostRef","registerInstance","translate","ref","propagateSubmitEventToForm","nonce","InputPasswordController","value","devHint","v","getElement"],"mappings":"u3CAyCA,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;AAAA;AAAA;AAAA;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"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"kol-input-range.entry-h_UQDk0G.js","sources":["../../../../components/dist/esm/kol-input-range.entry.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { h, r as registerInstance, g as getElement } from './index-6vN91rDY.js';\nimport { _ as __rest } from './tslib.es6-CxX45GIN.js';\nimport { c as clsx } from './clsx-eK3rPvPS.js';\nimport { F as FormFieldStateWrapper } from './FormFieldStateWrapper-GaiPo3FK.js';\nimport { I as InputIconController, a as InputContainerStateWrapperFc } from './controller-icon-CxUC2kIO.js';\nimport { I as InputStateWrapper, S as SuggestionsFc } from './InputStateWrapper-iBc4zsva.js';\nimport { n as nonce } from './dev.utils-BHWGgzSt.js';\nimport { p as propagateSubmitEventToForm } from './controller-DJOhQXnE.js';\nimport './common-L1K0yh1S.js';\nimport { v as validateAutoComplete } from './auto-complete-h9OoHuC5.js';\nimport { v as validateSuggestions } from './suggestions-Bufr76At.js';\nimport './access-and-short-key-Dy2a7Py3.js';\nimport './disabled-u5a_azlj.js';\nimport './hide-label-DjBQJOAP.js';\nimport './label-ohY9ajP0.js';\nimport './tooltip-align-DEw_M6Is.js';\nimport './align-Bcqvz5vw.js';\nimport './events-CY36RKEq.js';\nimport './associated.controller-BStrZiDY.js';\nimport './bootstrap-BsrX_E7q.js';\nimport './component-names-C3fyby67.js';\nimport './i18n-B0tfVPMa.js';\nimport './isObject-DvSELytj.js';\nimport './reuse-CX4AQDkS.js';\nimport './i18n-BgOmSzBT.js';\nimport './InternalUnderlinedBadgeText-D96tegi8.js';\nimport './Alert-D0UNMrPW.js';\nimport './bem-CIn1qsbp.js';\nimport './browser-CyCtPZc0.js';\nimport './Heading-s9wCZGKs.js';\nimport './Icon-BCK5_-Dl.js';\nimport './icons-B_GLbYEP.js';\nimport './Input-Roq5cRZH.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 validateAutoComplete(this.component, value);\n }\n validateMax(value) {\n this.validateNumber('_max', value);\n }\n validateMin(value) {\n this.validateNumber('_min', value);\n }\n validateStep(value) {\n this.validateNumber('_step', value);\n }\n validateSuggestions(value) {\n validateSuggestions(this.component, value);\n }\n validateValue(value) {\n this.validateNumber('_value', value);\n 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 defines the layer order for all CSS layers used in KoliBri.\\n* The order is important as it determines the cascade priority.\\n*\\n* Layer order (lowest to highest priority):\\n* 1. kol-a11y - Accessibility defaults and requirements\\n* 2. kol-global - Global component styles and resets\\n* 3. kol-component - Component-specific styles\\n* 4. kol-theme-global - Theme-specific global styles\\n* 5. kol-theme-component - Theme-specific component styles\\n*/\\n@layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component;\\n/* forward the rem function */\\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(44 * 1rem / var(--kolibri-root-font-size, 16));\\n /*\\n * No element should be used without verifying the contrast ratio of its background and font colors.\\n * By initially setting the background color to white and the font color to black,\\n * the contrast ratio is ensured and explicit adjustment is forced.\\n */\\n color: black;\\n background-color: white;\\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 * Text should be aligned left by default to provide a predictable starting point.\\n */\\n text-align: left;\\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 to-rem(44).\\n */\\n /* input:not([type='checkbox'], [type='radio'], [type='range']), */\\n /* option, */\\n /* select, */\\n /* textarea, */\\n button,\\n .kol-input .input {\\n min-width: var(--a11y-min-size);\\n min-height: 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 text color from his parent element.\\n */\\n color: inherit;\\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 position: fixed;\\n top: 0;\\n left: 0;\\n width: 1px;\\n height: 1px;\\n overflow: hidden;\\n white-space: nowrap;\\n clip-path: inset(50%);\\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 width: 100%;\\n margin: 0;\\n padding: 0;\\n border: none;\\n /* 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 .badge-text-hint {\\n color: black;\\n background-color: lightgray;\\n }\\n}\\n@layer kol-global {\\n :host {\\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 font-size: calc(16 * 1rem / var(--kolibri-root-font-size, 16));\\n }\\n * {\\n /*\\n * We prefer to box-sizing: border-box for all elements.\\n */\\n box-sizing: border-box;\\n }\\n .kol-span {\\n /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\\n display: flex;\\n flex-flow: column;\\n align-items: center;\\n justify-content: center;\\n /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\\n }\\n .kol-span__container {\\n display: flex;\\n align-items: center;\\n }\\n a,\\n button {\\n cursor: pointer;\\n }\\n .kol-span .kol-span__label--hide-label .kol-span__label {\\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 opacity: 0.5;\\n outline: none;\\n cursor: not-allowed;\\n }\\n [aria-disabled=true]:focus .kol-span,\\n [disabled]:focus .kol-span {\\n outline: none !important;\\n }\\n}\\n@layer kol-component {\\n :host {\\n display: block;\\n }\\n}\\n@layer kol-component {\\n .kol-tooltip {\\n display: contents;\\n }\\n .kol-tooltip__floating {\\n opacity: 0;\\n display: none;\\n position: fixed;\\n /* Avoid layout interference - see https://floating-ui.com/docs/computePosition */\\n top: 0;\\n left: 0;\\n /* Can be used to specify the tooltip-width from the outside. Unset by default. */\\n width: var(--kol-tooltip-width, max-content);\\n min-width: calc(8 * 1rem / var(--kolibri-root-font-size, 16));\\n max-width: 90vw;\\n max-height: 90vh;\\n animation-direction: normal;\\n /* Can be used to specify the animation duration from the outside. 250ms by default. */\\n animation-duration: var(--kolibri-tooltip-animation-duration, 250ms);\\n animation-fill-mode: forwards;\\n animation-iteration-count: 1;\\n animation-timing-function: ease-in;\\n }\\n .kol-tooltip__floating.hide {\\n animation-name: hideTooltip;\\n }\\n .kol-tooltip__floating.show {\\n animation-name: showTooltip;\\n }\\n .kol-tooltip__arrow {\\n transform: rotate(45deg);\\n color: #000;\\n background-color: #fff;\\n position: absolute;\\n z-index: 999;\\n width: calc(10 * 1rem / var(--kolibri-root-font-size, 16));\\n height: calc(10 * 1rem / var(--kolibri-root-font-size, 16));\\n }\\n .kol-tooltip__content {\\n color: #000;\\n background-color: #fff;\\n position: relative;\\n z-index: 1000;\\n }\\n @keyframes hideTooltip {\\n 0% {\\n opacity: 1;\\n }\\n 100% {\\n opacity: 0;\\n display: none;\\n }\\n }\\n @keyframes showTooltip {\\n 0% {\\n opacity: 0;\\n }\\n 100% {\\n opacity: 1;\\n }\\n }\\n}\\n@layer kol-component {\\n .kol-alert {\\n display: grid;\\n }\\n .kol-alert__container {\\n display: flex;\\n place-items: center;\\n }\\n .kol-alert__container-content {\\n flex-grow: 1;\\n }\\n .kol-alert__closer {\\n /* Visible with forced colors */\\n outline: transparent solid calc(1 * 1rem / var(--kolibri-root-font-size, 16));\\n }\\n .kol-form-field {\\n display: grid;\\n }\\n .kol-form-field:not(.kol-form-field--disabled) .kol-form-field__label {\\n cursor: pointer;\\n }\\n .kol-form-field--disabled .kol-form-field__label {\\n opacity: 0.5;\\n }\\n .kol-form-field--required .kol-form-field__label-text::after {\\n content: \\\"*\\\"/\\\"\\\";\\n }\\n .kol-form-field--disabled .kol-form-field__hint {\\n opacity: 0.5;\\n }\\n .kol-form-field--required .kol-form-field__tooltip .span-label::after {\\n content: \\\"*\\\"/\\\"\\\";\\n }\\n .kol-input-container {\\n background-color: transparent;\\n display: grid;\\n width: 100%;\\n min-width: var(--a11y-min-size);\\n min-height: var(--a11y-min-size);\\n align-items: center;\\n grid-template-columns: 1fr;\\n }\\n .kol-input-container:has(> .kol-input-container__adornment--start:not(:empty)) {\\n grid-template-columns: auto 1fr;\\n }\\n .kol-input-container:has(> .kol-input-container__adornment--end:not(:empty)) {\\n grid-template-columns: 1fr auto;\\n }\\n .kol-input-container:has(> .kol-input-container__adornment--start:not(:empty)):has(> .kol-input-container__adornment--end:not(:empty)) {\\n grid-template-columns: auto 1fr auto;\\n }\\n .kol-input-container__container {\\n position: relative;\\n }\\n .kol-input-container__adornment {\\n display: flex;\\n align-items: center;\\n }\\n .kol-input-container__adornment .kol-icon {\\n display: grid;\\n height: var(--a11y-min-size);\\n place-items: center;\\n }\\n .kol-input {\\n background-color: transparent;\\n width: 100%;\\n min-width: var(--a11y-min-size);\\n }\\n .kol-input:focus {\\n outline: none;\\n }\\n .kol-input-range__inputs-wrapper {\\n display: flex;\\n flex-grow: 1;\\n flex-direction: row;\\n align-items: center;\\n }\\n .kol-input-range__input--number {\\n width: var(--kolibri-input-range--input-number--width);\\n }\\n .kol-input-range__input--range {\\n background-color: #d3d3d3;\\n display: inline-block;\\n /* Design-Hack - related with flex-grow */\\n width: 0;\\n height: calc(8 * 1rem / var(--kolibri-root-font-size, 16));\\n margin: 0;\\n padding: 0;\\n flex-grow: 1;\\n line-height: 1.5;\\n appearance: none;\\n border: 1px solid #000;\\n }\\n .kol-input-range__input:not(:disabled).kol-input-range__input--range::-webkit-slider-thumb {\\n cursor: pointer;\\n }\\n .kol-input-range__input--range::-webkit-slider-thumb {\\n background-color: #000;\\n border-radius: 20px;\\n width: calc(20 * 1rem / var(--kolibri-root-font-size, 16));\\n height: calc(20 * 1rem / var(--kolibri-root-font-size, 16));\\n -webkit-appearance: none;\\n }\\n @media (prefers-contrast: more) or (forced-colors: active) {\\n .kol-input-range__input--range::-webkit-slider-thumb {\\n outline: 1px solid currentColor;\\n }\\n }\\n .kol-input-range__input:not(:disabled).kol-input-range__input--range::-moz-range-thumb {\\n cursor: pointer;\\n }\\n .kol-input-range__input--range::-moz-range-thumb {\\n background-color: #000;\\n border-radius: 20px;\\n width: calc(20 * 1rem / var(--kolibri-root-font-size, 16));\\n height: calc(20 * 1rem / var(--kolibri-root-font-size, 16));\\n -moz-appearance: none;\\n }\\n}\";\n\nconst KolInputRange = class {\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 remapValue(value) {\n if (this._initialValueType === 'NumberString') {\n return String(value);\n }\n return value;\n }\n async getValue() {\n if (this.refInputNumber !== undefined) {\n const value = this.refInputNumber.value;\n const floatValue = this.getSanitizedFloatValue(value);\n return this.remapValue(floatValue);\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 getFormFieldProps() {\n return {\n state: this.state,\n class: clsx('kol-input-range', 'range'),\n tooltipAlign: this._tooltipAlign,\n alert: this.showAsAlert(),\n };\n }\n getGenericInputProps() {\n const _a = this.state, other = __rest(_a, [\"_suggestions\"]);\n return Object.assign(Object.assign({ state: Object.assign(Object.assign({}, other), { _suggestions: [] }) }, 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 get hasSuggestions() {\n return Array.isArray(this.state._suggestions) && this.state._suggestions.length > 0;\n }\n getInputRangeProps() {\n return Object.assign(Object.assign({}, this.getGenericInputProps()), { name: this.state._name ? `${this.state._name}-range` : undefined, list: this.hasSuggestions ? `${this.state._id}-list` : undefined, type: 'range', tabIndex: -1, id: undefined, 'aria-hidden': 'true', ref: this.catchInputRangeRef });\n }\n getInputNumberProps() {\n return Object.assign(Object.assign({}, this.getGenericInputProps()), { name: this.state._name ? `${this.state._name}-number` : undefined, list: this.hasSuggestions ? `${this.state._id}-list` : undefined, type: 'number', ref: this.catchInputNumberRef, onKeyDown: this.onKeyDown });\n }\n setInitialValueType(value) {\n if (this.controller.isNumberString(value)) {\n this._initialValueType = 'NumberString';\n }\n else {\n this._initialValueType = 'number';\n }\n }\n render() {\n const inputsWrapperStyle = {\n '--kolibri-input-range--input-number--width': `calc(${String(this.state._max).length}ch + 2em)`,\n };\n return (h(FormFieldStateWrapper, Object.assign({ key: '2b79d0c28561a4f0035f6e35afdb0ff9957d0ed8' }, this.getFormFieldProps()), h(InputContainerStateWrapperFc, { key: '9c544b7bae6dc2abb3e297015216c88872a78b8e', state: this.state }, h(\"div\", { key: '6fc42d92419cc0a65cf37b7af227fea0ef53c7a9', class: \"kol-input-range__inputs-wrapper\", style: inputsWrapperStyle }, h(InputStateWrapper, Object.assign({ key: 'b31e2cf0b5ffefdc0a274e6186a1b62865ba15d4', class: \"kol-input-range__input kol-input-range__input--range\" }, this.getInputRangeProps())), h(InputStateWrapper, Object.assign({ key: 'd05addcf1b45132df1903bc05b4742fd0e48a5fc', class: \"kol-input-range__input kol-input-range__input--number\" }, this.getInputNumberProps()))), this.hasSuggestions && h(SuggestionsFc, { key: 'ebb28556a2f6f6fa0545e681ff4a7854f9058167', id: this.state._id, suggestions: this.state._suggestions }))));\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.onInput = (event) => {\n const value = event.target.value;\n const floatValue = this.getSanitizedFloatValue(value);\n this.controller.onFacade.onInput(event, true, this.remapValue(floatValue));\n };\n this.onChange = (event) => {\n const value = event.target.value;\n const floatValue = this.getSanitizedFloatValue(value);\n const remappedValue = this.remapValue(floatValue);\n this.validateValue(remappedValue);\n this.controller.onFacade.onChange(event, remappedValue);\n };\n this.onKeyDown = (event) => {\n this.controller.onFacade.onKeyDown(event);\n if (event.code === 'Enter' || event.code === 'NumpadEnter') {\n propagateSubmitEventToForm({\n form: this.host});\n }\n };\n this._autoComplete = 'off';\n this._disabled = false;\n this._hideMsg = false;\n this._hideLabel = false;\n this._hint = '';\n this._max = 100;\n this._min = 0;\n this._tooltipAlign = 'top';\n this._touched = false;\n this.state = {\n _hideMsg: false,\n _id: `id-${nonce()}`,\n _label: '',\n _suggestions: [],\n _min: 0,\n _max: 100,\n };\n this._initialValueType = 'number';\n this.inputHasFocus = false;\n this.controller = new InputRangeController(this, 'range', this.host);\n }\n showAsAlert() {\n return Boolean(this.state._touched) && !this.inputHasFocus;\n }\n validateAccessKey(value) {\n this.controller.validateAccessKey(value);\n }\n validateAutoComplete(value) {\n this.controller.validateAutoComplete(value);\n }\n validateDisabled(value) {\n this.controller.validateDisabled(value);\n }\n validateHideMsg(value) {\n this.controller.validateHideMsg(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 validateTouched(value) {\n this.controller.validateTouched(value);\n }\n validateValue(value) {\n this.controller.validateValue(value);\n if (value !== undefined) {\n this.setInitialValueType(value);\n }\n }\n componentWillLoad() {\n if (this._value !== undefined) {\n this.setInitialValueType(this._value);\n }\n this._touched = this._touched === true;\n this.controller.componentWillLoad();\n }\n get host() { return getElement(this); }\n static get watchers() { return {\n \"_accessKey\": [\"validateAccessKey\"],\n \"_autoComplete\": [\"validateAutoComplete\"],\n \"_disabled\": [\"validateDisabled\"],\n \"_hideMsg\": [\"validateHideMsg\"],\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 \"_touched\": [\"validateTouched\"],\n \"_value\": [\"validateValue\"]\n }; }\n};\nKolInputRange.style = {\n default: defaultStyleCss\n};\n\nexport { KolInputRange as kol_input_range };\n//# sourceMappingURL=kol-input-range.entry.js.map\n"],"names":["InputRangeController","InputIconController","component","name","host","value","validateAutoComplete","validateSuggestions","defaultStyleCss","KolInputRange","_a","floatValue","clsx","other","__rest","event","inputsWrapperStyle","h","FormFieldStateWrapper","InputContainerStateWrapperFc","InputStateWrapper","SuggestionsFc","hostRef","registerInstance","element","remappedValue","propagateSubmitEventToForm","nonce","getElement"],"mappings":"2sCAqCA,MAAMA,UAA6BC,CAAoB,CACnD,YAAYC,EAAWC,EAAMC,EAAM,CAC/B,MAAMF,EAAWC,EAAMC,CAAI,EAC3B,KAAK,UAAYF,CACrB,CACA,qBAAqBG,EAAO,CACxBC,EAAqB,KAAK,UAAWD,CAAK,CAC9C,CACA,YAAYA,EAAO,CACf,KAAK,eAAe,OAAQA,CAAK,CACrC,CACA,YAAYA,EAAO,CACf,KAAK,eAAe,OAAQA,CAAK,CACrC,CACA,aAAaA,EAAO,CAChB,KAAK,eAAe,QAASA,CAAK,CACtC,CACA,oBAAoBA,EAAO,CACvBE,EAAoB,KAAK,UAAWF,CAAK,CAC7C,CACA,cAAcA,EAAO,CACjB,KAAK,eAAe,SAAUA,CAAK,EACnC,KAAK,UAAU,OAASA,EACxB,KAAK,uBAAuB,KAAK,UAAU,MAAM,MAAM,CAC3D,CACA,mBAAoB,CAChB,MAAM,kBAAiB,EACvB,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,CAC5C,CACJ,CAEA,MAAMG,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;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-text.entry-Bo0Evq85.js","sources":["../../../../components/dist/esm/kol-input-text.entry.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { h, r as registerInstance, g as getElement } from './index-6vN91rDY.js';\nimport { c as clsx } from './clsx-eK3rPvPS.js';\nimport { F as FormFieldStateWrapper } from './FormFieldStateWrapper-GaiPo3FK.js';\nimport { a as InputContainerStateWrapperFc } from './controller-icon-CxUC2kIO.js';\nimport { I as InputStateWrapper } from './InputStateWrapper-iBc4zsva.js';\nimport { n as nonce } from './dev.utils-BHWGgzSt.js';\nimport { p as propagateSubmitEventToForm } from './controller-DJOhQXnE.js';\nimport { a as InputTextController } from './controller-BeFnq48f.js';\nimport './common-L1K0yh1S.js';\nimport './access-and-short-key-Dy2a7Py3.js';\nimport './disabled-u5a_azlj.js';\nimport './hide-label-DjBQJOAP.js';\nimport './label-ohY9ajP0.js';\nimport './tooltip-align-DEw_M6Is.js';\nimport './align-Bcqvz5vw.js';\nimport './events-CY36RKEq.js';\nimport './associated.controller-BStrZiDY.js';\nimport './bootstrap-BsrX_E7q.js';\nimport './component-names-C3fyby67.js';\nimport './i18n-B0tfVPMa.js';\nimport './isObject-DvSELytj.js';\nimport './tslib.es6-CxX45GIN.js';\nimport './reuse-CX4AQDkS.js';\nimport './i18n-BgOmSzBT.js';\nimport './InternalUnderlinedBadgeText-D96tegi8.js';\nimport './Alert-D0UNMrPW.js';\nimport './bem-CIn1qsbp.js';\nimport './browser-CyCtPZc0.js';\nimport './Heading-s9wCZGKs.js';\nimport './Icon-BCK5_-Dl.js';\nimport './icons-B_GLbYEP.js';\nimport './Input-Roq5cRZH.js';\nimport './spell-check-DrU5XI1o.js';\nimport './suggestions-Bufr76At.js';\nimport './controller-DPZyCKru.js';\nimport './auto-complete-h9OoHuC5.js';\nimport './max-length-behavior-N5Lbz6E-.js';\nimport './placeholder-DrgXYoah.js';\nimport './read-only-Bp291veM.js';\nimport './required-7L0ytoMT.js';\n\nconst defaultStyleCss = \"/*\\n* This file defines the layer order for all CSS layers used in KoliBri.\\n* The order is important as it determines the cascade priority.\\n*\\n* Layer order (lowest to highest priority):\\n* 1. kol-a11y - Accessibility defaults and requirements\\n* 2. kol-global - Global component styles and resets\\n* 3. kol-component - Component-specific styles\\n* 4. kol-theme-global - Theme-specific global styles\\n* 5. kol-theme-component - Theme-specific component styles\\n*/\\n@layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component;\\n/* forward the rem function */\\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(44 * 1rem / var(--kolibri-root-font-size, 16));\\n /*\\n * No element should be used without verifying the contrast ratio of its background and font colors.\\n * By initially setting the background color to white and the font color to black,\\n * the contrast ratio is ensured and explicit adjustment is forced.\\n */\\n color: black;\\n background-color: white;\\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 * Text should be aligned left by default to provide a predictable starting point.\\n */\\n text-align: left;\\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 to-rem(44).\\n */\\n /* input:not([type='checkbox'], [type='radio'], [type='range']), */\\n /* option, */\\n /* select, */\\n /* textarea, */\\n button,\\n .kol-input .input {\\n min-width: var(--a11y-min-size);\\n min-height: 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 text color from his parent element.\\n */\\n color: inherit;\\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 position: fixed;\\n top: 0;\\n left: 0;\\n width: 1px;\\n height: 1px;\\n overflow: hidden;\\n white-space: nowrap;\\n clip-path: inset(50%);\\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 width: 100%;\\n margin: 0;\\n padding: 0;\\n border: none;\\n /* 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 .badge-text-hint {\\n color: black;\\n background-color: lightgray;\\n }\\n}\\n@layer kol-global {\\n :host {\\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 font-size: calc(16 * 1rem / var(--kolibri-root-font-size, 16));\\n }\\n * {\\n /*\\n * We prefer to box-sizing: border-box for all elements.\\n */\\n box-sizing: border-box;\\n }\\n .kol-span {\\n /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\\n display: flex;\\n flex-flow: column;\\n align-items: center;\\n justify-content: center;\\n /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\\n }\\n .kol-span__container {\\n display: flex;\\n align-items: center;\\n }\\n a,\\n button {\\n cursor: pointer;\\n }\\n .kol-span .kol-span__label--hide-label .kol-span__label {\\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 opacity: 0.5;\\n outline: none;\\n cursor: not-allowed;\\n }\\n [aria-disabled=true]:focus .kol-span,\\n [disabled]:focus .kol-span {\\n outline: none !important;\\n }\\n}\\n@layer kol-component {\\n :host {\\n display: block;\\n }\\n}\\n@layer kol-component {\\n .kol-tooltip {\\n display: contents;\\n }\\n .kol-tooltip__floating {\\n opacity: 0;\\n display: none;\\n position: fixed;\\n /* Avoid layout interference - see https://floating-ui.com/docs/computePosition */\\n top: 0;\\n left: 0;\\n /* Can be used to specify the tooltip-width from the outside. Unset by default. */\\n width: var(--kol-tooltip-width, max-content);\\n min-width: calc(8 * 1rem / var(--kolibri-root-font-size, 16));\\n max-width: 90vw;\\n max-height: 90vh;\\n animation-direction: normal;\\n /* Can be used to specify the animation duration from the outside. 250ms by default. */\\n animation-duration: var(--kolibri-tooltip-animation-duration, 250ms);\\n animation-fill-mode: forwards;\\n animation-iteration-count: 1;\\n animation-timing-function: ease-in;\\n }\\n .kol-tooltip__floating.hide {\\n animation-name: hideTooltip;\\n }\\n .kol-tooltip__floating.show {\\n animation-name: showTooltip;\\n }\\n .kol-tooltip__arrow {\\n transform: rotate(45deg);\\n color: #000;\\n background-color: #fff;\\n position: absolute;\\n z-index: 999;\\n width: calc(10 * 1rem / var(--kolibri-root-font-size, 16));\\n height: calc(10 * 1rem / var(--kolibri-root-font-size, 16));\\n }\\n .kol-tooltip__content {\\n color: #000;\\n background-color: #fff;\\n position: relative;\\n z-index: 1000;\\n }\\n @keyframes hideTooltip {\\n 0% {\\n opacity: 1;\\n }\\n 100% {\\n opacity: 0;\\n display: none;\\n }\\n }\\n @keyframes showTooltip {\\n 0% {\\n opacity: 0;\\n }\\n 100% {\\n opacity: 1;\\n }\\n }\\n}\\n@layer kol-component {\\n .kol-alert {\\n display: grid;\\n }\\n .kol-alert__container {\\n display: flex;\\n place-items: center;\\n }\\n .kol-alert__container-content {\\n flex-grow: 1;\\n }\\n .kol-alert__closer {\\n /* Visible with forced colors */\\n outline: transparent solid calc(1 * 1rem / var(--kolibri-root-font-size, 16));\\n }\\n .kol-form-field {\\n display: grid;\\n }\\n .kol-form-field:not(.kol-form-field--disabled) .kol-form-field__label {\\n cursor: pointer;\\n }\\n .kol-form-field--disabled .kol-form-field__label {\\n opacity: 0.5;\\n }\\n .kol-form-field--required .kol-form-field__label-text::after {\\n content: \\\"*\\\"/\\\"\\\";\\n }\\n .kol-form-field--disabled .kol-form-field__hint {\\n opacity: 0.5;\\n }\\n .kol-form-field--required .kol-form-field__tooltip .span-label::after {\\n content: \\\"*\\\"/\\\"\\\";\\n }\\n .kol-input-container {\\n background-color: transparent;\\n display: grid;\\n width: 100%;\\n min-width: var(--a11y-min-size);\\n min-height: var(--a11y-min-size);\\n align-items: center;\\n grid-template-columns: 1fr;\\n }\\n .kol-input-container:has(> .kol-input-container__adornment--start:not(:empty)) {\\n grid-template-columns: auto 1fr;\\n }\\n .kol-input-container:has(> .kol-input-container__adornment--end:not(:empty)) {\\n grid-template-columns: 1fr auto;\\n }\\n .kol-input-container:has(> .kol-input-container__adornment--start:not(:empty)):has(> .kol-input-container__adornment--end:not(:empty)) {\\n grid-template-columns: auto 1fr auto;\\n }\\n .kol-input-container__container {\\n position: relative;\\n }\\n .kol-input-container__adornment {\\n display: flex;\\n align-items: center;\\n }\\n .kol-input-container__adornment .kol-icon {\\n display: grid;\\n height: var(--a11y-min-size);\\n place-items: center;\\n }\\n .kol-input {\\n background-color: transparent;\\n width: 100%;\\n min-width: var(--a11y-min-size);\\n }\\n .kol-input:focus {\\n outline: none;\\n }\\n}\";\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 kolFocus() {\n var _a;\n (_a = this.inputRef) === null || _a === void 0 ? void 0 : _a.focus();\n }\n async selectionStart() {\n var _a;\n return Promise.resolve((_a = this.inputRef) === null || _a === void 0 ? void 0 : _a.selectionStart);\n }\n async selectioconEnd() {\n var _a;\n return Promise.resolve((_a = this.inputRef) === null || _a === void 0 ? void 0 : _a.selectionEnd);\n }\n async setSelectionRange(selectionStart, selectionEnd, selectionDirection) {\n var _a;\n (_a = this.inputRef) === null || _a === void 0 ? void 0 : _a.setSelectionRange(selectionStart, selectionEnd, selectionDirection);\n }\n async setSelectionStart(selectionStart) {\n var _a;\n (_a = this.inputRef) === null || _a === void 0 ? void 0 : _a.setSelectionRange(selectionStart, selectionStart);\n }\n async setRangeText(replacement, selectionStart, selectionEnd, selectMode) {\n var _a, _b;\n if (selectionStart && selectionEnd) {\n (_a = this.inputRef) === null || _a === void 0 ? void 0 : _a.setRangeText(replacement, selectionStart, selectionEnd, selectMode);\n }\n else {\n (_b = this.inputRef) === null || _b === void 0 ? void 0 : _b.setRangeText(replacement);\n }\n }\n getFormFieldProps() {\n return {\n state: this.state,\n class: clsx('kol-input-text', this.state._type, {\n 'has-value': this.state._hasValue,\n 'kol-form-field--has-counter': this.controller.hasSoftCharacterLimit() || this.controller.hasCounter(),\n }),\n tooltipAlign: this._tooltipAlign,\n alert: this.showAsAlert(),\n };\n }\n getInputProps() {\n const ariaDescribedBy = typeof this.state._maxLength === 'number' ? [`${this.state._id}-character-limit-hint`] : undefined;\n return Object.assign(Object.assign({ ref: this.catchRef, state: this.state, ariaDescribedBy }, this.controller.onFacade), { onBlur: this.onBlur, onChange: this.onChange, onFocus: this.onFocus, onInput: this.onInput, onKeyDown: this.onKeyDown });\n }\n render() {\n return (h(FormFieldStateWrapper, Object.assign({ key: '7aa95da7581005eb7dae4f5d4e166b32ac0a12b9' }, this.getFormFieldProps()), h(InputContainerStateWrapperFc, { key: 'ae8aebf9a3c9c21fd2b0ab85873fff2714208824', state: this.state }, h(InputStateWrapper, Object.assign({ key: 'c46a7a83ecaa4f48f06e1cd3d35494a9fe7c3f8d' }, this.getInputProps())))));\n }\n constructor(hostRef) {\n registerInstance(this, hostRef);\n this.catchRef = (ref) => {\n this.inputRef = ref;\n };\n this.onBlur = (event) => {\n this.controller.onFacade.onBlur(event);\n this.inputHasFocus = false;\n };\n this.onChange = (event) => {\n var _a;\n const value = (_a = this.inputRef) === null || _a === void 0 ? void 0 : _a.value;\n if (this.oldValue !== value) {\n this.oldValue = value;\n }\n this.controller.onFacade.onChange(event);\n };\n this.onFocus = (event) => {\n this.controller.onFacade.onFocus(event);\n this.inputHasFocus = true;\n };\n this.onInput = (event) => {\n var _a, _b;\n this._value = (_b = (_a = this.inputRef) === null || _a === void 0 ? void 0 : _a.value) !== null && _b !== void 0 ? _b : '';\n this.controller.onFacade.onInput(event);\n };\n this.onKeyDown = (event) => {\n this.controller.onFacade.onKeyDown(event);\n if (event.code === 'Enter' || event.code === 'NumpadEnter') {\n propagateSubmitEventToForm({\n form: this.host});\n }\n };\n this._autoComplete = 'off';\n this._hasCounter = false;\n this._maxLengthBehavior = 'hard';\n this._disabled = false;\n this._hideMsg = false;\n this._hideLabel = false;\n this._hint = '';\n this._readOnly = false;\n this._required = false;\n this._tooltipAlign = 'top';\n this._touched = false;\n this._type = 'text';\n this.state = {\n _currentLength: 0,\n _currentLengthDebounced: 0,\n _hasValue: false,\n _hideMsg: 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 return Boolean(this.state._touched) && !this.inputHasFocus;\n }\n validateAccessKey(value) {\n this.controller.validateAccessKey(value);\n }\n validateAutoComplete(value) {\n this.controller.validateAutoComplete(value);\n }\n validateMaxLengthBehavior(value) {\n this.controller.validateMaxLengthBehavior(value);\n }\n validateDisabled(value) {\n this.controller.validateDisabled(value);\n }\n validateHideMsg(value) {\n this.controller.validateHideMsg(value);\n }\n validateHideLabel(value) {\n this.controller.validateHideLabel(value);\n }\n validateHasCounter(value) {\n this.controller.validateHasCounter(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 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 get host() { return getElement(this); }\n static get watchers() { return {\n \"_accessKey\": [\"validateAccessKey\"],\n \"_autoComplete\": [\"validateAutoComplete\"],\n \"_maxLengthBehavior\": [\"validateMaxLengthBehavior\"],\n \"_disabled\": [\"validateDisabled\"],\n \"_hideMsg\": [\"validateHideMsg\"],\n \"_hideLabel\": [\"validateHideLabel\"],\n \"_hasCounter\": [\"validateHasCounter\"],\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 \"_touched\": [\"validateTouched\"],\n \"_type\": [\"validateType\"],\n \"_value\": [\"validateValue\"]\n }; }\n};\nKolInputText.style = {\n default: defaultStyleCss\n};\n\nexport { KolInputText as kol_input_text };\n//# sourceMappingURL=kol-input-text.entry.js.map\n"],"names":["defaultStyleCss","KolInputText","_a","selectionStart","selectionEnd","selectionDirection","replacement","selectMode","_b","clsx","ariaDescribedBy","h","FormFieldStateWrapper","InputContainerStateWrapperFc","InputStateWrapper","hostRef","registerInstance","ref","event","value","propagateSubmitEventToForm","nonce","InputTextController","v","getElement"],"mappings":"w9CA4CA,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;AAAA;AAAA;AAAA;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"}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{r as h,a2 as c,d as _,a as v,v as b,h as s,K as u,i as f,H as p,ak as g,g as m,w as k,n}from"./index-DDaun4pg.js";import{s as C}from"./reuse-CX4AQDkS-BaVSFETn.js";import{v as y,a as l,b as A,c as K}from"./access-and-short-key-Dy2a7Py3-C8K1ElNm.js";import{v as L,a as x,b as w,c as V,d as T}from"./button-variant-ueS50zGR-B8zkVWeR.js";import{v as I}from"./custom-class-Dg0c6ST7-CXkmqQxK.js";import{v as O}from"./disabled-u5a_azlj-gg9juBlZ.js";import{v as D}from"./hide-label-DjBQJOAP-1NZ7Zm1U.js";import{v as E}from"./href-LHUCJ_IZ-D6afrRTu.js";import{v as R}from"./icons-B_GLbYEP-D-1TndW2.js";import{v as S}from"./inline-CeKQgcde-CPyIcneb.js";import{a as H}from"./label-ohY9ajP0-D6pld2vB.js";import{v as j}from"./tooltip-align-DEw_M6Is-rBzNm_fp.js";import{c as B}from"./clsx-eK3rPvPS-B-dksMZM.js";import"./Alert-D0UNMrPW-D_sCbyYP.js";import{t as $}from"./i18n-BgOmSzBT-Bm1C7fXF.js";import{K as W}from"./Span-x9qr0ZW4-D2LazUFv.js";import"./tslib.es6-CxX45GIN-BGVaTf34.js";import"./markdown-CVks1MC0-B5bHOOUE.js";import"./isObject-DvSELytj-DhzEQer1.js";import"./align-Bcqvz5vw-BEayLFXk.js";import"./Heading-s9wCZGKs-D9xkf8fP.js";import"./Icon-BCK5_-Dl-BstsuFD-.js";import"./InternalUnderlinedBadgeText-D96tegi8-CVOLKJgq.js";const o=["date","location","page","step","time","true","false"],F=(t,a)=>{k(t,"_ariaCurrentValue",i=>typeof i=="string"&&o.includes(i),new Set([`AriaCurrentValue {${o.join(", ")}`]),a,{defaultValue:"page"})},P=(t,a)=>{n(t,"_ariaOwns",a,{defaultValue:void 0})},q=(t,a)=>{n(t,"_download",a)},z=(t,a)=>{typeof a=="object"&&typeof a?.onClick=="function"&&(t.state=Object.assign(Object.assign({},t.state),{_on:a}))},G=(t,a)=>{n(t,"_target",a)},ut=class{constructor(t){h(this,t),this.translateOpenLinkInTab=$("kol-open-link-in-tab"),this.catchRef=a=>{this.anchorRef=a},this.hideTooltip=()=>{var a;(a=this.tooltipRef)===null||a===void 0||a.hideTooltip()},this.onClick=a=>{var i,e;this.state._hideLabel&&this.hideTooltip(),this.state._disabled===!0?a.preventDefault():(typeof((i=this.state._on)===null||i===void 0?void 0:i.onClick)=="function"&&(a.preventDefault(),c(a,this.anchorRef),(e=this.state._on)===null||e===void 0||e.onClick(a,this.state._href)),this.host&&_(this.host,v.click,this.state._href))},this.getRenderValues=()=>{const a=typeof this.state._target=="string"&&this.state._target!=="_self",i={href:typeof this.state._href=="string"&&this.state._href.length>0?this.state._href:"javascript:void(0);",target:typeof this.state._target=="string"&&this.state._target.length>0?this.state._target:void 0,rel:a?"noopener":void 0,download:typeof this.state._download=="string"?this.state._download:void 0};return this.state._hideLabel===!0&&!this.state._label&&b("[KolLink] An aria-label must be set when _hide-label is set."),{isExternal:a,tagAttrs:i}},this._disabled=!1,this._hideLabel=!1,this._inline=!0,this._tooltipAlign="right",this._buttonVariant="normal",this.state={_ariaCurrentValue:"page",_href:"",_icons:{}}}async kolFocus(){var t;(t=this.anchorRef)===null||t===void 0||t.focus()}render(){var t;const{isExternal:a,tagAttrs:i}=this.getRenderValues(),e=C(this.state._label),r=(t=this.state._ariaDescription)===null||t===void 0?void 0:t.trim();return s(p,{key:"892c5cc729d746dc7b1f046d1b43f198752d2806"},s("a",Object.assign({key:"66793d9388bdd0b7d291fc1d137ba269cfd2b228",ref:this.catchRef},i,{accessKey:this.state._accessKey,"aria-current":this.state._ariaCurrent,"aria-controls":this.state._ariaControls,"aria-description":r||void 0,"aria-disabled":this.state._disabled?"true":void 0,"aria-expanded":typeof this.state._ariaExpanded=="boolean"?String(this.state._ariaExpanded):void 0,"aria-owns":this.state._ariaOwns,"aria-label":this.state._hideLabel&&typeof this.state._label=="string"?`${this.state._label}${a?` (${this.translateOpenLinkInTab})`:""}`:void 0,"aria-keyshortcuts":this.state._shortKey,class:B("kol-link",{"kol-link--disabled":this.state._disabled===!0,"kol-link--external-link":a,"kol-link--hide-label":this.state._hideLabel===!0,[`kol-link--${this.state._buttonVariant}`]:this.state._buttonVariant!=="custom","kol-link--inline":this.state._inline===!0,"kol-link--standalone":this.state._inline===!1,[this.state._customClass]:this.state._buttonVariant==="custom"&&typeof this.state._customClass=="string"&&this.state._customClass.length>0})},this.state._on,{onClick:this.onClick,onKeyPress:this.onClick,role:this.state._role,tabIndex:this.state._disabled?-1:this.state._tabIndex}),s(W,{key:"5c7d16010d9be97330357727cd077a5938d34e7f",class:"kol-link__text",badgeText:this.state._accessKey||this.state._shortKey,icons:this.state._icons,hideLabel:this.state._hideLabel,label:e?"":this.state._label||this.state._href},s("slot",{key:"b01d5620e864c978c8e87b5601b8736334af2959",name:"expert",slot:"expert"})),a&&s(f,{key:"7234195fde7663f54e8414f81fa64003bdd53eed",class:"kol-link__icon",_label:this.state._hideLabel?"":this.translateOpenLinkInTab,_icons:"kolicon-link-external","aria-hidden":this.state._hideLabel})),this.state._hideLabel===!0&&s(u,{key:"36018a0a2f0430efcb0a3a446535a1702dadf53e","aria-hidden":"true",class:"kol-link__tooltip",ref:d=>this.tooltipRef=d,hidden:e,_badgeText:this.state._accessKey||this.state._shortKey,_align:this.state._tooltipAlign,_label:this.state._label||this.state._href}))}validateAccessKey(t){y(this,t),l(t,this._shortKey)}validateAriaCurrentValue(t){F(this,t)}validateAriaControls(t){L(this,t)}validateAriaDescription(t){x(this,t)}validateAriaExpanded(t){w(this,t)}validateAriaOwns(t){P(this,t)}validateCustomClass(t){I(this,t)}validateDisabled(t){O(this,t)}validateDownload(t){q(this,t)}validateHideLabel(t){D(this,t)}validateHref(t){E(this,t,{required:!0})}validateIcons(t){R(this,t)}validateInline(t){S(this,t,{defaultValue:!0})}validateLabel(t){H(this,t)}validateOn(t){z(this,t)}validateRole(t){V(this,t)}validateShortKey(t){A(this,t),l(this._accessKey,t)}validateTabIndex(t){K(this,t)}validateTarget(t){G(this,t)}validateTooltipAlign(t){j(this,t)}validateButtonVariant(t){T(this,t)}componentWillLoad(){this.validateAccessKey(this._accessKey),this.validateAriaCurrentValue(this._ariaCurrentValue),this.validateAriaControls(this._ariaControls),this.validateAriaDescription(this._ariaDescription),this.validateAriaExpanded(this._ariaExpanded),this.validateAriaOwns(this._ariaOwns),this.validateCustomClass(this._customClass),this.validateDisabled(this._disabled),this.validateDownload(this._download),this.validateHideLabel(this._hideLabel),this.validateHref(this._href),this.validateIcons(this._icons),this.validateInline(this._inline),this.validateLabel(this._label),this.validateOn(this._on),this.validateRole(this._role),this.validateShortKey(this._shortKey),this.validateTabIndex(this._tabIndex),this.validateTarget(this._target),this.validateTooltipAlign(this._tooltipAlign),this.validateButtonVariant(this._buttonVariant),this.unsubscribeOnLocationChange=g(t=>{this.state._ariaCurrent=t===this.state._href?this.state._ariaCurrentValue:void 0}),l(this._accessKey,this._shortKey)}disconnectedCallback(){this.unsubscribeOnLocationChange&&this.unsubscribeOnLocationChange()}get host(){return m(this)}static get watchers(){return{_accessKey:["validateAccessKey"],_ariaCurrentValue:["validateAriaCurrentValue"],_ariaControls:["validateAriaControls"],_ariaDescription:["validateAriaDescription"],_ariaExpanded:["validateAriaExpanded"],_ariaOwns:["validateAriaOwns"],_customClass:["validateCustomClass"],_disabled:["validateDisabled"],_download:["validateDownload"],_hideLabel:["validateHideLabel"],_href:["validateHref"],_icons:["validateIcons"],_inline:["validateInline"],_label:["validateLabel"],_on:["validateOn"],_role:["validateRole"],_shortKey:["validateShortKey"],_tabIndex:["validateTabIndex"],_target:["validateTarget"],_tooltipAlign:["validateTooltipAlign"],_buttonVariant:["validateButtonVariant"]}}};export{ut as kol_link_wc};
|
|
2
|
-
//# sourceMappingURL=kol-link-wc.entry-BL0POur8.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"kol-link-wc.entry-BL0POur8.js","sources":["../../../../components/dist/esm/kol-link-wc.entry.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { r as registerInstance, h, H as Host, g as getElement } from './index-6vN91rDY.js';\nimport { a as KolTooltipWcTag, e as KolIconTag } from './component-names-C3fyby67.js';\nimport { w as watchValidator, e as watchString, J as setEventTarget, j as devHint } from './common-L1K0yh1S.js';\nimport { s as showExpertSlot } from './reuse-CX4AQDkS.js';\nimport { v as validateAccessKey, a as validateAccessAndShortKey, b as validateShortKey, c as validateTabIndex } from './access-and-short-key-Dy2a7Py3.js';\nimport { v as validateAriaControls, a as validateAriaDescription, b as validateAriaExpanded, c as validateAlternativeButtonLinkRole, d as validateButtonVariant } from './button-variant-ueS50zGR.js';\nimport { v as validateCustomClass } from './custom-class-Dg0c6ST7.js';\nimport { v as validateDisabled } from './disabled-u5a_azlj.js';\nimport { v as validateHideLabel } from './hide-label-DjBQJOAP.js';\nimport { v as validateHref } from './href-LHUCJ_IZ.js';\nimport { v as validateIcons } from './icons-B_GLbYEP.js';\nimport { v as validateInline } from './inline-CeKQgcde.js';\nimport { a as validateLabelWithExpertSlot } from './label-ohY9ajP0.js';\nimport { v as validateTooltipAlign } from './tooltip-align-DEw_M6Is.js';\nimport { d as dispatchDomEvent, K as KolEvent } from './events-CY36RKEq.js';\nimport { o as onLocationChange } from './ariaCurrentService-YoLNpD5S.js';\nimport { c as clsx } from './clsx-eK3rPvPS.js';\nimport './Alert-D0UNMrPW.js';\nimport { t as translate } from './i18n-BgOmSzBT.js';\nimport { K as KolSpanFc } from './Span-x9qr0ZW4.js';\nimport './align-Bcqvz5vw.js';\nimport './tslib.es6-CxX45GIN.js';\nimport './bem-CIn1qsbp.js';\nimport './browser-CyCtPZc0.js';\nimport './Heading-s9wCZGKs.js';\nimport './i18n-B0tfVPMa.js';\nimport './Icon-BCK5_-Dl.js';\nimport './markdown-CVks1MC0.js';\nimport './InternalUnderlinedBadgeText-D96tegi8.js';\nimport './isObject-DvSELytj.js';\n\nconst ariaCurrentValuePropTypeOptions = ['date', 'location', 'page', 'step', 'time', 'true', 'false'];\nconst validateAriaCurrentValue = (component, value) => {\n watchValidator(component, `_ariaCurrentValue`, (value) => typeof value === 'string' && ariaCurrentValuePropTypeOptions.includes(value), new Set([`AriaCurrentValue {${ariaCurrentValuePropTypeOptions.join(', ')}`]), value, {\n defaultValue: 'page',\n });\n};\n\nconst validateAriaOwns = (component, value) => {\n watchString(component, '_ariaOwns', value, {\n defaultValue: undefined,\n });\n};\n\nconst validateDownload = (component, value) => {\n watchString(component, '_download', value);\n};\n\nconst validateLinkCallbacks = (component, value) => {\n if (typeof value === 'object' && typeof (value === null || value === void 0 ? void 0 : value.onClick) === 'function') {\n component.state = Object.assign(Object.assign({}, component.state), { _on: value });\n }\n};\n\nconst validateLinkTarget = (component, value) => {\n watchString(component, '_target', value);\n};\n\nconst KolLinkWc = class {\n constructor(hostRef) {\n registerInstance(this, hostRef);\n this.translateOpenLinkInTab = translate('kol-open-link-in-tab');\n this.catchRef = (ref) => {\n this.anchorRef = ref;\n };\n this.hideTooltip = () => {\n var _a;\n void ((_a = this.tooltipRef) === null || _a === void 0 ? void 0 : _a.hideTooltip());\n };\n this.onClick = (event) => {\n var _a, _b;\n if (this.state._hideLabel) {\n this.hideTooltip();\n }\n if (this.state._disabled === true) {\n event.preventDefault();\n }\n else {\n if (typeof ((_a = this.state._on) === null || _a === void 0 ? void 0 : _a.onClick) === 'function') {\n event.preventDefault();\n setEventTarget(event, this.anchorRef);\n (_b = this.state._on) === null || _b === void 0 ? void 0 : _b.onClick(event, this.state._href);\n }\n if (this.host) {\n dispatchDomEvent(this.host, KolEvent.click, this.state._href);\n }\n }\n };\n this.getRenderValues = () => {\n const isExternal = typeof this.state._target === 'string' && this.state._target !== '_self';\n const tagAttrs = {\n href: typeof this.state._href === 'string' && this.state._href.length > 0 ? this.state._href : 'javascript:void(0);',\n target: typeof this.state._target === 'string' && this.state._target.length > 0 ? this.state._target : undefined,\n rel: isExternal ? 'noopener' : undefined,\n download: typeof this.state._download === 'string' ? this.state._download : undefined,\n };\n if (this.state._hideLabel === true && !this.state._label) {\n devHint(`[KolLink] An aria-label must be set when _hide-label is set.`);\n }\n return { isExternal, tagAttrs };\n };\n this._disabled = false;\n this._hideLabel = false;\n this._inline = true;\n this._tooltipAlign = 'right';\n this._buttonVariant = 'normal';\n this.state = {\n _ariaCurrentValue: 'page',\n _href: '',\n _icons: {},\n };\n }\n async kolFocus() {\n var _a;\n (_a = this.anchorRef) === null || _a === void 0 ? void 0 : _a.focus();\n }\n render() {\n var _a;\n const { isExternal, tagAttrs } = this.getRenderValues();\n const hasExpertSlot = showExpertSlot(this.state._label);\n const ariaDescription = (_a = this.state._ariaDescription) === null || _a === void 0 ? void 0 : _a.trim();\n return (h(Host, { key: '892c5cc729d746dc7b1f046d1b43f198752d2806' }, h(\"a\", Object.assign({ key: '66793d9388bdd0b7d291fc1d137ba269cfd2b228', ref: this.catchRef }, tagAttrs, { accessKey: this.state._accessKey, \"aria-current\": this.state._ariaCurrent, \"aria-controls\": this.state._ariaControls, \"aria-description\": ariaDescription || undefined, \"aria-disabled\": this.state._disabled ? 'true' : undefined, \"aria-expanded\": typeof this.state._ariaExpanded === 'boolean' ? String(this.state._ariaExpanded) : undefined, \"aria-owns\": this.state._ariaOwns, \"aria-label\": this.state._hideLabel && typeof this.state._label === 'string'\n ? `${this.state._label}${isExternal ? ` (${this.translateOpenLinkInTab})` : ''}`\n : undefined, \"aria-keyshortcuts\": this.state._shortKey, class: clsx('kol-link', {\n 'kol-link--disabled': this.state._disabled === true,\n 'kol-link--external-link': isExternal,\n 'kol-link--hide-label': this.state._hideLabel === true,\n [`kol-link--${this.state._buttonVariant}`]: this.state._buttonVariant !== 'custom',\n 'kol-link--inline': this.state._inline === true,\n 'kol-link--standalone': this.state._inline === false,\n [this.state._customClass]: this.state._buttonVariant === 'custom' && typeof this.state._customClass === 'string' && this.state._customClass.length > 0,\n }) }, this.state._on, { onClick: this.onClick, onKeyPress: this.onClick, role: this.state._role, tabIndex: this.state._disabled ? -1 : this.state._tabIndex }), h(KolSpanFc, { key: '5c7d16010d9be97330357727cd077a5938d34e7f', class: \"kol-link__text\", badgeText: this.state._accessKey || this.state._shortKey, icons: this.state._icons, hideLabel: this.state._hideLabel, label: hasExpertSlot ? '' : this.state._label || this.state._href }, h(\"slot\", { key: 'b01d5620e864c978c8e87b5601b8736334af2959', name: \"expert\", slot: \"expert\" })), isExternal && (h(KolIconTag, { key: '7234195fde7663f54e8414f81fa64003bdd53eed', class: \"kol-link__icon\", _label: this.state._hideLabel ? '' : this.translateOpenLinkInTab, _icons: 'kolicon-link-external', \"aria-hidden\": this.state._hideLabel }))), this.state._hideLabel === true && (h(KolTooltipWcTag, { key: '36018a0a2f0430efcb0a3a446535a1702dadf53e', \"aria-hidden\": \"true\", class: \"kol-link__tooltip\", ref: (ref) => (this.tooltipRef = ref), hidden: hasExpertSlot, _badgeText: this.state._accessKey || this.state._shortKey, _align: this.state._tooltipAlign, _label: this.state._label || this.state._href }))));\n }\n validateAccessKey(value) {\n validateAccessKey(this, value);\n validateAccessAndShortKey(value, this._shortKey);\n }\n validateAriaCurrentValue(value) {\n validateAriaCurrentValue(this, value);\n }\n validateAriaControls(value) {\n validateAriaControls(this, value);\n }\n validateAriaDescription(value) {\n validateAriaDescription(this, value);\n }\n validateAriaExpanded(value) {\n validateAriaExpanded(this, value);\n }\n validateAriaOwns(value) {\n validateAriaOwns(this, value);\n }\n validateCustomClass(value) {\n validateCustomClass(this, value);\n }\n validateDisabled(value) {\n validateDisabled(this, value);\n }\n validateDownload(value) {\n validateDownload(this, value);\n }\n validateHideLabel(value) {\n validateHideLabel(this, value);\n }\n validateHref(value) {\n validateHref(this, value, {\n required: true,\n });\n }\n validateIcons(value) {\n validateIcons(this, value);\n }\n validateInline(value) {\n validateInline(this, value, {\n defaultValue: true,\n });\n }\n validateLabel(value) {\n validateLabelWithExpertSlot(this, value);\n }\n validateOn(value) {\n validateLinkCallbacks(this, value);\n }\n validateRole(value) {\n validateAlternativeButtonLinkRole(this, value);\n }\n validateShortKey(value) {\n validateShortKey(this, value);\n validateAccessAndShortKey(this._accessKey, value);\n }\n validateTabIndex(value) {\n validateTabIndex(this, value);\n }\n validateTarget(value) {\n validateLinkTarget(this, value);\n }\n validateTooltipAlign(value) {\n validateTooltipAlign(this, value);\n }\n validateButtonVariant(value) {\n validateButtonVariant(this, value);\n }\n componentWillLoad() {\n this.validateAccessKey(this._accessKey);\n this.validateAriaCurrentValue(this._ariaCurrentValue);\n this.validateAriaControls(this._ariaControls);\n this.validateAriaDescription(this._ariaDescription);\n this.validateAriaExpanded(this._ariaExpanded);\n this.validateAriaOwns(this._ariaOwns);\n this.validateCustomClass(this._customClass);\n this.validateDisabled(this._disabled);\n this.validateDownload(this._download);\n this.validateHideLabel(this._hideLabel);\n this.validateHref(this._href);\n this.validateIcons(this._icons);\n this.validateInline(this._inline);\n this.validateLabel(this._label);\n this.validateOn(this._on);\n this.validateRole(this._role);\n this.validateShortKey(this._shortKey);\n this.validateTabIndex(this._tabIndex);\n this.validateTarget(this._target);\n this.validateTooltipAlign(this._tooltipAlign);\n this.validateButtonVariant(this._buttonVariant);\n this.unsubscribeOnLocationChange = onLocationChange((location) => {\n this.state._ariaCurrent = location === this.state._href ? this.state._ariaCurrentValue : undefined;\n });\n validateAccessAndShortKey(this._accessKey, this._shortKey);\n }\n disconnectedCallback() {\n if (this.unsubscribeOnLocationChange) {\n this.unsubscribeOnLocationChange();\n }\n }\n get host() { return getElement(this); }\n static get watchers() { return {\n \"_accessKey\": [\"validateAccessKey\"],\n \"_ariaCurrentValue\": [\"validateAriaCurrentValue\"],\n \"_ariaControls\": [\"validateAriaControls\"],\n \"_ariaDescription\": [\"validateAriaDescription\"],\n \"_ariaExpanded\": [\"validateAriaExpanded\"],\n \"_ariaOwns\": [\"validateAriaOwns\"],\n \"_customClass\": [\"validateCustomClass\"],\n \"_disabled\": [\"validateDisabled\"],\n \"_download\": [\"validateDownload\"],\n \"_hideLabel\": [\"validateHideLabel\"],\n \"_href\": [\"validateHref\"],\n \"_icons\": [\"validateIcons\"],\n \"_inline\": [\"validateInline\"],\n \"_label\": [\"validateLabel\"],\n \"_on\": [\"validateOn\"],\n \"_role\": [\"validateRole\"],\n \"_shortKey\": [\"validateShortKey\"],\n \"_tabIndex\": [\"validateTabIndex\"],\n \"_target\": [\"validateTarget\"],\n \"_tooltipAlign\": [\"validateTooltipAlign\"],\n \"_buttonVariant\": [\"validateButtonVariant\"]\n }; }\n};\n\nexport { KolLinkWc as kol_link_wc };\n//# sourceMappingURL=kol-link-wc.entry.js.map\n"],"names":["ariaCurrentValuePropTypeOptions","validateAriaCurrentValue","component","value","watchValidator","validateAriaOwns","watchString","validateDownload","validateLinkCallbacks","validateLinkTarget","KolLinkWc","hostRef","registerInstance","translate","ref","_a","event","_b","setEventTarget","dispatchDomEvent","KolEvent","isExternal","tagAttrs","devHint","hasExpertSlot","showExpertSlot","ariaDescription","h","Host","clsx","KolSpanFc","KolIconTag","KolTooltipWcTag","validateAccessKey","validateAccessAndShortKey","validateAriaControls","validateAriaDescription","validateAriaExpanded","validateCustomClass","validateDisabled","validateHideLabel","validateHref","validateIcons","validateInline","validateLabelWithExpertSlot","validateAlternativeButtonLinkRole","validateShortKey","validateTabIndex","validateTooltipAlign","validateButtonVariant","onLocationChange","location","getElement"],"mappings":"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"}
|