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

package/components/card/index.js

@@ -0,0 +1,16 @@
+import "../../chunks/chunk.ALFDKEVN.js";
+import {
+  GdsCard
+} from "../../chunks/chunk.LDMKNX3S.js";
+import "../../chunks/chunk.WFKUYHQY.js";
+import "../../chunks/chunk.Z3575SFA.js";
+import "../../chunks/chunk.H2KG3F2S.js";
+import "../../chunks/chunk.LUKJEJDB.js";
+import "../../chunks/chunk.IYBYOHJ2.js";
+import "../../chunks/chunk.LQSWYCMZ.js";
+import "../../chunks/chunk.MLXMQIEV.js";
+import "../../chunks/chunk.WVKINQII.js";
+import "../../chunks/chunk.SEHSDSX2.js";
+export {
+  GdsCard
+};

package/components/coachmark/coachmark.d.ts

@@ -0,0 +1,52 @@
+import { Placement } from '@floating-ui/dom';
+import { GdsElement } from '../../gds-element';
+/**
+ * @element gds-coachmark
+ * A tooltip container with a slot and an arrow pointing towards the targeted element
+ * depending on the preferred placement,
+ * the coachmark is hidden/disabled when the element is overlapped or out of viewport.
+ *
+ * @slot - placeholder for the content of the tooltip.
+ *
+ * @event gds-ui-state - dispatched when the tooltip is closed
+ *
+ * @status beta
+ */
+export declare class GdsCoachmark extends GdsElement {
+    #private;
+    static styles: import("lit").CSSResult;
+    /**
+     * The placement of the popover relative to the trigger.
+     * Accepts any of the placements supported by Floating UI.
+     */
+    placement: Placement;
+    /**
+     * The coachmark will be hidden when overlapped by the list of provided elements (selectors).
+     */
+    overlappedBy: string[];
+    /**
+     * List of selectors pointing to the targeted element. Ex. for a target inside a ShadowDOM: ["some-component", "shadowRoot", "target-element"].
+     */
+    target: string[];
+    /**
+     * The accessible label of the coachmark.
+     */
+    label: string;
+    /**
+     * A callback that can be used to set the visibility of the coachmark based on your criteria.
+     *
+     * The default computed visibility, based on visibility and overlap of the target element, is supplied as the third argument.
+     */
+    computeVisibility: (self: GdsCoachmark, target: HTMLElement, computedVisibility: boolean) => boolean;
+    /**
+     * The resolved targeted element (readonly)
+     */
+    targetElement: HTMLElement | undefined;
+    _isVisible: boolean;
+    _preventClose: boolean;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    firstUpdated(): void;
+    setPreventClose(preventClose: boolean): void;
+    render(): any;
+}

package/components/coachmark/coachmark.js

@@ -0,0 +1,11 @@
+import {
+  GdsCoachmark
+} from "../../chunks/chunk.I56S5AF3.js";
+import "../../chunks/chunk.YO24ZYAD.js";
+import "../../chunks/chunk.LQSWYCMZ.js";
+import "../../chunks/chunk.MLXMQIEV.js";
+import "../../chunks/chunk.WVKINQII.js";
+import "../../chunks/chunk.SEHSDSX2.js";
+export {
+  GdsCoachmark
+};

package/components/coachmark/coachmark.styles.d.ts

@@ -0,0 +1,2 @@
+declare const style: import("lit").CSSResult;
+export default style;

package/components/coachmark/index.d.ts

@@ -0,0 +1 @@
+export * from './coachmark';

package/components/coachmark/index.js

@@ -0,0 +1,11 @@
+import {
+  GdsCoachmark
+} from "../../chunks/chunk.I56S5AF3.js";
+import "../../chunks/chunk.YO24ZYAD.js";
+import "../../chunks/chunk.LQSWYCMZ.js";
+import "../../chunks/chunk.MLXMQIEV.js";
+import "../../chunks/chunk.WVKINQII.js";
+import "../../chunks/chunk.SEHSDSX2.js";
+export {
+  GdsCoachmark
+};

package/components/container/container.d.ts

