@public-ui/components 4.3.0-rc.1 → 4.3.0-rc.3

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

@@ -1,5 +1,5 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{r as n,h as e,H as t,g as o}from"./index-DqvPZ16l.js";import{b as i,e as l,g as r}from"./common-DEEjER7G.js";import{t as a}from"./i18n-CaL2ODdQ.js";import{c as s}from"./component-names-Dy77vq43.js";import{K as c}from"./Alert-2bYvhb8i.js";import{d,K as h}from"./events-BhfZTW2e.js";import"./i18n-B2d_exHc.js";import"./tslib.es6-QNbPBOk5.js";import"./clsx-COFh-Vc8.js";import"./bem-registry-B9CzNnO1.js";import"./component-ijX_kUom.js";import"./Heading-C9p_CRv4.js";const f=(n,e)=>{i(n,"errorList",(n=>Array.isArray(n)&&n.find((n=>!(typeof n==="string"||typeof n==="function")))===undefined),new Set(["string","function"]),e)};const m='@charset "UTF-8";\n/* 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: white;\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    outline: none;\n    cursor: not-allowed;\n  }\n  [aria-disabled=true]:focus .kol-span,\n  [disabled]:focus .kol-span {\n    outline: none !important;\n  }\n  .hastooltip {\n    z-index: 900 !important;\n  }\n}\n@layer kol-component {\n  :host {\n    display: block;\n  }\n}\n@font-face {\n  font-family: "kolicons";\n  src: url("kolicons.eot?t=1780919027063"); /* IE9*/\n  src: url("kolicons.eot?t=1780919027063#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1780919027063") format("woff2"), url("kolicons.woff?t=1780919027063") format("woff"), url("kolicons.ttf?t=1780919027063") format("truetype"), url("kolicons.svg?t=1780919027063#kolicons") format("svg"); /* iOS 4.1- */\n}\n@layer kol-component {\n  [class^=kolicon-], [class*=" kolicon-"] {\n    font-family: "kolicons";\n    font-style: normal;\n    font-weight: 400;\n    line-height: 1em;\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: grayscale;\n  }\n  .kolicon-alert-error::before {\n    content: "\\ea01";\n  }\n  .kolicon-alert-info::before {\n    content: "\\ea02";\n  }\n  .kolicon-alert-success::before {\n    content: "\\ea03";\n  }\n  .kolicon-alert-warning::before {\n    content: "\\ea04";\n  }\n  .kolicon-check::before {\n    content: "\\ea05";\n  }\n  .kolicon-chevron-double-left::before {\n    content: "\\ea06";\n  }\n  .kolicon-chevron-double-right::before {\n    content: "\\ea07";\n  }\n  .kolicon-chevron-down::before {\n    content: "\\ea08";\n  }\n  .kolicon-chevron-left::before {\n    content: "\\ea09";\n  }\n  .kolicon-chevron-right::before {\n    content: "\\ea0a";\n  }\n  .kolicon-chevron-up::before {\n    content: "\\ea0b";\n  }\n  .kolicon-cogwheel::before {\n    content: "\\ea0c";\n  }\n  .kolicon-cross::before {\n    content: "\\ea0d";\n  }\n  .kolicon-eye-closed::before {\n    content: "\\ea0e";\n  }\n  .kolicon-eye::before {\n    content: "\\ea0f";\n  }\n  .kolicon-house::before {\n    content: "\\ea10";\n  }\n  .kolicon-kolibri::before {\n    content: "\\ea11";\n  }\n  .kolicon-link-external::before {\n    content: "\\ea12";\n  }\n  .kolicon-link::before {\n    content: "\\ea13";\n  }\n  .kolicon-minus::before {\n    content: "\\ea14";\n  }\n  .kolicon-plus::before {\n    content: "\\ea15";\n  }\n  .kolicon-settings::before {\n    content: "\\ea16";\n  }\n  .kolicon-sort-asc::before {\n    content: "\\ea17";\n  }\n  .kolicon-sort-desc::before {\n    content: "\\ea18";\n  }\n  .kolicon-sort-neutral::before {\n    content: "\\ea19";\n  }\n  .kolicon-up::before {\n    content: "\\ea1a";\n  }\n  .kolicon-version::before {\n    content: "\\ea1b";\n  }\n}\n@layer kol-component {\n  .kol-icon {\n    color: inherit;\n    display: inline-block;\n    font-size: inherit;\n    font-weight: inherit;\n    line-height: inherit;\n  }\n  .kol-tooltip {\n    display: contents;\n  }\n  .kol-tooltip__floating {\n    opacity: 0;\n    display: none;\n    position: fixed;\n    /* Avoid layout interference - see https://floating-ui.com/docs/computePosition */\n    top: 0;\n    left: 0;\n    /* Can be used to specify the tooltip-width from the outside. Unset by default.  */\n    width: var(--kol-tooltip-width, max-content);\n    min-width: calc(8 * 1rem / var(--kolibri-root-font-size, 16));\n    max-width: 90vw;\n    max-height: 90vh;\n    animation-direction: normal;\n    /* Can be used to specify the animation duration from the outside. 250ms by default. */\n    animation-duration: var(--kolibri-tooltip-animation-duration, 250ms);\n    animation-fill-mode: forwards;\n    animation-iteration-count: 1;\n    animation-timing-function: ease-in;\n  }\n  .kol-tooltip__floating.hide {\n    animation-name: hideTooltip;\n  }\n  .kol-tooltip__floating.show {\n    animation-name: showTooltip;\n  }\n  .kol-tooltip__arrow {\n    transform: rotate(45deg);\n    color: black;\n    background-color: white;\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: black;\n    background-color: white;\n    position: relative;\n    z-index: 1000;\n  }\n  @keyframes hideTooltip {\n    0% {\n      opacity: 1;\n    }\n    100% {\n      opacity: 0;\n      display: none;\n    }\n  }\n  @keyframes showTooltip {\n    0% {\n      opacity: 0;\n    }\n    100% {\n      opacity: 1;\n    }\n  }\n}\n@layer kol-component {\n  .kol-icon {\n    color: inherit;\n    display: inline-block;\n    font-size: inherit;\n    font-weight: inherit;\n    line-height: inherit;\n  }\n  :host {\n    display: inline-block;\n  }\n  .kol-link {\n    display: inline-flex;\n    max-width: fit-content;\n    align-items: baseline;\n    place-items: center;\n    text-align: left;\n    text-decoration-line: none;\n  }\n  .kol-link--standalone {\n    min-width: var(--a11y-min-size);\n    min-height: var(--a11y-min-size);\n    align-items: stretch;\n  }\n  .kol-link--standalone .kol-link__text {\n    display: inline-flex;\n    flex: 1 1 100%;\n    place-items: center;\n  }\n  .kol-link .kol-span__label {\n    text-decoration-line: underline;\n  }\n  .kol-link:focus:not([aria-disabled], [disabled]) .kol-span__label, .kol-link:hover:not([aria-disabled], [disabled]) .kol-span__label {\n    text-decoration-thickness: 0.2em;\n  }\n  .kol-link__icon {\n    display: inline-flex;\n  }\n  .kol-alert .kol-icon {\n    color: inherit;\n    display: inline-block;\n    font-size: inherit;\n    font-weight: inherit;\n    line-height: inherit;\n  }\n  .kol-alert :host {\n    display: inline-block;\n  }\n  .kol-alert .kol-button {\n    display: flex;\n    min-height: var(--a11y-min-size);\n    font-style: calc(16 * 1rem / var(--kolibri-root-font-size, 16));\n    text-decoration-line: none;\n  }\n  .kol-alert .kol-button::before {\n    /* Render zero-width character as first element to set the baseline correctly. */\n    content: "​";\n  }\n  .kol-alert .kol-button__text {\n    flex: 1 0 100%;\n  }\n  .kol-alert {\n    display: grid;\n  }\n  .kol-alert__container {\n    display: flex;\n    place-items: center;\n  }\n  .kol-alert__container-content {\n    flex-grow: 1;\n  }\n  .kol-alert__closer {\n    /* Visible with forced colors */\n    outline: transparent solid calc(1 * 1rem / var(--kolibri-root-font-size, 16));\n  }\n}';const p=class{constructor(e){n(this,e);this.translateErrorListMessage=a("kol-error-list-message");this.translateErrorList=a("kol-error-list");this.translateFormDescription=a("kol-form-description");this.onSubmit=n=>{var e,t;n.preventDefault();if(typeof((e=this.state._on)===null||e===void 0?void 0:e.onSubmit)==="function"){(t=this.state._on)===null||t===void 0?void 0:t.onSubmit(n)}if(this.host){d(this.host,h.submit)}};this.onReset=n=>{var e,t;n.preventDefault();if(typeof((e=this.state._on)===null||e===void 0?void 0:e.onReset)==="function"){(t=this.state._on)===null||t===void 0?void 0:t.onReset(n)}if(this.host){d(this.host,h.reset)}};this.handleLinkClick=n=>{const e=document.querySelector(n);if(e&&typeof e.focus==="function"){e.scrollIntoView({behavior:"smooth"});e.focus()}};this.setBlockElement=n=>this.errorListBlock=n;this.setFirstLinkElement=n=>this.errorListFirstLink=n;this._requiredText=true;this.state={}}renderErrorList(n){return e(c,{class:"kol-form__alert",ref:this.setBlockElement,type:"error",variant:"card",label:this.translateErrorListMessage},e("nav",{"aria-label":this.translateErrorList},e("ul",null,n===null||n===void 0?void 0:n.map(((n,t)=>e("li",{key:t},e(s,{class:"kol-form__link",_href:"",_label:n.message,_on:{onClick:typeof n.selector==="string"?()=>this.handleLinkClick(String(n.selector)):n.selector},ref:t===0?this.setFirstLinkElement:undefined})))))))}renderFormElement(){return e("form",{class:"kol-form",method:"post",onSubmit:this.onSubmit,onReset:this.onReset,noValidate:true},this.state._requiredText===true?e("p",null,e("div",{class:"kol-form__mandatory-fields-hint"},this.translateFormDescription)):typeof this.state._requiredText==="string"&&this.state._requiredText.length>0?e("p",null,e("div",{class:"kol-form__mandatory-fields-hint"},this.state._requiredText)):null,e("slot",null))}render(){const n=Array.isArray(this._errorList)&&this._errorList.length>0;return e(t,{key:"d002ea1e6be732b787b8e9823fb7812dd43abbc7"},n&&this.renderErrorList(this._errorList),this.renderFormElement())}scrollToErrorList(){var n;(n=this.errorListBlock)===null||n===void 0?void 0:n.scrollIntoView({behavior:"smooth",block:"start"});setTimeout((()=>{var n,e;(e=(n=this.errorListFirstLink)===null||n===void 0?void 0:n.querySelector("a"))===null||e===void 0?void 0:e.focus()}),250)}async focusErrorList(){this.scrollToErrorList();return Promise.resolve()}validateOn(n){if(typeof n==="object"&&n!==null){this.state=Object.assign(Object.assign({},this.state),{_on:n})}}validateRequiredText(n){if(typeof n==="boolean"){l(this,"_requiredText",n)}else{r(this,"_requiredText",n)}}validateErrorList(n){f(this,n)}componentWillLoad(){this.validateOn(this._on);this.validateRequiredText(this._requiredText);this.validateErrorList(this._errorList)}get host(){return o(this)}static get watchers(){return{_on:["validateOn"],_requiredText:["validateRequiredText"],_errorList:["validateErrorList"]}}};p.style={default:m};export{p as kol_form};
+import{r as n,h as e,H as t,g as o}from"./index-CfYfRjdO.js";import{b as i,e as l,g as r}from"./common-Cbb6Axov.js";import{t as a}from"./i18n-CcjZRTxD.js";import{c as s}from"./component-names-Dy77vq43.js";import{K as c}from"./Alert-DlY1Cd8i.js";import{d as h,K as d}from"./events-BhfZTW2e.js";import"./i18n-CMA39edx.js";import"./tslib.es6-QNbPBOk5.js";import"./clsx-COFh-Vc8.js";import"./bem-registry-BRfTMZf0.js";import"./component-DaUkSW3u.js";import"./Heading-Bi9MCxAk.js";const f=(n,e)=>{i(n,"errorList",(n=>Array.isArray(n)&&n.find((n=>!(typeof n==="string"||typeof n==="function")))===undefined),new Set(["string","function"]),e)};const m='@charset "UTF-8";\n/* 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     * The `max(…, 44px)` floor guarantees the WCAG 2.5.5 (AAA) target size of 44px:\n     * `to-rem(44)` runs the value through a `calc()` rem round-trip which can lose\n     * sub-pixel precision and resolve to e.g. 43.99px depending on the browser\'s\n     * rounding, dropping just below the required minimum.\n     */\n    --a11y-min-size: max(calc(44 * 1rem / var(--kolibri-root-font-size, 16)), 44px);\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: white;\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    outline: none;\n    cursor: not-allowed;\n  }\n  [aria-disabled=true]:focus .kol-span,\n  [disabled]:focus .kol-span {\n    outline: none !important;\n  }\n  .hastooltip {\n    z-index: 900 !important;\n  }\n}\n@layer kol-component {\n  :host {\n    display: block;\n  }\n}\n@font-face {\n  font-family: "kolicons";\n  src: url("kolicons.eot?t=1783496448056"); /* IE9*/\n  src: url("kolicons.eot?t=1783496448056#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1783496448056") format("woff2"), url("kolicons.woff?t=1783496448056") format("woff"), url("kolicons.ttf?t=1783496448056") format("truetype"), url("kolicons.svg?t=1783496448056#kolicons") format("svg"); /* iOS 4.1- */\n}\n@layer kol-component {\n  [class^=kolicon-], [class*=" kolicon-"] {\n    font-family: "kolicons";\n    font-style: normal;\n    font-weight: 400;\n    line-height: 1em;\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: grayscale;\n  }\n  .kolicon-alert-error::before {\n    content: "\\ea01";\n  }\n  .kolicon-alert-info::before {\n    content: "\\ea02";\n  }\n  .kolicon-alert-success::before {\n    content: "\\ea03";\n  }\n  .kolicon-alert-warning::before {\n    content: "\\ea04";\n  }\n  .kolicon-check::before {\n    content: "\\ea05";\n  }\n  .kolicon-chevron-double-left::before {\n    content: "\\ea06";\n  }\n  .kolicon-chevron-double-right::before {\n    content: "\\ea07";\n  }\n  .kolicon-chevron-down::before {\n    content: "\\ea08";\n  }\n  .kolicon-chevron-left::before {\n    content: "\\ea09";\n  }\n  .kolicon-chevron-right::before {\n    content: "\\ea0a";\n  }\n  .kolicon-chevron-up::before {\n    content: "\\ea0b";\n  }\n  .kolicon-cogwheel::before {\n    content: "\\ea0c";\n  }\n  .kolicon-cross::before {\n    content: "\\ea0d";\n  }\n  .kolicon-eye-closed::before {\n    content: "\\ea0e";\n  }\n  .kolicon-eye::before {\n    content: "\\ea0f";\n  }\n  .kolicon-house::before {\n    content: "\\ea10";\n  }\n  .kolicon-kolibri::before {\n    content: "\\ea11";\n  }\n  .kolicon-link-external::before {\n    content: "\\ea12";\n  }\n  .kolicon-link::before {\n    content: "\\ea13";\n  }\n  .kolicon-minus::before {\n    content: "\\ea14";\n  }\n  .kolicon-plus::before {\n    content: "\\ea15";\n  }\n  .kolicon-settings::before {\n    content: "\\ea16";\n  }\n  .kolicon-sort-asc::before {\n    content: "\\ea17";\n  }\n  .kolicon-sort-desc::before {\n    content: "\\ea18";\n  }\n  .kolicon-sort-neutral::before {\n    content: "\\ea19";\n  }\n  .kolicon-up::before {\n    content: "\\ea1a";\n  }\n  .kolicon-version::before {\n    content: "\\ea1b";\n  }\n}\n@layer kol-component {\n  .kol-icon {\n    color: inherit;\n    display: inline-block;\n    font-size: inherit;\n    font-weight: inherit;\n    line-height: inherit;\n  }\n  .kol-tooltip {\n    display: contents;\n  }\n  .kol-tooltip__floating {\n    opacity: 0;\n    display: none;\n    position: fixed;\n    /* Avoid layout interference - see https://floating-ui.com/docs/computePosition */\n    top: 0;\n    left: 0;\n    /* Can be used to specify the tooltip-width from the outside. Unset by default.  */\n    width: var(--kol-tooltip-width, max-content);\n    min-width: calc(8 * 1rem / var(--kolibri-root-font-size, 16));\n    max-width: 90vw;\n    max-height: 90vh;\n    animation-direction: normal;\n    /* Can be used to specify the animation duration from the outside. 250ms by default. */\n    animation-duration: var(--kolibri-tooltip-animation-duration, 250ms);\n    animation-fill-mode: forwards;\n    animation-iteration-count: 1;\n    animation-timing-function: ease-in;\n  }\n  .kol-tooltip__floating.hide {\n    animation-name: hideTooltip;\n  }\n  .kol-tooltip__floating.show {\n    animation-name: showTooltip;\n  }\n  .kol-tooltip__arrow {\n    transform: rotate(45deg);\n    color: black;\n    background-color: white;\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: black;\n    background-color: white;\n    position: relative;\n    z-index: 1000;\n  }\n  @keyframes hideTooltip {\n    0% {\n      opacity: 1;\n    }\n    100% {\n      opacity: 0;\n      display: none;\n    }\n  }\n  @keyframes showTooltip {\n    0% {\n      opacity: 0;\n    }\n    100% {\n      opacity: 1;\n    }\n  }\n}\n@layer kol-component {\n  .kol-icon {\n    color: inherit;\n    display: inline-block;\n    font-size: inherit;\n    font-weight: inherit;\n    line-height: inherit;\n  }\n  :host {\n    display: inline-block;\n  }\n  .kol-link {\n    display: inline-flex;\n    max-width: fit-content;\n    align-items: baseline;\n    place-items: center;\n    text-align: left;\n    text-decoration-line: none;\n  }\n  .kol-link--standalone {\n    min-width: var(--a11y-min-size);\n    min-height: var(--a11y-min-size);\n    align-items: stretch;\n  }\n  .kol-link--standalone .kol-link__text {\n    display: inline-flex;\n    flex: 1 1 100%;\n    place-items: center;\n  }\n  .kol-link .kol-span__label {\n    text-decoration-line: underline;\n  }\n  .kol-link:focus:not([aria-disabled], [disabled]) .kol-span__label, .kol-link:hover:not([aria-disabled], [disabled]) .kol-span__label {\n    text-decoration-thickness: 0.2em;\n  }\n  .kol-link__icon {\n    display: inline-flex;\n  }\n  .kol-alert .kol-icon {\n    color: inherit;\n    display: inline-block;\n    font-size: inherit;\n    font-weight: inherit;\n    line-height: inherit;\n  }\n  .kol-alert :host {\n    display: inline-block;\n  }\n  .kol-alert .kol-button {\n    display: flex;\n    min-height: var(--a11y-min-size);\n    font-style: calc(16 * 1rem / var(--kolibri-root-font-size, 16));\n    text-decoration-line: none;\n  }\n  .kol-alert .kol-button::before {\n    /* Render zero-width character as first element to set the baseline correctly. */\n    content: "​";\n  }\n  .kol-alert .kol-button__text {\n    flex: 1 0 100%;\n  }\n  .kol-alert {\n    display: grid;\n  }\n  .kol-alert__container {\n    display: flex;\n    place-items: center;\n  }\n  .kol-alert__container-content {\n    flex-grow: 1;\n  }\n  .kol-alert__closer {\n    /* Visible with forced colors */\n    outline: transparent solid calc(1 * 1rem / var(--kolibri-root-font-size, 16));\n  }\n}';const p=class{constructor(e){n(this,e);this.scrollOptionsFallback={behavior:"smooth",block:"nearest"};this.translateErrorListMessage=a("kol-error-list-message");this.translateErrorList=a("kol-error-list");this.translateFormDescription=a("kol-form-description");this.onSubmit=n=>{var e,t;n.preventDefault();if(typeof((e=this.state._on)===null||e===void 0?void 0:e.onSubmit)==="function"){(t=this.state._on)===null||t===void 0?void 0:t.onSubmit(n)}if(this.host){h(this.host,d.submit)}};this.onReset=n=>{var e,t;n.preventDefault();if(typeof((e=this.state._on)===null||e===void 0?void 0:e.onReset)==="function"){(t=this.state._on)===null||t===void 0?void 0:t.onReset(n)}if(this.host){h(this.host,d.reset)}};this.handleLinkClick=(n,e)=>{const t=document.querySelector(n);if(t&&typeof t.focus==="function"){t.focus(e?e:this.scrollOptionsFallback)}};this.setBlockElement=n=>this.errorListBlock=n;this.setFirstLinkElement=n=>this.errorListFirstLink=n;this._requiredText=true;this.state={}}renderErrorList(n){return e(c,{class:"kol-form__alert",ref:this.setBlockElement,type:"error",variant:"card",label:this.translateErrorListMessage},e("nav",{"aria-label":this.translateErrorList},e("ul",null,n===null||n===void 0?void 0:n.map(((n,t)=>e("li",{key:t},e(s,{class:"kol-form__link",_href:"",_label:n.message,_on:{onClick:typeof n.selector==="string"?()=>this.handleLinkClick(String(n.selector),n.options):n.selector},ref:t===0?this.setFirstLinkElement:undefined})))))))}renderFormElement(){return e("form",{class:"kol-form",method:"post",onSubmit:this.onSubmit,onReset:this.onReset,noValidate:true},this.state._requiredText===true?e("p",null,e("div",{class:"kol-form__mandatory-fields-hint"},this.translateFormDescription)):typeof this.state._requiredText==="string"&&this.state._requiredText.length>0?e("p",null,e("div",{class:"kol-form__mandatory-fields-hint"},this.state._requiredText)):null,e("slot",null))}render(){const n=Array.isArray(this._errorList)&&this._errorList.length>0;return e(t,{key:"f894eb6482f6c8ea9542ff608eb8281449a6f424"},n&&this.renderErrorList(this._errorList),this.renderFormElement())}scrollToErrorList(n){setTimeout((()=>{var e,t;(t=(e=this.errorListFirstLink)===null||e===void 0?void 0:e.querySelector("a"))===null||t===void 0?void 0:t.focus(n?n:this.scrollOptionsFallback)}),250)}async focusErrorList(n){this.scrollToErrorList(n);return Promise.resolve()}validateOn(n){if(typeof n==="object"&&n!==null){this.state=Object.assign(Object.assign({},this.state),{_on:n})}}validateRequiredText(n){if(typeof n==="boolean"){l(this,"_requiredText",n)}else{r(this,"_requiredText",n)}}validateErrorList(n){f(this,n)}componentWillLoad(){this.validateOn(this._on);this.validateRequiredText(this._requiredText);this.validateErrorList(this._errorList)}get host(){return o(this)}static get watchers(){return{_on:["validateOn"],_requiredText:["validateRequiredText"],_errorList:["validateErrorList"]}}};p.style={default:m};export{p as kol_form};
 //# sourceMappingURL=kol-form.entry.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["registerInstance","h","Host","getElement","watchValidator","watchBoolean","watchString","translate","KolLinkWcTag","KolAlertFc","dispatchDomEvent","KolEvent","validateErrorList","component","value","Array","isArray","find","v","undefined","Set","defaultStyleCss","KolForm","constructor","hostRef","this","translateErrorListMessage","translateErrorList","translateFormDescription","onSubmit","event","_a","_b","preventDefault","state","_on","host","submit","onReset","reset","handleLinkClick","selector","targetElement","document","querySelector","focus","scrollIntoView","behavior","setBlockElement","el","errorListBlock","setFirstLinkElement","errorListFirstLink","_requiredText","renderErrorList","errorList","class","ref","type","variant","label","map","error","index","key","_href","_label","message","onClick","String","renderFormElement","method","noValidate","length","render","hasErrorList","_errorList","scrollToErrorList","block","setTimeout","focusErrorList","Promise","resolve","validateOn","Object","assign","validateRequiredText","componentWillLoad","watchers","style","default"],"sources":["0"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["registerInstance","h","Host","getElement","watchValidator","watchBoolean","watchString","translate","KolLinkWcTag","KolAlertFc","dispatchDomEvent","KolEvent","validateErrorList","component","value","Array","isArray","find","v","undefined","Set","defaultStyleCss","KolForm","constructor","hostRef","this","scrollOptionsFallback","behavior","block","translateErrorListMessage","translateErrorList","translateFormDescription","onSubmit","event","_a","_b","preventDefault","state","_on","host","submit","onReset","reset","handleLinkClick","selector","options","targetElement","document","querySelector","focus","setBlockElement","el","errorListBlock","setFirstLinkElement","errorListFirstLink","_requiredText","renderErrorList","errorList","class","ref","type","variant","label","map","error","index","key","_href","_label","message","onClick","String","renderFormElement","method","noValidate","length","render","hasErrorList","_errorList","scrollToErrorList","setTimeout","focusErrorList","Promise","resolve","validateOn","Object","assign","validateRequiredText","componentWillLoad","watchers","style","default"],"sources":["0"],"mappings":"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","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"file":"kol-heading.entry.esm.js","sources":["src/internal/props/label-with-expert-slot.ts","src/internal/props/secondary-headline.ts","src/internal/functional-components/heading/component.tsx","src/internal/functional-components/heading/api.tsx","src/internal/functional-components/heading/controller.ts","src/components/heading/style.scss?tag=kol-heading&mode=default&encapsulation=shadow","src/components/heading/component.tsx"],"sourcesContent":["import type { SimpleProp } from './helpers/factory';\nimport { createPropDefinition } from './helpers/factory';\nimport { normalizeString } from './helpers/normalizers';\n\nexport type LabelWithExpertSlotProp = SimpleProp<'label', string>;\nexport const labelWithExpertSlotProp = createPropDefinition<LabelWithExpertSlotProp>('label', '', normalizeString);\n","import type { SimpleProp } from './helpers/factory';\nimport { createPropDefinition } from './helpers/factory';\nimport { normalizeString } from './helpers/normalizers';\n\nexport type SecondaryHeadlineProp = SimpleProp<'secondaryHeadline', string>;\nexport const secondaryHeadlineProp = createPropDefinition<SecondaryHeadlineProp>('secondaryHeadline', '', normalizeString);\n","import type { FunctionalComponent as FC } from '@stencil/core';\nimport { h } from '@stencil/core';\n\nimport clsx from '../../../utils/clsx';\nimport type { HeadingLevel } from '../../props';\nimport type { FunctionalComponentProps } from '../generic-types';\nimport type { HeadingApi } from './api';\n\ntype HeadlineTag = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'strong';\n\nfunction getHeadlineTag(level: HeadingLevel | number): HeadlineTag {\n\treturn level >= 1 && level <= 6 ? (`h${level}` as HeadlineTag) : 'strong';\n}\n\nexport const HeadingFC: FC<FunctionalComponentProps<HeadingApi>> = (props) => {\n\tconst { label, level, secondaryHeadline } = props;\n\tconst HeadlineTag = getHeadlineTag(level);\n\n\tif (!secondaryHeadline) {\n\t\treturn (\n\t\t\t<HeadlineTag class={clsx('kol-headline', `kol-headline--${HeadlineTag}`, 'kol-headline--single')}>\n\t\t\t\t{label}\n\t\t\t\t<slot name=\"expert\" slot=\"expert\" />\n\t\t\t</HeadlineTag>\n\t\t);\n\t}\n\n\treturn (\n\t\t<hgroup class=\"kol-heading-group\">\n\t\t\t<HeadlineTag class={clsx('kol-headline', `kol-headline--${HeadlineTag}`, 'kol-headline--group', 'kol-headline--primary')}>\n\t\t\t\t{label}\n\t\t\t\t<slot name=\"expert\" slot=\"expert\" />\n\t\t\t</HeadlineTag>\n\t\t\t<p class=\"kol-headline kol-headline--group kol-headline--secondary\">{secondaryHeadline}</p>\n\t\t</hgroup>\n\t);\n};\n","import { labelWithExpertSlotProp, levelProp, secondaryHeadlineProp } from '../../props';\nimport type { ApiFromConfig, PropsConfigShape } from '../generic-types';\n\nexport const headingPropsConfig = {\n\toptional: [levelProp, secondaryHeadlineProp],\n\trequired: [labelWithExpertSlotProp],\n} as const satisfies PropsConfigShape;\n\nexport type HeadingApi = ApiFromConfig<typeof headingPropsConfig>;\n","import { labelWithExpertSlotProp, levelProp, secondaryHeadlineProp } from '../../props';\nimport { BaseController } from '../base-controller';\nimport type { ControllerInterface, ResolvedInputProps, StateAccess } from '../generic-types';\nimport type { HeadingApi } from './api';\nimport { headingPropsConfig } from './api';\n\nexport class HeadingController extends BaseController<HeadingApi> implements ControllerInterface<HeadingApi> {\n\tpublic constructor(stateAccess: StateAccess<HeadingApi>) {\n\t\tsuper(stateAccess, headingPropsConfig);\n\t}\n\n\tpublic componentWillLoad(props: ResolvedInputProps<HeadingApi>): void {\n\t\tconst { label, level, secondaryHeadline } = props;\n\t\tthis.watchLabel(label);\n\t\tthis.watchLevel(level);\n\t\tthis.watchSecondaryHeadline(secondaryHeadline);\n\t}\n\n\tpublic watchLabel(value?: string): void {\n\t\tlabelWithExpertSlotProp.apply(value, (v) => {\n\t\t\tthis.setRenderProp('label', v);\n\t\t});\n\t}\n\n\tpublic watchLevel(value?: number): void {\n\t\tlevelProp.apply(value, (v) => {\n\t\t\tthis.setRenderProp('level', v);\n\t\t});\n\t}\n\n\tpublic watchSecondaryHeadline(value?: string): void {\n\t\tsecondaryHeadlineProp.apply(value, (v) => {\n\t\t\tthis.setRenderProp('secondaryHeadline', v);\n\t\t});\n\t}\n}\n","@use '../@shared/global' as *;\n\n@layer kol-component {\n\t.kol-headline {\n\t\t&--secondary {\n\t\t\tmargin: 0;\n\t\t}\n\t}\n}\n","import type { JSX } from '@stencil/core';\nimport { Component, h, Host, Prop, Watch } from '@stencil/core';\n\nimport { BaseWebComponent } from '../../internal/functional-components/base-web-component';\nimport type { WebComponentInterface } from '../../internal/functional-components/generic-types';\nimport type { HeadingApi } from '../../internal/functional-components/heading/api';\nimport { HeadingFC } from '../../internal/functional-components/heading/component';\nimport { HeadingController } from '../../internal/functional-components/heading/controller';\nimport type { HeadingLevel, LabelWithExpertSlotPropType } from '../../schema';\n\n/**\n *\n * @slot - Inhalt der Überschrift.\n */\n@Component({\n\ttag: 'kol-heading',\n\tstyleUrls: {\n\t\tdefault: './style.scss',\n\t},\n\tshadow: true,\n})\nexport class KolHeading implements WebComponentInterface<HeadingApi> {\n\tprivate readonly ctrl = new HeadingController(BaseWebComponent.stateLess);\n\n\t/**\n\t * Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.). Set to `false` to enable the expert slot.\n\t */\n\t@Prop() public _label!: LabelWithExpertSlotPropType;\n\n\t@Watch('_label')\n\tpublic watchLabel(value?: LabelWithExpertSlotPropType): void {\n\t\tthis.ctrl.watchLabel(value);\n\t}\n\n\t/**\n\t * Defines which H-level from 1-6 the heading has. 0 specifies no heading and is shown as bold text.\n\t */\n\t@Prop() public _level?: HeadingLevel = 0;\n\n\t@Watch('_level')\n\tpublic watchLevel(value?: HeadingLevel): void {\n\t\tthis.ctrl.watchLevel(value);\n\t}\n\n\t/**\n\t * Defines the text of the secondary headline.\n\t */\n\t@Prop() public _secondaryHeadline?: string;\n\n\t@Watch('_secondaryHeadline')\n\tpublic watchSecondaryHeadline(value?: string): void {\n\t\tthis.ctrl.watchSecondaryHeadline(value);\n\t}\n\n\tpublic componentWillLoad(): void {\n\t\tthis.ctrl.componentWillLoad({\n\t\t\tlabel: this._label,\n\t\t\tlevel: this._level,\n\t\t\tsecondaryHeadline: this._secondaryHeadline,\n\t\t});\n\t}\n\n\tpublic render(): JSX.Element {\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<HeadingFC\n\t\t\t\t\tlabel={this.ctrl.getRenderProp('label')}\n\t\t\t\t\tlevel={this.ctrl.getRenderProp('level')}\n\t\t\t\t\tsecondaryHeadline={this.ctrl.getRenderProp('secondaryHeadline')}\n\t\t\t\t/>\n\t\t\t</Host>\n\t\t);\n\t}\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"kol-heading.entry.esm.js","sources":["src/internal/props/label-with-expert-slot.ts","src/internal/props/secondary-headline.ts","src/internal/functional-components/heading/component.tsx","src/internal/functional-components/heading/api.tsx","src/internal/functional-components/heading/controller.ts","src/components/heading/style.scss?tag=kol-heading&mode=default&encapsulation=shadow","src/components/heading/component.tsx"],"sourcesContent":["import type { SimpleProp } from './helpers/factory';\nimport { createPropDefinition } from './helpers/factory';\nimport { normalizeString } from './helpers/normalizers';\n\nexport type LabelWithExpertSlotProp = SimpleProp<'label', string>;\nexport const labelWithExpertSlotProp = createPropDefinition<LabelWithExpertSlotProp>('label', '', normalizeString);\n","import type { SimpleProp } from './helpers/factory';\nimport { createPropDefinition } from './helpers/factory';\nimport { normalizeString } from './helpers/normalizers';\n\nexport type SecondaryHeadlineProp = SimpleProp<'secondaryHeadline', string>;\nexport const secondaryHeadlineProp = createPropDefinition<SecondaryHeadlineProp>('secondaryHeadline', '', normalizeString);\n","import type { FunctionalComponent as FC } from '@stencil/core';\nimport { h } from '@stencil/core';\n\nimport clsx from '../../../utils/clsx';\nimport type { HeadingLevel } from '../../props';\nimport type { FunctionalComponentProps } from '../generic-types';\nimport type { HeadingApi } from './api';\n\ntype HeadlineTag = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'strong';\n\nfunction getHeadlineTag(level: HeadingLevel | number): HeadlineTag {\n\treturn level >= 1 && level <= 6 ? (`h${level}` as HeadlineTag) : 'strong';\n}\n\nexport const HeadingFC: FC<FunctionalComponentProps<HeadingApi>> = (props) => {\n\tconst { label, level, secondaryHeadline } = props;\n\tconst HeadlineTag = getHeadlineTag(level);\n\n\tif (!secondaryHeadline) {\n\t\treturn (\n\t\t\t<HeadlineTag class={clsx('kol-headline', `kol-headline--${HeadlineTag}`, 'kol-headline--single')}>\n\t\t\t\t{label}\n\t\t\t\t<slot name=\"expert\" slot=\"expert\" />\n\t\t\t</HeadlineTag>\n\t\t);\n\t}\n\n\treturn (\n\t\t<hgroup class=\"kol-heading-group\">\n\t\t\t<HeadlineTag class={clsx('kol-headline', `kol-headline--${HeadlineTag}`, 'kol-headline--group', 'kol-headline--primary')}>\n\t\t\t\t{label}\n\t\t\t\t<slot name=\"expert\" slot=\"expert\" />\n\t\t\t</HeadlineTag>\n\t\t\t<p class=\"kol-headline kol-headline--group kol-headline--secondary\">{secondaryHeadline}</p>\n\t\t</hgroup>\n\t);\n};\n","import { labelWithExpertSlotProp, levelProp, secondaryHeadlineProp } from '../../props';\nimport type { ApiFromConfig, PropsConfigShape } from '../generic-types';\n\nexport const headingPropsConfig = {\n\toptional: [levelProp, secondaryHeadlineProp],\n\trequired: [labelWithExpertSlotProp],\n} as const satisfies PropsConfigShape;\n\nexport type HeadingApi = ApiFromConfig<typeof headingPropsConfig>;\n","import { labelWithExpertSlotProp, levelProp, secondaryHeadlineProp } from '../../props';\nimport { BaseController } from '../base-controller';\nimport type { ControllerInterface, ResolvedInputProps, StateAccess } from '../generic-types';\nimport type { HeadingApi } from './api';\nimport { headingPropsConfig } from './api';\n\nexport class HeadingController extends BaseController<HeadingApi> implements ControllerInterface<HeadingApi> {\n\tpublic constructor(stateAccess: StateAccess<HeadingApi>) {\n\t\tsuper(stateAccess, headingPropsConfig);\n\t}\n\n\tpublic componentWillLoad(props: ResolvedInputProps<HeadingApi>): void {\n\t\tconst { label, level, secondaryHeadline } = props;\n\t\tthis.watchLabel(label);\n\t\tthis.watchLevel(level);\n\t\tthis.watchSecondaryHeadline(secondaryHeadline);\n\t}\n\n\tpublic watchLabel(value?: string): void {\n\t\tlabelWithExpertSlotProp.apply(value, (v) => {\n\t\t\tthis.setRenderProp('label', v);\n\t\t});\n\t}\n\n\tpublic watchLevel(value?: number): void {\n\t\tlevelProp.apply(value, (v) => {\n\t\t\tthis.setRenderProp('level', v);\n\t\t});\n\t}\n\n\tpublic watchSecondaryHeadline(value?: string): void {\n\t\tsecondaryHeadlineProp.apply(value, (v) => {\n\t\t\tthis.setRenderProp('secondaryHeadline', v);\n\t\t});\n\t}\n}\n","@use '../@shared/global' as *;\n\n@layer kol-component {\n\t.kol-headline {\n\t\t&--secondary {\n\t\t\tmargin: 0;\n\t\t}\n\t}\n}\n","import type { JSX } from '@stencil/core';\nimport { Component, h, Host, Prop, Watch } from '@stencil/core';\n\nimport { BaseWebComponent } from '../../internal/functional-components/base-web-component';\nimport type { WebComponentInterface } from '../../internal/functional-components/generic-types';\nimport type { HeadingApi } from '../../internal/functional-components/heading/api';\nimport { HeadingFC } from '../../internal/functional-components/heading/component';\nimport { HeadingController } from '../../internal/functional-components/heading/controller';\nimport type { HeadingLevel, LabelWithExpertSlotPropType } from '../../schema';\n\n/**\n *\n * @slot - Inhalt der Überschrift.\n */\n@Component({\n\ttag: 'kol-heading',\n\tstyleUrls: {\n\t\tdefault: './style.scss',\n\t},\n\tshadow: true,\n})\nexport class KolHeading implements WebComponentInterface<HeadingApi> {\n\tprivate readonly ctrl = new HeadingController(BaseWebComponent.stateLess);\n\n\t/**\n\t * Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.). Set to `false` to enable the expert slot.\n\t */\n\t@Prop() public _label!: LabelWithExpertSlotPropType;\n\n\t@Watch('_label')\n\tpublic watchLabel(value?: LabelWithExpertSlotPropType): void {\n\t\tthis.ctrl.watchLabel(value);\n\t}\n\n\t/**\n\t * Defines which H-level from 1-6 the heading has. 0 specifies no heading and is shown as bold text.\n\t */\n\t@Prop() public _level?: HeadingLevel = 0;\n\n\t@Watch('_level')\n\tpublic watchLevel(value?: HeadingLevel): void {\n\t\tthis.ctrl.watchLevel(value);\n\t}\n\n\t/**\n\t * Defines the text of the secondary headline.\n\t */\n\t@Prop() public _secondaryHeadline?: string;\n\n\t@Watch('_secondaryHeadline')\n\tpublic watchSecondaryHeadline(value?: string): void {\n\t\tthis.ctrl.watchSecondaryHeadline(value);\n\t}\n\n\tpublic componentWillLoad(): void {\n\t\tthis.ctrl.componentWillLoad({\n\t\t\tlabel: this._label,\n\t\t\tlevel: this._level,\n\t\t\tsecondaryHeadline: this._secondaryHeadline,\n\t\t});\n\t}\n\n\tpublic render(): JSX.Element {\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<HeadingFC\n\t\t\t\t\tlabel={this.ctrl.getRenderProp('label')}\n\t\t\t\t\tlevel={this.ctrl.getRenderProp('level')}\n\t\t\t\t\tsecondaryHeadline={this.ctrl.getRenderProp('secondaryHeadline')}\n\t\t\t\t/>\n\t\t\t</Host>\n\t\t);\n\t}\n}\n"],"names":[],"mappings":"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"}

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

