@public-ui/components 4.1.0 → 4.1.1-rc.1

package/dist/kolibri/kol-popover-button-wc.entry.js

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{r as i,h as t}from"./index-0LQrricW.js";import{a as o,b as s}from"./align-floating-elements-B53gjKzS.js";import{c as e}from"./component-names-CqTpXVIM.js";import"./common-BIkdAxr0.js";import{v as l}from"./inline-q8GZVjiZ.js";import{a as n}from"./align-DDUsWnWP.js";import{c as h}from"./clsx-COFh-Vc8.js";const a=(e,o)=>{n(e,"_popoverAlign",o)},r=class{constructor(e){i(this,e),this.on={onClick:this.handleButtonClick.bind(this)},this.state={_label:"",_popoverAlign:"bottom"},this.justClosed=!1,this.popoverOpen=!1,this._disabled=!1,this._hideLabel=!1,this._inline=!1,this._popoverAlign="bottom",this._tooltipAlign="top",this._type="button",this._variant="normal"}async hidePopover(){var e;null===(e=this.refPopover)||void 0===e||e.hidePopover()}async showPopover(){var e;null===(e=this.refPopover)||void 0===e||e.showPopover()}async focus(){var e;return Promise.resolve(null===(e=this.refButton)||void 0===e?void 0:e.focus())}handleBeforeToggle(e){"closed"===e.newState?(this.justClosed=!0,setTimeout(()=>{this.justClosed=!1},10)):this.refPopover&&(this.refPopover.style.visibility="hidden")}alignPopover(){this.refPopover&&this.refButton&&o({align:this.state._popoverAlign,floatingElement:this.refPopover,referenceElement:this.refButton})}handleToggle(e){this.popoverOpen="open"===e.newState,this.popoverOpen?this.refPopover&&this.refButton&&(this.cleanupAutoPositioning=s(this.refButton,this.refPopover,()=>{this.alignPopover()})):this.cleanupAutoPositioning&&(this.cleanupAutoPositioning(),this.cleanupAutoPositioning=void 0)}handleButtonClick(){var e;this.justClosed||null===(e=this.refPopover)||void 0===e||e.togglePopover()}componentDidRender(){var e,o;null===(e=this.refPopover)||void 0===e||e.addEventListener("toggle",this.handleToggle.bind(this)),null===(o=this.refPopover)||void 0===o||o.addEventListener("beforetoggle",this.handleBeforeToggle.bind(this))}disconnectedCallback(){var e,o,t;null===(e=this.refPopover)||void 0===e||e.removeEventListener("toggle",this.handleToggle.bind(this)),null===(o=this.refPopover)||void 0===o||o.removeEventListener("beforetoggle",this.handleBeforeToggle.bind(this)),null===(t=this.cleanupAutoPositioning)||void 0===t||t.call(this)}render(){return t("div",{key:"0e7d5b884be9b05c7c94c2e5e7be8c35b0def1d7",class:h("kol-popover-button",{"kol-popover-button--open":this.popoverOpen,"kol-popover-button--inline":!0===this.state._inline,"kol-popover-button--standalone":!1===this.state._inline})},t(e,{key:"94ccc86b0c086381c81138687458bc7f24b8daf0",_accessKey:this._accessKey,"_aria-controls":"popover",_ariaDescription:this._ariaDescription,_ariaExpanded:this.popoverOpen,_ariaHasPopup:"dialog",_customClass:this._customClass,_disabled:this._disabled,_hideLabel:this._hideLabel,_icons:this._icons,_id:this._id,_inline:this._inline,_label:this._label,_name:this._name,_on:this.on,_shortKey:this._shortKey,_syncValueBySelector:this._syncValueBySelector,_tabIndex:this._tabIndex,_tooltipAlign:this._tooltipAlign,_type:this._type,_value:this._value,_variant:this._variant,"data-testid":"popover-button",class:"kol-popover-button__button",ref:e=>this.refButton=e},t("slot",{key:"b0fc81b248083132b185e9f675b26a34f536e8da",name:"expert",slot:"expert"})),t("div",{key:"3d97f41b80556b76628c416f655088f5bef5f73b",ref:e=>this.refPopover=e,"data-testid":"popover-content",popover:"auto",id:"popover",class:"kol-popover-button__popover"},t("slot",{key:"10cf6cdaff42f908b1ed103526d4e92f28493535"})))}validateInline(e){l(this,e,{defaultValue:!1})}validatePopoverAlign(e){a(this,e)}componentWillLoad(){this.validateInline(this._inline),this.validatePopoverAlign(this._popoverAlign)}static get watchers(){return{_inline:["validateInline"],_popoverAlign:["validatePopoverAlign"]}}};export{r as kol_popover_button_wc};
+import{r as t,h as i}from"./index-rqIkzkgG.js";import{a as o,b as s}from"./align-floating-elements-DGbaInbL.js";import{c as e}from"./component-names-CqTpXVIM.js";import"./common-BIkdAxr0.js";import{v as l}from"./inline-q8GZVjiZ.js";import{a}from"./align-DDUsWnWP.js";import{c as n}from"./clsx-COFh-Vc8.js";const h=(e,o)=>{a(e,"_popoverAlign",o)},r=class{constructor(e){t(this,e),this.on={onClick:this.handleButtonClick.bind(this)},this.state={_label:"",_popoverAlign:"bottom"},this.justClosed=!1,this.popoverOpen=!1,this._disabled=!1,this._hideLabel=!1,this._inline=!1,this._popoverAlign="bottom",this._tooltipAlign="top",this._type="button",this._variant="normal"}async hidePopover(){var e;null===(e=this.refPopover)||void 0===e||e.hidePopover()}async showPopover(){var e;null===(e=this.refPopover)||void 0===e||e.showPopover()}async focus(){var e;return Promise.resolve(null===(e=this.refButton)||void 0===e?void 0:e.focus())}handleBeforeToggle(e){"closed"===e.newState?(this.justClosed=!0,setTimeout(()=>{this.justClosed=!1},10)):this.refPopover&&(this.refPopover.style.visibility="hidden")}alignPopover(){this.refPopover&&this.refButton&&o({align:this.state._popoverAlign,floatingElement:this.refPopover,referenceElement:this.refButton})}handleToggle(e){this.popoverOpen="open"===e.newState,this.popoverOpen?this.refPopover&&this.refButton&&(this.cleanupAutoPositioning=s(this.refButton,this.refPopover,()=>{this.alignPopover()})):this.cleanupAutoPositioning&&(this.cleanupAutoPositioning(),this.cleanupAutoPositioning=void 0)}handleButtonClick(){var e;this.justClosed||null===(e=this.refPopover)||void 0===e||e.togglePopover()}componentDidRender(){var e,o;null===(e=this.refPopover)||void 0===e||e.addEventListener("toggle",this.handleToggle.bind(this)),null===(o=this.refPopover)||void 0===o||o.addEventListener("beforetoggle",this.handleBeforeToggle.bind(this))}disconnectedCallback(){var e,o,t;null===(e=this.refPopover)||void 0===e||e.removeEventListener("toggle",this.handleToggle.bind(this)),null===(o=this.refPopover)||void 0===o||o.removeEventListener("beforetoggle",this.handleBeforeToggle.bind(this)),null===(t=this.cleanupAutoPositioning)||void 0===t||t.call(this)}render(){return i("div",{key:"f80a8d16ce68736215e1a9f8048f29db0f5ab5a3",class:n("kol-popover-button",{"kol-popover-button--open":this.popoverOpen,"kol-popover-button--inline":!0===this.state._inline,"kol-popover-button--standalone":!1===this.state._inline})},i(e,{key:"1cc0f470c4b156eb2770fd1c0094582a54e81606",_accessKey:this._accessKey,"_aria-controls":"popover",_ariaDescription:this._ariaDescription,_ariaExpanded:this.popoverOpen,_ariaHasPopup:"dialog",_customClass:this._customClass,_disabled:this._disabled,_hideLabel:this._hideLabel,_icons:this._icons,_id:this._id,_inline:this._inline,_label:this._label,_name:this._name,_on:this.on,_shortKey:this._shortKey,_syncValueBySelector:this._syncValueBySelector,_tabIndex:this._tabIndex,_tooltipAlign:this._tooltipAlign,_type:this._type,_value:this._value,_variant:this._variant,"data-testid":"popover-button",class:"kol-popover-button__button",ref:e=>this.refButton=e},i("slot",{key:"a3a78e63b6da951f4527cb34df0d8c33507cc95e",name:"expert",slot:"expert"})),i("div",{key:"695ead35ce982e1495b9edc1677fe623def67680",ref:e=>this.refPopover=e,"data-testid":"popover-content",popover:"auto",id:"popover",class:"kol-popover-button__popover"},i("slot",{key:"0b8abeae9ef69ff8cf09022fd91c24ef895e10d9"})))}validateInline(e){l(this,e,{defaultValue:!1})}validatePopoverAlign(e){h(this,e)}componentWillLoad(){this.validateInline(this._inline),this.validatePopoverAlign(this._popoverAlign)}static get watchers(){return{_inline:["validateInline"],_popoverAlign:["validatePopoverAlign"]}}};export{r as kol_popover_button_wc};

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

