@public-ui/components 1.4.0-rc.2 → 1.4.0-rc.3

package/dist/kolibri/app-globals-4be5aa27.js.map

@@ -1 +1 @@
-{"version":3,"names":["appGlobalScript","processEnv","Log","info","setMode","elm","shadowRoot","ShadowRoot","setThemeStyle","getThemeDetails","register","theme","detect","name","catch","console","warn","import","then","devTools","initialize","error","globalScripts"],"sources":["./src/global/script.ts","@stencil/core/internal/app-globals"],"sourcesContent":["import { getThemeDetails, setThemeStyle } from '@a11y-ui/core';\nimport { register } from '@public-ui/core';\n// import { ZOLL } from '@itzbund/kolibri-internal-themes';\n// import { KoliBri } from '@public-ui/schema';\nimport { setMode } from '@stencil/core';\nimport { Log } from '../utils/dev.utils';\nimport { processEnv } from '../utils/reuse';\n// import { THEMING_ICON_FONT_CSS_FONT_AWESOME } from './defaults/icon';\n\n// ts-prune-ignore-next\nexport default (): void => {\n\tif (processEnv !== 'test') {\n\t\tLog.info(\n\t\t\t`\n,--. ,--.         ,--. ,--. ,-----.           ,--.\n|  .'   /  ,---.  |  | \\`--' |  |) /_  ,--.--. \\`--'\n|  .   '  | .-. | |  | ,--. |  .-.  \\\\ |  .--' ,--.\n|  |\\\\   \\\\ | '-' | |  | |  | |  '--' / |  |    |  |\n\\`--' \\`--´  \\`---´  \\`--' \\`--' \\`------´  \\`--'    \\`--'\n🚹 The accessible HTML-Standard | 👉 https://public-ui.github.io\n\t`,\n\t\t\t{\n\t\t\t\tforceLog: true,\n\t\t\t}\n\t\t);\n\t}\n\n\tsetMode((elm) => {\n\t\tif (elm.shadowRoot instanceof ShadowRoot) {\n\t\t\tsetThemeStyle(elm, getThemeDetails(elm));\n\t\t}\n\t\treturn 'default';\n\t});\n\n\t// Informationstechnik Zentrum Bund\n\t// const DEFAULT = KoliBri.createTheme('default', {\n\t// \tGLOBAL:\n\t// \t\t'/* Properties */:host {--border-color: var(--color-anthrazit);--border-radius: 0.125rem;--color-anthrazit: #333;--color-jade: #f3f7fb;--color-weiss: #fff;--color-petrol: #007a89;--color-achat: #0b4d59;--color-teal: #056773;--color-fluorit: #66ddec;--color-rotton: rgba(188, 0, 0, 1);--color-rotton-20: rgba(188, 0, 0, 0.2);--color-gras: #138510;--color-warn: #f0541e;--color-blut: var(--color-rotton);--color-input-bg-default: #e8edf2;--gradient-petrol-achat: linear-gradient(67deg,var(--color-petrol),var(--color-achat));--color-citrin: #d4c912;--color-umber: #494500;--color-gelb: #fff443;--color-lichtgelb: #eeff6c;--gradient-gelb-citrin: linear-gradient(67deg,var(--color-gelb),var(--color-citrin));--font-family-sans: BundesSans Web;--font-family-serif: BundesSerif Web;--font-size: 16px;--spacing: 0.125em;} /* Preset */:host {font-size: var(--font-size);}:host * {box-sizing: border-box;font-family: var(--font-family-sans);}button {background-color: transparent;}*[tabindex]:focus,a:focus,button:focus,input:focus,select:focus,summary:focus,textarea:focus {border-radius: var(--border-radius);outline-color: var(--color-petrol);outline-offset: calc(1.25 * var(--kolibri-spacing));outline-style: solid;outline-width: calc(1.25 * var(--kolibri-spacing));transition: outline-offset 0.25s linear;}:host h1,:host h2,:host h3,:host h4,:host h5,:host h6 {margin: 0;}',\n\t// \t'KOL-BUTTON':\n\t// \t\t':host > kol-link-wc a {display: inline-flex;gap: 0.25rem;place-items: center;text-decoration: none;}button {background-color: transparent;}a,button {border-radius: 2rem !important;font-family: var(--font-family-sans);text-transform: uppercase;}a > kol-span-wc,button > kol-span-wc {border-radius: 2rem;border-style: solid;min-width: 44px;min-height: 44px;border-width: var(--kolibri-spacing);font-size: inherit;/*line-height: 1.25em;*//*padding: calc(4 * var(--kolibri-spacing));*/padding: 0 1rem;}.button a.icon-only > kol-span-wc,.button button.icon-only > kol-span-wc {padding: 0 0.5rem;}a > kol-span-wc,button > kol-span-wc {gap: 0.25em;transition-delay: 0;transition-timing-function: ease-in-out;transition-duration: 0.5s;transition-property: background, color, border-color;}kol-link-wc.primary > a > kol-span-wc,kol-link-wc.primary > a:disabled:hover > kol-span-wc,button.primary > kol-span-wc,button.primary:disabled:hover > kol-span-wc {background-color: var(--color-petrol);border-color: var(--color-petrol);color: var(--color-weiss);}kol-link-wc.primary > a:hover > kol-span-wc,kol-link-wc.primary > a:focus > kol-span-wc,button.primary:hover > kol-span-wc,button.primary:focus > kol-span-wc {background-color: var(--color-achat);border-color: var(--color-achat);}kol-link-wc.secondary > a > kol-span-wc,kol-link-wc.secondary > a:disabled:hover > kol-span-wc,button.secondary > kol-span-wc,button.secondary:disabled:hover > kol-span-wc {background-color: var(--color-weiss);border-color: var(--color-petrol);color: var(--color-petrol);}kol-link-wc.secondary > a:hover > kol-span-wc,kol-link-wc.secondary > a:focus > kol-span-wc,button.secondary:hover > kol-span-wc,button.secondary:focus > kol-span-wc {background-color: var(--color-petrol);border-color: var(--color-petrol);color: var(--color-weiss);}kol-link-wc.normal > a > kol-span-wc,kol-link-wc.normal > a:disabled:hover > kol-span-wc,button.normal > kol-span-wc,button.normal:disabled:hover > kol-span-wc {background-color: var(--color-weiss);border-color: var(--color-anthrazit);color: var(--color-anthrazit);}kol-link-wc.normal > a:hover > kol-span-wc,kol-link-wc.normal > a:focus > kol-span-wc,button.normal:hover > kol-span-wc,button.normal:focus > kol-span-wc {background-color: var(--color-anthrazit);border-color: var(--color-anthrazit);color: var(--color-weiss);}kol-link-wc.danger > a > kol-span-wc,kol-link-wc.danger > a:disabled:hover > kol-span-wc,button.danger > kol-span-wc,button.danger:disabled:hover > kol-span-wc {background-color: var(--color-weiss);border-color: var(--color-blut);color: var(--color-blut);}kol-link-wc.danger > a:hover > kol-span-wc,kol-link-wc.danger > a:focus > kol-span-wc,button.danger:hover > kol-span-wc,button.danger:focus > kol-span-wc {background-color: var(--color-blut);border-color: var(--color-blut);color: var(--color-weiss);}kol-link-wc.ghost > a > kol-span-wc,kol-link-wc.ghost > a:disabled:hover > kol-span-wc,button.ghost > kol-span-wc,button.ghost:disabled:hover > kol-span-wc {background-color: var(--color-ghost);border-color: transparent;color: var(--color-anthrazit);}kol-link-wc.ghost > a:hover > kol-span-wc,kol-link-wc.ghost > a:focus > kol-span-wc,button.ghost:hover > kol-span-wc,button.ghost:focus > kol-span-wc {background-color: var(--color-ghost);border-color: var(--color-ghost);color: var(--color-anthrazit);}',\n\t// \t'KOL-BUTTON-GROUP': 'div {display: flex;flex-wrap: wrap;gap: calc(4 * var(--kolibri-spacing));}',\n\t// \t'KOL-LINK-BUTTON':\n\t// \t\t':host > kol-link-wc a {display: inline-flex;gap: 0.25rem;place-items: center;text-decoration: none;}button {background-color: transparent;}a,button {border-radius: 2rem !important;font-family: var(--font-family-sans);text-transform: uppercase;}a > kol-span-wc,button > kol-span-wc {border-radius: 2rem;border-style: solid;min-width: 44px;min-height: 44px;border-width: var(--kolibri-spacing);font-size: inherit;/*line-height: 1.25em;*//*padding: calc(4 * var(--kolibri-spacing));*/padding: 0 1rem;}.button a.icon-only > kol-span-wc,.button button.icon-only > kol-span-wc {padding: 0 0.5rem;}a > kol-span-wc,button > kol-span-wc {gap: 0.25em;transition-delay: 0;transition-timing-function: ease-in-out;transition-duration: 0.5s;transition-property: background, color, border-color;}kol-link-wc.primary > a > kol-span-wc,kol-link-wc.primary > a:disabled:hover > kol-span-wc,button.primary > kol-span-wc,button.primary:disabled:hover > kol-span-wc {background-color: var(--color-petrol);border-color: var(--color-petrol);color: var(--color-weiss);}kol-link-wc.primary > a:hover > kol-span-wc,kol-link-wc.primary > a:focus > kol-span-wc,button.primary:hover > kol-span-wc,button.primary:focus > kol-span-wc {background-color: var(--color-achat);border-color: var(--color-achat);}kol-link-wc.secondary > a > kol-span-wc,kol-link-wc.secondary > a:disabled:hover > kol-span-wc,button.secondary > kol-span-wc,button.secondary:disabled:hover > kol-span-wc {background-color: var(--color-weiss);border-color: var(--color-petrol);color: var(--color-petrol);}kol-link-wc.secondary > a:hover > kol-span-wc,kol-link-wc.secondary > a:focus > kol-span-wc,button.secondary:hover > kol-span-wc,button.secondary:focus > kol-span-wc {background-color: var(--color-petrol);border-color: var(--color-petrol);color: var(--color-weiss);}kol-link-wc.normal > a > kol-span-wc,kol-link-wc.normal > a:disabled:hover > kol-span-wc,button.normal > kol-span-wc,button.normal:disabled:hover > kol-span-wc {background-color: var(--color-weiss);border-color: var(--color-anthrazit);color: var(--color-anthrazit);}kol-link-wc.normal > a:hover > kol-span-wc,kol-link-wc.normal > a:focus > kol-span-wc,button.normal:hover > kol-span-wc,button.normal:focus > kol-span-wc {background-color: var(--color-anthrazit);border-color: var(--color-anthrazit);color: var(--color-weiss);}kol-link-wc.danger > a > kol-span-wc,kol-link-wc.danger > a:disabled:hover > kol-span-wc,button.danger > kol-span-wc,button.danger:disabled:hover > kol-span-wc {background-color: var(--color-weiss);border-color: var(--color-blut);color: var(--color-blut);}kol-link-wc.danger > a:hover > kol-span-wc,kol-link-wc.danger > a:focus > kol-span-wc,button.danger:hover > kol-span-wc,button.danger:focus > kol-span-wc {background-color: var(--color-blut);border-color: var(--color-blut);color: var(--color-weiss);}kol-link-wc.ghost > a > kol-span-wc,kol-link-wc.ghost > a:disabled:hover > kol-span-wc,button.ghost > kol-span-wc,button.ghost:disabled:hover > kol-span-wc {background-color: var(--color-ghost);border-color: transparent;color: var(--color-anthrazit);}kol-link-wc.ghost > a:hover > kol-span-wc,kol-link-wc.ghost > a:focus > kol-span-wc,button.ghost:hover > kol-span-wc,button.ghost:focus > kol-span-wc {background-color: var(--color-ghost);border-color: var(--color-ghost);color: var(--color-anthrazit);}',\n\t// \t'KOL-PAGINATION':\n\t// \t\t':host {display: grid;gap: 1rem;}:host > div {display: inline-flex;flex-wrap: wrap;align-items: center;gap: 0.5em;}button > kol-span-wc {cursor: not-allowed;background-color: var(--color-achat);border-color: var(--color-achat);border-radius: 2rem;border-style: solid;color: var(--color-weiss);min-width: 44px;min-height: 44px;border-width: var(--kolibri-spacing);font-size: inherit;font-weight: bold;line-height: 1.25em;padding: calc(4 * var(--kolibri-spacing));text-decoration: underline;}',\n\t// \t'KOL-BUTTON-LINK':\n\t// \t\t':host > kol-link-wc a {display: inline-flex;gap: 0.25rem;place-items: center;text-decoration: none;}button {background-color: transparent;}a,button {background-image: repeating-linear-gradient(to right, #66ddec, #66ddec);background-repeat: no-repeat;background-position: left 0 bottom 0;background-size: 25% 0.25ex;border-radius: var(--kolibri-spacing);color: var(--color-petrol);font-family: var(--font-family-sans);font-size: inherit;text-transform: uppercase;transition-delay: 0;transition-timing-function: ease-in-out;transition-duration: 0.5s;transition-property: background, color, border-color;}a:focus,a:hover,button:focus,button:hover {background-size: 100% 0.25ex;color: var(--color-achat);}a > kol-span-wc,button > kol-span-wc {gap: 0.25em;}.hidden {display: none;visibility: hidden;}a.skip {left: -99999px;overflow: hidden;position: absolute;z-index: 9999999;}a.skip:focus {background-color: white;box-shadow: 0 0 0.5rem 0.5rem white;left: unset;position: unset;}',\n\t// \t'KOL-INPUT-TEXT':\n\t// \t\t'input:hover,input:focus {border-color: var(--border-color) !important;border-radius: none !important;outline-color: var(--color-achat) !important;outline-offset: 0;outline-style: solid;outline-width: 1px;}label {color: var(--color-anthrazit);display: grid;font-size: 14px;line-height: 20px;gap: 8px;width: 100%;font-weight: bold;}input {cursor: pointer;width: 100%;color: var(--color-anthrazit);border-width: 1px;border-style: solid;border-color: var(--color-petrol);border-radius: 0;background-color: #e8edf2 !important;overflow: hidden;height: 3em;line-height: 24px;font-size: 16px;padding: 0.75em;}.error input {background-color: var(--color-rotton-20) !important;border-color: var(--color-rotton) !important;}input:disabled {background-color: var(--color-input-bg-default);border-color: var(--border-color);cursor: not-allowed;}kol-alert {margin-top: calc(2 * var(--kolibri-spacing));display: block;}.kol-required span::after {content: \"*\";}input::placeholder {font-style: italic;}',\n\t// \t'KOL-INPUT-PASSWORD':\n\t// \t\t'input:hover,input:focus {border-color: var(--border-color) !important;border-radius: none !important;outline-color: var(--color-achat) !important;outline-offset: 0;outline-style: solid;outline-width: 1px;}label {color: var(--color-anthrazit);display: grid;font-size: 14px;line-height: 20px;gap: 8px;width: 100%;font-weight: bold;}input {cursor: pointer;width: 100%;color: var(--color-anthrazit);border-width: 1px;border-style: solid;border-color: var(--color-petrol);border-radius: 0;background-color: #e8edf2 !important;overflow: hidden;height: 3em;line-height: 24px;font-size: 16px;padding: 0.75em;}.error input {background-color: var(--color-rotton-20) !important;border-color: var(--color-rotton) !important;}input:disabled {background-color: var(--color-input-bg-default);border-color: var(--border-color);cursor: not-allowed;}kol-alert {margin-top: calc(2 * var(--kolibri-spacing));display: block;}.kol-required span::after {content: \"*\";}input::placeholder {font-style: italic;}',\n\t// \t'KOL-INPUT-NUMBER':\n\t// \t\t'input:hover,input:focus {border-color: var(--border-color) !important;border-radius: none !important;outline-color: var(--color-achat) !important;outline-offset: 0;outline-style: solid;outline-width: 1px;}label {color: var(--color-anthrazit);display: grid;font-size: 14px;line-height: 20px;gap: 8px;width: 100%;font-weight: bold;}input {cursor: pointer;width: 100%;color: var(--color-anthrazit);border-width: 1px;border-style: solid;border-color: var(--color-petrol);border-radius: 0;background-color: #e8edf2 !important;overflow: hidden;height: 3em;line-height: 24px;font-size: 16px;padding: 0.75em;}.error input {background-color: var(--color-rotton-20) !important;border-color: var(--color-rotton) !important;}input:disabled {background-color: var(--color-input-bg-default);border-color: var(--border-color);cursor: not-allowed;}kol-alert {margin-top: calc(2 * var(--kolibri-spacing));display: block;}.kol-required span::after {content: \"*\";}input::placeholder {font-style: italic;}',\n\t// \t'KOL-INPUT-EMAIL':\n\t// \t\t'input:hover,input:focus {border-color: var(--border-color) !important;border-radius: none !important;outline-color: var(--color-achat) !important;outline-offset: 0;outline-style: solid;outline-width: 1px;}label {color: var(--color-anthrazit);display: grid;font-size: 14px;line-height: 20px;gap: 8px;width: 100%;font-weight: bold;}input {cursor: pointer;width: 100%;color: var(--color-anthrazit);border-width: 1px;border-style: solid;border-color: var(--color-petrol);border-radius: 0;background-color: #e8edf2 !important;overflow: hidden;height: 3em;line-height: 24px;font-size: 16px;padding: 0.75em;}.error input {background-color: var(--color-rotton-20) !important;border-color: var(--color-rotton) !important;}input:disabled {background-color: var(--color-input-bg-default);border-color: var(--border-color);cursor: not-allowed;}kol-alert {margin-top: calc(2 * var(--kolibri-spacing));display: block;}.kol-required span::after {content: \"*\";}input::placeholder {font-style: italic;}',\n\t// \t'KOL-INPUT-FILE':\n\t// \t\t'input:hover,input:focus {border-color: var(--border-color) !important;border-radius: none !important;outline-color: var(--color-achat) !important;outline-offset: 0;outline-style: solid;outline-width: 1px;}label {color: var(--color-anthrazit);display: grid;font-size: 14px;line-height: 20px;gap: 8px;width: 100%;font-weight: bold;}input {cursor: pointer;width: 100%;color: var(--color-anthrazit);border-width: 1px;border-style: solid;border-color: var(--color-petrol);border-radius: 0;background-color: #e8edf2 !important;overflow: hidden;height: 3em;line-height: 24px;font-size: 16px;padding: 0.75em;}.error input {background-color: var(--color-rotton-20) !important;border-color: var(--color-rotton) !important;}input:disabled {background-color: var(--color-input-bg-default);border-color: var(--border-color);cursor: not-allowed;}kol-alert {margin-top: calc(2 * var(--kolibri-spacing));display: block;}.kol-required span::after {content: \"*\";}input::placeholder {font-style: italic;}',\n\t// \t'KOL-TEXTAREA':\n\t// \t\t'textarea:hover,textarea:focus {border-color: var(--default-border-hover);outline-color: var(--primary) !important;outline-offset: 0;outline-style: solid;outline-width: 1px;}label {color: var(--default-letter);display: grid;font-size: 14px;line-height: 20px;gap: 8px;width: 100%;font-weight: bold;}textarea.error {background-color: var(--danger-light) !important;border-color: var(--danger);}textarea {width: 100%;color: var(--default-letter);border-width: 1px;border-style: solid;line-height: 24px;font-size: 16px;border-color: var(--kolibri-color-normal);border-radius: 0;background-color: #e8edf2 !important;padding: 0.75em;}textarea::placeholder {color: var(--default-border);}textarea:read-only,textarea:disabled {cursor: not-allowed;border-color: var(--border-default);background-color: var(--background-light-grey);}.kol-required span::after {content: \"*\";}kol-alert {margin-top: var(--kolibri-spacing);display: block;}',\n\t// \t'KOL-ALERT':\n\t// \t\t':host > div {background-color: white;/* border-radius: 0.25rem; */border-style: solid;border-width: 2px;display: flex;overflow: unset;}:host > div.default {border-color: var(--color-anthrazit);}:host > div.default > .icon {background-color: var(--color-anthrazit);}:host > div.error {border-color: var(--color-blut);}:host > div.error > .icon {background-color: var(--color-blut);}:host > div.info {border-color: var(--color-petrol);}:host > div.info > .icon {background-color: var(--color-petrol);}:host > div.success {border-color: var(--color-gras);}:host > div.success > .icon {background-color: var(--color-gras);}:host > div.warning {border-color: var(--color-warn);}:host > div.warning > .icon {background-color: var(--color-warn);}:host > div.msg > .icon {color: white;padding: 0.5em;align-items: center;display: inline-flex;}:host > div.card.default .heading .icon {background-color: var(--color-anthrazit);}:host > div.card.error .heading .icon {background-color: var(--color-blut);}:host > div.card.info .heading .icon {background-color: var(--color-petrol);}:host > div.card.success .heading .icon {background-color: var(--color-gras);}:host > div.card.warning .heading .icon {background-color: var(--color-warn);}:host > div.card .heading .icon {color: white;padding: 0.5em;align-items: center;display: inline-flex;}:host > div kol-heading-wc .icon {margin-right: 0.5em;}:host > div.card .heading .icon {border-radius: 0 0 0.25rem 0;}:host > div.msg > div {padding: 0.25em;}:host > div.msg > div > .heading {padding: 0.25em;display: inline-block;}:host > div .content {padding: 0.25em;}:host > div > div {display: grid;grid-template-columns: 1fr auto;}:host > div > div > .content {grid-row: 2;grid-column: 1;}:host > div > div > .close {grid-row: 1 / span 2;display: flex;}:host > div.msg > div > .close > * {margin: auto;}:host > div.msg.default .close .icon {color: var(--color-anthrazit);}:host > div.msg.error .close .icon {color: var(--color-blut);}:host > div.msg.info .close .icon {color: var(--color-petrol);}:host > div.msg.success .close .icon {color: var(--color-gras);}:host > div.msg.warning .close .icon {color: var(--color-warn);}:host > div.card > div > .heading {width: 100%;}.close > button {min-width: 44px;min-height: 44px;display: grid;gap: 0.25em;line-height: 1.5rem;font-family: var(--font-family-sans);font-weight: 700;cursor: pointer;border-radius: 1.5em;border-style: solid;border-width: 2px;font-size: 1rem;align-items: center;padding: 8px 14px;justify-content: center;font-style: normal;text-align: center;text-transform: uppercase;width: inherit;transition-duration: 0.5s;transition-property: background-color, color, border-color;background-color: rgba(0, 0, 0, 0);border-color: rgba(0, 0, 0, 0);}.close > button.icon-only {padding: 8px;}.close > button.icon-only kol-icon {display: inline-block;width: 1.5em;height: 1.5em;}.close > button:active {box-shadow: none;outline: none;}.close kol-icon::part(icon)::before {content: \"\\\\f00d\";}',\n\t// \t'KOL-HEADING':\n\t// \t\t'h1,h2,h3,h4,h5,h6 {line-height: 1em;margin: 0;padding: 0;}h1 {font-family: var(--font-family-serif);font-size: 54px;font-weight: bold;}h2 {font-family: var(--font-family-serif);font-size: 32px;font-weight: bold;}h3 {font-family: var(--font-family-serif);font-size: 26px;font-weight: bold;}h4 {font-family: var(--font-family-serif);font-size: 20px;font-weight: normal;}h5 {font-family: var(--font-family-serif);font-size: 17px;font-weight: bold;}h6 {font-family: var(--font-family-sans);font-size: 17px;font-weight: normal;}',\n\t// \t'KOL-BADGE':\n\t// \t\t':host {display: inline-block;}:host > span {border-radius: 0.3125rem;display: inline-flex;line-height: 1.25rem;}:host > span kol-button-wc {border-left: 1px solid rgba(0, 0, 0, 0.25);}:host > span kol-span-wc {padding: 0.25rem 0.5rem;}:host > span > kol-span-wc {align-items: center;font-style: normal;gap: 0.5rem;}:host > span > kol-span-wc > span {display: flex;gap: 0.25rem;}:host button {border-radius: 0 var(--kolibri-spacing) var(--kolibri-spacing) 0;}',\n\t// \t'KOL-INDENTED-TEXT':\n\t// \t\t':host > div {background: var(--color-white);border-left: none;box-shadow: -4px 0px 0px var(--color-petrol);padding: 0.25em 0.5em;width: 100%;}',\n\t// \t'KOL-LINK':\n\t// \t\t':host > kol-link-wc a {display: inline-flex;gap: 0.25rem;place-items: center;text-decoration: none;}button {background-color: transparent;}a,button {background-image: repeating-linear-gradient(to right, #66ddec, #66ddec);background-repeat: no-repeat;background-position: left 0 bottom 0;background-size: 25% 0.25ex;border-radius: var(--kolibri-spacing);color: var(--color-petrol);font-family: var(--font-family-sans);font-size: inherit;text-transform: uppercase;transition-delay: 0;transition-timing-function: ease-in-out;transition-duration: 0.5s;transition-property: background, color, border-color;}a:focus,a:hover,button:focus,button:hover {background-size: 100% 0.25ex;color: var(--color-achat);}a > kol-span-wc,button > kol-span-wc {gap: 0.25em;}.hidden {display: none;visibility: hidden;}a.skip {left: -99999px;overflow: hidden;position: absolute;z-index: 9999999;}a.skip:focus {background-color: white;box-shadow: 0 0 0.5rem 0.5rem white;left: unset;position: unset;}',\n\t// \t'KOL-BREADCRUMB':\n\t// \t\t'nav {width: 100%;}nav > ul {margin: 0;padding: 0;list-style: none;display: flex;flex-wrap: wrap;align-items: center;}nav > ul > li {padding: 0.25em 0;}kol-link {display: inline;}:host kol-icon[exportparts*=\"separator\"] {padding: 0 0.5rem;}:host kol-icon::part(icon separator) {font-weight: 900;font-size: 0.875rem;}:host kol-icon::part(icon separator)::before {color: black;content: \"\\\\f054\";font-family: \"Font Awesome 6 Free\";}:host li > kol-link > kol-link-wc > a {color: red !important;}:host li > span {font-weight: bold;text-transform: uppercase;}',\n\t// \t'KOL-DETAILS': ':host details > summary {border-radius: var(--border-radius);}:host details > kol-indented-text {margin: 0.25em 0 0 0.5em;}',\n\t// \t'KOL-SPIN':\n\t// \t\t'.spin {display: inline-block;height: 1rem;position: relative;width: 3rem;}.spin span {animation-timing-function: cubic-bezier(0, 1, 1, 0);border: 0.1rem solid rgb(255, 255, 255);border-radius: 50%;height: 0.8rem;width: 0.8rem;top: 0.1rem;position: absolute;}.spin span:nth-child(1) {background-color: #fc0;z-index: 0;animation: 2s ease 0s infinite normal none running spin1;left: 0.1rem;}.spin span:nth-child(2) {background-color: #f00;z-index: 1;animation: 2s ease 0s infinite normal none running spin2;left: 0.1rem;}.spin span:nth-child(3) {background-color: #000;z-index: 1;animation: 2s ease 0s infinite normal none running spin2;left: 1.1rem;}.spin span:nth-child(4) {background-color: #666;z-index: 0;animation: 2s ease 0s infinite normal none running spin3;left: 2.1rem;}@keyframes spin1 {0% {transform: scale(0);}100% {transform: scale(1);}}@keyframes spin2 {0% {transform: translate(0px, 0px);}100% {transform: translate(1rem, 0px);}}@keyframes spin3 {0% {transform: scale(1);}100% {transform: scale(0);}}',\n\t// \t'KOL-PROGRESS':\n\t// \t\t':host progress,:host span {display: block;height: 0px;overflow: hidden;width: 0px;}svg line:first-child,svg circle:first-child {fill: transparent;stroke: var(--color-fluorit);}svg line:last-child,svg circle:last-child {stroke: var(--color-achat);fill: transparent;}progress {display: none;}',\n\t// \t'KOL-SELECT':\n\t// \t\t'select:hover,select:focus {border-color: var(--default-border-hover);outline-color: var(--primary) !important;outline-offset: 0;outline-style: solid;outline-width: 1px;}label {color: var(--default-letter);display: grid;font-size: 14px;line-height: 20px;gap: 8px;width: 100%;font-weight: bold;}select.error {background-color: var(--danger-light) !important;border-color: var(--danger);}select {width: 100%;color: var(--default-letter);border-width: 1px;border-style: solid;line-height: 24px;font-size: 16px;border-color: var(--kolibri-color-normal);border-radius: 0;background-color: #e8edf2 !important;padding: 0.75em;}select:disabled {cursor: not-allowed;border-color: var(--border-default);background-color: var(--background-light-grey);}option {height: 2em;padding: 0.5em;}kol-alert {margin-top: var(--kolibri-spacing);display: block;}.kol-required span::after {content: \"*\";}',\n\t// \t'KOL-INPUT-COLOR':\n\t// \t\t'input:hover,input:focus {border-color: var(--border-color) !important;border-radius: none !important;outline-color: var(--color-achat) !important;outline-offset: 0;outline-style: solid;outline-width: 1px;}label {color: var(--color-anthrazit);display: grid;font-size: 14px;line-height: 20px;gap: 8px;width: 100%;font-weight: bold;}input {cursor: pointer;width: 100%;color: var(--color-anthrazit);border-width: 1px;border-style: solid;border-color: var(--color-petrol);border-radius: 0;background-color: #e8edf2 !important;overflow: hidden;height: 3em;line-height: 24px;font-size: 16px;padding: 0.75em;}.error input {background-color: var(--color-rotton-20) !important;border-color: var(--color-rotton) !important;}input:disabled {background-color: var(--color-input-bg-default);border-color: var(--border-color);cursor: not-allowed;}kol-alert {margin-top: calc(2 * var(--kolibri-spacing));display: block;}.kol-required span::after {content: \"*\";}input::placeholder {font-style: italic;}',\n\t// \t'KOL-ACCORDION':\n\t// \t\t':host > div {font-family: var(--font-family);box-sizing: border-box;width: 100%;height: 100%;display: grid;border-color: var(--kolibri-border-color);border-width: 1px;border-style: solid;border-radius: 0.25rem;}:host > div > kol-heading-wc {font-weight: 700;font-size: 1.25rem;line-height: 1.75rem;}:host > div > kol-heading-wc button {cursor: pointer;width: 100%;margin: 0;display: flex;gap: 0.5em;border: 0;align-items: center;overflow: hidden;font-size: inherit;line-height: 1.75em;background-color: transparent;padding: 0.5rem;}:host > div[part*=\"open\"] > kol-heading-wc button {padding-bottom: 0;}:host > div[part*=\"open\"] > kol-heading-wc button kol-icon {width: 1em;}:host > div div[part=\"header\"],:host > div[part*=\"open\"] div[part=\"content\"] {margin: 0;}:host > div div[part=\"header\"] {padding-left: 2.5rem;}:host > div[part*=\"open\"] div[part=\"content\"] {margin: 0;padding: 0 1rem 1rem 2.5rem;}:host > div > kol-heading-wc button kol-icon::part(icon) {color: var(--color-midnight);}button {cursor: pointer;font-weight: inherit;font-size: inherit;line-height: inherit;}:host > div > kol-heading-wc button kol-icon::part(close)::before {font-family: \"Font Awesome 6 Free\";content: \"\\\\f077\";}:host > div > kol-heading-wc button kol-icon::part(open)::before {font-family: \"Font Awesome 6 Free\";content: \"\\\\f078\";}',\n\t// \t'KOL-TABLE':\n\t// \t\t':host > div {overflow-x: auto;overflow-y: hidden;}:host > div:first-child {border-style: solid;border-width: 1px;border-color: var(--border-color);}table {width: 100%;border-collapse: collapse;border-spacing: 0;}table,tr,th,td {border: 0 solid var(--border-color);}tr {border-top-width: 1px;}tr:nth-child(even) {background-color: #f2f2f2;}th,td {border-right-width: 1px;padding: 0.25em 0.5em;}th {background-color: #eee;}th > div {display: grid;grid-template-columns: 1fr auto;align-items: center;gap: 0.25em;}:host > div.pagination {padding: 0.5em;}:host > div.pagination,:host > div.pagination > div:last-child {display: grid;align-items: center;justify-items: center;gap: 0.5em;}@media (min-width: 1024px) {:host > div.pagination,:host > div.pagination > div:last-child {grid-auto-flow: column;}:host > div.pagination kol-pagination {display: flex;gap: 1rem;}}',\n\t// \t'KOL-NAV':\n\t// \t\t':host .hidden {display: none;}:host > div > nav ul {list-style: none;margin: 0px;padding: 0px;border-radius: var(--border-radius);background-color: var(--color-petrol);}:host > div > nav ul > li {border-radius: var(--border-radius);overflow: hidden;padding: 0.125em;}:host > div > nav ul > li[part*=\"vertical\"] + li {border-radius: 0;border-top: 0.1em dotted white;}:host > div > nav ul > li[part*=\"vertical selected\"] {border-right: 0.375em solid var(--color-citrin);}:host > div > nav ul > li[part*=\"horizontal\"] + li {border-radius: 0;border-left: 0.1em dotted white;}:host > div > nav ul > li[part*=\"horizontal selected\"] {border-bottom: 0.375em solid var(--color-citrin);}:host > div > nav ul > li > div {height: 100%;}:host > div > nav kol-link-wc {width: 100%;/*height: 100%;font-weight: 600;*/display: block;}:host > div > nav kol-link-wc a {border-radius: var(--border-radius);background-color: var(--color-petrol);border: 1px solid transparent;grid: flex;line-height: 2em;padding: 0.5em;color: white;height: 100%;-webkit-box-align: center;align-items: center;display: flex;cursor: pointer;text-decoration: inherit;}:host > div > nav kol-link-wc[exportparts*=\"selected\"] a {background-color: var(--color-achat);font-weight: 700;}:host > div > nav kol-link-wc a kol-icon.mr-2 {margin-right: calc(2 * 2 * var(--kolibri-spacing));}:host > div > nav kol-link-wc a kol-icon.ml-2 {margin-left: calc(2 * 2 * var(--kolibri-spacing));}:host > div > nav kol-link-wc a:focus,:host > div > nav kol-link-wc a:hover {border: 1px solid white;background-color: var(--color-fluorit);color: var(--color-anthrazit);}/* compact button */:host > div > div:last-child {margin-top: 0.5em;width: 100%;text-align: center;}:host > div > nav kol-link-wc a.text-center {display: grid;align-items: center;justify-items: center;}/* horizontal */ul.flex {display: flex;}li > div > div.absolute {position: absolute;}kol-span-wc {justify-items: baseline;}',\n\t// \t'KOL-CARD':\n\t// \t\t':host > div {background-color: white;border-color: var(--border-color);border-style: solid;border-width: 1px;border-radius: calc(2 * var(--border-radius));width: 100%;height: 100%;overflow: hidden;}kol-heading {padding: 0.5rem;display: block;border-bottom-style: solid;border-bottom-color: var(--border-color);border-bottom-width: 1px;}:host > div > div {display: block;padding: 0.5rem;}:host > div > div:last-child {display: block;padding: 0.5rem;border-top-style: solid;border-top-color: var(--color-achat);border-top-width: 1px;}',\n\t// \t'KOL-INPUT-CHECKBOX':\n\t// \t\t'/* ALL INPUT, SELECT, TEXTAREA */label {cursor: pointer;}input {color: var(--default-letter);border-color: var(--default-border);border-width: 2px;border-style: solid;line-height: 24px;font-size: 16px;}.required label > span::after {content: \"*\";padding-left: 0.125em;}input:hover {border-color: var(--color-petrol);}/* NEU */kol-input {display: grid;align-items: center;justify-items: left;width: 100%;}kol-input.checkbox {grid-template-columns: calc(6 * 2 * var(--kolibri-spacing)) auto;}kol-input.switch {grid-template-columns: calc(13 * 2 * var(--kolibri-spacing)) auto;}kol-input > div.input {display: inline-flex;order: 1;}kol-input > div.input input {margin: 0px;}kol-input > label {order: 2;padding-left: calc(2 * 2 * var(--kolibri-spacing));}kol-input > kol-alert.error {order: 3;padding-top: 0.25em;grid-column: span 2 / auto;}/* CHECKBOX */input[type=\"checkbox\"] {appearance: none;background-color: white;cursor: pointer;transition: 0.5s;}input[type=\"checkbox\"].kol-disabled:before {cursor: not-allowed;}input[type=\"checkbox\"]:before {content: \"\";cursor: pointer;}input[type=\"checkbox\"]:checked {background-color: var(--color-petrol);border-color: var(--color-petrol);}.checkbox input[type=\"checkbox\"] {/* border-radius: 0.25em; */height: calc(6 * 2 * var(--kolibri-spacing));min-width: calc(6 * 2 * var(--kolibri-spacing));width: calc(6 * 2 * var(--kolibri-spacing));}.checkbox input[type=\"checkbox\"]:before {/* border-radius: 0.25em; */background-color: transparent;display: block;height: calc(6 * 2 * var(--kolibri-spacing));position: relative;width: calc(6 * 2 * var(--kolibri-spacing));}.checkbox input[type=\"checkbox\"]:checked:before {border-right-width: 3px;border-bottom-width: 3px;left: calc(1.5 * 2 * var(--kolibri-spacing) - 2px);top: calc(2.85 * 2 * var(--kolibri-spacing) - 2px);transform: rotate(40deg) translate(-50%, -50%);background-color: transparent;border-width: 0px 3px 3px 0px;border-color: white;border-radius: 1px;border-style: solid;height: calc(3 * 2 * var(--kolibri-spacing));width: calc(1.5 * 2 * var(--kolibri-spacing));}.checkbox input[type=\"checkbox\"]:indeterminate:before {background-color: var(--kolibri-color-normal);height: 0.375rem;top: 0.45rem;left: 0.15rem;width: calc(4 * 2 * var(--kolibri-spacing));}.switch input[type=\"checkbox\"] {/* border-radius: 0.25em; */min-width: 3.2em;width: 3.2em;height: 1.7em;display: inline-block;position: relative;}.switch input[type=\"checkbox\"]:before {/* border-radius: 0.25em; */-webkit-transition: 0.5s;-moz-transition: 0.5s;-ms-transition: 0.5s;transition: 0.5;width: 1.2em;height: 1.2em;left: calc(0.25em - 2px);top: calc(0.25em - 2px);background-color: black;position: absolute;}.switch input[type=\"checkbox\"]:checked:before {-webkit-transform: translateX(1.5em);-moz-transform: translateX(1.5em);-ms-transform: translateX(1.5em);transform: translateX(1.5em);background-color: white;}.switch input[type=\"checkbox\"]:indeterminate:before {-webkit-transform: translateX(0.75em);-moz-transform: translateX(0.75em);-ms-transform: translateX(0.75em);transform: translateX(0.75em);background-color: var(--color-petrol);}.disabled {opacity: 0.33;}.checkbox kol-icon,.switch kol-icon {display: none;}kol-input span.hint {grid-column: span 2;font-style: italic;color: gray;display: block;order: 3;padding: 0 var(--kolibri-spacing);}',\n\t// \t'KOL-INPUT-RADIO':\n\t// \t\t'/* INPUT */:host input:focus {outline-color: var(--color-achat) !important;outline-offset: 2px;outline-style: solid;outline-width: 3px;}label {color: var(--color-anthrazit);display: grid;font-size: 14px;line-height: 20px;gap: 8px;width: 100%;}input {width: 100%;color: var(--color-anthrazit);border-color: var(--default-border);border-width: 2px;border-style: solid;border-radius: 5px;/* padding: 10px 14px; */line-height: 24px;font-size: 16px;}input:hover {border-color: var(--color-achat);}kol-alert {display: block;width: 100%;}.kol-required span::after {content: \"*\";}/* RADIO */:host fieldset {border: 0px;margin: 0px;padding: 0px;display: grid;gap: 0.25em;}:host fieldset legend {display: block;width: 100%;line-height: 1.5em;}:host fieldset div {cursor: pointer;display: flex;flex-direction: row;gap: 0.5em;margin-top: 0.25em;margin-bottom: 0.25em;align-items: center;position: relative;}:host fieldset div label {cursor: pointer;display: flex;width: 100%;}:host fieldset div label span {margin-top: 0.125em;}:host fieldset div input[type=\"radio\"] {appearance: none;transition: 0.5s;border-radius: 100%;height: calc(6 * 2 * var(--kolibri-spacing));min-width: calc(6 * 2 * var(--kolibri-spacing));width: calc(6 * 2 * var(--kolibri-spacing));}:host fieldset div input[type=\"radio\"]:before {content: \"\";cursor: pointer;left: calc(1.5 * 2 * var(--kolibri-spacing) - 2px);top: calc(1.5 * 2 * var(--kolibri-spacing) - 2px);position: relative;border-radius: 100%;display: block;height: calc(3 * 2 * var(--kolibri-spacing));width: calc(3 * 2 * var(--kolibri-spacing));}:host fieldset div input[type=\"radio\"]:checked:before {box-shadow: 0 0 0.1rem black;background-color: var(--color-petrol);}:host fieldset div input[type=\"radio\"]:disabled {background-color: var(--color-input-bg-default);border-color: #999;cursor: not-allowed;}',\n\t// \t'KOL-LINK-GROUP':\n\t// \t\t'nav {background-color: white;}nav > ul {list-style: none;margin: 0px;padding: 0px;}nav.horizontal ul {display: flex;flex-wrap: wrap;}nav > ul > li {margin-left: 1em;margin-right: 0.5em;padding: 0.25em;}li.list-none {list-style-type: none !important;margin-left: 0;}',\n\t// \t'KOL-TOAST':\n\t// \t\t':host > div {position: fixed;top: 0;left: 0;width: 100%;height: 0;z-index: 200;}:host > div > kol-alert {display: block;margin: auto;padding: 1rem;max-width: 750px;}:host > div > kol-button-wc {top: 0;position: relative;display: block;margin: auto;width: 1em;}',\n\t// \t'KOL-TABS':\n\t// \t\t':host > div {display: block;width: 100%;}:host kol-button-group-wc {display: inline-block;background-color: var(--color-petrol);}:host kol-button-group-wc > div {display: inline-flex;}:host kol-button-group-wc > div + div {margin-left: 0.25em;}:host > div > div {padding: 0.25em;border: 1px solid var(--border-color);}button {box-sizing: border-box;font-size: inherit;line-height: 1.25em;cursor: pointer;border-width: 2px;box-shadow: 0 0 0.25em gray;width: inherit;overflow: hidden;border-style: solid;padding: calc(4 * var(--kolibri-spacing));display: grid;gap: 0.25em;align-items: center;justify-content: center;text-align: center;transition-duration: 0.5s;transition-property: background-color, color, border-color;}kol-button-wc button.selected,kol-button-wc[aria-selected=\"true\"] button {background-color: white;border-bottom-width: 0.25em !important;border-bottom-style: solid;border-bottom-color: var(--color-citrin) !important;}button > kol-span-wc span {display: flex;gap: 0.25em;align-items: center;justify-content: center;}button:disabled {cursor: not-allowed;opacity: 0.5;}button.primary,button.primary:disabled:hover {background-color: var(--kolibri-color-primary);border-color: var(--kolibri-color-primary);color: white;}button.primary:hover,button.primary:focus {color: var(--kolibri-color-primary);}button.secondary,button.secondary:disabled:hover {background-color: var(--kolibri-color-secondary);border-color: var(--kolibri-color-secondary);color: white;}button.secondary:hover,button.secondary:focus {color: var(--kolibri-color-secondary);}button.normal,button.normal:disabled:hover {background-color: var(--color-petrol);border-color: var(--color-petrol);color: white;}button.normal:hover,button.normal:focus {color: var(--color-petrol);}button.danger,button.danger:disabled:hover {background-color: var(--kolibri-color-danger);border-color: var(--kolibri-color-danger);color: white;}button.danger:hover,button.danger:focus {color: var(--kolibri-color-danger);}button.ghost,button.ghost:disabled:hover {background-color: white;border-color: var(--kolibri-color-ghost);color: var(--kolibri-color-ghost);}button.ghost:hover,button.ghost:focus {background-color: var(--kolibri-color-ghost);color: white;}button:hover,button:focus {background-color: white;box-shadow: 0 0 0.25em black;}button:active {outline: 0 !important;box-shadow: none !important;}.close-button {font-size: 25%;height: fit-content;width: 0;}.close-button button {width: 1rem;position: relative;height: 1rem;left: -4.25em;top: 0.25em;}:host > div {display: grid;}:host > div.tabs-align-left {grid-template-columns: auto 1fr;}:host > div.tabs-align-right {grid-template-columns: 1fr auto;}:host > .tabs-align-left kol-button-group-wc,:host > .tabs-align-top kol-button-group-wc {order: 0;}:host > .tabs-align-bottom kol-button-group-wc,:host > .tabs-align-right kol-button-group-wc {order: 1;}:host > div.tabs-align-left kol-button-group-wc > div,:host > div.tabs-align-left kol-button-group-wc > div > div,:host > div.tabs-align-right kol-button-group-wc > div,:host > div.tabs-align-right kol-button-group-wc > div > div {display: grid;}:host > div.tabs-align-left kol-button-group-wc > div > div kol-button-wc,:host > div.tabs-align-right kol-button-group-wc > div > div kol-button-wc {width: 100%;}:host > div.tabs-align-bottom kol-button-group-wc div,:host > div.tabs-align-top kol-button-group-wc div {display: flex;flex-wrap: wrap;}',\n\t// \t'KOL-ICON': THEMING_ICON_FONT_CSS_FONT_AWESOME,\n\t// });\n\n\tregister([], [], {\n\t\ttheme: {\n\t\t\tdetect: 'fixed',\n\t\t\tname: 'zoll',\n\t\t},\n\t}).catch(console.warn);\n\n\timport('./devtools')\n\t\t.then((devTools) => {\n\t\t\tif (typeof devTools === 'object' && devTools !== null && typeof devTools.initialize === 'function') {\n\t\t\t\tdevTools.initialize();\n\t\t\t}\n\t\t})\n\t\t.catch((error) => {\n\t\t\tLog.error(error);\n\t\t});\n};\n","import appGlobalScript from '/home/runner/work/kolibri/kolibri/packages/library/src/global/script.ts';\nexport const globalScripts = appGlobalScript;\n"],"mappings":";;;mNAUA,MAAAA,EAAe,KACd,GAAIC,IAAe,QAClBC,EAAIC,KACH,0VAQA,C,gBAMFC,GAAAC,IACC,GAAIA,EAAIC,sBAAAC,WAAA,CACPC,EAAcH,EAAKI,EAAgBJ,G,CAEpC,mBAsEDK,EAAA,OACCC,MAAO,CACNC,OAAM,QACNC,KAAM,UAELC,MAAAC,QAAAC,MAEHC,OAAO,0BACLC,MAAMC,IACN,UAAWA,IAAQ,UAAAA,IAAA,aAAAA,EAAAC,aAAA,YAClBD,EAASC,Y,gBAIVlB,EAAImB,MAAMA,EAAM,GACf,ECnHQ,MAACC,EAAgBtB,S"}
+{"version":3,"names":["appGlobalScript","processEnv","Log","info","setMode","elm","shadowRoot","ShadowRoot","setThemeStyle","getThemeDetails","register","theme","detect","name","catch","console","warn","import","then","devTools","initialize","error","globalScripts"],"sources":["./src/global/script.ts","@stencil/core/internal/app-globals"],"sourcesContent":["import { getThemeDetails, setThemeStyle } from '@a11y-ui/core';\nimport { register } from '@public-ui/core';\n// import { ZOLL } from '@itzbund/kolibri-internal-themes';\n// import { KoliBri } from '@public-ui/schema';\nimport { setMode } from '@stencil/core';\nimport { Log } from '../utils/dev.utils';\nimport { processEnv } from '../utils/reuse';\n// import { THEMING_ICON_FONT_CSS_FONT_AWESOME } from './defaults/icon';\n\n// ts-prune-ignore-next\nexport default (): void => {\n\tif (processEnv !== 'test') {\n\t\tLog.info(\n\t\t\t`\n,--. ,--.         ,--. ,--. ,-----.           ,--.\n|  .'   /  ,---.  |  | \\`--' |  |) /_  ,--.--. \\`--'\n|  .   '  | .-. | |  | ,--. |  .-.  \\\\ |  .--' ,--.\n|  |\\\\   \\\\ | '-' | |  | |  | |  '--' / |  |    |  |\n\\`--' \\`--´  \\`---´  \\`--' \\`--' \\`------´  \\`--'    \\`--'\n🚹 The accessible HTML-Standard | 👉 https://public-ui.github.io\n\t`,\n\t\t\t{\n\t\t\t\tforceLog: true,\n\t\t\t}\n\t\t);\n\t}\n\n\tsetMode((elm) => {\n\t\tif (elm.shadowRoot instanceof ShadowRoot) {\n\t\t\tsetThemeStyle(elm, getThemeDetails(elm));\n\t\t}\n\t\treturn 'default';\n\t});\n\n\t// Informationstechnik Zentrum Bund\n\t// const DEFAULT = KoliBri.createTheme('default', {\n\t// \tGLOBAL:\n\t// \t\t'/* Properties */:host {--border-color: var(--color-anthrazit);--border-radius: 0.125rem;--color-anthrazit: #333;--color-jade: #f3f7fb;--color-weiss: #fff;--color-petrol: #007a89;--color-achat: #0b4d59;--color-teal: #056773;--color-fluorit: #66ddec;--color-rotton: rgba(188, 0, 0, 1);--color-rotton-20: rgba(188, 0, 0, 0.2);--color-gras: #138510;--color-warn: #f0541e;--color-blut: var(--color-rotton);--color-input-bg-default: #e8edf2;--gradient-petrol-achat: linear-gradient(67deg,var(--color-petrol),var(--color-achat));--color-citrin: #d4c912;--color-umber: #494500;--color-gelb: #fff443;--color-lichtgelb: #eeff6c;--gradient-gelb-citrin: linear-gradient(67deg,var(--color-gelb),var(--color-citrin));--font-family-sans: BundesSans Web;--font-family-serif: BundesSerif Web;--font-size: 16px;--spacing: 0.125em;} /* Preset */:host {font-size: var(--font-size);}:host * {box-sizing: border-box;font-family: var(--font-family-sans);}button {background-color: transparent;}*[tabindex]:focus,a:focus,button:focus,input:focus,select:focus,summary:focus,textarea:focus {border-radius: var(--border-radius);outline-color: var(--color-petrol);outline-offset: calc(1.25 * var(--kolibri-spacing));outline-style: solid;outline-width: calc(1.25 * var(--kolibri-spacing));transition: outline-offset 0.25s linear;}:host h1,:host h2,:host h3,:host h4,:host h5,:host h6 {margin: 0;}',\n\t// \t'KOL-BUTTON':\n\t// \t\t':host > kol-link-wc a {display: inline-flex;gap: 0.25rem;place-items: center;text-decoration: none;}button {background-color: transparent;}a,button {border-radius: 2rem !important;font-family: var(--font-family-sans);text-transform: uppercase;}a > kol-span-wc,button > kol-span-wc {border-radius: 2rem;border-style: solid;min-width: 44px;min-height: 44px;border-width: var(--kolibri-spacing);font-size: inherit;/*line-height: 1.25em;*//*padding: calc(4 * var(--kolibri-spacing));*/padding: 0 1rem;}.button a.icon-only > kol-span-wc,.button button.icon-only > kol-span-wc {padding: 0 0.5rem;}a > kol-span-wc,button > kol-span-wc {gap: 0.25em;transition-delay: 0;transition-timing-function: ease-in-out;transition-duration: 0.5s;transition-property: background-color, color, border-color;}kol-link-wc.primary > a > kol-span-wc,kol-link-wc.primary > a:disabled:hover > kol-span-wc,button.primary > kol-span-wc,button.primary:disabled:hover > kol-span-wc {background-color: var(--color-petrol);border-color: var(--color-petrol);color: var(--color-weiss);}kol-link-wc.primary > a:hover > kol-span-wc,kol-link-wc.primary > a:focus > kol-span-wc,button.primary:hover > kol-span-wc,button.primary:focus > kol-span-wc {background-color: var(--color-achat);border-color: var(--color-achat);}kol-link-wc.secondary > a > kol-span-wc,kol-link-wc.secondary > a:disabled:hover > kol-span-wc,button.secondary > kol-span-wc,button.secondary:disabled:hover > kol-span-wc {background-color: var(--color-weiss);border-color: var(--color-petrol);color: var(--color-petrol);}kol-link-wc.secondary > a:hover > kol-span-wc,kol-link-wc.secondary > a:focus > kol-span-wc,button.secondary:hover > kol-span-wc,button.secondary:focus > kol-span-wc {background-color: var(--color-petrol);border-color: var(--color-petrol);color: var(--color-weiss);}kol-link-wc.normal > a > kol-span-wc,kol-link-wc.normal > a:disabled:hover > kol-span-wc,button.normal > kol-span-wc,button.normal:disabled:hover > kol-span-wc {background-color: var(--color-weiss);border-color: var(--color-anthrazit);color: var(--color-anthrazit);}kol-link-wc.normal > a:hover > kol-span-wc,kol-link-wc.normal > a:focus > kol-span-wc,button.normal:hover > kol-span-wc,button.normal:focus > kol-span-wc {background-color: var(--color-anthrazit);border-color: var(--color-anthrazit);color: var(--color-weiss);}kol-link-wc.danger > a > kol-span-wc,kol-link-wc.danger > a:disabled:hover > kol-span-wc,button.danger > kol-span-wc,button.danger:disabled:hover > kol-span-wc {background-color: var(--color-weiss);border-color: var(--color-blut);color: var(--color-blut);}kol-link-wc.danger > a:hover > kol-span-wc,kol-link-wc.danger > a:focus > kol-span-wc,button.danger:hover > kol-span-wc,button.danger:focus > kol-span-wc {background-color: var(--color-blut);border-color: var(--color-blut);color: var(--color-weiss);}kol-link-wc.ghost > a > kol-span-wc,kol-link-wc.ghost > a:disabled:hover > kol-span-wc,button.ghost > kol-span-wc,button.ghost:disabled:hover > kol-span-wc {background-color: var(--color-ghost);border-color: transparent;color: var(--color-anthrazit);}kol-link-wc.ghost > a:hover > kol-span-wc,kol-link-wc.ghost > a:focus > kol-span-wc,button.ghost:hover > kol-span-wc,button.ghost:focus > kol-span-wc {background-color: var(--color-ghost);border-color: var(--color-ghost);color: var(--color-anthrazit);}',\n\t// \t'KOL-BUTTON-GROUP': 'div {display: flex;flex-wrap: wrap;gap: calc(4 * var(--kolibri-spacing));}',\n\t// \t'KOL-LINK-BUTTON':\n\t// \t\t':host > kol-link-wc a {display: inline-flex;gap: 0.25rem;place-items: center;text-decoration: none;}button {background-color: transparent;}a,button {border-radius: 2rem !important;font-family: var(--font-family-sans);text-transform: uppercase;}a > kol-span-wc,button > kol-span-wc {border-radius: 2rem;border-style: solid;min-width: 44px;min-height: 44px;border-width: var(--kolibri-spacing);font-size: inherit;/*line-height: 1.25em;*//*padding: calc(4 * var(--kolibri-spacing));*/padding: 0 1rem;}.button a.icon-only > kol-span-wc,.button button.icon-only > kol-span-wc {padding: 0 0.5rem;}a > kol-span-wc,button > kol-span-wc {gap: 0.25em;transition-delay: 0;transition-timing-function: ease-in-out;transition-duration: 0.5s;transition-property: background-color, color, border-color;}kol-link-wc.primary > a > kol-span-wc,kol-link-wc.primary > a:disabled:hover > kol-span-wc,button.primary > kol-span-wc,button.primary:disabled:hover > kol-span-wc {background-color: var(--color-petrol);border-color: var(--color-petrol);color: var(--color-weiss);}kol-link-wc.primary > a:hover > kol-span-wc,kol-link-wc.primary > a:focus > kol-span-wc,button.primary:hover > kol-span-wc,button.primary:focus > kol-span-wc {background-color: var(--color-achat);border-color: var(--color-achat);}kol-link-wc.secondary > a > kol-span-wc,kol-link-wc.secondary > a:disabled:hover > kol-span-wc,button.secondary > kol-span-wc,button.secondary:disabled:hover > kol-span-wc {background-color: var(--color-weiss);border-color: var(--color-petrol);color: var(--color-petrol);}kol-link-wc.secondary > a:hover > kol-span-wc,kol-link-wc.secondary > a:focus > kol-span-wc,button.secondary:hover > kol-span-wc,button.secondary:focus > kol-span-wc {background-color: var(--color-petrol);border-color: var(--color-petrol);color: var(--color-weiss);}kol-link-wc.normal > a > kol-span-wc,kol-link-wc.normal > a:disabled:hover > kol-span-wc,button.normal > kol-span-wc,button.normal:disabled:hover > kol-span-wc {background-color: var(--color-weiss);border-color: var(--color-anthrazit);color: var(--color-anthrazit);}kol-link-wc.normal > a:hover > kol-span-wc,kol-link-wc.normal > a:focus > kol-span-wc,button.normal:hover > kol-span-wc,button.normal:focus > kol-span-wc {background-color: var(--color-anthrazit);border-color: var(--color-anthrazit);color: var(--color-weiss);}kol-link-wc.danger > a > kol-span-wc,kol-link-wc.danger > a:disabled:hover > kol-span-wc,button.danger > kol-span-wc,button.danger:disabled:hover > kol-span-wc {background-color: var(--color-weiss);border-color: var(--color-blut);color: var(--color-blut);}kol-link-wc.danger > a:hover > kol-span-wc,kol-link-wc.danger > a:focus > kol-span-wc,button.danger:hover > kol-span-wc,button.danger:focus > kol-span-wc {background-color: var(--color-blut);border-color: var(--color-blut);color: var(--color-weiss);}kol-link-wc.ghost > a > kol-span-wc,kol-link-wc.ghost > a:disabled:hover > kol-span-wc,button.ghost > kol-span-wc,button.ghost:disabled:hover > kol-span-wc {background-color: var(--color-ghost);border-color: transparent;color: var(--color-anthrazit);}kol-link-wc.ghost > a:hover > kol-span-wc,kol-link-wc.ghost > a:focus > kol-span-wc,button.ghost:hover > kol-span-wc,button.ghost:focus > kol-span-wc {background-color: var(--color-ghost);border-color: var(--color-ghost);color: var(--color-anthrazit);}',\n\t// \t'KOL-PAGINATION':\n\t// \t\t':host {display: grid;gap: 1rem;}:host > div {display: inline-flex;flex-wrap: wrap;align-items: center;gap: 0.5em;}button > kol-span-wc {cursor: not-allowed;background-color: var(--color-achat);border-color: var(--color-achat);border-radius: 2rem;border-style: solid;color: var(--color-weiss);min-width: 44px;min-height: 44px;border-width: var(--kolibri-spacing);font-size: inherit;font-weight: bold;line-height: 1.25em;padding: calc(4 * var(--kolibri-spacing));text-decoration: underline;}',\n\t// \t'KOL-BUTTON-LINK':\n\t// \t\t':host > kol-link-wc a {display: inline-flex;gap: 0.25rem;place-items: center;text-decoration: none;}button {background-color: transparent;}a,button {background-image: repeating-linear-gradient(to right, #66ddec, #66ddec);background-repeat: no-repeat;background-position: left 0 bottom 0;background-size: 25% 0.25ex;border-radius: var(--kolibri-spacing);color: var(--color-petrol);font-family: var(--font-family-sans);font-size: inherit;text-transform: uppercase;transition-delay: 0;transition-timing-function: ease-in-out;transition-duration: 0.5s;transition-property: background-color, color, border-color;}a:focus,a:hover,button:focus,button:hover {background-size: 100% 0.25ex;color: var(--color-achat);}a > kol-span-wc,button > kol-span-wc {gap: 0.25em;}.hidden {display: none;visibility: hidden;}a.skip {left: -99999px;overflow: hidden;position: absolute;z-index: 9999999;}a.skip:focus {background-color: white;box-shadow: 0 0 0.5rem 0.5rem white;left: unset;position: unset;}',\n\t// \t'KOL-INPUT-TEXT':\n\t// \t\t'input:hover,input:focus {border-color: var(--border-color) !important;border-radius: none !important;outline-color: var(--color-achat) !important;outline-offset: 0;outline-style: solid;outline-width: 1px;}label {color: var(--color-anthrazit);display: grid;font-size: 14px;line-height: 20px;gap: 8px;width: 100%;font-weight: bold;}input {cursor: pointer;width: 100%;color: var(--color-anthrazit);border-width: 1px;border-style: solid;border-color: var(--color-petrol);border-radius: 0;background-color: #e8edf2 !important;overflow: hidden;height: 3em;line-height: 24px;font-size: 16px;padding: 0.75em;}.error input {background-color: var(--color-rotton-20) !important;border-color: var(--color-rotton) !important;}input:disabled {background-color: var(--color-input-bg-default);border-color: var(--border-color);cursor: not-allowed;}kol-alert {margin-top: calc(2 * var(--kolibri-spacing));display: block;}.kol-required span::after {content: \"*\";}input::placeholder {font-style: italic;}',\n\t// \t'KOL-INPUT-PASSWORD':\n\t// \t\t'input:hover,input:focus {border-color: var(--border-color) !important;border-radius: none !important;outline-color: var(--color-achat) !important;outline-offset: 0;outline-style: solid;outline-width: 1px;}label {color: var(--color-anthrazit);display: grid;font-size: 14px;line-height: 20px;gap: 8px;width: 100%;font-weight: bold;}input {cursor: pointer;width: 100%;color: var(--color-anthrazit);border-width: 1px;border-style: solid;border-color: var(--color-petrol);border-radius: 0;background-color: #e8edf2 !important;overflow: hidden;height: 3em;line-height: 24px;font-size: 16px;padding: 0.75em;}.error input {background-color: var(--color-rotton-20) !important;border-color: var(--color-rotton) !important;}input:disabled {background-color: var(--color-input-bg-default);border-color: var(--border-color);cursor: not-allowed;}kol-alert {margin-top: calc(2 * var(--kolibri-spacing));display: block;}.kol-required span::after {content: \"*\";}input::placeholder {font-style: italic;}',\n\t// \t'KOL-INPUT-NUMBER':\n\t// \t\t'input:hover,input:focus {border-color: var(--border-color) !important;border-radius: none !important;outline-color: var(--color-achat) !important;outline-offset: 0;outline-style: solid;outline-width: 1px;}label {color: var(--color-anthrazit);display: grid;font-size: 14px;line-height: 20px;gap: 8px;width: 100%;font-weight: bold;}input {cursor: pointer;width: 100%;color: var(--color-anthrazit);border-width: 1px;border-style: solid;border-color: var(--color-petrol);border-radius: 0;background-color: #e8edf2 !important;overflow: hidden;height: 3em;line-height: 24px;font-size: 16px;padding: 0.75em;}.error input {background-color: var(--color-rotton-20) !important;border-color: var(--color-rotton) !important;}input:disabled {background-color: var(--color-input-bg-default);border-color: var(--border-color);cursor: not-allowed;}kol-alert {margin-top: calc(2 * var(--kolibri-spacing));display: block;}.kol-required span::after {content: \"*\";}input::placeholder {font-style: italic;}',\n\t// \t'KOL-INPUT-EMAIL':\n\t// \t\t'input:hover,input:focus {border-color: var(--border-color) !important;border-radius: none !important;outline-color: var(--color-achat) !important;outline-offset: 0;outline-style: solid;outline-width: 1px;}label {color: var(--color-anthrazit);display: grid;font-size: 14px;line-height: 20px;gap: 8px;width: 100%;font-weight: bold;}input {cursor: pointer;width: 100%;color: var(--color-anthrazit);border-width: 1px;border-style: solid;border-color: var(--color-petrol);border-radius: 0;background-color: #e8edf2 !important;overflow: hidden;height: 3em;line-height: 24px;font-size: 16px;padding: 0.75em;}.error input {background-color: var(--color-rotton-20) !important;border-color: var(--color-rotton) !important;}input:disabled {background-color: var(--color-input-bg-default);border-color: var(--border-color);cursor: not-allowed;}kol-alert {margin-top: calc(2 * var(--kolibri-spacing));display: block;}.kol-required span::after {content: \"*\";}input::placeholder {font-style: italic;}',\n\t// \t'KOL-INPUT-FILE':\n\t// \t\t'input:hover,input:focus {border-color: var(--border-color) !important;border-radius: none !important;outline-color: var(--color-achat) !important;outline-offset: 0;outline-style: solid;outline-width: 1px;}label {color: var(--color-anthrazit);display: grid;font-size: 14px;line-height: 20px;gap: 8px;width: 100%;font-weight: bold;}input {cursor: pointer;width: 100%;color: var(--color-anthrazit);border-width: 1px;border-style: solid;border-color: var(--color-petrol);border-radius: 0;background-color: #e8edf2 !important;overflow: hidden;height: 3em;line-height: 24px;font-size: 16px;padding: 0.75em;}.error input {background-color: var(--color-rotton-20) !important;border-color: var(--color-rotton) !important;}input:disabled {background-color: var(--color-input-bg-default);border-color: var(--border-color);cursor: not-allowed;}kol-alert {margin-top: calc(2 * var(--kolibri-spacing));display: block;}.kol-required span::after {content: \"*\";}input::placeholder {font-style: italic;}',\n\t// \t'KOL-TEXTAREA':\n\t// \t\t'textarea:hover,textarea:focus {border-color: var(--default-border-hover);outline-color: var(--primary) !important;outline-offset: 0;outline-style: solid;outline-width: 1px;}label {color: var(--default-letter);display: grid;font-size: 14px;line-height: 20px;gap: 8px;width: 100%;font-weight: bold;}textarea.error {background-color: var(--danger-light) !important;border-color: var(--danger);}textarea {width: 100%;color: var(--default-letter);border-width: 1px;border-style: solid;line-height: 24px;font-size: 16px;border-color: var(--kolibri-color-normal);border-radius: 0;background-color: #e8edf2 !important;padding: 0.75em;}textarea::placeholder {color: var(--default-border);}textarea:read-only,textarea:disabled {cursor: not-allowed;border-color: var(--border-default);background-color: var(--background-light-grey);}.kol-required span::after {content: \"*\";}kol-alert {margin-top: var(--kolibri-spacing);display: block;}',\n\t// \t'KOL-ALERT':\n\t// \t\t':host > div {background-color: white;/* border-radius: 0.25rem; */border-style: solid;border-width: 2px;display: flex;overflow: unset;}:host > div.default {border-color: var(--color-anthrazit);}:host > div.default > .icon {background-color: var(--color-anthrazit);}:host > div.error {border-color: var(--color-blut);}:host > div.error > .icon {background-color: var(--color-blut);}:host > div.info {border-color: var(--color-petrol);}:host > div.info > .icon {background-color: var(--color-petrol);}:host > div.success {border-color: var(--color-gras);}:host > div.success > .icon {background-color: var(--color-gras);}:host > div.warning {border-color: var(--color-warn);}:host > div.warning > .icon {background-color: var(--color-warn);}:host > div.msg > .icon {color: white;padding: 0.5em;align-items: center;display: inline-flex;}:host > div.card.default .heading .icon {background-color: var(--color-anthrazit);}:host > div.card.error .heading .icon {background-color: var(--color-blut);}:host > div.card.info .heading .icon {background-color: var(--color-petrol);}:host > div.card.success .heading .icon {background-color: var(--color-gras);}:host > div.card.warning .heading .icon {background-color: var(--color-warn);}:host > div.card .heading .icon {color: white;padding: 0.5em;align-items: center;display: inline-flex;}:host > div kol-heading-wc .icon {margin-right: 0.5em;}:host > div.card .heading .icon {border-radius: 0 0 0.25rem 0;}:host > div.msg > div {padding: 0.25em;}:host > div.msg > div > .heading {padding: 0.25em;display: inline-block;}:host > div .content {padding: 0.25em;}:host > div > div {display: grid;grid-template-columns: 1fr auto;}:host > div > div > .content {grid-row: 2;grid-column: 1;}:host > div > div > .close {grid-row: 1 / span 2;display: flex;}:host > div.msg > div > .close > * {margin: auto;}:host > div.msg.default .close .icon {color: var(--color-anthrazit);}:host > div.msg.error .close .icon {color: var(--color-blut);}:host > div.msg.info .close .icon {color: var(--color-petrol);}:host > div.msg.success .close .icon {color: var(--color-gras);}:host > div.msg.warning .close .icon {color: var(--color-warn);}:host > div.card > div > .heading {width: 100%;}.close > button {min-width: 44px;min-height: 44px;display: grid;gap: 0.25em;line-height: 1.5rem;font-family: var(--font-family-sans);font-weight: 700;cursor: pointer;border-radius: 1.5em;border-style: solid;border-width: 2px;font-size: 1rem;align-items: center;padding: 8px 14px;justify-content: center;font-style: normal;text-align: center;text-transform: uppercase;width: inherit;transition-duration: 0.5s;transition-property: background-color, color, border-color;background-color: rgba(0, 0, 0, 0);border-color: rgba(0, 0, 0, 0);}.close > button.icon-only {padding: 8px;}.close > button.icon-only kol-icon {display: inline-block;width: 1.5em;height: 1.5em;}.close > button:active {box-shadow: none;outline: none;}.close kol-icon::part(icon)::before {content: \"\\\\f00d\";}',\n\t// \t'KOL-HEADING':\n\t// \t\t'h1,h2,h3,h4,h5,h6 {line-height: 1em;margin: 0;padding: 0;}h1 {font-family: var(--font-family-serif);font-size: 54px;font-weight: bold;}h2 {font-family: var(--font-family-serif);font-size: 32px;font-weight: bold;}h3 {font-family: var(--font-family-serif);font-size: 26px;font-weight: bold;}h4 {font-family: var(--font-family-serif);font-size: 20px;font-weight: normal;}h5 {font-family: var(--font-family-serif);font-size: 17px;font-weight: bold;}h6 {font-family: var(--font-family-sans);font-size: 17px;font-weight: normal;}',\n\t// \t'KOL-BADGE':\n\t// \t\t':host {display: inline-block;}:host > span {border-radius: 0.3125rem;display: inline-flex;line-height: 1.25rem;}:host > span kol-button-wc {border-left: 1px solid rgba(0, 0, 0, 0.25);}:host > span kol-span-wc {padding: 0.25rem 0.5rem;}:host > span > kol-span-wc {align-items: center;font-style: normal;gap: 0.5rem;}:host > span > kol-span-wc > span {display: flex;gap: 0.25rem;}:host button {border-radius: 0 var(--kolibri-spacing) var(--kolibri-spacing) 0;}',\n\t// \t'KOL-INDENTED-TEXT':\n\t// \t\t':host > div {background: var(--color-white);border-left: none;box-shadow: -4px 0px 0px var(--color-petrol);padding: 0.25em 0.5em;width: 100%;}',\n\t// \t'KOL-LINK':\n\t// \t\t':host > kol-link-wc a {display: inline-flex;gap: 0.25rem;place-items: center;text-decoration: none;}button {background-color: transparent;}a,button {background-image: repeating-linear-gradient(to right, #66ddec, #66ddec);background-repeat: no-repeat;background-position: left 0 bottom 0;background-size: 25% 0.25ex;border-radius: var(--kolibri-spacing);color: var(--color-petrol);font-family: var(--font-family-sans);font-size: inherit;text-transform: uppercase;transition-delay: 0;transition-timing-function: ease-in-out;transition-duration: 0.5s;transition-property: background-color, color, border-color;}a:focus,a:hover,button:focus,button:hover {background-size: 100% 0.25ex;color: var(--color-achat);}a > kol-span-wc,button > kol-span-wc {gap: 0.25em;}.hidden {display: none;visibility: hidden;}a.skip {left: -99999px;overflow: hidden;position: absolute;z-index: 9999999;}a.skip:focus {background-color: white;box-shadow: 0 0 0.5rem 0.5rem white;left: unset;position: unset;}',\n\t// \t'KOL-BREADCRUMB':\n\t// \t\t'nav {width: 100%;}nav > ul {margin: 0;padding: 0;list-style: none;display: flex;flex-wrap: wrap;align-items: center;}nav > ul > li {padding: 0.25em 0;}kol-link {display: inline;}:host kol-icon[exportparts*=\"separator\"] {padding: 0 0.5rem;}:host kol-icon::part(icon separator) {font-weight: 900;font-size: 0.875rem;}:host kol-icon::part(icon separator)::before {color: black;content: \"\\\\f054\";font-family: \"Font Awesome 6 Free\";}:host li > kol-link > kol-link-wc > a {color: red !important;}:host li > span {font-weight: bold;text-transform: uppercase;}',\n\t// \t'KOL-DETAILS': ':host details > summary {border-radius: var(--border-radius);}:host details > kol-indented-text {margin: 0.25em 0 0 0.5em;}',\n\t// \t'KOL-SPIN':\n\t// \t\t'.spin {display: inline-block;height: 1rem;position: relative;width: 3rem;}.spin span {animation-timing-function: cubic-bezier(0, 1, 1, 0);border: 0.1rem solid rgb(255, 255, 255);border-radius: 50%;height: 0.8rem;width: 0.8rem;top: 0.1rem;position: absolute;}.spin span:nth-child(1) {background-color: #fc0;z-index: 0;animation: 2s ease 0s infinite normal none running spin1;left: 0.1rem;}.spin span:nth-child(2) {background-color: #f00;z-index: 1;animation: 2s ease 0s infinite normal none running spin2;left: 0.1rem;}.spin span:nth-child(3) {background-color: #000;z-index: 1;animation: 2s ease 0s infinite normal none running spin2;left: 1.1rem;}.spin span:nth-child(4) {background-color: #666;z-index: 0;animation: 2s ease 0s infinite normal none running spin3;left: 2.1rem;}@keyframes spin1 {0% {transform: scale(0);}100% {transform: scale(1);}}@keyframes spin2 {0% {transform: translate(0px, 0px);}100% {transform: translate(1rem, 0px);}}@keyframes spin3 {0% {transform: scale(1);}100% {transform: scale(0);}}',\n\t// \t'KOL-PROGRESS':\n\t// \t\t':host progress,:host span {display: block;height: 0px;overflow: hidden;width: 0px;}svg line:first-child,svg circle:first-child {fill: transparent;stroke: var(--color-fluorit);}svg line:last-child,svg circle:last-child {stroke: var(--color-achat);fill: transparent;}progress {display: none;}',\n\t// \t'KOL-SELECT':\n\t// \t\t'select:hover,select:focus {border-color: var(--default-border-hover);outline-color: var(--primary) !important;outline-offset: 0;outline-style: solid;outline-width: 1px;}label {color: var(--default-letter);display: grid;font-size: 14px;line-height: 20px;gap: 8px;width: 100%;font-weight: bold;}select.error {background-color: var(--danger-light) !important;border-color: var(--danger);}select {width: 100%;color: var(--default-letter);border-width: 1px;border-style: solid;line-height: 24px;font-size: 16px;border-color: var(--kolibri-color-normal);border-radius: 0;background-color: #e8edf2 !important;padding: 0.75em;}select:disabled {cursor: not-allowed;border-color: var(--border-default);background-color: var(--background-light-grey);}option {height: 2em;padding: 0.5em;}kol-alert {margin-top: var(--kolibri-spacing);display: block;}.kol-required span::after {content: \"*\";}',\n\t// \t'KOL-INPUT-COLOR':\n\t// \t\t'input:hover,input:focus {border-color: var(--border-color) !important;border-radius: none !important;outline-color: var(--color-achat) !important;outline-offset: 0;outline-style: solid;outline-width: 1px;}label {color: var(--color-anthrazit);display: grid;font-size: 14px;line-height: 20px;gap: 8px;width: 100%;font-weight: bold;}input {cursor: pointer;width: 100%;color: var(--color-anthrazit);border-width: 1px;border-style: solid;border-color: var(--color-petrol);border-radius: 0;background-color: #e8edf2 !important;overflow: hidden;height: 3em;line-height: 24px;font-size: 16px;padding: 0.75em;}.error input {background-color: var(--color-rotton-20) !important;border-color: var(--color-rotton) !important;}input:disabled {background-color: var(--color-input-bg-default);border-color: var(--border-color);cursor: not-allowed;}kol-alert {margin-top: calc(2 * var(--kolibri-spacing));display: block;}.kol-required span::after {content: \"*\";}input::placeholder {font-style: italic;}',\n\t// \t'KOL-ACCORDION':\n\t// \t\t':host > div {font-family: var(--font-family);box-sizing: border-box;width: 100%;height: 100%;display: grid;border-color: var(--kolibri-border-color);border-width: 1px;border-style: solid;border-radius: 0.25rem;}:host > div > kol-heading-wc {font-weight: 700;font-size: 1.25rem;line-height: 1.75rem;}:host > div > kol-heading-wc button {cursor: pointer;width: 100%;margin: 0;display: flex;gap: 0.5em;border: 0;align-items: center;overflow: hidden;font-size: inherit;line-height: 1.75em;background-color: transparent;padding: 0.5rem;}:host > div[part*=\"open\"] > kol-heading-wc button {padding-bottom: 0;}:host > div[part*=\"open\"] > kol-heading-wc button kol-icon {width: 1em;}:host > div div[part=\"header\"],:host > div[part*=\"open\"] div[part=\"content\"] {margin: 0;}:host > div div[part=\"header\"] {padding-left: 2.5rem;}:host > div[part*=\"open\"] div[part=\"content\"] {margin: 0;padding: 0 1rem 1rem 2.5rem;}:host > div > kol-heading-wc button kol-icon::part(icon) {color: var(--color-midnight);}button {cursor: pointer;font-weight: inherit;font-size: inherit;line-height: inherit;}:host > div > kol-heading-wc button kol-icon::part(close)::before {font-family: \"Font Awesome 6 Free\";content: \"\\\\f077\";}:host > div > kol-heading-wc button kol-icon::part(open)::before {font-family: \"Font Awesome 6 Free\";content: \"\\\\f078\";}',\n\t// \t'KOL-TABLE':\n\t// \t\t':host > div {overflow-x: auto;overflow-y: hidden;}:host > div:first-child {border-style: solid;border-width: 1px;border-color: var(--border-color);}table {width: 100%;border-collapse: collapse;border-spacing: 0;}table,tr,th,td {border: 0 solid var(--border-color);}tr {border-top-width: 1px;}tr:nth-child(even) {background-color: #f2f2f2;}th,td {border-right-width: 1px;padding: 0.25em 0.5em;}th {background-color: #eee;}th > div {display: grid;grid-template-columns: 1fr auto;align-items: center;gap: 0.25em;}:host > div.pagination {padding: 0.5em;}:host > div.pagination,:host > div.pagination > div:last-child {display: grid;align-items: center;justify-items: center;gap: 0.5em;}@media (min-width: 1024px) {:host > div.pagination,:host > div.pagination > div:last-child {grid-auto-flow: column;}:host > div.pagination kol-pagination {display: flex;gap: 1rem;}}',\n\t// \t'KOL-NAV':\n\t// \t\t':host .hidden {display: none;}:host > div > nav ul {list-style: none;margin: 0px;padding: 0px;border-radius: var(--border-radius);background-color: var(--color-petrol);}:host > div > nav ul > li {border-radius: var(--border-radius);overflow: hidden;padding: 0.125em;}:host > div > nav ul > li[part*=\"vertical\"] + li {border-radius: 0;border-top: 0.1em dotted white;}:host > div > nav ul > li[part*=\"vertical selected\"] {border-right: 0.375em solid var(--color-citrin);}:host > div > nav ul > li[part*=\"horizontal\"] + li {border-radius: 0;border-left: 0.1em dotted white;}:host > div > nav ul > li[part*=\"horizontal selected\"] {border-bottom: 0.375em solid var(--color-citrin);}:host > div > nav ul > li > div {height: 100%;}:host > div > nav kol-link-wc {width: 100%;/*height: 100%;font-weight: 600;*/display: block;}:host > div > nav kol-link-wc a {border-radius: var(--border-radius);background-color: var(--color-petrol);border: 1px solid transparent;grid: flex;line-height: 2em;padding: 0.5em;color: white;height: 100%;-webkit-box-align: center;align-items: center;display: flex;cursor: pointer;text-decoration: inherit;}:host > div > nav kol-link-wc[exportparts*=\"selected\"] a {background-color: var(--color-achat);font-weight: 700;}:host > div > nav kol-link-wc a kol-icon.mr-2 {margin-right: calc(2 * 2 * var(--kolibri-spacing));}:host > div > nav kol-link-wc a kol-icon.ml-2 {margin-left: calc(2 * 2 * var(--kolibri-spacing));}:host > div > nav kol-link-wc a:focus,:host > div > nav kol-link-wc a:hover {border: 1px solid white;background-color: var(--color-fluorit);color: var(--color-anthrazit);}/* compact button */:host > div > div:last-child {margin-top: 0.5em;width: 100%;text-align: center;}:host > div > nav kol-link-wc a.text-center {display: grid;align-items: center;justify-items: center;}/* horizontal */ul.flex {display: flex;}li > div > div.absolute {position: absolute;}kol-span-wc {justify-items: baseline;}',\n\t// \t'KOL-CARD':\n\t// \t\t':host > div {background-color: white;border-color: var(--border-color);border-style: solid;border-width: 1px;border-radius: calc(2 * var(--border-radius));width: 100%;height: 100%;overflow: hidden;}kol-heading {padding: 0.5rem;display: block;border-bottom-style: solid;border-bottom-color: var(--border-color);border-bottom-width: 1px;}:host > div > div {display: block;padding: 0.5rem;}:host > div > div:last-child {display: block;padding: 0.5rem;border-top-style: solid;border-top-color: var(--color-achat);border-top-width: 1px;}',\n\t// \t'KOL-INPUT-CHECKBOX':\n\t// \t\t'/* ALL INPUT, SELECT, TEXTAREA */label {cursor: pointer;}input {color: var(--default-letter);border-color: var(--default-border);border-width: 2px;border-style: solid;line-height: 24px;font-size: 16px;}.required label > span::after {content: \"*\";padding-left: 0.125em;}input:hover {border-color: var(--color-petrol);}/* NEU */kol-input {display: grid;align-items: center;justify-items: left;width: 100%;}kol-input.checkbox {grid-template-columns: calc(6 * 2 * var(--kolibri-spacing)) auto;}kol-input.switch {grid-template-columns: calc(13 * 2 * var(--kolibri-spacing)) auto;}kol-input > div.input {display: inline-flex;order: 1;}kol-input > div.input input {margin: 0px;}kol-input > label {order: 2;padding-left: calc(2 * 2 * var(--kolibri-spacing));}kol-input > kol-alert.error {order: 3;padding-top: 0.25em;grid-column: span 2 / auto;}/* CHECKBOX */input[type=\"checkbox\"] {appearance: none;background-color: white;cursor: pointer;transition: 0.5s;}input[type=\"checkbox\"].kol-disabled:before {cursor: not-allowed;}input[type=\"checkbox\"]:before {content: \"\";cursor: pointer;}input[type=\"checkbox\"]:checked {background-color: var(--color-petrol);border-color: var(--color-petrol);}.checkbox input[type=\"checkbox\"] {/* border-radius: 0.25em; */height: calc(6 * 2 * var(--kolibri-spacing));min-width: calc(6 * 2 * var(--kolibri-spacing));width: calc(6 * 2 * var(--kolibri-spacing));}.checkbox input[type=\"checkbox\"]:before {/* border-radius: 0.25em; */background-color: transparent;display: block;height: calc(6 * 2 * var(--kolibri-spacing));position: relative;width: calc(6 * 2 * var(--kolibri-spacing));}.checkbox input[type=\"checkbox\"]:checked:before {border-right-width: 3px;border-bottom-width: 3px;left: calc(1.5 * 2 * var(--kolibri-spacing) - 2px);top: calc(2.85 * 2 * var(--kolibri-spacing) - 2px);transform: rotate(40deg) translate(-50%, -50%);background-color: transparent;border-width: 0px 3px 3px 0px;border-color: white;border-radius: 1px;border-style: solid;height: calc(3 * 2 * var(--kolibri-spacing));width: calc(1.5 * 2 * var(--kolibri-spacing));}.checkbox input[type=\"checkbox\"]:indeterminate:before {background-color: var(--kolibri-color-normal);height: 0.375rem;top: 0.45rem;left: 0.15rem;width: calc(4 * 2 * var(--kolibri-spacing));}.switch input[type=\"checkbox\"] {/* border-radius: 0.25em; */min-width: 3.2em;width: 3.2em;height: 1.7em;display: inline-block;position: relative;}.switch input[type=\"checkbox\"]:before {/* border-radius: 0.25em; */-webkit-transition: 0.5s;-moz-transition: 0.5s;-ms-transition: 0.5s;transition: 0.5;width: 1.2em;height: 1.2em;left: calc(0.25em - 2px);top: calc(0.25em - 2px);background-color: black;position: absolute;}.switch input[type=\"checkbox\"]:checked:before {-webkit-transform: translateX(1.5em);-moz-transform: translateX(1.5em);-ms-transform: translateX(1.5em);transform: translateX(1.5em);background-color: white;}.switch input[type=\"checkbox\"]:indeterminate:before {-webkit-transform: translateX(0.75em);-moz-transform: translateX(0.75em);-ms-transform: translateX(0.75em);transform: translateX(0.75em);background-color: var(--color-petrol);}.disabled {opacity: 0.33;}.checkbox kol-icon,.switch kol-icon {display: none;}kol-input span.hint {grid-column: span 2;font-style: italic;color: gray;display: block;order: 3;padding: 0 var(--kolibri-spacing);}',\n\t// \t'KOL-INPUT-RADIO':\n\t// \t\t'/* INPUT */:host input:focus {outline-color: var(--color-achat) !important;outline-offset: 2px;outline-style: solid;outline-width: 3px;}label {color: var(--color-anthrazit);display: grid;font-size: 14px;line-height: 20px;gap: 8px;width: 100%;}input {width: 100%;color: var(--color-anthrazit);border-color: var(--default-border);border-width: 2px;border-style: solid;border-radius: 5px;/* padding: 10px 14px; */line-height: 24px;font-size: 16px;}input:hover {border-color: var(--color-achat);}kol-alert {display: block;width: 100%;}.kol-required span::after {content: \"*\";}/* RADIO */:host fieldset {border: 0px;margin: 0px;padding: 0px;display: grid;gap: 0.25em;}:host fieldset legend {display: block;width: 100%;line-height: 1.5em;}:host fieldset div {cursor: pointer;display: flex;flex-direction: row;gap: 0.5em;margin-top: 0.25em;margin-bottom: 0.25em;align-items: center;position: relative;}:host fieldset div label {cursor: pointer;display: flex;width: 100%;}:host fieldset div label span {margin-top: 0.125em;}:host fieldset div input[type=\"radio\"] {appearance: none;transition: 0.5s;border-radius: 100%;height: calc(6 * 2 * var(--kolibri-spacing));min-width: calc(6 * 2 * var(--kolibri-spacing));width: calc(6 * 2 * var(--kolibri-spacing));}:host fieldset div input[type=\"radio\"]:before {content: \"\";cursor: pointer;left: calc(1.5 * 2 * var(--kolibri-spacing) - 2px);top: calc(1.5 * 2 * var(--kolibri-spacing) - 2px);position: relative;border-radius: 100%;display: block;height: calc(3 * 2 * var(--kolibri-spacing));width: calc(3 * 2 * var(--kolibri-spacing));}:host fieldset div input[type=\"radio\"]:checked:before {box-shadow: 0 0 0.1rem black;background-color: var(--color-petrol);}:host fieldset div input[type=\"radio\"]:disabled {background-color: var(--color-input-bg-default);border-color: #999;cursor: not-allowed;}',\n\t// \t'KOL-LINK-GROUP':\n\t// \t\t'nav {background-color: white;}nav > ul {list-style: none;margin: 0px;padding: 0px;}nav.horizontal ul {display: flex;flex-wrap: wrap;}nav > ul > li {margin-left: 1em;margin-right: 0.5em;padding: 0.25em;}li.list-none {list-style-type: none !important;margin-left: 0;}',\n\t// \t'KOL-TOAST':\n\t// \t\t':host > div {position: fixed;top: 0;left: 0;width: 100%;height: 0;z-index: 200;}:host > div > kol-alert {display: block;margin: auto;padding: 1rem;max-width: 750px;}:host > div > kol-button-wc {top: 0;position: relative;display: block;margin: auto;width: 1em;}',\n\t// \t'KOL-TABS':\n\t// \t\t':host > div {display: block;width: 100%;}:host kol-button-group-wc {display: inline-block;background-color: var(--color-petrol);}:host kol-button-group-wc > div {display: inline-flex;}:host kol-button-group-wc > div + div {margin-left: 0.25em;}:host > div > div {padding: 0.25em;border: 1px solid var(--border-color);}button {box-sizing: border-box;font-size: inherit;line-height: 1.25em;cursor: pointer;border-width: 2px;box-shadow: 0 0 0.25em gray;width: inherit;overflow: hidden;border-style: solid;padding: calc(4 * var(--kolibri-spacing));display: grid;gap: 0.25em;align-items: center;justify-content: center;text-align: center;transition-duration: 0.5s;transition-property: background-color, color, border-color;}kol-button-wc button.selected,kol-button-wc[aria-selected=\"true\"] button {background-color: white;border-bottom-width: 0.25em !important;border-bottom-style: solid;border-bottom-color: var(--color-citrin) !important;}button > kol-span-wc span {display: flex;gap: 0.25em;align-items: center;justify-content: center;}button:disabled {cursor: not-allowed;opacity: 0.5;}button.primary,button.primary:disabled:hover {background-color: var(--kolibri-color-primary);border-color: var(--kolibri-color-primary);color: white;}button.primary:hover,button.primary:focus {color: var(--kolibri-color-primary);}button.secondary,button.secondary:disabled:hover {background-color: var(--kolibri-color-secondary);border-color: var(--kolibri-color-secondary);color: white;}button.secondary:hover,button.secondary:focus {color: var(--kolibri-color-secondary);}button.normal,button.normal:disabled:hover {background-color: var(--color-petrol);border-color: var(--color-petrol);color: white;}button.normal:hover,button.normal:focus {color: var(--color-petrol);}button.danger,button.danger:disabled:hover {background-color: var(--kolibri-color-danger);border-color: var(--kolibri-color-danger);color: white;}button.danger:hover,button.danger:focus {color: var(--kolibri-color-danger);}button.ghost,button.ghost:disabled:hover {background-color: white;border-color: var(--kolibri-color-ghost);color: var(--kolibri-color-ghost);}button.ghost:hover,button.ghost:focus {background-color: var(--kolibri-color-ghost);color: white;}button:hover,button:focus {background-color: white;box-shadow: 0 0 0.25em black;}button:active {outline: 0 !important;box-shadow: none !important;}.close-button {font-size: 25%;height: fit-content;width: 0;}.close-button button {width: 1rem;position: relative;height: 1rem;left: -4.25em;top: 0.25em;}:host > div {display: grid;}:host > div.tabs-align-left {grid-template-columns: auto 1fr;}:host > div.tabs-align-right {grid-template-columns: 1fr auto;}:host > .tabs-align-left kol-button-group-wc,:host > .tabs-align-top kol-button-group-wc {order: 0;}:host > .tabs-align-bottom kol-button-group-wc,:host > .tabs-align-right kol-button-group-wc {order: 1;}:host > div.tabs-align-left kol-button-group-wc > div,:host > div.tabs-align-left kol-button-group-wc > div > div,:host > div.tabs-align-right kol-button-group-wc > div,:host > div.tabs-align-right kol-button-group-wc > div > div {display: grid;}:host > div.tabs-align-left kol-button-group-wc > div > div kol-button-wc,:host > div.tabs-align-right kol-button-group-wc > div > div kol-button-wc {width: 100%;}:host > div.tabs-align-bottom kol-button-group-wc div,:host > div.tabs-align-top kol-button-group-wc div {display: flex;flex-wrap: wrap;}',\n\t// \t'KOL-ICON': THEMING_ICON_FONT_CSS_FONT_AWESOME,\n\t// });\n\n\tregister([], [], {\n\t\ttheme: {\n\t\t\tdetect: 'fixed',\n\t\t\tname: 'zoll',\n\t\t},\n\t}).catch(console.warn);\n\n\timport('./devtools')\n\t\t.then((devTools) => {\n\t\t\tif (typeof devTools === 'object' && devTools !== null && typeof devTools.initialize === 'function') {\n\t\t\t\tdevTools.initialize();\n\t\t\t}\n\t\t})\n\t\t.catch((error) => {\n\t\t\tLog.error(error);\n\t\t});\n};\n","import appGlobalScript from '/home/runner/work/kolibri/kolibri/packages/library/src/global/script.ts';\nexport const globalScripts = appGlobalScript;\n"],"mappings":";;;mNAUA,MAAAA,EAAe,KACd,GAAIC,IAAe,QAClBC,EAAIC,KACH,0VAQA,C,gBAMFC,GAAAC,IACC,GAAIA,EAAIC,sBAAAC,WAAA,CACPC,EAAcH,EAAKI,EAAgBJ,G,CAEpC,mBAsEDK,EAAA,OACCC,MAAO,CACNC,OAAM,QACNC,KAAM,UAELC,MAAAC,QAAAC,MAEHC,OAAO,0BACLC,MAAMC,IACN,UAAWA,IAAQ,UAAAA,IAAA,aAAAA,EAAAC,aAAA,YAClBD,EAASC,Y,gBAIVlB,EAAImB,MAAMA,EAAM,GACf,ECnHQ,MAACC,EAAgBtB,S"}