@@ -1,5 +1,5 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{h as n,r as e,H as t}from"./index-DqvPZ16l.js";import{B as o}from"./variant-quote-BMV8GZX8.js";import{c as i}from"./clsx-COFh-Vc8.js";import"./common-DEEjER7G.js";import{l}from"./level-CfQolHx4.js";import{c as a,n as s}from"./normalizers-pgU77mXp.js";import{B as r}from"./base-controller-CXhqh4cR.js";import"./_Uint8Array-kJHDjtoP.js";import"./isArray-CcrBs4JM.js";const d=a("label","",s);const h=a("secondaryHeadline","",s);function c(n){return n>=1&&n<=6?`h${n}`:"strong"}const p=e=>{const{label:t,level:o,secondaryHeadline:l}=e;const a=c(o);if(!l){return n(a,{class:i("kol-headline",`kol-headline--${a}`,"kol-headline--single")},t,n("slot",{name:"expert",slot:"expert"}))}return n("hgroup",{class:"kol-heading-group"},n(a,{class:i("kol-headline",`kol-headline--${a}`,"kol-headline--group","kol-headline--primary")},t,n("slot",{name:"expert",slot:"expert"})),n("p",{class:"kol-headline kol-headline--group kol-headline--secondary"},l))};const m={optional:[l,h],required:[d]};class b extends r{constructor(n){super(n,m)}componentWillLoad(n){const{label:e,level:t,secondaryHeadline:o}=n;this.watchLabel(e);this.watchLevel(t);this.watchSecondaryHeadline(o)}watchLabel(n){d.apply(n,(n=>{this.setRenderProp("label",n)}))}watchLevel(n){l.apply(n,(n=>{this.setRenderProp("level",n)}))}watchSecondaryHeadline(n){h.apply(n,(n=>{this.setRenderProp("secondaryHeadline",n)}))}}const u="/*\n* This file defines the layer order for all CSS layers used in KoliBri.\n* The order is important as it determines the cascade priority.\n*\n* Layer order (lowest to highest priority):\n* 1. kol-a11y - Accessibility defaults and requirements\n* 2. kol-global - Global component styles and resets\n* 3. kol-component - Component-specific styles\n* 4. kol-theme-global - Theme-specific global styles\n* 5. kol-theme-component - Theme-specific component styles\n*/\n@layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component;\n/* forward the rem function */\n/*\n * This file contains all rules for accessibility.\n */\n@layer kol-a11y {\n  :host {\n    /*\n                   * Minimum size of interactive elements.\n                   */\n    --a11y-min-size: calc(44 * 1rem / var(--kolibri-root-font-size, 16));\n    /*\n     * No element should be used without verifying the contrast ratio of its background and font colors.\n     * By initially setting the background color to white and the font color to black,\n     * the contrast ratio is ensured and explicit adjustment is forced.\n     */\n    color: black;\n    background-color: white;\n    /*\n     * Verdana is an accessible font that can be used without requiring additional loading time.\n     */\n    font-family: Verdana;\n    /*\n     * Letter spacing is required for all texts.\n     */\n    letter-spacing: inherit;\n    /*\n     * Word spacing is required for all texts.\n     */\n    word-spacing: inherit;\n    /*\n     * Text should be aligned left by default to provide a predictable starting point.\n     */\n    text-align: left;\n  }\n  * {\n    /*\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\n     */\n    hyphens: auto;\n    /*\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\n     */\n    word-break: break-word;\n  }\n  /*\n   * All interactive elements should have a minimum size of to-rem(44).\n   */\n  /* input:not([type='checkbox'], [type='radio'], [type='range']), */\n  /* option, */\n  /* select, */\n  /* textarea, */\n  button,\n  .kol-input .input {\n    min-width: var(--a11y-min-size);\n    min-height: var(--a11y-min-size);\n  }\n  /*\n   * Some interactive elements should not inherit the font-family and font-size.\n   */\n  a,\n  button,\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6,\n  input,\n  option,\n  select,\n  textarea {\n    /*\n     * All elements should inherit the text color from his parent element.\n     */\n    color: inherit;\n    /*\n     * All elements should inherit the font family from his parent element.\n     */\n    font-family: inherit;\n    /*\n     * All elements should inherit the font size from his parent element.\n     */\n    font-size: inherit;\n    /*\n     * Letter spacing is required for all texts.\n     */\n    letter-spacing: inherit;\n    /*\n     * Word spacing is required for all texts.\n     */\n    word-spacing: inherit;\n  }\n  /**\n  * Sometimes we need the semantic element for accessibility reasons,\n  * but we don't want to show it.\n  *\n  * - https://www.a11yproject.com/posts/how-to-hide-content/\n  */\n  .visually-hidden {\n    position: fixed;\n    top: 0;\n    left: 0;\n    width: 1px;\n    height: 1px;\n    overflow: hidden;\n    white-space: nowrap;\n    clip-path: inset(50%);\n  }\n}\n@layer kol-global {\n  /*\n   * Dieses CSS stellt sicher, dass der Standard-Style\n   * von A und Button resettet werden.\n   */\n  :is(a, button) {\n    background-color: transparent;\n    width: 100%;\n    margin: 0;\n    padding: 0;\n    border: none;\n    /* 100% needed for custom width from outside */\n  }\n  /*\n   * Ensure elements with hidden attribute to be actually not visible\n   * @see https://meowni.ca/hidden.is.a.lie.html\n   */\n  [hidden] {\n    display: none !important;\n  }\n  .badge-text-hint {\n    color: black;\n    background-color: white;\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    outline: none;\n    cursor: not-allowed;\n  }\n  [aria-disabled=true]:focus .kol-span,\n  [disabled]:focus .kol-span {\n    outline: none !important;\n  }\n  .hastooltip {\n    z-index: 900 !important;\n  }\n}\n@layer kol-component {\n  .kol-headline--secondary {\n    margin: 0;\n  }\n}";const f=class{constructor(n){e(this,n);this.ctrl=new b(o.stateLess);this._level=0}watchLabel(n){this.ctrl.watchLabel(n)}watchLevel(n){this.ctrl.watchLevel(n)}watchSecondaryHeadline(n){this.ctrl.watchSecondaryHeadline(n)}componentWillLoad(){this.ctrl.componentWillLoad({label:this._label,level:this._level,secondaryHeadline:this._secondaryHeadline})}render(){return n(t,{key:"5879d577d6dfb5d0716b5f201a9b9a094f4b36e9"},n(p,{key:"85896384df9a2a200e7a196ec3d52a5282da0639",label:this.ctrl.getRenderProp("label"),level:this.ctrl.getRenderProp("level"),secondaryHeadline:this.ctrl.getRenderProp("secondaryHeadline")}))}static get watchers(){return{_label:["watchLabel"],_level:["watchLevel"],_secondaryHeadline:["watchSecondaryHeadline"]}}};f.style={default:u};export{f as kol_heading};
+import{h as n,r as e,H as t}from"./index-CfYfRjdO.js";import{B as o}from"./base-web-component-BCIMb9gN.js";import{c as i}from"./clsx-COFh-Vc8.js";import"./common-Cbb6Axov.js";import{l}from"./level-DRQEJIoR.js";import{c as a,n as s}from"./normalizers-iLdS6AQE.js";import{B as r}from"./base-controller-CXhqh4cR.js";import"./_Uint8Array-kJHDjtoP.js";import"./isArray-CcrBs4JM.js";const d=a("label","",s);const h=a("secondaryHeadline","",s);function c(n){return n>=1&&n<=6?`h${n}`:"strong"}const p=e=>{const{label:t,level:o,secondaryHeadline:l}=e;const a=c(o);if(!l){return n(a,{class:i("kol-headline",`kol-headline--${a}`,"kol-headline--single")},t,n("slot",{name:"expert",slot:"expert"}))}return n("hgroup",{class:"kol-heading-group"},n(a,{class:i("kol-headline",`kol-headline--${a}`,"kol-headline--group","kol-headline--primary")},t,n("slot",{name:"expert",slot:"expert"})),n("p",{class:"kol-headline kol-headline--group kol-headline--secondary"},l))};const m={optional:[l,h],required:[d]};class b extends r{constructor(n){super(n,m)}componentWillLoad(n){const{label:e,level:t,secondaryHeadline:o}=n;this.watchLabel(e);this.watchLevel(t);this.watchSecondaryHeadline(o)}watchLabel(n){d.apply(n,(n=>{this.setRenderProp("label",n)}))}watchLevel(n){l.apply(n,(n=>{this.setRenderProp("level",n)}))}watchSecondaryHeadline(n){h.apply(n,(n=>{this.setRenderProp("secondaryHeadline",n)}))}}const u="@charset \"UTF-8\";\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/* forward the rem function */\n/*\n * This file contains all rules for accessibility.\n */\n@layer kol-a11y {\n  :host {\n    /*\n     * Minimum size of interactive elements.\n     *\n     * The `max(…, 44px)` floor guarantees the WCAG 2.5.5 (AAA) target size of 44px:\n     * `to-rem(44)` runs the value through a `calc()` rem round-trip which can lose\n     * sub-pixel precision and resolve to e.g. 43.99px depending on the browser's\n     * rounding, dropping just below the required minimum.\n     */\n    --a11y-min-size: max(calc(44 * 1rem / var(--kolibri-root-font-size, 16)), 44px);\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: white;\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    outline: none;\n    cursor: not-allowed;\n  }\n  [aria-disabled=true]:focus .kol-span,\n  [disabled]:focus .kol-span {\n    outline: none !important;\n  }\n  .hastooltip {\n    z-index: 900 !important;\n  }\n}\n@layer kol-component {\n  .kol-headline--secondary {\n    margin: 0;\n  }\n}";const f=class{constructor(n){e(this,n);this.ctrl=new b(o.stateLess);this._level=0}watchLabel(n){this.ctrl.watchLabel(n)}watchLevel(n){this.ctrl.watchLevel(n)}watchSecondaryHeadline(n){this.ctrl.watchSecondaryHeadline(n)}componentWillLoad(){this.ctrl.componentWillLoad({label:this._label,level:this._level,secondaryHeadline:this._secondaryHeadline})}render(){return n(t,{key:"5d87ccb29dc05fdbd165bf482d18e80fbaa62b7d"},n(p,{key:"3d4d078165c93bc620c850644b4fcced6e4390ca",label:this.ctrl.getRenderProp("label"),level:this.ctrl.getRenderProp("level"),secondaryHeadline:this.ctrl.getRenderProp("secondaryHeadline")}))}static get watchers(){return{_label:["watchLabel"],_level:["watchLevel"],_secondaryHeadline:["watchSecondaryHeadline"]}}};f.style={default:u};export{f as kol_heading};
 //# sourceMappingURL=kol-heading.entry.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["h","registerInstance","Host","BaseWebComponent","clsx","levelProp","createPropDefinition","normalizeString","BaseController","labelWithExpertSlotProp","secondaryHeadlineProp","getHeadlineTag","level","HeadingFC","props","label","secondaryHeadline","HeadlineTag","class","name","slot","headingPropsConfig","optional","required","HeadingController","constructor","stateAccess","super","componentWillLoad","this","watchLabel","watchLevel","watchSecondaryHeadline","value","apply","v","setRenderProp","defaultStyleCss","KolHeading","hostRef","ctrl","stateLess","_level","_label","_secondaryHeadline","render","key","getRenderProp","watchers","style","default"],"sources":["0"],"mappings":";;;YAGSA,OAAQC,OAAuBC,MAAY,kCACtCC,MAAwB,0CACxBC,MAAY,2BACnB,8BACOC,MAAiB,kCACjBC,OAA2BC,MAAuB,wCAClDC,MAAsB,sCAC7B,kCACA,wBAEP,MAAMC,EAA0BH,EAAqB,QAAS,GAAIC,GAElE,MAAMG,EAAwBJ,EAAqB,oBAAqB,GAAIC,GAE5E,SAASI,EAAeC,GACpB,OAAOA,GAAS,GAAKA,GAAS,EAAI,IAAIA,IAAU,QACpD,CACA,MAAMC,EAAaC,IACf,MAAMC,MAAEA,EAAKH,MAAEA,EAAKI,kBAAEA,GAAsBF,EAC5C,MAAMG,EAAcN,EAAeC,GACnC,IAAKI,EAAmB,CACpB,OAAQhB,EAAEiB,EAAa,CAAEC,MAAOd,EAAK,eAAgB,iBAAiBa,IAAe,yBAA2BF,EAAOf,EAAE,OAAQ,CAAEmB,KAAM,SAAUC,KAAM,WAC7J,CACA,OAAQpB,EAAE,SAAU,CAAEkB,MAAO,qBAAuBlB,EAAEiB,EAAa,CAAEC,MAAOd,EAAK,eAAgB,iBAAiBa,IAAe,sBAAuB,0BAA4BF,EAAOf,EAAE,OAAQ,CAAEmB,KAAM,SAAUC,KAAM,YAAcpB,EAAE,IAAK,CAAEkB,MAAO,4DAA8DF,GAAoB,EAGjV,MAAMK,EAAqB,CACvBC,SAAU,CAACjB,EAAWK,GACtBa,SAAU,CAACd,IAGf,MAAMe,UAA0BhB,EAC5B,WAAAiB,CAAYC,GACRC,MAAMD,EAAaL,EACvB,CACA,iBAAAO,CAAkBd,GACd,MAAMC,MAAEA,EAAKH,MAAEA,EAAKI,kBAAEA,GAAsBF,EAC5Ce,KAAKC,WAAWf,GAChBc,KAAKE,WAAWnB,GAChBiB,KAAKG,uBAAuBhB,EAChC,CACA,UAAAc,CAAWG,GACPxB,EAAwByB,MAAMD,GAAQE,IAClCN,KAAKO,cAAc,QAASD,EAAE,GAEtC,CACA,UAAAJ,CAAWE,GACP5B,EAAU6B,MAAMD,GAAQE,IACpBN,KAAKO,cAAc,QAASD,EAAE,GAEtC,CACA,sBAAAH,CAAuBC,GACnBvB,EAAsBwB,MAAMD,GAAQE,IAChCN,KAAKO,cAAc,oBAAqBD,EAAE,GAElD,EAGJ,MAAME,EAAkB,szKAExB,MAAMC,EAAa,MACf,WAAAb,CAAYc,GACRtC,EAAiB4B,KAAMU,GACvBV,KAAKW,KAAO,IAAIhB,EAAkBrB,EAAiBsC,WACnDZ,KAAKa,OAAS,CAClB,CACA,UAAAZ,CAAWG,GACPJ,KAAKW,KAAKV,WAAWG,EACzB,CACA,UAAAF,CAAWE,GACPJ,KAAKW,KAAKT,WAAWE,EACzB,CACA,sBAAAD,CAAuBC,GACnBJ,KAAKW,KAAKR,uBAAuBC,EACrC,CACA,iBAAAL,GACIC,KAAKW,KAAKZ,kBAAkB,CACxBb,MAAOc,KAAKc,OACZ/B,MAAOiB,KAAKa,OACZ1B,kBAAmBa,KAAKe,oBAEhC,CACA,MAAAC,GACI,OAAQ7C,EAAEE,EAAM,CAAE4C,IAAK,4CAA8C9C,EAAEa,EAAW,CAAEiC,IAAK,2CAA4C/B,MAAOc,KAAKW,KAAKO,cAAc,SAAUnC,MAAOiB,KAAKW,KAAKO,cAAc,SAAU/B,kBAAmBa,KAAKW,KAAKO,cAAc,uBACtQ,CACA,mBAAWC,GAAa,MAAO,CAC3BL,OAAU,CAAC,cACXD,OAAU,CAAC,cACXE,mBAAsB,CAAC,0BACxB,GAEPN,EAAWW,MAAQ,CACfC,QAASb,UAGJC","ignoreList":[]}
