@diwacopilot/components 1.0.0

package/dist-custom-elements/diwa-input-date.js

@@ -0,0 +1,91 @@
+import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-5eacc7d0.js';
+import { g as getInputCss } from './p-35c7c864.js';
+
+const DiwaInputDate$1 = /*@__PURE__*/ proxyCustomElement(class DiwaInputDate extends H {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
+        this.change = createEvent(this, "change", 7);
+        this.input = createEvent(this, "input", 7);
+        this.blur = createEvent(this, "blur", 3);
+        this.focus = createEvent(this, "focus", 3);
+        this._hasStart = false;
+        this._hasEnd = false;
+        this.label = '';
+        this.description = '';
+        this.message = '';
+        this.state = 'none';
+        this.name = '';
+        this.value = '';
+        this.placeholder = '';
+        this.disabled = false;
+        this.required = false;
+        this.readonly = false;
+        this.hideLabel = false;
+        this.compact = false;
+        this.theme = 'dark';
+        this.handleInput = (e) => {
+            this.value = e.target.value;
+            this.input.emit(this.value);
+        };
+        this.handleChange = (e) => {
+            this.value = e.target.value;
+            this.change.emit(this.value);
+        };
+        this.handleBlur = (e) => { this.blur.emit(e); };
+        this.handleFocus = (e) => { this.focus.emit(e); };
+    }
+    connectedCallback() {
+        this._hasStart = !!this.el.querySelector('[slot="start"]');
+        this._hasEnd = !!this.el.querySelector('[slot="end"]');
+    }
+    render() {
+        const inputId = 'input';
+        const descId = 'desc';
+        const msgId = 'msg';
+        return (h(Host, { key: '5f4369927da0d74c2564b4b147dc4964820cd2dd', "data-theme": this.theme }, h("style", { key: '5662055af38b2245350dd16e72ad01cfc88f7884', innerHTML: getInputCss(this.state, this.disabled, this.readonly, this.compact, this._hasStart, this._hasEnd, false) }), h("div", { key: 'eebc09dc97886920cee9ff5680c49697cd1d7637', class: "root" }, !this.hideLabel && this.label && (h("div", { key: 'd6b3d2a4d2338132b9c8fc86b6a4de5aba65605c', class: "label-row" }, h("label", { key: 'f9f3cd718b6c43ce95f4d3b0ad691ba817955552', class: "label", htmlFor: inputId }, this.label, this.required && h("span", { key: 'bd542448712be17c8c67725b5cc9346944a1b11b', class: "required", "aria-hidden": "true" }, " *")), h("slot", { key: '24a53071abaaa6ac6a377eecc10b26a9422ad5b0', name: "label-after" }))), h("div", { key: '4aed4bb669fc3f4a13fec05e2845961672f56d73', class: "input-wrapper" }, this._hasStart && h("div", { key: '32ef1a846195d61b5001deabc0a63fec5e1b4252', class: "slot-start" }, h("slot", { key: 'aeab0a7ac116d58b9256b78097a3e8ba2ef4df7e', name: "start" })), h("input", { key: 'd638d2a0b495e12d3b74e4868302c03733d5a505', id: inputId, class: "input", type: "date", name: this.name || undefined, value: this.value, disabled: this.disabled, required: this.required, readOnly: this.readonly, min: this.min, max: this.max, autocomplete: this.autoComplete, "aria-label": this.hideLabel && this.label ? this.label : undefined, "aria-invalid": this.state === 'error' ? 'true' : undefined, "aria-required": this.required ? 'true' : undefined, "aria-describedby": this.message ? msgId : this.description ? descId : undefined, onInput: this.handleInput, onChange: this.handleChange, onBlur: this.handleBlur, onFocus: this.handleFocus }), this._hasEnd && h("div", { key: 'b528ac2bdd016d563f8786111907850543da776e', class: "slot-end" }, h("slot", { key: '9ec29e9ac4340f47c34201156b70ad0cf2f8b35f', name: "end" }))), !this.message && this.description && (h("p", { key: '404219ce20aa844461ca10964d23d63cfe21a5fb', id: descId, class: "description" }, this.description)), this.message && (h("p", { key: '8c59dabacdfc8f553bc2308549fe9a51fb9ef224', id: msgId, class: "message" }, this.message)))));
+    }
+    static get delegatesFocus() { return true; }
+    get el() { return this; }
+}, [17, "diwa-input-date", {
+        "label": [1],
+        "description": [1],
+        "message": [1],
+        "state": [1],
+        "name": [1],
+        "value": [1025],
+        "placeholder": [1],
+        "disabled": [516],
+        "required": [516],
+        "readonly": [516],
+        "hideLabel": [4, "hide-label"],
+        "compact": [4],
+        "autoComplete": [1, "auto-complete"],
+        "theme": [1],
+        "min": [1],
+        "max": [1],
+        "_hasStart": [32],
+        "_hasEnd": [32]
+    }]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["diwa-input-date"];
+    components.forEach(tagName => { switch (tagName) {
+        case "diwa-input-date":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, DiwaInputDate$1);
+            }
+            break;
+    } });
+}
+defineCustomElement$1();
+
+const DiwaInputDate = DiwaInputDate$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { DiwaInputDate, defineCustomElement };
+
+//# sourceMappingURL=diwa-input-date.js.map

package/dist-custom-elements/diwa-input-date.js.map

