@sebgroup/green-core 0.0.0-v-angular-20250113082841

package/chunks/chunk.5PWZFSZ4.js

@@ -0,0 +1,546 @@
+import {
+  GdsFormControlElement
+} from "./chunk.JYQY43ZR.js";
+import {
+  observeLightDOM
+} from "./chunk.WM7HBMMV.js";
+import {
+  TransitionalStyles
+} from "./chunk.J35HKXK4.js";
+import {
+  tokens
+} from "./chunk.LUKJEJDB.js";
+import {
+  gdsCustomElement,
+  html
+} from "./chunk.MLXMQIEV.js";
+import {
+  __decorateClass,
+  __privateAdd,
+  __privateGet,
+  __privateSet
+} from "./chunk.SEHSDSX2.js";
+
+// libs/core/src/components/button/button.ts
+import { nothing as nothing2, unsafeCSS } from "lit";
+import { property, query } from "lit/decorators.js";
+import { classMap } from "lit/directives/class-map.js";
+import { ifDefined } from "lit/directives/if-defined.js";
+import { when } from "lit/directives/when.js";
+import { literal, html as staticHtml } from "lit/static-html.js";
+
+// libs/core/src/utils/directives/forward-attributes.ts
+import {
+  Directive,
+  directive,
+  PartType
+} from "lit/directive.js";
+import { nothing } from "lit/html.js";
+var ForwardAttributesDirective = class extends Directive {
+  constructor(partInfo) {
+    super(partInfo);
+    if (partInfo.type !== PartType.ELEMENT) {
+      throw new Error(
+        "The `forwardAttributes` directive must be used in element bindings"
+      );
+    }
+  }
+  render(_filter) {
+    return nothing;
+  }
+  update(part, [filter]) {
+    var _a;
+    const element = part.element;
+    const host = (_a = part.options) == null ? void 0 : _a.host;
+    Array.from(host.attributes).forEach((attr) => {
+      if (filter(attr)) {
+        element.setAttribute(attr.name.replace("gds-", ""), attr.value);
+      }
+    });
+  }
+};
+var forwardAttributes = directive(ForwardAttributesDirective);
+
+// libs/core/src/utils/helpers/strip-white-space.ts
+var templateCache = /* @__PURE__ */ new WeakMap();
+function stripWhitespace(extendedTag) {
+  return (strings, ...values) => {
+    let modstrings = templateCache.get(strings);
+    if (!modstrings) {
+      modstrings = strings.map((s) => s.replace(/\n[\s]+</gm, "<"));
+      modstrings.raw = strings.raw;
+      templateCache.set(strings, modstrings);
+    }
+    return extendedTag(modstrings, ...values);
+  };
+}
+
+// libs/core/src/components/button/button.style.css?inline
+var button_style_default = `@layer tokens, core, a11y, ranks, sizes, variants, disabled;
+
+@layer a11y {
+  @media (prefers-reduced-motion: reduce) {
+    .button {
+      transition: none;
+    }
+  }
+}
+
+@layer core {
+  :host {
+    display: inline-flex;
+    max-width: 100%;
+  }
+
+  .button {
+    --_block-size: var(--gds-space-3xl);
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    box-sizing: border-box;
+    border: none;
+    cursor: pointer;
+    block-size: var(--_block-size);
+    background-color: var(--gds-color-l3-background-primary);
+    color: var(--gds-color-l3-content-primary);
+    border-radius: var(--gds-space-max);
+    font-family: inherit;
+    font-size: var(--gds-text-size-detail-m);
+    line-height: var(--gds-text-line-height-detail-m);
+    font-weight: var(--gds-text-weight-book);
+    gap: var(--gds-space-s);
+    outline-color: transparent;
+    outline-offset: var(--gds-space-3xs);
+    outline-style: solid;
+    outline-width: var(--gds-space-3xs);
+    padding-block: var(--gds-space-s);
+    padding-inline: var(--gds-space-l);
+    position: relative;
+    text-decoration: none;
+    transition-property: color, border-colorm, background;
+    transition-duration: 0.4s;
+    max-width: 100%;
+    flex: 1;
+
+    &:focus {
+      outline-color: color-mix(in srgb, currentcolor, #000 100%);
+
+      &:not(:focus-visible) {
+        outline-color: transparent;
+      }
+    }
+
+    @media (pointer: fine) {
+      &:hover {
+        background-color: color-mix(
+          in srgb,
+          var(--gds-color-l3-background-primary),
+          var(--gds-color-l3-states-dark-hover)
+        );
+      }
+    }
+
+    &:active {
+      background-color: color-mix(
+        in srgb,
+        var(--gds-color-l3-background-primary),
+        var(--gds-color-l3-states-dark-pressed)
+      );
+    }
+
+    &:not(.circle) slot:not([name]) {
+      display: inline-block;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      white-space: nowrap;
+    }
+  }
+}
+
+/* High specificity */
+.button.circle {
+  aspect-ratio: 1/1;
+  padding: 0;
+  min-block-size: var(--_block-size);
+}
+
+.button:disabled {
+  pointer-events: none;
+  background-color: var(--gds-color-l3-background-disabled);
+  color: var(--gds-color-l3-content-disabled);
+}
+
+@layer ranks {
+  :host([rank*='secondary']) .button {
+    background-color: var(--gds-color-l3-background-secondary);
+    color: var(--gds-color-l3-content-tertiary);
+
+    @media (pointer: fine) {
+      &:hover {
+        background-color: color-mix(
+          in srgb,
+          var(--gds-color-l3-background-secondary),
+          var(--gds-color-l3-states-light-hover)
+        );
+      }
+    }
+
+    &:active {
+      background-color: color-mix(
+        in srgb,
+        var(--gds-color-l3-background-secondary),
+        var(--gds-color-l3-states-light-pressed)
+      );
+    }
+  }
+
+  :host([rank*='tertiary']) .button {
+    background-color: transparent;
+    color: var(--gds-color-l3-content-tertiary);
+
+    @media (pointer: fine) {
+      &:hover {
+        background-color: color-mix(
+          in srgb,
+          transparent,
+          var(--gds-color-l3-states-light-hover)
+        );
+      }
+    }
+
+    &:active {
+      background-color: color-mix(
+        in srgb,
+        transparent,
+        var(--gds-color-l3-states-light-pressed)
+      );
+    }
+  }
+}
+
+@layer sizes {
+  :host([size='xs']) .button {
+    --_block-size: var(--gds-space-l);
+    font-size: var(--gds-text-size-detail-s);
+    line-height: var(--gds-text-line-height-detail-s);
+    padding-inline: var(--gds-space-m);
+  }
+
+  :host([size='small']) .button {
+    --_block-size: var(--gds-space-xl);
+    font-size: var(--gds-text-size-detail-s);
+    line-height: var(--gds-text-line-height-detail-s);
+    padding-inline: var(--gds-space-m);
+  }
+
+  :host([size='medium']) .button {
+    --_block-size: var(--gds-space-2xl);
+    font-size: var(--gds-text-size-detail-m);
+    line-height: var(--gds-text-line-height-detail-m);
+  }
+}
+
+@layer variants {
+  .positive {
+    background-color: var(--gds-color-l3-background-positive);
+
+    @media (pointer: fine) {
+      &:hover {
+        background-color: color-mix(
+          in srgb,
+          var(--gds-color-l3-background-positive),
+          var(--gds-color-l3-states-dark-hover)
+        );
+      }
+    }
+
+    &:active {
+      background-color: color-mix(
+        in srgb,
+        var(--gds-color-l3-background-positive),
+        var(--gds-color-l3-states-dark-pressed)
+      );
+    }
+
+    &.secondary {
+      background-color: var(--gds-color-l3-background-positive-secondary);
+      color: var(--gds-color-l3-content-positive);
+
+      @media (pointer: fine) {
+        &:hover {
+          background-color: color-mix(
+            in srgb,
+            var(--gds-color-l3-background-positive-secondary),
+            var(--gds-color-l3-states-positive-hover)
+          );
+        }
+      }
+
+      &:active {
+        background-color: color-mix(
+          in srgb,
+          var(--gds-color-l3-background-positive-secondary),
+          var(--gds-color-l3-states-positive-pressed)
+        );
+      }
+    }
+
+    &.tertiary {
+      background-color: transparent;
+      color: var(--gds-color-l3-content-positive);
+
+      @media (pointer: fine) {
+        &:hover {
+          background-color: color-mix(
+            in srgb,
+            transparent,
+            var(--gds-color-l3-states-positive-hover)
+          );
+        }
+      }
+
+      &:active {
+        background-color: color-mix(
+          in srgb,
+          transparent,
+          var(--gds-color-l3-states-positive-pressed)
+        );
+      }
+    }
+  }
+
+  .negative {
+    background-color: var(--gds-color-l3-background-negative);
+
+    @media (pointer: fine) {
+      &:hover {
+        background-color: color-mix(
+          in srgb,
+          var(--gds-color-l3-background-negative),
+          var(--gds-color-l3-states-dark-hover)
+        );
+      }
+    }
+
+    &:active {
+      background-color: color-mix(
+        in srgb,
+        var(--gds-color-l3-background-negative),
+        var(--gds-color-l3-states-dark-pressed)
+      );
+    }
+
+    &.secondary {
+      background-color: var(--gds-color-l3-background-negative-secondary);
+      color: var(--gds-color-l3-content-negative);
+
+      @media (pointer: fine) {
+        &:hover {
+          background-color: color-mix(
+            in srgb,
+            var(--gds-color-l3-background-negative-secondary),
+            var(--gds-color-l3-states-negative-hover)
+          );
+        }
+      }
+
+      &:active {
+        background-color: color-mix(
+          in srgb,
+          var(--gds-color-l3-background-negative-secondary),
+          var(--gds-color-l3-states-negative-pressed)
+        );
+      }
+    }
+
+    &.tertiary {
+      background-color: transparent;
+      color: var(--gds-color-l3-content-negative);
+
+      @media (pointer: fine) {
+        &:hover {
+          background-color: color-mix(
+            in srgb,
+            transparent,
+            var(--gds-color-l3-states-negative-hover)
+          );
+        }
+      }
+
+      &:active {
+        background-color: color-mix(
+          in srgb,
+          transparent,
+          var(--gds-color-l3-states-negative-pressed)
+        );
+      }
+    }
+  }
+}
+`;
+
+// libs/core/src/components/button/button.ts
+var ariaForwards = ["aria-label", "aria-haspopup", "aria-expanded"];
+var html2 = stripWhitespace(html);
+var _isIconButton, _isLink, isLink_get, _defaultRel, defaultRel_get, _mainSlotChange, _handleClick;
+var GdsButton = class extends GdsFormControlElement {
+  constructor() {
+    super();
+    __privateAdd(this, _isLink);
+    __privateAdd(this, _defaultRel);
+    this.disabled = false;
+    this.rank = "primary";
+    this.variant = "neutral";
+    this.size = "medium";
+    this.label = "";
+    this.href = "";
+    __privateAdd(this, _isIconButton, false);
+    // Check if the button is an icon button.
+    __privateAdd(this, _mainSlotChange, () => {
+      var _a, _b;
+      const assignedElements = (_b = (_a = this._mainSlot) == null ? void 0 : _a.assignedElements()) != null ? _b : [];
+      __privateSet(this, _isIconButton, assignedElements.length === 1 && assignedElements.some(
+        (element) => element.tagName.toLowerCase().startsWith("gds-icon")
+      ));
+      this.requestUpdate();
+    });
+    __privateAdd(this, _handleClick, (e) => {
+      this.dispatchEvent(
+        new CustomEvent("gds-click", {
+          bubbles: true,
+          composed: true,
+          detail: e
+        })
+      );
+      if (this.form && !__privateGet(this, _isLink, isLink_get)) {
+        if (this.type === "submit") {
+          this.form.requestSubmit();
+        } else if (this.type === "reset") {
+          this.form.reset();
+        }
+      }
+    });
+  }
+  connectedCallback() {
+    super.connectedCallback();
+    this.setAttribute("role", "none");
+    TransitionalStyles.instance.apply(this, "gds-button");
+  }
+  render() {
+    const buttonClasses = {
+      button: true,
+      circle: __privateGet(this, _isIconButton),
+      icon: __privateGet(this, _isIconButton),
+      small: this.size === "small",
+      large: this.size === "large",
+      positive: this.variant === "positive",
+      negative: this.variant === "negative",
+      primary: this.rank === "primary",
+      secondary: this.rank === "secondary",
+      tertiary: this.rank === "tertiary"
+    };
+    const tag = __privateGet(this, _isLink, isLink_get) ? literal`a` : literal`button`;
+    return staticHtml`
+      <${tag}
+        class=${classMap(buttonClasses)}
+        type="${ifDefined(__privateGet(this, _isLink, isLink_get) ? void 0 : this.type)}"
+        ?disabled="${this.disabled}"
+        aria-label=${this.label || nothing2}
+        href=${ifDefined(__privateGet(this, _isLink, isLink_get) ? this.href : void 0)}
+        target=${ifDefined(__privateGet(this, _isLink, isLink_get) ? this.target : void 0)}
+        rel=${ifDefined(__privateGet(this, _isLink, isLink_get) ? this.rel || __privateGet(this, _defaultRel, defaultRel_get) : void 0)}
+        download=${ifDefined(__privateGet(this, _isLink, isLink_get) ? this.download : void 0)}
+        part="_button"
+        @click="${__privateGet(this, _handleClick)}"
+        ${forwardAttributes(
+      (attr) => attr.name.startsWith("gds-aria") || attr.name === "gds-role" || ariaForwards.includes(attr.name)
+    )}
+      >
+        <slot name="lead"></slot>
+        <slot @slotchange=${__privateGet(this, _mainSlotChange)}></slot>
+        <slot name="trail"></slot>
+        ${when(
+      !this._isUsingTransitionalStyles,
+      () => html2`<gds-ripple part="_ripple"></gds-ripple>`
+    )}
+        </${tag}>
+        `;
+  }
+  _getValidityAnchor() {
+    return this._button;
+  }
+  _attributeChanged() {
+    this.requestUpdate();
+  }
+};
+_isIconButton = new WeakMap();
+_isLink = new WeakSet();
+isLink_get = function() {
+  return this.href.length > 0;
+};
+_defaultRel = new WeakSet();
+defaultRel_get = function() {
+  return this.target === "_blank" ? "noreferrer noopener" : void 0;
+};
+_mainSlotChange = new WeakMap();
+_handleClick = new WeakMap();
+GdsButton.styles = [tokens, unsafeCSS(button_style_default)];
+/**
+ * @internal
+ */
+GdsButton.shadowRootOptions = {
+  mode: "open",
+  delegatesFocus: true
+};
+__decorateClass([
+  property({ type: Boolean, reflect: true })
+], GdsButton.prototype, "disabled", 2);
+__decorateClass([
+  property({ reflect: true })
+], GdsButton.prototype, "type", 2);
+__decorateClass([
+  property({ reflect: true })
+], GdsButton.prototype, "rank", 2);
+__decorateClass([
+  property({ reflect: true })
+], GdsButton.prototype, "variant", 2);
+__decorateClass([
+  property({ reflect: true })
+], GdsButton.prototype, "size", 2);
+__decorateClass([
+  property()
+], GdsButton.prototype, "label", 2);
+__decorateClass([
+  property()
+], GdsButton.prototype, "href", 2);
+__decorateClass([
+  property()
+], GdsButton.prototype, "target", 2);
+__decorateClass([
+  property()
+], GdsButton.prototype, "rel", 2);
+__decorateClass([
+  property()
+], GdsButton.prototype, "download", 2);
+__decorateClass([
+  query("slot:not([name])")
+], GdsButton.prototype, "_mainSlot", 2);
+__decorateClass([
+  query(".button")
+], GdsButton.prototype, "_button", 2);
+__decorateClass([
+  observeLightDOM({
+    attributes: true,
+    childList: false,
+    subtree: false,
+    characterData: false
+  })
+], GdsButton.prototype, "_attributeChanged", 1);
+GdsButton = __decorateClass([
+  gdsCustomElement("gds-button")
+], GdsButton);
+
+export {
+  forwardAttributes,
+  GdsButton
+};

