@zentto/studio 0.1.0

package/dist/fields/zs-field-heading.js

@@ -0,0 +1,54 @@
+// @zentto/studio — Heading/label display field
+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 } from 'lit/decorators.js';
+let ZsFieldHeading = class ZsFieldHeading extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.label = '';
+        this.helpText = '';
+        this.level = 'h2';
+    }
+    static { this.styles = css `
+    :host { display: block; }
+    .zs-heading {
+      font-family: var(--zs-font-family, sans-serif);
+      color: var(--zs-text, #212529);
+      margin: 0;
+      line-height: 1.3;
+    }
+    .zs-heading--h1 { font-size: 28px; font-weight: 700; }
+    .zs-heading--h2 { font-size: 22px; font-weight: 600; }
+    .zs-heading--h3 { font-size: 18px; font-weight: 600; }
+    .zs-heading--h4 { font-size: 16px; font-weight: 500; }
+    .zs-subtitle {
+      font-size: 14px; color: var(--zs-text-secondary, #6c757d);
+      margin: 4px 0 0;
+    }
+  `; }
+    render() {
+        return html `
+      <div class="zs-heading zs-heading--${this.level}">${this.label}</div>
+      ${this.helpText ? html `<p class="zs-subtitle">${this.helpText}</p>` : ''}
+    `;
+    }
+};
+__decorate([
+    property()
+], ZsFieldHeading.prototype, "label", void 0);
+__decorate([
+    property()
+], ZsFieldHeading.prototype, "helpText", void 0);
+__decorate([
+    property()
+], ZsFieldHeading.prototype, "level", void 0);
+ZsFieldHeading = __decorate([
+    customElement('zs-field-heading')
+], ZsFieldHeading);
+export { ZsFieldHeading };
+//# sourceMappingURL=zs-field-heading.js.map

package/dist/fields/zs-field-heading.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"zs-field-heading.js","sourceRoot":"","sources":["../../src/fields/zs-field-heading.ts"],"names":[],"mappings":"AAAA,+CAA+C;;;;;;;AAE/C,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAGrD,IAAM,cAAc,GAApB,MAAM,cAAe,SAAQ,UAAU;IAAvC;;QAmBO,UAAK,GAAG,EAAE,CAAC;QACX,aAAQ,GAAG,EAAE,CAAC;QACd,UAAK,GAA8B,IAAI,CAAC;IAQtD,CAAC;aA5BQ,WAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;GAgBlB,AAhBY,CAgBX;IAMF,MAAM;QACJ,OAAO,IAAI,CAAA;2CAC4B,IAAI,CAAC,KAAK,KAAK,IAAI,CAAC,KAAK;QAC5D,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAA,0BAA0B,IAAI,CAAC,QAAQ,MAAM,CAAC,CAAC,CAAC,EAAE;KACzE,CAAC;IACJ,CAAC;;AATW;IAAX,QAAQ,EAAE;6CAAY;AACX;IAAX,QAAQ,EAAE;gDAAe;AACd;IAAX,QAAQ,EAAE;6CAAyC;AArBzC,cAAc;IAD1B,aAAa,CAAC,kBAAkB,CAAC;GACrB,cAAc,CA6B1B"}

package/dist/fields/zs-field-html.d.ts

@@ -0,0 +1,12 @@
+import { LitElement } from 'lit';
+export declare class ZsFieldHtml extends LitElement {
+    static styles: import("lit").CSSResult;
+    content: string;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'zs-field-html': ZsFieldHtml;
+    }
+}
+//# sourceMappingURL=zs-field-html.d.ts.map

package/dist/fields/zs-field-html.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"zs-field-html.d.ts","sourceRoot":"","sources":["../../src/fields/zs-field-html.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAI5C,qBACa,WAAY,SAAQ,UAAU;IACzC,MAAM,CAAC,MAAM,0BAUX;IAEU,OAAO,SAAM;IAEzB,MAAM;CAGP;AAED,OAAO,CAAC,MAAM,CAAC;IAAE,UAAU,qBAAqB;QAAG,eAAe,EAAE,WAAW,CAAC;KAAE;CAAE"}

package/dist/fields/zs-field-html.js