@@ -0,0 +1 @@
+{"file":"diwa-input-date.js","mappings":"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","names":["DiwaInputDate","getComponentCss"],"sources":["src/components/diwa-input-date/diwa-input-date.tsx"],"sourcesContent":["import { Component, Element, Event, EventEmitter, Host, Prop, State, h } from '@stencil/core';\r\nimport type { InputFieldState } from '../diwa-input/types';\r\nimport type { Theme } from '../../utils/styles';\r\nimport { getComponentCss } from './diwa-input-date-styles';\r\n\r\n@Component({\r\n  tag: 'diwa-input-date',\r\n  shadow: { delegatesFocus: true },\r\n})\r\nexport class DiwaInputDate {\r\n  @Element() el!: HTMLElement;\r\n  @State() private _hasStart = false;\r\n  @State() private _hasEnd = false;\r\n\r\n  @Prop() label: string = '';\r\n  @Prop() description: string = '';\r\n  @Prop() message: string = '';\r\n  @Prop() state: InputFieldState = 'none';\r\n  @Prop() name: string = '';\r\n  @Prop({ mutable: true, reflect: false }) value: string = '';\r\n  @Prop() placeholder: string = '';\r\n  @Prop({ reflect: true }) disabled: boolean = false;\r\n  @Prop({ reflect: true }) required: boolean = false;\r\n  @Prop({ reflect: true }) readonly: boolean = false;\r\n  @Prop() hideLabel: boolean = false;\r\n  @Prop() compact: boolean = false;\r\n  @Prop() autoComplete?: string;\r\n  @Prop() theme: Theme = 'dark';\r\n\r\n  /** ISO 8601 date string (YYYY-MM-DD) for the minimum allowed date. */\r\n  @Prop() min?: string;\r\n  /** ISO 8601 date string (YYYY-MM-DD) for the maximum allowed date. */\r\n  @Prop() max?: string;\r\n\r\n  @Event({ bubbles: true }) change!: EventEmitter<string>;\r\n  @Event({ bubbles: true }) input!: EventEmitter<string>;\r\n  @Event({ bubbles: false }) blur!: EventEmitter<FocusEvent>;\r\n  @Event({ bubbles: false }) focus!: EventEmitter<FocusEvent>;\r\n\r\n  connectedCallback(): void {\r\n    this._hasStart = !!this.el.querySelector('[slot=\"start\"]');\r\n    this._hasEnd = !!this.el.querySelector('[slot=\"end\"]');\r\n  }\r\n\r\n  private handleInput = (e: Event): void => {\r\n    this.value = (e.target as HTMLInputElement).value;\r\n    this.input.emit(this.value);\r\n  };\r\n\r\n  private handleChange = (e: Event): void => {\r\n    this.value = (e.target as HTMLInputElement).value;\r\n    this.change.emit(this.value);\r\n  };\r\n\r\n  private handleBlur = (e: FocusEvent): void => { this.blur.emit(e); };\r\n  private handleFocus = (e: FocusEvent): void => { this.focus.emit(e); };\r\n\r\n  render() {\r\n    const inputId = 'input';\r\n    const descId = 'desc';\r\n    const msgId = 'msg';\r\n\r\n    return (\r\n      <Host data-theme={this.theme}>\r\n        <style innerHTML={getComponentCss(this.state, this.disabled, this.readonly, this.compact, this._hasStart, this._hasEnd, false)} />\r\n        <div class=\"root\">\r\n          {!this.hideLabel && this.label && (\r\n            <div class=\"label-row\">\r\n              <label class=\"label\" htmlFor={inputId}>\r\n                {this.label}\r\n                {this.required && <span class=\"required\" aria-hidden=\"true\"> *</span>}\r\n              </label>\r\n              <slot name=\"label-after\" />\r\n            </div>\r\n          )}\r\n          <div class=\"input-wrapper\">\r\n            {this._hasStart && <div class=\"slot-start\"><slot name=\"start\" /></div>}\r\n            <input\r\n              id={inputId}\r\n              class=\"input\"\r\n              type=\"date\"\r\n              name={this.name || undefined}\r\n              value={this.value}\r\n              disabled={this.disabled}\r\n              required={this.required}\r\n              readOnly={this.readonly}\r\n              min={this.min}\r\n              max={this.max}\r\n              autocomplete={this.autoComplete}\r\n              aria-label={this.hideLabel && this.label ? this.label : undefined}\r\n              aria-invalid={this.state === 'error' ? 'true' : undefined}\r\n              aria-required={this.required ? 'true' : undefined}\r\n              aria-describedby={this.message ? msgId : this.description ? descId : undefined}\r\n              onInput={this.handleInput}\r\n              onChange={this.handleChange}\r\n              onBlur={this.handleBlur}\r\n              onFocus={this.handleFocus}\r\n            />\r\n            {this._hasEnd && <div class=\"slot-end\"><slot name=\"end\" /></div>}\r\n          </div>\r\n          {!this.message && this.description && (\r\n            <p id={descId} class=\"description\">{this.description}</p>\r\n          )}\r\n          {this.message && (\r\n            <p id={msgId} class=\"message\">{this.message}</p>\r\n          )}\r\n        </div>\r\n      </Host>\r\n    );\r\n  }\r\n}\r\n"],"version":3}