package/chunks/chunk.5TIEOBD3.js

@@ -0,0 +1,26 @@
+import {
+  GdsIcon
+} from "./chunk.K6WND5FJ.js";
+import {
+  gdsCustomElement
+} from "./chunk.MLXMQIEV.js";
+import {
+  __decorateClass
+} from "./chunk.SEHSDSX2.js";
+
+// libs/core/src/components/icon/icons/arrow-inbox.ts
+var IconArrowInbox = class extends GdsIcon {
+};
+/** @private */
+IconArrowInbox._regularSVG = `<path d="M20.25 14.75V20.25H3.75V14.75M12 15V3.75M12 15L8.5 11.5M12 15L15.5 11.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>`;
+/** @private */
+IconArrowInbox._solidSVG = `<path fill-rule="evenodd" clip-rule="evenodd" d="M3.75 14C4.16421 14 4.5 14.3358 4.5 14.75V19.5H19.5V14.75C19.5 14.3358 19.8358 14 20.25 14C20.6642 14 21 14.3358 21 14.75V20.25C21 20.6642 20.6642 21 20.25 21H3.75C3.33579 21 3 20.6642 3 20.25V14.75C3 14.3358 3.33579 14 3.75 14Z" fill="currentColor"/><path fill-rule="evenodd" clip-rule="evenodd" d="M12 15.75C12.1989 15.75 12.3897 15.671 12.5303 15.5303L16.0303 12.0303C16.3232 11.7374 16.3232 11.2626 16.0303 10.9697C15.7374 10.6768 15.2626 10.6768 14.9697 10.9697L12.75 13.1893V3.75C12.75 3.33579 12.4142 3 12 3C11.5858 3 11.25 3.33579 11.25 3.75V13.1893L9.03033 10.9697C8.73744 10.6768 8.26256 10.6768 7.96967 10.9697C7.67678 11.2626 7.67678 11.7374 7.96967 12.0303L11.4697 15.5303C11.6103 15.671 11.8011 15.75 12 15.75Z" fill="currentColor"/>`;
+/** @private */
+IconArrowInbox._name = "arrow-inbox";
+IconArrowInbox = __decorateClass([
+  gdsCustomElement("gds-icon-arrow-inbox")
+], IconArrowInbox);
+
+export {
+  IconArrowInbox
+};

