@cas-smartdesign/lit-input 7.1.3

package/dist/input.d.ts

@@ -0,0 +1,81 @@
+import { LitElement, PropertyValues, TemplateResult } from "lit";
+import { ValidationLevel } from "@cas-smartdesign/field-validation-message";
+declare const TAG_NAME = "sd-lit-input";
+declare global {
+    interface HTMLElementTagNameMap {
+        [TAG_NAME]: SDInput;
+    }
+}
+export interface IValueChangeEvent {
+    value: string;
+}
+export interface CustomEventMap extends HTMLElementEventMap {
+    "immediate-value-change": CustomEvent<IValueChangeEvent>;
+    "value-change": CustomEvent<IValueChangeEvent>;
+}
+export default interface SDInput {
+    addEventListener<K extends keyof CustomEventMap>(event: K, listener: ((this: this, ev: CustomEventMap[K]) => unknown) | null, options?: AddEventListenerOptions | boolean): void;
+    addEventListener(type: string, callback: EventListenerOrEventListenerObject | null, options?: AddEventListenerOptions | boolean): void;
+    removeEventListener<K extends keyof CustomEventMap>(type: K, listener: (this: this, ev: CustomEventMap[K]) => unknown, options?: boolean | EventListenerOptions): void;
+    removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    dispatchEvent<EventType extends CustomEventMap[keyof CustomEventMap]>(event: EventType): boolean;
+}
+export default class SDInput extends LitElement {
+    static readonly ID: string;
+    private static readonly DEFAULT_MAX_LENGTH;
+    static formAssociated: boolean;
+    label: string;
+    validationMessage: string;
+    validationIconSrc: string;
+    validationLevel: ValidationLevel;
+    currentText: any;
+    alwaysFloatLabel: boolean;
+    autocompleted: boolean;
+    rows: number;
+    effectiveDisabled: boolean;
+    extendedPrefix: boolean;
+    type: string;
+    placeholder: string;
+    sdAriaLabel: string;
+    maxlength: number;
+    readonly: boolean;
+    required: boolean;
+    name: string;
+    inactive: boolean;
+    autocomplete: AutoFill;
+    private _inputElement;
+    private _initialized;
+    private _needsAutocompletedCheck;
+    private _validationMessageId;
+    private _inputId;
+    private _internals;
+    private _initialValue;
+    static shadowRootOptions: ShadowRootInit;
+    constructor();
+    connectedCallback(): void;
+    protected firstUpdated(changedProperties: PropertyValues): void;
+    private initAutocompleted;
+    private get activeShadyDOM();
+    private updateInitialValue;
+    get disabled(): boolean;
+    set disabled(disabled: boolean);
+    get inputElement(): HTMLInputElement;
+    get value(): string;
+    set value(newValue: string);
+    get selectionStart(): number;
+    focus(): void;
+    select(): void;
+    setSelectionRange(start: number, end: number): void;
+    static get styles(): import("lit").CSSResult[];
+    render(): TemplateResult;
+    protected updated(_changedProperties: PropertyValues): void;
+    update(changedProperties: PropertyValues): void;
+    protected fireValueChange(immediate?: boolean): void;
+    private shouldFloat;
+    protected setFormValue(value: string | File | FormData): void;
+    protected formResetCallback(): void;
+    protected formDisabledCallback(disabled: boolean): void;
+    protected formAssociatedCallback(_form: HTMLFormElement): void;
+    protected formStateRestoreCallback(state: File | string | FormData | null, reason: unknown): void;
+}
+export {};

package/dist/input.mjs

