npm - @public-ui/sample-react - Versions diffs - 2.2.15-rc.0 → 2.2.15 - Mend

@public-ui/sample-react 2.2.15-rc.0 → 2.2.15

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (303) hide show

package/dist/assets/kol-logo.entry-DBBbz1jw.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"kol-logo.entry-DBBbz1jw.js","sources":["../../../../components/dist/esm/kol-logo.entry.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { r as registerInstance, h, H as Host } from './index-546fd190.js';\nimport { m as setState, C as devHint } from './index-50898179.js';\nimport { d as Bundesanstalt, B as Bundesministerium, b as Bundesamt, f as BUND_LOGO_TEXT_MAP } from './bund-ad41b762.js';\nimport { t as translate } from './i18n-b4507b80.js';\nimport './i18n-b14e6088.js';\n\nconst defaultStyleCss = \"/*\\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 color: black;\\n /*\\n * No element should be used without a background and font color whose contrast ratio has\\n * not been checked. By initially setting the background color to white and the font color\\n * to black, the contrast ratio is ensured and explicit adjustment is forced.\\n */\\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 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%; /* 100% needed for custom width from outside */\\n margin: 0;\\n padding: 0;\\n border: none;\\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}\\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 /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\\n .kol-span-wc {\\n display: grid;\\n place-items: center;\\n }\\n /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\\n .kol-span-wc > span {\\n display: flex;\\n place-items: center;\\n }\\n a,\\n button {\\n cursor: pointer;\\n }\\n /* This is the text label. */\\n .hide-label > .kol-span-wc > span > span {\\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-wc,\\n [disabled]:focus .kol-span-wc {\\n outline: none !important;\\n }\\n .badge-text-hint {\\n color: black;\\n background-color: lightgray;\\n }\\n}\\n@layer kol-component {\\n :host {\\n display: inline-block;\\n }\\n text {\\n letter-spacing: normal;\\n word-spacing: normal;\\n }\\n svg {\\n max-height: 100%;\\n }\\n}\";\nconst KolLogoDefaultStyle0 = defaultStyleCss;\n\nfunction enumToArray(enumeration, enumAsMap = new Map()) {\n Object.entries(enumeration).map(([key, value]) => {\n enumAsMap.set(value, key);\n });\n return enumAsMap;\n}\nconst ENUM_AS_MAP = enumToArray(Bundesamt, enumToArray(Bundesanstalt, enumToArray(Bundesministerium)));\nfunction getAriaLabel(organ) {\n if (ENUM_AS_MAP.has(organ)) {\n return ENUM_AS_MAP.get(organ);\n }\n else {\n return '';\n }\n}\nconst Adler = () => (h(\"path\", { d: \"M21.72,12.77c0.04-0.33,0.06-0.67,0.06-1c0-0.2,0-0.43,0-0.69c3.06,0,5.74-2.25,5.74-4.78\\nc-0.09-1.07-0.56-2.08-1.32-2.84l0.32-0.07c1,0.89,1.61,2.14,1.7,3.48c0,3-3,5.85-6.5,5.92 M18.64,2.21\\nc-0.05-0.33-0.19-0.64-0.39-0.91c0-0.31,0.14-0.61,0.64-0.36c-0.27,0.27-0.06,0.76-0.06,0.76s0.55-0.26,0.44-0.62\\nC20.09,1.28,19.5,2.38,18.64,2.21 M17.93,3.77c-0.12-0.47-0.34-0.9-0.64-1.27c-0.3-0.42-0.77-0.69-1.29-0.73\\nc-0.34,0.03-0.68,0.12-1,0.25c-0.16-0.28-0.27-0.58-0.32-0.9c0-0.22,0.38-0.44,1.1-0.44c1.58,0,2.52,0.71,2.52,1.91\\nC18.26,3.01,18.14,3.41,17.93,3.77 M22,24.16c0.13,0,0.26,0.02,0.38,0.07c0.64,1.3,1.4,2.53,2.29,3.68l0,0l0,0\\nc0.81-0.14,1.63-0.22,2.45-0.24l0,0c0.1-0.01,0.2,0.01,0.28,0.07c0.07,0.09,0.1,0.2,0.09,0.31c-0.01,0.28-0.08,0.55-0.21,0.79\\nc-0.46-0.4-1.07-0.59-1.68-0.51c-0.24,0.01-0.48,0.05-0.71,0.12h-0.07h-0.07l0.48,0.49c0.77,0.83,1.44,1.43,1.44,1.83\\nc-0.04,0.31-0.22,0.58-0.48,0.74c-0.22-0.98-0.8-1.84-1.62-2.42h-0.06v0.27c0,0.19,0,0.47,0,0.77c0,1.49-0.15,1.72-0.67,1.72\\nc-0.09,0.01-0.19,0.01-0.28,0c0.33-0.49,0.48-1.08,0.41-1.67v-0.7c0-0.27,0.03-0.53,0.06-0.8v-0.11h-0.08\\nc-0.33-0.05-0.67-0.09-1-0.1c-0.57-0.07-1.14,0.07-1.6,0.41c-0.24-0.18-0.41-0.44-0.48-0.73c0-0.32,0.19-0.34,0.45-0.34\\nc0.14-0.01,0.27-0.01,0.41,0c0.59,0.09,1.18,0.13,1.78,0.12h0.06v-0.06c-0.5-1.13-1.18-2.17-2-3.09c0.1-0.35,0.2-0.59,0.54-0.59\\nM12.64,27.87v0.06h0.06c0.55-0.01,1.1-0.06,1.64-0.16c0.14-0.01,0.27-0.01,0.41,0c0.26,0,0.45,0,0.45,0.34\\nc-0.07,0.29-0.24,0.55-0.48,0.73c-0.46-0.34-1.03-0.49-1.6-0.41c-0.33,0.01-0.67,0.05-1,0.1H12v0.11\\nc0.03,0.27,0.06,0.53,0.06,0.8v0.7c-0.05,0.58,0.1,1.15,0.42,1.63c-0.09,0.01-0.19,0.01-0.28,0c-0.52,0-0.67-0.23-0.67-1.72\\nc0-0.3,0-0.58,0-0.77V29l-0.06,0.05c-0.82,0.58-1.39,1.44-1.61,2.42c-0.28-0.14-0.47-0.4-0.53-0.7c0-0.43,0.65-1.07,1.39-1.81\\nl0.43-0.43v-0.06h-0.14c-0.23-0.07-0.47-0.11-0.71-0.12c-0.61-0.08-1.22,0.11-1.68,0.51c-0.13-0.24-0.2-0.51-0.21-0.79\\nc0.01-0.11,0.06-0.22,0.14-0.3c0.08-0.06,0.18-0.08,0.28-0.07l0,0c0.82,0.02,1.64,0.1,2.45,0.24l0,0l0,0\\nc0.88-1.15,1.64-2.38,2.28-3.68c0.12-0.05,0.25-0.07,0.38-0.07c0.35,0,0.44,0.24,0.54,0.59c-0.82,0.92-1.5,1.96-2,3.09\\nM7.78,6.87c0.08-1.36,0.7-2.62,1.72-3.52l0.32,0.07C9.06,4.19,8.6,5.19,8.51,6.26c0,2.56,2.73,4.78,5.82,4.78\\nc0,0.22,0,0.45,0,0.69c-0.01,0.35,0,0.69,0.03,1.04c-3.5,0-6.58-2.86-6.58-5.92 M31.25,12.23c1.57,2.49,2.8,2.45,4.66,2.45\\nc-1.19-0.97-2.21-2.14-3-3.46L30,6.65c-0.29-1.44-1.03-2.75-2.12-3.73c0.31-0.1,0.6-0.24,0.87-0.42c-1.88,0-3.73-1-4.75-1\\nc-0.55-0.05-1.03,0.36-1.08,0.91c0,0.58,0.63,1.16,1.73,1.16c0.31,0,0.62-0.04,0.92-0.09c0.65,0.74,1.03,1.67,1.08,2.65\\nc0,2-2.41,3.58-4.83,3.58h-0.41c-0.5-0.67-0.84-1.45-1-2.28c0-1.6,1.05-2.9,1.05-4.48c0-0.68-0.24-1.33-0.67-1.85\\nc0.29-0.23,0.53-0.52,0.7-0.85c-0.22,0.08-0.45,0.11-0.68,0.09c-1.16,0-2.11-0.3-3-0.3c-0.53,0-0.67,0.16-0.67,0.31\\nc-0.01,0.05-0.01,0.1,0,0.15c-0.19-0.08-0.39-0.13-0.59-0.17c-0.29-0.05-0.58-0.08-0.88-0.08c-1.13,0-1.52,0.47-1.52,0.87\\nc0.07,0.52,0.27,1.01,0.57,1.44c0.4-0.2,0.84-0.31,1.28-0.34c0.6,0,1.13,0.57,1.41,1.24c-0.29,0.05-0.59,0.07-0.88,0.07\\nc-0.68-0.03-1.36-0.16-2-0.39l0,0c0,0,0.31,0.56,0.92,0.78c0.72,0.22,1.46,0.37,2.21,0.45c-0.08,0.21-0.23,0.38-0.43,0.49\\nc-0.05,0.02-0.09,0.02-0.14,0c-0.74-0.14-1.45-0.35-2.14-0.65H14.9c0,0.42,1.09,1.35,2.07,1.71c-1.06,1.1-1.87,2.41-2.39,3.85\\nh-0.41c-2.42,0-4.82-1.57-4.82-3.58c0.05-0.98,0.43-1.91,1.07-2.65c0.3,0.05,0.61,0.09,0.92,0.09c1.1,0,1.69-0.58,1.74-1.16\\nc-0.04-0.55-0.52-0.96-1.07-0.92c0,0,0,0-0.01,0c-1,0-2.88,1-4.76,1C7.51,2.73,7.8,2.87,8.11,2.97C7.03,3.94,6.29,5.23,6,6.65\\nl-2.87,4.59c-0.79,1.32-1.81,2.49-3,3.46c1.86,0,3.09,0,4.66-2.45L6.26,9.9c0.11,0.31,0.24,0.61,0.4,0.9l-2.97,4.67\\nc-0.79,1.32-1.8,2.49-3,3.46c1.85,0,3.08,0,4.65-2.44l2.52-4c0.19,0.2,0.39,0.4,0.6,0.58l-3.59,5.7c-0.79,1.32-1.8,2.49-3,3.45\\nc1.85,0,3.08,0.05,4.65-2.44L10,14.2c0.22,0.14,0.46,0.28,0.7,0.41l-4.27,6.77c-0.79,1.31-1.81,2.48-3,3.45\\nc1.85,0,3.08,0,4.65-2.44l4.36-7c0.25,0.1,0.51,0.2,0.78,0.28l-4.95,7.9c-0.79,1.31-1.81,2.48-3,3.45c1.85,0,3.08,0.05,4.65-2.43\\nl5.24-8.39h0.16c0.14,0.42,0.22,0.86,0.24,1.3c0,2.64-1.73,5-3.8,6.76c0.19,0.06,0.38,0.09,0.58,0.08c0.3,0.01,0.6-0.01,0.9-0.05\\nc-0.57,1.13-1.24,2.21-2,3.23c-0.77-0.13-1.54-0.2-2.32-0.22c-0.67,0-0.75,0.4-0.75,0.75c-0.01,0.53,0.22,1.03,0.62,1.38\\nc0.13-0.31,0.38-0.73,1.63-0.73h0.13C10.11,29.13,9,30.06,9,30.77c0.06,0.66,0.59,1.18,1.25,1.24c-0.02-0.14-0.02-0.28,0-0.42\\nc0.13-0.69,0.48-1.33,1-1.8c-0.01,0.1-0.01,0.2,0,0.3c0,1.43,0.13,2.08,1,2.08c0.31-0.01,0.61-0.12,0.86-0.31\\nc-0.5-0.44-0.73-1.11-0.62-1.77c0-0.21,0-0.41,0-0.69c0.02-0.2,0.02-0.41,0-0.61c0.24-0.02,0.47-0.02,0.71,0\\nc0,0,1.29-0.1,1.6,0.57c0.35-0.32,0.86-0.78,0.86-1.27c0-0.33-0.16-0.71-0.83-0.71c-0.25,0-1,0.16-1.7,0.16\\nc0.48-0.84,1.04-1.64,1.66-2.39c0.1,0.39,0.31,0.74,0.62,1c0.12-1.17,0.54-2.28,1.21-3.24c0.16,0.93,0.24,1.87,0.23,2.82\\nc0,3.55-0.85,6.17-2.66,6.67c0.26,0.46,0.73,0.75,1.25,0.78c0.66,0,1-0.75,1.39-1.46c0.19,0.53,0.72,1.8,1.25,1.8\\ns1.06-1.27,1.25-1.8c0.37,0.71,0.73,1.46,1.39,1.46c0.52-0.03,1-0.33,1.26-0.78c-1.82-0.5-2.67-3.12-2.67-6.67\\nc-0.01-0.95,0.07-1.89,0.23-2.82c0.68,0.96,1.1,2.07,1.21,3.24c0.31-0.26,0.53-0.61,0.63-1c0.61,0.75,1.15,1.54,1.62,2.38\\nc-0.66,0-1.45-0.16-1.7-0.16c-0.67,0-0.82,0.38-0.82,0.71c0,0.49,0.51,1,0.86,1.27c0.3-0.67,1.59-0.57,1.59-0.57\\nc0.24-0.02,0.47-0.02,0.71,0c-0.02,0.2-0.02,0.41,0,0.61v0.69c0.11,0.66-0.12,1.33-0.62,1.77c0.25,0.19,0.55,0.3,0.86,0.31\\nc0.91,0,1-0.65,1-2.08c0.01-0.1,0.01-0.2,0-0.3c0.52,0.47,0.87,1.11,1,1.8c0.02,0.14,0.02,0.28,0,0.42\\nc0.61-0.11,1.06-0.62,1.12-1.23c0-0.74-1.15-1.67-1.52-2.08h0.13c1.25,0,1.5,0.42,1.63,0.73c0.4-0.35,0.63-0.85,0.62-1.38\\nc0-0.35-0.07-0.75-0.75-0.75c-0.78,0.02-1.55,0.09-2.32,0.22c-0.76-1.02-1.43-2.1-2-3.23c0.3,0.04,0.6,0.06,0.9,0.05\\nc0.19,0.01,0.39-0.02,0.57-0.08c-2.07-1.79-3.8-4.12-3.8-6.76c0.02-0.44,0.1-0.88,0.24-1.3h0.16l5.24,8.39\\nc1.57,2.48,2.8,2.43,4.65,2.43c-1.19-0.97-2.21-2.14-3-3.45l-4.92-7.87c0.27-0.08,0.53-0.18,0.79-0.28l4.35,7\\nc1.57,2.48,2.8,2.44,4.65,2.44c-1.19-0.97-2.21-2.14-3-3.45l-4.23-6.77c0.24-0.13,0.48-0.27,0.7-0.41l3.42,5.55\\nc1.57,2.49,2.8,2.44,4.65,2.44c-1.19-0.97-2.21-2.13-3-3.45l-3.55-5.69c0.2-0.18,0.4-0.38,0.59-0.58l2.52,4\\nc1.57,2.48,2.8,2.44,4.65,2.44c-1.2-0.97-2.21-2.14-3-3.46l-2.99-4.7c0.16-0.29,0.29-0.59,0.4-0.9L31.25,12.23z\" }));\nconst KolLogo = class {\n constructor(hostRef) {\n registerInstance(this, hostRef);\n this._org = undefined;\n this.state = {\n _org: Bundesanstalt['Informationstechnikzentrum Bund'],\n };\n }\n validateOrg(value) {\n if (typeof value === 'string' && ENUM_AS_MAP.has(value)) {\n setState(this, '_org', value);\n }\n else {\n devHint(`The abbreviation (${value}) used is not defined!`);\n }\n }\n componentWillLoad() {\n this.validateOrg(this._org);\n }\n render() {\n var _a;\n return (h(Host, { key: 'b2186ee9571f7119314570f6e120bdd98a05c7b1', class: \"kol-logo\" }, h(\"svg\", { key: 'cced9f4240697537c455b3f29ed3b59321e773c2', \"aria-label\": translate('kol-logo-description', { placeholders: { orgShort: this.state._org, orgLong: getAriaLabel(this.state._org) } }), role: \"img\", viewBox: \"0 0 225 100\" }, h(\"rect\", { key: '790a631846a81c32ade692929d229c00f11b1412', width: \"100%\", height: \"100%\", fill: \"white\" }), h(\"svg\", { key: '9e07bdd86fea2aa5e7c642db06bcef8ee1f79ac5', x: \"0\", y: \"4\", height: \"75\" }, h(Adler, { key: '03c0b6074d05664be71354fc8692d7de2ba7485a' })), h(\"svg\", { key: '108854c7bf699efc345ece005631c511b96bd52b', x: \"40.5\", y: \"3.5\", height: \"100\" }, h(\"rect\", { key: '0aae4cbd05da8af8bad34db26fa52fe165e97524', width: \"5\", height: \"30\" }), h(\"rect\", { key: '7e457ccd4020b9a5f7f45ef3c67bab75d27e97f4', y: \"30\", width: \"5\", height: \"30\", fill: \"red\" }), h(\"rect\", { key: 'ce68eac200d79047e515219839864c5d6598d0ec', y: \"60\", width: \"5\", height: \"30\", fill: \"#fc0\" })), h(\"svg\", { key: 'ef7aa84de6043c19bc42b57e48cc1b7c64fe25e0', x: \"50\", y: \"0\" }, h(\"text\", { key: 'd98d461b5e2ccb57559df3359aba3debda3f2a0a', x: \"0\", y: \"-0.05em\", \"font-family\": \"Verdana\", style: { backgroundColor: 'white', color: 'black' } }, BUND_LOGO_TEXT_MAP.has(this.state._org) ? (h(\"tspan\", null, (_a = BUND_LOGO_TEXT_MAP.get(this.state._org)) === null || _a === void 0 ? void 0 : _a.map((text, index) => {\n return (h(\"tspan\", { x: \"0\", dy: \"1.1em\", key: `kol-logo-text-${index}` }, text));\n }))) : (h(\"tspan\", { fill: \"red\" }, h(\"tspan\", { x: \"0\", dy: \"1.1em\" }, \"Der Schl\\u00FCsselwert\"), h(\"tspan\", { x: \"0\", dy: \"1.1em\", \"font-weight\": \"bold\" }, \"'\", this.state._org, \"'\"), h(\"tspan\", { x: \"0\", dy: \"1.1em\" }, \"ist nicht definiert.\"), h(\"tspan\", { x: \"0\", dy: \"1.1em\" }, \"oder freigegeben.\"))))))));\n }\n static get watchers() { return {\n \"_org\": [\"validateOrg\"]\n }; }\n};\nKolLogo.style = {\n default: KolLogoDefaultStyle0\n};\n\nexport { KolLogo as kol_logo };\n\n//# sourceMappingURL=kol-logo.entry.js.map"],"names":["defaultStyleCss","KolLogoDefaultStyle0","enumToArray","enumeration","enumAsMap","key","value","ENUM_AS_MAP","Bundesamt","Bundesanstalt","Bundesministerium","getAriaLabel","organ","Adler","h","KolLogo","hostRef","registerInstance","setState","devHint","_a","Host","translate","BUND_LOGO_TEXT_MAP","text","index"],"mappings":"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"}