package/dist/kolibri/kol-button-link.entry.js

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{r as i,h as e,H as o,g as t}from"./index-0dce65d2.js";import{a as r}from"./reuse-2b3b6999.js";const s=":host{--kolibri-border-color:#e0e0e0;--kolibri-border-radius:0.125rem;--kolibri-border-width:1px;--kolibri-color-error:#f44336;--kolibri-color-info:#2196f3;--kolibri-color-success:#4caf50;--kolibri-color-warning:#ff9800;--kolibri-color-primary:#3f51b5;--kolibri-color-secondary:#ff4081;--kolibri-color-normal:#9e9e9e;--kolibri-color-danger:#f44336;--kolibri-color-ghost:#f5f5f5;--kolibri-color-disabled:#bdbdbd;--kolibri-color-text:#222222;--kolibri-color-visited:#9c27b0;--kolibri-spacing:0.25rem}*{box-sizing:border-box;hyphens:auto;letter-spacing:inherit;word-break:break-word;word-spacing:inherit}kol-icon{color:inherit}kol-span-wc{display:grid;place-items:center;width:100%}kol-span-wc>span{display:flex;gap:0.25rem;place-items:center}a,button,input,select,textarea{cursor:pointer}a.icon-only>kol-span-wc>span>span,button.icon-only>kol-span-wc>span>span{display:none}a{display:inline-flex;place-items:baseline}button{background-color:transparent;border-width:0}",n=class{constructor(o){i(this,o),this.catchRef=i=>{this.ref=i,r(this.host,this.ref)},this._accessKey=void 0,this._ariaControls=void 0,this._ariaCurrent=void 0,this._ariaExpanded=void 0,this._ariaLabel="",this._ariaSelected=void 0,this._disabled=!1,this._icon=void 0,this._iconOnly=!1,this._id=void 0,this._label=void 0,this._on=void 0,this._role=void 0,this._tabIndex=void 0,this._tooltipAlign="top",this._type="button",this._value=void 0}render(){return e(o,null,e("kol-button-wc",{ref:this.catchRef,_accessKey:this._accessKey,_ariaControls:this._ariaControls,_ariaCurrent:this._ariaCurrent,_ariaExpanded:this._ariaExpanded,_ariaLabel:this._ariaLabel,_ariaSelected:this._ariaSelected,_disabled:this._disabled,_icon:this._icon,_iconOnly:this._iconOnly,_id:this._id,_label:this._label,_on:this._on,_role:this._role,_tabIndex:this._tabIndex,_tooltipAlign:this._tooltipAlign,_type:this._type,_value:this._value},e("slot",{name:"expert",slot:"expert"})))}get host(){return t(this)}};n.style={default:s};export{n as kol_button_link};
+import{r as i,h as o,H as e,g as t}from"./index-0dce65d2.js";import{a as r}from"./reuse-2b3b6999.js";const n=":host{--kolibri-border-color:#e0e0e0;--kolibri-border-radius:0.125rem;--kolibri-border-width:1px;--kolibri-color-error:#f44336;--kolibri-color-info:#2196f3;--kolibri-color-success:#4caf50;--kolibri-color-warning:#ff9800;--kolibri-color-primary:#3f51b5;--kolibri-color-secondary:#ff4081;--kolibri-color-normal:#9e9e9e;--kolibri-color-danger:#f44336;--kolibri-color-ghost:#f5f5f5;--kolibri-color-disabled:#bdbdbd;--kolibri-color-text:#222222;--kolibri-color-visited:#9c27b0;--kolibri-spacing:0.25rem}*{box-sizing:border-box;hyphens:auto;letter-spacing:inherit;word-break:break-word;word-spacing:inherit}kol-icon{color:inherit}kol-span-wc{display:grid;place-items:center;width:100%}kol-span-wc>span{display:flex;gap:0.25rem;place-items:center}a,button,input,select,textarea{cursor:pointer}a.icon-only>kol-span-wc>span>span,button.icon-only>kol-span-wc>span>span{display:none}a{display:inline-flex;place-items:baseline}button{background-color:transparent;border-width:0}:host>kol-link-wc a{display:inline-flex;gap:0.25rem;place-items:center;text-decoration:none}button{background-color:transparent}a,button{background-image:repeating-linear-gradient(to right, #66ddec, #66ddec);background-repeat:no-repeat;background-position:left 0 bottom 0;background-size:25% 0.25ex;border-radius:var(--spacing);color:var(--color-petrol);font-family:var(--font-family-sans);font-size:inherit;text-transform:uppercase;transition-delay:0;transition-timing-function:ease-in-out;transition-duration:0.5s;transition-property:background-color, border-color, color}a:focus,a:hover,button:focus,button:hover{background-size:100% 0.25ex;color:var(--color-achat)}a>kol-span-wc,button>kol-span-wc{gap:0.25em}.hidden{display:none;visibility:hidden}a.skip{left:-99999px;overflow:hidden;position:absolute;z-index:9999999}a.skip:focus{background-color:white;box-shadow:0 0 0.5rem 0.5rem white;left:unset;position:unset}",s=class{constructor(o){i(this,o),this.catchRef=i=>{this.ref=i,r(this.host,this.ref)},this._accessKey=void 0,this._ariaControls=void 0,this._ariaCurrent=void 0,this._ariaExpanded=void 0,this._ariaLabel="",this._ariaSelected=void 0,this._disabled=!1,this._icon=void 0,this._iconOnly=!1,this._id=void 0,this._label=void 0,this._on=void 0,this._role=void 0,this._tabIndex=void 0,this._tooltipAlign="top",this._type="button",this._value=void 0}render(){return o(e,null,o("kol-button-wc",{ref:this.catchRef,_accessKey:this._accessKey,_ariaControls:this._ariaControls,_ariaCurrent:this._ariaCurrent,_ariaExpanded:this._ariaExpanded,_ariaLabel:this._ariaLabel,_ariaSelected:this._ariaSelected,_disabled:this._disabled,_icon:this._icon,_iconOnly:this._iconOnly,_id:this._id,_label:this._label,_on:this._on,_role:this._role,_tabIndex:this._tabIndex,_tooltipAlign:this._tooltipAlign,_type:this._type,_value:this._value},o("slot",{name:"expert",slot:"expert"})))}get host(){return t(this)}};s.style={default:n};export{s as kol_button_link};