@@ -0,0 +1,261 @@
+import { LitElement as f, css as b, unsafeCSS as g, html as d, nothing as y } from "lit";
+import { property as a } from "lit/decorators/property.js";
+import { ifDefined as r } from "lit/directives/if-defined.js";
+import { ValidationLevel as m } from "@cas-smartdesign/field-validation-message";
+const x = ":host{display:inline-flex;position:relative;cursor:text;font-family:Segoe UI,Lucida Sans,Arial,sans-serif;font-size:16px;color:#111;contain:layout style;flex-direction:column}:host([hidden]),:host([type=hidden]){display:none!important}:host([effective-disabled]){opacity:.6;cursor:default;filter:grayscale(100%)}:host([effective-disabled]) .unfocused-line,:host([effective-disabled]) .focused-line{border-bottom-style:dashed}:host(:not([effective-disabled]):focus) .focused-line,:host(:not([effective-disabled])[focused]) .focused-line{transform:none;transition:transform .25s}:host(:not([effective-disabled]):focus) .label.float,:host(:not([effective-disabled])[focused]) .label.float{color:var(--sd-input-focused-color, #1467ba)}:host([inactive]) .input{pointer-events:none}:host([effective-disabled]:focus),:host([effective-disabled][focused]){box-shadow:0 0 0 1px #111}:host(:not([effective-disabled])[validationlevel]) .focused-line{transform:none;transition:transform .25s}:host([validationlevel=warn i]) .focused-line{border-bottom-color:var(--sd-input-validation-color, #555555)}:host([validationlevel=warn i]) .label,:host([validationlevel=warn i]) .validation-message{color:var(--sd-input-validation-color, #555555)!important}:host([validationlevel=suggest i]) .focused-line{border-bottom-color:var(--sd-input-validation-color, #bf8800)}:host([validationlevel=suggest i]) .label,:host([validationlevel=suggest i]) .validation-message{color:var(--sd-input-validation-color, #bf8800)!important}:host([validationlevel=error i]) .focused-line{border-bottom-color:var(--sd-input-validation-color, #cc0017)}:host([validationlevel=error i]) .label,:host([validationlevel=error i]) .validation-message{color:var(--sd-input-validation-color, #cc0017)!important}:host([validationlevel=warn]) .focused-line{border-bottom-color:var(--sd-input-validation-color, #555555)}:host([validationlevel=warn]) .label,:host([validationlevel=warn]) .validation-message{color:var(--sd-input-validation-color, #555555)!important}:host([validationlevel=suggest]) .focused-line{border-bottom-color:var(--sd-input-validation-color, #bf8800)}:host([validationlevel=suggest]) .label,:host([validationlevel=suggest]) .validation-message{color:var(--sd-input-validation-color, #bf8800)!important}:host([validationlevel=error]) .focused-line{border-bottom-color:var(--sd-input-validation-color, #cc0017)}:host([validationlevel=error]) .label,:host([validationlevel=error]) .validation-message{color:var(--sd-input-validation-color, #cc0017)!important}.validation-message-wrapper{position:relative}.validation-message{position:absolute;left:0;right:0}.label.float{transform:translateY(-75%) scale(.75);width:133%}.label:not(.float){max-width:100%}.floated-label-placeholder{height:20px;width:100%}.label{position:absolute;top:0;left:0;line-height:24px;pointer-events:none;color:var(--sd-input-color, #767676);transition:transform .25s,width .25s;transform-origin:left top}.input-wrapper{position:relative;display:flex;flex-direction:row;align-items:center;background-color:var(--input-wrapper-background-color)}:host([extended-prefix]:focus-within:not([effective-disabled])) .input-wrapper{flex-direction:column;align-items:baseline}:host([extended-prefix]:focus-within:not([effective-disabled])) .input-container{width:100%}:host([extended-prefix]:not(:focus-within)) .input-container,:host([extended-prefix][effective-disabled]) .input-container{width:0px}.input-container{line-height:var(--sd-input-line-height, 24px);flex:1 1 auto}.input{width:100%;background:var(--sd-input-background, transparent);font-family:inherit;font-size:inherit;text-align:inherit;color:inherit;border:none;outline:none;resize:none;padding-left:0;padding-right:0}.input:-webkit-autofill{animation-name:onautofillstart}.input:not(:-webkit-autofill){animation-name:onautofillcancel}@keyframes onautofillstart{0%{outline:none}}@keyframes onautofillcancel{0%{outline:none}}.label,input.input,.validation-message{text-overflow:ellipsis;overflow-x:hidden;white-space:nowrap}.input::-ms-clear{display:none}.input::placeholder{color:var(--sd-input-color, #767676)}.input:-ms-input-placeholder{color:var(--sd-input-color, #767676)}.input::-ms-input-placeholder{color:var(--sd-input-color, #767676)}.underline{height:2px;width:100%;position:relative}.unfocused-line,.focused-line{position:absolute;top:0;right:0;bottom:0;left:0}.unfocused-line{border-bottom:1px solid var(--sd-input-underline-color, #959595)}.focused-line{border-bottom:2px solid var(--sd-input-focused-color, #1467ba);transform-origin:center center;transform:scale3d(0,1,1)}.prefix,.suffix{display:flex;flex-wrap:nowrap}.prefix ::slotted(*),.suffix ::slotted(*){display:flex}";
+var w = Object.defineProperty, E = Object.getOwnPropertyDescriptor, o = (u, t, e, s) => {
+  for (var n = s > 1 ? void 0 : s ? E(t, e) : t, h = u.length - 1, p; h >= 0; h--)
+    (p = u[h]) && (n = (s ? p(t, e, n) : p(n)) || n);
+  return s && n && w(t, e, n), n;
+};
+const $ = "sd-lit-input", v = "delegatesFocus" in window.ShadowRoot.prototype;
+let _ = 0;
+var l;
+const i = (l = class extends f {
+  constructor() {
+    super(), this.rows = 1, this.effectiveDisabled = !1, this.type = "text", this.autocomplete = "off";
+    const t = _++;
+    this._validationMessageId = l.ID + "_message_" + t, this._inputId = l.ID + "_input_" + t, this.attachInternals && !this.activeShadyDOM && (this._internals = this.attachInternals());
+  }
+  connectedCallback() {
+    super.connectedCallback(), this.hasAttribute("tabIndex") || (this.tabIndex = 0);
+  }
+  firstUpdated(t) {
+    super.firstUpdated(t), this.initAutocompleted(this.inputElement), this.updateInitialValue(), this.hasAttribute("disabled") && (this.disabled = !0), this.inputElement.oninput = (e) => {
+      this.autocompleted = e.inputType === "insertReplacementText" || !("data" in e), this.currentText = this.inputElement.value, this.fireValueChange(!0);
+    }, this.inputElement.onchange = () => this.fireValueChange(), v || (this.inputElement.onfocus = () => this.setAttribute("focused", ""), this.inputElement.onblur = () => this.removeAttribute("focused"), this.addEventListener("focus", (e) => {
+      e.target === this && this.inputElement.focus();
+    })), this.addEventListener("keydown", (e) => {
+      var s, n;
+      e.key == "Enter" && ((n = (s = this._internals) == null ? void 0 : s.form) == null || n.requestSubmit());
+    }), this._initialized = !0;
+  }
+  initAutocompleted(t) {
+    const e = (s) => {
+      /^onautofillstart(-sd-lit-input-\d+|\s?)$/.test(s.animationName) ? this.autocompleted = !0 : /^onautofillcancel(-sd-lit-input-\d+|\s?)$/.test(s.animationName) && (this.autocompleted = !1);
+    };
+    this.activeShadyDOM ? (this._needsAutocompletedCheck = !0, this.activeShadyDOM.nativeMethods.addEventListener.call(t, "animationstart", e)) : t.addEventListener("animationstart", e);
+  }
+  get activeShadyDOM() {
+    const t = window.ShadyDOM;
+    return t && t.inUse ? t : null;
+  }
+  updateInitialValue() {
+    typeof this.currentText < "u" ? this.value = this.currentText : this.value = this.getAttribute("value"), this.value && (this.currentText = this.inputElement.value), this._initialValue = this.value;
+  }
+  get disabled() {
+    return this.hasAttribute("disabled");
+  }
+  set disabled(t) {
+    t ? this.setAttribute("disabled", "") : this.removeAttribute("disabled"), this._internals || (this.effectiveDisabled = t);
+  }
+  // It is public as hacking around due to IE 11 is a common task to do.
+  get inputElement() {
+    return this.shadowRoot && !this._inputElement && (this._inputElement = this.shadowRoot.querySelector(".input")), this._inputElement;
+  }
+  get value() {
+    return this.inputElement && this.inputElement.value;
+  }
+  set value(t) {
+    this.currentText = t || "", this.inputElement && (this.inputElement.value = this.currentText), this.setFormValue(this.currentText);
+  }
+  get selectionStart() {
+    return this.inputElement ? this.inputElement.selectionStart : 0;
+  }
+  focus() {
+    this.inputElement ? this.inputElement.focus() : super.focus();
+  }
+  select() {
+    this.inputElement && this.inputElement.select();
+  }
+  setSelectionRange(t, e) {
+    this.updateComplete.then(() => {
+      this.inputElement && this.inputElement.setSelectionRange(t, e);
+    });
+  }
+  static get styles() {
+    return [
+      b`
+                ${g(x)}
+            `
+    ];
+  }
+  render() {
+    let t;
+    return this.rows === 1 ? t = d`
+                <input
+                    id=${this._inputId}
+                    class="input"
+                    .type=${this.type}
+                    placeholder=${r(this.placeholder || void 0)}
+                    name=${r(this.name || void 0)}
+                    aria-disabled=${this.effectiveDisabled}
+                    autocomplete=${this.autocomplete}
+                    ?disabled=${this.inactive}
+                    ?readonly=${this.readonly || this.effectiveDisabled}
+                    ?required=${this.required}
+                    maxlength=${this.maxlength > 0 ? this.maxlength : l.DEFAULT_MAX_LENGTH}
+                    aria-describedby=${this._validationMessageId}
+                    aria-invalid=${r(!!this.validationMessage || void 0)}
+                    aria-label=${r(this.sdAriaLabel || void 0)}
+                />
+            ` : t = d`
+                <textarea
+                    id=${this._inputId}
+                    class="input"
+                    placeholder=${r(this.placeholder || void 0)}
+                    name=${r(this.name || void 0)}
+                    aria-disabled=${this.effectiveDisabled}
+                    autocomplete=${this.autocomplete}
+                    ?disabled=${this.inactive}
+                    ?readonly=${this.readonly || this.effectiveDisabled}
+                    ?required=${this.required}
+                    maxlength=${this.maxlength > 0 ? this.maxlength : l.DEFAULT_MAX_LENGTH}
+                    rows=${this.rows}
+                    aria-describedby=${this._validationMessageId}
+                    aria-invalid=${r(!!this.validationMessage || void 0)}
+                    aria-label=${r(this.sdAriaLabel || void 0)}
+                ></textarea>
+            `, d`
+            ${this.label ? d` <div class="floated-label-placeholder" aria-hidden="true">&nbsp;</div> ` : y}
+            <div class="input-wrapper">
+                <span class="prefix"><slot name="prefix"></slot></span>
+                <div class="input-container" style="position:${this.shouldFloat() ? "static" : "relative"};">
+                    ${this.label && d`
+                        <label for="${this._inputId}" class="label ${this.shouldFloat() ? "float" : ""}"
+                            >${this.label}</label
+                        >
+                    `}
+                    ${t}
+                </div>
+                <span class="suffix"><slot name="suffix"></slot></span>
+            </div>
+            <div class="underline" aria-hidden="true">
+                <div class="unfocused-line"></div>
+                <div class="focused-line"></div>
+            </div>
+            <div class="validation-message-wrapper" aria-hidden="true">
+                ${this.validationMessage && d`
+                    <sd-field-validation-message
+                        id=${this._validationMessageId}
+                        class="validation-message"
+                        .message=${this.validationMessage}
+                        .icon=${this.validationIconSrc}
+                        .level=${this.validationLevel}
+                    >
+                    </sd-field-validation-message>
+                `}
+            </div>
+        `;
+  }
+  updated(t) {
+    super.updated(t), this._needsAutocompletedCheck && !this.autocompleted && setTimeout(() => {
+      try {
+        this.autocompleted = this.autocompleted || !!this.shadowRoot.querySelector(":-webkit-autofill");
+      } catch {
+      }
+    }, 0);
+  }
+  update(t) {
+    var e, s;
+    if (super.update(t), t.has("validationMessage") && (this.validationMessage ? (this.validationLevel || (this.validationLevel = m.Error), (e = this._internals) == null || e.setValidity({ customError: !0 }, this.validationMessage)) : (this.validationLevel = null, (s = this._internals) == null || s.setValidity({}))), this._initialized && t.has("rows"))
+      throw Error("rows attribute cannot be changed after the input is attached to the DOM");
+  }
+  fireValueChange(t) {
+    this.dispatchEvent(
+      new CustomEvent(`${t ? "immediate-" : ""}value-change`, {
+        detail: { value: this.value }
+      })
+    ), this.setFormValue(this.value);
+  }
+  shouldFloat() {
+    return this.alwaysFloatLabel || this.currentText || this.placeholder || this.autocompleted;
+  }
+  setFormValue(t) {
+    var e;
+    (e = this._internals) == null || e.setFormValue(t);
+  }
+  formResetCallback() {
+    this.value = this._initialValue;
+  }
+  formDisabledCallback(t) {
+    this.effectiveDisabled = t || this.hasAttribute("disabled");
+  }
+  formAssociatedCallback(t) {
+    this._needsAutocompletedCheck = !0;
+  }
+  formStateRestoreCallback(t, e) {
+    typeof t == "string" && (this.value = t);
+  }
+}, l.ID = $, l.DEFAULT_MAX_LENGTH = 524288, l.formAssociated = !0, l.shadowRootOptions = {
+  ...f.shadowRootOptions,
+  delegatesFocus: v
+}, l);
+o([
+  a({ type: String, reflect: !0 })
+], i.prototype, "label", 2);
+o([
+  a({ type: String, attribute: !0 })
+], i.prototype, "validationMessage", 2);
+o([
+  a({ type: String, attribute: !0 })
+], i.prototype, "validationIconSrc", 2);
+o([
+  a({ type: m, attribute: !0, reflect: !0 })
+], i.prototype, "validationLevel", 2);
+o([
+  a({
+    type: String,
+    hasChanged(u, t) {
+      return t != null && t != u;
+    }
+  })
+], i.prototype, "currentText", 2);
+o([
+  a({ type: Boolean, attribute: !0 })
+], i.prototype, "alwaysFloatLabel", 2);
+o([
+  a({ type: Boolean, attribute: !0 })
+], i.prototype, "autocompleted", 2);
+o([
+  a({ type: Number, attribute: !0 })
+], i.prototype, "rows", 2);
+o([
+  a({ type: Boolean, reflect: !0, attribute: "effective-disabled" })
+], i.prototype, "effectiveDisabled", 2);
+o([
+  a({ type: Boolean, reflect: !0, attribute: "extended-prefix" })
+], i.prototype, "extendedPrefix", 2);
+o([
+  a({ type: String, reflect: !0 })
+], i.prototype, "type", 2);
+o([
+  a({ type: String, reflect: !0 })
+], i.prototype, "placeholder", 2);
+o([
+  a({ type: String, reflect: !0 })
+], i.prototype, "sdAriaLabel", 2);
+o([
+  a({ type: Number, reflect: !0 })
+], i.prototype, "maxlength", 2);
+o([
+  a({ type: Boolean, reflect: !0 })
+], i.prototype, "readonly", 2);
+o([
+  a({ type: Boolean, reflect: !0 })
+], i.prototype, "required", 2);
+o([
+  a({ type: String, reflect: !0 })
+], i.prototype, "name", 2);
+o([
+  a({ type: Boolean, reflect: !0 })
+], i.prototype, "inactive", 2);
+o([
+  a({ type: String, attribute: !0 })
+], i.prototype, "autocomplete", 2);
+let c = i;
+customElements.get(c.ID) || customElements.define(c.ID, c);
+export {
+  c as default
+};
+//# sourceMappingURL=input.mjs.map

