@public-ui/sample-react 3.1.0-rc.1 → 3.1.0

package/dist/assets/kol-badge.entry-MN_KsLfK.js

@@ -1,273 +0,0 @@
-import{r as i,h as e,e as a,o as l,f as r,p as s,s as d}from"./index-CpVRrVxh.js";import"./Alert-DZ3Qvmx3-0wJkKMP4.js";import{c}from"./clsx-eK3rPvPS-B-dksMZM.js";import{h,v as m}from"./color-BOIEtqEM-DeRe8V_X.js";import{v as u}from"./icons-DNTuScEN-BkbiP0ld.js";import"./i18n-LBpyQ66X-B2U39IUc.js";import{K as f}from"./Span-MWb3xhCV-Bp7zPgEs.js";import{n as p}from"./dev.utils-1ts_3yRe-FsqGasuJ.js";import"./tslib.es6-CxX45GIN-BGVaTf34.js";import"./markdown-BSkXjaSn-BM4jz18m.js";import"./isObject-DvSELytj-DhzEQer1.js";import"./Heading-CLE-Js8a-B1sdKGjJ.js";import"./Icon-R0rZZbtD-CQ9nShoD.js";import"./reuse-CX4AQDkS-BaVSFETn.js";import"./InternalUnderlinedBadgeText-CQHhXGXt-DxUtlajL.js";const b=`/* forward the rem function */
-/*
-* This file defines the layer order for all CSS layers used in KoliBri.
-* The order is important as it determines the cascade priority.
-*
-* Layer order (lowest to highest priority):
-* 1. kol-a11y - Accessibility defaults and requirements
-* 2. kol-global - Global component styles and resets
-* 3. kol-component - Component-specific styles
-* 4. kol-theme-global - Theme-specific global styles
-* 5. kol-theme-component - Theme-specific component styles
-*/
-@layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component;
-/*
- * This file contains all rules for accessibility.
- */
-@layer kol-a11y {
-  :host {
-    /*
-                   * Minimum size of interactive elements.
-                   */
-    --a11y-min-size: calc(44 * 1rem / var(--kolibri-root-font-size, 16));
-    /*
-     * No element should be used without verifying the contrast ratio of its background and font colors.
-     * By initially setting the background color to white and the font color to black,
-     * the contrast ratio is ensured and explicit adjustment is forced.
-     */
-    color: black;
-    background-color: white;
-    /*
-     * Verdana is an accessible font that can be used without requiring additional loading time.
-     */
-    font-family: Verdana;
-    /*
-     * Letter spacing is required for all texts.
-     */
-    letter-spacing: inherit;
-    /*
-     * Word spacing is required for all texts.
-     */
-    word-spacing: inherit;
-    /*
-     * Text should be aligned left by default to provide a predictable starting point.
-     */
-    text-align: left;
-  }
-  * {
-    /*
-     * This rule enables the word dividing for all texts. That is important for high zoom levels.
-     */
-    hyphens: auto;
-    /*
-     * This rule enables the word dividing for all texts. That is important for high zoom levels.
-     */
-    word-break: break-word;
-  }
-  /*
-   * All interactive elements should have a minimum size of to-rem(44).
-   */
-  /* input:not([type='checkbox'], [type='radio'], [type='range']), */
-  /* option, */
-  /* select, */
-  /* textarea, */
-  button,
-  .kol-input .input {
-    min-width: var(--a11y-min-size);
-    min-height: var(--a11y-min-size);
-  }
-  /*
-   * Some interactive elements should not inherit the font-family and font-size.
-   */
-  a,
-  button,
-  h1,
-  h2,
-  h3,
-  h4,
-  h5,
-  h6,
-  input,
-  option,
-  select,
-  textarea {
-    /*
-     * All elements should inherit the text color from his parent element.
-     */
-    color: inherit;
-    /*
-     * All elements should inherit the font family from his parent element.
-     */
-    font-family: inherit;
-    /*
-     * All elements should inherit the font size from his parent element.
-     */
-    font-size: inherit;
-    /*
-     * Letter spacing is required for all texts.
-     */
-    letter-spacing: inherit;
-    /*
-     * Word spacing is required for all texts.
-     */
-    word-spacing: inherit;
-  }
-  /**
-  * Sometimes we need the semantic element for accessibility reasons,
-  * but we don't want to show it.
-  *
-  * - https://www.a11yproject.com/posts/how-to-hide-content/
-  */
-  .visually-hidden {
-    position: fixed;
-    top: 0;
-    left: 0;
-    width: 1px;
-    height: 1px;
-    overflow: hidden;
-    white-space: nowrap;
-    clip-path: inset(50%);
-  }
-}
-@layer kol-global {
-  /*
-   * Dieses CSS stellt sicher, dass der Standard-Style
-   * von A und Button resettet werden.
-   */
-  :is(a, button) {
-    background-color: transparent;
-    width: 100%;
-    margin: 0;
-    padding: 0;
-    border: none;
-    /* 100% needed for custom width from outside */
-  }
-  /*
-   * Ensure elements with hidden attribute to be actually not visible
-   * @see https://meowni.ca/hidden.is.a.lie.html
-   */
-  [hidden] {
-    display: none !important;
-  }
-  .badge-text-hint {
-    color: black;
-    background-color: lightgray;
-  }
-}
-@layer kol-global {
-  :host {
-    /*
-     * The max-width is needed to prevent the table from overflowing the
-     * parent node, if the table is wider than the parent node.
-     */
-    max-width: 100%;
-    font-size: calc(16 * 1rem / var(--kolibri-root-font-size, 16));
-  }
-  * {
-    /*
-     * We prefer to box-sizing: border-box for all elements.
-     */
-    box-sizing: border-box;
-  }
-  .kol-span {
-    /* KolSpan is a layout component with icons in all directions and a label text in the middle. */
-    display: flex;
-    flex-flow: column;
-    align-items: center;
-    justify-content: center;
-    /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */
-  }
-  .kol-span__container {
-    display: flex;
-    align-items: center;
-  }
-  a,
-  button {
-    cursor: pointer;
-  }
-  .kol-span .kol-span__label--hide-label .kol-span__label {
-    display: none;
-  }
-  /* Reset browser agent style. */
-  button:disabled {
-    color: unset;
-  }
-  .disabled label,
-  .disabled:focus-within label,
-  [aria-disabled=true],
-  [aria-disabled=true]:focus,
-  [disabled],
-  [disabled]:focus {
-    opacity: 0.5;
-    outline: none;
-    cursor: not-allowed;
-  }
-  [aria-disabled=true]:focus .kol-span,
-  [disabled]:focus .kol-span {
-    outline: none !important;
-  }
-}
-@layer kol-component {
-  .kol-tooltip {
-    display: contents;
-  }
-  .kol-tooltip__floating {
-    opacity: 0;
-    display: none;
-    position: fixed;
-    /* Avoid layout interference - see https://floating-ui.com/docs/computePosition */
-    top: 0;
-    left: 0;
-    /* Can be used to specify the tooltip-width from the outside. Unset by default.  */
-    width: var(--kol-tooltip-width, max-content);
-    min-width: calc(8 * 1rem / var(--kolibri-root-font-size, 16));
-    max-width: 90vw;
-    max-height: 90vh;
-    animation-direction: normal;
-    /* Can be used to specify the animation duration from the outside. 250ms by default. */
-    animation-duration: var(--kolibri-tooltip-animation-duration, 250ms);
-    animation-fill-mode: forwards;
-    animation-iteration-count: 1;
-    animation-timing-function: ease-in;
-  }
-  .kol-tooltip__floating.hide {
-    animation-name: hideTooltip;
-  }
-  .kol-tooltip__floating.show {
-    animation-name: showTooltip;
-  }
-  .kol-tooltip__arrow {
-    transform: rotate(45deg);
-    color: #000;
-    background-color: #fff;
-    position: absolute;
-    z-index: 999;
-    width: calc(10 * 1rem / var(--kolibri-root-font-size, 16));
-    height: calc(10 * 1rem / var(--kolibri-root-font-size, 16));
-  }
-  .kol-tooltip__content {
-    color: #000;
-    background-color: #fff;
-    position: relative;
-    z-index: 1000;
-  }
-  @keyframes hideTooltip {
-    0% {
-      opacity: 1;
-    }
-    100% {
-      opacity: 0;
-      display: none;
-    }
-  }
-  @keyframes showTooltip {
-    0% {
-      opacity: 0;
-    }
-    100% {
-      opacity: 1;
-    }
-  }
-}
-@layer kol-component {
-  .kol-badge {
-    /* Visible with forced colors  */
-    outline: transparent solid calc(1 * 1rem / var(--kolibri-root-font-size, 16));
-    display: inline-flex;
-    place-items: center;
-  }
-  .kol-badge .kol-badge__smart-button .button {
-    color: inherit;
-  }
-}`;r("[KolBadge] Optimierung des _color-Properties (rgba, rgb, hex usw.).");const g=class{constructor(n){i(this,n),this.bgColorStr="#000",this.colorStr="#fff",this.id=p(),this.catchSmartButtonRef=t=>{this.smartButtonRef=t},this._color="#000",this.state={_color:{backgroundColor:"#000",foregroundColor:"#fff"},_icons:{}},this.handleColorChange=t=>{const o=h(t);this.bgColorStr=o.backgroundColor,this.colorStr=o.foregroundColor}}renderSmartButton(n){return e(a,{ref:this.catchSmartButtonRef,class:"kol-badge__smart-button",_ariaControls:this.id,_ariaDescription:n._ariaDescription,_buttonVariant:n._variant,_customClass:n._customClass,_disabled:n._disabled,_hideLabel:!0,_icons:n._icons,_id:n._id,_label:n._label,_on:n._on,_tooltipAlign:n._tooltipAlign})}async focus(){var n;return Promise.resolve((n=this.smartButtonRef)===null||n===void 0?void 0:n.focus())}async kolFocus(){return this.focus()}render(){const n=typeof this.state._smartButton=="object"&&this.state._smartButton!==null;return e("span",{key:"aa434ba6ebe2fd58562931d192cc7747b3d4c429",class:c("kol-badge",{"kol-badge--has-smart-button":typeof this.state._smartButton=="object"&&this.state._smartButton!==null}),style:{backgroundColor:this.bgColorStr,color:this.colorStr}},e(f,{key:"fa0dd9eadb49f101a9e85348187cfecd9958dfc4",class:"kol-badge__label",id:n?this.id:void 0,allowMarkdown:!0,icons:this.state._icons,label:this._label}),n&&this.renderSmartButton(this.state._smartButton))}validateIcons(n){u(this,n)}validateColor(n){m(this,n,{defaultValue:"#000",hooks:{beforePatch:this.handleColorChange}})}validateSmartButton(n){l(n,()=>{try{n=s(n)}catch{}d(this,"_smartButton",n)})}componentWillLoad(){this.validateIcons(this._icons),this.validateColor(this._color),this.validateSmartButton(this._smartButton)}static get watchers(){return{_icons:["validateIcons"],_color:["validateColor"],_smartButton:["validateSmartButton"]}}};g.style={default:b};export{g as kol_badge};
-//# sourceMappingURL=kol-badge.entry-MN_KsLfK.js.map