package/dist-custom-elements/diwa-input-email.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../dist/types/components";
+
+interface DiwaInputEmail extends Components.DiwaInputEmail, HTMLElement {}
+export const DiwaInputEmail: {
+    prototype: DiwaInputEmail;
+    new (): DiwaInputEmail;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist-custom-elements/diwa-input-email.js

@@ -0,0 +1,89 @@
+import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-5eacc7d0.js';
+import { g as getInputCss } from './p-35c7c864.js';
+
+const DiwaInputEmail$1 = /*@__PURE__*/ proxyCustomElement(class DiwaInputEmail extends H {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
+        this.change = createEvent(this, "change", 7);
+        this.input = createEvent(this, "input", 7);
+        this.blur = createEvent(this, "blur", 3);
+        this.focus = createEvent(this, "focus", 3);
+        this._hasStart = false;
+        this._hasEnd = false;
+        this.label = '';
+        this.description = '';
+        this.message = '';
+        this.state = 'none';
+        this.name = '';
+        this.value = '';
+        this.placeholder = '';
+        this.disabled = false;
+        this.required = false;
+        this.readonly = false;
+        this.hideLabel = false;
+        this.compact = false;
+        this.theme = 'dark';
+        this.handleInput = (e) => {
+            this.value = e.target.value;
+            this.input.emit(this.value);
+        };
+        this.handleChange = (e) => {
+            this.value = e.target.value;
+            this.change.emit(this.value);
+        };
+        this.handleBlur = (e) => { this.blur.emit(e); };
+        this.handleFocus = (e) => { this.focus.emit(e); };
+    }
+    connectedCallback() {
+        this._hasStart = !!this.el.querySelector('[slot="start"]');
+        this._hasEnd = !!this.el.querySelector('[slot="end"]');
+    }
+    render() {
+        const inputId = 'input';
+        const descId = 'desc';
+        const msgId = 'msg';
+        return (h(Host, { key: '1a6687d10bd153eec0539353d3268e3dc2290b32', "data-theme": this.theme }, h("style", { key: '09469b584447016ad849afb25e925f057330e863', innerHTML: getInputCss(this.state, this.disabled, this.readonly, this.compact, this._hasStart, this._hasEnd, false) }), h("div", { key: 'ba00b4ecf8ab9afb5d7a57d503383eab8d2edf98', class: "root" }, !this.hideLabel && this.label && (h("div", { key: '22389218bba90ee2fff6ab51d9d45bb5801e6173', class: "label-row" }, h("label", { key: '06e1d34f6c601df85b58165e7fb21e09ca12bcca', class: "label", htmlFor: inputId }, this.label, this.required && h("span", { key: '5588e28c407f8635ebcce2e1279b6be6c539263e', class: "required", "aria-hidden": "true" }, " *")), h("slot", { key: 'f7643dca94c7b4091fbd2133181612745cc84ef6', name: "label-after" }))), h("div", { key: '135ba5099bab6c8221ee7b5e873aa3f12bdcc7c7', class: "input-wrapper" }, this._hasStart && h("div", { key: '63f1226e41d09fec87678bbd68ec19139b20f221', class: "slot-start" }, h("slot", { key: '98740dc661a2dcbc15124abf589a230200259c55', name: "start" })), h("input", { key: '1dce2b09f9bbb77b1f308879a9c905362938e48b', id: inputId, class: "input", type: "email", name: this.name || undefined, value: this.value, placeholder: this.placeholder || undefined, disabled: this.disabled, required: this.required, readOnly: this.readonly, autocomplete: this.autoComplete, "aria-label": this.hideLabel && this.label ? this.label : undefined, "aria-invalid": this.state === 'error' ? 'true' : undefined, "aria-required": this.required ? 'true' : undefined, "aria-describedby": this.message ? msgId : this.description ? descId : undefined, onInput: this.handleInput, onChange: this.handleChange, onBlur: this.handleBlur, onFocus: this.handleFocus }), this._hasEnd && h("div", { key: '4e651437e42eaf82bdcba017fe4d744e4697c911', class: "slot-end" }, h("slot", { key: 'f999ab791c914938a73b589ca53d28ff9b357734', name: "end" }))), !this.message && this.description && (h("p", { key: 'c19e97d4d817f4c215005a2981bcb1d2860a0904', id: descId, class: "description" }, this.description)), this.message && (h("p", { key: '050b53ccb7310f186e4d1e767d1ff20efd5e7064', id: msgId, class: "message" }, this.message)))));
+    }
+    static get delegatesFocus() { return true; }
+    get el() { return this; }
+}, [17, "diwa-input-email", {
+        "label": [1],
+        "description": [1],
+        "message": [1],
+        "state": [1],
+        "name": [1],
+        "value": [1025],
+        "placeholder": [1],
+        "disabled": [516],
+        "required": [516],
+        "readonly": [516],
+        "hideLabel": [4, "hide-label"],
+        "compact": [4],
+        "autoComplete": [1, "auto-complete"],
+        "theme": [1],
+        "_hasStart": [32],
+        "_hasEnd": [32]
+    }]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["diwa-input-email"];
+    components.forEach(tagName => { switch (tagName) {
+        case "diwa-input-email":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, DiwaInputEmail$1);
+            }
+            break;
+    } });
+}
+defineCustomElement$1();
+
+const DiwaInputEmail = DiwaInputEmail$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { DiwaInputEmail, defineCustomElement };
+
+//# sourceMappingURL=diwa-input-email.js.map

package/dist-custom-elements/diwa-input-email.js.map

@@ -0,0 +1 @@
+{"file":"diwa-input-email.js","mappings":"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","names":["DiwaInputEmail","getComponentCss"],"sources":["src/components/diwa-input-email/diwa-input-email.tsx"],"sourcesContent":["import { Component, Element, Event, EventEmitter, Host, Prop, State, h } from '@stencil/core';\r\nimport type { InputFieldState } from '../diwa-input/types';\r\nimport type { Theme } from '../../utils/styles';\r\nimport { getComponentCss } from './diwa-input-email-styles';\r\n\r\n@Component({\r\n  tag: 'diwa-input-email',\r\n  shadow: { delegatesFocus: true },\r\n})\r\nexport class DiwaInputEmail {\r\n  @Element() el!: HTMLElement;\r\n  @State() private _hasStart = false;\r\n  @State() private _hasEnd = false;\r\n\r\n  @Prop() label: string = '';\r\n  @Prop() description: string = '';\r\n  @Prop() message: string = '';\r\n  @Prop() state: InputFieldState = 'none';\r\n  @Prop() name: string = '';\r\n  @Prop({ mutable: true, reflect: false }) value: string = '';\r\n  @Prop() placeholder: string = '';\r\n  @Prop({ reflect: true }) disabled: boolean = false;\r\n  @Prop({ reflect: true }) required: boolean = false;\r\n  @Prop({ reflect: true }) readonly: boolean = false;\r\n  @Prop() hideLabel: boolean = false;\r\n  @Prop() compact: boolean = false;\r\n  @Prop() autoComplete?: string;\r\n  @Prop() theme: Theme = 'dark';\r\n\r\n  @Event({ bubbles: true }) change!: EventEmitter<string>;\r\n  @Event({ bubbles: true }) input!: EventEmitter<string>;\r\n  @Event({ bubbles: false }) blur!: EventEmitter<FocusEvent>;\r\n  @Event({ bubbles: false }) focus!: EventEmitter<FocusEvent>;\r\n\r\n  connectedCallback(): void {\r\n    this._hasStart = !!this.el.querySelector('[slot=\"start\"]');\r\n    this._hasEnd = !!this.el.querySelector('[slot=\"end\"]');\r\n  }\r\n\r\n  private handleInput = (e: Event): void => {\r\n    this.value = (e.target as HTMLInputElement).value;\r\n    this.input.emit(this.value);\r\n  };\r\n\r\n  private handleChange = (e: Event): void => {\r\n    this.value = (e.target as HTMLInputElement).value;\r\n    this.change.emit(this.value);\r\n  };\r\n\r\n  private handleBlur = (e: FocusEvent): void => { this.blur.emit(e); };\r\n  private handleFocus = (e: FocusEvent): void => { this.focus.emit(e); };\r\n\r\n  render() {\r\n    const inputId = 'input';\r\n    const descId = 'desc';\r\n    const msgId = 'msg';\r\n\r\n    return (\r\n      <Host data-theme={this.theme}>\r\n        <style innerHTML={getComponentCss(this.state, this.disabled, this.readonly, this.compact, this._hasStart, this._hasEnd, false)} />\r\n        <div class=\"root\">\r\n          {!this.hideLabel && this.label && (\r\n            <div class=\"label-row\">\r\n              <label class=\"label\" htmlFor={inputId}>\r\n                {this.label}\r\n                {this.required && <span class=\"required\" aria-hidden=\"true\"> *</span>}\r\n              </label>\r\n              <slot name=\"label-after\" />\r\n            </div>\r\n          )}\r\n          <div class=\"input-wrapper\">\r\n            {this._hasStart && <div class=\"slot-start\"><slot name=\"start\" /></div>}\r\n            <input\r\n              id={inputId}\r\n              class=\"input\"\r\n              type=\"email\"\r\n              name={this.name || undefined}\r\n              value={this.value}\r\n              placeholder={this.placeholder || undefined}\r\n              disabled={this.disabled}\r\n              required={this.required}\r\n              readOnly={this.readonly}\r\n              autocomplete={this.autoComplete}\r\n              aria-label={this.hideLabel && this.label ? this.label : undefined}\r\n              aria-invalid={this.state === 'error' ? 'true' : undefined}\r\n              aria-required={this.required ? 'true' : undefined}\r\n              aria-describedby={this.message ? msgId : this.description ? descId : undefined}\r\n              onInput={this.handleInput}\r\n              onChange={this.handleChange}\r\n              onBlur={this.handleBlur}\r\n              onFocus={this.handleFocus}\r\n            />\r\n            {this._hasEnd && <div class=\"slot-end\"><slot name=\"end\" /></div>}\r\n          </div>\r\n          {!this.message && this.description && (\r\n            <p id={descId} class=\"description\">{this.description}</p>\r\n          )}\r\n          {this.message && (\r\n            <p id={msgId} class=\"message\">{this.message}</p>\r\n          )}\r\n        </div>\r\n      </Host>\r\n    );\r\n  }\r\n}\r\n"],"version":3}

