@sky.ui/core 0.0.8 → 0.0.21

package/dist/sky-flexbox/sky-flexbox.js.map

@@ -1 +1 @@
-{"version":3,"file":"sky-flexbox.js","sources":["../../src/sky-flexbox/sky-flexbox.ts"],"sourcesContent":[null],"names":["SkyFlexbox","LitElement","constructor","this","direction","wrap","justify","align","alignContent","gap","col","updateSpans","nodes","shadowRoot","querySelector","assignedElements","flatten","el","HTMLElement","applySpanVar","readSpanRaw","dataset","flexSpan","styles","css","connectedCallback","super","_childMo","MutationObserver","observe","childList","subtree","attributes","attributeFilter","disconnectedCallback","disconnect","firstUpdated","syncVars","updated","changed","has","gapX","gapY","String","Object","entries","forEach","k","v","style","setProperty","recalculateSpans","render","isColumn","html","attrName","propName","fromAttr","getAttribute","fromProp","cssVar","raw","value","clampSpan","removeProperty","Math","max","min","Number","__decorate","property","type","prototype","customElement"],"mappings":"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"}
+{"version":3,"file":"sky-flexbox.js","sources":["../../src/sky-flexbox/sky-flexbox.ts"],"sourcesContent":[null],"names":["SkyFlexbox","LitElement","constructor","this","direction","wrap","justify","align","alignContent","gap","col","updateSpans","nodes","shadowRoot","querySelector","assignedElements","flatten","el","HTMLElement","applySpanVar","readSpanRaw","dataset","flexSpan","styles","css","connectedCallback","super","_childMo","MutationObserver","observe","childList","subtree","attributes","attributeFilter","disconnectedCallback","disconnect","firstUpdated","syncVars","updated","changed","has","gapX","gapY","String","Object","entries","forEach","k","v","style","setProperty","recalculateSpans","render","isColumn","html","attrName","propName","fromAttr","getAttribute","fromProp","cssVar","raw","value","clampSpan","removeProperty","Math","max","min","Number","__decorate","property","type","prototype","customElement"],"mappings":"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"}

package/dist/sky-form/sky-form.js