package/dist/input.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"input.mjs","sources":["../input.ts"],"sourcesContent":["import { LitElement, html, PropertyValues, unsafeCSS, TemplateResult, css, nothing } from \"lit\";\nimport { property } from \"lit/decorators/property.js\";\nimport { ifDefined } from \"lit/directives/if-defined.js\";\nimport { ValidationLevel } from \"@cas-smartdesign/field-validation-message\";\n\nconst TAG_NAME = \"sd-lit-input\";\n\ndeclare global {\n    interface HTMLElementTagNameMap {\n        [TAG_NAME]: SDInput;\n    }\n}\n\nimport style from \"./style.scss?inline\";\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nconst delegatesFocus = \"delegatesFocus\" in (window as any).ShadowRoot.prototype;\n\nlet idCounter = 0;\n\nexport interface IValueChangeEvent {\n    value: string;\n}\n\nexport interface CustomEventMap extends HTMLElementEventMap {\n    \"immediate-value-change\": CustomEvent<IValueChangeEvent>;\n    \"value-change\": CustomEvent<IValueChangeEvent>;\n}\n\nexport default interface SDInput {\n    addEventListener<K extends keyof CustomEventMap>(\n        event: K,\n        listener: ((this: this, ev: CustomEventMap[K]) => unknown) | null,\n        options?: AddEventListenerOptions | boolean,\n    ): void;\n    addEventListener(\n        type: string,\n        callback: EventListenerOrEventListenerObject | null,\n        options?: AddEventListenerOptions | boolean,\n    ): void;\n    removeEventListener<K extends keyof CustomEventMap>(\n        type: K,\n        listener: (this: this, ev: CustomEventMap[K]) => unknown,\n        options?: boolean | EventListenerOptions,\n    ): void;\n    removeEventListener(\n        type: string,\n        listener: EventListenerOrEventListenerObject,\n        options?: boolean | EventListenerOptions,\n    ): void;\n    dispatchEvent<EventType extends CustomEventMap[keyof CustomEventMap]>(event: EventType): boolean;\n}\n\nexport default class SDInput extends LitElement {\n    public static readonly ID: string = TAG_NAME;\n    private static readonly DEFAULT_MAX_LENGTH: number = 524288;\n    static formAssociated = true;\n\n    @property({ type: String, reflect: true })\n    public label: string;\n    @property({ type: String, attribute: true })\n    public validationMessage: string;\n    @property({ type: String, attribute: true })\n    public validationIconSrc: string;\n    @property({ type: ValidationLevel, attribute: true, reflect: true })\n    public validationLevel: ValidationLevel;\n    @property({\n        type: String,\n        hasChanged(value, oldValue) {\n            return oldValue != undefined && oldValue != value;\n        },\n    })\n    public currentText;\n    @property({ type: Boolean, attribute: true })\n    public alwaysFloatLabel: boolean;\n    @property({ type: Boolean, attribute: true })\n    public autocompleted: boolean;\n    @property({ type: Number, attribute: true })\n    public rows = 1;\n    @property({ type: Boolean, reflect: true, attribute: \"effective-disabled\" })\n    public effectiveDisabled: boolean = false;\n    @property({ type: Boolean, reflect: true, attribute: \"extended-prefix\" })\n    public extendedPrefix: boolean;\n\n    // delegated settings to input\n    @property({ type: String, reflect: true })\n    public type = \"text\";\n    @property({ type: String, reflect: true })\n    public placeholder: string;\n    @property({ type: String, reflect: true })\n    public sdAriaLabel: string;\n    @property({ type: Number, reflect: true })\n    public maxlength: number;\n    @property({ type: Boolean, reflect: true })\n    public readonly: boolean;\n    @property({ type: Boolean, reflect: true })\n    public required: boolean;\n    @property({ type: String, reflect: true })\n    public name: string;\n    @property({ type: Boolean, reflect: true })\n    public inactive: boolean;\n    @property({ type: String, attribute: true })\n    public autocomplete: AutoFill = \"off\";\n\n    private _inputElement: HTMLInputElement;\n    private _initialized: boolean;\n    private _needsAutocompletedCheck: boolean;\n    private _validationMessageId: string;\n    private _inputId: string;\n    private _internals: ElementInternals;\n    private _initialValue: string;\n\n    static shadowRootOptions: ShadowRootInit = {\n        ...LitElement.shadowRootOptions,\n        delegatesFocus,\n    };\n\n    constructor() {\n        super();\n        const nextIdNumber = idCounter++;\n        this._validationMessageId = SDInput.ID + \"_message_\" + nextIdNumber;\n        this._inputId = SDInput.ID + \"_input_\" + nextIdNumber;\n        if (this.attachInternals && !this.activeShadyDOM) {\n            this._internals = this.attachInternals();\n        }\n    }\n\n    connectedCallback(): void {\n        super.connectedCallback();\n        if (!this.hasAttribute(\"tabIndex\")) {\n            this.tabIndex = 0;\n        }\n    }\n\n    protected firstUpdated(changedProperties: PropertyValues): void {\n        super.firstUpdated(changedProperties);\n        this.initAutocompleted(this.inputElement);\n        this.updateInitialValue();\n\n        if (this.hasAttribute(\"disabled\")) {\n            this.disabled = true;\n        }\n\n        this.inputElement.oninput = (event: InputEvent) => {\n            this.autocompleted = \"insertReplacementText\" === event.inputType || !(\"data\" in event);\n            this.currentText = this.inputElement.value;\n            this.fireValueChange(true);\n        };\n        this.inputElement.onchange = () => this.fireValueChange();\n        if (!delegatesFocus) {\n            // Provide a limited \"delegatesFocus\" behavior where it is not supported.\n            // Note that clicking on non-focusable elements inside the shadow root\n            // does not focus the first focusable element as it would have been expected.\n            this.inputElement.onfocus = () => this.setAttribute(\"focused\", \"\");\n            this.inputElement.onblur = () => this.removeAttribute(\"focused\");\n            this.addEventListener(\"focus\", (event) => {\n                if (event.target === this) {\n                    this.inputElement.focus();\n                }\n            });\n        }\n        this.addEventListener(\"keydown\", (event) => {\n            if (event.key == \"Enter\") {\n                this._internals?.form?.requestSubmit();\n            }\n        });\n        this._initialized = true;\n    }\n\n    private initAutocompleted(target: HTMLElement) {\n        const listener = (event) => {\n            if (/^onautofillstart(-sd-lit-input-\\d+|\\s?)$/.test(event.animationName)) {\n                this.autocompleted = true;\n            } else if (/^onautofillcancel(-sd-lit-input-\\d+|\\s?)$/.test(event.animationName)) {\n                this.autocompleted = false;\n            }\n        };\n        if (this.activeShadyDOM) {\n            this._needsAutocompletedCheck = true;\n            this.activeShadyDOM.nativeMethods.addEventListener.call(target, \"animationstart\", listener);\n        } else {\n            target.addEventListener(\"animationstart\", listener);\n        }\n    }\n\n    private get activeShadyDOM(): { nativeMethods } | null {\n        // eslint-disable-next-line @typescript-eslint/no-explicit-any\n        const shadyDOM = (window as any).ShadyDOM;\n        return shadyDOM && shadyDOM.inUse ? shadyDOM : null;\n    }\n\n    private updateInitialValue(): void {\n        if (typeof this.currentText !== \"undefined\") {\n            this.value = this.currentText;\n        } else {\n            this.value = this.getAttribute(\"value\");\n        }\n        if (this.value) {\n            this.currentText = this.inputElement.value;\n        }\n        this._initialValue = this.value;\n    }\n\n    public get disabled(): boolean {\n        return this.hasAttribute(\"disabled\");\n    }\n\n    public set disabled(disabled: boolean) {\n        if (disabled) {\n            this.setAttribute(\"disabled\", \"\");\n        } else {\n            this.removeAttribute(\"disabled\");\n        }\n        if (!this._internals) {\n            this.effectiveDisabled = disabled;\n        }\n    }\n\n    // It is public as hacking around due to IE 11 is a common task to do.\n    public get inputElement(): HTMLInputElement {\n        if (this.shadowRoot && !this._inputElement) {\n            this._inputElement = this.shadowRoot.querySelector(\".input\");\n        }\n        return this._inputElement;\n    }\n\n    public get value(): string {\n        return this.inputElement && this.inputElement.value;\n    }\n\n    public set value(newValue: string) {\n        this.currentText = newValue || \"\";\n        if (this.inputElement) {\n            this.inputElement.value = this.currentText;\n        }\n        this.setFormValue(this.currentText);\n    }\n\n    public get selectionStart(): number {\n        return this.inputElement ? this.inputElement.selectionStart : 0;\n    }\n\n    public focus(): void {\n        if (this.inputElement) {\n            this.inputElement.focus();\n        } else {\n            super.focus();\n        }\n    }\n\n    public select(): void {\n        if (this.inputElement) {\n            this.inputElement.select();\n        }\n    }\n\n    public setSelectionRange(start: number, end: number): void {\n        this.updateComplete.then(() => {\n            if (this.inputElement) {\n                this.inputElement.setSelectionRange(start, end);\n            }\n        });\n    }\n\n    static get styles() {\n        return [\n            css`\n                ${unsafeCSS(style)}\n            `,\n        ];\n    }\n\n    public render(): TemplateResult {\n        let inputPart;\n        if (this.rows === 1) {\n            inputPart = html`\n                <input\n                    id=${this._inputId}\n                    class=\"input\"\n                    .type=${this.type}\n                    placeholder=${ifDefined(this.placeholder || undefined)}\n                    name=${ifDefined(this.name || undefined)}\n                    aria-disabled=${this.effectiveDisabled}\n                    autocomplete=${this.autocomplete}\n                    ?disabled=${this.inactive}\n                    ?readonly=${this.readonly || this.effectiveDisabled}\n                    ?required=${this.required}\n                    maxlength=${this.maxlength > 0 ? this.maxlength : SDInput.DEFAULT_MAX_LENGTH}\n                    aria-describedby=${this._validationMessageId}\n                    aria-invalid=${ifDefined(!!this.validationMessage || undefined)}\n                    aria-label=${ifDefined(this.sdAriaLabel || undefined)}\n                />\n            `;\n        } else {\n            inputPart = html`\n                <textarea\n                    id=${this._inputId}\n                    class=\"input\"\n                    placeholder=${ifDefined(this.placeholder || undefined)}\n                    name=${ifDefined(this.name || undefined)}\n                    aria-disabled=${this.effectiveDisabled}\n                    autocomplete=${this.autocomplete}\n                    ?disabled=${this.inactive}\n                    ?readonly=${this.readonly || this.effectiveDisabled}\n                    ?required=${this.required}\n                    maxlength=${this.maxlength > 0 ? this.maxlength : SDInput.DEFAULT_MAX_LENGTH}\n                    rows=${this.rows}\n                    aria-describedby=${this._validationMessageId}\n                    aria-invalid=${ifDefined(!!this.validationMessage || undefined)}\n                    aria-label=${ifDefined(this.sdAriaLabel || undefined)}\n                ></textarea>\n            `;\n        }\n        return html`\n            ${this.label ? html` <div class=\"floated-label-placeholder\" aria-hidden=\"true\">&nbsp;</div> ` : nothing}\n            <div class=\"input-wrapper\">\n                <span class=\"prefix\"><slot name=\"prefix\"></slot></span>\n                <div class=\"input-container\" style=\"position:${this.shouldFloat() ? \"static\" : \"relative\"};\">\n                    ${this.label &&\n                    html`\n                        <label for=\"${this._inputId}\" class=\"label ${this.shouldFloat() ? \"float\" : \"\"}\"\n                            >${this.label}</label\n                        >\n                    `}\n                    ${inputPart}\n                </div>\n                <span class=\"suffix\"><slot name=\"suffix\"></slot></span>\n            </div>\n            <div class=\"underline\" aria-hidden=\"true\">\n                <div class=\"unfocused-line\"></div>\n                <div class=\"focused-line\"></div>\n            </div>\n            <div class=\"validation-message-wrapper\" aria-hidden=\"true\">\n                ${this.validationMessage &&\n                html`\n                    <sd-field-validation-message\n                        id=${this._validationMessageId}\n                        class=\"validation-message\"\n                        .message=${this.validationMessage}\n                        .icon=${this.validationIconSrc}\n                        .level=${this.validationLevel}\n                    >\n                    </sd-field-validation-message>\n                `}\n            </div>\n        `;\n    }\n\n    protected updated(_changedProperties: PropertyValues): void {\n        super.updated(_changedProperties);\n        if (this._needsAutocompletedCheck && !this.autocompleted) {\n            setTimeout(() => {\n                try {\n                    // In certain cases there is no animation event dispatched even if the animation itself is done (it is visible also in dev tools) when an autofill is done.\n                    this.autocompleted = this.autocompleted || !!this.shadowRoot.querySelector(\":-webkit-autofill\");\n                } catch (ignored) {\n                    // the above used selector is not supported for example in Firefox\n                }\n            }, 0);\n        }\n    }\n\n    public update(changedProperties: PropertyValues): void {\n        super.update(changedProperties);\n        if (changedProperties.has(\"validationMessage\")) {\n            if (this.validationMessage) {\n                if (!this.validationLevel) {\n                    this.validationLevel = ValidationLevel.Error;\n                }\n                this._internals?.setValidity({ customError: true }, this.validationMessage);\n            } else {\n                this.validationLevel = null;\n                this._internals?.setValidity({});\n            }\n        }\n        if (this._initialized && changedProperties.has(\"rows\")) {\n            throw Error(\"rows attribute cannot be changed after the input is attached to the DOM\");\n        }\n    }\n\n    protected fireValueChange(immediate?: boolean): void {\n        this.dispatchEvent(\n            new CustomEvent<IValueChangeEvent>(`${immediate ? \"immediate-\" : \"\"}value-change`, {\n                detail: { value: this.value },\n            }),\n        );\n        this.setFormValue(this.value);\n    }\n\n    private shouldFloat() {\n        return this.alwaysFloatLabel || this.currentText || this.placeholder || this.autocompleted;\n    }\n\n    protected setFormValue(value: string | File | FormData) {\n        this._internals?.setFormValue(value);\n    }\n\n    protected formResetCallback() {\n        this.value = this._initialValue;\n    }\n\n    protected formDisabledCallback(disabled: boolean) {\n        this.effectiveDisabled = disabled || this.hasAttribute(\"disabled\");\n    }\n\n    protected formAssociatedCallback(_form: HTMLFormElement) {\n        this._needsAutocompletedCheck = true;\n    }\n\n    protected formStateRestoreCallback(state: File | string | FormData | null, reason: unknown) {\n        if (typeof state == \"string\") {\n            this.value = state;\n        }\n    }\n}\n\nif (!customElements.get(SDInput.ID)) {\n    customElements.define(SDInput.ID, SDInput);\n}\n"],"names":["TAG_NAME","delegatesFocus","idCounter","_SDInput","_a","LitElement","nextIdNumber","changedProperties","event","_b","target","listener","shadyDOM","disabled","newValue","start","end","css","unsafeCSS","style","inputPart","html","ifDefined","nothing","_changedProperties","ValidationLevel","immediate","value","_form","state","reason","__decorateClass","property","oldValue","SDInput"],"mappings":"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"}

