npm - @public-ui/components - Versions diffs - 2.1.7 → 2.1.8-rc.0 - Mend

@public-ui/components 2.1.7 → 2.1.8-rc.0

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 (660) hide show

package/dist/components/kol-alert-wc.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"kol-alert-wc.js","mappings":"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","names":["KolAlertWc"],"sources":["src/schema/components/alert.ts","src/components/alert/component.tsx"],"sourcesContent":["import type { Generic } from 'adopted-style-sheets';\n\nimport type { HeadingLevel, PropAlert, PropHasCloser, PropLabel } from '../props';\nimport type { EventCallback } from '../types';\n\nexport const alertTypeOptions = ['default', 'info', 'success', 'warning', 'error'] as const;\nexport type AlertType = (typeof alertTypeOptions)[number];\n\nexport const alertVariantOptions = ['card', 'msg'] as const;\nexport type AlertVariant = (typeof alertVariantOptions)[number];\n\nexport type KoliBriAlertEventCallbacks = {\n\tonClose?: EventCallback<Event>;\n};\n\ntype RequiredAlertProps = NonNullable<unknown>;\ntype OptionalAlertProps = {\n\tlevel: HeadingLevel;\n\ton: KoliBriAlertEventCallbacks;\n\ttype: AlertType;\n\tvariant: AlertVariant;\n} & PropLabel &\n\tPropAlert &\n\tPropHasCloser;\n\ntype RequiredAlertStates = RequiredAlertProps;\ntype OptionalAlertStates = OptionalAlertProps;\n\nexport type AlertProps = Generic.Element.Members<RequiredAlertProps, OptionalAlertProps>;\nexport type AlertStates = Generic.Element.Members<RequiredAlertStates, OptionalAlertStates>;\nexport type AlertAPI = Generic.Element.ComponentApi<RequiredAlertProps, OptionalAlertProps, RequiredAlertStates, OptionalAlertStates>;\n","import type { JSX } from '@stencil/core';\nimport { Log, alertTypeOptions, alertVariantOptions, setState, validateHasCloser, validateLabel, watchBoolean, watchValidator } from '../../schema';\nimport { Component, h, Host, Prop, State, Watch } from '@stencil/core';\n\nimport { translate } from '../../i18n';\nimport { watchHeadingLevel } from '../heading/validation';\nimport { KolIconTag, KolHeadingWcTag, KolButtonWcTag } from '../../core/component-names';\n\nimport type { AlertAPI, AlertStates, AlertType, AlertVariant, HasCloserPropType, HeadingLevel, KoliBriAlertEventCallbacks, LabelPropType } from '../../schema';\nconst Icon = (props: { ariaLabel: string; icon: string; label?: string }) => {\n\treturn <KolIconTag class=\"heading-icon\" _label={typeof props.label === 'string' && props.label.length > 0 ? '' : props.ariaLabel} _icons={props.icon} />;\n};\n\nconst AlertIcon = (props: { label?: string; type?: AlertType }) => {\n\tswitch (props.type) {\n\t\tcase 'error':\n\t\t\treturn <Icon ariaLabel={translate('kol-error')} icon=\"codicon codicon-error\" label={props.label} />;\n\t\tcase 'info':\n\t\t\treturn <Icon ariaLabel={translate('kol-info')} icon=\"codicon codicon-info\" label={props.label} />;\n\t\tcase 'warning':\n\t\t\treturn <Icon ariaLabel={translate('kol-warning')} icon=\"codicon codicon-warning\" label={props.label} />;\n\t\tcase 'success':\n\t\t\treturn <Icon ariaLabel={translate('kol-success')} icon=\"codicon codicon-pass\" label={props.label} />;\n\t\tdefault:\n\t\t\treturn <Icon ariaLabel={translate('kol-message')} icon=\"codicon codicon-comment\" label={props.label} />;\n\t}\n};\n\n/*\n @slot - Der Inhalt der Meldung.\n /\n@Component({\n\ttag: 'kol-alert-wc',\n\tshadow: false,\n})\nexport class KolAlertWc implements AlertAPI {\n\tprivate readonly close = () => {\n\t\tif (this._on?.onClose !== undefined) {\n\t\t\tthis._on.onClose(new Event('Close'));\n\t\t}\n\t};\n\n\tprivate readonly on = {\n\t\tonClick: this.close,\n\t};\n\n\tpublic render(): JSX.Element {\n\t\tif (this.state._alert) {\n\t\t\t/\n\t\t\t - https://developer.mozilla.org/de/docs/Web/API/Navigator/vibrate\n\t\t\t * - https://googlechrome.github.io/samples/vibration/\n\t\t\t /\n\t\t\ttry {\n\t\t\t\tLog.debug(['Navigator should vibrate ...', navigator.vibrate([100, 75, 100, 75, 100])]);\n\t\t\t} catch (e) {\n\t\t\t\tLog.debug('Navigator does not support vibration.');\n\t\t\t}\n\n\t\t\tsetTimeout(() => {\n\t\t\t\tthis.validateAlert(false);\n\t\t\t}, 10000);\n\t\t}\n\n\t\treturn (\n\t\t\t<Host\n\t\t\t\tclass={{\n\t\t\t\t\t'kol-alert-wc': true,\n\t\t\t\t\talert: true,\n\t\t\t\t\t[this.state._type as string]: true,\n\t\t\t\t\t[this.state._variant as string]: true,\n\t\t\t\t\thasCloser: !!this.state._hasCloser,\n\t\t\t\t}}\n\t\t\t\trole={this.state._alert ? 'alert' : undefined}\n\t\t\t>\n\t\t\t\t<div class=\"heading\">\n\t\t\t\t\t<AlertIcon label={this.state._label} type={this.state._type} />\n\t\t\t\t\t<div class=\"heading-content\">\n\t\t\t\t\t\t{typeof this.state._label === 'string' && this.state._label?.length > 0 && (\n\t\t\t\t\t\t\t<KolHeadingWcTag _label={this.state._label} _level={this.state._level}></KolHeadingWcTag>\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t{this.state._variant === 'msg' && (\n\t\t\t\t\t\t\t<div class=\"content\">\n\t\t\t\t\t\t\t\t<slot />\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</div>\n\t\t\t\t\t{this.state._hasCloser && (\n\t\t\t\t\t\t<KolButtonWcTag\n\t\t\t\t\t\t\tclass=\"close\"\n\t\t\t\t\t\t\t_hideLabel\n\t\t\t\t\t\t\t_icons={{\n\t\t\t\t\t\t\t\tleft: {\n\t\t\t\t\t\t\t\t\ticon: 'codicon codicon-close',\n\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t_label={translate('kol-close-alert', { placeholders: { label: this.state._label?.trim() \|\| '' } })}\n\t\t\t\t\t\t\t_on={this.on}\n\t\t\t\t\t\t\t_tooltipAlign=\"left\"\n\t\t\t\t\t\t></KolButtonWcTag>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t\t\t{this.state._variant === 'card' && (\n\t\t\t\t\t<div class=\"content\">\n\t\t\t\t\t\t<slot />\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t</Host>\n\t\t);\n\t}\n\n\t/\n\t Defines whether the screen-readers should read out the notification.\n\t /\n\t@Prop() public _alert?: boolean = false;\n\n\t/\n\t Defines whether the element can be closed.\n\t * @TODO: Change type back to `HasCloserPropType` after Stencil#4663 has been resolved.\n\t /\n\t@Prop() public _hasCloser?: boolean = false;\n\n\t/\n\t Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.).\n\t /\n\t@Prop() public _label?: LabelPropType;\n\n\t/\n\t Defines which H-level from 1-6 the heading has. 0 specifies no heading and is shown as bold text.\n\t /\n\t@Prop() public _level?: HeadingLevel = 1;\n\n\t/\n\t Gibt die EventCallback-Function für das Schließen des Alerts an.\n\t /\n\t@Prop() public _on?: KoliBriAlertEventCallbacks;\n\n\t/\n\t Defines either the type of the component or of the components interactive element.\n\t /\n\t@Prop() public _type?: AlertType = 'default';\n\n\t/\n\t Defines which variant should be used for presentation.\n\t */\n\t@Prop() public _variant?: AlertVariant = 'msg';\n\n\t@State() public state: AlertStates = {\n\t\t_level: 1,\n\t};\n\n\t@Watch('_alert')\n\tpublic validateAlert(value?: boolean): void {\n\t\twatchBoolean(this, '_alert', value);\n\t}\n\n\t@Watch('_hasCloser')\n\tpublic validateHasCloser(value?: HasCloserPropType): void {\n\t\tvalidateHasCloser(this, value);\n\t}\n\n\t@Watch('_label')\n\tpublic validateLabel(value?: LabelPropType): void {\n\t\tvalidateLabel(this, value);\n\t}\n\n\t@Watch('_level')\n\tpublic validateLevel(value?: HeadingLevel): void {\n\t\twatchHeadingLevel(this, value);\n\t}\n\n\tprivate validateOnValue = (value: unknown): boolean =>\n\t\ttypeof value === 'object' && value !== null && typeof (value as KoliBriAlertEventCallbacks).onClose === 'function';\n\n\t@Watch('_on')\n\tpublic validateOn(value?: KoliBriAlertEventCallbacks): void {\n\t\tif (this.validateOnValue(value)) {\n\t\t\tsetState<KoliBriAlertEventCallbacks>(\n\t\t\t\tthis,\n\t\t\t\t'_on',\n\t\t\t\t{\n\t\t\t\t\tonClose: (value as KoliBriAlertEventCallbacks).onClose,\n\t\t\t\t},\n\t\t\t\t// {\n\t\t\t\t// \tafterPatch: (value: unknown) => {\n\t\t\t\t// \t\tthis._hasCloser = this.validateOnValue(value);\n\t\t\t\t// \t},\n\t\t\t\t// }\n\t\t\t);\n\t\t\t// } else {\n\t\t\t// \tsetState<KoliBriAlertEventCallbacks>(this, '_on', null, {\n\t\t\t// \t\tafterPatch: (value: unknown) => {\n\t\t\t// \t\t\tthis._hasCloser = this.validateOnValue(value);\n\t\t\t// \t\t},\n\t\t\t// \t});\n\t\t}\n\t}\n\n\t@Watch('_type')\n\tpublic validateType(value?: AlertType): void {\n\t\twatchValidator(\n\t\t\tthis,\n\t\t\t'_type',\n\t\t\t(value?) => typeof value === 'string' && alertTypeOptions.includes(value),\n\t\t\tnew Set(`String {${alertTypeOptions.join(', ')}`),\n\t\t\tvalue,\n\t\t);\n\t}\n\n\t@Watch('_variant')\n\tpublic validateVariant(value?: AlertVariant): void {\n\t\twatchValidator(\n\t\t\tthis,\n\t\t\t'_variant',\n\t\t\t(value?) => typeof value === 'string' && alertVariantOptions.includes(value),\n\t\t\tnew Set(`AlertVariant {${alertVariantOptions.join(', ')}`),\n\t\t\tvalue,\n\t\t);\n\t}\n\n\tpublic componentWillLoad(): void {\n\t\tthis.validateAlert(this._alert);\n\t\tthis.validateHasCloser(this._hasCloser);\n\t\tthis.validateLabel(this._label);\n\t\tthis.validateLevel(this._level);\n\t\tthis.validateOn(this._on);\n\t\tthis.validateType(this._type);\n\t\tthis.validateVariant(this._variant);\n\t}\n}\n"],"version":3}
1	+ {"file":"kol-alert-wc.js","mappings":"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","names":["KolAlertWc"],"sources":["src/schema/components/alert.ts","src/components/alert/component.tsx"],"sourcesContent":["import type { Generic } from 'adopted-style-sheets';\n\nimport type { HeadingLevel, PropAlert, PropHasCloser, PropLabel } from '../props';\nimport type { EventCallback } from '../types';\n\nexport const alertTypeOptions = ['default', 'info', 'success', 'warning', 'error'] as const;\nexport type AlertType = (typeof alertTypeOptions)[number];\n\nexport const alertVariantOptions = ['card', 'msg'] as const;\nexport type AlertVariant = (typeof alertVariantOptions)[number];\n\nexport type KoliBriAlertEventCallbacks = {\n\tonClose?: EventCallback<Event>;\n};\n\ntype RequiredAlertProps = NonNullable<unknown>;\ntype OptionalAlertProps = {\n\tlevel: HeadingLevel;\n\ton: KoliBriAlertEventCallbacks;\n\ttype: AlertType;\n\tvariant: AlertVariant;\n} & PropLabel &\n\tPropAlert &\n\tPropHasCloser;\n\ntype RequiredAlertStates = RequiredAlertProps;\ntype OptionalAlertStates = OptionalAlertProps;\n\nexport type AlertProps = Generic.Element.Members<RequiredAlertProps, OptionalAlertProps>;\nexport type AlertStates = Generic.Element.Members<RequiredAlertStates, OptionalAlertStates>;\nexport type AlertAPI = Generic.Element.ComponentApi<RequiredAlertProps, OptionalAlertProps, RequiredAlertStates, OptionalAlertStates>;\n","import type { JSX } from '@stencil/core';\nimport { Log, alertTypeOptions, alertVariantOptions, setState, validateHasCloser, validateLabel, watchBoolean, watchValidator } from '../../schema';\nimport { Component, h, Host, Prop, State, Watch } from '@stencil/core';\n\nimport { translate } from '../../i18n';\nimport { watchHeadingLevel } from '../heading/validation';\nimport { KolIconTag, KolHeadingWcTag, KolButtonWcTag } from '../../core/component-names';\n\nimport type { AlertAPI, AlertStates, AlertType, AlertVariant, HasCloserPropType, HeadingLevel, KoliBriAlertEventCallbacks, LabelPropType } from '../../schema';\nconst Icon = (props: { ariaLabel: string; icon: string; label?: string }) => {\n\treturn <KolIconTag class=\"heading-icon\" _label={typeof props.label === 'string' && props.label.length > 0 ? '' : props.ariaLabel} _icons={props.icon} />;\n};\n\nconst AlertIcon = (props: { label?: string; type?: AlertType }) => {\n\tswitch (props.type) {\n\t\tcase 'error':\n\t\t\treturn <Icon ariaLabel={translate('kol-error')} icon=\"codicon codicon-error\" label={props.label} />;\n\t\tcase 'info':\n\t\t\treturn <Icon ariaLabel={translate('kol-info')} icon=\"codicon codicon-info\" label={props.label} />;\n\t\tcase 'warning':\n\t\t\treturn <Icon ariaLabel={translate('kol-warning')} icon=\"codicon codicon-warning\" label={props.label} />;\n\t\tcase 'success':\n\t\t\treturn <Icon ariaLabel={translate('kol-success')} icon=\"codicon codicon-pass\" label={props.label} />;\n\t\tdefault:\n\t\t\treturn <Icon ariaLabel={translate('kol-message')} icon=\"codicon codicon-comment\" label={props.label} />;\n\t}\n};\n\n/*\n @slot - Der Inhalt der Meldung.\n /\n@Component({\n\ttag: 'kol-alert-wc',\n\tshadow: false,\n})\nexport class KolAlertWc implements AlertAPI {\n\tprivate readonly close = () => {\n\t\tif (this._on?.onClose !== undefined) {\n\t\t\tthis._on.onClose(new Event('Close'));\n\t\t}\n\t};\n\n\tprivate readonly on = {\n\t\tonClick: this.close,\n\t};\n\n\tpublic render(): JSX.Element {\n\t\tif (this.state._alert) {\n\t\t\t/\n\t\t\t - https://developer.mozilla.org/de/docs/Web/API/Navigator/vibrate\n\t\t\t * - https://googlechrome.github.io/samples/vibration/\n\t\t\t /\n\t\t\ttry {\n\t\t\t\tLog.debug(['Navigator should vibrate ...', navigator.vibrate([100, 75, 100, 75, 100])]);\n\t\t\t} catch (e) {\n\t\t\t\tLog.debug('Navigator does not support vibration.');\n\t\t\t}\n\n\t\t\tsetTimeout(() => {\n\t\t\t\tthis.validateAlert(false);\n\t\t\t}, 10000);\n\t\t}\n\n\t\treturn (\n\t\t\t<Host\n\t\t\t\tclass={{\n\t\t\t\t\t'kol-alert-wc': true,\n\t\t\t\t\talert: true,\n\t\t\t\t\t[this.state._type as string]: true,\n\t\t\t\t\t[this.state._variant as string]: true,\n\t\t\t\t\thasCloser: !!this.state._hasCloser,\n\t\t\t\t}}\n\t\t\t\trole={this.state._alert ? 'alert' : undefined}\n\t\t\t>\n\t\t\t\t<div class=\"heading\">\n\t\t\t\t\t<AlertIcon label={this.state._label} type={this.state._type} />\n\t\t\t\t\t<div class=\"heading-content\">\n\t\t\t\t\t\t{typeof this.state._label === 'string' && this.state._label?.length > 0 && (\n\t\t\t\t\t\t\t<KolHeadingWcTag _label={this.state._label} _level={this.state._level}></KolHeadingWcTag>\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t{this.state._variant === 'msg' && (\n\t\t\t\t\t\t\t<div class=\"content\">\n\t\t\t\t\t\t\t\t<slot />\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</div>\n\t\t\t\t\t{this.state._hasCloser && (\n\t\t\t\t\t\t<KolButtonWcTag\n\t\t\t\t\t\t\tclass=\"close\"\n\t\t\t\t\t\t\t_ariaDescription={this.state._label?.trim() \|\| ''}\n\t\t\t\t\t\t\t_hideLabel\n\t\t\t\t\t\t\t_icons={{\n\t\t\t\t\t\t\t\tleft: {\n\t\t\t\t\t\t\t\t\ticon: 'codicon codicon-close',\n\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t_label={translate('kol-close-alert')}\n\t\t\t\t\t\t\t_on={this.on}\n\t\t\t\t\t\t\t_tooltipAlign=\"left\"\n\t\t\t\t\t\t></KolButtonWcTag>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t\t\t{this.state._variant === 'card' && (\n\t\t\t\t\t<div class=\"content\">\n\t\t\t\t\t\t<slot />\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t</Host>\n\t\t);\n\t}\n\n\t/\n\t Defines whether the screen-readers should read out the notification.\n\t /\n\t@Prop() public _alert?: boolean = false;\n\n\t/\n\t Defines whether the element can be closed.\n\t * @TODO: Change type back to `HasCloserPropType` after Stencil#4663 has been resolved.\n\t /\n\t@Prop() public _hasCloser?: boolean = false;\n\n\t/\n\t Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.).\n\t /\n\t@Prop() public _label?: LabelPropType;\n\n\t/\n\t Defines which H-level from 1-6 the heading has. 0 specifies no heading and is shown as bold text.\n\t /\n\t@Prop() public _level?: HeadingLevel = 1;\n\n\t/\n\t Gibt die EventCallback-Function für das Schließen des Alerts an.\n\t /\n\t@Prop() public _on?: KoliBriAlertEventCallbacks;\n\n\t/\n\t Defines either the type of the component or of the components interactive element.\n\t /\n\t@Prop() public _type?: AlertType = 'default';\n\n\t/\n\t Defines which variant should be used for presentation.\n\t */\n\t@Prop() public _variant?: AlertVariant = 'msg';\n\n\t@State() public state: AlertStates = {\n\t\t_level: 1,\n\t};\n\n\t@Watch('_alert')\n\tpublic validateAlert(value?: boolean): void {\n\t\twatchBoolean(this, '_alert', value);\n\t}\n\n\t@Watch('_hasCloser')\n\tpublic validateHasCloser(value?: HasCloserPropType): void {\n\t\tvalidateHasCloser(this, value);\n\t}\n\n\t@Watch('_label')\n\tpublic validateLabel(value?: LabelPropType): void {\n\t\tvalidateLabel(this, value);\n\t}\n\n\t@Watch('_level')\n\tpublic validateLevel(value?: HeadingLevel): void {\n\t\twatchHeadingLevel(this, value);\n\t}\n\n\tprivate validateOnValue = (value: unknown): boolean =>\n\t\ttypeof value === 'object' && value !== null && typeof (value as KoliBriAlertEventCallbacks).onClose === 'function';\n\n\t@Watch('_on')\n\tpublic validateOn(value?: KoliBriAlertEventCallbacks): void {\n\t\tif (this.validateOnValue(value)) {\n\t\t\tsetState<KoliBriAlertEventCallbacks>(\n\t\t\t\tthis,\n\t\t\t\t'_on',\n\t\t\t\t{\n\t\t\t\t\tonClose: (value as KoliBriAlertEventCallbacks).onClose,\n\t\t\t\t},\n\t\t\t\t// {\n\t\t\t\t// \tafterPatch: (value: unknown) => {\n\t\t\t\t// \t\tthis._hasCloser = this.validateOnValue(value);\n\t\t\t\t// \t},\n\t\t\t\t// }\n\t\t\t);\n\t\t\t// } else {\n\t\t\t// \tsetState<KoliBriAlertEventCallbacks>(this, '_on', null, {\n\t\t\t// \t\tafterPatch: (value: unknown) => {\n\t\t\t// \t\t\tthis._hasCloser = this.validateOnValue(value);\n\t\t\t// \t\t},\n\t\t\t// \t});\n\t\t}\n\t}\n\n\t@Watch('_type')\n\tpublic validateType(value?: AlertType): void {\n\t\twatchValidator(\n\t\t\tthis,\n\t\t\t'_type',\n\t\t\t(value?) => typeof value === 'string' && alertTypeOptions.includes(value),\n\t\t\tnew Set(`String {${alertTypeOptions.join(', ')}`),\n\t\t\tvalue,\n\t\t);\n\t}\n\n\t@Watch('_variant')\n\tpublic validateVariant(value?: AlertVariant): void {\n\t\twatchValidator(\n\t\t\tthis,\n\t\t\t'_variant',\n\t\t\t(value?) => typeof value === 'string' && alertVariantOptions.includes(value),\n\t\t\tnew Set(`AlertVariant {${alertVariantOptions.join(', ')}`),\n\t\t\tvalue,\n\t\t);\n\t}\n\n\tpublic componentWillLoad(): void {\n\t\tthis.validateAlert(this._alert);\n\t\tthis.validateHasCloser(this._hasCloser);\n\t\tthis.validateLabel(this._label);\n\t\tthis.validateLevel(this._level);\n\t\tthis.validateOn(this._on);\n\t\tthis.validateType(this._type);\n\t\tthis.validateVariant(this._variant);\n\t}\n}\n"],"version":3}

