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

package/chunks/chunk.IXOLG4BQ.js

@@ -0,0 +1,239 @@
+import {
+  tokens
+} from "./chunk.LUKJEJDB.js";
+import {
+  GdsElement
+} from "./chunk.LQSWYCMZ.js";
+import {
+  gdsCustomElement
+} from "./chunk.MLXMQIEV.js";
+import {
+  __decorateClass,
+  __privateAdd,
+  __privateGet
+} from "./chunk.SEHSDSX2.js";
+
+// libs/core/src/components/menu-button/menu-button.ts
+import { unsafeCSS } from "lit";
+import { property } from "lit/decorators.js";
+import { classMap } from "lit/directives/class-map.js";
+import { ifDefined } from "lit/directives/if-defined.js";
+import { literal, html as staticHtml } from "lit/static-html.js";
+
+// libs/core/src/components/menu-button/menu-button.styles.ts
+import { css } from "lit";
+var style = css`
+  @layer tokens, core, a11y, disabled, variants, sizes, sets;
+
+  @layer tokens {
+    :host {
+      --_gap: var(--gds-space-xs);
+
+      --_padding-inline: var(--gds-space-m);
+      --_padding-block: var(--gds-space-xs);
+
+      --_color-bg: transparent;
+      --_color-text: var(--gds-color-l3-content-tertiary);
+      --_color-border: transparent;
+
+      --_font-size: 1rem;
+      --_font-weight: 400;
+      --_line-height: 1.25;
+
+      display: inline-block;
+      isolation: isolate;
+      max-width: 100%;
+      height: 100%;
+    }
+  }
+
+  @layer core {
+    .button {
+      align-items: center;
+
+      background-color: var(--_color-bg);
+
+      border-color: var(--_color-border);
+      border-style: none;
+      border-bottom-style: solid;
+      border-bottom-width: 2px;
+
+      box-sizing: border-box;
+      color: var(--_color-text);
+      color-scheme: dark light;
+      cursor: pointer;
+
+      display: inline-flex;
+      gap: var(--_gap);
+      height: 100%;
+
+      inline-size: 100%;
+      justify-content: space-between;
+      justify-items: center;
+      outline-color: transparent;
+      outline-offset: -2px;
+      outline-style: solid;
+      outline-width: 2px;
+      padding-block: var(--_padding-block);
+      padding-inline: var(--_padding-inline);
+      position: relative;
+      font-family: inherit;
+      font-size: var(--_font-size);
+      font-weight: var(--_font-weight);
+      line-height: var(--_line-height);
+      transition-property: color, border-color;
+      transition: all 0.4s;
+
+      &:focus-visible {
+        outline-color: currentColor;
+        border-radius: 6px;
+        overflow: visible;
+        border-color: transparent;
+      }
+
+      &:hover,
+      &.selected:hover,
+      &:active {
+        background-color: color-mix(
+          in srgb,
+          transparent,
+          var(--gds-color-l3-states-light-hover)
+        );
+        --_color-border: var(--gds-color-l3-border-secondary);
+      }
+
+      &.selected {
+        background-color: color-mix(
+          in srgb,
+          transparent,
+          var(--gds-color-l3-states-light-hover)
+        );
+        --_color-border: var(--gds-color-l3-border-primary);
+      }
+
+      slot:not([name]) {
+        display: inline-block;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        white-space: nowrap;
+      }
+    }
+    .compact {
+      display: flex;
+      flex-direction: column;
+      --_padding-inline: var(--gds-space-s);
+      --_gap: 1px;
+      font-size: 0.875rem;
+      height: 56px;
+      justify-content: center;
+
+      & > slot[name] {
+        order: 0;
+      }
+      & > slot:not([name]) {
+        order: 1;
+      }
+    }
+
+    a {
+      text-decoration: none;
+    }
+  }
+
+  :disabled {
+    border-color: var(--_color-bg);
+    color: var(--gds-color-l3-content-disabled);
+    pointer-events: none;
+  }
+
+  @layer a11y {
+    @media (prefers-reduced-motion: reduce) {
+      .button {
+        transition: none;
+      }
+    }
+  }
+`;
+var menu_button_styles_default = style;
+
+// libs/core/src/components/menu-button/menu-button.ts
+var _isLink, isLink_get, _defaultRel, defaultRel_get;
+var GdsMenuButton = class extends GdsElement {
+  constructor() {
+    super();
+    __privateAdd(this, _isLink);
+    __privateAdd(this, _defaultRel);
+    this.disabled = false;
+    this.label = "";
+    this.href = "";
+    this.compact = false;
+    this.selected = false;
+  }
+  render() {
+    const classes = {
+      button: true,
+      selected: this.selected,
+      compact: this.compact
+    };
+    const tag = __privateGet(this, _isLink, isLink_get) ? literal`a` : literal`button`;
+    return staticHtml`
+      <${tag}
+        class="${classMap(classes)}"
+        ?disabled="${this.disabled}"
+        aria-label="${this.label}"
+        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)}
+      >
+        <slot name="lead"></slot>
+        <slot part="main-slot"></slot>
+        <slot name="trail"></slot>
+      </${tag}>
+    `;
+  }
+};
+_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;
+};
+GdsMenuButton.styles = [tokens, unsafeCSS(menu_button_styles_default)];
+GdsMenuButton.shadowRootOptions = {
+  mode: "open",
+  delegatesFocus: true
+};
+__decorateClass([
+  property({ type: Boolean, reflect: true })
+], GdsMenuButton.prototype, "disabled", 2);
+__decorateClass([
+  property()
+], GdsMenuButton.prototype, "label", 2);
+__decorateClass([
+  property()
+], GdsMenuButton.prototype, "href", 2);
+__decorateClass([
+  property()
+], GdsMenuButton.prototype, "target", 2);
+__decorateClass([
+  property()
+], GdsMenuButton.prototype, "rel", 2);
+__decorateClass([
+  property()
+], GdsMenuButton.prototype, "download", 2);
+__decorateClass([
+  property({ type: Boolean, reflect: true })
+], GdsMenuButton.prototype, "compact", 2);
+__decorateClass([
+  property({ type: Boolean, reflect: true })
+], GdsMenuButton.prototype, "selected", 2);
+GdsMenuButton = __decorateClass([
+  gdsCustomElement("gds-menu-button")
+], GdsMenuButton);
+
+export {
+  GdsMenuButton
+};