package/dist/kolibri/kol-button-link.entry.js.map

@@ -1 +1 @@
-{"version":3,"names":["defaultStyleCss","KolButtonLink","this","catchRef","ref","propergateFocus","host","render","h","Host","_accessKey","_ariaControls","_ariaCurrent","_ariaExpanded","_ariaLabel","_ariaSelected","_disabled","_icon","_iconOnly","_id","_label","_on","_role","_tabIndex","_tooltipAlign","_type","_value","name","slot"],"sources":["./src/components/button-link/style.css?tag=kol-button-link&mode=default&encapsulation=shadow","./src/components/button-link/component.tsx"],"sourcesContent":["@import '../style.css';\n","import { Component, Element, h, Host, JSX, Prop } from '@stencil/core';\n\nimport { Generic } from '@a11y-ui/core';\nimport {\n\tAlternativButtonLinkRole,\n\tAriaCurrent,\n\tKoliBriButtonCallbacks,\n\tKoliBriButtonType,\n\tOptionalButtonLinkProps,\n\tRequiredButtonLinkProps,\n} from '../../types/button-link';\nimport { Stringified } from '../../types/common';\nimport { KoliBriIconProp } from '../../types/icon';\nimport { propergateFocus } from '../../utils/reuse';\nimport { Alignment } from '../../types/props/alignment';\n\n@Component({\n\ttag: 'kol-button-link',\n\tstyleUrls: {\n\t\tdefault: './style.css',\n\t},\n\tshadow: true,\n})\nexport class KolButtonLink implements Generic.Element.Members<RequiredButtonLinkProps, OptionalButtonLinkProps> {\n\t@Element() private readonly host?: HTMLKolButtonLinkElement;\n\tprivate ref?: HTMLKolButtonWcElement;\n\n\tprivate readonly catchRef = (ref?: HTMLKolButtonWcElement) => {\n\t\tthis.ref = ref;\n\t\tpropergateFocus(this.host, this.ref);\n\t};\n\n\tpublic render(): JSX.Element {\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<kol-button-wc\n\t\t\t\t\tref={this.catchRef}\n\t\t\t\t\t_accessKey={this._accessKey}\n\t\t\t\t\t_ariaControls={this._ariaControls}\n\t\t\t\t\t_ariaCurrent={this._ariaCurrent}\n\t\t\t\t\t_ariaExpanded={this._ariaExpanded}\n\t\t\t\t\t_ariaLabel={this._ariaLabel}\n\t\t\t\t\t_ariaSelected={this._ariaSelected}\n\t\t\t\t\t_disabled={this._disabled}\n\t\t\t\t\t_icon={this._icon}\n\t\t\t\t\t_iconOnly={this._iconOnly}\n\t\t\t\t\t_id={this._id}\n\t\t\t\t\t_label={this._label}\n\t\t\t\t\t_on={this._on}\n\t\t\t\t\t_role={this._role}\n\t\t\t\t\t_tabIndex={this._tabIndex}\n\t\t\t\t\t_tooltipAlign={this._tooltipAlign}\n\t\t\t\t\t_type={this._type}\n\t\t\t\t\t_value={this._value}\n\t\t\t\t>\n\t\t\t\t\t<slot name=\"expert\" slot=\"expert\" />\n\t\t\t\t</kol-button-wc>\n\t\t\t</Host>\n\t\t);\n\t}\n\n\t/**\n\t * Gibt an, mit welcher Tastenkombination man den Button auslösen oder fokussieren kann.\n\t */\n\t@Prop() public _accessKey?: string;\n\n\t/**\n\t * Gibt an, welche Elemente kontrolliert werden.  (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-controls)\n\t */\n\t@Prop() public _ariaControls?: string;\n\n\t/**\n\t * Gibt an, welchen aktuellen Auswahlstatus der Button hat. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-current)\n\t */\n\t@Prop() public _ariaCurrent?: AriaCurrent;\n\n\t/**\n\t * Gibt an, ob durch den Button etwas aufgeklappt wurde. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-expanded)\n\t */\n\t@Prop({ reflect: true }) public _ariaExpanded?: boolean;\n\n\t/**\n\t * Gibt einen beschreibenden Text für den Screenreader an. Damit die\n\t * Sprachsteuerung von interaktiven Elementen funktioniert, muss der\n\t * Aria-Label-Text mit dem Label-Text des Buttons beginnen.\n\t *\n\t * - https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-label\n\t */\n\t@Prop({ mutable: true, reflect: false }) public _ariaLabel?: string = '';\n\n\t/**\n\t * Gibt an, ob Element ausgewählt ist (role=tab). (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-selected)\n\t */\n\t@Prop({ reflect: true }) public _ariaSelected?: boolean;\n\n\t/**\n\t * Gibt an, ob der Button deaktiviert ist.\n\t */\n\t@Prop({ reflect: true }) public _disabled?: boolean = false;\n\n\t/**\n\t * Gibt den Class-Identifier eines Icons eine eingebunden Icofont an. (z.B. https://icofont.com/)\n\t */\n\t@Prop() public _icon?: Stringified<KoliBriIconProp>;\n\n\t/**\n\t * Gibt an, ob nur das Icon angezeigt wird.\n\t */\n\t@Prop({ reflect: true }) public _iconOnly?: boolean = false;\n\n\t/**\n\t * Gibt die ID der Schaltfläche an. (Selection, Testing)\n\t */\n\t@Prop() public _id?: string;\n\n\t/**\n\t * Gibt einen beschreibenden Text für das Text-Element an.\n\t */\n\t@Prop() public _label!: string;\n\n\t/**\n\t * Gibt die EventCallback-Funktionen für die Button-Events an.\n\t */\n\t@Prop() public _on?: KoliBriButtonCallbacks<unknown>;\n\n\t/**\n\t * Gibt an, welche Role der Schalter hat.\n\t */\n\t@Prop() public _role?: AlternativButtonLinkRole;\n\n\t/**\n\t * Gibt an, welchen Tab-Index der Button hat. (https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex)\n\t */\n\t@Prop() public _tabIndex?: number;\n\n\t/**\n\t * Gibt an, ob der Tooltip oben, rechts, unten oder links angezeigt werden soll.\n\t */\n\t@Prop() public _tooltipAlign?: Alignment = 'top';\n\n\t/**\n\t * Gibt an, welche Typ der Button hat.\n\t */\n\t@Prop() public _type?: KoliBriButtonType = 'button';\n\n\t/**\n\t * Gibt einen Wert an, den der Schalter bei einem Klick zurückgibt.\n\t */\n\t@Prop() public _value?: Stringified<unknown>;\n}\n"],"mappings":";;;qGAAA,MAAMA,EAAkB,y8B,MCuBXC,EAAa,M,yBAIRC,KAAAC,SAAYC,IAC5BF,KAAKE,IAAMA,EACXC,EAAgBH,KAAKI,KAAMJ,KAAKE,IAAI,E,gIA2DiC,G,4CAUhB,M,oCAUA,M,6HA8BX,M,WAKA,S,sBA/GpCG,SACN,OACCC,EAACC,EAAI,KACJD,EAAA,iBACCJ,IAAKF,KAAKC,SACVO,WAAYR,KAAKQ,WACjBC,cAAeT,KAAKS,cACpBC,aAAcV,KAAKU,aACnBC,cAAeX,KAAKW,cACpBC,WAAYZ,KAAKY,WACjBC,cAAeb,KAAKa,cACpBC,UAAWd,KAAKc,UAChBC,MAAOf,KAAKe,MACZC,UAAWhB,KAAKgB,UAChBC,IAAKjB,KAAKiB,IACVC,OAAQlB,KAAKkB,OACbC,IAAKnB,KAAKmB,IACVC,MAAOpB,KAAKoB,MACZC,UAAWrB,KAAKqB,UAChBC,cAAetB,KAAKsB,cACpBC,MAAOvB,KAAKuB,MACZC,OAAQxB,KAAKwB,QAEblB,EAAA,QAAMmB,KAAK,SAASC,KAAK,Y"}
+{"version":3,"names":["defaultStyleCss","KolButtonLink","this","catchRef","ref","propergateFocus","host","render","h","Host","_accessKey","_ariaControls","_ariaCurrent","_ariaExpanded","_ariaLabel","_ariaSelected","_disabled","_icon","_iconOnly","_id","_label","_on","_role","_tabIndex","_tooltipAlign","_type","_value","name","slot"],"sources":["./src/components/button-link/style.css?tag=kol-button-link&mode=default&encapsulation=shadow","./src/components/button-link/component.tsx"],"sourcesContent":["@import '../link.css';\n","import { Component, Element, h, Host, JSX, Prop } from '@stencil/core';\n\nimport { Generic } from '@a11y-ui/core';\nimport {\n\tAlternativButtonLinkRole,\n\tAriaCurrent,\n\tKoliBriButtonCallbacks,\n\tKoliBriButtonType,\n\tOptionalButtonLinkProps,\n\tRequiredButtonLinkProps,\n} from '../../types/button-link';\nimport { Stringified } from '../../types/common';\nimport { KoliBriIconProp } from '../../types/icon';\nimport { propergateFocus } from '../../utils/reuse';\nimport { Alignment } from '../../types/props/alignment';\n\n@Component({\n\ttag: 'kol-button-link',\n\tstyleUrls: {\n\t\tdefault: './style.css',\n\t},\n\tshadow: true,\n})\nexport class KolButtonLink implements Generic.Element.Members<RequiredButtonLinkProps, OptionalButtonLinkProps> {\n\t@Element() private readonly host?: HTMLKolButtonLinkElement;\n\tprivate ref?: HTMLKolButtonWcElement;\n\n\tprivate readonly catchRef = (ref?: HTMLKolButtonWcElement) => {\n\t\tthis.ref = ref;\n\t\tpropergateFocus(this.host, this.ref);\n\t};\n\n\tpublic render(): JSX.Element {\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<kol-button-wc\n\t\t\t\t\tref={this.catchRef}\n\t\t\t\t\t_accessKey={this._accessKey}\n\t\t\t\t\t_ariaControls={this._ariaControls}\n\t\t\t\t\t_ariaCurrent={this._ariaCurrent}\n\t\t\t\t\t_ariaExpanded={this._ariaExpanded}\n\t\t\t\t\t_ariaLabel={this._ariaLabel}\n\t\t\t\t\t_ariaSelected={this._ariaSelected}\n\t\t\t\t\t_disabled={this._disabled}\n\t\t\t\t\t_icon={this._icon}\n\t\t\t\t\t_iconOnly={this._iconOnly}\n\t\t\t\t\t_id={this._id}\n\t\t\t\t\t_label={this._label}\n\t\t\t\t\t_on={this._on}\n\t\t\t\t\t_role={this._role}\n\t\t\t\t\t_tabIndex={this._tabIndex}\n\t\t\t\t\t_tooltipAlign={this._tooltipAlign}\n\t\t\t\t\t_type={this._type}\n\t\t\t\t\t_value={this._value}\n\t\t\t\t>\n\t\t\t\t\t<slot name=\"expert\" slot=\"expert\" />\n\t\t\t\t</kol-button-wc>\n\t\t\t</Host>\n\t\t);\n\t}\n\n\t/**\n\t * Gibt an, mit welcher Tastenkombination man den Button auslösen oder fokussieren kann.\n\t */\n\t@Prop() public _accessKey?: string;\n\n\t/**\n\t * Gibt an, welche Elemente kontrolliert werden.  (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-controls)\n\t */\n\t@Prop() public _ariaControls?: string;\n\n\t/**\n\t * Gibt an, welchen aktuellen Auswahlstatus der Button hat. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-current)\n\t */\n\t@Prop() public _ariaCurrent?: AriaCurrent;\n\n\t/**\n\t * Gibt an, ob durch den Button etwas aufgeklappt wurde. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-expanded)\n\t */\n\t@Prop({ reflect: true }) public _ariaExpanded?: boolean;\n\n\t/**\n\t * Gibt einen beschreibenden Text für den Screenreader an. Damit die\n\t * Sprachsteuerung von interaktiven Elementen funktioniert, muss der\n\t * Aria-Label-Text mit dem Label-Text des Buttons beginnen.\n\t *\n\t * - https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-label\n\t */\n\t@Prop({ mutable: true, reflect: false }) public _ariaLabel?: string = '';\n\n\t/**\n\t * Gibt an, ob Element ausgewählt ist (role=tab). (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-selected)\n\t */\n\t@Prop({ reflect: true }) public _ariaSelected?: boolean;\n\n\t/**\n\t * Gibt an, ob der Button deaktiviert ist.\n\t */\n\t@Prop({ reflect: true }) public _disabled?: boolean = false;\n\n\t/**\n\t * Gibt den Class-Identifier eines Icons eine eingebunden Icofont an. (z.B. https://icofont.com/)\n\t */\n\t@Prop() public _icon?: Stringified<KoliBriIconProp>;\n\n\t/**\n\t * Gibt an, ob nur das Icon angezeigt wird.\n\t */\n\t@Prop({ reflect: true }) public _iconOnly?: boolean = false;\n\n\t/**\n\t * Gibt die ID der Schaltfläche an. (Selection, Testing)\n\t */\n\t@Prop() public _id?: string;\n\n\t/**\n\t * Gibt einen beschreibenden Text für das Text-Element an.\n\t */\n\t@Prop() public _label!: string;\n\n\t/**\n\t * Gibt die EventCallback-Funktionen für die Button-Events an.\n\t */\n\t@Prop() public _on?: KoliBriButtonCallbacks<unknown>;\n\n\t/**\n\t * Gibt an, welche Role der Schalter hat.\n\t */\n\t@Prop() public _role?: AlternativButtonLinkRole;\n\n\t/**\n\t * Gibt an, welchen Tab-Index der Button hat. (https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex)\n\t */\n\t@Prop() public _tabIndex?: number;\n\n\t/**\n\t * Gibt an, ob der Tooltip oben, rechts, unten oder links angezeigt werden soll.\n\t */\n\t@Prop() public _tooltipAlign?: Alignment = 'top';\n\n\t/**\n\t * Gibt an, welche Typ der Button hat.\n\t */\n\t@Prop() public _type?: KoliBriButtonType = 'button';\n\n\t/**\n\t * Gibt einen Wert an, den der Schalter bei einem Klick zurückgibt.\n\t */\n\t@Prop() public _value?: Stringified<unknown>;\n}\n"],"mappings":";;;qGAAA,MAAMA,EAAkB,i2D,MCuBXC,EAAa,M,yBAIRC,KAAAC,SAAYC,IAC5BF,KAAKE,IAAMA,EACXC,EAAgBH,KAAKI,KAAMJ,KAAKE,IAAI,E,gIA2DiC,G,4CAUhB,M,oCAUA,M,6HA8BX,M,WAKA,S,sBA/GpCG,SACN,OACCC,EAACC,EAAI,KACJD,EAAA,iBACCJ,IAAKF,KAAKC,SACVO,WAAYR,KAAKQ,WACjBC,cAAeT,KAAKS,cACpBC,aAAcV,KAAKU,aACnBC,cAAeX,KAAKW,cACpBC,WAAYZ,KAAKY,WACjBC,cAAeb,KAAKa,cACpBC,UAAWd,KAAKc,UAChBC,MAAOf,KAAKe,MACZC,UAAWhB,KAAKgB,UAChBC,IAAKjB,KAAKiB,IACVC,OAAQlB,KAAKkB,OACbC,IAAKnB,KAAKmB,IACVC,MAAOpB,KAAKoB,MACZC,UAAWrB,KAAKqB,UAChBC,cAAetB,KAAKsB,cACpBC,MAAOvB,KAAKuB,MACZC,OAAQxB,KAAKwB,QAEblB,EAAA,QAAMmB,KAAK,SAASC,KAAK,Y"}

