@digital-realty/ix-date 1.0.31 → 1.1.2-alpha-NJEN.1

package/dist/IxDate.d.ts

@@ -1,84 +1,84 @@
-import { LitElement } from 'lit';
-import '@digital-realty/ix-field/ix-field.js';
-export declare class IxDate extends LitElement {
-    static get styles(): import("lit").CSSResult[];
-    label: string;
-    value: string;
-    min: string;
-    max: string;
-    /** @nocollapse */
-    static shadowRootOptions: {
-        delegatesFocus: boolean;
-        mode: ShadowRootMode;
-        slotAssignment?: SlotAssignmentMode | undefined;
-        customElements?: CustomElementRegistry | undefined;
-        registry?: CustomElementRegistry | undefined;
-    };
-    /** @nocollapse  */
-    static readonly formAssociated = true;
-    private readonly internals;
-    dateInput: HTMLInputElement;
-    disabled: boolean;
-    /**
-     * Gets or sets whether or not the text field is in a visually invalid state.
-     *
-     * This error state overrides the error state controlled by
-     * `reportValidity()`.
-     */
-    get error(): boolean;
-    errorText: string;
-    required: boolean;
-    hideError: boolean;
-    /**
-     * The associated form element with which this element's value will submit.
-     */
-    get form(): HTMLFormElement | null;
-    /**
-     * The labels this element is associated with.
-     */
-    get labels(): NodeList;
-    /**
-     * The HTML name to use in form submission.
-     */
-    get name(): string;
-    set name(name: string);
-    /**
-     * Returns the text field's validation error message.
-     *
-     * https://developer.mozilla.org/en-US/docs/Web/HTML/Constraint_validation
-     */
-    get validationMessage(): string;
-    /**
-     * Returns a `ValidityState` object that represents the validity states of the
-     * text field.
-     *
-     * https://developer.mozilla.org/en-US/docs/Web/API/ValidityState
-     */
-    get validity(): ValidityState;
-    /**
-     * Returns whether an element will successfully validate based on forms
-     * validation rules and constraints.
-     *
-     * https://developer.mozilla.org/en-US/docs/Web/API/ElementInternals/willValidate
-     */
-    get willValidate(): boolean;
-    checkValidity(): boolean;
-    reportValidity(): boolean;
-    /** @private */
-    formResetCallback(): void;
-    /**
-     * Reset the text field to its default value.
-     */
-    reset(): void;
-    protected updated(): void;
-    focus(): void;
-    onChanged: any;
-    private focused;
-    firstUpdated(): void;
-    focusin: () => void;
-    clear: () => void;
-    handleChange: (e: InputEvent) => void;
-    validateDate: () => void;
-    focusOut: () => void;
-    render(): import("lit").TemplateResult<1>;
-}
+import { LitElement } from 'lit';
+import '@digital-realty/ix-field/ix-field.js';
+export declare class IxDate extends LitElement {
+    static get styles(): import("lit").CSSResult[];
+    label: string;
+    value: string;
+    min: string;
+    max: string;
+    /** @nocollapse */
+    static shadowRootOptions: {
+        delegatesFocus: boolean;
+        mode: ShadowRootMode;
+        slotAssignment?: SlotAssignmentMode | undefined;
+        customElements?: CustomElementRegistry | undefined;
+        registry?: CustomElementRegistry | undefined;
+    };
+    /** @nocollapse  */
+    static readonly formAssociated = true;
+    private readonly internals;
+    dateInput: HTMLInputElement;
+    disabled: boolean;
+    /**
+     * Gets or sets whether or not the text field is in a visually invalid state.
+     *
+     * This error state overrides the error state controlled by
+     * `reportValidity()`.
+     */
+    get error(): boolean;
+    errorText: string;
+    required: boolean;
+    hideError: boolean;
+    /**
+     * The associated form element with which this element's value will submit.
+     */
+    get form(): HTMLFormElement | null;
+    /**
+     * The labels this element is associated with.
+     */
+    get labels(): NodeList;
+    /**
+     * The HTML name to use in form submission.
+     */
+    get name(): string;
+    set name(name: string);
+    /**
+     * Returns the text field's validation error message.
+     *
+     * https://developer.mozilla.org/en-US/docs/Web/HTML/Constraint_validation
+     */
+    get validationMessage(): string;
+    /**
+     * Returns a `ValidityState` object that represents the validity states of the
+     * text field.
+     *
+     * https://developer.mozilla.org/en-US/docs/Web/API/ValidityState
+     */
+    get validity(): ValidityState;
+    /**
+     * Returns whether an element will successfully validate based on forms
+     * validation rules and constraints.
+     *
+     * https://developer.mozilla.org/en-US/docs/Web/API/ElementInternals/willValidate
+     */
+    get willValidate(): boolean;
+    checkValidity(): boolean;
+    reportValidity(): boolean;
+    /** @private */
+    formResetCallback(): void;
+    /**
+     * Reset the text field to its default value.
+     */
+    reset(): void;
+    protected updated(): void;
+    focus(): void;
+    onChanged: any;
+    private focused;
+    firstUpdated(): void;
+    focusin: () => void;
+    clear: () => void;
+    handleChange: (e: InputEvent) => void;
+    validateDate: () => void;
+    focusOut: () => void;
+    render(): import("lit").TemplateResult<1>;
+}

