@sebgroup/green-core 1.25.0 → 1.27.0

package/chunks/chunk.H4WGDTHX.js

@@ -1,196 +0,0 @@
-import {
-  grid_style_css_default
-} from "./chunk.NBEFLQNK.js";
-import {
-  tokens
-} from "./chunk.LQAZXKB4.js";
-import {
-  GdsElement
-} from "./chunk.ZQ4D5K7J.js";
-import {
-  watch
-} from "./chunk.2WO4NHJ2.js";
-import {
-  gdsCustomElement,
-  html
-} from "./chunk.VOYMQ322.js";
-import {
-  __decorateClass,
-  __privateAdd,
-  __privateGet,
-  __privateSet,
-  __spreadProps,
-  __spreadValues
-} from "./chunk.5VURDMKE.js";
-
-// libs/core/src/components/grid/grid.ts
-import { css, unsafeCSS } from "lit";
-import { property } from "lit/decorators.js";
-var BreakpointPattern = new RegExp("(?<l>l:([a-z0-9]+))?\\s*(?<m>m:([a-z0-9]+))?\\s*(?<s>s:([a-z0-9]+))?");
-var _gridVariables;
-var GdsGrid = class extends GdsElement {
-  constructor() {
-    super(...arguments);
-    /**
-     * State variable that holds the CSS variables for column, gap, and padding.
-     */
-    __privateAdd(this, _gridVariables, {
-      varsColumn: css``,
-      varsGap: css``,
-      varsRowGap: css``,
-      varsPadding: css``,
-      varsAutoColumns: css``
-    });
-  }
-  /**
-   * Lifecycle method called when the element is connected to the DOM.
-   * It updates the column, gap, and padding variables.
-   */
-  connectedCallback() {
-    super.connectedCallback();
-    this._updateColumnVariables();
-    this._updateGapVariables();
-    this._updateRowGapVariables();
-    this._updatePaddingVariables();
-    this._updateAutoColumnsVariables();
-  }
-  _updateCSSVariables(propertyName, propertyPrefix) {
-    let propertyValue;
-    if (propertyName in this) {
-      propertyValue = this[propertyName];
-    }
-    const match = (propertyValue == null ? void 0 : propertyValue.match(BreakpointPattern)) || null;
-    let desktop;
-    let tablet;
-    let mobile;
-    const { l, m, s } = (match == null ? void 0 : match.groups) || {};
-    const processBreakpoints = (l2, m2, s2) => {
-      const desktop2 = l2 ? `var(--gds-sys-grid-gap-${l2.split(":")[1]})` : void 0;
-      const tablet2 = m2 ? `var(--gds-sys-grid-gap-${m2.split(":")[1]})` : void 0;
-      const mobile2 = s2 ? `var(--gds-sys-grid-gap-${s2.split(":")[1]})` : void 0;
-      return { desktop: desktop2, tablet: tablet2, mobile: mobile2 };
-    };
-    if (propertyName === "columns") {
-      if (this.columns && !isNaN(Number(this.columns))) {
-        desktop = tablet = mobile = Number(this.columns);
-      } else {
-        desktop = l ? l.split(":")[1] : void 0;
-        tablet = m ? m.split(":")[1] : void 0;
-        mobile = s ? s.split(":")[1] : void 0;
-      }
-    }
-    if (propertyName === "gap") {
-      if (this.gap && !this.gap.includes(" ")) {
-        desktop = tablet = mobile = `var(--gds-sys-grid-gap-${this.gap})`;
-      } else {
-        ;
-        ({ desktop, tablet, mobile } = processBreakpoints(l, m, s));
-      }
-    }
-    if (propertyName === "rowGap") {
-      if (this.rowGap && !this.rowGap.includes(" ")) {
-        desktop = tablet = mobile = `var(--gds-sys-grid-gap-${this.rowGap})`;
-      } else {
-        ;
-        ({ desktop, tablet, mobile } = processBreakpoints(l, m, s));
-      }
-    }
-    if (propertyName === "padding") {
-      if (this.padding && !this.padding.includes(" ")) {
-        desktop = tablet = mobile = `var(--gds-sys-grid-gap-${this.padding})`;
-      } else {
-        ;
-        ({ desktop, tablet, mobile } = processBreakpoints(l, m, s));
-      }
-    }
-    if (propertyName === "autoColumns") {
-      if (this.autoColumns && !this.autoColumns.includes(" ")) {
-        desktop = tablet = mobile = `${this.autoColumns}px`;
-      } else {
-        desktop = l ? `${l.split(":")[1]}px` : void 0;
-        tablet = m ? `${m.split(":")[1]}px` : void 0;
-        mobile = s ? `${s.split(":")[1]}px` : void 0;
-      }
-    }
-    const properties = [
-      { name: `${propertyPrefix}-desktop`, value: desktop },
-      { name: `${propertyPrefix}-tablet`, value: tablet },
-      { name: `${propertyPrefix}-mobile`, value: mobile }
-    ];
-    const cssVariables = properties.filter(({ value }) => value !== void 0).map(({ name, value }) => `--_${name}: ${value};`).join(" ");
-    __privateSet(this, _gridVariables, __spreadProps(__spreadValues({}, __privateGet(this, _gridVariables)), {
-      [propertyPrefix]: css`
-        ${unsafeCSS(cssVariables)}
-      `
-    }));
-    this._dynamicStylesController.inject(
-      "grid-vars",
-      css`
-        :host {
-          ${unsafeCSS(Object.values(__privateGet(this, _gridVariables)).join(""))}
-        }
-      `
-    );
-  }
-  _updateColumnVariables() {
-    this._updateCSSVariables("columns", "columns");
-  }
-  _updateGapVariables() {
-    this._updateCSSVariables("gap", "gap");
-  }
-  _updateRowGapVariables() {
-    this._updateCSSVariables("rowGap", "row-gap");
-  }
-  _updatePaddingVariables() {
-    this._updateCSSVariables("padding", "padding");
-  }
-  _updateAutoColumnsVariables() {
-    this._updateCSSVariables("autoColumns", "col-width");
-  }
-  render() {
-    return html`<slot></slot>`;
-  }
-};
-_gridVariables = new WeakMap();
-GdsGrid.styles = [tokens, grid_style_css_default];
-GdsGrid.shadowRootOptions = {
-  mode: "open",
-  delegatesFocus: true
-};
-__decorateClass([
-  property({ attribute: "columns", type: String })
-], GdsGrid.prototype, "columns", 2);
-__decorateClass([
-  property({ attribute: "gap", type: String })
-], GdsGrid.prototype, "gap", 2);
-__decorateClass([
-  property({ attribute: "row-gap", type: String })
-], GdsGrid.prototype, "rowGap", 2);
-__decorateClass([
-  property({ attribute: "padding", type: String })
-], GdsGrid.prototype, "padding", 2);
-__decorateClass([
-  property({ attribute: "auto-columns", type: String })
-], GdsGrid.prototype, "autoColumns", 2);
-__decorateClass([
-  watch("columns")
-], GdsGrid.prototype, "_updateColumnVariables", 1);
-__decorateClass([
-  watch("gap")
-], GdsGrid.prototype, "_updateGapVariables", 1);
-__decorateClass([
-  watch("row-gap")
-], GdsGrid.prototype, "_updateRowGapVariables", 1);
-__decorateClass([
-  watch("padding")
-], GdsGrid.prototype, "_updatePaddingVariables", 1);
-__decorateClass([
-  watch("autoColumns")
-], GdsGrid.prototype, "_updateAutoColumnsVariables", 1);
-GdsGrid = __decorateClass([
-  gdsCustomElement("gds-grid")
-], GdsGrid);
-
-export {
-  GdsGrid
-};

