@public-ui/components 4.1.2-rc.7 → 4.1.2-rc.8

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

@@ -1 +1 @@
-{"version":3,"names":["h","registerInstance","createEvent","Host","BaseController","BaseWebComponent","bem","ClickButtonFC","ClickButtonController","Log","createPropDefinition","normalizeString","nameProp","skeletonBem","forBlock","BEM_CLASS_SKELETON__ACTIONS","BEM_CLASS_SKELETON__CONTAINER","BEM_CLASS_SKELETON__COUNTER","BEM_CLASS_SKELETON__NAME","SkeletonFC","props","count","label","name","show","handleClick","refButton","hasName","trim","BEM_CLASS_ROOT","class","skeletonPropsConfig","required","SkeletonController","constructor","setState","getState","super","this","onKeydown","event","key","console","log","toggle","_a","_b","debug","call","setButtonRef","element","clickButtonCtrl","startLoadedEventInterval","componentWillLoad","watchName","value","apply","v","setRenderProp","focus","intervalId","setInterval","emitLoaded","onLoadedCallback","setOnLoadedCallback","callback","destroy","clearInterval","undefined","KolSkeleton","hostRef","loaded","rendered","ctrl","Promise","resolve","handleKeyDown","_name","emit","componentDidLoad","requestAnimationFrame","disconnectedCallback","render","getRenderProp","onLoaded","onRendered","watchers"],"sources":["0"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["h","registerInstance","createEvent","Host","BaseWebComponent","bem","ClickButtonFC","ClickButtonController","Log","createPropDefinition","normalizeString","BaseController","nameProp","skeletonBem","forBlock","BEM_CLASS_SKELETON__ACTIONS","BEM_CLASS_SKELETON__CONTAINER","BEM_CLASS_SKELETON__COUNTER","BEM_CLASS_SKELETON__NAME","SkeletonFC","props","count","label","name","show","handleClick","refButton","hasName","trim","BEM_CLASS_ROOT","class","skeletonPropsConfig","required","SkeletonController","constructor","stateAccess","super","this","onKeydown","event","key","console","log","toggle","_a","_b","debug","setState","getState","call","setButtonRef","element","clickButtonCtrl","stateLess","startLoadedEventInterval","componentWillLoad","watchName","value","apply","v","setRenderProp","focus","intervalId","setInterval","emitLoaded","onLoadedCallback","setOnLoadedCallback","callback","destroy","clearInterval","undefined","KolSkeleton","hostRef","loaded","rendered","ctrl","Promise","resolve","handleKeyDown","_name","emit","componentDidLoad","requestAnimationFrame","disconnectedCallback","render","getRenderProp","onLoaded","onRendered","watchers"],"sources":["0"],"mappings":"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","ignoreList":[]}

package/dist/kolibri/kol-skip-nav.entry.js

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{r as n,h as e,g as o}from"./index-BPtT34o3.js";import"./common-5ExJH6NU.js";import{v as t}from"./label-Cd37SRqu.js";import{d as i,s as l}from"./element-focus-BKUtVrWY.js";import{r as a,a as s}from"./unique-nav-labels-gjoTXEl2.js";import{w as r}from"./validation-0DtswhYW.js";import{d as c}from"./component-names-pgL1e5No.js";const d='/* 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  .hastooltip {\n    z-index: 900 !important;\n  }\n}\n@font-face {\n  font-family: "kolicons";\n  src: url("kolicons.eot?t=1774956515321"); /* IE9*/\n  src: url("kolicons.eot?t=1774956515321#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1774956515321") format("woff2"), url("kolicons.woff?t=1774956515321") format("woff"), url("kolicons.ttf?t=1774956515321") format("truetype"), url("kolicons.svg?t=1774956515321#kolicons") format("svg"); /* iOS 4.1- */\n}\n@layer kol-component {\n  [class^=kolicon-], [class*=" kolicon-"] {\n    font-family: "kolicons";\n    font-style: normal;\n    font-weight: 400;\n    line-height: 1em;\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: grayscale;\n  }\n  .kolicon-alert-error::before {\n    content: "\\ea01";\n  }\n  .kolicon-alert-info::before {\n    content: "\\ea02";\n  }\n  .kolicon-alert-success::before {\n    content: "\\ea03";\n  }\n  .kolicon-alert-warning::before {\n    content: "\\ea04";\n  }\n  .kolicon-check::before {\n    content: "\\ea05";\n  }\n  .kolicon-chevron-double-left::before {\n    content: "\\ea06";\n  }\n  .kolicon-chevron-double-right::before {\n    content: "\\ea07";\n  }\n  .kolicon-chevron-down::before {\n    content: "\\ea08";\n  }\n  .kolicon-chevron-left::before {\n    content: "\\ea09";\n  }\n  .kolicon-chevron-right::before {\n    content: "\\ea0a";\n  }\n  .kolicon-chevron-up::before {\n    content: "\\ea0b";\n  }\n  .kolicon-cogwheel::before {\n    content: "\\ea0c";\n  }\n  .kolicon-cross::before {\n    content: "\\ea0d";\n  }\n  .kolicon-eye-closed::before {\n    content: "\\ea0e";\n  }\n  .kolicon-eye::before {\n    content: "\\ea0f";\n  }\n  .kolicon-house::before {\n    content: "\\ea10";\n  }\n  .kolicon-kolibri::before {\n    content: "\\ea11";\n  }\n  .kolicon-link-external::before {\n    content: "\\ea12";\n  }\n  .kolicon-link::before {\n    content: "\\ea13";\n  }\n  .kolicon-minus::before {\n    content: "\\ea14";\n  }\n  .kolicon-plus::before {\n    content: "\\ea15";\n  }\n  .kolicon-settings::before {\n    content: "\\ea16";\n  }\n  .kolicon-sort-asc::before {\n    content: "\\ea17";\n  }\n  .kolicon-sort-desc::before {\n    content: "\\ea18";\n  }\n  .kolicon-sort-neutral::before {\n    content: "\\ea19";\n  }\n  .kolicon-up::before {\n    content: "\\ea1a";\n  }\n  .kolicon-version::before {\n    content: "\\ea1b";\n  }\n}\n@layer kol-component {\n  .kol-icon {\n    color: inherit;\n    display: inline-block;\n    font-size: inherit;\n    font-weight: inherit;\n    line-height: inherit;\n  }\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-icon {\n    color: inherit;\n    display: inline-block;\n    font-size: inherit;\n    font-weight: inherit;\n    line-height: inherit;\n  }\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    align-items: stretch;\n  }\n  .kol-link--standalone .kol-link__text {\n    display: inline-flex;\n    flex: 1 1 100%;\n    place-items: center;\n  }\n  .kol-link .kol-span__label {\n    text-decoration-line: underline;\n  }\n  .kol-link:focus:not([aria-disabled], [disabled]) .kol-span__label, .kol-link:hover:not([aria-disabled], [disabled]) .kol-span__label {\n    text-decoration-thickness: 0.2em;\n  }\n  .kol-link__icon {\n    display: inline-flex;\n  }\n  .kol-skip-nav__list {\n    display: grid;\n    place-items: center;\n    list-style: none;\n  }\n  .kol-skip-nav__list-item {\n    height: 0;\n  }\n  .kol-skip-nav .kol-link {\n    position: absolute;\n    left: calc(-99999 * 1rem / var(--kolibri-root-font-size, 16));\n    z-index: 9999999;\n    line-height: 1;\n  }\n  .kol-skip-nav .kol-link:focus {\n    background-color: #fff;\n    position: unset;\n    left: unset;\n  }\n}',h=class{constructor(e){n(this,e),this.state={_label:"",_links:[]}}render(){return e("nav",{key:"fb78bd85272a94014a392cd1861dd537b44a25d7",class:"kol-skip-nav","aria-label":this.state._label},e("ul",{key:"dd649083287a7bda7e0e74e2aa9e0f44b15597b5",class:"kol-skip-nav__list"},this.state._links.map((n,o)=>e("li",{class:"kol-skip-nav__list-item",key:o},e(c,Object.assign({},n,{ref:0===o?n=>this.firstLinkRef=n:void 0}))))))}async focus(){return i(this.host,()=>l(this.firstLinkRef))}validateLabel(n,e,o=!1){o||a(this.state._label),t(this,n,{required:!0}),s(this.state._label)}validateLinks(n){r("KolSkipNav",this,n)}componentWillLoad(){this.validateLabel(this._label,void 0,!0),this.validateLinks(this._links)}disconnectedCallback(){a(this.state._label)}get host(){return o(this)}static get watchers(){return{_label:["validateLabel"],_links:["validateLinks"]}}};h.style={default:d};export{h as kol_skip_nav};
+import{r as n,h as e,g as o}from"./index-C8rYknb2.js";import"./common-BqV6Zb30.js";import{v as t}from"./label-vxVEH2gH.js";import{d as i,s as l}from"./element-focus-BKUtVrWY.js";import{r as a,a as s}from"./unique-nav-labels-BIHfxulq.js";import{w as r}from"./validation-JhNRqKy1.js";import{c}from"./component-names-Dy77vq43.js";const d='/* 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  .hastooltip {\n    z-index: 900 !important;\n  }\n}\n@font-face {\n  font-family: "kolicons";\n  src: url("kolicons.eot?t=1775118370120"); /* IE9*/\n  src: url("kolicons.eot?t=1775118370120#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1775118370120") format("woff2"), url("kolicons.woff?t=1775118370120") format("woff"), url("kolicons.ttf?t=1775118370120") format("truetype"), url("kolicons.svg?t=1775118370120#kolicons") format("svg"); /* iOS 4.1- */\n}\n@layer kol-component {\n  [class^=kolicon-], [class*=" kolicon-"] {\n    font-family: "kolicons";\n    font-style: normal;\n    font-weight: 400;\n    line-height: 1em;\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: grayscale;\n  }\n  .kolicon-alert-error::before {\n    content: "\\ea01";\n  }\n  .kolicon-alert-info::before {\n    content: "\\ea02";\n  }\n  .kolicon-alert-success::before {\n    content: "\\ea03";\n  }\n  .kolicon-alert-warning::before {\n    content: "\\ea04";\n  }\n  .kolicon-check::before {\n    content: "\\ea05";\n  }\n  .kolicon-chevron-double-left::before {\n    content: "\\ea06";\n  }\n  .kolicon-chevron-double-right::before {\n    content: "\\ea07";\n  }\n  .kolicon-chevron-down::before {\n    content: "\\ea08";\n  }\n  .kolicon-chevron-left::before {\n    content: "\\ea09";\n  }\n  .kolicon-chevron-right::before {\n    content: "\\ea0a";\n  }\n  .kolicon-chevron-up::before {\n    content: "\\ea0b";\n  }\n  .kolicon-cogwheel::before {\n    content: "\\ea0c";\n  }\n  .kolicon-cross::before {\n    content: "\\ea0d";\n  }\n  .kolicon-eye-closed::before {\n    content: "\\ea0e";\n  }\n  .kolicon-eye::before {\n    content: "\\ea0f";\n  }\n  .kolicon-house::before {\n    content: "\\ea10";\n  }\n  .kolicon-kolibri::before {\n    content: "\\ea11";\n  }\n  .kolicon-link-external::before {\n    content: "\\ea12";\n  }\n  .kolicon-link::before {\n    content: "\\ea13";\n  }\n  .kolicon-minus::before {\n    content: "\\ea14";\n  }\n  .kolicon-plus::before {\n    content: "\\ea15";\n  }\n  .kolicon-settings::before {\n    content: "\\ea16";\n  }\n  .kolicon-sort-asc::before {\n    content: "\\ea17";\n  }\n  .kolicon-sort-desc::before {\n    content: "\\ea18";\n  }\n  .kolicon-sort-neutral::before {\n    content: "\\ea19";\n  }\n  .kolicon-up::before {\n    content: "\\ea1a";\n  }\n  .kolicon-version::before {\n    content: "\\ea1b";\n  }\n}\n@layer kol-component {\n  .kol-icon {\n    color: inherit;\n    display: inline-block;\n    font-size: inherit;\n    font-weight: inherit;\n    line-height: inherit;\n  }\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-icon {\n    color: inherit;\n    display: inline-block;\n    font-size: inherit;\n    font-weight: inherit;\n    line-height: inherit;\n  }\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    align-items: stretch;\n  }\n  .kol-link--standalone .kol-link__text {\n    display: inline-flex;\n    flex: 1 1 100%;\n    place-items: center;\n  }\n  .kol-link .kol-span__label {\n    text-decoration-line: underline;\n  }\n  .kol-link:focus:not([aria-disabled], [disabled]) .kol-span__label, .kol-link:hover:not([aria-disabled], [disabled]) .kol-span__label {\n    text-decoration-thickness: 0.2em;\n  }\n  .kol-link__icon {\n    display: inline-flex;\n  }\n  .kol-skip-nav__list {\n    display: grid;\n    place-items: center;\n    list-style: none;\n  }\n  .kol-skip-nav__list-item {\n    height: 0;\n  }\n  .kol-skip-nav .kol-link {\n    position: absolute;\n    left: calc(-99999 * 1rem / var(--kolibri-root-font-size, 16));\n    z-index: 9999999;\n    line-height: 1;\n  }\n  .kol-skip-nav .kol-link:focus {\n    background-color: #fff;\n    position: unset;\n    left: unset;\n  }\n}',h=class{constructor(e){n(this,e),this.state={_label:"",_links:[]}}render(){return e("nav",{key:"a56ef3396c25c0bb475650761bf84aabd4c4a82b",class:"kol-skip-nav","aria-label":this.state._label},e("ul",{key:"b802043cea05ec217c560be348ac193d49e86d9b",class:"kol-skip-nav__list"},this.state._links.map((n,o)=>e("li",{class:"kol-skip-nav__list-item",key:o},e(c,Object.assign({},n,{ref:0===o?n=>this.firstLinkRef=n:void 0}))))))}async focus(){return i(this.host,()=>l(this.firstLinkRef))}validateLabel(n,e,o=!1){o||a(this.state._label),t(this,n,{required:!0}),s(this.state._label)}validateLinks(n){r("KolSkipNav",this,n)}componentWillLoad(){this.validateLabel(this._label,void 0,!0),this.validateLinks(this._links)}disconnectedCallback(){a(this.state._label)}get host(){return o(this)}static get watchers(){return{_label:["validateLabel"],_links:["validateLinks"]}}};h.style={default:d};export{h as kol_skip_nav};

package/dist/kolibri/kol-skip-nav.entry.js.map

@@ -1 +1 @@
-{"version":3,"names":["registerInstance","h","getElement","validateLabel","delegateFocus","setFocus","removeNavLabel","addNavLabel","watchNavLinks","KolLinkWcTag","defaultStyleCss","KolSkipNav","constructor","hostRef","this","state","_label","_links","render","key","class","map","link","index","Object","assign","ref","el","firstLinkRef","undefined","focus","host","value","_oldValue","initial","required","validateLinks","componentWillLoad","disconnectedCallback","watchers","style","default"],"sources":["0"],"mappings":";;;YAGcA,OAAkBC,OAAQC,MAAkB,4BACnD,mCACOC,MAAqB,kCACrBC,OAAoBC,MAAgB,0CACpCC,OAAqBC,MAAmB,8CACxCC,MAAqB,uCACrBC,MAAoB,gCAElC,MAAMC,EAAkB,kpVAExB,MAAMC,EAAa,MACf,WAAAC,CAAYC,GACRb,EAAiBc,KAAMD,GACvBC,KAAKC,MAAQ,CACTC,OAAQ,GACRC,OAAQ,GAEhB,CACA,MAAAC,GACI,OAAQjB,EAAE,MAAO,CAAEkB,IAAK,2CAA4CC,MAAO,eAAgB,aAAcN,KAAKC,MAAMC,QAAUf,EAAE,KAAM,CAAEkB,IAAK,2CAA4CC,MAAO,sBAAwBN,KAAKC,MAAME,OAAOI,KAAI,CAACC,EAAMC,IACzOtB,EAAE,KAAM,CAAEmB,MAAO,0BAA2BD,IAAKI,GAAStB,EAAEQ,EAAce,OAAOC,OAAO,CAAC,EAAGH,EAAM,CAAEI,IAAKH,IAAU,EAAKI,GAAQb,KAAKc,aAAeD,EAAME,iBAE1K,CACA,WAAMC,GACF,OAAO1B,EAAcU,KAAKiB,MAAM,IAAM1B,EAASS,KAAKc,eACxD,CACA,aAAAzB,CAAc6B,EAAOC,EAAWC,EAAU,OACtC,IAAKA,EAAS,CACV5B,EAAeQ,KAAKC,MAAMC,OAC9B,CACAb,EAAcW,KAAMkB,EAAO,CACvBG,SAAU,OAEd5B,EAAYO,KAAKC,MAAMC,OAC3B,CACA,aAAAoB,CAAcJ,GACVxB,EAAc,aAAcM,KAAMkB,EACtC,CACA,iBAAAK,GACIvB,KAAKX,cAAcW,KAAKE,OAAQa,UAAW,MAC3Cf,KAAKsB,cAActB,KAAKG,OAC5B,CACA,oBAAAqB,GACIhC,EAAeQ,KAAKC,MAAMC,OAC9B,CACA,QAAIe,GAAS,OAAO7B,EAAWY,KAAO,CACtC,mBAAWyB,GAAa,MAAO,CAC3BvB,OAAU,CAAC,iBACXC,OAAU,CAAC,iBACZ,GAEPN,EAAW6B,MAAQ,CACfC,QAAS/B,UAGJC","ignoreList":[]}
+{"version":3,"names":["registerInstance","h","getElement","validateLabel","delegateFocus","setFocus","removeNavLabel","addNavLabel","watchNavLinks","KolLinkWcTag","defaultStyleCss","KolSkipNav","constructor","hostRef","this","state","_label","_links","render","key","class","map","link","index","Object","assign","ref","el","firstLinkRef","undefined","focus","host","value","_oldValue","initial","required","validateLinks","componentWillLoad","disconnectedCallback","watchers","style","default"],"sources":["0"],"mappings":";;;YAGcA,OAAkBC,OAAQC,MAAkB,4BACnD,mCACOC,MAAqB,kCACrBC,OAAoBC,MAAgB,0CACpCC,OAAqBC,MAAmB,8CACxCC,MAAqB,kCACrBC,MAAoB,gCAElC,MAAMC,EAAkB,kpVAExB,MAAMC,EAAa,MACf,WAAAC,CAAYC,GACRb,EAAiBc,KAAMD,GACvBC,KAAKC,MAAQ,CACTC,OAAQ,GACRC,OAAQ,GAEhB,CACA,MAAAC,GACI,OAAQjB,EAAE,MAAO,CAAEkB,IAAK,2CAA4CC,MAAO,eAAgB,aAAcN,KAAKC,MAAMC,QAAUf,EAAE,KAAM,CAAEkB,IAAK,2CAA4CC,MAAO,sBAAwBN,KAAKC,MAAME,OAAOI,KAAI,CAACC,EAAMC,IACzOtB,EAAE,KAAM,CAAEmB,MAAO,0BAA2BD,IAAKI,GAAStB,EAAEQ,EAAce,OAAOC,OAAO,CAAC,EAAGH,EAAM,CAAEI,IAAKH,IAAU,EAAKI,GAAQb,KAAKc,aAAeD,EAAME,iBAE1K,CACA,WAAMC,GACF,OAAO1B,EAAcU,KAAKiB,MAAM,IAAM1B,EAASS,KAAKc,eACxD,CACA,aAAAzB,CAAc6B,EAAOC,EAAWC,EAAU,OACtC,IAAKA,EAAS,CACV5B,EAAeQ,KAAKC,MAAMC,OAC9B,CACAb,EAAcW,KAAMkB,EAAO,CACvBG,SAAU,OAEd5B,EAAYO,KAAKC,MAAMC,OAC3B,CACA,aAAAoB,CAAcJ,GACVxB,EAAc,aAAcM,KAAMkB,EACtC,CACA,iBAAAK,GACIvB,KAAKX,cAAcW,KAAKE,OAAQa,UAAW,MAC3Cf,KAAKsB,cAActB,KAAKG,OAC5B,CACA,oBAAAqB,GACIhC,EAAeQ,KAAKC,MAAMC,OAC9B,CACA,QAAIe,GAAS,OAAO7B,EAAWY,KAAO,CACtC,mBAAWyB,GAAa,MAAO,CAC3BvB,OAAU,CAAC,iBACXC,OAAU,CAAC,iBACZ,GAEPN,EAAW6B,MAAQ,CACfC,QAAS/B,UAGJC","ignoreList":[]}

package/dist/kolibri/kol-spin.entry.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"kol-spin.entry.esm.js","sources":["src/schema/props/show.ts","src/schema/props/variant/spin.ts","src/components/spin/style.scss?tag=kol-spin&mode=default&encapsulation=shadow","src/components/spin/shadow.tsx"],"sourcesContent":["import type { Generic } from 'adopted-style-sheets';\n\nimport type { WatchBooleanOptions } from '../utils';\nimport { watchBoolean } from '../utils';\n\n/* types */\nexport type ShowPropType = boolean;\n\n/**\n * Makes the element show up.\n */\nexport type PropShow = {\n\tshow: ShowPropType;\n};\n\n/* validator */\nexport const validateShow = (component: Generic.Element.Component, value?: ShowPropType, hooks?: WatchBooleanOptions): void => {\n\twatchBoolean(component, '_show', value, hooks);\n};\n","import type { Generic } from 'adopted-style-sheets';\n\nimport { watchValidator } from '../../utils/prop.validators';\n\n/* types */\n/**\n * Loading-spinner\n * - https://github.com/vineethtrv/css-loader\n */\nconst spinVariantPropTypeOptions = ['cycle', 'dot', 'none'] as const;\nexport type SpinVariantPropType = (typeof spinVariantPropTypeOptions)[number];\n\n/**\n * Defines the variant of spin navigation.\n */\nexport type PropSpinVariant = {\n\tvariant: SpinVariantPropType;\n};\n\n/* validator */\nexport const validateSpinVariant = (component: Generic.Element.Component, value?: SpinVariantPropType): void => {\n\twatchValidator(\n\t\tcomponent,\n\t\t'_variant',\n\t\t(value) => typeof value === 'string' && spinVariantPropTypeOptions.includes(value),\n\t\tnew Set(spinVariantPropTypeOptions),\n\t\tvalue,\n\t);\n};\n","@use '../@shared/mixins' as *;\n@use '../@shared/global' as *;\n@use './cycle' as *;\n@use './dot' as *;\n\n@layer kol-component {\n\t.kol-spin {\n\t\t&__spinner {\n\t\t\tdisplay: block;\n\t\t\tposition: relative;\n\t\t}\n\t}\n}\n","import type { JSX } from '@stencil/core';\nimport { Component, Fragment, h, Host, Prop, State, Watch } from '@stencil/core';\nimport { validateLabel, validateShow, validateSpinVariant } from '../../schema';\n\nimport { translate } from '../../i18n';\n\nimport type { LabelPropType, ShowPropType, SpinAPI, SpinStates, SpinVariantPropType } from '../../schema';\nimport clsx from '../../utils/clsx';\nfunction renderSpin(variant: SpinVariantPropType): JSX.Element {\n\tswitch (variant) {\n\t\tcase 'cycle':\n\t\t\treturn <span class=\"kol-spin__loader\"></span>;\n\t\tcase 'none':\n\t\t\treturn <slot name=\"expert\"></slot>;\n\t\tdefault:\n\t\t\treturn (\n\t\t\t\t<>\n\t\t\t\t\t<span class=\"kol-spin__spinner-element kol-spin__spinner-element--1\"></span>\n\t\t\t\t\t<span class=\"kol-spin__spinner-element kol-spin__spinner-element--2\"></span>\n\t\t\t\t\t<span class=\"kol-spin__spinner-element kol-spin__spinner-element--3\"></span>\n\t\t\t\t\t<span class=\"kol-spin__spinner-element kol-spin__spinner-element--neutral\"></span>\n\t\t\t\t</>\n\t\t\t);\n\t}\n}\n\n/**\n * The **Spin** component informs users about loading or processing operations being performed by the system. Progress can be communicated through a repeated animation.\n *\n * @slot expert - Custom content displayed when the variant is set to `none`.\n */\n@Component({\n\ttag: 'kol-spin',\n\tstyleUrls: {\n\t\tdefault: './style.scss',\n\t},\n\tshadow: true,\n})\nexport class KolSpin implements SpinAPI {\n\tprivate showToggled = false;\n\tprivate readonly translateActionRunning = translate('kol-action-running');\n\tprivate readonly translateActionDone = translate('kol-action-done');\n\n\tpublic render(): JSX.Element {\n\t\treturn (\n\t\t\t<Host class=\"kol-spin\">\n\t\t\t\t{this.state._show ? (\n\t\t\t\t\t<Fragment>\n\t\t\t\t\t\t<span class={clsx('kol-spin__spinner', `kol-spin__spinner--${this.state._variant}`)}>{renderSpin(this.state._variant)}</span>\n\t\t\t\t\t\t<span aria-busy=\"true\" class=\"visually-hidden\" role=\"alert\">\n\t\t\t\t\t\t\t{this.state._label ?? this.translateActionRunning}\n\t\t\t\t\t\t</span>\n\t\t\t\t\t</Fragment>\n\t\t\t\t) : (\n\t\t\t\t\tthis.showToggled && (\n\t\t\t\t\t\t<span aria-busy=\"false\" class=\"visually-hidden\" role=\"alert\">\n\t\t\t\t\t\t\t{this.state._label ?? this.translateActionDone}\n\t\t\t\t\t\t</span>\n\t\t\t\t\t)\n\t\t\t\t)}\n\t\t\t</Host>\n\t\t);\n\t}\n\n\t/**\n\t * Makes the element show up.\n\t * @TODO: Change type back to `ShowPropType` after Stencil#4663 has been resolved.\n\t */\n\t@Prop({ mutable: true, reflect: true }) public _show?: boolean = false;\n\n\t/**\n\t * Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.).\n\t */\n\t@Prop() public _label?: LabelPropType;\n\n\t/**\n\t * Defines which variant should be used for presentation.\n\t */\n\t@Prop() public _variant?: SpinVariantPropType = 'dot';\n\n\t@State() public state: SpinStates = {\n\t\t_variant: 'dot',\n\t\t_label: undefined,\n\t};\n\n\t@Watch('_show')\n\tpublic validateShow(value?: ShowPropType): void {\n\t\tthis.showToggled = this.state._show === true && this._show === false;\n\t\tvalidateShow(this, value);\n\t}\n\n\t@Watch('_label')\n\tpublic validateLabel(value?: LabelPropType): void {\n\t\tvalidateLabel(this, value);\n\t}\n\n\t@Watch('_variant')\n\tpublic validateVariant(value?: SpinVariantPropType): void {\n\t\tvalidateSpinVariant(this, value);\n\t}\n\n\tpublic componentWillLoad(): void {\n\t\tthis.validateShow(this._show);\n\t\tthis.validateVariant(this._variant);\n\t\tthis.validateLabel(this._label);\n\t}\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"kol-spin.entry.esm.js","sources":["src/internal/props/show.ts","src/internal/props/variant-spin.ts","src/internal/functional-components/spin/component.tsx","src/internal/functional-components/spin/api.tsx","src/internal/functional-components/spin/controller.ts","src/components/spin/style.scss?tag=kol-spin&mode=default&encapsulation=shadow","src/components/spin/component.tsx"],"sourcesContent":["import type { SimpleProp } from './helpers/factory';\nimport { createPropDefinition } from './helpers/factory';\nimport { normalizeBoolean } from './helpers/normalizers';\n\n/**\n * Show prop for toggling element visibility\n *\n * Description:\n * Controls whether a component is visible or hidden. The visibility state must be\n * communicated to assistive technologies so screen reader users understand which\n * content is currently perceivable.\n *\n * Usage (according to WCAG 2.1 and WAI-ARIA):\n * - Hidden content must be correctly excluded from the accessibility tree (aria-hidden)\n * - Toggling visibility should update aria-expanded on the controlling element (WCAG 4.1.2 Name, Role, Value)\n * - Content that appears or disappears must not trap keyboard focus (WCAG 2.1.2 No Keyboard Trap)\n * - Dynamic content changes should be announced to screen readers when appropriate (WCAG 4.1.3 Status Messages)\n *\n * @see https://www.w3.org/WAI/WCAG21/Understanding/name-role-value.html\n * @see https://www.w3.org/TR/wai-aria-1.2/#aria-hidden\n * @see https://www.w3.org/TR/wai-aria-1.2/#aria-expanded\n * @see https://www.w3.org/WAI/WCAG21/Understanding/no-keyboard-trap.html\n */\nexport type ShowProp = SimpleProp<'show', boolean>;\nexport const showProp = createPropDefinition<ShowProp>('show', false, normalizeBoolean);\n","import type { SimpleProp } from './helpers/factory';\nimport { createPropDefinition } from './helpers/factory';\nimport { normalizeString } from './helpers/normalizers';\n\n/**\n * Variant prop for spin display style\n *\n * Description:\n * Determines the visual presentation of a loading spinner. The component communicates\n * loading state through visual animation and aria-busy to assistive technologies.\n *\n * Usage (according to WAI-ARIA):\n * - \"dot\": Animated dots spinner (default)\n * - \"cycle\": Rotating cycle animation\n * - \"none\": Custom content via expert slot\n * - The visual variant choice is presentation-only and does not affect the accessible semantics\n *\n * Accessibility:\n * - Loading state must be announced via aria-busy (WCAG 4.1.3 Status Messages)\n * - The spinner animation must respect prefers-reduced-motion (WCAG 2.3.3 Animation from Interactions)\n * - Completion must be announced when show transitions to false (WCAG 4.1.3 Status Messages)\n *\n * @see https://www.w3.org/TR/wai-aria-1.2/#aria-busy\n * @see https://www.w3.org/WAI/WCAG21/Understanding/status-messages.html\n * @see https://www.w3.org/WAI/WCAG21/Understanding/animation-from-interactions.html\n */\nexport const spinVariantOptions = ['dot', 'cycle', 'none'] as const;\nexport type SpinVariantType = (typeof spinVariantOptions)[number];\n\nexport type VariantSpinProp = SimpleProp<'variant', SpinVariantType>;\nexport const variantSpinProp = createPropDefinition<VariantSpinProp>(\n\t'variant',\n\t'dot',\n\t(value: unknown) => {\n\t\tconst str = normalizeString(value);\n\t\tif (spinVariantOptions.includes(str as SpinVariantType)) {\n\t\t\treturn str as SpinVariantType;\n\t\t}\n\t\tthrow new Error(`Invalid spin variant: ${str}`);\n\t},\n\t() => true,\n);\n","import type { FunctionalComponent as FC } from '@stencil/core';\nimport { Fragment, h } from '@stencil/core';\n\nimport type { FunctionalComponentProps } from '../generic-types';\nimport type { SpinApi } from './api';\n\nfunction renderSpinVariant(variant: string): unknown {\n\tswitch (variant) {\n\t\tcase 'cycle':\n\t\t\treturn <span class=\"kol-spin__loader\"></span>;\n\t\tcase 'none':\n\t\t\treturn <slot name=\"expert\"></slot>;\n\t\tdefault:\n\t\t\treturn (\n\t\t\t\t<>\n\t\t\t\t\t<span class=\"kol-spin__spinner-element kol-spin__spinner-element--1\"></span>\n\t\t\t\t\t<span class=\"kol-spin__spinner-element kol-spin__spinner-element--2\"></span>\n\t\t\t\t\t<span class=\"kol-spin__spinner-element kol-spin__spinner-element--3\"></span>\n\t\t\t\t\t<span class=\"kol-spin__spinner-element kol-spin__spinner-element--neutral\"></span>\n\t\t\t\t</>\n\t\t\t);\n\t}\n}\n\nexport const SpinFC: FC<FunctionalComponentProps<SpinApi>> = (props) => {\n\tconst { show, label, variant, showToggled, handleGetTranslateActionRunning, handleGetTranslateActionDone } = props;\n\n\treturn (\n\t\t<Fragment>\n\t\t\t{show ? (\n\t\t\t\t<Fragment>\n\t\t\t\t\t<span class={`kol-spin__spinner kol-spin__spinner--${variant}`}>{renderSpinVariant(variant)}</span>\n\t\t\t\t\t<span aria-busy=\"true\" class=\"visually-hidden\" role=\"alert\">\n\t\t\t\t\t\t{label || handleGetTranslateActionRunning()}\n\t\t\t\t\t</span>\n\t\t\t\t</Fragment>\n\t\t\t) : (\n\t\t\t\tshowToggled && (\n\t\t\t\t\t<span aria-busy=\"false\" class=\"visually-hidden\" role=\"alert\">\n\t\t\t\t\t\t{label || handleGetTranslateActionDone()}\n\t\t\t\t\t</span>\n\t\t\t\t)\n\t\t\t)}\n\t\t</Fragment>\n\t);\n};\n","import { labelProp, showProp, variantSpinProp } from '../../props';\nimport type { ApiFromConfig, PropsConfigShape } from '../generic-types';\n\nexport const spinPropsConfig = {\n\toptional: [labelProp, showProp, variantSpinProp],\n} as const satisfies PropsConfigShape;\n\nexport type SpinApi = ApiFromConfig<\n\ttypeof spinPropsConfig,\n\t{\n\t\tStates: {\n\t\t\tshowToggled: boolean;\n\t\t};\n\t\tCallbacks: {\n\t\t\tgetTranslateActionRunning: () => string;\n\t\t\tgetTranslateActionDone: () => string;\n\t\t};\n\t}\n>;\n","import { translate } from '../../../i18n';\nimport { labelProp, showProp, variantSpinProp } from '../../props';\nimport { BaseController } from '../base-controller';\nimport type { ControllerInterface, ResolvedInputProps, StateAccess } from '../generic-types';\nimport type { SpinApi } from './api';\nimport { spinPropsConfig } from './api';\n\nexport class SpinController extends BaseController<SpinApi> implements ControllerInterface<SpinApi> {\n\tprivate readonly translateActionRunning: string = translate('kol-action-running');\n\tprivate readonly translateActionDone: string = translate('kol-action-done');\n\n\tpublic constructor(stateAccess: StateAccess<SpinApi>) {\n\t\tsuper(stateAccess, spinPropsConfig);\n\t}\n\n\tpublic componentWillLoad(props: ResolvedInputProps<SpinApi>): void {\n\t\tconst { show, label, variant } = props;\n\t\tthis.watchShow(show);\n\t\tthis.watchLabel(label);\n\t\tthis.watchVariant(variant);\n\t}\n\n\tpublic watchShow(value?: boolean): void {\n\t\tshowProp.apply(value, (v) => {\n\t\t\tconst previousShow = this.getRenderProp('show');\n\t\t\tthis.setRenderProp('show', v);\n\t\t\t// Emit done state only when the spinner toggles from visible to hidden,\n\t\t\t// so screen readers receive a completion announcement once.\n\t\t\tthis.setState('showToggled', previousShow === true && v === false);\n\t\t});\n\t}\n\n\tpublic watchLabel(value?: string): void {\n\t\tlabelProp.apply(value, (v) => {\n\t\t\tthis.setRenderProp('label', v);\n\t\t});\n\t}\n\n\tpublic watchVariant(value?: unknown): void {\n\t\tvariantSpinProp.apply(value, (v) => {\n\t\t\tthis.setRenderProp('variant', v);\n\t\t});\n\t}\n\n\tpublic handleGetTranslateActionRunning = (): string => {\n\t\treturn this.translateActionRunning;\n\t};\n\n\tpublic handleGetTranslateActionDone = (): string => {\n\t\treturn this.translateActionDone;\n\t};\n}\n","@use '../@shared/mixins' as *;\n@use '../@shared/global' as *;\n@use './cycle' as *;\n@use './dot' as *;\n\n@layer kol-component {\n\t.kol-spin {\n\t\t&__spinner {\n\t\t\tdisplay: block;\n\t\t\tposition: relative;\n\t\t}\n\t}\n}\n","import type { JSX } from '@stencil/core';\nimport { Component, h, Host, Prop, State, Watch } from '@stencil/core';\nimport { BaseWebComponent } from '../../internal/functional-components/base-web-component';\nimport type { WebComponentInterface } from '../../internal/functional-components/generic-types';\nimport type { SpinApi } from '../../internal/functional-components/spin/api';\nimport { SpinFC } from '../../internal/functional-components/spin/component';\nimport { SpinController } from '../../internal/functional-components/spin/controller';\nimport type { SpinVariantType } from '../../internal/props/variant-spin';\n\n@Component({\n\ttag: 'kol-spin',\n\tstyleUrls: {\n\t\tdefault: './style.scss',\n\t},\n\tshadow: true,\n})\nexport class KolSpin extends BaseWebComponent<SpinApi> implements WebComponentInterface<SpinApi> {\n\tprivate readonly ctrl = new SpinController(this.stateAccess);\n\n\t/**\n\t * Makes the element show up.\n\t */\n\t@Prop()\n\tpublic _show?: boolean;\n\n\t@Watch('_show')\n\tpublic watchShow(value?: boolean): void {\n\t\tthis.ctrl.watchShow(value);\n\t}\n\n\t/**\n\t * Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.).\n\t */\n\t@Prop()\n\tpublic _label?: string;\n\n\t@Watch('_label')\n\tpublic watchLabel(value?: string): void {\n\t\tthis.ctrl.watchLabel(value);\n\t}\n\n\t/**\n\t * Defines which variant should be used for presentation.\n\t */\n\t@Prop()\n\tpublic _variant?: SpinVariantType;\n\n\t@Watch('_variant')\n\tpublic watchVariant(value?: SpinVariantType): void {\n\t\tthis.ctrl.watchVariant(value);\n\t}\n\n\t@State()\n\tpublic showToggled: boolean = false;\n\n\tpublic componentWillLoad(): void {\n\t\tthis.ctrl.componentWillLoad({\n\t\t\tshow: this._show,\n\t\t\tlabel: this._label,\n\t\t\tvariant: this._variant,\n\t\t});\n\t}\n\n\tpublic render(): JSX.Element {\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<SpinFC\n\t\t\t\t\tshow={this.ctrl.getRenderProp('show')}\n\t\t\t\t\tlabel={this.ctrl.getRenderProp('label')}\n\t\t\t\t\tvariant={this.ctrl.getRenderProp('variant')}\n\t\t\t\t\tshowToggled={this.showToggled}\n\t\t\t\t\thandleGetTranslateActionRunning={this.ctrl.handleGetTranslateActionRunning}\n\t\t\t\t\thandleGetTranslateActionDone={this.ctrl.handleGetTranslateActionDone}\n\t\t\t\t/>\n\t\t\t</Host>\n\t\t);\n\t}\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;AAwBO,MAAM,QAAQ,GAAG,oBAAoB,CAAW,MAAM,EAAE,KAAK,EAAE,gBAAgB,CAAC;;ACEhF,MAAM,kBAAkB,GAAG,CAAC,KAAK,EAAE,OAAO,EAAE,MAAM,CAAU;AAI5D,MAAM,eAAe,GAAG,oBAAoB,CAClD,SAAS,EACT,KAAK,EACL,CAAC,KAAc,KAAI;AAClB,IAAA,MAAM,GAAG,GAAG,eAAe,CAAC,KAAK,CAAC;AAClC,IAAA,IAAI,kBAAkB,CAAC,QAAQ,CAAC,GAAsB,CAAC,EAAE;AACxD,QAAA,OAAO,GAAsB;;AAE9B,IAAA,MAAM,IAAI,KAAK,CAAC,yBAAyB,GAAG,CAAA,CAAE,CAAC;AAChD,CAAC,EACD,MAAM,IAAI,CACV;;ACnCD,SAAS,iBAAiB,CAAC,OAAe,EAAA;IACzC,QAAQ,OAAO;AACd,QAAA,KAAK,OAAO;YACX,OAAO,CAAM,CAAA,MAAA,EAAA,EAAA,KAAK,EAAC,kBAAkB,GAAQ;AAC9C,QAAA,KAAK,MAAM;YACV,OAAO,CAAM,CAAA,MAAA,EAAA,EAAA,IAAI,EAAC,QAAQ,GAAQ;AACnC,QAAA;YACC,QACC,CAAA,CAAA,QAAA,EAAA,IAAA,EACC,CAAM,CAAA,MAAA,EAAA,EAAA,KAAK,EAAC,wDAAwD,EAAQ,CAAA,EAC5E,CAAM,CAAA,MAAA,EAAA,EAAA,KAAK,EAAC,wDAAwD,EAAQ,CAAA,EAC5E,CAAM,CAAA,MAAA,EAAA,EAAA,KAAK,EAAC,wDAAwD,EAAQ,CAAA,EAC5E,CAAA,CAAA,MAAA,EAAA,EAAM,KAAK,EAAC,8DAA8D,EAAQ,CAAA,CAChF;;AAGP;AAEO,MAAM,MAAM,GAA0C,CAAC,KAAK,KAAI;AACtE,IAAA,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,WAAW,EAAE,+BAA+B,EAAE,4BAA4B,EAAE,GAAG,KAAK;IAElH,QACC,CAAC,CAAA,QAAQ,EACP,IAAA,EAAA,IAAI,IACJ,CAAA,CAAC,QAAQ,EAAA,IAAA,EACR,CAAM,CAAA,MAAA,EAAA,EAAA,KAAK,EAAE,wCAAwC,OAAO,CAAA,CAAE,IAAG,iBAAiB,CAAC,OAAO,CAAC,CAAQ,EACnG,CAAgB,CAAA,MAAA,EAAA,EAAA,WAAA,EAAA,MAAM,EAAC,KAAK,EAAC,iBAAiB,EAAC,IAAI,EAAC,OAAO,EAAA,EACzD,KAAK,IAAI,+BAA+B,EAAE,CACrC,CACG,KAEX,WAAW,KACV,CAAA,CAAA,MAAA,EAAA,EAAA,WAAA,EAAgB,OAAO,EAAC,KAAK,EAAC,iBAAiB,EAAC,IAAI,EAAC,OAAO,IAC1D,KAAK,IAAI,4BAA4B,EAAE,CAClC,CACP,CACD,CACS;AAEb,CAAC;;AC1CM,MAAM,eAAe,GAAG;AAC9B,IAAA,QAAQ,EAAE,CAAC,SAAS,EAAE,QAAQ,EAAE,eAAe,CAAC;CACZ;;ACE/B,MAAO,cAAe,SAAQ,cAAuB,CAAA;AAI1D,IAAA,WAAA,CAAmB,WAAiC,EAAA;AACnD,QAAA,KAAK,CAAC,WAAW,EAAE,eAAe,CAAC;AAJnB,QAAA,IAAA,CAAA,sBAAsB,GAAW,SAAS,CAAC,oBAAoB,CAAC;AAChE,QAAA,IAAA,CAAA,mBAAmB,GAAW,SAAS,CAAC,iBAAiB,CAAC;AAmCpE,QAAA,IAA+B,CAAA,+BAAA,GAAG,MAAa;YACrD,OAAO,IAAI,CAAC,sBAAsB;AACnC,SAAC;AAEM,QAAA,IAA4B,CAAA,4BAAA,GAAG,MAAa;YAClD,OAAO,IAAI,CAAC,mBAAmB;AAChC,SAAC;;AAnCM,IAAA,iBAAiB,CAAC,KAAkC,EAAA;QAC1D,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,KAAK;AACtC,QAAA,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC;AACpB,QAAA,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC;AACtB,QAAA,IAAI,CAAC,YAAY,CAAC,OAAO,CAAC;;AAGpB,IAAA,SAAS,CAAC,KAAe,EAAA;QAC/B,QAAQ,CAAC,KAAK,CAAC,KAAK,EAAE,CAAC,CAAC,KAAI;YAC3B,MAAM,YAAY,GAAG,IAAI,CAAC,aAAa,CAAC,MAAM,CAAC;AAC/C,YAAA,IAAI,CAAC,aAAa,CAAC,MAAM,EAAE,CAAC,CAAC;AAG7B,YAAA,IAAI,CAAC,QAAQ,CAAC,aAAa,EAAE,YAAY,KAAK,IAAI,IAAI,CAAC,KAAK,KAAK,CAAC;AACnE,SAAC,CAAC;;AAGI,IAAA,UAAU,CAAC,KAAc,EAAA;QAC/B,SAAS,CAAC,KAAK,CAAC,KAAK,EAAE,CAAC,CAAC,KAAI;AAC5B,YAAA,IAAI,CAAC,aAAa,CAAC,OAAO,EAAE,CAAC,CAAC;AAC/B,SAAC,CAAC;;AAGI,IAAA,YAAY,CAAC,KAAe,EAAA;QAClC,eAAe,CAAC,KAAK,CAAC,KAAK,EAAE,CAAC,CAAC,KAAI;AAClC,YAAA,IAAI,CAAC,aAAa,CAAC,SAAS,EAAE,CAAC,CAAC;AACjC,SAAC,CAAC;;AAUH;;ACnDD,MAAM,eAAe,GAAG,q5RAAq5R;;MCgBh6R,OAAQ,GAAA,cAAQ,gBAAyB,CAAA;;;;QACpC,IAAI,CAAA,IAAA,GAAG,IAAI,cAAc,CAAC,IAAI,CAAC,WAAW,CAAC;AAoCrD,QAAA,IAAW,CAAA,WAAA,GAAY,KAAK;;AA3B5B,IAAA,SAAS,CAAC,KAAe,EAAA;AAC/B,QAAA,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC;;AAUpB,IAAA,UAAU,CAAC,KAAc,EAAA;AAC/B,QAAA,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC;;AAUrB,IAAA,YAAY,CAAC,KAAuB,EAAA;AAC1C,QAAA,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC;;IAMvB,iBAAiB,GAAA;AACvB,QAAA,IAAI,CAAC,IAAI,CAAC,iBAAiB,CAAC;YAC3B,IAAI,EAAE,IAAI,CAAC,KAAK;YAChB,KAAK,EAAE,IAAI,CAAC,MAAM;YAClB,OAAO,EAAE,IAAI,CAAC,QAAQ;AACtB,SAAA,CAAC;;IAGI,MAAM,GAAA;AACZ,QAAA,QACC,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACJ,CAAC,CAAA,MAAM,EACN,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAE,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,MAAM,CAAC,EACrC,KAAK,EAAE,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,OAAO,CAAC,EACvC,OAAO,EAAE,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,SAAS,CAAC,EAC3C,WAAW,EAAE,IAAI,CAAC,WAAW,EAC7B,+BAA+B,EAAE,IAAI,CAAC,IAAI,CAAC,+BAA+B,EAC1E,4BAA4B,EAAE,IAAI,CAAC,IAAI,CAAC,4BAA4B,EAAA,CACnE,CACI;;;;;;;;;;;;;;"}

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

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{r as n,h as e,F as i,H as t}from"./index-BPtT34o3.js";import{e as o,b as a}from"./common-5ExJH6NU.js";import{v as r}from"./label-Cd37SRqu.js";import{t as l}from"./i18n-CSCkYcOW.js";import{c as s}from"./clsx-COFh-Vc8.js";import"./i18n-B2d_exHc.js";const d=(n,e,t)=>{o(n,"_show",e,t)},c=["cycle","dot","none"],p=(n,e)=>{a(n,"_variant",n=>"string"==typeof n&&c.includes(n),new Set(c),e)},h="/* 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  .hastooltip {\n    z-index: 900 !important;\n  }\n}\n@layer kol-component {\n  @keyframes rotate {\n    100% {\n      transform: rotate(360deg);\n    }\n  }\n  @keyframes prixClipFix {\n    0% {\n      border-color: #fff;\n      clip-path: polygon(50% 50%, 0 0, 0 0, 0 0, 0 0, 0 0);\n    }\n    25% {\n      border-color: #666;\n      clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 0, 100% 0, 100% 0);\n    }\n    50% {\n      border-color: #000;\n      clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 100% 100%, 100% 100%);\n    }\n    75% {\n      border-color: #000;\n      clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 100%);\n    }\n    100% {\n      border-color: #000;\n      clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 0);\n    }\n  }\n  /* https://developer.mozilla.org/en-US/docs/Web/CSS/@media/prefers-reduced-motion#toning_down_the_animation_scaling */\n  @media (prefers-reduced-motion) {\n    .kol-spin__loader {\n      animation-duration: 4s !important;\n    }\n    .kol-spin__loader::before {\n      animation-duration: 6s !important;\n    }\n  }\n  .kol-spin__spinner--cycle {\n    width: calc(48 * 1rem / var(--kolibri-root-font-size, 16));\n    height: calc(48 * 1rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-spin__loader {\n    border-radius: 50%;\n    display: block;\n    position: relative;\n    width: 100%;\n    height: 100%;\n    animation: 2s linear infinite rotate;\n  }\n  .kol-spin__loader::before {\n    border-radius: 50%;\n    position: absolute;\n    inset: 0;\n    content: \"\";\n    animation: 3s linear infinite prixClipFix;\n    border: 5px solid #333;\n  }\n}\n@layer kol-component {\n  @keyframes spin1 {\n    0% {\n      transform: scale(0);\n    }\n    100% {\n      transform: scale(1);\n    }\n  }\n  @keyframes spin2 {\n    0% {\n      transform: translate(0, 0);\n    }\n    100% {\n      transform: translate(calc(16 * 1rem / var(--kolibri-root-font-size, 16)), 0);\n    }\n  }\n  @keyframes spin3 {\n    0% {\n      transform: scale(1);\n    }\n    100% {\n      transform: scale(0);\n    }\n  }\n  /* https://developer.mozilla.org/en-US/docs/Web/CSS/@media/prefers-reduced-motion#toning_down_the_animation_scaling */\n  @media (prefers-reduced-motion) {\n    .kol-spin__spinner-element {\n      animation-duration: 2s !important;\n    }\n  }\n  .kol-spin__spinner--dot {\n    width: calc(48 * 1rem / var(--kolibri-root-font-size, 16));\n    height: calc(16 * 1rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-spin__spinner-element {\n    border-radius: 50%;\n    position: absolute;\n    top: calc(0.16 * 1rem / var(--kolibri-root-font-size, 16));\n    width: calc(12.8 * 1rem / var(--kolibri-root-font-size, 16));\n    height: calc(12.8 * 1rem / var(--kolibri-root-font-size, 16));\n    animation-timing-function: cubic-bezier(0, 1, 1, 0);\n    border: calc(0.16 * 1rem / var(--kolibri-root-font-size, 16)) solid #fff;\n  }\n  .kol-spin__spinner-element--1 {\n    background-color: #000;\n    left: calc(0.16 * 1rem / var(--kolibri-root-font-size, 16));\n    z-index: 0;\n    animation: 1s infinite spin1;\n  }\n  .kol-spin__spinner-element--2 {\n    background-color: #000;\n    left: calc(0.16 * 1rem / var(--kolibri-root-font-size, 16));\n    z-index: 1;\n    animation: 1s infinite spin2;\n  }\n  .kol-spin__spinner-element--3 {\n    background-color: #000;\n    left: calc(17.6 * 1rem / var(--kolibri-root-font-size, 16));\n    z-index: 1;\n    animation: 1s infinite spin2;\n  }\n  .kol-spin__spinner-element--neutral {\n    background-color: #666;\n    left: calc(33.6 * 1rem / var(--kolibri-root-font-size, 16));\n    z-index: 0;\n    animation: 1s infinite spin3;\n  }\n}\n@layer kol-component {\n  .kol-spin__spinner {\n    display: block;\n    position: relative;\n  }\n}";function m(n){switch(n){case"cycle":return e("span",{class:"kol-spin__loader"});case"none":return e("slot",{name:"expert"});default:return e(i,null,e("span",{class:"kol-spin__spinner-element kol-spin__spinner-element--1"}),e("span",{class:"kol-spin__spinner-element kol-spin__spinner-element--2"}),e("span",{class:"kol-spin__spinner-element kol-spin__spinner-element--3"}),e("span",{class:"kol-spin__spinner-element kol-spin__spinner-element--neutral"}))}}const f=class{constructor(e){n(this,e),this.showToggled=!1,this.translateActionRunning=l("kol-action-running"),this.translateActionDone=l("kol-action-done"),this._show=!1,this._variant="dot",this.state={_variant:"dot",_label:void 0}}render(){var n,o;return e(t,{key:"e4708339e1a6ba6a76cbfc9919172d757deeaf73",class:"kol-spin"},this.state._show?e(i,null,e("span",{class:s("kol-spin__spinner",`kol-spin__spinner--${this.state._variant}`)},m(this.state._variant)),e("span",{"aria-busy":"true",class:"visually-hidden",role:"alert"},null!==(n=this.state._label)&&void 0!==n?n:this.translateActionRunning)):this.showToggled&&e("span",{"aria-busy":"false",class:"visually-hidden",role:"alert"},null!==(o=this.state._label)&&void 0!==o?o:this.translateActionDone))}validateShow(n){this.showToggled=!0===this.state._show&&!1===this._show,d(this,n)}validateLabel(n){r(this,n)}validateVariant(n){p(this,n)}componentWillLoad(){this.validateShow(this._show),this.validateVariant(this._variant),this.validateLabel(this._label)}static get watchers(){return{_show:["validateShow"],_label:["validateLabel"],_variant:["validateVariant"]}}};f.style={default:h};export{f as kol_spin};
+import{h as n,F as e,r as t,H as i}from"./index-C8rYknb2.js";import{B as o}from"./variant-quote-CHD0qMkY.js";import{t as a}from"./i18n-BVaUp6qp.js";import"./common-BqV6Zb30.js";import{l as r}from"./label-BEOW9ltS.js";import{c as s,e as l,n as c}from"./normalizers-DnkJhVYZ.js";import{B as d}from"./base-controller-CXhqh4cR.js";import"./i18n-B2d_exHc.js";import"./_Uint8Array-kJHDjtoP.js";import"./isArray-CcrBs4JM.js";const h=s("show",!1,l),p=["dot","cycle","none"],m=s("variant","dot",n=>{const e=c(n);if(p.includes(e))return e;throw new Error(`Invalid spin variant: ${e}`)},()=>!0);function f(t){switch(t){case"cycle":return n("span",{class:"kol-spin__loader"});case"none":return n("slot",{name:"expert"});default:return n(e,null,n("span",{class:"kol-spin__spinner-element kol-spin__spinner-element--1"}),n("span",{class:"kol-spin__spinner-element kol-spin__spinner-element--2"}),n("span",{class:"kol-spin__spinner-element kol-spin__spinner-element--3"}),n("span",{class:"kol-spin__spinner-element kol-spin__spinner-element--neutral"}))}}const b=t=>{const{show:o,label:i,variant:a,showToggled:r,handleGetTranslateActionRunning:l,handleGetTranslateActionDone:s}=t;return n(e,null,o?n(e,null,n("span",{class:`kol-spin__spinner kol-spin__spinner--${a}`},f(a)),n("span",{"aria-busy":"true",class:"visually-hidden",role:"alert"},i||l())):r&&n("span",{"aria-busy":"false",class:"visually-hidden",role:"alert"},i||s()))},u={optional:[r,h,m]};class k extends d{constructor(n){super(n,u),this.translateActionRunning=a("kol-action-running"),this.translateActionDone=a("kol-action-done"),this.handleGetTranslateActionRunning=()=>this.translateActionRunning,this.handleGetTranslateActionDone=()=>this.translateActionDone}componentWillLoad(n){const{show:e,label:t,variant:o}=n;this.watchShow(e),this.watchLabel(t),this.watchVariant(o)}watchShow(n){h.apply(n,n=>{const e=this.getRenderProp("show");this.setRenderProp("show",n),this.setState("showToggled",!0===e&&!1===n)})}watchLabel(n){r.apply(n,n=>{this.setRenderProp("label",n)})}watchVariant(n){m.apply(n,n=>{this.setRenderProp("variant",n)})}}const g="/* 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  .hastooltip {\n    z-index: 900 !important;\n  }\n}\n@layer kol-component {\n  @keyframes rotate {\n    100% {\n      transform: rotate(360deg);\n    }\n  }\n  @keyframes prixClipFix {\n    0% {\n      border-color: #fff;\n      clip-path: polygon(50% 50%, 0 0, 0 0, 0 0, 0 0, 0 0);\n    }\n    25% {\n      border-color: #666;\n      clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 0, 100% 0, 100% 0);\n    }\n    50% {\n      border-color: #000;\n      clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 100% 100%, 100% 100%);\n    }\n    75% {\n      border-color: #000;\n      clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 100%);\n    }\n    100% {\n      border-color: #000;\n      clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 0);\n    }\n  }\n  /* https://developer.mozilla.org/en-US/docs/Web/CSS/@media/prefers-reduced-motion#toning_down_the_animation_scaling */\n  @media (prefers-reduced-motion) {\n    .kol-spin__loader {\n      animation-duration: 4s !important;\n    }\n    .kol-spin__loader::before {\n      animation-duration: 6s !important;\n    }\n  }\n  .kol-spin__spinner--cycle {\n    width: calc(48 * 1rem / var(--kolibri-root-font-size, 16));\n    height: calc(48 * 1rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-spin__loader {\n    border-radius: 50%;\n    display: block;\n    position: relative;\n    width: 100%;\n    height: 100%;\n    animation: 2s linear infinite rotate;\n  }\n  .kol-spin__loader::before {\n    border-radius: 50%;\n    position: absolute;\n    inset: 0;\n    content: \"\";\n    animation: 3s linear infinite prixClipFix;\n    border: 5px solid #333;\n  }\n}\n@layer kol-component {\n  @keyframes spin1 {\n    0% {\n      transform: scale(0);\n    }\n    100% {\n      transform: scale(1);\n    }\n  }\n  @keyframes spin2 {\n    0% {\n      transform: translate(0, 0);\n    }\n    100% {\n      transform: translate(calc(16 * 1rem / var(--kolibri-root-font-size, 16)), 0);\n    }\n  }\n  @keyframes spin3 {\n    0% {\n      transform: scale(1);\n    }\n    100% {\n      transform: scale(0);\n    }\n  }\n  /* https://developer.mozilla.org/en-US/docs/Web/CSS/@media/prefers-reduced-motion#toning_down_the_animation_scaling */\n  @media (prefers-reduced-motion) {\n    .kol-spin__spinner-element {\n      animation-duration: 2s !important;\n    }\n  }\n  .kol-spin__spinner--dot {\n    width: calc(48 * 1rem / var(--kolibri-root-font-size, 16));\n    height: calc(16 * 1rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-spin__spinner-element {\n    border-radius: 50%;\n    position: absolute;\n    top: calc(0.16 * 1rem / var(--kolibri-root-font-size, 16));\n    width: calc(12.8 * 1rem / var(--kolibri-root-font-size, 16));\n    height: calc(12.8 * 1rem / var(--kolibri-root-font-size, 16));\n    animation-timing-function: cubic-bezier(0, 1, 1, 0);\n    border: calc(0.16 * 1rem / var(--kolibri-root-font-size, 16)) solid #fff;\n  }\n  .kol-spin__spinner-element--1 {\n    background-color: #000;\n    left: calc(0.16 * 1rem / var(--kolibri-root-font-size, 16));\n    z-index: 0;\n    animation: 1s infinite spin1;\n  }\n  .kol-spin__spinner-element--2 {\n    background-color: #000;\n    left: calc(0.16 * 1rem / var(--kolibri-root-font-size, 16));\n    z-index: 1;\n    animation: 1s infinite spin2;\n  }\n  .kol-spin__spinner-element--3 {\n    background-color: #000;\n    left: calc(17.6 * 1rem / var(--kolibri-root-font-size, 16));\n    z-index: 1;\n    animation: 1s infinite spin2;\n  }\n  .kol-spin__spinner-element--neutral {\n    background-color: #666;\n    left: calc(33.6 * 1rem / var(--kolibri-root-font-size, 16));\n    z-index: 0;\n    animation: 1s infinite spin3;\n  }\n}\n@layer kol-component {\n  .kol-spin__spinner {\n    display: block;\n    position: relative;\n  }\n}",w=class extends o{constructor(n){super(),t(this,n),this.ctrl=new k(this.stateAccess),this.showToggled=!1}watchShow(n){this.ctrl.watchShow(n)}watchLabel(n){this.ctrl.watchLabel(n)}watchVariant(n){this.ctrl.watchVariant(n)}componentWillLoad(){this.ctrl.componentWillLoad({show:this._show,label:this._label,variant:this._variant})}render(){return n(i,{key:"7379c127d8a30dc2175e50e2f7adaa45d4986a35"},n(b,{key:"3a1c04436cb10bbedf94b1ed83ebd4e3d8e93c75",show:this.ctrl.getRenderProp("show"),label:this.ctrl.getRenderProp("label"),variant:this.ctrl.getRenderProp("variant"),showToggled:this.showToggled,handleGetTranslateActionRunning:this.ctrl.handleGetTranslateActionRunning,handleGetTranslateActionDone:this.ctrl.handleGetTranslateActionDone}))}static get watchers(){return{_show:["watchShow"],_label:["watchLabel"],_variant:["watchVariant"]}}};w.style={default:g};export{w as kol_spin};

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

@@ -1 +1 @@
-{"version":3,"names":["registerInstance","h","Fragment","Host","watchBoolean","watchValidator","validateLabel","translate","clsx","validateShow","component","value","hooks","spinVariantPropTypeOptions","validateSpinVariant","includes","Set","defaultStyleCss","renderSpin","variant","class","name","KolSpin","constructor","hostRef","this","showToggled","translateActionRunning","translateActionDone","_show","_variant","state","_label","undefined","render","_a","_b","key","role","validateVariant","componentWillLoad","watchers","style","default"],"sources":["0"],"mappings":";;;YAGcA,OAAkBC,OAAQC,OAAeC,MAAY,kCACrDC,OAAmBC,MAAsB,mCACzCC,MAAqB,kCACrBC,MAAiB,iCACjBC,MAAY,2BACnB,qBAEP,MAAMC,EAAe,CAACC,EAAWC,EAAOC,KACpCR,EAAaM,EAAW,QAASC,EAAOC,EAAM,EAGlD,MAAMC,EAA6B,CAAC,QAAS,MAAO,QACpD,MAAMC,EAAsB,CAACJ,EAAWC,KACpCN,EAAeK,EAAW,YAAaC,UAAiBA,IAAU,UAAYE,EAA2BE,SAASJ,IAAQ,IAAIK,IAAIH,GAA6BF,EAAM,EAGzK,MAAMM,EAAkB,s5RAExB,SAASC,EAAWC,GAChB,OAAQA,GACJ,IAAK,QACD,OAAOlB,EAAE,OAAQ,CAAEmB,MAAO,qBAC9B,IAAK,OACD,OAAOnB,EAAE,OAAQ,CAAEoB,KAAM,WAC7B,QACI,OAAQpB,EAAEC,EAAU,KAAMD,EAAE,OAAQ,CAAEmB,MAAO,2DAA6DnB,EAAE,OAAQ,CAAEmB,MAAO,2DAA6DnB,EAAE,OAAQ,CAAEmB,MAAO,2DAA6DnB,EAAE,OAAQ,CAAEmB,MAAO,kEAEzS,CACA,MAAME,EAAU,MACZ,WAAAC,CAAYC,GACRxB,EAAiByB,KAAMD,GACvBC,KAAKC,YAAc,MACnBD,KAAKE,uBAAyBpB,EAAU,sBACxCkB,KAAKG,oBAAsBrB,EAAU,mBACrCkB,KAAKI,MAAQ,MACbJ,KAAKK,SAAW,MAChBL,KAAKM,MAAQ,CACTD,SAAU,MACVE,OAAQC,UAEhB,CACA,MAAAC,GACI,IAAIC,EAAIC,EACR,OAAQnC,EAAEE,EAAM,CAAEkC,IAAK,2CAA4CjB,MAAO,YAAcK,KAAKM,MAAMF,MAAS5B,EAAEC,EAAU,KAAMD,EAAE,OAAQ,CAAEmB,MAAOZ,EAAK,oBAAqB,sBAAsBiB,KAAKM,MAAMD,aAAeZ,EAAWO,KAAKM,MAAMD,WAAY7B,EAAE,OAAQ,CAAE,YAAa,OAAQmB,MAAO,kBAAmBkB,KAAM,UAAYH,EAAKV,KAAKM,MAAMC,UAAY,MAAQG,SAAY,EAAIA,EAAKV,KAAKE,yBAA6BF,KAAKC,aAAgBzB,EAAE,OAAQ,CAAE,YAAa,QAASmB,MAAO,kBAAmBkB,KAAM,UAAYF,EAAKX,KAAKM,MAAMC,UAAY,MAAQI,SAAY,EAAIA,EAAKX,KAAKG,qBAC1kB,CACA,YAAAnB,CAAaE,GACTc,KAAKC,YAAcD,KAAKM,MAAMF,QAAU,MAAQJ,KAAKI,QAAU,MAC/DpB,EAAagB,KAAMd,EACvB,CACA,aAAAL,CAAcK,GACVL,EAAcmB,KAAMd,EACxB,CACA,eAAA4B,CAAgB5B,GACZG,EAAoBW,KAAMd,EAC9B,CACA,iBAAA6B,GACIf,KAAKhB,aAAagB,KAAKI,OACvBJ,KAAKc,gBAAgBd,KAAKK,UAC1BL,KAAKnB,cAAcmB,KAAKO,OAC5B,CACA,mBAAWS,GAAa,MAAO,CAC3BZ,MAAS,CAAC,gBACVG,OAAU,CAAC,iBACXF,SAAY,CAAC,mBACd,GAEPR,EAAQoB,MAAQ,CACZC,QAAS1B,UAGJK","ignoreList":[]}
+{"version":3,"names":["h","Fragment","registerInstance","Host","BaseWebComponent","translate","labelProp","createPropDefinition","normalizeBoolean","normalizeString","BaseController","showProp","spinVariantOptions","variantSpinProp","value","str","includes","Error","renderSpinVariant","variant","class","name","SpinFC","props","show","label","showToggled","handleGetTranslateActionRunning","handleGetTranslateActionDone","role","spinPropsConfig","optional","SpinController","constructor","stateAccess","super","this","translateActionRunning","translateActionDone","componentWillLoad","watchShow","watchLabel","watchVariant","apply","v","previousShow","getRenderProp","setRenderProp","setState","defaultStyleCss","KolSpin","hostRef","ctrl","_show","_label","_variant","render","key","watchers","style","default"],"sources":["0"],"mappings":"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","ignoreList":[]}

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

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{r as n,h as e,g as o}from"./index-BPtT34o3.js";import{c as t,i}from"./component-names-pgL1e5No.js";import{t as l}from"./i18n-CSCkYcOW.js";import{c as a}from"./clsx-COFh-Vc8.js";import{d as s,s as r}from"./element-click-BTxuJDNT.js";import{d as c,s as h}from"./element-focus-BKUtVrWY.js";import"./common-5ExJH6NU.js";import"./i18n-B2d_exHc.js";const d='/* 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  .hastooltip {\n    z-index: 900 !important;\n  }\n}\n@font-face {\n  font-family: "kolicons";\n  src: url("kolicons.eot?t=1774956515321"); /* IE9*/\n  src: url("kolicons.eot?t=1774956515321#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1774956515321") format("woff2"), url("kolicons.woff?t=1774956515321") format("woff"), url("kolicons.ttf?t=1774956515321") format("truetype"), url("kolicons.svg?t=1774956515321#kolicons") format("svg"); /* iOS 4.1- */\n}\n@layer kol-component {\n  [class^=kolicon-], [class*=" kolicon-"] {\n    font-family: "kolicons";\n    font-style: normal;\n    font-weight: 400;\n    line-height: 1em;\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: grayscale;\n  }\n  .kolicon-alert-error::before {\n    content: "\\ea01";\n  }\n  .kolicon-alert-info::before {\n    content: "\\ea02";\n  }\n  .kolicon-alert-success::before {\n    content: "\\ea03";\n  }\n  .kolicon-alert-warning::before {\n    content: "\\ea04";\n  }\n  .kolicon-check::before {\n    content: "\\ea05";\n  }\n  .kolicon-chevron-double-left::before {\n    content: "\\ea06";\n  }\n  .kolicon-chevron-double-right::before {\n    content: "\\ea07";\n  }\n  .kolicon-chevron-down::before {\n    content: "\\ea08";\n  }\n  .kolicon-chevron-left::before {\n    content: "\\ea09";\n  }\n  .kolicon-chevron-right::before {\n    content: "\\ea0a";\n  }\n  .kolicon-chevron-up::before {\n    content: "\\ea0b";\n  }\n  .kolicon-cogwheel::before {\n    content: "\\ea0c";\n  }\n  .kolicon-cross::before {\n    content: "\\ea0d";\n  }\n  .kolicon-eye-closed::before {\n    content: "\\ea0e";\n  }\n  .kolicon-eye::before {\n    content: "\\ea0f";\n  }\n  .kolicon-house::before {\n    content: "\\ea10";\n  }\n  .kolicon-kolibri::before {\n    content: "\\ea11";\n  }\n  .kolicon-link-external::before {\n    content: "\\ea12";\n  }\n  .kolicon-link::before {\n    content: "\\ea13";\n  }\n  .kolicon-minus::before {\n    content: "\\ea14";\n  }\n  .kolicon-plus::before {\n    content: "\\ea15";\n  }\n  .kolicon-settings::before {\n    content: "\\ea16";\n  }\n  .kolicon-sort-asc::before {\n    content: "\\ea17";\n  }\n  .kolicon-sort-desc::before {\n    content: "\\ea18";\n  }\n  .kolicon-sort-neutral::before {\n    content: "\\ea19";\n  }\n  .kolicon-up::before {\n    content: "\\ea1a";\n  }\n  .kolicon-version::before {\n    content: "\\ea1b";\n  }\n}\n@layer kol-component {\n  .kol-icon {\n    color: inherit;\n    display: inline-block;\n    font-size: inherit;\n    font-weight: inherit;\n    line-height: inherit;\n  }\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-icon {\n    color: inherit;\n    display: inline-block;\n    font-size: inherit;\n    font-weight: inherit;\n    line-height: inherit;\n  }\n  .kol-popover-button__popover {\n    margin: 0;\n    padding: 0;\n    border: 0;\n  }\n  .kol-popover-button--inline .kol-popover-button__button {\n    display: inline;\n  }\n  .kol-popover {\n    opacity: 0;\n    transition: 0.2s ease-out opacity;\n  }\n  .kol-popover-button--open + .kol-popover {\n    opacity: 1;\n  }\n  .kol-split-button {\n    display: flex;\n    position: relative;\n    width: 100%;\n  }\n  .kol-split-button__root {\n    display: flex;\n    position: relative;\n    width: 100%;\n    align-items: stretch;\n  }\n  .kol-split-button__button {\n    min-width: 0;\n    flex: 1 1 auto;\n    text-align: left;\n  }\n}',f=class{constructor(e){n(this,e),this.setPrimaryButtonWcRef=n=>{this.primaryButtonWcRef=n},this.setPopoverButtonRef=n=>{this.popoverButtonRef=n},this.clickButtonHandler={onClick:n=>{var e,t;n.stopPropagation(),"function"==typeof(null===(e=this._on)||void 0===e?void 0:e.onClick)&&(null===(t=this._on)||void 0===t||t.onClick(n,this._value))}},this._disabled=!1,this._hideLabel=!1,this._tooltipAlign="top",this._type="button",this._variant="normal",this.state={_show:!1}}async getValue(){return this._value}async focus(){return c(this.host,()=>h(this.primaryButtonWcRef))}async click(){return s(this.host,async()=>r(this.primaryButtonWcRef))}render(){return e("div",{key:"820648dab75c76be9cf3eadb56669d82dc2975ff",class:"kol-split-button"},e("div",{key:"cd6be72214ed7984acfa9b68bb7b47751666ebc8",class:"kol-split-button__root"},e(t,{key:"87ce8f6b04fc1fad065571c4a06eef38527bb210",class:a("kol-split-button__button",{[this._variant]:"custom"!==this._variant,[this._customClass]:"custom"===this._variant&&"string"==typeof this._customClass&&this._customClass.length>0}),ref:this.setPrimaryButtonWcRef,_accessKey:this._accessKey,_ariaControls:this._ariaControls,_ariaDescription:this._ariaDescription,_ariaExpanded:this._ariaExpanded,_ariaSelected:this._ariaSelected,_customClass:this._customClass,_disabled:this._disabled,_icons:this._icons,_hideLabel:this._hideLabel,_label:this._label,_name:this._name,_on:this.clickButtonHandler,_shortKey:this._shortKey,_syncValueBySelector:this._syncValueBySelector,_tooltipAlign:this._tooltipAlign,_type:this._type,_value:this._value,_variant:this._variant}),e("div",{key:"3e489ad1467385e74c54d83e71097da750d4e00a",class:"kol-split-button__horizontal-line"}),e(i,{key:"fee80fd1e483b7bcf55c35eab33864bc7585e73b",class:"kol-split-button__secondary-button",ref:this.setPopoverButtonRef,_disabled:this._disabled,_hideLabel:!0,_icons:"kolicon-chevron-down",_label:l("kol-split-button-dropdown-label-open"),_popoverAlign:"bottom"},e("slot",{key:"1702aba062cab0e0d7a453cb475973beff38c180"}))))}connectedCallback(){this.state=Object.assign(Object.assign({},this.state),{_show:!1})}async closePopup(){var n;return null===(n=this.popoverButtonRef)||void 0===n||n.hidePopover(),Promise.resolve()}get host(){return o(this)}};f.style={default:d};export{f as kol_split_button};
+import{r as n,h as e,g as o}from"./index-C8rYknb2.js";import{b as t,h as i}from"./component-names-Dy77vq43.js";import{t as l}from"./i18n-BVaUp6qp.js";import{c as a}from"./clsx-COFh-Vc8.js";import{d as s,s as r}from"./element-click-BTxuJDNT.js";import{d as c,s as h}from"./element-focus-BKUtVrWY.js";import"./common-BqV6Zb30.js";import"./i18n-B2d_exHc.js";const d='/* 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  .hastooltip {\n    z-index: 900 !important;\n  }\n}\n@font-face {\n  font-family: "kolicons";\n  src: url("kolicons.eot?t=1775118370120"); /* IE9*/\n  src: url("kolicons.eot?t=1775118370120#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1775118370120") format("woff2"), url("kolicons.woff?t=1775118370120") format("woff"), url("kolicons.ttf?t=1775118370120") format("truetype"), url("kolicons.svg?t=1775118370120#kolicons") format("svg"); /* iOS 4.1- */\n}\n@layer kol-component {\n  [class^=kolicon-], [class*=" kolicon-"] {\n    font-family: "kolicons";\n    font-style: normal;\n    font-weight: 400;\n    line-height: 1em;\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: grayscale;\n  }\n  .kolicon-alert-error::before {\n    content: "\\ea01";\n  }\n  .kolicon-alert-info::before {\n    content: "\\ea02";\n  }\n  .kolicon-alert-success::before {\n    content: "\\ea03";\n  }\n  .kolicon-alert-warning::before {\n    content: "\\ea04";\n  }\n  .kolicon-check::before {\n    content: "\\ea05";\n  }\n  .kolicon-chevron-double-left::before {\n    content: "\\ea06";\n  }\n  .kolicon-chevron-double-right::before {\n    content: "\\ea07";\n  }\n  .kolicon-chevron-down::before {\n    content: "\\ea08";\n  }\n  .kolicon-chevron-left::before {\n    content: "\\ea09";\n  }\n  .kolicon-chevron-right::before {\n    content: "\\ea0a";\n  }\n  .kolicon-chevron-up::before {\n    content: "\\ea0b";\n  }\n  .kolicon-cogwheel::before {\n    content: "\\ea0c";\n  }\n  .kolicon-cross::before {\n    content: "\\ea0d";\n  }\n  .kolicon-eye-closed::before {\n    content: "\\ea0e";\n  }\n  .kolicon-eye::before {\n    content: "\\ea0f";\n  }\n  .kolicon-house::before {\n    content: "\\ea10";\n  }\n  .kolicon-kolibri::before {\n    content: "\\ea11";\n  }\n  .kolicon-link-external::before {\n    content: "\\ea12";\n  }\n  .kolicon-link::before {\n    content: "\\ea13";\n  }\n  .kolicon-minus::before {\n    content: "\\ea14";\n  }\n  .kolicon-plus::before {\n    content: "\\ea15";\n  }\n  .kolicon-settings::before {\n    content: "\\ea16";\n  }\n  .kolicon-sort-asc::before {\n    content: "\\ea17";\n  }\n  .kolicon-sort-desc::before {\n    content: "\\ea18";\n  }\n  .kolicon-sort-neutral::before {\n    content: "\\ea19";\n  }\n  .kolicon-up::before {\n    content: "\\ea1a";\n  }\n  .kolicon-version::before {\n    content: "\\ea1b";\n  }\n}\n@layer kol-component {\n  .kol-icon {\n    color: inherit;\n    display: inline-block;\n    font-size: inherit;\n    font-weight: inherit;\n    line-height: inherit;\n  }\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-icon {\n    color: inherit;\n    display: inline-block;\n    font-size: inherit;\n    font-weight: inherit;\n    line-height: inherit;\n  }\n  .kol-popover-button__popover {\n    margin: 0;\n    padding: 0;\n    border: 0;\n  }\n  .kol-popover-button--inline .kol-popover-button__button {\n    display: inline;\n  }\n  .kol-popover {\n    opacity: 0;\n    transition: 0.2s ease-out opacity;\n  }\n  .kol-popover-button--open + .kol-popover {\n    opacity: 1;\n  }\n  .kol-split-button {\n    display: flex;\n    position: relative;\n    width: 100%;\n  }\n  .kol-split-button__root {\n    display: flex;\n    position: relative;\n    width: 100%;\n    align-items: stretch;\n  }\n  .kol-split-button__button {\n    min-width: 0;\n    flex: 1 1 auto;\n    text-align: left;\n  }\n}',f=class{constructor(e){n(this,e),this.setPrimaryButtonWcRef=n=>{this.primaryButtonWcRef=n},this.setPopoverButtonRef=n=>{this.popoverButtonRef=n},this.clickButtonHandler={onClick:n=>{var e,t;n.stopPropagation(),"function"==typeof(null===(e=this._on)||void 0===e?void 0:e.onClick)&&(null===(t=this._on)||void 0===t||t.onClick(n,this._value))}},this._disabled=!1,this._hideLabel=!1,this._tooltipAlign="top",this._type="button",this._variant="normal",this.state={_show:!1}}async getValue(){return this._value}async focus(){return c(this.host,()=>h(this.primaryButtonWcRef))}async click(){return s(this.host,async()=>r(this.primaryButtonWcRef))}render(){return e("div",{key:"a100f40b72f074e270d6299ea75c9ce330e211a4",class:"kol-split-button"},e("div",{key:"3cb78b0a115b0e22c96e0520e443f92e264ec958",class:"kol-split-button__root"},e(t,{key:"d34c2a68c9b2bd3206568dc2edd71d4a3973eaa2",class:a("kol-split-button__button",{[this._variant]:"custom"!==this._variant,[this._customClass]:"custom"===this._variant&&"string"==typeof this._customClass&&this._customClass.length>0}),ref:this.setPrimaryButtonWcRef,_accessKey:this._accessKey,_ariaControls:this._ariaControls,_ariaDescription:this._ariaDescription,_ariaExpanded:this._ariaExpanded,_ariaSelected:this._ariaSelected,_customClass:this._customClass,_disabled:this._disabled,_icons:this._icons,_hideLabel:this._hideLabel,_label:this._label,_name:this._name,_on:this.clickButtonHandler,_shortKey:this._shortKey,_syncValueBySelector:this._syncValueBySelector,_tooltipAlign:this._tooltipAlign,_type:this._type,_value:this._value,_variant:this._variant}),e("div",{key:"65bf1c6850f239112a949b6d72c597f51cb74008",class:"kol-split-button__horizontal-line"}),e(i,{key:"530a76aaeb5588f644d7d4fd8a102dbab469866f",class:"kol-split-button__secondary-button",ref:this.setPopoverButtonRef,_disabled:this._disabled,_hideLabel:!0,_icons:"kolicon-chevron-down",_label:l("kol-split-button-dropdown-label-open"),_popoverAlign:"bottom"},e("slot",{key:"abae13b1f8a6c3331fb09b54f4775dfacd0725d6"}))))}connectedCallback(){this.state=Object.assign(Object.assign({},this.state),{_show:!1})}async closePopup(){var n;return null===(n=this.popoverButtonRef)||void 0===n||n.hidePopover(),Promise.resolve()}get host(){return o(this)}};f.style={default:d};export{f as kol_split_button};

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

@@ -1 +1 @@
-{"version":3,"names":["registerInstance","h","getElement","KolButtonWcTag","KolPopoverButtonWcTag","translate","clsx","delegateClick","setClick","delegateFocus","setFocus","defaultStyleCss","KolSplitButton","constructor","hostRef","this","setPrimaryButtonWcRef","ref","primaryButtonWcRef","setPopoverButtonRef","popoverButtonRef","clickButtonHandler","onClick","event","_a","_b","stopPropagation","_on","_value","_disabled","_hideLabel","_tooltipAlign","_type","_variant","state","_show","getValue","focus","host","click","async","render","i18nDropdownLabel","key","class","_customClass","length","_accessKey","_ariaControls","_ariaDescription","_ariaExpanded","_ariaSelected","_icons","_label","_name","_shortKey","_syncValueBySelector","_popoverAlign","connectedCallback","Object","assign","closePopup","hidePopover","Promise","resolve","style","default"],"sources":["0"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["registerInstance","h","getElement","KolButtonWcTag","KolPopoverButtonWcTag","translate","clsx","delegateClick","setClick","delegateFocus","setFocus","defaultStyleCss","KolSplitButton","constructor","hostRef","this","setPrimaryButtonWcRef","ref","primaryButtonWcRef","setPopoverButtonRef","popoverButtonRef","clickButtonHandler","onClick","event","_a","_b","stopPropagation","_on","_value","_disabled","_hideLabel","_tooltipAlign","_type","_variant","state","_show","getValue","focus","host","click","async","render","i18nDropdownLabel","key","class","_customClass","length","_accessKey","_ariaControls","_ariaDescription","_ariaExpanded","_ariaSelected","_icons","_label","_name","_shortKey","_syncValueBySelector","_popoverAlign","connectedCallback","Object","assign","closePopup","hidePopover","Promise","resolve","style","default"],"sources":["0"],"mappings":"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","ignoreList":[]}

package/dist/kolibri/kol-table-settings-wc.entry.js

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{r as e,h as t,g as s}from"./index-BPtT34o3.js";import{_ as i}from"./tslib.es6-CxX45GIN.js";import{q as a,b as l,r as n,t as o,c as d,i as r}from"./component-names-pgL1e5No.js";import{t as b}from"./i18n-CSCkYcOW.js";import{d as c,K as h}from"./events-DHTi_wtD.js";import"./common-5ExJH6NU.js";import"./i18n-B2d_exHc.js";const u=e=>Number.isFinite(e)&&void 0!==e&&e>0?e:void 0,_=class{constructor(t){e(this,t),this.headerCells=[],this.editingHeaderCells=[],this.errorMessage=null,this.translateTableSettings=b("kol-table-settings"),this.translateTableSettingsCancel=b("kol-table-settings-cancel"),this.translateTableSettingsApply=b("kol-table-settings-apply"),this.translateErrorAllInvisible=b("kol-table-settings-error-all-invisible"),this.translateColumnNotHidable=b("kol-table-settings-column-not-hidable"),this._horizontalHeaderCells=[]}handleHeaderCellsChange(e){this.headerCells=e.map(e=>[...e]),this.editingHeaderCells=e.map(e=>e.map(e=>Object.assign({},e)))}componentWillLoad(){this.handleHeaderCellsChange(this._horizontalHeaderCells)}getPrimaryRow(){var e;return null!==(e=this.editingHeaderCells[this.editingHeaderCells.length-1])&&void 0!==e?e:[]}updatePrimaryRow(e){this.editingHeaderCells=this.editingHeaderCells.map((t,a,s)=>a===s.length-1?e:t)}moveColumn(e,t){const a=[...this.getPrimaryRow()],s=a.findIndex(t=>t.key===e);if(-1===s)return;let l;if("up"===t){if(0===s)return;l=s-1}else{if(s===a.length-1)return;l=s+1}const[i]=a.splice(s,1);a.splice(l,0,i),this.updatePrimaryRow(a)}handleVisibilityChange(e,t){const a=this.getPrimaryRow().map(a=>a.key===e&&!1!==a.hidable?Object.assign(Object.assign({},a),{visible:Boolean(t)}):a);this.updatePrimaryRow(a)}handleWidthChange(e,t){const a=this.getPrimaryRow().map(a=>a.key===e&&!1!==a.resizable?Object.assign(Object.assign({},a),{width:Number(t)}):a);this.updatePrimaryRow(a)}handleCancel(){var e;this.editingHeaderCells=this.headerCells.map(e=>[...e]),this.errorMessage=null,null===(e=this.popoverRef)||void 0===e||e.hidePopover()}handleSubmit(e){var t;e.preventDefault();const a=this.getPrimaryRow().some(e=>!1!==e.visible);if(a){if(this.host){this.errorMessage=null,this.headerCells=this.editingHeaderCells.map(e=>e.map(e=>Object.assign({},e)));const e=this.editingHeaderCells.map(e=>e.map(e=>{const t=e,{hidable:a,resizable:s,sortable:l,visible:n,width:o}=t,r=i(t,["hidable","resizable","sortable","visible","width"]),d=Object.assign({},r);return void 0!==n&&(d.visible=n),void 0!==a&&(d.hidable=a),void 0!==l&&(d.sortable=l),void 0!==s&&(d.resizable=s),null!=o&&(d.width=o),d}));c(this.host,h.changeHeaderCells,e),null===(t=this.popoverRef)||void 0===t||t.hidePopover()}}else this.errorMessage=this.translateErrorAllInvisible}render(){const e=this.getPrimaryRow();return t(r,{key:"6e6b44ace0d191133889d102a032c2c33da630ee",ref:e=>this.popoverRef=e,class:"kol-table-settings",_icons:"kolicon-settings",_label:this.translateTableSettings,_popoverAlign:"top",_hideLabel:!0},t("div",{key:"d56198aa48cb17ad7bccb4f3af5d6269686bc4f1",class:"kol-table-settings__content"},t(a,{key:"d84805a670a2afb0a2d782e03a746fc407283abe",_label:this.translateTableSettings,_level:0}),this.errorMessage&&t(l,{key:"bd339f6c39dda9924b6173daf9b33699d7eb57ae",_type:"error",_label:this.errorMessage,_variant:"msg",class:"kol-table-settings__error-message"}),t("form",{key:"bb1e62e21f8a5d8a113d397f5f29a515d747b5e9",onSubmit:this.handleSubmit.bind(this)},t("div",{key:"0f4a52a1b2cd2610ace2d9548dbeaa8b9e99aa67",class:"kol-table-settings__columns-container"},t("div",{key:"cde48d015364eac498c29e13ea789e8d936d4730",class:"kol-table-settings__columns"},e.map((a,s)=>t("div",{key:a.key,class:"kol-table-settings__column"},t(n,{_checked:!1!==a.visible,_label:`${a.label}${!1===a.hidable?` (${this.translateColumnNotHidable})`:""}`,_value:!0,_hideLabel:!0,_disabled:!1===a.hidable,_on:{onInput:(e,t)=>{var s;return this.handleVisibilityChange(null!==(s=a.key)&&void 0!==s?s:"",t)}}}),t("span",{class:"kol-table-settings__column-label"},a.label),t(o,{_hideLabel:!0,_value:u(a.width),_label:b("kol-table-settings-column-width",{placeholders:{column:a.label}}),_min:1,_disabled:!1===a.resizable,_on:{onInput:(e,t)=>{var s;return this.handleWidthChange(null!==(s=a.key)&&void 0!==s?s:"",t)}}}),t(d,{_icons:"kolicon-chevron-up",_label:b("kol-table-settings-move-up",{placeholders:{column:a.label}}),_hideLabel:!0,_variant:"ghost",_on:{onClick:()=>{var e;return this.moveColumn(null!==(e=a.key)&&void 0!==e?e:"","up")}},_disabled:!1===a.sortable||0===s,"data-testid":"table-settings-move-up"}),t(d,{_icons:"kolicon-chevron-down",_label:b("kol-table-settings-move-down",{placeholders:{column:a.label}}),_hideLabel:!0,_variant:"ghost",_on:{onClick:()=>{var e;return this.moveColumn(null!==(e=a.key)&&void 0!==e?e:"","down")}},_disabled:!1===a.sortable||s===e.length-1,"data-testid":"table-settings-move-down"}))))),t("div",{key:"551077e1001adaa1fbad0ec819b598ec27a2bd99",class:"kol-table-settings__actions"},t(d,{key:"ee381da96b8986185bbd91c92d67b30595b86e50",_label:this.translateTableSettingsCancel,_variant:"secondary",_on:{onClick:()=>this.handleCancel()},"data-testid":"table-settings-cancel"}),t(d,{key:"fed89789b0cbb80c308b79d4d398d2067f10f1b4",_label:this.translateTableSettingsApply,_variant:"primary",_type:"submit","data-testid":"table-settings-apply"})))))}get host(){return s(this)}static get watchers(){return{_horizontalHeaderCells:["handleHeaderCellsChange"]}}};export{_ as kol_table_settings_wc};
+import{r as e,h as t,g as s}from"./index-C8rYknb2.js";import{_ as i}from"./tslib.es6-CxX45GIN.js";import{p as l,a,q as n,r as o,b as d,h as r}from"./component-names-Dy77vq43.js";import{t as b}from"./i18n-BVaUp6qp.js";import{d as c,K as h}from"./events-DHTi_wtD.js";import"./common-BqV6Zb30.js";import"./i18n-B2d_exHc.js";const f=e=>Number.isFinite(e)&&void 0!==e&&e>0?e:void 0,u=class{constructor(t){e(this,t),this.headerCells=[],this.editingHeaderCells=[],this.errorMessage=null,this.translateTableSettings=b("kol-table-settings"),this.translateTableSettingsCancel=b("kol-table-settings-cancel"),this.translateTableSettingsApply=b("kol-table-settings-apply"),this.translateErrorAllInvisible=b("kol-table-settings-error-all-invisible"),this.translateColumnNotHidable=b("kol-table-settings-column-not-hidable"),this._horizontalHeaderCells=[]}handleHeaderCellsChange(e){this.headerCells=e.map(e=>[...e]),this.editingHeaderCells=e.map(e=>e.map(e=>Object.assign({},e)))}componentWillLoad(){this.handleHeaderCellsChange(this._horizontalHeaderCells)}getPrimaryRow(){var e;return null!==(e=this.editingHeaderCells[this.editingHeaderCells.length-1])&&void 0!==e?e:[]}updatePrimaryRow(e){this.editingHeaderCells=this.editingHeaderCells.map((t,s,a)=>s===a.length-1?e:t)}moveColumn(e,t){const s=[...this.getPrimaryRow()],a=s.findIndex(t=>t.key===e);if(-1===a)return;let l;if("up"===t){if(0===a)return;l=a-1}else{if(a===s.length-1)return;l=a+1}const[i]=s.splice(a,1);s.splice(l,0,i),this.updatePrimaryRow(s)}handleVisibilityChange(e,t){const s=this.getPrimaryRow().map(s=>s.key===e&&!1!==s.hidable?Object.assign(Object.assign({},s),{visible:Boolean(t)}):s);this.updatePrimaryRow(s)}handleWidthChange(e,t){const s=this.getPrimaryRow().map(s=>s.key===e&&!1!==s.resizable?Object.assign(Object.assign({},s),{width:Number(t)}):s);this.updatePrimaryRow(s)}handleCancel(){var e;this.editingHeaderCells=this.headerCells.map(e=>[...e]),this.errorMessage=null,null===(e=this.popoverRef)||void 0===e||e.hidePopover()}handleSubmit(e){var t;e.preventDefault();const s=this.getPrimaryRow().some(e=>!1!==e.visible);if(s){if(this.host){this.errorMessage=null,this.headerCells=this.editingHeaderCells.map(e=>e.map(e=>Object.assign({},e)));const e=this.editingHeaderCells.map(e=>e.map(e=>{const t=e,{hidable:s,resizable:a,sortable:l,visible:n,width:r}=t,o=i(t,["hidable","resizable","sortable","visible","width"]),d=Object.assign({},o);return void 0!==n&&(d.visible=n),void 0!==s&&(d.hidable=s),void 0!==l&&(d.sortable=l),void 0!==a&&(d.resizable=a),null!=r&&(d.width=r),d}));c(this.host,h.changeHeaderCells,e),null===(t=this.popoverRef)||void 0===t||t.hidePopover()}}else this.errorMessage=this.translateErrorAllInvisible}render(){const e=this.getPrimaryRow();return t(r,{key:"993380b087a8b7ec6da6463019d3b8c5f2e04861",ref:e=>this.popoverRef=e,class:"kol-table-settings",_icons:"kolicon-settings",_label:this.translateTableSettings,_popoverAlign:"top",_hideLabel:!0},t("div",{key:"0c779d71e0c6f8fd23c2f652fef733101462d017",class:"kol-table-settings__content"},t(l,{key:"10c0e0af0335c51598bbbcf1db9f9d71d8b14e32",_label:this.translateTableSettings,_level:0}),this.errorMessage&&t(a,{key:"52a3e64ff21237ad64ea2e3e88b92c18dcd7dbc2",_type:"error",_label:this.errorMessage,_variant:"msg",class:"kol-table-settings__error-message"}),t("form",{key:"c378afa14bf0fd053e27743be5bbc57bf47d8f44",onSubmit:this.handleSubmit.bind(this)},t("div",{key:"6a17becba272d906f2114f3ea73e1f755ab83518",class:"kol-table-settings__columns-container"},t("div",{key:"0072e101abfbbcdae1f3632039194e9cb7a6c12a",class:"kol-table-settings__columns"},e.map((s,a)=>t("div",{key:s.key,class:"kol-table-settings__column"},t(n,{_checked:!1!==s.visible,_label:`${s.label}${!1===s.hidable?` (${this.translateColumnNotHidable})`:""}`,_value:!0,_hideLabel:!0,_disabled:!1===s.hidable,_on:{onInput:(e,t)=>{var a;return this.handleVisibilityChange(null!==(a=s.key)&&void 0!==a?a:"",t)}}}),t("span",{class:"kol-table-settings__column-label"},s.label),t(o,{_hideLabel:!0,_value:f(s.width),_label:b("kol-table-settings-column-width",{placeholders:{column:s.label}}),_min:1,_disabled:!1===s.resizable,_on:{onInput:(e,t)=>{var a;return this.handleWidthChange(null!==(a=s.key)&&void 0!==a?a:"",t)}}}),t(d,{_icons:"kolicon-chevron-up",_label:b("kol-table-settings-move-up",{placeholders:{column:s.label}}),_hideLabel:!0,_variant:"ghost",_on:{onClick:()=>{var e;return this.moveColumn(null!==(e=s.key)&&void 0!==e?e:"","up")}},_disabled:!1===s.sortable||0===a,"data-testid":"table-settings-move-up"}),t(d,{_icons:"kolicon-chevron-down",_label:b("kol-table-settings-move-down",{placeholders:{column:s.label}}),_hideLabel:!0,_variant:"ghost",_on:{onClick:()=>{var e;return this.moveColumn(null!==(e=s.key)&&void 0!==e?e:"","down")}},_disabled:!1===s.sortable||a===e.length-1,"data-testid":"table-settings-move-down"}))))),t("div",{key:"0e054bfa3e81b559fe0df26091cac6ff7fa2c953",class:"kol-table-settings__actions"},t(d,{key:"ea053c336bb5b8166e817d2710e1404c7674ffcc",_label:this.translateTableSettingsCancel,_variant:"secondary",_on:{onClick:()=>this.handleCancel()},"data-testid":"table-settings-cancel"}),t(d,{key:"f1ca01d987a725f8c6faf0bbd0020e7317bdf592",_label:this.translateTableSettingsApply,_variant:"primary",_type:"submit","data-testid":"table-settings-apply"})))))}get host(){return s(this)}static get watchers(){return{_horizontalHeaderCells:["handleHeaderCellsChange"]}}};export{u as kol_table_settings_wc};

package/dist/kolibri/kol-table-settings-wc.entry.js.map

@@ -1 +1 @@
-{"version":3,"names":["registerInstance","h","getElement","__rest","KolHeadingTag","KolAlertWcTag","KolInputCheckboxTag","KolInputNumberTag","KolButtonWcTag","KolPopoverButtonWcTag","translate","dispatchDomEvent","KolEvent","parseColumnWidth","width","Number","isFinite","undefined","KolTableSettings","constructor","hostRef","this","headerCells","editingHeaderCells","errorMessage","translateTableSettings","translateTableSettingsCancel","translateTableSettingsApply","translateErrorAllInvisible","translateColumnNotHidable","_horizontalHeaderCells","handleHeaderCellsChange","newValue","map","row","cell","Object","assign","componentWillLoad","getPrimaryRow","_a","length","updatePrimaryRow","newRow","index","arr","moveColumn","columnId","direction","sourceIndex","findIndex","col","key","targetIndex","source","splice","handleVisibilityChange","visible","hidable","Boolean","handleWidthChange","resizable","handleCancel","popoverRef","hidePopover","handleSubmit","event","preventDefault","primaryRow","hasVisibleColumn","some","column","host","sanitizedHeaderCells","sortable","rest","changeHeaderCells","render","columns","ref","el","class","_icons","_label","_popoverAlign","_hideLabel","_level","_type","_variant","onSubmit","bind","_checked","label","_value","_disabled","_on","onInput","_","value","placeholders","_min","onClick","watchers"],"sources":["0"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["registerInstance","h","getElement","__rest","KolHeadingTag","KolAlertWcTag","KolInputCheckboxTag","KolInputNumberTag","KolButtonWcTag","KolPopoverButtonWcTag","translate","dispatchDomEvent","KolEvent","parseColumnWidth","width","Number","isFinite","undefined","KolTableSettings","constructor","hostRef","this","headerCells","editingHeaderCells","errorMessage","translateTableSettings","translateTableSettingsCancel","translateTableSettingsApply","translateErrorAllInvisible","translateColumnNotHidable","_horizontalHeaderCells","handleHeaderCellsChange","newValue","map","row","cell","Object","assign","componentWillLoad","getPrimaryRow","_a","length","updatePrimaryRow","newRow","index","arr","moveColumn","columnId","direction","sourceIndex","findIndex","col","key","targetIndex","source","splice","handleVisibilityChange","visible","hidable","Boolean","handleWidthChange","resizable","handleCancel","popoverRef","hidePopover","handleSubmit","event","preventDefault","primaryRow","hasVisibleColumn","some","column","host","sanitizedHeaderCells","sortable","rest","changeHeaderCells","render","columns","ref","el","class","_icons","_label","_popoverAlign","_hideLabel","_level","_type","_variant","onSubmit","bind","_checked","label","_value","_disabled","_on","onInput","_","value","placeholders","_min","onClick","watchers"],"sources":["0"],"mappings":"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","ignoreList":[]}