package/npm-third-party-licenses.json

@@ -0,0 +1,192 @@
+{
+    "@cypress/vite-dev-server@5.0.7": {
+        "licenses": "MIT",
+        "repository": "https://github.com/cypress-io/cypress",
+        "licenseUrl": "https://github.com/cypress-io/cypress/tree/develop/npm/vite-dev-server#readme"
+    },
+    "@rollup/plugin-node-resolve@15.2.3": {
+        "licenses": "MIT",
+        "repository": "https://github.com/rollup/plugins",
+        "licenseUrl": "https://github.com/rollup/plugins/raw/HEAD/LICENSE"
+    },
+    "@types/node@20.10.6": {
+        "licenses": "MIT",
+        "repository": "https://github.com/DefinitelyTyped/DefinitelyTyped",
+        "licenseUrl": "https://github.com/DefinitelyTyped/DefinitelyTyped/raw/HEAD/LICENSE"
+    },
+    "@types/postcss-prefix-selector@1.16.3": {
+        "licenses": "MIT",
+        "repository": "https://github.com/DefinitelyTyped/DefinitelyTyped",
+        "licenseUrl": "https://github.com/DefinitelyTyped/DefinitelyTyped/raw/HEAD/LICENSE"
+    },
+    "@typescript-eslint/eslint-plugin@6.17.0": {
+        "licenses": "MIT",
+        "repository": "https://github.com/typescript-eslint/typescript-eslint",
+        "licenseUrl": "https://github.com/typescript-eslint/typescript-eslint/raw/HEAD/LICENSE"
+    },
+    "@typescript-eslint/parser@6.17.0": {
+        "licenses": "BSD-2-Clause",
+        "repository": "https://github.com/typescript-eslint/typescript-eslint",
+        "licenseUrl": "https://github.com/typescript-eslint/typescript-eslint/raw/HEAD/LICENSE"
+    },
+    "@vitest/coverage-v8@1.1.1": {
+        "licenses": "MIT",
+        "repository": "https://github.com/vitest-dev/vitest",
+        "licenseUrl": "https://github.com/vitest-dev/vitest/raw/HEAD/LICENSE"
+    },
+    "@vitest/ui@1.1.1": {
+        "licenses": "MIT",
+        "repository": "https://github.com/vitest-dev/vitest",
+        "licenseUrl": "https://github.com/vitest-dev/vitest/raw/HEAD/LICENSE"
+    },
+    "axe-core@4.8.3": {
+        "licenses": "MPL-2.0",
+        "repository": "https://github.com/dequelabs/axe-core",
+        "licenseUrl": "https://github.com/dequelabs/axe-core/raw/HEAD/LICENSE"
+    },
+    "cypress-axe@1.5.0": {
+        "licenses": "MIT",
+        "repository": "https://github.com/component-driven/cypress-axe",
+        "licenseUrl": "https://github.com/component-driven/cypress-axe/raw/HEAD/License.md"
+    },
+    "cypress-real-events@1.13.0": {
+        "licenses": "MIT",
+        "repository": "https://github.com/dmtrKovalenko/cypress-real-events",
+        "licenseUrl": "https://github.com/dmtrKovalenko/cypress-real-events"
+    },
+    "cypress@13.6.2": {
+        "licenses": "MIT",
+        "repository": "https://github.com/cypress-io/cypress",
+        "licenseUrl": "https://cypress.io"
+    },
+    "esbuild@0.19.11": {
+        "licenses": "MIT",
+        "repository": "https://github.com/evanw/esbuild",
+        "licenseUrl": "https://github.com/evanw/esbuild/raw/HEAD/LICENSE.md"
+    },
+    "eslint-config-google@0.14.0": {
+        "licenses": "Apache-2.0",
+        "repository": "https://github.com/google/eslint-config-google",
+        "licenseUrl": "https://github.com/google/eslint-config-google/raw/HEAD/LICENSE"
+    },
+    "eslint-config-prettier@9.1.0": {
+        "licenses": "MIT",
+        "repository": "https://github.com/prettier/eslint-config-prettier",
+        "licenseUrl": "https://github.com/prettier/eslint-config-prettier/raw/HEAD/LICENSE"
+    },
+    "eslint@8.56.0": {
+        "licenses": "MIT",
+        "repository": "https://github.com/eslint/eslint",
+        "licenseUrl": "https://github.com/eslint/eslint/raw/HEAD/LICENSE"
+    },
+    "github-markdown-css@5.5.0": {
+        "licenses": "MIT",
+        "repository": "https://github.com/sindresorhus/github-markdown-css",
+        "licenseUrl": "https://github.com/sindresorhus/github-markdown-css/raw/HEAD/license"
+    },
+    "highlight.js@11.9.0": {
+        "licenses": "BSD-3-Clause",
+        "repository": "https://github.com/highlightjs/highlight.js",
+        "licenseUrl": "https://github.com/highlightjs/highlight.js/raw/HEAD/LICENSE"
+    },
+    "junit-report-builder@3.1.0": {
+        "licenses": "MIT",
+        "repository": "https://github.com/davidparsson/junit-report-builder",
+        "licenseUrl": "https://github.com/davidparsson/junit-report-builder/raw/HEAD/LICENSE"
+    },
+    "lint-staged@15.2.0": {
+        "licenses": "MIT",
+        "repository": "https://github.com/okonet/lint-staged",
+        "licenseUrl": "https://github.com/okonet/lint-staged/raw/HEAD/LICENSE"
+    },
+    "lit@2.8.0": {
+        "licenses": "BSD-3-Clause",
+        "repository": "https://github.com/lit/lit",
+        "licenseUrl": "https://github.com/lit/lit/raw/HEAD/LICENSE"
+    },
+    "marked@11.1.1": {
+        "licenses": "MIT",
+        "repository": "https://github.com/markedjs/marked",
+        "licenseUrl": "https://github.com/markedjs/marked/raw/HEAD/LICENSE.md"
+    },
+    "postcss-prefix-selector@1.16.0": {
+        "licenses": "MIT",
+        "repository": "https://github.com/RadValentin/postcss-prefix-selector",
+        "licenseUrl": "https://github.com/RadValentin/postcss-prefix-selector/raw/HEAD/LICENSE"
+    },
+    "postcss@8.4.32": {
+        "licenses": "MIT",
+        "repository": "https://github.com/postcss/postcss",
+        "licenseUrl": "https://github.com/postcss/postcss/raw/HEAD/LICENSE"
+    },
+    "prettier@3.1.1": {
+        "licenses": "MIT",
+        "repository": "https://github.com/prettier/prettier",
+        "licenseUrl": "https://github.com/prettier/prettier/raw/HEAD/LICENSE"
+    },
+    "resolve-pkg@2.0.0": {
+        "licenses": "MIT",
+        "repository": "https://github.com/sindresorhus/resolve-pkg",
+        "licenseUrl": "https://github.com/sindresorhus/resolve-pkg/raw/HEAD/license"
+    },
+    "sass@1.69.6": {
+        "licenses": "MIT",
+        "repository": "https://github.com/sass/dart-sass",
+        "licenseUrl": "https://github.com/sass/dart-sass/raw/HEAD/LICENSE"
+    },
+    "stylelint-config-recommended-scss@14.0.0": {
+        "licenses": "MIT",
+        "repository": "https://github.com/stylelint-scss/stylelint-config-recommended-scss",
+        "licenseUrl": "https://github.com/stylelint-scss/stylelint-config-recommended-scss/raw/HEAD/LICENSE"
+    },
+    "stylelint-config-standard@36.0.0": {
+        "licenses": "MIT",
+        "repository": "https://github.com/stylelint/stylelint-config-standard",
+        "licenseUrl": "https://github.com/stylelint/stylelint-config-standard/raw/HEAD/LICENSE"
+    },
+    "stylelint-scss@6.0.0": {
+        "licenses": "MIT",
+        "repository": "https://github.com/stylelint-scss/stylelint-scss",
+        "licenseUrl": "https://github.com/stylelint-scss/stylelint-scss/raw/HEAD/LICENSE"
+    },
+    "stylelint@16.1.0": {
+        "licenses": "MIT",
+        "repository": "https://github.com/stylelint/stylelint",
+        "licenseUrl": "https://github.com/stylelint/stylelint/raw/HEAD/LICENSE"
+    },
+    "tsup@8.0.1": {
+        "licenses": "MIT",
+        "repository": "https://github.com/egoist/tsup",
+        "licenseUrl": "https://github.com/egoist/tsup/raw/HEAD/LICENSE"
+    },
+    "turbo@1.11.2": {
+        "licenses": "MPL-2.0",
+        "repository": "https://github.com/vercel/turbo",
+        "licenseUrl": "https://github.com/vercel/turbo/raw/HEAD/LICENSE"
+    },
+    "typescript@5.3.3": {
+        "licenses": "Apache-2.0",
+        "repository": "https://github.com/Microsoft/TypeScript",
+        "licenseUrl": "https://github.com/Microsoft/TypeScript/raw/HEAD/LICENSE.txt"
+    },
+    "vite-tsconfig-paths@4.2.3": {
+        "licenses": "MIT",
+        "repository": "https://github.com/aleclarson/vite-tsconfig-paths",
+        "licenseUrl": "https://github.com/aleclarson/vite-tsconfig-paths/raw/HEAD/LICENSE"
+    },
+    "vite@5.0.10": {
+        "licenses": "MIT",
+        "repository": "https://github.com/vitejs/vite",
+        "licenseUrl": "https://github.com/vitejs/vite/raw/HEAD/LICENSE.md"
+    },
+    "vitest@1.1.1": {
+        "licenses": "MIT",
+        "repository": "https://github.com/vitest-dev/vitest",
+        "licenseUrl": "https://github.com/vitest-dev/vitest/raw/HEAD/LICENSE.md"
+    },
+    "yargs@17.7.2": {
+        "licenses": "MIT",
+        "repository": "https://github.com/yargs/yargs",
+        "licenseUrl": "https://github.com/yargs/yargs/raw/HEAD/LICENSE"
+    }
+}

