@public-ui/sample-react 4.1.1-rc.0 → 4.1.1-rc.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/assets/{Alert-BNnW6X1O-Cdchk79R.js → Alert-DJWeD9Xz-whjsP8QM.js} +2 -2
- package/dist/assets/{Alert-BNnW6X1O-Cdchk79R.js.map → Alert-DJWeD9Xz-whjsP8QM.js.map} +1 -1
- package/dist/assets/{Collapsible-DNDdPxp5-CzZSMary.js → Collapsible-C6YbGDhK-BGIfB75R.js} +2 -2
- package/dist/assets/{Collapsible-DNDdPxp5-CzZSMary.js.map → Collapsible-C6YbGDhK-BGIfB75R.js.map} +1 -1
- package/dist/assets/{CustomSuggestionsOptionsGroup-CWtO9VtS-DdGbu3TC.js → CustomSuggestionsOptionsGroup-BBiujBa7-oaFhAR4M.js} +2 -2
- package/dist/assets/{CustomSuggestionsOptionsGroup-CWtO9VtS-DdGbu3TC.js.map → CustomSuggestionsOptionsGroup-BBiujBa7-oaFhAR4M.js.map} +1 -1
- package/dist/assets/FieldControlStateWrapper-D0fzj9Oy-EdRMydrO.js +2 -0
- package/dist/assets/FieldControlStateWrapper-D0fzj9Oy-EdRMydrO.js.map +1 -0
- package/dist/assets/FormFieldStateWrapper-BFyiN9EY-C7bBg0X9.js +2 -0
- package/dist/assets/FormFieldStateWrapper-BFyiN9EY-C7bBg0X9.js.map +1 -0
- package/dist/assets/{Heading-C4rnCYXm-DE5dfHs4.js → Heading-Cp72eQOw-C_3UfwQj.js} +2 -2
- package/dist/assets/{Heading-C4rnCYXm-DE5dfHs4.js.map → Heading-Cp72eQOw-C_3UfwQj.js.map} +1 -1
- package/dist/assets/{Icon-DiLz3fn_-eFma6WUT.js → Icon-BI9iw7pD-BcWsEg8j.js} +2 -2
- package/dist/assets/{Icon-DiLz3fn_-eFma6WUT.js.map → Icon-BI9iw7pD-BcWsEg8j.js.map} +1 -1
- package/dist/assets/{Input-3yKCAK8D-Dy5T9vv-.js → Input-DXQUCRHF-DReDwU8k.js} +2 -2
- package/dist/assets/{Input-3yKCAK8D-Dy5T9vv-.js.map → Input-DXQUCRHF-DReDwU8k.js.map} +1 -1
- package/dist/assets/{InputStateWrapper-CmSl1Pup-CqdbfaJY.js → InputStateWrapper-D7DYAs_8-CT70q1el.js} +2 -2
- package/dist/assets/{InputStateWrapper-CmSl1Pup-CqdbfaJY.js.map → InputStateWrapper-D7DYAs_8-CT70q1el.js.map} +1 -1
- package/dist/assets/InternalUnderlinedBadgeText-DLXbDpmD-BXnXGnNY.js +2 -0
- package/dist/assets/InternalUnderlinedBadgeText-DLXbDpmD-BXnXGnNY.js.map +1 -0
- package/dist/assets/Span-BXTwASbu-NhknMTSe.js +2 -0
- package/dist/assets/Span-BXTwASbu-NhknMTSe.js.map +1 -0
- package/dist/assets/{access-and-short-key-CPX70LXd-Ds8fWfPi.js → access-and-short-key-CPX70LXd-RzQ3gXPA.js} +2 -2
- package/dist/assets/{access-and-short-key-CPX70LXd-Ds8fWfPi.js.map → access-and-short-key-CPX70LXd-RzQ3gXPA.js.map} +1 -1
- package/dist/assets/{align-DDUsWnWP-CMEORvB8.js → align-DDUsWnWP-C_Tp4Sxv.js} +2 -2
- package/dist/assets/{align-DDUsWnWP-CMEORvB8.js.map → align-DDUsWnWP-C_Tp4Sxv.js.map} +1 -1
- package/dist/assets/align-floating-elements-DGbaInbL-KD3H10XJ.js +2 -0
- package/dist/assets/align-floating-elements-DGbaInbL-KD3H10XJ.js.map +1 -0
- package/dist/assets/{associated.controller-CdEaJGVD-N90p9Kwj.js → associated.controller-CdEaJGVD-BzKGAiOf.js} +2 -2
- package/dist/assets/{associated.controller-CdEaJGVD-N90p9Kwj.js.map → associated.controller-CdEaJGVD-BzKGAiOf.js.map} +1 -1
- package/dist/assets/{auto-complete-69d94cWC-BRAqVYpe.js → auto-complete-69d94cWC-L8xaBwZN.js} +2 -2
- package/dist/assets/{auto-complete-69d94cWC-BRAqVYpe.js.map → auto-complete-69d94cWC-L8xaBwZN.js.map} +1 -1
- package/dist/assets/base-controller-DXBNrrLx-C0AnRAqn.js +2 -0
- package/dist/assets/base-controller-DXBNrrLx-C0AnRAqn.js.map +1 -0
- package/dist/assets/{color-CUkVwfhq--1SdRXOP.js → color-CUkVwfhq-D2SCoTUH.js} +2 -2
- package/dist/assets/{color-CUkVwfhq--1SdRXOP.js.map → color-CUkVwfhq-D2SCoTUH.js.map} +1 -1
- package/dist/assets/{contrast-qfZiX0wi-C08AU1Tr.js → contrast-qfZiX0wi-7fMhKEda.js} +2 -2
- package/dist/assets/{contrast-qfZiX0wi-C08AU1Tr.js.map → contrast-qfZiX0wi-7fMhKEda.js.map} +1 -1
- package/dist/assets/{controller-cwZv_Ppb-KVXzxjIk.js → controller-BaXjr15p-C9mTDvMj.js} +2 -2
- package/dist/assets/{controller-cwZv_Ppb-KVXzxjIk.js.map → controller-BaXjr15p-C9mTDvMj.js.map} +1 -1
- package/dist/assets/controller-CseHvmhJ-DdyDYkY6.js +2 -0
- package/dist/assets/controller-CseHvmhJ-DdyDYkY6.js.map +1 -0
- package/dist/assets/{controller-DgjtfYEk-tTPSYUhU.js → controller-D61Uz9xi-BENfox1n.js} +2 -2
- package/dist/assets/{controller-DgjtfYEk-tTPSYUhU.js.map → controller-D61Uz9xi-BENfox1n.js.map} +1 -1
- package/dist/assets/{controller-icon-Dopbz3nm-Ckicw2dk.js → controller-icon-DKRqmDU2-DoJk7e7A.js} +2 -2
- package/dist/assets/{controller-icon-Dopbz3nm-Ckicw2dk.js.map → controller-icon-DKRqmDU2-DoJk7e7A.js.map} +1 -1
- package/dist/assets/{controller-DeT6XiIB-Cp_ypmTj.js → controller-vTikIczD-DE3wlldf.js} +2 -2
- package/dist/assets/{controller-DeT6XiIB-Cp_ypmTj.js.map → controller-vTikIczD-DE3wlldf.js.map} +1 -1
- package/dist/assets/{controller-zA71XEOV-DyDdVnYC.js → controller-zA71XEOV-jnijHjNx.js} +2 -2
- package/dist/assets/{controller-zA71XEOV-DyDdVnYC.js.map → controller-zA71XEOV-jnijHjNx.js.map} +1 -1
- package/dist/assets/custom-class-DyUifVn_-bykX3Vkt.js +2 -0
- package/dist/assets/{custom-class-DyUifVn_-CjkYS5rc.js.map → custom-class-DyUifVn_-bykX3Vkt.js.map} +1 -1
- package/dist/assets/{dev.utils-dsy3l66K-Bgv0kQDq.js → dev.utils-DEjbEXtH-DBmWP5yn.js} +2 -2
- package/dist/assets/{dev.utils-dsy3l66K-Bgv0kQDq.js.map → dev.utils-DEjbEXtH-DBmWP5yn.js.map} +1 -1
- package/dist/assets/{devtools-xecG3w-I-Dl_JTL-K.js → devtools-CeSDfGe0-CYBQI16L.js} +2 -2
- package/dist/assets/{devtools-xecG3w-I-Dl_JTL-K.js.map → devtools-CeSDfGe0-CYBQI16L.js.map} +1 -1
- package/dist/assets/disabled-BdPI9eda-BFM0nFDP.js +2 -0
- package/dist/assets/{disabled-BdPI9eda-NAkI1UuL.js.map → disabled-BdPI9eda-BFM0nFDP.js.map} +1 -1
- package/dist/assets/has-closer-BbY1hw6m-DKOu4hpa.js +2 -0
- package/dist/assets/{has-closer-BbY1hw6m-D0GqWlUk.js.map → has-closer-BbY1hw6m-DKOu4hpa.js.map} +1 -1
- package/dist/assets/hide-label-ByItyHgV-x1WBM_YB.js +2 -0
- package/dist/assets/{hide-label-ByItyHgV-B2y_8ev8.js.map → hide-label-ByItyHgV-x1WBM_YB.js.map} +1 -1
- package/dist/assets/href-BtQW7uxb-Dtbdn_7c.js +2 -0
- package/dist/assets/{href-BtQW7uxb-Dz4SeEMG.js.map → href-BtQW7uxb-Dtbdn_7c.js.map} +1 -1
- package/dist/assets/i18n-DvMeCREp-BkNCAkAX.js +2 -0
- package/dist/assets/{i18n-DvMeCREp-CJH-xzs9.js.map → i18n-DvMeCREp-BkNCAkAX.js.map} +1 -1
- package/dist/assets/{icons-CmA8Oww0-CvPbNxG_.js → icons-CmA8Oww0-CXBaqbvf.js} +2 -2
- package/dist/assets/{icons-CmA8Oww0-CvPbNxG_.js.map → icons-CmA8Oww0-CXBaqbvf.js.map} +1 -1
- package/dist/assets/{index-BHgsTqZl.js → index-BjMDbBlh.js} +3299 -2163
- package/dist/assets/index-BjMDbBlh.js.map +1 -0
- package/dist/assets/index-CTjHqKrN.css +1 -0
- package/dist/assets/inline-q8GZVjiZ-VKUiprtL.js +2 -0
- package/dist/assets/{inline-q8GZVjiZ-DdZT25Qs.js.map → inline-q8GZVjiZ-VKUiprtL.js.map} +1 -1
- package/dist/assets/{isObject-DvSELytj-DhzEQer1.js → isObject-DvSELytj-CqVuuo6Q.js} +2 -2
- package/dist/assets/{isObject-DvSELytj-DhzEQer1.js.map → isObject-DvSELytj-CqVuuo6Q.js.map} +1 -1
- package/dist/assets/{kol-abbr.entry-CCN60Jws.js → kol-abbr.entry-B-lUQbxH.js} +2 -2
- package/dist/assets/{kol-abbr.entry-CCN60Jws.js.map → kol-abbr.entry-B-lUQbxH.js.map} +1 -1
- package/dist/assets/{kol-accordion.entry-CozfOoTq.js → kol-accordion.entry-Da8qMj8E.js} +3 -3
- package/dist/assets/kol-accordion.entry-Da8qMj8E.js.map +1 -0
- package/dist/assets/{kol-alert-wc.entry-DEcSlaz9.js → kol-alert-wc.entry-BlqQ55Y3.js} +2 -2
- package/dist/assets/{kol-alert-wc.entry-DEcSlaz9.js.map → kol-alert-wc.entry-BlqQ55Y3.js.map} +1 -1
- package/dist/assets/{kol-alert.entry-mAHj6Fzx.js → kol-alert.entry-DWk_5ftu.js} +2 -2
- package/dist/assets/{kol-alert.entry-mAHj6Fzx.js.map → kol-alert.entry-DWk_5ftu.js.map} +1 -1
- package/dist/assets/{kol-avatar.entry-BXFIAKiK.js → kol-avatar.entry-C-XYCFzW.js} +3 -3
- package/dist/assets/kol-avatar.entry-C-XYCFzW.js.map +1 -0
- package/dist/assets/{kol-badge.entry-DaJdziT7.js → kol-badge.entry-4p0WlFDX.js} +2 -2
- package/dist/assets/kol-badge.entry-4p0WlFDX.js.map +1 -0
- package/dist/assets/{kol-breadcrumb.entry-CP2V33vp.js → kol-breadcrumb.entry-DeYeOkI2.js} +2 -2
- package/dist/assets/{kol-breadcrumb.entry-CP2V33vp.js.map → kol-breadcrumb.entry-DeYeOkI2.js.map} +1 -1
- package/dist/assets/{kol-button-link.entry-0ytcLiSe.js → kol-button-link.entry-BTLVK0XO.js} +2 -2
- package/dist/assets/{kol-button-link.entry-0ytcLiSe.js.map → kol-button-link.entry-BTLVK0XO.js.map} +1 -1
- package/dist/assets/kol-button-wc.entry-B-J14lZU.js +2 -0
- package/dist/assets/kol-button-wc.entry-B-J14lZU.js.map +1 -0
- package/dist/assets/{kol-button.entry-D1cgNnUG.js → kol-button.entry-YTrFHoRO.js} +2 -2
- package/dist/assets/{kol-button.entry-D1cgNnUG.js.map → kol-button.entry-YTrFHoRO.js.map} +1 -1
- package/dist/assets/kol-card-wc.entry-D6C5kURb.js +2 -0
- package/dist/assets/{kol-card-wc.entry-lYo5dNyR.js.map → kol-card-wc.entry-D6C5kURb.js.map} +1 -1
- package/dist/assets/{kol-card.entry-C_8f2gb6.js → kol-card.entry-BxmlWFWn.js} +2 -2
- package/dist/assets/{kol-card.entry-C_8f2gb6.js.map → kol-card.entry-BxmlWFWn.js.map} +1 -1
- package/dist/assets/kol-click-button.entry-CR4vGBIG.js +2 -0
- package/dist/assets/kol-click-button.entry-CR4vGBIG.js.map +1 -0
- package/dist/assets/{kol-combobox.entry-ClXYzqdC.js → kol-combobox.entry-IdKzVlZA.js} +3 -9
- package/dist/assets/kol-combobox.entry-IdKzVlZA.js.map +1 -0
- package/dist/assets/{kol-details.entry-CB3cdmAI.js → kol-details.entry-D5st0BX6.js} +3 -3
- package/dist/assets/kol-details.entry-D5st0BX6.js.map +1 -0
- package/dist/assets/{kol-dialog-wc.entry-D2NYT4Ry.js → kol-dialog-wc.entry-DzHsyjY-.js} +2 -2
- package/dist/assets/{kol-dialog-wc.entry-D2NYT4Ry.js.map → kol-dialog-wc.entry-DzHsyjY-.js.map} +1 -1
- package/dist/assets/{kol-dialog.entry-CGSvQ0bN.js → kol-dialog.entry-DsiWv2es.js} +2 -2
- package/dist/assets/{kol-dialog.entry-CGSvQ0bN.js.map → kol-dialog.entry-DsiWv2es.js.map} +1 -1
- package/dist/assets/{kol-drawer.entry-BdYA2lPp.js → kol-drawer.entry-B1CZG-cR.js} +2 -2
- package/dist/assets/{kol-drawer.entry-BdYA2lPp.js.map → kol-drawer.entry-B1CZG-cR.js.map} +1 -1
- package/dist/assets/{kol-form.entry-BCDONh7c.js → kol-form.entry-CI0ZJqih.js} +2 -2
- package/dist/assets/{kol-form.entry-BCDONh7c.js.map → kol-form.entry-CI0ZJqih.js.map} +1 -1
- package/dist/assets/{kol-heading.entry-CZIhQTtK.js → kol-heading.entry-Dqe6leNy.js} +2 -2
- package/dist/assets/{kol-heading.entry-CZIhQTtK.js.map → kol-heading.entry-Dqe6leNy.js.map} +1 -1
- package/dist/assets/{kol-icon.entry-C3nvtsE2.js → kol-icon.entry-DVnmaxjt.js} +10 -6
- package/dist/assets/kol-icon.entry-DVnmaxjt.js.map +1 -0
- package/dist/assets/{kol-image.entry-CihL9NBm.js → kol-image.entry-Bbsz9RiV.js} +3 -3
- package/dist/assets/kol-image.entry-Bbsz9RiV.js.map +1 -0
- package/dist/assets/{kol-input-checkbox.entry-BwD_5W2y.js → kol-input-checkbox.entry-BssMIuzQ.js} +3 -3
- package/dist/assets/kol-input-checkbox.entry-BssMIuzQ.js.map +1 -0
- package/dist/assets/{kol-input-color.entry-TwtsYMh5.js → kol-input-color.entry-Ge15OHf_.js} +5 -11
- package/dist/assets/kol-input-color.entry-Ge15OHf_.js.map +1 -0
- package/dist/assets/{kol-input-date.entry-CADmwV-i.js → kol-input-date.entry-4UjrgPNZ.js} +4 -10
- package/dist/assets/kol-input-date.entry-4UjrgPNZ.js.map +1 -0
- package/dist/assets/{kol-input-email.entry-BhhjRvXI.js → kol-input-email.entry-4cAbA7hP.js} +4 -10
- package/dist/assets/kol-input-email.entry-4cAbA7hP.js.map +1 -0
- package/dist/assets/{kol-input-file.entry-DiTsAug2.js → kol-input-file.entry-DdCyYhLv.js} +4 -11
- package/dist/assets/kol-input-file.entry-DdCyYhLv.js.map +1 -0
- package/dist/assets/{kol-input-number.entry-MLOGtMab.js → kol-input-number.entry-BHmpqNIb.js} +4 -10
- package/dist/assets/kol-input-number.entry-BHmpqNIb.js.map +1 -0
- package/dist/assets/{kol-input-password.entry-DuY_7fd8.js → kol-input-password.entry-BUhrmmWY.js} +4 -10
- package/dist/assets/kol-input-password.entry-BUhrmmWY.js.map +1 -0
- package/dist/assets/{kol-input-radio.entry-DzEPGNKI.js → kol-input-radio.entry-DM1ATFgC.js} +4 -10
- package/dist/assets/kol-input-radio.entry-DM1ATFgC.js.map +1 -0
- package/dist/assets/{kol-input-range.entry-BhYJI6bn.js → kol-input-range.entry-Pasgdb0K.js} +4 -10
- package/dist/assets/kol-input-range.entry-Pasgdb0K.js.map +1 -0
- package/dist/assets/{kol-input-text.entry-CNKZbAji.js → kol-input-text.entry-BmHIql4K.js} +4 -10
- package/dist/assets/kol-input-text.entry-BmHIql4K.js.map +1 -0
- package/dist/assets/{kol-kolibri.entry-agkKD_uv.js → kol-kolibri.entry-8ncrG8Yr.js} +3 -3
- package/dist/assets/{kol-kolibri.entry-agkKD_uv.js.map → kol-kolibri.entry-8ncrG8Yr.js.map} +1 -1
- package/dist/assets/{kol-link-button.entry-BSazR9m7.js → kol-link-button.entry-DoWm_UTU.js} +3 -3
- package/dist/assets/{kol-link-button.entry-BSazR9m7.js.map → kol-link-button.entry-DoWm_UTU.js.map} +1 -1
- package/dist/assets/kol-link-wc.entry-CIG4D_J9.js +2 -0
- package/dist/assets/kol-link-wc.entry-CIG4D_J9.js.map +1 -0
- package/dist/assets/{kol-link.entry-DdCr0kQk.js → kol-link.entry-CsVjnmdg.js} +3 -3
- package/dist/assets/{kol-link.entry-DdCr0kQk.js.map → kol-link.entry-CsVjnmdg.js.map} +1 -1
- package/dist/assets/{kol-modal.entry-fM-eu9Sr.js → kol-modal.entry-CT0XV4Ad.js} +3 -3
- package/dist/assets/{kol-modal.entry-fM-eu9Sr.js.map → kol-modal.entry-CT0XV4Ad.js.map} +1 -1
- package/dist/assets/{kol-nav.entry-D5rfj3ni.js → kol-nav.entry-DsJy0thO.js} +3 -3
- package/dist/assets/{kol-nav.entry-D5rfj3ni.js.map → kol-nav.entry-DsJy0thO.js.map} +1 -1
- package/dist/assets/{kol-pagination-wc.entry-Dwa3FL7x.js → kol-pagination-wc.entry-1fpbGGzf.js} +2 -2
- package/dist/assets/{kol-pagination-wc.entry-Dwa3FL7x.js.map → kol-pagination-wc.entry-1fpbGGzf.js.map} +1 -1
- package/dist/assets/{kol-pagination.entry-CzdnYaJG.js → kol-pagination.entry-DhJPQWQh.js} +4 -10
- package/dist/assets/{kol-pagination.entry-CzdnYaJG.js.map → kol-pagination.entry-DhJPQWQh.js.map} +1 -1
- package/dist/assets/{kol-popover-button-wc.entry-DFGud1tx.js → kol-popover-button-wc.entry-flLGsXkS.js} +2 -2
- package/dist/assets/{kol-popover-button-wc.entry-DFGud1tx.js.map → kol-popover-button-wc.entry-flLGsXkS.js.map} +1 -1
- package/dist/assets/{kol-popover-button.entry-DUoRD4Z1.js → kol-popover-button.entry-D4wTv6og.js} +3 -6
- package/dist/assets/{kol-popover-button.entry-DUoRD4Z1.js.map → kol-popover-button.entry-D4wTv6og.js.map} +1 -1
- package/dist/assets/kol-popover-wc.entry-C9mEM7Fk.js +2 -0
- package/dist/assets/{kol-popover-wc.entry-Dm-1Lgis.js.map → kol-popover-wc.entry-C9mEM7Fk.js.map} +1 -1
- package/dist/assets/{kol-progress.entry-Cs-x8zge.js → kol-progress.entry-B4QD9y7W.js} +3 -3
- package/dist/assets/kol-progress.entry-B4QD9y7W.js.map +1 -0
- package/dist/assets/{kol-quote.entry-BuQsYnCs.js → kol-quote.entry-DEZdfLeF.js} +6 -6
- package/dist/assets/kol-quote.entry-DEZdfLeF.js.map +1 -0
- package/dist/assets/kol-select-wc.entry-TgpNrPzf.js +2 -0
- package/dist/assets/kol-select-wc.entry-TgpNrPzf.js.map +1 -0
- package/dist/assets/{kol-select.entry-Bi4ruaV5.js → kol-select.entry-D__h6j_m.js} +4 -10
- package/dist/assets/{kol-select.entry-Bi4ruaV5.js.map → kol-select.entry-D__h6j_m.js.map} +1 -1
- package/dist/assets/{kol-single-select.entry-Mzzr9Ldu.js → kol-single-select.entry-D8D_E56c.js} +4 -10
- package/dist/assets/kol-single-select.entry-D8D_E56c.js.map +1 -0
- package/dist/assets/kol-skeleton.entry-M9OoeNC8.js +2 -0
- package/dist/assets/kol-skeleton.entry-M9OoeNC8.js.map +1 -0
- package/dist/assets/{kol-skip-nav.entry-C5Dm1wZj.js → kol-skip-nav.entry-DH1hGZqK.js} +3 -3
- package/dist/assets/{kol-skip-nav.entry-C5Dm1wZj.js.map → kol-skip-nav.entry-DH1hGZqK.js.map} +1 -1
- package/dist/assets/{kol-spin.entry-DgTRxC6z.js → kol-spin.entry-C0RvIIE_.js} +6 -6
- package/dist/assets/{kol-spin.entry-DgTRxC6z.js.map → kol-spin.entry-C0RvIIE_.js.map} +1 -1
- package/dist/assets/{kol-split-button.entry-DcaTk9TC.js → kol-split-button.entry-BfJPIYMv.js} +3 -3
- package/dist/assets/{kol-split-button.entry-DcaTk9TC.js.map → kol-split-button.entry-BfJPIYMv.js.map} +1 -1
- package/dist/assets/kol-table-settings-wc.entry-zRskP_I3.js +2 -0
- package/dist/assets/{kol-table-settings-wc.entry-D3v4h1QU.js.map → kol-table-settings-wc.entry-zRskP_I3.js.map} +1 -1
- package/dist/assets/{kol-table-stateful.entry-Bdkx2eod.js → kol-table-stateful.entry-BMBH15A-.js} +25 -14
- package/dist/assets/kol-table-stateful.entry-BMBH15A-.js.map +1 -0
- package/dist/assets/kol-table-stateless-wc.entry-DgPnssE8.js +2 -0
- package/dist/assets/kol-table-stateless-wc.entry-DgPnssE8.js.map +1 -0
- package/dist/assets/{kol-table-stateless.entry-CvasZAgi.js → kol-table-stateless.entry-DKpUQeO_.js} +24 -7
- package/dist/assets/{kol-table-stateless.entry-CvasZAgi.js.map → kol-table-stateless.entry-DKpUQeO_.js.map} +1 -1
- package/dist/assets/{kol-tabs.entry-D_pc7DsU.js → kol-tabs.entry-YmGqUgGm.js} +3 -3
- package/dist/assets/{kol-tabs.entry-D_pc7DsU.js.map → kol-tabs.entry-YmGqUgGm.js.map} +1 -1
- package/dist/assets/{kol-textarea.entry-Bsx58d31.js → kol-textarea.entry-C_nH94Ew.js} +4 -10
- package/dist/assets/kol-textarea.entry-C_nH94Ew.js.map +1 -0
- package/dist/assets/{kol-toast-container.entry-RZlMJMNb.js → kol-toast-container.entry-DIGuxp-2.js} +3 -3
- package/dist/assets/{kol-toast-container.entry-RZlMJMNb.js.map → kol-toast-container.entry-DIGuxp-2.js.map} +1 -1
- package/dist/assets/{kol-toolbar.entry-BTHyk0cY.js → kol-toolbar.entry-WrpPD6za.js} +3 -3
- package/dist/assets/{kol-toolbar.entry-BTHyk0cY.js.map → kol-toolbar.entry-WrpPD6za.js.map} +1 -1
- package/dist/assets/kol-tooltip-wc.entry-Cnt7-Ygs.js +2 -0
- package/dist/assets/kol-tooltip-wc.entry-Cnt7-Ygs.js.map +1 -0
- package/dist/assets/kol-tree-item-wc.entry-Bq3o4F67.js +2 -0
- package/dist/assets/{kol-tree-item-wc.entry-CYr3p7iH.js.map → kol-tree-item-wc.entry-Bq3o4F67.js.map} +1 -1
- package/dist/assets/{kol-tree-item.entry-Clo2r1lf.js → kol-tree-item.entry-B4IOrHy_.js} +3 -3
- package/dist/assets/{kol-tree-item.entry-Clo2r1lf.js.map → kol-tree-item.entry-B4IOrHy_.js.map} +1 -1
- package/dist/assets/{kol-tree-wc.entry-BIis9dmr.js → kol-tree-wc.entry-B3R5pOba.js} +2 -2
- package/dist/assets/{kol-tree-wc.entry-BIis9dmr.js.map → kol-tree-wc.entry-B3R5pOba.js.map} +1 -1
- package/dist/assets/{kol-tree.entry-DJ1BdTSo.js → kol-tree.entry-rtvpIpB9.js} +3 -3
- package/dist/assets/{kol-tree.entry-DJ1BdTSo.js.map → kol-tree.entry-rtvpIpB9.js.map} +1 -1
- package/dist/assets/{kol-version.entry-DMOuLSuP.js → kol-version.entry-DZB28pje.js} +3 -3
- package/dist/assets/{kol-version.entry-DMOuLSuP.js.map → kol-version.entry-DZB28pje.js.map} +1 -1
- package/dist/assets/kolicons/kolicons.eot +0 -0
- package/dist/assets/kolicons/kolicons.json +1 -0
- package/dist/assets/kolicons/kolicons.svg +4 -1
- 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 +8 -7
- package/dist/assets/{label-C18ud7Yt-yM3sNxuo.js → label-C18ud7Yt-DVVPTrJO.js} +2 -2
- package/dist/assets/{label-C18ud7Yt-yM3sNxuo.js.map → label-C18ud7Yt-DVVPTrJO.js.map} +1 -1
- package/dist/assets/label-DVazFQSR-Nl0d3c-O.js +2 -0
- package/dist/assets/label-DVazFQSR-Nl0d3c-O.js.map +1 -0
- package/dist/assets/{markdown-BWEzLPZi-CgOUkkh0.js → markdown-BWEzLPZi-DFm1Teot.js} +2 -2
- package/dist/assets/{markdown-BWEzLPZi-CgOUkkh0.js.map → markdown-BWEzLPZi-DFm1Teot.js.map} +1 -1
- package/dist/assets/{max-length-behavior-BfK6OnzA-3f55231F.js → max-length-behavior-BfK6OnzA-CFRV0h79.js} +2 -2
- package/dist/assets/{max-length-behavior-BfK6OnzA-3f55231F.js.map → max-length-behavior-BfK6OnzA-CFRV0h79.js.map} +1 -1
- package/dist/assets/multiple-BgWWOenK-BiRsQNNj.js +2 -0
- package/dist/assets/{multiple-BgWWOenK-_LM4_oND.js.map → multiple-BgWWOenK-BiRsQNNj.js.map} +1 -1
- package/dist/assets/open-BhLtfnQI-DZsQacUm.js +2 -0
- package/dist/assets/{open-BhLtfnQI-BO3m_RM4.js.map → open-BhLtfnQI-DZsQacUm.js.map} +1 -1
- package/dist/assets/{orientation-pWOiDBRo-CJaY5Xc5.js → orientation-pWOiDBRo-DxvZs80G.js} +2 -2
- package/dist/assets/{orientation-pWOiDBRo-CJaY5Xc5.js.map → orientation-pWOiDBRo-DxvZs80G.js.map} +1 -1
- package/dist/assets/placeholder-D8vH7TM6-DyibCwDo.js +2 -0
- package/dist/assets/{placeholder-D8vH7TM6-CTSkEir5.js.map → placeholder-D8vH7TM6-DyibCwDo.js.map} +1 -1
- package/dist/assets/read-only-C5tWj8H1-vblWMP9l.js +2 -0
- package/dist/assets/{read-only-C5tWj8H1-Dr5z1g3d.js.map → read-only-C5tWj8H1-vblWMP9l.js.map} +1 -1
- package/dist/assets/required-Dt9l4wUg-CApdT4t8.js +2 -0
- package/dist/assets/{required-Dt9l4wUg-WherYhmM.js.map → required-Dt9l4wUg-CApdT4t8.js.map} +1 -1
- package/dist/assets/rows-CN7sG0G_-BhBHgXk8.js +2 -0
- package/dist/assets/{rows-CN7sG0G_-CzjP1Kkv.js.map → rows-CN7sG0G_-BhBHgXk8.js.map} +1 -1
- package/dist/assets/show-DWCKSt29-BxS4tE9S.js +2 -0
- package/dist/assets/{show-DWCKSt29-Ciw2fkp1.js.map → show-DWCKSt29-BxS4tE9S.js.map} +1 -1
- package/dist/assets/spell-check-BcvxI-Fn-CkYWKpW_.js +2 -0
- package/dist/assets/{spell-check-BcvxI-Fn-Brw5eJWL.js.map → spell-check-BcvxI-Fn-CkYWKpW_.js.map} +1 -1
- package/dist/assets/src-CcGoBQSj-Df3ylVCZ.js +2 -0
- package/dist/assets/src-CcGoBQSj-Df3ylVCZ.js.map +1 -0
- package/dist/assets/{suggestions-CAPtcaUM-CmUYJAVT.js → suggestions-CAPtcaUM-BvULVswR.js} +2 -2
- package/dist/assets/{suggestions-CAPtcaUM-CmUYJAVT.js.map → suggestions-CAPtcaUM-BvULVswR.js.map} +1 -1
- package/dist/assets/table-selection-DAMWzd6x-CCKpEpPk.js +2 -0
- package/dist/assets/table-selection-DAMWzd6x-CCKpEpPk.js.map +1 -0
- package/dist/assets/test-component.entry-CNoI6wXE.js +2 -0
- package/dist/assets/{test-component.entry-Ct9s5qgS.js.map → test-component.entry-CNoI6wXE.js.map} +1 -1
- package/dist/assets/tooltip-align-DodV1tEH-C0uBWTyV.js +2 -0
- package/dist/assets/{tooltip-align-DodV1tEH-Dq3k_tgv.js.map → tooltip-align-DodV1tEH-C0uBWTyV.js.map} +1 -1
- package/dist/assets/{unique-nav-labels-BVWNmacO-CjvXikWN.js → unique-nav-labels-BVWNmacO-B3f7tr2g.js} +2 -2
- package/dist/assets/{unique-nav-labels-BVWNmacO-CjvXikWN.js.map → unique-nav-labels-BVWNmacO-B3f7tr2g.js.map} +1 -1
- package/dist/assets/{validation-D7gmRWfA-BngsOx_N.js → validation-D7gmRWfA-BC6NP_C1.js} +2 -2
- package/dist/assets/{validation-D7gmRWfA-BngsOx_N.js.map → validation-D7gmRWfA-BC6NP_C1.js.map} +1 -1
- package/dist/assets/validation-QdERp-08-D6Z7BgE7.js +2 -0
- package/dist/assets/{validation-QdERp-08-B5zDn674.js.map → validation-QdERp-08-D6Z7BgE7.js.map} +1 -1
- package/dist/assets/{variant-class-name-DbXpwWql-Cvg5O-hP.js → variant-class-name-DbXpwWql-DmBUH_Cb.js} +2 -2
- package/dist/assets/{variant-class-name-DbXpwWql-Cvg5O-hP.js.map → variant-class-name-DbXpwWql-DmBUH_Cb.js.map} +1 -1
- package/dist/index.html +2 -2
- package/dist/sample-image.png +0 -0
- package/package.json +14 -14
- package/public/assets/kolicons/kolicons.eot +0 -0
- package/public/assets/kolicons/kolicons.json +1 -0
- package/public/assets/kolicons/kolicons.svg +4 -1
- 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 +8 -7
- package/public/sample-image.png +0 -0
- package/src/components/alert/routes.ts +0 -2
- package/src/components/button-link/image.tsx +7 -2
- package/src/components/image/basic.tsx +5 -1
- package/src/components/input-file/partials/cases.tsx +10 -3
- package/src/components/link/image.tsx +7 -2
- package/src/components/popover-button/basic.tsx +1 -1
- package/src/components/progress/basic.tsx +4 -0
- package/src/components/progress/changing.tsx +34 -0
- package/src/components/progress/routes.ts +2 -0
- package/src/components/table/highlight-row.tsx +177 -0
- package/src/components/table/pagination-position.tsx +29 -6
- package/src/components/table/routes.ts +4 -0
- package/src/components/table/sticky-col.tsx +50 -0
- package/dist/assets/FieldControlStateWrapper-Bn5LNh4e-BsCCQ4un.js +0 -2
- package/dist/assets/FieldControlStateWrapper-Bn5LNh4e-BsCCQ4un.js.map +0 -1
- package/dist/assets/FormFieldStateWrapper-SdWKU73w-ylmNvlnj.js +0 -2
- package/dist/assets/FormFieldStateWrapper-SdWKU73w-ylmNvlnj.js.map +0 -1
- package/dist/assets/InternalUnderlinedBadgeText-7p1Sf6Uz-BDmO9Dk4.js +0 -2
- package/dist/assets/InternalUnderlinedBadgeText-7p1Sf6Uz-BDmO9Dk4.js.map +0 -1
- package/dist/assets/Span-BdWhVqpE-DJEf9vtm.js +0 -2
- package/dist/assets/Span-BdWhVqpE-DJEf9vtm.js.map +0 -1
- package/dist/assets/align-floating-elements-B53gjKzS-JGU3Edii.js +0 -2
- package/dist/assets/align-floating-elements-B53gjKzS-JGU3Edii.js.map +0 -1
- package/dist/assets/base-controller-Cpw4bHkB-DeZhn8Ar.js +0 -2
- package/dist/assets/base-controller-Cpw4bHkB-DeZhn8Ar.js.map +0 -1
- package/dist/assets/controller-OQt0tt67-gfAbfGAD.js +0 -2
- package/dist/assets/controller-OQt0tt67-gfAbfGAD.js.map +0 -1
- package/dist/assets/custom-class-DyUifVn_-CjkYS5rc.js +0 -2
- package/dist/assets/disabled-BdPI9eda-NAkI1UuL.js +0 -2
- package/dist/assets/has-closer-BbY1hw6m-D0GqWlUk.js +0 -2
- package/dist/assets/hide-label-ByItyHgV-B2y_8ev8.js +0 -2
- package/dist/assets/href-BtQW7uxb-Dz4SeEMG.js +0 -2
- package/dist/assets/i18n-DvMeCREp-CJH-xzs9.js +0 -2
- package/dist/assets/index-BHgsTqZl.js.map +0 -1
- package/dist/assets/index-CTCA2Uqg.css +0 -1
- package/dist/assets/inline-q8GZVjiZ-DdZT25Qs.js +0 -2
- package/dist/assets/kol-accordion.entry-CozfOoTq.js.map +0 -1
- package/dist/assets/kol-avatar.entry-BXFIAKiK.js.map +0 -1
- package/dist/assets/kol-badge.entry-DaJdziT7.js.map +0 -1
- package/dist/assets/kol-button-wc.entry-ybAgpgNH.js +0 -2
- package/dist/assets/kol-button-wc.entry-ybAgpgNH.js.map +0 -1
- package/dist/assets/kol-card-wc.entry-lYo5dNyR.js +0 -2
- package/dist/assets/kol-click-button.entry-Dvtz-3Zp.js +0 -2
- package/dist/assets/kol-click-button.entry-Dvtz-3Zp.js.map +0 -1
- package/dist/assets/kol-combobox.entry-ClXYzqdC.js.map +0 -1
- package/dist/assets/kol-details.entry-CB3cdmAI.js.map +0 -1
- package/dist/assets/kol-icon.entry-C3nvtsE2.js.map +0 -1
- package/dist/assets/kol-image.entry-CihL9NBm.js.map +0 -1
- package/dist/assets/kol-input-checkbox.entry-BwD_5W2y.js.map +0 -1
- package/dist/assets/kol-input-color.entry-TwtsYMh5.js.map +0 -1
- package/dist/assets/kol-input-date.entry-CADmwV-i.js.map +0 -1
- package/dist/assets/kol-input-email.entry-BhhjRvXI.js.map +0 -1
- package/dist/assets/kol-input-file.entry-DiTsAug2.js.map +0 -1
- package/dist/assets/kol-input-number.entry-MLOGtMab.js.map +0 -1
- package/dist/assets/kol-input-password.entry-DuY_7fd8.js.map +0 -1
- package/dist/assets/kol-input-radio.entry-DzEPGNKI.js.map +0 -1
- package/dist/assets/kol-input-range.entry-BhYJI6bn.js.map +0 -1
- package/dist/assets/kol-input-text.entry-CNKZbAji.js.map +0 -1
- package/dist/assets/kol-link-wc.entry-BWD0Teh2.js +0 -2
- package/dist/assets/kol-link-wc.entry-BWD0Teh2.js.map +0 -1
- package/dist/assets/kol-popover-wc.entry-Dm-1Lgis.js +0 -2
- package/dist/assets/kol-progress.entry-Cs-x8zge.js.map +0 -1
- package/dist/assets/kol-quote.entry-BuQsYnCs.js.map +0 -1
- package/dist/assets/kol-select-wc.entry-By_bpB5t.js +0 -2
- package/dist/assets/kol-select-wc.entry-By_bpB5t.js.map +0 -1
- package/dist/assets/kol-single-select.entry-Mzzr9Ldu.js.map +0 -1
- package/dist/assets/kol-skeleton.entry-rd2h1p6u.js +0 -2
- package/dist/assets/kol-skeleton.entry-rd2h1p6u.js.map +0 -1
- package/dist/assets/kol-table-settings-wc.entry-D3v4h1QU.js +0 -2
- package/dist/assets/kol-table-stateful.entry-Bdkx2eod.js.map +0 -1
- package/dist/assets/kol-table-stateless-wc.entry-B4K6DpDp.js +0 -2
- package/dist/assets/kol-table-stateless-wc.entry-B4K6DpDp.js.map +0 -1
- package/dist/assets/kol-textarea.entry-Bsx58d31.js.map +0 -1
- package/dist/assets/kol-tooltip-wc.entry-DTsvXMuu.js +0 -2
- package/dist/assets/kol-tooltip-wc.entry-DTsvXMuu.js.map +0 -1
- package/dist/assets/kol-tree-item-wc.entry-CYr3p7iH.js +0 -2
- package/dist/assets/multiple-BgWWOenK-_LM4_oND.js +0 -2
- package/dist/assets/open-BhLtfnQI-BO3m_RM4.js +0 -2
- package/dist/assets/placeholder-D8vH7TM6-CTSkEir5.js +0 -2
- package/dist/assets/read-only-C5tWj8H1-Dr5z1g3d.js +0 -2
- package/dist/assets/required-Dt9l4wUg-WherYhmM.js +0 -2
- package/dist/assets/reuse-CX4AQDkS-BaVSFETn.js +0 -2
- package/dist/assets/reuse-CX4AQDkS-BaVSFETn.js.map +0 -1
- package/dist/assets/rows-CN7sG0G_-CzjP1Kkv.js +0 -2
- package/dist/assets/show-DWCKSt29-Ciw2fkp1.js +0 -2
- package/dist/assets/spell-check-BcvxI-Fn-Brw5eJWL.js +0 -2
- package/dist/assets/table-selection-kWnbUSAj-CuoPRBqu.js +0 -2
- package/dist/assets/table-selection-kWnbUSAj-CuoPRBqu.js.map +0 -1
- package/dist/assets/test-component.entry-Ct9s5qgS.js +0 -2
- package/dist/assets/tooltip-align-DodV1tEH-Dq3k_tgv.js +0 -2
- package/dist/assets/validation-QdERp-08-B5zDn674.js +0 -2
- package/src/components/alert/html.tsx +0 -37
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"kol-input-date.entry-4UjrgPNZ.js","sources":["../../../../components/dist/esm/kol-input-date.entry.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { h, r as registerInstance, g as getElement } from './index-CHdBQ7XR.js';\nimport { c as clsx } from './clsx-COFh-Vc8.js';\nimport { b as watchValidator, s as setState, j as deprecatedHint } from './common-BIkdAxr0.js';\nimport { F as FormFieldStateWrapper } from './FormFieldStateWrapper-BFyiN9EY.js';\nimport { I as InputIconController, a as InputContainerStateWrapperFc } from './controller-icon-DKRqmDU2.js';\nimport { I as InputStateWrapper } from './InputStateWrapper-D7DYAs_8.js';\nimport { n as nonce } from './dev.utils-DEjbEXtH.js';\nimport { p as propagateSubmitEventToForm } from './controller-zA71XEOV.js';\nimport { v as validateAutoComplete } from './auto-complete-69d94cWC.js';\nimport { v as validateReadOnly } from './read-only-C5tWj8H1.js';\nimport { v as validateRequired } from './required-Dt9l4wUg.js';\nimport { v as validateSuggestions } from './suggestions-CAPtcaUM.js';\nimport './access-and-short-key-CPX70LXd.js';\nimport './disabled-BdPI9eda.js';\nimport './hide-label-ByItyHgV.js';\nimport './label-C18ud7Yt.js';\nimport './tooltip-align-DodV1tEH.js';\nimport './align-DDUsWnWP.js';\nimport './events-DHTi_wtD.js';\nimport './associated.controller-CdEaJGVD.js';\nimport './bootstrap-DcH8Lr28.js';\nimport './component-names-CqTpXVIM.js';\nimport './i18n-B0tfVPMa.js';\nimport './isObject-DvSELytj.js';\nimport './tslib.es6-CxX45GIN.js';\nimport './InternalUnderlinedBadgeText-DLXbDpmD.js';\nimport './i18n-DvMeCREp.js';\nimport './Alert-DJWeD9Xz.js';\nimport './bem-registry-DRYZs7IX.js';\nimport './browser-KcXKIKON.js';\nimport './Heading-Cp72eQOw.js';\nimport './Icon-BI9iw7pD.js';\nimport './icons-CmA8Oww0.js';\nimport './Input-DXQUCRHF.js';\n\nconst inputDateTypeOptions = ['date', 'datetime-local', 'month', 'time', 'week'];\nconst isInputDateTypePropType = (value) => {\n return typeof value === 'string' && inputDateTypeOptions.includes(value);\n};\nconst validateTypeInputDate = (component, value) => {\n watchValidator(component, '_type', isInputDateTypePropType, new Set(inputDateTypeOptions), value);\n};\n\nclass InputDateController extends InputIconController {\n constructor(component, name, host) {\n super(component, name, host);\n this.validateIso8601 = (propName, value, afterPatch) => {\n return watchValidator(this.component, propName, (value) => value === undefined || value === null || value === '' || this.validateDateString(value), new Set(['Date', 'string{ISO-8601}']), InputDateController.tryParseToString(value, this.component._type, this.component._step), {\n hooks: {\n afterPatch: (value) => {\n if (typeof value === 'string' && afterPatch) {\n afterPatch(value);\n }\n },\n },\n });\n };\n this.component = component;\n }\n validateAutoComplete(value) {\n validateAutoComplete(this.component, value);\n }\n validateSuggestions(value) {\n validateSuggestions(this.component, value);\n }\n static tryParseToString(value, type, step) {\n if (typeof value === 'string' || value === null) {\n return value;\n }\n if (typeof value === 'object' && value instanceof Date) {\n const formattedYear = value.getFullYear();\n const formattedMonth = String(value.getMonth() + 1).padStart(2, '0');\n const formattedDay = String(value.getDate()).padStart(2, '0');\n const formattedHours = String(value.getHours()).padStart(2, '0');\n const formattedMinutes = String(value.getMinutes()).padStart(2, '0');\n const formattedSeconds = String(value.getSeconds()).padStart(2, '0');\n const formattedDate = [formattedYear, formattedMonth, formattedDay].join('-');\n const formattedTimeWithSeconds = [formattedHours, formattedMinutes, formattedSeconds].join(':');\n switch (type) {\n case 'date':\n return formattedDate;\n case 'datetime-local':\n return `${formattedDate}T${formattedTimeWithSeconds}`;\n case 'month':\n return `${formattedYear}-${formattedMonth}`;\n case 'time':\n if (step === undefined || String(step) === '60') {\n return `${formattedHours}:${formattedMinutes}`;\n }\n else {\n return formattedTimeWithSeconds;\n }\n case 'week':\n return `${formattedYear}-W${this.getWeekNumberOfDate(value)}`;\n }\n }\n }\n static getWeekNumberOfDate(date) {\n const copiedDate = new Date(date);\n const nDay = (copiedDate.getDay() + 6) % 7;\n copiedDate.setDate(copiedDate.getDate() - nDay + 3);\n const n1stThursday = copiedDate.valueOf();\n copiedDate.setMonth(0, 1);\n if (copiedDate.getDay() !== 4) {\n copiedDate.setMonth(0, 1 + ((4 - copiedDate.getDay() + 7) % 7));\n }\n const dayOfYear = 1 + Math.ceil((n1stThursday - copiedDate.valueOf()) / 604800000);\n return dayOfYear.toString().padStart(2, '0');\n }\n validateDateString(value) {\n switch (this.component._type) {\n case 'date':\n return InputDateController.isoDateRegex.test(value);\n case 'datetime-local':\n return InputDateController.isoLocalDateTimeRegex.test(value);\n case 'month':\n return InputDateController.isoMonthRegex.test(value);\n case 'time':\n return InputDateController.isoTimeRegex.test(value);\n case 'week':\n return InputDateController.isoWeekRegex.test(value);\n default:\n return false;\n }\n }\n onBlur(event) {\n super.onBlur(event);\n if (!!event.target.value !== !!this.component._value) {\n this.component._value = event.target.value;\n }\n }\n validateMax(value) {\n const ensuredValue = (value === undefined || value === null) &&\n (this.component._type === 'date' || this.component._type === 'month' || this.component._type === 'datetime-local')\n ? InputDateController.DEFAULT_MAX_DATE\n : value;\n this.validateIso8601('_max', ensuredValue);\n }\n validateMin(value) {\n this.validateIso8601('_min', value);\n }\n validateOn(value) {\n setState(this.component, '_on', Object.assign(Object.assign({}, value), { onChange: (e, v) => {\n if (!!v !== !!this.component._value) {\n this.component._value = v;\n }\n if (value === null || value === void 0 ? void 0 : value.onChange) {\n value.onChange(e, v);\n }\n } }));\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 validateType(value) {\n validateTypeInputDate(this.component, value);\n }\n validateValue(value) {\n this.validateValueEx(value);\n }\n validateValueEx(value, afterPatch) {\n this.validateIso8601('_value', value, afterPatch);\n this.setFormAssociatedValue(this.component.state._value);\n }\n componentWillLoad() {\n super.componentWillLoad();\n this.validateAutoComplete(this.component._autoComplete);\n this.validateMax(this.component._max);\n this.validateMin(this.component._min);\n this.validateLabel(this.component._label);\n this.validateSuggestions(this.component._suggestions);\n this.validateOn(this.component._on);\n this.validateReadOnly(this.component._readOnly);\n this.validateRequired(this.component._required);\n this.validateStep(this.component._step);\n this.validateType(this.component._type);\n this.validateValue(this.component._value);\n }\n}\nInputDateController.isoDateRegex = /^\\d{4}-([0]\\d|1[0-2])-([0-2]\\d|3[01])/;\nInputDateController.isoLocalDateTimeRegex = /^\\d{4}-([0]\\d|1[0-2])-([0-2]\\d|3[01])[T ][0-2]\\d:[0-5]\\d(:[0-5]\\d(?:\\.\\d+)?)?/;\nInputDateController.isoMonthRegex = /^\\d{4}-([0]\\d|1[0-2])/;\nInputDateController.isoTimeRegex = /^[0-2]\\d:[0-5]\\d(:[0-5]\\d(?:\\.\\d+)?)?/;\nInputDateController.isoWeekRegex = /^\\d{4}-W(?:[0-4]\\d|5[0-3])$/;\nInputDateController.DEFAULT_MAX_DATE = new Date(9999, 11, 31, 23, 59, 59);\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 .hastooltip {\\n z-index: 900 !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 :host {\\n display: inline-block;\\n }\\n .kol-alert .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-alert .kol-button::before {\\n /* Render zero-width character as first element to set the baseline correctly. */\\n content: \\\"\\\";\\n }\\n .kol-alert .kol-button__text {\\n flex: 1 0 100%;\\n }\\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:not(:has(> [name]))::after,\\n .kol-form-field--required .kol-form-field__tooltip .span-label::after {\\n content: \\\"*\\\"/\\\"\\\";\\n }\\n .kol-form-field--disabled .kol-form-field__hint {\\n opacity: 0.5;\\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) {\\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 min-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 * Workaround for detecting focus state of the native date input's calendar icon.\\n * The `:focus-visible` pseudo class does not work on the icon itself, but only on the input element.\\n * By using the `content` property we can detect whether the icon is focused by inspecting the computed style in JS.\\n * This should be replaced once native focus detection for the icon is available.\\n */\\n :host input[type=date],\\n :host input[type=datetime-local],\\n :host input[type=month],\\n :host input[type=time],\\n :host input[type=week] {\\n content: \\\"native-icon-focused\\\";\\n }\\n :host input[type=date]:focus-visible,\\n :host input[type=datetime-local]:focus-visible,\\n :host input[type=month]:focus-visible,\\n :host input[type=time]:focus-visible,\\n :host input[type=week]:focus-visible {\\n content: \\\"native-icon-not-focused\\\";\\n }\\n .kol-input {\\n cursor: text;\\n }\\n .kol-input::-webkit-calendar-picker-indicator {\\n cursor: pointer;\\n }\\n}\";\n\nconst KolInputDate = class {\n async getValue() {\n var _a;\n return this.inputRef && this.remapValue((_a = this.inputRef) === null || _a === void 0 ? void 0 : _a.value);\n }\n async focus() {\n return new Promise((resolve) => {\n requestAnimationFrame(() => {\n var _a;\n (_a = this.inputRef) === null || _a === void 0 ? void 0 : _a.focus();\n resolve();\n });\n });\n }\n async reset() {\n this.state = Object.assign(Object.assign({}, this.state), { _value: null });\n this.controller.setFormAssociatedValue('');\n if (this.inputRef) {\n this.inputRef.value = '';\n }\n }\n setInitialValueType(value) {\n if (value instanceof Date) {\n this._initialValueType = 'Date';\n }\n else if (typeof value === 'string') {\n this._initialValueType = 'String';\n }\n else {\n this._initialValueType = null;\n }\n }\n remapValue(newValue) {\n if (newValue === '') {\n return null;\n }\n return this._initialValueType === 'Date' ? new Date(newValue) : newValue;\n }\n getFormFieldProps() {\n return {\n state: this.state,\n class: clsx('kol-input-date', this.state._type, {\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 }, this.controller.onFacade), { onBlur: this.onBlur, onFocus: this.onFocus, onKeyDown: this.onKeyDown, onChange: this.onChange, onInput: this.onInput });\n }\n render() {\n return (h(FormFieldStateWrapper, Object.assign({ key: '7ffb5c0dbd6165b4db8da1e28b4546cabdee725e' }, this.getFormFieldProps()), h(InputContainerStateWrapperFc, { key: 'd7ca3cd025d5a28a44a13f5931332deb6887fe56', state: this.state }, h(InputStateWrapper, Object.assign({ key: 'af04a17100a40f0ae593e414b853e1a80954dce2' }, this.getInputProps())))));\n }\n constructor(hostRef) {\n registerInstance(this, hostRef);\n this._initialValueType = null;\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.onFocus = (event) => {\n this.controller.onFacade.onFocus(event);\n this.inputHasFocus = true;\n };\n this.onChange = (event) => {\n const newValue = event.target.value;\n const remappedValue = this.remapValue(newValue);\n this.controller.onFacade.onChange(event, remappedValue);\n };\n this.onInput = (event) => {\n const newValue = event.target.value;\n const remappedValue = this.remapValue(newValue);\n this._value = remappedValue;\n this.controller.onFacade.onInput(event, true, remappedValue);\n };\n this.isNativeCalendarIconFocused = () => {\n if (!this.inputRef || typeof window === 'undefined' || typeof window.getComputedStyle !== 'function') {\n return false;\n }\n const computedStyle = window.getComputedStyle(this.inputRef);\n return computedStyle.content.includes('native-icon-focused');\n };\n this.onKeyDown = (event) => {\n this.controller.onFacade.onKeyDown(event);\n if ((event.code === 'Enter' || event.code === 'NumpadEnter') && !this.isNativeCalendarIconFocused()) {\n propagateSubmitEventToForm({\n form: this.host});\n }\n if (this.state._readOnly && event.code === 'Space') {\n event.preventDefault();\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._type = 'date';\n this.state = {\n _hasValue: false,\n _hideMsg: false,\n _id: `id-${nonce()}`,\n _label: '',\n _suggestions: [],\n _type: 'datetime-local',\n };\n this.inputHasFocus = false;\n this.controller = new InputDateController(this, 'date', 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 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 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 validateType(value) {\n this.controller.validateType(value);\n }\n validateValue(value) {\n if (value instanceof Date) {\n deprecatedHint('Date type will be removed in v3. Use `Iso8601` instead.');\n }\n this.controller.validateValueEx(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 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 \"_label\": [\"validateLabel\"],\n \"_max\": [\"validateMax\"],\n \"_min\": [\"validateMin\"],\n \"_msg\": [\"validateMsg\"],\n \"_name\": [\"validateName\"],\n \"_on\": [\"validateOn\"],\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 \"_type\": [\"validateType\"],\n \"_value\": [\"validateValue\"]\n }; }\n};\nKolInputDate.style = {\n default: defaultStyleCss\n};\n\nexport { KolInputDate as kol_input_date };\n//# sourceMappingURL=kol-input-date.entry.js.map\n"],"names":["inputDateTypeOptions","isInputDateTypePropType","value","validateTypeInputDate","component","watchValidator","InputDateController","InputIconController","name","host","propName","afterPatch","validateAutoComplete","validateSuggestions","type","step","formattedYear","formattedMonth","formattedDay","formattedHours","formattedMinutes","formattedSeconds","formattedDate","formattedTimeWithSeconds","date","copiedDate","nDay","n1stThursday","event","ensuredValue","setState","e","v","validateReadOnly","validateRequired","defaultStyleCss","KolInputDate","_a","resolve","newValue","clsx","h","FormFieldStateWrapper","InputContainerStateWrapperFc","InputStateWrapper","hostRef","registerInstance","ref","remappedValue","propagateSubmitEventToForm","nonce","deprecatedHint","getElement"],"mappings":"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"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{h as n,r as a,g as l}from"./index-
|
|
1
|
+
import{h as n,r as a,g as l}from"./index-BjMDbBlh.js";import{c as r}from"./clsx-COFh-Vc8-D7cYsJM5.js";import{F as s}from"./FormFieldStateWrapper-BFyiN9EY-C7bBg0X9.js";import{I as d}from"./controller-icon-DKRqmDU2-DoJk7e7A.js";import{I as h}from"./InputStateWrapper-D7DYAs_8-CT70q1el.js";import{n as c}from"./dev.utils-DEjbEXtH-DBmWP5yn.js";import{p as m}from"./controller-zA71XEOV-jnijHjNx.js";import{v as p}from"./max-length-behavior-BfK6OnzA-CFRV0h79.js";import{v as u}from"./multiple-BgWWOenK-BiRsQNNj.js";import{I as f}from"./controller-D61Uz9xi-BENfox1n.js";import"./isObject-DvSELytj-CqVuuo6Q.js";import"./tslib.es6-CxX45GIN-BGVaTf34.js";import"./i18n-DvMeCREp-BkNCAkAX.js";import"./Alert-DJWeD9Xz-whjsP8QM.js";import"./access-and-short-key-CPX70LXd-RzQ3gXPA.js";import"./disabled-BdPI9eda-BFM0nFDP.js";import"./hide-label-ByItyHgV-x1WBM_YB.js";import"./label-C18ud7Yt-DVVPTrJO.js";import"./tooltip-align-DodV1tEH-C0uBWTyV.js";import"./align-DDUsWnWP-C_Tp4Sxv.js";import"./associated.controller-CdEaJGVD-BzKGAiOf.js";import"./InternalUnderlinedBadgeText-DLXbDpmD-BXnXGnNY.js";import"./Icon-BI9iw7pD-BcWsEg8j.js";import"./icons-CmA8Oww0-CXBaqbvf.js";import"./Input-DXQUCRHF-DReDwU8k.js";import"./spell-check-BcvxI-Fn-CkYWKpW_.js";import"./suggestions-CAPtcaUM-BvULVswR.js";import"./controller-BaXjr15p-C9mTDvMj.js";import"./auto-complete-69d94cWC-L8xaBwZN.js";import"./placeholder-D8vH7TM6-DyibCwDo.js";import"./read-only-C5tWj8H1-vblWMP9l.js";import"./required-Dt9l4wUg-CApdT4t8.js";import"./Heading-Cp72eQOw-C_3UfwQj.js";class v extends f{constructor(e,i,o){super(e,i,o),this.component=e}validateMultiple(e){u(this.component,e)}validateMaxLengthBehavior(e){p(this.component,e)}componentWillLoad(){super.componentWillLoad(),this.validateMaxLengthBehavior(this.component._maxLengthBehavior),this.validateMultiple(this.component._multiple)}}const g=`@charset "UTF-8";
|
|
2
2
|
/*
|
|
3
3
|
* This file defines the layer order for all CSS layers used in KoliBri.
|
|
4
4
|
* The order is important as it determines the cascade priority.
|
|
@@ -324,13 +324,7 @@ import{h as n,r as a,g as l}from"./index-BHgsTqZl.js";import{c as r}from"./clsx-
|
|
|
324
324
|
align-items: center;
|
|
325
325
|
grid-template-columns: 1fr;
|
|
326
326
|
}
|
|
327
|
-
.kol-input-container:has(> .kol-input-container__adornment--start
|
|
328
|
-
grid-template-columns: auto 1fr;
|
|
329
|
-
}
|
|
330
|
-
.kol-input-container:has(> .kol-input-container__adornment--end:not(:empty)) {
|
|
331
|
-
grid-template-columns: 1fr auto;
|
|
332
|
-
}
|
|
333
|
-
.kol-input-container:has(> .kol-input-container__adornment--start:not(:empty)):has(> .kol-input-container__adornment--end:not(:empty)) {
|
|
327
|
+
.kol-input-container:has(> .kol-input-container__adornment--start) {
|
|
334
328
|
grid-template-columns: auto 1fr auto;
|
|
335
329
|
}
|
|
336
330
|
.kol-input-container__container {
|
|
@@ -353,5 +347,5 @@ import{h as n,r as a,g as l}from"./index-BHgsTqZl.js";import{c as r}from"./clsx-
|
|
|
353
347
|
.kol-input:focus {
|
|
354
348
|
outline: none;
|
|
355
349
|
}
|
|
356
|
-
}`,b=class{async getValue(){var t;return(t=this.inputRef)===null||t===void 0?void 0:t.value}async focus(){return new Promise(t=>{requestAnimationFrame(()=>{var e;(e=this.inputRef)===null||e===void 0||e.focus(),t()})})}getFormFieldProps(){return{state:this.state,class:r("kol-input-email","email",{"has-value":this.state._hasValue,"kol-form-field--has-counter":this.controller.hasSoftCharacterLimit()||this.controller.hasCounter()}),tooltipAlign:this._tooltipAlign,alert:this.showAsAlert()}}getInputProps(){const t=typeof this.state._maxLength=="number"?[`${this.state._id}-character-limit-hint`]:void 0;return Object.assign(Object.assign({ref:this.catchRef,state:this.state,type:"email",ariaDescribedBy:t},this.controller.onFacade),{onInput:this.onInput,onKeyDown:this.onKeyDown,onFocus:e=>{this.controller.onFacade.onFocus(e),this.inputHasFocus=!0},onBlur:e=>{this.controller.onFacade.onBlur(e),this.inputHasFocus=!1}})}render(){return n(s,Object.assign({key:"
|
|
357
|
-
//# sourceMappingURL=kol-input-email.entry-
|
|
350
|
+
}`,b=class{async getValue(){var t;return(t=this.inputRef)===null||t===void 0?void 0:t.value}async focus(){return new Promise(t=>{requestAnimationFrame(()=>{var e;(e=this.inputRef)===null||e===void 0||e.focus(),t()})})}getFormFieldProps(){return{state:this.state,class:r("kol-input-email","email",{"has-value":this.state._hasValue,"kol-form-field--has-counter":this.controller.hasSoftCharacterLimit()||this.controller.hasCounter()}),tooltipAlign:this._tooltipAlign,alert:this.showAsAlert()}}getInputProps(){const t=typeof this.state._maxLength=="number"?[`${this.state._id}-character-limit-hint`]:void 0;return Object.assign(Object.assign({ref:this.catchRef,state:this.state,type:"email",ariaDescribedBy:t},this.controller.onFacade),{onInput:this.onInput,onKeyDown:this.onKeyDown,onFocus:e=>{this.controller.onFacade.onFocus(e),this.inputHasFocus=!0},onBlur:e=>{this.controller.onFacade.onBlur(e),this.inputHasFocus=!1}})}render(){return n(s,Object.assign({key:"76457a8344c3b1870a5a833a5672952f50dd7fd1"},this.getFormFieldProps()),n(d,{key:"1e5b73a97fbe32e6546529f91731ae8144c01b00",state:this.state},n(h,Object.assign({key:"50c0fca0d6d5f8452912859d2c42a0f48ff0d839"},this.getInputProps()))))}constructor(t){a(this,t),this.catchRef=e=>{this.inputRef=e},this.onKeyDown=e=>{this.controller.onFacade.onKeyDown(e),(e.code==="Enter"||e.code==="NumpadEnter")&&m({form:this.host})},this.onInput=e=>{this._value=e.target.value,this.controller.onFacade.onInput(e)},this._autoComplete="off",this._hasCounter=!1,this._maxLengthBehavior="hard",this._disabled=!1,this._hideMsg=!1,this._hideLabel=!1,this._hint="",this._multiple=!1,this._readOnly=!1,this._required=!1,this._tooltipAlign="top",this._touched=!1,this.state={_currentLength:0,_currentLengthDebounced:0,_hasValue:!1,_hideMsg:!1,_id:`id-${c()}`,_label:"",_suggestions:[]},this.inputHasFocus=!1,this.controller=new v(this,"email",this.host)}showAsAlert(){return!!this.state._touched&&!this.inputHasFocus}validateAccessKey(t){this.controller.validateAccessKey(t)}validateAutoComplete(t){this.controller.validateAutoComplete(t)}validateDisabled(t){this.controller.validateDisabled(t)}validateHideMsg(t){this.controller.validateHideMsg(t)}validateHideLabel(t){this.controller.validateHideLabel(t)}validateHasCounter(t){this.controller.validateHasCounter(t)}validateHint(t){this.controller.validateHint(t)}validateIcons(t){this.controller.validateIcons(t)}validateLabel(t){this.controller.validateLabel(t)}validateMaxLength(t){this.controller.validateMaxLength(t)}validateMsg(t){this.controller.validateMsg(t)}validateMultiple(t){this.controller.validateMultiple(t)}validateName(t){this.controller.validateName(t)}validateOn(t){this.controller.validateOn(t)}validatePattern(t){this.controller.validatePattern(t)}validatePlaceholder(t){this.controller.validatePlaceholder(t)}validateReadOnly(t){this.controller.validateReadOnly(t)}validateRequired(t){this.controller.validateRequired(t)}validateShortKey(t){this.controller.validateShortKey(t)}validateSuggestions(t){this.controller.validateSuggestions(t)}validateSmartButton(t){this.controller.validateSmartButton(t)}validateSyncValueBySelector(t){this.controller.validateSyncValueBySelector(t)}validateTouched(t){this.controller.validateTouched(t)}validateValue(t){this.controller.validateValue(t)}validateMaxLengthBehavior(t){this.controller.validateMaxLengthBehavior(t)}componentWillLoad(){this._touched=this._touched===!0,this.controller.componentWillLoad(),this.state._hasValue=!!this.state._value,this.controller.addValueChangeListener(t=>this.state._hasValue=!!t)}get host(){return l(this)}static get watchers(){return{_accessKey:["validateAccessKey"],_autoComplete:["validateAutoComplete"],_disabled:["validateDisabled"],_hideMsg:["validateHideMsg"],_hideLabel:["validateHideLabel"],_hasCounter:["validateHasCounter"],_hint:["validateHint"],_icons:["validateIcons"],_label:["validateLabel"],_maxLength:["validateMaxLength"],_msg:["validateMsg"],_multiple:["validateMultiple"],_name:["validateName"],_on:["validateOn"],_pattern:["validatePattern"],_placeholder:["validatePlaceholder"],_readOnly:["validateReadOnly"],_required:["validateRequired"],_shortKey:["validateShortKey"],_suggestions:["validateSuggestions"],_smartButton:["validateSmartButton"],_syncValueBySelector:["validateSyncValueBySelector"],_touched:["validateTouched"],_value:["validateValue"],_maxLengthBehavior:["validateMaxLengthBehavior"]}}};b.style={default:g};export{b as kol_input_email};
|
|
351
|
+
//# sourceMappingURL=kol-input-email.entry-4cAbA7hP.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"kol-input-email.entry-4cAbA7hP.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-CHdBQ7XR.js';\nimport { c as clsx } from './clsx-COFh-Vc8.js';\nimport { F as FormFieldStateWrapper } from './FormFieldStateWrapper-BFyiN9EY.js';\nimport { a as InputContainerStateWrapperFc } from './controller-icon-DKRqmDU2.js';\nimport { I as InputStateWrapper } from './InputStateWrapper-D7DYAs_8.js';\nimport { n as nonce } from './dev.utils-DEjbEXtH.js';\nimport { p as propagateSubmitEventToForm } from './controller-zA71XEOV.js';\nimport './common-BIkdAxr0.js';\nimport { v as validateMaxLengthBehavior } from './max-length-behavior-BfK6OnzA.js';\nimport { v as validateMultiple } from './multiple-BgWWOenK.js';\nimport { I as InputTextEmailController } from './controller-D61Uz9xi.js';\nimport './access-and-short-key-CPX70LXd.js';\nimport './disabled-BdPI9eda.js';\nimport './hide-label-ByItyHgV.js';\nimport './label-C18ud7Yt.js';\nimport './tooltip-align-DodV1tEH.js';\nimport './align-DDUsWnWP.js';\nimport './events-DHTi_wtD.js';\nimport './associated.controller-CdEaJGVD.js';\nimport './bootstrap-DcH8Lr28.js';\nimport './component-names-CqTpXVIM.js';\nimport './i18n-B0tfVPMa.js';\nimport './isObject-DvSELytj.js';\nimport './tslib.es6-CxX45GIN.js';\nimport './InternalUnderlinedBadgeText-DLXbDpmD.js';\nimport './i18n-DvMeCREp.js';\nimport './Alert-DJWeD9Xz.js';\nimport './bem-registry-DRYZs7IX.js';\nimport './browser-KcXKIKON.js';\nimport './Heading-Cp72eQOw.js';\nimport './Icon-BI9iw7pD.js';\nimport './icons-CmA8Oww0.js';\nimport './Input-DXQUCRHF.js';\nimport './spell-check-BcvxI-Fn.js';\nimport './suggestions-CAPtcaUM.js';\nimport './controller-BaXjr15p.js';\nimport './auto-complete-69d94cWC.js';\nimport './placeholder-D8vH7TM6.js';\nimport './read-only-C5tWj8H1.js';\nimport './required-Dt9l4wUg.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 = \"@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 .hastooltip {\\n z-index: 900 !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 :host {\\n display: inline-block;\\n }\\n .kol-alert .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-alert .kol-button::before {\\n /* Render zero-width character as first element to set the baseline correctly. */\\n content: \\\"\\\";\\n }\\n .kol-alert .kol-button__text {\\n flex: 1 0 100%;\\n }\\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:not(:has(> [name]))::after,\\n .kol-form-field--required .kol-form-field__tooltip .span-label::after {\\n content: \\\"*\\\"/\\\"\\\";\\n }\\n .kol-form-field--disabled .kol-form-field__hint {\\n opacity: 0.5;\\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) {\\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 min-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 focus() {\n return new Promise((resolve) => {\n requestAnimationFrame(() => {\n var _a;\n (_a = this.inputRef) === null || _a === void 0 ? void 0 : _a.focus();\n resolve();\n });\n });\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: '76457a8344c3b1870a5a833a5672952f50dd7fd1' }, this.getFormFieldProps()), h(InputContainerStateWrapperFc, { key: '1e5b73a97fbe32e6546529f91731ae8144c01b00', state: this.state }, h(InputStateWrapper, Object.assign({ key: '50c0fca0d6d5f8452912859d2c42a0f48ff0d839' }, 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 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 \"_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","resolve","clsx","ariaDescribedBy","event","h","FormFieldStateWrapper","InputContainerStateWrapperFc","InputStateWrapper","hostRef","registerInstance","ref","propagateSubmitEventToForm","nonce","v","getElement"],"mappings":"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"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{h as
|
|
1
|
+
import{h as l,e as c,r as h,g as p,q as u}from"./index-BjMDbBlh.js";import{c as r}from"./clsx-COFh-Vc8-D7cYsJM5.js";import{F as m}from"./FormFieldStateWrapper-BFyiN9EY-C7bBg0X9.js";import{I as f,a as v}from"./controller-icon-DKRqmDU2-DoJk7e7A.js";import{I as b}from"./InputStateWrapper-D7DYAs_8-CT70q1el.js";import{t as s}from"./i18n-DvMeCREp-BkNCAkAX.js";import{n as k}from"./dev.utils-DEjbEXtH-DBmWP5yn.js";import{v as g}from"./multiple-BgWWOenK-BiRsQNNj.js";import{v as y}from"./required-Dt9l4wUg-CApdT4t8.js";import"./isObject-DvSELytj-CqVuuo6Q.js";import"./tslib.es6-CxX45GIN-BGVaTf34.js";import"./Alert-DJWeD9Xz-whjsP8QM.js";import"./access-and-short-key-CPX70LXd-RzQ3gXPA.js";import"./disabled-BdPI9eda-BFM0nFDP.js";import"./hide-label-ByItyHgV-x1WBM_YB.js";import"./label-C18ud7Yt-DVVPTrJO.js";import"./tooltip-align-DodV1tEH-C0uBWTyV.js";import"./align-DDUsWnWP-C_Tp4Sxv.js";import"./associated.controller-CdEaJGVD-BzKGAiOf.js";import"./InternalUnderlinedBadgeText-DLXbDpmD-BXnXGnNY.js";import"./Icon-BI9iw7pD-BcWsEg8j.js";import"./icons-CmA8Oww0-CXBaqbvf.js";import"./Input-DXQUCRHF-DReDwU8k.js";import"./Heading-Cp72eQOw-C_3UfwQj.js";const _=(n,t,e={})=>{u(n,"_accept",t,e)};class w extends v{constructor(t,e,i){super(t,e,i),this.component=t}validateAccept(t){_(this.component,t)}validateMultiple(t){g(this.component,t)}validateRequired(t){y(this.component,t)}componentWillLoad(){super.componentWillLoad(),this.validateAccept(this.component._accept),this.validateMultiple(this.component._multiple),this.validateRequired(this.component._required)}}const x=`@charset "UTF-8";
|
|
2
2
|
/*
|
|
3
3
|
* This file defines the layer order for all CSS layers used in KoliBri.
|
|
4
4
|
* The order is important as it determines the cascade priority.
|
|
@@ -324,13 +324,7 @@ import{h as a,e as h,r as p,g as u,q as m}from"./index-BHgsTqZl.js";import{c as
|
|
|
324
324
|
align-items: center;
|
|
325
325
|
grid-template-columns: 1fr;
|
|
326
326
|
}
|
|
327
|
-
.kol-input-container:has(> .kol-input-container__adornment--start
|
|
328
|
-
grid-template-columns: auto 1fr;
|
|
329
|
-
}
|
|
330
|
-
.kol-input-container:has(> .kol-input-container__adornment--end:not(:empty)) {
|
|
331
|
-
grid-template-columns: 1fr auto;
|
|
332
|
-
}
|
|
333
|
-
.kol-input-container:has(> .kol-input-container__adornment--start:not(:empty)):has(> .kol-input-container__adornment--end:not(:empty)) {
|
|
327
|
+
.kol-input-container:has(> .kol-input-container__adornment--start) {
|
|
334
328
|
grid-template-columns: auto 1fr auto;
|
|
335
329
|
}
|
|
336
330
|
.kol-input-container__container {
|
|
@@ -391,7 +385,6 @@ import{h as a,e as h,r as p,g as u,q as m}from"./index-BHgsTqZl.js";import{c as
|
|
|
391
385
|
align-items: center;
|
|
392
386
|
}
|
|
393
387
|
.kol-input-container__filename {
|
|
394
|
-
margin-left: calc(4 * 1rem / var(--kolibri-root-font-size, 16));
|
|
395
388
|
overflow: hidden;
|
|
396
389
|
flex-grow: 1;
|
|
397
390
|
white-space: nowrap;
|
|
@@ -400,5 +393,5 @@ import{h as a,e as h,r as p,g as u,q as m}from"./index-BHgsTqZl.js";import{c as
|
|
|
400
393
|
.kol-input-container:has(> .kol-input-container__adornment--start):has(> .kol-input-container__adornment--end) {
|
|
401
394
|
grid-template-columns: auto 1fr;
|
|
402
395
|
}
|
|
403
|
-
}`,F=class{async getValue(){var n;return(n=this.inputRef)===null||n===void 0?void 0:n.files}async focus(){return new Promise(n=>{requestAnimationFrame(()=>{var t;(t=this.inputRef)===null||t===void 0||t.focus(),n()})})}async reset(){this.controller.setFormAssociatedValue(""),this.filename=this.translateFilenameText,this.hasFileSelected=!1,this.inputRef&&(this.inputRef.value="")}getFormFieldProps(){return{state:this.state,class:
|
|
404
|
-
//# sourceMappingURL=kol-input-file.entry-
|
|
396
|
+
}`,F=class{async getValue(){var n;return(n=this.inputRef)===null||n===void 0?void 0:n.files}async focus(){return new Promise(n=>{requestAnimationFrame(()=>{var t;(t=this.inputRef)===null||t===void 0||t.focus(),n()})})}async reset(){this.controller.setFormAssociatedValue(""),this.filename=this.translateFilenameText,this.hasFileSelected=!1,this.inputRef&&(this.inputRef.value="")}getFormFieldProps(){return{state:this.state,class:r("kol-input-file","file"),tooltipAlign:this._tooltipAlign,alert:this.showAsAlert()}}getInputProps(){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:n=>{this.controller.onFacade.onFocus(n),this.inputHasFocus=!0},onBlur:n=>{this.controller.onFacade.onBlur(n),this.inputHasFocus=!1}})}render(){return l(m,Object.assign({key:"8c7389b8ce4e26ba8db5151f7fe8269a12e4b3fa"},this.getFormFieldProps()),l(f,{key:"5068b6d834b7aac5fff730b57e7d976d03a6742b",state:this.state},l("span",{key:"a772d993717f0ab0a48849cfd07ec1c9d21f5b26",class:r("kol-input-container__filename",{"kol-input-container__filename--has-file":this.hasFileSelected})},this.filename),l(b,Object.assign({key:"d2abd0c382ce1c372c5e8460005ad8db446f3711"},this.getInputProps())),l(c,{key:"a4a27385a1d792eabb6b42cdc7204d966c58adc5",class:"kol-input-container__button",_label:this.translateDataBrowseText,_variant:"primary",_disabled:this._disabled})))}constructor(n){h(this,n),this.translateDataBrowseText=s("kol-data-browse-text"),this.translateFilenameText=s("kol-filename-text"),this.catchRef=t=>{this.inputRef=t},this._disabled=!1,this._hideMsg=!1,this._hideLabel=!1,this._hint="",this._multiple=!1,this._required=!1,this._tooltipAlign="top",this._touched=!1,this.filename=this.translateFilenameText,this.hasFileSelected=!1,this.state={_hideMsg:!1,_id:`id-${k()}`,_label:""},this.inputHasFocus=!1,this.onDragOver=t=>{var e,i,o;t.preventDefault(),(o=(i=(e=this.inputRef)===null||e===void 0?void 0:e.parentElement)===null||i===void 0?void 0:i.parentElement)===null||o===void 0||o.classList.add("kol-input-container--is-dragover")},this.onDragLeave=()=>{var t,e,i;(i=(e=(t=this.inputRef)===null||t===void 0?void 0:t.parentElement)===null||e===void 0?void 0:e.parentElement)===null||i===void 0||i.classList.remove("kol-input-container--is-dragover")},this.onDrop=t=>{var e,i,o;if(t.preventDefault(),!!this.inputRef&&((i=(e=this.inputRef.parentElement)===null||e===void 0?void 0:e.parentElement)===null||i===void 0||i.classList.remove("kol-input-container--is-dragover"),!((o=t.dataTransfer)===null||o===void 0)&&o.files.length)){const a=t.dataTransfer.files;this.inputRef.files=a,this.filename=Array.from(a).map(d=>d.name).join(", "),this.controller.setFormAssociatedValue(a),this.controller.onFacade.onChange(t,a),this.controller.onFacade.onInput(t,!1,a)}},this.onChange=t=>{if(this.inputRef instanceof HTMLInputElement&&this.inputRef.type==="file"){const e=this.inputRef.files;this.hasFileSelected=!!e?.length,this.filename=e?.length?Array.from(e).map(i=>i.name).join(", "):this.translateFilenameText,this.controller.onFacade.onChange(t,e),this.controller.setFormAssociatedValue(e)}},this.onInput=t=>{if(this.inputRef instanceof HTMLInputElement&&this.inputRef.type==="file"){const e=this.inputRef.files;this.controller.onFacade.onInput(t,!1,e)}},this.controller=new w(this,"file",this.host)}showAsAlert(){return!!this.state._touched&&!this.inputHasFocus}validateAccept(n){this.controller.validateAccept(n)}validateAccessKey(n){this.controller.validateAccessKey(n)}validateDisabled(n){this.controller.validateDisabled(n)}validateHideMsg(n){this.controller.validateHideMsg(n)}validateHideLabel(n){this.controller.validateHideLabel(n)}validateHint(n){this.controller.validateHint(n)}validateIcons(n){this.controller.validateIcons(n)}validateLabel(n){this.controller.validateLabel(n)}validateMsg(n){this.controller.validateMsg(n)}validateMultiple(n){this.controller.validateMultiple(n)}validateName(n){this.controller.validateName(n)}validateOn(n){this.controller.validateOn(n)}validateRequired(n){this.controller.validateRequired(n)}validateShortKey(n){this.controller.validateShortKey(n)}validateSmartButton(n){this.controller.validateSmartButton(n)}validateSyncValueBySelector(n){this.controller.validateSyncValueBySelector(n)}validateTouched(n){this.controller.validateTouched(n)}componentWillLoad(){this._touched=this._touched===!0,this.controller.componentWillLoad()}componentDidLoad(){var n,t;const e=(t=(n=this.inputRef)===null||n===void 0?void 0:n.parentElement)===null||t===void 0?void 0:t.parentElement;e?.addEventListener("dragover",this.onDragOver),e?.addEventListener("dragleave",this.onDragLeave),e?.addEventListener("drop",this.onDrop)}get host(){return p(this)}static get watchers(){return{_accept:["validateAccept"],_accessKey:["validateAccessKey"],_disabled:["validateDisabled"],_hideMsg:["validateHideMsg"],_hideLabel:["validateHideLabel"],_hint:["validateHint"],_icons:["validateIcons"],_label:["validateLabel"],_msg:["validateMsg"],_multiple:["validateMultiple"],_name:["validateName"],_on:["validateOn"],_required:["validateRequired"],_shortKey:["validateShortKey"],_smartButton:["validateSmartButton"],_syncValueBySelector:["validateSyncValueBySelector"],_touched:["validateTouched"]}}};F.style={default:x};export{F as kol_input_file};
|
|
397
|
+
//# sourceMappingURL=kol-input-file.entry-DdCyYhLv.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"kol-input-file.entry-DdCyYhLv.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-CHdBQ7XR.js';\nimport { c as clsx } from './clsx-COFh-Vc8.js';\nimport { c as KolButtonWcTag } from './component-names-CqTpXVIM.js';\nimport { F as FormFieldStateWrapper } from './FormFieldStateWrapper-BFyiN9EY.js';\nimport { I as InputIconController, a as InputContainerStateWrapperFc } from './controller-icon-DKRqmDU2.js';\nimport { I as InputStateWrapper } from './InputStateWrapper-D7DYAs_8.js';\nimport { t as translate } from './i18n-DvMeCREp.js';\nimport { n as nonce } from './dev.utils-DEjbEXtH.js';\nimport { g as watchString } from './common-BIkdAxr0.js';\nimport { v as validateMultiple } from './multiple-BgWWOenK.js';\nimport { v as validateRequired } from './required-Dt9l4wUg.js';\nimport './access-and-short-key-CPX70LXd.js';\nimport './disabled-BdPI9eda.js';\nimport './hide-label-ByItyHgV.js';\nimport './label-C18ud7Yt.js';\nimport './tooltip-align-DodV1tEH.js';\nimport './align-DDUsWnWP.js';\nimport './events-DHTi_wtD.js';\nimport './associated.controller-CdEaJGVD.js';\nimport './bootstrap-DcH8Lr28.js';\nimport './i18n-B0tfVPMa.js';\nimport './isObject-DvSELytj.js';\nimport './tslib.es6-CxX45GIN.js';\nimport './InternalUnderlinedBadgeText-DLXbDpmD.js';\nimport './Alert-DJWeD9Xz.js';\nimport './bem-registry-DRYZs7IX.js';\nimport './browser-KcXKIKON.js';\nimport './Heading-Cp72eQOw.js';\nimport './Icon-BI9iw7pD.js';\nimport './icons-CmA8Oww0.js';\nimport './Input-DXQUCRHF.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 .hastooltip {\\n z-index: 900 !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 :host {\\n display: inline-block;\\n }\\n .kol-alert .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-alert .kol-button::before {\\n /* Render zero-width character as first element to set the baseline correctly. */\\n content: \\\"\\\";\\n }\\n .kol-alert .kol-button__text {\\n flex: 1 0 100%;\\n }\\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:not(:has(> [name]))::after,\\n .kol-form-field--required .kol-form-field__tooltip .span-label::after {\\n content: \\\"*\\\"/\\\"\\\";\\n }\\n .kol-form-field--disabled .kol-form-field__hint {\\n opacity: 0.5;\\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) {\\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 min-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 overflow: hidden;\\n align-items: center;\\n }\\n .kol-input-container__filename {\\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 focus() {\n return new Promise((resolve) => {\n requestAnimationFrame(() => {\n var _a;\n (_a = this.inputRef) === null || _a === void 0 ? void 0 : _a.focus();\n resolve();\n });\n });\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: '8c7389b8ce4e26ba8db5151f7fe8269a12e4b3fa' }, this.getFormFieldProps()), h(InputContainerStateWrapperFc, { key: '5068b6d834b7aac5fff730b57e7d976d03a6742b', state: this.state }, h(\"span\", { key: 'a772d993717f0ab0a48849cfd07ec1c9d21f5b26', class: clsx('kol-input-container__filename', { 'kol-input-container__filename--has-file': this.hasFileSelected }) }, this.filename), h(InputStateWrapper, Object.assign({ key: 'd2abd0c382ce1c372c5e8460005ad8db446f3711' }, this.getInputProps())), h(KolButtonWcTag, { key: 'a4a27385a1d792eabb6b42cdc7204d966c58adc5', class: \"kol-input-container__button\", _label: this.translateDataBrowseText, _variant: \"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;\n event.preventDefault();\n if (!this.inputRef) {\n return;\n }\n (_b = (_a = this.inputRef.parentElement) === null || _a === void 0 ? void 0 : _a.parentElement) === null || _b === void 0 ? void 0 : _b.classList.remove('kol-input-container--is-dragover');\n if ((_c = event.dataTransfer) === null || _c === void 0 ? void 0 : _c.files.length) {\n const files = event.dataTransfer.files;\n this.inputRef.files = files;\n this.filename = Array.from(files)\n .map((file) => file.name)\n .join(', ');\n this.controller.setFormAssociatedValue(files);\n this.controller.onFacade.onChange(event, files);\n this.controller.onFacade.onInput(event, false, 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 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 \"_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","resolve","clsx","event","h","FormFieldStateWrapper","InputContainerStateWrapperFc","InputStateWrapper","KolButtonWcTag","hostRef","registerInstance","translate","ref","nonce","_b","_c","files","file","container","getElement"],"mappings":"ynCAmCA,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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"}
|
package/dist/assets/{kol-input-number.entry-MLOGtMab.js → kol-input-number.entry-BHmpqNIb.js}
RENAMED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{h as a,r,g as
|
|
1
|
+
import{h as a,r as s,g as r}from"./index-BjMDbBlh.js";import{c as d}from"./clsx-COFh-Vc8-D7cYsJM5.js";import{F as h}from"./FormFieldStateWrapper-BFyiN9EY-C7bBg0X9.js";import{I as u,a as c}from"./controller-icon-DKRqmDU2-DoJk7e7A.js";import{I as p}from"./InputStateWrapper-D7DYAs_8-CT70q1el.js";import"./Alert-DJWeD9Xz-whjsP8QM.js";import"./i18n-DvMeCREp-BkNCAkAX.js";import{K as l}from"./Icon-BI9iw7pD-BcWsEg8j.js";import"./markdown-BWEzLPZi-DFm1Teot.js";import{n as m}from"./dev.utils-DEjbEXtH-DBmWP5yn.js";import{p as f}from"./controller-zA71XEOV-jnijHjNx.js";import{v as b}from"./auto-complete-69d94cWC-L8xaBwZN.js";import{v}from"./placeholder-D8vH7TM6-DyibCwDo.js";import{v as _}from"./read-only-C5tWj8H1-vblWMP9l.js";import{v as y}from"./required-Dt9l4wUg-CApdT4t8.js";import{v as g}from"./suggestions-CAPtcaUM-BvULVswR.js";import"./isObject-DvSELytj-CqVuuo6Q.js";import"./tslib.es6-CxX45GIN-BGVaTf34.js";import"./access-and-short-key-CPX70LXd-RzQ3gXPA.js";import"./disabled-BdPI9eda-BFM0nFDP.js";import"./hide-label-ByItyHgV-x1WBM_YB.js";import"./label-C18ud7Yt-DVVPTrJO.js";import"./tooltip-align-DodV1tEH-C0uBWTyV.js";import"./align-DDUsWnWP-C_Tp4Sxv.js";import"./associated.controller-CdEaJGVD-BzKGAiOf.js";import"./InternalUnderlinedBadgeText-DLXbDpmD-BXnXGnNY.js";import"./icons-CmA8Oww0-CXBaqbvf.js";import"./Input-DXQUCRHF-DReDwU8k.js";import"./Heading-Cp72eQOw-C_3UfwQj.js";class k extends c{constructor(e,n,i){super(e,n,i),this.component=e}validateAutoComplete(e){b(this.component,e)}validateSuggestions(e){g(this.component,e)}validateMax(e){this.validateNumber("_max",e)}validateMin(e){this.validateNumber("_min",e)}validatePlaceholder(e){v(this.component,e)}validateReadOnly(e){_(this.component,e)}validateRequired(e){y(this.component,e)}validateStep(e){this.validateNumber("_step",e)}validateValue(e){this.validateNumber("_value",e),this.setFormAssociatedValue(this.component.state._value)}componentWillLoad(){super.componentWillLoad(),this.validateAutoComplete(this.component._autoComplete),this.validateMax(this.component._max),this.validateMin(this.component._min),this.validateSuggestions(this.component._suggestions),this.validatePlaceholder(this.component._placeholder),this.validateReadOnly(this.component._readOnly),this.validateRequired(this.component._required),this.validateStep(this.component._step),this.validateValue(this.component._value)}}const w=`@charset "UTF-8";
|
|
2
2
|
/*
|
|
3
3
|
* This file defines the layer order for all CSS layers used in KoliBri.
|
|
4
4
|
* The order is important as it determines the cascade priority.
|
|
@@ -324,13 +324,7 @@ import{h as a,r,g as s}from"./index-BHgsTqZl.js";import{c as d}from"./clsx-COFh-
|
|
|
324
324
|
align-items: center;
|
|
325
325
|
grid-template-columns: 1fr;
|
|
326
326
|
}
|
|
327
|
-
.kol-input-container:has(> .kol-input-container__adornment--start
|
|
328
|
-
grid-template-columns: auto 1fr;
|
|
329
|
-
}
|
|
330
|
-
.kol-input-container:has(> .kol-input-container__adornment--end:not(:empty)) {
|
|
331
|
-
grid-template-columns: 1fr auto;
|
|
332
|
-
}
|
|
333
|
-
.kol-input-container:has(> .kol-input-container__adornment--start:not(:empty)):has(> .kol-input-container__adornment--end:not(:empty)) {
|
|
327
|
+
.kol-input-container:has(> .kol-input-container__adornment--start) {
|
|
334
328
|
grid-template-columns: auto 1fr auto;
|
|
335
329
|
}
|
|
336
330
|
.kol-input-container__container {
|
|
@@ -360,5 +354,5 @@ import{h as a,r,g as s}from"./index-BHgsTqZl.js";import{c as d}from"./clsx-COFh-
|
|
|
360
354
|
.kol-input-number input::-webkit-inner-spin-button {
|
|
361
355
|
display: none;
|
|
362
356
|
}
|
|
363
|
-
}`,x=class{async getValue(){return this.remapValue(this.state._value)}async focus(){return new Promise(t=>{requestAnimationFrame(()=>{var e;(e=this.inputRef)===null||e===void 0||e.focus(),t()})})}setInitialValueType(t){this.controller.isNumberString(t)?this._initialValueType="NumberString":typeof t=="number"&&!isNaN(t)?this._initialValueType="number":this._initialValueType="null"}remapValue(t){return t==null?null:this._initialValueType==="NumberString"?String(t):t}getFormFieldProps(){return{state:this.state,class:d("kol-input-number","number",{"has-value":this.state._hasValue}),tooltipAlign:this._tooltipAlign,alert:this.showAsAlert()}}getInputProps(){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:t=>{this.controller.onFacade.onFocus(t),this.inputHasFocus=!0},onBlur:t=>{this.controller.onFacade.onBlur(t),this.inputHasFocus=!1}})}getStepUpButton(){return this._disabled||this._readOnly?null:a("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:t=>{var e,n,i;(e=this.inputRef)===null||e===void 0||e.stepUp();const o=(n=this.inputRef)===null||n===void 0?void 0:n.value;this._value=this.remapValue(o===""?null:Number(o)),this.controller.onFacade.onInput(t,!0,this._value),(i=this.inputRef)===null||i===void 0||i.focus()},disabled:this._disabled||this._readOnly},a(l,{icons:"kolicon-plus",label:""}))}getStepDownButton(){return this._disabled||this._readOnly?null:a("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:t=>{var e,n,i;(e=this.inputRef)===null||e===void 0||e.stepDown();const o=(n=this.inputRef)===null||n===void 0?void 0:n.value;this._value=this.remapValue(o===""?null:Number(o)),this.controller.onFacade.onInput(t,!0,this._value),(i=this.inputRef)===null||i===void 0||i.focus()},disabled:this._disabled||this._readOnly},a(l,{icons:"kolicon-minus",label:""}))}render(){return a(h,Object.assign({key:"
|
|
364
|
-
//# sourceMappingURL=kol-input-number.entry-
|
|
357
|
+
}`,x=class{async getValue(){return this.remapValue(this.state._value)}async focus(){return new Promise(t=>{requestAnimationFrame(()=>{var e;(e=this.inputRef)===null||e===void 0||e.focus(),t()})})}setInitialValueType(t){this.controller.isNumberString(t)?this._initialValueType="NumberString":typeof t=="number"&&!isNaN(t)?this._initialValueType="number":this._initialValueType="null"}remapValue(t){return t==null?null:this._initialValueType==="NumberString"?String(t):t}getFormFieldProps(){return{state:this.state,class:d("kol-input-number","number",{"has-value":this.state._hasValue}),tooltipAlign:this._tooltipAlign,alert:this.showAsAlert()}}getInputProps(){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:t=>{this.controller.onFacade.onFocus(t),this.inputHasFocus=!0},onBlur:t=>{this.controller.onFacade.onBlur(t),this.inputHasFocus=!1}})}getStepUpButton(){return this._disabled||this._readOnly?null:a("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:t=>{var e,n,i;(e=this.inputRef)===null||e===void 0||e.stepUp();const o=(n=this.inputRef)===null||n===void 0?void 0:n.value;this._value=this.remapValue(o===""?null:Number(o)),this.controller.onFacade.onInput(t,!0,this._value),(i=this.inputRef)===null||i===void 0||i.focus()},disabled:this._disabled||this._readOnly},a(l,{icons:"kolicon-plus",label:""}))}getStepDownButton(){return this._disabled||this._readOnly?null:a("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:t=>{var e,n,i;(e=this.inputRef)===null||e===void 0||e.stepDown();const o=(n=this.inputRef)===null||n===void 0?void 0:n.value;this._value=this.remapValue(o===""?null:Number(o)),this.controller.onFacade.onInput(t,!0,this._value),(i=this.inputRef)===null||i===void 0||i.focus()},disabled:this._disabled||this._readOnly},a(l,{icons:"kolicon-minus",label:""}))}render(){return a(h,Object.assign({key:"46e15bc14991167121d75201c8db74fe9a17c15c"},this.getFormFieldProps()),a(u,{key:"be9e3ac1883e398434b2f04fb5d8dca1aad0c49e",state:this.state,startAdornment:this.getStepDownButton(),endAdornment:this.getStepUpButton()},a(p,Object.assign({key:"9260cc2a06ab894cc5e604428650a51d9d5f9762"},this.getInputProps()))))}constructor(t){s(this,t),this.catchRef=e=>{this.inputRef=e},this.onInput=e=>{var n;const i=(n=this.inputRef)===null||n===void 0?void 0:n.value;this._value=this.remapValue(i===""?null:Number(i)),this.controller.onFacade.onInput(e,!0,this._value)},this.onChange=e=>{var n;const i=(n=this.inputRef)===null||n===void 0?void 0:n.value,o=this.remapValue(i===""?null:Number(i));this.controller.onFacade.onChange(e,o)},this.onKeyDown=e=>{this.controller.onFacade.onKeyDown(e),(e.code==="Enter"||e.code==="NumpadEnter")&&f({form:this.host})},this._autoComplete="off",this._disabled=!1,this._hideMsg=!1,this._hideLabel=!1,this._hint="",this._readOnly=!1,this._required=!1,this._tooltipAlign="top",this._touched=!1,this.state={_hasValue:!1,_hideMsg:!1,_id:`id-${m()}`,_label:"",_suggestions:[]},this._initialValueType="null",this.inputHasFocus=!1,this.controller=new k(this,"number",this.host)}showAsAlert(){return!!this.state._touched&&!this.inputHasFocus}validateAccessKey(t){this.controller.validateAccessKey(t)}validateAutoComplete(t){this.controller.validateAutoComplete(t)}validateDisabled(t){this.controller.validateDisabled(t)}validateHideMsg(t){this.controller.validateHideMsg(t)}validateHideLabel(t){this.controller.validateHideLabel(t)}validateHint(t){this.controller.validateHint(t)}validateIcons(t){this.controller.validateIcons(t)}validateLabel(t){this.controller.validateLabel(t)}validateMax(t){this.controller.validateMax(t)}validateMin(t){this.controller.validateMin(t)}validateMsg(t){this.controller.validateMsg(t)}validateName(t){this.controller.validateName(t)}validateOn(t){this.controller.validateOn(t)}validatePlaceholder(t){this.controller.validatePlaceholder(t)}validateReadOnly(t){this.controller.validateReadOnly(t)}validateRequired(t){this.controller.validateRequired(t)}validateShortKey(t){this.controller.validateShortKey(t)}validateSmartButton(t){this.controller.validateSmartButton(t)}validateSuggestions(t){this.controller.validateSuggestions(t)}validateStep(t){this.controller.validateStep(t)}validateSyncValueBySelector(t){this.controller.validateSyncValueBySelector(t)}validateTouched(t){this.controller.validateTouched(t)}validateValue(t){this.controller.validateValue(t),t!=null&&this.setInitialValueType(t)}componentWillLoad(){this._value!==void 0&&this.setInitialValueType(this._value),this._touched=this._touched===!0,this.controller.componentWillLoad(),this.state._hasValue=!!this.state._value,this.controller.addValueChangeListener(t=>this.state._hasValue=!!t)}get host(){return r(this)}static get watchers(){return{_accessKey:["validateAccessKey"],_autoComplete:["validateAutoComplete"],_disabled:["validateDisabled"],_hideMsg:["validateHideMsg"],_hideLabel:["validateHideLabel"],_hint:["validateHint"],_icons:["validateIcons"],_label:["validateLabel"],_max:["validateMax"],_min:["validateMin"],_msg:["validateMsg"],_name:["validateName"],_on:["validateOn"],_placeholder:["validatePlaceholder"],_readOnly:["validateReadOnly"],_required:["validateRequired"],_shortKey:["validateShortKey"],_smartButton:["validateSmartButton"],_suggestions:["validateSuggestions"],_step:["validateStep"],_syncValueBySelector:["validateSyncValueBySelector"],_touched:["validateTouched"],_value:["validateValue"]}}};x.style={default:w};export{x as kol_input_number};
|
|
358
|
+
//# sourceMappingURL=kol-input-number.entry-BHmpqNIb.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"kol-input-number.entry-BHmpqNIb.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-CHdBQ7XR.js';\nimport { c as clsx } from './clsx-COFh-Vc8.js';\nimport { F as FormFieldStateWrapper } from './FormFieldStateWrapper-BFyiN9EY.js';\nimport { I as InputIconController, a as InputContainerStateWrapperFc } from './controller-icon-DKRqmDU2.js';\nimport { I as InputStateWrapper } from './InputStateWrapper-D7DYAs_8.js';\nimport './Alert-DJWeD9Xz.js';\nimport './common-BIkdAxr0.js';\nimport './i18n-DvMeCREp.js';\nimport { K as KolIconFc } from './Icon-BI9iw7pD.js';\nimport './markdown-BWEzLPZi.js';\nimport { n as nonce } from './dev.utils-DEjbEXtH.js';\nimport { p as propagateSubmitEventToForm } from './controller-zA71XEOV.js';\nimport { v as validateAutoComplete } from './auto-complete-69d94cWC.js';\nimport { v as validatePlaceholder } from './placeholder-D8vH7TM6.js';\nimport { v as validateReadOnly } from './read-only-C5tWj8H1.js';\nimport { v as validateRequired } from './required-Dt9l4wUg.js';\nimport { v as validateSuggestions } from './suggestions-CAPtcaUM.js';\nimport './access-and-short-key-CPX70LXd.js';\nimport './disabled-BdPI9eda.js';\nimport './hide-label-ByItyHgV.js';\nimport './label-C18ud7Yt.js';\nimport './tooltip-align-DodV1tEH.js';\nimport './align-DDUsWnWP.js';\nimport './events-DHTi_wtD.js';\nimport './associated.controller-CdEaJGVD.js';\nimport './bootstrap-DcH8Lr28.js';\nimport './component-names-CqTpXVIM.js';\nimport './i18n-B0tfVPMa.js';\nimport './isObject-DvSELytj.js';\nimport './tslib.es6-CxX45GIN.js';\nimport './InternalUnderlinedBadgeText-DLXbDpmD.js';\nimport './icons-CmA8Oww0.js';\nimport './Input-DXQUCRHF.js';\nimport './bem-registry-DRYZs7IX.js';\nimport './browser-KcXKIKON.js';\nimport './Heading-Cp72eQOw.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 = \"@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 .hastooltip {\\n z-index: 900 !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 :host {\\n display: inline-block;\\n }\\n .kol-alert .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-alert .kol-button::before {\\n /* Render zero-width character as first element to set the baseline correctly. */\\n content: \\\"\\\";\\n }\\n .kol-alert .kol-button__text {\\n flex: 1 0 100%;\\n }\\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:not(:has(> [name]))::after,\\n .kol-form-field--required .kol-form-field__tooltip .span-label::after {\\n content: \\\"*\\\"/\\\"\\\";\\n }\\n .kol-form-field--disabled .kol-form-field__hint {\\n opacity: 0.5;\\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) {\\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 min-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 focus() {\n return new Promise((resolve) => {\n requestAnimationFrame(() => {\n var _a;\n (_a = this.inputRef) === null || _a === void 0 ? void 0 : _a.focus();\n resolve();\n });\n });\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: (event) => {\n var _a, _b, _c;\n (_a = this.inputRef) === null || _a === void 0 ? void 0 : _a.stepUp();\n const newValue = (_b = this.inputRef) === null || _b === void 0 ? void 0 : _b.value;\n this._value = this.remapValue(newValue === '' ? null : Number(newValue));\n this.controller.onFacade.onInput(event, true, this._value);\n (_c = this.inputRef) === null || _c === void 0 ? void 0 : _c.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: (event) => {\n var _a, _b, _c;\n (_a = this.inputRef) === null || _a === void 0 ? void 0 : _a.stepDown();\n const newValue = (_b = this.inputRef) === null || _b === void 0 ? void 0 : _b.value;\n this._value = this.remapValue(newValue === '' ? null : Number(newValue));\n this.controller.onFacade.onInput(event, true, this._value);\n (_c = this.inputRef) === null || _c === void 0 ? void 0 : _c.focus();\n }, disabled: this._disabled || this._readOnly }, h(KolIconFc, { icons: \"kolicon-minus\", label: \"\" })));\n }\n render() {\n return (h(FormFieldStateWrapper, Object.assign({ key: '46e15bc14991167121d75201c8db74fe9a17c15c' }, this.getFormFieldProps()), h(InputContainerStateWrapperFc, { key: 'be9e3ac1883e398434b2f04fb5d8dca1aad0c49e', state: this.state, startAdornment: this.getStepDownButton(), endAdornment: this.getStepUpButton() }, h(InputStateWrapper, Object.assign({ key: '9260cc2a06ab894cc5e604428650a51d9d5f9762' }, 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 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 \"_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","resolve","_a","clsx","event","h","_b","_c","newValue","KolIconFc","FormFieldStateWrapper","InputContainerStateWrapperFc","InputStateWrapper","hostRef","registerInstance","ref","mappedValue","propagateSubmitEventToForm","nonce","v","getElement"],"mappings":"42CAwCA,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;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAElBC,EAAiB,KAAM,CACzB,MAAM,UAAW,CACb,OAAO,KAAK,WAAW,KAAK,MAAM,MAAM,CAC5C,CACA,MAAM,OAAQ,CACV,OAAO,IAAI,QAASC,GAAY,CAC5B,sBAAsB,IAAM,CACxB,IAAIC,GACHA,EAAK,KAAK,YAAc,MAAQA,IAAO,QAAkBA,EAAG,MAAK,EAClED,EAAO,CACX,CAAC,CACL,CAAC,CACL,CACA,oBAAoBR,EAAO,CACnB,KAAK,WAAW,eAAeA,CAAK,EACpC,KAAK,kBAAoB,eAEpB,OAAOA,GAAU,UAAY,CAAC,MAAMA,CAAK,EAC9C,KAAK,kBAAoB,SAGzB,KAAK,kBAAoB,MAEjC,CACA,WAAWA,EAAO,CACd,OAA2BA,GAAU,KAC1B,KAEF,KAAK,oBAAsB,eACzB,OAAOA,CAAK,EAEhBA,CACX,CACA,mBAAoB,CAChB,MAAO,CACH,MAAO,KAAK,MACZ,MAAOU,EAAK,mBAAoB,SAAU,CACtC,YAAa,KAAK,MAAM,SACxC,CAAa,EACD,aAAc,KAAK,cACnB,MAAO,KAAK,YAAW,CACnC,CACI,CACA,eAAgB,CACZ,OAAO,OAAO,OAAO,OAAO,OAAO,CAAE,IAAK,KAAK,SAAU,MAAO,KAAK,MAAO,KAAM,QAAQ,EAAI,KAAK,WAAW,QAAQ,EAAG,CAAE,QAAS,KAAK,QAAS,SAAU,KAAK,SAAU,UAAW,KAAK,UAAW,QAAUC,GAAU,CAClN,KAAK,WAAW,SAAS,QAAQA,CAAK,EACtC,KAAK,cAAgB,EACzB,EAAG,OAASA,GAAU,CAClB,KAAK,WAAW,SAAS,OAAOA,CAAK,EACrC,KAAK,cAAgB,EACzB,EAAG,CACX,CACA,iBAAkB,CACd,OAAI,KAAK,WAAa,KAAK,UAChB,KAEHC,EAAE,SAAU,CAAE,KAAM,SAAU,SAAU,GAAI,MAAO,mGAAoG,cAAe,2BAA4B,QAAUD,GAAU,CACtN,IAAIF,EAAII,EAAIC,GACXL,EAAK,KAAK,YAAc,MAAQA,IAAO,QAAkBA,EAAG,OAAM,EACnE,MAAMM,GAAYF,EAAK,KAAK,YAAc,MAAQA,IAAO,OAAS,OAASA,EAAG,MAC9E,KAAK,OAAS,KAAK,WAAWE,IAAa,GAAK,KAAO,OAAOA,CAAQ,CAAC,EACvE,KAAK,WAAW,SAAS,QAAQJ,EAAO,GAAM,KAAK,MAAM,GACxDG,EAAK,KAAK,YAAc,MAAQA,IAAO,QAAkBA,EAAG,MAAK,CACtE,EAAG,SAAU,KAAK,WAAa,KAAK,SAAS,EAAIF,EAAEI,EAAW,CAAE,MAAO,eAAgB,MAAO,EAAE,CAAE,CAAC,CAC3G,CACA,mBAAoB,CAChB,OAAI,KAAK,WAAa,KAAK,UAChB,KAEHJ,EAAE,SAAU,CAAE,KAAM,SAAU,SAAU,GAAI,MAAO,qGAAsG,cAAe,6BAA8B,QAAUD,GAAU,CAC1N,IAAIF,EAAII,EAAIC,GACXL,EAAK,KAAK,YAAc,MAAQA,IAAO,QAAkBA,EAAG,SAAQ,EACrE,MAAMM,GAAYF,EAAK,KAAK,YAAc,MAAQA,IAAO,OAAS,OAASA,EAAG,MAC9E,KAAK,OAAS,KAAK,WAAWE,IAAa,GAAK,KAAO,OAAOA,CAAQ,CAAC,EACvE,KAAK,WAAW,SAAS,QAAQJ,EAAO,GAAM,KAAK,MAAM,GACxDG,EAAK,KAAK,YAAc,MAAQA,IAAO,QAAkBA,EAAG,MAAK,CACtE,EAAG,SAAU,KAAK,WAAa,KAAK,SAAS,EAAIF,EAAEI,EAAW,CAAE,MAAO,gBAAiB,MAAO,EAAE,CAAE,CAAC,CAC5G,CACA,QAAS,CACL,OAAQJ,EAAEK,EAAuB,OAAO,OAAO,CAAE,IAAK,0CAA0C,EAAI,KAAK,kBAAiB,CAAE,EAAGL,EAAEM,EAA8B,CAAE,IAAK,2CAA4C,MAAO,KAAK,MAAO,eAAgB,KAAK,kBAAiB,EAAI,aAAc,KAAK,gBAAe,CAAE,EAAIN,EAAEO,EAAmB,OAAO,OAAO,CAAE,IAAK,0CAA0C,EAAI,KAAK,cAAa,CAAE,CAAC,CAAC,CAAC,CAC1a,CACA,YAAYC,EAAS,CACjBC,EAAiB,KAAMD,CAAO,EAC9B,KAAK,SAAYE,GAAQ,CACrB,KAAK,SAAWA,CACpB,EACA,KAAK,QAAWX,GAAU,CACtB,IAAIF,EACJ,MAAMM,GAAYN,EAAK,KAAK,YAAc,MAAQA,IAAO,OAAS,OAASA,EAAG,MAC9E,KAAK,OAAS,KAAK,WAAWM,IAAa,GAAK,KAAO,OAAOA,CAAQ,CAAC,EACvE,KAAK,WAAW,SAAS,QAAQJ,EAAO,GAAM,KAAK,MAAM,CAC7D,EACA,KAAK,SAAYA,GAAU,CACvB,IAAIF,EACJ,MAAMM,GAAYN,EAAK,KAAK,YAAc,MAAQA,IAAO,OAAS,OAASA,EAAG,MACxEc,EAAc,KAAK,WAAWR,IAAa,GAAK,KAAO,OAAOA,CAAQ,CAAC,EAC7E,KAAK,WAAW,SAAS,SAASJ,EAAOY,CAAW,CACxD,EACA,KAAK,UAAaZ,GAAU,CACxB,KAAK,WAAW,SAAS,UAAUA,CAAK,GACpCA,EAAM,OAAS,SAAWA,EAAM,OAAS,gBACzCa,EAA2B,CACvB,KAAM,KAAK,IAAI,CAAC,CAE5B,EACA,KAAK,cAAgB,MACrB,KAAK,UAAY,GACjB,KAAK,SAAW,GAChB,KAAK,WAAa,GAClB,KAAK,MAAQ,GACb,KAAK,UAAY,GACjB,KAAK,UAAY,GACjB,KAAK,cAAgB,MACrB,KAAK,SAAW,GAChB,KAAK,MAAQ,CACT,UAAW,GACX,SAAU,GACV,IAAK,MAAMC,EAAK,CAAE,GAClB,OAAQ,GACR,aAAc,CAAA,CAC1B,EACQ,KAAK,kBAAoB,OACzB,KAAK,cAAgB,GACrB,KAAK,WAAa,IAAI9B,EAAsB,KAAM,SAAU,KAAK,IAAI,CACzE,CACA,aAAc,CACV,MAAO,EAAQ,KAAK,MAAM,UAAa,CAAC,KAAK,aACjD,CACA,kBAAkBK,EAAO,CACrB,KAAK,WAAW,kBAAkBA,CAAK,CAC3C,CACA,qBAAqBA,EAAO,CACxB,KAAK,WAAW,qBAAqBA,CAAK,CAC9C,CACA,iBAAiBA,EAAO,CACpB,KAAK,WAAW,iBAAiBA,CAAK,CAC1C,CACA,gBAAgBA,EAAO,CACnB,KAAK,WAAW,gBAAgBA,CAAK,CACzC,CACA,kBAAkBA,EAAO,CACrB,KAAK,WAAW,kBAAkBA,CAAK,CAC3C,CACA,aAAaA,EAAO,CAChB,KAAK,WAAW,aAAaA,CAAK,CACtC,CACA,cAAcA,EAAO,CACjB,KAAK,WAAW,cAAcA,CAAK,CACvC,CACA,cAAcA,EAAO,CACjB,KAAK,WAAW,cAAcA,CAAK,CACvC,CACA,YAAYA,EAAO,CACf,KAAK,WAAW,YAAYA,CAAK,CACrC,CACA,YAAYA,EAAO,CACf,KAAK,WAAW,YAAYA,CAAK,CACrC,CACA,YAAYA,EAAO,CACf,KAAK,WAAW,YAAYA,CAAK,CACrC,CACA,aAAaA,EAAO,CAChB,KAAK,WAAW,aAAaA,CAAK,CACtC,CACA,WAAWA,EAAO,CACd,KAAK,WAAW,WAAWA,CAAK,CACpC,CACA,oBAAoBA,EAAO,CACvB,KAAK,WAAW,oBAAoBA,CAAK,CAC7C,CACA,iBAAiBA,EAAO,CACpB,KAAK,WAAW,iBAAiBA,CAAK,CAC1C,CACA,iBAAiBA,EAAO,CACpB,KAAK,WAAW,iBAAiBA,CAAK,CAC1C,CACA,iBAAiBA,EAAO,CACpB,KAAK,WAAW,iBAAiBA,CAAK,CAC1C,CACA,oBAAoBA,EAAO,CACvB,KAAK,WAAW,oBAAoBA,CAAK,CAC7C,CACA,oBAAoBA,EAAO,CACvB,KAAK,WAAW,oBAAoBA,CAAK,CAC7C,CACA,aAAaA,EAAO,CAChB,KAAK,WAAW,aAAaA,CAAK,CACtC,CACA,4BAA4BA,EAAO,CAC/B,KAAK,WAAW,4BAA4BA,CAAK,CACrD,CACA,gBAAgBA,EAAO,CACnB,KAAK,WAAW,gBAAgBA,CAAK,CACzC,CACA,cAAcA,EAAO,CACjB,KAAK,WAAW,cAAcA,CAAK,EACRA,GAAU,MACjC,KAAK,oBAAoBA,CAAK,CAEtC,CACA,mBAAoB,CACZ,KAAK,SAAW,QAChB,KAAK,oBAAoB,KAAK,MAAM,EAExC,KAAK,SAAW,KAAK,WAAa,GAClC,KAAK,WAAW,kBAAiB,EACjC,KAAK,MAAM,UAAY,CAAC,CAAC,KAAK,MAAM,OACpC,KAAK,WAAW,uBAAwB0B,GAAO,KAAK,MAAM,UAAY,CAAC,CAACA,CAAE,CAC9E,CACA,IAAI,MAAO,CAAE,OAAOC,EAAW,IAAI,CAAG,CACtC,WAAW,UAAW,CAAE,MAAO,CAC3B,WAAc,CAAC,mBAAmB,EAClC,cAAiB,CAAC,sBAAsB,EACxC,UAAa,CAAC,kBAAkB,EAChC,SAAY,CAAC,iBAAiB,EAC9B,WAAc,CAAC,mBAAmB,EAClC,MAAS,CAAC,cAAc,EACxB,OAAU,CAAC,eAAe,EAC1B,OAAU,CAAC,eAAe,EAC1B,KAAQ,CAAC,aAAa,EACtB,KAAQ,CAAC,aAAa,EACtB,KAAQ,CAAC,aAAa,EACtB,MAAS,CAAC,cAAc,EACxB,IAAO,CAAC,YAAY,EACpB,aAAgB,CAAC,qBAAqB,EACtC,UAAa,CAAC,kBAAkB,EAChC,UAAa,CAAC,kBAAkB,EAChC,UAAa,CAAC,kBAAkB,EAChC,aAAgB,CAAC,qBAAqB,EACtC,aAAgB,CAAC,qBAAqB,EACtC,MAAS,CAAC,cAAc,EACxB,qBAAwB,CAAC,6BAA6B,EACtD,SAAY,CAAC,iBAAiB,EAC9B,OAAU,CAAC,eAAe,CAClC,CAAO,CACP,EACApB,EAAe,MAAQ,CACnB,QAASD,CACb"}
|
package/dist/assets/{kol-input-password.entry-DuY_7fd8.js → kol-input-password.entry-BUhrmmWY.js}
RENAMED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{h as e,r as i,x as a,g as l}from"./index-
|
|
1
|
+
import{h as e,r as i,x as a,g as l}from"./index-BjMDbBlh.js";import{c as r}from"./clsx-COFh-Vc8-D7cYsJM5.js";import{F as s}from"./FormFieldStateWrapper-BFyiN9EY-C7bBg0X9.js";import{K as d,I as h}from"./controller-icon-DKRqmDU2-DoJk7e7A.js";import{I as c}from"./InputStateWrapper-D7DYAs_8-CT70q1el.js";import{t as o}from"./i18n-DvMeCREp-BkNCAkAX.js";import{n as p}from"./dev.utils-DEjbEXtH-DBmWP5yn.js";import{p as u}from"./controller-zA71XEOV-jnijHjNx.js";import{I as m}from"./controller-BaXjr15p-C9mTDvMj.js";import"./isObject-DvSELytj-CqVuuo6Q.js";import"./tslib.es6-CxX45GIN-BGVaTf34.js";import"./Alert-DJWeD9Xz-whjsP8QM.js";import"./access-and-short-key-CPX70LXd-RzQ3gXPA.js";import"./disabled-BdPI9eda-BFM0nFDP.js";import"./hide-label-ByItyHgV-x1WBM_YB.js";import"./label-C18ud7Yt-DVVPTrJO.js";import"./tooltip-align-DodV1tEH-C0uBWTyV.js";import"./align-DDUsWnWP-C_Tp4Sxv.js";import"./associated.controller-CdEaJGVD-BzKGAiOf.js";import"./InternalUnderlinedBadgeText-DLXbDpmD-BXnXGnNY.js";import"./Icon-BI9iw7pD-BcWsEg8j.js";import"./icons-CmA8Oww0-CXBaqbvf.js";import"./Input-DXQUCRHF-DReDwU8k.js";import"./auto-complete-69d94cWC-L8xaBwZN.js";import"./max-length-behavior-BfK6OnzA-CFRV0h79.js";import"./placeholder-D8vH7TM6-DyibCwDo.js";import"./read-only-C5tWj8H1-vblWMP9l.js";import"./required-Dt9l4wUg-CApdT4t8.js";import"./Heading-Cp72eQOw-C_3UfwQj.js";const f=`@charset "UTF-8";
|
|
2
2
|
/*
|
|
3
3
|
* This file defines the layer order for all CSS layers used in KoliBri.
|
|
4
4
|
* The order is important as it determines the cascade priority.
|
|
@@ -324,13 +324,7 @@ import{h as e,r as i,x as a,g as l}from"./index-BHgsTqZl.js";import{c as r}from"
|
|
|
324
324
|
align-items: center;
|
|
325
325
|
grid-template-columns: 1fr;
|
|
326
326
|
}
|
|
327
|
-
.kol-input-container:has(> .kol-input-container__adornment--start
|
|
328
|
-
grid-template-columns: auto 1fr;
|
|
329
|
-
}
|
|
330
|
-
.kol-input-container:has(> .kol-input-container__adornment--end:not(:empty)) {
|
|
331
|
-
grid-template-columns: 1fr auto;
|
|
332
|
-
}
|
|
333
|
-
.kol-input-container:has(> .kol-input-container__adornment--start:not(:empty)):has(> .kol-input-container__adornment--end:not(:empty)) {
|
|
327
|
+
.kol-input-container:has(> .kol-input-container__adornment--start) {
|
|
334
328
|
grid-template-columns: auto 1fr auto;
|
|
335
329
|
}
|
|
336
330
|
.kol-input-container__container {
|
|
@@ -356,5 +350,5 @@ import{h as e,r as i,x as a,g as l}from"./index-BHgsTqZl.js";import{c as r}from"
|
|
|
356
350
|
.kol-input-password {
|
|
357
351
|
--kol-tooltip-width: calc(160 * 1rem / var(--kolibri-root-font-size, 16));
|
|
358
352
|
}
|
|
359
|
-
}`,b=class{async getValue(){var t;return(t=this.inputRef)===null||t===void 0?void 0:t.value}async focus(){return new Promise(t=>{requestAnimationFrame(()=>{var n;(n=this.inputRef)===null||n===void 0||n.focus(),t()})})}getFormFieldProps(){return{state:this.state,class:r("kol-input-password","password",{"has-value":this.state._hasValue,"kol-form-field--has-counter":this.controller.hasSoftCharacterLimit()||this.controller.hasCounter()}),tooltipAlign:this._tooltipAlign,alert:this.showAsAlert()}}getInputProps(){const t=typeof this.state._maxLength=="number"?[`${this.state._id}-character-limit-hint`]:void 0;return Object.assign(Object.assign({ref:this.catchRef,type:this._passwordVisible?"text":"password",state:this.state,ariaDescribedBy:t},this.controller.onFacade),{onInput:this.onInput,onKeyDown:this.onKeyDown,onFocus:n=>{this.controller.onFacade.onFocus(n),this.inputHasFocus=!0},onBlur:n=>{this.controller.onFacade.onBlur(n),this.inputHasFocus=!1}})}getShowPasswordButton(){return this._variant!=="visibility-toggle"?null:e(d,{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:()=>{var t;this._passwordVisible=!this._passwordVisible,(t=this.inputRef)===null||t===void 0||t.focus()},icon:`${this._passwordVisible?"kolicon-eye-closed":"kolicon-eye"}`,disabled:this._disabled})}render(){return e(s,Object.assign({key:"
|
|
360
|
-
//# sourceMappingURL=kol-input-password.entry-
|
|
353
|
+
}`,b=class{async getValue(){var t;return(t=this.inputRef)===null||t===void 0?void 0:t.value}async focus(){return new Promise(t=>{requestAnimationFrame(()=>{var n;(n=this.inputRef)===null||n===void 0||n.focus(),t()})})}getFormFieldProps(){return{state:this.state,class:r("kol-input-password","password",{"has-value":this.state._hasValue,"kol-form-field--has-counter":this.controller.hasSoftCharacterLimit()||this.controller.hasCounter()}),tooltipAlign:this._tooltipAlign,alert:this.showAsAlert()}}getInputProps(){const t=typeof this.state._maxLength=="number"?[`${this.state._id}-character-limit-hint`]:void 0;return Object.assign(Object.assign({ref:this.catchRef,type:this._passwordVisible?"text":"password",state:this.state,ariaDescribedBy:t},this.controller.onFacade),{onInput:this.onInput,onKeyDown:this.onKeyDown,onFocus:n=>{this.controller.onFacade.onFocus(n),this.inputHasFocus=!0},onBlur:n=>{this.controller.onFacade.onBlur(n),this.inputHasFocus=!1}})}getShowPasswordButton(){return this._variant!=="visibility-toggle"?null:e(d,{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:()=>{var t;this._passwordVisible=!this._passwordVisible,(t=this.inputRef)===null||t===void 0||t.focus()},icon:`${this._passwordVisible?"kolicon-eye-closed":"kolicon-eye"}`,disabled:this._disabled})}render(){return e(s,Object.assign({key:"159f5467dc3480813005ad8336e1bf3a21617dc5"},this.getFormFieldProps()),e(h,{key:"cae34e405accaae63bc98011589f633e02b7715f",state:this.state,endAdornment:this.getShowPasswordButton()},e(c,Object.assign({key:"6dc2593c8c8f67134cdf90405069d12a6365a378"},this.getInputProps()))))}constructor(t){i(this,t),this.translateHidePassword=o("kol-hide-password"),this.translateShowPassword=o("kol-show-password"),this.catchRef=n=>{this.inputRef=n},this.onKeyDown=n=>{this.controller.onFacade.onKeyDown(n),(n.code==="Enter"||n.code==="NumpadEnter")&&u({form:this.host})},this.onInput=n=>{this._value=n.target.value,this.controller.onFacade.onInput(n)},this._autoComplete="off",this._hasCounter=!1,this._maxLengthBehavior="hard",this._disabled=!1,this._hideMsg=!1,this._hideLabel=!1,this._hint="",this._readOnly=!1,this._required=!1,this._tooltipAlign="top",this._touched=!1,this._variant="default",this.state={_currentLength:0,_currentLengthDebounced:0,_hasValue:!1,_hideMsg:!1,_id:`id-${p()}`,_label:"",_variant:"default"},this._passwordVisible=!1,this.inputHasFocus=!1,this.controller=new m(this,"password",this.host)}showAsAlert(){return!!this.state._touched&&!this.inputHasFocus}validateAccessKey(t){this.controller.validateAccessKey(t)}validateAutoComplete(t){this.controller.validateAutoComplete(t),t==="on"&&a(`[KolInputPassword] The 'autocomplete' option should not be set to "on" for a password input field`)}validateMaxLengthBehavior(t){this.controller.validateMaxLengthBehavior(t)}validateDisabled(t){this.controller.validateDisabled(t)}validateVariant(t){this.controller.validateVariant(t)}validateHideMsg(t){this.controller.validateHideMsg(t)}validateHideLabel(t){this.controller.validateHideLabel(t)}validateHasCounter(t){this.controller.validateHasCounter(t)}validateHint(t){this.controller.validateHint(t)}validateIcons(t){this.controller.validateIcons(t)}validateLabel(t){this.controller.validateLabel(t)}validateMaxLength(t){this.controller.validateMaxLength(t)}validateMsg(t){this.controller.validateMsg(t)}validateName(t){this.controller.validateName(t)}validateOn(t){this.controller.validateOn(t)}validatePattern(t){this.controller.validatePattern(t)}validatePlaceholder(t){this.controller.validatePlaceholder(t)}validateReadOnly(t){this.controller.validateReadOnly(t)}validateRequired(t){this.controller.validateRequired(t)}validateShortKey(t){this.controller.validateShortKey(t)}validateSmartButton(t){this.controller.validateSmartButton(t)}validateSyncValueBySelector(t){this.controller.validateSyncValueBySelector(t)}validateTouched(t){this.controller.validateTouched(t)}validateValue(t){this.controller.validateValue(t)}componentWillLoad(){this._touched=this._touched===!0,this.controller.componentWillLoad(),this.state._hasValue=!!this.state._value,this.controller.addValueChangeListener(t=>this.state._hasValue=!!t)}get host(){return l(this)}static get watchers(){return{_accessKey:["validateAccessKey"],_autoComplete:["validateAutoComplete"],_maxLengthBehavior:["validateMaxLengthBehavior"],_disabled:["validateDisabled"],_variant:["validateVariant"],_hideMsg:["validateHideMsg"],_hideLabel:["validateHideLabel"],_hasCounter:["validateHasCounter"],_hint:["validateHint"],_icons:["validateIcons"],_label:["validateLabel"],_maxLength:["validateMaxLength"],_msg:["validateMsg"],_name:["validateName"],_on:["validateOn"],_pattern:["validatePattern"],_placeholder:["validatePlaceholder"],_readOnly:["validateReadOnly"],_required:["validateRequired"],_shortKey:["validateShortKey"],_smartButton:["validateSmartButton"],_syncValueBySelector:["validateSyncValueBySelector"],_touched:["validateTouched"],_value:["validateValue"]}}};b.style={default:f};export{b as kol_input_password};
|
|
354
|
+
//# sourceMappingURL=kol-input-password.entry-BUhrmmWY.js.map
|