+{"version":3,"names":["h","registerInstance","Host","BaseWebComponent","clsx","levelProp","createPropDefinition","normalizeString","BaseController","labelWithExpertSlotProp","secondaryHeadlineProp","getHeadlineTag","level","HeadingFC","props","label","secondaryHeadline","HeadlineTag","class","name","slot","headingPropsConfig","optional","required","HeadingController","constructor","stateAccess","super","componentWillLoad","this","watchLabel","watchLevel","watchSecondaryHeadline","value","apply","v","setRenderProp","defaultStyleCss","KolHeading","hostRef","ctrl","stateLess","_level","_label","_secondaryHeadline","render","key","getRenderProp","watchers","style","default"],"sources":["0"],"mappings":";;;YAGSA,OAAQC,OAAuBC,MAAY,kCACtCC,MAAwB,+CACxBC,MAAY,2BACnB,8BACOC,MAAiB,kCACjBC,OAA2BC,MAAuB,wCAClDC,MAAsB,sCAC7B,kCACA,wBAEP,MAAMC,EAA0BH,EAAqB,QAAS,GAAIC,GAElE,MAAMG,EAAwBJ,EAAqB,oBAAqB,GAAIC,GAE5E,SAASI,EAAeC,GACpB,OAAOA,GAAS,GAAKA,GAAS,EAAI,IAAIA,IAAU,QACpD,CACA,MAAMC,EAAaC,IACf,MAAMC,MAAEA,EAAKH,MAAEA,EAAKI,kBAAEA,GAAsBF,EAC5C,MAAMG,EAAcN,EAAeC,GACnC,IAAKI,EAAmB,CACpB,OAAQhB,EAAEiB,EAAa,CAAEC,MAAOd,EAAK,eAAgB,iBAAiBa,IAAe,yBAA2BF,EAAOf,EAAE,OAAQ,CAAEmB,KAAM,SAAUC,KAAM,WAC7J,CACA,OAAQpB,EAAE,SAAU,CAAEkB,MAAO,qBAAuBlB,EAAEiB,EAAa,CAAEC,MAAOd,EAAK,eAAgB,iBAAiBa,IAAe,sBAAuB,0BAA4BF,EAAOf,EAAE,OAAQ,CAAEmB,KAAM,SAAUC,KAAM,YAAcpB,EAAE,IAAK,CAAEkB,MAAO,4DAA8DF,GAAoB,EAGjV,MAAMK,EAAqB,CACvBC,SAAU,CAACjB,EAAWK,GACtBa,SAAU,CAACd,IAGf,MAAMe,UAA0BhB,EAC5B,WAAAiB,CAAYC,GACRC,MAAMD,EAAaL,EACvB,CACA,iBAAAO,CAAkBd,GACd,MAAMC,MAAEA,EAAKH,MAAEA,EAAKI,kBAAEA,GAAsBF,EAC5Ce,KAAKC,WAAWf,GAChBc,KAAKE,WAAWnB,GAChBiB,KAAKG,uBAAuBhB,EAChC,CACA,UAAAc,CAAWG,GACPxB,EAAwByB,MAAMD,GAAQE,IAClCN,KAAKO,cAAc,QAASD,EAAE,GAEtC,CACA,UAAAJ,CAAWE,GACP5B,EAAU6B,MAAMD,GAAQE,IACpBN,KAAKO,cAAc,QAASD,EAAE,GAEtC,CACA,sBAAAH,CAAuBC,GACnBvB,EAAsBwB,MAAMD,GAAQE,IAChCN,KAAKO,cAAc,oBAAqBD,EAAE,GAElD,EAGJ,MAAME,EAAkB,4nLAExB,MAAMC,EAAa,MACf,WAAAb,CAAYc,GACRtC,EAAiB4B,KAAMU,GACvBV,KAAKW,KAAO,IAAIhB,EAAkBrB,EAAiBsC,WACnDZ,KAAKa,OAAS,CAClB,CACA,UAAAZ,CAAWG,GACPJ,KAAKW,KAAKV,WAAWG,EACzB,CACA,UAAAF,CAAWE,GACPJ,KAAKW,KAAKT,WAAWE,EACzB,CACA,sBAAAD,CAAuBC,GACnBJ,KAAKW,KAAKR,uBAAuBC,EACrC,CACA,iBAAAL,GACIC,KAAKW,KAAKZ,kBAAkB,CACxBb,MAAOc,KAAKc,OACZ/B,MAAOiB,KAAKa,OACZ1B,kBAAmBa,KAAKe,oBAEhC,CACA,MAAAC,GACI,OAAQ7C,EAAEE,EAAM,CAAE4C,IAAK,4CAA8C9C,EAAEa,EAAW,CAAEiC,IAAK,2CAA4C/B,MAAOc,KAAKW,KAAKO,cAAc,SAAUnC,MAAOiB,KAAKW,KAAKO,cAAc,SAAU/B,kBAAmBa,KAAKW,KAAKO,cAAc,uBACtQ,CACA,mBAAWC,GAAa,MAAO,CAC3BL,OAAU,CAAC,cACXD,OAAU,CAAC,cACXE,mBAAsB,CAAC,0BACxB,GAEPN,EAAWW,MAAQ,CACfC,QAASb,UAGJC","ignoreList":[]}

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