@@ -0,0 +1,397 @@
+import { GdsElement } from '../../gds-element';
+/**
+ * The `gds-container` is a custom element that provides a flexible container system.
+ * It can be used to create a container with different styles and configurations.
+ * The container can be customized with different properties like padding, gap, display, position, and background.
+ * It can be used in combination with other elements like `gds-grid`, `gds-card`, `gds-img`, `gds-text` etc.
+ *
+ * @element gds-container
+ * @status beta
+ *
+ */
+export declare class GdsContainer extends GdsElement {
+    static styles: (import("lit").CSSResult | import("lit").CSSResult[])[];
+    /**
+     * Controls the display property.
+     * Supports all valid CSS display values.
+     */
+    display: string;
+    /**
+     * The level of the container is used to resolve the color tokens from the corresponding level.
+     * Check the [Color System documentation page](./?path=/docs/style-colors--docs) for more information.
+     *
+     * Default value for `gds-container` is set to `2`.
+     *
+     * @property level
+     *
+     * */
+    level: string;
+    /**
+     * Controls the `place-items` property.
+     * Supports all valid CSS `place-items` values.
+     */
+    'place-items'?: string;
+    /**
+     * Controls the `place-content` property.
+     * Supports all valid CSS `place-content` values.
+     */
+    'place-content'?: string;
+    /**
+     * Controls the color property.
+     * Supports all the color tokens from the design system.
+     *
+     * ```html
+     * <gds-container color="primary"></gds-container>
+     * ```
+     *
+     * The above example will apply the color style of `primary`.
+     */
+    color?: string;
+    /**
+     * Controls the background property.
+     * Supports all the color tokens from the design system.
+     *
+     * Adding transparency to the background color:
+     *
+     * ```html
+     * <gds-container background="primary/0.2"></gds-container>
+     * ```
+     *
+     * The above example will apply the background style of `primary` with `20%` transparency.
+     */
+    background?: string;
+    /**
+     * Controls the border property.
+     * Supports all tokens from the design system.
+     *
+     * @property border
+     *
+     * Can be specified for each side using the size tokens like this:
+     *
+     * ```html
+     * <gds-container border="4xs 0 0 0"></gds-container>
+     * ```
+     *
+     * Also for different breakpoints like this:
+     *
+     * ```html
+     * <gds-container border="s{2xs} m{3xs} l{4xs}"></gds-container>
+     * ```
+     *
+     * When you want to apply the border in all breakpoints and sides you can use the following:
+     *
+     * ```html
+     * <gds-container border="4xs"></gds-container>
+     * ```
+     */
+    border?: string;
+    /**
+     * Controls the border-color property.
+     * Supports all the color tokens from the design system.
+     */
+    'border-color'?: string;
+    /**
+     * Controls the border-width property.
+     * Supports all the border style values.
+     */
+    'border-width'?: string;
+    /**
+     * Controls the border-radius property.
+     * Supports all the size tokens from the design system.
+     *
+     * You can apply radius in each corner like this:
+     *
+     * ```html
+     * <gds-container border-radius="none none m m" ></gds-container>
+     * ```
+     *
+     * Also for different breakpoints like this:
+     *
+     * ```html
+     * <gds-container border-radius="s{none none xs} m{none xs none xs} l{s}" ></gds-container>
+     * ```
+     *
+     * Each corner can have a different radius value and also different values for different breakpoints.
+     *
+     *  * These are the available values you can use to define Border Radius
+     *
+     * `0, 4xs, 3xs, 2xs, xs, s, m, l, xl, 2xl, 3xl, 4xl, 5xl, 6xl, 7xl, 8xl, max`
+     *
+     */
+    'border-radius'?: string;
+    /**
+     * Controls the opacity property.
+     *
+     * You can apply opacity like this:
+     *
+     * ```html
+     * <gds-container opacity="0.2"></gds-container>
+     * ```
+     */
+    opacity?: string;
+    /**
+     * Controls the padding using shorthand method for the flex.
+     * Supports all valid token values.
+     *
+     * You can apply padding in each side like this:
+     *
+     * ```html
+     * <gds-container padding="xl"></gds-container>
+     * ```
+     *
+     * `xl` in this case will be applied to all breakpoints and sides.
+     *
+     * Padding also support breakpoint syntax like this:
+     *
+     * ```html
+     * <gds-container padding="xs{s} m{m} l{xl}"></gds-container>
+     * ```
+     *
+     * The above example will apply the padding style of `xs` for `small` devices, `m` for `medium` devices, and `xl` for large devices.
+     *
+     */
+    padding?: string;
+    'padding-inline'?: string;
+    'padding-block'?: string;
+    /**
+     * Controls the margin property.
+     * Supports all the default margin values.
+     */
+    margin?: string;
+    /**
+     * Controls the position property.
+     * Supports all valid CSS position values.
+     */
+    position?: string;
+    /**
+     * Controls the inset property.
+     * Supports all valid CSS inset values.
+     */
+    inset?: string;
+    /**
+     * Controls the overflow property.
+     * Supports all valid CSS overflow values.
+     */
+    overflow?: string;
+    /**
+     * Controls the height property.
+     * Supports all valid CSS height values.
+     *
+     * @property height
+     */
+    height?: string;
+    /**
+     * Controls the `max-height` property.
+     * Supports all valid CSS `max-height` values.
+     *
+     * @property max-height
+     */
+    'max-height'?: string;
+    /**
+     * Controls the `min-height` property.
+     * Supports all valid CSS `min-height` values.
+     *
+     * @property min-height
+     */
+    'min-height'?: string;
+    /**
+     * Controls the `block-size` property.
+     * Supports only tokens.
+     *
+     * @property block-size
+     */
+    'block-size'?: string;
+    /**
+     * Controls the `min-block-size` property.
+     * Supports only tokens.
+     *
+     * @property min-block-size
+     */
+    'min-block-size'?: string;
+    /**
+     * Controls the width property.
+     * Supports all valid CSS height values.
+     *
+     *  @property width
+     */
+    width?: string;
+    /**
+     * Controls the `max-width` property.
+     * Supports all valid CSS `max-width` values.
+     *
+     * @property max-width
+     */
+    'max-width'?: string;
+    /**
+     * Controls the `min-width` property.
+     * Supports all valid CSS `min-width` values.
+     *
+     * @property min-width
+     */
+    'min-width'?: string;
+    /**
+     * Controls the `inline-size` property.
+     * Supports only token
+     *
+     * @property inline-size
+     */
+    'inline-size'?: string;
+    /**
+     * Controls the `box-sizing` property.
+     * Supports only token
+     *
+     * @property box-sizing
+     */
+    'box-sizing'?: string;
+    /**
+     * Controls the cursor property.
+     * Supports all valid CSS cursor values.
+     */
+    cursor?: string;
+    /**
+     * Controls the `pointer-events` property.
+     * Supports all valid CSS `pointer-events` values.
+     *
+     * @property pointer-events
+     */
+    'pointer-events'?: string;
+    /**
+     * Controls the `user-select` property.
+     * Supports all valid CSS `user-select` values.
+     *
+     * @property user-select
+     */
+    'user-select'?: string;
+    /**
+     * Controls the z-index property.
+     * Supports all valid CSS z-index values.
+     */
+    'z-index'?: string;
+    /**
+     * Controls the `transform` property.
+     * Supports all valid CSS `transform` values.
+     *
+     * @property transform
+     */
+    transform?: string;
+    /**
+     * Controls the `transform-style` property.
+     * Supports all valid CSS `transform-style` values.
+     *
+     * @property transform-style
+     */
+    'transform-style'?: string;
+    /**
+     * Controls the `transition` property.
+     * Supports all valid CSS `transition` values.
+     *
+     * @property transition
+     */
+    transition?: string;
+    /**
+     * Controls the `transition-behavior` property.
+     * Supports all valid CSS `transition-behavior` values.
+     *
+     * @property transition-behavior
+     */
+    'transition-behavior'?: string;
+    /**
+     * Controls the `animation` property.
+     * Supports all valid CSS `animation` values.
+     *
+     * @property animation
+     */
+    animation?: string;
+    /**
+     * Controls the size of the text.
+     * Supports all typography size tokens from the design system.
+     *
+     * You can apply size like this:
+     * ```html
+     * <gds-container font-size="body-m"></gds-container>
+     * ```
+     *
+     * These are the available values you can use to define size:
+     *
+     * `heading-xl`,
+     * `heading-l`,
+     * `heading-m`,
+     * `heading-s`,
+     * `heading-xs`,
+     * `heading-2xs`,
+     * `detail-m`,
+     * `detail-s`,
+     * `detail-xs`,
+     * `body-l`,
+     * `body-m`,
+     * `body-s`,
+     * `display-2xl`,
+     * `display-xl`,
+     * `display-l`,
+     * `display-m`,
+     * `display-s `,
+     * `preamble-2xl`,
+     * `preamble-xl`,
+     * `preamble-l`,
+     * `preamble-m`,
+     * `preamble-s`,
+     * `preamble-xs`,
+     *
+     * @property 'font-size'
+     */
+    'font-size'?: string;
+    /**
+     * Controls the `font-weight` of the text.
+     * Supports all the weigh tokens.
+     *
+     * @property weight
+     */
+    'font-weight'?: string;
+    /**
+     * Controls the grid-column property.
+     * Supports all valid CSS grid-column values.
+     * Documentation: https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column
+     *
+     * ```html
+     * <gds-container grid-column="2 / -1"></gds-container>
+     * ```
+     *
+     * The above example will apply the grid-column style of `2 / -1`.
+     * The column can be applied using shorthand like grid-column="1 / 2"
+     *
+     * The column also support breakpoint syntax like this:
+     *
+     * ```html
+     * <gds-container grid-column="s{1 / 2} m{2 / 3} l{3 / 4}"></gds-container>
+     * ```
+     */
+    'grid-column'?: string;
+    /**
+     * Controls the grid-row property.
+     * Supports all valid CSS grid-row values.
+     *
+     * Documentation: https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column
+     *
+     * ```html
+     * <gds-container grid-row="2 / -1"></gds-container>
+     * ```
+     *
+     * The above example will apply the grid-row style of `2 / -1`.
+     * The row can be applied using shorthand like grid-row="1 / 2"
+     *
+     * The row also support breakpoint syntax like this:
+     *
+     * ```html
+     * <gds-container grid-row="s{1 / 2} m{2 / 3} l{3 / 4}"></gds-container>
+     * ```
+     */
+    'grid-row'?: string;
+    /**
+     * Controls the `flex` property.
+     * Supports all valid CSS `flex` values.
+     *
+     * Documentation: https://developer.mozilla.org/en-US/docs/Web/CSS/flex
+     */
+    flex?: string;
+    render(): any;
+}