package/dist-custom-elements/diwa-input-month.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../dist/types/components";
+
+interface DiwaInputMonth extends Components.DiwaInputMonth, HTMLElement {}
+export const DiwaInputMonth: {
+    prototype: DiwaInputMonth;
+    new (): DiwaInputMonth;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist-custom-elements/diwa-input-month.js

@@ -0,0 +1,91 @@
+import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-5eacc7d0.js';
+import { g as getInputCss } from './p-35c7c864.js';
+
+const DiwaInputMonth$1 = /*@__PURE__*/ proxyCustomElement(class DiwaInputMonth extends H {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
+        this.change = createEvent(this, "change", 7);
+        this.input = createEvent(this, "input", 7);
+        this.blur = createEvent(this, "blur", 3);
+        this.focus = createEvent(this, "focus", 3);
+        this._hasStart = false;
+        this._hasEnd = false;
+        this.label = '';
+        this.description = '';
+        this.message = '';
+        this.state = 'none';
+        this.name = '';
+        this.value = '';
+        this.placeholder = '';
+        this.disabled = false;
+        this.required = false;
+        this.readonly = false;
+        this.hideLabel = false;
+        this.compact = false;
+        this.theme = 'dark';
+        this.handleInput = (e) => {
+            this.value = e.target.value;
+            this.input.emit(this.value);
+        };
+        this.handleChange = (e) => {
+            this.value = e.target.value;
+            this.change.emit(this.value);
+        };
+        this.handleBlur = (e) => { this.blur.emit(e); };
+        this.handleFocus = (e) => { this.focus.emit(e); };
+    }
+    connectedCallback() {
+        this._hasStart = !!this.el.querySelector('[slot="start"]');
+        this._hasEnd = !!this.el.querySelector('[slot="end"]');
+    }
+    render() {
+        const inputId = 'input';
+        const descId = 'desc';
+        const msgId = 'msg';
+        return (h(Host, { key: 'e7b42335a448f264e605a22e8c973a4703027711', "data-theme": this.theme }, h("style", { key: '97a4f13c5867744270eced8aa13b209f9139f582', innerHTML: getInputCss(this.state, this.disabled, this.readonly, this.compact, this._hasStart, this._hasEnd, false) }), h("div", { key: '4d20197cbf918b7be8cf1b67e5f0fdc3e338f2f4', class: "root" }, !this.hideLabel && this.label && (h("div", { key: '0e79bf6e67eab3600a3a1e5d3f2d7a73a83abdc9', class: "label-row" }, h("label", { key: '7adcf80c3a0e61c1ba0634308657fef73054e7ea', class: "label", htmlFor: inputId }, this.label, this.required && h("span", { key: 'd8cf7249d82461d2fd51f000737a4f0ebd15afc4', class: "required", "aria-hidden": "true" }, " *")), h("slot", { key: '738298b5cd67496e40173687a02432191754ebd6', name: "label-after" }))), h("div", { key: '0fb96733077c26851196e46220a80af39b8dd757', class: "input-wrapper" }, this._hasStart && h("div", { key: 'f13788a2afa4855aa772db164ee436aa0356f0cf', class: "slot-start" }, h("slot", { key: '06a5012bd82608a9b6ff4d84d89a8b1a8dadc2d3', name: "start" })), h("input", { key: '1bebc847823145ec56aa3a540a3e55463990fd6d', id: inputId, class: "input", type: "month", name: this.name || undefined, value: this.value, disabled: this.disabled, required: this.required, readOnly: this.readonly, min: this.min, max: this.max, autocomplete: this.autoComplete, "aria-label": this.hideLabel && this.label ? this.label : undefined, "aria-invalid": this.state === 'error' ? 'true' : undefined, "aria-required": this.required ? 'true' : undefined, "aria-describedby": this.message ? msgId : this.description ? descId : undefined, onInput: this.handleInput, onChange: this.handleChange, onBlur: this.handleBlur, onFocus: this.handleFocus }), this._hasEnd && h("div", { key: '7fad070fcca5acd9dc849e3f1549708c49ad85f9', class: "slot-end" }, h("slot", { key: '58f0310c841b893f7b9679ec0ee0c702150e6476', name: "end" }))), !this.message && this.description && (h("p", { key: '6889e36e3f5f1e859f2c2be2fee4aa4766b9898c', id: descId, class: "description" }, this.description)), this.message && (h("p", { key: 'bfb61253f688d25ede2e488306cf6d61ed8cc8e9', id: msgId, class: "message" }, this.message)))));
+    }
+    static get delegatesFocus() { return true; }
+    get el() { return this; }
+}, [17, "diwa-input-month", {
+        "label": [1],
+        "description": [1],
+        "message": [1],
+        "state": [1],
+        "name": [1],
+        "value": [1025],
+        "placeholder": [1],
+        "disabled": [516],
+        "required": [516],
+        "readonly": [516],
+        "hideLabel": [4, "hide-label"],
+        "compact": [4],
+        "autoComplete": [1, "auto-complete"],
+        "theme": [1],
+        "min": [1],
+        "max": [1],
+        "_hasStart": [32],
+        "_hasEnd": [32]
+    }]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["diwa-input-month"];
+    components.forEach(tagName => { switch (tagName) {
+        case "diwa-input-month":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, DiwaInputMonth$1);
+            }
+            break;
+    } });
+}
+defineCustomElement$1();
+
+const DiwaInputMonth = DiwaInputMonth$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { DiwaInputMonth, defineCustomElement };
+
+//# sourceMappingURL=diwa-input-month.js.map