package/dist/components/kol-badge.js CHANGED Viewed

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{proxyCustomElement,HTMLElement,h,Host}from"@stencil/core/internal/client";import{c as KolButtonWcTag,g as KolSpanWcTag}from"./component-names.js";import{n as nonce}from"./dev.utils2.js";import{h as handleColorChange,v as validateColor}from"./color.js";import{f as featureHint,g as objectObjectHandler,p as parseJson,b as setState}from"./prop.validators.js";const defaultStyleCss="/*\n * This file contains all rules for accessibility.\n */\n@layer kol-global {\n  :host {\n    /*\n     * Minimum size of interactive elements.\n     */\n    --a11y-min-size: 44px;\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    color: black;\n    /*\n     * Verdana is an accessible font that can be used without requiring additional loading time.\n     */\n    font-family: Verdana;\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     * Letter spacing is required for all texts.\n     */\n    letter-spacing: inherit;\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     * Word spacing is required for all texts.\n     */\n    word-spacing: inherit;\n  }\n  /*\n   * All interactive elements should have a minimum size of 44px.\n   */\n  /* input:not([type='checkbox'], [type='radio'], [type='range']), */\n  /* option, */\n  /* select, */\n  /* textarea, */\n  [role=button],\n  button:not([role=link]),\n  .kol-input .input {\n    min-height: var(--a11y-min-size);\n    min-width: 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}\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  clip: rect(0 0 0 0);\n  clip-path: inset(50%);\n  height: 1px;\n  overflow: hidden;\n  position: absolute;\n  white-space: nowrap;\n  width: 1px;\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    border: none;\n    margin: 0;\n    padding: 0;\n    width: 100%; /* 100% needed for custom width from outside */\n  }\n  /*\n   * Ensure elements with hidden attribute to be actually not visible\n   * @see https://meowni.ca/hidden.is.a.lie.html\n   */\n  [hidden] {\n    display: none !important;\n  }\n}\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  }\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    cursor: not-allowed;\n    opacity: 0.5;\n    outline: none;\n  }\n  [aria-disabled=true]:focus .kol-span-wc,\n  [disabled]:focus .kol-span-wc {\n    outline: none !important;\n  }\n}\n@layer kol-component {\n  /* :host implicitly inherits font-size, e.g. for usage in headlines */\n  :host {\n    font-size: calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n  :host > span {\n    display: inline-flex;\n    place-items: center;\n    /* Visible with forced colors  */\n    outline: transparent solid 1px;\n  }\n  :host > span > .kol-button-wc button {\n    color: inherit;\n  }\n}",KolBadgeDefaultStyle0=defaultStyleCss;featureHint("[KolBadge] Optimierung des _color-Properties (rgba, rgb, hex usw.).");const KolBadge$1=proxyCustomElement(class extends HTMLElement{constructor(){super(),this.__registerHost(),this.__attachShadow(),this.bgColorStr="#000",this.colorStr="#fff",this.id=nonce(),this.handleColorChange=n=>{const t=handleColorChange(n);this.bgColorStr=t.backgroundColor,this.colorStr=t.foregroundColor},this._color="#000",this._icons=void 0,this._label=void 0,this._smartButton=void 0,this.state={_color:{backgroundColor:"#000",foregroundColor:"#fff"}}}renderSmartButton(n){return h(KolButtonWcTag,{_ariaControls:this.id,_customClass:n._customClass,_disabled:n._disabled,_hideLabel:!0,_icons:n._icons,_id:n._id,_label:n._label,_on:n._on,_tooltipAlign:n._tooltipAlign,_variant:n._variant})}render(){const n="object"==typeof this.state._smartButton&&null!==this.state._smartButton;return h(Host,{key:"0b334746c26463bbc697f08077e165e56b34a97f",class:"kol-badge"},h("span",{key:"83210f467b224cb691d844a0311f4a31a1ad6e79",class:{"smart-button":"object"==typeof this.state._smartButton&&null!==this.state._smartButton},style:{backgroundColor:this.bgColorStr,color:this.colorStr}},h(KolSpanWcTag,{key:"d5a3248d67baa494d9671e0da7de918511af084b",id:n?this.id:void 0,_allowMarkdown:!0,_icons:this._icons,_label:this._label}),n&&this.renderSmartButton(this.state._smartButton)))}validateColor(n){validateColor(this,n,{defaultValue:"#000",hooks:{beforePatch:this.handleColorChange}})}validateSmartButton(n){objectObjectHandler(n,(()=>{try{n=parseJson(n)}catch(n){}setState(this,"_smartButton",n)}))}componentWillLoad(){this.validateColor(this._color),this.validateSmartButton(this._smartButton)}static get watchers(){return{_color:["validateColor"],_smartButton:["validateSmartButton"]}}static get style(){return{default:KolBadgeDefaultStyle0}}},[33,"kol-badge",{_color:[1],_icons:[1],_label:[1],_smartButton:[1,"_smart-button"],state:[32]},void 0,{_color:["validateColor"],_smartButton:["validateSmartButton"]}]);function defineCustomElement$1(){if("undefined"==typeof customElements)return;["kol-badge"].forEach((n=>{if("kol-badge"===n)customElements.get(n)||customElements.define(n,KolBadge$1)}))}const KolBadge=KolBadge$1,defineCustomElement=defineCustomElement$1;export{KolBadge,defineCustomElement};
+import{proxyCustomElement,HTMLElement,h,Host}from"@stencil/core/internal/client";import{c as KolButtonWcTag,g as KolSpanWcTag}from"./component-names.js";import{n as nonce}from"./dev.utils2.js";import{h as handleColorChange,v as validateColor}from"./color.js";import{f as featureHint,o as objectObjectHandler,p as parseJson,b as setState}from"./prop.validators.js";const defaultStyleCss="/*\n * This file contains all rules for accessibility.\n */\n@layer kol-global {\n  :host {\n    /*\n     * Minimum size of interactive elements.\n     */\n    --a11y-min-size: 44px;\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    color: black;\n    /*\n     * Verdana is an accessible font that can be used without requiring additional loading time.\n     */\n    font-family: Verdana;\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     * Letter spacing is required for all texts.\n     */\n    letter-spacing: inherit;\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     * Word spacing is required for all texts.\n     */\n    word-spacing: inherit;\n  }\n  /*\n   * All interactive elements should have a minimum size of 44px.\n   */\n  /* input:not([type='checkbox'], [type='radio'], [type='range']), */\n  /* option, */\n  /* select, */\n  /* textarea, */\n  [role=button],\n  button:not([role=link]),\n  .kol-input .input {\n    min-height: var(--a11y-min-size);\n    min-width: 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}\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  clip: rect(0 0 0 0);\n  clip-path: inset(50%);\n  height: 1px;\n  overflow: hidden;\n  position: absolute;\n  white-space: nowrap;\n  width: 1px;\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    border: none;\n    margin: 0;\n    padding: 0;\n    width: 100%; /* 100% needed for custom width from outside */\n  }\n  /*\n   * Ensure elements with hidden attribute to be actually not visible\n   * @see https://meowni.ca/hidden.is.a.lie.html\n   */\n  [hidden] {\n    display: none !important;\n  }\n}\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  }\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    cursor: not-allowed;\n    opacity: 0.5;\n    outline: none;\n  }\n  [aria-disabled=true]:focus .kol-span-wc,\n  [disabled]:focus .kol-span-wc {\n    outline: none !important;\n  }\n}\n@layer kol-component {\n  /* :host implicitly inherits font-size, e.g. for usage in headlines */\n  :host {\n    font-size: calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n  :host > span {\n    display: inline-flex;\n    place-items: center;\n    /* Visible with forced colors  */\n    outline: transparent solid 1px;\n  }\n  :host > span > .kol-button-wc button {\n    color: inherit;\n  }\n}",KolBadgeDefaultStyle0=defaultStyleCss;featureHint("[KolBadge] Optimierung des _color-Properties (rgba, rgb, hex usw.).");const KolBadge$1=proxyCustomElement(class extends HTMLElement{constructor(){super(),this.__registerHost(),this.__attachShadow(),this.bgColorStr="#000",this.colorStr="#fff",this.id=nonce(),this.handleColorChange=n=>{const t=handleColorChange(n);this.bgColorStr=t.backgroundColor,this.colorStr=t.foregroundColor},this._color="#000",this._icons=void 0,this._label=void 0,this._smartButton=void 0,this.state={_color:{backgroundColor:"#000",foregroundColor:"#fff"}}}renderSmartButton(n){return h(KolButtonWcTag,{_ariaControls:this.id,_customClass:n._customClass,_disabled:n._disabled,_hideLabel:!0,_icons:n._icons,_id:n._id,_label:n._label,_on:n._on,_tooltipAlign:n._tooltipAlign,_variant:n._variant})}render(){const n="object"==typeof this.state._smartButton&&null!==this.state._smartButton;return h(Host,{key:"0b334746c26463bbc697f08077e165e56b34a97f",class:"kol-badge"},h("span",{key:"83210f467b224cb691d844a0311f4a31a1ad6e79",class:{"smart-button":"object"==typeof this.state._smartButton&&null!==this.state._smartButton},style:{backgroundColor:this.bgColorStr,color:this.colorStr}},h(KolSpanWcTag,{key:"d5a3248d67baa494d9671e0da7de918511af084b",id:n?this.id:void 0,_allowMarkdown:!0,_icons:this._icons,_label:this._label}),n&&this.renderSmartButton(this.state._smartButton)))}validateColor(n){validateColor(this,n,{defaultValue:"#000",hooks:{beforePatch:this.handleColorChange}})}validateSmartButton(n){objectObjectHandler(n,(()=>{try{n=parseJson(n)}catch(n){}setState(this,"_smartButton",n)}))}componentWillLoad(){this.validateColor(this._color),this.validateSmartButton(this._smartButton)}static get watchers(){return{_color:["validateColor"],_smartButton:["validateSmartButton"]}}static get style(){return{default:KolBadgeDefaultStyle0}}},[33,"kol-badge",{_color:[1],_icons:[1],_label:[1],_smartButton:[1,"_smart-button"],state:[32]},void 0,{_color:["validateColor"],_smartButton:["validateSmartButton"]}]);function defineCustomElement$1(){if("undefined"==typeof customElements)return;["kol-badge"].forEach((n=>{if("kol-badge"===n)customElements.get(n)||customElements.define(n,KolBadge$1)}))}const KolBadge=KolBadge$1,defineCustomElement=defineCustomElement$1;export{KolBadge,defineCustomElement};

package/dist/components/kol-breadcrumb.js CHANGED Viewed

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{proxyCustomElement,HTMLElement,h,Fragment,Host}from"@stencil/core/internal/client";import{r as removeNavLabel,a as addNavLabel}from"./unique-nav-labels.js";import{w as watchNavLinks}from"./validation2.js";import{e as KolIconTag,h as KolLinkTag}from"./component-names.js";import{i as a11yHintLabelingLandmarks}from"./prop.validators.js";import{v as validateLabel}from"./label.js";const defaultStyleCss="/*\n * This file contains all rules for accessibility.\n */\n@layer kol-global {\n  :host {\n    /*\n     * Minimum size of interactive elements.\n     */\n    --a11y-min-size: 44px;\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    color: black;\n    /*\n     * Verdana is an accessible font that can be used without requiring additional loading time.\n     */\n    font-family: Verdana;\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     * Letter spacing is required for all texts.\n     */\n    letter-spacing: inherit;\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     * Word spacing is required for all texts.\n     */\n    word-spacing: inherit;\n  }\n  /*\n   * All interactive elements should have a minimum size of 44px.\n   */\n  /* input:not([type='checkbox'], [type='radio'], [type='range']), */\n  /* option, */\n  /* select, */\n  /* textarea, */\n  [role=button],\n  button:not([role=link]),\n  .kol-input .input {\n    min-height: var(--a11y-min-size);\n    min-width: 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}\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  clip: rect(0 0 0 0);\n  clip-path: inset(50%);\n  height: 1px;\n  overflow: hidden;\n  position: absolute;\n  white-space: nowrap;\n  width: 1px;\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    border: none;\n    margin: 0;\n    padding: 0;\n    width: 100%; /* 100% needed for custom width from outside */\n  }\n  /*\n   * Ensure elements with hidden attribute to be actually not visible\n   * @see https://meowni.ca/hidden.is.a.lie.html\n   */\n  [hidden] {\n    display: none !important;\n  }\n}\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  }\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    cursor: not-allowed;\n    opacity: 0.5;\n    outline: none;\n  }\n  [aria-disabled=true]:focus .kol-span-wc,\n  [disabled]:focus .kol-span-wc {\n    outline: none !important;\n  }\n}\n@layer kol-component {\n  :host {\n    font-size: calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n  li,\n  ul {\n    margin: 0;\n    padding: 0;\n    list-style: none;\n    display: flex;\n    gap: 0.5em;\n    flex-wrap: wrap;\n    place-items: center;\n  }\n  .kol-icon::part(separator) {\n    font-weight: 900;\n    font-size: 0.7em;\n  }\n  .kol-icon::part(separator):before {\n    content: \"\\f054\";\n    font-family: \"Font Awesome 6 Free\";\n  }\n}",KolBreadcrumbDefaultStyle0=defaultStyleCss,KolBreadcrumb$1=proxyCustomElement(class extends HTMLElement{constructor(){super(),this.__registerHost(),this.__attachShadow(),this.renderLink=(n,e)=>{const t=this.state._links.length-1;return h("li",{key:e},0!==e&&h(KolIconTag,{_label:"",_icons:"codicon codicon-chevron-right"}),e===t?h("span",null,n._hideLabel?h(KolIconTag,{_label:n._label,_icons:"string"==typeof n._icons?n._icons:"codicon codicon-symbol-event"}):h(Fragment,null,n._label)):h(KolLinkTag,Object.assign({},n)))},this._label=void 0,this._links=void 0,this.state={_label:"",_links:[]}}render(){return h(Host,{key:"1cfa36fa9a381d7b470854ec4a550b54817e37d6",class:"kol-breadcrumb"},h("nav",{key:"d913f0b8853e65302801b62abb9ee1a7911ba264","aria-label":this.state._label},h("ul",{key:"9719d99bcfedb925e819b0abf14977692fdabc76"},0===this.state._links.length&&h("li",{key:"1681efdfcdb0eb6d31fe0baf14efa89208ef04e9"},h(KolIconTag,{key:"21f1969a164aaa85d48a8e985e2e788be10a5135",_label:"",_icons:"codicon codicon-home"}),"…"),this.state._links.map(this.renderLink))))}validateLabel(n,e,t=!1){t||removeNavLabel(this.state._label),validateLabel(this,n,{required:!0}),a11yHintLabelingLandmarks(n),addNavLabel(this.state._label)}validateLinks(n){watchNavLinks("KolBreadcrumb",this,n)}componentWillLoad(){this.validateLabel(this._label,void 0,!0),this.validateLinks(this._links)}disconnectedCallback(){removeNavLabel(this.state._label)}static get watchers(){return{_label:["validateLabel"],_links:["validateLinks"]}}static get style(){return{default:KolBreadcrumbDefaultStyle0}}},[33,"kol-breadcrumb",{_label:[1],_links:[1],state:[32]},void 0,{_label:["validateLabel"],_links:["validateLinks"]}]);function defineCustomElement$1(){if("undefined"==typeof customElements)return;["kol-breadcrumb"].forEach((n=>{if("kol-breadcrumb"===n)customElements.get(n)||customElements.define(n,KolBreadcrumb$1)}))}const KolBreadcrumb=KolBreadcrumb$1,defineCustomElement=defineCustomElement$1;export{KolBreadcrumb,defineCustomElement};
+import{proxyCustomElement,HTMLElement,h,Fragment,Host}from"@stencil/core/internal/client";import{r as removeNavLabel,a as addNavLabel}from"./unique-nav-labels.js";import{w as watchNavLinks}from"./validation2.js";import{e as KolIconTag,h as KolLinkTag}from"./component-names.js";import{j as a11yHintLabelingLandmarks}from"./prop.validators.js";import{v as validateLabel}from"./label.js";const defaultStyleCss="/*\n * This file contains all rules for accessibility.\n */\n@layer kol-global {\n  :host {\n    /*\n     * Minimum size of interactive elements.\n     */\n    --a11y-min-size: 44px;\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    color: black;\n    /*\n     * Verdana is an accessible font that can be used without requiring additional loading time.\n     */\n    font-family: Verdana;\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     * Letter spacing is required for all texts.\n     */\n    letter-spacing: inherit;\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     * Word spacing is required for all texts.\n     */\n    word-spacing: inherit;\n  }\n  /*\n   * All interactive elements should have a minimum size of 44px.\n   */\n  /* input:not([type='checkbox'], [type='radio'], [type='range']), */\n  /* option, */\n  /* select, */\n  /* textarea, */\n  [role=button],\n  button:not([role=link]),\n  .kol-input .input {\n    min-height: var(--a11y-min-size);\n    min-width: 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}\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  clip: rect(0 0 0 0);\n  clip-path: inset(50%);\n  height: 1px;\n  overflow: hidden;\n  position: absolute;\n  white-space: nowrap;\n  width: 1px;\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    border: none;\n    margin: 0;\n    padding: 0;\n    width: 100%; /* 100% needed for custom width from outside */\n  }\n  /*\n   * Ensure elements with hidden attribute to be actually not visible\n   * @see https://meowni.ca/hidden.is.a.lie.html\n   */\n  [hidden] {\n    display: none !important;\n  }\n}\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  }\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    cursor: not-allowed;\n    opacity: 0.5;\n    outline: none;\n  }\n  [aria-disabled=true]:focus .kol-span-wc,\n  [disabled]:focus .kol-span-wc {\n    outline: none !important;\n  }\n}\n@layer kol-component {\n  :host {\n    font-size: calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n  li,\n  ul {\n    margin: 0;\n    padding: 0;\n    list-style: none;\n    display: flex;\n    gap: 0.5em;\n    flex-wrap: wrap;\n    place-items: center;\n  }\n  .kol-icon::part(separator) {\n    font-weight: 900;\n    font-size: 0.7em;\n  }\n  .kol-icon::part(separator):before {\n    content: \"\\f054\";\n    font-family: \"Font Awesome 6 Free\";\n  }\n}",KolBreadcrumbDefaultStyle0=defaultStyleCss,KolBreadcrumb$1=proxyCustomElement(class extends HTMLElement{constructor(){super(),this.__registerHost(),this.__attachShadow(),this.renderLink=(n,e)=>{const t=this.state._links.length-1;return h("li",{key:e},0!==e&&h(KolIconTag,{_label:"",_icons:"codicon codicon-chevron-right"}),e===t?h("span",null,n._hideLabel?h(KolIconTag,{_label:n._label,_icons:"string"==typeof n._icons?n._icons:"codicon codicon-symbol-event"}):h(Fragment,null,n._label)):h(KolLinkTag,Object.assign({},n)))},this._label=void 0,this._links=void 0,this.state={_label:"",_links:[]}}render(){return h(Host,{key:"1cfa36fa9a381d7b470854ec4a550b54817e37d6",class:"kol-breadcrumb"},h("nav",{key:"d913f0b8853e65302801b62abb9ee1a7911ba264","aria-label":this.state._label},h("ul",{key:"9719d99bcfedb925e819b0abf14977692fdabc76"},0===this.state._links.length&&h("li",{key:"1681efdfcdb0eb6d31fe0baf14efa89208ef04e9"},h(KolIconTag,{key:"21f1969a164aaa85d48a8e985e2e788be10a5135",_label:"",_icons:"codicon codicon-home"}),"…"),this.state._links.map(this.renderLink))))}validateLabel(n,e,t=!1){t||removeNavLabel(this.state._label),validateLabel(this,n,{required:!0}),a11yHintLabelingLandmarks(n),addNavLabel(this.state._label)}validateLinks(n){watchNavLinks("KolBreadcrumb",this,n)}componentWillLoad(){this.validateLabel(this._label,void 0,!0),this.validateLinks(this._links)}disconnectedCallback(){removeNavLabel(this.state._label)}static get watchers(){return{_label:["validateLabel"],_links:["validateLinks"]}}static get style(){return{default:KolBreadcrumbDefaultStyle0}}},[33,"kol-breadcrumb",{_label:[1],_links:[1],state:[32]},void 0,{_label:["validateLabel"],_links:["validateLinks"]}]);function defineCustomElement$1(){if("undefined"==typeof customElements)return;["kol-breadcrumb"].forEach((n=>{if("kol-breadcrumb"===n)customElements.get(n)||customElements.define(n,KolBreadcrumb$1)}))}const KolBreadcrumb=KolBreadcrumb$1,defineCustomElement=defineCustomElement$1;export{KolBreadcrumb,defineCustomElement};