package/components/container/container.js

@@ -0,0 +1,13 @@
+import {
+  GdsContainer
+} from "../../chunks/chunk.Z3575SFA.js";
+import "../../chunks/chunk.H2KG3F2S.js";
+import "../../chunks/chunk.LUKJEJDB.js";
+import "../../chunks/chunk.IYBYOHJ2.js";
+import "../../chunks/chunk.LQSWYCMZ.js";
+import "../../chunks/chunk.MLXMQIEV.js";
+import "../../chunks/chunk.WVKINQII.js";
+import "../../chunks/chunk.SEHSDSX2.js";
+export {
+  GdsContainer
+};

package/components/container/container.style.d.ts

@@ -0,0 +1,2 @@
+declare const style: import("lit").CSSResult;
+export default style;

package/components/container/index.d.ts

@@ -0,0 +1 @@
+export * from './container';

package/components/container/index.js

@@ -0,0 +1,14 @@
+import "../../chunks/chunk.WFKUYHQY.js";
+import {
+  GdsContainer
+} from "../../chunks/chunk.Z3575SFA.js";
+import "../../chunks/chunk.H2KG3F2S.js";
+import "../../chunks/chunk.LUKJEJDB.js";
+import "../../chunks/chunk.IYBYOHJ2.js";
+import "../../chunks/chunk.LQSWYCMZ.js";
+import "../../chunks/chunk.MLXMQIEV.js";
+import "../../chunks/chunk.WVKINQII.js";
+import "../../chunks/chunk.SEHSDSX2.js";
+export {
+  GdsContainer
+};