package/dist/assets/{kol-modal.entry-CXlVU76H.js → kol-modal.entry-C9BNsqy_.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import{r as i,h as t,w as a,s as o,t as l}from"./index-CJwtOLCA.js";import{v as s}from"./label-51d66c9d-CT4N_dB0.js";/*!
+import{r as i,h as t,w as a,s as o,t as l}from"./index-BUU9OKG2.js";import{v as s}from"./label-2d7e2d68-BaoWgDXa.js";/*!
  * KoliBri - The accessible HTML-Standard
  */const d=`/*
  * This file contains all rules for accessibility.
@@ -9,13 +9,13 @@ import{r as i,h as t,w as a,s as o,t as l}from"./index-CJwtOLCA.js";import{v as
      * Minimum size of interactive elements.
      */
     --a11y-min-size: calc(44rem / var(--kolibri-root-font-size, 16));
+    color: black;
     /*
      * No element should be used without a background and font color whose contrast ratio has
      * not been checked. By initially setting the background color to white and the font color
      * to black, the contrast ratio is ensured and explicit adjustment is forced.
      */
     background-color: white;
-    color: black;
     /*
      * Verdana is an accessible font that can be used without requiring additional loading time.
      */
@@ -46,11 +46,10 @@ import{r as i,h as t,w as a,s as o,t as l}from"./index-CJwtOLCA.js";import{v as
   /* option, */
   /* select, */
   /* textarea, */
-  [role=button],
-  button:not([role=link]),
+  button,
   .kol-input .input {
-    min-height: var(--a11y-min-size);
     min-width: var(--a11y-min-size);
+    min-height: var(--a11y-min-size);
   }
   /*
    * Some interactive elements should not inherit the font-family and font-size.
@@ -96,7 +95,6 @@ import{r as i,h as t,w as a,s as o,t as l}from"./index-CJwtOLCA.js";import{v as
     height: 1px;
     overflow: hidden;
     white-space: nowrap;
-    clip: rect(0 0 0 0);
     clip-path: inset(50%);
   }
 }
@@ -107,10 +105,10 @@ import{r as i,h as t,w as a,s as o,t as l}from"./index-CJwtOLCA.js";import{v as
    */
   :is(a, button) {
     background-color: transparent;
-    border: none;
+    width: 100%; /* 100% needed for custom width from outside */
     margin: 0;
     padding: 0;
-    width: 100%; /* 100% needed for custom width from outside */
+    border: none;
   }
   /*
    * Ensure elements with hidden attribute to be actually not visible
@@ -122,12 +120,12 @@ import{r as i,h as t,w as a,s as o,t as l}from"./index-CJwtOLCA.js";import{v as
 }
 @layer kol-global {
   :host {
-    font-size: calc(16rem / var(--kolibri-root-font-size, 16));
     /*
      * The max-width is needed to prevent the table from overflowing the
      * parent node, if the table is wider than the parent node.
      */
     max-width: 100%;
+    font-size: calc(16rem / var(--kolibri-root-font-size, 16));
   }
   * {
     /*
@@ -163,26 +161,26 @@ import{r as i,h as t,w as a,s as o,t as l}from"./index-CJwtOLCA.js";import{v as
   [aria-disabled=true]:focus,
   [disabled],
   [disabled]:focus {
-    cursor: not-allowed;
     opacity: 0.5;
     outline: none;
+    cursor: not-allowed;
   }
   [aria-disabled=true]:focus .kol-span-wc,
   [disabled]:focus .kol-span-wc {
     outline: none !important;
   }
   .badge-text-hint {
-    background-color: lightgray;
     color: black;
+    background-color: lightgray;
   }
 }
 @layer kol-component {
   .kol-modal {
-    border: 0;
     padding: 0;
+    border: 0;
   }
   .kol-modal::backdrop {
     background-color: rgba(0, 0, 0, 0.33);
   }
 }`,r=d,h=class{constructor(n){i(this,n),this._activeElement=void 0,this._label=void 0,this._on=void 0,this._width="100%",this.state={_activeElement:null,_label:"",_width:"100%"}}componentDidRender(){var n;this.state._activeElement&&((n=this.refDialog)===null||n===void 0||n.showModal())}disconnectedCallback(){this.closeModal()}handleNativeCloseEvent(){var n,e;(e=(n=this.state._on)===null||n===void 0?void 0:n.onClose)===null||e===void 0||e.call(n)}async openModal(){var n;(n=this.refDialog)===null||n===void 0||n.showModal()}async closeModal(){var n,e;this._activeElement=null,(e=(n=this.refDialog)===null||n===void 0?void 0:n.close)===null||e===void 0||e.call(n)}render(){return t("dialog",{key:"68d94eb0bb60f6d103636a88fd139a7584dcca0c",class:"kol-modal",ref:n=>{this.refDialog=n},style:{width:this.state._width},"aria-label":this.state._label,onClose:this.handleNativeCloseEvent.bind(this)},t("div",{key:"12a65996baaea3e24d0337a035aa847d2bdfb078"},t("slot",{key:"b06e6182acf14dccbda7748da6a7bac39a4cd523"})))}validateActiveElement(n){a(this,"_activeElement",e=>typeof e=="object"||e===null,new Set(["HTMLElement","null"]),n,{defaultValue:null,hooks:{afterPatch:()=>{this.state._activeElement?this.openModal():this.closeModal()}}})}validateLabel(n){s(this,n,{required:!0})}validateOn(n){if(typeof n=="object"&&n!==null){const e={};(typeof n.onClose=="function"||n.onClose===!0)&&(e.onClose=n.onClose),o(this,"_on",e)}}validateWidth(n){l(this,"_width",n,{defaultValue:"100%"})}componentWillLoad(){this.validateActiveElement(this._activeElement),this.validateLabel(this._label),this.validateOn(this._on),this.validateWidth(this._width)}static get watchers(){return{_activeElement:["validateActiveElement"],_label:["validateLabel"],_on:["validateOn"],_width:["validateWidth"]}}};h.style={default:r};export{h as kol_modal};
-//# sourceMappingURL=kol-modal.entry-CXlVU76H.js.map
+//# sourceMappingURL=kol-modal.entry-C9BNsqy_.js.map

package/dist/assets/kol-modal.entry-C9BNsqy_.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"kol-modal.entry-C9BNsqy_.js","sources":["../../../../components/dist/esm/kol-modal.entry.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { r as registerInstance, h } from './index-546fd190.js';\nimport { w as watchValidator, m as setState, y as watchString } from './index-50898179.js';\nimport { v as validateLabel } from './label-2d7e2d68.js';\n\nconst defaultStyleCss = \"/*\\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 color: black;\\n /*\\n * No element should be used without a background and font color whose contrast ratio has\\n * not been checked. By initially setting the background color to white and the font color\\n * to black, the contrast ratio is ensured and explicit adjustment is forced.\\n */\\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 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%; /* 100% needed for custom width from outside */\\n margin: 0;\\n padding: 0;\\n border: none;\\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}\\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 /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\\n .kol-span-wc {\\n display: grid;\\n place-items: center;\\n }\\n /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\\n .kol-span-wc > span {\\n display: flex;\\n place-items: center;\\n }\\n a,\\n button {\\n cursor: pointer;\\n }\\n /* This is the text label. */\\n .hide-label > .kol-span-wc > span > span {\\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-wc,\\n [disabled]:focus .kol-span-wc {\\n outline: none !important;\\n }\\n .badge-text-hint {\\n color: black;\\n background-color: lightgray;\\n }\\n}\\n@layer kol-component {\\n .kol-modal {\\n padding: 0;\\n border: 0;\\n }\\n .kol-modal::backdrop {\\n background-color: rgba(0, 0, 0, 0.33);\\n }\\n}\";\nconst KolModalDefaultStyle0 = defaultStyleCss;\n\nconst KolModal = class {\n constructor(hostRef) {\n registerInstance(this, hostRef);\n this._activeElement = undefined;\n this._label = undefined;\n this._on = undefined;\n this._width = '100%';\n this.state = {\n _activeElement: null,\n _label: '',\n _width: '100%',\n };\n }\n componentDidRender() {\n var _a;\n if (this.state._activeElement) {\n (_a = this.refDialog) === null || _a === void 0 ? void 0 : _a.showModal();\n }\n }\n disconnectedCallback() {\n void this.closeModal();\n }\n handleNativeCloseEvent() {\n var _a, _b;\n (_b = (_a = this.state._on) === null || _a === void 0 ? void 0 : _a.onClose) === null || _b === void 0 ? void 0 : _b.call(_a);\n }\n async openModal() {\n var _a;\n (_a = this.refDialog) === null || _a === void 0 ? void 0 : _a.showModal();\n }\n async closeModal() {\n var _a, _b;\n this._activeElement = null;\n (_b = (_a = this.refDialog) === null || _a === void 0 ? void 0 : _a.close) === null || _b === void 0 ? void 0 : _b.call(_a);\n }\n render() {\n return (h(\"dialog\", { key: '68d94eb0bb60f6d103636a88fd139a7584dcca0c', class: \"kol-modal\", ref: (el) => {\n this.refDialog = el;\n }, style: {\n width: this.state._width,\n }, \"aria-label\": this.state._label, onClose: this.handleNativeCloseEvent.bind(this) }, h(\"div\", { key: '12a65996baaea3e24d0337a035aa847d2bdfb078' }, h(\"slot\", { key: 'b06e6182acf14dccbda7748da6a7bac39a4cd523' }))));\n }\n validateActiveElement(value) {\n watchValidator(this, '_activeElement', (value) => typeof value === 'object' || value === null, new Set(['HTMLElement', 'null']), value, {\n defaultValue: null,\n hooks: {\n afterPatch: () => {\n if (this.state._activeElement) {\n void this.openModal();\n }\n else {\n void this.closeModal();\n }\n },\n },\n });\n }\n validateLabel(value) {\n validateLabel(this, value, {\n required: true,\n });\n }\n validateOn(value) {\n if (typeof value === 'object' && value !== null) {\n const callbacks = {};\n if (typeof value.onClose === 'function' || value.onClose === true) {\n callbacks.onClose = value.onClose;\n }\n setState(this, '_on', callbacks);\n }\n }\n validateWidth(value) {\n watchString(this, '_width', value, {\n defaultValue: '100%',\n });\n }\n componentWillLoad() {\n this.validateActiveElement(this._activeElement);\n this.validateLabel(this._label);\n this.validateOn(this._on);\n this.validateWidth(this._width);\n }\n static get watchers() { return {\n \"_activeElement\": [\"validateActiveElement\"],\n \"_label\": [\"validateLabel\"],\n \"_on\": [\"validateOn\"],\n \"_width\": [\"validateWidth\"]\n }; }\n};\nKolModal.style = {\n default: KolModalDefaultStyle0\n};\n\nexport { KolModal as kol_modal };\n\n//# sourceMappingURL=kol-modal.entry.js.map"],"names":["defaultStyleCss","KolModalDefaultStyle0","KolModal","hostRef","registerInstance","_a","_b","h","el","value","watchValidator","validateLabel","callbacks","setState","watchString"],"mappings":"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"}