@@ -1,5 +1,5 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{r as n,h as o,H as e}from"./index-DqvPZ16l.js";import{B as t}from"./variant-quote-BMV8GZX8.js";import{I as c}from"./component-ijX_kUom.js";import"./common-DEEjER7G.js";import{c as i,n as r}from"./normalizers-pgU77mXp.js";import{l}from"./label-DPd4-fag.js";import{B as s}from"./base-controller-CXhqh4cR.js";import"./tslib.es6-QNbPBOk5.js";import"./bem-registry-B9CzNnO1.js";import"./clsx-COFh-Vc8.js";import"./_Uint8Array-kJHDjtoP.js";import"./isArray-CcrBs4JM.js";const a=i("icons","kolicon-logo",r);const f={required:[a,l]};class k extends s{constructor(n){super(n,f)}componentWillLoad(n){const{icons:o,label:e}=n;this.watchIcons(o);this.watchLabel(e)}watchIcons(n){a.apply(n,(n=>{this.setRenderProp("icons",n)}))}watchLabel(n){l.apply(n,(n=>{this.setRenderProp("label",n)}))}}const b='@font-face {\n  font-family: "kolicons";\n  src: url("kolicons.eot?t=1780919027063"); /* IE9*/\n  src: url("kolicons.eot?t=1780919027063#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1780919027063") format("woff2"), url("kolicons.woff?t=1780919027063") format("woff"), url("kolicons.ttf?t=1780919027063") format("truetype"), url("kolicons.svg?t=1780919027063#kolicons") format("svg"); /* iOS 4.1- */\n}\n@layer kol-component {\n  [class^=kolicon-], [class*=" kolicon-"] {\n    font-family: "kolicons";\n    font-style: normal;\n    font-weight: 400;\n    line-height: 1em;\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: grayscale;\n  }\n  .kolicon-alert-error::before {\n    content: "\\ea01";\n  }\n  .kolicon-alert-info::before {\n    content: "\\ea02";\n  }\n  .kolicon-alert-success::before {\n    content: "\\ea03";\n  }\n  .kolicon-alert-warning::before {\n    content: "\\ea04";\n  }\n  .kolicon-check::before {\n    content: "\\ea05";\n  }\n  .kolicon-chevron-double-left::before {\n    content: "\\ea06";\n  }\n  .kolicon-chevron-double-right::before {\n    content: "\\ea07";\n  }\n  .kolicon-chevron-down::before {\n    content: "\\ea08";\n  }\n  .kolicon-chevron-left::before {\n    content: "\\ea09";\n  }\n  .kolicon-chevron-right::before {\n    content: "\\ea0a";\n  }\n  .kolicon-chevron-up::before {\n    content: "\\ea0b";\n  }\n  .kolicon-cogwheel::before {\n    content: "\\ea0c";\n  }\n  .kolicon-cross::before {\n    content: "\\ea0d";\n  }\n  .kolicon-eye-closed::before {\n    content: "\\ea0e";\n  }\n  .kolicon-eye::before {\n    content: "\\ea0f";\n  }\n  .kolicon-house::before {\n    content: "\\ea10";\n  }\n  .kolicon-kolibri::before {\n    content: "\\ea11";\n  }\n  .kolicon-link-external::before {\n    content: "\\ea12";\n  }\n  .kolicon-link::before {\n    content: "\\ea13";\n  }\n  .kolicon-minus::before {\n    content: "\\ea14";\n  }\n  .kolicon-plus::before {\n    content: "\\ea15";\n  }\n  .kolicon-settings::before {\n    content: "\\ea16";\n  }\n  .kolicon-sort-asc::before {\n    content: "\\ea17";\n  }\n  .kolicon-sort-desc::before {\n    content: "\\ea18";\n  }\n  .kolicon-sort-neutral::before {\n    content: "\\ea19";\n  }\n  .kolicon-up::before {\n    content: "\\ea1a";\n  }\n  .kolicon-version::before {\n    content: "\\ea1b";\n  }\n}\n@layer kol-component {\n  .kol-icon {\n    color: inherit;\n    display: inline-block;\n    font-size: inherit;\n    font-weight: inherit;\n    line-height: inherit;\n  }\n}';const h=class{constructor(o){n(this,o);this.ctrl=new k(t.stateLess)}watchIcons(n){this.ctrl.watchIcons(n)}watchLabel(n){this.ctrl.watchLabel(n)}componentWillLoad(){this.ctrl.componentWillLoad({icons:this._icons,label:this._label})}render(){return o(e,{key:"0127f2d35f4164f440a30fec825e10158fc833a5"},o(c,{key:"6fa23897706337c29bc4ef2551904436b2a65785",icons:this.ctrl.getRenderProp("icons"),label:this.ctrl.getRenderProp("label")}))}static get watchers(){return{_icons:["watchIcons"],_label:["watchLabel"]}}};h.style={default:b};export{h as kol_icon};
+import{r as n,h as o,H as e}from"./index-CfYfRjdO.js";import{B as t}from"./base-web-component-BCIMb9gN.js";import{I as c}from"./component-DaUkSW3u.js";import"./common-Cbb6Axov.js";import{c as i,n as r}from"./normalizers-iLdS6AQE.js";import{l}from"./label-BwPy2Jd4.js";import{B as s}from"./base-controller-CXhqh4cR.js";import"./tslib.es6-QNbPBOk5.js";import"./bem-registry-BRfTMZf0.js";import"./clsx-COFh-Vc8.js";import"./_Uint8Array-kJHDjtoP.js";import"./isArray-CcrBs4JM.js";const a=i("icons","kolicon-logo",r);const f={required:[a,l]};class b extends s{constructor(n){super(n,f)}componentWillLoad(n){const{icons:o,label:e}=n;this.watchIcons(o);this.watchLabel(e)}watchIcons(n){a.apply(n,(n=>{this.setRenderProp("icons",n)}))}watchLabel(n){l.apply(n,(n=>{this.setRenderProp("label",n)}))}}const k='@font-face {\n  font-family: "kolicons";\n  src: url("kolicons.eot?t=1783496448056"); /* IE9*/\n  src: url("kolicons.eot?t=1783496448056#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1783496448056") format("woff2"), url("kolicons.woff?t=1783496448056") format("woff"), url("kolicons.ttf?t=1783496448056") format("truetype"), url("kolicons.svg?t=1783496448056#kolicons") format("svg"); /* iOS 4.1- */\n}\n@layer kol-component {\n  [class^=kolicon-], [class*=" kolicon-"] {\n    font-family: "kolicons";\n    font-style: normal;\n    font-weight: 400;\n    line-height: 1em;\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: grayscale;\n  }\n  .kolicon-alert-error::before {\n    content: "\\ea01";\n  }\n  .kolicon-alert-info::before {\n    content: "\\ea02";\n  }\n  .kolicon-alert-success::before {\n    content: "\\ea03";\n  }\n  .kolicon-alert-warning::before {\n    content: "\\ea04";\n  }\n  .kolicon-check::before {\n    content: "\\ea05";\n  }\n  .kolicon-chevron-double-left::before {\n    content: "\\ea06";\n  }\n  .kolicon-chevron-double-right::before {\n    content: "\\ea07";\n  }\n  .kolicon-chevron-down::before {\n    content: "\\ea08";\n  }\n  .kolicon-chevron-left::before {\n    content: "\\ea09";\n  }\n  .kolicon-chevron-right::before {\n    content: "\\ea0a";\n  }\n  .kolicon-chevron-up::before {\n    content: "\\ea0b";\n  }\n  .kolicon-cogwheel::before {\n    content: "\\ea0c";\n  }\n  .kolicon-cross::before {\n    content: "\\ea0d";\n  }\n  .kolicon-eye-closed::before {\n    content: "\\ea0e";\n  }\n  .kolicon-eye::before {\n    content: "\\ea0f";\n  }\n  .kolicon-house::before {\n    content: "\\ea10";\n  }\n  .kolicon-kolibri::before {\n    content: "\\ea11";\n  }\n  .kolicon-link-external::before {\n    content: "\\ea12";\n  }\n  .kolicon-link::before {\n    content: "\\ea13";\n  }\n  .kolicon-minus::before {\n    content: "\\ea14";\n  }\n  .kolicon-plus::before {\n    content: "\\ea15";\n  }\n  .kolicon-settings::before {\n    content: "\\ea16";\n  }\n  .kolicon-sort-asc::before {\n    content: "\\ea17";\n  }\n  .kolicon-sort-desc::before {\n    content: "\\ea18";\n  }\n  .kolicon-sort-neutral::before {\n    content: "\\ea19";\n  }\n  .kolicon-up::before {\n    content: "\\ea1a";\n  }\n  .kolicon-version::before {\n    content: "\\ea1b";\n  }\n}\n@layer kol-component {\n  .kol-icon {\n    color: inherit;\n    display: inline-block;\n    font-size: inherit;\n    font-weight: inherit;\n    line-height: inherit;\n  }\n}';const h=class{constructor(o){n(this,o);this.ctrl=new b(t.stateLess)}watchIcons(n){this.ctrl.watchIcons(n)}watchLabel(n){this.ctrl.watchLabel(n)}componentWillLoad(){this.ctrl.componentWillLoad({icons:this._icons,label:this._label})}render(){return o(e,{key:"af39984255995f183c5dce6bc5a6433b84940131"},o(c,{key:"1a03c1c01121ec2cc03ade18bc299a00bee5f0cd",icons:this.ctrl.getRenderProp("icons"),label:this.ctrl.getRenderProp("label")}))}static get watchers(){return{_icons:["watchIcons"],_label:["watchLabel"]}}};h.style={default:k};export{h as kol_icon};
 //# sourceMappingURL=kol-icon.entry.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["registerInstance","h","Host","BaseWebComponent","IconFC","createPropDefinition","normalizeString","labelProp","BaseController","iconsProp","iconPropsConfig","required","IconController","constructor","stateAccess","super","componentWillLoad","props","icons","label","this","watchIcons","watchLabel","value","apply","v","setRenderProp","defaultStyleCss","KolIcon","hostRef","ctrl","stateLess","_icons","_label","render","key","getRenderProp","watchers","style","default"],"sources":["0"],"mappings":";;;YAGcA,OAAkBC,OAAQC,MAAY,kCACtCC,MAAwB,0CACxBC,MAAc,gCACrB,mCACOC,OAA2BC,MAAuB,mCAClDC,MAAiB,kCACjBC,MAAsB,sCAC7B,gCACA,mCACA,2BACA,kCACA,wBAEP,MAAMC,EAAYJ,EAAqB,QAAS,eAAgBC,GAEhE,MAAMI,EAAkB,CACpBC,SAAU,CAACF,EAAWF,IAG1B,MAAMK,UAAuBJ,EACzB,WAAAK,CAAYC,GACRC,MAAMD,EAAaJ,EACvB,CACA,iBAAAM,CAAkBC,GACd,MAAMC,MAAEA,EAAKC,MAAEA,GAAUF,EACzBG,KAAKC,WAAWH,GAChBE,KAAKE,WAAWH,EACpB,CACA,UAAAE,CAAWE,GACPd,EAAUe,MAAMD,GAAQE,IACpBL,KAAKM,cAAc,QAASD,EAAE,GAEtC,CACA,UAAAH,CAAWC,GACPhB,EAAUiB,MAAMD,GAAQE,IACpBL,KAAKM,cAAc,QAASD,EAAE,GAEtC,EAGJ,MAAME,EAAkB,08EAExB,MAAMC,EAAU,MACZ,WAAAf,CAAYgB,GACR7B,EAAiBoB,KAAMS,GACvBT,KAAKU,KAAO,IAAIlB,EAAeT,EAAiB4B,UACpD,CACA,UAAAV,CAAWE,GACPH,KAAKU,KAAKT,WAAWE,EACzB,CACA,UAAAD,CAAWC,GACPH,KAAKU,KAAKR,WAAWC,EACzB,CACA,iBAAAP,GACII,KAAKU,KAAKd,kBAAkB,CACxBE,MAAOE,KAAKY,OACZb,MAAOC,KAAKa,QAEpB,CACA,MAAAC,GACI,OAAQjC,EAAEC,EAAM,CAAEiC,IAAK,4CAA8ClC,EAAEG,EAAQ,CAAE+B,IAAK,2CAA4CjB,MAAOE,KAAKU,KAAKM,cAAc,SAAUjB,MAAOC,KAAKU,KAAKM,cAAc,WAC9M,CACA,mBAAWC,GAAa,MAAO,CAC3BL,OAAU,CAAC,cACXC,OAAU,CAAC,cACZ,GAEPL,EAAQU,MAAQ,CACZC,QAASZ,UAGJC","ignoreList":[]}