package/components/context-menu/context-menu.d.ts

@@ -0,0 +1,46 @@
+import { Placement } from '@floating-ui/dom';
+import { GdsElement } from '../../gds-element';
+import '../../primitives/menu';
+import '../popover';
+/**
+ * @element gds-context-menu
+ * @status stable
+ *
+ * The context menu is presented in-context to the related data, so users don’t lose
+ * their place in the app. It appears upon interaction with the 3 dot button and
+ * displays a list of choices, one choice per line.
+ *
+ * @event gds-menu-item-click - Fired when a menu item is clicked.
+ * @event gds-ui-state - Fired when the menu is opened or closed.
+ *
+ * @slot - The default slot. Only `gds-menu-item` elements are accepted here.
+ */
+export declare class GdsContextMenu extends GdsElement {
+    #private;
+    static styles: import("lit").CSSResult[];
+    static shadowRootOptions: ShadowRootInit;
+    /**
+     * Whether the context menu popover is open.
+     */
+    open: boolean;
+    /**
+     * The label for the trigger button.
+     */
+    buttonLabel: string;
+    /**
+     * Whether to show the label on the trigger button.
+     */
+    showLabel: boolean;
+    /**
+     * The label for the popover and menu. Should describe the context of the menu.
+     */
+    label: string;
+    /**
+     * The placement of the popover relative to the trigger.
+     */
+    placement: Placement;
+    private elTriggerBtn;
+    constructor();
+    connectedCallback(): void;
+    render(): any;
+}

package/components/context-menu/context-menu.js

