@kodaris/krubble-components 1.0.5 → 1.0.7

package/dist/form/select/select.js

@@ -0,0 +1,519 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { LitElement, html, css, nothing } from 'lit';
+import { customElement, property, query, state } from 'lit/decorators.js';
+import { classMap } from 'lit/directives/class-map.js';
+/**
+ * A select dropdown component that works with native browser forms.
+ *
+ * Uses ElementInternals for form association, allowing the component
+ * to participate in form submission, validation, and reset.
+ *
+ * @element kr-select
+ * @slot - The kr-select-option elements
+ */
+let KRSelect = class KRSelect extends LitElement {
+    constructor() {
+        super();
+        /**
+         * The select label text
+         */
+        this.label = '';
+        /**
+         * The input name for form submission
+         */
+        this.name = '';
+        /**
+         * The currently selected value
+         */
+        this.value = '';
+        /**
+         * Placeholder text when no option is selected
+         */
+        this.placeholder = 'Select an option';
+        /**
+         * Whether the select is disabled
+         */
+        this.disabled = false;
+        /**
+         * Whether the field is required
+         */
+        this.required = false;
+        /**
+         * Whether the field is readonly
+         */
+        this.readonly = false;
+        /**
+         * Helper text shown below the select
+         */
+        this.hint = '';
+        this._isOpen = false;
+        this._highlightedIndex = -1;
+        this._touched = false;
+        this._handleInvalid = (e) => {
+            e.preventDefault();
+            this._touched = true;
+        };
+        this._handleOutsideClick = (e) => {
+            if (!this.contains(e.target)) {
+                this._close();
+            }
+        };
+        this._handleKeyDown = (e) => {
+            if (!this._isOpen)
+                return;
+            const options = Array.from(this.querySelectorAll('kr-select-option'));
+            switch (e.key) {
+                case 'Escape':
+                    this._close();
+                    this._triggerElement?.focus();
+                    break;
+                case 'ArrowDown':
+                    e.preventDefault();
+                    if (options.some(o => !o.disabled)) {
+                        let newIndex = this._highlightedIndex + 1;
+                        while (newIndex < options.length && options[newIndex]?.disabled)
+                            newIndex++;
+                        if (newIndex < options.length)
+                            this._highlightedIndex = newIndex;
+                    }
+                    break;
+                case 'ArrowUp':
+                    e.preventDefault();
+                    {
+                        let newIndex = this._highlightedIndex - 1;
+                        while (newIndex >= 0 && options[newIndex]?.disabled)
+                            newIndex--;
+                        if (newIndex >= 0)
+                            this._highlightedIndex = newIndex;
+                    }
+                    break;
+                case 'Enter':
+                    e.preventDefault();
+                    if (this._highlightedIndex >= 0 && this._highlightedIndex < options.length) {
+                        this._selectOption(options[this._highlightedIndex]);
+                    }
+                    break;
+            }
+        };
+        this._internals = this.attachInternals();
+    }
+    // Form-associated custom element callbacks
+    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 = false;
+        this._internals.setFormValue('');
+        this._internals.setValidity({});
+    }
+    formStateRestoreCallback(state) {
+        this.value = state;
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        document.addEventListener('click', this._handleOutsideClick);
+        document.addEventListener('keydown', this._handleKeyDown);
+        this.addEventListener('invalid', this._handleInvalid);
+    }
+    firstUpdated() {
+        this._updateValidity();
+    }
+    updated(changedProperties) {
+        if (changedProperties.has('required') || changedProperties.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)
+            return;
+        if (this._isOpen) {
+            this._close();
+        }
+        else {
+            this._isOpen = true;
+            const options = Array.from(this.querySelectorAll('kr-select-option'));
+            this._highlightedIndex = options.findIndex(o => o.value === this.value);
+        }
+    }
+    _close() {
+        this._isOpen = false;
+        this._highlightedIndex = -1;
+    }
+    _selectOption(option) {
+        if (option.disabled)
+            return;
+        this.value = option.value;
+        this._internals.setFormValue(this.value);
+        this._updateValidity();
+        this.dispatchEvent(new Event('change', { bubbles: true, composed: true }));
+        this._close();
+        this._triggerElement?.focus();
+    }
+    _handleBlur() {
+        this._touched = true;
+        this._updateValidity();
+    }
+    _updateValidity() {
+        if (this.required && !this.value) {
+            this._internals.setValidity({ valueMissing: true }, 'Please select an option', this._triggerElement);
+        }
+        else {
+            this._internals.setValidity({});
+        }
+    }
+    render() {
+        const options = Array.from(this.querySelectorAll('kr-select-option'));
+        const selectedLabel = options.find(o => o.value === this.value)?.label;
+        return html `
+      <div class="wrapper">
+        ${this.label
+            ? html `
+              <label>
+                ${this.label}
+                ${this.required ? html `<span class="required" aria-hidden="true">*</span>` : ''}
+              </label>
+            `
+            : nothing}
+        <div class="select-wrapper">
+          <button
+            class=${classMap({
+            'select-trigger': true,
+            'select-trigger--open': this._isOpen,
+            'select-trigger--invalid': this._touched && this.required && !this.value,
+        })}
+            type="button"
+            ?disabled=${this.disabled}
+            aria-haspopup="listbox"
+            aria-expanded=${this._isOpen}
+            @click=${this._toggle}
+            @blur=${this._handleBlur}
+          >
+            <span class=${classMap({
+            'select-value': true,
+            'select-placeholder': !selectedLabel
+        })}>
+              ${selectedLabel || this.placeholder}
+            </span>
+            <svg
+              class=${classMap({
+            'chevron-icon': true,
+            'select-icon': true,
+            'select-icon--open': this._isOpen
+        })}
+              viewBox="0 0 20 20"
+              fill="currentColor"
+            >
+              <path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd" />
+            </svg>
+          </button>
+
+          <div class=${classMap({
+            'select-dropdown': true,
+            'hidden': !this._isOpen
+        })} role="listbox">
+            <div class="select-options">
+              ${options.length === 0
+            ? html `<div class="select-empty">No options available</div>`
+            : options.map((option, idx) => {
+                const isSelected = option.value === this.value;
+                return html `
+                      <div
+                        class=${classMap({
+                    'select-option': true,
+                    'select-option--selected': isSelected,
+                    'select-option--disabled': option.disabled,
+                    'select-option--highlighted': idx === this._highlightedIndex,
+                })}
+                        role="option"
+                        aria-selected=${isSelected}
+                        @click=${() => this._selectOption(option)}
+                        @mouseenter=${() => (this._highlightedIndex = idx)}
+                      >
+                        ${option.label}
+                        ${isSelected
+                    ? html `<svg class="chevron-icon select-check" viewBox="0 0 20 20" fill="currentColor">
+                              <path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd" />
+                            </svg>`
+                    : nothing}
+                      </div>
+                    `;
+            })}
+            </div>
+          </div>
+        </div>
+        ${this._touched && this.required && !this.value
+            ? html `<div class="validation-message">Please select an option</div>`
+            : this.hint
+                ? html `<div class="hint">${this.hint}</div>`
+                : ''}
+      </div>
+      <div class="options-slot">
+        <slot @slotchange=${() => this.requestUpdate()}></slot>
+      </div>
+    `;
+    }
+    // Public methods for programmatic control
+    focus() {
+        this._triggerElement?.focus();
+    }
+    blur() {
+        this._triggerElement?.blur();
+    }
+};
+KRSelect.styles = css `
+    :host {
+      display: block;
+      font-family: inherit;
+    }
+
+    .wrapper {
+      display: flex;
+      flex-direction: column;
+      gap: 0.25rem;
+    }
+
+    label {
+      font-size: 13px;
+      font-weight: 500;
+      color: var(--kr-select-label-color, #374151);
+    }
+
+    .required {
+      color: var(--kr-select-required-color, #ef4444);
+      margin-left: 0.125rem;
+    }
+
+    .select-wrapper {
+      position: relative;
+    }
+
+    .select-trigger {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      width: 100%;
+      padding: 0.5rem 0.75rem;
+      font-family: inherit;
+      font-size: 14px;
+      line-height: 1.5;
+      color: var(--kr-select-color, #111827);
+      background-color: var(--kr-select-bg, #fff);
+      border: 1px solid var(--kr-select-border-color, #d1d5db);
+      border-radius: 4px;
+      cursor: pointer;
+      transition: border-color 0.2s, box-shadow 0.2s;
+      text-align: left;
+    }
+
+    .select-trigger:hover:not(:disabled) {
+      border-color: var(--kr-select-hover-border-color, #9ca3af);
+    }
+
+    .select-trigger:focus {
+      outline: none;
+      border-color: var(--kr-select-focus-border-color, #2563eb);
+      box-shadow: 0 0 0 3px var(--kr-select-focus-ring-color, rgba(37, 99, 235, 0.1));
+    }
+
+    .select-trigger:disabled {
+      background-color: var(--kr-select-disabled-bg, #f3f4f6);
+      color: var(--kr-select-disabled-color, #9ca3af);
+      cursor: not-allowed;
+    }
+
+    .select-trigger--invalid {
+      border-color: var(--kr-select-error-border-color, #ef4444);
+    }
+
+    .select-trigger--invalid:focus {
+      border-color: var(--kr-select-error-border-color, #ef4444);
+      box-shadow: 0 0 0 3px var(--kr-select-error-ring-color, rgba(239, 68, 68, 0.1));
+    }
+
+    .select-trigger--open {
+      border-color: var(--kr-select-focus-border-color, #2563eb);
+      box-shadow: 0 0 0 3px var(--kr-select-focus-ring-color, rgba(37, 99, 235, 0.1));
+    }
+
+    .select-value {
+      flex: 1;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      white-space: nowrap;
+    }
+
+    .select-placeholder {
+      color: var(--kr-select-placeholder-color, #9ca3af);
+    }
+
+    .select-icon {
+      flex-shrink: 0;
+      margin-left: 0.5rem;
+      color: var(--kr-select-icon-color, #6b7280);
+      transition: transform 0.2s;
+    }
+
+    .select-icon--open {
+      transform: rotate(180deg);
+    }
+
+    .select-dropdown {
+      position: absolute;
+      top: 100%;
+      left: 0;
+      right: 0;
+      z-index: 50;
+      margin-top: 0.25rem;
+      background-color: var(--kr-select-dropdown-bg, #fff);
+      border: 1px solid var(--kr-select-dropdown-border-color, #e5e7eb);
+      border-radius: 4px;
+      box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
+      max-height: 300px;
+      overflow-y: auto;
+    }
+
+    .select-options {
+      padding: 0.25rem;
+    }
+
+    .select-option {
+      display: flex;
+      align-items: center;
+      gap: 0.5rem;
+      padding: 0.5rem 0.75rem;
+      font-size: 14px;
+      color: var(--kr-select-option-color, #111827);
+      cursor: pointer;
+      border-radius: 4px;
+      transition: background-color 0.15s;
+    }
+
+    .select-option:hover:not(.select-option--disabled) {
+      background-color: var(--kr-select-option-hover-bg, #f3f4f6);
+    }
+
+    .select-option--selected {
+      background-color: var(--kr-select-option-selected-bg, #eff6ff);
+      color: var(--kr-select-option-selected-color, #1d4ed8);
+    }
+
+    .select-option--selected:hover {
+      background-color: var(--kr-select-option-selected-hover-bg, #dbeafe);
+    }
+
+    .select-option--disabled {
+      color: var(--kr-select-option-disabled-color, #9ca3af);
+      cursor: not-allowed;
+    }
+
+    .select-option--highlighted {
+      background-color: var(--kr-select-option-hover-bg, #f3f4f6);
+    }
+
+    .select-empty {
+      padding: 1rem;
+      text-align: center;
+      color: var(--kr-select-empty-color, #6b7280);
+      font-size: 14px;
+    }
+
+    .select-check {
+      color: var(--kr-select-check-color, #2563eb);
+      flex-shrink: 0;
+      margin-left: auto;
+    }
+
+    .hint {
+      font-size: 0.75rem;
+      color: var(--kr-select-helper-color, #6b7280);
+    }
+
+    .validation-message {
+      font-size: 0.75rem;
+      color: var(--kr-select-error-color, #ef4444);
+    }
+
+    .hidden {
+      display: none;
+    }
+
+    .chevron-icon {
+      width: 16px;
+      height: 16px;
+    }
+
+    /* Hide the slot - options are rendered in dropdown */
+    .options-slot {
+      display: none;
+    }
+  `;
+// Enable form association
+KRSelect.formAssociated = true;
+__decorate([
+    property({ type: String })
+], KRSelect.prototype, "label", void 0);
+__decorate([
+    property({ type: String })
+], KRSelect.prototype, "name", void 0);
+__decorate([
+    property({ type: String })
+], KRSelect.prototype, "value", void 0);
+__decorate([
+    property({ type: String })
+], KRSelect.prototype, "placeholder", void 0);
+__decorate([
+    property({ type: Boolean })
+], KRSelect.prototype, "disabled", void 0);
+__decorate([
+    property({ type: Boolean })
+], KRSelect.prototype, "required", void 0);
+__decorate([
+    property({ type: Boolean })
+], KRSelect.prototype, "readonly", void 0);
+__decorate([
+    property({ type: String })
+], KRSelect.prototype, "hint", void 0);
+__decorate([
+    state()
+], KRSelect.prototype, "_isOpen", void 0);
+__decorate([
+    state()
+], KRSelect.prototype, "_highlightedIndex", void 0);
+__decorate([
+    state()
+], KRSelect.prototype, "_touched", void 0);
+__decorate([
+    query('.select-trigger')
+], KRSelect.prototype, "_triggerElement", void 0);
+KRSelect = __decorate([
+    customElement('kr-select')
+], KRSelect);
+export { KRSelect };
+//# sourceMappingURL=select.js.map