package/dist/kolibri/kol-button.entry.js.map

@@ -1 +1 @@
-{"version":3,"names":["defaultStyleCss","KolButton","this","catchRef","ref","propergateFocus","host","render","h","Host","class","button","_variant","_customClass","length","_accessKey","_ariaControls","_ariaCurrent","_ariaExpanded","_ariaLabel","_ariaSelected","_disabled","_icon","_iconAlign","_iconOnly","_id","_label","_on","_role","_tabIndex","_tooltipAlign","_type","_value","name","slot"],"sources":["./src/components/button/style.css?tag=kol-button&mode=default&encapsulation=shadow","./src/components/button/shadow.tsx"],"sourcesContent":["@import '../style.css';\n\n:host {\n\tdisplay: inline-block;\n}\n:host > kol-button-wc,\n:host > kol-link-wc {\n\twidth: inherit;\n}\n:host > kol-button-wc a,\n:host > kol-button-wc button,\n:host > kol-link-wc a,\n:host > kol-link-wc button {\n\tcursor: pointer;\n\tdisplay: inline-block;\n\tmin-height: 44px;\n\tmin-width: 44px;\n\tpadding: 0;\n\ttext-align: center;\n\ttransition-duration: 0.5s;\n\ttransition-property: background-color, color, border-color;\n\twidth: inherit;\n}\n:host > kol-button-wc a:active,\n:host > kol-button-wc button:active,\n:host > kol-link-wc a:active,\n:host > kol-link-wc button:active {\n\toutline: 0 !important;\n\tbox-shadow: none !important;\n}\n:host > kol-button-wc a:disabled,\n:host > kol-button-wc button:disabled,\n:host > kol-link-wc a:disabled,\n:host > kol-link-wc button:disabled {\n\tbox-shadow: none;\n\tcursor: not-allowed;\n\topacity: 0.5;\n}\n","import { Component, Element, h, Host, JSX, Prop } from '@stencil/core';\n\nimport { Generic } from '@a11y-ui/core';\nimport {\n\tAlternativButtonLinkRole,\n\tAriaCurrent,\n\tKoliBriButtonCallbacks,\n\tKoliBriButtonType,\n\tKoliBriButtonVariant,\n\tOptionalButtonProps,\n\tRequiredButtonProps,\n} from '../../types/button-link';\nimport { Stringified } from '../../types/common';\nimport { KoliBriIconProp } from '../../types/icon';\nimport { Alignment } from '../../types/props/alignment';\nimport { propergateFocus } from '../../utils/reuse';\n\n@Component({\n\ttag: 'kol-button',\n\tstyleUrls: {\n\t\tdefault: './style.css',\n\t},\n\tshadow: true,\n})\nexport class KolButton implements Generic.Element.Members<RequiredButtonProps, OptionalButtonProps> {\n\t@Element() private readonly host?: HTMLKolButtonElement;\n\tprivate ref?: HTMLKolButtonWcElement;\n\n\tprivate readonly catchRef = (ref?: HTMLKolButtonWcElement) => {\n\t\tthis.ref = ref;\n\t\tpropergateFocus(this.host, this.ref);\n\t};\n\n\tpublic render(): JSX.Element {\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<kol-button-wc\n\t\t\t\t\tref={this.catchRef}\n\t\t\t\t\tclass={{\n\t\t\t\t\t\tbutton: true,\n\t\t\t\t\t\t[this._variant as string]: this._variant !== 'custom',\n\t\t\t\t\t\t[this._customClass as string]: this._variant === 'custom' && typeof this._customClass === 'string' && this._customClass.length > 0,\n\t\t\t\t\t}}\n\t\t\t\t\t_accessKey={this._accessKey}\n\t\t\t\t\t_ariaControls={this._ariaControls}\n\t\t\t\t\t_ariaCurrent={this._ariaCurrent}\n\t\t\t\t\t_ariaExpanded={this._ariaExpanded}\n\t\t\t\t\t_ariaLabel={this._ariaLabel}\n\t\t\t\t\t_ariaSelected={this._ariaSelected}\n\t\t\t\t\t_customClass={this._customClass}\n\t\t\t\t\t_disabled={this._disabled}\n\t\t\t\t\t_icon={this._icon}\n\t\t\t\t\t_iconAlign={this._iconAlign}\n\t\t\t\t\t_iconOnly={this._iconOnly}\n\t\t\t\t\t_id={this._id}\n\t\t\t\t\t_label={this._label}\n\t\t\t\t\t_on={this._on}\n\t\t\t\t\t_role={this._role}\n\t\t\t\t\t_tabIndex={this._tabIndex}\n\t\t\t\t\t_tooltipAlign={this._tooltipAlign}\n\t\t\t\t\t_type={this._type}\n\t\t\t\t\t_value={this._value}\n\t\t\t\t\t_variant={this._variant}\n\t\t\t\t>\n\t\t\t\t\t<slot name=\"expert\" slot=\"expert\" />\n\t\t\t\t</kol-button-wc>\n\t\t\t</Host>\n\t\t);\n\t}\n\n\t/**\n\t * Gibt an, mit welcher Tastenkombination man den Button auslösen oder fokussieren kann.\n\t */\n\t@Prop() public _accessKey?: string;\n\n\t/**\n\t * Gibt an, welche Elemente kontrolliert werden.  (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-controls)\n\t */\n\t@Prop() public _ariaControls?: string;\n\n\t/**\n\t * Gibt an, welchen aktuellen Auswahlstatus der Button hat. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-current)\n\t */\n\t@Prop() public _ariaCurrent?: AriaCurrent;\n\n\t/**\n\t * Gibt an, ob durch den Button etwas aufgeklappt wurde. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-expanded)\n\t */\n\t@Prop({ reflect: true }) public _ariaExpanded?: boolean;\n\n\t/**\n\t * Gibt einen beschreibenden Text des Buttons an.  (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-label)\n\t */\n\t@Prop() public _ariaLabel?: string = '';\n\n\t/**\n\t * Gibt an, ob Element ausgewählt ist (role=tab). (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-selected)\n\t */\n\t@Prop({ reflect: true }) public _ariaSelected?: boolean;\n\n\t/**\n\t * Gibt an, welche Custom-Class übergeben werden soll, wenn _variant=\"custom\" gesetzt ist.\n\t */\n\t@Prop() public _customClass?: string;\n\n\t/**\n\t * Gibt an, ob der Button deaktiviert ist.\n\t */\n\t@Prop({ reflect: true }) public _disabled?: boolean = false;\n\n\t/**\n\t * Gibt den Class-Identifier eines Icons eine eingebunden Icofont an. (z.B. https://icofont.com/)\n\t */\n\t@Prop() public _icon?: Stringified<KoliBriIconProp>;\n\n\t/**\n\t * Gibt an, ob das Icon links oder rechts dargestellt werden soll.\n\t *\n\t * @deprecated\n\t */\n\t@Prop() public _iconAlign?: Alignment = 'left';\n\n\t/**\n\t * Gibt an, ob nur das Icon angezeigt wird.\n\t */\n\t@Prop({ reflect: true }) public _iconOnly?: boolean = false;\n\n\t/**\n\t * Gibt die ID der Schaltfläche an. (Selection, Testing)\n\t */\n\t@Prop() public _id?: string;\n\n\t/**\n\t * Gibt den Label für die Beschriftung der Schaltfläche an.\n\t */\n\t@Prop() public _label!: string;\n\n\t/**\n\t * Gibt die EventCallback-Funktionen für die Button-Events an.\n\t */\n\t@Prop() public _on?: KoliBriButtonCallbacks<unknown>;\n\n\t/**\n\t * Gibt an, welche Role der Schalter hat.\n\t */\n\t@Prop() public _role?: AlternativButtonLinkRole;\n\n\t/**\n\t * Gibt an, welchen Tab-Index der Button hat. (https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex)\n\t */\n\t@Prop() public _tabIndex?: number;\n\n\t/**\n\t * Gibt an, ob der Tooltip oben, rechts, unten oder links angezeigt werden soll.\n\t */\n\t@Prop() public _tooltipAlign?: Alignment = 'top';\n\n\t/**\n\t * Gibt an, welche Typ der Button hat.\n\t */\n\t@Prop() public _type?: KoliBriButtonType = 'button';\n\n\t/**\n\t * Gibt einen Wert an, den der Schalter bei einem Klick zurückgibt.\n\t */\n\t@Prop() public _value?: Stringified<unknown>;\n\n\t/**\n\t * Gibt an, welche Ausprägung der Button hat.\n\t */\n\t@Prop() public _variant?: KoliBriButtonVariant = 'normal';\n}\n"],"mappings":";;;qGAAA,MAAMA,EAAkB,ipD,MCwBXC,EAAS,M,yBAIJC,KAAAC,SAAYC,IAC5BF,KAAKE,IAAMA,EACXC,EAAgBH,KAAKI,KAAMJ,KAAKE,IAAI,E,gIA+DA,G,wEAeiB,M,qCAYd,O,eAKc,M,6HA8BX,M,WAKA,S,oCAUM,Q,CAzI1CG,SACN,OACCC,EAACC,EAAI,KACJD,EAAA,iBACCJ,IAAKF,KAAKC,SACVO,MAAO,CACNC,OAAQ,KACR,CAACT,KAAKU,UAAqBV,KAAKU,WAAa,SAC7C,CAACV,KAAKW,cAAyBX,KAAKU,WAAa,iBAAmBV,KAAKW,eAAiB,UAAYX,KAAKW,aAAaC,OAAS,GAElIC,WAAYb,KAAKa,WACjBC,cAAed,KAAKc,cACpBC,aAAcf,KAAKe,aACnBC,cAAehB,KAAKgB,cACpBC,WAAYjB,KAAKiB,WACjBC,cAAelB,KAAKkB,cACpBP,aAAcX,KAAKW,aACnBQ,UAAWnB,KAAKmB,UAChBC,MAAOpB,KAAKoB,MACZC,WAAYrB,KAAKqB,WACjBC,UAAWtB,KAAKsB,UAChBC,IAAKvB,KAAKuB,IACVC,OAAQxB,KAAKwB,OACbC,IAAKzB,KAAKyB,IACVC,MAAO1B,KAAK0B,MACZC,UAAW3B,KAAK2B,UAChBC,cAAe5B,KAAK4B,cACpBC,MAAO7B,KAAK6B,MACZC,OAAQ9B,KAAK8B,OACbpB,SAAUV,KAAKU,UAEfJ,EAAA,QAAMyB,KAAK,SAASC,KAAK,Y"}
+{"version":3,"names":["defaultStyleCss","KolButton","this","catchRef","ref","propergateFocus","host","render","h","Host","class","button","_variant","_customClass","length","_accessKey","_ariaControls","_ariaCurrent","_ariaExpanded","_ariaLabel","_ariaSelected","_disabled","_icon","_iconAlign","_iconOnly","_id","_label","_on","_role","_tabIndex","_tooltipAlign","_type","_value","name","slot"],"sources":["./src/components/button/style.css?tag=kol-button&mode=default&encapsulation=shadow","./src/components/button/shadow.tsx"],"sourcesContent":["@import '../button.css';\n","import { Component, Element, h, Host, JSX, Prop } from '@stencil/core';\n\nimport { Generic } from '@a11y-ui/core';\nimport {\n\tAlternativButtonLinkRole,\n\tAriaCurrent,\n\tKoliBriButtonCallbacks,\n\tKoliBriButtonType,\n\tKoliBriButtonVariant,\n\tOptionalButtonProps,\n\tRequiredButtonProps,\n} from '../../types/button-link';\nimport { Stringified } from '../../types/common';\nimport { KoliBriIconProp } from '../../types/icon';\nimport { Alignment } from '../../types/props/alignment';\nimport { propergateFocus } from '../../utils/reuse';\n\n@Component({\n\ttag: 'kol-button',\n\tstyleUrls: {\n\t\tdefault: './style.css',\n\t},\n\tshadow: true,\n})\nexport class KolButton implements Generic.Element.Members<RequiredButtonProps, OptionalButtonProps> {\n\t@Element() private readonly host?: HTMLKolButtonElement;\n\tprivate ref?: HTMLKolButtonWcElement;\n\n\tprivate readonly catchRef = (ref?: HTMLKolButtonWcElement) => {\n\t\tthis.ref = ref;\n\t\tpropergateFocus(this.host, this.ref);\n\t};\n\n\tpublic render(): JSX.Element {\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<kol-button-wc\n\t\t\t\t\tref={this.catchRef}\n\t\t\t\t\tclass={{\n\t\t\t\t\t\tbutton: true,\n\t\t\t\t\t\t[this._variant as string]: this._variant !== 'custom',\n\t\t\t\t\t\t[this._customClass as string]: this._variant === 'custom' && typeof this._customClass === 'string' && this._customClass.length > 0,\n\t\t\t\t\t}}\n\t\t\t\t\t_accessKey={this._accessKey}\n\t\t\t\t\t_ariaControls={this._ariaControls}\n\t\t\t\t\t_ariaCurrent={this._ariaCurrent}\n\t\t\t\t\t_ariaExpanded={this._ariaExpanded}\n\t\t\t\t\t_ariaLabel={this._ariaLabel}\n\t\t\t\t\t_ariaSelected={this._ariaSelected}\n\t\t\t\t\t_customClass={this._customClass}\n\t\t\t\t\t_disabled={this._disabled}\n\t\t\t\t\t_icon={this._icon}\n\t\t\t\t\t_iconAlign={this._iconAlign}\n\t\t\t\t\t_iconOnly={this._iconOnly}\n\t\t\t\t\t_id={this._id}\n\t\t\t\t\t_label={this._label}\n\t\t\t\t\t_on={this._on}\n\t\t\t\t\t_role={this._role}\n\t\t\t\t\t_tabIndex={this._tabIndex}\n\t\t\t\t\t_tooltipAlign={this._tooltipAlign}\n\t\t\t\t\t_type={this._type}\n\t\t\t\t\t_value={this._value}\n\t\t\t\t\t_variant={this._variant}\n\t\t\t\t>\n\t\t\t\t\t<slot name=\"expert\" slot=\"expert\" />\n\t\t\t\t</kol-button-wc>\n\t\t\t</Host>\n\t\t);\n\t}\n\n\t/**\n\t * Gibt an, mit welcher Tastenkombination man den Button auslösen oder fokussieren kann.\n\t */\n\t@Prop() public _accessKey?: string;\n\n\t/**\n\t * Gibt an, welche Elemente kontrolliert werden.  (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-controls)\n\t */\n\t@Prop() public _ariaControls?: string;\n\n\t/**\n\t * Gibt an, welchen aktuellen Auswahlstatus der Button hat. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-current)\n\t */\n\t@Prop() public _ariaCurrent?: AriaCurrent;\n\n\t/**\n\t * Gibt an, ob durch den Button etwas aufgeklappt wurde. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-expanded)\n\t */\n\t@Prop({ reflect: true }) public _ariaExpanded?: boolean;\n\n\t/**\n\t * Gibt einen beschreibenden Text des Buttons an.  (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-label)\n\t */\n\t@Prop() public _ariaLabel?: string = '';\n\n\t/**\n\t * Gibt an, ob Element ausgewählt ist (role=tab). (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-selected)\n\t */\n\t@Prop({ reflect: true }) public _ariaSelected?: boolean;\n\n\t/**\n\t * Gibt an, welche Custom-Class übergeben werden soll, wenn _variant=\"custom\" gesetzt ist.\n\t */\n\t@Prop() public _customClass?: string;\n\n\t/**\n\t * Gibt an, ob der Button deaktiviert ist.\n\t */\n\t@Prop({ reflect: true }) public _disabled?: boolean = false;\n\n\t/**\n\t * Gibt den Class-Identifier eines Icons eine eingebunden Icofont an. (z.B. https://icofont.com/)\n\t */\n\t@Prop() public _icon?: Stringified<KoliBriIconProp>;\n\n\t/**\n\t * Gibt an, ob das Icon links oder rechts dargestellt werden soll.\n\t *\n\t * @deprecated\n\t */\n\t@Prop() public _iconAlign?: Alignment = 'left';\n\n\t/**\n\t * Gibt an, ob nur das Icon angezeigt wird.\n\t */\n\t@Prop({ reflect: true }) public _iconOnly?: boolean = false;\n\n\t/**\n\t * Gibt die ID der Schaltfläche an. (Selection, Testing)\n\t */\n\t@Prop() public _id?: string;\n\n\t/**\n\t * Gibt den Label für die Beschriftung der Schaltfläche an.\n\t */\n\t@Prop() public _label!: string;\n\n\t/**\n\t * Gibt die EventCallback-Funktionen für die Button-Events an.\n\t */\n\t@Prop() public _on?: KoliBriButtonCallbacks<unknown>;\n\n\t/**\n\t * Gibt an, welche Role der Schalter hat.\n\t */\n\t@Prop() public _role?: AlternativButtonLinkRole;\n\n\t/**\n\t * Gibt an, welchen Tab-Index der Button hat. (https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex)\n\t */\n\t@Prop() public _tabIndex?: number;\n\n\t/**\n\t * Gibt an, ob der Tooltip oben, rechts, unten oder links angezeigt werden soll.\n\t */\n\t@Prop() public _tooltipAlign?: Alignment = 'top';\n\n\t/**\n\t * Gibt an, welche Typ der Button hat.\n\t */\n\t@Prop() public _type?: KoliBriButtonType = 'button';\n\n\t/**\n\t * Gibt einen Wert an, den der Schalter bei einem Klick zurückgibt.\n\t */\n\t@Prop() public _value?: Stringified<unknown>;\n\n\t/**\n\t * Gibt an, welche Ausprägung der Button hat.\n\t */\n\t@Prop() public _variant?: KoliBriButtonVariant = 'normal';\n}\n"],"mappings":";;;qGAAA,MAAMA,EAAkB,ipD,MCwBXC,EAAS,M,yBAIJC,KAAAC,SAAYC,IAC5BF,KAAKE,IAAMA,EACXC,EAAgBH,KAAKI,KAAMJ,KAAKE,IAAI,E,gIA+DA,G,wEAeiB,M,qCAYd,O,eAKc,M,6HA8BX,M,WAKA,S,oCAUM,Q,CAzI1CG,SACN,OACCC,EAACC,EAAI,KACJD,EAAA,iBACCJ,IAAKF,KAAKC,SACVO,MAAO,CACNC,OAAQ,KACR,CAACT,KAAKU,UAAqBV,KAAKU,WAAa,SAC7C,CAACV,KAAKW,cAAyBX,KAAKU,WAAa,iBAAmBV,KAAKW,eAAiB,UAAYX,KAAKW,aAAaC,OAAS,GAElIC,WAAYb,KAAKa,WACjBC,cAAed,KAAKc,cACpBC,aAAcf,KAAKe,aACnBC,cAAehB,KAAKgB,cACpBC,WAAYjB,KAAKiB,WACjBC,cAAelB,KAAKkB,cACpBP,aAAcX,KAAKW,aACnBQ,UAAWnB,KAAKmB,UAChBC,MAAOpB,KAAKoB,MACZC,WAAYrB,KAAKqB,WACjBC,UAAWtB,KAAKsB,UAChBC,IAAKvB,KAAKuB,IACVC,OAAQxB,KAAKwB,OACbC,IAAKzB,KAAKyB,IACVC,MAAO1B,KAAK0B,MACZC,UAAW3B,KAAK2B,UAChBC,cAAe5B,KAAK4B,cACpBC,MAAO7B,KAAK6B,MACZC,OAAQ9B,KAAK8B,OACbpB,SAAUV,KAAKU,UAEfJ,EAAA,QAAMyB,KAAK,SAASC,KAAK,Y"}

