@public-ui/components 3.1.0 → 3.1.1

package/dist/kolibri/kol-single-select.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["h","registerInstance","getElement","clsx","KolButtonWcTag","KolIconTag","getRenderStates","FormFieldStateWrapper","InputIconController","InputContainerStateWrapperFc","InputStateWrapper","CustomSuggestionsOptionsGroupFc","CustomSuggestionsOptionFc","translate","nonce","watchValidator","watchBoolean","watchNumber","fillKeyOptionMap","validateOptions","validatePlaceholder","validateRequired","SingleSelectController","constructor","component","name","host","super","this","keyOptionMap","Map","afterPatchOptions","value","_state","_component","key","setFormAssociatedValue","beforePatchOptions","_value","nextState","options","has","get","state","_options","Array","isArray","length","clear","hooks","afterPatch","beforePatch","validateValue","v","undefined","Set","validateHideClearButton","validateRows","componentWillLoad","_required","_placeholder","_hideClearButton","_rows","defaultStyleCss","KolSingleSelect","getValue","focus","_a","Promise","resolve","refInput","kolFocus","onBlur","_b","_c","matchingOption","find","option","label","toLowerCase","_inputValue","selectOption","_filteredOptions","_isOpen","createEventWithTarget","type","detail","event","CustomEvent","bubbles","Object","defineProperty","clearSelection","isDisabled","_disabled","emptyValue","_focusedOptionIndex","inputEvent","_name","changeEvent","controller","onFacade","onInput","onChange","target","setFilteredOptionsByQuery","handleKeyDownDropdown","test","preventDefault","focusSuggestionStartingWith","query","trim","filter","includes","moveFocus","delta","newIndex","iterations","foundEnabledOption","maxIterations","disabled","focusOption","index","refOptions","optionElement","char","charLowerCase","findIndex","startsWith","getFormFieldProps","class","tooltipAlign","_tooltipAlign","alert","showAsAlert","getInputProps","ariaDescribedBy","assign","join","_hideLabel","_label","_shortKey","accessKey","_accessKey","autocapitalize","autocorrect","placeholder","ref","catchRef","required","bind","onClick","onFocus","inputHasFocus","render","_icons","translateDeleteSelection","_buttonVariant","_on","toggleListbox","blockSuggestionMouseOver","onKeyDown","style","map","searchTerm","el","selected","onMouseOver","e","translateNoResultsMessage","handleFocusOut","setTimeout","contains","document","activeElement","handleWindowBlur","handleKeyDown","handleEvent","isOpen","callback","hostRef","selectedIndex","_hideMsg","_hint","_touched","_id","Boolean","validateAccessKey","validateDisabled","validateHideMsg","validateHideLabel","validateHint","validateIcons","validateId","validateLabel","validateMsg","validateName","validateOn","updateInputValue","validateShortKey","validateSyncValueBySelector","validateTouched","oldValue","handleMouseEvent","matchedOption","String","watchers","_msg","_syncValueBySelector","default"],"sources":["0"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1 @@
+{"version":3,"file":"kol-skip-nav.entry.esm.js","sources":["src/components/skip-nav/style.scss?tag=kol-skip-nav&mode=default&encapsulation=shadow","src/components/skip-nav/shadow.tsx"],"sourcesContent":["@use '../@shared/mixins' as *;\n@use '../../styles/global' as *;\n\n@layer kol-component {\n\t.kol-skip-nav {\n\t\t&__list {\n\t\t\tdisplay: grid;\n\t\t\tplace-items: center;\n\t\t\tlist-style: none;\n\t\t}\n\n\t\t&__list-item {\n\t\t\theight: 0;\n\t\t}\n\n\t\t.kol-link {\n\t\t\tposition: absolute;\n\t\t\tleft: to-rem(-99999);\n\t\t\tz-index: 9999999;\n\n\t\t\tline-height: 1;\n\n\t\t\t&:focus {\n\t\t\t\tbackground-color: #fff;\n\t\t\t\tposition: unset;\n\t\t\t\tleft: unset;\n\t\t\t}\n\t\t}\n\t}\n}\n","import { Component, h, Method, Prop, State, Watch } from '@stencil/core';\nimport type { LabelPropType, LinkProps, SkipNavAPI, SkipNavStates, Stringified } from '../../schema';\nimport { validateLabel } from '../../schema';\n\nimport { addNavLabel, removeNavLabel } from '../../utils/unique-nav-labels';\nimport { watchNavLinks } from '../nav/validation';\n\nimport type { JSX } from '@stencil/core';\nimport { KolLinkWcTag } from '../../core/component-names';\n@Component({\n\ttag: 'kol-skip-nav',\n\tstyleUrls: {\n\t\tdefault: './style.scss',\n\t},\n\tshadow: true,\n})\nexport class KolSkipNav implements SkipNavAPI {\n\tprivate firstLinkRef?: HTMLKolLinkWcElement;\n\n\tpublic render(): JSX.Element {\n\t\treturn (\n\t\t\t<nav class=\"kol-skip-nav\" aria-label={this.state._label}>\n\t\t\t\t<ul class=\"kol-skip-nav__list\">\n\t\t\t\t\t{this.state._links.map((link: LinkProps, index: number) => {\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t<li class=\"kol-skip-nav__list-item\" key={index}>\n\t\t\t\t\t\t\t\t<KolLinkWcTag {...link} ref={index === 0 ? (el) => (this.firstLinkRef = el) : undefined}></KolLinkWcTag>\n\t\t\t\t\t\t\t</li>\n\t\t\t\t\t\t);\n\t\t\t\t\t})}\n\t\t\t\t</ul>\n\t\t\t</nav>\n\t\t);\n\t}\n\n\t/**\n\t * Sets focus on the internal element.\n\t */\n\t@Method()\n\tpublic async focus() {\n\t\treturn Promise.resolve(this.firstLinkRef?.focus());\n\t}\n\n\t/**\n\t * @deprecated Use {@link focus} instead.\n\t */\n\t@Method()\n\tpublic async kolFocus() {\n\t\treturn this.focus();\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() public _label!: LabelPropType;\n\n\t/**\n\t * Defines the list of links combined with their labels to render.\n\t */\n\t@Prop() public _links!: Stringified<LinkProps[]>;\n\n\t@State() public state: SkipNavStates = {\n\t\t_label: '', // ⚠ required\n\t\t_links: [],\n\t};\n\n\t@Watch('_label')\n\tpublic validateLabel(value?: LabelPropType, _oldValue?: LabelPropType, initial = false): void {\n\t\tif (!initial) {\n\t\t\tremoveNavLabel(this.state._label); // remove the current\n\t\t}\n\t\tvalidateLabel(this, value, {\n\t\t\trequired: true,\n\t\t});\n\t\taddNavLabel(this.state._label); // add the state instead of prop, because the prop could be invalid and not set as new label\n\t}\n\n\t@Watch('_links')\n\tpublic validateLinks(value?: Stringified<LinkProps[]>): void {\n\t\twatchNavLinks('KolSkipNav', this, value);\n\t}\n\n\tpublic componentWillLoad(): void {\n\t\tthis.validateLabel(this._label, undefined, true);\n\t\tthis.validateLinks(this._links);\n\t}\n\n\tpublic disconnectedCallback(): void {\n\t\tremoveNavLabel(this.state._label);\n\t}\n}\n"],"names":[],"mappings":";;;;;;;;;;AAAA,MAAM,eAAe,GAAG,mpLAAmpL;;MCgB9pL,UAAU,GAAA,MAAA;AAPvB,IAAA,WAAA,CAAA,OAAA,EAAA;;QAoDiB,IAAA,CAAA,KAAK,GAAkB;AACtC,YAAA,MAAM,EAAE,EAAE;AACV,YAAA,MAAM,EAAE,EAAE;SACV;AA0BD;IAvEO,MAAM,GAAA;QACZ,QACC,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,cAAc,gBAAa,IAAI,CAAC,KAAK,CAAC,MAAM,EAAA,EACtD,CAAA,CAAA,IAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAI,KAAK,EAAC,oBAAoB,EAC5B,EAAA,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,IAAe,EAAE,KAAa,KAAI;YACzD,QACC,UAAI,KAAK,EAAC,yBAAyB,EAAC,GAAG,EAAE,KAAK,EAAA,EAC7C,CAAA,CAAC,YAAY,EAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EAAK,IAAI,EAAA,EAAE,GAAG,EAAE,KAAK,KAAK,CAAC,GAAG,CAAC,EAAE,MAAM,IAAI,CAAC,YAAY,GAAG,EAAE,CAAC,GAAG,SAAS,EAAiB,CAAA,CAAA,CACpG;AAEP,SAAC,CAAC,CACE,CACA;;AAQD,IAAA,MAAM,KAAK,GAAA;;AACjB,QAAA,OAAO,OAAO,CAAC,OAAO,CAAC,CAAA,EAAA,GAAA,IAAI,CAAC,YAAY,MAAE,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAA,KAAK,EAAE,CAAC;;AAO5C,IAAA,MAAM,QAAQ,GAAA;AACpB,QAAA,OAAO,IAAI,CAAC,KAAK,EAAE;;AAmBb,IAAA,aAAa,CAAC,KAAqB,EAAE,SAAyB,EAAE,OAAO,GAAG,KAAK,EAAA;QACrF,IAAI,CAAC,OAAO,EAAE;AACb,YAAA,cAAc,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC;;AAElC,QAAA,aAAa,CAAC,IAAI,EAAE,KAAK,EAAE;AAC1B,YAAA,QAAQ,EAAE,IAAI;AACd,SAAA,CAAC;AACF,QAAA,WAAW,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC;;AAIxB,IAAA,aAAa,CAAC,KAAgC,EAAA;AACpD,QAAA,aAAa,CAAC,YAAY,EAAE,IAAI,EAAE,KAAK,CAAC;;IAGlC,iBAAiB,GAAA;QACvB,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,MAAM,EAAE,SAAS,EAAE,IAAI,CAAC;AAChD,QAAA,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,MAAM,CAAC;;IAGzB,oBAAoB,GAAA;AAC1B,QAAA,cAAc,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC;;;;;;;;;;;;;"}

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

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{r as i,h as o}from"./index-BVfSKhpj.js";import"./common-Dd0zJQbD.js";import{v as a}from"./label-Dnmzb2S_.js";import{r as e,a as t}from"./unique-nav-labels-CrfmPC99.js";import{w as l}from"./validation-BfjI5un_.js";import{f as n}from"./component-names-C3fyby67.js";const s=class{constructor(e){i(this,e),this.state={_label:"",_links:[]}}render(){return o("nav",{key:"b9adacaa5cb5b79456d375f35a4be7e18aa47a32",class:"kol-skip-nav","aria-label":this.state._label},o("ul",{key:"015db44ad9a7489ef6e5b000f1bebadb153ff2df",class:"kol-skip-nav__list"},this.state._links.map((i,e)=>o("li",{class:"kol-skip-nav__list-item",key:e},o(n,Object.assign({},i,{ref:0===e?i=>this.firstLinkRef=i:void 0}))))))}async focus(){var i;return Promise.resolve(null===(i=this.firstLinkRef)||void 0===i?void 0:i.focus())}async kolFocus(){return this.focus()}validateLabel(i,l,o=!1){o||e(this.state._label),a(this,i,{required:!0}),t(this.state._label)}validateLinks(i){l("KolSkipNav",this,i)}componentWillLoad(){this.validateLabel(this._label,void 0,!0),this.validateLinks(this._links)}disconnectedCallback(){e(this.state._label)}static get watchers(){return{_label:[{validateLabel:0}],_links:[{validateLinks:0}]}}};s.style={default:"  @layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component;  @layer kol-a11y {   :host {          --a11y-min-size: calc(44 * 1rem / var(--kolibri-root-font-size, 16));          color: black;     background-color: white;          font-family: Verdana;          letter-spacing: inherit;          word-spacing: inherit;          text-align: left;   }   * {          hyphens: auto;          word-break: break-word;   }                  button,   .kol-input .input {     min-width: var(--a11y-min-size);     min-height: var(--a11y-min-size);   }      a,   button,   h1,   h2,   h3,   h4,   h5,   h6,   input,   option,   select,   textarea {          color: inherit;          font-family: inherit;          font-size: inherit;          letter-spacing: inherit;          word-spacing: inherit;   }      .visually-hidden {     position: fixed;     top: 0;     left: 0;     width: 1px;     height: 1px;     overflow: hidden;     white-space: nowrap;     clip-path: inset(50%);   } } @layer kol-global {      :is(a, button) {     background-color: transparent;     width: 100%;     margin: 0;     padding: 0;     border: none;        }      [hidden] {     display: none !important;   }   .badge-text-hint {     color: black;     background-color: lightgray;   } } @layer kol-global {   :host {          max-width: 100%;     font-size: calc(16 * 1rem / var(--kolibri-root-font-size, 16));   }   * {          box-sizing: border-box;   }   .kol-span {          display: flex;     flex-flow: column;     align-items: center;     justify-content: center;        }   .kol-span__container {     display: flex;     align-items: center;   }   a,   button {     cursor: pointer;   }   .kol-span .kol-span__label--hide-label .kol-span__label {     display: none;   }      button:disabled {     color: unset;   }   .disabled label,   .disabled:focus-within label,   [aria-disabled=true],   [aria-disabled=true]:focus,   [disabled],   [disabled]:focus {     opacity: 0.5;     outline: none;     cursor: not-allowed;   }   [aria-disabled=true]:focus .kol-span,   [disabled]:focus .kol-span {     outline: none !important;   } } @layer kol-component {   .kol-skip-nav__list {     display: grid;     place-items: center;     list-style: none;   }   .kol-skip-nav__list-item {     height: 0;   }   .kol-skip-nav .kol-link {     position: absolute;     left: calc(-99999 * 1rem / var(--kolibri-root-font-size, 16));     z-index: 9999999;     line-height: 1;   }   .kol-skip-nav .kol-link:focus {     background-color: #fff;     position: unset;     left: unset;   } }"};export{s as kol_skip_nav};
+import{r as n,h as e}from"./index-CkM67rWc.js";import"./common-Dd0zJQbD.js";import{v as t}from"./label-Dnmzb2S_.js";import{r as i,a as o}from"./unique-nav-labels-CrfmPC99.js";import{w as l}from"./validation-BfjI5un_.js";import{f as a}from"./component-names-C3fyby67.js";const s="/* forward the rem function */\n/*\n* This file defines the layer order for all CSS layers used in KoliBri.\n* The order is important as it determines the cascade priority.\n*\n* Layer order (lowest to highest priority):\n* 1. kol-a11y - Accessibility defaults and requirements\n* 2. kol-global - Global component styles and resets\n* 3. kol-component - Component-specific styles\n* 4. kol-theme-global - Theme-specific global styles\n* 5. kol-theme-component - Theme-specific component styles\n*/\n@layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component;\n/*\n * This file contains all rules for accessibility.\n */\n@layer kol-a11y {\n  :host {\n    /*\n                   * Minimum size of interactive elements.\n                   */\n    --a11y-min-size: calc(44 * 1rem / var(--kolibri-root-font-size, 16));\n    /*\n     * No element should be used without verifying the contrast ratio of its background and font colors.\n     * By initially setting the background color to white and the font color to black,\n     * the contrast ratio is ensured and explicit adjustment is forced.\n     */\n    color: black;\n    background-color: white;\n    /*\n     * Verdana is an accessible font that can be used without requiring additional loading time.\n     */\n    font-family: Verdana;\n    /*\n     * Letter spacing is required for all texts.\n     */\n    letter-spacing: inherit;\n    /*\n     * Word spacing is required for all texts.\n     */\n    word-spacing: inherit;\n    /*\n     * Text should be aligned left by default to provide a predictable starting point.\n     */\n    text-align: left;\n  }\n  * {\n    /*\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\n     */\n    hyphens: auto;\n    /*\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\n     */\n    word-break: break-word;\n  }\n  /*\n   * All interactive elements should have a minimum size of to-rem(44).\n   */\n  /* input:not([type='checkbox'], [type='radio'], [type='range']), */\n  /* option, */\n  /* select, */\n  /* textarea, */\n  button,\n  .kol-input .input {\n    min-width: var(--a11y-min-size);\n    min-height: var(--a11y-min-size);\n  }\n  /*\n   * Some interactive elements should not inherit the font-family and font-size.\n   */\n  a,\n  button,\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6,\n  input,\n  option,\n  select,\n  textarea {\n    /*\n     * All elements should inherit the text color from his parent element.\n     */\n    color: inherit;\n    /*\n     * All elements should inherit the font family from his parent element.\n     */\n    font-family: inherit;\n    /*\n     * All elements should inherit the font size from his parent element.\n     */\n    font-size: inherit;\n    /*\n     * Letter spacing is required for all texts.\n     */\n    letter-spacing: inherit;\n    /*\n     * Word spacing is required for all texts.\n     */\n    word-spacing: inherit;\n  }\n  /**\n  * Sometimes we need the semantic element for accessibility reasons,\n  * but we don't want to show it.\n  *\n  * - https://www.a11yproject.com/posts/how-to-hide-content/\n  */\n  .visually-hidden {\n    position: fixed;\n    top: 0;\n    left: 0;\n    width: 1px;\n    height: 1px;\n    overflow: hidden;\n    white-space: nowrap;\n    clip-path: inset(50%);\n  }\n}\n@layer kol-global {\n  /*\n   * Dieses CSS stellt sicher, dass der Standard-Style\n   * von A und Button resettet werden.\n   */\n  :is(a, button) {\n    background-color: transparent;\n    width: 100%;\n    margin: 0;\n    padding: 0;\n    border: none;\n    /* 100% needed for custom width from outside */\n  }\n  /*\n   * Ensure elements with hidden attribute to be actually not visible\n   * @see https://meowni.ca/hidden.is.a.lie.html\n   */\n  [hidden] {\n    display: none !important;\n  }\n  .badge-text-hint {\n    color: black;\n    background-color: lightgray;\n  }\n}\n@layer kol-global {\n  :host {\n    /*\n     * The max-width is needed to prevent the table from overflowing the\n     * parent node, if the table is wider than the parent node.\n     */\n    max-width: 100%;\n    font-size: calc(16 * 1rem / var(--kolibri-root-font-size, 16));\n  }\n  * {\n    /*\n     * We prefer to box-sizing: border-box for all elements.\n     */\n    box-sizing: border-box;\n  }\n  .kol-span {\n    /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\n    display: flex;\n    flex-flow: column;\n    align-items: center;\n    justify-content: center;\n    /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\n  }\n  .kol-span__container {\n    display: flex;\n    align-items: center;\n  }\n  a,\n  button {\n    cursor: pointer;\n  }\n  .kol-span .kol-span__label--hide-label .kol-span__label {\n    display: none;\n  }\n  /* Reset browser agent style. */\n  button:disabled {\n    color: unset;\n  }\n  .disabled label,\n  .disabled:focus-within label,\n  [aria-disabled=true],\n  [aria-disabled=true]:focus,\n  [disabled],\n  [disabled]:focus {\n    opacity: 0.5;\n    outline: none;\n    cursor: not-allowed;\n  }\n  [aria-disabled=true]:focus .kol-span,\n  [disabled]:focus .kol-span {\n    outline: none !important;\n  }\n}\n@layer kol-component {\n  .kol-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}",r=class{constructor(e){n(this,e),this.state={_label:"",_links:[]}}render(){return e("nav",{key:"b9adacaa5cb5b79456d375f35a4be7e18aa47a32",class:"kol-skip-nav","aria-label":this.state._label},e("ul",{key:"015db44ad9a7489ef6e5b000f1bebadb153ff2df",class:"kol-skip-nav__list"},this.state._links.map((n,t)=>e("li",{class:"kol-skip-nav__list-item",key:t},e(a,Object.assign({},n,{ref:0===t?n=>this.firstLinkRef=n:void 0}))))))}async focus(){var n;return Promise.resolve(null===(n=this.firstLinkRef)||void 0===n?void 0:n.focus())}async kolFocus(){return this.focus()}validateLabel(n,e,l=!1){l||i(this.state._label),t(this,n,{required:!0}),o(this.state._label)}validateLinks(n){l("KolSkipNav",this,n)}componentWillLoad(){this.validateLabel(this._label,void 0,!0),this.validateLinks(this._links)}disconnectedCallback(){i(this.state._label)}static get watchers(){return{_label:["validateLabel"],_links:["validateLinks"]}}};r.style={default:s};export{r as kol_skip_nav};

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

@@ -0,0 +1 @@
+{"version":3,"names":["registerInstance","h","validateLabel","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","_a","Promise","resolve","kolFocus","value","_oldValue","initial","required","validateLinks","componentWillLoad","disconnectedCallback","watchers","style","default"],"sources":["0"],"mappings":";;;YAGcA,OAAkBC,MAAS,4BAClC,mCACOC,MAAqB,kCACrBC,OAAqBC,MAAmB,8CACxCC,MAAqB,uCACrBC,MAAoB,gCAElC,MAAMC,EAAkB,opLAExB,MAAMC,EAAa,MACf,WAAAC,CAAYC,GACRV,EAAiBW,KAAMD,GACvBC,KAAKC,MAAQ,CACTC,OAAQ,GACRC,OAAQ,GAEhB,CACA,MAAAC,GACI,OAAQd,EAAE,MAAO,CAAEe,IAAK,2CAA4CC,MAAO,eAAgB,aAAcN,KAAKC,MAAMC,QAAUZ,EAAE,KAAM,CAAEe,IAAK,2CAA4CC,MAAO,sBAAwBN,KAAKC,MAAME,OAAOI,KAAI,CAACC,EAAMC,IACzOnB,EAAE,KAAM,CAAEgB,MAAO,0BAA2BD,IAAKI,GAASnB,EAAEK,EAAce,OAAOC,OAAO,CAAC,EAAGH,EAAM,CAAEI,IAAKH,IAAU,EAAKI,GAAQb,KAAKc,aAAeD,EAAME,iBAE1K,CACA,WAAMC,GACF,IAAIC,EACJ,OAAOC,QAAQC,SAASF,EAAKjB,KAAKc,gBAAkB,MAAQG,SAAY,OAAS,EAAIA,EAAGD,QAC5F,CACA,cAAMI,GACF,OAAOpB,KAAKgB,OAChB,CACA,aAAAzB,CAAc8B,EAAOC,EAAWC,EAAU,OACtC,IAAKA,EAAS,CACV/B,EAAeQ,KAAKC,MAAMC,OAC9B,CACAX,EAAcS,KAAMqB,EAAO,CACvBG,SAAU,OAEd/B,EAAYO,KAAKC,MAAMC,OAC3B,CACA,aAAAuB,CAAcJ,GACV3B,EAAc,aAAcM,KAAMqB,EACtC,CACA,iBAAAK,GACI1B,KAAKT,cAAcS,KAAKE,OAAQa,UAAW,MAC3Cf,KAAKyB,cAAczB,KAAKG,OAC5B,CACA,oBAAAwB,GACInC,EAAeQ,KAAKC,MAAMC,OAC9B,CACA,mBAAW0B,GAAa,MAAO,CAC3B1B,OAAU,CAAC,iBACXC,OAAU,CAAC,iBACZ,GAEPN,EAAWgC,MAAQ,CACfC,QAASlC,UAGJC","ignoreList":[]}

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

@@ -0,0 +1 @@
+{"version":3,"file":"kol-spin.entry.esm.js","sources":["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 { 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 '../../styles/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\tpadding: to-rem(2);\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 clsx from 'clsx';\nimport type { LabelPropType, ShowPropType, SpinAPI, SpinStates, SpinVariantPropType } from '../../schema';\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@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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"}

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

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{r as i,h as o,F as e,H as n}from"./index-BVfSKhpj.js";import{w as t}from"./common-Dd0zJQbD.js";import{v as r}from"./label-Dnmzb2S_.js";import{v as a}from"./show-DdPK3aM7.js";import{t as l}from"./i18n-LBpyQ66X.js";import{c as s}from"./clsx-eK3rPvPS.js";import"./i18n-CfLoIZ8T.js";const p=["cycle","dot","none"],c=class{constructor(o){i(this,o),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 i,t;return o(n,{key:"e9c150c633c0a718053c4aa1aeb737d88b7b4183",class:"kol-spin"},this.state._show?o(e,null,o("span",{class:s("kol-spin__spinner",`kol-spin__spinner--${this.state._variant}`)},function(i){switch(i){case"cycle":return o("span",{class:"kol-spin__loader"});case"none":return o("slot",{name:"expert"});default:return o(e,null,o("span",{class:"kol-spin__spinner-element kol-spin__spinner-element--1"}),o("span",{class:"kol-spin__spinner-element kol-spin__spinner-element--2"}),o("span",{class:"kol-spin__spinner-element kol-spin__spinner-element--3"}),o("span",{class:"kol-spin__spinner-element kol-spin__spinner-element--neutral"}))}}(this.state._variant)),o("span",{"aria-busy":"true",class:"visually-hidden",role:"alert"},null!==(i=this.state._label)&&void 0!==i?i:this.translateActionRunning)):this.showToggled&&o("span",{"aria-busy":"false",class:"visually-hidden",role:"alert"},null!==(t=this.state._label)&&void 0!==t?t:this.translateActionDone))}validateShow(i){this.showToggled=!0===this.state._show&&!1===this._show,a(this,i)}validateLabel(i){r(this,i)}validateVariant(i){((i,o)=>{t(this,"_variant",i=>"string"==typeof i&&p.includes(i),new Set(p),o)})(0,i)}componentWillLoad(){this.validateShow(this._show),this.validateVariant(this._variant),this.validateLabel(this._label)}static get watchers(){return{_show:[{validateShow:0}],_label:[{validateLabel:0}],_variant:[{validateVariant:0}]}}};c.style={default:'  @layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component;  @layer kol-a11y {   :host {          --a11y-min-size: calc(44 * 1rem / var(--kolibri-root-font-size, 16));          color: black;     background-color: white;          font-family: Verdana;          letter-spacing: inherit;          word-spacing: inherit;          text-align: left;   }   * {          hyphens: auto;          word-break: break-word;   }                  button,   .kol-input .input {     min-width: var(--a11y-min-size);     min-height: var(--a11y-min-size);   }      a,   button,   h1,   h2,   h3,   h4,   h5,   h6,   input,   option,   select,   textarea {          color: inherit;          font-family: inherit;          font-size: inherit;          letter-spacing: inherit;          word-spacing: inherit;   }      .visually-hidden {     position: fixed;     top: 0;     left: 0;     width: 1px;     height: 1px;     overflow: hidden;     white-space: nowrap;     clip-path: inset(50%);   } } @layer kol-global {      :is(a, button) {     background-color: transparent;     width: 100%;     margin: 0;     padding: 0;     border: none;        }      [hidden] {     display: none !important;   }   .badge-text-hint {     color: black;     background-color: lightgray;   } } @layer kol-global {   :host {          max-width: 100%;     font-size: calc(16 * 1rem / var(--kolibri-root-font-size, 16));   }   * {          box-sizing: border-box;   }   .kol-span {          display: flex;     flex-flow: column;     align-items: center;     justify-content: center;        }   .kol-span__container {     display: flex;     align-items: center;   }   a,   button {     cursor: pointer;   }   .kol-span .kol-span__label--hide-label .kol-span__label {     display: none;   }      button:disabled {     color: unset;   }   .disabled label,   .disabled:focus-within label,   [aria-disabled=true],   [aria-disabled=true]:focus,   [disabled],   [disabled]:focus {     opacity: 0.5;     outline: none;     cursor: not-allowed;   }   [aria-disabled=true]:focus .kol-span,   [disabled]:focus .kol-span {     outline: none !important;   } } @layer kol-component {   @keyframes rotate {     100% {       transform: rotate(360deg);     }   }   @keyframes prixClipFix {     0% {       border-color: #fff;       clip-path: polygon(50% 50%, 0 0, 0 0, 0 0, 0 0, 0 0);     }     25% {       border-color: #666;       clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 0, 100% 0, 100% 0);     }     50% {       border-color: #000;       clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 100% 100%, 100% 100%);     }     75% {       border-color: #000;       clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 100%);     }     100% {       border-color: #000;       clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 0);     }   }      @media (prefers-reduced-motion) {     .kol-spin__loader {       animation-duration: 4s;     }     .kol-spin__loader::before {       animation-duration: 6s;     }   }   .kol-spin__spinner--cycle {     width: calc(48 * 1rem / var(--kolibri-root-font-size, 16));     height: calc(48 * 1rem / var(--kolibri-root-font-size, 16));   }   .kol-spin__loader {     border-radius: 50%;     display: block;     position: relative;     width: 100%;     height: 100%;     animation: 2s linear infinite rotate;   }   .kol-spin__loader::before {     border-radius: 50%;     position: absolute;     inset: 0;     content: "";     animation: 3s linear infinite prixClipFix;     border: 5px solid #333;   } } @layer kol-component {   @keyframes spin1 {     0% {       transform: scale(0);     }     100% {       transform: scale(1);     }   }   @keyframes spin2 {     0% {       transform: translate(0, 0);     }     100% {       transform: translate(calc(16 * 1rem / var(--kolibri-root-font-size, 16)), 0);     }   }   @keyframes spin3 {     0% {       transform: scale(1);     }     100% {       transform: scale(0);     }   }      @media (prefers-reduced-motion) {     .kol-spin__spinner-element {       animation-duration: 2s;     }   }   .kol-spin__spinner--dot {     width: calc(48 * 1rem / var(--kolibri-root-font-size, 16));     height: calc(16 * 1rem / var(--kolibri-root-font-size, 16));   }   .kol-spin__spinner-element {     border-radius: 50%;     position: absolute;     top: calc(0.16 * 1rem / var(--kolibri-root-font-size, 16));     width: calc(12.8 * 1rem / var(--kolibri-root-font-size, 16));     height: calc(12.8 * 1rem / var(--kolibri-root-font-size, 16));     animation-timing-function: cubic-bezier(0, 1, 1, 0);     border: calc(0.16 * 1rem / var(--kolibri-root-font-size, 16)) solid #fff;   }   .kol-spin__spinner-element--1 {     background-color: #000;     left: calc(0.16 * 1rem / var(--kolibri-root-font-size, 16));     z-index: 0;     animation: 1s infinite spin1;   }   .kol-spin__spinner-element--2 {     background-color: #000;     left: calc(0.16 * 1rem / var(--kolibri-root-font-size, 16));     z-index: 1;     animation: 1s infinite spin2;   }   .kol-spin__spinner-element--3 {     background-color: #000;     left: calc(17.6 * 1rem / var(--kolibri-root-font-size, 16));     z-index: 1;     animation: 1s infinite spin2;   }   .kol-spin__spinner-element--neutral {     background-color: #666;     left: calc(33.6 * 1rem / var(--kolibri-root-font-size, 16));     z-index: 0;     animation: 1s infinite spin3;   } } @layer kol-component {   .kol-spin__spinner {     display: block;     position: relative;     padding: calc(2 * 1rem / var(--kolibri-root-font-size, 16));   } }'};export{c as kol_spin};
+import{r as n,h as e,F as i,H as t}from"./index-CkM67rWc.js";import{w as o}from"./common-Dd0zJQbD.js";import{v as r}from"./label-Dnmzb2S_.js";import{v as a}from"./show-DdPK3aM7.js";import{t as l}from"./i18n-LBpyQ66X.js";import{c as s}from"./clsx-eK3rPvPS.js";import"./i18n-CfLoIZ8T.js";const d=["cycle","dot","none"],c=(n,e)=>{o(n,"_variant",n=>"string"==typeof n&&d.includes(n),new Set(d),e)},p="/* forward the rem function */\n/*\n* This file defines the layer order for all CSS layers used in KoliBri.\n* The order is important as it determines the cascade priority.\n*\n* Layer order (lowest to highest priority):\n* 1. kol-a11y - Accessibility defaults and requirements\n* 2. kol-global - Global component styles and resets\n* 3. kol-component - Component-specific styles\n* 4. kol-theme-global - Theme-specific global styles\n* 5. kol-theme-component - Theme-specific component styles\n*/\n@layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component;\n/*\n * This file contains all rules for accessibility.\n */\n@layer kol-a11y {\n  :host {\n    /*\n                   * Minimum size of interactive elements.\n                   */\n    --a11y-min-size: calc(44 * 1rem / var(--kolibri-root-font-size, 16));\n    /*\n     * No element should be used without verifying the contrast ratio of its background and font colors.\n     * By initially setting the background color to white and the font color to black,\n     * the contrast ratio is ensured and explicit adjustment is forced.\n     */\n    color: black;\n    background-color: white;\n    /*\n     * Verdana is an accessible font that can be used without requiring additional loading time.\n     */\n    font-family: Verdana;\n    /*\n     * Letter spacing is required for all texts.\n     */\n    letter-spacing: inherit;\n    /*\n     * Word spacing is required for all texts.\n     */\n    word-spacing: inherit;\n    /*\n     * Text should be aligned left by default to provide a predictable starting point.\n     */\n    text-align: left;\n  }\n  * {\n    /*\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\n     */\n    hyphens: auto;\n    /*\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\n     */\n    word-break: break-word;\n  }\n  /*\n   * All interactive elements should have a minimum size of to-rem(44).\n   */\n  /* input:not([type='checkbox'], [type='radio'], [type='range']), */\n  /* option, */\n  /* select, */\n  /* textarea, */\n  button,\n  .kol-input .input {\n    min-width: var(--a11y-min-size);\n    min-height: var(--a11y-min-size);\n  }\n  /*\n   * Some interactive elements should not inherit the font-family and font-size.\n   */\n  a,\n  button,\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6,\n  input,\n  option,\n  select,\n  textarea {\n    /*\n     * All elements should inherit the text color from his parent element.\n     */\n    color: inherit;\n    /*\n     * All elements should inherit the font family from his parent element.\n     */\n    font-family: inherit;\n    /*\n     * All elements should inherit the font size from his parent element.\n     */\n    font-size: inherit;\n    /*\n     * Letter spacing is required for all texts.\n     */\n    letter-spacing: inherit;\n    /*\n     * Word spacing is required for all texts.\n     */\n    word-spacing: inherit;\n  }\n  /**\n  * Sometimes we need the semantic element for accessibility reasons,\n  * but we don't want to show it.\n  *\n  * - https://www.a11yproject.com/posts/how-to-hide-content/\n  */\n  .visually-hidden {\n    position: fixed;\n    top: 0;\n    left: 0;\n    width: 1px;\n    height: 1px;\n    overflow: hidden;\n    white-space: nowrap;\n    clip-path: inset(50%);\n  }\n}\n@layer kol-global {\n  /*\n   * Dieses CSS stellt sicher, dass der Standard-Style\n   * von A und Button resettet werden.\n   */\n  :is(a, button) {\n    background-color: transparent;\n    width: 100%;\n    margin: 0;\n    padding: 0;\n    border: none;\n    /* 100% needed for custom width from outside */\n  }\n  /*\n   * Ensure elements with hidden attribute to be actually not visible\n   * @see https://meowni.ca/hidden.is.a.lie.html\n   */\n  [hidden] {\n    display: none !important;\n  }\n  .badge-text-hint {\n    color: black;\n    background-color: lightgray;\n  }\n}\n@layer kol-global {\n  :host {\n    /*\n     * The max-width is needed to prevent the table from overflowing the\n     * parent node, if the table is wider than the parent node.\n     */\n    max-width: 100%;\n    font-size: calc(16 * 1rem / var(--kolibri-root-font-size, 16));\n  }\n  * {\n    /*\n     * We prefer to box-sizing: border-box for all elements.\n     */\n    box-sizing: border-box;\n  }\n  .kol-span {\n    /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\n    display: flex;\n    flex-flow: column;\n    align-items: center;\n    justify-content: center;\n    /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\n  }\n  .kol-span__container {\n    display: flex;\n    align-items: center;\n  }\n  a,\n  button {\n    cursor: pointer;\n  }\n  .kol-span .kol-span__label--hide-label .kol-span__label {\n    display: none;\n  }\n  /* Reset browser agent style. */\n  button:disabled {\n    color: unset;\n  }\n  .disabled label,\n  .disabled:focus-within label,\n  [aria-disabled=true],\n  [aria-disabled=true]:focus,\n  [disabled],\n  [disabled]:focus {\n    opacity: 0.5;\n    outline: none;\n    cursor: not-allowed;\n  }\n  [aria-disabled=true]:focus .kol-span,\n  [disabled]:focus .kol-span {\n    outline: none !important;\n  }\n}\n@layer kol-component {\n  @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;\n    }\n    .kol-spin__loader::before {\n      animation-duration: 6s;\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;\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    padding: calc(2 * 1rem / var(--kolibri-root-font-size, 16));\n  }\n}";function h(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 m=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:"e9c150c633c0a718053c4aa1aeb737d88b7b4183",class:"kol-spin"},this.state._show?e(i,null,e("span",{class:s("kol-spin__spinner",`kol-spin__spinner--${this.state._variant}`)},h(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,a(this,n)}validateLabel(n){r(this,n)}validateVariant(n){c(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"]}}};m.style={default:p};export{m as kol_spin};

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

@@ -0,0 +1 @@
+{"version":3,"names":["registerInstance","h","Fragment","Host","watchValidator","validateLabel","validateShow","translate","clsx","spinVariantPropTypeOptions","validateSpinVariant","component","value","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,MAAsB,mCACtBC,MAAqB,kCACrBC,MAAoB,iCACpBC,MAAiB,iCACjBC,MAAY,2BACnB,qBAEP,MAAMC,EAA6B,CAAC,QAAS,MAAO,QACpD,MAAMC,EAAsB,CAACC,EAAWC,KACpCR,EAAeO,EAAW,YAAaC,UAAiBA,IAAU,UAAYH,EAA2BI,SAASD,IAAQ,IAAIE,IAAIL,GAA6BG,EAAM,EAGzK,MAAMG,EAAkB,m4RAExB,SAASC,EAAWC,GAChB,OAAQA,GACJ,IAAK,QACD,OAAOhB,EAAE,OAAQ,CAAEiB,MAAO,qBAC9B,IAAK,OACD,OAAOjB,EAAE,OAAQ,CAAEkB,KAAM,WAC7B,QACI,OAAQlB,EAAEC,EAAU,KAAMD,EAAE,OAAQ,CAAEiB,MAAO,2DAA6DjB,EAAE,OAAQ,CAAEiB,MAAO,2DAA6DjB,EAAE,OAAQ,CAAEiB,MAAO,2DAA6DjB,EAAE,OAAQ,CAAEiB,MAAO,kEAEzS,CACA,MAAME,EAAU,MACZ,WAAAC,CAAYC,GACRtB,EAAiBuB,KAAMD,GACvBC,KAAKC,YAAc,MACnBD,KAAKE,uBAAyBlB,EAAU,sBACxCgB,KAAKG,oBAAsBnB,EAAU,mBACrCgB,KAAKI,MAAQ,MACbJ,KAAKK,SAAW,MAChBL,KAAKM,MAAQ,CACTD,SAAU,MACVE,OAAQC,UAEhB,CACA,MAAAC,GACI,IAAIC,EAAIC,EACR,OAAQjC,EAAEE,EAAM,CAAEgC,IAAK,2CAA4CjB,MAAO,YAAcK,KAAKM,MAAMF,MAAS1B,EAAEC,EAAU,KAAMD,EAAE,OAAQ,CAAEiB,MAAOV,EAAK,oBAAqB,sBAAsBe,KAAKM,MAAMD,aAAeZ,EAAWO,KAAKM,MAAMD,WAAY3B,EAAE,OAAQ,CAAE,YAAa,OAAQiB,MAAO,kBAAmBkB,KAAM,UAAYH,EAAKV,KAAKM,MAAMC,UAAY,MAAQG,SAAY,EAAIA,EAAKV,KAAKE,yBAA6BF,KAAKC,aAAgBvB,EAAE,OAAQ,CAAE,YAAa,QAASiB,MAAO,kBAAmBkB,KAAM,UAAYF,EAAKX,KAAKM,MAAMC,UAAY,MAAQI,SAAY,EAAIA,EAAKX,KAAKG,qBAC1kB,CACA,YAAApB,CAAaM,GACTW,KAAKC,YAAcD,KAAKM,MAAMF,QAAU,MAAQJ,KAAKI,QAAU,MAC/DrB,EAAaiB,KAAMX,EACvB,CACA,aAAAP,CAAcO,GACVP,EAAckB,KAAMX,EACxB,CACA,eAAAyB,CAAgBzB,GACZF,EAAoBa,KAAMX,EAC9B,CACA,iBAAA0B,GACIf,KAAKjB,aAAaiB,KAAKI,OACvBJ,KAAKc,gBAAgBd,KAAKK,UAC1BL,KAAKlB,cAAckB,KAAKO,OAC5B,CACA,mBAAWS,GAAa,MAAO,CAC3BZ,MAAS,CAAC,gBACVG,OAAU,CAAC,iBACXF,SAAY,CAAC,mBACd,GAEPR,EAAQoB,MAAQ,CACZC,QAAS1B,UAGJK","ignoreList":[]}

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

@@ -0,0 +1 @@
+{"version":3,"file":"kol-split-button.entry.esm.js","sources":["src/components/split-button/style.scss?tag=kol-split-button&mode=default&encapsulation=shadow","src/components/split-button/shadow.tsx"],"sourcesContent":["@use '../@shared/mixins' as *;\n@use '../../styles/global' as *;\n@use '../popover/style.scss' as *;\n@use '../tooltip/style.scss' as *;\n\n@layer kol-component {\n\t.kol-split-button {\n\t\tdisplay: flex;\n\t\tposition: relative;\n\t\twidth: 100%;\n\t\t&__root {\n\t\t\tdisplay: flex;\n\t\t\tposition: relative;\n\t\t\twidth: 100%;\n\t\t\talign-items: stretch;\n\t\t}\n\t\t&__button {\n\t\t\tmin-width: 0;\n\t\t\tflex: 1 1 auto;\n\t\t\ttext-align: left;\n\t\t}\n\n\t\t.kol-popover {\n\t\t\tz-index: 1;\n\n\t\t\t&__content {\n\t\t\t\tmargin-top: to-rem(2);\n\t\t\t}\n\n\t\t\t&__arrow {\n\t\t\t\tdisplay: none;\n\t\t\t}\n\t\t}\n\t}\n}\n","import type { JSX } from '@stencil/core';\nimport { Component, h, Method, Prop, State } from '@stencil/core';\nimport type {\n\tAccessKeyPropType,\n\tAlternativeButtonLinkRolePropType,\n\tAriaDescriptionPropType,\n\tButtonCallbacksPropType,\n\tButtonTypePropType,\n\tButtonVariantPropType,\n\tCustomClassPropType,\n\tIconsPropType,\n\tLabelWithExpertSlotPropType,\n\tShortKeyPropType,\n\tSplitButtonProps,\n\tSplitButtonStates,\n\tStencilUnknown,\n\tSyncValueBySelectorPropType,\n\tTooltipAlignPropType,\n} from '../../schema';\n\nimport clsx from 'clsx';\nimport { KolButtonWcTag, KolPopoverWcTag } from '../../core/component-names';\nimport { translate } from '../../i18n';\n\n/**\n * @slot - Ermöglicht das Einfügen beliebigen HTMLs in das dropdown.\n */\n@Component({\n\ttag: 'kol-split-button',\n\tstyleUrls: {\n\t\tdefault: './style.scss',\n\t},\n\tshadow: true,\n})\nexport class KolSplitButton implements SplitButtonProps /*, SplitButtonAPI*/ {\n\tprivate primaryButtonWcRef?: HTMLKolButtonWcElement;\n\n\tprivate readonly catchPrimaryRef = (ref?: HTMLKolButtonWcElement) => {\n\t\tthis.primaryButtonWcRef = ref;\n\t};\n\n\t/**\n\t * Returns the current value.\n\t */\n\t@Method()\n\t// eslint-disable-next-line @typescript-eslint/require-await\n\tpublic async getValue(): Promise<StencilUnknown> {\n\t\treturn this._value;\n\t}\n\n\t/**\n\t * Sets focus on the internal element.\n\t */\n\t@Method()\n\tpublic async focus() {\n\t\treturn Promise.resolve(this.primaryButtonWcRef?.focus());\n\t}\n\n\t/**\n\t * @deprecated Use {@link focus} instead.\n\t */\n\t@Method()\n\tpublic async kolFocus() {\n\t\treturn this.focus();\n\t}\n\n\tprivate readonly clickButtonHandler = {\n\t\tonClick: (event: MouseEvent) => {\n\t\t\tevent.stopPropagation(); // stop propagation to avoid triggering the event that closes the popover\n\n\t\t\tif (typeof this._on?.onClick === 'function') {\n\t\t\t\t// TODO: this._on is not validated\n\t\t\t\tthis._on?.onClick(event, this._value);\n\t\t\t}\n\t\t},\n\t};\n\tprivate readonly clickToggleHandler = {\n\t\tonClick: (event: MouseEvent) => {\n\t\t\tevent.stopPropagation(); // stop propagation to avoid triggering the event that closes the popover\n\t\t\tthis.toggleDropdown();\n\t\t},\n\t};\n\n\tprivate readonly toggleDropdown = () => {\n\t\tthis.state = { ...this.state, _show: !this.state._show };\n\t};\n\n\tprivate readonly handleOnClose = () => {\n\t\tthis.state = { ...this.state, _show: false };\n\t};\n\n\tpublic render(): JSX.Element {\n\t\tconst i18nDropdownLabel = 'kol-split-button-dropdown-label';\n\t\treturn (\n\t\t\t<div class=\"kol-split-button\">\n\t\t\t\t<div class=\"kol-split-button__root\">\n\t\t\t\t\t<KolButtonWcTag\n\t\t\t\t\t\tclass={clsx('kol-split-button__button', {\n\t\t\t\t\t\t\t[this._variant as string]: this._variant !== 'custom',\n\t\t\t\t\t\t\t[this._customClass as string]: this._variant === 'custom' && typeof this._customClass === 'string' && this._customClass.length > 0,\n\t\t\t\t\t\t})}\n\t\t\t\t\t\tref={this.catchPrimaryRef}\n\t\t\t\t\t\t_accessKey={this._accessKey}\n\t\t\t\t\t\t_ariaControls={this._ariaControls}\n\t\t\t\t\t\t_ariaDescription={this._ariaDescription}\n\t\t\t\t\t\t_ariaExpanded={this._ariaExpanded}\n\t\t\t\t\t\t_ariaSelected={this._ariaSelected}\n\t\t\t\t\t\t_customClass={this._customClass}\n\t\t\t\t\t\t_disabled={this._disabled}\n\t\t\t\t\t\t_icons={this._icons}\n\t\t\t\t\t\t_id={this._id}\n\t\t\t\t\t\t_hideLabel={this._hideLabel}\n\t\t\t\t\t\t_label={this._label}\n\t\t\t\t\t\t_name={this._name}\n\t\t\t\t\t\t_on={this.clickButtonHandler}\n\t\t\t\t\t\t_shortKey={this._shortKey}\n\t\t\t\t\t\t_syncValueBySelector={this._syncValueBySelector}\n\t\t\t\t\t\t_tooltipAlign={this._tooltipAlign}\n\t\t\t\t\t\t_type={this._type}\n\t\t\t\t\t\t_value={this._value}\n\t\t\t\t\t\t_buttonVariant={this._variant}\n\t\t\t\t\t></KolButtonWcTag>\n\t\t\t\t\t<div class=\"kol-split-button__horizontal-line\"></div>\n\t\t\t\t\t<KolButtonWcTag\n\t\t\t\t\t\tclass=\"kol-split-button__secondary-button\"\n\t\t\t\t\t\t_disabled={this._disabled}\n\t\t\t\t\t\t_hideLabel\n\t\t\t\t\t\t_icons=\"codicon codicon-triangle-down\"\n\t\t\t\t\t\t_label={this.state._show ? translate(`${i18nDropdownLabel}-close`) : translate(`${i18nDropdownLabel}-open`)}\n\t\t\t\t\t\t_on={this.clickToggleHandler}\n\t\t\t\t\t></KolButtonWcTag>\n\t\t\t\t</div>\n\t\t\t\t<KolPopoverWcTag _show={this.state._show} _on={{ onClose: this.handleOnClose }} _align=\"bottom\">\n\t\t\t\t\t<slot />\n\t\t\t\t</KolPopoverWcTag>\n\t\t\t</div>\n\t\t);\n\t}\n\n\t/**\n\t * Closes the dropdown.\n\t */\n\t@Method()\n\tpublic async closePopup() {\n\t\tthis.handleOnClose();\n\n\t\treturn Promise.resolve();\n\t}\n\n\t/**\n\t * Defines the key combination that can be used to trigger or focus the component’s interactive element.\n\t */\n\t@Prop() public _accessKey?: AccessKeyPropType;\n\n\t/**\n\t * Defines which elements are controlled by this component. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-controls)\n\t */\n\t@Prop() public _ariaControls?: string;\n\n\t/**\n\t * Defines the value for the aria-description attribute.\n\t */\n\t@Prop() public _ariaDescription?: AriaDescriptionPropType;\n\n\t/**\n\t * Defines whether the interactive element of the component expanded something. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-expanded)\n\t */\n\t@Prop() public _ariaExpanded?: boolean;\n\n\t/**\n\t * Defines whether the interactive element of the component is selected (e.g. role=tab). (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-selected)\n\t */\n\t@Prop() public _ariaSelected?: boolean;\n\n\t/**\n\t * Defines the custom class attribute if _variant=\"custom\" is set.\n\t */\n\t@Prop() public _customClass?: CustomClassPropType;\n\n\t/**\n\t * Makes the element not focusable and ignore all events.\n\t */\n\t@Prop() public _disabled?: boolean = false;\n\n\t/**\n\t * Hides the caption by default and displays the caption text with a tooltip when the\n\t * interactive element is focused or the mouse is over it.\n\t * @TODO: Change type back to `HideLabelPropType` after Stencil#4663 has been resolved.\n\t */\n\t@Prop() public _hideLabel?: boolean = false;\n\n\t/**\n\t * Defines the icon classnames (e.g. `_icons=\"fa-solid fa-user\"`).\n\t */\n\t@Prop() public _icons?: IconsPropType;\n\n\t/**\n\t * Defines the internal ID of the primary component element.\n\t * @deprecated Will be removed in the next major version.\n\t */\n\t@Prop() public _id?: string;\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!: LabelWithExpertSlotPropType;\n\n\t/**\n\t * Defines the technical name of an input field.\n\t */\n\t@Prop() public _name?: string;\n\n\t/**\n\t * Defines the callback functions for button events.\n\t */\n\t@Prop() public _on?: ButtonCallbacksPropType<StencilUnknown>;\n\n\t/**\n\t * Defines the role of the components primary element.\n\t *\n\t * @deprecated We prefer the semantic role of the HTML element and do not allow for customization. We will remove this prop in the future.\n\t */\n\t@Prop() public _role?: AlternativeButtonLinkRolePropType;\n\n\t/**\n\t * Adds a visual shortcut hint after the label and instructs the screen reader to read the shortcut aloud.\n\t */\n\t@Prop() public _shortKey?: ShortKeyPropType;\n\n\t/**\n\t * Selector for synchronizing the value with another input element.\n\t * @internal\n\t */\n\t@Prop() public _syncValueBySelector?: SyncValueBySelectorPropType;\n\n\t/**\n\t * Defines where to show the Tooltip preferably: top, right, bottom or left.\n\t */\n\t@Prop() public _tooltipAlign?: TooltipAlignPropType = 'top';\n\n\t/**\n\t * Defines either the type of the component or of the components interactive element.\n\t */\n\t@Prop() public _type?: ButtonTypePropType = 'button';\n\n\t/**\n\t * Defines the value of the element.\n\t */\n\t@Prop() public _value?: StencilUnknown;\n\n\t/**\n\t * Defines which variant should be used for presentation.\n\t */\n\t@Prop() public _variant?: ButtonVariantPropType = 'normal';\n\n\t@State() public state: SplitButtonStates = {\n\t\t_show: false,\n\t};\n}\n"],"names":[],"mappings":"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"}

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

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{r as o,h as t}from"./index-BVfSKhpj.js";import{c as i}from"./clsx-eK3rPvPS.js";import{m as e,d as n}from"./component-names-C3fyby67.js";import{t as a}from"./i18n-LBpyQ66X.js";import"./common-Dd0zJQbD.js";import"./i18n-CfLoIZ8T.js";const l=class{constructor(t){o(this,t),this.catchPrimaryRef=t=>{this.primaryButtonWcRef=t},this.clickButtonHandler={onClick:t=>{var o,i;t.stopPropagation(),"function"==typeof(null===(o=this._on)||void 0===o?void 0:o.onClick)&&(null===(i=this._on)||void 0===i||i.onClick(t,this._value))}},this.clickToggleHandler={onClick:t=>{t.stopPropagation(),this.toggleDropdown()}},this.toggleDropdown=()=>{this.state=Object.assign(Object.assign({},this.state),{_show:!this.state._show})},this.handleOnClose=()=>{this.state=Object.assign(Object.assign({},this.state),{_show:!1})},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(){var t;return Promise.resolve(null===(t=this.primaryButtonWcRef)||void 0===t?void 0:t.focus())}async kolFocus(){return this.focus()}render(){const o="kol-split-button-dropdown-label";return t("div",{key:"fd28aa257b89ec88249c2f7eb4f1178abd5b70f1",class:"kol-split-button"},t("div",{key:"7abb8684272b4cb0145124cfb74189f1f4d2e06c",class:"kol-split-button__root"},t(n,{key:"808d218153cb14a95b7640fe0312f9386922168e",class:i("kol-split-button__button",{[this._variant]:"custom"!==this._variant,[this._customClass]:"custom"===this._variant&&"string"==typeof this._customClass&&this._customClass.length>0}),ref:this.catchPrimaryRef,_accessKey:this._accessKey,_ariaControls:this._ariaControls,_ariaDescription:this._ariaDescription,_ariaExpanded:this._ariaExpanded,_ariaSelected:this._ariaSelected,_customClass:this._customClass,_disabled:this._disabled,_icons:this._icons,_id:this._id,_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,_buttonVariant:this._variant}),t("div",{key:"1f4dec3081093baf3435447615be0f466fa47890",class:"kol-split-button__horizontal-line"}),t(n,{key:"e0545b6a2565cecb3e65e79635771ebcac12c1cc",class:"kol-split-button__secondary-button",_disabled:this._disabled,_hideLabel:!0,_icons:"codicon codicon-triangle-down",_label:a(this.state._show?`${o}-close`:`${o}-open`),_on:this.clickToggleHandler})),t(e,{key:"af16aee240137561a45847448a8144de33a100f5",_show:this.state._show,_on:{onClose:this.handleOnClose},_align:"bottom"},t("slot",{key:"0c2ffbeaf67e040c2c101829332b90df397200fa"})))}async closePopup(){return this.handleOnClose(),Promise.resolve()}};l.style={default:"  @layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component;  @layer kol-a11y {   :host {          --a11y-min-size: calc(44 * 1rem / var(--kolibri-root-font-size, 16));          color: black;     background-color: white;          font-family: Verdana;          letter-spacing: inherit;          word-spacing: inherit;          text-align: left;   }   * {          hyphens: auto;          word-break: break-word;   }                  button,   .kol-input .input {     min-width: var(--a11y-min-size);     min-height: var(--a11y-min-size);   }      a,   button,   h1,   h2,   h3,   h4,   h5,   h6,   input,   option,   select,   textarea {          color: inherit;          font-family: inherit;          font-size: inherit;          letter-spacing: inherit;          word-spacing: inherit;   }      .visually-hidden {     position: fixed;     top: 0;     left: 0;     width: 1px;     height: 1px;     overflow: hidden;     white-space: nowrap;     clip-path: inset(50%);   } } @layer kol-global {      :is(a, button) {     background-color: transparent;     width: 100%;     margin: 0;     padding: 0;     border: none;        }      [hidden] {     display: none !important;   }   .badge-text-hint {     color: black;     background-color: lightgray;   } } @layer kol-global {   :host {          max-width: 100%;     font-size: calc(16 * 1rem / var(--kolibri-root-font-size, 16));   }   * {          box-sizing: border-box;   }   .kol-span {          display: flex;     flex-flow: column;     align-items: center;     justify-content: center;        }   .kol-span__container {     display: flex;     align-items: center;   }   a,   button {     cursor: pointer;   }   .kol-span .kol-span__label--hide-label .kol-span__label {     display: none;   }      button:disabled {     color: unset;   }   .disabled label,   .disabled:focus-within label,   [aria-disabled=true],   [aria-disabled=true]:focus,   [disabled],   [disabled]:focus {     opacity: 0.5;     outline: none;     cursor: not-allowed;   }   [aria-disabled=true]:focus .kol-span,   [disabled]:focus .kol-span {     outline: none !important;   } } @layer kol-component {   @keyframes fadeInOpacity {     0% {       opacity: 0;     }     100% {       opacity: 1;     }   }   .kol-popover {     position: absolute;     height: 0;   }   .kol-popover__content {     opacity: 0;     background-color: #fff;     position: absolute;     min-width: max-content;     min-height: max-content;   }   .kol-popover__content--visible {     animation: 0.3s ease-in forwards fadeInOpacity;   }   .kol-popover__content--disappear {     animation: 0.3s ease-in backwards fadeInOpacity;   }   .kol-popover__arrow {     rotate: 0.125turn;     background-color: inherit;     position: absolute;     z-index: -1;     width: var(--font-size);     height: var(--font-size);   } } @layer kol-component {   .kol-tooltip {     display: contents;   }   .kol-tooltip__floating {     opacity: 0;     display: none;     position: fixed;          top: 0;     left: 0;          width: var(--kol-tooltip-width, max-content);     min-width: calc(8 * 1rem / var(--kolibri-root-font-size, 16));     max-width: 90vw;     max-height: 90vh;     animation-direction: normal;          animation-duration: var(--kolibri-tooltip-animation-duration, 250ms);     animation-fill-mode: forwards;     animation-iteration-count: 1;     animation-timing-function: ease-in;   }   .kol-tooltip__floating.hide {     animation-name: hideTooltip;   }   .kol-tooltip__floating.show {     animation-name: showTooltip;   }   .kol-tooltip__arrow {     transform: rotate(45deg);     color: #000;     background-color: #fff;     position: absolute;     z-index: 999;     width: calc(10 * 1rem / var(--kolibri-root-font-size, 16));     height: calc(10 * 1rem / var(--kolibri-root-font-size, 16));   }   .kol-tooltip__content {     color: #000;     background-color: #fff;     position: relative;     z-index: 1000;   }   @keyframes hideTooltip {     0% {       opacity: 1;     }     100% {       opacity: 0;       display: none;     }   }   @keyframes showTooltip {     0% {       opacity: 0;     }     100% {       opacity: 1;     }   } } @layer kol-component {   .kol-split-button {     display: flex;     position: relative;     width: 100%;   }   .kol-split-button__root {     display: flex;     position: relative;     width: 100%;     align-items: stretch;   }   .kol-split-button__button {     min-width: 0;     flex: 1 1 auto;     text-align: left;   }   .kol-split-button .kol-popover {     z-index: 1;   }   .kol-split-button .kol-popover__content {     margin-top: calc(2 * 1rem / var(--kolibri-root-font-size, 16));   }   .kol-split-button .kol-popover__arrow {     display: none;   } }"};export{l as kol_split_button};
+import{r as n,h as t}from"./index-CkM67rWc.js";import{c as e}from"./clsx-eK3rPvPS.js";import{m as o,d as i}from"./component-names-C3fyby67.js";import{t as a}from"./i18n-LBpyQ66X.js";import"./common-Dd0zJQbD.js";import"./i18n-CfLoIZ8T.js";const s="/* forward the rem function */\n/*\n* This file defines the layer order for all CSS layers used in KoliBri.\n* The order is important as it determines the cascade priority.\n*\n* Layer order (lowest to highest priority):\n* 1. kol-a11y - Accessibility defaults and requirements\n* 2. kol-global - Global component styles and resets\n* 3. kol-component - Component-specific styles\n* 4. kol-theme-global - Theme-specific global styles\n* 5. kol-theme-component - Theme-specific component styles\n*/\n@layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component;\n/*\n * This file contains all rules for accessibility.\n */\n@layer kol-a11y {\n  :host {\n    /*\n                   * Minimum size of interactive elements.\n                   */\n    --a11y-min-size: calc(44 * 1rem / var(--kolibri-root-font-size, 16));\n    /*\n     * No element should be used without verifying the contrast ratio of its background and font colors.\n     * By initially setting the background color to white and the font color to black,\n     * the contrast ratio is ensured and explicit adjustment is forced.\n     */\n    color: black;\n    background-color: white;\n    /*\n     * Verdana is an accessible font that can be used without requiring additional loading time.\n     */\n    font-family: Verdana;\n    /*\n     * Letter spacing is required for all texts.\n     */\n    letter-spacing: inherit;\n    /*\n     * Word spacing is required for all texts.\n     */\n    word-spacing: inherit;\n    /*\n     * Text should be aligned left by default to provide a predictable starting point.\n     */\n    text-align: left;\n  }\n  * {\n    /*\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\n     */\n    hyphens: auto;\n    /*\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\n     */\n    word-break: break-word;\n  }\n  /*\n   * All interactive elements should have a minimum size of to-rem(44).\n   */\n  /* input:not([type='checkbox'], [type='radio'], [type='range']), */\n  /* option, */\n  /* select, */\n  /* textarea, */\n  button,\n  .kol-input .input {\n    min-width: var(--a11y-min-size);\n    min-height: var(--a11y-min-size);\n  }\n  /*\n   * Some interactive elements should not inherit the font-family and font-size.\n   */\n  a,\n  button,\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6,\n  input,\n  option,\n  select,\n  textarea {\n    /*\n     * All elements should inherit the text color from his parent element.\n     */\n    color: inherit;\n    /*\n     * All elements should inherit the font family from his parent element.\n     */\n    font-family: inherit;\n    /*\n     * All elements should inherit the font size from his parent element.\n     */\n    font-size: inherit;\n    /*\n     * Letter spacing is required for all texts.\n     */\n    letter-spacing: inherit;\n    /*\n     * Word spacing is required for all texts.\n     */\n    word-spacing: inherit;\n  }\n  /**\n  * Sometimes we need the semantic element for accessibility reasons,\n  * but we don't want to show it.\n  *\n  * - https://www.a11yproject.com/posts/how-to-hide-content/\n  */\n  .visually-hidden {\n    position: fixed;\n    top: 0;\n    left: 0;\n    width: 1px;\n    height: 1px;\n    overflow: hidden;\n    white-space: nowrap;\n    clip-path: inset(50%);\n  }\n}\n@layer kol-global {\n  /*\n   * Dieses CSS stellt sicher, dass der Standard-Style\n   * von A und Button resettet werden.\n   */\n  :is(a, button) {\n    background-color: transparent;\n    width: 100%;\n    margin: 0;\n    padding: 0;\n    border: none;\n    /* 100% needed for custom width from outside */\n  }\n  /*\n   * Ensure elements with hidden attribute to be actually not visible\n   * @see https://meowni.ca/hidden.is.a.lie.html\n   */\n  [hidden] {\n    display: none !important;\n  }\n  .badge-text-hint {\n    color: black;\n    background-color: lightgray;\n  }\n}\n@layer kol-global {\n  :host {\n    /*\n     * The max-width is needed to prevent the table from overflowing the\n     * parent node, if the table is wider than the parent node.\n     */\n    max-width: 100%;\n    font-size: calc(16 * 1rem / var(--kolibri-root-font-size, 16));\n  }\n  * {\n    /*\n     * We prefer to box-sizing: border-box for all elements.\n     */\n    box-sizing: border-box;\n  }\n  .kol-span {\n    /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\n    display: flex;\n    flex-flow: column;\n    align-items: center;\n    justify-content: center;\n    /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\n  }\n  .kol-span__container {\n    display: flex;\n    align-items: center;\n  }\n  a,\n  button {\n    cursor: pointer;\n  }\n  .kol-span .kol-span__label--hide-label .kol-span__label {\n    display: none;\n  }\n  /* Reset browser agent style. */\n  button:disabled {\n    color: unset;\n  }\n  .disabled label,\n  .disabled:focus-within label,\n  [aria-disabled=true],\n  [aria-disabled=true]:focus,\n  [disabled],\n  [disabled]:focus {\n    opacity: 0.5;\n    outline: none;\n    cursor: not-allowed;\n  }\n  [aria-disabled=true]:focus .kol-span,\n  [disabled]:focus .kol-span {\n    outline: none !important;\n  }\n}\n@layer kol-component {\n  @keyframes fadeInOpacity {\n    0% {\n      opacity: 0;\n    }\n    100% {\n      opacity: 1;\n    }\n  }\n  .kol-popover {\n    position: absolute;\n    height: 0;\n  }\n  .kol-popover__content {\n    opacity: 0;\n    background-color: #fff;\n    position: absolute;\n    min-width: max-content;\n    min-height: max-content;\n  }\n  .kol-popover__content--visible {\n    animation: 0.3s ease-in forwards fadeInOpacity;\n  }\n  .kol-popover__content--disappear {\n    animation: 0.3s ease-in backwards fadeInOpacity;\n  }\n  .kol-popover__arrow {\n    rotate: 0.125turn;\n    background-color: inherit;\n    position: absolute;\n    z-index: -1;\n    width: var(--font-size);\n    height: var(--font-size);\n  }\n}\n@layer kol-component {\n  .kol-tooltip {\n    display: contents;\n  }\n  .kol-tooltip__floating {\n    opacity: 0;\n    display: none;\n    position: fixed;\n    /* Avoid layout interference - see https://floating-ui.com/docs/computePosition */\n    top: 0;\n    left: 0;\n    /* Can be used to specify the tooltip-width from the outside. Unset by default.  */\n    width: var(--kol-tooltip-width, max-content);\n    min-width: calc(8 * 1rem / var(--kolibri-root-font-size, 16));\n    max-width: 90vw;\n    max-height: 90vh;\n    animation-direction: normal;\n    /* Can be used to specify the animation duration from the outside. 250ms by default. */\n    animation-duration: var(--kolibri-tooltip-animation-duration, 250ms);\n    animation-fill-mode: forwards;\n    animation-iteration-count: 1;\n    animation-timing-function: ease-in;\n  }\n  .kol-tooltip__floating.hide {\n    animation-name: hideTooltip;\n  }\n  .kol-tooltip__floating.show {\n    animation-name: showTooltip;\n  }\n  .kol-tooltip__arrow {\n    transform: rotate(45deg);\n    color: #000;\n    background-color: #fff;\n    position: absolute;\n    z-index: 999;\n    width: calc(10 * 1rem / var(--kolibri-root-font-size, 16));\n    height: calc(10 * 1rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-tooltip__content {\n    color: #000;\n    background-color: #fff;\n    position: relative;\n    z-index: 1000;\n  }\n  @keyframes hideTooltip {\n    0% {\n      opacity: 1;\n    }\n    100% {\n      opacity: 0;\n      display: none;\n    }\n  }\n  @keyframes showTooltip {\n    0% {\n      opacity: 0;\n    }\n    100% {\n      opacity: 1;\n    }\n  }\n}\n@layer kol-component {\n  .kol-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  .kol-split-button .kol-popover {\n    z-index: 1;\n  }\n  .kol-split-button .kol-popover__content {\n    margin-top: calc(2 * 1rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-split-button .kol-popover__arrow {\n    display: none;\n  }\n}",l=class{constructor(t){n(this,t),this.catchPrimaryRef=n=>{this.primaryButtonWcRef=n},this.clickButtonHandler={onClick:n=>{var t,e;n.stopPropagation(),"function"==typeof(null===(t=this._on)||void 0===t?void 0:t.onClick)&&(null===(e=this._on)||void 0===e||e.onClick(n,this._value))}},this.clickToggleHandler={onClick:n=>{n.stopPropagation(),this.toggleDropdown()}},this.toggleDropdown=()=>{this.state=Object.assign(Object.assign({},this.state),{_show:!this.state._show})},this.handleOnClose=()=>{this.state=Object.assign(Object.assign({},this.state),{_show:!1})},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(){var n;return Promise.resolve(null===(n=this.primaryButtonWcRef)||void 0===n?void 0:n.focus())}async kolFocus(){return this.focus()}render(){const n="kol-split-button-dropdown-label";return t("div",{key:"fd28aa257b89ec88249c2f7eb4f1178abd5b70f1",class:"kol-split-button"},t("div",{key:"7abb8684272b4cb0145124cfb74189f1f4d2e06c",class:"kol-split-button__root"},t(i,{key:"808d218153cb14a95b7640fe0312f9386922168e",class:e("kol-split-button__button",{[this._variant]:"custom"!==this._variant,[this._customClass]:"custom"===this._variant&&"string"==typeof this._customClass&&this._customClass.length>0}),ref:this.catchPrimaryRef,_accessKey:this._accessKey,_ariaControls:this._ariaControls,_ariaDescription:this._ariaDescription,_ariaExpanded:this._ariaExpanded,_ariaSelected:this._ariaSelected,_customClass:this._customClass,_disabled:this._disabled,_icons:this._icons,_id:this._id,_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,_buttonVariant:this._variant}),t("div",{key:"1f4dec3081093baf3435447615be0f466fa47890",class:"kol-split-button__horizontal-line"}),t(i,{key:"e0545b6a2565cecb3e65e79635771ebcac12c1cc",class:"kol-split-button__secondary-button",_disabled:this._disabled,_hideLabel:!0,_icons:"codicon codicon-triangle-down",_label:this.state._show?a(`${n}-close`):a(`${n}-open`),_on:this.clickToggleHandler})),t(o,{key:"af16aee240137561a45847448a8144de33a100f5",_show:this.state._show,_on:{onClose:this.handleOnClose},_align:"bottom"},t("slot",{key:"0c2ffbeaf67e040c2c101829332b90df397200fa"})))}async closePopup(){return this.handleOnClose(),Promise.resolve()}};l.style={default:s};export{l as kol_split_button};

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

@@ -0,0 +1 @@
+{"version":3,"names":["registerInstance","h","clsx","KolPopoverWcTag","KolButtonWcTag","translate","defaultStyleCss","KolSplitButton","constructor","hostRef","this","catchPrimaryRef","ref","primaryButtonWcRef","clickButtonHandler","onClick","event","_a","_b","stopPropagation","_on","_value","clickToggleHandler","toggleDropdown","state","Object","assign","_show","handleOnClose","_disabled","_hideLabel","_tooltipAlign","_type","_variant","getValue","focus","Promise","resolve","kolFocus","render","i18nDropdownLabel","key","class","_customClass","length","_accessKey","_ariaControls","_ariaDescription","_ariaExpanded","_ariaSelected","_icons","_id","_label","_name","_shortKey","_syncValueBySelector","_buttonVariant","onClose","_align","closePopup","style","default"],"sources":["0"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1 @@
+{"version":3,"file":"kol-table-settings-wc.entry.esm.js","sources":["src/components/table-stateless/table-settings.tsx"],"sourcesContent":["import type { JSX } from '@stencil/core';\nimport { Component, Element, h, Prop, State, Watch } from '@stencil/core';\nimport { KolAlertWcTag, KolButtonWcTag, KolHeadingTag, KolInputCheckboxTag, KolInputNumberTag, KolPopoverButtonWcTag } from '../../core/component-names';\nimport { translate } from '../../i18n';\nimport type { ColumnSettings } from '../../schema';\nimport type { TableSettingsPropType } from '../../schema/props/table-settings';\nimport { dispatchDomEvent, KolEvent } from '../../utils/events';\n\n/**\n * @internal\n */\n@Component({\n\ttag: 'kol-table-settings-wc',\n\tshadow: false,\n})\nexport class KolTableSettings {\n\t@Element() private readonly host?: HTMLKolTableSettingsWcElement;\n\t@State() tableSettings: TableSettingsPropType = { columns: [] };\n\t@State() errorMessage: string | null = null;\n\tprivate readonly translateTableSettings = translate('kol-table-settings');\n\tprivate readonly translateTableSettingsCancel = translate('kol-table-settings-cancel');\n\tprivate readonly translateTableSettingsApply = translate('kol-table-settings-apply');\n\tprivate readonly translateErrorAllInvisible = translate('kol-table-settings-error-all-invisible');\n\tprivate readonly translateColumnNotHidable = translate('kol-table-settings-column-not-hidable');\n\t@Prop() _tableSettings: TableSettingsPropType = { columns: [] };\n\n\t@Watch('_tableSettings')\n\thandleTableSettingsChange(newValue: TableSettingsPropType) {\n\t\tthis.tableSettings = {\n\t\t\t...newValue,\n\t\t\tcolumns: this.normalizeColumns(Array.isArray(newValue.columns) ? newValue.columns : []),\n\t\t};\n\t}\n\n\tpublic componentWillLoad() {\n\t\tthis.handleTableSettingsChange(this._tableSettings);\n\t}\n\n\tprivate popoverRef: HTMLKolPopoverButtonWcElement | undefined;\n\n\tprivate normalizeColumns(columns: ColumnSettings[]): ColumnSettings[] {\n\t\treturn columns.map(({ hidable, resizable, sortable, visible, ...rest }) => ({\n\t\t\t...rest,\n\t\t\thidable: hidable !== false,\n\t\t\tresizable: resizable !== false,\n\t\t\tsortable: sortable !== false,\n\t\t\tvisible: visible !== false,\n\t\t}));\n\t}\n\n\tprivate moveColumn(columnId: string, direction: 'up' | 'down'): void {\n\t\tconst columns = [...this.tableSettings.columns];\n\t\tconst sourceIndex = columns.findIndex((col) => col.key === columnId);\n\t\tconst sourceColumn = columns[sourceIndex];\n\t\tconst targetIndex = direction === 'up' ? sourceIndex - 1 : sourceIndex + 1;\n\t\tconst targetColumn = columns[targetIndex];\n\n\t\tif (sourceIndex < 0 || targetIndex < 0 || targetIndex >= columns.length || sourceColumn?.sortable === false || targetColumn?.sortable === false) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst [movedColumn] = columns.splice(sourceIndex, 1);\n\t\tcolumns.splice(targetIndex, 0, movedColumn);\n\n\t\tthis.tableSettings = {\n\t\t\t...this.tableSettings,\n\t\t\tcolumns,\n\t\t};\n\t}\n\n\tprivate handleVisibilityChange(key: string, visible: unknown): void {\n\t\tthis.tableSettings = {\n\t\t\t...this.tableSettings,\n\t\t\tcolumns: this.tableSettings.columns.map((col) => (col.key === key && col.hidable !== false ? { ...col, visible: Boolean(visible) } : col)),\n\t\t};\n\t}\n\n\tprivate handleWidthChange(key: string, width: unknown): void {\n\t\tthis.tableSettings = {\n\t\t\t...this.tableSettings,\n\t\t\tcolumns: this.tableSettings.columns.map((col) => (col.key === key ? (col.resizable === false ? col : { ...col, width: Number(width) }) : col)),\n\t\t};\n\t}\n\n\tprivate handleCancel() {\n\t\tvoid this.popoverRef?.hidePopover();\n\t}\n\n\tprivate handleSubmit(event: Event): void {\n\t\tevent.preventDefault();\n\n\t\tconst hasVisibleColumn = this.tableSettings.columns.some((column) => column.visible);\n\n\t\tif (!hasVisibleColumn) {\n\t\t\tthis.errorMessage = this.translateErrorAllInvisible;\n\t\t\treturn;\n\t\t} else if (this.host) {\n\t\t\tthis.errorMessage = null;\n\t\t\tdispatchDomEvent(this.host, KolEvent.settingsChange, this.tableSettings);\n\t\t\tvoid this.popoverRef?.hidePopover();\n\t\t}\n\t}\n\n\tpublic render(): JSX.Element {\n\t\tconst sortedColumns = this.tableSettings.columns;\n\n\t\treturn (\n\t\t\t<KolPopoverButtonWcTag\n\t\t\t\tref={(el) => (this.popoverRef = el)}\n\t\t\t\tclass=\"kol-table-settings\"\n\t\t\t\t_icons=\"codicon codicon-settings-gear\"\n\t\t\t\t_label={this.translateTableSettings}\n\t\t\t\t_popoverAlign=\"top\"\n\t\t\t\t_hideLabel\n\t\t\t>\n\t\t\t\t<div class=\"kol-table-settings__content\">\n\t\t\t\t\t<KolHeadingTag _label={this.translateTableSettings} _level={0} />\n\n\t\t\t\t\t{this.errorMessage && <KolAlertWcTag _type=\"error\" _label={this.errorMessage} _variant=\"msg\" class=\"kol-table-settings__error-message\" />}\n\n\t\t\t\t\t<form onSubmit={this.handleSubmit.bind(this)}>\n\t\t\t\t\t\t<div class=\"kol-table-settings__columns-container\">\n\t\t\t\t\t\t\t<div class=\"kol-table-settings__columns\">\n\t\t\t\t\t\t\t\t{sortedColumns.map((column, index) => (\n\t\t\t\t\t\t\t\t\t<div key={column.key} class=\"kol-table-settings__column\">\n\t\t\t\t\t\t\t\t\t\t<KolInputCheckboxTag\n\t\t\t\t\t\t\t\t\t\t\t_checked={column.visible}\n\t\t\t\t\t\t\t\t\t\t\t_label={`${column.label}${column.hidable === false ? ` (${this.translateColumnNotHidable})` : ''}`}\n\t\t\t\t\t\t\t\t\t\t\t_value={true}\n\t\t\t\t\t\t\t\t\t\t\t_hideLabel\n\t\t\t\t\t\t\t\t\t\t\t_disabled={column.hidable === false}\n\t\t\t\t\t\t\t\t\t\t\t_on={{ onInput: (_, value: unknown) => this.handleVisibilityChange(column.key, value) }}\n\t\t\t\t\t\t\t\t\t\t\tdata-testid={`table-settings-visible-${column.key}`}\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t<span class=\"kol-table-settings__column-label\">{column.label}</span>\n\t\t\t\t\t\t\t\t\t\t<KolInputNumberTag\n\t\t\t\t\t\t\t\t\t\t\t_hideLabel\n\t\t\t\t\t\t\t\t\t\t\t_value={column.width}\n\t\t\t\t\t\t\t\t\t\t\t_label={translate('kol-table-settings-column-width', { placeholders: { column: column.label } })}\n\t\t\t\t\t\t\t\t\t\t\t_min={1}\n\t\t\t\t\t\t\t\t\t\t\t_disabled={column.resizable === false}\n\t\t\t\t\t\t\t\t\t\t\t_on={{ onInput: (_, value: unknown) => this.handleWidthChange(column.key, value) }}\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t<KolButtonWcTag\n\t\t\t\t\t\t\t\t\t\t\t_icons=\"codicon codicon-arrow-up\"\n\t\t\t\t\t\t\t\t\t\t\t_label={translate('kol-table-settings-move-up', { placeholders: { column: column.label } })}\n\t\t\t\t\t\t\t\t\t\t\t_hideLabel\n\t\t\t\t\t\t\t\t\t\t\t_buttonVariant=\"ghost\"\n\t\t\t\t\t\t\t\t\t\t\t_on={{ onClick: () => this.moveColumn(column.key, 'up') }}\n\t\t\t\t\t\t\t\t\t\t\t_disabled={index === 0 || column.sortable === false || sortedColumns[index - 1]?.sortable === false}\n\t\t\t\t\t\t\t\t\t\t\tdata-testid=\"table-settings-move-up\"\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t<KolButtonWcTag\n\t\t\t\t\t\t\t\t\t\t\t_icons=\"codicon codicon-arrow-down\"\n\t\t\t\t\t\t\t\t\t\t\t_label={translate('kol-table-settings-move-down', { placeholders: { column: column.label } })}\n\t\t\t\t\t\t\t\t\t\t\t_hideLabel\n\t\t\t\t\t\t\t\t\t\t\t_buttonVariant=\"ghost\"\n\t\t\t\t\t\t\t\t\t\t\t_on={{ onClick: () => this.moveColumn(column.key, 'down') }}\n\t\t\t\t\t\t\t\t\t\t\t_disabled={index === sortedColumns.length - 1 || column.sortable === false || sortedColumns[index + 1]?.sortable === false}\n\t\t\t\t\t\t\t\t\t\t\tdata-testid=\"table-settings-move-down\"\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t<div class=\"kol-table-settings__actions\">\n\t\t\t\t\t\t\t<KolButtonWcTag\n\t\t\t\t\t\t\t\t_label={this.translateTableSettingsCancel}\n\t\t\t\t\t\t\t\t_buttonVariant=\"secondary\"\n\t\t\t\t\t\t\t\t_on={{ onClick: () => this.handleCancel() }}\n\t\t\t\t\t\t\t\tdata-testid=\"table-settings-cancel\"\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t<KolButtonWcTag _label={this.translateTableSettingsApply} _buttonVariant=\"primary\" _type=\"submit\" data-testid=\"table-settings-apply\" />\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</form>\n\t\t\t\t</div>\n\t\t\t</KolPopoverButtonWcTag>\n\t\t);\n\t}\n}\n"],"names":[],"mappings":"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"}

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

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{r as t,h as e,g as s}from"./index-BVfSKhpj.js";import{_ as i}from"./tslib.es6-CxX45GIN.js";import{t as l,b as a,u as n,v as o,d as c,j as b}from"./component-names-C3fyby67.js";import{t as d}from"./i18n-LBpyQ66X.js";import{d as h,K as r}from"./events-9-skLO0f.js";import"./common-Dd0zJQbD.js";import"./i18n-CfLoIZ8T.js";const _=class{constructor(e){t(this,e),this.tableSettings={columns:[]},this.errorMessage=null,this.translateTableSettings=d("kol-table-settings"),this.translateTableSettingsCancel=d("kol-table-settings-cancel"),this.translateTableSettingsApply=d("kol-table-settings-apply"),this.translateErrorAllInvisible=d("kol-table-settings-error-all-invisible"),this.translateColumnNotHidable=d("kol-table-settings-column-not-hidable"),this._tableSettings={columns:[]}}handleTableSettingsChange(e){this.tableSettings=Object.assign(Object.assign({},e),{columns:this.normalizeColumns(Array.isArray(e.columns)?e.columns:[])})}componentWillLoad(){this.handleTableSettingsChange(this._tableSettings)}normalizeColumns(e){return e.map(e=>{var{hidable:t,resizable:s,sortable:a,visible:l}=e,n=i(e,["hidable","resizable","sortable","visible"]);return Object.assign(Object.assign({},n),{hidable:!1!==t,resizable:!1!==s,sortable:!1!==a,visible:!1!==l})})}moveColumn(e,t){const s=[...this.tableSettings.columns],a=s.findIndex(t=>t.key===e),l=s[a],i="up"===t?a-1:a+1,n=s[i];if(a<0||i<0||i>=s.length||!1===(null==l?void 0:l.sortable)||!1===(null==n?void 0:n.sortable))return;const[o]=s.splice(a,1);s.splice(i,0,o),this.tableSettings=Object.assign(Object.assign({},this.tableSettings),{columns:s})}handleVisibilityChange(e,t){this.tableSettings=Object.assign(Object.assign({},this.tableSettings),{columns:this.tableSettings.columns.map(s=>s.key===e&&!1!==s.hidable?Object.assign(Object.assign({},s),{visible:Boolean(t)}):s)})}handleWidthChange(e,t){this.tableSettings=Object.assign(Object.assign({},this.tableSettings),{columns:this.tableSettings.columns.map(s=>s.key===e?!1===s.resizable?s:Object.assign(Object.assign({},s),{width:Number(t)}):s)})}handleCancel(){var e;null===(e=this.popoverRef)||void 0===e||e.hidePopover()}handleSubmit(e){var t;e.preventDefault(),this.tableSettings.columns.some(e=>e.visible)?this.host&&(this.errorMessage=null,h(this.host,r.settingsChange,this.tableSettings),null===(t=this.popoverRef)||void 0===t||t.hidePopover()):this.errorMessage=this.translateErrorAllInvisible}render(){const t=this.tableSettings.columns;return e(b,{key:"77db05412c9011fe8e0e2dfc7499dbcadede5521",ref:e=>this.popoverRef=e,class:"kol-table-settings",_icons:"codicon codicon-settings-gear",_label:this.translateTableSettings,_popoverAlign:"top",_hideLabel:!0},e("div",{key:"1ad57a28bceee8b4c10c8c818b4fd6f0001809c4",class:"kol-table-settings__content"},e(l,{key:"d019a6cbe836283c6c2ccdf319c92090802382be",_label:this.translateTableSettings,_level:0}),this.errorMessage&&e(a,{key:"3c53e407297bd21a00bb94ac9cec1e913728f246",_type:"error",_label:this.errorMessage,_variant:"msg",class:"kol-table-settings__error-message"}),e("form",{key:"14e649882dc3c590ab1431837ca1e9223e332ebc",onSubmit:this.handleSubmit.bind(this)},e("div",{key:"3546aca5566c7148effa4ac3b6c6c6c80df499c4",class:"kol-table-settings__columns-container"},e("div",{key:"e5ba799f10556c2ff15321984bf06d26474162d1",class:"kol-table-settings__columns"},t.map((s,a)=>{var l,i;return e("div",{key:s.key,class:"kol-table-settings__column"},e(n,{_checked:s.visible,_label:`${s.label}${!1===s.hidable?` (${this.translateColumnNotHidable})`:""}`,_value:!0,_hideLabel:!0,_disabled:!1===s.hidable,_on:{onInput:(e,t)=>this.handleVisibilityChange(s.key,t)},"data-testid":`table-settings-visible-${s.key}`}),e("span",{class:"kol-table-settings__column-label"},s.label),e(o,{_hideLabel:!0,_value:s.width,_label:d("kol-table-settings-column-width",{placeholders:{column:s.label}}),_min:1,_disabled:!1===s.resizable,_on:{onInput:(e,t)=>this.handleWidthChange(s.key,t)}}),e(c,{_icons:"codicon codicon-arrow-up",_label:d("kol-table-settings-move-up",{placeholders:{column:s.label}}),_hideLabel:!0,_buttonVariant:"ghost",_on:{onClick:()=>this.moveColumn(s.key,"up")},_disabled:0===a||!1===s.sortable||!1===(null===(l=t[a-1])||void 0===l?void 0:l.sortable),"data-testid":"table-settings-move-up"}),e(c,{_icons:"codicon codicon-arrow-down",_label:d("kol-table-settings-move-down",{placeholders:{column:s.label}}),_hideLabel:!0,_buttonVariant:"ghost",_on:{onClick:()=>this.moveColumn(s.key,"down")},_disabled:a===t.length-1||!1===s.sortable||!1===(null===(i=t[a+1])||void 0===i?void 0:i.sortable),"data-testid":"table-settings-move-down"}))}))),e("div",{key:"b31183c5e2b855b21944864e0897c632c30bd55e",class:"kol-table-settings__actions"},e(c,{key:"9a741d4fe161684a31a335877ed81bd1e200848a",_label:this.translateTableSettingsCancel,_buttonVariant:"secondary",_on:{onClick:()=>this.handleCancel()},"data-testid":"table-settings-cancel"}),e(c,{key:"67ebec227e4a82cec363431b1b755d757974f50c",_label:this.translateTableSettingsApply,_buttonVariant:"primary",_type:"submit","data-testid":"table-settings-apply"})))))}get host(){return s(this)}static get watchers(){return{_tableSettings:[{handleTableSettingsChange:0}]}}};export{_ as kol_table_settings_wc};
+import{r as e,h as t,g as s}from"./index-CkM67rWc.js";import{_ as l}from"./tslib.es6-CxX45GIN.js";import{t as i,b as a,u as o,v as n,d as c,j as b}from"./component-names-C3fyby67.js";import{t as d}from"./i18n-LBpyQ66X.js";import{d as r,K as h}from"./events-9-skLO0f.js";import"./common-Dd0zJQbD.js";import"./i18n-CfLoIZ8T.js";const u=class{constructor(t){e(this,t),this.tableSettings={columns:[]},this.errorMessage=null,this.translateTableSettings=d("kol-table-settings"),this.translateTableSettingsCancel=d("kol-table-settings-cancel"),this.translateTableSettingsApply=d("kol-table-settings-apply"),this.translateErrorAllInvisible=d("kol-table-settings-error-all-invisible"),this.translateColumnNotHidable=d("kol-table-settings-column-not-hidable"),this._tableSettings={columns:[]}}handleTableSettingsChange(e){this.tableSettings=Object.assign(Object.assign({},e),{columns:this.normalizeColumns(Array.isArray(e.columns)?e.columns:[])})}componentWillLoad(){this.handleTableSettingsChange(this._tableSettings)}normalizeColumns(e){return e.map(e=>{var{hidable:t,resizable:s,sortable:a,visible:i}=e,n=l(e,["hidable","resizable","sortable","visible"]);return Object.assign(Object.assign({},n),{hidable:!1!==t,resizable:!1!==s,sortable:!1!==a,visible:!1!==i})})}moveColumn(e,t){const s=[...this.tableSettings.columns],a=s.findIndex(t=>t.key===e),l=s[a],i="up"===t?a-1:a+1,n=s[i];if(a<0||i<0||i>=s.length||!1===(null==l?void 0:l.sortable)||!1===(null==n?void 0:n.sortable))return;const[o]=s.splice(a,1);s.splice(i,0,o),this.tableSettings=Object.assign(Object.assign({},this.tableSettings),{columns:s})}handleVisibilityChange(e,t){this.tableSettings=Object.assign(Object.assign({},this.tableSettings),{columns:this.tableSettings.columns.map(s=>s.key===e&&!1!==s.hidable?Object.assign(Object.assign({},s),{visible:Boolean(t)}):s)})}handleWidthChange(e,t){this.tableSettings=Object.assign(Object.assign({},this.tableSettings),{columns:this.tableSettings.columns.map(s=>s.key===e?!1===s.resizable?s:Object.assign(Object.assign({},s),{width:Number(t)}):s)})}handleCancel(){var e;null===(e=this.popoverRef)||void 0===e||e.hidePopover()}handleSubmit(e){var t;e.preventDefault();const s=this.tableSettings.columns.some(e=>e.visible);s?this.host&&(this.errorMessage=null,r(this.host,h.settingsChange,this.tableSettings),null===(t=this.popoverRef)||void 0===t||t.hidePopover()):this.errorMessage=this.translateErrorAllInvisible}render(){const e=this.tableSettings.columns;return t(b,{key:"77db05412c9011fe8e0e2dfc7499dbcadede5521",ref:e=>this.popoverRef=e,class:"kol-table-settings",_icons:"codicon codicon-settings-gear",_label:this.translateTableSettings,_popoverAlign:"top",_hideLabel:!0},t("div",{key:"1ad57a28bceee8b4c10c8c818b4fd6f0001809c4",class:"kol-table-settings__content"},t(i,{key:"d019a6cbe836283c6c2ccdf319c92090802382be",_label:this.translateTableSettings,_level:0}),this.errorMessage&&t(a,{key:"3c53e407297bd21a00bb94ac9cec1e913728f246",_type:"error",_label:this.errorMessage,_variant:"msg",class:"kol-table-settings__error-message"}),t("form",{key:"14e649882dc3c590ab1431837ca1e9223e332ebc",onSubmit:this.handleSubmit.bind(this)},t("div",{key:"3546aca5566c7148effa4ac3b6c6c6c80df499c4",class:"kol-table-settings__columns-container"},t("div",{key:"e5ba799f10556c2ff15321984bf06d26474162d1",class:"kol-table-settings__columns"},e.map((s,a)=>{var l,i;return t("div",{key:s.key,class:"kol-table-settings__column"},t(o,{_checked:s.visible,_label:`${s.label}${!1===s.hidable?` (${this.translateColumnNotHidable})`:""}`,_value:!0,_hideLabel:!0,_disabled:!1===s.hidable,_on:{onInput:(e,t)=>this.handleVisibilityChange(s.key,t)},"data-testid":`table-settings-visible-${s.key}`}),t("span",{class:"kol-table-settings__column-label"},s.label),t(n,{_hideLabel:!0,_value:s.width,_label:d("kol-table-settings-column-width",{placeholders:{column:s.label}}),_min:1,_disabled:!1===s.resizable,_on:{onInput:(e,t)=>this.handleWidthChange(s.key,t)}}),t(c,{_icons:"codicon codicon-arrow-up",_label:d("kol-table-settings-move-up",{placeholders:{column:s.label}}),_hideLabel:!0,_buttonVariant:"ghost",_on:{onClick:()=>this.moveColumn(s.key,"up")},_disabled:0===a||!1===s.sortable||!1===(null===(l=e[a-1])||void 0===l?void 0:l.sortable),"data-testid":"table-settings-move-up"}),t(c,{_icons:"codicon codicon-arrow-down",_label:d("kol-table-settings-move-down",{placeholders:{column:s.label}}),_hideLabel:!0,_buttonVariant:"ghost",_on:{onClick:()=>this.moveColumn(s.key,"down")},_disabled:a===e.length-1||!1===s.sortable||!1===(null===(i=e[a+1])||void 0===i?void 0:i.sortable),"data-testid":"table-settings-move-down"}))}))),t("div",{key:"b31183c5e2b855b21944864e0897c632c30bd55e",class:"kol-table-settings__actions"},t(c,{key:"9a741d4fe161684a31a335877ed81bd1e200848a",_label:this.translateTableSettingsCancel,_buttonVariant:"secondary",_on:{onClick:()=>this.handleCancel()},"data-testid":"table-settings-cancel"}),t(c,{key:"67ebec227e4a82cec363431b1b755d757974f50c",_label:this.translateTableSettingsApply,_buttonVariant:"primary",_type:"submit","data-testid":"table-settings-apply"})))))}get host(){return s(this)}static get watchers(){return{_tableSettings:["handleTableSettingsChange"]}}};export{u as kol_table_settings_wc};

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

@@ -0,0 +1 @@
+{"version":3,"names":["registerInstance","h","getElement","__rest","KolHeadingTag","KolAlertWcTag","KolInputCheckboxTag","KolInputNumberTag","KolButtonWcTag","KolPopoverButtonWcTag","translate","dispatchDomEvent","KolEvent","KolTableSettings","constructor","hostRef","this","tableSettings","columns","errorMessage","translateTableSettings","translateTableSettingsCancel","translateTableSettingsApply","translateErrorAllInvisible","translateColumnNotHidable","_tableSettings","handleTableSettingsChange","newValue","Object","assign","normalizeColumns","Array","isArray","componentWillLoad","map","_a","hidable","resizable","sortable","visible","rest","moveColumn","columnId","direction","sourceIndex","findIndex","col","key","sourceColumn","targetIndex","targetColumn","length","movedColumn","splice","handleVisibilityChange","Boolean","handleWidthChange","width","Number","handleCancel","popoverRef","hidePopover","handleSubmit","event","preventDefault","hasVisibleColumn","some","column","host","settingsChange","render","sortedColumns","ref","el","class","_icons","_label","_popoverAlign","_hideLabel","_level","_type","_variant","onSubmit","bind","index","_b","_checked","label","_value","_disabled","_on","onInput","_","value","placeholders","_min","_buttonVariant","onClick","watchers"],"sources":["0"],"mappings":"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","ignoreList":[]}

package/dist/kolibri/kol-table-stateful.entry.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"kol-table-stateful.entry.esm.js","sources":["src/schema/props/allow-multi-sort.ts","src/schema/props/pagination-position.ts","src/components/table-stateful/style.scss?tag=kol-table-stateful&mode=default&encapsulation=shadow","src/components/table-stateful/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 AllowMultiSortPropType = boolean;\n\n/**\n * Defines whether to allow multi sort.\n */\nexport interface PropAllowMultiSort {\n\tallowMultiSort: AllowMultiSortPropType;\n}\n\n/* validator */\nexport const validateAllowMultiSort = (component: Generic.Element.Component, value?: AllowMultiSortPropType, options: WatchBooleanOptions = {}): void => {\n\twatchBoolean(component, '_allowMultiSort', value, { defaultValue: false, ...options });\n};\n","/* types */\nimport type { Generic } from 'adopted-style-sheets';\nimport { watchValidator } from '../utils/prop.validators';\n\nconst paginationPositionPropTypeOptions = ['top', 'bottom', 'both'] as const;\nexport type PaginationPositionPropType = (typeof paginationPositionPropTypeOptions)[number];\n\n/**\n * Defines which position should be used for presentation.\n */\nexport type PropPaginationPosition = {\n\tpaginationPosition: PaginationPositionPropType;\n};\n\n/* validator */\nexport const validatePaginationPosition = (component: Generic.Element.Component, value?: PaginationPositionPropType): void => {\n\twatchValidator(\n\t\tcomponent,\n\t\t`_paginationPosition`,\n\t\t(value) => typeof value === 'string' && paginationPositionPropTypeOptions.includes(value),\n\t\tnew Set([`PaginationPositionPropType {${paginationPositionPropTypeOptions.join(', ')}`]),\n\t\tvalue,\n\t\t{\n\t\t\tdefaultValue: 'bottom',\n\t\t},\n\t);\n};\n","@use '../../styles/global' as *;\n@use '../../styles/kol-alert-mixin' as *;\n@use '../@shared/kol-button-mixin' as *;\n@use '../@shared/kol-popover-button-mixin' as *;\n@use '../@shared/kol-table-stateless-mixin' as *;\n@use '../@shared/mixins' as *;\n@use '../@shared/kol-pagination-mixin' as *;\n\n@layer kol-component {\n\t@include kol-alert;\n\t@include kol-button-styles('kol-button');\n\t@include kol-popover-button-styles;\n\t@include kol-table-stateless-styles;\n\t@include kol-pagination-styles;\n\n\t.kol-table-stateful {\n\t\t&__pagination,\n\t\t&__pagination-wrapper {\n\t\t\tdisplay: grid;\n\t\t\tplace-items: center;\n\n\t\t\t@media (min-width: 1024px) {\n\t\t\t\tgrid-auto-flow: column;\n\t\t\t}\n\t\t}\n\t}\n\n\t.kol-pagination {\n\t\tdisplay: flex;\n\t\tflex-wrap: wrap;\n\n\t\t@media (min-width: 1024px) {\n\t\t\tdisplay: flex;\n\t\t}\n\n\t\t@media (max-width: 1024px) {\n\t\t\tflex-direction: column;\n\t\t}\n\t}\n}\n","/* eslint-disable jsx-a11y/no-noninteractive-tabindex */\nimport type { JSX } from '@stencil/core';\nimport { Component, Element, h, Host, Method, Prop, State, Watch } from '@stencil/core';\nimport { KolPaginationWcTag, KolTableStatelessWcTag } from '../../core/component-names';\nimport { translate } from '../../i18n';\nimport type {\n\tHasSettingsMenuPropType,\n\tKoliBriDataCompareFn,\n\tKoliBriPaginationButtonCallbacks,\n\tKoliBriSortDirection,\n\tKoliBriTableDataType,\n\tKoliBriTableHeaderCellWithLogic,\n\tKoliBriTableHeaders,\n\tKoliBriTablePaginationProps,\n\tKoliBriTableSelectionKey,\n\tKoliBriTableSelectionKeys,\n\tLabelPropType,\n\tPaginationPositionPropType,\n\tSortEventPayload,\n\tStringified,\n\tTableAPI,\n\tTableDataFootPropType,\n\tTableDataPropType,\n\tTableHeaderCells,\n\tTableSelectionPropType,\n\tTableStatefulCallbacksPropType,\n\tTableStates,\n} from '../../schema';\nimport {\n\tdevHint,\n\temptyStringByArrayHandler,\n\tobjectObjectHandler,\n\tparseJson,\n\tsetState,\n\tvalidateAllowMultiSort,\n\tvalidateHasSettingsMenu,\n\tvalidateLabel,\n\tvalidatePaginationPosition,\n\tvalidateTableData,\n\tvalidateTableDataFoot,\n\tvalidateTableSelection,\n\tvalidateTableStatefulCallbacks,\n\twatchString,\n\twatchValidator,\n} from '../../schema';\nimport { Callback } from '../../schema/enums';\nimport type { MinWidthPropType } from '../../schema/props/min-width';\nimport type { TableSettingsPropType } from '../../schema/props/table-settings';\nimport { validateTableSettings } from '../../schema/props/table-settings';\nimport { dispatchDomEvent, KolEvent } from '../../utils/events';\n\nconst PAGINATION_OPTIONS = [10, 20, 50, 100];\n\nconst paginationValidator = (value: unknown) => value === true || value === '' /* true */ || (typeof value === 'object' && value !== null);\n\ntype SortData = {\n\tlabel: string;\n\tkey: string;\n\tcompareFn: KoliBriDataCompareFn;\n\tdirection: KoliBriSortDirection;\n};\n\n@Component({\n\ttag: 'kol-table-stateful',\n\tstyleUrls: {\n\t\tdefault: './style.scss',\n\t},\n\tshadow: true,\n})\nexport class KolTableStateful implements TableAPI {\n\t@Element() private readonly host?: HTMLKolTableStatelessWcElement;\n\tprivate tableWcRef?: HTMLKolTableStatelessWcElement;\n\n\tprivate readonly catchRef = (ref?: HTMLKolTableStatelessWcElement) => {\n\t\tthis.tableWcRef = ref;\n\t};\n\n\tprivate sortData: SortData[] = [];\n\tprivate showPagination = false;\n\tprivate pageStartSlice = 0;\n\tprivate pageEndSlice = 10;\n\tprivate disableSort = false;\n\n\t/**\n\t * Defines whether to allow multi sort.\n\t */\n\t@Prop() public _allowMultiSort?: boolean;\n\n\t/**\n\t * Defines the primary table data.\n\t */\n\t@Prop() public _data!: Stringified<KoliBriTableDataType[]>;\n\n\t/**\n\t * Defines the data for the table footer.\n\t */\n\t@Prop() public _dataFoot?: Stringified<KoliBriTableDataType[]>;\n\n\t/**\n\t * Defines the horizontal and vertical table headers.\n\t */\n\t@Prop() public _headers!: Stringified<KoliBriTableHeaders>;\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!: string;\n\n\t/**\n\t * Defines the table min-width (CSS width values).\n\t */\n\t@Prop() public _minWidth!: MinWidthPropType;\n\n\t/**\n\t * Defines whether to show the data distributed over multiple pages.\n\t */\n\t@Prop() public _pagination?: boolean | Stringified<KoliBriTablePaginationProps>;\n\t/**\n\t * Controls the position of the pagination.\n\t */\n\t@Prop() public _paginationPosition?: PaginationPositionPropType = 'bottom';\n\t/**\n\t * Defines how rows can be selected and the current selection.\n\t */\n\t@Prop() public _selection?: TableSelectionPropType;\n\t/**\n\t * Defines the callback functions for table events.\n\t */\n\t@Prop() public _on?: TableStatefulCallbacksPropType;\n\n\t/**\n\t * Defines the table settings including column visibility, order and width.\n\t */\n\t@Prop() public _tableSettings?: TableSettingsPropType;\n\n\t/**\n\t * Enables the settings menu if true (default: false).\n\t */\n\t@Prop() public _hasSettingsMenu?: HasSettingsMenuPropType;\n\n\t@State() public state: TableStates = {\n\t\t_allowMultiSort: false,\n\t\t_data: [],\n\t\t_dataFoot: [],\n\t\t_headers: {\n\t\t\thorizontal: [],\n\t\t\tvertical: [],\n\t\t},\n\t\t_label: '', // ⚠ required\n\t\t_minWidth: 'auto',\n\t\t_pagination: {\n\t\t\t_page: 1,\n\t\t\t_pageSize: 10,\n\t\t\t_max: 0,\n\t\t},\n\t\t_sortedData: [],\n\t\t_paginationPosition: 'bottom',\n\t\t_hasSettingsMenu: false,\n\t};\n\n\t@Watch('_allowMultiSort')\n\tpublic validateAllowMultiSort(value?: boolean): void {\n\t\tvalidateAllowMultiSort(this, value, { defaultValue: false });\n\t}\n\n\t@Watch('_data')\n\tpublic validateData(value?: TableDataPropType): void {\n\t\tvalidateTableData(this, value, {\n\t\t\tafterPatch: () => {\n\t\t\t\t// TODO: kein guter Hack (endless loop)\n\t\t\t\tsetTimeout(this.updateSortedData);\n\t\t\t},\n\t\t});\n\t}\n\n\t@Watch('_dataFoot')\n\tpublic validateDataFoot(value?: TableDataFootPropType): void {\n\t\tvalidateTableDataFoot(this, value, {\n\t\t\tafterPatch: () => {\n\t\t\t\tsetTimeout(this.updateSortedData);\n\t\t\t},\n\t\t});\n\t}\n\n\t@Watch('_paginationPosition')\n\tpublic validatePaginationPosition(value?: PaginationPositionPropType): void {\n\t\tvalidatePaginationPosition(this, value);\n\t}\n\n\t@Watch('_hasSettingsMenu')\n\tpublic validateHasSettingsMenu(value?: HasSettingsMenuPropType): void {\n\t\tvalidateHasSettingsMenu(this, value);\n\t}\n\n\t/**\n\t * Handles sorting logic for table columns.\n\t * If multi-sort is enabled (`_allowMultiSort`), multiple columns can be sorted at once.\n\t * Otherwise, sorting is cleared when switching between columns.\n\t */\n\tprivate changeCellSort(headerCell: KoliBriTableHeaderCellWithLogic) {\n\t\tif (typeof headerCell.compareFn === 'function') {\n\t\t\tif (!this.state._allowMultiSort && headerCell.key !== this.sortData[0]?.key) {\n\t\t\t\t// clear when another column is sorted and multi sort is not allowed\n\t\t\t\tthis.sortData = [];\n\t\t\t}\n\n\t\t\tconst index = this.sortData.findIndex((value) => value.key === headerCell.key);\n\t\t\tif (index >= 0) {\n\t\t\t\tconst settings = this.sortData[index];\n\t\t\t\tswitch (settings.direction) {\n\t\t\t\t\tcase 'ASC':\n\t\t\t\t\t\tsettings.direction = 'DESC';\n\t\t\t\t\t\tbreak;\n\t\t\t\t\tcase 'DESC':\n\t\t\t\t\t\tthis.sortData.splice(index, 1);\n\t\t\t\t\t\tbreak;\n\t\t\t\t\tdefault:\n\t\t\t\t\t\tsettings.direction = 'ASC';\n\t\t\t\t\t\tbreak;\n\t\t\t\t}\n\t\t\t} else if (headerCell.key) {\n\t\t\t\tthis.sortData.push({\n\t\t\t\t\tlabel: headerCell.label,\n\t\t\t\t\tkey: headerCell.key,\n\t\t\t\t\tcompareFn: headerCell.compareFn,\n\t\t\t\t\tdirection: 'ASC',\n\t\t\t\t});\n\t\t\t}\n\n\t\t\tthis.updateSortedData();\n\t\t}\n\t}\n\n\t@Watch('_headers')\n\tpublic validateHeaders(value?: Stringified<KoliBriTableHeaders>): void {\n\t\t/**\n\t\t * - es darf maximal ein Header als primary markiert werden (last win)\n\t\t * - der primary-Header entscheidet implizit über _order und _orientation\n\t\t *   - primary-Headers müssen das key-Property setzen\n\t\t *   - nicht primary-Headers müssen das key-Property nicht setzen (wird ignoriert)\n\t\t *   - _order: wird durch den primary-Header geregelt\n\t\t *   - _orientation: wird durch den primary-Header geregelt\n\t\t * - sobald ein Header sortierbar ist, darf es nur noch entweder horizontale\n\t\t *   oder vertikale Header geben, aber nicht mehr beides\n\t\t */\n\t\temptyStringByArrayHandler(value, () => {\n\t\t\tobjectObjectHandler(value, () => {\n\t\t\t\ttry {\n\t\t\t\t\tvalue = parseJson<KoliBriTableHeaders>(value);\n\t\t\t\t\t// eslint-disable-next-line no-empty\n\t\t\t\t} catch (e) {\n\t\t\t\t\t// value behält den ursprünglichen Wert\n\t\t\t\t}\n\t\t\t\twatchValidator(this, '_headers', (value): boolean => typeof value === 'object' && value !== null, new Set(['KoliBriTableHeaders']), value, {\n\t\t\t\t\thooks: {\n\t\t\t\t\t\tbeforePatch: (nextValue: unknown) => {\n\t\t\t\t\t\t\tconst applySort = (headers: KoliBriTableHeaderCellWithLogic[]) => {\n\t\t\t\t\t\t\t\tlet hasSortedCells = false;\n\t\t\t\t\t\t\t\tthis.sortData = [];\n\t\t\t\t\t\t\t\theaders.forEach((cell) => {\n\t\t\t\t\t\t\t\t\tif (typeof cell.compareFn === 'function' && !cell.key) {\n\t\t\t\t\t\t\t\t\t\tdevHint(`[KolTableStateful] A sortable column requires the 'key' property.`);\n\t\t\t\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\tconst key = cell.key;\n\t\t\t\t\t\t\t\t\tif (!key) {\n\t\t\t\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\tconst sortDirection = cell.sortDirection;\n\t\t\t\t\t\t\t\t\tif (sortDirection === 'ASC' || sortDirection === 'DESC') {\n\t\t\t\t\t\t\t\t\t\tif (typeof cell.compareFn === 'function') {\n\t\t\t\t\t\t\t\t\t\t\tif (this.state._allowMultiSort || this.sortData.length === 0) {\n\t\t\t\t\t\t\t\t\t\t\t\tthis.sortData.push({ label: cell.label, key, compareFn: cell.compareFn, direction: sortDirection });\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\thasSortedCells = true;\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\t\tif (hasSortedCells) {\n\t\t\t\t\t\t\t\t\tsetTimeout(() => this.updateSortedData());\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t};\n\n\t\t\t\t\t\t\tconst headers: KoliBriTableHeaders = nextValue as KoliBriTableHeaders;\n\t\t\t\t\t\t\theaders.horizontal?.forEach(applySort);\n\t\t\t\t\t\t\theaders.vertical?.forEach(applySort);\n\n\t\t\t\t\t\t\tif (headers.horizontal && headers.vertical && headers.horizontal?.length > 0 && headers.vertical?.length > 0) {\n\t\t\t\t\t\t\t\tthis.disableSort = true;\n\t\t\t\t\t\t\t\tdevHint(\n\t\t\t\t\t\t\t\t\t`Table: You can not sort the table data, if horizontal and vertical headers are defined at the same time. (https://github.com/public-ui/kolibri/issues/2372)`,\n\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t},\n\t\t\t\t\t},\n\t\t\t\t});\n\t\t\t});\n\t\t});\n\t}\n\n\t@Watch('_label')\n\tpublic validateLabel(value?: LabelPropType): void {\n\t\tvalidateLabel(this, value, {\n\t\t\trequired: true,\n\t\t});\n\t}\n\n\t@Watch('_minWidth')\n\tpublic validateMinWidth(value?: string): void {\n\t\twatchString(this, '_minWidth', value, {\n\t\t\tdefaultValue: undefined,\n\t\t});\n\t}\n\n\t@Watch('_selection')\n\tpublic validateSelection(value?: TableSelectionPropType): void {\n\t\tvalidateTableSelection(this, value);\n\t}\n\t@Watch('_on')\n\tpublic validateOn(value?: TableStatefulCallbacksPropType): void {\n\t\tvalidateTableStatefulCallbacks(this, value);\n\t}\n\n\t@Watch('_tableSettings')\n\tpublic validateTableSettings(value?: TableSettingsPropType): void {\n\t\tvalidateTableSettings(this, value);\n\t}\n\n\tprivate readonly handlePagination: KoliBriPaginationButtonCallbacks = {\n\t\tonClick: (event: Event, page: number) => {\n\t\t\tif (typeof this.state._pagination._on?.onClick === 'function') {\n\t\t\t\tthis.state._pagination._on.onClick(event, page);\n\t\t\t}\n\t\t\tsetState(this, '_pagination', {\n\t\t\t\t...this.state._pagination,\n\t\t\t\t_page: page,\n\t\t\t});\n\t\t},\n\t\tonChangePage: (event: Event, page: number) => {\n\t\t\tif (typeof this.state._pagination._on?.onChangePage === 'function') {\n\t\t\t\tthis.state._pagination._on.onChangePage(event, page);\n\t\t\t}\n\t\t\tsetState(this, '_pagination', {\n\t\t\t\t...this.state._pagination,\n\t\t\t\t_page: page,\n\t\t\t});\n\t\t},\n\t\tonChangePageSize: (event: Event, pageSize: number) => {\n\t\t\tif (typeof this.state._pagination._on?.onChangePageSize === 'function') {\n\t\t\t\tthis.state._pagination._on.onChangePageSize(event, pageSize);\n\t\t\t}\n\t\t\tsetState(this, '_pagination', {\n\t\t\t\t...this.state._pagination,\n\t\t\t\t_pageSize: pageSize,\n\t\t\t});\n\t\t\tsetState(this, '_pageSize', pageSize);\n\t\t},\n\t};\n\n\t@Watch('_pagination')\n\tpublic validatePagination(value?: boolean | Stringified<KoliBriTablePaginationProps>): void {\n\t\ttry {\n\t\t\tvalue = parseJson<boolean | KoliBriTablePaginationProps>(value);\n\t\t\t// eslint-disable-next-line no-empty\n\t\t} catch (e) {\n\t\t\t// value behält den ursprünglichen Wert\n\t\t}\n\n\t\tthis.showPagination = paginationValidator(value);\n\n\t\twatchValidator<boolean | Stringified<KoliBriTablePaginationProps>>(\n\t\t\tthis,\n\t\t\t'_pagination',\n\t\t\tpaginationValidator,\n\t\t\tnew Set(['boolean', 'KoliBriTablePagination']),\n\t\t\tvalue,\n\t\t\t{\n\t\t\t\tdefaultValue: {\n\t\t\t\t\t_page: 1,\n\t\t\t\t\t_pageSize: 10,\n\t\t\t\t\t_max: 0,\n\t\t\t\t},\n\t\t\t},\n\t\t);\n\t}\n\n\tprivate onSelectionChange = (event: Event): void => {\n\t\t/* Stop propagation for selectionChange event from table-stateless component because table-stateful emits its own selectionChange event. */\n\t\tevent.stopPropagation();\n\t};\n\n\tpublic componentDidLoad(): void {\n\t\tthis.tableWcRef?.addEventListener(KolEvent.selectionChange, this.onSelectionChange);\n\t}\n\n\tpublic disconnectedCallback(): void {\n\t\tthis.tableWcRef?.removeEventListener(KolEvent.selectionChange, this.onSelectionChange);\n\t}\n\n\tpublic componentWillLoad(): void {\n\t\tthis.validateAllowMultiSort(this._allowMultiSort);\n\t\tthis.validateData(this._data);\n\t\tthis.validateDataFoot(this._dataFoot);\n\t\tthis.validateHeaders(this._headers);\n\t\tthis.validateLabel(this._label);\n\t\tthis.validateMinWidth(this._minWidth);\n\t\tthis.validateOn(this._on);\n\t\tthis.validatePagination(this._pagination);\n\t\tthis.validatePaginationPosition(this._paginationPosition);\n\t\tthis.validateSelection(this._selection);\n\t\tthis.validateTableSettings(this._tableSettings);\n\t\tthis.validateHasSettingsMenu(this._hasSettingsMenu);\n\t}\n\n\tprivate selectDisplayedData(data: KoliBriTableDataType[], pageSize: number, page: number): KoliBriTableDataType[] {\n\t\tif (typeof pageSize === 'number' && pageSize > 0 && typeof page === 'number' && page > 0) {\n\t\t\tthis.pageStartSlice = pageSize * (page - 1);\n\t\t\tthis.pageEndSlice = pageSize * page > data.length ? data.length : pageSize * page;\n\t\t\treturn data.slice(this.pageStartSlice, this.pageEndSlice);\n\t\t} else {\n\t\t\tthis.pageStartSlice = 0;\n\t\t\tthis.pageEndSlice = data.length;\n\t\t\treturn data;\n\t\t}\n\t}\n\n\tprivate updateSortedData = () => {\n\t\tif (this.disableSort) {\n\t\t\tsetState(this, '_sortedData', this.state._data);\n\t\t\treturn;\n\t\t}\n\n\t\tconst sortedData: KoliBriTableDataType[] = [...this.state._data];\n\t\tif (this.sortData.length > 0) {\n\t\t\tsortedData.sort((a: KoliBriTableDataType, b: KoliBriTableDataType) => {\n\t\t\t\tfor (let index = 0; index < this.sortData.length; index++) {\n\t\t\t\t\tconst data = this.sortData[index];\n\t\t\t\t\tconst result = data.compareFn(a, b, data.direction);\n\t\t\t\t\tif (result !== 0) {\n\t\t\t\t\t\treturn data.direction === 'ASC' ? result : -result;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\treturn 0;\n\t\t\t});\n\t\t}\n\t\tsetState(this, '_sortedData', sortedData);\n\t};\n\n\t/**\n\t * Renders the pagination controls for the table, showing the current visible data range\n\t * and providing navigation between different pages.\n\t *\n\t * @returns {JSX.Element} The rendered pagination controls including page range and navigation.\n\t */\n\tprivate renderPagination(position: 'top' | 'bottom'): JSX.Element {\n\t\tconst label = translate('kol-table-pagination-label', {\n\t\t\tplaceholders: {\n\t\t\t\tlabel: `${this.state._label} (${translate(`kol-pagination-position-${position}`)})`,\n\t\t\t},\n\t\t});\n\t\treturn (\n\t\t\t<div class={`kol-table-stateful__pagination kol-table-stateful__pagination--${this.state._paginationPosition}`}>\n\t\t\t\t<span role=\"status\" aria-live=\"polite\">\n\t\t\t\t\t{translate('kol-table-visible-range', {\n\t\t\t\t\t\tplaceholders: {\n\t\t\t\t\t\t\tstart: this.pageEndSlice > 0 ? (this.pageStartSlice + 1).toString() : '0',\n\t\t\t\t\t\t\tend: this.pageEndSlice.toString(),\n\t\t\t\t\t\t\ttotal:\n\t\t\t\t\t\t\t\tthis.state._pagination && this.state._pagination._max > 0\n\t\t\t\t\t\t\t\t\t? this.state._pagination._max.toString()\n\t\t\t\t\t\t\t\t\t: Array.isArray(this.state._data)\n\t\t\t\t\t\t\t\t\t\t? this.state._data.length.toString()\n\t\t\t\t\t\t\t\t\t\t: '0',\n\t\t\t\t\t\t},\n\t\t\t\t\t})}\n\t\t\t\t</span>\n\t\t\t\t<div class=\"kol-table-stateful__pagination-wrapper\">\n\t\t\t\t\t<KolPaginationWcTag\n\t\t\t\t\t\tclass=\"test\"\n\t\t\t\t\t\t_boundaryCount={this.state._pagination._boundaryCount}\n\t\t\t\t\t\t_customClass={this.state._pagination._customClass}\n\t\t\t\t\t\t_on={this.handlePagination}\n\t\t\t\t\t\t_page={this.state._pagination._page}\n\t\t\t\t\t\t_pageSize={this.state._pagination._pageSize}\n\t\t\t\t\t\t_pageSizeOptions={this.state._pagination._pageSizeOptions || PAGINATION_OPTIONS}\n\t\t\t\t\t\t_siblingCount={this.state._pagination._siblingCount}\n\t\t\t\t\t\t_tooltipAlign=\"bottom\"\n\t\t\t\t\t\t_max={this.state._pagination._max || this.state._pagination._max || this.state._data.length}\n\t\t\t\t\t\t_label={label}\n\t\t\t\t\t></KolPaginationWcTag>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t);\n\t}\n\n\tprivate getHeaderCellSortState(headerCell: KoliBriTableHeaderCellWithLogic): KoliBriSortDirection | undefined {\n\t\tif (!this.disableSort && typeof headerCell.compareFn === 'function') {\n\t\t\tif (headerCell.key) {\n\t\t\t\tconst data = this.sortData.find((value) => value.key === headerCell.key);\n\t\t\t\tif (data?.direction) {\n\t\t\t\t\treturn data.direction;\n\t\t\t\t}\n\t\t\t}\n\t\t\treturn 'NOS';\n\t\t}\n\t}\n\n\tprivate handleSort({ key }: SortEventPayload) {\n\t\tconst headerCell = [...(this.state._headers.horizontal || []).flat(), ...(this.state._headers.vertical || []).flat()].find((cell) => cell.key === key);\n\t\tif (headerCell) {\n\t\t\tthis.changeCellSort(headerCell);\n\t\t}\n\t}\n\n\tprivate getSelectedData(selectedKeys: KoliBriTableSelectionKeys | KoliBriTableSelectionKey): null | KoliBriTableDataType | KoliBriTableDataType[] {\n\t\tconst selection = this.state._selection;\n\t\tif (selection) {\n\t\t\tconst keyPropertyName = selection.keyPropertyName ?? 'id';\n\t\t\tconst keys = Array.isArray(selectedKeys) ? selectedKeys : [selectedKeys];\n\t\t\tconst keySet = new Set(keys.map(String));\n\t\t\tconst data = this.state._sortedData.filter((item) => keySet.has(String(item[keyPropertyName] as string | number)));\n\t\t\tif (selection?.multiple === false) {\n\t\t\t\treturn data[0];\n\t\t\t}\n\t\t\tif (keyPropertyName) return data;\n\t\t}\n\t\treturn null;\n\t}\n\tprivate handleSelectionChange(event: Event, value: KoliBriTableSelectionKeys | KoliBriTableSelectionKey): void {\n\t\tconst selection = this.state._selection;\n\t\tif (selection)\n\t\t\tthis.state = {\n\t\t\t\t...this.state,\n\t\t\t\t_selection: {\n\t\t\t\t\t...selection,\n\t\t\t\t\tselectedKeys: Array.isArray(value) ? value : [value],\n\t\t\t\t},\n\t\t\t};\n\t\tconst selectedData = this.getSelectedData(value);\n\n\t\tif (typeof this.state._on?.[Callback.onSelectionChange] === 'function') {\n\t\t\tthis.state._on[Callback.onSelectionChange](event, selectedData);\n\t\t}\n\t\tif (this.host) {\n\t\t\tdispatchDomEvent(this.host, KolEvent.selectionChange, selectedData);\n\t\t}\n\t}\n\n\t/**\n\t * Returns the selected rows.\n\t */\n\t@Method()\n\t// eslint-disable-next-line @typescript-eslint/require-await\n\tpublic async getSelection(): Promise<KoliBriTableDataType[] | KoliBriTableDataType | null> {\n\t\tconst selectedKeys: KoliBriTableSelectionKeys = this.state._selection?.selectedKeys || [];\n\t\treturn this.getSelectedData(selectedKeys);\n\t}\n\n\tpublic render(): JSX.Element {\n\t\tconst displayedData: KoliBriTableDataType[] = this.selectDisplayedData(\n\t\t\tthis.state._sortedData,\n\t\t\tthis.showPagination ? (this.state._pagination?._pageSize ?? 10) : this.state._sortedData.length,\n\t\t\tthis.state._pagination._page || 1,\n\t\t);\n\t\tconst paginationTop = this._paginationPosition === 'top' || this._paginationPosition === 'both' ? this.renderPagination('top') : null;\n\t\tconst paginationBottom = this._paginationPosition === 'bottom' || this._paginationPosition === 'both' ? this.renderPagination('bottom') : null;\n\n\t\tconst headerCells: TableHeaderCells = {\n\t\t\thorizontal: this.state._headers.horizontal?.map((row) => row.map((cell) => ({ ...cell, sortDirection: this.getHeaderCellSortState(cell) }))) ?? [],\n\t\t\tvertical: this.state._headers.vertical?.map((column) => column.map((cell) => ({ ...cell, sortDirection: this.getHeaderCellSortState(cell) }))) ?? [],\n\t\t};\n\t\treturn (\n\t\t\t<Host class=\"kol-table-stateful\">\n\t\t\t\t{this.pageEndSlice > 0 && this.showPagination && paginationTop}\n\t\t\t\t<KolTableStatelessWcTag\n\t\t\t\t\tref={this.catchRef}\n\t\t\t\t\t_data={displayedData}\n\t\t\t\t\t_headerCells={headerCells}\n\t\t\t\t\t_label={this.state._label}\n\t\t\t\t\t_dataFoot={this.state._dataFoot}\n\t\t\t\t\t_minWidth={this.state._minWidth}\n\t\t\t\t\t_on={{\n\t\t\t\t\t\tonSort: (_: MouseEvent, payload: SortEventPayload) => {\n\t\t\t\t\t\t\tthis.handleSort(payload);\n\t\t\t\t\t\t},\n\t\t\t\t\t\tonSelectionChange: (event: Event, value: KoliBriTableSelectionKeys | KoliBriTableSelectionKey) => {\n\t\t\t\t\t\t\tthis.handleSelectionChange(event, value);\n\t\t\t\t\t\t},\n\t\t\t\t\t}}\n\t\t\t\t\t_selection={this.state._selection}\n\t\t\t\t\t_tableSettings={this.state._tableSettings}\n\t\t\t\t\t_hasSettingsMenu={this.state._hasSettingsMenu}\n\t\t\t\t/>\n\t\t\t\t{this.pageEndSlice > 0 && this.showPagination && paginationBottom}\n\t\t\t</Host>\n\t\t);\n\t}\n}\n"],"names":[],"mappings":"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"}