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

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

@@ -1 +1 @@
-{"version":3,"names":["registerInstance","h","watchBoolean","a11yHintLabelingLandmarks","devHint","validateHideLabel","validateLabel","KolLinkWcTag","KolButtonWcTag","translate","clsx","createUniqueId","createRelatedUniqueId","removeNavLabel","addNavLabel","watchNavLinks","validateCollapsible","component","value","validateHasCompactButton","validateHasIconsWhenExpanded","defaultStyleCss","entryIsLink","entryProps","_href","entryIsButton","_a","undefined","_on","onClick","KolNav","constructor","hostRef","this","navId","listId","handleToggleExpansionClick","children","state","_expandedChildren","includes","collapseChildren","expandChildren","linkList","props","class","deep","id","links","map","link","index","li","collapsible","_collapsible","_hasCompactButton","_hasIconsWhenExpanded","_hideLabel","_label","_links","Object","assign","filter","searchChildren","buildIconObject","expanded","leftIcon","icon","left","right","entry","hasChildren","ariaID","_icons","icons","_ariaControls","_ariaExpanded","event","_children","ariaIDparent","active","_active","Array","isArray","length","Boolean","key","initializeExpandedChildren","handleBranch","branch","childBranch","forEach","render","_tooltipAlign","_oldValue","initial","required","validateLinks","componentWillLoad","disconnectedCallback","watchers","style","default"],"sources":["0"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["registerInstance","h","watchBoolean","a11yHintLabelingLandmarks","devHint","validateHideLabel","validateLabel","KolLinkWcTag","KolButtonWcTag","translate","clsx","createUniqueId","createRelatedUniqueId","removeNavLabel","addNavLabel","watchNavLinks","validateCollapsible","component","value","validateHasCompactButton","validateHasIconsWhenExpanded","defaultStyleCss","entryIsLink","entryProps","_href","entryIsButton","_a","undefined","_on","onClick","KolNav","constructor","hostRef","this","navId","listId","handleToggleExpansionClick","children","state","_expandedChildren","includes","collapseChildren","expandChildren","linkList","props","class","deep","id","links","map","link","index","li","collapsible","_collapsible","_hasCompactButton","_hasIconsWhenExpanded","_hideLabel","_label","_links","Object","assign","filter","searchChildren","buildIconObject","expanded","leftIcon","icon","left","right","entry","hasChildren","ariaID","_icons","icons","_ariaControls","_ariaExpanded","event","_children","ariaIDparent","active","_active","Array","isArray","length","Boolean","key","initializeExpandedChildren","handleBranch","branch","childBranch","forEach","render","_tooltipAlign","_oldValue","initial","required","validateLinks","componentWillLoad","disconnectedCallback","watchers","style","default"],"sources":["0"],"mappings":"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","ignoreList":[]}

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

@@ -1,5 +1,5 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{r as t,h as i,H as s,g as e}from"./index-DqvPZ16l.js";import{N as a,U as o,b as n,H as l,p as h}from"./common-DEEjER7G.js";import{v as r}from"./custom-class-RTVG26D_.js";import{v as _}from"./label-Cg7TG_7b.js";import{v as u}from"./tooltip-align-DzHPWEpv.js";import{j as p,b as c}from"./component-names-Dy77vq43.js";import{t as g}from"./i18n-CaL2ODdQ.js";import{n as f}from"./dev.utils-Cv9uCwkA.js";import{d as b,K as d}from"./events-BhfZTW2e.js";import{r as m,a as v}from"./unique-nav-labels-7ifGcuBZ.js";import"./align-ChLoh-Dq.js";import"./i18n-B2d_exHc.js";const k=(t,i,s)=>{a(t,"_max",i,s)};const C={left:"kolicon-chevron-double-left"};const y={left:"kolicon-chevron-left"};const S={right:"kolicon-chevron-right"};const z={right:"kolicon-chevron-double-right"};function j(){const t=navigator.language||"de-DE";const i=t.includes("-")?t:`${t}-${t.toUpperCase()}`;return i}const x=j();const P=new Intl.NumberFormat(x,{style:"decimal",minimumFractionDigits:0,maximumFractionDigits:0});const B=class{constructor(i){t(this,i);this.translatePageFirst=g("kol-page-first");this.translatePageBack=g("kol-page-back");this.translatePageNext=g("kol-page-next");this.translatePageLast=g("kol-page-last");this.translateEntriesPerSite=g("kol-entries-per-site");this.translatePage=g("kol-page");this.translatePagination=g("kol-pagination");this.calcCount=(t,i=1)=>Math.ceil(t/i);this.getCount=()=>this.calcCount(this.state._max,this.state._pageSize);this._boundaryCount=1;this._hasButtons=true;this._pageSize=1;this._pageSizeOptions=[];this._siblingCount=1;this._tooltipAlign="top";this.state={_boundaryCount:1,_label:this.translatePagination,_hasButtons:{first:true,last:true,next:true,previous:true},_on:{onClick:()=>null},_page:0,_pageSize:1,_pageSizeOptions:[],_siblingCount:1,_max:0};this.onClick=(t,i)=>{if(typeof this.state._on.onClick==="function"){this.state._on.onClick(t,i)}if(this.host){b(this.host,d.click,i)}this.onChangePage(t,i)};this.onChangePage=(t,i)=>{const s=setTimeout((()=>{clearTimeout(s);if(typeof this.state._on.onChangePage==="function"){this.state._on.onChangePage(t,i)}if(this.host){b(this.host,d.changePage,i)}}))};this.onChangePageSize=(t,i)=>{i=parseInt(i);if(typeof i==="number"&&i>0&&this._pageSize!==i){this._pageSize=i;const s=setTimeout((()=>{clearTimeout(s);if(typeof this.state._on.onChangePageSize==="function"){this.state._on.onChangePageSize(t,this._pageSize)}if(this.host){b(this.host,d.changePageSize,this._pageSize)}}))}};this.onGoToFirst={onClick:t=>{this.onClick(t,1)}};this.onGoToEnd={onClick:t=>{this.onClick(t,this.getCount())}};this.onGoBackward={onClick:t=>{this.onClick(t,this.state._page-1)}};this.onGoForward={onClick:t=>{this.onClick(t,this.state._page+1)}};this.beforePageSize=(t,i)=>{let s=i.has("_pageSize")?i.get("_pageSize"):this.state._pageSize;const e=i.has("_pageSizeOptions")?i.get("_pageSizeOptions"):this.state._pageSizeOptions;if(Array.isArray(e)&&e.length>0){const t=e.find((t=>t.value===s));if(t===undefined){s=e[0].value}else{s=t.value}i.set("_pageSize",s)}const a=i.has("_page")?i.get("_page"):this.state._page;const o=i.has("_max")?i.get("_max"):this.state._max;this.syncPage(i,a,i.get("_pageSize"),o)};this.syncPage=(t,i,s,e)=>{if(e>0){const a=this.calcCount(e,s);if(a>0){if(i>a){t.set("_page",a);this.onChangePage(o,a)}else if(i<1){t.set("_page",1);this.onChangePage(o,1)}}}};this.beforePageSizeOptions=(t,i)=>{const s=[];if(Array.isArray(t)){for(const i of t){if(typeof i==="number"){s.push({label:`${i}`,value:i})}}}i.set("_pageSizeOptions",s);this.beforePageSize(s,i)}}getPageStart(){return Math.max(0,(this.state._page-1)*this.state._pageSize+1)}getPageEnd(){const t=this.state._page*this.state._pageSize;if(this.state._max<t){return this.state._max}return t}render(){var t;let e=false;const a=this.getCount();const o=Array.from({length:a},((t,i)=>i+1)).map((t=>{if(t<=this.state._boundaryCount||t>a-this.state._boundaryCount||t>=this.state._page-this.state._siblingCount&&t<=this.state._page+this.state._siblingCount){e=true;if(this.state._page===t){return this.getSelectedPageButton(t)}else{return this.getUnselectedPageButton(t)}}else if(e===true){e=false;return i("li",{key:f()},i("span",{class:"kol-pagination__separator","aria-hidden":"true"}))}else{return null}}));return i(s,{class:"kol-pagination"},i("span",{role:"status","aria-live":"polite",class:"kol-pagination__entries"},g("kol-table-visible-range",{placeholders:{start:P.format(this.getPageStart()),end:P.format(this.getPageEnd()),total:P.format(this.state._max)}})),i("nav",{class:"kol-pagination__navigation","aria-label":this.state._label},i("ul",{class:"kol-pagination__navigation-list"},this.state._hasButtons.first&&i("li",null,i(c,{class:"kol-pagination__button kol-pagination__button--first",_customClass:this.state._customClass,_disabled:this.state._page<=1,_icons:C,_hideLabel:true,_label:this.translatePageFirst,_on:this.onGoToFirst,_tooltipAlign:this.state._tooltipAlign})),this.state._hasButtons.previous&&i("li",null,i(c,{class:"kol-pagination__button kol-pagination__button--previous",_customClass:this.state._customClass,_disabled:this.state._page<=1,_icons:y,_hideLabel:true,_label:this.translatePageBack,_on:this.onGoBackward,_tooltipAlign:this.state._tooltipAlign})),o,this.state._hasButtons.next&&i("li",null,i(c,{class:"kol-pagination__button kol-pagination__button--next",_customClass:this.state._customClass,_disabled:a<=this.state._page,_icons:S,_hideLabel:true,_label:this.translatePageNext,_on:this.onGoForward,_tooltipAlign:this.state._tooltipAlign})),this.state._hasButtons.last&&i("li",null,i(c,{class:"kol-pagination__button kol-pagination__button--last",_customClass:this.state._customClass,_disabled:a<=this.state._page,_icons:z,_hideLabel:true,_label:this.translatePageLast,_on:this.onGoToEnd,_tooltipAlign:this.state._tooltipAlign})))),((t=this.state._pageSizeOptions)===null||t===void 0?void 0:t.length)>0&&i("div",{class:"page-size"},i(p,{class:"kol-pagination__page-size-select",_label:this.translateEntriesPerSite,_options:this.state._pageSizeOptions,_on:{onChange:this.onChangePageSize},_value:this.state._pageSize})))}getUnselectedPageButton(t){const s=P.format(t);const e=`${this.translatePage} ${s}`;return i("li",{key:f()},i(c,{class:"kol-pagination__button kol-pagination__button--numbers",_ariaDescription:e,_customClass:this.state._customClass,_label:s,_on:{onClick:i=>{this.onClick(i,t)}}}))}getSelectedPageButton(t){const s=P.format(t);const e=`${this.translatePage} ${s}`;return i("li",{key:f()},i(c,{"aria-current":"page",class:"kol-pagination__button kol-pagination__button--selected selected",_ariaDescription:e,_customClass:this.state._customClass,_label:s}))}validateBoundaryCount(t){a(this,"_boundaryCount",Math.max(0,t!==null&&t!==void 0?t:1))}validateCustomClass(t){r(this,t)}validateLabel(t,i,s=false){if(!s){m(this.state._label)}_(this,t);v(this.state._label)}validateHasButtons(t){n(this,"_hasButtons",(t=>typeof t==="boolean"||typeof t==="string"||typeof t==="object"&&t!==null),new Set(["Boolean","PaginationHasButton"]),t,{hooks:{beforePatch:(t,i)=>{if(typeof t==="boolean"){i.set("_hasButtons",{first:t,last:t,next:t,previous:t})}else{if(typeof t==="string"){try{t=h(t)}catch(t){i.delete("_hasButtons")}}if(typeof t==="object"&&t!==null){i.set("_hasButtons",Object.assign(Object.assign({},this.state._hasButtons),{first:typeof t.first==="boolean"?t.first===true:this.state._hasButtons.first,last:typeof t.last==="boolean"?t.last===true:this.state._hasButtons.last,next:typeof t.next==="boolean"?t.next===true:this.state._hasButtons.next,previous:typeof t.previous==="boolean"?t.previous===true:this.state._hasButtons.previous}))}}}}})}validateOn(t){if(typeof t==="object"&&t!==null){this.state=Object.assign(Object.assign({},this.state),{_on:t})}}validatePage(t){a(this,"_page",t,{hooks:{beforePatch:(t,i)=>{const s=i.has("_pageSize")?i.get("_pageSize"):this.state._pageSize;const e=i.has("_max")?i.get("_max"):this.state._max;this.syncPage(i,t,s,e)}}})}validatePageSize(t){a(this,"_pageSize",t,{hooks:{beforePatch:this.beforePageSize}})}validatePageSizeOptions(t){l(this,"_pageSizeOptions",(t=>typeof t==="number"),t,undefined,{hooks:{beforePatch:this.beforePageSizeOptions}})}validateSiblingCount(t){a(this,"_siblingCount",Math.max(0,t!==null&&t!==void 0?t:1))}validateMax(t){k(this,t,{hooks:{beforePatch:(t,i)=>{const s=i.has("_page")?i.get("_page"):this.state._page;const e=i.has("_pageSize")?i.get("_pageSize"):this.state._pageSize;this.syncPage(i,s,e,t)}}})}validateTooltipAlign(t){u(this,t)}componentWillLoad(){this.validateBoundaryCount(this._boundaryCount);this.validateCustomClass(this._customClass);this.validateHasButtons(this._hasButtons);this.validateLabel(this._label,undefined,true);this.validateOn(this._on);this.validatePage(this._page);this.validatePageSize(this._pageSize);this.validatePageSizeOptions(this._pageSizeOptions);this.validateSiblingCount(this._siblingCount);this.validateTooltipAlign(this._tooltipAlign);this.validateMax(this._max);this.validatePage(this._page)}disconnectedCallback(){m(this.state._label)}get host(){return e(this)}static get watchers(){return{_boundaryCount:["validateBoundaryCount"],_customClass:["validateCustomClass"],_label:["validateLabel"],_hasButtons:["validateHasButtons"],_on:["validateOn"],_page:["validatePage"],_pageSize:["validatePageSize"],_pageSizeOptions:["validatePageSizeOptions"],_siblingCount:["validateSiblingCount"],_max:["validateMax"],_tooltipAlign:["validateTooltipAlign"]}}};export{B as kol_pagination_wc};
+import{r as t,h as i,H as s,g as e}from"./index-CfYfRjdO.js";import{N as o,V as a,b as n,H as l,p as h}from"./common-Cbb6Axov.js";import{v as r}from"./custom-class-BeMzLrHQ.js";import{v as _}from"./label-We78Dt9U.js";import{v as u}from"./tooltip-align-LkJ2mgrc.js";import{j as p,b as c}from"./component-names-Dy77vq43.js";import{t as g}from"./i18n-CcjZRTxD.js";import{n as f}from"./dev.utils-CBuLoTMV.js";import{d as b,K as d}from"./events-BhfZTW2e.js";import{r as m,a as v}from"./unique-nav-labels-D4Kr0ypx.js";import"./align-BdqBkiyq.js";import"./i18n-CMA39edx.js";const k=(t,i,s)=>{o(t,"_max",i,s)};const C={left:"kolicon-chevron-double-left"};const y={left:"kolicon-chevron-left"};const S={right:"kolicon-chevron-right"};const z={right:"kolicon-chevron-double-right"};function j(){const t=navigator.language||"de-DE";const i=t.includes("-")?t:`${t}-${t.toUpperCase()}`;return i}const x=j();const B=new Intl.NumberFormat(x,{style:"decimal",minimumFractionDigits:0,maximumFractionDigits:0});const P=class{constructor(i){t(this,i);this.translatePageFirst=g("kol-page-first");this.translatePageBack=g("kol-page-back");this.translatePageNext=g("kol-page-next");this.translatePageLast=g("kol-page-last");this.translateEntriesPerSite=g("kol-entries-per-site");this.translatePage=g("kol-page");this.translatePagination=g("kol-pagination");this.calcCount=(t,i=1)=>Math.ceil(t/i);this.getCount=()=>this.calcCount(this.state._max,this.state._pageSize);this._boundaryCount=1;this._hasButtons=true;this._pageSize=1;this._pageSizeOptions=[];this._siblingCount=1;this._tooltipAlign="top";this.state={_boundaryCount:1,_label:this.translatePagination,_hasButtons:{first:true,last:true,next:true,previous:true},_on:{onClick:()=>null},_page:0,_pageSize:1,_pageSizeOptions:[],_siblingCount:1,_max:0};this.onClick=(t,i)=>{if(typeof this.state._on.onClick==="function"){this.state._on.onClick(t,i)}if(this.host){b(this.host,d.click,i)}this.onChangePage(t,i)};this.onChangePage=(t,i)=>{const s=setTimeout((()=>{clearTimeout(s);if(typeof this.state._on.onChangePage==="function"){this.state._on.onChangePage(t,i)}if(this.host){b(this.host,d.changePage,i)}}))};this.onChangePageSize=(t,i)=>{i=parseInt(i);if(typeof i==="number"&&i>0&&this._pageSize!==i){this._pageSize=i;const s=setTimeout((()=>{clearTimeout(s);if(typeof this.state._on.onChangePageSize==="function"){this.state._on.onChangePageSize(t,this._pageSize)}if(this.host){b(this.host,d.changePageSize,this._pageSize)}}))}};this.onGoToFirst={onClick:t=>{this.onClick(t,1)}};this.onGoToEnd={onClick:t=>{this.onClick(t,this.getCount())}};this.onGoBackward={onClick:t=>{this.onClick(t,this.state._page-1)}};this.onGoForward={onClick:t=>{this.onClick(t,this.state._page+1)}};this.beforePageSize=(t,i)=>{let s=i.has("_pageSize")?i.get("_pageSize"):this.state._pageSize;const e=i.has("_pageSizeOptions")?i.get("_pageSizeOptions"):this.state._pageSizeOptions;if(Array.isArray(e)&&e.length>0){const t=e.find((t=>t.value===s));if(t===undefined){s=e[0].value}else{s=t.value}i.set("_pageSize",s)}const o=i.has("_page")?i.get("_page"):this.state._page;const a=i.has("_max")?i.get("_max"):this.state._max;this.syncPage(i,o,i.get("_pageSize"),a)};this.syncPage=(t,i,s,e)=>{if(e>0){const o=this.calcCount(e,s);if(o>0){if(i>o){t.set("_page",o);this.onChangePage(a,o)}else if(i<1){t.set("_page",1);this.onChangePage(a,1)}}}};this.beforePageSizeOptions=(t,i)=>{const s=[];if(Array.isArray(t)){for(const i of t){if(typeof i==="number"){s.push({label:`${i}`,value:i})}}}i.set("_pageSizeOptions",s);this.beforePageSize(s,i)}}getPageStart(){return Math.max(0,(this.state._page-1)*this.state._pageSize+1)}getPageEnd(){const t=this.state._page*this.state._pageSize;if(this.state._max<t){return this.state._max}return t}render(){var t;let e=false;const o=this.getCount();const a=Array.from({length:o},((t,i)=>i+1)).map((t=>{if(t<=this.state._boundaryCount||t>o-this.state._boundaryCount||t>=this.state._page-this.state._siblingCount&&t<=this.state._page+this.state._siblingCount){e=true;if(this.state._page===t){return this.getSelectedPageButton(t)}else{return this.getUnselectedPageButton(t)}}else if(e===true){e=false;return i("li",{key:f()},i("span",{class:"kol-pagination__separator","aria-hidden":"true"}))}else{return null}}));return i(s,{class:"kol-pagination"},i("span",{role:"status","aria-live":"polite",class:"kol-pagination__entries"},g("kol-table-visible-range",{placeholders:{start:B.format(this.getPageStart()),end:B.format(this.getPageEnd()),total:B.format(this.state._max)}})),i("nav",{class:"kol-pagination__navigation","aria-label":this.state._label},i("ul",{class:"kol-pagination__navigation-list"},this.state._hasButtons.first&&i("li",null,i(c,{class:"kol-pagination__button kol-pagination__button--first",_customClass:this.state._customClass,_disabled:this.state._page<=1,_icons:C,_hideLabel:true,_label:this.translatePageFirst,_on:this.onGoToFirst,_tooltipAlign:this.state._tooltipAlign})),this.state._hasButtons.previous&&i("li",null,i(c,{class:"kol-pagination__button kol-pagination__button--previous",_customClass:this.state._customClass,_disabled:this.state._page<=1,_icons:y,_hideLabel:true,_label:this.translatePageBack,_on:this.onGoBackward,_tooltipAlign:this.state._tooltipAlign})),a,this.state._hasButtons.next&&i("li",null,i(c,{class:"kol-pagination__button kol-pagination__button--next",_customClass:this.state._customClass,_disabled:o<=this.state._page,_icons:S,_hideLabel:true,_label:this.translatePageNext,_on:this.onGoForward,_tooltipAlign:this.state._tooltipAlign})),this.state._hasButtons.last&&i("li",null,i(c,{class:"kol-pagination__button kol-pagination__button--last",_customClass:this.state._customClass,_disabled:o<=this.state._page,_icons:z,_hideLabel:true,_label:this.translatePageLast,_on:this.onGoToEnd,_tooltipAlign:this.state._tooltipAlign})))),((t=this.state._pageSizeOptions)===null||t===void 0?void 0:t.length)>0&&i("div",{class:"page-size"},i(p,{class:"kol-pagination__page-size-select",_label:this.translateEntriesPerSite,_options:this.state._pageSizeOptions,_on:{onChange:this.onChangePageSize},_value:this.state._pageSize})))}getUnselectedPageButton(t){const s=B.format(t);const e=`${this.translatePage} ${s}`;return i("li",{key:f()},i(c,{class:"kol-pagination__button kol-pagination__button--numbers",_ariaDescription:e,_customClass:this.state._customClass,_label:s,_on:{onClick:i=>{this.onClick(i,t)}}}))}getSelectedPageButton(t){const s=B.format(t);const e=`${this.translatePage} ${s}`;return i("li",{key:f()},i(c,{"aria-current":"page",class:"kol-pagination__button kol-pagination__button--selected selected",_ariaDescription:e,_customClass:this.state._customClass,_label:s}))}validateBoundaryCount(t){o(this,"_boundaryCount",Math.max(0,t!==null&&t!==void 0?t:1))}validateCustomClass(t){r(this,t)}validateLabel(t,i,s=false){if(!s){m(this.state._label)}_(this,t);v(this.state._label)}validateHasButtons(t){n(this,"_hasButtons",(t=>typeof t==="boolean"||typeof t==="string"||typeof t==="object"&&t!==null),new Set(["Boolean","PaginationHasButton"]),t,{hooks:{beforePatch:(t,i)=>{if(typeof t==="boolean"){i.set("_hasButtons",{first:t,last:t,next:t,previous:t})}else{if(typeof t==="string"){try{t=h(t)}catch(t){i.delete("_hasButtons")}}if(typeof t==="object"&&t!==null){i.set("_hasButtons",Object.assign(Object.assign({},this.state._hasButtons),{first:typeof t.first==="boolean"?t.first===true:this.state._hasButtons.first,last:typeof t.last==="boolean"?t.last===true:this.state._hasButtons.last,next:typeof t.next==="boolean"?t.next===true:this.state._hasButtons.next,previous:typeof t.previous==="boolean"?t.previous===true:this.state._hasButtons.previous}))}}}}})}validateOn(t){if(typeof t==="object"&&t!==null){this.state=Object.assign(Object.assign({},this.state),{_on:t})}}validatePage(t){o(this,"_page",t,{hooks:{beforePatch:(t,i)=>{const s=i.has("_pageSize")?i.get("_pageSize"):this.state._pageSize;const e=i.has("_max")?i.get("_max"):this.state._max;this.syncPage(i,t,s,e)}}})}validatePageSize(t){o(this,"_pageSize",t,{hooks:{beforePatch:this.beforePageSize}})}validatePageSizeOptions(t){l(this,"_pageSizeOptions",(t=>typeof t==="number"),t,undefined,{hooks:{beforePatch:this.beforePageSizeOptions}})}validateSiblingCount(t){o(this,"_siblingCount",Math.max(0,t!==null&&t!==void 0?t:1))}validateMax(t){k(this,t,{hooks:{beforePatch:(t,i)=>{const s=i.has("_page")?i.get("_page"):this.state._page;const e=i.has("_pageSize")?i.get("_pageSize"):this.state._pageSize;this.syncPage(i,s,e,t)}}})}validateTooltipAlign(t){u(this,t)}componentWillLoad(){this.validateBoundaryCount(this._boundaryCount);this.validateCustomClass(this._customClass);this.validateHasButtons(this._hasButtons);this.validateLabel(this._label,undefined,true);this.validateOn(this._on);this.validatePage(this._page);this.validatePageSize(this._pageSize);this.validatePageSizeOptions(this._pageSizeOptions);this.validateSiblingCount(this._siblingCount);this.validateTooltipAlign(this._tooltipAlign);this.validateMax(this._max);this.validatePage(this._page)}disconnectedCallback(){m(this.state._label)}get host(){return e(this)}static get watchers(){return{_boundaryCount:["validateBoundaryCount"],_customClass:["validateCustomClass"],_label:["validateLabel"],_hasButtons:["validateHasButtons"],_on:["validateOn"],_page:["validatePage"],_pageSize:["validatePageSize"],_pageSizeOptions:["validatePageSizeOptions"],_siblingCount:["validateSiblingCount"],_max:["validateMax"],_tooltipAlign:["validateTooltipAlign"]}}};export{P as kol_pagination_wc};
 //# sourceMappingURL=kol-pagination-wc.entry.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"kol-pagination.entry.esm.js","sources":["src/components/pagination/style.scss?tag=kol-pagination&mode=default&encapsulation=shadow","src/components/pagination/shadow.tsx"],"sourcesContent":["@use '../@shared/mixins' as *;\n@use '../@shared/global' as *;\n@use '../tooltip/style.scss' as *;\n@use '../@shared/pagination.mixin' as *;\n\n@layer kol-component {\n\t@include kol-pagination-styles;\n}\n","import type {\n\tCustomClassPropType,\n\tKoliBriPaginationButtonCallbacks,\n\tLabelPropType,\n\tMaxPropType,\n\tPaginationHasButton,\n\tPaginationProps,\n\tStringified,\n\tTooltipAlignPropType,\n} from '../../schema';\n\nimport type { JSX } from '@stencil/core';\nimport { Component, h, Prop } from '@stencil/core';\n\nimport { KolPaginationWcTag } from '../../core/component-names';\n\n@Component({\n\ttag: 'kol-pagination',\n\tstyleUrls: {\n\t\tdefault: './style.scss',\n\t},\n\tshadow: true,\n})\nexport class KolPagination implements PaginationProps {\n\tpublic render(): JSX.Element {\n\t\treturn (\n\t\t\t<KolPaginationWcTag\n\t\t\t\t_boundaryCount={this._boundaryCount}\n\t\t\t\t_label={this._label}\n\t\t\t\t_customClass={this._customClass}\n\t\t\t\t_on={this._on}\n\t\t\t\t_hasButtons={this._hasButtons}\n\t\t\t\t_page={this._page}\n\t\t\t\t_pageSize={this._pageSize}\n\t\t\t\t_pageSizeOptions={this._pageSizeOptions}\n\t\t\t\t_siblingCount={this._siblingCount}\n\t\t\t\t_tooltipAlign={this._tooltipAlign}\n\t\t\t\t_max={this._max}\n\t\t\t></KolPaginationWcTag>\n\t\t);\n\t}\n\n\t/**\n\t * Defines the amount of pages to show next to the outer arrow buttons.\n\t */\n\t@Prop() public _boundaryCount?: number = 1;\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 * Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.).\n\t */\n\t@Prop() public _label?: LabelPropType;\n\n\t/**\n\t * Defines which navigation buttons to render (first, last, next, previous buttons).\n\t */\n\t@Prop() public _hasButtons?: boolean | Stringified<PaginationHasButton> = true;\n\n\t/**\n\t * Defines the current page.\n\t */\n\t@Prop() public _page!: number;\n\n\t/**\n\t * Defines the amount of entries to show per page.\n\t */\n\t@Prop({ mutable: true, reflect: false }) public _pageSize = 1;\n\n\t/**\n\t * Defines the options for the page-size-select.\n\t */\n\t@Prop() public _pageSizeOptions: Stringified<number[]> = [];\n\n\t/**\n\t * Gibt an, auf welche Callback-Events reagiert werden.\n\t */\n\t@Prop() public _on!: KoliBriPaginationButtonCallbacks;\n\n\t/**\n\t * Defines the amount of pages to show next to the current page.\n\t */\n\t@Prop() public _siblingCount?: number = 1;\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 the maximum value of the element.\n\t */\n\t@Prop() public _max!: MaxPropType;\n}\n"],"names":[],"mappings":";;;;;;;AAAA,MAAM,eAAe,GAAG,q4ZAAq4Z;;MCuBh5Z,aAAa,GAAA,MAAA;AAP1B,IAAA,WAAA,CAAA,OAAA,EAAA;;AA6BgB,QAAA,IAAc,CAAA,cAAA,GAAY,CAAC;AAe3B,QAAA,IAAW,CAAA,WAAA,GAAgD,IAAI;AAU9B,QAAA,IAAS,CAAA,SAAA,GAAG,CAAC;AAK9C,QAAA,IAAgB,CAAA,gBAAA,GAA0B,EAAE;AAU5C,QAAA,IAAa,CAAA,aAAA,GAAY,CAAC;AAK1B,QAAA,IAAa,CAAA,aAAA,GAA0B,KAAK;AAM3D;IAxEO,MAAM,GAAA;AACZ,QAAA,QACC,CAAA,CAAC,kBAAkB,EAAA,EAAA,GAAA,EAAA,0CAAA,EAClB,cAAc,EAAE,IAAI,CAAC,cAAc,EACnC,MAAM,EAAE,IAAI,CAAC,MAAM,EACnB,YAAY,EAAE,IAAI,CAAC,YAAY,EAC/B,GAAG,EAAE,IAAI,CAAC,GAAG,EACb,WAAW,EAAE,IAAI,CAAC,WAAW,EAC7B,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,SAAS,EAAE,IAAI,CAAC,SAAS,EACzB,gBAAgB,EAAE,IAAI,CAAC,gBAAgB,EACvC,aAAa,EAAE,IAAI,CAAC,aAAa,EACjC,aAAa,EAAE,IAAI,CAAC,aAAa,EACjC,IAAI,EAAE,IAAI,CAAC,IAAI,EAAA,CACM;;;;;;;;;"}
+{"version":3,"file":"kol-pagination.entry.esm.js","sources":["src/components/pagination/style.scss?tag=kol-pagination&mode=default&encapsulation=shadow","src/components/pagination/shadow.tsx"],"sourcesContent":["@use '../@shared/mixins' as *;\n@use '../@shared/global' as *;\n@use '../tooltip/style.scss' as *;\n@use '../@shared/pagination.mixin' as *;\n\n@layer kol-component {\n\t@include kol-pagination-styles;\n}\n","import type {\n\tCustomClassPropType,\n\tKoliBriPaginationButtonCallbacks,\n\tLabelPropType,\n\tMaxPropType,\n\tPaginationHasButton,\n\tPaginationProps,\n\tStringified,\n\tTooltipAlignPropType,\n} from '../../schema';\n\nimport type { JSX } from '@stencil/core';\nimport { Component, h, Prop } from '@stencil/core';\n\nimport { KolPaginationWcTag } from '../../core/component-names';\n\n@Component({\n\ttag: 'kol-pagination',\n\tstyleUrls: {\n\t\tdefault: './style.scss',\n\t},\n\tshadow: true,\n})\nexport class KolPagination implements PaginationProps {\n\tpublic render(): JSX.Element {\n\t\treturn (\n\t\t\t<KolPaginationWcTag\n\t\t\t\t_boundaryCount={this._boundaryCount}\n\t\t\t\t_label={this._label}\n\t\t\t\t_customClass={this._customClass}\n\t\t\t\t_on={this._on}\n\t\t\t\t_hasButtons={this._hasButtons}\n\t\t\t\t_page={this._page}\n\t\t\t\t_pageSize={this._pageSize}\n\t\t\t\t_pageSizeOptions={this._pageSizeOptions}\n\t\t\t\t_siblingCount={this._siblingCount}\n\t\t\t\t_tooltipAlign={this._tooltipAlign}\n\t\t\t\t_max={this._max}\n\t\t\t></KolPaginationWcTag>\n\t\t);\n\t}\n\n\t/**\n\t * Defines the amount of pages to show next to the outer arrow buttons.\n\t */\n\t@Prop() public _boundaryCount?: number = 1;\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 * Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.).\n\t */\n\t@Prop() public _label?: LabelPropType;\n\n\t/**\n\t * Defines which navigation buttons to render (first, last, next, previous buttons).\n\t */\n\t@Prop() public _hasButtons?: boolean | Stringified<PaginationHasButton> = true;\n\n\t/**\n\t * Defines the current page.\n\t */\n\t@Prop() public _page!: number;\n\n\t/**\n\t * Defines the amount of entries to show per page.\n\t */\n\t@Prop({ mutable: true, reflect: false }) public _pageSize = 1;\n\n\t/**\n\t * Defines the options for the page-size-select.\n\t */\n\t@Prop() public _pageSizeOptions: Stringified<number[]> = [];\n\n\t/**\n\t * Gibt an, auf welche Callback-Events reagiert werden.\n\t */\n\t@Prop() public _on!: KoliBriPaginationButtonCallbacks;\n\n\t/**\n\t * Defines the amount of pages to show next to the current page.\n\t */\n\t@Prop() public _siblingCount?: number = 1;\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 the maximum value of the element.\n\t */\n\t@Prop() public _max!: MaxPropType;\n}\n"],"names":[],"mappings":";;;;;;;AAAA,MAAM,eAAe,GAAG,ssaAAssa;;MCuBjta,aAAa,GAAA,MAAA;AAP1B,IAAA,WAAA,CAAA,OAAA,EAAA;;AA6BgB,QAAA,IAAc,CAAA,cAAA,GAAY,CAAC;AAe3B,QAAA,IAAW,CAAA,WAAA,GAAgD,IAAI;AAU9B,QAAA,IAAS,CAAA,SAAA,GAAG,CAAC;AAK9C,QAAA,IAAgB,CAAA,gBAAA,GAA0B,EAAE;AAU5C,QAAA,IAAa,CAAA,aAAA,GAAY,CAAC;AAK1B,QAAA,IAAa,CAAA,aAAA,GAA0B,KAAK;AAM3D;IAxEO,MAAM,GAAA;AACZ,QAAA,QACC,CAAA,CAAC,kBAAkB,EAAA,EAAA,GAAA,EAAA,0CAAA,EAClB,cAAc,EAAE,IAAI,CAAC,cAAc,EACnC,MAAM,EAAE,IAAI,CAAC,MAAM,EACnB,YAAY,EAAE,IAAI,CAAC,YAAY,EAC/B,GAAG,EAAE,IAAI,CAAC,GAAG,EACb,WAAW,EAAE,IAAI,CAAC,WAAW,EAC7B,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,SAAS,EAAE,IAAI,CAAC,SAAS,EACzB,gBAAgB,EAAE,IAAI,CAAC,gBAAgB,EACvC,aAAa,EAAE,IAAI,CAAC,aAAa,EACjC,aAAa,EAAE,IAAI,CAAC,aAAa,EACjC,IAAI,EAAE,IAAI,CAAC,IAAI,EAAA,CACM;;;;;;;;;"}

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

@@ -1,5 +1,5 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{r as n,h as e}from"./index-DqvPZ16l.js";import{g as o}from"./component-names-Dy77vq43.js";import"./common-DEEjER7G.js";const t='@charset "UTF-8";\n/* forward the rem function */\n/*\n* This file defines the layer order for all CSS layers used in KoliBri.\n* The order is important as it determines the cascade priority.\n*\n* Layer order (lowest to highest priority):\n* 1. kol-a11y - Accessibility defaults and requirements\n* 2. kol-global - Global component styles and resets\n* 3. kol-component - Component-specific styles\n* 4. kol-theme-global - Theme-specific global styles\n* 5. kol-theme-component - Theme-specific component styles\n*/\n@layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component;\n/*\n * This file contains all rules for accessibility.\n */\n@layer kol-a11y {\n  :host {\n    /*\n                   * Minimum size of interactive elements.\n                   */\n    --a11y-min-size: calc(44 * 1rem / var(--kolibri-root-font-size, 16));\n    /*\n     * No element should be used without verifying the contrast ratio of its background and font colors.\n     * By initially setting the background color to white and the font color to black,\n     * the contrast ratio is ensured and explicit adjustment is forced.\n     */\n    color: black;\n    background-color: white;\n    /*\n     * Verdana is an accessible font that can be used without requiring additional loading time.\n     */\n    font-family: Verdana;\n    /*\n     * Letter spacing is required for all texts.\n     */\n    letter-spacing: inherit;\n    /*\n     * Word spacing is required for all texts.\n     */\n    word-spacing: inherit;\n    /*\n     * Text should be aligned left by default to provide a predictable starting point.\n     */\n    text-align: left;\n  }\n  * {\n    /*\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\n     */\n    hyphens: auto;\n    /*\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\n     */\n    word-break: break-word;\n  }\n  /*\n   * All interactive elements should have a minimum size of to-rem(44).\n   */\n  /* input:not([type=\'checkbox\'], [type=\'radio\'], [type=\'range\']), */\n  /* option, */\n  /* select, */\n  /* textarea, */\n  button,\n  .kol-input .input {\n    min-width: var(--a11y-min-size);\n    min-height: var(--a11y-min-size);\n  }\n  /*\n   * Some interactive elements should not inherit the font-family and font-size.\n   */\n  a,\n  button,\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6,\n  input,\n  option,\n  select,\n  textarea {\n    /*\n     * All elements should inherit the text color from his parent element.\n     */\n    color: inherit;\n    /*\n     * All elements should inherit the font family from his parent element.\n     */\n    font-family: inherit;\n    /*\n     * All elements should inherit the font size from his parent element.\n     */\n    font-size: inherit;\n    /*\n     * Letter spacing is required for all texts.\n     */\n    letter-spacing: inherit;\n    /*\n     * Word spacing is required for all texts.\n     */\n    word-spacing: inherit;\n  }\n  /**\n  * Sometimes we need the semantic element for accessibility reasons,\n  * but we don\'t want to show it.\n  *\n  * - https://www.a11yproject.com/posts/how-to-hide-content/\n  */\n  .visually-hidden {\n    position: fixed;\n    top: 0;\n    left: 0;\n    width: 1px;\n    height: 1px;\n    overflow: hidden;\n    white-space: nowrap;\n    clip-path: inset(50%);\n  }\n}\n@layer kol-global {\n  /*\n   * Dieses CSS stellt sicher, dass der Standard-Style\n   * von A und Button resettet werden.\n   */\n  :is(a, button) {\n    background-color: transparent;\n    width: 100%;\n    margin: 0;\n    padding: 0;\n    border: none;\n    /* 100% needed for custom width from outside */\n  }\n  /*\n   * Ensure elements with hidden attribute to be actually not visible\n   * @see https://meowni.ca/hidden.is.a.lie.html\n   */\n  [hidden] {\n    display: none !important;\n  }\n  .badge-text-hint {\n    color: black;\n    background-color: white;\n  }\n}\n@layer kol-global {\n  :host {\n    /*\n     * The max-width is needed to prevent the table from overflowing the\n     * parent node, if the table is wider than the parent node.\n     */\n    max-width: 100%;\n    font-size: calc(16 * 1rem / var(--kolibri-root-font-size, 16));\n  }\n  * {\n    /*\n     * We prefer to box-sizing: border-box for all elements.\n     */\n    box-sizing: border-box;\n  }\n  .kol-span {\n    /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\n    display: flex;\n    flex-flow: column;\n    align-items: center;\n    justify-content: center;\n    /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\n  }\n  .kol-span__container {\n    display: flex;\n    align-items: center;\n  }\n  a,\n  button {\n    cursor: pointer;\n  }\n  .kol-span .kol-span__label--hide-label .kol-span__label {\n    display: none;\n  }\n  /* Reset browser agent style. */\n  button:disabled {\n    color: unset;\n  }\n  .disabled label,\n  .disabled:focus-within label,\n  [aria-disabled=true],\n  [aria-disabled=true]:focus,\n  [disabled],\n  [disabled]:focus {\n    outline: none;\n    cursor: not-allowed;\n  }\n  [aria-disabled=true]:focus .kol-span,\n  [disabled]:focus .kol-span {\n    outline: none !important;\n  }\n  .hastooltip {\n    z-index: 900 !important;\n  }\n}\n@font-face {\n  font-family: "kolicons";\n  src: url("kolicons.eot?t=1780919027063"); /* IE9*/\n  src: url("kolicons.eot?t=1780919027063#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1780919027063") format("woff2"), url("kolicons.woff?t=1780919027063") format("woff"), url("kolicons.ttf?t=1780919027063") format("truetype"), url("kolicons.svg?t=1780919027063#kolicons") format("svg"); /* iOS 4.1- */\n}\n@layer kol-component {\n  [class^=kolicon-], [class*=" kolicon-"] {\n    font-family: "kolicons";\n    font-style: normal;\n    font-weight: 400;\n    line-height: 1em;\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: grayscale;\n  }\n  .kolicon-alert-error::before {\n    content: "\\ea01";\n  }\n  .kolicon-alert-info::before {\n    content: "\\ea02";\n  }\n  .kolicon-alert-success::before {\n    content: "\\ea03";\n  }\n  .kolicon-alert-warning::before {\n    content: "\\ea04";\n  }\n  .kolicon-check::before {\n    content: "\\ea05";\n  }\n  .kolicon-chevron-double-left::before {\n    content: "\\ea06";\n  }\n  .kolicon-chevron-double-right::before {\n    content: "\\ea07";\n  }\n  .kolicon-chevron-down::before {\n    content: "\\ea08";\n  }\n  .kolicon-chevron-left::before {\n    content: "\\ea09";\n  }\n  .kolicon-chevron-right::before {\n    content: "\\ea0a";\n  }\n  .kolicon-chevron-up::before {\n    content: "\\ea0b";\n  }\n  .kolicon-cogwheel::before {\n    content: "\\ea0c";\n  }\n  .kolicon-cross::before {\n    content: "\\ea0d";\n  }\n  .kolicon-eye-closed::before {\n    content: "\\ea0e";\n  }\n  .kolicon-eye::before {\n    content: "\\ea0f";\n  }\n  .kolicon-house::before {\n    content: "\\ea10";\n  }\n  .kolicon-kolibri::before {\n    content: "\\ea11";\n  }\n  .kolicon-link-external::before {\n    content: "\\ea12";\n  }\n  .kolicon-link::before {\n    content: "\\ea13";\n  }\n  .kolicon-minus::before {\n    content: "\\ea14";\n  }\n  .kolicon-plus::before {\n    content: "\\ea15";\n  }\n  .kolicon-settings::before {\n    content: "\\ea16";\n  }\n  .kolicon-sort-asc::before {\n    content: "\\ea17";\n  }\n  .kolicon-sort-desc::before {\n    content: "\\ea18";\n  }\n  .kolicon-sort-neutral::before {\n    content: "\\ea19";\n  }\n  .kolicon-up::before {\n    content: "\\ea1a";\n  }\n  .kolicon-version::before {\n    content: "\\ea1b";\n  }\n}\n@layer kol-component {\n  .kol-icon {\n    color: inherit;\n    display: inline-block;\n    font-size: inherit;\n    font-weight: inherit;\n    line-height: inherit;\n  }\n  .kol-tooltip {\n    display: contents;\n  }\n  .kol-tooltip__floating {\n    opacity: 0;\n    display: none;\n    position: fixed;\n    /* Avoid layout interference - see https://floating-ui.com/docs/computePosition */\n    top: 0;\n    left: 0;\n    /* Can be used to specify the tooltip-width from the outside. Unset by default.  */\n    width: var(--kol-tooltip-width, max-content);\n    min-width: calc(8 * 1rem / var(--kolibri-root-font-size, 16));\n    max-width: 90vw;\n    max-height: 90vh;\n    animation-direction: normal;\n    /* Can be used to specify the animation duration from the outside. 250ms by default. */\n    animation-duration: var(--kolibri-tooltip-animation-duration, 250ms);\n    animation-fill-mode: forwards;\n    animation-iteration-count: 1;\n    animation-timing-function: ease-in;\n  }\n  .kol-tooltip__floating.hide {\n    animation-name: hideTooltip;\n  }\n  .kol-tooltip__floating.show {\n    animation-name: showTooltip;\n  }\n  .kol-tooltip__arrow {\n    transform: rotate(45deg);\n    color: black;\n    background-color: white;\n    position: absolute;\n    z-index: 999;\n    width: calc(10 * 1rem / var(--kolibri-root-font-size, 16));\n    height: calc(10 * 1rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-tooltip__content {\n    color: black;\n    background-color: white;\n    position: relative;\n    z-index: 1000;\n  }\n  @keyframes hideTooltip {\n    0% {\n      opacity: 1;\n    }\n    100% {\n      opacity: 0;\n      display: none;\n    }\n  }\n  @keyframes showTooltip {\n    0% {\n      opacity: 0;\n    }\n    100% {\n      opacity: 1;\n    }\n  }\n}\n@layer kol-component {\n  :host {\n    display: block;\n  }\n}\n@layer kol-component {\n  .kol-alert .kol-icon {\n    color: inherit;\n    display: inline-block;\n    font-size: inherit;\n    font-weight: inherit;\n    line-height: inherit;\n  }\n  .kol-alert :host {\n    display: inline-block;\n  }\n  .kol-alert .kol-button {\n    display: flex;\n    min-height: var(--a11y-min-size);\n    font-style: calc(16 * 1rem / var(--kolibri-root-font-size, 16));\n    text-decoration-line: none;\n  }\n  .kol-alert .kol-button::before {\n    /* Render zero-width character as first element to set the baseline correctly. */\n    content: "​";\n  }\n  .kol-alert .kol-button__text {\n    flex: 1 0 100%;\n  }\n  .kol-alert {\n    display: grid;\n  }\n  .kol-alert__container {\n    display: flex;\n    place-items: center;\n  }\n  .kol-alert__container-content {\n    flex-grow: 1;\n  }\n  .kol-alert__closer {\n    /* Visible with forced colors */\n    outline: transparent solid calc(1 * 1rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-form-field {\n    display: grid;\n  }\n  .kol-form-field:not(.kol-form-field--disabled) .kol-form-field__label {\n    cursor: pointer;\n  }\n  .kol-form-field__label-text {\n    flex-flow: row;\n    align-items: flex-start;\n    justify-content: flex-start;\n  }\n  .kol-form-field--required .kol-form-field__label-text:has(.kol-span__slot[hidden])::after,\n  .kol-form-field--required .kol-tooltip__content .kol-span__label::after {\n    content: "*"/"";\n  }\n  .kol-input-container {\n    background-color: transparent;\n    display: grid;\n    position: relative;\n    width: 100%;\n    min-width: var(--a11y-min-size);\n    min-height: var(--a11y-min-size);\n    align-items: center;\n    grid-template-columns: 1fr;\n  }\n  .kol-input-container:has(> .kol-input-container__adornment--start) {\n    grid-template-columns: auto 1fr auto;\n  }\n  .kol-input-container__container {\n    position: relative;\n    z-index: 1;\n  }\n  .kol-input-container__adornment {\n    display: flex;\n    align-items: center;\n  }\n  .kol-input-container__adornment .kol-icon {\n    display: grid;\n    min-height: var(--a11y-min-size);\n    place-items: center;\n  }\n  .kol-select {\n    background-color: transparent;\n    width: 100%;\n    padding: 0;\n  }\n  .kol-select:not(:disabled) {\n    cursor: pointer;\n  }\n  .kol-select:not([multiple], [size]) {\n    height: 2.75em;\n  }\n  .kol-select:focus {\n    outline: none;\n  }\n  .kol-select__option:checked::before {\n    content: "✓ ";\n  }\n  .kol-select[multiple] option {\n    display: flex;\n    min-height: var(--a11y-min-size);\n    align-items: center;\n  }\n  .kol-icon {\n    color: inherit;\n    display: inline-block;\n    font-size: inherit;\n    font-weight: inherit;\n    line-height: inherit;\n  }\n  .kol-pagination {\n    display: flex;\n    flex-wrap: wrap;\n    align-items: center;\n    justify-content: center;\n    container: paging/inline-size;\n  }\n  .kol-pagination__navigation-list {\n    display: inline-flex;\n    margin: 0;\n    padding: 0;\n    flex-wrap: wrap;\n    align-items: center;\n    list-style: none;\n  }\n  .kol-pagination__separator:before {\n    content: "•••";\n  }\n  .kol-pagination__page-size-select .kol-form-field-select {\n    align-items: center;\n    grid-template-columns: 1fr max-content;\n  }\n  @container paging (width < 600px) {\n    .kol-pagination:has(.kol-pagination__button--first) li:has(.kol-pagination__button--numbers),\n    .kol-pagination:has(.kol-pagination__button--first) li:has(.kol-pagination__separator) {\n      display: none;\n    }\n  }\n}';const i=class{constructor(e){n(this,e);this._boundaryCount=1;this._hasButtons=true;this._pageSize=1;this._pageSizeOptions=[];this._siblingCount=1;this._tooltipAlign="top"}render(){return e(o,{key:"bc90292d4f75a96446852b57fbcae6d90988d553",_boundaryCount:this._boundaryCount,_label:this._label,_customClass:this._customClass,_on:this._on,_hasButtons:this._hasButtons,_page:this._page,_pageSize:this._pageSize,_pageSizeOptions:this._pageSizeOptions,_siblingCount:this._siblingCount,_tooltipAlign:this._tooltipAlign,_max:this._max})}};i.style={default:t};export{i as kol_pagination};
+import{r as n,h as e}from"./index-CfYfRjdO.js";import{g as o}from"./component-names-Dy77vq43.js";import"./common-Cbb6Axov.js";const t='@charset "UTF-8";\n/* forward the rem function */\n/*\n* This file defines the layer order for all CSS layers used in KoliBri.\n* The order is important as it determines the cascade priority.\n*\n* Layer order (lowest to highest priority):\n* 1. kol-a11y - Accessibility defaults and requirements\n* 2. kol-global - Global component styles and resets\n* 3. kol-component - Component-specific styles\n* 4. kol-theme-global - Theme-specific global styles\n* 5. kol-theme-component - Theme-specific component styles\n*/\n@layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component;\n/*\n * This file contains all rules for accessibility.\n */\n@layer kol-a11y {\n  :host {\n    /*\n     * Minimum size of interactive elements.\n     *\n     * The `max(…, 44px)` floor guarantees the WCAG 2.5.5 (AAA) target size of 44px:\n     * `to-rem(44)` runs the value through a `calc()` rem round-trip which can lose\n     * sub-pixel precision and resolve to e.g. 43.99px depending on the browser\'s\n     * rounding, dropping just below the required minimum.\n     */\n    --a11y-min-size: max(calc(44 * 1rem / var(--kolibri-root-font-size, 16)), 44px);\n    /*\n     * No element should be used without verifying the contrast ratio of its background and font colors.\n     * By initially setting the background color to white and the font color to black,\n     * the contrast ratio is ensured and explicit adjustment is forced.\n     */\n    color: black;\n    background-color: white;\n    /*\n     * Verdana is an accessible font that can be used without requiring additional loading time.\n     */\n    font-family: Verdana;\n    /*\n     * Letter spacing is required for all texts.\n     */\n    letter-spacing: inherit;\n    /*\n     * Word spacing is required for all texts.\n     */\n    word-spacing: inherit;\n    /*\n     * Text should be aligned left by default to provide a predictable starting point.\n     */\n    text-align: left;\n  }\n  * {\n    /*\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\n     */\n    hyphens: auto;\n    /*\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\n     */\n    word-break: break-word;\n  }\n  /*\n   * All interactive elements should have a minimum size of to-rem(44).\n   */\n  /* input:not([type=\'checkbox\'], [type=\'radio\'], [type=\'range\']), */\n  /* option, */\n  /* select, */\n  /* textarea, */\n  button,\n  .kol-input .input {\n    min-width: var(--a11y-min-size);\n    min-height: var(--a11y-min-size);\n  }\n  /*\n   * Some interactive elements should not inherit the font-family and font-size.\n   */\n  a,\n  button,\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6,\n  input,\n  option,\n  select,\n  textarea {\n    /*\n     * All elements should inherit the text color from his parent element.\n     */\n    color: inherit;\n    /*\n     * All elements should inherit the font family from his parent element.\n     */\n    font-family: inherit;\n    /*\n     * All elements should inherit the font size from his parent element.\n     */\n    font-size: inherit;\n    /*\n     * Letter spacing is required for all texts.\n     */\n    letter-spacing: inherit;\n    /*\n     * Word spacing is required for all texts.\n     */\n    word-spacing: inherit;\n  }\n  /**\n  * Sometimes we need the semantic element for accessibility reasons,\n  * but we don\'t want to show it.\n  *\n  * - https://www.a11yproject.com/posts/how-to-hide-content/\n  */\n  .visually-hidden {\n    position: fixed;\n    top: 0;\n    left: 0;\n    width: 1px;\n    height: 1px;\n    overflow: hidden;\n    white-space: nowrap;\n    clip-path: inset(50%);\n  }\n}\n@layer kol-global {\n  /*\n   * Dieses CSS stellt sicher, dass der Standard-Style\n   * von A und Button resettet werden.\n   */\n  :is(a, button) {\n    background-color: transparent;\n    width: 100%;\n    margin: 0;\n    padding: 0;\n    border: none;\n    /* 100% needed for custom width from outside */\n  }\n  /*\n   * Ensure elements with hidden attribute to be actually not visible\n   * @see https://meowni.ca/hidden.is.a.lie.html\n   */\n  [hidden] {\n    display: none !important;\n  }\n  .badge-text-hint {\n    color: black;\n    background-color: white;\n  }\n}\n@layer kol-global {\n  :host {\n    /*\n     * The max-width is needed to prevent the table from overflowing the\n     * parent node, if the table is wider than the parent node.\n     */\n    max-width: 100%;\n    font-size: calc(16 * 1rem / var(--kolibri-root-font-size, 16));\n  }\n  * {\n    /*\n     * We prefer to box-sizing: border-box for all elements.\n     */\n    box-sizing: border-box;\n  }\n  .kol-span {\n    /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\n    display: flex;\n    flex-flow: column;\n    align-items: center;\n    justify-content: center;\n    /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\n  }\n  .kol-span__container {\n    display: flex;\n    align-items: center;\n  }\n  a,\n  button {\n    cursor: pointer;\n  }\n  .kol-span .kol-span__label--hide-label .kol-span__label {\n    display: none;\n  }\n  /* Reset browser agent style. */\n  button:disabled {\n    color: unset;\n  }\n  .disabled label,\n  .disabled:focus-within label,\n  [aria-disabled=true],\n  [aria-disabled=true]:focus,\n  [disabled],\n  [disabled]:focus {\n    outline: none;\n    cursor: not-allowed;\n  }\n  [aria-disabled=true]:focus .kol-span,\n  [disabled]:focus .kol-span {\n    outline: none !important;\n  }\n  .hastooltip {\n    z-index: 900 !important;\n  }\n}\n@font-face {\n  font-family: "kolicons";\n  src: url("kolicons.eot?t=1783496448056"); /* IE9*/\n  src: url("kolicons.eot?t=1783496448056#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1783496448056") format("woff2"), url("kolicons.woff?t=1783496448056") format("woff"), url("kolicons.ttf?t=1783496448056") format("truetype"), url("kolicons.svg?t=1783496448056#kolicons") format("svg"); /* iOS 4.1- */\n}\n@layer kol-component {\n  [class^=kolicon-], [class*=" kolicon-"] {\n    font-family: "kolicons";\n    font-style: normal;\n    font-weight: 400;\n    line-height: 1em;\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: grayscale;\n  }\n  .kolicon-alert-error::before {\n    content: "\\ea01";\n  }\n  .kolicon-alert-info::before {\n    content: "\\ea02";\n  }\n  .kolicon-alert-success::before {\n    content: "\\ea03";\n  }\n  .kolicon-alert-warning::before {\n    content: "\\ea04";\n  }\n  .kolicon-check::before {\n    content: "\\ea05";\n  }\n  .kolicon-chevron-double-left::before {\n    content: "\\ea06";\n  }\n  .kolicon-chevron-double-right::before {\n    content: "\\ea07";\n  }\n  .kolicon-chevron-down::before {\n    content: "\\ea08";\n  }\n  .kolicon-chevron-left::before {\n    content: "\\ea09";\n  }\n  .kolicon-chevron-right::before {\n    content: "\\ea0a";\n  }\n  .kolicon-chevron-up::before {\n    content: "\\ea0b";\n  }\n  .kolicon-cogwheel::before {\n    content: "\\ea0c";\n  }\n  .kolicon-cross::before {\n    content: "\\ea0d";\n  }\n  .kolicon-eye-closed::before {\n    content: "\\ea0e";\n  }\n  .kolicon-eye::before {\n    content: "\\ea0f";\n  }\n  .kolicon-house::before {\n    content: "\\ea10";\n  }\n  .kolicon-kolibri::before {\n    content: "\\ea11";\n  }\n  .kolicon-link-external::before {\n    content: "\\ea12";\n  }\n  .kolicon-link::before {\n    content: "\\ea13";\n  }\n  .kolicon-minus::before {\n    content: "\\ea14";\n  }\n  .kolicon-plus::before {\n    content: "\\ea15";\n  }\n  .kolicon-settings::before {\n    content: "\\ea16";\n  }\n  .kolicon-sort-asc::before {\n    content: "\\ea17";\n  }\n  .kolicon-sort-desc::before {\n    content: "\\ea18";\n  }\n  .kolicon-sort-neutral::before {\n    content: "\\ea19";\n  }\n  .kolicon-up::before {\n    content: "\\ea1a";\n  }\n  .kolicon-version::before {\n    content: "\\ea1b";\n  }\n}\n@layer kol-component {\n  .kol-icon {\n    color: inherit;\n    display: inline-block;\n    font-size: inherit;\n    font-weight: inherit;\n    line-height: inherit;\n  }\n  .kol-tooltip {\n    display: contents;\n  }\n  .kol-tooltip__floating {\n    opacity: 0;\n    display: none;\n    position: fixed;\n    /* Avoid layout interference - see https://floating-ui.com/docs/computePosition */\n    top: 0;\n    left: 0;\n    /* Can be used to specify the tooltip-width from the outside. Unset by default.  */\n    width: var(--kol-tooltip-width, max-content);\n    min-width: calc(8 * 1rem / var(--kolibri-root-font-size, 16));\n    max-width: 90vw;\n    max-height: 90vh;\n    animation-direction: normal;\n    /* Can be used to specify the animation duration from the outside. 250ms by default. */\n    animation-duration: var(--kolibri-tooltip-animation-duration, 250ms);\n    animation-fill-mode: forwards;\n    animation-iteration-count: 1;\n    animation-timing-function: ease-in;\n  }\n  .kol-tooltip__floating.hide {\n    animation-name: hideTooltip;\n  }\n  .kol-tooltip__floating.show {\n    animation-name: showTooltip;\n  }\n  .kol-tooltip__arrow {\n    transform: rotate(45deg);\n    color: black;\n    background-color: white;\n    position: absolute;\n    z-index: 999;\n    width: calc(10 * 1rem / var(--kolibri-root-font-size, 16));\n    height: calc(10 * 1rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-tooltip__content {\n    color: black;\n    background-color: white;\n    position: relative;\n    z-index: 1000;\n  }\n  @keyframes hideTooltip {\n    0% {\n      opacity: 1;\n    }\n    100% {\n      opacity: 0;\n      display: none;\n    }\n  }\n  @keyframes showTooltip {\n    0% {\n      opacity: 0;\n    }\n    100% {\n      opacity: 1;\n    }\n  }\n}\n@layer kol-component {\n  :host {\n    display: block;\n  }\n}\n@layer kol-component {\n  .kol-alert .kol-icon {\n    color: inherit;\n    display: inline-block;\n    font-size: inherit;\n    font-weight: inherit;\n    line-height: inherit;\n  }\n  .kol-alert :host {\n    display: inline-block;\n  }\n  .kol-alert .kol-button {\n    display: flex;\n    min-height: var(--a11y-min-size);\n    font-style: calc(16 * 1rem / var(--kolibri-root-font-size, 16));\n    text-decoration-line: none;\n  }\n  .kol-alert .kol-button::before {\n    /* Render zero-width character as first element to set the baseline correctly. */\n    content: "​";\n  }\n  .kol-alert .kol-button__text {\n    flex: 1 0 100%;\n  }\n  .kol-alert {\n    display: grid;\n  }\n  .kol-alert__container {\n    display: flex;\n    place-items: center;\n  }\n  .kol-alert__container-content {\n    flex-grow: 1;\n  }\n  .kol-alert__closer {\n    /* Visible with forced colors */\n    outline: transparent solid calc(1 * 1rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-form-field {\n    display: grid;\n  }\n  .kol-form-field:not(.kol-form-field--disabled) .kol-form-field__label {\n    cursor: pointer;\n  }\n  .kol-form-field__label-text {\n    flex-flow: row;\n    align-items: flex-start;\n    justify-content: flex-start;\n  }\n  .kol-form-field--required .kol-form-field__label-text:has(.kol-span__slot[hidden])::after,\n  .kol-form-field--required .kol-form-field .kol-tooltip__content .kol-span__label::after {\n    content: "*"/"";\n  }\n  .kol-input-container {\n    background-color: transparent;\n    display: grid;\n    position: relative;\n    width: 100%;\n    min-width: var(--a11y-min-size);\n    min-height: var(--a11y-min-size);\n    align-items: center;\n    grid-template-columns: 1fr;\n  }\n  .kol-input-container:has(> .kol-input-container__adornment--start) {\n    grid-template-columns: auto 1fr auto;\n  }\n  .kol-input-container__container {\n    position: relative;\n    z-index: 1;\n  }\n  .kol-input-container__adornment {\n    display: flex;\n    align-items: center;\n  }\n  .kol-input-container__adornment .kol-icon {\n    display: grid;\n    min-height: var(--a11y-min-size);\n    place-items: center;\n  }\n  .kol-select {\n    background-color: transparent;\n    width: 100%;\n    padding: 0;\n  }\n  .kol-select:not(:disabled) {\n    cursor: pointer;\n  }\n  .kol-select:not([multiple], [size]) {\n    height: 2.75em;\n  }\n  .kol-select:focus {\n    outline: none;\n  }\n  .kol-select__option:checked::before {\n    content: "✓ ";\n  }\n  .kol-select[multiple] option {\n    display: flex;\n    min-height: var(--a11y-min-size);\n    align-items: center;\n  }\n  .kol-icon {\n    color: inherit;\n    display: inline-block;\n    font-size: inherit;\n    font-weight: inherit;\n    line-height: inherit;\n  }\n  .kol-pagination {\n    display: flex;\n    flex-wrap: wrap;\n    align-items: center;\n    justify-content: center;\n    container: paging/inline-size;\n  }\n  .kol-pagination__navigation-list {\n    display: inline-flex;\n    margin: 0;\n    padding: 0;\n    flex-wrap: wrap;\n    align-items: center;\n    list-style: none;\n  }\n  .kol-pagination__separator:before {\n    content: "•••";\n  }\n  .kol-pagination__page-size-select .kol-form-field-select {\n    align-items: center;\n    grid-template-columns: 1fr max-content;\n  }\n  @container paging (width < 600px) {\n    .kol-pagination:has(.kol-pagination__button--first) li:has(.kol-pagination__button--numbers),\n    .kol-pagination:has(.kol-pagination__button--first) li:has(.kol-pagination__separator) {\n      display: none;\n    }\n  }\n}';const i=class{constructor(e){n(this,e);this._boundaryCount=1;this._hasButtons=true;this._pageSize=1;this._pageSizeOptions=[];this._siblingCount=1;this._tooltipAlign="top"}render(){return e(o,{key:"30a11ebf44cb4a4bb32c9ba95dfd0c156bbe406d",_boundaryCount:this._boundaryCount,_label:this._label,_customClass:this._customClass,_on:this._on,_hasButtons:this._hasButtons,_page:this._page,_pageSize:this._pageSize,_pageSizeOptions:this._pageSizeOptions,_siblingCount:this._siblingCount,_tooltipAlign:this._tooltipAlign,_max:this._max})}};i.style={default:t};export{i as kol_pagination};
 //# sourceMappingURL=kol-pagination.entry.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["registerInstance","h","KolPaginationWcTag","defaultStyleCss","KolPagination","constructor","hostRef","this","_boundaryCount","_hasButtons","_pageSize","_pageSizeOptions","_siblingCount","_tooltipAlign","render","key","_label","_customClass","_on","_page","_max","style","default"],"sources":["0"],"mappings":";;;YAGcA,OAAkBC,MAAS,kCAC3BC,MAA0B,sCACjC,uBAEP,MAAMC,EAAkB,+yZAExB,MAAMC,EAAgB,MAClB,WAAAC,CAAYC,GACRN,EAAiBO,KAAMD,GACvBC,KAAKC,eAAiB,EACtBD,KAAKE,YAAc,KACnBF,KAAKG,UAAY,EACjBH,KAAKI,iBAAmB,GACxBJ,KAAKK,cAAgB,EACrBL,KAAKM,cAAgB,KACzB,CACA,MAAAC,GACI,OAAQb,EAAEC,EAAoB,CAAEa,IAAK,2CAA4CP,eAAgBD,KAAKC,eAAgBQ,OAAQT,KAAKS,OAAQC,aAAcV,KAAKU,aAAcC,IAAKX,KAAKW,IAAKT,YAAaF,KAAKE,YAAaU,MAAOZ,KAAKY,MAAOT,UAAWH,KAAKG,UAAWC,iBAAkBJ,KAAKI,iBAAkBC,cAAeL,KAAKK,cAAeC,cAAeN,KAAKM,cAAeO,KAAMb,KAAKa,MACtY,GAEJhB,EAAciB,MAAQ,CAClBC,QAASnB,UAGJC","ignoreList":[]}
+{"version":3,"names":["registerInstance","h","KolPaginationWcTag","defaultStyleCss","KolPagination","constructor","hostRef","this","_boundaryCount","_hasButtons","_pageSize","_pageSizeOptions","_siblingCount","_tooltipAlign","render","key","_label","_customClass","_on","_page","_max","style","default"],"sources":["0"],"mappings":";;;YAGcA,OAAkBC,MAAS,kCAC3BC,MAA0B,sCACjC,uBAEP,MAAMC,EAAkB,inaAExB,MAAMC,EAAgB,MAClB,WAAAC,CAAYC,GACRN,EAAiBO,KAAMD,GACvBC,KAAKC,eAAiB,EACtBD,KAAKE,YAAc,KACnBF,KAAKG,UAAY,EACjBH,KAAKI,iBAAmB,GACxBJ,KAAKK,cAAgB,EACrBL,KAAKM,cAAgB,KACzB,CACA,MAAAC,GACI,OAAQb,EAAEC,EAAoB,CAAEa,IAAK,2CAA4CP,eAAgBD,KAAKC,eAAgBQ,OAAQT,KAAKS,OAAQC,aAAcV,KAAKU,aAAcC,IAAKX,KAAKW,IAAKT,YAAaF,KAAKE,YAAaU,MAAOZ,KAAKY,MAAOT,UAAWH,KAAKG,UAAWC,iBAAkBJ,KAAKI,iBAAkBC,cAAeL,KAAKK,cAAeC,cAAeN,KAAKM,cAAeO,KAAMb,KAAKa,MACtY,GAEJhB,EAAciB,MAAQ,CAClBC,QAASnB,UAGJC","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"file":"kol-popover-button-wc.entry.esm.js","sources":["src/schema/props/popover-align.ts","src/internal/functional-components/popover/component.tsx","src/internal/functional-components/popover/controller.ts","src/components/popover-button/component.tsx"],"sourcesContent":["import type { Generic } from 'adopted-style-sheets';\n\nimport { validateAlignment } from '../validators';\n\nimport type { AlignPropType } from './align';\n\n/* types */\nexport type PopoverAlignPropType = AlignPropType;\n\n/**\n * Defines where to show the popover preferably: top, right, bottom or left.\n */\nexport type PropPopoverAlign = {\n\tpopoverAlign: PopoverAlignPropType;\n};\n\n/* validator */\nexport const validatePopoverAlign = (component: Generic.Element.Component, value?: PopoverAlignPropType): void => {\n\tvalidateAlignment(component, '_popoverAlign', value);\n};\n","import type { FunctionalComponent as FC } from '@stencil/core';\nimport { h } from '@stencil/core';\n\nimport type { JSXBase } from '@stencil/core/internal';\nimport clsx from '../../../utils/clsx';\nimport type { FunctionalComponentProps } from '../generic-types';\nimport type { PopoverApi } from './api';\n\nexport type PopoverFCProps = FunctionalComponentProps<PopoverApi> &\n\tJSXBase.HTMLAttributes<HTMLDivElement> & {\n\t\tpopoverRef?: (el?: HTMLDivElement) => void;\n\t\tarrowRef?: (el?: HTMLDivElement) => void;\n\t};\n\nexport const PopoverFC: FC<PopoverFCProps> = (props) => {\n\tconst { align = 'bottom', popoverRef, arrowRef, class: classNames, ...rest } = props;\n\n\treturn (\n\t\t<div {...rest} class={clsx('kol-popover', classNames)} ref={popoverRef} popover=\"auto\">\n\t\t\t<div class={clsx('kol-popover__arrow', `kol-popover__arrow--${align}`)} ref={arrowRef} />\n\t\t\t<slot />\n\t\t</div>\n\t);\n};\n","import { autoUpdate } from '@floating-ui/dom';\nimport type { AlignPropType } from '../../../schema';\nimport { alignFloatingElements } from '../../../utils/align-floating-elements';\n\nexport class PopoverController {\n\tprivate show: boolean = false;\n\tprivate popoverElement?: HTMLDivElement;\n\tprivate arrowElement?: HTMLDivElement;\n\tprivate triggerElement?: HTMLElement;\n\tprivate align: AlignPropType = 'bottom';\n\tprivate cleanupAutoUpdate?: () => void;\n\n\tpublic setShow(value: boolean): void {\n\t\tthis.show = value;\n\t\tif (!this.popoverElement) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst toggleVisibility = (): void => {\n\t\t\tif (!this.popoverElement) {\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tconst isOpen = this.popoverElement.matches(':popover-open');\n\t\t\tif (this.show) {\n\t\t\t\tif (!isOpen) {\n\t\t\t\t\ttry {\n\t\t\t\t\t\tthis.popoverElement.showPopover();\n\t\t\t\t\t\tthis.setupAutoUpdate();\n\t\t\t\t\t\tvoid this.alignPopover();\n\t\t\t\t\t} catch {\n\t\t\t\t\t\t// Ignore DOMException if already open\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\tif (isOpen) {\n\t\t\t\t\ttry {\n\t\t\t\t\t\tthis.popoverElement.hidePopover();\n\t\t\t\t\t\tthis.cleanupAutoUpdate?.();\n\t\t\t\t\t\tthis.cleanupAutoUpdate = undefined;\n\t\t\t\t\t} catch {\n\t\t\t\t\t\t// Ignore DOMException if already closed\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t};\n\n\t\tif (this.popoverElement.isConnected) {\n\t\t\ttoggleVisibility();\n\t\t} else {\n\t\t\trequestAnimationFrame(() => {\n\t\t\t\ttoggleVisibility();\n\t\t\t});\n\t\t}\n\t}\n\n\tpublic setPopoverElementRef = (element?: HTMLDivElement): void => {\n\t\tthis.popoverElement = element;\n\t\tthis.arrowElement = element?.querySelector('.kol-popover__arrow') as HTMLDivElement | undefined;\n\t};\n\n\tpublic setTriggerElement = (element?: HTMLElement): void => {\n\t\tthis.triggerElement = element;\n\t};\n\n\tpublic setAlign = (align: AlignPropType): void => {\n\t\tthis.align = align;\n\t};\n\n\tprivate alignPopover = async (): Promise<void> => {\n\t\tif (!this.popoverElement || !this.triggerElement) {\n\t\t\treturn;\n\t\t}\n\n\t\tawait alignFloatingElements({\n\t\t\talign: this.align,\n\t\t\treferenceElement: this.triggerElement,\n\t\t\tarrowElement: this.arrowElement,\n\t\t\tfloatingElement: this.popoverElement,\n\t\t});\n\t};\n\n\tprivate setupAutoUpdate = (): void => {\n\t\tif (!this.popoverElement || !this.triggerElement || this.cleanupAutoUpdate) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis.cleanupAutoUpdate = autoUpdate(this.triggerElement, this.popoverElement, () => {\n\t\t\tvoid this.alignPopover();\n\t\t});\n\t};\n\n\tpublic destroy(): void {\n\t\tthis.cleanupAutoUpdate?.();\n\t\tthis.cleanupAutoUpdate = undefined;\n\t\tthis.popoverElement = undefined;\n\t\tthis.arrowElement = undefined;\n\t\tthis.triggerElement = undefined;\n\t}\n}\n","import type { JSX } from '@stencil/core';\nimport { Component, Fragment, h, Method, Prop, State, Watch } from '@stencil/core';\nimport { KolButtonWcTag } from '../../core/component-names';\nimport { PopoverFC } from '../../internal/functional-components/popover/component';\nimport { PopoverController } from '../../internal/functional-components/popover/controller';\nimport type {\n\tAccessKeyPropType,\n\tAriaDescriptionPropType,\n\tButtonCallbacksPropType,\n\tButtonTypePropType,\n\tButtonVariantPropType,\n\tCustomClassPropType,\n\tFocusableElement,\n\tIconsPropType,\n\tIdPropType,\n\tInlinePropType,\n\tKolFocusOptions,\n\tLabelWithExpertSlotPropType,\n\tPopoverAlignPropType,\n\tShortKeyPropType,\n\tStencilUnknown,\n\tSyncValueBySelectorPropType,\n\tTooltipAlignPropType,\n} from '../../schema';\nimport { validateInline, validatePopoverAlign } from '../../schema';\nimport type { PopoverButtonProps, PopoverButtonStates } from '../../schema/components/popover-button';\nimport clsx from '../../utils/clsx';\nimport { createUniqueId } from '../../utils/dev.utils';\nimport { createCtaRef, directClick, directFocus } from '../../utils/element-interaction';\n\n/**\n * @internal\n * @slot - The popover content.\n *\n * **Note:** The `_on` button callback prop is not supported. The button's `onClick` is reserved for toggling the popover.\n * Manage the popover visibility state and coordinate with the internal popover element.\n */\n@Component({\n\ttag: 'kol-popover-button-wc',\n\tshadow: false,\n})\n// class implementing PopoverButtonProps and not API because we don't want to repeat the entire state and validation for button props\nexport class KolPopoverButtonWc implements PopoverButtonProps, FocusableElement {\n\tprotected readonly ctaRef = createCtaRef<HTMLKolButtonWcElement>();\n\tprivate readonly popoverCtrl = new PopoverController();\n\tprivate popoverElement?: HTMLDivElement;\n\tprivate readonly popoverId = createUniqueId('popover');\n\n\tprivate readonly setPopoverElementRef = (element?: HTMLDivElement) => {\n\t\tthis.popoverElement = element;\n\t\tthis.popoverCtrl.setPopoverElementRef(element);\n\t};\n\n\tprivate readonly setButtonElementRef = (element?: HTMLKolButtonWcElement) => {\n\t\tthis.ctaRef(element);\n\t\tif (element) {\n\t\t\tthis.popoverCtrl.setTriggerElement(element as HTMLElement);\n\t\t}\n\t};\n\n\tprivate on: ButtonCallbacksPropType<StencilUnknown> = {\n\t\tonClick: () => {\n\t\t\tthis.popoverCtrl.setShow(!this.popoverOpen);\n\t\t},\n\t};\n\n\t@State() public state: PopoverButtonStates = {\n\t\t_label: '',\n\t\t_popoverAlign: 'bottom',\n\t\t_inline: false,\n\t};\n\t@State() private popoverOpen = false;\n\n\t/**\n\t * Hides the popover programmatically by calling the PopoverController.\n\t */\n\t@Method()\n\t// eslint-disable-next-line @typescript-eslint/require-await\n\tpublic async hidePopover() {\n\t\tthis.popoverCtrl.setShow(false);\n\t}\n\n\t/**\n\t * Show the popover programmatically by calling the PopoverController.\n\t */\n\t@Method()\n\t// eslint-disable-next-line @typescript-eslint/require-await\n\tpublic async showPopover() {\n\t\tthis.popoverCtrl.setShow(true);\n\t}\n\n\t/**\n\t * Sets focus on the internal element.\n\t */\n\t@Method()\n\t@directFocus('ctaRef')\n\t// @ts-expect-error: options parameter will be implemented by the decorator.\n\t// eslint-disable-next-line @typescript-eslint/no-unused-vars\n\tpublic async focus(options?: KolFocusOptions): Promise<void> {}\n\n\t/**\n\t * Clicks the primary interactive element inside this component.\n\t */\n\t@Method()\n\t@directClick('ctaRef')\n\tpublic async click(): Promise<void> {}\n\n\tprivate handleToggle = (event: Event): void => {\n\t\tthis.popoverOpen = (event as ToggleEvent).newState === 'open';\n\t};\n\n\tpublic render(): JSX.Element {\n\t\treturn (\n\t\t\t<>\n\t\t\t\t<KolButtonWcTag\n\t\t\t\t\tclass={clsx('kol-popover-button', {\n\t\t\t\t\t\t'kol-popover-button--open': this.popoverOpen,\n\t\t\t\t\t\t'kol-popover-button--inline': this.state._inline === true,\n\t\t\t\t\t\t'kol-popover-button--standalone': this.state._inline === false,\n\t\t\t\t\t})}\n\t\t\t\t\t_accessKey={this._accessKey}\n\t\t\t\t\t_ariaControls={this.popoverId}\n\t\t\t\t\t_ariaDescription={this._ariaDescription}\n\t\t\t\t\t_ariaExpanded={this.popoverOpen}\n\t\t\t\t\t_customClass={this._customClass}\n\t\t\t\t\t_disabled={this._disabled}\n\t\t\t\t\t_hideLabel={this._hideLabel}\n\t\t\t\t\t_icons={this._icons}\n\t\t\t\t\t_id={this._id}\n\t\t\t\t\t_inline={this._inline}\n\t\t\t\t\t_label={this._label}\n\t\t\t\t\t_name={this._name}\n\t\t\t\t\t_on={this.on}\n\t\t\t\t\t_shortKey={this._shortKey}\n\t\t\t\t\t_syncValueBySelector={this._syncValueBySelector}\n\t\t\t\t\t_tabIndex={this._tabIndex}\n\t\t\t\t\t_tooltipAlign={this._tooltipAlign}\n\t\t\t\t\t_type={this._type}\n\t\t\t\t\t_value={this._value}\n\t\t\t\t\t_variant={this._variant}\n\t\t\t\t\tref={this.setButtonElementRef}\n\t\t\t\t>\n\t\t\t\t\t<slot name=\"expert\" slot=\"expert\"></slot>\n\t\t\t\t</KolButtonWcTag>\n\t\t\t\t<PopoverFC align={this.state._popoverAlign || 'bottom'} popoverRef={this.setPopoverElementRef} class=\"kol-popover-button__popover\" id={this.popoverId}>\n\t\t\t\t\t<slot />\n\t\t\t\t</PopoverFC>\n\t\t\t</>\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 the internal ID of the primary component element.\n\t * @internal\n\t */\n\t@Prop() public _id?: IdPropType;\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\t@Watch('_inline')\n\tpublic validateInline(value?: InlinePropType): void {\n\t\tvalidateInline(this, value, {\n\t\t\tdefaultValue: false,\n\t\t});\n\t}\n\n\t@Watch('_popoverAlign')\n\tpublic validatePopoverAlign(value?: PopoverAlignPropType): void {\n\t\tvalidatePopoverAlign(this, value);\n\t\tif (value) {\n\t\t\tthis.popoverCtrl.setAlign(value);\n\t\t}\n\t}\n\n\tpublic componentWillLoad() {\n\t\tthis.validateInline(this._inline);\n\t\tthis.validatePopoverAlign(this._popoverAlign);\n\t}\n\n\tpublic componentDidRender() {\n\t\t// The popoverElement is already set via popoverRef callback from PopoverFC.\n\t\t// Register the toggle listener once the popover element is available.\n\t\tif (this.popoverElement) {\n\t\t\tthis.popoverElement.addEventListener('toggle', this.handleToggle);\n\t\t}\n\t\t// Ensure align value is synced with controller\n\t\tif (this.state._popoverAlign) {\n\t\t\tthis.popoverCtrl.setAlign(this.state._popoverAlign);\n\t\t}\n\t}\n\n\tpublic disconnectedCallback() {\n\t\tif (this.popoverElement) {\n\t\t\tthis.popoverElement.removeEventListener('toggle', this.handleToggle);\n\t\t}\n\t\tthis.popoverCtrl.destroy();\n\t\tthis.popoverElement = undefined;\n\t}\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"kol-popover-button-wc.entry.esm.js","sources":["src/schema/props/popover-align.ts","src/internal/functional-components/popover/component.tsx","src/internal/functional-components/popover/controller.ts","src/components/popover-button/component.tsx"],"sourcesContent":["import type { Generic } from 'adopted-style-sheets';\n\nimport { validateAlignment } from '../validators';\n\nimport type { AlignPropType } from './align';\n\n/* types */\nexport type PopoverAlignPropType = AlignPropType;\n\n/**\n * Defines where to show the popover preferably: top, right, bottom or left.\n */\nexport type PropPopoverAlign = {\n\tpopoverAlign: PopoverAlignPropType;\n};\n\n/* validator */\nexport const validatePopoverAlign = (component: Generic.Element.Component, value?: PopoverAlignPropType): void => {\n\tvalidateAlignment(component, '_popoverAlign', value);\n};\n","import type { FunctionalComponent as FC } from '@stencil/core';\nimport { h } from '@stencil/core';\n\nimport type { JSXBase } from '@stencil/core/internal';\nimport clsx from '../../../utils/clsx';\nimport type { FunctionalComponentProps } from '../generic-types';\nimport type { PopoverApi } from './api';\n\nexport type PopoverFCProps = FunctionalComponentProps<PopoverApi> &\n\tJSXBase.HTMLAttributes<HTMLDivElement> & {\n\t\tpopoverRef?: (el?: HTMLDivElement) => void;\n\t\tarrowRef?: (el?: HTMLDivElement) => void;\n\t};\n\nexport const PopoverFC: FC<PopoverFCProps> = (props) => {\n\tconst { align = 'bottom', popoverRef, arrowRef, class: classNames, ...rest } = props;\n\n\treturn (\n\t\t<div {...rest} class={clsx('kol-popover', classNames)} ref={popoverRef} popover=\"auto\">\n\t\t\t<div class={clsx('kol-popover__arrow', `kol-popover__arrow--${align}`)} ref={arrowRef} />\n\t\t\t<slot />\n\t\t</div>\n\t);\n};\n","import { autoUpdate } from '@floating-ui/dom';\nimport type { AlignPropType } from '../../../schema';\nimport { alignFloatingElements } from '../../../utils/align-floating-elements';\n\nexport class PopoverController {\n\tprivate show: boolean = false;\n\tprivate popoverElement?: HTMLDivElement;\n\tprivate arrowElement?: HTMLDivElement;\n\tprivate triggerElement?: HTMLElement;\n\tprivate align: AlignPropType = 'bottom';\n\tprivate cleanupAutoUpdate?: () => void;\n\n\tpublic setShow(value: boolean): void {\n\t\tthis.show = value;\n\t\tif (!this.popoverElement) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst toggleVisibility = (): void => {\n\t\t\tif (!this.popoverElement) {\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tconst isOpen = this.popoverElement.matches(':popover-open');\n\t\t\tif (this.show) {\n\t\t\t\tif (!isOpen) {\n\t\t\t\t\ttry {\n\t\t\t\t\t\tthis.popoverElement.showPopover();\n\t\t\t\t\t\tthis.setupAutoUpdate();\n\t\t\t\t\t\tvoid this.alignPopover();\n\t\t\t\t\t} catch {\n\t\t\t\t\t\t// Ignore DOMException if already open\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\tif (isOpen) {\n\t\t\t\t\ttry {\n\t\t\t\t\t\tthis.popoverElement.hidePopover();\n\t\t\t\t\t\tthis.cleanupAutoUpdate?.();\n\t\t\t\t\t\tthis.cleanupAutoUpdate = undefined;\n\t\t\t\t\t} catch {\n\t\t\t\t\t\t// Ignore DOMException if already closed\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t};\n\n\t\tif (this.popoverElement.isConnected) {\n\t\t\ttoggleVisibility();\n\t\t} else {\n\t\t\trequestAnimationFrame(() => {\n\t\t\t\ttoggleVisibility();\n\t\t\t});\n\t\t}\n\t}\n\n\tpublic setPopoverElementRef = (element?: HTMLDivElement): void => {\n\t\tthis.popoverElement = element;\n\t\tthis.arrowElement = element?.querySelector('.kol-popover__arrow') as HTMLDivElement | undefined;\n\t};\n\n\tpublic setTriggerElement = (element?: HTMLElement): void => {\n\t\tthis.triggerElement = element;\n\t};\n\n\tpublic setAlign = (align: AlignPropType): void => {\n\t\tthis.align = align;\n\t};\n\n\tprivate alignPopover = async (): Promise<void> => {\n\t\tif (!this.popoverElement || !this.triggerElement) {\n\t\t\treturn;\n\t\t}\n\n\t\tawait alignFloatingElements({\n\t\t\talign: this.align,\n\t\t\treferenceElement: this.triggerElement,\n\t\t\tarrowElement: this.arrowElement,\n\t\t\tfloatingElement: this.popoverElement,\n\t\t});\n\t};\n\n\tprivate setupAutoUpdate = (): void => {\n\t\tif (!this.popoverElement || !this.triggerElement || this.cleanupAutoUpdate) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis.cleanupAutoUpdate = autoUpdate(this.triggerElement, this.popoverElement, () => {\n\t\t\tvoid this.alignPopover();\n\t\t});\n\t};\n\n\tpublic destroy(): void {\n\t\tthis.cleanupAutoUpdate?.();\n\t\tthis.cleanupAutoUpdate = undefined;\n\t\tthis.popoverElement = undefined;\n\t\tthis.arrowElement = undefined;\n\t\tthis.triggerElement = undefined;\n\t}\n}\n","import type { JSX } from '@stencil/core';\nimport { Component, Fragment, h, Method, Prop, State, Watch } from '@stencil/core';\nimport { KolButtonWcTag } from '../../core/component-names';\nimport { PopoverFC } from '../../internal/functional-components/popover/component';\nimport { PopoverController } from '../../internal/functional-components/popover/controller';\nimport type {\n\tAccessKeyPropType,\n\tAriaDescriptionPropType,\n\tButtonCallbacksPropType,\n\tButtonTypePropType,\n\tButtonVariantPropType,\n\tClickableElement,\n\tCustomClassPropType,\n\tFocusableElement,\n\tIconsPropType,\n\tIdPropType,\n\tInlinePropType,\n\tKolFocusOptions,\n\tLabelWithExpertSlotPropType,\n\tPopoverAlignPropType,\n\tShortKeyPropType,\n\tStencilUnknown,\n\tSyncValueBySelectorPropType,\n\tTooltipAlignPropType,\n} from '../../schema';\nimport { validateInline, validatePopoverAlign } from '../../schema';\nimport type { PopoverButtonProps, PopoverButtonStates } from '../../schema/components/popover-button';\nimport clsx from '../../utils/clsx';\nimport { createUniqueId } from '../../utils/dev.utils';\nimport { createCtaRef, directClick, directFocus } from '../../utils/element-interaction';\n\n/**\n * @internal\n * @slot - The popover content.\n *\n * **Note:** The `_on` button callback prop is not supported. The button's `onClick` is reserved for toggling the popover.\n * Manage the popover visibility state and coordinate with the internal popover element.\n */\n@Component({\n\ttag: 'kol-popover-button-wc',\n\tshadow: false,\n})\n// class implementing PopoverButtonProps and not API because we don't want to repeat the entire state and validation for button props\nexport class KolPopoverButtonWc implements ClickableElement, FocusableElement, PopoverButtonProps {\n\tprotected readonly ctaRef = createCtaRef<HTMLKolButtonWcElement>();\n\tprivate readonly popoverCtrl = new PopoverController();\n\tprivate popoverElement?: HTMLDivElement;\n\tprivate readonly popoverId = createUniqueId('popover');\n\n\tprivate readonly setPopoverElementRef = (element?: HTMLDivElement) => {\n\t\tthis.popoverElement = element;\n\t\tthis.popoverCtrl.setPopoverElementRef(element);\n\t};\n\n\tprivate readonly setButtonElementRef = (element?: HTMLKolButtonWcElement) => {\n\t\tthis.ctaRef(element);\n\t\tif (element) {\n\t\t\tthis.popoverCtrl.setTriggerElement(element as HTMLElement);\n\t\t}\n\t};\n\n\tprivate on: ButtonCallbacksPropType<StencilUnknown> = {\n\t\tonClick: () => {\n\t\t\tthis.popoverCtrl.setShow(!this.popoverOpen);\n\t\t},\n\t};\n\n\t@State() public state: PopoverButtonStates = {\n\t\t_label: '',\n\t\t_popoverAlign: 'bottom',\n\t\t_inline: false,\n\t};\n\t@State() private popoverOpen = false;\n\n\t/**\n\t * Hides the popover programmatically by calling the PopoverController.\n\t */\n\t@Method()\n\t// eslint-disable-next-line @typescript-eslint/require-await\n\tpublic async hidePopover() {\n\t\tthis.popoverCtrl.setShow(false);\n\t}\n\n\t/**\n\t * Show the popover programmatically by calling the PopoverController.\n\t */\n\t@Method()\n\t// eslint-disable-next-line @typescript-eslint/require-await\n\tpublic async showPopover() {\n\t\tthis.popoverCtrl.setShow(true);\n\t}\n\n\t/**\n\t * Sets focus on the internal element.\n\t */\n\t@Method()\n\t@directFocus('ctaRef')\n\t// @ts-expect-error: options parameter will be implemented by the decorator.\n\t// eslint-disable-next-line @typescript-eslint/no-unused-vars\n\tpublic async focus(options?: KolFocusOptions): Promise<void> {}\n\n\t/**\n\t * Clicks the primary interactive element inside this component.\n\t */\n\t@Method()\n\t@directClick('ctaRef')\n\tpublic async click(): Promise<void> {}\n\n\tprivate handleToggle = (event: Event): void => {\n\t\tthis.popoverOpen = (event as ToggleEvent).newState === 'open';\n\t};\n\n\tpublic render(): JSX.Element {\n\t\treturn (\n\t\t\t<>\n\t\t\t\t<KolButtonWcTag\n\t\t\t\t\tclass={clsx('kol-popover-button', {\n\t\t\t\t\t\t'kol-popover-button--open': this.popoverOpen,\n\t\t\t\t\t\t'kol-popover-button--inline': this.state._inline === true,\n\t\t\t\t\t\t'kol-popover-button--standalone': this.state._inline === false,\n\t\t\t\t\t})}\n\t\t\t\t\t_accessKey={this._accessKey}\n\t\t\t\t\t_ariaControls={this.popoverId}\n\t\t\t\t\t_ariaDescription={this._ariaDescription}\n\t\t\t\t\t_ariaExpanded={this.popoverOpen}\n\t\t\t\t\t_customClass={this._customClass}\n\t\t\t\t\t_disabled={this._disabled}\n\t\t\t\t\t_hideLabel={this._hideLabel}\n\t\t\t\t\t_icons={this._icons}\n\t\t\t\t\t_id={this._id}\n\t\t\t\t\t_inline={this._inline}\n\t\t\t\t\t_label={this._label}\n\t\t\t\t\t_name={this._name}\n\t\t\t\t\t_on={this.on}\n\t\t\t\t\t_shortKey={this._shortKey}\n\t\t\t\t\t_syncValueBySelector={this._syncValueBySelector}\n\t\t\t\t\t_tabIndex={this._tabIndex}\n\t\t\t\t\t_tooltipAlign={this._tooltipAlign}\n\t\t\t\t\t_type={this._type}\n\t\t\t\t\t_value={this._value}\n\t\t\t\t\t_variant={this._variant}\n\t\t\t\t\tref={this.setButtonElementRef}\n\t\t\t\t>\n\t\t\t\t\t<slot name=\"expert\" slot=\"expert\"></slot>\n\t\t\t\t</KolButtonWcTag>\n\t\t\t\t<PopoverFC align={this.state._popoverAlign || 'bottom'} popoverRef={this.setPopoverElementRef} class=\"kol-popover-button__popover\" id={this.popoverId}>\n\t\t\t\t\t<slot />\n\t\t\t\t</PopoverFC>\n\t\t\t</>\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 the internal ID of the primary component element.\n\t * @internal\n\t */\n\t@Prop() public _id?: IdPropType;\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\t@Watch('_inline')\n\tpublic validateInline(value?: InlinePropType): void {\n\t\tvalidateInline(this, value, {\n\t\t\tdefaultValue: false,\n\t\t});\n\t}\n\n\t@Watch('_popoverAlign')\n\tpublic validatePopoverAlign(value?: PopoverAlignPropType): void {\n\t\tvalidatePopoverAlign(this, value);\n\t\tif (value) {\n\t\t\tthis.popoverCtrl.setAlign(value);\n\t\t}\n\t}\n\n\tpublic componentWillLoad() {\n\t\tthis.validateInline(this._inline);\n\t\tthis.validatePopoverAlign(this._popoverAlign);\n\t}\n\n\tpublic componentDidRender() {\n\t\t// The popoverElement is already set via popoverRef callback from PopoverFC.\n\t\t// Register the toggle listener once the popover element is available.\n\t\tif (this.popoverElement) {\n\t\t\tthis.popoverElement.addEventListener('toggle', this.handleToggle);\n\t\t}\n\t\t// Ensure align value is synced with controller\n\t\tif (this.state._popoverAlign) {\n\t\t\tthis.popoverCtrl.setAlign(this.state._popoverAlign);\n\t\t}\n\t}\n\n\tpublic disconnectedCallback() {\n\t\tif (this.popoverElement) {\n\t\t\tthis.popoverElement.removeEventListener('toggle', this.handleToggle);\n\t\t}\n\t\tthis.popoverCtrl.destroy();\n\t\tthis.popoverElement = undefined;\n\t}\n}\n"],"names":[],"mappings":"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"}

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

@@ -1,5 +1,5 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{h as t,r as i,F as s}from"./index-DqvPZ16l.js";import{a as e,_ as o}from"./tslib.es6-QNbPBOk5.js";import{b as h}from"./component-names-Dy77vq43.js";import{c as n}from"./clsx-COFh-Vc8.js";import{a,b as l}from"./align-floating-elements-DTTpkCAK.js";import"./common-DEEjER7G.js";import{v as r}from"./inline-D3v7pifU.js";import{b as p}from"./align-ChLoh-Dq.js";import{c}from"./dev.utils-Cv9uCwkA.js";import{b as f,e as d,c as v}from"./element-interaction-C5-6aPzz.js";import"./element-focus-BQXzaLL9.js";const m=(t,i)=>{p(t,"_popoverAlign",i)};const u=i=>{const{align:s="bottom",popoverRef:o,arrowRef:h,class:a}=i,l=e(i,["align","popoverRef","arrowRef","class"]);return t("div",Object.assign({},l,{class:n("kol-popover",a),ref:o,popover:"auto"}),t("div",{class:n("kol-popover__arrow",`kol-popover__arrow--${s}`),ref:h}),t("slot",null))};class _{constructor(){this.show=false;this.align="bottom";this.setPopoverElementRef=t=>{this.popoverElement=t;this.arrowElement=t===null||t===void 0?void 0:t.querySelector(".kol-popover__arrow")};this.setTriggerElement=t=>{this.triggerElement=t};this.setAlign=t=>{this.align=t};this.alignPopover=async()=>{if(!this.popoverElement||!this.triggerElement){return}await a({align:this.align,referenceElement:this.triggerElement,arrowElement:this.arrowElement,floatingElement:this.popoverElement})};this.setupAutoUpdate=()=>{if(!this.popoverElement||!this.triggerElement||this.cleanupAutoUpdate){return}this.cleanupAutoUpdate=l(this.triggerElement,this.popoverElement,(()=>{void this.alignPopover()}))}}setShow(t){this.show=t;if(!this.popoverElement){return}const i=()=>{var t;if(!this.popoverElement){return}const i=this.popoverElement.matches(":popover-open");if(this.show){if(!i){try{this.popoverElement.showPopover();this.setupAutoUpdate();void this.alignPopover()}catch(t){}}}else{if(i){try{this.popoverElement.hidePopover();(t=this.cleanupAutoUpdate)===null||t===void 0?void 0:t.call(this);this.cleanupAutoUpdate=undefined}catch(t){}}}};if(this.popoverElement.isConnected){i()}else{requestAnimationFrame((()=>{i()}))}}destroy(){var t;(t=this.cleanupAutoUpdate)===null||t===void 0?void 0:t.call(this);this.cleanupAutoUpdate=undefined;this.popoverElement=undefined;this.arrowElement=undefined;this.triggerElement=undefined}}const b=class{constructor(t){i(this,t);this.ctaRef=v();this.popoverCtrl=new _;this.popoverId=c("popover");this.setPopoverElementRef=t=>{this.popoverElement=t;this.popoverCtrl.setPopoverElementRef(t)};this.setButtonElementRef=t=>{this.ctaRef(t);if(t){this.popoverCtrl.setTriggerElement(t)}};this.on={onClick:()=>{this.popoverCtrl.setShow(!this.popoverOpen)}};this.state={_label:"",_popoverAlign:"bottom",_inline:false};this.popoverOpen=false;this.handleToggle=t=>{this.popoverOpen=t.newState==="open"};this._disabled=false;this._hideLabel=false;this._inline=false;this._popoverAlign="bottom";this._tooltipAlign="top";this._type="button";this._variant="normal"}async hidePopover(){this.popoverCtrl.setShow(false)}async showPopover(){this.popoverCtrl.setShow(true)}async focus(t){}async click(){}render(){return t(s,null,t(h,{key:"9e1a7324de0e3164562d41b81d9b794304508658",class:n("kol-popover-button",{"kol-popover-button--open":this.popoverOpen,"kol-popover-button--inline":this.state._inline===true,"kol-popover-button--standalone":this.state._inline===false}),_accessKey:this._accessKey,_ariaControls:this.popoverId,_ariaDescription:this._ariaDescription,_ariaExpanded:this.popoverOpen,_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,ref:this.setButtonElementRef},t("slot",{key:"647d8e36914dd39d3b5ed610051ba0a3fb081052",name:"expert",slot:"expert"})),t(u,{key:"4158958c2efaf7f7bf7c02537e9aa4c45b855c88",align:this.state._popoverAlign||"bottom",popoverRef:this.setPopoverElementRef,class:"kol-popover-button__popover",id:this.popoverId},t("slot",{key:"0cc270905c7835fc7db5119b7609553d86b49050"})))}validateInline(t){r(this,t,{defaultValue:false})}validatePopoverAlign(t){m(this,t);if(t){this.popoverCtrl.setAlign(t)}}componentWillLoad(){this.validateInline(this._inline);this.validatePopoverAlign(this._popoverAlign)}componentDidRender(){if(this.popoverElement){this.popoverElement.addEventListener("toggle",this.handleToggle)}if(this.state._popoverAlign){this.popoverCtrl.setAlign(this.state._popoverAlign)}}disconnectedCallback(){if(this.popoverElement){this.popoverElement.removeEventListener("toggle",this.handleToggle)}this.popoverCtrl.destroy();this.popoverElement=undefined}static get watchers(){return{_inline:["validateInline"],_popoverAlign:["validatePopoverAlign"]}}};o([f("ctaRef")],b.prototype,"focus",null);o([d("ctaRef")],b.prototype,"click",null);export{b as kol_popover_button_wc};
+import{h as t,r as i,F as s}from"./index-CfYfRjdO.js";import{a as e,_ as o}from"./tslib.es6-QNbPBOk5.js";import{b as h}from"./component-names-Dy77vq43.js";import{c as a}from"./clsx-COFh-Vc8.js";import{a as n,b as l}from"./align-floating-elements-Xqbu3THH.js";import"./common-Cbb6Axov.js";import{v as r}from"./inline-CEIVpydv.js";import{b as p}from"./align-BdqBkiyq.js";import{c}from"./dev.utils-CBuLoTMV.js";import{b as d,e as f,c as v}from"./element-interaction-C5-6aPzz.js";import"./element-focus-BQXzaLL9.js";const u=(t,i)=>{p(t,"_popoverAlign",i)};const m=i=>{const{align:s="bottom",popoverRef:o,arrowRef:h,class:n}=i,l=e(i,["align","popoverRef","arrowRef","class"]);return t("div",Object.assign({},l,{class:a("kol-popover",n),ref:o,popover:"auto"}),t("div",{class:a("kol-popover__arrow",`kol-popover__arrow--${s}`),ref:h}),t("slot",null))};class _{constructor(){this.show=false;this.align="bottom";this.setPopoverElementRef=t=>{this.popoverElement=t;this.arrowElement=t===null||t===void 0?void 0:t.querySelector(".kol-popover__arrow")};this.setTriggerElement=t=>{this.triggerElement=t};this.setAlign=t=>{this.align=t};this.alignPopover=async()=>{if(!this.popoverElement||!this.triggerElement){return}await n({align:this.align,referenceElement:this.triggerElement,arrowElement:this.arrowElement,floatingElement:this.popoverElement})};this.setupAutoUpdate=()=>{if(!this.popoverElement||!this.triggerElement||this.cleanupAutoUpdate){return}this.cleanupAutoUpdate=l(this.triggerElement,this.popoverElement,(()=>{void this.alignPopover()}))}}setShow(t){this.show=t;if(!this.popoverElement){return}const i=()=>{var t;if(!this.popoverElement){return}const i=this.popoverElement.matches(":popover-open");if(this.show){if(!i){try{this.popoverElement.showPopover();this.setupAutoUpdate();void this.alignPopover()}catch(t){}}}else{if(i){try{this.popoverElement.hidePopover();(t=this.cleanupAutoUpdate)===null||t===void 0?void 0:t.call(this);this.cleanupAutoUpdate=undefined}catch(t){}}}};if(this.popoverElement.isConnected){i()}else{requestAnimationFrame((()=>{i()}))}}destroy(){var t;(t=this.cleanupAutoUpdate)===null||t===void 0?void 0:t.call(this);this.cleanupAutoUpdate=undefined;this.popoverElement=undefined;this.arrowElement=undefined;this.triggerElement=undefined}}const b=class{constructor(t){i(this,t);this.ctaRef=v();this.popoverCtrl=new _;this.popoverId=c("popover");this.setPopoverElementRef=t=>{this.popoverElement=t;this.popoverCtrl.setPopoverElementRef(t)};this.setButtonElementRef=t=>{this.ctaRef(t);if(t){this.popoverCtrl.setTriggerElement(t)}};this.on={onClick:()=>{this.popoverCtrl.setShow(!this.popoverOpen)}};this.state={_label:"",_popoverAlign:"bottom",_inline:false};this.popoverOpen=false;this.handleToggle=t=>{this.popoverOpen=t.newState==="open"};this._disabled=false;this._hideLabel=false;this._inline=false;this._popoverAlign="bottom";this._tooltipAlign="top";this._type="button";this._variant="normal"}async hidePopover(){this.popoverCtrl.setShow(false)}async showPopover(){this.popoverCtrl.setShow(true)}async focus(t){}async click(){}render(){return t(s,null,t(h,{key:"2d1b167c6ced479392dd8764e284e6e098803e17",class:a("kol-popover-button",{"kol-popover-button--open":this.popoverOpen,"kol-popover-button--inline":this.state._inline===true,"kol-popover-button--standalone":this.state._inline===false}),_accessKey:this._accessKey,_ariaControls:this.popoverId,_ariaDescription:this._ariaDescription,_ariaExpanded:this.popoverOpen,_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,ref:this.setButtonElementRef},t("slot",{key:"30edf43ae3c307ad352e2731d1a378bd3bf114af",name:"expert",slot:"expert"})),t(m,{key:"939edeb43402a010d9a15ebfb98aaf4c07df3ff1",align:this.state._popoverAlign||"bottom",popoverRef:this.setPopoverElementRef,class:"kol-popover-button__popover",id:this.popoverId},t("slot",{key:"48827da834b0eddb7052fb6a4718d8c16a1d9089"})))}validateInline(t){r(this,t,{defaultValue:false})}validatePopoverAlign(t){u(this,t);if(t){this.popoverCtrl.setAlign(t)}}componentWillLoad(){this.validateInline(this._inline);this.validatePopoverAlign(this._popoverAlign)}componentDidRender(){if(this.popoverElement){this.popoverElement.addEventListener("toggle",this.handleToggle)}if(this.state._popoverAlign){this.popoverCtrl.setAlign(this.state._popoverAlign)}}disconnectedCallback(){if(this.popoverElement){this.popoverElement.removeEventListener("toggle",this.handleToggle)}this.popoverCtrl.destroy();this.popoverElement=undefined}static get watchers(){return{_inline:["validateInline"],_popoverAlign:["validatePopoverAlign"]}}};o([d("ctaRef")],b.prototype,"focus",null);o([f("ctaRef")],b.prototype,"click",null);export{b as kol_popover_button_wc};
 //# sourceMappingURL=kol-popover-button-wc.entry.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["h","registerInstance","Fragment","__rest","__decorate","KolButtonWcTag","clsx","alignFloatingElements","autoUpdate","validateInline","validateAlignment","createUniqueId","directFocus","directClick","createCtaRef","validatePopoverAlign","component","value","PopoverFC","props","align","popoverRef","arrowRef","class","classNames","rest","Object","assign","ref","popover","PopoverController","constructor","this","show","setPopoverElementRef","element","popoverElement","arrowElement","querySelector","setTriggerElement","triggerElement","setAlign","alignPopover","async","referenceElement","floatingElement","setupAutoUpdate","cleanupAutoUpdate","setShow","toggleVisibility","_a","isOpen","matches","showPopover","_b","hidePopover","call","undefined","_c","isConnected","requestAnimationFrame","destroy","KolPopoverButtonWc","hostRef","ctaRef","popoverCtrl","popoverId","setButtonElementRef","on","onClick","popoverOpen","state","_label","_popoverAlign","_inline","handleToggle","event","newState","_disabled","_hideLabel","_tooltipAlign","_type","_variant","focus","options","click","render","key","_accessKey","_ariaControls","_ariaDescription","_ariaExpanded","_customClass","_icons","_id","_name","_on","_shortKey","_syncValueBySelector","_tabIndex","_value","name","slot","id","defaultValue","componentWillLoad","componentDidRender","addEventListener","disconnectedCallback","removeEventListener","watchers","prototype"],"sources":["0"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["h","registerInstance","Fragment","__rest","__decorate","KolButtonWcTag","clsx","alignFloatingElements","autoUpdate","validateInline","validateAlignment","createUniqueId","directFocus","directClick","createCtaRef","validatePopoverAlign","component","value","PopoverFC","props","align","popoverRef","arrowRef","class","classNames","rest","Object","assign","ref","popover","PopoverController","constructor","this","show","setPopoverElementRef","element","popoverElement","arrowElement","querySelector","setTriggerElement","triggerElement","setAlign","alignPopover","async","referenceElement","floatingElement","setupAutoUpdate","cleanupAutoUpdate","setShow","toggleVisibility","_a","isOpen","matches","showPopover","_b","hidePopover","call","undefined","_c","isConnected","requestAnimationFrame","destroy","KolPopoverButtonWc","hostRef","ctaRef","popoverCtrl","popoverId","setButtonElementRef","on","onClick","popoverOpen","state","_label","_popoverAlign","_inline","handleToggle","event","newState","_disabled","_hideLabel","_tooltipAlign","_type","_variant","focus","options","click","render","key","_accessKey","_ariaControls","_ariaDescription","_ariaExpanded","_customClass","_icons","_id","_name","_on","_shortKey","_syncValueBySelector","_tabIndex","_value","name","slot","id","defaultValue","componentWillLoad","componentDidRender","addEventListener","disconnectedCallback","removeEventListener","watchers","prototype"],"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 '../@shared/global' as *;\n@use '../@shared/button.mixin' as *;\n@use '../@shared/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\tdisplay: inline-block;\n\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, Element, 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\tFocusableElement,\n\tIconsPropType,\n\tInlinePropType,\n\tKolFocusOptions,\n\tLabelWithExpertSlotPropType,\n\tPopoverAlignPropType,\n\tShortKeyPropType,\n\tStencilUnknown,\n\tSyncValueBySelectorPropType,\n\tTooltipAlignPropType,\n} from '../../schema';\nimport type { PopoverButtonProps } from '../../schema/components/popover-button';\nimport { createCtaRef, delegateClick, delegateFocus } from '../../utils/element-interaction';\n\n/**\n * A button that toggles the visibility of a popover overlay containing arbitrary content.\n * The popover uses the native HTML Popover API for lightweight, non-modal overlays.\n *\n * @slot - The popover content (displayed when the button is clicked).\n * @slot expert - Custom label content for the button (when `_label` is `false`).\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, FocusableElement {\n\t@Element() protected readonly host?: HTMLKolPopoverButtonElement;\n\tprotected readonly ctaRef = createCtaRef<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.ctaRef.el?.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.ctaRef.el?.showPopover();\n\t}\n\n\t/**\n\t * Clicks the primary interactive element inside this component.\n\t */\n\t@Method()\n\t@delegateClick('ctaRef')\n\tpublic async click(): Promise<void> {}\n\n\t/**\n\t * Sets focus on the internal element.\n\t */\n\t@Method()\n\t@delegateFocus('ctaRef')\n\t// @ts-expect-error: options parameter will be implemented by the decorator.\n\t// eslint-disable-next-line @typescript-eslint/no-unused-vars\n\tpublic async focus(options?: KolFocusOptions): Promise<void> {}\n\n\tpublic render(): JSX.Element {\n\t\treturn (\n\t\t\t<KolPopoverButtonWcTag\n\t\t\t\tref={this.ctaRef}\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,+9UAA+9U;;MCqC1+U,gBAAgB,GAAA,MAAA;AAP7B,IAAA,WAAA,CAAA,OAAA,EAAA;;AASoB,QAAA,IAAM,CAAA,MAAA,GAAG,YAAY,EAAiC;AAkF1D,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;AAhJO,IAAA,MAAM,WAAW,GAAA;;AACvB,QAAA,MAAK,CAAA,EAAA,GAAA,IAAI,CAAC,MAAM,CAAC,EAAE,MAAE,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAA,WAAW,EAAE,CAAA;;AAQ5B,IAAA,MAAM,WAAW,GAAA;;AACvB,QAAA,MAAK,CAAA,EAAA,GAAA,IAAI,CAAC,MAAM,CAAC,EAAE,MAAE,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAA,WAAW,EAAE,CAAA;;IAQ5B,MAAM,KAAK,GAAA;AASX,IAAA,MAAM,KAAK,CAAC,OAAyB;IAErC,MAAM,GAAA;AACZ,QAAA,QACC,CAAC,CAAA,qBAAqB,EACrB,EAAA,GAAA,EAAA,0CAAA,EAAA,GAAG,EAAE,IAAI,CAAC,MAAM,EAChB,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;;;;AAnCb,UAAA,CAAA;IADZ,aAAa,CAAC,QAAQ;CACe,EAAA,gBAAA,CAAA,SAAA,EAAA,OAAA,EAAA,IAAA,CAAA;AASzB,UAAA,CAAA;IAHZ,aAAa,CAAC,QAAQ;CAGwC,EAAA,gBAAA,CAAA,SAAA,EAAA,OAAA,EAAA,IAAA,CAAA;;;;;;;"}
+{"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 '../@shared/global' as *;\n@use '../@shared/button.mixin' as *;\n@use '../@shared/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\tdisplay: inline-block;\n\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, Element, h, Method, Prop } from '@stencil/core';\nimport { KolPopoverButtonWcTag } from '../../core/component-names';\nimport type {\n\tAccessKeyPropType,\n\tAriaDescriptionPropType,\n\tButtonTypePropType,\n\tButtonVariantPropType,\n\tClickableElement,\n\tCustomClassPropType,\n\tFocusableElement,\n\tIconsPropType,\n\tInlinePropType,\n\tKolFocusOptions,\n\tLabelWithExpertSlotPropType,\n\tPopoverAlignPropType,\n\tShortKeyPropType,\n\tStencilUnknown,\n\tSyncValueBySelectorPropType,\n\tTooltipAlignPropType,\n} from '../../schema';\nimport type { PopoverButtonProps } from '../../schema/components/popover-button';\nimport { createCtaRef, delegateClick, delegateFocus } from '../../utils/element-interaction';\n\n/**\n * A button that toggles the visibility of a popover overlay containing arbitrary content.\n * The popover uses the native HTML Popover API for lightweight, non-modal overlays.\n *\n * @slot - The popover content (displayed when the button is clicked).\n * @slot expert - Custom label content for the button (when `_label` is `false`).\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 ClickableElement, FocusableElement, PopoverButtonProps {\n\t@Element() protected readonly host?: HTMLKolPopoverButtonElement;\n\tprotected readonly ctaRef = createCtaRef<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.ctaRef.el?.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.ctaRef.el?.showPopover();\n\t}\n\n\t/**\n\t * Clicks the primary interactive element inside this component.\n\t */\n\t@Method()\n\t@delegateClick('ctaRef')\n\tpublic async click(): Promise<void> {}\n\n\t/**\n\t * Sets focus on the internal element.\n\t */\n\t@Method()\n\t@delegateFocus('ctaRef')\n\t// @ts-expect-error: options parameter will be implemented by the decorator.\n\t// eslint-disable-next-line @typescript-eslint/no-unused-vars\n\tpublic async focus(options?: KolFocusOptions): Promise<void> {}\n\n\tpublic render(): JSX.Element {\n\t\treturn (\n\t\t\t<KolPopoverButtonWcTag\n\t\t\t\tref={this.ctaRef}\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,gxVAAgxV;;MCsC3xV,gBAAgB,GAAA,MAAA;AAP7B,IAAA,WAAA,CAAA,OAAA,EAAA;;AASoB,QAAA,IAAM,CAAA,MAAA,GAAG,YAAY,EAAiC;AAkF1D,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;AAhJO,IAAA,MAAM,WAAW,GAAA;;AACvB,QAAA,MAAK,CAAA,EAAA,GAAA,IAAI,CAAC,MAAM,CAAC,EAAE,MAAE,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAA,WAAW,EAAE,CAAA;;AAQ5B,IAAA,MAAM,WAAW,GAAA;;AACvB,QAAA,MAAK,CAAA,EAAA,GAAA,IAAI,CAAC,MAAM,CAAC,EAAE,MAAE,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAA,WAAW,EAAE,CAAA;;IAQ5B,MAAM,KAAK,GAAA;AASX,IAAA,MAAM,KAAK,CAAC,OAAyB;IAErC,MAAM,GAAA;AACZ,QAAA,QACC,CAAC,CAAA,qBAAqB,EACrB,EAAA,GAAA,EAAA,0CAAA,EAAA,GAAG,EAAE,IAAI,CAAC,MAAM,EAChB,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;;;;AAnCb,UAAA,CAAA;IADZ,aAAa,CAAC,QAAQ;CACe,EAAA,gBAAA,CAAA,SAAA,EAAA,OAAA,EAAA,IAAA,CAAA;AASzB,UAAA,CAAA;IAHZ,aAAa,CAAC,QAAQ;CAGwC,EAAA,gBAAA,CAAA,SAAA,EAAA,OAAA,EAAA,IAAA,CAAA;;;;;;;"}

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

@@ -1,5 +1,5 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{r as n,h as e,g as o}from"./index-DqvPZ16l.js";import{_ as t}from"./tslib.es6-QNbPBOk5.js";import{h as i}from"./component-names-Dy77vq43.js";import{a as l,d as a,c as r}from"./element-interaction-C5-6aPzz.js";import"./common-DEEjER7G.js";import"./element-focus-BQXzaLL9.js";const s='@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: white;\n  }\n}\n@layer kol-global {\n  :host {\n    /*\n     * The max-width is needed to prevent the table from overflowing the\n     * parent node, if the table is wider than the parent node.\n     */\n    max-width: 100%;\n    font-size: calc(16 * 1rem / var(--kolibri-root-font-size, 16));\n  }\n  * {\n    /*\n     * We prefer to box-sizing: border-box for all elements.\n     */\n    box-sizing: border-box;\n  }\n  .kol-span {\n    /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\n    display: flex;\n    flex-flow: column;\n    align-items: center;\n    justify-content: center;\n    /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\n  }\n  .kol-span__container {\n    display: flex;\n    align-items: center;\n  }\n  a,\n  button {\n    cursor: pointer;\n  }\n  .kol-span .kol-span__label--hide-label .kol-span__label {\n    display: none;\n  }\n  /* Reset browser agent style. */\n  button:disabled {\n    color: unset;\n  }\n  .disabled label,\n  .disabled:focus-within label,\n  [aria-disabled=true],\n  [aria-disabled=true]:focus,\n  [disabled],\n  [disabled]:focus {\n    outline: none;\n    cursor: not-allowed;\n  }\n  [aria-disabled=true]:focus .kol-span,\n  [disabled]:focus .kol-span {\n    outline: none !important;\n  }\n  .hastooltip {\n    z-index: 900 !important;\n  }\n}\n@font-face {\n  font-family: "kolicons";\n  src: url("kolicons.eot?t=1780919027063"); /* IE9*/\n  src: url("kolicons.eot?t=1780919027063#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1780919027063") format("woff2"), url("kolicons.woff?t=1780919027063") format("woff"), url("kolicons.ttf?t=1780919027063") format("truetype"), url("kolicons.svg?t=1780919027063#kolicons") format("svg"); /* iOS 4.1- */\n}\n@layer kol-component {\n  [class^=kolicon-], [class*=" kolicon-"] {\n    font-family: "kolicons";\n    font-style: normal;\n    font-weight: 400;\n    line-height: 1em;\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: grayscale;\n  }\n  .kolicon-alert-error::before {\n    content: "\\ea01";\n  }\n  .kolicon-alert-info::before {\n    content: "\\ea02";\n  }\n  .kolicon-alert-success::before {\n    content: "\\ea03";\n  }\n  .kolicon-alert-warning::before {\n    content: "\\ea04";\n  }\n  .kolicon-check::before {\n    content: "\\ea05";\n  }\n  .kolicon-chevron-double-left::before {\n    content: "\\ea06";\n  }\n  .kolicon-chevron-double-right::before {\n    content: "\\ea07";\n  }\n  .kolicon-chevron-down::before {\n    content: "\\ea08";\n  }\n  .kolicon-chevron-left::before {\n    content: "\\ea09";\n  }\n  .kolicon-chevron-right::before {\n    content: "\\ea0a";\n  }\n  .kolicon-chevron-up::before {\n    content: "\\ea0b";\n  }\n  .kolicon-cogwheel::before {\n    content: "\\ea0c";\n  }\n  .kolicon-cross::before {\n    content: "\\ea0d";\n  }\n  .kolicon-eye-closed::before {\n    content: "\\ea0e";\n  }\n  .kolicon-eye::before {\n    content: "\\ea0f";\n  }\n  .kolicon-house::before {\n    content: "\\ea10";\n  }\n  .kolicon-kolibri::before {\n    content: "\\ea11";\n  }\n  .kolicon-link-external::before {\n    content: "\\ea12";\n  }\n  .kolicon-link::before {\n    content: "\\ea13";\n  }\n  .kolicon-minus::before {\n    content: "\\ea14";\n  }\n  .kolicon-plus::before {\n    content: "\\ea15";\n  }\n  .kolicon-settings::before {\n    content: "\\ea16";\n  }\n  .kolicon-sort-asc::before {\n    content: "\\ea17";\n  }\n  .kolicon-sort-desc::before {\n    content: "\\ea18";\n  }\n  .kolicon-sort-neutral::before {\n    content: "\\ea19";\n  }\n  .kolicon-up::before {\n    content: "\\ea1a";\n  }\n  .kolicon-version::before {\n    content: "\\ea1b";\n  }\n}\n@layer kol-component {\n  .kol-icon {\n    color: inherit;\n    display: inline-block;\n    font-size: inherit;\n    font-weight: inherit;\n    line-height: inherit;\n  }\n  .kol-tooltip {\n    display: contents;\n  }\n  .kol-tooltip__floating {\n    opacity: 0;\n    display: none;\n    position: fixed;\n    /* Avoid layout interference - see https://floating-ui.com/docs/computePosition */\n    top: 0;\n    left: 0;\n    /* Can be used to specify the tooltip-width from the outside. Unset by default.  */\n    width: var(--kol-tooltip-width, max-content);\n    min-width: calc(8 * 1rem / var(--kolibri-root-font-size, 16));\n    max-width: 90vw;\n    max-height: 90vh;\n    animation-direction: normal;\n    /* Can be used to specify the animation duration from the outside. 250ms by default. */\n    animation-duration: var(--kolibri-tooltip-animation-duration, 250ms);\n    animation-fill-mode: forwards;\n    animation-iteration-count: 1;\n    animation-timing-function: ease-in;\n  }\n  .kol-tooltip__floating.hide {\n    animation-name: hideTooltip;\n  }\n  .kol-tooltip__floating.show {\n    animation-name: showTooltip;\n  }\n  .kol-tooltip__arrow {\n    transform: rotate(45deg);\n    color: black;\n    background-color: white;\n    position: absolute;\n    z-index: 999;\n    width: calc(10 * 1rem / var(--kolibri-root-font-size, 16));\n    height: calc(10 * 1rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-tooltip__content {\n    color: black;\n    background-color: white;\n    position: relative;\n    z-index: 1000;\n  }\n  @keyframes hideTooltip {\n    0% {\n      opacity: 1;\n    }\n    100% {\n      opacity: 0;\n      display: none;\n    }\n  }\n  @keyframes showTooltip {\n    0% {\n      opacity: 0;\n    }\n    100% {\n      opacity: 1;\n    }\n  }\n}\n@layer kol-component {\n  .kol-icon {\n    color: inherit;\n    display: inline-block;\n    font-size: inherit;\n    font-weight: inherit;\n    line-height: inherit;\n  }\n  :host {\n    display: inline-block;\n  }\n  .kol-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 {\n    opacity: 0;\n    transition: 0.2s ease-out opacity;\n  }\n  .kol-popover-button--open + .kol-popover {\n    opacity: 1;\n  }\n  .kol-popover-button--open .kol-button__tooltip {\n    display: none;\n  }\n  .kol-popover-button--inline {\n    display: inline-block;\n  }\n  .kol-popover-button--inline .kol-button {\n    min-width: 0;\n    min-height: 1em;\n  }\n}';const c=class{constructor(e){n(this,e);this.ctaRef=r();this._disabled=false;this._hideLabel=false;this._inline=false;this._popoverAlign="bottom";this._tooltipAlign="top";this._type="button";this._variant="normal"}async hidePopover(){var n;void((n=this.ctaRef.el)===null||n===void 0?void 0:n.hidePopover())}async showPopover(){var n;void((n=this.ctaRef.el)===null||n===void 0?void 0:n.showPopover())}async click(){}async focus(n){}render(){return e(i,{key:"31a6eafd923d75089ccfb44e87945efec18702dd",ref:this.ctaRef,_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:"eea141f244c65bd7cf21a63e8346df619fba2c89",name:"expert",slot:"expert"}),e("slot",{key:"2a4f7297ed377a7a58ce30a3a30806a35761bd71"}))}get host(){return o(this)}};t([l("ctaRef")],c.prototype,"click",null);t([a("ctaRef")],c.prototype,"focus",null);c.style={default:s};export{c as kol_popover_button};
+import{r as n,h as e,g as o}from"./index-CfYfRjdO.js";import{_ as t}from"./tslib.es6-QNbPBOk5.js";import{h as i}from"./component-names-Dy77vq43.js";import{a as l,d as a,c as r}from"./element-interaction-C5-6aPzz.js";import"./common-Cbb6Axov.js";import"./element-focus-BQXzaLL9.js";const s='@charset "UTF-8";\n/*\n* This file defines the layer order for all CSS layers used in KoliBri.\n* The order is important as it determines the cascade priority.\n*\n* Layer order (lowest to highest priority):\n* 1. kol-a11y - Accessibility defaults and requirements\n* 2. kol-global - Global component styles and resets\n* 3. kol-component - Component-specific styles\n* 4. kol-theme-global - Theme-specific global styles\n* 5. kol-theme-component - Theme-specific component styles\n*/\n@layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component;\n/* forward the rem function */\n/*\n * This file contains all rules for accessibility.\n */\n@layer kol-a11y {\n  :host {\n    /*\n     * Minimum size of interactive elements.\n     *\n     * The `max(…, 44px)` floor guarantees the WCAG 2.5.5 (AAA) target size of 44px:\n     * `to-rem(44)` runs the value through a `calc()` rem round-trip which can lose\n     * sub-pixel precision and resolve to e.g. 43.99px depending on the browser\'s\n     * rounding, dropping just below the required minimum.\n     */\n    --a11y-min-size: max(calc(44 * 1rem / var(--kolibri-root-font-size, 16)), 44px);\n    /*\n     * No element should be used without verifying the contrast ratio of its background and font colors.\n     * By initially setting the background color to white and the font color to black,\n     * the contrast ratio is ensured and explicit adjustment is forced.\n     */\n    color: black;\n    background-color: white;\n    /*\n     * Verdana is an accessible font that can be used without requiring additional loading time.\n     */\n    font-family: Verdana;\n    /*\n     * Letter spacing is required for all texts.\n     */\n    letter-spacing: inherit;\n    /*\n     * Word spacing is required for all texts.\n     */\n    word-spacing: inherit;\n    /*\n     * Text should be aligned left by default to provide a predictable starting point.\n     */\n    text-align: left;\n  }\n  * {\n    /*\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\n     */\n    hyphens: auto;\n    /*\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\n     */\n    word-break: break-word;\n  }\n  /*\n   * All interactive elements should have a minimum size of to-rem(44).\n   */\n  /* input:not([type=\'checkbox\'], [type=\'radio\'], [type=\'range\']), */\n  /* option, */\n  /* select, */\n  /* textarea, */\n  button,\n  .kol-input .input {\n    min-width: var(--a11y-min-size);\n    min-height: var(--a11y-min-size);\n  }\n  /*\n   * Some interactive elements should not inherit the font-family and font-size.\n   */\n  a,\n  button,\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6,\n  input,\n  option,\n  select,\n  textarea {\n    /*\n     * All elements should inherit the text color from his parent element.\n     */\n    color: inherit;\n    /*\n     * All elements should inherit the font family from his parent element.\n     */\n    font-family: inherit;\n    /*\n     * All elements should inherit the font size from his parent element.\n     */\n    font-size: inherit;\n    /*\n     * Letter spacing is required for all texts.\n     */\n    letter-spacing: inherit;\n    /*\n     * Word spacing is required for all texts.\n     */\n    word-spacing: inherit;\n  }\n  /**\n  * Sometimes we need the semantic element for accessibility reasons,\n  * but we don\'t want to show it.\n  *\n  * - https://www.a11yproject.com/posts/how-to-hide-content/\n  */\n  .visually-hidden {\n    position: fixed;\n    top: 0;\n    left: 0;\n    width: 1px;\n    height: 1px;\n    overflow: hidden;\n    white-space: nowrap;\n    clip-path: inset(50%);\n  }\n}\n@layer kol-global {\n  /*\n   * Dieses CSS stellt sicher, dass der Standard-Style\n   * von A und Button resettet werden.\n   */\n  :is(a, button) {\n    background-color: transparent;\n    width: 100%;\n    margin: 0;\n    padding: 0;\n    border: none;\n    /* 100% needed for custom width from outside */\n  }\n  /*\n   * Ensure elements with hidden attribute to be actually not visible\n   * @see https://meowni.ca/hidden.is.a.lie.html\n   */\n  [hidden] {\n    display: none !important;\n  }\n  .badge-text-hint {\n    color: black;\n    background-color: white;\n  }\n}\n@layer kol-global {\n  :host {\n    /*\n     * The max-width is needed to prevent the table from overflowing the\n     * parent node, if the table is wider than the parent node.\n     */\n    max-width: 100%;\n    font-size: calc(16 * 1rem / var(--kolibri-root-font-size, 16));\n  }\n  * {\n    /*\n     * We prefer to box-sizing: border-box for all elements.\n     */\n    box-sizing: border-box;\n  }\n  .kol-span {\n    /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\n    display: flex;\n    flex-flow: column;\n    align-items: center;\n    justify-content: center;\n    /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\n  }\n  .kol-span__container {\n    display: flex;\n    align-items: center;\n  }\n  a,\n  button {\n    cursor: pointer;\n  }\n  .kol-span .kol-span__label--hide-label .kol-span__label {\n    display: none;\n  }\n  /* Reset browser agent style. */\n  button:disabled {\n    color: unset;\n  }\n  .disabled label,\n  .disabled:focus-within label,\n  [aria-disabled=true],\n  [aria-disabled=true]:focus,\n  [disabled],\n  [disabled]:focus {\n    outline: none;\n    cursor: not-allowed;\n  }\n  [aria-disabled=true]:focus .kol-span,\n  [disabled]:focus .kol-span {\n    outline: none !important;\n  }\n  .hastooltip {\n    z-index: 900 !important;\n  }\n}\n@font-face {\n  font-family: "kolicons";\n  src: url("kolicons.eot?t=1783496448056"); /* IE9*/\n  src: url("kolicons.eot?t=1783496448056#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1783496448056") format("woff2"), url("kolicons.woff?t=1783496448056") format("woff"), url("kolicons.ttf?t=1783496448056") format("truetype"), url("kolicons.svg?t=1783496448056#kolicons") format("svg"); /* iOS 4.1- */\n}\n@layer kol-component {\n  [class^=kolicon-], [class*=" kolicon-"] {\n    font-family: "kolicons";\n    font-style: normal;\n    font-weight: 400;\n    line-height: 1em;\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: grayscale;\n  }\n  .kolicon-alert-error::before {\n    content: "\\ea01";\n  }\n  .kolicon-alert-info::before {\n    content: "\\ea02";\n  }\n  .kolicon-alert-success::before {\n    content: "\\ea03";\n  }\n  .kolicon-alert-warning::before {\n    content: "\\ea04";\n  }\n  .kolicon-check::before {\n    content: "\\ea05";\n  }\n  .kolicon-chevron-double-left::before {\n    content: "\\ea06";\n  }\n  .kolicon-chevron-double-right::before {\n    content: "\\ea07";\n  }\n  .kolicon-chevron-down::before {\n    content: "\\ea08";\n  }\n  .kolicon-chevron-left::before {\n    content: "\\ea09";\n  }\n  .kolicon-chevron-right::before {\n    content: "\\ea0a";\n  }\n  .kolicon-chevron-up::before {\n    content: "\\ea0b";\n  }\n  .kolicon-cogwheel::before {\n    content: "\\ea0c";\n  }\n  .kolicon-cross::before {\n    content: "\\ea0d";\n  }\n  .kolicon-eye-closed::before {\n    content: "\\ea0e";\n  }\n  .kolicon-eye::before {\n    content: "\\ea0f";\n  }\n  .kolicon-house::before {\n    content: "\\ea10";\n  }\n  .kolicon-kolibri::before {\n    content: "\\ea11";\n  }\n  .kolicon-link-external::before {\n    content: "\\ea12";\n  }\n  .kolicon-link::before {\n    content: "\\ea13";\n  }\n  .kolicon-minus::before {\n    content: "\\ea14";\n  }\n  .kolicon-plus::before {\n    content: "\\ea15";\n  }\n  .kolicon-settings::before {\n    content: "\\ea16";\n  }\n  .kolicon-sort-asc::before {\n    content: "\\ea17";\n  }\n  .kolicon-sort-desc::before {\n    content: "\\ea18";\n  }\n  .kolicon-sort-neutral::before {\n    content: "\\ea19";\n  }\n  .kolicon-up::before {\n    content: "\\ea1a";\n  }\n  .kolicon-version::before {\n    content: "\\ea1b";\n  }\n}\n@layer kol-component {\n  .kol-icon {\n    color: inherit;\n    display: inline-block;\n    font-size: inherit;\n    font-weight: inherit;\n    line-height: inherit;\n  }\n  .kol-tooltip {\n    display: contents;\n  }\n  .kol-tooltip__floating {\n    opacity: 0;\n    display: none;\n    position: fixed;\n    /* Avoid layout interference - see https://floating-ui.com/docs/computePosition */\n    top: 0;\n    left: 0;\n    /* Can be used to specify the tooltip-width from the outside. Unset by default.  */\n    width: var(--kol-tooltip-width, max-content);\n    min-width: calc(8 * 1rem / var(--kolibri-root-font-size, 16));\n    max-width: 90vw;\n    max-height: 90vh;\n    animation-direction: normal;\n    /* Can be used to specify the animation duration from the outside. 250ms by default. */\n    animation-duration: var(--kolibri-tooltip-animation-duration, 250ms);\n    animation-fill-mode: forwards;\n    animation-iteration-count: 1;\n    animation-timing-function: ease-in;\n  }\n  .kol-tooltip__floating.hide {\n    animation-name: hideTooltip;\n  }\n  .kol-tooltip__floating.show {\n    animation-name: showTooltip;\n  }\n  .kol-tooltip__arrow {\n    transform: rotate(45deg);\n    color: black;\n    background-color: white;\n    position: absolute;\n    z-index: 999;\n    width: calc(10 * 1rem / var(--kolibri-root-font-size, 16));\n    height: calc(10 * 1rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-tooltip__content {\n    color: black;\n    background-color: white;\n    position: relative;\n    z-index: 1000;\n  }\n  @keyframes hideTooltip {\n    0% {\n      opacity: 1;\n    }\n    100% {\n      opacity: 0;\n      display: none;\n    }\n  }\n  @keyframes showTooltip {\n    0% {\n      opacity: 0;\n    }\n    100% {\n      opacity: 1;\n    }\n  }\n}\n@layer kol-component {\n  .kol-icon {\n    color: inherit;\n    display: inline-block;\n    font-size: inherit;\n    font-weight: inherit;\n    line-height: inherit;\n  }\n  :host {\n    display: inline-block;\n  }\n  .kol-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 {\n    opacity: 0;\n    transition: 0.2s ease-out opacity;\n  }\n  .kol-popover-button--open + .kol-popover {\n    opacity: 1;\n  }\n  .kol-popover-button--open .kol-button__tooltip {\n    display: none;\n  }\n  .kol-popover-button--inline {\n    display: inline-block;\n  }\n  .kol-popover-button--inline .kol-button {\n    min-width: 0;\n    min-height: 1em;\n  }\n}';const c=class{constructor(e){n(this,e);this.ctaRef=r();this._disabled=false;this._hideLabel=false;this._inline=false;this._popoverAlign="bottom";this._tooltipAlign="top";this._type="button";this._variant="normal"}async hidePopover(){var n;void((n=this.ctaRef.el)===null||n===void 0?void 0:n.hidePopover())}async showPopover(){var n;void((n=this.ctaRef.el)===null||n===void 0?void 0:n.showPopover())}async click(){}async focus(n){}render(){return e(i,{key:"31f3f10dd9eee8e1e3432b78f0fc1474476e8024",ref:this.ctaRef,_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:"dd9f7dddf8364233210c1674b9a64f32cbb50b7b",name:"expert",slot:"expert"}),e("slot",{key:"2e2fe5c0f3d3ec6b370e446dbcad0479d76b244d"}))}get host(){return o(this)}};t([l("ctaRef")],c.prototype,"click",null);t([a("ctaRef")],c.prototype,"focus",null);c.style={default:s};export{c as kol_popover_button};
 //# sourceMappingURL=kol-popover-button.entry.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["registerInstance","h","getElement","__decorate","KolPopoverButtonWcTag","delegateClick","delegateFocus","createCtaRef","defaultStyleCss","KolPopoverButton","constructor","hostRef","this","ctaRef","_disabled","_hideLabel","_inline","_popoverAlign","_tooltipAlign","_type","_variant","hidePopover","_a","el","showPopover","click","focus","options","render","key","ref","_accessKey","_ariaDescription","_customClass","_icons","_label","_name","_shortKey","_syncValueBySelector","_tabIndex","_value","name","slot","host","prototype","style","default"],"sources":["0"],"mappings":";;;YAGcA,OAAkBC,OAAQC,MAAkB,kCAC5CC,MAAkB,sCAClBC,MAA6B,4CAC7BC,OAAoBC,OAAoBC,MAAoB,0CACnE,6BACA,8BAEP,MAAMC,EAAkB,i5UAExB,MAAMC,EAAmB,MACrB,WAAAC,CAAYC,GACRX,EAAiBY,KAAMD,GACvBC,KAAKC,OAASN,IACdK,KAAKE,UAAY,MACjBF,KAAKG,WAAa,MAClBH,KAAKI,QAAU,MACfJ,KAAKK,cAAgB,SACrBL,KAAKM,cAAgB,MACrBN,KAAKO,MAAQ,SACbP,KAAKQ,SAAW,QACpB,CACA,iBAAMC,GACF,IAAIC,QACGA,EAAKV,KAAKC,OAAOU,MAAQ,MAAQD,SAAY,OAAS,EAAIA,EAAGD,cACxE,CACA,iBAAMG,GACF,IAAIF,QACGA,EAAKV,KAAKC,OAAOU,MAAQ,MAAQD,SAAY,OAAS,EAAIA,EAAGE,cACxE,CACA,WAAMC,GAAU,CAChB,WAAMC,CAAMC,GAAW,CACvB,MAAAC,GACI,OAAQ3B,EAAEG,EAAuB,CAAEyB,IAAK,2CAA4CC,IAAKlB,KAAKC,OAAQkB,WAAYnB,KAAKmB,WAAYC,iBAAkBpB,KAAKoB,iBAAkBC,aAAcrB,KAAKqB,aAAcnB,UAAWF,KAAKE,UAAWC,WAAYH,KAAKG,WAAYmB,OAAQtB,KAAKsB,OAAQlB,QAASJ,KAAKI,QAASmB,OAAQvB,KAAKuB,OAAQC,MAAOxB,KAAKwB,MAAOnB,cAAeL,KAAKK,cAAeoB,UAAWzB,KAAKyB,UAAWC,qBAAsB1B,KAAK0B,qBAAsBC,UAAW3B,KAAK2B,UAAWrB,cAAeN,KAAKM,cAAeC,MAAOP,KAAKO,MAAOqB,OAAQ5B,KAAK4B,OAAQpB,SAAUR,KAAKQ,UAAYnB,EAAE,OAAQ,CAAE4B,IAAK,2CAA4CY,KAAM,SAAUC,KAAM,WAAazC,EAAE,OAAQ,CAAE4B,IAAK,6CAC9rB,CACA,QAAIc,GAAS,OAAOzC,EAAWU,KAAO,GAE1CT,EAAW,CACPE,EAAc,WACfI,EAAiBmC,UAAW,QAAS,MACxCzC,EAAW,CACPG,EAAc,WACfG,EAAiBmC,UAAW,QAAS,MACxCnC,EAAiBoC,MAAQ,CACrBC,QAAStC,UAGJC","ignoreList":[]}
+{"version":3,"names":["registerInstance","h","getElement","__decorate","KolPopoverButtonWcTag","delegateClick","delegateFocus","createCtaRef","defaultStyleCss","KolPopoverButton","constructor","hostRef","this","ctaRef","_disabled","_hideLabel","_inline","_popoverAlign","_tooltipAlign","_type","_variant","hidePopover","_a","el","showPopover","click","focus","options","render","key","ref","_accessKey","_ariaDescription","_customClass","_icons","_label","_name","_shortKey","_syncValueBySelector","_tabIndex","_value","name","slot","host","prototype","style","default"],"sources":["0"],"mappings":";;;YAGcA,OAAkBC,OAAQC,MAAkB,kCAC5CC,MAAkB,sCAClBC,MAA6B,4CAC7BC,OAAoBC,OAAoBC,MAAoB,0CACnE,6BACA,8BAEP,MAAMC,EAAkB,msVAExB,MAAMC,EAAmB,MACrB,WAAAC,CAAYC,GACRX,EAAiBY,KAAMD,GACvBC,KAAKC,OAASN,IACdK,KAAKE,UAAY,MACjBF,KAAKG,WAAa,MAClBH,KAAKI,QAAU,MACfJ,KAAKK,cAAgB,SACrBL,KAAKM,cAAgB,MACrBN,KAAKO,MAAQ,SACbP,KAAKQ,SAAW,QACpB,CACA,iBAAMC,GACF,IAAIC,QACGA,EAAKV,KAAKC,OAAOU,MAAQ,MAAQD,SAAY,OAAS,EAAIA,EAAGD,cACxE,CACA,iBAAMG,GACF,IAAIF,QACGA,EAAKV,KAAKC,OAAOU,MAAQ,MAAQD,SAAY,OAAS,EAAIA,EAAGE,cACxE,CACA,WAAMC,GAAU,CAChB,WAAMC,CAAMC,GAAW,CACvB,MAAAC,GACI,OAAQ3B,EAAEG,EAAuB,CAAEyB,IAAK,2CAA4CC,IAAKlB,KAAKC,OAAQkB,WAAYnB,KAAKmB,WAAYC,iBAAkBpB,KAAKoB,iBAAkBC,aAAcrB,KAAKqB,aAAcnB,UAAWF,KAAKE,UAAWC,WAAYH,KAAKG,WAAYmB,OAAQtB,KAAKsB,OAAQlB,QAASJ,KAAKI,QAASmB,OAAQvB,KAAKuB,OAAQC,MAAOxB,KAAKwB,MAAOnB,cAAeL,KAAKK,cAAeoB,UAAWzB,KAAKyB,UAAWC,qBAAsB1B,KAAK0B,qBAAsBC,UAAW3B,KAAK2B,UAAWrB,cAAeN,KAAKM,cAAeC,MAAOP,KAAKO,MAAOqB,OAAQ5B,KAAK4B,OAAQpB,SAAUR,KAAKQ,UAAYnB,EAAE,OAAQ,CAAE4B,IAAK,2CAA4CY,KAAM,SAAUC,KAAM,WAAazC,EAAE,OAAQ,CAAE4B,IAAK,6CAC9rB,CACA,QAAIc,GAAS,OAAOzC,EAAWU,KAAO,GAE1CT,EAAW,CACPE,EAAc,WACfI,EAAiBmC,UAAW,QAAS,MACxCzC,EAAW,CACPG,EAAc,WACfG,EAAiBmC,UAAW,QAAS,MACxCnC,EAAiBoC,MAAQ,CACrBC,QAAStC,UAGJC","ignoreList":[]}