package/dist/kolibri/kol-link-button.entry.js

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{r as i,h as t,H as s,g as o}from"./index-0dce65d2.js";import{w as e}from"./prop.validators-c2234525.js";import{a as r}from"./reuse-2b3b6999.js";import{w as n}from"./controller-059a3921.js";import{a}from"./i18n-f2ab4562.js";import"./index-2a11dd6d.js";import"./a11y.tipps-353a7f35.js";import"./dev.utils-3ec9f837.js";import"./index-781a1af1.js";const l=":host{--kolibri-border-color:#e0e0e0;--kolibri-border-radius:0.125rem;--kolibri-border-width:1px;--kolibri-color-error:#f44336;--kolibri-color-info:#2196f3;--kolibri-color-success:#4caf50;--kolibri-color-warning:#ff9800;--kolibri-color-primary:#3f51b5;--kolibri-color-secondary:#ff4081;--kolibri-color-normal:#9e9e9e;--kolibri-color-danger:#f44336;--kolibri-color-ghost:#f5f5f5;--kolibri-color-disabled:#bdbdbd;--kolibri-color-text:#222222;--kolibri-color-visited:#9c27b0;--kolibri-spacing:0.25rem}*{box-sizing:border-box;hyphens:auto;letter-spacing:inherit;word-break:break-word;word-spacing:inherit}kol-icon{color:inherit}kol-span-wc{display:grid;place-items:center;width:100%}kol-span-wc>span{display:flex;gap:0.25rem;place-items:center}a,button,input,select,textarea{cursor:pointer}a.icon-only>kol-span-wc>span>span,button.icon-only>kol-span-wc>span>span{display:none}a{display:inline-flex;place-items:baseline}button{background-color:transparent;border-width:0}",d=class{constructor(t){i(this,t),this.catchRef=i=>{this.ref=i,r(this.host,this.ref)},this._ariaControls=void 0,this._ariaCurrent=void 0,this._ariaExpanded=void 0,this._ariaLabel=void 0,this._ariaSelected=void 0,this._customClass=void 0,this._disabled=!1,this._href=void 0,this._icon=void 0,this._iconOnly=!1,this._label=void 0,this._on=void 0,this._role=void 0,this._tabIndex=void 0,this._target=void 0,this._targetDescription=a("kol-open-link-in-tab"),this._tooltipAlign="right",this._variant="normal",this.state={}}render(){return t(s,null,t("kol-link-wc",{ref:this.catchRef,class:{button:!0,[this.state._variant]:"custom"!==this.state._variant,[this.state._customClass]:"custom"===this.state._variant&&"string"==typeof this.state._customClass&&this.state._customClass.length>0},_ariaControls:this._ariaControls,_ariaCurrent:this._ariaCurrent,_ariaExpanded:this._ariaExpanded,_ariaLabel:this._ariaLabel,_ariaSelected:this._ariaSelected,_disabled:this._disabled,_href:this._href,_icon:this._icon,_iconOnly:this._iconOnly,_label:this._label,_on:this._on,_role:this._role,_tabIndex:this._tabIndex,_target:this._target,_targetDescription:this._targetDescription,_tooltipAlign:this._tooltipAlign},t("slot",{name:"expert",slot:"expert"})))}validateCustomClass(i){e(this,"_customClass",i,{defaultValue:void 0})}validateVariant(i){n(this,"_variant",i)}componentWillLoad(){this.validateCustomClass(this._customClass),this.validateVariant(this._variant)}get host(){return o(this)}static get watchers(){return{_customClass:["validateCustomClass"],_variant:["validateVariant"]}}};d.style={default:l};export{d as kol_link_button};
+import{r as i,h as t,H as o,g as s}from"./index-0dce65d2.js";import{w as n}from"./prop.validators-c2234525.js";import{a as e}from"./reuse-2b3b6999.js";import{w as r}from"./controller-059a3921.js";import{a}from"./i18n-f2ab4562.js";import"./index-2a11dd6d.js";import"./a11y.tipps-353a7f35.js";import"./dev.utils-3ec9f837.js";import"./index-781a1af1.js";const l=":host{--kolibri-border-color:#e0e0e0;--kolibri-border-radius:0.125rem;--kolibri-border-width:1px;--kolibri-color-error:#f44336;--kolibri-color-info:#2196f3;--kolibri-color-success:#4caf50;--kolibri-color-warning:#ff9800;--kolibri-color-primary:#3f51b5;--kolibri-color-secondary:#ff4081;--kolibri-color-normal:#9e9e9e;--kolibri-color-danger:#f44336;--kolibri-color-ghost:#f5f5f5;--kolibri-color-disabled:#bdbdbd;--kolibri-color-text:#222222;--kolibri-color-visited:#9c27b0;--kolibri-spacing:0.25rem}*{box-sizing:border-box;hyphens:auto;letter-spacing:inherit;word-break:break-word;word-spacing:inherit}kol-icon{color:inherit}kol-span-wc{display:grid;place-items:center;width:100%}kol-span-wc>span{display:flex;gap:0.25rem;place-items:center}a,button,input,select,textarea{cursor:pointer}a.icon-only>kol-span-wc>span>span,button.icon-only>kol-span-wc>span>span{display:none}a{display:inline-flex;place-items:baseline}button{background-color:transparent;border-width:0}:host{display:inline-block}:host>kol-button-wc,:host>kol-link-wc{width:inherit}:host>kol-button-wc a,:host>kol-button-wc button,:host>kol-link-wc a,:host>kol-link-wc button{cursor:pointer;display:inline-block;min-height:44px;min-width:44px;padding:0;text-align:center;transition-duration:0.5s;transition-property:background-color, color, border-color;width:inherit}:host>kol-button-wc a:active,:host>kol-button-wc button:active,:host>kol-link-wc a:active,:host>kol-link-wc button:active{outline:0 !important;box-shadow:none !important}:host>kol-button-wc a:disabled,:host>kol-button-wc button:disabled,:host>kol-link-wc a:disabled,:host>kol-link-wc button:disabled{box-shadow:none;cursor:not-allowed;opacity:0.5}",d=class{constructor(t){i(this,t),this.catchRef=t=>{this.ref=t,e(this.host,this.ref)},this._ariaControls=void 0,this._ariaCurrent=void 0,this._ariaExpanded=void 0,this._ariaLabel=void 0,this._ariaSelected=void 0,this._customClass=void 0,this._disabled=!1,this._href=void 0,this._icon=void 0,this._iconOnly=!1,this._label=void 0,this._on=void 0,this._role=void 0,this._tabIndex=void 0,this._target=void 0,this._targetDescription=a("kol-open-link-in-tab"),this._tooltipAlign="right",this._variant="normal",this.state={}}render(){return t(o,null,t("kol-link-wc",{ref:this.catchRef,class:{button:!0,[this.state._variant]:"custom"!==this.state._variant,[this.state._customClass]:"custom"===this.state._variant&&"string"==typeof this.state._customClass&&this.state._customClass.length>0},_ariaControls:this._ariaControls,_ariaCurrent:this._ariaCurrent,_ariaExpanded:this._ariaExpanded,_ariaLabel:this._ariaLabel,_ariaSelected:this._ariaSelected,_disabled:this._disabled,_href:this._href,_icon:this._icon,_iconOnly:this._iconOnly,_label:this._label,_on:this._on,_role:this._role,_tabIndex:this._tabIndex,_target:this._target,_targetDescription:this._targetDescription,_tooltipAlign:this._tooltipAlign},t("slot",{name:"expert",slot:"expert"})))}validateCustomClass(t){n(this,"_customClass",t,{defaultValue:void 0})}validateVariant(t){r(this,"_variant",t)}componentWillLoad(){this.validateCustomClass(this._customClass),this.validateVariant(this._variant)}get host(){return s(this)}static get watchers(){return{_customClass:["validateCustomClass"],_variant:["validateVariant"]}}};d.style={default:l};export{d as kol_link_button};