@@ -0,0 +1,38 @@
+// @zentto/studio — Raw HTML display field
+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 } from 'lit/decorators.js';
+import { unsafeHTML } from 'lit/directives/unsafe-html.js';
+let ZsFieldHtml = class ZsFieldHtml extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.content = '';
+    }
+    static { this.styles = css `
+    :host { display: block; }
+    .zs-html-wrapper {
+      font-family: var(--zs-font-family, sans-serif);
+      color: var(--zs-text, #212529);
+      font-size: var(--zs-font-size, 14px);
+      line-height: var(--zs-line-height, 1.5);
+    }
+    .zs-html-wrapper img { max-width: 100%; height: auto; }
+    .zs-html-wrapper a { color: var(--zs-primary, #e67e22); }
+  `; }
+    render() {
+        return html `<div class="zs-html-wrapper">${unsafeHTML(this.content)}</div>`;
+    }
+};
+__decorate([
+    property()
+], ZsFieldHtml.prototype, "content", void 0);
+ZsFieldHtml = __decorate([
+    customElement('zs-field-html')
+], ZsFieldHtml);
+export { ZsFieldHtml };
+//# sourceMappingURL=zs-field-html.js.map

package/dist/fields/zs-field-html.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"zs-field-html.js","sourceRoot":"","sources":["../../src/fields/zs-field-html.ts"],"names":[],"mappings":"AAAA,0CAA0C;;;;;;;AAE1C,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,EAAE,UAAU,EAAE,MAAM,+BAA+B,CAAC;AAGpD,IAAM,WAAW,GAAjB,MAAM,WAAY,SAAQ,UAAU;IAApC;;QAaO,YAAO,GAAG,EAAE,CAAC;IAK3B,CAAC;aAjBQ,WAAM,GAAG,GAAG,CAAA;;;;;;;;;;GAUlB,AAVY,CAUX;IAIF,MAAM;QACJ,OAAO,IAAI,CAAA,gCAAgC,UAAU,CAAC,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC;IAC9E,CAAC;;AAJW;IAAX,QAAQ,EAAE;4CAAc;AAbd,WAAW;IADvB,aAAa,CAAC,eAAe,CAAC;GAClB,WAAW,CAkBvB"}

package/dist/fields/zs-field-lookup.d.ts

@@ -0,0 +1,37 @@
+import { LitElement } from 'lit';
+interface LookupOption {
+    value: string | number;
+    label: string;
+    subtitle?: string;
+}
+export declare class ZsFieldLookup extends LitElement {
+    static styles: import("lit").CSSResult[];
+    fieldId: string;
+    label: string;
+    placeholder: string;
+    helpText: string;
+    value: string | number;
+    displayValue: string;
+    required: boolean;
+    disabled: boolean;
+    minChars: number;
+    debounceMs: number;
+    options: LookupOption[];
+    errors: string[];
+    private query;
+    private showResults;
+    private loading;
+    private debounceTimer;
+    private handleInput;
+    private selectOption;
+    private clearSelection;
+    private handleBlur;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'zs-field-lookup': ZsFieldLookup;
+    }
+}
+export {};
+//# sourceMappingURL=zs-field-lookup.d.ts.map

package/dist/fields/zs-field-lookup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"zs-field-lookup.d.ts","sourceRoot":"","sources":["../../src/fields/zs-field-lookup.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAI5C,UAAU,YAAY;IACpB,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,qBACa,aAAc,SAAQ,UAAU;IAC3C,MAAM,CAAC,MAAM,4BAmCV;IAES,OAAO,SAAM;IACb,KAAK,SAAM;IACX,WAAW,SAAe;IAC1B,QAAQ,SAAM;IACd,KAAK,EAAE,MAAM,GAAG,MAAM,CAAM;IAC5B,YAAY,SAAM;IACD,QAAQ,UAAS;IACjB,QAAQ,UAAS;IAClB,QAAQ,SAAK;IACb,UAAU,SAAO;IAClB,OAAO,EAAE,YAAY,EAAE,CAAM;IAC7B,MAAM,EAAE,MAAM,EAAE,CAAM;IAExC,OAAO,CAAC,KAAK,CAAM;IACnB,OAAO,CAAC,WAAW,CAAS;IAC5B,OAAO,CAAC,OAAO,CAAS;IAEjC,OAAO,CAAC,aAAa,CAA8C;IAEnE,OAAO,CAAC,WAAW;IAuBnB,OAAO,CAAC,YAAY;IAUpB,OAAO,CAAC,cAAc;IAStB,OAAO,CAAC,UAAU;IAKlB,MAAM;CA8CP;AAED,OAAO,CAAC,MAAM,CAAC;IAAE,UAAU,qBAAqB;QAAG,iBAAiB,EAAE,aAAa,CAAC;KAAE;CAAE"}