package/chunks/chunk.IYBYOHJ2.js

@@ -0,0 +1,71 @@
+import {
+  supportsConstructedStylesheets
+} from "./chunk.WVKINQII.js";
+import {
+  __privateAdd,
+  __privateGet,
+  __privateMethod
+} from "./chunk.SEHSDSX2.js";
+
+// libs/core/src/utils/global-styles.ts
+var _useLegacyStylesheets, _styleSheets, _legacyStyleSheets, _initialStyleSheets, _injectStylesLegacy, injectStylesLegacy_fn, _injectStyles, injectStyles_fn;
+var _GlobalStylesRegistry = class _GlobalStylesRegistry {
+  constructor() {
+    __privateAdd(this, _injectStylesLegacy);
+    __privateAdd(this, _injectStyles);
+    __privateAdd(this, _useLegacyStylesheets, !supportsConstructedStylesheets());
+    __privateAdd(this, _styleSheets, /* @__PURE__ */ new Map());
+    __privateAdd(this, _legacyStyleSheets, /* @__PURE__ */ new Map());
+    __privateAdd(this, _initialStyleSheets, document.adoptedStyleSheets || []);
+  }
+  /**
+   * Get the global singleton instance of the GlobalStylesRegistry.
+   */
+  static get instance() {
+    if (!globalThis.__gdsGlobalStylesRegistry)
+      globalThis.__gdsGlobalStylesRegistry = new _GlobalStylesRegistry();
+    return globalThis.__gdsGlobalStylesRegistry;
+  }
+  /**
+   * Injects global styles into the document. This function is intended to be used for global styles
+   * that cannot be scoped to a specific component.
+   *
+   * @param key unique identifier for this stylesheet.
+   * @param styles CSSResult produced by the lit css template literal tag
+   */
+  injectGlobalStyles(key, styles) {
+    if (__privateGet(this, _useLegacyStylesheets)) {
+      const cssText = Array.isArray(styles) ? styles.map((style) => style.toString()).join("") : styles.toString();
+      __privateMethod(this, _injectStylesLegacy, injectStylesLegacy_fn).call(this, key, cssText);
+    } else {
+      styles.styleSheet && __privateMethod(this, _injectStyles, injectStyles_fn).call(this, key, styles.styleSheet);
+    }
+  }
+};
+_useLegacyStylesheets = new WeakMap();
+_styleSheets = new WeakMap();
+_legacyStyleSheets = new WeakMap();
+_initialStyleSheets = new WeakMap();
+_injectStylesLegacy = new WeakSet();
+injectStylesLegacy_fn = function(key, cssText) {
+  let styleEl = __privateGet(this, _legacyStyleSheets).get(key);
+  if (!styleEl) {
+    styleEl = document.createElement("style");
+    __privateGet(this, _legacyStyleSheets).set(key, styleEl);
+  }
+  styleEl.textContent = cssText;
+  document.head.appendChild(styleEl);
+};
+_injectStyles = new WeakSet();
+injectStyles_fn = function(key, styleSheet) {
+  __privateGet(this, _styleSheets).set(key, styleSheet);
+  document.adoptedStyleSheets = [
+    ...__privateGet(this, _initialStyleSheets),
+    ...Array.from(__privateGet(this, _styleSheets).values())
+  ];
+};
+var GlobalStylesRegistry = _GlobalStylesRegistry;
+
+export {
+  GlobalStylesRegistry
+};

package/chunks/chunk.IYFIIVWZ.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/credit-card.ts
+var IconCreditCard = class extends GdsIcon {
+};
+/** @private */
+IconCreditCard._regularSVG = `<path d="M2.75 9.75005V19.2461H21.2461V9.75005M2.75 9.75005V4.75293H21.2422C21.247 6.41863 21.2461 8.08434 21.2461 9.75005M2.75 9.75005H21.2461M6.75 13.25H9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>`;
+/** @private */
+IconCreditCard._solidSVG = `<path fill-rule="evenodd" clip-rule="evenodd" d="M2.75 4.00293C2.33579 4.00293 2 4.33872 2 4.75293V9H21.9961V10.5H2V19.2461C2 19.6604 2.33579 19.9961 2.75 19.9961H21.2461C21.6603 19.9961 21.9961 19.6604 21.9961 19.2461L21.9961 9.05303C21.9962 7.61979 21.9964 6.18525 21.9922 4.75075C21.991 4.33739 21.6556 4.00293 21.2422 4.00293H2.75ZM6.75 12.5C6.33579 12.5 6 12.8358 6 13.25C6 13.6642 6.33579 14 6.75 14H9.75C10.1642 14 10.5 13.6642 10.5 13.25C10.5 12.8358 10.1642 12.5 9.75 12.5H6.75Z" fill="currentColor"/>`;
+/** @private */
+IconCreditCard._name = "credit-card";
+IconCreditCard = __decorateClass([
+  gdsCustomElement("gds-icon-credit-card")
+], IconCreditCard);
+
+export {
+  IconCreditCard
+};