package/dist/components/kol-icon.js CHANGED Viewed

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{proxyCustomElement,HTMLElement,h,Host}from"@stencil/core/internal/client";import{e as watchString}from"./prop.validators.js";import{v as validateLabel}from"./label.js";const defaultStyleCss='/*---------------------------------------------------------------------------------------------\n *  Copyright (c) Microsoft Corporation. All rights reserved.\n *  Licensed under the MIT License. See License.txt in the project root for license information.\n *--------------------------------------------------------------------------------------------*/\n@font-face {\n  font-family: "codicon";\n  font-display: block;\n  src: url("./codicon.ttf?0e5b0adf625a37fbcd638d31f0fe72aa") format("truetype");\n}\n.codicon[class*=codicon-] {\n  font: normal normal normal 16px/1 codicon;\n  display: inline-block;\n  text-decoration: none;\n  text-rendering: auto;\n  text-align: center;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n  user-select: none;\n  -webkit-user-select: none;\n  -ms-user-select: none;\n}\n\n/*---------------------\n *  Modifiers\n *-------------------*/\n@keyframes codicon-spin {\n  100% {\n    transform: rotate(360deg);\n  }\n}\n.codicon-sync.codicon-modifier-spin,\n.codicon-loading.codicon-modifier-spin,\n.codicon-gear.codicon-modifier-spin {\n  /* Use steps to throttle FPS to reduce CPU usage */\n  animation: codicon-spin 1.5s steps(30) infinite;\n}\n\n.codicon-modifier-disabled {\n  opacity: 0.5;\n}\n\n.codicon-modifier-hidden {\n  opacity: 0;\n}\n\n/* custom speed & easing for loading icon */\n.codicon-loading {\n  animation-duration: 1s !important;\n  animation-timing-function: cubic-bezier(0.53, 0.21, 0.29, 0.67) !important;\n}\n\n/*---------------------\n *  Icons\n *-------------------*/\n.codicon-add:before {\n  content: "\\ea60";\n}\n\n.codicon-plus:before {\n  content: "\\ea60";\n}\n\n.codicon-gist-new:before {\n  content: "\\ea60";\n}\n\n.codicon-repo-create:before {\n  content: "\\ea60";\n}\n\n.codicon-lightbulb:before {\n  content: "\\ea61";\n}\n\n.codicon-light-bulb:before {\n  content: "\\ea61";\n}\n\n.codicon-repo:before {\n  content: "\\ea62";\n}\n\n.codicon-repo-delete:before {\n  content: "\\ea62";\n}\n\n.codicon-gist-fork:before {\n  content: "\\ea63";\n}\n\n.codicon-repo-forked:before {\n  content: "\\ea63";\n}\n\n.codicon-git-pull-request:before {\n  content: "\\ea64";\n}\n\n.codicon-git-pull-request-abandoned:before {\n  content: "\\ea64";\n}\n\n.codicon-record-keys:before {\n  content: "\\ea65";\n}\n\n.codicon-keyboard:before {\n  content: "\\ea65";\n}\n\n.codicon-tag:before {\n  content: "\\ea66";\n}\n\n.codicon-tag-add:before {\n  content: "\\ea66";\n}\n\n.codicon-tag-remove:before {\n  content: "\\ea66";\n}\n\n.codicon-person:before {\n  content: "\\ea67";\n}\n\n.codicon-person-follow:before {\n  content: "\\ea67";\n}\n\n.codicon-person-outline:before {\n  content: "\\ea67";\n}\n\n.codicon-person-filled:before {\n  content: "\\ea67";\n}\n\n.codicon-git-branch:before {\n  content: "\\ea68";\n}\n\n.codicon-git-branch-create:before {\n  content: "\\ea68";\n}\n\n.codicon-git-branch-delete:before {\n  content: "\\ea68";\n}\n\n.codicon-source-control:before {\n  content: "\\ea68";\n}\n\n.codicon-mirror:before {\n  content: "\\ea69";\n}\n\n.codicon-mirror-public:before {\n  content: "\\ea69";\n}\n\n.codicon-star:before {\n  content: "\\ea6a";\n}\n\n.codicon-star-add:before {\n  content: "\\ea6a";\n}\n\n.codicon-star-delete:before {\n  content: "\\ea6a";\n}\n\n.codicon-star-empty:before {\n  content: "\\ea6a";\n}\n\n.codicon-comment:before {\n  content: "\\ea6b";\n}\n\n.codicon-comment-add:before {\n  content: "\\ea6b";\n}\n\n.codicon-alert:before {\n  content: "\\ea6c";\n}\n\n.codicon-warning:before {\n  content: "\\ea6c";\n}\n\n.codicon-search:before {\n  content: "\\ea6d";\n}\n\n.codicon-search-save:before {\n  content: "\\ea6d";\n}\n\n.codicon-log-out:before {\n  content: "\\ea6e";\n}\n\n.codicon-sign-out:before {\n  content: "\\ea6e";\n}\n\n.codicon-log-in:before {\n  content: "\\ea6f";\n}\n\n.codicon-sign-in:before {\n  content: "\\ea6f";\n}\n\n.codicon-eye:before {\n  content: "\\ea70";\n}\n\n.codicon-eye-unwatch:before {\n  content: "\\ea70";\n}\n\n.codicon-eye-watch:before {\n  content: "\\ea70";\n}\n\n.codicon-circle-filled:before {\n  content: "\\ea71";\n}\n\n.codicon-primitive-dot:before {\n  content: "\\ea71";\n}\n\n.codicon-close-dirty:before {\n  content: "\\ea71";\n}\n\n.codicon-debug-breakpoint:before {\n  content: "\\ea71";\n}\n\n.codicon-debug-breakpoint-disabled:before {\n  content: "\\ea71";\n}\n\n.codicon-debug-hint:before {\n  content: "\\ea71";\n}\n\n.codicon-primitive-square:before {\n  content: "\\ea72";\n}\n\n.codicon-edit:before {\n  content: "\\ea73";\n}\n\n.codicon-pencil:before {\n  content: "\\ea73";\n}\n\n.codicon-info:before {\n  content: "\\ea74";\n}\n\n.codicon-issue-opened:before {\n  content: "\\ea74";\n}\n\n.codicon-gist-private:before {\n  content: "\\ea75";\n}\n\n.codicon-git-fork-private:before {\n  content: "\\ea75";\n}\n\n.codicon-lock:before {\n  content: "\\ea75";\n}\n\n.codicon-mirror-private:before {\n  content: "\\ea75";\n}\n\n.codicon-close:before {\n  content: "\\ea76";\n}\n\n.codicon-remove-close:before {\n  content: "\\ea76";\n}\n\n.codicon-x:before {\n  content: "\\ea76";\n}\n\n.codicon-repo-sync:before {\n  content: "\\ea77";\n}\n\n.codicon-sync:before {\n  content: "\\ea77";\n}\n\n.codicon-clone:before {\n  content: "\\ea78";\n}\n\n.codicon-desktop-download:before {\n  content: "\\ea78";\n}\n\n.codicon-beaker:before {\n  content: "\\ea79";\n}\n\n.codicon-microscope:before {\n  content: "\\ea79";\n}\n\n.codicon-vm:before {\n  content: "\\ea7a";\n}\n\n.codicon-device-desktop:before {\n  content: "\\ea7a";\n}\n\n.codicon-file:before {\n  content: "\\ea7b";\n}\n\n.codicon-file-text:before {\n  content: "\\ea7b";\n}\n\n.codicon-more:before {\n  content: "\\ea7c";\n}\n\n.codicon-ellipsis:before {\n  content: "\\ea7c";\n}\n\n.codicon-kebab-horizontal:before {\n  content: "\\ea7c";\n}\n\n.codicon-mail-reply:before {\n  content: "\\ea7d";\n}\n\n.codicon-reply:before {\n  content: "\\ea7d";\n}\n\n.codicon-organization:before {\n  content: "\\ea7e";\n}\n\n.codicon-organization-filled:before {\n  content: "\\ea7e";\n}\n\n.codicon-organization-outline:before {\n  content: "\\ea7e";\n}\n\n.codicon-new-file:before {\n  content: "\\ea7f";\n}\n\n.codicon-file-add:before {\n  content: "\\ea7f";\n}\n\n.codicon-new-folder:before {\n  content: "\\ea80";\n}\n\n.codicon-file-directory-create:before {\n  content: "\\ea80";\n}\n\n.codicon-trash:before {\n  content: "\\ea81";\n}\n\n.codicon-trashcan:before {\n  content: "\\ea81";\n}\n\n.codicon-history:before {\n  content: "\\ea82";\n}\n\n.codicon-clock:before {\n  content: "\\ea82";\n}\n\n.codicon-folder:before {\n  content: "\\ea83";\n}\n\n.codicon-file-directory:before {\n  content: "\\ea83";\n}\n\n.codicon-symbol-folder:before {\n  content: "\\ea83";\n}\n\n.codicon-logo-github:before {\n  content: "\\ea84";\n}\n\n.codicon-mark-github:before {\n  content: "\\ea84";\n}\n\n.codicon-github:before {\n  content: "\\ea84";\n}\n\n.codicon-terminal:before {\n  content: "\\ea85";\n}\n\n.codicon-console:before {\n  content: "\\ea85";\n}\n\n.codicon-repl:before {\n  content: "\\ea85";\n}\n\n.codicon-zap:before {\n  content: "\\ea86";\n}\n\n.codicon-symbol-event:before {\n  content: "\\ea86";\n}\n\n.codicon-error:before {\n  content: "\\ea87";\n}\n\n.codicon-stop:before {\n  content: "\\ea87";\n}\n\n.codicon-variable:before {\n  content: "\\ea88";\n}\n\n.codicon-symbol-variable:before {\n  content: "\\ea88";\n}\n\n.codicon-array:before {\n  content: "\\ea8a";\n}\n\n.codicon-symbol-array:before {\n  content: "\\ea8a";\n}\n\n.codicon-symbol-module:before {\n  content: "\\ea8b";\n}\n\n.codicon-symbol-package:before {\n  content: "\\ea8b";\n}\n\n.codicon-symbol-namespace:before {\n  content: "\\ea8b";\n}\n\n.codicon-symbol-object:before {\n  content: "\\ea8b";\n}\n\n.codicon-symbol-method:before {\n  content: "\\ea8c";\n}\n\n.codicon-symbol-function:before {\n  content: "\\ea8c";\n}\n\n.codicon-symbol-constructor:before {\n  content: "\\ea8c";\n}\n\n.codicon-symbol-boolean:before {\n  content: "\\ea8f";\n}\n\n.codicon-symbol-null:before {\n  content: "\\ea8f";\n}\n\n.codicon-symbol-numeric:before {\n  content: "\\ea90";\n}\n\n.codicon-symbol-number:before {\n  content: "\\ea90";\n}\n\n.codicon-symbol-structure:before {\n  content: "\\ea91";\n}\n\n.codicon-symbol-struct:before {\n  content: "\\ea91";\n}\n\n.codicon-symbol-parameter:before {\n  content: "\\ea92";\n}\n\n.codicon-symbol-type-parameter:before {\n  content: "\\ea92";\n}\n\n.codicon-symbol-key:before {\n  content: "\\ea93";\n}\n\n.codicon-symbol-text:before {\n  content: "\\ea93";\n}\n\n.codicon-symbol-reference:before {\n  content: "\\ea94";\n}\n\n.codicon-go-to-file:before {\n  content: "\\ea94";\n}\n\n.codicon-symbol-enum:before {\n  content: "\\ea95";\n}\n\n.codicon-symbol-value:before {\n  content: "\\ea95";\n}\n\n.codicon-symbol-ruler:before {\n  content: "\\ea96";\n}\n\n.codicon-symbol-unit:before {\n  content: "\\ea96";\n}\n\n.codicon-activate-breakpoints:before {\n  content: "\\ea97";\n}\n\n.codicon-archive:before {\n  content: "\\ea98";\n}\n\n.codicon-arrow-both:before {\n  content: "\\ea99";\n}\n\n.codicon-arrow-down:before {\n  content: "\\ea9a";\n}\n\n.codicon-arrow-left:before {\n  content: "\\ea9b";\n}\n\n.codicon-arrow-right:before {\n  content: "\\ea9c";\n}\n\n.codicon-arrow-small-down:before {\n  content: "\\ea9d";\n}\n\n.codicon-arrow-small-left:before {\n  content: "\\ea9e";\n}\n\n.codicon-arrow-small-right:before {\n  content: "\\ea9f";\n}\n\n.codicon-arrow-small-up:before {\n  content: "\\eaa0";\n}\n\n.codicon-arrow-up:before {\n  content: "\\eaa1";\n}\n\n.codicon-bell:before {\n  content: "\\eaa2";\n}\n\n.codicon-bold:before {\n  content: "\\eaa3";\n}\n\n.codicon-book:before {\n  content: "\\eaa4";\n}\n\n.codicon-bookmark:before {\n  content: "\\eaa5";\n}\n\n.codicon-debug-breakpoint-conditional-unverified:before {\n  content: "\\eaa6";\n}\n\n.codicon-debug-breakpoint-conditional:before {\n  content: "\\eaa7";\n}\n\n.codicon-debug-breakpoint-conditional-disabled:before {\n  content: "\\eaa7";\n}\n\n.codicon-debug-breakpoint-data-unverified:before {\n  content: "\\eaa8";\n}\n\n.codicon-debug-breakpoint-data:before {\n  content: "\\eaa9";\n}\n\n.codicon-debug-breakpoint-data-disabled:before {\n  content: "\\eaa9";\n}\n\n.codicon-debug-breakpoint-log-unverified:before {\n  content: "\\eaaa";\n}\n\n.codicon-debug-breakpoint-log:before {\n  content: "\\eaab";\n}\n\n.codicon-debug-breakpoint-log-disabled:before {\n  content: "\\eaab";\n}\n\n.codicon-briefcase:before {\n  content: "\\eaac";\n}\n\n.codicon-broadcast:before {\n  content: "\\eaad";\n}\n\n.codicon-browser:before {\n  content: "\\eaae";\n}\n\n.codicon-bug:before {\n  content: "\\eaaf";\n}\n\n.codicon-calendar:before {\n  content: "\\eab0";\n}\n\n.codicon-case-sensitive:before {\n  content: "\\eab1";\n}\n\n.codicon-check:before {\n  content: "\\eab2";\n}\n\n.codicon-checklist:before {\n  content: "\\eab3";\n}\n\n.codicon-chevron-down:before {\n  content: "\\eab4";\n}\n\n.codicon-chevron-left:before {\n  content: "\\eab5";\n}\n\n.codicon-chevron-right:before {\n  content: "\\eab6";\n}\n\n.codicon-chevron-up:before {\n  content: "\\eab7";\n}\n\n.codicon-chrome-close:before {\n  content: "\\eab8";\n}\n\n.codicon-chrome-maximize:before {\n  content: "\\eab9";\n}\n\n.codicon-chrome-minimize:before {\n  content: "\\eaba";\n}\n\n.codicon-chrome-restore:before {\n  content: "\\eabb";\n}\n\n.codicon-circle-outline:before {\n  content: "\\eabc";\n}\n\n.codicon-debug-breakpoint-unverified:before {\n  content: "\\eabc";\n}\n\n.codicon-circle-slash:before {\n  content: "\\eabd";\n}\n\n.codicon-circuit-board:before {\n  content: "\\eabe";\n}\n\n.codicon-clear-all:before {\n  content: "\\eabf";\n}\n\n.codicon-clippy:before {\n  content: "\\eac0";\n}\n\n.codicon-close-all:before {\n  content: "\\eac1";\n}\n\n.codicon-cloud-download:before {\n  content: "\\eac2";\n}\n\n.codicon-cloud-upload:before {\n  content: "\\eac3";\n}\n\n.codicon-code:before {\n  content: "\\eac4";\n}\n\n.codicon-collapse-all:before {\n  content: "\\eac5";\n}\n\n.codicon-color-mode:before {\n  content: "\\eac6";\n}\n\n.codicon-comment-discussion:before {\n  content: "\\eac7";\n}\n\n.codicon-credit-card:before {\n  content: "\\eac9";\n}\n\n.codicon-dash:before {\n  content: "\\eacc";\n}\n\n.codicon-dashboard:before {\n  content: "\\eacd";\n}\n\n.codicon-database:before {\n  content: "\\eace";\n}\n\n.codicon-debug-continue:before {\n  content: "\\eacf";\n}\n\n.codicon-debug-disconnect:before {\n  content: "\\ead0";\n}\n\n.codicon-debug-pause:before {\n  content: "\\ead1";\n}\n\n.codicon-debug-restart:before {\n  content: "\\ead2";\n}\n\n.codicon-debug-start:before {\n  content: "\\ead3";\n}\n\n.codicon-debug-step-into:before {\n  content: "\\ead4";\n}\n\n.codicon-debug-step-out:before {\n  content: "\\ead5";\n}\n\n.codicon-debug-step-over:before {\n  content: "\\ead6";\n}\n\n.codicon-debug-stop:before {\n  content: "\\ead7";\n}\n\n.codicon-debug:before {\n  content: "\\ead8";\n}\n\n.codicon-device-camera-video:before {\n  content: "\\ead9";\n}\n\n.codicon-device-camera:before {\n  content: "\\eada";\n}\n\n.codicon-device-mobile:before {\n  content: "\\eadb";\n}\n\n.codicon-diff-added:before {\n  content: "\\eadc";\n}\n\n.codicon-diff-ignored:before {\n  content: "\\eadd";\n}\n\n.codicon-diff-modified:before {\n  content: "\\eade";\n}\n\n.codicon-diff-removed:before {\n  content: "\\eadf";\n}\n\n.codicon-diff-renamed:before {\n  content: "\\eae0";\n}\n\n.codicon-diff:before {\n  content: "\\eae1";\n}\n\n.codicon-discard:before {\n  content: "\\eae2";\n}\n\n.codicon-editor-layout:before {\n  content: "\\eae3";\n}\n\n.codicon-empty-window:before {\n  content: "\\eae4";\n}\n\n.codicon-exclude:before {\n  content: "\\eae5";\n}\n\n.codicon-extensions:before {\n  content: "\\eae6";\n}\n\n.codicon-eye-closed:before {\n  content: "\\eae7";\n}\n\n.codicon-file-binary:before {\n  content: "\\eae8";\n}\n\n.codicon-file-code:before {\n  content: "\\eae9";\n}\n\n.codicon-file-media:before {\n  content: "\\eaea";\n}\n\n.codicon-file-pdf:before {\n  content: "\\eaeb";\n}\n\n.codicon-file-submodule:before {\n  content: "\\eaec";\n}\n\n.codicon-file-symlink-directory:before {\n  content: "\\eaed";\n}\n\n.codicon-file-symlink-file:before {\n  content: "\\eaee";\n}\n\n.codicon-file-zip:before {\n  content: "\\eaef";\n}\n\n.codicon-files:before {\n  content: "\\eaf0";\n}\n\n.codicon-filter:before {\n  content: "\\eaf1";\n}\n\n.codicon-flame:before {\n  content: "\\eaf2";\n}\n\n.codicon-fold-down:before {\n  content: "\\eaf3";\n}\n\n.codicon-fold-up:before {\n  content: "\\eaf4";\n}\n\n.codicon-fold:before {\n  content: "\\eaf5";\n}\n\n.codicon-folder-active:before {\n  content: "\\eaf6";\n}\n\n.codicon-folder-opened:before {\n  content: "\\eaf7";\n}\n\n.codicon-gear:before {\n  content: "\\eaf8";\n}\n\n.codicon-gift:before {\n  content: "\\eaf9";\n}\n\n.codicon-gist-secret:before {\n  content: "\\eafa";\n}\n\n.codicon-gist:before {\n  content: "\\eafb";\n}\n\n.codicon-git-commit:before {\n  content: "\\eafc";\n}\n\n.codicon-git-compare:before {\n  content: "\\eafd";\n}\n\n.codicon-compare-changes:before {\n  content: "\\eafd";\n}\n\n.codicon-git-merge:before {\n  content: "\\eafe";\n}\n\n.codicon-github-action:before {\n  content: "\\eaff";\n}\n\n.codicon-github-alt:before {\n  content: "\\eb00";\n}\n\n.codicon-globe:before {\n  content: "\\eb01";\n}\n\n.codicon-grabber:before {\n  content: "\\eb02";\n}\n\n.codicon-graph:before {\n  content: "\\eb03";\n}\n\n.codicon-gripper:before {\n  content: "\\eb04";\n}\n\n.codicon-heart:before {\n  content: "\\eb05";\n}\n\n.codicon-home:before {\n  content: "\\eb06";\n}\n\n.codicon-horizontal-rule:before {\n  content: "\\eb07";\n}\n\n.codicon-hubot:before {\n  content: "\\eb08";\n}\n\n.codicon-inbox:before {\n  content: "\\eb09";\n}\n\n.codicon-issue-reopened:before {\n  content: "\\eb0b";\n}\n\n.codicon-issues:before {\n  content: "\\eb0c";\n}\n\n.codicon-italic:before {\n  content: "\\eb0d";\n}\n\n.codicon-jersey:before {\n  content: "\\eb0e";\n}\n\n.codicon-json:before {\n  content: "\\eb0f";\n}\n\n.codicon-kebab-vertical:before {\n  content: "\\eb10";\n}\n\n.codicon-key:before {\n  content: "\\eb11";\n}\n\n.codicon-law:before {\n  content: "\\eb12";\n}\n\n.codicon-lightbulb-autofix:before {\n  content: "\\eb13";\n}\n\n.codicon-link-external:before {\n  content: "\\eb14";\n}\n\n.codicon-link:before {\n  content: "\\eb15";\n}\n\n.codicon-list-ordered:before {\n  content: "\\eb16";\n}\n\n.codicon-list-unordered:before {\n  content: "\\eb17";\n}\n\n.codicon-live-share:before {\n  content: "\\eb18";\n}\n\n.codicon-loading:before {\n  content: "\\eb19";\n}\n\n.codicon-location:before {\n  content: "\\eb1a";\n}\n\n.codicon-mail-read:before {\n  content: "\\eb1b";\n}\n\n.codicon-mail:before {\n  content: "\\eb1c";\n}\n\n.codicon-markdown:before {\n  content: "\\eb1d";\n}\n\n.codicon-megaphone:before {\n  content: "\\eb1e";\n}\n\n.codicon-mention:before {\n  content: "\\eb1f";\n}\n\n.codicon-milestone:before {\n  content: "\\eb20";\n}\n\n.codicon-mortar-board:before {\n  content: "\\eb21";\n}\n\n.codicon-move:before {\n  content: "\\eb22";\n}\n\n.codicon-multiple-windows:before {\n  content: "\\eb23";\n}\n\n.codicon-mute:before {\n  content: "\\eb24";\n}\n\n.codicon-no-newline:before {\n  content: "\\eb25";\n}\n\n.codicon-note:before {\n  content: "\\eb26";\n}\n\n.codicon-octoface:before {\n  content: "\\eb27";\n}\n\n.codicon-open-preview:before {\n  content: "\\eb28";\n}\n\n.codicon-package:before {\n  content: "\\eb29";\n}\n\n.codicon-paintcan:before {\n  content: "\\eb2a";\n}\n\n.codicon-pin:before {\n  content: "\\eb2b";\n}\n\n.codicon-play:before {\n  content: "\\eb2c";\n}\n\n.codicon-run:before {\n  content: "\\eb2c";\n}\n\n.codicon-plug:before {\n  content: "\\eb2d";\n}\n\n.codicon-preserve-case:before {\n  content: "\\eb2e";\n}\n\n.codicon-preview:before {\n  content: "\\eb2f";\n}\n\n.codicon-project:before {\n  content: "\\eb30";\n}\n\n.codicon-pulse:before {\n  content: "\\eb31";\n}\n\n.codicon-question:before {\n  content: "\\eb32";\n}\n\n.codicon-quote:before {\n  content: "\\eb33";\n}\n\n.codicon-radio-tower:before {\n  content: "\\eb34";\n}\n\n.codicon-reactions:before {\n  content: "\\eb35";\n}\n\n.codicon-references:before {\n  content: "\\eb36";\n}\n\n.codicon-refresh:before {\n  content: "\\eb37";\n}\n\n.codicon-regex:before {\n  content: "\\eb38";\n}\n\n.codicon-remote-explorer:before {\n  content: "\\eb39";\n}\n\n.codicon-remote:before {\n  content: "\\eb3a";\n}\n\n.codicon-remove:before {\n  content: "\\eb3b";\n}\n\n.codicon-replace-all:before {\n  content: "\\eb3c";\n}\n\n.codicon-replace:before {\n  content: "\\eb3d";\n}\n\n.codicon-repo-clone:before {\n  content: "\\eb3e";\n}\n\n.codicon-repo-force-push:before {\n  content: "\\eb3f";\n}\n\n.codicon-repo-pull:before {\n  content: "\\eb40";\n}\n\n.codicon-repo-push:before {\n  content: "\\eb41";\n}\n\n.codicon-report:before {\n  content: "\\eb42";\n}\n\n.codicon-request-changes:before {\n  content: "\\eb43";\n}\n\n.codicon-rocket:before {\n  content: "\\eb44";\n}\n\n.codicon-root-folder-opened:before {\n  content: "\\eb45";\n}\n\n.codicon-root-folder:before {\n  content: "\\eb46";\n}\n\n.codicon-rss:before {\n  content: "\\eb47";\n}\n\n.codicon-ruby:before {\n  content: "\\eb48";\n}\n\n.codicon-save-all:before {\n  content: "\\eb49";\n}\n\n.codicon-save-as:before {\n  content: "\\eb4a";\n}\n\n.codicon-save:before {\n  content: "\\eb4b";\n}\n\n.codicon-screen-full:before {\n  content: "\\eb4c";\n}\n\n.codicon-screen-normal:before {\n  content: "\\eb4d";\n}\n\n.codicon-search-stop:before {\n  content: "\\eb4e";\n}\n\n.codicon-server:before {\n  content: "\\eb50";\n}\n\n.codicon-settings-gear:before {\n  content: "\\eb51";\n}\n\n.codicon-settings:before {\n  content: "\\eb52";\n}\n\n.codicon-shield:before {\n  content: "\\eb53";\n}\n\n.codicon-smiley:before {\n  content: "\\eb54";\n}\n\n.codicon-sort-precedence:before {\n  content: "\\eb55";\n}\n\n.codicon-split-horizontal:before {\n  content: "\\eb56";\n}\n\n.codicon-split-vertical:before {\n  content: "\\eb57";\n}\n\n.codicon-squirrel:before {\n  content: "\\eb58";\n}\n\n.codicon-star-full:before {\n  content: "\\eb59";\n}\n\n.codicon-star-half:before {\n  content: "\\eb5a";\n}\n\n.codicon-symbol-class:before {\n  content: "\\eb5b";\n}\n\n.codicon-symbol-color:before {\n  content: "\\eb5c";\n}\n\n.codicon-symbol-constant:before {\n  content: "\\eb5d";\n}\n\n.codicon-symbol-enum-member:before {\n  content: "\\eb5e";\n}\n\n.codicon-symbol-field:before {\n  content: "\\eb5f";\n}\n\n.codicon-symbol-file:before {\n  content: "\\eb60";\n}\n\n.codicon-symbol-interface:before {\n  content: "\\eb61";\n}\n\n.codicon-symbol-keyword:before {\n  content: "\\eb62";\n}\n\n.codicon-symbol-misc:before {\n  content: "\\eb63";\n}\n\n.codicon-symbol-operator:before {\n  content: "\\eb64";\n}\n\n.codicon-symbol-property:before {\n  content: "\\eb65";\n}\n\n.codicon-wrench:before {\n  content: "\\eb65";\n}\n\n.codicon-wrench-subaction:before {\n  content: "\\eb65";\n}\n\n.codicon-symbol-snippet:before {\n  content: "\\eb66";\n}\n\n.codicon-tasklist:before {\n  content: "\\eb67";\n}\n\n.codicon-telescope:before {\n  content: "\\eb68";\n}\n\n.codicon-text-size:before {\n  content: "\\eb69";\n}\n\n.codicon-three-bars:before {\n  content: "\\eb6a";\n}\n\n.codicon-thumbsdown:before {\n  content: "\\eb6b";\n}\n\n.codicon-thumbsup:before {\n  content: "\\eb6c";\n}\n\n.codicon-tools:before {\n  content: "\\eb6d";\n}\n\n.codicon-triangle-down:before {\n  content: "\\eb6e";\n}\n\n.codicon-triangle-left:before {\n  content: "\\eb6f";\n}\n\n.codicon-triangle-right:before {\n  content: "\\eb70";\n}\n\n.codicon-triangle-up:before {\n  content: "\\eb71";\n}\n\n.codicon-twitter:before {\n  content: "\\eb72";\n}\n\n.codicon-unfold:before {\n  content: "\\eb73";\n}\n\n.codicon-unlock:before {\n  content: "\\eb74";\n}\n\n.codicon-unmute:before {\n  content: "\\eb75";\n}\n\n.codicon-unverified:before {\n  content: "\\eb76";\n}\n\n.codicon-verified:before {\n  content: "\\eb77";\n}\n\n.codicon-versions:before {\n  content: "\\eb78";\n}\n\n.codicon-vm-active:before {\n  content: "\\eb79";\n}\n\n.codicon-vm-outline:before {\n  content: "\\eb7a";\n}\n\n.codicon-vm-running:before {\n  content: "\\eb7b";\n}\n\n.codicon-watch:before {\n  content: "\\eb7c";\n}\n\n.codicon-whitespace:before {\n  content: "\\eb7d";\n}\n\n.codicon-whole-word:before {\n  content: "\\eb7e";\n}\n\n.codicon-window:before {\n  content: "\\eb7f";\n}\n\n.codicon-word-wrap:before {\n  content: "\\eb80";\n}\n\n.codicon-zoom-in:before {\n  content: "\\eb81";\n}\n\n.codicon-zoom-out:before {\n  content: "\\eb82";\n}\n\n.codicon-list-filter:before {\n  content: "\\eb83";\n}\n\n.codicon-list-flat:before {\n  content: "\\eb84";\n}\n\n.codicon-list-selection:before {\n  content: "\\eb85";\n}\n\n.codicon-selection:before {\n  content: "\\eb85";\n}\n\n.codicon-list-tree:before {\n  content: "\\eb86";\n}\n\n.codicon-debug-breakpoint-function-unverified:before {\n  content: "\\eb87";\n}\n\n.codicon-debug-breakpoint-function:before {\n  content: "\\eb88";\n}\n\n.codicon-debug-breakpoint-function-disabled:before {\n  content: "\\eb88";\n}\n\n.codicon-debug-stackframe-active:before {\n  content: "\\eb89";\n}\n\n.codicon-circle-small-filled:before {\n  content: "\\eb8a";\n}\n\n.codicon-debug-stackframe-dot:before {\n  content: "\\eb8a";\n}\n\n.codicon-debug-stackframe:before {\n  content: "\\eb8b";\n}\n\n.codicon-debug-stackframe-focused:before {\n  content: "\\eb8b";\n}\n\n.codicon-debug-breakpoint-unsupported:before {\n  content: "\\eb8c";\n}\n\n.codicon-symbol-string:before {\n  content: "\\eb8d";\n}\n\n.codicon-debug-reverse-continue:before {\n  content: "\\eb8e";\n}\n\n.codicon-debug-step-back:before {\n  content: "\\eb8f";\n}\n\n.codicon-debug-restart-frame:before {\n  content: "\\eb90";\n}\n\n.codicon-debug-alt:before {\n  content: "\\eb91";\n}\n\n.codicon-call-incoming:before {\n  content: "\\eb92";\n}\n\n.codicon-call-outgoing:before {\n  content: "\\eb93";\n}\n\n.codicon-menu:before {\n  content: "\\eb94";\n}\n\n.codicon-expand-all:before {\n  content: "\\eb95";\n}\n\n.codicon-feedback:before {\n  content: "\\eb96";\n}\n\n.codicon-group-by-ref-type:before {\n  content: "\\eb97";\n}\n\n.codicon-ungroup-by-ref-type:before {\n  content: "\\eb98";\n}\n\n.codicon-account:before {\n  content: "\\eb99";\n}\n\n.codicon-bell-dot:before {\n  content: "\\eb9a";\n}\n\n.codicon-debug-console:before {\n  content: "\\eb9b";\n}\n\n.codicon-library:before {\n  content: "\\eb9c";\n}\n\n.codicon-output:before {\n  content: "\\eb9d";\n}\n\n.codicon-run-all:before {\n  content: "\\eb9e";\n}\n\n.codicon-sync-ignored:before {\n  content: "\\eb9f";\n}\n\n.codicon-pinned:before {\n  content: "\\eba0";\n}\n\n.codicon-github-inverted:before {\n  content: "\\eba1";\n}\n\n.codicon-server-process:before {\n  content: "\\eba2";\n}\n\n.codicon-server-environment:before {\n  content: "\\eba3";\n}\n\n.codicon-pass:before {\n  content: "\\eba4";\n}\n\n.codicon-issue-closed:before {\n  content: "\\eba4";\n}\n\n.codicon-stop-circle:before {\n  content: "\\eba5";\n}\n\n.codicon-play-circle:before {\n  content: "\\eba6";\n}\n\n.codicon-record:before {\n  content: "\\eba7";\n}\n\n.codicon-debug-alt-small:before {\n  content: "\\eba8";\n}\n\n.codicon-vm-connect:before {\n  content: "\\eba9";\n}\n\n.codicon-cloud:before {\n  content: "\\ebaa";\n}\n\n.codicon-merge:before {\n  content: "\\ebab";\n}\n\n.codicon-export:before {\n  content: "\\ebac";\n}\n\n.codicon-graph-left:before {\n  content: "\\ebad";\n}\n\n.codicon-magnet:before {\n  content: "\\ebae";\n}\n\n.codicon-notebook:before {\n  content: "\\ebaf";\n}\n\n.codicon-redo:before {\n  content: "\\ebb0";\n}\n\n.codicon-check-all:before {\n  content: "\\ebb1";\n}\n\n.codicon-pinned-dirty:before {\n  content: "\\ebb2";\n}\n\n.codicon-pass-filled:before {\n  content: "\\ebb3";\n}\n\n.codicon-circle-large-filled:before {\n  content: "\\ebb4";\n}\n\n.codicon-circle-large-outline:before {\n  content: "\\ebb5";\n}\n\n.codicon-combine:before {\n  content: "\\ebb6";\n}\n\n.codicon-gather:before {\n  content: "\\ebb6";\n}\n\n.codicon-table:before {\n  content: "\\ebb7";\n}\n\n.codicon-variable-group:before {\n  content: "\\ebb8";\n}\n\n.codicon-type-hierarchy:before {\n  content: "\\ebb9";\n}\n\n.codicon-type-hierarchy-sub:before {\n  content: "\\ebba";\n}\n\n.codicon-type-hierarchy-super:before {\n  content: "\\ebbb";\n}\n\n.codicon-git-pull-request-create:before {\n  content: "\\ebbc";\n}\n\n.codicon-run-above:before {\n  content: "\\ebbd";\n}\n\n.codicon-run-below:before {\n  content: "\\ebbe";\n}\n\n.codicon-notebook-template:before {\n  content: "\\ebbf";\n}\n\n.codicon-debug-rerun:before {\n  content: "\\ebc0";\n}\n\n.codicon-workspace-trusted:before {\n  content: "\\ebc1";\n}\n\n.codicon-workspace-untrusted:before {\n  content: "\\ebc2";\n}\n\n.codicon-workspace-unknown:before {\n  content: "\\ebc3";\n}\n\n.codicon-terminal-cmd:before {\n  content: "\\ebc4";\n}\n\n.codicon-terminal-debian:before {\n  content: "\\ebc5";\n}\n\n.codicon-terminal-linux:before {\n  content: "\\ebc6";\n}\n\n.codicon-terminal-powershell:before {\n  content: "\\ebc7";\n}\n\n.codicon-terminal-tmux:before {\n  content: "\\ebc8";\n}\n\n.codicon-terminal-ubuntu:before {\n  content: "\\ebc9";\n}\n\n.codicon-terminal-bash:before {\n  content: "\\ebca";\n}\n\n.codicon-arrow-swap:before {\n  content: "\\ebcb";\n}\n\n.codicon-copy:before {\n  content: "\\ebcc";\n}\n\n.codicon-person-add:before {\n  content: "\\ebcd";\n}\n\n.codicon-filter-filled:before {\n  content: "\\ebce";\n}\n\n.codicon-wand:before {\n  content: "\\ebcf";\n}\n\n.codicon-debug-line-by-line:before {\n  content: "\\ebd0";\n}\n\n.codicon-inspect:before {\n  content: "\\ebd1";\n}\n\n.codicon-layers:before {\n  content: "\\ebd2";\n}\n\n.codicon-layers-dot:before {\n  content: "\\ebd3";\n}\n\n.codicon-layers-active:before {\n  content: "\\ebd4";\n}\n\n.codicon-compass:before {\n  content: "\\ebd5";\n}\n\n.codicon-compass-dot:before {\n  content: "\\ebd6";\n}\n\n.codicon-compass-active:before {\n  content: "\\ebd7";\n}\n\n.codicon-azure:before {\n  content: "\\ebd8";\n}\n\n.codicon-issue-draft:before {\n  content: "\\ebd9";\n}\n\n.codicon-git-pull-request-closed:before {\n  content: "\\ebda";\n}\n\n.codicon-git-pull-request-draft:before {\n  content: "\\ebdb";\n}\n\n.codicon-debug-all:before {\n  content: "\\ebdc";\n}\n\n.codicon-debug-coverage:before {\n  content: "\\ebdd";\n}\n\n.codicon-run-errors:before {\n  content: "\\ebde";\n}\n\n.codicon-folder-library:before {\n  content: "\\ebdf";\n}\n\n.codicon-debug-continue-small:before {\n  content: "\\ebe0";\n}\n\n.codicon-beaker-stop:before {\n  content: "\\ebe1";\n}\n\n.codicon-graph-line:before {\n  content: "\\ebe2";\n}\n\n.codicon-graph-scatter:before {\n  content: "\\ebe3";\n}\n\n.codicon-pie-chart:before {\n  content: "\\ebe4";\n}\n\n.codicon-bracket:before {\n  content: "\\eb0f";\n}\n\n.codicon-bracket-dot:before {\n  content: "\\ebe5";\n}\n\n.codicon-bracket-error:before {\n  content: "\\ebe6";\n}\n\n.codicon-lock-small:before {\n  content: "\\ebe7";\n}\n\n.codicon-azure-devops:before {\n  content: "\\ebe8";\n}\n\n.codicon-verified-filled:before {\n  content: "\\ebe9";\n}\n\n.codicon-newline:before {\n  content: "\\ebea";\n}\n\n.codicon-layout:before {\n  content: "\\ebeb";\n}\n\n.codicon-layout-activitybar-left:before {\n  content: "\\ebec";\n}\n\n.codicon-layout-activitybar-right:before {\n  content: "\\ebed";\n}\n\n.codicon-layout-panel-left:before {\n  content: "\\ebee";\n}\n\n.codicon-layout-panel-center:before {\n  content: "\\ebef";\n}\n\n.codicon-layout-panel-justify:before {\n  content: "\\ebf0";\n}\n\n.codicon-layout-panel-right:before {\n  content: "\\ebf1";\n}\n\n.codicon-layout-panel:before {\n  content: "\\ebf2";\n}\n\n.codicon-layout-sidebar-left:before {\n  content: "\\ebf3";\n}\n\n.codicon-layout-sidebar-right:before {\n  content: "\\ebf4";\n}\n\n.codicon-layout-statusbar:before {\n  content: "\\ebf5";\n}\n\n.codicon-layout-menubar:before {\n  content: "\\ebf6";\n}\n\n.codicon-layout-centered:before {\n  content: "\\ebf7";\n}\n\n.codicon-target:before {\n  content: "\\ebf8";\n}\n\n.codicon-indent:before {\n  content: "\\ebf9";\n}\n\n.codicon-record-small:before {\n  content: "\\ebfa";\n}\n\n.codicon-error-small:before {\n  content: "\\ebfb";\n}\n\n.codicon-arrow-circle-down:before {\n  content: "\\ebfc";\n}\n\n.codicon-arrow-circle-left:before {\n  content: "\\ebfd";\n}\n\n.codicon-arrow-circle-right:before {\n  content: "\\ebfe";\n}\n\n.codicon-arrow-circle-up:before {\n  content: "\\ebff";\n}\n\n.codicon-layout-sidebar-right-off:before {\n  content: "\\ec00";\n}\n\n.codicon-layout-panel-off:before {\n  content: "\\ec01";\n}\n\n.codicon-layout-sidebar-left-off:before {\n  content: "\\ec02";\n}\n\n.codicon-blank:before {\n  content: "\\ec03";\n}\n\n.codicon-heart-filled:before {\n  content: "\\ec04";\n}\n\n.codicon-map:before {\n  content: "\\ec05";\n}\n\n.codicon-map-filled:before {\n  content: "\\ec06";\n}\n\n.codicon-circle-small:before {\n  content: "\\ec07";\n}\n\n.codicon-bell-slash:before {\n  content: "\\ec08";\n}\n\n.codicon-bell-slash-dot:before {\n  content: "\\ec09";\n}\n\n.codicon-comment-unresolved:before {\n  content: "\\ec0a";\n}\n\n.codicon-git-pull-request-go-to-changes:before {\n  content: "\\ec0b";\n}\n\n.codicon-git-pull-request-new-changes:before {\n  content: "\\ec0c";\n}\n\n@layer kol-component {\n  /* :host implicitly inherits font-size, see below */\n  :host {\n    font-size: calc(16rem / var(--kolibri-root-font-size, 16));\n    color: inherit;\n    display: contents;\n    height: 1em;\n    line-height: inherit;\n    width: 1em;\n  }\n  :host > i {\n    height: 1em;\n    width: 1em;\n  }\n  /*\n    * The <code>:important</code> is important, because we should always override the font icon style.\n    */\n  :host > i,\n  :host > i:before {\n    font-size: inherit !important;\n  }\n}',KolIconDefaultStyle0=defaultStyleCss,KolIcon$1=proxyCustomElement(class extends HTMLElement{constructor(){super(),this.__registerHost(),this.__attachShadow(),this._icons=void 0,this._label=void 0,this.state={_icons:"codicon codicon-home",_label:""}}render(){const n=this.state._label.length>0;return h(Host,{key:"572ba8a20d7e148034c7564d0b8d672aac7f3c30",exportparts:"icon",class:"kol-icon"},h("i",{key:"ec9325d8bb003986a44fdffc42eb4d7eaa91e1ab","aria-hidden":n?void 0:"true","aria-label":n?this.state._label:void 0,class:this.state._icons,part:"icon",role:"img"}))}validateIcons(n){watchString(this,"_icons",n,{required:!0})}validateLabel(n){validateLabel(this,n,{required:!0})}componentWillLoad(){this.validateIcons(this._icons),this.validateLabel(this._label)}static get watchers(){return{_icons:["validateIcons"],_label:["validateLabel"]}}static get style(){return{default:KolIconDefaultStyle0}}},[33,"kol-icon",{_icons:[1],_label:[1],state:[32]},void 0,{_icons:["validateIcons"],_label:["validateLabel"]}]);function defineCustomElement$1(){if("undefined"==typeof customElements)return;["kol-icon"].forEach((n=>{if("kol-icon"===n)customElements.get(n)||customElements.define(n,KolIcon$1)}))}const KolIcon=KolIcon$1,defineCustomElement=defineCustomElement$1;export{KolIcon,defineCustomElement};
+import{proxyCustomElement,HTMLElement,h,Host}from"@stencil/core/internal/client";import{e as watchString}from"./prop.validators.js";import{v as validateLabel}from"./label.js";const defaultStyleCss='/*---------------------------------------------------------------------------------------------\n *  Copyright (c) Microsoft Corporation. All rights reserved.\n *  Licensed under the MIT License. See License.txt in the project root for license information.\n *--------------------------------------------------------------------------------------------*/\n@font-face {\n  font-family: "codicon";\n  font-display: block;\n  src: url("./codicon.ttf?0e5b0adf625a37fbcd638d31f0fe72aa") format("truetype");\n}\n.codicon[class*=codicon-] {\n  font: normal normal normal 16px/1 codicon;\n  display: inline-block;\n  text-decoration: none;\n  text-rendering: auto;\n  text-align: center;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n  user-select: none;\n  -webkit-user-select: none;\n  -ms-user-select: none;\n}\n\n/*---------------------\n *  Modifiers\n *-------------------*/\n@keyframes codicon-spin {\n  100% {\n    transform: rotate(360deg);\n  }\n}\n.codicon-sync.codicon-modifier-spin,\n.codicon-loading.codicon-modifier-spin,\n.codicon-gear.codicon-modifier-spin {\n  /* Use steps to throttle FPS to reduce CPU usage */\n  animation: codicon-spin 1.5s steps(30) infinite;\n}\n\n.codicon-modifier-disabled {\n  opacity: 0.5;\n}\n\n.codicon-modifier-hidden {\n  opacity: 0;\n}\n\n/* custom speed & easing for loading icon */\n.codicon-loading {\n  animation-duration: 1s !important;\n  animation-timing-function: cubic-bezier(0.53, 0.21, 0.29, 0.67) !important;\n}\n\n/*---------------------\n *  Icons\n *-------------------*/\n.codicon-add:before {\n  content: "\\ea60";\n}\n\n.codicon-plus:before {\n  content: "\\ea60";\n}\n\n.codicon-gist-new:before {\n  content: "\\ea60";\n}\n\n.codicon-repo-create:before {\n  content: "\\ea60";\n}\n\n.codicon-lightbulb:before {\n  content: "\\ea61";\n}\n\n.codicon-light-bulb:before {\n  content: "\\ea61";\n}\n\n.codicon-repo:before {\n  content: "\\ea62";\n}\n\n.codicon-repo-delete:before {\n  content: "\\ea62";\n}\n\n.codicon-gist-fork:before {\n  content: "\\ea63";\n}\n\n.codicon-repo-forked:before {\n  content: "\\ea63";\n}\n\n.codicon-git-pull-request:before {\n  content: "\\ea64";\n}\n\n.codicon-git-pull-request-abandoned:before {\n  content: "\\ea64";\n}\n\n.codicon-record-keys:before {\n  content: "\\ea65";\n}\n\n.codicon-keyboard:before {\n  content: "\\ea65";\n}\n\n.codicon-tag:before {\n  content: "\\ea66";\n}\n\n.codicon-tag-add:before {\n  content: "\\ea66";\n}\n\n.codicon-tag-remove:before {\n  content: "\\ea66";\n}\n\n.codicon-person:before {\n  content: "\\ea67";\n}\n\n.codicon-person-follow:before {\n  content: "\\ea67";\n}\n\n.codicon-person-outline:before {\n  content: "\\ea67";\n}\n\n.codicon-person-filled:before {\n  content: "\\ea67";\n}\n\n.codicon-git-branch:before {\n  content: "\\ea68";\n}\n\n.codicon-git-branch-create:before {\n  content: "\\ea68";\n}\n\n.codicon-git-branch-delete:before {\n  content: "\\ea68";\n}\n\n.codicon-source-control:before {\n  content: "\\ea68";\n}\n\n.codicon-mirror:before {\n  content: "\\ea69";\n}\n\n.codicon-mirror-public:before {\n  content: "\\ea69";\n}\n\n.codicon-star:before {\n  content: "\\ea6a";\n}\n\n.codicon-star-add:before {\n  content: "\\ea6a";\n}\n\n.codicon-star-delete:before {\n  content: "\\ea6a";\n}\n\n.codicon-star-empty:before {\n  content: "\\ea6a";\n}\n\n.codicon-comment:before {\n  content: "\\ea6b";\n}\n\n.codicon-comment-add:before {\n  content: "\\ea6b";\n}\n\n.codicon-alert:before {\n  content: "\\ea6c";\n}\n\n.codicon-warning:before {\n  content: "\\ea6c";\n}\n\n.codicon-search:before {\n  content: "\\ea6d";\n}\n\n.codicon-search-save:before {\n  content: "\\ea6d";\n}\n\n.codicon-log-out:before {\n  content: "\\ea6e";\n}\n\n.codicon-sign-out:before {\n  content: "\\ea6e";\n}\n\n.codicon-log-in:before {\n  content: "\\ea6f";\n}\n\n.codicon-sign-in:before {\n  content: "\\ea6f";\n}\n\n.codicon-eye:before {\n  content: "\\ea70";\n}\n\n.codicon-eye-unwatch:before {\n  content: "\\ea70";\n}\n\n.codicon-eye-watch:before {\n  content: "\\ea70";\n}\n\n.codicon-circle-filled:before {\n  content: "\\ea71";\n}\n\n.codicon-primitive-dot:before {\n  content: "\\ea71";\n}\n\n.codicon-close-dirty:before {\n  content: "\\ea71";\n}\n\n.codicon-debug-breakpoint:before {\n  content: "\\ea71";\n}\n\n.codicon-debug-breakpoint-disabled:before {\n  content: "\\ea71";\n}\n\n.codicon-debug-hint:before {\n  content: "\\ea71";\n}\n\n.codicon-primitive-square:before {\n  content: "\\ea72";\n}\n\n.codicon-edit:before {\n  content: "\\ea73";\n}\n\n.codicon-pencil:before {\n  content: "\\ea73";\n}\n\n.codicon-info:before {\n  content: "\\ea74";\n}\n\n.codicon-issue-opened:before {\n  content: "\\ea74";\n}\n\n.codicon-gist-private:before {\n  content: "\\ea75";\n}\n\n.codicon-git-fork-private:before {\n  content: "\\ea75";\n}\n\n.codicon-lock:before {\n  content: "\\ea75";\n}\n\n.codicon-mirror-private:before {\n  content: "\\ea75";\n}\n\n.codicon-close:before {\n  content: "\\ea76";\n}\n\n.codicon-remove-close:before {\n  content: "\\ea76";\n}\n\n.codicon-x:before {\n  content: "\\ea76";\n}\n\n.codicon-repo-sync:before {\n  content: "\\ea77";\n}\n\n.codicon-sync:before {\n  content: "\\ea77";\n}\n\n.codicon-clone:before {\n  content: "\\ea78";\n}\n\n.codicon-desktop-download:before {\n  content: "\\ea78";\n}\n\n.codicon-beaker:before {\n  content: "\\ea79";\n}\n\n.codicon-microscope:before {\n  content: "\\ea79";\n}\n\n.codicon-vm:before {\n  content: "\\ea7a";\n}\n\n.codicon-device-desktop:before {\n  content: "\\ea7a";\n}\n\n.codicon-file:before {\n  content: "\\ea7b";\n}\n\n.codicon-file-text:before {\n  content: "\\ea7b";\n}\n\n.codicon-more:before {\n  content: "\\ea7c";\n}\n\n.codicon-ellipsis:before {\n  content: "\\ea7c";\n}\n\n.codicon-kebab-horizontal:before {\n  content: "\\ea7c";\n}\n\n.codicon-mail-reply:before {\n  content: "\\ea7d";\n}\n\n.codicon-reply:before {\n  content: "\\ea7d";\n}\n\n.codicon-organization:before {\n  content: "\\ea7e";\n}\n\n.codicon-organization-filled:before {\n  content: "\\ea7e";\n}\n\n.codicon-organization-outline:before {\n  content: "\\ea7e";\n}\n\n.codicon-new-file:before {\n  content: "\\ea7f";\n}\n\n.codicon-file-add:before {\n  content: "\\ea7f";\n}\n\n.codicon-new-folder:before {\n  content: "\\ea80";\n}\n\n.codicon-file-directory-create:before {\n  content: "\\ea80";\n}\n\n.codicon-trash:before {\n  content: "\\ea81";\n}\n\n.codicon-trashcan:before {\n  content: "\\ea81";\n}\n\n.codicon-history:before {\n  content: "\\ea82";\n}\n\n.codicon-clock:before {\n  content: "\\ea82";\n}\n\n.codicon-folder:before {\n  content: "\\ea83";\n}\n\n.codicon-file-directory:before {\n  content: "\\ea83";\n}\n\n.codicon-symbol-folder:before {\n  content: "\\ea83";\n}\n\n.codicon-logo-github:before {\n  content: "\\ea84";\n}\n\n.codicon-mark-github:before {\n  content: "\\ea84";\n}\n\n.codicon-github:before {\n  content: "\\ea84";\n}\n\n.codicon-terminal:before {\n  content: "\\ea85";\n}\n\n.codicon-console:before {\n  content: "\\ea85";\n}\n\n.codicon-repl:before {\n  content: "\\ea85";\n}\n\n.codicon-zap:before {\n  content: "\\ea86";\n}\n\n.codicon-symbol-event:before {\n  content: "\\ea86";\n}\n\n.codicon-error:before {\n  content: "\\ea87";\n}\n\n.codicon-stop:before {\n  content: "\\ea87";\n}\n\n.codicon-variable:before {\n  content: "\\ea88";\n}\n\n.codicon-symbol-variable:before {\n  content: "\\ea88";\n}\n\n.codicon-array:before {\n  content: "\\ea8a";\n}\n\n.codicon-symbol-array:before {\n  content: "\\ea8a";\n}\n\n.codicon-symbol-module:before {\n  content: "\\ea8b";\n}\n\n.codicon-symbol-package:before {\n  content: "\\ea8b";\n}\n\n.codicon-symbol-namespace:before {\n  content: "\\ea8b";\n}\n\n.codicon-symbol-object:before {\n  content: "\\ea8b";\n}\n\n.codicon-symbol-method:before {\n  content: "\\ea8c";\n}\n\n.codicon-symbol-function:before {\n  content: "\\ea8c";\n}\n\n.codicon-symbol-constructor:before {\n  content: "\\ea8c";\n}\n\n.codicon-symbol-boolean:before {\n  content: "\\ea8f";\n}\n\n.codicon-symbol-null:before {\n  content: "\\ea8f";\n}\n\n.codicon-symbol-numeric:before {\n  content: "\\ea90";\n}\n\n.codicon-symbol-number:before {\n  content: "\\ea90";\n}\n\n.codicon-symbol-structure:before {\n  content: "\\ea91";\n}\n\n.codicon-symbol-struct:before {\n  content: "\\ea91";\n}\n\n.codicon-symbol-parameter:before {\n  content: "\\ea92";\n}\n\n.codicon-symbol-type-parameter:before {\n  content: "\\ea92";\n}\n\n.codicon-symbol-key:before {\n  content: "\\ea93";\n}\n\n.codicon-symbol-text:before {\n  content: "\\ea93";\n}\n\n.codicon-symbol-reference:before {\n  content: "\\ea94";\n}\n\n.codicon-go-to-file:before {\n  content: "\\ea94";\n}\n\n.codicon-symbol-enum:before {\n  content: "\\ea95";\n}\n\n.codicon-symbol-value:before {\n  content: "\\ea95";\n}\n\n.codicon-symbol-ruler:before {\n  content: "\\ea96";\n}\n\n.codicon-symbol-unit:before {\n  content: "\\ea96";\n}\n\n.codicon-activate-breakpoints:before {\n  content: "\\ea97";\n}\n\n.codicon-archive:before {\n  content: "\\ea98";\n}\n\n.codicon-arrow-both:before {\n  content: "\\ea99";\n}\n\n.codicon-arrow-down:before {\n  content: "\\ea9a";\n}\n\n.codicon-arrow-left:before {\n  content: "\\ea9b";\n}\n\n.codicon-arrow-right:before {\n  content: "\\ea9c";\n}\n\n.codicon-arrow-small-down:before {\n  content: "\\ea9d";\n}\n\n.codicon-arrow-small-left:before {\n  content: "\\ea9e";\n}\n\n.codicon-arrow-small-right:before {\n  content: "\\ea9f";\n}\n\n.codicon-arrow-small-up:before {\n  content: "\\eaa0";\n}\n\n.codicon-arrow-up:before {\n  content: "\\eaa1";\n}\n\n.codicon-bell:before {\n  content: "\\eaa2";\n}\n\n.codicon-bold:before {\n  content: "\\eaa3";\n}\n\n.codicon-book:before {\n  content: "\\eaa4";\n}\n\n.codicon-bookmark:before {\n  content: "\\eaa5";\n}\n\n.codicon-debug-breakpoint-conditional-unverified:before {\n  content: "\\eaa6";\n}\n\n.codicon-debug-breakpoint-conditional:before {\n  content: "\\eaa7";\n}\n\n.codicon-debug-breakpoint-conditional-disabled:before {\n  content: "\\eaa7";\n}\n\n.codicon-debug-breakpoint-data-unverified:before {\n  content: "\\eaa8";\n}\n\n.codicon-debug-breakpoint-data:before {\n  content: "\\eaa9";\n}\n\n.codicon-debug-breakpoint-data-disabled:before {\n  content: "\\eaa9";\n}\n\n.codicon-debug-breakpoint-log-unverified:before {\n  content: "\\eaaa";\n}\n\n.codicon-debug-breakpoint-log:before {\n  content: "\\eaab";\n}\n\n.codicon-debug-breakpoint-log-disabled:before {\n  content: "\\eaab";\n}\n\n.codicon-briefcase:before {\n  content: "\\eaac";\n}\n\n.codicon-broadcast:before {\n  content: "\\eaad";\n}\n\n.codicon-browser:before {\n  content: "\\eaae";\n}\n\n.codicon-bug:before {\n  content: "\\eaaf";\n}\n\n.codicon-calendar:before {\n  content: "\\eab0";\n}\n\n.codicon-case-sensitive:before {\n  content: "\\eab1";\n}\n\n.codicon-check:before {\n  content: "\\eab2";\n}\n\n.codicon-checklist:before {\n  content: "\\eab3";\n}\n\n.codicon-chevron-down:before {\n  content: "\\eab4";\n}\n\n.codicon-chevron-left:before {\n  content: "\\eab5";\n}\n\n.codicon-chevron-right:before {\n  content: "\\eab6";\n}\n\n.codicon-chevron-up:before {\n  content: "\\eab7";\n}\n\n.codicon-chrome-close:before {\n  content: "\\eab8";\n}\n\n.codicon-chrome-maximize:before {\n  content: "\\eab9";\n}\n\n.codicon-chrome-minimize:before {\n  content: "\\eaba";\n}\n\n.codicon-chrome-restore:before {\n  content: "\\eabb";\n}\n\n.codicon-circle-outline:before {\n  content: "\\eabc";\n}\n\n.codicon-debug-breakpoint-unverified:before {\n  content: "\\eabc";\n}\n\n.codicon-circle-slash:before {\n  content: "\\eabd";\n}\n\n.codicon-circuit-board:before {\n  content: "\\eabe";\n}\n\n.codicon-clear-all:before {\n  content: "\\eabf";\n}\n\n.codicon-clippy:before {\n  content: "\\eac0";\n}\n\n.codicon-close-all:before {\n  content: "\\eac1";\n}\n\n.codicon-cloud-download:before {\n  content: "\\eac2";\n}\n\n.codicon-cloud-upload:before {\n  content: "\\eac3";\n}\n\n.codicon-code:before {\n  content: "\\eac4";\n}\n\n.codicon-collapse-all:before {\n  content: "\\eac5";\n}\n\n.codicon-color-mode:before {\n  content: "\\eac6";\n}\n\n.codicon-comment-discussion:before {\n  content: "\\eac7";\n}\n\n.codicon-credit-card:before {\n  content: "\\eac9";\n}\n\n.codicon-dash:before {\n  content: "\\eacc";\n}\n\n.codicon-dashboard:before {\n  content: "\\eacd";\n}\n\n.codicon-database:before {\n  content: "\\eace";\n}\n\n.codicon-debug-continue:before {\n  content: "\\eacf";\n}\n\n.codicon-debug-disconnect:before {\n  content: "\\ead0";\n}\n\n.codicon-debug-pause:before {\n  content: "\\ead1";\n}\n\n.codicon-debug-restart:before {\n  content: "\\ead2";\n}\n\n.codicon-debug-start:before {\n  content: "\\ead3";\n}\n\n.codicon-debug-step-into:before {\n  content: "\\ead4";\n}\n\n.codicon-debug-step-out:before {\n  content: "\\ead5";\n}\n\n.codicon-debug-step-over:before {\n  content: "\\ead6";\n}\n\n.codicon-debug-stop:before {\n  content: "\\ead7";\n}\n\n.codicon-debug:before {\n  content: "\\ead8";\n}\n\n.codicon-device-camera-video:before {\n  content: "\\ead9";\n}\n\n.codicon-device-camera:before {\n  content: "\\eada";\n}\n\n.codicon-device-mobile:before {\n  content: "\\eadb";\n}\n\n.codicon-diff-added:before {\n  content: "\\eadc";\n}\n\n.codicon-diff-ignored:before {\n  content: "\\eadd";\n}\n\n.codicon-diff-modified:before {\n  content: "\\eade";\n}\n\n.codicon-diff-removed:before {\n  content: "\\eadf";\n}\n\n.codicon-diff-renamed:before {\n  content: "\\eae0";\n}\n\n.codicon-diff:before {\n  content: "\\eae1";\n}\n\n.codicon-discard:before {\n  content: "\\eae2";\n}\n\n.codicon-editor-layout:before {\n  content: "\\eae3";\n}\n\n.codicon-empty-window:before {\n  content: "\\eae4";\n}\n\n.codicon-exclude:before {\n  content: "\\eae5";\n}\n\n.codicon-extensions:before {\n  content: "\\eae6";\n}\n\n.codicon-eye-closed:before {\n  content: "\\eae7";\n}\n\n.codicon-file-binary:before {\n  content: "\\eae8";\n}\n\n.codicon-file-code:before {\n  content: "\\eae9";\n}\n\n.codicon-file-media:before {\n  content: "\\eaea";\n}\n\n.codicon-file-pdf:before {\n  content: "\\eaeb";\n}\n\n.codicon-file-submodule:before {\n  content: "\\eaec";\n}\n\n.codicon-file-symlink-directory:before {\n  content: "\\eaed";\n}\n\n.codicon-file-symlink-file:before {\n  content: "\\eaee";\n}\n\n.codicon-file-zip:before {\n  content: "\\eaef";\n}\n\n.codicon-files:before {\n  content: "\\eaf0";\n}\n\n.codicon-filter:before {\n  content: "\\eaf1";\n}\n\n.codicon-flame:before {\n  content: "\\eaf2";\n}\n\n.codicon-fold-down:before {\n  content: "\\eaf3";\n}\n\n.codicon-fold-up:before {\n  content: "\\eaf4";\n}\n\n.codicon-fold:before {\n  content: "\\eaf5";\n}\n\n.codicon-folder-active:before {\n  content: "\\eaf6";\n}\n\n.codicon-folder-opened:before {\n  content: "\\eaf7";\n}\n\n.codicon-gear:before {\n  content: "\\eaf8";\n}\n\n.codicon-gift:before {\n  content: "\\eaf9";\n}\n\n.codicon-gist-secret:before {\n  content: "\\eafa";\n}\n\n.codicon-gist:before {\n  content: "\\eafb";\n}\n\n.codicon-git-commit:before {\n  content: "\\eafc";\n}\n\n.codicon-git-compare:before {\n  content: "\\eafd";\n}\n\n.codicon-compare-changes:before {\n  content: "\\eafd";\n}\n\n.codicon-git-merge:before {\n  content: "\\eafe";\n}\n\n.codicon-github-action:before {\n  content: "\\eaff";\n}\n\n.codicon-github-alt:before {\n  content: "\\eb00";\n}\n\n.codicon-globe:before {\n  content: "\\eb01";\n}\n\n.codicon-grabber:before {\n  content: "\\eb02";\n}\n\n.codicon-graph:before {\n  content: "\\eb03";\n}\n\n.codicon-gripper:before {\n  content: "\\eb04";\n}\n\n.codicon-heart:before {\n  content: "\\eb05";\n}\n\n.codicon-home:before {\n  content: "\\eb06";\n}\n\n.codicon-horizontal-rule:before {\n  content: "\\eb07";\n}\n\n.codicon-hubot:before {\n  content: "\\eb08";\n}\n\n.codicon-inbox:before {\n  content: "\\eb09";\n}\n\n.codicon-issue-reopened:before {\n  content: "\\eb0b";\n}\n\n.codicon-issues:before {\n  content: "\\eb0c";\n}\n\n.codicon-italic:before {\n  content: "\\eb0d";\n}\n\n.codicon-jersey:before {\n  content: "\\eb0e";\n}\n\n.codicon-json:before {\n  content: "\\eb0f";\n}\n\n.codicon-kebab-vertical:before {\n  content: "\\eb10";\n}\n\n.codicon-key:before {\n  content: "\\eb11";\n}\n\n.codicon-law:before {\n  content: "\\eb12";\n}\n\n.codicon-lightbulb-autofix:before {\n  content: "\\eb13";\n}\n\n.codicon-link-external:before {\n  content: "\\eb14";\n}\n\n.codicon-link:before {\n  content: "\\eb15";\n}\n\n.codicon-list-ordered:before {\n  content: "\\eb16";\n}\n\n.codicon-list-unordered:before {\n  content: "\\eb17";\n}\n\n.codicon-live-share:before {\n  content: "\\eb18";\n}\n\n.codicon-loading:before {\n  content: "\\eb19";\n}\n\n.codicon-location:before {\n  content: "\\eb1a";\n}\n\n.codicon-mail-read:before {\n  content: "\\eb1b";\n}\n\n.codicon-mail:before {\n  content: "\\eb1c";\n}\n\n.codicon-markdown:before {\n  content: "\\eb1d";\n}\n\n.codicon-megaphone:before {\n  content: "\\eb1e";\n}\n\n.codicon-mention:before {\n  content: "\\eb1f";\n}\n\n.codicon-milestone:before {\n  content: "\\eb20";\n}\n\n.codicon-mortar-board:before {\n  content: "\\eb21";\n}\n\n.codicon-move:before {\n  content: "\\eb22";\n}\n\n.codicon-multiple-windows:before {\n  content: "\\eb23";\n}\n\n.codicon-mute:before {\n  content: "\\eb24";\n}\n\n.codicon-no-newline:before {\n  content: "\\eb25";\n}\n\n.codicon-note:before {\n  content: "\\eb26";\n}\n\n.codicon-octoface:before {\n  content: "\\eb27";\n}\n\n.codicon-open-preview:before {\n  content: "\\eb28";\n}\n\n.codicon-package:before {\n  content: "\\eb29";\n}\n\n.codicon-paintcan:before {\n  content: "\\eb2a";\n}\n\n.codicon-pin:before {\n  content: "\\eb2b";\n}\n\n.codicon-play:before {\n  content: "\\eb2c";\n}\n\n.codicon-run:before {\n  content: "\\eb2c";\n}\n\n.codicon-plug:before {\n  content: "\\eb2d";\n}\n\n.codicon-preserve-case:before {\n  content: "\\eb2e";\n}\n\n.codicon-preview:before {\n  content: "\\eb2f";\n}\n\n.codicon-project:before {\n  content: "\\eb30";\n}\n\n.codicon-pulse:before {\n  content: "\\eb31";\n}\n\n.codicon-question:before {\n  content: "\\eb32";\n}\n\n.codicon-quote:before {\n  content: "\\eb33";\n}\n\n.codicon-radio-tower:before {\n  content: "\\eb34";\n}\n\n.codicon-reactions:before {\n  content: "\\eb35";\n}\n\n.codicon-references:before {\n  content: "\\eb36";\n}\n\n.codicon-refresh:before {\n  content: "\\eb37";\n}\n\n.codicon-regex:before {\n  content: "\\eb38";\n}\n\n.codicon-remote-explorer:before {\n  content: "\\eb39";\n}\n\n.codicon-remote:before {\n  content: "\\eb3a";\n}\n\n.codicon-remove:before {\n  content: "\\eb3b";\n}\n\n.codicon-replace-all:before {\n  content: "\\eb3c";\n}\n\n.codicon-replace:before {\n  content: "\\eb3d";\n}\n\n.codicon-repo-clone:before {\n  content: "\\eb3e";\n}\n\n.codicon-repo-force-push:before {\n  content: "\\eb3f";\n}\n\n.codicon-repo-pull:before {\n  content: "\\eb40";\n}\n\n.codicon-repo-push:before {\n  content: "\\eb41";\n}\n\n.codicon-report:before {\n  content: "\\eb42";\n}\n\n.codicon-request-changes:before {\n  content: "\\eb43";\n}\n\n.codicon-rocket:before {\n  content: "\\eb44";\n}\n\n.codicon-root-folder-opened:before {\n  content: "\\eb45";\n}\n\n.codicon-root-folder:before {\n  content: "\\eb46";\n}\n\n.codicon-rss:before {\n  content: "\\eb47";\n}\n\n.codicon-ruby:before {\n  content: "\\eb48";\n}\n\n.codicon-save-all:before {\n  content: "\\eb49";\n}\n\n.codicon-save-as:before {\n  content: "\\eb4a";\n}\n\n.codicon-save:before {\n  content: "\\eb4b";\n}\n\n.codicon-screen-full:before {\n  content: "\\eb4c";\n}\n\n.codicon-screen-normal:before {\n  content: "\\eb4d";\n}\n\n.codicon-search-stop:before {\n  content: "\\eb4e";\n}\n\n.codicon-server:before {\n  content: "\\eb50";\n}\n\n.codicon-settings-gear:before {\n  content: "\\eb51";\n}\n\n.codicon-settings:before {\n  content: "\\eb52";\n}\n\n.codicon-shield:before {\n  content: "\\eb53";\n}\n\n.codicon-smiley:before {\n  content: "\\eb54";\n}\n\n.codicon-sort-precedence:before {\n  content: "\\eb55";\n}\n\n.codicon-split-horizontal:before {\n  content: "\\eb56";\n}\n\n.codicon-split-vertical:before {\n  content: "\\eb57";\n}\n\n.codicon-squirrel:before {\n  content: "\\eb58";\n}\n\n.codicon-star-full:before {\n  content: "\\eb59";\n}\n\n.codicon-star-half:before {\n  content: "\\eb5a";\n}\n\n.codicon-symbol-class:before {\n  content: "\\eb5b";\n}\n\n.codicon-symbol-color:before {\n  content: "\\eb5c";\n}\n\n.codicon-symbol-constant:before {\n  content: "\\eb5d";\n}\n\n.codicon-symbol-enum-member:before {\n  content: "\\eb5e";\n}\n\n.codicon-symbol-field:before {\n  content: "\\eb5f";\n}\n\n.codicon-symbol-file:before {\n  content: "\\eb60";\n}\n\n.codicon-symbol-interface:before {\n  content: "\\eb61";\n}\n\n.codicon-symbol-keyword:before {\n  content: "\\eb62";\n}\n\n.codicon-symbol-misc:before {\n  content: "\\eb63";\n}\n\n.codicon-symbol-operator:before {\n  content: "\\eb64";\n}\n\n.codicon-symbol-property:before {\n  content: "\\eb65";\n}\n\n.codicon-wrench:before {\n  content: "\\eb65";\n}\n\n.codicon-wrench-subaction:before {\n  content: "\\eb65";\n}\n\n.codicon-symbol-snippet:before {\n  content: "\\eb66";\n}\n\n.codicon-tasklist:before {\n  content: "\\eb67";\n}\n\n.codicon-telescope:before {\n  content: "\\eb68";\n}\n\n.codicon-text-size:before {\n  content: "\\eb69";\n}\n\n.codicon-three-bars:before {\n  content: "\\eb6a";\n}\n\n.codicon-thumbsdown:before {\n  content: "\\eb6b";\n}\n\n.codicon-thumbsup:before {\n  content: "\\eb6c";\n}\n\n.codicon-tools:before {\n  content: "\\eb6d";\n}\n\n.codicon-triangle-down:before {\n  content: "\\eb6e";\n}\n\n.codicon-triangle-left:before {\n  content: "\\eb6f";\n}\n\n.codicon-triangle-right:before {\n  content: "\\eb70";\n}\n\n.codicon-triangle-up:before {\n  content: "\\eb71";\n}\n\n.codicon-twitter:before {\n  content: "\\eb72";\n}\n\n.codicon-unfold:before {\n  content: "\\eb73";\n}\n\n.codicon-unlock:before {\n  content: "\\eb74";\n}\n\n.codicon-unmute:before {\n  content: "\\eb75";\n}\n\n.codicon-unverified:before {\n  content: "\\eb76";\n}\n\n.codicon-verified:before {\n  content: "\\eb77";\n}\n\n.codicon-versions:before {\n  content: "\\eb78";\n}\n\n.codicon-vm-active:before {\n  content: "\\eb79";\n}\n\n.codicon-vm-outline:before {\n  content: "\\eb7a";\n}\n\n.codicon-vm-running:before {\n  content: "\\eb7b";\n}\n\n.codicon-watch:before {\n  content: "\\eb7c";\n}\n\n.codicon-whitespace:before {\n  content: "\\eb7d";\n}\n\n.codicon-whole-word:before {\n  content: "\\eb7e";\n}\n\n.codicon-window:before {\n  content: "\\eb7f";\n}\n\n.codicon-word-wrap:before {\n  content: "\\eb80";\n}\n\n.codicon-zoom-in:before {\n  content: "\\eb81";\n}\n\n.codicon-zoom-out:before {\n  content: "\\eb82";\n}\n\n.codicon-list-filter:before {\n  content: "\\eb83";\n}\n\n.codicon-list-flat:before {\n  content: "\\eb84";\n}\n\n.codicon-list-selection:before {\n  content: "\\eb85";\n}\n\n.codicon-selection:before {\n  content: "\\eb85";\n}\n\n.codicon-list-tree:before {\n  content: "\\eb86";\n}\n\n.codicon-debug-breakpoint-function-unverified:before {\n  content: "\\eb87";\n}\n\n.codicon-debug-breakpoint-function:before {\n  content: "\\eb88";\n}\n\n.codicon-debug-breakpoint-function-disabled:before {\n  content: "\\eb88";\n}\n\n.codicon-debug-stackframe-active:before {\n  content: "\\eb89";\n}\n\n.codicon-circle-small-filled:before {\n  content: "\\eb8a";\n}\n\n.codicon-debug-stackframe-dot:before {\n  content: "\\eb8a";\n}\n\n.codicon-debug-stackframe:before {\n  content: "\\eb8b";\n}\n\n.codicon-debug-stackframe-focused:before {\n  content: "\\eb8b";\n}\n\n.codicon-debug-breakpoint-unsupported:before {\n  content: "\\eb8c";\n}\n\n.codicon-symbol-string:before {\n  content: "\\eb8d";\n}\n\n.codicon-debug-reverse-continue:before {\n  content: "\\eb8e";\n}\n\n.codicon-debug-step-back:before {\n  content: "\\eb8f";\n}\n\n.codicon-debug-restart-frame:before {\n  content: "\\eb90";\n}\n\n.codicon-debug-alt:before {\n  content: "\\eb91";\n}\n\n.codicon-call-incoming:before {\n  content: "\\eb92";\n}\n\n.codicon-call-outgoing:before {\n  content: "\\eb93";\n}\n\n.codicon-menu:before {\n  content: "\\eb94";\n}\n\n.codicon-expand-all:before {\n  content: "\\eb95";\n}\n\n.codicon-feedback:before {\n  content: "\\eb96";\n}\n\n.codicon-group-by-ref-type:before {\n  content: "\\eb97";\n}\n\n.codicon-ungroup-by-ref-type:before {\n  content: "\\eb98";\n}\n\n.codicon-account:before {\n  content: "\\eb99";\n}\n\n.codicon-bell-dot:before {\n  content: "\\eb9a";\n}\n\n.codicon-debug-console:before {\n  content: "\\eb9b";\n}\n\n.codicon-library:before {\n  content: "\\eb9c";\n}\n\n.codicon-output:before {\n  content: "\\eb9d";\n}\n\n.codicon-run-all:before {\n  content: "\\eb9e";\n}\n\n.codicon-sync-ignored:before {\n  content: "\\eb9f";\n}\n\n.codicon-pinned:before {\n  content: "\\eba0";\n}\n\n.codicon-github-inverted:before {\n  content: "\\eba1";\n}\n\n.codicon-server-process:before {\n  content: "\\eba2";\n}\n\n.codicon-server-environment:before {\n  content: "\\eba3";\n}\n\n.codicon-pass:before {\n  content: "\\eba4";\n}\n\n.codicon-issue-closed:before {\n  content: "\\eba4";\n}\n\n.codicon-stop-circle:before {\n  content: "\\eba5";\n}\n\n.codicon-play-circle:before {\n  content: "\\eba6";\n}\n\n.codicon-record:before {\n  content: "\\eba7";\n}\n\n.codicon-debug-alt-small:before {\n  content: "\\eba8";\n}\n\n.codicon-vm-connect:before {\n  content: "\\eba9";\n}\n\n.codicon-cloud:before {\n  content: "\\ebaa";\n}\n\n.codicon-merge:before {\n  content: "\\ebab";\n}\n\n.codicon-export:before {\n  content: "\\ebac";\n}\n\n.codicon-graph-left:before {\n  content: "\\ebad";\n}\n\n.codicon-magnet:before {\n  content: "\\ebae";\n}\n\n.codicon-notebook:before {\n  content: "\\ebaf";\n}\n\n.codicon-redo:before {\n  content: "\\ebb0";\n}\n\n.codicon-check-all:before {\n  content: "\\ebb1";\n}\n\n.codicon-pinned-dirty:before {\n  content: "\\ebb2";\n}\n\n.codicon-pass-filled:before {\n  content: "\\ebb3";\n}\n\n.codicon-circle-large-filled:before {\n  content: "\\ebb4";\n}\n\n.codicon-circle-large-outline:before {\n  content: "\\ebb5";\n}\n\n.codicon-combine:before {\n  content: "\\ebb6";\n}\n\n.codicon-gather:before {\n  content: "\\ebb6";\n}\n\n.codicon-table:before {\n  content: "\\ebb7";\n}\n\n.codicon-variable-group:before {\n  content: "\\ebb8";\n}\n\n.codicon-type-hierarchy:before {\n  content: "\\ebb9";\n}\n\n.codicon-type-hierarchy-sub:before {\n  content: "\\ebba";\n}\n\n.codicon-type-hierarchy-super:before {\n  content: "\\ebbb";\n}\n\n.codicon-git-pull-request-create:before {\n  content: "\\ebbc";\n}\n\n.codicon-run-above:before {\n  content: "\\ebbd";\n}\n\n.codicon-run-below:before {\n  content: "\\ebbe";\n}\n\n.codicon-notebook-template:before {\n  content: "\\ebbf";\n}\n\n.codicon-debug-rerun:before {\n  content: "\\ebc0";\n}\n\n.codicon-workspace-trusted:before {\n  content: "\\ebc1";\n}\n\n.codicon-workspace-untrusted:before {\n  content: "\\ebc2";\n}\n\n.codicon-workspace-unknown:before {\n  content: "\\ebc3";\n}\n\n.codicon-terminal-cmd:before {\n  content: "\\ebc4";\n}\n\n.codicon-terminal-debian:before {\n  content: "\\ebc5";\n}\n\n.codicon-terminal-linux:before {\n  content: "\\ebc6";\n}\n\n.codicon-terminal-powershell:before {\n  content: "\\ebc7";\n}\n\n.codicon-terminal-tmux:before {\n  content: "\\ebc8";\n}\n\n.codicon-terminal-ubuntu:before {\n  content: "\\ebc9";\n}\n\n.codicon-terminal-bash:before {\n  content: "\\ebca";\n}\n\n.codicon-arrow-swap:before {\n  content: "\\ebcb";\n}\n\n.codicon-copy:before {\n  content: "\\ebcc";\n}\n\n.codicon-person-add:before {\n  content: "\\ebcd";\n}\n\n.codicon-filter-filled:before {\n  content: "\\ebce";\n}\n\n.codicon-wand:before {\n  content: "\\ebcf";\n}\n\n.codicon-debug-line-by-line:before {\n  content: "\\ebd0";\n}\n\n.codicon-inspect:before {\n  content: "\\ebd1";\n}\n\n.codicon-layers:before {\n  content: "\\ebd2";\n}\n\n.codicon-layers-dot:before {\n  content: "\\ebd3";\n}\n\n.codicon-layers-active:before {\n  content: "\\ebd4";\n}\n\n.codicon-compass:before {\n  content: "\\ebd5";\n}\n\n.codicon-compass-dot:before {\n  content: "\\ebd6";\n}\n\n.codicon-compass-active:before {\n  content: "\\ebd7";\n}\n\n.codicon-azure:before {\n  content: "\\ebd8";\n}\n\n.codicon-issue-draft:before {\n  content: "\\ebd9";\n}\n\n.codicon-git-pull-request-closed:before {\n  content: "\\ebda";\n}\n\n.codicon-git-pull-request-draft:before {\n  content: "\\ebdb";\n}\n\n.codicon-debug-all:before {\n  content: "\\ebdc";\n}\n\n.codicon-debug-coverage:before {\n  content: "\\ebdd";\n}\n\n.codicon-run-errors:before {\n  content: "\\ebde";\n}\n\n.codicon-folder-library:before {\n  content: "\\ebdf";\n}\n\n.codicon-debug-continue-small:before {\n  content: "\\ebe0";\n}\n\n.codicon-beaker-stop:before {\n  content: "\\ebe1";\n}\n\n.codicon-graph-line:before {\n  content: "\\ebe2";\n}\n\n.codicon-graph-scatter:before {\n  content: "\\ebe3";\n}\n\n.codicon-pie-chart:before {\n  content: "\\ebe4";\n}\n\n.codicon-bracket:before {\n  content: "\\eb0f";\n}\n\n.codicon-bracket-dot:before {\n  content: "\\ebe5";\n}\n\n.codicon-bracket-error:before {\n  content: "\\ebe6";\n}\n\n.codicon-lock-small:before {\n  content: "\\ebe7";\n}\n\n.codicon-azure-devops:before {\n  content: "\\ebe8";\n}\n\n.codicon-verified-filled:before {\n  content: "\\ebe9";\n}\n\n.codicon-newline:before {\n  content: "\\ebea";\n}\n\n.codicon-layout:before {\n  content: "\\ebeb";\n}\n\n.codicon-layout-activitybar-left:before {\n  content: "\\ebec";\n}\n\n.codicon-layout-activitybar-right:before {\n  content: "\\ebed";\n}\n\n.codicon-layout-panel-left:before {\n  content: "\\ebee";\n}\n\n.codicon-layout-panel-center:before {\n  content: "\\ebef";\n}\n\n.codicon-layout-panel-justify:before {\n  content: "\\ebf0";\n}\n\n.codicon-layout-panel-right:before {\n  content: "\\ebf1";\n}\n\n.codicon-layout-panel:before {\n  content: "\\ebf2";\n}\n\n.codicon-layout-sidebar-left:before {\n  content: "\\ebf3";\n}\n\n.codicon-layout-sidebar-right:before {\n  content: "\\ebf4";\n}\n\n.codicon-layout-statusbar:before {\n  content: "\\ebf5";\n}\n\n.codicon-layout-menubar:before {\n  content: "\\ebf6";\n}\n\n.codicon-layout-centered:before {\n  content: "\\ebf7";\n}\n\n.codicon-target:before {\n  content: "\\ebf8";\n}\n\n.codicon-indent:before {\n  content: "\\ebf9";\n}\n\n.codicon-record-small:before {\n  content: "\\ebfa";\n}\n\n.codicon-error-small:before {\n  content: "\\ebfb";\n}\n\n.codicon-arrow-circle-down:before {\n  content: "\\ebfc";\n}\n\n.codicon-arrow-circle-left:before {\n  content: "\\ebfd";\n}\n\n.codicon-arrow-circle-right:before {\n  content: "\\ebfe";\n}\n\n.codicon-arrow-circle-up:before {\n  content: "\\ebff";\n}\n\n.codicon-layout-sidebar-right-off:before {\n  content: "\\ec00";\n}\n\n.codicon-layout-panel-off:before {\n  content: "\\ec01";\n}\n\n.codicon-layout-sidebar-left-off:before {\n  content: "\\ec02";\n}\n\n.codicon-blank:before {\n  content: "\\ec03";\n}\n\n.codicon-heart-filled:before {\n  content: "\\ec04";\n}\n\n.codicon-map:before {\n  content: "\\ec05";\n}\n\n.codicon-map-filled:before {\n  content: "\\ec06";\n}\n\n.codicon-circle-small:before {\n  content: "\\ec07";\n}\n\n.codicon-bell-slash:before {\n  content: "\\ec08";\n}\n\n.codicon-bell-slash-dot:before {\n  content: "\\ec09";\n}\n\n.codicon-comment-unresolved:before {\n  content: "\\ec0a";\n}\n\n.codicon-git-pull-request-go-to-changes:before {\n  content: "\\ec0b";\n}\n\n.codicon-git-pull-request-new-changes:before {\n  content: "\\ec0c";\n}\n\n@layer kol-component {\n  /* :host implicitly inherits font-size, see below */\n  :host {\n    font-size: calc(16rem / var(--kolibri-root-font-size, 16));\n    color: inherit;\n    display: contents;\n    line-height: inherit;\n  }\n  /*\n    * The <code>:important</code> is important, because we should always override the font icon style.\n    */\n  :host > i,\n  :host > i:before {\n    font-size: inherit !important;\n  }\n}',KolIconDefaultStyle0=defaultStyleCss,KolIcon$1=proxyCustomElement(class extends HTMLElement{constructor(){super(),this.__registerHost(),this.__attachShadow(),this._icons=void 0,this._label=void 0,this.state={_icons:"codicon codicon-home",_label:""}}render(){const n=this.state._label.length>0;return h(Host,{key:"572ba8a20d7e148034c7564d0b8d672aac7f3c30",exportparts:"icon",class:"kol-icon"},h("i",{key:"ec9325d8bb003986a44fdffc42eb4d7eaa91e1ab","aria-hidden":n?void 0:"true","aria-label":n?this.state._label:void 0,class:this.state._icons,part:"icon",role:"img"}))}validateIcons(n){watchString(this,"_icons",n,{required:!0})}validateLabel(n){validateLabel(this,n,{required:!0})}componentWillLoad(){this.validateIcons(this._icons),this.validateLabel(this._label)}static get watchers(){return{_icons:["validateIcons"],_label:["validateLabel"]}}static get style(){return{default:KolIconDefaultStyle0}}},[33,"kol-icon",{_icons:[1],_label:[1],state:[32]},void 0,{_icons:["validateIcons"],_label:["validateLabel"]}]);function defineCustomElement$1(){if("undefined"==typeof customElements)return;["kol-icon"].forEach((n=>{if("kol-icon"===n)customElements.get(n)||customElements.define(n,KolIcon$1)}))}const KolIcon=KolIcon$1,defineCustomElement=defineCustomElement$1;export{KolIcon,defineCustomElement};