package/dist/fields/zs-field-lookup.js

@@ -0,0 +1,204 @@
+// @zentto/studio — Lookup field (async search with debounce)
+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, state } from 'lit/decorators.js';
+import { fieldBaseStyles } from '../styles/tokens.js';
+let ZsFieldLookup = class ZsFieldLookup extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.fieldId = '';
+        this.label = '';
+        this.placeholder = 'Buscar...';
+        this.helpText = '';
+        this.value = '';
+        this.displayValue = '';
+        this.required = false;
+        this.disabled = false;
+        this.minChars = 2;
+        this.debounceMs = 300;
+        this.options = [];
+        this.errors = [];
+        this.query = '';
+        this.showResults = false;
+        this.loading = false;
+        this.debounceTimer = null;
+    }
+    static { this.styles = [fieldBaseStyles, css `
+    :host { display: block; position: relative; }
+    .zs-lookup-wrapper { position: relative; }
+    .zs-lookup-results {
+      position: absolute; top: 100%; left: 0; right: 0;
+      background: var(--zs-bg); border: 1px solid var(--zs-border);
+      border-radius: var(--zs-radius); box-shadow: 0 4px 12px var(--zs-shadow);
+      max-height: 240px; overflow-y: auto; z-index: 100;
+      margin-top: 2px;
+    }
+    .zs-lookup-item {
+      padding: 8px 12px; cursor: pointer;
+      transition: background var(--zs-transition);
+    }
+    .zs-lookup-item:hover { background: var(--zs-bg-hover); }
+    .zs-lookup-item--selected { background: var(--zs-primary-light); }
+    .zs-lookup-label { font-size: var(--zs-font-size); color: var(--zs-text); }
+    .zs-lookup-subtitle { font-size: var(--zs-font-size-sm); color: var(--zs-text-muted); }
+    .zs-lookup-empty {
+      padding: 12px; text-align: center;
+      color: var(--zs-text-muted); font-size: var(--zs-font-size-sm);
+    }
+    .zs-lookup-loading { padding: 12px; text-align: center; color: var(--zs-text-muted); }
+    .zs-lookup-clear {
+      position: absolute; right: 10px; top: 50%; transform: translateY(-50%);
+      border: none; background: none; cursor: pointer; font-size: 16px;
+      color: var(--zs-text-muted); padding: 2px 4px;
+    }
+    .zs-lookup-clear:hover { color: var(--zs-text); }
+    .zs-selected-badge {
+      display: inline-flex; align-items: center; gap: 4px;
+      padding: 2px 8px; border-radius: 12px; margin-top: 4px;
+      background: var(--zs-primary-light); color: var(--zs-primary);
+      font-size: var(--zs-font-size-sm);
+    }
+  `]; }
+    handleInput(e) {
+        const input = e.target;
+        this.query = input.value;
+        if (this.query.length < this.minChars) {
+            this.showResults = false;
+            return;
+        }
+        // Debounce search
+        if (this.debounceTimer)
+            clearTimeout(this.debounceTimer);
+        this.debounceTimer = setTimeout(() => {
+            this.loading = true;
+            this.showResults = true;
+            this.dispatchEvent(new CustomEvent('lookup-search', {
+                detail: { fieldId: this.fieldId, query: this.query },
+                bubbles: true, composed: true,
+            }));
+            // Loading will be set to false when options are updated externally
+            setTimeout(() => { this.loading = false; }, 100);
+        }, this.debounceMs);
+    }
+    selectOption(opt) {
+        this.showResults = false;
+        this.query = '';
+        this.displayValue = opt.label;
+        this.dispatchEvent(new CustomEvent('field-change', {
+            detail: { fieldId: this.fieldId, value: opt.value },
+            bubbles: true, composed: true,
+        }));
+    }
+    clearSelection() {
+        this.displayValue = '';
+        this.query = '';
+        this.dispatchEvent(new CustomEvent('field-change', {
+            detail: { fieldId: this.fieldId, value: null },
+            bubbles: true, composed: true,
+        }));
+    }
+    handleBlur() {
+        // Delay to allow click on results
+        setTimeout(() => { this.showResults = false; }, 200);
+    }
+    render() {
+        const hasError = this.errors.length > 0;
+        const labelClass = `zs-label ${this.required ? 'zs-label--required' : ''}`;
+        const inputClass = `zs-input ${hasError ? 'zs-input--error' : ''}`;
+        return html `
+      <div class="zs-field">
+        ${this.label ? html `<label class="${labelClass}">${this.label}</label>` : ''}
+        <div class="zs-lookup-wrapper">
+          <input
+            class="${inputClass}"
+            type="text"
+            .value="${this.displayValue || this.query}"
+            placeholder="${this.placeholder}"
+            ?disabled="${this.disabled}"
+            @input="${this.handleInput}"
+            @focus="${() => { if (this.query.length >= this.minChars)
+            this.showResults = true; }}"
+            @blur="${this.handleBlur}"
+          />
+          ${this.value ? html `
+            <button class="zs-lookup-clear" @click="${this.clearSelection}" title="Limpiar">×</button>
+          ` : ''}
+          ${this.showResults ? html `
+            <div class="zs-lookup-results">
+              ${this.loading
+            ? html `<div class="zs-lookup-loading">Buscando...</div>`
+            : this.options.length === 0
+                ? html `<div class="zs-lookup-empty">Sin resultados</div>`
+                : this.options.map(opt => html `
+                    <div
+                      class="zs-lookup-item ${String(opt.value) === String(this.value) ? 'zs-lookup-item--selected' : ''}"
+                      @mousedown="${() => this.selectOption(opt)}"
+                    >
+                      <div class="zs-lookup-label">${opt.label}</div>
+                      ${opt.subtitle ? html `<div class="zs-lookup-subtitle">${opt.subtitle}</div>` : ''}
+                    </div>
+                  `)}
+            </div>
+          ` : ''}
+        </div>
+        ${hasError ? html `<span class="zs-error">${this.errors[0]}</span>` : ''}
+        ${this.helpText && !hasError ? html `<span class="zs-help">${this.helpText}</span>` : ''}
+      </div>
+    `;
+    }
+};
+__decorate([
+    property()
+], ZsFieldLookup.prototype, "fieldId", void 0);
+__decorate([
+    property()
+], ZsFieldLookup.prototype, "label", void 0);
+__decorate([
+    property()
+], ZsFieldLookup.prototype, "placeholder", void 0);
+__decorate([
+    property()
+], ZsFieldLookup.prototype, "helpText", void 0);
+__decorate([
+    property()
+], ZsFieldLookup.prototype, "value", void 0);
+__decorate([
+    property()
+], ZsFieldLookup.prototype, "displayValue", void 0);
+__decorate([
+    property({ type: Boolean })
+], ZsFieldLookup.prototype, "required", void 0);
+__decorate([
+    property({ type: Boolean })
+], ZsFieldLookup.prototype, "disabled", void 0);
+__decorate([
+    property({ type: Number })
+], ZsFieldLookup.prototype, "minChars", void 0);
+__decorate([
+    property({ type: Number })
+], ZsFieldLookup.prototype, "debounceMs", void 0);
+__decorate([
+    property({ type: Array })
+], ZsFieldLookup.prototype, "options", void 0);
+__decorate([
+    property({ type: Array })
+], ZsFieldLookup.prototype, "errors", void 0);
+__decorate([
+    state()
+], ZsFieldLookup.prototype, "query", void 0);
+__decorate([
+    state()
+], ZsFieldLookup.prototype, "showResults", void 0);
+__decorate([
+    state()
+], ZsFieldLookup.prototype, "loading", void 0);
+ZsFieldLookup = __decorate([
+    customElement('zs-field-lookup')
+], ZsFieldLookup);
+export { ZsFieldLookup };
+//# sourceMappingURL=zs-field-lookup.js.map

