@sebgroup/green-core 1.68.4 → 1.69.0

package/chunks/{chunk.EYXSM3IO.js → chunk.3GQXXIAA.js}

@@ -1,6 +1,6 @@
 import {
   GdsDiv
-} from "./chunk.7CRT7WQF.js";
+} from "./chunk.FIRXUEIK.js";
 import {
   forSpaceTokens
 } from "./chunk.76QWARGM.js";
@@ -9,7 +9,7 @@ import {
 } from "./chunk.NUUST5OZ.js";
 import {
   tokens
-} from "./chunk.MTHVWA5N.js";
+} from "./chunk.OGXYFLYC.js";
 import {
   gdsCustomElement,
   html

package/chunks/{chunk.ZA7FUZWW.js → chunk.4D6PS3YB.js}

@@ -1,6 +1,6 @@
 import {
   TransitionalStyles
-} from "./chunk.4NEQU7ZK.js";
+} from "./chunk.NHCDT25A.js";
 import {
   watch
 } from "./chunk.TYGMNHNO.js";

package/chunks/{chunk.EFTM4D5F.js → chunk.4GEYYFIK.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk.WM7HBMMV.js";
 import {
   TransitionalStyles
-} from "./chunk.4NEQU7ZK.js";
+} from "./chunk.NHCDT25A.js";
 import {
   watch
 } from "./chunk.TYGMNHNO.js";
@@ -30,8 +30,8 @@ import { classMap } from "lit/directives/class-map.js";
 import {
   autoUpdate,
   computePosition,
-  flip,
-  offset
+  offset,
+  shift
 } from "@floating-ui/dom";
 
 // libs/core/src/components/popover/popover.styles.ts
@@ -145,9 +145,15 @@ var GdsPopover = class extends GdsElement {
     this.calcMinWidth = (referenceEl) => `${referenceEl.offsetWidth}px`;
     this.calcMaxWidth = (_referenceEl) => `auto`;
     this.calcMinHeight = (_referenceEl) => `auto`;
-    this.calcMaxHeight = (_referenceEl) => `500px`;
+    this.calcMaxHeight = (_referenceEl) => `${window.innerHeight - 16}px`;
     this.nonmodal = false;
-    this.floatingUIMiddleware = [offset(8), flip()];
+    this.floatingUIMiddleware = [
+      offset(8),
+      shift({
+        crossAxis: true,
+        padding: 8
+      })
+    ];
     this._trigger = void 0;
     this._anchor = void 0;
     this._isVirtKbVisible = false;

package/chunks/{chunk.EDYRAGUL.js → chunk.4KL2SL2I.js}

@@ -5,7 +5,7 @@ import {
 } from "./chunk.TWXTKG4B.js";
 import {
   tokens
-} from "./chunk.MTHVWA5N.js";
+} from "./chunk.OGXYFLYC.js";
 import {
   GdsElement
 } from "./chunk.TMEWQZER.js";

package/chunks/{chunk.6XYPJFZ5.js → chunk.5PXMD6FN.js}

@@ -1,12 +1,12 @@
 import {
   TransitionalStyles
-} from "./chunk.4NEQU7ZK.js";
+} from "./chunk.NHCDT25A.js";
 import {
   watch
 } from "./chunk.TYGMNHNO.js";
 import {
   tokens
-} from "./chunk.MTHVWA5N.js";
+} from "./chunk.OGXYFLYC.js";
 import {
   GdsElement
 } from "./chunk.TMEWQZER.js";

package/chunks/chunk.6PGW4W5E.js

