@pushengineering/umg-web-components 2.0.6 → 3.0.1

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

@@ -1,5 +1,6 @@
 import { LitElement } from 'lit';
 import type { FieldTextType } from '../../types';
+import { EventManager } from '../../classes/event-manager/event-manager';
 export declare class TextField extends LitElement {
     type: FieldTextType;
     hideLabel: boolean;
@@ -10,16 +11,27 @@ export declare class TextField extends LitElement {
     id: string;
     error: boolean;
     name: string;
+    role: string;
     value: string;
+    private _slotHasChildren;
+    _input: HTMLInputElement | undefined;
+    eventManager: EventManager;
+    private _eventsDispatcher;
+    private _handleSlotChange;
+    getValue: () => string | undefined;
+    setValue: (value: string) => void;
+    setInputValue: () => void;
+    handleInputValue(): void;
+    handleSubmit(e: any): void;
     fieldClasses(): any;
     inputClasses(): any;
     labelClasses(): any;
-    renderLabel(classes: any): import("lit").TemplateResult<1>;
-    renderInput(classes: any): import("lit").TemplateResult<1>;
-    renderTextarea(classes: any): import("lit").TemplateResult<1>;
-    renderErrorMessage(): import("lit").TemplateResult<1> | undefined;
-    inputAs(classes: any): import("lit").TemplateResult<1>;
-    checkIfMultiline(): import("lit").TemplateResult<1>;
+    renderLabel(): import("lit").TemplateResult<1> | undefined;
+    textType(): import("lit").TemplateResult<1>;
+    textInput(): import("lit").TemplateResult<1>;
+    textArea(): import("lit").TemplateResult<1>;
+    errorMessage(): import("lit").TemplateResult<1> | undefined;
     render(): import("lit").TemplateResult<1>;
     static styles: import("lit").CSSResultArray;
 }
+//# sourceMappingURL=text-field.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"text-field.d.ts","sourceRoot":"","sources":["../../../src/components/text-field/text-field.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAA;AAS3C,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAA;AAChD,OAAO,EAAE,YAAY,EAAE,MAAM,2CAA2C,CAAA;AASxE,qBAEa,SAAU,SAAQ,UAAU;IAGrC,IAAI,EAAE,aAAa,CAAS;IAG5B,SAAS,UAAQ;IAGjB,SAAS,UAAQ;IAGjB,WAAW,SAAK;IAGhB,QAAQ,UAAQ;IAGhB,QAAQ,UAAQ;IAGhB,EAAE,SAAK;IAGP,KAAK,UAAQ;IAGb,IAAI,SAAK;IAGT,IAAI,SAAY;IAGhB,KAAK,SAAK;IAGV,OAAO,CAAC,gBAAgB,CAAQ;IAGhC,MAAM,EAAE,gBAAgB,GAAG,SAAS,CAAA;IAEpC,YAAY,EAAE,YAAY,CAAyB;IAEnD,OAAO,CAAC,iBAAiB;IAmBzB,OAAO,CAAC,iBAAiB;IAIlB,QAAQ,2BAId;IAEM,QAAQ,UAAW,MAAM,UAI/B;IAED,aAAa,aAIN;IAEP,gBAAgB;IAIhB,YAAY,CAAC,CAAC,EAAE,GAAG;IASnB,YAAY;IAWZ,YAAY;IAQZ,YAAY;IASZ,WAAW;IAaX,QAAQ;IAQR,SAAS;IAqBT,QAAQ;IAiBR,YAAY;IAUZ,MAAM;IAYN,MAAM,CAAC,MAAM,+BA8HX;CACL"}

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

@@ -1,53 +1,130 @@
-import { css as c, LitElement as h, html as s } from "lit";
-import { customElement as f } from "lit/decorators/custom-element.js";
-import { property as t } from "lit/decorators/property.js";
-import { classMap as a } from "lit/directives/class-map.js";
-import { global as m } from "../../styles/global.js";
-import { settings as b } from "../../scripts/settings.js";
-import { mergeStyles as _ } from "../../scripts/mergeStyles.js";
-var v = Object.defineProperty, y = Object.getOwnPropertyDescriptor, i = (e, o, n, d) => {
-  for (var l = d > 1 ? void 0 : d ? y(o, n) : o, u = e.length - 1, p; u >= 0; u--)
-    (p = e[u]) && (l = (d ? p(o, n, l) : p(l)) || l);
-  return d && l && v(o, n, l), l;
-};
-const { prefix: x } = b;
-let r = class extends h {
-  constructor() {
-    super(...arguments), this.type = "text", this.hideLabel = !1, this.multiline = !1, this.placeholder = "", this.disabled = !1, this.required = !1, this.id = "", this.error = !1, this.name = "", this.value = "";
-  }
-  fieldClasses() {
-    const e = {
-      "field__inner--required": this.required
-    };
-    return (this.type === "checkbox" || this.type === "radio") && (e["field__inner--inline"] = !0), e;
-  }
-  inputClasses() {
-    return {
-      field__input: !0,
-      "field__input--multiline": this.multiline,
-      "field__input--error": this.error
-    };
-  }
-  labelClasses() {
-    return {
-      field__label: !0,
-      "field__label--disabled": this.disabled,
-      "visually-hidden": this.hideLabel
-    };
-  }
-  renderLabel(e) {
-    return s`
-            <label class="${a(e)}" for="${this.id}">
-                <slot name="label"></slot>
-            </label>
-        `;
-  }
-  renderInput(e) {
-    return s`
-        <div class="input">
+import { __decorate } from '../../node_modules/.pnpm/@rollup_plugin-typescript@11.1.6_rollup@4.16.1_tslib@2.6.2_typescript@5.4.5/node_modules/tslib/tslib.es6.js';
+import { css, LitElement, html } from 'lit';
+import { customElement } from 'lit/decorators/custom-element.js';
+import { property } from 'lit/decorators/property.js';
+import { state } from 'lit/decorators/state.js';
+import { classMap } from 'lit/directives/class-map.js';
+import { query } from 'lit/decorators.js';
+import { debounce } from '../../scripts/utilities/debounce.js';
+import { slotInitialised } from '../../scripts/utilities/slotInitialised.js';
+import { EventManager } from '../../classes/event-manager/event-manager.js';
+import { global } from '../../styles/global.js';
+import { settings } from '../../scripts/settings.js';
+import { mergeStyles } from '../../scripts/mergeStyles.js';
+
+const { prefix } = settings;
+let TextField = class TextField extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.type = 'text';
+        this.hideLabel = false;
+        this.multiline = false;
+        this.placeholder = '';
+        this.disabled = false;
+        this.required = false;
+        this.id = '';
+        this.error = false;
+        this.name = '';
+        this.role = 'textbox';
+        this.value = '';
+        this._slotHasChildren = false;
+        this.eventManager = new EventManager(this);
+        this.getValue = () => {
+            if (this._input) {
+                return this._input.value;
+            }
+        };
+        this.setValue = (value) => {
+            if (value) {
+                this.value = value;
+            }
+        };
+        this.setInputValue = debounce(() => {
+            if (this._input) {
+                this._eventsDispatcher(this._input, 'change');
+            }
+        }, 300);
+    }
+    _eventsDispatcher(input, type) {
+        if (!type) {
+            throw new Error('Missing custom event type');
+        }
+        const options = { bubbles: true, composed: true };
+        let detail = {};
+        if (type === 'change') {
+            type = 'change';
+            detail = {
+                eventName: this.name,
+                fieldId: this.id,
+                value: input.value
+            };
+            this.eventManager.dispatchCustomEvent(type, detail, options);
+        }
+    }
+    _handleSlotChange(e) {
+        this._slotHasChildren = slotInitialised(e, 'icon');
+    }
+    handleInputValue() {
+        this.setInputValue();
+    }
+    handleSubmit(e) {
+        if (e.key === 'Enter' && (e.target.value || this.value)) {
+            this.dispatchEvent(new Event('submit', {
+                bubbles: true,
+                composed: true,
+            }));
+        }
+    }
+    fieldClasses() {
+        const classes = {
+            'field--icon': this._slotHasChildren
+        };
+        if (this.required && this.error === false) {
+            classes['field__inner--required'] = true;
+        }
+        return classes;
+    }
+    inputClasses() {
+        const classes = {
+            'field__input--multiline': this.multiline,
+            'field__input--error': this.error,
+        };
+        return classes;
+    }
+    labelClasses() {
+        const classes = {
+            'field__label--disabled': this.disabled,
+            'visually-hidden': this.hideLabel,
+        };
+        return classes;
+    }
+    renderLabel() {
+        if (!this.error) {
+            return html `
+                <label
+                    class="field__label${classMap(this.labelClasses())}"
+                    for="${this.id}"
+                    >
+                    <slot name="label"></slot>
+                </label>
+            `;
+        }
+    }
+    textType() {
+        if (!this.multiline) {
+            return html `${this.textInput()}`;
+        }
+        else {
+            return html `${this.textArea()}`;
+        }
+    }
+    textInput() {
+        return html `
+        <div class="field-wrapper">
+            <slot name="icon" @slotchange=${this._handleSlotChange}></slot>
             <input
                 part="text-field"
-                class="${a(e)}"
+                class="field__input ${classMap(this.inputClasses())}"
                 id="${this.id}"
                 type="${this.type}"
                 ?disabled="${this.disabled}"
@@ -55,200 +132,218 @@ let r = class extends h {
                 placeholder="${this.placeholder}"
                 name="${this.name}"
                 value="${this.value}"
+                @input="${this.handleInputValue}"
+                @keyup="${this.handleSubmit}"
                 >
         </div>
         `;
-  }
-  renderTextarea(e) {
-    return s`
-        <div class="input">
+    }
+    textArea() {
+        return html `
+        <div class="field-wrapper">
             <textarea
-                part="text-filed"
-                class="${a(e)}"
+                part="text-field"
+                class="field__input ${classMap(this.inputClasses())}"
                 id="${this.id}"
                 ?disabled="${this.disabled}"
                 ?required="${this.required}"
                 placeholder="${this.placeholder}"
                 value="${this.value}"
-                >
-            </textarea>
+                @input="${this.handleInputValue}"
+                ></textarea> <!-- End tag on same line fixes missing placeholder text -->
         </div>
         `;
-  }
-  renderErrorMessage() {
-    if (this.error)
-      return s`
+    }
+    errorMessage() {
+        if (this.error) {
+            return html `
                 <span class="field__error-text">
                     <slot name="error-message"></slot>
                 </span>
             `;
-  }
-  inputAs(e) {
-    switch (this.type) {
-      case "checkbox":
-      case "radio":
-        return s`
-            <div class="field__inner${a(e)}">
-                ${this.renderInput(this.inputClasses())}
-                ${this.renderLabel(this.labelClasses())}
-            </div>
-        `;
-      default:
-        return s`
-            <div class="field__inner${a(e)}">
-                ${this.renderLabel(this.labelClasses())}
-                ${this.renderInput(this.inputClasses())}
-            </div>
-        `;
+        }
     }
-  }
-  checkIfMultiline() {
-    return this.multiline ? s`
-                <div class="field__inner${a(this.fieldClasses())}">
-                    ${this.renderLabel(this.labelClasses())}
-                    ${this.renderTextarea(this.inputClasses())}
-                </div>
-            ` : s`
-                ${this.inputAs(this.fieldClasses())}
-            `;
-  }
-  render() {
-    return s`
+    render() {
+        return html `
             <div class="field">
-                ${this.checkIfMultiline()}
-                ${this.renderErrorMessage()}
+                ${this.errorMessage()}
+                <div class="field__inner${classMap(this.fieldClasses())}">
+                    ${this.renderLabel()}
+                    ${this.textType()}
+                </div>
             </div>
         `;
-  }
+    }
 };
-r.styles = _([
-  m,
-  c`
-            /* Base */
+TextField.styles = mergeStyles([
+    global,
+    css `
             .field {
+                font-size: var(--umg-font-size, 0.875rem);
                 display: flex;
                 flex-direction: column;
-                position: relative;
-                font-size: var(--um-font-size-bodySm, 0.875rem);
+                gap: var(--umg-space-8);
             }
-            .field__inner {
-                align-items: flex-start;
-                display: flex;
+            ::slotted(umg-icon) {
+                position: absolute;
+                margin-right: var(--umg-space-8);
+                left: 0.5rem;
+                z-index: 2;
             }
-            .field__inner:not(.field__inner--inline) {
-                flex-direction: column;
+            .field__inner {
+                width: 100%;
             }
 
             /* Required */
-            .field__inner--required .input::before {
+            .field__inner--required .field-wrapper::before {
                 content: '';
                 position: absolute;
-                top: 0;
-                left: 0;
-                bottom: 0;
+                top: 0.0626rem;
+                left: 0.0626rem;
+                bottom: 0.0626rem;
                 display: block;
-                border-right: 0.25rem solid rgba(var(--um-color-base-text-warning, 200,0,0), 0.7);
                 width: 0;
-                height: 100%;
                 z-index: 1;
+                border-right: 0.25rem solid var(--umg-color-base-text-warning, rgb(255,0,0,0.7));
+                border-radius: var(--umg-border-input-corner-radius, 0) 0 0 var(--umg-border-input-corner-radius, 0);
+            }
+            
+            @supports (color: rgb(from white r g b)) {
+                .field__inner--required .field-wrapper::before {
+                    border-right-color: rgb(from var(--umg-color-base-text-warning, rgb(255,0,0,0.7)) r g b / alpha);
+                }
             }
 
             /* Field label */
             .field__label {
                 color: inherit;
+                display:block;
                 font-size: inherit;
-                margin-bottom: var(--um-space-4, 0.25rem);
+                margin-bottom: var(--umg-space-4, 0.25rem);
+                text-align: left;
             }
 
             /* Field input */
             .field__input {
-                border: 0.0625rem solid rgba(var(--um-color-input-border, var(--um-color-section-text, 0,0,0), var(--um-opacity-input-border, 0.2)));
-                border-radius: var(--um-border-input-radius, 0);
-                font-family: var(--um-font-family-body, Roboto, Arial, Helvetica, sans-serif);
+                font-family: var(--umg-font-body-family, Roboto, Arial, Helvetica, sans-serif);
                 font-size: inherit;
-                height: var(--um-space-40, 2rem);
-                padding: var(--um-space-8, 0.5rem);
+                height: var(--umg-size-input-height, 3rem);
+                padding: var(--umg-space-input-padding, 0.75rem);
                 width: 100%;
+                border-radius: var(--umg-border-input-corner-radius, 0);
+                border: var(--umg-border-input-width, 0.0625rem) solid var(--umg-color-input-border, var(--umg-color-base-text, rgb(0,0,0,0.2)));
+            }
+            @supports (color: rgb(from white r g b)) {
+                .field__input {
+                    border-color: rgb(from var(--umg-color-input-border, var(--umg-color-base-text, rgb(0,0,0,0.2))) r g b / alpha);
+                }
+            }
+
+            .field-wrapper {
+                display: flex;
+                align-items: center;
+                position: relative;
+            }
+            .field--icon .field__input {
+                padding-left: var(--umg-space-input-padding-left, 2.5rem);
             }
 
             /* Textarea */
             .field__input--multiline {
-                min-height: var(--um-space-112, 7rem);
+                min-height: var(--umg-space-112, 7rem);
             }
 
             /* Error state */
             .field__input--error {
-                border: 0.0625rem solid rgba(var(--um-color-base-text-warning, 245,0,0), 1);
+                outline-offset: 0.1875rem;
+                outline: 0.125rem solid var(--umg-color-base-background, rgb(0,0,0));
+                box-shadow: 0 0 0 0.15rem var(--umg-color-base-text-warning, rgb(245,0,0)), 0 0 0.25rem 0.2rem var(--umg-color-base-background, rgb(0,0,0));
+            }
+            .field__input--error .field__inner--required .field-wrapper::before {
+                display: none;
             }
             .field__error-text {
-                color: rgba(var(--um-color-base-text-warning, 245,0,0), 1);
-                font-size: calc(var(--um-font-size-body-scale, 1) * var(--um-font-size-body-sm, 0.875rem));
-                padding-top: var(--um-space-4, 0.25rem);
+                color: rgba(var(--umg-color-base-text-warning, 245,0,0), 1);
+                font-size: calc(var(--umg-font-body-scale, 1) * var(--umg-font-body-size-sm, 0.875rem));
+                padding-top: var(--umg-space-4, 0.25rem);
+            }
+            @supports (color: rgb(from white r g b)) {
+                .field__input--error {
+                    outline: 0.125rem solid rgb(from var(--umg-color-base-background, rgb(0,0,0)) r g b);
+                    box-shadow: 0 0 0 0.0625rem rgb(from var(--umg-color-base-text-warning, rgb(245,0,0)) r g b), 0 0 0.25rem 0.2rem rgb(from var(--umg-color-base-background, rgb(0,0,0)) r g b);
+                }
+                .field__error-text {
+                    color: rgb(from var(--umg-color-base-text-warning, rgb(245,0,0)) r g b);
+                }
             }
 
             /* Disabled */
             :host([disabled]) {
-                --um-color-button-icon-text: var(--um-color-border-disabled, 236, 236, 236);
+                --umg-color-icon-text: var(--umg-color-base-text-disabled, rgb(236, 236, 236));
             }
 
             .field__input[disabled] {
                 cursor: default;
-                background-color: rgb(255,255,255,1);
-                color: rgb(var(--um-color-base-text-disabled, 200, 200, 200),1);
-                border-color: rgb(var(--um-color-border-disabled, 236, 236, 236), 1);
-            }
-            .field__label--disabled {
-                color: rgb(var(--um-color-base-text-disabled,200, 200, 200),1);
+                outline: none;
+                border: none;
+                box-shadow: none;
             }
 
-            /** Input Types */
-            .input {
-                position: relative;
+            .field__label--disabled,
+            .field__input[disabled]  {
+                color: var(--umg-color-base-text-disabled, rgb(200, 200, 200));
             }
 
-            /* Radio/check */
-            .field__input[type=checkbox],
-            .field__input[type=radio] {
-                height: auto;
-                margin: 0.3rem 0.5rem 0 0;
-                padding: 0;
-                width: auto;
-            }
-        `
+            @supports (color: rgb(from white r g b)) {
+                .field__label--disabled,
+                .field__input[disabled] {
+                    color: rgb(from var(--umg-color-base-text-disabled, rgb(200, 200, 200)) r g b);
+                }
+            }
+        `,
 ]);
-i([
-  t()
-], r.prototype, "type", 2);
-i([
-  t({ type: Boolean })
-], r.prototype, "hideLabel", 2);
-i([
-  t({ type: Boolean })
-], r.prototype, "multiline", 2);
-i([
-  t()
-], r.prototype, "placeholder", 2);
-i([
-  t({ type: Boolean, reflect: !0 })
-], r.prototype, "disabled", 2);
-i([
-  t({ type: Boolean })
-], r.prototype, "required", 2);
-i([
-  t()
-], r.prototype, "id", 2);
-i([
-  t({ type: Boolean })
-], r.prototype, "error", 2);
-i([
-  t()
-], r.prototype, "name", 2);
-i([
-  t({ reflect: !0 })
-], r.prototype, "value", 2);
-r = i([
-  f(`${x}-text-field`)
-], r);
-export {
-  r as TextField
-};
+__decorate([
+    property()
+], TextField.prototype, "type", void 0);
+__decorate([
+    property({ type: Boolean })
+], TextField.prototype, "hideLabel", void 0);
+__decorate([
+    property({ type: Boolean })
+], TextField.prototype, "multiline", void 0);
+__decorate([
+    property()
+], TextField.prototype, "placeholder", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], TextField.prototype, "disabled", void 0);
+__decorate([
+    property({ type: Boolean })
+], TextField.prototype, "required", void 0);
+__decorate([
+    property()
+], TextField.prototype, "id", void 0);
+__decorate([
+    property({ type: Boolean })
+], TextField.prototype, "error", void 0);
+__decorate([
+    property()
+], TextField.prototype, "name", void 0);
+__decorate([
+    property()
+], TextField.prototype, "role", void 0);
+__decorate([
+    property({ reflect: true })
+], TextField.prototype, "value", void 0);
+__decorate([
+    state()
+], TextField.prototype, "_slotHasChildren", void 0);
+__decorate([
+    query('input, textarea')
+], TextField.prototype, "_input", void 0);
+TextField = __decorate([
+    customElement(`${prefix}-text-field`)
+], TextField);
+
+export { TextField };
+//# sourceMappingURL=text-field.js.map

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

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

package/dist/components/thumbnail-slider/index.d.ts

@@ -1,2 +1,3 @@
 import { ThumbnailSlider } from './thumbnail-slider';
 export { ThumbnailSlider };
+//# sourceMappingURL=index.d.ts.map

package/dist/components/thumbnail-slider/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/thumbnail-slider/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAA;AAEpD,OAAO,EAAE,eAAe,EAAE,CAAA"}

package/dist/components/thumbnail-slider/thumbnail-slide.d.ts

@@ -3,3 +3,4 @@ export declare class ThumbnailSlide extends Slide {
     mediaId: string;
     static styles: (import("lit").CSSResult | import("lit").CSSResultArray)[];
 }
+//# sourceMappingURL=thumbnail-slide.d.ts.map

package/dist/components/thumbnail-slider/thumbnail-slide.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"thumbnail-slide.d.ts","sourceRoot":"","sources":["../../../src/components/thumbnail-slider/thumbnail-slide.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAA;AAMvC,qBAEa,cAAe,SAAQ,KAAK;IAGrC,OAAO,SAAK;IAEZ,MAAM,CAAC,MAAM,6DAsBZ;CACJ"}