@public-ui/sample-react 3.0.0-rc.9 → 3.0.1-3b313a0f2df6c512e868df86f443d016defc56fa.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/1003.js +2 -0
- package/dist/1103.js +2 -0
- package/dist/1186.js +2 -0
- package/dist/1502.js +2 -0
- package/dist/1664.js +2 -0
- package/dist/1983.js +2 -0
- package/dist/2287.js +1 -0
- package/dist/2297.js +2 -0
- package/dist/2444.js +2 -0
- package/dist/2618.js +2 -0
- package/dist/{4587.js → 2732.js} +2 -2
- package/dist/2763.js +2 -0
- package/dist/2764.js +2 -0
- package/dist/{4876.js → 2769.js} +2 -2
- package/dist/2886.js +2 -0
- package/dist/2930.js +2 -0
- package/dist/2948.js +2 -0
- package/dist/{9108.js → 3077.js} +2 -2
- package/dist/{2321.js → 3132.js} +2 -2
- package/dist/3311.js +2 -0
- package/dist/3410.js +2 -0
- package/dist/3457.js +2 -0
- package/dist/3522.js +2 -0
- package/dist/3868.js +2 -0
- package/dist/3924.js +2 -0
- package/dist/3952.js +2 -0
- package/dist/{9719.js → 4288.js} +2 -2
- package/dist/4321.js +2 -0
- package/dist/4383.js +2 -0
- package/dist/4595.js +2 -0
- package/dist/4678.js +2 -0
- package/dist/473.js +2 -0
- package/dist/4812.js +2 -0
- package/dist/4843.js +2 -0
- package/dist/4879.js +2 -0
- package/dist/4992.js +2 -0
- package/dist/5011.js +2 -0
- package/dist/5389.js +2 -0
- package/dist/{3918.js → 5395.js} +2 -2
- package/dist/5663.js +2 -0
- package/dist/5734.js +2 -0
- package/dist/5799.js +2 -0
- package/dist/620.js +2 -0
- package/dist/6381.js +2 -0
- package/dist/663.js +2 -0
- package/dist/7016.js +2 -0
- package/dist/7239.js +2 -0
- package/dist/7269.js +2 -0
- package/dist/7281.js +2 -0
- package/dist/7570.js +2 -0
- package/dist/7642.js +2 -0
- package/dist/7839.js +2 -0
- package/dist/7906.js +2 -0
- package/dist/{3099.js → 7940.js} +2 -2
- package/dist/8000.js +2 -0
- package/dist/8138.js +2 -0
- package/dist/8277.js +2 -0
- package/dist/8929.js +2 -0
- package/dist/9044.js +2 -0
- package/dist/9160.js +2 -0
- package/dist/{7347.js → 9194.js} +2 -2
- package/dist/{2894.js → 9487.js} +2 -2
- package/dist/9671.js +2 -0
- package/dist/978.js +2 -0
- package/dist/{6790.js → 9781.js} +2 -2
- package/dist/979.js +2 -0
- package/dist/assets/README.md +1 -0
- package/dist/assets/fontawesome-free/LICENSE.txt +165 -0
- package/dist/assets/fontawesome-free/css/all.css +7831 -0
- package/dist/assets/fontawesome-free/css/all.min.css +6 -0
- package/dist/assets/fontawesome-free/css/brands.css +1432 -0
- package/dist/assets/fontawesome-free/css/brands.min.css +6 -0
- package/dist/assets/fontawesome-free/css/fontawesome.css +6338 -0
- package/dist/assets/fontawesome-free/css/fontawesome.min.css +6 -0
- package/dist/assets/fontawesome-free/css/regular.css +19 -0
- package/dist/assets/fontawesome-free/css/regular.min.css +6 -0
- package/dist/assets/fontawesome-free/css/solid.css +19 -0
- package/dist/assets/fontawesome-free/css/solid.min.css +6 -0
- package/dist/assets/fontawesome-free/css/svg-with-js.css +634 -0
- package/dist/assets/fontawesome-free/css/svg-with-js.min.css +6 -0
- package/dist/assets/fontawesome-free/css/v4-font-face.css +26 -0
- package/dist/assets/fontawesome-free/css/v4-font-face.min.css +6 -0
- package/dist/assets/fontawesome-free/css/v4-shims.css +2146 -0
- package/dist/assets/fontawesome-free/css/v4-shims.min.css +6 -0
- package/dist/assets/fontawesome-free/css/v5-font-face.css +22 -0
- package/dist/assets/fontawesome-free/css/v5-font-face.min.css +6 -0
- package/dist/assets/fontawesome-free/webfonts/fa-brands-400.ttf +0 -0
- package/dist/assets/fontawesome-free/webfonts/fa-brands-400.woff2 +0 -0
- package/dist/assets/fontawesome-free/webfonts/fa-regular-400.ttf +0 -0
- package/dist/assets/fontawesome-free/webfonts/fa-regular-400.woff2 +0 -0
- package/dist/assets/fontawesome-free/webfonts/fa-solid-900.ttf +0 -0
- package/dist/assets/fontawesome-free/webfonts/fa-solid-900.woff2 +0 -0
- package/dist/assets/fontawesome-free/webfonts/fa-v4compatibility.ttf +0 -0
- package/dist/assets/fontawesome-free/webfonts/fa-v4compatibility.woff2 +0 -0
- package/dist/assets/icofont/demo.html +18939 -0
- package/dist/assets/icofont/fonts/icofont.eot +0 -0
- package/dist/assets/icofont/fonts/icofont.svg +2105 -0
- package/dist/assets/icofont/fonts/icofont.ttf +0 -0
- package/dist/assets/icofont/fonts/icofont.woff +0 -0
- package/dist/assets/icofont/fonts/icofont.woff2 +0 -0
- package/dist/assets/icofont/icofont.css +10757 -0
- package/dist/assets/icofont/icofont.min.css +7 -0
- package/dist/assets/kreon/Kreon-VariableFont_wght.ttf +0 -0
- package/dist/assets/kreon/OFL.txt +93 -0
- package/dist/assets/kreon/README.txt +67 -0
- package/dist/assets/kreon/static/Kreon-Bold.ttf +0 -0
- package/dist/assets/kreon/static/Kreon-Light.ttf +0 -0
- package/dist/assets/kreon/static/Kreon-Medium.ttf +0 -0
- package/dist/assets/kreon/static/Kreon-Regular.ttf +0 -0
- package/dist/assets/kreon/static/Kreon-SemiBold.ttf +0 -0
- package/dist/assets/kreon/style.css +41 -0
- package/dist/assets/material-icons/LICENSE +202 -0
- package/dist/assets/material-icons/README.md +129 -0
- package/dist/assets/material-icons/_data/versions.json +2124 -0
- package/dist/assets/material-icons/css/_codepoints.scss +2279 -0
- package/dist/assets/material-icons/css/_mixins.scss +13 -0
- package/dist/assets/material-icons/css/_variables.scss +6 -0
- package/dist/assets/material-icons/css/material-icons.css +9208 -0
- package/dist/assets/material-icons/css/material-icons.min.css +1 -0
- package/dist/assets/material-icons/css/material-icons.scss +33 -0
- package/dist/assets/material-icons/iconfont/_mixins.scss +55 -0
- package/dist/assets/material-icons/iconfont/_variables.scss +3 -0
- package/dist/assets/material-icons/iconfont/filled.css +24 -0
- package/dist/assets/material-icons/iconfont/filled.scss +4 -0
- package/dist/assets/material-icons/iconfont/material-icons-outlined.woff +0 -0
- package/dist/assets/material-icons/iconfont/material-icons-outlined.woff2 +0 -0
- package/dist/assets/material-icons/iconfont/material-icons-round.woff +0 -0
- package/dist/assets/material-icons/iconfont/material-icons-round.woff2 +0 -0
- package/dist/assets/material-icons/iconfont/material-icons-sharp.woff +0 -0
- package/dist/assets/material-icons/iconfont/material-icons-sharp.woff2 +0 -0
- package/dist/assets/material-icons/iconfont/material-icons-two-tone.woff +0 -0
- package/dist/assets/material-icons/iconfont/material-icons-two-tone.woff2 +0 -0
- package/dist/assets/material-icons/iconfont/material-icons.css +124 -0
- package/dist/assets/material-icons/iconfont/material-icons.scss +5 -0
- package/dist/assets/material-icons/iconfont/material-icons.woff +0 -0
- package/dist/assets/material-icons/iconfont/material-icons.woff2 +0 -0
- package/dist/assets/material-icons/iconfont/outlined.css +24 -0
- package/dist/assets/material-icons/iconfont/outlined.scss +4 -0
- package/dist/assets/material-icons/iconfont/round.css +24 -0
- package/dist/assets/material-icons/iconfont/round.scss +4 -0
- package/dist/assets/material-icons/iconfont/sharp.css +24 -0
- package/dist/assets/material-icons/iconfont/sharp.scss +4 -0
- package/dist/assets/material-icons/iconfont/two-tone.css +24 -0
- package/dist/assets/material-icons/iconfont/two-tone.scss +4 -0
- package/dist/assets/material-icons/index.d.ts +2128 -0
- package/dist/assets/material-icons/package.json +52 -0
- package/dist/assets/material-symbols/LICENSE +202 -0
- package/dist/assets/material-symbols/README.md +114 -0
- package/dist/assets/material-symbols/_core.scss +46 -0
- package/dist/assets/material-symbols/index.css +74 -0
- package/dist/assets/material-symbols/index.d.ts +2809 -0
- package/dist/assets/material-symbols/index.scss +3 -0
- package/dist/assets/material-symbols/material-symbols-outlined.woff2 +0 -0
- package/dist/assets/material-symbols/material-symbols-rounded.woff2 +0 -0
- package/dist/assets/material-symbols/material-symbols-sharp.woff2 +0 -0
- package/dist/assets/material-symbols/outlined.css +24 -0
- package/dist/assets/material-symbols/outlined.scss +3 -0
- package/dist/assets/material-symbols/package.json +41 -0
- package/dist/assets/material-symbols/rounded.css +24 -0
- package/dist/assets/material-symbols/rounded.scss +3 -0
- package/dist/assets/material-symbols/sharp.css +24 -0
- package/dist/assets/material-symbols/sharp.scss +3 -0
- package/dist/assets/noto-sans/fonts/NotoSans-Black.ttf +0 -0
- package/dist/assets/noto-sans/fonts/NotoSans-BlackItalic.ttf +0 -0
- package/dist/assets/noto-sans/fonts/NotoSans-Bold.ttf +0 -0
- package/dist/assets/noto-sans/fonts/NotoSans-BoldItalic.ttf +0 -0
- package/dist/assets/noto-sans/fonts/NotoSans-ExtraBold.ttf +0 -0
- package/dist/assets/noto-sans/fonts/NotoSans-ExtraBoldItalic.ttf +0 -0
- package/dist/assets/noto-sans/fonts/NotoSans-ExtraLight.ttf +0 -0
- package/dist/assets/noto-sans/fonts/NotoSans-ExtraLightItalic.ttf +0 -0
- package/dist/assets/noto-sans/fonts/NotoSans-Italic.ttf +0 -0
- package/dist/assets/noto-sans/fonts/NotoSans-Light.ttf +0 -0
- package/dist/assets/noto-sans/fonts/NotoSans-LightItalic.ttf +0 -0
- package/dist/assets/noto-sans/fonts/NotoSans-Medium.ttf +0 -0
- package/dist/assets/noto-sans/fonts/NotoSans-MediumItalic.ttf +0 -0
- package/dist/assets/noto-sans/fonts/NotoSans-Regular.ttf +0 -0
- package/dist/assets/noto-sans/fonts/NotoSans-SemiBold.ttf +0 -0
- package/dist/assets/noto-sans/fonts/NotoSans-SemiBoldItalic.ttf +0 -0
- package/dist/assets/noto-sans/fonts/NotoSans-Thin.ttf +0 -0
- package/dist/assets/noto-sans/fonts/NotoSans-ThinItalic.ttf +0 -0
- package/dist/assets/noto-sans/fonts/OFL.txt +93 -0
- package/dist/assets/noto-sans/noto-sans.css +11 -0
- package/dist/assets/roboto/LICENSE.txt +202 -0
- package/dist/assets/roboto/Roboto-Black.ttf +0 -0
- package/dist/assets/roboto/Roboto-BlackItalic.ttf +0 -0
- package/dist/assets/roboto/Roboto-Bold.ttf +0 -0
- package/dist/assets/roboto/Roboto-BoldItalic.ttf +0 -0
- package/dist/assets/roboto/Roboto-Italic.ttf +0 -0
- package/dist/assets/roboto/Roboto-Light.ttf +0 -0
- package/dist/assets/roboto/Roboto-LightItalic.ttf +0 -0
- package/dist/assets/roboto/Roboto-Medium.ttf +0 -0
- package/dist/assets/roboto/Roboto-MediumItalic.ttf +0 -0
- package/dist/assets/roboto/Roboto-Regular.ttf +0 -0
- package/dist/assets/roboto/Roboto-Thin.ttf +0 -0
- package/dist/assets/roboto/Roboto-ThinItalic.ttf +0 -0
- package/dist/assets/roboto/roboto.css +27 -0
- package/dist/assets/tabler-icons/fonts/tabler-icons.eot +0 -0
- package/dist/assets/tabler-icons/fonts/tabler-icons.ttf +0 -0
- package/dist/assets/tabler-icons/fonts/tabler-icons.woff +0 -0
- package/dist/assets/tabler-icons/fonts/tabler-icons.woff2 +0 -0
- package/dist/assets/tabler-icons/tabler-icons.css +16056 -0
- package/dist/assets/tabler-icons/tabler-icons.html +36226 -0
- package/dist/assets/tabler-icons/tabler-icons.min.css +4 -0
- package/dist/assets/tabler-icons/tabler-icons.png +0 -0
- package/dist/assets/tabler-icons/tabler-icons.scss +8058 -0
- package/dist/index.html +10 -0
- package/dist/main.js +1 -1
- package/dist/main.js.LICENSE.txt +1 -1
- package/package.json +28 -29
- package/public/assets/README.md +1 -0
- package/public/assets/fontawesome-free/LICENSE.txt +165 -0
- package/public/assets/fontawesome-free/css/all.css +7831 -0
- package/public/assets/fontawesome-free/css/all.min.css +6 -0
- package/public/assets/fontawesome-free/css/brands.css +1432 -0
- package/public/assets/fontawesome-free/css/brands.min.css +6 -0
- package/public/assets/fontawesome-free/css/fontawesome.css +6338 -0
- package/public/assets/fontawesome-free/css/fontawesome.min.css +6 -0
- package/public/assets/fontawesome-free/css/regular.css +19 -0
- package/public/assets/fontawesome-free/css/regular.min.css +6 -0
- package/public/assets/fontawesome-free/css/solid.css +19 -0
- package/public/assets/fontawesome-free/css/solid.min.css +6 -0
- package/public/assets/fontawesome-free/css/svg-with-js.css +634 -0
- package/public/assets/fontawesome-free/css/svg-with-js.min.css +6 -0
- package/public/assets/fontawesome-free/css/v4-font-face.css +26 -0
- package/public/assets/fontawesome-free/css/v4-font-face.min.css +6 -0
- package/public/assets/fontawesome-free/css/v4-shims.css +2146 -0
- package/public/assets/fontawesome-free/css/v4-shims.min.css +6 -0
- package/public/assets/fontawesome-free/css/v5-font-face.css +22 -0
- package/public/assets/fontawesome-free/css/v5-font-face.min.css +6 -0
- package/public/assets/fontawesome-free/webfonts/fa-brands-400.ttf +0 -0
- package/public/assets/fontawesome-free/webfonts/fa-brands-400.woff2 +0 -0
- package/public/assets/fontawesome-free/webfonts/fa-regular-400.ttf +0 -0
- package/public/assets/fontawesome-free/webfonts/fa-regular-400.woff2 +0 -0
- package/public/assets/fontawesome-free/webfonts/fa-solid-900.ttf +0 -0
- package/public/assets/fontawesome-free/webfonts/fa-solid-900.woff2 +0 -0
- package/public/assets/fontawesome-free/webfonts/fa-v4compatibility.ttf +0 -0
- package/public/assets/fontawesome-free/webfonts/fa-v4compatibility.woff2 +0 -0
- package/public/assets/icofont/demo.html +18939 -0
- package/public/assets/icofont/fonts/icofont.eot +0 -0
- package/public/assets/icofont/fonts/icofont.svg +2105 -0
- package/public/assets/icofont/fonts/icofont.ttf +0 -0
- package/public/assets/icofont/fonts/icofont.woff +0 -0
- package/public/assets/icofont/fonts/icofont.woff2 +0 -0
- package/public/assets/icofont/icofont.css +10757 -0
- package/public/assets/icofont/icofont.min.css +7 -0
- package/public/assets/kreon/Kreon-VariableFont_wght.ttf +0 -0
- package/public/assets/kreon/OFL.txt +93 -0
- package/public/assets/kreon/README.txt +67 -0
- package/public/assets/kreon/static/Kreon-Bold.ttf +0 -0
- package/public/assets/kreon/static/Kreon-Light.ttf +0 -0
- package/public/assets/kreon/static/Kreon-Medium.ttf +0 -0
- package/public/assets/kreon/static/Kreon-Regular.ttf +0 -0
- package/public/assets/kreon/static/Kreon-SemiBold.ttf +0 -0
- package/public/assets/kreon/style.css +41 -0
- package/public/assets/material-icons/LICENSE +202 -0
- package/public/assets/material-icons/README.md +129 -0
- package/public/assets/material-icons/_data/versions.json +2124 -0
- package/public/assets/material-icons/css/_codepoints.scss +2279 -0
- package/public/assets/material-icons/css/_mixins.scss +13 -0
- package/public/assets/material-icons/css/_variables.scss +6 -0
- package/public/assets/material-icons/css/material-icons.css +9208 -0
- package/public/assets/material-icons/css/material-icons.min.css +1 -0
- package/public/assets/material-icons/css/material-icons.scss +33 -0
- package/public/assets/material-icons/iconfont/_mixins.scss +55 -0
- package/public/assets/material-icons/iconfont/_variables.scss +3 -0
- package/public/assets/material-icons/iconfont/filled.css +24 -0
- package/public/assets/material-icons/iconfont/filled.scss +4 -0
- package/public/assets/material-icons/iconfont/material-icons-outlined.woff +0 -0
- package/public/assets/material-icons/iconfont/material-icons-outlined.woff2 +0 -0
- package/public/assets/material-icons/iconfont/material-icons-round.woff +0 -0
- package/public/assets/material-icons/iconfont/material-icons-round.woff2 +0 -0
- package/public/assets/material-icons/iconfont/material-icons-sharp.woff +0 -0
- package/public/assets/material-icons/iconfont/material-icons-sharp.woff2 +0 -0
- package/public/assets/material-icons/iconfont/material-icons-two-tone.woff +0 -0
- package/public/assets/material-icons/iconfont/material-icons-two-tone.woff2 +0 -0
- package/public/assets/material-icons/iconfont/material-icons.css +124 -0
- package/public/assets/material-icons/iconfont/material-icons.scss +5 -0
- package/public/assets/material-icons/iconfont/material-icons.woff +0 -0
- package/public/assets/material-icons/iconfont/material-icons.woff2 +0 -0
- package/public/assets/material-icons/iconfont/outlined.css +24 -0
- package/public/assets/material-icons/iconfont/outlined.scss +4 -0
- package/public/assets/material-icons/iconfont/round.css +24 -0
- package/public/assets/material-icons/iconfont/round.scss +4 -0
- package/public/assets/material-icons/iconfont/sharp.css +24 -0
- package/public/assets/material-icons/iconfont/sharp.scss +4 -0
- package/public/assets/material-icons/iconfont/two-tone.css +24 -0
- package/public/assets/material-icons/iconfont/two-tone.scss +4 -0
- package/public/assets/material-icons/index.d.ts +2128 -0
- package/public/assets/material-icons/package.json +52 -0
- package/public/assets/material-symbols/LICENSE +202 -0
- package/public/assets/material-symbols/README.md +114 -0
- package/public/assets/material-symbols/_core.scss +46 -0
- package/public/assets/material-symbols/index.css +74 -0
- package/public/assets/material-symbols/index.d.ts +2809 -0
- package/public/assets/material-symbols/index.scss +3 -0
- package/public/assets/material-symbols/material-symbols-outlined.woff2 +0 -0
- package/public/assets/material-symbols/material-symbols-rounded.woff2 +0 -0
- package/public/assets/material-symbols/material-symbols-sharp.woff2 +0 -0
- package/public/assets/material-symbols/outlined.css +24 -0
- package/public/assets/material-symbols/outlined.scss +3 -0
- package/public/assets/material-symbols/package.json +41 -0
- package/public/assets/material-symbols/rounded.css +24 -0
- package/public/assets/material-symbols/rounded.scss +3 -0
- package/public/assets/material-symbols/sharp.css +24 -0
- package/public/assets/material-symbols/sharp.scss +3 -0
- package/public/assets/noto-sans/fonts/NotoSans-Black.ttf +0 -0
- package/public/assets/noto-sans/fonts/NotoSans-BlackItalic.ttf +0 -0
- package/public/assets/noto-sans/fonts/NotoSans-Bold.ttf +0 -0
- package/public/assets/noto-sans/fonts/NotoSans-BoldItalic.ttf +0 -0
- package/public/assets/noto-sans/fonts/NotoSans-ExtraBold.ttf +0 -0
- package/public/assets/noto-sans/fonts/NotoSans-ExtraBoldItalic.ttf +0 -0
- package/public/assets/noto-sans/fonts/NotoSans-ExtraLight.ttf +0 -0
- package/public/assets/noto-sans/fonts/NotoSans-ExtraLightItalic.ttf +0 -0
- package/public/assets/noto-sans/fonts/NotoSans-Italic.ttf +0 -0
- package/public/assets/noto-sans/fonts/NotoSans-Light.ttf +0 -0
- package/public/assets/noto-sans/fonts/NotoSans-LightItalic.ttf +0 -0
- package/public/assets/noto-sans/fonts/NotoSans-Medium.ttf +0 -0
- package/public/assets/noto-sans/fonts/NotoSans-MediumItalic.ttf +0 -0
- package/public/assets/noto-sans/fonts/NotoSans-Regular.ttf +0 -0
- package/public/assets/noto-sans/fonts/NotoSans-SemiBold.ttf +0 -0
- package/public/assets/noto-sans/fonts/NotoSans-SemiBoldItalic.ttf +0 -0
- package/public/assets/noto-sans/fonts/NotoSans-Thin.ttf +0 -0
- package/public/assets/noto-sans/fonts/NotoSans-ThinItalic.ttf +0 -0
- package/public/assets/noto-sans/fonts/OFL.txt +93 -0
- package/public/assets/noto-sans/noto-sans.css +11 -0
- package/public/assets/roboto/LICENSE.txt +202 -0
- package/public/assets/roboto/Roboto-Black.ttf +0 -0
- package/public/assets/roboto/Roboto-BlackItalic.ttf +0 -0
- package/public/assets/roboto/Roboto-Bold.ttf +0 -0
- package/public/assets/roboto/Roboto-BoldItalic.ttf +0 -0
- package/public/assets/roboto/Roboto-Italic.ttf +0 -0
- package/public/assets/roboto/Roboto-Light.ttf +0 -0
- package/public/assets/roboto/Roboto-LightItalic.ttf +0 -0
- package/public/assets/roboto/Roboto-Medium.ttf +0 -0
- package/public/assets/roboto/Roboto-MediumItalic.ttf +0 -0
- package/public/assets/roboto/Roboto-Regular.ttf +0 -0
- package/public/assets/roboto/Roboto-Thin.ttf +0 -0
- package/public/assets/roboto/Roboto-ThinItalic.ttf +0 -0
- package/public/assets/roboto/roboto.css +27 -0
- package/public/assets/tabler-icons/fonts/tabler-icons.eot +0 -0
- package/public/assets/tabler-icons/fonts/tabler-icons.ttf +0 -0
- package/public/assets/tabler-icons/fonts/tabler-icons.woff +0 -0
- package/public/assets/tabler-icons/fonts/tabler-icons.woff2 +0 -0
- package/public/assets/tabler-icons/tabler-icons.css +16056 -0
- package/public/assets/tabler-icons/tabler-icons.html +36226 -0
- package/public/assets/tabler-icons/tabler-icons.min.css +4 -0
- package/public/assets/tabler-icons/tabler-icons.png +0 -0
- package/public/assets/tabler-icons/tabler-icons.scss +8058 -0
- package/public/index.html +10 -0
- package/src/components/input-radio/horizontal.tsx +2 -2
- package/src/components/input-radio/partials/cases.tsx +0 -13
- package/src/components/input-text/smart-button.tsx +40 -24
- package/src/components/select/partials/cases.tsx +2 -1
- package/src/components/single-select/partials/cases.tsx +1 -0
- package/src/components/toolbar/basic.tsx +39 -36
- package/src/react.main.tsx +1 -0
- package/src/scenarios/inputs-get-value.tsx +9 -4
- package/src/scenarios/performance-test.tsx +27 -0
- package/src/scenarios/routes.ts +5 -3
- package/dist/1006.js +0 -2
- package/dist/1752.js +0 -2
- package/dist/1932.js +0 -2
- package/dist/2069.js +0 -2
- package/dist/2212.js +0 -2
- package/dist/2231.js +0 -2
- package/dist/2596.js +0 -2
- package/dist/2827.js +0 -2
- package/dist/3151.js +0 -2
- package/dist/3203.js +0 -2
- package/dist/3540.js +0 -2
- package/dist/373.js +0 -2
- package/dist/3920.js +0 -2
- package/dist/4030.js +0 -2
- package/dist/4048.js +0 -2
- package/dist/4201.js +0 -2
- package/dist/4611.js +0 -2
- package/dist/4641.js +0 -2
- package/dist/5061.js +0 -2
- package/dist/5249.js +0 -2
- package/dist/5301.js +0 -2
- package/dist/5690.js +0 -2
- package/dist/5746.js +0 -2
- package/dist/5821.js +0 -2
- package/dist/6047.js +0 -2
- package/dist/6066.js +0 -2
- package/dist/6256.js +0 -2
- package/dist/6304.js +0 -2
- package/dist/6781.js +0 -2
- package/dist/6984.js +0 -2
- package/dist/7013.js +0 -2
- package/dist/7178.js +0 -2
- package/dist/740.js +0 -2
- package/dist/7444.js +0 -2
- package/dist/7533.js +0 -2
- package/dist/7534.js +0 -2
- package/dist/7535.js +0 -2
- package/dist/775.js +0 -2
- package/dist/8137.js +0 -2
- package/dist/8180.js +0 -2
- package/dist/8192.js +0 -2
- package/dist/8246.js +0 -1
- package/dist/833.js +0 -2
- package/dist/8378.js +0 -2
- package/dist/8605.js +0 -2
- package/dist/8625.js +0 -2
- package/dist/8840.js +0 -2
- package/dist/907.js +0 -2
- package/dist/9255.js +0 -2
- package/dist/9322.js +0 -2
- package/dist/9581.js +0 -2
- package/dist/9731.js +0 -2
- package/dist/9879.js +0 -2
- package/dist/9907.js +0 -2
- package/dist/9930.js +0 -2
- package/dist/9938.js +0 -2
- /package/dist/{1006.js.LICENSE.txt → 1003.js.LICENSE.txt} +0 -0
- /package/dist/{1752.js.LICENSE.txt → 1103.js.LICENSE.txt} +0 -0
- /package/dist/{1932.js.LICENSE.txt → 1186.js.LICENSE.txt} +0 -0
- /package/dist/{2069.js.LICENSE.txt → 1502.js.LICENSE.txt} +0 -0
- /package/dist/{2212.js.LICENSE.txt → 1664.js.LICENSE.txt} +0 -0
- /package/dist/{2231.js.LICENSE.txt → 1983.js.LICENSE.txt} +0 -0
- /package/dist/{2321.js.LICENSE.txt → 2297.js.LICENSE.txt} +0 -0
- /package/dist/{2596.js.LICENSE.txt → 2444.js.LICENSE.txt} +0 -0
- /package/dist/{2827.js.LICENSE.txt → 2618.js.LICENSE.txt} +0 -0
- /package/dist/{2894.js.LICENSE.txt → 2732.js.LICENSE.txt} +0 -0
- /package/dist/{3099.js.LICENSE.txt → 2763.js.LICENSE.txt} +0 -0
- /package/dist/{3151.js.LICENSE.txt → 2764.js.LICENSE.txt} +0 -0
- /package/dist/{3203.js.LICENSE.txt → 2769.js.LICENSE.txt} +0 -0
- /package/dist/{3540.js.LICENSE.txt → 2886.js.LICENSE.txt} +0 -0
- /package/dist/{373.js.LICENSE.txt → 2930.js.LICENSE.txt} +0 -0
- /package/dist/{3918.js.LICENSE.txt → 2948.js.LICENSE.txt} +0 -0
- /package/dist/{3920.js.LICENSE.txt → 3077.js.LICENSE.txt} +0 -0
- /package/dist/{4030.js.LICENSE.txt → 3132.js.LICENSE.txt} +0 -0
- /package/dist/{4048.js.LICENSE.txt → 3311.js.LICENSE.txt} +0 -0
- /package/dist/{4201.js.LICENSE.txt → 3410.js.LICENSE.txt} +0 -0
- /package/dist/{4587.js.LICENSE.txt → 3457.js.LICENSE.txt} +0 -0
- /package/dist/{4611.js.LICENSE.txt → 3522.js.LICENSE.txt} +0 -0
- /package/dist/{4641.js.LICENSE.txt → 3868.js.LICENSE.txt} +0 -0
- /package/dist/{4876.js.LICENSE.txt → 3924.js.LICENSE.txt} +0 -0
- /package/dist/{5061.js.LICENSE.txt → 3952.js.LICENSE.txt} +0 -0
- /package/dist/{5249.js.LICENSE.txt → 4288.js.LICENSE.txt} +0 -0
- /package/dist/{5301.js.LICENSE.txt → 4321.js.LICENSE.txt} +0 -0
- /package/dist/{5690.js.LICENSE.txt → 4383.js.LICENSE.txt} +0 -0
- /package/dist/{5746.js.LICENSE.txt → 4595.js.LICENSE.txt} +0 -0
- /package/dist/{5821.js.LICENSE.txt → 4678.js.LICENSE.txt} +0 -0
- /package/dist/{6047.js.LICENSE.txt → 473.js.LICENSE.txt} +0 -0
- /package/dist/{6066.js.LICENSE.txt → 4812.js.LICENSE.txt} +0 -0
- /package/dist/{6256.js.LICENSE.txt → 4843.js.LICENSE.txt} +0 -0
- /package/dist/{6304.js.LICENSE.txt → 4879.js.LICENSE.txt} +0 -0
- /package/dist/{6781.js.LICENSE.txt → 4992.js.LICENSE.txt} +0 -0
- /package/dist/{6790.js.LICENSE.txt → 5011.js.LICENSE.txt} +0 -0
- /package/dist/{6984.js.LICENSE.txt → 5389.js.LICENSE.txt} +0 -0
- /package/dist/{7013.js.LICENSE.txt → 5395.js.LICENSE.txt} +0 -0
- /package/dist/{7178.js.LICENSE.txt → 5663.js.LICENSE.txt} +0 -0
- /package/dist/{7347.js.LICENSE.txt → 5734.js.LICENSE.txt} +0 -0
- /package/dist/{740.js.LICENSE.txt → 5799.js.LICENSE.txt} +0 -0
- /package/dist/{7444.js.LICENSE.txt → 620.js.LICENSE.txt} +0 -0
- /package/dist/{7533.js.LICENSE.txt → 6381.js.LICENSE.txt} +0 -0
- /package/dist/{7534.js.LICENSE.txt → 663.js.LICENSE.txt} +0 -0
- /package/dist/{7535.js.LICENSE.txt → 7016.js.LICENSE.txt} +0 -0
- /package/dist/{775.js.LICENSE.txt → 7239.js.LICENSE.txt} +0 -0
- /package/dist/{8137.js.LICENSE.txt → 7269.js.LICENSE.txt} +0 -0
- /package/dist/{8180.js.LICENSE.txt → 7281.js.LICENSE.txt} +0 -0
- /package/dist/{8192.js.LICENSE.txt → 7570.js.LICENSE.txt} +0 -0
- /package/dist/{833.js.LICENSE.txt → 7642.js.LICENSE.txt} +0 -0
- /package/dist/{8378.js.LICENSE.txt → 7839.js.LICENSE.txt} +0 -0
- /package/dist/{8605.js.LICENSE.txt → 7906.js.LICENSE.txt} +0 -0
- /package/dist/{8625.js.LICENSE.txt → 7940.js.LICENSE.txt} +0 -0
- /package/dist/{8840.js.LICENSE.txt → 8000.js.LICENSE.txt} +0 -0
- /package/dist/{907.js.LICENSE.txt → 8138.js.LICENSE.txt} +0 -0
- /package/dist/{9108.js.LICENSE.txt → 8277.js.LICENSE.txt} +0 -0
- /package/dist/{9255.js.LICENSE.txt → 8929.js.LICENSE.txt} +0 -0
- /package/dist/{9322.js.LICENSE.txt → 9044.js.LICENSE.txt} +0 -0
- /package/dist/{9581.js.LICENSE.txt → 9160.js.LICENSE.txt} +0 -0
- /package/dist/{9719.js.LICENSE.txt → 9194.js.LICENSE.txt} +0 -0
- /package/dist/{9731.js.LICENSE.txt → 9487.js.LICENSE.txt} +0 -0
- /package/dist/{9879.js.LICENSE.txt → 9671.js.LICENSE.txt} +0 -0
- /package/dist/{9907.js.LICENSE.txt → 978.js.LICENSE.txt} +0 -0
- /package/dist/{9930.js.LICENSE.txt → 9781.js.LICENSE.txt} +0 -0
- /package/dist/{9938.js.LICENSE.txt → 979.js.LICENSE.txt} +0 -0
package/dist/833.js
DELETED
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
/*! For license information please see 833.js.LICENSE.txt */
|
|
2
|
-
"use strict";(self.webpackChunk_public_ui_sample_react=self.webpackChunk_public_ui_sample_react||[]).push([[833],{833:(e,n,t)=>{t.r(n),t.d(n,{kol_details:()=>p});var i=t(5191),o=t(6943),l=t(3050),a=t(3694),s=t(3167),r=t(3892),c=t(1742),d=t(3638),h=t(6045);const p=class{constructor(e){(0,i.r)(this,e),this.nonce=(0,o.n)(),this.catchRef=e=>{this.buttonWcRef=e},this.handleOnClick=e=>{this._open=!this._open,clearTimeout(this.toggleTimeout),this.toggleTimeout=setTimeout((()=>{var n,t;this.host&&(0,a.d)(this.host,a.K.toggle,Boolean(this._open)),null===(t=null===(n=this.state._on)||void 0===n?void 0:n.onToggle)||void 0===t||t.call(n,e,Boolean(this._open))}),25)},this._disabled=!1,this._label=void 0,this._level=0,this._on=void 0,this._open=!1,this.state={_label:"",_level:0,_on:{}}}kolFocus(){return e=this,n=function*(){var e;yield null===(e=this.buttonWcRef)||void 0===e?void 0:e.kolFocus()},new Promise(((t,i)=>{var o=e=>{try{a(n.next(e))}catch(e){i(e)}},l=e=>{try{a(n.throw(e))}catch(e){i(e)}},a=e=>e.done?t(e.value):Promise.resolve(e.value).then(o,l);a((n=n.apply(e,null)).next())}));var e,n}render(){const{_open:e,_label:n,_disabled:t,_level:o}=this.state,l="kol-details",a={id:this.nonce,label:n,open:e,disabled:t,level:o,onClick:this.handleOnClick,class:l,HeadingProps:{class:`${l}__heading`},HeadingButtonProps:{ref:this.catchRef,class:`${l}__heading-button`,_icons:"codicon codicon-chevron-right"},ContentProps:{class:`${l}__content indented-text`,wrapperClass:`${l}__wrapper`,animationClass:`${l}__wrapper-animation`}};return(0,i.h)(s.K,Object.assign({key:"bda32e79cfd2848ae618845ab2a20ae8b65ad0a3"},a),(0,i.h)("slot",{key:"846096375015a456c275333f701a44343a9e167c"}))}validateDisabled(e){(0,c.v)(this,e)}validateLabel(e){(0,d.v)(this,e,{required:!0})}validateLevel(e){(0,l.w)(this,e)}validateOn(e){var n;n=e,(0,r.w)(this,"_on",(e=>"object"==typeof e&&null!==e),new Set(["DetailsCallbacksPropType {Events.onToggle}"]),n)}validateOpen(e){(0,h.v)(this,e)}componentWillLoad(){this.validateDisabled(this._disabled),this.validateLabel(this._label),this.validateLevel(this._level),this.validateOn(this._on),this.validateOpen(this._open)}get host(){return(0,i.g)(this)}static get watchers(){return{_disabled:["validateDisabled"],_label:["validateLabel"],_level:["validateLevel"],_on:["validateOn"],_open:["validateOpen"]}}};p.style={default:"/*\n * This file contains all rules for accessibility.\n */\n@layer kol-global {\n :host {\n /*\n * Minimum size of interactive elements.\n */\n --a11y-min-size: calc(44rem / var(--kolibri-root-font-size, 16));\n /*\n * No element should be used without a background and font color whose contrast ratio has\n * not been checked. By initially setting the background color to white and the font color\n * to black, the contrast ratio is ensured and explicit adjustment is forced.\n */\n background-color: white;\n color: black;\n /*\n * Verdana is an accessible font that can be used without requiring additional loading time.\n */\n font-family: Verdana;\n }\n * {\n /*\n * This rule enables the word dividing for all texts. That is important for high zoom levels.\n */\n hyphens: auto;\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 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/**\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: calc(1rem / var(--kolibri-root-font-size, 16));\n overflow: hidden;\n position: absolute;\n white-space: nowrap;\n width: calc(1rem / var(--kolibri-root-font-size, 16));\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%;\n /* 100% needed for custom width from outside */\n }\n /*\n * Ensure elements with hidden attribute to be actually not visible\n * @see https://meowni.ca/hidden.is.a.lie.html\n */\n [hidden] {\n display: none !important;\n }\n .badge-text-hint {\n background-color: lightgray;\n color: black;\n }\n}\n@layer kol-global {\n :host {\n /*\n * The max-width is needed to prevent the table from overflowing the\n * parent node, if the table is wider than the parent node.\n */\n max-width: 100%;\n }\n * {\n /*\n * We prefer to box-sizing: border-box for all elements.\n */\n box-sizing: border-box;\n }\n .kol-span {\n /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\n display: grid;\n place-items: center;\n /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\n }\n .kol-span__container {\n display: flex;\n place-items: center;\n }\n a,\n button {\n cursor: pointer;\n }\n .kol-span .kol-span__label--hide-label .kol-span__label {\n display: none;\n }\n /* Reset browser agent style. */\n button:disabled {\n color: unset;\n }\n .disabled label,\n .disabled:focus-within label,\n [aria-disabled=true],\n [aria-disabled=true]:focus,\n [disabled],\n [disabled]:focus {\n cursor: not-allowed;\n opacity: 0.5;\n outline: none;\n }\n [aria-disabled=true]:focus .kol-span,\n [disabled]:focus .kol-span {\n outline: none !important;\n }\n}\n@layer kol-component {\n :host {\n display: block;\n }\n}\n/* For animation technique see https://css-tricks.com/css-grid-can-do-auto-height-transitions/ */\n@layer kol-component {\n .collapsible {\n /* @see https://github.com/public-ui/kolibri/issues/5952 */\n /*\n * Inside a button, the caption text is always centered.\n * So we have to align the text to the left.\n */\n }\n .collapsible__wrapper {\n display: grid;\n grid-template-rows: 0fr;\n overflow: hidden;\n transition: grid-template-rows 0.3s;\n }\n .collapsible__wrapper-animation {\n min-height: 0;\n transition: visibility 0.3s;\n /* This property is important to keep in sync with the visual transition (template-rows). Without it interactive elements within the accordion would stay focusable. */\n visibility: hidden;\n }\n .collapsible--open .collapsible__wrapper {\n grid-template-rows: 1fr;\n }\n .collapsible--open .collapsible__wrapper-animation {\n visibility: visible;\n }\n @media (prefers-reduced-motion) {\n .collapsible__wrapper-animation, .collapsible__wrapper {\n transition-duration: 0s;\n }\n }\n @media print {\n :not(.collapsible--open) .collapsible__wrapper-animation {\n display: none;\n }\n }\n .collapsible__heading-button button .kol-span {\n justify-items: start;\n }\n}\n@layer kol-component {\n .kol-details {\n font-size: calc(16rem / var(--kolibri-root-font-size, 16));\n }\n .kol-details__heading-button {\n display: flex;\n }\n .kol-details__heading-button .kol-button {\n min-height: auto;\n }\n .kol-details__heading-button .kol-button .kol-span__label {\n border-bottom-color: grey;\n border-bottom-style: solid;\n }\n .collapsible--open .kol-details__heading-button .kol-icon::part(icon) {\n transform: rotate(90deg);\n }\n}"}},1111:(e,n,t)=>{function i(e,n){var t={};for(var i in e)Object.prototype.hasOwnProperty.call(e,i)&&n.indexOf(i)<0&&(t[i]=e[i]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(i=Object.getOwnPropertySymbols(e);o<i.length;o++)n.indexOf(i[o])<0&&Object.prototype.propertyIsEnumerable.call(e,i[o])&&(t[i[o]]=e[i[o]])}return t}t.d(n,{_:()=>i}),"function"==typeof SuppressedError&&SuppressedError},1742:(e,n,t)=>{t.d(n,{v:()=>o});var i=t(3892);const o=(e,n)=>{(0,i.b)(e,"_disabled",n,{hooks:{afterPatch:e=>{!0===e&&(0,i.c)()}}})}},3050:(e,n,t)=>{t.d(n,{w:()=>l});var i=t(3638),o=t(3892);const l=(e,n)=>{(0,o.w)(e,"_level",(e=>"number"==typeof e&&i.h.includes(e)),new Set([`Number {${i.h.join(", ")}`]),n,{defaultValue:1,required:!0})}},3167:(e,n,t)=>{t.d(n,{K:()=>r});var i=t(1111),o=t(5191),l=t(8045),a=t(7763),s=t(8740);const r=(e,n)=>{const{id:t,class:r,label:c,level:d=1,disabled:h,open:p,onClick:u,HeadingProps:b={},HeadingButtonProps:v={},ContentProps:f={}}=e,g=(0,i._)(e,["id","class","label","level","disabled","open","onClick","HeadingProps","HeadingButtonProps","ContentProps"]),m=p?"remove":"add";return(0,o.h)("div",Object.assign({id:t,class:(0,l.c)("collapsible",{"collapsible--disabled":!0===h,"collapsible--open":!0===p},r)},g),(0,o.h)(s.K,{ref:null==b?void 0:b.ref,level:d,class:(0,l.c)("collapsible__heading",null==b?void 0:b.class)},(0,o.h)(a.a,{class:(0,l.c)("collapsible__heading-button",null==v?void 0:v.class),ref:null==v?void 0:v.ref,slot:"expert",_ariaControls:`${t}-control`,_ariaExpanded:p,_disabled:h,_icons:(null==v?void 0:v._icons)||`codicon codicon-${m}`,_label:c,_on:{onClick:u}})),(0,o.h)("div",{class:(0,l.c)("collapsible__wrapper",null==f?void 0:f.wrapperClass)},(0,o.h)("div",{class:(0,l.c)("collapsible__wrapper-animation",null==f?void 0:f.animationClass)},(0,o.h)("div",{"aria-hidden":!1===p?"true":void 0,class:(0,l.c)("collapsible__content",null==f?void 0:f.class),id:`${t}-control`},n))))}},3638:(e,n,t)=>{t.d(n,{a:()=>h,b:()=>s,c:()=>r,h:()=>o,v:()=>d});var i=t(3892);const o=[0,1,2,3,4,5,6],l=/[a-zA-Z0-9äöüÄÖÜß]/g,a=/^\d+$/;function s(e,n=1){return function(e){var n;return"string"==typeof e&&(null===(n=e.match(l))||void 0===n?void 0:n.length)||0}(e)>=n}function r(e){return a.test(e)}const c=new Set(["string"]),d=(e,n,t={})=>{(0,i.w)(e,"_label",(e=>"string"==typeof e),c,n,function(e){var n;return Object.assign(Object.assign({},e),{hooks:{afterPatch:(n,t,o,l)=>{var a,c;"function"==typeof(null===(a=e.hooks)||void 0===a?void 0:a.afterPatch)&&(null===(c=e.hooks)||void 0===c||c.afterPatch(n,t,o,l)),"string"==typeof n&&!1===s(n,3)&&!1===r(n)&&(0,i.a)(`The heading or label ("${n}") is not accessible. A label should consist of at least three readable characters.`),"string"==typeof n&&n.length>80&&(0,i.u)("A heading or label should not be longer than 80 characters.")},beforePatch:null===(n=e.hooks)||void 0===n?void 0:n.beforePatch}})}(t))},h=d},3648:(e,n,t)=>{t.d(n,{b:()=>l,p:()=>i,s:()=>o});let i="development";try{i="production"}catch(e){i="production"}const o=e=>""===e,l=(e,n)=>e||n||""},6045:(e,n,t)=>{t.d(n,{v:()=>o});var i=t(3892);const o=(e,n,t)=>{(0,i.b)(e,"_open",n,t)}},6943:(e,n,t)=>{t.d(n,{i:()=>s,n:()=>c,r:()=>r});var i=t(5191),o=t(3648),l=t(3051);const a=()=>{let e=(0,l.d)().KoliBri;return void 0===e&&(e={},Object.defineProperty((0,l.d)(),"KoliBri",{value:e,writable:!1})),e},s=()=>{(()=>{const e=(0,l.g)().querySelector('meta[name="kolibri"]');if(e&&e.hasAttribute("content")){const n=e.getAttribute("content");"string"==typeof n&&((0,l.s)(n.includes("dev-mode=true")),(0,l.b)(n.includes("experimental-mode=true")),(0,l.c)(n.includes("color-contrast-analysis=true")))}})(),l.L.debug(`\n,--. ,--. ,--. ,--. ,-----. ,--.\n| .' / ,---. | | \`--' | |) /_ ,--.--. \`--'\n| . ' | .-. | | | ,--. | .-. \\ | .--' ,--.\n| |\\ \\ | '-' | | | | | | '--' / | | | |\n\`--' \`--´ \`---´ \`--' \`--' \`------´ \`--' \`--'\n🚹 The accessible HTML-Standard | 👉 https://public-ui.github.io | ${i.E.kolibriVersion}\n\t`,{forceLog:!0})},r=()=>{!0!==a().adviceShown&&(Object.defineProperty(a(),"adviceShown",{get:function(){return!0}}),l.L.debug("\nYou are using the KoliBri component library. If you have any suggestions for improvement or find a problem, please contact us:\n\nTicket: https://github.com/public-ui/kolibri/issues/new/choose (for privacy reasons, please use email)\nEmail: kolibri@itzbund.de\n"))};let c=()=>Math.floor(16777215*Math.random()).toString(16);"test"===o.p&&(c=()=>"nonce")},8045:(e,n,t)=>{function i(e){var n,t,o="";if("string"==typeof e||"number"==typeof e)o+=e;else if("object"==typeof e)if(Array.isArray(e)){var l=e.length;for(n=0;n<l;n++)e[n]&&(t=i(e[n]))&&(o&&(o+=" "),o+=t)}else for(t in e)e[t]&&(o&&(o+=" "),o+=t);return o}function o(){for(var e,n,t=0,o="",l=arguments.length;t<l;t++)(e=arguments[t])&&(n=i(e))&&(o&&(o+=" "),o+=n);return o}t.d(n,{c:()=>o})},8740:(e,n,t)=>{t.d(n,{K:()=>d});var i=t(1111),o=t(5191),l=t(8045);const a=1;function s(e){return function(e){return e>=a&&e<=6}(e)?`h${e}`:"strong"}const r=(e,n)=>{var{class:t,level:r=a,variant:c}=e,d=(0,i._)(e,["class","level","variant"]);const h=s(r),p=c||h;return(0,o.h)(h,Object.assign({class:(0,l.c)("kol-headline",`kol-headline--${p}`,t)},d),n)},c=(e,n)=>{var{class:t,level:r=a}=e,c=(0,i._)(e,["class","level"]);const d=function(e){return 1===e?"span":s(e)}(r+1);return(0,o.h)(d,Object.assign({class:(0,l.c)("kol-headline kol-headline--group kol-headline--secondary",t)},c),n)},d=(e,n)=>{var{secondaryHeadline:t,level:s=a,class:d,HeadingGroupProps:h={},SecondaryHeadlineProps:p={}}=e,u=(0,i._)(e,["secondaryHeadline","level","class","HeadingGroupProps","SecondaryHeadlineProps"]);const b=Object.assign({level:s},u);if(!t)return(0,o.h)(r,Object.assign({class:(0,l.c)(d,"kol-headline--single")},b),n);const{class:v}=h,f=(0,i._)(h,["class"]),g=Object.assign({class:(0,l.c)("kol-heading-group",v)},f);return(0,o.h)("hgroup",Object.assign({},g),(0,o.h)(r,Object.assign({class:(0,l.c)(d,"kol-headline--group","kol-headline--primary")},b),n),(0,o.h)(c,Object.assign({level:s},p),t))}}}]);
|
package/dist/8378.js
DELETED
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
/*! For license information please see 8378.js.LICENSE.txt */
|
|
2
|
-
"use strict";(self.webpackChunk_public_ui_sample_react=self.webpackChunk_public_ui_sample_react||[]).push([[8378],{252:(t,e,a)=>{a.d(e,{v:()=>s});var i=a(3892);const s=(t,e,a={})=>{(0,i.i)(t,"_href",e,a)}},1250:(t,e,a)=>{a.d(e,{v:()=>s});var i=a(5477);const s=(t,e)=>{(0,i.a)(t,"_tooltipAlign",e)}},1251:(t,e,a)=>{a.d(e,{v:()=>l});var i=a(3892),s=a(7125);const o=(t,e,a)=>{(0,s.b)(a)?t[e]=a:(0,s.i)(a,1)&&(t[e]={icon:a})},n=t=>"object"==typeof t&&null!==t&&(void 0===t.style||(0,s.a)(t.style))&&(void 0===t.label||(0,s.i)(t.label))&&(0,s.i)(t.icon,1),l=(t,e,a={})=>{(0,i.o)(e,(()=>{var l;try{e=(0,i.p)(e)}catch(t){}(0,i.w)(t,"_icons",(t=>{const e="object"==typeof t&&null!==t&&0===Object.keys(t).length;return null===t||e||(0,s.i)(t,1)||"object"==typeof t&&null!==t&&((0,s.i)(t.left,1)||n(t.left)||(0,s.i)(t.right,1)||n(t.right)||(0,s.i)(t.top,1)||n(t.top)||(0,s.i)(t.bottom,1)||n(t.bottom))}),new Set(["KoliBriIcon"]),e,Object.assign(Object.assign({},a),{defaultValue:{},hooks:{afterPatch:null===(l=a.hooks)||void 0===l?void 0:l.afterPatch,beforePatch:(t,e,i,n)=>{var l,r;"function"==typeof(null===(l=a.hooks)||void 0===l?void 0:l.beforePatch)&&(null===(r=a.hooks)||void 0===r||r.beforePatch(t,e,i,n)),(t=>{var e,a,i;if(null===(e=t.nextState)||void 0===e?void 0:e.has("_icons")){const e=null===(a=t.nextState)||void 0===a?void 0:a.get("_icons");null===(i=t.nextState)||void 0===i||i.set("_icons",(t=>{let e={};return(0,s.i)(t,1)?e={left:{icon:t}}:"object"==typeof t&&null!==t&&(o(e,"top",t.top),o(e,"right",t.right),o(e,"bottom",t.bottom),o(e,"left",t.left)),e})(e))}})(i)}}}))}))}},1742:(t,e,a)=>{a.d(e,{v:()=>s});var i=a(3892);const s=(t,e)=>{(0,i.b)(t,"_disabled",e,{hooks:{afterPatch:t=>{!0===t&&(0,i.c)()}}})}},3638:(t,e,a)=>{a.d(e,{a:()=>c,b:()=>l,c:()=>r,h:()=>s,v:()=>h});var i=a(3892);const s=[0,1,2,3,4,5,6],o=/[a-zA-Z0-9äöüÄÖÜß]/g,n=/^\d+$/;function l(t,e=1){return function(t){var e;return"string"==typeof t&&(null===(e=t.match(o))||void 0===e?void 0:e.length)||0}(t)>=e}function r(t){return n.test(t)}const d=new Set(["string"]),h=(t,e,a={})=>{(0,i.w)(t,"_label",(t=>"string"==typeof t),d,e,function(t){var e;return Object.assign(Object.assign({},t),{hooks:{afterPatch:(e,a,s,o)=>{var n,d;"function"==typeof(null===(n=t.hooks)||void 0===n?void 0:n.afterPatch)&&(null===(d=t.hooks)||void 0===d||d.afterPatch(e,a,s,o)),"string"==typeof e&&!1===l(e,3)&&!1===r(e)&&(0,i.a)(`The heading or label ("${e}") is not accessible. A label should consist of at least three readable characters.`),"string"==typeof e&&e.length>80&&(0,i.u)("A heading or label should not be longer than 80 characters.")},beforePatch:null===(e=t.hooks)||void 0===e?void 0:e.beforePatch}})}(a))},c=h},5452:(t,e,a)=>{a.d(e,{t:()=>o});var i=a(4269),s=a(3648);let o=(t,e)=>{var a;return(null!==(a=(0,i.g)())&&void 0!==a?a:(0,i.i)("de")).translate(t,e)};"test"===s.p&&(o=t=>t)},5477:(t,e,a)=>{a.d(e,{a:()=>s,v:()=>n});var i=a(3892);const s=(t,e,a)=>{(0,i.w)(t,e,(t=>"string"==typeof t&&o.includes(t)),new Set(o),a,{defaultValue:"top"})},o=["left","right","top","bottom"],n=(t,e)=>{s(t,"_align",e)}},5847:(t,e,a)=>{a.d(e,{a:()=>r,b:()=>l,c:()=>n,v:()=>s});var i=a(3892);const s=(t,e)=>{(0,i.i)(t,"_accessKey",e)},o={hooks:{afterPatch:t=>{-1!==t&&0!==t&&(0,i.a)("Don't Use Tabindex Greater than 0: https://adrianroselli.com/2014/11/dont-use-tabindex-greater-than-0.html")}}},n=(t,e)=>{(0,i.k)(t,"_tabIndex",e,o)},l=(t,e)=>{(0,i.i)(t,"_shortKey",e)},r=(t,e)=>{if(t&&e)throw new Error("AccessKey and ShortKey are used. Only one is allowed.")}},6184:(t,e,a)=>{a.d(e,{v:()=>s});var i=a(3892);const s=(t,e)=>{(0,i.i)(t,"_customClass",e,{defaultValue:void 0})}},6812:(t,e,a)=>{a.d(e,{a:()=>l,b:()=>o,c:()=>d,v:()=>n});var i=a(3892);const s=["button","link","tab","treeitem"],o=(t,e)=>{(0,i.w)(t,"_role",(t=>"string"==typeof t&&s.includes(t)),new Set([`KoliBriAlternativeButtonLinkRole {${s.join(", ")}`]),e)},n=(t,e)=>{(0,i.i)(t,"_ariaDescription",e)},l=(t,e)=>{(0,i.b)(t,"_ariaExpanded",e)},r=["primary","secondary","normal","tertiary","danger","ghost","custom"],d=(t,e)=>{(0,i.w)(t,"_variant",(t=>"string"==typeof t&&r.includes(t)),new Set([`KoliBriButtonVariant {${r.join(", ")}`]),e,{defaultValue:"normal"})}},6943:(t,e,a)=>{a.d(e,{i:()=>l,n:()=>d,r:()=>r});var i=a(5191),s=a(3648),o=a(3051);const n=()=>{let t=(0,o.d)().KoliBri;return void 0===t&&(t={},Object.defineProperty((0,o.d)(),"KoliBri",{value:t,writable:!1})),t},l=()=>{(()=>{const t=(0,o.g)().querySelector('meta[name="kolibri"]');if(t&&t.hasAttribute("content")){const e=t.getAttribute("content");"string"==typeof e&&((0,o.s)(e.includes("dev-mode=true")),(0,o.b)(e.includes("experimental-mode=true")),(0,o.c)(e.includes("color-contrast-analysis=true")))}})(),o.L.debug(`\n,--. ,--. ,--. ,--. ,-----. ,--.\n| .' / ,---. | | \`--' | |) /_ ,--.--. \`--'\n| . ' | .-. | | | ,--. | .-. \\ | .--' ,--.\n| |\\ \\ | '-' | | | | | | '--' / | | | |\n\`--' \`--´ \`---´ \`--' \`--' \`------´ \`--' \`--'\n🚹 The accessible HTML-Standard | 👉 https://public-ui.github.io | ${i.E.kolibriVersion}\n\t`,{forceLog:!0})},r=()=>{!0!==n().adviceShown&&(Object.defineProperty(n(),"adviceShown",{get:function(){return!0}}),o.L.debug("\nYou are using the KoliBri component library. If you have any suggestions for improvement or find a problem, please contact us:\n\nTicket: https://github.com/public-ui/kolibri/issues/new/choose (for privacy reasons, please use email)\nEmail: kolibri@itzbund.de\n"))};let d=()=>Math.floor(16777215*Math.random()).toString(16);"test"===s.p&&(d=()=>"nonce")},7125:(t,e,a)=>{a.d(e,{S:()=>n,a:()=>o,b:()=>i,i:()=>s});const i=t=>"object"==typeof t&&null!==t,s=(t,e=0)=>"string"==typeof t&&t.length>=e,o=t=>{if("object"!=typeof t||null===t)return s(t,1);for(const e in t)if(!1===s(e,1))return!1;return!0},n=new Event("StateChange")},7809:(t,e,a)=>{a.d(e,{v:()=>s});var i=a(3892);const s=(t,e,a={})=>{(0,i.b)(t,"_hideLabel",e,a)}},8378:(t,e,a)=>{a.r(e),a.d(e,{kol_link_wc:()=>C});var i=a(5191),s=a(2332),o=a(3694),n=a(6943),l=a(7763),r=a(5452),d=a(5847),h=a(8045),c=a(7534),v=a(3892),_=a(252),u=a(3648),b=a(6812),f=a(6184),p=a(1742),g=a(7809),y=a(1251),k=a(3638),m=a(1250);const w=["date","location","page","step","time","true","false"],C=class{constructor(t){(0,i.r)(this,t),this.internalDescriptionById=(0,n.n)(),this.catchRef=t=>{this.anchorRef=t},this.onClick=t=>{var e,a;!0===this.state._disabled?t.preventDefault():("function"==typeof(null===(e=this.state._on)||void 0===e?void 0:e.onClick)&&(t.preventDefault(),(0,v.n)(t,this.anchorRef),null===(a=this.state._on)||void 0===a||a.onClick(t,this.state._href)),this.host&&(0,o.d)(this.host,o.K.click,this.state._href))},this.getRenderValues=()=>{const t="string"==typeof this.state._target&&"_self"!==this.state._target,e={href:"string"==typeof this.state._href&&this.state._href.length>0?this.state._href:"javascript:void(0);",target:"string"==typeof this.state._target&&this.state._target.length>0?this.state._target:void 0,rel:t?"noopener":void 0,download:"string"==typeof this.state._download?this.state._download:void 0};return!0!==this.state._hideLabel||this.state._label||(0,v.j)("[KolLink] An aria-label must be set when _hide-label is set."),{isExternal:t,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:{}}}kolFocus(){return t=this,e=function*(){var t;null===(t=this.anchorRef)||void 0===t||t.focus()},new Promise(((a,i)=>{var s=t=>{try{n(e.next(t))}catch(t){i(t)}},o=t=>{try{n(e.throw(t))}catch(t){i(t)}},n=t=>t.done?a(t.value):Promise.resolve(t.value).then(s,o);n((e=e.apply(t,null)).next())}));var t,e}render(){var t,e;const{isExternal:a,tagAttrs:s}=this.getRenderValues(),o=(0,u.s)(this.state._label),n=Boolean(null===(e=null===(t=this.state._ariaDescription)||void 0===t?void 0:t.trim())||void 0===e?void 0:e.length);return(0,i.h)(i.H,{key:"587357d002a1ea7744990f5ce802f96af6baef5a"},(0,i.h)("a",Object.assign({key:"7f3fc17c83bbcfdc184b5edea97d25ce06f55227",ref:this.catchRef},s,{accessKey:this.state._accessKey,"aria-current":this.state._ariaCurrent,"aria-describedby":n?this.internalDescriptionById:void 0,"aria-disabled":this.state._disabled?"true":void 0,"aria-expanded":"boolean"==typeof this.state._ariaExpanded?String(this.state._ariaExpanded):void 0,"aria-owns":this.state._ariaOwns,"aria-label":this.state._hideLabel&&"string"==typeof this.state._label?`${this.state._label}${a?` (${(0,r.t)("kol-open-link-in-tab")})`:""}`:void 0,class:(0,h.c)("kol-link",{"kol-link--disabled":!0===this.state._disabled,"kol-link--external-link":a,"kol-link--hide-label":!0===this.state._hideLabel,[`kol-link--${this.state._variant}`]:"button"===this.state._role&&"custom"!==this.state._variant,[this.state._customClass]:"custom"===this.state._variant&&"string"==typeof this.state._customClass&&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}),(0,i.h)(c.K,{key:"b806611a5bb089b415a07d55dd6c070c9703c886",class:"kol-link__text",badgeText:this.state._accessKey||this.state._shortKey,icons:this.state._icons,hideLabel:this.state._hideLabel,label:o?"":this.state._label||this.state._href},(0,i.h)("slot",{key:"5a40e834255ae54cf719dd51a521e92874c89c47",name:"expert",slot:"expert"})),a&&(0,i.h)(l.d,{key:"f757a3dc5c051df590dc7048ae15a26e8c28ea8b",class:"kol-link__icon",_label:this.state._hideLabel?"":(0,r.t)("kol-open-link-in-tab"),_icons:"codicon codicon-link-external","aria-hidden":this.state._hideLabel})),(0,i.h)(l.g,{key:"1fd1e9b9fcae9a8505f29cc6962d742670d96f84","aria-hidden":"true",class:"kol-link__tooltip",hidden:o||!this.state._hideLabel,_badgeText:this.state._accessKey||this.state._shortKey,_align:this.state._tooltipAlign,_label:this.state._label||this.state._href}),n&&(0,i.h)("span",{key:"4d5d88f8b21c251476b31533e8c54318fd087b27",class:"visually-hidden",id:this.internalDescriptionById},this.state._ariaDescription))}validateAccessKey(t){(0,d.v)(this,t),(0,d.a)(t,this._shortKey)}validateAriaCurrentValue(t){((t,e)=>{(0,v.w)(t,"_ariaCurrentValue",(t=>"string"==typeof t&&w.includes(t)),new Set([`AriaCurrentValue {${w.join(", ")}`]),e,{defaultValue:"page"})})(this,t)}validateAriaDescription(t){(0,b.v)(this,t)}validateAriaExpanded(t){(0,b.a)(this,t)}validateAriaOwns(t){((t,e)=>{(0,v.i)(t,"_ariaOwns",e,{defaultValue:void 0})})(this,t)}validateCustomClass(t){(0,f.v)(this,t)}validateDisabled(t){(0,p.v)(this,t)}validateDownload(t){((t,e)=>{(0,v.i)(t,"_download",e)})(this,t)}validateHideLabel(t){(0,g.v)(this,t)}validateHref(t){(0,_.v)(this,t,{required:!0})}validateIcons(t){(0,y.v)(this,t)}validateLabel(t){(0,k.a)(this,t)}validateOn(t){((t,e)=>{"object"==typeof e&&"function"==typeof(null==e?void 0:e.onClick)&&(t.state=Object.assign(Object.assign({},t.state),{_on:e}))})(this,t)}validateRole(t){(0,b.b)(this,t)}validateShortKey(t){(0,d.b)(this,t),(0,d.a)(this._accessKey,t)}validateTabIndex(t){(0,d.c)(this,t)}validateTarget(t){((t,e)=>{(0,v.i)(t,"_target",e)})(this,t)}validateTooltipAlign(t){(0,m.v)(this,t)}validateVariant(t){(0,b.c)(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=(0,s.o)((t=>{this.state._ariaCurrent=t===this.state._href?this.state._ariaCurrentValue:void 0})),(0,d.a)(this._accessKey,this._shortKey)}disconnectedCallback(){this.unsubscribeOnLocationChange&&this.unsubscribeOnLocationChange()}get host(){return(0,i.g)(this)}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"]}}}}}]);
|
package/dist/8605.js
DELETED
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
/*! For license information please see 8605.js.LICENSE.txt */
|
|
2
|
-
"use strict";(self.webpackChunk_public_ui_sample_react=self.webpackChunk_public_ui_sample_react||[]).push([[8605],{1111:(n,e,t)=>{function o(n,e){var t={};for(var o in n)Object.prototype.hasOwnProperty.call(n,o)&&e.indexOf(o)<0&&(t[o]=n[o]);if(null!=n&&"function"==typeof Object.getOwnPropertySymbols){var i=0;for(o=Object.getOwnPropertySymbols(n);i<o.length;i++)e.indexOf(o[i])<0&&Object.prototype.propertyIsEnumerable.call(n,o[i])&&(t[o[i]]=n[o[i]])}return t}t.d(e,{_:()=>o}),"function"==typeof SuppressedError&&SuppressedError},3232:(n,e,t)=>{t.d(e,{K:()=>h});var o=t(1111),i=t(5191),l=t(8045),r=t(5452),a=t(7763),s=t(8740);const c=({ariaLabel:n,icon:e})=>(0,i.h)(i.F,null,(0,i.h)("span",{class:"visually-hidden"},n),(0,i.h)(a.d,{class:"kol-alert__heading-icon",_label:"",_icons:e})),d=({type:n,label:e})=>{switch(n){case"error":return(0,i.h)(c,{ariaLabel:(0,r.t)("kol-error"),icon:"codicon codicon-error",label:e});case"info":return(0,i.h)(c,{ariaLabel:(0,r.t)("kol-info"),icon:"codicon codicon-info",label:e});case"warning":return(0,i.h)(c,{ariaLabel:(0,r.t)("kol-warning"),icon:"codicon codicon-warning",label:e});case"success":return(0,i.h)(c,{ariaLabel:(0,r.t)("kol-success"),icon:"codicon codicon-pass",label:e});default:return(0,i.h)(c,{ariaLabel:(0,r.t)("kol-message"),icon:"codicon codicon-comment",label:e})}},h=(n,e)=>{var t,c;const{class:h={},type:u="default",variant:p="msg",label:f,hasCloser:b,alert:m,onAlertTimeout:v,onCloserClick:k,level:y}=n,g=(0,o._)(n,["class","type","variant","label","hasCloser","alert","onAlertTimeout","onCloserClick","level"]);m&&((null===(t=navigator.userActivation)||void 0===t?void 0:t.hasBeenActive)&&(null===(c=null===navigator||void 0===navigator?void 0:navigator.vibrate)||void 0===c||c.call(navigator,[100,75,100,75,100])),setTimeout((()=>{null==v||v()}),1e4));const _=Object.assign({class:(0,l.c)("kol-alert",`kol-alert--${u}`,`kol-alert--${p}`,{"kol-alert--hasCloser":!!b},h),role:m?"alert":void 0},g);return(0,i.h)("div",Object.assign({},_),(0,i.h)("div",{class:"kol-alert__container"},(0,i.h)(d,{label:f,type:u}),(0,i.h)("div",{class:"kol-alert__container-content"},f?(0,i.h)(s.K,{class:"kol-alert__heading",level:y},f):null,"msg"===p&&(0,i.h)("div",{class:"kol-alert__content"},e)),b&&(0,i.h)(a.a,{class:"kol-alert__close-button close","data-testid":"alert-close-button",_ariaDescription:(null==f?void 0:f.trim())||"",_hideLabel:!0,_icons:{left:{icon:"codicon codicon-close"}},_label:(0,r.t)("kol-close-alert"),_on:{onClick:k},_tooltipAlign:"left"})),"card"===p&&(0,i.h)("div",{class:"kol-alert__content"},e))}},3648:(n,e,t)=>{t.d(e,{b:()=>l,p:()=>o,s:()=>i});let o="development";try{o="production"}catch(n){o="production"}const i=n=>""===n,l=(n,e)=>n||e||""},5452:(n,e,t)=>{t.d(e,{t:()=>l});var o=t(4269),i=t(3648);let l=(n,e)=>{var t;return(null!==(t=(0,o.g)())&&void 0!==t?t:(0,o.i)("de")).translate(n,e)};"test"===i.p&&(l=n=>n)},8045:(n,e,t)=>{function o(n){var e,t,i="";if("string"==typeof n||"number"==typeof n)i+=n;else if("object"==typeof n)if(Array.isArray(n)){var l=n.length;for(e=0;e<l;e++)n[e]&&(t=o(n[e]))&&(i&&(i+=" "),i+=t)}else for(t in n)n[t]&&(i&&(i+=" "),i+=t);return i}function i(){for(var n,e,t=0,i="",l=arguments.length;t<l;t++)(n=arguments[t])&&(e=o(n))&&(i&&(i+=" "),i+=e);return i}t.d(e,{c:()=>i})},8605:(n,e,t)=>{t.r(e),t.d(e,{kol_form:()=>c});var o=t(5191),i=t(5452),l=t(7763),r=t(3694),a=t(3232),s=t(3892);const c=class{constructor(n){(0,o.r)(this,n),this.onSubmit=n=>{var e,t;n.preventDefault(),"function"==typeof(null===(e=this.state._on)||void 0===e?void 0:e.onSubmit)&&(null===(t=this.state._on)||void 0===t||t.onSubmit(n)),this.host&&(0,r.d)(this.host,r.K.submit)},this.onReset=n=>{var e,t;n.preventDefault(),"function"==typeof(null===(e=this.state._on)||void 0===e?void 0:e.onReset)&&(null===(t=this.state._on)||void 0===t||t.onReset(n)),this.host&&(0,r.d)(this.host,r.K.reset)},this.handleLinkClick=n=>{const e=document.querySelector(n);e&&"function"==typeof e.focus&&(e.scrollIntoView({behavior:"smooth"}),e.focus())},this.setBlockElement=n=>this.errorListBlock=n,this.setFirstLinkElement=n=>this.errorListFirstLink=n,this._on=void 0,this._requiredText=!0,this._errorList=void 0,this.state={}}renderErrorList(n){return(0,o.h)(a.K,{class:"kol-form__alert",ref:this.setBlockElement,type:"error",variant:"card",label:(0,i.t)("kol-error-list-message")},(0,o.h)("nav",{"aria-label":(0,i.t)("kol-error-list")},(0,o.h)("ul",null,null==n?void 0:n.map(((n,e)=>(0,o.h)("li",{key:e},(0,o.h)(l.f,{class:"kol-form__link",_href:"",_label:n.message,_on:{onClick:"string"==typeof n.selector?()=>this.handleLinkClick(String(n.selector)):n.selector},ref:0===e?this.setFirstLinkElement:void 0})))))))}renderFormElement(){return(0,o.h)("form",{class:"kol-form",method:"post",onSubmit:this.onSubmit,onReset:this.onReset,autoComplete:"off",noValidate:!0},!0===this.state._requiredText?(0,o.h)("p",null,(0,o.h)("div",{class:"kol-form__mandatory-fields-hint"},(0,i.t)("kol-form-description"))):"string"==typeof this.state._requiredText&&this.state._requiredText.length>0?(0,o.h)("p",null,(0,o.h)("div",{class:"kol-form__mandatory-fields-hint"},this.state._requiredText)):null,(0,o.h)("slot",null))}render(){const n=Array.isArray(this._errorList)&&this._errorList.length>0;return(0,o.h)(o.H,{key:"3cfeeb7596783c154fadf43a4646dcd74070a920"},n&&this.renderErrorList(this._errorList),this.renderFormElement())}scrollToErrorList(){var n;null===(n=this.errorListBlock)||void 0===n||n.scrollIntoView({behavior:"smooth",block:"start"}),setTimeout((()=>{var n,e;null===(e=null===(n=this.errorListFirstLink)||void 0===n?void 0:n.querySelector("a"))||void 0===e||e.focus()}),250)}focusErrorList(){return n=this,e=function*(){return this.scrollToErrorList(),Promise.resolve()},new Promise(((t,o)=>{var i=n=>{try{r(e.next(n))}catch(n){o(n)}},l=n=>{try{r(e.throw(n))}catch(n){o(n)}},r=n=>n.done?t(n.value):Promise.resolve(n.value).then(i,l);r((e=e.apply(n,null)).next())}));var n,e}validateOn(n){"object"==typeof n&&null!==n&&(this.state=Object.assign(Object.assign({},this.state),{_on:n}))}validateRequiredText(n){"boolean"==typeof n?(0,s.b)(this,"_requiredText",n):(0,s.i)(this,"_requiredText",n)}validateErrorList(n){((n,e)=>{(0,s.w)(n,"errorList",(n=>Array.isArray(n)&&void 0===n.find((n=>!("string"==typeof n||"function"==typeof n)))),new Set(["string","function"]),e)})(this,n)}componentWillLoad(){this.validateOn(this._on),this.validateRequiredText(this._requiredText),this.validateErrorList(this._errorList)}get host(){return(0,o.g)(this)}static get watchers(){return{_on:["validateOn"],_requiredText:["validateRequiredText"],_errorList:["validateErrorList"]}}};c.style={default:"/*\n * This file contains all rules for accessibility.\n */\n@layer kol-global {\n :host {\n /*\n * Minimum size of interactive elements.\n */\n --a11y-min-size: calc(44rem / var(--kolibri-root-font-size, 16));\n /*\n * No element should be used without a background and font color whose contrast ratio has\n * not been checked. By initially setting the background color to white and the font color\n * to black, the contrast ratio is ensured and explicit adjustment is forced.\n */\n background-color: white;\n color: black;\n /*\n * Verdana is an accessible font that can be used without requiring additional loading time.\n */\n font-family: Verdana;\n }\n * {\n /*\n * This rule enables the word dividing for all texts. That is important for high zoom levels.\n */\n hyphens: auto;\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 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/**\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: calc(1rem / var(--kolibri-root-font-size, 16));\n overflow: hidden;\n position: absolute;\n white-space: nowrap;\n width: calc(1rem / var(--kolibri-root-font-size, 16));\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%;\n /* 100% needed for custom width from outside */\n }\n /*\n * Ensure elements with hidden attribute to be actually not visible\n * @see https://meowni.ca/hidden.is.a.lie.html\n */\n [hidden] {\n display: none !important;\n }\n .badge-text-hint {\n background-color: lightgray;\n color: black;\n }\n}\n@layer kol-global {\n :host {\n /*\n * The max-width is needed to prevent the table from overflowing the\n * parent node, if the table is wider than the parent node.\n */\n max-width: 100%;\n }\n * {\n /*\n * We prefer to box-sizing: border-box for all elements.\n */\n box-sizing: border-box;\n }\n .kol-span {\n /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\n display: grid;\n place-items: center;\n /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\n }\n .kol-span__container {\n display: flex;\n place-items: center;\n }\n a,\n button {\n cursor: pointer;\n }\n .kol-span .kol-span__label--hide-label .kol-span__label {\n display: none;\n }\n /* Reset browser agent style. */\n button:disabled {\n color: unset;\n }\n .disabled label,\n .disabled:focus-within label,\n [aria-disabled=true],\n [aria-disabled=true]:focus,\n [disabled],\n [disabled]:focus {\n cursor: not-allowed;\n opacity: 0.5;\n outline: none;\n }\n [aria-disabled=true]:focus .kol-span,\n [disabled]:focus .kol-span {\n outline: none !important;\n }\n}\n@layer kol-component {\n :host {\n display: block;\n }\n}\n@layer kol-component {\n :host {\n font-size: calc(16rem / var(--kolibri-root-font-size, 16));\n }\n .kol-tooltip {\n display: contents;\n }\n .kol-tooltip__floating {\n animation-duration: 0.25s;\n animation-iteration-count: 1;\n animation-name: fadeInOpacity;\n animation-timing-function: ease-in;\n box-sizing: border-box;\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 .kol-tooltip__arrow {\n background-color: #fff;\n color: #000;\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__content {\n background-color: #fff;\n color: #000;\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 @layer kol-component {\n :host {\n display: inline-block;\n }\n .kol-link {\n font-size: calc(16rem / var(--kolibri-root-font-size, 16));\n align-items: baseline;\n display: inline-flex;\n place-items: center;\n text-align: left;\n text-decoration-line: none;\n }\n .kol-link__text .kol-span__label {\n text-decoration-line: underline;\n }\n .kol-link:is(:focus, :hover):not([aria-disabled], [disabled]) .kol-link__text .kol-span__label {\n text-decoration-thickness: 0.2em;\n }\n .kol-link__icon {\n display: inline-flex;\n margin-left: calc(8rem / var(--kolibri-root-font-size, 16));\n }\n }\n @layer kol-component {\n .kol-alert {\n display: grid;\n }\n .kol-alert__container {\n place-items: center;\n display: flex;\n }\n .kol-alert__container-content {\n flex-grow: 1;\n }\n .kol-alert__close-button {\n /* Visible with forced colors */\n outline: transparent solid calc(1rem / var(--kolibri-root-font-size, 16));\n }\n }\n .kol-form {\n font-size: calc(16rem / var(--kolibri-root-font-size, 16));\n }\n}"}},8740:(n,e,t)=>{t.d(e,{K:()=>d});var o=t(1111),i=t(5191),l=t(8045);const r=1;function a(n){return function(n){return n>=r&&n<=6}(n)?`h${n}`:"strong"}const s=(n,e)=>{var{class:t,level:s=r,variant:c}=n,d=(0,o._)(n,["class","level","variant"]);const h=a(s),u=c||h;return(0,i.h)(h,Object.assign({class:(0,l.c)("kol-headline",`kol-headline--${u}`,t)},d),e)},c=(n,e)=>{var{class:t,level:s=r}=n,c=(0,o._)(n,["class","level"]);const d=function(n){return 1===n?"span":a(n)}(s+1);return(0,i.h)(d,Object.assign({class:(0,l.c)("kol-headline kol-headline--group kol-headline--secondary",t)},c),e)},d=(n,e)=>{var{secondaryHeadline:t,level:a=r,class:d,HeadingGroupProps:h={},SecondaryHeadlineProps:u={}}=n,p=(0,o._)(n,["secondaryHeadline","level","class","HeadingGroupProps","SecondaryHeadlineProps"]);const f=Object.assign({level:a},p);if(!t)return(0,i.h)(s,Object.assign({class:(0,l.c)(d,"kol-headline--single")},f),e);const{class:b}=h,m=(0,o._)(h,["class"]),v=Object.assign({class:(0,l.c)("kol-heading-group",b)},m);return(0,i.h)("hgroup",Object.assign({},v),(0,i.h)(s,Object.assign({class:(0,l.c)(d,"kol-headline--group","kol-headline--primary")},f),e),(0,i.h)(c,Object.assign({level:a},u),t))}}}]);
|
package/dist/8625.js
DELETED
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
/*! For license information please see 8625.js.LICENSE.txt */
|
|
2
|
-
"use strict";(self.webpackChunk_public_ui_sample_react=self.webpackChunk_public_ui_sample_react||[]).push([[8625],{2677:(n,e,t)=>{t.d(e,{w:()=>a});var i=t(3892);const a=(n,e,t)=>{(0,i.g)(e,"_links",(n=>"object"==typeof n&&("string"==typeof n._href||"string"==typeof n._label)),t),(0,i.h)(n,e.state._links.length)}},3638:(n,e,t)=>{t.d(e,{a:()=>c,b:()=>s,c:()=>r,h:()=>a,v:()=>h});var i=t(3892);const a=[0,1,2,3,4,5,6],o=/[a-zA-Z0-9äöüÄÖÜß]/g,l=/^\d+$/;function s(n,e=1){return function(n){var e;return"string"==typeof n&&(null===(e=n.match(o))||void 0===e?void 0:e.length)||0}(n)>=e}function r(n){return l.test(n)}const d=new Set(["string"]),h=(n,e,t={})=>{(0,i.w)(n,"_label",(n=>"string"==typeof n),d,e,function(n){var e;return Object.assign(Object.assign({},n),{hooks:{afterPatch:(e,t,a,o)=>{var l,d;"function"==typeof(null===(l=n.hooks)||void 0===l?void 0:l.afterPatch)&&(null===(d=n.hooks)||void 0===d||d.afterPatch(e,t,a,o)),"string"==typeof e&&!1===s(e,3)&&!1===r(e)&&(0,i.a)(`The heading or label ("${e}") is not accessible. A label should consist of at least three readable characters.`),"string"==typeof e&&e.length>80&&(0,i.u)("A heading or label should not be longer than 80 characters.")},beforePatch:null===(e=n.hooks)||void 0===e?void 0:e.beforePatch}})}(t))},c=h},3648:(n,e,t)=>{t.d(e,{b:()=>o,p:()=>i,s:()=>a});let i="development";try{i="production"}catch(n){i="production"}const a=n=>""===n,o=(n,e)=>n||e||""},5452:(n,e,t)=>{t.d(e,{t:()=>o});var i=t(4269),a=t(3648);let o=(n,e)=>{var t;return(null!==(t=(0,i.g)())&&void 0!==t?t:(0,i.i)("de")).translate(n,e)};"test"===a.p&&(o=n=>n)},6043:(n,e,t)=>{t.d(e,{a:()=>o,r:()=>l});var i=t(3051);const a=new Set;function o(n){a.has(n)?i.L.error(`There already is a nav element with the label "${n}"`,{forceLog:!0}):a.add(n)}function l(n){a.delete(n)}},7809:(n,e,t)=>{t.d(e,{v:()=>a});var i=t(3892);const a=(n,e,t={})=>{(0,i.b)(n,"_hideLabel",e,t)}},8045:(n,e,t)=>{function i(n){var e,t,a="";if("string"==typeof n||"number"==typeof n)a+=n;else if("object"==typeof n)if(Array.isArray(n)){var o=n.length;for(e=0;e<o;e++)n[e]&&(t=i(n[e]))&&(a&&(a+=" "),a+=t)}else for(t in n)n[t]&&(a&&(a+=" "),a+=t);return a}function a(){for(var n,e,t=0,a="",o=arguments.length;t<o;t++)(n=arguments[t])&&(e=i(n))&&(a&&(a+=" "),a+=e);return a}t.d(e,{c:()=>a})},8625:(n,e,t)=>{t.r(e),t.d(e,{kol_nav:()=>p});var i=t(5191),a=t(5452),o=t(6043),l=t(2677),s=t(7763),r=t(8045),d=t(3892),h=t(7809),c=t(3638);const p=class{constructor(n){(0,i.r)(this,n),this.handleToggleExpansionClick=n=>{n&&(this.state._expandedChildren.includes(n)?this.collapseChildren(n):this.expandChildren(n))},this.linkList=n=>(0,i.h)("ul",{class:(0,r.c)("kol-nav__list",{"kol-nav__list--nested":n.deep>0,"kol-nav__list--horizontal":0===n.deep&&"horizontal"===n.orientation,"kol-nav__list--vertical":0!==n.deep||"vertical"===n.orientation}),"data-deep":n.deep},n.links.map(((e,t)=>this.li(n.collapsible,n.hideLabel,n.deep,t,e,n.orientation)))),this._collapsible=!0,this._hasCompactButton=!1,this._hasIconsWhenExpanded=!1,this._hideLabel=!1,this._label=void 0,this._links=void 0,this._orientation="vertical",this.state={_collapsible:!0,_hasCompactButton:!1,_hasIconsWhenExpanded:!1,_hideLabel:!1,_label:"",_links:[],_orientation:"vertical",_expandedChildren:[]}}expandChildren(n){this.state=Object.assign(Object.assign({},this.state),{_expandedChildren:[...this.state._expandedChildren,n]})}collapseChildren(n){this.state=Object.assign(Object.assign({},this.state),{_expandedChildren:this.state._expandedChildren.filter((e=>e!=n))})}entry(n,e,t,a,o){const l=this.state._hasIconsWhenExpanded||this.state._hideLabel?a._icons||(this.state._hideLabel?"codicon codicon-symbol-method":void 0):void 0;return(0,i.h)("div",{class:"kol-nav__entry-wrapper"},"string"==typeof a._href?(0,i.h)(s.f,Object.assign({class:"kol-nav__entry kol-nav__entry--link"},a,{_hideLabel:e,_icons:l})):(0,i.h)(s.a,{class:"kol-nav__entry kol-nav__entry--button",_label:a._label,_hideLabel:e,_icons:l,_on:{onClick:(n,e)=>{var t,i;void 0===(t=a)._href&&"function"==typeof(null===(i=t._on)||void 0===i?void 0:i.onClick)&&"function"==typeof a._on.onClick?a._on.onClick(n,e):this.handleToggleExpansionClick(a._children)}}}),t?this.expandButton(n,a,o):"")}expandButton(n,e,t){return(0,i.h)(s.a,{class:(0,r.c)("kol-nav__expand-button",{"kol-nav__expand-button--expanded":t}),_ariaExpanded:t,_disabled:!n,_icons:"codicon codicon-"+(t?"remove":"add"),_hideLabel:!0,_label:`${t?(0,a.t)("kol-nav-label-close",{placeholders:{label:e._label}}):(0,a.t)("kol-nav-label-open",{placeholders:{label:e._label}})}`,_on:{onClick:()=>this.handleToggleExpansionClick(e._children)}})}li(n,e,t,a,o,l){const s=!!o._active,d=Array.isArray(o._children)&&o._children.length>0,h=Boolean(o._children&&this.state._expandedChildren.includes(o._children));return(0,i.h)("li",{class:(0,r.c)("kol-nav__list-item",{"kol-nav__list-item--active":s,"kol-nav__list-item--expanded":h,"kol-nav__list-item--has-children":d}),key:a},this.entry(n,e,d,o,h),h&&(0,i.h)(this.linkList,{collapsible:n,hideLabel:e,deep:t+1,links:o._children||[],orientation:l}))}initializeExpandedChildren(){const n=e=>{if(e._active)return e._children&&this.expandChildren(e._children),!0;if(e._children)for(const t of e._children)if(n(t))return this.expandChildren(e._children),!0;return!1};this.state._links.forEach(n)}render(){let n=this.state._hasCompactButton;"horizontal"===this.state._orientation&&!0===this.state._hasCompactButton&&(n=!1,(0,d.l)("[KolNav] Wenn eine horizontale Navigation verwendet wird, kann die Option _hasCompactButton nicht aktiviert werden."));const e=!0===this.state._collapsible,t=!0===this.state._hideLabel,o=this.state._orientation;return(0,i.h)("div",{key:"93757665047c23f9ed1339e16911376068df4443",class:(0,r.c)("kol-nav",`kol-nav--${o}`,{"kol-nav--is-compact":this.state._hideLabel})},(0,i.h)("nav",{key:"8d97dbdf8327d63448873a83585944dad8f38bf4",class:"kol-nav__navigation","aria-label":this.state._label,id:"nav"},(0,i.h)(this.linkList,{key:"c4ad4bb554917c2705af4db9d2b1b55e194732cb",collapsible:e,hideLabel:t,deep:0,links:this.state._links,orientation:o})),n&&(0,i.h)("div",{key:"de8a895e442929203ea710d8754fc686e9fb3e85",class:"kol-nav__compact"},(0,i.h)(s.a,{key:"9b315aeea88bae247b48932a06c88309731fb9ad",class:"kol-nav__toggle-button",_ariaControls:"nav",_ariaExpanded:!t,_icons:t?"codicon codicon-chevron-right":"codicon codicon-chevron-left",_hideLabel:!0,_label:(0,a.t)(t?"kol-nav-maximize":"kol-nav-minimize"),_on:{onClick:()=>{this.state=Object.assign(Object.assign({},this.state),{_hideLabel:!1===this.state._hideLabel})}},_tooltipAlign:"right",_variant:"ghost"})))}validateCollapsible(n){((n,e)=>{(0,d.b)(n,"_collapsible",e)})(this,n)}validateHasCompactButton(n){((n,e)=>{(0,d.b)(n,"_hasCompactButton",e)})(this,n)}validateHasIconsWhenExpanded(n){((n,e)=>{(0,d.b)(n,"_hasIconsWhenExpanded",e)})(this,n)}validateHideLabel(n){(0,h.v)(this,n)}validateLabel(n,e,t=!1){t||(0,o.r)(this.state._label),(0,c.v)(this,n,{required:!0}),(0,d.e)(n),(0,o.a)(this.state._label)}validateLinks(n){(0,l.w)("KolNav",this,n),(0,d.j)("[KolNav] The navigation structure is not yet validated recursively.")}validateOrientation(n){(0,d.w)(this,"_orientation",(n=>"horizontal"===n||"vertical"===n),new Set(["Orientation {horizontal, vertical}"]),n,{defaultValue:"vertical"})}componentWillLoad(){this.validateCollapsible(this._collapsible),this.validateHideLabel(this._hideLabel),this.validateHasCompactButton(this._hasCompactButton),this.validateHasIconsWhenExpanded(this._hasIconsWhenExpanded),this.validateLabel(this._label,void 0,!0),this.validateLinks(this._links),this.validateOrientation(this._orientation),this.initializeExpandedChildren()}disconnectedCallback(){(0,o.r)(this.state._label)}static get watchers(){return{_collapsible:["validateCollapsible"],_hasCompactButton:["validateHasCompactButton"],_hasIconsWhenExpanded:["validateHasIconsWhenExpanded"],_hideLabel:["validateHideLabel"],_label:["validateLabel"],_links:["validateLinks"],_orientation:["validateOrientation"]}}};p.style={default:"/*\n * This file contains all rules for accessibility.\n */\n@layer kol-global {\n :host {\n /*\n * Minimum size of interactive elements.\n */\n --a11y-min-size: calc(44rem / var(--kolibri-root-font-size, 16));\n /*\n * No element should be used without a background and font color whose contrast ratio has\n * not been checked. By initially setting the background color to white and the font color\n * to black, the contrast ratio is ensured and explicit adjustment is forced.\n */\n background-color: white;\n color: black;\n /*\n * Verdana is an accessible font that can be used without requiring additional loading time.\n */\n font-family: Verdana;\n }\n * {\n /*\n * This rule enables the word dividing for all texts. That is important for high zoom levels.\n */\n hyphens: auto;\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 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/**\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: calc(1rem / var(--kolibri-root-font-size, 16));\n overflow: hidden;\n position: absolute;\n white-space: nowrap;\n width: calc(1rem / var(--kolibri-root-font-size, 16));\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%;\n /* 100% needed for custom width from outside */\n }\n /*\n * Ensure elements with hidden attribute to be actually not visible\n * @see https://meowni.ca/hidden.is.a.lie.html\n */\n [hidden] {\n display: none !important;\n }\n .badge-text-hint {\n background-color: lightgray;\n color: black;\n }\n}\n@layer kol-global {\n :host {\n /*\n * The max-width is needed to prevent the table from overflowing the\n * parent node, if the table is wider than the parent node.\n */\n max-width: 100%;\n }\n * {\n /*\n * We prefer to box-sizing: border-box for all elements.\n */\n box-sizing: border-box;\n }\n .kol-span {\n /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\n display: grid;\n place-items: center;\n /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\n }\n .kol-span__container {\n display: flex;\n place-items: center;\n }\n a,\n button {\n cursor: pointer;\n }\n .kol-span .kol-span__label--hide-label .kol-span__label {\n display: none;\n }\n /* Reset browser agent style. */\n button:disabled {\n color: unset;\n }\n .disabled label,\n .disabled:focus-within label,\n [aria-disabled=true],\n [aria-disabled=true]:focus,\n [disabled],\n [disabled]:focus {\n cursor: not-allowed;\n opacity: 0.5;\n outline: none;\n }\n [aria-disabled=true]:focus .kol-span,\n [disabled]:focus .kol-span {\n outline: none !important;\n }\n}\n@layer kol-component {\n :host {\n font-size: calc(16rem / var(--kolibri-root-font-size, 16));\n }\n .kol-tooltip {\n display: contents;\n }\n .kol-tooltip__floating {\n animation-duration: 0.25s;\n animation-iteration-count: 1;\n animation-name: fadeInOpacity;\n animation-timing-function: ease-in;\n box-sizing: border-box;\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 .kol-tooltip__arrow {\n background-color: #fff;\n color: #000;\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__content {\n background-color: #fff;\n color: #000;\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 .kol-nav {\n font-size: calc(16rem / var(--kolibri-root-font-size, 16));\n display: grid;\n place-items: center;\n }\n .kol-nav--horizontal {\n width: 100%;\n }\n .kol-nav:not(.kol-nav--is-compact) .kol-nav__navigation {\n width: 100%;\n }\n .kol-nav__list {\n display: flex;\n list-style: none;\n margin: 0;\n padding: 0;\n }\n .kol-nav__list--vertical {\n flex-direction: column;\n }\n .kol-nav__list--horizontal {\n flex-wrap: wrap;\n }\n .kol-nav__entry-wrapper {\n display: flex;\n }\n .kol-nav__entry {\n flex-grow: 1;\n }\n .kol-button {\n text-align: left;\n }\n}"}}}]);
|
package/dist/8840.js
DELETED
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
/*! For license information please see 8840.js.LICENSE.txt */
|
|
2
|
-
"use strict";(self.webpackChunk_public_ui_sample_react=self.webpackChunk_public_ui_sample_react||[]).push([[8840],{5477:(t,e,n)=>{n.d(e,{a:()=>i,v:()=>l});var o=n(3892);const i=(t,e,n)=>{(0,o.w)(t,e,(t=>"string"==typeof t&&r.includes(t)),new Set(r),n,{defaultValue:"top"})},r=["left","right","top","bottom"],l=(t,e)=>{i(t,"_align",e)}},5836:(t,e,n)=>{n.d(e,{a:()=>Rt,b:()=>xt});var o=n(3648),i=Object.defineProperty,r=Object.defineProperties,l=Object.getOwnPropertyDescriptors,c=Object.getOwnPropertySymbols,s=Object.prototype.hasOwnProperty,f=Object.prototype.propertyIsEnumerable,a=(t,e,n)=>e in t?i(t,e,{enumerable:!0,configurable:!0,writable:!0,value:n}):t[e]=n,u=(t,e)=>{for(var n in e||(e={}))s.call(e,n)&&a(t,n,e[n]);if(c)for(var n of c(e))f.call(e,n)&&a(t,n,e[n]);return t},d=(t,e)=>r(t,l(e)),p=(t,e)=>{var n={};for(var o in t)s.call(t,o)&&e.indexOf(o)<0&&(n[o]=t[o]);if(null!=t&&c)for(var o of c(t))e.indexOf(o)<0&&f.call(t,o)&&(n[o]=t[o]);return n},h=(t,e,n)=>new Promise(((o,i)=>{var r=t=>{try{c(n.next(t))}catch(t){i(t)}},l=t=>{try{c(n.throw(t))}catch(t){i(t)}},c=t=>t.done?o(t.value):Promise.resolve(t.value).then(r,l);c((n=n.apply(t,e)).next())}));const m=Math.min,g=Math.max,y=Math.round,x=Math.floor,v=t=>({x:t,y:t}),w={left:"right",right:"left",bottom:"top",top:"bottom"},b={start:"end",end:"start"};function R(t,e,n){return g(t,m(e,n))}function O(t,e){return"function"==typeof t?t(e):t}function T(t){return t.split("-")[0]}function A(t){return t.split("-")[1]}function E(t){return"x"===t?"y":"x"}function L(t){return"y"===t?"height":"width"}function P(t){return["top","bottom"].includes(T(t))?"y":"x"}function D(t){return E(P(t))}function S(t){return t.replace(/start|end/g,(t=>b[t]))}function k(t){return t.replace(/left|right|bottom|top/g,(t=>w[t]))}function C(t){return"number"!=typeof t?function(t){return u({top:0,right:0,bottom:0,left:0},t)}(t):{top:t,right:t,bottom:t,left:t}}function F(t){const{x:e,y:n,width:o,height:i}=t;return{width:o,height:i,top:n,left:e,right:e+o,bottom:n+i,x:e,y:n}}function H(t,e,n){let{reference:o,floating:i}=t;const r=P(e),l=D(e),c=L(l),s=T(e),f="y"===r,a=o.x+o.width/2-i.width/2,u=o.y+o.height/2-i.height/2,d=o[c]/2-i[c]/2;let p;switch(s){case"top":p={x:a,y:o.y-i.height};break;case"bottom":p={x:a,y:o.y+o.height};break;case"right":p={x:o.x+o.width,y:u};break;case"left":p={x:o.x-i.width,y:u};break;default:p={x:o.x,y:o.y}}switch(A(e)){case"start":p[l]-=d*(n&&f?-1:1);break;case"end":p[l]+=d*(n&&f?-1:1)}return p}function W(t,e){return h(this,null,(function*(){var n;void 0===e&&(e={});const{x:o,y:i,platform:r,rects:l,elements:c,strategy:s}=t,{boundary:f="clippingAncestors",rootBoundary:a="viewport",elementContext:u="floating",altBoundary:d=!1,padding:p=0}=O(e,t),h=C(p),m=c[d?"floating"===u?"reference":"floating":u],g=F(yield r.getClippingRect({element:null==(n=yield null==r.isElement?void 0:r.isElement(m))||n?m:m.contextElement||(yield null==r.getDocumentElement?void 0:r.getDocumentElement(c.floating)),boundary:f,rootBoundary:a,strategy:s})),y="floating"===u?{x:o,y:i,width:l.floating.width,height:l.floating.height}:l.reference,x=yield null==r.getOffsetParent?void 0:r.getOffsetParent(c.floating),v=(yield null==r.isElement?void 0:r.isElement(x))&&(yield null==r.getScale?void 0:r.getScale(x))||{x:1,y:1},w=F(r.convertOffsetParentRelativeRectToViewportRelativeRect?yield r.convertOffsetParentRelativeRectToViewportRelativeRect({elements:c,rect:y,offsetParent:x,strategy:s}):y);return{top:(g.top-w.top+h.top)/v.y,bottom:(w.bottom-g.bottom+h.bottom)/v.y,left:(g.left-w.left+h.left)/v.x,right:(w.right-g.right+h.right)/v.x}}))}function j(){return"undefined"!=typeof window}function B(t){return M(t)?(t.nodeName||"").toLowerCase():"#document"}function _(t){var e;return(null==t||null==(e=t.ownerDocument)?void 0:e.defaultView)||window}function V(t){var e;return null==(e=(M(t)?t.ownerDocument:t.document)||window.document)?void 0:e.documentElement}function M(t){return!!j()&&(t instanceof Node||t instanceof _(t).Node)}function z(t){return!!j()&&(t instanceof Element||t instanceof _(t).Element)}function N(t){return!!j()&&(t instanceof HTMLElement||t instanceof _(t).HTMLElement)}function $(t){return!(!j()||"undefined"==typeof ShadowRoot)&&(t instanceof ShadowRoot||t instanceof _(t).ShadowRoot)}function I(t){const{overflow:e,overflowX:n,overflowY:o,display:i}=K(t);return/auto|scroll|overlay|hidden|clip/.test(e+o+n)&&!["inline","contents"].includes(i)}function q(t){return["table","td","th"].includes(B(t))}function X(t){return[":popover-open",":modal"].some((e=>{try{return t.matches(e)}catch(t){return!1}}))}function Y(t){const e=G(),n=z(t)?K(t):t;return["transform","translate","scale","rotate","perspective"].some((t=>!!n[t]&&"none"!==n[t]))||!!n.containerType&&"normal"!==n.containerType||!e&&!!n.backdropFilter&&"none"!==n.backdropFilter||!e&&!!n.filter&&"none"!==n.filter||["transform","translate","scale","rotate","perspective","filter"].some((t=>(n.willChange||"").includes(t)))||["paint","layout","strict","content"].some((t=>(n.contain||"").includes(t)))}function G(){return!("undefined"==typeof CSS||!CSS.supports)&&CSS.supports("-webkit-backdrop-filter","none")}function J(t){return["html","body","#document"].includes(B(t))}function K(t){return _(t).getComputedStyle(t)}function Q(t){return z(t)?{scrollLeft:t.scrollLeft,scrollTop:t.scrollTop}:{scrollLeft:t.scrollX,scrollTop:t.scrollY}}function U(t){if("html"===B(t))return t;const e=t.assignedSlot||t.parentNode||$(t)&&t.host||V(t);return $(e)?e.host:e}function Z(t){const e=U(t);return J(e)?t.ownerDocument?t.ownerDocument.body:t.body:N(e)&&I(e)?e:Z(e)}function tt(t,e,n){var o;void 0===e&&(e=[]),void 0===n&&(n=!0);const i=Z(t),r=i===(null==(o=t.ownerDocument)?void 0:o.body),l=_(i);if(r){const t=et(l);return e.concat(l,l.visualViewport||[],I(i)?i:[],t&&n?tt(t):[])}return e.concat(i,tt(i,[],n))}function et(t){return t.parent&&Object.getPrototypeOf(t.parent)?t.frameElement:null}function nt(t){const e=K(t);let n=parseFloat(e.width)||0,o=parseFloat(e.height)||0;const i=N(t),r=i?t.offsetWidth:n,l=i?t.offsetHeight:o,c=y(n)!==r||y(o)!==l;return c&&(n=r,o=l),{width:n,height:o,$:c}}function ot(t){return z(t)?t:t.contextElement}function it(t){const e=ot(t);if(!N(e))return v(1);const n=e.getBoundingClientRect(),{width:o,height:i,$:r}=nt(e);let l=(r?y(n.width):n.width)/o,c=(r?y(n.height):n.height)/i;return l&&Number.isFinite(l)||(l=1),c&&Number.isFinite(c)||(c=1),{x:l,y:c}}const rt=v(0);function lt(t){const e=_(t);return G()&&e.visualViewport?{x:e.visualViewport.offsetLeft,y:e.visualViewport.offsetTop}:rt}function ct(t,e,n,o){void 0===e&&(e=!1),void 0===n&&(n=!1);const i=t.getBoundingClientRect(),r=ot(t);let l=v(1);e&&(o?z(o)&&(l=it(o)):l=it(t));const c=function(t,e,n){return void 0===e&&(e=!1),!(!n||e&&n!==_(t))&&e}(r,n,o)?lt(r):v(0);let s=(i.left+c.x)/l.x,f=(i.top+c.y)/l.y,a=i.width/l.x,u=i.height/l.y;if(r){const t=_(r),e=o&&z(o)?_(o):o;let n=t,i=et(n);for(;i&&o&&e!==n;){const t=it(i),e=i.getBoundingClientRect(),o=K(i),r=e.left+(i.clientLeft+parseFloat(o.paddingLeft))*t.x,l=e.top+(i.clientTop+parseFloat(o.paddingTop))*t.y;s*=t.x,f*=t.y,a*=t.x,u*=t.y,s+=r,f+=l,n=_(i),i=et(n)}}return F({width:a,height:u,x:s,y:f})}function st(t,e){const n=Q(t).scrollLeft;return e?e.left+n:ct(V(t)).left+n}function ft(t,e,n){void 0===n&&(n=!1);const o=t.getBoundingClientRect();return{x:o.left+e.scrollLeft-(n?0:st(t,o)),y:o.top+e.scrollTop}}function at(t,e,n){let o;if("viewport"===e)o=function(t,e){const n=_(t),o=V(t),i=n.visualViewport;let r=o.clientWidth,l=o.clientHeight,c=0,s=0;if(i){r=i.width,l=i.height;const t=G();(!t||t&&"fixed"===e)&&(c=i.offsetLeft,s=i.offsetTop)}return{width:r,height:l,x:c,y:s}}(t,n);else if("document"===e)o=function(t){const e=V(t),n=Q(t),o=t.ownerDocument.body,i=g(e.scrollWidth,e.clientWidth,o.scrollWidth,o.clientWidth),r=g(e.scrollHeight,e.clientHeight,o.scrollHeight,o.clientHeight);let l=-n.scrollLeft+st(t);const c=-n.scrollTop;return"rtl"===K(o).direction&&(l+=g(e.clientWidth,o.clientWidth)-i),{width:i,height:r,x:l,y:c}}(V(t));else if(z(e))o=function(t,e){const n=ct(t,!0,"fixed"===e),o=n.top+t.clientTop,i=n.left+t.clientLeft,r=N(t)?it(t):v(1);return{width:t.clientWidth*r.x,height:t.clientHeight*r.y,x:i*r.x,y:o*r.y}}(e,n);else{const n=lt(t);o={x:e.x-n.x,y:e.y-n.y,width:e.width,height:e.height}}return F(o)}function ut(t,e){const n=U(t);return!(n===e||!z(n)||J(n))&&("fixed"===K(n).position||ut(n,e))}function dt(t,e,n){const o=N(e),i=V(e),r="fixed"===n,l=ct(t,!0,r,e);let c={scrollLeft:0,scrollTop:0};const s=v(0);if(o||!o&&!r)if(("body"!==B(e)||I(i))&&(c=Q(e)),o){const t=ct(e,!0,r,e);s.x=t.x+e.clientLeft,s.y=t.y+e.clientTop}else i&&(s.x=st(i));const f=!i||o||r?v(0):ft(i,c);return{x:l.left+c.scrollLeft-s.x-f.x,y:l.top+c.scrollTop-s.y-f.y,width:l.width,height:l.height}}function pt(t){return"static"===K(t).position}function ht(t,e){if(!N(t)||"fixed"===K(t).position)return null;if(e)return e(t);let n=t.offsetParent;return V(t)===n&&(n=n.ownerDocument.body),n}function mt(t,e){const n=_(t);if(X(t))return n;if(!N(t)){let e=U(t);for(;e&&!J(e);){if(z(e)&&!pt(e))return e;e=U(e)}return n}let o=ht(t,e);for(;o&&q(o)&&pt(o);)o=ht(o,e);return o&&J(o)&&pt(o)&&!Y(o)?n:o||function(t){let e=U(t);for(;N(e)&&!J(e);){if(Y(e))return e;if(X(e))return null;e=U(e)}return null}(t)||n}const gt={convertOffsetParentRelativeRectToViewportRelativeRect:function(t){let{elements:e,rect:n,offsetParent:o,strategy:i}=t;const r="fixed"===i,l=V(o),c=!!e&&X(e.floating);if(o===l||c&&r)return n;let s={scrollLeft:0,scrollTop:0},f=v(1);const a=v(0),u=N(o);if((u||!u&&!r)&&(("body"!==B(o)||I(l))&&(s=Q(o)),N(o))){const t=ct(o);f=it(o),a.x=t.x+o.clientLeft,a.y=t.y+o.clientTop}const d=!l||u||r?v(0):ft(l,s,!0);return{width:n.width*f.x,height:n.height*f.y,x:n.x*f.x-s.scrollLeft*f.x+a.x+d.x,y:n.y*f.y-s.scrollTop*f.y+a.y+d.y}},getDocumentElement:V,getClippingRect:function(t){let{element:e,boundary:n,rootBoundary:o,strategy:i}=t;const r=[..."clippingAncestors"===n?X(e)?[]:function(t,e){const n=e.get(t);if(n)return n;let o=tt(t,[],!1).filter((t=>z(t)&&"body"!==B(t))),i=null;const r="fixed"===K(t).position;let l=r?U(t):t;for(;z(l)&&!J(l);){const e=K(l),n=Y(l);n||"fixed"!==e.position||(i=null),(r?!n&&!i:!n&&"static"===e.position&&i&&["absolute","fixed"].includes(i.position)||I(l)&&!n&&ut(t,l))?o=o.filter((t=>t!==l)):i=e,l=U(l)}return e.set(t,o),o}(e,this._c):[].concat(n),o],l=r[0],c=r.reduce(((t,n)=>{const o=at(e,n,i);return t.top=g(o.top,t.top),t.right=m(o.right,t.right),t.bottom=m(o.bottom,t.bottom),t.left=g(o.left,t.left),t}),at(e,l,i));return{width:c.right-c.left,height:c.bottom-c.top,x:c.left,y:c.top}},getOffsetParent:mt,getElementRects:function(t){return h(this,null,(function*(){const e=this.getOffsetParent||mt,n=this.getDimensions,o=yield n(t.floating);return{reference:dt(t.reference,yield e(t.floating),t.strategy),floating:{x:0,y:0,width:o.width,height:o.height}}}))},getClientRects:function(t){return Array.from(t.getClientRects())},getDimensions:function(t){const{width:e,height:n}=nt(t);return{width:e,height:n}},getScale:it,isElement:z,isRTL:function(t){return"rtl"===K(t).direction}};function yt(t,e){return t.x===e.x&&t.y===e.y&&t.width===e.width&&t.height===e.height}function xt(t,e,n,o){void 0===o&&(o={});const{ancestorScroll:i=!0,ancestorResize:r=!0,elementResize:l="function"==typeof ResizeObserver,layoutShift:c="function"==typeof IntersectionObserver,animationFrame:s=!1}=o,f=ot(t),a=i||r?[...f?tt(f):[],...tt(e)]:[];a.forEach((t=>{i&&t.addEventListener("scroll",n,{passive:!0}),r&&t.addEventListener("resize",n)}));const p=f&&c?function(t,e){let n,o=null;const i=V(t);function r(){var t;clearTimeout(n),null==(t=o)||t.disconnect(),o=null}return function l(c,s){void 0===c&&(c=!1),void 0===s&&(s=1),r();const f=t.getBoundingClientRect(),{left:a,top:p,width:h,height:y}=f;if(c||e(),!h||!y)return;const v={rootMargin:-x(p)+"px "+-x(i.clientWidth-(a+h))+"px "+-x(i.clientHeight-(p+y))+"px "+-x(a)+"px",threshold:g(0,m(1,s))||1};let w=!0;function b(e){const o=e[0].intersectionRatio;if(o!==s){if(!w)return l();o?l(!1,o):n=setTimeout((()=>{l(!1,1e-7)}),1e3)}1!==o||yt(f,t.getBoundingClientRect())||l(),w=!1}try{o=new IntersectionObserver(b,d(u({},v),{root:i.ownerDocument}))}catch(t){o=new IntersectionObserver(b,v)}o.observe(t)}(!0),r}(f,n):null;let h,y=-1,v=null;l&&(v=new ResizeObserver((t=>{let[o]=t;o&&o.target===f&&v&&(v.unobserve(e),cancelAnimationFrame(y),y=requestAnimationFrame((()=>{var t;null==(t=v)||t.observe(e)}))),n()})),f&&!s&&v.observe(f),v.observe(e));let w=s?ct(t):null;return s&&function e(){const o=ct(t);w&&!yt(w,o)&&n(),w=o,h=requestAnimationFrame(e)}(),n(),()=>{var t;a.forEach((t=>{i&&t.removeEventListener("scroll",n),r&&t.removeEventListener("resize",n)})),null==p||p(),null==(t=v)||t.disconnect(),v=null,s&&cancelAnimationFrame(h)}}const vt=function(t){return void 0===t&&(t={}),{name:"shift",options:t,fn(e){return h(this,null,(function*(){const{x:n,y:o,placement:i}=e,r=O(t,e),{mainAxis:l=!0,crossAxis:c=!1,limiter:s={fn:t=>{let{x:e,y:n}=t;return{x:e,y:n}}}}=r,f=p(r,["mainAxis","crossAxis","limiter"]),a={x:n,y:o},h=yield W(e,f),m=P(T(i)),g=E(m);let y=a[g],x=a[m];if(l){const t="y"===g?"bottom":"right";y=R(y+h["y"===g?"top":"left"],y,y-h[t])}if(c){const t="y"===m?"bottom":"right";x=R(x+h["y"===m?"top":"left"],x,x-h[t])}const v=s.fn(d(u({},e),{[g]:y,[m]:x}));return d(u({},v),{data:{x:v.x-n,y:v.y-o,enabled:{[g]:l,[m]:c}}})}))}}},wt=function(t){return void 0===t&&(t={}),{name:"flip",options:t,fn(e){return h(this,null,(function*(){var n,o;const{placement:i,middlewareData:r,rects:l,initialPlacement:c,platform:s,elements:f}=e,a=O(t,e),{mainAxis:u=!0,crossAxis:d=!0,fallbackPlacements:h,fallbackStrategy:m="bestFit",fallbackAxisSideDirection:g="none",flipAlignment:y=!0}=a,x=p(a,["mainAxis","crossAxis","fallbackPlacements","fallbackStrategy","fallbackAxisSideDirection","flipAlignment"]);if(null!=(n=r.arrow)&&n.alignmentOffset)return{};const v=T(i),w=P(c),b=T(c)===c,R=yield null==s.isRTL?void 0:s.isRTL(f.floating),E=h||(b||!y?[k(c)]:function(t){const e=k(t);return[S(t),e,S(e)]}(c)),C="none"!==g;!h&&C&&E.push(...function(t,e,n,o){const i=A(t);let r=function(t,e,n){const o=["left","right"],i=["right","left"],r=["top","bottom"],l=["bottom","top"];switch(t){case"top":case"bottom":return n?e?i:o:e?o:i;case"left":case"right":return e?r:l;default:return[]}}(T(t),"start"===n,o);return i&&(r=r.map((t=>t+"-"+i)),e&&(r=r.concat(r.map(S)))),r}(c,y,g,R));const F=[c,...E],H=yield W(e,x),j=[];let B=(null==(o=r.flip)?void 0:o.overflows)||[];if(u&&j.push(H[v]),d){const t=function(t,e,n){void 0===n&&(n=!1);const o=A(t),i=D(t),r=L(i);let l="x"===i?o===(n?"end":"start")?"right":"left":"start"===o?"bottom":"top";return e.reference[r]>e.floating[r]&&(l=k(l)),[l,k(l)]}(i,l,R);j.push(H[t[0]],H[t[1]])}if(B=[...B,{placement:i,overflows:j}],!j.every((t=>t<=0))){var _,V;const t=((null==(_=r.flip)?void 0:_.index)||0)+1,e=F[t];if(e)return{data:{index:t,overflows:B},reset:{placement:e}};let n=null==(V=B.filter((t=>t.overflows[0]<=0)).sort(((t,e)=>t.overflows[1]-e.overflows[1]))[0])?void 0:V.placement;if(!n)switch(m){case"bestFit":{var M;const t=null==(M=B.filter((t=>{if(C){const e=P(t.placement);return e===w||"y"===e}return!0})).map((t=>[t.placement,t.overflows.filter((t=>t>0)).reduce(((t,e)=>t+e),0)])).sort(((t,e)=>t[1]-e[1]))[0])?void 0:M[0];t&&(n=t);break}case"initialPlacement":n=c}if(i!==n)return{reset:{placement:n}}}return{}}))}}},bt=t=>({name:"arrow",options:t,fn(e){return h(this,null,(function*(){const{x:n,y:o,placement:i,rects:r,platform:l,elements:c,middlewareData:s}=e,{element:f,padding:a=0}=O(t,e)||{};if(null==f)return{};const d=C(a),p={x:n,y:o},h=D(i),g=L(h),y=yield l.getDimensions(f),x="y"===h,v=x?"top":"left",w=x?"bottom":"right",b=x?"clientHeight":"clientWidth",T=r.reference[g]+r.reference[h]-p[h]-r.floating[g],E=p[h]-r.reference[h],P=yield null==l.getOffsetParent?void 0:l.getOffsetParent(f);let S=P?P[b]:0;S&&(yield null==l.isElement?void 0:l.isElement(P))||(S=c.floating[b]||r.floating[g]);const k=T/2-E/2,F=S/2-y[g]/2-1,H=m(d[v],F),W=m(d[w],F),j=H,B=S-y[g]-W,_=S/2-y[g]/2+k,V=R(j,_,B),M=!s.arrow&&null!=A(i)&&_!==V&&r.reference[g]/2-(_<j?H:W)-y[g]/2<0,z=M?_<j?_-j:_-B:0;return{[h]:p[h]+z,data:u({[h]:V,centerOffset:_-V-z},M&&{alignmentOffset:z}),reset:M}}))}}),Rt=t=>h(null,[t],(function*({floatingElement:t,referenceElement:e,arrowElement:n,align:i="top"}){var r,l,c,s;if("test"!==o.p){const o=[(s=null!==(r=null==n?void 0:n.offsetHeight)&&void 0!==r?r:10,void 0===s&&(s=0),{name:"offset",options:s,fn(t){return h(this,null,(function*(){var e,n;const{x:o,y:i,placement:r,middlewareData:l}=t,c=yield function(t,e){return h(this,null,(function*(){const{placement:n,platform:o,elements:i}=t,r=yield null==o.isRTL?void 0:o.isRTL(i.floating),l=T(n),c=A(n),s="y"===P(n),f=["left","top"].includes(l)?-1:1,a=r&&s?-1:1,u=O(e,t);let{mainAxis:d,crossAxis:p,alignmentAxis:h}="number"==typeof u?{mainAxis:u,crossAxis:0,alignmentAxis:null}:{mainAxis:u.mainAxis||0,crossAxis:u.crossAxis||0,alignmentAxis:u.alignmentAxis};return c&&"number"==typeof h&&(p="end"===c?-1*h:h),s?{x:p*a,y:d*f}:{x:d*f,y:p*a}}))}(t,s);return r===(null==(e=l.offset)?void 0:e.placement)&&null!=(n=l.arrow)&&n.alignmentOffset?{}:{x:o+c.x,y:i+c.y,data:d(u({},c),{placement:r})}}))}}),wt(),vt()];n&&o.push(bt({element:n}));const{x:f,y:a,middlewareData:p,placement:m}=yield((t,e,n)=>{const o=new Map,i=u({platform:gt},n),r=d(u({},i.platform),{_c:o});return((t,e,n)=>h(null,null,(function*(){const{placement:o="bottom",strategy:i="absolute",middleware:r=[],platform:l}=n,c=r.filter(Boolean),s=yield null==l.isRTL?void 0:l.isRTL(e);let f=yield l.getElementRects({reference:t,floating:e,strategy:i}),{x:a,y:p}=H(f,o,s),h=o,m={},g=0;for(let n=0;n<c.length;n++){const{name:r,fn:y}=c[n],{x,y:v,data:w,reset:b}=yield y({x:a,y:p,initialPlacement:o,placement:h,strategy:i,middlewareData:m,rects:f,platform:l,elements:{reference:t,floating:e}});a=null!=x?x:a,p=null!=v?v:p,m=d(u({},m),{[r]:u(u({},m[r]),w)}),b&&g<=50&&(g++,"object"==typeof b&&(b.placement&&(h=b.placement),b.rects&&(f=!0===b.rects?yield l.getElementRects({reference:t,floating:e,strategy:i}):b.rects),({x:a,y:p}=H(f,h,s))),n=-1)}return{x:a,y:p,placement:h,strategy:i,middlewareData:m}})))(t,e,d(u({},i),{platform:r}))})(e,t,{placement:i,middleware:o,strategy:"fixed"});Object.assign(t.style,{left:`${f}px`,top:`${a}px`,visibility:"visible"}),n&&((null===(l=p.arrow)||void 0===l?void 0:l.x)?Object.assign(n.style,{left:`${p.arrow.x}px`,top:"bottom"===m?-n.offsetHeight/2+"px":"",bottom:"top"===m?-n.offsetHeight/2+"px":""}):(null===(c=p.arrow)||void 0===c?void 0:c.y)&&Object.assign(n.style,{left:"right"===m?-n.offsetWidth/2+"px":"",right:"left"===m?-n.offsetWidth/2+"px":"",top:`${p.arrow.y}px`}))}}))}}]);
|
package/dist/907.js
DELETED
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
/*! For license information please see 907.js.LICENSE.txt */
|
|
2
|
-
"use strict";(self.webpackChunk_public_ui_sample_react=self.webpackChunk_public_ui_sample_react||[]).push([[907],{907:(e,t,n)=>{n.r(t),n.d(t,{kol_select:()=>y});var o=n(5191),i=n(8045),a=n(6943),l=n(8341),s=n(4302),r=n(3172),c=n(3892),d=n(9293),h=n(1111),u=n(3299),p=(e,t,n)=>new Promise(((o,i)=>{var a=e=>{try{s(n.next(e))}catch(e){i(e)}},l=e=>{try{s(n.throw(e))}catch(e){i(e)}},s=e=>e.done?o(e.value):Promise.resolve(e.value).then(a,l);s((n=n.apply(e,t)).next())}));class b extends l.I{constructor(e,t,n){super(e,t,n),this.keyOptionMap=new Map,this.getOptionByKey=e=>this.keyOptionMap.get(e),this.isValueInOptions=(e,t)=>void 0!==t.find((t=>"string"==typeof t.value?t.value===e:!!Array.isArray(t.options)&&this.isValueInOptions(e,t.options))),this.filterValuesInOptions=(e,t)=>e.filter((e=>void 0!==this.isValueInOptions(e,t))),this.afterPatchOptions=(e,t,n,o)=>{"_value"===o&&this.setFormAssociatedValue(e)},this.beforePatchOptions=(e,t)=>{const n=t.has("_options")?t.get("_options"):this.component.state._options;if(Array.isArray(n)&&n.length>0){this.keyOptionMap.clear(),(0,s.f)(this.keyOptionMap,n);const e=t.has("_value")?t.get("_value"):this.component.state._value,o=this.filterValuesInOptions(Array.isArray(e)&&e.length>0?e:[],n);!1===this.component._multiple&&0===o.length?t.set("_value",[n[0].value]):Array.isArray(e)&&o.length<e.length&&t.set("_value",o)}},this.component=e}validateOptions(e){(0,s.v)(this.component,e,{hooks:{afterPatch:this.afterPatchOptions,beforePatch:this.beforePatchOptions}})}validateMultiple(e){(0,c.b)(this.component,"_multiple",e,{hooks:{afterPatch:this.afterPatchOptions,beforePatch:this.beforePatchOptions}})}validateRequired(e){(0,c.b)(this.component,"_required",e)}validateRows(e){(0,r.v)(this.component,e)}validateValue(e){(0,c.g)(this.component,"_value",(()=>!0),e,void 0,{hooks:{afterPatch:this.afterPatchOptions,beforePatch:this.beforePatchOptions}})}componentWillLoad(){super.componentWillLoad(),this.validateOptions(this.component._options),this.validateMultiple(this.component._multiple),this.validateRequired(this.component._required),this.validateRows(this.component._rows),this.validateValue(this.component._value)}}const m=e=>{var{baseClassName:t="kol-select",class:n,index:a,selectedValue:l,selected:s,value:r,label:c,disabled:d}=e,u=(0,h._)(e,["baseClassName","class","index","selectedValue","selected","value","label","disabled"]);l?Array.isArray(l)||(l=[l]):l=[];const p=s||l.includes(r);return(0,o.h)("option",Object.assign({class:(0,i.c)(`${t}__option`,{[`${t}__option--selected`]:p,[`${t}__option--disabled`]:d},n),selected:p,disabled:d,"aria-hidden":d?"true":void 0,value:a||r},u),c)},f=({baseClassName:e,preKey:t,options:n,disabled:a,value:l,OptionProps:s={},OptionGroupProps:r={}})=>(null==n?void 0:n.length)?(0,o.h)(o.F,null,n.map(((c,d)=>{const u=[t,`-${d}`].join("");if("options"in c){if(!n.length)return null;const{label:t}=c,d=(0,h._)(c,["label"]);return(0,o.h)("optgroup",Object.assign({class:(0,i.c)(`${e}__optgroup`,{[`${e}__optgroup--disabled`]:a}),key:u},r,{label:null==t?void 0:t.toString(),disabled:a}),(0,o.h)(f,Object.assign({baseClassName:e,OptionGroupProps:r,OptionProps:s,value:l,preKey:u},d)))}return"value"in c?(0,o.h)(m,Object.assign({key:u,baseClassName:e},s,{index:u,selectedValue:l},c)):null}))):null,v=f,_=e=>{const{class:t,msg:n,touched:a,disabled:l,required:s,options:r,value:c,OptionProps:d,OptionGroupProps:p,ariaDescribedBy:b,hideLabel:m,label:f}=e,_=(0,h._)(e,["class","msg","touched","disabled","required","options","value","OptionProps","OptionGroupProps","ariaDescribedBy","hideLabel","label"]),g=(0,u.c)(n,a),y={"kol-select--disabled":Boolean(l),"kol-select--required":Boolean(s),"kol-select--touched":Boolean(a),[`kol-select--${(null==n?void 0:n.type)||"error"}`]:g},k=Object.assign(Object.assign({class:(0,i.c)("kol-select",y,t),required:s,disabled:l},(0,u.f)({ariaDescribedBy:b,hideLabel:m,label:f})),_);return(0,o.h)("select",Object.assign({},k),(0,o.h)(v,{baseClassName:"kol-select",options:r,value:c,OptionGroupProps:p,OptionProps:d}))},g=e=>{var{state:t}=e,n=(0,h._)(e,["state"]);return(0,o.h)(_,Object.assign({},function(e){const{ariaDescribedBy:t}=(0,u.g)(e);return{id:e._id,hideLabel:e._hideLabel,label:e._label,value:e._value,options:e._options,accessKey:e._accessKey,disabled:e._disabled,name:e._name,ariaDescribedBy:t,size:e._rows,multiple:e._multiple,required:e._required,touched:e._touched,msg:(0,u.a)(e._msg)}}(t),n))},y=class{getValue(){return p(this,null,(function*(){return this.state._value}))}kolFocus(){return p(this,null,(function*(){var e;null===(e=this.selectRef)||void 0===e||e.focus()}))}getFormFieldProps(){return{state:this.state,class:(0,i.c)("kol-form-field-select",{"kol-form-field--has-value":this.state._hasValue}),tooltipAlign:this._tooltipAlign,onClick:()=>{var e;return null===(e=this.selectRef)||void 0===e?void 0:e.focus()},alert:this.showAsAlert()}}getSelectProps(){return Object.assign(Object.assign({ref:this.catchRef,state:this.state},this.controller.onFacade),{onInput:this.onInput.bind(this),onChange:this.onChange.bind(this),onFocus:e=>{this.controller.onFacade.onFocus(e),this.inputHasFocus=!0},onBlur:e=>{this.controller.onFacade.onBlur(e),this.inputHasFocus=!1}})}render(){return(0,o.h)(u.K,Object.assign({key:"a1537f9de293d843ccb5acff86672249b01b1851"},this.getFormFieldProps()),(0,o.h)(l.K,{key:"d4b3fe42d34e746b10224b9c46c608fd743c5396",state:this.state},(0,o.h)("form",{key:"75f01c896e92aec8d4012aaa663da4a594a223cf",onSubmit:e=>{e.preventDefault(),(0,d.p)({form:this.host,ref:this.selectRef})}},(0,o.h)("input",{key:"9d403926ab9195003a40ab139f243cd7945b0326",type:"submit",hidden:!0}),(0,o.h)(g,Object.assign({key:"2c36031dd1c781ec1bec3aaf080a55166286e32e"},this.getSelectProps())))))}constructor(e){(0,o.r)(this,e),this.catchRef=e=>{this.selectRef=e},this._accessKey=void 0,this._disabled=!1,this._hideMsg=!1,this._hideLabel=!1,this._hint="",this._icons=void 0,this._id=void 0,this._label=void 0,this._msg=void 0,this._multiple=!1,this._name=void 0,this._on=void 0,this._options=void 0,this._required=!1,this._shortKey=void 0,this._rows=void 0,this._syncValueBySelector=void 0,this._tabIndex=void 0,this._tooltipAlign="top",this._touched=!1,this._value=void 0,this.state={_hasValue:!1,_hideMsg:!1,_id:`id-${(0,a.n)()}`,_label:"",_multiple:!1,_options:[],_value:[]},this.inputHasFocus=!1,this.controller=new b(this,"select",this.host)}showAsAlert(){return Boolean(this.state._touched)&&!this.inputHasFocus}validateAccessKey(e){this.controller.validateAccessKey(e)}validateDisabled(e){this.controller.validateDisabled(e)}validateHideMsg(e){this.controller.validateHideMsg(e)}validateHideLabel(e){this.controller.validateHideLabel(e)}validateHint(e){this.controller.validateHint(e)}validateIcons(e){this.controller.validateIcons(e)}validateId(e){this.controller.validateId(e)}validateLabel(e){this.controller.validateLabel(e)}validateMsg(e){this.controller.validateMsg(e)}validateMultiple(e){this.controller.validateMultiple(e)}validateName(e){this.controller.validateName(e)}validateOn(e){this.controller.validateOn(e)}validateOptions(e){this.controller.validateOptions(e)}validateRequired(e){this.controller.validateRequired(e)}validateRows(e){this.controller.validateRows(e)}validateShortKey(e){this.controller.validateShortKey(e)}validateSyncValueBySelector(e){this.controller.validateSyncValueBySelector(e)}validateTabIndex(e){this.controller.validateTabIndex(e)}validateTouched(e){this.controller.validateTouched(e)}validateValue(e){this.controller.validateValue(e)}componentWillLoad(){this._touched=!0===this._touched,this.controller.componentWillLoad(),this.state._hasValue=!!this.state._value,this.controller.addValueChangeListener((e=>this.state._hasValue=!!e))}onInput(e){var t;this._value=Array.from((null===(t=this.selectRef)||void 0===t?void 0:t.options)||[]).filter((e=>!0===e.selected)).map((e=>{var t;return null===(t=this.controller.getOptionByKey(e.value))||void 0===t?void 0:t.value})),this.controller.onFacade.onInput(e,!0,this._value)}onChange(e){this.controller.onFacade.onChange(e,this._value)}get host(){return(0,o.g)(this)}static get watchers(){return{_accessKey:["validateAccessKey"],_disabled:["validateDisabled"],_hideMsg:["validateHideMsg"],_hideLabel:["validateHideLabel"],_hint:["validateHint"],_icons:["validateIcons"],_id:["validateId"],_label:["validateLabel"],_msg:["validateMsg"],_multiple:["validateMultiple"],_name:["validateName"],_on:["validateOn"],_options:["validateOptions"],_required:["validateRequired"],_rows:["validateRows"],_shortKey:["validateShortKey"],_syncValueBySelector:["validateSyncValueBySelector"],_tabIndex:["validateTabIndex"],_touched:["validateTouched"],_value:["validateValue"]}}};y.style={default:'@charset "UTF-8";\n/*\n * This file contains all rules for accessibility.\n */\n@layer kol-global {\n :host {\n /*\n * Minimum size of interactive elements.\n */\n --a11y-min-size: calc(44rem / var(--kolibri-root-font-size, 16));\n /*\n * No element should be used without a background and font color whose contrast ratio has\n * not been checked. By initially setting the background color to white and the font color\n * to black, the contrast ratio is ensured and explicit adjustment is forced.\n */\n background-color: white;\n color: black;\n /*\n * Verdana is an accessible font that can be used without requiring additional loading time.\n */\n font-family: Verdana;\n }\n * {\n /*\n * This rule enables the word dividing for all texts. That is important for high zoom levels.\n */\n hyphens: auto;\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 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/**\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: calc(1rem / var(--kolibri-root-font-size, 16));\n overflow: hidden;\n position: absolute;\n white-space: nowrap;\n width: calc(1rem / var(--kolibri-root-font-size, 16));\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%;\n /* 100% needed for custom width from outside */\n }\n /*\n * Ensure elements with hidden attribute to be actually not visible\n * @see https://meowni.ca/hidden.is.a.lie.html\n */\n [hidden] {\n display: none !important;\n }\n .badge-text-hint {\n background-color: lightgray;\n color: black;\n }\n}\n@layer kol-global {\n :host {\n /*\n * The max-width is needed to prevent the table from overflowing the\n * parent node, if the table is wider than the parent node.\n */\n max-width: 100%;\n }\n * {\n /*\n * We prefer to box-sizing: border-box for all elements.\n */\n box-sizing: border-box;\n }\n .kol-span {\n /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\n display: grid;\n place-items: center;\n /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\n }\n .kol-span__container {\n display: flex;\n place-items: center;\n }\n a,\n button {\n cursor: pointer;\n }\n .kol-span .kol-span__label--hide-label .kol-span__label {\n display: none;\n }\n /* Reset browser agent style. */\n button:disabled {\n color: unset;\n }\n .disabled label,\n .disabled:focus-within label,\n [aria-disabled=true],\n [aria-disabled=true]:focus,\n [disabled],\n [disabled]:focus {\n cursor: not-allowed;\n opacity: 0.5;\n outline: none;\n }\n [aria-disabled=true]:focus .kol-span,\n [disabled]:focus .kol-span {\n outline: none !important;\n }\n}\n@layer kol-component {\n :host {\n display: block;\n }\n}\n@layer kol-component {\n :host {\n font-size: calc(16rem / var(--kolibri-root-font-size, 16));\n }\n .kol-tooltip {\n display: contents;\n }\n .kol-tooltip__floating {\n animation-duration: 0.25s;\n animation-iteration-count: 1;\n animation-name: fadeInOpacity;\n animation-timing-function: ease-in;\n box-sizing: border-box;\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 .kol-tooltip__arrow {\n background-color: #fff;\n color: #000;\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__content {\n background-color: #fff;\n color: #000;\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 .kol-alert {\n display: grid;\n }\n .kol-alert__container {\n place-items: center;\n display: flex;\n }\n .kol-alert__container-content {\n flex-grow: 1;\n }\n .kol-alert__close-button {\n /* Visible with forced colors */\n outline: transparent solid calc(1rem / var(--kolibri-root-font-size, 16));\n }\n}\n@layer kol-component {\n .kol-form-field {\n display: grid;\n font-size: calc(16rem / var(--kolibri-root-font-size, 16));\n }\n .kol-form-field:not(.kol-form-field--disabled) .kol-form-field__label {\n cursor: pointer;\n }\n .kol-form-field--disabled .kol-form-field__label {\n opacity: 0.5;\n }\n .kol-form-field--required .kol-form-field__label-text::after {\n content: "*";\n }\n .kol-form-field--disabled .kol-form-field__hint {\n opacity: 0.5;\n }\n .kol-form-field--required .kol-form-field__tooltip .span-label::after {\n content: "*";\n }\n}\n@layer kol-component {\n .kol-input-container {\n align-items: center;\n background-color: white;\n display: grid;\n grid-template-columns: 1fr;\n min-height: var(--a11y-min-size);\n min-width: var(--a11y-min-size);\n width: 100%;\n }\n .kol-input-container:has(> .kol-input-container__adornment--start) {\n grid-template-columns: auto 1fr;\n }\n .kol-input-container:has(> .kol-input-container__adornment--end) {\n grid-template-columns: 1fr auto;\n }\n .kol-input-container:has(> .kol-input-container__adornment--start):has(> .kol-input-container__adornment--end) {\n grid-template-columns: auto 1fr auto;\n }\n .kol-input-container__container {\n position: relative;\n }\n .kol-input-container__adornment {\n display: flex;\n align-items: center;\n }\n .kol-input-container__adornment .kol-icon {\n display: grid;\n height: var(--a11y-min-size);\n place-items: center;\n }\n}\n@layer kol-component {\n .kol-select {\n font-size: calc(16rem / var(--kolibri-root-font-size, 16));\n width: 100%;\n /* needed hack for vertical alignment */\n }\n .kol-select:not(:disabled) {\n cursor: pointer;\n }\n .kol-select:not([multiple], [size]) {\n height: 2.75em;\n }\n .kol-select:focus {\n outline: none;\n }\n .kol-select__option:checked::before {\n content: "✓ ";\n }\n .kol-select[multiple] option {\n padding: calc((var(--a11y-min-size) - (16rem / var(--kolibri-root-font-size, 16))) / 2) 0.5em;\n }\n}'}},1251:(e,t,n)=>{n.d(t,{v:()=>s});var o=n(3892),i=n(7125);const a=(e,t,n)=>{(0,i.b)(n)?e[t]=n:(0,i.i)(n,1)&&(e[t]={icon:n})},l=e=>"object"==typeof e&&null!==e&&(void 0===e.style||(0,i.a)(e.style))&&(void 0===e.label||(0,i.i)(e.label))&&(0,i.i)(e.icon,1),s=(e,t,n={})=>{(0,o.o)(t,(()=>{var s;try{t=(0,o.p)(t)}catch(e){}(0,o.w)(e,"_icons",(e=>{const t="object"==typeof e&&null!==e&&0===Object.keys(e).length;return null===e||t||(0,i.i)(e,1)||"object"==typeof e&&null!==e&&((0,i.i)(e.left,1)||l(e.left)||(0,i.i)(e.right,1)||l(e.right)||(0,i.i)(e.top,1)||l(e.top)||(0,i.i)(e.bottom,1)||l(e.bottom))}),new Set(["KoliBriIcon"]),t,Object.assign(Object.assign({},n),{defaultValue:{},hooks:{afterPatch:null===(s=n.hooks)||void 0===s?void 0:s.afterPatch,beforePatch:(e,t,o,l)=>{var s,r;"function"==typeof(null===(s=n.hooks)||void 0===s?void 0:s.beforePatch)&&(null===(r=n.hooks)||void 0===r||r.beforePatch(e,t,o,l)),(e=>{var t,n,o;if(null===(t=e.nextState)||void 0===t?void 0:t.has("_icons")){const t=null===(n=e.nextState)||void 0===n?void 0:n.get("_icons");null===(o=e.nextState)||void 0===o||o.set("_icons",(e=>{let t={};return(0,i.i)(e,1)?t={left:{icon:e}}:"object"==typeof e&&null!==e&&(a(t,"top",e.top),a(t,"right",e.right),a(t,"bottom",e.bottom),a(t,"left",e.left)),t})(t))}})(o)}}}))}))}},1476:(e,t,n)=>{function o(e){var t=typeof e;return null!=e&&("object"==t||"function"==t)}n.d(t,{i:()=>o})},2757:(e,t,n)=>{n.d(t,{K:()=>a});var o=n(5191),i=n(7763);const a=e=>{const{class:t,style:n,icons:a,label:l,onClick:s}=e;return(0,o.h)(i.d,{class:t,style:n,onClick:s,_icons:a,_label:l})}},3172:(e,t,n)=>{n.d(t,{v:()=>i});var o=n(3892);const i=(e,t)=>{(0,o.k)(e,"_rows",t,{min:1})}},4302:(e,t,n)=>{n.d(t,{I:()=>h,a:()=>u,b:()=>s,f:()=>d,v:()=>r});var o=n(3299),i=n(3892),a=n(3638);const l=e=>{if("object"==typeof e&&null!==e){if("string"==typeof e.label&&e.label.length>0)return e.disabled=!0===e.disabled,e.label=`${e.label}`.trim(),!1===(0,a.b)(e.label,3)&&!1===(0,a.c)(e.label)&&(0,i.a)(`A differing Aria-Label (${e.label}) is not accessible. A differing Aria-Label should consist of at least three readable characters.`),!Array.isArray(e.options)||void 0===e.options.find((e=>!1===l(e)));if("number"==typeof e.label)return!0}return!1},s=(e,t,n={})=>{(0,i.g)(e,"_options",(e=>"object"==typeof e&&null!==e&&"string"==typeof e.label&&e.label.length>0),t,void 0,n)},r=(e,t,n={})=>{(0,i.g)(e,"_options",l,t,void 0,n)},c=["horizontal","vertical"],d=(e,t,n="")=>{t.forEach(((t,o)=>{const i=`${n}-${o}`;"object"==typeof t&&null!==t&&"string"==typeof t.label&&t.label.length>0&&(Array.isArray(t.options)?d(e,t.options,i):e.set(i,t))}))};class h extends o.I{constructor(e,t,n){super(e,t,n),this.component=e}validateRequired(e){((e,t)=>{(0,i.b)(e,"_required",t)})(this.component,e)}componentWillLoad(){super.componentWillLoad(),this.validateRequired(this.component._required)}}class u extends h{constructor(e,t,n){super(e,t,n),this.keyOptionMap=new Map,this.getOptionByKey=e=>this.keyOptionMap.get(e),this.afterPatchOptions=(e,t,n,o)=>{"_value"===o&&this.setFormAssociatedValue(e)},this.beforePatchOptions=(e,t)=>{const n=t.has("_options")?t.get("_options"):this.component.state._options;Array.isArray(n)&&n.length>0&&(this.keyOptionMap.clear(),d(this.keyOptionMap,n))},this.component=e}validateOrientation(e){(0,i.w)(this.component,"_orientation",(e=>"string"==typeof e&&c.includes(e)),new Set([`Orientation {${c.join(", ")}`]),e,{defaultValue:"vertical"})}validateOptions(e){s(this.component,e,{hooks:{afterPatch:this.afterPatchOptions,beforePatch:this.beforePatchOptions}})}validateValue(e){e=Array.isArray(e)?e[0]:e,(0,i.s)(this.component,"_value",e,{afterPatch:this.afterPatchOptions,beforePatch:this.beforePatchOptions})}componentWillLoad(){super.componentWillLoad(),this.validateOrientation(this.component._orientation),this.validateOptions(this.component._options),this.validateValue(this.component._value)}}},8341:(e,t,n)=>{n.d(t,{I:()=>g,K:()=>_,a:()=>v});var o=n(5191),i=n(8933),a=n(1476),l=n(1111),s=n(7763),r=n(2757),c=n(8045),d=n(3299),h=n(1251);const u=(e,t)=>{var{position:n="start",class:i}=e,a=(0,l._)(e,["position","class"]);const s="kol-input-container__adornment",r=`${s}--${n}`;return(0,o.h)("div",Object.assign({class:(0,c.c)(s,r,i)},a),t)};function p(e){return!!e&&(Array.isArray(e)?e.length>0:Boolean(e))}const b=(e,t)=>{var{class:n}=e,i=(0,l._)(e,["class"]);return(0,o.h)("div",Object.assign({class:(0,c.c)("kol-input-container__container",n)},i),t)},m=(e,t)=>{const{class:n,startAdornment:i,endAdornment:a,disabled:s,msg:r,touched:h,containerProps:m,startAdornmentProps:f,endAdornmentProps:v}=e,_=(0,l._)(e,["class","startAdornment","endAdornment","disabled","msg","touched","containerProps","startAdornmentProps","endAdornmentProps"]),g=(0,d.c)(r,h),y={"kol-input-container--disabled":s,[`kol-input-container--${(null==r?void 0:r.type)||"error"}`]:g},k=Object.assign({class:(0,c.c)("kol-input-container",y,n)},_);return p(i)||p(a)?(0,o.h)("div",Object.assign({},k),(0,o.h)(u,Object.assign({},f,{position:"start"}),i),(0,o.h)(b,Object.assign({},m),t),(0,o.h)(u,Object.assign({},v,{position:"end"}),a)):(0,o.h)("div",Object.assign({},k),(0,o.h)(b,Object.assign({},m),t))},f=e=>{const{label:t,icons:n,hideLabel:i,disabled:a,onClick:r}=e,c=(0,l._)(e,["label","icons","hideLabel","disabled","onClick"]);return(0,o.h)(s.a,Object.assign({_label:t,_disabled:a,_icons:n,_hideLabel:i,_on:{onClick:r}},c))},v=e=>{const{componentName:t="button",label:n,icon:i,onClick:a}=e,s=(0,l._)(e,["componentName","label","icon","onClick"]),c="button"===t?f:r.K;return(0,o.h)(c,Object.assign({label:n||"",hideLabel:!0,icons:`codicon codicon-${i}`,onClick:a},s))},_=({state:e,endAdornment:t},n)=>{const{icons:l,smartButton:s,disabled:r,msg:c,touched:h}=function(e){let t,n;return"_icons"in e&&(t=e._icons),"_smartButton"in e&&(n=e._smartButton),{icons:t,smartButton:n,disabled:e._disabled,msg:(0,d.a)(e._msg),touched:e._touched}}(e);let u=null==l?void 0:l.left;(0,i.i)(u)&&(u={icon:u});let p=null==l?void 0:l.right;(0,i.i)(p)&&(p={icon:p});const b=[],f=[];return t&&(Array.isArray(t)?f.push(...t):f.push(t)),u&&b.push((0,o.h)(v,Object.assign({componentName:"icon",class:"kol-input-container__icon"},(0,a.i)(u)?u:{}))),(0,a.i)(s)&&f.push((0,o.h)(v,Object.assign({componentName:"button",class:"kol-input-container__smart-button"},s,{hideLabel:!0,disabled:r}))),p&&f.push((0,o.h)(v,Object.assign({componentName:"icon",class:"kol-input-container__icon"},(0,a.i)(p)?p:{}))),(0,o.h)(m,{disabled:r,msg:c,touched:h,startAdornment:b,endAdornment:f},n)};class g extends d.I{constructor(e,t,n){super(e,t,n),this.component=e}validateIcons(e){(0,h.v)(this.component,e)}componentWillLoad(){super.componentWillLoad(),this.validateIcons(this.component._icons)}}},9293:(e,t,n)=>{n.d(t,{a:()=>s,p:()=>r});var o=n(7763),i=n(3892),a=n(3051);const l=e=>{for((0,a.a)()&&((0,i.j)("↓ Search form element start."),a.L.debug(e));e instanceof HTMLElement&&"FORM"!==e.tagName&&e.tagName!==o.h.toUpperCase();){try{e=e.parentElement instanceof HTMLElement?e.parentElement:e.parentNode instanceof ShadowRoot?e.parentNode.host:null}catch(e){}(0,a.a)()&&(a.L.debug(e),(0,i.j)("↑ Search form element finished."))}return e},s=(e={})=>{var t,n;const a=l(e.form);if(a instanceof HTMLElement){const e=new Event("reset",{bubbles:!0,cancelable:!0});if("FORM"===a.tagName)(0,i.n)(e,a),a.dispatchEvent(e);else if(a.tagName===o.h.toUpperCase()){(0,i.n)(e,i.K.querySelector("form",a));const o=a;"function"==typeof(null===(t=o._on)||void 0===t?void 0:t.onReset)&&(null===(n=o._on)||void 0===n||n.onReset(e))}}},r=(e={})=>{const t=l(e.form);if(t instanceof HTMLElement){const e=new SubmitEvent("submit",{bubbles:!0,cancelable:!0,submitter:t});if("FORM"===t.tagName)(0,a.a)()&&!1===t.noValidate&&(0,i.j)("If you have not focusable or hidden form fields in your form, you should enable noValidate for your form.",{force:!0}),setTimeout((()=>{"function"==typeof t.requestSubmit?t.requestSubmit():((0,i.n)(e,t),t.dispatchEvent(e))}));else if(t.tagName===o.h.toUpperCase()){(0,i.n)(e,i.K.querySelector("form",t));const n=t;setTimeout((()=>{var t,o;"function"==typeof(null===(t=n._on)||void 0===t?void 0:t.onSubmit)&&(null===(o=n._on)||void 0===o||o.onSubmit(e))}))}}}}}]);
|
package/dist/9255.js
DELETED
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
/*! For license information please see 9255.js.LICENSE.txt */
|
|
2
|
-
"use strict";(self.webpackChunk_public_ui_sample_react=self.webpackChunk_public_ui_sample_react||[]).push([[9255],{3638:(e,n,t)=>{t.d(n,{a:()=>c,b:()=>r,c:()=>s,h:()=>o,v:()=>d});var i=t(3892);const o=[0,1,2,3,4,5,6],a=/[a-zA-Z0-9äöüÄÖÜß]/g,l=/^\d+$/;function r(e,n=1){return function(e){var n;return"string"==typeof e&&(null===(n=e.match(a))||void 0===n?void 0:n.length)||0}(e)>=n}function s(e){return l.test(e)}const h=new Set(["string"]),d=(e,n,t={})=>{(0,i.w)(e,"_label",(e=>"string"==typeof e),h,n,function(e){var n;return Object.assign(Object.assign({},e),{hooks:{afterPatch:(n,t,o,a)=>{var l,h;"function"==typeof(null===(l=e.hooks)||void 0===l?void 0:l.afterPatch)&&(null===(h=e.hooks)||void 0===h||h.afterPatch(n,t,o,a)),"string"==typeof n&&!1===r(n,3)&&!1===s(n)&&(0,i.a)(`The heading or label ("${n}") is not accessible. A label should consist of at least three readable characters.`),"string"==typeof n&&n.length>80&&(0,i.u)("A heading or label should not be longer than 80 characters.")},beforePatch:null===(n=e.hooks)||void 0===n?void 0:n.beforePatch}})}(t))},c=d},3648:(e,n,t)=>{t.d(n,{b:()=>a,p:()=>i,s:()=>o});let i="development";try{i="production"}catch(e){i="production"}const o=e=>""===e,a=(e,n)=>e||n||""},8045:(e,n,t)=>{function i(e){var n,t,o="";if("string"==typeof e||"number"==typeof e)o+=e;else if("object"==typeof e)if(Array.isArray(e)){var a=e.length;for(n=0;n<a;n++)e[n]&&(t=i(e[n]))&&(o&&(o+=" "),o+=t)}else for(t in e)e[t]&&(o&&(o+=" "),o+=t);return o}function o(){for(var e,n,t=0,o="",a=arguments.length;t<a;t++)(e=arguments[t])&&(n=i(e))&&(o&&(o+=" "),o+=n);return o}t.d(n,{c:()=>o})},9255:(e,n,t)=>{t.r(n),t.d(n,{kol_quote:()=>d});var i=t(5191),o=t(7763),a=t(8045),l=t(3638),r=t(3892),s=t(3648);const h=["block","inline"],d=class{constructor(e){(0,i.r)(this,e),this._label=void 0,this._href=void 0,this._quote=void 0,this._variant="inline",this.state={_href:"",_quote:"",_variant:"inline"}}validateLabel(e){(0,l.v)(this,e)}validateHref(e){(0,r.i)(this,"_href",e,{required:!0})}validateQuote(e){(0,r.i)(this,"_quote",e,{required:!0})}validateVariant(e){(0,r.w)(this,"_variant",(e=>"string"==typeof e&&h.includes(e)),new Set(h),e)}componentWillLoad(){this.validateHref(this._href),this.validateLabel(this._label),this.validateQuote(this._quote),this.validateVariant(this._variant)}render(){const e=(0,s.s)(this.state._quote);return(0,i.h)("figure",{key:"8be0826ad4e95bca0b969faecf9a127dc0782025",class:(0,a.c)("kol-quote",`kol-quote--${this.state._variant}`)},"block"===this.state._variant?(0,i.h)("blockquote",{class:"kol-quote__blockquote",cite:this.state._href},this.state._quote,(0,i.h)("span",{"aria-hidden":e?void 0:"true",hidden:!e},(0,i.h)("slot",{name:"expert"}))):(0,i.h)("q",{class:"kol-quote__quote",cite:this.state._href},this.state._quote,(0,i.h)("span",{"aria-hidden":e?void 0:"true",hidden:!e},(0,i.h)("slot",{name:"expert"}))),"string"==typeof this.state._label&&this.state._label.length>0&&(0,i.h)("figcaption",{key:"8a60619741efd09a2ce14f941393640d5d1b7066",class:"kol-quote__figcaption"},(0,i.h)("cite",{key:"2a66a637f160007802b816c7abc01c97dbaef5b9",class:"kol-quote__cite"},(0,i.h)(o.e,{key:"866e0a367215220fcbf12f24ff48a19010914449",_href:this.state._href,_label:this.state._label,_target:"_blank"}))))}static get watchers(){return{_label:["validateLabel"],_href:["validateHref"],_quote:["validateQuote"],_variant:["validateVariant"]}}};d.style={default:"@charset \"UTF-8\";\n/*\n * This file contains all rules for accessibility.\n */\n@layer kol-global {\n :host {\n /*\n * Minimum size of interactive elements.\n */\n --a11y-min-size: calc(44rem / var(--kolibri-root-font-size, 16));\n /*\n * No element should be used without a background and font color whose contrast ratio has\n * not been checked. By initially setting the background color to white and the font color\n * to black, the contrast ratio is ensured and explicit adjustment is forced.\n */\n background-color: white;\n color: black;\n /*\n * Verdana is an accessible font that can be used without requiring additional loading time.\n */\n font-family: Verdana;\n }\n * {\n /*\n * This rule enables the word dividing for all texts. That is important for high zoom levels.\n */\n hyphens: auto;\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 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/**\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: calc(1rem / var(--kolibri-root-font-size, 16));\n overflow: hidden;\n position: absolute;\n white-space: nowrap;\n width: calc(1rem / var(--kolibri-root-font-size, 16));\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%;\n /* 100% needed for custom width from outside */\n }\n /*\n * Ensure elements with hidden attribute to be actually not visible\n * @see https://meowni.ca/hidden.is.a.lie.html\n */\n [hidden] {\n display: none !important;\n }\n .badge-text-hint {\n background-color: lightgray;\n color: black;\n }\n}\n@layer kol-global {\n :host {\n /*\n * The max-width is needed to prevent the table from overflowing the\n * parent node, if the table is wider than the parent node.\n */\n max-width: 100%;\n }\n * {\n /*\n * We prefer to box-sizing: border-box for all elements.\n */\n box-sizing: border-box;\n }\n .kol-span {\n /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\n display: grid;\n place-items: center;\n /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\n }\n .kol-span__container {\n display: flex;\n place-items: center;\n }\n a,\n button {\n cursor: pointer;\n }\n .kol-span .kol-span__label--hide-label .kol-span__label {\n display: none;\n }\n /* Reset browser agent style. */\n button:disabled {\n color: unset;\n }\n .disabled label,\n .disabled:focus-within label,\n [aria-disabled=true],\n [aria-disabled=true]:focus,\n [disabled],\n [disabled]:focus {\n cursor: not-allowed;\n opacity: 0.5;\n outline: none;\n }\n [aria-disabled=true]:focus .kol-span,\n [disabled]:focus .kol-span {\n outline: none !important;\n }\n}\n@layer kol-component {\n .kol-quote {\n font-size: calc(16rem / var(--kolibri-root-font-size, 16));\n display: inline;\n margin: 0;\n padding: 0;\n }\n .kol-quote__cite::before {\n content: \"—\";\n }\n .kol-quote--block .kol-quote__cite::before {\n padding-right: 0.5em;\n }\n .kol-quote--inline .kol-quote__cite::before {\n padding: 0.5em;\n }\n .kol-quote--block .kol-quote__figcaption {\n display: inline;\n margin: 0;\n padding: 0;\n }\n .kol-quote__blockquote::before {\n content: open-quote;\n }\n .kol-quote__blockquote::after {\n content: close-quote;\n }\n}"}}}]);
|
package/dist/9322.js
DELETED
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
/*! For license information please see 9322.js.LICENSE.txt */
|
|
2
|
-
"use strict";(self.webpackChunk_public_ui_sample_react=self.webpackChunk_public_ui_sample_react||[]).push([[9322],{3638:(n,e,o)=>{o.d(e,{a:()=>l,b:()=>b,c:()=>d,h:()=>t,v:()=>a});var c=o(3892);const t=[0,1,2,3,4,5,6],r=/[a-zA-Z0-9äöüÄÖÜß]/g,i=/^\d+$/;function b(n,e=1){return function(n){var e;return"string"==typeof n&&(null===(e=n.match(r))||void 0===e?void 0:e.length)||0}(n)>=e}function d(n){return i.test(n)}const f=new Set(["string"]),a=(n,e,o={})=>{(0,c.w)(n,"_label",(n=>"string"==typeof n),f,e,function(n){var e;return Object.assign(Object.assign({},n),{hooks:{afterPatch:(e,o,t,r)=>{var i,f;"function"==typeof(null===(i=n.hooks)||void 0===i?void 0:i.afterPatch)&&(null===(f=n.hooks)||void 0===f||f.afterPatch(e,o,t,r)),"string"==typeof e&&!1===b(e,3)&&!1===d(e)&&(0,c.a)(`The heading or label ("${e}") is not accessible. A label should consist of at least three readable characters.`),"string"==typeof e&&e.length>80&&(0,c.u)("A heading or label should not be longer than 80 characters.")},beforePatch:null===(e=n.hooks)||void 0===e?void 0:e.beforePatch}})}(o))},l=a},8045:(n,e,o)=>{function c(n){var e,o,t="";if("string"==typeof n||"number"==typeof n)t+=n;else if("object"==typeof n)if(Array.isArray(n)){var r=n.length;for(e=0;e<r;e++)n[e]&&(o=c(n[e]))&&(t&&(t+=" "),t+=o)}else for(o in n)n[o]&&(t&&(t+=" "),t+=o);return t}function t(){for(var n,e,o=0,t="",r=arguments.length;o<r;o++)(n=arguments[o])&&(e=c(n))&&(t&&(t+=" "),t+=e);return t}o.d(e,{c:()=>t})},9322:(n,e,o)=>{o.r(e),o.d(e,{kol_icon:()=>b});var c=o(5191),t=o(8045),r=o(3892),i=o(3638);const b=class{constructor(n){(0,c.r)(this,n),this._icons=void 0,this._label=void 0,this.state={_icons:"codicon codicon-home",_label:""}}render(){const n=this.state._label.length>0;return(0,c.h)(c.H,{key:"3b9e8552b81e23a7ca374f7c23eadb36328a978a",exportparts:"icon",class:"kol-icon"},(0,c.h)("i",{key:"44f638f83c0422619612771f8c9d788fe046d178","aria-hidden":n?void 0:"true","aria-label":n?this.state._label:void 0,class:(0,t.c)("kol-icon__icon",this.state._icons),part:"icon",role:"img"}))}validateIcons(n){(0,r.i)(this,"_icons",n,{required:!0})}validateLabel(n){(0,i.v)(this,n,{required:!0})}componentWillLoad(){this.validateIcons(this._icons),this.validateLabel(this._label)}static get watchers(){return{_icons:["validateIcons"],_label:["validateLabel"]}}};b.style={default:'/*---------------------------------------------------------------------------------------------\n * Copyright (c) Microsoft Corporation. All rights reserved.\n * Licensed under the MIT License. See License.txt in the project root for license information.\n *--------------------------------------------------------------------------------------------*/\n@font-face {\n font-family: "codicon";\n font-display: block;\n src: url("./codicon.ttf?be64b7213e352cd7f91ef58198e71237") format("truetype");\n}\n.codicon[class*=codicon-] {\n font: normal normal normal 16px/1 codicon;\n display: inline-block;\n text-decoration: none;\n text-rendering: auto;\n text-align: center;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n user-select: none;\n -webkit-user-select: none;\n -ms-user-select: none;\n}\n\n/*---------------------\n * Modifiers\n *-------------------*/\n@keyframes codicon-spin {\n 100% {\n transform: rotate(360deg);\n }\n}\n.codicon-sync.codicon-modifier-spin,\n.codicon-loading.codicon-modifier-spin,\n.codicon-gear.codicon-modifier-spin {\n /* Use steps to throttle FPS to reduce CPU usage */\n animation: codicon-spin 1.5s steps(30) infinite;\n}\n\n.codicon-modifier-disabled {\n opacity: 0.5;\n}\n\n.codicon-modifier-hidden {\n opacity: 0;\n}\n\n/* custom speed & easing for loading icon */\n.codicon-loading {\n animation-duration: 1s !important;\n animation-timing-function: cubic-bezier(0.53, 0.21, 0.29, 0.67) !important;\n}\n\n/*---------------------\n * Icons\n *-------------------*/\n.codicon-add:before {\n content: "\\ea60";\n}\n\n.codicon-plus:before {\n content: "\\ea60";\n}\n\n.codicon-gist-new:before {\n content: "\\ea60";\n}\n\n.codicon-repo-create:before {\n content: "\\ea60";\n}\n\n.codicon-lightbulb:before {\n content: "\\ea61";\n}\n\n.codicon-light-bulb:before {\n content: "\\ea61";\n}\n\n.codicon-repo:before {\n content: "\\ea62";\n}\n\n.codicon-repo-delete:before {\n content: "\\ea62";\n}\n\n.codicon-gist-fork:before {\n content: "\\ea63";\n}\n\n.codicon-repo-forked:before {\n content: "\\ea63";\n}\n\n.codicon-git-pull-request:before {\n content: "\\ea64";\n}\n\n.codicon-git-pull-request-abandoned:before {\n content: "\\ea64";\n}\n\n.codicon-record-keys:before {\n content: "\\ea65";\n}\n\n.codicon-keyboard:before {\n content: "\\ea65";\n}\n\n.codicon-tag:before {\n content: "\\ea66";\n}\n\n.codicon-git-pull-request-label:before {\n content: "\\ea66";\n}\n\n.codicon-tag-add:before {\n content: "\\ea66";\n}\n\n.codicon-tag-remove:before {\n content: "\\ea66";\n}\n\n.codicon-person:before {\n content: "\\ea67";\n}\n\n.codicon-person-follow:before {\n content: "\\ea67";\n}\n\n.codicon-person-outline:before {\n content: "\\ea67";\n}\n\n.codicon-person-filled:before {\n content: "\\ea67";\n}\n\n.codicon-git-branch:before {\n content: "\\ea68";\n}\n\n.codicon-git-branch-create:before {\n content: "\\ea68";\n}\n\n.codicon-git-branch-delete:before {\n content: "\\ea68";\n}\n\n.codicon-source-control:before {\n content: "\\ea68";\n}\n\n.codicon-mirror:before {\n content: "\\ea69";\n}\n\n.codicon-mirror-public:before {\n content: "\\ea69";\n}\n\n.codicon-star:before {\n content: "\\ea6a";\n}\n\n.codicon-star-add:before {\n content: "\\ea6a";\n}\n\n.codicon-star-delete:before {\n content: "\\ea6a";\n}\n\n.codicon-star-empty:before {\n content: "\\ea6a";\n}\n\n.codicon-comment:before {\n content: "\\ea6b";\n}\n\n.codicon-comment-add:before {\n content: "\\ea6b";\n}\n\n.codicon-alert:before {\n content: "\\ea6c";\n}\n\n.codicon-warning:before {\n content: "\\ea6c";\n}\n\n.codicon-search:before {\n content: "\\ea6d";\n}\n\n.codicon-search-save:before {\n content: "\\ea6d";\n}\n\n.codicon-log-out:before {\n content: "\\ea6e";\n}\n\n.codicon-sign-out:before {\n content: "\\ea6e";\n}\n\n.codicon-log-in:before {\n content: "\\ea6f";\n}\n\n.codicon-sign-in:before {\n content: "\\ea6f";\n}\n\n.codicon-eye:before {\n content: "\\ea70";\n}\n\n.codicon-eye-unwatch:before {\n content: "\\ea70";\n}\n\n.codicon-eye-watch:before {\n content: "\\ea70";\n}\n\n.codicon-circle-filled:before {\n content: "\\ea71";\n}\n\n.codicon-primitive-dot:before {\n content: "\\ea71";\n}\n\n.codicon-close-dirty:before {\n content: "\\ea71";\n}\n\n.codicon-debug-breakpoint:before {\n content: "\\ea71";\n}\n\n.codicon-debug-breakpoint-disabled:before {\n content: "\\ea71";\n}\n\n.codicon-debug-hint:before {\n content: "\\ea71";\n}\n\n.codicon-terminal-decoration-success:before {\n content: "\\ea71";\n}\n\n.codicon-primitive-square:before {\n content: "\\ea72";\n}\n\n.codicon-edit:before {\n content: "\\ea73";\n}\n\n.codicon-pencil:before {\n content: "\\ea73";\n}\n\n.codicon-info:before {\n content: "\\ea74";\n}\n\n.codicon-issue-opened:before {\n content: "\\ea74";\n}\n\n.codicon-gist-private:before {\n content: "\\ea75";\n}\n\n.codicon-git-fork-private:before {\n content: "\\ea75";\n}\n\n.codicon-lock:before {\n content: "\\ea75";\n}\n\n.codicon-mirror-private:before {\n content: "\\ea75";\n}\n\n.codicon-close:before {\n content: "\\ea76";\n}\n\n.codicon-remove-close:before {\n content: "\\ea76";\n}\n\n.codicon-x:before {\n content: "\\ea76";\n}\n\n.codicon-repo-sync:before {\n content: "\\ea77";\n}\n\n.codicon-sync:before {\n content: "\\ea77";\n}\n\n.codicon-clone:before {\n content: "\\ea78";\n}\n\n.codicon-desktop-download:before {\n content: "\\ea78";\n}\n\n.codicon-beaker:before {\n content: "\\ea79";\n}\n\n.codicon-microscope:before {\n content: "\\ea79";\n}\n\n.codicon-vm:before {\n content: "\\ea7a";\n}\n\n.codicon-device-desktop:before {\n content: "\\ea7a";\n}\n\n.codicon-file:before {\n content: "\\ea7b";\n}\n\n.codicon-file-text:before {\n content: "\\ea7b";\n}\n\n.codicon-more:before {\n content: "\\ea7c";\n}\n\n.codicon-ellipsis:before {\n content: "\\ea7c";\n}\n\n.codicon-kebab-horizontal:before {\n content: "\\ea7c";\n}\n\n.codicon-mail-reply:before {\n content: "\\ea7d";\n}\n\n.codicon-reply:before {\n content: "\\ea7d";\n}\n\n.codicon-organization:before {\n content: "\\ea7e";\n}\n\n.codicon-organization-filled:before {\n content: "\\ea7e";\n}\n\n.codicon-organization-outline:before {\n content: "\\ea7e";\n}\n\n.codicon-new-file:before {\n content: "\\ea7f";\n}\n\n.codicon-file-add:before {\n content: "\\ea7f";\n}\n\n.codicon-new-folder:before {\n content: "\\ea80";\n}\n\n.codicon-file-directory-create:before {\n content: "\\ea80";\n}\n\n.codicon-trash:before {\n content: "\\ea81";\n}\n\n.codicon-trashcan:before {\n content: "\\ea81";\n}\n\n.codicon-history:before {\n content: "\\ea82";\n}\n\n.codicon-clock:before {\n content: "\\ea82";\n}\n\n.codicon-folder:before {\n content: "\\ea83";\n}\n\n.codicon-file-directory:before {\n content: "\\ea83";\n}\n\n.codicon-symbol-folder:before {\n content: "\\ea83";\n}\n\n.codicon-logo-github:before {\n content: "\\ea84";\n}\n\n.codicon-mark-github:before {\n content: "\\ea84";\n}\n\n.codicon-github:before {\n content: "\\ea84";\n}\n\n.codicon-terminal:before {\n content: "\\ea85";\n}\n\n.codicon-console:before {\n content: "\\ea85";\n}\n\n.codicon-repl:before {\n content: "\\ea85";\n}\n\n.codicon-zap:before {\n content: "\\ea86";\n}\n\n.codicon-symbol-event:before {\n content: "\\ea86";\n}\n\n.codicon-error:before {\n content: "\\ea87";\n}\n\n.codicon-stop:before {\n content: "\\ea87";\n}\n\n.codicon-variable:before {\n content: "\\ea88";\n}\n\n.codicon-symbol-variable:before {\n content: "\\ea88";\n}\n\n.codicon-array:before {\n content: "\\ea8a";\n}\n\n.codicon-symbol-array:before {\n content: "\\ea8a";\n}\n\n.codicon-symbol-module:before {\n content: "\\ea8b";\n}\n\n.codicon-symbol-package:before {\n content: "\\ea8b";\n}\n\n.codicon-symbol-namespace:before {\n content: "\\ea8b";\n}\n\n.codicon-symbol-object:before {\n content: "\\ea8b";\n}\n\n.codicon-symbol-method:before {\n content: "\\ea8c";\n}\n\n.codicon-symbol-function:before {\n content: "\\ea8c";\n}\n\n.codicon-symbol-constructor:before {\n content: "\\ea8c";\n}\n\n.codicon-symbol-boolean:before {\n content: "\\ea8f";\n}\n\n.codicon-symbol-null:before {\n content: "\\ea8f";\n}\n\n.codicon-symbol-numeric:before {\n content: "\\ea90";\n}\n\n.codicon-symbol-number:before {\n content: "\\ea90";\n}\n\n.codicon-symbol-structure:before {\n content: "\\ea91";\n}\n\n.codicon-symbol-struct:before {\n content: "\\ea91";\n}\n\n.codicon-symbol-parameter:before {\n content: "\\ea92";\n}\n\n.codicon-symbol-type-parameter:before {\n content: "\\ea92";\n}\n\n.codicon-symbol-key:before {\n content: "\\ea93";\n}\n\n.codicon-symbol-text:before {\n content: "\\ea93";\n}\n\n.codicon-symbol-reference:before {\n content: "\\ea94";\n}\n\n.codicon-go-to-file:before {\n content: "\\ea94";\n}\n\n.codicon-symbol-enum:before {\n content: "\\ea95";\n}\n\n.codicon-symbol-value:before {\n content: "\\ea95";\n}\n\n.codicon-symbol-ruler:before {\n content: "\\ea96";\n}\n\n.codicon-symbol-unit:before {\n content: "\\ea96";\n}\n\n.codicon-activate-breakpoints:before {\n content: "\\ea97";\n}\n\n.codicon-archive:before {\n content: "\\ea98";\n}\n\n.codicon-arrow-both:before {\n content: "\\ea99";\n}\n\n.codicon-arrow-down:before {\n content: "\\ea9a";\n}\n\n.codicon-arrow-left:before {\n content: "\\ea9b";\n}\n\n.codicon-arrow-right:before {\n content: "\\ea9c";\n}\n\n.codicon-arrow-small-down:before {\n content: "\\ea9d";\n}\n\n.codicon-arrow-small-left:before {\n content: "\\ea9e";\n}\n\n.codicon-arrow-small-right:before {\n content: "\\ea9f";\n}\n\n.codicon-arrow-small-up:before {\n content: "\\eaa0";\n}\n\n.codicon-arrow-up:before {\n content: "\\eaa1";\n}\n\n.codicon-bell:before {\n content: "\\eaa2";\n}\n\n.codicon-bold:before {\n content: "\\eaa3";\n}\n\n.codicon-book:before {\n content: "\\eaa4";\n}\n\n.codicon-bookmark:before {\n content: "\\eaa5";\n}\n\n.codicon-debug-breakpoint-conditional-unverified:before {\n content: "\\eaa6";\n}\n\n.codicon-debug-breakpoint-conditional:before {\n content: "\\eaa7";\n}\n\n.codicon-debug-breakpoint-conditional-disabled:before {\n content: "\\eaa7";\n}\n\n.codicon-debug-breakpoint-data-unverified:before {\n content: "\\eaa8";\n}\n\n.codicon-debug-breakpoint-data:before {\n content: "\\eaa9";\n}\n\n.codicon-debug-breakpoint-data-disabled:before {\n content: "\\eaa9";\n}\n\n.codicon-debug-breakpoint-log-unverified:before {\n content: "\\eaaa";\n}\n\n.codicon-debug-breakpoint-log:before {\n content: "\\eaab";\n}\n\n.codicon-debug-breakpoint-log-disabled:before {\n content: "\\eaab";\n}\n\n.codicon-briefcase:before {\n content: "\\eaac";\n}\n\n.codicon-broadcast:before {\n content: "\\eaad";\n}\n\n.codicon-browser:before {\n content: "\\eaae";\n}\n\n.codicon-bug:before {\n content: "\\eaaf";\n}\n\n.codicon-calendar:before {\n content: "\\eab0";\n}\n\n.codicon-case-sensitive:before {\n content: "\\eab1";\n}\n\n.codicon-check:before {\n content: "\\eab2";\n}\n\n.codicon-checklist:before {\n content: "\\eab3";\n}\n\n.codicon-chevron-down:before {\n content: "\\eab4";\n}\n\n.codicon-chevron-left:before {\n content: "\\eab5";\n}\n\n.codicon-chevron-right:before {\n content: "\\eab6";\n}\n\n.codicon-chevron-up:before {\n content: "\\eab7";\n}\n\n.codicon-chrome-close:before {\n content: "\\eab8";\n}\n\n.codicon-chrome-maximize:before {\n content: "\\eab9";\n}\n\n.codicon-chrome-minimize:before {\n content: "\\eaba";\n}\n\n.codicon-chrome-restore:before {\n content: "\\eabb";\n}\n\n.codicon-circle-outline:before {\n content: "\\eabc";\n}\n\n.codicon-circle:before {\n content: "\\eabc";\n}\n\n.codicon-debug-breakpoint-unverified:before {\n content: "\\eabc";\n}\n\n.codicon-terminal-decoration-incomplete:before {\n content: "\\eabc";\n}\n\n.codicon-circle-slash:before {\n content: "\\eabd";\n}\n\n.codicon-circuit-board:before {\n content: "\\eabe";\n}\n\n.codicon-clear-all:before {\n content: "\\eabf";\n}\n\n.codicon-clippy:before {\n content: "\\eac0";\n}\n\n.codicon-close-all:before {\n content: "\\eac1";\n}\n\n.codicon-cloud-download:before {\n content: "\\eac2";\n}\n\n.codicon-cloud-upload:before {\n content: "\\eac3";\n}\n\n.codicon-code:before {\n content: "\\eac4";\n}\n\n.codicon-collapse-all:before {\n content: "\\eac5";\n}\n\n.codicon-color-mode:before {\n content: "\\eac6";\n}\n\n.codicon-comment-discussion:before {\n content: "\\eac7";\n}\n\n.codicon-credit-card:before {\n content: "\\eac9";\n}\n\n.codicon-dash:before {\n content: "\\eacc";\n}\n\n.codicon-dashboard:before {\n content: "\\eacd";\n}\n\n.codicon-database:before {\n content: "\\eace";\n}\n\n.codicon-debug-continue:before {\n content: "\\eacf";\n}\n\n.codicon-debug-disconnect:before {\n content: "\\ead0";\n}\n\n.codicon-debug-pause:before {\n content: "\\ead1";\n}\n\n.codicon-debug-restart:before {\n content: "\\ead2";\n}\n\n.codicon-debug-start:before {\n content: "\\ead3";\n}\n\n.codicon-debug-step-into:before {\n content: "\\ead4";\n}\n\n.codicon-debug-step-out:before {\n content: "\\ead5";\n}\n\n.codicon-debug-step-over:before {\n content: "\\ead6";\n}\n\n.codicon-debug-stop:before {\n content: "\\ead7";\n}\n\n.codicon-debug:before {\n content: "\\ead8";\n}\n\n.codicon-device-camera-video:before {\n content: "\\ead9";\n}\n\n.codicon-device-camera:before {\n content: "\\eada";\n}\n\n.codicon-device-mobile:before {\n content: "\\eadb";\n}\n\n.codicon-diff-added:before {\n content: "\\eadc";\n}\n\n.codicon-diff-ignored:before {\n content: "\\eadd";\n}\n\n.codicon-diff-modified:before {\n content: "\\eade";\n}\n\n.codicon-diff-removed:before {\n content: "\\eadf";\n}\n\n.codicon-diff-renamed:before {\n content: "\\eae0";\n}\n\n.codicon-diff:before {\n content: "\\eae1";\n}\n\n.codicon-diff-sidebyside:before {\n content: "\\eae1";\n}\n\n.codicon-discard:before {\n content: "\\eae2";\n}\n\n.codicon-editor-layout:before {\n content: "\\eae3";\n}\n\n.codicon-empty-window:before {\n content: "\\eae4";\n}\n\n.codicon-exclude:before {\n content: "\\eae5";\n}\n\n.codicon-extensions:before {\n content: "\\eae6";\n}\n\n.codicon-eye-closed:before {\n content: "\\eae7";\n}\n\n.codicon-file-binary:before {\n content: "\\eae8";\n}\n\n.codicon-file-code:before {\n content: "\\eae9";\n}\n\n.codicon-file-media:before {\n content: "\\eaea";\n}\n\n.codicon-file-pdf:before {\n content: "\\eaeb";\n}\n\n.codicon-file-submodule:before {\n content: "\\eaec";\n}\n\n.codicon-file-symlink-directory:before {\n content: "\\eaed";\n}\n\n.codicon-file-symlink-file:before {\n content: "\\eaee";\n}\n\n.codicon-file-zip:before {\n content: "\\eaef";\n}\n\n.codicon-files:before {\n content: "\\eaf0";\n}\n\n.codicon-filter:before {\n content: "\\eaf1";\n}\n\n.codicon-flame:before {\n content: "\\eaf2";\n}\n\n.codicon-fold-down:before {\n content: "\\eaf3";\n}\n\n.codicon-fold-up:before {\n content: "\\eaf4";\n}\n\n.codicon-fold:before {\n content: "\\eaf5";\n}\n\n.codicon-folder-active:before {\n content: "\\eaf6";\n}\n\n.codicon-folder-opened:before {\n content: "\\eaf7";\n}\n\n.codicon-gear:before {\n content: "\\eaf8";\n}\n\n.codicon-gift:before {\n content: "\\eaf9";\n}\n\n.codicon-gist-secret:before {\n content: "\\eafa";\n}\n\n.codicon-gist:before {\n content: "\\eafb";\n}\n\n.codicon-git-commit:before {\n content: "\\eafc";\n}\n\n.codicon-git-compare:before {\n content: "\\eafd";\n}\n\n.codicon-compare-changes:before {\n content: "\\eafd";\n}\n\n.codicon-git-merge:before {\n content: "\\eafe";\n}\n\n.codicon-github-action:before {\n content: "\\eaff";\n}\n\n.codicon-github-alt:before {\n content: "\\eb00";\n}\n\n.codicon-globe:before {\n content: "\\eb01";\n}\n\n.codicon-grabber:before {\n content: "\\eb02";\n}\n\n.codicon-graph:before {\n content: "\\eb03";\n}\n\n.codicon-gripper:before {\n content: "\\eb04";\n}\n\n.codicon-heart:before {\n content: "\\eb05";\n}\n\n.codicon-home:before {\n content: "\\eb06";\n}\n\n.codicon-horizontal-rule:before {\n content: "\\eb07";\n}\n\n.codicon-hubot:before {\n content: "\\eb08";\n}\n\n.codicon-inbox:before {\n content: "\\eb09";\n}\n\n.codicon-issue-reopened:before {\n content: "\\eb0b";\n}\n\n.codicon-issues:before {\n content: "\\eb0c";\n}\n\n.codicon-italic:before {\n content: "\\eb0d";\n}\n\n.codicon-jersey:before {\n content: "\\eb0e";\n}\n\n.codicon-json:before {\n content: "\\eb0f";\n}\n\n.codicon-kebab-vertical:before {\n content: "\\eb10";\n}\n\n.codicon-key:before {\n content: "\\eb11";\n}\n\n.codicon-law:before {\n content: "\\eb12";\n}\n\n.codicon-lightbulb-autofix:before {\n content: "\\eb13";\n}\n\n.codicon-link-external:before {\n content: "\\eb14";\n}\n\n.codicon-link:before {\n content: "\\eb15";\n}\n\n.codicon-list-ordered:before {\n content: "\\eb16";\n}\n\n.codicon-list-unordered:before {\n content: "\\eb17";\n}\n\n.codicon-live-share:before {\n content: "\\eb18";\n}\n\n.codicon-loading:before {\n content: "\\eb19";\n}\n\n.codicon-location:before {\n content: "\\eb1a";\n}\n\n.codicon-mail-read:before {\n content: "\\eb1b";\n}\n\n.codicon-mail:before {\n content: "\\eb1c";\n}\n\n.codicon-markdown:before {\n content: "\\eb1d";\n}\n\n.codicon-megaphone:before {\n content: "\\eb1e";\n}\n\n.codicon-mention:before {\n content: "\\eb1f";\n}\n\n.codicon-milestone:before {\n content: "\\eb20";\n}\n\n.codicon-git-pull-request-milestone:before {\n content: "\\eb20";\n}\n\n.codicon-mortar-board:before {\n content: "\\eb21";\n}\n\n.codicon-move:before {\n content: "\\eb22";\n}\n\n.codicon-multiple-windows:before {\n content: "\\eb23";\n}\n\n.codicon-mute:before {\n content: "\\eb24";\n}\n\n.codicon-no-newline:before {\n content: "\\eb25";\n}\n\n.codicon-note:before {\n content: "\\eb26";\n}\n\n.codicon-octoface:before {\n content: "\\eb27";\n}\n\n.codicon-open-preview:before {\n content: "\\eb28";\n}\n\n.codicon-package:before {\n content: "\\eb29";\n}\n\n.codicon-paintcan:before {\n content: "\\eb2a";\n}\n\n.codicon-pin:before {\n content: "\\eb2b";\n}\n\n.codicon-play:before {\n content: "\\eb2c";\n}\n\n.codicon-run:before {\n content: "\\eb2c";\n}\n\n.codicon-plug:before {\n content: "\\eb2d";\n}\n\n.codicon-preserve-case:before {\n content: "\\eb2e";\n}\n\n.codicon-preview:before {\n content: "\\eb2f";\n}\n\n.codicon-project:before {\n content: "\\eb30";\n}\n\n.codicon-pulse:before {\n content: "\\eb31";\n}\n\n.codicon-question:before {\n content: "\\eb32";\n}\n\n.codicon-quote:before {\n content: "\\eb33";\n}\n\n.codicon-radio-tower:before {\n content: "\\eb34";\n}\n\n.codicon-reactions:before {\n content: "\\eb35";\n}\n\n.codicon-references:before {\n content: "\\eb36";\n}\n\n.codicon-refresh:before {\n content: "\\eb37";\n}\n\n.codicon-regex:before {\n content: "\\eb38";\n}\n\n.codicon-remote-explorer:before {\n content: "\\eb39";\n}\n\n.codicon-remote:before {\n content: "\\eb3a";\n}\n\n.codicon-remove:before {\n content: "\\eb3b";\n}\n\n.codicon-replace-all:before {\n content: "\\eb3c";\n}\n\n.codicon-replace:before {\n content: "\\eb3d";\n}\n\n.codicon-repo-clone:before {\n content: "\\eb3e";\n}\n\n.codicon-repo-force-push:before {\n content: "\\eb3f";\n}\n\n.codicon-repo-pull:before {\n content: "\\eb40";\n}\n\n.codicon-repo-push:before {\n content: "\\eb41";\n}\n\n.codicon-report:before {\n content: "\\eb42";\n}\n\n.codicon-request-changes:before {\n content: "\\eb43";\n}\n\n.codicon-rocket:before {\n content: "\\eb44";\n}\n\n.codicon-root-folder-opened:before {\n content: "\\eb45";\n}\n\n.codicon-root-folder:before {\n content: "\\eb46";\n}\n\n.codicon-rss:before {\n content: "\\eb47";\n}\n\n.codicon-ruby:before {\n content: "\\eb48";\n}\n\n.codicon-save-all:before {\n content: "\\eb49";\n}\n\n.codicon-save-as:before {\n content: "\\eb4a";\n}\n\n.codicon-save:before {\n content: "\\eb4b";\n}\n\n.codicon-screen-full:before {\n content: "\\eb4c";\n}\n\n.codicon-screen-normal:before {\n content: "\\eb4d";\n}\n\n.codicon-search-stop:before {\n content: "\\eb4e";\n}\n\n.codicon-server:before {\n content: "\\eb50";\n}\n\n.codicon-settings-gear:before {\n content: "\\eb51";\n}\n\n.codicon-settings:before {\n content: "\\eb52";\n}\n\n.codicon-shield:before {\n content: "\\eb53";\n}\n\n.codicon-smiley:before {\n content: "\\eb54";\n}\n\n.codicon-sort-precedence:before {\n content: "\\eb55";\n}\n\n.codicon-split-horizontal:before {\n content: "\\eb56";\n}\n\n.codicon-split-vertical:before {\n content: "\\eb57";\n}\n\n.codicon-squirrel:before {\n content: "\\eb58";\n}\n\n.codicon-star-full:before {\n content: "\\eb59";\n}\n\n.codicon-star-half:before {\n content: "\\eb5a";\n}\n\n.codicon-symbol-class:before {\n content: "\\eb5b";\n}\n\n.codicon-symbol-color:before {\n content: "\\eb5c";\n}\n\n.codicon-symbol-constant:before {\n content: "\\eb5d";\n}\n\n.codicon-symbol-enum-member:before {\n content: "\\eb5e";\n}\n\n.codicon-symbol-field:before {\n content: "\\eb5f";\n}\n\n.codicon-symbol-file:before {\n content: "\\eb60";\n}\n\n.codicon-symbol-interface:before {\n content: "\\eb61";\n}\n\n.codicon-symbol-keyword:before {\n content: "\\eb62";\n}\n\n.codicon-symbol-misc:before {\n content: "\\eb63";\n}\n\n.codicon-symbol-operator:before {\n content: "\\eb64";\n}\n\n.codicon-symbol-property:before {\n content: "\\eb65";\n}\n\n.codicon-wrench:before {\n content: "\\eb65";\n}\n\n.codicon-wrench-subaction:before {\n content: "\\eb65";\n}\n\n.codicon-symbol-snippet:before {\n content: "\\eb66";\n}\n\n.codicon-tasklist:before {\n content: "\\eb67";\n}\n\n.codicon-telescope:before {\n content: "\\eb68";\n}\n\n.codicon-text-size:before {\n content: "\\eb69";\n}\n\n.codicon-three-bars:before {\n content: "\\eb6a";\n}\n\n.codicon-thumbsdown:before {\n content: "\\eb6b";\n}\n\n.codicon-thumbsup:before {\n content: "\\eb6c";\n}\n\n.codicon-tools:before {\n content: "\\eb6d";\n}\n\n.codicon-triangle-down:before {\n content: "\\eb6e";\n}\n\n.codicon-triangle-left:before {\n content: "\\eb6f";\n}\n\n.codicon-triangle-right:before {\n content: "\\eb70";\n}\n\n.codicon-triangle-up:before {\n content: "\\eb71";\n}\n\n.codicon-twitter:before {\n content: "\\eb72";\n}\n\n.codicon-unfold:before {\n content: "\\eb73";\n}\n\n.codicon-unlock:before {\n content: "\\eb74";\n}\n\n.codicon-unmute:before {\n content: "\\eb75";\n}\n\n.codicon-unverified:before {\n content: "\\eb76";\n}\n\n.codicon-verified:before {\n content: "\\eb77";\n}\n\n.codicon-versions:before {\n content: "\\eb78";\n}\n\n.codicon-vm-active:before {\n content: "\\eb79";\n}\n\n.codicon-vm-outline:before {\n content: "\\eb7a";\n}\n\n.codicon-vm-running:before {\n content: "\\eb7b";\n}\n\n.codicon-watch:before {\n content: "\\eb7c";\n}\n\n.codicon-whitespace:before {\n content: "\\eb7d";\n}\n\n.codicon-whole-word:before {\n content: "\\eb7e";\n}\n\n.codicon-window:before {\n content: "\\eb7f";\n}\n\n.codicon-word-wrap:before {\n content: "\\eb80";\n}\n\n.codicon-zoom-in:before {\n content: "\\eb81";\n}\n\n.codicon-zoom-out:before {\n content: "\\eb82";\n}\n\n.codicon-list-filter:before {\n content: "\\eb83";\n}\n\n.codicon-list-flat:before {\n content: "\\eb84";\n}\n\n.codicon-list-selection:before {\n content: "\\eb85";\n}\n\n.codicon-selection:before {\n content: "\\eb85";\n}\n\n.codicon-list-tree:before {\n content: "\\eb86";\n}\n\n.codicon-debug-breakpoint-function-unverified:before {\n content: "\\eb87";\n}\n\n.codicon-debug-breakpoint-function:before {\n content: "\\eb88";\n}\n\n.codicon-debug-breakpoint-function-disabled:before {\n content: "\\eb88";\n}\n\n.codicon-debug-stackframe-active:before {\n content: "\\eb89";\n}\n\n.codicon-circle-small-filled:before {\n content: "\\eb8a";\n}\n\n.codicon-debug-stackframe-dot:before {\n content: "\\eb8a";\n}\n\n.codicon-terminal-decoration-mark:before {\n content: "\\eb8a";\n}\n\n.codicon-debug-stackframe:before {\n content: "\\eb8b";\n}\n\n.codicon-debug-stackframe-focused:before {\n content: "\\eb8b";\n}\n\n.codicon-debug-breakpoint-unsupported:before {\n content: "\\eb8c";\n}\n\n.codicon-symbol-string:before {\n content: "\\eb8d";\n}\n\n.codicon-debug-reverse-continue:before {\n content: "\\eb8e";\n}\n\n.codicon-debug-step-back:before {\n content: "\\eb8f";\n}\n\n.codicon-debug-restart-frame:before {\n content: "\\eb90";\n}\n\n.codicon-debug-alt:before {\n content: "\\eb91";\n}\n\n.codicon-call-incoming:before {\n content: "\\eb92";\n}\n\n.codicon-call-outgoing:before {\n content: "\\eb93";\n}\n\n.codicon-menu:before {\n content: "\\eb94";\n}\n\n.codicon-expand-all:before {\n content: "\\eb95";\n}\n\n.codicon-feedback:before {\n content: "\\eb96";\n}\n\n.codicon-git-pull-request-reviewer:before {\n content: "\\eb96";\n}\n\n.codicon-group-by-ref-type:before {\n content: "\\eb97";\n}\n\n.codicon-ungroup-by-ref-type:before {\n content: "\\eb98";\n}\n\n.codicon-account:before {\n content: "\\eb99";\n}\n\n.codicon-git-pull-request-assignee:before {\n content: "\\eb99";\n}\n\n.codicon-bell-dot:before {\n content: "\\eb9a";\n}\n\n.codicon-debug-console:before {\n content: "\\eb9b";\n}\n\n.codicon-library:before {\n content: "\\eb9c";\n}\n\n.codicon-output:before {\n content: "\\eb9d";\n}\n\n.codicon-run-all:before {\n content: "\\eb9e";\n}\n\n.codicon-sync-ignored:before {\n content: "\\eb9f";\n}\n\n.codicon-pinned:before {\n content: "\\eba0";\n}\n\n.codicon-github-inverted:before {\n content: "\\eba1";\n}\n\n.codicon-server-process:before {\n content: "\\eba2";\n}\n\n.codicon-server-environment:before {\n content: "\\eba3";\n}\n\n.codicon-pass:before {\n content: "\\eba4";\n}\n\n.codicon-issue-closed:before {\n content: "\\eba4";\n}\n\n.codicon-stop-circle:before {\n content: "\\eba5";\n}\n\n.codicon-play-circle:before {\n content: "\\eba6";\n}\n\n.codicon-record:before {\n content: "\\eba7";\n}\n\n.codicon-debug-alt-small:before {\n content: "\\eba8";\n}\n\n.codicon-vm-connect:before {\n content: "\\eba9";\n}\n\n.codicon-cloud:before {\n content: "\\ebaa";\n}\n\n.codicon-merge:before {\n content: "\\ebab";\n}\n\n.codicon-export:before {\n content: "\\ebac";\n}\n\n.codicon-graph-left:before {\n content: "\\ebad";\n}\n\n.codicon-magnet:before {\n content: "\\ebae";\n}\n\n.codicon-notebook:before {\n content: "\\ebaf";\n}\n\n.codicon-redo:before {\n content: "\\ebb0";\n}\n\n.codicon-check-all:before {\n content: "\\ebb1";\n}\n\n.codicon-pinned-dirty:before {\n content: "\\ebb2";\n}\n\n.codicon-pass-filled:before {\n content: "\\ebb3";\n}\n\n.codicon-circle-large-filled:before {\n content: "\\ebb4";\n}\n\n.codicon-circle-large:before {\n content: "\\ebb5";\n}\n\n.codicon-circle-large-outline:before {\n content: "\\ebb5";\n}\n\n.codicon-combine:before {\n content: "\\ebb6";\n}\n\n.codicon-gather:before {\n content: "\\ebb6";\n}\n\n.codicon-table:before {\n content: "\\ebb7";\n}\n\n.codicon-variable-group:before {\n content: "\\ebb8";\n}\n\n.codicon-type-hierarchy:before {\n content: "\\ebb9";\n}\n\n.codicon-type-hierarchy-sub:before {\n content: "\\ebba";\n}\n\n.codicon-type-hierarchy-super:before {\n content: "\\ebbb";\n}\n\n.codicon-git-pull-request-create:before {\n content: "\\ebbc";\n}\n\n.codicon-run-above:before {\n content: "\\ebbd";\n}\n\n.codicon-run-below:before {\n content: "\\ebbe";\n}\n\n.codicon-notebook-template:before {\n content: "\\ebbf";\n}\n\n.codicon-debug-rerun:before {\n content: "\\ebc0";\n}\n\n.codicon-workspace-trusted:before {\n content: "\\ebc1";\n}\n\n.codicon-workspace-untrusted:before {\n content: "\\ebc2";\n}\n\n.codicon-workspace-unknown:before {\n content: "\\ebc3";\n}\n\n.codicon-terminal-cmd:before {\n content: "\\ebc4";\n}\n\n.codicon-terminal-debian:before {\n content: "\\ebc5";\n}\n\n.codicon-terminal-linux:before {\n content: "\\ebc6";\n}\n\n.codicon-terminal-powershell:before {\n content: "\\ebc7";\n}\n\n.codicon-terminal-tmux:before {\n content: "\\ebc8";\n}\n\n.codicon-terminal-ubuntu:before {\n content: "\\ebc9";\n}\n\n.codicon-terminal-bash:before {\n content: "\\ebca";\n}\n\n.codicon-arrow-swap:before {\n content: "\\ebcb";\n}\n\n.codicon-copy:before {\n content: "\\ebcc";\n}\n\n.codicon-person-add:before {\n content: "\\ebcd";\n}\n\n.codicon-filter-filled:before {\n content: "\\ebce";\n}\n\n.codicon-wand:before {\n content: "\\ebcf";\n}\n\n.codicon-debug-line-by-line:before {\n content: "\\ebd0";\n}\n\n.codicon-inspect:before {\n content: "\\ebd1";\n}\n\n.codicon-layers:before {\n content: "\\ebd2";\n}\n\n.codicon-layers-dot:before {\n content: "\\ebd3";\n}\n\n.codicon-layers-active:before {\n content: "\\ebd4";\n}\n\n.codicon-compass:before {\n content: "\\ebd5";\n}\n\n.codicon-compass-dot:before {\n content: "\\ebd6";\n}\n\n.codicon-compass-active:before {\n content: "\\ebd7";\n}\n\n.codicon-azure:before {\n content: "\\ebd8";\n}\n\n.codicon-issue-draft:before {\n content: "\\ebd9";\n}\n\n.codicon-git-pull-request-closed:before {\n content: "\\ebda";\n}\n\n.codicon-git-pull-request-draft:before {\n content: "\\ebdb";\n}\n\n.codicon-debug-all:before {\n content: "\\ebdc";\n}\n\n.codicon-debug-coverage:before {\n content: "\\ebdd";\n}\n\n.codicon-run-errors:before {\n content: "\\ebde";\n}\n\n.codicon-folder-library:before {\n content: "\\ebdf";\n}\n\n.codicon-debug-continue-small:before {\n content: "\\ebe0";\n}\n\n.codicon-beaker-stop:before {\n content: "\\ebe1";\n}\n\n.codicon-graph-line:before {\n content: "\\ebe2";\n}\n\n.codicon-graph-scatter:before {\n content: "\\ebe3";\n}\n\n.codicon-pie-chart:before {\n content: "\\ebe4";\n}\n\n.codicon-bracket:before {\n content: "\\eb0f";\n}\n\n.codicon-bracket-dot:before {\n content: "\\ebe5";\n}\n\n.codicon-bracket-error:before {\n content: "\\ebe6";\n}\n\n.codicon-lock-small:before {\n content: "\\ebe7";\n}\n\n.codicon-azure-devops:before {\n content: "\\ebe8";\n}\n\n.codicon-verified-filled:before {\n content: "\\ebe9";\n}\n\n.codicon-newline:before {\n content: "\\ebea";\n}\n\n.codicon-layout:before {\n content: "\\ebeb";\n}\n\n.codicon-layout-activitybar-left:before {\n content: "\\ebec";\n}\n\n.codicon-layout-activitybar-right:before {\n content: "\\ebed";\n}\n\n.codicon-layout-panel-left:before {\n content: "\\ebee";\n}\n\n.codicon-layout-panel-center:before {\n content: "\\ebef";\n}\n\n.codicon-layout-panel-justify:before {\n content: "\\ebf0";\n}\n\n.codicon-layout-panel-right:before {\n content: "\\ebf1";\n}\n\n.codicon-layout-panel:before {\n content: "\\ebf2";\n}\n\n.codicon-layout-sidebar-left:before {\n content: "\\ebf3";\n}\n\n.codicon-layout-sidebar-right:before {\n content: "\\ebf4";\n}\n\n.codicon-layout-statusbar:before {\n content: "\\ebf5";\n}\n\n.codicon-layout-menubar:before {\n content: "\\ebf6";\n}\n\n.codicon-layout-centered:before {\n content: "\\ebf7";\n}\n\n.codicon-target:before {\n content: "\\ebf8";\n}\n\n.codicon-indent:before {\n content: "\\ebf9";\n}\n\n.codicon-record-small:before {\n content: "\\ebfa";\n}\n\n.codicon-error-small:before {\n content: "\\ebfb";\n}\n\n.codicon-terminal-decoration-error:before {\n content: "\\ebfb";\n}\n\n.codicon-arrow-circle-down:before {\n content: "\\ebfc";\n}\n\n.codicon-arrow-circle-left:before {\n content: "\\ebfd";\n}\n\n.codicon-arrow-circle-right:before {\n content: "\\ebfe";\n}\n\n.codicon-arrow-circle-up:before {\n content: "\\ebff";\n}\n\n.codicon-layout-sidebar-right-off:before {\n content: "\\ec00";\n}\n\n.codicon-layout-panel-off:before {\n content: "\\ec01";\n}\n\n.codicon-layout-sidebar-left-off:before {\n content: "\\ec02";\n}\n\n.codicon-blank:before {\n content: "\\ec03";\n}\n\n.codicon-heart-filled:before {\n content: "\\ec04";\n}\n\n.codicon-map:before {\n content: "\\ec05";\n}\n\n.codicon-map-horizontal:before {\n content: "\\ec05";\n}\n\n.codicon-fold-horizontal:before {\n content: "\\ec05";\n}\n\n.codicon-map-filled:before {\n content: "\\ec06";\n}\n\n.codicon-map-horizontal-filled:before {\n content: "\\ec06";\n}\n\n.codicon-fold-horizontal-filled:before {\n content: "\\ec06";\n}\n\n.codicon-circle-small:before {\n content: "\\ec07";\n}\n\n.codicon-bell-slash:before {\n content: "\\ec08";\n}\n\n.codicon-bell-slash-dot:before {\n content: "\\ec09";\n}\n\n.codicon-comment-unresolved:before {\n content: "\\ec0a";\n}\n\n.codicon-git-pull-request-go-to-changes:before {\n content: "\\ec0b";\n}\n\n.codicon-git-pull-request-new-changes:before {\n content: "\\ec0c";\n}\n\n.codicon-search-fuzzy:before {\n content: "\\ec0d";\n}\n\n.codicon-comment-draft:before {\n content: "\\ec0e";\n}\n\n.codicon-send:before {\n content: "\\ec0f";\n}\n\n.codicon-sparkle:before {\n content: "\\ec10";\n}\n\n.codicon-insert:before {\n content: "\\ec11";\n}\n\n.codicon-mic:before {\n content: "\\ec12";\n}\n\n.codicon-thumbsdown-filled:before {\n content: "\\ec13";\n}\n\n.codicon-thumbsup-filled:before {\n content: "\\ec14";\n}\n\n.codicon-coffee:before {\n content: "\\ec15";\n}\n\n.codicon-snake:before {\n content: "\\ec16";\n}\n\n.codicon-game:before {\n content: "\\ec17";\n}\n\n.codicon-vr:before {\n content: "\\ec18";\n}\n\n.codicon-chip:before {\n content: "\\ec19";\n}\n\n.codicon-piano:before {\n content: "\\ec1a";\n}\n\n.codicon-music:before {\n content: "\\ec1b";\n}\n\n.codicon-mic-filled:before {\n content: "\\ec1c";\n}\n\n.codicon-repo-fetch:before {\n content: "\\ec1d";\n}\n\n.codicon-copilot:before {\n content: "\\ec1e";\n}\n\n.codicon-lightbulb-sparkle:before {\n content: "\\ec1f";\n}\n\n.codicon-robot:before {\n content: "\\ec20";\n}\n\n.codicon-sparkle-filled:before {\n content: "\\ec21";\n}\n\n.codicon-diff-single:before {\n content: "\\ec22";\n}\n\n.codicon-diff-multiple:before {\n content: "\\ec23";\n}\n\n.codicon-surround-with:before {\n content: "\\ec24";\n}\n\n.codicon-share:before {\n content: "\\ec25";\n}\n\n.codicon-git-stash:before {\n content: "\\ec26";\n}\n\n.codicon-git-stash-apply:before {\n content: "\\ec27";\n}\n\n.codicon-git-stash-pop:before {\n content: "\\ec28";\n}\n\n.codicon-vscode:before {\n content: "\\ec29";\n}\n\n.codicon-vscode-insiders:before {\n content: "\\ec2a";\n}\n\n.codicon-code-oss:before {\n content: "\\ec2b";\n}\n\n.codicon-run-coverage:before {\n content: "\\ec2c";\n}\n\n.codicon-run-all-coverage:before {\n content: "\\ec2d";\n}\n\n.codicon-coverage:before {\n content: "\\ec2e";\n}\n\n.codicon-github-project:before {\n content: "\\ec2f";\n}\n\n.codicon-map-vertical:before {\n content: "\\ec30";\n}\n\n.codicon-fold-vertical:before {\n content: "\\ec30";\n}\n\n.codicon-map-vertical-filled:before {\n content: "\\ec31";\n}\n\n.codicon-fold-vertical-filled:before {\n content: "\\ec31";\n}\n\n.codicon-go-to-search:before {\n content: "\\ec32";\n}\n\n.codicon-percentage:before {\n content: "\\ec33";\n}\n\n.codicon-sort-percentage:before {\n content: "\\ec33";\n}\n\n.codicon-attach:before {\n content: "\\ec34";\n}\n\n.codicon-go-to-editing-session:before {\n content: "\\ec35";\n}\n\n.codicon-edit-session:before {\n content: "\\ec36";\n}\n\n.codicon-code-review:before {\n content: "\\ec37";\n}\n\n.codicon-copilot-warning:before {\n content: "\\ec38";\n}\n\n.codicon-python:before {\n content: "\\ec39";\n}\n\n.codicon-git-fetch:before {\n content: "\\f101";\n}\n\n@layer kol-component {\n /*\n * Necessary to center icon\n */\n :host {\n display: contents;\n }\n .kol-icon {\n font-size: calc(16rem / var(--kolibri-root-font-size, 16));\n color: inherit;\n line-height: inherit;\n }\n .kol-icon__icon, .kol-icon__icon:before {\n font-size: inherit !important;\n }\n .kol-icon__icon:before {\n line-height: normal;\n }\n}'}}}]);
|
package/dist/9581.js
DELETED
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
/*! For license information please see 9581.js.LICENSE.txt */
|
|
2
|
-
"use strict";(self.webpackChunk_public_ui_sample_react=self.webpackChunk_public_ui_sample_react||[]).push([[9581],{2757:(e,n,t)=>{t.d(n,{K:()=>l});var i=t(5191),o=t(7763);const l=e=>{const{class:n,style:t,icons:l,label:a,onClick:s}=e;return(0,i.h)(o.d,{class:n,style:t,onClick:s,_icons:l,_label:a})}},4302:(e,n,t)=>{t.d(n,{I:()=>h,a:()=>u,b:()=>s,f:()=>d,v:()=>r});var i=t(3299),o=t(3892),l=t(3638);const a=e=>{if("object"==typeof e&&null!==e){if("string"==typeof e.label&&e.label.length>0)return e.disabled=!0===e.disabled,e.label=`${e.label}`.trim(),!1===(0,l.b)(e.label,3)&&!1===(0,l.c)(e.label)&&(0,o.a)(`A differing Aria-Label (${e.label}) is not accessible. A differing Aria-Label should consist of at least three readable characters.`),!Array.isArray(e.options)||void 0===e.options.find((e=>!1===a(e)));if("number"==typeof e.label)return!0}return!1},s=(e,n,t={})=>{(0,o.g)(e,"_options",(e=>"object"==typeof e&&null!==e&&"string"==typeof e.label&&e.label.length>0),n,void 0,t)},r=(e,n,t={})=>{(0,o.g)(e,"_options",a,n,void 0,t)},c=["horizontal","vertical"],d=(e,n,t="")=>{n.forEach(((n,i)=>{const o=`${t}-${i}`;"object"==typeof n&&null!==n&&"string"==typeof n.label&&n.label.length>0&&(Array.isArray(n.options)?d(e,n.options,o):e.set(o,n))}))};class h extends i.I{constructor(e,n,t){super(e,n,t),this.component=e}validateRequired(e){((e,n)=>{(0,o.b)(e,"_required",n)})(this.component,e)}componentWillLoad(){super.componentWillLoad(),this.validateRequired(this.component._required)}}class u extends h{constructor(e,n,t){super(e,n,t),this.keyOptionMap=new Map,this.getOptionByKey=e=>this.keyOptionMap.get(e),this.afterPatchOptions=(e,n,t,i)=>{"_value"===i&&this.setFormAssociatedValue(e)},this.beforePatchOptions=(e,n)=>{const t=n.has("_options")?n.get("_options"):this.component.state._options;Array.isArray(t)&&t.length>0&&(this.keyOptionMap.clear(),d(this.keyOptionMap,t))},this.component=e}validateOrientation(e){(0,o.w)(this.component,"_orientation",(e=>"string"==typeof e&&c.includes(e)),new Set([`Orientation {${c.join(", ")}`]),e,{defaultValue:"vertical"})}validateOptions(e){s(this.component,e,{hooks:{afterPatch:this.afterPatchOptions,beforePatch:this.beforePatchOptions}})}validateValue(e){e=Array.isArray(e)?e[0]:e,(0,o.s)(this.component,"_value",e,{afterPatch:this.afterPatchOptions,beforePatch:this.beforePatchOptions})}componentWillLoad(){super.componentWillLoad(),this.validateOrientation(this.component._orientation),this.validateOptions(this.component._options),this.validateValue(this.component._value)}}},4377:(e,n,t)=>{t.d(n,{K:()=>d});var i=t(1111),o=t(5191),l=t(8045),a=t(3299),s=t(3648);const r=(e,n)=>{var{class:t}=e,a=(0,i._)(e,["class"]);return(0,o.h)("div",Object.assign({class:(0,l.c)("kol-field-control__input",t)},a),n)},c=(e,n)=>{const{class:t,id:c,disabled:d,label:h,hideLabel:u,labelAlign:b,renderNoTooltip:p,hint:k,renderNoHint:f,tooltipAlign:m,accessKey:v,shortKey:_,msg:g,touched:y,required:x,readonly:w,fieldControlInputProps:A,fieldControlLabelProps:O,fieldControlTooltipProps:z,fieldControlHintProps:L}=e,j=(0,i._)(e,["class","id","disabled","label","hideLabel","labelAlign","renderNoTooltip","hint","renderNoHint","tooltipAlign","accessKey","shortKey","msg","touched","required","readonly","fieldControlInputProps","fieldControlLabelProps","fieldControlTooltipProps","fieldControlHintProps"]),V=!f,B=!p,C=(0,a.c)(g,y),P=(0,s.s)(h),K=B&&!P&&u,q=(0,s.b)(v,_),I=[(0,o.h)(o.F,null,(0,o.h)(r,Object.assign({},A),n),K&&(0,o.h)(a.b,Object.assign({},z||{},{id:c,label:h,hideLabel:u,align:m,badgeText:q}))),(0,o.h)(a.d,Object.assign({},O||{},{id:c,baseClassName:"kol-field-control",class:(0,l.c)(null==O?void 0:O.class,{"kol-field-control__label--visually-hidden":Boolean(u)}),hasExpertSlot:P,label:h,accessKey:v,shortKey:_}))];"left"===b&&I.reverse();const F={"kol-field-control--disabled":Boolean(d),"kol-field-control--required":Boolean(x),"kol-field-control--touched":Boolean(y),"kol-field-control--hide-label":Boolean(u),"kol-field-control--read-only":Boolean(w),[`kol-field-control--${(null==g?void 0:g.type)||"error"}`]:Boolean(C),[`kol-field-control--label-align-${b}`]:Boolean(b)};return(0,o.h)("div",Object.assign({class:(0,l.c)("kol-field-control",F,t)},j),I,V&&(0,o.h)(a.e,Object.assign({},L||{},{baseClassName:"kol-field-control",id:c,hint:k})))},d=(e,n)=>{var{state:t}=e,l=(0,i._)(e,["state"]);return(0,o.h)(c,Object.assign({},function(e){const n={accessKey:e._accessKey,shortKey:e._shortKey,id:e._id,disabled:e._disabled,msg:(0,a.a)(e._msg),hint:e._hint,label:e._label,hideLabel:e._hideLabel,touched:e._touched};return"_required"in e&&(n.required=e._required),"_readOnly"in e&&(n.readonly=e._readOnly),"_labelAlign"in e&&(n.labelAlign=e._labelAlign),n}(t),l),n)}},9346:(e,n,t)=>{t.d(n,{K:()=>s});var i=t(1111),o=t(5191),l=t(8045),a=t(3299);const s=e=>{const{class:n,msg:t,required:s,disabled:r,touched:c,readonly:d,ariaDescribedBy:h,hideLabel:u,label:b,suggestions:p,value:k}=e,f=(0,i._)(e,["class","msg","required","disabled","touched","readonly","ariaDescribedBy","hideLabel","label","suggestions","value"]),m=(0,a.c)(t,c),v={"kol-input--disabled":Boolean(r),"kol-input--required":Boolean(s),"kol-input--touched":Boolean(c),"kol-input--readonly":Boolean(d),[`kol-input--${(null==t?void 0:t.type)||"error"}`]:m},_=Object.assign(Object.assign({class:(0,l.c)("kol-input",v,n),required:s,disabled:r,readonly:d,type:"text",list:p?`${f.id}-list`:void 0},(0,a.f)({ariaDescribedBy:h,hideLabel:u,label:b})),f);return(0,o.h)(o.F,null,(0,o.h)("input",Object.assign({},_,{value:k})),p)}},9581:(e,n,t)=>{t.r(n),t.d(n,{kol_input_checkbox:()=>w});var i=t(5191),o=t(8045),l=t(6943),a=t(4302),s=t(3892),r=t(7125),c=t(4377),d=t(1111),h=t(3299),u=t(2757),b=t(9346),p=(e,n,t)=>new Promise(((i,o)=>{var l=e=>{try{s(t.next(e))}catch(e){o(e)}},a=e=>{try{s(t.throw(e))}catch(e){o(e)}},s=e=>e.done?i(e.value):Promise.resolve(e.value).then(l,a);s((t=t.apply(e,n)).next())}));const k=["button","default","switch"],f=["left","right"];class m extends a.I{constructor(e,n,t){super(e,n,t),this.setFormAssociatedCheckboxValue=e=>{this.component._checked?this.setFormAssociatedValue(e):this.setFormAssociatedValue(null)},this.component=e}validateChecked(e){((e,n)=>{(0,s.b)(e,"_checked",n)})(this.component,e),this.setFormAssociatedCheckboxValue(this.component.state._value)}validateIcons(e){(0,s.w)(this.component,"_icons",(e=>"object"==typeof e&&null!==e&&((0,r.i)(e.checked,1)||(0,r.i)(e.indeterminate,1)||(0,r.i)(e.unchecked,1))),new Set(["InputCheckboxIcons"]),e,{hooks:{beforePatch:(e,n,t)=>{n.set("_icons",Object.assign(Object.assign({},t.state._icons),e))}}})}validateIndeterminate(e){((e,n)=>{(0,s.b)(e,"_indeterminate",n)})(this.component,e)}validateLabelAlign(e){((e,n)=>{(0,s.w)(e,"_labelAlign",(e=>"string"==typeof e&&f.includes(e)),new Set([`KoliBriLabelAlign {${f.join(", ")}`]),n)})(this.component,e)}validateValue(e){(0,s.s)(this.component,"_value",e),this.setFormAssociatedCheckboxValue(this.component.state._value)}validateVariant(e){(0,s.w)(this.component,"_variant",(e=>"string"==typeof e&&k.includes(e)),new Set([`String {${k.join(", ")}`]),e)}componentWillLoad(){super.componentWillLoad(),this.validateChecked(this.component._checked),this.validateIcons(this.component._icons),this.validateIndeterminate(this.component._indeterminate),this.validateValue(this.component._value),this.validateVariant(this.component._variant),this.validateLabelAlign(this.component._labelAlign)}}const v=e=>{var{class:n}=e,t=(0,d._)(e,["class"]);return(0,i.h)(u.K,Object.assign({class:(0,o.c)("kol-checkbox__icon",n)},t))},_=e=>{var{class:n}=e,t=(0,d._)(e,["class"]);return(0,i.h)(b.K,Object.assign({class:(0,o.c)("kol-checkbox__input",n)},t,{type:"checkbox"}))},g=e=>{var n,{class:t,variant:l="default",icon:a,inputProps:s}=e,r=(0,d._)(e,["class","variant","icon","inputProps"]);const c=(0,h.c)(null==s?void 0:s.msg,null==s?void 0:s.touched),u={[`kol-checkbox--variant-${l}`]:!0,"kol-checkbox--checked":null==s?void 0:s.checked,"kol-checkbox--indeterminate":null==s?void 0:s.indeterminate,"kol-checkbox--disabled":Boolean(null==s?void 0:s.disabled),"kol-checkbox--required":Boolean(null==s?void 0:s.required),"kol-checkbox--touched":Boolean(null==s?void 0:s.touched),[`kol-checkbox--${(null===(n=null==s?void 0:s.msg)||void 0===n?void 0:n.type)||"error"}`]:Boolean(c)};return(0,i.h)("label",Object.assign({class:(0,o.c)("kol-checkbox",u,t)},r),(0,i.h)(v,{label:"",icons:a}),(0,i.h)(_,Object.assign({},s)))};function y(e,n={}){const{ariaDescribedBy:t}=(0,h.g)(e),i={id:e._id,hideLabel:e._hideLabel,label:e._label,value:e._value,accessKey:e._accessKey,disabled:e._disabled,name:e._name,ariaDescribedBy:t};return"_required"in e&&(i.required=e._required),"_checked"in e&&(i.checked=e._checked),"_indeterminate"in e&&(i.indeterminate=e._indeterminate),"_touched"in e&&(i.touched=e._touched),"_msg"in e&&(i.msg=(0,h.a)(e._msg)),Object.assign(Object.assign({},i),n)}const x=e=>{var{state:n,inputProps:t}=e,o=(0,d._)(e,["state","inputProps"]);const l=(null==n?void 0:n._variant)||"default";return(0,i.h)(g,Object.assign({variant:l,inputProps:y(n,t)},o))},w=class{getModelValue(){return this._checked?this.state._value:null}getValue(){return p(this,null,(function*(){return this.getModelValue()}))}kolFocus(){return p(this,null,(function*(){var e;null===(e=this.inputRef)||void 0===e||e.focus()}))}getFormFieldProps(){return{state:this.state,class:(0,o.c)("kol-input-checkbox",{"kol-input-checkbox--checked":this.state._checked,"kol-input-checkbox--indeterminate":this.state._indeterminate,[`kol-input-checkbox--variant-${this.state._variant||"default"}`]:!0,[`kol-input-checkbox--label-align-${this.state._labelAlign||"right"}`]:!0}),tooltipAlign:this._tooltipAlign,"data-role":"button"===this.state._variant?"button":void 0,alert:this.showAsAlert(),renderNoTooltip:!0}}getFieldControlProps(){return{class:(0,o.c)("kol-input-checkbox__field-control",{"kol-input-checkbox__field-control--checked":this.state._checked,"kol-input-checkbox__field-control--indeterminate":this.state._indeterminate,[`kol-input-checkbox__field-control--variant-${this.state._variant||"default"}`]:!0}),state:this.state}}getInputProps(){return{state:this.state,icon:this.getIcon(),inputProps:Object.assign(Object.assign({class:(0,o.c)({"visually-hidden":"button"===this.state._variant}),ref:this.catchRef},this.controller.onFacade),{onInput:this.onInput,onChange:this.onChange,onFocus:e=>{this.controller.onFacade.onFocus(e),this.inputHasFocus=!0},onBlur:e=>{this.controller.onFacade.onBlur(e),this.inputHasFocus=!1},onClick:void 0})}}getIcon(){return this.state._indeterminate?this.state._icons.indeterminate:this.state._checked?this.state._icons.checked:this.state._icons.unchecked}render(){return(0,i.h)(h.K,Object.assign({key:"7fb2ecb21c81667431909cd393b331609c83be4e"},this.getFormFieldProps(),{renderNoLabel:!0}),(0,i.h)(c.K,Object.assign({key:"b7211c6548c3cab0a5a7f9d71efe6c7bfd56f90b"},this.getFieldControlProps(),{renderNoHint:!0}),(0,i.h)(x,Object.assign({key:"9a6294d54e1ea9d51942eb13b27c1de2a036c431"},this.getInputProps()))))}constructor(e){(0,i.r)(this,e),this.catchRef=e=>{this.inputRef=e},this.onInput=e=>{this._checked=!this._checked,this._indeterminate=!1;const n=this.getModelValue();this.controller.onFacade.onInput(e,!1,n),this.controller.setFormAssociatedCheckboxValue(n)},this.onChange=e=>{this.controller.onFacade.onChange(e,this.getModelValue())},this._accessKey=void 0,this._checked=!1,this._hideMsg=!1,this._disabled=!1,this._hideLabel=!1,this._hint="",this._icons=void 0,this._id=void 0,this._indeterminate=void 0,this._label=void 0,this._labelAlign="right",this._msg=void 0,this._name=void 0,this._on=void 0,this._required=!1,this._shortKey=void 0,this._syncValueBySelector=void 0,this._tooltipAlign="top",this._touched=!1,this._value=!0,this._variant="default",this.state={_checked:!1,_hideMsg:!1,_icons:{checked:"codicon codicon-check",indeterminate:"codicon codicon-remove",unchecked:"codicon codicon-close"},_id:`id-${(0,l.n)()}`,_indeterminate:!1,_label:"",_value:!0,_variant:"default",_labelAlign:"right"},this.inputHasFocus=!1,this.controller=new m(this,"checkbox",this.host)}showAsAlert(){return Boolean(this.state._touched)&&!this.inputHasFocus}validateAccessKey(e){this.controller.validateAccessKey(e)}validateChecked(e){this.controller.validateChecked(e)}validateDisabled(e){this.controller.validateDisabled(e)}validateHideMsg(e){this.controller.validateHideMsg(e)}validateHideLabel(e){this.controller.validateHideLabel(e)}validateHint(e){this.controller.validateHint(e)}validateIcons(e){this.controller.validateIcons(e)}validateId(e){this.controller.validateId(e)}validateIndeterminate(e){this.controller.validateIndeterminate(e)}validateLabel(e){this.controller.validateLabel(e)}validateLabelAlign(e){this.controller.validateLabelAlign(e)}validateMsg(e){this.controller.validateMsg(e)}validateName(e){this.controller.validateName(e)}validateOn(e){this.controller.validateOn(e)}validateRequired(e){this.controller.validateRequired(e)}validateShortKey(e){this.controller.validateShortKey(e)}validateSyncValueBySelector(e){this.controller.validateSyncValueBySelector(e)}validateTouched(e){this.controller.validateTouched(e)}validateValue(e){this.controller.validateValue(e)}validateVariant(e){this.controller.validateVariant(e)}componentWillLoad(){this._touched=!0===this._touched,this.controller.componentWillLoad()}static get delegatesFocus(){return!0}get host(){return(0,i.g)(this)}static get watchers(){return{_accessKey:["validateAccessKey"],_checked:["validateChecked"],_disabled:["validateDisabled"],_hideMsg:["validateHideMsg"],_hideLabel:["validateHideLabel"],_hint:["validateHint"],_icons:["validateIcons"],_id:["validateId"],_indeterminate:["validateIndeterminate"],_label:["validateLabel"],_labelAlign:["validateLabelAlign"],_msg:["validateMsg"],_name:["validateName"],_on:["validateOn"],_required:["validateRequired"],_shortKey:["validateShortKey"],_syncValueBySelector:["validateSyncValueBySelector"],_touched:["validateTouched"],_value:["validateValue"],_variant:["validateVariant"]}}};w.style={default:'/*\n * This file contains all rules for accessibility.\n */\n@layer kol-global {\n :host {\n /*\n * Minimum size of interactive elements.\n */\n --a11y-min-size: calc(44rem / var(--kolibri-root-font-size, 16));\n /*\n * No element should be used without a background and font color whose contrast ratio has\n * not been checked. By initially setting the background color to white and the font color\n * to black, the contrast ratio is ensured and explicit adjustment is forced.\n */\n background-color: white;\n color: black;\n /*\n * Verdana is an accessible font that can be used without requiring additional loading time.\n */\n font-family: Verdana;\n }\n * {\n /*\n * This rule enables the word dividing for all texts. That is important for high zoom levels.\n */\n hyphens: auto;\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 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/**\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: calc(1rem / var(--kolibri-root-font-size, 16));\n overflow: hidden;\n position: absolute;\n white-space: nowrap;\n width: calc(1rem / var(--kolibri-root-font-size, 16));\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%;\n /* 100% needed for custom width from outside */\n }\n /*\n * Ensure elements with hidden attribute to be actually not visible\n * @see https://meowni.ca/hidden.is.a.lie.html\n */\n [hidden] {\n display: none !important;\n }\n .badge-text-hint {\n background-color: lightgray;\n color: black;\n }\n}\n@layer kol-global {\n :host {\n /*\n * The max-width is needed to prevent the table from overflowing the\n * parent node, if the table is wider than the parent node.\n */\n max-width: 100%;\n }\n * {\n /*\n * We prefer to box-sizing: border-box for all elements.\n */\n box-sizing: border-box;\n }\n .kol-span {\n /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\n display: grid;\n place-items: center;\n /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\n }\n .kol-span__container {\n display: flex;\n place-items: center;\n }\n a,\n button {\n cursor: pointer;\n }\n .kol-span .kol-span__label--hide-label .kol-span__label {\n display: none;\n }\n /* Reset browser agent style. */\n button:disabled {\n color: unset;\n }\n .disabled label,\n .disabled:focus-within label,\n [aria-disabled=true],\n [aria-disabled=true]:focus,\n [disabled],\n [disabled]:focus {\n cursor: not-allowed;\n opacity: 0.5;\n outline: none;\n }\n [aria-disabled=true]:focus .kol-span,\n [disabled]:focus .kol-span {\n outline: none !important;\n }\n}\n@layer kol-component {\n :host {\n display: block;\n }\n}\n@layer kol-component {\n :host {\n font-size: calc(16rem / var(--kolibri-root-font-size, 16));\n }\n .kol-tooltip {\n display: contents;\n }\n .kol-tooltip__floating {\n animation-duration: 0.25s;\n animation-iteration-count: 1;\n animation-name: fadeInOpacity;\n animation-timing-function: ease-in;\n box-sizing: border-box;\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 .kol-tooltip__arrow {\n background-color: #fff;\n color: #000;\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__content {\n background-color: #fff;\n color: #000;\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 .kol-form-field {\n display: grid;\n font-size: calc(16rem / var(--kolibri-root-font-size, 16));\n }\n .kol-form-field:not(.kol-form-field--disabled) .kol-form-field__label {\n cursor: pointer;\n }\n .kol-form-field--disabled .kol-form-field__label {\n opacity: 0.5;\n }\n .kol-form-field--required .kol-form-field__label-text::after {\n content: "*";\n }\n .kol-form-field--disabled .kol-form-field__hint {\n opacity: 0.5;\n }\n .kol-form-field--required .kol-form-field__tooltip .span-label::after {\n content: "*";\n }\n}\n@layer kol-component {\n .kol-field-control {\n min-height: var(--a11y-min-size);\n display: grid;\n grid-template-columns: auto 1fr;\n grid-template-areas: "input label";\n grid-template-rows: auto;\n align-items: center;\n justify-content: left;\n }\n .kol-field-control:has(.kol-field-control__hint) {\n grid-template-columns: auto 1fr;\n grid-template-areas: "input label" "hint hint";\n grid-template-rows: auto auto;\n }\n .kol-field-control--label-align-left:not(.kol-field-control--hide-label) {\n grid-template-columns: 1fr auto;\n grid-template-areas: "label input";\n grid-template-rows: auto;\n }\n .kol-field-control--label-align-left:not(.kol-field-control--hide-label):has(.kol-field-control__hint) {\n grid-template-columns: 1fr auto;\n grid-template-areas: "label input" "hint hint";\n grid-template-rows: auto auto;\n }\n .kol-field-control__input {\n grid-area: input;\n display: flex;\n min-height: var(--a11y-min-size);\n align-items: center;\n }\n .kol-field-control__label {\n align-items: center;\n cursor: pointer;\n display: flex;\n flex-grow: 1;\n grid-area: label;\n min-height: var(--a11y-min-size);\n }\n .kol-field-control__label--visually-hidden {\n height: 0;\n margin: 0;\n padding: 0;\n visibility: hidden;\n }\n .kol-field-control__label-text::after {\n content: "";\n }\n .kol-field-control__tooltip .span-label::after {\n content: "";\n }\n .kol-field-control__hint {\n grid-area: hint;\n }\n .kol-field-control--disabled .kol-field-control__label {\n cursor: not-allowed;\n opacity: 0.5;\n }\n .kol-field-control--required .kol-field-control__label-text::after {\n content: "*";\n }\n .kol-field-control--required .kol-field-control__tooltip .span-label::after {\n content: "*";\n }\n}\n@layer kol-component {\n .kol-form-field {\n display: grid;\n }\n .kol-checkbox {\n align-items: center;\n cursor: pointer;\n display: flex;\n position: relative;\n }\n .kol-checkbox--disabled {\n cursor: not-allowed;\n }\n .kol-checkbox .kol-input {\n appearance: none;\n background-color: #fff;\n border-style: solid;\n border-width: 2px;\n cursor: inherit;\n font-size: calc(16rem / var(--kolibri-root-font-size, 16));\n margin: 0;\n transition: 0.5s;\n }\n .kol-checkbox .kol-input:before {\n content: "";\n }\n /**\n * Variant: Checkbox\n */\n .kol-checkbox--variant-default {\n height: var(--a11y-min-size);\n justify-content: center;\n position: relative;\n width: var(--a11y-min-size);\n }\n .kol-checkbox--variant-default .kol-icon {\n display: flex;\n inset: auto;\n position: absolute;\n z-index: 1;\n pointer-events: none;\n }\n .kol-checkbox--variant-default .kol-icon::part(icon) {\n display: none;\n }\n .kol-checkbox--variant-default .kol-input {\n width: calc(22rem / var(--kolibri-root-font-size, 16));\n height: calc(22rem / var(--kolibri-root-font-size, 16));\n }\n .kol-checkbox--variant-default.kol-checkbox--checked .kol-icon::part(icon), .kol-checkbox--variant-default.kol-checkbox--indeterminate .kol-icon::part(icon) {\n display: block;\n }\n /**\n * Variant: Switch\n */\n .kol-checkbox--variant-switch {\n position: relative;\n }\n .kol-checkbox--variant-switch .kol-input {\n display: inline-block;\n height: 1.7em;\n min-width: 3.2em;\n position: relative;\n width: 3.2em;\n }\n .kol-checkbox--variant-switch .kol-input::before {\n background-color: #000;\n height: 1.2em;\n left: calc(0.25em - (2rem / var(--kolibri-root-font-size, 16)));\n top: calc(0.25em - (2rem / var(--kolibri-root-font-size, 16)));\n position: absolute;\n transition: 0.5s;\n width: 1.2em;\n }\n .kol-checkbox--variant-switch .kol-input:checked::before {\n transform: translateX(1.5em);\n }\n .kol-checkbox--variant-switch .kol-input:indeterminate::before {\n transform: translateX(0.75em);\n }\n .kol-checkbox--variant-switch .kol-icon {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 1.2em;\n height: 1.2em;\n position: absolute;\n z-index: 1;\n top: 50%;\n left: calc(4rem / var(--kolibri-root-font-size, 16));\n transform: translate(0, -50%);\n transition: 0.5s;\n color: #000;\n }\n .kol-checkbox--variant-switch.kol-checkbox--checked .kol-icon {\n transform: translate(1.5em, -50%);\n }\n .kol-checkbox--variant-switch.kol-checkbox--indeterminate .kol-icon {\n transform: translate(0.75em, -50%);\n }\n /**\n * Variant: Button\n */\n .kol-checkbox--variant-button {\n width: var(--a11y-min-size);\n }\n .kol-checkbox--variant-button .kol-icon {\n display: flex;\n align-items: center;\n justify-content: center;\n width: var(--a11y-min-size);\n height: var(--a11y-min-size);\n }\n}'}}}]);
|
package/dist/9731.js
DELETED
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
/*! For license information please see 9731.js.LICENSE.txt */
|
|
2
|
-
"use strict";(self.webpackChunk_public_ui_sample_react=self.webpackChunk_public_ui_sample_react||[]).push([[9731],{9731:(t,e,n)=>{n.r(e),n.d(e,{kol_input_text:()=>p});var i=n(5191),o=n(8045),a=n(6943),l=n(9293),s=n(6973),r=n(8341),d=n(1621),h=n(3299),c=n(3892),u=(t,e,n)=>new Promise(((i,o)=>{var a=t=>{try{s(n.next(t))}catch(t){o(t)}},l=t=>{try{s(n.throw(t))}catch(t){o(t)}},s=t=>t.done?i(t.value):Promise.resolve(t.value).then(a,l);s((n=n.apply(t,e)).next())}));const p=class{getValue(){return u(this,null,(function*(){var t;return null===(t=this.inputRef)||void 0===t?void 0:t.value}))}kolFocus(){return u(this,null,(function*(){var t;null===(t=this.inputRef)||void 0===t||t.focus()}))}getFormFieldProps(){return{state:this.state,class:(0,o.c)("kol-input-text",this.state._type,{"has-value":this.state._hasValue}),tooltipAlign:this._tooltipAlign,onClick:()=>{var t;return null===(t=this.inputRef)||void 0===t?void 0:t.focus()},alert:this.showAsAlert()}}getInputProps(){return Object.assign(Object.assign({ref:this.catchRef,state:this.state},this.controller.onFacade),{onBlur:this.onBlur,onChange:this.onChange,onFocus:this.onFocus,onInput:this.onInput,onKeyDown:this.onKeyDown})}render(){return(0,i.h)(h.K,Object.assign({key:"03b91cd888725258ffc7d51f35cedd847147babf"},this.getFormFieldProps()),(0,i.h)(r.K,{key:"8a9378fb5d82ab7427c4869899da6326e0b6030d",state:this.state},(0,i.h)(d.K,Object.assign({key:"d78f3ae5645e24c5967922faa3c2b7b0908481e8"},this.getInputProps()))))}constructor(t){(0,i.r)(this,t),this.catchRef=t=>{this.inputRef=t},this.onBlur=t=>{this.controller.onFacade.onBlur(t),this.inputHasFocus=!1},this.onChange=t=>{var e;const n=null===(e=this.inputRef)||void 0===e?void 0:e.value;this.oldValue!==n&&(this.oldValue=n),this.controller.onFacade.onChange(t)},this.onFocus=t=>{this.controller.onFacade.onFocus(t),this.inputHasFocus=!0},this.onInput=t=>{var e,n;const i=null!==(n=null===(e=this.inputRef)||void 0===e?void 0:e.value)&&void 0!==n?n:"";(0,c.s)(this,"_currentLength",i.length),this._value=i,this.controller.onFacade.onInput(t)},this.onKeyDown=t=>{"Enter"!==t.code&&"NumpadEnter"!==t.code||(0,l.p)({form:this.host,ref:this.inputRef})},this._accessKey=void 0,this._autoComplete=void 0,this._disabled=!1,this._hasCounter=!1,this._hideMsg=!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._name=void 0,this._on=void 0,this._pattern=void 0,this._placeholder=void 0,this._readOnly=!1,this._required=!1,this._shortKey=void 0,this._spellCheck=void 0,this._suggestions=void 0,this._smartButton=void 0,this._syncValueBySelector=void 0,this._tooltipAlign="top",this._touched=!1,this._type="text",this._value=void 0,this.state={_autoComplete:"off",_currentLength:0,_hasValue:!1,_hideMsg:!1,_id:`id-${(0,a.n)()}`,_label:"",_suggestions:[],_type:"text"},this.inputHasFocus=!1,this.controller=new s.a(this,"text",this.host)}showAsAlert(){return Boolean(this.state._touched)&&!this.inputHasFocus}validateAccessKey(t){this.controller.validateAccessKey(t)}validateAutoComplete(t){this.controller.validateAutoComplete(t)}validateDisabled(t){this.controller.validateDisabled(t)}validateHasCounter(t){this.controller.validateHasCounter(t)}validateHideMsg(t){this.controller.validateHideMsg(t)}validateHideLabel(t){this.controller.validateHideLabel(t)}validateHint(t){this.controller.validateHint(t)}validateIcons(t){this.controller.validateIcons(t)}validateId(t){this.controller.validateId(t)}validateLabel(t){this.controller.validateLabel(t)}validateMaxLength(t){this.controller.validateMaxLength(t)}validateMsg(t){this.controller.validateMsg(t)}validateName(t){this.controller.validateName(t)}validateOn(t){this.controller.validateOn(t)}validatePattern(t){this.controller.validatePattern(t)}validatePlaceholder(t){this.controller.validatePlaceholder(t)}validateReadOnly(t){this.controller.validateReadOnly(t)}validateRequired(t){this.controller.validateRequired(t)}validateShortKey(t){this.controller.validateShortKey(t)}validateSpellCheck(t){this.controller.validateSpellCheck(t)}validateSuggestions(t){this.controller.validateSuggestions(t)}validateSmartButton(t){this.controller.validateSmartButton(t)}validateSyncValueBySelector(t){this.controller.validateSyncValueBySelector(t)}validateTouched(t){this.controller.validateTouched(t)}validateType(t){this.controller.validateType(t)}validateValue(t){this.controller.validateValue(t),this.oldValue=t}componentWillLoad(){this._touched=!0===this._touched,this.oldValue=this._value,this.controller.componentWillLoad(),this.state._hasValue=!!this.state._value,this.controller.addValueChangeListener((t=>this.state._hasValue=!!t))}static get delegatesFocus(){return!0}get host(){return(0,i.g)(this)}static get watchers(){return{_accessKey:["validateAccessKey"],_autoComplete:["validateAutoComplete"],_disabled:["validateDisabled"],_hasCounter:["validateHasCounter"],_hideMsg:["validateHideMsg"],_hideLabel:["validateHideLabel"],_hint:["validateHint"],_icons:["validateIcons"],_id:["validateId"],_label:["validateLabel"],_maxLength:["validateMaxLength"],_msg:["validateMsg"],_name:["validateName"],_on:["validateOn"],_pattern:["validatePattern"],_placeholder:["validatePlaceholder"],_readOnly:["validateReadOnly"],_required:["validateRequired"],_shortKey:["validateShortKey"],_spellCheck:["validateSpellCheck"],_suggestions:["validateSuggestions"],_smartButton:["validateSmartButton"],_syncValueBySelector:["validateSyncValueBySelector"],_touched:["validateTouched"],_type:["validateType"],_value:["validateValue"]}}};p.style={default:"/*\n * This file contains all rules for accessibility.\n */\n@layer kol-global {\n :host {\n /*\n * Minimum size of interactive elements.\n */\n --a11y-min-size: calc(44rem / var(--kolibri-root-font-size, 16));\n /*\n * No element should be used without a background and font color whose contrast ratio has\n * not been checked. By initially setting the background color to white and the font color\n * to black, the contrast ratio is ensured and explicit adjustment is forced.\n */\n background-color: white;\n color: black;\n /*\n * Verdana is an accessible font that can be used without requiring additional loading time.\n */\n font-family: Verdana;\n }\n * {\n /*\n * This rule enables the word dividing for all texts. That is important for high zoom levels.\n */\n hyphens: auto;\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 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/**\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: calc(1rem / var(--kolibri-root-font-size, 16));\n overflow: hidden;\n position: absolute;\n white-space: nowrap;\n width: calc(1rem / var(--kolibri-root-font-size, 16));\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%;\n /* 100% needed for custom width from outside */\n }\n /*\n * Ensure elements with hidden attribute to be actually not visible\n * @see https://meowni.ca/hidden.is.a.lie.html\n */\n [hidden] {\n display: none !important;\n }\n .badge-text-hint {\n background-color: lightgray;\n color: black;\n }\n}\n@layer kol-global {\n :host {\n /*\n * The max-width is needed to prevent the table from overflowing the\n * parent node, if the table is wider than the parent node.\n */\n max-width: 100%;\n }\n * {\n /*\n * We prefer to box-sizing: border-box for all elements.\n */\n box-sizing: border-box;\n }\n .kol-span {\n /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\n display: grid;\n place-items: center;\n /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\n }\n .kol-span__container {\n display: flex;\n place-items: center;\n }\n a,\n button {\n cursor: pointer;\n }\n .kol-span .kol-span__label--hide-label .kol-span__label {\n display: none;\n }\n /* Reset browser agent style. */\n button:disabled {\n color: unset;\n }\n .disabled label,\n .disabled:focus-within label,\n [aria-disabled=true],\n [aria-disabled=true]:focus,\n [disabled],\n [disabled]:focus {\n cursor: not-allowed;\n opacity: 0.5;\n outline: none;\n }\n [aria-disabled=true]:focus .kol-span,\n [disabled]:focus .kol-span {\n outline: none !important;\n }\n}\n@layer kol-component {\n :host {\n display: block;\n }\n}\n@layer kol-component {\n :host {\n font-size: calc(16rem / var(--kolibri-root-font-size, 16));\n }\n .kol-tooltip {\n display: contents;\n }\n .kol-tooltip__floating {\n animation-duration: 0.25s;\n animation-iteration-count: 1;\n animation-name: fadeInOpacity;\n animation-timing-function: ease-in;\n box-sizing: border-box;\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 .kol-tooltip__arrow {\n background-color: #fff;\n color: #000;\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__content {\n background-color: #fff;\n color: #000;\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 .kol-alert {\n display: grid;\n }\n .kol-alert__container {\n place-items: center;\n display: flex;\n }\n .kol-alert__container-content {\n flex-grow: 1;\n }\n .kol-alert__close-button {\n /* Visible with forced colors */\n outline: transparent solid calc(1rem / var(--kolibri-root-font-size, 16));\n }\n}\n@layer kol-component {\n .kol-form-field {\n display: grid;\n font-size: calc(16rem / var(--kolibri-root-font-size, 16));\n }\n .kol-form-field:not(.kol-form-field--disabled) .kol-form-field__label {\n cursor: pointer;\n }\n .kol-form-field--disabled .kol-form-field__label {\n opacity: 0.5;\n }\n .kol-form-field--required .kol-form-field__label-text::after {\n content: \"*\";\n }\n .kol-form-field--disabled .kol-form-field__hint {\n opacity: 0.5;\n }\n .kol-form-field--required .kol-form-field__tooltip .span-label::after {\n content: \"*\";\n }\n}\n@layer kol-component {\n .kol-input-container {\n align-items: center;\n background-color: white;\n display: grid;\n grid-template-columns: 1fr;\n min-height: var(--a11y-min-size);\n min-width: var(--a11y-min-size);\n width: 100%;\n }\n .kol-input-container:has(> .kol-input-container__adornment--start) {\n grid-template-columns: auto 1fr;\n }\n .kol-input-container:has(> .kol-input-container__adornment--end) {\n grid-template-columns: 1fr auto;\n }\n .kol-input-container:has(> .kol-input-container__adornment--start):has(> .kol-input-container__adornment--end) {\n grid-template-columns: auto 1fr auto;\n }\n .kol-input-container__container {\n position: relative;\n }\n .kol-input-container__adornment {\n display: flex;\n align-items: center;\n }\n .kol-input-container__adornment .kol-icon {\n display: grid;\n height: var(--a11y-min-size);\n place-items: center;\n }\n}\n@layer kol-component {\n .kol-input {\n font-size: calc(16rem / var(--kolibri-root-font-size, 16));\n min-width: var(--a11y-min-size);\n width: 100%;\n }\n .kol-input:focus {\n outline: none;\n }\n}"}}}]);
|
package/dist/9879.js
DELETED
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
/*! For license information please see 9879.js.LICENSE.txt */
|
|
2
|
-
"use strict";(self.webpackChunk_public_ui_sample_react=self.webpackChunk_public_ui_sample_react||[]).push([[9879],{3648:(e,t,i)=>{i.d(t,{b:()=>r,p:()=>n,s:()=>o});let n="development";try{n="production"}catch(e){n="production"}const o=e=>""===e,r=(e,t)=>e||t||""},6943:(e,t,i)=>{i.d(t,{i:()=>s,n:()=>c,r:()=>a});var n=i(5191),o=i(3648),r=i(3051);const l=()=>{let e=(0,r.d)().KoliBri;return void 0===e&&(e={},Object.defineProperty((0,r.d)(),"KoliBri",{value:e,writable:!1})),e},s=()=>{(()=>{const e=(0,r.g)().querySelector('meta[name="kolibri"]');if(e&&e.hasAttribute("content")){const t=e.getAttribute("content");"string"==typeof t&&((0,r.s)(t.includes("dev-mode=true")),(0,r.b)(t.includes("experimental-mode=true")),(0,r.c)(t.includes("color-contrast-analysis=true")))}})(),r.L.debug(`\n,--. ,--. ,--. ,--. ,-----. ,--.\n| .' / ,---. | | \`--' | |) /_ ,--.--. \`--'\n| . ' | .-. | | | ,--. | .-. \\ | .--' ,--.\n| |\\ \\ | '-' | | | | | | '--' / | | | |\n\`--' \`--´ \`---´ \`--' \`--' \`------´ \`--' \`--'\n🚹 The accessible HTML-Standard | 👉 https://public-ui.github.io | ${n.E.kolibriVersion}\n\t`,{forceLog:!0})},a=()=>{!0!==l().adviceShown&&(Object.defineProperty(l(),"adviceShown",{get:function(){return!0}}),r.L.debug("\nYou are using the KoliBri component library. If you have any suggestions for improvement or find a problem, please contact us:\n\nTicket: https://github.com/public-ui/kolibri/issues/new/choose (for privacy reasons, please use email)\nEmail: kolibri@itzbund.de\n"))};let c=()=>Math.floor(16777215*Math.random()).toString(16);"test"===o.p&&(c=()=>"nonce")},9879:(e,t,i)=>{i.r(t),i.d(t,{initialize:()=>a});var n=i(6943),o=i(3051),r=i(3892);function l(e,t){try{Object.defineProperty((()=>{let e=(0,o.d)().KoliBri;return void 0===e&&(e={},Object.defineProperty((0,o.d)(),"KoliBri",{value:e,writable:!1})),e})(),e,{get:function(){return t}})}catch(t){o.L.debug(`KoliBri property ${e} is already bind.`)}}const s=(e,t)=>o.L.debug(`${e} ${t?"":"not "}activated`),a=()=>{if((0,n.i)(),(0,o.e)()){(0,n.r)(),l("a11yColorContrast",r.y),l("querySelector",r.t),l("querySelectorAll",r.z),l("querySelectorColors",r.A),l("utils",(function(){return r.B})),l("parseJson",r.p),l("stringifyJson",r.C);const e=(0,o.g)().body,t=(0,o.g)().createElement("svg");if(t.setAttribute("aria-label","KoliBri-DevTools"),t.setAttribute("xmlns","http://www.w3.org/2000/svg"),t.setAttribute("role","toolbar"),t.setAttribute("style","position: fixed;color: black;font-size: 200%;bottom: 0.25rem;right: 0.25rem;"),t.innerHTML='<svg\n xmlns="http://www.w3.org/2000/svg"\n width="50"\n height="50"\n viewBox="0 0 600 600"\n>\n <path d="M353 322L213 304V434L353 322Z" fill="#047" />\n <path d="M209 564V304L149 434L209 564Z" fill="#047" />\n <path d="M357 316L417 250L361 210L275 244L357 316Z" fill="#047" />\n <path d="M353 318L35 36L213 300L353 318Z" fill="#047" />\n <path d="M329 218L237 92L250 222L272 241L329 218Z" fill="#047" />\n <path d="M391 286L565 272L421 252L391 286Z" fill="#047" />\n</svg>',(0,o.g)().body.appendChild(t),s("Development mode",(0,o.e)()),s("Experimental mode",(0,o.a)()),s("Color contrast analysis",(0,o.f)()),(0,o.f)()){const t=setTimeout((()=>{clearTimeout(t),setInterval((()=>{r.B.queryHtmlElementColors((0,o.g)().createElement("div"),(0,r.y)(e),!1,!1)}),1e4)}),2500)}}}}}]);
|
package/dist/9907.js
DELETED
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
/*! For license information please see 9907.js.LICENSE.txt */
|
|
2
|
-
"use strict";(self.webpackChunk_public_ui_sample_react=self.webpackChunk_public_ui_sample_react||[]).push([[9907],{3648:(e,t,o)=>{o.d(t,{b:()=>a,p:()=>i,s:()=>s});let i="development";try{i="production"}catch(e){i="production"}const s=e=>""===e,a=(e,t)=>e||t||""},3874:(e,t,o)=>{o.r(t),o.d(t,{kol_popover_button_wc:()=>r});var i=o(5191),s=o(7763),a=o(5836),l=o(5477);const r=class{constructor(e){(0,i.r)(this,e),this.state={_label:"",_popoverAlign:"bottom"},this.justClosed=!1,this._accessKey=void 0,this._ariaControls=void 0,this._ariaDescription=void 0,this._ariaExpanded=void 0,this._ariaSelected=void 0,this._customClass=void 0,this._disabled=!1,this._hideLabel=!1,this._icons=void 0,this._id=void 0,this._label=void 0,this._name=void 0,this._on=void 0,this._popoverAlign="bottom",this._role=void 0,this._shortKey=void 0,this._syncValueBySelector=void 0,this._tabIndex=void 0,this._tooltipAlign="top",this._type="button",this._value=void 0,this._variant="normal"}hidePopover(){return e=this,t=function*(){var e;null===(e=this.refPopover)||void 0===e||e.hidePopover()},new Promise(((o,i)=>{var s=e=>{try{l(t.next(e))}catch(e){i(e)}},a=e=>{try{l(t.throw(e))}catch(e){i(e)}},l=e=>e.done?o(e.value):Promise.resolve(e.value).then(s,a);l((t=t.apply(e,null)).next())}));var e,t}handleBeforeToggle(e){"closed"===e.newState?(this.justClosed=!0,setTimeout((()=>{this.justClosed=!1}),10)):this.refPopover&&(this.refPopover.style.visibility="hidden")}handleToggle(e){"open"===e.newState&&this.refPopover&&this.refButton&&(0,a.a)({align:this.state._popoverAlign,floatingElement:this.refPopover,referenceElement:this.refButton})}handleButtonClick(){var e;this.justClosed||null===(e=this.refPopover)||void 0===e||e.togglePopover()}componentDidRender(){var e,t;null===(e=this.refPopover)||void 0===e||e.addEventListener("toggle",this.handleToggle.bind(this)),null===(t=this.refPopover)||void 0===t||t.addEventListener("beforetoggle",this.handleBeforeToggle.bind(this))}disconnectedCallback(){var e,t;null===(e=this.refPopover)||void 0===e||e.removeEventListener("toggle",this.handleToggle.bind(this)),null===(t=this.refPopover)||void 0===t||t.removeEventListener("beforetoggle",this.handleBeforeToggle.bind(this))}render(){return(0,i.h)("div",{key:"df5e5225efc4736c51054096981b7bc1805a18a8",class:"kol-popover-button"},(0,i.h)(s.a,{key:"464fcf09964542fc483a1e3da7ca3387058623a1",_accessKey:this._accessKey,_ariaControls:this._ariaControls,_ariaDescription:this._ariaDescription,_ariaExpanded:this._ariaExpanded,_ariaSelected:this._ariaSelected,_customClass:this._customClass,_disabled:this._disabled,_hideLabel:this._hideLabel,_icons:this._icons,_id:this._id,_label:this._label,_name:this._name,_on:this._on,_role:this._role,_shortKey:this._shortKey,_syncValueBySelector:this._syncValueBySelector,_tabIndex:this._tabIndex,_tooltipAlign:this._tooltipAlign,_type:this._type,_value:this._value,_variant:this._variant,"data-testid":"popover-button",class:"kol-popover-button__button",ref:e=>this.refButton=e,onClick:this.handleButtonClick.bind(this)},(0,i.h)("slot",{key:"69a5acce344c60d04ef4da227c94eec02b3f00e4",name:"expert",slot:"expert"})),(0,i.h)("div",{key:"10288bd26cd136f234905e5c9dcfff3fcf1a7558",ref:e=>this.refPopover=e,"data-testid":"popover-content",popover:"auto",id:"popover",class:"kol-popover-button__popover"},(0,i.h)("slot",{key:"95454aa3db0d05838b5c829462544f87ffc2b483"})))}validatePopoverAlign(e){((e,t)=>{(0,l.a)(e,"_popoverAlign",t)})(this,e)}componentWillLoad(){this.validatePopoverAlign(this._popoverAlign)}static get watchers(){return{_popoverAlign:["validatePopoverAlign"]}}}}}]);
|
package/dist/9930.js
DELETED
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
/*! For license information please see 9930.js.LICENSE.txt */
|
|
2
|
-
"use strict";(self.webpackChunk_public_ui_sample_react=self.webpackChunk_public_ui_sample_react||[]).push([[9930],{1111:(t,n,e)=>{function o(t,n){var e={};for(var o in t)Object.prototype.hasOwnProperty.call(t,o)&&n.indexOf(o)<0&&(e[o]=t[o]);if(null!=t&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(o=Object.getOwnPropertySymbols(t);a<o.length;a++)n.indexOf(o[a])<0&&Object.prototype.propertyIsEnumerable.call(t,o[a])&&(e[o[a]]=t[o[a]])}return e}e.d(n,{_:()=>o}),"function"==typeof SuppressedError&&SuppressedError},3232:(t,n,e)=>{e.d(n,{K:()=>h});var o=e(1111),a=e(5191),i=e(8045),s=e(5452),l=e(7763),r=e(8740);const c=({ariaLabel:t,icon:n})=>(0,a.h)(a.F,null,(0,a.h)("span",{class:"visually-hidden"},t),(0,a.h)(l.d,{class:"kol-alert__heading-icon",_label:"",_icons:n})),d=({type:t,label:n})=>{switch(t){case"error":return(0,a.h)(c,{ariaLabel:(0,s.t)("kol-error"),icon:"codicon codicon-error",label:n});case"info":return(0,a.h)(c,{ariaLabel:(0,s.t)("kol-info"),icon:"codicon codicon-info",label:n});case"warning":return(0,a.h)(c,{ariaLabel:(0,s.t)("kol-warning"),icon:"codicon codicon-warning",label:n});case"success":return(0,a.h)(c,{ariaLabel:(0,s.t)("kol-success"),icon:"codicon codicon-pass",label:n});default:return(0,a.h)(c,{ariaLabel:(0,s.t)("kol-message"),icon:"codicon codicon-comment",label:n})}},h=(t,n)=>{var e,c;const{class:h={},type:u="default",variant:b="msg",label:p,hasCloser:f,alert:m,onAlertTimeout:g,onCloserClick:v,level:k}=t,y=(0,o._)(t,["class","type","variant","label","hasCloser","alert","onAlertTimeout","onCloserClick","level"]);m&&((null===(e=navigator.userActivation)||void 0===e?void 0:e.hasBeenActive)&&(null===(c=null===navigator||void 0===navigator?void 0:navigator.vibrate)||void 0===c||c.call(navigator,[100,75,100,75,100])),setTimeout((()=>{null==g||g()}),1e4));const _=Object.assign({class:(0,i.c)("kol-alert",`kol-alert--${u}`,`kol-alert--${b}`,{"kol-alert--hasCloser":!!f},h),role:m?"alert":void 0},y);return(0,a.h)("div",Object.assign({},_),(0,a.h)("div",{class:"kol-alert__container"},(0,a.h)(d,{label:p,type:u}),(0,a.h)("div",{class:"kol-alert__container-content"},p?(0,a.h)(r.K,{class:"kol-alert__heading",level:k},p):null,"msg"===b&&(0,a.h)("div",{class:"kol-alert__content"},n)),f&&(0,a.h)(l.a,{class:"kol-alert__close-button close","data-testid":"alert-close-button",_ariaDescription:(null==p?void 0:p.trim())||"",_hideLabel:!0,_icons:{left:{icon:"codicon codicon-close"}},_label:(0,s.t)("kol-close-alert"),_on:{onClick:v},_tooltipAlign:"left"})),"card"===b&&(0,a.h)("div",{class:"kol-alert__content"},n))}},3648:(t,n,e)=>{e.d(n,{b:()=>i,p:()=>o,s:()=>a});let o="development";try{o="production"}catch(t){o="production"}const a=t=>""===t,i=(t,n)=>t||n||""},5452:(t,n,e)=>{e.d(n,{t:()=>i});var o=e(4269),a=e(3648);let i=(t,n)=>{var e;return(null!==(e=(0,o.g)())&&void 0!==e?e:(0,o.i)("de")).translate(t,n)};"test"===a.p&&(i=t=>t)},6943:(t,n,e)=>{e.d(n,{i:()=>l,n:()=>c,r:()=>r});var o=e(5191),a=e(3648),i=e(3051);const s=()=>{let t=(0,i.d)().KoliBri;return void 0===t&&(t={},Object.defineProperty((0,i.d)(),"KoliBri",{value:t,writable:!1})),t},l=()=>{(()=>{const t=(0,i.g)().querySelector('meta[name="kolibri"]');if(t&&t.hasAttribute("content")){const n=t.getAttribute("content");"string"==typeof n&&((0,i.s)(n.includes("dev-mode=true")),(0,i.b)(n.includes("experimental-mode=true")),(0,i.c)(n.includes("color-contrast-analysis=true")))}})(),i.L.debug(`\n,--. ,--. ,--. ,--. ,-----. ,--.\n| .' / ,---. | | \`--' | |) /_ ,--.--. \`--'\n| . ' | .-. | | | ,--. | .-. \\ | .--' ,--.\n| |\\ \\ | '-' | | | | | | '--' / | | | |\n\`--' \`--´ \`---´ \`--' \`--' \`------´ \`--' \`--'\n🚹 The accessible HTML-Standard | 👉 https://public-ui.github.io | ${o.E.kolibriVersion}\n\t`,{forceLog:!0})},r=()=>{!0!==s().adviceShown&&(Object.defineProperty(s(),"adviceShown",{get:function(){return!0}}),i.L.debug("\nYou are using the KoliBri component library. If you have any suggestions for improvement or find a problem, please contact us:\n\nTicket: https://github.com/public-ui/kolibri/issues/new/choose (for privacy reasons, please use email)\nEmail: kolibri@itzbund.de\n"))};let c=()=>Math.floor(16777215*Math.random()).toString(16);"test"===a.p&&(c=()=>"nonce")},8045:(t,n,e)=>{function o(t){var n,e,a="";if("string"==typeof t||"number"==typeof t)a+=t;else if("object"==typeof t)if(Array.isArray(t)){var i=t.length;for(n=0;n<i;n++)t[n]&&(e=o(t[n]))&&(a&&(a+=" "),a+=e)}else for(e in t)t[e]&&(a&&(a+=" "),a+=e);return a}function a(){for(var t,n,e=0,a="",i=arguments.length;e<i;e++)(t=arguments[e])&&(n=o(t))&&(a&&(a+=" "),a+=n);return a}e.d(n,{c:()=>a})},8740:(t,n,e)=>{e.d(n,{K:()=>d});var o=e(1111),a=e(5191),i=e(8045);const s=1;function l(t){return function(t){return t>=s&&t<=6}(t)?`h${t}`:"strong"}const r=(t,n)=>{var{class:e,level:r=s,variant:c}=t,d=(0,o._)(t,["class","level","variant"]);const h=l(r),u=c||h;return(0,a.h)(h,Object.assign({class:(0,i.c)("kol-headline",`kol-headline--${u}`,e)},d),n)},c=(t,n)=>{var{class:e,level:r=s}=t,c=(0,o._)(t,["class","level"]);const d=function(t){return 1===t?"span":l(t)}(r+1);return(0,a.h)(d,Object.assign({class:(0,i.c)("kol-headline kol-headline--group kol-headline--secondary",e)},c),n)},d=(t,n)=>{var{secondaryHeadline:e,level:l=s,class:d,HeadingGroupProps:h={},SecondaryHeadlineProps:u={}}=t,b=(0,o._)(t,["secondaryHeadline","level","class","HeadingGroupProps","SecondaryHeadlineProps"]);const p=Object.assign({level:l},b);if(!e)return(0,a.h)(r,Object.assign({class:(0,i.c)(d,"kol-headline--single")},p),n);const{class:f}=h,m=(0,o._)(h,["class"]),g=Object.assign({class:(0,i.c)("kol-heading-group",f)},m);return(0,a.h)("hgroup",Object.assign({},g),(0,a.h)(r,Object.assign({class:(0,i.c)(d,"kol-headline--group","kol-headline--primary")},p),n),(0,a.h)(c,Object.assign({level:l},u),e))}},9930:(t,n,e)=>{e.r(n),e.d(n,{kol_toast_container:()=>u});var o=e(5191),a=e(5452),i=e(6943),s=e(7763),l=e(1111),r=e(8045),c=e(3232),d=(t,n,e)=>new Promise(((o,a)=>{var i=t=>{try{l(e.next(t))}catch(t){a(t)}},s=t=>{try{l(e.throw(t))}catch(t){a(t)}},l=t=>t.done?o(t.value):Promise.resolve(t.value).then(i,s);l((e=e.apply(t,n)).next())}));const h=t=>{var{status:n,toast:e,onClose:a}=t,i=(0,l._)(t,["status","toast","onClose"]);const{type:s,label:d,description:h,variant:u}=e;return(0,o.h)("div",{class:(0,r.c)("kol-toast-item",`kol-toast-item--${n}`)},(0,o.h)(c.K,{class:"kol-toast-item__alert",alert:!0,label:d,level:0,hasCloser:!0,type:s,variant:u||"card",onCloserClick:a},(0,o.h)("div",Object.assign({},i),h)))},u=class{constructor(t){(0,o.r)(this,t),this.knownRenderFunctions=new Set,this.state={_toastStates:[]}}enqueue(t){return d(this,null,(function*(){const n={toast:t,status:"adding",id:`toast-${(0,i.n)()}`};return this.state=Object.assign(Object.assign({},this.state),{_toastStates:[n,...this.state._toastStates]}),setTimeout((()=>{this.state=Object.assign(Object.assign({},this.state),{_toastStates:this.state._toastStates.map((t=>t.id===n.id&&"removing"!==t.status?Object.assign(Object.assign({},t),{status:"settled"}):t))})}),300),()=>{this.handleClose(n)}}))}handleClose(t){this.state=Object.assign(Object.assign({},this.state),{_toastStates:this.state._toastStates.map((n=>(n.id===t.id&&(n.status="removing"),n)))}),setTimeout((()=>{this.state=Object.assign(Object.assign({},this.state),{_toastStates:this.state._toastStates.filter((n=>n.id!==t.id))})}),300)}closeAll(t=!1){return d(this,null,(function*(){if(t)this.state=Object.assign(Object.assign({},this.state),{_toastStates:[]});else{const t=[...this.state._toastStates];this.state=Object.assign(Object.assign({},this.state),{_toastStates:t.map((t=>Object.assign(Object.assign({},t),{status:"removing"})))}),setTimeout((()=>{this.state=Object.assign(Object.assign({},this.state),{_toastStates:this.state._toastStates.filter((n=>t.every((t=>t.id!==n.id))))})}),300)}}))}handleToastRef(t,n){n&&"function"==typeof t.toast.render&&!this.knownRenderFunctions.has(t.toast.render)&&(this.knownRenderFunctions.add(t.toast.render),t.toast.render(n,{close:()=>this.handleClose(t)}))}render(){return(0,o.h)(o.H,{key:"43cab139328015afcc3105680b99a8880ad8c525",class:"kol-toast-container"},this.state._toastStates.length>1&&(0,o.h)(s.q,{key:"1c8af42ea396c97e400db71cb7aeb4522fa12d4e",_label:(0,a.t)("kol-toast-close-all"),class:"kol-toast-container__button-close-all",_on:{onClick:()=>{this.closeAll()}}}),this.state._toastStates.map((t=>(0,o.h)(h,{key:t.id,onClose:()=>this.handleClose(t),ref:n=>this.handleToastRef(t,n),toast:t.toast,status:t.status}))))}};u.style={default:"/*\n * This file contains all rules for accessibility.\n */\n@layer kol-global {\n :host {\n /*\n * Minimum size of interactive elements.\n */\n --a11y-min-size: calc(44rem / var(--kolibri-root-font-size, 16));\n /*\n * No element should be used without a background and font color whose contrast ratio has\n * not been checked. By initially setting the background color to white and the font color\n * to black, the contrast ratio is ensured and explicit adjustment is forced.\n */\n background-color: white;\n color: black;\n /*\n * Verdana is an accessible font that can be used without requiring additional loading time.\n */\n font-family: Verdana;\n }\n * {\n /*\n * This rule enables the word dividing for all texts. That is important for high zoom levels.\n */\n hyphens: auto;\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 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/**\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: calc(1rem / var(--kolibri-root-font-size, 16));\n overflow: hidden;\n position: absolute;\n white-space: nowrap;\n width: calc(1rem / var(--kolibri-root-font-size, 16));\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%;\n /* 100% needed for custom width from outside */\n }\n /*\n * Ensure elements with hidden attribute to be actually not visible\n * @see https://meowni.ca/hidden.is.a.lie.html\n */\n [hidden] {\n display: none !important;\n }\n .badge-text-hint {\n background-color: lightgray;\n color: black;\n }\n}\n@layer kol-global {\n :host {\n /*\n * The max-width is needed to prevent the table from overflowing the\n * parent node, if the table is wider than the parent node.\n */\n max-width: 100%;\n }\n * {\n /*\n * We prefer to box-sizing: border-box for all elements.\n */\n box-sizing: border-box;\n }\n .kol-span {\n /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\n display: grid;\n place-items: center;\n /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\n }\n .kol-span__container {\n display: flex;\n place-items: center;\n }\n a,\n button {\n cursor: pointer;\n }\n .kol-span .kol-span__label--hide-label .kol-span__label {\n display: none;\n }\n /* Reset browser agent style. */\n button:disabled {\n color: unset;\n }\n .disabled label,\n .disabled:focus-within label,\n [aria-disabled=true],\n [aria-disabled=true]:focus,\n [disabled],\n [disabled]:focus {\n cursor: not-allowed;\n opacity: 0.5;\n outline: none;\n }\n [aria-disabled=true]:focus .kol-span,\n [disabled]:focus .kol-span {\n outline: none !important;\n }\n}\n@layer kol-component {\n :host {\n display: block;\n }\n}\n@layer kol-component {\n :host {\n font-size: calc(16rem / var(--kolibri-root-font-size, 16));\n }\n .kol-tooltip {\n display: contents;\n }\n .kol-tooltip__floating {\n animation-duration: 0.25s;\n animation-iteration-count: 1;\n animation-name: fadeInOpacity;\n animation-timing-function: ease-in;\n box-sizing: border-box;\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 .kol-tooltip__arrow {\n background-color: #fff;\n color: #000;\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__content {\n background-color: #fff;\n color: #000;\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 .kol-alert {\n display: grid;\n }\n .kol-alert__container {\n place-items: center;\n display: flex;\n }\n .kol-alert__container-content {\n flex-grow: 1;\n }\n .kol-alert__close-button {\n /* Visible with forced colors */\n outline: transparent solid calc(1rem / var(--kolibri-root-font-size, 16));\n }\n}\n@layer kol-component {\n :host {\n display: flex;\n flex-direction: column;\n font-size: calc(16rem / var(--kolibri-root-font-size, 16));\n position: fixed;\n z-index: 200;\n }\n .kol-toast-container__close-all {\n align-self: flex-end;\n }\n}"}}}]);
|