package/dist/fields/zs-field-lookup.js.map

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

package/dist/fields/zs-field-media.d.ts

@@ -0,0 +1,15 @@
+import { LitElement } from 'lit';
+export declare class ZsFieldMedia extends LitElement {
+    static styles: import("lit").CSSResult;
+    label: string;
+    src: string;
+    mediaType: 'image' | 'video' | 'audio' | 'iframe';
+    alt: string;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'zs-field-media': ZsFieldMedia;
+    }
+}
+//# sourceMappingURL=zs-field-media.d.ts.map

package/dist/fields/zs-field-media.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"zs-field-media.d.ts","sourceRoot":"","sources":["../../src/fields/zs-field-media.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAG5C,qBACa,YAAa,SAAQ,UAAU;IAC1C,MAAM,CAAC,MAAM,0BAcX;IAEU,KAAK,SAAM;IACX,GAAG,SAAM;IACT,SAAS,EAAE,OAAO,GAAG,OAAO,GAAG,OAAO,GAAG,QAAQ,CAAW;IAC5D,GAAG,SAAM;IAErB,MAAM;CAUP;AAED,OAAO,CAAC,MAAM,CAAC;IAAE,UAAU,qBAAqB;QAAG,gBAAgB,EAAE,YAAY,CAAC;KAAE;CAAE"}