@@ -0,0 +1,240 @@
+import {
+  watch
+} from "./chunk.TYGMNHNO.js";
+import {
+  tokens
+} from "./chunk.OGXYFLYC.js";
+import {
+  GdsElement
+} from "./chunk.TMEWQZER.js";
+import {
+  gdsCustomElement,
+  html
+} from "./chunk.QK3R23GV.js";
+import {
+  __decorateClass,
+  __privateAdd,
+  __privateGet
+} from "./chunk.SEHSDSX2.js";
+
+// libs/core/src/components/radio/radio.ts
+import { property, state } from "lit/decorators.js";
+
+// libs/core/src/components/radio/radio.styles.ts
+import { css } from "lit";
+var styles = css`
+  @layer base, a11y, reset, transitional-styles;
+
+  @layer a11y {
+    @media (prefers-reduced-motion: reduce) {
+      .radio {
+        transition: none;
+      }
+    }
+  }
+
+  @layer base {
+    :host([disabled]) {
+      --_radio-label-color: var(--gds-color-l3-content-disabled);
+    }
+
+    .radio {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      position: relative;
+      width: var(--radio-disc-size);
+      height: var(--radio-disc-size);
+      margin-block-start: calc(var(--radio-border-width) * 2);
+      cursor: pointer;
+    }
+
+    .state {
+      display: flex;
+      box-sizing: border-box;
+      backface-visibility: hidden;
+      transition-property: background-color, scale, outline;
+      transition-duration: 248ms;
+      outline-style: solid;
+      outline-offset: calc(-1 * var(--radio-outline-width));
+      outline-width: var(--radio-outline-width);
+      outline-color: transparent;
+      border-radius: var(--radio-radius);
+      min-width: var(--radio-size);
+      min-height: var(--radio-size);
+      position: absolute;
+      left: calc(* 1 - calc((var(--radio-size) - var(--radio-disc-size)) / 2));
+      top: calc(* 1 - calc((var(--radio-size) - var(--radio-disc-size)) / 2));
+      scale: 0.8;
+    }
+
+    @media (hover: hover) {
+      .radio:hover,
+      :host(:hover) .radio .state {
+        background-color: var(--radio-bg-mix);
+        scale: 1;
+      }
+    }
+
+    .radio:active .state,
+    :host(:active) .radio .state {
+      background-color: var(--radio-bg-mix-active);
+    }
+
+    :host(:active:not(:focus-visible)) .radio:active .state,
+    :host(:active:not(:focus-visible)) .radio .state {
+      scale: 0.96;
+    }
+
+    :host(:focus) {
+      outline: none;
+    }
+
+    :host(:focus) .radio .state {
+      outline-color: var(--_radio-outline-color);
+      scale: 1;
+    }
+
+    :host(:not(:focus-visible)) .radio .state {
+      outline-color: transparent;
+    }
+
+    .disc {
+      width: var(--radio-disc-size);
+      height: var(--radio-disc-size);
+      border-radius: var(--radio-radius);
+      box-shadow: inset 0 0 0 var(--radio-border-width)
+        var(--radio-border-color);
+      background-color: var(--radio-disc-background-color);
+      box-sizing: border-box;
+      transition-property: box-shadow;
+      transition-duration: 248ms;
+      will-change: box-shadow;
+      position: absolute;
+      inset: 0;
+    }
+
+    :host([checked]) .disc,
+    :host(:active) .disc {
+      box-shadow: inset 0 0 0 var(--radio-border-width-selected)
+        var(--radio-border-color-selected);
+    }
+
+    :host([disabled]) {
+      pointer-events: none;
+    }
+
+    :host([disabled]) .radio .disc {
+      box-shadow: none;
+      background-color: var(--gds-color-l3-content-disabled);
+    }
+  }
+`;
+
+// libs/core/src/components/radio/radio.ts
+var _handleClick, _handleKeyDown;
+var GdsRadio = class extends GdsElement {
+  constructor() {
+    super();
+    this.label = "";
+    this.supportingText = "";
+    this.value = "";
+    this.checked = false;
+    this.disabled = false;
+    this.invalid = false;
+    this._isFocused = false;
+    __privateAdd(this, _handleClick, (e) => {
+      if (this.disabled || !this.value || !this.label)
+        return;
+      e.preventDefault();
+      this.checked = true;
+      this.focus();
+      this.dispatchEvent(new Event("gds-radio-change", { bubbles: true }));
+    });
+    __privateAdd(this, _handleKeyDown, (e) => {
+      if (this.disabled)
+        return;
+      if (e.key === "Enter" || e.key === " ") {
+        e.preventDefault();
+        this.checked = true;
+        this.dispatchEvent(new Event("gds-radio-change", { bubbles: true }));
+      }
+    });
+    this.addEventListener("keydown", __privateGet(this, _handleKeyDown));
+    this.addEventListener("focus", () => this._isFocused = true);
+    this.addEventListener("blur", () => this._isFocused = false);
+  }
+  connectedCallback() {
+    super.connectedCallback();
+    this.setAttribute("role", "radio");
+    this._updateAriaState();
+    this.addEventListener("click", __privateGet(this, _handleClick));
+  }
+  _updateAriaState() {
+    this.setAttribute("aria-checked", this.checked.toString());
+    this.setAttribute("aria-disabled", this.disabled.toString());
+    this.setAttribute("tabindex", this.disabled ? "-1" : "0");
+    this.toggleAttribute("aria-invalid", this.invalid);
+  }
+  updated(changedProperties) {
+    super.updated(changedProperties);
+    if (changedProperties.has("checked") || changedProperties.has("disabled") || changedProperties.has("invalid")) {
+      this._updateAriaState();
+    }
+  }
+  _handleDisabledChange() {
+    if (this.disabled) {
+      this.setAttribute("inert", "");
+    } else {
+      this.removeAttribute("inert");
+    }
+  }
+  render() {
+    return html`
+      <gds-selection-field-label
+        supporting-text=${this.supportingText}
+        label=${this.label}
+        type="radio"
+      >
+        <div class="radio">
+          <div class="state"></div>
+          <div class="disc"></div>
+        </div>
+      </gds-selection-field-label>
+    `;
+  }
+};
+_handleClick = new WeakMap();
+_handleKeyDown = new WeakMap();
+GdsRadio.styles = [tokens, styles];
+__decorateClass([
+  property()
+], GdsRadio.prototype, "label", 2);
+__decorateClass([
+  property({ attribute: "supporting-text" })
+], GdsRadio.prototype, "supportingText", 2);
+__decorateClass([
+  property()
+], GdsRadio.prototype, "value", 2);
+__decorateClass([
+  property({ type: Boolean, reflect: true })
+], GdsRadio.prototype, "checked", 2);
+__decorateClass([
+  property({ type: Boolean, reflect: true })
+], GdsRadio.prototype, "disabled", 2);
+__decorateClass([
+  property({ type: Boolean })
+], GdsRadio.prototype, "invalid", 2);
+__decorateClass([
+  state()
+], GdsRadio.prototype, "_isFocused", 2);
+__decorateClass([
+  watch("disabled")
+], GdsRadio.prototype, "_handleDisabledChange", 1);
+GdsRadio = __decorateClass([
+  gdsCustomElement("gds-radio")
+], GdsRadio);
+
+export {
+  GdsRadio
+};