package/chunks/chunk.NBEFLQNK.js

@@ -1,79 +0,0 @@
-// libs/core/src/components/grid/grid.style.css.ts
-import { css } from "lit";
-var style = css`
-  @layer grid, grid.desktop, grid.tablet, grid.mobile, grid.span, grid.space, grid.align, grid.debug;
-
-  @layer grid {
-    :host {
-      --_c: var(--gds-sys-grid-columns-12);
-      --_grid-col: repeat(var(--_c), 1fr);
-      --_grid-col-start: 1;
-      --_grid-col-end: -1;
-      --_gap-column: 0;
-      --_gap-row: 0;
-      display: grid;
-      width: 100%;
-      grid-template-columns: var(--_grid-col);
-      grid-column-gap: var(--_gap-column);
-      grid-row-gap: var(--_gap-row);
-      padding: var(--_grid-padding);
-    }
-
-    :host([auto-columns]) {
-      --_col-count: var(--_c, 0);
-      --_gap-count: calc(var(--_col-count) - 1);
-      --_total-gap-width: calc(var(--_gap-count) * var(--_gap-column, 0px));
-      --_col-width-max: calc(
-        (100% - var(--_total-gap-width)) / var(--_col-count)
-      );
-      grid-template-columns: repeat(
-        auto-fill,
-        minmax(max(var(--_col-width), var(--_col-width-max)), 1fr)
-      );
-    }
-  }
-
-  /* Responsive */
-
-  :host([columns]) {
-    --_c: var(--_columns-desktop);
-  }
-
-  :host {
-    --_gap-column: var(--_gap-desktop);
-    --_gap-row: var(--_row-gap-desktop);
-    --_grid-padding: var(--_padding-desktop);
-    --_col-width: var(--_col-width-desktop);
-  }
-
-  @media only screen and (max-width: 768px) {
-    :host([columns]) {
-      --_c: var(--_columns-tablet);
-    }
-
-    :host {
-      --_gap-column: var(--_gap-tablet);
-      --_gap-row: var(--_row-gap-tablet);
-      --_grid-padding: var(--_padding-tablet);
-      --_col-width: var(--_col-width-tablet);
-    }
-  }
-
-  @media only screen and (max-width: 425px) {
-    :host([columns]) {
-      --_c: var(--_columns-mobile);
-    }
-
-    :host {
-      --_gap-column: var(--_gap-mobile);
-      --_gap-row: var(--_row-gap-mobile);
-      --_grid-padding: var(--_padding-mobile);
-      --_col-width: var(--_col-width-mobile);
-    }
-  }
-`;
-var grid_style_css_default = style;
-
-export {
-  grid_style_css_default
-};

