@pushengineering/umg-web-components 2.0.6 → 3.0.1

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

@@ -1,78 +1,108 @@
-import { css as m, LitElement as c, html as o } from "lit";
-import { customElement as b } from "lit/decorators/custom-element.js";
-import { property as i } from "lit/decorators/property.js";
-import { classMap as d } from "lit/directives/class-map.js";
-import { query as h } from "lit/decorators/query.js";
-import { ifDefined as f } from "lit/directives/if-defined.js";
-import { debounce as v } from "../../scripts/utilities/debounce.js";
-import { global as y } from "../../styles/global.js";
-import { settings as g } from "../../scripts/settings.js";
-import { mergeStyles as x } from "../../scripts/mergeStyles.js";
-import "../button-icon/button-icon.js";
-var _ = Object.defineProperty, $ = Object.getOwnPropertyDescriptor, t = (r, n, a, l) => {
-  for (var s = l > 1 ? void 0 : l ? $(n, a) : n, u = r.length - 1, p; u >= 0; u--)
-    (p = r[u]) && (s = (l ? p(n, a, s) : p(s)) || s);
-  return l && s && _(n, a, s), s;
-};
-const { prefix: w } = g;
-let e = class extends c {
-  constructor() {
-    super(...arguments), this.hideLabel = !1, this.layout = "arrows", this.placeholder = void 0, this.disabled = !1, this.required = !1, this.id = "", this.error = !1, this.name = "", this.value = "1", this.step = 1, this.min = 1, this.max = 1e3;
-  }
-  changeEvent() {
-    this.dispatchEvent(new CustomEvent("change", {
-      detail: {
-        eventName: this.name,
-        fieldId: this.id,
-        value: this.value
-      },
-      bubbles: !0,
-      composed: !0
-    }));
-  }
-  setNumericalValue(r) {
-    this.disabled = !0;
-    const n = this.value;
-    this._input && (r === "plus" ? (this._input.stepUp(), this.value = this._input.value, this.disabled = !1) : r === "minus" ? (this._input.stepDown(), this.value = this._input.value, this.disabled = !1) : (this.value = this._input.value, this.disabled = !1)), n !== this.value && v(() => {
-      this.changeEvent();
-    }, 500)();
-  }
-  fieldClasses() {
-    return {
-      "label-hidden": this.hideLabel,
-      "field--required": this.required,
-      "field--symbols": this.layout === "symbols",
-      "field--min": Number(this.value) === this.min,
-      "field--max": Number(this.value) >= this.max
-    };
-  }
-  inputClasses() {
-    return {
-      "input--error": this.error
-    };
-  }
-  labelClasses() {
-    return {
-      "visually-hidden": this.hideLabel
-    };
-  }
-  renderLabel() {
-    return o`
-            <label class="field__label${d(this.labelClasses())}" for="${this.id}">
+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 { classMap } from 'lit/directives/class-map.js';
+import { query } from 'lit/decorators/query.js';
+import { ifDefined } from 'lit/directives/if-defined.js';
+import { debounce } from '../../scripts/utilities/debounce.js';
+import { global } from '../../styles/global.js';
+import { settings } from '../../scripts/settings.js';
+import { mergeStyles } from '../../scripts/mergeStyles.js';
+import '../button-icon/button-icon.js';
+
+const { prefix } = settings;
+let NumberField = class NumberField extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.hideLabel = false;
+        this.layout = 'arrows';
+        this.placeholder = undefined;
+        this.disabled = false;
+        this.required = false;
+        this.id = '';
+        this.error = false;
+        this.name = '';
+        this.value = '1';
+        this.step = 1;
+        this.min = 1;
+        this.max = 1000;
+    }
+    changeEvent() {
+        this.dispatchEvent(new CustomEvent('change', {
+            detail: {
+                eventName: this.name,
+                fieldId: this.id,
+                value: this.value
+            },
+            bubbles: true,
+            composed: true,
+        }));
+    }
+    setNumericalValue(operator) {
+        this.disabled = true;
+        const previousValue = this.value;
+        if (this._input) {
+            if (operator === 'plus') {
+                this._input.stepUp();
+                this.value = this._input.value;
+                this.disabled = false;
+            }
+            else if (operator === 'minus') {
+                this._input.stepDown();
+                this.value = this._input.value;
+                this.disabled = false;
+            }
+            else {
+                this.value = this._input.value;
+                this.disabled = false;
+            }
+        }
+        if (previousValue !== this.value) {
+            const debouncedEvent = debounce(() => { this.changeEvent(); }, 500);
+            debouncedEvent();
+        }
+    }
+    fieldClasses() {
+        const classes = {
+            'label-hidden': this.hideLabel,
+            'field--required': this.required,
+            'field--symbols': this.layout === 'symbols',
+            'field--min': Number(this.value) === this.min,
+            'field--max': Number(this.value) >= this.max,
+        };
+        return classes;
+    }
+    inputClasses() {
+        const classes = {
+            'input--error': this.error,
+        };
+        return classes;
+    }
+    labelClasses() {
+        const classes = {
+            'visually-hidden': this.hideLabel,
+        };
+        return classes;
+    }
+    renderLabel() {
+        return html `
+            <label class="field__label${classMap(this.labelClasses())}" for="${this.id}">
                 <slot name="label">
                     <umg-text as="span" variant="bodySm">Label:</umg-text>
                 </slot>
             </label>
         `;
-  }
-  renderButtons() {
-    return this.layout === "symbols" ? o`
+    }
+    renderButtons() {
+        if (this.layout === 'symbols') {
+            return html `
             <umg-button-icon
                 part="increase"
                 class="spinner increase"
                 icon="plus"
                 size="small"
-                @click="${() => this.setNumericalValue("plus")}"
+                @click="${() => this.setNumericalValue('plus')}"
                 >
             </umg-button-icon>
             <umg-button-icon
@@ -80,35 +110,39 @@ let e = class extends c {
                 class="spinner decrease"
                 icon="minus"
                 size="small"
-                @click="${() => this.setNumericalValue("minus")}"
+                @click="${() => this.setNumericalValue('minus')}"
                 >
             </umg-button-icon>
-        ` : o`
+        `;
+        }
+        else {
+            return html `
                 <umg-button-icon
                     part="increase"
                     class="spinner increase"
                     icon="chevron-up"
-                    size="xSmall"
-                    @click="${() => this.setNumericalValue("plus")}"
+                    size="xsmall"
+                    @click="${() => this.setNumericalValue('plus')}"
                     >
                 </umg-button-icon>
                 <umg-button-icon
                     part="decrease"
                     class="spinner decrease"
                     icon="chevron-down"
-                    size="xSmall"
-                    @click="${() => this.setNumericalValue("minus")}"
+                    size="xsmall"
+                    @click="${() => this.setNumericalValue('minus')}"
                     >
                 </umg-button-icon>
             `;
-  }
-  renderNumber() {
-    return o`
+        }
+    }
+    renderNumber() {
+        return html `
         <div class="input-container">
             ${this.renderButtons()}
             <input
                 part="text-field"
-                class="input${d(this.inputClasses())}"
+                class="input${classMap(this.inputClasses())}"
                 id="${this.id}"
                 name="${this.name}"
                 step="${this.step}"
@@ -118,23 +152,24 @@ let e = class extends c {
                 value="${this.value}"
                 ?disabled="${this.disabled}"
                 ?required="${this.required}"
-                placeholder="${f(this.placeholder)}"
-                @keyup="${() => this.setNumericalValue("value")}"
+                placeholder="${ifDefined(this.placeholder)}"
+                @keyup="${() => this.setNumericalValue('value')}"
                 >
         </div>
         `;
-  }
-  renderErrorMessage() {
-    if (this.error)
-      return o`
+    }
+    renderErrorMessage() {
+        if (this.error) {
+            return html `
                 <span class="error-text">
                     <slot name="error-message"></slot>
                 </span>
             `;
-  }
-  render() {
-    return o`
-            <div class="field${d(this.fieldClasses())}">
+        }
+    }
+    render() {
+        return html `
+            <div class="field${classMap(this.fieldClasses())}">
                 <div class="field__inner">
                     ${this.renderLabel()}
                     ${this.renderNumber()}
@@ -142,18 +177,18 @@ let e = class extends c {
                 </div>
             </div>
             `;
-  }
+    }
 };
-e.styles = x([
-  y,
-  m`
+NumberField.styles = mergeStyles([
+    global,
+    css `
             :host([disabled]) {
                 opacity: 0.4;
                 pointer-events: none;
             }
 
             :host([disabled]) .spinner:hover {
-                background-color: rgb(0,0,0,0);
+                background-color: transparent;
             }
 
             /** Field container */
@@ -161,7 +196,7 @@ e.styles = x([
                 display: flex;
                 flex-direction: column;
                 position: relative;
-                font-size: var(--um-font-size-bodySm, 0.875rem);
+                font-size: var(--umg-font-body-size-sm, 0.875rem);
             }
 
             .field:not(.label-hidden) .field__inner {
@@ -181,17 +216,22 @@ e.styles = x([
                 left: 0;
                 bottom: 0;
                 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(200,0,0,0.7));
+            }
+            @supports (color: rgb(from white r g b)) {
+                .field--required .input-container::before {
+                    border-right-color: rgb(from var(--umg-color-base-text-warning, rgb(200,0,0,0.7)) r g b / 0.7);
+                }
             }
 
             /* Field label */
             .field__label {
                 color: inherit;
                 font-size: inherit;
-                margin-bottom: var(--um-space-4, 0.25rem);
+                margin-bottom: var(--umg-space-4, 0.25rem);
             }
 
             /* Input container */
@@ -202,14 +242,22 @@ e.styles = x([
 
             /* Input tag */
             input {
-                border: var(--um-border-input-width, 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);
+                border-radius: var(--umg-border-input-corner-radius, 0) 0 0 var(--umg-border-input-corner-radius, 0);
+                font-family: var(--umg-font-body-family, Roboto, Arial, Helvetica, sans-serif);
                 font-size: inherit;
-                padding: 0 var(--um-space-8, 0.5rem);
-                height: var(--um-space-40);
-                width: 3.5rem;
+                padding: 0;
+                padding-left: var(--umg-space-12, 0.75rem);
+                padding-right: var(--umg-space-24, 1.5rem);
+                height: var(--umg-space-40);
+                width: fit-content;
+                border: solid var(--umg-border-input-width, 0.0625rem) var(--umg-color-input-border, var(--umg-color-base-text, rgb(0,0,0,0.2)));
+            }
+            @supports (color: rgb(from white r g b)) {
+                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);
+                }
             }
+
             input::-webkit-outer-spin-button {
                 appearance: none;
             }
@@ -219,14 +267,19 @@ e.styles = x([
 
             /** Input states */
             .input--error {
-                border: 0.0625rem solid rgba(var(--um-color-base-text-warning, 245,0,0), 1);
+                border: 0.0625rem solid var(--umg-color-base-text-warning, rgb(245,0,0));
+            }
+            @supports (color: rgb(from white r g b)) {
+                .input--error {
+                    border-color: rgb(from var(--umg-color-base-text-warning, rgb(245,0,0)) r g b);
+                }
             }
 
             /** Spinner buttons */
             :host(:not([disabled])) .field--min .spinner.decrease::part(button-icon) {
+                cursor: default;
                 opacity: 0.4;
                 pointer-events: none;
-                cursor: default;
             }
             :host(:not([disabled])) .field--max .spinner.increase::part(button-icon) {
                 opacity: 0.4;
@@ -237,8 +290,15 @@ e.styles = x([
                 position: absolute;
                 height: 50%;
                 right: 0rem;
-                border-left: 0.0625rem solid rgba(var(--um-color-input-border, var(--um-color-section-text, 0,0,0), var(--um-opacity-input-border, 0.2)));
-                --um-space-button-icon-padding: 0;
+                border: 0.0625rem solid var(--umg-color-base-background);
+                border-left: 0.0625rem solid var(--umg-color-input-border, var(--umg-color-base-text, rgb(0,0,0,0.2)));
+                --umg-space-icon-padding: 0;
+            }
+            @supports (color: rgb(from white r g b)) {
+                .spinner {
+                    border-color: rgb(from var(--umg-color-base-background) r g b);
+                    border-left-color: rgb(from var(--umg-color-input-border, var(--umg-color-base-text, rgb(0,0,0))) r g b / alpha);
+                }
             }
             .spinner::part(button-icon) {
                 padding: 0.2rem;
@@ -283,54 +343,59 @@ e.styles = x([
 
             /** Error text */
             .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: var(--umg-color-base-text-warning, rgb(245,0,0));
+                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)) {
+                .error-text {
+                    color: rgb(from var(--umg-color-base-text-warning, rgb(245,0,0)) r g b);
+                }
             }
-        `
+        `,
 ]);
-t([
-  i({ type: Boolean })
-], e.prototype, "hideLabel", 2);
-t([
-  i()
-], e.prototype, "layout", 2);
-t([
-  i()
-], e.prototype, "placeholder", 2);
-t([
-  i({ type: Boolean, reflect: !0 })
-], e.prototype, "disabled", 2);
-t([
-  i({ type: Boolean })
-], e.prototype, "required", 2);
-t([
-  i()
-], e.prototype, "id", 2);
-t([
-  i({ type: Boolean })
-], e.prototype, "error", 2);
-t([
-  i()
-], e.prototype, "name", 2);
-t([
-  i({ reflect: !0 })
-], e.prototype, "value", 2);
-t([
-  i({ type: Number })
-], e.prototype, "step", 2);
-t([
-  i({ type: Number })
-], e.prototype, "min", 2);
-t([
-  i({ type: Number })
-], e.prototype, "max", 2);
-t([
-  h("input")
-], e.prototype, "_input", 2);
-e = t([
-  b(`${w}-number-field`)
-], e);
-export {
-  e as NumberField
-};
+__decorate([
+    property({ type: Boolean })
+], NumberField.prototype, "hideLabel", void 0);
+__decorate([
+    property()
+], NumberField.prototype, "layout", void 0);
+__decorate([
+    property()
+], NumberField.prototype, "placeholder", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], NumberField.prototype, "disabled", void 0);
+__decorate([
+    property({ type: Boolean })
+], NumberField.prototype, "required", void 0);
+__decorate([
+    property()
+], NumberField.prototype, "id", void 0);
+__decorate([
+    property({ type: Boolean })
+], NumberField.prototype, "error", void 0);
+__decorate([
+    property()
+], NumberField.prototype, "name", void 0);
+__decorate([
+    property({ reflect: true })
+], NumberField.prototype, "value", void 0);
+__decorate([
+    property({ type: Number })
+], NumberField.prototype, "step", void 0);
+__decorate([
+    property({ type: Number })
+], NumberField.prototype, "min", void 0);
+__decorate([
+    property({ type: Number })
+], NumberField.prototype, "max", void 0);
+__decorate([
+    query('input')
+], NumberField.prototype, "_input", void 0);
+NumberField = __decorate([
+    customElement(`${prefix}-number-field`)
+], NumberField);
+
+export { NumberField };
+//# sourceMappingURL=number-field.js.map

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

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

package/dist/components/overlay/index.d.ts

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

package/dist/components/overlay/index.d.ts.map

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

package/dist/components/overlay/overlay.d.ts

@@ -11,3 +11,4 @@ export declare class Overlay extends LitElement {
     render(): import("lit").TemplateResult<1>;
     static styles: import("lit").CSSResultArray;
 }
+//# sourceMappingURL=overlay.d.ts.map

package/dist/components/overlay/overlay.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"overlay.d.ts","sourceRoot":"","sources":["../../../src/components/overlay/overlay.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAA;AAa3C,qBAEa,OAAQ,SAAQ,UAAU;IAGnC,SAAS,SAAK;IAGd,OAAO,SAAK;IAGZ,QAAQ,UAAQ;IAEhB,iBAAiB;IAMjB,oBAAoB;IAMpB,WAAW;IAIX,YAAY;IAIZ,cAAc;IAQd,MAAM;IAMN,MAAM,CAAC,MAAM,+BAkBX;CACL"}