@kodaris/krubble-components 1.0.20 → 1.0.23
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/custom-elements.json +181 -66
- package/dist/form/detail-field/detail-field.d.ts +24 -0
- package/dist/form/detail-field/detail-field.d.ts.map +1 -0
- package/dist/form/detail-field/detail-field.js +70 -0
- package/dist/form/detail-field/detail-field.js.map +1 -0
- package/dist/form/index.d.ts +1 -0
- package/dist/form/index.d.ts.map +1 -1
- package/dist/form/index.js +1 -0
- package/dist/form/index.js.map +1 -1
- package/dist/form/select-field/select-field.js +6 -6
- package/dist/form/text-field/text-field.js +6 -6
- package/dist/form/textarea-field/textarea-field.js +6 -6
- package/dist/krubble.bundled.js +210 -143
- package/dist/krubble.bundled.js.map +1 -1
- package/dist/krubble.bundled.min.js +50 -23
- package/dist/krubble.bundled.min.js.map +1 -1
- package/dist/krubble.umd.js +210 -143
- package/dist/krubble.umd.js.map +1 -1
- package/dist/krubble.umd.min.js +63 -36
- package/dist/krubble.umd.min.js.map +1 -1
- package/package.json +5 -1
package/dist/krubble.umd.min.js
CHANGED
|
@@ -3,12 +3,12 @@
|
|
|
3
3
|
* @license
|
|
4
4
|
* Copyright 2019 Google LLC
|
|
5
5
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
6
|
-
*/const t=globalThis,i=t.ShadowRoot&&(void 0===t.ShadyCSS||t.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,o=Symbol(),r=new WeakMap;let s=class{constructor(e,t,i){if(this._$cssResult$=!0,i!==o)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=e,this.t=t}get styleSheet(){let e=this.o;const t=this.t;if(i&&void 0===e){const i=void 0!==t&&1===t.length;i&&(e=r.get(t)),void 0===e&&((this.o=e=new CSSStyleSheet).replaceSync(this.cssText),i&&r.set(t,e))}return e}toString(){return this.cssText}};const n=(e,...t)=>{const i=1===e.length?e[0]:t.reduce((t,i,o)=>t+(e=>{if(!0===e._$cssResult$)return e.cssText;if("number"==typeof e)return e;throw Error("Value passed to 'css' function must be a 'css' function result: "+e+". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.")})(i)+e[o+1],e[0]);return new s(i,e,o)},a=i?e=>e:e=>e instanceof CSSStyleSheet?(e=>{let t="";for(const i of e.cssRules)t+=i.cssText;return(e=>new s("string"==typeof e?e:e+"",void 0,o))(t)})(e):e,{is:l,defineProperty:d,getOwnPropertyDescriptor:c,getOwnPropertyNames:h,getOwnPropertySymbols:p,getPrototypeOf:u}=Object,
|
|
6
|
+
*/const t=globalThis,i=t.ShadowRoot&&(void 0===t.ShadyCSS||t.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,o=Symbol(),r=new WeakMap;let s=class{constructor(e,t,i){if(this._$cssResult$=!0,i!==o)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=e,this.t=t}get styleSheet(){let e=this.o;const t=this.t;if(i&&void 0===e){const i=void 0!==t&&1===t.length;i&&(e=r.get(t)),void 0===e&&((this.o=e=new CSSStyleSheet).replaceSync(this.cssText),i&&r.set(t,e))}return e}toString(){return this.cssText}};const n=(e,...t)=>{const i=1===e.length?e[0]:t.reduce((t,i,o)=>t+(e=>{if(!0===e._$cssResult$)return e.cssText;if("number"==typeof e)return e;throw Error("Value passed to 'css' function must be a 'css' function result: "+e+". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.")})(i)+e[o+1],e[0]);return new s(i,e,o)},a=i?e=>e:e=>e instanceof CSSStyleSheet?(e=>{let t="";for(const i of e.cssRules)t+=i.cssText;return(e=>new s("string"==typeof e?e:e+"",void 0,o))(t)})(e):e,{is:l,defineProperty:d,getOwnPropertyDescriptor:c,getOwnPropertyNames:h,getOwnPropertySymbols:p,getPrototypeOf:u}=Object,f=globalThis,g=f.trustedTypes,b=g?g.emptyScript:"",v=f.reactiveElementPolyfillSupport,y=(e,t)=>e,m={toAttribute(e,t){switch(t){case Boolean:e=e?b:null;break;case Object:case Array:e=null==e?e:JSON.stringify(e)}return e},fromAttribute(e,t){let i=e;switch(t){case Boolean:i=null!==e;break;case Number:i=null===e?null:Number(e);break;case Object:case Array:try{i=JSON.parse(e)}catch(e){i=null}}return i}},x=(e,t)=>!l(e,t),_={attribute:!0,type:String,converter:m,reflect:!1,useDefault:!1,hasChanged:x};
|
|
7
7
|
/**
|
|
8
8
|
* @license
|
|
9
9
|
* Copyright 2017 Google LLC
|
|
10
10
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
11
|
-
*/Symbol.metadata??=Symbol("metadata"),
|
|
11
|
+
*/Symbol.metadata??=Symbol("metadata"),f.litPropertyMetadata??=new WeakMap;let k=class extends HTMLElement{static addInitializer(e){this._$Ei(),(this.l??=[]).push(e)}static get observedAttributes(){return this.finalize(),this._$Eh&&[...this._$Eh.keys()]}static createProperty(e,t=_){if(t.state&&(t.attribute=!1),this._$Ei(),this.prototype.hasOwnProperty(e)&&((t=Object.create(t)).wrapped=!0),this.elementProperties.set(e,t),!t.noAccessor){const i=Symbol(),o=this.getPropertyDescriptor(e,i,t);void 0!==o&&d(this.prototype,e,o)}}static getPropertyDescriptor(e,t,i){const{get:o,set:r}=c(this.prototype,e)??{get(){return this[t]},set(e){this[t]=e}};return{get:o,set(t){const s=o?.call(this);r?.call(this,t),this.requestUpdate(e,s,i)},configurable:!0,enumerable:!0}}static getPropertyOptions(e){return this.elementProperties.get(e)??_}static _$Ei(){if(this.hasOwnProperty(y("elementProperties")))return;const e=u(this);e.finalize(),void 0!==e.l&&(this.l=[...e.l]),this.elementProperties=new Map(e.elementProperties)}static finalize(){if(this.hasOwnProperty(y("finalized")))return;if(this.finalized=!0,this._$Ei(),this.hasOwnProperty(y("properties"))){const e=this.properties,t=[...h(e),...p(e)];for(const i of t)this.createProperty(i,e[i])}const e=this[Symbol.metadata];if(null!==e){const t=litPropertyMetadata.get(e);if(void 0!==t)for(const[e,i]of t)this.elementProperties.set(e,i)}this._$Eh=new Map;for(const[e,t]of this.elementProperties){const i=this._$Eu(e,t);void 0!==i&&this._$Eh.set(i,e)}this.elementStyles=this.finalizeStyles(this.styles)}static finalizeStyles(e){const t=[];if(Array.isArray(e)){const i=new Set(e.flat(1/0).reverse());for(const e of i)t.unshift(a(e))}else void 0!==e&&t.push(a(e));return t}static _$Eu(e,t){const i=t.attribute;return!1===i?void 0:"string"==typeof i?i:"string"==typeof e?e.toLowerCase():void 0}constructor(){super(),this._$Ep=void 0,this.isUpdatePending=!1,this.hasUpdated=!1,this._$Em=null,this._$Ev()}_$Ev(){this._$ES=new Promise(e=>this.enableUpdating=e),this._$AL=new Map,this._$E_(),this.requestUpdate(),this.constructor.l?.forEach(e=>e(this))}addController(e){(this._$EO??=new Set).add(e),void 0!==this.renderRoot&&this.isConnected&&e.hostConnected?.()}removeController(e){this._$EO?.delete(e)}_$E_(){const e=new Map,t=this.constructor.elementProperties;for(const i of t.keys())this.hasOwnProperty(i)&&(e.set(i,this[i]),delete this[i]);e.size>0&&(this._$Ep=e)}createRenderRoot(){const e=this.shadowRoot??this.attachShadow(this.constructor.shadowRootOptions);return((e,o)=>{if(i)e.adoptedStyleSheets=o.map(e=>e instanceof CSSStyleSheet?e:e.styleSheet);else for(const i of o){const o=document.createElement("style"),r=t.litNonce;void 0!==r&&o.setAttribute("nonce",r),o.textContent=i.cssText,e.appendChild(o)}})(e,this.constructor.elementStyles),e}connectedCallback(){this.renderRoot??=this.createRenderRoot(),this.enableUpdating(!0),this._$EO?.forEach(e=>e.hostConnected?.())}enableUpdating(e){}disconnectedCallback(){this._$EO?.forEach(e=>e.hostDisconnected?.())}attributeChangedCallback(e,t,i){this._$AK(e,i)}_$ET(e,t){const i=this.constructor.elementProperties.get(e),o=this.constructor._$Eu(e,i);if(void 0!==o&&!0===i.reflect){const r=(void 0!==i.converter?.toAttribute?i.converter:m).toAttribute(t,i.type);this._$Em=e,null==r?this.removeAttribute(o):this.setAttribute(o,r),this._$Em=null}}_$AK(e,t){const i=this.constructor,o=i._$Eh.get(e);if(void 0!==o&&this._$Em!==o){const e=i.getPropertyOptions(o),r="function"==typeof e.converter?{fromAttribute:e.converter}:void 0!==e.converter?.fromAttribute?e.converter:m;this._$Em=o;const s=r.fromAttribute(t,e.type);this[o]=s??this._$Ej?.get(o)??s,this._$Em=null}}requestUpdate(e,t,i,o=!1,r){if(void 0!==e){const s=this.constructor;if(!1===o&&(r=this[e]),i??=s.getPropertyOptions(e),!((i.hasChanged??x)(r,t)||i.useDefault&&i.reflect&&r===this._$Ej?.get(e)&&!this.hasAttribute(s._$Eu(e,i))))return;this.C(e,t,i)}!1===this.isUpdatePending&&(this._$ES=this._$EP())}C(e,t,{useDefault:i,reflect:o,wrapped:r},s){i&&!(this._$Ej??=new Map).has(e)&&(this._$Ej.set(e,s??t??this[e]),!0!==r||void 0!==s)||(this._$AL.has(e)||(this.hasUpdated||i||(t=void 0),this._$AL.set(e,t)),!0===o&&this._$Em!==e&&(this._$Eq??=new Set).add(e))}async _$EP(){this.isUpdatePending=!0;try{await this._$ES}catch(e){Promise.reject(e)}const e=this.scheduleUpdate();return null!=e&&await e,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){if(!this.isUpdatePending)return;if(!this.hasUpdated){if(this.renderRoot??=this.createRenderRoot(),this._$Ep){for(const[e,t]of this._$Ep)this[e]=t;this._$Ep=void 0}const e=this.constructor.elementProperties;if(e.size>0)for(const[t,i]of e){const{wrapped:e}=i,o=this[t];!0!==e||this._$AL.has(t)||void 0===o||this.C(t,void 0,i,o)}}let e=!1;const t=this._$AL;try{e=this.shouldUpdate(t),e?(this.willUpdate(t),this._$EO?.forEach(e=>e.hostUpdate?.()),this.update(t)):this._$EM()}catch(t){throw e=!1,this._$EM(),t}e&&this._$AE(t)}willUpdate(e){}_$AE(e){this._$EO?.forEach(e=>e.hostUpdated?.()),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(e)),this.updated(e)}_$EM(){this._$AL=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$ES}shouldUpdate(e){return!0}update(e){this._$Eq&&=this._$Eq.forEach(e=>this._$ET(e,this[e])),this._$EM()}updated(e){}firstUpdated(e){}};k.elementStyles=[],k.shadowRootOptions={mode:"open"},k[y("elementProperties")]=new Map,k[y("finalized")]=new Map,v?.({ReactiveElement:k}),(f.reactiveElementVersions??=[]).push("2.1.2");
|
|
12
12
|
/**
|
|
13
13
|
* @license
|
|
14
14
|
* Copyright 2017 Google LLC
|
|
@@ -51,12 +51,12 @@ const w=globalThis,$=e=>e,R=w.trustedTypes,S=R?R.createPolicy("lit-html",{create
|
|
|
51
51
|
* @license
|
|
52
52
|
* Copyright 2017 Google LLC
|
|
53
53
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
54
|
-
*/,ce=e=>(t,i)=>{void 0!==i?i.addInitializer(()=>{customElements.define(e,t)}):customElements.define(e,t)},he={attribute:!0,type:String,converter:m,reflect:!1,hasChanged:
|
|
54
|
+
*/,ce=e=>(t,i)=>{void 0!==i?i.addInitializer(()=>{customElements.define(e,t)}):customElements.define(e,t)},he={attribute:!0,type:String,converter:m,reflect:!1,hasChanged:x},pe=(e=he,t,i)=>{const{kind:o,metadata:r}=i;let s=globalThis.litPropertyMetadata.get(r);if(void 0===s&&globalThis.litPropertyMetadata.set(r,s=new Map),"setter"===o&&((e=Object.create(e)).wrapped=!0),s.set(i.name,e),"accessor"===o){const{name:o}=i;return{set(i){const r=t.get.call(this);t.set.call(this,i),this.requestUpdate(o,r,e,!0,i)},init(t){return void 0!==t&&this.C(o,void 0,e,t),t}}}if("setter"===o){const{name:o}=i;return function(i){const r=this[o];t.call(this,i),this.requestUpdate(o,r,e,!0,i)}}throw Error("Unsupported decorator location: "+o)};function ue(e){return(t,i)=>"object"==typeof i?pe(e,t,i):((e,t,i)=>{const o=t.hasOwnProperty(i);return t.constructor.createProperty(i,e),o?Object.getOwnPropertyDescriptor(t,i):void 0})(e,t,i)}
|
|
55
55
|
/**
|
|
56
56
|
* @license
|
|
57
57
|
* Copyright 2017 Google LLC
|
|
58
58
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
59
|
-
*/function
|
|
59
|
+
*/function fe(e){return ue({...e,state:!0,attribute:!1})}
|
|
60
60
|
/**
|
|
61
61
|
* @license
|
|
62
62
|
* Copyright 2017 Google LLC
|
|
@@ -67,7 +67,7 @@ const w=globalThis,$=e=>e,R=w.trustedTypes,S=R?R.createPolicy("lit-html",{create
|
|
|
67
67
|
* Copyright 2017 Google LLC
|
|
68
68
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
69
69
|
*/
|
|
70
|
-
function
|
|
70
|
+
function ge(e,t){return(t,i,o)=>((e,t,i)=>(i.configurable=!0,i.enumerable=!0,Reflect.decorate&&"object"!=typeof t&&Object.defineProperty(e,t,i),i))(t,i,{get(){return(t=>t.renderRoot?.querySelector(e)??null)(this)}})}var be=function(e,t,i,o){var r,s=arguments.length,n=s<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,o);else for(var a=e.length-1;a>=0;a--)(r=e[a])&&(n=(s<3?r(n):s>3?r(t,i,n):r(t,i))||n);return s>3&&n&&Object.defineProperty(t,i,n),n};e.KRAccordion=class extends ae{constructor(){super(...arguments),this.header="",this.expanded=!1}toggle(){this.expanded=!this.expanded}render(){return H`
|
|
71
71
|
<div class="header" @click=${this.toggle}>
|
|
72
72
|
<span class="header__title">${this.header}</span>
|
|
73
73
|
<svg class="header__icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
|
|
@@ -139,12 +139,12 @@ function fe(e,t){return(t,i,o)=>((e,t,i)=>(i.configurable=!0,i.enumerable=!0,Ref
|
|
|
139
139
|
* Copyright 2017 Google LLC
|
|
140
140
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
141
141
|
*/
|
|
142
|
-
const ve=1,ye=2,me=3,
|
|
142
|
+
const ve=1,ye=2,me=3,xe=4,_e=e=>(...t)=>({_$litDirective$:e,values:t});let ke=class{constructor(e){}get _$AU(){return this._$AM._$AU}_$AT(e,t,i){this._$Ct=e,this._$AM=t,this._$Ci=i}_$AS(e,t){return this.update(e,t)}update(e,t){return this.render(...t)}};
|
|
143
143
|
/**
|
|
144
144
|
* @license
|
|
145
145
|
* Copyright 2018 Google LLC
|
|
146
146
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
147
|
-
*/const we=
|
|
147
|
+
*/const we=_e(class extends ke{constructor(e){if(super(e),e.type!==ve||"class"!==e.name||e.strings?.length>2)throw Error("`classMap()` can only be used in the `class` attribute and must be the only part in the attribute.")}render(e){return" "+Object.keys(e).filter(t=>e[t]).join(" ")+" "}update(e,[t]){if(void 0===this.st){this.st=new Set,void 0!==e.strings&&(this.nt=new Set(e.strings.join(" ").split(/\s/).filter(e=>""!==e)));for(const e in t)t[e]&&!this.nt?.has(e)&&this.st.add(e);return this.render(t)}const i=e.element.classList;for(const e of this.st)e in t||(i.remove(e),this.st.delete(e));for(const e in t){const o=!!t[e];o===this.st.has(e)||this.nt?.has(e)||(o?(i.add(e),this.st.add(e)):(i.remove(e),this.st.delete(e)))}return U}});var $e=function(e,t,i,o){var r,s=arguments.length,n=s<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,o);else for(var a=e.length-1;a>=0;a--)(r=e[a])&&(n=(s<3?r(n):s>3?r(t,i,n):r(t,i))||n);return s>3&&n&&Object.defineProperty(t,i,n),n};e.KRAlert=class extends ae{constructor(){super(...arguments),this.type="info",this.dismissible=!1,this.visible=!0}_handleDismiss(){this.visible=!1,this.dispatchEvent(new CustomEvent("dismiss",{bubbles:!0,composed:!0}))}render(){const e={info:H`<svg class="icon" viewBox="0 0 20 20" fill="currentColor"><path fill-rule="evenodd" d="M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7-4a1 1 0 11-2 0 1 1 0 012 0zM9 9a1 1 0 000 2v3a1 1 0 001 1h1a1 1 0 100-2v-3a1 1 0 00-1-1H9z" clip-rule="evenodd"/></svg>`,success:H`<svg class="icon" viewBox="0 0 20 20" fill="currentColor"><path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"/></svg>`,warning:H`<svg class="icon" viewBox="0 0 20 20" fill="currentColor"><path fill-rule="evenodd" d="M8.257 3.099c.765-1.36 2.722-1.36 3.486 0l5.58 9.92c.75 1.334-.213 2.98-1.742 2.98H4.42c-1.53 0-2.493-1.646-1.743-2.98l5.58-9.92zM11 13a1 1 0 11-2 0 1 1 0 012 0zm-1-8a1 1 0 00-1 1v3a1 1 0 002 0V6a1 1 0 00-1-1z" clip-rule="evenodd"/></svg>`,error:H`<svg class="icon" viewBox="0 0 20 20" fill="currentColor"><path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zM8.707 7.293a1 1 0 00-1.414 1.414L8.586 10l-1.293 1.293a1 1 0 101.414 1.414L10 11.414l1.293 1.293a1 1 0 001.414-1.414L11.414 10l1.293-1.293a1 1 0 00-1.414-1.414L10 8.586 8.707 7.293z" clip-rule="evenodd"/></svg>`};return H`
|
|
148
148
|
<div
|
|
149
149
|
class=${we({alert:!0,["alert--"+this.type]:!0,"alert--hidden":!this.visible})}
|
|
150
150
|
role="alert"
|
|
@@ -527,13 +527,13 @@ const ve=1,ye=2,me=3,_e=4,xe=e=>(...t)=>({_$litDirective$:e,values:t});let ke=cl
|
|
|
527
527
|
color: inherit;
|
|
528
528
|
text-decoration: none;
|
|
529
529
|
}
|
|
530
|
-
`,Re([ue({type:String,reflect:!0})],e.KRButton.prototype,"variant",void 0),Re([ue({type:String,reflect:!0})],e.KRButton.prototype,"color",void 0),Re([ue({type:String,reflect:!0})],e.KRButton.prototype,"size",void 0),Re([ue({type:Boolean,reflect:!0})],e.KRButton.prototype,"disabled",void 0),Re([ue({type:String})],e.KRButton.prototype,"href",void 0),Re([ue({type:String})],e.KRButton.prototype,"target",void 0),Re([ue({type:Array})],e.KRButton.prototype,"options",void 0),Re([
|
|
530
|
+
`,Re([ue({type:String,reflect:!0})],e.KRButton.prototype,"variant",void 0),Re([ue({type:String,reflect:!0})],e.KRButton.prototype,"color",void 0),Re([ue({type:String,reflect:!0})],e.KRButton.prototype,"size",void 0),Re([ue({type:Boolean,reflect:!0})],e.KRButton.prototype,"disabled",void 0),Re([ue({type:String})],e.KRButton.prototype,"href",void 0),Re([ue({type:String})],e.KRButton.prototype,"target",void 0),Re([ue({type:Array})],e.KRButton.prototype,"options",void 0),Re([fe()],e.KRButton.prototype,"_state",void 0),Re([fe()],e.KRButton.prototype,"_stateText",void 0),Re([fe()],e.KRButton.prototype,"_dropdownOpened",void 0),Re([fe()],e.KRButton.prototype,"_dropdownAlignRight",void 0),e.KRButton=Re([ce("kr-button")],e.KRButton);
|
|
531
531
|
/**
|
|
532
532
|
* @license
|
|
533
533
|
* Copyright 2017 Google LLC
|
|
534
534
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
535
535
|
*/
|
|
536
|
-
class Se extends ke{constructor(e){if(super(e),this.it=V,e.type!==ye)throw Error(this.constructor.directiveName+"() can only be used in child bindings")}render(e){if(e===V||null==e)return this._t=void 0,this.it=e;if(e===U)return e;if("string"!=typeof e)throw Error(this.constructor.directiveName+"() called with a non-string value");if(e===this.it)return this._t;this.it=e;const t=[e];return t.raw=t,this._t={_$litType$:this.constructor.resultType,strings:t,values:[]}}}Se.directiveName="unsafeHTML",Se.resultType=1;const Ce=
|
|
536
|
+
class Se extends ke{constructor(e){if(super(e),this.it=V,e.type!==ye)throw Error(this.constructor.directiveName+"() can only be used in child bindings")}render(e){if(e===V||null==e)return this._t=void 0,this.it=e;if(e===U)return e;if("string"!=typeof e)throw Error(this.constructor.directiveName+"() called with a non-string value");if(e===this.it)return this._t;this.it=e;const t=[e];return t.raw=t,this._t={_$litType$:this.constructor.resultType,strings:t,values:[]}}}Se.directiveName="unsafeHTML",Se.resultType=1;const Ce=_e(Se);var Te=function(e,t,i,o){var r,s=arguments.length,n=s<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,o);else for(var a=e.length-1;a>=0;a--)(r=e[a])&&(n=(s<3?r(n):s>3?r(t,i,n):r(t,i))||n);return s>3&&n&&Object.defineProperty(t,i,n),n};e.KRCodeDemo=class extends ae{constructor(){super(...arguments),this.language="html",this.code="",this.activeTab="preview",this.copied=!1}setTab(e){this.activeTab=e}getHighlightedCode(){return this.code?window.Prism&&window.Prism.languages[this.language]?window.Prism.highlight(this.code,window.Prism.languages[this.language],this.language):this.escapeHtml(this.code):""}escapeHtml(e){const t=document.createElement("div");return t.textContent=e,t.innerHTML}async copyCode(){if(this.code)try{await navigator.clipboard.writeText(this.code),this.copied=!0,setTimeout(()=>{this.copied=!1},2e3)}catch(e){console.error("Failed to copy code:",e)}}render(){return H`
|
|
537
537
|
<div class="tabs">
|
|
538
538
|
<button
|
|
539
539
|
class=${we({tab:!0,"tab--active":"preview"===this.activeTab})}
|
|
@@ -723,7 +723,7 @@ class Se extends ke{constructor(e){if(super(e),this.it=V,e.type!==ye)throw Error
|
|
|
723
723
|
.code .token.variable {
|
|
724
724
|
color: #fab387;
|
|
725
725
|
}
|
|
726
|
-
`,Te([ue({type:String})],e.KRCodeDemo.prototype,"language",void 0),Te([ue({type:String})],e.KRCodeDemo.prototype,"code",void 0),Te([
|
|
726
|
+
`,Te([ue({type:String})],e.KRCodeDemo.prototype,"language",void 0),Te([ue({type:String})],e.KRCodeDemo.prototype,"code",void 0),Te([fe()],e.KRCodeDemo.prototype,"activeTab",void 0),Te([fe()],e.KRCodeDemo.prototype,"copied",void 0),e.KRCodeDemo=Te([ce("kr-code-demo")],e.KRCodeDemo);var Ae=function(e,t,i,o){var r,s=arguments.length,n=s<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,o);else for(var a=e.length-1;a>=0;a--)(r=e[a])&&(n=(s<3?r(n):s>3?r(t,i,n):r(t,i))||n);return s>3&&n&&Object.defineProperty(t,i,n),n};e.KRContextMenu=class extends ae{constructor(){super(...arguments),this.items=[],this.resolvePromise=null,this.boundHandleOutsideClick=this.handleOutsideClick.bind(this),this.boundHandleKeyDown=this.handleKeyDown.bind(this)}static async open(e){const t=document.querySelector("kr-context-menu");t&&t.remove();const i=document.createElement("kr-context-menu");return document.body.appendChild(i),i.show(e)}async show(e){this.items=e.items,this.style.left=`${e.x}px`,this.style.top=`${e.y}px`,await this.updateComplete;const t=this.getBoundingClientRect();return t.right>window.innerWidth&&(this.style.left=e.x-t.width+"px"),t.bottom>window.innerHeight&&(this.style.top=e.y-t.height+"px"),requestAnimationFrame(()=>{document.addEventListener("click",this.boundHandleOutsideClick),document.addEventListener("contextmenu",this.boundHandleOutsideClick),document.addEventListener("keydown",this.boundHandleKeyDown)}),new Promise(e=>{this.resolvePromise=e})}handleOutsideClick(e){this.contains(e.target)||this.close(null)}handleKeyDown(e){"Escape"===e.key&&this.close(null)}handleItemClick(e){e.disabled||e.divider||this.close(e)}close(e){document.removeEventListener("click",this.boundHandleOutsideClick),document.removeEventListener("contextmenu",this.boundHandleOutsideClick),document.removeEventListener("keydown",this.boundHandleKeyDown),this.resolvePromise&&(this.resolvePromise(e),this.resolvePromise=null),this.remove()}render(){return H`
|
|
727
727
|
<div class="menu">
|
|
728
728
|
${this.items.map(e=>e.divider?H`<div class="menu__divider"></div>`:H`
|
|
729
729
|
<button
|
|
@@ -791,7 +791,7 @@ class Se extends ke{constructor(e){if(super(e),this.it=V,e.type!==ye)throw Error
|
|
|
791
791
|
background: rgba(255, 255, 255, 0.1);
|
|
792
792
|
margin: 4px 0;
|
|
793
793
|
}
|
|
794
|
-
`,Ae([
|
|
794
|
+
`,Ae([fe()],e.KRContextMenu.prototype,"items",void 0),e.KRContextMenu=Ae([ce("kr-context-menu")],e.KRContextMenu);var Ee=function(e,t,i,o){var r,s=arguments.length,n=s<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,o);else for(var a=e.length-1;a>=0;a--)(r=e[a])&&(n=(s<3?r(n):s>3?r(t,i,n):r(t,i))||n);return s>3&&n&&Object.defineProperty(t,i,n),n};class Ke{constructor(){this.resolvePromise=null,this.dialogElement=null,this.promise=new Promise(e=>{this.resolvePromise=e})}setDialogElement(e){this.dialogElement=e}close(e){this.resolvePromise&&(this.resolvePromise(e),this.resolvePromise=null),this.dialogElement?.remove()}afterClosed(){return this.promise}}e.KRDialog=class extends ae{constructor(){super(...arguments),this.contentElement=null,this.dialogRef=null,this.boundHandleKeyDown=this.handleKeyDown.bind(this)}static open(e,t){const i=document.querySelector("kr-dialog");i&&i.remove();const o=new Ke,r=document.createElement("kr-dialog");o.setDialogElement(r),r.dialogRef=o;const s=new e;return s.dialogRef=o,t?.data&&(s.data=t.data),r.contentElement=s,document.body.appendChild(r),document.addEventListener("keydown",r.boundHandleKeyDown),o}handleKeyDown(e){"Escape"===e.key&&this.dialogRef?.close(void 0)}handleBackdropClick(e){e.target.classList.contains("backdrop")&&this.dialogRef?.close(void 0)}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("keydown",this.boundHandleKeyDown)}render(){return H`
|
|
795
795
|
<div class="backdrop" @click=${this.handleBackdropClick}></div>
|
|
796
796
|
<div class="dialog">
|
|
797
797
|
${this.contentElement}
|
|
@@ -821,7 +821,7 @@ class Se extends ke{constructor(e){if(super(e),this.it=V,e.type!==ye)throw Error
|
|
|
821
821
|
max-height: 90vh;
|
|
822
822
|
overflow: auto;
|
|
823
823
|
}
|
|
824
|
-
`,Ee([
|
|
824
|
+
`,Ee([fe()],e.KRDialog.prototype,"contentElement",void 0),e.KRDialog=Ee([ce("kr-dialog")],e.KRDialog);var Oe,ze=function(e,t,i,o){var r,s=arguments.length,n=s<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,o);else for(var a=e.length-1;a>=0;a--)(r=e[a])&&(n=(s<3?r(n):s>3?r(t,i,n):r(t,i))||n);return s>3&&n&&Object.defineProperty(t,i,n),n};e.KRSnackbar=Oe=class extends ae{constructor(){super(...arguments),this.dismissTimeout=null,this.type="info",this.title="",this.message="",this.duration=5e3}static show(e){const t=document.createElement("kr-snackbar");return t.message=e.message,t.title=e.title??"",t.type=e.type??"info",void 0!==e.duration?t.duration=e.duration:"error"===t.type?t.duration=0:t.duration=5e3,document.body.appendChild(t),t}connectedCallback(){super.connectedCallback(),this.setAttribute("role","alert"),this.classList.add(`kr-snackbar--${this.type}`),this.title&&this.classList.add("kr-snackbar--has-title"),Oe.activeSnackbars.push(this),this.updatePositions(),this.duration>0&&(this.dismissTimeout=window.setTimeout(()=>{this.dismiss()},this.duration))}disconnectedCallback(){super.disconnectedCallback();const e=Oe.activeSnackbars.indexOf(this);e>-1&&Oe.activeSnackbars.splice(e,1),this.updatePositions(),this.dismissTimeout&&clearTimeout(this.dismissTimeout)}updatePositions(){let e=24;for(const t of Oe.activeSnackbars)t.style.bottom=`${e}px`,e+=t.offsetHeight+8}dismiss(){this.dismissTimeout&&(clearTimeout(this.dismissTimeout),this.dismissTimeout=null),this.classList.add("kr-snackbar--closing"),this.addEventListener("animationend",()=>{this.dispatchEvent(new CustomEvent("dismiss",{bubbles:!0,composed:!0})),this.remove()},{once:!0})}render(){const e={info:H`<svg class="icon" viewBox="0 0 20 20" fill="currentColor"><path fill-rule="evenodd" d="M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7-4a1 1 0 11-2 0 1 1 0 012 0zM9 9a1 1 0 000 2v3a1 1 0 001 1h1a1 1 0 100-2v-3a1 1 0 00-1-1H9z" clip-rule="evenodd"/></svg>`,success:H`<svg class="icon" viewBox="0 0 20 20" fill="currentColor"><path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"/></svg>`,warning:H`<svg class="icon" viewBox="0 0 20 20" fill="currentColor"><path fill-rule="evenodd" d="M8.257 3.099c.765-1.36 2.722-1.36 3.486 0l5.58 9.92c.75 1.334-.213 2.98-1.742 2.98H4.42c-1.53 0-2.493-1.646-1.743-2.98l5.58-9.92zM11 13a1 1 0 11-2 0 1 1 0 012 0zm-1-8a1 1 0 00-1 1v3a1 1 0 002 0V6a1 1 0 00-1-1z" clip-rule="evenodd"/></svg>`,error:H`<svg class="icon" viewBox="0 0 20 20" fill="currentColor"><path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zM8.707 7.293a1 1 0 00-1.414 1.414L8.586 10l-1.293 1.293a1 1 0 101.414 1.414L10 11.414l1.293 1.293a1 1 0 001.414-1.414L11.414 10l1.293-1.293a1 1 0 00-1.414-1.414L10 8.586 8.707 7.293z" clip-rule="evenodd"/></svg>`};return H`
|
|
825
825
|
${e[this.type]}
|
|
826
826
|
<div class="content">
|
|
827
827
|
${this.title?H`<div class="title">${this.title}</div>`:""}
|
|
@@ -990,7 +990,7 @@ class Se extends ke{constructor(e){if(super(e),this.it=V,e.type!==ye)throw Error
|
|
|
990
990
|
* Copyright 2018 Google LLC
|
|
991
991
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
992
992
|
*/
|
|
993
|
-
const Pe="important",Le=" !"+Pe,De=
|
|
993
|
+
const Pe="important",Le=" !"+Pe,De=_e(class extends ke{constructor(e){if(super(e),e.type!==ve||"style"!==e.name||e.strings?.length>2)throw Error("The `styleMap` directive must be used in the `style` attribute and must be the only part in the attribute.")}render(e){return Object.keys(e).reduce((t,i)=>{const o=e[i];return null==o?t:t+`${i=i.includes("-")?i:i.replace(/(?:^(webkit|moz|ms|o)|)(?=[A-Z])/g,"-$&").toLowerCase()}:${o};`},"")}update(e,[t]){const{style:i}=e.element;if(void 0===this.ft)return this.ft=new Set(Object.keys(t)),this.render(t);for(const e of this.ft)null==t[e]&&(this.ft.delete(e),e.includes("-")?i.removeProperty(e):i[e]=null);for(const e in t){const o=t[e];if(null!=o){this.ft.add(e);const t="string"==typeof o&&o.endsWith(Le);e.includes("-")||t?i.setProperty(e,t?o.slice(0,-11):o,t?Pe:""):i[e]=o}}return U}});var Me=function(e,t,i,o){var r,s=arguments.length,n=s<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,o);else for(var a=e.length-1;a>=0;a--)(r=e[a])&&(n=(s<3?r(n):s>3?r(t,i,n):r(t,i))||n);return s>3&&n&&Object.defineProperty(t,i,n),n};e.KRTabGroup=class extends ae{constructor(){super(...arguments),this.justified=!1,this.size="medium"}updated(e){e.has("activeTabId")&&this._updateActiveTab()}firstUpdated(){this._updateActiveTab()}_getTabs(){return Array.from(this.querySelectorAll("kr-tab"))}_updateActiveTab(){const e=this._getTabs();0!==e.length&&(this.activeTabId||(this.activeTabId=e[0]?.id),e.forEach(e=>{e.active=e.id===this.activeTabId}),this.requestUpdate())}_handleTabClick(e){e.disabled||(this.activeTabId=e.id,this.dispatchEvent(new CustomEvent("tab-change",{detail:{activeTabId:e.id},bubbles:!0,composed:!0})))}_handleTabDismiss(e,t){t.stopPropagation(),this.dispatchEvent(new CustomEvent("tab-dismiss",{detail:{tabId:e.id},bubbles:!0,composed:!0}))}_handleKeyDown(e){const t=this._getTabs().filter(e=>!e.disabled),i=t.findIndex(e=>e.id===this.activeTabId);let o=-1;switch(e.key){case"ArrowLeft":o=i>0?i-1:t.length-1;break;case"ArrowRight":o=i<t.length-1?i+1:0;break;case"Home":o=0;break;case"End":o=t.length-1}if(o>=0){e.preventDefault();const i=t[o];this.activeTabId=i.id,this.dispatchEvent(new CustomEvent("tab-change",{detail:{activeTabId:i.id},bubbles:!0,composed:!0}));const r=this.shadowRoot?.querySelectorAll(".label"),s=Array.from(r||[]).find(e=>e.getAttribute("data-tab-id")===i.id);s?.focus()}}_renderTabIcon(e){const t=e.getIconElement();if(!t)return V;const i=t.cloneNode(!0);return i.removeAttribute("slot"),H`<span class="label-icon">${i}</span>`}render(){return H`
|
|
994
994
|
<div class="header" role="tablist" @keydown=${this._handleKeyDown}>
|
|
995
995
|
${this._getTabs().map(e=>H`
|
|
996
996
|
<button
|
|
@@ -1788,13 +1788,13 @@ const Pe="important",Le=" !"+Pe,De=xe(class extends ke{constructor(e){if(super(e
|
|
|
1788
1788
|
.status--error {
|
|
1789
1789
|
color: #dc2626;
|
|
1790
1790
|
}
|
|
1791
|
-
`],Fe([
|
|
1791
|
+
`],Fe([fe()],e.KRTable.prototype,"_data",void 0),Fe([fe()],e.KRTable.prototype,"_dataState",void 0),Fe([fe()],e.KRTable.prototype,"_page",void 0),Fe([fe()],e.KRTable.prototype,"_pageSize",void 0),Fe([fe()],e.KRTable.prototype,"_totalItems",void 0),Fe([fe()],e.KRTable.prototype,"_totalPages",void 0),Fe([fe()],e.KRTable.prototype,"_searchQuery",void 0),Fe([fe()],e.KRTable.prototype,"_canScrollLeft",void 0),Fe([fe()],e.KRTable.prototype,"_canScrollRight",void 0),Fe([fe()],e.KRTable.prototype,"_canScrollHorizontal",void 0),Fe([fe()],e.KRTable.prototype,"_columnPickerOpen",void 0),Fe([fe()],e.KRTable.prototype,"_displayedColumns",void 0),Fe([ue({type:Object})],e.KRTable.prototype,"def",void 0),e.KRTable=Fe([ce("kr-table")],e.KRTable);
|
|
1792
1792
|
/**
|
|
1793
1793
|
* @license
|
|
1794
1794
|
* Copyright 2018 Google LLC
|
|
1795
1795
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
1796
1796
|
*/
|
|
1797
|
-
const He=e=>e??V,Ue={},Ve=
|
|
1797
|
+
const He=e=>e??V,Ue={},Ve=_e(class extends ke{constructor(e){if(super(e),e.type!==me&&e.type!==ve&&e.type!==xe)throw Error("The `live` directive is not allowed on child or event bindings");if(!(e=>void 0===e.strings)(e))throw Error("`live` bindings can only contain a single expression")}render(e){return e}update(e,[t]){if(t===U||t===V)return t;const i=e.element,o=e.name;if(e.type===me){if(t===i[o])return U}else if(e.type===xe){if(!!t===i.hasAttribute(o))return U}else if(e.type===ve&&i.getAttribute(o)===t+"")return U;return((e,t=Ue)=>{e._$AH=t;
|
|
1798
1798
|
/**
|
|
1799
1799
|
* @license
|
|
1800
1800
|
* Copyright 2020 Google LLC
|
|
@@ -1841,13 +1841,13 @@ const He=e=>e??V,Ue={},Ve=xe(class extends ke{constructor(e){if(super(e),e.type!
|
|
|
1841
1841
|
.wrapper {
|
|
1842
1842
|
display: flex;
|
|
1843
1843
|
flex-direction: column;
|
|
1844
|
-
gap:
|
|
1844
|
+
gap: 6px;
|
|
1845
1845
|
}
|
|
1846
1846
|
|
|
1847
1847
|
label {
|
|
1848
|
-
font-size:
|
|
1848
|
+
font-size: 14px;
|
|
1849
1849
|
font-weight: 500;
|
|
1850
|
-
color:
|
|
1850
|
+
color: black;
|
|
1851
1851
|
}
|
|
1852
1852
|
|
|
1853
1853
|
.required {
|
|
@@ -1858,9 +1858,9 @@ const He=e=>e??V,Ue={},Ve=xe(class extends ke{constructor(e){if(super(e),e.type!
|
|
|
1858
1858
|
input {
|
|
1859
1859
|
font-family: inherit;
|
|
1860
1860
|
font-size: 14px;
|
|
1861
|
-
padding:
|
|
1862
|
-
border: 1px solid var(--kr-text-field-border-color, #
|
|
1863
|
-
border-radius:
|
|
1861
|
+
padding: 10px 12px;
|
|
1862
|
+
border: 1px solid var(--kr-text-field-border-color, #0000003d);
|
|
1863
|
+
border-radius: 8px;
|
|
1864
1864
|
background-color: var(--kr-text-field-bg, #fff);
|
|
1865
1865
|
color: var(--kr-text-field-color, #111827);
|
|
1866
1866
|
transition: border-color 0.2s, box-shadow 0.2s;
|
|
@@ -1899,7 +1899,7 @@ const He=e=>e??V,Ue={},Ve=xe(class extends ke{constructor(e){if(super(e),e.type!
|
|
|
1899
1899
|
font-size: 0.75rem;
|
|
1900
1900
|
color: var(--kr-text-field-helper-color, #6b7280);
|
|
1901
1901
|
}
|
|
1902
|
-
`,e.KRTextField.formAssociated=!0,Ne([ue({type:String})],e.KRTextField.prototype,"label",void 0),Ne([ue({type:String})],e.KRTextField.prototype,"name",void 0),Ne([ue({type:String})],e.KRTextField.prototype,"value",void 0),Ne([ue({type:String})],e.KRTextField.prototype,"placeholder",void 0),Ne([ue({type:String})],e.KRTextField.prototype,"type",void 0),Ne([ue({type:Boolean})],e.KRTextField.prototype,"required",void 0),Ne([ue({type:Boolean})],e.KRTextField.prototype,"disabled",void 0),Ne([ue({type:Boolean})],e.KRTextField.prototype,"readonly",void 0),Ne([ue({type:Number})],e.KRTextField.prototype,"minlength",void 0),Ne([ue({type:Number})],e.KRTextField.prototype,"maxlength",void 0),Ne([ue({type:String})],e.KRTextField.prototype,"pattern",void 0),Ne([ue({type:String})],e.KRTextField.prototype,"autocomplete",void 0),Ne([ue({type:String})],e.KRTextField.prototype,"hint",void 0),Ne([
|
|
1902
|
+
`,e.KRTextField.formAssociated=!0,Ne([ue({type:String})],e.KRTextField.prototype,"label",void 0),Ne([ue({type:String})],e.KRTextField.prototype,"name",void 0),Ne([ue({type:String})],e.KRTextField.prototype,"value",void 0),Ne([ue({type:String})],e.KRTextField.prototype,"placeholder",void 0),Ne([ue({type:String})],e.KRTextField.prototype,"type",void 0),Ne([ue({type:Boolean})],e.KRTextField.prototype,"required",void 0),Ne([ue({type:Boolean})],e.KRTextField.prototype,"disabled",void 0),Ne([ue({type:Boolean})],e.KRTextField.prototype,"readonly",void 0),Ne([ue({type:Number})],e.KRTextField.prototype,"minlength",void 0),Ne([ue({type:Number})],e.KRTextField.prototype,"maxlength",void 0),Ne([ue({type:String})],e.KRTextField.prototype,"pattern",void 0),Ne([ue({type:String})],e.KRTextField.prototype,"autocomplete",void 0),Ne([ue({type:String})],e.KRTextField.prototype,"hint",void 0),Ne([ge("input")],e.KRTextField.prototype,"_input",void 0),Ne([fe()],e.KRTextField.prototype,"_touched",void 0),Ne([fe()],e.KRTextField.prototype,"_dirty",void 0),e.KRTextField=Ne([ce("kr-text-field")],e.KRTextField);var We=function(e,t,i,o){var r,s=arguments.length,n=s<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,o);else for(var a=e.length-1;a>=0;a--)(r=e[a])&&(n=(s<3?r(n):s>3?r(t,i,n):r(t,i))||n);return s>3&&n&&Object.defineProperty(t,i,n),n};e.KRSelectField=class extends ae{constructor(){super(),this.label="",this.name="",this.value="",this.placeholder="Select an option",this.disabled=!1,this.required=!1,this.readonly=!1,this.hint="",this._isOpen=!1,this._highlightedIndex=-1,this._touched=!1,this._handleInvalid=e=>{e.preventDefault(),this._touched=!0},this._handleOutsideClick=e=>{e.composedPath().includes(this)||this._close()},this._handleKeyDown=e=>{if(!this._isOpen)return;const t=Array.from(this.querySelectorAll("kr-select-option"));switch(e.key){case"Escape":this._close(),this._triggerElement?.focus();break;case"ArrowDown":if(e.preventDefault(),t.some(e=>!e.disabled)){let e=this._highlightedIndex+1;for(;e<t.length&&t[e]?.disabled;)e++;e<t.length&&(this._highlightedIndex=e)}break;case"ArrowUp":e.preventDefault();{let e=this._highlightedIndex-1;for(;e>=0&&t[e]?.disabled;)e--;e>=0&&(this._highlightedIndex=e)}break;case"Enter":e.preventDefault(),this._highlightedIndex>=0&&this._highlightedIndex<t.length&&this._selectOption(t[this._highlightedIndex])}},this._internals=this.attachInternals()}get form(){return this._internals.form}get validity(){return this._internals.validity}get validationMessage(){return this._internals.validationMessage}get willValidate(){return this._internals.willValidate}checkValidity(){return this._internals.checkValidity()}reportValidity(){return this._internals.reportValidity()}formResetCallback(){this.value="",this._touched=!1,this._internals.setFormValue(""),this._internals.setValidity({})}formStateRestoreCallback(e){this.value=e}connectedCallback(){super.connectedCallback(),document.addEventListener("click",this._handleOutsideClick),document.addEventListener("keydown",this._handleKeyDown),this.addEventListener("invalid",this._handleInvalid)}firstUpdated(){this._updateValidity()}updated(e){(e.has("required")||e.has("value"))&&this._updateValidity()}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("click",this._handleOutsideClick),document.removeEventListener("keydown",this._handleKeyDown),this.removeEventListener("invalid",this._handleInvalid)}_toggle(){if(!this.disabled&&!this.readonly)if(this._isOpen)this._close();else{this._isOpen=!0;const e=Array.from(this.querySelectorAll("kr-select-option"));this._highlightedIndex=e.findIndex(e=>e.value===this.value)}}_close(){this._isOpen=!1,this._highlightedIndex=-1}_selectOption(e){e.disabled||(this.value=e.value,this._internals.setFormValue(this.value),this._updateValidity(),this.dispatchEvent(new Event("change",{bubbles:!0,composed:!0})),this._close(),this._triggerElement?.focus())}_handleBlur(){this._touched=!0,this._updateValidity()}_updateValidity(){this.required&&!this.value?this._internals.setValidity({valueMissing:!0},"Please select an option",this._triggerElement):this._internals.setValidity({})}render(){const e=Array.from(this.querySelectorAll("kr-select-option")),t=e.find(e=>e.value===this.value)?.label;return H`
|
|
1903
1903
|
<div class="wrapper">
|
|
1904
1904
|
${this.label?H`
|
|
1905
1905
|
<label>
|
|
@@ -1962,13 +1962,13 @@ const He=e=>e??V,Ue={},Ve=xe(class extends ke{constructor(e){if(super(e),e.type!
|
|
|
1962
1962
|
.wrapper {
|
|
1963
1963
|
display: flex;
|
|
1964
1964
|
flex-direction: column;
|
|
1965
|
-
gap:
|
|
1965
|
+
gap: 6px;
|
|
1966
1966
|
}
|
|
1967
1967
|
|
|
1968
1968
|
label {
|
|
1969
|
-
font-size:
|
|
1969
|
+
font-size: 14px;
|
|
1970
1970
|
font-weight: 500;
|
|
1971
|
-
color:
|
|
1971
|
+
color: black;
|
|
1972
1972
|
}
|
|
1973
1973
|
|
|
1974
1974
|
.required {
|
|
@@ -1985,14 +1985,14 @@ const He=e=>e??V,Ue={},Ve=xe(class extends ke{constructor(e){if(super(e),e.type!
|
|
|
1985
1985
|
align-items: center;
|
|
1986
1986
|
justify-content: space-between;
|
|
1987
1987
|
width: 100%;
|
|
1988
|
-
padding:
|
|
1988
|
+
padding: 10px 12px;
|
|
1989
1989
|
font-family: inherit;
|
|
1990
1990
|
font-size: 14px;
|
|
1991
1991
|
line-height: 1.5;
|
|
1992
1992
|
color: var(--kr-select-color, #111827);
|
|
1993
1993
|
background-color: var(--kr-select-bg, #fff);
|
|
1994
|
-
border: 1px solid var(--kr-select-border-color, #
|
|
1995
|
-
border-radius:
|
|
1994
|
+
border: 1px solid var(--kr-select-border-color, #0000003d);
|
|
1995
|
+
border-radius: 8px;
|
|
1996
1996
|
cursor: pointer;
|
|
1997
1997
|
transition: border-color 0.2s, box-shadow 0.2s;
|
|
1998
1998
|
text-align: left;
|
|
@@ -2139,7 +2139,7 @@ const He=e=>e??V,Ue={},Ve=xe(class extends ke{constructor(e){if(super(e),e.type!
|
|
|
2139
2139
|
.options-slot {
|
|
2140
2140
|
display: none;
|
|
2141
2141
|
}
|
|
2142
|
-
`,e.KRSelectField.formAssociated=!0,We([ue({type:String})],e.KRSelectField.prototype,"label",void 0),We([ue({type:String})],e.KRSelectField.prototype,"name",void 0),We([ue({type:String})],e.KRSelectField.prototype,"value",void 0),We([ue({type:String})],e.KRSelectField.prototype,"placeholder",void 0),We([ue({type:Boolean})],e.KRSelectField.prototype,"disabled",void 0),We([ue({type:Boolean})],e.KRSelectField.prototype,"required",void 0),We([ue({type:Boolean})],e.KRSelectField.prototype,"readonly",void 0),We([ue({type:String})],e.KRSelectField.prototype,"hint",void 0),We([
|
|
2142
|
+
`,e.KRSelectField.formAssociated=!0,We([ue({type:String})],e.KRSelectField.prototype,"label",void 0),We([ue({type:String})],e.KRSelectField.prototype,"name",void 0),We([ue({type:String})],e.KRSelectField.prototype,"value",void 0),We([ue({type:String})],e.KRSelectField.prototype,"placeholder",void 0),We([ue({type:Boolean})],e.KRSelectField.prototype,"disabled",void 0),We([ue({type:Boolean})],e.KRSelectField.prototype,"required",void 0),We([ue({type:Boolean})],e.KRSelectField.prototype,"readonly",void 0),We([ue({type:String})],e.KRSelectField.prototype,"hint",void 0),We([fe()],e.KRSelectField.prototype,"_isOpen",void 0),We([fe()],e.KRSelectField.prototype,"_highlightedIndex",void 0),We([fe()],e.KRSelectField.prototype,"_touched",void 0),We([ge(".select-trigger")],e.KRSelectField.prototype,"_triggerElement",void 0),e.KRSelectField=We([ce("kr-select-field")],e.KRSelectField);var Ze=function(e,t,i,o){var r,s=arguments.length,n=s<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,o);else for(var a=e.length-1;a>=0;a--)(r=e[a])&&(n=(s<3?r(n):s>3?r(t,i,n):r(t,i))||n);return s>3&&n&&Object.defineProperty(t,i,n),n};e.KRSelectOption=class extends ae{constructor(){super(...arguments),this.value="",this.disabled=!1}get label(){return this.textContent?.trim()||""}render(){return H`<slot></slot>`}},e.KRSelectOption.styles=n`
|
|
2143
2143
|
:host {
|
|
2144
2144
|
display: none;
|
|
2145
2145
|
}
|
|
@@ -2180,13 +2180,13 @@ const He=e=>e??V,Ue={},Ve=xe(class extends ke{constructor(e){if(super(e),e.type!
|
|
|
2180
2180
|
.wrapper {
|
|
2181
2181
|
display: flex;
|
|
2182
2182
|
flex-direction: column;
|
|
2183
|
-
gap:
|
|
2183
|
+
gap: 6px;
|
|
2184
2184
|
}
|
|
2185
2185
|
|
|
2186
2186
|
label {
|
|
2187
|
-
font-size:
|
|
2187
|
+
font-size: 14px;
|
|
2188
2188
|
font-weight: 500;
|
|
2189
|
-
color:
|
|
2189
|
+
color: black;
|
|
2190
2190
|
}
|
|
2191
2191
|
|
|
2192
2192
|
.required {
|
|
@@ -2198,9 +2198,9 @@ const He=e=>e??V,Ue={},Ve=xe(class extends ke{constructor(e){if(super(e),e.type!
|
|
|
2198
2198
|
font-family: inherit;
|
|
2199
2199
|
font-size: 14px;
|
|
2200
2200
|
line-height: 1.5;
|
|
2201
|
-
padding:
|
|
2202
|
-
border: 1px solid var(--kr-textarea-field-border-color, #
|
|
2203
|
-
border-radius:
|
|
2201
|
+
padding: 10px 12px;
|
|
2202
|
+
border: 1px solid var(--kr-textarea-field-border-color, #0000003d);
|
|
2203
|
+
border-radius: 8px;
|
|
2204
2204
|
background-color: var(--kr-textarea-field-bg, #fff);
|
|
2205
2205
|
color: var(--kr-textarea-field-color, #111827);
|
|
2206
2206
|
transition: border-color 0.2s, box-shadow 0.2s;
|
|
@@ -2241,5 +2241,32 @@ const He=e=>e??V,Ue={},Ve=xe(class extends ke{constructor(e){if(super(e),e.type!
|
|
|
2241
2241
|
font-size: 0.75rem;
|
|
2242
2242
|
color: var(--kr-textarea-field-helper-color, #6b7280);
|
|
2243
2243
|
}
|
|
2244
|
-
`,e.KRTextareaField.formAssociated=!0,Ge([ue({type:String})],e.KRTextareaField.prototype,"label",void 0),Ge([ue({type:String})],e.KRTextareaField.prototype,"name",void 0),Ge([ue({type:String})],e.KRTextareaField.prototype,"value",void 0),Ge([ue({type:String})],e.KRTextareaField.prototype,"placeholder",void 0),Ge([ue({type:Boolean})],e.KRTextareaField.prototype,"required",void 0),Ge([ue({type:Boolean})],e.KRTextareaField.prototype,"disabled",void 0),Ge([ue({type:Boolean})],e.KRTextareaField.prototype,"readonly",void 0),Ge([ue({type:Number})],e.KRTextareaField.prototype,"rows",void 0),Ge([ue({type:Number})],e.KRTextareaField.prototype,"cols",void 0),Ge([ue({type:Number})],e.KRTextareaField.prototype,"minlength",void 0),Ge([ue({type:Number})],e.KRTextareaField.prototype,"maxlength",void 0),Ge([ue({type:String})],e.KRTextareaField.prototype,"autocomplete",void 0),Ge([ue({type:String})],e.KRTextareaField.prototype,"hint",void 0),Ge([
|
|
2244
|
+
`,e.KRTextareaField.formAssociated=!0,Ge([ue({type:String})],e.KRTextareaField.prototype,"label",void 0),Ge([ue({type:String})],e.KRTextareaField.prototype,"name",void 0),Ge([ue({type:String})],e.KRTextareaField.prototype,"value",void 0),Ge([ue({type:String})],e.KRTextareaField.prototype,"placeholder",void 0),Ge([ue({type:Boolean})],e.KRTextareaField.prototype,"required",void 0),Ge([ue({type:Boolean})],e.KRTextareaField.prototype,"disabled",void 0),Ge([ue({type:Boolean})],e.KRTextareaField.prototype,"readonly",void 0),Ge([ue({type:Number})],e.KRTextareaField.prototype,"rows",void 0),Ge([ue({type:Number})],e.KRTextareaField.prototype,"cols",void 0),Ge([ue({type:Number})],e.KRTextareaField.prototype,"minlength",void 0),Ge([ue({type:Number})],e.KRTextareaField.prototype,"maxlength",void 0),Ge([ue({type:String})],e.KRTextareaField.prototype,"autocomplete",void 0),Ge([ue({type:String})],e.KRTextareaField.prototype,"hint",void 0),Ge([ge("textarea")],e.KRTextareaField.prototype,"_textarea",void 0),Ge([fe()],e.KRTextareaField.prototype,"_touched",void 0),Ge([fe()],e.KRTextareaField.prototype,"_dirty",void 0),e.KRTextareaField=Ge([ce("kr-textarea-field")],e.KRTextareaField);var Qe=function(e,t,i,o){var r,s=arguments.length,n=s<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,o);else for(var a=e.length-1;a>=0;a--)(r=e[a])&&(n=(s<3?r(n):s>3?r(t,i,n):r(t,i))||n);return s>3&&n&&Object.defineProperty(t,i,n),n};let Xe=class extends ae{constructor(){super(...arguments),this.label="",this.value=""}render(){return H`
|
|
2245
|
+
<div class="wrapper">
|
|
2246
|
+
${this.label?H`<label>${this.label}</label>`:V}
|
|
2247
|
+
<div class="value">${this.value}</div>
|
|
2248
|
+
</div>
|
|
2249
|
+
`}};Xe.styles=n`
|
|
2250
|
+
:host {
|
|
2251
|
+
display: block;
|
|
2252
|
+
font-family: inherit;
|
|
2253
|
+
}
|
|
2254
|
+
|
|
2255
|
+
.wrapper {
|
|
2256
|
+
display: flex;
|
|
2257
|
+
flex-direction: column;
|
|
2258
|
+
gap: 6px;
|
|
2259
|
+
}
|
|
2260
|
+
|
|
2261
|
+
label {
|
|
2262
|
+
font-size: 14px;
|
|
2263
|
+
font-weight: 500;
|
|
2264
|
+
color: black;
|
|
2265
|
+
}
|
|
2266
|
+
|
|
2267
|
+
.value {
|
|
2268
|
+
font-size: 14px;
|
|
2269
|
+
color: black;
|
|
2270
|
+
}
|
|
2271
|
+
`,Qe([ue({type:String})],Xe.prototype,"label",void 0),Qe([ue({type:String})],Xe.prototype,"value",void 0),Xe=Qe([ce("kr-detail-field")],Xe),e.DialogRef=Ke,e.krBaseCSS=de}),function(e){Object.keys(e).forEach(function(t){t.startsWith("KR")&&"function"==typeof e[t]&&(e[t.slice(2)]=e[t],delete e[t])})}(kr);
|
|
2245
2272
|
//# sourceMappingURL=krubble.umd.min.js.map
|