package/dist-custom-elements/diwa-input-month.js.map

@@ -0,0 +1 @@
+{"file":"diwa-input-month.js","mappings":"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","names":["DiwaInputMonth","getComponentCss"],"sources":["src/components/diwa-input-month/diwa-input-month.tsx"],"sourcesContent":["import { Component, Element, Event, EventEmitter, Host, Prop, State, h } from '@stencil/core';\r\nimport type { InputFieldState } from '../diwa-input/types';\r\nimport type { Theme } from '../../utils/styles';\r\nimport { getComponentCss } from './diwa-input-month-styles';\r\n\r\n@Component({\r\n  tag: 'diwa-input-month',\r\n  shadow: { delegatesFocus: true },\r\n})\r\nexport class DiwaInputMonth {\r\n  @Element() el!: HTMLElement;\r\n  @State() private _hasStart = false;\r\n  @State() private _hasEnd = false;\r\n\r\n  @Prop() label: string = '';\r\n  @Prop() description: string = '';\r\n  @Prop() message: string = '';\r\n  @Prop() state: InputFieldState = 'none';\r\n  @Prop() name: string = '';\r\n  @Prop({ mutable: true, reflect: false }) value: string = '';\r\n  @Prop() placeholder: string = '';\r\n  @Prop({ reflect: true }) disabled: boolean = false;\r\n  @Prop({ reflect: true }) required: boolean = false;\r\n  @Prop({ reflect: true }) readonly: boolean = false;\r\n  @Prop() hideLabel: boolean = false;\r\n  @Prop() compact: boolean = false;\r\n  @Prop() autoComplete?: string;\r\n  @Prop() theme: Theme = 'dark';\r\n\r\n  /** Minimum month in YYYY-MM format. */\r\n  @Prop() min?: string;\r\n  /** Maximum month in YYYY-MM format. */\r\n  @Prop() max?: string;\r\n\r\n  @Event({ bubbles: true }) change!: EventEmitter<string>;\r\n  @Event({ bubbles: true }) input!: EventEmitter<string>;\r\n  @Event({ bubbles: false }) blur!: EventEmitter<FocusEvent>;\r\n  @Event({ bubbles: false }) focus!: EventEmitter<FocusEvent>;\r\n\r\n  connectedCallback(): void {\r\n    this._hasStart = !!this.el.querySelector('[slot=\"start\"]');\r\n    this._hasEnd = !!this.el.querySelector('[slot=\"end\"]');\r\n  }\r\n\r\n  private handleInput = (e: Event): void => {\r\n    this.value = (e.target as HTMLInputElement).value;\r\n    this.input.emit(this.value);\r\n  };\r\n\r\n  private handleChange = (e: Event): void => {\r\n    this.value = (e.target as HTMLInputElement).value;\r\n    this.change.emit(this.value);\r\n  };\r\n\r\n  private handleBlur = (e: FocusEvent): void => { this.blur.emit(e); };\r\n  private handleFocus = (e: FocusEvent): void => { this.focus.emit(e); };\r\n\r\n  render() {\r\n    const inputId = 'input';\r\n    const descId = 'desc';\r\n    const msgId = 'msg';\r\n\r\n    return (\r\n      <Host data-theme={this.theme}>\r\n        <style innerHTML={getComponentCss(this.state, this.disabled, this.readonly, this.compact, this._hasStart, this._hasEnd, false)} />\r\n        <div class=\"root\">\r\n          {!this.hideLabel && this.label && (\r\n            <div class=\"label-row\">\r\n              <label class=\"label\" htmlFor={inputId}>\r\n                {this.label}\r\n                {this.required && <span class=\"required\" aria-hidden=\"true\"> *</span>}\r\n              </label>\r\n              <slot name=\"label-after\" />\r\n            </div>\r\n          )}\r\n          <div class=\"input-wrapper\">\r\n            {this._hasStart && <div class=\"slot-start\"><slot name=\"start\" /></div>}\r\n            <input\r\n              id={inputId}\r\n              class=\"input\"\r\n              type=\"month\"\r\n              name={this.name || undefined}\r\n              value={this.value}\r\n              disabled={this.disabled}\r\n              required={this.required}\r\n              readOnly={this.readonly}\r\n              min={this.min}\r\n              max={this.max}\r\n              autocomplete={this.autoComplete}\r\n              aria-label={this.hideLabel && this.label ? this.label : undefined}\r\n              aria-invalid={this.state === 'error' ? 'true' : undefined}\r\n              aria-required={this.required ? 'true' : undefined}\r\n              aria-describedby={this.message ? msgId : this.description ? descId : undefined}\r\n              onInput={this.handleInput}\r\n              onChange={this.handleChange}\r\n              onBlur={this.handleBlur}\r\n              onFocus={this.handleFocus}\r\n            />\r\n            {this._hasEnd && <div class=\"slot-end\"><slot name=\"end\" /></div>}\r\n          </div>\r\n          {!this.message && this.description && (\r\n            <p id={descId} class=\"description\">{this.description}</p>\r\n          )}\r\n          {this.message && (\r\n            <p id={msgId} class=\"message\">{this.message}</p>\r\n          )}\r\n        </div>\r\n      </Host>\r\n    );\r\n  }\r\n}\r\n"],"version":3}