package/dist/fields/zs-field-media.js

@@ -0,0 +1,59 @@
+// @zentto/studio — Media display field (image, video, audio, iframe)
+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 } from 'lit/decorators.js';
+let ZsFieldMedia = class ZsFieldMedia extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.label = '';
+        this.src = '';
+        this.mediaType = 'image';
+        this.alt = '';
+    }
+    static { this.styles = css `
+    :host { display: block; }
+    .zs-media-label {
+      font-size: 13px; font-weight: 500;
+      color: var(--zs-text, #212529);
+      margin-bottom: 4px;
+    }
+    img { max-width: 100%; height: auto; border-radius: 6px; display: block; }
+    video { max-width: 100%; border-radius: 6px; display: block; }
+    audio { width: 100%; }
+    iframe {
+      width: 100%; min-height: 300px; border: 1px solid var(--zs-border, #dee2e6);
+      border-radius: 6px;
+    }
+  `; }
+    render() {
+        return html `
+      ${this.label ? html `<div class="zs-media-label">${this.label}</div>` : ''}
+      ${this.mediaType === 'image' ? html `<img src="${this.src}" alt="${this.alt}" loading="lazy" />` :
+            this.mediaType === 'video' ? html `<video src="${this.src}" controls></video>` :
+                this.mediaType === 'audio' ? html `<audio src="${this.src}" controls></audio>` :
+                    html `<iframe src="${this.src}" title="${this.alt}" frameborder="0"></iframe>`}
+    `;
+    }
+};
+__decorate([
+    property()
+], ZsFieldMedia.prototype, "label", void 0);
+__decorate([
+    property()
+], ZsFieldMedia.prototype, "src", void 0);
+__decorate([
+    property()
+], ZsFieldMedia.prototype, "mediaType", void 0);
+__decorate([
+    property()
+], ZsFieldMedia.prototype, "alt", void 0);
+ZsFieldMedia = __decorate([
+    customElement('zs-field-media')
+], ZsFieldMedia);
+export { ZsFieldMedia };
+//# sourceMappingURL=zs-field-media.js.map