package/dist/assets/{kol-nav.entry-CUrXNcgC.js → kol-nav.entry-Cepfzk10.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import{r as u,h as a,n as f,c,a3 as m,H as _,j as v,C as g,w as k,q as p}from"./index-CJwtOLCA.js";import{t as h}from"./i18n-820d85c7-BH6ws-IX.js";import{r as b,a as w}from"./unique-nav-labels-917eec2b-3IzKmPjj.js";import{w as x}from"./validation-db4e7b56-C4q_YvP4.js";import{v as y}from"./hide-label-2b46168f-E2ZtYcU8.js";import{v as C}from"./label-51d66c9d-CT4N_dB0.js";/*!
+import{r as u,h as a,n as f,c as h,a3 as m,H as _,j as v,C as g,w as k,q as p}from"./index-BUU9OKG2.js";import{t as c}from"./i18n-b4507b80-Ky9eA4Kp.js";import{r as b,a as w}from"./unique-nav-labels-ff53a6d0-CmkId7Oi.js";import{w as x}from"./validation-0a3825a7-jeusmETO.js";import{v as y}from"./hide-label-6f1ea82b-QGSjf0P7.js";import{v as C}from"./label-2d7e2d68-BaoWgDXa.js";/*!
  * KoliBri - The accessible HTML-Standard
  */const L=(e,n)=>{p(e,"_collapsible",n)},z=(e,n)=>{p(e,"_hasCompactButton",n)},B=(e,n)=>{p(e,"_hasIconsWhenExpanded",n)},E=`/*
  * This file contains all rules for accessibility.
@@ -9,13 +9,13 @@ import{r as u,h as a,n as f,c,a3 as m,H as _,j as v,C as g,w as k,q as p}from"./
      * Minimum size of interactive elements.
      */
     --a11y-min-size: calc(44rem / var(--kolibri-root-font-size, 16));
+    color: black;
     /*
      * No element should be used without a background and font color whose contrast ratio has
      * not been checked. By initially setting the background color to white and the font color
      * to black, the contrast ratio is ensured and explicit adjustment is forced.
      */
     background-color: white;
-    color: black;
     /*
      * Verdana is an accessible font that can be used without requiring additional loading time.
      */
@@ -46,11 +46,10 @@ import{r as u,h as a,n as f,c,a3 as m,H as _,j as v,C as g,w as k,q as p}from"./
   /* option, */
   /* select, */
   /* textarea, */
-  [role=button],
-  button:not([role=link]),
+  button,
   .kol-input .input {
-    min-height: var(--a11y-min-size);
     min-width: var(--a11y-min-size);
+    min-height: var(--a11y-min-size);
   }
   /*
    * Some interactive elements should not inherit the font-family and font-size.
@@ -96,7 +95,6 @@ import{r as u,h as a,n as f,c,a3 as m,H as _,j as v,C as g,w as k,q as p}from"./
     height: 1px;
     overflow: hidden;
     white-space: nowrap;
-    clip: rect(0 0 0 0);
     clip-path: inset(50%);
   }
 }
@@ -107,10 +105,10 @@ import{r as u,h as a,n as f,c,a3 as m,H as _,j as v,C as g,w as k,q as p}from"./
    */
   :is(a, button) {
     background-color: transparent;
-    border: none;
+    width: 100%; /* 100% needed for custom width from outside */
     margin: 0;
     padding: 0;
-    width: 100%; /* 100% needed for custom width from outside */
+    border: none;
   }
   /*
    * Ensure elements with hidden attribute to be actually not visible
@@ -122,12 +120,12 @@ import{r as u,h as a,n as f,c,a3 as m,H as _,j as v,C as g,w as k,q as p}from"./
 }
 @layer kol-global {
   :host {
-    font-size: calc(16rem / var(--kolibri-root-font-size, 16));
     /*
      * The max-width is needed to prevent the table from overflowing the
      * parent node, if the table is wider than the parent node.
      */
     max-width: 100%;
+    font-size: calc(16rem / var(--kolibri-root-font-size, 16));
   }
   * {
     /*
@@ -163,17 +161,17 @@ import{r as u,h as a,n as f,c,a3 as m,H as _,j as v,C as g,w as k,q as p}from"./
   [aria-disabled=true]:focus,
   [disabled],
   [disabled]:focus {
-    cursor: not-allowed;
     opacity: 0.5;
     outline: none;
+    cursor: not-allowed;
   }
   [aria-disabled=true]:focus .kol-span-wc,
   [disabled]:focus .kol-span-wc {
     outline: none !important;
   }
   .badge-text-hint {
-    background-color: lightgray;
     color: black;
+    background-color: lightgray;
   }
 }
 @layer kol-component {
@@ -182,32 +180,32 @@ import{r as u,h as a,n as f,c,a3 as m,H as _,j as v,C as g,w as k,q as p}from"./
     contain: layout;
   }
   .kol-tooltip-wc .tooltip-floating {
-    animation-duration: 0.25s;
-    animation-iteration-count: 1;
-    animation-name: fadeInOpacity;
-    animation-timing-function: ease-in;
     display: none;
     position: fixed;
-    visibility: hidden;
     /* Avoid layout interference - see https://floating-ui.com/docs/computePosition */
     top: 0;
     left: 0;
-    max-width: 90vw;
-    max-height: 90vh;
     /* Can be used to specify the tooltip-width from the outside. Unset by default.  */
     width: var(--kol-tooltip-width);
+    max-width: 90vw;
+    max-height: 90vh;
+    visibility: hidden;
+    animation-duration: 0.25s;
+    animation-iteration-count: 1;
+    animation-name: fadeInOpacity;
+    animation-timing-function: ease-in;
   }
   /* Shared between content and arrow */
   .kol-tooltip-wc .tooltip-area {
-    background-color: #fff;
     color: #000;
+    background-color: #fff;
   }
   .kol-tooltip-wc .tooltip-arrow {
-    height: calc(10rem / var(--kolibri-root-font-size, 16));
-    position: absolute;
     transform: rotate(45deg);
-    width: calc(10rem / var(--kolibri-root-font-size, 16));
+    position: absolute;
     z-index: 999;
+    width: calc(10rem / var(--kolibri-root-font-size, 16));
+    height: calc(10rem / var(--kolibri-root-font-size, 16));
   }
   .kol-tooltip-wc .tooltip-content {
     position: relative;
@@ -231,9 +229,9 @@ import{r as u,h as a,n as f,c,a3 as m,H as _,j as v,C as g,w as k,q as p}from"./
   }
   .list {
     display: flex;
-    list-style: none;
     margin: 0;
     padding: 0;
+    list-style: none;
   }
   .list.vertical {
     flex-direction: column;
@@ -253,5 +251,5 @@ import{r as u,h as a,n as f,c,a3 as m,H as _,j as v,C as g,w as k,q as p}from"./
   .entry .button {
     text-align: left;
   }
-}`,W=E,H=e=>typeof e._href=="string",O=e=>{var n;return e._href===void 0&&typeof((n=e._on)===null||n===void 0?void 0:n.onClick)=="function"},I=class{constructor(e){u(this,e),this.handleToggleExpansionClick=n=>{n&&(this.state._expandedChildren.includes(n)?this.collapseChildren(n):this.expandChildren(n))},this.linkList=n=>a("ul",{class:`list ${n.deep===0&&n.orientation==="horizontal"?" horizontal":" vertical"}`,"data-deep":n.deep},n.links.map((t,i)=>this.li(n.collapsible,n.hideLabel,n.deep,i,t,n.orientation))),this._collapsible=!0,this._hasCompactButton=!1,this._hasIconsWhenExpanded=!1,this._hideLabel=!1,this._label=void 0,this._links=void 0,this._orientation="vertical",this.state={_collapsible:!0,_hasCompactButton:!1,_hasIconsWhenExpanded:!1,_hideLabel:!1,_label:"",_links:[],_orientation:"vertical",_expandedChildren:[]}}expandChildren(e){this.state=Object.assign(Object.assign({},this.state),{_expandedChildren:[...this.state._expandedChildren,e]})}collapseChildren(e){this.state=Object.assign(Object.assign({},this.state),{_expandedChildren:this.state._expandedChildren.filter(n=>n!==e)})}entry(e,n,t,i,o){const l=this.state._hasIconsWhenExpanded||this.state._hideLabel?i._icons||(this.state._hideLabel?"codicon codicon-symbol-method":void 0):void 0;return a("div",{class:{entry:!0,"hide-label":n}},H(i)?a(f,Object.assign({class:"entry-item"},i,{_hideLabel:n,_icons:l})):a(c,{class:"entry-item",_label:i._label,_hideLabel:n,_icons:l,_on:{onClick:(d,s)=>{O(i)&&typeof i._on.onClick=="function"?i._on.onClick(d,s):this.handleToggleExpansionClick(i._children)}}}),t?this.expandButton(e,i,o):"")}expandButton(e,n,t){return a(c,{class:"expand-button",_ariaExpanded:t,_disabled:!e,_icons:"codicon codicon-"+(t?"remove":"add"),_hideLabel:!0,_label:`${t?h("kol-nav-label-close",{placeholders:{label:n._label}}):h("kol-nav-label-open",{placeholders:{label:n._label}})}`,_on:{onClick:()=>this.handleToggleExpansionClick(n._children)}})}li(e,n,t,i,o,l){const d=!!o._active,s=Array.isArray(o._children)&&o._children.length>0,r=!!(o._children&&this.state._expandedChildren.includes(o._children));return a("li",{class:{active:d,expanded:r,"has-children":s},key:i},this.entry(e,n,s,o,r),r&&a(this.linkList,{collapsible:e,hideLabel:n,deep:t+1,links:o._children||[],orientation:l}))}initializeExpandedChildren(){this.state=Object.assign(Object.assign({},this.state),{_expandedChildren:[]});const e=n=>{if(n._active)return n._children&&this.expandChildren(n._children),!0;if(n._children){for(const t of n._children)if(e(t))return this.expandChildren(n._children),!0}return!1};this.state._links.forEach(e)}render(){let e=this.state._hasCompactButton;this.state._orientation==="horizontal"&&this.state._hasCompactButton===!0&&(e=!1,m("[KolNav] Wenn eine horizontale Navigation verwendet wird, kann die Option _hasCompactButton nicht aktiviert werden."));const n=this.state._collapsible===!0,t=this.state._hideLabel===!0,i=this.state._orientation;return a(_,{key:"83f8fd4be86294cb56684a789ccc9aa893544d70",class:"kol-nav"},a("div",{key:"fc52ebbba54307207839fe1c72e3ad20e372065f",class:{nav:!0,[i]:!0,"is-compact":this.state._hideLabel}},a("nav",{key:"109792c2ffcbd33ba4896da1ac59450976e68863","aria-label":this.state._label,id:"nav"},a(this.linkList,{key:"0ad5abc44862e32c979110361e7151970aacfe4e",collapsible:n,hideLabel:t,deep:0,links:this.state._links,orientation:i})),e&&a("div",{key:"b9737dee75ca53dced7db6c5959e6f454cd2a6cb",class:"compact"},a(c,{key:"0349dda8634dedd431629b9215b193825d076ead",class:"toggle-button",_ariaControls:"nav",_ariaExpanded:!t,_icons:t?"codicon codicon-chevron-right":"codicon codicon-chevron-left",_hideLabel:!0,_label:h(t?"kol-nav-maximize":"kol-nav-minimize"),_on:{onClick:()=>{this.state=Object.assign(Object.assign({},this.state),{_hideLabel:this.state._hideLabel===!1})}},_tooltipAlign:"right",_variant:"ghost"}))))}validateCollapsible(e){L(this,e)}validateHasCompactButton(e){z(this,e)}validateHasIconsWhenExpanded(e){B(this,e)}validateHideLabel(e){y(this,e)}validateLabel(e,n,t=!1){t||b(this.state._label),C(this,e,{required:!0}),v(e),w(this.state._label)}validateLinks(e){x("KolNav",this,e),g("[KolNav] The navigation structure is not yet validated recursively."),this.initializeExpandedChildren()}validateOrientation(e){k(this,"_orientation",n=>n==="horizontal"||n==="vertical",new Set(["Orientation {horizontal, vertical}"]),e,{defaultValue:"vertical"})}componentWillLoad(){this.validateCollapsible(this._collapsible),this.validateHideLabel(this._hideLabel),this.validateHasCompactButton(this._hasCompactButton),this.validateHasIconsWhenExpanded(this._hasIconsWhenExpanded),this.validateLabel(this._label,void 0,!0),this.validateLinks(this._links),this.validateOrientation(this._orientation),this.initializeExpandedChildren()}disconnectedCallback(){b(this.state._label)}static get watchers(){return{_collapsible:["validateCollapsible"],_hasCompactButton:["validateHasCompactButton"],_hasIconsWhenExpanded:["validateHasIconsWhenExpanded"],_hideLabel:["validateHideLabel"],_label:["validateLabel"],_links:["validateLinks"],_orientation:["validateOrientation"]}}};I.style={default:W};export{I as kol_nav};
-//# sourceMappingURL=kol-nav.entry-CUrXNcgC.js.map
+}`,W=E,H=e=>typeof e._href=="string",O=e=>{var n;return e._href===void 0&&typeof((n=e._on)===null||n===void 0?void 0:n.onClick)=="function"},I=class{constructor(e){u(this,e),this.handleToggleExpansionClick=n=>{n&&(this.state._expandedChildren.includes(n)?this.collapseChildren(n):this.expandChildren(n))},this.linkList=n=>a("ul",{class:`list ${n.deep===0&&n.orientation==="horizontal"?" horizontal":" vertical"}`,"data-deep":n.deep},n.links.map((t,i)=>this.li(n.collapsible,n.hideLabel,n.deep,i,t,n.orientation))),this._collapsible=!0,this._hasCompactButton=!1,this._hasIconsWhenExpanded=!1,this._hideLabel=!1,this._label=void 0,this._links=void 0,this._orientation="vertical",this.state={_collapsible:!0,_hasCompactButton:!1,_hasIconsWhenExpanded:!1,_hideLabel:!1,_label:"",_links:[],_orientation:"vertical",_expandedChildren:[]}}expandChildren(e){this.state=Object.assign(Object.assign({},this.state),{_expandedChildren:[...this.state._expandedChildren,e]})}collapseChildren(e){this.state=Object.assign(Object.assign({},this.state),{_expandedChildren:this.state._expandedChildren.filter(n=>n!==e)})}entry(e,n,t,i,o){const l=this.state._hasIconsWhenExpanded||this.state._hideLabel?i._icons||(this.state._hideLabel?"codicon codicon-symbol-method":void 0):void 0;return a("div",{class:{entry:!0,"hide-label":n}},H(i)?a(f,Object.assign({class:"entry-item"},i,{_hideLabel:n,_icons:l})):a(h,{class:"entry-item",_label:i._label,_hideLabel:n,_icons:l,_on:{onClick:(d,s)=>{O(i)&&typeof i._on.onClick=="function"?i._on.onClick(d,s):this.handleToggleExpansionClick(i._children)}}}),t?this.expandButton(e,i,o):"")}expandButton(e,n,t){return a(h,{class:"expand-button",_ariaExpanded:t,_disabled:!e,_icons:"codicon codicon-"+(t?"remove":"add"),_hideLabel:!0,_label:`${t?c("kol-nav-label-close",{placeholders:{label:n._label}}):c("kol-nav-label-open",{placeholders:{label:n._label}})}`,_on:{onClick:()=>this.handleToggleExpansionClick(n._children)}})}li(e,n,t,i,o,l){const d=!!o._active,s=Array.isArray(o._children)&&o._children.length>0,r=!!(o._children&&this.state._expandedChildren.includes(o._children));return a("li",{class:{active:d,expanded:r,"has-children":s},key:i},this.entry(e,n,s,o,r),r&&a(this.linkList,{collapsible:e,hideLabel:n,deep:t+1,links:o._children||[],orientation:l}))}initializeExpandedChildren(){this.state=Object.assign(Object.assign({},this.state),{_expandedChildren:[]});const e=n=>{if(n._active)return n._children&&this.expandChildren(n._children),!0;if(n._children){for(const t of n._children)if(e(t))return this.expandChildren(n._children),!0}return!1};this.state._links.forEach(e)}render(){let e=this.state._hasCompactButton;this.state._orientation==="horizontal"&&this.state._hasCompactButton===!0&&(e=!1,m("[KolNav] Wenn eine horizontale Navigation verwendet wird, kann die Option _hasCompactButton nicht aktiviert werden."));const n=this.state._collapsible===!0,t=this.state._hideLabel===!0,i=this.state._orientation;return a(_,{key:"83f8fd4be86294cb56684a789ccc9aa893544d70",class:"kol-nav"},a("div",{key:"fc52ebbba54307207839fe1c72e3ad20e372065f",class:{nav:!0,[i]:!0,"is-compact":this.state._hideLabel}},a("nav",{key:"109792c2ffcbd33ba4896da1ac59450976e68863","aria-label":this.state._label,id:"nav"},a(this.linkList,{key:"0ad5abc44862e32c979110361e7151970aacfe4e",collapsible:n,hideLabel:t,deep:0,links:this.state._links,orientation:i})),e&&a("div",{key:"b9737dee75ca53dced7db6c5959e6f454cd2a6cb",class:"compact"},a(h,{key:"0349dda8634dedd431629b9215b193825d076ead",class:"toggle-button",_ariaControls:"nav",_ariaExpanded:!t,_icons:t?"codicon codicon-chevron-right":"codicon codicon-chevron-left",_hideLabel:!0,_label:c(t?"kol-nav-maximize":"kol-nav-minimize"),_on:{onClick:()=>{this.state=Object.assign(Object.assign({},this.state),{_hideLabel:this.state._hideLabel===!1})}},_tooltipAlign:"right",_variant:"ghost"}))))}validateCollapsible(e){L(this,e)}validateHasCompactButton(e){z(this,e)}validateHasIconsWhenExpanded(e){B(this,e)}validateHideLabel(e){y(this,e)}validateLabel(e,n,t=!1){t||b(this.state._label),C(this,e,{required:!0}),v(e),w(this.state._label)}validateLinks(e){x("KolNav",this,e),g("[KolNav] The navigation structure is not yet validated recursively."),this.initializeExpandedChildren()}validateOrientation(e){k(this,"_orientation",n=>n==="horizontal"||n==="vertical",new Set(["Orientation {horizontal, vertical}"]),e,{defaultValue:"vertical"})}componentWillLoad(){this.validateCollapsible(this._collapsible),this.validateHideLabel(this._hideLabel),this.validateHasCompactButton(this._hasCompactButton),this.validateHasIconsWhenExpanded(this._hasIconsWhenExpanded),this.validateLabel(this._label,void 0,!0),this.validateLinks(this._links),this.validateOrientation(this._orientation),this.initializeExpandedChildren()}disconnectedCallback(){b(this.state._label)}static get watchers(){return{_collapsible:["validateCollapsible"],_hasCompactButton:["validateHasCompactButton"],_hasIconsWhenExpanded:["validateHasIconsWhenExpanded"],_hideLabel:["validateHideLabel"],_label:["validateLabel"],_links:["validateLinks"],_orientation:["validateOrientation"]}}};I.style={default:W};export{I as kol_nav};
+//# sourceMappingURL=kol-nav.entry-Cepfzk10.js.map

package/dist/assets/kol-nav.entry-Cepfzk10.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"kol-nav.entry-Cepfzk10.js","sources":["../../../../components/dist/esm/kol-nav.entry.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { r as registerInstance, h, H as Host } from './index-546fd190.js';\nimport { j as watchBoolean, G as devWarning, t as a11yHintLabelingLandmarks, C as devHint, w as watchValidator } from './index-50898179.js';\nimport { t as translate } from './i18n-b4507b80.js';\nimport { r as removeNavLabel, a as addNavLabel } from './unique-nav-labels-ff53a6d0.js';\nimport { w as watchNavLinks } from './validation-0a3825a7.js';\nimport { j as KolLinkWcTag, c as KolButtonWcTag } from './component-names-4cb1c62b.js';\nimport { v as validateHideLabel } from './hide-label-6f1ea82b.js';\nimport { v as validateLabel } from './label-2d7e2d68.js';\nimport './i18n-b14e6088.js';\n\nconst validateCollapsible = (component, value) => {\n watchBoolean(component, '_collapsible', value);\n};\n\nconst validateHasCompactButton = (component, value) => {\n watchBoolean(component, '_hasCompactButton', value);\n};\n\nconst validateHasIconsWhenExpanded = (component, value) => {\n watchBoolean(component, '_hasIconsWhenExpanded', value);\n};\n\nconst defaultStyleCss = \"/*\\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 color: black;\\n /*\\n * No element should be used without a background and font color whose contrast ratio has\\n * not been checked. By initially setting the background color to white and the font color\\n * to black, the contrast ratio is ensured and explicit adjustment is forced.\\n */\\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 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%; /* 100% needed for custom width from outside */\\n margin: 0;\\n padding: 0;\\n border: none;\\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}\\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 /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\\n .kol-span-wc {\\n display: grid;\\n place-items: center;\\n }\\n /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\\n .kol-span-wc > span {\\n display: flex;\\n place-items: center;\\n }\\n a,\\n button {\\n cursor: pointer;\\n }\\n /* This is the text label. */\\n .hide-label > .kol-span-wc > span > span {\\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-wc,\\n [disabled]:focus .kol-span-wc {\\n outline: none !important;\\n }\\n .badge-text-hint {\\n color: black;\\n background-color: lightgray;\\n }\\n}\\n@layer kol-component {\\n .kol-tooltip-wc {\\n display: contents;\\n contain: layout;\\n }\\n .kol-tooltip-wc .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 /* Shared between content and arrow */\\n .kol-tooltip-wc .tooltip-area {\\n color: #000;\\n background-color: #fff;\\n }\\n .kol-tooltip-wc .tooltip-arrow {\\n transform: rotate(45deg);\\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-wc .tooltip-content {\\n position: relative;\\n z-index: 1000;\\n }\\n @keyframes fadeInOpacity {\\n 0% {\\n opacity: 0;\\n }\\n 100% {\\n opacity: 1;\\n }\\n }\\n}\\n@layer kol-component {\\n :host > div {\\n display: flex;\\n flex-direction: column;\\n align-items: center;\\n place-items: center;\\n }\\n .list {\\n display: flex;\\n margin: 0;\\n padding: 0;\\n list-style: none;\\n }\\n .list.vertical {\\n flex-direction: column;\\n }\\n .list.horizontal {\\n flex-wrap: wrap;\\n }\\n .entry {\\n display: flex;\\n }\\n .entry-item {\\n flex-grow: 1;\\n }\\n .entry .kol-span-wc {\\n place-items: start;\\n }\\n .entry .button {\\n text-align: left;\\n }\\n}\";\nconst KolNavDefaultStyle0 = defaultStyleCss;\n\nconst entryIsLink = (entryProps) => {\n return typeof entryProps._href === 'string';\n};\nconst entryIsButton = (entryProps) => {\n var _a;\n return entryProps._href === undefined && typeof ((_a = entryProps._on) === null || _a === void 0 ? void 0 : _a.onClick) === 'function';\n};\nconst KolNav = class {\n constructor(hostRef) {\n registerInstance(this, hostRef);\n this.handleToggleExpansionClick = (children) => {\n if (children) {\n if (this.state._expandedChildren.includes(children)) {\n this.collapseChildren(children);\n }\n else {\n this.expandChildren(children);\n }\n }\n };\n this.linkList = (props) => {\n return (h(\"ul\", { class: `list ${props.deep === 0 && props.orientation === 'horizontal' ? ' horizontal' : ' vertical'}`, \"data-deep\": props.deep }, props.links.map((link, index) => {\n return this.li(props.collapsible, props.hideLabel, props.deep, index, link, props.orientation);\n })));\n };\n this._collapsible = true;\n this._hasCompactButton = false;\n this._hasIconsWhenExpanded = false;\n this._hideLabel = false;\n this._label = undefined;\n this._links = undefined;\n this._orientation = 'vertical';\n this.state = {\n _collapsible: true,\n _hasCompactButton: false,\n _hasIconsWhenExpanded: false,\n _hideLabel: false,\n _label: '',\n _links: [],\n _orientation: 'vertical',\n _expandedChildren: [],\n };\n }\n expandChildren(children) {\n this.state = Object.assign(Object.assign({}, this.state), { _expandedChildren: [...this.state._expandedChildren, children] });\n }\n collapseChildren(children) {\n this.state = Object.assign(Object.assign({}, this.state), { _expandedChildren: this.state._expandedChildren.filter((searchChildren) => searchChildren !== children) });\n }\n entry(collapsible, hideLabel, hasChildren, entry, expanded) {\n const icons = this.state._hasIconsWhenExpanded || this.state._hideLabel\n ? entry._icons || (this.state._hideLabel ? 'codicon codicon-symbol-method' : undefined)\n : undefined;\n return (h(\"div\", { class: { entry: true, 'hide-label': hideLabel } }, entryIsLink(entry) ? (h(KolLinkWcTag, Object.assign({ class: \"entry-item\" }, entry, { _hideLabel: hideLabel, _icons: icons }))) : (h(KolButtonWcTag, { class: \"entry-item\", _label: entry._label, _hideLabel: hideLabel, _icons: icons, _on: {\n onClick: (event, value) => {\n if (entryIsButton(entry) && typeof entry._on.onClick === 'function') {\n entry._on.onClick(event, value);\n }\n else {\n this.handleToggleExpansionClick(entry._children);\n }\n },\n } })), hasChildren ? this.expandButton(collapsible, entry, expanded) : ''));\n }\n expandButton(collapsible, link, expanded) {\n return (h(KolButtonWcTag, { class: \"expand-button\", _ariaExpanded: expanded, _disabled: !collapsible, _icons: 'codicon codicon-' + (expanded ? 'remove' : 'add'), _hideLabel: true, _label: `${expanded ? translate('kol-nav-label-close', { placeholders: { label: link._label } }) : translate('kol-nav-label-open', { placeholders: { label: link._label } })}`, _on: { onClick: () => this.handleToggleExpansionClick(link._children) } }));\n }\n li(collapsible, hideLabel, deep, index, link, orientation) {\n const active = !!link._active;\n const hasChildren = Array.isArray(link._children) && link._children.length > 0;\n const expanded = Boolean(link._children && this.state._expandedChildren.includes(link._children));\n return (h(\"li\", { class: {\n active,\n expanded,\n 'has-children': hasChildren,\n }, key: index }, this.entry(collapsible, hideLabel, hasChildren, link, expanded), expanded && h(this.linkList, { collapsible: collapsible, hideLabel: hideLabel, deep: deep + 1, links: link._children || [], orientation: orientation })));\n }\n initializeExpandedChildren() {\n this.state = Object.assign(Object.assign({}, this.state), { _expandedChildren: [] });\n const handleBranch = (branch) => {\n if (branch._active) {\n if (branch._children) {\n this.expandChildren(branch._children);\n }\n return true;\n }\n else if (branch._children) {\n for (const childBranch of branch._children) {\n if (handleBranch(childBranch)) {\n this.expandChildren(branch._children);\n return true;\n }\n }\n }\n return false;\n };\n this.state._links.forEach(handleBranch);\n }\n render() {\n let hasCompactButton = this.state._hasCompactButton;\n if (this.state._orientation === 'horizontal' && this.state._hasCompactButton === true) {\n hasCompactButton = false;\n devWarning(`[KolNav] Wenn eine horizontale Navigation verwendet wird, kann die Option _hasCompactButton nicht aktiviert werden.`);\n }\n const collapsible = this.state._collapsible === true;\n const hideLabel = this.state._hideLabel === true;\n const orientation = this.state._orientation;\n return (h(Host, { key: '83f8fd4be86294cb56684a789ccc9aa893544d70', class: \"kol-nav\" }, h(\"div\", { key: 'fc52ebbba54307207839fe1c72e3ad20e372065f', class: {\n nav: true,\n [orientation]: true,\n 'is-compact': this.state._hideLabel,\n } }, h(\"nav\", { key: '109792c2ffcbd33ba4896da1ac59450976e68863', \"aria-label\": this.state._label, id: \"nav\" }, h(this.linkList, { key: '0ad5abc44862e32c979110361e7151970aacfe4e', collapsible: collapsible, hideLabel: hideLabel, deep: 0, links: this.state._links, orientation: orientation })), hasCompactButton && (h(\"div\", { key: 'b9737dee75ca53dced7db6c5959e6f454cd2a6cb', class: \"compact\" }, h(KolButtonWcTag, { key: '0349dda8634dedd431629b9215b193825d076ead', class: \"toggle-button\", _ariaControls: \"nav\", _ariaExpanded: !hideLabel, _icons: hideLabel ? 'codicon codicon-chevron-right' : 'codicon codicon-chevron-left', _hideLabel: true, _label: translate(hideLabel ? 'kol-nav-maximize' : 'kol-nav-minimize'), _on: {\n onClick: () => {\n this.state = Object.assign(Object.assign({}, this.state), { _hideLabel: this.state._hideLabel === false });\n },\n }, _tooltipAlign: \"right\", _variant: \"ghost\" }))))));\n }\n validateCollapsible(value) {\n validateCollapsible(this, value);\n }\n validateHasCompactButton(value) {\n validateHasCompactButton(this, value);\n }\n validateHasIconsWhenExpanded(value) {\n validateHasIconsWhenExpanded(this, value);\n }\n validateHideLabel(value) {\n validateHideLabel(this, value);\n }\n validateLabel(value, _oldValue, initial = false) {\n if (!initial) {\n removeNavLabel(this.state._label);\n }\n validateLabel(this, value, {\n required: true,\n });\n a11yHintLabelingLandmarks(value);\n addNavLabel(this.state._label);\n }\n validateLinks(value) {\n watchNavLinks('KolNav', this, value);\n devHint(`[KolNav] The navigation structure is not yet validated recursively.`);\n this.initializeExpandedChildren();\n }\n validateOrientation(value) {\n watchValidator(this, '_orientation', (value) => value === 'horizontal' || value === 'vertical', new Set(['Orientation {horizontal, vertical}']), value, {\n defaultValue: 'vertical',\n });\n }\n componentWillLoad() {\n this.validateCollapsible(this._collapsible);\n this.validateHideLabel(this._hideLabel);\n this.validateHasCompactButton(this._hasCompactButton);\n this.validateHasIconsWhenExpanded(this._hasIconsWhenExpanded);\n this.validateLabel(this._label, undefined, true);\n this.validateLinks(this._links);\n this.validateOrientation(this._orientation);\n this.initializeExpandedChildren();\n }\n disconnectedCallback() {\n removeNavLabel(this.state._label);\n }\n static get watchers() { return {\n \"_collapsible\": [\"validateCollapsible\"],\n \"_hasCompactButton\": [\"validateHasCompactButton\"],\n \"_hasIconsWhenExpanded\": [\"validateHasIconsWhenExpanded\"],\n \"_hideLabel\": [\"validateHideLabel\"],\n \"_label\": [\"validateLabel\"],\n \"_links\": [\"validateLinks\"],\n \"_orientation\": [\"validateOrientation\"]\n }; }\n};\nKolNav.style = {\n default: KolNavDefaultStyle0\n};\n\nexport { KolNav as kol_nav };\n\n//# sourceMappingURL=kol-nav.entry.js.map"],"names":["validateCollapsible","component","value","watchBoolean","validateHasCompactButton","validateHasIconsWhenExpanded","defaultStyleCss","KolNavDefaultStyle0","entryIsLink","entryProps","entryIsButton","_a","KolNav","hostRef","registerInstance","children","props","h","link","index","searchChildren","collapsible","hideLabel","hasChildren","entry","expanded","icons","KolLinkWcTag","KolButtonWcTag","event","translate","deep","orientation","active","handleBranch","branch","childBranch","hasCompactButton","devWarning","Host","validateHideLabel","_oldValue","initial","removeNavLabel","validateLabel","a11yHintLabelingLandmarks","addNavLabel","watchNavLinks","devHint","watchValidator"],"mappings":"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"}

package/dist/assets/{kol-pagination.entry-BKJxloAN.js → kol-pagination.entry-zL4geT1V.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import{r as m,a5 as p,h as o,a6 as b,c as r,H as y,B as h,w as v,X as C,p as k}from"./index-CJwtOLCA.js";import{t as s}from"./i18n-820d85c7-BH6ws-IX.js";import{n as c}from"./dev.utils-3a332b59-DBi0Ex3b.js";import{r as g,a as z}from"./unique-nav-labels-917eec2b-3IzKmPjj.js";import{v as w}from"./custom-class-6eaba98d-wSEZj912.js";import{v as S}from"./label-51d66c9d-CT4N_dB0.js";import{v as P}from"./tooltip-align-de415afb-B-bR3uVi.js";import"./align-bc8d98ac-DfD8j5LE.js";/*!
+import{r as m,a5 as p,h as s,a6 as b,c as r,H as y,B as h,w as v,X as C,p as z}from"./index-BUU9OKG2.js";import{t as o}from"./i18n-b4507b80-Ky9eA4Kp.js";import{n as c}from"./dev.utils-b8746379-D5WwAw2a.js";import{r as g,a as k}from"./unique-nav-labels-ff53a6d0-CmkId7Oi.js";import{v as w}from"./custom-class-aa04d105-Cs-9c9zr.js";import{v as S}from"./label-2d7e2d68-BaoWgDXa.js";import{v as P}from"./tooltip-align-6c3169e7-2_9Ohh8c.js";import"./align-ef25bf72-DQjfye0x.js";/*!
  * KoliBri - The accessible HTML-Standard
  */const B=(n,t,e)=>{h(n,"_max",t,e)},A=`@charset "UTF-8";
 /*
@@ -10,13 +10,13 @@ import{r as m,a5 as p,h as o,a6 as b,c as r,H as y,B as h,w as v,X as C,p as k}f
      * Minimum size of interactive elements.
      */
     --a11y-min-size: calc(44rem / var(--kolibri-root-font-size, 16));
