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

package/dist/assets/kol-input-color.entry-CArvnkBF.js

@@ -0,0 +1,317 @@
+import{h as o,r as s,g as r,w as d,m as c}from"./index-DfN2w0z5.js";import{_ as u}from"./tslib.es6-1173d062-BAJoBDh7.js";import{n as h}from"./dev.utils-cb61837d-CUfu0P_a.js";import{F as p}from"./getRenderStates-c4b5c6cb-C2f3fQmN.js";import{I as i}from"./InputStateWrapper-9b8419a8-BkOGpKVZ.js";import{I as m,a as f}from"./controller-icon-de12de48-XggCpPzn.js";import{v as g}from"./suggestions-198125b7-Hpe1IgIz.js";import"./i18n-260f0fe9-Dp1L11gL.js";import"./isArray-7a60fa7f-CQEkOYWk.js";import"./associated.controller-92af2554-ySRR11sA.js";import"./access-and-short-key-f743a5c4-PaKpXIXk.js";import"./tooltip-align-465a8590-IESrC2qu.js";import"./align-d2572387-dyUBsp20.js";import"./hide-label-8b3a8709-CWVFtS7m.js";import"./label-bf9966d0-DwwEzCUj.js";import"./clsx-09a06a12-BT_IL7Fz.js";import"./Alert-112aec59-B-1TO_mK.js";import"./Heading-733c8dda-CDt2HwZG.js";import"./InternalUnderlinedBadgeText-781ef373-z8Yk16ZJ.js";import"./Input-8502a991-B5vCSnGc.js";import"./Icon-446dff9e-BcrAHzKE.js";import"./isObject-ffcbbb76-CLygU1TZ.js";import"./icons-a9c52ed8-BRrVRDjm.js";/*!
+ * KoliBri - The accessible HTML-Standard
+ */const a=["on","off"];class _ extends f{constructor(n,e,l){super(n,e,l),this.component=n}validateAutoComplete(n){d(this.component,"_autoComplete",e=>typeof e=="string"&&a.includes(e),new Set(a),n)}validateSuggestions(n){g(this.component,n)}validateValue(n){c(this.component,"_value",n),this.setFormAssociatedValue(this.component.state._value)}componentWillLoad(){super.componentWillLoad(),this.validateAutoComplete(this.component._autoComplete),this.validateSuggestions(this.component._suggestions),this.validateValue(this.component._value)}}const b=`/*
+ * This file contains all rules for accessibility.
+ */
+@layer kol-global {
+  :host {
+    /*
+     * Minimum size of interactive elements.
+     */
+    --a11y-min-size: calc(44rem / var(--kolibri-root-font-size, 16));
+    /*
+     * No element should be used without a background and font color whose contrast ratio has
+     * not been checked. By initially setting the background color to white and the font color
+     * to black, the contrast ratio is ensured and explicit adjustment is forced.
+     */
+    background-color: white;
+    color: black;
+  }
+  * {
+    /*
+     * This rule enables the word dividing for all texts. That is important for high zoom levels.
+     */
+    hyphens: auto;
+    /*
+     * Verdana is an accessible font that can be used without requiring additional loading time.
+     */
+    font-family: Verdana;
+    /*
+     * Letter spacing is required for all texts.
+     */
+    letter-spacing: inherit;
+    /*
+     * This rule enables the word dividing for all texts. That is important for high zoom levels.
+     */
+    word-break: break-word;
+    /*
+     * Word spacing is required for all texts.
+     */
+    word-spacing: inherit;
+  }
+  /*
+   * All interactive elements should have a minimum size of rem(44).
+   */
+  /* input:not([type='checkbox'], [type='radio'], [type='range']), */
+  /* option, */
+  /* select, */
+  /* textarea, */
+  [role=button],
+  button:not([role=link]),
+  .kol-input .input {
+    min-height: var(--a11y-min-size);
+    min-width: var(--a11y-min-size);
+  }
+  /*
+   * Some interactive elements should not inherit the font-family and font-size.
+   */
+  a,
+  button,
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  h6,
+  input,
+  option,
+  select,
+  textarea {
+    /*
+     * All elements should inherit the font family from his parent element.
+     */
+    font-family: inherit;
+    /*
+     * All elements should inherit the font size from his parent element.
+     */
+    font-size: inherit;
+  }
+}
+/**
+ * Sometimes we need the semantic element for accessibility reasons,
+ * but we don't want to show it.
+ *
+ * - https://www.a11yproject.com/posts/how-to-hide-content/
+ */
+.visually-hidden {
+  clip: rect(0 0 0 0);
+  clip-path: inset(50%);
+  height: 1px;
+  overflow: hidden;
+  position: absolute;
+  white-space: nowrap;
+  width: 1px;
+}
+
+@layer kol-global {
+  /*
+   * Dieses CSS stellt sicher, dass der Standard-Style
+   * von A und Button resettet werden.
+   */
+  :is(a, button) {
+    background-color: transparent;
+    border: none;
+    margin: 0;
+    padding: 0;
+    width: 100%;
+    /* 100% needed for custom width from outside */
+  }
+  /*
+   * Ensure elements with hidden attribute to be actually not visible
+   * @see https://meowni.ca/hidden.is.a.lie.html
+   */
+  [hidden] {
+    display: none !important;
+  }
+  .badge-text-hint {
+    background-color: lightgray;
+    color: black;
+  }
+}
+@layer kol-global {
+  :host {
+    font-size: rem(16);
+    /*
+     * The max-width is needed to prevent the table from overflowing the
+     * parent node, if the table is wider than the parent node.
+     */
+    max-width: 100%;
+  }
+  * {
+    /*
+     * We prefer to box-sizing: border-box for all elements.
+     */
+    box-sizing: border-box;
+  }
+  .kol-span {
+    /* KolSpan is a layout component with icons in all directions and a label text in the middle. */
+    display: grid;
+    place-items: center;
+    /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */
+  }
+  .kol-span__container {
+    display: flex;
+    place-items: center;
+  }
+  a,
+  button {
+    cursor: pointer;
+  }
+  .kol-span .kol-span__label--hide-label .kol-span__label {
+    display: none;
+  }
+  /* Reset browser agent style. */
+  button:disabled {
+    color: unset;
+  }
+  .disabled label,
+  .disabled:focus-within label,
+  [aria-disabled=true],
+  [aria-disabled=true]:focus,
+  [disabled],
+  [disabled]:focus {
+    cursor: not-allowed;
+    opacity: 0.5;
+    outline: none;
+  }
+  [aria-disabled=true]:focus .kol-span,
+  [disabled]:focus .kol-span {
+    outline: none !important;
+  }
+}
+@layer kol-component {
+  :host {
+    display: block;
+  }
+}
+@layer kol-component {
+  .kol-tooltip {
+    display: contents;
+  }
+  .kol-tooltip__floating {
+    animation-duration: 0.25s;
+    animation-iteration-count: 1;
+    animation-name: fadeInOpacity;
+    animation-timing-function: ease-in;
+    display: none;
+    position: fixed;
+    visibility: hidden;
+    /* Avoid layout interference - see https://floating-ui.com/docs/computePosition */
+    top: 0;
+    left: 0;
+    max-width: 90vw;
+    max-height: 90vh;
+    /* Can be used to specify the tooltip-width from the outside. Unset by default.  */
+    width: var(--kol-tooltip-width);
+  }
+  .kol-tooltip__arrow {
+    background-color: #fff;
+    color: #000;
+    height: calc(10rem / var(--kolibri-root-font-size, 16));
+    position: absolute;
+    transform: rotate(45deg);
+    width: calc(10rem / var(--kolibri-root-font-size, 16));
+    z-index: 999;
+  }
+  .kol-tooltip__content {
+    background-color: #fff;
+    color: #000;
+    position: relative;
+    z-index: 1000;
+  }
+  @keyframes fadeInOpacity {
+    0% {
+      opacity: 0;
+    }
+    100% {
+      opacity: 1;
+    }
+  }
+}
+@layer kol-component {
+  .kol-alert {
+    display: grid;
+  }
+  .kol-alert__container {
+    place-items: center;
+    display: flex;
+  }
+  .kol-alert__container-content {
+    flex-grow: 1;
+  }
+  .kol-alert__closer {
+    /* Visible with forced colors */
+    outline: transparent solid calc(1rem / var(--kolibri-root-font-size, 16));
+  }
+}
+@layer kol-component {
+  .kol-form-field {
+    display: grid;
+  }
+  .kol-form-field:not(.kol-form-field--disabled) .kol-form-field__label {
+    cursor: pointer;
+  }
+  .kol-form-field--disabled .kol-form-field__label {
+    opacity: 0.5;
+  }
+  .kol-form-field--required .kol-form-field__label-text::after {
+    content: "*";
+  }
+  .kol-form-field--disabled .kol-form-field__hint {
+    opacity: 0.5;
+  }
+  .kol-form-field--required .kol-form-field__tooltip .span-label::after {
+    content: "*";
+  }
+}
+@layer kol-component {
+  .kol-input-container {
+    align-items: center;
+    background-color: white;
+    display: grid;
+    grid-template-columns: 1fr;
+    min-height: var(--a11y-min-size);
+    min-width: var(--a11y-min-size);
+    width: 100%;
+  }
+  .kol-input-container:has(> .kol-input-container__adornment--start) {
+    grid-template-columns: auto 1fr;
+  }
+  .kol-input-container:has(> .kol-input-container__adornment--end) {
+    grid-template-columns: 1fr auto;
+  }
+  .kol-input-container:has(> .kol-input-container__adornment--start):has(> .kol-input-container__adornment--end) {
+    grid-template-columns: auto 1fr auto;
+  }
+  .kol-input-container__container {
+    position: relative;
+  }
+  .kol-input-container__adornment {
+    display: flex;
+    align-items: center;
+  }
+  .kol-input-container__adornment .kol-icon {
+    display: grid;
+    height: var(--a11y-min-size);
+    place-items: center;
+  }
+}
+@layer kol-component {
+  .kol-input {
+    min-width: var(--a11y-min-size);
+    width: 100%;
+  }
+  .kol-input:focus {
+    outline: none;
+  }
+}
+.kol-input-color__input--color {
+  flex-grow: 1;
+}
+.kol-input-color__input--text {
+  width: calc(112rem / var(--kolibri-root-font-size, 16));
+}
+.kol-input-color__inputs-wrapper {
+  align-items: center;
+  display: flex;
+  flex-direction: row;
+  gap: calc(6rem / var(--kolibri-root-font-size, 16)) !important;
+}
+
+.kol-input {
+  cursor: pointer;
+}
+.kol-input:disabled {
+  cursor: not-allowed;
+}`,v=b,y=class{async getValue(){var t;return(t=this.refInputText)===null||t===void 0?void 0:t.value}async kolFocus(){var t;(t=this.refInputText)===null||t===void 0||t.focus()}get hasSuggestions(){return Array.isArray(this.state._suggestions)&&this.state._suggestions.length>0}getFormFieldProps(){return{state:this.state,class:"kol-input-color",tooltipAlign:this._tooltipAlign,onClick:()=>{var t;return(t=this.refInputText)===null||t===void 0?void 0:t.focus()},alert:this.showAsAlert()}}getInputColorProps(){return Object.assign(Object.assign({},this.getGenericInputProps()),{ref:this.catchColorRef,type:"color",name:this.state._name?`${this.state._name}-color`:void 0,list:this.hasSuggestions?`${this.state._id}-list`:void 0,id:void 0,"aria-hidden":"true",tabIndex:-1,onInput:this.onColorInput})}getInputTextProps(){return Object.assign(Object.assign({},this.getGenericInputProps()),{ref:this.catchRef,type:"text",name:this.state._name?`${this.state._name}-text`:void 0,list:this.hasSuggestions?`${this.state._id}-list`:void 0,onInput:this.onTextInput})}getGenericInputProps(){const t=this.state,n=u(t,["_suggestions"]);return Object.assign(Object.assign({state:Object.assign(Object.assign({},n),{_suggestions:[]})},this.controller.onFacade),{onBlur:this.onBlur,onFocus:this.onFocus})}render(){return o(p,Object.assign({key:"4618fa8ab667bdc8d8418ddb9a5612298c70a52f"},this.getFormFieldProps()),o(m,{key:"fe5ab536ae149d533ca24d048722def43b9414c8",state:this.state,class:"kol-input-color__inputs-wrapper"},o("div",{key:"5152e937fb33845d08374862d90487b507132edf",class:"kol-input-color__inputs-wrapper"},o(i,Object.assign({key:"4f256a72a9b3f45c4153a63a6c865ff5e5d50bfb",class:"kol-input-color__input kol-input-color__input--color"},this.getInputColorProps())),o(i,Object.assign({key:"bb9edc748af69658ba7082624c75ff0c05527415",class:"kol-input-color__input kol-input-color__input--text"},this.getInputTextProps())))))}constructor(t){s(this,t),this.catchRef=n=>{this.refInputText=n},this.catchColorRef=n=>{this.refInputColor=n},this.onBlur=n=>{this.controller.onFacade.onBlur(n),this.inputHasFocus=!1},this.onFocus=n=>{this.controller.onFacade.onFocus(n),this.inputHasFocus=!0},this.onColorInput=n=>{const e=n.target.value;this.state._value=e,this.refInputText&&(this.refInputText.value=e),this.controller.onFacade.onInput(n)},this.onTextInput=n=>{let e=n.target.value;e.startsWith("#")||(e=`#${e}`),this._value=e,this.refInputColor&&(this.refInputColor.value=e),this.controller.onFacade.onInput(n)},this._accessKey=void 0,this._autoComplete=void 0,this._disabled=!1,this._hideMsg=!1,this._hideLabel=!1,this._hint="",this._icons=void 0,this._id=void 0,this._label=void 0,this._msg=void 0,this._name=void 0,this._on=void 0,this._shortKey=void 0,this._smartButton=void 0,this._suggestions=void 0,this._syncValueBySelector=void 0,this._tooltipAlign="top",this._touched=!1,this._value=void 0,this.state={_autoComplete:"off",_hideMsg:!1,_id:`id-${h()}`,_label:"",_suggestions:[]},this.inputHasFocus=!1,this.controller=new _(this,"color",this.host)}showAsAlert(){return!!this.state._touched&&!this.inputHasFocus}validateAccessKey(t){this.controller.validateAccessKey(t)}validateAutoComplete(t){this.controller.validateAutoComplete(t)}validateDisabled(t){this.controller.validateDisabled(t)}validateHideMsg(t){this.controller.validateHideMsg(t)}validateHideLabel(t){this.controller.validateHideLabel(t)}validateHint(t){this.controller.validateHint(t)}validateIcons(t){this.controller.validateIcons(t)}validateId(t){this.controller.validateId(t)}validateLabel(t){this.controller.validateLabel(t)}validateMsg(t){this.controller.validateMsg(t)}validateName(t){this.controller.validateName(t)}validateOn(t){this.controller.validateOn(t)}validateShortKey(t){this.controller.validateShortKey(t)}validateSmartButton(t){this.controller.validateSmartButton(t)}validateSuggestions(t){this.controller.validateSuggestions(t)}validateSyncValueBySelector(t){this.controller.validateSyncValueBySelector(t)}validateTouched(t){this.controller.validateTouched(t)}validateValue(t){this.controller.validateValue(t)}componentDidLoad(){!this._value&&this.refInputColor&&(this._value=this.refInputColor.value)}componentWillLoad(){this._touched=this._touched===!0,this.controller.componentWillLoad()}static get delegatesFocus(){return!0}get host(){return r(this)}static get watchers(){return{_accessKey:["validateAccessKey"],_autoComplete:["validateAutoComplete"],_disabled:["validateDisabled"],_hideMsg:["validateHideMsg"],_hideLabel:["validateHideLabel"],_hint:["validateHint"],_icons:["validateIcons"],_id:["validateId"],_label:["validateLabel"],_msg:["validateMsg"],_name:["validateName"],_on:["validateOn"],_shortKey:["validateShortKey"],_smartButton:["validateSmartButton"],_suggestions:["validateSuggestions"],_syncValueBySelector:["validateSyncValueBySelector"],_touched:["validateTouched"],_value:["validateValue"]}}};y.style={default:v};export{y as kol_input_color};
+//# sourceMappingURL=kol-input-color.entry-CArvnkBF.js.map