package/dist/assets/kol-badge.entry-MN_KsLfK.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"kol-badge.entry-MN_KsLfK.js","sources":["../../../../components/dist/esm/kol-badge.entry.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { r as registerInstance, h } from './index-DuOiqRzT.js';\nimport './Alert-DZ3Qvmx3.js';\nimport { c as clsx } from './clsx-eK3rPvPS.js';\nimport { d as KolButtonWcTag } from './component-names-C3fyby67.js';\nimport { f as featureHint, o as objectObjectHandler, p as parseJson, s as setState } from './common-Dd0zJQbD.js';\nimport { h as handleColorChange, v as validateColor } from './color-BOIEtqEM.js';\nimport { v as validateIcons } from './icons-DNTuScEN.js';\nimport './i18n-LBpyQ66X.js';\nimport { K as KolSpanFc } from './Span-MWb3xhCV.js';\nimport { n as nonce } from './dev.utils-1ts_3yRe.js';\nimport './tslib.es6-CxX45GIN.js';\nimport './bem-Dj4gWVFO.js';\nimport './browser-DiRe0qUf.js';\nimport './Heading-CLE-Js8a.js';\nimport './i18n-CfLoIZ8T.js';\nimport './Icon-R0rZZbtD.js';\nimport './reuse-CX4AQDkS.js';\nimport './markdown-BSkXjaSn.js';\nimport './InternalUnderlinedBadgeText-CQHhXGXt.js';\nimport './isObject-DvSELytj.js';\n\nconst defaultStyleCss = \"/* forward the rem function */\\n/*\\n* This file defines the layer order for all CSS layers used in KoliBri.\\n* The order is important as it determines the cascade priority.\\n*\\n* Layer order (lowest to highest priority):\\n* 1. kol-a11y - Accessibility defaults and requirements\\n* 2. kol-global - Global component styles and resets\\n* 3. kol-component - Component-specific styles\\n* 4. kol-theme-global - Theme-specific global styles\\n* 5. kol-theme-component - Theme-specific component styles\\n*/\\n@layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component;\\n/*\\n * This file contains all rules for accessibility.\\n */\\n@layer kol-a11y {\\n  :host {\\n    /*\\n                   * Minimum size of interactive elements.\\n                   */\\n    --a11y-min-size: calc(44 * 1rem / var(--kolibri-root-font-size, 16));\\n    /*\\n     * No element should be used without verifying the contrast ratio of its background and font colors.\\n     * By initially setting the background color to white and the font color to black,\\n     * the contrast ratio is ensured and explicit adjustment is forced.\\n     */\\n    color: black;\\n    background-color: white;\\n    /*\\n     * Verdana is an accessible font that can be used without requiring additional loading time.\\n     */\\n    font-family: Verdana;\\n    /*\\n     * Letter spacing is required for all texts.\\n     */\\n    letter-spacing: inherit;\\n    /*\\n     * Word spacing is required for all texts.\\n     */\\n    word-spacing: inherit;\\n    /*\\n     * Text should be aligned left by default to provide a predictable starting point.\\n     */\\n    text-align: left;\\n  }\\n  * {\\n    /*\\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\\n     */\\n    hyphens: auto;\\n    /*\\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\\n     */\\n    word-break: break-word;\\n  }\\n  /*\\n   * All interactive elements should have a minimum size of to-rem(44).\\n   */\\n  /* input:not([type='checkbox'], [type='radio'], [type='range']), */\\n  /* option, */\\n  /* select, */\\n  /* textarea, */\\n  button,\\n  .kol-input .input {\\n    min-width: var(--a11y-min-size);\\n    min-height: var(--a11y-min-size);\\n  }\\n  /*\\n   * Some interactive elements should not inherit the font-family and font-size.\\n   */\\n  a,\\n  button,\\n  h1,\\n  h2,\\n  h3,\\n  h4,\\n  h5,\\n  h6,\\n  input,\\n  option,\\n  select,\\n  textarea {\\n    /*\\n     * All elements should inherit the text color from his parent element.\\n     */\\n    color: inherit;\\n    /*\\n     * All elements should inherit the font family from his parent element.\\n     */\\n    font-family: inherit;\\n    /*\\n     * All elements should inherit the font size from his parent element.\\n     */\\n    font-size: inherit;\\n    /*\\n     * Letter spacing is required for all texts.\\n     */\\n    letter-spacing: inherit;\\n    /*\\n     * Word spacing is required for all texts.\\n     */\\n    word-spacing: inherit;\\n  }\\n  /**\\n  * Sometimes we need the semantic element for accessibility reasons,\\n  * but we don't want to show it.\\n  *\\n  * - https://www.a11yproject.com/posts/how-to-hide-content/\\n  */\\n  .visually-hidden {\\n    position: fixed;\\n    top: 0;\\n    left: 0;\\n    width: 1px;\\n    height: 1px;\\n    overflow: hidden;\\n    white-space: nowrap;\\n    clip-path: inset(50%);\\n  }\\n}\\n@layer kol-global {\\n  /*\\n   * Dieses CSS stellt sicher, dass der Standard-Style\\n   * von A und Button resettet werden.\\n   */\\n  :is(a, button) {\\n    background-color: transparent;\\n    width: 100%;\\n    margin: 0;\\n    padding: 0;\\n    border: none;\\n    /* 100% needed for custom width from outside */\\n  }\\n  /*\\n   * Ensure elements with hidden attribute to be actually not visible\\n   * @see https://meowni.ca/hidden.is.a.lie.html\\n   */\\n  [hidden] {\\n    display: none !important;\\n  }\\n  .badge-text-hint {\\n    color: black;\\n    background-color: lightgray;\\n  }\\n}\\n@layer kol-global {\\n  :host {\\n    /*\\n     * The max-width is needed to prevent the table from overflowing the\\n     * parent node, if the table is wider than the parent node.\\n     */\\n    max-width: 100%;\\n    font-size: calc(16 * 1rem / var(--kolibri-root-font-size, 16));\\n  }\\n  * {\\n    /*\\n     * We prefer to box-sizing: border-box for all elements.\\n     */\\n    box-sizing: border-box;\\n  }\\n  .kol-span {\\n    /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\\n    display: flex;\\n    flex-flow: column;\\n    align-items: center;\\n    justify-content: center;\\n    /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\\n  }\\n  .kol-span__container {\\n    display: flex;\\n    align-items: center;\\n  }\\n  a,\\n  button {\\n    cursor: pointer;\\n  }\\n  .kol-span .kol-span__label--hide-label .kol-span__label {\\n    display: none;\\n  }\\n  /* Reset browser agent style. */\\n  button:disabled {\\n    color: unset;\\n  }\\n  .disabled label,\\n  .disabled:focus-within label,\\n  [aria-disabled=true],\\n  [aria-disabled=true]:focus,\\n  [disabled],\\n  [disabled]:focus {\\n    opacity: 0.5;\\n    outline: none;\\n    cursor: not-allowed;\\n  }\\n  [aria-disabled=true]:focus .kol-span,\\n  [disabled]:focus .kol-span {\\n    outline: none !important;\\n  }\\n}\\n@layer kol-component {\\n  .kol-tooltip {\\n    display: contents;\\n  }\\n  .kol-tooltip__floating {\\n    opacity: 0;\\n    display: none;\\n    position: fixed;\\n    /* Avoid layout interference - see https://floating-ui.com/docs/computePosition */\\n    top: 0;\\n    left: 0;\\n    /* Can be used to specify the tooltip-width from the outside. Unset by default.  */\\n    width: var(--kol-tooltip-width, max-content);\\n    min-width: calc(8 * 1rem / var(--kolibri-root-font-size, 16));\\n    max-width: 90vw;\\n    max-height: 90vh;\\n    animation-direction: normal;\\n    /* Can be used to specify the animation duration from the outside. 250ms by default. */\\n    animation-duration: var(--kolibri-tooltip-animation-duration, 250ms);\\n    animation-fill-mode: forwards;\\n    animation-iteration-count: 1;\\n    animation-timing-function: ease-in;\\n  }\\n  .kol-tooltip__floating.hide {\\n    animation-name: hideTooltip;\\n  }\\n  .kol-tooltip__floating.show {\\n    animation-name: showTooltip;\\n  }\\n  .kol-tooltip__arrow {\\n    transform: rotate(45deg);\\n    color: #000;\\n    background-color: #fff;\\n    position: absolute;\\n    z-index: 999;\\n    width: calc(10 * 1rem / var(--kolibri-root-font-size, 16));\\n    height: calc(10 * 1rem / var(--kolibri-root-font-size, 16));\\n  }\\n  .kol-tooltip__content {\\n    color: #000;\\n    background-color: #fff;\\n    position: relative;\\n    z-index: 1000;\\n  }\\n  @keyframes hideTooltip {\\n    0% {\\n      opacity: 1;\\n    }\\n    100% {\\n      opacity: 0;\\n      display: none;\\n    }\\n  }\\n  @keyframes showTooltip {\\n    0% {\\n      opacity: 0;\\n    }\\n    100% {\\n      opacity: 1;\\n    }\\n  }\\n}\\n@layer kol-component {\\n  .kol-badge {\\n    /* Visible with forced colors  */\\n    outline: transparent solid calc(1 * 1rem / var(--kolibri-root-font-size, 16));\\n    display: inline-flex;\\n    place-items: center;\\n  }\\n  .kol-badge .kol-badge__smart-button .button {\\n    color: inherit;\\n  }\\n}\";\n\nfeatureHint(`[KolBadge] Optimierung des _color-Properties (rgba, rgb, hex usw.).`);\nconst KolBadge = class {\n    constructor(hostRef) {\n        registerInstance(this, hostRef);\n        this.bgColorStr = '#000';\n        this.colorStr = '#fff';\n        this.id = nonce();\n        this.catchSmartButtonRef = (ref) => {\n            this.smartButtonRef = ref;\n        };\n        this._color = '#000';\n        this.state = {\n            _color: {\n                backgroundColor: '#000',\n                foregroundColor: '#fff',\n            },\n            _icons: {},\n        };\n        this.handleColorChange = (value) => {\n            const colorPair = handleColorChange(value);\n            this.bgColorStr = colorPair.backgroundColor;\n            this.colorStr = colorPair.foregroundColor;\n        };\n    }\n    renderSmartButton(props) {\n        return (h(KolButtonWcTag, { ref: this.catchSmartButtonRef, class: \"kol-badge__smart-button\", _ariaControls: this.id, _ariaDescription: props._ariaDescription, _buttonVariant: props._variant, _customClass: props._customClass, _disabled: props._disabled, _hideLabel: true, _icons: props._icons, _id: props._id, _label: props._label, _on: props._on, _tooltipAlign: props._tooltipAlign }));\n    }\n    async focus() {\n        var _a;\n        return Promise.resolve((_a = this.smartButtonRef) === null || _a === void 0 ? void 0 : _a.focus());\n    }\n    async kolFocus() {\n        return this.focus();\n    }\n    render() {\n        const hasSmartButton = typeof this.state._smartButton === 'object' && this.state._smartButton !== null;\n        return (h(\"span\", { key: 'aa434ba6ebe2fd58562931d192cc7747b3d4c429', class: clsx('kol-badge', {\n                'kol-badge--has-smart-button': typeof this.state._smartButton === 'object' && this.state._smartButton !== null,\n            }), style: {\n                backgroundColor: this.bgColorStr,\n                color: this.colorStr,\n            } }, h(KolSpanFc, { key: 'fa0dd9eadb49f101a9e85348187cfecd9958dfc4', class: \"kol-badge__label\", id: hasSmartButton ? this.id : undefined, allowMarkdown: true, icons: this.state._icons, label: this._label }), hasSmartButton && this.renderSmartButton(this.state._smartButton)));\n    }\n    validateIcons(value) {\n        validateIcons(this, value);\n    }\n    validateColor(value) {\n        validateColor(this, value, {\n            defaultValue: '#000',\n            hooks: {\n                beforePatch: this.handleColorChange,\n            },\n        });\n    }\n    validateSmartButton(value) {\n        objectObjectHandler(value, () => {\n            try {\n                value = parseJson(value);\n            }\n            catch (e) {\n            }\n            setState(this, '_smartButton', value);\n        });\n    }\n    componentWillLoad() {\n        this.validateIcons(this._icons);\n        this.validateColor(this._color);\n        this.validateSmartButton(this._smartButton);\n    }\n    static get watchers() { return {\n        \"_icons\": [\"validateIcons\"],\n        \"_color\": [\"validateColor\"],\n        \"_smartButton\": [\"validateSmartButton\"]\n    }; }\n};\nKolBadge.style = {\n    default: defaultStyleCss\n};\n\nexport { KolBadge as kol_badge };\n//# sourceMappingURL=kol-badge.entry.js.map\n"],"names":["defaultStyleCss","featureHint","KolBadge","hostRef","registerInstance","nonce","ref","value","colorPair","handleColorChange","props","h","KolButtonWcTag","_a","hasSmartButton","clsx","KolSpanFc","validateIcons","validateColor","objectObjectHandler","parseJson","setState"],"mappings":"mrBAwBA,MAAMA,EAAkB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAExBC,EAAY,qEAAqE,EAC5E,MAACC,EAAW,KAAM,CACnB,YAAYC,EAAS,CACjBC,EAAiB,KAAMD,CAAO,EAC9B,KAAK,WAAa,OAClB,KAAK,SAAW,OAChB,KAAK,GAAKE,EAAK,EACf,KAAK,oBAAuBC,GAAQ,CAChC,KAAK,eAAiBA,CAC1B,EACA,KAAK,OAAS,OACd,KAAK,MAAQ,CACT,OAAQ,CACJ,gBAAiB,OACjB,gBAAiB,MACjC,EACY,OAAQ,CAAA,CACpB,EACQ,KAAK,kBAAqBC,GAAU,CAChC,MAAMC,EAAYC,EAAkBF,CAAK,EACzC,KAAK,WAAaC,EAAU,gBAC5B,KAAK,SAAWA,EAAU,eAC9B,CACJ,CACA,kBAAkBE,EAAO,CACrB,OAAQC,EAAEC,EAAgB,CAAE,IAAK,KAAK,oBAAqB,MAAO,0BAA2B,cAAe,KAAK,GAAI,iBAAkBF,EAAM,iBAAkB,eAAgBA,EAAM,SAAU,aAAcA,EAAM,aAAc,UAAWA,EAAM,UAAW,WAAY,GAAM,OAAQA,EAAM,OAAQ,IAAKA,EAAM,IAAK,OAAQA,EAAM,OAAQ,IAAKA,EAAM,IAAK,cAAeA,EAAM,cAAe,CACnY,CACA,MAAM,OAAQ,CACV,IAAIG,EACJ,OAAO,QAAQ,SAASA,EAAK,KAAK,kBAAoB,MAAQA,IAAO,OAAS,OAASA,EAAG,MAAK,CAAE,CACrG,CACA,MAAM,UAAW,CACb,OAAO,KAAK,MAAK,CACrB,CACA,QAAS,CACL,MAAMC,EAAiB,OAAO,KAAK,MAAM,cAAiB,UAAY,KAAK,MAAM,eAAiB,KAClG,OAAQH,EAAE,OAAQ,CAAE,IAAK,2CAA4C,MAAOI,EAAK,YAAa,CACtF,8BAA+B,OAAO,KAAK,MAAM,cAAiB,UAAY,KAAK,MAAM,eAAiB,IAC1H,CAAa,EAAG,MAAO,CACP,gBAAiB,KAAK,WACtB,MAAO,KAAK,QAC5B,CAAa,EAAIJ,EAAEK,EAAW,CAAE,IAAK,2CAA4C,MAAO,mBAAoB,GAAIF,EAAiB,KAAK,GAAK,OAAW,cAAe,GAAM,MAAO,KAAK,MAAM,OAAQ,MAAO,KAAK,MAAM,CAAE,EAAGA,GAAkB,KAAK,kBAAkB,KAAK,MAAM,YAAY,CAAC,CACzR,CACA,cAAcP,EAAO,CACjBU,EAAc,KAAMV,CAAK,CAC7B,CACA,cAAcA,EAAO,CACjBW,EAAc,KAAMX,EAAO,CACvB,aAAc,OACd,MAAO,CACH,YAAa,KAAK,iBAClC,CACA,CAAS,CACL,CACA,oBAAoBA,EAAO,CACvBY,EAAoBZ,EAAO,IAAM,CAC7B,GAAI,CACAA,EAAQa,EAAUb,CAAK,CAC3B,MACU,CACV,CACAc,EAAS,KAAM,eAAgBd,CAAK,CACxC,CAAC,CACL,CACA,mBAAoB,CAChB,KAAK,cAAc,KAAK,MAAM,EAC9B,KAAK,cAAc,KAAK,MAAM,EAC9B,KAAK,oBAAoB,KAAK,YAAY,CAC9C,CACA,WAAW,UAAW,CAAE,MAAO,CAC3B,OAAU,CAAC,eAAe,EAC1B,OAAU,CAAC,eAAe,EAC1B,aAAgB,CAAC,qBAAqB,CAC9C,CAAO,CACP,EACAL,EAAS,MAAQ,CACb,QAASF,CACb"}

