@public-ui/components 3.0.5 → 3.0.6-rc.1

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

@@ -1 +1 @@
-{"version":3,"names":["validateMax","component","value","options","watchNumber","leftDoubleArrowIcon","left","leftSingleArrow","rightSingleArrowIcon","right","rightDoubleArrowIcon","getUserLanguage","userLanguage","navigator","language","normalizedLanguage","includes","toUpperCase","NUMBER_FORMATTER","Intl","NumberFormat","style","minimumFractionDigits","maximumFractionDigits","KolPaginationWc","constructor","hostRef","this","nonce","translatePageFirst","translate","translatePageBack","translatePageNext","translatePageLast","translateEntriesPerSite","translatePage","translatePagination","calcCount","total","pageSize","Math","ceil","getCount","state","_max","_pageSize","_boundaryCount","_hasButtons","_pageSizeOptions","_siblingCount","_tooltipAlign","_label","first","last","next","previous","_on","onClick","_page","event","page","host","dispatchDomEvent","KolEvent","click","onChangePage","timeout","setTimeout","clearTimeout","changePage","onChangePageSize","parseInt","changePageSize","onGoToFirst","onGoToEnd","onGoBackward","onGoForward","beforePageSize","_nextValue","nextState","has","get","pageSizeOptions","Array","isArray","length","find","option","undefined","set","syncPage","count","STATE_CHANGE_EVENT","beforePageSizeOptions","nextValue","push","label","placeholders","entries","render","ellipsis","pageButtons","from","keys","map","index","getSelectedPageButton","getUnselectedPageButton","h","key","class","Host","KolButtonWcTag","exportparts","_customClass","_disabled","_icons","_hideLabel","_a","KolSelectTag","_id","_options","onChange","_value","slot","format","validateBoundaryCount","max","validateCustomClass","validateLabel","_oldValue","initial","removeNavLabel","addNavLabel","validateHasButtons","watchValidator","Set","hooks","beforePatch","parseJson","e","delete","Object","assign","validateOn","validatePage","validatePageSize","validatePageSizeOptions","watchJsonArrayString","validateSiblingCount","validateTooltipAlign","componentWillLoad","disconnectedCallback"],"sources":["src/schema/props/max.ts","src/components/pagination/component.tsx"],"sourcesContent":["import type { Generic } from 'adopted-style-sheets';\n\nimport type { WatchNumberOptions } from '../utils';\nimport { watchNumber } from '../utils';\n\nimport type { RowsPropType } from './rows';\n\n/* types */\nexport type MaxPropType = number;\n\n/**\n * Number of rows of the input element that should be visible at the same time.\n */\nexport type PropMax = {\n\tmax: MaxPropType;\n};\n\n/* validator */\nexport const validateMax = (component: Generic.Element.Component, value?: RowsPropType, options?: WatchNumberOptions): void => {\n\twatchNumber(component, '_max', value, options);\n};\n","import type {\n\tCustomClassPropType,\n\tKoliBriPaginationButtonCallbacks,\n\tLabelPropType,\n\tMaxPropType,\n\tOption,\n\tPaginationAPI,\n\tPaginationHasButton,\n\tPaginationStates,\n\tStringified,\n\tTooltipAlignPropType,\n} from '../../schema';\nimport {\n\tparseJson,\n\tSTATE_CHANGE_EVENT,\n\tvalidateCustomClass,\n\tvalidateLabel,\n\tvalidateMax,\n\tvalidateTooltipAlign,\n\twatchJsonArrayString,\n\twatchNumber,\n\twatchValidator,\n} from '../../schema';\nimport type { JSX } from '@stencil/core';\nimport { Component, Element, h, Host, Prop, State, Watch } from '@stencil/core';\n\nimport { translate } from '../../i18n';\nimport { nonce } from '../../utils/dev.utils';\nimport { addNavLabel, removeNavLabel } from '../../utils/unique-nav-labels';\nimport { KolButtonWcTag, KolSelectTag } from '../../core/component-names';\nimport { dispatchDomEvent, KolEvent } from '../../utils/events';\n\nconst leftDoubleArrowIcon = {\n\tleft: 'codicon codicon-debug-reverse-continue',\n};\nconst leftSingleArrow = {\n\tleft: 'codicon codicon-chevron-left',\n};\nconst rightSingleArrowIcon = {\n\tright: 'codicon codicon-chevron-right',\n};\nconst rightDoubleArrowIcon = {\n\tright: 'codicon codicon-debug-continue',\n};\n\nfunction getUserLanguage(): string {\n\tconst userLanguage = navigator.language || 'de-DE';\n\tconst normalizedLanguage = userLanguage.includes('-') ? userLanguage : `${userLanguage}-${userLanguage.toUpperCase()}`;\n\treturn normalizedLanguage;\n}\nconst userLanguage = getUserLanguage();\nconst NUMBER_FORMATTER = new Intl.NumberFormat(userLanguage, {\n\tstyle: 'decimal',\n\tminimumFractionDigits: 0,\n\tmaximumFractionDigits: 0,\n});\n\n@Component({\n\ttag: 'kol-pagination-wc',\n\tshadow: false,\n})\nexport class KolPaginationWc implements PaginationAPI {\n\t@Element() private readonly host?: HTMLKolTextareaElement;\n\n\tprivate readonly nonce = nonce();\n\tprivate readonly translatePageFirst = translate('kol-page-first');\n\tprivate readonly translatePageBack = translate('kol-page-back');\n\tprivate readonly translatePageNext = translate('kol-page-next');\n\tprivate readonly translatePageLast = translate('kol-page-last');\n\tprivate readonly translateEntriesPerSite = translate('kol-entries-per-site');\n\tprivate readonly translatePage = translate('kol-page');\n\tprivate readonly translatePagination = translate('kol-pagination');\n\n\tprivate readonly calcCount = (total: number, pageSize = 1): number => Math.ceil(total / pageSize);\n\n\tprivate readonly getCount = (): number => this.calcCount(this.state._max, this.state._pageSize);\n\n\tpublic render(): JSX.Element {\n\t\tlet ellipsis = false;\n\t\tconst count = this.getCount();\n\t\tconst pageButtons = Array.from(Array(count).keys())\n\t\t\t.map((index: number) => index + 1)\n\t\t\t.map((page: number) => {\n\t\t\t\tif (\n\t\t\t\t\tpage <= this.state._boundaryCount ||\n\t\t\t\t\tpage > count - this.state._boundaryCount ||\n\t\t\t\t\t(page >= this.state._page - this.state._siblingCount && page <= this.state._page + this.state._siblingCount)\n\t\t\t\t) {\n\t\t\t\t\tellipsis = true;\n\t\t\t\t\tif (this.state._page === page) {\n\t\t\t\t\t\treturn this.getSelectedPageButton(page);\n\t\t\t\t\t} else {\n\t\t\t\t\t\treturn this.getUnselectedPageButton(page);\n\t\t\t\t\t}\n\t\t\t\t} else if (ellipsis === true) {\n\t\t\t\t\tellipsis = false;\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<li key={nonce()}>\n\t\t\t\t\t\t\t<span class=\"kol-pagination__separator\" aria-hidden=\"true\"></span>\n\t\t\t\t\t\t</li>\n\t\t\t\t\t);\n\t\t\t\t} else {\n\t\t\t\t\treturn null;\n\t\t\t\t}\n\t\t\t});\n\n\t\treturn (\n\t\t\t<Host class=\"kol-pagination\">\n\t\t\t\t<nav class=\"kol-pagination__navigation\" aria-label={this.state._label}>\n\t\t\t\t\t<ul class=\"kol-pagination__navigation-list\">\n\t\t\t\t\t\t{this.state._hasButtons.first && (\n\t\t\t\t\t\t\t<li>\n\t\t\t\t\t\t\t\t<KolButtonWcTag\n\t\t\t\t\t\t\t\t\tclass=\"kol-pagination__button kol-pagination__button--first\"\n\t\t\t\t\t\t\t\t\texportparts=\"icon\"\n\t\t\t\t\t\t\t\t\t_customClass={this.state._customClass}\n\t\t\t\t\t\t\t\t\t_disabled={this.state._page <= 1}\n\t\t\t\t\t\t\t\t\t_icons={leftDoubleArrowIcon}\n\t\t\t\t\t\t\t\t\t_hideLabel\n\t\t\t\t\t\t\t\t\t_label={this.translatePageFirst}\n\t\t\t\t\t\t\t\t\t_on={this.onGoToFirst}\n\t\t\t\t\t\t\t\t\t_tooltipAlign={this.state._tooltipAlign}\n\t\t\t\t\t\t\t\t></KolButtonWcTag>\n\t\t\t\t\t\t\t</li>\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t{this.state._hasButtons.previous && (\n\t\t\t\t\t\t\t<li>\n\t\t\t\t\t\t\t\t<KolButtonWcTag\n\t\t\t\t\t\t\t\t\tclass=\"kol-pagination__button kol-pagination__button--previous\"\n\t\t\t\t\t\t\t\t\texportparts=\"icon\"\n\t\t\t\t\t\t\t\t\t_customClass={this.state._customClass}\n\t\t\t\t\t\t\t\t\t_disabled={this.state._page <= 1}\n\t\t\t\t\t\t\t\t\t_icons={leftSingleArrow}\n\t\t\t\t\t\t\t\t\t_hideLabel\n\t\t\t\t\t\t\t\t\t_label={this.translatePageBack}\n\t\t\t\t\t\t\t\t\t_on={this.onGoBackward}\n\t\t\t\t\t\t\t\t\t_tooltipAlign={this.state._tooltipAlign}\n\t\t\t\t\t\t\t\t></KolButtonWcTag>\n\t\t\t\t\t\t\t</li>\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t{pageButtons}\n\t\t\t\t\t\t{this.state._hasButtons.next && (\n\t\t\t\t\t\t\t<li>\n\t\t\t\t\t\t\t\t<KolButtonWcTag\n\t\t\t\t\t\t\t\t\tclass=\"kol-pagination__button kol-pagination__button--next\"\n\t\t\t\t\t\t\t\t\texportparts=\"icon\"\n\t\t\t\t\t\t\t\t\t_customClass={this.state._customClass}\n\t\t\t\t\t\t\t\t\t_disabled={count <= this.state._page}\n\t\t\t\t\t\t\t\t\t_icons={rightSingleArrowIcon}\n\t\t\t\t\t\t\t\t\t_hideLabel\n\t\t\t\t\t\t\t\t\t_label={this.translatePageNext}\n\t\t\t\t\t\t\t\t\t_on={this.onGoForward}\n\t\t\t\t\t\t\t\t\t_tooltipAlign={this.state._tooltipAlign}\n\t\t\t\t\t\t\t\t></KolButtonWcTag>\n\t\t\t\t\t\t\t</li>\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t{this.state._hasButtons.last && (\n\t\t\t\t\t\t\t<li>\n\t\t\t\t\t\t\t\t<KolButtonWcTag\n\t\t\t\t\t\t\t\t\tclass=\"kol-pagination__button kol-pagination__button--last\"\n\t\t\t\t\t\t\t\t\texportparts=\"icon\"\n\t\t\t\t\t\t\t\t\t_customClass={this.state._customClass}\n\t\t\t\t\t\t\t\t\t_disabled={count <= this.state._page}\n\t\t\t\t\t\t\t\t\t_icons={rightDoubleArrowIcon}\n\t\t\t\t\t\t\t\t\t_hideLabel\n\t\t\t\t\t\t\t\t\t_label={this.translatePageLast}\n\t\t\t\t\t\t\t\t\t_on={this.onGoToEnd}\n\t\t\t\t\t\t\t\t\t_tooltipAlign={this.state._tooltipAlign}\n\t\t\t\t\t\t\t\t></KolButtonWcTag>\n\t\t\t\t\t\t\t</li>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</ul>\n\t\t\t\t</nav>\n\t\t\t\t{this.state._pageSizeOptions?.length > 0 && (\n\t\t\t\t\t<KolSelectTag\n\t\t\t\t\t\tclass=\"kol-pagination__page-size-select\"\n\t\t\t\t\t\t_hideLabel\n\t\t\t\t\t\t_id={`pagination-size-${this.nonce}`}\n\t\t\t\t\t\t_label={this.translateEntriesPerSite}\n\t\t\t\t\t\t_options={this.state._pageSizeOptions}\n\t\t\t\t\t\t_on={{\n\t\t\t\t\t\t\tonChange: this.onChangePageSize,\n\t\t\t\t\t\t}}\n\t\t\t\t\t\t_value={this.state._pageSize}\n\t\t\t\t\t></KolSelectTag>\n\t\t\t\t)}\n\t\t\t</Host>\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 number of pages.\n\t */\n\t@Prop() public _max!: MaxPropType;\n\n\t@State() public state: PaginationStates = {\n\t\t_boundaryCount: 1,\n\t\t_label: this.translatePagination,\n\t\t_hasButtons: {\n\t\t\tfirst: true,\n\t\t\tlast: true,\n\t\t\tnext: true,\n\t\t\tprevious: true,\n\t\t},\n\t\t_on: {\n\t\t\tonClick: () => null,\n\t\t},\n\t\t_page: 0,\n\t\t_pageSize: 1,\n\t\t_pageSizeOptions: [],\n\t\t_siblingCount: 1,\n\t\t_max: 0,\n\t};\n\n\tprivate onClick = (event: Event, page: number) => {\n\t\tif (typeof this.state._on.onClick === 'function') {\n\t\t\tthis.state._on.onClick(event, page);\n\t\t}\n\t\tif (this.host) {\n\t\t\tdispatchDomEvent(this.host, KolEvent.click, page);\n\t\t}\n\t\tthis.onChangePage(event, page);\n\t};\n\n\tprivate onChangePage = (event: Event, page: number) => {\n\t\tconst timeout = setTimeout(() => {\n\t\t\tclearTimeout(timeout);\n\t\t\tif (typeof this.state._on.onChangePage === 'function') {\n\t\t\t\tthis.state._on.onChangePage(event, page);\n\t\t\t}\n\t\t\tif (this.host) {\n\t\t\t\tdispatchDomEvent(this.host, KolEvent.changePage, page);\n\t\t\t}\n\t\t});\n\t};\n\n\tprivate onChangePageSize = (event: Event, value: unknown) => {\n\t\tvalue = parseInt(value as string);\n\t\tif (typeof value === 'number' && value > 0 && this._pageSize !== value) {\n\t\t\tthis._pageSize = value;\n\t\t\tconst timeout = setTimeout(() => {\n\t\t\t\tclearTimeout(timeout);\n\t\t\t\tif (typeof this.state._on.onChangePageSize === 'function') {\n\t\t\t\t\tthis.state._on.onChangePageSize(event, this._pageSize);\n\t\t\t\t}\n\t\t\t\tif (this.host) {\n\t\t\t\t\tdispatchDomEvent(this.host, KolEvent.changePageSize, this._pageSize);\n\t\t\t\t}\n\t\t\t});\n\t\t}\n\t};\n\n\tprivate readonly onGoToFirst = {\n\t\tonClick: (event: Event) => {\n\t\t\tthis.onClick(event, 1);\n\t\t},\n\t};\n\tprivate readonly onGoToEnd = {\n\t\tonClick: (event: Event) => {\n\t\t\tthis.onClick(event, this.getCount());\n\t\t},\n\t};\n\tprivate readonly onGoBackward = {\n\t\tonClick: (event: Event) => {\n\t\t\tthis.onClick(event, this.state._page - 1);\n\t\t},\n\t};\n\tprivate readonly onGoForward = {\n\t\tonClick: (event: Event) => {\n\t\t\tthis.onClick(event, this.state._page + 1);\n\t\t},\n\t};\n\n\tprivate getUnselectedPageButton(page: number): JSX.Element {\n\t\treturn (\n\t\t\t<li key={nonce()}>\n\t\t\t\t<KolButtonWcTag\n\t\t\t\t\texportparts=\"icon\"\n\t\t\t\t\t_customClass={this.state._customClass}\n\t\t\t\t\t_label=\"\"\n\t\t\t\t\t_on={{\n\t\t\t\t\t\tonClick: (event: Event) => {\n\t\t\t\t\t\t\tthis.onClick(event, page);\n\t\t\t\t\t\t},\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t<span slot=\"expert\">\n\t\t\t\t\t\t<span class=\"visually-hidden\">{this.translatePage}</span> {NUMBER_FORMATTER.format(page)}\n\t\t\t\t\t</span>\n\t\t\t\t</KolButtonWcTag>\n\t\t\t</li>\n\t\t);\n\t}\n\n\tprivate getSelectedPageButton(page: number): JSX.Element {\n\t\treturn (\n\t\t\t<li key={nonce()}>\n\t\t\t\t<KolButtonWcTag class=\"kol-pagination__button kol-pagination__button--selected\" _customClass={this.state._customClass} _disabled={true} _label=\"\">\n\t\t\t\t\t<span slot=\"expert\">\n\t\t\t\t\t\t<span class=\"visually-hidden\">{this.translatePage}</span> {NUMBER_FORMATTER.format(page)}\n\t\t\t\t\t</span>\n\t\t\t\t</KolButtonWcTag>\n\t\t\t</li>\n\t\t);\n\t}\n\n\t@Watch('_boundaryCount')\n\tpublic validateBoundaryCount(value?: number): void {\n\t\twatchNumber(this, '_boundaryCount', Math.max(0, value ?? 1));\n\t}\n\n\t@Watch('_customClass')\n\tpublic validateCustomClass(value?: CustomClassPropType): void {\n\t\tvalidateCustomClass(this, value);\n\t}\n\n\t@Watch('_label')\n\tpublic validateLabel(label?: LabelPropType, _oldValue?: LabelPropType, initial = false) {\n\t\tif (!initial) {\n\t\t\tremoveNavLabel(this.state._label);\n\t\t}\n\t\tvalidateLabel(this, label);\n\t\taddNavLabel(this.state._label); // add the state instead of prop, because the prop could be invalid and not set as new label\n\t}\n\n\t@Watch('_hasButtons')\n\tpublic validateHasButtons(value?: string | boolean | Stringified<PaginationHasButton>): void {\n\t\twatchValidator(\n\t\t\tthis,\n\t\t\t'_hasButtons',\n\t\t\t(value) => typeof value === 'boolean' || typeof value === 'string' || (typeof value === 'object' && value !== null),\n\t\t\tnew Set(['Boolean', 'PaginationHasButton']),\n\t\t\tvalue,\n\t\t\t{\n\t\t\t\thooks: {\n\t\t\t\t\tbeforePatch: (nextValue: unknown, nextState: Map<string, unknown>) => {\n\t\t\t\t\t\tif (typeof nextValue === 'boolean') {\n\t\t\t\t\t\t\tnextState.set('_hasButtons', {\n\t\t\t\t\t\t\t\tfirst: nextValue,\n\t\t\t\t\t\t\t\tlast: nextValue,\n\t\t\t\t\t\t\t\tnext: nextValue,\n\t\t\t\t\t\t\t\tprevious: nextValue,\n\t\t\t\t\t\t\t});\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\tif (typeof nextValue === 'string') {\n\t\t\t\t\t\t\t\ttry {\n\t\t\t\t\t\t\t\t\tnextValue = parseJson<PaginationHasButton>(nextValue);\n\t\t\t\t\t\t\t\t} catch (e) {\n\t\t\t\t\t\t\t\t\tnextState.delete('_hasButtons');\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\tif (typeof nextValue === 'object' && nextValue !== null) {\n\t\t\t\t\t\t\t\tnextState.set('_hasButtons', {\n\t\t\t\t\t\t\t\t\t...this.state._hasButtons,\n\t\t\t\t\t\t\t\t\tfirst:\n\t\t\t\t\t\t\t\t\t\ttypeof (nextValue as PaginationHasButton).first === 'boolean'\n\t\t\t\t\t\t\t\t\t\t\t? (nextValue as PaginationHasButton).first === true\n\t\t\t\t\t\t\t\t\t\t\t: this.state._hasButtons.first,\n\t\t\t\t\t\t\t\t\tlast:\n\t\t\t\t\t\t\t\t\t\ttypeof (nextValue as PaginationHasButton).last === 'boolean'\n\t\t\t\t\t\t\t\t\t\t\t? (nextValue as PaginationHasButton).last === true\n\t\t\t\t\t\t\t\t\t\t\t: this.state._hasButtons.last,\n\t\t\t\t\t\t\t\t\tnext:\n\t\t\t\t\t\t\t\t\t\ttypeof (nextValue as PaginationHasButton).next === 'boolean'\n\t\t\t\t\t\t\t\t\t\t\t? (nextValue as PaginationHasButton).next === true\n\t\t\t\t\t\t\t\t\t\t\t: this.state._hasButtons.next,\n\t\t\t\t\t\t\t\t\tprevious:\n\t\t\t\t\t\t\t\t\t\ttypeof (nextValue as PaginationHasButton).previous === 'boolean'\n\t\t\t\t\t\t\t\t\t\t\t? (nextValue as PaginationHasButton).previous === true\n\t\t\t\t\t\t\t\t\t\t\t: this.state._hasButtons.previous,\n\t\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t},\n\t\t\t\t},\n\t\t\t},\n\t\t);\n\t}\n\n\t@Watch('_on')\n\tpublic validateOn(value?: KoliBriPaginationButtonCallbacks): void {\n\t\tif (typeof value === 'object' && value !== null) {\n\t\t\tthis.state = {\n\t\t\t\t...this.state,\n\t\t\t\t_on: value,\n\t\t\t};\n\t\t}\n\t}\n\n\t@Watch('_page')\n\tpublic validatePage(value?: number): void {\n\t\twatchNumber(this, '_page', value, {\n\t\t\thooks: {\n\t\t\t\tbeforePatch: (_nextValue: unknown, nextState: Map<string, unknown>) => {\n\t\t\t\t\tconst pageSize = nextState.has('_pageSize') ? (nextState.get('_pageSize') as number) : this.state._pageSize;\n\t\t\t\t\tconst total = nextState.has('_max') ? (nextState.get('_max') as number) : this.state._max;\n\t\t\t\t\tthis.syncPage(nextState, _nextValue as number, pageSize, total);\n\t\t\t\t},\n\t\t\t},\n\t\t});\n\t}\n\n\tprivate beforePageSize = (_nextValue: unknown, nextState: Map<string, unknown>) => {\n\t\tlet pageSize = nextState.has('_pageSize') ? (nextState.get('_pageSize') as number) : this.state._pageSize;\n\t\tconst pageSizeOptions = nextState.has('_pageSizeOptions') ? (nextState.get('_pageSizeOptions') as Option<number>[]) : this.state._pageSizeOptions;\n\t\tif (Array.isArray(pageSizeOptions) && pageSizeOptions.length > 0) {\n\t\t\tconst find = pageSizeOptions.find((option) => option.value === pageSize);\n\t\t\tif (find === undefined) {\n\t\t\t\tpageSize = pageSizeOptions[0].value;\n\t\t\t} else {\n\t\t\t\tpageSize = find.value;\n\t\t\t}\n\t\t\tnextState.set('_pageSize', pageSize);\n\t\t}\n\t\tconst page = nextState.has('_page') ? (nextState.get('_page') as number) : this.state._page;\n\t\tconst total = nextState.has('_max') ? (nextState.get('_max') as number) : this.state._max;\n\t\tthis.syncPage(nextState, page, nextState.get('_pageSize') as number, total);\n\t};\n\n\tprivate syncPage = (nextState: Map<string, unknown>, page: number, pageSize: number, total: number) => {\n\t\t// count === 0 means no data\n\t\tif (total > 0) {\n\t\t\tconst count = this.calcCount(total, pageSize);\n\t\t\tif (count > 0) {\n\t\t\t\tif (page > count) {\n\t\t\t\t\tnextState.set('_page', count);\n\t\t\t\t\tthis.onChangePage(STATE_CHANGE_EVENT, count);\n\t\t\t\t} else if (page < 1) {\n\t\t\t\t\tnextState.set('_page', 1);\n\t\t\t\t\tthis.onChangePage(STATE_CHANGE_EVENT, 1);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t};\n\n\tprivate beforePageSizeOptions = (nextValue: unknown, nextState: Map<string, unknown>) => {\n\t\tconst options: Option<number>[] = [];\n\t\tif (Array.isArray(nextValue)) {\n\t\t\tfor (const value of nextValue) {\n\t\t\t\tif (typeof value === 'number') {\n\t\t\t\t\toptions.push({\n\t\t\t\t\t\tlabel: translate('kol-page-per-site', { placeholders: { entries: `${value}` } }),\n\t\t\t\t\t\tvalue: value,\n\t\t\t\t\t});\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t\tnextState.set('_pageSizeOptions', options);\n\t\tthis.beforePageSize(options, nextState);\n\t};\n\n\t@Watch('_pageSize')\n\tpublic validatePageSize(value?: number): void {\n\t\twatchNumber(this, '_pageSize', value, {\n\t\t\thooks: {\n\t\t\t\tbeforePatch: this.beforePageSize,\n\t\t\t},\n\t\t});\n\t}\n\n\t@Watch('_pageSizeOptions')\n\tpublic validatePageSizeOptions(value?: Stringified<number[]>): void {\n\t\twatchJsonArrayString(this, '_pageSizeOptions', (value) => typeof value === 'number', value, undefined, {\n\t\t\thooks: {\n\t\t\t\tbeforePatch: this.beforePageSizeOptions,\n\t\t\t},\n\t\t});\n\t}\n\n\t@Watch('_siblingCount')\n\tpublic validateSiblingCount(value?: number): void {\n\t\twatchNumber(this, '_siblingCount', Math.max(0, value ?? 1));\n\t}\n\n\t@Watch('_max')\n\tpublic validateMax(value?: MaxPropType): void {\n\t\tvalidateMax(this, value, {\n\t\t\thooks: {\n\t\t\t\tbeforePatch: (_nextValue: unknown, nextState: Map<string, unknown>) => {\n\t\t\t\t\tconst page = nextState.has('_page') ? (nextState.get('_page') as number) : this.state._page;\n\t\t\t\t\tconst pageSize = nextState.has('_pageSize') ? (nextState.get('_pageSize') as number) : this.state._pageSize;\n\t\t\t\t\tthis.syncPage(nextState, page, pageSize, _nextValue as number);\n\t\t\t\t},\n\t\t\t},\n\t\t});\n\t}\n\n\t@Watch('_tooltipAlign')\n\tpublic validateTooltipAlign(value?: TooltipAlignPropType): void {\n\t\tvalidateTooltipAlign(this, value);\n\t}\n\n\tpublic componentWillLoad(): void {\n\t\tthis.validateBoundaryCount(this._boundaryCount);\n\t\tthis.validateCustomClass(this._customClass);\n\t\tthis.validateHasButtons(this._hasButtons);\n\t\tthis.validateLabel(this._label, undefined, true);\n\t\tthis.validateOn(this._on);\n\t\tthis.validatePage(this._page);\n\t\tthis.validatePageSize(this._pageSize);\n\t\tthis.validatePageSizeOptions(this._pageSizeOptions);\n\t\tthis.validateSiblingCount(this._siblingCount);\n\t\tthis.validateTooltipAlign(this._tooltipAlign);\n\t\tthis.validateMax(this._max);\n\n\t\t/**\n\t\t * Die Seite muss als letztes gesetzt werden, da sonst die Seite\n\t\t * nicht korrekt berechnet wird.\n\t\t */\n\t\tthis.validatePage(this._page);\n\t}\n\n\tpublic disconnectedCallback(): void {\n\t\tremoveNavLabel(this.state._label);\n\t}\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["registerInstance","h","Host","getElement","watchNumber","STATE_CHANGE_EVENT","watchValidator","watchJsonArrayString","parseJson","validateCustomClass","validateLabel","validateTooltipAlign","translate","nonce","removeNavLabel","addNavLabel","KolSelectTag","KolButtonWcTag","dispatchDomEvent","KolEvent","validateMax","component","value","options","leftDoubleArrowIcon","left","leftSingleArrow","rightSingleArrowIcon","right","rightDoubleArrowIcon","getUserLanguage","userLanguage","navigator","language","normalizedLanguage","includes","toUpperCase","NUMBER_FORMATTER","Intl","NumberFormat","style","minimumFractionDigits","maximumFractionDigits","KolPaginationWc","constructor","hostRef","this","translatePageFirst","translatePageBack","translatePageNext","translatePageLast","translateEntriesPerSite","translatePage","translatePagination","calcCount","total","pageSize","Math","ceil","getCount","state","_max","_pageSize","_boundaryCount","_hasButtons","_pageSizeOptions","_siblingCount","_tooltipAlign","_label","first","last","next","previous","_on","onClick","_page","event","page","host","click","onChangePage","timeout","setTimeout","clearTimeout","changePage","onChangePageSize","parseInt","changePageSize","onGoToFirst","onGoToEnd","onGoBackward","onGoForward","beforePageSize","_nextValue","nextState","has","get","pageSizeOptions","Array","isArray","length","find","option","undefined","set","syncPage","count","beforePageSizeOptions","nextValue","push","label","placeholders","entries","render","_a","ellipsis","pageButtons","from","keys","map","index","getSelectedPageButton","getUnselectedPageButton","key","class","exportparts","_customClass","_disabled","_icons","_hideLabel","_id","_options","onChange","_value","slot","format","validateBoundaryCount","max","_oldValue","initial","validateHasButtons","Set","hooks","beforePatch","e","delete","Object","assign","validateOn","validatePage","validatePageSize","validatePageSizeOptions","validateSiblingCount","componentWillLoad","disconnectedCallback","watchers"],"sources":["0"],"mappings":"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","ignoreList":[]}

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 '../../styles/global' as *;\n@use '../tooltip/style.scss' as *;\n@use '../@shared/kol-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 number of pages.\n\t */\n\t@Prop() public _max!: MaxPropType;\n}\n"],"names":[],"mappings":";;;;;;;AAAA,MAAM,eAAe,GAAG,g7MAAg7M;;MCuB37M,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 '../../styles/global' as *;\n@use '../tooltip/style.scss' as *;\n@use '../@shared/kol-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 number of pages.\n\t */\n\t@Prop() public _max!: MaxPropType;\n}\n"],"names":[],"mappings":";;;;;;;AAAA,MAAM,eAAe,GAAG,k7MAAk7M;;MCuB77M,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,4 +1,4 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{r as n,h as e}from"./index-DDeBcUIu.js";import{i as t}from"./component-names-CkE54Ym7.js";import"./common-zXZUsQ7l.js";const i="@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(44rem / 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  * {\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 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: absolute;\n    width: 1px;\n    height: 1px;\n    overflow: hidden;\n    white-space: nowrap;\n    clip-path: inset(50%);\n  }\n}\n@layer kol-global {\n  /*\n   * Dieses CSS stellt sicher, dass der Standard-Style\n   * von A und Button resettet werden.\n   */\n  :is(a, button) {\n    background-color: transparent;\n    width: 100%;\n    margin: 0;\n    padding: 0;\n    border: none;\n    /* 100% needed for custom width from outside */\n  }\n  /*\n   * Ensure elements with hidden attribute to be actually not visible\n   * @see https://meowni.ca/hidden.is.a.lie.html\n   */\n  [hidden] {\n    display: none !important;\n  }\n  .badge-text-hint {\n    color: black;\n    background-color: lightgray;\n  }\n}\n@layer kol-global {\n  :host {\n    /*\n     * The max-width is needed to prevent the table from overflowing the\n     * parent node, if the table is wider than the parent node.\n     */\n    max-width: 100%;\n    font-size: calc(16rem / 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: grid;\n    place-items: 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    place-items: center;\n  }\n  a,\n  button {\n    cursor: pointer;\n  }\n  .kol-span .kol-span__label--hide-label .kol-span__label {\n    display: none;\n  }\n  /* Reset browser agent style. */\n  button:disabled {\n    color: unset;\n  }\n  .disabled label,\n  .disabled:focus-within label,\n  [aria-disabled=true],\n  [aria-disabled=true]:focus,\n  [disabled],\n  [disabled]:focus {\n    opacity: 0.5;\n    outline: none;\n    cursor: not-allowed;\n  }\n  [aria-disabled=true]:focus .kol-span,\n  [disabled]:focus .kol-span {\n    outline: none !important;\n  }\n}\n@layer kol-component {\n  @keyframes fadeInOpacity {\n    0% {\n      opacity: 0;\n    }\n    100% {\n      opacity: 1;\n    }\n  }\n  .kol-tooltip {\n    display: contents;\n    contain: layout;\n  }\n  .kol-tooltip__floating {\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);\n    max-width: 90vw;\n    max-height: 90vh;\n    visibility: hidden;\n    animation-duration: 0.25s;\n    animation-iteration-count: 1;\n    animation-name: fadeInOpacity;\n    animation-timing-function: ease-in;\n  }\n  .kol-tooltip__arrow {\n    transform: rotate(45deg);\n    color: #000;\n    background-color: #fff;\n    position: absolute;\n    z-index: 999;\n    width: calc(10rem / var(--kolibri-root-font-size, 16));\n    height: calc(10rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-tooltip__content {\n    color: #000;\n    background-color: #fff;\n    position: relative;\n    z-index: 1000;\n  }\n}\n@layer kol-component {\n  .kol-pagination {\n    display: grid;\n    gap: calc(16rem / var(--kolibri-root-font-size, 16));\n    align-items: center;\n    grid-template-columns: 1fr auto;\n  }\n  .kol-pagination__navigation-list {\n    display: inline-flex;\n    margin: 0;\n    padding: 0;\n    gap: 0.5em;\n    flex-wrap: wrap;\n    align-items: center;\n    list-style: none;\n  }\n  .kol-pagination__separator:before {\n    content: \"•••\";\n  }\n}",o=class{constructor(e){n(this,e),this._boundaryCount=1,this._hasButtons=!0,this._pageSize=1,this._pageSizeOptions=[],this._siblingCount=1,this._tooltipAlign="top"}render(){return e(t,{key:"14b17e953d67caaa9892271b9c19d40044558418",_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})}};o.style={default:i};export{o as kol_pagination};
+import{r as n,h as e}from"./index-DOWoBMgb.js";import{i as t}from"./component-names-CkE54Ym7.js";import"./common-8fBdMvJM.js";const i="@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(44rem / 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  * {\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 font family from his parent element.\n     */\n    font-family: inherit;\n    /*\n     * All elements should inherit the font size from his parent element.\n     */\n    font-size: inherit;\n    /*\n     * Letter spacing is required for all texts.\n     */\n    letter-spacing: inherit;\n    /*\n     * Word spacing is required for all texts.\n     */\n    word-spacing: inherit;\n  }\n  /**\n  * Sometimes we need the semantic element for accessibility reasons,\n  * but we don't want to show it.\n  *\n  * - https://www.a11yproject.com/posts/how-to-hide-content/\n  */\n  .visually-hidden {\n    position: fixed;\n    top: 0;\n    left: 0;\n    width: 1px;\n    height: 1px;\n    overflow: hidden;\n    white-space: nowrap;\n    clip-path: inset(50%);\n  }\n}\n@layer kol-global {\n  /*\n   * Dieses CSS stellt sicher, dass der Standard-Style\n   * von A und Button resettet werden.\n   */\n  :is(a, button) {\n    background-color: transparent;\n    width: 100%;\n    margin: 0;\n    padding: 0;\n    border: none;\n    /* 100% needed for custom width from outside */\n  }\n  /*\n   * Ensure elements with hidden attribute to be actually not visible\n   * @see https://meowni.ca/hidden.is.a.lie.html\n   */\n  [hidden] {\n    display: none !important;\n  }\n  .badge-text-hint {\n    color: black;\n    background-color: lightgray;\n  }\n}\n@layer kol-global {\n  :host {\n    /*\n     * The max-width is needed to prevent the table from overflowing the\n     * parent node, if the table is wider than the parent node.\n     */\n    max-width: 100%;\n    font-size: calc(16rem / 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: grid;\n    place-items: 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    place-items: center;\n  }\n  a,\n  button {\n    cursor: pointer;\n  }\n  .kol-span .kol-span__label--hide-label .kol-span__label {\n    display: none;\n  }\n  /* Reset browser agent style. */\n  button:disabled {\n    color: unset;\n  }\n  .disabled label,\n  .disabled:focus-within label,\n  [aria-disabled=true],\n  [aria-disabled=true]:focus,\n  [disabled],\n  [disabled]:focus {\n    opacity: 0.5;\n    outline: none;\n    cursor: not-allowed;\n  }\n  [aria-disabled=true]:focus .kol-span,\n  [disabled]:focus .kol-span {\n    outline: none !important;\n  }\n}\n@layer kol-component {\n  @keyframes fadeInOpacity {\n    0% {\n      opacity: 0;\n    }\n    100% {\n      opacity: 1;\n    }\n  }\n  .kol-tooltip {\n    display: contents;\n  }\n  .kol-tooltip__floating {\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);\n    max-width: 90vw;\n    max-height: 90vh;\n    visibility: hidden;\n    animation-duration: 0.25s;\n    animation-iteration-count: 1;\n    animation-name: fadeInOpacity;\n    animation-timing-function: ease-in;\n  }\n  .kol-tooltip__arrow {\n    transform: rotate(45deg);\n    color: #000;\n    background-color: #fff;\n    position: absolute;\n    z-index: 999;\n    width: calc(10rem / var(--kolibri-root-font-size, 16));\n    height: calc(10rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-tooltip__content {\n    color: #000;\n    background-color: #fff;\n    position: relative;\n    z-index: 1000;\n  }\n}\n@layer kol-component {\n  .kol-pagination {\n    display: grid;\n    gap: calc(16rem / var(--kolibri-root-font-size, 16));\n    align-items: center;\n    grid-template-columns: 1fr auto;\n  }\n  .kol-pagination__navigation-list {\n    display: inline-flex;\n    margin: 0;\n    padding: 0;\n    gap: 0.5em;\n    flex-wrap: wrap;\n    align-items: center;\n    list-style: none;\n  }\n  .kol-pagination__separator:before {\n    content: \"•••\";\n  }\n}",o=class{constructor(e){n(this,e),this._boundaryCount=1,this._hasButtons=!0,this._pageSize=1,this._pageSizeOptions=[],this._siblingCount=1,this._tooltipAlign="top"}render(){return e(t,{key:"14b17e953d67caaa9892271b9c19d40044558418",_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})}};o.style={default:i};export{o as kol_pagination};

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

@@ -1 +1 @@
-{"version":3,"names":["defaultStyleCss","KolPagination","constructor","hostRef","this","_boundaryCount","_hasButtons","_pageSize","_pageSizeOptions","_siblingCount","_tooltipAlign","render","h","KolPaginationWcTag","key","_label","_customClass","_on","_page","_max"],"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 '../../styles/global' as *;\n@use '../tooltip/style.scss' as *;\n@use '../@shared/kol-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 number of pages.\n\t */\n\t@Prop() public _max!: MaxPropType;\n}\n"],"mappings":";;;8HAAA,MAAMA,EAAkB,i7M,MCuBXC,EAAa,MAP1B,WAAAC,CAAAC,G,UA6BgBC,KAAcC,eAAY,EAe1BD,KAAWE,YAAgD,KAU1BF,KAASG,UAAG,EAK7CH,KAAgBI,iBAA0B,GAU1CJ,KAAaK,cAAY,EAKzBL,KAAaM,cAA0B,KAMtD,CAxEO,MAAAC,GACN,OACCC,EAACC,EAAkB,CAAAC,IAAA,2CAClBT,eAAgBD,KAAKC,eACrBU,OAAQX,KAAKW,OACbC,aAAcZ,KAAKY,aACnBC,IAAKb,KAAKa,IACVX,YAAaF,KAAKE,YAClBY,MAAOd,KAAKc,MACZX,UAAWH,KAAKG,UAChBC,iBAAkBJ,KAAKI,iBACvBC,cAAeL,KAAKK,cACpBC,cAAeN,KAAKM,cACpBS,KAAMf,KAAKe,M","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,m7MAExB,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/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 { JSX } from '@stencil/core';\nimport { Component, h, Method, Prop, State, Watch } from '@stencil/core';\nimport { autoUpdate } from '@floating-ui/dom';\nimport { KolButtonWcTag } from '../../core/component-names';\nimport { alignFloatingElements } from '../../utils/align-floating-elements';\nimport type { PopoverButtonProps, PopoverButtonStates } from '../../schema/components/popover-button';\nimport type {\n\tAccessKeyPropType,\n\tAlternativeButtonLinkRolePropType,\n\tAriaDescriptionPropType,\n\tButtonCallbacksPropType,\n\tButtonTypePropType,\n\tButtonVariantPropType,\n\tCustomClassPropType,\n\tIconsPropType,\n\tLabelWithExpertSlotPropType,\n\tPopoverAlignPropType,\n\tShortKeyPropType,\n\tStencilUnknown,\n\tSyncValueBySelectorPropType,\n\tTooltipAlignPropType,\n} from '../../schema';\nimport { validatePopoverAlign } from '../../schema';\n\n/**\n * @slot - The popover content.\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 KolPopoverButton implements PopoverButtonProps {\n\tprivate refButton?: HTMLKolButtonWcElement;\n\tprivate refPopover?: HTMLDivElement;\n\tprivate cleanupAutoPositioning?: () => void;\n\n\t@State() public state: PopoverButtonStates = {\n\t\t_label: '',\n\t\t_popoverAlign: 'bottom',\n\t};\n\t@State() private justClosed = false;\n\t@State() private popoverOpen = false;\n\n\t/**\n\t * Hides the popover programmatically by calling the native hidePopover method.\n\t */\n\t@Method()\n\t// eslint-disable-next-line @typescript-eslint/require-await\n\tpublic async hidePopover() {\n\t\tvoid this.refPopover?.hidePopover();\n\t}\n\n\t/* Regarding type issue see https://github.com/microsoft/TypeScript/issues/54864 */\n\tprivate handleBeforeToggle(event: Event) {\n\t\tif ((event as ToggleEvent).newState === 'closed') {\n\t\t\tthis.justClosed = true;\n\n\t\t\tsetTimeout(() => {\n\t\t\t\t// Reset the flag after the event loop tick.\n\t\t\t\tthis.justClosed = false;\n\t\t\t}, 10); // timeout of 0 should be sufficient but doesn't work in Safari Mobile (needs further investigation).\n\t\t} else {\n\t\t\tif (this.refPopover) {\n\t\t\t\t/**\n\t\t\t\t * Avoid \"flicker\" by hiding the element until the position is set in the `toggle` event handler. `alignFloatingElements` is responsible for setting the visibility back to 'visible'.\n\t\t\t\t */\n\t\t\t\tthis.refPopover.style.visibility = 'hidden';\n\t\t\t}\n\n\t\t\tvoid this.refButton?.hideTooltip();\n\t\t}\n\t}\n\n\tprivate alignPopover() {\n\t\tif (this.refPopover && this.refButton) {\n\t\t\tvoid alignFloatingElements({\n\t\t\t\talign: this.state._popoverAlign,\n\t\t\t\tfloatingElement: this.refPopover,\n\t\t\t\treferenceElement: this.refButton,\n\t\t\t});\n\t\t}\n\t}\n\n\tprivate handleToggle(event: Event) {\n\t\tthis.popoverOpen = (event as ToggleEvent).newState === 'open';\n\n\t\tif (this.popoverOpen) {\n\t\t\tif (this.refPopover && this.refButton) {\n\t\t\t\tthis.cleanupAutoPositioning = autoUpdate(this.refButton, this.refPopover, () => {\n\t\t\t\t\tthis.alignPopover();\n\t\t\t\t});\n\t\t\t}\n\t\t} else if (this.cleanupAutoPositioning) {\n\t\t\tthis.cleanupAutoPositioning();\n\t\t\tthis.cleanupAutoPositioning = undefined;\n\t\t}\n\t}\n\n\tprivate handleButtonClick() {\n\t\t// If the popover was just closed by native behavior, do nothing (and let it stay closed).\n\t\tif (!this.justClosed) {\n\t\t\tthis.refPopover?.togglePopover();\n\t\t}\n\t}\n\n\tpublic componentDidRender() {\n\t\tthis.refPopover?.addEventListener('toggle', this.handleToggle.bind(this));\n\t\tthis.refPopover?.addEventListener('beforetoggle', this.handleBeforeToggle.bind(this));\n\t}\n\n\tpublic disconnectedCallback() {\n\t\tthis.refPopover?.removeEventListener('toggle', this.handleToggle.bind(this));\n\t\tthis.refPopover?.removeEventListener('beforetoggle', this.handleBeforeToggle.bind(this));\n\t\tthis.cleanupAutoPositioning?.();\n\t}\n\n\tpublic render(): JSX.Element {\n\t\treturn (\n\t\t\t<div class=\"kol-popover-button\">\n\t\t\t\t<KolButtonWcTag\n\t\t\t\t\t_accessKey={this._accessKey}\n\t\t\t\t\t_aria-controls=\"popover\"\n\t\t\t\t\t_ariaControls={this._ariaControls}\n\t\t\t\t\t_ariaDescription={this._ariaDescription}\n\t\t\t\t\t_ariaExpanded={this.popoverOpen}\n\t\t\t\t\t_ariaHasPopup={'dialog'}\n\t\t\t\t\t_ariaSelected={this._ariaSelected}\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_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_role={this._role}\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_buttonVariant={this._variant}\n\t\t\t\t\tdata-testid=\"popover-button\"\n\t\t\t\t\tclass=\"kol-popover-button__button\"\n\t\t\t\t\tref={(element) => (this.refButton = element)}\n\t\t\t\t\tonClick={this.handleButtonClick.bind(this)}\n\t\t\t\t>\n\t\t\t\t\t<slot name=\"expert\" slot=\"expert\"></slot>\n\t\t\t\t</KolButtonWcTag>\n\n\t\t\t\t<div ref={(element) => (this.refPopover = element)} data-testid=\"popover-content\" popover=\"auto\" id=\"popover\" class=\"kol-popover-button__popover\">\n\t\t\t\t\t<slot />\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t);\n\t}\n\n\t/**\n\t * Defines which key combination can be used to trigger or focus the interactive element of the component.\n\t */\n\t@Prop() public _accessKey?: AccessKeyPropType;\n\n\t/**\n\t * Defines which elements are controlled by this component. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-controls)\n\t */\n\t@Prop() public _ariaControls?: string;\n\n\t/**\n\t * Defines the value for the aria-description attribute.\n\t */\n\t@Prop() public _ariaDescription?: AriaDescriptionPropType;\n\n\t/**\n\t * Defines whether the interactive element of the component is selected (e.g. role=tab). (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-selected)\n\t */\n\t@Prop() public _ariaSelected?: boolean;\n\n\t/**\n\t * Defines the custom class attribute if _variant=\"custom\" is set.\n\t */\n\t@Prop() public _customClass?: CustomClassPropType;\n\n\t/**\n\t * Makes the element not focusable and ignore all events.\n\t */\n\t@Prop() public _disabled?: boolean = false;\n\n\t/**\n\t * Hides the caption by default and displays the caption text with a tooltip when the\n\t * interactive element is focused or the mouse is over it.\n\t * @TODO: Change type back to `HideLabelPropType` after Stencil#4663 has been resolved.\n\t */\n\t@Prop() public _hideLabel?: boolean = false;\n\n\t/**\n\t * Defines the icon classnames (e.g. `_icons=\"fa-solid fa-user\"`).\n\t */\n\t@Prop() public _icons?: IconsPropType;\n\n\t/**\n\t * Defines the internal ID of the primary component element.\n\t */\n\t@Prop() public _id?: string;\n\n\t/**\n\t * Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.). 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 the callback functions for button events.\n\t */\n\t@Prop() public _on?: ButtonCallbacksPropType<StencilUnknown>;\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 * Defines the role of the components primary element.\n\t */\n\t@Prop() public _role?: AlternativeButtonLinkRolePropType;\n\n\t/**\n\t * Adds a visual short key hint to the component.\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 that the button emits on click.\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('_popoverAlign')\n\tpublic validatePopoverAlign(value?: PopoverAlignPropType): void {\n\t\tvalidatePopoverAlign(this, value);\n\t}\n\n\tpublic componentWillLoad() {\n\t\tthis.validatePopoverAlign(this._popoverAlign);\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/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 { JSX } from '@stencil/core';\nimport { Component, h, Method, Prop, State, Watch } from '@stencil/core';\nimport { autoUpdate } from '@floating-ui/dom';\nimport { KolButtonWcTag } from '../../core/component-names';\nimport { alignFloatingElements } from '../../utils/align-floating-elements';\nimport type { PopoverButtonProps, PopoverButtonStates } from '../../schema/components/popover-button';\nimport type {\n\tAccessKeyPropType,\n\tAlternativeButtonLinkRolePropType,\n\tAriaDescriptionPropType,\n\tButtonCallbacksPropType,\n\tButtonTypePropType,\n\tButtonVariantPropType,\n\tCustomClassPropType,\n\tIconsPropType,\n\tLabelWithExpertSlotPropType,\n\tPopoverAlignPropType,\n\tShortKeyPropType,\n\tStencilUnknown,\n\tSyncValueBySelectorPropType,\n\tTooltipAlignPropType,\n} from '../../schema';\nimport { validatePopoverAlign } from '../../schema';\n\n/**\n * @slot - The popover content.\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 KolPopoverButton implements PopoverButtonProps {\n\tprivate refButton?: HTMLKolButtonWcElement;\n\tprivate refPopover?: HTMLDivElement;\n\tprivate cleanupAutoPositioning?: () => void;\n\n\t@State() public state: PopoverButtonStates = {\n\t\t_label: '',\n\t\t_popoverAlign: 'bottom',\n\t};\n\t@State() private justClosed = false;\n\t@State() private popoverOpen = false;\n\n\t/**\n\t * Hides the popover programmatically by calling the native hidePopover method.\n\t */\n\t@Method()\n\t// eslint-disable-next-line @typescript-eslint/require-await\n\tpublic async hidePopover() {\n\t\tvoid this.refPopover?.hidePopover();\n\t}\n\n\t/* Regarding type issue see https://github.com/microsoft/TypeScript/issues/54864 */\n\tprivate handleBeforeToggle(event: Event) {\n\t\tif ((event as ToggleEvent).newState === 'closed') {\n\t\t\tthis.justClosed = true;\n\n\t\t\tsetTimeout(() => {\n\t\t\t\t// Reset the flag after the event loop tick.\n\t\t\t\tthis.justClosed = false;\n\t\t\t}, 10); // timeout of 0 should be sufficient but doesn't work in Safari Mobile (needs further investigation).\n\t\t} else {\n\t\t\tif (this.refPopover) {\n\t\t\t\t/**\n\t\t\t\t * Avoid \"flicker\" by hiding the element until the position is set in the `toggle` event handler. `alignFloatingElements` is responsible for setting the visibility back to 'visible'.\n\t\t\t\t */\n\t\t\t\tthis.refPopover.style.visibility = 'hidden';\n\t\t\t}\n\n\t\t\tvoid this.refButton?.hideTooltip();\n\t\t}\n\t}\n\n\tprivate alignPopover() {\n\t\tif (this.refPopover && this.refButton) {\n\t\t\tvoid alignFloatingElements({\n\t\t\t\talign: this.state._popoverAlign,\n\t\t\t\tfloatingElement: this.refPopover,\n\t\t\t\treferenceElement: this.refButton,\n\t\t\t});\n\t\t}\n\t}\n\n\tprivate handleToggle(event: Event) {\n\t\tthis.popoverOpen = (event as ToggleEvent).newState === 'open';\n\n\t\tif (this.popoverOpen) {\n\t\t\tif (this.refPopover && this.refButton) {\n\t\t\t\tthis.cleanupAutoPositioning = autoUpdate(this.refButton, this.refPopover, () => {\n\t\t\t\t\tthis.alignPopover();\n\t\t\t\t});\n\t\t\t}\n\t\t} else if (this.cleanupAutoPositioning) {\n\t\t\tthis.cleanupAutoPositioning();\n\t\t\tthis.cleanupAutoPositioning = undefined;\n\t\t}\n\t}\n\n\tprivate handleButtonClick() {\n\t\t// If the popover was just closed by native behavior, do nothing (and let it stay closed).\n\t\tif (!this.justClosed) {\n\t\t\tthis.refPopover?.togglePopover();\n\t\t}\n\t}\n\n\tpublic componentDidRender() {\n\t\tthis.refPopover?.addEventListener('toggle', this.handleToggle.bind(this));\n\t\tthis.refPopover?.addEventListener('beforetoggle', this.handleBeforeToggle.bind(this));\n\t}\n\n\tpublic disconnectedCallback() {\n\t\tthis.refPopover?.removeEventListener('toggle', this.handleToggle.bind(this));\n\t\tthis.refPopover?.removeEventListener('beforetoggle', this.handleBeforeToggle.bind(this));\n\t\tthis.cleanupAutoPositioning?.();\n\t}\n\n\tpublic render(): JSX.Element {\n\t\treturn (\n\t\t\t<div class=\"kol-popover-button\">\n\t\t\t\t<KolButtonWcTag\n\t\t\t\t\t_accessKey={this._accessKey}\n\t\t\t\t\t_aria-controls=\"popover\"\n\t\t\t\t\t_ariaControls={this._ariaControls}\n\t\t\t\t\t_ariaDescription={this._ariaDescription}\n\t\t\t\t\t_ariaExpanded={this.popoverOpen}\n\t\t\t\t\t_ariaHasPopup={'dialog'}\n\t\t\t\t\t_ariaSelected={this._ariaSelected}\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_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_role={this._role}\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_buttonVariant={this._variant}\n\t\t\t\t\tdata-testid=\"popover-button\"\n\t\t\t\t\tclass=\"kol-popover-button__button\"\n\t\t\t\t\tref={(element) => (this.refButton = element)}\n\t\t\t\t\tonClick={this.handleButtonClick.bind(this)}\n\t\t\t\t>\n\t\t\t\t\t<slot name=\"expert\" slot=\"expert\"></slot>\n\t\t\t\t</KolButtonWcTag>\n\n\t\t\t\t<div ref={(element) => (this.refPopover = element)} data-testid=\"popover-content\" popover=\"auto\" id=\"popover\" class=\"kol-popover-button__popover\">\n\t\t\t\t\t<slot />\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t);\n\t}\n\n\t/**\n\t * Defines which key combination can be used to trigger or focus the interactive element of the component.\n\t */\n\t@Prop() public _accessKey?: AccessKeyPropType;\n\n\t/**\n\t * Defines which elements are controlled by this component. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-controls)\n\t */\n\t@Prop() public _ariaControls?: string;\n\n\t/**\n\t * Defines the value for the aria-description attribute.\n\t */\n\t@Prop() public _ariaDescription?: AriaDescriptionPropType;\n\n\t/**\n\t * Defines whether the interactive element of the component is selected (e.g. role=tab). (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-selected)\n\t */\n\t@Prop() public _ariaSelected?: boolean;\n\n\t/**\n\t * Defines the custom class attribute if _variant=\"custom\" is set.\n\t */\n\t@Prop() public _customClass?: CustomClassPropType;\n\n\t/**\n\t * Makes the element not focusable and ignore all events.\n\t */\n\t@Prop() public _disabled?: boolean = false;\n\n\t/**\n\t * Hides the caption by default and displays the caption text with a tooltip when the\n\t * interactive element is focused or the mouse is over it.\n\t * @TODO: Change type back to `HideLabelPropType` after Stencil#4663 has been resolved.\n\t */\n\t@Prop() public _hideLabel?: boolean = false;\n\n\t/**\n\t * Defines the icon classnames (e.g. `_icons=\"fa-solid fa-user\"`).\n\t */\n\t@Prop() public _icons?: IconsPropType;\n\n\t/**\n\t * Defines the internal ID of the primary component element.\n\t * @internal\n\t */\n\t@Prop() public _id?: string;\n\n\t/**\n\t * Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.). 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 the callback functions for button events.\n\t */\n\t@Prop() public _on?: ButtonCallbacksPropType<StencilUnknown>;\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 * Defines the role of the components primary element.\n\t */\n\t@Prop() public _role?: AlternativeButtonLinkRolePropType;\n\n\t/**\n\t * Adds a visual short key hint to the component.\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 that the button emits on click.\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('_popoverAlign')\n\tpublic validatePopoverAlign(value?: PopoverAlignPropType): void {\n\t\tvalidatePopoverAlign(this, value);\n\t}\n\n\tpublic componentWillLoad() {\n\t\tthis.validatePopoverAlign(this._popoverAlign);\n\t}\n}\n"],"names":[],"mappings":"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"}

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

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{r as t,h as i}from"./index-DDeBcUIu.js";import{a as s,b as o}from"./align-floating-elements-CB8sErUz.js";import{d as e}from"./component-names-CkE54Ym7.js";import"./common-zXZUsQ7l.js";import{a}from"./align-BU6S1qiO.js";const l=(e,t)=>{a(e,"_popoverAlign",t)},h=class{constructor(e){t(this,e),this.state={_label:"",_popoverAlign:"bottom"},this.justClosed=!1,this.popoverOpen=!1,this._disabled=!1,this._hideLabel=!1,this._popoverAlign="bottom",this._tooltipAlign="top",this._type="button",this._variant="normal"}async hidePopover(){var e;null===(e=this.refPopover)||void 0===e||e.hidePopover()}handleBeforeToggle(e){var t;"closed"===e.newState?(this.justClosed=!0,setTimeout(()=>{this.justClosed=!1},10)):(this.refPopover&&(this.refPopover.style.visibility="hidden"),null===(t=this.refButton)||void 0===t||t.hideTooltip())}alignPopover(){this.refPopover&&this.refButton&&s({align:this.state._popoverAlign,floatingElement:this.refPopover,referenceElement:this.refButton})}handleToggle(e){this.popoverOpen="open"===e.newState,this.popoverOpen?this.refPopover&&this.refButton&&(this.cleanupAutoPositioning=o(this.refButton,this.refPopover,()=>{this.alignPopover()})):this.cleanupAutoPositioning&&(this.cleanupAutoPositioning(),this.cleanupAutoPositioning=void 0)}handleButtonClick(){var e;this.justClosed||null===(e=this.refPopover)||void 0===e||e.togglePopover()}componentDidRender(){var e,t;null===(e=this.refPopover)||void 0===e||e.addEventListener("toggle",this.handleToggle.bind(this)),null===(t=this.refPopover)||void 0===t||t.addEventListener("beforetoggle",this.handleBeforeToggle.bind(this))}disconnectedCallback(){var e,t,o;null===(e=this.refPopover)||void 0===e||e.removeEventListener("toggle",this.handleToggle.bind(this)),null===(t=this.refPopover)||void 0===t||t.removeEventListener("beforetoggle",this.handleBeforeToggle.bind(this)),null===(o=this.cleanupAutoPositioning)||void 0===o||o.call(this)}render(){return i("div",{key:"ed9bd3791a41c429effa8bba1fd4f835b26e7417",class:"kol-popover-button"},i(e,{key:"43ae7fc22399fd5d6aa526eb9c9402e877a71f3e",_accessKey:this._accessKey,"_aria-controls":"popover",_ariaControls:this._ariaControls,_ariaDescription:this._ariaDescription,_ariaExpanded:this.popoverOpen,_ariaHasPopup:"dialog",_ariaSelected:this._ariaSelected,_customClass:this._customClass,_disabled:this._disabled,_hideLabel:this._hideLabel,_icons:this._icons,_id:this._id,_label:this._label,_name:this._name,_on:this._on,_role:this._role,_shortKey:this._shortKey,_syncValueBySelector:this._syncValueBySelector,_tabIndex:this._tabIndex,_tooltipAlign:this._tooltipAlign,_type:this._type,_value:this._value,_buttonVariant:this._variant,"data-testid":"popover-button",class:"kol-popover-button__button",ref:e=>this.refButton=e,onClick:this.handleButtonClick.bind(this)},i("slot",{key:"4e312ac4d1c7e5695d78cd48feba9b3738a540a6",name:"expert",slot:"expert"})),i("div",{key:"c5dccff4d149aa043963ed1c81ba0f2391526a18",ref:e=>this.refPopover=e,"data-testid":"popover-content",popover:"auto",id:"popover",class:"kol-popover-button__popover"},i("slot",{key:"36f4ed8c4df5e3c80d6706ea3bdc440c77b987fc"})))}validatePopoverAlign(e){l(this,e)}componentWillLoad(){this.validatePopoverAlign(this._popoverAlign)}static get watchers(){return{_popoverAlign:["validatePopoverAlign"]}}};export{h as kol_popover_button_wc};
+import{r as t,h as i}from"./index-DOWoBMgb.js";import{a as o,b as s}from"./align-floating-elements-Bx4ukVlr.js";import{d as e}from"./component-names-CkE54Ym7.js";import"./common-8fBdMvJM.js";import{a}from"./align-CyK0wp7d.js";const l=(e,t)=>{a(e,"_popoverAlign",t)},h=class{constructor(e){t(this,e),this.state={_label:"",_popoverAlign:"bottom"},this.justClosed=!1,this.popoverOpen=!1,this._disabled=!1,this._hideLabel=!1,this._popoverAlign="bottom",this._tooltipAlign="top",this._type="button",this._variant="normal"}async hidePopover(){var e;null===(e=this.refPopover)||void 0===e||e.hidePopover()}handleBeforeToggle(e){var t;"closed"===e.newState?(this.justClosed=!0,setTimeout(()=>{this.justClosed=!1},10)):(this.refPopover&&(this.refPopover.style.visibility="hidden"),null===(t=this.refButton)||void 0===t||t.hideTooltip())}alignPopover(){this.refPopover&&this.refButton&&o({align:this.state._popoverAlign,floatingElement:this.refPopover,referenceElement:this.refButton})}handleToggle(e){this.popoverOpen="open"===e.newState,this.popoverOpen?this.refPopover&&this.refButton&&(this.cleanupAutoPositioning=s(this.refButton,this.refPopover,()=>{this.alignPopover()})):this.cleanupAutoPositioning&&(this.cleanupAutoPositioning(),this.cleanupAutoPositioning=void 0)}handleButtonClick(){var e;this.justClosed||null===(e=this.refPopover)||void 0===e||e.togglePopover()}componentDidRender(){var e,t;null===(e=this.refPopover)||void 0===e||e.addEventListener("toggle",this.handleToggle.bind(this)),null===(t=this.refPopover)||void 0===t||t.addEventListener("beforetoggle",this.handleBeforeToggle.bind(this))}disconnectedCallback(){var e,t,o;null===(e=this.refPopover)||void 0===e||e.removeEventListener("toggle",this.handleToggle.bind(this)),null===(t=this.refPopover)||void 0===t||t.removeEventListener("beforetoggle",this.handleBeforeToggle.bind(this)),null===(o=this.cleanupAutoPositioning)||void 0===o||o.call(this)}render(){return i("div",{key:"ed9bd3791a41c429effa8bba1fd4f835b26e7417",class:"kol-popover-button"},i(e,{key:"43ae7fc22399fd5d6aa526eb9c9402e877a71f3e",_accessKey:this._accessKey,"_aria-controls":"popover",_ariaControls:this._ariaControls,_ariaDescription:this._ariaDescription,_ariaExpanded:this.popoverOpen,_ariaHasPopup:"dialog",_ariaSelected:this._ariaSelected,_customClass:this._customClass,_disabled:this._disabled,_hideLabel:this._hideLabel,_icons:this._icons,_id:this._id,_label:this._label,_name:this._name,_on:this._on,_role:this._role,_shortKey:this._shortKey,_syncValueBySelector:this._syncValueBySelector,_tabIndex:this._tabIndex,_tooltipAlign:this._tooltipAlign,_type:this._type,_value:this._value,_buttonVariant:this._variant,"data-testid":"popover-button",class:"kol-popover-button__button",ref:e=>this.refButton=e,onClick:this.handleButtonClick.bind(this)},i("slot",{key:"4e312ac4d1c7e5695d78cd48feba9b3738a540a6",name:"expert",slot:"expert"})),i("div",{key:"c5dccff4d149aa043963ed1c81ba0f2391526a18",ref:e=>this.refPopover=e,"data-testid":"popover-content",popover:"auto",id:"popover",class:"kol-popover-button__popover"},i("slot",{key:"36f4ed8c4df5e3c80d6706ea3bdc440c77b987fc"})))}validatePopoverAlign(e){l(this,e)}componentWillLoad(){this.validatePopoverAlign(this._popoverAlign)}static get watchers(){return{_popoverAlign:["validatePopoverAlign"]}}};export{h as kol_popover_button_wc};

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