package/chunks/{chunk.WPD7436F.js → chunk.A7DPHMYA.js}

@@ -14,7 +14,7 @@ import {
 } from "./chunk.TYGMNHNO.js";
 import {
   tokens
-} from "./chunk.MTHVWA5N.js";
+} from "./chunk.OGXYFLYC.js";
 import {
   gdsCustomElement,
   html

package/chunks/{chunk.TUSHH76M.js → chunk.BA4XMBLV.js}

@@ -1,6 +1,6 @@
 import {
   GdsDiv
-} from "./chunk.7CRT7WQF.js";
+} from "./chunk.FIRXUEIK.js";
 import {
   gdsCustomElement
 } from "./chunk.QK3R23GV.js";

package/chunks/{chunk.NAFFMLGK.js → chunk.BR67WBUE.js}

@@ -1,6 +1,6 @@
 import {
   TransitionalStyles
-} from "./chunk.4NEQU7ZK.js";
+} from "./chunk.NHCDT25A.js";
 import {
   GdsElement
 } from "./chunk.TMEWQZER.js";

package/chunks/{chunk.C6XGJNM4.js → chunk.CHZ4Z2YY.js}

@@ -8,7 +8,7 @@ import {
 } from "./chunk.NUUST5OZ.js";
 import {
   tokens
-} from "./chunk.MTHVWA5N.js";
+} from "./chunk.OGXYFLYC.js";
 import {
   GdsElement
 } from "./chunk.TMEWQZER.js";

package/chunks/{chunk.ZWWU5COM.js → chunk.D73543IP.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk.NUUST5OZ.js";
 import {
   tokens
-} from "./chunk.MTHVWA5N.js";
+} from "./chunk.OGXYFLYC.js";
 import {
   GdsElement
 } from "./chunk.TMEWQZER.js";

package/chunks/{chunk.LWTVR43C.js → chunk.EPGFD7VH.js}

@@ -8,13 +8,13 @@ import {
 } from "./chunk.TWXTKG4B.js";
 import {
   TransitionalStyles
-} from "./chunk.4NEQU7ZK.js";
+} from "./chunk.NHCDT25A.js";
 import {
   watch
 } from "./chunk.TYGMNHNO.js";
 import {
   tokens
-} from "./chunk.MTHVWA5N.js";
+} from "./chunk.OGXYFLYC.js";
 import {
   GdsElement
 } from "./chunk.TMEWQZER.js";

package/chunks/{chunk.LCNJORVJ.js → chunk.ERTFEGJX.js}

@@ -1,6 +1,6 @@
 import {
   GdsButton
-} from "./chunk.5ZIK4RYR.js";
+} from "./chunk.I2YO744I.js";
 import {
   withPositioningProps
 } from "./chunk.TWXTKG4B.js";

package/chunks/{chunk.TMBUYE3G.js → chunk.FB74W3AW.js}