+    color: black;
     /*
      * No element should be used without a background and font color whose contrast ratio has
      * not been checked. By initially setting the background color to white and the font color
      * to black, the contrast ratio is ensured and explicit adjustment is forced.
      */
     background-color: white;
-    color: black;
     /*
      * Verdana is an accessible font that can be used without requiring additional loading time.
      */
@@ -47,11 +47,10 @@ import{r as m,a5 as p,h as o,a6 as b,c as r,H as y,B as h,w as v,X as C,p as k}f
   /* option, */
   /* select, */
   /* textarea, */
-  [role=button],
-  button:not([role=link]),
+  button,
   .kol-input .input {
-    min-height: var(--a11y-min-size);
     min-width: var(--a11y-min-size);
+    min-height: var(--a11y-min-size);
   }
   /*
    * Some interactive elements should not inherit the font-family and font-size.
@@ -97,7 +96,6 @@ import{r as m,a5 as p,h as o,a6 as b,c as r,H as y,B as h,w as v,X as C,p as k}f
     height: 1px;
     overflow: hidden;
     white-space: nowrap;
-    clip: rect(0 0 0 0);
     clip-path: inset(50%);
   }
 }
@@ -108,10 +106,10 @@ import{r as m,a5 as p,h as o,a6 as b,c as r,H as y,B as h,w as v,X as C,p as k}f
    */
   :is(a, button) {
     background-color: transparent;
-    border: none;
+    width: 100%; /* 100% needed for custom width from outside */
     margin: 0;
     padding: 0;
-    width: 100%; /* 100% needed for custom width from outside */
+    border: none;
   }
   /*
    * Ensure elements with hidden attribute to be actually not visible
@@ -123,12 +121,12 @@ import{r as m,a5 as p,h as o,a6 as b,c as r,H as y,B as h,w as v,X as C,p as k}f
 }
 @layer kol-global {
   :host {
-    font-size: calc(16rem / var(--kolibri-root-font-size, 16));
     /*
      * The max-width is needed to prevent the table from overflowing the
      * parent node, if the table is wider than the parent node.
      */
     max-width: 100%;