@@ -0,0 +1,24 @@
+import {
+  GdsContextMenu
+} from "../../chunks/chunk.HOQVTXID.js";
+import "../../chunks/chunk.UF6IEONX.js";
+import "../../chunks/chunk.N23HPMSU.js";
+import "../../chunks/chunk.MCDTEWE3.js";
+import "../../chunks/chunk.E62NOHQC.js";
+import "../../chunks/chunk.43JUKB53.js";
+import "../../chunks/chunk.ZJVOZRT5.js";
+import "../../chunks/chunk.2TK7RRAM.js";
+import "../../chunks/chunk.I66HECGF.js";
+import "../../chunks/chunk.SB4EVIRY.js";
+import "../../chunks/chunk.K6WND5FJ.js";
+import "../../chunks/chunk.WM7HBMMV.js";
+import "../../chunks/chunk.J35HKXK4.js";
+import "../../chunks/chunk.TYGMNHNO.js";
+import "../../chunks/chunk.YO24ZYAD.js";
+import "../../chunks/chunk.LQSWYCMZ.js";
+import "../../chunks/chunk.MLXMQIEV.js";
+import "../../chunks/chunk.WVKINQII.js";
+import "../../chunks/chunk.SEHSDSX2.js";
+export {
+  GdsContextMenu
+};

package/components/context-menu/context-menu.styles.d.ts

@@ -0,0 +1,2 @@
+declare const style: import("lit").CSSResult;
+export default style;

package/components/context-menu/context-menu.trans.styles.d.ts

@@ -0,0 +1,2 @@
+export declare function register(): void;
+export default register;

package/components/context-menu/context-menu.trans.styles.js

@@ -0,0 +1,11 @@
+import {
+  context_menu_trans_styles_default,
+  register3 as register
+} from "../../chunks/chunk.J35HKXK4.js";
+import "../../chunks/chunk.MLXMQIEV.js";
+import "../../chunks/chunk.WVKINQII.js";
+import "../../chunks/chunk.SEHSDSX2.js";
+export {
+  context_menu_trans_styles_default as default,
+  register
+};

package/components/context-menu/index.d.ts

@@ -0,0 +1,3 @@
+export * from './context-menu';
+export * from '../../primitives/menu/menu-item';
+export * from '../../primitives/menu/menu-heading';

package/components/context-menu/index.js

@@ -0,0 +1,31 @@
+import {
+  GdsMenuHeading
+} from "../../chunks/chunk.QZGU6HJL.js";
+import {
+  GdsContextMenu
+} from "../../chunks/chunk.HOQVTXID.js";
+import "../../chunks/chunk.UF6IEONX.js";
+import "../../chunks/chunk.N23HPMSU.js";
+import {
+  GdsMenuItem
+} from "../../chunks/chunk.MCDTEWE3.js";
+import "../../chunks/chunk.E62NOHQC.js";
+import "../../chunks/chunk.43JUKB53.js";
+import "../../chunks/chunk.ZJVOZRT5.js";
+import "../../chunks/chunk.2TK7RRAM.js";
+import "../../chunks/chunk.I66HECGF.js";
+import "../../chunks/chunk.SB4EVIRY.js";
+import "../../chunks/chunk.K6WND5FJ.js";
+import "../../chunks/chunk.WM7HBMMV.js";
+import "../../chunks/chunk.J35HKXK4.js";
+import "../../chunks/chunk.TYGMNHNO.js";
+import "../../chunks/chunk.YO24ZYAD.js";
+import "../../chunks/chunk.LQSWYCMZ.js";
+import "../../chunks/chunk.MLXMQIEV.js";
+import "../../chunks/chunk.WVKINQII.js";
+import "../../chunks/chunk.SEHSDSX2.js";
+export {
+  GdsContextMenu,
+  GdsMenuHeading,
+  GdsMenuItem
+};

package/components/datepicker/date-part-spinner.d.ts

@@ -0,0 +1,21 @@
+import { LitElement } from 'lit';
+/**
+ * @element gds-date-part-spinner
+ * @internal
+ *
+ * A spinner for a date part. Only inteded to be used by the datepicker component.
+ */
+export declare class GdsDatePartSpinner extends LitElement {
+    #private;
+    static formAssociated: boolean;
+    value: number;
+    length: number;
+    min: number;
+    max: number;
+    displayValue: string;
+    protected createRenderRoot(): this;
+    connectedCallback(): void;
+    focus(options?: FocusOptions | undefined): void;
+    render(): any;
+    private _refreshDisplayValue;
+}