@@ -1 +1 @@
-{"version":3,"names":["registerInstance","h","alignFloatingElements","autoUpdate","KolButtonWcTag","validateInline","validateAlignment","clsx","validatePopoverAlign","component","value","KolPopoverButton","constructor","hostRef","this","on","onClick","handleButtonClick","bind","state","_label","_popoverAlign","justClosed","popoverOpen","_disabled","_hideLabel","_inline","_tooltipAlign","_type","_variant","hidePopover","_a","refPopover","showPopover","focus","Promise","resolve","refButton","handleBeforeToggle","event","newState","setTimeout","style","visibility","alignPopover","align","floatingElement","referenceElement","handleToggle","cleanupAutoPositioning","undefined","togglePopover","componentDidRender","_b","addEventListener","disconnectedCallback","_c","removeEventListener","call","render","key","class","_accessKey","_ariaDescription","_ariaExpanded","_ariaHasPopup","_customClass","_icons","_id","_name","_on","_shortKey","_syncValueBySelector","_tabIndex","_value","ref","element","name","slot","popover","id","defaultValue","componentWillLoad","watchers"],"sources":["0"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["registerInstance","h","alignFloatingElements","autoUpdate","KolButtonWcTag","validateInline","validateAlignment","clsx","validatePopoverAlign","component","value","KolPopoverButton","constructor","hostRef","this","on","onClick","handleButtonClick","bind","state","_label","_popoverAlign","justClosed","popoverOpen","_disabled","_hideLabel","_inline","_tooltipAlign","_type","_variant","hidePopover","_a","refPopover","showPopover","focus","Promise","resolve","refButton","handleBeforeToggle","event","newState","setTimeout","style","visibility","alignPopover","align","floatingElement","referenceElement","handleToggle","cleanupAutoPositioning","undefined","togglePopover","componentDidRender","_b","addEventListener","disconnectedCallback","_c","removeEventListener","call","render","key","class","_accessKey","_ariaDescription","_ariaExpanded","_ariaHasPopup","_customClass","_icons","_id","_name","_on","_shortKey","_syncValueBySelector","_tabIndex","_value","ref","element","name","slot","popover","id","defaultValue","componentWillLoad","watchers"],"sources":["0"],"mappings":"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","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"file":"kol-popover-button.entry.esm.js","sources":["src/components/popover-button/style.scss?tag=kol-popover-button&mode=default&encapsulation=shadow","src/components/popover-button/shadow.tsx"],"sourcesContent":["@use '../../styles/global' as *;\n@use '../@shared/kol-button-mixin' as *;\n@use '../@shared/kol-popover-button-mixin' as *;\n@use '../tooltip/style' as *;\n\n@layer kol-component {\n\t@include kol-button-styles('kol-button');\n\t@include kol-popover-button-styles;\n\n\t.kol-popover-button {\n\t\t&--open {\n\t\t\t.kol-button__tooltip {\n\t\t\t\tdisplay: none;\n\t\t\t}\n\t\t}\n\n\t\t&--inline {\n\t\t\t.kol-button {\n\t\t\t\tmin-width: 0;\n\t\t\t\tmin-height: 1em;\n\t\t\t}\n\t\t}\n\t}\n}\n","import type { JSX } from '@stencil/core';\nimport { Component, h, Method, Prop } from '@stencil/core';\nimport { KolPopoverButtonWcTag } from '../../core/component-names';\nimport type {\n\tAccessKeyPropType,\n\tAriaDescriptionPropType,\n\tButtonTypePropType,\n\tButtonVariantPropType,\n\tCustomClassPropType,\n\tIconsPropType,\n\tInlinePropType,\n\tLabelWithExpertSlotPropType,\n\tPopoverAlignPropType,\n\tShortKeyPropType,\n\tStencilUnknown,\n\tSyncValueBySelectorPropType,\n\tTooltipAlignPropType,\n} from '../../schema';\nimport type { PopoverButtonProps } from '../../schema/components/popover-button';\n\n/**\n * @slot - The popover content.\n */\n@Component({\n\ttag: 'kol-popover-button',\n\tstyleUrls: {\n\t\tdefault: './style.scss',\n\t},\n\tshadow: true,\n})\nexport class KolPopoverButton implements PopoverButtonProps {\n\tprivate ref?: HTMLKolPopoverButtonWcElement;\n\n\t/**\n\t * Hides the popover programmatically by forwarding the call to the web component.\n\t */\n\t@Method()\n\t// eslint-disable-next-line @typescript-eslint/require-await\n\tpublic async hidePopover() {\n\t\tvoid this.ref?.hidePopover();\n\t}\n\n\t/**\n\t * Shows the popover programmatically by forwarding the call to the web component.\n\t */\n\t@Method()\n\t// eslint-disable-next-line @typescript-eslint/require-await\n\tpublic async showPopover() {\n\t\tvoid this.ref?.showPopover();\n\t}\n\n\tprivate catchRef = (ref?: HTMLKolPopoverButtonWcElement) => {\n\t\tthis.ref = ref;\n\t};\n\n\t/**\n\t * Sets focus on the internal element.\n\t */\n\t@Method()\n\tpublic async focus() {\n\t\treturn Promise.resolve(this.ref?.focus());\n\t}\n\n\tpublic render(): JSX.Element {\n\t\treturn (\n\t\t\t<KolPopoverButtonWcTag\n\t\t\t\tref={this.catchRef}\n\t\t\t\t_accessKey={this._accessKey}\n\t\t\t\t_ariaDescription={this._ariaDescription}\n\t\t\t\t_customClass={this._customClass}\n\t\t\t\t_disabled={this._disabled}\n\t\t\t\t_hideLabel={this._hideLabel}\n\t\t\t\t_icons={this._icons}\n\t\t\t\t_inline={this._inline}\n\t\t\t\t_label={this._label}\n\t\t\t\t_name={this._name}\n\t\t\t\t_popoverAlign={this._popoverAlign}\n\t\t\t\t_shortKey={this._shortKey}\n\t\t\t\t_syncValueBySelector={this._syncValueBySelector}\n\t\t\t\t_tabIndex={this._tabIndex}\n\t\t\t\t_tooltipAlign={this._tooltipAlign}\n\t\t\t\t_type={this._type}\n\t\t\t\t_value={this._value}\n\t\t\t\t_variant={this._variant}\n\t\t\t>\n\t\t\t\t<slot name=\"expert\" slot=\"expert\"></slot>\n\t\t\t\t<slot />\n\t\t\t</KolPopoverButtonWcTag>\n\t\t);\n\t}\n\n\t/**\n\t * Defines the key combination that can be used to trigger or focus the component's interactive element.\n\t */\n\t@Prop() public _accessKey?: AccessKeyPropType;\n\n\t/**\n\t * Defines the value for the aria-description attribute.\n\t */\n\t@Prop() public _ariaDescription?: AriaDescriptionPropType;\n\n\t/**\n\t * Defines the custom class attribute if _variant=\"custom\" is set.\n\t */\n\t@Prop() public _customClass?: CustomClassPropType;\n\n\t/**\n\t * Makes the element not focusable and ignore all events.\n\t */\n\t@Prop() public _disabled?: boolean = false;\n\n\t/**\n\t * Hides the caption by default and displays the caption text with a tooltip when the\n\t * interactive element is focused or the mouse is over it.\n\t * @TODO: Change type back to `HideLabelPropType` after Stencil#4663 has been resolved.\n\t */\n\t@Prop() public _hideLabel?: boolean = false;\n\n\t/**\n\t * Defines the icon classnames (e.g. `_icons=\"fa-solid fa-user\"`).\n\t */\n\t@Prop() public _icons?: IconsPropType;\n\n\t/**\n\t * Defines whether the component is displayed as a standalone block or inline without enforcing a minimum size of 44px.\n\t */\n\t@Prop() public _inline?: InlinePropType = false;\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/**\n\t * Defines the technical name of an input field.\n\t */\n\t@Prop() public _name?: string;\n\n\t/**\n\t * Defines where to show the Popover preferably: top, right, bottom or left.\n\t */\n\t@Prop() public _popoverAlign?: PopoverAlignPropType = 'bottom';\n\n\t/**\n\t * Adds a visual shortcut hint after the label and instructs the screen reader to read the shortcut aloud.\n\t */\n\t@Prop() public _shortKey?: ShortKeyPropType;\n\n\t/**\n\t * Selector for synchronizing the value with another input element.\n\t * @internal\n\t */\n\t@Prop() public _syncValueBySelector?: SyncValueBySelectorPropType;\n\n\t/**\n\t * Defines which tab-index the primary element of the component has. (https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex)\n\t */\n\t@Prop() public _tabIndex?: number;\n\n\t/**\n\t * Defines where to show the Tooltip preferably: top, right, bottom or left.\n\t */\n\t@Prop() public _tooltipAlign?: TooltipAlignPropType = 'top';\n\n\t/**\n\t * Defines either the type of the component or of the components interactive element.\n\t */\n\t@Prop() public _type?: ButtonTypePropType = 'button';\n\n\t/**\n\t * Defines the value of the element.\n\t */\n\t@Prop() public _value?: StencilUnknown;\n\n\t/**\n\t * Defines which variant should be used for presentation.\n\t */\n\t@Prop() public _variant?: ButtonVariantPropType = 'normal';\n}\n"],"names":[],"mappings":";;;;;;;AAAA,MAAM,eAAe,GAAG,0sPAA0sP;;MC8BrtP,gBAAgB,GAAA,MAAA;AAP7B,IAAA,WAAA,CAAA,OAAA,EAAA;;AA4BS,QAAA,IAAA,CAAA,QAAQ,GAAG,CAAC,GAAmC,KAAI;AAC1D,YAAA,IAAI,CAAC,GAAG,GAAG,GAAG;AACf,SAAC;AAwDc,QAAA,IAAS,CAAA,SAAA,GAAa,KAAK;AAO3B,QAAA,IAAU,CAAA,UAAA,GAAa,KAAK;AAU5B,QAAA,IAAO,CAAA,OAAA,GAAoB,KAAK;AAehC,QAAA,IAAa,CAAA,aAAA,GAA0B,QAAQ;AAqB/C,QAAA,IAAa,CAAA,aAAA,GAA0B,KAAK;AAK5C,QAAA,IAAK,CAAA,KAAA,GAAwB,QAAQ;AAUrC,QAAA,IAAQ,CAAA,QAAA,GAA2B,QAAQ;AAC1D;AA5IO,IAAA,MAAM,WAAW,GAAA;;AACvB,QAAA,MAAK,MAAA,IAAI,CAAC,GAAG,MAAE,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAA,WAAW,EAAE,CAAA;;AAQtB,IAAA,MAAM,WAAW,GAAA;;AACvB,QAAA,MAAK,MAAA,IAAI,CAAC,GAAG,MAAE,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAA,WAAW,EAAE,CAAA;;AAWtB,IAAA,MAAM,KAAK,GAAA;;AACjB,QAAA,OAAO,OAAO,CAAC,OAAO,CAAC,CAAA,EAAA,GAAA,IAAI,CAAC,GAAG,MAAE,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAA,KAAK,EAAE,CAAC;;IAGnC,MAAM,GAAA;AACZ,QAAA,QACC,CAAC,CAAA,qBAAqB,EACrB,EAAA,GAAA,EAAA,0CAAA,EAAA,GAAG,EAAE,IAAI,CAAC,QAAQ,EAClB,UAAU,EAAE,IAAI,CAAC,UAAU,EAC3B,gBAAgB,EAAE,IAAI,CAAC,gBAAgB,EACvC,YAAY,EAAE,IAAI,CAAC,YAAY,EAC/B,SAAS,EAAE,IAAI,CAAC,SAAS,EACzB,UAAU,EAAE,IAAI,CAAC,UAAU,EAC3B,MAAM,EAAE,IAAI,CAAC,MAAM,EACnB,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,MAAM,EAAE,IAAI,CAAC,MAAM,EACnB,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,aAAa,EAAE,IAAI,CAAC,aAAa,EACjC,SAAS,EAAE,IAAI,CAAC,SAAS,EACzB,oBAAoB,EAAE,IAAI,CAAC,oBAAoB,EAC/C,SAAS,EAAE,IAAI,CAAC,SAAS,EACzB,aAAa,EAAE,IAAI,CAAC,aAAa,EACjC,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,MAAM,EAAE,IAAI,CAAC,MAAM,EACnB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAA,EAEvB,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,IAAI,EAAC,QAAQ,EAAC,IAAI,EAAC,QAAQ,EAAQ,CAAA,EACzC,CAAQ,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACe;;;;;;;;;"}
+{"version":3,"file":"kol-popover-button.entry.esm.js","sources":["src/components/popover-button/style.scss?tag=kol-popover-button&mode=default&encapsulation=shadow","src/components/popover-button/shadow.tsx"],"sourcesContent":["@use '../../styles/global' as *;\n@use '../@shared/kol-button-mixin' as *;\n@use '../@shared/kol-popover-button-mixin' as *;\n@use '../tooltip/style' as *;\n\n@layer kol-component {\n\t@include kol-button-styles('kol-button');\n\t@include kol-popover-button-styles;\n\n\t.kol-popover-button {\n\t\t&--open {\n\t\t\t.kol-button__tooltip {\n\t\t\t\tdisplay: none;\n\t\t\t}\n\t\t}\n\n\t\t&--inline {\n\t\t\t.kol-button {\n\t\t\t\tmin-width: 0;\n\t\t\t\tmin-height: 1em;\n\t\t\t}\n\t\t}\n\t}\n}\n","import type { JSX } from '@stencil/core';\nimport { Component, h, Method, Prop } from '@stencil/core';\nimport { KolPopoverButtonWcTag } from '../../core/component-names';\nimport type {\n\tAccessKeyPropType,\n\tAriaDescriptionPropType,\n\tButtonTypePropType,\n\tButtonVariantPropType,\n\tCustomClassPropType,\n\tIconsPropType,\n\tInlinePropType,\n\tLabelWithExpertSlotPropType,\n\tPopoverAlignPropType,\n\tShortKeyPropType,\n\tStencilUnknown,\n\tSyncValueBySelectorPropType,\n\tTooltipAlignPropType,\n} from '../../schema';\nimport type { PopoverButtonProps } from '../../schema/components/popover-button';\n\n/**\n * @slot - The popover content.\n */\n@Component({\n\ttag: 'kol-popover-button',\n\tstyleUrls: {\n\t\tdefault: './style.scss',\n\t},\n\tshadow: true,\n})\nexport class KolPopoverButton implements PopoverButtonProps {\n\tprivate ref?: HTMLKolPopoverButtonWcElement;\n\n\t/**\n\t * Hides the popover programmatically by forwarding the call to the web component.\n\t */\n\t@Method()\n\t// eslint-disable-next-line @typescript-eslint/require-await\n\tpublic async hidePopover() {\n\t\tvoid this.ref?.hidePopover();\n\t}\n\n\t/**\n\t * Shows the popover programmatically by forwarding the call to the web component.\n\t */\n\t@Method()\n\t// eslint-disable-next-line @typescript-eslint/require-await\n\tpublic async showPopover() {\n\t\tvoid this.ref?.showPopover();\n\t}\n\n\tprivate catchRef = (ref?: HTMLKolPopoverButtonWcElement) => {\n\t\tthis.ref = ref;\n\t};\n\n\t/**\n\t * Sets focus on the internal element.\n\t */\n\t@Method()\n\tpublic async focus() {\n\t\treturn Promise.resolve(this.ref?.focus());\n\t}\n\n\tpublic render(): JSX.Element {\n\t\treturn (\n\t\t\t<KolPopoverButtonWcTag\n\t\t\t\tref={this.catchRef}\n\t\t\t\t_accessKey={this._accessKey}\n\t\t\t\t_ariaDescription={this._ariaDescription}\n\t\t\t\t_customClass={this._customClass}\n\t\t\t\t_disabled={this._disabled}\n\t\t\t\t_hideLabel={this._hideLabel}\n\t\t\t\t_icons={this._icons}\n\t\t\t\t_inline={this._inline}\n\t\t\t\t_label={this._label}\n\t\t\t\t_name={this._name}\n\t\t\t\t_popoverAlign={this._popoverAlign}\n\t\t\t\t_shortKey={this._shortKey}\n\t\t\t\t_syncValueBySelector={this._syncValueBySelector}\n\t\t\t\t_tabIndex={this._tabIndex}\n\t\t\t\t_tooltipAlign={this._tooltipAlign}\n\t\t\t\t_type={this._type}\n\t\t\t\t_value={this._value}\n\t\t\t\t_variant={this._variant}\n\t\t\t>\n\t\t\t\t<slot name=\"expert\" slot=\"expert\"></slot>\n\t\t\t\t<slot />\n\t\t\t</KolPopoverButtonWcTag>\n\t\t);\n\t}\n\n\t/**\n\t * Defines the key combination that can be used to trigger or focus the component's interactive element.\n\t */\n\t@Prop() public _accessKey?: AccessKeyPropType;\n\n\t/**\n\t * Defines the value for the aria-description attribute.\n\t */\n\t@Prop() public _ariaDescription?: AriaDescriptionPropType;\n\n\t/**\n\t * Defines the custom class attribute if _variant=\"custom\" is set.\n\t */\n\t@Prop() public _customClass?: CustomClassPropType;\n\n\t/**\n\t * Makes the element not focusable and ignore all events.\n\t */\n\t@Prop() public _disabled?: boolean = false;\n\n\t/**\n\t * Hides the caption by default and displays the caption text with a tooltip when the\n\t * interactive element is focused or the mouse is over it.\n\t * @TODO: Change type back to `HideLabelPropType` after Stencil#4663 has been resolved.\n\t */\n\t@Prop() public _hideLabel?: boolean = false;\n\n\t/**\n\t * Defines the icon classnames (e.g. `_icons=\"fa-solid fa-user\"`).\n\t */\n\t@Prop() public _icons?: IconsPropType;\n\n\t/**\n\t * Defines whether the component is displayed as a standalone block or inline without enforcing a minimum size of 44px.\n\t */\n\t@Prop() public _inline?: InlinePropType = false;\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/**\n\t * Defines the technical name of an input field.\n\t */\n\t@Prop() public _name?: string;\n\n\t/**\n\t * Defines where to show the Popover preferably: top, right, bottom or left.\n\t */\n\t@Prop() public _popoverAlign?: PopoverAlignPropType = 'bottom';\n\n\t/**\n\t * Adds a visual shortcut hint after the label and instructs the screen reader to read the shortcut aloud.\n\t */\n\t@Prop() public _shortKey?: ShortKeyPropType;\n\n\t/**\n\t * Selector for synchronizing the value with another input element.\n\t * @internal\n\t */\n\t@Prop() public _syncValueBySelector?: SyncValueBySelectorPropType;\n\n\t/**\n\t * Defines which tab-index the primary element of the component has. (https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex)\n\t */\n\t@Prop() public _tabIndex?: number;\n\n\t/**\n\t * Defines where to show the Tooltip preferably: top, right, bottom or left.\n\t */\n\t@Prop() public _tooltipAlign?: TooltipAlignPropType = 'top';\n\n\t/**\n\t * Defines either the type of the component or of the components interactive element.\n\t */\n\t@Prop() public _type?: ButtonTypePropType = 'button';\n\n\t/**\n\t * Defines the value of the element.\n\t */\n\t@Prop() public _value?: StencilUnknown;\n\n\t/**\n\t * Defines which variant should be used for presentation.\n\t */\n\t@Prop() public _variant?: ButtonVariantPropType = 'normal';\n}\n"],"names":[],"mappings":";;;;;;;AAAA,MAAM,eAAe,GAAG,woPAAwoP;;MC8BnpP,gBAAgB,GAAA,MAAA;AAP7B,IAAA,WAAA,CAAA,OAAA,EAAA;;AA4BS,QAAA,IAAA,CAAA,QAAQ,GAAG,CAAC,GAAmC,KAAI;AAC1D,YAAA,IAAI,CAAC,GAAG,GAAG,GAAG;AACf,SAAC;AAwDc,QAAA,IAAS,CAAA,SAAA,GAAa,KAAK;AAO3B,QAAA,IAAU,CAAA,UAAA,GAAa,KAAK;AAU5B,QAAA,IAAO,CAAA,OAAA,GAAoB,KAAK;AAehC,QAAA,IAAa,CAAA,aAAA,GAA0B,QAAQ;AAqB/C,QAAA,IAAa,CAAA,aAAA,GAA0B,KAAK;AAK5C,QAAA,IAAK,CAAA,KAAA,GAAwB,QAAQ;AAUrC,QAAA,IAAQ,CAAA,QAAA,GAA2B,QAAQ;AAC1D;AA5IO,IAAA,MAAM,WAAW,GAAA;;AACvB,QAAA,MAAK,MAAA,IAAI,CAAC,GAAG,MAAE,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAA,WAAW,EAAE,CAAA;;AAQtB,IAAA,MAAM,WAAW,GAAA;;AACvB,QAAA,MAAK,MAAA,IAAI,CAAC,GAAG,MAAE,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAA,WAAW,EAAE,CAAA;;AAWtB,IAAA,MAAM,KAAK,GAAA;;AACjB,QAAA,OAAO,OAAO,CAAC,OAAO,CAAC,CAAA,EAAA,GAAA,IAAI,CAAC,GAAG,MAAE,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAA,KAAK,EAAE,CAAC;;IAGnC,MAAM,GAAA;AACZ,QAAA,QACC,CAAC,CAAA,qBAAqB,EACrB,EAAA,GAAA,EAAA,0CAAA,EAAA,GAAG,EAAE,IAAI,CAAC,QAAQ,EAClB,UAAU,EAAE,IAAI,CAAC,UAAU,EAC3B,gBAAgB,EAAE,IAAI,CAAC,gBAAgB,EACvC,YAAY,EAAE,IAAI,CAAC,YAAY,EAC/B,SAAS,EAAE,IAAI,CAAC,SAAS,EACzB,UAAU,EAAE,IAAI,CAAC,UAAU,EAC3B,MAAM,EAAE,IAAI,CAAC,MAAM,EACnB,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,MAAM,EAAE,IAAI,CAAC,MAAM,EACnB,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,aAAa,EAAE,IAAI,CAAC,aAAa,EACjC,SAAS,EAAE,IAAI,CAAC,SAAS,EACzB,oBAAoB,EAAE,IAAI,CAAC,oBAAoB,EAC/C,SAAS,EAAE,IAAI,CAAC,SAAS,EACzB,aAAa,EAAE,IAAI,CAAC,aAAa,EACjC,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,MAAM,EAAE,IAAI,CAAC,MAAM,EACnB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAA,EAEvB,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,IAAI,EAAC,QAAQ,EAAC,IAAI,EAAC,QAAQ,EAAQ,CAAA,EACzC,CAAQ,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACe;;;;;;;;;"}

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

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{r as n,h as e}from"./index-0LQrricW.js";import{j as t}from"./component-names-CqTpXVIM.js";import"./common-BIkdAxr0.js";const o="@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    --a11y-min-size: calc(44 * 1rem / var(--kolibri-root-font-size, 16));\n    /*\n     * No element should be used without verifying the contrast ratio of its background and font colors.\n     * By initially setting the background color to white and the font color to black,\n     * the contrast ratio is ensured and explicit adjustment is forced.\n     */\n    color: black;\n    background-color: white;\n    /*\n     * Verdana is an accessible font that can be used without requiring additional loading time.\n     */\n    font-family: Verdana;\n    /*\n     * Letter spacing is required for all texts.\n     */\n    letter-spacing: inherit;\n    /*\n     * Word spacing is required for all texts.\n     */\n    word-spacing: inherit;\n    /*\n     * Text should be aligned left by default to provide a predictable starting point.\n     */\n    text-align: left;\n  }\n  * {\n    /*\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\n     */\n    hyphens: auto;\n    /*\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\n     */\n    word-break: break-word;\n  }\n  /*\n   * All interactive elements should have a minimum size of to-rem(44).\n   */\n  /* input:not([type='checkbox'], [type='radio'], [type='range']), */\n  /* option, */\n  /* select, */\n  /* textarea, */\n  button,\n  .kol-input .input {\n    min-width: var(--a11y-min-size);\n    min-height: var(--a11y-min-size);\n  }\n  /*\n   * Some interactive elements should not inherit the font-family and font-size.\n   */\n  a,\n  button,\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6,\n  input,\n  option,\n  select,\n  textarea {\n    /*\n     * All elements should inherit the text color from his parent element.\n     */\n    color: inherit;\n    /*\n     * All elements should inherit the font family from his parent element.\n     */\n    font-family: inherit;\n    /*\n     * All elements should inherit the font size from his parent element.\n     */\n    font-size: inherit;\n    /*\n     * Letter spacing is required for all texts.\n     */\n    letter-spacing: inherit;\n    /*\n     * Word spacing is required for all texts.\n     */\n    word-spacing: inherit;\n  }\n  /**\n  * Sometimes we need the semantic element for accessibility reasons,\n  * but we don't want to show it.\n  *\n  * - https://www.a11yproject.com/posts/how-to-hide-content/\n  */\n  .visually-hidden {\n    position: fixed;\n    top: 0;\n    left: 0;\n    width: 1px;\n    height: 1px;\n    overflow: hidden;\n    white-space: nowrap;\n    clip-path: inset(50%);\n  }\n}\n@layer kol-global {\n  /*\n   * Dieses CSS stellt sicher, dass der Standard-Style\n   * von A und Button resettet werden.\n   */\n  :is(a, button) {\n    background-color: transparent;\n    width: 100%;\n    margin: 0;\n    padding: 0;\n    border: none;\n    /* 100% needed for custom width from outside */\n  }\n  /*\n   * Ensure elements with hidden attribute to be actually not visible\n   * @see https://meowni.ca/hidden.is.a.lie.html\n   */\n  [hidden] {\n    display: none !important;\n  }\n  .badge-text-hint {\n    color: black;\n    background-color: lightgray;\n  }\n}\n@layer kol-global {\n  :host {\n    /*\n     * The max-width is needed to prevent the table from overflowing the\n     * parent node, if the table is wider than the parent node.\n     */\n    max-width: 100%;\n    font-size: calc(16 * 1rem / var(--kolibri-root-font-size, 16));\n  }\n  * {\n    /*\n     * We prefer to box-sizing: border-box for all elements.\n     */\n    box-sizing: border-box;\n  }\n  .kol-span {\n    /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\n    display: flex;\n    flex-flow: column;\n    align-items: center;\n    justify-content: center;\n    /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\n  }\n  .kol-span__container {\n    display: flex;\n    align-items: center;\n  }\n  a,\n  button {\n    cursor: pointer;\n  }\n  .kol-span .kol-span__label--hide-label .kol-span__label {\n    display: none;\n  }\n  /* Reset browser agent style. */\n  button:disabled {\n    color: unset;\n  }\n  .disabled label,\n  .disabled:focus-within label,\n  [aria-disabled=true],\n  [aria-disabled=true]:focus,\n  [disabled],\n  [disabled]:focus {\n    opacity: 0.5;\n    outline: none;\n    cursor: not-allowed;\n  }\n  [aria-disabled=true]:focus .kol-span,\n  [disabled]:focus .kol-span {\n    outline: none !important;\n  }\n  .hastooltip {\n    z-index: 900 !important;\n  }\n}\n@layer kol-component {\n  .kol-tooltip {\n    display: contents;\n  }\n  .kol-tooltip__floating {\n    opacity: 0;\n    display: none;\n    position: fixed;\n    /* Avoid layout interference - see https://floating-ui.com/docs/computePosition */\n    top: 0;\n    left: 0;\n    /* Can be used to specify the tooltip-width from the outside. Unset by default.  */\n    width: var(--kol-tooltip-width, max-content);\n    min-width: calc(8 * 1rem / var(--kolibri-root-font-size, 16));\n    max-width: 90vw;\n    max-height: 90vh;\n    animation-direction: normal;\n    /* Can be used to specify the animation duration from the outside. 250ms by default. */\n    animation-duration: var(--kolibri-tooltip-animation-duration, 250ms);\n    animation-fill-mode: forwards;\n    animation-iteration-count: 1;\n    animation-timing-function: ease-in;\n  }\n  .kol-tooltip__floating.hide {\n    animation-name: hideTooltip;\n  }\n  .kol-tooltip__floating.show {\n    animation-name: showTooltip;\n  }\n  .kol-tooltip__arrow {\n    transform: rotate(45deg);\n    color: #000;\n    background-color: #fff;\n    position: absolute;\n    z-index: 999;\n    width: calc(10 * 1rem / var(--kolibri-root-font-size, 16));\n    height: calc(10 * 1rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-tooltip__content {\n    color: #000;\n    background-color: #fff;\n    position: relative;\n    z-index: 1000;\n  }\n  @keyframes hideTooltip {\n    0% {\n      opacity: 1;\n    }\n    100% {\n      opacity: 0;\n      display: none;\n    }\n  }\n  @keyframes showTooltip {\n    0% {\n      opacity: 0;\n    }\n    100% {\n      opacity: 1;\n    }\n  }\n}\n@layer kol-component {\n  :host {\n    display: inline-block;\n  }\n  .kol-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-button::before {\n    /* Render zero-width character as first element to set the baseline correctly. */\n    content: \"​\";\n  }\n  .kol-button__text {\n    flex: 1 0 100%;\n  }\n  .kol-popover-button__button {\n    display: inline-block;\n  }\n  .kol-popover-button__popover {\n    margin: 0;\n    padding: 0;\n    border: 0;\n  }\n  .kol-popover-button--inline .kol-popover-button__button {\n    display: inline;\n  }\n  .kol-popover-button--open .kol-button__tooltip {\n    display: none;\n  }\n  .kol-popover-button--inline .kol-button {\n    min-width: 0;\n    min-height: 1em;\n  }\n}",i=class{constructor(e){n(this,e),this.catchRef=n=>{this.ref=n},this._disabled=!1,this._hideLabel=!1,this._inline=!1,this._popoverAlign="bottom",this._tooltipAlign="top",this._type="button",this._variant="normal"}async hidePopover(){var n;null===(n=this.ref)||void 0===n||n.hidePopover()}async showPopover(){var n;null===(n=this.ref)||void 0===n||n.showPopover()}async focus(){var n;return Promise.resolve(null===(n=this.ref)||void 0===n?void 0:n.focus())}render(){return e(t,{key:"0ac44ca7c1b6c320a470df009ae392ee8c7974ae",ref:this.catchRef,_accessKey:this._accessKey,_ariaDescription:this._ariaDescription,_customClass:this._customClass,_disabled:this._disabled,_hideLabel:this._hideLabel,_icons:this._icons,_inline:this._inline,_label:this._label,_name:this._name,_popoverAlign:this._popoverAlign,_shortKey:this._shortKey,_syncValueBySelector:this._syncValueBySelector,_tabIndex:this._tabIndex,_tooltipAlign:this._tooltipAlign,_type:this._type,_value:this._value,_variant:this._variant},e("slot",{key:"db53f74d9def93f7a4f065052e6da644f8761559",name:"expert",slot:"expert"}),e("slot",{key:"f2a2a0ee7fd8765b8b51fc3b3ce4904a0fe474ee"}))}};i.style={default:o};export{i as kol_popover_button};
+import{r as n,h as e}from"./index-rqIkzkgG.js";import{j as t}from"./component-names-CqTpXVIM.js";import"./common-BIkdAxr0.js";const o="@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    --a11y-min-size: calc(44 * 1rem / var(--kolibri-root-font-size, 16));\n    /*\n     * No element should be used without verifying the contrast ratio of its background and font colors.\n     * By initially setting the background color to white and the font color to black,\n     * the contrast ratio is ensured and explicit adjustment is forced.\n     */\n    color: black;\n    background-color: white;\n    /*\n     * Verdana is an accessible font that can be used without requiring additional loading time.\n     */\n    font-family: Verdana;\n    /*\n     * Letter spacing is required for all texts.\n     */\n    letter-spacing: inherit;\n    /*\n     * Word spacing is required for all texts.\n     */\n    word-spacing: inherit;\n    /*\n     * Text should be aligned left by default to provide a predictable starting point.\n     */\n    text-align: left;\n  }\n  * {\n    /*\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\n     */\n    hyphens: auto;\n    /*\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\n     */\n    word-break: break-word;\n  }\n  /*\n   * All interactive elements should have a minimum size of to-rem(44).\n   */\n  /* input:not([type='checkbox'], [type='radio'], [type='range']), */\n  /* option, */\n  /* select, */\n  /* textarea, */\n  button,\n  .kol-input .input {\n    min-width: var(--a11y-min-size);\n    min-height: var(--a11y-min-size);\n  }\n  /*\n   * Some interactive elements should not inherit the font-family and font-size.\n   */\n  a,\n  button,\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6,\n  input,\n  option,\n  select,\n  textarea {\n    /*\n     * All elements should inherit the text color from his parent element.\n     */\n    color: inherit;\n    /*\n     * All elements should inherit the font family from his parent element.\n     */\n    font-family: inherit;\n    /*\n     * All elements should inherit the font size from his parent element.\n     */\n    font-size: inherit;\n    /*\n     * Letter spacing is required for all texts.\n     */\n    letter-spacing: inherit;\n    /*\n     * Word spacing is required for all texts.\n     */\n    word-spacing: inherit;\n  }\n  /**\n  * Sometimes we need the semantic element for accessibility reasons,\n  * but we don't want to show it.\n  *\n  * - https://www.a11yproject.com/posts/how-to-hide-content/\n  */\n  .visually-hidden {\n    position: fixed;\n    top: 0;\n    left: 0;\n    width: 1px;\n    height: 1px;\n    overflow: hidden;\n    white-space: nowrap;\n    clip-path: inset(50%);\n  }\n}\n@layer kol-global {\n  /*\n   * Dieses CSS stellt sicher, dass der Standard-Style\n   * von A und Button resettet werden.\n   */\n  :is(a, button) {\n    background-color: transparent;\n    width: 100%;\n    margin: 0;\n    padding: 0;\n    border: none;\n    /* 100% needed for custom width from outside */\n  }\n  /*\n   * Ensure elements with hidden attribute to be actually not visible\n   * @see https://meowni.ca/hidden.is.a.lie.html\n   */\n  [hidden] {\n    display: none !important;\n  }\n  .badge-text-hint {\n    color: black;\n    background-color: lightgray;\n  }\n}\n@layer kol-global {\n  :host {\n    /*\n     * The max-width is needed to prevent the table from overflowing the\n     * parent node, if the table is wider than the parent node.\n     */\n    max-width: 100%;\n    font-size: calc(16 * 1rem / var(--kolibri-root-font-size, 16));\n  }\n  * {\n    /*\n     * We prefer to box-sizing: border-box for all elements.\n     */\n    box-sizing: border-box;\n  }\n  .kol-span {\n    /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\n    display: flex;\n    flex-flow: column;\n    align-items: center;\n    justify-content: center;\n    /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\n  }\n  .kol-span__container {\n    display: flex;\n    align-items: center;\n  }\n  a,\n  button {\n    cursor: pointer;\n  }\n  .kol-span .kol-span__label--hide-label .kol-span__label {\n    display: none;\n  }\n  /* Reset browser agent style. */\n  button:disabled {\n    color: unset;\n  }\n  .disabled label,\n  .disabled:focus-within label,\n  [aria-disabled=true],\n  [aria-disabled=true]:focus,\n  [disabled],\n  [disabled]:focus {\n    opacity: 0.5;\n    outline: none;\n    cursor: not-allowed;\n  }\n  [aria-disabled=true]:focus .kol-span,\n  [disabled]:focus .kol-span {\n    outline: none !important;\n  }\n  .hastooltip {\n    z-index: 900 !important;\n  }\n}\n@layer kol-component {\n  .kol-tooltip {\n    display: contents;\n  }\n  .kol-tooltip__floating {\n    opacity: 0;\n    display: none;\n    position: fixed;\n    /* Avoid layout interference - see https://floating-ui.com/docs/computePosition */\n    top: 0;\n    left: 0;\n    /* Can be used to specify the tooltip-width from the outside. Unset by default.  */\n    width: var(--kol-tooltip-width, max-content);\n    min-width: calc(8 * 1rem / var(--kolibri-root-font-size, 16));\n    max-width: 90vw;\n    max-height: 90vh;\n    animation-direction: normal;\n    /* Can be used to specify the animation duration from the outside. 250ms by default. */\n    animation-duration: var(--kolibri-tooltip-animation-duration, 250ms);\n    animation-fill-mode: forwards;\n    animation-iteration-count: 1;\n    animation-timing-function: ease-in;\n  }\n  .kol-tooltip__floating.hide {\n    animation-name: hideTooltip;\n  }\n  .kol-tooltip__floating.show {\n    animation-name: showTooltip;\n  }\n  .kol-tooltip__arrow {\n    transform: rotate(45deg);\n    color: #000;\n    background-color: #fff;\n    position: absolute;\n    z-index: 999;\n    width: calc(10 * 1rem / var(--kolibri-root-font-size, 16));\n    height: calc(10 * 1rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-tooltip__content {\n    color: #000;\n    background-color: #fff;\n    position: relative;\n    z-index: 1000;\n  }\n  @keyframes hideTooltip {\n    0% {\n      opacity: 1;\n    }\n    100% {\n      opacity: 0;\n      display: none;\n    }\n  }\n  @keyframes showTooltip {\n    0% {\n      opacity: 0;\n    }\n    100% {\n      opacity: 1;\n    }\n  }\n}\n@layer kol-component {\n  :host {\n    display: inline-block;\n  }\n  .kol-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-button::before {\n    /* Render zero-width character as first element to set the baseline correctly. */\n    content: \"​\";\n  }\n  .kol-button__text {\n    flex: 1 0 100%;\n  }\n  .kol-popover-button__popover {\n    margin: 0;\n    padding: 0;\n    border: 0;\n  }\n  .kol-popover-button--inline .kol-popover-button__button {\n    display: inline;\n  }\n  .kol-popover-button--open .kol-button__tooltip {\n    display: none;\n  }\n  .kol-popover-button--inline .kol-button {\n    min-width: 0;\n    min-height: 1em;\n  }\n}",i=class{constructor(e){n(this,e),this.catchRef=n=>{this.ref=n},this._disabled=!1,this._hideLabel=!1,this._inline=!1,this._popoverAlign="bottom",this._tooltipAlign="top",this._type="button",this._variant="normal"}async hidePopover(){var n;null===(n=this.ref)||void 0===n||n.hidePopover()}async showPopover(){var n;null===(n=this.ref)||void 0===n||n.showPopover()}async focus(){var n;return Promise.resolve(null===(n=this.ref)||void 0===n?void 0:n.focus())}render(){return e(t,{key:"d405c3e4ea58c0d884d854e8bf847f471bc7e4ba",ref:this.catchRef,_accessKey:this._accessKey,_ariaDescription:this._ariaDescription,_customClass:this._customClass,_disabled:this._disabled,_hideLabel:this._hideLabel,_icons:this._icons,_inline:this._inline,_label:this._label,_name:this._name,_popoverAlign:this._popoverAlign,_shortKey:this._shortKey,_syncValueBySelector:this._syncValueBySelector,_tabIndex:this._tabIndex,_tooltipAlign:this._tooltipAlign,_type:this._type,_value:this._value,_variant:this._variant},e("slot",{key:"9098b79390a2413a30c74badf954b1276941e44d",name:"expert",slot:"expert"}),e("slot",{key:"213ab1212f3b13899c33e46531b6c97e1c28db7b"}))}};i.style={default:o};export{i as kol_popover_button};

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

@@ -1 +1 @@
-{"version":3,"names":["registerInstance","h","KolPopoverButtonWcTag","defaultStyleCss","KolPopoverButton","constructor","hostRef","this","catchRef","ref","_disabled","_hideLabel","_inline","_popoverAlign","_tooltipAlign","_type","_variant","hidePopover","_a","showPopover","focus","Promise","resolve","render","key","_accessKey","_ariaDescription","_customClass","_icons","_label","_name","_shortKey","_syncValueBySelector","_tabIndex","_value","name","slot","style","default"],"sources":["0"],"mappings":";;;YAGcA,OAAkBC,MAAS,kCAC3BC,MAA6B,sCACpC,uBAEP,MAAMC,EAAkB,2sPAExB,MAAMC,EAAmB,MACrB,WAAAC,CAAYC,GACRN,EAAiBO,KAAMD,GACvBC,KAAKC,SAAYC,IACbF,KAAKE,IAAMA,CAAG,EAElBF,KAAKG,UAAY,MACjBH,KAAKI,WAAa,MAClBJ,KAAKK,QAAU,MACfL,KAAKM,cAAgB,SACrBN,KAAKO,cAAgB,MACrBP,KAAKQ,MAAQ,SACbR,KAAKS,SAAW,QACpB,CACA,iBAAMC,GACF,IAAIC,QACGA,EAAKX,KAAKE,OAAS,MAAQS,SAAY,OAAS,EAAIA,EAAGD,cAClE,CACA,iBAAME,GACF,IAAID,QACGA,EAAKX,KAAKE,OAAS,MAAQS,SAAY,OAAS,EAAIA,EAAGC,cAClE,CACA,WAAMC,GACF,IAAIF,EACJ,OAAOG,QAAQC,SAASJ,EAAKX,KAAKE,OAAS,MAAQS,SAAY,OAAS,EAAIA,EAAGE,QACnF,CACA,MAAAG,GACI,OAAQtB,EAAEC,EAAuB,CAAEsB,IAAK,2CAA4Cf,IAAKF,KAAKC,SAAUiB,WAAYlB,KAAKkB,WAAYC,iBAAkBnB,KAAKmB,iBAAkBC,aAAcpB,KAAKoB,aAAcjB,UAAWH,KAAKG,UAAWC,WAAYJ,KAAKI,WAAYiB,OAAQrB,KAAKqB,OAAQhB,QAASL,KAAKK,QAASiB,OAAQtB,KAAKsB,OAAQC,MAAOvB,KAAKuB,MAAOjB,cAAeN,KAAKM,cAAekB,UAAWxB,KAAKwB,UAAWC,qBAAsBzB,KAAKyB,qBAAsBC,UAAW1B,KAAK0B,UAAWnB,cAAeP,KAAKO,cAAeC,MAAOR,KAAKQ,MAAOmB,OAAQ3B,KAAK2B,OAAQlB,SAAUT,KAAKS,UAAYf,EAAE,OAAQ,CAAEuB,IAAK,2CAA4CW,KAAM,SAAUC,KAAM,WAAanC,EAAE,OAAQ,CAAEuB,IAAK,6CAChsB,GAEJpB,EAAiBiC,MAAQ,CACrBC,QAASnC,UAGJC","ignoreList":[]}
+{"version":3,"names":["registerInstance","h","KolPopoverButtonWcTag","defaultStyleCss","KolPopoverButton","constructor","hostRef","this","catchRef","ref","_disabled","_hideLabel","_inline","_popoverAlign","_tooltipAlign","_type","_variant","hidePopover","_a","showPopover","focus","Promise","resolve","render","key","_accessKey","_ariaDescription","_customClass","_icons","_label","_name","_shortKey","_syncValueBySelector","_tabIndex","_value","name","slot","style","default"],"sources":["0"],"mappings":";;;YAGcA,OAAkBC,MAAS,kCAC3BC,MAA6B,sCACpC,uBAEP,MAAMC,EAAkB,yoPAExB,MAAMC,EAAmB,MACrB,WAAAC,CAAYC,GACRN,EAAiBO,KAAMD,GACvBC,KAAKC,SAAYC,IACbF,KAAKE,IAAMA,CAAG,EAElBF,KAAKG,UAAY,MACjBH,KAAKI,WAAa,MAClBJ,KAAKK,QAAU,MACfL,KAAKM,cAAgB,SACrBN,KAAKO,cAAgB,MACrBP,KAAKQ,MAAQ,SACbR,KAAKS,SAAW,QACpB,CACA,iBAAMC,GACF,IAAIC,QACGA,EAAKX,KAAKE,OAAS,MAAQS,SAAY,OAAS,EAAIA,EAAGD,cAClE,CACA,iBAAME,GACF,IAAID,QACGA,EAAKX,KAAKE,OAAS,MAAQS,SAAY,OAAS,EAAIA,EAAGC,cAClE,CACA,WAAMC,GACF,IAAIF,EACJ,OAAOG,QAAQC,SAASJ,EAAKX,KAAKE,OAAS,MAAQS,SAAY,OAAS,EAAIA,EAAGE,QACnF,CACA,MAAAG,GACI,OAAQtB,EAAEC,EAAuB,CAAEsB,IAAK,2CAA4Cf,IAAKF,KAAKC,SAAUiB,WAAYlB,KAAKkB,WAAYC,iBAAkBnB,KAAKmB,iBAAkBC,aAAcpB,KAAKoB,aAAcjB,UAAWH,KAAKG,UAAWC,WAAYJ,KAAKI,WAAYiB,OAAQrB,KAAKqB,OAAQhB,QAASL,KAAKK,QAASiB,OAAQtB,KAAKsB,OAAQC,MAAOvB,KAAKuB,MAAOjB,cAAeN,KAAKM,cAAekB,UAAWxB,KAAKwB,UAAWC,qBAAsBzB,KAAKyB,qBAAsBC,UAAW1B,KAAK0B,UAAWnB,cAAeP,KAAKO,cAAeC,MAAOR,KAAKQ,MAAOmB,OAAQ3B,KAAK2B,OAAQlB,SAAUT,KAAKS,UAAYf,EAAE,OAAQ,CAAEuB,IAAK,2CAA4CW,KAAM,SAAUC,KAAM,WAAanC,EAAE,OAAQ,CAAEuB,IAAK,6CAChsB,GAEJpB,EAAiBiC,MAAQ,CACrBC,QAASnC,UAGJC","ignoreList":[]}

package/dist/kolibri/kol-popover-wc.entry.js

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{r as i,h as t,H as s}from"./index-0LQrricW.js";import{a as o,b as e}from"./align-floating-elements-B53gjKzS.js";import{b as h,z as l}from"./common-BIkdAxr0.js";import{v as r}from"./align-DDUsWnWP.js";import{v as n}from"./show-DWCKSt29.js";import{c as a}from"./clsx-COFh-Vc8.js";import{d as c,K as d}from"./events-DHTi_wtD.js";const v=(e,t)=>{h(e,"_on",e=>"object"==typeof e&&null!==e,new Set(["PopoverCallbacksPropType {Events.onClose}"]),t)},f=class{constructor(t){i(this,t),this.alignPopover=async()=>{this.popoverElement&&(this.triggerElement&&await o({align:this._align,referenceElement:this.triggerElement,arrowElement:this.arrowElement,floatingElement:this.popoverElement}),this.popoverElement.style.removeProperty("visibility"))},this.handleBeforeToggle=e=>{"open"===e.newState&&this.popoverElement&&(this.popoverElement.style.visibility="hidden")},this.handleToggle=t=>{var o,i,s,l,n,r;const h=t,a="open"===h.newState;if(this.state=Object.assign(Object.assign({},this.state),{_show:a,_visible:a}),a)null===(o=this.cleanupAutoUpdate)||void 0===o||o.call(this),this.triggerElement&&this.popoverElement&&(this.cleanupAutoUpdate=e(this.triggerElement,this.popoverElement,()=>{this.alignPopover()})),this.addListenersToBody(),this.alignPopover();else{null===(i=this.cleanupAutoUpdate)||void 0===i||i.call(this),this.cleanupAutoUpdate=void 0,this.removeListenersFromBody();const e=null!==(s=this.lastCloseEvent)&&void 0!==s?s:h;this.lastCloseEvent=void 0,null===(l=this.triggerElement)||void 0===l||l.focus(),null===(r=null===(n=this.state._on)||void 0===n?void 0:n.onClose)||void 0===r||r.call(n,e),this.host&&c(this.host,d.close)}this._show!==a&&(this._show=a)},this.catchHostAndTriggerElement=e=>{e&&(this.host=e,this.triggerElement=e.previousElementSibling)},this.catchPopoverElement=e=>{this.popoverElement&&(this.popoverElement.removeEventListener("beforetoggle",this.handleBeforeToggle),this.popoverElement.removeEventListener("toggle",this.handleToggle)),this.popoverElement=e,this.popoverElement&&(this.popoverElement.addEventListener("beforetoggle",this.handleBeforeToggle),this.popoverElement.addEventListener("toggle",this.handleToggle),this.syncPopoverVisibility())},this.catchArrowElement=e=>{this.arrowElement=e},this.requestHide=e=>{var t;this.lastCloseEvent=e,null===(t=this.popoverElement)||void 0===t||t.hidePopover()},this.handleEscape=e=>{"Escape"===e.key&&this.requestHide(e)},this.hidePopoverByClickOutside=e=>{this.host&&!this.host.contains(e.target)&&this.requestHide(e)},this.handleScroll=()=>{this.alignPopover()},this._align="top",this._show=!1,this.state={_align:"top",_on:{},_show:!1,_visible:!1}}addListenersToBody(){var e;const t=l(),o=t.body;o.addEventListener("keyup",this.handleEscape,{capture:!0}),o.addEventListener("click",this.hidePopoverByClickOutside,{capture:!0}),null===(e=t.scrollingElement)||void 0===e||e.addEventListener("scroll",this.handleScroll,{passive:!0})}removeListenersFromBody(){var e;const t=l(),o=t.body;o.removeEventListener("keyup",this.handleEscape,{capture:!0}),o.removeEventListener("click",this.hidePopoverByClickOutside,{capture:!0}),null===(e=t.scrollingElement)||void 0===e||e.removeEventListener("scroll",this.handleScroll)}syncPopoverVisibility(){if(!this.popoverElement)return;const e=()=>{if(!this.popoverElement)return;const e=this.popoverElement.matches(":popover-open");this._show?e||this.popoverElement.showPopover():e&&this.popoverElement.hidePopover()};this.popoverElement.isConnected?e():requestAnimationFrame(()=>{e()})}render(){return t(s,{key:"c935ecea29ed4ef3b51611f7743dc710d7df5a8f",ref:this.catchHostAndTriggerElement,class:"kol-popover"},t("div",{key:"4343375f9ca3478474359dcf1d295e6897cee3a1",class:a("kol-popover__content",{"kol-popover__content--visible":this.state._visible}),ref:this.catchPopoverElement,popover:"auto"},t("div",{key:"28a8f8a066fd157737730999e7b6768a9ba2c5a9",class:a("kol-popover__arrow",`kol-popover__arrow--${this.state._align}`),ref:this.catchArrowElement}),t("slot",{key:"468f57ed56cb7b9f79bd7e9f4488c300e389c546"})))}validateAlign(e){r(this,e),this.alignPopover()}validateOn(e){v(this,e)}validateShow(e){if(n(this,e),this.popoverElement){const t=this.popoverElement.matches(":popover-open");if(e){if(!t)try{this.popoverElement.showPopover()}catch(e){}}else if(t)try{this.popoverElement.hidePopover()}catch(e){}}}componentWillLoad(){this.validateAlign(this._align),this.validateShow(this._show)}disconnectedCallback(){var e,t,o;null===(e=this.popoverElement)||void 0===e||e.removeEventListener("beforetoggle",this.handleBeforeToggle),null===(t=this.popoverElement)||void 0===t||t.removeEventListener("toggle",this.handleToggle),null===(o=this.cleanupAutoUpdate)||void 0===o||o.call(this),this.cleanupAutoUpdate=void 0,this.removeListenersFromBody()}static get watchers(){return{_align:["validateAlign"],_on:["validateOn"],_show:["validateShow"]}}};export{f as kol_popover_wc};
+import{r as i,h as t,H as s}from"./index-rqIkzkgG.js";import{a as e,b as o}from"./align-floating-elements-DGbaInbL.js";import{b as h,z as l}from"./common-BIkdAxr0.js";import{v as n}from"./align-DDUsWnWP.js";import{v as r}from"./show-DWCKSt29.js";import{c as a}from"./clsx-COFh-Vc8.js";import{d,K as v}from"./events-DHTi_wtD.js";const c=(e,t)=>{h(e,"_on",e=>"object"==typeof e&&null!==e,new Set(["PopoverCallbacksPropType {Events.onClose}"]),t)},f=class{constructor(t){i(this,t),this.alignPopover=async()=>{this.popoverElement&&(this.triggerElement&&await e({align:this._align,referenceElement:this.triggerElement,arrowElement:this.arrowElement,floatingElement:this.popoverElement}),this.popoverElement.style.removeProperty("visibility"))},this.handleBeforeToggle=e=>{"open"===e.newState&&this.popoverElement&&(this.popoverElement.style.visibility="hidden")},this.handleToggle=e=>{var t,i,s,l,n,r;const h=e,a="open"===h.newState;if(this.state=Object.assign(Object.assign({},this.state),{_show:a,_visible:a}),a)null===(t=this.cleanupAutoUpdate)||void 0===t||t.call(this),this.triggerElement&&this.popoverElement&&(this.cleanupAutoUpdate=o(this.triggerElement,this.popoverElement,()=>{this.alignPopover()})),this.addListenersToBody(),this.alignPopover();else{null===(i=this.cleanupAutoUpdate)||void 0===i||i.call(this),this.cleanupAutoUpdate=void 0,this.removeListenersFromBody();const e=null!==(s=this.lastCloseEvent)&&void 0!==s?s:h;this.lastCloseEvent=void 0,null===(l=this.triggerElement)||void 0===l||l.focus(),null===(r=null===(n=this.state._on)||void 0===n?void 0:n.onClose)||void 0===r||r.call(n,e),this.host&&d(this.host,v.close)}this._show!==a&&(this._show=a)},this.catchHostAndTriggerElement=e=>{e&&(this.host=e,this.triggerElement=e.previousElementSibling)},this.catchPopoverElement=e=>{this.popoverElement&&(this.popoverElement.removeEventListener("beforetoggle",this.handleBeforeToggle),this.popoverElement.removeEventListener("toggle",this.handleToggle)),this.popoverElement=e,this.popoverElement&&(this.popoverElement.addEventListener("beforetoggle",this.handleBeforeToggle),this.popoverElement.addEventListener("toggle",this.handleToggle),this.syncPopoverVisibility())},this.catchArrowElement=e=>{this.arrowElement=e},this.requestHide=e=>{var t;this.lastCloseEvent=e,null===(t=this.popoverElement)||void 0===t||t.hidePopover()},this.handleEscape=e=>{"Escape"===e.key&&this.requestHide(e)},this.hidePopoverByClickOutside=e=>{this.host&&!this.host.contains(e.target)&&this.requestHide(e)},this.handleScroll=()=>{this.alignPopover()},this._align="top",this._show=!1,this.state={_align:"top",_on:{},_show:!1,_visible:!1}}addListenersToBody(){var e;const t=l(),o=t.body;o.addEventListener("keyup",this.handleEscape,{capture:!0}),o.addEventListener("click",this.hidePopoverByClickOutside,{capture:!0}),null===(e=t.scrollingElement)||void 0===e||e.addEventListener("scroll",this.handleScroll,{passive:!0})}removeListenersFromBody(){var e;const t=l(),o=t.body;o.removeEventListener("keyup",this.handleEscape,{capture:!0}),o.removeEventListener("click",this.hidePopoverByClickOutside,{capture:!0}),null===(e=t.scrollingElement)||void 0===e||e.removeEventListener("scroll",this.handleScroll)}syncPopoverVisibility(){if(!this.popoverElement)return;const e=()=>{if(!this.popoverElement)return;const e=this.popoverElement.matches(":popover-open");this._show?e||this.popoverElement.showPopover():e&&this.popoverElement.hidePopover()};this.popoverElement.isConnected?e():requestAnimationFrame(()=>{e()})}render(){return t(s,{key:"751d5e78e0828db0d6aa60fd3bb6f11975a5b245",ref:this.catchHostAndTriggerElement,class:"kol-popover"},t("div",{key:"4c53a7572790e7b73f3ef0645ad50628a663710b",class:a("kol-popover__content",{"kol-popover__content--visible":this.state._visible}),ref:this.catchPopoverElement,popover:"auto"},t("div",{key:"ae6c14b05282f0ceed5fc0f48e4233f7ee26d2ec",class:a("kol-popover__arrow",`kol-popover__arrow--${this.state._align}`),ref:this.catchArrowElement}),t("slot",{key:"b200b482e665bfe097d783a620eac5122e61e63c"})))}validateAlign(e){n(this,e),this.alignPopover()}validateOn(e){c(this,e)}validateShow(e){if(r(this,e),this.popoverElement){const t=this.popoverElement.matches(":popover-open");if(e){if(!t)try{this.popoverElement.showPopover()}catch(e){}}else if(t)try{this.popoverElement.hidePopover()}catch(e){}}}componentWillLoad(){this.validateAlign(this._align),this.validateShow(this._show)}disconnectedCallback(){var e,t,o;null===(e=this.popoverElement)||void 0===e||e.removeEventListener("beforetoggle",this.handleBeforeToggle),null===(t=this.popoverElement)||void 0===t||t.removeEventListener("toggle",this.handleToggle),null===(o=this.cleanupAutoUpdate)||void 0===o||o.call(this),this.cleanupAutoUpdate=void 0,this.removeListenersFromBody()}static get watchers(){return{_align:["validateAlign"],_on:["validateOn"],_show:["validateShow"]}}};export{f as kol_popover_wc};

package/dist/kolibri/kol-popover-wc.entry.js.map

@@ -1 +1 @@
-{"version":3,"names":["registerInstance","h","Host","alignFloatingElements","autoUpdate","watchValidator","getDocument","validateAlign","validateShow","clsx","dispatchDomEvent","KolEvent","validatePopoverCallbacks","component","value","Set","KolPopover","constructor","hostRef","this","alignPopover","async","popoverElement","triggerElement","align","_align","referenceElement","arrowElement","floatingElement","style","removeProperty","handleBeforeToggle","event","newState","visibility","handleToggle","_a","_b","_c","_d","_e","_f","toggleEvent","isOpen","state","Object","assign","_show","_visible","cleanupAutoUpdate","call","addListenersToBody","undefined","removeListenersFromBody","closeEvent","lastCloseEvent","focus","_on","onClose","host","close","catchHostAndTriggerElement","element","previousElementSibling","catchPopoverElement","removeEventListener","addEventListener","syncPopoverVisibility","catchArrowElement","requestHide","hidePopover","handleEscape","key","hidePopoverByClickOutside","contains","target","handleScroll","documentElement","body","capture","scrollingElement","passive","toggleVisibility","matches","showPopover","isConnected","requestAnimationFrame","render","ref","class","popover","validateOn","componentWillLoad","disconnectedCallback","watchers"],"sources":["0"],"mappings":";;;YAGcA,OAAkBC,OAAQC,MAAY,kCACtCC,OAA4BC,MAAkB,oDAC9CC,OAAqBC,MAAmB,mCACxCC,MAAqB,kCACrBC,MAAoB,iCACpBC,MAAY,iCACZC,OAAuBC,MAAgB,uBAErD,MAAMC,EAA2B,CAACC,EAAWC,KACzCT,EAAeQ,EAAW,OAAQC,UAAiBA,IAAU,UAAYA,IAAU,MAAM,IAAIC,IAAI,CAAC,8CAA+CD,EAAM,EAG3J,MAAME,EAAa,MACf,WAAAC,CAAYC,GACRlB,EAAiBmB,KAAMD,GACvBC,KAAKC,aAAeC,UAChB,IAAKF,KAAKG,eAAgB,CACtB,MACJ,CACA,GAAIH,KAAKI,eAAgB,OACfpB,EAAsB,CACxBqB,MAAOL,KAAKM,OACZC,iBAAkBP,KAAKI,eACvBI,aAAcR,KAAKQ,aACnBC,gBAAiBT,KAAKG,gBAE9B,CACAH,KAAKG,eAAeO,MAAMC,eAAe,aAAa,EAE1DX,KAAKY,mBAAsBC,IACvB,GAAIA,EAAMC,WAAa,QAAUd,KAAKG,eAAgB,CAClDH,KAAKG,eAAeO,MAAMK,WAAa,QAC3C,GAEJf,KAAKgB,aAAgBH,IACjB,IAAII,EAAIC,EAAIC,EAAIC,EAAIC,EAAIC,EACxB,MAAMC,EAAcV,EACpB,MAAMW,EAASD,EAAYT,WAAa,OACxCd,KAAKyB,MAAQC,OAAOC,OAAOD,OAAOC,OAAO,CAAC,EAAG3B,KAAKyB,OAAQ,CAAEG,MAAOJ,EAAQK,SAAUL,IACrF,GAAIA,EAAQ,EACPP,EAAKjB,KAAK8B,qBAAuB,MAAQb,SAAY,OAAS,EAAIA,EAAGc,KAAK/B,MAC3E,GAAIA,KAAKI,gBAAkBJ,KAAKG,eAAgB,CAC5CH,KAAK8B,kBAAoB7C,EAAWe,KAAKI,eAAgBJ,KAAKG,gBAAgB,UACrEH,KAAKC,cAAc,GAEhC,CACAD,KAAKgC,0BACAhC,KAAKC,cACd,KACK,EACAiB,EAAKlB,KAAK8B,qBAAuB,MAAQZ,SAAY,OAAS,EAAIA,EAAGa,KAAK/B,MAC3EA,KAAK8B,kBAAoBG,UACzBjC,KAAKkC,0BACL,MAAMC,GAAehB,EAAKnB,KAAKoC,kBAAoB,MAAQjB,SAAY,EAAIA,EAAKI,EAChFvB,KAAKoC,eAAiBH,WACrBb,EAAKpB,KAAKI,kBAAoB,MAAQgB,SAAY,OAAS,EAAIA,EAAGiB,SAClEf,GAAMD,EAAKrB,KAAKyB,MAAMa,OAAS,MAAQjB,SAAY,OAAS,EAAIA,EAAGkB,WAAa,MAAQjB,SAAY,OAAS,EAAIA,EAAGS,KAAKV,EAAIc,GAC9H,GAAInC,KAAKwC,KAAM,CACXjD,EAAiBS,KAAKwC,KAAMhD,EAASiD,MACzC,CACJ,CACA,GAAIzC,KAAK4B,QAAUJ,EAAQ,CACvBxB,KAAK4B,MAAQJ,CACjB,GAEJxB,KAAK0C,2BAA8BC,IAC/B,GAAIA,EAAS,CACT3C,KAAKwC,KAAOG,EACZ3C,KAAKI,eAAiBuC,EAAQC,sBAClC,GAEJ5C,KAAK6C,oBAAuBF,IACxB,GAAI3C,KAAKG,eAAgB,CACrBH,KAAKG,eAAe2C,oBAAoB,eAAgB9C,KAAKY,oBAC7DZ,KAAKG,eAAe2C,oBAAoB,SAAU9C,KAAKgB,aAC3D,CACAhB,KAAKG,eAAiBwC,EACtB,GAAI3C,KAAKG,eAAgB,CACrBH,KAAKG,eAAe4C,iBAAiB,eAAgB/C,KAAKY,oBAC1DZ,KAAKG,eAAe4C,iBAAiB,SAAU/C,KAAKgB,cACpDhB,KAAKgD,uBACT,GAEJhD,KAAKiD,kBAAqBN,IACtB3C,KAAKQ,aAAemC,CAAO,EAE/B3C,KAAKkD,YAAerC,IAChB,IAAII,EACJjB,KAAKoC,eAAiBvB,GACrBI,EAAKjB,KAAKG,kBAAoB,MAAQc,SAAY,OAAS,EAAIA,EAAGkC,aAAa,EAEpFnD,KAAKoD,aAAgBvC,IACjB,GAAIA,EAAMwC,MAAQ,SAAU,CACxBrD,KAAKkD,YAAYrC,EACrB,GAEJb,KAAKsD,0BAA6BzC,IAC9B,GAAIb,KAAKwC,OAASxC,KAAKwC,KAAKe,SAAS1C,EAAM2C,QAAS,CAChDxD,KAAKkD,YAAYrC,EACrB,GAEJb,KAAKyD,aAAe,UACXzD,KAAKC,cAAc,EAE5BD,KAAKM,OAAS,MACdN,KAAK4B,MAAQ,MACb5B,KAAKyB,MAAQ,CACTnB,OAAQ,MACRgC,IAAK,CAAC,EACNV,MAAO,MACPC,SAAU,MAElB,CACA,kBAAAG,GACI,IAAIf,EACJ,MAAMyC,EAAkBvE,IACxB,MAAMwE,EAAOD,EAAgBC,KAC7BA,EAAKZ,iBAAiB,QAAS/C,KAAKoD,aAAc,CAAEQ,QAAS,OAC7DD,EAAKZ,iBAAiB,QAAS/C,KAAKsD,0BAA2B,CAAEM,QAAS,QACzE3C,EAAKyC,EAAgBG,oBAAsB,MAAQ5C,SAAY,OAAS,EAAIA,EAAG8B,iBAAiB,SAAU/C,KAAKyD,aAAc,CAAEK,QAAS,MAC7I,CACA,uBAAA5B,GACI,IAAIjB,EACJ,MAAMyC,EAAkBvE,IACxB,MAAMwE,EAAOD,EAAgBC,KAC7BA,EAAKb,oBAAoB,QAAS9C,KAAKoD,aAAc,CAAEQ,QAAS,OAChED,EAAKb,oBAAoB,QAAS9C,KAAKsD,0BAA2B,CAAEM,QAAS,QAC5E3C,EAAKyC,EAAgBG,oBAAsB,MAAQ5C,SAAY,OAAS,EAAIA,EAAG6B,oBAAoB,SAAU9C,KAAKyD,aACvH,CACA,qBAAAT,GACI,IAAKhD,KAAKG,eAAgB,CACtB,MACJ,CACA,MAAM4D,EAAmB,KACrB,IAAK/D,KAAKG,eAAgB,CACtB,MACJ,CACA,MAAMqB,EAASxB,KAAKG,eAAe6D,QAAQ,iBAC3C,GAAIhE,KAAK4B,MAAO,CACZ,IAAKJ,EAAQ,CACTxB,KAAKG,eAAe8D,aACxB,CACJ,KACK,CACD,GAAIzC,EAAQ,CACRxB,KAAKG,eAAegD,aACxB,CACJ,GAEJ,GAAInD,KAAKG,eAAe+D,YAAa,CACjCH,GACJ,KACK,CACDI,uBAAsB,KAClBJ,GAAkB,GAE1B,CACJ,CACA,MAAAK,GACI,OAAQtF,EAAEC,EAAM,CAAEsE,IAAK,2CAA4CgB,IAAKrE,KAAK0C,2BAA4B4B,MAAO,eAAiBxF,EAAE,MAAO,CAAEuE,IAAK,2CAA4CiB,MAAOhF,EAAK,uBAAwB,CAAE,gCAAiCU,KAAKyB,MAAMI,WAAawC,IAAKrE,KAAK6C,oBAAqB0B,QAAS,QAAUzF,EAAE,MAAO,CAAEuE,IAAK,2CAA4CiB,MAAOhF,EAAK,qBAAsB,uBAAuBU,KAAKyB,MAAMnB,UAAW+D,IAAKrE,KAAKiD,oBAAsBnE,EAAE,OAAQ,CAAEuE,IAAK,8CAC9gB,CACA,aAAAjE,CAAcO,GACVP,EAAcY,KAAML,QACfK,KAAKC,cACd,CACA,UAAAuE,CAAW7E,GACPF,EAAyBO,KAAML,EACnC,CACA,YAAAN,CAAaM,GACTN,EAAaW,KAAML,GACnB,GAAIK,KAAKG,eAAgB,CACrB,MAAMqB,EAASxB,KAAKG,eAAe6D,QAAQ,iBAC3C,GAAIrE,EAAO,CACP,IAAK6B,EAAQ,CACT,IACIxB,KAAKG,eAAe8D,aACxB,CACA,MAAOhD,GACP,CACJ,CACJ,KACK,CACD,GAAIO,EAAQ,CACR,IACIxB,KAAKG,eAAegD,aACxB,CACA,MAAOjC,GACP,CACJ,CACJ,CACJ,CACJ,CACA,iBAAAuD,GACIzE,KAAKZ,cAAcY,KAAKM,QACxBN,KAAKX,aAAaW,KAAK4B,MAC3B,CACA,oBAAA8C,GACI,IAAIzD,EAAIC,EAAIC,GACXF,EAAKjB,KAAKG,kBAAoB,MAAQc,SAAY,OAAS,EAAIA,EAAG6B,oBAAoB,eAAgB9C,KAAKY,qBAC3GM,EAAKlB,KAAKG,kBAAoB,MAAQe,SAAY,OAAS,EAAIA,EAAG4B,oBAAoB,SAAU9C,KAAKgB,eACrGG,EAAKnB,KAAK8B,qBAAuB,MAAQX,SAAY,OAAS,EAAIA,EAAGY,KAAK/B,MAC3EA,KAAK8B,kBAAoBG,UACzBjC,KAAKkC,yBACT,CACA,mBAAWyC,GAAa,MAAO,CAC3BrE,OAAU,CAAC,iBACXgC,IAAO,CAAC,cACRV,MAAS,CAAC,gBACX,UAGE/B","ignoreList":[]}
+{"version":3,"names":["registerInstance","h","Host","alignFloatingElements","autoUpdate","watchValidator","getDocument","validateAlign","validateShow","clsx","dispatchDomEvent","KolEvent","validatePopoverCallbacks","component","value","Set","KolPopover","constructor","hostRef","this","alignPopover","async","popoverElement","triggerElement","align","_align","referenceElement","arrowElement","floatingElement","style","removeProperty","handleBeforeToggle","event","newState","visibility","handleToggle","_a","_b","_c","_d","_e","_f","toggleEvent","isOpen","state","Object","assign","_show","_visible","cleanupAutoUpdate","call","addListenersToBody","undefined","removeListenersFromBody","closeEvent","lastCloseEvent","focus","_on","onClose","host","close","catchHostAndTriggerElement","element","previousElementSibling","catchPopoverElement","removeEventListener","addEventListener","syncPopoverVisibility","catchArrowElement","requestHide","hidePopover","handleEscape","key","hidePopoverByClickOutside","contains","target","handleScroll","documentElement","body","capture","scrollingElement","passive","toggleVisibility","matches","showPopover","isConnected","requestAnimationFrame","render","ref","class","popover","validateOn","componentWillLoad","disconnectedCallback","watchers"],"sources":["0"],"mappings":"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","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"file":"kol-progress.entry.esm.js","sources":["src/schema/props/unit.ts","src/schema/props/variant-progress.ts","src/components/progress/style.scss?tag=kol-progress&mode=default&encapsulation=shadow","src/components/progress/shadow.tsx"],"sourcesContent":["import type { Generic } from 'adopted-style-sheets';\n\nimport { watchString } from '../utils';\n\n/* types */\nexport type UnitPropType = string;\n\n/**\n * Defines the unit of the step values (not shown).\n */\nexport type PropUnit = {\n\tunit: UnitPropType;\n};\n\n/* validator */\nexport const validateUnit = (component: Generic.Element.Component, value?: UnitPropType): void => {\n\twatchString(component, '_unit', value);\n};\n","import type { Generic } from 'adopted-style-sheets';\n\nimport { watchValidator } from '../utils';\n\nexport const progressVariantOptions = ['bar', 'cycle'] as const;\nexport type ProgressVariantPropType = (typeof progressVariantOptions)[number];\n\n/**\n * Defines the variant for displaying the progress component.\n */\nexport type PropVariantProgress = {\n\tvariant: ProgressVariantPropType;\n};\n\nconst isProgressVariantPropType = (value: unknown): value is ProgressVariantPropType => {\n\treturn typeof value === 'string' && progressVariantOptions.includes(value as ProgressVariantPropType);\n};\n\nexport const validateVariantProgress = (component: Generic.Element.Component, value?: ProgressVariantPropType): void => {\n\twatchValidator(component, '_variant', isProgressVariantPropType, new Set(progressVariantOptions), value);\n};\n","@use '../@shared/mixins' as *;\n@use '../../styles/global' as *;\n\n@layer kol-component {\n\t.kol-progress {\n\t\t&__bar {\n\t\t\tdisplay: grid;\n\t\t\tcolumn-gap: 0.05rem;\n\t\t\talign-items: center;\n\t\t\tgrid-template-areas:\n\t\t\t\t'LABEL LABEL LABEL'\n\t\t\t\t'BAR VALUE UNIT';\n\t\t\tgrid-template-columns: 1fr auto;\n\n\t\t\t&-label {\n\t\t\t\tgrid-column-end: 2;\n\t\t\t\tgrid-area: LABEL;\n\t\t\t}\n\n\t\t\tsvg {\n\t\t\t\tgrid-area: BAR;\n\t\t\t}\n\n\t\t\t&-value {\n\t\t\t\tgrid-area: VALUE;\n\t\t\t\ttext-align: right;\n\t\t\t}\n\n\t\t\t&-unit {\n\t\t\t\tgrid-area: UNIT;\n\t\t\t}\n\n\t\t\t&-border {\n\t\t\t\tfill: transparent;\n\t\t\t\tstroke: black;\n\t\t\t}\n\n\t\t\t&-background {\n\t\t\t\tfill: lightgray;\n\t\t\t\tstroke: white;\n\t\t\t}\n\n\t\t\t&-progress {\n\t\t\t\tfill: #0075ff;\n\t\t\t\tstroke: transparent;\n\n\t\t\t\t@media (prefers-reduced-motion: no-preference) {\n\t\t\t\t\ttransition: 250ms ease-in-out 50ms;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t&__cycle {\n\t\t\tdisplay: grid;\n\t\t\talign-content: center;\n\t\t\tjustify-items: center;\n\t\t\tgrid-template-areas: 'ALL';\n\t\t\tgrid-template-columns: auto;\n\n\t\t\t> * {\n\t\t\t\tgrid-area: ALL;\n\t\t\t}\n\n\t\t\t&-text {\n\t\t\t\tdisplay: flex;\n\t\t\t\tflex-direction: column;\n\t\t\t\tjustify-content: center;\n\n\t\t\t\tfont-size: x-small;\n\t\t\t\ttext-align: center;\n\n\t\t\t\t* {\n\t\t\t\t\tbackground-color: white;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&-background {\n\t\t\t\tfill: transparent;\n\t\t\t\tstroke: lightgray;\n\t\t\t}\n\n\t\t\t&-border {\n\t\t\t\tfill: transparent;\n\t\t\t\tstroke: black;\n\t\t\t}\n\n\t\t\t&-whitespace {\n\t\t\t\tfill: transparent;\n\t\t\t\tstroke: white;\n\t\t\t}\n\n\t\t\t&-progress {\n\t\t\t\ttransform: rotate(-90deg);\n\t\t\t\ttransform-origin: 50% 50%;\n\t\t\t\tfill: transparent;\n\t\t\t\tstroke: #0075ff;\n\n\t\t\t\t@media (prefers-reduced-motion: no-preference) {\n\t\t\t\t\ttransition: 250ms ease-in-out 50ms;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}\n","import { Component, h, Prop, State, Watch } from '@stencil/core';\nimport type { LabelPropType, ProgressAPI, ProgressStates, ProgressVariantPropType } from '../../schema';\nimport { validateLabel, validateUnit, validateVariantProgress, watchNumber } from '../../schema';\n\nimport type { JSX } from '@stencil/core';\n\nconst CycleSvg = ({ state }: { state: ProgressStates }) => {\n\tconst fullCircle = 342;\n\n\treturn (\n\t\t<svg width=\"100\" viewBox=\"0 0 120 120\" xmlns=\"http://www.w3.org/2000/svg\">\n\t\t\t<circle class=\"kol-progress__cycle-background\" cx=\"60\" cy=\"60\" r=\"54.5\" fill=\"currentColor\" stroke=\"currentColor\" stroke-width=\"8\"></circle>\n\t\t\t<circle class=\"kol-progress__cycle-whitespace\" cx=\"60\" cy=\"60\" r=\"59\" fill=\"currentColor\" stroke=\"currentColor\" stroke-width=\"3\"></circle>\n\t\t\t<circle class=\"kol-progress__cycle-border\" cx=\"60\" cy=\"60\" r=\"59\" fill=\"currentColor\" stroke=\"currentColor\" stroke-width=\"1\"></circle>\n\t\t\t<circle class=\"kol-progress__cycle-whitespace\" cx=\"60\" cy=\"60\" r=\"51\" fill=\"currentColor\" stroke=\"currentColor\" stroke-width=\"1\"></circle>\n\t\t\t<circle class=\"kol-progress__cycle-border\" cx=\"60\" cy=\"60\" r=\"50\" fill=\"currentColor\" stroke=\"currentColor\" stroke-width=\"1\"></circle>\n\t\t\t<circle\n\t\t\t\tclass=\"kol-progress__cycle-progress\"\n\t\t\t\tfill=\"currentColor\"\n\t\t\t\tstroke=\"currentColor\"\n\t\t\t\tstroke-linecap=\"round\"\n\t\t\t\tstroke-dasharray={`${Math.round((state._value / state._max) * fullCircle)}px ${fullCircle}px`}\n\t\t\t\tstroke-width=\"6\"\n\t\t\t\tcx=\"60\"\n\t\t\t\tcy=\"60\"\n\t\t\t\tr=\"54.5\"\n\t\t\t></circle>\n\t\t</svg>\n\t);\n};\n\nconst BarSvg = ({ state }: { state: ProgressStates }) => {\n\tconst percentage = 100 * (state._value / state._max);\n\n\treturn (\n\t\t<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"12\" overflow=\"visible\">\n\t\t\t<rect class=\"kol-progress__bar-background\" x=\"1\" y=\"1\" height=\"11\" rx=\"5\" fill=\"currentColor\" stroke=\"currentColor\" stroke-width=\"3\" width=\"100%\"></rect>\n\t\t\t<rect class=\"kol-progress__bar-border\" x=\"1\" y=\"1\" height=\"11\" rx=\"5\" fill=\"currentColor\" stroke=\"currentColor\" stroke-width=\"1\" width=\"100%\"></rect>\n\t\t\t<rect\n\t\t\t\tclass=\"kol-progress__bar-progress\"\n\t\t\t\tx=\"3\"\n\t\t\t\ty=\"3\"\n\t\t\t\theight=\"7\"\n\t\t\t\trx=\"3.5\"\n\t\t\t\tfill=\"currentColor\"\n\t\t\t\tstroke=\"currentColor\"\n\t\t\t\tstroke-width=\"3\"\n\t\t\t\tstyle={{ width: `calc(${percentage}% - 4px)` }}\n\t\t\t></rect>\n\t\t</svg>\n\t);\n};\n\nconst createProgressSVG = (state: ProgressStates): JSX.Element => {\n\tswitch (state._variant) {\n\t\tcase 'cycle':\n\t\t\treturn <CycleSvg state={state} />;\n\t\tcase 'bar':\n\t\t\treturn <BarSvg state={state} />;\n\t\tdefault:\n\t\t\tthrow new Error(`Progress variant ${state._variant} not implemented.`);\n\t}\n};\n\n@Component({\n\ttag: 'kol-progress',\n\tstyleUrls: {\n\t\tdefault: './style.scss',\n\t},\n\tshadow: true,\n})\nexport class KolProgress implements ProgressAPI {\n\tprivate interval?: number;\n\n\t// https://dequeuniversity.com/library/aria/progress-bar-bounded\n\tpublic render(): JSX.Element {\n\t\tconst isPercentage = this.state._unit === '%';\n\t\tconst liveProgressValue = isPercentage ? `${Math.round((this.state._liveValue / this.state._max) * 100)}` : this.state._liveValue;\n\t\tconst displayValue = isPercentage ? Math.round((this.state._value / this.state._max) * 100) : this.state._value;\n\t\treturn (\n\t\t\t<div class=\"kol-progress\">\n\t\t\t\t<div\n\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t\tclass={{\n\t\t\t\t\t\t'kol-progress__cycle': this.state._variant === 'cycle',\n\t\t\t\t\t\t'kol-progress__bar': this.state._variant === 'bar',\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t{this.state._variant === 'bar' && this.state._label && <div class=\"kol-progress__bar-label\">{this.state._label}</div>}\n\t\t\t\t\t{createProgressSVG(this.state)}\n\t\t\t\t\t{this.state._variant === 'cycle' && (\n\t\t\t\t\t\t<div class=\"kol-progress__cycle-text\">\n\t\t\t\t\t\t\t{this.state._label && <div class=\"kol-progress__cycle-label\">{this.state._label}</div>}\n\t\t\t\t\t\t\t<div class=\"kol-progress__cycle-value\">{`${displayValue} ${this.state._unit}`}</div>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t\t{this.state._variant === 'bar' && (\n\t\t\t\t\t\t<div class=\"kol-progress__bar-value\" style={{ width: `${`${(isPercentage ? 100 : this.state._max) + 1}`.length}ch` }}>\n\t\t\t\t\t\t\t{displayValue}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t\t{this.state._variant === 'bar' && <div class=\"kol-progress__bar-unit\">{this.state._unit}</div>}\n\t\t\t\t</div>\n\n\t\t\t\t{/* https://css-tricks.com/html5-progress-element/ */}\n\t\t\t\t<progress\n\t\t\t\t\tclass=\"visually-hidden\"\n\t\t\t\t\taria-busy={this.state._value < this.state._max ? 'true' : 'false'}\n\t\t\t\t\tmax={this.state._max}\n\t\t\t\t\tvalue={this.state._value}\n\t\t\t\t></progress>\n\t\t\t\t<span aria-live=\"polite\" aria-relevant=\"removals text\" class=\"visually-hidden\">\n\t\t\t\t\t{isPercentage ? `${liveProgressValue} %` : `${liveProgressValue} von ${this.state._max} ${this.state._unit}`}\n\t\t\t\t</span>\n\t\t\t</div>\n\t\t);\n\t}\n\n\t/**\n\t * Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.).\n\t */\n\t@Prop() public _label?: LabelPropType;\n\n\t/**\n\t * Defines the maximum value of the element.\n\t */\n\t@Prop() public _max!: number;\n\n\t/**\n\t * Defines the unit of the step values (not shown).\n\t */\n\t@Prop() public _unit?: string = '%';\n\n\t/**\n\t * Defines the value of the element.\n\t */\n\t@Prop() public _value!: number;\n\n\t/**\n\t * Defines which variant should be used for presentation.\n\t */\n\t@Prop() public _variant?: ProgressVariantPropType;\n\n\t@State() public state: ProgressStates = {\n\t\t_max: 100,\n\t\t_unit: '%',\n\t\t_value: 0,\n\t\t_variant: 'bar',\n\t\t_liveValue: 0,\n\t};\n\n\t@Watch('_label')\n\tpublic validateLabel(value?: LabelPropType): void {\n\t\tvalidateLabel(this, value);\n\t}\n\n\t@Watch('_max')\n\tpublic validateMax(value?: number): void {\n\t\tif (typeof value !== 'number') {\n\t\t\tvalue = 100;\n\t\t}\n\t\twatchNumber(this, '_max', value, {\n\t\t\trequired: true,\n\t\t});\n\t}\n\n\t@Watch('_unit')\n\tpublic validateUnit(value?: string): void {\n\t\tvalidateUnit(this, value);\n\t}\n\n\t@Watch('_value')\n\tpublic validateValue(value?: number): void {\n\t\tif (typeof value !== 'number') {\n\t\t\tvalue = 0;\n\t\t}\n\t\twatchNumber(this, '_value', value, {\n\t\t\t// max: this._max, TODO as Function\n\t\t\trequired: true,\n\t\t});\n\t}\n\n\t@Watch('_variant')\n\tpublic validateVariant(value?: ProgressVariantPropType): void {\n\t\tvalidateVariantProgress(this, value);\n\t}\n\n\tpublic componentWillLoad(): void {\n\t\tthis.validateLabel(this._label);\n\t\tthis.validateMax(this._max);\n\t\tthis.validateUnit(this._unit);\n\t\tthis.validateValue(this._value);\n\t\tthis.validateVariant(this._variant);\n\n\t\tthis.state = {\n\t\t\t...this.state,\n\t\t\t_liveValue: this.state._value,\n\t\t};\n\t\tthis.interval = setInterval(() => {\n\t\t\tif (this.state._liveValue !== this.state._value) {\n\t\t\t\tthis.state = {\n\t\t\t\t\t...this.state,\n\t\t\t\t\t_liveValue: this.state._value,\n\t\t\t\t};\n\t\t\t}\n\t\t}, 5000) as unknown as number;\n\t}\n\n\tpublic disconnectedCallback(): void {\n\t\tclearInterval(this.interval);\n\t}\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"kol-progress.entry.esm.js","sources":["src/internal/props/max.ts","src/internal/props/unit.ts","src/internal/props/value.ts","src/internal/props/variant-progress.ts","src/internal/functional-components/progress/component.tsx","src/internal/functional-components/progress/controller.ts","src/components/progress/style.scss?tag=kol-progress&mode=default&encapsulation=shadow","src/components/progress/component.tsx"],"sourcesContent":["import type { SimpleProp } from './helpers/factory';\nimport { createPropDefinition } from './helpers/factory';\nimport { normalizeNumber } from './helpers/normalizers';\n\nexport type MaxProp = SimpleProp<'max', number>;\nexport const maxProp = createPropDefinition<MaxProp>(normalizeNumber, (v) => v > 0);\n","import type { SimpleProp } from './helpers/factory';\nimport { createPropDefinition } from './helpers/factory';\nimport { normalizeString } from './helpers/normalizers';\n\nexport type UnitProp = SimpleProp<'unit', string>;\nexport const unitProp = createPropDefinition<UnitProp>(normalizeString, (v) => v.length > 0);\n","import type { SimpleProp } from './helpers/factory';\nimport { createPropDefinition } from './helpers/factory';\nimport { normalizeNumber } from './helpers/normalizers';\n\nexport type ValueProp = SimpleProp<'value', number>;\nexport const valueProp = createPropDefinition<ValueProp>(normalizeNumber, (v) => v >= 0);\n","import type { SimpleProp } from './helpers/factory';\nimport { createPropDefinition } from './helpers/factory';\nimport { normalizeString } from './helpers/normalizers';\n\nexport const progressVariantOptions = ['bar', 'cycle'] as const;\nexport type ProgressVariantType = (typeof progressVariantOptions)[number];\n\nexport type VariantProgressProp = SimpleProp<'variant', ProgressVariantType>;\nexport const variantProgressProp = createPropDefinition<VariantProgressProp>(\n\t(value: unknown) => {\n\t\tconst str = normalizeString(value);\n\t\tif (progressVariantOptions.includes(str as ProgressVariantType)) {\n\t\t\treturn str as ProgressVariantType;\n\t\t}\n\t\tthrow new Error(`Invalid progress variant: ${str}`);\n\t},\n\t() => true,\n);\n","import type { FunctionalComponent as FC } from '@stencil/core';\nimport { h } from '@stencil/core';\n\nimport type { ProgressVariantType } from '../../props';\nimport type { FunctionalComponentProps } from '../generic-types';\nimport type { ProgressApi } from './api';\n\nconst FULL_CIRCLE = 342;\n\nconst CycleSvg: FC<{ max: number; value: number }> = ({ max, value }) => (\n\t<svg width=\"100\" viewBox=\"0 0 120 120\" xmlns=\"http://www.w3.org/2000/svg\">\n\t\t<circle class=\"kol-progress__cycle-background\" cx=\"60\" cy=\"60\" r=\"54.5\" fill=\"currentColor\" stroke=\"currentColor\" stroke-width=\"8\"></circle>\n\t\t<circle class=\"kol-progress__cycle-whitespace\" cx=\"60\" cy=\"60\" r=\"59\" fill=\"currentColor\" stroke=\"currentColor\" stroke-width=\"3\"></circle>\n\t\t<circle class=\"kol-progress__cycle-border\" cx=\"60\" cy=\"60\" r=\"59\" fill=\"currentColor\" stroke=\"currentColor\" stroke-width=\"1\"></circle>\n\t\t<circle class=\"kol-progress__cycle-whitespace\" cx=\"60\" cy=\"60\" r=\"51\" fill=\"currentColor\" stroke=\"currentColor\" stroke-width=\"1\"></circle>\n\t\t<circle class=\"kol-progress__cycle-border\" cx=\"60\" cy=\"60\" r=\"50\" fill=\"currentColor\" stroke=\"currentColor\" stroke-width=\"1\"></circle>\n\t\t<circle\n\t\t\tclass=\"kol-progress__cycle-progress\"\n\t\t\tfill=\"currentColor\"\n\t\t\tstroke=\"currentColor\"\n\t\t\tstroke-linecap=\"round\"\n\t\t\tstroke-dasharray={`${Math.round((value / max) * FULL_CIRCLE)}px ${FULL_CIRCLE}px`}\n\t\t\tstroke-width=\"6\"\n\t\t\tcx=\"60\"\n\t\t\tcy=\"60\"\n\t\t\tr=\"54.5\"\n\t\t></circle>\n\t</svg>\n);\n\nconst BarSvg: FC<{ max: number; value: number }> = ({ max, value }) => {\n\tconst percentage = 100 * (value / max);\n\treturn (\n\t\t<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"12\" overflow=\"visible\">\n\t\t\t<rect class=\"kol-progress__bar-background\" x=\"1\" y=\"1\" height=\"11\" rx=\"5\" fill=\"currentColor\" stroke=\"currentColor\" stroke-width=\"3\" width=\"100%\"></rect>\n\t\t\t<rect class=\"kol-progress__bar-border\" x=\"1\" y=\"1\" height=\"11\" rx=\"5\" fill=\"currentColor\" stroke=\"currentColor\" stroke-width=\"1\" width=\"100%\"></rect>\n\t\t\t<rect\n\t\t\t\tclass=\"kol-progress__bar-progress\"\n\t\t\t\tx=\"3\"\n\t\t\t\ty=\"3\"\n\t\t\t\theight=\"7\"\n\t\t\t\trx=\"3.5\"\n\t\t\t\tfill=\"currentColor\"\n\t\t\t\tstroke=\"currentColor\"\n\t\t\t\tstroke-width=\"3\"\n\t\t\t\tstyle={{ width: `calc(${percentage}% - 4px)` }}\n\t\t\t></rect>\n\t\t</svg>\n\t);\n};\n\nconst createProgressSVG = (variant: ProgressVariantType, max: number, value: number) => {\n\tswitch (variant) {\n\t\tcase 'cycle':\n\t\t\treturn <CycleSvg max={max} value={value} />;\n\t\tcase 'bar':\n\t\t\treturn <BarSvg max={max} value={value} />;\n\t\tdefault:\n\t\t\tthrow new Error(`Progress variant ${variant as string} not implemented.`);\n\t}\n};\n\nexport const ProgressFC: FC<FunctionalComponentProps<ProgressApi>> = (props) => {\n\tconst { label, max, unit, value, variant, liveValue } = props;\n\tconst isPercentage = unit === '%';\n\tconst liveProgressValue = isPercentage ? `${Math.round((liveValue / max) * 100)}` : liveValue;\n\tconst displayValue = isPercentage ? Math.round((value / max) * 100) : value;\n\tconst valueColumnWidth = `${`${(isPercentage ? 100 : max) + 1}`.length}ch`;\n\n\treturn (\n\t\t<div class=\"kol-progress\">\n\t\t\t<div\n\t\t\t\taria-hidden=\"true\"\n\t\t\t\tclass={{\n\t\t\t\t\t'kol-progress__cycle': variant === 'cycle',\n\t\t\t\t\t'kol-progress__bar': variant === 'bar',\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t{variant === 'bar' && label && <div class=\"kol-progress__bar-label\">{label}</div>}\n\t\t\t\t{createProgressSVG(variant, max, value)}\n\t\t\t\t{variant === 'cycle' && (\n\t\t\t\t\t<div class=\"kol-progress__cycle-text\">\n\t\t\t\t\t\t{label && <div class=\"kol-progress__cycle-label\">{label}</div>}\n\t\t\t\t\t\t<div class=\"kol-progress__cycle-value\">{`${displayValue} ${unit}`}</div>\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t\t{variant === 'bar' && (\n\t\t\t\t\t<div class=\"kol-progress__bar-value\" style={{ width: valueColumnWidth }}>\n\t\t\t\t\t\t{displayValue}\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t\t{variant === 'bar' && <div class=\"kol-progress__bar-unit\">{unit}</div>}\n\t\t\t</div>\n\n\t\t\t{/* https://css-tricks.com/html5-progress-element/ */}\n\t\t\t<progress class=\"visually-hidden\" aria-busy={value < max ? 'true' : 'false'} max={max} value={value}></progress>\n\t\t\t<span aria-live=\"polite\" aria-relevant=\"removals text\" class=\"visually-hidden\">\n\t\t\t\t{isPercentage ? `${liveProgressValue} %` : `${liveProgressValue} von ${max} ${unit}`}\n\t\t\t</span>\n\t\t</div>\n\t);\n};\n","import type { LabelProp, MaxProp, UnitProp, ValueProp, VariantProgressProp } from '../../props';\nimport { labelProp, maxProp, unitProp, valueProp, variantProgressProp, withValidPropValue } from '../../props';\nimport { BaseController } from '../base-controller';\nimport type { ControllerInterface, ResolvedInputProps } from '../generic-types';\nimport type { ProgressApi } from './api';\n\nexport class ProgressController extends BaseController<ProgressApi> implements ControllerInterface<ProgressApi> {\n\tprivate interval?: ReturnType<typeof setInterval>;\n\n\tpublic constructor(states: ProgressApi['States']) {\n\t\tsuper(states, {\n\t\t\tlabel: '',\n\t\t\tmax: 100,\n\t\t\tunit: '%',\n\t\t\tvalue: 0,\n\t\t\tvariant: 'bar',\n\t\t});\n\t}\n\n\tpublic componentWillLoad(props: ResolvedInputProps<ProgressApi>): void {\n\t\tconst { label, max, unit, value, variant } = props;\n\t\tthis.watchLabel(label);\n\t\tthis.watchMax(max);\n\t\tthis.watchUnit(unit);\n\t\tthis.watchValue(value);\n\t\tthis.watchVariant(variant);\n\n\t\tthis.setState('liveValue', this.getProps().value);\n\t\tthis.setState('max', this.getProps().max);\n\t\tthis.startLiveValueInterval();\n\t}\n\n\tpublic watchLabel(value?: string): void {\n\t\twithValidPropValue<LabelProp>(labelProp, value, (v) => {\n\t\t\tthis.setProp('label', v);\n\t\t});\n\t}\n\n\tpublic watchMax(value?: number): void {\n\t\twithValidPropValue<MaxProp>(maxProp, value, (v) => {\n\t\t\tthis.setProp('max', v);\n\t\t\tthis.setState('max', v);\n\t\t});\n\t\tthis.watchValue(this.getProps().value);\n\t}\n\n\tpublic watchUnit(value?: string): void {\n\t\twithValidPropValue<UnitProp>(unitProp, value, (v) => {\n\t\t\tthis.setProp('unit', v);\n\t\t\tthis.setState('unit', v);\n\t\t});\n\t}\n\n\tpublic watchValue(value?: number): void {\n\t\twithValidPropValue<ValueProp>(valueProp, this.clampValue(value), (v) => {\n\t\t\tthis.setProp('value', v);\n\t\t});\n\t}\n\n\tpublic watchVariant(value?: string): void {\n\t\twithValidPropValue<VariantProgressProp>(variantProgressProp, value, (v) => {\n\t\t\tthis.setProp('variant', v);\n\t\t\tthis.setState('variant', v);\n\t\t});\n\t}\n\n\tprivate clampValue(value?: number): number | undefined {\n\t\tif (typeof value === 'number') {\n\t\t\tif (value > this.component.max) {\n\t\t\t\tvalue = this.component.max;\n\t\t\t}\n\n\t\t\tif (value < 0) {\n\t\t\t\tvalue = 0;\n\t\t\t}\n\t\t}\n\t\treturn value;\n\t}\n\n\t// a11y: says the value of the component every 5s\n\tprivate startLiveValueInterval(): void {\n\t\tthis.interval = setInterval(() => {\n\t\t\tconst { value } = this.getProps();\n\t\t\tif (this.component.liveValue !== value) {\n\t\t\t\tthis.setState('liveValue', value);\n\t\t\t}\n\t\t}, 5000);\n\t}\n\n\tpublic destroy(): void {\n\t\tif (this.interval) {\n\t\t\tclearInterval(this.interval);\n\t\t\tthis.interval = undefined;\n\t\t}\n\t}\n}\n","@use '../@shared/mixins' as *;\n@use '../../styles/global' as *;\n\n@layer kol-component {\n\t.kol-progress {\n\t\t&__bar {\n\t\t\tdisplay: grid;\n\t\t\tcolumn-gap: 0.05rem;\n\t\t\talign-items: center;\n\t\t\tgrid-template-areas:\n\t\t\t\t'LABEL LABEL LABEL'\n\t\t\t\t'BAR VALUE UNIT';\n\t\t\tgrid-template-columns: 1fr auto;\n\n\t\t\t&-label {\n\t\t\t\tgrid-column-end: 2;\n\t\t\t\tgrid-area: LABEL;\n\t\t\t}\n\n\t\t\tsvg {\n\t\t\t\tgrid-area: BAR;\n\t\t\t}\n\n\t\t\t&-value {\n\t\t\t\tgrid-area: VALUE;\n\t\t\t\ttext-align: right;\n\t\t\t}\n\n\t\t\t&-unit {\n\t\t\t\tgrid-area: UNIT;\n\t\t\t}\n\n\t\t\t&-border {\n\t\t\t\tfill: transparent;\n\t\t\t\tstroke: black;\n\t\t\t}\n\n\t\t\t&-background {\n\t\t\t\tfill: lightgray;\n\t\t\t\tstroke: white;\n\t\t\t}\n\n\t\t\t&-progress {\n\t\t\t\tfill: #0075ff;\n\t\t\t\tstroke: transparent;\n\n\t\t\t\t@media (prefers-reduced-motion: no-preference) {\n\t\t\t\t\ttransition: 250ms ease-in-out 50ms;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t&__cycle {\n\t\t\tdisplay: grid;\n\t\t\talign-content: center;\n\t\t\tjustify-items: center;\n\t\t\tgrid-template-areas: 'ALL';\n\t\t\tgrid-template-columns: auto;\n\n\t\t\t> * {\n\t\t\t\tgrid-area: ALL;\n\t\t\t}\n\n\t\t\t&-text {\n\t\t\t\tdisplay: flex;\n\t\t\t\tflex-direction: column;\n\t\t\t\tjustify-content: center;\n\n\t\t\t\tfont-size: x-small;\n\t\t\t\ttext-align: center;\n\n\t\t\t\t* {\n\t\t\t\t\tbackground-color: white;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&-background {\n\t\t\t\tfill: transparent;\n\t\t\t\tstroke: lightgray;\n\t\t\t}\n\n\t\t\t&-border {\n\t\t\t\tfill: transparent;\n\t\t\t\tstroke: black;\n\t\t\t}\n\n\t\t\t&-whitespace {\n\t\t\t\tfill: transparent;\n\t\t\t\tstroke: white;\n\t\t\t}\n\n\t\t\t&-progress {\n\t\t\t\ttransform: rotate(-90deg);\n\t\t\t\ttransform-origin: 50% 50%;\n\t\t\t\tfill: transparent;\n\t\t\t\tstroke: #0075ff;\n\n\t\t\t\t@media (prefers-reduced-motion: no-preference) {\n\t\t\t\t\ttransition: 250ms ease-in-out 50ms;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}\n","import type { JSX } from '@stencil/core';\nimport { Component, h, Host, Prop, State, Watch } from '@stencil/core';\nimport type { WebComponentInterface } from '../../internal/functional-components/generic-types';\nimport type { ProgressApi } from '../../internal/functional-components/progress/api';\nimport { ProgressFC } from '../../internal/functional-components/progress/component';\nimport { ProgressController } from '../../internal/functional-components/progress/controller';\nimport type { ProgressVariantType } from '../../internal/props';\n\n@Component({\n\ttag: 'kol-progress',\n\tstyleUrls: {\n\t\tdefault: './style.scss',\n\t},\n\tshadow: true,\n})\nexport class KolProgress implements WebComponentInterface<ProgressApi> {\n\tprivate readonly ctrl = new ProgressController(this);\n\n\t/**\n\t * Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.).\n\t */\n\t@Prop()\n\tpublic _label?: string;\n\n\t@Watch('_label')\n\tpublic watchLabel(value?: string): void {\n\t\tthis.ctrl.watchLabel(value);\n\t}\n\n\t/**\n\t * Defines the maximum value of the element.\n\t */\n\t@Prop()\n\tpublic _max!: number;\n\n\t@Watch('_max')\n\tpublic watchMax(value?: number): void {\n\t\tthis.ctrl.watchMax(value);\n\t}\n\n\t/**\n\t * Defines the unit of the step values (not shown).\n\t */\n\t@Prop()\n\tpublic _unit?: string;\n\n\t@Watch('_unit')\n\tpublic watchUnit(value?: string): void {\n\t\tthis.ctrl.watchUnit(value);\n\t}\n\n\t/**\n\t * Defines the value of the element.\n\t */\n\t@Prop()\n\tpublic _value!: number;\n\n\t@Watch('_value')\n\tpublic watchValue(value?: number): void {\n\t\tthis.ctrl.watchValue(value);\n\t}\n\n\t/**\n\t * Defines which variant should be used for presentation.\n\t */\n\t@Prop()\n\tpublic _variant?: ProgressVariantType;\n\n\t@Watch('_variant')\n\tpublic watchVariant(value?: ProgressVariantType): void {\n\t\tthis.ctrl.watchVariant(value);\n\t}\n\n\t@State()\n\tpublic unit: string = '%';\n\n\t@State()\n\tpublic variant: ProgressVariantType = 'bar';\n\n\t/**\n\t * A11y: Aria live value\n\t */\n\t@State()\n\tpublic liveValue: number = 0;\n\n\t@State()\n\tpublic max: number = this._max;\n\n\tpublic componentWillLoad(): void {\n\t\tthis.ctrl.componentWillLoad({\n\t\t\tlabel: this._label,\n\t\t\tmax: this._max,\n\t\t\tunit: this._unit,\n\t\t\tvalue: this._value,\n\t\t\tvariant: this._variant,\n\t\t});\n\t}\n\n\tpublic disconnectedCallback(): void {\n\t\tthis.ctrl.destroy();\n\t}\n\n\tpublic render(): JSX.Element {\n\t\tconst { label, max, unit, value, variant } = this.ctrl.getProps();\n\t\tconst { liveValue } = this;\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<ProgressFC label={label} max={max} unit={unit} value={value} variant={variant} liveValue={liveValue} />\n\t\t\t</Host>\n\t\t);\n\t}\n}\n"],"names":[],"mappings":"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"}

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

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{r as e,h as n}from"./index-0LQrricW.js";import{g as t,b as r,N as s}from"./common-BIkdAxr0.js";import{v as o}from"./label-C18ud7Yt.js";const i=(e,n)=>{t(e,"_unit",n)},l=["bar","cycle"],a=e=>"string"==typeof e&&l.includes(e),c=(e,n)=>{r(e,"_variant",a,new Set(l),n)},d="/* forward the rem function */\n/*\n* This file defines the layer order for all CSS layers used in KoliBri.\n* The order is important as it determines the cascade priority.\n*\n* Layer order (lowest to highest priority):\n* 1. kol-a11y - Accessibility defaults and requirements\n* 2. kol-global - Global component styles and resets\n* 3. kol-component - Component-specific styles\n* 4. kol-theme-global - Theme-specific global styles\n* 5. kol-theme-component - Theme-specific component styles\n*/\n@layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component;\n/*\n * This file contains all rules for accessibility.\n */\n@layer kol-a11y {\n  :host {\n    /*\n                   * Minimum size of interactive elements.\n                   */\n    --a11y-min-size: calc(44 * 1rem / var(--kolibri-root-font-size, 16));\n    /*\n     * No element should be used without verifying the contrast ratio of its background and font colors.\n     * By initially setting the background color to white and the font color to black,\n     * the contrast ratio is ensured and explicit adjustment is forced.\n     */\n    color: black;\n    background-color: white;\n    /*\n     * Verdana is an accessible font that can be used without requiring additional loading time.\n     */\n    font-family: Verdana;\n    /*\n     * Letter spacing is required for all texts.\n     */\n    letter-spacing: inherit;\n    /*\n     * Word spacing is required for all texts.\n     */\n    word-spacing: inherit;\n    /*\n     * Text should be aligned left by default to provide a predictable starting point.\n     */\n    text-align: left;\n  }\n  * {\n    /*\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\n     */\n    hyphens: auto;\n    /*\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\n     */\n    word-break: break-word;\n  }\n  /*\n   * All interactive elements should have a minimum size of to-rem(44).\n   */\n  /* input:not([type='checkbox'], [type='radio'], [type='range']), */\n  /* option, */\n  /* select, */\n  /* textarea, */\n  button,\n  .kol-input .input {\n    min-width: var(--a11y-min-size);\n    min-height: var(--a11y-min-size);\n  }\n  /*\n   * Some interactive elements should not inherit the font-family and font-size.\n   */\n  a,\n  button,\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6,\n  input,\n  option,\n  select,\n  textarea {\n    /*\n     * All elements should inherit the text color from his parent element.\n     */\n    color: inherit;\n    /*\n     * All elements should inherit the font family from his parent element.\n     */\n    font-family: inherit;\n    /*\n     * All elements should inherit the font size from his parent element.\n     */\n    font-size: inherit;\n    /*\n     * Letter spacing is required for all texts.\n     */\n    letter-spacing: inherit;\n    /*\n     * Word spacing is required for all texts.\n     */\n    word-spacing: inherit;\n  }\n  /**\n  * Sometimes we need the semantic element for accessibility reasons,\n  * but we don't want to show it.\n  *\n  * - https://www.a11yproject.com/posts/how-to-hide-content/\n  */\n  .visually-hidden {\n    position: fixed;\n    top: 0;\n    left: 0;\n    width: 1px;\n    height: 1px;\n    overflow: hidden;\n    white-space: nowrap;\n    clip-path: inset(50%);\n  }\n}\n@layer kol-global {\n  /*\n   * Dieses CSS stellt sicher, dass der Standard-Style\n   * von A und Button resettet werden.\n   */\n  :is(a, button) {\n    background-color: transparent;\n    width: 100%;\n    margin: 0;\n    padding: 0;\n    border: none;\n    /* 100% needed for custom width from outside */\n  }\n  /*\n   * Ensure elements with hidden attribute to be actually not visible\n   * @see https://meowni.ca/hidden.is.a.lie.html\n   */\n  [hidden] {\n    display: none !important;\n  }\n  .badge-text-hint {\n    color: black;\n    background-color: lightgray;\n  }\n}\n@layer kol-global {\n  :host {\n    /*\n     * The max-width is needed to prevent the table from overflowing the\n     * parent node, if the table is wider than the parent node.\n     */\n    max-width: 100%;\n    font-size: calc(16 * 1rem / var(--kolibri-root-font-size, 16));\n  }\n  * {\n    /*\n     * We prefer to box-sizing: border-box for all elements.\n     */\n    box-sizing: border-box;\n  }\n  .kol-span {\n    /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\n    display: flex;\n    flex-flow: column;\n    align-items: center;\n    justify-content: center;\n    /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\n  }\n  .kol-span__container {\n    display: flex;\n    align-items: center;\n  }\n  a,\n  button {\n    cursor: pointer;\n  }\n  .kol-span .kol-span__label--hide-label .kol-span__label {\n    display: none;\n  }\n  /* Reset browser agent style. */\n  button:disabled {\n    color: unset;\n  }\n  .disabled label,\n  .disabled:focus-within label,\n  [aria-disabled=true],\n  [aria-disabled=true]:focus,\n  [disabled],\n  [disabled]:focus {\n    opacity: 0.5;\n    outline: none;\n    cursor: not-allowed;\n  }\n  [aria-disabled=true]:focus .kol-span,\n  [disabled]:focus .kol-span {\n    outline: none !important;\n  }\n  .hastooltip {\n    z-index: 900 !important;\n  }\n}\n@layer kol-component {\n  .kol-progress__bar {\n    display: grid;\n    column-gap: 0.05rem;\n    align-items: center;\n    grid-template-areas: \"LABEL LABEL LABEL\" \"BAR VALUE UNIT\";\n    grid-template-columns: 1fr auto;\n  }\n  .kol-progress__bar-label {\n    grid-column-end: 2;\n    grid-area: LABEL;\n  }\n  .kol-progress__bar svg {\n    grid-area: BAR;\n  }\n  .kol-progress__bar-value {\n    grid-area: VALUE;\n    text-align: right;\n  }\n  .kol-progress__bar-unit {\n    grid-area: UNIT;\n  }\n  .kol-progress__bar-border {\n    fill: transparent;\n    stroke: black;\n  }\n  .kol-progress__bar-background {\n    fill: lightgray;\n    stroke: white;\n  }\n  .kol-progress__bar-progress {\n    fill: #0075ff;\n    stroke: transparent;\n  }\n  @media (prefers-reduced-motion: no-preference) {\n    .kol-progress__bar-progress {\n      transition: 250ms ease-in-out 50ms;\n    }\n  }\n  .kol-progress__cycle {\n    display: grid;\n    align-content: center;\n    justify-items: center;\n    grid-template-areas: \"ALL\";\n    grid-template-columns: auto;\n  }\n  .kol-progress__cycle > * {\n    grid-area: ALL;\n  }\n  .kol-progress__cycle-text {\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    font-size: x-small;\n    text-align: center;\n  }\n  .kol-progress__cycle-text * {\n    background-color: white;\n  }\n  .kol-progress__cycle-background {\n    fill: transparent;\n    stroke: lightgray;\n  }\n  .kol-progress__cycle-border {\n    fill: transparent;\n    stroke: black;\n  }\n  .kol-progress__cycle-whitespace {\n    fill: transparent;\n    stroke: white;\n  }\n  .kol-progress__cycle-progress {\n    transform: rotate(-90deg);\n    transform-origin: 50% 50%;\n    fill: transparent;\n    stroke: #0075ff;\n  }\n  @media (prefers-reduced-motion: no-preference) {\n    .kol-progress__cycle-progress {\n      transition: 250ms ease-in-out 50ms;\n    }\n  }\n}",h=({state:e})=>n("svg",{width:"100",viewBox:"0 0 120 120",xmlns:"http://www.w3.org/2000/svg"},n("circle",{class:"kol-progress__cycle-background",cx:"60",cy:"60",r:"54.5",fill:"currentColor",stroke:"currentColor","stroke-width":"8"}),n("circle",{class:"kol-progress__cycle-whitespace",cx:"60",cy:"60",r:"59",fill:"currentColor",stroke:"currentColor","stroke-width":"3"}),n("circle",{class:"kol-progress__cycle-border",cx:"60",cy:"60",r:"59",fill:"currentColor",stroke:"currentColor","stroke-width":"1"}),n("circle",{class:"kol-progress__cycle-whitespace",cx:"60",cy:"60",r:"51",fill:"currentColor",stroke:"currentColor","stroke-width":"1"}),n("circle",{class:"kol-progress__cycle-border",cx:"60",cy:"60",r:"50",fill:"currentColor",stroke:"currentColor","stroke-width":"1"}),n("circle",{class:"kol-progress__cycle-progress",fill:"currentColor",stroke:"currentColor","stroke-linecap":"round","stroke-dasharray":`${Math.round(e._value/e._max*342)}px 342px`,"stroke-width":"6",cx:"60",cy:"60",r:"54.5"})),p=({state:e})=>{const t=e._value/e._max*100;return n("svg",{xmlns:"http://www.w3.org/2000/svg",width:"100%",height:"12",overflow:"visible"},n("rect",{class:"kol-progress__bar-background",x:"1",y:"1",height:"11",rx:"5",fill:"currentColor",stroke:"currentColor","stroke-width":"3",width:"100%"}),n("rect",{class:"kol-progress__bar-border",x:"1",y:"1",height:"11",rx:"5",fill:"currentColor",stroke:"currentColor","stroke-width":"1",width:"100%"}),n("rect",{class:"kol-progress__bar-progress",x:"3",y:"3",height:"7",rx:"3.5",fill:"currentColor",stroke:"currentColor","stroke-width":"3",style:{width:`calc(${t}% - 4px)`}}))},b=e=>{switch(e._variant){case"cycle":return n(h,{state:e});case"bar":return n(p,{state:e});default:throw new Error(`Progress variant ${e._variant} not implemented.`)}},u=class{constructor(n){e(this,n),this._unit="%",this.state={_max:100,_unit:"%",_value:0,_variant:"bar",_liveValue:0}}render(){const e="%"===this.state._unit,t=e?`${Math.round(this.state._liveValue/this.state._max*100)}`:this.state._liveValue,r=e?Math.round(this.state._value/this.state._max*100):this.state._value;return n("div",{key:"fc7f5cdf4798854b0b41945c69f7feb3af75d50c",class:"kol-progress"},n("div",{key:"5ab61be685c82aceb117af33b6ad578dc12a3775","aria-hidden":"true",class:{"kol-progress__cycle":"cycle"===this.state._variant,"kol-progress__bar":"bar"===this.state._variant}},"bar"===this.state._variant&&this.state._label&&n("div",{key:"f9917e700dc7d6c3b78f705b600b499529bbb2b7",class:"kol-progress__bar-label"},this.state._label),b(this.state),"cycle"===this.state._variant&&n("div",{key:"bb719478ebe2e5226e538bc8d07207d5c6cbc1c1",class:"kol-progress__cycle-text"},this.state._label&&n("div",{key:"777582abb2582950a50e77e1d477dfe52a2abbec",class:"kol-progress__cycle-label"},this.state._label),n("div",{key:"a5a04f2c22a3536ea8e95bc5d858f9b1ddb3b462",class:"kol-progress__cycle-value"},`${r} ${this.state._unit}`)),"bar"===this.state._variant&&n("div",{key:"b89f4d178376b85b78f085e56aacc80df07f44b1",class:"kol-progress__bar-value",style:{width:`${`${(e?100:this.state._max)+1}`.length}ch`}},r),"bar"===this.state._variant&&n("div",{key:"d35b3c9d91c8a78a994da485d80e8faf29cb23b5",class:"kol-progress__bar-unit"},this.state._unit)),n("progress",{key:"b4d92e59e667619e4c6aadd8cbf0ae20f1d325ea",class:"visually-hidden","aria-busy":this.state._value<this.state._max?"true":"false",max:this.state._max,value:this.state._value}),n("span",{key:"73d21662ce19a724bede515ff55ec4f62bcd6fa0","aria-live":"polite","aria-relevant":"removals text",class:"visually-hidden"},e?`${t} %`:`${t} von ${this.state._max} ${this.state._unit}`))}validateLabel(e){o(this,e)}validateMax(e){"number"!=typeof e&&(e=100),s(this,"_max",e,{required:!0})}validateUnit(e){i(this,e)}validateValue(e){"number"!=typeof e&&(e=0),s(this,"_value",e,{required:!0})}validateVariant(e){c(this,e)}componentWillLoad(){this.validateLabel(this._label),this.validateMax(this._max),this.validateUnit(this._unit),this.validateValue(this._value),this.validateVariant(this._variant),this.state=Object.assign(Object.assign({},this.state),{_liveValue:this.state._value}),this.interval=setInterval(()=>{this.state._liveValue!==this.state._value&&(this.state=Object.assign(Object.assign({},this.state),{_liveValue:this.state._value}))},5e3)}disconnectedCallback(){clearInterval(this.interval)}static get watchers(){return{_label:["validateLabel"],_max:["validateMax"],_unit:["validateUnit"],_value:["validateValue"],_variant:["validateVariant"]}}};u.style={default:d};export{u as kol_progress};
+import{h as e,r as n,H as t}from"./index-rqIkzkgG.js";import{c as r,a as o,n as s,B as i,w as l}from"./base-controller-CUXUgRY-.js";import"./common-BIkdAxr0.js";import{l as a}from"./label-dDkswsUq.js";const c=r(o,e=>e>0),h=r(s,e=>e.length>0),d=r(o,e=>e>=0),p=["bar","cycle"],u=r(e=>{const n=s(e);if(p.includes(n))return n;throw new Error(`Invalid progress variant: ${n}`)},()=>!0),g=342,m=({max:n,value:t})=>e("svg",{width:"100",viewBox:"0 0 120 120",xmlns:"http://www.w3.org/2000/svg"},e("circle",{class:"kol-progress__cycle-background",cx:"60",cy:"60",r:"54.5",fill:"currentColor",stroke:"currentColor","stroke-width":"8"}),e("circle",{class:"kol-progress__cycle-whitespace",cx:"60",cy:"60",r:"59",fill:"currentColor",stroke:"currentColor","stroke-width":"3"}),e("circle",{class:"kol-progress__cycle-border",cx:"60",cy:"60",r:"59",fill:"currentColor",stroke:"currentColor","stroke-width":"1"}),e("circle",{class:"kol-progress__cycle-whitespace",cx:"60",cy:"60",r:"51",fill:"currentColor",stroke:"currentColor","stroke-width":"1"}),e("circle",{class:"kol-progress__cycle-border",cx:"60",cy:"60",r:"50",fill:"currentColor",stroke:"currentColor","stroke-width":"1"}),e("circle",{class:"kol-progress__cycle-progress",fill:"currentColor",stroke:"currentColor","stroke-linecap":"round","stroke-dasharray":`${Math.round(t/n*g)}px 342px`,"stroke-width":"6",cx:"60",cy:"60",r:"54.5"})),b=({max:n,value:t})=>{const r=t/n*100;return e("svg",{xmlns:"http://www.w3.org/2000/svg",width:"100%",height:"12",overflow:"visible"},e("rect",{class:"kol-progress__bar-background",x:"1",y:"1",height:"11",rx:"5",fill:"currentColor",stroke:"currentColor","stroke-width":"3",width:"100%"}),e("rect",{class:"kol-progress__bar-border",x:"1",y:"1",height:"11",rx:"5",fill:"currentColor",stroke:"currentColor","stroke-width":"1",width:"100%"}),e("rect",{class:"kol-progress__bar-progress",x:"3",y:"3",height:"7",rx:"3.5",fill:"currentColor",stroke:"currentColor","stroke-width":"3",style:{width:`calc(${r}% - 4px)`}}))},f=(n,t,r)=>{switch(n){case"cycle":return e(m,{max:t,value:r});case"bar":return e(b,{max:t,value:r});default:throw new Error(`Progress variant ${n} not implemented.`)}},k=n=>{const{label:t,max:r,unit:a,value:l,variant:o,liveValue:s}=n,i="%"===a,c=i?`${Math.round(s/r*100)}`:s,h=i?Math.round(l/r*100):l,d=`${`${(i?100:r)+1}`.length}ch`;return e("div",{class:"kol-progress"},e("div",{"aria-hidden":"true",class:{"kol-progress__cycle":"cycle"===o,"kol-progress__bar":"bar"===o}},"bar"===o&&t&&e("div",{class:"kol-progress__bar-label"},t),f(o,r,l),"cycle"===o&&e("div",{class:"kol-progress__cycle-text"},t&&e("div",{class:"kol-progress__cycle-label"},t),e("div",{class:"kol-progress__cycle-value"},`${h} ${a}`)),"bar"===o&&e("div",{class:"kol-progress__bar-value",style:{width:d}},h),"bar"===o&&e("div",{class:"kol-progress__bar-unit"},a)),e("progress",{class:"visually-hidden","aria-busy":l<r?"true":"false",max:r,value:l}),e("span",{"aria-live":"polite","aria-relevant":"removals text",class:"visually-hidden"},i?`${c} %`:`${c} von ${r} ${a}`))};class y extends i{constructor(e){super(e,{label:"",max:100,unit:"%",value:0,variant:"bar"})}componentWillLoad(e){const{label:n,max:t,unit:r,value:a,variant:l}=e;this.watchLabel(n),this.watchMax(t),this.watchUnit(r),this.watchValue(a),this.watchVariant(l),this.setState("liveValue",this.getProps().value),this.setState("max",this.getProps().max),this.startLiveValueInterval()}watchLabel(e){l(a,e,e=>{this.setProp("label",e)})}watchMax(e){l(c,e,e=>{this.setProp("max",e),this.setState("max",e)}),this.watchValue(this.getProps().value)}watchUnit(e){l(h,e,e=>{this.setProp("unit",e),this.setState("unit",e)})}watchValue(e){l(d,this.clampValue(e),e=>{this.setProp("value",e)})}watchVariant(e){l(u,e,e=>{this.setProp("variant",e),this.setState("variant",e)})}clampValue(e){return"number"==typeof e&&(e>this.component.max&&(e=this.component.max),e<0&&(e=0)),e}startLiveValueInterval(){this.interval=setInterval(()=>{const{value:e}=this.getProps();this.component.liveValue!==e&&this.setState("liveValue",e)},5e3)}destroy(){this.interval&&(clearInterval(this.interval),this.interval=void 0)}}const w="/* forward the rem function */\n/*\n* This file defines the layer order for all CSS layers used in KoliBri.\n* The order is important as it determines the cascade priority.\n*\n* Layer order (lowest to highest priority):\n* 1. kol-a11y - Accessibility defaults and requirements\n* 2. kol-global - Global component styles and resets\n* 3. kol-component - Component-specific styles\n* 4. kol-theme-global - Theme-specific global styles\n* 5. kol-theme-component - Theme-specific component styles\n*/\n@layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component;\n/*\n * This file contains all rules for accessibility.\n */\n@layer kol-a11y {\n  :host {\n    /*\n                   * Minimum size of interactive elements.\n                   */\n    --a11y-min-size: calc(44 * 1rem / var(--kolibri-root-font-size, 16));\n    /*\n     * No element should be used without verifying the contrast ratio of its background and font colors.\n     * By initially setting the background color to white and the font color to black,\n     * the contrast ratio is ensured and explicit adjustment is forced.\n     */\n    color: black;\n    background-color: white;\n    /*\n     * Verdana is an accessible font that can be used without requiring additional loading time.\n     */\n    font-family: Verdana;\n    /*\n     * Letter spacing is required for all texts.\n     */\n    letter-spacing: inherit;\n    /*\n     * Word spacing is required for all texts.\n     */\n    word-spacing: inherit;\n    /*\n     * Text should be aligned left by default to provide a predictable starting point.\n     */\n    text-align: left;\n  }\n  * {\n    /*\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\n     */\n    hyphens: auto;\n    /*\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\n     */\n    word-break: break-word;\n  }\n  /*\n   * All interactive elements should have a minimum size of to-rem(44).\n   */\n  /* input:not([type='checkbox'], [type='radio'], [type='range']), */\n  /* option, */\n  /* select, */\n  /* textarea, */\n  button,\n  .kol-input .input {\n    min-width: var(--a11y-min-size);\n    min-height: var(--a11y-min-size);\n  }\n  /*\n   * Some interactive elements should not inherit the font-family and font-size.\n   */\n  a,\n  button,\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6,\n  input,\n  option,\n  select,\n  textarea {\n    /*\n     * All elements should inherit the text color from his parent element.\n     */\n    color: inherit;\n    /*\n     * All elements should inherit the font family from his parent element.\n     */\n    font-family: inherit;\n    /*\n     * All elements should inherit the font size from his parent element.\n     */\n    font-size: inherit;\n    /*\n     * Letter spacing is required for all texts.\n     */\n    letter-spacing: inherit;\n    /*\n     * Word spacing is required for all texts.\n     */\n    word-spacing: inherit;\n  }\n  /**\n  * Sometimes we need the semantic element for accessibility reasons,\n  * but we don't want to show it.\n  *\n  * - https://www.a11yproject.com/posts/how-to-hide-content/\n  */\n  .visually-hidden {\n    position: fixed;\n    top: 0;\n    left: 0;\n    width: 1px;\n    height: 1px;\n    overflow: hidden;\n    white-space: nowrap;\n    clip-path: inset(50%);\n  }\n}\n@layer kol-global {\n  /*\n   * Dieses CSS stellt sicher, dass der Standard-Style\n   * von A und Button resettet werden.\n   */\n  :is(a, button) {\n    background-color: transparent;\n    width: 100%;\n    margin: 0;\n    padding: 0;\n    border: none;\n    /* 100% needed for custom width from outside */\n  }\n  /*\n   * Ensure elements with hidden attribute to be actually not visible\n   * @see https://meowni.ca/hidden.is.a.lie.html\n   */\n  [hidden] {\n    display: none !important;\n  }\n  .badge-text-hint {\n    color: black;\n    background-color: lightgray;\n  }\n}\n@layer kol-global {\n  :host {\n    /*\n     * The max-width is needed to prevent the table from overflowing the\n     * parent node, if the table is wider than the parent node.\n     */\n    max-width: 100%;\n    font-size: calc(16 * 1rem / var(--kolibri-root-font-size, 16));\n  }\n  * {\n    /*\n     * We prefer to box-sizing: border-box for all elements.\n     */\n    box-sizing: border-box;\n  }\n  .kol-span {\n    /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\n    display: flex;\n    flex-flow: column;\n    align-items: center;\n    justify-content: center;\n    /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\n  }\n  .kol-span__container {\n    display: flex;\n    align-items: center;\n  }\n  a,\n  button {\n    cursor: pointer;\n  }\n  .kol-span .kol-span__label--hide-label .kol-span__label {\n    display: none;\n  }\n  /* Reset browser agent style. */\n  button:disabled {\n    color: unset;\n  }\n  .disabled label,\n  .disabled:focus-within label,\n  [aria-disabled=true],\n  [aria-disabled=true]:focus,\n  [disabled],\n  [disabled]:focus {\n    opacity: 0.5;\n    outline: none;\n    cursor: not-allowed;\n  }\n  [aria-disabled=true]:focus .kol-span,\n  [disabled]:focus .kol-span {\n    outline: none !important;\n  }\n  .hastooltip {\n    z-index: 900 !important;\n  }\n}\n@layer kol-component {\n  .kol-progress__bar {\n    display: grid;\n    column-gap: 0.05rem;\n    align-items: center;\n    grid-template-areas: \"LABEL LABEL LABEL\" \"BAR VALUE UNIT\";\n    grid-template-columns: 1fr auto;\n  }\n  .kol-progress__bar-label {\n    grid-column-end: 2;\n    grid-area: LABEL;\n  }\n  .kol-progress__bar svg {\n    grid-area: BAR;\n  }\n  .kol-progress__bar-value {\n    grid-area: VALUE;\n    text-align: right;\n  }\n  .kol-progress__bar-unit {\n    grid-area: UNIT;\n  }\n  .kol-progress__bar-border {\n    fill: transparent;\n    stroke: black;\n  }\n  .kol-progress__bar-background {\n    fill: lightgray;\n    stroke: white;\n  }\n  .kol-progress__bar-progress {\n    fill: #0075ff;\n    stroke: transparent;\n  }\n  @media (prefers-reduced-motion: no-preference) {\n    .kol-progress__bar-progress {\n      transition: 250ms ease-in-out 50ms;\n    }\n  }\n  .kol-progress__cycle {\n    display: grid;\n    align-content: center;\n    justify-items: center;\n    grid-template-areas: \"ALL\";\n    grid-template-columns: auto;\n  }\n  .kol-progress__cycle > * {\n    grid-area: ALL;\n  }\n  .kol-progress__cycle-text {\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    font-size: x-small;\n    text-align: center;\n  }\n  .kol-progress__cycle-text * {\n    background-color: white;\n  }\n  .kol-progress__cycle-background {\n    fill: transparent;\n    stroke: lightgray;\n  }\n  .kol-progress__cycle-border {\n    fill: transparent;\n    stroke: black;\n  }\n  .kol-progress__cycle-whitespace {\n    fill: transparent;\n    stroke: white;\n  }\n  .kol-progress__cycle-progress {\n    transform: rotate(-90deg);\n    transform-origin: 50% 50%;\n    fill: transparent;\n    stroke: #0075ff;\n  }\n  @media (prefers-reduced-motion: no-preference) {\n    .kol-progress__cycle-progress {\n      transition: 250ms ease-in-out 50ms;\n    }\n  }\n}",_=class{constructor(e){n(this,e),this.ctrl=new y(this),this.unit="%",this.variant="bar",this.liveValue=0,this.max=this._max}watchLabel(e){this.ctrl.watchLabel(e)}watchMax(e){this.ctrl.watchMax(e)}watchUnit(e){this.ctrl.watchUnit(e)}watchValue(e){this.ctrl.watchValue(e)}watchVariant(e){this.ctrl.watchVariant(e)}componentWillLoad(){this.ctrl.componentWillLoad({label:this._label,max:this._max,unit:this._unit,value:this._value,variant:this._variant})}disconnectedCallback(){this.ctrl.destroy()}render(){const{label:n,max:r,unit:a,value:l,variant:o}=this.ctrl.getProps(),{liveValue:s}=this;return e(t,{key:"c101389f829d2be6f356a198fff8a557d6bcac46"},e(k,{key:"805ea44845b7fb33b5e993b9dd4f5b2848933d7b",label:n,max:r,unit:a,value:l,variant:o,liveValue:s}))}static get watchers(){return{_label:["watchLabel"],_max:["watchMax"],_unit:["watchUnit"],_value:["watchValue"],_variant:["watchVariant"]}}};_.style={default:w};export{_ as kol_progress};

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

@@ -1 +1 @@
-{"version":3,"names":["registerInstance","h","watchString","watchValidator","watchNumber","validateLabel","validateUnit","component","value","progressVariantOptions","isProgressVariantPropType","includes","validateVariantProgress","Set","defaultStyleCss","CycleSvg","state","fullCircle","width","viewBox","xmlns","class","cx","cy","r","fill","stroke","Math","round","_value","_max","BarSvg","percentage","height","overflow","x","y","rx","style","createProgressSVG","_variant","Error","KolProgress","constructor","hostRef","this","_unit","_liveValue","render","isPercentage","liveProgressValue","displayValue","key","_label","length","max","validateMax","required","validateValue","validateVariant","componentWillLoad","Object","assign","interval","setInterval","disconnectedCallback","clearInterval","watchers","default"],"sources":["0"],"mappings":";;;YAGcA,OAAkBC,MAAS,kCAC3BC,OAAkBC,OAAqBC,MAAmB,mCAC1DC,MAAqB,sBAEnC,MAAMC,EAAe,CAACC,EAAWC,KAC7BN,EAAYK,EAAW,QAASC,EAAM,EAG1C,MAAMC,EAAyB,CAAC,MAAO,SACvC,MAAMC,EAA6BF,UACjBA,IAAU,UAAYC,EAAuBE,SAASH,GAExE,MAAMI,EAA0B,CAACL,EAAWC,KACxCL,EAAeI,EAAW,WAAYG,EAA2B,IAAIG,IAAIJ,GAAyBD,EAAM,EAG5G,MAAMM,EAAkB,ynOAExB,MAAMC,EAAW,EAAGC,YAChB,MAAMC,EAAa,IACnB,OAAQhB,EAAE,MAAO,CAAEiB,MAAO,MAAOC,QAAS,cAAeC,MAAO,8BAAgCnB,EAAE,SAAU,CAAEoB,MAAO,iCAAkCC,GAAI,KAAMC,GAAI,KAAMC,EAAG,OAAQC,KAAM,eAAgBC,OAAQ,eAAgB,eAAgB,MAAQzB,EAAE,SAAU,CAAEoB,MAAO,iCAAkCC,GAAI,KAAMC,GAAI,KAAMC,EAAG,KAAMC,KAAM,eAAgBC,OAAQ,eAAgB,eAAgB,MAAQzB,EAAE,SAAU,CAAEoB,MAAO,6BAA8BC,GAAI,KAAMC,GAAI,KAAMC,EAAG,KAAMC,KAAM,eAAgBC,OAAQ,eAAgB,eAAgB,MAAQzB,EAAE,SAAU,CAAEoB,MAAO,iCAAkCC,GAAI,KAAMC,GAAI,KAAMC,EAAG,KAAMC,KAAM,eAAgBC,OAAQ,eAAgB,eAAgB,MAAQzB,EAAE,SAAU,CAAEoB,MAAO,6BAA8BC,GAAI,KAAMC,GAAI,KAAMC,EAAG,KAAMC,KAAM,eAAgBC,OAAQ,eAAgB,eAAgB,MAAQzB,EAAE,SAAU,CAAEoB,MAAO,+BAAgCI,KAAM,eAAgBC,OAAQ,eAAgB,iBAAkB,QAAS,mBAAoB,GAAGC,KAAKC,MAAOZ,EAAMa,OAASb,EAAMc,KAAQb,QAAiBA,MAAgB,eAAgB,IAAKK,GAAI,KAAMC,GAAI,KAAMC,EAAG,SAAW,EAEtnC,MAAMO,EAAS,EAAGf,YACd,MAAMgB,EAAa,KAAOhB,EAAMa,OAASb,EAAMc,MAC/C,OAAQ7B,EAAE,MAAO,CAAEmB,MAAO,6BAA8BF,MAAO,OAAQe,OAAQ,KAAMC,SAAU,WAAajC,EAAE,OAAQ,CAAEoB,MAAO,+BAAgCc,EAAG,IAAKC,EAAG,IAAKH,OAAQ,KAAMI,GAAI,IAAKZ,KAAM,eAAgBC,OAAQ,eAAgB,eAAgB,IAAKR,MAAO,SAAWjB,EAAE,OAAQ,CAAEoB,MAAO,2BAA4Bc,EAAG,IAAKC,EAAG,IAAKH,OAAQ,KAAMI,GAAI,IAAKZ,KAAM,eAAgBC,OAAQ,eAAgB,eAAgB,IAAKR,MAAO,SAAWjB,EAAE,OAAQ,CAAEoB,MAAO,6BAA8Bc,EAAG,IAAKC,EAAG,IAAKH,OAAQ,IAAKI,GAAI,MAAOZ,KAAM,eAAgBC,OAAQ,eAAgB,eAAgB,IAAKY,MAAO,CAAEpB,MAAO,QAAQc,eAA2B,EAEzpB,MAAMO,EAAqBvB,IACvB,OAAQA,EAAMwB,UACV,IAAK,QACD,OAAOvC,EAAEc,EAAU,CAAEC,MAAOA,IAChC,IAAK,MACD,OAAOf,EAAE8B,EAAQ,CAAEf,MAAOA,IAC9B,QACI,MAAM,IAAIyB,MAAM,oBAAoBzB,EAAMwB,6BAClD,EAEJ,MAAME,EAAc,MAChB,WAAAC,CAAYC,GACR5C,EAAiB6C,KAAMD,GACvBC,KAAKC,MAAQ,IACbD,KAAK7B,MAAQ,CACTc,KAAM,IACNgB,MAAO,IACPjB,OAAQ,EACRW,SAAU,MACVO,WAAY,EAEpB,CACA,MAAAC,GACI,MAAMC,EAAeJ,KAAK7B,MAAM8B,QAAU,IAC1C,MAAMI,EAAoBD,EAAe,GAAGtB,KAAKC,MAAOiB,KAAK7B,MAAM+B,WAAaF,KAAK7B,MAAMc,KAAQ,OAASe,KAAK7B,MAAM+B,WACvH,MAAMI,EAAeF,EAAetB,KAAKC,MAAOiB,KAAK7B,MAAMa,OAASgB,KAAK7B,MAAMc,KAAQ,KAAOe,KAAK7B,MAAMa,OACzG,OAAQ5B,EAAE,MAAO,CAAEmD,IAAK,2CAA4C/B,MAAO,gBAAkBpB,EAAE,MAAO,CAAEmD,IAAK,2CAA4C,cAAe,OAAQ/B,MAAO,CAC/K,sBAAuBwB,KAAK7B,MAAMwB,WAAa,QAC/C,oBAAqBK,KAAK7B,MAAMwB,WAAa,QAC5CK,KAAK7B,MAAMwB,WAAa,OAASK,KAAK7B,MAAMqC,QAAUpD,EAAE,MAAO,CAAEmD,IAAK,2CAA4C/B,MAAO,2BAA6BwB,KAAK7B,MAAMqC,QAASd,EAAkBM,KAAK7B,OAAQ6B,KAAK7B,MAAMwB,WAAa,SAAYvC,EAAE,MAAO,CAAEmD,IAAK,2CAA4C/B,MAAO,4BAA8BwB,KAAK7B,MAAMqC,QAAUpD,EAAE,MAAO,CAAEmD,IAAK,2CAA4C/B,MAAO,6BAA+BwB,KAAK7B,MAAMqC,QAASpD,EAAE,MAAO,CAAEmD,IAAK,2CAA4C/B,MAAO,6BAA+B,GAAG8B,KAAgBN,KAAK7B,MAAM8B,UAAYD,KAAK7B,MAAMwB,WAAa,OAAUvC,EAAE,MAAO,CAAEmD,IAAK,2CAA4C/B,MAAO,0BAA2BiB,MAAO,CAAEpB,MAAO,GAAG,IAAI+B,EAAe,IAAMJ,KAAK7B,MAAMc,MAAQ,IAAIwB,aAAgBH,GAAgBN,KAAK7B,MAAMwB,WAAa,OAASvC,EAAE,MAAO,CAAEmD,IAAK,2CAA4C/B,MAAO,0BAA4BwB,KAAK7B,MAAM8B,QAAS7C,EAAE,WAAY,CAAEmD,IAAK,2CAA4C/B,MAAO,kBAAmB,YAAawB,KAAK7B,MAAMa,OAASgB,KAAK7B,MAAMc,KAAO,OAAS,QAASyB,IAAKV,KAAK7B,MAAMc,KAAMtB,MAAOqC,KAAK7B,MAAMa,SAAW5B,EAAE,OAAQ,CAAEmD,IAAK,2CAA4C,YAAa,SAAU,gBAAiB,gBAAiB/B,MAAO,mBAAqB4B,EAAe,GAAGC,MAAwB,GAAGA,SAAyBL,KAAK7B,MAAMc,QAAQe,KAAK7B,MAAM8B,SACl7C,CACA,aAAAzC,CAAcG,GACVH,EAAcwC,KAAMrC,EACxB,CACA,WAAAgD,CAAYhD,GACR,UAAWA,IAAU,SAAU,CAC3BA,EAAQ,GACZ,CACAJ,EAAYyC,KAAM,OAAQrC,EAAO,CAC7BiD,SAAU,MAElB,CACA,YAAAnD,CAAaE,GACTF,EAAauC,KAAMrC,EACvB,CACA,aAAAkD,CAAclD,GACV,UAAWA,IAAU,SAAU,CAC3BA,EAAQ,CACZ,CACAJ,EAAYyC,KAAM,SAAUrC,EAAO,CAC/BiD,SAAU,MAElB,CACA,eAAAE,CAAgBnD,GACZI,EAAwBiC,KAAMrC,EAClC,CACA,iBAAAoD,GACIf,KAAKxC,cAAcwC,KAAKQ,QACxBR,KAAKW,YAAYX,KAAKf,MACtBe,KAAKvC,aAAauC,KAAKC,OACvBD,KAAKa,cAAcb,KAAKhB,QACxBgB,KAAKc,gBAAgBd,KAAKL,UAC1BK,KAAK7B,MAAQ6C,OAAOC,OAAOD,OAAOC,OAAO,CAAC,EAAGjB,KAAK7B,OAAQ,CAAE+B,WAAYF,KAAK7B,MAAMa,SACnFgB,KAAKkB,SAAWC,aAAY,KACxB,GAAInB,KAAK7B,MAAM+B,aAAeF,KAAK7B,MAAMa,OAAQ,CAC7CgB,KAAK7B,MAAQ6C,OAAOC,OAAOD,OAAOC,OAAO,CAAC,EAAGjB,KAAK7B,OAAQ,CAAE+B,WAAYF,KAAK7B,MAAMa,QACvF,IACD,IACP,CACA,oBAAAoC,GACIC,cAAcrB,KAAKkB,SACvB,CACA,mBAAWI,GAAa,MAAO,CAC3Bd,OAAU,CAAC,iBACXvB,KAAQ,CAAC,eACTgB,MAAS,CAAC,gBACVjB,OAAU,CAAC,iBACXW,SAAY,CAAC,mBACd,GAEPE,EAAYJ,MAAQ,CAChB8B,QAAStD,UAGJ4B","ignoreList":[]}
+{"version":3,"names":["h","registerInstance","Host","createPropDefinition","normalizeNumber","normalizeString","BaseController","withValidPropValue","labelProp","maxProp","v","unitProp","length","valueProp","progressVariantOptions","variantProgressProp","value","str","includes","Error","FULL_CIRCLE","CycleSvg","max","width","viewBox","xmlns","class","cx","cy","r","fill","stroke","Math","round","BarSvg","percentage","height","overflow","x","y","rx","style","createProgressSVG","variant","ProgressFC","props","label","unit","liveValue","isPercentage","liveProgressValue","displayValue","valueColumnWidth","ProgressController","constructor","states","super","componentWillLoad","this","watchLabel","watchMax","watchUnit","watchValue","watchVariant","setState","getProps","startLiveValueInterval","setProp","clampValue","component","interval","setInterval","destroy","clearInterval","undefined","defaultStyleCss","KolProgress","hostRef","ctrl","_max","_label","_unit","_value","_variant","disconnectedCallback","render","key","watchers","default"],"sources":["0"],"mappings":";;;YAGSA,OAAQC,OAAuBC,MAAY,kCACtCC,OAA2BC,OAAsBC,OAAsBC,OAAqBC,MAA0B,sCAC7H,mCACOC,MAAiB,sBAE/B,MAAMC,EAAUN,EAAqBC,GAAkBM,GAAMA,EAAI,IAEjE,MAAMC,EAAWR,EAAqBE,GAAkBK,GAAMA,EAAEE,OAAS,IAEzE,MAAMC,EAAYV,EAAqBC,GAAkBM,GAAMA,GAAK,IAEpE,MAAMI,EAAyB,CAAC,MAAO,SACvC,MAAMC,EAAsBZ,GAAsBa,IAC9C,MAAMC,EAAMZ,EAAgBW,GAC5B,GAAIF,EAAuBI,SAASD,GAAM,CACtC,OAAOA,CACX,CACA,MAAM,IAAIE,MAAM,6BAA6BF,IAAM,IACpD,IAAM,OAET,MAAMG,EAAc,IACpB,MAAMC,EAAW,EAAGC,MAAKN,WAAahB,EAAE,MAAO,CAAEuB,MAAO,MAAOC,QAAS,cAAeC,MAAO,8BAAgCzB,EAAE,SAAU,CAAE0B,MAAO,iCAAkCC,GAAI,KAAMC,GAAI,KAAMC,EAAG,OAAQC,KAAM,eAAgBC,OAAQ,eAAgB,eAAgB,MAAQ/B,EAAE,SAAU,CAAE0B,MAAO,iCAAkCC,GAAI,KAAMC,GAAI,KAAMC,EAAG,KAAMC,KAAM,eAAgBC,OAAQ,eAAgB,eAAgB,MAAQ/B,EAAE,SAAU,CAAE0B,MAAO,6BAA8BC,GAAI,KAAMC,GAAI,KAAMC,EAAG,KAAMC,KAAM,eAAgBC,OAAQ,eAAgB,eAAgB,MAAQ/B,EAAE,SAAU,CAAE0B,MAAO,iCAAkCC,GAAI,KAAMC,GAAI,KAAMC,EAAG,KAAMC,KAAM,eAAgBC,OAAQ,eAAgB,eAAgB,MAAQ/B,EAAE,SAAU,CAAE0B,MAAO,6BAA8BC,GAAI,KAAMC,GAAI,KAAMC,EAAG,KAAMC,KAAM,eAAgBC,OAAQ,eAAgB,eAAgB,MAAQ/B,EAAE,SAAU,CAAE0B,MAAO,+BAAgCI,KAAM,eAAgBC,OAAQ,eAAgB,iBAAkB,QAAS,mBAAoB,GAAGC,KAAKC,MAAOjB,EAAQM,EAAOF,QAAkBA,MAAiB,eAAgB,IAAKO,GAAI,KAAMC,GAAI,KAAMC,EAAG,UACznC,MAAMK,EAAS,EAAGZ,MAAKN,YACnB,MAAMmB,EAAa,KAAOnB,EAAQM,GAClC,OAAQtB,EAAE,MAAO,CAAEyB,MAAO,6BAA8BF,MAAO,OAAQa,OAAQ,KAAMC,SAAU,WAAarC,EAAE,OAAQ,CAAE0B,MAAO,+BAAgCY,EAAG,IAAKC,EAAG,IAAKH,OAAQ,KAAMI,GAAI,IAAKV,KAAM,eAAgBC,OAAQ,eAAgB,eAAgB,IAAKR,MAAO,SAAWvB,EAAE,OAAQ,CAAE0B,MAAO,2BAA4BY,EAAG,IAAKC,EAAG,IAAKH,OAAQ,KAAMI,GAAI,IAAKV,KAAM,eAAgBC,OAAQ,eAAgB,eAAgB,IAAKR,MAAO,SAAWvB,EAAE,OAAQ,CAAE0B,MAAO,6BAA8BY,EAAG,IAAKC,EAAG,IAAKH,OAAQ,IAAKI,GAAI,MAAOV,KAAM,eAAgBC,OAAQ,eAAgB,eAAgB,IAAKU,MAAO,CAAElB,MAAO,QAAQY,eAA2B,EAEzpB,MAAMO,EAAoB,CAACC,EAASrB,EAAKN,KACrC,OAAQ2B,GACJ,IAAK,QACD,OAAO3C,EAAEqB,EAAU,CAAEC,IAAKA,EAAKN,MAAOA,IAC1C,IAAK,MACD,OAAOhB,EAAEkC,EAAQ,CAAEZ,IAAKA,EAAKN,MAAOA,IACxC,QACI,MAAM,IAAIG,MAAM,oBAAoBwB,sBAC5C,EAEJ,MAAMC,EAAcC,IAChB,MAAMC,MAAEA,EAAKxB,IAAEA,EAAGyB,KAAEA,EAAI/B,MAAEA,EAAK2B,QAAEA,EAAOK,UAAEA,GAAcH,EACxD,MAAMI,EAAeF,IAAS,IAC9B,MAAMG,EAAoBD,EAAe,GAAGjB,KAAKC,MAAOe,EAAY1B,EAAO,OAAS0B,EACpF,MAAMG,EAAeF,EAAejB,KAAKC,MAAOjB,EAAQM,EAAO,KAAON,EACtE,MAAMoC,EAAmB,GAAG,IAAIH,EAAe,IAAM3B,GAAO,IAAIV,WAChE,OAAQZ,EAAE,MAAO,CAAE0B,MAAO,gBAAkB1B,EAAE,MAAO,CAAE,cAAe,OAAQ0B,MAAO,CAC7E,sBAAuBiB,IAAY,QACnC,oBAAqBA,IAAY,QAChCA,IAAY,OAASG,GAAS9C,EAAE,MAAO,CAAE0B,MAAO,2BAA6BoB,GAAQJ,EAAkBC,EAASrB,EAAKN,GAAQ2B,IAAY,SAAY3C,EAAE,MAAO,CAAE0B,MAAO,4BAA8BoB,GAAS9C,EAAE,MAAO,CAAE0B,MAAO,6BAA+BoB,GAAQ9C,EAAE,MAAO,CAAE0B,MAAO,6BAA+B,GAAGyB,KAAgBJ,MAAWJ,IAAY,OAAU3C,EAAE,MAAO,CAAE0B,MAAO,0BAA2Be,MAAO,CAAElB,MAAO6B,IAAsBD,GAAgBR,IAAY,OAAS3C,EAAE,MAAO,CAAE0B,MAAO,0BAA4BqB,IAAQ/C,EAAE,WAAY,CAAE0B,MAAO,kBAAmB,YAAaV,EAAQM,EAAM,OAAS,QAASA,IAAKA,EAAKN,MAAOA,IAAUhB,EAAE,OAAQ,CAAE,YAAa,SAAU,gBAAiB,gBAAiB0B,MAAO,mBAAqBuB,EAAe,GAAGC,MAAwB,GAAGA,SAAyB5B,KAAOyB,KAAS,EAGh1B,MAAMM,UAA2B/C,EAC7B,WAAAgD,CAAYC,GACRC,MAAMD,EAAQ,CACVT,MAAO,GACPxB,IAAK,IACLyB,KAAM,IACN/B,MAAO,EACP2B,QAAS,OAEjB,CACA,iBAAAc,CAAkBZ,GACd,MAAMC,MAAEA,EAAKxB,IAAEA,EAAGyB,KAAEA,EAAI/B,MAAEA,EAAK2B,QAAEA,GAAYE,EAC7Ca,KAAKC,WAAWb,GAChBY,KAAKE,SAAStC,GACdoC,KAAKG,UAAUd,GACfW,KAAKI,WAAW9C,GAChB0C,KAAKK,aAAapB,GAClBe,KAAKM,SAAS,YAAaN,KAAKO,WAAWjD,OAC3C0C,KAAKM,SAAS,MAAON,KAAKO,WAAW3C,KACrCoC,KAAKQ,wBACT,CACA,UAAAP,CAAW3C,GACPT,EAAmBC,EAAWQ,GAAQN,IAClCgD,KAAKS,QAAQ,QAASzD,EAAE,GAEhC,CACA,QAAAkD,CAAS5C,GACLT,EAAmBE,EAASO,GAAQN,IAChCgD,KAAKS,QAAQ,MAAOzD,GACpBgD,KAAKM,SAAS,MAAOtD,EAAE,IAE3BgD,KAAKI,WAAWJ,KAAKO,WAAWjD,MACpC,CACA,SAAA6C,CAAU7C,GACNT,EAAmBI,EAAUK,GAAQN,IACjCgD,KAAKS,QAAQ,OAAQzD,GACrBgD,KAAKM,SAAS,OAAQtD,EAAE,GAEhC,CACA,UAAAoD,CAAW9C,GACPT,EAAmBM,EAAW6C,KAAKU,WAAWpD,IAASN,IACnDgD,KAAKS,QAAQ,QAASzD,EAAE,GAEhC,CACA,YAAAqD,CAAa/C,GACTT,EAAmBQ,EAAqBC,GAAQN,IAC5CgD,KAAKS,QAAQ,UAAWzD,GACxBgD,KAAKM,SAAS,UAAWtD,EAAE,GAEnC,CACA,UAAA0D,CAAWpD,GACP,UAAWA,IAAU,SAAU,CAC3B,GAAIA,EAAQ0C,KAAKW,UAAU/C,IAAK,CAC5BN,EAAQ0C,KAAKW,UAAU/C,GAC3B,CACA,GAAIN,EAAQ,EAAG,CACXA,EAAQ,CACZ,CACJ,CACA,OAAOA,CACX,CACA,sBAAAkD,GACIR,KAAKY,SAAWC,aAAY,KACxB,MAAMvD,MAAEA,GAAU0C,KAAKO,WACvB,GAAIP,KAAKW,UAAUrB,YAAchC,EAAO,CACpC0C,KAAKM,SAAS,YAAahD,EAC/B,IACD,IACP,CACA,OAAAwD,GACI,GAAId,KAAKY,SAAU,CACfG,cAAcf,KAAKY,UACnBZ,KAAKY,SAAWI,SACpB,CACJ,EAGJ,MAAMC,EAAkB,ynOAExB,MAAMC,EAAc,MAChB,WAAAtB,CAAYuB,GACR5E,EAAiByD,KAAMmB,GACvBnB,KAAKoB,KAAO,IAAIzB,EAAmBK,MACnCA,KAAKX,KAAO,IACZW,KAAKf,QAAU,MACfe,KAAKV,UAAY,EACjBU,KAAKpC,IAAMoC,KAAKqB,IACpB,CACA,UAAApB,CAAW3C,GACP0C,KAAKoB,KAAKnB,WAAW3C,EACzB,CACA,QAAA4C,CAAS5C,GACL0C,KAAKoB,KAAKlB,SAAS5C,EACvB,CACA,SAAA6C,CAAU7C,GACN0C,KAAKoB,KAAKjB,UAAU7C,EACxB,CACA,UAAA8C,CAAW9C,GACP0C,KAAKoB,KAAKhB,WAAW9C,EACzB,CACA,YAAA+C,CAAa/C,GACT0C,KAAKoB,KAAKf,aAAa/C,EAC3B,CACA,iBAAAyC,GACIC,KAAKoB,KAAKrB,kBAAkB,CACxBX,MAAOY,KAAKsB,OACZ1D,IAAKoC,KAAKqB,KACVhC,KAAMW,KAAKuB,MACXjE,MAAO0C,KAAKwB,OACZvC,QAASe,KAAKyB,UAEtB,CACA,oBAAAC,GACI1B,KAAKoB,KAAKN,SACd,CACA,MAAAa,GACI,MAAMvC,MAAEA,EAAKxB,IAAEA,EAAGyB,KAAEA,EAAI/B,MAAEA,EAAK2B,QAAEA,GAAYe,KAAKoB,KAAKb,WACvD,MAAMjB,UAAEA,GAAcU,KACtB,OAAQ1D,EAAEE,EAAM,CAAEoF,IAAK,4CAA8CtF,EAAE4C,EAAY,CAAE0C,IAAK,2CAA4CxC,MAAOA,EAAOxB,IAAKA,EAAKyB,KAAMA,EAAM/B,MAAOA,EAAO2B,QAASA,EAASK,UAAWA,IACzN,CACA,mBAAWuC,GAAa,MAAO,CAC3BP,OAAU,CAAC,cACXD,KAAQ,CAAC,YACTE,MAAS,CAAC,aACVC,OAAU,CAAC,cACXC,SAAY,CAAC,gBACd,GAEPP,EAAYnC,MAAQ,CAChB+C,QAASb,UAGJC","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"file":"kol-quote.entry.esm.js","sources":["src/schema/props/quote.ts","src/schema/props/variant-quote.ts","src/components/quote/style.scss?tag=kol-quote&mode=default&encapsulation=shadow","src/components/quote/shadow.tsx"],"sourcesContent":["import type { Generic } from 'adopted-style-sheets';\n\nimport { watchString } from '../utils';\n\nexport type QuotePropType = string;\n\n/**\n * Defines the text of the quote.\n */\nexport type PropQuote = {\n\tquote: QuotePropType;\n};\n\nexport const validateQuote = (component: Generic.Element.Component, value?: QuotePropType): void => {\n\twatchString(component, '_quote', value, {\n\t\trequired: true,\n\t});\n};\n","import type { Generic } from 'adopted-style-sheets';\n\nimport { watchValidator } from '../utils';\n\nexport const quoteVariantOptions = ['block', 'inline'] as const;\nexport type QuoteVariantPropType = (typeof quoteVariantOptions)[number];\n\n/**\n * Defines the variant for presenting quotes.\n */\nexport type PropVariantQuote = {\n\tvariant: QuoteVariantPropType;\n};\n\nconst isQuoteVariantPropType = (value: unknown): value is QuoteVariantPropType => {\n\treturn typeof value === 'string' && quoteVariantOptions.includes(value as QuoteVariantPropType);\n};\n\nexport const validateVariantQuote = (component: Generic.Element.Component, value?: QuoteVariantPropType): void => {\n\twatchValidator(component, '_variant', isQuoteVariantPropType, new Set(quoteVariantOptions), value);\n};\n","@use '../@shared/mixins' as *;\n@use '../../styles/global' as *;\n\n@layer kol-component {\n\t.kol-quote {\n\t\t$root: &;\n\t\tdisplay: inline;\n\t\tmargin: 0;\n\t\tpadding: 0;\n\n\t\t&__cite {\n\t\t\t&::before {\n\t\t\t\t@at-root #{$root}--block & {\n\t\t\t\t\tpadding-right: 0.5em;\n\t\t\t\t}\n\n\t\t\t\t@at-root #{$root}--inline & {\n\t\t\t\t\tpadding: 0.5em;\n\t\t\t\t}\n\t\t\t\tcontent: '—';\n\t\t\t}\n\t\t}\n\n\t\t&__figcaption {\n\t\t\t@at-root #{$root}--block & {\n\t\t\t\tdisplay: inline;\n\t\t\t\tmargin: 0;\n\t\t\t\tpadding: 0;\n\t\t\t}\n\t\t}\n\n\t\t&__blockquote {\n\t\t\t&::before {\n\t\t\t\tcontent: open-quote;\n\t\t\t}\n\n\t\t\t&::after {\n\t\t\t\tcontent: close-quote;\n\t\t\t}\n\t\t}\n\t}\n}\n","import { Component, h, Prop, State, Watch } from '@stencil/core';\nimport type { HrefPropType, LabelPropType, QuoteAPI, QuotePropType, QuoteStates, QuoteVariantPropType } from '../../schema';\nimport { showExpertSlot, validateLabel, validateQuote, validateVariantQuote, watchString } from '../../schema';\n\nimport type { JSX } from '@stencil/core';\nimport { KolLinkTag } from '../../core/component-names';\nimport clsx from '../../utils/clsx';\n@Component({\n\ttag: 'kol-quote',\n\tstyleUrls: {\n\t\tdefault: './style.scss',\n\t},\n\tshadow: true,\n})\nexport class KolQuote implements QuoteAPI {\n\t/**\n\t * Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.).\n\t */\n\t@Prop() public _label?: string;\n\n\t/**\n\t * Sets the target URI of the link or citation source.\n\t */\n\t@Prop() public _href!: HrefPropType;\n\n\t/**\n\t * Defines the text of the quote.\n\t */\n\t@Prop() public _quote!: string;\n\n\t/**\n\t * Defines which variant should be used for presentation.\n\t */\n\t@Prop() public _variant?: QuoteVariantPropType = 'inline';\n\n\t@State() public state: QuoteStates = {\n\t\t_href: '', // ⚠ required\n\t\t_quote: '', // ⚠ required\n\t\t_variant: 'inline',\n\t};\n\n\t@Watch('_label')\n\tpublic validateLabel(value?: LabelPropType): void {\n\t\tvalidateLabel(this, value);\n\t}\n\n\t@Watch('_href')\n\tpublic validateHref(value?: HrefPropType): void {\n\t\twatchString(this, '_href', value, {\n\t\t\trequired: true,\n\t\t});\n\t}\n\n\t@Watch('_quote')\n\tpublic validateQuote(value?: QuotePropType): void {\n\t\tvalidateQuote(this, value);\n\t}\n\n\t@Watch('_variant')\n\tpublic validateVariant(value?: QuoteVariantPropType): void {\n\t\tvalidateVariantQuote(this, value);\n\t}\n\n\tpublic componentWillLoad(): void {\n\t\tthis.validateHref(this._href);\n\t\tthis.validateLabel(this._label);\n\t\tthis.validateQuote(this._quote);\n\t\tthis.validateVariant(this._variant);\n\t}\n\n\tpublic render(): JSX.Element {\n\t\tconst hasExpertSlot = showExpertSlot(this.state._quote); // _quote instead of _caption as _label\n\t\treturn (\n\t\t\t<figure class={clsx('kol-quote', `kol-quote--${this.state._variant}`)}>\n\t\t\t\t{this.state._variant === 'block' ? (\n\t\t\t\t\t<blockquote class=\"kol-quote__blockquote\" cite={this.state._href}>\n\t\t\t\t\t\t{this.state._quote}\n\t\t\t\t\t\t<span aria-hidden={!hasExpertSlot ? 'true' : undefined} hidden={!hasExpertSlot}>\n\t\t\t\t\t\t\t<slot name=\"expert\" />\n\t\t\t\t\t\t</span>\n\t\t\t\t\t</blockquote>\n\t\t\t\t) : (\n\t\t\t\t\t<q class=\"kol-quote__quote\" cite={this.state._href}>\n\t\t\t\t\t\t{this.state._quote}\n\t\t\t\t\t\t<span aria-hidden={!hasExpertSlot ? 'true' : undefined} hidden={!hasExpertSlot}>\n\t\t\t\t\t\t\t<slot name=\"expert\" />\n\t\t\t\t\t\t</span>\n\t\t\t\t\t</q>\n\t\t\t\t)}\n\t\t\t\t{typeof this.state._label === 'string' && this.state._label.length > 0 && (\n\t\t\t\t\t<figcaption class=\"kol-quote__figcaption\">\n\t\t\t\t\t\t<cite class=\"kol-quote__cite\">\n\t\t\t\t\t\t\t<KolLinkTag _href={this.state._href} _label={this.state._label} _target=\"_blank\" />\n\t\t\t\t\t\t</cite>\n\t\t\t\t\t</figcaption>\n\t\t\t\t)}\n\t\t\t</figure>\n\t\t);\n\t}\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"kol-quote.entry.esm.js","sources":["src/internal/props/href.ts","src/internal/props/quote.ts","src/internal/functional-components/quote/component.tsx","src/internal/functional-components/quote/controller.ts","src/components/quote/style.scss?tag=kol-quote&mode=default&encapsulation=shadow","src/components/quote/component.tsx"],"sourcesContent":["import type { SimpleProp } from './helpers/factory';\nimport { createPropDefinition } from './helpers/factory';\nimport { normalizeString } from './helpers/normalizers';\n\nexport type HrefProp = SimpleProp<'href', string>;\nexport const hrefProp = createPropDefinition<HrefProp>(normalizeString, (v) => v.length > 0);\n","import type { SimpleProp } from './helpers/factory';\nimport { createPropDefinition } from './helpers/factory';\nimport { normalizeString } from './helpers/normalizers';\n\nexport type QuoteProp = SimpleProp<'quote', string>;\nexport const quoteProp = createPropDefinition<QuoteProp>(normalizeString, () => true);\n","import type { FunctionalComponent as FC } from '@stencil/core';\nimport { h } from '@stencil/core';\n\nimport { KolLinkTag } from '../../../core/component-names';\nimport { bem } from '../../../schema/bem-registry';\nimport type { FunctionalComponentProps } from '../generic-types';\nimport type { QuoteApi } from './api';\n\nconst quoteBem = bem.forBlock('kol-quote');\nconst BEM_CLASS_QUOTE__BLOCKQUOTE = quoteBem('blockquote');\nconst BEM_CLASS_QUOTE__CITE = quoteBem('cite');\nconst BEM_CLASS_QUOTE__FIGCAPTION = quoteBem('figcaption');\nconst BEM_CLASS_QUOTE__QUOTE = quoteBem('quote');\n\nexport const QuoteFC: FC<FunctionalComponentProps<QuoteApi>> = (props) => {\n\tconst { href, label, quote, variant } = props;\n\tconst hasExpertSlot = quote === '';\n\tconst BEM_CLASS_ROOT = quoteBem({ [variant]: true });\n\treturn (\n\t\t<figure class={BEM_CLASS_ROOT}>\n\t\t\t{variant === 'block' ? (\n\t\t\t\t<blockquote class={BEM_CLASS_QUOTE__BLOCKQUOTE} cite={href}>\n\t\t\t\t\t{quote}\n\t\t\t\t\t<span aria-hidden={!hasExpertSlot ? 'true' : undefined} hidden={!hasExpertSlot}>\n\t\t\t\t\t\t<slot name=\"expert\" />\n\t\t\t\t\t</span>\n\t\t\t\t</blockquote>\n\t\t\t) : (\n\t\t\t\t<q class={BEM_CLASS_QUOTE__QUOTE} cite={href}>\n\t\t\t\t\t{quote}\n\t\t\t\t\t<span aria-hidden={!hasExpertSlot ? 'true' : undefined} hidden={!hasExpertSlot}>\n\t\t\t\t\t\t<slot name=\"expert\" />\n\t\t\t\t\t</span>\n\t\t\t\t</q>\n\t\t\t)}\n\t\t\t{typeof label === 'string' && label.length > 0 && (\n\t\t\t\t<figcaption class={BEM_CLASS_QUOTE__FIGCAPTION}>\n\t\t\t\t\t<cite class={BEM_CLASS_QUOTE__CITE}>\n\t\t\t\t\t\t<KolLinkTag _href={href} _label={label} _target=\"_blank\" />\n\t\t\t\t\t</cite>\n\t\t\t\t</figcaption>\n\t\t\t)}\n\t\t</figure>\n\t);\n};\n","import type { HrefProp, LabelProp, QuoteProp, VariantQuoteProp } from '../../props';\nimport { hrefProp, labelProp, quoteProp, variantQuoteProp, withValidPropValue } from '../../props';\nimport { BaseController } from '../base-controller';\nimport type { ControllerInterface, ResolvedInputProps } from '../generic-types';\nimport type { QuoteApi } from './api';\n\nexport class QuoteController extends BaseController<QuoteApi> implements ControllerInterface<QuoteApi> {\n\tpublic constructor() {\n\t\tsuper(\n\t\t\t{},\n\t\t\t{\n\t\t\t\thref: '',\n\t\t\t\tlabel: '',\n\t\t\t\tquote: '',\n\t\t\t\tvariant: 'inline',\n\t\t\t},\n\t\t);\n\t}\n\n\tpublic componentWillLoad(props: ResolvedInputProps<QuoteApi>): void {\n\t\tconst { href, label, quote, variant } = props;\n\t\tthis.watchHref(href);\n\t\tthis.watchLabel(label);\n\t\tthis.watchQuote(quote);\n\t\tthis.watchVariant(variant);\n\t}\n\n\tpublic watchHref(value?: string): void {\n\t\twithValidPropValue<HrefProp>(hrefProp, value, (v) => {\n\t\t\tthis.setProp('href', v);\n\t\t});\n\t}\n\n\tpublic watchLabel(value?: string): void {\n\t\twithValidPropValue<LabelProp>(labelProp, value, (v) => {\n\t\t\tthis.setProp('label', v);\n\t\t});\n\t}\n\n\tpublic watchQuote(value?: string): void {\n\t\twithValidPropValue<QuoteProp>(quoteProp, value, (v) => {\n\t\t\tthis.setProp('quote', v);\n\t\t});\n\t}\n\n\tpublic watchVariant(value?: string): void {\n\t\twithValidPropValue<VariantQuoteProp>(variantQuoteProp, value, (v) => {\n\t\t\tthis.setProp('variant', v);\n\t\t});\n\t}\n}\n","@use '../@shared/mixins' as *;\n@use '../../styles/global' as *;\n\n@layer kol-component {\n\t.kol-quote {\n\t\tdisplay: inline;\n\t\tmargin: 0;\n\t\tpadding: 0;\n\t}\n\n\t.kol-quote__cite {\n\t\t&::before {\n\t\t\tcontent: '—';\n\n\t\t\t.kol-quote--block & {\n\t\t\t\tpadding-right: 0.5em;\n\t\t\t}\n\n\t\t\t.kol-quote--inline & {\n\t\t\t\tpadding: 0.5em;\n\t\t\t}\n\t\t}\n\t}\n\n\t.kol-quote__figcaption {\n\t\t.kol-quote--block & {\n\t\t\tdisplay: inline;\n\t\t\tmargin: 0;\n\t\t\tpadding: 0;\n\t\t}\n\t}\n\n\t.kol-quote__blockquote {\n\t\t&::before {\n\t\t\tcontent: open-quote;\n\t\t}\n\n\t\t&::after {\n\t\t\tcontent: close-quote;\n\t\t}\n\t}\n}\n","import type { JSX } from '@stencil/core';\nimport { Component, h, Host, Prop, Watch } from '@stencil/core';\nimport type { WebComponentInterface } from '../../internal/functional-components/generic-types';\nimport type { QuoteApi } from '../../internal/functional-components/quote/api';\nimport { QuoteFC } from '../../internal/functional-components/quote/component';\nimport { QuoteController } from '../../internal/functional-components/quote/controller';\nimport type { QuoteVariantType } from '../../internal/props/variant-quote';\n\n@Component({\n\ttag: 'kol-quote',\n\tstyleUrls: {\n\t\tdefault: './style.scss',\n\t},\n\tshadow: true,\n})\nexport class KolQuote implements WebComponentInterface<QuoteApi> {\n\tprivate readonly ctrl = new QuoteController();\n\n\t/**\n\t * Sets the target URI of the link or citation source.\n\t */\n\t@Prop()\n\tpublic _href!: string;\n\n\t@Watch('_href')\n\tpublic watchHref(value?: string): void {\n\t\tthis.ctrl.watchHref(value);\n\t}\n\n\t/**\n\t * Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.).\n\t */\n\t@Prop()\n\tpublic _label?: string;\n\n\t@Watch('_label')\n\tpublic watchLabel(value?: string): void {\n\t\tthis.ctrl.watchLabel(value);\n\t}\n\n\t/**\n\t * Defines the text of the quote.\n\t */\n\t@Prop()\n\tpublic _quote!: string;\n\n\t@Watch('_quote')\n\tpublic watchQuote(value?: string): void {\n\t\tthis.ctrl.watchQuote(value);\n\t}\n\n\t/**\n\t * Defines which variant should be used for presentation.\n\t */\n\t@Prop()\n\tpublic _variant?: QuoteVariantType = 'inline';\n\n\t@Watch('_variant')\n\tpublic watchVariant(value?: QuoteVariantType): void {\n\t\tthis.ctrl.watchVariant(value);\n\t}\n\n\tpublic componentWillLoad(): void {\n\t\tthis.ctrl.componentWillLoad({\n\t\t\thref: this._href,\n\t\t\tlabel: this._label,\n\t\t\tquote: this._quote,\n\t\t\tvariant: this._variant,\n\t\t});\n\t}\n\n\tpublic render(): JSX.Element {\n\t\tconst { href, label, quote, variant } = this.ctrl.getProps();\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<QuoteFC href={href} label={label} quote={quote} variant={variant} />\n\t\t\t</Host>\n\t\t);\n\t}\n}\n"],"names":[],"mappings":"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"}

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

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{r as n,h as e}from"./index-0LQrricW.js";import{g as t,b as i}from"./common-BIkdAxr0.js";import{s as o}from"./reuse-CX4AQDkS.js";import{v as a}from"./label-C18ud7Yt.js";import{k as l}from"./component-names-CqTpXVIM.js";import{c as s}from"./clsx-COFh-Vc8.js";const r=(e,n)=>{t(e,"_quote",n,{required:!0})},d=["block","inline"],h=e=>"string"==typeof e&&d.includes(e),c=(e,n)=>{i(e,"_variant",h,new Set(d),n)},u="@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: lightgray;\n  }\n}\n@layer kol-global {\n  :host {\n    /*\n     * The max-width is needed to prevent the table from overflowing the\n     * parent node, if the table is wider than the parent node.\n     */\n    max-width: 100%;\n    font-size: calc(16 * 1rem / var(--kolibri-root-font-size, 16));\n  }\n  * {\n    /*\n     * We prefer to box-sizing: border-box for all elements.\n     */\n    box-sizing: border-box;\n  }\n  .kol-span {\n    /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\n    display: flex;\n    flex-flow: column;\n    align-items: center;\n    justify-content: center;\n    /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\n  }\n  .kol-span__container {\n    display: flex;\n    align-items: center;\n  }\n  a,\n  button {\n    cursor: pointer;\n  }\n  .kol-span .kol-span__label--hide-label .kol-span__label {\n    display: none;\n  }\n  /* Reset browser agent style. */\n  button:disabled {\n    color: unset;\n  }\n  .disabled label,\n  .disabled:focus-within label,\n  [aria-disabled=true],\n  [aria-disabled=true]:focus,\n  [disabled],\n  [disabled]:focus {\n    opacity: 0.5;\n    outline: none;\n    cursor: not-allowed;\n  }\n  [aria-disabled=true]:focus .kol-span,\n  [disabled]:focus .kol-span {\n    outline: none !important;\n  }\n  .hastooltip {\n    z-index: 900 !important;\n  }\n}\n@layer kol-component {\n  .kol-quote {\n    display: inline;\n    margin: 0;\n    padding: 0;\n  }\n  .kol-quote--block .kol-quote__cite::before {\n    padding-right: 0.5em;\n  }\n  .kol-quote--inline .kol-quote__cite::before {\n    padding: 0.5em;\n  }\n  .kol-quote__cite::before {\n    content: \"—\";\n  }\n  .kol-quote--block .kol-quote__figcaption {\n    display: inline;\n    margin: 0;\n    padding: 0;\n  }\n  .kol-quote__blockquote::before {\n    content: open-quote;\n  }\n  .kol-quote__blockquote::after {\n    content: close-quote;\n  }\n}",p=class{constructor(e){n(this,e),this._variant="inline",this.state={_href:"",_quote:"",_variant:"inline"}}validateLabel(e){a(this,e)}validateHref(e){t(this,"_href",e,{required:!0})}validateQuote(e){r(this,e)}validateVariant(e){c(this,e)}componentWillLoad(){this.validateHref(this._href),this.validateLabel(this._label),this.validateQuote(this._quote),this.validateVariant(this._variant)}render(){const n=o(this.state._quote);return e("figure",{key:"995e7d373d3a732dc5ad67fef28e964fa938d534",class:s("kol-quote",`kol-quote--${this.state._variant}`)},"block"===this.state._variant?e("blockquote",{class:"kol-quote__blockquote",cite:this.state._href},this.state._quote,e("span",{"aria-hidden":n?void 0:"true",hidden:!n},e("slot",{name:"expert"}))):e("q",{class:"kol-quote__quote",cite:this.state._href},this.state._quote,e("span",{"aria-hidden":n?void 0:"true",hidden:!n},e("slot",{name:"expert"}))),"string"==typeof this.state._label&&this.state._label.length>0&&e("figcaption",{key:"b6309e2b1006c34ccfc954197b597b384cfbad9f",class:"kol-quote__figcaption"},e("cite",{key:"36d5c701b54b7e018b94251ab9e1bd83e6895455",class:"kol-quote__cite"},e(l,{key:"109ea86ed460a3979e8432a230f763674abf59d7",_href:this.state._href,_label:this.state._label,_target:"_blank"}))))}static get watchers(){return{_label:["validateLabel"],_href:["validateHref"],_quote:["validateQuote"],_variant:["validateVariant"]}}};p.style={default:u};export{p as kol_quote};
+import{h as n,r as e,H as t}from"./index-rqIkzkgG.js";import{k as o}from"./component-names-CqTpXVIM.js";import{b as i}from"./bem-registry-DRYZs7IX.js";import{c as a,n as l,B as s,w as r,v as c}from"./base-controller-CUXUgRY-.js";import"./common-BIkdAxr0.js";import{l as d}from"./label-dDkswsUq.js";import"./browser-KcXKIKON.js";const h=a(l,n=>n.length>0),u=a(l,()=>!0),p=i.forBlock("kol-quote"),f=p("blockquote"),m=p("cite"),b=p("figcaption"),g=p("quote"),k=e=>{const{href:t,label:i,quote:a,variant:l}=e,r=""===a,s=p({[l]:!0});return n("figure",{class:s},"block"===l?n("blockquote",{class:f,cite:t},a,n("span",{"aria-hidden":r?void 0:"true",hidden:!r},n("slot",{name:"expert"}))):n("q",{class:g,cite:t},a,n("span",{"aria-hidden":r?void 0:"true",hidden:!r},n("slot",{name:"expert"}))),"string"==typeof i&&i.length>0&&n("figcaption",{class:b},n("cite",{class:m},n(o,{_href:t,_label:i,_target:"_blank"}))))};class w extends s{constructor(){super({},{href:"",label:"",quote:"",variant:"inline"})}componentWillLoad(n){const{href:e,label:t,quote:o,variant:i}=n;this.watchHref(e),this.watchLabel(t),this.watchQuote(o),this.watchVariant(i)}watchHref(n){r(h,n,n=>{this.setProp("href",n)})}watchLabel(n){r(d,n,n=>{this.setProp("label",n)})}watchQuote(n){r(u,n,n=>{this.setProp("quote",n)})}watchVariant(n){r(c,n,n=>{this.setProp("variant",n)})}}const y="@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: lightgray;\n  }\n}\n@layer kol-global {\n  :host {\n    /*\n     * The max-width is needed to prevent the table from overflowing the\n     * parent node, if the table is wider than the parent node.\n     */\n    max-width: 100%;\n    font-size: calc(16 * 1rem / var(--kolibri-root-font-size, 16));\n  }\n  * {\n    /*\n     * We prefer to box-sizing: border-box for all elements.\n     */\n    box-sizing: border-box;\n  }\n  .kol-span {\n    /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\n    display: flex;\n    flex-flow: column;\n    align-items: center;\n    justify-content: center;\n    /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\n  }\n  .kol-span__container {\n    display: flex;\n    align-items: center;\n  }\n  a,\n  button {\n    cursor: pointer;\n  }\n  .kol-span .kol-span__label--hide-label .kol-span__label {\n    display: none;\n  }\n  /* Reset browser agent style. */\n  button:disabled {\n    color: unset;\n  }\n  .disabled label,\n  .disabled:focus-within label,\n  [aria-disabled=true],\n  [aria-disabled=true]:focus,\n  [disabled],\n  [disabled]:focus {\n    opacity: 0.5;\n    outline: none;\n    cursor: not-allowed;\n  }\n  [aria-disabled=true]:focus .kol-span,\n  [disabled]:focus .kol-span {\n    outline: none !important;\n  }\n  .hastooltip {\n    z-index: 900 !important;\n  }\n}\n@layer kol-component {\n  .kol-quote {\n    display: inline;\n    margin: 0;\n    padding: 0;\n  }\n  .kol-quote__cite::before {\n    content: \"—\";\n  }\n  .kol-quote--block .kol-quote__cite::before {\n    padding-right: 0.5em;\n  }\n  .kol-quote--inline .kol-quote__cite::before {\n    padding: 0.5em;\n  }\n  .kol-quote--block .kol-quote__figcaption {\n    display: inline;\n    margin: 0;\n    padding: 0;\n  }\n  .kol-quote__blockquote::before {\n    content: open-quote;\n  }\n  .kol-quote__blockquote::after {\n    content: close-quote;\n  }\n}",q=class{constructor(n){e(this,n),this.ctrl=new w,this._variant="inline"}watchHref(n){this.ctrl.watchHref(n)}watchLabel(n){this.ctrl.watchLabel(n)}watchQuote(n){this.ctrl.watchQuote(n)}watchVariant(n){this.ctrl.watchVariant(n)}componentWillLoad(){this.ctrl.componentWillLoad({href:this._href,label:this._label,quote:this._quote,variant:this._variant})}render(){const{href:e,label:o,quote:i,variant:a}=this.ctrl.getProps();return n(t,{key:"d00028f8f46d69f8af987135505eb7ce06adb2fc"},n(k,{key:"06a839262e565e7cbc6e19baff0d1869ca9fda78",href:e,label:o,quote:i,variant:a}))}static get watchers(){return{_href:["watchHref"],_label:["watchLabel"],_quote:["watchQuote"],_variant:["watchVariant"]}}};q.style={default:y};export{q as kol_quote};