@sebgroup/green-core 2.6.5 → 2.6.6

package/components/datepicker/datepicker.component.d.ts

@@ -51,6 +51,13 @@ declare class Datepicker extends GdsFormControlElement<Date> {
      * Whether to hide the Today button under the calendar.
      */
     hideTodayButton: boolean;
+    /**
+     * Controls the time component of dates selected in the calendar popover or spinbuttons in the field.
+     *
+     * The time will be set in UTC.
+     */
+    get utcHours(): number;
+    set utcHours(value: number);
     /**
      * The date format to use. Accepts a string with the characters `y`, `m` and `d` in any order, separated by a delimiter.
      * For example, `y-m-d` or `d/m/y`. All three characters must be present.

package/components/datepicker/datepicker.component.js

@@ -5,7 +5,7 @@ import {
   __privateMethod,
   __privateSet
 } from "../../chunks/chunk.QU3DSPNU.js";
-var _valueOnOpen, _Datepicker_instances, shouldShowFooter_fn, renderBackToValidRangeButton_fn, focusDate_fn, getSpinnerLabel_fn, getMinSpinnerValue_fn, getMaxSpinnerValue_fn, dispatchChangeEvent_fn, dispatchInputEvent_fn, _handleFieldFocusOut, _handleSpinnerFocus, _handleClipboardCopy, _handleClipboardPaste, _handleFieldClick, _handleCalendarChange, _handleMonthChange, _handleYearChange, _handleIncrementFocusedMonth, _handleDecrementFocusedMonth, _handleCalendarFocusChange, _handlePopoverStateChange, _handleSpinnerKeydown, parseDateFormat_fn, _handleSpinnerChange, _spinnerState, years_get, isValueOutsideRange_get;
+var _utcHours, _valueOnOpen, _Datepicker_instances, shouldShowFooter_fn, renderBackToValidRangeButton_fn, focusDate_fn, getSpinnerLabel_fn, getMinSpinnerValue_fn, getMaxSpinnerValue_fn, dispatchChangeEvent_fn, dispatchInputEvent_fn, _handleFieldFocusOut, _handleSpinnerFocus, _handleClipboardCopy, _handleClipboardPaste, _handleFieldClick, _handleCalendarChange, _handleMonthChange, _handleYearChange, _handleIncrementFocusedMonth, _handleDecrementFocusedMonth, _handleCalendarFocusChange, _handlePopoverStateChange, _handleSpinnerKeydown, parseDateFormat_fn, _handleSpinnerChange, _spinnerState, years_get, isValueOutsideRange_get;
 import { localized, msg } from "@lit/localize";
 import { nothing } from "lit";
 import { property, query, queryAll, queryAsync, state } from "lit/decorators.js";
@@ -55,6 +55,7 @@ let Datepicker = class extends GdsFormControlElement {
     this.hideLabel = false;
     this.clearable = false;
     this.hideTodayButton = false;
+    __privateAdd(this, _utcHours, 12);
     this.disabledWeekends = false;
     this.showExtendedSupportingText = false;
     this._focusedMonth = (/* @__PURE__ */ new Date()).getMonth();