package/dist-custom-elements/diwa-input-number.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../dist/types/components";
+
+interface DiwaInputNumber extends Components.DiwaInputNumber, HTMLElement {}
+export const DiwaInputNumber: {
+    prototype: DiwaInputNumber;
+    new (): DiwaInputNumber;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist-custom-elements/diwa-input-number.js

@@ -0,0 +1,92 @@
+import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-5eacc7d0.js';
+import { g as getInputCss } from './p-35c7c864.js';
+
+const DiwaInputNumber$1 = /*@__PURE__*/ proxyCustomElement(class DiwaInputNumber extends H {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
+        this.change = createEvent(this, "change", 7);
+        this.input = createEvent(this, "input", 7);
+        this.blur = createEvent(this, "blur", 3);
+        this.focus = createEvent(this, "focus", 3);
+        this._hasStart = false;
+        this._hasEnd = false;
+        this.label = '';
+        this.description = '';
+        this.message = '';
+        this.state = 'none';
+        this.name = '';
+        this.value = '';
+        this.placeholder = '';
+        this.disabled = false;
+        this.required = false;
+        this.readonly = false;
+        this.hideLabel = false;
+        this.compact = false;
+        this.theme = 'dark';
+        this.handleInput = (e) => {
+            this.value = e.target.value;
+            this.input.emit(this.value);
+        };
+        this.handleChange = (e) => {
+            this.value = e.target.value;
+            this.change.emit(this.value);
+        };
+        this.handleBlur = (e) => { this.blur.emit(e); };
+        this.handleFocus = (e) => { this.focus.emit(e); };
+    }
+    connectedCallback() {
+        this._hasStart = !!this.el.querySelector('[slot="start"]');
+        this._hasEnd = !!this.el.querySelector('[slot="end"]');
+    }
+    render() {
+        const inputId = 'input';
+        const descId = 'desc';
+        const msgId = 'msg';
+        return (h(Host, { key: '09f9b5cf859ef7c03ef84256357c2ff08ee49e0d', "data-theme": this.theme }, h("style", { key: '3bbe107a46f9b4e98a58fb93e71f3d80225188bc', innerHTML: getInputCss(this.state, this.disabled, this.readonly, this.compact, this._hasStart, this._hasEnd, false) }), h("div", { key: '0809b3f8e6540f2bca95ab41682cbdd1bf087718', class: "root" }, !this.hideLabel && this.label && (h("div", { key: '93e3454fda5faef279f540d8ff4179e08c7fd1f1', class: "label-row" }, h("label", { key: '171ab7d14f740ef31bff359cb51ad25d54b183ce', class: "label", htmlFor: inputId }, this.label, this.required && h("span", { key: '707c033e74161a76254cdfe9c798a78772d22833', class: "required", "aria-hidden": "true" }, " *")), h("slot", { key: '5eb701dd4c2d30d80cb11b07c07b1f9d48333ab6', name: "label-after" }))), h("div", { key: 'adc124185bbcbe37f0f1ff56a3b0fa8d0d725e07', class: "input-wrapper" }, this._hasStart && h("div", { key: 'a2ee97d7ce58f3f3f16dd0dab5cd6695573160fc', class: "slot-start" }, h("slot", { key: 'fe16cba2f95ce86de6721fff8a61236b618e8485', name: "start" })), h("input", { key: 'a1f15b79921da77f172033d34a91daf6548722ee', id: inputId, class: "input", type: "number", name: this.name || undefined, value: this.value, placeholder: this.placeholder || undefined, disabled: this.disabled, required: this.required, readOnly: this.readonly, min: this.min !== undefined ? String(this.min) : undefined, max: this.max !== undefined ? String(this.max) : undefined, step: this.step !== undefined ? String(this.step) : undefined, autocomplete: this.autoComplete, "aria-label": this.hideLabel && this.label ? this.label : undefined, "aria-invalid": this.state === 'error' ? 'true' : undefined, "aria-required": this.required ? 'true' : undefined, "aria-describedby": this.message ? msgId : this.description ? descId : undefined, onInput: this.handleInput, onChange: this.handleChange, onBlur: this.handleBlur, onFocus: this.handleFocus }), this._hasEnd && h("div", { key: 'e2772476adc180f91281a784200f9e4b53038a0c', class: "slot-end" }, h("slot", { key: '11cb85cf049deab38a7fec5a7841c082391b2009', name: "end" }))), !this.message && this.description && (h("p", { key: '6c64debb7f04fa9da7483854c04888842267898b', id: descId, class: "description" }, this.description)), this.message && (h("p", { key: '8f34cc860cac36c591ab7e3cf4e89722cb907da7', id: msgId, class: "message" }, this.message)))));
+    }
+    static get delegatesFocus() { return true; }
+    get el() { return this; }
+}, [17, "diwa-input-number", {
+        "label": [1],
+        "description": [1],
+        "message": [1],
+        "state": [1],
+        "name": [1],
+        "value": [1025],
+        "placeholder": [1],
+        "disabled": [516],
+        "required": [516],
+        "readonly": [516],
+        "hideLabel": [4, "hide-label"],
+        "compact": [4],
+        "autoComplete": [1, "auto-complete"],
+        "theme": [1],
+        "min": [2],
+        "max": [2],
+        "step": [2],
+        "_hasStart": [32],
+        "_hasEnd": [32]
+    }]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["diwa-input-number"];
+    components.forEach(tagName => { switch (tagName) {
+        case "diwa-input-number":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, DiwaInputNumber$1);
+            }
+            break;
+    } });
+}
+defineCustomElement$1();
+
+const DiwaInputNumber = DiwaInputNumber$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { DiwaInputNumber, defineCustomElement };
+
+//# sourceMappingURL=diwa-input-number.js.map