package/dist/assets/kol-breadcrumb.entry-Kl1Mm-Qa.js

@@ -1,306 +0,0 @@
-import{r as s,h as n,i as o,F as r,j as d,k as c}from"./index-CpVRrVxh.js";import{v as h}from"./label-Dnmzb2S_-BN9gaaNz.js";import{r as a,a as m}from"./unique-nav-labels-CrfmPC99-Bz0VjzCS.js";import{w as b}from"./validation-BfjI5un_-CbgTidoI.js";const p=`/*
-* This file defines the layer order for all CSS layers used in KoliBri.
-* The order is important as it determines the cascade priority.
-*
-* Layer order (lowest to highest priority):
-* 1. kol-a11y - Accessibility defaults and requirements
-* 2. kol-global - Global component styles and resets
-* 3. kol-component - Component-specific styles
-* 4. kol-theme-global - Theme-specific global styles
-* 5. kol-theme-component - Theme-specific component styles
-*/
-@layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component;
-/* forward the rem function */
-/*
- * This file contains all rules for accessibility.
- */
-@layer kol-a11y {
-  :host {
-    /*
-                   * Minimum size of interactive elements.
-                   */
-    --a11y-min-size: calc(44 * 1rem / var(--kolibri-root-font-size, 16));
-    /*
-     * No element should be used without verifying the contrast ratio of its background and font colors.
-     * By initially setting the background color to white and the font color to black,
-     * the contrast ratio is ensured and explicit adjustment is forced.
-     */
-    color: black;
-    background-color: white;
-    /*
-     * Verdana is an accessible font that can be used without requiring additional loading time.
-     */
-    font-family: Verdana;
-    /*
-     * Letter spacing is required for all texts.
-     */
-    letter-spacing: inherit;
-    /*
-     * Word spacing is required for all texts.
-     */
-    word-spacing: inherit;
-    /*
-     * Text should be aligned left by default to provide a predictable starting point.
-     */
-    text-align: left;
-  }
-  * {
-    /*
-     * This rule enables the word dividing for all texts. That is important for high zoom levels.
-     */
-    hyphens: auto;
-    /*
-     * This rule enables the word dividing for all texts. That is important for high zoom levels.
-     */
-    word-break: break-word;
-  }
-  /*
-   * All interactive elements should have a minimum size of to-rem(44).
-   */
-  /* input:not([type='checkbox'], [type='radio'], [type='range']), */
-  /* option, */
-  /* select, */
-  /* textarea, */
-  button,
-  .kol-input .input {
-    min-width: var(--a11y-min-size);
-    min-height: var(--a11y-min-size);
-  }
-  /*
-   * Some interactive elements should not inherit the font-family and font-size.
-   */
-  a,
-  button,
-  h1,
-  h2,
-  h3,
-  h4,
-  h5,
-  h6,
-  input,
-  option,
-  select,
-  textarea {
-    /*
-     * All elements should inherit the text color from his parent element.
-     */
-    color: inherit;
-    /*
-     * All elements should inherit the font family from his parent element.
-     */
-    font-family: inherit;
-    /*
-     * All elements should inherit the font size from his parent element.
-     */
-    font-size: inherit;
-    /*
-     * Letter spacing is required for all texts.
-     */
-    letter-spacing: inherit;
-    /*
-     * Word spacing is required for all texts.
-     */
-    word-spacing: inherit;
-  }
-  /**
-  * Sometimes we need the semantic element for accessibility reasons,
-  * but we don't want to show it.
-  *
-  * - https://www.a11yproject.com/posts/how-to-hide-content/
-  */
-  .visually-hidden {
-    position: fixed;
-    top: 0;
-    left: 0;
-    width: 1px;
-    height: 1px;
-    overflow: hidden;
-    white-space: nowrap;
-    clip-path: inset(50%);
-  }
-}
-@layer kol-global {
-  /*
-   * Dieses CSS stellt sicher, dass der Standard-Style
-   * von A und Button resettet werden.
-   */
-  :is(a, button) {
-    background-color: transparent;
-    width: 100%;
-    margin: 0;
-    padding: 0;
-    border: none;
-    /* 100% needed for custom width from outside */
-  }
-  /*
-   * Ensure elements with hidden attribute to be actually not visible
-   * @see https://meowni.ca/hidden.is.a.lie.html
-   */
-  [hidden] {
-    display: none !important;
-  }
-  .badge-text-hint {
-    color: black;
-    background-color: lightgray;
-  }
-}
-@layer kol-global {
-  :host {
-    /*
-     * The max-width is needed to prevent the table from overflowing the
-     * parent node, if the table is wider than the parent node.
-     */
-    max-width: 100%;
-    font-size: calc(16 * 1rem / var(--kolibri-root-font-size, 16));
-  }
-  * {
-    /*
-     * We prefer to box-sizing: border-box for all elements.
-     */
-    box-sizing: border-box;
-  }
-  .kol-span {
-    /* KolSpan is a layout component with icons in all directions and a label text in the middle. */
-    display: flex;
-    flex-flow: column;
-    align-items: center;
-    justify-content: center;
-    /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */
-  }
-  .kol-span__container {
-    display: flex;
-    align-items: center;
-  }
-  a,
-  button {
-    cursor: pointer;
-  }
-  .kol-span .kol-span__label--hide-label .kol-span__label {
-    display: none;
-  }
-  /* Reset browser agent style. */
-  button:disabled {
-    color: unset;
-  }
-  .disabled label,
-  .disabled:focus-within label,
-  [aria-disabled=true],
-  [aria-disabled=true]:focus,
-  [disabled],
-  [disabled]:focus {
-    opacity: 0.5;
-    outline: none;
-    cursor: not-allowed;
-  }
-  [aria-disabled=true]:focus .kol-span,
-  [disabled]:focus .kol-span {
-    outline: none !important;
-  }
-}
-@layer kol-component {
-  .kol-tooltip {
-    display: contents;
-  }
-  .kol-tooltip__floating {
-    opacity: 0;
-    display: none;
-    position: fixed;
-    /* Avoid layout interference - see https://floating-ui.com/docs/computePosition */
-    top: 0;
-    left: 0;
-    /* Can be used to specify the tooltip-width from the outside. Unset by default.  */
-    width: var(--kol-tooltip-width, max-content);
-    min-width: calc(8 * 1rem / var(--kolibri-root-font-size, 16));
-    max-width: 90vw;
-    max-height: 90vh;
-    animation-direction: normal;
-    /* Can be used to specify the animation duration from the outside. 250ms by default. */
-    animation-duration: var(--kolibri-tooltip-animation-duration, 250ms);
-    animation-fill-mode: forwards;
-    animation-iteration-count: 1;
-    animation-timing-function: ease-in;
-  }
-  .kol-tooltip__floating.hide {
-    animation-name: hideTooltip;
-  }
-  .kol-tooltip__floating.show {
-    animation-name: showTooltip;
-  }
-  .kol-tooltip__arrow {
-    transform: rotate(45deg);
-    color: #000;
-    background-color: #fff;
-    position: absolute;
-    z-index: 999;
-    width: calc(10 * 1rem / var(--kolibri-root-font-size, 16));
-    height: calc(10 * 1rem / var(--kolibri-root-font-size, 16));
-  }
-  .kol-tooltip__content {
-    color: #000;
-    background-color: #fff;
-    position: relative;
-    z-index: 1000;
-  }
-  @keyframes hideTooltip {
-    0% {
-      opacity: 1;
-    }
-    100% {
-      opacity: 0;
-      display: none;
-    }
-  }
-  @keyframes showTooltip {
-    0% {
-      opacity: 0;
-    }
-    100% {
-      opacity: 1;
-    }
-  }
-}
-@layer kol-component {
-  :host {
-    display: inline-block;
-  }
-  .kol-link {
-    display: inline-flex;
-    max-width: fit-content;
-    align-items: baseline;
-    place-items: center;
-    text-align: left;
-    text-decoration-line: none;
-  }
-  .kol-link--standalone {
-    min-width: var(--a11y-min-size);
-    min-height: var(--a11y-min-size);
-  }
-  .kol-link:is(:focus, :hover):not([aria-disabled], [disabled]) .kol-link__text .kol-span__label {
-    text-decoration-thickness: 0.2em;
-  }
-  .kol-link__text .kol-span__label {
-    text-decoration-line: underline;
-  }
-  .kol-link__icon {
-    display: inline-flex;
-    margin-left: calc(8 * 1rem / var(--kolibri-root-font-size, 16));
-  }
-  .kol-breadcrumb__list, .kol-breadcrumb__list-element {
-    display: flex;
-    margin: 0;
-    padding: 0;
-    gap: 0.5em;
-    flex-wrap: wrap;
-    place-items: center;
-    list-style: none;
-  }
-  .kol-breadcrumb__icon::part(separator) {
-    font-size: 0.7em;
-    font-weight: 900;
-  }
-  .kol-breadcrumb__icon::part(separator):before {
-    content: "\\f054";
-    font-family: "Font Awesome 6 Free";
-  }
-}`,f=class{constructor(t){s(this,t),this.renderLink=(e,i)=>{const l=this.state._links.length-1;return n("li",{class:"kol-breadcrumb__list-element",key:i},i!==0&&n(o,{class:"kol-breadcrumb__icon",_label:"",_icons:"codicon codicon-chevron-right"}),i===l?n("span",{class:"kol-breadcrumb__list-element-span","aria-current":"page"},e._hideLabel?n(o,{class:"kol-breadcrumb__icon",_label:e._label,_icons:typeof e._icons=="string"?e._icons:"codicon codicon-symbol-event"}):n(r,null,e._label)):n(d,Object.assign({class:"kol-breadcrumb__link",_inline:!1},e)))},this.state={_label:"",_links:[]}}render(){return n("nav",{key:"357295b7fe9e9db5be6862cca0dc46143888dfde",class:"kol-breadcrumb","aria-label":this.state._label},n("ul",{key:"98a45620a07b02908b3d9d7394e5555c65f5c79b",class:"kol-breadcrumb__list"},this.state._links.length===0&&n("li",{key:"c11594ab4dcd6d864fe6183124ad764ffa758962"},n(o,{key:"ec80421edc40cd8195c97b63b65e3ce35806849b",class:"kol-breadcrumb_icon",_label:"",_icons:"codicon codicon-home"}),"…"),this.state._links.map(this.renderLink)))}validateLabel(t,e,i=!1){i||a(this.state._label),h(this,t,{required:!0}),c(t),m(this.state._label)}validateLinks(t){b("KolBreadcrumb",this,t)}componentWillLoad(){this.validateLabel(this._label,void 0,!0),this.validateLinks(this._links)}disconnectedCallback(){a(this.state._label)}static get watchers(){return{_label:["validateLabel"],_links:["validateLinks"]}}};f.style={default:p};export{f as kol_breadcrumb};
-//# sourceMappingURL=kol-breadcrumb.entry-Kl1Mm-Qa.js.map