package/dist/kolibri/kol-link-button.entry.js.map

@@ -1 +1 @@
-{"version":3,"names":["defaultStyleCss","KolLinkButton","this","catchRef","ref","propergateFocus","host","translate","render","h","Host","class","button","state","_variant","_customClass","length","_ariaControls","_ariaCurrent","_ariaExpanded","_ariaLabel","_ariaSelected","_disabled","_href","_icon","_iconOnly","_label","_on","_role","_tabIndex","_target","_targetDescription","_tooltipAlign","name","slot","validateCustomClass","value","watchString","defaultValue","undefined","validateVariant","watchButtonVariant","componentWillLoad"],"sources":["./src/components/link-button/style.css?tag=kol-link-button&mode=default&encapsulation=shadow","./src/components/link-button/component.tsx"],"sourcesContent":["@import '../style.css';\n","import { Component, Element, h, Host, JSX, Prop, State, Watch } from '@stencil/core';\n\nimport { Generic } from '@a11y-ui/core';\nimport {\n\tAlternativButtonLinkRole,\n\tAriaCurrent,\n\tKoliBriButtonVariant,\n\tLinkButtonStates,\n\tLinkOnCallbacks,\n\tLinkTarget,\n\tOptionalLinkButtonProps,\n\tOptionalLinkButtonStates,\n\tRequiredLinkButtonProps,\n\tRequiredLinkButtonStates,\n} from '../../types/button-link';\nimport { Stringified } from '../../types/common';\nimport { KoliBriIconProp } from '../../types/icon';\nimport { watchString } from '../../utils/prop.validators';\nimport { propergateFocus } from '../../utils/reuse';\nimport { watchButtonVariant } from '../button/controller';\nimport { Alignment } from '../../types/props/alignment';\nimport { translate } from '../../i18n';\n\ntype State = {\n\tstate: Generic.Element.Members<RequiredLinkButtonStates, OptionalLinkButtonStates>;\n};\n\n@Component({\n\ttag: 'kol-link-button',\n\tstyleUrls: {\n\t\tdefault: './style.css',\n\t},\n\tshadow: true,\n})\nexport class KolLinkButton\n\timplements\n\t\tGeneric.Element.Members<RequiredLinkButtonProps, OptionalLinkButtonProps>,\n\t\tGeneric.Element.Watchers<RequiredLinkButtonStates, OptionalLinkButtonStates>,\n\t\tState\n{\n\t@Element() private readonly host?: HTMLKolLinkButtonElement;\n\tprivate ref?: HTMLKolLinkWcElement;\n\n\tprivate readonly catchRef = (ref?: HTMLKolLinkWcElement) => {\n\t\tthis.ref = ref;\n\t\tpropergateFocus(this.host, this.ref);\n\t};\n\n\tpublic render(): JSX.Element {\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<kol-link-wc\n\t\t\t\t\tref={this.catchRef}\n\t\t\t\t\tclass={{\n\t\t\t\t\t\tbutton: true,\n\t\t\t\t\t\t[this.state._variant as string]: this.state._variant !== 'custom',\n\t\t\t\t\t\t[this.state._customClass as string]:\n\t\t\t\t\t\t\tthis.state._variant === 'custom' && typeof this.state._customClass === 'string' && this.state._customClass.length > 0,\n\t\t\t\t\t}}\n\t\t\t\t\t_ariaControls={this._ariaControls}\n\t\t\t\t\t_ariaCurrent={this._ariaCurrent}\n\t\t\t\t\t_ariaExpanded={this._ariaExpanded}\n\t\t\t\t\t_ariaLabel={this._ariaLabel}\n\t\t\t\t\t_ariaSelected={this._ariaSelected}\n\t\t\t\t\t_disabled={this._disabled}\n\t\t\t\t\t_href={this._href}\n\t\t\t\t\t_icon={this._icon}\n\t\t\t\t\t_iconOnly={this._iconOnly}\n\t\t\t\t\t_label={this._label}\n\t\t\t\t\t_on={this._on}\n\t\t\t\t\t_role={this._role}\n\t\t\t\t\t_tabIndex={this._tabIndex}\n\t\t\t\t\t_target={this._target}\n\t\t\t\t\t_targetDescription={this._targetDescription}\n\t\t\t\t\t_tooltipAlign={this._tooltipAlign}\n\t\t\t\t>\n\t\t\t\t\t<slot name=\"expert\" slot=\"expert\"></slot>\n\t\t\t\t</kol-link-wc>\n\t\t\t</Host>\n\t\t);\n\t}\n\n\t/**\n\t * Gibt an, welche Elemente kontrolliert werden.  (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-controls)\n\t */\n\t@Prop() public _ariaControls?: string;\n\n\t/**\n\t * Gibt an, welchen aktuellen Auswahlstatus der Link hat. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-current)\n\t */\n\t@Prop() public _ariaCurrent?: AriaCurrent;\n\n\t/**\n\t * Gibt an, ob durch den Link etwas aufgeklappt wurde. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-expanded)\n\t */\n\t@Prop({ reflect: true }) public _ariaExpanded?: boolean;\n\n\t/**\n\t * Gibt einen beschreibenden Text für den Screenreader an. Damit die\n\t * Sprachsteuerung von interaktiven Elementen funktioniert, muss der\n\t * Aria-Label-Text mit dem Label-Text des Buttons beginnen.\n\t *\n\t * - https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-label\n\t */\n\t@Prop() public _ariaLabel?: string;\n\n\t/**\n\t * Gibt an, ob Element ausgewählt ist (role=tab). (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-selected)\n\t */\n\t@Prop({ reflect: true }) public _ariaSelected?: boolean;\n\n\t/**\n\t * Gibt an, welche Custom-Class übergeben werden soll, wenn _variant=\"custom\" gesetzt ist.\n\t */\n\t@Prop() public _customClass?: string;\n\n\t/**\n\t * Gibt an, ob der Link deaktiviert ist.\n\t */\n\t@Prop({ reflect: true }) public _disabled?: boolean = false;\n\n\t/**\n\t * Gibt die Ziel-Url des Links an.\n\t */\n\t@Prop() public _href!: string;\n\n\t/**\n\t * Gibt den Class-Identifier eines Icons eine eingebunden Icofont an. (z.B. https://icofont.com/)\n\t */\n\t@Prop() public _icon?: Stringified<KoliBriIconProp>;\n\n\t/**\n\t * Gibt an, ob nur das Icon angezeigt wird.\n\t */\n\t@Prop({ reflect: true }) public _iconOnly?: boolean = false;\n\n\t/**\n\t * Gibt einen beschreibenden Text für das Text-Element an.\n\t */\n\t@Prop() public _label!: string;\n\n\t/**\n\t * Gibt die EventCallback-Funktionen für den Link an.\n\t */\n\t@Prop() public _on?: LinkOnCallbacks;\n\n\t/**\n\t * Gibt an, welche Role der Schalter hat.\n\t */\n\t@Prop() public _role?: AlternativButtonLinkRole;\n\n\t/**\n\t * Gibt an, welchen Tab-Index der Button hat. (https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex)\n\t */\n\t@Prop() public _tabIndex?: number;\n\n\t/**\n\t * Definiert das Verhalten, bei dem der Link geöffnet werden soll.\n\t */\n\t@Prop() public _target?: LinkTarget;\n\n\t/**\n\t * Gibt die Beschreibung an, wenn der Link in einem anderen Programm geöffnet wird.\n\t */\n\t@Prop() public _targetDescription?: string = translate('kol-open-link-in-tab');\n\n\t/**\n\t * Gibt an, ob der Tooltip entweder oben, rechts, unten oder links angezeigt werden soll.\n\t */\n\t@Prop() public _tooltipAlign?: Alignment = 'right';\n\n\t/**\n\t * Gibt an, welche Ausprägung der Button hat.\n\t */\n\t@Prop() public _variant?: KoliBriButtonVariant = 'normal';\n\n\t/**\n\t * @see: components/abbr/component.tsx (@State)\n\t */\n\t@State() public state: LinkButtonStates = {};\n\n\t/**\n\t * @see: components/abbr/component.tsx (@Watch)\n\t */\n\t@Watch('_customClass')\n\tpublic validateCustomClass(value?: string): void {\n\t\twatchString(this, '_customClass', value, {\n\t\t\tdefaultValue: undefined,\n\t\t});\n\t}\n\n\t/**\n\t * @see: components/abbr/component.tsx (@Watch)\n\t */\n\t@Watch('_variant')\n\tpublic validateVariant(value?: KoliBriButtonVariant): void {\n\t\twatchButtonVariant(this, '_variant', value);\n\t}\n\n\t/**\n\t * @see: components/abbr/component.tsx (componentWillLoad)\n\t */\n\tpublic componentWillLoad(): void {\n\t\tthis.validateCustomClass(this._customClass);\n\t\tthis.validateVariant(this._variant);\n\t}\n}\n"],"mappings":";;;+VAAA,MAAMA,EAAkB,y8B,MCkCXC,EAAa,M,yBASRC,KAAAC,SAAYC,IAC5BF,KAAKE,IAAMA,EACXC,EAAgBH,KAAKI,KAAMJ,KAAKE,IAAI,E,wLA0EiB,M,yDAeA,M,sIA8BTG,EAAU,wB,mBAKZ,Q,cAKM,S,WAKP,E,CAnInCC,SACN,OACCC,EAACC,EAAI,KACJD,EAAA,eACCL,IAAKF,KAAKC,SACVQ,MAAO,CACNC,OAAQ,KACR,CAACV,KAAKW,MAAMC,UAAqBZ,KAAKW,MAAMC,WAAa,SACzD,CAACZ,KAAKW,MAAME,cACXb,KAAKW,MAAMC,WAAa,iBAAmBZ,KAAKW,MAAME,eAAiB,UAAYb,KAAKW,MAAME,aAAaC,OAAS,GAEtHC,cAAef,KAAKe,cACpBC,aAAchB,KAAKgB,aACnBC,cAAejB,KAAKiB,cACpBC,WAAYlB,KAAKkB,WACjBC,cAAenB,KAAKmB,cACpBC,UAAWpB,KAAKoB,UAChBC,MAAOrB,KAAKqB,MACZC,MAAOtB,KAAKsB,MACZC,UAAWvB,KAAKuB,UAChBC,OAAQxB,KAAKwB,OACbC,IAAKzB,KAAKyB,IACVC,MAAO1B,KAAK0B,MACZC,UAAW3B,KAAK2B,UAChBC,QAAS5B,KAAK4B,QACdC,mBAAoB7B,KAAK6B,mBACzBC,cAAe9B,KAAK8B,eAEpBvB,EAAA,QAAMwB,KAAK,SAASC,KAAK,Y,CA6GtBC,oBAAoBC,GAC1BC,EAAYnC,KAAM,eAAgBkC,EAAO,CACxCE,aAAcC,W,CAQTC,gBAAgBJ,GACtBK,EAAmBvC,KAAM,WAAYkC,E,CAM/BM,oBACNxC,KAAKiC,oBAAoBjC,KAAKa,cAC9Bb,KAAKsC,gBAAgBtC,KAAKY,S"}
+{"version":3,"names":["defaultStyleCss","KolLinkButton","this","catchRef","ref","propergateFocus","host","translate","render","h","Host","class","button","state","_variant","_customClass","length","_ariaControls","_ariaCurrent","_ariaExpanded","_ariaLabel","_ariaSelected","_disabled","_href","_icon","_iconOnly","_label","_on","_role","_tabIndex","_target","_targetDescription","_tooltipAlign","name","slot","validateCustomClass","value","watchString","defaultValue","undefined","validateVariant","watchButtonVariant","componentWillLoad"],"sources":["./src/components/link-button/style.css?tag=kol-link-button&mode=default&encapsulation=shadow","./src/components/link-button/component.tsx"],"sourcesContent":["@import '../button.css';\n","import { Component, Element, h, Host, JSX, Prop, State, Watch } from '@stencil/core';\n\nimport { Generic } from '@a11y-ui/core';\nimport {\n\tAlternativButtonLinkRole,\n\tAriaCurrent,\n\tKoliBriButtonVariant,\n\tLinkButtonStates,\n\tLinkOnCallbacks,\n\tLinkTarget,\n\tOptionalLinkButtonProps,\n\tOptionalLinkButtonStates,\n\tRequiredLinkButtonProps,\n\tRequiredLinkButtonStates,\n} from '../../types/button-link';\nimport { Stringified } from '../../types/common';\nimport { KoliBriIconProp } from '../../types/icon';\nimport { watchString } from '../../utils/prop.validators';\nimport { propergateFocus } from '../../utils/reuse';\nimport { watchButtonVariant } from '../button/controller';\nimport { Alignment } from '../../types/props/alignment';\nimport { translate } from '../../i18n';\n\ntype State = {\n\tstate: Generic.Element.Members<RequiredLinkButtonStates, OptionalLinkButtonStates>;\n};\n\n@Component({\n\ttag: 'kol-link-button',\n\tstyleUrls: {\n\t\tdefault: './style.css',\n\t},\n\tshadow: true,\n})\nexport class KolLinkButton\n\timplements\n\t\tGeneric.Element.Members<RequiredLinkButtonProps, OptionalLinkButtonProps>,\n\t\tGeneric.Element.Watchers<RequiredLinkButtonStates, OptionalLinkButtonStates>,\n\t\tState\n{\n\t@Element() private readonly host?: HTMLKolLinkButtonElement;\n\tprivate ref?: HTMLKolLinkWcElement;\n\n\tprivate readonly catchRef = (ref?: HTMLKolLinkWcElement) => {\n\t\tthis.ref = ref;\n\t\tpropergateFocus(this.host, this.ref);\n\t};\n\n\tpublic render(): JSX.Element {\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<kol-link-wc\n\t\t\t\t\tref={this.catchRef}\n\t\t\t\t\tclass={{\n\t\t\t\t\t\tbutton: true,\n\t\t\t\t\t\t[this.state._variant as string]: this.state._variant !== 'custom',\n\t\t\t\t\t\t[this.state._customClass as string]:\n\t\t\t\t\t\t\tthis.state._variant === 'custom' && typeof this.state._customClass === 'string' && this.state._customClass.length > 0,\n\t\t\t\t\t}}\n\t\t\t\t\t_ariaControls={this._ariaControls}\n\t\t\t\t\t_ariaCurrent={this._ariaCurrent}\n\t\t\t\t\t_ariaExpanded={this._ariaExpanded}\n\t\t\t\t\t_ariaLabel={this._ariaLabel}\n\t\t\t\t\t_ariaSelected={this._ariaSelected}\n\t\t\t\t\t_disabled={this._disabled}\n\t\t\t\t\t_href={this._href}\n\t\t\t\t\t_icon={this._icon}\n\t\t\t\t\t_iconOnly={this._iconOnly}\n\t\t\t\t\t_label={this._label}\n\t\t\t\t\t_on={this._on}\n\t\t\t\t\t_role={this._role}\n\t\t\t\t\t_tabIndex={this._tabIndex}\n\t\t\t\t\t_target={this._target}\n\t\t\t\t\t_targetDescription={this._targetDescription}\n\t\t\t\t\t_tooltipAlign={this._tooltipAlign}\n\t\t\t\t>\n\t\t\t\t\t<slot name=\"expert\" slot=\"expert\"></slot>\n\t\t\t\t</kol-link-wc>\n\t\t\t</Host>\n\t\t);\n\t}\n\n\t/**\n\t * Gibt an, welche Elemente kontrolliert werden.  (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-controls)\n\t */\n\t@Prop() public _ariaControls?: string;\n\n\t/**\n\t * Gibt an, welchen aktuellen Auswahlstatus der Link hat. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-current)\n\t */\n\t@Prop() public _ariaCurrent?: AriaCurrent;\n\n\t/**\n\t * Gibt an, ob durch den Link etwas aufgeklappt wurde. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-expanded)\n\t */\n\t@Prop({ reflect: true }) public _ariaExpanded?: boolean;\n\n\t/**\n\t * Gibt einen beschreibenden Text für den Screenreader an. Damit die\n\t * Sprachsteuerung von interaktiven Elementen funktioniert, muss der\n\t * Aria-Label-Text mit dem Label-Text des Buttons beginnen.\n\t *\n\t * - https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-label\n\t */\n\t@Prop() public _ariaLabel?: string;\n\n\t/**\n\t * Gibt an, ob Element ausgewählt ist (role=tab). (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-selected)\n\t */\n\t@Prop({ reflect: true }) public _ariaSelected?: boolean;\n\n\t/**\n\t * Gibt an, welche Custom-Class übergeben werden soll, wenn _variant=\"custom\" gesetzt ist.\n\t */\n\t@Prop() public _customClass?: string;\n\n\t/**\n\t * Gibt an, ob der Link deaktiviert ist.\n\t */\n\t@Prop({ reflect: true }) public _disabled?: boolean = false;\n\n\t/**\n\t * Gibt die Ziel-Url des Links an.\n\t */\n\t@Prop() public _href!: string;\n\n\t/**\n\t * Gibt den Class-Identifier eines Icons eine eingebunden Icofont an. (z.B. https://icofont.com/)\n\t */\n\t@Prop() public _icon?: Stringified<KoliBriIconProp>;\n\n\t/**\n\t * Gibt an, ob nur das Icon angezeigt wird.\n\t */\n\t@Prop({ reflect: true }) public _iconOnly?: boolean = false;\n\n\t/**\n\t * Gibt einen beschreibenden Text für das Text-Element an.\n\t */\n\t@Prop() public _label!: string;\n\n\t/**\n\t * Gibt die EventCallback-Funktionen für den Link an.\n\t */\n\t@Prop() public _on?: LinkOnCallbacks;\n\n\t/**\n\t * Gibt an, welche Role der Schalter hat.\n\t */\n\t@Prop() public _role?: AlternativButtonLinkRole;\n\n\t/**\n\t * Gibt an, welchen Tab-Index der Button hat. (https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex)\n\t */\n\t@Prop() public _tabIndex?: number;\n\n\t/**\n\t * Definiert das Verhalten, bei dem der Link geöffnet werden soll.\n\t */\n\t@Prop() public _target?: LinkTarget;\n\n\t/**\n\t * Gibt die Beschreibung an, wenn der Link in einem anderen Programm geöffnet wird.\n\t */\n\t@Prop() public _targetDescription?: string = translate('kol-open-link-in-tab');\n\n\t/**\n\t * Gibt an, ob der Tooltip entweder oben, rechts, unten oder links angezeigt werden soll.\n\t */\n\t@Prop() public _tooltipAlign?: Alignment = 'right';\n\n\t/**\n\t * Gibt an, welche Ausprägung der Button hat.\n\t */\n\t@Prop() public _variant?: KoliBriButtonVariant = 'normal';\n\n\t/**\n\t * @see: components/abbr/component.tsx (@State)\n\t */\n\t@State() public state: LinkButtonStates = {};\n\n\t/**\n\t * @see: components/abbr/component.tsx (@Watch)\n\t */\n\t@Watch('_customClass')\n\tpublic validateCustomClass(value?: string): void {\n\t\twatchString(this, '_customClass', value, {\n\t\t\tdefaultValue: undefined,\n\t\t});\n\t}\n\n\t/**\n\t * @see: components/abbr/component.tsx (@Watch)\n\t */\n\t@Watch('_variant')\n\tpublic validateVariant(value?: KoliBriButtonVariant): void {\n\t\twatchButtonVariant(this, '_variant', value);\n\t}\n\n\t/**\n\t * @see: components/abbr/component.tsx (componentWillLoad)\n\t */\n\tpublic componentWillLoad(): void {\n\t\tthis.validateCustomClass(this._customClass);\n\t\tthis.validateVariant(this._variant);\n\t}\n}\n"],"mappings":";;;+VAAA,MAAMA,EAAkB,ipD,MCkCXC,EAAa,M,yBASRC,KAAAC,SAAYC,IAC5BF,KAAKE,IAAMA,EACXC,EAAgBH,KAAKI,KAAMJ,KAAKE,IAAI,E,wLA0EiB,M,yDAeA,M,sIA8BTG,EAAU,wB,mBAKZ,Q,cAKM,S,WAKP,E,CAnInCC,SACN,OACCC,EAACC,EAAI,KACJD,EAAA,eACCL,IAAKF,KAAKC,SACVQ,MAAO,CACNC,OAAQ,KACR,CAACV,KAAKW,MAAMC,UAAqBZ,KAAKW,MAAMC,WAAa,SACzD,CAACZ,KAAKW,MAAME,cACXb,KAAKW,MAAMC,WAAa,iBAAmBZ,KAAKW,MAAME,eAAiB,UAAYb,KAAKW,MAAME,aAAaC,OAAS,GAEtHC,cAAef,KAAKe,cACpBC,aAAchB,KAAKgB,aACnBC,cAAejB,KAAKiB,cACpBC,WAAYlB,KAAKkB,WACjBC,cAAenB,KAAKmB,cACpBC,UAAWpB,KAAKoB,UAChBC,MAAOrB,KAAKqB,MACZC,MAAOtB,KAAKsB,MACZC,UAAWvB,KAAKuB,UAChBC,OAAQxB,KAAKwB,OACbC,IAAKzB,KAAKyB,IACVC,MAAO1B,KAAK0B,MACZC,UAAW3B,KAAK2B,UAChBC,QAAS5B,KAAK4B,QACdC,mBAAoB7B,KAAK6B,mBACzBC,cAAe9B,KAAK8B,eAEpBvB,EAAA,QAAMwB,KAAK,SAASC,KAAK,Y,CA6GtBC,oBAAoBC,GAC1BC,EAAYnC,KAAM,eAAgBkC,EAAO,CACxCE,aAAcC,W,CAQTC,gBAAgBJ,GACtBK,EAAmBvC,KAAM,WAAYkC,E,CAM/BM,oBACNxC,KAAKiC,oBAAoBjC,KAAKa,cAC9Bb,KAAKsC,gBAAgBtC,KAAKY,S"}