package/dist-custom-elements/diwa-input-number.js.map

@@ -0,0 +1 @@
+{"file":"diwa-input-number.js","mappings":"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","names":["DiwaInputNumber","getComponentCss"],"sources":["src/components/diwa-input-number/diwa-input-number.tsx"],"sourcesContent":["import { Component, Element, Event, EventEmitter, Host, Prop, State, h } from '@stencil/core';\r\nimport type { InputFieldState } from '../diwa-input/types';\r\nimport type { Theme } from '../../utils/styles';\r\nimport { getComponentCss } from './diwa-input-number-styles';\r\n\r\n@Component({\r\n  tag: 'diwa-input-number',\r\n  shadow: { delegatesFocus: true },\r\n})\r\nexport class DiwaInputNumber {\r\n  @Element() el!: HTMLElement;\r\n  @State() private _hasStart = false;\r\n  @State() private _hasEnd = false;\r\n\r\n  @Prop() label: string = '';\r\n  @Prop() description: string = '';\r\n  @Prop() message: string = '';\r\n  @Prop() state: InputFieldState = 'none';\r\n  @Prop() name: string = '';\r\n  @Prop({ mutable: true, reflect: false }) value: string = '';\r\n  @Prop() placeholder: string = '';\r\n  @Prop({ reflect: true }) disabled: boolean = false;\r\n  @Prop({ reflect: true }) required: boolean = false;\r\n  @Prop({ reflect: true }) readonly: boolean = false;\r\n  @Prop() hideLabel: boolean = false;\r\n  @Prop() compact: boolean = false;\r\n  @Prop() autoComplete?: string;\r\n  @Prop() theme: Theme = 'dark';\r\n\r\n  /** Minimum allowed value. */\r\n  @Prop() min?: number;\r\n  /** Maximum allowed value. */\r\n  @Prop() max?: number;\r\n  /** Step increment. */\r\n  @Prop() step?: number;\r\n\r\n  @Event({ bubbles: true }) change!: EventEmitter<string>;\r\n  @Event({ bubbles: true }) input!: EventEmitter<string>;\r\n  @Event({ bubbles: false }) blur!: EventEmitter<FocusEvent>;\r\n  @Event({ bubbles: false }) focus!: EventEmitter<FocusEvent>;\r\n\r\n  connectedCallback(): void {\r\n    this._hasStart = !!this.el.querySelector('[slot=\"start\"]');\r\n    this._hasEnd = !!this.el.querySelector('[slot=\"end\"]');\r\n  }\r\n\r\n  private handleInput = (e: Event): void => {\r\n    this.value = (e.target as HTMLInputElement).value;\r\n    this.input.emit(this.value);\r\n  };\r\n\r\n  private handleChange = (e: Event): void => {\r\n    this.value = (e.target as HTMLInputElement).value;\r\n    this.change.emit(this.value);\r\n  };\r\n\r\n  private handleBlur = (e: FocusEvent): void => { this.blur.emit(e); };\r\n  private handleFocus = (e: FocusEvent): void => { this.focus.emit(e); };\r\n\r\n  render() {\r\n    const inputId = 'input';\r\n    const descId = 'desc';\r\n    const msgId = 'msg';\r\n\r\n    return (\r\n      <Host data-theme={this.theme}>\r\n        <style innerHTML={getComponentCss(this.state, this.disabled, this.readonly, this.compact, this._hasStart, this._hasEnd, false)} />\r\n        <div class=\"root\">\r\n          {!this.hideLabel && this.label && (\r\n            <div class=\"label-row\">\r\n              <label class=\"label\" htmlFor={inputId}>\r\n                {this.label}\r\n                {this.required && <span class=\"required\" aria-hidden=\"true\"> *</span>}\r\n              </label>\r\n              <slot name=\"label-after\" />\r\n            </div>\r\n          )}\r\n          <div class=\"input-wrapper\">\r\n            {this._hasStart && <div class=\"slot-start\"><slot name=\"start\" /></div>}\r\n            <input\r\n              id={inputId}\r\n              class=\"input\"\r\n              type=\"number\"\r\n              name={this.name || undefined}\r\n              value={this.value}\r\n              placeholder={this.placeholder || undefined}\r\n              disabled={this.disabled}\r\n              required={this.required}\r\n              readOnly={this.readonly}\r\n              min={this.min !== undefined ? String(this.min) : undefined}\r\n              max={this.max !== undefined ? String(this.max) : undefined}\r\n              step={this.step !== undefined ? String(this.step) : undefined}\r\n              autocomplete={this.autoComplete}\r\n              aria-label={this.hideLabel && this.label ? this.label : undefined}\r\n              aria-invalid={this.state === 'error' ? 'true' : undefined}\r\n              aria-required={this.required ? 'true' : undefined}\r\n              aria-describedby={this.message ? msgId : this.description ? descId : undefined}\r\n              onInput={this.handleInput}\r\n              onChange={this.handleChange}\r\n              onBlur={this.handleBlur}\r\n              onFocus={this.handleFocus}\r\n            />\r\n            {this._hasEnd && <div class=\"slot-end\"><slot name=\"end\" /></div>}\r\n          </div>\r\n          {!this.message && this.description && (\r\n            <p id={descId} class=\"description\">{this.description}</p>\r\n          )}\r\n          {this.message && (\r\n            <p id={msgId} class=\"message\">{this.message}</p>\r\n          )}\r\n        </div>\r\n      </Host>\r\n    );\r\n  }\r\n}\r\n"],"version":3}