@@ -9,7 +9,7 @@ import {
 } from "./chunk.TYGMNHNO.js";
 import {
   tokens
-} from "./chunk.MTHVWA5N.js";
+} from "./chunk.OGXYFLYC.js";
 import {
   gdsCustomElement,
   html
@@ -210,13 +210,7 @@ var GdsDropdown = class extends GdsFormControlElement {
     `;
     });
     __privateAdd(this, _calcMaxHeight, (trigger) => {
-      const triggerRect = trigger.getBoundingClientRect();
-      const windowHeight = window.innerHeight;
-      const bottomSpace = windowHeight - triggerRect.bottom;
-      const topSpace = triggerRect.top;
-      let height = Math.min(topSpace, this.maxHeight);
-      if (bottomSpace > topSpace)
-        height = Math.min(bottomSpace, this.maxHeight);
+      const height = Math.min(window.innerHeight, this.maxHeight);
       return `${height - 16}px`;
     });
     __privateAdd(this, _dispatchUISateEvent, (toState, reason) => this.dispatchEvent(

package/chunks/{chunk.7CRT7WQF.js → chunk.FIRXUEIK.js}

@@ -16,7 +16,7 @@ import {
 } from "./chunk.NUUST5OZ.js";
 import {
   tokens
-} from "./chunk.MTHVWA5N.js";
+} from "./chunk.OGXYFLYC.js";
 import {
   GdsElement
 } from "./chunk.TMEWQZER.js";

package/chunks/{chunk.45A3E7GA.js → chunk.FV4KNGDE.js}

@@ -4,7 +4,7 @@ import {
 } from "./chunk.E62NOHQC.js";
 import {
   TransitionalStyles
-} from "./chunk.4NEQU7ZK.js";
+} from "./chunk.NHCDT25A.js";
 import {
   GdsElement
 } from "./chunk.TMEWQZER.js";

package/chunks/{chunk.IY2VDC7T.js → chunk.GJ6CZ6UN.js}

@@ -3,10 +3,10 @@ import {
 } from "./chunk.TWXTKG4B.js";
 import {
   TransitionalStyles
-} from "./chunk.4NEQU7ZK.js";
+} from "./chunk.NHCDT25A.js";
 import {
   tokens
-} from "./chunk.MTHVWA5N.js";
+} from "./chunk.OGXYFLYC.js";
 import {
   GdsElement
 } from "./chunk.TMEWQZER.js";

package/chunks/{chunk.TQ3TKXVC.js → chunk.GOPGCNDC.js}

@@ -4,7 +4,7 @@ import {
 } from "./chunk.ZRKILGXZ.js";
 import {
   TransitionalStyles
-} from "./chunk.4NEQU7ZK.js";
+} from "./chunk.NHCDT25A.js";
 import {
   GdsElement
 } from "./chunk.TMEWQZER.js";

package/chunks/{chunk.XUOZ3TKN.js → chunk.GRVFPKOG.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk.NUUST5OZ.js";
 import {
   tokens
-} from "./chunk.MTHVWA5N.js";
+} from "./chunk.OGXYFLYC.js";
 import {
   GdsElement
 } from "./chunk.TMEWQZER.js";

package/chunks/{chunk.NOL7ELKS.js → chunk.GVAZGVX2.js}

@@ -10,7 +10,7 @@ import {
 } from "./chunk.TWXTKG4B.js";
 import {
   tokens
-} from "./chunk.MTHVWA5N.js";
+} from "./chunk.OGXYFLYC.js";
 import {
   GdsElement
 } from "./chunk.TMEWQZER.js";

package/chunks/{chunk.7PVEQR6Y.js → chunk.GZQMA4XI.js}

@@ -10,7 +10,7 @@ import {
 } from "./chunk.NUUST5OZ.js";
 import {
   tokens
-} from "./chunk.MTHVWA5N.js";
+} from "./chunk.OGXYFLYC.js";
 import {
   GdsElement
 } from "./chunk.TMEWQZER.js";

package/chunks/{chunk.J7EM7GJ6.js → chunk.HBGEHVVS.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk.NUUST5OZ.js";
 import {
   tokens
-} from "./chunk.MTHVWA5N.js";
+} from "./chunk.OGXYFLYC.js";
 import {
   GdsElement
 } from "./chunk.TMEWQZER.js";

package/chunks/{chunk.5ZIK4RYR.js → chunk.I2YO744I.js}

@@ -11,10 +11,10 @@ import {
 } from "./chunk.TWXTKG4B.js";
 import {
   TransitionalStyles
-} from "./chunk.4NEQU7ZK.js";
+} from "./chunk.NHCDT25A.js";
 import {
   tokens
-} from "./chunk.MTHVWA5N.js";
+} from "./chunk.OGXYFLYC.js";
 import {
   gdsCustomElement,
   html

package/chunks/{chunk.SXI3P5U5.js → chunk.IT5VVUWI.js}

@@ -4,7 +4,7 @@ import {
 } from "./chunk.E62NOHQC.js";
 import {
   TransitionalStyles
-} from "./chunk.4NEQU7ZK.js";
+} from "./chunk.NHCDT25A.js";
 import {
   watch
 } from "./chunk.TYGMNHNO.js";