@kodaris/krubble-components 1.0.0

package/dist/dialog/dialog.js

@@ -0,0 +1,142 @@
+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 } from 'lit';
+import { customElement, state } from 'lit/decorators.js';
+export class DialogRef {
+    constructor() {
+        this.resolvePromise = null;
+        this.dialogElement = null;
+        this.promise = new Promise((resolve) => {
+            this.resolvePromise = resolve;
+        });
+    }
+    /** @internal */
+    setDialogElement(el) {
+        this.dialogElement = el;
+    }
+    close(result) {
+        if (this.resolvePromise) {
+            this.resolvePromise(result);
+            this.resolvePromise = null;
+        }
+        this.dialogElement?.remove();
+    }
+    afterClosed() {
+        return this.promise;
+    }
+}
+/**
+ * Generic dialog component that renders a Lit component inside a dialog shell.
+ *
+ * Usage:
+ * ```ts
+ * // Define your dialog content component
+ * class EditItemDialog extends LitElement {
+ *   // Injected by KRDialog
+ *   dialogRef: DialogRef<{ label: string }>;
+ *   data: { label: string };
+ *
+ *   save() {
+ *     this.dialogRef.close({ label: this.label });
+ *   }
+ * }
+ *
+ * // Open the dialog
+ * const dialogRef = KRDialog.open(EditItemDialog, {
+ *   data: { label: 'Dashboard' }
+ * });
+ *
+ * const result = await dialogRef.afterClosed();
+ * if (result) {
+ *   console.log('Saved:', result.label);
+ * }
+ * ```
+ */
+let KRDialog = class KRDialog extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.contentElement = null;
+        this.dialogRef = null;
+        this.boundHandleKeyDown = this.handleKeyDown.bind(this);
+    }
+    static open(component, config) {
+        const existing = document.querySelector('kr-dialog');
+        if (existing) {
+            existing.remove();
+        }
+        const dialogRef = new DialogRef();
+        const dialog = document.createElement('kr-dialog');
+        dialogRef.setDialogElement(dialog);
+        dialog.dialogRef = dialogRef;
+        // Create the content component
+        const content = new component();
+        content.dialogRef = dialogRef;
+        if (config?.data) {
+            content.data = config.data;
+        }
+        dialog.contentElement = content;
+        document.body.appendChild(dialog);
+        document.addEventListener('keydown', dialog.boundHandleKeyDown);
+        return dialogRef;
+    }
+    handleKeyDown(e) {
+        if (e.key === 'Escape') {
+            this.dialogRef?.close(undefined);
+        }
+    }
+    handleBackdropClick(e) {
+        if (e.target.classList.contains('backdrop')) {
+            this.dialogRef?.close(undefined);
+        }
+    }
+    disconnectedCallback() {
+        super.disconnectedCallback();
+        document.removeEventListener('keydown', this.boundHandleKeyDown);
+    }
+    render() {
+        return html `
+      <div class="backdrop" @click=${this.handleBackdropClick}></div>
+      <div class="dialog">
+        ${this.contentElement}
+      </div>
+    `;
+    }
+};
+KRDialog.styles = css `
+    :host {
+      position: fixed;
+      inset: 0;
+      z-index: 10000;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+    }
+
+    .backdrop {
+      position: absolute;
+      inset: 0;
+      background: rgba(0, 0, 0, 0.5);
+    }
+
+    .dialog {
+      position: relative;
+      background: #1a1a2e;
+      border: 1px solid rgba(255, 255, 255, 0.1);
+      border-radius: 12px;
+      box-shadow: 0 16px 48px rgba(0, 0, 0, 0.5);
+      max-height: 90vh;
+      overflow: auto;
+    }
+  `;
+__decorate([
+    state()
+], KRDialog.prototype, "contentElement", void 0);
+KRDialog = __decorate([
+    customElement('kr-dialog')
+], KRDialog);
+export { KRDialog };
+//# sourceMappingURL=dialog.js.map

package/dist/dialog/dialog.js.map

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

package/dist/form/index.d.ts

@@ -0,0 +1,2 @@
+export { KRTextField } from './text-field/text-field.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/form/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/form/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC"}

package/dist/form/index.js

@@ -0,0 +1,3 @@
+// Form components
+export { KRTextField } from './text-field/text-field.js';
+//# sourceMappingURL=index.js.map

package/dist/form/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/form/index.ts"],"names":[],"mappings":"AAAA,kBAAkB;AAClB,OAAO,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC"}

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