package/dist/kolibri/kol-link.entry.js

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{r as i,h as e,H as t,g as o}from"./index-0dce65d2.js";import{a as s}from"./reuse-2b3b6999.js";const r=":host{--kolibri-border-color:#e0e0e0;--kolibri-border-radius:0.125rem;--kolibri-border-width:1px;--kolibri-color-error:#f44336;--kolibri-color-info:#2196f3;--kolibri-color-success:#4caf50;--kolibri-color-warning:#ff9800;--kolibri-color-primary:#3f51b5;--kolibri-color-secondary:#ff4081;--kolibri-color-normal:#9e9e9e;--kolibri-color-danger:#f44336;--kolibri-color-ghost:#f5f5f5;--kolibri-color-disabled:#bdbdbd;--kolibri-color-text:#222222;--kolibri-color-visited:#9c27b0;--kolibri-spacing:0.25rem}*{box-sizing:border-box;hyphens:auto;letter-spacing:inherit;word-break:break-word;word-spacing:inherit}kol-icon{color:inherit}kol-span-wc{display:grid;place-items:center;width:100%}kol-span-wc>span{display:flex;gap:0.25rem;place-items:center}a,button,input,select,textarea{cursor:pointer}a.icon-only>kol-span-wc>span>span,button.icon-only>kol-span-wc>span>span{display:none}a{display:inline-flex;place-items:baseline}button{background-color:transparent;border-width:0}:host>*{width:inherit;word-spacing:inherit}:host a{overflow:inherit;text-overflow:inherit}:host a:active{text-decoration:none}:host a:focus,:host a:hover{text-decoration-thickness:3px}:host a.kol-visited:visited{color:var(--kolibri-color-visited)}:host a .screen-reader-only{position:absolute;width:1px;clip:rect(0 0 0 0);overflow:hidden}:host a.skip{left:-99999px;overflow:hidden;position:absolute;z-index:9999999}:host a.skip:focus{background:white;box-shadow:0 0 0.5rem 0.5rem white;left:unset;position:unset}",n=class{constructor(t){i(this,t),this.catchRef=i=>{this.ref=i,s(this.host,this.ref)},this._ariaControls=void 0,this._ariaCurrent=void 0,this._ariaExpanded=void 0,this._ariaLabel="",this._ariaSelected=void 0,this._disabled=!1,this._href=void 0,this._icon=void 0,this._iconAlign="left",this._iconOnly=!1,this._label=void 0,this._on=void 0,this._role=void 0,this._selector=void 0,this._stealth=!1,this._tabIndex=void 0,this._target=void 0,this._targetDescription="Der Link wird in einem neuen Tab geöffnet.",this._tooltipAlign="right",this._useCase="text"}render(){return e(t,null,e("kol-link-wc",{ref:this.catchRef,_ariaControls:this._ariaControls,_ariaCurrent:this._ariaCurrent,_ariaExpanded:this._ariaExpanded,_ariaLabel:this._ariaLabel,_ariaSelected:this._ariaSelected,_disabled:this._disabled,_href:this._href,_icon:this._icon,_iconAlign:this._iconAlign,_iconOnly:this._iconOnly,_label:this._label,_on:this._on,_role:this._role,_selector:this._selector,_stealth:this._stealth,_tabIndex:this._tabIndex,_target:this._target,_targetDescription:this._targetDescription,_tooltipAlign:this._tooltipAlign,_useCase:this._useCase},e("slot",{name:"expert",slot:"expert"}),e("slot",{slot:"expert"})))}get host(){return o(this)}};n.style={default:r};export{n as kol_link};
+import{r as i,h as e,H as o,g as t}from"./index-0dce65d2.js";import{a as r}from"./reuse-2b3b6999.js";const n=":host{--kolibri-border-color:#e0e0e0;--kolibri-border-radius:0.125rem;--kolibri-border-width:1px;--kolibri-color-error:#f44336;--kolibri-color-info:#2196f3;--kolibri-color-success:#4caf50;--kolibri-color-warning:#ff9800;--kolibri-color-primary:#3f51b5;--kolibri-color-secondary:#ff4081;--kolibri-color-normal:#9e9e9e;--kolibri-color-danger:#f44336;--kolibri-color-ghost:#f5f5f5;--kolibri-color-disabled:#bdbdbd;--kolibri-color-text:#222222;--kolibri-color-visited:#9c27b0;--kolibri-spacing:0.25rem}*{box-sizing:border-box;hyphens:auto;letter-spacing:inherit;word-break:break-word;word-spacing:inherit}kol-icon{color:inherit}kol-span-wc{display:grid;place-items:center;width:100%}kol-span-wc>span{display:flex;gap:0.25rem;place-items:center}a,button,input,select,textarea{cursor:pointer}a.icon-only>kol-span-wc>span>span,button.icon-only>kol-span-wc>span>span{display:none}a{display:inline-flex;place-items:baseline}button{background-color:transparent;border-width:0}:host>kol-link-wc a{display:inline-flex;gap:0.25rem;place-items:center;text-decoration:none}button{background-color:transparent}a,button{background-image:repeating-linear-gradient(to right, #66ddec, #66ddec);background-repeat:no-repeat;background-position:left 0 bottom 0;background-size:25% 0.25ex;border-radius:var(--spacing);color:var(--color-petrol);font-family:var(--font-family-sans);font-size:inherit;text-transform:uppercase;transition-delay:0;transition-timing-function:ease-in-out;transition-duration:0.5s;transition-property:background-color, border-color, color}a:focus,a:hover,button:focus,button:hover{background-size:100% 0.25ex;color:var(--color-achat)}a>kol-span-wc,button>kol-span-wc{gap:0.25em}.hidden{display:none;visibility:hidden}a.skip{left:-99999px;overflow:hidden;position:absolute;z-index:9999999}a.skip:focus{background-color:white;box-shadow:0 0 0.5rem 0.5rem white;left:unset;position:unset}",s=class{constructor(o){i(this,o),this.catchRef=i=>{this.ref=i,r(this.host,this.ref)},this._ariaControls=void 0,this._ariaCurrent=void 0,this._ariaExpanded=void 0,this._ariaLabel="",this._ariaSelected=void 0,this._disabled=!1,this._href=void 0,this._icon=void 0,this._iconAlign="left",this._iconOnly=!1,this._label=void 0,this._on=void 0,this._role=void 0,this._selector=void 0,this._stealth=!1,this._tabIndex=void 0,this._target=void 0,this._targetDescription="Der Link wird in einem neuen Tab geöffnet.",this._tooltipAlign="right",this._useCase="text"}render(){return e(o,null,e("kol-link-wc",{ref:this.catchRef,_ariaControls:this._ariaControls,_ariaCurrent:this._ariaCurrent,_ariaExpanded:this._ariaExpanded,_ariaLabel:this._ariaLabel,_ariaSelected:this._ariaSelected,_disabled:this._disabled,_href:this._href,_icon:this._icon,_iconAlign:this._iconAlign,_iconOnly:this._iconOnly,_label:this._label,_on:this._on,_role:this._role,_selector:this._selector,_stealth:this._stealth,_tabIndex:this._tabIndex,_target:this._target,_targetDescription:this._targetDescription,_tooltipAlign:this._tooltipAlign,_useCase:this._useCase},e("slot",{name:"expert",slot:"expert"}),e("slot",{slot:"expert"})))}get host(){return t(this)}};s.style={default:n};export{s as kol_link};