package/chunks/chunk.5VGL4IFQ.js

@@ -0,0 +1,26 @@
+import {
+  GdsIcon
+} from "./chunk.K6WND5FJ.js";
+import {
+  gdsCustomElement
+} from "./chunk.MLXMQIEV.js";
+import {
+  __decorateClass
+} from "./chunk.SEHSDSX2.js";
+
+// libs/core/src/components/icon/icons/minus-small.ts
+var IconMinusSmall = class extends GdsIcon {
+};
+/** @private */
+IconMinusSmall._regularSVG = `<path d="M6.75 12H17.25" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/>`;
+/** @private */
+IconMinusSmall._solidSVG = `<path fill-rule="evenodd" clip-rule="evenodd" d="M6 12C6 11.5858 6.33579 11.25 6.75 11.25H17.25C17.6642 11.25 18 11.5858 18 12C18 12.4142 17.6642 12.75 17.25 12.75H6.75C6.33579 12.75 6 12.4142 6 12Z" fill="currentColor"/>`;
+/** @private */
+IconMinusSmall._name = "minus-small";
+IconMinusSmall = __decorateClass([
+  gdsCustomElement("gds-icon-minus-small")
+], IconMinusSmall);
+
+export {
+  IconMinusSmall
+};

package/chunks/chunk.5WFSE5KM.js