package/dist/fields/zs-field-media.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"zs-field-media.js","sourceRoot":"","sources":["../../src/fields/zs-field-media.ts"],"names":[],"mappings":"AAAA,qEAAqE;;;;;;;AAErE,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAGrD,IAAM,YAAY,GAAlB,MAAM,YAAa,SAAQ,UAAU;IAArC;;QAiBO,UAAK,GAAG,EAAE,CAAC;QACX,QAAG,GAAG,EAAE,CAAC;QACT,cAAS,GAA2C,OAAO,CAAC;QAC5D,QAAG,GAAG,EAAE,CAAC;IAYvB,CAAC;aA/BQ,WAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;GAclB,AAdY,CAcX;IAOF,MAAM;QACJ,OAAO,IAAI,CAAA;QACP,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAA,+BAA+B,IAAI,CAAC,KAAK,QAAQ,CAAC,CAAC,CAAC,EAAE;QACvE,IAAI,CAAC,SAAS,KAAK,OAAO,CAAC,CAAC,CAAC,IAAI,CAAA,aAAa,IAAI,CAAC,GAAG,UAAU,IAAI,CAAC,GAAG,qBAAqB,CAAC,CAAC;YAC/F,IAAI,CAAC,SAAS,KAAK,OAAO,CAAC,CAAC,CAAC,IAAI,CAAA,eAAe,IAAI,CAAC,GAAG,qBAAqB,CAAC,CAAC;gBAC/E,IAAI,CAAC,SAAS,KAAK,OAAO,CAAC,CAAC,CAAC,IAAI,CAAA,eAAe,IAAI,CAAC,GAAG,qBAAqB,CAAC,CAAC;oBAC/E,IAAI,CAAA,gBAAgB,IAAI,CAAC,GAAG,YAAY,IAAI,CAAC,GAAG,6BAClD;KACD,CAAC;IACJ,CAAC;;AAdW;IAAX,QAAQ,EAAE;2CAAY;AACX;IAAX,QAAQ,EAAE;yCAAU;AACT;IAAX,QAAQ,EAAE;+CAA6D;AAC5D;IAAX,QAAQ,EAAE;yCAAU;AApBV,YAAY;IADxB,aAAa,CAAC,gBAAgB,CAAC;GACnB,YAAY,CAgCxB"}

package/dist/fields/zs-field-number.d.ts

@@ -0,0 +1,35 @@
+import { LitElement } from 'lit';
+export declare class ZsFieldNumber extends LitElement {
+    static styles: import("lit").CSSResult[];
+    fieldId: string;
+    label: string;
+    value: number | null;
+    placeholder: string;
+    helpText: string;
+    required: boolean;
+    disabled: boolean;
+    readOnly: boolean;
+    isCurrency: boolean;
+    isPercentage: boolean;
+    currencySymbol: string;
+    mode: 'input' | 'slider' | 'rating';
+    min: number;
+    max: number;
+    step: number;
+    maxRating: number;
+    errors: string[];
+    private emitChange;
+    private handleInput;
+    private handleSlider;
+    private handleRating;
+    render(): import("lit-html").TemplateResult<1>;
+    private renderInput;
+    private renderSlider;
+    private renderRating;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'zs-field-number': ZsFieldNumber;
+    }
+}
+//# sourceMappingURL=zs-field-number.d.ts.map

package/dist/fields/zs-field-number.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"zs-field-number.d.ts","sourceRoot":"","sources":["../../src/fields/zs-field-number.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAI5C,qBACa,aAAc,SAAQ,UAAU;IAC3C,MAAM,CAAC,MAAM,4BAkBV;IAES,OAAO,SAAM;IACb,KAAK,SAAM;IACK,KAAK,EAAE,MAAM,GAAG,IAAI,CAAQ;IAC5C,WAAW,SAAM;IACjB,QAAQ,SAAM;IACG,QAAQ,UAAS;IACjB,QAAQ,UAAS;IACjB,QAAQ,UAAS;IACjB,UAAU,UAAS;IACnB,YAAY,UAAS;IACtC,cAAc,SAAO;IACrB,IAAI,EAAE,OAAO,GAAG,QAAQ,GAAG,QAAQ,CAAW;IAC9B,GAAG,SAAK;IACR,GAAG,SAAO;IACV,IAAI,SAAK;IACT,SAAS,SAAK;IACf,MAAM,EAAE,MAAM,EAAE,CAAM;IAEjD,OAAO,CAAC,UAAU;IAOlB,OAAO,CAAC,WAAW;IAMnB,OAAO,CAAC,YAAY;IAKpB,OAAO,CAAC,YAAY;IAKpB,MAAM;IAgBN,OAAO,CAAC,WAAW;IA0BnB,OAAO,CAAC,YAAY;IAcpB,OAAO,CAAC,YAAY;CAarB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,iBAAiB,EAAE,aAAa,CAAC;KAClC;CACF"}