@@ -1,37 +1,39 @@
-import{__decorate as t,__metadata as e}from"tslib";import{LitElement as i,nothing as r,html as s}from"lit";import{property as o,state as n,query as a,customElement as d}from"lit/decorators.js";import{ifDefined as l}from"lit/directives/if-defined.js";let h=class extends i{constructor(){super(...arguments),this.liveValidation=!1,this.showErrors=!0,this.errorBox=!1,this.errorBoxMessage="Fix These Issues Before Submitting",this.mode="client",this.noValidate=!1,this.enterSubmit=!1,this.resetOnSubmit=!1,this.csrfToken=null,this.validationErrors=[],this.submitSuccess=!1,this.validationActive=!1,this._syncQueued=!1,this._handlingSubmit=!1,this._handlingInvalid=!1,this._onEnterKey=t=>{if(!this.enterSubmit)return;if("Enter"!==t.key)return;const e=t.target;e instanceof HTMLTextAreaElement||e.closest('button[type="submit"], input[type="submit"]')||(t.preventDefault(),this.requestSubmit())},this._handleValueChanged=t=>{if(!this.liveValidation)return;t.target.matches("sky-input, sky-combobox, sky-datepicker, sky-checkbox, sky-radio-group, sky-otp, sky-serial, sky-counter, sky-switch, input, select, textarea")&&(this._queueSync(),this._emitFormChange())},this._onFormDataCapture=t=>{t.target instanceof HTMLFormElement&&t.target===this._formEl&&t.stopImmediatePropagation()},this._onInvalidCapture=t=>{const e=t.target;e?.form&&e.form!==this._formEl||(t.preventDefault(),t.stopImmediatePropagation(),this._activateValidation(),this._focusFirstInvalid())},this._onHostSubmitCapture=t=>{if(t.target instanceof HTMLFormElement&&t.target===this._formEl&&!this._handlingSubmit){this._handlingSubmit=!0;try{this._syncNow();if(!this._formEl.checkValidity())return t.preventDefault(),t.stopImmediatePropagation(),this.submitSuccess=!1,void this._focusFirstInvalid();if("server"===this.mode)return this.submitSuccess=!0,void(this.resetOnSubmit&&queueMicrotask(()=>this.reset()));t.preventDefault(),t.stopImmediatePropagation();const e=new FormData(this._formEl);let i=!1;try{const t=new FormDataEvent("formdata",{formData:e,bubbles:!0,composed:!0});this.dispatchEvent(t),i=!0}catch{}i||this.dispatchEvent(new CustomEvent("formdata",{detail:{formData:e},bubbles:!0,composed:!0}));const r=this._formDataToJSON(e);this.dispatchEvent(new CustomEvent("form-submit",{detail:{values:r,formData:e,success:this._formEl.checkValidity()},bubbles:!0,composed:!0})),this.submitSuccess=!0,this.resetOnSubmit&&queueMicrotask(()=>this.reset())}finally{this._handlingSubmit=!1}}}}createRenderRoot(){return this}get formElement(){return this._formEl}connectedCallback(){super.connectedCallback(),this._queueSync(),this.addEventListener("submit",this._onHostSubmitCapture,!0),this.addEventListener("formdata",this._onFormDataCapture,!0),this.addEventListener("value-changed",this._handleValueChanged),this.addEventListener("keydown",this._onEnterKey,!0),this.addEventListener("invalid",this._onInvalidCapture,!0),this._mo=new MutationObserver(()=>this._queueSync()),this._mo.observe(this,{childList:!0,subtree:!0})}disconnectedCallback(){this.removeEventListener("submit",this._onHostSubmitCapture,!0),this.removeEventListener("formdata",this._onFormDataCapture,!0),this.removeEventListener("value-changed",this._handleValueChanged),this.removeEventListener("keydown",this._onEnterKey,!0),this.removeEventListener("invalid",this._onInvalidCapture,!0),this._mo?.disconnect(),super.disconnectedCallback()}_queueSync(){this._syncQueued||(this._syncQueued=!0,queueMicrotask(()=>{this._syncQueued=!1,this._moveHostIdToNativeForm(),this._ensureNativeFormHasId(),this._assignFormOwnerToChildren(),this._refreshAggregates()}))}_moveHostIdToNativeForm(){const t=this.id?.trim();t&&this._formEl&&(this._formEl.id!==t&&(this._formEl.id=t),this.id===t&&this.removeAttribute("id"))}_ensureNativeFormHasId(){if(!this._formEl?.id){const t="undefined"!=typeof crypto&&"function"==typeof crypto.randomUUID?crypto.randomUUID():`${Date.now()}-${Math.random().toString(36).slice(2,9)}`;this._formEl.id=`sky-form-${t}`}}_formValidQuiet(){const t=this._formEl;if(!t)return!0;for(const e of Array.from(t.elements)){const t=e;if("validity"in t&&t.validity&&!("willValidate"in t&&!1===t.willValidate||t.validity.valid))return!1}return!0}_emitFormChange(){if(!this._formEl)return;const t=new FormData(this._formEl),e=this._formDataToJSON(t);this.dispatchEvent(new CustomEvent("form-change",{detail:{values:e,formData:t,success:this._formValidQuiet()},bubbles:!0,composed:!0}))}_assignFormOwnerToChildren(){const t=this._formEl?.id;if(!t)return;const e=Array.from(this.querySelectorAll(["input","select","textarea","button","sky-button","sky-input","sky-combobox","sky-datepicker","sky-checkbox","sky-radio-group","sky-otp","sky-serial","sky-counter","sky-switch"].join(",")));for(const i of e)i.closest("form")!==this._formEl&&i.form?.id!==t&&i.setAttribute("form",t)}_getSkyInputs(){return Array.from(this.querySelectorAll("sky-input, sky-combobox, sky-datepicker, sky-checkbox, sky-radio-group, sky-otp, sky-serial, sky-counter, sky-switch"))}_emitValidationErrors(){this.dispatchEvent(new CustomEvent("validation-errors",{detail:{errors:[...this.validationErrors]},bubbles:!0,composed:!0}))}_refreshAggregates(){const t=[],e=this._getSkyInputs();for(const i of e)this._handlingInvalid||"function"!=typeof i.validateInput||i.validateInput(),Array.isArray(i.validationErrors)&&t.push(...i.validationErrors);const i=Array.from(this._formEl.elements);for(const e of i){if(!("willValidate"in e)||!e.willValidate)continue;if(!(!("validity"in e)||!e.validity||e.validity.valid)){const i=e.validationMessage||`${e.name||e.id||"Field"} is invalid`;t.push(i)}}const r=[...new Set(t)];r.join("|")!==this.validationErrors.join("|")&&(this.validationErrors=r,this._emitValidationErrors())}_focusFirstInvalid(){const t=this._getSkyInputs().find(t=>!0===t.invalid);t&&this._focusElement(t)}_focusElement(t){t.scrollIntoView({behavior:"smooth",block:"center"}),setTimeout(()=>{t.focus({preventScroll:!0})},100)}_syncNow(){this._moveHostIdToNativeForm(),this._ensureNativeFormHasId(),this._assignFormOwnerToChildren(),this._refreshAggregates()}_formDataToJSON(t){const e={};return t.forEach((t,i)=>{i in e?Array.isArray(e[i])?e[i].push(t):e[i]=[e[i],t]:e[i]=t}),e}_activateValidation(){this.validationActive=!0;const t=this._getSkyInputs();for(const e of t)e.validationActive=!0,e.showErrors=!0;queueMicrotask(()=>this._refreshAggregates())}checkValidity(){return this._queueSync(),this._formEl?.checkValidity?.()??!0}reportValidity(){return this._queueSync(),this._formEl?.reportValidity?.()??!0}requestSubmit(t){this._syncNow(),this._activateValidation(),this._formEl?.requestSubmit?.(t)}reset(){this._queueSync(),this._formEl?.reset()}resetForm(){this._queueSync(),this._formEl?.reset()}submit(){if(this._activateValidation(),"client"===this.mode){const t=new SubmitEvent("submit",{bubbles:!0,cancelable:!0});this._formEl?.dispatchEvent(t)}else this._formEl?.submit()}render(){return s`
+import{__decorate as t,__metadata as e}from"tslib";import{LitElement as i,nothing as s,html as r}from"lit";import{property as o,state as n,query as a,customElement as d}from"lit/decorators.js";import{ifDefined as l}from"lit/directives/if-defined.js";let h=class extends i{constructor(){super(...arguments),this.liveValidation=!1,this.showErrors=!0,this.errorBox=!1,this.errorBoxMessage="Fix These Issues Before Submitting",this.mode="client",this.noValidate=!1,this.enterSubmit=!1,this.resetOnSubmit=!1,this.csrfToken=null,this.validationErrors=[],this.submitSuccess=!1,this.validationActive=!1,this._syncQueued=!1,this._handlingSubmit=!1,this._handlingInvalid=!1,this._onEnterKey=t=>{if(!this.enterSubmit)return;if("Enter"!==t.key)return;const e=t.target;e instanceof HTMLTextAreaElement||e.closest('button[type="submit"], input[type="submit"]')||(t.preventDefault(),this.requestSubmit())},this._handleValueChanged=t=>{if(!this.liveValidation)return;t.target.matches("sky-input, sky-combobox, sky-datepicker, sky-checkbox, sky-radio-group, sky-otp, sky-serial, sky-counter, sky-switch, input, select, textarea")&&(this._queueSync(),this._emitFormChange())},this._onFormDataCapture=t=>{t.target instanceof HTMLFormElement&&t.target===this._formEl&&t.stopImmediatePropagation()},this._onInvalidCapture=t=>{const e=t.target;e?.form&&e.form!==this._formEl||(t.preventDefault(),t.stopImmediatePropagation(),this._activateValidation(),this._focusFirstInvalid())},this._onHostSubmitCapture=t=>{if(t.target instanceof HTMLFormElement&&t.target===this._formEl&&!this._handlingSubmit){this._handlingSubmit=!0;try{this._syncNow();if(!this._formEl.checkValidity())return t.preventDefault(),t.stopImmediatePropagation(),this.submitSuccess=!1,void this._focusFirstInvalid();if("server"===this.mode)return this.submitSuccess=!0,void(this.resetOnSubmit&&queueMicrotask(()=>this.reset()));t.preventDefault(),t.stopImmediatePropagation();const e=new FormData(this._formEl);let i=!1;try{const t=new FormDataEvent("formdata",{formData:e,bubbles:!0,composed:!0});this.dispatchEvent(t),i=!0}catch{}i||this.dispatchEvent(new CustomEvent("formdata",{detail:{formData:e},bubbles:!0,composed:!0}));const s=this._formDataToJSON(e);this.dispatchEvent(new CustomEvent("form-submit",{detail:{values:s,formData:e,success:this._formEl.checkValidity()},bubbles:!0,composed:!0})),this.submitSuccess=!0,this.resetOnSubmit&&queueMicrotask(()=>this.reset())}finally{this._handlingSubmit=!1}}}}createRenderRoot(){return this}get formElement(){return this._formEl}connectedCallback(){super.connectedCallback(),this._queueSync(),this.addEventListener("submit",this._onHostSubmitCapture,!0),this.addEventListener("formdata",this._onFormDataCapture,!0),this.addEventListener("value-changed",this._handleValueChanged),this.addEventListener("keydown",this._onEnterKey,!0),this.addEventListener("invalid",this._onInvalidCapture,!0),this._mo=new MutationObserver(()=>this._queueSync()),this._mo.observe(this,{childList:!0,subtree:!0})}disconnectedCallback(){this.removeEventListener("submit",this._onHostSubmitCapture,!0),this.removeEventListener("formdata",this._onFormDataCapture,!0),this.removeEventListener("value-changed",this._handleValueChanged),this.removeEventListener("keydown",this._onEnterKey,!0),this.removeEventListener("invalid",this._onInvalidCapture,!0),this._mo?.disconnect(),super.disconnectedCallback()}_queueSync(){this._syncQueued||(this._syncQueued=!0,queueMicrotask(()=>{this._syncQueued=!1,this._moveHostIdToNativeForm(),this._ensureNativeFormHasId(),this._assignFormOwnerToChildren(),this._refreshAggregates()}))}_moveHostIdToNativeForm(){const t=this.id?.trim();t&&this._formEl&&(this._formEl.id!==t&&(this._formEl.id=t),this.id===t&&this.removeAttribute("id"))}_ensureNativeFormHasId(){if(!this._formEl?.id){const t="undefined"!=typeof crypto&&"function"==typeof crypto.randomUUID?crypto.randomUUID():`${Date.now()}-${Math.random().toString(36).slice(2,9)}`;this._formEl.id=`sky-form-${t}`}}_formValidQuiet(){const t=this._formEl;if(!t)return!0;for(const e of Array.from(t.elements)){const t=e;if("validity"in t&&t.validity&&!("willValidate"in t&&!1===t.willValidate||t.validity.valid))return!1}return!0}_emitFormChange(){if(!this._formEl)return;const t=new FormData(this._formEl),e=this._formDataToJSON(t);this.dispatchEvent(new CustomEvent("form-change",{detail:{values:e,formData:t,success:this._formValidQuiet()},bubbles:!0,composed:!0}))}_assignFormOwnerToChildren(){const t=this._formEl?.id;if(!t)return;const e=Array.from(this.querySelectorAll(["input","select","textarea","button","sky-button","sky-input","sky-combobox","sky-datepicker","sky-checkbox","sky-radio-group","sky-otp","sky-serial","sky-counter","sky-switch"].join(",")));for(const i of e)i.closest("form")!==this._formEl&&i.form?.id!==t&&i.setAttribute("form",t)}_getSkyInputs(){return Array.from(this.querySelectorAll("sky-input, sky-combobox, sky-datepicker, sky-checkbox, sky-radio-group, sky-otp, sky-serial, sky-counter, sky-switch"))}_emitValidationErrors(){this.dispatchEvent(new CustomEvent("validation-errors",{detail:{errors:[...this.validationErrors]},bubbles:!0,composed:!0}))}_refreshAggregates(){const t=[],e=this._getSkyInputs();for(const i of e)this._handlingInvalid||"function"!=typeof i.validateInput||i.validateInput(),Array.isArray(i.validationErrors)&&t.push(...i.validationErrors);const i=Array.from(this._formEl.elements);for(const e of i){if(!("willValidate"in e)||!e.willValidate)continue;if(!(!("validity"in e)||!e.validity||e.validity.valid)){const i=e.validationMessage||`${e.name||e.id||"Field"} is invalid`;t.push(i)}}const s=[...new Set(t)];s.join("|")!==this.validationErrors.join("|")&&(this.validationErrors=s,this._emitValidationErrors())}_focusFirstInvalid(){const t=this._getSkyInputs().find(t=>!0===t.invalid);t&&this._focusElement(t)}_focusElement(t){const e="function"==typeof matchMedia&&matchMedia("(prefers-reduced-motion: reduce)").matches;t.scrollIntoView({behavior:e?"auto":"smooth",block:"center"}),setTimeout(()=>{t.focus({preventScroll:!0})},100)}_syncNow(){this._moveHostIdToNativeForm(),this._ensureNativeFormHasId(),this._assignFormOwnerToChildren(),this._refreshAggregates()}_formDataToJSON(t){const e={};return t.forEach((t,i)=>{i in e?Array.isArray(e[i])?e[i].push(t):e[i]=[e[i],t]:e[i]=t}),e}_activateValidation(){this.validationActive=!0;const t=this._getSkyInputs();for(const e of t)e.validationActive=!0,e.showErrors=!0;queueMicrotask(()=>this._refreshAggregates())}checkValidity(){return this._syncNow(),this._formEl?.checkValidity?.()??!0}reportValidity(){return this._syncNow(),this._formEl?.reportValidity?.()??!0}requestSubmit(t){this._syncNow(),this._activateValidation(),this._formEl?.requestSubmit?.(t)}reset(){this._queueSync(),this._formEl?.reset()}resetForm(){this._queueSync(),this._formEl?.reset()}submit(){if(this._activateValidation(),"client"===this.mode){const t=new SubmitEvent("submit",{bubbles:!0,cancelable:!0});this._formEl?.dispatchEvent(t)}else this._formEl?.submit()}render(){return r`
       <style>
-        .error-wrapper {
+        /* Scoped to the sky-form tag: this is a light-DOM component, so
+           unscoped class selectors would leak into the whole document. */
+        sky-form .error-wrapper {
           width: 100%;
           display: flex;
           justify-content: center;
         }
-        .error-container {
-          margin: 10px 0;
-          padding: 5px 10px;
+        sky-form .error-container {
+          margin: var(--sky-space-3, 12px) 0;
+          padding: var(--sky-space-2, 8px) var(--sky-space-3, 12px);
           width: 100%;
           border-radius: var(--sky-radius-secondary);
           border: 1px solid var(--sky-danger-primary);
-          background-color: var(--sky-glass-g0);
+          background: var(--sky-glass-solid);
           box-shadow: var(--sky-box-shadow-primary);
           position: relative;
           z-index: inherit;
         }
-        .error-title {
-          font-size: 14px;
+        sky-form .error-title {
+          font-size: var(--sky-font-size-sm, 14px);
           color: var(--sky-danger-primary);
           width: 100%;
           display: flex;
           justify-content: center;
         }
-        .error-list {
-          list-style: inside;
-          padding: 5px;
+        sky-form .error-list {
+          list-style-position: inside;
+          padding: var(--sky-space-1, 4px);
           margin: 0;
           text-align: start;
         }
-        .error-item {
-          font-size: 12px;
-          color: var(--sky-text-dark);
+        sky-form .error-item {
+          font-size: var(--sky-font-size-xs, 12px);
+          color: var(--sky-text-primary);
         }
       </style>
 
@@ -44,23 +46,23 @@ import{__decorate as t,__metadata as e}from"tslib";import{LitElement as i,nothin
         ?novalidate=${this.noValidate}
         target=${l(this.target||void 0)}
       >
-        ${this.csrfToken?s`<input
+        ${this.csrfToken?r`<input
               type="hidden"
               name="csrfmiddlewaretoken"
               .value=${this.csrfToken}
-            />`:r}
+            />`:s}
         <slot></slot>
       </form>
 
-      ${this.errorBox&&this.validationErrors.length>0&&this.showErrors&&this.validationActive?s`
+      ${this.errorBox&&this.validationErrors.length>0&&this.showErrors&&this.validationActive?r`
             <div class="error-wrapper" part="error-box">
               <div class="error-container">
                 <div class="error-title">${this.errorBoxMessage}</div>
                 <ul class="error-list" part="error-list">
-                  ${this.validationErrors.map((t,e)=>s`<li class="error-item" key=${e}>${t}</li>`)}
+                  ${this.validationErrors.map(t=>r`<li class="error-item">${t}</li>`)}
                 </ul>
               </div>
             </div>
-          `:r}
+          `:s}
     `}};t([o({type:Boolean}),e("design:type",Object)],h.prototype,"liveValidation",void 0),t([o({type:Boolean}),e("design:type",Object)],h.prototype,"showErrors",void 0),t([o({type:Boolean}),e("design:type",Object)],h.prototype,"errorBox",void 0),t([o({type:String}),e("design:type",Object)],h.prototype,"errorBoxMessage",void 0),t([o({type:String}),e("design:type",String)],h.prototype,"mode",void 0),t([o({type:String}),e("design:type",String)],h.prototype,"method",void 0),t([o({type:String}),e("design:type",String)],h.prototype,"action",void 0),t([o({type:String}),e("design:type",String)],h.prototype,"target",void 0),t([o({type:String}),e("design:type",String)],h.prototype,"enctype",void 0),t([o({type:String}),e("design:type",String)],h.prototype,"autocomplete",void 0),t([o({type:Boolean}),e("design:type",Object)],h.prototype,"noValidate",void 0),t([o({type:Boolean}),e("design:type",Object)],h.prototype,"enterSubmit",void 0),t([o({type:Boolean}),e("design:type",Object)],h.prototype,"resetOnSubmit",void 0),t([o({type:String}),e("design:type",Object)],h.prototype,"csrfToken",void 0),t([n(),e("design:type",Array)],h.prototype,"validationErrors",void 0),t([n(),e("design:type",Object)],h.prototype,"submitSuccess",void 0),t([n(),e("design:type",Object)],h.prototype,"validationActive",void 0),t([a("form"),e("design:type",HTMLFormElement)],h.prototype,"_formEl",void 0),h=t([d("sky-form")],h);export{h as SkyForm};
 //# sourceMappingURL=sky-form.js.map

package/dist/sky-form/sky-form.js.map

@@ -1 +1 @@
-{"version":3,"file":"sky-form.js","sources":["../../src/sky-form/sky-form.ts"],"sourcesContent":[null],"names":["SkyForm","LitElement","constructor","this","liveValidation","showErrors","errorBox","errorBoxMessage","mode","noValidate","enterSubmit","resetOnSubmit","csrfToken","validationErrors","submitSuccess","validationActive","_syncQueued","_handlingSubmit","_handlingInvalid","_onEnterKey","e","key","target","HTMLTextAreaElement","closest","preventDefault","requestSubmit","_handleValueChanged","matches","_queueSync","_emitFormChange","_onFormDataCapture","HTMLFormElement","_formEl","stopImmediatePropagation","_onInvalidCapture","t","form","_activateValidation","_focusFirstInvalid","_onHostSubmitCapture","_syncNow","checkValidity","queueMicrotask","reset","fd","FormData","dispatched","fde","FormDataEvent","formData","bubbles","composed","dispatchEvent","CustomEvent","detail","json","_formDataToJSON","values","success","createRenderRoot","formElement","connectedCallback","super","addEventListener","_mo","MutationObserver","observe","childList","subtree","disconnectedCallback","removeEventListener","disconnect","_moveHostIdToNativeForm","_ensureNativeFormHasId","_assignFormOwnerToChildren","_refreshAggregates","hostId","id","trim","removeAttribute","suffix","crypto","randomUUID","Date","now","Math","random","toString","slice","_formValidQuiet","el","Array","from","elements","h","validity","willValidate","valid","formId","candidates","querySelectorAll","join","setAttribute","_getSkyInputs","_emitValidationErrors","errors","errs","skyInputs","input","validateInput","isArray","push","msg","validationMessage","name","next","Set","firstInvalid","find","invalid","_focusElement","element","scrollIntoView","behavior","block","setTimeout","focus","preventScroll","obj","forEach","value","reportValidity","submitter","resetForm","submit","submitEvent","SubmitEvent","cancelable","render","html","ifDefined","method","action","enctype","autocomplete","undefined","nothing","length","map","err","i","__decorate","property","type","Boolean","prototype","String","state","query","customElement"],"mappings":"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"}
+{"version":3,"file":"sky-form.js","sources":["../../src/sky-form/sky-form.ts"],"sourcesContent":[null],"names":["SkyForm","LitElement","constructor","this","liveValidation","showErrors","errorBox","errorBoxMessage","mode","noValidate","enterSubmit","resetOnSubmit","csrfToken","validationErrors","submitSuccess","validationActive","_syncQueued","_handlingSubmit","_handlingInvalid","_onEnterKey","e","key","target","HTMLTextAreaElement","closest","preventDefault","requestSubmit","_handleValueChanged","matches","_queueSync","_emitFormChange","_onFormDataCapture","HTMLFormElement","_formEl","stopImmediatePropagation","_onInvalidCapture","t","form","_activateValidation","_focusFirstInvalid","_onHostSubmitCapture","_syncNow","checkValidity","queueMicrotask","reset","fd","FormData","dispatched","fde","FormDataEvent","formData","bubbles","composed","dispatchEvent","CustomEvent","detail","json","_formDataToJSON","values","success","createRenderRoot","formElement","connectedCallback","super","addEventListener","_mo","MutationObserver","observe","childList","subtree","disconnectedCallback","removeEventListener","disconnect","_moveHostIdToNativeForm","_ensureNativeFormHasId","_assignFormOwnerToChildren","_refreshAggregates","hostId","id","trim","removeAttribute","suffix","crypto","randomUUID","Date","now","Math","random","toString","slice","_formValidQuiet","el","Array","from","elements","h","validity","willValidate","valid","formId","candidates","querySelectorAll","join","setAttribute","_getSkyInputs","_emitValidationErrors","errors","errs","skyInputs","input","validateInput","isArray","push","msg","validationMessage","name","next","Set","firstInvalid","find","invalid","_focusElement","element","prefersReducedMotion","matchMedia","scrollIntoView","behavior","block","setTimeout","focus","preventScroll","obj","forEach","value","reportValidity","submitter","resetForm","submit","submitEvent","SubmitEvent","cancelable","render","html","ifDefined","method","action","enctype","autocomplete","undefined","nothing","length","map","err","__decorate","property","type","Boolean","prototype","String","state","query","customElement"],"mappings":"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"}

package/dist/sky-image/sky-image.d.ts

@@ -97,6 +97,7 @@ export declare class SkyImage extends LitElement {
     private _ro?;
     private _sizesRafId;
     private _updateSizes;
+    connectedCallback(): void;
     firstUpdated(): void;
     private _ensureAutoSizesObserver;
     updated(changed: PropertyValues<this>): void;

package/dist/sky-image/sky-image.js

@@ -1,13 +1,19 @@
-import{__decorate as t,__metadata as e}from"tslib";import{LitElement as i,css as s,html as o,nothing as r}from"lit";import{property as d,state as c,customElement as n}from"lit/decorators.js";import{styleMap as a}from"lit/directives/style-map.js";import{resolveImageFallbackSrc as p}from"./srcset-utils.js";let h=class extends i{constructor(){super(...arguments),this.src="",this.alt="Image",this.width="auto",this.height="auto",this.aspectRatio=null,this.borderRadius="0",this.boxShadow="none",this.objectFit="cover",this.objectPosition="center",this.srcset="",this.sizes="",this.autoSizes=!1,this._computedSizes="",this.loading="lazy",this.decoding="async",this._sizesRafId=null,this._updateSizes=()=>{null==this._sizesRafId&&(this._sizesRafId=requestAnimationFrame(()=>{this._sizesRafId=null;const t=Math.ceil(this.getBoundingClientRect().width);t>0&&(this._computedSizes=`${t}px`)}))}}static{this.styles=s`
+import{__decorate as t,__metadata as e}from"tslib";import{LitElement as s,css as i,html as o,nothing as r}from"lit";import{property as d,state as c,customElement as a}from"lit/decorators.js";import{styleMap as n}from"lit/directives/style-map.js";import{resolveImageFallbackSrc as h}from"./srcset-utils.js";let p=class extends s{constructor(){super(...arguments),this.src="",this.alt="Image",this.width="auto",this.height="auto",this.aspectRatio=null,this.borderRadius="0",this.boxShadow="none",this.objectFit="cover",this.objectPosition="center",this.srcset="",this.sizes="",this.autoSizes=!1,this._computedSizes="",this.loading="lazy",this.decoding="async",this._sizesRafId=null,this._updateSizes=()=>{null==this._sizesRafId&&(this._sizesRafId=requestAnimationFrame(()=>{this._sizesRafId=null;const t=Math.ceil(this.getBoundingClientRect().width);t>0&&(this._computedSizes=`${t}px`)}))}}static{this.styles=i`
     :host {
       display: inline-block;
+      max-width: 100%;
     }
 
-    img {
+    img,
+    .placeholder {
       display: block;
-      max-width: 100%; /* keeps it responsive if width="auto" */
+      max-width: 100%;
     }
-  `}firstUpdated(){this._ensureAutoSizesObserver()}_ensureAutoSizesObserver(){this.autoSizes&&(this._ro||(this._ro=new ResizeObserver(this._updateSizes),this._ro.observe(this)),this._updateSizes())}updated(t){super.updated(t),t.has("autoSizes")&&(this.autoSizes?this._ensureAutoSizesObserver():(this._ro?.disconnect(),this._ro=void 0,this._computedSizes="")),this._shouldResyncImageSource(t)&&this._resyncImageSource(t.has("srcset")&&void 0!==t.get("srcset"))}disconnectedCallback(){super.disconnectedCallback(),this._ro?.disconnect(),null!=this._sizesRafId&&(cancelAnimationFrame(this._sizesRafId),this._sizesRafId=null)}_shouldResyncImageSource(t){return!(!this.src?.trim()&&!this.srcset?.trim())&&(!(!t.has("src")||void 0===t.get("src"))||(!(!t.has("srcset")||void 0===t.get("srcset"))||(!(!t.has("sizes")||void 0===t.get("sizes"))||!(!this.autoSizes||!t.has("_computedSizes")||void 0===t.get("_computedSizes")))))}_resolvedSizesAttr(){return this.autoSizes?this._computedSizes:this.sizes||""}_displaySrc(){const t=this.src?.trim()??"",e=this.srcset?.trim()??"";return t||e?e?p(t,e):t:""}_applyImgAttrs(t,e){const i=this.srcset?.trim()??"",s=this._resolvedSizesAttr(),o=this._displaySrc();i?t.srcset=i:t.removeAttribute("srcset"),s?t.sizes=s:t.removeAttribute("sizes"),e&&t.removeAttribute("src"),t.src=o}_resyncImageSource(t=!1){const e=this.renderRoot.querySelector("img");if(!(e instanceof HTMLImageElement))return;const i=e.cloneNode(!1);i.alt=this.alt,i.loading=this.loading,i.decoding=this.decoding;const s=e.getAttribute("style");s&&i.setAttribute("style",s),i.setAttribute("part","img"),this._applyImgAttrs(i,t),e.replaceWith(i)}render(){const t=this._resolvedSizesAttr(),e=this._displaySrc(),i=""!==e,s={width:this.width,height:this.height,borderRadius:this.borderRadius,boxShadow:this.boxShadow,objectFit:this.objectFit,objectPosition:this.objectPosition,aspectRatio:this.aspectRatio??"auto"};return i?o`
+
+    .placeholder {
+      background: var(--sky-hover-tertiary);
+    }
+  `}connectedCallback(){super.connectedCallback(),this._ensureAutoSizesObserver()}firstUpdated(){this._ensureAutoSizesObserver()}_ensureAutoSizesObserver(){this.autoSizes&&(this._ro||(this._ro=new ResizeObserver(this._updateSizes),this._ro.observe(this)),this._updateSizes())}updated(t){super.updated(t),t.has("autoSizes")&&(this.autoSizes?this._ensureAutoSizesObserver():(this._ro?.disconnect(),this._ro=void 0,this._computedSizes="")),this._shouldResyncImageSource(t)&&this._resyncImageSource(t.has("srcset")&&void 0!==t.get("srcset"))}disconnectedCallback(){super.disconnectedCallback(),this._ro?.disconnect(),this._ro=void 0,null!=this._sizesRafId&&(cancelAnimationFrame(this._sizesRafId),this._sizesRafId=null)}_shouldResyncImageSource(t){const e=t;return!(!this.src?.trim()&&!this.srcset?.trim())&&(!(!t.has("src")||void 0===t.get("src"))||(!(!t.has("srcset")||void 0===t.get("srcset"))||(!(!t.has("sizes")||void 0===t.get("sizes"))||!(!this.autoSizes||!e.has("_computedSizes")||void 0===e.get("_computedSizes")))))}_resolvedSizesAttr(){return this.autoSizes?this._computedSizes:this.sizes||""}_displaySrc(){const t=this.src?.trim()??"",e=this.srcset?.trim()??"";return t||e?e?h(t,e):t:""}_applyImgAttrs(t,e){const s=this.srcset?.trim()??"",i=this._resolvedSizesAttr(),o=this._displaySrc();s?t.srcset=s:t.removeAttribute("srcset"),i?t.sizes=i:t.removeAttribute("sizes"),e&&t.removeAttribute("src"),t.src=o}_resyncImageSource(t=!1){const e=this.renderRoot.querySelector("img");if(!(e instanceof HTMLImageElement))return;const s=e.cloneNode(!1);s.alt=this.alt,s.loading=this.loading,s.decoding=this.decoding;const i=e.getAttribute("style");i&&s.setAttribute("style",i),s.setAttribute("part","img"),this._applyImgAttrs(s,t),e.replaceWith(s)}render(){const t=this._resolvedSizesAttr(),e=this._displaySrc(),s=""!==e,i={width:this.width,height:this.height,borderRadius:this.borderRadius,boxShadow:this.boxShadow,objectFit:this.objectFit,objectPosition:this.objectPosition,aspectRatio:this.aspectRatio??"auto"};return s?o`
       <img
         src=${e}
         alt=${this.alt}
@@ -15,15 +21,16 @@ import{__decorate as t,__metadata as e}from"tslib";import{LitElement as i,css as
         sizes=${t||r}
         loading=${this.loading}
         decoding=${this.decoding}
-        style=${a(s)}
+        style=${n(i)}
         part="img"
       />
     `:o`
         <div
+          class="placeholder"
           part="img"
-          style=${a({...s,display:"block",background:"var(--sky-bg-tertiary, rgba(0,0,0,0.04))"})}
+          style=${n(i)}
           aria-label=${this.alt}
           role="img"
         ></div>
-      `}};t([d({type:String}),e("design:type",Object)],h.prototype,"src",void 0),t([d({type:String}),e("design:type",Object)],h.prototype,"alt",void 0),t([d({type:String}),e("design:type",Object)],h.prototype,"width",void 0),t([d({type:String}),e("design:type",Object)],h.prototype,"height",void 0),t([d({type:String}),e("design:type",Object)],h.prototype,"aspectRatio",void 0),t([d({type:String}),e("design:type",Object)],h.prototype,"borderRadius",void 0),t([d({type:String}),e("design:type",Object)],h.prototype,"boxShadow",void 0),t([d({type:String}),e("design:type",Object)],h.prototype,"objectFit",void 0),t([d({type:String}),e("design:type",Object)],h.prototype,"objectPosition",void 0),t([d({type:String}),e("design:type",Object)],h.prototype,"srcset",void 0),t([d({type:String}),e("design:type",Object)],h.prototype,"sizes",void 0),t([d({type:Boolean}),e("design:type",Object)],h.prototype,"autoSizes",void 0),t([c(),e("design:type",Object)],h.prototype,"_computedSizes",void 0),t([d({type:String}),e("design:type",String)],h.prototype,"loading",void 0),t([d({type:String}),e("design:type",String)],h.prototype,"decoding",void 0),h=t([n("sky-image")],h);export{h as SkyImage};
+      `}};t([d({type:String}),e("design:type",Object)],p.prototype,"src",void 0),t([d({type:String}),e("design:type",Object)],p.prototype,"alt",void 0),t([d({type:String}),e("design:type",Object)],p.prototype,"width",void 0),t([d({type:String}),e("design:type",Object)],p.prototype,"height",void 0),t([d({type:String}),e("design:type",Object)],p.prototype,"aspectRatio",void 0),t([d({type:String}),e("design:type",Object)],p.prototype,"borderRadius",void 0),t([d({type:String}),e("design:type",Object)],p.prototype,"boxShadow",void 0),t([d({type:String}),e("design:type",Object)],p.prototype,"objectFit",void 0),t([d({type:String}),e("design:type",Object)],p.prototype,"objectPosition",void 0),t([d({type:String}),e("design:type",Object)],p.prototype,"srcset",void 0),t([d({type:String}),e("design:type",Object)],p.prototype,"sizes",void 0),t([d({type:Boolean}),e("design:type",Object)],p.prototype,"autoSizes",void 0),t([c(),e("design:type",Object)],p.prototype,"_computedSizes",void 0),t([d({type:String}),e("design:type",String)],p.prototype,"loading",void 0),t([d({type:String}),e("design:type",String)],p.prototype,"decoding",void 0),p=t([a("sky-image")],p);export{p as SkyImage};
 //# sourceMappingURL=sky-image.js.map

package/dist/sky-image/sky-image.js.map

@@ -1 +1 @@
-{"version":3,"file":"sky-image.js","sources":["../../src/sky-image/sky-image.ts"],"sourcesContent":[null],"names":["SkyImage","LitElement","constructor","this","src","alt","width","height","aspectRatio","borderRadius","boxShadow","objectFit","objectPosition","srcset","sizes","autoSizes","_computedSizes","loading","decoding","_sizesRafId","_updateSizes","requestAnimationFrame","w","Math","ceil","getBoundingClientRect","styles","css","firstUpdated","_ensureAutoSizesObserver","_ro","ResizeObserver","observe","updated","changed","super","has","disconnect","undefined","_shouldResyncImageSource","_resyncImageSource","get","disconnectedCallback","cancelAnimationFrame","trim","_resolvedSizesAttr","_displaySrc","explicit","resolveImageFallbackSrc","_applyImgAttrs","img","srcsetChanged","sizesAttr","removeAttribute","renderRoot","querySelector","HTMLImageElement","replacement","cloneNode","style","getAttribute","setAttribute","replaceWith","render","displaySrc","hasSrc","styleVars","html","nothing","styleMap","display","background","__decorate","property","type","String","prototype","Boolean","state","customElement"],"mappings":"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"}
+{"version":3,"file":"sky-image.js","sources":["../../src/sky-image/sky-image.ts"],"sourcesContent":[null],"names":["SkyImage","LitElement","constructor","this","src","alt","width","height","aspectRatio","borderRadius","boxShadow","objectFit","objectPosition","srcset","sizes","autoSizes","_computedSizes","loading","decoding","_sizesRafId","_updateSizes","requestAnimationFrame","w","Math","ceil","getBoundingClientRect","styles","css","connectedCallback","super","_ensureAutoSizesObserver","firstUpdated","_ro","ResizeObserver","observe","updated","changed","has","disconnect","undefined","_shouldResyncImageSource","_resyncImageSource","get","disconnectedCallback","cancelAnimationFrame","allChanged","trim","_resolvedSizesAttr","_displaySrc","explicit","resolveImageFallbackSrc","_applyImgAttrs","img","srcsetChanged","sizesAttr","removeAttribute","renderRoot","querySelector","HTMLImageElement","replacement","cloneNode","style","getAttribute","setAttribute","replaceWith","render","displaySrc","hasSrc","styleVars","html","nothing","styleMap","__decorate","property","type","String","prototype","Boolean","state","customElement"],"mappings":"kTAqFO,IAAMA,EAAN,cAAuBC,EAAvB,WAAAC,uBACuBC,KAAAC,IAAM,GACND,KAAAE,IAAM,QACNF,KAAAG,MAAQ,OACRH,KAAAI,OAAS,OACTJ,KAAAK,YAA6B,KAC7BL,KAAAM,aAAe,IACfN,KAAAO,UAAY,OACZP,KAAAQ,UAAY,QACZR,KAAAS,eAAiB,SAEjBT,KAAAU,OAAS,GACTV,KAAAW,MAAQ,GAEPX,KAAAY,WAAY,EACxBZ,KAAAa,eAAiB,GAENb,KAAAc,QAA2B,OAC3Bd,KAAAe,SAA6B,QAoBjDf,KAAAgB,YAA6B,KAC7BhB,KAAAiB,aAAe,KACG,MAApBjB,KAAKgB,cACThB,KAAKgB,YAAcE,sBAAsB,KACvClB,KAAKgB,YAAc,KACnB,MAAMG,EAAIC,KAAKC,KAAKrB,KAAKsB,wBAAwBnB,OAC7CgB,EAAI,IAAGnB,KAAKa,eAAiB,GAAGM,UA6J1C,QArLkBnB,KAAAuB,OAASC,CAAG;;;;;;;;;;;;;;;GAe1B,CAaO,iBAAAC,GACPC,MAAMD,oBAGNzB,KAAK2B,0BACP,CAES,YAAAC,GACP5B,KAAK2B,0BACP,CAEQ,wBAAAA,GACD3B,KAAKY,YACLZ,KAAK6B,MACR7B,KAAK6B,IAAM,IAAIC,eAAe9B,KAAKiB,cACnCjB,KAAK6B,IAAIE,QAAQ/B,OAEnBA,KAAKiB,eACP,CAES,OAAAe,CAAQC,GACfP,MAAMM,QAAQC,GAEVA,EAAQC,IAAI,eACVlC,KAAKY,UACPZ,KAAK2B,4BAEL3B,KAAK6B,KAAKM,aACVnC,KAAK6B,SAAMO,EACXpC,KAAKa,eAAiB,KAIrBb,KAAKqC,yBAAyBJ,IACnCjC,KAAKsC,mBACHL,EAAQC,IAAI,gBAAuCE,IAA1BH,EAAQM,IAAI,UAEzC,CAES,oBAAAC,GACPd,MAAMc,uBACNxC,KAAK6B,KAAKM,aACVnC,KAAK6B,SAAMO,EACa,MAApBpC,KAAKgB,cACPyB,qBAAqBzC,KAAKgB,aAC1BhB,KAAKgB,YAAc,KAEvB,CAGQ,wBAAAqB,CAAyBJ,GAG/B,MAAMS,EAAaT,EACnB,SAAKjC,KAAKC,KAAK0C,SAAW3C,KAAKU,QAAQiC,aACnCV,EAAQC,IAAI,aAAiCE,IAAvBH,EAAQM,IAAI,aAClCN,EAAQC,IAAI,gBAAuCE,IAA1BH,EAAQM,IAAI,gBACrCN,EAAQC,IAAI,eAAqCE,IAAzBH,EAAQM,IAAI,cAEtCvC,KAAKY,YACL8B,EAAWR,IAAI,wBACsBE,IAArCM,EAAWH,IAAI,qBAKnB,CAEQ,kBAAAK,GACN,OAAO5C,KAAKY,UAAYZ,KAAKa,eAAiBb,KAAKW,OAAS,EAC9D,CAGQ,WAAAkC,GACN,MAAMC,EAAW9C,KAAKC,KAAK0C,QAAU,GAC/BjC,EAASV,KAAKU,QAAQiC,QAAU,GACtC,OAAKG,GAAapC,EACbA,EACEqC,EAAwBD,EAAUpC,GADrBoC,EADa,EAGnC,CAEQ,cAAAE,CAAeC,EAAuBC,GAC5C,MAAMxC,EAASV,KAAKU,QAAQiC,QAAU,GAChCQ,EAAYnD,KAAK4C,qBACjB3C,EAAMD,KAAK6C,cAEbnC,EAAQuC,EAAIvC,OAASA,EACpBuC,EAAIG,gBAAgB,UAErBD,EAAWF,EAAItC,MAAQwC,EACtBF,EAAIG,gBAAgB,SAGrBF,GAAeD,EAAIG,gBAAgB,OACvCH,EAAIhD,IAAMA,CACZ,CAEQ,kBAAAqC,CAAmBY,GAAgB,GACzC,MAAMD,EAAMjD,KAAKqD,WAAWC,cAAc,OAC1C,KAAML,aAAeM,kBAAmB,OAExC,MAAMC,EAAcP,EAAIQ,WAAU,GAClCD,EAAYtD,IAAMF,KAAKE,IACvBsD,EAAY1C,QAAUd,KAAKc,QAC3B0C,EAAYzC,SAAWf,KAAKe,SAC5B,MAAM2C,EAAQT,EAAIU,aAAa,SAC3BD,GAAOF,EAAYI,aAAa,QAASF,GAC7CF,EAAYI,aAAa,OAAQ,OAEjC5D,KAAKgD,eAAeQ,EAAaN,GACjCD,EAAIY,YAAYL,EAClB,CAES,MAAAM,GACP,MAAMX,EAAYnD,KAAK4C,qBACjBmB,EAAa/D,KAAK6C,cAClBmB,EAAwB,KAAfD,EAETE,EAAY,CAChB9D,MAAOH,KAAKG,MACZC,OAAQJ,KAAKI,OACbE,aAAcN,KAAKM,aACnBC,UAAWP,KAAKO,UAChBC,UAAWR,KAAKQ,UAChBC,eAAgBT,KAAKS,eACrBJ,YAAaL,KAAKK,aAAe,QAGnC,OAAK2D,EAYEE,CAAI;;cAEDH;cACA/D,KAAKE;iBACFF,KAAKU,QAAUyD;gBAChBhB,GAAagB;kBACXnE,KAAKc;mBACJd,KAAKe;gBACRqD,EAASH;;;MAnBZC,CAAI;;;;kBAICE,EAASH;uBACJjE,KAAKE;;;OAkB1B,GAvM4BmE,EAAA,CAA3BC,EAAS,CAAEC,KAAMC,kCAAmB3E,EAAA4E,UAAA,cACTJ,EAAA,CAA3BC,EAAS,CAAEC,KAAMC,kCAAwB3E,EAAA4E,UAAA,cACdJ,EAAA,CAA3BC,EAAS,CAAEC,KAAMC,kCAAyB3E,EAAA4E,UAAA,gBACfJ,EAAA,CAA3BC,EAAS,CAAEC,KAAMC,kCAA0B3E,EAAA4E,UAAA,iBAChBJ,EAAA,CAA3BC,EAAS,CAAEC,KAAMC,kCAA4C3E,EAAA4E,UAAA,sBAClCJ,EAAA,CAA3BC,EAAS,CAAEC,KAAMC,kCAA6B3E,EAAA4E,UAAA,uBACnBJ,EAAA,CAA3BC,EAAS,CAAEC,KAAMC,kCAA6B3E,EAAA4E,UAAA,oBACnBJ,EAAA,CAA3BC,EAAS,CAAEC,KAAMC,kCAA8B3E,EAAA4E,UAAA,oBACpBJ,EAAA,CAA3BC,EAAS,CAAEC,KAAMC,kCAAoC3E,EAAA4E,UAAA,yBAE1BJ,EAAA,CAA3BC,EAAS,CAAEC,KAAMC,kCAAsB3E,EAAA4E,UAAA,iBACZJ,EAAA,CAA3BC,EAAS,CAAEC,KAAMC,kCAAqB3E,EAAA4E,UAAA,gBAEVJ,EAAA,CAA5BC,EAAS,CAAEC,KAAMG,mCAA6B7E,EAAA4E,UAAA,oBAC9BJ,EAAA,CAAhBM,6BAAoC9E,EAAA4E,UAAA,yBAETJ,EAAA,CAA3BC,EAAS,CAAEC,KAAMC,kCAA4C3E,EAAA4E,UAAA,kBAClCJ,EAAA,CAA3BC,EAAS,CAAEC,KAAMC,kCAA+C3E,EAAA4E,UAAA,mBAlBtD5E,EAAQwE,EAAA,CADpBO,EAAc,cACF/E"}

package/dist/sky-input/sky-input.d.ts

@@ -83,7 +83,8 @@ export type SkyInputIconClickDetail = {
  * @csspart error-list - UL element containing validation errors.
  * @csspart error - Individual error message.
  * @csspart file-info - File count and size info below the file input.
- * @csspart custom-file-label - Label for file inputs when styled.
+ * @csspart input-prefix - Inline prefix fragment inside the field.
+ * @csspart input-suffix - Inline suffix fragment inside the field.
  *
  * @Behavior
  * - Extends `FormControlBase` for automatic form association and validation integration
@@ -136,7 +137,9 @@ export declare class SkyInput extends FormControlBase {
     prefixColor: string;
     suffixColor: string;
     color: string;
-    validations: SkyInputValidation[];
+    private _validations;
+    get validations(): SkyInputValidation[];
+    set validations(value: SkyInputValidation[] | null | undefined);
     compact: boolean;
     loading: boolean;
     showErrors: boolean;
@@ -189,6 +192,11 @@ export declare class SkyInput extends FormControlBase {
     private filePreview;
     private inputWrapperEl;
     private nativeInputEl;
+    private _leftIconSlot;
+    private _rightIconSlot;
+    private _iconClickWired;
+    private _onLeftIconSlotChange;
+    private _onRightIconSlotChange;
     static styles: import("lit").CSSResult;
     static shadowRootOptions: {
         delegatesFocus: boolean;
@@ -199,6 +207,9 @@ export declare class SkyInput extends FormControlBase {
         slotAssignment?: SlotAssignmentMode;
     };
     connectedCallback(): void;
+    disconnectedCallback(): void;
+    private _setupIconSlots;
+    private _wireIconSlot;
     firstUpdated(_changedProperties: Map<string | number | symbol, unknown>): void;
     willUpdate(changedProperties: Map<string | number | symbol, unknown>): void;
     updated(changedProperties: Map<string | number | symbol, unknown>): void;
@@ -356,5 +367,7 @@ export declare class SkyInput extends FormControlBase {
     private nativeInputMode;
     private nativeEnterKeyHint;
     private nativeInputRole;
+    private affixColorStyle;
+    private renderInputAffix;
     render(): import("lit-html").TemplateResult<1>;
 }