@pushengineering/umg-web-components 2.0.6 → 3.0.1

package/dist/components/select/select.js

@@ -1,134 +1,199 @@
-import { css as m, LitElement as p, html as c } from "lit";
-import { customElement as b } from "lit/decorators/custom-element.js";
-import { property as i } from "lit/decorators/property.js";
-import { state as h } from "lit/decorators.js";
-import { classMap as v } from "lit/directives/class-map.js";
-import { styleMap as g } from "lit/directives/style-map.js";
-import { EventManager as u } from "../../classes/event-manager/event-manager.js";
-import { global as y } from "../../styles/global.js";
-import { settings as f } from "../../scripts/settings.js";
-import { mergeStyles as x } from "../../scripts/mergeStyles.js";
-import "../disclosure/disclosure.js";
-import "../text/text.js";
-import "../icon/icon.js";
-var w = Object.defineProperty, L = Object.getOwnPropertyDescriptor, s = (e, t, a, o) => {
-  for (var l = o > 1 ? void 0 : o ? L(t, a) : t, n = e.length - 1, d; n >= 0; n--)
-    (d = e[n]) && (l = (o ? d(t, a, l) : d(l)) || l);
-  return o && l && w(t, a, l), l;
-};
-const { prefix: _ } = f;
-let r = class extends p {
-  constructor() {
-    super(...arguments), this.id = "", this.options = [], this.label = "Select box", this.name = "", this.selectedItem = 0, this.defaultLabel = !1, this.border = !1, this.borderRadius = "0", this.disabled = !1, this._currentSelectedLabel = "", this.windowEventManager = new u(window), this.eventManager = new u(this), this._eventsHandler = async (e) => {
-      e.type === "click" && !e.composedPath().includes(this) && this._eventsDispatcher(e, "select-close");
-    };
-  }
-  connectedCallback() {
-    super.connectedCallback(), this.windowEventManager.addEventListener("click", this._eventsHandler), this.windowEventManager.addEventListener("change", this._eventsHandler);
-  }
-  disconnectedCallback() {
-    this.windowEventManager.removeEventListener("click", this._eventsHandler), super.disconnectedCallback();
-  }
-  updated(e) {
-    if (e.has("defaultLabel"))
-      if (this.defaultLabel) {
+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, query } from 'lit/decorators.js';
+import { classMap } from 'lit/directives/class-map.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';
+import '../disclosure/disclosure.js';
+import '../icon/icon.js';
+
+const { prefix } = settings;
+let Select = class Select extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.id = '';
+        this.options = [];
+        this.label = 'Select box';
+        this.name = '';
+        this.selectedItem = 0;
+        this.defaultLabel = false;
+        this.justify = 'start';
+        this.mobileJustify = 'start';
+        this.border = false;
+        this.disabled = false;
+        this.align = 'left';
+        this._currentValue = '';
+        this._currentLabel = '';
+        this._isKeyboardEvent = false;
+        this.windowEventManager = new EventManager(window);
+        this.eventManager = new EventManager(this);
+        this.getOptionValue = () => {
+            return this._currentValue;
+        };
+        this.setOptionValue = (selectedItem) => {
+            if (selectedItem) {
+                this.selectedItem = selectedItem;
+            }
+        };
+        this._handleOutsideClick = (e) => {
+            if (e.type === 'click' && !e.composedPath().includes(this)) {
+                this._closeSelect();
+            }
+        };
+        this._handleKeyboardSubmit = (e) => {
+            e.stopPropagation();
+            if (e.key === 'Enter') {
+                this._onOptionChange(e);
+                this._closeSelect();
+            }
+        };
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        this.windowEventManager.addEventListener('click', this._handleOutsideClick);
+    }
+    disconnectedCallback() {
+        this.windowEventManager.removeEventListener('click', this._handleOutsideClick);
+        super.disconnectedCallback();
+    }
+    firstUpdated() {
         if (this.options && this.options.length > this.selectedItem) {
-          const t = this.options[this.selectedItem];
-          this._currentSelectedLabel = t ? t.label : "";
+            this._currentValue = this.options[this.selectedItem].value;
+        }
+    }
+    updated(changedProperties) {
+        if (changedProperties.has('defaultLabel')) {
+            if (this.defaultLabel) {
+                if (this.options && this.options.length > this.selectedItem) {
+                    const selectedOption = this.options[this.selectedItem];
+                    this._currentLabel = selectedOption ? selectedOption.label : '';
+                }
+            }
+            else {
+                this._currentLabel = '';
+            }
+        }
+    }
+    _eventsDispatcher(e, type) {
+        if (!type) {
+            throw new Error('Missing custom event type');
         }
-      } else
-        this._currentSelectedLabel = "";
-  }
-  _eventsDispatcher(e, t) {
-    if (!t)
-      throw new Error("Missing custom event type");
-    const a = { bubbles: !0, composed: !0 };
-    let o = {};
-    t == "select-close" && (t = "disclosure", o = { eventName: "close" }, this.eventManager.dispatchCustomEvent(t, o, a)), t === "option-change" && (t = "change", o = {
-      eventName: this.name,
-      fieldId: this.id,
-      value: e.target.value
-    }, this.windowEventManager.dispatchCustomEvent(t, o, a));
-  }
-  /** Render UX */
-  _onOptionChange(e) {
-    const t = e.target.dataset.label;
-    t && (this._currentSelectedLabel = t, this._eventsDispatcher(e, "select-close"), this._eventsDispatcher(e, "option-change"));
-  }
-  optionsListClasses() {
-    return {
-      "select--disabled": this.disabled,
-      "select--border": this.border
-    };
-  }
-  optionsListStyles() {
-    let e = {};
-    return this.colorText && (e = {
-      ...e,
-      "--um-color-input-text": this.colorText,
-      "--um-color-icon-text": this.colorText,
-      "--um-color-disclosure-text": this.colorText,
-      "--um-color-input-border": this.colorText
-    }), this.colorBg && (e = {
-      ...e,
-      "--um-color-input-bg": this.colorBg,
-      "--um-color-disclosure-bg": this.colorBg
-    }), this.borderRadius !== "0" && (e = {
-      ...e,
-      "--um-border-input-radius": "var(--um-border-radius-" + this.borderRadius + ")"
-    }), e;
-  }
-  optionsList() {
-    if (Array.isArray(this.options) && this.options.length)
-      return c`
+        const options = { bubbles: true, composed: true };
+        let detail = {};
+        if (type === 'submit') {
+            type = 'change';
+            detail = {
+                eventName: this.name,
+                fieldId: this.id,
+                value: e.target.value
+            };
+            this.windowEventManager.dispatchCustomEvent(type, detail, options);
+        }
+    }
+    _handleKeyboardEvent() {
+        this._isKeyboardEvent = true;
+        setTimeout(() => {
+            this._isKeyboardEvent = false;
+        }, 0);
+    }
+    _handleClickSubmit(e) {
+        if (!this._isKeyboardEvent) {
+            this._onOptionChange(e);
+            this._closeSelect();
+        }
+    }
+    _onOptionChange(e) {
+        const selectedLabel = e.target.dataset.label;
+        const selectedValue = e.target.dataset.value;
+        if (selectedLabel) {
+            this._currentLabel = selectedLabel;
+        }
+        if (selectedValue) {
+            this._currentValue = selectedValue;
+            this._eventsDispatcher(e, 'submit');
+        }
+    }
+    _closeSelect() {
+        if (this._disclosure) {
+            this._disclosure.closeDisclosure();
+        }
+    }
+    optionsListClasses() {
+        const classes = {
+            'select--disabled': this.disabled,
+            'select--border': this.border
+        };
+        return classes;
+    }
+    optionsList() {
+        if (Array.isArray(this.options) && this.options.length) {
+            return html `
             <fieldset>
                 <legend class="visually-hidden">${this.label}</legend>
-                <ul class="select-list" @change="${this._onOptionChange}">
-                    ${this.options.map((e, t) => c`
-                        <li role="option" tabindex="-1">
+                <ul
+                    class="select-list"
+                    role="listbox"
+                    @click="${this._handleKeyboardSubmit}"
+                    @keydown="${this._handleKeyboardSubmit}"
+                    >
+                    ${this.options.map((option, index) => html `
+                        <li role="option">
                             <input
                                 class="visually-hidden"
                                 type="radio"
-                                id="${e.id}"
-                                name="${e.name}"
-                                value="${e.value}"
-                                data-label="${e.label}"
-                                ?checked="${this.selectedItem === t}"
-                                ?disabled="${e.disabled}"
+                                id="${option.id}"
+                                name="${option.name}"
+                                value="${option.value}"
+                                data-label="${option.label}"
+                                ?checked="${this.selectedItem === index}"
+                                @click=${this._handleClickSubmit}
+                                @keydown=${this._handleKeyboardEvent}
                                 />
-                            <label for="${e.id}">
-                                <umg-icon icon="check" size="xSmall"></umg-icon>
-                                    ${e.label}
+                            <label for="${option.id}">
+                                <umg-icon icon="check" size="xsmall"></umg-icon>
+                                    ${option.label}
                             </label>
                         </li>
                     `)}
                 </ul>
             </fieldset>
             `;
-  }
-  currentOptionLabel() {
-    if (this._currentSelectedLabel)
-      return c`
-                ${this._currentSelectedLabel}
+        }
+    }
+    currentOptionLabel() {
+        if (this._currentLabel) {
+            return html `
+                <span class="select__current">
+                    ${this._currentLabel}
+                </span>
             `;
-  }
-  render() {
-    return c`
+        }
+    }
+    render() {
+        return html `
             <div
                 part="select"
-                class="select ${v(this.optionsListClasses())}"
-                style="${g(this.optionsListStyles())}"
-            >
-                <umg-disclosure overlay justifySummary="space-between">
-                    <div slot="summary">
-                        <umg-text
-                            class="label"
-                            as="span"
-                            variant="bodySm"
-                            withoutMargin
-                            >
-                            ${this.label} 
-                        </umg-text>
+                class="select ${classMap(this.optionsListClasses())}"
+                >
+                <umg-disclosure
+                    overlay
+                    mobileDirectionInverse
+                    justify="${this.justify}"
+                    mobileJustify="${this.mobileJustify}"
+                    align="${this.align}" 
+                >
+                    <div
+                        class="select__label"
+                        part="select-box"
+                        slot="summary"
+                        >
+                        <span class="label">
+                            ${this.label}
+                        </span>
                         ${this.currentOptionLabel()}
                     </div>
                     <umg-icon
@@ -136,65 +201,49 @@ let r = class extends p {
                         part="carat"
                         class="carat"
                         icon="chevron-down"
-                        size="xSmall"
+                        size="xsmall"
                         >
                     </umg-icon>
+                    <div slot="content" class="select__close-button" @click=${this._closeSelect}>
+                        <umg-icon icon="close" size="xlarge"></umg-icon>
+                    </div>
                     <div slot="content" class="content">
                         ${this.optionsList()}
                     </div>
                 </umg-disclosure>
         </div>
         `;
-  }
+    }
 };