package/dist/IxDate.js

@@ -1,155 +1,155 @@
-import { __decorate } from "tslib";
-import { html, LitElement } from 'lit';
-import { property, query, state } from 'lit/decorators.js';
-import { classMap } from 'lit/directives/class-map.js';
-import '@digital-realty/ix-field/ix-field.js';
-import { requestUpdateOnAriaChange } from '@material/web/internal/aria/delegate.js';
-import { IxDateStyles } from './ix-date-styles.js';
-export class IxDate extends LitElement {
-    constructor() {
-        super(...arguments);
-        this.label = '';
-        this.value = '';
-        this.min = '';
-        this.max = '9999-12-31';
-        this.internals = this /* needed for closure */
-            .attachInternals();
-        this.disabled = false;
-        this.errorText = '';
-        this.required = false;
-        this.hideError = false;
-        // eslint-disable-next-line class-methods-use-this
-        this.onChanged = () => { };
-        this.focused = false;
-        this.focusin = () => {
-            this.focused = true;
-        };
-        this.clear = () => {
-            this.value = '';
-        };
-        this.handleChange = (e) => {
-            const { value } = e.target;
-            this.value = value;
-            this.validateDate();
-            this.onChanged(value);
-        };
-        this.validateDate = () => {
-            if (this.value) {
-                const date = new Date(this.value);
-                if (!date || Number.isNaN(date.valueOf())) {
-                    this.errorText = 'Invalid date format.';
-                }
-            }
-        };
-        this.focusOut = () => {
-            this.focused = false;
-        };
-    }
-    static get styles() {
-        return [IxDateStyles];
-    }
-    /**
-     * Gets or sets whether or not the text field is in a visually invalid state.
-     *
-     * This error state overrides the error state controlled by
-     * `reportValidity()`.
-     */
-    get error() {
-        return !!this.errorText;
-    }
-    /**
-     * The associated form element with which this element's value will submit.
-     */
-    get form() {
-        return this.internals.form;
-    }
-    /**
-     * The labels this element is associated with.
-     */
-    get labels() {
-        return this.internals.labels;
-    }
-    /**
-     * The HTML name to use in form submission.
-     */
-    get name() {
-        var _a;
-        return (_a = this.getAttribute('name')) !== null && _a !== void 0 ? _a : '';
-    }
-    set name(name) {
-        this.setAttribute('name', name);
-    }
-    /**
-     * Returns the text field's validation error message.
-     *
-     * https://developer.mozilla.org/en-US/docs/Web/HTML/Constraint_validation
-     */
-    get validationMessage() {
-        return this.internals.validationMessage;
-    }
-    /**
-     * Returns a `ValidityState` object that represents the validity states of the
-     * text field.
-     *
-     * https://developer.mozilla.org/en-US/docs/Web/API/ValidityState
-     */
-    get validity() {
-        return this.internals.validity;
-    }
-    /**
-     * Returns whether an element will successfully validate based on forms
-     * validation rules and constraints.
-     *
-     * https://developer.mozilla.org/en-US/docs/Web/API/ElementInternals/willValidate
-     */
-    get willValidate() {
-        return this.internals.willValidate;
-    }
-    checkValidity() {
-        return this.internals.checkValidity();
-    }
-    reportValidity() {
-        return this.internals.reportValidity();
-    }
-    /** @private */
-    formResetCallback() {
-        this.reset();
-    }
-    /**
-     * Reset the text field to its default value.
-     */
-    reset() {
-        var _a;
-        this.clear();
-        this.value = (_a = this.getAttribute('value')) !== null && _a !== void 0 ? _a : '';
-    }
-    updated() {
-        this.internals.setValidity({
-            badInput: this.error,
-        }, this.error ? this.errorText : '', this.dateInput);
-        this.internals.setFormValue(this.value);
-    }
-    focus() {
-        this.dateInput.focus();
-    }
-    firstUpdated() {
-        const minDate = new Date(this.min);
-        const maxDate = new Date(this.max);
-        if (minDate && !Number.isNaN(minDate.valueOf())) {
-            const [min] = minDate.toISOString().split('T');
-            this.min = min;
-        }
-        if (maxDate && !Number.isNaN(maxDate.valueOf())) {
-            const [max] = maxDate.toISOString().split('T');
-            this.max = max;
-        }
-        this.validateDate();
-    }
-    render() {
-        const classes = {
-            disabled: this.disabled,
-            error: !this.disabled && this.error,
-        };
+import { __decorate } from "tslib";
+import { html, LitElement } from 'lit';
+import { property, query, state } from 'lit/decorators.js';
+import { classMap } from 'lit/directives/class-map.js';
+import '@digital-realty/ix-field/ix-field.js';
+import { requestUpdateOnAriaChange } from '@material/web/internal/aria/delegate.js';
+import { IxDateStyles } from './ix-date-styles.js';
+export class IxDate extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.label = '';
+        this.value = '';
+        this.min = '';
+        this.max = '9999-12-31';
+        this.internals = this /* needed for closure */
+            .attachInternals();
+        this.disabled = false;
+        this.errorText = '';
+        this.required = false;
+        this.hideError = false;
+        // eslint-disable-next-line class-methods-use-this
+        this.onChanged = () => { };
+        this.focused = false;
+        this.focusin = () => {
+            this.focused = true;
+        };
+        this.clear = () => {
+            this.value = '';
+        };
+        this.handleChange = (e) => {
+            const { value } = e.target;
+            this.value = value;
+            this.validateDate();
+            this.onChanged(value);
+        };
+        this.validateDate = () => {
+            if (this.value) {
+                const date = new Date(this.value);
+                if (!date || Number.isNaN(date.valueOf())) {
+                    this.errorText = 'Invalid date format.';
+                }
+            }
+        };
+        this.focusOut = () => {
+            this.focused = false;
+        };
+    }
+    static get styles() {
+        return [IxDateStyles];
+    }
+    /**
+     * Gets or sets whether or not the text field is in a visually invalid state.
+     *
+     * This error state overrides the error state controlled by
+     * `reportValidity()`.
+     */
+    get error() {
+        return !!this.errorText;
+    }
+    /**
+     * The associated form element with which this element's value will submit.
+     */
+    get form() {
+        return this.internals.form;
+    }
+    /**
+     * The labels this element is associated with.
+     */
+    get labels() {
+        return this.internals.labels;
+    }
+    /**
+     * The HTML name to use in form submission.
+     */
+    get name() {
+        var _a;
+        return (_a = this.getAttribute('name')) !== null && _a !== void 0 ? _a : '';
+    }
+    set name(name) {
+        this.setAttribute('name', name);
+    }
+    /**
+     * Returns the text field's validation error message.
+     *
+     * https://developer.mozilla.org/en-US/docs/Web/HTML/Constraint_validation
+     */
+    get validationMessage() {
+        return this.internals.validationMessage;
+    }
+    /**
+     * Returns a `ValidityState` object that represents the validity states of the
+     * text field.
+     *
+     * https://developer.mozilla.org/en-US/docs/Web/API/ValidityState
+     */
+    get validity() {
+        return this.internals.validity;
+    }
+    /**
+     * Returns whether an element will successfully validate based on forms
+     * validation rules and constraints.
+     *
+     * https://developer.mozilla.org/en-US/docs/Web/API/ElementInternals/willValidate
+     */
+    get willValidate() {
+        return this.internals.willValidate;
+    }
+    checkValidity() {
+        return this.internals.checkValidity();
+    }
+    reportValidity() {
+        return this.internals.reportValidity();
+    }
+    /** @private */
+    formResetCallback() {
+        this.reset();
+    }
+    /**
+     * Reset the text field to its default value.
+     */
+    reset() {
+        var _a;
+        this.clear();
+        this.value = (_a = this.getAttribute('value')) !== null && _a !== void 0 ? _a : '';
+    }
+    updated() {
+        this.internals.setValidity({
+            badInput: this.error,
+        }, this.error ? this.errorText : '', this.dateInput);
+        this.internals.setFormValue(this.value);
+    }
+    focus() {
+        this.dateInput.focus();
+    }
+    firstUpdated() {
+        const minDate = new Date(this.min);
+        const maxDate = new Date(this.max);
+        if (minDate && !Number.isNaN(minDate.valueOf())) {
+            const [min] = minDate.toISOString().split('T');
+            this.min = min;
+        }
+        if (maxDate && !Number.isNaN(maxDate.valueOf())) {
+            const [max] = maxDate.toISOString().split('T');
+            this.max = max;
+        }
+        this.validateDate();
+    }
+    render() {
+        const classes = {
+            disabled: this.disabled,
+            error: !this.disabled && this.error,
+        };
         return html `
       <ix-field
         class="${classMap(classes)}"
@@ -173,51 +173,51 @@ export class IxDate extends LitElement {
           max=${this.max}
         />
       </ix-field>
-    `;
-    }
-}
-(() => {
-    requestUpdateOnAriaChange(IxDate);
-})();
-// Form association
-/** @nocollapse */
-IxDate.shadowRootOptions = {
-    ...LitElement.shadowRootOptions,
-    delegatesFocus: true,
-};
-/** @nocollapse  */
-IxDate.formAssociated = true;
-__decorate([
-    property({ type: String })
-], IxDate.prototype, "label", void 0);
-__decorate([
-    property({ type: String })
-], IxDate.prototype, "value", void 0);
-__decorate([
-    property({ type: String })
-], IxDate.prototype, "min", void 0);
-__decorate([
-    property({ type: String })
-], IxDate.prototype, "max", void 0);
-__decorate([
-    query('#date-input')
-], IxDate.prototype, "dateInput", void 0);
-__decorate([
-    property({ type: Boolean, reflect: true })
-], IxDate.prototype, "disabled", void 0);
-__decorate([
-    property({ type: String, attribute: 'error-text' })
-], IxDate.prototype, "errorText", void 0);
-__decorate([
-    property({ type: Boolean, reflect: true })
-], IxDate.prototype, "required", void 0);
-__decorate([
-    property({ type: Boolean, reflect: true })
-], IxDate.prototype, "hideError", void 0);
-__decorate([
-    property({ type: Function })
-], IxDate.prototype, "onChanged", void 0);
-__decorate([
-    state()
-], IxDate.prototype, "focused", void 0);
+    `;
+    }
+}
+(() => {
+    requestUpdateOnAriaChange(IxDate);
+})();
+// Form association
+/** @nocollapse */
+IxDate.shadowRootOptions = {
+    ...LitElement.shadowRootOptions,
+    delegatesFocus: true,
+};
+/** @nocollapse  */
+IxDate.formAssociated = true;
+__decorate([
+    property({ type: String })
+], IxDate.prototype, "label", void 0);
+__decorate([
+    property({ type: String })
+], IxDate.prototype, "value", void 0);
+__decorate([
+    property({ type: String })
+], IxDate.prototype, "min", void 0);
+__decorate([
+    property({ type: String })
+], IxDate.prototype, "max", void 0);
+__decorate([
+    query('#date-input')
+], IxDate.prototype, "dateInput", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], IxDate.prototype, "disabled", void 0);
+__decorate([
+    property({ type: String, attribute: 'error-text' })
+], IxDate.prototype, "errorText", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], IxDate.prototype, "required", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], IxDate.prototype, "hideError", void 0);
+__decorate([
+    property({ type: Function })
+], IxDate.prototype, "onChanged", void 0);
+__decorate([
+    state()
+], IxDate.prototype, "focused", void 0);
 //# sourceMappingURL=IxDate.js.map

package/dist/index.d.ts

@@ -1 +1 @@
-export { IxDate } from './IxDate.js';
+export { IxDate } from './IxDate.js';

package/dist/index.js

@@ -1,2 +1,2 @@
-export { IxDate } from './IxDate.js';
+export { IxDate } from './IxDate.js';
 //# sourceMappingURL=index.js.map

package/dist/ix-date-styles.d.ts

@@ -1 +1 @@
-export declare const IxDateStyles: import("lit").CSSResult;
+export declare const IxDateStyles: import("lit").CSSResult;

package/dist/ix-date-styles.js

@@ -1,4 +1,4 @@
-import { css } from 'lit';
+import { css } from 'lit';
 export const IxDateStyles = css `
   :host {
     display: block;
@@ -23,5 +23,5 @@ export const IxDateStyles = css `
   input {
     height: var(--ix-line-height);
   }
-`;
+`;
 //# sourceMappingURL=ix-date-styles.js.map

package/dist/ix-date.d.ts

@@ -1 +1 @@
-export {};
+export {};

package/dist/ix-date.js

@@ -1,3 +1,3 @@
-import { IxDate } from './IxDate.js';
-window.customElements.define('ix-date', IxDate);
+import { IxDate } from './IxDate.js';
+window.customElements.define('ix-date', IxDate);
 //# sourceMappingURL=ix-date.js.map

package/package.json

@@ -3,7 +3,7 @@
   "description": "Webcomponent ix-date following open-wc recommendations",
   "license": "MIT",
   "author": "Digital Realty",
-  "version": "1.0.31",
+  "version": "1.1.2-alpha-NJEN.1",
   "type": "module",
   "main": "dist/index.js",
   "module": "dist/index.js",
@@ -26,11 +26,11 @@
     "test:watch": "tsc && concurrently -k -r \"tsc --watch --preserveWatchOutput\" \"wtr --watch\""
   },
   "dependencies": {
-    "@digital-realty/ix-field": "^1.0.6",
+    "@digital-realty/ix-field": "^1.1.2-alpha-NJEN.1",
     "@digital-realty/theme": "^1.0.30",
     "@material/web": "1.2.0",
     "@web/test-runner-commands": "^0.9.0",
-    "lit": "^2.0.2"
+    "lit": "^2.8.0 || ^3.0.0"
   },
   "devDependencies": {
     "@custom-elements-manifest/analyzer": "^0.4.17",
@@ -100,5 +100,5 @@
     "README.md",
     "LICENSE"
   ],
-  "gitHead": "705b8d4a1375a3ce54b1562c65d8636b98b14466"
+  "gitHead": "36ec59c8921745261d39d5865fb4bd1a6b97ae46"
 }