@public-ui/components 4.5.0-rc.7 → 4.5.0

package/dist/esm/{component-C5BFsKau.js.map → component-CHz6TLzY.js.map}

@@ -1 +1 @@
-{"version":3,"file":"component-C5BFsKau.js","sources":["src/internal/props/popover-align.ts","src/internal/functional-components/popover/api.tsx","src/internal/functional-components/popover/behavior.ts","src/internal/functional-components/popover/component.tsx","src/internal/functional-components/popover-button/component.tsx"],"sourcesContent":["import type { AlignPropType } from '../../schema/props/align-options';\nimport { createAlignPropDefinition } from './helpers/align';\nimport type { SimpleProp } from './helpers/factory';\n\n/**\n * Popover align prop.\n *\n * Same valid values as {@link alignProp} ('top' | 'right' | 'bottom' | 'left'); the default is\n * `'bottom'`, the documented default of `_popoverAlign`.\n */\nexport type PopoverAlignProp = SimpleProp<'popoverAlign', AlignPropType>;\n\nexport const popoverAlignProp = createAlignPropDefinition<PopoverAlignProp>('popoverAlign', 'bottom');\n","import { alignProp } from '../../props';\nimport type { ApiFromConfig, PropsConfigShape } from '../generic-types';\n\nexport const popoverPropsConfig = {\n\toptional: [alignProp],\n} as const satisfies PropsConfigShape;\n\nexport type PopoverApi = ApiFromConfig<typeof popoverPropsConfig>;\n","import { autoUpdate } from '@floating-ui/dom';\nimport { alignFloatingElements } from '../../../utils/align-floating-elements';\nimport { alignProp } from '../../props';\nimport { BaseBehavior } from '../base-behavior';\nimport type { BehaviorInterface, ResolvedInputProps, StateAccess } from '../generic-types';\nimport type { PopoverApi } from './api';\nimport { popoverPropsConfig } from './api';\n\n/**\n * Shows and hides a native popover (`popover=\"auto\"`) and keeps it aligned to its trigger element\n * while it is open.\n *\n * The open state is not kept here: the native popover reports it through its `toggle` event, which\n * the composing web component listens to, so a light dismiss (Escape, click outside) is reflected\n * as well.\n */\nexport class PopoverBehavior extends BaseBehavior<PopoverApi> implements BehaviorInterface<PopoverApi> {\n\tprivate show = false;\n\tprivate popoverElement?: HTMLDivElement;\n\tprivate arrowElement?: HTMLDivElement;\n\tprivate triggerElement?: HTMLElement;\n\tprivate cleanupAutoUpdate?: () => void;\n\n\tpublic constructor(stateAccess: StateAccess<PopoverApi>) {\n\t\tsuper(stateAccess, popoverPropsConfig);\n\t}\n\n\tpublic componentWillLoad(props: ResolvedInputProps<PopoverApi>): void {\n\t\tthis.watchAlign(props.align);\n\t}\n\n\tpublic watchAlign(value?: string): void {\n\t\talignProp.apply(value, (v) => {\n\t\t\tthis.setRenderProp('align', v);\n\t\t});\n\t}\n\n\t/**\n\t * Opens or closes the popover. A popover element that is not connected yet is toggled in the next\n\t * animation frame, after the first render has attached it.\n\t */\n\tpublic setShow(value: boolean): void {\n\t\tthis.show = value;\n\t\tif (!this.popoverElement) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (this.popoverElement.isConnected) {\n\t\t\tthis.toggleVisibility();\n\t\t} else {\n\t\t\trequestAnimationFrame(() => {\n\t\t\t\tthis.toggleVisibility();\n\t\t\t});\n\t\t}\n\t}\n\n\tpublic setPopoverElementRef = (element?: HTMLDivElement): void => {\n\t\tthis.popoverElement = element;\n\t\tthis.arrowElement = element?.querySelector('.kol-popover__arrow') as HTMLDivElement | undefined;\n\t};\n\n\tpublic setTriggerElement = (element?: HTMLElement): void => {\n\t\tthis.triggerElement = element;\n\t};\n\n\tpublic destroy(): void {\n\t\tthis.cleanupAutoUpdate?.();\n\t\tthis.cleanupAutoUpdate = undefined;\n\t\tthis.popoverElement = undefined;\n\t\tthis.arrowElement = undefined;\n\t\tthis.triggerElement = undefined;\n\t}\n\n\tprivate toggleVisibility(): void {\n\t\tif (!this.popoverElement) {\n\t\t\treturn;\n\t\t}\n\t\tconst isOpen = this.popoverElement.matches(':popover-open');\n\t\tif (this.show) {\n\t\t\tif (!isOpen) {\n\t\t\t\ttry {\n\t\t\t\t\tthis.popoverElement.showPopover();\n\t\t\t\t\tthis.setupAutoUpdate();\n\t\t\t\t\tvoid this.alignPopover();\n\t\t\t\t} catch {\n\t\t\t\t\t// Ignore DOMException if already open\n\t\t\t\t}\n\t\t\t}\n\t\t} else if (isOpen) {\n\t\t\ttry {\n\t\t\t\tthis.popoverElement.hidePopover();\n\t\t\t\tthis.cleanupAutoUpdate?.();\n\t\t\t\tthis.cleanupAutoUpdate = undefined;\n\t\t\t} catch {\n\t\t\t\t// Ignore DOMException if already closed\n\t\t\t}\n\t\t}\n\t}\n\n\tprivate alignPopover = async (): Promise<void> => {\n\t\tif (!this.popoverElement || !this.triggerElement) {\n\t\t\treturn;\n\t\t}\n\n\t\tawait alignFloatingElements({\n\t\t\talign: this.getRenderProp('align'),\n\t\t\treferenceElement: this.triggerElement,\n\t\t\tarrowElement: this.arrowElement,\n\t\t\tfloatingElement: this.popoverElement,\n\t\t});\n\t};\n\n\tprivate setupAutoUpdate = (): void => {\n\t\tif (!this.popoverElement || !this.triggerElement || this.cleanupAutoUpdate) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis.cleanupAutoUpdate = autoUpdate(this.triggerElement, this.popoverElement, () => {\n\t\t\tvoid this.alignPopover();\n\t\t});\n\t};\n}\n","import type { FunctionalComponent as FC } from '@stencil/core';\nimport { h } from '@stencil/core';\n\nimport type { JSXBase } from '@stencil/core/internal';\nimport clsx from '../../../utils/clsx';\nimport type { FunctionalComponentProps } from '../generic-types';\nimport type { PopoverApi } from './api';\n\nexport type PopoverFCProps = FunctionalComponentProps<PopoverApi> &\n\tJSXBase.HTMLAttributes<HTMLDivElement> & {\n\t\tpopoverRef?: (el?: HTMLDivElement) => void;\n\t\tarrowRef?: (el?: HTMLDivElement) => void;\n\t};\n\n/**\n * The popover content is the given children; without children, the default slot distributes the\n * light DOM of the surrounding web component.\n */\nexport const PopoverFC: FC<PopoverFCProps> = (props, children) => {\n\tconst { align = 'bottom', popoverRef, arrowRef, class: classNames, ...rest } = props;\n\n\treturn (\n\t\t<div {...rest} class={clsx('kol-popover', classNames)} ref={popoverRef} popover=\"auto\">\n\t\t\t<div class={clsx('kol-popover__arrow', `kol-popover__arrow--${align}`)} ref={arrowRef} />\n\t\t\t{children.length > 0 ? children : <slot />}\n\t\t</div>\n\t);\n};\n","import type { FunctionalComponent as FC } from '@stencil/core';\nimport { h } from '@stencil/core';\n\nimport { BemRootNodeFC } from '../bem-root-node/component';\nimport { ButtonFC } from '../button/component';\nimport type { FunctionalComponentProps } from '../generic-types';\nimport { PopoverFC } from '../popover/component';\nimport type { PopoverButtonApi } from './api';\n\nexport type PopoverButtonFCProps = FunctionalComponentProps<PopoverButtonApi> & {\n\t/** Ref of the `.kol-popover-button` root. */\n\tref?: (element?: HTMLElement) => void;\n};\n\n/**\n * Renders the popover toggle button and the popover as siblings inside a single BEM root.\n *\n * The root must stay an **ancestor** of the button: base and theme styles size the embedded\n * button and style the popover via descendant selectors (`.kol-popover-button--inline\n * .kol-button …`), so the classes cannot merge onto the `kol-button` node itself.\n *\n * The children become the popover content. Without children, the popover's default slot\n * distributes the light DOM of the surrounding web component.\n */\nexport const PopoverButtonFC: FC<PopoverButtonFCProps> = (props, children) => {\n\tconst {\n\t\taccessKey,\n\t\tariaDescription,\n\t\tariaDescriptionId,\n\t\tariaHasPopup,\n\t\tariaSelected,\n\t\tcustomClass,\n\t\tdisabled,\n\t\thandleBlur,\n\t\thandleClick,\n\t\thandleFocus,\n\t\thandleMouseDown,\n\t\thideLabel,\n\t\ticons,\n\t\tid,\n\t\tinline,\n\t\tlabel,\n\t\tname,\n\t\ton,\n\t\tpopoverAlign,\n\t\tpopoverOpen,\n\t\tpopoverId,\n\t\tref,\n\t\trefButton,\n\t\trefPopover,\n\t\trefTooltip,\n\t\trole,\n\t\tshortKey,\n\t\ttabIndex,\n\t\ttooltipAlign,\n\t\ttype,\n\t\tvariant,\n\t} = props;\n\n\treturn (\n\t\t<BemRootNodeFC\n\t\t\tblock=\"kol-popover-button\"\n\t\t\tclass={props.class}\n\t\t\tref={ref}\n\t\t\tmodifiers={{\n\t\t\t\topen: popoverOpen,\n\t\t\t\tinline: inline === true,\n\t\t\t}}\n\t\t>\n\t\t\t<ButtonFC\n\t\t\t\taccessKey={accessKey}\n\t\t\t\tariaControls={popoverId}\n\t\t\t\tariaDescription={ariaDescription}\n\t\t\t\tariaDescriptionId={ariaDescriptionId}\n\t\t\t\tariaExpanded={popoverOpen ? 'true' : 'false'}\n\t\t\t\tariaHasPopup={ariaHasPopup}\n\t\t\t\tariaSelected={ariaSelected}\n\t\t\t\tcustomClass={customClass}\n\t\t\t\tdisabled={disabled}\n\t\t\t\thandleBlur={handleBlur}\n\t\t\t\thandleClick={handleClick}\n\t\t\t\thandleFocus={handleFocus}\n\t\t\t\thandleMouseDown={handleMouseDown}\n\t\t\t\thideLabel={hideLabel}\n\t\t\t\ticons={icons}\n\t\t\t\tid={id}\n\t\t\t\tinline={inline}\n\t\t\t\tlabel={label}\n\t\t\t\tname={name}\n\t\t\t\ton={on}\n\t\t\t\trefButton={refButton}\n\t\t\t\trefTooltip={refTooltip}\n\t\t\t\trole={role}\n\t\t\t\tshortKey={shortKey}\n\t\t\t\ttabIndex={tabIndex}\n\t\t\t\ttooltipAlign={tooltipAlign}\n\t\t\t\ttype={type}\n\t\t\t\tvariant={variant}\n\t\t\t/>\n\t\t\t<PopoverFC align={popoverAlign} class=\"kol-popover-button__popover\" id={popoverId} popoverRef={refPopover}>\n\t\t\t\t{children}\n\t\t\t</PopoverFC>\n\t\t</BemRootNodeFC>\n\t);\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"component-CHz6TLzY.js","sources":["src/internal/props/popover-align.ts","src/internal/functional-components/popover/api.tsx","src/internal/functional-components/popover/behavior.ts","src/internal/functional-components/popover/component.tsx","src/internal/functional-components/popover-button/component.tsx"],"sourcesContent":["import type { AlignPropType } from '../../schema/props/align-options';\nimport { createAlignPropDefinition } from './helpers/align';\nimport type { SimpleProp } from './helpers/factory';\n\n/**\n * Popover align prop.\n *\n * Same valid values as {@link alignProp} ('top' | 'right' | 'bottom' | 'left'); the default is\n * `'bottom'`, the documented default of `_popoverAlign`.\n */\nexport type PopoverAlignProp = SimpleProp<'popoverAlign', AlignPropType>;\n\nexport const popoverAlignProp = createAlignPropDefinition<PopoverAlignProp>('popoverAlign', 'bottom');\n","import { alignProp } from '../../props';\nimport type { ApiFromConfig, PropsConfigShape } from '../generic-types';\n\nexport const popoverPropsConfig = {\n\toptional: [alignProp],\n} as const satisfies PropsConfigShape;\n\nexport type PopoverApi = ApiFromConfig<typeof popoverPropsConfig>;\n","import { autoUpdate } from '@floating-ui/dom';\nimport { alignFloatingElements } from '../../../utils/align-floating-elements';\nimport { alignProp } from '../../props';\nimport { BaseBehavior } from '../base-behavior';\nimport type { BehaviorInterface, ResolvedInputProps, StateAccess } from '../generic-types';\nimport type { PopoverApi } from './api';\nimport { popoverPropsConfig } from './api';\n\n/**\n * Shows and hides a native popover (`popover=\"auto\"`) and keeps it aligned to its trigger element\n * while it is open.\n *\n * The open state is not kept here: the native popover reports it through its `toggle` event, which\n * the composing web component listens to, so a light dismiss (Escape, click outside) is reflected\n * as well.\n */\nexport class PopoverBehavior extends BaseBehavior<PopoverApi> implements BehaviorInterface<PopoverApi> {\n\tprivate show = false;\n\tprivate popoverElement?: HTMLDivElement;\n\tprivate arrowElement?: HTMLDivElement;\n\tprivate triggerElement?: HTMLElement;\n\tprivate cleanupAutoUpdate?: () => void;\n\n\tpublic constructor(stateAccess: StateAccess<PopoverApi>) {\n\t\tsuper(stateAccess, popoverPropsConfig);\n\t}\n\n\tpublic componentWillLoad(props: ResolvedInputProps<PopoverApi>): void {\n\t\tthis.watchAlign(props.align);\n\t}\n\n\tpublic watchAlign(value?: string): void {\n\t\talignProp.apply(value, (v) => {\n\t\t\tthis.setRenderProp('align', v);\n\t\t});\n\t}\n\n\t/**\n\t * Opens or closes the popover. A popover element that is not connected yet is toggled in the next\n\t * animation frame, after the first render has attached it.\n\t */\n\tpublic setShow(value: boolean): void {\n\t\tthis.show = value;\n\t\tif (!this.popoverElement) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (this.popoverElement.isConnected) {\n\t\t\tthis.toggleVisibility();\n\t\t} else {\n\t\t\trequestAnimationFrame(() => {\n\t\t\t\tthis.toggleVisibility();\n\t\t\t});\n\t\t}\n\t}\n\n\tpublic setPopoverElementRef = (element?: HTMLDivElement): void => {\n\t\tthis.popoverElement = element;\n\t\tthis.arrowElement = element?.querySelector('.kol-popover__arrow') as HTMLDivElement | undefined;\n\t};\n\n\tpublic setTriggerElement = (element?: HTMLElement): void => {\n\t\tthis.triggerElement = element;\n\t};\n\n\tpublic destroy(): void {\n\t\tthis.cleanupAutoUpdate?.();\n\t\tthis.cleanupAutoUpdate = undefined;\n\t\tthis.popoverElement = undefined;\n\t\tthis.arrowElement = undefined;\n\t\tthis.triggerElement = undefined;\n\t}\n\n\tprivate toggleVisibility(): void {\n\t\tif (!this.popoverElement) {\n\t\t\treturn;\n\t\t}\n\t\tconst isOpen = this.popoverElement.matches(':popover-open');\n\t\tif (this.show) {\n\t\t\tif (!isOpen) {\n\t\t\t\ttry {\n\t\t\t\t\tthis.popoverElement.showPopover();\n\t\t\t\t\tthis.setupAutoUpdate();\n\t\t\t\t\tvoid this.alignPopover();\n\t\t\t\t} catch {\n\t\t\t\t\t// Ignore DOMException if already open\n\t\t\t\t}\n\t\t\t}\n\t\t} else if (isOpen) {\n\t\t\ttry {\n\t\t\t\tthis.popoverElement.hidePopover();\n\t\t\t\tthis.cleanupAutoUpdate?.();\n\t\t\t\tthis.cleanupAutoUpdate = undefined;\n\t\t\t} catch {\n\t\t\t\t// Ignore DOMException if already closed\n\t\t\t}\n\t\t}\n\t}\n\n\tprivate alignPopover = async (): Promise<void> => {\n\t\tif (!this.popoverElement || !this.triggerElement) {\n\t\t\treturn;\n\t\t}\n\n\t\tawait alignFloatingElements({\n\t\t\talign: this.getRenderProp('align'),\n\t\t\treferenceElement: this.triggerElement,\n\t\t\tarrowElement: this.arrowElement,\n\t\t\tfloatingElement: this.popoverElement,\n\t\t});\n\t};\n\n\tprivate setupAutoUpdate = (): void => {\n\t\tif (!this.popoverElement || !this.triggerElement || this.cleanupAutoUpdate) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis.cleanupAutoUpdate = autoUpdate(this.triggerElement, this.popoverElement, () => {\n\t\t\tvoid this.alignPopover();\n\t\t});\n\t};\n}\n","import type { FunctionalComponent as FC } from '@stencil/core';\nimport { h } from '@stencil/core';\n\nimport type { JSXBase } from '@stencil/core/internal';\nimport clsx from '../../../utils/clsx';\nimport type { FunctionalComponentProps } from '../generic-types';\nimport type { PopoverApi } from './api';\n\nexport type PopoverFCProps = FunctionalComponentProps<PopoverApi> &\n\tJSXBase.HTMLAttributes<HTMLDivElement> & {\n\t\tpopoverRef?: (el?: HTMLDivElement) => void;\n\t\tarrowRef?: (el?: HTMLDivElement) => void;\n\t};\n\n/**\n * The popover content is the given children; without children, the default slot distributes the\n * light DOM of the surrounding web component.\n */\nexport const PopoverFC: FC<PopoverFCProps> = (props, children) => {\n\tconst { align = 'bottom', popoverRef, arrowRef, class: classNames, ...rest } = props;\n\n\treturn (\n\t\t<div {...rest} class={clsx('kol-popover', classNames)} ref={popoverRef} popover=\"auto\">\n\t\t\t<div class={clsx('kol-popover__arrow', `kol-popover__arrow--${align}`)} ref={arrowRef} />\n\t\t\t{children.length > 0 ? children : <slot />}\n\t\t</div>\n\t);\n};\n","import type { FunctionalComponent as FC } from '@stencil/core';\nimport { h } from '@stencil/core';\n\nimport { BemRootNodeFC } from '../bem-root-node/component';\nimport { ButtonFC } from '../button/component';\nimport type { FunctionalComponentProps } from '../generic-types';\nimport { PopoverFC } from '../popover/component';\nimport type { PopoverButtonApi } from './api';\n\nexport type PopoverButtonFCProps = FunctionalComponentProps<PopoverButtonApi> & {\n\t/** Ref of the `.kol-popover-button` root. */\n\tref?: (element?: HTMLElement) => void;\n};\n\n/**\n * Renders the popover toggle button and the popover as siblings inside a single BEM root.\n *\n * The root must stay an **ancestor** of the button: base and theme styles size the embedded\n * button and style the popover via descendant selectors (`.kol-popover-button--inline\n * .kol-button …`), so the classes cannot merge onto the `kol-button` node itself.\n *\n * The children become the popover content. Without children, the popover's default slot\n * distributes the light DOM of the surrounding web component.\n */\nexport const PopoverButtonFC: FC<PopoverButtonFCProps> = (props, children) => {\n\tconst {\n\t\taccessKey,\n\t\tariaDescription,\n\t\tariaDescriptionId,\n\t\tariaHasPopup,\n\t\tariaSelected,\n\t\tcustomClass,\n\t\tdisabled,\n\t\thandleBlur,\n\t\thandleClick,\n\t\thandleFocus,\n\t\thandleMouseDown,\n\t\thideLabel,\n\t\ticons,\n\t\tid,\n\t\tinline,\n\t\tlabel,\n\t\tname,\n\t\ton,\n\t\tpopoverAlign,\n\t\tpopoverOpen,\n\t\tpopoverId,\n\t\tref,\n\t\trefButton,\n\t\trefPopover,\n\t\trefTooltip,\n\t\trole,\n\t\tshortKey,\n\t\ttabIndex,\n\t\ttooltipAlign,\n\t\ttype,\n\t\tvariant,\n\t} = props;\n\n\treturn (\n\t\t<BemRootNodeFC\n\t\t\tblock=\"kol-popover-button\"\n\t\t\tclass={props.class}\n\t\t\tref={ref}\n\t\t\tmodifiers={{\n\t\t\t\topen: popoverOpen,\n\t\t\t\tinline: inline === true,\n\t\t\t}}\n\t\t>\n\t\t\t<ButtonFC\n\t\t\t\taccessKey={accessKey}\n\t\t\t\tariaControls={popoverId}\n\t\t\t\tariaDescription={ariaDescription}\n\t\t\t\tariaDescriptionId={ariaDescriptionId}\n\t\t\t\tariaExpanded={popoverOpen ? 'true' : 'false'}\n\t\t\t\tariaHasPopup={ariaHasPopup}\n\t\t\t\tariaSelected={ariaSelected}\n\t\t\t\tcustomClass={customClass}\n\t\t\t\tdisabled={disabled}\n\t\t\t\thandleBlur={handleBlur}\n\t\t\t\thandleClick={handleClick}\n\t\t\t\thandleFocus={handleFocus}\n\t\t\t\thandleMouseDown={handleMouseDown}\n\t\t\t\thideLabel={hideLabel}\n\t\t\t\ticons={icons}\n\t\t\t\tid={id}\n\t\t\t\tinline={inline}\n\t\t\t\tlabel={label}\n\t\t\t\tname={name}\n\t\t\t\ton={on}\n\t\t\t\trefButton={refButton}\n\t\t\t\trefTooltip={refTooltip}\n\t\t\t\trole={role}\n\t\t\t\tshortKey={shortKey}\n\t\t\t\ttabIndex={tabIndex}\n\t\t\t\ttooltipAlign={tooltipAlign}\n\t\t\t\ttype={type}\n\t\t\t\tvariant={variant}\n\t\t\t/>\n\t\t\t<PopoverFC align={popoverAlign} class=\"kol-popover-button__popover\" id={popoverId} popoverRef={refPopover}>\n\t\t\t\t{children}\n\t\t\t</PopoverFC>\n\t\t</BemRootNodeFC>\n\t);\n};\n"],"names":[],"mappings":"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"}

package/dist/esm/{component-CBpYh2q-.js → component-CODtL04S.js}

@@ -2,14 +2,14 @@
  * KoliBri - The accessible HTML-Standard
  */
 import { a as __rest } from './tslib.es6-QNbPBOk5.js';
-import { h } from './index-DQdQBwMc.js';
+import { h } from './index-wY4pHWJG.js';
 import './common-BqpMtheU.js';
-import { A as AriaDescriptionSpanFC, c as classNameFromVariant } from './component-BF8FPuIW.js';
+import { A as AriaDescriptionSpanFC, c as classNameFromVariant } from './component-kDR4_xf0.js';
 import { b as bem } from './bem-registry-CX5kvaqt.js';
 import { c as clsx } from './clsx-COFh-Vc8.js';
-import { B as BemRootNodeFC } from './component-C3sXiwbS.js';
-import { S as SpanFC } from './component-C_d54ujF.js';
-import { T as TooltipFC } from './component-CvCfEqSE.js';
+import { B as BemRootNodeFC } from './component-D30YHxgS.js';
+import { S as SpanFC } from './component-DoCNds1d.js';
+import { T as TooltipFC } from './component-fK2EUkFf.js';
 
 const buttonBem = bem.forBlock('kol-button');
 const BEM_CLASS_BUTTON__INTERACTIVE_ELEMENT = buttonBem('interactive-element');
@@ -32,6 +32,6 @@ const ButtonFC = (props) => {
 };
 
 export { ButtonFC as B };
-//# sourceMappingURL=component-CBpYh2q-.js.map
+//# sourceMappingURL=component-CODtL04S.js.map
 
-//# sourceMappingURL=component-CBpYh2q-.js.map
+//# sourceMappingURL=component-CODtL04S.js.map

package/dist/esm/{component-CBpYh2q-.js.map → component-CODtL04S.js.map}

@@ -1 +1 @@
-{"version":3,"file":"component-CBpYh2q-.js","sources":["src/internal/functional-components/button/component.tsx"],"sourcesContent":["import type { FunctionalComponent as FC } from '@stencil/core';\nimport { h } from '@stencil/core';\n\nimport { classNameFromVariant } from '../../../schema';\nimport { bem } from '../../../schema/bem-registry';\nimport clsx from '../../../utils/clsx';\nimport { AriaDescriptionSpanFC } from '../aria-description-span/component';\nimport { BemRootNodeFC } from '../bem-root-node/component';\nimport type { FunctionalComponentProps } from '../generic-types';\nimport { SpanFC } from '../span/component';\nimport { TooltipFC } from '../tooltip/component';\nimport type { ButtonApi } from './api';\n\nconst buttonBem = bem.forBlock('kol-button');\nconst BEM_CLASS_BUTTON__INTERACTIVE_ELEMENT = buttonBem('interactive-element');\nconst BEM_CLASS_BUTTON__TEXT = buttonBem('text');\nconst BEM_CLASS_BUTTON__TOOLTIP = buttonBem('tooltip');\n\n/**\n * Renders the button, its floating tooltip and its visually-hidden description inside a single\n * BEM root, the same shape `LinkFC` uses.\n *\n * The tooltip and the description span cannot live inside the `<button>` — a nested tooltip would\n * become part of the accessible name, and the description is referenced by `aria-describedby`\n * from outside. They are therefore siblings of the `<button>` within the `BemRootNodeFC` wrapper.\n */\nexport const ButtonFC: FC<FunctionalComponentProps<ButtonApi>> = (props) => {\n\tconst {\n\t\taccessKey,\n\t\tariaControls,\n\t\tariaDescription,\n\t\tariaDescriptionId,\n\t\tariaExpanded,\n\t\tariaHasPopup,\n\t\tariaSelected,\n\t\tclass: hostClass,\n\t\tcustomClass,\n\t\tdisabled,\n\t\thandleBlur,\n\t\thandleClick,\n\t\thandleFocus,\n\t\thandleMouseDown,\n\t\thideLabel,\n\t\ticons,\n\t\tid,\n\t\tinline,\n\t\tlabel,\n\t\tname,\n\t\trefButton,\n\t\trefTooltip,\n\t\trole,\n\t\tshortKey,\n\t\ttabIndex,\n\t\ttype,\n\t\tvariant,\n\t\t/* Not rendered as attributes: `on` is kept for the StrictFields contract, `tooltipAlign`\n\t\t   is consumed by the tooltip behavior of the web component. */\n\t\ton,\n\t\ttooltipAlign,\n\t\t...rest\n\t} = props;\n\n\t// Marking both as intentionally read keeps them out of the forwarded rest attributes without\n\t// tripping `no-unused-vars`.\n\tvoid on;\n\tvoid tooltipAlign;\n\n\tconst badgeText = accessKey || shortKey;\n\tconst hasLabelText = label.length > 0;\n\tconst hasAriaDescription = ariaDescription.trim().length > 0;\n\n\treturn (\n\t\t<BemRootNodeFC\n\t\t\tblock=\"kol-button\"\n\t\t\tclass={clsx(\n\t\t\t\t// Forwarded 1:1 from the FC tag, so a component embedding a button inside its own\n\t\t\t\t// boundary can mark it — e.g. the badge's `kol-badge__smart-button`.\n\t\t\t\thostClass,\n\t\t\t\t{\n\t\t\t\t\t[classNameFromVariant(variant, 'button')]: variant.length > 0,\n\t\t\t\t\t[customClass]: customClass.length > 0,\n\t\t\t\t},\n\t\t\t)}\n\t\t\tmodifiers={{\n\t\t\t\tdisabled,\n\t\t\t\t'hide-label': hideLabel,\n\t\t\t\tinline: inline === true,\n\t\t\t\tstandalone: inline === false,\n\t\t\t}}\n\t\t\t{...rest}\n\t\t>\n\t\t\t<button\n\t\t\t\tref={refButton}\n\t\t\t\taccessKey={accessKey || undefined}\n\t\t\t\taria-controls={ariaControls || undefined}\n\t\t\t\taria-describedby={hasAriaDescription ? ariaDescriptionId : undefined}\n\t\t\t\taria-expanded={ariaExpanded || undefined}\n\t\t\t\taria-haspopup={ariaHasPopup || undefined}\n\t\t\t\taria-keyshortcuts={shortKey || undefined}\n\t\t\t\taria-label={hideLabel && hasLabelText ? label : undefined}\n\t\t\t\taria-selected={ariaSelected || undefined}\n\t\t\t\tclass={BEM_CLASS_BUTTON__INTERACTIVE_ELEMENT}\n\t\t\t\tdisabled={disabled}\n\t\t\t\tid={id || undefined}\n\t\t\t\tname={name || undefined}\n\t\t\t\tonBlur={handleBlur}\n\t\t\t\tonClick={handleClick}\n\t\t\t\tonFocus={handleFocus}\n\t\t\t\tonMouseDown={handleMouseDown}\n\t\t\t\trole={role || undefined}\n\t\t\t\ttabIndex={tabIndex}\n\t\t\t\ttype={type}\n\t\t\t>\n\t\t\t\t<SpanFC class={BEM_CLASS_BUTTON__TEXT} badgeText={badgeText} icons={icons} hideLabel={hideLabel} label={label}>\n\t\t\t\t\t<slot name=\"expert\" slot=\"expert\"></slot>\n\t\t\t\t</SpanFC>\n\t\t\t</button>\n\t\t\t{hideLabel && hasLabelText && (\n\t\t\t\t<div class={BEM_CLASS_BUTTON__TOOLTIP}>\n\t\t\t\t\t<TooltipFC badgeText={badgeText} label={label} refFloating={refTooltip} />\n\t\t\t\t</div>\n\t\t\t)}\n\t\t\t{hasAriaDescription && <AriaDescriptionSpanFC description={ariaDescription} descriptionId={ariaDescriptionId} />}\n\t\t</BemRootNodeFC>\n\t);\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"component-CODtL04S.js","sources":["src/internal/functional-components/button/component.tsx"],"sourcesContent":["import type { FunctionalComponent as FC } from '@stencil/core';\nimport { h } from '@stencil/core';\n\nimport { classNameFromVariant } from '../../../schema';\nimport { bem } from '../../../schema/bem-registry';\nimport clsx from '../../../utils/clsx';\nimport { AriaDescriptionSpanFC } from '../aria-description-span/component';\nimport { BemRootNodeFC } from '../bem-root-node/component';\nimport type { FunctionalComponentProps } from '../generic-types';\nimport { SpanFC } from '../span/component';\nimport { TooltipFC } from '../tooltip/component';\nimport type { ButtonApi } from './api';\n\nconst buttonBem = bem.forBlock('kol-button');\nconst BEM_CLASS_BUTTON__INTERACTIVE_ELEMENT = buttonBem('interactive-element');\nconst BEM_CLASS_BUTTON__TEXT = buttonBem('text');\nconst BEM_CLASS_BUTTON__TOOLTIP = buttonBem('tooltip');\n\n/**\n * Renders the button, its floating tooltip and its visually-hidden description inside a single\n * BEM root, the same shape `LinkFC` uses.\n *\n * The tooltip and the description span cannot live inside the `<button>` — a nested tooltip would\n * become part of the accessible name, and the description is referenced by `aria-describedby`\n * from outside. They are therefore siblings of the `<button>` within the `BemRootNodeFC` wrapper.\n */\nexport const ButtonFC: FC<FunctionalComponentProps<ButtonApi>> = (props) => {\n\tconst {\n\t\taccessKey,\n\t\tariaControls,\n\t\tariaDescription,\n\t\tariaDescriptionId,\n\t\tariaExpanded,\n\t\tariaHasPopup,\n\t\tariaSelected,\n\t\tclass: hostClass,\n\t\tcustomClass,\n\t\tdisabled,\n\t\thandleBlur,\n\t\thandleClick,\n\t\thandleFocus,\n\t\thandleMouseDown,\n\t\thideLabel,\n\t\ticons,\n\t\tid,\n\t\tinline,\n\t\tlabel,\n\t\tname,\n\t\trefButton,\n\t\trefTooltip,\n\t\trole,\n\t\tshortKey,\n\t\ttabIndex,\n\t\ttype,\n\t\tvariant,\n\t\t/* Not rendered as attributes: `on` is kept for the StrictFields contract, `tooltipAlign`\n\t\t   is consumed by the tooltip behavior of the web component. */\n\t\ton,\n\t\ttooltipAlign,\n\t\t...rest\n\t} = props;\n\n\t// Marking both as intentionally read keeps them out of the forwarded rest attributes without\n\t// tripping `no-unused-vars`.\n\tvoid on;\n\tvoid tooltipAlign;\n\n\tconst badgeText = accessKey || shortKey;\n\tconst hasLabelText = label.length > 0;\n\tconst hasAriaDescription = ariaDescription.trim().length > 0;\n\n\treturn (\n\t\t<BemRootNodeFC\n\t\t\tblock=\"kol-button\"\n\t\t\tclass={clsx(\n\t\t\t\t// Forwarded 1:1 from the FC tag, so a component embedding a button inside its own\n\t\t\t\t// boundary can mark it — e.g. the badge's `kol-badge__smart-button`.\n\t\t\t\thostClass,\n\t\t\t\t{\n\t\t\t\t\t[classNameFromVariant(variant, 'button')]: variant.length > 0,\n\t\t\t\t\t[customClass]: customClass.length > 0,\n\t\t\t\t},\n\t\t\t)}\n\t\t\tmodifiers={{\n\t\t\t\tdisabled,\n\t\t\t\t'hide-label': hideLabel,\n\t\t\t\tinline: inline === true,\n\t\t\t\tstandalone: inline === false,\n\t\t\t}}\n\t\t\t{...rest}\n\t\t>\n\t\t\t<button\n\t\t\t\tref={refButton}\n\t\t\t\taccessKey={accessKey || undefined}\n\t\t\t\taria-controls={ariaControls || undefined}\n\t\t\t\taria-describedby={hasAriaDescription ? ariaDescriptionId : undefined}\n\t\t\t\taria-expanded={ariaExpanded || undefined}\n\t\t\t\taria-haspopup={ariaHasPopup || undefined}\n\t\t\t\taria-keyshortcuts={shortKey || undefined}\n\t\t\t\taria-label={hideLabel && hasLabelText ? label : undefined}\n\t\t\t\taria-selected={ariaSelected || undefined}\n\t\t\t\tclass={BEM_CLASS_BUTTON__INTERACTIVE_ELEMENT}\n\t\t\t\tdisabled={disabled}\n\t\t\t\tid={id || undefined}\n\t\t\t\tname={name || undefined}\n\t\t\t\tonBlur={handleBlur}\n\t\t\t\tonClick={handleClick}\n\t\t\t\tonFocus={handleFocus}\n\t\t\t\tonMouseDown={handleMouseDown}\n\t\t\t\trole={role || undefined}\n\t\t\t\ttabIndex={tabIndex}\n\t\t\t\ttype={type}\n\t\t\t>\n\t\t\t\t<SpanFC class={BEM_CLASS_BUTTON__TEXT} badgeText={badgeText} icons={icons} hideLabel={hideLabel} label={label}>\n\t\t\t\t\t<slot name=\"expert\" slot=\"expert\"></slot>\n\t\t\t\t</SpanFC>\n\t\t\t</button>\n\t\t\t{hideLabel && hasLabelText && (\n\t\t\t\t<div class={BEM_CLASS_BUTTON__TOOLTIP}>\n\t\t\t\t\t<TooltipFC badgeText={badgeText} label={label} refFloating={refTooltip} />\n\t\t\t\t</div>\n\t\t\t)}\n\t\t\t{hasAriaDescription && <AriaDescriptionSpanFC description={ariaDescription} descriptionId={ariaDescriptionId} />}\n\t\t</BemRootNodeFC>\n\t);\n};\n"],"names":[],"mappings":"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"}

package/dist/esm/{component-C3sXiwbS.js → component-D30YHxgS.js}

@@ -2,7 +2,7 @@
  * KoliBri - The accessible HTML-Standard
  */
 import { a as __rest } from './tslib.es6-QNbPBOk5.js';
-import { h } from './index-DQdQBwMc.js';
+import { h } from './index-wY4pHWJG.js';
 import { c as clsx } from './clsx-COFh-Vc8.js';
 import { g as getBlockBem } from './block-bem-DxQXsOt3.js';
 
@@ -14,6 +14,6 @@ const BemRootNodeFC = (_a, children) => {
 };
 
 export { BemRootNodeFC as B };
-//# sourceMappingURL=component-C3sXiwbS.js.map
+//# sourceMappingURL=component-D30YHxgS.js.map
 
-//# sourceMappingURL=component-C3sXiwbS.js.map
+//# sourceMappingURL=component-D30YHxgS.js.map

package/dist/esm/{component-C3sXiwbS.js.map → component-D30YHxgS.js.map}

@@ -1 +1 @@
-{"version":3,"file":"component-C3sXiwbS.js","sources":["src/internal/functional-components/bem-root-node/component.tsx"],"sourcesContent":["import type { FunctionalComponent as FC } from '@stencil/core';\nimport { h } from '@stencil/core';\nimport type { JSXBase } from '@stencil/core/internal';\n\nimport type { KoliBriComponentsBemSchema } from '../../../schema/bem-registry';\nimport clsx from '../../../utils/clsx';\nimport type { BlockModifiers } from './block-bem';\nimport { getBlockBem } from './block-bem';\n\ntype FCChildren = Parameters<FC>[1];\n\ntype BemRootNodeFCProps<TBlock extends keyof KoliBriComponentsBemSchema> = {\n\t/**\n\t * BEM block name — must be a key registered in `KoliBriComponentsBemSchema`.\n\t * Constrains `modifiers` to the exact modifier set defined in `bem-registry.ts`.\n\t */\n\tblock: TBlock;\n\t/**\n\t * BEM block modifiers. Keys are validated against the schema (e.g. `'disabled'`, `'inline'`).\n\t * No `kol-link--` prefix needed — typed-bem adds it automatically.\n\t */\n\tmodifiers?: BlockModifiers<TBlock>;\n\t/**\n\t * Additional classes forwarded 1:1 from the FC tag onto the root node.\n\t * Typically the `class` prop received by the surrounding Functional Component\n\t * (i.e. the `class` attribute set by a parent component).\n\t */\n\tclass?: JSXBase.HTMLAttributes<HTMLElement>['class'];\n\t/**\n\t * Element of the root node, `div` by default. `abbr` is the abbreviation itself, `fieldset` groups\n\t * the options of a radio group, `label` wraps the native control of a checkbox or radio, `svg` is\n\t * the root of a graphic.\n\t */\n\tcomponent?: 'abbr' | 'div' | 'fieldset' | 'label' | 'svg';\n\t/** Native `disabled` attribute; only a `fieldset` root supports it. */\n\tdisabled?: boolean;\n} & Partial<Omit<JSXBase.HTMLAttributes<HTMLDivElement>, 'class'>> &\n\tPartial<Omit<JSXBase.SVGAttributes<SVGSVGElement>, 'class' | keyof JSXBase.HTMLAttributes<HTMLDivElement>>>;\n\n/**\n * Single-Root BEM wrapper for all Skeleton Functional Components.\n *\n * Responsibilities:\n * - Renders exactly one root node — a `<div>` unless `component` names another element —\n *   enforcing the Single-Root FC rule.\n * - Accepts a `block` name and typed `modifiers` from `KoliBriComponentsBemSchema`.\n * - Calls `bem.forBlock(block)(modifiers)` internally to generate the class string.\n * - Merges the result with the optional `class` prop.\n * - Forwards all remaining HTML attributes (`id`, `role`, `aria-*`, `ref`, …) onto the root\n *   node — legacy functional components spread these onto their root, and internal\n *   consumers (form, form-field-msg, toast-item) rely on that passthrough.\n *\n * Usage:\n * ```tsx\n * export const LinkFC: FC<LinkFCProps> = ({ ..., class: hostClass, disabled }, children) => (\n *   <BemRootNodeFC\n *     block=\"kol-link\"\n *     modifiers={{ disabled, 'external-link': isExternal }}\n *     class={hostClass}\n *   >\n *     <a class={linkBem('interactive-element')}>…</a>\n *   </BemRootNodeFC>\n * );\n * ```\n */\nexport const BemRootNodeFC = <TBlock extends keyof KoliBriComponentsBemSchema>(\n\t{ block, modifiers, class: hostClass, component: Component = 'div', ...rest }: BemRootNodeFCProps<TBlock>,\n\tchildren: FCChildren,\n) => {\n\tconst blockBem = getBlockBem(block);\n\t// The attributes are typed for a `div` plus the SVG attributes; `abbr`, `fieldset` and `label` accept the same global attributes, `fieldset` additionally `disabled`.\n\tconst Root = Component as 'div';\n\treturn (\n\t\t<Root class={clsx(blockBem(modifiers), hostClass)} {...rest}>\n\t\t\t{children}\n\t\t</Root>\n\t);\n};\n"],"names":[],"mappings":";;;;;;;;MAiEa,aAAa,GAAG,CAC5B,EAAyG,EACzG,QAAoB,KACjB;AAFH,IAAA,IAAA,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,GAAG,KAAK,EAAA,GAAA,EAAuC,EAAlC,IAAI,GAAA,MAAA,CAAA,EAAA,EAA3E,4CAA6E,CAAF;AAG3E,IAAA,MAAM,QAAQ,GAAG,WAAW,CAAC,KAAK,CAAC;IAEnC,MAAM,IAAI,GAAG,SAAkB;AAC/B,IAAA,QACC,EAAC,IAAI,EAAA,MAAA,CAAA,MAAA,CAAA,EAAC,KAAK,EAAE,IAAI,CAAC,QAAQ,CAAC,SAAS,CAAC,EAAE,SAAS,CAAC,EAAA,EAAM,IAAI,CACzD,EAAA,QAAQ,CACH;AAET;;;;"}
+{"version":3,"file":"component-D30YHxgS.js","sources":["src/internal/functional-components/bem-root-node/component.tsx"],"sourcesContent":["import type { FunctionalComponent as FC } from '@stencil/core';\nimport { h } from '@stencil/core';\nimport type { JSXBase } from '@stencil/core/internal';\n\nimport type { KoliBriComponentsBemSchema } from '../../../schema/bem-registry';\nimport clsx from '../../../utils/clsx';\nimport type { BlockModifiers } from './block-bem';\nimport { getBlockBem } from './block-bem';\n\ntype FCChildren = Parameters<FC>[1];\n\ntype BemRootNodeFCProps<TBlock extends keyof KoliBriComponentsBemSchema> = {\n\t/**\n\t * BEM block name — must be a key registered in `KoliBriComponentsBemSchema`.\n\t * Constrains `modifiers` to the exact modifier set defined in `bem-registry.ts`.\n\t */\n\tblock: TBlock;\n\t/**\n\t * BEM block modifiers. Keys are validated against the schema (e.g. `'disabled'`, `'inline'`).\n\t * No `kol-link--` prefix needed — typed-bem adds it automatically.\n\t */\n\tmodifiers?: BlockModifiers<TBlock>;\n\t/**\n\t * Additional classes forwarded 1:1 from the FC tag onto the root node.\n\t * Typically the `class` prop received by the surrounding Functional Component\n\t * (i.e. the `class` attribute set by a parent component).\n\t */\n\tclass?: JSXBase.HTMLAttributes<HTMLElement>['class'];\n\t/**\n\t * Element of the root node, `div` by default. `abbr` is the abbreviation itself, `fieldset` groups\n\t * the options of a radio group, `label` wraps the native control of a checkbox or radio, `svg` is\n\t * the root of a graphic.\n\t */\n\tcomponent?: 'abbr' | 'div' | 'fieldset' | 'label' | 'svg';\n\t/** Native `disabled` attribute; only a `fieldset` root supports it. */\n\tdisabled?: boolean;\n} & Partial<Omit<JSXBase.HTMLAttributes<HTMLDivElement>, 'class'>> &\n\tPartial<Omit<JSXBase.SVGAttributes<SVGSVGElement>, 'class' | keyof JSXBase.HTMLAttributes<HTMLDivElement>>>;\n\n/**\n * Single-Root BEM wrapper for all Skeleton Functional Components.\n *\n * Responsibilities:\n * - Renders exactly one root node — a `<div>` unless `component` names another element —\n *   enforcing the Single-Root FC rule.\n * - Accepts a `block` name and typed `modifiers` from `KoliBriComponentsBemSchema`.\n * - Calls `bem.forBlock(block)(modifiers)` internally to generate the class string.\n * - Merges the result with the optional `class` prop.\n * - Forwards all remaining HTML attributes (`id`, `role`, `aria-*`, `ref`, …) onto the root\n *   node — legacy functional components spread these onto their root, and internal\n *   consumers (form, form-field-msg, toast-item) rely on that passthrough.\n *\n * Usage:\n * ```tsx\n * export const LinkFC: FC<LinkFCProps> = ({ ..., class: hostClass, disabled }, children) => (\n *   <BemRootNodeFC\n *     block=\"kol-link\"\n *     modifiers={{ disabled, 'external-link': isExternal }}\n *     class={hostClass}\n *   >\n *     <a class={linkBem('interactive-element')}>…</a>\n *   </BemRootNodeFC>\n * );\n * ```\n */\nexport const BemRootNodeFC = <TBlock extends keyof KoliBriComponentsBemSchema>(\n\t{ block, modifiers, class: hostClass, component: Component = 'div', ...rest }: BemRootNodeFCProps<TBlock>,\n\tchildren: FCChildren,\n) => {\n\tconst blockBem = getBlockBem(block);\n\t// The attributes are typed for a `div` plus the SVG attributes; `abbr`, `fieldset` and `label` accept the same global attributes, `fieldset` additionally `disabled`.\n\tconst Root = Component as 'div';\n\treturn (\n\t\t<Root class={clsx(blockBem(modifiers), hostClass)} {...rest}>\n\t\t\t{children}\n\t\t</Root>\n\t);\n};\n"],"names":[],"mappings":";;;;;;;;MAiEa,aAAa,GAAG,CAC5B,EAAyG,EACzG,QAAoB,KACjB;AAFH,IAAA,IAAA,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,GAAG,KAAK,EAAA,GAAA,EAAuC,EAAlC,IAAI,GAAA,MAAA,CAAA,EAAA,EAA3E,4CAA6E,CAAF;AAG3E,IAAA,MAAM,QAAQ,GAAG,WAAW,CAAC,KAAK,CAAC;IAEnC,MAAM,IAAI,GAAG,SAAkB;AAC/B,IAAA,QACC,EAAC,IAAI,EAAA,MAAA,CAAA,MAAA,CAAA,EAAC,KAAK,EAAE,IAAI,CAAC,QAAQ,CAAC,SAAS,CAAC,EAAE,SAAS,CAAC,EAAA,EAAM,IAAI,CACzD,EAAA,QAAQ,CACH;AAET;;;;"}

package/dist/esm/{component-DZbJLUju.js → component-DXmRJdLc.js}

@@ -1,10 +1,10 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import { h, F as Fragment } from './index-DQdQBwMc.js';
+import { h, F as Fragment } from './index-wY4pHWJG.js';
 import { t as translate } from './i18n-BaCf-SDK.js';
 import { b as bem } from './bem-registry-CX5kvaqt.js';
-import { B as BemRootNodeFC } from './component-C3sXiwbS.js';
+import { B as BemRootNodeFC } from './component-D30YHxgS.js';
 
 const spinBem = bem.forBlock('kol-spin');
 const BEM_CLASS_SPIN__LOADER = spinBem('loader');
@@ -25,6 +25,6 @@ const SpinFC = (props) => {
 };
 
 export { SpinFC as S };
-//# sourceMappingURL=component-DZbJLUju.js.map
+//# sourceMappingURL=component-DXmRJdLc.js.map
 
-//# sourceMappingURL=component-DZbJLUju.js.map
+//# sourceMappingURL=component-DXmRJdLc.js.map

package/dist/{kolibri/component-DZbJLUju.js.map → esm/component-DXmRJdLc.js.map}

@@ -1 +1 @@
-{"version":3,"file":"component-DZbJLUju.js","sources":["src/internal/functional-components/spin/component.tsx"],"sourcesContent":["import type { FunctionalComponent as FC } from '@stencil/core';\nimport { Fragment, h } from '@stencil/core';\n\nimport { translate } from '../../../i18n';\nimport { bem } from '../../../schema/bem-registry';\nimport type { SpinVariantType } from '../../props';\nimport { BemRootNodeFC } from '../bem-root-node/component';\nimport type { FunctionalComponentProps } from '../generic-types';\nimport type { SpinApi } from './api';\n\nconst spinBem = bem.forBlock('kol-spin');\nconst BEM_CLASS_SPIN__LOADER = spinBem('loader');\nconst DOT_ELEMENTS = ['1', '2', '3', 'neutral'] as const;\n\nfunction renderSpinVariant(variant: SpinVariantType): unknown {\n\tswitch (variant) {\n\t\tcase 'cycle':\n\t\t\treturn <span class={BEM_CLASS_SPIN__LOADER}></span>;\n\t\tcase 'none':\n\t\t\treturn <slot name=\"expert\"></slot>;\n\t\tdefault:\n\t\t\treturn DOT_ELEMENTS.map((element) => <span class={spinBem('spinner-element', { [element]: true })}></span>);\n\t}\n}\n\nexport const SpinFC: FC<FunctionalComponentProps<SpinApi>> = (props) => {\n\tconst { show, label, variant } = props;\n\n\treturn (\n\t\t<BemRootNodeFC block=\"kol-spin\">\n\t\t\t{show ? (\n\t\t\t\t<Fragment>\n\t\t\t\t\t<span class={spinBem('spinner', { [variant]: true })}>{renderSpinVariant(variant)}</span>\n\t\t\t\t\t<span aria-busy=\"true\" class=\"visually-hidden\" role=\"alert\">\n\t\t\t\t\t\t{label || translate('kol-action-running')}\n\t\t\t\t\t</span>\n\t\t\t\t</Fragment>\n\t\t\t) : (\n\t\t\t\t<span aria-busy=\"false\" class=\"visually-hidden\" role=\"alert\">\n\t\t\t\t\t{label || translate('kol-action-done')}\n\t\t\t\t</span>\n\t\t\t)}\n\t\t</BemRootNodeFC>\n\t);\n};\n"],"names":[],"mappings":";;;;;;;;AAUA,MAAM,OAAO,GAAG,GAAG,CAAC,QAAQ,CAAC,UAAU,CAAC;AACxC,MAAM,sBAAsB,GAAG,OAAO,CAAC,QAAQ,CAAC;AAChD,MAAM,YAAY,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,SAAS,CAAU;AAExD,SAAS,iBAAiB,CAAC,OAAwB,EAAA;IAClD,QAAQ,OAAO;AACd,QAAA,KAAK,OAAO;YACX,OAAO,CAAM,CAAA,MAAA,EAAA,EAAA,KAAK,EAAE,sBAAsB,GAAS;AACpD,QAAA,KAAK,MAAM;YACV,OAAO,CAAM,CAAA,MAAA,EAAA,EAAA,IAAI,EAAC,QAAQ,GAAQ;AACnC,QAAA;AACC,YAAA,OAAO,YAAY,CAAC,GAAG,CAAC,CAAC,OAAO,KAAK,CAAM,CAAA,MAAA,EAAA,EAAA,KAAK,EAAE,OAAO,CAAC,iBAAiB,EAAE,EAAE,CAAC,OAAO,GAAG,IAAI,EAAE,CAAC,EAAS,CAAA,CAAC;;AAE9G;AAEa,MAAA,MAAM,GAA0C,CAAC,KAAK,KAAI;IACtE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,KAAK;IAEtC,QACC,CAAA,CAAC,aAAa,EAAA,EAAC,KAAK,EAAC,UAAU,EAC7B,EAAA,IAAI,IACJ,EAAC,QAAQ,EAAA,IAAA,EACR,CAAA,CAAA,MAAA,EAAA,EAAM,KAAK,EAAE,OAAO,CAAC,SAAS,EAAE,EAAE,CAAC,OAAO,GAAG,IAAI,EAAE,CAAC,EAAA,EAAG,iBAAiB,CAAC,OAAO,CAAC,CAAQ,EACzF,CAAgB,CAAA,MAAA,EAAA,EAAA,WAAA,EAAA,MAAM,EAAC,KAAK,EAAC,iBAAiB,EAAC,IAAI,EAAC,OAAO,EAAA,EACzD,KAAK,IAAI,SAAS,CAAC,oBAAoB,CAAC,CACnC,CACG,KAEX,CAAgB,CAAA,MAAA,EAAA,EAAA,WAAA,EAAA,OAAO,EAAC,KAAK,EAAC,iBAAiB,EAAC,IAAI,EAAC,OAAO,EAAA,EAC1D,KAAK,IAAI,SAAS,CAAC,iBAAiB,CAAC,CAChC,CACP,CACc;AAElB;;;;"}
+{"version":3,"file":"component-DXmRJdLc.js","sources":["src/internal/functional-components/spin/component.tsx"],"sourcesContent":["import type { FunctionalComponent as FC } from '@stencil/core';\nimport { Fragment, h } from '@stencil/core';\n\nimport { translate } from '../../../i18n';\nimport { bem } from '../../../schema/bem-registry';\nimport type { SpinVariantType } from '../../props';\nimport { BemRootNodeFC } from '../bem-root-node/component';\nimport type { FunctionalComponentProps } from '../generic-types';\nimport type { SpinApi } from './api';\n\nconst spinBem = bem.forBlock('kol-spin');\nconst BEM_CLASS_SPIN__LOADER = spinBem('loader');\nconst DOT_ELEMENTS = ['1', '2', '3', 'neutral'] as const;\n\nfunction renderSpinVariant(variant: SpinVariantType): unknown {\n\tswitch (variant) {\n\t\tcase 'cycle':\n\t\t\treturn <span class={BEM_CLASS_SPIN__LOADER}></span>;\n\t\tcase 'none':\n\t\t\treturn <slot name=\"expert\"></slot>;\n\t\tdefault:\n\t\t\treturn DOT_ELEMENTS.map((element) => <span class={spinBem('spinner-element', { [element]: true })}></span>);\n\t}\n}\n\nexport const SpinFC: FC<FunctionalComponentProps<SpinApi>> = (props) => {\n\tconst { show, label, variant } = props;\n\n\treturn (\n\t\t<BemRootNodeFC block=\"kol-spin\">\n\t\t\t{show ? (\n\t\t\t\t<Fragment>\n\t\t\t\t\t<span class={spinBem('spinner', { [variant]: true })}>{renderSpinVariant(variant)}</span>\n\t\t\t\t\t<span aria-busy=\"true\" class=\"visually-hidden\" role=\"alert\">\n\t\t\t\t\t\t{label || translate('kol-action-running')}\n\t\t\t\t\t</span>\n\t\t\t\t</Fragment>\n\t\t\t) : (\n\t\t\t\t<span aria-busy=\"false\" class=\"visually-hidden\" role=\"alert\">\n\t\t\t\t\t{label || translate('kol-action-done')}\n\t\t\t\t</span>\n\t\t\t)}\n\t\t</BemRootNodeFC>\n\t);\n};\n"],"names":[],"mappings":";;;;;;;;AAUA,MAAM,OAAO,GAAG,GAAG,CAAC,QAAQ,CAAC,UAAU,CAAC;AACxC,MAAM,sBAAsB,GAAG,OAAO,CAAC,QAAQ,CAAC;AAChD,MAAM,YAAY,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,SAAS,CAAU;AAExD,SAAS,iBAAiB,CAAC,OAAwB,EAAA;IAClD,QAAQ,OAAO;AACd,QAAA,KAAK,OAAO;YACX,OAAO,CAAM,CAAA,MAAA,EAAA,EAAA,KAAK,EAAE,sBAAsB,GAAS;AACpD,QAAA,KAAK,MAAM;YACV,OAAO,CAAM,CAAA,MAAA,EAAA,EAAA,IAAI,EAAC,QAAQ,GAAQ;AACnC,QAAA;AACC,YAAA,OAAO,YAAY,CAAC,GAAG,CAAC,CAAC,OAAO,KAAK,CAAM,CAAA,MAAA,EAAA,EAAA,KAAK,EAAE,OAAO,CAAC,iBAAiB,EAAE,EAAE,CAAC,OAAO,GAAG,IAAI,EAAE,CAAC,EAAS,CAAA,CAAC;;AAE9G;AAEa,MAAA,MAAM,GAA0C,CAAC,KAAK,KAAI;IACtE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,KAAK;IAEtC,QACC,CAAA,CAAC,aAAa,EAAA,EAAC,KAAK,EAAC,UAAU,EAC7B,EAAA,IAAI,IACJ,EAAC,QAAQ,EAAA,IAAA,EACR,CAAA,CAAA,MAAA,EAAA,EAAM,KAAK,EAAE,OAAO,CAAC,SAAS,EAAE,EAAE,CAAC,OAAO,GAAG,IAAI,EAAE,CAAC,EAAA,EAAG,iBAAiB,CAAC,OAAO,CAAC,CAAQ,EACzF,CAAgB,CAAA,MAAA,EAAA,EAAA,WAAA,EAAA,MAAM,EAAC,KAAK,EAAC,iBAAiB,EAAC,IAAI,EAAC,OAAO,EAAA,EACzD,KAAK,IAAI,SAAS,CAAC,oBAAoB,CAAC,CACnC,CACG,KAEX,CAAgB,CAAA,MAAA,EAAA,EAAA,WAAA,EAAA,OAAO,EAAC,KAAK,EAAC,iBAAiB,EAAC,IAAI,EAAC,OAAO,EAAA,EAC1D,KAAK,IAAI,SAAS,CAAC,iBAAiB,CAAC,CAChC,CACP,CACc;AAElB;;;;"}

package/dist/esm/{component-C_d54ujF.js → component-DoCNds1d.js}

@@ -2,11 +2,11 @@
  * KoliBri - The accessible HTML-Standard
  */
 import { a as __rest } from './tslib.es6-QNbPBOk5.js';
-import { h, F as Fragment } from './index-DQdQBwMc.js';
+import { h, F as Fragment } from './index-wY4pHWJG.js';
 import { i as getDefaultExportFromCjs } from './common-BqpMtheU.js';
 import { b as bem } from './bem-registry-CX5kvaqt.js';
 import { c as clsx } from './clsx-COFh-Vc8.js';
-import { I as IconFC } from './component-BpOMe842.js';
+import { I as IconFC } from './component-C4dhT4Ba.js';
 import { i as isObjectLike, a as isArray, b as baseGetTag } from './isArray-CcrBs4JM.js';
 
 function _mergeNamespaces(n, m) {
@@ -9217,6 +9217,6 @@ const SpanFC = (props, children) => {
 };
 
 export { SpanFC as S, buildBadgeTextString as b, showExpertSlot as s };
-//# sourceMappingURL=component-C_d54ujF.js.map
+//# sourceMappingURL=component-DoCNds1d.js.map
 
-//# sourceMappingURL=component-C_d54ujF.js.map
+//# sourceMappingURL=component-DoCNds1d.js.map