package/components/grid/grid.d.ts

@@ -1,90 +0,0 @@
-import { GdsElement } from '../../gds-element';
-/**
- * @element gds-grid
- * The `gds-grid` is a custom element that provides a flexible grid system. It uses CSS grid layout to arrange its child elements into columns. This component is highly customizable and responsive, allowing you to specify the number of `columns`, `gap`, `padding`, and fluidity for different devices with automated column size based on the content using the `auto-columns` attribute.
- *
- * @status beta
- *
- */
-export declare class GdsGrid extends GdsElement {
-    #private;
-    static styles: (import("lit").CSSResult | import("lit").CSSResult[])[];
-    static shadowRootOptions: ShadowRootInit;
-    /**
-     * The number of columns for the grid. This can be a single value that applies to all breakpoints, or a string of three space-separated tokens in the format "l:desktop m:tablet s:mobile", each token specifying the number of columns for that device type respectively.
-     * @example
-     * ```html
-     * <gds-grid columns="2"></gds-grid> <!-- applies to all breakpoints -->
-     * <gds-grid columns="l:8 m:4 s:2"></gds-grid> <!-- different values for each breakpoint -->
-     * ```
-     */
-    columns?: string;
-    /**
-     * Defines the gap size between grid items. Accepts a single value for all breakpoints or a "l:desktop m:tablet s:mobile" format. Sizes can be 'none', 'xs', 's', 'm', 'l', 'xl', '2xl', '3xl'.
-     * @example
-     * ```html
-     * <gds-grid gap="m"></gds-grid> <!-- applies to all breakpoints -->
-     * <gds-grid gap="l:m m:s s:xs"></gds-grid> <!-- different values for each breakpoint -->
-     * ```
-     */
-    gap?: string;
-    /**
-     * Defines the gap size between grid items in vertical axis. Accepts a single value for all breakpoints or a "l:desktop m:tablet s:mobile" format. Sizes can be 'none', 'xs', 's', 'm', 'l', 'xl', '2xl', '3xl'.
-     * @example
-     * ```html
-     * <gds-grid row-gap="m"></gds-grid> <!-- applies to all breakpoints -->
-     * <gds-grid row-gap="l:m m:s s:xs"></gds-grid> <!-- different values for each breakpoint -->
-     * ```
-     */
-    rowGap?: string;
-    /**
-     * Defines the padding size around the grid. Accepts a single value for all breakpoints or a "l:desktop m:tablet s:mobile" format. Sizes can be 'none', 'xs', 's', 'm', 'l', 'xl', '2xl', '3xl'.
-     * @example
-     * ```html
-     * <gds-grid padding="m"></gds-grid> <!-- applies to all breakpoints -->
-     * <gds-grid padding="l:m m:s s:xs"></gds-grid> <!-- different values for each breakpoint -->
-     * ```
-     */
-    padding?: string;
-    /**
-     * Defines the minimum column width in pixels. Accepts a single value for all breakpoints or a "l:desktop m:tablet s:mobile" format. If set, the grid adjusts column size based on content and available width, even without other attributes.
-     * @example
-     * ```html
-     * <gds-grid auto-columns="200"></gds-grid> <!-- applies to all breakpoints -->
-     * <gds-grid auto-columns="l:200 m:100 s:80"></gds-grid> <!-- different values for each breakpoint -->
-     * ```
-     */
-    autoColumns?: string;
-    /**
-     * Lifecycle method called when the element is connected to the DOM.
-     * It updates the column, gap, and padding variables.
-     */
-    connectedCallback(): void;
-    private _updateCSSVariables;
-    /**
-     * Watcher for the 'columns' property.
-     * It updates the column CSS variables when the 'columns' property changes.
-     */
-    private _updateColumnVariables;
-    /**
-     * Watcher for the 'gap' property.
-     * It updates the gap CSS variables when the 'gap' property changes.
-     */
-    private _updateGapVariables;
-    /**
-     * Watcher for the 'row-gap' property.
-     * It updates the row-gap CSS variables when the 'row-gap' property changes.
-     */
-    private _updateRowGapVariables;
-    /**
-     * Watcher for the 'padding' property.
-     * It updates the padding CSS variables when the 'padding' property changes.
-     */
-    private _updatePaddingVariables;
-    /**
-     * Watcher for the 'autoColumns' property.
-     * It updates the min-width for each column on a "--_col-width" variable.
-     */
-    private _updateAutoColumnsVariables;
-    render(): any;
-}