@@ -0,0 +1,48 @@
+import {
+  TransitionalStyles
+} from "./chunk.J35HKXK4.js";
+import {
+  GdsElement
+} from "./chunk.LQSWYCMZ.js";
+import {
+  gdsCustomElement,
+  html
+} from "./chunk.MLXMQIEV.js";
+import {
+  __decorateClass
+} from "./chunk.SEHSDSX2.js";
+
+// libs/core/src/components/grouped-list/grouped-list.ts
+import { property } from "lit/decorators.js";
+import { when } from "lit/directives/when.js";
+var GdsGroupedList = class extends GdsElement {
+  constructor() {
+    super(...arguments);
+    this.label = "";
+  }
+  connectedCallback() {
+    super.connectedCallback();
+    TransitionalStyles.instance.apply(this, "gds-grouped-list");
+  }
+  render() {
+    return html`${when(
+      this.label,
+      () => html`<div class="gds-list-heading" aria-hidden="true" id="label">
+            ${this.label}
+          </div>`
+    )}
+      <div role="list" aria-labelledby="label">
+        <slot></slot>
+      </div>`;
+  }
+};
+__decorateClass([
+  property()
+], GdsGroupedList.prototype, "label", 2);
+GdsGroupedList = __decorateClass([
+  gdsCustomElement("gds-grouped-list")
+], GdsGroupedList);
+
+export {
+  GdsGroupedList
+};