package/dist-custom-elements/diwa-input-password.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../dist/types/components";
+
+interface DiwaInputPassword extends Components.DiwaInputPassword, HTMLElement {}
+export const DiwaInputPassword: {
+    prototype: DiwaInputPassword;
+    new (): DiwaInputPassword;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist-custom-elements/diwa-input-password.js

@@ -0,0 +1,105 @@
+import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-5eacc7d0.js';
+import { g as getInputCss } from './p-35c7c864.js';
+import { d as defineCustomElement$2 } from './p-302af10d.js';
+
+const DiwaInputPassword$1 = /*@__PURE__*/ proxyCustomElement(class DiwaInputPassword extends H {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
+        this.change = createEvent(this, "change", 7);
+        this.input = createEvent(this, "input", 7);
+        this.blur = createEvent(this, "blur", 3);
+        this.focus = createEvent(this, "focus", 3);
+        this._hasStart = false;
+        this._hasEnd = false;
+        this.label = '';
+        this.description = '';
+        this.message = '';
+        this.state = 'none';
+        this.name = '';
+        this.value = '';
+        this.placeholder = '';
+        this.disabled = false;
+        this.required = false;
+        this.readonly = false;
+        this.hideLabel = false;
+        this.compact = false;
+        this.theme = 'dark';
+        /** Show the eye icon button to toggle password visibility. */
+        this.showToggle = true;
+        /** Internal visibility state for the password toggle. */
+        this.showPassword = false;
+        this.handleInput = (e) => {
+            this.value = e.target.value;
+            this.input.emit(this.value);
+        };
+        this.handleChange = (e) => {
+            this.value = e.target.value;
+            this.change.emit(this.value);
+        };
+        this.handleBlur = (e) => { this.blur.emit(e); };
+        this.handleFocus = (e) => { this.focus.emit(e); };
+        this.handleToggle = () => {
+            this.showPassword = !this.showPassword;
+        };
+    }
+    connectedCallback() {
+        this._hasStart = !!this.el.querySelector('[slot="start"]');
+        this._hasEnd = !!this.el.querySelector('[slot="end"]');
+    }
+    render() {
+        const inputId = 'input';
+        const descId = 'desc';
+        const msgId = 'msg';
+        const hasSuffix = this.showToggle && !this.disabled;
+        return (h(Host, { key: 'a7d1c2c451e9eb743f2cc211cf644409620b0e3e', "data-theme": this.theme }, h("style", { key: 'c1cde1b42b4ebb897bb1d2a3e9f7ff29b8a3a669', innerHTML: getInputCss(this.state, this.disabled, this.readonly, this.compact, this._hasStart, this._hasEnd, hasSuffix) }), h("div", { key: 'ec516af67a3fb9e8b070a5a4d3ef7611fdd09fd9', class: "root" }, !this.hideLabel && this.label && (h("div", { key: 'fa07e74dca79660dc1f300f72008fad7b71ee5da', class: "label-row" }, h("label", { key: 'a60036096fd791a62ca1b8ebddd91e22baacae9b', class: "label", htmlFor: inputId }, this.label, this.required && h("span", { key: '199100c093d8d8e7ec5ee49adf063ec8929160e4', class: "required", "aria-hidden": "true" }, " *")), h("slot", { key: 'ca35bdaf076776a53dabd36b4ab4f8203982da43', name: "label-after" }))), h("div", { key: '8e7a21233a3b41e04cdc23ce66f2899fee409707', class: "input-wrapper" }, this._hasStart && h("div", { key: 'e7b2175413d06a766612db4eba899f172fb4e0cc', class: "slot-start" }, h("slot", { key: '0fe18213e7cdebe3e77857050ace2d5b7e2fa1c9', name: "start" })), h("input", { key: '33503e876400fba6914fa39e9dab5272db655144', id: inputId, class: "input", type: this.showPassword ? 'text' : 'password', name: this.name || undefined, value: this.value, placeholder: this.placeholder || undefined, disabled: this.disabled, required: this.required, readOnly: this.readonly, autocomplete: this.autoComplete, "aria-label": this.hideLabel && this.label ? this.label : undefined, "aria-invalid": this.state === 'error' ? 'true' : undefined, "aria-required": this.required ? 'true' : undefined, "aria-describedby": this.message ? msgId : this.description ? descId : undefined, onInput: this.handleInput, onChange: this.handleChange, onBlur: this.handleBlur, onFocus: this.handleFocus }), this._hasEnd && h("div", { key: '796c7a85e6ac142d76dbb4789b774f67c9ce457f', class: "slot-end" }, h("slot", { key: '11802f147f1b820ef6bf50d25e551503fa9a6685', name: "end" })), hasSuffix && (h("button", { key: '526415a8043733850a39415f653f74e282db83b8', class: "suffix-btn", type: "button", "aria-label": this.showPassword ? 'Hide password' : 'Show password', onClick: this.handleToggle }, h("diwa-icon", { key: 'b2b40c55f74d7917aa69656ce1447d2ca4d455bf', name: this.showPassword ? 'eye-off' : 'eye', size: 16 })))), !this.message && this.description && (h("p", { key: '2f2a7c3da7c326077fadc8faa9d9f5d41d89fa25', id: descId, class: "description" }, this.description)), this.message && (h("p", { key: '5fd706ae0de4235b60493438b5be67caa2aae317', id: msgId, class: "message" }, this.message)))));
+    }
+    static get delegatesFocus() { return true; }
+    get el() { return this; }
+}, [17, "diwa-input-password", {
+        "label": [1],
+        "description": [1],
+        "message": [1],
+        "state": [1],
+        "name": [1],
+        "value": [1025],
+        "placeholder": [1],
+        "disabled": [516],
+        "required": [516],
+        "readonly": [516],
+        "hideLabel": [4, "hide-label"],
+        "compact": [4],
+        "autoComplete": [1, "auto-complete"],
+        "theme": [1],
+        "showToggle": [4, "show-toggle"],
+        "_hasStart": [32],
+        "_hasEnd": [32],
+        "showPassword": [32]
+    }]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["diwa-input-password", "diwa-icon"];
+    components.forEach(tagName => { switch (tagName) {
+        case "diwa-input-password":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, DiwaInputPassword$1);
+            }
+            break;
+        case "diwa-icon":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$2();
+            }
+            break;
+    } });
+}
+defineCustomElement$1();
+
+const DiwaInputPassword = DiwaInputPassword$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { DiwaInputPassword, defineCustomElement };
+
+//# sourceMappingURL=diwa-input-password.js.map