@@ -117,7 +118,9 @@ let Datepicker = class extends GdsFormControlElement {
     });
     __privateAdd(this, _handleCalendarChange, (e) => {
       e.stopPropagation();
-      this.value = new Date(e.detail);
+      const date = new Date(e.detail);
+      date.setUTCHours(this.utcHours, 0, 0, 0);
+      this.value = date;
       this.open = false;
       __privateMethod(this, _Datepicker_instances, dispatchChangeEvent_fn).call(this);
       __privateMethod(this, _Datepicker_instances, dispatchInputEvent_fn).call(this);
@@ -200,7 +203,7 @@ let Datepicker = class extends GdsFormControlElement {
       newDate.setFullYear(parseInt(__privateGet(this, _spinnerState).year));
       newDate.setMonth(parseInt(__privateGet(this, _spinnerState).month) - 1);
       newDate.setDate(parseInt(__privateGet(this, _spinnerState).day));
-      newDate.setHours(12, 0, 0, 0);
+      newDate.setUTCHours(this.utcHours, 0, 0, 0);
       if (newDate.toString() === "Invalid Date") return;
       this.value = newDate;
       __privateMethod(this, _Datepicker_instances, dispatchChangeEvent_fn).call(this);
@@ -225,6 +228,13 @@ let Datepicker = class extends GdsFormControlElement {
   set value(value) {
     super.value = value;
   }
+  get utcHours() {
+    return __privateGet(this, _utcHours);
+  }
+  set utcHours(value) {
+    __privateSet(this, _utcHours, value);
+    this._internalValue?.setUTCHours(value, 0, 0, 0);
+  }
   get dateformat() {
     return this._dateFormatLayout.layout.map((f) => f.token).join(this._dateFormatLayout.delimiter);
   }
@@ -535,6 +545,7 @@ let Datepicker = class extends GdsFormControlElement {
     }
   }
 };
+_utcHours = new WeakMap();
 _valueOnOpen = new WeakMap();
 _Datepicker_instances = new WeakSet();
 shouldShowFooter_fn = function() {
@@ -692,6 +703,9 @@ __decorateClass([
 __decorateClass([
   property({ type: Boolean, attribute: "hide-today-button" })
 ], Datepicker.prototype, "hideTodayButton", 2);
+__decorateClass([
+  property({ type: Number, attribute: "utc-hours" })
+], Datepicker.prototype, "utcHours", 1);
 __decorateClass([
   property()
 ], Datepicker.prototype, "dateformat", 1);

package/components/dropdown/dropdown.component.d.ts

@@ -16,6 +16,7 @@ export * from '../../primitives/listbox/option.component';
  * @event input - Fired when the value of the dropdown is changed through user interaction.
  * @event gds-ui-state - Fired when the dropdown is opened or closed by the user. Can be cancelled to prevent the dropdown from opening or closing.
  * @event gds-filter-input - Fired when the user types in the search field. The event is cancellable, and the consumer is expected to handle filtering and updating the options list if the event is cancelled.
+ * @event gds-input-cleared - Fired when the user clears the input using the clear button.
  */
 export declare class GdsDropdown<ValueT = any> extends GdsFormControlElement<ValueT | ValueT[]> implements OptionsContainer {
     #private;
@@ -148,9 +149,6 @@ export declare class GdsDropdown<ValueT = any> extends GdsFormControlElement<Val
      * Update value assignment and request update when the light DOM changes.
      */
     private _handleLightDOMChange;
-    /**
-     * Called whenever the `value` property changes
-     */
     private _handleValueChange;
     /**
      * Emits `gds-ui-state`event and does some other house-keeping when the open state changes.

package/components/dropdown/dropdown.component.js

@@ -139,11 +139,15 @@ let GdsDropdown = class extends GdsFormControlElement {
       e.preventDefault();
       e.stopPropagation();
       this.value = void 0;
+      this.dispatchCustomEvent("gds-input-cleared", {
+        bubbles: true,
+        composed: true
+      });
+      __privateGet(this, _dispatchInputEvent).call(this);
+      __privateGet(this, _dispatchChangeEvent).call(this);
     });
     /**
      * Event handler for filtering the options in the dropdown.
-     *
-     * @param e The input event.
      */
     __privateAdd(this, _handleSearchFieldInput, (e) => {
       if (!e.currentTarget) return;
@@ -463,11 +467,6 @@ _handleSearchFieldInput = new WeakMap();
 _handleSearchFieldKeyDown = new WeakMap();
 _handleListboxKeyDown = new WeakMap();
 _handleOptionFocusChange = new WeakMap();
-/**
- * Selects an option in the dropdown.
- *
- * @fires change
- */
 handleSelectionChange_fn = function() {
   this._elListbox.then((listbox) => {
     if (this.multiple) this.value = listbox.selection.map((s) => s.value);

package/gds-element.js

@@ -14,7 +14,7 @@ class GdsElement extends LitElement {
     /**
      * The semantic version of this element. Can be used for troubleshooting to verify the version being used.
      */
-    this.semanticVersion = "2.6.5";
+    this.semanticVersion = "2.6.6";
     this._isUsingTransitionalStyles = false;
     this._dynamicStylesController = new DynamicStylesController(this);
   }

package/generated/react/datepicker/index.d.ts

@@ -29,6 +29,7 @@ export declare const GdsDatepicker: (props: React.ComponentProps<ReturnType<type
     hideLabel?: boolean | undefined;
     clearable?: boolean | undefined;
     hideTodayButton?: boolean | undefined;
+    utcHours?: number | undefined;
     dateformat?: string | undefined;
     disabledWeekends?: boolean | undefined;
     disabledDates?: Date[] | undefined;

package/generated/react/index.d.ts

@@ -16,8 +16,8 @@ export * from './divider/index.js';
 export * from './dropdown/index.js';
 export * from './fab/index.js';
 export * from './filter-chips/index.js';
-export * from './flex/index.js';
 export * from './form-summary/index.js';
+export * from './flex/index.js';
 export * from './grid/index.js';
 export * from './grouped-list/index.js';
 export * from './list-item/index.js';

package/generated/react/index.js

@@ -16,8 +16,8 @@ export * from "./divider/index.js";
 export * from "./dropdown/index.js";
 export * from "./fab/index.js";
 export * from "./filter-chips/index.js";
-export * from "./flex/index.js";
 export * from "./form-summary/index.js";
+export * from "./flex/index.js";
 export * from "./grid/index.js";
 export * from "./grouped-list/index.js";
 export * from "./list-item/index.js";

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": "2.6.5",
+  "version": "2.6.6",
   "main": "index.js",
   "module": "index.js",
   "type": "module",

package/utils/helpers/custom-element-scoping.js

@@ -1,6 +1,6 @@
 import "../../chunks/chunk.QU3DSPNU.js";
 import { html as litHtml } from "lit";
-const VER_SUFFIX = "-3d32ce";
+const VER_SUFFIX = "-eaa8fd";
 class ScopedElementRegistry {
   static get instance() {
     if (!globalThis.__gdsElementLookupTable?.[VER_SUFFIX])