@kor-ui/input
Version:
Kor input component.
248 lines • 34.3 kB
JavaScript
!function(e){var t={};function __webpack_require__(i){if(t[i])return t[i].exports;var s=t[i]={i:i,l:!1,exports:{}};return e[i].call(s.exports,s,s.exports,__webpack_require__),s.l=!0,s.exports}__webpack_require__.m=e,__webpack_require__.c=t,__webpack_require__.d=function(e,t,i){__webpack_require__.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:i})},__webpack_require__.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},__webpack_require__.t=function(e,t){if(1&t&&(e=__webpack_require__(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var i=Object.create(null);if(__webpack_require__.r(i),Object.defineProperty(i,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var s in e)__webpack_require__.d(i,s,function(t){return e[t]}.bind(null,s));return i},__webpack_require__.n=function(e){var t=e&&e.__esModule?function getDefault(){return e.default}:function getModuleExports(){return e};return __webpack_require__.d(t,"a",t),t},__webpack_require__.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},__webpack_require__.p="",__webpack_require__(__webpack_require__.s=57)}({0:function(e,t,i){"use strict";i.d(t,"c",(function(){return customElement})),i.d(t,"e",(function(){return property})),i.d(t,"d",(function(){return lit_html_html})),i.d(t,"b",(function(){return css})),i.d(t,"a",(function(){return lit_element_LitElement}));const s="undefined"!=typeof window&&null!=window.customElements&&void 0!==window.customElements.polyfillWrapFlushCallback,removeNodes=(e,t,i=null)=>{for(;t!==i;){const i=t.nextSibling;e.removeChild(t),t=i}},n=`{{lit-${String(Math.random()).slice(2)}}}`,r=`\x3c!--${n}--\x3e`,o=new RegExp(`${n}|${r}`);class Template{constructor(e,t){this.parts=[],this.element=t;const i=[],s=[],r=document.createTreeWalker(t.content,133,null,!1);let l=0,c=-1,p=0;const{strings:d,values:{length:h}}=e;for(;p<h;){const e=r.nextNode();if(null!==e){if(c++,1===e.nodeType){if(e.hasAttributes()){const t=e.attributes,{length:i}=t;let s=0;for(let e=0;e<i;e++)endsWith(t[e].name,"$lit$")&&s++;for(;s-- >0;){const t=d[p],i=a.exec(t)[2],s=i.toLowerCase()+"$lit$",n=e.getAttribute(s);e.removeAttribute(s);const r=n.split(o);this.parts.push({type:"attribute",index:c,name:i,strings:r}),p+=r.length-1}}"TEMPLATE"===e.tagName&&(s.push(e),r.currentNode=e.content)}else if(3===e.nodeType){const t=e.data;if(t.indexOf(n)>=0){const s=e.parentNode,n=t.split(o),r=n.length-1;for(let t=0;t<r;t++){let i,r=n[t];if(""===r)i=createMarker();else{const e=a.exec(r);null!==e&&endsWith(e[2],"$lit$")&&(r=r.slice(0,e.index)+e[1]+e[2].slice(0,-"$lit$".length)+e[3]),i=document.createTextNode(r)}s.insertBefore(i,e),this.parts.push({type:"node",index:++c})}""===n[r]?(s.insertBefore(createMarker(),e),i.push(e)):e.data=n[r],p+=r}}else if(8===e.nodeType)if(e.data===n){const t=e.parentNode;null!==e.previousSibling&&c!==l||(c++,t.insertBefore(createMarker(),e)),l=c,this.parts.push({type:"node",index:c}),null===e.nextSibling?e.data="":(i.push(e),c--),p++}else{let t=-1;for(;-1!==(t=e.data.indexOf(n,t+1));)this.parts.push({type:"node",index:-1}),p++}}else r.currentNode=s.pop()}for(const e of i)e.parentNode.removeChild(e)}}const endsWith=(e,t)=>{const i=e.length-t.length;return i>=0&&e.slice(i)===t},isTemplatePartActive=e=>-1!==e.index,createMarker=()=>document.createComment(""),a=/([ \x09\x0a\x0c\x0d])([^\0-\x1F\x7F-\x9F "'>=/]+)([ \x09\x0a\x0c\x0d]*=[ \x09\x0a\x0c\x0d]*(?:[^ \x09\x0a\x0c\x0d"'`<>=]*|"[^"]*|'[^']*))$/;function removeNodesFromTemplate(e,t){const{element:{content:i},parts:s}=e,n=document.createTreeWalker(i,133,null,!1);let r=nextActiveIndexInTemplateParts(s),o=s[r],a=-1,l=0;const c=[];let p=null;for(;n.nextNode();){a++;const e=n.currentNode;for(e.previousSibling===p&&(p=null),t.has(e)&&(c.push(e),null===p&&(p=e)),null!==p&&l++;void 0!==o&&o.index===a;)o.index=null!==p?-1:o.index-l,r=nextActiveIndexInTemplateParts(s,r),o=s[r]}c.forEach(e=>e.parentNode.removeChild(e))}const countNodes=e=>{let t=11===e.nodeType?0:1;const i=document.createTreeWalker(e,133,null,!1);for(;i.nextNode();)t++;return t},nextActiveIndexInTemplateParts=(e,t=-1)=>{for(let i=t+1;i<e.length;i++){const t=e[i];if(isTemplatePartActive(t))return i}return-1};const l=new WeakMap,isDirective=e=>"function"==typeof e&&l.has(e),c={},p={};class template_instance_TemplateInstance{constructor(e,t,i){this.__parts=[],this.template=e,this.processor=t,this.options=i}update(e){let t=0;for(const i of this.__parts)void 0!==i&&i.setValue(e[t]),t++;for(const e of this.__parts)void 0!==e&&e.commit()}_clone(){const e=s?this.template.element.content.cloneNode(!0):document.importNode(this.template.element.content,!0),t=[],i=this.template.parts,n=document.createTreeWalker(e,133,null,!1);let r,o=0,a=0,l=n.nextNode();for(;o<i.length;)if(r=i[o],isTemplatePartActive(r)){for(;a<r.index;)a++,"TEMPLATE"===l.nodeName&&(t.push(l),n.currentNode=l.content),null===(l=n.nextNode())&&(n.currentNode=t.pop(),l=n.nextNode());if("node"===r.type){const e=this.processor.handleTextExpression(this.options);e.insertAfterNode(l.previousSibling),this.__parts.push(e)}else this.__parts.push(...this.processor.handleAttributeExpressions(l,r.name,r.strings,this.options));o++}else this.__parts.push(void 0),o++;return s&&(document.adoptNode(e),customElements.upgrade(e)),e}}const d=` ${n} `;class template_result_TemplateResult{constructor(e,t,i,s){this.strings=e,this.values=t,this.type=i,this.processor=s}getHTML(){const e=this.strings.length-1;let t="",i=!1;for(let s=0;s<e;s++){const e=this.strings[s],o=e.lastIndexOf("\x3c!--");i=(o>-1||i)&&-1===e.indexOf("--\x3e",o+1);const l=a.exec(e);t+=null===l?e+(i?d:r):e.substr(0,l.index)+l[1]+l[2]+"$lit$"+l[3]+n}return t+=this.strings[e],t}getTemplateElement(){const e=document.createElement("template");return e.innerHTML=this.getHTML(),e}}const isPrimitive=e=>null===e||!("object"==typeof e||"function"==typeof e),isIterable=e=>Array.isArray(e)||!(!e||!e[Symbol.iterator]);class AttributeCommitter{constructor(e,t,i){this.dirty=!0,this.element=e,this.name=t,this.strings=i,this.parts=[];for(let e=0;e<i.length-1;e++)this.parts[e]=this._createPart()}_createPart(){return new parts_AttributePart(this)}_getValue(){const e=this.strings,t=e.length-1;let i="";for(let s=0;s<t;s++){i+=e[s];const t=this.parts[s];if(void 0!==t){const e=t.value;if(isPrimitive(e)||!isIterable(e))i+="string"==typeof e?e:String(e);else for(const t of e)i+="string"==typeof t?t:String(t)}}return i+=e[t],i}commit(){this.dirty&&(this.dirty=!1,this.element.setAttribute(this.name,this._getValue()))}}class parts_AttributePart{constructor(e){this.value=void 0,this.committer=e}setValue(e){e===c||isPrimitive(e)&&e===this.value||(this.value=e,isDirective(e)||(this.committer.dirty=!0))}commit(){for(;isDirective(this.value);){const e=this.value;this.value=c,e(this)}this.value!==c&&this.committer.commit()}}class parts_NodePart{constructor(e){this.value=void 0,this.__pendingValue=void 0,this.options=e}appendInto(e){this.startNode=e.appendChild(createMarker()),this.endNode=e.appendChild(createMarker())}insertAfterNode(e){this.startNode=e,this.endNode=e.nextSibling}appendIntoPart(e){e.__insert(this.startNode=createMarker()),e.__insert(this.endNode=createMarker())}insertAfterPart(e){e.__insert(this.startNode=createMarker()),this.endNode=e.endNode,e.endNode=this.startNode}setValue(e){this.__pendingValue=e}commit(){if(null===this.startNode.parentNode)return;for(;isDirective(this.__pendingValue);){const e=this.__pendingValue;this.__pendingValue=c,e(this)}const e=this.__pendingValue;e!==c&&(isPrimitive(e)?e!==this.value&&this.__commitText(e):e instanceof template_result_TemplateResult?this.__commitTemplateResult(e):e instanceof Node?this.__commitNode(e):isIterable(e)?this.__commitIterable(e):e===p?(this.value=p,this.clear()):this.__commitText(e))}__insert(e){this.endNode.parentNode.insertBefore(e,this.endNode)}__commitNode(e){this.value!==e&&(this.clear(),this.__insert(e),this.value=e)}__commitText(e){const t=this.startNode.nextSibling,i="string"==typeof(e=null==e?"":e)?e:String(e);t===this.endNode.previousSibling&&3===t.nodeType?t.data=i:this.__commitNode(document.createTextNode(i)),this.value=e}__commitTemplateResult(e){const t=this.options.templateFactory(e);if(this.value instanceof template_instance_TemplateInstance&&this.value.template===t)this.value.update(e.values);else{const i=new template_instance_TemplateInstance(t,e.processor,this.options),s=i._clone();i.update(e.values),this.__commitNode(s),this.value=i}}__commitIterable(e){Array.isArray(this.value)||(this.value=[],this.clear());const t=this.value;let i,s=0;for(const n of e)i=t[s],void 0===i&&(i=new parts_NodePart(this.options),t.push(i),0===s?i.appendIntoPart(this):i.insertAfterPart(t[s-1])),i.setValue(n),i.commit(),s++;s<t.length&&(t.length=s,this.clear(i&&i.endNode))}clear(e=this.startNode){removeNodes(this.startNode.parentNode,e.nextSibling,this.endNode)}}class parts_BooleanAttributePart{constructor(e,t,i){if(this.value=void 0,this.__pendingValue=void 0,2!==i.length||""!==i[0]||""!==i[1])throw new Error("Boolean attributes can only contain a single expression");this.element=e,this.name=t,this.strings=i}setValue(e){this.__pendingValue=e}commit(){for(;isDirective(this.__pendingValue);){const e=this.__pendingValue;this.__pendingValue=c,e(this)}if(this.__pendingValue===c)return;const e=!!this.__pendingValue;this.value!==e&&(e?this.element.setAttribute(this.name,""):this.element.removeAttribute(this.name),this.value=e),this.__pendingValue=c}}class PropertyCommitter extends AttributeCommitter{constructor(e,t,i){super(e,t,i),this.single=2===i.length&&""===i[0]&&""===i[1]}_createPart(){return new PropertyPart(this)}_getValue(){return this.single?this.parts[0].value:super._getValue()}commit(){this.dirty&&(this.dirty=!1,this.element[this.name]=this._getValue())}}class PropertyPart extends parts_AttributePart{}let h=!1;(()=>{try{const e={get capture(){return h=!0,!1}};window.addEventListener("test",e,e),window.removeEventListener("test",e,e)}catch(e){}})();class parts_EventPart{constructor(e,t,i){this.value=void 0,this.__pendingValue=void 0,this.element=e,this.eventName=t,this.eventContext=i,this.__boundHandleEvent=e=>this.handleEvent(e)}setValue(e){this.__pendingValue=e}commit(){for(;isDirective(this.__pendingValue);){const e=this.__pendingValue;this.__pendingValue=c,e(this)}if(this.__pendingValue===c)return;const e=this.__pendingValue,t=this.value,i=null==e||null!=t&&(e.capture!==t.capture||e.once!==t.once||e.passive!==t.passive),s=null!=e&&(null==t||i);i&&this.element.removeEventListener(this.eventName,this.__boundHandleEvent,this.__options),s&&(this.__options=getOptions(e),this.element.addEventListener(this.eventName,this.__boundHandleEvent,this.__options)),this.value=e,this.__pendingValue=c}handleEvent(e){"function"==typeof this.value?this.value.call(this.eventContext||this.element,e):this.value.handleEvent(e)}}const getOptions=e=>e&&(h?{capture:e.capture,passive:e.passive,once:e.once}:e.capture);function templateFactory(e){let t=u.get(e.type);void 0===t&&(t={stringsArray:new WeakMap,keyString:new Map},u.set(e.type,t));let i=t.stringsArray.get(e.strings);if(void 0!==i)return i;const s=e.strings.join(n);return i=t.keyString.get(s),void 0===i&&(i=new Template(e,e.getTemplateElement()),t.keyString.set(s,i)),t.stringsArray.set(e.strings,i),i}const u=new Map,_=new WeakMap;const m=new class default_template_processor_DefaultTemplateProcessor{handleAttributeExpressions(e,t,i,s){const n=t[0];if("."===n){return new PropertyCommitter(e,t.slice(1),i).parts}return"@"===n?[new parts_EventPart(e,t.slice(1),s.eventContext)]:"?"===n?[new parts_BooleanAttributePart(e,t.slice(1),i)]:new AttributeCommitter(e,t,i).parts}handleTextExpression(e){return new parts_NodePart(e)}};"undefined"!=typeof window&&(window.litHtmlVersions||(window.litHtmlVersions=[])).push("1.2.1");const lit_html_html=(e,...t)=>new template_result_TemplateResult(e,t,"html",m),getTemplateCacheKey=(e,t)=>`${e}--${t}`;let f=!0;void 0===window.ShadyCSS?f=!1:void 0===window.ShadyCSS.prepareTemplateDom&&(console.warn("Incompatible ShadyCSS version detected. Please update to at least @webcomponents/webcomponentsjs@2.0.2 and @webcomponents/shadycss@1.3.1."),f=!1);const shadyTemplateFactory=e=>t=>{const i=getTemplateCacheKey(t.type,e);let s=u.get(i);void 0===s&&(s={stringsArray:new WeakMap,keyString:new Map},u.set(i,s));let r=s.stringsArray.get(t.strings);if(void 0!==r)return r;const o=t.strings.join(n);if(r=s.keyString.get(o),void 0===r){const i=t.getTemplateElement();f&&window.ShadyCSS.prepareTemplateDom(i,e),r=new Template(t,i),s.keyString.set(o,r)}return s.stringsArray.set(t.strings,r),r},y=["html","svg"],v=new Set,prepareTemplateStyles=(e,t,i)=>{v.add(e);const s=i?i.element:document.createElement("template"),n=t.querySelectorAll("style"),{length:r}=n;if(0===r)return void window.ShadyCSS.prepareTemplateStyles(s,e);const o=document.createElement("style");for(let e=0;e<r;e++){const t=n[e];t.parentNode.removeChild(t),o.textContent+=t.textContent}(e=>{y.forEach(t=>{const i=u.get(getTemplateCacheKey(t,e));void 0!==i&&i.keyString.forEach(e=>{const{element:{content:t}}=e,i=new Set;Array.from(t.querySelectorAll("style")).forEach(e=>{i.add(e)}),removeNodesFromTemplate(e,i)})})})(e);const a=s.content;i?function insertNodeIntoTemplate(e,t,i=null){const{element:{content:s},parts:n}=e;if(null==i)return void s.appendChild(t);const r=document.createTreeWalker(s,133,null,!1);let o=nextActiveIndexInTemplateParts(n),a=0,l=-1;for(;r.nextNode();){for(l++,r.currentNode===i&&(a=countNodes(t),i.parentNode.insertBefore(t,i));-1!==o&&n[o].index===l;){if(a>0){for(;-1!==o;)n[o].index+=a,o=nextActiveIndexInTemplateParts(n,o);return}o=nextActiveIndexInTemplateParts(n,o)}}}(i,o,a.firstChild):a.insertBefore(o,a.firstChild),window.ShadyCSS.prepareTemplateStyles(s,e);const l=a.querySelector("style");if(window.ShadyCSS.nativeShadow&&null!==l)t.insertBefore(l.cloneNode(!0),t.firstChild);else if(i){a.insertBefore(o,a.firstChild);const e=new Set;e.add(o),removeNodesFromTemplate(i,e)}};window.JSCompiler_renameProperty=(e,t)=>e;const g={toAttribute(e,t){switch(t){case Boolean:return e?"":null;case Object:case Array:return null==e?e:JSON.stringify(e)}return e},fromAttribute(e,t){switch(t){case Boolean:return null!==e;case Number:return null===e?null:Number(e);case Object:case Array:return JSON.parse(e)}return e}},notEqual=(e,t)=>t!==e&&(t==t||e==e),b={attribute:!0,type:String,converter:g,reflect:!1,hasChanged:notEqual};class UpdatingElement extends HTMLElement{constructor(){super(),this._updateState=0,this._instanceProperties=void 0,this._updatePromise=new Promise(e=>this._enableUpdatingResolver=e),this._changedProperties=new Map,this._reflectingProperties=void 0,this.initialize()}static get observedAttributes(){this.finalize();const e=[];return this._classProperties.forEach((t,i)=>{const s=this._attributeNameForProperty(i,t);void 0!==s&&(this._attributeToPropertyMap.set(s,i),e.push(s))}),e}static _ensureClassProperties(){if(!this.hasOwnProperty(JSCompiler_renameProperty("_classProperties",this))){this._classProperties=new Map;const e=Object.getPrototypeOf(this)._classProperties;void 0!==e&&e.forEach((e,t)=>this._classProperties.set(t,e))}}static createProperty(e,t=b){if(this._ensureClassProperties(),this._classProperties.set(e,t),t.noAccessor||this.prototype.hasOwnProperty(e))return;const i="symbol"==typeof e?Symbol():"__"+e,s=this.getPropertyDescriptor(e,i,t);void 0!==s&&Object.defineProperty(this.prototype,e,s)}static getPropertyDescriptor(e,t,i){return{get(){return this[t]},set(i){const s=this[e];this[t]=i,this._requestUpdate(e,s)},configurable:!0,enumerable:!0}}static getPropertyOptions(e){return this._classProperties&&this._classProperties.get(e)||b}static finalize(){const e=Object.getPrototypeOf(this);if(e.hasOwnProperty("finalized")||e.finalize(),this.finalized=!0,this._ensureClassProperties(),this._attributeToPropertyMap=new Map,this.hasOwnProperty(JSCompiler_renameProperty("properties",this))){const e=this.properties,t=[...Object.getOwnPropertyNames(e),..."function"==typeof Object.getOwnPropertySymbols?Object.getOwnPropertySymbols(e):[]];for(const i of t)this.createProperty(i,e[i])}}static _attributeNameForProperty(e,t){const i=t.attribute;return!1===i?void 0:"string"==typeof i?i:"string"==typeof e?e.toLowerCase():void 0}static _valueHasChanged(e,t,i=notEqual){return i(e,t)}static _propertyValueFromAttribute(e,t){const i=t.type,s=t.converter||g,n="function"==typeof s?s:s.fromAttribute;return n?n(e,i):e}static _propertyValueToAttribute(e,t){if(void 0===t.reflect)return;const i=t.type,s=t.converter;return(s&&s.toAttribute||g.toAttribute)(e,i)}initialize(){this._saveInstanceProperties(),this._requestUpdate()}_saveInstanceProperties(){this.constructor._classProperties.forEach((e,t)=>{if(this.hasOwnProperty(t)){const e=this[t];delete this[t],this._instanceProperties||(this._instanceProperties=new Map),this._instanceProperties.set(t,e)}})}_applyInstanceProperties(){this._instanceProperties.forEach((e,t)=>this[t]=e),this._instanceProperties=void 0}connectedCallback(){this.enableUpdating()}enableUpdating(){void 0!==this._enableUpdatingResolver&&(this._enableUpdatingResolver(),this._enableUpdatingResolver=void 0)}disconnectedCallback(){}attributeChangedCallback(e,t,i){t!==i&&this._attributeToProperty(e,i)}_propertyToAttribute(e,t,i=b){const s=this.constructor,n=s._attributeNameForProperty(e,i);if(void 0!==n){const e=s._propertyValueToAttribute(t,i);if(void 0===e)return;this._updateState=8|this._updateState,null==e?this.removeAttribute(n):this.setAttribute(n,e),this._updateState=-9&this._updateState}}_attributeToProperty(e,t){if(8&this._updateState)return;const i=this.constructor,s=i._attributeToPropertyMap.get(e);if(void 0!==s){const e=i.getPropertyOptions(s);this._updateState=16|this._updateState,this[s]=i._propertyValueFromAttribute(t,e),this._updateState=-17&this._updateState}}_requestUpdate(e,t){let i=!0;if(void 0!==e){const s=this.constructor,n=s.getPropertyOptions(e);s._valueHasChanged(this[e],t,n.hasChanged)?(this._changedProperties.has(e)||this._changedProperties.set(e,t),!0!==n.reflect||16&this._updateState||(void 0===this._reflectingProperties&&(this._reflectingProperties=new Map),this._reflectingProperties.set(e,n))):i=!1}!this._hasRequestedUpdate&&i&&(this._updatePromise=this._enqueueUpdate())}requestUpdate(e,t){return this._requestUpdate(e,t),this.updateComplete}async _enqueueUpdate(){this._updateState=4|this._updateState;try{await this._updatePromise}catch(e){}const e=this.performUpdate();return null!=e&&await e,!this._hasRequestedUpdate}get _hasRequestedUpdate(){return 4&this._updateState}get hasUpdated(){return 1&this._updateState}performUpdate(){this._instanceProperties&&this._applyInstanceProperties();let e=!1;const t=this._changedProperties;try{e=this.shouldUpdate(t),e?this.update(t):this._markUpdated()}catch(t){throw e=!1,this._markUpdated(),t}e&&(1&this._updateState||(this._updateState=1|this._updateState,this.firstUpdated(t)),this.updated(t))}_markUpdated(){this._changedProperties=new Map,this._updateState=-5&this._updateState}get updateComplete(){return this._getUpdateComplete()}_getUpdateComplete(){return this._updatePromise}shouldUpdate(e){return!0}update(e){void 0!==this._reflectingProperties&&this._reflectingProperties.size>0&&(this._reflectingProperties.forEach((e,t)=>this._propertyToAttribute(t,this[t],e)),this._reflectingProperties=void 0),this._markUpdated()}updated(e){}firstUpdated(e){}}UpdatingElement.finalized=!0;const customElement=e=>t=>"function"==typeof t?((e,t)=>(window.customElements.define(e,t),t))(e,t):((e,t)=>{const{kind:i,elements:s}=t;return{kind:i,elements:s,finisher(t){window.customElements.define(e,t)}}})(e,t),standardProperty=(e,t)=>"method"===t.kind&&t.descriptor&&!("value"in t.descriptor)?Object.assign(Object.assign({},t),{finisher(i){i.createProperty(t.key,e)}}):{kind:"field",key:Symbol(),placement:"own",descriptor:{},initializer(){"function"==typeof t.initializer&&(this[t.key]=t.initializer.call(this))},finisher(i){i.createProperty(t.key,e)}};function property(e){return(t,i)=>void 0!==i?((e,t,i)=>{t.constructor.createProperty(i,e)})(e,t,i):standardProperty(e,t)}const w="adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,S=Symbol();class CSSResult{constructor(e,t){if(t!==S)throw new Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=e}get styleSheet(){return void 0===this._styleSheet&&(w?(this._styleSheet=new CSSStyleSheet,this._styleSheet.replaceSync(this.cssText)):this._styleSheet=null),this._styleSheet}toString(){return this.cssText}}const css=(e,...t)=>{const i=t.reduce((t,i,s)=>t+(e=>{if(e instanceof CSSResult)return e.cssText;if("number"==typeof e)return e;throw new Error(`Value passed to 'css' function must be a 'css' function result: ${e}. Use 'unsafeCSS' to pass non-literal values, but\n take care to ensure page security.`)})(i)+e[s+1],e[0]);return new CSSResult(i,S)};(window.litElementVersions||(window.litElementVersions=[])).push("2.3.1");const x={};class lit_element_LitElement extends UpdatingElement{static getStyles(){return this.styles}static _getUniqueStyles(){if(this.hasOwnProperty(JSCompiler_renameProperty("_styles",this)))return;const e=this.getStyles();if(void 0===e)this._styles=[];else if(Array.isArray(e)){const addStyles=(e,t)=>e.reduceRight((e,t)=>Array.isArray(t)?addStyles(t,e):(e.add(t),e),t),t=addStyles(e,new Set),i=[];t.forEach(e=>i.unshift(e)),this._styles=i}else this._styles=[e]}initialize(){super.initialize(),this.constructor._getUniqueStyles(),this.renderRoot=this.createRenderRoot(),window.ShadowRoot&&this.renderRoot instanceof window.ShadowRoot&&this.adoptStyles()}createRenderRoot(){return this.attachShadow({mode:"open"})}adoptStyles(){const e=this.constructor._styles;0!==e.length&&(void 0===window.ShadyCSS||window.ShadyCSS.nativeShadow?w?this.renderRoot.adoptedStyleSheets=e.map(e=>e.styleSheet):this._needsShimAdoptedStyleSheets=!0:window.ShadyCSS.ScopingShim.prepareAdoptedCssText(e.map(e=>e.cssText),this.localName))}connectedCallback(){super.connectedCallback(),this.hasUpdated&&void 0!==window.ShadyCSS&&window.ShadyCSS.styleElement(this)}update(e){const t=this.render();super.update(e),t!==x&&this.constructor.render(t,this.renderRoot,{scopeName:this.localName,eventContext:this}),this._needsShimAdoptedStyleSheets&&(this._needsShimAdoptedStyleSheets=!1,this.constructor._styles.forEach(e=>{const t=document.createElement("style");t.textContent=e.cssText,this.renderRoot.appendChild(t)}))}render(){return x}}lit_element_LitElement.finalized=!0,lit_element_LitElement.render=(e,t,i)=>{if(!i||"object"!=typeof i||!i.scopeName)throw new Error("The `scopeName` option is required.");const s=i.scopeName,n=_.has(t),r=f&&11===t.nodeType&&!!t.host,o=r&&!v.has(s),a=o?document.createDocumentFragment():t;if(((e,t,i)=>{let s=_.get(t);void 0===s&&(removeNodes(t,t.firstChild),_.set(t,s=new parts_NodePart(Object.assign({templateFactory:templateFactory},i))),s.appendInto(t)),s.setValue(e),s.commit()})(e,a,Object.assign({templateFactory:shadyTemplateFactory(s)},i)),o){const e=_.get(a);_.delete(a);const i=e.value instanceof template_instance_TemplateInstance?e.value.template:void 0;prepareTemplateStyles(s,a,i),removeNodes(t,t.firstChild),t.appendChild(a),_.set(t,e)}!n&&r&&window.ShadyCSS.styleElement(t.host)}},1:function(e,t,i){"use strict";i.d(t,"a",(function(){return s}));const s=i(0).b`
/* scrollbar */
*::-webkit-scrollbar {
width: 8px;
height: 8px;
background-color: transparent;
visibility: hidden;
}
*::-webkit-scrollbar-track {
background-color: rgba(var(--neutral-1), 0.05);
border-radius: 8px;
}
*::-webkit-scrollbar-thumb {
background-color: rgba(var(--neutral-1), 0.1);
border-radius: 8px;
}
*::-webkit-scrollbar-thumb:active,
*::-webkit-scrollbar-thumb:hover {
background-color: rgba(var(--neutral-1), 0.2);
}
`},16:function(e,t,i){"use strict";i.d(t,"a",(function(){return r}));var s=i(0),n=i(1),__decorate=function(e,t,i,s){var n,r=arguments.length,o=r<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(e,t,i,s);else for(var a=e.length-1;a>=0;a--)(n=e[a])&&(o=(r<3?n(o):r>3?n(t,i,o):n(t,i))||o);return r>3&&o&&Object.defineProperty(t,i,o),o};let r=class korInput extends s.a{constructor(){super(),this.type="text",this.step=1,this.addEventListener("click",()=>{this.active=!0,this.shadowRoot.querySelector("input").focus()})}static get styles(){return[n.a,s.b`
:host {
display: flex;
align-items: center;
min-height: 40px;
border-width: 0px 0px 1px 0px;
border-style: solid;
border-color: rgba(var(--neutral-1), 0.2);
border-radius: 2px;
box-sizing: border-box;
padding: 0 8px;
width: 100%;
overflow: visible;
background-color: rgba(var(--neutral-1), 0.05);
position: relative;
}
:host,
.label,
input {
transition: var(--transition-1);
}
.center {
flex: 1;
display: flex;
flex-direction: column;
justify-content: center;
overflow: hidden;
}
input {
background: none;
border: none;
box-shadow: none;
padding: 0px;
outline: none;
-webkit-appearance: none;
font: var(--body-1);
color: var(--text-1);
max-height: 16px;
}
input[type='number']::-webkit-inner-spin-button,
input[type='number']::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0;
}
input[type='number'] {
-moz-appearance: textfield;
}
/* active */
:host([active]) {
border-color: rgba(var(--neutral-1), 0.6);
}
:host([active]) .label {
color: rgb(var(--accent-1));
}
/* disabled */
:host([disabled]) {
opacity: 0.2;
}
:host([disabled]),
:host([readonly]) {
pointer-events: none;
}
/* readonly */
:host([readonly]) {
background: transparent;
}
/* condensed */
:host([condensed]) {
min-height: 32px;
}
:host([condensed][value]) .label,
:host([condensed][active]) .label {
display: none;
}
/* icon */
:host([icon]) .icon {
margin-right: 8px;
}
/* label */
.label {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
font: var(--body-1);
color: var(--text-2);
pointer-events: none;
}
:host([value]) .label,
:host([active]) .label {
font: var(--body-2);
}
:host(:not([value]):not([active])) input {
max-height: 0px;
}
input,
.label {
line-height: 16px;
}
/* clear */
.clear-icon {
transition: var(--transition-1), 0.1s opacity ease-in-out 0.1s;
}
:host(:not(:hover):not([active])) .clear-icon {
transition: var(--transition-1), 0.1s width ease-in-out 0.1s,
0.1s margin ease-in-out 0.1s;
font-size: 0px;
width: 0px;
opacity: 0;
margin-left: 0;
}
/* status */
.clear-icon,
.status-icon,
.increment-icon,
.select-icon,
slot[name='functions']::slotted(*) {
margin-left: 8px;
}
.status-icon[icon='cancel'] {
color: rgb(var(--functional-red));
}
.status-icon[icon='error'] {
color: rgb(var(--functional-yellow));
}
.status-icon[icon='check_circle'] {
color: rgb(var(--functional-green));
}
/* select */
:host([type='select']),
:host([type='select']) * {
cursor: pointer !important;
}
:host([type='text']) .center,
:host([type='number']) .center {
cursor: text;
}
:host([active]) .select-icon {
transform: rotate(180deg);
}
.select-menu {
position: fixed;
max-height: 240px;
z-index: 3;
padding: 0px 16px;
background-color: rgb(var(--base-4));
}
slot:not([name]) {
display: block;
margin: 0 -8px;
}
slot:not([name])::slotted(*) {
margin-bottom: 0;
}
/* hover inputs */
@media (hover: hover) {
:host(:hover:not([active])) {
border-color: rgba(var(--neutral-1), 0.4);
}
}
`]}render(){return s.d`
${this.icon?s.d` <kor-icon class="icon" icon="${this.icon}"></kor-icon> `:""}
<div class="center">
${this.label?s.d` <label class="label">${this.label}</label> `:""}
<input
id="input"
.type="${this.type}"
?readonly="${this.readonly||this.disabled||"select"===this.type}"
min="${this.min}"
max="${this.max}"
step="${this.step}"
pattern="${this.pattern}"
.value="${void 0!==this.value?this.value:""}"
@input="${e=>e.target.value?"number"!==this.type?this.value=e.target.value:"":this.removeAttribute("value")}"
@focus="${()=>this.active=!0}"
@blur="${e=>this.handleBlur(e)}"
/>
</div>
<!-- clear -->
${this.disabled||this.readonly||!this.value||this.noClear||"select"===this.type?"":s.d`
<kor-icon
button
class="clear-icon"
icon="close"
@click="${()=>this.handleClear()}"
></kor-icon>
`}
<!-- status -->
${this.status?s.d`
<kor-icon
class="status-icon"
icon="${this.getStatusIcon()}"
></kor-icon>
`:""}
<!-- number increment -->
${"number"!==this.type||this.readonly?"":s.d`
<kor-icon
button
class="increment-icon"
icon="keyboard_arrow_left"
@click="${()=>this.handleIncrement("left")}"
></kor-icon>
<kor-icon
button
class="increment-icon"
icon="keyboard_arrow_right"
@click="${()=>this.handleIncrement("right")}"
></kor-icon>
`}
<!-- functions slot -->
<slot name="functions"></slot>
<!-- select -->
${"select"===this.type?s.d`
<kor-icon
button
class="select-icon"
icon="arrow_drop_down"
></kor-icon>
${this.active?s.d`
<kor-card
@wheel="${e=>e.stopPropagation()}"
class="select-menu"
.style="top: ${this.getMenuStyles().top}; left: ${this.getMenuStyles().left}; width: ${this.getMenuStyles().width};"
>
<slot @slotchange="${e=>this.handleItems(e)}"></slot>
</kor-card>
`:""}
`:""}
`}handleClear(){this.value=void 0,this.removeAttribute("value")}handleBlur(e){"number"===this.type&&this.validateMinMax(e.target.value),"select"!==this.type&&(this.active=!1)}handleIncrement(e){"left"===e?this.validateMinMax(parseInt(this.value?this.value:this.min?this.min:0)-this.step):"right"===e&&this.validateMinMax(parseInt(this.value?this.value:this.min?this.min:0)+this.step)}handleItems(e){const t=e.target.assignedNodes();t.forEach(e=>{"KOR-MENU-ITEM"===e.tagName&&e.addEventListener("active-changed",i=>{i.target.active&&(t.forEach(e=>{e.active=!1}),i.target.active=!0,this.value=e.label,this.active=!1)})})}attributeChangedCallback(e,t,i){super.attributeChangedCallback(e,t,i),this.dispatchEvent(new Event(e+"-changed")),"active"==e&&this.active&&"select"==this.type&&this.handleMenu()}handleMenu(){const e=this,closePopover=function(t){("click"===t.type&&t.target!==e||"wheel"===t.type)&&(e.active=!1,document.removeEventListener("click",closePopover),document.removeEventListener("wheel",closePopover))};document.addEventListener("click",closePopover),document.addEventListener("wheel",closePopover)}validateMinMax(e){e&&(this.min&&e<this.min?this.value=this.min:e>this.max?this.value=this.max:this.value=e)}getStatusIcon(){let e;switch(this.status){case"error":e="cancel";break;case"warning":e="error";break;case"success":e="check_circle"}return e}getMenuStyles(){return{top:this.getBoundingClientRect().top+this.clientHeight+1+"px",left:this.getBoundingClientRect().left+"px",width:this.clientWidth+"px"}}};__decorate([Object(s.e)({type:String,reflect:!0})],r.prototype,"label",void 0),__decorate([Object(s.e)({type:String,reflect:!0})],r.prototype,"icon",void 0),__decorate([Object(s.e)({type:String,reflect:!0})],r.prototype,"value",void 0),__decorate([Object(s.e)({type:String,reflect:!0})],r.prototype,"type",void 0),__decorate([Object(s.e)({type:String,reflect:!0})],r.prototype,"status",void 0),__decorate([Object(s.e)({type:Boolean,reflect:!0})],r.prototype,"condensed",void 0),__decorate([Object(s.e)({type:Boolean,reflect:!0})],r.prototype,"active",void 0),__decorate([Object(s.e)({type:Boolean,reflect:!0})],r.prototype,"disabled",void 0),__decorate([Object(s.e)({type:Boolean,reflect:!0})],r.prototype,"readonly",void 0),__decorate([Object(s.e)({type:Boolean,reflect:!0,attribute:"no-clear"})],r.prototype,"noClear",void 0),__decorate([Object(s.e)({type:String,reflect:!0})],r.prototype,"pattern",void 0),__decorate([Object(s.e)({type:Number,reflect:!0})],r.prototype,"min",void 0),__decorate([Object(s.e)({type:Number,reflect:!0})],r.prototype,"max",void 0),__decorate([Object(s.e)({type:Number,reflect:!0})],r.prototype,"step",void 0),r=__decorate([Object(s.c)("kor-input")],r)},57:function(e,t,i){"use strict";i.r(t);var s=i(16);i.d(t,"korInput",(function(){return s.a}))}});