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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@public-ui/sample-react",
-  "version": "3.0.0",
+  "version": "3.0.1-rc.0",
   "description": "This app contains samples for the KoliBri/Public UI",
   "license": "EUPL-1.2",
   "repository": {
@@ -60,9 +60,9 @@
     "webpack-dev-server": "5.2.0",
     "world_countries_lists": "2.9.0",
     "yup": "1.6.1",
-    "@public-ui/react": "3.0.0",
-    "@public-ui/components": "3.0.0",
-    "@public-ui/themes": "3.0.0"
+    "@public-ui/themes": "3.0.1-rc.0",
+    "@public-ui/react": "3.0.1-rc.0",
+    "@public-ui/components": "3.0.1-rc.0"
   },
   "files": [
     ".eslintignore",

package/dist/808.js

@@ -1,2 +0,0 @@
-/*! For license information please see 808.js.LICENSE.txt */
-"use strict";(self.webpackChunk_public_ui_sample_react=self.webpackChunk_public_ui_sample_react||[]).push([[808],{808:(e,t,i)=>{i.r(t),i.d(t,{initialize:()=>s});var r=i(257),n=i(2190);function o(e,t){try{Object.defineProperty((()=>{let e=(0,r.e)().KoliBri;return void 0===e&&(e={},Object.defineProperty((0,r.e)(),"KoliBri",{value:e,writable:!1})),e})(),e,{get:function(){return t}})}catch(t){r.L.debug(`KoliBri property ${e} is already bind.`)}}i(6733);const l=(e,t)=>r.L.debug(`${e} ${t?"":"not "}activated`),s=()=>{if((0,n.i)(),(0,r.Q)()){(0,n.r)(),o("a11yColorContrast",r.T),o("querySelector",r.N),o("querySelectorAll",r.U),o("querySelectorColors",r.W),o("utils",(function(){return r.X})),o("parseJson",r.j),o("stringifyJson",r.Y);const e=(0,r.g)().body,t=(0,r.g)().createElement("svg");if(t.setAttribute("aria-label","KoliBri-DevTools"),t.setAttribute("xmlns","http://www.w3.org/2000/svg"),t.setAttribute("role","toolbar"),t.setAttribute("style","position: fixed;color: black;font-size: 200%;bottom: 0.25rem;right: 0.25rem;"),t.innerHTML='<svg\n  xmlns="http://www.w3.org/2000/svg"\n  width="50"\n  height="50"\n  viewBox="0 0 600 600"\n>\n  <path d="M353 322L213 304V434L353 322Z" fill="#047" />\n  <path d="M209 564V304L149 434L209 564Z" fill="#047" />\n  <path d="M357 316L417 250L361 210L275 244L357 316Z" fill="#047" />\n  <path d="M353 318L35 36L213 300L353 318Z" fill="#047" />\n  <path d="M329 218L237 92L250 222L272 241L329 218Z" fill="#047" />\n  <path d="M391 286L565 272L421 252L391 286Z" fill="#047" />\n</svg>',(0,r.g)().body.appendChild(t),l("Development mode",(0,r.Q)()),l("Experimental mode",(0,r.F)()),l("Color contrast analysis",(0,r.R)()),(0,r.R)()){const t=setTimeout((()=>{clearTimeout(t),setInterval((()=>{r.X.queryHtmlElementColors((0,r.g)().createElement("div"),(0,r.T)(e),!1,!1)}),1e4)}),2500)}}}},2190:(e,t,i)=>{i.d(t,{i:()=>l,n:()=>a,r:()=>s});var r=i(257),n=i(6733);const o=()=>{let e=(0,r.e)().KoliBri;return void 0===e&&(e={},Object.defineProperty((0,r.e)(),"KoliBri",{value:e,writable:!1})),e},l=()=>{(()=>{const e=(0,r.g)().querySelector('meta[name="kolibri"]');if(e&&e.hasAttribute("content")){const t=e.getAttribute("content");"string"==typeof t&&((0,r.s)(t.includes("dev-mode=true")),(0,r.c)(t.includes("experimental-mode=true")),(0,r.d)(t.includes("color-contrast-analysis=true")))}})(),r.L.debug(`\n,--. ,--.         ,--. ,--. ,-----.           ,--.\n|  .'   /  ,---.  |  | \`--' |  |) /_  ,--.--. \`--'\n|  .   '  | .-. | |  | ,--. |  .-.  \\ |  .--' ,--.\n|  |\\   \\ | '-' | |  | |  | |  '--' / |  |    |  |\n\`--' \`--´  \`---´  \`--' \`--' \`------´  \`--'    \`--'\n🚹 The accessible HTML-Standard | 👉 https://public-ui.github.io | ${n.E.kolibriVersion}\n\t`,{forceLog:!0})},s=()=>{!0!==o().adviceShown&&(Object.defineProperty(o(),"adviceShown",{get:function(){return!0}}),r.L.debug("\nYou are using the KoliBri component library. If you have any suggestions for improvement or find a problem, please contact us:\n\nTicket: https://github.com/public-ui/kolibri/issues/new/choose (for privacy reasons, please use email)\nEmail: kolibri@itzbund.de\n"))};let a=()=>Math.floor(16777215*Math.random()).toString(16);"test"===r.p&&(a=()=>"nonce")}}]);

package/dist/8948.js

@@ -1,2 +0,0 @@
-/*! For license information please see 8948.js.LICENSE.txt */
-"use strict";(self.webpackChunk_public_ui_sample_react=self.webpackChunk_public_ui_sample_react||[]).push([[8948],{376:(e,t,o)=>{o.d(t,{K:()=>l,i:()=>a});var n=o(5538),i=o(6733),s="[object String]";function a(e){return"string"==typeof e||!(0,n.i)(e)&&(0,n.a)(e)&&(0,n.b)(e)==s}const l=({badgeText:e,label:t})=>{const o=e;let[n,...s]=t.split(o);return 0===s.length&&(e=o.toUpperCase(),[n,...s]=t.split(o)),0===s.length&&(e=o.toLowerCase(),[n,...s]=t.split(o)),(0,i.h)(i.F,null,n,s.length?(0,i.h)(i.F,null,(0,i.h)("u",null,e),s.join(o)):null)}},753:(e,t,o)=>{o.d(t,{v:()=>i});var n=o(257);const i=(e,t,o={})=>{(0,n.h)(e,"_hideLabel",t,o)}},1042:(e,t,o)=>{o.d(t,{A:()=>s});var n=o(257),i=o(8296);class s{constructor(e,t,o){var s,a,l,r,c;if(this.experimentalMode=(0,n.F)(),this.setFormAssociatedValue=e=>{var t;const o=null===(t=this.formAssociated)||void 0===t?void 0:t.getAttribute("name");null!==o&&""!==o||(0,n.D)(` The form field (${this.type}) must have a name attribute to be form-associated. Please define the _name attribute.`);const i=this.tryToStringifyValue(e);this.syncValue(e,i,this.formAssociated),this.syncValue(e,i,this.syncToOwnInput)},this.component=e,this.host=this.findHostWithShadowRoot(o),this.type=t,(null===(s=(0,i.g)())||void 0===s?void 0:s.reflectInputValues)&&("KOL-BUTTON"===(c=null===(a=this.host)||void 0===a?void 0:a.tagName)||"KOL-COMBOBOX"===c||"KOL-INPUT-CHECKBOX"===c||"KOL-INPUT-COLOR"===c||"KOL-INPUT-DATE"===c||"KOL-INPUT-EMAIL"===c||"KOL-INPUT-FILE"===c||"KOL-INPUT-NUMBER"===c||"KOL-INPUT-PASSWORD"===c||"KOL-INPUT-RADIO"===c||"KOL-INPUT-RANGE"===c||"KOL-INPUT-TEXT"===c||"KOL-SELECT"===c||"KOL-SINGLE-SELECT"===c||"KOL-TEXTAREA"===c)&&e._name){switch(null===(l=this.host)||void 0===l||l.querySelectorAll("input,select,textarea").forEach((e=>{var t;null===(t=this.host)||void 0===t||t.removeChild(e)})),this.type){case"button":case"color":case"date":case"email":case"file":case"number":case"password":case"radio":case"range":case"text":this.formAssociated=document.createElement("input"),this.formAssociated.setAttribute("type",this.type);break;case"select":this.formAssociated=document.createElement("select"),this.formAssociated.setAttribute("multiple","");break;case"textarea":this.formAssociated=document.createElement("textarea");break;default:this.formAssociated=document.createElement("input"),this.formAssociated.setAttribute("type","hidden")}this.formAssociated.setAttribute("data-form-associated",""),this.formAssociated.setAttribute("hidden",""),null===(r=this.host)||void 0===r||r.appendChild(this.formAssociated)}}findHostWithShadowRoot(e){for(;null===(null==e?void 0:e.shadowRoot)&&e!==document.body;)(e=null==e?void 0:e.parentNode).host&&(e=e.host);return e}setAttribute(e,t,o){if(this.experimentalMode)try{if("boolean"!=typeof(o="object"==typeof o&&null!==o?JSON.stringify(o):o)&&"number"!=typeof o&&"string"!=typeof o)throw new Error("Invalid value type: "+typeof o);null==t||t.setAttribute(e,`${o}`)}catch(o){null==t||t.removeAttribute(e)}}tryToStringifyValue(e){try{return"object"==typeof e&&null!==e?JSON.stringify(e).toString():null==e?null:e.toString()}catch(e){return(0,n.G)(`The form field raw value is not able to stringify! ${e}`),""}}syncValue(e,t,o){if(o)switch(this.type){case"file":o.files=e;break;case"select":o.querySelectorAll("option").forEach((e=>{o.removeChild(e)})),Array.isArray(e)&&e.forEach((e=>{const t=this.tryToStringifyValue(e);if("string"==typeof t){const e=document.createElement("option");e.setAttribute("value",t),e.setAttribute("selected",""),o.appendChild(e)}}));break;case"radio":"string"==typeof t&&(o.setAttribute("value",t),o.setAttribute("checked",""),o.value=t);break;default:"string"==typeof t?(o.setAttribute("value",t),o.value=t):(o.removeAttribute("value"),o.value="")}}validateName(e){((e,t,o)=>{(0,n.A)(e,"_name",t,o)})(this.component,e,{hooks:{afterPatch:()=>{this.setAttribute("name",this.formAssociated,this.component.state._name)}}}),void 0===e&&(0,n.D)("A name on input fields or switches is not strictly required, but it might be relevant for the autocomplete function and for the static submission of the input field.")}validateSyncValueBySelector(e){if(this.experimentalMode&&"string"==typeof e){const t=document.querySelector(e);t&&(this.syncToOwnInput=t)}}componentWillLoad(){this.validateName(this.component._name),this.validateSyncValueBySelector(this.component._syncValueBySelector)}}},1111:(e,t,o)=>{function n(e,t){var o={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&t.indexOf(n)<0&&(o[n]=e[n]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var i=0;for(n=Object.getOwnPropertySymbols(e);i<n.length;i++)t.indexOf(n[i])<0&&Object.prototype.propertyIsEnumerable.call(e,n[i])&&(o[n[i]]=e[n[i]])}return o}o.d(t,{_:()=>n}),"function"==typeof SuppressedError&&SuppressedError},2190:(e,t,o)=>{o.d(t,{i:()=>a,n:()=>r,r:()=>l});var n=o(257),i=o(6733);const s=()=>{let e=(0,n.e)().KoliBri;return void 0===e&&(e={},Object.defineProperty((0,n.e)(),"KoliBri",{value:e,writable:!1})),e},a=()=>{(()=>{const e=(0,n.g)().querySelector('meta[name="kolibri"]');if(e&&e.hasAttribute("content")){const t=e.getAttribute("content");"string"==typeof t&&((0,n.s)(t.includes("dev-mode=true")),(0,n.c)(t.includes("experimental-mode=true")),(0,n.d)(t.includes("color-contrast-analysis=true")))}})(),n.L.debug(`\n,--. ,--.         ,--. ,--. ,-----.           ,--.\n|  .'   /  ,---.  |  | \`--' |  |) /_  ,--.--. \`--'\n|  .   '  | .-. | |  | ,--. |  .-.  \\ |  .--' ,--.\n|  |\\   \\ | '-' | |  | |  | |  '--' / |  |    |  |\n\`--' \`--´  \`---´  \`--' \`--' \`------´  \`--'    \`--'\n🚹 The accessible HTML-Standard | 👉 https://public-ui.github.io | ${i.E.kolibriVersion}\n\t`,{forceLog:!0})},l=()=>{!0!==s().adviceShown&&(Object.defineProperty(s(),"adviceShown",{get:function(){return!0}}),n.L.debug("\nYou are using the KoliBri component library. If you have any suggestions for improvement or find a problem, please contact us:\n\nTicket: https://github.com/public-ui/kolibri/issues/new/choose (for privacy reasons, please use email)\nEmail: kolibri@itzbund.de\n"))};let r=()=>Math.floor(16777215*Math.random()).toString(16);"test"===n.p&&(r=()=>"nonce")},2425:(e,t,o)=>{o.d(t,{K:()=>d});var n=o(1111),i=o(6733),s=o(8045);const a=1;function l(e){return function(e){return e>=a&&e<=6}(e)?`h${e}`:"strong"}const r=(e,t)=>{var{class:o,level:r=a,variant:c}=e,d=(0,n._)(e,["class","level","variant"]);const h=l(r),u=c||h;return(0,i.h)(h,Object.assign({class:(0,s.c)("kol-headline",`kol-headline--${u}`,o)},d),t)},c=(e,t)=>{var{class:o,level:r=a}=e,c=(0,n._)(e,["class","level"]);const d=function(e){return 1===e?"span":l(e)}(r+1);return(0,i.h)(d,Object.assign({class:(0,s.c)("kol-headline kol-headline--group kol-headline--secondary",o)},c),t)},d=(e,t)=>{var{secondaryHeadline:o,level:l=a,class:d,HeadingGroupProps:h={},SecondaryHeadlineProps:u={}}=e,p=(0,n._)(e,["secondaryHeadline","level","class","HeadingGroupProps","SecondaryHeadlineProps"]);const b=Object.assign({level:l},p);if(!o)return(0,i.h)(r,Object.assign({class:(0,s.c)(d,"kol-headline--single")},b),t);const{class:m}=h,f=(0,n._)(h,["class"]),v=Object.assign({class:(0,s.c)("kol-heading-group",m)},f);return(0,i.h)("hgroup",Object.assign({},v),(0,i.h)(r,Object.assign({class:(0,s.c)(d,"kol-headline--group","kol-headline--primary")},b),t),(0,i.h)(c,Object.assign({level:l},u),o))}},3472:(e,t,o)=>{o.d(t,{a:()=>h,b:()=>l,c:()=>r,h:()=>i,v:()=>d});var n=o(257);const i=[0,1,2,3,4,5,6],s=/[a-zA-Z0-9äöüÄÖÜß]/g,a=/^\d+$/;function l(e,t=1){return function(e){var t;return"string"==typeof e&&(null===(t=e.match(s))||void 0===t?void 0:t.length)||0}(e)>=t}function r(e){return a.test(e)}const c=new Set(["string"]),d=(e,t,o={})=>{(0,n.w)(e,"_label",(e=>"string"==typeof e),c,t,function(e){var t;return Object.assign(Object.assign({},e),{hooks:{afterPatch:(t,o,i,s)=>{var a,c;"function"==typeof(null===(a=e.hooks)||void 0===a?void 0:a.afterPatch)&&(null===(c=e.hooks)||void 0===c||c.afterPatch(t,o,i,s)),"string"==typeof t&&!1===l(t,3)&&!1===r(t)&&(0,n.b)(`The heading or label ("${t}") is not accessible. A label should consist of at least three readable characters.`),"string"==typeof t&&t.length>80&&(0,n.u)("A heading or label should not be longer than 80 characters.")},beforePatch:null===(t=e.hooks)||void 0===t?void 0:t.beforePatch}})}(o))},h=d},3710:(e,t,o)=>{o.d(t,{a:()=>r,b:()=>l,c:()=>a,v:()=>i});var n=o(257);const i=(e,t)=>{(0,n.A)(e,"_accessKey",t)},s={hooks:{afterPatch:e=>{-1!==e&&0!==e&&(0,n.b)("Don't Use Tabindex Greater than 0: https://adrianroselli.com/2014/11/dont-use-tabindex-greater-than-0.html")}}},a=(e,t)=>{(0,n.E)(e,"_tabIndex",t,s)},l=(e,t)=>{(0,n.A)(e,"_shortKey",t)},r=(e,t)=>{if(e&&t)throw new Error("AccessKey and ShortKey are used. Only one is allowed.")}},5154:(e,t,o)=>{o.d(t,{a:()=>i,v:()=>a});var n=o(257);const i=(e,t,o)=>{(0,n.w)(e,t,(e=>"string"==typeof e&&s.includes(e)),new Set(s),o,{defaultValue:"top"})},s=["left","right","top","bottom"],a=(e,t)=>{i(e,"_align",t)}},5538:(e,t,o)=>{o.d(t,{S:()=>a,a:()=>f,b:()=>m,f:()=>n,i:()=>v,r:()=>s});const n="object"==typeof o.g&&o.g&&o.g.Object===Object&&o.g;var i="object"==typeof self&&self&&self.Object===Object&&self;const s=n||i||Function("return this")(),a=s.Symbol;var l=Object.prototype,r=l.hasOwnProperty,c=l.toString,d=a?a.toStringTag:void 0,h=Object.prototype.toString,u="[object Null]",p="[object Undefined]",b=a?a.toStringTag:void 0;function m(e){return null==e?void 0===e?p:u:b&&b in Object(e)?function(e){var t=r.call(e,d),o=e[d];try{e[d]=void 0;var n=!0}catch(e){}var i=c.call(e);return n&&(t?e[d]=o:delete e[d]),i}(e):function(e){return h.call(e)}(e)}function f(e){return null!=e&&"object"==typeof e}const v=Array.isArray},5561:(e,t,o)=>{o.d(t,{v:()=>i});var n=o(5154);o(257);const i=(e,t)=>{(0,n.a)(e,"_tooltipAlign",t)}},8045:(e,t,o)=>{function n(e){var t,o,i="";if("string"==typeof e||"number"==typeof e)i+=e;else if("object"==typeof e)if(Array.isArray(e)){var s=e.length;for(t=0;t<s;t++)e[t]&&(o=n(e[t]))&&(i&&(i+=" "),i+=o)}else for(o in e)e[o]&&(i&&(i+=" "),i+=o);return i}function i(){for(var e,t,o=0,i="",s=arguments.length;o<s;o++)(e=arguments[o])&&(t=n(e))&&(i&&(i+=" "),i+=t);return i}o.d(t,{c:()=>i})},9272:(e,t,o)=>{o.d(t,{t:()=>s});var n=o(4269),i=o(257);let s=(e,t)=>{var o;return(null!==(o=(0,n.g)())&&void 0!==o?o:(0,n.i)("de")).translate(e,t)};"test"===i.p&&(s=e=>e)},9709:(e,t,o)=>{o.d(t,{K:()=>u});var n=o(1111),i=o(6733),s=o(8045),a=o(1698),l=o(9272),r=o(6660),c=o(2425);const d=({ariaLabel:e,icon:t})=>(0,i.h)(i.F,null,(0,i.h)("span",{class:"visually-hidden"},e),(0,i.h)(a.d,{class:r.a,_label:"",_icons:t})),h=({type:e,label:t})=>{switch(e){case"error":return(0,i.h)(d,{ariaLabel:(0,l.t)("kol-error"),icon:"codicon codicon-error",label:t});case"info":return(0,i.h)(d,{ariaLabel:(0,l.t)("kol-info"),icon:"codicon codicon-info",label:t});case"warning":return(0,i.h)(d,{ariaLabel:(0,l.t)("kol-warning"),icon:"codicon codicon-warning",label:t});case"success":return(0,i.h)(d,{ariaLabel:(0,l.t)("kol-success"),icon:"codicon codicon-pass",label:t});default:return(0,i.h)(d,{ariaLabel:(0,l.t)("kol-message"),icon:"codicon codicon-comment",label:t})}},u=(e,t)=>{var o,d;const{class:u={},alert:p=!1,hasCloser:b=!1,label:m,level:f=0,type:v="default",variant:g="msg",onAlertTimeout:y,onCloserClick:_}=e,O=(0,n._)(e,["class","alert","hasCloser","label","level","type","variant","onAlertTimeout","onCloserClick"]);p&&((null===(o=navigator.userActivation)||void 0===o?void 0:o.hasBeenActive)&&(null===(d=null===navigator||void 0===navigator?void 0:navigator.vibrate)||void 0===d||d.call(navigator,[100,75,100,75,100])),setTimeout((()=>{null==y||y()}),1e4));const A=(0,r.b)("kol-alert",{hasCloser:!!b,[`type-${v}`]:!0,[`variant-${g}`]:!0}),L=(0,r.b)("kol-alert","heading",{[`h${f}`]:!0}),k=Object.assign({class:(0,s.c)(u,A),role:p?"error"===v?"alert":"status":void 0},O);return(0,i.h)("div",Object.assign({},k),(0,i.h)("div",{class:"kol-alert__container"},(0,i.h)(h,{label:m,type:v}),(0,i.h)("div",{class:"kol-alert__container-content"},m&&(0,i.h)(c.K,{class:L,level:f,id:"heading"},m),"msg"===g&&(0,i.h)("span",{class:r.c,"aria-describedby":m?"heading":void 0},t)),b&&(0,i.h)(a.a,{class:r.d,"data-testid":"alert-close-button",_ariaDescription:(null==m?void 0:m.trim())||"",_hideLabel:!0,_icons:{left:{icon:"codicon codicon-close"}},_label:(0,l.t)("kol-close-alert"),_on:{onClick:_},_tooltipAlign:"left"})),"card"===g&&(0,i.h)("div",{class:r.c,"aria-describedby":m?"heading":void 0},t))}},9867:(e,t,o)=>{o.d(t,{F:()=>E,I:()=>P,K:()=>O,a:()=>v,b:()=>k,c:()=>g,d:()=>A,e:()=>T,g:()=>w});var n=o(257),i=o(3694),s=o(1042),a=o(3710),l=o(5561),r=o(753),c=o(3472),d=o(1111),h=o(6733),u=o(8045),p=o(9709),b=o(376),m=o(9272),f=o(1698);function v(e){var t;if(e)return t=e,Object.entries(t).reduce(((e,[t,o])=>{const n=t.startsWith("_")?t.slice(1):t;return Object.assign(Object.assign({},e),{[n]:o})}),{})}function g(e,t){return!!e&&(!0===t||"error"!==(null==e?void 0:e.type))}const y=e=>{var{alert:t,msg:o,hideMsg:n,id:i,class:s}=e,a=(0,d._)(e,["alert","msg","hideMsg","id","class"]);return(0,h.h)(p.K,Object.assign({id:`${i}-msg`,alert:t,type:"error",class:(0,u.c)("kol-form-field__msg",{"visually-hidden":!0===n},s)},o,a,{"aria-hidden":"true"}),(null==o?void 0:o.description)||void 0)},_=({hasExpertSlot:e,accessKey:t,shortKey:o,label:i,showBadge:s=!0})=>{if(e)return(0,h.h)("slot",{name:"expert"});if(!i)return null;const a=(0,b.i)(t)||(0,b.i)(o);if(!s||!a)return(0,h.h)("span",null,i);const l=(0,n.B)(t,o);return(0,h.h)(h.F,null,(0,h.h)(b.K,{badgeText:l,label:i})," ",(0,h.h)("span",{class:"badge-text-hint","aria-hidden":"true"},l))},O=e=>{var{component:t="label",id:o,baseClassName:n="kol-form-field",class:i,accessKey:s,shortKey:a,label:l,hideLabel:r,hasExpertSlot:c,showBadge:p}=e,b=(0,d._)(e,["component","id","baseClassName","class","accessKey","shortKey","label","hideLabel","hasExpertSlot","showBadge"]);const m=!c&&r;return(0,h.h)(t,Object.assign({},b,{class:(0,u.c)(`${n}__label`,i),id:m?void 0:`${o}-label`,hidden:m,htmlFor:o}),(0,h.h)("span",{class:(0,u.c)(`${n}__label-text`)},(0,h.h)(_,{hasExpertSlot:c,accessKey:s,shortKey:a,label:l,showBadge:p})))},A=e=>{var{id:t,class:o,hint:n,baseClassName:i="kol-form-field"}=e,s=(0,d._)(e,["id","class","hint","baseClassName"]);return n?(0,h.h)("span",Object.assign({class:(0,u.c)(`${i}__hint`,o),id:`${t}-hint`},s),n):null},L=e=>{var{currentLength:t,maxLength:o,class:n}=e,i=(0,d._)(e,["currentLength","maxLength","class"]);return(0,h.h)("span",Object.assign({class:(0,u.c)("kol-form-field__counter",n)},i,{"aria-atomic":"true","aria-live":"polite","data-testid":"input-counter"}),t,o&&(0,h.h)(h.F,null,(0,h.h)("span",{"aria-label":(0,m.t)("kol-of"),role:"img"},"/"),o)," ",(0,h.h)("span",null,(0,m.t)("kol-characters")))},k=({id:e,align:t,badgeText:o,hideLabel:n,label:i,class:s})=>(0,h.h)(f.f,{"aria-hidden":"true",class:(0,u.c)("kol-form-field__tooltip",s),_badgeText:o,_align:t,_id:n?`${e}-label`:void 0,_label:i});function K(e){return(null==e?void 0:e.type)&&{default:"msg-type-default",info:"msg-type-info",success:"msg-type-success",warning:"msg-type-warning",error:"msg-type-error"}[null==e?void 0:e.type]||""}const j=(e,t)=>{var{class:o}=e,n=(0,d._)(e,["class"]);return(0,h.h)("div",Object.assign({class:(0,u.c)("kol-form-field__input",o)},n),t)},S=(e,t)=>{const{component:o="div",renderNoLabel:i,renderNoTooltip:s,renderNoHint:a,anotherChildren:l,id:r,required:c,alert:p,disabled:b,class:m,msg:f,hideMsg:v,hideLabel:_,label:S,hint:T,accessKey:C,shortKey:P,tooltipAlign:E,counter:w,readOnly:x,touched:B,formFieldLabelProps:I,formFieldHintProps:N,formFieldTooltipProps:F,formFieldMsgProps:M,formFieldCounterProps:H,formFieldInputProps:$}=e,q=(0,d._)(e,["component","renderNoLabel","renderNoTooltip","renderNoHint","anotherChildren","id","required","alert","disabled","class","msg","hideMsg","hideLabel","label","hint","accessKey","shortKey","tooltipAlign","counter","readOnly","touched","formFieldLabelProps","formFieldHintProps","formFieldTooltipProps","formFieldMsgProps","formFieldCounterProps","formFieldInputProps"]),U=!i,V=!a,D=!s,R=(0,n.l)(S),W=g(f,B),G=(0,n.B)(C,P),X=D&&!R&&_;let z={"kol-form-field--disabled":Boolean(b),"kol-form-field--required":Boolean(c),"kol-form-field--touched":Boolean(B),"kol-form-field--hide-label":Boolean(_),"kol-form-field--read-only":Boolean(x),"kol-form-field--hidden-msg":Boolean(v)};return W&&(z=Object.assign(Object.assign({},z),{[`kol-form-field--${(null==f?void 0:f.type)||"error"}`]:!0,[`kol-form-field--${K(f)}`]:!0})),(0,h.h)(o,Object.assign({class:(0,u.c)("kol-form-field",z,m)},q),U&&(0,h.h)(O,Object.assign({},I||{},{id:r,hasExpertSlot:R,hideLabel:_,label:S,accessKey:C,shortKey:P})),(0,h.h)(j,Object.assign({},$),t,X&&(0,h.h)(k,Object.assign({},F||{},{id:r,label:S,hideLabel:_,align:E,badgeText:G}))),w?(0,h.h)(L,Object.assign({},H||{},w)):null,W&&(0,h.h)(y,Object.assign({},M||{},{id:r,alert:p,msg:f,hideMsg:v})),V&&(0,h.h)(A,Object.assign({},N||{},{id:r,hint:T})),l)};function T({ariaDescribedBy:e,hideLabel:t,label:o}){return{title:"",autoCapitalize:"off",autoCorrect:"off","aria-describedby":(null==e?void 0:e.length)?e.join(" "):void 0,"aria-label":t&&o?o:void 0}}class C extends s.A{constructor(e,t,o){super(e,t,o),this.component=e}validateTouched(e){((e,t)=>{(0,n.h)(e,"_touched",t)})(this.component,e)}componentWillLoad(){super.componentWillLoad(),this.validateTouched(this.component._touched)}}class P extends C{constructor(e,t,o){super(e,t,o),this.valueChangeListeners=[],this.onFacade={onBlur:this.onBlur.bind(this),onChange:this.onChange.bind(this),onClick:this.onClick.bind(this),onFocus:this.onFocus.bind(this),onInput:this.onInput.bind(this)},this.component=e}validateAccessKey(e){(0,a.v)(this.component,e),(0,a.a)(e,this.component._shortKey)}validateAdjustHeight(e){((e,t)=>{(0,n.h)(e,"_adjustHeight",t)})(this.component,e)}validateDisabled(e){(0,n.h)(this.component,"_disabled",e),!0===e&&(0,n.i)()}validateTooltipAlign(e){(0,l.v)(this.component,e)}validateHideMsg(e){((e,t,o)=>{(0,n.h)(e,"_hideMsg",t,o)})(this.component,e,{hooks:{afterPatch:()=>{this.component.state._hideMsg&&(0,n.b)("Property _hideMsg for inputs: Only use when the error message is shown outside of the input component.")}}})}validateHideLabel(e){(0,r.v)(this.component,e,{hooks:{afterPatch:()=>{this.component.state._hideLabel&&(0,n.b)("Property hide-label for inputs: Only use for exceptions like search inputs that are clearly identifiable by their context.")}}})}validateHint(e){(0,n.A)(this.component,"_hint",e)}validateId(e){(0,n.A)(this.component,"_id",e,{minLength:1}),""!==e&&void 0!==e||(0,n.D)("A unique ID on the input fields is not strictly required, but it might be relevant for E2E tests.")}validateLabel(e){(0,c.a)(this.component,e,{required:!0})}validateMsg(e){((e,t)=>{(0,n.o)(t,(()=>{try{t=(0,n.j)(t)}catch(e){}(0,n.w)(e,"_msg",(e=>(0,n.v)(e)&&(0,n.q)(null==e?void 0:e._description,1)||void 0===(null==e?void 0:e._type)),new Set(["MsgPropType"]),t)}))})(this.component,e)}validateOn(e){"object"==typeof e&&(0,n.k)(this.component,"_on",e)}validateShortKey(e){(0,a.b)(this.component,e),(0,a.a)(this.component._accessKey,e)}validateSmartButton(e){(0,n.o)(e,(()=>{try{e=(0,n.j)(e)}catch(e){}(0,n.k)(this.component,"_smartButton",e)}))}validateTabIndex(e){(0,a.c)(this.component,e)}componentWillLoad(){super.componentWillLoad(),this.validateAccessKey(this.component._accessKey),this.validateAdjustHeight(this.component._adjustHeight),this.validateMsg(this.component._msg),this.validateDisabled(this.component._disabled),this.validateHideMsg(this.component._hideMsg),this.validateHideLabel(this.component._hideLabel),this.validateHint(this.component._hint),this.validateId(this.component._id),this.validateLabel(this.component._label),this.validateShortKey(this.component._shortKey),this.validateSmartButton(this.component._smartButton),this.validateOn(this.component._on),this.validateTabIndex(this.component._tabIndex),(0,a.a)(this.component._accessKey,this.component._shortKey)}emitEvent(e,t){this.host&&(0,i.d)(this.host,e,t)}onBlur(e){var t;this.component._touched=!0,this.emitEvent(i.K.blur),"function"==typeof(null===(t=this.component._on)||void 0===t?void 0:t.onBlur)&&this.component._on.onBlur(e)}onChange(e,t){var o;void 0===t&&(t=e.target.value),this.emitEvent(i.K.change,t),"function"==typeof(null===(o=this.component._on)||void 0===o?void 0:o.onChange)&&this.component._on.onChange(e,t),this.valueChangeListeners.forEach((e=>e(t)))}onInput(e,t=!0,o){var n;void 0===o&&(o=e.target.value),this.emitEvent(i.K.input,o),t&&this.setFormAssociatedValue(o),"function"==typeof(null===(n=this.component._on)||void 0===n?void 0:n.onInput)&&this.component._on.onInput(e,o)}onClick(e){var t;this.emitEvent(i.K.click),"function"==typeof(null===(t=this.component._on)||void 0===t?void 0:t.onClick)&&this.component._on.onClick(e)}onFocus(e){var t;this.emitEvent(i.K.focus),"function"==typeof(null===(t=this.component._on)||void 0===t?void 0:t.onFocus)&&this.component._on.onFocus(e)}addValueChangeListener(e){this.valueChangeListeners.push(e)}}const E=(e,t)=>{var{state:o}=e,n=(0,d._)(e,["state"]);return(0,h.h)(S,Object.assign({},function(e){const t={id:e._id,disabled:e._disabled,msg:v(e._msg),hint:e._hint,label:e._label,hideLabel:e._hideLabel,hideMsg:e._hideMsg,touched:e._touched,accessKey:e._accessKey,shortKey:e._shortKey};return"_required"in e&&(t.required=e._required),"_readOnly"in e&&(t.readOnly=e._readOnly),"_hasCounter"in e&&"_currentLength"in e&&(t.counter=e._hasCounter?{currentLength:e._currentLength}:void 0,t.counter&&"_maxLength"in e&&(t.counter.maxLength=e._maxLength)),t}(o),n),t)},w=e=>{var t,o,n;const i=Boolean((null===(t=null==e?void 0:e._msg)||void 0===t?void 0:t._description)&&(null===(o=e._msg._description)||void 0===o?void 0:o.length)>0),s="error"===(null===(n=e._msg)||void 0===n?void 0:n._type)&&i&&!0===e._touched,a="string"==typeof e._hint&&e._hint.length>0,l=[];return i&&l.push(`${e._id}-msg`),a&&l.push(`${e._id}-hint`),{hasError:s,hasHint:a,ariaDescribedBy:l}}}}]);

package/dist/9374.js

@@ -1,2 +0,0 @@
-/*! For license information please see 9374.js.LICENSE.txt */
-"use strict";(self.webpackChunk_public_ui_sample_react=self.webpackChunk_public_ui_sample_react||[]).push([[9374],{182:(e,t,n)=>{n.d(t,{I:()=>y,K:()=>v,a:()=>f});var o=n(6733),s=n(257),i=n(1111),a=n(8045),l=n(9867),r=n(1698),c=n(3885),d=n(376),u=n(1476),h=n(8057);const p=(e,t)=>{var{position:n="start",class:s}=e,l=(0,i._)(e,["position","class"]);const r="kol-input-container__adornment",c=`${r}--${n}`;return(0,o.h)("div",Object.assign({class:(0,a.c)(r,c,s)},l),t)};function m(e){return!!e&&(Array.isArray(e)?e.length>0:Boolean(e))}const b=(e,t)=>{var{class:n}=e,s=(0,i._)(e,["class"]);return(0,o.h)("div",Object.assign({class:(0,a.c)("kol-input-container__container",n)},s),t)},_=(e,t)=>{const{class:n,startAdornment:s,endAdornment:r,disabled:c,msg:d,touched:u,containerProps:h,startAdornmentProps:_,endAdornmentProps:g}=e,v=(0,i._)(e,["class","startAdornment","endAdornment","disabled","msg","touched","containerProps","startAdornmentProps","endAdornmentProps"]),f=(0,l.c)(d,u),y={"kol-input-container--disabled":c,[`kol-input-container--${(null==d?void 0:d.type)||"error"}`]:f},k=Object.assign({class:(0,a.c)("kol-input-container",y,n)},v);return m(s)||m(r)?(0,o.h)("div",Object.assign({},k),(0,o.h)(p,Object.assign({},_,{position:"start"}),s),(0,o.h)(b,Object.assign({},h),t),(0,o.h)(p,Object.assign({},g,{position:"end"}),r)):(0,o.h)("div",Object.assign({},k),(0,o.h)(b,Object.assign({},h),t))},g=e=>{const{label:t,icons:n,hideLabel:s,disabled:a,onClick:l}=e,c=(0,i._)(e,["label","icons","hideLabel","disabled","onClick"]);return(0,o.h)(r.a,Object.assign({_label:t,_disabled:a,_icons:n,_hideLabel:s,_on:{onClick:l}},c))},v=e=>{const{componentName:t="button",label:n,icon:s,onClick:a}=e,l=(0,i._)(e,["componentName","label","icon","onClick"]),r="button"===t?g:c.K;return(0,o.h)(r,Object.assign({label:n||"",hideLabel:!0,icons:`codicon codicon-${s}`,onClick:a},l))},f=({state:e,endAdornment:t},n)=>{const{icons:s,smartButton:i,disabled:a,msg:r,touched:c}=function(e){let t,n;return"_icons"in e&&(t=e._icons),"_smartButton"in e&&(n=e._smartButton),{icons:t,smartButton:n,disabled:e._disabled,msg:(0,l.a)(e._msg),touched:e._touched}}(e);let h=null==s?void 0:s.left;(0,d.i)(h)&&(h={icon:h});let p=null==s?void 0:s.right;(0,d.i)(p)&&(p={icon:p});const m=[],b=[];return t&&(Array.isArray(t)?b.push(...t):b.push(t)),h&&m.push((0,o.h)(v,Object.assign({componentName:"icon",class:"kol-input-container__icon"},(0,u.i)(h)?h:{}))),(0,u.i)(i)&&b.push((0,o.h)(v,Object.assign({componentName:"button",class:"kol-input-container__smart-button"},i,{hideLabel:!0,disabled:a}))),p&&b.push((0,o.h)(v,Object.assign({componentName:"icon",class:"kol-input-container__icon"},(0,u.i)(p)?p:{}))),(0,o.h)(_,{disabled:a,msg:r,touched:c,startAdornment:m,endAdornment:b},n)};class y extends l.I{constructor(e,t,n){super(e,t,n),this.numberStringRegex=/^\d+(\.\d+)?$/,this.parseToNumber=e=>"number"==typeof e?isNaN(e)?null:e:this.isNumberString(e)?parseFloat(e):null,this.validateNumber=(e,t)=>(0,s.w)(this.component,e,(e=>null==e||"number"==typeof e||"string"==typeof e&&this.numberStringRegex.test(e)),new Set(["number","NumberString"]),t,{hooks:{beforePatch:(t,n)=>{(null==n?void 0:n.has(e))&&(null==n||n.set(e,this.parseToNumber(t)))}}}),this.component=e}validateIcons(e){(0,h.v)(this.component,e)}isNumberString(e){return"string"==typeof e&&this.numberStringRegex.test(e)}componentWillLoad(){super.componentWillLoad(),this.validateIcons(this.component._icons)}}},1040:(e,t,n)=>{n.d(t,{I:()=>l});var o=n(257),s=n(182),i=n(3359);const a=["default","visibility-toggle"];class l extends s.I{constructor(e,t,n){super(e,t,n),this.afterSyncCharCounter=()=>{"string"==typeof this.component._value&&this.component._value.length>0&&(this.component.state._currentLength=this.component._value.length)},this.component=e}validateAutoComplete(e){(0,o.w)(this.component,"_autoComplete",(e=>"string"==typeof e&&("on"===e||"off"===e)),new Set(["on | off"]),e)}validateHasCounter(e){(0,i.v)(this.component,e,{hooks:{afterPatch:this.afterSyncCharCounter}})}validateVariant(e){((e,t)=>{(0,o.w)(e,"_variant",(e=>"string"==typeof e&&a.includes(e)),new Set(a),t)})(this.component,e)}validateMaxLength(e){(0,o.E)(this.component,"_maxLength",e,{hooks:{afterPatch:this.afterSyncCharCounter},min:0})}validatePattern(e){(0,o.A)(this.component,"_pattern",e)}validatePlaceholder(e){(0,o.A)(this.component,"_placeholder",e)}validateReadOnly(e){(0,o.h)(this.component,"_readOnly",e)}validateRequired(e){(0,o.h)(this.component,"_required",e)}validateValue(e){(0,o.A)(this.component,"_value",e,{hooks:{afterPatch:this.afterSyncCharCounter}}),this.setFormAssociatedValue(this.component.state._value)}componentWillLoad(){super.componentWillLoad(),this.validateAutoComplete(this.component._autoComplete),this.validateHasCounter(this.component._hasCounter),this.validateMaxLength(this.component._maxLength),this.validatePattern(this.component._pattern),this.validatePlaceholder(this.component._placeholder),this.validateReadOnly(this.component._readOnly),this.validateRequired(this.component._required),this.validateValue(this.component._value),this.validateVariant(this.component._variant)}}},1476:(e,t,n)=>{function o(e){var t=typeof e;return null!=e&&("object"==t||"function"==t)}n.d(t,{i:()=>o})},3359:(e,t,n)=>{n.d(t,{v:()=>s});var o=n(257);const s=(e,t,n)=>{(0,o.h)(e,"_hasCounter",t,n)}},3885:(e,t,n)=>{n.d(t,{K:()=>i});var o=n(6733),s=n(1698);const i=e=>{const{class:t,style:n,icons:i,label:a,onClick:l}=e;return(0,o.h)(s.d,{class:t,style:n,onClick:l,_icons:i,_label:a})}},5151:(e,t,n)=>{n.d(t,{a:()=>a,p:()=>l});var o=n(257),s=n(1698);const i=e=>{for((0,o.F)()&&((0,o.D)("↓ Search form element start."),o.L.debug(e));e instanceof HTMLElement&&"FORM"!==e.tagName&&e.tagName!==s.g.toUpperCase();){try{e=e.parentElement instanceof HTMLElement?e.parentElement:e.parentNode instanceof ShadowRoot?e.parentNode.host:null}catch(e){}(0,o.F)()&&(o.L.debug(e),(0,o.D)("↑ Search form element finished."))}return e},a=(e={})=>{var t,n;const a=i(e.form);if(a instanceof HTMLElement){const e=new Event("reset",{bubbles:!0,cancelable:!0});if("FORM"===a.tagName)(0,o.I)(e,a),a.dispatchEvent(e);else if(a.tagName===s.g.toUpperCase()){(0,o.I)(e,o.a.querySelector("form",a));const s=a;"function"==typeof(null===(t=s._on)||void 0===t?void 0:t.onReset)&&(null===(n=s._on)||void 0===n||n.onReset(e))}}},l=(e={})=>{const t=i(e.form);if(t instanceof HTMLElement){const e=new SubmitEvent("submit",{bubbles:!0,cancelable:!0,submitter:t});if("FORM"===t.tagName)(0,o.F)()&&!1===t.noValidate&&(0,o.D)("If you have not focusable or hidden form fields in your form, you should enable noValidate for your form.",{force:!0}),setTimeout((()=>{"function"==typeof t.requestSubmit?t.requestSubmit():((0,o.I)(e,t),t.dispatchEvent(e))}));else if(t.tagName===s.g.toUpperCase()){(0,o.I)(e,o.a.querySelector("form",t));const n=t;setTimeout((()=>{var t,o;"function"==typeof(null===(t=n._on)||void 0===t?void 0:t.onSubmit)&&(null===(o=n._on)||void 0===o||o.onSubmit(e))}))}}}},5951:(e,t,n)=>{n.d(t,{I:()=>r,a:()=>c});var o=n(257),s=n(1040),i=n(8399),a=n(7368);const l=["text","search","url","tel"];class r extends s.I{constructor(e,t,n){super(e,t,n),this.component=e}validateSuggestions(e){(0,a.v)(this.component,e)}componentWillLoad(){super.componentWillLoad(),this.validateSuggestions(this.component._suggestions)}}class c extends r{constructor(e,t,n){super(e,t,n),this.hasError=!1,this.component=e}validateSpellCheck(e){(0,i.v)(this.component,e)}validateType(e){(0,o.w)(this.component,"_type",(e=>"string"==typeof e&&l.includes(e)),new Set([`String {${l.join(", ")}`]),e)}componentWillLoad(){super.componentWillLoad(),this.validateSpellCheck(this.component._spellCheck),this.validateType(this.component._type)}}},7162:(e,t,n)=>{n.d(t,{I:()=>r,S:()=>l});var o=n(1111),s=n(6733),i=n(8176),a=(n(257),n(9867));const l=e=>{var{id:t,suggestions:n}=e,i=(0,o._)(e,["id","suggestions"]);return n?(0,s.h)("datalist",Object.assign({id:`${t}-list`},i),n.map((e=>(0,s.h)("option",{value:e})))):null},r=e=>{var{state:t,customSuggestions:n}=e,r=(0,o._)(e,["state","customSuggestions"]);return(0,s.h)(i.I,Object.assign({},function(e,t){const{ariaDescribedBy:n}=(0,a.g)(e),o={id:e._id,hideLabel:e._hideLabel,label:e._label,accessKey:e._accessKey,disabled:e._disabled,name:e._name,ariaDescribedBy:n};return"_type"in e&&(o.type=e._type),"_value"in e&&(o.value=e._value),"_required"in e&&(o.required=e._required),"_maxLength"in e&&(o.maxlength=e._maxLength),"_placeholder"in e&&(o.placeholder=e._placeholder),"_autoComplete"in e&&(o.autoComplete=e._autoComplete),"_spellCheck"in e&&(o.spellcheck=e._spellCheck),"_pattern"in e&&(o.pattern=e._pattern),"_readOnly"in e&&(o.readonly=e._readOnly),"_min"in e&&(o.min=e._min),"_max"in e&&(o.max=e._max),"_step"in e&&(o.step=e._step),"_multiple"in e&&(o.multiple=e._multiple),"_checked"in e&&(o.checked=e._checked),"_indeterminate"in e&&(o.indeterminate=e._indeterminate),"_touched"in e&&(o.touched=e._touched),"_msg"in e&&(o.msg=(0,a.a)(e._msg)),"_suggestions"in e&&!t&&Array.isArray(e._suggestions)&&e._suggestions.length>0&&(o.suggestions=(0,s.h)(l,{id:e._id,suggestions:e._suggestions})),o}(t,n),r))}},7368:(e,t,n)=>{n.d(t,{v:()=>s});var o=n(257);const s=(e,t)=>{(0,o.y)(e,"_suggestions",(e=>"string"==typeof e||"number"==typeof e),t,void 0,{hooks:{afterPatch:e=>{Array.isArray(e)&&e.length&&(0,o.b)("Property suggestions: Options have accessibility issues in how browsers implemented them and should not be used for now.")}}})}},8057:(e,t,n)=>{n.d(t,{v:()=>a});var o=n(257);const s=(e,t,n)=>{(0,o.v)(n)?e[t]=n:(0,o.q)(n,1)&&(e[t]={icon:n})},i=e=>"object"==typeof e&&null!==e&&(void 0===e.style||(0,o.t)(e.style))&&(void 0===e.label||(0,o.q)(e.label))&&(0,o.q)(e.icon,1),a=(e,t,n={})=>{(0,o.o)(t,(()=>{var a;try{t=(0,o.j)(t)}catch(e){}(0,o.w)(e,"_icons",(e=>{const t="object"==typeof e&&null!==e&&0===Object.keys(e).length;return null===e||t||(0,o.q)(e,1)||"object"==typeof e&&null!==e&&((0,o.q)(e.left,1)||i(e.left)||(0,o.q)(e.right,1)||i(e.right)||(0,o.q)(e.top,1)||i(e.top)||(0,o.q)(e.bottom,1)||i(e.bottom))}),new Set(["KoliBriIcon"]),t,Object.assign(Object.assign({},n),{defaultValue:{},hooks:{afterPatch:null===(a=n.hooks)||void 0===a?void 0:a.afterPatch,beforePatch:(e,t,i,a)=>{var l,r;"function"==typeof(null===(l=n.hooks)||void 0===l?void 0:l.beforePatch)&&(null===(r=n.hooks)||void 0===r||r.beforePatch(e,t,i,a)),(e=>{var t,n,i;if(null===(t=e.nextState)||void 0===t?void 0:t.has("_icons")){const t=null===(n=e.nextState)||void 0===n?void 0:n.get("_icons");null===(i=e.nextState)||void 0===i||i.set("_icons",(e=>{let t={};return(0,o.q)(e,1)?t={left:{icon:e}}:"object"==typeof e&&null!==e&&(s(t,"top",e.top),s(t,"right",e.right),s(t,"bottom",e.bottom),s(t,"left",e.left)),t})(t))}})(i)}}}))}))}},8176:(e,t,n)=>{n.d(t,{I:()=>l});var o=n(1111),s=n(6733),i=n(8045),a=(n(257),n(9867));const l=e=>{const{class:t,msg:n,required:l,disabled:r,touched:c,readonly:d,ariaDescribedBy:u,hideLabel:h,label:p,suggestions:m,value:b}=e,_=(0,o._)(e,["class","msg","required","disabled","touched","readonly","ariaDescribedBy","hideLabel","label","suggestions","value"]),g=(0,a.c)(n,c),v={"kol-input--disabled":Boolean(r),"kol-input--required":Boolean(l),"kol-input--touched":Boolean(c),"kol-input--readonly":Boolean(d),[`kol-input--${(null==n?void 0:n.type)||"error"}`]:g},f=Object.assign(Object.assign({class:(0,i.c)("kol-input",v,t),required:l,disabled:r,readonly:d,type:"text",list:m?`${_.id}-list`:void 0},(0,a.e)({ariaDescribedBy:u,hideLabel:h,label:p})),_);return(0,s.h)(s.F,null,(0,s.h)("input",Object.assign({},f,{value:b})),m)}},8399:(e,t,n)=>{n.d(t,{v:()=>s});var o=n(257);const s=(e,t)=>{(0,o.h)(e,"_spellCheck",t,{defaultValue:void 0})}}}]);