@@ -1 +1 @@
-{"version":3,"names":["validatePopoverAlign","component","value","validateAlignment","KolPopoverButton","constructor","hostRef","this","state","_label","_popoverAlign","justClosed","popoverOpen","_disabled","_hideLabel","_tooltipAlign","_type","_variant","hidePopover","_a","refPopover","handleBeforeToggle","event","newState","setTimeout","style","visibility","refButton","hideTooltip","alignPopover","alignFloatingElements","align","floatingElement","referenceElement","handleToggle","cleanupAutoPositioning","autoUpdate","undefined","handleButtonClick","togglePopover","componentDidRender","addEventListener","bind","_b","disconnectedCallback","removeEventListener","_c","call","render","h","key","class","KolButtonWcTag","_accessKey","_ariaControls","_ariaDescription","_ariaExpanded","_ariaHasPopup","_ariaSelected","_customClass","_icons","_id","_name","_on","_role","_shortKey","_syncValueBySelector","_tabIndex","_value","_buttonVariant","ref","element","onClick","name","slot","popover","id","componentWillLoad"],"sources":["src/schema/props/popover-align.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 { JSX } from '@stencil/core';\nimport { Component, h, Method, Prop, State, Watch } from '@stencil/core';\nimport { autoUpdate } from '@floating-ui/dom';\nimport { KolButtonWcTag } from '../../core/component-names';\nimport { alignFloatingElements } from '../../utils/align-floating-elements';\nimport type { PopoverButtonProps, PopoverButtonStates } from '../../schema/components/popover-button';\nimport type {\n\tAccessKeyPropType,\n\tAlternativeButtonLinkRolePropType,\n\tAriaDescriptionPropType,\n\tButtonCallbacksPropType,\n\tButtonTypePropType,\n\tButtonVariantPropType,\n\tCustomClassPropType,\n\tIconsPropType,\n\tLabelWithExpertSlotPropType,\n\tPopoverAlignPropType,\n\tShortKeyPropType,\n\tStencilUnknown,\n\tSyncValueBySelectorPropType,\n\tTooltipAlignPropType,\n} from '../../schema';\nimport { validatePopoverAlign } from '../../schema';\n\n/**\n * @slot - The popover content.\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 KolPopoverButton implements PopoverButtonProps {\n\tprivate refButton?: HTMLKolButtonWcElement;\n\tprivate refPopover?: HTMLDivElement;\n\tprivate cleanupAutoPositioning?: () => void;\n\n\t@State() public state: PopoverButtonStates = {\n\t\t_label: '',\n\t\t_popoverAlign: 'bottom',\n\t};\n\t@State() private justClosed = false;\n\t@State() private popoverOpen = false;\n\n\t/**\n\t * Hides the popover programmatically by calling the native hidePopover method.\n\t */\n\t@Method()\n\t// eslint-disable-next-line @typescript-eslint/require-await\n\tpublic async hidePopover() {\n\t\tvoid this.refPopover?.hidePopover();\n\t}\n\n\t/* Regarding type issue see https://github.com/microsoft/TypeScript/issues/54864 */\n\tprivate handleBeforeToggle(event: Event) {\n\t\tif ((event as ToggleEvent).newState === 'closed') {\n\t\t\tthis.justClosed = true;\n\n\t\t\tsetTimeout(() => {\n\t\t\t\t// Reset the flag after the event loop tick.\n\t\t\t\tthis.justClosed = false;\n\t\t\t}, 10); // timeout of 0 should be sufficient but doesn't work in Safari Mobile (needs further investigation).\n\t\t} else {\n\t\t\tif (this.refPopover) {\n\t\t\t\t/**\n\t\t\t\t * Avoid \"flicker\" by hiding the element until the position is set in the `toggle` event handler. `alignFloatingElements` is responsible for setting the visibility back to 'visible'.\n\t\t\t\t */\n\t\t\t\tthis.refPopover.style.visibility = 'hidden';\n\t\t\t}\n\n\t\t\tvoid this.refButton?.hideTooltip();\n\t\t}\n\t}\n\n\tprivate alignPopover() {\n\t\tif (this.refPopover && this.refButton) {\n\t\t\tvoid alignFloatingElements({\n\t\t\t\talign: this.state._popoverAlign,\n\t\t\t\tfloatingElement: this.refPopover,\n\t\t\t\treferenceElement: this.refButton,\n\t\t\t});\n\t\t}\n\t}\n\n\tprivate handleToggle(event: Event) {\n\t\tthis.popoverOpen = (event as ToggleEvent).newState === 'open';\n\n\t\tif (this.popoverOpen) {\n\t\t\tif (this.refPopover && this.refButton) {\n\t\t\t\tthis.cleanupAutoPositioning = autoUpdate(this.refButton, this.refPopover, () => {\n\t\t\t\t\tthis.alignPopover();\n\t\t\t\t});\n\t\t\t}\n\t\t} else if (this.cleanupAutoPositioning) {\n\t\t\tthis.cleanupAutoPositioning();\n\t\t\tthis.cleanupAutoPositioning = undefined;\n\t\t}\n\t}\n\n\tprivate handleButtonClick() {\n\t\t// If the popover was just closed by native behavior, do nothing (and let it stay closed).\n\t\tif (!this.justClosed) {\n\t\t\tthis.refPopover?.togglePopover();\n\t\t}\n\t}\n\n\tpublic componentDidRender() {\n\t\tthis.refPopover?.addEventListener('toggle', this.handleToggle.bind(this));\n\t\tthis.refPopover?.addEventListener('beforetoggle', this.handleBeforeToggle.bind(this));\n\t}\n\n\tpublic disconnectedCallback() {\n\t\tthis.refPopover?.removeEventListener('toggle', this.handleToggle.bind(this));\n\t\tthis.refPopover?.removeEventListener('beforetoggle', this.handleBeforeToggle.bind(this));\n\t\tthis.cleanupAutoPositioning?.();\n\t}\n\n\tpublic render(): JSX.Element {\n\t\treturn (\n\t\t\t<div class=\"kol-popover-button\">\n\t\t\t\t<KolButtonWcTag\n\t\t\t\t\t_accessKey={this._accessKey}\n\t\t\t\t\t_aria-controls=\"popover\"\n\t\t\t\t\t_ariaControls={this._ariaControls}\n\t\t\t\t\t_ariaDescription={this._ariaDescription}\n\t\t\t\t\t_ariaExpanded={this.popoverOpen}\n\t\t\t\t\t_ariaHasPopup={'dialog'}\n\t\t\t\t\t_ariaSelected={this._ariaSelected}\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_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_role={this._role}\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_buttonVariant={this._variant}\n\t\t\t\t\tdata-testid=\"popover-button\"\n\t\t\t\t\tclass=\"kol-popover-button__button\"\n\t\t\t\t\tref={(element) => (this.refButton = element)}\n\t\t\t\t\tonClick={this.handleButtonClick.bind(this)}\n\t\t\t\t>\n\t\t\t\t\t<slot name=\"expert\" slot=\"expert\"></slot>\n\t\t\t\t</KolButtonWcTag>\n\n\t\t\t\t<div ref={(element) => (this.refPopover = element)} data-testid=\"popover-content\" popover=\"auto\" id=\"popover\" class=\"kol-popover-button__popover\">\n\t\t\t\t\t<slot />\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t);\n\t}\n\n\t/**\n\t * Defines which key combination can be used to trigger or focus the interactive element of the component.\n\t */\n\t@Prop() public _accessKey?: AccessKeyPropType;\n\n\t/**\n\t * Defines which elements are controlled by this component. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-controls)\n\t */\n\t@Prop() public _ariaControls?: string;\n\n\t/**\n\t * Defines the value for the aria-description attribute.\n\t */\n\t@Prop() public _ariaDescription?: AriaDescriptionPropType;\n\n\t/**\n\t * Defines whether the interactive element of the component is selected (e.g. role=tab). (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-selected)\n\t */\n\t@Prop() public _ariaSelected?: boolean;\n\n\t/**\n\t * Defines the custom class attribute if _variant=\"custom\" is set.\n\t */\n\t@Prop() public _customClass?: CustomClassPropType;\n\n\t/**\n\t * Makes the element not focusable and ignore all events.\n\t */\n\t@Prop() public _disabled?: boolean = false;\n\n\t/**\n\t * Hides the caption by default and displays the caption text with a tooltip when the\n\t * interactive element is focused or the mouse is over it.\n\t * @TODO: Change type back to `HideLabelPropType` after Stencil#4663 has been resolved.\n\t */\n\t@Prop() public _hideLabel?: boolean = false;\n\n\t/**\n\t * Defines the icon classnames (e.g. `_icons=\"fa-solid fa-user\"`).\n\t */\n\t@Prop() public _icons?: IconsPropType;\n\n\t/**\n\t * Defines the internal ID of the primary component element.\n\t */\n\t@Prop() public _id?: string;\n\n\t/**\n\t * Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.). 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 the callback functions for button events.\n\t */\n\t@Prop() public _on?: ButtonCallbacksPropType<StencilUnknown>;\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 * Defines the role of the components primary element.\n\t */\n\t@Prop() public _role?: AlternativeButtonLinkRolePropType;\n\n\t/**\n\t * Adds a visual short key hint to the component.\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 that the button emits on click.\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('_popoverAlign')\n\tpublic validatePopoverAlign(value?: PopoverAlignPropType): void {\n\t\tvalidatePopoverAlign(this, value);\n\t}\n\n\tpublic componentWillLoad() {\n\t\tthis.validatePopoverAlign(this._popoverAlign);\n\t}\n}\n"],"mappings":";;;kOAiBO,MAAMA,EAAuB,CAACC,EAAsCC,KAC1EC,EAAkBF,EAAW,gBAAiBC,EAAM,E,MCcxCE,EAAgB,MAL7B,WAAAC,CAAAC,G,UAUiBC,KAAAC,MAA6B,CAC5CC,OAAQ,GACRC,cAAe,UAECH,KAAUI,WAAG,MACbJ,KAAWK,YAAG,MAiJhBL,KAASM,UAAa,MAOtBN,KAAUO,WAAa,MA8BvBP,KAAaG,cAA0B,SA0BvCH,KAAaQ,cAA0B,MAKvCR,KAAKS,MAAwB,SAU7BT,KAAQU,SAA2B,QAUlD,CAlOO,iBAAMC,G,YACPC,EAAAZ,KAAKa,cAAY,MAAAD,SAAA,SAAAA,EAAAD,c,CAIf,kBAAAG,CAAmBC,G,MAC1B,GAAKA,EAAsBC,WAAa,SAAU,CACjDhB,KAAKI,WAAa,KAElBa,YAAW,KAEVjB,KAAKI,WAAa,KAAK,GACrB,G,KACG,CACN,GAAIJ,KAAKa,WAAY,CAIpBb,KAAKa,WAAWK,MAAMC,WAAa,Q,OAG/BP,EAAAZ,KAAKoB,aAAW,MAAAR,SAAA,SAAAA,EAAAS,c,EAIf,YAAAC,GACP,GAAItB,KAAKa,YAAcb,KAAKoB,UAAW,MACjCG,EAAsB,CAC1BC,MAAOxB,KAAKC,MAAME,cAClBsB,gBAAiBzB,KAAKa,WACtBa,iBAAkB1B,KAAKoB,W,EAKlB,YAAAO,CAAaZ,GACpBf,KAAKK,YAAeU,EAAsBC,WAAa,OAEvD,GAAIhB,KAAKK,YAAa,CACrB,GAAIL,KAAKa,YAAcb,KAAKoB,UAAW,CACtCpB,KAAK4B,uBAAyBC,EAAW7B,KAAKoB,UAAWpB,KAAKa,YAAY,KACzEb,KAAKsB,cAAc,G,OAGf,GAAItB,KAAK4B,uBAAwB,CACvC5B,KAAK4B,yBACL5B,KAAK4B,uBAAyBE,S,EAIxB,iBAAAC,G,MAEP,IAAK/B,KAAKI,WAAY,EACrBQ,EAAAZ,KAAKa,cAAY,MAAAD,SAAA,SAAAA,EAAAoB,e,EAIZ,kBAAAC,G,SACNrB,EAAAZ,KAAKa,cAAY,MAAAD,SAAA,SAAAA,EAAAsB,iBAAiB,SAAUlC,KAAK2B,aAAaQ,KAAKnC,QACnEoC,EAAApC,KAAKa,cAAY,MAAAuB,SAAA,SAAAA,EAAAF,iBAAiB,eAAgBlC,KAAKc,mBAAmBqB,KAAKnC,M,CAGzE,oBAAAqC,G,WACNzB,EAAAZ,KAAKa,cAAY,MAAAD,SAAA,SAAAA,EAAA0B,oBAAoB,SAAUtC,KAAK2B,aAAaQ,KAAKnC,QACtEoC,EAAApC,KAAKa,cAAY,MAAAuB,SAAA,SAAAA,EAAAE,oBAAoB,eAAgBtC,KAAKc,mBAAmBqB,KAAKnC,QAClFuC,EAAAvC,KAAK4B,0BAAsB,MAAAW,SAAA,SAAAA,EAAAC,KAAAxC,K,CAGrB,MAAAyC,GACN,OACCC,EAAA,OAAAC,IAAA,2CAAKC,MAAM,sBACVF,EAACG,EACA,CAAAF,IAAA,2CAAAG,WAAY9C,KAAK8C,WAAU,iBACZ,UACfC,cAAe/C,KAAK+C,cACpBC,iBAAkBhD,KAAKgD,iBACvBC,cAAejD,KAAKK,YACpB6C,cAAe,SACfC,cAAenD,KAAKmD,cACpBC,aAAcpD,KAAKoD,aACnB9C,UAAWN,KAAKM,UAChBC,WAAYP,KAAKO,WACjB8C,OAAQrD,KAAKqD,OACbC,IAAKtD,KAAKsD,IACVpD,OAAQF,KAAKE,OACbqD,MAAOvD,KAAKuD,MACZC,IAAKxD,KAAKwD,IACVC,MAAOzD,KAAKyD,MACZC,UAAW1D,KAAK0D,UAChBC,qBAAsB3D,KAAK2D,qBAC3BC,UAAW5D,KAAK4D,UAChBpD,cAAeR,KAAKQ,cACpBC,MAAOT,KAAKS,MACZoD,OAAQ7D,KAAK6D,OACbC,eAAgB9D,KAAKU,SAAQ,cACjB,iBACZkC,MAAM,6BACNmB,IAAMC,GAAahE,KAAKoB,UAAY4C,EACpCC,QAASjE,KAAK+B,kBAAkBI,KAAKnC,OAErC0C,EAAM,QAAAC,IAAA,2CAAAuB,KAAK,SAASC,KAAK,YAG1BzB,EAAK,OAAAC,IAAA,2CAAAoB,IAAMC,GAAahE,KAAKa,WAAamD,EAAQ,cAAc,kBAAkBI,QAAQ,OAAOC,GAAG,UAAUzB,MAAM,+BACnHF,EAAQ,QAAAC,IAAA,8C,CAmHL,oBAAAlD,CAAqBE,GAC3BF,EAAqBO,KAAML,E,CAGrB,iBAAA2E,GACNtE,KAAKP,qBAAqBO,KAAKG,c","ignoreList":[]}
+{"version":3,"names":["registerInstance","h","alignFloatingElements","autoUpdate","KolButtonWcTag","validateAlignment","validatePopoverAlign","component","value","KolPopoverButton","constructor","hostRef","this","state","_label","_popoverAlign","justClosed","popoverOpen","_disabled","_hideLabel","_tooltipAlign","_type","_variant","hidePopover","_a","refPopover","handleBeforeToggle","event","newState","setTimeout","style","visibility","refButton","hideTooltip","alignPopover","align","floatingElement","referenceElement","handleToggle","cleanupAutoPositioning","undefined","handleButtonClick","togglePopover","componentDidRender","_b","addEventListener","bind","disconnectedCallback","_c","removeEventListener","call","render","key","class","_accessKey","_ariaControls","_ariaDescription","_ariaExpanded","_ariaHasPopup","_ariaSelected","_customClass","_icons","_id","_name","_on","_role","_shortKey","_syncValueBySelector","_tabIndex","_value","_buttonVariant","ref","element","onClick","name","slot","popover","id","componentWillLoad","watchers"],"sources":["0"],"mappings":"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","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"file":"kol-popover-button.entry.esm.js","sources":["src/components/popover-button/style.scss?tag=kol-popover-button&mode=default&encapsulation=shadow","src/components/popover-button/shadow.tsx"],"sourcesContent":["@use '../../styles/global' as *;\n@use '../@shared/kol-button-mixin' as *;\n@use '../@shared/kol-popover-button-mixin' as *;\n@use '../tooltip/style' as *;\n\n@layer kol-component {\n\t@include kol-button-styles('kol-button');\n\t@include kol-popover-button-styles;\n}\n","import type { JSX } from '@stencil/core';\nimport { Component, h, Method, Prop } from '@stencil/core';\nimport { KolPopoverButtonWcTag } from '../../core/component-names';\nimport type { PopoverButtonProps } from '../../schema/components/popover-button';\nimport type {\n\tAccessKeyPropType,\n\tAlternativeButtonLinkRolePropType,\n\tAriaDescriptionPropType,\n\tButtonCallbacksPropType,\n\tButtonTypePropType,\n\tButtonVariantPropType,\n\tCustomClassPropType,\n\tIconsPropType,\n\tLabelWithExpertSlotPropType,\n\tPopoverAlignPropType,\n\tShortKeyPropType,\n\tStencilUnknown,\n\tSyncValueBySelectorPropType,\n\tTooltipAlignPropType,\n} from '../../schema';\n\n/**\n * @slot - The popover content.\n */\n@Component({\n\ttag: 'kol-popover-button',\n\tstyleUrls: {\n\t\tdefault: './style.scss',\n\t},\n\tshadow: true,\n})\nexport class KolPopoverButton implements PopoverButtonProps {\n\tprivate ref?: HTMLKolPopoverButtonWcElement;\n\n\t/**\n\t * Hides the popover programmatically by forwarding the call to the web component.\n\t */\n\t@Method()\n\t// eslint-disable-next-line @typescript-eslint/require-await\n\tpublic async hidePopover() {\n\t\tvoid this.ref?.hidePopover();\n\t}\n\n\tprivate catchRef = (ref?: HTMLKolPopoverButtonWcElement) => {\n\t\tthis.ref = ref;\n\t};\n\n\tpublic render(): JSX.Element {\n\t\treturn (\n\t\t\t<KolPopoverButtonWcTag\n\t\t\t\tref={this.catchRef}\n\t\t\t\t_accessKey={this._accessKey}\n\t\t\t\t_ariaControls={this._ariaControls}\n\t\t\t\t_ariaDescription={this._ariaDescription}\n\t\t\t\t_ariaSelected={this._ariaSelected}\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_id={this._id}\n\t\t\t\t_label={this._label}\n\t\t\t\t_name={this._name}\n\t\t\t\t_on={this._on}\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 which key combination can be used to trigger or focus the interactive element of the component.\n\t */\n\t@Prop() public _accessKey?: AccessKeyPropType;\n\n\t/**\n\t * Defines which elements are controlled by this component. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-controls)\n\t */\n\t@Prop() public _ariaControls?: string;\n\n\t/**\n\t * Defines the value for the aria-description attribute.\n\t */\n\t@Prop() public _ariaDescription?: AriaDescriptionPropType;\n\n\t/**\n\t * Defines whether the interactive element of the component is selected (e.g. role=tab). (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-selected)\n\t */\n\t@Prop() public _ariaSelected?: boolean;\n\n\t/**\n\t * Defines the custom class attribute if _variant=\"custom\" is set.\n\t */\n\t@Prop() public _customClass?: CustomClassPropType;\n\n\t/**\n\t * Makes the element not focusable and ignore all events.\n\t */\n\t@Prop() public _disabled?: boolean = false;\n\n\t/**\n\t * Hides the caption by default and displays the caption text with a tooltip when the\n\t * interactive element is focused or the mouse is over it.\n\t * @TODO: Change type back to `HideLabelPropType` after Stencil#4663 has been resolved.\n\t */\n\t@Prop() public _hideLabel?: boolean = false;\n\n\t/**\n\t * Defines the icon classnames (e.g. `_icons=\"fa-solid fa-user\"`).\n\t */\n\t@Prop() public _icons?: IconsPropType;\n\n\t/**\n\t * Defines the internal ID of the primary component element.\n\t */\n\t@Prop() public _id?: string;\n\n\t/**\n\t * Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.). 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 the callback functions for button events.\n\t */\n\t@Prop() public _on?: ButtonCallbacksPropType<StencilUnknown>;\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 * Defines the role of the components primary element.\n\t *\n\t * @deprecated We prefer the semantic role of the HTML element and do not allow for customization. We will remove this prop in the future.\n\t */\n\t@Prop() public _role?: AlternativeButtonLinkRolePropType;\n\n\t/**\n\t * Adds a visual short key hint to the component.\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 that the button emits on click.\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,6lNAA6lN;;MC+BxmN,gBAAgB,GAAA,MAAA;AAP7B,IAAA,WAAA,CAAA,OAAA,EAAA;;AAmBS,QAAA,IAAA,CAAA,QAAQ,GAAG,CAAC,GAAmC,KAAI;AAC1D,YAAA,IAAI,CAAC,GAAG,GAAG,GAAG;AACf,SAAC;AA6Dc,QAAA,IAAS,CAAA,SAAA,GAAa,KAAK;AAO3B,QAAA,IAAU,CAAA,UAAA,GAAa,KAAK;AA8B5B,QAAA,IAAa,CAAA,aAAA,GAA0B,QAAQ;AA4B/C,QAAA,IAAa,CAAA,aAAA,GAA0B,KAAK;AAK5C,QAAA,IAAK,CAAA,KAAA,GAAwB,QAAQ;AAUrC,QAAA,IAAQ,CAAA,QAAA,GAA2B,QAAQ;AAC1D;AApJO,IAAA,MAAM,WAAW,GAAA;;AACvB,QAAA,MAAK,MAAA,IAAI,CAAC,GAAG,MAAE,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAA,WAAW,EAAE,CAAA;;IAOtB,MAAM,GAAA;AACZ,QAAA,QACC,CAAA,CAAC,qBAAqB,EAAA,EAAA,GAAA,EAAA,0CAAA,EACrB,GAAG,EAAE,IAAI,CAAC,QAAQ,EAClB,UAAU,EAAE,IAAI,CAAC,UAAU,EAC3B,aAAa,EAAE,IAAI,CAAC,aAAa,EACjC,gBAAgB,EAAE,IAAI,CAAC,gBAAgB,EACvC,aAAa,EAAE,IAAI,CAAC,aAAa,EACjC,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,GAAG,EAAE,IAAI,CAAC,GAAG,EACb,MAAM,EAAE,IAAI,CAAC,MAAM,EACnB,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,GAAG,EAAE,IAAI,CAAC,GAAG,EACb,aAAa,EAAE,IAAI,CAAC,aAAa,EACjC,SAAS,EAAE,IAAI,CAAC,SAAS,EACzB,oBAAoB,EAAE,IAAI,CAAC,oBAAoB,EAC/C,SAAS,EAAE,IAAI,CAAC,SAAS,EACzB,aAAa,EAAE,IAAI,CAAC,aAAa,EACjC,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,MAAM,EAAE,IAAI,CAAC,MAAM,EACnB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAA,EAEvB,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,IAAI,EAAC,QAAQ,EAAC,IAAI,EAAC,QAAQ,EAAQ,CAAA,EACzC,CAAQ,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACe;;;;;;;;;"}
+{"version":3,"file":"kol-popover-button.entry.esm.js","sources":["src/components/popover-button/style.scss?tag=kol-popover-button&mode=default&encapsulation=shadow","src/components/popover-button/shadow.tsx"],"sourcesContent":["@use '../../styles/global' as *;\n@use '../@shared/kol-button-mixin' as *;\n@use '../@shared/kol-popover-button-mixin' as *;\n@use '../tooltip/style' as *;\n\n@layer kol-component {\n\t@include kol-button-styles('kol-button');\n\t@include kol-popover-button-styles;\n}\n","import type { JSX } from '@stencil/core';\nimport { Component, h, Method, Prop } from '@stencil/core';\nimport { KolPopoverButtonWcTag } from '../../core/component-names';\nimport type { PopoverButtonProps } from '../../schema/components/popover-button';\nimport type {\n\tAccessKeyPropType,\n\tAlternativeButtonLinkRolePropType,\n\tAriaDescriptionPropType,\n\tButtonCallbacksPropType,\n\tButtonTypePropType,\n\tButtonVariantPropType,\n\tCustomClassPropType,\n\tIconsPropType,\n\tLabelWithExpertSlotPropType,\n\tPopoverAlignPropType,\n\tShortKeyPropType,\n\tStencilUnknown,\n\tSyncValueBySelectorPropType,\n\tTooltipAlignPropType,\n} from '../../schema';\n\n/**\n * @slot - The popover content.\n */\n@Component({\n\ttag: 'kol-popover-button',\n\tstyleUrls: {\n\t\tdefault: './style.scss',\n\t},\n\tshadow: true,\n})\nexport class KolPopoverButton implements PopoverButtonProps {\n\tprivate ref?: HTMLKolPopoverButtonWcElement;\n\n\t/**\n\t * Hides the popover programmatically by forwarding the call to the web component.\n\t */\n\t@Method()\n\t// eslint-disable-next-line @typescript-eslint/require-await\n\tpublic async hidePopover() {\n\t\tvoid this.ref?.hidePopover();\n\t}\n\n\tprivate catchRef = (ref?: HTMLKolPopoverButtonWcElement) => {\n\t\tthis.ref = ref;\n\t};\n\n\tpublic render(): JSX.Element {\n\t\treturn (\n\t\t\t<KolPopoverButtonWcTag\n\t\t\t\tref={this.catchRef}\n\t\t\t\t_accessKey={this._accessKey}\n\t\t\t\t_ariaControls={this._ariaControls}\n\t\t\t\t_ariaDescription={this._ariaDescription}\n\t\t\t\t_ariaSelected={this._ariaSelected}\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_id={this._id}\n\t\t\t\t_label={this._label}\n\t\t\t\t_name={this._name}\n\t\t\t\t_on={this._on}\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 which key combination can be used to trigger or focus the interactive element of the component.\n\t */\n\t@Prop() public _accessKey?: AccessKeyPropType;\n\n\t/**\n\t * Defines which elements are controlled by this component. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-controls)\n\t */\n\t@Prop() public _ariaControls?: string;\n\n\t/**\n\t * Defines the value for the aria-description attribute.\n\t */\n\t@Prop() public _ariaDescription?: AriaDescriptionPropType;\n\n\t/**\n\t * Defines whether the interactive element of the component is selected (e.g. role=tab). (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-selected)\n\t */\n\t@Prop() public _ariaSelected?: boolean;\n\n\t/**\n\t * Defines the custom class attribute if _variant=\"custom\" is set.\n\t */\n\t@Prop() public _customClass?: CustomClassPropType;\n\n\t/**\n\t * Makes the element not focusable and ignore all events.\n\t */\n\t@Prop() public _disabled?: boolean = false;\n\n\t/**\n\t * Hides the caption by default and displays the caption text with a tooltip when the\n\t * interactive element is focused or the mouse is over it.\n\t * @TODO: Change type back to `HideLabelPropType` after Stencil#4663 has been resolved.\n\t */\n\t@Prop() public _hideLabel?: boolean = false;\n\n\t/**\n\t * Defines the icon classnames (e.g. `_icons=\"fa-solid fa-user\"`).\n\t */\n\t@Prop() public _icons?: IconsPropType;\n\n\t/**\n\t * Defines the internal ID of the primary component element.\n\t * @deprecated Will be removed in the next major version.\n\t */\n\t@Prop() public _id?: string;\n\n\t/**\n\t * Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.). 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 the callback functions for button events.\n\t */\n\t@Prop() public _on?: ButtonCallbacksPropType<StencilUnknown>;\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 * Defines the role of the components primary element.\n\t *\n\t * @deprecated We prefer the semantic role of the HTML element and do not allow for customization. We will remove this prop in the future.\n\t */\n\t@Prop() public _role?: AlternativeButtonLinkRolePropType;\n\n\t/**\n\t * Adds a visual short key hint to the component.\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 that the button emits on click.\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,+lNAA+lN;;MC+B1mN,gBAAgB,GAAA,MAAA;AAP7B,IAAA,WAAA,CAAA,OAAA,EAAA;;AAmBS,QAAA,IAAA,CAAA,QAAQ,GAAG,CAAC,GAAmC,KAAI;AAC1D,YAAA,IAAI,CAAC,GAAG,GAAG,GAAG;AACf,SAAC;AA6Dc,QAAA,IAAS,CAAA,SAAA,GAAa,KAAK;AAO3B,QAAA,IAAU,CAAA,UAAA,GAAa,KAAK;AA+B5B,QAAA,IAAa,CAAA,aAAA,GAA0B,QAAQ;AA4B/C,QAAA,IAAa,CAAA,aAAA,GAA0B,KAAK;AAK5C,QAAA,IAAK,CAAA,KAAA,GAAwB,QAAQ;AAUrC,QAAA,IAAQ,CAAA,QAAA,GAA2B,QAAQ;AAC1D;AArJO,IAAA,MAAM,WAAW,GAAA;;AACvB,QAAA,MAAK,MAAA,IAAI,CAAC,GAAG,MAAE,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAA,WAAW,EAAE,CAAA;;IAOtB,MAAM,GAAA;AACZ,QAAA,QACC,CAAA,CAAC,qBAAqB,EAAA,EAAA,GAAA,EAAA,0CAAA,EACrB,GAAG,EAAE,IAAI,CAAC,QAAQ,EAClB,UAAU,EAAE,IAAI,CAAC,UAAU,EAC3B,aAAa,EAAE,IAAI,CAAC,aAAa,EACjC,gBAAgB,EAAE,IAAI,CAAC,gBAAgB,EACvC,aAAa,EAAE,IAAI,CAAC,aAAa,EACjC,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,GAAG,EAAE,IAAI,CAAC,GAAG,EACb,MAAM,EAAE,IAAI,CAAC,MAAM,EACnB,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,GAAG,EAAE,IAAI,CAAC,GAAG,EACb,aAAa,EAAE,IAAI,CAAC,aAAa,EACjC,SAAS,EAAE,IAAI,CAAC,SAAS,EACzB,oBAAoB,EAAE,IAAI,CAAC,oBAAoB,EAC/C,SAAS,EAAE,IAAI,CAAC,SAAS,EACzB,aAAa,EAAE,IAAI,CAAC,aAAa,EACjC,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,MAAM,EAAE,IAAI,CAAC,MAAM,EACnB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAA,EAEvB,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,IAAI,EAAC,QAAQ,EAAC,IAAI,EAAC,QAAQ,EAAQ,CAAA,EACzC,CAAQ,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACe;;;;;;;;;"}

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

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{r as n,h as e}from"./index-DDeBcUIu.js";import{j as t}from"./component-names-CkE54Ym7.js";import"./common-zXZUsQ7l.js";const o="@charset \"UTF-8\";\n/*\n* This file defines the layer order for all CSS layers used in KoliBri.\n* The order is important as it determines the cascade priority.\n*\n* Layer order (lowest to highest priority):\n* 1. kol-a11y - Accessibility defaults and requirements\n* 2. kol-global - Global component styles and resets\n* 3. kol-component - Component-specific styles\n* 4. kol-theme-global - Theme-specific global styles\n* 5. kol-theme-component - Theme-specific component styles\n*/\n@layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component;\n/* forward the rem function */\n/*\n * This file contains all rules for accessibility.\n */\n@layer kol-a11y {\n  :host {\n    /*\n     * Minimum size of interactive elements.\n     */\n    --a11y-min-size: calc(44rem / 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  * {\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 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: absolute;\n    width: 1px;\n    height: 1px;\n    overflow: hidden;\n    white-space: nowrap;\n    clip-path: inset(50%);\n  }\n}\n@layer kol-global {\n  /*\n   * Dieses CSS stellt sicher, dass der Standard-Style\n   * von A und Button resettet werden.\n   */\n  :is(a, button) {\n    background-color: transparent;\n    width: 100%;\n    margin: 0;\n    padding: 0;\n    border: none;\n    /* 100% needed for custom width from outside */\n  }\n  /*\n   * Ensure elements with hidden attribute to be actually not visible\n   * @see https://meowni.ca/hidden.is.a.lie.html\n   */\n  [hidden] {\n    display: none !important;\n  }\n  .badge-text-hint {\n    color: black;\n    background-color: lightgray;\n  }\n}\n@layer kol-global {\n  :host {\n    /*\n     * The max-width is needed to prevent the table from overflowing the\n     * parent node, if the table is wider than the parent node.\n     */\n    max-width: 100%;\n    font-size: calc(16rem / 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: grid;\n    place-items: 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    place-items: center;\n  }\n  a,\n  button {\n    cursor: pointer;\n  }\n  .kol-span .kol-span__label--hide-label .kol-span__label {\n    display: none;\n  }\n  /* Reset browser agent style. */\n  button:disabled {\n    color: unset;\n  }\n  .disabled label,\n  .disabled:focus-within label,\n  [aria-disabled=true],\n  [aria-disabled=true]:focus,\n  [disabled],\n  [disabled]:focus {\n    opacity: 0.5;\n    outline: none;\n    cursor: not-allowed;\n  }\n  [aria-disabled=true]:focus .kol-span,\n  [disabled]:focus .kol-span {\n    outline: none !important;\n  }\n}\n@layer kol-component {\n  @keyframes fadeInOpacity {\n    0% {\n      opacity: 0;\n    }\n    100% {\n      opacity: 1;\n    }\n  }\n  .kol-tooltip {\n    display: contents;\n    contain: layout;\n  }\n  .kol-tooltip__floating {\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);\n    max-width: 90vw;\n    max-height: 90vh;\n    visibility: hidden;\n    animation-duration: 0.25s;\n    animation-iteration-count: 1;\n    animation-name: fadeInOpacity;\n    animation-timing-function: ease-in;\n  }\n  .kol-tooltip__arrow {\n    transform: rotate(45deg);\n    color: #000;\n    background-color: #fff;\n    position: absolute;\n    z-index: 999;\n    width: calc(10rem / var(--kolibri-root-font-size, 16));\n    height: calc(10rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-tooltip__content {\n    color: #000;\n    background-color: #fff;\n    position: relative;\n    z-index: 1000;\n  }\n}\n@layer kol-component {\n  :host {\n    display: inline-block;\n  }\n  .kol-button {\n    display: inline-flex;\n    place-items: center;\n    font-style: calc(16rem / var(--kolibri-root-font-size, 16));\n    text-align: center;\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    width: 100%;\n    margin: auto;\n  }\n  .kol-popover-button__button {\n    display: inline-block;\n  }\n  .kol-popover-button__popover {\n    margin: 0;\n    padding: 0;\n    border: 0;\n  }\n}",i=class{constructor(e){n(this,e),this.catchRef=n=>{this.ref=n},this._disabled=!1,this._hideLabel=!1,this._popoverAlign="bottom",this._tooltipAlign="top",this._type="button",this._variant="normal"}async hidePopover(){var n;null===(n=this.ref)||void 0===n||n.hidePopover()}render(){return e(t,{key:"874bfd4d3738aee7db007df7f1f072a312bda82b",ref:this.catchRef,_accessKey:this._accessKey,_ariaControls:this._ariaControls,_ariaDescription:this._ariaDescription,_ariaSelected:this._ariaSelected,_customClass:this._customClass,_disabled:this._disabled,_hideLabel:this._hideLabel,_icons:this._icons,_id:this._id,_label:this._label,_name:this._name,_on:this._on,_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:"3e3353a2aa09a4ab53145811a9baaf69c6eb5fe7",name:"expert",slot:"expert"}),e("slot",{key:"ae349ddc431b20ba527dac3c30edf1ba9e61cb2d"}))}};i.style={default:o};export{i as kol_popover_button};
+import{r as n,h as e}from"./index-DOWoBMgb.js";import{j as t}from"./component-names-CkE54Ym7.js";import"./common-8fBdMvJM.js";const o="@charset \"UTF-8\";\n/*\n* This file defines the layer order for all CSS layers used in KoliBri.\n* The order is important as it determines the cascade priority.\n*\n* Layer order (lowest to highest priority):\n* 1. kol-a11y - Accessibility defaults and requirements\n* 2. kol-global - Global component styles and resets\n* 3. kol-component - Component-specific styles\n* 4. kol-theme-global - Theme-specific global styles\n* 5. kol-theme-component - Theme-specific component styles\n*/\n@layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component;\n/* forward the rem function */\n/*\n * This file contains all rules for accessibility.\n */\n@layer kol-a11y {\n  :host {\n    /*\n     * Minimum size of interactive elements.\n     */\n    --a11y-min-size: calc(44rem / 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  * {\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 font family from his parent element.\n     */\n    font-family: inherit;\n    /*\n     * All elements should inherit the font size from his parent element.\n     */\n    font-size: inherit;\n    /*\n     * Letter spacing is required for all texts.\n     */\n    letter-spacing: inherit;\n    /*\n     * Word spacing is required for all texts.\n     */\n    word-spacing: inherit;\n  }\n  /**\n  * Sometimes we need the semantic element for accessibility reasons,\n  * but we don't want to show it.\n  *\n  * - https://www.a11yproject.com/posts/how-to-hide-content/\n  */\n  .visually-hidden {\n    position: fixed;\n    top: 0;\n    left: 0;\n    width: 1px;\n    height: 1px;\n    overflow: hidden;\n    white-space: nowrap;\n    clip-path: inset(50%);\n  }\n}\n@layer kol-global {\n  /*\n   * Dieses CSS stellt sicher, dass der Standard-Style\n   * von A und Button resettet werden.\n   */\n  :is(a, button) {\n    background-color: transparent;\n    width: 100%;\n    margin: 0;\n    padding: 0;\n    border: none;\n    /* 100% needed for custom width from outside */\n  }\n  /*\n   * Ensure elements with hidden attribute to be actually not visible\n   * @see https://meowni.ca/hidden.is.a.lie.html\n   */\n  [hidden] {\n    display: none !important;\n  }\n  .badge-text-hint {\n    color: black;\n    background-color: lightgray;\n  }\n}\n@layer kol-global {\n  :host {\n    /*\n     * The max-width is needed to prevent the table from overflowing the\n     * parent node, if the table is wider than the parent node.\n     */\n    max-width: 100%;\n    font-size: calc(16rem / 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: grid;\n    place-items: 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    place-items: center;\n  }\n  a,\n  button {\n    cursor: pointer;\n  }\n  .kol-span .kol-span__label--hide-label .kol-span__label {\n    display: none;\n  }\n  /* Reset browser agent style. */\n  button:disabled {\n    color: unset;\n  }\n  .disabled label,\n  .disabled:focus-within label,\n  [aria-disabled=true],\n  [aria-disabled=true]:focus,\n  [disabled],\n  [disabled]:focus {\n    opacity: 0.5;\n    outline: none;\n    cursor: not-allowed;\n  }\n  [aria-disabled=true]:focus .kol-span,\n  [disabled]:focus .kol-span {\n    outline: none !important;\n  }\n}\n@layer kol-component {\n  @keyframes fadeInOpacity {\n    0% {\n      opacity: 0;\n    }\n    100% {\n      opacity: 1;\n    }\n  }\n  .kol-tooltip {\n    display: contents;\n  }\n  .kol-tooltip__floating {\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);\n    max-width: 90vw;\n    max-height: 90vh;\n    visibility: hidden;\n    animation-duration: 0.25s;\n    animation-iteration-count: 1;\n    animation-name: fadeInOpacity;\n    animation-timing-function: ease-in;\n  }\n  .kol-tooltip__arrow {\n    transform: rotate(45deg);\n    color: #000;\n    background-color: #fff;\n    position: absolute;\n    z-index: 999;\n    width: calc(10rem / var(--kolibri-root-font-size, 16));\n    height: calc(10rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-tooltip__content {\n    color: #000;\n    background-color: #fff;\n    position: relative;\n    z-index: 1000;\n  }\n}\n@layer kol-component {\n  :host {\n    display: inline-block;\n  }\n  .kol-button {\n    display: inline-flex;\n    place-items: center;\n    font-style: calc(16rem / var(--kolibri-root-font-size, 16));\n    text-align: center;\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    width: 100%;\n    margin: auto;\n  }\n  .kol-popover-button__button {\n    display: inline-block;\n  }\n  .kol-popover-button__popover {\n    margin: 0;\n    padding: 0;\n    border: 0;\n  }\n}",i=class{constructor(e){n(this,e),this.catchRef=n=>{this.ref=n},this._disabled=!1,this._hideLabel=!1,this._popoverAlign="bottom",this._tooltipAlign="top",this._type="button",this._variant="normal"}async hidePopover(){var n;null===(n=this.ref)||void 0===n||n.hidePopover()}render(){return e(t,{key:"874bfd4d3738aee7db007df7f1f072a312bda82b",ref:this.catchRef,_accessKey:this._accessKey,_ariaControls:this._ariaControls,_ariaDescription:this._ariaDescription,_ariaSelected:this._ariaSelected,_customClass:this._customClass,_disabled:this._disabled,_hideLabel:this._hideLabel,_icons:this._icons,_id:this._id,_label:this._label,_name:this._name,_on:this._on,_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:"3e3353a2aa09a4ab53145811a9baaf69c6eb5fe7",name:"expert",slot:"expert"}),e("slot",{key:"ae349ddc431b20ba527dac3c30edf1ba9e61cb2d"}))}};i.style={default:o};export{i as kol_popover_button};

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

@@ -1 +1 @@
-{"version":3,"names":["defaultStyleCss","KolPopoverButton","constructor","hostRef","this","catchRef","ref","_disabled","_hideLabel","_popoverAlign","_tooltipAlign","_type","_variant","hidePopover","_a","render","h","KolPopoverButtonWcTag","key","_accessKey","_ariaControls","_ariaDescription","_ariaSelected","_customClass","_icons","_id","_label","_name","_on","_shortKey","_syncValueBySelector","_tabIndex","_value","name","slot"],"sources":["src/components/popover-button/style.scss?tag=kol-popover-button&mode=default&encapsulation=shadow","src/components/popover-button/shadow.tsx"],"sourcesContent":["@use '../../styles/global' as *;\n@use '../@shared/kol-button-mixin' as *;\n@use '../@shared/kol-popover-button-mixin' as *;\n@use '../tooltip/style' as *;\n\n@layer kol-component {\n\t@include kol-button-styles('kol-button');\n\t@include kol-popover-button-styles;\n}\n","import type { JSX } from '@stencil/core';\nimport { Component, h, Method, Prop } from '@stencil/core';\nimport { KolPopoverButtonWcTag } from '../../core/component-names';\nimport type { PopoverButtonProps } from '../../schema/components/popover-button';\nimport type {\n\tAccessKeyPropType,\n\tAlternativeButtonLinkRolePropType,\n\tAriaDescriptionPropType,\n\tButtonCallbacksPropType,\n\tButtonTypePropType,\n\tButtonVariantPropType,\n\tCustomClassPropType,\n\tIconsPropType,\n\tLabelWithExpertSlotPropType,\n\tPopoverAlignPropType,\n\tShortKeyPropType,\n\tStencilUnknown,\n\tSyncValueBySelectorPropType,\n\tTooltipAlignPropType,\n} from '../../schema';\n\n/**\n * @slot - The popover content.\n */\n@Component({\n\ttag: 'kol-popover-button',\n\tstyleUrls: {\n\t\tdefault: './style.scss',\n\t},\n\tshadow: true,\n})\nexport class KolPopoverButton implements PopoverButtonProps {\n\tprivate ref?: HTMLKolPopoverButtonWcElement;\n\n\t/**\n\t * Hides the popover programmatically by forwarding the call to the web component.\n\t */\n\t@Method()\n\t// eslint-disable-next-line @typescript-eslint/require-await\n\tpublic async hidePopover() {\n\t\tvoid this.ref?.hidePopover();\n\t}\n\n\tprivate catchRef = (ref?: HTMLKolPopoverButtonWcElement) => {\n\t\tthis.ref = ref;\n\t};\n\n\tpublic render(): JSX.Element {\n\t\treturn (\n\t\t\t<KolPopoverButtonWcTag\n\t\t\t\tref={this.catchRef}\n\t\t\t\t_accessKey={this._accessKey}\n\t\t\t\t_ariaControls={this._ariaControls}\n\t\t\t\t_ariaDescription={this._ariaDescription}\n\t\t\t\t_ariaSelected={this._ariaSelected}\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_id={this._id}\n\t\t\t\t_label={this._label}\n\t\t\t\t_name={this._name}\n\t\t\t\t_on={this._on}\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 which key combination can be used to trigger or focus the interactive element of the component.\n\t */\n\t@Prop() public _accessKey?: AccessKeyPropType;\n\n\t/**\n\t * Defines which elements are controlled by this component. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-controls)\n\t */\n\t@Prop() public _ariaControls?: string;\n\n\t/**\n\t * Defines the value for the aria-description attribute.\n\t */\n\t@Prop() public _ariaDescription?: AriaDescriptionPropType;\n\n\t/**\n\t * Defines whether the interactive element of the component is selected (e.g. role=tab). (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-selected)\n\t */\n\t@Prop() public _ariaSelected?: boolean;\n\n\t/**\n\t * Defines the custom class attribute if _variant=\"custom\" is set.\n\t */\n\t@Prop() public _customClass?: CustomClassPropType;\n\n\t/**\n\t * Makes the element not focusable and ignore all events.\n\t */\n\t@Prop() public _disabled?: boolean = false;\n\n\t/**\n\t * Hides the caption by default and displays the caption text with a tooltip when the\n\t * interactive element is focused or the mouse is over it.\n\t * @TODO: Change type back to `HideLabelPropType` after Stencil#4663 has been resolved.\n\t */\n\t@Prop() public _hideLabel?: boolean = false;\n\n\t/**\n\t * Defines the icon classnames (e.g. `_icons=\"fa-solid fa-user\"`).\n\t */\n\t@Prop() public _icons?: IconsPropType;\n\n\t/**\n\t * Defines the internal ID of the primary component element.\n\t */\n\t@Prop() public _id?: string;\n\n\t/**\n\t * Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.). 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 the callback functions for button events.\n\t */\n\t@Prop() public _on?: ButtonCallbacksPropType<StencilUnknown>;\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 * Defines the role of the components primary element.\n\t *\n\t * @deprecated We prefer the semantic role of the HTML element and do not allow for customization. We will remove this prop in the future.\n\t */\n\t@Prop() public _role?: AlternativeButtonLinkRolePropType;\n\n\t/**\n\t * Adds a visual short key hint to the component.\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 that the button emits on click.\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"],"mappings":";;;8HAAA,MAAMA,EAAkB,8lN,MC+BXC,EAAgB,MAP7B,WAAAC,CAAAC,G,UAmBSC,KAAAC,SAAYC,IACnBF,KAAKE,IAAMA,CAAG,EA8DAF,KAASG,UAAa,MAOtBH,KAAUI,WAAa,MA8BvBJ,KAAaK,cAA0B,SA4BvCL,KAAaM,cAA0B,MAKvCN,KAAKO,MAAwB,SAU7BP,KAAQQ,SAA2B,QAClD,CApJO,iBAAMC,G,YACPC,EAAAV,KAAKE,OAAK,MAAAQ,SAAA,SAAAA,EAAAD,c,CAOT,MAAAE,GACN,OACCC,EAACC,EAAqB,CAAAC,IAAA,2CACrBZ,IAAKF,KAAKC,SACVc,WAAYf,KAAKe,WACjBC,cAAehB,KAAKgB,cACpBC,iBAAkBjB,KAAKiB,iBACvBC,cAAelB,KAAKkB,cACpBC,aAAcnB,KAAKmB,aACnBhB,UAAWH,KAAKG,UAChBC,WAAYJ,KAAKI,WACjBgB,OAAQpB,KAAKoB,OACbC,IAAKrB,KAAKqB,IACVC,OAAQtB,KAAKsB,OACbC,MAAOvB,KAAKuB,MACZC,IAAKxB,KAAKwB,IACVnB,cAAeL,KAAKK,cACpBoB,UAAWzB,KAAKyB,UAChBC,qBAAsB1B,KAAK0B,qBAC3BC,UAAW3B,KAAK2B,UAChBrB,cAAeN,KAAKM,cACpBC,MAAOP,KAAKO,MACZqB,OAAQ5B,KAAK4B,OACbpB,SAAUR,KAAKQ,UAEfI,EAAA,QAAAE,IAAA,2CAAMe,KAAK,SAASC,KAAK,WACzBlB,EAAQ,QAAAE,IAAA,6C","ignoreList":[]}
+{"version":3,"names":["registerInstance","h","KolPopoverButtonWcTag","defaultStyleCss","KolPopoverButton","constructor","hostRef","this","catchRef","ref","_disabled","_hideLabel","_popoverAlign","_tooltipAlign","_type","_variant","hidePopover","_a","render","key","_accessKey","_ariaControls","_ariaDescription","_ariaSelected","_customClass","_icons","_id","_label","_name","_on","_shortKey","_syncValueBySelector","_tabIndex","_value","name","slot","style","default"],"sources":["0"],"mappings":";;;YAGcA,OAAkBC,MAAS,kCAC3BC,MAA6B,sCACpC,uBAEP,MAAMC,EAAkB,gmNAExB,MAAMC,EAAmB,MACrB,WAAAC,CAAYC,GACRN,EAAiBO,KAAMD,GACvBC,KAAKC,SAAYC,IACbF,KAAKE,IAAMA,CAAG,EAElBF,KAAKG,UAAY,MACjBH,KAAKI,WAAa,MAClBJ,KAAKK,cAAgB,SACrBL,KAAKM,cAAgB,MACrBN,KAAKO,MAAQ,SACbP,KAAKQ,SAAW,QACpB,CACA,iBAAMC,GACF,IAAIC,QACGA,EAAKV,KAAKE,OAAS,MAAQQ,SAAY,OAAS,EAAIA,EAAGD,cAClE,CACA,MAAAE,GACI,OAAQjB,EAAEC,EAAuB,CAAEiB,IAAK,2CAA4CV,IAAKF,KAAKC,SAAUY,WAAYb,KAAKa,WAAYC,cAAed,KAAKc,cAAeC,iBAAkBf,KAAKe,iBAAkBC,cAAehB,KAAKgB,cAAeC,aAAcjB,KAAKiB,aAAcd,UAAWH,KAAKG,UAAWC,WAAYJ,KAAKI,WAAYc,OAAQlB,KAAKkB,OAAQC,IAAKnB,KAAKmB,IAAKC,OAAQpB,KAAKoB,OAAQC,MAAOrB,KAAKqB,MAAOC,IAAKtB,KAAKsB,IAAKjB,cAAeL,KAAKK,cAAekB,UAAWvB,KAAKuB,UAAWC,qBAAsBxB,KAAKwB,qBAAsBC,UAAWzB,KAAKyB,UAAWnB,cAAeN,KAAKM,cAAeC,MAAOP,KAAKO,MAAOmB,OAAQ1B,KAAK0B,OAAQlB,SAAUR,KAAKQ,UAAYd,EAAE,OAAQ,CAAEkB,IAAK,2CAA4Ce,KAAM,SAAUC,KAAM,WAAalC,EAAE,OAAQ,CAAEkB,IAAK,6CAC7wB,GAEJf,EAAiBgC,MAAQ,CACrBC,QAASlC,UAGJC","ignoreList":[]}

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

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{r as s,h as i,H as t}from"./index-DDeBcUIu.js";import{w as o,A as e}from"./common-zXZUsQ7l.js";import{v as a}from"./align-BU6S1qiO.js";import{v as l}from"./show-D0rlMMpf.js";import{a as h}from"./align-floating-elements-CB8sErUz.js";import{c as r}from"./clsx-eK3rPvPS.js";import{d as n,K as c}from"./events-CoPFQEiC.js";const v=(e,t)=>{o(e,"_on",e=>"object"==typeof e&&null!==e,new Set(["PopoverCallbacksPropType {Events.onClose}"]),t)},d=class{constructor(e){s(this,e),this.hidePopoverByEscape=e=>{"Escape"===e.key&&this.hidePopover(e)},this.hidePopoverByClickOutside=e=>{this.host&&!this.host.contains(e.target)&&this.hidePopover(e)},this.catchHostAndTriggerElement=e=>{e&&(this.host=e,this.triggerElement=e.previousElementSibling)},this.catchPopoverElement=e=>{this.popoverElement=e},this.catchArrowElement=e=>{this.arrowElement=e},this._align="top",this._show=!1,this.state={_align:"top",_on:{},_show:!1,_visible:!1}}async showPopover(){this.addListenersToBody(),this.triggerElement&&this.popoverElement&&(await h({align:this._align,referenceElement:this.triggerElement,arrowElement:this.arrowElement,floatingElement:this.popoverElement}),this.state=Object.assign(Object.assign({},this.state),{_visible:!0}))}hidePopover(e){var t,s,o;this.state=Object.assign(Object.assign({},this.state),{_visible:!1}),this._show=!1,null===(t=this.triggerElement)||void 0===t||t.focus(),this.removeListenersToBody(),null===(o=null===(s=this.state._on)||void 0===s?void 0:s.onClose)||void 0===o||o.call(s,e),this.host&&n(this.host,c.close)}addListenersToBody(){var t;const s=e().body;s.addEventListener("keyup",this.hidePopoverByEscape),s.addEventListener("click",this.hidePopoverByClickOutside),null===(t=document.scrollingElement)||void 0===t||t.addEventListener("scroll",()=>{this.showPopover()},{passive:!0})}removeListenersToBody(){var t;const s=e().body;s.removeEventListener("keyup",this.hidePopoverByEscape),s.removeEventListener("click",this.hidePopoverByClickOutside),null===(t=document.scrollingElement)||void 0===t||t.removeEventListener("scroll",()=>{this.showPopover()})}render(){return i(t,{key:"53179ace5c0dfabbe1dd00ba8ddfe453ef55ccd5",ref:this.catchHostAndTriggerElement,class:"kol-popover"},i("div",{key:"f42aafe81aaa0a09526b4e9923a96133ee81c5d2",class:r("kol-popover__content",{"kol-popover__content--visible":this.state._visible}),ref:this.catchPopoverElement,hidden:!this.state._show},i("div",{key:"25719436c820c214a2e3c0fac47449f842c4f68c",class:r("kol-popover__arrow",`kol-popover__arrow--${this.state._align}`),ref:this.catchArrowElement}),i("slot",{key:"fff04758761fb36389c6698b17730b604981ca66"})))}validateAlign(e){a(this,e)}validateOn(e){v(this,e)}validateShow(e){l(this,e),e&&this.showPopover()}componentWillLoad(){this.validateAlign(this._align),this.validateShow(this._show)}static get watchers(){return{_align:["validateAlign"],_on:["validateOn"],_show:["validateShow"]}}};export{d as kol_popover_wc};
+import{r as s,h as i,H as t}from"./index-DOWoBMgb.js";import{w as o,A as e}from"./common-8fBdMvJM.js";import{v as a}from"./align-CyK0wp7d.js";import{v as l}from"./show-DsV_Vx8g.js";import{a as h}from"./align-floating-elements-Bx4ukVlr.js";import{c as r}from"./clsx-eK3rPvPS.js";import{d as n,K as c}from"./events-CoPFQEiC.js";const v=(e,t)=>{o(e,"_on",e=>"object"==typeof e&&null!==e,new Set(["PopoverCallbacksPropType {Events.onClose}"]),t)},d=class{constructor(e){s(this,e),this.hidePopoverByEscape=e=>{"Escape"===e.key&&this.hidePopover(e)},this.hidePopoverByClickOutside=e=>{this.host&&!this.host.contains(e.target)&&this.hidePopover(e)},this.catchHostAndTriggerElement=e=>{e&&(this.host=e,this.triggerElement=e.previousElementSibling)},this.catchPopoverElement=e=>{this.popoverElement=e},this.catchArrowElement=e=>{this.arrowElement=e},this._align="top",this._show=!1,this.state={_align:"top",_on:{},_show:!1,_visible:!1}}async showPopover(){this.addListenersToBody(),this.triggerElement&&this.popoverElement&&(await h({align:this._align,referenceElement:this.triggerElement,arrowElement:this.arrowElement,floatingElement:this.popoverElement}),this.state=Object.assign(Object.assign({},this.state),{_visible:!0}))}hidePopover(e){var t,s,o;this.state=Object.assign(Object.assign({},this.state),{_visible:!1}),this._show=!1,null===(t=this.triggerElement)||void 0===t||t.focus(),this.removeListenersToBody(),null===(o=null===(s=this.state._on)||void 0===s?void 0:s.onClose)||void 0===o||o.call(s,e),this.host&&n(this.host,c.close)}addListenersToBody(){var t;const s=e().body;s.addEventListener("keyup",this.hidePopoverByEscape),s.addEventListener("click",this.hidePopoverByClickOutside),null===(t=document.scrollingElement)||void 0===t||t.addEventListener("scroll",()=>{this.showPopover()},{passive:!0})}removeListenersToBody(){var t;const s=e().body;s.removeEventListener("keyup",this.hidePopoverByEscape),s.removeEventListener("click",this.hidePopoverByClickOutside),null===(t=document.scrollingElement)||void 0===t||t.removeEventListener("scroll",()=>{this.showPopover()})}render(){return i(t,{key:"53179ace5c0dfabbe1dd00ba8ddfe453ef55ccd5",ref:this.catchHostAndTriggerElement,class:"kol-popover"},i("div",{key:"f42aafe81aaa0a09526b4e9923a96133ee81c5d2",class:r("kol-popover__content",{"kol-popover__content--visible":this.state._visible}),ref:this.catchPopoverElement,hidden:!this.state._show},i("div",{key:"25719436c820c214a2e3c0fac47449f842c4f68c",class:r("kol-popover__arrow",`kol-popover__arrow--${this.state._align}`),ref:this.catchArrowElement}),i("slot",{key:"fff04758761fb36389c6698b17730b604981ca66"})))}validateAlign(e){a(this,e)}validateOn(e){v(this,e)}validateShow(e){l(this,e),e&&this.showPopover()}componentWillLoad(){this.validateAlign(this._align),this.validateShow(this._show)}static get watchers(){return{_align:["validateAlign"],_on:["validateOn"],_show:["validateShow"]}}};export{d as kol_popover_wc};

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

@@ -1 +1 @@
-{"version":3,"names":["validatePopoverCallbacks","component","value","watchValidator","Set","KolPopover","constructor","hostRef","this","hidePopoverByEscape","event","key","hidePopover","hidePopoverByClickOutside","host","contains","target","catchHostAndTriggerElement","element","triggerElement","previousElementSibling","catchPopoverElement","popoverElement","catchArrowElement","arrowElement","_align","_show","state","_on","_visible","showPopover","addListenersToBody","alignFloatingElements","align","referenceElement","floatingElement","Object","assign","_a","focus","removeListenersToBody","_c","_b","onClose","call","dispatchDomEvent","KolEvent","close","body","getDocument","addEventListener","document","scrollingElement","passive","removeEventListener","render","h","Host","ref","class","clsx","hidden","validateAlign","validateOn","validateShow","componentWillLoad"],"sources":["src/schema/props/popover-callbacks.ts","src/components/popover/component.tsx"],"sourcesContent":["import type { Generic } from 'adopted-style-sheets';\nimport type { Callback } from '../enums';\nimport type { EventCallback } from '../types/callbacks';\nimport { watchValidator } from '../utils';\n\n/* types */\nexport type PopoverCallbacksPropType = {\n\t[Callback.onClose]?: EventCallback<MouseEvent | KeyboardEvent>;\n};\n\n/**\n * Defines the callback functions for popover events.\n */\nexport type PropPopoverCallbacks = {\n\ton: PopoverCallbacksPropType;\n};\n\n/* validator */\nexport const validatePopoverCallbacks = (component: Generic.Element.Component, value?: PopoverCallbacksPropType): void => {\n\twatchValidator(component, `_on`, (value) => typeof value === 'object' && value !== null, new Set(['PopoverCallbacksPropType {Events.onClose}']), value);\n};\n","import type { AlignPropType, PopoverAPI, PopoverCallbacksPropType, PopoverStates, ShowPropType } from '../../schema';\nimport { getDocument, validateAlign, validatePopoverCallbacks, validateShow } from '../../schema';\nimport type { JSX } from '@stencil/core';\nimport { Component, h, Host, Prop, State, Watch } from '@stencil/core';\n\nimport { alignFloatingElements } from '../../utils/align-floating-elements';\nimport clsx from 'clsx';\nimport { dispatchDomEvent, KolEvent } from '../../utils/events';\n\n/**\n * @internal\n * @slot - The popover content.\n */\n@Component({\n\ttag: 'kol-popover-wc',\n\tshadow: false,\n})\nexport class KolPopover implements PopoverAPI {\n\tprivate arrowElement?: HTMLDivElement;\n\tprivate popoverElement?: HTMLDivElement;\n\tprivate triggerElement?: HTMLElement | null;\n\tprivate host?: HTMLElement;\n\n\tprivate async showPopover(): Promise<void> {\n\t\tthis.addListenersToBody();\n\n\t\tif (this.triggerElement && this.popoverElement) {\n\t\t\tawait alignFloatingElements({\n\t\t\t\talign: this._align,\n\t\t\t\treferenceElement: this.triggerElement,\n\t\t\t\tarrowElement: this.arrowElement,\n\t\t\t\tfloatingElement: this.popoverElement,\n\t\t\t});\n\t\t\tthis.state = { ...this.state, _visible: true };\n\t\t}\n\t}\n\tprivate hidePopover(event: MouseEvent | KeyboardEvent): void {\n\t\tthis.state = {\n\t\t\t...this.state,\n\t\t\t_visible: false,\n\t\t};\n\t\tthis._show = false;\n\t\tthis.triggerElement?.focus();\n\t\tthis.removeListenersToBody();\n\n\t\tthis.state._on?.onClose?.(event);\n\t\tif (this.host) {\n\t\t\tdispatchDomEvent(this.host, KolEvent.close);\n\t\t}\n\t}\n\n\tprivate hidePopoverByEscape = (event: KeyboardEvent): void => {\n\t\tif (event.key === 'Escape') this.hidePopover(event);\n\t};\n\n\tprivate hidePopoverByClickOutside = (event: MouseEvent): void => {\n\t\tif (this.host && !this.host.contains(event.target as HTMLElement)) {\n\t\t\tthis.hidePopover(event);\n\t\t}\n\t};\n\n\t/* EventListener functions */\n\tprivate addListenersToBody(): void {\n\t\tconst body = getDocument().body;\n\t\tbody.addEventListener('keyup', this.hidePopoverByEscape);\n\t\tbody.addEventListener('click', this.hidePopoverByClickOutside);\n\t\tdocument.scrollingElement?.addEventListener(\n\t\t\t'scroll',\n\t\t\t() => {\n\t\t\t\tvoid this.showPopover();\n\t\t\t},\n\t\t\t{ passive: true },\n\t\t);\n\t}\n\tprivate removeListenersToBody(): void {\n\t\tconst body = getDocument().body;\n\t\tbody.removeEventListener('keyup', this.hidePopoverByEscape);\n\t\tbody.removeEventListener('click', this.hidePopoverByClickOutside);\n\t\tdocument.scrollingElement?.removeEventListener('scroll', () => {\n\t\t\tvoid this.showPopover();\n\t\t});\n\t}\n\n\t/* catchElement functions */\n\tprivate catchHostAndTriggerElement = (element: HTMLElement | null): void => {\n\t\tif (element) {\n\t\t\tthis.host = element;\n\t\t\tthis.triggerElement = element.previousElementSibling as HTMLElement | null;\n\t\t}\n\t};\n\tprivate catchPopoverElement = (element?: HTMLDivElement): void => {\n\t\tthis.popoverElement = element;\n\t};\n\tprivate catchArrowElement = (element?: HTMLDivElement): void => {\n\t\tthis.arrowElement = element;\n\t};\n\n\tpublic render(): JSX.Element {\n\t\treturn (\n\t\t\t<Host ref={this.catchHostAndTriggerElement} class=\"kol-popover\">\n\t\t\t\t<div\n\t\t\t\t\tclass={clsx('kol-popover__content', { 'kol-popover__content--visible': this.state._visible })}\n\t\t\t\t\tref={this.catchPopoverElement}\n\t\t\t\t\thidden={!this.state._show}\n\t\t\t\t>\n\t\t\t\t\t<div class={clsx('kol-popover__arrow', `kol-popover__arrow--${this.state._align}`)} ref={this.catchArrowElement} />\n\t\t\t\t\t<slot />\n\t\t\t\t</div>\n\t\t\t</Host>\n\t\t);\n\t}\n\n\t/**\n\t * Defines the alignment of the tooltip, popover or tabs in relation to the element.\n\t */\n\t@Prop() public _align?: AlignPropType = 'top';\n\n\t/**\n\t * Defines the callback functions for popover events.\n\t */\n\t@Prop() public _on?: PopoverCallbacksPropType;\n\n\t/**\n\t * Makes the element show up.\n\t * @TODO: Change type back to `ShowPropType` after Stencil#4663 has been resolved.\n\t */\n\t@Prop({ mutable: true, reflect: true }) public _show?: boolean = false;\n\n\t@State() public state: PopoverStates = {\n\t\t_align: 'top',\n\t\t_on: {},\n\t\t_show: false,\n\t\t_visible: false,\n\t};\n\n\t@Watch('_align')\n\tpublic validateAlign(value?: AlignPropType): void {\n\t\tvalidateAlign(this, value);\n\t}\n\n\t@Watch('_on')\n\tpublic validateOn(value?: PopoverCallbacksPropType): void {\n\t\tvalidatePopoverCallbacks(this, value);\n\t}\n\n\t@Watch('_show')\n\tpublic validateShow(value?: ShowPropType): void {\n\t\tvalidateShow(this, value);\n\t\tif (value) void this.showPopover();\n\t}\n\n\tpublic componentWillLoad(): void {\n\t\tthis.validateAlign(this._align);\n\t\tthis.validateShow(this._show);\n\t}\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["registerInstance","h","Host","watchValidator","getDocument","validateAlign","validateShow","alignFloatingElements","clsx","dispatchDomEvent","KolEvent","validatePopoverCallbacks","component","value","Set","KolPopover","constructor","hostRef","this","hidePopoverByEscape","event","key","hidePopover","hidePopoverByClickOutside","host","contains","target","catchHostAndTriggerElement","element","triggerElement","previousElementSibling","catchPopoverElement","popoverElement","catchArrowElement","arrowElement","_align","_show","state","_on","_visible","showPopover","addListenersToBody","align","referenceElement","floatingElement","Object","assign","_a","_b","_c","focus","removeListenersToBody","onClose","call","close","body","addEventListener","document","scrollingElement","passive","removeEventListener","render","ref","class","hidden","validateOn","componentWillLoad","watchers"],"sources":["0"],"mappings":"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","ignoreList":[]}