+    font-size: calc(16rem / var(--kolibri-root-font-size, 16));
   }
   * {
     /*
@@ -164,17 +162,17 @@ import{r as m,a5 as p,h as o,a6 as b,c as r,H as y,B as h,w as v,X as C,p as k}f
   [aria-disabled=true]:focus,
   [disabled],
   [disabled]:focus {
-    cursor: not-allowed;
     opacity: 0.5;
     outline: none;
+    cursor: not-allowed;
   }
   [aria-disabled=true]:focus .kol-span-wc,
   [disabled]:focus .kol-span-wc {
     outline: none !important;
   }
   .badge-text-hint {
-    background-color: lightgray;
     color: black;
+    background-color: lightgray;
   }
 }
 @layer kol-component {
@@ -183,32 +181,32 @@ import{r as m,a5 as p,h as o,a6 as b,c as r,H as y,B as h,w as v,X as C,p as k}f
     contain: layout;
   }
   .kol-tooltip-wc .tooltip-floating {
-    animation-duration: 0.25s;
-    animation-iteration-count: 1;
-    animation-name: fadeInOpacity;
-    animation-timing-function: ease-in;
     display: none;
     position: fixed;
-    visibility: hidden;
     /* Avoid layout interference - see https://floating-ui.com/docs/computePosition */
     top: 0;
     left: 0;
-    max-width: 90vw;
-    max-height: 90vh;
     /* Can be used to specify the tooltip-width from the outside. Unset by default.  */
     width: var(--kol-tooltip-width);
+    max-width: 90vw;
+    max-height: 90vh;
+    visibility: hidden;
+    animation-duration: 0.25s;
+    animation-iteration-count: 1;
+    animation-name: fadeInOpacity;
+    animation-timing-function: ease-in;
   }
   /* Shared between content and arrow */
   .kol-tooltip-wc .tooltip-area {
-    background-color: #fff;
     color: #000;
+    background-color: #fff;
   }
   .kol-tooltip-wc .tooltip-arrow {
-    height: calc(10rem / var(--kolibri-root-font-size, 16));
-    position: absolute;
     transform: rotate(45deg);
-    width: calc(10rem / var(--kolibri-root-font-size, 16));
+    position: absolute;
     z-index: 999;
+    width: calc(10rem / var(--kolibri-root-font-size, 16));
+    height: calc(10rem / var(--kolibri-root-font-size, 16));
   }
   .kol-tooltip-wc .tooltip-content {
     position: relative;
@@ -225,22 +223,22 @@ import{r as m,a5 as p,h as o,a6 as b,c as r,H as y,B as h,w as v,X as C,p as k}f
 }
 @layer kol-component {
   :host {
-    align-items: center;
     display: grid;
     gap: calc(16rem / var(--kolibri-root-font-size, 16));
+    align-items: center;
     grid-template-columns: 1fr auto;
   }
   .navigation-list {
-    align-items: center;
     display: inline-flex;
-    flex-wrap: wrap;
-    gap: 0.5em;
-    list-style: none;
     margin: 0;
     padding: 0;
+    gap: 0.5em;
+    flex-wrap: wrap;
+    align-items: center;
+    list-style: none;
   }
   .separator:before {
     content: "•••";
   }
-}`,T=A,O={left:"codicon codicon-debug-reverse-continue"},x={left:"codicon codicon-chevron-left"},L={right:"codicon codicon-chevron-right"},E={right:"codicon codicon-debug-continue"};function M(){const n=navigator.language||"de-DE";return n.includes("-")?n:`${n}-${n.toUpperCase()}`}const j=M(),u=new Intl.NumberFormat(j,{style:"decimal",minimumFractionDigits:0,maximumFractionDigits:0}),D=class{constructor(n){m(this,n),this.nonce=c(),this.calcCount=(t,e=1)=>Math.ceil(t/e),this.getCount=()=>this.calcCount(this.state._max,this.state._pageSize),this.onClick=(t,e)=>{typeof this.state._on.onClick=="function"&&this.state._on.onClick(t,e),this.onChangePage(t,e)},this.onChangePage=(t,e)=>{const a=setTimeout(()=>{clearTimeout(a),typeof this.state._on.onChangePage=="function"&&this.state._on.onChangePage(t,e)})},this.onChangePageSize=(t,e)=>{if(e=parseInt(e[0]),typeof e=="number"&&e>0&&this._pageSize!==e){this._pageSize=e;const a=setTimeout(()=>{clearTimeout(a),typeof this.state._on.onChangePageSize=="function"&&this.state._on.onChangePageSize(t,this._pageSize)})}},this.onGoToFirst={onClick:t=>{this.onClick(t,1)}},this.onGoToEnd={onClick:t=>{this.onClick(t,this.getCount())}},this.onGoBackward={onClick:t=>{this.onClick(t,this.state._page-1)}},this.onGoForward={onClick:t=>{this.onClick(t,this.state._page+1)}},this.beforePageSize=(t,e)=>{let a=e.has("_pageSize")?e.get("_pageSize"):this.state._pageSize;const i=e.has("_pageSizeOptions")?e.get("_pageSizeOptions"):this.state._pageSizeOptions;if(Array.isArray(i)&&i.length>0){const d=i.find(f=>f.value===a);d===void 0?a=i[0].value:a=d.value,e.set("_pageSize",a)}const l=e.has("_page")?e.get("_page"):this.state._page,_=e.has("_max")?e.get("_max"):this.state._max;this.syncPage(e,l,e.get("_pageSize"),_)},this.syncPage=(t,e,a,i)=>{if(i>0){const l=this.calcCount(i,a);l>0&&(e>l?(t.set("_page",l),this.onChangePage(p,l)):e<1&&(t.set("_page",1),this.onChangePage(p,1)))}},this.beforePageSizeOptions=(t,e)=>{const a=[];if(Array.isArray(t))for(const i of t)typeof i=="number"&&a.push({label:s("kol-page-per-site",{placeholders:{entries:`${i}`}}),value:i});e.set("_pageSizeOptions",a),this.beforePageSize(a,e)},this._boundaryCount=1,this._customClass=void 0,this._label=void 0,this._hasButtons=!0,this._page=void 0,this._pageSize=1,this._pageSizeOptions=[],this._on=void 0,this._siblingCount=1,this._tooltipAlign="top",this._max=void 0,this.state={_boundaryCount:1,_label:s("kol-pagination"),_hasButtons:{first:!0,last:!0,next:!0,previous:!0},_on:{onClick:()=>null},_page:0,_pageSize:1,_pageSizeOptions:[],_siblingCount:1,_max:0}}render(){var n;let t=!1;const e=this.getCount(),a=Array.from(Array(e).keys()).map(i=>i+1).map(i=>i<=this.state._boundaryCount||i>e-this.state._boundaryCount||i>=this.state._page-this.state._siblingCount&&i<=this.state._page+this.state._siblingCount?(t=!0,this.state._page===i?this.getSelectedPageButton(i):this.getUnselectedPageButton(i)):t===!0?(t=!1,o("li",{key:c()},o("span",{class:"separator","aria-hidden":"true"}))):null);return o(y,{class:"kol-pagination"},o("nav",{"aria-label":this.state._label},o("ul",{class:"navigation-list"},this.state._hasButtons.first&&o("li",null,o(r,{class:"first",exportparts:"icon",_customClass:this.state._customClass,_disabled:this.state._page<=1,_icons:O,_hideLabel:!0,_label:s("kol-page-first"),_on:this.onGoToFirst,_tooltipAlign:this.state._tooltipAlign})),this.state._hasButtons.previous&&o("li",null,o(r,{class:"previous",exportparts:"icon",_customClass:this.state._customClass,_disabled:this.state._page<=1,_icons:x,_hideLabel:!0,_label:s("kol-page-back"),_on:this.onGoBackward,_tooltipAlign:this.state._tooltipAlign})),a,this.state._hasButtons.next&&o("li",null,o(r,{class:"next",exportparts:"icon",_customClass:this.state._customClass,_disabled:e<=this.state._page,_icons:L,_hideLabel:!0,_label:s("kol-page-next"),_on:this.onGoForward,_tooltipAlign:this.state._tooltipAlign})),this.state._hasButtons.last&&o("li",null,o(r,{class:"last",exportparts:"icon",_customClass:this.state._customClass,_disabled:e<=this.state._page,_icons:E,_hideLabel:!0,_label:s("kol-page-last"),_on:this.onGoToEnd,_tooltipAlign:this.state._tooltipAlign})))),((n=this.state._pageSizeOptions)===null||n===void 0?void 0:n.length)>0&&o(b,{_hideLabel:!0,_id:`pagination-size-${this.nonce}`,_label:s("kol-entries-per-site"),_options:this.state._pageSizeOptions,_on:{onChange:this.onChangePageSize},_value:[this.state._pageSize]}))}getUnselectedPageButton(n){const t=u.format(n);return o("li",{key:c()},o(r,{_ariaDescription:`${s("kol-page")} ${t}`,_customClass:this.state._customClass,_label:t,_on:{onClick:e=>{this.onClick(e,n)}}}))}getSelectedPageButton(n){const t=u.format(n);return o("li",{key:c()},o(r,{"aria-current":"page",class:"selected",_ariaDescription:`${s("kol-page")} ${t}`,_customClass:this.state._customClass,_disabled:!0,_label:t}))}validateBoundaryCount(n){h(this,"_boundaryCount",Math.max(0,n??1))}validateCustomClass(n){w(this,n)}validateLabel(n,t,e=!1){e||g(this.state._label),S(this,n),z(this.state._label)}validateHasButtons(n){v(this,"_hasButtons",t=>typeof t=="boolean"||typeof t=="string"||typeof t=="object"&&t!==null,new Set(["Boolean","PaginationHasButton"]),n,{hooks:{beforePatch:(t,e)=>{if(typeof t=="boolean")e.set("_hasButtons",{first:t,last:t,next:t,previous:t});else{if(typeof t=="string")try{t=k(t)}catch{e.delete("_hasButtons")}typeof t=="object"&&t!==null&&e.set("_hasButtons",Object.assign(Object.assign({},this.state._hasButtons),{first:typeof t.first=="boolean"?t.first===!0:this.state._hasButtons.first,last:typeof t.last=="boolean"?t.last===!0:this.state._hasButtons.last,next:typeof t.next=="boolean"?t.next===!0:this.state._hasButtons.next,previous:typeof t.previous=="boolean"?t.previous===!0:this.state._hasButtons.previous}))}}}})}validateOn(n){typeof n=="object"&&n!==null&&(this.state=Object.assign(Object.assign({},this.state),{_on:n}))}validatePage(n){h(this,"_page",n,{hooks:{beforePatch:(t,e)=>{const a=e.has("_pageSize")?e.get("_pageSize"):this.state._pageSize,i=e.has("_max")?e.get("_max"):this.state._max;this.syncPage(e,t,a,i)}}})}validatePageSize(n){h(this,"_pageSize",n,{hooks:{beforePatch:this.beforePageSize}})}validatePageSizeOptions(n){C(this,"_pageSizeOptions",t=>typeof t=="number",n,void 0,{hooks:{beforePatch:this.beforePageSizeOptions}})}validateSiblingCount(n){h(this,"_siblingCount",Math.max(0,n??1))}validateMax(n){B(this,n,{hooks:{beforePatch:(t,e)=>{const a=e.has("_page")?e.get("_page"):this.state._page,i=e.has("_pageSize")?e.get("_pageSize"):this.state._pageSize;this.syncPage(e,a,i,t)}}})}validateTooltipAlign(n){P(this,n)}componentWillLoad(){this.validateBoundaryCount(this._boundaryCount),this.validateCustomClass(this._customClass),this.validateHasButtons(this._hasButtons),this.validateLabel(this._label,void 0,!0),this.validateOn(this._on),this.validatePage(this._page),this.validatePageSize(this._pageSize),this.validatePageSizeOptions(this._pageSizeOptions),this.validateSiblingCount(this._siblingCount),this.validateTooltipAlign(this._tooltipAlign),this.validateMax(this._max),this.validatePage(this._page)}disconnectedCallback(){g(this.state._label)}static get watchers(){return{_boundaryCount:["validateBoundaryCount"],_customClass:["validateCustomClass"],_label:["validateLabel"],_hasButtons:["validateHasButtons"],_on:["validateOn"],_page:["validatePage"],_pageSize:["validatePageSize"],_pageSizeOptions:["validatePageSizeOptions"],_siblingCount:["validateSiblingCount"],_max:["validateMax"],_tooltipAlign:["validateTooltipAlign"]}}};D.style={default:T};export{D as kol_pagination};
-//# sourceMappingURL=kol-pagination.entry-BKJxloAN.js.map
+}`,T=A,O={left:"codicon codicon-debug-reverse-continue"},x={left:"codicon codicon-chevron-left"},L={right:"codicon codicon-chevron-right"},E={right:"codicon codicon-debug-continue"};function M(){const n=navigator.language||"de-DE";return n.includes("-")?n:`${n}-${n.toUpperCase()}`}const j=M(),u=new Intl.NumberFormat(j,{style:"decimal",minimumFractionDigits:0,maximumFractionDigits:0}),D=class{constructor(n){m(this,n),this.nonce=c(),this.calcCount=(t,e=1)=>Math.ceil(t/e),this.getCount=()=>this.calcCount(this.state._max,this.state._pageSize),this.onClick=(t,e)=>{typeof this.state._on.onClick=="function"&&this.state._on.onClick(t,e),this.onChangePage(t,e)},this.onChangePage=(t,e)=>{const a=setTimeout(()=>{clearTimeout(a),typeof this.state._on.onChangePage=="function"&&this.state._on.onChangePage(t,e)})},this.onChangePageSize=(t,e)=>{if(e=parseInt(e[0]),typeof e=="number"&&e>0&&this._pageSize!==e){this._pageSize=e;const a=setTimeout(()=>{clearTimeout(a),typeof this.state._on.onChangePageSize=="function"&&this.state._on.onChangePageSize(t,this._pageSize)})}},this.onGoToFirst={onClick:t=>{this.onClick(t,1)}},this.onGoToEnd={onClick:t=>{this.onClick(t,this.getCount())}},this.onGoBackward={onClick:t=>{this.onClick(t,this.state._page-1)}},this.onGoForward={onClick:t=>{this.onClick(t,this.state._page+1)}},this.beforePageSize=(t,e)=>{let a=e.has("_pageSize")?e.get("_pageSize"):this.state._pageSize;const i=e.has("_pageSizeOptions")?e.get("_pageSizeOptions"):this.state._pageSizeOptions;if(Array.isArray(i)&&i.length>0){const d=i.find(f=>f.value===a);d===void 0?a=i[0].value:a=d.value,e.set("_pageSize",a)}const l=e.has("_page")?e.get("_page"):this.state._page,_=e.has("_max")?e.get("_max"):this.state._max;this.syncPage(e,l,e.get("_pageSize"),_)},this.syncPage=(t,e,a,i)=>{if(i>0){const l=this.calcCount(i,a);l>0&&(e>l?(t.set("_page",l),this.onChangePage(p,l)):e<1&&(t.set("_page",1),this.onChangePage(p,1)))}},this.beforePageSizeOptions=(t,e)=>{const a=[];if(Array.isArray(t))for(const i of t)typeof i=="number"&&a.push({label:o("kol-page-per-site",{placeholders:{entries:`${i}`}}),value:i});e.set("_pageSizeOptions",a),this.beforePageSize(a,e)},this._boundaryCount=1,this._customClass=void 0,this._label=void 0,this._hasButtons=!0,this._page=void 0,this._pageSize=1,this._pageSizeOptions=[],this._on=void 0,this._siblingCount=1,this._tooltipAlign="top",this._max=void 0,this.state={_boundaryCount:1,_label:o("kol-pagination"),_hasButtons:{first:!0,last:!0,next:!0,previous:!0},_on:{onClick:()=>null},_page:0,_pageSize:1,_pageSizeOptions:[],_siblingCount:1,_max:0}}render(){var n;let t=!1;const e=this.getCount(),a=Array.from(Array(e).keys()).map(i=>i+1).map(i=>i<=this.state._boundaryCount||i>e-this.state._boundaryCount||i>=this.state._page-this.state._siblingCount&&i<=this.state._page+this.state._siblingCount?(t=!0,this.state._page===i?this.getSelectedPageButton(i):this.getUnselectedPageButton(i)):t===!0?(t=!1,s("li",{key:c()},s("span",{class:"separator","aria-hidden":"true"}))):null);return s(y,{class:"kol-pagination"},s("nav",{"aria-label":this.state._label},s("ul",{class:"navigation-list"},this.state._hasButtons.first&&s("li",null,s(r,{class:"first",exportparts:"icon",_customClass:this.state._customClass,_disabled:this.state._page<=1,_icons:O,_hideLabel:!0,_label:o("kol-page-first"),_on:this.onGoToFirst,_tooltipAlign:this.state._tooltipAlign})),this.state._hasButtons.previous&&s("li",null,s(r,{class:"previous",exportparts:"icon",_customClass:this.state._customClass,_disabled:this.state._page<=1,_icons:x,_hideLabel:!0,_label:o("kol-page-back"),_on:this.onGoBackward,_tooltipAlign:this.state._tooltipAlign})),a,this.state._hasButtons.next&&s("li",null,s(r,{class:"next",exportparts:"icon",_customClass:this.state._customClass,_disabled:e<=this.state._page,_icons:L,_hideLabel:!0,_label:o("kol-page-next"),_on:this.onGoForward,_tooltipAlign:this.state._tooltipAlign})),this.state._hasButtons.last&&s("li",null,s(r,{class:"last",exportparts:"icon",_customClass:this.state._customClass,_disabled:e<=this.state._page,_icons:E,_hideLabel:!0,_label:o("kol-page-last"),_on:this.onGoToEnd,_tooltipAlign:this.state._tooltipAlign})))),((n=this.state._pageSizeOptions)===null||n===void 0?void 0:n.length)>0&&s(b,{_hideLabel:!0,_id:`pagination-size-${this.nonce}`,_label:o("kol-entries-per-site"),_options:this.state._pageSizeOptions,_on:{onChange:this.onChangePageSize},_value:[this.state._pageSize]}))}getUnselectedPageButton(n){const t=u.format(n);return s("li",{key:c()},s(r,{_ariaDescription:`${o("kol-page")} ${t}`,_customClass:this.state._customClass,_label:t,_on:{onClick:e=>{this.onClick(e,n)}}}))}getSelectedPageButton(n){const t=u.format(n);return s("li",{key:c()},s(r,{"aria-current":"page",class:"selected",_ariaDescription:`${o("kol-page")} ${t}`,_customClass:this.state._customClass,_disabled:!0,_label:t}))}validateBoundaryCount(n){h(this,"_boundaryCount",Math.max(0,n??1))}validateCustomClass(n){w(this,n)}validateLabel(n,t,e=!1){e||g(this.state._label),S(this,n),k(this.state._label)}validateHasButtons(n){v(this,"_hasButtons",t=>typeof t=="boolean"||typeof t=="string"||typeof t=="object"&&t!==null,new Set(["Boolean","PaginationHasButton"]),n,{hooks:{beforePatch:(t,e)=>{if(typeof t=="boolean")e.set("_hasButtons",{first:t,last:t,next:t,previous:t});else{if(typeof t=="string")try{t=z(t)}catch{e.delete("_hasButtons")}typeof t=="object"&&t!==null&&e.set("_hasButtons",Object.assign(Object.assign({},this.state._hasButtons),{first:typeof t.first=="boolean"?t.first===!0:this.state._hasButtons.first,last:typeof t.last=="boolean"?t.last===!0:this.state._hasButtons.last,next:typeof t.next=="boolean"?t.next===!0:this.state._hasButtons.next,previous:typeof t.previous=="boolean"?t.previous===!0:this.state._hasButtons.previous}))}}}})}validateOn(n){typeof n=="object"&&n!==null&&(this.state=Object.assign(Object.assign({},this.state),{_on:n}))}validatePage(n){h(this,"_page",n,{hooks:{beforePatch:(t,e)=>{const a=e.has("_pageSize")?e.get("_pageSize"):this.state._pageSize,i=e.has("_max")?e.get("_max"):this.state._max;this.syncPage(e,t,a,i)}}})}validatePageSize(n){h(this,"_pageSize",n,{hooks:{beforePatch:this.beforePageSize}})}validatePageSizeOptions(n){C(this,"_pageSizeOptions",t=>typeof t=="number",n,void 0,{hooks:{beforePatch:this.beforePageSizeOptions}})}validateSiblingCount(n){h(this,"_siblingCount",Math.max(0,n??1))}validateMax(n){B(this,n,{hooks:{beforePatch:(t,e)=>{const a=e.has("_page")?e.get("_page"):this.state._page,i=e.has("_pageSize")?e.get("_pageSize"):this.state._pageSize;this.syncPage(e,a,i,t)}}})}validateTooltipAlign(n){P(this,n)}componentWillLoad(){this.validateBoundaryCount(this._boundaryCount),this.validateCustomClass(this._customClass),this.validateHasButtons(this._hasButtons),this.validateLabel(this._label,void 0,!0),this.validateOn(this._on),this.validatePage(this._page),this.validatePageSize(this._pageSize),this.validatePageSizeOptions(this._pageSizeOptions),this.validateSiblingCount(this._siblingCount),this.validateTooltipAlign(this._tooltipAlign),this.validateMax(this._max),this.validatePage(this._page)}disconnectedCallback(){g(this.state._label)}static get watchers(){return{_boundaryCount:["validateBoundaryCount"],_customClass:["validateCustomClass"],_label:["validateLabel"],_hasButtons:["validateHasButtons"],_on:["validateOn"],_page:["validatePage"],_pageSize:["validatePageSize"],_pageSizeOptions:["validatePageSizeOptions"],_siblingCount:["validateSiblingCount"],_max:["validateMax"],_tooltipAlign:["validateTooltipAlign"]}}};D.style={default:T};export{D as kol_pagination};
+//# sourceMappingURL=kol-pagination.entry-zL4geT1V.js.map