package/dist/assets/kol-breadcrumb.entry-Kl1Mm-Qa.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"kol-breadcrumb.entry-Kl1Mm-Qa.js","sources":["../../../../components/dist/esm/kol-breadcrumb.entry.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { r as registerInstance, h, F as Fragment } from './index-DuOiqRzT.js';\nimport { c as a11yHintLabelingLandmarks } from './common-Dd0zJQbD.js';\nimport { v as validateLabel } from './label-Dnmzb2S_.js';\nimport { r as removeNavLabel, a as addNavLabel } from './unique-nav-labels-CrfmPC99.js';\nimport { w as watchNavLinks } from './validation-BfjI5un_.js';\nimport { e as KolIconTag, f as KolLinkWcTag } from './component-names-C3fyby67.js';\n\nconst defaultStyleCss = \"/*\\n* This file defines the layer order for all CSS layers used in KoliBri.\\n* The order is important as it determines the cascade priority.\\n*\\n* Layer order (lowest to highest priority):\\n* 1. kol-a11y - Accessibility defaults and requirements\\n* 2. kol-global - Global component styles and resets\\n* 3. kol-component - Component-specific styles\\n* 4. kol-theme-global - Theme-specific global styles\\n* 5. kol-theme-component - Theme-specific component styles\\n*/\\n@layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component;\\n/* forward the rem function */\\n/*\\n * This file contains all rules for accessibility.\\n */\\n@layer kol-a11y {\\n  :host {\\n    /*\\n                   * Minimum size of interactive elements.\\n                   */\\n    --a11y-min-size: calc(44 * 1rem / var(--kolibri-root-font-size, 16));\\n    /*\\n     * No element should be used without verifying the contrast ratio of its background and font colors.\\n     * By initially setting the background color to white and the font color to black,\\n     * the contrast ratio is ensured and explicit adjustment is forced.\\n     */\\n    color: black;\\n    background-color: white;\\n    /*\\n     * Verdana is an accessible font that can be used without requiring additional loading time.\\n     */\\n    font-family: Verdana;\\n    /*\\n     * Letter spacing is required for all texts.\\n     */\\n    letter-spacing: inherit;\\n    /*\\n     * Word spacing is required for all texts.\\n     */\\n    word-spacing: inherit;\\n    /*\\n     * Text should be aligned left by default to provide a predictable starting point.\\n     */\\n    text-align: left;\\n  }\\n  * {\\n    /*\\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\\n     */\\n    hyphens: auto;\\n    /*\\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\\n     */\\n    word-break: break-word;\\n  }\\n  /*\\n   * All interactive elements should have a minimum size of to-rem(44).\\n   */\\n  /* input:not([type='checkbox'], [type='radio'], [type='range']), */\\n  /* option, */\\n  /* select, */\\n  /* textarea, */\\n  button,\\n  .kol-input .input {\\n    min-width: var(--a11y-min-size);\\n    min-height: var(--a11y-min-size);\\n  }\\n  /*\\n   * Some interactive elements should not inherit the font-family and font-size.\\n   */\\n  a,\\n  button,\\n  h1,\\n  h2,\\n  h3,\\n  h4,\\n  h5,\\n  h6,\\n  input,\\n  option,\\n  select,\\n  textarea {\\n    /*\\n     * All elements should inherit the text color from his parent element.\\n     */\\n    color: inherit;\\n    /*\\n     * All elements should inherit the font family from his parent element.\\n     */\\n    font-family: inherit;\\n    /*\\n     * All elements should inherit the font size from his parent element.\\n     */\\n    font-size: inherit;\\n    /*\\n     * Letter spacing is required for all texts.\\n     */\\n    letter-spacing: inherit;\\n    /*\\n     * Word spacing is required for all texts.\\n     */\\n    word-spacing: inherit;\\n  }\\n  /**\\n  * Sometimes we need the semantic element for accessibility reasons,\\n  * but we don't want to show it.\\n  *\\n  * - https://www.a11yproject.com/posts/how-to-hide-content/\\n  */\\n  .visually-hidden {\\n    position: fixed;\\n    top: 0;\\n    left: 0;\\n    width: 1px;\\n    height: 1px;\\n    overflow: hidden;\\n    white-space: nowrap;\\n    clip-path: inset(50%);\\n  }\\n}\\n@layer kol-global {\\n  /*\\n   * Dieses CSS stellt sicher, dass der Standard-Style\\n   * von A und Button resettet werden.\\n   */\\n  :is(a, button) {\\n    background-color: transparent;\\n    width: 100%;\\n    margin: 0;\\n    padding: 0;\\n    border: none;\\n    /* 100% needed for custom width from outside */\\n  }\\n  /*\\n   * Ensure elements with hidden attribute to be actually not visible\\n   * @see https://meowni.ca/hidden.is.a.lie.html\\n   */\\n  [hidden] {\\n    display: none !important;\\n  }\\n  .badge-text-hint {\\n    color: black;\\n    background-color: lightgray;\\n  }\\n}\\n@layer kol-global {\\n  :host {\\n    /*\\n     * The max-width is needed to prevent the table from overflowing the\\n     * parent node, if the table is wider than the parent node.\\n     */\\n    max-width: 100%;\\n    font-size: calc(16 * 1rem / var(--kolibri-root-font-size, 16));\\n  }\\n  * {\\n    /*\\n     * We prefer to box-sizing: border-box for all elements.\\n     */\\n    box-sizing: border-box;\\n  }\\n  .kol-span {\\n    /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\\n    display: flex;\\n    flex-flow: column;\\n    align-items: center;\\n    justify-content: center;\\n    /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\\n  }\\n  .kol-span__container {\\n    display: flex;\\n    align-items: center;\\n  }\\n  a,\\n  button {\\n    cursor: pointer;\\n  }\\n  .kol-span .kol-span__label--hide-label .kol-span__label {\\n    display: none;\\n  }\\n  /* Reset browser agent style. */\\n  button:disabled {\\n    color: unset;\\n  }\\n  .disabled label,\\n  .disabled:focus-within label,\\n  [aria-disabled=true],\\n  [aria-disabled=true]:focus,\\n  [disabled],\\n  [disabled]:focus {\\n    opacity: 0.5;\\n    outline: none;\\n    cursor: not-allowed;\\n  }\\n  [aria-disabled=true]:focus .kol-span,\\n  [disabled]:focus .kol-span {\\n    outline: none !important;\\n  }\\n}\\n@layer kol-component {\\n  .kol-tooltip {\\n    display: contents;\\n  }\\n  .kol-tooltip__floating {\\n    opacity: 0;\\n    display: none;\\n    position: fixed;\\n    /* Avoid layout interference - see https://floating-ui.com/docs/computePosition */\\n    top: 0;\\n    left: 0;\\n    /* Can be used to specify the tooltip-width from the outside. Unset by default.  */\\n    width: var(--kol-tooltip-width, max-content);\\n    min-width: calc(8 * 1rem / var(--kolibri-root-font-size, 16));\\n    max-width: 90vw;\\n    max-height: 90vh;\\n    animation-direction: normal;\\n    /* Can be used to specify the animation duration from the outside. 250ms by default. */\\n    animation-duration: var(--kolibri-tooltip-animation-duration, 250ms);\\n    animation-fill-mode: forwards;\\n    animation-iteration-count: 1;\\n    animation-timing-function: ease-in;\\n  }\\n  .kol-tooltip__floating.hide {\\n    animation-name: hideTooltip;\\n  }\\n  .kol-tooltip__floating.show {\\n    animation-name: showTooltip;\\n  }\\n  .kol-tooltip__arrow {\\n    transform: rotate(45deg);\\n    color: #000;\\n    background-color: #fff;\\n    position: absolute;\\n    z-index: 999;\\n    width: calc(10 * 1rem / var(--kolibri-root-font-size, 16));\\n    height: calc(10 * 1rem / var(--kolibri-root-font-size, 16));\\n  }\\n  .kol-tooltip__content {\\n    color: #000;\\n    background-color: #fff;\\n    position: relative;\\n    z-index: 1000;\\n  }\\n  @keyframes hideTooltip {\\n    0% {\\n      opacity: 1;\\n    }\\n    100% {\\n      opacity: 0;\\n      display: none;\\n    }\\n  }\\n  @keyframes showTooltip {\\n    0% {\\n      opacity: 0;\\n    }\\n    100% {\\n      opacity: 1;\\n    }\\n  }\\n}\\n@layer kol-component {\\n  :host {\\n    display: inline-block;\\n  }\\n  .kol-link {\\n    display: inline-flex;\\n    max-width: fit-content;\\n    align-items: baseline;\\n    place-items: center;\\n    text-align: left;\\n    text-decoration-line: none;\\n  }\\n  .kol-link--standalone {\\n    min-width: var(--a11y-min-size);\\n    min-height: var(--a11y-min-size);\\n  }\\n  .kol-link:is(:focus, :hover):not([aria-disabled], [disabled]) .kol-link__text .kol-span__label {\\n    text-decoration-thickness: 0.2em;\\n  }\\n  .kol-link__text .kol-span__label {\\n    text-decoration-line: underline;\\n  }\\n  .kol-link__icon {\\n    display: inline-flex;\\n    margin-left: calc(8 * 1rem / var(--kolibri-root-font-size, 16));\\n  }\\n  .kol-breadcrumb__list, .kol-breadcrumb__list-element {\\n    display: flex;\\n    margin: 0;\\n    padding: 0;\\n    gap: 0.5em;\\n    flex-wrap: wrap;\\n    place-items: center;\\n    list-style: none;\\n  }\\n  .kol-breadcrumb__icon::part(separator) {\\n    font-size: 0.7em;\\n    font-weight: 900;\\n  }\\n  .kol-breadcrumb__icon::part(separator):before {\\n    content: \\\"\\\\f054\\\";\\n    font-family: \\\"Font Awesome 6 Free\\\";\\n  }\\n}\";\n\nconst KolBreadcrumb = class {\n    constructor(hostRef) {\n        registerInstance(this, hostRef);\n        this.renderLink = (link, index) => {\n            const lastIndex = this.state._links.length - 1;\n            return (h(\"li\", { class: \"kol-breadcrumb__list-element\", key: index }, index !== 0 && h(KolIconTag, { class: \"kol-breadcrumb__icon\", _label: \"\", _icons: \"codicon codicon-chevron-right\" }), index === lastIndex ? (h(\"span\", { class: \"kol-breadcrumb__list-element-span\", \"aria-current\": \"page\" }, link._hideLabel ? (h(KolIconTag, { class: \"kol-breadcrumb__icon\", _label: link._label, _icons: typeof link._icons === 'string' ? link._icons : 'codicon codicon-symbol-event' })) : (h(Fragment, null, link._label)))) : (h(KolLinkWcTag, Object.assign({ class: \"kol-breadcrumb__link\", _inline: false }, link)))));\n        };\n        this.state = {\n            _label: '',\n            _links: [],\n        };\n    }\n    render() {\n        return (h(\"nav\", { key: '357295b7fe9e9db5be6862cca0dc46143888dfde', class: \"kol-breadcrumb\", \"aria-label\": this.state._label }, h(\"ul\", { key: '98a45620a07b02908b3d9d7394e5555c65f5c79b', class: \"kol-breadcrumb__list\" }, this.state._links.length === 0 && (h(\"li\", { key: 'c11594ab4dcd6d864fe6183124ad764ffa758962' }, h(KolIconTag, { key: 'ec80421edc40cd8195c97b63b65e3ce35806849b', class: \"kol-breadcrumb_icon\", _label: \"\", _icons: \"codicon codicon-home\" }), \"\\u2026\")), this.state._links.map(this.renderLink))));\n    }\n    validateLabel(value, _oldValue, initial = false) {\n        if (!initial) {\n            removeNavLabel(this.state._label);\n        }\n        validateLabel(this, value, {\n            required: true,\n        });\n        a11yHintLabelingLandmarks(value);\n        addNavLabel(this.state._label);\n    }\n    validateLinks(value) {\n        watchNavLinks('KolBreadcrumb', this, value);\n    }\n    componentWillLoad() {\n        this.validateLabel(this._label, undefined, true);\n        this.validateLinks(this._links);\n    }\n    disconnectedCallback() {\n        removeNavLabel(this.state._label);\n    }\n    static get watchers() { return {\n        \"_label\": [\"validateLabel\"],\n        \"_links\": [\"validateLinks\"]\n    }; }\n};\nKolBreadcrumb.style = {\n    default: defaultStyleCss\n};\n\nexport { KolBreadcrumb as kol_breadcrumb };\n//# sourceMappingURL=kol-breadcrumb.entry.js.map\n"],"names":["defaultStyleCss","KolBreadcrumb","hostRef","registerInstance","link","index","lastIndex","h","KolIconTag","Fragment","KolLinkWcTag","value","_oldValue","initial","removeNavLabel","validateLabel","a11yHintLabelingLandmarks","addNavLabel","watchNavLinks"],"mappings":"sPAUA,MAAMA,EAAkB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAElBC,EAAgB,KAAM,CACxB,YAAYC,EAAS,CACjBC,EAAiB,KAAMD,CAAO,EAC9B,KAAK,WAAa,CAACE,EAAMC,IAAU,CAC/B,MAAMC,EAAY,KAAK,MAAM,OAAO,OAAS,EAC7C,OAAQC,EAAE,KAAM,CAAE,MAAO,+BAAgC,IAAKF,CAAK,EAAIA,IAAU,GAAKE,EAAEC,EAAY,CAAE,MAAO,uBAAwB,OAAQ,GAAI,OAAQ,+BAA+B,CAAE,EAAGH,IAAUC,EAAaC,EAAE,OAAQ,CAAE,MAAO,oCAAqC,eAAgB,MAAM,EAAIH,EAAK,WAAcG,EAAEC,EAAY,CAAE,MAAO,uBAAwB,OAAQJ,EAAK,OAAQ,OAAQ,OAAOA,EAAK,QAAW,SAAWA,EAAK,OAAS,8BAA8B,CAAE,EAAMG,EAAEE,EAAU,KAAML,EAAK,MAAM,CAAE,EAAMG,EAAEG,EAAc,OAAO,OAAO,CAAE,MAAO,uBAAwB,QAAS,EAAK,EAAIN,CAAI,CAAC,CAAE,CAC5lB,EACA,KAAK,MAAQ,CACT,OAAQ,GACR,OAAQ,CAAA,CACpB,CACI,CACA,QAAS,CACL,OAAQG,EAAE,MAAO,CAAE,IAAK,2CAA4C,MAAO,iBAAkB,aAAc,KAAK,MAAM,MAAM,EAAIA,EAAE,KAAM,CAAE,IAAK,2CAA4C,MAAO,wBAA0B,KAAK,MAAM,OAAO,SAAW,GAAMA,EAAE,KAAM,CAAE,IAAK,0CAA0C,EAAIA,EAAEC,EAAY,CAAE,IAAK,2CAA4C,MAAO,sBAAuB,OAAQ,GAAI,OAAQ,sBAAsB,CAAE,EAAG,GAAQ,EAAI,KAAK,MAAM,OAAO,IAAI,KAAK,UAAU,CAAC,CAAC,CACjgB,CACA,cAAcG,EAAOC,EAAWC,EAAU,GAAO,CACxCA,GACDC,EAAe,KAAK,MAAM,MAAM,EAEpCC,EAAc,KAAMJ,EAAO,CACvB,SAAU,EACtB,CAAS,EACDK,EAA0BL,CAAK,EAC/BM,EAAY,KAAK,MAAM,MAAM,CACjC,CACA,cAAcN,EAAO,CACjBO,EAAc,gBAAiB,KAAMP,CAAK,CAC9C,CACA,mBAAoB,CAChB,KAAK,cAAc,KAAK,OAAQ,OAAW,EAAI,EAC/C,KAAK,cAAc,KAAK,MAAM,CAClC,CACA,sBAAuB,CACnBG,EAAe,KAAK,MAAM,MAAM,CACpC,CACA,WAAW,UAAW,CAAE,MAAO,CAC3B,OAAU,CAAC,eAAe,EAC1B,OAAU,CAAC,eAAe,CAClC,CAAO,CACP,EACAb,EAAc,MAAQ,CAClB,QAASD,CACb"}