package/dist/kolibri/kol-link.entry.js.map

@@ -1 +1 @@
-{"version":3,"names":["defaultStyleCss","KolLink","this","catchRef","ref","propergateFocus","host","render","h","Host","_ariaControls","_ariaCurrent","_ariaExpanded","_ariaLabel","_ariaSelected","_disabled","_href","_icon","_iconAlign","_iconOnly","_label","_on","_role","_selector","_stealth","_tabIndex","_target","_targetDescription","_tooltipAlign","_useCase","name","slot"],"sources":["./src/components/link/style.css?tag=kol-link&mode=default&encapsulation=shadow","./src/components/link/shadow.tsx"],"sourcesContent":["@import '../style.css';\n\n:host > * {\n\twidth: inherit;\n\tword-spacing: inherit;\n}\n\n:host a {\n\toverflow: inherit;\n\ttext-overflow: inherit;\n}\n:host a:active {\n\ttext-decoration: none;\n}\n:host a:focus,\n:host a:hover {\n\ttext-decoration-thickness: 3px;\n}\n:host a.kol-visited:visited {\n\tcolor: var(--kolibri-color-visited);\n}\n:host a .screen-reader-only {\n\tposition: absolute;\n\twidth: 1px;\n\tclip: rect(0 0 0 0);\n\toverflow: hidden;\n}\n:host a.skip {\n\tleft: -99999px;\n\toverflow: hidden;\n\tposition: absolute;\n\tz-index: 9999999;\n}\n:host a.skip:focus {\n\tbackground: white;\n\tbox-shadow: 0 0 0.5rem 0.5rem white;\n\tleft: unset;\n\tposition: unset;\n}\n","import { Generic } from '@a11y-ui/core';\nimport { Component, Element, h, Host, JSX, Prop } from '@stencil/core';\nimport { AlternativButtonLinkRole, AriaCurrent, LinkOnCallbacks, LinkTarget, LinkUseCase, OptionalLinkProps, RequiredLinkProps } from '../../types/button-link';\nimport { Stringified } from '../../types/common';\nimport { KoliBriIconProp } from '../../types/icon';\nimport { Alignment } from '../../types/props/alignment';\nimport { propergateFocus } from '../../utils/reuse';\n\n/**\n * @part link - Ermöglicht das Stylen des Links.\n * @part span - Ermöglicht das Stylen des Linktextes.\n * @part hidden - Ermöglicht das Ausblenden des Linktextes.\n */\n@Component({\n\ttag: 'kol-link',\n\tstyleUrls: {\n\t\tdefault: './style.css',\n\t},\n\tshadow: true,\n})\nexport class KolLink implements Generic.Element.Members<RequiredLinkProps, OptionalLinkProps> {\n\t@Element() private readonly host?: HTMLKolLinkElement;\n\tprivate ref?: HTMLKolLinkWcElement;\n\n\tprivate readonly catchRef = (ref?: HTMLKolLinkWcElement) => {\n\t\tthis.ref = ref;\n\t\tpropergateFocus(this.host, this.ref);\n\t};\n\n\tpublic render(): JSX.Element {\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<kol-link-wc\n\t\t\t\t\tref={this.catchRef}\n\t\t\t\t\t_ariaControls={this._ariaControls}\n\t\t\t\t\t_ariaCurrent={this._ariaCurrent}\n\t\t\t\t\t_ariaExpanded={this._ariaExpanded}\n\t\t\t\t\t_ariaLabel={this._ariaLabel}\n\t\t\t\t\t_ariaSelected={this._ariaSelected}\n\t\t\t\t\t_disabled={this._disabled}\n\t\t\t\t\t_href={this._href}\n\t\t\t\t\t_icon={this._icon}\n\t\t\t\t\t_iconAlign={this._iconAlign}\n\t\t\t\t\t_iconOnly={this._iconOnly}\n\t\t\t\t\t_label={this._label}\n\t\t\t\t\t_on={this._on}\n\t\t\t\t\t_role={this._role}\n\t\t\t\t\t_selector={this._selector}\n\t\t\t\t\t_stealth={this._stealth}\n\t\t\t\t\t_tabIndex={this._tabIndex}\n\t\t\t\t\t_target={this._target}\n\t\t\t\t\t_targetDescription={this._targetDescription}\n\t\t\t\t\t_tooltipAlign={this._tooltipAlign}\n\t\t\t\t\t_useCase={this._useCase}\n\t\t\t\t>\n\t\t\t\t\t<slot name=\"expert\" slot=\"expert\" />\n\t\t\t\t\t{/*  TODO: der folgende Slot ohne Name muss später entfernt werden */}\n\t\t\t\t\t<slot slot=\"expert\" />\n\t\t\t\t</kol-link-wc>\n\t\t\t</Host>\n\t\t);\n\t}\n\n\t/**\n\t * Gibt an, welche Elemente kontrolliert werden.  (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-controls)\n\t */\n\t@Prop() public _ariaControls?: string;\n\n\t/**\n\t * Gibt an, welchen aktuellen Auswahlstatus der Link hat. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-current)\n\t */\n\t@Prop() public _ariaCurrent?: AriaCurrent;\n\n\t/**\n\t * Gibt an, ob durch den Link etwas aufgeklappt wurde. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-expanded)\n\t */\n\t@Prop({ reflect: true }) public _ariaExpanded?: boolean;\n\n\t/**\n\t * Gibt einen beschreibenden Text des Links an.  (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-label)\n\t */\n\t@Prop() public _ariaLabel?: string = '';\n\n\t/**\n\t * Gibt an, ob der Link gerade ausgewählt ist. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-selected)\n\t */\n\t@Prop({ reflect: true }) public _ariaSelected?: boolean;\n\n\t/**\n\t * Gibt an, ob der Link deaktiviert ist.\n\t */\n\t@Prop({ reflect: true }) public _disabled?: boolean = false;\n\n\t/**\n\t * Gibt die Ziel-Url des Links an.\n\t */\n\t@Prop() public _href!: string;\n\n\t/**\n\t * Gibt den Class-Identifier eines Icons eine eingebunden Icofont an. (z.B. https://icofont.com/)\n\t */\n\t@Prop() public _icon?: Stringified<KoliBriIconProp>;\n\n\t/**\n\t * Gibt an, ob das Icon entweder links oder rechts dargestellt werden soll.\n\t *\n\t * @deprecated Wird durch das neue flexibleren Icon-Typ abgedeckt.\n\t */\n\t@Prop() public _iconAlign?: Alignment = 'left';\n\t/**\n\t * Gibt an, ob nur das Icon angezeigt wird.\n\t */\n\t@Prop({ reflect: true }) public _iconOnly?: boolean = false;\n\n\t/**\n\t * Gibt den Label für die Beschriftung der Schaltfläche an.\n\t */\n\t@Prop() public _label!: string;\n\n\t/**\n\t * Gibt die EventCallback-Funktionen für den Link an.\n\t */\n\t@Prop() public _on?: LinkOnCallbacks;\n\n\t/**\n\t * Gibt an, welche Role der Schalter hat.\n\t */\n\t@Prop() public _role?: AlternativButtonLinkRole;\n\n\t/**\n\t * Gibt die ID eines DOM-Elements, zu dem gesprungen werden soll, aus.\n\t *\n\t * @deprecated Das Styling sollte stets über CSS erfolgen.\n\t */\n\t@Prop() public _selector?: string;\n\n\t/**\n\t * Gibt an, ob der Link nur beim Fokus sichtbar ist.\n\t *\n\t * @deprecated Das Styling sollte stets über CSS erfolgen.\n\t */\n\t@Prop({ reflect: true }) public _stealth?: boolean = false;\n\n\t/**\n\t * Gibt an, welchen Tab-Index der Button hat. (https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex)\n\t */\n\t@Prop() public _tabIndex?: number;\n\n\t/**\n\t * Definiert das Verhalten, bei dem der Link geöffnet werden soll.\n\t */\n\t@Prop() public _target?: LinkTarget;\n\n\t/**\n\t * Gibt die Beschreibung an, wenn der Link in einem anderen Programm geöffnet wird.\n\t */\n\t@Prop() public _targetDescription?: string = 'Der Link wird in einem neuen Tab geöffnet.';\n\n\t/**\n\t * Gibt an, ob der Tooltip entweder oben, rechts, unten oder links angezeigt werden soll.\n\t */\n\t@Prop() public _tooltipAlign?: Alignment = 'right';\n\n\t/**\n\t * Gibt den Verwendungsfall des Links an.\n\t *\n\t * @deprecated Das Styling sollte stets über CSS erfolgen.\n\t */\n\t@Prop() public _useCase?: LinkUseCase = 'text';\n}\n"],"mappings":";;;qGAAA,MAAMA,EAAkB,y8C,MCoBXC,EAAO,M,yBAIFC,KAAAC,SAAYC,IAC5BF,KAAKE,IAAMA,EACXC,EAAgBH,KAAKI,KAAMJ,KAAKE,IAAI,E,sGAuDA,G,4CAUiB,M,0DAiBd,O,eAIc,M,qGA6BD,M,wEAeR,6C,mBAKF,Q,cAOH,M,CA3IjCG,SACN,OACCC,EAACC,EAAI,KACJD,EAAA,eACCJ,IAAKF,KAAKC,SACVO,cAAeR,KAAKQ,cACpBC,aAAcT,KAAKS,aACnBC,cAAeV,KAAKU,cACpBC,WAAYX,KAAKW,WACjBC,cAAeZ,KAAKY,cACpBC,UAAWb,KAAKa,UAChBC,MAAOd,KAAKc,MACZC,MAAOf,KAAKe,MACZC,WAAYhB,KAAKgB,WACjBC,UAAWjB,KAAKiB,UAChBC,OAAQlB,KAAKkB,OACbC,IAAKnB,KAAKmB,IACVC,MAAOpB,KAAKoB,MACZC,UAAWrB,KAAKqB,UAChBC,SAAUtB,KAAKsB,SACfC,UAAWvB,KAAKuB,UAChBC,QAASxB,KAAKwB,QACdC,mBAAoBzB,KAAKyB,mBACzBC,cAAe1B,KAAK0B,cACpBC,SAAU3B,KAAK2B,UAEfrB,EAAA,QAAMsB,KAAK,SAASC,KAAK,WAEzBvB,EAAA,QAAMuB,KAAK,Y"}
+{"version":3,"names":["defaultStyleCss","KolLink","this","catchRef","ref","propergateFocus","host","render","h","Host","_ariaControls","_ariaCurrent","_ariaExpanded","_ariaLabel","_ariaSelected","_disabled","_href","_icon","_iconAlign","_iconOnly","_label","_on","_role","_selector","_stealth","_tabIndex","_target","_targetDescription","_tooltipAlign","_useCase","name","slot"],"sources":["./src/components/link/style.css?tag=kol-link&mode=default&encapsulation=shadow","./src/components/link/shadow.tsx"],"sourcesContent":["@import '../link.css';\n","import { Generic } from '@a11y-ui/core';\nimport { Component, Element, h, Host, JSX, Prop } from '@stencil/core';\nimport { AlternativButtonLinkRole, AriaCurrent, LinkOnCallbacks, LinkTarget, LinkUseCase, OptionalLinkProps, RequiredLinkProps } from '../../types/button-link';\nimport { Stringified } from '../../types/common';\nimport { KoliBriIconProp } from '../../types/icon';\nimport { Alignment } from '../../types/props/alignment';\nimport { propergateFocus } from '../../utils/reuse';\n\n/**\n * @part link - Ermöglicht das Stylen des Links.\n * @part span - Ermöglicht das Stylen des Linktextes.\n * @part hidden - Ermöglicht das Ausblenden des Linktextes.\n */\n@Component({\n\ttag: 'kol-link',\n\tstyleUrls: {\n\t\tdefault: './style.css',\n\t},\n\tshadow: true,\n})\nexport class KolLink implements Generic.Element.Members<RequiredLinkProps, OptionalLinkProps> {\n\t@Element() private readonly host?: HTMLKolLinkElement;\n\tprivate ref?: HTMLKolLinkWcElement;\n\n\tprivate readonly catchRef = (ref?: HTMLKolLinkWcElement) => {\n\t\tthis.ref = ref;\n\t\tpropergateFocus(this.host, this.ref);\n\t};\n\n\tpublic render(): JSX.Element {\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<kol-link-wc\n\t\t\t\t\tref={this.catchRef}\n\t\t\t\t\t_ariaControls={this._ariaControls}\n\t\t\t\t\t_ariaCurrent={this._ariaCurrent}\n\t\t\t\t\t_ariaExpanded={this._ariaExpanded}\n\t\t\t\t\t_ariaLabel={this._ariaLabel}\n\t\t\t\t\t_ariaSelected={this._ariaSelected}\n\t\t\t\t\t_disabled={this._disabled}\n\t\t\t\t\t_href={this._href}\n\t\t\t\t\t_icon={this._icon}\n\t\t\t\t\t_iconAlign={this._iconAlign}\n\t\t\t\t\t_iconOnly={this._iconOnly}\n\t\t\t\t\t_label={this._label}\n\t\t\t\t\t_on={this._on}\n\t\t\t\t\t_role={this._role}\n\t\t\t\t\t_selector={this._selector}\n\t\t\t\t\t_stealth={this._stealth}\n\t\t\t\t\t_tabIndex={this._tabIndex}\n\t\t\t\t\t_target={this._target}\n\t\t\t\t\t_targetDescription={this._targetDescription}\n\t\t\t\t\t_tooltipAlign={this._tooltipAlign}\n\t\t\t\t\t_useCase={this._useCase}\n\t\t\t\t>\n\t\t\t\t\t<slot name=\"expert\" slot=\"expert\" />\n\t\t\t\t\t{/*  TODO: der folgende Slot ohne Name muss später entfernt werden */}\n\t\t\t\t\t<slot slot=\"expert\" />\n\t\t\t\t</kol-link-wc>\n\t\t\t</Host>\n\t\t);\n\t}\n\n\t/**\n\t * Gibt an, welche Elemente kontrolliert werden.  (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-controls)\n\t */\n\t@Prop() public _ariaControls?: string;\n\n\t/**\n\t * Gibt an, welchen aktuellen Auswahlstatus der Link hat. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-current)\n\t */\n\t@Prop() public _ariaCurrent?: AriaCurrent;\n\n\t/**\n\t * Gibt an, ob durch den Link etwas aufgeklappt wurde. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-expanded)\n\t */\n\t@Prop({ reflect: true }) public _ariaExpanded?: boolean;\n\n\t/**\n\t * Gibt einen beschreibenden Text des Links an.  (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-label)\n\t */\n\t@Prop() public _ariaLabel?: string = '';\n\n\t/**\n\t * Gibt an, ob der Link gerade ausgewählt ist. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-selected)\n\t */\n\t@Prop({ reflect: true }) public _ariaSelected?: boolean;\n\n\t/**\n\t * Gibt an, ob der Link deaktiviert ist.\n\t */\n\t@Prop({ reflect: true }) public _disabled?: boolean = false;\n\n\t/**\n\t * Gibt die Ziel-Url des Links an.\n\t */\n\t@Prop() public _href!: string;\n\n\t/**\n\t * Gibt den Class-Identifier eines Icons eine eingebunden Icofont an. (z.B. https://icofont.com/)\n\t */\n\t@Prop() public _icon?: Stringified<KoliBriIconProp>;\n\n\t/**\n\t * Gibt an, ob das Icon entweder links oder rechts dargestellt werden soll.\n\t *\n\t * @deprecated Wird durch das neue flexibleren Icon-Typ abgedeckt.\n\t */\n\t@Prop() public _iconAlign?: Alignment = 'left';\n\t/**\n\t * Gibt an, ob nur das Icon angezeigt wird.\n\t */\n\t@Prop({ reflect: true }) public _iconOnly?: boolean = false;\n\n\t/**\n\t * Gibt den Label für die Beschriftung der Schaltfläche an.\n\t */\n\t@Prop() public _label!: string;\n\n\t/**\n\t * Gibt die EventCallback-Funktionen für den Link an.\n\t */\n\t@Prop() public _on?: LinkOnCallbacks;\n\n\t/**\n\t * Gibt an, welche Role der Schalter hat.\n\t */\n\t@Prop() public _role?: AlternativButtonLinkRole;\n\n\t/**\n\t * Gibt die ID eines DOM-Elements, zu dem gesprungen werden soll, aus.\n\t *\n\t * @deprecated Das Styling sollte stets über CSS erfolgen.\n\t */\n\t@Prop() public _selector?: string;\n\n\t/**\n\t * Gibt an, ob der Link nur beim Fokus sichtbar ist.\n\t *\n\t * @deprecated Das Styling sollte stets über CSS erfolgen.\n\t */\n\t@Prop({ reflect: true }) public _stealth?: boolean = false;\n\n\t/**\n\t * Gibt an, welchen Tab-Index der Button hat. (https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex)\n\t */\n\t@Prop() public _tabIndex?: number;\n\n\t/**\n\t * Definiert das Verhalten, bei dem der Link geöffnet werden soll.\n\t */\n\t@Prop() public _target?: LinkTarget;\n\n\t/**\n\t * Gibt die Beschreibung an, wenn der Link in einem anderen Programm geöffnet wird.\n\t */\n\t@Prop() public _targetDescription?: string = 'Der Link wird in einem neuen Tab geöffnet.';\n\n\t/**\n\t * Gibt an, ob der Tooltip entweder oben, rechts, unten oder links angezeigt werden soll.\n\t */\n\t@Prop() public _tooltipAlign?: Alignment = 'right';\n\n\t/**\n\t * Gibt den Verwendungsfall des Links an.\n\t *\n\t * @deprecated Das Styling sollte stets über CSS erfolgen.\n\t */\n\t@Prop() public _useCase?: LinkUseCase = 'text';\n}\n"],"mappings":";;;qGAAA,MAAMA,EAAkB,i2D,MCoBXC,EAAO,M,yBAIFC,KAAAC,SAAYC,IAC5BF,KAAKE,IAAMA,EACXC,EAAgBH,KAAKI,KAAMJ,KAAKE,IAAI,E,sGAuDA,G,4CAUiB,M,0DAiBd,O,eAIc,M,qGA6BD,M,wEAeR,6C,mBAKF,Q,cAOH,M,CA3IjCG,SACN,OACCC,EAACC,EAAI,KACJD,EAAA,eACCJ,IAAKF,KAAKC,SACVO,cAAeR,KAAKQ,cACpBC,aAAcT,KAAKS,aACnBC,cAAeV,KAAKU,cACpBC,WAAYX,KAAKW,WACjBC,cAAeZ,KAAKY,cACpBC,UAAWb,KAAKa,UAChBC,MAAOd,KAAKc,MACZC,MAAOf,KAAKe,MACZC,WAAYhB,KAAKgB,WACjBC,UAAWjB,KAAKiB,UAChBC,OAAQlB,KAAKkB,OACbC,IAAKnB,KAAKmB,IACVC,MAAOpB,KAAKoB,MACZC,UAAWrB,KAAKqB,UAChBC,SAAUtB,KAAKsB,SACfC,UAAWvB,KAAKuB,UAChBC,QAASxB,KAAKwB,QACdC,mBAAoBzB,KAAKyB,mBACzBC,cAAe1B,KAAK0B,cACpBC,SAAU3B,KAAK2B,UAEfrB,EAAA,QAAMsB,KAAK,SAASC,KAAK,WAEzBvB,EAAA,QAAMuB,KAAK,Y"}