@public-ui/sample-react 2.2.13 → 2.2.14-rc.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/assets/{Alert-11addbd6-DIqzkD1d.js → Alert-3376ad25-52IAjvIl.js} +2 -2
- package/dist/assets/{Alert-11addbd6-DIqzkD1d.js.map → Alert-3376ad25-52IAjvIl.js.map} +1 -1
- package/dist/assets/{Collapsible-dadae8b5-CqxZ7K0g.js → Collapsible-ca6b219d-BcLR7wc3.js} +2 -2
- package/dist/assets/{Collapsible-dadae8b5-CqxZ7K0g.js.map → Collapsible-ca6b219d-BcLR7wc3.js.map} +1 -1
- package/dist/assets/{FormFieldMsg-27ff69aa-B_e_z3ku.js → FormFieldMsg-f6269075-B24wFQ8x.js} +2 -2
- package/dist/assets/{FormFieldMsg-27ff69aa-B_e_z3ku.js.map → FormFieldMsg-f6269075-B24wFQ8x.js.map} +1 -1
- package/dist/assets/{InternalUnderlinedBadgeText-dfefcdf1-CmmZslla.js → InternalUnderlinedBadgeText-ee968c75-CZn8hbp1.js} +2 -2
- package/dist/assets/{InternalUnderlinedBadgeText-dfefcdf1-CmmZslla.js.map → InternalUnderlinedBadgeText-ee968c75-CZn8hbp1.js.map} +1 -1
- package/dist/assets/{access-and-short-key-91c639af-CZOZs2cF.js → access-and-short-key-a34a0af0-CJXJn1mw.js} +2 -2
- package/dist/assets/{access-and-short-key-91c639af-CZOZs2cF.js.map → access-and-short-key-a34a0af0-CJXJn1mw.js.map} +1 -1
- package/dist/assets/{align-be31be0d-BDAmNn7F.js → align-bc8d98ac-CEFBBTwy.js} +2 -2
- package/dist/assets/{align-be31be0d-BDAmNn7F.js.map → align-bc8d98ac-CEFBBTwy.js.map} +1 -1
- package/dist/assets/{align-floating-elements-3e1809c4-DpsonLKV.js → align-floating-elements-f88f945f-BT5J8o3r.js} +2 -2
- package/dist/assets/{align-floating-elements-3e1809c4-DpsonLKV.js.map → align-floating-elements-f88f945f-BT5J8o3r.js.map} +1 -1
- package/dist/assets/{associated.controller-8d1afc0c-dvshn-_k.js → associated.controller-3dab1e00-DeTJHUXc.js} +2 -2
- package/dist/assets/{associated.controller-8d1afc0c-dvshn-_k.js.map → associated.controller-3dab1e00-DeTJHUXc.js.map} +1 -1
- package/dist/assets/badge-text-c7f39390-BtPZTK5n.js +4 -0
- package/dist/assets/{badge-text-1ca461ea-CtNzv3qc.js.map → badge-text-c7f39390-BtPZTK5n.js.map} +1 -1
- package/dist/assets/{button-variant-78bbe695-DYR9eRbb.js → button-variant-fe0f7f45-CA1lVB5x.js} +2 -2
- package/dist/assets/{button-variant-78bbe695-DYR9eRbb.js.map → button-variant-fe0f7f45-CA1lVB5x.js.map} +1 -1
- package/dist/assets/{color-a8821a60-CHSibcAR.js → color-a464afb7-B6BtRyvE.js} +2 -2
- package/dist/assets/{color-a8821a60-CHSibcAR.js.map → color-a464afb7-B6BtRyvE.js.map} +1 -1
- package/dist/assets/{controller-a44f67e1-VKlN0BZd.js → controller-4fa871d2-DSodGBl7.js} +2 -2
- package/dist/assets/{controller-a44f67e1-VKlN0BZd.js.map → controller-4fa871d2-DSodGBl7.js.map} +1 -1
- package/dist/assets/{controller-136e6dc3-DoWYN_-N.js → controller-87dfc9ee-0mTl99rR.js} +2 -2
- package/dist/assets/{controller-136e6dc3-DoWYN_-N.js.map → controller-87dfc9ee-0mTl99rR.js.map} +1 -1
- package/dist/assets/{controller-adcb064f-CNO3BrzB.js → controller-8ace9659-AYSli_DS.js} +2 -2
- package/dist/assets/{controller-adcb064f-CNO3BrzB.js.map → controller-8ace9659-AYSli_DS.js.map} +1 -1
- package/dist/assets/{controller-05af8f06-BrR9P9mr.js → controller-cfa11279-119QxoFB.js} +2 -2
- package/dist/assets/{controller-05af8f06-BrR9P9mr.js.map → controller-cfa11279-119QxoFB.js.map} +1 -1
- package/dist/assets/{controller-f0a8cd72-BQzVRnnh.js → controller-e97b79b7-CCrhJsbK.js} +2 -2
- package/dist/assets/{controller-f0a8cd72-BQzVRnnh.js.map → controller-e97b79b7-CCrhJsbK.js.map} +1 -1
- package/dist/assets/{controller-icon-87de6942-WW4alVae.js → controller-icon-811adcf4-CZ6Kj684.js} +2 -2
- package/dist/assets/{controller-icon-87de6942-WW4alVae.js.map → controller-icon-811adcf4-CZ6Kj684.js.map} +1 -1
- package/dist/assets/{custom-class-927da4c2-Br8V8dQQ.js → custom-class-6eaba98d-C27f-x18.js} +2 -2
- package/dist/assets/{custom-class-927da4c2-Br8V8dQQ.js.map → custom-class-6eaba98d-C27f-x18.js.map} +1 -1
- package/dist/assets/{debounce-90c878d0-CsKNMBas.js → debounce-112fa67e-q36Qv-J3.js} +2 -2
- package/dist/assets/{debounce-90c878d0-CsKNMBas.js.map → debounce-112fa67e-q36Qv-J3.js.map} +1 -1
- package/dist/assets/{dev.utils-c4154967-BqYZ9voM.js → dev.utils-e4e292d2-BSbUzxZC.js} +2 -2
- package/dist/assets/{dev.utils-c4154967-BqYZ9voM.js.map → dev.utils-e4e292d2-BSbUzxZC.js.map} +1 -1
- package/dist/assets/{devtools-b39e940f--ZsxLxOZ.js → devtools-aaf0ea07-DflYkTZC.js} +2 -2
- package/dist/assets/{devtools-b39e940f--ZsxLxOZ.js.map → devtools-aaf0ea07-DflYkTZC.js.map} +1 -1
- package/dist/assets/{disabled-9966b1f0-Ci9I01VC.js → disabled-f923601e-BOaZj8z0.js} +2 -2
- package/dist/assets/{disabled-9966b1f0-Ci9I01VC.js.map → disabled-f923601e-BOaZj8z0.js.map} +1 -1
- package/dist/assets/has-closer-a7dc359b-DtJ7C0Ee.js +4 -0
- package/dist/assets/{has-closer-64270429-D68KdhCQ.js.map → has-closer-a7dc359b-DtJ7C0Ee.js.map} +1 -1
- package/dist/assets/{hide-label-da89c332-B6d3c2Kv.js → hide-label-2b46168f-vo67NYPJ.js} +2 -2
- package/dist/assets/{hide-label-da89c332-B6d3c2Kv.js.map → hide-label-2b46168f-vo67NYPJ.js.map} +1 -1
- package/dist/assets/{href-d4bde881-6Jj7NVAy.js → href-823c69d8-4OvpaLKk.js} +2 -2
- package/dist/assets/{href-d4bde881-6Jj7NVAy.js.map → href-823c69d8-4OvpaLKk.js.map} +1 -1
- package/dist/assets/{i18n-a1dec0cc-4ZE6afN0.js → i18n-820d85c7-BEJoJePQ.js} +2 -2
- package/dist/assets/{i18n-a1dec0cc-4ZE6afN0.js.map → i18n-820d85c7-BEJoJePQ.js.map} +1 -1
- package/dist/assets/{icons-be30e67a-CmKJseVk.js → icons-d29928c3-CgABluCT.js} +2 -2
- package/dist/assets/{icons-be30e67a-CmKJseVk.js.map → icons-d29928c3-CgABluCT.js.map} +1 -1
- package/dist/assets/image-source-bd7ca7b4-CBp9hp_d.js +4 -0
- package/dist/assets/{image-source-d479e44b-CFAQWKhA.js.map → image-source-bd7ca7b4-CBp9hp_d.js.map} +1 -1
- package/dist/assets/index-B5ceQ0sK.css +1 -0
- package/dist/assets/{index-BfBXKFYP.js → index-ChE0RS-7.js} +7 -31
- package/dist/assets/index-ChE0RS-7.js.map +1 -0
- package/dist/assets/{kol-abbr.entry-Dt6dIRdr.js → kol-abbr.entry-BE30jrzO.js} +18 -19
- package/dist/assets/kol-abbr.entry-BE30jrzO.js.map +1 -0
- package/dist/assets/{kol-accordion.entry-BkSWU74b.js → kol-accordion.entry-DFTn3Rrw.js} +20 -21
- package/dist/assets/kol-accordion.entry-DFTn3Rrw.js.map +1 -0
- package/dist/assets/{kol-alert-wc.entry-EIlH3Su9.js → kol-alert-wc.entry-CbJlRB_I.js} +2 -2
- package/dist/assets/{kol-alert-wc.entry-EIlH3Su9.js.map → kol-alert-wc.entry-CbJlRB_I.js.map} +1 -1
- package/dist/assets/{kol-alert.entry-CBvo9jXX.js → kol-alert.entry-EBFNuVh4.js} +18 -19
- package/dist/assets/kol-alert.entry-EBFNuVh4.js.map +1 -0
- package/dist/assets/{kol-avatar-wc.entry-CjygX3fd.js → kol-avatar-wc.entry-Dxxo6_uk.js} +2 -2
- package/dist/assets/{kol-avatar-wc.entry-CjygX3fd.js.map → kol-avatar-wc.entry-Dxxo6_uk.js.map} +1 -1
- package/dist/assets/{kol-avatar.entry-DK0wN3II.js → kol-avatar.entry-l4W_BSxx.js} +18 -19
- package/dist/assets/kol-avatar.entry-l4W_BSxx.js.map +1 -0
- package/dist/assets/{kol-badge.entry-BtSRnv-y.js → kol-badge.entry-D3OKlcts.js} +18 -19
- package/dist/assets/kol-badge.entry-D3OKlcts.js.map +1 -0
- package/dist/assets/{kol-breadcrumb.entry-CFHRHe5b.js → kol-breadcrumb.entry-B27mYac8.js} +19 -20
- package/dist/assets/kol-breadcrumb.entry-B27mYac8.js.map +1 -0
- package/dist/assets/{kol-button-group-wc.entry-GzcSBV-q.js → kol-button-group-wc.entry-CI_V0HiP.js} +2 -2
- package/dist/assets/{kol-button-group-wc.entry-GzcSBV-q.js.map → kol-button-group-wc.entry-CI_V0HiP.js.map} +1 -1
- package/dist/assets/{kol-button-group.entry-CUWd7Pjd.js → kol-button-group.entry-Qp76evmn.js} +18 -19
- package/dist/assets/kol-button-group.entry-Qp76evmn.js.map +1 -0
- package/dist/assets/{kol-button-link.entry-DtT2ABAp.js → kol-button-link.entry-BCtmCP4h.js} +19 -20
- package/dist/assets/kol-button-link.entry-BCtmCP4h.js.map +1 -0
- package/dist/assets/{kol-button-wc.entry-C9CYIaWZ.js → kol-button-wc.entry-BJdkficL.js} +3 -3
- package/dist/assets/{kol-button-wc.entry-C9CYIaWZ.js.map → kol-button-wc.entry-BJdkficL.js.map} +1 -1
- package/dist/assets/{kol-button.entry-DvETVZBk.js → kol-button.entry-CIi2nBCj.js} +19 -20
- package/dist/assets/kol-button.entry-CIi2nBCj.js.map +1 -0
- package/dist/assets/{kol-card.entry-BOFITAzo.js → kol-card.entry-B0fM3xW-.js} +18 -19
- package/dist/assets/kol-card.entry-B0fM3xW-.js.map +1 -0
- package/dist/assets/{kol-combobox.entry-AwWfTHmr.js → kol-combobox.entry-Z7IVyI4O.js} +19 -20
- package/dist/assets/kol-combobox.entry-Z7IVyI4O.js.map +1 -0
- package/dist/assets/{kol-details.entry-DpT2fGe5.js → kol-details.entry-CZqDLTzz.js} +19 -20
- package/dist/assets/kol-details.entry-CZqDLTzz.js.map +1 -0
- package/dist/assets/{kol-drawer.entry-CRgoMpGa.js → kol-drawer.entry-Dr4s__v2.js} +19 -20
- package/dist/assets/kol-drawer.entry-Dr4s__v2.js.map +1 -0
- package/dist/assets/{kol-form.entry-BytczhdG.js → kol-form.entry-sFXPtiY-.js} +18 -19
- package/dist/assets/kol-form.entry-sFXPtiY-.js.map +1 -0
- package/dist/assets/{kol-heading-wc.entry-N-g_2csa.js → kol-heading-wc.entry-Bgzbqe98.js} +2 -2
- package/dist/assets/{kol-heading-wc.entry-N-g_2csa.js.map → kol-heading-wc.entry-Bgzbqe98.js.map} +1 -1
- package/dist/assets/{kol-heading.entry-DyvFecc6.js → kol-heading.entry-B8C9DPhq.js} +18 -19
- package/dist/assets/kol-heading.entry-B8C9DPhq.js.map +1 -0
- package/dist/assets/{kol-icon.entry-BUghNK-f.js → kol-icon.entry-CCCdQug5.js} +2 -2
- package/dist/assets/{kol-icon.entry-BUghNK-f.js.map → kol-icon.entry-CCCdQug5.js.map} +1 -1
- package/dist/assets/{kol-image.entry-CrCJOlmd.js → kol-image.entry-l-kMI6ak.js} +18 -19
- package/dist/assets/kol-image.entry-l-kMI6ak.js.map +1 -0
- package/dist/assets/{kol-indented-text-wc.entry-edcosc43.js → kol-indented-text-wc.entry-DxTXP-74.js} +2 -2
- package/dist/assets/{kol-indented-text-wc.entry-edcosc43.js.map → kol-indented-text-wc.entry-DxTXP-74.js.map} +1 -1
- package/dist/assets/{kol-indented-text.entry-Me108YDZ.js → kol-indented-text.entry-JZikp4Cx.js} +18 -19
- package/dist/assets/kol-indented-text.entry-JZikp4Cx.js.map +1 -0
- package/dist/assets/{kol-input-checkbox.entry-BaiAnLJC.js → kol-input-checkbox.entry-C1MD-vOp.js} +20 -21
- package/dist/assets/kol-input-checkbox.entry-C1MD-vOp.js.map +1 -0
- package/dist/assets/{kol-input-color.entry-BgRf-22H.js → kol-input-color.entry-4AhpAn5Z.js} +20 -21
- package/dist/assets/kol-input-color.entry-4AhpAn5Z.js.map +1 -0
- package/dist/assets/{kol-input-date.entry-BoNOr10p.js → kol-input-date.entry-B6hiq-Fr.js} +19 -20
- package/dist/assets/kol-input-date.entry-B6hiq-Fr.js.map +1 -0
- package/dist/assets/{kol-input-email.entry-DwgK8zah.js → kol-input-email.entry-XXQLF3kT.js} +19 -20
- package/dist/assets/kol-input-email.entry-XXQLF3kT.js.map +1 -0
- package/dist/assets/{kol-input-file.entry-CaFsRnE-.js → kol-input-file.entry-mifmZvtl.js} +19 -20
- package/dist/assets/kol-input-file.entry-mifmZvtl.js.map +1 -0
- package/dist/assets/{kol-input-number.entry-6aQjNKtf.js → kol-input-number.entry-zr-y-rOg.js} +19 -20
- package/dist/assets/kol-input-number.entry-zr-y-rOg.js.map +1 -0
- package/dist/assets/{kol-input-password.entry-DD_RC95T.js → kol-input-password.entry-CcuifHW3.js} +19 -20
- package/dist/assets/kol-input-password.entry-CcuifHW3.js.map +1 -0
- package/dist/assets/{kol-input-radio.entry-CGmK4Mh9.js → kol-input-radio.entry-DrdY67v6.js} +19 -20
- package/dist/assets/kol-input-radio.entry-DrdY67v6.js.map +1 -0
- package/dist/assets/{kol-input-range.entry-CMgSxLN2.js → kol-input-range.entry-DrFBS6sc.js} +19 -20
- package/dist/assets/kol-input-range.entry-DrFBS6sc.js.map +1 -0
- package/dist/assets/{kol-input-text.entry-QLdX7yDx.js → kol-input-text.entry-CQwcK0ic.js} +19 -20
- package/dist/assets/kol-input-text.entry-CQwcK0ic.js.map +1 -0
- package/dist/assets/{kol-input.entry-DOlFfuAq.js → kol-input.entry-CDPQVey9.js} +2 -2
- package/dist/assets/{kol-input.entry-DOlFfuAq.js.map → kol-input.entry-CDPQVey9.js.map} +1 -1
- package/dist/assets/{kol-kolibri.entry-C3IQUBaP.js → kol-kolibri.entry-DGhy8mOm.js} +18 -19
- package/dist/assets/kol-kolibri.entry-DGhy8mOm.js.map +1 -0
- package/dist/assets/{kol-link-button.entry-9CCROWOe.js → kol-link-button.entry-BIva9_3R.js} +19 -20
- package/dist/assets/kol-link-button.entry-BIva9_3R.js.map +1 -0
- package/dist/assets/{kol-link-group.entry-BYrfgXgR.js → kol-link-group.entry-CtDwfmjG.js} +18 -19
- package/dist/assets/kol-link-group.entry-CtDwfmjG.js.map +1 -0
- package/dist/assets/{kol-link-wc.entry-552e9gLs.js → kol-link-wc.entry-D-eoEyOW.js} +3 -3
- package/dist/assets/{kol-link-wc.entry-552e9gLs.js.map → kol-link-wc.entry-D-eoEyOW.js.map} +1 -1
- package/dist/assets/{kol-link.entry-va6quMTt.js → kol-link.entry-cHFHZXRI.js} +19 -20
- package/dist/assets/kol-link.entry-cHFHZXRI.js.map +1 -0
- package/dist/assets/{kol-logo.entry-DuwwT4Jr.js → kol-logo.entry-CjgiUl_k.js} +18 -19
- package/dist/assets/kol-logo.entry-CjgiUl_k.js.map +1 -0
- package/dist/assets/{kol-modal.entry-1KUAuEgT.js → kol-modal.entry--_F3QgEy.js} +19 -20
- package/dist/assets/kol-modal.entry--_F3QgEy.js.map +1 -0
- package/dist/assets/{kol-nav.entry-B4zfwJMc.js → kol-nav.entry-CWtdkVfd.js} +18 -19
- package/dist/assets/kol-nav.entry-CWtdkVfd.js.map +1 -0
- package/dist/assets/{kol-pagination.entry-DdQSxQ4-.js → kol-pagination.entry-DMKGfg2R.js} +19 -20
- package/dist/assets/kol-pagination.entry-DMKGfg2R.js.map +1 -0
- package/dist/assets/{kol-popover-button.entry-BKNVzE4O.js → kol-popover-button.entry-D1eJ7_hz.js} +18 -19
- package/dist/assets/kol-popover-button.entry-D1eJ7_hz.js.map +1 -0
- package/dist/assets/{kol-popover-wc.entry-CJJVq3KQ.js → kol-popover-wc.entry-GUAX-j8s.js} +2 -2
- package/dist/assets/{kol-popover-wc.entry-CJJVq3KQ.js.map → kol-popover-wc.entry-GUAX-j8s.js.map} +1 -1
- package/dist/assets/{kol-progress.entry-BNyJSvBU.js → kol-progress.entry-CVhNuzBh.js} +18 -19
- package/dist/assets/kol-progress.entry-CVhNuzBh.js.map +1 -0
- package/dist/assets/{kol-quote.entry-DBHwiNep.js → kol-quote.entry-BeOopWlE.js} +19 -20
- package/dist/assets/kol-quote.entry-BeOopWlE.js.map +1 -0
- package/dist/assets/{kol-select.entry-DcSkhlCm.js → kol-select.entry-UURLn6-D.js} +19 -20
- package/dist/assets/kol-select.entry-UURLn6-D.js.map +1 -0
- package/dist/assets/{kol-single-select.entry-DSYYR-lw.js → kol-single-select.entry-B5A1HUXo.js} +19 -20
- package/dist/assets/kol-single-select.entry-B5A1HUXo.js.map +1 -0
- package/dist/assets/{kol-skip-nav.entry-DMiODXP3.js → kol-skip-nav.entry-C2-LcD3O.js} +18 -19
- package/dist/assets/kol-skip-nav.entry-C2-LcD3O.js.map +1 -0
- package/dist/assets/{kol-span-wc.entry-BifYBox-.js → kol-span-wc.entry-BuCdTGhg.js} +3 -3
- package/dist/assets/{kol-span-wc.entry-BifYBox-.js.map → kol-span-wc.entry-BuCdTGhg.js.map} +1 -1
- package/dist/assets/{kol-spin.entry-CuiNURei.js → kol-spin.entry-BImbrlvZ.js} +18 -19
- package/dist/assets/kol-spin.entry-BImbrlvZ.js.map +1 -0
- package/dist/assets/{kol-split-button.entry-DCOyBY-Q.js → kol-split-button.entry-DoumZH0v.js} +18 -19
- package/dist/assets/kol-split-button.entry-DoumZH0v.js.map +1 -0
- package/dist/assets/{kol-symbol.entry-rcp1m_xA.js → kol-symbol.entry-CWsWXlI5.js} +2 -2
- package/dist/assets/{kol-symbol.entry-rcp1m_xA.js.map → kol-symbol.entry-CWsWXlI5.js.map} +1 -1
- package/dist/assets/{kol-table-stateful.entry-0rPow10k.js → kol-table-stateful.entry-DtZ6CWnU.js} +19 -20
- package/dist/assets/kol-table-stateful.entry-DtZ6CWnU.js.map +1 -0
- package/dist/assets/{kol-table-stateless-wc.entry-BAkuUqMZ.js → kol-table-stateless-wc.entry-przu-KkL.js} +2 -2
- package/dist/assets/{kol-table-stateless-wc.entry-BAkuUqMZ.js.map → kol-table-stateless-wc.entry-przu-KkL.js.map} +1 -1
- package/dist/assets/{kol-table-stateless.entry-Yp1_yvzd.js → kol-table-stateless.entry-CjlIARXl.js} +18 -19
- package/dist/assets/kol-table-stateless.entry-CjlIARXl.js.map +1 -0
- package/dist/assets/{kol-table.entry-BeffC8-Y.js → kol-table.entry-NTZua2Z8.js} +2 -2
- package/dist/assets/{kol-table.entry-BeffC8-Y.js.map → kol-table.entry-NTZua2Z8.js.map} +1 -1
- package/dist/assets/{kol-tabs.entry-CIi2wpyk.js → kol-tabs.entry-D7z_rKxr.js} +19 -20
- package/dist/assets/kol-tabs.entry-D7z_rKxr.js.map +1 -0
- package/dist/assets/{kol-textarea.entry-DcyEZAWH.js → kol-textarea.entry-Ru8muWkz.js} +19 -20
- package/dist/assets/kol-textarea.entry-Ru8muWkz.js.map +1 -0
- package/dist/assets/{kol-toast-container.entry-C0tdMNtE.js → kol-toast-container.entry-Bf8X03V9.js} +19 -20
- package/dist/assets/kol-toast-container.entry-Bf8X03V9.js.map +1 -0
- package/dist/assets/{kol-toolbar.entry-DDNlTKwI.js → kol-toolbar.entry-BG7jM4Bh.js} +18 -19
- package/dist/assets/kol-toolbar.entry-BG7jM4Bh.js.map +1 -0
- package/dist/assets/{kol-tooltip-wc.entry-CfzmEoWR.js → kol-tooltip-wc.entry-lcU3UglF.js} +2 -2
- package/dist/assets/{kol-tooltip-wc.entry-CfzmEoWR.js.map → kol-tooltip-wc.entry-lcU3UglF.js.map} +1 -1
- package/dist/assets/{kol-tree-item-wc.entry-ggHVEHPx.js → kol-tree-item-wc.entry-DrP_tOpt.js} +2 -2
- package/dist/assets/{kol-tree-item-wc.entry-ggHVEHPx.js.map → kol-tree-item-wc.entry-DrP_tOpt.js.map} +1 -1
- package/dist/assets/{kol-tree-item.entry-CcLuy7hR.js → kol-tree-item.entry-C-5ZfnIW.js} +19 -20
- package/dist/assets/kol-tree-item.entry-C-5ZfnIW.js.map +1 -0
- package/dist/assets/{kol-tree-wc.entry-AcxDiDZm.js → kol-tree-wc.entry-DOOLyUC_.js} +2 -2
- package/dist/assets/{kol-tree-wc.entry-AcxDiDZm.js.map → kol-tree-wc.entry-DOOLyUC_.js.map} +1 -1
- package/dist/assets/{kol-tree.entry-DMlw94T3.js → kol-tree.entry-D8JcLEal.js} +18 -19
- package/dist/assets/kol-tree.entry-D8JcLEal.js.map +1 -0
- package/dist/assets/{kol-version.entry-B_dO2z66.js → kol-version.entry-BMOhzhyV.js} +18 -19
- package/dist/assets/kol-version.entry-BMOhzhyV.js.map +1 -0
- package/dist/assets/{label-c79c6289-Ce7MQLmA.js → label-51d66c9d-JPyJWROR.js} +2 -2
- package/dist/assets/{label-c79c6289-Ce7MQLmA.js.map → label-51d66c9d-JPyJWROR.js.map} +1 -1
- package/dist/assets/{open-be7c436f-Csxz0rb9.js → open-47cb3e2a-CG9VEuaE.js} +2 -2
- package/dist/assets/{open-be7c436f-Csxz0rb9.js.map → open-47cb3e2a-CG9VEuaE.js.map} +1 -1
- package/dist/assets/{rows-4f235475-DvdOPJGg.js → rows-92682fe5-UuvLfguW.js} +2 -2
- package/dist/assets/{rows-4f235475-DvdOPJGg.js.map → rows-92682fe5-UuvLfguW.js.map} +1 -1
- package/dist/assets/{show-5fbb1930-QFhdQDSn.js → show-82afe4f8-CRRNPexZ.js} +2 -2
- package/dist/assets/{show-5fbb1930-QFhdQDSn.js.map → show-82afe4f8-CRRNPexZ.js.map} +1 -1
- package/dist/assets/{spell-check-e6bd6453-B6aaTSLI.js → spell-check-5b365d45-DFJT9cvl.js} +2 -2
- package/dist/assets/{spell-check-e6bd6453-B6aaTSLI.js.map → spell-check-5b365d45-DFJT9cvl.js.map} +1 -1
- package/dist/assets/{suggestions-68844c85-DWF3_fB6.js → suggestions-7e70d4e3-1GdSuqje.js} +2 -2
- package/dist/assets/{suggestions-68844c85-DWF3_fB6.js.map → suggestions-7e70d4e3-1GdSuqje.js.map} +1 -1
- package/dist/assets/{table-selection-3aa020c8-Tdt1-Po1.js → table-selection-eaee72ee-CuJIMJlO.js} +2 -2
- package/dist/assets/{table-selection-3aa020c8-Tdt1-Po1.js.map → table-selection-eaee72ee-CuJIMJlO.js.map} +1 -1
- package/dist/assets/{test-component.entry-DGV3hDZC.js → test-component.entry-mSDZk06_.js} +2 -2
- package/dist/assets/{test-component.entry-DGV3hDZC.js.map → test-component.entry-mSDZk06_.js.map} +1 -1
- package/dist/assets/tooltip-align-de415afb-Hvz71xmh.js +4 -0
- package/dist/assets/tooltip-align-de415afb-Hvz71xmh.js.map +1 -0
- package/dist/assets/{unique-nav-labels-18107ff2-qECWMCEJ.js → unique-nav-labels-917eec2b-BSG95p7U.js} +2 -2
- package/dist/assets/{unique-nav-labels-18107ff2-qECWMCEJ.js.map → unique-nav-labels-917eec2b-BSG95p7U.js.map} +1 -1
- package/dist/assets/{validation-18d1226d-uH760kSd.js → validation-c4177384-D4l2jsSS.js} +2 -2
- package/dist/assets/{validation-18d1226d-uH760kSd.js.map → validation-c4177384-D4l2jsSS.js.map} +1 -1
- package/dist/assets/{validation-89efeeb9-CGArWGkh.js → validation-db4e7b56-BIEap5F6.js} +2 -2
- package/dist/assets/{validation-89efeeb9-CGArWGkh.js.map → validation-db4e7b56-BIEap5F6.js.map} +1 -1
- package/dist/index.html +2 -2
- package/package.json +4 -4
- package/src/components/SampleDescription.tsx +1 -1
- package/unocss.config.ts +1 -0
- package/dist/assets/badge-text-1ca461ea-CtNzv3qc.js +0 -4
- package/dist/assets/has-closer-64270429-D68KdhCQ.js +0 -4
- package/dist/assets/image-source-d479e44b-CFAQWKhA.js +0 -4
- package/dist/assets/index-BfBXKFYP.js.map +0 -1
- package/dist/assets/index-kGJier9h.css +0 -1
- package/dist/assets/kol-abbr.entry-Dt6dIRdr.js.map +0 -1
- package/dist/assets/kol-accordion.entry-BkSWU74b.js.map +0 -1
- package/dist/assets/kol-alert.entry-CBvo9jXX.js.map +0 -1
- package/dist/assets/kol-avatar.entry-DK0wN3II.js.map +0 -1
- package/dist/assets/kol-badge.entry-BtSRnv-y.js.map +0 -1
- package/dist/assets/kol-breadcrumb.entry-CFHRHe5b.js.map +0 -1
- package/dist/assets/kol-button-group.entry-CUWd7Pjd.js.map +0 -1
- package/dist/assets/kol-button-link.entry-DtT2ABAp.js.map +0 -1
- package/dist/assets/kol-button.entry-DvETVZBk.js.map +0 -1
- package/dist/assets/kol-card.entry-BOFITAzo.js.map +0 -1
- package/dist/assets/kol-combobox.entry-AwWfTHmr.js.map +0 -1
- package/dist/assets/kol-details.entry-DpT2fGe5.js.map +0 -1
- package/dist/assets/kol-drawer.entry-CRgoMpGa.js.map +0 -1
- package/dist/assets/kol-form.entry-BytczhdG.js.map +0 -1
- package/dist/assets/kol-heading.entry-DyvFecc6.js.map +0 -1
- package/dist/assets/kol-image.entry-CrCJOlmd.js.map +0 -1
- package/dist/assets/kol-indented-text.entry-Me108YDZ.js.map +0 -1
- package/dist/assets/kol-input-checkbox.entry-BaiAnLJC.js.map +0 -1
- package/dist/assets/kol-input-color.entry-BgRf-22H.js.map +0 -1
- package/dist/assets/kol-input-date.entry-BoNOr10p.js.map +0 -1
- package/dist/assets/kol-input-email.entry-DwgK8zah.js.map +0 -1
- package/dist/assets/kol-input-file.entry-CaFsRnE-.js.map +0 -1
- package/dist/assets/kol-input-number.entry-6aQjNKtf.js.map +0 -1
- package/dist/assets/kol-input-password.entry-DD_RC95T.js.map +0 -1
- package/dist/assets/kol-input-radio.entry-CGmK4Mh9.js.map +0 -1
- package/dist/assets/kol-input-range.entry-CMgSxLN2.js.map +0 -1
- package/dist/assets/kol-input-text.entry-QLdX7yDx.js.map +0 -1
- package/dist/assets/kol-kolibri.entry-C3IQUBaP.js.map +0 -1
- package/dist/assets/kol-link-button.entry-9CCROWOe.js.map +0 -1
- package/dist/assets/kol-link-group.entry-BYrfgXgR.js.map +0 -1
- package/dist/assets/kol-link.entry-va6quMTt.js.map +0 -1
- package/dist/assets/kol-logo.entry-DuwwT4Jr.js.map +0 -1
- package/dist/assets/kol-modal.entry-1KUAuEgT.js.map +0 -1
- package/dist/assets/kol-nav.entry-B4zfwJMc.js.map +0 -1
- package/dist/assets/kol-pagination.entry-DdQSxQ4-.js.map +0 -1
- package/dist/assets/kol-popover-button.entry-BKNVzE4O.js.map +0 -1
- package/dist/assets/kol-progress.entry-BNyJSvBU.js.map +0 -1
- package/dist/assets/kol-quote.entry-DBHwiNep.js.map +0 -1
- package/dist/assets/kol-select.entry-DcSkhlCm.js.map +0 -1
- package/dist/assets/kol-single-select.entry-DSYYR-lw.js.map +0 -1
- package/dist/assets/kol-skip-nav.entry-DMiODXP3.js.map +0 -1
- package/dist/assets/kol-spin.entry-CuiNURei.js.map +0 -1
- package/dist/assets/kol-split-button.entry-DCOyBY-Q.js.map +0 -1
- package/dist/assets/kol-table-stateful.entry-0rPow10k.js.map +0 -1
- package/dist/assets/kol-table-stateless.entry-Yp1_yvzd.js.map +0 -1
- package/dist/assets/kol-tabs.entry-CIi2wpyk.js.map +0 -1
- package/dist/assets/kol-textarea.entry-DcyEZAWH.js.map +0 -1
- package/dist/assets/kol-toast-container.entry-C0tdMNtE.js.map +0 -1
- package/dist/assets/kol-toolbar.entry-DDNlTKwI.js.map +0 -1
- package/dist/assets/kol-tree-item.entry-CcLuy7hR.js.map +0 -1
- package/dist/assets/kol-tree.entry-DMlw94T3.js.map +0 -1
- package/dist/assets/kol-version.entry-B_dO2z66.js.map +0 -1
- package/dist/assets/tooltip-align-d17bc994-C5lreZ-M.js +0 -4
- package/dist/assets/tooltip-align-d17bc994-C5lreZ-M.js.map +0 -1
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{r as v,ak as k,v as L,h as t,F as B,K as x,e as b,c as N,H as I,m as K}from"./index-
|
|
1
|
+
import{r as v,ak as k,v as L,h as t,F as B,K as x,e as b,c as N,H as I,m as K}from"./index-ChE0RS-7.js";import{c as M}from"./clsx-09a06a12-BT_IL7Fz.js";import{t as g}from"./i18n-820d85c7-BEJoJePQ.js";import{F as S}from"./FormFieldMsg-f6269075-B24wFQ8x.js";import"./tslib.es6-1173d062-BAJoBDh7.js";import"./Alert-3376ad25-52IAjvIl.js";/*!
|
|
2
2
|
* KoliBri - The accessible HTML-Standard
|
|
3
3
|
*/const w=class{constructor(e){v(this,e),this.slotName="input",this.catchInputSlot=s=>{k(this.host,s,this.slotName)},this._accessKey=void 0,this._alert=!0,this._currentLength=void 0,this._currentLengthDebounced=void 0,this._disabled=!1,this._hasCounter=!1,this._hideError=!1,this._hideLabel=!1,this._hint="",this._icons=void 0,this._id=void 0,this._label=void 0,this._maxLength=void 0,this._msg=void 0,this._readOnly=!1,this._renderNoLabel=!1,this._required=!1,this._shortKey=void 0,this._slotName=void 0,this._suggestions=void 0,this._smartButton=void 0,this._tooltipAlign="top",this._touched=!1}componentWillRender(){this.slotName=this._slotName?this._slotName:"input"}getIconStyles(e){return e&&typeof e=="object"&&e.style?e.style:{}}render(){var e,s,i,a,n,o,l,d,h,r,_,c;const u=typeof this._msg=="object"&&this._msg!==null&&typeof((e=this._msg)===null||e===void 0?void 0:e._description)=="string"&&((s=this._msg)===null||s===void 0?void 0:s._description.length)>0&&(this._touched===!0||((i=this._msg)===null||i===void 0?void 0:i._type)!=="error"),m=L(this._label),p=typeof this._hint=="string"&&this._hint.length>0,f=!m&&this._hideLabel;return t(I,{key:"65e25236006d47c556c287f57522693a775819ef",class:M("kol-input",this.getModifierClassNameByMsgType(u),{disabled:this._disabled===!0,[((a=this._msg)===null||a===void 0?void 0:a._type)||"error"]:u===!0,"read-only":this._readOnly===!0,required:this._required===!0,touched:this._touched===!0,"hidden-error":this._hideError===!0})},t("label",{key:"38b715784bbae9e94589d8a7ed1743de9c92969b",class:"input-label",id:f?void 0:`${this._id}-label`,hidden:f,htmlFor:this._id},t("span",{key:"5934f50ab92196658618fcb334af74447b47bcdb",class:"input-label-span"},t("slot",{key:"8a39a951858a36ccf7774ce7813e62deea8a2e85",name:"label"}))),p&&t("span",{key:"8db0923f2189c5c6e7ea3faf0f6120734e77f1ed",class:"hint",id:`${this._id}-hint`},this._hint),t("div",{key:"49a2bfbfcc153b68ca8b323605b9f9cb80f22900",class:{input:!0,"icon-left":typeof((n=this._icons)===null||n===void 0?void 0:n.left)=="object","icon-right":typeof((o=this._icons)===null||o===void 0?void 0:o.right)=="object"}},((l=this._icons)===null||l===void 0?void 0:l.left)&&t(b,{key:"e7f0db71fab21ae736a66dc02f0c78357e18bf91",_label:"",_icons:((d=this._icons)===null||d===void 0?void 0:d.left).icon,style:this.getIconStyles((h=this._icons)===null||h===void 0?void 0:h.left)}),t("div",{key:"9669a185c1451fc77642c5e062a4c153e70abaca",ref:this.catchInputSlot,id:this.slotName,class:"input-slot"}),typeof this._smartButton=="object"&&this._smartButton!==null&&t(N,{key:"a3d9e730f5e6b026990e697d02d8cf945af5c11c",_customClass:this._smartButton._customClass,_disabled:this._smartButton._disabled,_icons:this._smartButton._icons,_hideLabel:!0,_id:this._smartButton._id,_label:this._smartButton._label,_on:this._smartButton._on,_tooltipAlign:this._smartButton._tooltipAlign,_variant:this._smartButton._variant}),((r=this._icons)===null||r===void 0?void 0:r.right)&&t(b,{key:"f6e6042d20148fb236129588c14cbca5b19dd873",_label:"",_icons:((_=this._icons)===null||_===void 0?void 0:_.right).icon,style:this.getIconStyles((c=this._icons)===null||c===void 0?void 0:c.right)})),f&&t(x,{key:"e08bdf1c1ea0f363e3f3824809ee30d75a7868cc","aria-hidden":"true",class:"input-tooltip",_badgeText:this._accessKey||this._shortKey,_align:this._tooltipAlign,_id:this._hideLabel?`${this._id}-label`:void 0,_label:this._label}),u&&t(S,{key:"4d82ed833659163c1315cd84d644f4022d2fb0ad",_alert:this._alert,_hideError:this._hideError,_msg:this._msg,_id:this._id}),Array.isArray(this._suggestions)&&this._suggestions.length>0&&t("datalist",{key:"bf391ca45c04582bc9e1d1083a3b0777c5ef433c",id:`${this._id}-list`},this._suggestions.map(y=>t("option",{value:y}))),this._hasCounter&&t(B,null,t("span",{key:"6ca742ce2019bfa752590249a3c369418a561de4",class:"counter","aria-hidden":"true","data-testid":"input-counter"},this._currentLength,this._maxLength&&`/${this._maxLength}`," ",g("kol-characters")),t("span",{key:"b26bbe2c1389911e90c709a270a83258f979acbf","aria-live":"polite","aria-atomic":"true",class:"visually-hidden","data-testid":"input-counter-aria"},this._currentLengthDebounced,this._maxLength&&` ${g("kol-of")} ${this._maxLength}`," ",g("kol-characters"))))}getModifierClassNameByMsgType(e){var s,i;if(e&&(!((s=this._msg)===null||s===void 0)&&s._type))return{default:"msg-type-default",info:"msg-type-info",success:"msg-type-success",warning:"msg-type-warning",error:"msg-type-error"}[(i=this._msg)===null||i===void 0?void 0:i._type]}get host(){return K(this)}};export{w as kol_input};
|
|
4
|
-
//# sourceMappingURL=kol-input.entry-
|
|
4
|
+
//# sourceMappingURL=kol-input.entry-CDPQVey9.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"kol-input.entry-DOlFfuAq.js","sources":["../../../../components/dist/esm/kol-input.entry.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { r as registerInstance, h, F as Fragment, H as Host, g as getElement } from './index-b44d567a.js';\nimport { c as clsx } from './clsx-09a06a12.js';\nimport { Q as handleSlotContent, B as showExpertSlot } from './index-bac313b4.js';\nimport { t as translate } from './i18n-a1dec0cc.js';\nimport { a as KolTooltipWcTag, g as KolIconTag, c as KolButtonWcTag } from './component-names-4cb1c62b.js';\nimport { F as FormFieldMsgFc } from './FormFieldMsg-27ff69aa.js';\nimport './i18n-b14e6088.js';\nimport './Alert-11addbd6.js';\nimport './tslib.es6-1173d062.js';\n\nconst KolInputWc = class {\n constructor(hostRef) {\n registerInstance(this, hostRef);\n this.slotName = 'input';\n this.catchInputSlot = (slot) => {\n handleSlotContent(this.host, slot, this.slotName);\n };\n this._accessKey = undefined;\n this._alert = true;\n this._currentLength = undefined;\n this._currentLengthDebounced = undefined;\n this._disabled = false;\n this._hasCounter = false;\n this._hideError = false;\n this._hideLabel = false;\n this._hint = '';\n this._icons = undefined;\n this._id = undefined;\n this._label = undefined;\n this._maxLength = undefined;\n this._msg = undefined;\n this._readOnly = false;\n this._renderNoLabel = false;\n this._required = false;\n this._shortKey = undefined;\n this._slotName = undefined;\n this._suggestions = undefined;\n this._smartButton = undefined;\n this._tooltipAlign = 'top';\n this._touched = false;\n }\n componentWillRender() {\n this.slotName = this._slotName ? this._slotName : 'input';\n }\n getIconStyles(icon) {\n return icon && typeof icon === 'object' && icon.style ? icon.style : {};\n }\n render() {\n var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;\n const hasValidMsg = typeof this._msg === 'object' && this._msg !== null && typeof ((_a = this._msg) === null || _a === void 0 ? void 0 : _a._description) === 'string' && ((_b = this._msg) === null || _b === void 0 ? void 0 : _b._description.length) > 0;\n const showMsg = hasValidMsg && (this._touched === true || ((_c = this._msg) === null || _c === void 0 ? void 0 : _c._type) !== 'error');\n const hasExpertSlot = showExpertSlot(this._label);\n const hasHint = typeof this._hint === 'string' && this._hint.length > 0;\n const useTooltopInsteadOfLabel = !hasExpertSlot && this._hideLabel;\n return (h(Host, { key: '65e25236006d47c556c287f57522693a775819ef', class: clsx('kol-input', this.getModifierClassNameByMsgType(showMsg), {\n disabled: this._disabled === true,\n [((_d = this._msg) === null || _d === void 0 ? void 0 : _d._type) || 'error']: showMsg === true,\n 'read-only': this._readOnly === true,\n required: this._required === true,\n touched: this._touched === true,\n 'hidden-error': this._hideError === true,\n }) }, h(\"label\", { key: '38b715784bbae9e94589d8a7ed1743de9c92969b', class: \"input-label\", id: !useTooltopInsteadOfLabel ? `${this._id}-label` : undefined, hidden: useTooltopInsteadOfLabel, htmlFor: this._id }, h(\"span\", { key: '5934f50ab92196658618fcb334af74447b47bcdb', class: \"input-label-span\" }, h(\"slot\", { key: '8a39a951858a36ccf7774ce7813e62deea8a2e85', name: \"label\" }))), hasHint && (h(\"span\", { key: '8db0923f2189c5c6e7ea3faf0f6120734e77f1ed', class: \"hint\", id: `${this._id}-hint` }, this._hint)), h(\"div\", { key: '49a2bfbfcc153b68ca8b323605b9f9cb80f22900', class: {\n input: true,\n 'icon-left': typeof ((_e = this._icons) === null || _e === void 0 ? void 0 : _e.left) === 'object',\n 'icon-right': typeof ((_f = this._icons) === null || _f === void 0 ? void 0 : _f.right) === 'object',\n } }, ((_g = this._icons) === null || _g === void 0 ? void 0 : _g.left) && (h(KolIconTag, { key: 'e7f0db71fab21ae736a66dc02f0c78357e18bf91', _label: \"\", _icons: ((_h = this._icons) === null || _h === void 0 ? void 0 : _h.left).icon, style: this.getIconStyles((_j = this._icons) === null || _j === void 0 ? void 0 : _j.left) })), h(\"div\", { key: '9669a185c1451fc77642c5e062a4c153e70abaca', ref: this.catchInputSlot, id: this.slotName, class: \"input-slot\" }), typeof this._smartButton === 'object' && this._smartButton !== null && (h(KolButtonWcTag, { key: 'a3d9e730f5e6b026990e697d02d8cf945af5c11c', _customClass: this._smartButton._customClass, _disabled: this._smartButton._disabled, _icons: this._smartButton._icons, _hideLabel: true, _id: this._smartButton._id, _label: this._smartButton._label, _on: this._smartButton._on, _tooltipAlign: this._smartButton._tooltipAlign, _variant: this._smartButton._variant })), ((_k = this._icons) === null || _k === void 0 ? void 0 : _k.right) && (h(KolIconTag, { key: 'f6e6042d20148fb236129588c14cbca5b19dd873', _label: \"\", _icons: ((_l = this._icons) === null || _l === void 0 ? void 0 : _l.right).icon, style: this.getIconStyles((_m = this._icons) === null || _m === void 0 ? void 0 : _m.right) }))), useTooltopInsteadOfLabel && (h(KolTooltipWcTag, { key: 'e08bdf1c1ea0f363e3f3824809ee30d75a7868cc', \"aria-hidden\": \"true\", class: \"input-tooltip\", _badgeText: this._accessKey || this._shortKey, _align: this._tooltipAlign, _id: this._hideLabel ? `${this._id}-label` : undefined, _label: this._label })), showMsg && h(FormFieldMsgFc, { key: '4d82ed833659163c1315cd84d644f4022d2fb0ad', _alert: this._alert, _hideError: this._hideError, _msg: this._msg, _id: this._id }), Array.isArray(this._suggestions) && this._suggestions.length > 0 && (h(\"datalist\", { key: 'bf391ca45c04582bc9e1d1083a3b0777c5ef433c', id: `${this._id}-list` }, this._suggestions.map((option) => (h(\"option\", { value: option }))))), this._hasCounter && (h(Fragment, null, h(\"span\", { key: '6ca742ce2019bfa752590249a3c369418a561de4', class: \"counter\", \"aria-hidden\": \"true\", \"data-testid\": \"input-counter\" }, this._currentLength, this._maxLength && `/${this._maxLength}`, \" \", translate('kol-characters')), h(\"span\", { key: 'b26bbe2c1389911e90c709a270a83258f979acbf', \"aria-live\": \"polite\", \"aria-atomic\": \"true\", class: \"visually-hidden\", \"data-testid\": \"input-counter-aria\" }, this._currentLengthDebounced, this._maxLength && ` ${translate('kol-of')} ${this._maxLength}`, \" \", translate('kol-characters'))))));\n }\n getModifierClassNameByMsgType(showMsg) {\n var _a, _b;\n if (showMsg && ((_a = this._msg) === null || _a === void 0 ? void 0 : _a._type)) {\n return {\n default: 'msg-type-default',\n info: 'msg-type-info',\n success: 'msg-type-success',\n warning: 'msg-type-warning',\n error: 'msg-type-error',\n }[(_b = this._msg) === null || _b === void 0 ? void 0 : _b._type];\n }\n }\n get host() { return getElement(this); }\n};\n\nexport { KolInputWc as kol_input };\n\n//# sourceMappingURL=kol-input.entry.js.map"],"names":["KolInputWc","hostRef","registerInstance","slot","handleSlotContent","icon","_a","_b","_c","_d","_e","_f","_g","_h","_j","_k","_l","_m","showMsg","hasExpertSlot","showExpertSlot","hasHint","useTooltopInsteadOfLabel","h","Host","clsx","KolIconTag","KolButtonWcTag","KolTooltipWcTag","FormFieldMsgFc","option","Fragment","translate","getElement"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"kol-input.entry-CDPQVey9.js","sources":["../../../../components/dist/esm/kol-input.entry.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { r as registerInstance, h, F as Fragment, H as Host, g as getElement } from './index-9b23879d.js';\nimport { c as clsx } from './clsx-09a06a12.js';\nimport { Q as handleSlotContent, B as showExpertSlot } from './index-4fb06bbb.js';\nimport { t as translate } from './i18n-820d85c7.js';\nimport { a as KolTooltipWcTag, g as KolIconTag, c as KolButtonWcTag } from './component-names-4cb1c62b.js';\nimport { F as FormFieldMsgFc } from './FormFieldMsg-f6269075.js';\nimport './i18n-b14e6088.js';\nimport './Alert-3376ad25.js';\nimport './tslib.es6-1173d062.js';\n\nconst KolInputWc = class {\n constructor(hostRef) {\n registerInstance(this, hostRef);\n this.slotName = 'input';\n this.catchInputSlot = (slot) => {\n handleSlotContent(this.host, slot, this.slotName);\n };\n this._accessKey = undefined;\n this._alert = true;\n this._currentLength = undefined;\n this._currentLengthDebounced = undefined;\n this._disabled = false;\n this._hasCounter = false;\n this._hideError = false;\n this._hideLabel = false;\n this._hint = '';\n this._icons = undefined;\n this._id = undefined;\n this._label = undefined;\n this._maxLength = undefined;\n this._msg = undefined;\n this._readOnly = false;\n this._renderNoLabel = false;\n this._required = false;\n this._shortKey = undefined;\n this._slotName = undefined;\n this._suggestions = undefined;\n this._smartButton = undefined;\n this._tooltipAlign = 'top';\n this._touched = false;\n }\n componentWillRender() {\n this.slotName = this._slotName ? this._slotName : 'input';\n }\n getIconStyles(icon) {\n return icon && typeof icon === 'object' && icon.style ? icon.style : {};\n }\n render() {\n var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;\n const hasValidMsg = typeof this._msg === 'object' && this._msg !== null && typeof ((_a = this._msg) === null || _a === void 0 ? void 0 : _a._description) === 'string' && ((_b = this._msg) === null || _b === void 0 ? void 0 : _b._description.length) > 0;\n const showMsg = hasValidMsg && (this._touched === true || ((_c = this._msg) === null || _c === void 0 ? void 0 : _c._type) !== 'error');\n const hasExpertSlot = showExpertSlot(this._label);\n const hasHint = typeof this._hint === 'string' && this._hint.length > 0;\n const useTooltopInsteadOfLabel = !hasExpertSlot && this._hideLabel;\n return (h(Host, { key: '65e25236006d47c556c287f57522693a775819ef', class: clsx('kol-input', this.getModifierClassNameByMsgType(showMsg), {\n disabled: this._disabled === true,\n [((_d = this._msg) === null || _d === void 0 ? void 0 : _d._type) || 'error']: showMsg === true,\n 'read-only': this._readOnly === true,\n required: this._required === true,\n touched: this._touched === true,\n 'hidden-error': this._hideError === true,\n }) }, h(\"label\", { key: '38b715784bbae9e94589d8a7ed1743de9c92969b', class: \"input-label\", id: !useTooltopInsteadOfLabel ? `${this._id}-label` : undefined, hidden: useTooltopInsteadOfLabel, htmlFor: this._id }, h(\"span\", { key: '5934f50ab92196658618fcb334af74447b47bcdb', class: \"input-label-span\" }, h(\"slot\", { key: '8a39a951858a36ccf7774ce7813e62deea8a2e85', name: \"label\" }))), hasHint && (h(\"span\", { key: '8db0923f2189c5c6e7ea3faf0f6120734e77f1ed', class: \"hint\", id: `${this._id}-hint` }, this._hint)), h(\"div\", { key: '49a2bfbfcc153b68ca8b323605b9f9cb80f22900', class: {\n input: true,\n 'icon-left': typeof ((_e = this._icons) === null || _e === void 0 ? void 0 : _e.left) === 'object',\n 'icon-right': typeof ((_f = this._icons) === null || _f === void 0 ? void 0 : _f.right) === 'object',\n } }, ((_g = this._icons) === null || _g === void 0 ? void 0 : _g.left) && (h(KolIconTag, { key: 'e7f0db71fab21ae736a66dc02f0c78357e18bf91', _label: \"\", _icons: ((_h = this._icons) === null || _h === void 0 ? void 0 : _h.left).icon, style: this.getIconStyles((_j = this._icons) === null || _j === void 0 ? void 0 : _j.left) })), h(\"div\", { key: '9669a185c1451fc77642c5e062a4c153e70abaca', ref: this.catchInputSlot, id: this.slotName, class: \"input-slot\" }), typeof this._smartButton === 'object' && this._smartButton !== null && (h(KolButtonWcTag, { key: 'a3d9e730f5e6b026990e697d02d8cf945af5c11c', _customClass: this._smartButton._customClass, _disabled: this._smartButton._disabled, _icons: this._smartButton._icons, _hideLabel: true, _id: this._smartButton._id, _label: this._smartButton._label, _on: this._smartButton._on, _tooltipAlign: this._smartButton._tooltipAlign, _variant: this._smartButton._variant })), ((_k = this._icons) === null || _k === void 0 ? void 0 : _k.right) && (h(KolIconTag, { key: 'f6e6042d20148fb236129588c14cbca5b19dd873', _label: \"\", _icons: ((_l = this._icons) === null || _l === void 0 ? void 0 : _l.right).icon, style: this.getIconStyles((_m = this._icons) === null || _m === void 0 ? void 0 : _m.right) }))), useTooltopInsteadOfLabel && (h(KolTooltipWcTag, { key: 'e08bdf1c1ea0f363e3f3824809ee30d75a7868cc', \"aria-hidden\": \"true\", class: \"input-tooltip\", _badgeText: this._accessKey || this._shortKey, _align: this._tooltipAlign, _id: this._hideLabel ? `${this._id}-label` : undefined, _label: this._label })), showMsg && h(FormFieldMsgFc, { key: '4d82ed833659163c1315cd84d644f4022d2fb0ad', _alert: this._alert, _hideError: this._hideError, _msg: this._msg, _id: this._id }), Array.isArray(this._suggestions) && this._suggestions.length > 0 && (h(\"datalist\", { key: 'bf391ca45c04582bc9e1d1083a3b0777c5ef433c', id: `${this._id}-list` }, this._suggestions.map((option) => (h(\"option\", { value: option }))))), this._hasCounter && (h(Fragment, null, h(\"span\", { key: '6ca742ce2019bfa752590249a3c369418a561de4', class: \"counter\", \"aria-hidden\": \"true\", \"data-testid\": \"input-counter\" }, this._currentLength, this._maxLength && `/${this._maxLength}`, \" \", translate('kol-characters')), h(\"span\", { key: 'b26bbe2c1389911e90c709a270a83258f979acbf', \"aria-live\": \"polite\", \"aria-atomic\": \"true\", class: \"visually-hidden\", \"data-testid\": \"input-counter-aria\" }, this._currentLengthDebounced, this._maxLength && ` ${translate('kol-of')} ${this._maxLength}`, \" \", translate('kol-characters'))))));\n }\n getModifierClassNameByMsgType(showMsg) {\n var _a, _b;\n if (showMsg && ((_a = this._msg) === null || _a === void 0 ? void 0 : _a._type)) {\n return {\n default: 'msg-type-default',\n info: 'msg-type-info',\n success: 'msg-type-success',\n warning: 'msg-type-warning',\n error: 'msg-type-error',\n }[(_b = this._msg) === null || _b === void 0 ? void 0 : _b._type];\n }\n }\n get host() { return getElement(this); }\n};\n\nexport { KolInputWc as kol_input };\n\n//# sourceMappingURL=kol-input.entry.js.map"],"names":["KolInputWc","hostRef","registerInstance","slot","handleSlotContent","icon","_a","_b","_c","_d","_e","_f","_g","_h","_j","_k","_l","_m","showMsg","hasExpertSlot","showExpertSlot","hasHint","useTooltopInsteadOfLabel","h","Host","clsx","KolIconTag","KolButtonWcTag","KolTooltipWcTag","FormFieldMsgFc","option","Fragment","translate","getElement"],"mappings":"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"}
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import{r as i,C as l,h as e,H as r,q as s}from"./index-
|
|
1
|
+
import{r as i,C as l,h as e,H as r,q as s}from"./index-ChE0RS-7.js";import{t as d}from"./i18n-820d85c7-BEJoJePQ.js";import{c as h,v as c}from"./color-a464afb7-B6BtRyvE.js";/*!
|
|
2
2
|
* KoliBri - The accessible HTML-Standard
|
|
3
3
|
*/const b=`/*
|
|
4
4
|
* This file contains all rules for accessibility.
|
|
5
5
|
*/
|
|
6
|
-
@layer kol-
|
|
6
|
+
@layer kol-a11y {
|
|
7
7
|
:host {
|
|
8
8
|
/*
|
|
9
9
|
* Minimum size of interactive elements.
|
|
@@ -76,23 +76,22 @@ import{r as i,C as l,h as e,H as r,q as s}from"./index-BfBXKFYP.js";import{t as
|
|
|
76
76
|
*/
|
|
77
77
|
font-size: inherit;
|
|
78
78
|
}
|
|
79
|
+
/**
|
|
80
|
+
* Sometimes we need the semantic element for accessibility reasons,
|
|
81
|
+
* but we don't want to show it.
|
|
82
|
+
*
|
|
83
|
+
* - https://www.a11yproject.com/posts/how-to-hide-content/
|
|
84
|
+
*/
|
|
85
|
+
.visually-hidden {
|
|
86
|
+
clip: rect(0 0 0 0);
|
|
87
|
+
clip-path: inset(50%);
|
|
88
|
+
height: 1px;
|
|
89
|
+
overflow: hidden;
|
|
90
|
+
position: absolute;
|
|
91
|
+
white-space: nowrap;
|
|
92
|
+
width: 1px;
|
|
93
|
+
}
|
|
79
94
|
}
|
|
80
|
-
/**
|
|
81
|
-
* Sometimes we need the semantic element for accessibility reasons,
|
|
82
|
-
* but we don't want to show it.
|
|
83
|
-
*
|
|
84
|
-
* - https://www.a11yproject.com/posts/how-to-hide-content/
|
|
85
|
-
*/
|
|
86
|
-
.visually-hidden {
|
|
87
|
-
clip: rect(0 0 0 0);
|
|
88
|
-
clip-path: inset(50%);
|
|
89
|
-
height: 1px;
|
|
90
|
-
overflow: hidden;
|
|
91
|
-
position: absolute;
|
|
92
|
-
white-space: nowrap;
|
|
93
|
-
width: 1px;
|
|
94
|
-
}
|
|
95
|
-
|
|
96
95
|
@layer kol-global {
|
|
97
96
|
/*
|
|
98
97
|
* Dieses CSS stellt sicher, dass der Standard-Style
|
|
@@ -182,4 +181,4 @@ import{r as i,C as l,h as e,H as r,q as s}from"./index-BfBXKFYP.js";import{t as
|
|
|
182
181
|
max-height: 100%;
|
|
183
182
|
}
|
|
184
183
|
}`,f=b,u=class{constructor(n){i(this,n),this.handleColorChange=(o,a)=>{if(typeof o=="string"){const t=h(o);a.set("_color",{red:t[0],green:t[1],blue:t[2]})}else l("[KolKolibri] You used the complex color schema. For the KoliBri we use need the color as hex string.")},this._color="#003c78",this._labeled=!0,this.state={_color:{red:0,green:60,blue:120},_labeled:!0}}render(){const n=`rgb(${this.state._color.red},${this.state._color.green},${this.state._color.blue})`;return e(r,{key:"f1f56e7011ff6ae4db1c8ad52a3343c9531b7cd6",class:"kol-kolibri"},e("svg",{key:"180fad6a6044a602eb0aac1cba1b3645fea614e5",role:"img","aria-label":d("kol-kolibri-logo"),xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 600 600",fill:n},e("path",{key:"ab5b4f2f2f818b2dede111c3cfba335c13a24bd5",d:"M353 322L213 304V434L353 322Z"}),e("path",{key:"71b9f18444c07790a82c05f5aa0def051c5ea4c6",d:"M209 564V304L149 434L209 564Z"}),e("path",{key:"8f4d8749d0686252c46141fd09e77149d7789f55",d:"M357 316L417 250L361 210L275 244L357 316Z"}),e("path",{key:"f23d3bc36245dadf71238f0ae7a3979950c30759",d:"M329 218L237 92L250 222L272 241L329 218Z"}),e("path",{key:"4d1e985c40a089f8321445cbcb0fe5b56112cb2f",d:"M353 318L35 36L213 300L353 318Z"}),e("path",{key:"23f639be684138f56f5cf193f03e6bb29a5a2b9f",d:"M391 286L565 272L421 252L391 286Z"}),this.state._labeled===!0&&e("text",{key:"41b52159554e1254e76024d40aa489bb3ed0a844",x:"250",y:"525",fill:n},"KoliBri")))}validateColor(n){c(this,n,{defaultValue:"#003c78",hooks:{beforePatch:this.handleColorChange}})}validateLabeled(n){s(this,"_labeled",n,{defaultValue:!0})}componentWillLoad(){this.validateColor(this._color),this.validateLabeled(this._labeled)}static get watchers(){return{_color:["validateColor"],_labeled:["validateLabeled"]}}};u.style={default:f};export{u as kol_kolibri};
|
|
185
|
-
//# sourceMappingURL=kol-kolibri.entry-
|
|
184
|
+
//# sourceMappingURL=kol-kolibri.entry-DGhy8mOm.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"kol-kolibri.entry-DGhy8mOm.js","sources":["../../../../components/dist/esm/kol-kolibri.entry.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { r as registerInstance, h, H as Host } from './index-9b23879d.js';\nimport { C as devHint, j as watchBoolean } from './index-4fb06bbb.js';\nimport { t as translate } from './i18n-820d85c7.js';\nimport { c as colorRgba, v as validateColor } from './color-a464afb7.js';\nimport './i18n-b14e6088.js';\n\nconst defaultStyleCss = \"/*\\n * This file contains all rules for accessibility.\\n */\\n@layer kol-a11y {\\n :host {\\n /*\\n * Minimum size of interactive elements.\\n */\\n --a11y-min-size: calc(44rem / var(--kolibri-root-font-size, 16));\\n /*\\n * No element should be used without a background and font color whose contrast ratio has\\n * not been checked. By initially setting the background color to white and the font color\\n * to black, the contrast ratio is ensured and explicit adjustment is forced.\\n */\\n background-color: white;\\n color: black;\\n }\\n * {\\n /*\\n * This rule enables the word dividing for all texts. That is important for high zoom levels.\\n */\\n hyphens: auto;\\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 * This rule enables the word dividing for all texts. That is important for high zoom levels.\\n */\\n word-break: break-word;\\n /*\\n * Word spacing is required for all texts.\\n */\\n word-spacing: inherit;\\n }\\n /*\\n * All interactive elements should have a minimum size of rem(44).\\n */\\n /* input:not([type='checkbox'], [type='radio'], [type='range']), */\\n /* option, */\\n /* select, */\\n /* textarea, */\\n [role=button],\\n button:not([role=link]),\\n .kol-input .input {\\n min-height: var(--a11y-min-size);\\n min-width: var(--a11y-min-size);\\n }\\n /*\\n * Some interactive elements should not inherit the font-family and font-size.\\n */\\n a,\\n button,\\n h1,\\n h2,\\n h3,\\n h4,\\n h5,\\n h6,\\n input,\\n option,\\n select,\\n textarea {\\n /*\\n * All elements should inherit the font family from his parent element.\\n */\\n font-family: inherit;\\n /*\\n * All elements should inherit the font size from his parent element.\\n */\\n font-size: inherit;\\n }\\n /**\\n * Sometimes we need the semantic element for accessibility reasons,\\n * but we don't want to show it.\\n *\\n * - https://www.a11yproject.com/posts/how-to-hide-content/\\n */\\n .visually-hidden {\\n clip: rect(0 0 0 0);\\n clip-path: inset(50%);\\n height: 1px;\\n overflow: hidden;\\n position: absolute;\\n white-space: nowrap;\\n width: 1px;\\n }\\n}\\n@layer kol-global {\\n /*\\n * Dieses CSS stellt sicher, dass der Standard-Style\\n * von A und Button resettet werden.\\n */\\n :is(a, button) {\\n background-color: transparent;\\n border: none;\\n margin: 0;\\n padding: 0;\\n width: 100%; /* 100% needed for custom width from outside */\\n }\\n /*\\n * Ensure elements with hidden attribute to be actually not visible\\n * @see https://meowni.ca/hidden.is.a.lie.html\\n */\\n [hidden] {\\n display: none !important;\\n }\\n}\\n@layer kol-global {\\n :host {\\n font-size: calc(16rem / var(--kolibri-root-font-size, 16));\\n /*\\n * The max-width is needed to prevent the table from overflowing the\\n * parent node, if the table is wider than the parent node.\\n */\\n max-width: 100%;\\n }\\n * {\\n /*\\n * We prefer to box-sizing: border-box for all elements.\\n */\\n box-sizing: border-box;\\n }\\n /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\\n .kol-span-wc {\\n display: grid;\\n place-items: center;\\n }\\n /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\\n .kol-span-wc > span {\\n display: flex;\\n place-items: center;\\n }\\n a,\\n button {\\n cursor: pointer;\\n }\\n /* This is the text label. */\\n .hide-label > .kol-span-wc > span > span {\\n display: none;\\n }\\n /* Reset browser agent style. */\\n button:disabled {\\n color: unset;\\n }\\n .disabled label,\\n .disabled:focus-within label,\\n [aria-disabled=true],\\n [aria-disabled=true]:focus,\\n [disabled],\\n [disabled]:focus {\\n cursor: not-allowed;\\n opacity: 0.5;\\n outline: none;\\n }\\n [aria-disabled=true]:focus .kol-span-wc,\\n [disabled]:focus .kol-span-wc {\\n outline: none !important;\\n }\\n .badge-text-hint {\\n background-color: lightgray;\\n color: black;\\n }\\n}\\n@layer kol-component {\\n :host {\\n display: inline-block;\\n }\\n text {\\n font-size: calc(90rem / var(--kolibri-root-font-size, 16));\\n letter-spacing: normal;\\n word-spacing: normal;\\n }\\n svg {\\n max-height: 100%;\\n }\\n}\";\nconst KolKolibriDefaultStyle0 = defaultStyleCss;\n\nconst KolKolibri = class {\n constructor(hostRef) {\n registerInstance(this, hostRef);\n this.handleColorChange = (nextValue, nextState) => {\n if (typeof nextValue === 'string') {\n const rgb = colorRgba(nextValue);\n nextState.set('_color', {\n red: rgb[0],\n green: rgb[1],\n blue: rgb[2],\n });\n }\n else {\n devHint(`[KolKolibri] You used the complex color schema. For the KoliBri we use need the color as hex string.`);\n }\n };\n this._color = '#003c78';\n this._labeled = true;\n this.state = {\n _color: {\n red: 0,\n green: 60,\n blue: 120,\n },\n _labeled: true,\n };\n }\n render() {\n const fillColor = `rgb(${this.state._color.red},${this.state._color.green},${this.state._color.blue})`;\n return (h(Host, { key: 'f1f56e7011ff6ae4db1c8ad52a3343c9531b7cd6', class: \"kol-kolibri\" }, h(\"svg\", { key: '180fad6a6044a602eb0aac1cba1b3645fea614e5', role: \"img\", \"aria-label\": translate('kol-kolibri-logo'), xmlns: \"http://www.w3.org/2000/svg\", viewBox: \"0 0 600 600\", fill: fillColor }, h(\"path\", { key: 'ab5b4f2f2f818b2dede111c3cfba335c13a24bd5', d: \"M353 322L213 304V434L353 322Z\" }), h(\"path\", { key: '71b9f18444c07790a82c05f5aa0def051c5ea4c6', d: \"M209 564V304L149 434L209 564Z\" }), h(\"path\", { key: '8f4d8749d0686252c46141fd09e77149d7789f55', d: \"M357 316L417 250L361 210L275 244L357 316Z\" }), h(\"path\", { key: 'f23d3bc36245dadf71238f0ae7a3979950c30759', d: \"M329 218L237 92L250 222L272 241L329 218Z\" }), h(\"path\", { key: '4d1e985c40a089f8321445cbcb0fe5b56112cb2f', d: \"M353 318L35 36L213 300L353 318Z\" }), h(\"path\", { key: '23f639be684138f56f5cf193f03e6bb29a5a2b9f', d: \"M391 286L565 272L421 252L391 286Z\" }), this.state._labeled === true && (h(\"text\", { key: '41b52159554e1254e76024d40aa489bb3ed0a844', x: \"250\", y: \"525\", fill: fillColor }, \"KoliBri\")))));\n }\n validateColor(value) {\n validateColor(this, value, {\n defaultValue: '#003c78',\n hooks: {\n beforePatch: this.handleColorChange,\n },\n });\n }\n validateLabeled(value) {\n watchBoolean(this, '_labeled', value, {\n defaultValue: true,\n });\n }\n componentWillLoad() {\n this.validateColor(this._color);\n this.validateLabeled(this._labeled);\n }\n static get watchers() { return {\n \"_color\": [\"validateColor\"],\n \"_labeled\": [\"validateLabeled\"]\n }; }\n};\nKolKolibri.style = {\n default: KolKolibriDefaultStyle0\n};\n\nexport { KolKolibri as kol_kolibri };\n\n//# sourceMappingURL=kol-kolibri.entry.js.map"],"names":["defaultStyleCss","KolKolibriDefaultStyle0","KolKolibri","hostRef","registerInstance","nextValue","nextState","rgb","colorRgba","devHint","fillColor","h","Host","translate","value","validateColor","watchBoolean"],"mappings":"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"}
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import{r as i,h as e,n as o,H as a}from"./index-
|
|
1
|
+
import{r as i,h as e,n as o,H as a}from"./index-ChE0RS-7.js";/*!
|
|
2
2
|
* KoliBri - The accessible HTML-Standard
|
|
3
3
|
*/const s=`@charset "UTF-8";
|
|
4
4
|
/*
|
|
5
5
|
* This file contains all rules for accessibility.
|
|
6
6
|
*/
|
|
7
|
-
@layer kol-
|
|
7
|
+
@layer kol-a11y {
|
|
8
8
|
:host {
|
|
9
9
|
/*
|
|
10
10
|
* Minimum size of interactive elements.
|
|
@@ -77,23 +77,22 @@ import{r as i,h as e,n as o,H as a}from"./index-BfBXKFYP.js";/*!
|
|
|
77
77
|
*/
|
|
78
78
|
font-size: inherit;
|
|
79
79
|
}
|
|
80
|
+
/**
|
|
81
|
+
* Sometimes we need the semantic element for accessibility reasons,
|
|
82
|
+
* but we don't want to show it.
|
|
83
|
+
*
|
|
84
|
+
* - https://www.a11yproject.com/posts/how-to-hide-content/
|
|
85
|
+
*/
|
|
86
|
+
.visually-hidden {
|
|
87
|
+
clip: rect(0 0 0 0);
|
|
88
|
+
clip-path: inset(50%);
|
|
89
|
+
height: 1px;
|
|
90
|
+
overflow: hidden;
|
|
91
|
+
position: absolute;
|
|
92
|
+
white-space: nowrap;
|
|
93
|
+
width: 1px;
|
|
94
|
+
}
|
|
80
95
|
}
|
|
81
|
-
/**
|
|
82
|
-
* Sometimes we need the semantic element for accessibility reasons,
|
|
83
|
-
* but we don't want to show it.
|
|
84
|
-
*
|
|
85
|
-
* - https://www.a11yproject.com/posts/how-to-hide-content/
|
|
86
|
-
*/
|
|
87
|
-
.visually-hidden {
|
|
88
|
-
clip: rect(0 0 0 0);
|
|
89
|
-
clip-path: inset(50%);
|
|
90
|
-
height: 1px;
|
|
91
|
-
overflow: hidden;
|
|
92
|
-
position: absolute;
|
|
93
|
-
white-space: nowrap;
|
|
94
|
-
width: 1px;
|
|
95
|
-
}
|
|
96
|
-
|
|
97
96
|
@layer kol-global {
|
|
98
97
|
/*
|
|
99
98
|
* Dieses CSS stellt sicher, dass der Standard-Style
|
|
@@ -235,5 +234,5 @@ import{r as i,h as e,n as o,H as a}from"./index-BfBXKFYP.js";/*!
|
|
|
235
234
|
margin: auto;
|
|
236
235
|
width: 100%;
|
|
237
236
|
}
|
|
238
|
-
}`,l=s,r=class{constructor(n){i(this,n),this.catchRef=t=>{this.linkWcRef=t},this._accessKey=void 0,this._ariaCurrentValue=void 0,this._ariaDescription=void 0,this._customClass=void 0,this._disabled=!1,this._download=void 0,this._hideLabel=!1,this._href=void 0,this._icons=void 0,this._label=void 0,this._on=void 0,this._role=void 0,this._shortKey=void 0,this._tabIndex=void 0,this._target=void 0,this._tooltipAlign="right",this._variant="normal"}async focus(){await this.kolFocus()}async kolFocus(){var n;await((n=this.linkWcRef)===null||n===void 0?void 0:n.kolFocus())}render(){return e(a,{key:"
|
|
239
|
-
//# sourceMappingURL=kol-link-button.entry-
|
|
237
|
+
}`,l=s,r=class{constructor(n){i(this,n),this.catchRef=t=>{this.linkWcRef=t},this._accessKey=void 0,this._ariaCurrentValue=void 0,this._ariaDescription=void 0,this._customClass=void 0,this._disabled=!1,this._download=void 0,this._hideLabel=!1,this._href=void 0,this._icons=void 0,this._label=void 0,this._on=void 0,this._role=void 0,this._shortKey=void 0,this._tabIndex=void 0,this._target=void 0,this._tooltipAlign="right",this._variant="normal"}async focus(){await this.kolFocus()}async kolFocus(){var n;await((n=this.linkWcRef)===null||n===void 0?void 0:n.kolFocus())}render(){return e(a,{key:"5515b31825fda11ff66bfa5fe6e37038bb995049",class:"kol-link-button"},e(o,{key:"3502436cf73997d0f31daf01a018c51ea4e7cb03",ref:this.catchRef,class:{button:!0},_accessKey:this._accessKey,_ariaCurrentValue:this._ariaCurrentValue,_ariaDescription:this._ariaDescription,_customClass:this._customClass,_disabled:this._disabled,_download:this._download,_hideLabel:this._hideLabel,_href:this._href,_icons:this._icons,_label:this._label,_on:this._on,_role:"button",_shortKey:this._shortKey,_tabIndex:this._tabIndex,_target:this._target,_tooltipAlign:this._tooltipAlign,_variant:this._variant},e("slot",{key:"aa201686eea94a96a00a5675afe427790a5df2eb",name:"expert",slot:"expert"})))}static get delegatesFocus(){return!0}};r.style={default:l};export{r as kol_link_button};
|
|
238
|
+
//# sourceMappingURL=kol-link-button.entry-BIva9_3R.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"kol-link-button.entry-BIva9_3R.js","sources":["../../../../components/dist/esm/kol-link-button.entry.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { r as registerInstance, h, H as Host } from './index-9b23879d.js';\nimport { j as KolLinkWcTag } from './component-names-4cb1c62b.js';\n\nconst defaultStyleCss = \"@charset \\\"UTF-8\\\";\\n/*\\n * This file contains all rules for accessibility.\\n */\\n@layer kol-a11y {\\n :host {\\n /*\\n * Minimum size of interactive elements.\\n */\\n --a11y-min-size: calc(44rem / var(--kolibri-root-font-size, 16));\\n /*\\n * No element should be used without a background and font color whose contrast ratio has\\n * not been checked. By initially setting the background color to white and the font color\\n * to black, the contrast ratio is ensured and explicit adjustment is forced.\\n */\\n background-color: white;\\n color: black;\\n }\\n * {\\n /*\\n * This rule enables the word dividing for all texts. That is important for high zoom levels.\\n */\\n hyphens: auto;\\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 * This rule enables the word dividing for all texts. That is important for high zoom levels.\\n */\\n word-break: break-word;\\n /*\\n * Word spacing is required for all texts.\\n */\\n word-spacing: inherit;\\n }\\n /*\\n * All interactive elements should have a minimum size of rem(44).\\n */\\n /* input:not([type='checkbox'], [type='radio'], [type='range']), */\\n /* option, */\\n /* select, */\\n /* textarea, */\\n [role=button],\\n button:not([role=link]),\\n .kol-input .input {\\n min-height: var(--a11y-min-size);\\n min-width: var(--a11y-min-size);\\n }\\n /*\\n * Some interactive elements should not inherit the font-family and font-size.\\n */\\n a,\\n button,\\n h1,\\n h2,\\n h3,\\n h4,\\n h5,\\n h6,\\n input,\\n option,\\n select,\\n textarea {\\n /*\\n * All elements should inherit the font family from his parent element.\\n */\\n font-family: inherit;\\n /*\\n * All elements should inherit the font size from his parent element.\\n */\\n font-size: inherit;\\n }\\n /**\\n * Sometimes we need the semantic element for accessibility reasons,\\n * but we don't want to show it.\\n *\\n * - https://www.a11yproject.com/posts/how-to-hide-content/\\n */\\n .visually-hidden {\\n clip: rect(0 0 0 0);\\n clip-path: inset(50%);\\n height: 1px;\\n overflow: hidden;\\n position: absolute;\\n white-space: nowrap;\\n width: 1px;\\n }\\n}\\n@layer kol-global {\\n /*\\n * Dieses CSS stellt sicher, dass der Standard-Style\\n * von A und Button resettet werden.\\n */\\n :is(a, button) {\\n background-color: transparent;\\n border: none;\\n margin: 0;\\n padding: 0;\\n width: 100%; /* 100% needed for custom width from outside */\\n }\\n /*\\n * Ensure elements with hidden attribute to be actually not visible\\n * @see https://meowni.ca/hidden.is.a.lie.html\\n */\\n [hidden] {\\n display: none !important;\\n }\\n}\\n@layer kol-global {\\n :host {\\n font-size: calc(16rem / var(--kolibri-root-font-size, 16));\\n /*\\n * The max-width is needed to prevent the table from overflowing the\\n * parent node, if the table is wider than the parent node.\\n */\\n max-width: 100%;\\n }\\n * {\\n /*\\n * We prefer to box-sizing: border-box for all elements.\\n */\\n box-sizing: border-box;\\n }\\n /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\\n .kol-span-wc {\\n display: grid;\\n place-items: center;\\n }\\n /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\\n .kol-span-wc > span {\\n display: flex;\\n place-items: center;\\n }\\n a,\\n button {\\n cursor: pointer;\\n }\\n /* This is the text label. */\\n .hide-label > .kol-span-wc > span > span {\\n display: none;\\n }\\n /* Reset browser agent style. */\\n button:disabled {\\n color: unset;\\n }\\n .disabled label,\\n .disabled:focus-within label,\\n [aria-disabled=true],\\n [aria-disabled=true]:focus,\\n [disabled],\\n [disabled]:focus {\\n cursor: not-allowed;\\n opacity: 0.5;\\n outline: none;\\n }\\n [aria-disabled=true]:focus .kol-span-wc,\\n [disabled]:focus .kol-span-wc {\\n outline: none !important;\\n }\\n .badge-text-hint {\\n background-color: lightgray;\\n color: black;\\n }\\n}\\n@layer kol-component {\\n .kol-tooltip-wc {\\n display: contents;\\n contain: layout;\\n }\\n .kol-tooltip-wc .tooltip-floating {\\n animation-duration: 0.25s;\\n animation-iteration-count: 1;\\n animation-name: fadeInOpacity;\\n animation-timing-function: ease-in;\\n display: none;\\n position: fixed;\\n visibility: hidden;\\n /* Avoid layout interference - see https://floating-ui.com/docs/computePosition */\\n top: 0;\\n left: 0;\\n max-width: 90vw;\\n max-height: 90vh;\\n /* Can be used to specify the tooltip-width from the outside. Unset by default. */\\n width: var(--kol-tooltip-width);\\n }\\n /* Shared between content and arrow */\\n .kol-tooltip-wc .tooltip-area {\\n background-color: #fff;\\n color: #000;\\n }\\n .kol-tooltip-wc .tooltip-arrow {\\n height: calc(10rem / var(--kolibri-root-font-size, 16));\\n position: absolute;\\n transform: rotate(45deg);\\n width: calc(10rem / var(--kolibri-root-font-size, 16));\\n z-index: 999;\\n }\\n .kol-tooltip-wc .tooltip-content {\\n position: relative;\\n z-index: 1000;\\n }\\n @keyframes fadeInOpacity {\\n 0% {\\n opacity: 0;\\n }\\n 100% {\\n opacity: 1;\\n }\\n }\\n}\\n@layer kol-component {\\n :host {\\n display: inline-block;\\n }\\n :is(a, button) {\\n display: inline-flex;\\n place-items: center;\\n text-align: center;\\n text-decoration-line: none;\\n }\\n :is(a, button)::before {\\n /* Render zero-width character as first element to set the baseline correctly. */\\n content: \\\"\\\";\\n }\\n /* TODO: Why we need this? */\\n :is(a, button) > .kol-span-wc {\\n margin: auto;\\n width: 100%;\\n }\\n}\";\nconst KolLinkButtonDefaultStyle0 = defaultStyleCss;\n\nconst KolLinkButton = class {\n constructor(hostRef) {\n registerInstance(this, hostRef);\n this.catchRef = (ref) => {\n this.linkWcRef = ref;\n };\n this._accessKey = undefined;\n this._ariaCurrentValue = undefined;\n this._ariaDescription = undefined;\n this._customClass = undefined;\n this._disabled = false;\n this._download = undefined;\n this._hideLabel = false;\n this._href = undefined;\n this._icons = undefined;\n this._label = undefined;\n this._on = undefined;\n this._role = undefined;\n this._shortKey = undefined;\n this._tabIndex = undefined;\n this._target = undefined;\n this._tooltipAlign = 'right';\n this._variant = 'normal';\n }\n async focus() {\n await this.kolFocus();\n }\n async kolFocus() {\n var _a;\n await ((_a = this.linkWcRef) === null || _a === void 0 ? void 0 : _a.kolFocus());\n }\n render() {\n return (h(Host, { key: '5515b31825fda11ff66bfa5fe6e37038bb995049', class: \"kol-link-button\" }, h(KolLinkWcTag, { key: '3502436cf73997d0f31daf01a018c51ea4e7cb03', ref: this.catchRef, class: {\n button: true,\n }, _accessKey: this._accessKey, _ariaCurrentValue: this._ariaCurrentValue, _ariaDescription: this._ariaDescription, _customClass: this._customClass, _disabled: this._disabled, _download: this._download, _hideLabel: this._hideLabel, _href: this._href, _icons: this._icons, _label: this._label, _on: this._on, _role: \"button\", _shortKey: this._shortKey, _tabIndex: this._tabIndex, _target: this._target, _tooltipAlign: this._tooltipAlign, _variant: this._variant }, h(\"slot\", { key: 'aa201686eea94a96a00a5675afe427790a5df2eb', name: \"expert\", slot: \"expert\" }))));\n }\n static get delegatesFocus() { return true; }\n};\nKolLinkButton.style = {\n default: KolLinkButtonDefaultStyle0\n};\n\nexport { KolLinkButton as kol_link_button };\n\n//# sourceMappingURL=kol-link-button.entry.js.map"],"names":["defaultStyleCss","KolLinkButtonDefaultStyle0","KolLinkButton","hostRef","registerInstance","ref","_a","h","Host","KolLinkWcTag"],"mappings":"6DAAA;AAAA;AAAA,GAMA,MAAMA,EAAkB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAClBC,EAA6BD,EAE7BE,EAAgB,KAAM,CACxB,YAAYC,EAAS,CACjBC,EAAiB,KAAMD,CAAO,EAC9B,KAAK,SAAYE,GAAQ,CACrB,KAAK,UAAYA,CACpB,EACD,KAAK,WAAa,OAClB,KAAK,kBAAoB,OACzB,KAAK,iBAAmB,OACxB,KAAK,aAAe,OACpB,KAAK,UAAY,GACjB,KAAK,UAAY,OACjB,KAAK,WAAa,GAClB,KAAK,MAAQ,OACb,KAAK,OAAS,OACd,KAAK,OAAS,OACd,KAAK,IAAM,OACX,KAAK,MAAQ,OACb,KAAK,UAAY,OACjB,KAAK,UAAY,OACjB,KAAK,QAAU,OACf,KAAK,cAAgB,QACrB,KAAK,SAAW,QACxB,CACI,MAAM,OAAQ,CACV,MAAM,KAAK,SAAU,CAC7B,CACI,MAAM,UAAW,CACb,IAAIC,EACJ,OAAQA,EAAK,KAAK,aAAe,MAAQA,IAAO,OAAS,OAASA,EAAG,WAC7E,CACI,QAAS,CACL,OAAQC,EAAEC,EAAM,CAAE,IAAK,2CAA4C,MAAO,iBAAmB,EAAED,EAAEE,EAAc,CAAE,IAAK,2CAA4C,IAAK,KAAK,SAAU,MAAO,CACrL,OAAQ,EACX,EAAE,WAAY,KAAK,WAAY,kBAAmB,KAAK,kBAAmB,iBAAkB,KAAK,iBAAkB,aAAc,KAAK,aAAc,UAAW,KAAK,UAAW,UAAW,KAAK,UAAW,WAAY,KAAK,WAAY,MAAO,KAAK,MAAO,OAAQ,KAAK,OAAQ,OAAQ,KAAK,OAAQ,IAAK,KAAK,IAAK,MAAO,SAAU,UAAW,KAAK,UAAW,UAAW,KAAK,UAAW,QAAS,KAAK,QAAS,cAAe,KAAK,cAAe,SAAU,KAAK,QAAQ,EAAIF,EAAE,OAAQ,CAAE,IAAK,2CAA4C,KAAM,SAAU,KAAM,QAAQ,CAAE,CAAC,CAAC,CAC3jB,CACI,WAAW,gBAAiB,CAAE,MAAO,EAAK,CAC9C,EACAL,EAAc,MAAQ,CAClB,QAASD,CACb"}
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import{r as s,h as t,H as r,w as l,g as d}from"./index-
|
|
1
|
+
import{r as s,h as t,H as r,w as l,g as d}from"./index-ChE0RS-7.js";import{r as o,a as h}from"./unique-nav-labels-917eec2b-BSG95p7U.js";import{w as c}from"./validation-db4e7b56-BIEap5F6.js";import{v as u}from"./label-51d66c9d-JPyJWROR.js";/*!
|
|
2
2
|
* KoliBri - The accessible HTML-Standard
|
|
3
3
|
*/const p=`/*
|
|
4
4
|
* This file contains all rules for accessibility.
|
|
5
5
|
*/
|
|
6
|
-
@layer kol-
|
|
6
|
+
@layer kol-a11y {
|
|
7
7
|
:host {
|
|
8
8
|
/*
|
|
9
9
|
* Minimum size of interactive elements.
|
|
@@ -76,23 +76,22 @@ import{r as s,h as t,H as r,w as l,g as d}from"./index-BfBXKFYP.js";import{r as
|
|
|
76
76
|
*/
|
|
77
77
|
font-size: inherit;
|
|
78
78
|
}
|
|
79
|
+
/**
|
|
80
|
+
* Sometimes we need the semantic element for accessibility reasons,
|
|
81
|
+
* but we don't want to show it.
|
|
82
|
+
*
|
|
83
|
+
* - https://www.a11yproject.com/posts/how-to-hide-content/
|
|
84
|
+
*/
|
|
85
|
+
.visually-hidden {
|
|
86
|
+
clip: rect(0 0 0 0);
|
|
87
|
+
clip-path: inset(50%);
|
|
88
|
+
height: 1px;
|
|
89
|
+
overflow: hidden;
|
|
90
|
+
position: absolute;
|
|
91
|
+
white-space: nowrap;
|
|
92
|
+
width: 1px;
|
|
93
|
+
}
|
|
79
94
|
}
|
|
80
|
-
/**
|
|
81
|
-
* Sometimes we need the semantic element for accessibility reasons,
|
|
82
|
-
* but we don't want to show it.
|
|
83
|
-
*
|
|
84
|
-
* - https://www.a11yproject.com/posts/how-to-hide-content/
|
|
85
|
-
*/
|
|
86
|
-
.visually-hidden {
|
|
87
|
-
clip: rect(0 0 0 0);
|
|
88
|
-
clip-path: inset(50%);
|
|
89
|
-
height: 1px;
|
|
90
|
-
overflow: hidden;
|
|
91
|
-
position: absolute;
|
|
92
|
-
white-space: nowrap;
|
|
93
|
-
width: 1px;
|
|
94
|
-
}
|
|
95
|
-
|
|
96
95
|
@layer kol-global {
|
|
97
96
|
/*
|
|
98
97
|
* Dieses CSS stellt sicher, dass der Standard-Style
|
|
@@ -198,4 +197,4 @@ import{r as s,h as t,H as r,w as l,g as d}from"./index-BfBXKFYP.js";import{r as
|
|
|
198
197
|
margin-left: 0;
|
|
199
198
|
}
|
|
200
199
|
}`,b=p,m=n=>{const e=[];return n.links.map((i,a)=>{e.push(t("li",{key:a,class:{ident:a>0&&n.orientation==="vertical","list-none":a===0&&n.orientation==="horizontal"},style:{listStyleType:n.listStyleType}},t(d,Object.assign({},i))))}),e},f=class{constructor(n){s(this,n),this.isUl=!0,this._listStyleType=void 0,this._label=void 0,this._links=void 0,this._orientation="vertical",this.state={_listStyleType:"disc",_links:[],_orientation:"vertical"}}render(){const n=this.isUl?"ul":"ol";return t(r,{key:"f022377c671dd28a32301b5b70a6f99e5e695a95",class:"kol-link-group"},t(n,{key:"daee992a78bd6bf425c211fdde871de3a487f994","aria-label":this.state._label,class:{vertical:this.state._orientation==="vertical",horizontal:this.state._orientation==="horizontal"}},t(m,{key:"d1b2ef6b3af0b8d7c96f006cf0020ba82b97ae37",links:this.state._links,orientation:this.state._orientation,listStyleType:this.state._listStyleType})))}validateLabel(n,e,i=!1){!i&&this.state._label&&o(this.state._label),u(this,n),this.state._label&&h(this.state._label)}validateListStyleType(n){l(this,"_listStyleType",e=>{switch(e){case"disc":case"circle":case"square":case"none":return this.isUl=!0,!0;case"decimal":case"decimal-leading-zero":case"lower-alpha":case"lower-latin":case"lower-greek":case"lower-roman":case"upper-alpha":case"upper-latin":case"upper-roman":return this.isUl=!1,!0;default:return!1}},new Set(["https://www.w3schools.com/tags/tag_ol.asp"]),n,{defaultValue:"disc"})}validateLinks(n){c("KolLinkGroup",this,n)}validateOrientation(n){l(this,"_orientation",e=>e==="horizontal"||e==="vertical",new Set(["Orientation {horizontal, vertical}"]),n,{defaultValue:"vertical"})}componentWillLoad(){this.validateLabel(this._label,void 0,!0),this.validateListStyleType(this._listStyleType),this.validateLinks(this._links),this.validateOrientation(this._orientation)}disconnectedCallback(){this.state._label&&o(this.state._label)}static get watchers(){return{_label:["validateLabel"],_listStyleType:["validateListStyleType"],_links:["validateLinks"],_orientation:["validateOrientation"]}}};f.style={default:b};export{f as kol_link_group};
|
|
201
|
-
//# sourceMappingURL=kol-link-group.entry-
|
|
200
|
+
//# sourceMappingURL=kol-link-group.entry-CtDwfmjG.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"kol-link-group.entry-CtDwfmjG.js","sources":["../../../../components/dist/esm/kol-link-group.entry.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { r as registerInstance, h, H as Host } from './index-9b23879d.js';\nimport { w as watchValidator } from './index-4fb06bbb.js';\nimport { r as removeNavLabel, a as addNavLabel } from './unique-nav-labels-917eec2b.js';\nimport { w as watchNavLinks } from './validation-db4e7b56.js';\nimport { h as KolLinkTag } from './component-names-4cb1c62b.js';\nimport { v as validateLabel } from './label-51d66c9d.js';\n\nconst defaultStyleCss = \"/*\\n * This file contains all rules for accessibility.\\n */\\n@layer kol-a11y {\\n :host {\\n /*\\n * Minimum size of interactive elements.\\n */\\n --a11y-min-size: calc(44rem / var(--kolibri-root-font-size, 16));\\n /*\\n * No element should be used without a background and font color whose contrast ratio has\\n * not been checked. By initially setting the background color to white and the font color\\n * to black, the contrast ratio is ensured and explicit adjustment is forced.\\n */\\n background-color: white;\\n color: black;\\n }\\n * {\\n /*\\n * This rule enables the word dividing for all texts. That is important for high zoom levels.\\n */\\n hyphens: auto;\\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 * This rule enables the word dividing for all texts. That is important for high zoom levels.\\n */\\n word-break: break-word;\\n /*\\n * Word spacing is required for all texts.\\n */\\n word-spacing: inherit;\\n }\\n /*\\n * All interactive elements should have a minimum size of rem(44).\\n */\\n /* input:not([type='checkbox'], [type='radio'], [type='range']), */\\n /* option, */\\n /* select, */\\n /* textarea, */\\n [role=button],\\n button:not([role=link]),\\n .kol-input .input {\\n min-height: var(--a11y-min-size);\\n min-width: var(--a11y-min-size);\\n }\\n /*\\n * Some interactive elements should not inherit the font-family and font-size.\\n */\\n a,\\n button,\\n h1,\\n h2,\\n h3,\\n h4,\\n h5,\\n h6,\\n input,\\n option,\\n select,\\n textarea {\\n /*\\n * All elements should inherit the font family from his parent element.\\n */\\n font-family: inherit;\\n /*\\n * All elements should inherit the font size from his parent element.\\n */\\n font-size: inherit;\\n }\\n /**\\n * Sometimes we need the semantic element for accessibility reasons,\\n * but we don't want to show it.\\n *\\n * - https://www.a11yproject.com/posts/how-to-hide-content/\\n */\\n .visually-hidden {\\n clip: rect(0 0 0 0);\\n clip-path: inset(50%);\\n height: 1px;\\n overflow: hidden;\\n position: absolute;\\n white-space: nowrap;\\n width: 1px;\\n }\\n}\\n@layer kol-global {\\n /*\\n * Dieses CSS stellt sicher, dass der Standard-Style\\n * von A und Button resettet werden.\\n */\\n :is(a, button) {\\n background-color: transparent;\\n border: none;\\n margin: 0;\\n padding: 0;\\n width: 100%; /* 100% needed for custom width from outside */\\n }\\n /*\\n * Ensure elements with hidden attribute to be actually not visible\\n * @see https://meowni.ca/hidden.is.a.lie.html\\n */\\n [hidden] {\\n display: none !important;\\n }\\n}\\n@layer kol-global {\\n :host {\\n font-size: calc(16rem / var(--kolibri-root-font-size, 16));\\n /*\\n * The max-width is needed to prevent the table from overflowing the\\n * parent node, if the table is wider than the parent node.\\n */\\n max-width: 100%;\\n }\\n * {\\n /*\\n * We prefer to box-sizing: border-box for all elements.\\n */\\n box-sizing: border-box;\\n }\\n /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\\n .kol-span-wc {\\n display: grid;\\n place-items: center;\\n }\\n /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\\n .kol-span-wc > span {\\n display: flex;\\n place-items: center;\\n }\\n a,\\n button {\\n cursor: pointer;\\n }\\n /* This is the text label. */\\n .hide-label > .kol-span-wc > span > span {\\n display: none;\\n }\\n /* Reset browser agent style. */\\n button:disabled {\\n color: unset;\\n }\\n .disabled label,\\n .disabled:focus-within label,\\n [aria-disabled=true],\\n [aria-disabled=true]:focus,\\n [disabled],\\n [disabled]:focus {\\n cursor: not-allowed;\\n opacity: 0.5;\\n outline: none;\\n }\\n [aria-disabled=true]:focus .kol-span-wc,\\n [disabled]:focus .kol-span-wc {\\n outline: none !important;\\n }\\n .badge-text-hint {\\n background-color: lightgray;\\n color: black;\\n }\\n}\\n@layer kol-component {\\n ul {\\n list-style: none;\\n margin: 0;\\n padding: 0;\\n }\\n :is(ol, ul).horizontal {\\n display: flex;\\n flex-wrap: wrap;\\n }\\n :is(ol, ul).horizontal li {\\n margin-left: calc(20rem / var(--kolibri-root-font-size, 16));\\n margin-right: calc(4rem / var(--kolibri-root-font-size, 16));\\n }\\n :is(ol, ul).horizontal li:first-child {\\n margin-left: 0;\\n }\\n :is(ol, ul).horizontal li:last-child {\\n margin-right: 0;\\n }\\n :is(ol, ul).vertical li {\\n margin-left: calc(28rem / var(--kolibri-root-font-size, 16));\\n margin-right: calc(8rem / var(--kolibri-root-font-size, 16));\\n }\\n li.list-none {\\n list-style-type: none !important;\\n margin-left: 0;\\n }\\n}\";\nconst KolLinkGroupDefaultStyle0 = defaultStyleCss;\n\nconst ListItem = (props) => {\n const list = [];\n props.links.map((link, index) => {\n list.push((h(\"li\", { key: index, class: {\n ident: index > 0 && props.orientation === 'vertical',\n 'list-none': index === 0 && props.orientation === 'horizontal',\n }, style: {\n listStyleType: props.listStyleType,\n } }, h(KolLinkTag, Object.assign({}, link)))));\n });\n return list;\n};\nconst KolLinkGroup = class {\n constructor(hostRef) {\n registerInstance(this, hostRef);\n this.isUl = true;\n this._listStyleType = undefined;\n this._label = undefined;\n this._links = undefined;\n this._orientation = 'vertical';\n this.state = {\n _listStyleType: 'disc',\n _links: [],\n _orientation: 'vertical',\n };\n }\n render() {\n const ListTag = this.isUl ? 'ul' : 'ol';\n return (h(Host, { key: 'f022377c671dd28a32301b5b70a6f99e5e695a95', class: \"kol-link-group\" }, h(ListTag, { key: 'daee992a78bd6bf425c211fdde871de3a487f994', \"aria-label\": this.state._label, class: {\n vertical: this.state._orientation === 'vertical',\n horizontal: this.state._orientation === 'horizontal',\n } }, h(ListItem, { key: 'd1b2ef6b3af0b8d7c96f006cf0020ba82b97ae37', links: this.state._links, orientation: this.state._orientation, listStyleType: this.state._listStyleType }))));\n }\n validateLabel(value, _oldValue, initial = false) {\n if (!initial && this.state._label) {\n removeNavLabel(this.state._label);\n }\n validateLabel(this, value);\n this.state._label && addNavLabel(this.state._label);\n }\n validateListStyleType(value) {\n watchValidator(this, '_listStyleType', (value) => {\n switch (value) {\n case 'disc':\n case 'circle':\n case 'square':\n case 'none':\n this.isUl = true;\n return true;\n case 'decimal':\n case 'decimal-leading-zero':\n case 'lower-alpha':\n case 'lower-latin':\n case 'lower-greek':\n case 'lower-roman':\n case 'upper-alpha':\n case 'upper-latin':\n case 'upper-roman':\n this.isUl = false;\n return true;\n default:\n return false;\n }\n }, new Set(['https://www.w3schools.com/tags/tag_ol.asp']), value, { defaultValue: 'disc' });\n }\n validateLinks(value) {\n watchNavLinks('KolLinkGroup', this, value);\n }\n validateOrientation(value) {\n watchValidator(this, '_orientation', (value) => value === 'horizontal' || value === 'vertical', new Set(['Orientation {horizontal, vertical}']), value, {\n defaultValue: 'vertical',\n });\n }\n componentWillLoad() {\n this.validateLabel(this._label, undefined, true);\n this.validateListStyleType(this._listStyleType);\n this.validateLinks(this._links);\n this.validateOrientation(this._orientation);\n }\n disconnectedCallback() {\n this.state._label && removeNavLabel(this.state._label);\n }\n static get watchers() { return {\n \"_label\": [\"validateLabel\"],\n \"_listStyleType\": [\"validateListStyleType\"],\n \"_links\": [\"validateLinks\"],\n \"_orientation\": [\"validateOrientation\"]\n }; }\n};\nKolLinkGroup.style = {\n default: KolLinkGroupDefaultStyle0\n};\n\nexport { KolLinkGroup as kol_link_group };\n\n//# sourceMappingURL=kol-link-group.entry.js.map"],"names":["defaultStyleCss","KolLinkGroupDefaultStyle0","ListItem","props","list","link","index","h","KolLinkTag","KolLinkGroup","hostRef","registerInstance","ListTag","Host","value","_oldValue","initial","removeNavLabel","validateLabel","addNavLabel","watchValidator","watchNavLinks"],"mappings":"+OAAA;AAAA;AAAA,GAUA,MAAMA,EAAkB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAClBC,EAA4BD,EAE5BE,EAAYC,GAAU,CACxB,MAAMC,EAAO,CAAE,EACf,OAAAD,EAAM,MAAM,IAAI,CAACE,EAAMC,IAAU,CAC7BF,EAAK,KAAMG,EAAE,KAAM,CAAE,IAAKD,EAAO,MAAO,CAChC,MAAOA,EAAQ,GAAKH,EAAM,cAAgB,WAC1C,YAAaG,IAAU,GAAKH,EAAM,cAAgB,YACrD,EAAE,MAAO,CACN,cAAeA,EAAM,aACrC,GAAiBI,EAAEC,EAAY,OAAO,OAAO,GAAIH,CAAI,CAAC,CAAC,CAAG,CAC1D,CAAK,EACMD,CACX,EACMK,EAAe,KAAM,CACvB,YAAYC,EAAS,CACjBC,EAAiB,KAAMD,CAAO,EAC9B,KAAK,KAAO,GACZ,KAAK,eAAiB,OACtB,KAAK,OAAS,OACd,KAAK,OAAS,OACd,KAAK,aAAe,WACpB,KAAK,MAAQ,CACT,eAAgB,OAChB,OAAQ,CAAE,EACV,aAAc,UACjB,CACT,CACI,QAAS,CACL,MAAME,EAAU,KAAK,KAAO,KAAO,KACnC,OAAQL,EAAEM,EAAM,CAAE,IAAK,2CAA4C,MAAO,kBAAoBN,EAAEK,EAAS,CAAE,IAAK,2CAA4C,aAAc,KAAK,MAAM,OAAQ,MAAO,CAC5L,SAAU,KAAK,MAAM,eAAiB,WACtC,WAAY,KAAK,MAAM,eAAiB,YACxD,GAAiBL,EAAEL,EAAU,CAAE,IAAK,2CAA4C,MAAO,KAAK,MAAM,OAAQ,YAAa,KAAK,MAAM,aAAc,cAAe,KAAK,MAAM,cAAgB,CAAA,CAAC,CAAC,CAC5L,CACI,cAAcY,EAAOC,EAAWC,EAAU,GAAO,CACzC,CAACA,GAAW,KAAK,MAAM,QACvBC,EAAe,KAAK,MAAM,MAAM,EAEpCC,EAAc,KAAMJ,CAAK,EACzB,KAAK,MAAM,QAAUK,EAAY,KAAK,MAAM,MAAM,CAC1D,CACI,sBAAsBL,EAAO,CACzBM,EAAe,KAAM,iBAAmBN,GAAU,CAC9C,OAAQA,EAAK,CACT,IAAK,OACL,IAAK,SACL,IAAK,SACL,IAAK,OACD,YAAK,KAAO,GACL,GACX,IAAK,UACL,IAAK,uBACL,IAAK,cACL,IAAK,cACL,IAAK,cACL,IAAK,cACL,IAAK,cACL,IAAK,cACL,IAAK,cACD,YAAK,KAAO,GACL,GACX,QACI,MAAO,EAC3B,CACA,EAAW,IAAI,IAAI,CAAC,2CAA2C,CAAC,EAAGA,EAAO,CAAE,aAAc,OAAQ,CAClG,CACI,cAAcA,EAAO,CACjBO,EAAc,eAAgB,KAAMP,CAAK,CACjD,CACI,oBAAoBA,EAAO,CACvBM,EAAe,KAAM,eAAiBN,GAAUA,IAAU,cAAgBA,IAAU,WAAY,IAAI,IAAI,CAAC,oCAAoC,CAAC,EAAGA,EAAO,CACpJ,aAAc,UAC1B,CAAS,CACT,CACI,mBAAoB,CAChB,KAAK,cAAc,KAAK,OAAQ,OAAW,EAAI,EAC/C,KAAK,sBAAsB,KAAK,cAAc,EAC9C,KAAK,cAAc,KAAK,MAAM,EAC9B,KAAK,oBAAoB,KAAK,YAAY,CAClD,CACI,sBAAuB,CACnB,KAAK,MAAM,QAAUG,EAAe,KAAK,MAAM,MAAM,CAC7D,CACI,WAAW,UAAW,CAAE,MAAO,CAC3B,OAAU,CAAC,eAAe,EAC1B,eAAkB,CAAC,uBAAuB,EAC1C,OAAU,CAAC,eAAe,EAC1B,aAAgB,CAAC,qBAAqB,CAC9C,CAAM,CACN,EACAR,EAAa,MAAQ,CACjB,QAASR,CACb"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{r as c,
|
|
1
|
+
import{r as c,a0 as _,C as v,v as f,h as i,K as u,d as b,e as p,H as g,al as y,w as m,t as l}from"./index-ChE0RS-7.js";import{p as C}from"./events-29e84d75-BhxFwhXP.js";import{n as A}from"./dev.utils-e4e292d2-BSbUzxZC.js";import{t as o}from"./i18n-820d85c7-BEJoJePQ.js";import{v as k,a as n,b as x,c as K}from"./access-and-short-key-a34a0af0-CJXJn1mw.js";import{v as w}from"./href-823c69d8-4OvpaLKk.js";import{v as L,a as D,b as V,c as T}from"./button-variant-fe0f7f45-CA1lVB5x.js";import{v as O}from"./custom-class-6eaba98d-C27f-x18.js";import{v as I}from"./disabled-f923601e-BOaZj8z0.js";import{v as E}from"./hide-label-2b46168f-vo67NYPJ.js";import{v as S}from"./icons-d29928c3-CgABluCT.js";import{a as H}from"./label-51d66c9d-JPyJWROR.js";import{v as R}from"./tooltip-align-de415afb-Hvz71xmh.js";import"./align-bc8d98ac-CEFBBTwy.js";/*!
|
|
2
2
|
* KoliBri - The accessible HTML-Standard
|
|
3
|
-
*/const h=["date","location","page","step","time","true","false"],j=(t,a)=>{m(t,"_ariaCurrentValue",e=>typeof e=="string"&&h.includes(e),new Set([`AriaCurrentValue {${h.join(", ")}`]),a,{defaultValue:"page"})},B=(t,a)=>{l(t,"_ariaOwns",a,{defaultValue:void 0})},W=(t,a)=>{l(t,"_download",a)},P=(t,a)=>{typeof a=="object"&&typeof(a==null?void 0:a.onClick)=="function"&&(t.state=Object.assign(Object.assign({},t.state),{_on:a}))},$=(t,a)=>{l(t,"_target",a)},et=class{constructor(t){c(this,t),this.internalDescriptionById=A(),this.catchRef=a=>{this.anchorRef=a},this.onClick=a=>{var e,s;this.state._disabled===!0?C(a):typeof((e=this.state._on)===null||e===void 0?void 0:e.onClick)=="function"&&(a.preventDefault(),a.stopPropagation(),_(a,this.anchorRef),(s=this.state._on)===null||s===void 0||s.onClick(a,this.state._href))},this.getRenderValues=()=>{const a=typeof this.state._target=="string"&&this.state._target!=="_self",e={href:typeof this.state._href=="string"&&this.state._href.length>0?this.state._href:"javascript:void(0);",target:typeof this.state._target=="string"&&this.state._target.length>0?this.state._target:void 0,rel:a?"noopener":void 0,download:typeof this.state._download=="string"?this.state._download:void 0};return this.state._hideLabel===!0&&!this.state._label&&v("[KolLink] An aria-label must be set when _hide-label is set."),{isExternal:a,tagAttrs:e}},this._accessKey=void 0,this._ariaCurrentValue=void 0,this._ariaDescription=void 0,this._ariaExpanded=void 0,this._ariaOwns=void 0,this._customClass=void 0,this._disabled=!1,this._download=void 0,this._hideLabel=!1,this._href=void 0,this._icons=void 0,this._label=void 0,this._on=void 0,this._role=void 0,this._shortKey=void 0,this._tabIndex=void 0,this._target=void 0,this._tooltipAlign="right",this._variant="normal",this.state={_ariaCurrentValue:"page",_href:"",_icons:{}}}async kolFocus(){var t;(t=this.anchorRef)===null||t===void 0||t.focus()}render(){var t,a;const{isExternal:e,tagAttrs:s}=this.getRenderValues(),d=f(this.state._label),r=!!(!((a=(t=this.state._ariaDescription)===null||t===void 0?void 0:t.trim())===null||a===void 0)&&a.length);return i(g,{key:"
|
|
4
|
-
//# sourceMappingURL=kol-link-wc.entry-
|
|
3
|
+
*/const h=["date","location","page","step","time","true","false"],j=(t,a)=>{m(t,"_ariaCurrentValue",e=>typeof e=="string"&&h.includes(e),new Set([`AriaCurrentValue {${h.join(", ")}`]),a,{defaultValue:"page"})},B=(t,a)=>{l(t,"_ariaOwns",a,{defaultValue:void 0})},W=(t,a)=>{l(t,"_download",a)},P=(t,a)=>{typeof a=="object"&&typeof(a==null?void 0:a.onClick)=="function"&&(t.state=Object.assign(Object.assign({},t.state),{_on:a}))},$=(t,a)=>{l(t,"_target",a)},et=class{constructor(t){c(this,t),this.internalDescriptionById=A(),this.catchRef=a=>{this.anchorRef=a},this.onClick=a=>{var e,s;this.state._disabled===!0?C(a):typeof((e=this.state._on)===null||e===void 0?void 0:e.onClick)=="function"&&(a.preventDefault(),a.stopPropagation(),_(a,this.anchorRef),(s=this.state._on)===null||s===void 0||s.onClick(a,this.state._href))},this.getRenderValues=()=>{const a=typeof this.state._target=="string"&&this.state._target!=="_self",e={href:typeof this.state._href=="string"&&this.state._href.length>0?this.state._href:"javascript:void(0);",target:typeof this.state._target=="string"&&this.state._target.length>0?this.state._target:void 0,rel:a?"noopener":void 0,download:typeof this.state._download=="string"?this.state._download:void 0};return this.state._hideLabel===!0&&!this.state._label&&v("[KolLink] An aria-label must be set when _hide-label is set."),{isExternal:a,tagAttrs:e}},this._accessKey=void 0,this._ariaCurrentValue=void 0,this._ariaDescription=void 0,this._ariaExpanded=void 0,this._ariaOwns=void 0,this._customClass=void 0,this._disabled=!1,this._download=void 0,this._hideLabel=!1,this._href=void 0,this._icons=void 0,this._label=void 0,this._on=void 0,this._role=void 0,this._shortKey=void 0,this._tabIndex=void 0,this._target=void 0,this._tooltipAlign="right",this._variant="normal",this.state={_ariaCurrentValue:"page",_href:"",_icons:{}}}async kolFocus(){var t;(t=this.anchorRef)===null||t===void 0||t.focus()}render(){var t,a;const{isExternal:e,tagAttrs:s}=this.getRenderValues(),d=f(this.state._label),r=!!(!((a=(t=this.state._ariaDescription)===null||t===void 0?void 0:t.trim())===null||a===void 0)&&a.length);return i(g,{key:"4011aa3740f617c14264561ce359f46b8586afa0",class:"kol-link-wc"},i("a",Object.assign({key:"a61b597d680411401c46814878b26e139eed9697",ref:this.catchRef},s,{accessKey:this.state._accessKey,"aria-current":this.state._ariaCurrent,"aria-describedby":r?this.internalDescriptionById:void 0,"aria-disabled":this.state._disabled?"true":void 0,"aria-expanded":typeof this.state._ariaExpanded=="boolean"?String(this.state._ariaExpanded):void 0,"aria-owns":this.state._ariaOwns,"aria-label":this.state._hideLabel&&typeof this.state._label=="string"?`${this.state._label}${e?` (${o("kol-open-link-in-tab")})`:""}`:void 0,class:{disabled:this.state._disabled===!0,"external-link":e,"hide-label":this.state._hideLabel===!0,[this.state._variant]:this.state._variant!=="custom",[this.state._customClass]:this.state._variant==="custom"&&typeof this.state._customClass=="string"&&this.state._customClass.length>0}},this.state._on,{onClick:this.onClick,onKeyPress:this.onClick,role:this.state._role,tabIndex:this.state._disabled?-1:this.state._tabIndex}),i(b,{key:"773ebf129b72ed270f5f8f3865c0b6619436d9f2",_badgeText:this.state._accessKey||this.state._shortKey,_icons:this.state._icons,_hideLabel:this.state._hideLabel,_label:d?"":this.state._label||this.state._href},i("slot",{key:"cca8433cb097db84097b7ebb2aedc07551836acd",name:"expert",slot:"expert"})),e&&i(p,{key:"8619621e2f9281125c9fddaa166aa13e3c952fb6",class:"external-link-icon",_label:this.state._hideLabel?"":o("kol-open-link-in-tab"),_icons:"codicon codicon-link-external","aria-hidden":this.state._hideLabel})),i(u,{key:"1f64b26e4eaac5834a47a5da961ed0de3d4ec56a","aria-hidden":"true",hidden:d||!this.state._hideLabel,_badgeText:this.state._accessKey||this.state._shortKey,_align:this.state._tooltipAlign,_label:this.state._label||this.state._href}),r&&i("span",{key:"1046ae03c2907a7ceefd359c2fd00f46398b8d6f",class:"visually-hidden",id:this.internalDescriptionById},this.state._ariaDescription))}validateAccessKey(t){k(this,t),n(t,this._shortKey)}validateAriaCurrentValue(t){j(this,t)}validateAriaDescription(t){L(this,t)}validateAriaExpanded(t){D(this,t)}validateAriaOwns(t){B(this,t)}validateCustomClass(t){O(this,t)}validateDisabled(t){I(this,t)}validateDownload(t){W(this,t)}validateHideLabel(t){E(this,t)}validateHref(t){w(this,t,{required:!0})}validateIcons(t){S(this,t)}validateLabel(t){H(this,t)}validateOn(t){P(this,t)}validateRole(t){V(this,t)}validateShortKey(t){x(this,t),n(this._accessKey,t)}validateTabIndex(t){K(this,t)}validateTarget(t){$(this,t)}validateTooltipAlign(t){R(this,t)}validateVariant(t){T(this,t)}componentWillLoad(){this.validateAccessKey(this._accessKey),this.validateAriaCurrentValue(this._ariaCurrentValue),this.validateAriaDescription(this._ariaDescription),this.validateAriaExpanded(this._ariaExpanded),this.validateAriaOwns(this._ariaOwns),this.validateCustomClass(this._customClass),this.validateDisabled(this._disabled),this.validateDownload(this._download),this.validateHideLabel(this._hideLabel),this.validateHref(this._href),this.validateIcons(this._icons),this.validateLabel(this._label),this.validateOn(this._on),this.validateRole(this._role),this.validateShortKey(this._shortKey),this.validateTabIndex(this._tabIndex),this.validateTarget(this._target),this.validateTooltipAlign(this._tooltipAlign),this.validateVariant(this._variant),this.unsubscribeOnLocationChange=y(t=>{this.state._ariaCurrent=t===this.state._href?this.state._ariaCurrentValue:void 0}),n(this._accessKey,this._shortKey)}disconnectedCallback(){this.unsubscribeOnLocationChange&&this.unsubscribeOnLocationChange()}static get watchers(){return{_accessKey:["validateAccessKey"],_ariaCurrentValue:["validateAriaCurrentValue"],_ariaDescription:["validateAriaDescription"],_ariaExpanded:["validateAriaExpanded"],_ariaOwns:["validateAriaOwns"],_customClass:["validateCustomClass"],_disabled:["validateDisabled"],_download:["validateDownload"],_hideLabel:["validateHideLabel"],_href:["validateHref"],_icons:["validateIcons"],_label:["validateLabel"],_on:["validateOn"],_role:["validateRole"],_shortKey:["validateShortKey"],_tabIndex:["validateTabIndex"],_target:["validateTarget"],_tooltipAlign:["validateTooltipAlign"],_variant:["validateVariant"]}}};export{et as kol_link_wc};
|
|
4
|
+
//# sourceMappingURL=kol-link-wc.entry-D-eoEyOW.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"kol-link-wc.entry-552e9gLs.js","sources":["../../../../components/dist/esm/kol-link-wc.entry.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { r as registerInstance, h, H as Host } from './index-b44d567a.js';\nimport { w as watchValidator, y as watchString, I as setEventTarget, C as devHint, B as showExpertSlot } from './index-bac313b4.js';\nimport { o as onLocationChange } from './ariaCurrentService-6fe36ebc.js';\nimport { p as preventDefaultAndStopPropagation } from './events-29e84d75.js';\nimport { n as nonce } from './dev.utils-c4154967.js';\nimport { a as KolTooltipWcTag, f as KolSpanWcTag, g as KolIconTag } from './component-names-4cb1c62b.js';\nimport { t as translate } from './i18n-a1dec0cc.js';\nimport { v as validateAccessKey, a as validateAccessAndShortKey, b as validateShortKey, c as validateTabIndex } from './access-and-short-key-91c639af.js';\nimport { v as validateHref } from './href-d4bde881.js';\nimport { v as validateAriaDescription, a as validateAriaExpanded, b as validateAlternativeButtonLinkRole, c as validateButtonVariant } from './button-variant-78bbe695.js';\nimport { v as validateCustomClass } from './custom-class-927da4c2.js';\nimport { v as validateDisabled } from './disabled-9966b1f0.js';\nimport { v as validateHideLabel } from './hide-label-da89c332.js';\nimport { v as validateIcons } from './icons-be30e67a.js';\nimport { a as validateLabelWithExpertSlot } from './label-c79c6289.js';\nimport { v as validateTooltipAlign } from './tooltip-align-d17bc994.js';\nimport './i18n-b14e6088.js';\nimport './align-be31be0d.js';\n\nconst ariaCurrentValuePropTypeOptions = ['date', 'location', 'page', 'step', 'time', 'true', 'false'];\nconst validateAriaCurrentValue = (component, value) => {\n watchValidator(component, `_ariaCurrentValue`, (value) => typeof value === 'string' && ariaCurrentValuePropTypeOptions.includes(value), new Set([`AriaCurrentValue {${ariaCurrentValuePropTypeOptions.join(', ')}`]), value, {\n defaultValue: 'page',\n });\n};\n\nconst validateAriaOwns = (component, value) => {\n watchString(component, '_ariaOwns', value, {\n defaultValue: undefined,\n });\n};\n\nconst validateDownload = (component, value) => {\n watchString(component, '_download', value);\n};\n\nconst validateLinkCallbacks = (component, value) => {\n if (typeof value === 'object' && typeof (value === null || value === void 0 ? void 0 : value.onClick) === 'function') {\n component.state = Object.assign(Object.assign({}, component.state), { _on: value });\n }\n};\n\nconst validateLinkTarget = (component, value) => {\n watchString(component, '_target', value);\n};\n\nconst KolLinkWc = class {\n constructor(hostRef) {\n registerInstance(this, hostRef);\n this.internalDescriptionById = nonce();\n this.catchRef = (ref) => {\n this.anchorRef = ref;\n };\n this.onClick = (event) => {\n var _a, _b;\n if (this.state._disabled === true) {\n preventDefaultAndStopPropagation(event);\n }\n else if (typeof ((_a = this.state._on) === null || _a === void 0 ? void 0 : _a.onClick) === 'function') {\n event.preventDefault();\n event.stopPropagation();\n setEventTarget(event, this.anchorRef);\n (_b = this.state._on) === null || _b === void 0 ? void 0 : _b.onClick(event, this.state._href);\n }\n };\n this.getRenderValues = () => {\n const isExternal = typeof this.state._target === 'string' && this.state._target !== '_self';\n const tagAttrs = {\n href: typeof this.state._href === 'string' && this.state._href.length > 0 ? this.state._href : 'javascript:void(0);',\n target: typeof this.state._target === 'string' && this.state._target.length > 0 ? this.state._target : undefined,\n rel: isExternal ? 'noopener' : undefined,\n download: typeof this.state._download === 'string' ? this.state._download : undefined,\n };\n if (this.state._hideLabel === true && !this.state._label) {\n devHint(`[KolLink] An aria-label must be set when _hide-label is set.`);\n }\n return { isExternal, tagAttrs };\n };\n this._accessKey = undefined;\n this._ariaCurrentValue = undefined;\n this._ariaDescription = undefined;\n this._ariaExpanded = undefined;\n this._ariaOwns = undefined;\n this._customClass = undefined;\n this._disabled = false;\n this._download = undefined;\n this._hideLabel = false;\n this._href = undefined;\n this._icons = undefined;\n this._label = undefined;\n this._on = undefined;\n this._role = undefined;\n this._shortKey = undefined;\n this._tabIndex = undefined;\n this._target = undefined;\n this._tooltipAlign = 'right';\n this._variant = 'normal';\n this.state = {\n _ariaCurrentValue: 'page',\n _href: '',\n _icons: {},\n };\n }\n async kolFocus() {\n var _a;\n (_a = this.anchorRef) === null || _a === void 0 ? void 0 : _a.focus();\n }\n render() {\n var _a, _b;\n const { isExternal, tagAttrs } = this.getRenderValues();\n const hasExpertSlot = showExpertSlot(this.state._label);\n const hasAriaDescription = Boolean((_b = (_a = this.state._ariaDescription) === null || _a === void 0 ? void 0 : _a.trim()) === null || _b === void 0 ? void 0 : _b.length);\n return (h(Host, { key: '93e81c49ed733028ed9187679814d22d7d955bdc', class: \"kol-link-wc\" }, h(\"a\", Object.assign({ key: '9ae167f7dc634a1e09182b35bda6c4cefbd91350', ref: this.catchRef }, tagAttrs, { accessKey: this.state._accessKey, \"aria-current\": this.state._ariaCurrent, \"aria-describedby\": hasAriaDescription ? this.internalDescriptionById : undefined, \"aria-disabled\": this.state._disabled ? 'true' : undefined, \"aria-expanded\": typeof this.state._ariaExpanded === 'boolean' ? String(this.state._ariaExpanded) : undefined, \"aria-owns\": this.state._ariaOwns, \"aria-label\": this.state._hideLabel && typeof this.state._label === 'string'\n ? `${this.state._label}${isExternal ? ` (${translate('kol-open-link-in-tab')})` : ''}`\n : undefined, class: {\n disabled: this.state._disabled === true,\n 'external-link': isExternal,\n 'hide-label': this.state._hideLabel === true,\n [this.state._variant]: this.state._variant !== 'custom',\n [this.state._customClass]: this.state._variant === 'custom' && typeof this.state._customClass === 'string' && this.state._customClass.length > 0,\n } }, this.state._on, { onClick: this.onClick, onKeyPress: this.onClick, role: this.state._role, tabIndex: this.state._disabled ? -1 : this.state._tabIndex }), h(KolSpanWcTag, { key: '84ce5c2d3aed1ef85c6e3214a81e292d4f34f3d2', _badgeText: this.state._accessKey || this.state._shortKey, _icons: this.state._icons, _hideLabel: this.state._hideLabel, _label: hasExpertSlot ? '' : this.state._label || this.state._href }, h(\"slot\", { key: 'e6085382173ef3cc4e3c0ac785327036e1673a45', name: \"expert\", slot: \"expert\" })), isExternal && (h(KolIconTag, { key: '7cb094c767fad5e4e9d47acbc559e2bec4104ebf', class: \"external-link-icon\", _label: this.state._hideLabel ? '' : translate('kol-open-link-in-tab'), _icons: 'codicon codicon-link-external', \"aria-hidden\": this.state._hideLabel }))), h(KolTooltipWcTag, { key: '1bc8bf9b6fad3051f71cfb7e42a259f007e3fc65', \"aria-hidden\": \"true\", hidden: hasExpertSlot || !this.state._hideLabel, _badgeText: this.state._accessKey || this.state._shortKey, _align: this.state._tooltipAlign, _label: this.state._label || this.state._href }), hasAriaDescription && (h(\"span\", { key: '347cb67dd0512baeddf94d8b542809cbbb38ed12', class: \"visually-hidden\", id: this.internalDescriptionById }, this.state._ariaDescription))));\n }\n validateAccessKey(value) {\n validateAccessKey(this, value);\n validateAccessAndShortKey(value, this._shortKey);\n }\n validateAriaCurrentValue(value) {\n validateAriaCurrentValue(this, value);\n }\n validateAriaDescription(value) {\n validateAriaDescription(this, value);\n }\n validateAriaExpanded(value) {\n validateAriaExpanded(this, value);\n }\n validateAriaOwns(value) {\n validateAriaOwns(this, value);\n }\n validateCustomClass(value) {\n validateCustomClass(this, value);\n }\n validateDisabled(value) {\n validateDisabled(this, value);\n }\n validateDownload(value) {\n validateDownload(this, value);\n }\n validateHideLabel(value) {\n validateHideLabel(this, value);\n }\n validateHref(value) {\n validateHref(this, value, {\n required: true,\n });\n }\n validateIcons(value) {\n validateIcons(this, value);\n }\n validateLabel(value) {\n validateLabelWithExpertSlot(this, value);\n }\n validateOn(value) {\n validateLinkCallbacks(this, value);\n }\n validateRole(value) {\n validateAlternativeButtonLinkRole(this, value);\n }\n validateShortKey(value) {\n validateShortKey(this, value);\n validateAccessAndShortKey(this._accessKey, value);\n }\n validateTabIndex(value) {\n validateTabIndex(this, value);\n }\n validateTarget(value) {\n validateLinkTarget(this, value);\n }\n validateTooltipAlign(value) {\n validateTooltipAlign(this, value);\n }\n validateVariant(value) {\n validateButtonVariant(this, value);\n }\n componentWillLoad() {\n this.validateAccessKey(this._accessKey);\n this.validateAriaCurrentValue(this._ariaCurrentValue);\n this.validateAriaDescription(this._ariaDescription);\n this.validateAriaExpanded(this._ariaExpanded);\n this.validateAriaOwns(this._ariaOwns);\n this.validateCustomClass(this._customClass);\n this.validateDisabled(this._disabled);\n this.validateDownload(this._download);\n this.validateHideLabel(this._hideLabel);\n this.validateHref(this._href);\n this.validateIcons(this._icons);\n this.validateLabel(this._label);\n this.validateOn(this._on);\n this.validateRole(this._role);\n this.validateShortKey(this._shortKey);\n this.validateTabIndex(this._tabIndex);\n this.validateTarget(this._target);\n this.validateTooltipAlign(this._tooltipAlign);\n this.validateVariant(this._variant);\n this.unsubscribeOnLocationChange = onLocationChange((location) => {\n this.state._ariaCurrent = location === this.state._href ? this.state._ariaCurrentValue : undefined;\n });\n validateAccessAndShortKey(this._accessKey, this._shortKey);\n }\n disconnectedCallback() {\n if (this.unsubscribeOnLocationChange) {\n this.unsubscribeOnLocationChange();\n }\n }\n static get watchers() { return {\n \"_accessKey\": [\"validateAccessKey\"],\n \"_ariaCurrentValue\": [\"validateAriaCurrentValue\"],\n \"_ariaDescription\": [\"validateAriaDescription\"],\n \"_ariaExpanded\": [\"validateAriaExpanded\"],\n \"_ariaOwns\": [\"validateAriaOwns\"],\n \"_customClass\": [\"validateCustomClass\"],\n \"_disabled\": [\"validateDisabled\"],\n \"_download\": [\"validateDownload\"],\n \"_hideLabel\": [\"validateHideLabel\"],\n \"_href\": [\"validateHref\"],\n \"_icons\": [\"validateIcons\"],\n \"_label\": [\"validateLabel\"],\n \"_on\": [\"validateOn\"],\n \"_role\": [\"validateRole\"],\n \"_shortKey\": [\"validateShortKey\"],\n \"_tabIndex\": [\"validateTabIndex\"],\n \"_target\": [\"validateTarget\"],\n \"_tooltipAlign\": [\"validateTooltipAlign\"],\n \"_variant\": [\"validateVariant\"]\n }; }\n};\n\nexport { KolLinkWc as kol_link_wc };\n\n//# sourceMappingURL=kol-link-wc.entry.js.map"],"names":["ariaCurrentValuePropTypeOptions","validateAriaCurrentValue","component","value","watchValidator","validateAriaOwns","watchString","validateDownload","validateLinkCallbacks","validateLinkTarget","KolLinkWc","hostRef","registerInstance","nonce","ref","event","_a","_b","preventDefaultAndStopPropagation","setEventTarget","isExternal","tagAttrs","devHint","hasExpertSlot","showExpertSlot","hasAriaDescription","h","Host","translate","KolSpanWcTag","KolIconTag","KolTooltipWcTag","validateAccessKey","validateAccessAndShortKey","validateAriaDescription","validateAriaExpanded","validateCustomClass","validateDisabled","validateHideLabel","validateHref","validateIcons","validateLabelWithExpertSlot","validateAlternativeButtonLinkRole","validateShortKey","validateTabIndex","validateTooltipAlign","validateButtonVariant","onLocationChange","location"],"mappings":"o0BAAA;AAAA;AAAA,GAsBA,MAAMA,EAAkC,CAAC,OAAQ,WAAY,OAAQ,OAAQ,OAAQ,OAAQ,OAAO,EAC9FC,EAA2B,CAACC,EAAWC,IAAU,CACnDC,EAAeF,EAAW,oBAAsBC,GAAU,OAAOA,GAAU,UAAYH,EAAgC,SAASG,CAAK,EAAG,IAAI,IAAI,CAAC,qBAAqBH,EAAgC,KAAK,IAAI,CAAC,EAAE,CAAC,EAAGG,EAAO,CACzN,aAAc,MACtB,CAAK,CACL,EAEME,EAAmB,CAACH,EAAWC,IAAU,CAC3CG,EAAYJ,EAAW,YAAaC,EAAO,CACvC,aAAc,MACtB,CAAK,CACL,EAEMI,EAAmB,CAACL,EAAWC,IAAU,CAC3CG,EAAYJ,EAAW,YAAaC,CAAK,CAC7C,EAEMK,EAAwB,CAACN,EAAWC,IAAU,CAC5C,OAAOA,GAAU,UAAY,OAAQA,GAAU,KAA2B,OAASA,EAAM,UAAa,aACtGD,EAAU,MAAQ,OAAO,OAAO,OAAO,OAAO,GAAIA,EAAU,KAAK,EAAG,CAAE,IAAKC,CAAK,CAAE,EAE1F,EAEMM,EAAqB,CAACP,EAAWC,IAAU,CAC7CG,EAAYJ,EAAW,UAAWC,CAAK,CAC3C,EAEMO,GAAY,KAAM,CACpB,YAAYC,EAAS,CACjBC,EAAiB,KAAMD,CAAO,EAC9B,KAAK,wBAA0BE,EAAO,EACtC,KAAK,SAAYC,GAAQ,CACrB,KAAK,UAAYA,CACpB,EACD,KAAK,QAAWC,GAAU,CACtB,IAAIC,EAAIC,EACJ,KAAK,MAAM,YAAc,GACzBC,EAAiCH,CAAK,EAEjC,QAASC,EAAK,KAAK,MAAM,OAAS,MAAQA,IAAO,OAAS,OAASA,EAAG,UAAa,aACxFD,EAAM,eAAgB,EACtBA,EAAM,gBAAiB,EACvBI,EAAeJ,EAAO,KAAK,SAAS,GACnCE,EAAK,KAAK,MAAM,OAAS,MAAQA,IAAO,QAAkBA,EAAG,QAAQF,EAAO,KAAK,MAAM,KAAK,EAEpG,EACD,KAAK,gBAAkB,IAAM,CACzB,MAAMK,EAAa,OAAO,KAAK,MAAM,SAAY,UAAY,KAAK,MAAM,UAAY,QAC9EC,EAAW,CACb,KAAM,OAAO,KAAK,MAAM,OAAU,UAAY,KAAK,MAAM,MAAM,OAAS,EAAI,KAAK,MAAM,MAAQ,sBAC/F,OAAQ,OAAO,KAAK,MAAM,SAAY,UAAY,KAAK,MAAM,QAAQ,OAAS,EAAI,KAAK,MAAM,QAAU,OACvG,IAAKD,EAAa,WAAa,OAC/B,SAAU,OAAO,KAAK,MAAM,WAAc,SAAW,KAAK,MAAM,UAAY,MAC/E,EACD,OAAI,KAAK,MAAM,aAAe,IAAQ,CAAC,KAAK,MAAM,QAC9CE,EAAQ,8DAA8D,EAEnE,CAAE,WAAAF,EAAY,SAAAC,CAAU,CAClC,EACD,KAAK,WAAa,OAClB,KAAK,kBAAoB,OACzB,KAAK,iBAAmB,OACxB,KAAK,cAAgB,OACrB,KAAK,UAAY,OACjB,KAAK,aAAe,OACpB,KAAK,UAAY,GACjB,KAAK,UAAY,OACjB,KAAK,WAAa,GAClB,KAAK,MAAQ,OACb,KAAK,OAAS,OACd,KAAK,OAAS,OACd,KAAK,IAAM,OACX,KAAK,MAAQ,OACb,KAAK,UAAY,OACjB,KAAK,UAAY,OACjB,KAAK,QAAU,OACf,KAAK,cAAgB,QACrB,KAAK,SAAW,SAChB,KAAK,MAAQ,CACT,kBAAmB,OACnB,MAAO,GACP,OAAQ,CAAE,CACb,CACT,CACI,MAAM,UAAW,CACb,IAAIL,GACHA,EAAK,KAAK,aAAe,MAAQA,IAAO,QAAkBA,EAAG,MAAO,CAC7E,CACI,QAAS,CACL,IAAIA,EAAIC,EACR,KAAM,CAAE,WAAAG,EAAY,SAAAC,GAAa,KAAK,gBAAiB,EACjDE,EAAgBC,EAAe,KAAK,MAAM,MAAM,EAChDC,EAAqB,GAAS,GAAAR,GAAMD,EAAK,KAAK,MAAM,oBAAsB,MAAQA,IAAO,OAAS,OAASA,EAAG,UAAY,MAAQC,IAAO,SAAkBA,EAAG,QACpK,OAAQS,EAAEC,EAAM,CAAE,IAAK,2CAA4C,MAAO,aAAe,EAAED,EAAE,IAAK,OAAO,OAAO,CAAE,IAAK,2CAA4C,IAAK,KAAK,QAAQ,EAAIL,EAAU,CAAE,UAAW,KAAK,MAAM,WAAY,eAAgB,KAAK,MAAM,aAAc,mBAAoBI,EAAqB,KAAK,wBAA0B,OAAW,gBAAiB,KAAK,MAAM,UAAY,OAAS,OAAW,gBAAiB,OAAO,KAAK,MAAM,eAAkB,UAAY,OAAO,KAAK,MAAM,aAAa,EAAI,OAAW,YAAa,KAAK,MAAM,UAAW,aAAc,KAAK,MAAM,YAAc,OAAO,KAAK,MAAM,QAAW,SAC3mB,GAAG,KAAK,MAAM,MAAM,GAAGL,EAAa,KAAKQ,EAAU,sBAAsB,CAAC,IAAM,EAAE,GAClF,OAAW,MAAO,CACpB,SAAU,KAAK,MAAM,YAAc,GACnC,gBAAiBR,EACjB,aAAc,KAAK,MAAM,aAAe,GACxC,CAAC,KAAK,MAAM,QAAQ,EAAG,KAAK,MAAM,WAAa,SAC/C,CAAC,KAAK,MAAM,YAAY,EAAG,KAAK,MAAM,WAAa,UAAY,OAAO,KAAK,MAAM,cAAiB,UAAY,KAAK,MAAM,aAAa,OAAS,CAC/J,CAAe,EAAE,KAAK,MAAM,IAAK,CAAE,QAAS,KAAK,QAAS,WAAY,KAAK,QAAS,KAAM,KAAK,MAAM,MAAO,SAAU,KAAK,MAAM,UAAY,GAAK,KAAK,MAAM,SAAS,CAAE,EAAGM,EAAEG,EAAc,CAAE,IAAK,2CAA4C,WAAY,KAAK,MAAM,YAAc,KAAK,MAAM,UAAW,OAAQ,KAAK,MAAM,OAAQ,WAAY,KAAK,MAAM,WAAY,OAAQN,EAAgB,GAAK,KAAK,MAAM,QAAU,KAAK,MAAM,KAAO,EAAEG,EAAE,OAAQ,CAAE,IAAK,2CAA4C,KAAM,SAAU,KAAM,QAAQ,CAAE,CAAC,EAAGN,GAAeM,EAAEI,EAAY,CAAE,IAAK,2CAA4C,MAAO,qBAAsB,OAAQ,KAAK,MAAM,WAAa,GAAKF,EAAU,sBAAsB,EAAG,OAAQ,gCAAiC,cAAe,KAAK,MAAM,UAAY,CAAA,CAAE,EAAGF,EAAEK,EAAiB,CAAE,IAAK,2CAA4C,cAAe,OAAQ,OAAQR,GAAiB,CAAC,KAAK,MAAM,WAAY,WAAY,KAAK,MAAM,YAAc,KAAK,MAAM,UAAW,OAAQ,KAAK,MAAM,cAAe,OAAQ,KAAK,MAAM,QAAU,KAAK,MAAM,KAAO,CAAA,EAAGE,GAAuBC,EAAE,OAAQ,CAAE,IAAK,2CAA4C,MAAO,kBAAmB,GAAI,KAAK,uBAAyB,EAAE,KAAK,MAAM,gBAAgB,CAAE,CACnuC,CACI,kBAAkBvB,EAAO,CACrB6B,EAAkB,KAAM7B,CAAK,EAC7B8B,EAA0B9B,EAAO,KAAK,SAAS,CACvD,CACI,yBAAyBA,EAAO,CAC5BF,EAAyB,KAAME,CAAK,CAC5C,CACI,wBAAwBA,EAAO,CAC3B+B,EAAwB,KAAM/B,CAAK,CAC3C,CACI,qBAAqBA,EAAO,CACxBgC,EAAqB,KAAMhC,CAAK,CACxC,CACI,iBAAiBA,EAAO,CACpBE,EAAiB,KAAMF,CAAK,CACpC,CACI,oBAAoBA,EAAO,CACvBiC,EAAoB,KAAMjC,CAAK,CACvC,CACI,iBAAiBA,EAAO,CACpBkC,EAAiB,KAAMlC,CAAK,CACpC,CACI,iBAAiBA,EAAO,CACpBI,EAAiB,KAAMJ,CAAK,CACpC,CACI,kBAAkBA,EAAO,CACrBmC,EAAkB,KAAMnC,CAAK,CACrC,CACI,aAAaA,EAAO,CAChBoC,EAAa,KAAMpC,EAAO,CACtB,SAAU,EACtB,CAAS,CACT,CACI,cAAcA,EAAO,CACjBqC,EAAc,KAAMrC,CAAK,CACjC,CACI,cAAcA,EAAO,CACjBsC,EAA4B,KAAMtC,CAAK,CAC/C,CACI,WAAWA,EAAO,CACdK,EAAsB,KAAML,CAAK,CACzC,CACI,aAAaA,EAAO,CAChBuC,EAAkC,KAAMvC,CAAK,CACrD,CACI,iBAAiBA,EAAO,CACpBwC,EAAiB,KAAMxC,CAAK,EAC5B8B,EAA0B,KAAK,WAAY9B,CAAK,CACxD,CACI,iBAAiBA,EAAO,CACpByC,EAAiB,KAAMzC,CAAK,CACpC,CACI,eAAeA,EAAO,CAClBM,EAAmB,KAAMN,CAAK,CACtC,CACI,qBAAqBA,EAAO,CACxB0C,EAAqB,KAAM1C,CAAK,CACxC,CACI,gBAAgBA,EAAO,CACnB2C,EAAsB,KAAM3C,CAAK,CACzC,CACI,mBAAoB,CAChB,KAAK,kBAAkB,KAAK,UAAU,EACtC,KAAK,yBAAyB,KAAK,iBAAiB,EACpD,KAAK,wBAAwB,KAAK,gBAAgB,EAClD,KAAK,qBAAqB,KAAK,aAAa,EAC5C,KAAK,iBAAiB,KAAK,SAAS,EACpC,KAAK,oBAAoB,KAAK,YAAY,EAC1C,KAAK,iBAAiB,KAAK,SAAS,EACpC,KAAK,iBAAiB,KAAK,SAAS,EACpC,KAAK,kBAAkB,KAAK,UAAU,EACtC,KAAK,aAAa,KAAK,KAAK,EAC5B,KAAK,cAAc,KAAK,MAAM,EAC9B,KAAK,cAAc,KAAK,MAAM,EAC9B,KAAK,WAAW,KAAK,GAAG,EACxB,KAAK,aAAa,KAAK,KAAK,EAC5B,KAAK,iBAAiB,KAAK,SAAS,EACpC,KAAK,iBAAiB,KAAK,SAAS,EACpC,KAAK,eAAe,KAAK,OAAO,EAChC,KAAK,qBAAqB,KAAK,aAAa,EAC5C,KAAK,gBAAgB,KAAK,QAAQ,EAClC,KAAK,4BAA8B4C,EAAkBC,GAAa,CAC9D,KAAK,MAAM,aAAeA,IAAa,KAAK,MAAM,MAAQ,KAAK,MAAM,kBAAoB,MACrG,CAAS,EACDf,EAA0B,KAAK,WAAY,KAAK,SAAS,CACjE,CACI,sBAAuB,CACf,KAAK,6BACL,KAAK,4BAA6B,CAE9C,CACI,WAAW,UAAW,CAAE,MAAO,CAC3B,WAAc,CAAC,mBAAmB,EAClC,kBAAqB,CAAC,0BAA0B,EAChD,iBAAoB,CAAC,yBAAyB,EAC9C,cAAiB,CAAC,sBAAsB,EACxC,UAAa,CAAC,kBAAkB,EAChC,aAAgB,CAAC,qBAAqB,EACtC,UAAa,CAAC,kBAAkB,EAChC,UAAa,CAAC,kBAAkB,EAChC,WAAc,CAAC,mBAAmB,EAClC,MAAS,CAAC,cAAc,EACxB,OAAU,CAAC,eAAe,EAC1B,OAAU,CAAC,eAAe,EAC1B,IAAO,CAAC,YAAY,EACpB,MAAS,CAAC,cAAc,EACxB,UAAa,CAAC,kBAAkB,EAChC,UAAa,CAAC,kBAAkB,EAChC,QAAW,CAAC,gBAAgB,EAC5B,cAAiB,CAAC,sBAAsB,EACxC,SAAY,CAAC,iBAAiB,CACtC,CAAM,CACN"}
|
|
1
|
+
{"version":3,"file":"kol-link-wc.entry-D-eoEyOW.js","sources":["../../../../components/dist/esm/kol-link-wc.entry.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { r as registerInstance, h, H as Host } from './index-9b23879d.js';\nimport { w as watchValidator, y as watchString, D as setEventTarget, C as devHint, B as showExpertSlot } from './index-4fb06bbb.js';\nimport { o as onLocationChange } from './ariaCurrentService-6fe36ebc.js';\nimport { p as preventDefaultAndStopPropagation } from './events-29e84d75.js';\nimport { n as nonce } from './dev.utils-e4e292d2.js';\nimport { a as KolTooltipWcTag, f as KolSpanWcTag, g as KolIconTag } from './component-names-4cb1c62b.js';\nimport { t as translate } from './i18n-820d85c7.js';\nimport { v as validateAccessKey, a as validateAccessAndShortKey, b as validateShortKey, c as validateTabIndex } from './access-and-short-key-a34a0af0.js';\nimport { v as validateHref } from './href-823c69d8.js';\nimport { v as validateAriaDescription, a as validateAriaExpanded, b as validateAlternativeButtonLinkRole, c as validateButtonVariant } from './button-variant-fe0f7f45.js';\nimport { v as validateCustomClass } from './custom-class-6eaba98d.js';\nimport { v as validateDisabled } from './disabled-f923601e.js';\nimport { v as validateHideLabel } from './hide-label-2b46168f.js';\nimport { v as validateIcons } from './icons-d29928c3.js';\nimport { a as validateLabelWithExpertSlot } from './label-51d66c9d.js';\nimport { v as validateTooltipAlign } from './tooltip-align-de415afb.js';\nimport './i18n-b14e6088.js';\nimport './align-bc8d98ac.js';\n\nconst ariaCurrentValuePropTypeOptions = ['date', 'location', 'page', 'step', 'time', 'true', 'false'];\nconst validateAriaCurrentValue = (component, value) => {\n watchValidator(component, `_ariaCurrentValue`, (value) => typeof value === 'string' && ariaCurrentValuePropTypeOptions.includes(value), new Set([`AriaCurrentValue {${ariaCurrentValuePropTypeOptions.join(', ')}`]), value, {\n defaultValue: 'page',\n });\n};\n\nconst validateAriaOwns = (component, value) => {\n watchString(component, '_ariaOwns', value, {\n defaultValue: undefined,\n });\n};\n\nconst validateDownload = (component, value) => {\n watchString(component, '_download', value);\n};\n\nconst validateLinkCallbacks = (component, value) => {\n if (typeof value === 'object' && typeof (value === null || value === void 0 ? void 0 : value.onClick) === 'function') {\n component.state = Object.assign(Object.assign({}, component.state), { _on: value });\n }\n};\n\nconst validateLinkTarget = (component, value) => {\n watchString(component, '_target', value);\n};\n\nconst KolLinkWc = class {\n constructor(hostRef) {\n registerInstance(this, hostRef);\n this.internalDescriptionById = nonce();\n this.catchRef = (ref) => {\n this.anchorRef = ref;\n };\n this.onClick = (event) => {\n var _a, _b;\n if (this.state._disabled === true) {\n preventDefaultAndStopPropagation(event);\n }\n else if (typeof ((_a = this.state._on) === null || _a === void 0 ? void 0 : _a.onClick) === 'function') {\n event.preventDefault();\n event.stopPropagation();\n setEventTarget(event, this.anchorRef);\n (_b = this.state._on) === null || _b === void 0 ? void 0 : _b.onClick(event, this.state._href);\n }\n };\n this.getRenderValues = () => {\n const isExternal = typeof this.state._target === 'string' && this.state._target !== '_self';\n const tagAttrs = {\n href: typeof this.state._href === 'string' && this.state._href.length > 0 ? this.state._href : 'javascript:void(0);',\n target: typeof this.state._target === 'string' && this.state._target.length > 0 ? this.state._target : undefined,\n rel: isExternal ? 'noopener' : undefined,\n download: typeof this.state._download === 'string' ? this.state._download : undefined,\n };\n if (this.state._hideLabel === true && !this.state._label) {\n devHint(`[KolLink] An aria-label must be set when _hide-label is set.`);\n }\n return { isExternal, tagAttrs };\n };\n this._accessKey = undefined;\n this._ariaCurrentValue = undefined;\n this._ariaDescription = undefined;\n this._ariaExpanded = undefined;\n this._ariaOwns = undefined;\n this._customClass = undefined;\n this._disabled = false;\n this._download = undefined;\n this._hideLabel = false;\n this._href = undefined;\n this._icons = undefined;\n this._label = undefined;\n this._on = undefined;\n this._role = undefined;\n this._shortKey = undefined;\n this._tabIndex = undefined;\n this._target = undefined;\n this._tooltipAlign = 'right';\n this._variant = 'normal';\n this.state = {\n _ariaCurrentValue: 'page',\n _href: '',\n _icons: {},\n };\n }\n async kolFocus() {\n var _a;\n (_a = this.anchorRef) === null || _a === void 0 ? void 0 : _a.focus();\n }\n render() {\n var _a, _b;\n const { isExternal, tagAttrs } = this.getRenderValues();\n const hasExpertSlot = showExpertSlot(this.state._label);\n const hasAriaDescription = Boolean((_b = (_a = this.state._ariaDescription) === null || _a === void 0 ? void 0 : _a.trim()) === null || _b === void 0 ? void 0 : _b.length);\n return (h(Host, { key: '4011aa3740f617c14264561ce359f46b8586afa0', class: \"kol-link-wc\" }, h(\"a\", Object.assign({ key: 'a61b597d680411401c46814878b26e139eed9697', ref: this.catchRef }, tagAttrs, { accessKey: this.state._accessKey, \"aria-current\": this.state._ariaCurrent, \"aria-describedby\": hasAriaDescription ? this.internalDescriptionById : undefined, \"aria-disabled\": this.state._disabled ? 'true' : undefined, \"aria-expanded\": typeof this.state._ariaExpanded === 'boolean' ? String(this.state._ariaExpanded) : undefined, \"aria-owns\": this.state._ariaOwns, \"aria-label\": this.state._hideLabel && typeof this.state._label === 'string'\n ? `${this.state._label}${isExternal ? ` (${translate('kol-open-link-in-tab')})` : ''}`\n : undefined, class: {\n disabled: this.state._disabled === true,\n 'external-link': isExternal,\n 'hide-label': this.state._hideLabel === true,\n [this.state._variant]: this.state._variant !== 'custom',\n [this.state._customClass]: this.state._variant === 'custom' && typeof this.state._customClass === 'string' && this.state._customClass.length > 0,\n } }, this.state._on, { onClick: this.onClick, onKeyPress: this.onClick, role: this.state._role, tabIndex: this.state._disabled ? -1 : this.state._tabIndex }), h(KolSpanWcTag, { key: '773ebf129b72ed270f5f8f3865c0b6619436d9f2', _badgeText: this.state._accessKey || this.state._shortKey, _icons: this.state._icons, _hideLabel: this.state._hideLabel, _label: hasExpertSlot ? '' : this.state._label || this.state._href }, h(\"slot\", { key: 'cca8433cb097db84097b7ebb2aedc07551836acd', name: \"expert\", slot: \"expert\" })), isExternal && (h(KolIconTag, { key: '8619621e2f9281125c9fddaa166aa13e3c952fb6', class: \"external-link-icon\", _label: this.state._hideLabel ? '' : translate('kol-open-link-in-tab'), _icons: 'codicon codicon-link-external', \"aria-hidden\": this.state._hideLabel }))), h(KolTooltipWcTag, { key: '1f64b26e4eaac5834a47a5da961ed0de3d4ec56a', \"aria-hidden\": \"true\", hidden: hasExpertSlot || !this.state._hideLabel, _badgeText: this.state._accessKey || this.state._shortKey, _align: this.state._tooltipAlign, _label: this.state._label || this.state._href }), hasAriaDescription && (h(\"span\", { key: '1046ae03c2907a7ceefd359c2fd00f46398b8d6f', class: \"visually-hidden\", id: this.internalDescriptionById }, this.state._ariaDescription))));\n }\n validateAccessKey(value) {\n validateAccessKey(this, value);\n validateAccessAndShortKey(value, this._shortKey);\n }\n validateAriaCurrentValue(value) {\n validateAriaCurrentValue(this, value);\n }\n validateAriaDescription(value) {\n validateAriaDescription(this, value);\n }\n validateAriaExpanded(value) {\n validateAriaExpanded(this, value);\n }\n validateAriaOwns(value) {\n validateAriaOwns(this, value);\n }\n validateCustomClass(value) {\n validateCustomClass(this, value);\n }\n validateDisabled(value) {\n validateDisabled(this, value);\n }\n validateDownload(value) {\n validateDownload(this, value);\n }\n validateHideLabel(value) {\n validateHideLabel(this, value);\n }\n validateHref(value) {\n validateHref(this, value, {\n required: true,\n });\n }\n validateIcons(value) {\n validateIcons(this, value);\n }\n validateLabel(value) {\n validateLabelWithExpertSlot(this, value);\n }\n validateOn(value) {\n validateLinkCallbacks(this, value);\n }\n validateRole(value) {\n validateAlternativeButtonLinkRole(this, value);\n }\n validateShortKey(value) {\n validateShortKey(this, value);\n validateAccessAndShortKey(this._accessKey, value);\n }\n validateTabIndex(value) {\n validateTabIndex(this, value);\n }\n validateTarget(value) {\n validateLinkTarget(this, value);\n }\n validateTooltipAlign(value) {\n validateTooltipAlign(this, value);\n }\n validateVariant(value) {\n validateButtonVariant(this, value);\n }\n componentWillLoad() {\n this.validateAccessKey(this._accessKey);\n this.validateAriaCurrentValue(this._ariaCurrentValue);\n this.validateAriaDescription(this._ariaDescription);\n this.validateAriaExpanded(this._ariaExpanded);\n this.validateAriaOwns(this._ariaOwns);\n this.validateCustomClass(this._customClass);\n this.validateDisabled(this._disabled);\n this.validateDownload(this._download);\n this.validateHideLabel(this._hideLabel);\n this.validateHref(this._href);\n this.validateIcons(this._icons);\n this.validateLabel(this._label);\n this.validateOn(this._on);\n this.validateRole(this._role);\n this.validateShortKey(this._shortKey);\n this.validateTabIndex(this._tabIndex);\n this.validateTarget(this._target);\n this.validateTooltipAlign(this._tooltipAlign);\n this.validateVariant(this._variant);\n this.unsubscribeOnLocationChange = onLocationChange((location) => {\n this.state._ariaCurrent = location === this.state._href ? this.state._ariaCurrentValue : undefined;\n });\n validateAccessAndShortKey(this._accessKey, this._shortKey);\n }\n disconnectedCallback() {\n if (this.unsubscribeOnLocationChange) {\n this.unsubscribeOnLocationChange();\n }\n }\n static get watchers() { return {\n \"_accessKey\": [\"validateAccessKey\"],\n \"_ariaCurrentValue\": [\"validateAriaCurrentValue\"],\n \"_ariaDescription\": [\"validateAriaDescription\"],\n \"_ariaExpanded\": [\"validateAriaExpanded\"],\n \"_ariaOwns\": [\"validateAriaOwns\"],\n \"_customClass\": [\"validateCustomClass\"],\n \"_disabled\": [\"validateDisabled\"],\n \"_download\": [\"validateDownload\"],\n \"_hideLabel\": [\"validateHideLabel\"],\n \"_href\": [\"validateHref\"],\n \"_icons\": [\"validateIcons\"],\n \"_label\": [\"validateLabel\"],\n \"_on\": [\"validateOn\"],\n \"_role\": [\"validateRole\"],\n \"_shortKey\": [\"validateShortKey\"],\n \"_tabIndex\": [\"validateTabIndex\"],\n \"_target\": [\"validateTarget\"],\n \"_tooltipAlign\": [\"validateTooltipAlign\"],\n \"_variant\": [\"validateVariant\"]\n }; }\n};\n\nexport { KolLinkWc as kol_link_wc };\n\n//# sourceMappingURL=kol-link-wc.entry.js.map"],"names":["ariaCurrentValuePropTypeOptions","validateAriaCurrentValue","component","value","watchValidator","validateAriaOwns","watchString","validateDownload","validateLinkCallbacks","validateLinkTarget","KolLinkWc","hostRef","registerInstance","nonce","ref","event","_a","_b","preventDefaultAndStopPropagation","setEventTarget","isExternal","tagAttrs","devHint","hasExpertSlot","showExpertSlot","hasAriaDescription","h","Host","translate","KolSpanWcTag","KolIconTag","KolTooltipWcTag","validateAccessKey","validateAccessAndShortKey","validateAriaDescription","validateAriaExpanded","validateCustomClass","validateDisabled","validateHideLabel","validateHref","validateIcons","validateLabelWithExpertSlot","validateAlternativeButtonLinkRole","validateShortKey","validateTabIndex","validateTooltipAlign","validateButtonVariant","onLocationChange","location"],"mappings":"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"}
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import{r as i,h as e,n as o,H as a}from"./index-
|
|
1
|
+
import{r as i,h as e,n as o,H as a}from"./index-ChE0RS-7.js";/*!
|
|
2
2
|
* KoliBri - The accessible HTML-Standard
|
|
3
3
|
*/const l=`/*
|
|
4
4
|
* This file contains all rules for accessibility.
|
|
5
5
|
*/
|
|
6
|
-
@layer kol-
|
|
6
|
+
@layer kol-a11y {
|
|
7
7
|
:host {
|
|
8
8
|
/*
|
|
9
9
|
* Minimum size of interactive elements.
|
|
@@ -76,23 +76,22 @@ import{r as i,h as e,n as o,H as a}from"./index-BfBXKFYP.js";/*!
|
|
|
76
76
|
*/
|
|
77
77
|
font-size: inherit;
|
|
78
78
|
}
|
|
79
|
+
/**
|
|
80
|
+
* Sometimes we need the semantic element for accessibility reasons,
|
|
81
|
+
* but we don't want to show it.
|
|
82
|
+
*
|
|
83
|
+
* - https://www.a11yproject.com/posts/how-to-hide-content/
|
|
84
|
+
*/
|
|
85
|
+
.visually-hidden {
|
|
86
|
+
clip: rect(0 0 0 0);
|
|
87
|
+
clip-path: inset(50%);
|
|
88
|
+
height: 1px;
|
|
89
|
+
overflow: hidden;
|
|
90
|
+
position: absolute;
|
|
91
|
+
white-space: nowrap;
|
|
92
|
+
width: 1px;
|
|
93
|
+
}
|
|
79
94
|
}
|
|
80
|
-
/**
|
|
81
|
-
* Sometimes we need the semantic element for accessibility reasons,
|
|
82
|
-
* but we don't want to show it.
|
|
83
|
-
*
|
|
84
|
-
* - https://www.a11yproject.com/posts/how-to-hide-content/
|
|
85
|
-
*/
|
|
86
|
-
.visually-hidden {
|
|
87
|
-
clip: rect(0 0 0 0);
|
|
88
|
-
clip-path: inset(50%);
|
|
89
|
-
height: 1px;
|
|
90
|
-
overflow: hidden;
|
|
91
|
-
position: absolute;
|
|
92
|
-
white-space: nowrap;
|
|
93
|
-
width: 1px;
|
|
94
|
-
}
|
|
95
|
-
|
|
96
95
|
@layer kol-global {
|
|
97
96
|
/*
|
|
98
97
|
* Dieses CSS stellt sicher, dass der Standard-Style
|
|
@@ -250,5 +249,5 @@ import{r as i,h as e,n as o,H as a}from"./index-BfBXKFYP.js";/*!
|
|
|
250
249
|
display: inline-flex;
|
|
251
250
|
margin-left: calc(8rem / var(--kolibri-root-font-size, 16));
|
|
252
251
|
}
|
|
253
|
-
}`,s=l,r=class{constructor(n){i(this,n),this.catchRef=t=>{this.linkWcRef=t},this._accessKey=void 0,this._ariaCurrentValue=void 0,this._ariaDescription=void 0,this._disabled=!1,this._download=void 0,this._hideLabel=!1,this._href=void 0,this._icons=void 0,this._label=void 0,this._on=void 0,this._role=void 0,this._shortKey=void 0,this._tabIndex=void 0,this._target=void 0,this._tooltipAlign="right"}async focus(){await this.kolFocus()}async kolFocus(){var n;await((n=this.linkWcRef)===null||n===void 0?void 0:n.kolFocus())}render(){return e(a,{key:"
|
|
254
|
-
//# sourceMappingURL=kol-link.entry-
|
|
252
|
+
}`,s=l,r=class{constructor(n){i(this,n),this.catchRef=t=>{this.linkWcRef=t},this._accessKey=void 0,this._ariaCurrentValue=void 0,this._ariaDescription=void 0,this._disabled=!1,this._download=void 0,this._hideLabel=!1,this._href=void 0,this._icons=void 0,this._label=void 0,this._on=void 0,this._role=void 0,this._shortKey=void 0,this._tabIndex=void 0,this._target=void 0,this._tooltipAlign="right"}async focus(){await this.kolFocus()}async kolFocus(){var n;await((n=this.linkWcRef)===null||n===void 0?void 0:n.kolFocus())}render(){return e(a,{key:"01612ba18f012647ace8a4f29e6bcc506b616244",class:"kol-link"},e(o,{key:"532c8eb08c21d1b030a383381c362dc927e5bce3",ref:this.catchRef,_accessKey:this._accessKey,_ariaCurrentValue:this._ariaCurrentValue,_ariaDescription:this._ariaDescription,_disabled:this._disabled,_download:this._download,_hideLabel:this._hideLabel,_href:this._href,_icons:this._icons,_label:this._label,_on:this._on,_role:this._role,_shortKey:this._shortKey,_tabIndex:this._tabIndex,_target:this._target,_tooltipAlign:this._tooltipAlign},e("slot",{key:"b2e34274ec53ee319a01fbb10fb9919f8cd46cac",name:"expert",slot:"expert"})))}static get delegatesFocus(){return!0}};r.style={default:s};export{r as kol_link};
|
|
253
|
+
//# sourceMappingURL=kol-link.entry-cHFHZXRI.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"kol-link.entry-cHFHZXRI.js","sources":["../../../../components/dist/esm/kol-link.entry.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { r as registerInstance, h, H as Host } from './index-9b23879d.js';\nimport { j as KolLinkWcTag } from './component-names-4cb1c62b.js';\n\nconst defaultStyleCss = \"/*\\n * This file contains all rules for accessibility.\\n */\\n@layer kol-a11y {\\n :host {\\n /*\\n * Minimum size of interactive elements.\\n */\\n --a11y-min-size: calc(44rem / var(--kolibri-root-font-size, 16));\\n /*\\n * No element should be used without a background and font color whose contrast ratio has\\n * not been checked. By initially setting the background color to white and the font color\\n * to black, the contrast ratio is ensured and explicit adjustment is forced.\\n */\\n background-color: white;\\n color: black;\\n }\\n * {\\n /*\\n * This rule enables the word dividing for all texts. That is important for high zoom levels.\\n */\\n hyphens: auto;\\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 * This rule enables the word dividing for all texts. That is important for high zoom levels.\\n */\\n word-break: break-word;\\n /*\\n * Word spacing is required for all texts.\\n */\\n word-spacing: inherit;\\n }\\n /*\\n * All interactive elements should have a minimum size of rem(44).\\n */\\n /* input:not([type='checkbox'], [type='radio'], [type='range']), */\\n /* option, */\\n /* select, */\\n /* textarea, */\\n [role=button],\\n button:not([role=link]),\\n .kol-input .input {\\n min-height: var(--a11y-min-size);\\n min-width: var(--a11y-min-size);\\n }\\n /*\\n * Some interactive elements should not inherit the font-family and font-size.\\n */\\n a,\\n button,\\n h1,\\n h2,\\n h3,\\n h4,\\n h5,\\n h6,\\n input,\\n option,\\n select,\\n textarea {\\n /*\\n * All elements should inherit the font family from his parent element.\\n */\\n font-family: inherit;\\n /*\\n * All elements should inherit the font size from his parent element.\\n */\\n font-size: inherit;\\n }\\n /**\\n * Sometimes we need the semantic element for accessibility reasons,\\n * but we don't want to show it.\\n *\\n * - https://www.a11yproject.com/posts/how-to-hide-content/\\n */\\n .visually-hidden {\\n clip: rect(0 0 0 0);\\n clip-path: inset(50%);\\n height: 1px;\\n overflow: hidden;\\n position: absolute;\\n white-space: nowrap;\\n width: 1px;\\n }\\n}\\n@layer kol-global {\\n /*\\n * Dieses CSS stellt sicher, dass der Standard-Style\\n * von A und Button resettet werden.\\n */\\n :is(a, button) {\\n background-color: transparent;\\n border: none;\\n margin: 0;\\n padding: 0;\\n width: 100%; /* 100% needed for custom width from outside */\\n }\\n /*\\n * Ensure elements with hidden attribute to be actually not visible\\n * @see https://meowni.ca/hidden.is.a.lie.html\\n */\\n [hidden] {\\n display: none !important;\\n }\\n}\\n@layer kol-global {\\n :host {\\n font-size: calc(16rem / var(--kolibri-root-font-size, 16));\\n /*\\n * The max-width is needed to prevent the table from overflowing the\\n * parent node, if the table is wider than the parent node.\\n */\\n max-width: 100%;\\n }\\n * {\\n /*\\n * We prefer to box-sizing: border-box for all elements.\\n */\\n box-sizing: border-box;\\n }\\n /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\\n .kol-span-wc {\\n display: grid;\\n place-items: center;\\n }\\n /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\\n .kol-span-wc > span {\\n display: flex;\\n place-items: center;\\n }\\n a,\\n button {\\n cursor: pointer;\\n }\\n /* This is the text label. */\\n .hide-label > .kol-span-wc > span > span {\\n display: none;\\n }\\n /* Reset browser agent style. */\\n button:disabled {\\n color: unset;\\n }\\n .disabled label,\\n .disabled:focus-within label,\\n [aria-disabled=true],\\n [aria-disabled=true]:focus,\\n [disabled],\\n [disabled]:focus {\\n cursor: not-allowed;\\n opacity: 0.5;\\n outline: none;\\n }\\n [aria-disabled=true]:focus .kol-span-wc,\\n [disabled]:focus .kol-span-wc {\\n outline: none !important;\\n }\\n .badge-text-hint {\\n background-color: lightgray;\\n color: black;\\n }\\n}\\n@layer kol-component {\\n .kol-tooltip-wc {\\n display: contents;\\n contain: layout;\\n }\\n .kol-tooltip-wc .tooltip-floating {\\n animation-duration: 0.25s;\\n animation-iteration-count: 1;\\n animation-name: fadeInOpacity;\\n animation-timing-function: ease-in;\\n display: none;\\n position: fixed;\\n visibility: hidden;\\n /* Avoid layout interference - see https://floating-ui.com/docs/computePosition */\\n top: 0;\\n left: 0;\\n max-width: 90vw;\\n max-height: 90vh;\\n /* Can be used to specify the tooltip-width from the outside. Unset by default. */\\n width: var(--kol-tooltip-width);\\n }\\n /* Shared between content and arrow */\\n .kol-tooltip-wc .tooltip-area {\\n background-color: #fff;\\n color: #000;\\n }\\n .kol-tooltip-wc .tooltip-arrow {\\n height: calc(10rem / var(--kolibri-root-font-size, 16));\\n position: absolute;\\n transform: rotate(45deg);\\n width: calc(10rem / var(--kolibri-root-font-size, 16));\\n z-index: 999;\\n }\\n .kol-tooltip-wc .tooltip-content {\\n position: relative;\\n z-index: 1000;\\n }\\n @keyframes fadeInOpacity {\\n 0% {\\n opacity: 0;\\n }\\n 100% {\\n opacity: 1;\\n }\\n }\\n}\\n@layer kol-component {\\n :host {\\n display: inline-block;\\n }\\n :is(a, button) {\\n align-items: baseline;\\n display: inline-flex;\\n place-items: center;\\n text-align: left;\\n text-decoration-line: none;\\n }\\n :is(a, button) .kol-span-wc .span-label {\\n text-decoration-line: underline;\\n }\\n a:is(:focus, :hover):not([aria-disabled]) .kol-span-wc .span-label,\\n button:is(:focus, :hover):not([disabled]) .kol-span-wc .span-label {\\n text-decoration-thickness: 0.2em;\\n }\\n .skip {\\n left: calc(-99999rem / var(--kolibri-root-font-size, 16));\\n overflow: hidden;\\n position: absolute;\\n z-index: 9999999;\\n line-height: 1;\\n }\\n .skip:focus {\\n background-color: #fff;\\n left: unset;\\n padding: 1em;\\n position: unset;\\n }\\n .kol-icon.external-link-icon {\\n display: inline-flex;\\n margin-left: calc(8rem / var(--kolibri-root-font-size, 16));\\n }\\n}\";\nconst KolLinkDefaultStyle0 = defaultStyleCss;\n\nconst KolLink = class {\n constructor(hostRef) {\n registerInstance(this, hostRef);\n this.catchRef = (ref) => {\n this.linkWcRef = ref;\n };\n this._accessKey = undefined;\n this._ariaCurrentValue = undefined;\n this._ariaDescription = undefined;\n this._disabled = false;\n this._download = undefined;\n this._hideLabel = false;\n this._href = undefined;\n this._icons = undefined;\n this._label = undefined;\n this._on = undefined;\n this._role = undefined;\n this._shortKey = undefined;\n this._tabIndex = undefined;\n this._target = undefined;\n this._tooltipAlign = 'right';\n }\n async focus() {\n await this.kolFocus();\n }\n async kolFocus() {\n var _a;\n await ((_a = this.linkWcRef) === null || _a === void 0 ? void 0 : _a.kolFocus());\n }\n render() {\n return (h(Host, { key: '01612ba18f012647ace8a4f29e6bcc506b616244', class: \"kol-link\" }, h(KolLinkWcTag, { key: '532c8eb08c21d1b030a383381c362dc927e5bce3', ref: this.catchRef, _accessKey: this._accessKey, _ariaCurrentValue: this._ariaCurrentValue, _ariaDescription: this._ariaDescription, _disabled: this._disabled, _download: this._download, _hideLabel: this._hideLabel, _href: this._href, _icons: this._icons, _label: this._label, _on: this._on, _role: this._role, _shortKey: this._shortKey, _tabIndex: this._tabIndex, _target: this._target, _tooltipAlign: this._tooltipAlign }, h(\"slot\", { key: 'b2e34274ec53ee319a01fbb10fb9919f8cd46cac', name: \"expert\", slot: \"expert\" }))));\n }\n static get delegatesFocus() { return true; }\n};\nKolLink.style = {\n default: KolLinkDefaultStyle0\n};\n\nexport { KolLink as kol_link };\n\n//# sourceMappingURL=kol-link.entry.js.map"],"names":["defaultStyleCss","KolLinkDefaultStyle0","KolLink","hostRef","registerInstance","ref","_a","h","Host","KolLinkWcTag"],"mappings":"6DAAA;AAAA;AAAA,GAMA,MAAMA,EAAkB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAClBC,EAAuBD,EAEvBE,EAAU,KAAM,CAClB,YAAYC,EAAS,CACjBC,EAAiB,KAAMD,CAAO,EAC9B,KAAK,SAAYE,GAAQ,CACrB,KAAK,UAAYA,CACpB,EACD,KAAK,WAAa,OAClB,KAAK,kBAAoB,OACzB,KAAK,iBAAmB,OACxB,KAAK,UAAY,GACjB,KAAK,UAAY,OACjB,KAAK,WAAa,GAClB,KAAK,MAAQ,OACb,KAAK,OAAS,OACd,KAAK,OAAS,OACd,KAAK,IAAM,OACX,KAAK,MAAQ,OACb,KAAK,UAAY,OACjB,KAAK,UAAY,OACjB,KAAK,QAAU,OACf,KAAK,cAAgB,OAC7B,CACI,MAAM,OAAQ,CACV,MAAM,KAAK,SAAU,CAC7B,CACI,MAAM,UAAW,CACb,IAAIC,EACJ,OAAQA,EAAK,KAAK,aAAe,MAAQA,IAAO,OAAS,OAASA,EAAG,WAC7E,CACI,QAAS,CACL,OAAQC,EAAEC,EAAM,CAAE,IAAK,2CAA4C,MAAO,YAAcD,EAAEE,EAAc,CAAE,IAAK,2CAA4C,IAAK,KAAK,SAAU,WAAY,KAAK,WAAY,kBAAmB,KAAK,kBAAmB,iBAAkB,KAAK,iBAAkB,UAAW,KAAK,UAAW,UAAW,KAAK,UAAW,WAAY,KAAK,WAAY,MAAO,KAAK,MAAO,OAAQ,KAAK,OAAQ,OAAQ,KAAK,OAAQ,IAAK,KAAK,IAAK,MAAO,KAAK,MAAO,UAAW,KAAK,UAAW,UAAW,KAAK,UAAW,QAAS,KAAK,QAAS,cAAe,KAAK,aAAe,EAAEF,EAAE,OAAQ,CAAE,IAAK,2CAA4C,KAAM,SAAU,KAAM,QAAU,CAAA,CAAC,CAAC,CAC3qB,CACI,WAAW,gBAAiB,CAAE,MAAO,EAAK,CAC9C,EACAL,EAAQ,MAAQ,CACZ,QAASD,CACb"}
|