@@ -0,0 +1,91 @@
+import { LitElement } from 'lit';
+/**
+ * A text field component that works with native browser forms.
+ *
+ * Uses ElementInternals for form association, allowing the component
+ * to participate in form submission, validation, and reset.
+ *
+ * Native input and change events bubble up from the inner input element.
+ */
+export declare class KRTextField extends LitElement {
+    static styles: import("lit").CSSResult;
+    static formAssociated: boolean;
+    private _internals;
+    constructor();
+    /**
+     * The input label text
+     */
+    label: string;
+    /**
+     * The input name for form submission
+     */
+    name: string;
+    /**
+     * The current value
+     */
+    value: string;
+    /**
+     * Placeholder text
+     */
+    placeholder: string;
+    /**
+     * Input type (text, email, password, tel, url, search)
+     */
+    type: 'text' | 'email' | 'password' | 'tel' | 'url' | 'search';
+    /**
+     * Whether the field is required
+     */
+    required: boolean;
+    /**
+     * Whether the field is disabled
+     */
+    disabled: boolean;
+    /**
+     * Whether the field is readonly
+     */
+    readonly: boolean;
+    /**
+     * Minimum length for the value
+     */
+    minlength?: number;
+    /**
+     * Maximum length for the value
+     */
+    maxlength?: number;
+    /**
+     * Pattern for validation (regex)
+     */
+    pattern?: string;
+    /**
+     * Autocomplete attribute value
+     */
+    autocomplete: string;
+    /**
+     * Helper text shown below the input
+     */
+    hint: string;
+    private _input;
+    private _touched;
+    private _dirty;
+    get form(): HTMLFormElement | null;
+    get validity(): ValidityState;
+    get validationMessage(): string;
+    get willValidate(): boolean;
+    checkValidity(): boolean;
+    reportValidity(): boolean;
+    formResetCallback(): void;
+    formStateRestoreCallback(state: string): void;
+    private _handleInput;
+    private _handleChange;
+    private _handleBlur;
+    render(): import("lit-html").TemplateResult<1>;
+    focus(): void;
+    blur(): void;
+    select(): void;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'kr-text-field': KRTextField;
+    }
+}
+//# sourceMappingURL=text-field.d.ts.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,281 @@
+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 } from 'lit';
+import { customElement, property, query, state } from 'lit/decorators.js';
+import { live } from 'lit/directives/live.js';
+/**
+ * A text field component that works with native browser forms.
+ *
+ * Uses ElementInternals for form association, allowing the component
+ * to participate in form submission, validation, and reset.
+ *
+ * Native input and change events bubble up from the inner input element.
+ */
+let KRTextField = class KRTextField extends LitElement {
+    constructor() {
+        super();
+        /**
+         * The input label text
+         */
+        this.label = '';
+        /**
+         * The input name for form submission
+         */
+        this.name = '';
+        /**
+         * The current value
+         */
+        this.value = '';
+        /**
+         * Placeholder text
+         */
+        this.placeholder = '';
+        /**
+         * Input type (text, email, password, tel, url, search)
+         */
+        this.type = 'text';
+        /**
+         * Whether the field is required
+         */
+        this.required = false;
+        /**
+         * Whether the field is disabled
+         */
+        this.disabled = false;
+        /**
+         * Whether the field is readonly
+         */
+        this.readonly = false;
+        /**
+         * Autocomplete attribute value
+         */
+        this.autocomplete = '';
+        /**
+         * Helper text shown below the input
+         */
+        this.hint = '';
+        this._touched = false;
+        this._dirty = false;
+        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._dirty = false;
+        this._internals.setFormValue('');
+        this._internals.setValidity({});
+    }
+    formStateRestoreCallback(state) {
+        this.value = state;
+    }
+    _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);
+    }
+    _handleChange(e) {
+        this.value = e.target.value;
+        this._internals.setFormValue(this.value);
+    }
+    _handleBlur() {
+        this._touched = true;
+        this._internals.setValidity(this._input.validity, this._input.validationMessage, this._input);
+    }
+    render() {
+        let validationMessage = '';
+        if (this._touched && this._input && !this._input.validity.valid) {
+            validationMessage = this._input.validationMessage;
+        }
+        return html `
+      <div class="wrapper">
+        ${this.label
+            ? html `
+              <label for="input">
+                ${this.label}
+                ${this.required ? html `<span class="required" aria-hidden="true">*</span>` : ''}
+              </label>
+            `
+            : ''}
+        <input
+          id="input"
+          type=${this.type}
+          name=${this.name}
+          .value=${live(this.value)}
+          placeholder=${this.placeholder}
+          ?required=${this.required}
+          ?disabled=${this.disabled}
+          ?readonly=${this.readonly}
+          minlength=${this.minlength ?? ''}
+          maxlength=${this.maxlength ?? ''}
+          pattern=${this.pattern ?? ''}
+          autocomplete=${this.autocomplete}
+          @input=${this._handleInput}
+          @change=${this._handleChange}
+          @blur=${this._handleBlur}
+        />
+        ${validationMessage
+            ? html `<div class="validation-message">${validationMessage}</div>`
+            : this.hint
+                ? html `<div class="hint">${this.hint}</div>`
+                : ''}
+      </div>
+    `;
+    }
+    // Public methods for programmatic control
+    focus() {
+        this._input?.focus();
+    }
+    blur() {
+        this._input?.blur();
+    }
+    select() {
+        this._input?.select();
+    }
+};
+KRTextField.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-text-field-label-color, #374151);
+    }
+
+    .required {
+      color: var(--kr-text-field-required-color, #ef4444);
+      margin-left: 0.125rem;
+    }
+
+    input {
+      font-family: inherit;
+      font-size: 14px;
+      padding: 0.5rem 0.75rem;
+      border: 1px solid var(--kr-text-field-border-color, #d1d5db);
+      border-radius: 4px;
+      background-color: var(--kr-text-field-bg, #fff);
+      color: var(--kr-text-field-color, #111827);
+      transition: border-color 0.2s, box-shadow 0.2s;
+    }
+
+    input:focus {
+      outline: none;
+      border-color: var(--kr-text-field-focus-border-color, #2563eb);
+      box-shadow: 0 0 0 3px var(--kr-text-field-focus-ring-color, rgba(37, 99, 235, 0.1));
+    }
+
+    input:disabled {
+      background-color: var(--kr-text-field-disabled-bg, #f3f4f6);
+      color: var(--kr-text-field-disabled-color, #9ca3af);
+      cursor: not-allowed;
+    }
+
+    input::placeholder {
+      color: var(--kr-text-field-placeholder-color, #9ca3af);
+    }
+
+    :host(:invalid) input {
+      border-color: var(--kr-text-field-error-border-color, #ef4444);
+    }
+
+    :host(:invalid) input:focus {
+      box-shadow: 0 0 0 3px var(--kr-text-field-error-ring-color, rgba(239, 68, 68, 0.1));
+    }
+
+    .validation-message {
+      font-size: 0.75rem;
+      color: var(--kr-text-field-error-color, #ef4444);
+    }
+
+    .hint {
+      font-size: 0.75rem;
+      color: var(--kr-text-field-helper-color, #6b7280);
+    }
+  `;
+// Enable form association
+KRTextField.formAssociated = true;
+__decorate([
+    property({ type: String })
+], KRTextField.prototype, "label", void 0);
+__decorate([
+    property({ type: String })
+], KRTextField.prototype, "name", void 0);
+__decorate([
+    property({ type: String })
+], KRTextField.prototype, "value", void 0);
+__decorate([
+    property({ type: String })
+], KRTextField.prototype, "placeholder", void 0);
+__decorate([
+    property({ type: String })
+], KRTextField.prototype, "type", void 0);
+__decorate([
+    property({ type: Boolean })
+], KRTextField.prototype, "required", void 0);
+__decorate([
+    property({ type: Boolean })
+], KRTextField.prototype, "disabled", void 0);
+__decorate([
+    property({ type: Boolean })
+], KRTextField.prototype, "readonly", void 0);
+__decorate([
+    property({ type: Number })
+], KRTextField.prototype, "minlength", void 0);
+__decorate([
+    property({ type: Number })
+], KRTextField.prototype, "maxlength", void 0);
+__decorate([
+    property({ type: String })
+], KRTextField.prototype, "pattern", void 0);
+__decorate([
+    property({ type: String })
+], KRTextField.prototype, "autocomplete", void 0);
+__decorate([
+    property({ type: String })
+], KRTextField.prototype, "hint", void 0);
+__decorate([
+    query('input')
+], KRTextField.prototype, "_input", void 0);
+__decorate([
+    state()
+], KRTextField.prototype, "_touched", void 0);
+__decorate([
+    state()
+], KRTextField.prototype, "_dirty", void 0);
+KRTextField = __decorate([
+    customElement('kr-text-field')
+], KRTextField);
+export { KRTextField };
+//# sourceMappingURL=text-field.js.map

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

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

package/dist/index.d.ts

@@ -0,0 +1,10 @@
+export { KRAccordion } from './accordion/accordion.js';
+export { KRAlert } from './alert.js';
+export { KRButton } from './button/button.js';
+export { KRCodeDemo } from './code-demo/code-demo.js';
+export { KRContextMenu } from './context-menu/context-menu.js';
+export { KRDialog, DialogRef } from './dialog/dialog.js';
+export { KRTextField } from './form/index.js';
+export type { ContextMenuItem, ContextMenuOptions } from './context-menu/context-menu.js';
+export type { DialogConfig } from './dialog/dialog.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AACvD,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AACrC,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAC9C,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AACtD,OAAO,EAAE,aAAa,EAAE,MAAM,gCAAgC,CAAC;AAC/D,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAGzD,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAG9C,YAAY,EAAE,eAAe,EAAE,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;AAC1F,YAAY,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC"}

package/dist/index.js

@@ -0,0 +1,10 @@
+// Components
+export { KRAccordion } from './accordion/accordion.js';
+export { KRAlert } from './alert.js';
+export { KRButton } from './button/button.js';
+export { KRCodeDemo } from './code-demo/code-demo.js';
+export { KRContextMenu } from './context-menu/context-menu.js';
+export { KRDialog, DialogRef } from './dialog/dialog.js';
+// Form components
+export { KRTextField } from './form/index.js';
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,aAAa;AACb,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AACvD,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AACrC,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAC9C,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AACtD,OAAO,EAAE,aAAa,EAAE,MAAM,gCAAgC,CAAC;AAC/D,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAEzD,kBAAkB;AAClB,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC"}