package/components/grid/grid.js

@@ -1,14 +0,0 @@
-import {
-  GdsGrid
-} from "../../chunks/chunk.H4WGDTHX.js";
-import "../../chunks/chunk.NBEFLQNK.js";
-import "../../chunks/chunk.LQAZXKB4.js";
-import "../../chunks/chunk.ZQ4D5K7J.js";
-import "../../chunks/chunk.W7CV3QYI.js";
-import "../../chunks/chunk.2WO4NHJ2.js";
-import "../../chunks/chunk.YO24ZYAD.js";
-import "../../chunks/chunk.VOYMQ322.js";
-import "../../chunks/chunk.5VURDMKE.js";
-export {
-  GdsGrid
-};

package/components/grid/grid.style.css.js

@@ -1,7 +0,0 @@
-import {
-  grid_style_css_default
-} from "../../chunks/chunk.NBEFLQNK.js";
-import "../../chunks/chunk.5VURDMKE.js";
-export {
-  grid_style_css_default as default
-};

package/components/grid/index.js

@@ -1,14 +0,0 @@
-import {
-  GdsGrid
-} from "../../chunks/chunk.H4WGDTHX.js";
-import "../../chunks/chunk.NBEFLQNK.js";
-import "../../chunks/chunk.LQAZXKB4.js";
-import "../../chunks/chunk.ZQ4D5K7J.js";
-import "../../chunks/chunk.W7CV3QYI.js";
-import "../../chunks/chunk.2WO4NHJ2.js";
-import "../../chunks/chunk.YO24ZYAD.js";
-import "../../chunks/chunk.VOYMQ322.js";
-import "../../chunks/chunk.5VURDMKE.js";
-export {
-  GdsGrid
-};

package/chunks/{chunk.BIHHI4LS.js → chunk.HOSMWBJK.js}

@@ -1,9 +1,9 @@
-import {
-  renderMonthGridView
-} from "./chunk.RB5IEYTY.js";
 import {
   TransitionalStyles
 } from "./chunk.HNQ5BESO.js";
+import {
+  renderMonthGridView
+} from "./chunk.RB5IEYTY.js";
 import {
   GdsElement
 } from "./chunk.ZQ4D5K7J.js";