+{"version":3,"names":["registerInstance","h","Host","BaseWebComponent","IconFC","createPropDefinition","normalizeString","labelProp","BaseController","iconsProp","iconPropsConfig","required","IconController","constructor","stateAccess","super","componentWillLoad","props","icons","label","this","watchIcons","watchLabel","value","apply","v","setRenderProp","defaultStyleCss","KolIcon","hostRef","ctrl","stateLess","_icons","_label","render","key","getRenderProp","watchers","style","default"],"sources":["0"],"mappings":";;;YAGcA,OAAkBC,OAAQC,MAAY,kCACtCC,MAAwB,+CACxBC,MAAc,gCACrB,mCACOC,OAA2BC,MAAuB,mCAClDC,MAAiB,kCACjBC,MAAsB,sCAC7B,gCACA,mCACA,2BACA,kCACA,wBAEP,MAAMC,EAAYJ,EAAqB,QAAS,eAAgBC,GAEhE,MAAMI,EAAkB,CACpBC,SAAU,CAACF,EAAWF,IAG1B,MAAMK,UAAuBJ,EACzB,WAAAK,CAAYC,GACRC,MAAMD,EAAaJ,EACvB,CACA,iBAAAM,CAAkBC,GACd,MAAMC,MAAEA,EAAKC,MAAEA,GAAUF,EACzBG,KAAKC,WAAWH,GAChBE,KAAKE,WAAWH,EACpB,CACA,UAAAE,CAAWE,GACPd,EAAUe,MAAMD,GAAQE,IACpBL,KAAKM,cAAc,QAASD,EAAE,GAEtC,CACA,UAAAH,CAAWC,GACPhB,EAAUiB,MAAMD,GAAQE,IACpBL,KAAKM,cAAc,QAASD,EAAE,GAEtC,EAGJ,MAAME,EAAkB,08EAExB,MAAMC,EAAU,MACZ,WAAAf,CAAYgB,GACR7B,EAAiBoB,KAAMS,GACvBT,KAAKU,KAAO,IAAIlB,EAAeT,EAAiB4B,UACpD,CACA,UAAAV,CAAWE,GACPH,KAAKU,KAAKT,WAAWE,EACzB,CACA,UAAAD,CAAWC,GACPH,KAAKU,KAAKR,WAAWC,EACzB,CACA,iBAAAP,GACII,KAAKU,KAAKd,kBAAkB,CACxBE,MAAOE,KAAKY,OACZb,MAAOC,KAAKa,QAEpB,CACA,MAAAC,GACI,OAAQjC,EAAEC,EAAM,CAAEiC,IAAK,4CAA8ClC,EAAEG,EAAQ,CAAE+B,IAAK,2CAA4CjB,MAAOE,KAAKU,KAAKM,cAAc,SAAUjB,MAAOC,KAAKU,KAAKM,cAAc,WAC9M,CACA,mBAAWC,GAAa,MAAO,CAC3BL,OAAU,CAAC,cACXC,OAAU,CAAC,cACZ,GAEPL,EAAQU,MAAQ,CACZC,QAASZ,UAGJC","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"file":"kol-image.entry.esm.js","sources":["src/internal/props/alt.ts","src/internal/props/sizes.ts","src/internal/props/srcset.ts","src/internal/functional-components/image/component.tsx","src/internal/functional-components/image/api.tsx","src/internal/functional-components/image/controller.ts","src/components/image/style.scss?tag=kol-image&mode=default&encapsulation=shadow","src/components/image/component.tsx"],"sourcesContent":["import type { SimpleProp } from './helpers/factory';\nimport { createPropDefinition } from './helpers/factory';\nimport { normalizeString } from './helpers/normalizers';\n\n/**\n * Alt text prop for images\n *\n * Description:\n * Alt text is essential for image accessibility. It is read by screen readers and improves the user experience\n * for people with visual impairments.\n *\n * Usage (according to WCAG 2.1):\n * - Descriptive text: alt=\"A person sitting at a desk\"\n * - Decorative image: alt=\"\" (empty string) - signals to screen readers that the image is decorative\n * - Avoid: alt=\"image\", alt=\"no alt text\" (too vague)\n *\n * @see https://www.w3.org/WAI/WCAG21/Understanding/non-text-content.html\n */\nexport type AltProp = SimpleProp<'alt', string>;\nexport const altProp = createPropDefinition<AltProp>(\n\t'alt',\n\t'', // Default: empty string allows decorative images\n\tnormalizeString,\n\t(v) => typeof v === 'string', // Accepts all strings (including '')\n);\n","import type { SimpleProp } from './helpers/factory';\nimport { createPropDefinition } from './helpers/factory';\nimport { normalizeString } from './helpers/normalizers';\n\n/**\n * Sizes prop for responsive image source selection\n *\n * Description:\n * The sizes attribute defines a set of media conditions and corresponding image display sizes.\n * It works together with srcset to help the browser select the optimal image source for the\n * current viewport and layout.\n *\n * Usage (according to W3C HTML specification):\n * - Media condition with size: sizes=\"(max-width: 600px) 100vw, 50vw\"\n * - Single size: sizes=\"100vw\"\n * - Must be paired with a srcset attribute using width descriptors (e.g., \"image.jpg 800w\")\n * - If omitted, defaults to \"100vw\" (whole viewport width)\n *\n * Accessibility:\n * - Responsive images support users who zoom or use small screens (WCAG 1.4.4 Resize Text)\n * - The correct image size preserves readability and avoids content overflow (WCAG 1.4.10 Reflow)\n *\n * @see https://html.spec.whatwg.org/multipage/embedded-content.html#attr-img-sizes\n * @see https://www.w3.org/WAI/WCAG21/Understanding/resize-text.html\n * @see https://www.w3.org/WAI/WCAG21/Understanding/reflow.html\n */\nexport type SizesProp = SimpleProp<'sizes', string>;\nexport const sizesProp = createPropDefinition<SizesProp>('sizes', '', normalizeString);\n","import type { SimpleProp } from './helpers/factory';\nimport { createPropDefinition } from './helpers/factory';\nimport { normalizeString } from './helpers/normalizers';\n\n/**\n * Srcset prop for responsive images\n *\n * Description:\n * The srcset attribute defines a set of image sources with descriptors, allowing the browser\n * to select the most appropriate image based on screen size, resolution, or viewport width.\n * Used together with the sizes attribute for art direction and performance optimization.\n *\n * Usage (according to W3C HTML specification):\n * - Width descriptor: srcset=\"small.jpg 480w, large.jpg 1024w\"\n * - Pixel density descriptor: srcset=\"image-1x.jpg 1x, image-2x.jpg 2x\"\n * - Must be used with a src fallback for browsers that do not support srcset\n *\n * Accessibility:\n * - The selected image must still meet all accessibility requirements (alt text, contrast)\n * - Responsive images help users with low bandwidth or small screens (WCAG 1.4.4 Resize Text)\n *\n * @see https://html.spec.whatwg.org/multipage/embedded-content.html#attr-img-srcset\n * @see https://www.w3.org/WAI/WCAG21/Understanding/resize-text.html\n */\nexport type SrcsetProp = SimpleProp<'srcset', string>;\nexport const srcsetProp = createPropDefinition<SrcsetProp>('srcset', '', normalizeString);\n","import type { FunctionalComponent as FC } from '@stencil/core';\nimport { h } from '@stencil/core';\n\nimport type { LoadingType } from '../../props';\n\ntype ImageFCProps = {\n\talt: string;\n\tloading?: LoadingType;\n\tsizes?: string;\n\tsrc: string;\n\tsrcset?: string;\n\thandleError: (event: Event) => void;\n\thandleLoad: (event: Event) => void;\n};\n\nexport const ImageFC: FC<ImageFCProps> = (props) => {\n\tconst { alt, loading, sizes, src, srcset, handleError, handleLoad } = props;\n\n\treturn (\n\t\t<img\n\t\t\tclass=\"kol-image\"\n\t\t\talt={alt}\n\t\t\tloading={loading}\n\t\t\tsizes={sizes || undefined}\n\t\t\tsrc={src}\n\t\t\tsrcset={srcset || undefined}\n\t\t\tonError={(e) => handleError(e)}\n\t\t\tonLoad={(e) => handleLoad(e)}\n\t\t/>\n\t);\n};\n","import { altProp, loadingProp, sizesProp, srcProp, srcsetProp } from '../../props';\nimport type { ApiFromConfig, PropsConfigShape } from '../generic-types';\n\nexport const imagePropsConfig = {\n\toptional: [loadingProp, sizesProp, srcsetProp],\n\trequired: [altProp, srcProp],\n} as const satisfies PropsConfigShape;\n\nexport type ImageApi = ApiFromConfig<typeof imagePropsConfig>;\n","import type { LoadingType } from '../../props';\nimport { altProp, loadingProp, sizesProp, srcProp, srcsetProp } from '../../props';\nimport { BaseController } from '../base-controller';\nimport type { ControllerInterface, ResolvedInputProps, StateAccess } from '../generic-types';\nimport type { ImageApi } from './api';\nimport { imagePropsConfig } from './api';\n\nexport class ImageController extends BaseController<ImageApi> implements ControllerInterface<ImageApi> {\n\tpublic constructor(stateAccess: StateAccess<ImageApi>) {\n\t\tsuper(stateAccess, imagePropsConfig);\n\t}\n\tpublic componentWillLoad(props: ResolvedInputProps<ImageApi>): void {\n\t\tconst { alt, loading, sizes, src, srcset } = props;\n\t\tthis.watchAlt(alt);\n\t\tthis.watchLoading(loading);\n\t\tthis.watchSizes(sizes);\n\t\tthis.watchSrc(src);\n\t\tthis.watchSrcset(srcset);\n\t}\n\n\tpublic watchAlt(value?: string): void {\n\t\taltProp.apply(value, (v) => {\n\t\t\tthis.setRenderProp('alt', v);\n\t\t});\n\t}\n\n\tpublic watchLoading(value?: LoadingType): void {\n\t\tloadingProp.apply(value, (v) => {\n\t\t\tthis.setRenderProp('loading', v);\n\t\t});\n\t}\n\n\tpublic watchSizes(value?: string): void {\n\t\tsizesProp.apply(value, (v) => {\n\t\t\tthis.setRenderProp('sizes', v);\n\t\t});\n\t}\n\n\tpublic watchSrc(value?: string): void {\n\t\tsrcProp.apply(value, (v) => {\n\t\t\tthis.setRenderProp('src', v);\n\t\t});\n\t}\n\n\tpublic watchSrcset(value?: string): void {\n\t\tsrcsetProp.apply(value, (v) => {\n\t\t\tthis.setRenderProp('srcset', v);\n\t\t});\n\t}\n}\n","@use '../@shared/global' as *;\n\n@layer kol-component {\n\t.kol-image {\n\t\tdisplay: inline-block;\n\t\tmax-width: 100%;\n\t\tmax-height: 100%;\n\t}\n}\n","import type { JSX } from '@stencil/core';\nimport { Component, Element, h, Host, Prop, Watch } from '@stencil/core';\nimport { BaseWebComponent } from '../../internal/functional-components/base-web-component';\nimport type { WebComponentInterface } from '../../internal/functional-components/generic-types';\nimport type { ImageApi } from '../../internal/functional-components/image/api';\nimport { ImageFC } from '../../internal/functional-components/image/component';\nimport { ImageController } from '../../internal/functional-components/image/controller';\nimport type { LoadingType } from '../../internal/props';\nimport type { KoliBriImageEventCallbacks } from '../../schema/components/image';\nimport { dispatchDomEvent, KolEvent } from '../../utils/events';\n\n/**\n * The **Image** component renders an image with support for responsive loading via `srcset` and `sizes`, lazy loading, and accessible alternative text.\n */\n@Component({\n\ttag: 'kol-image',\n\tstyleUrls: {\n\t\tdefault: './style.scss',\n\t},\n\tshadow: true,\n})\nexport class KolImage implements WebComponentInterface<ImageApi> {\n\t@Element() private readonly host?: HTMLKolImageElement;\n\tprivate readonly ctrl = new ImageController(BaseWebComponent.stateLess);\n\n\tprivate readonly handleError = (event: Event): void => {\n\t\tthis._on?.onError?.(event);\n\t\tif (this.host) {\n\t\t\tdispatchDomEvent(this.host, KolEvent.error, event);\n\t\t}\n\t};\n\n\tprivate readonly handleLoad = (event: Event): void => {\n\t\tthis._on?.onLoad?.(event);\n\t\tif (this.host) {\n\t\t\tdispatchDomEvent(this.host, KolEvent.load, event);\n\t\t}\n\t};\n\n\t/**\n\t * Sets the alternative text of the image.\n\t */\n\t@Prop()\n\tpublic _alt!: string;\n\n\t@Watch('_alt')\n\tpublic watchAlt(value?: string): void {\n\t\tthis.ctrl.watchAlt(value);\n\t}\n\n\t/**\n\t * Defines the loading mode for the image.\n\t */\n\t@Prop()\n\tpublic _loading?: LoadingType;\n\n\t@Watch('_loading')\n\tpublic watchLoading(value?: LoadingType): void {\n\t\tthis.ctrl.watchLoading(value);\n\t}\n\n\t/**\n\t * Defines the image sizes for different screen resolutions, supporting _srcset.\n\t */\n\t@Prop()\n\tpublic _sizes?: string;\n\n\t@Watch('_sizes')\n\tpublic watchSizes(value?: string): void {\n\t\tthis.ctrl.watchSizes(value);\n\t}\n\n\t/**\n\t * Sets the image `src` attribute to the given string.\n\t */\n\t@Prop()\n\tpublic _src!: string;\n\n\t@Watch('_src')\n\tpublic watchSrc(value?: string): void {\n\t\tthis.ctrl.watchSrc(value);\n\t}\n\n\t/**\n\t * Sets a list of source URLs with widths of the images.\n\t */\n\t@Prop()\n\tpublic _srcset?: string;\n\n\t@Watch('_srcset')\n\tpublic watchSrcset(value?: string): void {\n\t\tthis.ctrl.watchSrcset(value);\n\t}\n\n\t/**\n\t * Defines callbacks for image load events (`onError`, `onLoad`).\n\t */\n\t@Prop()\n\tpublic _on?: KoliBriImageEventCallbacks;\n\n\tpublic componentWillLoad(): void {\n\t\tthis.ctrl.componentWillLoad({\n\t\t\talt: this._alt,\n\t\t\tloading: this._loading,\n\t\t\tsizes: this._sizes,\n\t\t\tsrc: this._src,\n\t\t\tsrcset: this._srcset,\n\t\t});\n\t}\n\n\tpublic render(): JSX.Element {\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<ImageFC\n\t\t\t\t\talt={this.ctrl.getRenderProp('alt')}\n\t\t\t\t\tloading={this.ctrl.getRenderProp('loading')}\n\t\t\t\t\tsizes={this.ctrl.getRenderProp('sizes')}\n\t\t\t\t\tsrc={this.ctrl.getRenderProp('src')}\n\t\t\t\t\tsrcset={this.ctrl.getRenderProp('srcset')}\n\t\t\t\t\thandleError={this.handleError}\n\t\t\t\t\thandleLoad={this.handleLoad}\n\t\t\t\t/>\n\t\t\t</Host>\n\t\t);\n\t}\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"kol-image.entry.esm.js","sources":["src/internal/props/alt.ts","src/internal/props/sizes.ts","src/internal/props/srcset.ts","src/internal/functional-components/image/component.tsx","src/internal/functional-components/image/api.tsx","src/internal/functional-components/image/controller.ts","src/components/image/style.scss?tag=kol-image&mode=default&encapsulation=shadow","src/components/image/component.tsx"],"sourcesContent":["import type { SimpleProp } from './helpers/factory';\nimport { createPropDefinition } from './helpers/factory';\nimport { normalizeString } from './helpers/normalizers';\n\n/**\n * Alt text prop for images\n *\n * Description:\n * Alt text is essential for image accessibility. It is read by screen readers and improves the user experience\n * for people with visual impairments.\n *\n * Usage (according to WCAG 2.1):\n * - Descriptive text: alt=\"A person sitting at a desk\"\n * - Decorative image: alt=\"\" (empty string) - signals to screen readers that the image is decorative\n * - Avoid: alt=\"image\", alt=\"no alt text\" (too vague)\n *\n * @see https://www.w3.org/WAI/WCAG21/Understanding/non-text-content.html\n */\nexport type AltProp = SimpleProp<'alt', string>;\nexport const altProp = createPropDefinition<AltProp>(\n\t'alt',\n\t'', // Default: empty string allows decorative images\n\tnormalizeString,\n\t(v) => typeof v === 'string', // Accepts all strings (including '')\n);\n","import type { SimpleProp } from './helpers/factory';\nimport { createPropDefinition } from './helpers/factory';\nimport { normalizeString } from './helpers/normalizers';\n\n/**\n * Sizes prop for responsive image source selection\n *\n * Description:\n * The sizes attribute defines a set of media conditions and corresponding image display sizes.\n * It works together with srcset to help the browser select the optimal image source for the\n * current viewport and layout.\n *\n * Usage (according to W3C HTML specification):\n * - Media condition with size: sizes=\"(max-width: 600px) 100vw, 50vw\"\n * - Single size: sizes=\"100vw\"\n * - Must be paired with a srcset attribute using width descriptors (e.g., \"image.jpg 800w\")\n * - If omitted, defaults to \"100vw\" (whole viewport width)\n *\n * Accessibility:\n * - Responsive images support users who zoom or use small screens (WCAG 1.4.4 Resize Text)\n * - The correct image size preserves readability and avoids content overflow (WCAG 1.4.10 Reflow)\n *\n * @see https://html.spec.whatwg.org/multipage/embedded-content.html#attr-img-sizes\n * @see https://www.w3.org/WAI/WCAG21/Understanding/resize-text.html\n * @see https://www.w3.org/WAI/WCAG21/Understanding/reflow.html\n */\nexport type SizesProp = SimpleProp<'sizes', string>;\nexport const sizesProp = createPropDefinition<SizesProp>('sizes', '', normalizeString);\n","import type { SimpleProp } from './helpers/factory';\nimport { createPropDefinition } from './helpers/factory';\nimport { normalizeString } from './helpers/normalizers';\n\n/**\n * Srcset prop for responsive images\n *\n * Description:\n * The srcset attribute defines a set of image sources with descriptors, allowing the browser\n * to select the most appropriate image based on screen size, resolution, or viewport width.\n * Used together with the sizes attribute for art direction and performance optimization.\n *\n * Usage (according to W3C HTML specification):\n * - Width descriptor: srcset=\"small.jpg 480w, large.jpg 1024w\"\n * - Pixel density descriptor: srcset=\"image-1x.jpg 1x, image-2x.jpg 2x\"\n * - Must be used with a src fallback for browsers that do not support srcset\n *\n * Accessibility:\n * - The selected image must still meet all accessibility requirements (alt text, contrast)\n * - Responsive images help users with low bandwidth or small screens (WCAG 1.4.4 Resize Text)\n *\n * @see https://html.spec.whatwg.org/multipage/embedded-content.html#attr-img-srcset\n * @see https://www.w3.org/WAI/WCAG21/Understanding/resize-text.html\n */\nexport type SrcsetProp = SimpleProp<'srcset', string>;\nexport const srcsetProp = createPropDefinition<SrcsetProp>('srcset', '', normalizeString);\n","import type { FunctionalComponent as FC } from '@stencil/core';\nimport { h } from '@stencil/core';\n\nimport type { LoadingType } from '../../props';\n\ntype ImageFCProps = {\n\talt: string;\n\tloading?: LoadingType;\n\tsizes?: string;\n\tsrc: string;\n\tsrcset?: string;\n\thandleError: (event: Event) => void;\n\thandleLoad: (event: Event) => void;\n};\n\nexport const ImageFC: FC<ImageFCProps> = (props) => {\n\tconst { alt, loading, sizes, src, srcset, handleError, handleLoad } = props;\n\n\treturn (\n\t\t<img\n\t\t\tclass=\"kol-image\"\n\t\t\talt={alt}\n\t\t\tloading={loading}\n\t\t\tsizes={sizes || undefined}\n\t\t\tsrc={src}\n\t\t\tsrcset={srcset || undefined}\n\t\t\tonError={(e) => handleError(e)}\n\t\t\tonLoad={(e) => handleLoad(e)}\n\t\t/>\n\t);\n};\n","import { altProp, loadingProp, sizesProp, srcProp, srcsetProp } from '../../props';\nimport type { ApiFromConfig, PropsConfigShape } from '../generic-types';\n\nexport const imagePropsConfig = {\n\toptional: [loadingProp, sizesProp, srcsetProp],\n\trequired: [altProp, srcProp],\n} as const satisfies PropsConfigShape;\n\nexport type ImageApi = ApiFromConfig<typeof imagePropsConfig>;\n","import type { LoadingType } from '../../props';\nimport { altProp, loadingProp, sizesProp, srcProp, srcsetProp } from '../../props';\nimport { BaseController } from '../base-controller';\nimport type { ControllerInterface, ResolvedInputProps, StateAccess } from '../generic-types';\nimport type { ImageApi } from './api';\nimport { imagePropsConfig } from './api';\n\nexport class ImageController extends BaseController<ImageApi> implements ControllerInterface<ImageApi> {\n\tpublic constructor(stateAccess: StateAccess<ImageApi>) {\n\t\tsuper(stateAccess, imagePropsConfig);\n\t}\n\tpublic componentWillLoad(props: ResolvedInputProps<ImageApi>): void {\n\t\tconst { alt, loading, sizes, src, srcset } = props;\n\t\tthis.watchAlt(alt);\n\t\tthis.watchLoading(loading);\n\t\tthis.watchSizes(sizes);\n\t\tthis.watchSrc(src);\n\t\tthis.watchSrcset(srcset);\n\t}\n\n\tpublic watchAlt(value?: string): void {\n\t\taltProp.apply(value, (v) => {\n\t\t\tthis.setRenderProp('alt', v);\n\t\t});\n\t}\n\n\tpublic watchLoading(value?: LoadingType): void {\n\t\tloadingProp.apply(value, (v) => {\n\t\t\tthis.setRenderProp('loading', v);\n\t\t});\n\t}\n\n\tpublic watchSizes(value?: string): void {\n\t\tsizesProp.apply(value, (v) => {\n\t\t\tthis.setRenderProp('sizes', v);\n\t\t});\n\t}\n\n\tpublic watchSrc(value?: string): void {\n\t\tsrcProp.apply(value, (v) => {\n\t\t\tthis.setRenderProp('src', v);\n\t\t});\n\t}\n\n\tpublic watchSrcset(value?: string): void {\n\t\tsrcsetProp.apply(value, (v) => {\n\t\t\tthis.setRenderProp('srcset', v);\n\t\t});\n\t}\n}\n","@use '../@shared/global' as *;\n\n@layer kol-component {\n\t.kol-image {\n\t\tdisplay: inline-block;\n\t\tmax-width: 100%;\n\t\tmax-height: 100%;\n\t}\n}\n","import type { JSX } from '@stencil/core';\nimport { Component, Element, h, Host, Prop, Watch } from '@stencil/core';\nimport { BaseWebComponent } from '../../internal/functional-components/base-web-component';\nimport type { WebComponentInterface } from '../../internal/functional-components/generic-types';\nimport type { ImageApi } from '../../internal/functional-components/image/api';\nimport { ImageFC } from '../../internal/functional-components/image/component';\nimport { ImageController } from '../../internal/functional-components/image/controller';\nimport type { LoadingType } from '../../internal/props';\nimport type { KoliBriImageEventCallbacks } from '../../schema/components/image';\nimport { dispatchDomEvent, KolEvent } from '../../utils/events';\n\n/**\n * The **Image** component renders an image with support for responsive loading via `srcset` and `sizes`, lazy loading, and accessible alternative text.\n */\n@Component({\n\ttag: 'kol-image',\n\tstyleUrls: {\n\t\tdefault: './style.scss',\n\t},\n\tshadow: true,\n})\nexport class KolImage implements WebComponentInterface<ImageApi> {\n\t@Element() private readonly host?: HTMLKolImageElement;\n\tprivate readonly ctrl = new ImageController(BaseWebComponent.stateLess);\n\n\tprivate readonly handleError = (event: Event): void => {\n\t\tthis._on?.onError?.(event);\n\t\tif (this.host) {\n\t\t\tdispatchDomEvent(this.host, KolEvent.error, event);\n\t\t}\n\t};\n\n\tprivate readonly handleLoad = (event: Event): void => {\n\t\tthis._on?.onLoad?.(event);\n\t\tif (this.host) {\n\t\t\tdispatchDomEvent(this.host, KolEvent.load, event);\n\t\t}\n\t};\n\n\t/**\n\t * Sets the alternative text of the image.\n\t */\n\t@Prop()\n\tpublic _alt!: string;\n\n\t@Watch('_alt')\n\tpublic watchAlt(value?: string): void {\n\t\tthis.ctrl.watchAlt(value);\n\t}\n\n\t/**\n\t * Defines the loading mode for the image.\n\t */\n\t@Prop()\n\tpublic _loading?: LoadingType;\n\n\t@Watch('_loading')\n\tpublic watchLoading(value?: LoadingType): void {\n\t\tthis.ctrl.watchLoading(value);\n\t}\n\n\t/**\n\t * Defines the image sizes for different screen resolutions, supporting _srcset.\n\t */\n\t@Prop()\n\tpublic _sizes?: string;\n\n\t@Watch('_sizes')\n\tpublic watchSizes(value?: string): void {\n\t\tthis.ctrl.watchSizes(value);\n\t}\n\n\t/**\n\t * Sets the image `src` attribute to the given string.\n\t */\n\t@Prop()\n\tpublic _src!: string;\n\n\t@Watch('_src')\n\tpublic watchSrc(value?: string): void {\n\t\tthis.ctrl.watchSrc(value);\n\t}\n\n\t/**\n\t * Sets a list of source URLs with widths of the images.\n\t */\n\t@Prop()\n\tpublic _srcset?: string;\n\n\t@Watch('_srcset')\n\tpublic watchSrcset(value?: string): void {\n\t\tthis.ctrl.watchSrcset(value);\n\t}\n\n\t/**\n\t * Defines callbacks for image load events (`onError`, `onLoad`).\n\t */\n\t@Prop()\n\tpublic _on?: KoliBriImageEventCallbacks;\n\n\tpublic componentWillLoad(): void {\n\t\tthis.ctrl.componentWillLoad({\n\t\t\talt: this._alt,\n\t\t\tloading: this._loading,\n\t\t\tsizes: this._sizes,\n\t\t\tsrc: this._src,\n\t\t\tsrcset: this._srcset,\n\t\t});\n\t}\n\n\tpublic render(): JSX.Element {\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<ImageFC\n\t\t\t\t\talt={this.ctrl.getRenderProp('alt')}\n\t\t\t\t\tloading={this.ctrl.getRenderProp('loading')}\n\t\t\t\t\tsizes={this.ctrl.getRenderProp('sizes')}\n\t\t\t\t\tsrc={this.ctrl.getRenderProp('src')}\n\t\t\t\t\tsrcset={this.ctrl.getRenderProp('srcset')}\n\t\t\t\t\thandleError={this.handleError}\n\t\t\t\t\thandleLoad={this.handleLoad}\n\t\t\t\t/>\n\t\t\t</Host>\n\t\t);\n\t}\n}\n"],"names":[],"mappings":"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"}

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

@@ -1,5 +1,5 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{h as n,r as e,H as t,g as i}from"./index-DqvPZ16l.js";import{l as o,B as s}from"./variant-quote-BMV8GZX8.js";import"./common-DEEjER7G.js";import{c as a,n as l}from"./normalizers-pgU77mXp.js";import{s as r}from"./src-C8dP-FLK.js";import{B as h}from"./base-controller-CXhqh4cR.js";import{d,K as c}from"./events-BhfZTW2e.js";import"./_Uint8Array-kJHDjtoP.js";import"./isArray-CcrBs4JM.js";const m=a("alt","",l,(n=>typeof n==="string"));const p=a("sizes","",l);const f=a("srcset","",l);const u=e=>{const{alt:t,loading:i,sizes:o,src:s,srcset:a,handleError:l,handleLoad:r}=e;return n("img",{class:"kol-image",alt:t,loading:i,sizes:o||undefined,src:s,srcset:a||undefined,onError:n=>l(n),onLoad:n=>r(n)})};const b={optional:[o,p,f],required:[m,r]};class g extends h{constructor(n){super(n,b)}componentWillLoad(n){const{alt:e,loading:t,sizes:i,src:o,srcset:s}=n;this.watchAlt(e);this.watchLoading(t);this.watchSizes(i);this.watchSrc(o);this.watchSrcset(s)}watchAlt(n){m.apply(n,(n=>{this.setRenderProp("alt",n)}))}watchLoading(n){o.apply(n,(n=>{this.setRenderProp("loading",n)}))}watchSizes(n){p.apply(n,(n=>{this.setRenderProp("sizes",n)}))}watchSrc(n){r.apply(n,(n=>{this.setRenderProp("src",n)}))}watchSrcset(n){f.apply(n,(n=>{this.setRenderProp("srcset",n)}))}}const w="/*\n* This file defines the layer order for all CSS layers used in KoliBri.\n* The order is important as it determines the cascade priority.\n*\n* Layer order (lowest to highest priority):\n* 1. kol-a11y - Accessibility defaults and requirements\n* 2. kol-global - Global component styles and resets\n* 3. kol-component - Component-specific styles\n* 4. kol-theme-global - Theme-specific global styles\n* 5. kol-theme-component - Theme-specific component styles\n*/\n@layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component;\n/* forward the rem function */\n/*\n * This file contains all rules for accessibility.\n */\n@layer kol-a11y {\n  :host {\n    /*\n                   * Minimum size of interactive elements.\n                   */\n    --a11y-min-size: calc(44 * 1rem / var(--kolibri-root-font-size, 16));\n    /*\n     * No element should be used without verifying the contrast ratio of its background and font colors.\n     * By initially setting the background color to white and the font color to black,\n     * the contrast ratio is ensured and explicit adjustment is forced.\n     */\n    color: black;\n    background-color: white;\n    /*\n     * Verdana is an accessible font that can be used without requiring additional loading time.\n     */\n    font-family: Verdana;\n    /*\n     * Letter spacing is required for all texts.\n     */\n    letter-spacing: inherit;\n    /*\n     * Word spacing is required for all texts.\n     */\n    word-spacing: inherit;\n    /*\n     * Text should be aligned left by default to provide a predictable starting point.\n     */\n    text-align: left;\n  }\n  * {\n    /*\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\n     */\n    hyphens: auto;\n    /*\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\n     */\n    word-break: break-word;\n  }\n  /*\n   * All interactive elements should have a minimum size of to-rem(44).\n   */\n  /* input:not([type='checkbox'], [type='radio'], [type='range']), */\n  /* option, */\n  /* select, */\n  /* textarea, */\n  button,\n  .kol-input .input {\n    min-width: var(--a11y-min-size);\n    min-height: var(--a11y-min-size);\n  }\n  /*\n   * Some interactive elements should not inherit the font-family and font-size.\n   */\n  a,\n  button,\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6,\n  input,\n  option,\n  select,\n  textarea {\n    /*\n     * All elements should inherit the text color from his parent element.\n     */\n    color: inherit;\n    /*\n     * All elements should inherit the font family from his parent element.\n     */\n    font-family: inherit;\n    /*\n     * All elements should inherit the font size from his parent element.\n     */\n    font-size: inherit;\n    /*\n     * Letter spacing is required for all texts.\n     */\n    letter-spacing: inherit;\n    /*\n     * Word spacing is required for all texts.\n     */\n    word-spacing: inherit;\n  }\n  /**\n  * Sometimes we need the semantic element for accessibility reasons,\n  * but we don't want to show it.\n  *\n  * - https://www.a11yproject.com/posts/how-to-hide-content/\n  */\n  .visually-hidden {\n    position: fixed;\n    top: 0;\n    left: 0;\n    width: 1px;\n    height: 1px;\n    overflow: hidden;\n    white-space: nowrap;\n    clip-path: inset(50%);\n  }\n}\n@layer kol-global {\n  /*\n   * Dieses CSS stellt sicher, dass der Standard-Style\n   * von A und Button resettet werden.\n   */\n  :is(a, button) {\n    background-color: transparent;\n    width: 100%;\n    margin: 0;\n    padding: 0;\n    border: none;\n    /* 100% needed for custom width from outside */\n  }\n  /*\n   * Ensure elements with hidden attribute to be actually not visible\n   * @see https://meowni.ca/hidden.is.a.lie.html\n   */\n  [hidden] {\n    display: none !important;\n  }\n  .badge-text-hint {\n    color: black;\n    background-color: white;\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    outline: none;\n    cursor: not-allowed;\n  }\n  [aria-disabled=true]:focus .kol-span,\n  [disabled]:focus .kol-span {\n    outline: none !important;\n  }\n  .hastooltip {\n    z-index: 900 !important;\n  }\n}\n@layer kol-component {\n  .kol-image {\n    display: inline-block;\n    max-width: 100%;\n    max-height: 100%;\n  }\n}";const y=class{constructor(n){e(this,n);this.ctrl=new g(s.stateLess);this.handleError=n=>{var e,t;(t=(e=this._on)===null||e===void 0?void 0:e.onError)===null||t===void 0?void 0:t.call(e,n);if(this.host){d(this.host,c.error,n)}};this.handleLoad=n=>{var e,t;(t=(e=this._on)===null||e===void 0?void 0:e.onLoad)===null||t===void 0?void 0:t.call(e,n);if(this.host){d(this.host,c.load,n)}}}watchAlt(n){this.ctrl.watchAlt(n)}watchLoading(n){this.ctrl.watchLoading(n)}watchSizes(n){this.ctrl.watchSizes(n)}watchSrc(n){this.ctrl.watchSrc(n)}watchSrcset(n){this.ctrl.watchSrcset(n)}componentWillLoad(){this.ctrl.componentWillLoad({alt:this._alt,loading:this._loading,sizes:this._sizes,src:this._src,srcset:this._srcset})}render(){return n(t,{key:"94e7aed9e787f996ddb733a9e398018ae618d948"},n(u,{key:"dd81b84b4048db6d9367efcb48ce5ca0f00afb5b",alt:this.ctrl.getRenderProp("alt"),loading:this.ctrl.getRenderProp("loading"),sizes:this.ctrl.getRenderProp("sizes"),src:this.ctrl.getRenderProp("src"),srcset:this.ctrl.getRenderProp("srcset"),handleError:this.handleError,handleLoad:this.handleLoad}))}get host(){return i(this)}static get watchers(){return{_alt:["watchAlt"],_loading:["watchLoading"],_sizes:["watchSizes"],_src:["watchSrc"],_srcset:["watchSrcset"]}}};y.style={default:w};export{y as kol_image};
+import{h as n,r as e,H as t,g as i}from"./index-CfYfRjdO.js";import{l as o,B as s}from"./base-web-component-BCIMb9gN.js";import"./common-Cbb6Axov.js";import{c as a,n as r}from"./normalizers-iLdS6AQE.js";import{s as l}from"./src-C1iVkqtP.js";import{B as h}from"./base-controller-CXhqh4cR.js";import{d,K as c}from"./events-BhfZTW2e.js";import"./_Uint8Array-kJHDjtoP.js";import"./isArray-CcrBs4JM.js";const m=a("alt","",r,(n=>typeof n==="string"));const p=a("sizes","",r);const u=a("srcset","",r);const f=e=>{const{alt:t,loading:i,sizes:o,src:s,srcset:a,handleError:r,handleLoad:l}=e;return n("img",{class:"kol-image",alt:t,loading:i,sizes:o||undefined,src:s,srcset:a||undefined,onError:n=>r(n),onLoad:n=>l(n)})};const b={optional:[o,p,u],required:[m,l]};class g extends h{constructor(n){super(n,b)}componentWillLoad(n){const{alt:e,loading:t,sizes:i,src:o,srcset:s}=n;this.watchAlt(e);this.watchLoading(t);this.watchSizes(i);this.watchSrc(o);this.watchSrcset(s)}watchAlt(n){m.apply(n,(n=>{this.setRenderProp("alt",n)}))}watchLoading(n){o.apply(n,(n=>{this.setRenderProp("loading",n)}))}watchSizes(n){p.apply(n,(n=>{this.setRenderProp("sizes",n)}))}watchSrc(n){l.apply(n,(n=>{this.setRenderProp("src",n)}))}watchSrcset(n){u.apply(n,(n=>{this.setRenderProp("srcset",n)}))}}const w="@charset \"UTF-8\";\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/* forward the rem function */\n/*\n * This file contains all rules for accessibility.\n */\n@layer kol-a11y {\n  :host {\n    /*\n     * Minimum size of interactive elements.\n     *\n     * The `max(…, 44px)` floor guarantees the WCAG 2.5.5 (AAA) target size of 44px:\n     * `to-rem(44)` runs the value through a `calc()` rem round-trip which can lose\n     * sub-pixel precision and resolve to e.g. 43.99px depending on the browser's\n     * rounding, dropping just below the required minimum.\n     */\n    --a11y-min-size: max(calc(44 * 1rem / var(--kolibri-root-font-size, 16)), 44px);\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: white;\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    outline: none;\n    cursor: not-allowed;\n  }\n  [aria-disabled=true]:focus .kol-span,\n  [disabled]:focus .kol-span {\n    outline: none !important;\n  }\n  .hastooltip {\n    z-index: 900 !important;\n  }\n}\n@layer kol-component {\n  .kol-image {\n    display: inline-block;\n    max-width: 100%;\n    max-height: 100%;\n  }\n}";const y=class{constructor(n){e(this,n);this.ctrl=new g(s.stateLess);this.handleError=n=>{var e,t;(t=(e=this._on)===null||e===void 0?void 0:e.onError)===null||t===void 0?void 0:t.call(e,n);if(this.host){d(this.host,c.error,n)}};this.handleLoad=n=>{var e,t;(t=(e=this._on)===null||e===void 0?void 0:e.onLoad)===null||t===void 0?void 0:t.call(e,n);if(this.host){d(this.host,c.load,n)}}}watchAlt(n){this.ctrl.watchAlt(n)}watchLoading(n){this.ctrl.watchLoading(n)}watchSizes(n){this.ctrl.watchSizes(n)}watchSrc(n){this.ctrl.watchSrc(n)}watchSrcset(n){this.ctrl.watchSrcset(n)}componentWillLoad(){this.ctrl.componentWillLoad({alt:this._alt,loading:this._loading,sizes:this._sizes,src:this._src,srcset:this._srcset})}render(){return n(t,{key:"3b39257fa87e6d0961ded3dba73922ebf8834626"},n(f,{key:"648ddf0d233b1b0896c5cdf43ee8ba50f95b2ea8",alt:this.ctrl.getRenderProp("alt"),loading:this.ctrl.getRenderProp("loading"),sizes:this.ctrl.getRenderProp("sizes"),src:this.ctrl.getRenderProp("src"),srcset:this.ctrl.getRenderProp("srcset"),handleError:this.handleError,handleLoad:this.handleLoad}))}get host(){return i(this)}static get watchers(){return{_alt:["watchAlt"],_loading:["watchLoading"],_sizes:["watchSizes"],_src:["watchSrc"],_srcset:["watchSrcset"]}}};y.style={default:w};export{y as kol_image};
 //# sourceMappingURL=kol-image.entry.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["h","registerInstance","Host","getElement","loadingProp","BaseWebComponent","createPropDefinition","normalizeString","srcProp","BaseController","dispatchDomEvent","KolEvent","altProp","v","sizesProp","srcsetProp","ImageFC","props","alt","loading","sizes","src","srcset","handleError","handleLoad","class","undefined","onError","e","onLoad","imagePropsConfig","optional","required","ImageController","constructor","stateAccess","super","componentWillLoad","this","watchAlt","watchLoading","watchSizes","watchSrc","watchSrcset","value","apply","setRenderProp","defaultStyleCss","KolImage","hostRef","ctrl","stateLess","event","_a","_b","_on","call","host","error","load","_alt","_loading","_sizes","_src","_srcset","render","key","getRenderProp","watchers","style","default"],"sources":["0"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["h","registerInstance","Host","getElement","loadingProp","BaseWebComponent","createPropDefinition","normalizeString","srcProp","BaseController","dispatchDomEvent","KolEvent","altProp","v","sizesProp","srcsetProp","ImageFC","props","alt","loading","sizes","src","srcset","handleError","handleLoad","class","undefined","onError","e","onLoad","imagePropsConfig","optional","required","ImageController","constructor","stateAccess","super","componentWillLoad","this","watchAlt","watchLoading","watchSizes","watchSrc","watchSrcset","value","apply","setRenderProp","defaultStyleCss","KolImage","hostRef","ctrl","stateLess","event","_a","_b","_on","call","host","error","load","_alt","_loading","_sizes","_src","_srcset","render","key","getRenderProp","watchers","style","default"],"sources":["0"],"mappings":"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","ignoreList":[]}