@sebgroup/green-core 1.5.0 → 1.5.1

package/index.js

@@ -143,7 +143,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 = "-eaa4d5";
+var VER_SUFFIX = "-ea801b";
 var elementLookupTable = /* @__PURE__ */ new Map();
 var gdsCustomElement = (tagName) => {
   if (globalThis.GDS_DISABLE_VERSIONED_ELEMENTS) {
@@ -674,163 +674,6 @@ import {
   flip
 } from "@floating-ui/dom";
 
-// libs/core/src/primitives/popover/topLayerOverTransforms.middleware.ts
-var topLayerOverTransforms = () => ({
-  name: "topLayer",
-  async fn(middlewareArguments) {
-    const {
-      x,
-      y,
-      elements: { reference, floating }
-    } = middlewareArguments;
-    let onTopLayer = false;
-    let topLayerIsFloating = false;
-    const diffCoords = {
-      x: 0,
-      y: 0
-    };
-    try {
-      onTopLayer = onTopLayer || floating.matches(":open");
-    } catch (e) {
-    }
-    try {
-      onTopLayer = onTopLayer || floating.matches(":modal");
-    } catch (e) {
-    }
-    topLayerIsFloating = onTopLayer;
-    if (!onTopLayer) {
-      const dialogAncestorQueryEvent = new Event("floating-ui-dialog-test", {
-        composed: true,
-        bubbles: true
-      });
-      floating.addEventListener(
-        "floating-ui-dialog-test",
-        (event) => {
-          event.composedPath().forEach((el) => {
-            if (el === floating || el.localName !== "dialog")
-              return;
-            try {
-              onTopLayer = onTopLayer || el.matches(":modal");
-              if (onTopLayer) {
-              }
-            } catch (e) {
-            }
-          });
-        },
-        { once: true }
-      );
-      floating.dispatchEvent(dialogAncestorQueryEvent);
-    }
-    let overTransforms = false;
-    const containingBlock = getContainingBlock(reference);
-    if (containingBlock !== null && !isWindow(containingBlock)) {
-      overTransforms = true;
-    }
-    if (onTopLayer && overTransforms) {
-      const rect = containingBlock.getBoundingClientRect();
-      diffCoords.x = rect.x;
-      diffCoords.y = rect.y;
-    }
-    if (onTopLayer && topLayerIsFloating) {
-      return {
-        x: x + diffCoords.x,
-        y: y + diffCoords.y,
-        data: diffCoords
-      };
-    }
-    if (onTopLayer) {
-      return {
-        x,
-        y,
-        data: diffCoords
-      };
-    }
-    return {
-      x: x - diffCoords.x,
-      y: y - diffCoords.y,
-      data: diffCoords
-    };
-  }
-});
-function getContainingBlock(element) {
-  let currentNode = getParentNode(element);
-  if (isShadowRoot(currentNode)) {
-    currentNode = currentNode.host;
-  }
-  while (isHTMLElement(currentNode) && !isLastTraversableNode(currentNode)) {
-    if (isContainingBlock(currentNode)) {
-      return currentNode;
-    } else {
-      const parent = currentNode.assignedSlot ? currentNode.assignedSlot : currentNode.parentNode;
-      currentNode = isShadowRoot(parent) ? parent.host : parent;
-    }
-  }
-  return null;
-}
-function isLastTraversableNode(node) {
-  return ["html", "body", "#document"].includes(getNodeName(node));
-}
-function isContainingBlock(element) {
-  const isFirefox = /firefox/i.test(getUAString());
-  if (element.tagName === "dialog") {
-    return true;
-  }
-  const css7 = getComputedStyle(element);
-  return css7.transform !== "none" || css7.perspective !== "none" || css7.contain === "paint" || ["transform", "perspective"].includes(css7.willChange) || isFirefox && css7.willChange === "filter" || isFirefox && (css7.filter ? css7.filter !== "none" : false);
-}
-function getUAString() {
-  const uaData = navigator.userAgentData;
-  if (uaData?.brands) {
-    return uaData.brands.map((item) => `${item.brand}/${item.version}`).join(" ");
-  }
-  return navigator.userAgent;
-}
-function getParentNode(node) {
-  if (getNodeName(node) === "html") {
-    return node;
-  }
-  return (
-    // this is a quicker (but less type safe) way to save quite some bytes from the bundle
-    node.assignedSlot || // step into the shadow DOM of the parent of a slotted node
-    node.parentNode || // DOM Element detected
-    (isShadowRoot(node) ? node.host : null) || // ShadowRoot detected
-    getDocumentElement(node)
-  );
-}
-function getNodeName(node) {
-  return isWindow(node) ? "" : node ? (node.nodeName || "").toLowerCase() : "";
-}
-function getDocumentElement(node) {
-  return ((isNode(node) ? node.ownerDocument : node.document) || window.document).documentElement;
-}
-function isNode(value) {
-  return value instanceof getWindow(value).Node;
-}
-function isWindow(value) {
-  return value && value.document && value.location && value.alert && value.setInterval;
-}
-function getWindow(node) {
-  if (node == null) {
-    return window;
-  }
-  if (!isWindow(node)) {
-    const ownerDocument = node.ownerDocument;
-    return ownerDocument ? ownerDocument.defaultView || window : window;
-  }
-  return node;
-}
-function isShadowRoot(node) {
-  if (typeof ShadowRoot === "undefined") {
-    return false;
-  }
-  const OwnElement = getWindow(node).ShadowRoot;
-  const testNode = node;
-  return node instanceof OwnElement || testNode instanceof ShadowRoot;
-}
-function isHTMLElement(value) {
-  return value instanceof getWindow(value).HTMLElement;
-}
-
 // libs/core/src/primitives/popover/popover.styles.ts
 import { css as css3 } from "lit";
 var style3 = css3`
@@ -1058,7 +901,7 @@ registerAutoPositioning_fn = function() {
   __privateSet(this, _autoPositionCleanupFn, autoUpdate(referenceEl, floatingEl, () => {
     computePosition(referenceEl, floatingEl, {
       placement: this.placement,
-      middleware: [offset(8), flip(), topLayerOverTransforms()],
+      middleware: [offset(8), flip()],
       strategy: "fixed"
     }).then(
       ({ x, y }) => Object.assign(floatingEl.style, {
@@ -2235,7 +2078,7 @@ var dateConverter = {
     return value.toISOString();
   }
 };
-var _valueOnOpen, _renderBackToValidRangeButton, renderBackToValidRangeButton_fn, _focusDate, focusDate_fn, _getSpinnerLabel, getSpinnerLabel_fn, _getMinSpinnerValue, getMinSpinnerValue_fn, _getMaxSpinnerValue, getMaxSpinnerValue_fn, _dispatchChangeEvent2, dispatchChangeEvent_fn2, _handleClipboardCopy, _handleClipboardPaste, _handleFieldClick, _handleCalendarChange, _handleMonthChange, _handleYearChange, _handleIncrementFocusedMonth, _handleDecrementFocusedMonth, _handleCalendarFocusChange, _handlePopoverStateChange, _handleSpinnerKeydown, _parseDateFormat, parseDateFormat_fn, _handleSpinnerChange, _spinnerState, _years, years_get, _isValueOutsideRange, isValueOutsideRange_get;
+var _valueOnOpen, _renderBackToValidRangeButton, renderBackToValidRangeButton_fn, _focusDate, focusDate_fn, _getSpinnerLabel, getSpinnerLabel_fn, _getMinSpinnerValue, getMinSpinnerValue_fn, _getMaxSpinnerValue, getMaxSpinnerValue_fn, _dispatchChangeEvent2, dispatchChangeEvent_fn2, _dispatchInputEvent, dispatchInputEvent_fn, _handleClipboardCopy, _handleClipboardPaste, _handleFieldClick, _handleCalendarChange, _handleMonthChange, _handleYearChange, _handleIncrementFocusedMonth, _handleDecrementFocusedMonth, _handleCalendarFocusChange, _handlePopoverStateChange, _handleSpinnerKeydown, _parseDateFormat, parseDateFormat_fn, _handleSpinnerChange, _spinnerState, _years, years_get, _isValueOutsideRange, isValueOutsideRange_get;
 var GdsDatepicker = class extends GdsFormControlElement {
   constructor() {
     super(...arguments);
@@ -2245,6 +2088,7 @@ var GdsDatepicker = class extends GdsFormControlElement {
     __privateAdd(this, _getMinSpinnerValue);
     __privateAdd(this, _getMaxSpinnerValue);
     __privateAdd(this, _dispatchChangeEvent2);
+    __privateAdd(this, _dispatchInputEvent);
     /**
      * Takes a dateformat string from the dateformat attribute and turnes it to a DateFormatLayout object used in rendering the template.
      */
@@ -2315,15 +2159,18 @@ var GdsDatepicker = class extends GdsFormControlElement {
       this._focusedYear = (await this._elCalendar).focusedYear;
       this.value = (await this._elCalendar).focusedDate;
       this.requestUpdate();
-      __privateMethod(this, _dispatchChangeEvent2, dispatchChangeEvent_fn2).call(this);
+      __privateMethod(this, _dispatchInputEvent, dispatchInputEvent_fn).call(this);
     });
-    __privateAdd(this, _handlePopoverStateChange, (e) => {
+    __privateAdd(this, _handlePopoverStateChange, async (e) => {
       if (e.target !== e.currentTarget)
         return;
       this.open = e.detail.open;
+      if (e.detail.reason === "close") {
+        this.value = (await this._elCalendar).focusedDate;
+        __privateMethod(this, _dispatchChangeEvent2, dispatchChangeEvent_fn2).call(this);
+      }
       if (e.detail.reason === "cancel") {
         this.value = __privateGet(this, _valueOnOpen);
-        __privateMethod(this, _dispatchChangeEvent2, dispatchChangeEvent_fn2).call(this);
       }
     });
     __privateAdd(this, _handleSpinnerKeydown, (e) => {
@@ -2621,6 +2468,14 @@ dispatchChangeEvent_fn2 = function() {
     })
   );
 };
+_dispatchInputEvent = new WeakSet();
+dispatchInputEvent_fn = function() {
+  this.dispatchEvent(
+    new CustomEvent("input", {
+      detail: { value: this.value }
+    })
+  );
+};
 _handleClipboardCopy = new WeakMap();
 _handleClipboardPaste = new WeakMap();
 _handleFieldClick = 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.5.0",
+  "version": "1.5.1",
   "main": "index.js",
   "module": "index.js",
   "type": "module",
@@ -22,11 +22,11 @@
     "directory": "../../dist/libs/core/src"
   },
   "dependencies": {
-    "@floating-ui/dom": "^1.5.4",
+    "@floating-ui/dom": "^1.6.1",
     "@lit/localize": "0.11.4",
+    "date-fns": "^2.28.0",
     "lit": "^2.8.0",
-    "reflect-metadata": "^0.1.13",
-    "date-fns": "^2.28.0"
+    "reflect-metadata": "^0.1.13"
   },
   "exports": {
     ".": {

package/transitional-styles.js

@@ -3215,7 +3215,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 = "-eaa4d5";
+var VER_SUFFIX = "-ea801b";
 var elementLookupTable = /* @__PURE__ */ new Map();
 var templateCache = /* @__PURE__ */ new WeakMap();
 function applyElementScoping(strings, ...values) {

package/primitives/popover/topLayerOverTransforms.middleware.d.ts

@@ -1,28 +0,0 @@
-/**
- * Temporary implemenation of topLayerOverTransforms middleware snagged from here: https://github.com/floating-ui/floating-ui/issues/1842
- *
- * This solved positioning issues when a popover is opened from a parent element that is using transforms.
- *
- * As soon as this is merged in FloatingUI we can remove this and use the official version.
- */
-export declare const topLayerOverTransforms: () => {
-    name: string;
-    fn(middlewareArguments: any): Promise<{
-        x: any;
-        y: any;
-        data: {
-            x: number;
-            y: number;
-        };
-    }>;
-};
-export declare function isLastTraversableNode(node: any): boolean;
-export declare function getUAString(): any;
-export declare function getParentNode(node: any): any;
-export declare function getNodeName(node: any): any;
-export declare function getDocumentElement(node: any): any;
-export declare function isNode(value: any): boolean;
-export declare function isWindow(value: any): any;
-export declare function getWindow(node: any): any;
-export declare function isShadowRoot(node: any): boolean;
-export declare function isHTMLElement(value: any): boolean;