package/dist/form/select/select.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"select.js","sourceRoot":"","sources":["../../../src/form/select/select.ts"],"names":[],"mappings":"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"}

package/dist/form/text-field/text-field.d.ts

@@ -75,6 +75,12 @@ export declare class KRTextField extends LitElement {
     reportValidity(): boolean;
     formResetCallback(): void;
     formStateRestoreCallback(state: string): void;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    private _handleInvalid;
+    protected firstUpdated(): void;
+    updated(changedProperties: Map<string, unknown>): void;
+    private _updateValidity;
     private _handleInput;
     private _handleChange;
     private _handleBlur;

package/dist/form/text-field/text-field.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"text-field.d.ts","sourceRoot":"","sources":["../../../src/form/text-field/text-field.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAI5C;;;;;;;GAOG;AACH,qBACa,WAAY,SAAQ,UAAU;IACzC,OAAgB,MAAM,0BAmEpB;IAGF,MAAM,CAAC,cAAc,UAAQ;IAE7B,OAAO,CAAC,UAAU,CAAmB;;IAOrC;;OAEG;IAEH,KAAK,SAAM;IAEX;;OAEG;IAEH,IAAI,SAAM;IAEV;;OAEG;IAEH,KAAK,SAAM;IAEX;;OAEG;IAEH,WAAW,SAAM;IAEjB;;OAEG;IAEH,IAAI,EAAE,MAAM,GAAG,OAAO,GAAG,UAAU,GAAG,KAAK,GAAG,KAAK,GAAG,QAAQ,CAAU;IAExE;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;OAEG;IAEH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;IAEH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;IAEH,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB;;OAEG;IAEH,YAAY,SAAM;IAElB;;OAEG;IAEH,IAAI,SAAM;IAGV,OAAO,CAAC,MAAM,CAAoB;IAGlC,OAAO,CAAC,QAAQ,CAAS;IAGzB,OAAO,CAAC,MAAM,CAAS;IAGvB,IAAI,IAAI,2BAEP;IAED,IAAI,QAAQ,kBAEX;IAED,IAAI,iBAAiB,WAEpB;IAED,IAAI,YAAY,YAEf;IAED,aAAa;IAIb,cAAc;IAId,iBAAiB;IAQjB,wBAAwB,CAAC,KAAK,EAAE,MAAM;IAItC,OAAO,CAAC,YAAY;IAOpB,OAAO,CAAC,aAAa;IAKrB,OAAO,CAAC,WAAW;IAKV,MAAM;IA2Cf,KAAK;IAIL,IAAI;IAIJ,MAAM;CAGP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,eAAe,EAAE,WAAW,CAAC;KAC9B;CACF"}
+{"version":3,"file":"text-field.d.ts","sourceRoot":"","sources":["../../../src/form/text-field/text-field.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAM5C;;;;;;;GAOG;AACH,qBACa,WAAY,SAAQ,UAAU;IACzC,OAAgB,MAAM,0BAmEpB;IAGF,MAAM,CAAC,cAAc,UAAQ;IAE7B,OAAO,CAAC,UAAU,CAAmB;;IAOrC;;OAEG;IAEH,KAAK,SAAM;IAEX;;OAEG;IAEH,IAAI,SAAM;IAEV;;OAEG;IAEH,KAAK,SAAM;IAEX;;OAEG;IAEH,WAAW,SAAM;IAEjB;;OAEG;IAEH,IAAI,EAAE,MAAM,GAAG,OAAO,GAAG,UAAU,GAAG,KAAK,GAAG,KAAK,GAAG,QAAQ,CAAU;IAExE;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;OAEG;IAEH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;IAEH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;IAEH,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB;;OAEG;IAEH,YAAY,SAAM;IAElB;;OAEG;IAEH,IAAI,SAAM;IAGV,OAAO,CAAC,MAAM,CAAoB;IAGlC,OAAO,CAAC,QAAQ,CAAS;IAGzB,OAAO,CAAC,MAAM,CAAS;IAGvB,IAAI,IAAI,2BAEP;IAED,IAAI,QAAQ,kBAEX;IAED,IAAI,iBAAiB,WAEpB;IAED,IAAI,YAAY,YAEf;IAED,aAAa;IAIb,cAAc;IAId,iBAAiB;IAQjB,wBAAwB,CAAC,KAAK,EAAE,MAAM;IAI7B,iBAAiB;IAKjB,oBAAoB;IAK7B,OAAO,CAAC,cAAc,CAGpB;cAEiB,YAAY;IAItB,OAAO,CAAC,iBAAiB,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC;IAMxD,OAAO,CAAC,eAAe;IAMvB,OAAO,CAAC,YAAY;IAOpB,OAAO,CAAC,aAAa;IAKrB,OAAO,CAAC,WAAW;IAKV,MAAM;IA8Cf,KAAK;IAIL,IAAI;IAIJ,MAAM;CAGP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,eAAe,EAAE,WAAW,CAAC;KAC9B;CACF"}

package/dist/form/text-field/text-field.js

@@ -6,6 +6,8 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 };
 import { LitElement, html, css } from 'lit';
 import { customElement, property, query, state } from 'lit/decorators.js';
+import { classMap } from 'lit/directives/class-map.js';
+import { ifDefined } from 'lit/directives/if-defined.js';
 import { live } from 'lit/directives/live.js';
 /**
  * A text field component that works with native browser forms.
@@ -60,6 +62,10 @@ let KRTextField = class KRTextField extends LitElement {
         this.hint = '';
         this._touched = false;
         this._dirty = false;
+        this._handleInvalid = (e) => {
+            e.preventDefault();
+            this._touched = true;
+        };
         this._internals = this.attachInternals();
     }
     // Form-associated custom element callbacks
@@ -91,11 +97,32 @@ let KRTextField = class KRTextField extends LitElement {
     formStateRestoreCallback(state) {
         this.value = state;
     }
+    connectedCallback() {
+        super.connectedCallback();
+        this.addEventListener('invalid', this._handleInvalid);
+    }
+    disconnectedCallback() {
+        super.disconnectedCallback();
+        this.removeEventListener('invalid', this._handleInvalid);
+    }
+    firstUpdated() {
+        this._updateValidity();
+    }
+    updated(changedProperties) {
+        if (changedProperties.has('required') || changedProperties.has('value')) {
+            this._updateValidity();
+        }
+    }
+    _updateValidity() {
+        if (this._input) {
+            this._internals.setValidity(this._input.validity, this._input.validationMessage);
+        }
+    }
     _handleInput(e) {
         this.value = e.target.value;
         this._dirty = true;
         this._internals.setFormValue(this.value);
-        this._internals.setValidity(this._input.validity, this._input.validationMessage, this._input);
+        this._internals.setValidity(this._input.validity, this._input.validationMessage);
     }
     _handleChange(e) {
         this.value = e.target.value;
@@ -103,7 +130,7 @@ let KRTextField = class KRTextField extends LitElement {
     }
     _handleBlur() {
         this._touched = true;
-        this._internals.setValidity(this._input.validity, this._input.validationMessage, this._input);
+        this._internals.setValidity(this._input.validity, this._input.validationMessage);
     }
     render() {
         let validationMessage = '';
@@ -122,6 +149,9 @@ let KRTextField = class KRTextField extends LitElement {
             : ''}
         <input
           id="input"
+          class=${classMap({
+            'input--invalid': this._touched && this._input && !this._input.validity.valid
+        })}
           type=${this.type}
           name=${this.name}
           .value=${live(this.value)}
@@ -129,10 +159,10 @@ let KRTextField = class KRTextField extends LitElement {
           ?required=${this.required}
           ?disabled=${this.disabled}
           ?readonly=${this.readonly}
-          minlength=${this.minlength ?? ''}
-          maxlength=${this.maxlength ?? ''}
-          pattern=${this.pattern ?? ''}
-          autocomplete=${this.autocomplete}
+          minlength=${ifDefined(this.minlength)}
+          maxlength=${ifDefined(this.maxlength)}
+          pattern=${ifDefined(this.pattern)}
+          autocomplete=${ifDefined(this.autocomplete || undefined)}
           @input=${this._handleInput}
           @change=${this._handleChange}
           @blur=${this._handleBlur}
@@ -206,11 +236,11 @@ KRTextField.styles = css `
       color: var(--kr-text-field-placeholder-color, #9ca3af);
     }
 
-    :host(:invalid) input {
+    input.input--invalid {
       border-color: var(--kr-text-field-error-border-color, #ef4444);
     }
 
-    :host(:invalid) input:focus {
+    input.input--invalid:focus {
       box-shadow: 0 0 0 3px var(--kr-text-field-error-ring-color, rgba(239, 68, 68, 0.1));
     }
 

package/dist/form/text-field/text-field.js.map

@@ -1 +1 @@
-{"version":3,"file":"text-field.js","sourceRoot":"","sources":["../../../src/form/text-field/text-field.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"text-field.js","sourceRoot":"","sources":["../../../src/form/text-field/text-field.ts"],"names":[],"mappings":"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"}