package/package.json

@@ -0,0 +1,37 @@
+{
+  "name": "@cas-smartdesign/lit-input",
+  "version": "7.1.3",
+  "description": "An input element based on LitElement & material components",
+  "main": "dist/input-with-externals.js",
+  "module": "dist/input.mjs",
+  "types": "dist/input.d.ts",
+  "license": "SEE LICENSE IN LICENSE",
+  "dependencies": {
+    "lit": "^2.8.0",
+    "@cas-smartdesign/field-validation-message": "^5.0.1"
+  },
+  "devDependencies": {
+    "@cas-smartdesign/element-preview": "^0.2.1",
+    "@cas-smartdesign/styles": "^3.6.1",
+    "@cas-smartdesign/license-generator": "^1.6.1"
+  },
+  "files": [
+    "dist",
+    "npm-third-party-licenses.json"
+  ],
+  "publishConfig": {
+    "registry": "https://registry.npmjs.org/",
+    "access": "public"
+  },
+  "scripts": {
+    "version": "pnpm version",
+    "generate-declaration": "tsc -p tsconfig.types.json",
+    "build:no-license": "vite build && pnpm generate-declaration && vite build --mode documentation",
+    "build": "pnpm generate-license && pnpm build:no-license",
+    "watch": "vite build --watch",
+    "dev": "vite",
+    "generate-license": "sd-license-generator --r ../../",
+    "test:component": "pnpm cypress run --component --quiet --browser chrome",
+    "cypress:open": "pnpm cypress open --component"
+  }
+}