-r.styles = x([
-  y,
-  m`
+Select.styles = mergeStyles([
+    global,
+    css `
             :host {
                 display: block;
-                width: fit-content
+                width: fit-content;
+                --umg-color-icon-text: var(--umg-color-summary-text);
+                --umg-border-base-corner-radius: var(--umg-border-input-corner-radius);
             }
 
             /* Select box */
             .select {
-                color: rgb(var(--um-color-input-text, var(--um-color-section-trext, var(--um-color-base-text, 0,0,0))), 1);
-
                 width: fit-content;
+                position: relative;
             }
             .select.select--disabled {
                 opacity: 0.4;
                 pointer-events: none;
                 cursor: default;
             }
-            umg-disclosure::part(disclosure-summary) { 
-                background-color: rgb(var(--um-color-input-bg, var(--color-section-bg, var(--um-color-base-bg, 255,255,255))), 1);
+            .select__label {
+                font-size: var(--umg-font-body-size-sm);
             }
-            .select--border umg-disclosure::part(disclosure-summary) {
-                border: var(--um-border-input-width, 0.0625rem) solid rgba(var(--um-color-input-border, var(--um-color-input-text, var(--um-color-section-text, 0,0,0))), var(--um-opacity-input-border, 1));
-                border-radius: var(--um-border-input-radius, 0);
-                padding: 0 var(--um-space-16, 1rem);
-                min-width: 14rem;
+            .select__close-button {
+                display: none;
             }
-            .select--border umg-disclosure::part(disclosure-content) {
-                border-radius: var(--um-border-input-radius, 0);
-            }
-
-            /* Disclosure */
-            umg-disclosure::part(disclosure-summary) {
-                padding: 0 var(--um-space-12, 0.75rem);
-                line-height: 0;
-            }
-            umg-disclosure::part(disclosure-drawer) {
-                top: 3rem;
-            }
-            umg-disclosure .current-selection {
-                padding-left: var(--um-space-4, 0.25rem);
-                opacity: 0.5;
-            }
-            umg-disclosure .content {
-                overflow: hidden;
-                border: var(--um-border-input-width, 0.0625rem) solid rgba(var(--um-color-input-border, var(--um-color-input-text, var(--um-color-section-text, 0,0,0))), var(--um-opacity-input-border, 1));
-                border-radius: var(--um-border-input-radius, 0);
+            .select__current {
+                padding-left: var(--umg-space-4, 0.25rem);
+                opacity: 0.7;
             }
 
             /* Form elements */
@@ -209,31 +258,29 @@ r.styles = x([
                 list-style: none;
                 margin: 0;
                 padding: 0;
-                max-height: 15rem;
-            }
-            .select-list {
                 min-width: 10rem;
                 overflow-y: auto;
             }
-            .select-list li {
-                gap: var(--um-space-12);
-            }
-            .select-list li {
-                display: flex;
-                align-items: center;
-            }
 
             /* Select box scrollbar */
             .select-list::-webkit-scrollbar {
                 width: 0.25rem;
             }
             .select-list::-webkit-scrollbar-track {
-                background: rgb(var(--color-section-text, var(--um-color-base-text, 0,0,0)), 0.05);
-                border-radius: var(--um-border-radius-30);
+                background: var(--umg-color-base-text, rgb(0,0,0,0.05));
+                border-radius: var(--umg-border-radius-30);
             }
             .select-list::-webkit-scrollbar-thumb {
-                background: rgb(var(--color-section-text, var(--um-color-base-text, 0,0,0)), 0.1);
-                border-radius: var(--um-border-radius-30);
+                background: var(--umg-color-base-text, rgb(0,0,0,0.1));
+                border-radius: var(--umg-border-radius-30);
+            }
+            @supports (color: rgb(from white r g b)) {
+                .select-list::-webkit-scrollbar-track {
+                    background: rgb(from var(--umg-color-base-text, rgb(0,0,0,0.05)) r g b / 0.05);
+                }
+                .select-list::-webkit-scrollbar-thumb {
+                    background: rgb(from var(--umg-color-base-text, rgb(0,0,0,0.1)) r g b / 0.1);
+                }
             }
 
             /* Inputs */
@@ -244,22 +291,9 @@ r.styles = x([
                 visibility: visible;
             }
             .select-list input[type=radio]:focus-visible ~ label {
-                color: red;
-            }
-            .select-list input[type=radio]:focus ~ label {
-                color: red;
-            }
-            .select-list input[type=checkbox] ~ label umg-icon {
-                visibility: visible;
-                border: var(--um-border-input-width, 0.0625rem) solid rgba(var(--um-color-input-border, var(--um-color-input-text, var(--um-color-section-text, 0,0,0))), var(--um-opacity-input-border, 1));
-                border-radius: min(calc(var(--um-border-input-radius, 0) * 0.5), 0.3rem);
-                padding: 0.0625rem;
-            }
-            .select-list input[type=checkbox]:checked ~ label umg-icon::part(icon) {
-                visibility: visible;
-            }
-            .select-list input[type=checkbox]:not(:checked) ~ label umg-icon::part(icon) {
-                visibility: hidden;
+                text-decoration: underline;
+                text-decoration-thickness: 0.125rem;
+                text-underline-offset: 0.3rem;
             }
             
             /* Input labels */
@@ -270,75 +304,113 @@ r.styles = x([
             .select-list label {
                 display: flex;
                 align-items: center;
-                font-size: var(--um-font-size-body-sm, 0.875rem);
-                gap: var(--um-space-12, 0.75rem);
-                padding: 0.375rem var(--space-8, 0.5rem);
+                font-size: var(--umg-font-body-size-sm, 0.875rem);
+                gap: var(--umg-space-8, 0.5rem);
+                padding: 0.375rem var(--umg-space-20, 1.25rem) 0.375rem var(--umg-space-16, 1rem);
                 width: 100%;
             }
-            .select-list label .count {
-                opacity: 0.4;
-                font-style: italic;
-            }
             .select-list li:first-child label {
-                margin-top: var(--um-space-8);
+                margin-top: var(--umg-space-16, 1rem);
             }
             .select-list li:last-child label {
-                margin-bottom: var(--um-space-8);
+                margin-bottom: var(--umg-space-16, 1rem);
             }
             .select-list label:hover {
-                background-color: rgb(var(--um-color-section-text, var(--um-color-base-text,  0,0,0)), 0.05);
+                background-color: var(--umg-color-base-text, rgb(0,0,0,0.05));
+            }
+            @supports (color: rgb(from white r g b)) {
+                .select-list label:hover {
+                    background-color: rgb(from var(--umg-color-base-text, rgb(0,0,0,0.05)) r g b / 0.05);
+                }
             }
 
             /** Mobile styles */
             @media screen and (max-width: 48rem) {
-                :host, .select {
-                    width: 100%;
+                :host {
+                    --umg-border-base-corner-radius: 0;
+                    --umg-color-base-border: transparent;
                 }
                 .select {
                     padding: 0;
                 }
+                .select-list {
+                    max-width: 86vw;
+                }
+                .select-list label {
+                    font-size: 1rem;
+                    gap: var(--umg-space-16, 1rem);
+                    padding: var(--umg-space-12, 0.75rem) var(--umg-space-24, 1.5rem);
+                }
+                .select__close-button {
+                    position: absolute;
+                    top: var(--umg-space-20, 1.25rem);
+                    right: var(--umg-space-16, 1rem);
+                    left: 0;
+                    display: flex;
+                    justify-content: flex-end;
+                }
+                umg-disclosure::part(disclosure-drawer) {
+                    position: fixed;
+                    inset: 0;
+                    display: flex;
+                    flex-direction: column;
+                    justify-content: flex-end;
+                    visibility: visible;
+                    backdrop-filter: blur(2px);
+                    width: 100%;
+                    background-color: rgb(0,0,0,0.5);
+                }
             }
-        `
+        `,
 ]);
-s([
-  i()
-], r.prototype, "id", 2);
-s([
-  i({ type: Array })
-], r.prototype, "options", 2);
-s([
-  i()
-], r.prototype, "label", 2);
-s([
-  i()
-], r.prototype, "name", 2);
-s([
-  i({ type: Number })
-], r.prototype, "selectedItem", 2);
-s([
-  i({ type: Boolean })
-], r.prototype, "defaultLabel", 2);
-s([
-  i()
-], r.prototype, "colorText", 2);
-s([
-  i()
-], r.prototype, "colorBg", 2);
-s([
-  i({ type: Boolean })
-], r.prototype, "border", 2);
-s([
-  i()
-], r.prototype, "borderRadius", 2);
-s([
-  i({ type: Boolean, reflect: !0 })
-], r.prototype, "disabled", 2);
-s([
-  h()
-], r.prototype, "_currentSelectedLabel", 2);
-r = s([
-  b(`${_}-select`)
-], r);
-export {
-  r as Select
-};
+__decorate([
+    property()
+], Select.prototype, "id", void 0);
+__decorate([
+    property({ type: Array })
+], Select.prototype, "options", void 0);
+__decorate([
+    property()
+], Select.prototype, "label", void 0);
+__decorate([
+    property()
+], Select.prototype, "name", void 0);
+__decorate([
+    property({ type: Number })
+], Select.prototype, "selectedItem", void 0);
+__decorate([
+    property({ type: Boolean })
+], Select.prototype, "defaultLabel", void 0);
+__decorate([
+    property()
+], Select.prototype, "justify", void 0);
+__decorate([
+    property()
+], Select.prototype, "mobileJustify", void 0);
+__decorate([
+    property({ type: Boolean })
+], Select.prototype, "border", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], Select.prototype, "disabled", void 0);
+__decorate([
+    property({ type: String, reflect: true })
+], Select.prototype, "align", void 0);
+__decorate([
+    state()
+], Select.prototype, "_currentValue", void 0);
+__decorate([
+    state()
+], Select.prototype, "_currentLabel", void 0);
+__decorate([
+    state()
+], Select.prototype, "_isKeyboardEvent", void 0);
+__decorate([
+    query('umg-disclosure')
+], Select.prototype, "_disclosure", void 0);
+Select = __decorate([
+    customElement(`${prefix}-select`)
+], Select);
+
+export { Select };
+//# sourceMappingURL=select.js.map

package/dist/components/select/select.js.map

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