package/dist/components/kol-icon.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"kol-icon.js","mappings":";;;;;;;AAAA,MAAM,eAAe,GAAG,~~8qgCAA8qgC~~,CAAC;~~AACvsgC~~,6BAAe,eAAe;;MCcjBA,SAAO;;;;;;;qBAgCiB;YACnC,MAAM,EAAE,sBAAsB;YAC9B,MAAM,EAAE,EAAE;SACV;;IAlCM,MAAM;QACZ,MAAM,QAAQ,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC;QAC9C,QACC,EAAC,IAAI,qDAAC,WAAW,EAAC,MAAM,EAAC,KAAK,EAAC,UAAU,IACxC,yEACc,QAAQ,GAAG,SAAS,GAAG,MAAM,gBAO9B,QAAQ,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,SAAS,EACpD,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM,EACxB,IAAI,EAAC,MAAM,EACX,IAAI,EAAC,KAAK,GACN,CACC,EACN;KACF;IAkBM,aAAa,CAAC,KAAc;QAClC,WAAW,CAAC,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE;YAClC,QAAQ,EAAE,IAAI;SACd,CAAC,CAAC;KACH;IAGM,aAAa,CAAC,KAAqB;QACzC,aAAa,CAAC,IAAI,EAAE,KAAK,EAAE;YAC1B,QAAQ,EAAE,IAAI;SACd,CAAC,CAAC;KACH;IAEM,iBAAiB;QACvB,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;QAChC,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;KAChC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["KolIcon"],"sources":["src/components/icon/style.scss?tag=kol-icon&mode=default&encapsulation=shadow","src/components/icon/shadow.tsx"],"sourcesContent":["@import '../@shared/mixins';\n@import '../../assets/codicons/codicon';\n\n@layer kol-component {\n\t/* :host implicitly inherits font-size, see below /\n\t:host {\n\t\tfont-size: rem(16);\n\t\tcolor: inherit;\n\t\tdisplay: contents;\n\t\~~theight: 1em;\n\t\~~tline-height: inherit;\n\t~~\twidth: 1em;\n\t~~}\n\n\t~~:host > i {\n\t\theight: 1em;\n\t\twidth: 1em;\n\t}\n\n\t~~/\n * The <code>:important</code> is important, because we should always override the font icon style.\n /\n\t:host > i,\n\t:host > i:before {\n\t\tfont-size: inherit !important;\n\t}\n}\n","import type { IconAPI, IconStates, LabelPropType } from '../../schema';\nimport { validateLabel, watchString } from '../../schema';\nimport { Component, h, Host, Prop, State, Watch } from '@stencil/core';\n\nimport type { JSX } from '@stencil/core';\n/\n @part icon - Ermöglicht das Styling des inneren Icons.\n /\n@Component({\n\ttag: 'kol-icon',\n\tstyleUrls: {\n\t\tdefault: './style.scss',\n\t},\n\tshadow: true,\n})\nexport class KolIcon implements IconAPI {\n\tpublic render(): JSX.Element {\n\t\tconst ariaShow = this.state._label.length > 0;\n\t\treturn (\n\t\t\t<Host exportparts=\"icon\" class=\"kol-icon\">\n\t\t\t\t<i\n\t\t\t\t\taria-hidden={ariaShow ? undefined : 'true'}\n\t\t\t\t\t/\n\t\t\t\t\t Die Auszeichnung `aria-hidden` ist eigentlich nicht erforderlich, da die aktuellen\n\t\t\t\t\t * Screenreader, wie NVDA und JAWS, es auch ohne `aria-hidden` nicht vorlesen.\n\t\t\t\t\t \n\t\t\t\t\t Referenz: https://www.w3.org/TR/wai-aria/states_and_properties#aria-hidden\n\t\t\t\t\t /\n\t\t\t\t\taria-label={ariaShow ? this.state._label : undefined}\n\t\t\t\t\tclass={this.state._icons}\n\t\t\t\t\tpart=\"icon\"\n\t\t\t\t\trole=\"img\"\n\t\t\t\t></i>\n\t\t\t</Host>\n\t\t);\n\t}\n\n\t/\n\t Defines the icon classnames (e.g. `_icons=\"fa-solid fa-user\"`).\n\t /\n\t@Prop() public _icons!: string;\n\n\t/\n\t Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.).\n\t */\n\t@Prop() public _label!: LabelPropType;\n\n\t@State() public state: IconStates = {\n\t\t_icons: 'codicon codicon-home',\n\t\t_label: '', // ⚠ required\n\t};\n\n\t@Watch('_icons')\n\tpublic validateIcons(value?: string): void {\n\t\twatchString(this, '_icons', value, {\n\t\t\trequired: true,\n\t\t});\n\t}\n\n\t@Watch('_label')\n\tpublic validateLabel(value?: LabelPropType): void {\n\t\tvalidateLabel(this, value, {\n\t\t\trequired: true,\n\t\t});\n\t}\n\n\tpublic componentWillLoad(): void {\n\t\tthis.validateIcons(this._icons);\n\t\tthis.validateLabel(this._label);\n\t}\n}\n"],"version":3}
1	+ {"file":"kol-icon.js","mappings":";;;;;;;AAAA,MAAM,eAAe,GAAG,olgCAAolgC,CAAC;AAC7mgC,6BAAe,eAAe;;MCcjBA,SAAO;;;;;;;qBAgCiB;YACnC,MAAM,EAAE,sBAAsB;YAC9B,MAAM,EAAE,EAAE;SACV;;IAlCM,MAAM;QACZ,MAAM,QAAQ,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC;QAC9C,QACC,EAAC,IAAI,qDAAC,WAAW,EAAC,MAAM,EAAC,KAAK,EAAC,UAAU,IACxC,yEACc,QAAQ,GAAG,SAAS,GAAG,MAAM,gBAO9B,QAAQ,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,SAAS,EACpD,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM,EACxB,IAAI,EAAC,MAAM,EACX,IAAI,EAAC,KAAK,GACN,CACC,EACN;KACF;IAkBM,aAAa,CAAC,KAAc;QAClC,WAAW,CAAC,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE;YAClC,QAAQ,EAAE,IAAI;SACd,CAAC,CAAC;KACH;IAGM,aAAa,CAAC,KAAqB;QACzC,aAAa,CAAC,IAAI,EAAE,KAAK,EAAE;YAC1B,QAAQ,EAAE,IAAI;SACd,CAAC,CAAC;KACH;IAEM,iBAAiB;QACvB,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;QAChC,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;KAChC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["KolIcon"],"sources":["src/components/icon/style.scss?tag=kol-icon&mode=default&encapsulation=shadow","src/components/icon/shadow.tsx"],"sourcesContent":["@import '../@shared/mixins';\n@import '../../assets/codicons/codicon';\n\n@layer kol-component {\n\t/* :host implicitly inherits font-size, see below /\n\t:host {\n\t\tfont-size: rem(16);\n\t\tcolor: inherit;\n\t\tdisplay: contents;\n\t\tline-height: inherit;\n\t}\n\n\t/\n * The <code>:important</code> is important, because we should always override the font icon style.\n /\n\t:host > i,\n\t:host > i:before {\n\t\tfont-size: inherit !important;\n\t}\n}\n","import type { IconAPI, IconStates, LabelPropType } from '../../schema';\nimport { validateLabel, watchString } from '../../schema';\nimport { Component, h, Host, Prop, State, Watch } from '@stencil/core';\n\nimport type { JSX } from '@stencil/core';\n/\n @part icon - Ermöglicht das Styling des inneren Icons.\n /\n@Component({\n\ttag: 'kol-icon',\n\tstyleUrls: {\n\t\tdefault: './style.scss',\n\t},\n\tshadow: true,\n})\nexport class KolIcon implements IconAPI {\n\tpublic render(): JSX.Element {\n\t\tconst ariaShow = this.state._label.length > 0;\n\t\treturn (\n\t\t\t<Host exportparts=\"icon\" class=\"kol-icon\">\n\t\t\t\t<i\n\t\t\t\t\taria-hidden={ariaShow ? undefined : 'true'}\n\t\t\t\t\t/\n\t\t\t\t\t Die Auszeichnung `aria-hidden` ist eigentlich nicht erforderlich, da die aktuellen\n\t\t\t\t\t * Screenreader, wie NVDA und JAWS, es auch ohne `aria-hidden` nicht vorlesen.\n\t\t\t\t\t \n\t\t\t\t\t Referenz: https://www.w3.org/TR/wai-aria/states_and_properties#aria-hidden\n\t\t\t\t\t /\n\t\t\t\t\taria-label={ariaShow ? this.state._label : undefined}\n\t\t\t\t\tclass={this.state._icons}\n\t\t\t\t\tpart=\"icon\"\n\t\t\t\t\trole=\"img\"\n\t\t\t\t></i>\n\t\t\t</Host>\n\t\t);\n\t}\n\n\t/\n\t Defines the icon classnames (e.g. `_icons=\"fa-solid fa-user\"`).\n\t /\n\t@Prop() public _icons!: string;\n\n\t/\n\t Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.).\n\t */\n\t@Prop() public _label!: LabelPropType;\n\n\t@State() public state: IconStates = {\n\t\t_icons: 'codicon codicon-home',\n\t\t_label: '', // ⚠ required\n\t};\n\n\t@Watch('_icons')\n\tpublic validateIcons(value?: string): void {\n\t\twatchString(this, '_icons', value, {\n\t\t\trequired: true,\n\t\t});\n\t}\n\n\t@Watch('_label')\n\tpublic validateLabel(value?: LabelPropType): void {\n\t\tvalidateLabel(this, value, {\n\t\t\trequired: true,\n\t\t});\n\t}\n\n\tpublic componentWillLoad(): void {\n\t\tthis.validateIcons(this._icons);\n\t\tthis.validateLabel(this._label);\n\t}\n}\n"],"version":3}

package/dist/components/kol-input-checkbox.js CHANGED Viewed

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{proxyCustomElement,HTMLElement,h,Host,Fragment}from"@stencil/core/internal/client";import{n as nonce}from"./dev.utils2.js";import{t as tryToDispatchKoliBriEvent}from"./events.js";import{g as getRenderStates}from"./controller2.js";import{I as InternalUnderlinedAccessKey}from"./InternalUnderlinedAccessKey.js";import{I as InputCheckboxRadioController}from"./controller3.js";import{c as watchBoolean,w as watchValidator,b as setState}from"./prop.validators.js";import{i as isString}from"./common.js";import{k as KolInputWcTag,e as KolIconTag}from"./component-names.js";import{s as showExpertSlot}from"./reuse.js";const inputCheckboxVariantOptions=["button","default","switch"],validateChecked=(e,n)=>{watchBoolean(e,"_checked",n)},validateIndeterminate=(e,n)=>{watchBoolean(e,"_indeterminate",n)};class InputCheckboxController extends InputCheckboxRadioController{constructor(e,n,t){super(e,n,t),this.setFormAssociatedCheckboxValue=e=>{this.component._checked?this.setFormAssociatedValue(e):this.setFormAssociatedValue(null)},this.component=e}validateChecked(e){validateChecked(this.component,e),this.setFormAssociatedCheckboxValue(this.component.state._value)}validateIcons(e){watchValidator(this.component,"_icons",(e=>"object"==typeof e&&null!==e&&(isString(e.checked,1)||isString(e.indeterminate,1)||isString(e.unchecked,1))),new Set(["InputCheckboxIcons"]),e,{hooks:{beforePatch:(e,n,t)=>{n.set("_icons",Object.assign(Object.assign({},t.state._icons),e))}}})}validateIndeterminate(e){validateIndeterminate(this.component,e)}validateValue(e){setState(this.component,"_value",e),this.setFormAssociatedCheckboxValue(this.component.state._value)}validateVariant(e){watchValidator(this.component,"_variant",(e=>"string"==typeof e&&inputCheckboxVariantOptions.includes(e)),new Set([`String {${inputCheckboxVariantOptions.join(", ")}`]),e)}componentWillLoad(){super.componentWillLoad(),this.validateChecked(this.component._checked),this.validateIcons(this.component._icons),this.validateIndeterminate(this.component._indeterminate),this.validateValue(this.component._value),this.validateVariant(this.component._variant)}}const defaultStyleCss="/*\n * This file contains all rules for accessibility.\n */\n@layer kol-global {\n  :host {\n    /*\n     * Minimum size of interactive elements.\n     */\n    --a11y-min-size: 44px;\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    color: black;\n    /*\n     * Verdana is an accessible font that can be used without requiring additional loading time.\n     */\n    font-family: Verdana;\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     * Letter spacing is required for all texts.\n     */\n    letter-spacing: inherit;\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     * Word spacing is required for all texts.\n     */\n    word-spacing: inherit;\n  }\n  /*\n   * All interactive elements should have a minimum size of 44px.\n   */\n  /* input:not([type='checkbox'], [type='radio'], [type='range']), */\n  /* option, */\n  /* select, */\n  /* textarea, */\n  [role=button],\n  button:not([role=link]),\n  .kol-input .input {\n    min-height: var(--a11y-min-size);\n    min-width: 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}\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  clip: rect(0 0 0 0);\n  clip-path: inset(50%);\n  height: 1px;\n  overflow: hidden;\n  position: absolute;\n  white-space: nowrap;\n  width: 1px;\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    border: none;\n    margin: 0;\n    padding: 0;\n    width: 100%; /* 100% needed for custom width from outside */\n  }\n  /*\n   * Ensure elements with hidden attribute to be actually not visible\n   * @see https://meowni.ca/hidden.is.a.lie.html\n   */\n  [hidden] {\n    display: none !important;\n  }\n}\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  }\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    cursor: not-allowed;\n    opacity: 0.5;\n    outline: none;\n  }\n  [aria-disabled=true]:focus .kol-span-wc,\n  [disabled]:focus .kol-span-wc {\n    outline: none !important;\n  }\n}\n@layer kol-component {\n  .required label > span::after,\n  .required legend > span::after {\n    content: \"*\";\n  }\n}\n@layer kol-component {\n  :host {\n    display: block;\n  }\n}\n@layer kol-component {\n  input,\n  textarea {\n    cursor: text;\n  }\n  input[type=checkbox],\n  input[type=color],\n  input[type=file],\n  input[type=radio],\n  input[type=range],\n  label,\n  option,\n  select {\n    cursor: pointer;\n  }\n  /* input[type='checkbox'], */\n  /* input[type='radio'], */\n  /* input[type='range'], */\n  input[type=color],\n  input[type=date],\n  input[type=datetime-local],\n  input[type=email],\n  input[type=file],\n  input[type=month],\n  input[type=number],\n  input[type=password],\n  input[type=search],\n  input[type=tel],\n  input[type=text],\n  input[type=time],\n  input[type=url],\n  input[type=week],\n  select,\n  select[multiple] option,\n  textarea {\n    font-size: calc(16rem / var(--kolibri-root-font-size, 16));\n    width: 100%;\n  }\n  /* needed hack for vertical alignment */\n  input[type=file] {\n    padding: calc((var(--a11y-min-size) - (16rem / var(--kolibri-root-font-size, 16))) / 10) 0.5em;\n  }\n  /* needed hack for vertical alignment */\n  select[multiple] option {\n    padding: calc((var(--a11y-min-size) - (16rem / var(--kolibri-root-font-size, 16))) / 2) 0.5em;\n  }\n}\n@layer kol-component {\n  :host {\n    font-size: calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n  label {\n    cursor: pointer;\n  }\n  .kol-input {\n    align-items: center;\n    display: grid;\n    justify-items: left;\n  }\n  .kol-input.default,\n  .kol-input.switch {\n    grid-template-columns: auto 1fr;\n  }\n  .kol-input .input {\n    align-items: center;\n    display: grid;\n    order: 1;\n  }\n  .kol-input .input div {\n    display: inline-flex;\n  }\n  .kol-input .input input {\n    margin: 0;\n  }\n  .kol-input label {\n    order: 2;\n  }\n  .kol-input .hint,\n  .kol-input.error > .kol-alert {\n    grid-column: span 2;\n  }\n  .kol-input .kol-alert.error {\n    order: 3;\n  }\n  .kol-input .hint {\n    order: 4;\n  }\n  input {\n    border-style: solid;\n    border-width: 2px;\n    line-height: 24px;\n  }\n  input[type=checkbox] {\n    appearance: none;\n    background-color: #fff;\n    cursor: pointer;\n    transition: 0.5s;\n  }\n  input[type=checkbox]:before {\n    content: \"\";\n    cursor: pointer;\n  }\n  input[type=checkbox]:disabled:before {\n    cursor: not-allowed;\n  }\n  .kol-input.required .tooltip-content .span-label::after {\n    content: \"*\";\n  }\n}\n@layer kol-component {\n  .button {\n    display: grid;\n    grid-template-columns: var(--a11y-min-size) auto;\n    grid-template-areas: \"error error\" \"input label\" \"hint hint\";\n  }\n  .button:focus-within {\n    /* override global `[tabindex]:focus` style */\n    cursor: inherit;\n    outline-color: black;\n    outline-style: solid;\n  }\n  .button > .error {\n    grid-area: error;\n  }\n  .button > label {\n    grid-area: label;\n  }\n  .button > .input {\n    grid-area: input;\n  }\n  .button > .hint {\n    grid-area: hint;\n  }\n  .button .icon {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: var(--a11y-min-size);\n    height: var(--a11y-min-size);\n  }\n}\n@layer kol-component {\n  .default .checkbox-container {\n    align-items: center;\n    display: flex;\n    height: var(--a11y-min-size);\n    justify-content: center;\n    position: relative;\n    width: var(--a11y-min-size);\n  }\n  .default .icon {\n    display: block;\n    inset: auto;\n    position: absolute;\n    z-index: 1;\n  }\n  .default:not(.checked):not(.indeterminate) .icon::part(icon) {\n    display: none;\n  }\n  .default .checkbox-input-element {\n    width: 22px;\n    height: 22px;\n  }\n}\n@layer kol-component {\n  .switch .input {\n    position: relative;\n  }\n  .switch input[type=checkbox] {\n    display: inline-block;\n    height: 1.7em;\n    min-width: 3.2em;\n    position: relative;\n    width: 3.2em;\n  }\n  .switch input[type=checkbox]::before {\n    background-color: #000;\n    height: 1.2em;\n    left: calc(0.25em - 2px);\n    top: calc(0.25em - 2px);\n    position: absolute;\n    transition: 0.5s;\n    width: 1.2em;\n  }\n  .switch input[type=checkbox]:checked::before {\n    transform: translateX(1.5em);\n  }\n  .switch input[type=checkbox]:indeterminate::before {\n    transform: translateX(0.75em);\n  }\n  .switch .icon {\n    cursor: pointer;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 1.2em;\n    height: 1.2em;\n    position: absolute;\n    z-index: 1;\n    top: 50%;\n    left: 4px;\n    transform: translate(0, -50%);\n    transition: 0.5s;\n    color: #000;\n  }\n  .switch.checked .icon {\n    transform: translate(1.5em, -50%);\n  }\n  .switch.indeterminate .icon {\n    transform: translate(0.75em, -50%);\n  }\n}\n/*\n * This file contains all rules for accessibility.\n */\n@layer kol-global {\n  :host {\n    /*\n     * Minimum size of interactive elements.\n     */\n    --a11y-min-size: 44px;\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    color: black;\n    /*\n     * Verdana is an accessible font that can be used without requiring additional loading time.\n     */\n    font-family: Verdana;\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     * Letter spacing is required for all texts.\n     */\n    letter-spacing: inherit;\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     * Word spacing is required for all texts.\n     */\n    word-spacing: inherit;\n  }\n  /*\n   * All interactive elements should have a minimum size of 44px.\n   */\n  /* input:not([type='checkbox'], [type='radio'], [type='range']), */\n  /* option, */\n  /* select, */\n  /* textarea, */\n  [role=button],\n  button:not([role=link]),\n  .kol-input .input {\n    min-height: var(--a11y-min-size);\n    min-width: 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}\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  clip: rect(0 0 0 0);\n  clip-path: inset(50%);\n  height: 1px;\n  overflow: hidden;\n  position: absolute;\n  white-space: nowrap;\n  width: 1px;\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    border: none;\n    margin: 0;\n    padding: 0;\n    width: 100%; /* 100% needed for custom width from outside */\n  }\n  /*\n   * Ensure elements with hidden attribute to be actually not visible\n   * @see https://meowni.ca/hidden.is.a.lie.html\n   */\n  [hidden] {\n    display: none !important;\n  }\n}\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  }\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    cursor: not-allowed;\n    opacity: 0.5;\n    outline: none;\n  }\n  [aria-disabled=true]:focus .kol-span-wc,\n  [disabled]:focus .kol-span-wc {\n    outline: none !important;\n  }\n}\n@layer kol-component {\n  :host {\n    display: block;\n  }\n}\n@layer kol-component {\n  .kol-alert-wc {\n    display: grid;\n  }\n  .kol-alert-wc .heading {\n    display: flex;\n    place-items: center;\n  }\n  .kol-alert-wc .heading > div {\n    flex-grow: 1;\n  }\n  .close {\n    /* Visible with forced colors */\n    outline: transparent solid 1px;\n  }\n}",KolInputCheckboxDefaultStyle0=defaultStyleCss,KolInputCheckbox$1=proxyCustomElement(class extends HTMLElement{getModelValue(){return this._checked?this.state._value:null}async getValue(){return this.getModelValue()}async focus(){await this.kolFocus()}async kolFocus(){var e;null===(e=this.inputRef)||void 0===e||e.focus()}render(){const{ariaDescribedBy:e}=getRenderStates(this.state),n=showExpertSlot(this.state._label);return h(Host,{key:"20f63d4b1e1ce9c8ccc96acffbec53914f0f623c",class:"kol-input-checkbox"},h(KolInputWcTag,{key:"e7e02f3f1aaafc66b2e7aadb48c9b2860b8bdce6",class:{checkbox:!0,[this.state._variant]:!0,"hide-label":!!this.state._hideLabel,checked:this.state._checked,indeterminate:this.state._indeterminate},"data-role":"button"===this.state._variant?"button":void 0,_accessKey:this.state._accessKey,_alert:this.state._alert,_disabled:this.state._disabled,_msg:this.state._msg,_hideError:this.state._hideError,_hideLabel:this.state._hideLabel,_hint:this.state._hint,_id:this.state._id,_label:this.state._label,_required:this.state._required,_tooltipAlign:this._tooltipAlign,_touched:this.state._touched},h("span",{key:"78aa1e72043e97d0730bb8d726fbd5419d1398a8",slot:"label"},n?h("slot",{name:"expert"}):"string"==typeof this.state._accessKey?h(Fragment,null,h(InternalUnderlinedAccessKey,{accessKey:this.state._accessKey,label:this.state._label})," ",h("span",{class:"access-key-hint","aria-hidden":"true"},this.state._accessKey)):h("span",null,this.state._label)),h("label",{key:"48c6b88a5c719a2b53bd61f318393b565ceefd97",slot:"input",class:"checkbox-container"},h(KolIconTag,{key:"39d29836ec7ec12fecd16a7f1b434486e0dc8169",class:"icon",_icons:this.state._indeterminate?this.state._icons.indeterminate:this.state._checked?this.state._icons.checked:this.state._icons.unchecked,_label:""}),h("input",Object.assign({key:"c8c9c71e4aae70674de97709768e2f4023b6bae1",class:"checkbox-input-element"+("button"===this.state._variant?" visually-hidden":""),ref:this.catchRef,title:"",accessKey:this.state._accessKey,"aria-describedby":e.length>0?e.join(" "):void 0,"aria-label":this.state._hideLabel&&"string"==typeof this.state._label?this.state._label:void 0,checked:this.state._checked,disabled:this.state._disabled,id:this.state._id,indeterminate:this.state._indeterminate,name:this.state._name,required:this.state._required,tabIndex:this.state._tabIndex,type:"checkbox"},this.controller.onFacade,{onInput:this.onInput,onChange:this.onChange,onClick:void 0})))))}constructor(){super(),this.__registerHost(),this.__attachShadow(),this.catchRef=e=>{this.inputRef=e},this.onInput=e=>{var n;this._checked=!this._checked,this._indeterminate=!1;const t=this.getModelValue();tryToDispatchKoliBriEvent("input",this.host,t),"function"==typeof(null===(n=this._on)||void 0===n?void 0:n.onInput)&&this._on.onInput(e,t)},this.onChange=e=>{var n;const t=this.getModelValue();tryToDispatchKoliBriEvent("change",this.host,t),this.controller.setFormAssociatedCheckboxValue(t),"function"==typeof(null===(n=this._on)||void 0===n?void 0:n.onChange)&&this._on.onChange(e,t)},this._accessKey=void 0,this._alert=!0,this._checked=!1,this._hideError=!1,this._disabled=!1,this._error=void 0,this._hideLabel=!1,this._hint="",this._icons=void 0,this._id=void 0,this._indeterminate=void 0,this._label=void 0,this._msg=void 0,this._name=void 0,this._on=void 0,this._required=!1,this._syncValueBySelector=void 0,this._tabIndex=void 0,this._tooltipAlign="top",this._touched=!1,this._value=!0,this._variant="default",this.state={_checked:!1,_hideError:!1,_icons:{checked:"codicon codicon-check",indeterminate:"codicon codicon-remove",unchecked:"codicon codicon-close"},_id:`id-${nonce()}`,_indeterminate:!1,_label:"",_value:!0,_variant:"default"},this.controller=new InputCheckboxController(this,"checkbox",this.host)}validateAccessKey(e){this.controller.validateAccessKey(e)}validateAlert(e){this.controller.validateAlert(e)}validateChecked(e){this.controller.validateChecked(e)}validateDisabled(e){this.controller.validateDisabled(e)}validateError(e){this.controller.validateError(e)}validateHideError(e){this.controller.validateHideError(e)}validateHideLabel(e){this.controller.validateHideLabel(e)}validateHint(e){this.controller.validateHint(e)}validateIcons(e){this.controller.validateIcons(e)}validateId(e){this.controller.validateId(e)}validateIndeterminate(e){this.controller.validateIndeterminate(e)}validateLabel(e){this.controller.validateLabel(e)}validateMsg(e){this.controller.validateMsg(e)}validateName(e){this.controller.validateName(e)}validateOn(e){this.controller.validateOn(e)}validateRequired(e){this.controller.validateRequired(e)}validateSyncValueBySelector(e){this.controller.validateSyncValueBySelector(e)}validateTabIndex(e){this.controller.validateTabIndex(e)}validateTouched(e){this.controller.validateTouched(e)}validateValue(e){this.controller.validateValue(e)}validateVariant(e){this.controller.validateVariant(e)}componentWillLoad(){this._alert=!0===this._alert,this._touched=!0===this._touched,this.controller.componentWillLoad()}get host(){return this}static get watchers(){return{_accessKey:["validateAccessKey"],_alert:["validateAlert"],_checked:["validateChecked"],_disabled:["validateDisabled"],_error:["validateError"],_hideError:["validateHideError"],_hideLabel:["validateHideLabel"],_hint:["validateHint"],_icons:["validateIcons"],_id:["validateId"],_indeterminate:["validateIndeterminate"],_label:["validateLabel"],_msg:["validateMsg"],_name:["validateName"],_on:["validateOn"],_required:["validateRequired"],_syncValueBySelector:["validateSyncValueBySelector"],_tabIndex:["validateTabIndex"],_touched:["validateTouched"],_value:["validateValue"],_variant:["validateVariant"]}}static get style(){return{default:KolInputCheckboxDefaultStyle0}}},[33,"kol-input-checkbox",{_accessKey:[1,"_access-key"],_alert:[1540],_checked:[1540],_hideError:[1540,"_hide-error"],_disabled:[4],_error:[1],_hideLabel:[4,"_hide-label"],_hint:[1],_icons:[1],_id:[1],_indeterminate:[1540],_label:[1],_msg:[16],_name:[1],_on:[16],_required:[4],_syncValueBySelector:[1,"_sync-value-by-selector"],_tabIndex:[2,"_tab-index"],_tooltipAlign:[1,"_tooltip-align"],_touched:[1540],_value:[8],_variant:[1],state:[32],getValue:[64],focus:[64],kolFocus:[64]},void 0,{_accessKey:["validateAccessKey"],_alert:["validateAlert"],_checked:["validateChecked"],_disabled:["validateDisabled"],_error:["validateError"],_hideError:["validateHideError"],_hideLabel:["validateHideLabel"],_hint:["validateHint"],_icons:["validateIcons"],_id:["validateId"],_indeterminate:["validateIndeterminate"],_label:["validateLabel"],_msg:["validateMsg"],_name:["validateName"],_on:["validateOn"],_required:["validateRequired"],_syncValueBySelector:["validateSyncValueBySelector"],_tabIndex:["validateTabIndex"],_touched:["validateTouched"],_value:["validateValue"],_variant:["validateVariant"]}]);function defineCustomElement$1(){if("undefined"==typeof customElements)return;["kol-input-checkbox"].forEach((e=>{if("kol-input-checkbox"===e)customElements.get(e)||customElements.define(e,KolInputCheckbox$1)}))}const KolInputCheckbox=KolInputCheckbox$1,defineCustomElement=defineCustomElement$1;export{KolInputCheckbox,defineCustomElement};
+import{proxyCustomElement,HTMLElement,h,Host,Fragment}from"@stencil/core/internal/client";import{n as nonce}from"./dev.utils2.js";import{t as tryToDispatchKoliBriEvent}from"./events.js";import{g as getRenderStates}from"./controller2.js";import{I as InternalUnderlinedAccessKey}from"./InternalUnderlinedAccessKey.js";import{I as InputCheckboxRadioController}from"./controller3.js";import{c as watchBoolean,w as watchValidator,b as setState}from"./prop.validators.js";import{i as isString}from"./common.js";import{k as KolInputWcTag,e as KolIconTag}from"./component-names.js";import{s as showExpertSlot}from"./reuse.js";const inputCheckboxVariantOptions=["button","default","switch"],validateChecked=(e,n)=>{watchBoolean(e,"_checked",n)},validateIndeterminate=(e,n)=>{watchBoolean(e,"_indeterminate",n)},labelAlignPropTypeOptions=["left","right"],validateLabelAlign=(e,n)=>{watchValidator(e,"_labelAlign",(e=>"string"==typeof e&&labelAlignPropTypeOptions.includes(e)),new Set([`KoliBriLabelAlign {${labelAlignPropTypeOptions.join(", ")}`]),n)};class InputCheckboxController extends InputCheckboxRadioController{constructor(e,n,t){super(e,n,t),this.setFormAssociatedCheckboxValue=e=>{this.component._checked?this.setFormAssociatedValue(e):this.setFormAssociatedValue(null)},this.component=e}validateChecked(e){validateChecked(this.component,e),this.setFormAssociatedCheckboxValue(this.component.state._value)}validateIcons(e){watchValidator(this.component,"_icons",(e=>"object"==typeof e&&null!==e&&(isString(e.checked,1)||isString(e.indeterminate,1)||isString(e.unchecked,1))),new Set(["InputCheckboxIcons"]),e,{hooks:{beforePatch:(e,n,t)=>{n.set("_icons",Object.assign(Object.assign({},t.state._icons),e))}}})}validateIndeterminate(e){validateIndeterminate(this.component,e)}validateLabelAlign(e){validateLabelAlign(this.component,e)}validateValue(e){setState(this.component,"_value",e),this.setFormAssociatedCheckboxValue(this.component.state._value)}validateVariant(e){watchValidator(this.component,"_variant",(e=>"string"==typeof e&&inputCheckboxVariantOptions.includes(e)),new Set([`String {${inputCheckboxVariantOptions.join(", ")}`]),e)}componentWillLoad(){super.componentWillLoad(),this.validateChecked(this.component._checked),this.validateIcons(this.component._icons),this.validateIndeterminate(this.component._indeterminate),this.validateValue(this.component._value),this.validateVariant(this.component._variant),this.validateLabelAlign(this.component._labelAlign)}}const defaultStyleCss='/*\n * This file contains all rules for accessibility.\n */\n@layer kol-global {\n  :host {\n    /*\n     * Minimum size of interactive elements.\n     */\n    --a11y-min-size: 44px;\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    color: black;\n    /*\n     * Verdana is an accessible font that can be used without requiring additional loading time.\n     */\n    font-family: Verdana;\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     * Letter spacing is required for all texts.\n     */\n    letter-spacing: inherit;\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     * Word spacing is required for all texts.\n     */\n    word-spacing: inherit;\n  }\n  /*\n   * All interactive elements should have a minimum size of 44px.\n   */\n  /* input:not([type=\'checkbox\'], [type=\'radio\'], [type=\'range\']), */\n  /* option, */\n  /* select, */\n  /* textarea, */\n  [role=button],\n  button:not([role=link]),\n  .kol-input .input {\n    min-height: var(--a11y-min-size);\n    min-width: 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}\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  clip: rect(0 0 0 0);\n  clip-path: inset(50%);\n  height: 1px;\n  overflow: hidden;\n  position: absolute;\n  white-space: nowrap;\n  width: 1px;\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    border: none;\n    margin: 0;\n    padding: 0;\n    width: 100%; /* 100% needed for custom width from outside */\n  }\n  /*\n   * Ensure elements with hidden attribute to be actually not visible\n   * @see https://meowni.ca/hidden.is.a.lie.html\n   */\n  [hidden] {\n    display: none !important;\n  }\n}\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  }\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    cursor: not-allowed;\n    opacity: 0.5;\n    outline: none;\n  }\n  [aria-disabled=true]:focus .kol-span-wc,\n  [disabled]:focus .kol-span-wc {\n    outline: none !important;\n  }\n}\n@layer kol-component {\n  .required label > span::after,\n  .required legend > span::after {\n    content: "*";\n  }\n}\n@layer kol-component {\n  :host {\n    display: block;\n  }\n}\n@layer kol-component {\n  input,\n  textarea {\n    cursor: text;\n  }\n  input[type=checkbox],\n  input[type=color],\n  input[type=file],\n  input[type=radio],\n  input[type=range],\n  label,\n  option,\n  select {\n    cursor: pointer;\n  }\n  /* input[type=\'checkbox\'], */\n  /* input[type=\'radio\'], */\n  /* input[type=\'range\'], */\n  input[type=color],\n  input[type=date],\n  input[type=datetime-local],\n  input[type=email],\n  input[type=file],\n  input[type=month],\n  input[type=number],\n  input[type=password],\n  input[type=search],\n  input[type=tel],\n  input[type=text],\n  input[type=time],\n  input[type=url],\n  input[type=week],\n  select,\n  select[multiple] option,\n  textarea {\n    font-size: calc(16rem / var(--kolibri-root-font-size, 16));\n    width: 100%;\n  }\n  /* needed hack for vertical alignment */\n  input[type=file] {\n    padding: calc((var(--a11y-min-size) - (16rem / var(--kolibri-root-font-size, 16))) / 10) 0.5em;\n  }\n  /* needed hack for vertical alignment */\n  select[multiple] option {\n    padding: calc((var(--a11y-min-size) - (16rem / var(--kolibri-root-font-size, 16))) / 2) 0.5em;\n  }\n}\n@layer kol-component {\n  :host {\n    font-size: calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n  label {\n    cursor: pointer;\n  }\n  .kol-input {\n    align-items: center;\n    display: grid;\n    justify-items: left;\n  }\n  .kol-input.default,\n  .kol-input.switch {\n    grid-template-areas: "input label";\n    grid-template-columns: auto 1fr;\n  }\n  .kol-input.default[data-label-align=left]:not(.hide-label),\n  .kol-input.switch[data-label-align=left]:not(.hide-label) {\n    grid-template-areas: "label input";\n    grid-template-columns: 1fr auto;\n  }\n  .kol-input .input {\n    grid-area: input;\n    align-items: center;\n    display: grid;\n  }\n  .kol-input .input div {\n    display: inline-flex;\n  }\n  .kol-input .input input {\n    margin: 0;\n  }\n  .kol-input label {\n    grid-area: label;\n  }\n  .kol-input .hint,\n  .kol-input.error > .kol-alert {\n    grid-column: span 2;\n  }\n  .kol-input .kol-alert.error {\n    order: 3;\n  }\n  .kol-input .hint {\n    order: 4;\n  }\n  input {\n    border-style: solid;\n    border-width: 2px;\n    line-height: 24px;\n  }\n  input[type=checkbox] {\n    appearance: none;\n    background-color: #fff;\n    cursor: pointer;\n    transition: 0.5s;\n  }\n  input[type=checkbox]:before {\n    content: "";\n    cursor: pointer;\n  }\n  input[type=checkbox]:disabled:before {\n    cursor: not-allowed;\n  }\n  .kol-input.required .tooltip-content .span-label::after {\n    content: "*";\n  }\n}\n@layer kol-component {\n  .button {\n    display: grid;\n    grid-template-columns: var(--a11y-min-size) auto;\n    grid-template-areas: "error error" "input label" "hint hint";\n  }\n  .button[data-label-align=left]:not(.hide-label) {\n    grid-template-columns: auto var(--a11y-min-size);\n    grid-template-areas: "error error" "label input" "hint hint";\n  }\n  .button:focus-within {\n    /* override global `[tabindex]:focus` style */\n    cursor: inherit;\n    outline-color: black;\n    outline-style: solid;\n  }\n  .button > .error {\n    grid-area: error;\n  }\n  .button > label {\n    grid-area: label;\n  }\n  .button > .input {\n    grid-area: input;\n  }\n  .button > .hint {\n    grid-area: hint;\n  }\n  .button .icon {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: var(--a11y-min-size);\n    height: var(--a11y-min-size);\n  }\n}\n@layer kol-component {\n  .default .checkbox-container {\n    align-items: center;\n    display: flex;\n    height: var(--a11y-min-size);\n    justify-content: center;\n    position: relative;\n    width: var(--a11y-min-size);\n  }\n  .default .icon {\n    display: block;\n    inset: auto;\n    position: absolute;\n    z-index: 1;\n  }\n  .default:not(.checked):not(.indeterminate) .icon::part(icon) {\n    display: none;\n  }\n  .default .checkbox-input-element {\n    width: 22px;\n    height: 22px;\n  }\n}\n@layer kol-component {\n  .switch .input {\n    position: relative;\n  }\n  .switch input[type=checkbox] {\n    display: inline-block;\n    height: 1.7em;\n    min-width: 3.2em;\n    position: relative;\n    width: 3.2em;\n  }\n  .switch input[type=checkbox]::before {\n    background-color: #000;\n    height: 1.2em;\n    left: calc(0.25em - 2px);\n    top: calc(0.25em - 2px);\n    position: absolute;\n    transition: 0.5s;\n    width: 1.2em;\n  }\n  .switch input[type=checkbox]:checked::before {\n    transform: translateX(1.5em);\n  }\n  .switch input[type=checkbox]:indeterminate::before {\n    transform: translateX(0.75em);\n  }\n  .switch .icon {\n    cursor: pointer;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 1.2em;\n    height: 1.2em;\n    position: absolute;\n    z-index: 1;\n    top: 50%;\n    left: 4px;\n    transform: translate(0, -50%);\n    transition: 0.5s;\n    color: #000;\n  }\n  .switch.checked .icon {\n    transform: translate(1.5em, -50%);\n  }\n  .switch.indeterminate .icon {\n    transform: translate(0.75em, -50%);\n  }\n}\n/*\n * This file contains all rules for accessibility.\n */\n@layer kol-global {\n  :host {\n    /*\n     * Minimum size of interactive elements.\n     */\n    --a11y-min-size: 44px;\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    color: black;\n    /*\n     * Verdana is an accessible font that can be used without requiring additional loading time.\n     */\n    font-family: Verdana;\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     * Letter spacing is required for all texts.\n     */\n    letter-spacing: inherit;\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     * Word spacing is required for all texts.\n     */\n    word-spacing: inherit;\n  }\n  /*\n   * All interactive elements should have a minimum size of 44px.\n   */\n  /* input:not([type=\'checkbox\'], [type=\'radio\'], [type=\'range\']), */\n  /* option, */\n  /* select, */\n  /* textarea, */\n  [role=button],\n  button:not([role=link]),\n  .kol-input .input {\n    min-height: var(--a11y-min-size);\n    min-width: 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}\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  clip: rect(0 0 0 0);\n  clip-path: inset(50%);\n  height: 1px;\n  overflow: hidden;\n  position: absolute;\n  white-space: nowrap;\n  width: 1px;\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    border: none;\n    margin: 0;\n    padding: 0;\n    width: 100%; /* 100% needed for custom width from outside */\n  }\n  /*\n   * Ensure elements with hidden attribute to be actually not visible\n   * @see https://meowni.ca/hidden.is.a.lie.html\n   */\n  [hidden] {\n    display: none !important;\n  }\n}\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  }\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    cursor: not-allowed;\n    opacity: 0.5;\n    outline: none;\n  }\n  [aria-disabled=true]:focus .kol-span-wc,\n  [disabled]:focus .kol-span-wc {\n    outline: none !important;\n  }\n}\n@layer kol-component {\n  :host {\n    display: block;\n  }\n}\n@layer kol-component {\n  .kol-alert-wc {\n    display: grid;\n  }\n  .kol-alert-wc .heading {\n    display: flex;\n    place-items: center;\n  }\n  .kol-alert-wc .heading > div {\n    flex-grow: 1;\n  }\n  .close {\n    /* Visible with forced colors */\n    outline: transparent solid 1px;\n  }\n}',KolInputCheckboxDefaultStyle0=defaultStyleCss,KolInputCheckbox$1=proxyCustomElement(class extends HTMLElement{getModelValue(){return this._checked?this.state._value:null}async getValue(){return this.getModelValue()}async focus(){await this.kolFocus()}async kolFocus(){var e;null===(e=this.inputRef)||void 0===e||e.focus()}render(){const{ariaDescribedBy:e}=getRenderStates(this.state),n=showExpertSlot(this.state._label);return h(Host,{key:"76a2dcddb3fba02d63009302a0ba84a889c9eaf9",class:"kol-input-checkbox"},h(KolInputWcTag,{key:"fd2cc3ab786a316dee728b420cdf445817c0374c",class:{checkbox:!0,[this.state._variant]:!0,"hide-label":!!this.state._hideLabel,checked:this.state._checked,indeterminate:this.state._indeterminate},"data-label-align":this.state._labelAlign||"right","data-role":"button"===this.state._variant?"button":void 0,_accessKey:this.state._accessKey,_alert:this.state._alert,_disabled:this.state._disabled,_msg:this.state._msg,_hideError:this.state._hideError,_hideLabel:this.state._hideLabel,_hint:this.state._hint,_id:this.state._id,_label:this.state._label,_required:this.state._required,_tooltipAlign:this._tooltipAlign,_touched:this.state._touched},h("span",{key:"ab4c5be723c0d053e5c140519d8eff550252703b",slot:"label"},n?h("slot",{name:"expert"}):"string"==typeof this.state._accessKey?h(Fragment,null,h(InternalUnderlinedAccessKey,{accessKey:this.state._accessKey,label:this.state._label})," ",h("span",{class:"access-key-hint","aria-hidden":"true"},this.state._accessKey)):h("span",null,this.state._label)),h("label",{key:"a243e23c5a94df4fd509af9ab993cb7e7bdbb039",slot:"input",class:"checkbox-container"},h(KolIconTag,{key:"1c849fc2f36db0f4b4e657a69f07b134ee19b33c",class:"icon",_icons:this.state._indeterminate?this.state._icons.indeterminate:this.state._checked?this.state._icons.checked:this.state._icons.unchecked,_label:""}),h("input",Object.assign({key:"3ef46cf8c081bcc56d67165c15ac48fbf35db464",class:"checkbox-input-element"+("button"===this.state._variant?" visually-hidden":""),ref:this.catchRef,title:"",accessKey:this.state._accessKey,"aria-describedby":e.length>0?e.join(" "):void 0,"aria-label":this.state._hideLabel&&"string"==typeof this.state._label?this.state._label:void 0,checked:this.state._checked,disabled:this.state._disabled,id:this.state._id,indeterminate:this.state._indeterminate,name:this.state._name,required:this.state._required,tabIndex:this.state._tabIndex,type:"checkbox"},this.controller.onFacade,{onInput:this.onInput,onChange:this.onChange,onClick:void 0})))))}constructor(){super(),this.__registerHost(),this.__attachShadow(),this.catchRef=e=>{this.inputRef=e},this.onInput=e=>{var n;this._checked=!this._checked,this._indeterminate=!1;const t=this.getModelValue();tryToDispatchKoliBriEvent("input",this.host,t),"function"==typeof(null===(n=this._on)||void 0===n?void 0:n.onInput)&&this._on.onInput(e,t)},this.onChange=e=>{var n;const t=this.getModelValue();tryToDispatchKoliBriEvent("change",this.host,t),this.controller.setFormAssociatedCheckboxValue(t),"function"==typeof(null===(n=this._on)||void 0===n?void 0:n.onChange)&&this._on.onChange(e,t)},this._accessKey=void 0,this._alert=!0,this._checked=!1,this._hideError=!1,this._disabled=!1,this._error=void 0,this._hideLabel=!1,this._hint="",this._icons=void 0,this._id=void 0,this._indeterminate=void 0,this._label=void 0,this._labelAlign="right",this._msg=void 0,this._name=void 0,this._on=void 0,this._required=!1,this._syncValueBySelector=void 0,this._tabIndex=void 0,this._tooltipAlign="top",this._touched=!1,this._value=!0,this._variant="default",this.state={_checked:!1,_hideError:!1,_icons:{checked:"codicon codicon-check",indeterminate:"codicon codicon-remove",unchecked:"codicon codicon-close"},_id:`id-${nonce()}`,_indeterminate:!1,_label:"",_value:!0,_variant:"default",_labelAlign:"right"},this.controller=new InputCheckboxController(this,"checkbox",this.host)}validateAccessKey(e){this.controller.validateAccessKey(e)}validateAlert(e){this.controller.validateAlert(e)}validateChecked(e){this.controller.validateChecked(e)}validateDisabled(e){this.controller.validateDisabled(e)}validateError(e){this.controller.validateError(e)}validateHideError(e){this.controller.validateHideError(e)}validateHideLabel(e){this.controller.validateHideLabel(e)}validateHint(e){this.controller.validateHint(e)}validateIcons(e){this.controller.validateIcons(e)}validateId(e){this.controller.validateId(e)}validateIndeterminate(e){this.controller.validateIndeterminate(e)}validateLabel(e){this.controller.validateLabel(e)}validateLabelAlign(e){this.controller.validateLabelAlign(e)}validateMsg(e){this.controller.validateMsg(e)}validateName(e){this.controller.validateName(e)}validateOn(e){this.controller.validateOn(e)}validateRequired(e){this.controller.validateRequired(e)}validateSyncValueBySelector(e){this.controller.validateSyncValueBySelector(e)}validateTabIndex(e){this.controller.validateTabIndex(e)}validateTouched(e){this.controller.validateTouched(e)}validateValue(e){this.controller.validateValue(e)}validateVariant(e){this.controller.validateVariant(e)}componentWillLoad(){this._alert=!0===this._alert,this._touched=!0===this._touched,this.controller.componentWillLoad()}get host(){return this}static get watchers(){return{_accessKey:["validateAccessKey"],_alert:["validateAlert"],_checked:["validateChecked"],_disabled:["validateDisabled"],_error:["validateError"],_hideError:["validateHideError"],_hideLabel:["validateHideLabel"],_hint:["validateHint"],_icons:["validateIcons"],_id:["validateId"],_indeterminate:["validateIndeterminate"],_label:["validateLabel"],_labelAlign:["validateLabelAlign"],_msg:["validateMsg"],_name:["validateName"],_on:["validateOn"],_required:["validateRequired"],_syncValueBySelector:["validateSyncValueBySelector"],_tabIndex:["validateTabIndex"],_touched:["validateTouched"],_value:["validateValue"],_variant:["validateVariant"]}}static get style(){return{default:KolInputCheckboxDefaultStyle0}}},[33,"kol-input-checkbox",{_accessKey:[1,"_access-key"],_alert:[1540],_checked:[1540],_hideError:[1540,"_hide-error"],_disabled:[4],_error:[1],_hideLabel:[4,"_hide-label"],_hint:[1],_icons:[1],_id:[1],_indeterminate:[1540],_label:[1],_labelAlign:[1,"_label-align"],_msg:[16],_name:[1],_on:[16],_required:[4],_syncValueBySelector:[1,"_sync-value-by-selector"],_tabIndex:[2,"_tab-index"],_tooltipAlign:[1,"_tooltip-align"],_touched:[1540],_value:[8],_variant:[1],state:[32],getValue:[64],focus:[64],kolFocus:[64]},void 0,{_accessKey:["validateAccessKey"],_alert:["validateAlert"],_checked:["validateChecked"],_disabled:["validateDisabled"],_error:["validateError"],_hideError:["validateHideError"],_hideLabel:["validateHideLabel"],_hint:["validateHint"],_icons:["validateIcons"],_id:["validateId"],_indeterminate:["validateIndeterminate"],_label:["validateLabel"],_labelAlign:["validateLabelAlign"],_msg:["validateMsg"],_name:["validateName"],_on:["validateOn"],_required:["validateRequired"],_syncValueBySelector:["validateSyncValueBySelector"],_tabIndex:["validateTabIndex"],_touched:["validateTouched"],_value:["validateValue"],_variant:["validateVariant"]}]);function defineCustomElement$1(){if("undefined"==typeof customElements)return;["kol-input-checkbox"].forEach((e=>{if("kol-input-checkbox"===e)customElements.get(e)||customElements.define(e,KolInputCheckbox$1)}))}const KolInputCheckbox=KolInputCheckbox$1,defineCustomElement=defineCustomElement$1;export{KolInputCheckbox,defineCustomElement};