package/dist/assets/kol-input-color.entry-CArvnkBF.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"kol-input-color.entry-CArvnkBF.js","sources":["../../../../components/dist/esm/kol-input-color.entry.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { h, r as registerInstance, g as getElement } from './index-1ed13705.js';\nimport { _ as __rest } from './tslib.es6-1173d062.js';\nimport { n as nonce } from './dev.utils-cb61837d.js';\nimport { F as FormFieldStateWrapper } from './getRenderStates-c4b5c6cb.js';\nimport { I as InputStateWrapper } from './InputStateWrapper-9b8419a8.js';\nimport { I as InputIconController, a as InputContainerStateWrapperFc } from './controller-icon-de12de48.js';\nimport { w as watchValidator, B as watchString } from './index-ebe5a881.js';\nimport { v as validateSuggestions } from './suggestions-198125b7.js';\nimport './events-bad0a075.js';\nimport './associated.controller-92af2554.js';\nimport './bootstrap-93c7a706.js';\nimport './component-names-7924d82a.js';\nimport './i18n-45224cc3.js';\nimport './access-and-short-key-f743a5c4.js';\nimport './tooltip-align-465a8590.js';\nimport './align-d2572387.js';\nimport './hide-label-8b3a8709.js';\nimport './label-bf9966d0.js';\nimport './clsx-09a06a12.js';\nimport './Alert-112aec59.js';\nimport './i18n-260f0fe9.js';\nimport './bem-e4c3a2e6.js';\nimport './browser-f629a56a.js';\nimport './Heading-733c8dda.js';\nimport './InternalUnderlinedBadgeText-781ef373.js';\nimport './isArray-7a60fa7f.js';\nimport './Input-8502a991.js';\nimport './Icon-446dff9e.js';\nimport './isObject-ffcbbb76.js';\nimport './icons-a9c52ed8.js';\n\nconst inputTypeOnOffOptions = ['on', 'off'];\n\nclass InputColorController extends InputIconController {\n    constructor(component, name, host) {\n        super(component, name, host);\n        this.component = component;\n    }\n    validateAutoComplete(value) {\n        watchValidator(this.component, '_autoComplete', (value) => typeof value === 'string' && inputTypeOnOffOptions.includes(value), new Set(inputTypeOnOffOptions), value);\n    }\n    validateSuggestions(value) {\n        validateSuggestions(this.component, value);\n    }\n    validateValue(value) {\n        watchString(this.component, '_value', value);\n        this.setFormAssociatedValue(this.component.state._value);\n    }\n    componentWillLoad() {\n        super.componentWillLoad();\n        this.validateAutoComplete(this.component._autoComplete);\n        this.validateSuggestions(this.component._suggestions);\n        this.validateValue(this.component._value);\n    }\n}\n\nconst defaultStyleCss = \"/*\\n * This file contains all rules for accessibility.\\n */\\n@layer kol-global {\\n  :host {\\n    /*\\n     * Minimum size of interactive elements.\\n     */\\n    --a11y-min-size: 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  * {\\n    /*\\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\\n     */\\n    hyphens: auto;\\n    /*\\n     * Verdana is an accessible font that can be used without requiring additional loading time.\\n     */\\n    font-family: Verdana;\\n    /*\\n     * Letter spacing is required for all texts.\\n     */\\n    letter-spacing: inherit;\\n    /*\\n     * 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: 1px;\\n  overflow: hidden;\\n  position: absolute;\\n  white-space: nowrap;\\n  width: 1px;\\n}\\n\\n@layer kol-global {\\n  /*\\n   * Dieses CSS stellt sicher, dass der Standard-Style\\n   * von A und Button resettet werden.\\n   */\\n  :is(a, button) {\\n    background-color: transparent;\\n    border: none;\\n    margin: 0;\\n    padding: 0;\\n    width: 100%;\\n    /* 100% needed for custom width from outside */\\n  }\\n  /*\\n   * Ensure elements with hidden attribute to be actually not visible\\n   * @see https://meowni.ca/hidden.is.a.lie.html\\n   */\\n  [hidden] {\\n    display: none !important;\\n  }\\n  .badge-text-hint {\\n    background-color: lightgray;\\n    color: black;\\n  }\\n}\\n@layer kol-global {\\n  :host {\\n    font-size: rem(16);\\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  .kol-span {\\n    /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\\n    display: grid;\\n    place-items: center;\\n    /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\\n  }\\n  .kol-span__container {\\n    display: flex;\\n    place-items: center;\\n  }\\n  a,\\n  button {\\n    cursor: pointer;\\n  }\\n  .kol-span .kol-span__label--hide-label .kol-span__label {\\n    display: none;\\n  }\\n  /* Reset browser agent style. */\\n  button:disabled {\\n    color: unset;\\n  }\\n  .disabled label,\\n  .disabled:focus-within label,\\n  [aria-disabled=true],\\n  [aria-disabled=true]:focus,\\n  [disabled],\\n  [disabled]:focus {\\n    cursor: not-allowed;\\n    opacity: 0.5;\\n    outline: none;\\n  }\\n  [aria-disabled=true]:focus .kol-span,\\n  [disabled]:focus .kol-span {\\n    outline: none !important;\\n  }\\n}\\n@layer kol-component {\\n  :host {\\n    display: block;\\n  }\\n}\\n@layer kol-component {\\n  .kol-tooltip {\\n    display: contents;\\n  }\\n  .kol-tooltip__floating {\\n    animation-duration: 0.25s;\\n    animation-iteration-count: 1;\\n    animation-name: fadeInOpacity;\\n    animation-timing-function: ease-in;\\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  .kol-tooltip__arrow {\\n    background-color: #fff;\\n    color: #000;\\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__content {\\n    background-color: #fff;\\n    color: #000;\\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  .kol-alert {\\n    display: grid;\\n  }\\n  .kol-alert__container {\\n    place-items: center;\\n    display: flex;\\n  }\\n  .kol-alert__container-content {\\n    flex-grow: 1;\\n  }\\n  .kol-alert__closer {\\n    /* Visible with forced colors */\\n    outline: transparent solid calc(1rem / var(--kolibri-root-font-size, 16));\\n  }\\n}\\n@layer kol-component {\\n  .kol-form-field {\\n    display: grid;\\n  }\\n  .kol-form-field:not(.kol-form-field--disabled) .kol-form-field__label {\\n    cursor: pointer;\\n  }\\n  .kol-form-field--disabled .kol-form-field__label {\\n    opacity: 0.5;\\n  }\\n  .kol-form-field--required .kol-form-field__label-text::after {\\n    content: \\\"*\\\";\\n  }\\n  .kol-form-field--disabled .kol-form-field__hint {\\n    opacity: 0.5;\\n  }\\n  .kol-form-field--required .kol-form-field__tooltip .span-label::after {\\n    content: \\\"*\\\";\\n  }\\n}\\n@layer kol-component {\\n  .kol-input-container {\\n    align-items: center;\\n    background-color: white;\\n    display: grid;\\n    grid-template-columns: 1fr;\\n    min-height: var(--a11y-min-size);\\n    min-width: var(--a11y-min-size);\\n    width: 100%;\\n  }\\n  .kol-input-container:has(> .kol-input-container__adornment--start) {\\n    grid-template-columns: auto 1fr;\\n  }\\n  .kol-input-container:has(> .kol-input-container__adornment--end) {\\n    grid-template-columns: 1fr auto;\\n  }\\n  .kol-input-container:has(> .kol-input-container__adornment--start):has(> .kol-input-container__adornment--end) {\\n    grid-template-columns: auto 1fr auto;\\n  }\\n  .kol-input-container__container {\\n    position: relative;\\n  }\\n  .kol-input-container__adornment {\\n    display: flex;\\n    align-items: center;\\n  }\\n  .kol-input-container__adornment .kol-icon {\\n    display: grid;\\n    height: var(--a11y-min-size);\\n    place-items: center;\\n  }\\n}\\n@layer kol-component {\\n  .kol-input {\\n    min-width: var(--a11y-min-size);\\n    width: 100%;\\n  }\\n  .kol-input:focus {\\n    outline: none;\\n  }\\n}\\n.kol-input-color__input--color {\\n  flex-grow: 1;\\n}\\n.kol-input-color__input--text {\\n  width: calc(112rem / var(--kolibri-root-font-size, 16));\\n}\\n.kol-input-color__inputs-wrapper {\\n  align-items: center;\\n  display: flex;\\n  flex-direction: row;\\n  gap: calc(6rem / var(--kolibri-root-font-size, 16)) !important;\\n}\\n\\n.kol-input {\\n  cursor: pointer;\\n}\\n.kol-input:disabled {\\n  cursor: not-allowed;\\n}\";\nconst KolInputColorDefaultStyle0 = defaultStyleCss;\n\nconst KolInputColor = class {\n    async getValue() {\n        var _a;\n        return (_a = this.refInputText) === null || _a === void 0 ? void 0 : _a.value;\n    }\n    async kolFocus() {\n        var _a;\n        (_a = this.refInputText) === null || _a === void 0 ? void 0 : _a.focus();\n    }\n    get hasSuggestions() {\n        return Array.isArray(this.state._suggestions) && this.state._suggestions.length > 0;\n    }\n    getFormFieldProps() {\n        return {\n            state: this.state,\n            class: 'kol-input-color',\n            tooltipAlign: this._tooltipAlign,\n            onClick: () => { var _a; return (_a = this.refInputText) === null || _a === void 0 ? void 0 : _a.focus(); },\n            alert: this.showAsAlert(),\n        };\n    }\n    getInputColorProps() {\n        return Object.assign(Object.assign({}, this.getGenericInputProps()), { ref: this.catchColorRef, type: 'color', name: this.state._name ? `${this.state._name}-color` : undefined, list: this.hasSuggestions ? `${this.state._id}-list` : undefined, id: undefined, 'aria-hidden': 'true', tabIndex: -1, onInput: this.onColorInput });\n    }\n    getInputTextProps() {\n        return Object.assign(Object.assign({}, this.getGenericInputProps()), { ref: this.catchRef, type: 'text', name: this.state._name ? `${this.state._name}-text` : undefined, list: this.hasSuggestions ? `${this.state._id}-list` : undefined, onInput: this.onTextInput });\n    }\n    getGenericInputProps() {\n        const _a = this.state, other = __rest(_a, [\"_suggestions\"]);\n        return Object.assign(Object.assign({ state: Object.assign(Object.assign({}, other), { _suggestions: [] }) }, this.controller.onFacade), { onBlur: this.onBlur, onFocus: this.onFocus });\n    }\n    render() {\n        return (h(FormFieldStateWrapper, Object.assign({ key: '4618fa8ab667bdc8d8418ddb9a5612298c70a52f' }, this.getFormFieldProps()), h(InputContainerStateWrapperFc, { key: 'fe5ab536ae149d533ca24d048722def43b9414c8', state: this.state, class: \"kol-input-color__inputs-wrapper\" }, h(\"div\", { key: '5152e937fb33845d08374862d90487b507132edf', class: \"kol-input-color__inputs-wrapper\" }, h(InputStateWrapper, Object.assign({ key: '4f256a72a9b3f45c4153a63a6c865ff5e5d50bfb', class: \"kol-input-color__input kol-input-color__input--color\" }, this.getInputColorProps())), h(InputStateWrapper, Object.assign({ key: 'bb9edc748af69658ba7082624c75ff0c05527415', class: \"kol-input-color__input kol-input-color__input--text\" }, this.getInputTextProps()))))));\n    }\n    constructor(hostRef) {\n        registerInstance(this, hostRef);\n        this.catchRef = (ref) => {\n            this.refInputText = ref;\n        };\n        this.catchColorRef = (ref) => {\n            this.refInputColor = ref;\n        };\n        this.onBlur = (event) => {\n            this.controller.onFacade.onBlur(event);\n            this.inputHasFocus = false;\n        };\n        this.onFocus = (event) => {\n            this.controller.onFacade.onFocus(event);\n            this.inputHasFocus = true;\n        };\n        this.onColorInput = (event) => {\n            const value = event.target.value;\n            this.state._value = value;\n            if (this.refInputText) {\n                this.refInputText.value = value;\n            }\n            this.controller.onFacade.onInput(event);\n        };\n        this.onTextInput = (event) => {\n            let value = event.target.value;\n            if (!value.startsWith('#')) {\n                value = `#${value}`;\n            }\n            this._value = value;\n            if (this.refInputColor) {\n                this.refInputColor.value = value;\n            }\n            this.controller.onFacade.onInput(event);\n        };\n        this._accessKey = undefined;\n        this._autoComplete = undefined;\n        this._disabled = false;\n        this._hideMsg = false;\n        this._hideLabel = false;\n        this._hint = '';\n        this._icons = undefined;\n        this._id = undefined;\n        this._label = undefined;\n        this._msg = undefined;\n        this._name = undefined;\n        this._on = undefined;\n        this._shortKey = undefined;\n        this._smartButton = undefined;\n        this._suggestions = undefined;\n        this._syncValueBySelector = undefined;\n        this._tooltipAlign = 'top';\n        this._touched = false;\n        this._value = undefined;\n        this.state = {\n            _autoComplete: 'off',\n            _hideMsg: false,\n            _id: `id-${nonce()}`,\n            _label: '',\n            _suggestions: [],\n        };\n        this.inputHasFocus = false;\n        this.controller = new InputColorController(this, 'color', this.host);\n    }\n    showAsAlert() {\n        return Boolean(this.state._touched) && !this.inputHasFocus;\n    }\n    validateAccessKey(value) {\n        this.controller.validateAccessKey(value);\n    }\n    validateAutoComplete(value) {\n        this.controller.validateAutoComplete(value);\n    }\n    validateDisabled(value) {\n        this.controller.validateDisabled(value);\n    }\n    validateHideMsg(value) {\n        this.controller.validateHideMsg(value);\n    }\n    validateHideLabel(value) {\n        this.controller.validateHideLabel(value);\n    }\n    validateHint(value) {\n        this.controller.validateHint(value);\n    }\n    validateIcons(value) {\n        this.controller.validateIcons(value);\n    }\n    validateId(value) {\n        this.controller.validateId(value);\n    }\n    validateLabel(value) {\n        this.controller.validateLabel(value);\n    }\n    validateMsg(value) {\n        this.controller.validateMsg(value);\n    }\n    validateName(value) {\n        this.controller.validateName(value);\n    }\n    validateOn(value) {\n        this.controller.validateOn(value);\n    }\n    validateShortKey(value) {\n        this.controller.validateShortKey(value);\n    }\n    validateSmartButton(value) {\n        this.controller.validateSmartButton(value);\n    }\n    validateSuggestions(value) {\n        this.controller.validateSuggestions(value);\n    }\n    validateSyncValueBySelector(value) {\n        this.controller.validateSyncValueBySelector(value);\n    }\n    validateTouched(value) {\n        this.controller.validateTouched(value);\n    }\n    validateValue(value) {\n        this.controller.validateValue(value);\n    }\n    componentDidLoad() {\n        if (!this._value && this.refInputColor) {\n            this._value = this.refInputColor.value;\n        }\n    }\n    componentWillLoad() {\n        this._touched = this._touched === true;\n        this.controller.componentWillLoad();\n    }\n    static get delegatesFocus() { return true; }\n    get host() { return getElement(this); }\n    static get watchers() { return {\n        \"_accessKey\": [\"validateAccessKey\"],\n        \"_autoComplete\": [\"validateAutoComplete\"],\n        \"_disabled\": [\"validateDisabled\"],\n        \"_hideMsg\": [\"validateHideMsg\"],\n        \"_hideLabel\": [\"validateHideLabel\"],\n        \"_hint\": [\"validateHint\"],\n        \"_icons\": [\"validateIcons\"],\n        \"_id\": [\"validateId\"],\n        \"_label\": [\"validateLabel\"],\n        \"_msg\": [\"validateMsg\"],\n        \"_name\": [\"validateName\"],\n        \"_on\": [\"validateOn\"],\n        \"_shortKey\": [\"validateShortKey\"],\n        \"_smartButton\": [\"validateSmartButton\"],\n        \"_suggestions\": [\"validateSuggestions\"],\n        \"_syncValueBySelector\": [\"validateSyncValueBySelector\"],\n        \"_touched\": [\"validateTouched\"],\n        \"_value\": [\"validateValue\"]\n    }; }\n};\nKolInputColor.style = {\n    default: KolInputColorDefaultStyle0\n};\n\nexport { KolInputColor as kol_input_color };\n\n//# sourceMappingURL=kol-input-color.entry.js.map"],"names":["inputTypeOnOffOptions","InputColorController","InputIconController","component","name","host","value","watchValidator","validateSuggestions","watchString","defaultStyleCss","KolInputColorDefaultStyle0","KolInputColor","_a","other","__rest","h","FormFieldStateWrapper","InputContainerStateWrapperFc","InputStateWrapper","hostRef","registerInstance","ref","event","nonce","getElement"],"mappings":"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"}