@public-ui/components 2.2.1 → 3.0.0-alpha.1

package/dist/kolibri/kol-input-text.entry.js.map

@@ -1 +1 @@
-{"version":3,"names":["validateAlert","component","value","watchBoolean","defaultStyleCss","KolInputTextDefaultStyle0","KolInputText","getValue","_a","this","inputRef","focus","kolFocus","render","ariaDescribedBy","getRenderStates","state","hasSuggestions","Array","isArray","_suggestions","length","hasExpertSlot","showExpertSlot","_label","h","Host","key","class","_hasValue","KolInputTag","_type","_hideLabel","_accessKey","_alert","showAsAlert","_currentLength","_disabled","_hasCounter","_hideError","_hint","_icons","_id","_maxLength","_msg","_readOnly","_required","_shortKey","_smartButton","_tooltipAlign","_touched","onClick","role","slot","name","Fragment","InternalUnderlinedBadgeText","badgeText","buildBadgeTextString","label","Object","assign","ref","catchRef","title","accessKey","join","undefined","autoCapitalize","autoComplete","_autoComplete","autoCorrect","disabled","id","list","maxlength","_name","pattern","_pattern","placeholder","_placeholder","readOnly","required","spellcheck","_spellCheck","type","_value","controller","onFacade","onChange","onInput","onKeyDown","onFocus","event","inputHasFocus","onBlur","constructor","hostRef","oldValue","_b","setState","target","code","propagateSubmitEventToForm","form","host","nonce","InputTextController","Boolean","validateAccessKey","validateAutoComplete","validateDisabled","validateError","validateHasCounter","validateHideError","validateHideLabel","validateHint","validateIcons","validateId","validateLabel","validateMaxLength","validateMsg","validateName","validateOn","validatePattern","validatePlaceholder","validateReadOnly","validateRequired","validateShortKey","validateSpellCheck","validateSuggestions","validateSmartButton","validateSyncValueBySelector","validateTabIndex","validateTouched","validateType","validateValue","componentWillLoad","addValueChangeListener","v"],"sources":["src/schema/props/alert.ts","src/components/input-text/style.scss?tag=kol-input-text&mode=default&encapsulation=shadow","src/components/input-text/shadow.tsx"],"sourcesContent":["import type { Generic } from 'adopted-style-sheets';\n\nimport { watchBoolean } from '../utils';\n\n/* types */\nexport type AlertPropType = boolean;\n\n/**\n * Defines whether the screen-readers should read out the notification.\n */\nexport type PropAlert = {\n\talert: AlertPropType;\n};\n\n/* validator */\nexport const validateAlert = (component: Generic.Element.Component, value?: AlertPropType): void => {\n\twatchBoolean(component, '_alert', value);\n};\n","@import '../@shared/mixins';\n@import '../style';\n@import '../input-line';\n\n@include kol-alert-styles;\n\n@layer kol-component {\n\t:host {\n\t\tfont-size: rem(16);\n\t}\n}\n","import type {\n\tAccessKeyPropType,\n\tAlertPropType,\n\tButtonProps,\n\tFocusableElement,\n\tHideErrorPropType,\n\tIdPropType,\n\tInputTextAPI,\n\tInputTextStates,\n\tInputTextType,\n\tInputTypeOnDefault,\n\tInputTypeOnOff,\n\tKoliBriHorizontalIcons,\n\tLabelWithExpertSlotPropType,\n\tMsgPropType,\n\tNamePropType,\n\tShortKeyPropType,\n\tSpellCheckPropType,\n\tStringified,\n\tSuggestionsPropType,\n\tSyncValueBySelectorPropType,\n\tTooltipAlignPropType,\n} from '../../schema';\nimport { buildBadgeTextString, setState, showExpertSlot, validateAlert } from '../../schema';\nimport type { JSX } from '@stencil/core';\nimport { Component, Element, Fragment, h, Host, Method, Prop, State, Watch } from '@stencil/core';\n\nimport { nonce } from '../../utils/dev.utils';\nimport { propagateSubmitEventToForm } from '../form/controller';\nimport { getRenderStates } from '../input/controller';\nimport { InternalUnderlinedBadgeText } from '../span/InternalUnderlinedBadgeText';\nimport { InputTextController } from './controller';\nimport { KolInputTag } from '../../core/component-names';\n\n/**\n * @slot - Die Beschriftung des Eingabefeldes.\n */\n@Component({\n\ttag: 'kol-input-text',\n\tstyleUrls: {\n\t\tdefault: './style.scss',\n\t},\n\tshadow: {\n\t\tdelegatesFocus: true,\n\t},\n})\nexport class KolInputText implements InputTextAPI, FocusableElement {\n\t@Element() private readonly host?: HTMLKolInputTextElement;\n\tprivate inputRef?: HTMLInputElement;\n\tprivate oldValue?: string;\n\n\tprivate readonly catchRef = (ref?: HTMLInputElement) => {\n\t\tthis.inputRef = ref;\n\t};\n\n\tprivate readonly onChange = (event: Event) => {\n\t\tif (this.oldValue !== this.inputRef?.value) {\n\t\t\tthis.oldValue = this.inputRef?.value;\n\t\t\tthis.controller.onFacade.onChange(event);\n\t\t}\n\t};\n\n\tprivate readonly onInput = (event: InputEvent) => {\n\t\tsetState(this, '_currentLength', (event.target as HTMLInputElement).value.length);\n\t\tthis.controller.onFacade.onInput(event);\n\t};\n\n\tprivate readonly onKeyDown = (event: KeyboardEvent) => {\n\t\tif (event.code === 'Enter' || event.code === 'NumpadEnter') {\n\t\t\tpropagateSubmitEventToForm({\n\t\t\t\tform: this.host,\n\t\t\t\tref: this.inputRef,\n\t\t\t});\n\t\t}\n\t};\n\n\t@Method()\n\t// eslint-disable-next-line @typescript-eslint/require-await\n\tpublic async getValue(): Promise<string | undefined> {\n\t\treturn this.inputRef?.value;\n\t}\n\n\t/**\n\t * @deprecated Use kolFocus instead.\n\t */\n\t@Method()\n\tpublic async focus() {\n\t\tawait this.kolFocus();\n\t}\n\n\t@Method()\n\t// eslint-disable-next-line @typescript-eslint/require-await\n\tpublic async kolFocus() {\n\t\tthis.inputRef?.focus();\n\t}\n\n\tpublic render(): JSX.Element {\n\t\tconst { ariaDescribedBy } = getRenderStates(this.state);\n\t\tconst hasSuggestions = Array.isArray(this.state._suggestions) && this.state._suggestions.length > 0;\n\t\tconst hasExpertSlot = showExpertSlot(this.state._label);\n\n\t\treturn (\n\t\t\t<Host\n\t\t\t\tclass={{\n\t\t\t\t\t'has-value': this.state._hasValue,\n\t\t\t\t\t'kol-input-text': true,\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t<KolInputTag\n\t\t\t\t\tclass={{\n\t\t\t\t\t\t[this.state._type]: true,\n\t\t\t\t\t\t'hide-label': !!this.state._hideLabel,\n\t\t\t\t\t}}\n\t\t\t\t\t_accessKey={this.state._accessKey}\n\t\t\t\t\t_alert={this.showAsAlert()}\n\t\t\t\t\t_currentLength={this.state._currentLength}\n\t\t\t\t\t_disabled={this.state._disabled}\n\t\t\t\t\t_hasCounter={this.state._hasCounter}\n\t\t\t\t\t_hideError={this.state._hideError}\n\t\t\t\t\t_hideLabel={this.state._hideLabel}\n\t\t\t\t\t_hint={this.state._hint}\n\t\t\t\t\t_icons={this.state._icons}\n\t\t\t\t\t_id={this.state._id}\n\t\t\t\t\t_label={this.state._label}\n\t\t\t\t\t_maxLength={this.state._maxLength}\n\t\t\t\t\t_msg={this.state._msg}\n\t\t\t\t\t_readOnly={this.state._readOnly}\n\t\t\t\t\t_required={this.state._required}\n\t\t\t\t\t_shortKey={this.state._shortKey}\n\t\t\t\t\t_smartButton={this.state._smartButton}\n\t\t\t\t\t_suggestions={this.state._suggestions}\n\t\t\t\t\t_tooltipAlign={this._tooltipAlign}\n\t\t\t\t\t_touched={this.state._touched}\n\t\t\t\t\tonClick={() => this.inputRef?.focus()}\n\t\t\t\t\trole={`presentation` /* Avoid element being read as 'clickable' in NVDA */}\n\t\t\t\t>\n\t\t\t\t\t<span slot=\"label\">\n\t\t\t\t\t\t{hasExpertSlot ? (\n\t\t\t\t\t\t\t<slot name=\"expert\"></slot>\n\t\t\t\t\t\t) : typeof this.state._accessKey === 'string' || typeof this.state._shortKey === 'string' ? (\n\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t<InternalUnderlinedBadgeText badgeText={buildBadgeTextString(this.state._accessKey, this.state._shortKey)} label={this.state._label} />{' '}\n\t\t\t\t\t\t\t\t<span class=\"access-key-hint\" aria-hidden=\"true\">\n\t\t\t\t\t\t\t\t\t{buildBadgeTextString(this.state._accessKey, this.state._shortKey)}\n\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t</>\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t<span>{this.state._label}</span>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</span>\n\t\t\t\t\t<div slot=\"input\">\n\t\t\t\t\t\t<input\n\t\t\t\t\t\t\tref={this.catchRef}\n\t\t\t\t\t\t\ttitle=\"\"\n\t\t\t\t\t\t\taccessKey={this.state._accessKey}\n\t\t\t\t\t\t\taria-describedby={ariaDescribedBy.length > 0 ? ariaDescribedBy.join(' ') : undefined}\n\t\t\t\t\t\t\taria-label={this.state._hideLabel && typeof this.state._label === 'string' ? this.state._label : undefined}\n\t\t\t\t\t\t\tautoCapitalize=\"off\"\n\t\t\t\t\t\t\tautoComplete={this.state._autoComplete}\n\t\t\t\t\t\t\tautoCorrect=\"off\"\n\t\t\t\t\t\t\tdisabled={this.state._disabled}\n\t\t\t\t\t\t\tid={this.state._id}\n\t\t\t\t\t\t\tlist={hasSuggestions ? `${this.state._id}-list` : undefined}\n\t\t\t\t\t\t\tmaxlength={this.state._maxLength}\n\t\t\t\t\t\t\tname={this.state._name}\n\t\t\t\t\t\t\tpattern={this.state._pattern}\n\t\t\t\t\t\t\tplaceholder={this.state._placeholder}\n\t\t\t\t\t\t\treadOnly={this.state._readOnly}\n\t\t\t\t\t\t\trequired={this.state._required}\n\t\t\t\t\t\t\tspellcheck={this.state._spellCheck}\n\t\t\t\t\t\t\ttype={this.state._type}\n\t\t\t\t\t\t\tvalue={this.state._value as string}\n\t\t\t\t\t\t\t{...this.controller.onFacade}\n\t\t\t\t\t\t\tonChange={this.onChange}\n\t\t\t\t\t\t\tonInput={this.onInput}\n\t\t\t\t\t\t\tonKeyDown={this.onKeyDown}\n\t\t\t\t\t\t\tonFocus={(event) => {\n\t\t\t\t\t\t\t\tthis.controller.onFacade.onFocus(event);\n\t\t\t\t\t\t\t\tthis.inputHasFocus = true;\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\tonBlur={(event) => {\n\t\t\t\t\t\t\t\tthis.controller.onFacade.onBlur(event);\n\t\t\t\t\t\t\t\tthis.inputHasFocus = false;\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</div>\n\t\t\t\t</KolInputTag>\n\t\t\t</Host>\n\t\t);\n\t}\n\n\tprivate readonly controller: InputTextController;\n\n\t/**\n\t * Defines which key combination can be used to trigger or focus the interactive element of the component.\n\t */\n\t@Prop() public _accessKey?: AccessKeyPropType;\n\n\t/**\n\t * Defines whether the screen-readers should read out the notification.\n\t * @deprecated Will be removed in v3. Use automatic behaviour instead.\n\t */\n\t@Prop({ mutable: true, reflect: true }) public _alert?: boolean;\n\n\t/**\n\t * Defines whether the input can be auto-completed.\n\t */\n\t@Prop() public _autoComplete?: InputTypeOnOff;\n\n\t/**\n\t * Makes the element not focusable and ignore all events.\n\t * @TODO: Change type back to `DisabledPropType` after Stencil#4663 has been resolved.\n\t */\n\t@Prop() public _disabled?: boolean = false;\n\n\t/**\n\t * Defines the error message text.\n\t * @deprecated Will be removed in v3. Use `msg` instead.\n\t */\n\t@Prop() public _error?: string;\n\n\t/**\n\t * Shows the character count on the lower border of the input.\n\t * @TODO: Change type back to `HasCounterPropType` after Stencil#4663 has been resolved.\n\t */\n\t@Prop() public _hasCounter?: boolean = false;\n\n\t/**\n\t * Hides the error message but leaves it in the DOM for the input's aria-describedby.\n\t * @TODO: Change type back to `HideErrorPropType` after Stencil#4663 has been resolved.\n\t */\n\t@Prop({ mutable: true, reflect: true }) public _hideError?: boolean = false;\n\n\t/**\n\t * Hides the caption by default and displays the caption text with a tooltip when the\n\t * interactive element is focused or the mouse is over it.\n\t * @TODO: Change type back to `HideLabelPropType` after Stencil#4663 has been resolved.\n\t */\n\t@Prop() public _hideLabel?: boolean = false;\n\n\t/**\n\t * Defines the hint text.\n\t */\n\t@Prop() public _hint?: string = '';\n\n\t/**\n\t * Defines the icon classnames (e.g. `_icons=\"fa-solid fa-user\"`).\n\t */\n\t@Prop() public _icons?: Stringified<KoliBriHorizontalIcons>;\n\n\t/**\n\t * Defines the internal ID of the primary component element.\n\t */\n\t@Prop() public _id?: IdPropType;\n\n\t/**\n\t * Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.). Set to `false` to enable the expert slot.\n\t */\n\t@Prop() public _label!: LabelWithExpertSlotPropType;\n\n\t/**\n\t * Defines the maximum number of input characters.\n\t */\n\t@Prop() public _maxLength?: number;\n\n\t/**\n\t * Defines the properties for a message rendered as Alert component.\n\t */\n\t@Prop() public _msg?: Stringified<MsgPropType>;\n\n\t/**\n\t * Defines the technical name of an input field.\n\t */\n\t@Prop() public _name?: NamePropType;\n\n\t/**\n\t * Gibt die EventCallback-Funktionen für das Input-Event an.\n\t */\n\t@Prop() public _on?: InputTypeOnDefault;\n\n\t/**\n\t * Defines a validation pattern for the input field.\n\t */\n\t@Prop() public _pattern?: string;\n\n\t/**\n\t * Defines the placeholder for input field. To be shown when there's no value.\n\t */\n\t@Prop() public _placeholder?: string;\n\n\t/**\n\t * Makes the input element read only.\n\t * @TODO: Change type back to `ReadOnlyPropType` after Stencil#4663 has been resolved.\n\t */\n\t@Prop() public _readOnly?: boolean = false;\n\n\t/**\n\t * Makes the input element required.\n\t * @TODO: Change type back to `RequiredPropType` after Stencil#4663 has been resolved.\n\t */\n\t@Prop() public _required?: boolean = false;\n\n\t/**\n\t * Adds a visual short key hint to the component.\n\t */\n\t@Prop() public _shortKey?: ShortKeyPropType;\n\n\t/**\n\t * Defines whether the browser should check the spelling and grammar.\n\t */\n\t@Prop() public _spellCheck?: SpellCheckPropType;\n\n\t/**\n\t * Suggestions to provide for the input.\n\t */\n\t@Prop() public _suggestions?: SuggestionsPropType;\n\n\t/**\n\t * Allows to add a button with an arbitrary action within the element (_hide-label only).\n\t */\n\t@Prop() public _smartButton?: Stringified<ButtonProps>;\n\n\t/**\n\t * Selector for synchronizing the value with another input element.\n\t * @internal\n\t */\n\t@Prop() public _syncValueBySelector?: SyncValueBySelectorPropType;\n\n\t/**\n\t * Defines which tab-index the primary element of the component has. (https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex)\n\t */\n\t@Prop() public _tabIndex?: number;\n\n\t/**\n\t * Defines where to show the Tooltip preferably: top, right, bottom or left.\n\t */\n\t@Prop() public _tooltipAlign?: TooltipAlignPropType = 'top';\n\n\t/**\n\t * Shows if the input was touched by a user.\n\t * @TODO: Change type back to `TouchedPropType` after Stencil#4663 has been resolved.\n\t */\n\t@Prop({ mutable: true, reflect: true }) public _touched?: boolean = false;\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?: InputTextType = 'text';\n\n\t/**\n\t * Defines the value of the input.\n\t */\n\t@Prop({ mutable: true }) public _value?: string;\n\n\t@State() public state: InputTextStates = {\n\t\t_autoComplete: 'off',\n\t\t_currentLength: 0,\n\t\t_hasValue: false,\n\t\t_hideError: false,\n\t\t_id: `id-${nonce()}`,\n\t\t_label: '', // ⚠ required\n\t\t_suggestions: [],\n\t\t_type: 'text',\n\t};\n\n\t@State() private inputHasFocus = false;\n\n\tpublic constructor() {\n\t\tthis.controller = new InputTextController(this, 'text', this.host);\n\t}\n\n\tprivate showAsAlert(): boolean {\n\t\tif (this.state._alert === undefined) {\n\t\t\treturn Boolean(this.state._touched) && !this.inputHasFocus;\n\t\t}\n\t\treturn this.state._alert;\n\t}\n\n\t@Watch('_accessKey')\n\tpublic validateAccessKey(value?: AccessKeyPropType): void {\n\t\tthis.controller.validateAccessKey(value);\n\t}\n\n\t@Watch('_alert')\n\tpublic validateAlert(value?: AlertPropType): void {\n\t\tvalidateAlert(this, value);\n\t}\n\n\t@Watch('_autoComplete')\n\tpublic validateAutoComplete(value?: InputTypeOnOff): void {\n\t\tthis.controller.validateAutoComplete(value);\n\t}\n\n\t@Watch('_disabled')\n\tpublic validateDisabled(value?: boolean): void {\n\t\tthis.controller.validateDisabled(value);\n\t}\n\n\t@Watch('_error')\n\tpublic validateError(value?: string): void {\n\t\tthis.controller.validateError(value);\n\t}\n\n\t@Watch('_hasCounter')\n\tpublic validateHasCounter(value?: boolean): void {\n\t\tthis.controller.validateHasCounter(value);\n\t}\n\n\t@Watch('_hideError')\n\tpublic validateHideError(value?: HideErrorPropType): void {\n\t\tthis.controller.validateHideError(value);\n\t}\n\n\t@Watch('_hideLabel')\n\tpublic validateHideLabel(value?: boolean): void {\n\t\tthis.controller.validateHideLabel(value);\n\t}\n\n\t@Watch('_hint')\n\tpublic validateHint(value?: string): void {\n\t\tthis.controller.validateHint(value);\n\t}\n\n\t@Watch('_icons')\n\tpublic validateIcons(value?: Stringified<KoliBriHorizontalIcons>): void {\n\t\tthis.controller.validateIcons(value);\n\t}\n\n\t@Watch('_id')\n\tpublic validateId(value?: string): void {\n\t\tthis.controller.validateId(value);\n\t}\n\n\t@Watch('_label')\n\tpublic validateLabel(value?: LabelWithExpertSlotPropType): void {\n\t\tthis.controller.validateLabel(value);\n\t}\n\n\t@Watch('_maxLength')\n\tpublic validateMaxLength(value?: number): void {\n\t\tthis.controller.validateMaxLength(value);\n\t}\n\n\t@Watch('_msg')\n\tpublic validateMsg(value?: Stringified<MsgPropType>): void {\n\t\tthis.controller.validateMsg(value);\n\t}\n\n\t@Watch('_name')\n\tpublic validateName(value?: string): void {\n\t\tthis.controller.validateName(value);\n\t}\n\n\t@Watch('_on')\n\tpublic validateOn(value?: InputTypeOnDefault): void {\n\t\tthis.controller.validateOn(value);\n\t}\n\n\t@Watch('_pattern')\n\tpublic validatePattern(value?: string): void {\n\t\tthis.controller.validatePattern(value);\n\t}\n\n\t@Watch('_placeholder')\n\tpublic validatePlaceholder(value?: string): void {\n\t\tthis.controller.validatePlaceholder(value);\n\t}\n\n\t@Watch('_readOnly')\n\tpublic validateReadOnly(value?: boolean): void {\n\t\tthis.controller.validateReadOnly(value);\n\t}\n\n\t@Watch('_required')\n\tpublic validateRequired(value?: boolean): void {\n\t\tthis.controller.validateRequired(value);\n\t}\n\n\t@Watch('_shortKey')\n\tpublic validateShortKey(value?: ShortKeyPropType): void {\n\t\tthis.controller.validateShortKey(value);\n\t}\n\n\t@Watch('_spellCheck')\n\tpublic validateSpellCheck(value?: SpellCheckPropType): void {\n\t\tthis.controller.validateSpellCheck(value);\n\t}\n\n\t@Watch('_suggestions')\n\tpublic validateSuggestions(value?: SuggestionsPropType): void {\n\t\tthis.controller.validateSuggestions(value);\n\t}\n\n\t@Watch('_smartButton')\n\tpublic validateSmartButton(value?: ButtonProps | string): void {\n\t\tthis.controller.validateSmartButton(value);\n\t}\n\n\t@Watch('_syncValueBySelector')\n\tpublic validateSyncValueBySelector(value?: SyncValueBySelectorPropType): void {\n\t\tthis.controller.validateSyncValueBySelector(value);\n\t}\n\n\t@Watch('_tabIndex')\n\tpublic validateTabIndex(value?: number): void {\n\t\tthis.controller.validateTabIndex(value);\n\t}\n\n\t@Watch('_touched')\n\tpublic validateTouched(value?: boolean): void {\n\t\tthis.controller.validateTouched(value);\n\t}\n\n\t@Watch('_type')\n\tpublic validateType(value?: InputTextType): void {\n\t\tthis.controller.validateType(value);\n\t}\n\n\t@Watch('_value')\n\tpublic validateValue(value?: string): void {\n\t\tthis.controller.validateValue(value);\n\t\tthis.oldValue = value;\n\t}\n\n\tpublic componentWillLoad(): void {\n\t\tthis._touched = this._touched === true;\n\t\tthis.oldValue = this._value;\n\t\tthis.controller.componentWillLoad();\n\n\t\tthis.state._hasValue = !!this.state._value;\n\t\tthis.controller.addValueChangeListener((v) => (this.state._hasValue = !!v));\n\t}\n}\n"],"mappings":";;;k+BAeO,MAAMA,EAAgB,CAACC,EAAsCC,KACnEC,EAAaF,EAAW,SAAUC,EAAM,EChBzC,MAAME,EAAkB,uxPACxB,MAAAC,EAAeD,E,MC6CFE,EAAY,MAgCjB,cAAMC,G,MACZ,OAAOC,EAAAC,KAAKC,YAAQ,MAAAF,SAAA,SAAAA,EAAEN,K,CAOhB,WAAMS,SACNF,KAAKG,U,CAKL,cAAMA,G,OACZJ,EAAAC,KAAKC,YAAQ,MAAAF,SAAA,SAAAA,EAAEG,O,CAGT,MAAAE,GACN,MAAMC,gBAAEA,GAAoBC,EAAgBN,KAAKO,OACjD,MAAMC,EAAiBC,MAAMC,QAAQV,KAAKO,MAAMI,eAAiBX,KAAKO,MAAMI,aAAaC,OAAS,EAClG,MAAMC,EAAgBC,EAAed,KAAKO,MAAMQ,QAEhD,OACCC,EAACC,EAAI,CAAAC,IAAA,2CACJC,MAAO,CACN,YAAanB,KAAKO,MAAMa,UACxB,iBAAkB,OAGnBJ,EAACK,EAAW,CAAAH,IAAA,2CACXC,MAAO,CACN,CAACnB,KAAKO,MAAMe,OAAQ,KACpB,eAAgBtB,KAAKO,MAAMgB,YAE5BC,WAAYxB,KAAKO,MAAMiB,WACvBC,OAAQzB,KAAK0B,cACbC,eAAgB3B,KAAKO,MAAMoB,eAC3BC,UAAW5B,KAAKO,MAAMqB,UACtBC,YAAa7B,KAAKO,MAAMsB,YACxBC,WAAY9B,KAAKO,MAAMuB,WACvBP,WAAYvB,KAAKO,MAAMgB,WACvBQ,MAAO/B,KAAKO,MAAMwB,MAClBC,OAAQhC,KAAKO,MAAMyB,OACnBC,IAAKjC,KAAKO,MAAM0B,IAChBlB,OAAQf,KAAKO,MAAMQ,OACnBmB,WAAYlC,KAAKO,MAAM2B,WACvBC,KAAMnC,KAAKO,MAAM4B,KACjBC,UAAWpC,KAAKO,MAAM6B,UACtBC,UAAWrC,KAAKO,MAAM8B,UACtBC,UAAWtC,KAAKO,MAAM+B,UACtBC,aAAcvC,KAAKO,MAAMgC,aACzB5B,aAAcX,KAAKO,MAAMI,aACzB6B,cAAexC,KAAKwC,cACpBC,SAAUzC,KAAKO,MAAMkC,SACrBC,QAAS,SAAA3C,EAAM,OAAAA,EAAAC,KAAKC,YAAQ,MAAAF,SAAA,SAAAA,EAAEG,OAAO,EACrCyC,KAAM,gBAEN3B,EAAA,QAAAE,IAAA,2CAAM0B,KAAK,SACT/B,EACAG,EAAA,QAAM6B,KAAK,kBACD7C,KAAKO,MAAMiB,aAAe,iBAAmBxB,KAAKO,MAAM+B,YAAc,SAChFtB,EAAA8B,EAAA,KACC9B,EAAC+B,EAA2B,CAACC,UAAWC,EAAqBjD,KAAKO,MAAMiB,WAAYxB,KAAKO,MAAM+B,WAAYY,MAAOlD,KAAKO,MAAMQ,SAAW,IACxIC,EAAA,QAAMG,MAAM,kBAAiB,cAAa,QACxC8B,EAAqBjD,KAAKO,MAAMiB,WAAYxB,KAAKO,MAAM+B,aAI1DtB,EAAA,YAAOhB,KAAKO,MAAMQ,SAGpBC,EAAA,OAAAE,IAAA,2CAAK0B,KAAK,SACT5B,EAAA,QAAAmC,OAAAC,OAAA,CAAAlC,IAAA,2CACCmC,IAAKrD,KAAKsD,SACVC,MAAM,GACNC,UAAWxD,KAAKO,MAAMiB,WAAU,mBACdnB,EAAgBO,OAAS,EAAIP,EAAgBoD,KAAK,KAAOC,UAAS,aACxE1D,KAAKO,MAAMgB,mBAAqBvB,KAAKO,MAAMQ,SAAW,SAAWf,KAAKO,MAAMQ,OAAS2C,UACjGC,eAAe,MACfC,aAAc5D,KAAKO,MAAMsD,cACzBC,YAAY,MACZC,SAAU/D,KAAKO,MAAMqB,UACrBoC,GAAIhE,KAAKO,MAAM0B,IACfgC,KAAMzD,EAAiB,GAAGR,KAAKO,MAAM0B,WAAayB,UAClDQ,UAAWlE,KAAKO,MAAM2B,WACtBW,KAAM7C,KAAKO,MAAM4D,MACjBC,QAASpE,KAAKO,MAAM8D,SACpBC,YAAatE,KAAKO,MAAMgE,aACxBC,SAAUxE,KAAKO,MAAM6B,UACrBqC,SAAUzE,KAAKO,MAAM8B,UACrBqC,WAAY1E,KAAKO,MAAMoE,YACvBC,KAAM5E,KAAKO,MAAMe,MACjB7B,MAAOO,KAAKO,MAAMsE,QACd7E,KAAK8E,WAAWC,SAAQ,CAC5BC,SAAUhF,KAAKgF,SACfC,QAASjF,KAAKiF,QACdC,UAAWlF,KAAKkF,UAChBC,QAAUC,IACTpF,KAAK8E,WAAWC,SAASI,QAAQC,GACjCpF,KAAKqF,cAAgB,IAAI,EAE1BC,OAASF,IACRpF,KAAK8E,WAAWC,SAASO,OAAOF,GAChCpF,KAAKqF,cAAgB,KAAK,O,CAyLjC,WAAAE,CAAAC,G,UA5TiBxF,KAAAsD,SAAYD,IAC5BrD,KAAKC,SAAWoD,CAAG,EAGHrD,KAAAgF,SAAYI,I,QAC5B,GAAIpF,KAAKyF,aAAa1F,EAAAC,KAAKC,YAAQ,MAAAF,SAAA,SAAAA,EAAEN,OAAO,CAC3CO,KAAKyF,UAAWC,EAAA1F,KAAKC,YAAQ,MAAAyF,SAAA,SAAAA,EAAEjG,MAC/BO,KAAK8E,WAAWC,SAASC,SAASI,E,GAInBpF,KAAAiF,QAAWG,IAC3BO,EAAS3F,KAAM,iBAAmBoF,EAAMQ,OAA4BnG,MAAMmB,QAC1EZ,KAAK8E,WAAWC,SAASE,QAAQG,EAAM,EAGvBpF,KAAAkF,UAAaE,IAC7B,GAAIA,EAAMS,OAAS,SAAWT,EAAMS,OAAS,cAAe,CAC3DC,EAA2B,CAC1BC,KAAM/F,KAAKgG,KACX3C,IAAKrD,KAAKC,U,+FA8IwB,M,uCAYE,M,gBAM+B,M,gBAOhC,M,WAKN,G,wNAmDK,M,eAMA,M,4LAoCiB,M,cAMc,M,WAK7B,O,iCAOE,CACxC4D,cAAe,MACflC,eAAgB,EAChBP,UAAW,MACXU,WAAY,MACZG,IAAK,MAAMgE,MACXlF,OAAQ,GACRJ,aAAc,GACdW,MAAO,Q,mBAGyB,MAGhCtB,KAAK8E,WAAa,IAAIoB,EAAoBlG,KAAM,OAAQA,KAAKgG,K,CAGtD,WAAAtE,GACP,GAAI1B,KAAKO,MAAMkB,SAAWiC,UAAW,CACpC,OAAOyC,QAAQnG,KAAKO,MAAMkC,YAAczC,KAAKqF,a,CAE9C,OAAOrF,KAAKO,MAAMkB,M,CAIZ,iBAAA2E,CAAkB3G,GACxBO,KAAK8E,WAAWsB,kBAAkB3G,E,CAI5B,aAAAF,CAAcE,GACpBF,EAAcS,KAAMP,E,CAId,oBAAA4G,CAAqB5G,GAC3BO,KAAK8E,WAAWuB,qBAAqB5G,E,CAI/B,gBAAA6G,CAAiB7G,GACvBO,KAAK8E,WAAWwB,iBAAiB7G,E,CAI3B,aAAA8G,CAAc9G,GACpBO,KAAK8E,WAAWyB,cAAc9G,E,CAIxB,kBAAA+G,CAAmB/G,GACzBO,KAAK8E,WAAW0B,mBAAmB/G,E,CAI7B,iBAAAgH,CAAkBhH,GACxBO,KAAK8E,WAAW2B,kBAAkBhH,E,CAI5B,iBAAAiH,CAAkBjH,GACxBO,KAAK8E,WAAW4B,kBAAkBjH,E,CAI5B,YAAAkH,CAAalH,GACnBO,KAAK8E,WAAW6B,aAAalH,E,CAIvB,aAAAmH,CAAcnH,GACpBO,KAAK8E,WAAW8B,cAAcnH,E,CAIxB,UAAAoH,CAAWpH,GACjBO,KAAK8E,WAAW+B,WAAWpH,E,CAIrB,aAAAqH,CAAcrH,GACpBO,KAAK8E,WAAWgC,cAAcrH,E,CAIxB,iBAAAsH,CAAkBtH,GACxBO,KAAK8E,WAAWiC,kBAAkBtH,E,CAI5B,WAAAuH,CAAYvH,GAClBO,KAAK8E,WAAWkC,YAAYvH,E,CAItB,YAAAwH,CAAaxH,GACnBO,KAAK8E,WAAWmC,aAAaxH,E,CAIvB,UAAAyH,CAAWzH,GACjBO,KAAK8E,WAAWoC,WAAWzH,E,CAIrB,eAAA0H,CAAgB1H,GACtBO,KAAK8E,WAAWqC,gBAAgB1H,E,CAI1B,mBAAA2H,CAAoB3H,GAC1BO,KAAK8E,WAAWsC,oBAAoB3H,E,CAI9B,gBAAA4H,CAAiB5H,GACvBO,KAAK8E,WAAWuC,iBAAiB5H,E,CAI3B,gBAAA6H,CAAiB7H,GACvBO,KAAK8E,WAAWwC,iBAAiB7H,E,CAI3B,gBAAA8H,CAAiB9H,GACvBO,KAAK8E,WAAWyC,iBAAiB9H,E,CAI3B,kBAAA+H,CAAmB/H,GACzBO,KAAK8E,WAAW0C,mBAAmB/H,E,CAI7B,mBAAAgI,CAAoBhI,GAC1BO,KAAK8E,WAAW2C,oBAAoBhI,E,CAI9B,mBAAAiI,CAAoBjI,GAC1BO,KAAK8E,WAAW4C,oBAAoBjI,E,CAI9B,2BAAAkI,CAA4BlI,GAClCO,KAAK8E,WAAW6C,4BAA4BlI,E,CAItC,gBAAAmI,CAAiBnI,GACvBO,KAAK8E,WAAW8C,iBAAiBnI,E,CAI3B,eAAAoI,CAAgBpI,GACtBO,KAAK8E,WAAW+C,gBAAgBpI,E,CAI1B,YAAAqI,CAAarI,GACnBO,KAAK8E,WAAWgD,aAAarI,E,CAIvB,aAAAsI,CAActI,GACpBO,KAAK8E,WAAWiD,cAActI,GAC9BO,KAAKyF,SAAWhG,C,CAGV,iBAAAuI,GACNhI,KAAKyC,SAAWzC,KAAKyC,WAAa,KAClCzC,KAAKyF,SAAWzF,KAAK6E,OACrB7E,KAAK8E,WAAWkD,oBAEhBhI,KAAKO,MAAMa,YAAcpB,KAAKO,MAAMsE,OACpC7E,KAAK8E,WAAWmD,wBAAwBC,GAAOlI,KAAKO,MAAMa,YAAc8G,G","ignoreList":[]}
+{"version":3,"names":["validateAlert","component","value","watchBoolean","defaultStyleCss","KolInputTextDefaultStyle0","KolInputText","getValue","_a","this","inputRef","focus","kolFocus","render","ariaDescribedBy","getRenderStates","state","hasSuggestions","Array","isArray","_suggestions","length","hasExpertSlot","showExpertSlot","_label","h","Host","key","class","_hasValue","KolInputTag","_type","_hideLabel","_accessKey","_alert","showAsAlert","_currentLength","_disabled","_hasCounter","_hideError","_hint","_icons","_id","_maxLength","_msg","_readOnly","_required","_shortKey","_smartButton","_tooltipAlign","_touched","onClick","role","slot","name","Fragment","InternalUnderlinedBadgeText","badgeText","buildBadgeTextString","label","Object","assign","ref","catchRef","title","accessKey","join","undefined","autoCapitalize","autoComplete","_autoComplete","autoCorrect","disabled","id","list","maxlength","_name","pattern","_pattern","placeholder","_placeholder","readOnly","required","spellcheck","_spellCheck","type","_value","controller","onFacade","onChange","onInput","onKeyDown","onFocus","event","inputHasFocus","onBlur","constructor","hostRef","oldValue","_b","setState","target","code","propagateSubmitEventToForm","form","host","nonce","InputTextController","Boolean","validateAccessKey","validateAutoComplete","validateDisabled","validateError","validateHasCounter","validateHideError","validateHideLabel","validateHint","validateIcons","validateId","validateLabel","validateMaxLength","validateMsg","validateName","validateOn","validatePattern","validatePlaceholder","validateReadOnly","validateRequired","validateShortKey","validateSpellCheck","validateSuggestions","validateSmartButton","validateSyncValueBySelector","validateTabIndex","validateTouched","validateType","validateValue","componentWillLoad","addValueChangeListener","v"],"sources":["src/schema/props/alert.ts","src/components/input-text/style.scss?tag=kol-input-text&mode=default&encapsulation=shadow","src/components/input-text/shadow.tsx"],"sourcesContent":["import type { Generic } from 'adopted-style-sheets';\n\nimport { watchBoolean } from '../utils';\n\n/* types */\nexport type AlertPropType = boolean;\n\n/**\n * Defines whether the screen-readers should read out the notification.\n */\nexport type PropAlert = {\n\talert: AlertPropType;\n};\n\n/* validator */\nexport const validateAlert = (component: Generic.Element.Component, value?: AlertPropType): void => {\n\twatchBoolean(component, '_alert', value);\n};\n","@import '../@shared/mixins';\n@import '../style';\n@import '../input-line';\n\n@include kol-alert-styles;\n\n@layer kol-component {\n\t:host {\n\t\tfont-size: rem(16);\n\t}\n}\n","import type {\n\tAccessKeyPropType,\n\tAlertPropType,\n\tButtonProps,\n\tFocusableElement,\n\tHideErrorPropType,\n\tIdPropType,\n\tInputTextAPI,\n\tInputTextStates,\n\tInputTextType,\n\tInputTypeOnDefault,\n\tInputTypeOnOff,\n\tKoliBriHorizontalIcons,\n\tLabelWithExpertSlotPropType,\n\tMsgPropType,\n\tNamePropType,\n\tShortKeyPropType,\n\tSpellCheckPropType,\n\tStringified,\n\tSuggestionsPropType,\n\tSyncValueBySelectorPropType,\n\tTooltipAlignPropType,\n} from '../../schema';\nimport { buildBadgeTextString, setState, showExpertSlot, validateAlert } from '../../schema';\nimport type { JSX } from '@stencil/core';\nimport { Component, Element, Fragment, h, Host, Method, Prop, State, Watch } from '@stencil/core';\n\nimport { nonce } from '../../utils/dev.utils';\nimport { propagateSubmitEventToForm } from '../form/controller';\nimport { getRenderStates } from '../input/controller';\nimport { InternalUnderlinedBadgeText } from '../../functional-components';\nimport { InputTextController } from './controller';\nimport { KolInputTag } from '../../core/component-names';\n\n/**\n * @slot - Die Beschriftung des Eingabefeldes.\n */\n@Component({\n\ttag: 'kol-input-text',\n\tstyleUrls: {\n\t\tdefault: './style.scss',\n\t},\n\tshadow: {\n\t\tdelegatesFocus: true,\n\t},\n})\nexport class KolInputText implements InputTextAPI, FocusableElement {\n\t@Element() private readonly host?: HTMLKolInputTextElement;\n\tprivate inputRef?: HTMLInputElement;\n\tprivate oldValue?: string;\n\n\tprivate readonly catchRef = (ref?: HTMLInputElement) => {\n\t\tthis.inputRef = ref;\n\t};\n\n\tprivate readonly onChange = (event: Event) => {\n\t\tif (this.oldValue !== this.inputRef?.value) {\n\t\t\tthis.oldValue = this.inputRef?.value;\n\t\t\tthis.controller.onFacade.onChange(event);\n\t\t}\n\t};\n\n\tprivate readonly onInput = (event: InputEvent) => {\n\t\tsetState(this, '_currentLength', (event.target as HTMLInputElement).value.length);\n\t\tthis.controller.onFacade.onInput(event);\n\t};\n\n\tprivate readonly onKeyDown = (event: KeyboardEvent) => {\n\t\tif (event.code === 'Enter' || event.code === 'NumpadEnter') {\n\t\t\tpropagateSubmitEventToForm({\n\t\t\t\tform: this.host,\n\t\t\t\tref: this.inputRef,\n\t\t\t});\n\t\t}\n\t};\n\n\t@Method()\n\t// eslint-disable-next-line @typescript-eslint/require-await\n\tpublic async getValue(): Promise<string | undefined> {\n\t\treturn this.inputRef?.value;\n\t}\n\n\t/**\n\t * @deprecated Use kolFocus instead.\n\t */\n\t@Method()\n\tpublic async focus() {\n\t\tawait this.kolFocus();\n\t}\n\n\t@Method()\n\t// eslint-disable-next-line @typescript-eslint/require-await\n\tpublic async kolFocus() {\n\t\tthis.inputRef?.focus();\n\t}\n\n\tpublic render(): JSX.Element {\n\t\tconst { ariaDescribedBy } = getRenderStates(this.state);\n\t\tconst hasSuggestions = Array.isArray(this.state._suggestions) && this.state._suggestions.length > 0;\n\t\tconst hasExpertSlot = showExpertSlot(this.state._label);\n\n\t\treturn (\n\t\t\t<Host\n\t\t\t\tclass={{\n\t\t\t\t\t'has-value': this.state._hasValue,\n\t\t\t\t\t'kol-input-text': true,\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t<KolInputTag\n\t\t\t\t\tclass={{\n\t\t\t\t\t\t[this.state._type]: true,\n\t\t\t\t\t\t'hide-label': !!this.state._hideLabel,\n\t\t\t\t\t}}\n\t\t\t\t\t_accessKey={this.state._accessKey}\n\t\t\t\t\t_alert={this.showAsAlert()}\n\t\t\t\t\t_currentLength={this.state._currentLength}\n\t\t\t\t\t_disabled={this.state._disabled}\n\t\t\t\t\t_hasCounter={this.state._hasCounter}\n\t\t\t\t\t_hideError={this.state._hideError}\n\t\t\t\t\t_hideLabel={this.state._hideLabel}\n\t\t\t\t\t_hint={this.state._hint}\n\t\t\t\t\t_icons={this.state._icons}\n\t\t\t\t\t_id={this.state._id}\n\t\t\t\t\t_label={this.state._label}\n\t\t\t\t\t_maxLength={this.state._maxLength}\n\t\t\t\t\t_msg={this.state._msg}\n\t\t\t\t\t_readOnly={this.state._readOnly}\n\t\t\t\t\t_required={this.state._required}\n\t\t\t\t\t_shortKey={this.state._shortKey}\n\t\t\t\t\t_smartButton={this.state._smartButton}\n\t\t\t\t\t_suggestions={this.state._suggestions}\n\t\t\t\t\t_tooltipAlign={this._tooltipAlign}\n\t\t\t\t\t_touched={this.state._touched}\n\t\t\t\t\tonClick={() => this.inputRef?.focus()}\n\t\t\t\t\trole={`presentation` /* Avoid element being read as 'clickable' in NVDA */}\n\t\t\t\t>\n\t\t\t\t\t<span slot=\"label\">\n\t\t\t\t\t\t{hasExpertSlot ? (\n\t\t\t\t\t\t\t<slot name=\"expert\"></slot>\n\t\t\t\t\t\t) : typeof this.state._accessKey === 'string' || typeof this.state._shortKey === 'string' ? (\n\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t<InternalUnderlinedBadgeText badgeText={buildBadgeTextString(this.state._accessKey, this.state._shortKey)} label={this.state._label} />{' '}\n\t\t\t\t\t\t\t\t<span class=\"access-key-hint\" aria-hidden=\"true\">\n\t\t\t\t\t\t\t\t\t{buildBadgeTextString(this.state._accessKey, this.state._shortKey)}\n\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t</>\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t<span>{this.state._label}</span>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</span>\n\t\t\t\t\t<div slot=\"input\">\n\t\t\t\t\t\t<input\n\t\t\t\t\t\t\tref={this.catchRef}\n\t\t\t\t\t\t\ttitle=\"\"\n\t\t\t\t\t\t\taccessKey={this.state._accessKey}\n\t\t\t\t\t\t\taria-describedby={ariaDescribedBy.length > 0 ? ariaDescribedBy.join(' ') : undefined}\n\t\t\t\t\t\t\taria-label={this.state._hideLabel && typeof this.state._label === 'string' ? this.state._label : undefined}\n\t\t\t\t\t\t\tautoCapitalize=\"off\"\n\t\t\t\t\t\t\tautoComplete={this.state._autoComplete}\n\t\t\t\t\t\t\tautoCorrect=\"off\"\n\t\t\t\t\t\t\tdisabled={this.state._disabled}\n\t\t\t\t\t\t\tid={this.state._id}\n\t\t\t\t\t\t\tlist={hasSuggestions ? `${this.state._id}-list` : undefined}\n\t\t\t\t\t\t\tmaxlength={this.state._maxLength}\n\t\t\t\t\t\t\tname={this.state._name}\n\t\t\t\t\t\t\tpattern={this.state._pattern}\n\t\t\t\t\t\t\tplaceholder={this.state._placeholder}\n\t\t\t\t\t\t\treadOnly={this.state._readOnly}\n\t\t\t\t\t\t\trequired={this.state._required}\n\t\t\t\t\t\t\tspellcheck={this.state._spellCheck}\n\t\t\t\t\t\t\ttype={this.state._type}\n\t\t\t\t\t\t\tvalue={this.state._value as string}\n\t\t\t\t\t\t\t{...this.controller.onFacade}\n\t\t\t\t\t\t\tonChange={this.onChange}\n\t\t\t\t\t\t\tonInput={this.onInput}\n\t\t\t\t\t\t\tonKeyDown={this.onKeyDown}\n\t\t\t\t\t\t\tonFocus={(event) => {\n\t\t\t\t\t\t\t\tthis.controller.onFacade.onFocus(event);\n\t\t\t\t\t\t\t\tthis.inputHasFocus = true;\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\tonBlur={(event) => {\n\t\t\t\t\t\t\t\tthis.controller.onFacade.onBlur(event);\n\t\t\t\t\t\t\t\tthis.inputHasFocus = false;\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</div>\n\t\t\t\t</KolInputTag>\n\t\t\t</Host>\n\t\t);\n\t}\n\n\tprivate readonly controller: InputTextController;\n\n\t/**\n\t * Defines which key combination can be used to trigger or focus the interactive element of the component.\n\t */\n\t@Prop() public _accessKey?: AccessKeyPropType;\n\n\t/**\n\t * Defines whether the screen-readers should read out the notification.\n\t * @deprecated Will be removed in v3. Use automatic behaviour instead.\n\t */\n\t@Prop({ mutable: true, reflect: true }) public _alert?: boolean;\n\n\t/**\n\t * Defines whether the input can be auto-completed.\n\t */\n\t@Prop() public _autoComplete?: InputTypeOnOff;\n\n\t/**\n\t * Makes the element not focusable and ignore all events.\n\t * @TODO: Change type back to `DisabledPropType` after Stencil#4663 has been resolved.\n\t */\n\t@Prop() public _disabled?: boolean = false;\n\n\t/**\n\t * Defines the error message text.\n\t * @deprecated Will be removed in v3. Use `msg` instead.\n\t */\n\t@Prop() public _error?: string;\n\n\t/**\n\t * Shows the character count on the lower border of the input.\n\t * @TODO: Change type back to `HasCounterPropType` after Stencil#4663 has been resolved.\n\t */\n\t@Prop() public _hasCounter?: boolean = false;\n\n\t/**\n\t * Hides the error message but leaves it in the DOM for the input's aria-describedby.\n\t * @TODO: Change type back to `HideErrorPropType` after Stencil#4663 has been resolved.\n\t */\n\t@Prop({ mutable: true, reflect: true }) public _hideError?: boolean = false;\n\n\t/**\n\t * Hides the caption by default and displays the caption text with a tooltip when the\n\t * interactive element is focused or the mouse is over it.\n\t * @TODO: Change type back to `HideLabelPropType` after Stencil#4663 has been resolved.\n\t */\n\t@Prop() public _hideLabel?: boolean = false;\n\n\t/**\n\t * Defines the hint text.\n\t */\n\t@Prop() public _hint?: string = '';\n\n\t/**\n\t * Defines the icon classnames (e.g. `_icons=\"fa-solid fa-user\"`).\n\t */\n\t@Prop() public _icons?: Stringified<KoliBriHorizontalIcons>;\n\n\t/**\n\t * Defines the internal ID of the primary component element.\n\t */\n\t@Prop() public _id?: IdPropType;\n\n\t/**\n\t * Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.). Set to `false` to enable the expert slot.\n\t */\n\t@Prop() public _label!: LabelWithExpertSlotPropType;\n\n\t/**\n\t * Defines the maximum number of input characters.\n\t */\n\t@Prop() public _maxLength?: number;\n\n\t/**\n\t * Defines the properties for a message rendered as Alert component.\n\t */\n\t@Prop() public _msg?: Stringified<MsgPropType>;\n\n\t/**\n\t * Defines the technical name of an input field.\n\t */\n\t@Prop() public _name?: NamePropType;\n\n\t/**\n\t * Gibt die EventCallback-Funktionen für das Input-Event an.\n\t */\n\t@Prop() public _on?: InputTypeOnDefault;\n\n\t/**\n\t * Defines a validation pattern for the input field.\n\t */\n\t@Prop() public _pattern?: string;\n\n\t/**\n\t * Defines the placeholder for input field. To be shown when there's no value.\n\t */\n\t@Prop() public _placeholder?: string;\n\n\t/**\n\t * Makes the input element read only.\n\t * @TODO: Change type back to `ReadOnlyPropType` after Stencil#4663 has been resolved.\n\t */\n\t@Prop() public _readOnly?: boolean = false;\n\n\t/**\n\t * Makes the input element required.\n\t * @TODO: Change type back to `RequiredPropType` after Stencil#4663 has been resolved.\n\t */\n\t@Prop() public _required?: boolean = false;\n\n\t/**\n\t * Adds a visual short key hint to the component.\n\t */\n\t@Prop() public _shortKey?: ShortKeyPropType;\n\n\t/**\n\t * Defines whether the browser should check the spelling and grammar.\n\t */\n\t@Prop() public _spellCheck?: SpellCheckPropType;\n\n\t/**\n\t * Suggestions to provide for the input.\n\t */\n\t@Prop() public _suggestions?: SuggestionsPropType;\n\n\t/**\n\t * Allows to add a button with an arbitrary action within the element (_hide-label only).\n\t */\n\t@Prop() public _smartButton?: Stringified<ButtonProps>;\n\n\t/**\n\t * Selector for synchronizing the value with another input element.\n\t * @internal\n\t */\n\t@Prop() public _syncValueBySelector?: SyncValueBySelectorPropType;\n\n\t/**\n\t * Defines which tab-index the primary element of the component has. (https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex)\n\t */\n\t@Prop() public _tabIndex?: number;\n\n\t/**\n\t * Defines where to show the Tooltip preferably: top, right, bottom or left.\n\t */\n\t@Prop() public _tooltipAlign?: TooltipAlignPropType = 'top';\n\n\t/**\n\t * Shows if the input was touched by a user.\n\t * @TODO: Change type back to `TouchedPropType` after Stencil#4663 has been resolved.\n\t */\n\t@Prop({ mutable: true, reflect: true }) public _touched?: boolean = false;\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?: InputTextType = 'text';\n\n\t/**\n\t * Defines the value of the input.\n\t */\n\t@Prop({ mutable: true }) public _value?: string;\n\n\t@State() public state: InputTextStates = {\n\t\t_autoComplete: 'off',\n\t\t_currentLength: 0,\n\t\t_hasValue: false,\n\t\t_hideError: false,\n\t\t_id: `id-${nonce()}`,\n\t\t_label: '', // ⚠ required\n\t\t_suggestions: [],\n\t\t_type: 'text',\n\t};\n\n\t@State() private inputHasFocus = false;\n\n\tpublic constructor() {\n\t\tthis.controller = new InputTextController(this, 'text', this.host);\n\t}\n\n\tprivate showAsAlert(): boolean {\n\t\tif (this.state._alert === undefined) {\n\t\t\treturn Boolean(this.state._touched) && !this.inputHasFocus;\n\t\t}\n\t\treturn this.state._alert;\n\t}\n\n\t@Watch('_accessKey')\n\tpublic validateAccessKey(value?: AccessKeyPropType): void {\n\t\tthis.controller.validateAccessKey(value);\n\t}\n\n\t@Watch('_alert')\n\tpublic validateAlert(value?: AlertPropType): void {\n\t\tvalidateAlert(this, value);\n\t}\n\n\t@Watch('_autoComplete')\n\tpublic validateAutoComplete(value?: InputTypeOnOff): void {\n\t\tthis.controller.validateAutoComplete(value);\n\t}\n\n\t@Watch('_disabled')\n\tpublic validateDisabled(value?: boolean): void {\n\t\tthis.controller.validateDisabled(value);\n\t}\n\n\t@Watch('_error')\n\tpublic validateError(value?: string): void {\n\t\tthis.controller.validateError(value);\n\t}\n\n\t@Watch('_hasCounter')\n\tpublic validateHasCounter(value?: boolean): void {\n\t\tthis.controller.validateHasCounter(value);\n\t}\n\n\t@Watch('_hideError')\n\tpublic validateHideError(value?: HideErrorPropType): void {\n\t\tthis.controller.validateHideError(value);\n\t}\n\n\t@Watch('_hideLabel')\n\tpublic validateHideLabel(value?: boolean): void {\n\t\tthis.controller.validateHideLabel(value);\n\t}\n\n\t@Watch('_hint')\n\tpublic validateHint(value?: string): void {\n\t\tthis.controller.validateHint(value);\n\t}\n\n\t@Watch('_icons')\n\tpublic validateIcons(value?: Stringified<KoliBriHorizontalIcons>): void {\n\t\tthis.controller.validateIcons(value);\n\t}\n\n\t@Watch('_id')\n\tpublic validateId(value?: string): void {\n\t\tthis.controller.validateId(value);\n\t}\n\n\t@Watch('_label')\n\tpublic validateLabel(value?: LabelWithExpertSlotPropType): void {\n\t\tthis.controller.validateLabel(value);\n\t}\n\n\t@Watch('_maxLength')\n\tpublic validateMaxLength(value?: number): void {\n\t\tthis.controller.validateMaxLength(value);\n\t}\n\n\t@Watch('_msg')\n\tpublic validateMsg(value?: Stringified<MsgPropType>): void {\n\t\tthis.controller.validateMsg(value);\n\t}\n\n\t@Watch('_name')\n\tpublic validateName(value?: string): void {\n\t\tthis.controller.validateName(value);\n\t}\n\n\t@Watch('_on')\n\tpublic validateOn(value?: InputTypeOnDefault): void {\n\t\tthis.controller.validateOn(value);\n\t}\n\n\t@Watch('_pattern')\n\tpublic validatePattern(value?: string): void {\n\t\tthis.controller.validatePattern(value);\n\t}\n\n\t@Watch('_placeholder')\n\tpublic validatePlaceholder(value?: string): void {\n\t\tthis.controller.validatePlaceholder(value);\n\t}\n\n\t@Watch('_readOnly')\n\tpublic validateReadOnly(value?: boolean): void {\n\t\tthis.controller.validateReadOnly(value);\n\t}\n\n\t@Watch('_required')\n\tpublic validateRequired(value?: boolean): void {\n\t\tthis.controller.validateRequired(value);\n\t}\n\n\t@Watch('_shortKey')\n\tpublic validateShortKey(value?: ShortKeyPropType): void {\n\t\tthis.controller.validateShortKey(value);\n\t}\n\n\t@Watch('_spellCheck')\n\tpublic validateSpellCheck(value?: SpellCheckPropType): void {\n\t\tthis.controller.validateSpellCheck(value);\n\t}\n\n\t@Watch('_suggestions')\n\tpublic validateSuggestions(value?: SuggestionsPropType): void {\n\t\tthis.controller.validateSuggestions(value);\n\t}\n\n\t@Watch('_smartButton')\n\tpublic validateSmartButton(value?: ButtonProps | string): void {\n\t\tthis.controller.validateSmartButton(value);\n\t}\n\n\t@Watch('_syncValueBySelector')\n\tpublic validateSyncValueBySelector(value?: SyncValueBySelectorPropType): void {\n\t\tthis.controller.validateSyncValueBySelector(value);\n\t}\n\n\t@Watch('_tabIndex')\n\tpublic validateTabIndex(value?: number): void {\n\t\tthis.controller.validateTabIndex(value);\n\t}\n\n\t@Watch('_touched')\n\tpublic validateTouched(value?: boolean): void {\n\t\tthis.controller.validateTouched(value);\n\t}\n\n\t@Watch('_type')\n\tpublic validateType(value?: InputTextType): void {\n\t\tthis.controller.validateType(value);\n\t}\n\n\t@Watch('_value')\n\tpublic validateValue(value?: string): void {\n\t\tthis.controller.validateValue(value);\n\t\tthis.oldValue = value;\n\t}\n\n\tpublic componentWillLoad(): void {\n\t\tthis._touched = this._touched === true;\n\t\tthis.oldValue = this._value;\n\t\tthis.controller.componentWillLoad();\n\n\t\tthis.state._hasValue = !!this.state._value;\n\t\tthis.controller.addValueChangeListener((v) => (this.state._hasValue = !!v));\n\t}\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{r as i,h as t,F as s,H as e,g as a}from"./index-10e4924f.js";import{c as d}from"./clsx-09a06a12.js";import{t as l}from"./i18n-5fe08f1c.js";import{a as o,g as n,c as h}from"./component-names-d278f819.js";import{h as f,s as c}from"./reuse-32931294.js";import{K as r}from"./FormFieldMsg-ffa58506.js";import"./i18n-7ea9f137.js";import"./Alert-84e561fe.js";import"./tslib.es6-2e5096f8.js";import"./dev.utils-fab45cbc.js";const u=class{constructor(t){i(this,t),this.slotName="input",this.catchInputSlot=t=>{f(this.host,t,this.slotName)},this._accessKey=void 0,this._alert=!0,this._currentLength=void 0,this._disabled=!1,this._hasCounter=!1,this._hideError=!1,this._hideLabel=!1,this._hint="",this._icons=void 0,this._id=void 0,this._label=void 0,this._maxLength=void 0,this._msg=void 0,this._readOnly=!1,this._renderNoLabel=!1,this._required=!1,this._shortKey=void 0,this._slotName=void 0,this._suggestions=void 0,this._smartButton=void 0,this._tooltipAlign="top",this._touched=!1}componentWillRender(){this.slotName=this._slotName?this._slotName:"input"}getIconStyles(t){return t&&"object"==typeof t&&t.style?t.style:{}}render(){var i,a,_,f,u,b,m,p,g,y,v,k;const j="object"==typeof this._msg&&null!==this._msg&&"string"==typeof(null===(i=this._msg)||void 0===i?void 0:i._description)&&(null===(a=this._msg)||void 0===a?void 0:a._description.length)>0&&(!0===this._touched||"error"!==(null===(_=this._msg)||void 0===_?void 0:_._type)),B=c(this._label),L="string"==typeof this._hint&&this._hint.length>0,N=!B&&this._hideLabel;return t(e,{key:"f387b8c961abba887df0af3acdc992fdc780bf67",class:d("kol-input",this.getModifierClassNameByMsgType(j),{disabled:!0===this._disabled,[(null===(f=this._msg)||void 0===f?void 0:f._type)||"error"]:!0===j,"read-only":!0===this._readOnly,required:!0===this._required,touched:!0===this._touched,"hidden-error":!0===this._hideError})},t("label",{key:"46d5a787dc011c63d78b23f5041d3bddd4bf35b9",class:"input-label",id:N?void 0:`${this._id}-label`,hidden:N,htmlFor:this._id},t("span",{key:"d704939fe7f625fa71fcced90cfc57ad88f9d3f5",class:"input-label-span"},t("slot",{key:"717a440a4755fa1cc878ccc697a2339a236cc2ca",name:"label"}))),L&&t("span",{key:"cf2a32a4850aa36c47640044ee8131cd039437f3",class:"hint",id:`${this._id}-hint`},this._hint),t("div",{key:"908ad6c86b9f897a203babfa6a647482fd963ee7",class:{input:!0,"icon-left":"object"==typeof(null===(u=this._icons)||void 0===u?void 0:u.left),"icon-right":"object"==typeof(null===(b=this._icons)||void 0===b?void 0:b.right)}},(null===(m=this._icons)||void 0===m?void 0:m.left)&&t(n,{key:"8d34322e538ef59f93ea0d91c18865c09acdc806",_label:"",_icons:(null===(p=this._icons)||void 0===p?void 0:p.left).icon,style:this.getIconStyles(null===(g=this._icons)||void 0===g?void 0:g.left)}),t("div",{key:"63e0601882b3b4708004514ee16eea9d10eaa79e",ref:this.catchInputSlot,id:this.slotName,class:"input-slot"}),"object"==typeof this._smartButton&&null!==this._smartButton&&t(h,{key:"90e62c7fd3205e54abeaf277ff6cb84cc9f808e2",_customClass:this._smartButton._customClass,_disabled:this._smartButton._disabled,_icons:this._smartButton._icons,_hideLabel:!0,_id:this._smartButton._id,_label:this._smartButton._label,_on:this._smartButton._on,_tooltipAlign:this._smartButton._tooltipAlign,_variant:this._smartButton._variant}),(null===(y=this._icons)||void 0===y?void 0:y.right)&&t(n,{key:"78820371cd0eea944bba2249fa206dfa1f7ea9a8",_label:"",_icons:(null===(v=this._icons)||void 0===v?void 0:v.right).icon,style:this.getIconStyles(null===(k=this._icons)||void 0===k?void 0:k.right)})),N&&t(o,{key:"23f8131f06b0ade72a2ac6de4bc45d87c537ecf8","aria-hidden":"true",class:"input-tooltip",_badgeText:this._accessKey||this._shortKey,_align:this._tooltipAlign,_id:this._hideLabel?`${this._id}-label`:void 0,_label:this._label}),j&&t(r,{key:"d7913257b81e5b0ad00da22c589cf22e31ba809f",_alert:this._alert,_hideError:this._hideError,_msg:this._msg,_id:this._id}),Array.isArray(this._suggestions)&&this._suggestions.length>0&&t("datalist",{key:"3d900634935d030abd1d25b62bce6872989488b6",id:`${this._id}-list`},this._suggestions.map((i=>t("option",{value:i})))),this._hasCounter&&t("span",{key:"72ffb636b35c38cae343fda5e00ad2726d23009c",class:"counter","aria-atomic":"true","aria-live":"polite","data-testid":"input-counter"},this._currentLength,this._maxLength&&t(s,null,t("span",{key:"5316e7ddca828a22191faabf95d762261cd3e7e0","aria-label":l("kol-of"),role:"img"},"/"),this._maxLength)," ",t("span",{key:"2ec4c8bb02a35daffbea7a9d58d15a5e487b9652"},l("kol-characters"))))}getModifierClassNameByMsgType(t){var i,s;if(t&&(null===(i=this._msg)||void 0===i?void 0:i._type))return{default:"msg-type-default",info:"msg-type-info",success:"msg-type-success",warning:"msg-type-warning",error:"msg-type-error"}[null===(s=this._msg)||void 0===s?void 0:s._type]}get host(){return a(this)}};export{u as kol_input};
+import{r as i,h as e,F as t,H as s,g as a}from"./index-a49af574.js";import{c as d}from"./clsx-09a06a12.js";import{t as o}from"./i18n-5fe08f1c.js";import{u as l,d as n,a as h}from"./component-names-aa3cbc3c.js";import{h as r,s as c}from"./reuse-32931294.js";import{K as f}from"./FormFieldMsg-6843c725.js";import"./i18n-7ea9f137.js";import"./Alert-1b318619.js";import"./tslib.es6-2e5096f8.js";import"./Heading-1fe830dd.js";import"./dev.utils-fab45cbc.js";const u=class{constructor(t){i(this,t),this.slotName="input",this.catchInputSlot=t=>{r(this.host,t,this.slotName)},this._accessKey=void 0,this._alert=!0,this._currentLength=void 0,this._disabled=!1,this._hasCounter=!1,this._hideError=!1,this._hideLabel=!1,this._hint="",this._icons=void 0,this._id=void 0,this._label=void 0,this._maxLength=void 0,this._msg=void 0,this._readOnly=!1,this._renderNoLabel=!1,this._required=!1,this._shortKey=void 0,this._slotName=void 0,this._suggestions=void 0,this._smartButton=void 0,this._tooltipAlign="top",this._touched=!1}componentWillRender(){this.slotName=this._slotName?this._slotName:"input"}getIconStyles(t){return t&&"object"==typeof t&&t.style?t.style:{}}render(){var i,a,r,_,b,u,m,p,g,y,v,k;const j="object"==typeof this._msg&&null!==this._msg&&"string"==typeof(null===(i=this._msg)||void 0===i?void 0:i._description)&&(null===(a=this._msg)||void 0===a?void 0:a._description.length)>0&&(!0===this._touched||"error"!==(null===(r=this._msg)||void 0===r?void 0:r._type)),B=c(this._label),L="string"==typeof this._hint&&this._hint.length>0,N=!B&&this._hideLabel;return e(s,{key:"13dbacbfde986ceb2031d487c549b972076d33b9",class:d("kol-input",this.getModifierClassNameByMsgType(j),{disabled:!0===this._disabled,[(null===(_=this._msg)||void 0===_?void 0:_._type)||"error"]:!0===j,"read-only":!0===this._readOnly,required:!0===this._required,touched:!0===this._touched,"hidden-error":!0===this._hideError})},e("label",{key:"d3482b5ce8e52e8f430e2ea24770852b1e5a9e22",class:"input-label",id:N?void 0:`${this._id}-label`,hidden:N,htmlFor:this._id},e("span",{key:"a09e892c69928975afdeed40c8ead4738c4e743e",class:"input-label-span"},e("slot",{key:"a192bfe14460d4027111bfef65dcb050e6a86fa2",name:"label"}))),L&&e("span",{key:"adfba8839f5284910c347564180a5a5908613a27",class:"hint",id:`${this._id}-hint`},this._hint),e("div",{key:"5195d80a6dea5d8ecb2a5eb6358d0b86a2a616a6",class:{input:!0,"icon-left":"object"==typeof(null===(b=this._icons)||void 0===b?void 0:b.left),"icon-right":"object"==typeof(null===(u=this._icons)||void 0===u?void 0:u.right)}},(null===(m=this._icons)||void 0===m?void 0:m.left)&&e(n,{key:"f79f8be9f4054621c3020740823c4ae7c3f8ca5a",_label:"",_icons:(null===(p=this._icons)||void 0===p?void 0:p.left).icon,style:this.getIconStyles(null===(g=this._icons)||void 0===g?void 0:g.left)}),e("div",{key:"0ce30337896ad5f1da75b25929e43ddc3328985e",ref:this.catchInputSlot,id:this.slotName,class:"input-slot"}),"object"==typeof this._smartButton&&null!==this._smartButton&&e(h,{key:"0d2d64ff5eee1549da95f4a6cfb144ea6aba0849",_customClass:this._smartButton._customClass,_disabled:this._smartButton._disabled,_icons:this._smartButton._icons,_hideLabel:!0,_id:this._smartButton._id,_label:this._smartButton._label,_on:this._smartButton._on,_tooltipAlign:this._smartButton._tooltipAlign,_variant:this._smartButton._variant}),(null===(y=this._icons)||void 0===y?void 0:y.right)&&e(n,{key:"ae903f16b67b1cfad6d272fdc566cd58b4466484",_label:"",_icons:(null===(v=this._icons)||void 0===v?void 0:v.right).icon,style:this.getIconStyles(null===(k=this._icons)||void 0===k?void 0:k.right)})),N&&e(l,{key:"b5113ec6b63148b16bb2d1132139de53636feb39","aria-hidden":"true",class:"input-tooltip",_badgeText:this._accessKey||this._shortKey,_align:this._tooltipAlign,_id:this._hideLabel?`${this._id}-label`:void 0,_label:this._label}),j&&e(f,{key:"975fd5b1232b6ac0c832fc9b81c438b872656842",_alert:this._alert,_hideError:this._hideError,_msg:this._msg,_id:this._id}),Array.isArray(this._suggestions)&&this._suggestions.length>0&&e("datalist",{key:"3a7537951b1dcead2a4d92bacfbedd107bfbbeef",id:`${this._id}-list`},this._suggestions.map((t=>e("option",{value:t})))),this._hasCounter&&e("span",{key:"67501597933d59baf93b07fc2d28553332e59160",class:"counter","aria-atomic":"true","aria-live":"polite","data-testid":"input-counter"},this._currentLength,this._maxLength&&e(t,null,e("span",{key:"90fdf1eca5e9c7f2f6fbe7c4b2521ed9962e579b","aria-label":o("kol-of"),role:"img"},"/"),this._maxLength)," ",e("span",{key:"c58fd0a41532418ab1e8ca4e107e4c8bdc912441"},o("kol-characters"))))}getModifierClassNameByMsgType(t){var i,s;if(t&&(null===(i=this._msg)||void 0===i?void 0:i._type))return{default:"msg-type-default",info:"msg-type-info",success:"msg-type-success",warning:"msg-type-warning",error:"msg-type-error"}[null===(s=this._msg)||void 0===s?void 0:s._type]}get host(){return a(this)}};export{u as kol_input};

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

@@ -1 +1 @@
-{"version":3,"names":["KolInputWc","this","slotName","catchInputSlot","slot","handleSlotContent","host","componentWillRender","_slotName","getIconStyles","icon","style","render","hasValidMsg","_msg","_a","_description","_b","length","showMsg","_touched","_c","_type","hasExpertSlot","showExpertSlot","_label","hasHint","_hint","useTooltopInsteadOfLabel","_hideLabel","h","Host","key","class","clsx","getModifierClassNameByMsgType","disabled","_disabled","_d","_readOnly","required","_required","touched","_hideError","id","_id","undefined","hidden","htmlFor","name","input","_e","_icons","left","_f","right","_g","KolIconTag","_h","_j","ref","_smartButton","KolButtonWcTag","_customClass","_on","_tooltipAlign","_variant","_k","_l","_m","KolTooltipWcTag","_badgeText","_accessKey","_shortKey","_align","KolFormFieldMsgFc","_alert","Array","isArray","_suggestions","map","option","value","_hasCounter","_currentLength","_maxLength","Fragment","translate","role","default","info","success","warning","error"],"sources":["src/components/input/component.tsx"],"sourcesContent":["/* eslint-disable jsx-a11y/label-has-associated-control */\nimport { handleSlotContent, type MsgPropType, type ShortKeyPropType, showExpertSlot } from '../../schema';\nimport type { JSX } from '@stencil/core';\nimport { Component, Element, Fragment, Host, Prop, h } from '@stencil/core';\nimport clsx from 'clsx';\n\nimport { translate } from '../../i18n';\n\nimport type {\n\tAccessKeyPropType,\n\tAnyIconFontClass,\n\tButtonProps,\n\tIdPropType,\n\tKoliBriCustomIcon,\n\tKoliBriHorizontalIcons,\n\tLabelWithExpertSlotPropType,\n\tStringified,\n\tSuggestionsPropType,\n\tTooltipAlignPropType,\n\tW3CInputValue,\n} from '../../schema';\nimport type { Props } from './types';\nimport { KolButtonWcTag, KolIconTag, KolTooltipWcTag } from '../../core/component-names';\nimport { KolFormFieldMsgFc } from '../../functional-components';\n\n/**\n * @internal\n */\n@Component({\n\ttag: 'kol-input',\n\tshadow: false,\n})\nexport class KolInputWc implements Props {\n\t@Element() private readonly host?: HTMLElement;\n\n\tprivate slotName: string = 'input';\n\n\tpublic componentWillRender(): void {\n\t\tthis.slotName = this._slotName ? this._slotName : 'input';\n\t}\n\n\tprivate catchInputSlot = (slot?: HTMLDivElement): void => {\n\t\thandleSlotContent(this.host!, slot!, this.slotName);\n\t};\n\n\tprivate getIconStyles(icon?: AnyIconFontClass | KoliBriCustomIcon): Record<string, string> {\n\t\treturn icon && typeof icon === 'object' && icon.style ? icon.style : {};\n\t}\n\n\tpublic render(): JSX.Element {\n\t\t/**\n\t\t * We support 5 types of messages:\n\t\t * - default\n\t\t * - info\n\t\t * - success\n\t\t * - warning\n\t\t * - error\n\t\t *\n\t\t * The message is shown if:\n\t\t * - the message text is not an empty string\n\t\t * - we show only one message at a time\n\t\t * - by error messages the input must be touched\n\t\t */\n\t\tconst hasValidMsg =\n\t\t\ttypeof this._msg === 'object' && this._msg !== null && typeof this._msg?._description === 'string' && this._msg?._description.length > 0;\n\t\tconst showMsg = hasValidMsg && (this._touched === true || this._msg?._type !== 'error');\n\n\t\tconst hasExpertSlot = showExpertSlot(this._label);\n\t\tconst hasHint = typeof this._hint === 'string' && this._hint.length > 0;\n\t\tconst useTooltopInsteadOfLabel = !hasExpertSlot && this._hideLabel;\n\n\t\treturn (\n\t\t\t<Host\n\t\t\t\tclass={clsx('kol-input', this.getModifierClassNameByMsgType(showMsg), {\n\t\t\t\t\tdisabled: this._disabled === true,\n\t\t\t\t\t[this._msg?._type || 'error']: showMsg === true,\n\t\t\t\t\t'read-only': this._readOnly === true,\n\t\t\t\t\trequired: this._required === true,\n\t\t\t\t\ttouched: this._touched === true,\n\t\t\t\t\t'hidden-error': this._hideError === true,\n\t\t\t\t})}\n\t\t\t>\n\t\t\t\t<label class=\"input-label\" id={!useTooltopInsteadOfLabel ? `${this._id}-label` : undefined} hidden={useTooltopInsteadOfLabel} htmlFor={this._id}>\n\t\t\t\t\t{/* INFO: span is needed for css styling :after content like a star (*) or optional text ! */}\n\t\t\t\t\t<span class=\"input-label-span\">\n\t\t\t\t\t\t{/* INFO: label comes with any html tag or as plain text! */}\n\t\t\t\t\t\t<slot name=\"label\"></slot>\n\t\t\t\t\t</span>\n\t\t\t\t</label>\n\t\t\t\t{hasHint && (\n\t\t\t\t\t<span class=\"hint\" id={`${this._id}-hint`}>\n\t\t\t\t\t\t{this._hint}\n\t\t\t\t\t</span>\n\t\t\t\t)}\n\t\t\t\t<div\n\t\t\t\t\tclass={{\n\t\t\t\t\t\tinput: true,\n\t\t\t\t\t\t'icon-left': typeof this._icons?.left === 'object',\n\t\t\t\t\t\t'icon-right': typeof this._icons?.right === 'object',\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t{this._icons?.left && (\n\t\t\t\t\t\t<KolIconTag _label=\"\" _icons={(this._icons?.left as KoliBriCustomIcon).icon} style={this.getIconStyles(this._icons?.left)}></KolIconTag>\n\t\t\t\t\t)}\n\t\t\t\t\t<div ref={this.catchInputSlot} id={this.slotName} class=\"input-slot\"></div>\n\t\t\t\t\t{typeof this._smartButton === 'object' && this._smartButton !== null && (\n\t\t\t\t\t\t<KolButtonWcTag\n\t\t\t\t\t\t\t_customClass={this._smartButton._customClass}\n\t\t\t\t\t\t\t_disabled={this._smartButton._disabled}\n\t\t\t\t\t\t\t_icons={this._smartButton._icons}\n\t\t\t\t\t\t\t_hideLabel={true}\n\t\t\t\t\t\t\t_id={this._smartButton._id}\n\t\t\t\t\t\t\t_label={this._smartButton._label}\n\t\t\t\t\t\t\t_on={this._smartButton._on}\n\t\t\t\t\t\t\t_tooltipAlign={this._smartButton._tooltipAlign}\n\t\t\t\t\t\t\t_variant={this._smartButton._variant}\n\t\t\t\t\t\t></KolButtonWcTag>\n\t\t\t\t\t)}\n\t\t\t\t\t{this._icons?.right && (\n\t\t\t\t\t\t<KolIconTag _label=\"\" _icons={(this._icons?.right as KoliBriCustomIcon).icon} style={this.getIconStyles(this._icons?.right)}></KolIconTag>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t\t\t{useTooltopInsteadOfLabel && (\n\t\t\t\t\t<KolTooltipWcTag\n\t\t\t\t\t\t/**\n\t\t\t\t\t\t * Dieses Aria-Hidden verhindert das doppelte Vorlesen des Labels,\n\t\t\t\t\t\t * verhindert aber nicht das Aria-Labelledby vorgelesen wird.\n\t\t\t\t\t\t */\n\t\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t\t\tclass=\"input-tooltip\"\n\t\t\t\t\t\t_badgeText={this._accessKey || this._shortKey}\n\t\t\t\t\t\t_align={this._tooltipAlign}\n\t\t\t\t\t\t_id={this._hideLabel ? `${this._id}-label` : undefined}\n\t\t\t\t\t\t_label={this._label}\n\t\t\t\t\t></KolTooltipWcTag>\n\t\t\t\t)}\n\t\t\t\t{showMsg && <KolFormFieldMsgFc _alert={this._alert} _hideError={this._hideError} _msg={this._msg} _id={this._id} />}\n\t\t\t\t{Array.isArray(this._suggestions) && this._suggestions.length > 0 && (\n\t\t\t\t\t<datalist id={`${this._id}-list`}>\n\t\t\t\t\t\t{this._suggestions.map((option: W3CInputValue) => (\n\t\t\t\t\t\t\t<option value={option} />\n\t\t\t\t\t\t))}\n\t\t\t\t\t</datalist>\n\t\t\t\t)}\n\t\t\t\t{this._hasCounter && (\n\t\t\t\t\t<span class=\"counter\" aria-atomic=\"true\" aria-live=\"polite\" data-testid=\"input-counter\">\n\t\t\t\t\t\t{this._currentLength}\n\t\t\t\t\t\t{this._maxLength && (\n\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t<span aria-label={translate('kol-of')} role=\"img\">\n\t\t\t\t\t\t\t\t\t/\n\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t{this._maxLength}\n\t\t\t\t\t\t\t</>\n\t\t\t\t\t\t)}{' '}\n\t\t\t\t\t\t<span>{translate('kol-characters')}</span>\n\t\t\t\t\t</span>\n\t\t\t\t)}\n\t\t\t</Host>\n\t\t);\n\t}\n\n\t/**\n\t * Defines the elements access key.\n\t */\n\t@Prop() public _accessKey?: AccessKeyPropType;\n\n\t/**\n\t * Defines whether the screen-readers should read out the notification.\n\t * @TODO: Change type back to `AlertPropType` after Stencil#4663 has been resolved.\n\t */\n\t@Prop() public _alert?: boolean = true;\n\n\t/**\n\t * @internal\n\t */\n\t@Prop() public _currentLength?: number;\n\n\t/**\n\t * Makes the element not focusable and ignore all events.\n\t * @TODO: Change type back to `DisabledPropType` after Stencil#4663 has been resolved.\n\t */\n\t@Prop() public _disabled?: boolean = false;\n\n\t/**\n\t * Shows the character count on the lower border of the input.\n\t * @TODO: Change type back to `HasCounterPropType` after Stencil#4663 has been resolved.\n\t */\n\t@Prop() public _hasCounter?: boolean = false;\n\n\t/**\n\t * Hides the error message but leaves it in the DOM for the input's aria-describedby.\n\t * @TODO: Change type back to `HideErrorPropType` after Stencil#4663 has been resolved.\n\t */\n\t@Prop() public _hideError?: boolean = false;\n\n\t/**\n\t * Hides the caption by default and displays the caption text with a tooltip when the\n\t * interactive element is focused or the mouse is over it.\n\t * @TODO: Change type back to `HideLabelPropType` after Stencil#4663 has been resolved.\n\t */\n\t@Prop() public _hideLabel?: boolean = false;\n\n\t/**\n\t * Defines the hint text.\n\t */\n\t@Prop() public _hint?: string = '';\n\n\t/**\n\t * Defines the icon classnames (e.g. `_icons=\"fa-solid fa-user\"`).\n\t */\n\t@Prop() public _icons?: KoliBriHorizontalIcons;\n\n\t/**\n\t * Defines the internal ID of the primary component element.\n\t */\n\t@Prop() public _id!: IdPropType;\n\n\t/**\n\t * Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.). Set to `false` to enable the expert slot.\n\t */\n\t@Prop() public _label!: LabelWithExpertSlotPropType;\n\n\t/**\n\t * Defines the maximum number of input characters.\n\t */\n\t@Prop() public _maxLength?: number;\n\n\t/**\n\t * Defines the properties for a message rendered as Alert component.\n\t */\n\t@Prop() public _msg?: MsgPropType;\n\n\t/**\n\t * Makes the input element read only.\n\t * @TODO: Change type back to `ReadOnlyPropType` after Stencil#4663 has been resolved.\n\t */\n\t@Prop() public _readOnly?: boolean = false;\n\n\t/**\n\t * Gibt an, ob die Komponente kein Label rendern soll.\n\t */\n\t@Prop() public _renderNoLabel?: boolean = false;\n\n\t/**\n\t * Makes the input element required.\n\t * @TODO: Change type back to `RequiredPropType` after Stencil#4663 has been resolved.\n\t */\n\t@Prop() public _required?: boolean = false;\n\n\t/**\n\t * Adds a visual short key hint to the component.\n\t */\n\t@Prop() public _shortKey?: ShortKeyPropType;\n\n\t/**\n\t * Ermöglicht den Slotnamen zu bestimmen. Wird nur verwendet, wenn sonst mehrere Slots mit dem gleichen Namen innerhalb eines Shadow DOMs existieren würden.\n\t * @internal\n\t */\n\t@Prop() public _slotName?: string;\n\n\t/**\n\t * Suggestions to provide for the input.\n\t */\n\t@Prop() public _suggestions?: SuggestionsPropType;\n\n\t/**\n\t * Allows to add a button with an arbitrary action within the element (_hide-label only).\n\t */\n\t@Prop() public _smartButton?: Stringified<ButtonProps>;\n\n\t/**\n\t * Defines where to show the Tooltip preferably: top, right, bottom or left.\n\t */\n\t@Prop() public _tooltipAlign?: TooltipAlignPropType = 'top';\n\n\t/**\n\t * Shows if the input was touched by a user.\n\t * @TODO: Change type back to `TouchedPropType` after Stencil#4663 has been resolved.\n\t */\n\t@Prop() public _touched?: boolean = false;\n\n\tprivate getModifierClassNameByMsgType(showMsg: boolean) {\n\t\tif (showMsg && this._msg?._type) {\n\t\t\treturn {\n\t\t\t\tdefault: 'msg-type-default',\n\t\t\t\tinfo: 'msg-type-info',\n\t\t\t\tsuccess: 'msg-type-success',\n\t\t\t\twarning: 'msg-type-warning',\n\t\t\t\terror: 'msg-type-error',\n\t\t\t}[this._msg?._type];\n\t\t}\n\t}\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["KolInputWc","this","slotName","catchInputSlot","slot","handleSlotContent","host","componentWillRender","_slotName","getIconStyles","icon","style","render","hasValidMsg","_msg","_a","_description","_b","length","showMsg","_touched","_c","_type","hasExpertSlot","showExpertSlot","_label","hasHint","_hint","useTooltopInsteadOfLabel","_hideLabel","h","Host","key","class","clsx","getModifierClassNameByMsgType","disabled","_disabled","_d","_readOnly","required","_required","touched","_hideError","id","_id","undefined","hidden","htmlFor","name","input","_e","_icons","left","_f","right","_g","KolIconTag","_h","_j","ref","_smartButton","KolButtonWcTag","_customClass","_on","_tooltipAlign","_variant","_k","_l","_m","KolTooltipWcTag","_badgeText","_accessKey","_shortKey","_align","KolFormFieldMsgFc","_alert","Array","isArray","_suggestions","map","option","value","_hasCounter","_currentLength","_maxLength","Fragment","translate","role","default","info","success","warning","error"],"sources":["src/components/input/component.tsx"],"sourcesContent":["/* eslint-disable jsx-a11y/label-has-associated-control */\nimport { handleSlotContent, type MsgPropType, type ShortKeyPropType, showExpertSlot } from '../../schema';\nimport type { JSX } from '@stencil/core';\nimport { Component, Element, Fragment, Host, Prop, h } from '@stencil/core';\nimport clsx from 'clsx';\n\nimport { translate } from '../../i18n';\n\nimport type {\n\tAccessKeyPropType,\n\tAnyIconFontClass,\n\tButtonProps,\n\tIdPropType,\n\tKoliBriCustomIcon,\n\tKoliBriHorizontalIcons,\n\tLabelWithExpertSlotPropType,\n\tStringified,\n\tSuggestionsPropType,\n\tTooltipAlignPropType,\n\tW3CInputValue,\n} from '../../schema';\nimport type { Props } from './types';\nimport { KolButtonWcTag, KolIconTag, KolTooltipWcTag } from '../../core/component-names';\nimport { KolFormFieldMsgFc } from '../../functional-components';\n\n/**\n * @internal\n */\n@Component({\n\ttag: 'kol-input',\n\tshadow: false,\n})\nexport class KolInputWc implements Props {\n\t@Element() private readonly host?: HTMLElement;\n\n\tprivate slotName: string = 'input';\n\n\tpublic componentWillRender(): void {\n\t\tthis.slotName = this._slotName ? this._slotName : 'input';\n\t}\n\n\tprivate catchInputSlot = (slot?: HTMLDivElement): void => {\n\t\thandleSlotContent(this.host!, slot!, this.slotName);\n\t};\n\n\tprivate getIconStyles(icon?: AnyIconFontClass | KoliBriCustomIcon): Record<string, string> {\n\t\treturn icon && typeof icon === 'object' && icon.style ? icon.style : {};\n\t}\n\n\tpublic render(): JSX.Element {\n\t\t/**\n\t\t * We support 5 types of messages:\n\t\t * - default\n\t\t * - info\n\t\t * - success\n\t\t * - warning\n\t\t * - error\n\t\t *\n\t\t * The message is shown if:\n\t\t * - the message text is not an empty string\n\t\t * - we show only one message at a time\n\t\t * - by error messages the input must be touched\n\t\t */\n\t\tconst hasValidMsg =\n\t\t\ttypeof this._msg === 'object' && this._msg !== null && typeof this._msg?._description === 'string' && this._msg?._description.length > 0;\n\t\tconst showMsg = hasValidMsg && (this._touched === true || this._msg?._type !== 'error');\n\n\t\tconst hasExpertSlot = showExpertSlot(this._label);\n\t\tconst hasHint = typeof this._hint === 'string' && this._hint.length > 0;\n\t\tconst useTooltopInsteadOfLabel = !hasExpertSlot && this._hideLabel;\n\n\t\treturn (\n\t\t\t<Host\n\t\t\t\tclass={clsx('kol-input', this.getModifierClassNameByMsgType(showMsg), {\n\t\t\t\t\tdisabled: this._disabled === true,\n\t\t\t\t\t[this._msg?._type || 'error']: showMsg === true,\n\t\t\t\t\t'read-only': this._readOnly === true,\n\t\t\t\t\trequired: this._required === true,\n\t\t\t\t\ttouched: this._touched === true,\n\t\t\t\t\t'hidden-error': this._hideError === true,\n\t\t\t\t})}\n\t\t\t>\n\t\t\t\t<label class=\"input-label\" id={!useTooltopInsteadOfLabel ? `${this._id}-label` : undefined} hidden={useTooltopInsteadOfLabel} htmlFor={this._id}>\n\t\t\t\t\t{/* INFO: span is needed for css styling :after content like a star (*) or optional text ! */}\n\t\t\t\t\t<span class=\"input-label-span\">\n\t\t\t\t\t\t{/* INFO: label comes with any html tag or as plain text! */}\n\t\t\t\t\t\t<slot name=\"label\"></slot>\n\t\t\t\t\t</span>\n\t\t\t\t</label>\n\t\t\t\t{hasHint && (\n\t\t\t\t\t<span class=\"hint\" id={`${this._id}-hint`}>\n\t\t\t\t\t\t{this._hint}\n\t\t\t\t\t</span>\n\t\t\t\t)}\n\t\t\t\t<div\n\t\t\t\t\tclass={{\n\t\t\t\t\t\tinput: true,\n\t\t\t\t\t\t'icon-left': typeof this._icons?.left === 'object',\n\t\t\t\t\t\t'icon-right': typeof this._icons?.right === 'object',\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t{this._icons?.left && (\n\t\t\t\t\t\t<KolIconTag _label=\"\" _icons={(this._icons?.left as KoliBriCustomIcon).icon} style={this.getIconStyles(this._icons?.left)}></KolIconTag>\n\t\t\t\t\t)}\n\t\t\t\t\t<div ref={this.catchInputSlot} id={this.slotName} class=\"input-slot\"></div>\n\t\t\t\t\t{typeof this._smartButton === 'object' && this._smartButton !== null && (\n\t\t\t\t\t\t<KolButtonWcTag\n\t\t\t\t\t\t\t_customClass={this._smartButton._customClass}\n\t\t\t\t\t\t\t_disabled={this._smartButton._disabled}\n\t\t\t\t\t\t\t_icons={this._smartButton._icons}\n\t\t\t\t\t\t\t_hideLabel={true}\n\t\t\t\t\t\t\t_id={this._smartButton._id}\n\t\t\t\t\t\t\t_label={this._smartButton._label}\n\t\t\t\t\t\t\t_on={this._smartButton._on}\n\t\t\t\t\t\t\t_tooltipAlign={this._smartButton._tooltipAlign}\n\t\t\t\t\t\t\t_variant={this._smartButton._variant}\n\t\t\t\t\t\t></KolButtonWcTag>\n\t\t\t\t\t)}\n\t\t\t\t\t{this._icons?.right && (\n\t\t\t\t\t\t<KolIconTag _label=\"\" _icons={(this._icons?.right as KoliBriCustomIcon).icon} style={this.getIconStyles(this._icons?.right)}></KolIconTag>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t\t\t{useTooltopInsteadOfLabel && (\n\t\t\t\t\t<KolTooltipWcTag\n\t\t\t\t\t\t/**\n\t\t\t\t\t\t * Dieses Aria-Hidden verhindert das doppelte Vorlesen des Labels,\n\t\t\t\t\t\t * verhindert aber nicht das Aria-Labelledby vorgelesen wird.\n\t\t\t\t\t\t */\n\t\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t\t\tclass=\"input-tooltip\"\n\t\t\t\t\t\t_badgeText={this._accessKey || this._shortKey}\n\t\t\t\t\t\t_align={this._tooltipAlign}\n\t\t\t\t\t\t_id={this._hideLabel ? `${this._id}-label` : undefined}\n\t\t\t\t\t\t_label={this._label}\n\t\t\t\t\t></KolTooltipWcTag>\n\t\t\t\t)}\n\t\t\t\t{showMsg && <KolFormFieldMsgFc _alert={this._alert} _hideError={this._hideError} _msg={this._msg} _id={this._id} />}\n\t\t\t\t{Array.isArray(this._suggestions) && this._suggestions.length > 0 && (\n\t\t\t\t\t<datalist id={`${this._id}-list`}>\n\t\t\t\t\t\t{this._suggestions.map((option: W3CInputValue) => (\n\t\t\t\t\t\t\t<option value={option} />\n\t\t\t\t\t\t))}\n\t\t\t\t\t</datalist>\n\t\t\t\t)}\n\t\t\t\t{this._hasCounter && (\n\t\t\t\t\t<span class=\"counter\" aria-atomic=\"true\" aria-live=\"polite\" data-testid=\"input-counter\">\n\t\t\t\t\t\t{this._currentLength}\n\t\t\t\t\t\t{this._maxLength && (\n\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t<span aria-label={translate('kol-of')} role=\"img\">\n\t\t\t\t\t\t\t\t\t/\n\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t{this._maxLength}\n\t\t\t\t\t\t\t</>\n\t\t\t\t\t\t)}{' '}\n\t\t\t\t\t\t<span>{translate('kol-characters')}</span>\n\t\t\t\t\t</span>\n\t\t\t\t)}\n\t\t\t</Host>\n\t\t);\n\t}\n\n\t/**\n\t * Defines the elements access key.\n\t */\n\t@Prop() public _accessKey?: AccessKeyPropType;\n\n\t/**\n\t * Defines whether the screen-readers should read out the notification.\n\t * @TODO: Change type back to `AlertPropType` after Stencil#4663 has been resolved.\n\t */\n\t@Prop() public _alert?: boolean = true;\n\n\t/**\n\t * @internal\n\t */\n\t@Prop() public _currentLength?: number;\n\n\t/**\n\t * Makes the element not focusable and ignore all events.\n\t * @TODO: Change type back to `DisabledPropType` after Stencil#4663 has been resolved.\n\t */\n\t@Prop() public _disabled?: boolean = false;\n\n\t/**\n\t * Shows the character count on the lower border of the input.\n\t * @TODO: Change type back to `HasCounterPropType` after Stencil#4663 has been resolved.\n\t */\n\t@Prop() public _hasCounter?: boolean = false;\n\n\t/**\n\t * Hides the error message but leaves it in the DOM for the input's aria-describedby.\n\t * @TODO: Change type back to `HideErrorPropType` after Stencil#4663 has been resolved.\n\t */\n\t@Prop() public _hideError?: boolean = false;\n\n\t/**\n\t * Hides the caption by default and displays the caption text with a tooltip when the\n\t * interactive element is focused or the mouse is over it.\n\t * @TODO: Change type back to `HideLabelPropType` after Stencil#4663 has been resolved.\n\t */\n\t@Prop() public _hideLabel?: boolean = false;\n\n\t/**\n\t * Defines the hint text.\n\t */\n\t@Prop() public _hint?: string = '';\n\n\t/**\n\t * Defines the icon classnames (e.g. `_icons=\"fa-solid fa-user\"`).\n\t */\n\t@Prop() public _icons?: KoliBriHorizontalIcons;\n\n\t/**\n\t * Defines the internal ID of the primary component element.\n\t */\n\t@Prop() public _id!: IdPropType;\n\n\t/**\n\t * Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.). Set to `false` to enable the expert slot.\n\t */\n\t@Prop() public _label!: LabelWithExpertSlotPropType;\n\n\t/**\n\t * Defines the maximum number of input characters.\n\t */\n\t@Prop() public _maxLength?: number;\n\n\t/**\n\t * Defines the properties for a message rendered as Alert component.\n\t */\n\t@Prop() public _msg?: MsgPropType;\n\n\t/**\n\t * Makes the input element read only.\n\t * @TODO: Change type back to `ReadOnlyPropType` after Stencil#4663 has been resolved.\n\t */\n\t@Prop() public _readOnly?: boolean = false;\n\n\t/**\n\t * Gibt an, ob die Komponente kein Label rendern soll.\n\t */\n\t@Prop() public _renderNoLabel?: boolean = false;\n\n\t/**\n\t * Makes the input element required.\n\t * @TODO: Change type back to `RequiredPropType` after Stencil#4663 has been resolved.\n\t */\n\t@Prop() public _required?: boolean = false;\n\n\t/**\n\t * Adds a visual short key hint to the component.\n\t */\n\t@Prop() public _shortKey?: ShortKeyPropType;\n\n\t/**\n\t * Ermöglicht den Slotnamen zu bestimmen. Wird nur verwendet, wenn sonst mehrere Slots mit dem gleichen Namen innerhalb eines Shadow DOMs existieren würden.\n\t * @internal\n\t */\n\t@Prop() public _slotName?: string;\n\n\t/**\n\t * Suggestions to provide for the input.\n\t */\n\t@Prop() public _suggestions?: SuggestionsPropType;\n\n\t/**\n\t * Allows to add a button with an arbitrary action within the element (_hide-label only).\n\t */\n\t@Prop() public _smartButton?: Stringified<ButtonProps>;\n\n\t/**\n\t * Defines where to show the Tooltip preferably: top, right, bottom or left.\n\t */\n\t@Prop() public _tooltipAlign?: TooltipAlignPropType = 'top';\n\n\t/**\n\t * Shows if the input was touched by a user.\n\t * @TODO: Change type back to `TouchedPropType` after Stencil#4663 has been resolved.\n\t */\n\t@Prop() public _touched?: boolean = false;\n\n\tprivate getModifierClassNameByMsgType(showMsg: boolean) {\n\t\tif (showMsg && this._msg?._type) {\n\t\t\treturn {\n\t\t\t\tdefault: 'msg-type-default',\n\t\t\t\tinfo: 'msg-type-info',\n\t\t\t\tsuccess: 'msg-type-success',\n\t\t\t\twarning: 'msg-type-warning',\n\t\t\t\terror: 'msg-type-error',\n\t\t\t}[this._msg?._type];\n\t\t}\n\t}\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{r as n,h as e,H as t}from"./index-10e4924f.js";import{c as i,v as o}from"./color-cce3e447.js";import{t as a}from"./i18n-5fe08f1c.js";import{j as l,b as s}from"./prop.validators-c5e6ad2d.js";import"./dev.utils-fab45cbc.js";import"./i18n-7ea9f137.js";import"./reuse-32931294.js";import"./index-541b643a.js";const r="/*\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: calc(44rem / var(--kolibri-root-font-size, 16));\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 rem(44).\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: calc(1rem / var(--kolibri-root-font-size, 16));\n  overflow: hidden;\n  position: absolute;\n  white-space: nowrap;\n  width: calc(1rem / var(--kolibri-root-font-size, 16));\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: inline-block;\n    font-size: calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n  text {\n    font-size: calc(90rem / var(--kolibri-root-font-size, 16));\n    letter-spacing: normal;\n    word-spacing: normal;\n  }\n  svg {\n    max-height: 100%;\n  }\n}",d=r,c=class{constructor(e){n(this,e),this.handleColorChange=(e,n)=>{if("string"==typeof e){const t=i(e);n.set("_color",{red:t[0],green:t[1],blue:t[2]})}else l("[KolKolibri] You used the complex color schema. For the KoliBri we use need the color as hex string.")},this._color="#003c78",this._labeled=!0,this.state={_color:{red:0,green:60,blue:120},_labeled:!0}}render(){const n=`rgb(${this.state._color.red},${this.state._color.green},${this.state._color.blue})`;return e(t,{key:"2593b75de8c17688120eb42e7324390fed465763",class:"kol-kolibri"},e("svg",{key:"40be680f8a521af17268654d3f2e544a95933385",role:"img","aria-label":a("kol-kolibri-logo"),xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 600 600",fill:n},e("path",{key:"541eeb85af56c529abdc4796b35bfda08156f428",d:"M353 322L213 304V434L353 322Z"}),e("path",{key:"944f3eb528c599d0f3788041034eff7218b363dd",d:"M209 564V304L149 434L209 564Z"}),e("path",{key:"338e555f6db35fb8e8c01b3d01da91f791d29e9f",d:"M357 316L417 250L361 210L275 244L357 316Z"}),e("path",{key:"23ba66f2d1f4537c196cce1302cf28fa243465d8",d:"M329 218L237 92L250 222L272 241L329 218Z"}),e("path",{key:"51b9f0ddc19d4b8c6eec023dc80b72add57dd845",d:"M353 318L35 36L213 300L353 318Z"}),e("path",{key:"caad530bd4d12bd026bb7e01a7cd186b9719a561",d:"M391 286L565 272L421 252L391 286Z"}),!0===this.state._labeled&&e("text",{key:"8a15ddba737a8413fdeb5a80d653e5f79a5bbc6b",x:"250",y:"525",fill:n},"KoliBri")))}validateColor(e){o(this,e,{defaultValue:"#003c78",hooks:{beforePatch:this.handleColorChange}})}validateLabeled(e){s(this,"_labeled",e,{defaultValue:!0})}componentWillLoad(){this.validateColor(this._color),this.validateLabeled(this._labeled)}static get watchers(){return{_color:["validateColor"],_labeled:["validateLabeled"]}}};c.style={default:d};export{c as kol_kolibri};
+import{r as n,h as e,H as t}from"./index-a49af574.js";import{c as i,v as o}from"./color-cce3e447.js";import{t as a}from"./i18n-5fe08f1c.js";import{j as l,b as s}from"./prop.validators-c5e6ad2d.js";import"./dev.utils-fab45cbc.js";import"./i18n-7ea9f137.js";import"./reuse-32931294.js";import"./index-541b643a.js";const r="/*\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: calc(44rem / var(--kolibri-root-font-size, 16));\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 rem(44).\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: calc(1rem / var(--kolibri-root-font-size, 16));\n  overflow: hidden;\n  position: absolute;\n  white-space: nowrap;\n  width: calc(1rem / var(--kolibri-root-font-size, 16));\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: inline-block;\n    font-size: calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n  text {\n    font-size: calc(90rem / var(--kolibri-root-font-size, 16));\n    letter-spacing: normal;\n    word-spacing: normal;\n  }\n  svg {\n    max-height: 100%;\n  }\n}",d=r,c=class{constructor(e){n(this,e),this.handleColorChange=(e,n)=>{if("string"==typeof e){const t=i(e);n.set("_color",{red:t[0],green:t[1],blue:t[2]})}else l("[KolKolibri] You used the complex color schema. For the KoliBri we use need the color as hex string.")},this._color="#003c78",this._labeled=!0,this.state={_color:{red:0,green:60,blue:120},_labeled:!0}}render(){const n=`rgb(${this.state._color.red},${this.state._color.green},${this.state._color.blue})`;return e(t,{key:"7721113a52cfc56c21b3bfc8ba0c483b1c85af47",class:"kol-kolibri"},e("svg",{key:"772268286951edc64777cc8a045ca7c203933989",role:"img","aria-label":a("kol-kolibri-logo"),xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 600 600",fill:n},e("path",{key:"ee855b20babd7733c4a94fe466f81082010f7705",d:"M353 322L213 304V434L353 322Z"}),e("path",{key:"49b005494a1904f2f398eb89bc7d48558e5518de",d:"M209 564V304L149 434L209 564Z"}),e("path",{key:"998b49ed4c7c7520b36f8c9c5bdbe4ea840b3ef4",d:"M357 316L417 250L361 210L275 244L357 316Z"}),e("path",{key:"09ea2b0845e2f11c2043a4da871b4562dc6ccdcf",d:"M329 218L237 92L250 222L272 241L329 218Z"}),e("path",{key:"bc5e92a085bb53648611b6ba9a2345331f3484d8",d:"M353 318L35 36L213 300L353 318Z"}),e("path",{key:"491d794aadaae3ab0811433f91d4d91c4676c94b",d:"M391 286L565 272L421 252L391 286Z"}),!0===this.state._labeled&&e("text",{key:"6416a4a6ef71e0044c507f780e5d10ebdea40b39",x:"250",y:"525",fill:n},"KoliBri")))}validateColor(e){o(this,e,{defaultValue:"#003c78",hooks:{beforePatch:this.handleColorChange}})}validateLabeled(e){s(this,"_labeled",e,{defaultValue:!0})}componentWillLoad(){this.validateColor(this._color),this.validateLabeled(this._labeled)}static get watchers(){return{_color:["validateColor"],_labeled:["validateLabeled"]}}};c.style={default:d};export{c as kol_kolibri};

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

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{r as n,h as e,H as t}from"./index-10e4924f.js";import{j as i}from"./component-names-d278f819.js";const o="@charset \"UTF-8\";\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: calc(44rem / var(--kolibri-root-font-size, 16));\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 rem(44).\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: calc(1rem / var(--kolibri-root-font-size, 16));\n  overflow: hidden;\n  position: absolute;\n  white-space: nowrap;\n  width: calc(1rem / var(--kolibri-root-font-size, 16));\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  .kol-tooltip-wc {\n    display: contents;\n  }\n  .kol-tooltip-wc .tooltip-floating {\n    animation-duration: 0.5s;\n    animation-iteration-count: 1;\n    animation-name: fadeInOpacity;\n    animation-timing-function: ease-in;\n    box-sizing: border-box;\n    display: none;\n    position: fixed;\n    visibility: hidden;\n    /* Avoid layout interference - see https://floating-ui.com/docs/computePosition */\n    top: 0;\n    left: 0;\n    max-width: 90vw;\n    max-height: 90vh;\n    /* Can be used to specify the tooltip-width from the outside. Unset by default.  */\n    width: var(--kol-tooltip-width);\n  }\n  /* Shared between content and arrow */\n  .kol-tooltip-wc .tooltip-area {\n    background-color: #fff;\n    color: #000;\n  }\n  .kol-tooltip-wc .tooltip-arrow {\n    height: calc(10rem / var(--kolibri-root-font-size, 16));\n    position: absolute;\n    transform: rotate(45deg);\n    width: calc(10rem / var(--kolibri-root-font-size, 16));\n    z-index: 999;\n  }\n  .kol-tooltip-wc .tooltip-content {\n    position: relative;\n    z-index: 1000;\n  }\n  @keyframes fadeInOpacity {\n    0% {\n      opacity: 0;\n    }\n    100% {\n      opacity: 1;\n    }\n  }\n}\n@layer kol-component {\n  :host {\n    font-style: calc(16rem / var(--kolibri-root-font-size, 16));\n    display: inline-block;\n  }\n  :is(a, button) {\n    display: inline-flex;\n    place-items: center;\n    text-align: center;\n    text-decoration-line: none;\n  }\n  :is(a, button)::before {\n    /* Render zero-width character as first element to set the baseline correctly. */\n    content: \"​\";\n  }\n  /* TODO: Why we need this? */\n  :is(a, button) > .kol-span-wc {\n    margin: auto;\n    width: 100%;\n  }\n}",a=o,s=class{constructor(t){n(this,t),this.catchRef=n=>{this.linkWcRef=n},this._accessKey=void 0,this._ariaCurrentValue=void 0,this._ariaDescription=void 0,this._customClass=void 0,this._disabled=!1,this._download=void 0,this._hideLabel=!1,this._href=void 0,this._icons=void 0,this._label=void 0,this._on=void 0,this._role=void 0,this._shortKey=void 0,this._tabIndex=void 0,this._target=void 0,this._tooltipAlign="right",this._variant="normal"}async focus(){await this.kolFocus()}async kolFocus(){var n;await(null===(n=this.linkWcRef)||void 0===n?void 0:n.kolFocus())}render(){return e(t,{key:"958f1ee08d3ae34f95e295192eeba3007f56acbd",class:"kol-link-button"},e(i,{key:"65fba3e73f8b0e8e5fc9978b2cd0b99491f39eb4",ref:this.catchRef,class:{button:!0,[this._variant]:"custom"!==this._variant,[this._customClass]:"custom"===this._variant&&"string"==typeof this._customClass&&this._customClass.length>0},_accessKey:this._accessKey,_ariaCurrentValue:this._ariaCurrentValue,_ariaDescription:this._ariaDescription,_disabled:this._disabled,_download:this._download,_hideLabel:this._hideLabel,_href:this._href,_icons:this._icons,_label:this._label,_on:this._on,_role:"button",_shortKey:this._shortKey,_tabIndex:this._tabIndex,_target:this._target,_tooltipAlign:this._tooltipAlign},e("slot",{key:"c881b2732acc53c91b1e52fdf3c797f1d46ac474",name:"expert",slot:"expert"})))}static get delegatesFocus(){return!0}};s.style={default:a};export{s as kol_link_button};
+import{r as n,h as t,H as e}from"./index-a49af574.js";import{g as i}from"./component-names-aa3cbc3c.js";const o="@charset \"UTF-8\";\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: calc(44rem / var(--kolibri-root-font-size, 16));\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 rem(44).\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: calc(1rem / var(--kolibri-root-font-size, 16));\n  overflow: hidden;\n  position: absolute;\n  white-space: nowrap;\n  width: calc(1rem / var(--kolibri-root-font-size, 16));\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  .kol-tooltip-wc {\n    display: contents;\n  }\n  .kol-tooltip-wc .tooltip-floating {\n    animation-duration: 0.5s;\n    animation-iteration-count: 1;\n    animation-name: fadeInOpacity;\n    animation-timing-function: ease-in;\n    box-sizing: border-box;\n    display: none;\n    position: fixed;\n    visibility: hidden;\n    /* Avoid layout interference - see https://floating-ui.com/docs/computePosition */\n    top: 0;\n    left: 0;\n    max-width: 90vw;\n    max-height: 90vh;\n    /* Can be used to specify the tooltip-width from the outside. Unset by default.  */\n    width: var(--kol-tooltip-width);\n  }\n  /* Shared between content and arrow */\n  .kol-tooltip-wc .tooltip-area {\n    background-color: #fff;\n    color: #000;\n  }\n  .kol-tooltip-wc .tooltip-arrow {\n    height: calc(10rem / var(--kolibri-root-font-size, 16));\n    position: absolute;\n    transform: rotate(45deg);\n    width: calc(10rem / var(--kolibri-root-font-size, 16));\n    z-index: 999;\n  }\n  .kol-tooltip-wc .tooltip-content {\n    position: relative;\n    z-index: 1000;\n  }\n  @keyframes fadeInOpacity {\n    0% {\n      opacity: 0;\n    }\n    100% {\n      opacity: 1;\n    }\n  }\n}\n@layer kol-component {\n  :host {\n    font-style: calc(16rem / var(--kolibri-root-font-size, 16));\n    display: inline-block;\n  }\n  :is(a, button) {\n    display: inline-flex;\n    place-items: center;\n    text-align: center;\n    text-decoration-line: none;\n  }\n  :is(a, button)::before {\n    /* Render zero-width character as first element to set the baseline correctly. */\n    content: \"​\";\n  }\n  /* TODO: Why we need this? */\n  :is(a, button) > .kol-span-wc {\n    margin: auto;\n    width: 100%;\n  }\n}",a=o,s=class{constructor(t){n(this,t),this.catchRef=n=>{this.linkWcRef=n},this._accessKey=void 0,this._ariaCurrentValue=void 0,this._ariaDescription=void 0,this._customClass=void 0,this._disabled=!1,this._download=void 0,this._hideLabel=!1,this._href=void 0,this._icons=void 0,this._label=void 0,this._on=void 0,this._role=void 0,this._shortKey=void 0,this._tabIndex=void 0,this._target=void 0,this._tooltipAlign="right",this._variant="normal"}async focus(){await this.kolFocus()}async kolFocus(){var n;await(null===(n=this.linkWcRef)||void 0===n?void 0:n.kolFocus())}render(){return t(e,{key:"91bc8d69398ac76c60c1b24aa6356fad754aa4fd",class:"kol-link-button"},t(i,{key:"ab9c73befda98b3cfce2c01801b23366a61ad2e8",ref:this.catchRef,class:{button:!0,[this._variant]:"custom"!==this._variant,[this._customClass]:"custom"===this._variant&&"string"==typeof this._customClass&&this._customClass.length>0},_accessKey:this._accessKey,_ariaCurrentValue:this._ariaCurrentValue,_ariaDescription:this._ariaDescription,_disabled:this._disabled,_download:this._download,_hideLabel:this._hideLabel,_href:this._href,_icons:this._icons,_label:this._label,_on:this._on,_role:"button",_shortKey:this._shortKey,_tabIndex:this._tabIndex,_target:this._target,_tooltipAlign:this._tooltipAlign},t("slot",{key:"fd3100b9f3e1c398749d58c975ed767a719973a3",name:"expert",slot:"expert"})))}static get delegatesFocus(){return!0}};s.style={default:a};export{s as kol_link_button};

package/dist/kolibri/kol-link-group.entry.js

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{r as n,h as e,H as t}from"./index-10e4924f.js";import{r as i,a}from"./unique-nav-labels-768d04e9.js";import{w as o}from"./validation-1a210179.js";import{h as l}from"./component-names-d278f819.js";import{v as s}from"./label-d70e7c34.js";import{w as r}from"./prop.validators-c5e6ad2d.js";import"./dev.utils-fab45cbc.js";import"./index-541b643a.js";const d="/*\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: calc(44rem / var(--kolibri-root-font-size, 16));\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 rem(44).\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: calc(1rem / var(--kolibri-root-font-size, 16));\n  overflow: hidden;\n  position: absolute;\n  white-space: nowrap;\n  width: calc(1rem / var(--kolibri-root-font-size, 16));\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  ul {\n    list-style: none;\n    margin: 0;\n    padding: 0;\n  }\n  :is(ol, ul).horizontal {\n    display: flex;\n    flex-wrap: wrap;\n  }\n  :is(ol, ul).horizontal li {\n    margin-left: calc(20rem / var(--kolibri-root-font-size, 16));\n    margin-right: calc(4rem / var(--kolibri-root-font-size, 16));\n  }\n  :is(ol, ul).horizontal li:first-child {\n    margin-left: 0;\n  }\n  :is(ol, ul).horizontal li:last-child {\n    margin-right: 0;\n  }\n  :is(ol, ul).vertical li {\n    margin-left: calc(28rem / var(--kolibri-root-font-size, 16));\n    margin-right: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  li.list-none {\n    list-style-type: none !important;\n    margin-left: 0;\n  }\n}",c=d,h=n=>{const t=[];return n.links.map(((i,a)=>{t.push(e("li",{key:a,class:{ident:a>0&&"vertical"===n.orientation,"list-none":0===a&&"horizontal"===n.orientation},style:{listStyleType:n.listStyleType}},e(l,Object.assign({},i))))})),t},p=class{constructor(e){n(this,e),this.isUl=!0,this._listStyleType=void 0,this._label=void 0,this._links=void 0,this._orientation="vertical",this.state={_listStyleType:"disc",_links:[],_orientation:"vertical"}}render(){const n=this.isUl?"ul":"ol";return e(t,{key:"757b1ee140f73d3092be1e454e3a585acd2597d9",class:"kol-link-group"},e(n,{key:"c09a2760c0e6848df2b7b3da1242362a185168d7","aria-label":this.state._label,class:{vertical:"vertical"===this.state._orientation,horizontal:"horizontal"===this.state._orientation}},e(h,{key:"f963e73170ec499cebe8fecd7f930a9e58e642e1",links:this.state._links,orientation:this.state._orientation,listStyleType:this.state._listStyleType})))}validateLabel(n,e,t=!1){!t&&this.state._label&&i(this.state._label),s(this,n),this.state._label&&a(this.state._label)}validateListStyleType(n){r(this,"_listStyleType",(n=>{switch(n){case"disc":case"circle":case"square":case"none":return this.isUl=!0,!0;case"decimal":case"decimal-leading-zero":case"lower-alpha":case"lower-latin":case"lower-greek":case"lower-roman":case"upper-alpha":case"upper-latin":case"upper-roman":return this.isUl=!1,!0;default:return!1}}),new Set(["https://www.w3schools.com/tags/tag_ol.asp"]),n,{defaultValue:"disc"})}validateLinks(n){o("KolLinkGroup",this,n)}validateOrientation(n){r(this,"_orientation",(n=>"horizontal"===n||"vertical"===n),new Set(["Orientation {horizontal, vertical}"]),n,{defaultValue:"vertical"})}componentWillLoad(){this.validateLabel(this._label,void 0,!0),this.validateListStyleType(this._listStyleType),this.validateLinks(this._links),this.validateOrientation(this._orientation)}disconnectedCallback(){this.state._label&&i(this.state._label)}static get watchers(){return{_label:["validateLabel"],_listStyleType:["validateListStyleType"],_links:["validateLinks"],_orientation:["validateOrientation"]}}};p.style={default:c};export{p as kol_link_group};
+import{r as n,h as e,H as t}from"./index-a49af574.js";import{r as i,a}from"./unique-nav-labels-768d04e9.js";import{w as o}from"./validation-1a210179.js";import{e as l}from"./component-names-aa3cbc3c.js";import{v as s}from"./label-d70e7c34.js";import{w as r}from"./prop.validators-c5e6ad2d.js";import"./dev.utils-fab45cbc.js";import"./index-541b643a.js";const d="/*\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: calc(44rem / var(--kolibri-root-font-size, 16));\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 rem(44).\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: calc(1rem / var(--kolibri-root-font-size, 16));\n  overflow: hidden;\n  position: absolute;\n  white-space: nowrap;\n  width: calc(1rem / var(--kolibri-root-font-size, 16));\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  ul {\n    list-style: none;\n    margin: 0;\n    padding: 0;\n  }\n  :is(ol, ul).horizontal {\n    display: flex;\n    flex-wrap: wrap;\n  }\n  :is(ol, ul).horizontal li {\n    margin-left: calc(20rem / var(--kolibri-root-font-size, 16));\n    margin-right: calc(4rem / var(--kolibri-root-font-size, 16));\n  }\n  :is(ol, ul).horizontal li:first-child {\n    margin-left: 0;\n  }\n  :is(ol, ul).horizontal li:last-child {\n    margin-right: 0;\n  }\n  :is(ol, ul).vertical li {\n    margin-left: calc(28rem / var(--kolibri-root-font-size, 16));\n    margin-right: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  li.list-none {\n    list-style-type: none !important;\n    margin-left: 0;\n  }\n}",c=d,h=n=>{const t=[];return n.links.map(((i,a)=>{t.push(e("li",{key:a,class:{ident:a>0&&"vertical"===n.orientation,"list-none":0===a&&"horizontal"===n.orientation},style:{listStyleType:n.listStyleType}},e(l,Object.assign({},i))))})),t},p=class{constructor(e){n(this,e),this.isUl=!0,this._listStyleType=void 0,this._label=void 0,this._links=void 0,this._orientation="vertical",this.state={_listStyleType:"disc",_links:[],_orientation:"vertical"}}render(){const n=this.isUl?"ul":"ol";return e(t,{key:"abbc74d5309c662c9f5d720dec7ef3d662202ecc",class:"kol-link-group"},e(n,{key:"5a1389c577dddb4256b3b2ee50933cb07f090317","aria-label":this.state._label,class:{vertical:"vertical"===this.state._orientation,horizontal:"horizontal"===this.state._orientation}},e(h,{key:"035f27b531b832bec92130e9ab0be38cc7d587d6",links:this.state._links,orientation:this.state._orientation,listStyleType:this.state._listStyleType})))}validateLabel(n,e,t=!1){!t&&this.state._label&&i(this.state._label),s(this,n),this.state._label&&a(this.state._label)}validateListStyleType(n){r(this,"_listStyleType",(n=>{switch(n){case"disc":case"circle":case"square":case"none":return this.isUl=!0,!0;case"decimal":case"decimal-leading-zero":case"lower-alpha":case"lower-latin":case"lower-greek":case"lower-roman":case"upper-alpha":case"upper-latin":case"upper-roman":return this.isUl=!1,!0;default:return!1}}),new Set(["https://www.w3schools.com/tags/tag_ol.asp"]),n,{defaultValue:"disc"})}validateLinks(n){o("KolLinkGroup",this,n)}validateOrientation(n){r(this,"_orientation",(n=>"horizontal"===n||"vertical"===n),new Set(["Orientation {horizontal, vertical}"]),n,{defaultValue:"vertical"})}componentWillLoad(){this.validateLabel(this._label,void 0,!0),this.validateListStyleType(this._listStyleType),this.validateLinks(this._links),this.validateOrientation(this._orientation)}disconnectedCallback(){this.state._label&&i(this.state._label)}static get watchers(){return{_label:["validateLabel"],_listStyleType:["validateListStyleType"],_links:["validateLinks"],_orientation:["validateOrientation"]}}};p.style={default:c};export{p as kol_link_group};

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

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{r as i,h as t,H as e}from"./index-10e4924f.js";import{o as s}from"./ariaCurrentService-6fe36ebc.js";import{p as a}from"./events-29e84d75.js";import{n as d}from"./dev.utils-514126fc.js";import{a as n,f as h,g as o}from"./component-names-d278f819.js";import{t as r}from"./i18n-5fe08f1c.js";import{v as l,a as f,b as c,c as u}from"./access-and-short-key-864aafba.js";import{w as b,i as v,q as p,j as m}from"./prop.validators-c5e6ad2d.js";import{v as _}from"./href-31b01f08.js";import{s as y}from"./reuse-32931294.js";import{v as g,a as j,b as k}from"./aria-expanded-1b7c2c54.js";import{v as x}from"./disabled-5fc4b444.js";import{v as A}from"./hide-label-db0db59c.js";import{v as w}from"./icons-4c339a19.js";import{a as C}from"./label-d70e7c34.js";import{v as K}from"./tooltip-align-6b648461.js";import"./dev.utils-fab45cbc.js";import"./i18n-7ea9f137.js";import"./index-541b643a.js";import"./common-0f1f2276.js";import"./align-e29ed804.js";const O=["date","location","page","step","time","true","false"],L=(t,a)=>{b(t,"_ariaCurrentValue",(t=>"string"==typeof t&&O.includes(t)),new Set([`AriaCurrentValue {${O.join(", ")}`]),a,{defaultValue:"page"})},T=(t,a)=>{v(t,"_ariaOwns",a,{defaultValue:void 0})},V=(t,a)=>{v(t,"_download",a)},D=(t,a)=>{"object"==typeof a&&"function"==typeof(null==a?void 0:a.onClick)&&(t.state=Object.assign(Object.assign({},t.state),{_on:a}))},I=(t,a)=>{v(t,"_target",a)},E=class{constructor(t){i(this,t),this.internalDescriptionById=d(),this.catchRef=t=>{this.anchorRef=t},this.onClick=t=>{var e,i;!0===this.state._disabled?a(t):"function"==typeof(null===(e=this.state._on)||void 0===e?void 0:e.onClick)&&(t.preventDefault(),t.stopPropagation(),p(t,this.anchorRef),null===(i=this.state._on)||void 0===i||i.onClick(t,this.state._href))},this.getRenderValues=()=>{const t="string"==typeof this.state._target&&"_self"!==this.state._target,a={href:"string"==typeof this.state._href&&this.state._href.length>0?this.state._href:"javascript:void(0);",target:"string"==typeof this.state._target&&this.state._target.length>0?this.state._target:void 0,rel:t?"noopener":void 0,download:"string"==typeof this.state._download?this.state._download:void 0};return!0!==this.state._hideLabel||this.state._label||m("[KolLink] An aria-label must be set when _hide-label is set."),{isExternal:t,tagAttrs:a}},this._accessKey=void 0,this._ariaCurrentValue=void 0,this._ariaDescription=void 0,this._ariaExpanded=void 0,this._ariaOwns=void 0,this._disabled=!1,this._download=void 0,this._hideLabel=!1,this._href=void 0,this._icons=void 0,this._label=void 0,this._on=void 0,this._role=void 0,this._shortKey=void 0,this._tabIndex=void 0,this._target=void 0,this._tooltipAlign="right",this.state={_ariaCurrentValue:"page",_href:"",_icons:{}}}async kolFocus(){var t;null===(t=this.anchorRef)||void 0===t||t.focus()}render(){var a,i;const{isExternal:s,tagAttrs:l}=this.getRenderValues(),d=y(this.state._label),c=Boolean(null===(i=null===(a=this.state._ariaDescription)||void 0===a?void 0:a.trim())||void 0===i?void 0:i.length);return t(e,{key:"022a8e8b4e878c01769d9bc2055489e8339e61e8",class:"kol-link-wc"},t("a",Object.assign({key:"be75d4ced0efa0e3d9628ddf2258153d2b05276a",ref:this.catchRef},l,{accessKey:this.state._accessKey,"aria-current":this.state._ariaCurrent,"aria-describedby":c?this.internalDescriptionById:void 0,"aria-disabled":this.state._disabled?"true":void 0,"aria-expanded":"boolean"==typeof this.state._ariaExpanded?String(this.state._ariaExpanded):void 0,"aria-owns":this.state._ariaOwns,"aria-label":this.state._hideLabel&&"string"==typeof this.state._label?`${this.state._label}${s?` (${r("kol-open-link-in-tab")})`:""}`:void 0,class:{disabled:!0===this.state._disabled,"external-link":s,"hide-label":!0===this.state._hideLabel}},this.state._on,{onClick:this.onClick,onKeyPress:this.onClick,role:this.state._role,tabIndex:this.state._disabled?-1:this.state._tabIndex}),t(h,{key:"a660f84c110c0e4ff769ba8c2063413f0675e086",_badgeText:this.state._accessKey||this.state._shortKey,_icons:this.state._icons,_hideLabel:this.state._hideLabel,_label:d?"":this.state._label||this.state._href},t("slot",{key:"324e3e6fc7dc8ad85ae6698fe4aae4e52bb89dd2",name:"expert",slot:"expert"})),s&&t(o,{key:"e37ab8b96fd28666c16a089aaf80307e9a52829e",class:"external-link-icon",_label:this.state._hideLabel?"":r("kol-open-link-in-tab"),_icons:"codicon codicon-link-external","aria-hidden":this.state._hideLabel})),t(n,{key:"393ee80cec558f6c6c8500e6e32dbc7e50f12297","aria-hidden":"true",hidden:d||!this.state._hideLabel,_badgeText:this.state._accessKey||this.state._shortKey,_align:this.state._tooltipAlign,_label:this.state._label||this.state._href}),c&&t("span",{key:"67689414a8c93be7080f1d435b6521891f4a4f84",class:"visually-hidden",id:this.internalDescriptionById},this.state._ariaDescription))}validateAccessKey(t){l(this,t),f(t,this._shortKey)}validateAriaCurrentValue(t){L(this,t)}validateAriaDescription(t){g(this,t)}validateAriaExpanded(t){j(this,t)}validateAriaOwns(t){T(this,t)}validateDisabled(t){x(this,t)}validateDownload(t){V(this,t)}validateHideLabel(t){A(this,t)}validateHref(t){_(this,t,{required:!0})}validateIcons(t){w(this,t)}validateLabel(t){C(this,t)}validateOn(t){D(this,t)}validateRole(t){k(this,t)}validateShortKey(t){c(this,t),f(this._accessKey,t)}validateTabIndex(t){u(this,t)}validateTarget(t){I(this,t)}validateTooltipAlign(t){K(this,t)}componentWillLoad(){this.validateAccessKey(this._accessKey),this.validateAriaCurrentValue(this._ariaCurrentValue),this.validateAriaDescription(this._ariaDescription),this.validateAriaExpanded(this._ariaExpanded),this.validateAriaOwns(this._ariaOwns),this.validateDisabled(this._disabled),this.validateDownload(this._download),this.validateHideLabel(this._hideLabel),this.validateHref(this._href),this.validateIcons(this._icons),this.validateLabel(this._label),this.validateOn(this._on),this.validateRole(this._role),this.validateShortKey(this._shortKey),this.validateTabIndex(this._tabIndex),this.validateTarget(this._target),this.validateTooltipAlign(this._tooltipAlign),this.unsubscribeOnLocationChange=s((t=>{this.state._ariaCurrent=t===this.state._href?this.state._ariaCurrentValue:void 0})),f(this._accessKey,this._shortKey)}disconnectedCallback(){this.unsubscribeOnLocationChange&&this.unsubscribeOnLocationChange()}static get watchers(){return{_accessKey:["validateAccessKey"],_ariaCurrentValue:["validateAriaCurrentValue"],_ariaDescription:["validateAriaDescription"],_ariaExpanded:["validateAriaExpanded"],_ariaOwns:["validateAriaOwns"],_disabled:["validateDisabled"],_download:["validateDownload"],_hideLabel:["validateHideLabel"],_href:["validateHref"],_icons:["validateIcons"],_label:["validateLabel"],_on:["validateOn"],_role:["validateRole"],_shortKey:["validateShortKey"],_tabIndex:["validateTabIndex"],_target:["validateTarget"],_tooltipAlign:["validateTooltipAlign"]}}};export{E as kol_link_wc};
+import{r as i,h as t,H as e}from"./index-a49af574.js";import{o as s}from"./ariaCurrentService-6fe36ebc.js";import{p as a}from"./events-29e84d75.js";import{n as d}from"./dev.utils-8fad8415.js";import{u as n,d as h}from"./component-names-aa3cbc3c.js";import{t as r}from"./i18n-5fe08f1c.js";import{v as o,a as l,b as f,c}from"./access-and-short-key-864aafba.js";import{K as b}from"./Span-7f84ad00.js";import{w as u,i as p,q as v,j as m}from"./prop.validators-c5e6ad2d.js";import{v as _}from"./href-31b01f08.js";import{s as j}from"./reuse-32931294.js";import{v as y,a as g,b as k}from"./aria-expanded-1b7c2c54.js";import{v as x}from"./disabled-5fc4b444.js";import{v as A}from"./hide-label-db0db59c.js";import{v as w}from"./icons-f3b7aabd.js";import{a as K}from"./label-d70e7c34.js";import{v as C}from"./tooltip-align-c001aae2.js";import"./dev.utils-fab45cbc.js";import"./i18n-7ea9f137.js";import"./tslib.es6-2e5096f8.js";import"./clsx-09a06a12.js";import"./InternalUnderlinedBadgeText-8f2a64b6.js";import"./index-541b643a.js";import"./common-54bf85ba.js";import"./align-3f029493.js";const O=["date","location","page","step","time","true","false"],T=(t,a)=>{u(t,"_ariaCurrentValue",(t=>"string"==typeof t&&O.includes(t)),new Set([`AriaCurrentValue {${O.join(", ")}`]),a,{defaultValue:"page"})},L=(t,a)=>{p(t,"_ariaOwns",a,{defaultValue:void 0})},V=(t,a)=>{p(t,"_download",a)},D=(t,a)=>{"object"==typeof a&&"function"==typeof(null==a?void 0:a.onClick)&&(t.state=Object.assign(Object.assign({},t.state),{_on:a}))},I=(t,a)=>{p(t,"_target",a)},S=class{constructor(t){i(this,t),this.internalDescriptionById=d(),this.catchRef=t=>{this.anchorRef=t},this.onClick=t=>{var e,i;!0===this.state._disabled?a(t):"function"==typeof(null===(e=this.state._on)||void 0===e?void 0:e.onClick)&&(t.preventDefault(),t.stopPropagation(),v(t,this.anchorRef),null===(i=this.state._on)||void 0===i||i.onClick(t,this.state._href))},this.getRenderValues=()=>{const t="string"==typeof this.state._target&&"_self"!==this.state._target,a={href:"string"==typeof this.state._href&&this.state._href.length>0?this.state._href:"javascript:void(0);",target:"string"==typeof this.state._target&&this.state._target.length>0?this.state._target:void 0,rel:t?"noopener":void 0,download:"string"==typeof this.state._download?this.state._download:void 0};return!0!==this.state._hideLabel||this.state._label||m("[KolLink] An aria-label must be set when _hide-label is set."),{isExternal:t,tagAttrs:a}},this._accessKey=void 0,this._ariaCurrentValue=void 0,this._ariaDescription=void 0,this._ariaExpanded=void 0,this._ariaOwns=void 0,this._disabled=!1,this._download=void 0,this._hideLabel=!1,this._href=void 0,this._icons=void 0,this._label=void 0,this._on=void 0,this._role=void 0,this._shortKey=void 0,this._tabIndex=void 0,this._target=void 0,this._tooltipAlign="right",this.state={_ariaCurrentValue:"page",_href:"",_icons:{}}}async kolFocus(){var t;null===(t=this.anchorRef)||void 0===t||t.focus()}render(){var a,i;const{isExternal:s,tagAttrs:l}=this.getRenderValues(),o=j(this.state._label),d=Boolean(null===(i=null===(a=this.state._ariaDescription)||void 0===a?void 0:a.trim())||void 0===i?void 0:i.length);return t(e,{key:"f50e4cfd61ea75c9557e5d1c2e5f18b7539889c7",class:"kol-link-wc"},t("a",Object.assign({key:"8804ae5a9f113a96581da0ab39894ca35f560d6c",ref:this.catchRef},l,{accessKey:this.state._accessKey,"aria-current":this.state._ariaCurrent,"aria-describedby":d?this.internalDescriptionById:void 0,"aria-disabled":this.state._disabled?"true":void 0,"aria-expanded":"boolean"==typeof this.state._ariaExpanded?String(this.state._ariaExpanded):void 0,"aria-owns":this.state._ariaOwns,"aria-label":this.state._hideLabel&&"string"==typeof this.state._label?`${this.state._label}${s?` (${r("kol-open-link-in-tab")})`:""}`:void 0,class:{disabled:!0===this.state._disabled,"external-link":s,"hide-label":!0===this.state._hideLabel}},this.state._on,{onClick:this.onClick,onKeyPress:this.onClick,role:this.state._role,tabIndex:this.state._disabled?-1:this.state._tabIndex}),t(b,{key:"56d0688fe30e92b717a56a6ce6a63f4e926dd8ea",badgeText:this.state._accessKey||this.state._shortKey,icons:this.state._icons,hideLabel:this.state._hideLabel,label:o?"":this.state._label||this.state._href},t("slot",{key:"66d7eeb7f3f5f399ec96b576634726aefc073e77",name:"expert",slot:"expert"})),s&&t(h,{key:"314bb5cc26aaba0cb4438da94377896c0149c176",class:"external-link-icon",_label:this.state._hideLabel?"":r("kol-open-link-in-tab"),_icons:"codicon codicon-link-external","aria-hidden":this.state._hideLabel})),t(n,{key:"4b34f2122848fd06d1956e829e39f2ce356ce737","aria-hidden":"true",hidden:o||!this.state._hideLabel,_badgeText:this.state._accessKey||this.state._shortKey,_align:this.state._tooltipAlign,_label:this.state._label||this.state._href}),d&&t("span",{key:"535b52edfe4e1ac78f84d23ec4663fd97b7b3e07",class:"visually-hidden",id:this.internalDescriptionById},this.state._ariaDescription))}validateAccessKey(t){o(this,t),l(t,this._shortKey)}validateAriaCurrentValue(t){T(this,t)}validateAriaDescription(t){y(this,t)}validateAriaExpanded(t){g(this,t)}validateAriaOwns(t){L(this,t)}validateDisabled(t){x(this,t)}validateDownload(t){V(this,t)}validateHideLabel(t){A(this,t)}validateHref(t){_(this,t,{required:!0})}validateIcons(t){w(this,t)}validateLabel(t){K(this,t)}validateOn(t){D(this,t)}validateRole(t){k(this,t)}validateShortKey(t){f(this,t),l(this._accessKey,t)}validateTabIndex(t){c(this,t)}validateTarget(t){I(this,t)}validateTooltipAlign(t){C(this,t)}componentWillLoad(){this.validateAccessKey(this._accessKey),this.validateAriaCurrentValue(this._ariaCurrentValue),this.validateAriaDescription(this._ariaDescription),this.validateAriaExpanded(this._ariaExpanded),this.validateAriaOwns(this._ariaOwns),this.validateDisabled(this._disabled),this.validateDownload(this._download),this.validateHideLabel(this._hideLabel),this.validateHref(this._href),this.validateIcons(this._icons),this.validateLabel(this._label),this.validateOn(this._on),this.validateRole(this._role),this.validateShortKey(this._shortKey),this.validateTabIndex(this._tabIndex),this.validateTarget(this._target),this.validateTooltipAlign(this._tooltipAlign),this.unsubscribeOnLocationChange=s((t=>{this.state._ariaCurrent=t===this.state._href?this.state._ariaCurrentValue:void 0})),l(this._accessKey,this._shortKey)}disconnectedCallback(){this.unsubscribeOnLocationChange&&this.unsubscribeOnLocationChange()}static get watchers(){return{_accessKey:["validateAccessKey"],_ariaCurrentValue:["validateAriaCurrentValue"],_ariaDescription:["validateAriaDescription"],_ariaExpanded:["validateAriaExpanded"],_ariaOwns:["validateAriaOwns"],_disabled:["validateDisabled"],_download:["validateDownload"],_hideLabel:["validateHideLabel"],_href:["validateHref"],_icons:["validateIcons"],_label:["validateLabel"],_on:["validateOn"],_role:["validateRole"],_shortKey:["validateShortKey"],_tabIndex:["validateTabIndex"],_target:["validateTarget"],_tooltipAlign:["validateTooltipAlign"]}}};export{S as kol_link_wc};

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

@@ -1 +1 @@
-{"version":3,"names":["ariaCurrentValuePropTypeOptions","validateAriaCurrentValue","component","value","watchValidator","includes","Set","join","defaultValue","validateAriaOwns","watchString","undefined","validateDownload","validateLinkCallbacks","onClick","state","Object","assign","_on","validateLinkTarget","KolLinkWc","this","internalDescriptionById","nonce","catchRef","ref","anchorRef","event","_disabled","preventDefaultAndStopPropagation","_a","preventDefault","stopPropagation","setEventTarget","_b","_href","getRenderValues","isExternal","_target","tagAttrs","href","length","target","rel","download","_download","_hideLabel","_label","devHint","_ariaCurrentValue","_icons","kolFocus","focus","render","hasExpertSlot","showExpertSlot","hasAriaDescription","Boolean","_ariaDescription","trim","h","Host","key","class","accessKey","_accessKey","_ariaCurrent","_ariaExpanded","String","_ariaOwns","translate","disabled","onKeyPress","role","_role","tabIndex","_tabIndex","KolSpanWcTag","_badgeText","_shortKey","name","slot","KolIconTag","KolTooltipWcTag","hidden","_align","_tooltipAlign","id","validateAccessKey","validateAccessAndShortKey","validateAriaDescription","validateAriaExpanded","validateDisabled","validateHideLabel","validateHref","required","validateIcons","validateLabel","validateLabelWithExpertSlot","validateOn","validateRole","validateAlternativeButtonLinkRole","validateShortKey","validateTabIndex","validateTarget","validateTooltipAlign","componentWillLoad","unsubscribeOnLocationChange","onLocationChange","location","disconnectedCallback"],"sources":["src/schema/props/aria-current-value.ts","src/schema/props/aria-owns.ts","src/schema/props/download.ts","src/schema/props/link-on-callbacks.ts","src/schema/props/link-target.ts","src/components/link/component.tsx"],"sourcesContent":["/* types */\nimport type { Generic } from 'adopted-style-sheets';\nimport { watchValidator } from '../utils';\n\n/**\n * Defines the value for the aria-current attribute.\n * @see https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-current\n * @see https://www.aditus.io/aria/aria-current/\n */\nconst ariaCurrentValuePropTypeOptions = ['date', 'location', 'page', 'step', 'time', 'true', 'false'] as const;\nexport type AriaCurrentValuePropType = (typeof ariaCurrentValuePropTypeOptions)[number];\n\nexport type PropAriaCurrentValue = {\n\tariaCurrentValue: AriaCurrentValuePropType;\n};\n\n/* validator */\nexport const validateAriaCurrentValue = (component: Generic.Element.Component, value?: AriaCurrentValuePropType): void => {\n\twatchValidator(\n\t\tcomponent,\n\t\t`_ariaCurrentValue`,\n\t\t(value) => typeof value === 'string' && ariaCurrentValuePropTypeOptions.includes(value),\n\t\tnew Set([`AriaCurrentValue {${ariaCurrentValuePropTypeOptions.join(', ')}`]),\n\t\tvalue,\n\t\t{\n\t\t\tdefaultValue: 'page',\n\t\t},\n\t);\n};\n","/* types */\nimport type { Generic } from 'adopted-style-sheets';\nimport { watchString } from '../utils';\n\n/**\n * Defines the contextual relationship between a parent and its child elements.\n * @see https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-owns\n */\nexport type AriaOwnsPropType = string;\n\nexport type PropAriaOwns = {\n\tariaOwns: AriaOwnsPropType;\n};\n\n/* validator */\nexport const validateAriaOwns = (component: Generic.Element.Component, value?: AriaOwnsPropType): void => {\n\twatchString(component, '_ariaOwns', value, {\n\t\tdefaultValue: undefined,\n\t});\n};\n","import type { Generic } from 'adopted-style-sheets';\n\nimport { watchString } from '../utils';\n\n/* types */\n\nexport type DownloadPropType = string;\n\n/**\n * Tells the browser that the link contains a file. Optionally sets the filename.\n */\nexport type PropDownload = {\n\tdownload?: DownloadPropType;\n};\n\n/* validator */\nexport const validateDownload = (component: Generic.Element.Component, value?: DownloadPropType): void => {\n\twatchString(component, '_download', value);\n};\n","import type { Generic } from 'adopted-style-sheets';\nimport type { Events } from '../enums';\nimport type { EventValueOrEventCallback } from '../types/callbacks';\n\n/* types */\nexport type LinkOnCallbacksPropType = {\n\t[Events.onClick]?: EventValueOrEventCallback<Event, string>;\n};\n\n/**\n * Defines the callback functions for links.\n */\nexport type PropLinkOnCallbacks = {\n\ton: LinkOnCallbacksPropType;\n};\n\n/* validator */\nexport const validateLinkCallbacks = (component: Generic.Element.Component, value?: LinkOnCallbacksPropType): void => {\n\tif (typeof value === 'object' && typeof value?.onClick === 'function') {\n\t\tcomponent.state = {\n\t\t\t...component.state,\n\t\t\t_on: value,\n\t\t};\n\t}\n};\n","/* types */\n\n// https://www.w3schools.com/tags/att_a_target.asp\nimport type { Generic } from 'adopted-style-sheets';\nimport { watchString } from '../utils';\n\nexport type LinkTargetPropType = '_blank' | '_parent' | '_self' | '_top' | string;\n\n/**\n * Defines where to open the link.\n */\nexport type PropLinkTarget = {\n\ttarget: LinkTargetPropType;\n};\n\n/* validator */\nexport const validateLinkTarget = (component: Generic.Element.Component, value?: LinkTargetPropType): void => {\n\twatchString(component, '_target', value);\n};\n","import type {\n\tAccessKeyPropType,\n\tAlternativeButtonLinkRolePropType,\n\tAriaCurrentValuePropType,\n\tAriaDescriptionPropType,\n\tAriaExpandedPropType,\n\tAriaOwnsPropType,\n\tDisabledPropType,\n\tDownloadPropType,\n\tFocusableElement,\n\tHrefPropType,\n\tKoliBriIconsProp,\n\tLabelWithExpertSlotPropType,\n\tLinkAPI,\n\tLinkOnCallbacksPropType,\n\tLinkStates,\n\tLinkTargetPropType,\n\tShortKeyPropType,\n\tStringified,\n\tTooltipAlignPropType,\n} from '../../schema';\nimport {\n\tdevHint,\n\tsetEventTarget,\n\tshowExpertSlot,\n\tvalidateAccessKey,\n\tvalidateAlternativeButtonLinkRole,\n\tvalidateAriaCurrentValue,\n\tvalidateAriaDescription,\n\tvalidateAriaExpanded,\n\tvalidateAriaOwns,\n\tvalidateDisabled,\n\tvalidateDownload,\n\tvalidateHideLabel,\n\tvalidateHref,\n\tvalidateIcons,\n\tvalidateLabelWithExpertSlot,\n\tvalidateLinkCallbacks,\n\tvalidateLinkTarget,\n\tvalidateShortKey,\n\tvalidateTabIndex,\n\tvalidateTooltipAlign,\n} from '../../schema';\nimport type { JSX } from '@stencil/core';\nimport { Component, h, Host, Method, Prop, State, Watch } from '@stencil/core';\nimport type { UnsubscribeFunction } from './ariaCurrentService';\nimport { onLocationChange } from './ariaCurrentService';\nimport { preventDefaultAndStopPropagation } from '../../utils/events';\nimport { nonce } from '../../utils/dev.utils';\nimport { KolIconTag, KolSpanWcTag, KolTooltipWcTag } from '../../core/component-names';\n\nimport { translate } from '../../i18n';\nimport { validateAccessAndShortKey } from '../../schema/validators/access-and-short-key';\n\n/**\n * @internal\n */\n@Component({\n\ttag: 'kol-link-wc',\n\tshadow: false,\n})\nexport class KolLinkWc implements LinkAPI, FocusableElement {\n\tprivate anchorRef?: HTMLAnchorElement;\n\tprivate unsubscribeOnLocationChange?: UnsubscribeFunction;\n\n\tprivate readonly internalDescriptionById = nonce();\n\n\tprivate readonly catchRef = (ref?: HTMLAnchorElement) => {\n\t\tthis.anchorRef = ref;\n\t};\n\n\t@Method()\n\t// eslint-disable-next-line @typescript-eslint/require-await\n\tpublic async kolFocus() {\n\t\tthis.anchorRef?.focus();\n\t}\n\n\tprivate readonly onClick = (event: Event) => {\n\t\tif (this.state._disabled === true) {\n\t\t\tpreventDefaultAndStopPropagation(event);\n\t\t} else if (typeof this.state._on?.onClick === 'function') {\n\t\t\tevent.preventDefault();\n\t\t\tevent.stopPropagation();\n\t\t\tsetEventTarget(event, this.anchorRef);\n\t\t\tthis.state._on?.onClick(event, this.state._href);\n\t\t}\n\t};\n\n\tprivate readonly getRenderValues = () => {\n\t\t/**\n\t\t * DX\n\t\t * Das möchte ich ungern für HTML machen, sondern nur für Barrierefreiheitsthemen.\n\t\t */\n\t\t// if (typeof this.state._href === 'string' && this.state._href.length > 0) {\n\t\t//   console.error('Setz den URL.');\n\t\t//   throw new Error('Setz den URL.');\n\t\t// }\n\n\t\t// switch (this.state._target) {\n\t\t//   case '_blank':\n\t\t//   case '_self':\n\t\t//     break;\n\t\t//   default:\n\t\t//     console.error('Fehlerhaftes Target.');\n\t\t//     throw new Error('Fehlerhaftes Target.');\n\t\t// }\n\n\t\t// ROBUSTHEIT durch Validierung\n\t\tconst isExternal = typeof this.state._target === 'string' && this.state._target !== '_self';\n\n\t\tconst tagAttrs = {\n\t\t\thref: typeof this.state._href === 'string' && this.state._href.length > 0 ? this.state._href : 'javascript:void(0);',\n\t\t\ttarget: typeof this.state._target === 'string' && this.state._target.length > 0 ? this.state._target : undefined,\n\t\t\trel: isExternal ? 'noopener' : undefined,\n\t\t\tdownload: typeof this.state._download === 'string' ? this.state._download : undefined,\n\t\t};\n\n\t\tif (this.state._hideLabel === true && !this.state._label) {\n\t\t\tdevHint(`[KolLink] An aria-label must be set when _hide-label is set.`);\n\t\t}\n\t\treturn { isExternal, tagAttrs };\n\t};\n\n\tpublic render(): JSX.Element {\n\t\tconst { isExternal, tagAttrs } = this.getRenderValues();\n\t\tconst hasExpertSlot = showExpertSlot(this.state._label);\n\t\tconst hasAriaDescription = Boolean(this.state._ariaDescription?.trim()?.length);\n\n\t\treturn (\n\t\t\t<Host class=\"kol-link-wc\">\n\t\t\t\t<a\n\t\t\t\t\tref={this.catchRef}\n\t\t\t\t\t{...tagAttrs}\n\t\t\t\t\taccessKey={this.state._accessKey}\n\t\t\t\t\taria-current={this.state._ariaCurrent}\n\t\t\t\t\taria-describedby={hasAriaDescription ? this.internalDescriptionById : undefined}\n\t\t\t\t\taria-disabled={this.state._disabled ? 'true' : undefined}\n\t\t\t\t\taria-expanded={typeof this.state._ariaExpanded === 'boolean' ? String(this.state._ariaExpanded) : undefined}\n\t\t\t\t\taria-owns={this.state._ariaOwns}\n\t\t\t\t\taria-label={\n\t\t\t\t\t\tthis.state._hideLabel && typeof this.state._label === 'string'\n\t\t\t\t\t\t\t? `${this.state._label}${isExternal ? ` (${translate('kol-open-link-in-tab')})` : ''}`\n\t\t\t\t\t\t\t: undefined\n\t\t\t\t\t}\n\t\t\t\t\tclass={{\n\t\t\t\t\t\tdisabled: this.state._disabled === true,\n\t\t\t\t\t\t'external-link': isExternal,\n\t\t\t\t\t\t'hide-label': this.state._hideLabel === true,\n\t\t\t\t\t}}\n\t\t\t\t\t{...this.state._on}\n\t\t\t\t\t// https://github.com/jsx-eslint/eslint-plugin-jsx-a11y/blob/main/docs/rules/click-events-have-key-events.md\n\t\t\t\t\tonClick={this.onClick}\n\t\t\t\t\tonKeyPress={this.onClick}\n\t\t\t\t\trole={this.state._role}\n\t\t\t\t\ttabIndex={this.state._disabled ? -1 : this.state._tabIndex}\n\t\t\t\t>\n\t\t\t\t\t<KolSpanWcTag\n\t\t\t\t\t\t_badgeText={this.state._accessKey || this.state._shortKey}\n\t\t\t\t\t\t_icons={this.state._icons}\n\t\t\t\t\t\t_hideLabel={this.state._hideLabel}\n\t\t\t\t\t\t_label={hasExpertSlot ? '' : this.state._label || this.state._href}\n\t\t\t\t\t>\n\t\t\t\t\t\t<slot name=\"expert\" slot=\"expert\"></slot>\n\t\t\t\t\t</KolSpanWcTag>\n\t\t\t\t\t{isExternal && (\n\t\t\t\t\t\t<KolIconTag\n\t\t\t\t\t\t\tclass=\"external-link-icon\"\n\t\t\t\t\t\t\t_label={this.state._hideLabel ? '' : translate('kol-open-link-in-tab')}\n\t\t\t\t\t\t\t_icons={'codicon codicon-link-external'}\n\t\t\t\t\t\t\taria-hidden={this.state._hideLabel}\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\t\t\t\t</a>\n\t\t\t\t<KolTooltipWcTag\n\t\t\t\t\t/**\n\t\t\t\t\t * Dieses Aria-Hidden verhindert das doppelte Vorlesen des Labels,\n\t\t\t\t\t * verhindert aber nicht das Aria-Labelledby vorgelesen wird.\n\t\t\t\t\t */\n\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t\thidden={hasExpertSlot || !this.state._hideLabel}\n\t\t\t\t\t_badgeText={this.state._accessKey || this.state._shortKey}\n\t\t\t\t\t_align={this.state._tooltipAlign}\n\t\t\t\t\t_label={this.state._label || this.state._href}\n\t\t\t\t></KolTooltipWcTag>\n\t\t\t\t{hasAriaDescription && (\n\t\t\t\t\t<span class=\"visually-hidden\" id={this.internalDescriptionById}>\n\t\t\t\t\t\t{this.state._ariaDescription}\n\t\t\t\t\t</span>\n\t\t\t\t)}\n\t\t\t</Host>\n\t\t);\n\t}\n\n\t/**\n\t * Defines the elements access key.\n\t */\n\t@Prop() public _accessKey?: AccessKeyPropType;\n\n\t/**\n\t * Defines the value for the aria-current attribute.\n\t */\n\t@Prop() public _ariaCurrentValue?: AriaCurrentValuePropType;\n\n\t/**\n\t * Defines the value for the aria-description attribute.\n\t */\n\t@Prop() public _ariaDescription?: AriaDescriptionPropType;\n\n\t/**\n\t * Marks this element as open/expanded, or that the connected element (aria-controls/aria-owns) is open/expanded.\n\t * @TODO: Change type to `AriaExpandedPropType` after Stencil#4663 has been resolved.\n\t */\n\t@Prop() public _ariaExpanded?: boolean;\n\n\t/**\n\t * Defines the contextual relationship between a parent and its child elements.\n\t */\n\t@Prop() public _ariaOwns?: AriaOwnsPropType;\n\n\t/**\n\t * Makes the element not focusable and ignore all events.\n\t */\n\t@Prop() public _disabled?: boolean = false;\n\n\t/**\n\t * Tells the browser that the link contains a file. Optionally sets the filename.\n\t */\n\t@Prop() public _download?: DownloadPropType;\n\n\t/**\n\t * Hides the caption by default and displays the caption text with a tooltip when the\n\t * interactive element is focused or the mouse is over it.\n\t * @TODO: Change type back to `HideLabelPropType` after Stencil#4663 has been resolved.\n\t */\n\t@Prop() public _hideLabel?: boolean = false;\n\n\t/**\n\t * Sets the target URI of the link or citation source.\n\t */\n\t@Prop() public _href!: HrefPropType;\n\n\t/**\n\t * Defines the icon classnames (e.g. `_icons=\"fa-solid fa-user\"`).\n\t */\n\t@Prop() public _icons?: Stringified<KoliBriIconsProp>;\n\n\t/**\n\t * Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.). Set to `false` to enable the expert slot.\n\t */\n\t@Prop() public _label?: LabelWithExpertSlotPropType;\n\n\t/**\n\t * Defines the callback functions for links.\n\t */\n\t@Prop() public _on?: LinkOnCallbacksPropType;\n\n\t/**\n\t * Defines the role of the components primary element.\n\t */\n\t@Prop() public _role?: AlternativeButtonLinkRolePropType;\n\n\t/**\n\t * Adds a visual short key hint to the component.\n\t */\n\t@Prop() public _shortKey?: ShortKeyPropType;\n\n\t/**\n\t * Defines which tab-index the primary element of the component has. (https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex)\n\t */\n\t@Prop() public _tabIndex?: number;\n\n\t/**\n\t * Defines where to open the link.\n\t */\n\t@Prop() public _target?: LinkTargetPropType;\n\n\t/**\n\t * Defines where to show the Tooltip preferably: top, right, bottom or left.\n\t */\n\t@Prop() public _tooltipAlign?: TooltipAlignPropType = 'right';\n\n\t@State() public state: LinkStates = {\n\t\t_ariaCurrentValue: 'page',\n\t\t_href: '', // ⚠ required\n\t\t_icons: {},\n\t};\n\n\t@Watch('_accessKey')\n\tpublic validateAccessKey(value?: AccessKeyPropType): void {\n\t\tvalidateAccessKey(this, value);\n\t\tvalidateAccessAndShortKey(value, this._shortKey);\n\t}\n\n\t@Watch('_ariaCurrentValue')\n\tpublic validateAriaCurrentValue(value?: AriaCurrentValuePropType): void {\n\t\tvalidateAriaCurrentValue(this, value);\n\t}\n\n\t@Watch('_ariaDescription')\n\tpublic validateAriaDescription(value?: AriaDescriptionPropType): void {\n\t\tvalidateAriaDescription(this, value);\n\t}\n\n\t@Watch('_ariaExpanded')\n\tpublic validateAriaExpanded(value?: AriaExpandedPropType): void {\n\t\tvalidateAriaExpanded(this, value);\n\t}\n\n\t@Watch('_ariaOwns')\n\tpublic validateAriaOwns(value?: AriaOwnsPropType): void {\n\t\tvalidateAriaOwns(this, value);\n\t}\n\n\t@Watch('_disabled')\n\tpublic validateDisabled(value?: DisabledPropType): void {\n\t\tvalidateDisabled(this, value);\n\t}\n\n\t@Watch('_download')\n\tpublic validateDownload(value?: DownloadPropType): void {\n\t\tvalidateDownload(this, value);\n\t}\n\n\t@Watch('_hideLabel')\n\tpublic validateHideLabel(value?: boolean): void {\n\t\tvalidateHideLabel(this, value);\n\t}\n\n\t@Watch('_href')\n\tpublic validateHref(value?: string): void {\n\t\tvalidateHref(this, value, {\n\t\t\trequired: true,\n\t\t});\n\t}\n\n\t@Watch('_icons')\n\tpublic validateIcons(value?: KoliBriIconsProp): void {\n\t\tvalidateIcons(this, value);\n\t}\n\n\t@Watch('_label')\n\tpublic validateLabel(value?: LabelWithExpertSlotPropType): void {\n\t\tvalidateLabelWithExpertSlot(this, value);\n\t}\n\n\t@Watch('_on')\n\tpublic validateOn(value?: LinkOnCallbacksPropType): void {\n\t\tvalidateLinkCallbacks(this, value);\n\t}\n\n\t@Watch('_role')\n\tpublic validateRole(value?: AlternativeButtonLinkRolePropType): void {\n\t\tvalidateAlternativeButtonLinkRole(this, value);\n\t}\n\n\t@Watch('_shortKey')\n\tpublic validateShortKey(value?: ShortKeyPropType): void {\n\t\tvalidateShortKey(this, value);\n\t\tvalidateAccessAndShortKey(this._accessKey, value);\n\t}\n\n\t@Watch('_tabIndex')\n\tpublic validateTabIndex(value?: number): void {\n\t\tvalidateTabIndex(this, value);\n\t}\n\n\t@Watch('_target')\n\tpublic validateTarget(value?: LinkTargetPropType): void {\n\t\tvalidateLinkTarget(this, value);\n\t}\n\n\t@Watch('_tooltipAlign')\n\tpublic validateTooltipAlign(value?: TooltipAlignPropType): void {\n\t\tvalidateTooltipAlign(this, value);\n\t}\n\n\tpublic componentWillLoad(): void {\n\t\tthis.validateAccessKey(this._accessKey);\n\t\tthis.validateAriaCurrentValue(this._ariaCurrentValue);\n\t\tthis.validateAriaDescription(this._ariaDescription);\n\t\tthis.validateAriaExpanded(this._ariaExpanded);\n\t\tthis.validateAriaOwns(this._ariaOwns);\n\t\tthis.validateDisabled(this._disabled);\n\t\tthis.validateDownload(this._download);\n\t\tthis.validateHideLabel(this._hideLabel);\n\t\tthis.validateHref(this._href);\n\t\tthis.validateIcons(this._icons);\n\t\tthis.validateLabel(this._label);\n\t\tthis.validateOn(this._on);\n\t\tthis.validateRole(this._role);\n\t\tthis.validateShortKey(this._shortKey);\n\t\tthis.validateTabIndex(this._tabIndex);\n\t\tthis.validateTarget(this._target);\n\t\tthis.validateTooltipAlign(this._tooltipAlign);\n\t\tthis.unsubscribeOnLocationChange = onLocationChange((location) => {\n\t\t\tthis.state._ariaCurrent = location === this.state._href ? this.state._ariaCurrentValue : undefined;\n\t\t});\n\t\tvalidateAccessAndShortKey(this._accessKey, this._shortKey);\n\t}\n\n\tpublic disconnectedCallback(): void {\n\t\tif (this.unsubscribeOnLocationChange) {\n\t\t\tthis.unsubscribeOnLocationChange();\n\t\t}\n\t}\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["ariaCurrentValuePropTypeOptions","validateAriaCurrentValue","component","value","watchValidator","includes","Set","join","defaultValue","validateAriaOwns","watchString","undefined","validateDownload","validateLinkCallbacks","onClick","state","Object","assign","_on","validateLinkTarget","KolLinkWc","this","internalDescriptionById","nonce","catchRef","ref","anchorRef","event","_disabled","preventDefaultAndStopPropagation","_a","preventDefault","stopPropagation","setEventTarget","_b","_href","getRenderValues","isExternal","_target","tagAttrs","href","length","target","rel","download","_download","_hideLabel","_label","devHint","_ariaCurrentValue","_icons","kolFocus","focus","render","hasExpertSlot","showExpertSlot","hasAriaDescription","Boolean","_ariaDescription","trim","h","Host","key","class","accessKey","_accessKey","_ariaCurrent","_ariaExpanded","String","_ariaOwns","translate","disabled","onKeyPress","role","_role","tabIndex","_tabIndex","KolSpanFc","badgeText","_shortKey","icons","hideLabel","label","name","slot","KolIconTag","KolTooltipWcTag","hidden","_badgeText","_align","_tooltipAlign","id","validateAccessKey","validateAccessAndShortKey","validateAriaDescription","validateAriaExpanded","validateDisabled","validateHideLabel","validateHref","required","validateIcons","validateLabel","validateLabelWithExpertSlot","validateOn","validateRole","validateAlternativeButtonLinkRole","validateShortKey","validateTabIndex","validateTarget","validateTooltipAlign","componentWillLoad","unsubscribeOnLocationChange","onLocationChange","location","disconnectedCallback"],"sources":["src/schema/props/aria-current-value.ts","src/schema/props/aria-owns.ts","src/schema/props/download.ts","src/schema/props/link-on-callbacks.ts","src/schema/props/link-target.ts","src/components/link/component.tsx"],"sourcesContent":["/* types */\nimport type { Generic } from 'adopted-style-sheets';\nimport { watchValidator } from '../utils';\n\n/**\n * Defines the value for the aria-current attribute.\n * @see https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-current\n * @see https://www.aditus.io/aria/aria-current/\n */\nconst ariaCurrentValuePropTypeOptions = ['date', 'location', 'page', 'step', 'time', 'true', 'false'] as const;\nexport type AriaCurrentValuePropType = (typeof ariaCurrentValuePropTypeOptions)[number];\n\nexport type PropAriaCurrentValue = {\n\tariaCurrentValue: AriaCurrentValuePropType;\n};\n\n/* validator */\nexport const validateAriaCurrentValue = (component: Generic.Element.Component, value?: AriaCurrentValuePropType): void => {\n\twatchValidator(\n\t\tcomponent,\n\t\t`_ariaCurrentValue`,\n\t\t(value) => typeof value === 'string' && ariaCurrentValuePropTypeOptions.includes(value),\n\t\tnew Set([`AriaCurrentValue {${ariaCurrentValuePropTypeOptions.join(', ')}`]),\n\t\tvalue,\n\t\t{\n\t\t\tdefaultValue: 'page',\n\t\t},\n\t);\n};\n","/* types */\nimport type { Generic } from 'adopted-style-sheets';\nimport { watchString } from '../utils';\n\n/**\n * Defines the contextual relationship between a parent and its child elements.\n * @see https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-owns\n */\nexport type AriaOwnsPropType = string;\n\nexport type PropAriaOwns = {\n\tariaOwns: AriaOwnsPropType;\n};\n\n/* validator */\nexport const validateAriaOwns = (component: Generic.Element.Component, value?: AriaOwnsPropType): void => {\n\twatchString(component, '_ariaOwns', value, {\n\t\tdefaultValue: undefined,\n\t});\n};\n","import type { Generic } from 'adopted-style-sheets';\n\nimport { watchString } from '../utils';\n\n/* types */\n\nexport type DownloadPropType = string;\n\n/**\n * Tells the browser that the link contains a file. Optionally sets the filename.\n */\nexport type PropDownload = {\n\tdownload?: DownloadPropType;\n};\n\n/* validator */\nexport const validateDownload = (component: Generic.Element.Component, value?: DownloadPropType): void => {\n\twatchString(component, '_download', value);\n};\n","import type { Generic } from 'adopted-style-sheets';\nimport type { Events } from '../enums';\nimport type { EventValueOrEventCallback } from '../types/callbacks';\n\n/* types */\nexport type LinkOnCallbacksPropType = {\n\t[Events.onClick]?: EventValueOrEventCallback<Event, string>;\n};\n\n/**\n * Defines the callback functions for links.\n */\nexport type PropLinkOnCallbacks = {\n\ton: LinkOnCallbacksPropType;\n};\n\n/* validator */\nexport const validateLinkCallbacks = (component: Generic.Element.Component, value?: LinkOnCallbacksPropType): void => {\n\tif (typeof value === 'object' && typeof value?.onClick === 'function') {\n\t\tcomponent.state = {\n\t\t\t...component.state,\n\t\t\t_on: value,\n\t\t};\n\t}\n};\n","/* types */\n\n// https://www.w3schools.com/tags/att_a_target.asp\nimport type { Generic } from 'adopted-style-sheets';\nimport { watchString } from '../utils';\n\nexport type LinkTargetPropType = '_blank' | '_parent' | '_self' | '_top' | string;\n\n/**\n * Defines where to open the link.\n */\nexport type PropLinkTarget = {\n\ttarget: LinkTargetPropType;\n};\n\n/* validator */\nexport const validateLinkTarget = (component: Generic.Element.Component, value?: LinkTargetPropType): void => {\n\twatchString(component, '_target', value);\n};\n","import type {\n\tAccessKeyPropType,\n\tAlternativeButtonLinkRolePropType,\n\tAriaCurrentValuePropType,\n\tAriaDescriptionPropType,\n\tAriaExpandedPropType,\n\tAriaOwnsPropType,\n\tDisabledPropType,\n\tDownloadPropType,\n\tFocusableElement,\n\tHrefPropType,\n\tKoliBriIconsProp,\n\tLabelWithExpertSlotPropType,\n\tLinkAPI,\n\tLinkOnCallbacksPropType,\n\tLinkStates,\n\tLinkTargetPropType,\n\tShortKeyPropType,\n\tStringified,\n\tTooltipAlignPropType,\n} from '../../schema';\nimport {\n\tdevHint,\n\tsetEventTarget,\n\tshowExpertSlot,\n\tvalidateAccessKey,\n\tvalidateAlternativeButtonLinkRole,\n\tvalidateAriaCurrentValue,\n\tvalidateAriaDescription,\n\tvalidateAriaExpanded,\n\tvalidateAriaOwns,\n\tvalidateDisabled,\n\tvalidateDownload,\n\tvalidateHideLabel,\n\tvalidateHref,\n\tvalidateIcons,\n\tvalidateLabelWithExpertSlot,\n\tvalidateLinkCallbacks,\n\tvalidateLinkTarget,\n\tvalidateShortKey,\n\tvalidateTabIndex,\n\tvalidateTooltipAlign,\n} from '../../schema';\nimport type { JSX } from '@stencil/core';\nimport { Component, h, Host, Method, Prop, State, Watch } from '@stencil/core';\nimport type { UnsubscribeFunction } from './ariaCurrentService';\nimport { onLocationChange } from './ariaCurrentService';\nimport { preventDefaultAndStopPropagation } from '../../utils/events';\nimport { nonce } from '../../utils/dev.utils';\nimport { KolIconTag, KolTooltipWcTag } from '../../core/component-names';\n\nimport { translate } from '../../i18n';\nimport { validateAccessAndShortKey } from '../../schema/validators/access-and-short-key';\nimport { KolSpanFc } from '../../functional-components';\n\n/**\n * @internal\n */\n@Component({\n\ttag: 'kol-link-wc',\n\tshadow: false,\n})\nexport class KolLinkWc implements LinkAPI, FocusableElement {\n\tprivate anchorRef?: HTMLAnchorElement;\n\tprivate unsubscribeOnLocationChange?: UnsubscribeFunction;\n\n\tprivate readonly internalDescriptionById = nonce();\n\n\tprivate readonly catchRef = (ref?: HTMLAnchorElement) => {\n\t\tthis.anchorRef = ref;\n\t};\n\n\t@Method()\n\t// eslint-disable-next-line @typescript-eslint/require-await\n\tpublic async kolFocus() {\n\t\tthis.anchorRef?.focus();\n\t}\n\n\tprivate readonly onClick = (event: Event) => {\n\t\tif (this.state._disabled === true) {\n\t\t\tpreventDefaultAndStopPropagation(event);\n\t\t} else if (typeof this.state._on?.onClick === 'function') {\n\t\t\tevent.preventDefault();\n\t\t\tevent.stopPropagation();\n\t\t\tsetEventTarget(event, this.anchorRef);\n\t\t\tthis.state._on?.onClick(event, this.state._href);\n\t\t}\n\t};\n\n\tprivate readonly getRenderValues = () => {\n\t\t/**\n\t\t * DX\n\t\t * Das möchte ich ungern für HTML machen, sondern nur für Barrierefreiheitsthemen.\n\t\t */\n\t\t// if (typeof this.state._href === 'string' && this.state._href.length > 0) {\n\t\t//   console.error('Setz den URL.');\n\t\t//   throw new Error('Setz den URL.');\n\t\t// }\n\n\t\t// switch (this.state._target) {\n\t\t//   case '_blank':\n\t\t//   case '_self':\n\t\t//     break;\n\t\t//   default:\n\t\t//     console.error('Fehlerhaftes Target.');\n\t\t//     throw new Error('Fehlerhaftes Target.');\n\t\t// }\n\n\t\t// ROBUSTHEIT durch Validierung\n\t\tconst isExternal = typeof this.state._target === 'string' && this.state._target !== '_self';\n\n\t\tconst tagAttrs = {\n\t\t\thref: typeof this.state._href === 'string' && this.state._href.length > 0 ? this.state._href : 'javascript:void(0);',\n\t\t\ttarget: typeof this.state._target === 'string' && this.state._target.length > 0 ? this.state._target : undefined,\n\t\t\trel: isExternal ? 'noopener' : undefined,\n\t\t\tdownload: typeof this.state._download === 'string' ? this.state._download : undefined,\n\t\t};\n\n\t\tif (this.state._hideLabel === true && !this.state._label) {\n\t\t\tdevHint(`[KolLink] An aria-label must be set when _hide-label is set.`);\n\t\t}\n\t\treturn { isExternal, tagAttrs };\n\t};\n\n\tpublic render(): JSX.Element {\n\t\tconst { isExternal, tagAttrs } = this.getRenderValues();\n\t\tconst hasExpertSlot = showExpertSlot(this.state._label);\n\t\tconst hasAriaDescription = Boolean(this.state._ariaDescription?.trim()?.length);\n\n\t\treturn (\n\t\t\t<Host class=\"kol-link-wc\">\n\t\t\t\t<a\n\t\t\t\t\tref={this.catchRef}\n\t\t\t\t\t{...tagAttrs}\n\t\t\t\t\taccessKey={this.state._accessKey}\n\t\t\t\t\taria-current={this.state._ariaCurrent}\n\t\t\t\t\taria-describedby={hasAriaDescription ? this.internalDescriptionById : undefined}\n\t\t\t\t\taria-disabled={this.state._disabled ? 'true' : undefined}\n\t\t\t\t\taria-expanded={typeof this.state._ariaExpanded === 'boolean' ? String(this.state._ariaExpanded) : undefined}\n\t\t\t\t\taria-owns={this.state._ariaOwns}\n\t\t\t\t\taria-label={\n\t\t\t\t\t\tthis.state._hideLabel && typeof this.state._label === 'string'\n\t\t\t\t\t\t\t? `${this.state._label}${isExternal ? ` (${translate('kol-open-link-in-tab')})` : ''}`\n\t\t\t\t\t\t\t: undefined\n\t\t\t\t\t}\n\t\t\t\t\tclass={{\n\t\t\t\t\t\tdisabled: this.state._disabled === true,\n\t\t\t\t\t\t'external-link': isExternal,\n\t\t\t\t\t\t'hide-label': this.state._hideLabel === true,\n\t\t\t\t\t}}\n\t\t\t\t\t{...this.state._on}\n\t\t\t\t\t// https://github.com/jsx-eslint/eslint-plugin-jsx-a11y/blob/main/docs/rules/click-events-have-key-events.md\n\t\t\t\t\tonClick={this.onClick}\n\t\t\t\t\tonKeyPress={this.onClick}\n\t\t\t\t\trole={this.state._role}\n\t\t\t\t\ttabIndex={this.state._disabled ? -1 : this.state._tabIndex}\n\t\t\t\t>\n\t\t\t\t\t<KolSpanFc\n\t\t\t\t\t\tbadgeText={this.state._accessKey || this.state._shortKey}\n\t\t\t\t\t\ticons={this.state._icons}\n\t\t\t\t\t\thideLabel={this.state._hideLabel}\n\t\t\t\t\t\tlabel={hasExpertSlot ? '' : this.state._label || this.state._href}\n\t\t\t\t\t>\n\t\t\t\t\t\t<slot name=\"expert\" slot=\"expert\"></slot>\n\t\t\t\t\t</KolSpanFc>\n\t\t\t\t\t{isExternal && (\n\t\t\t\t\t\t<KolIconTag\n\t\t\t\t\t\t\tclass=\"external-link-icon\"\n\t\t\t\t\t\t\t_label={this.state._hideLabel ? '' : translate('kol-open-link-in-tab')}\n\t\t\t\t\t\t\t_icons={'codicon codicon-link-external'}\n\t\t\t\t\t\t\taria-hidden={this.state._hideLabel}\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\t\t\t\t</a>\n\t\t\t\t<KolTooltipWcTag\n\t\t\t\t\t/**\n\t\t\t\t\t * Dieses Aria-Hidden verhindert das doppelte Vorlesen des Labels,\n\t\t\t\t\t * verhindert aber nicht das Aria-Labelledby vorgelesen wird.\n\t\t\t\t\t */\n\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t\thidden={hasExpertSlot || !this.state._hideLabel}\n\t\t\t\t\t_badgeText={this.state._accessKey || this.state._shortKey}\n\t\t\t\t\t_align={this.state._tooltipAlign}\n\t\t\t\t\t_label={this.state._label || this.state._href}\n\t\t\t\t></KolTooltipWcTag>\n\t\t\t\t{hasAriaDescription && (\n\t\t\t\t\t<span class=\"visually-hidden\" id={this.internalDescriptionById}>\n\t\t\t\t\t\t{this.state._ariaDescription}\n\t\t\t\t\t</span>\n\t\t\t\t)}\n\t\t\t</Host>\n\t\t);\n\t}\n\n\t/**\n\t * Defines the elements access key.\n\t */\n\t@Prop() public _accessKey?: AccessKeyPropType;\n\n\t/**\n\t * Defines the value for the aria-current attribute.\n\t */\n\t@Prop() public _ariaCurrentValue?: AriaCurrentValuePropType;\n\n\t/**\n\t * Defines the value for the aria-description attribute.\n\t */\n\t@Prop() public _ariaDescription?: AriaDescriptionPropType;\n\n\t/**\n\t * Marks this element as open/expanded, or that the connected element (aria-controls/aria-owns) is open/expanded.\n\t * @TODO: Change type to `AriaExpandedPropType` after Stencil#4663 has been resolved.\n\t */\n\t@Prop() public _ariaExpanded?: boolean;\n\n\t/**\n\t * Defines the contextual relationship between a parent and its child elements.\n\t */\n\t@Prop() public _ariaOwns?: AriaOwnsPropType;\n\n\t/**\n\t * Makes the element not focusable and ignore all events.\n\t */\n\t@Prop() public _disabled?: boolean = false;\n\n\t/**\n\t * Tells the browser that the link contains a file. Optionally sets the filename.\n\t */\n\t@Prop() public _download?: DownloadPropType;\n\n\t/**\n\t * Hides the caption by default and displays the caption text with a tooltip when the\n\t * interactive element is focused or the mouse is over it.\n\t * @TODO: Change type back to `HideLabelPropType` after Stencil#4663 has been resolved.\n\t */\n\t@Prop() public _hideLabel?: boolean = false;\n\n\t/**\n\t * Sets the target URI of the link or citation source.\n\t */\n\t@Prop() public _href!: HrefPropType;\n\n\t/**\n\t * Defines the icon classnames (e.g. `_icons=\"fa-solid fa-user\"`).\n\t */\n\t@Prop() public _icons?: Stringified<KoliBriIconsProp>;\n\n\t/**\n\t * Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.). Set to `false` to enable the expert slot.\n\t */\n\t@Prop() public _label?: LabelWithExpertSlotPropType;\n\n\t/**\n\t * Defines the callback functions for links.\n\t */\n\t@Prop() public _on?: LinkOnCallbacksPropType;\n\n\t/**\n\t * Defines the role of the components primary element.\n\t */\n\t@Prop() public _role?: AlternativeButtonLinkRolePropType;\n\n\t/**\n\t * Adds a visual short key hint to the component.\n\t */\n\t@Prop() public _shortKey?: ShortKeyPropType;\n\n\t/**\n\t * Defines which tab-index the primary element of the component has. (https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex)\n\t */\n\t@Prop() public _tabIndex?: number;\n\n\t/**\n\t * Defines where to open the link.\n\t */\n\t@Prop() public _target?: LinkTargetPropType;\n\n\t/**\n\t * Defines where to show the Tooltip preferably: top, right, bottom or left.\n\t */\n\t@Prop() public _tooltipAlign?: TooltipAlignPropType = 'right';\n\n\t@State() public state: LinkStates = {\n\t\t_ariaCurrentValue: 'page',\n\t\t_href: '', // ⚠ required\n\t\t_icons: {},\n\t};\n\n\t@Watch('_accessKey')\n\tpublic validateAccessKey(value?: AccessKeyPropType): void {\n\t\tvalidateAccessKey(this, value);\n\t\tvalidateAccessAndShortKey(value, this._shortKey);\n\t}\n\n\t@Watch('_ariaCurrentValue')\n\tpublic validateAriaCurrentValue(value?: AriaCurrentValuePropType): void {\n\t\tvalidateAriaCurrentValue(this, value);\n\t}\n\n\t@Watch('_ariaDescription')\n\tpublic validateAriaDescription(value?: AriaDescriptionPropType): void {\n\t\tvalidateAriaDescription(this, value);\n\t}\n\n\t@Watch('_ariaExpanded')\n\tpublic validateAriaExpanded(value?: AriaExpandedPropType): void {\n\t\tvalidateAriaExpanded(this, value);\n\t}\n\n\t@Watch('_ariaOwns')\n\tpublic validateAriaOwns(value?: AriaOwnsPropType): void {\n\t\tvalidateAriaOwns(this, value);\n\t}\n\n\t@Watch('_disabled')\n\tpublic validateDisabled(value?: DisabledPropType): void {\n\t\tvalidateDisabled(this, value);\n\t}\n\n\t@Watch('_download')\n\tpublic validateDownload(value?: DownloadPropType): void {\n\t\tvalidateDownload(this, value);\n\t}\n\n\t@Watch('_hideLabel')\n\tpublic validateHideLabel(value?: boolean): void {\n\t\tvalidateHideLabel(this, value);\n\t}\n\n\t@Watch('_href')\n\tpublic validateHref(value?: string): void {\n\t\tvalidateHref(this, value, {\n\t\t\trequired: true,\n\t\t});\n\t}\n\n\t@Watch('_icons')\n\tpublic validateIcons(value?: KoliBriIconsProp): void {\n\t\tvalidateIcons(this, value);\n\t}\n\n\t@Watch('_label')\n\tpublic validateLabel(value?: LabelWithExpertSlotPropType): void {\n\t\tvalidateLabelWithExpertSlot(this, value);\n\t}\n\n\t@Watch('_on')\n\tpublic validateOn(value?: LinkOnCallbacksPropType): void {\n\t\tvalidateLinkCallbacks(this, value);\n\t}\n\n\t@Watch('_role')\n\tpublic validateRole(value?: AlternativeButtonLinkRolePropType): void {\n\t\tvalidateAlternativeButtonLinkRole(this, value);\n\t}\n\n\t@Watch('_shortKey')\n\tpublic validateShortKey(value?: ShortKeyPropType): void {\n\t\tvalidateShortKey(this, value);\n\t\tvalidateAccessAndShortKey(this._accessKey, value);\n\t}\n\n\t@Watch('_tabIndex')\n\tpublic validateTabIndex(value?: number): void {\n\t\tvalidateTabIndex(this, value);\n\t}\n\n\t@Watch('_target')\n\tpublic validateTarget(value?: LinkTargetPropType): void {\n\t\tvalidateLinkTarget(this, value);\n\t}\n\n\t@Watch('_tooltipAlign')\n\tpublic validateTooltipAlign(value?: TooltipAlignPropType): void {\n\t\tvalidateTooltipAlign(this, value);\n\t}\n\n\tpublic componentWillLoad(): void {\n\t\tthis.validateAccessKey(this._accessKey);\n\t\tthis.validateAriaCurrentValue(this._ariaCurrentValue);\n\t\tthis.validateAriaDescription(this._ariaDescription);\n\t\tthis.validateAriaExpanded(this._ariaExpanded);\n\t\tthis.validateAriaOwns(this._ariaOwns);\n\t\tthis.validateDisabled(this._disabled);\n\t\tthis.validateDownload(this._download);\n\t\tthis.validateHideLabel(this._hideLabel);\n\t\tthis.validateHref(this._href);\n\t\tthis.validateIcons(this._icons);\n\t\tthis.validateLabel(this._label);\n\t\tthis.validateOn(this._on);\n\t\tthis.validateRole(this._role);\n\t\tthis.validateShortKey(this._shortKey);\n\t\tthis.validateTabIndex(this._tabIndex);\n\t\tthis.validateTarget(this._target);\n\t\tthis.validateTooltipAlign(this._tooltipAlign);\n\t\tthis.unsubscribeOnLocationChange = onLocationChange((location) => {\n\t\t\tthis.state._ariaCurrent = location === this.state._href ? this.state._ariaCurrentValue : undefined;\n\t\t});\n\t\tvalidateAccessAndShortKey(this._accessKey, this._shortKey);\n\t}\n\n\tpublic disconnectedCallback(): void {\n\t\tif (this.unsubscribeOnLocationChange) {\n\t\t\tthis.unsubscribeOnLocationChange();\n\t\t}\n\t}\n}\n"],"mappings":"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","ignoreList":[]}