@sebgroup/green-core 1.4.0 → 1.4.1

package/index.js

@@ -139,7 +139,7 @@ function watchMediaQuery(q) {
 // libs/core/src/utils/helpers/custom-element-scoping.ts
 import { html as litHtml } from "lit";
 import { customElement } from "lit/decorators.js";
-var VER_SUFFIX = "-98c004";
+var VER_SUFFIX = "-c7f30b";
 var elementLookupTable = /* @__PURE__ */ new Map();
 var gdsCustomElement = (tagName) => {
   if (globalThis.GDS_DISABLE_VERSIONED_ELEMENTS) {
@@ -192,7 +192,7 @@ import { property } from "lit/decorators.js";
 import { createRef, ref } from "lit/directives/ref.js";
 
 // libs/core/src/utils/helpers/transitional-styles.ts
-var TransitionalStyles = class _TransitionalStyles {
+var TransitionalStyles = class {
   constructor() {
     this.sheets = /* @__PURE__ */ new Map();
     this.elements = /* @__PURE__ */ new Map();
@@ -201,7 +201,7 @@ var TransitionalStyles = class _TransitionalStyles {
     if (!globalThis.__gdsTransitionalStyles?.[VER_SUFFIX])
       globalThis.__gdsTransitionalStyles = {
         ...globalThis.__gdsTransitionalStyles,
-        [VER_SUFFIX]: new _TransitionalStyles()
+        [VER_SUFFIX]: new TransitionalStyles()
       };
     return globalThis.__gdsTransitionalStyles[VER_SUFFIX];
   }
@@ -1028,9 +1028,11 @@ GdsPopover = __decorateClass([
 // libs/core/src/components/form-control.ts
 import { LitElement as LitElement4 } from "lit";
 import { property as property4 } from "lit/decorators.js";
+var _internals;
 var GdsFormControlElement = class extends LitElement4 {
   constructor() {
     super();
+    __privateAdd(this, _internals, void 0);
     this.invalid = false;
     this.name = "";
     /**
@@ -1040,43 +1042,39 @@ var GdsFormControlElement = class extends LitElement4 {
     this._handleFormReset = () => {
       this.value = void 0;
     };
-    this.#internals = this.attachInternals();
-  }
-  #internals;
-  static {
-    this.formAssociated = true;
+    __privateSet(this, _internals, this.attachInternals());
   }
   get form() {
-    return this.#internals.form;
+    return __privateGet(this, _internals).form;
   }
   get type() {
     return getUnscopedTagName(this.localName) || "gds-form-control";
   }
   get validity() {
-    return this.#internals.validity;
+    return __privateGet(this, _internals).validity;
   }
   get validationMessage() {
-    return this.#internals.validationMessage;
+    return __privateGet(this, _internals).validationMessage;
   }
   get willValidate() {
-    return this.#internals.willValidate;
+    return __privateGet(this, _internals).willValidate;
   }
   checkValidity() {
-    return this.#internals.checkValidity();
+    return __privateGet(this, _internals).checkValidity();
   }
   reportValidity() {
-    return this.#internals.reportValidity();
+    return __privateGet(this, _internals).reportValidity();
   }
   connectedCallback() {
     super.connectedCallback();
-    this.#internals.form?.addEventListener("reset", this._handleFormReset);
+    __privateGet(this, _internals).form?.addEventListener("reset", this._handleFormReset);
   }
   disconnectedCallback() {
     super.disconnectedCallback();
-    this.#internals.form?.removeEventListener("reset", this._handleFormReset);
+    __privateGet(this, _internals).form?.removeEventListener("reset", this._handleFormReset);
   }
   __handleValidityChange() {
-    this.#internals.setValidity(
+    __privateGet(this, _internals).setValidity(
       {
         badInput: false,
         customError: this.invalid,
@@ -1093,9 +1091,11 @@ var GdsFormControlElement = class extends LitElement4 {
     );
   }
   __handleValueChange() {
-    this.#internals.setFormValue(this.value);
+    __privateGet(this, _internals).setFormValue(this.value);
   }
 };
+_internals = new WeakMap();
+GdsFormControlElement.formAssociated = true;
 __decorateClass([
   property4({
     type: Boolean,
@@ -1462,11 +1462,10 @@ import { property as property6, queryAsync as queryAsync2 } from "lit/decorators
 // libs/core/src/primitives/menu/menu.ts
 import { LitElement as LitElement5 } from "lit";
 import { createRef as createRef3, ref as ref3 } from "lit/directives/ref.js";
-var _slotRef2;
 var GdsMenu = class extends LitElement5 {
+  #slotRef = createRef3();
   constructor() {
     super();
-    __privateAdd(this, _slotRef2, createRef3());
     new ListboxKbNavController(this);
   }
   connectedCallback() {
@@ -1475,9 +1474,9 @@ var GdsMenu = class extends LitElement5 {
     TransitionalStyles.instance.apply(this, "gds-listbox");
   }
   get navigableItems() {
-    if (!__privateGet(this, _slotRef2).value)
+    if (!this.#slotRef.value)
       return [];
-    return unwrap(__privateGet(this, _slotRef2).value).assignedElements().filter(
+    return unwrap(this.#slotRef.value).assignedElements().filter(
       (o) => !o.hasAttribute("isplaceholder")
     ) || [];
   }
@@ -1488,10 +1487,9 @@ var GdsMenu = class extends LitElement5 {
     this.navigableItems[0]?.focus();
   }
   render() {
-    return html`<slot ${ref3(__privateGet(this, _slotRef2))}></slot>`;
+    return html`<slot ${ref3(this.#slotRef)}></slot>`;
   }
 };
-_slotRef2 = new WeakMap();
 GdsMenu = __decorateClass([
   gdsCustomElement("gds-menu")
 ], GdsMenu);
@@ -1579,19 +1577,7 @@ GdsContextMenu = __decorateClass([
 
 // libs/core/src/primitives/menu/menu-item.ts
 import { LitElement as LitElement7 } from "lit";
-var _handleOnClick;
 var GdsMenuItem = class extends Focusable(LitElement7) {
-  constructor() {
-    super(...arguments);
-    __privateAdd(this, _handleOnClick, () => {
-      this.dispatchEvent(
-        new CustomEvent("gds-menu-item-click", {
-          bubbles: true,
-          composed: true
-        })
-      );
-    });
-  }
   connectedCallback() {
     super.connectedCallback();
     this.setAttribute("role", "menuitem");
@@ -1601,14 +1587,21 @@ var GdsMenuItem = class extends Focusable(LitElement7) {
       e.preventDefault();
       this.click();
     });
-    this.addEventListener("click", __privateGet(this, _handleOnClick));
+    this.addEventListener("click", this.#handleOnClick);
     TransitionalStyles.instance.apply(this, "gds-option");
   }
+  #handleOnClick = () => {
+    this.dispatchEvent(
+      new CustomEvent("gds-menu-item-click", {
+        bubbles: true,
+        composed: true
+      })
+    );
+  };
   render() {
     return html`<slot></slot>`;
   }
 };
-_handleOnClick = new WeakMap();
 GdsMenuItem = __decorateClass([
   gdsCustomElement("gds-menu-item")
 ], GdsMenuItem);
@@ -2059,7 +2052,7 @@ var dateConverter = {
     return value.toISOString();
   }
 };
-var _renderBackToValidRangeButton, renderBackToValidRangeButton_fn, _focusDate, focusDate_fn, _getSpinnerLabel, getSpinnerLabel_fn, _getMinSpinnerValue, getMinSpinnerValue_fn, _getMaxSpinnerValue, getMaxSpinnerValue_fn, _dispatchChangeEvent2, dispatchChangeEvent_fn2, _handleIncrementFocusedMonth, _handleDecrementFocusedMonth, _handleFocusChange, _handlePopoverStateChange, _handleSpinnerKeydown, _parseDateFormat, parseDateFormat_fn, _handleSpinnerChange, _spinnerState, _years, years_get;
+var _renderBackToValidRangeButton, renderBackToValidRangeButton_fn, _focusDate, focusDate_fn, _getSpinnerLabel, getSpinnerLabel_fn, _getMinSpinnerValue, getMinSpinnerValue_fn, _getMaxSpinnerValue, getMaxSpinnerValue_fn, _dispatchChangeEvent2, dispatchChangeEvent_fn2, _handleCalendarChange, _handleMonthChange, _handleYearChange, _handleIncrementFocusedMonth, _handleDecrementFocusedMonth, _handleFocusChange, _handlePopoverStateChange, _handleSpinnerKeydown, _parseDateFormat, parseDateFormat_fn, _handleSpinnerChange, _spinnerState, _years, years_get;
 var GdsDatepicker = class extends GdsFormControlElement {
   constructor() {
     super(...arguments);
@@ -2086,6 +2079,20 @@ var GdsDatepicker = class extends GdsFormControlElement {
     this._focusedMonth = (/* @__PURE__ */ new Date()).getMonth();
     this._focusedYear = (/* @__PURE__ */ new Date()).getFullYear();
     this._dateFormatLayout = __privateMethod(this, _parseDateFormat, parseDateFormat_fn).call(this, "y-m-d");
+    __privateAdd(this, _handleCalendarChange, (e) => {
+      e.stopPropagation();
+      this.value = e.detail;
+      this.open = false;
+      __privateMethod(this, _dispatchChangeEvent2, dispatchChangeEvent_fn2).call(this);
+    });
+    __privateAdd(this, _handleMonthChange, (e) => {
+      e.stopPropagation();
+      this._focusedMonth = e.target?.value;
+    });
+    __privateAdd(this, _handleYearChange, (e) => {
+      e.stopPropagation();
+      this._focusedYear = e.target?.value;
+    });
     __privateAdd(this, _handleIncrementFocusedMonth, (_e) => {
       this._focusedMonth++;
       if (this._focusedMonth > 11) {
@@ -2241,7 +2248,7 @@ var GdsDatepicker = class extends GdsFormControlElement {
           </button>
           <gds-dropdown
             .value=${this._focusedMonth.toString()}
-            @change=${(e) => this._focusedMonth = e.target?.value}
+            @change=${__privateGet(this, _handleMonthChange)}
             aria-label="${msg5("Month")}"
           >
             <gds-option value="0">${msg5("January")}</gds-option>
@@ -2259,7 +2266,7 @@ var GdsDatepicker = class extends GdsFormControlElement {
           </gds-dropdown>
           <gds-dropdown
             .value=${this._focusedYear.toString()}
-            @change=${(e) => this._focusedYear = e.target?.value}
+            @change=${__privateGet(this, _handleYearChange)}
             aria-label="${msg5("Year")}"
           >
             ${repeat(
@@ -2275,12 +2282,7 @@ var GdsDatepicker = class extends GdsFormControlElement {
 
         <gds-calendar
           id="calendar"
-          @change=${(e) => {
-      e.stopPropagation();
-      this.value = e.detail;
-      this.open = false;
-      __privateMethod(this, _dispatchChangeEvent2, dispatchChangeEvent_fn2).call(this);
-    }}
+          @change=${__privateGet(this, _handleCalendarChange)}
           @gds-date-focused=${__privateGet(this, _handleFocusChange)}
           .focusedMonth=${this._focusedMonth}
           .focusedYear=${this._focusedYear}
@@ -2392,6 +2394,9 @@ dispatchChangeEvent_fn2 = function() {
     })
   );
 };
+_handleCalendarChange = new WeakMap();
+_handleMonthChange = new WeakMap();
+_handleYearChange = new WeakMap();
 _handleIncrementFocusedMonth = new WeakMap();
 _handleDecrementFocusedMonth = new WeakMap();
 _handleFocusChange = new WeakMap();

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@sebgroup/green-core",
   "description": "A carefully crafted set of Web Components, laying the foundation of the Green Design System.",
-  "version": "1.4.0",
+  "version": "1.4.1",
   "main": "index.js",
   "module": "index.js",
   "type": "module",

package/transitional-styles.js

@@ -6775,7 +6775,7 @@ function register6() {
 // libs/core/src/utils/helpers/custom-element-scoping.ts
 import { html as litHtml } from "lit";
 import { customElement } from "lit/decorators.js";
-var VER_SUFFIX = "-98c004";
+var VER_SUFFIX = "-c7f30b";
 var elementLookupTable = /* @__PURE__ */ new Map();
 var templateCache = /* @__PURE__ */ new WeakMap();
 function applyElementScoping(strings, ...values) {
@@ -6813,7 +6813,7 @@ var registerTransitionalStyles = () => {
   register5();
   register6();
 };
-var TransitionalStyles = class _TransitionalStyles {
+var TransitionalStyles = class {
   constructor() {
     this.sheets = /* @__PURE__ */ new Map();
     this.elements = /* @__PURE__ */ new Map();
@@ -6822,7 +6822,7 @@ var TransitionalStyles = class _TransitionalStyles {
     if (!globalThis.__gdsTransitionalStyles?.[VER_SUFFIX])
       globalThis.__gdsTransitionalStyles = {
         ...globalThis.__gdsTransitionalStyles,
-        [VER_SUFFIX]: new _TransitionalStyles()
+        [VER_SUFFIX]: new TransitionalStyles()
       };
     return globalThis.__gdsTransitionalStyles[VER_SUFFIX];
   }