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

package/components/text/text.d.ts

@@ -0,0 +1,147 @@
+import { GdsElement } from '../../gds-element';
+/**
+ * `gds-text` is a custom element that provides a flexible text system.
+ * For accessibility reasons, it is recommended to use the `gds-text` element to display text content with flexibility like changing the tag, wrap the text and max length in characters.
+ *
+ * @element gds-text
+ * @status beta
+ *
+ */
+export declare class GdsText extends GdsElement {
+    static styles: (import("lit").CSSResult | import("lit").CSSResult[])[];
+    /**
+     * The level of the container can be used to apply background and color styles from the corresponding level.
+     *
+     * Default value for `gds-container` is set to `2`.
+     *
+     * @property level
+     *
+     * */
+    level: string;
+    /**
+     * Controls the tag of the text.
+     * Supports all valid HTML tags like h1, h2, h3, h4, h5, h6, p, span, etc.
+     *
+     * @property tag
+     */
+    tag: string;
+    /**
+     * Controls the size of the text.
+     * Supports all typography size tokens from the design system.
+     *
+     * You can apply size like this:
+     * ```html
+     * <gds-text font-size="body-m"></gds-text>
+     * ```
+     *
+     * 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 size
+     */
+    'font-size'?: string;
+    /**
+     * Controls the `font-weight` of the text.
+     * Supports all the weigh tokens.
+     *
+     * @property weight
+     */
+    'font-weight'?: string;
+    /**
+     * Controls the margin of the text.
+     * Supports all the default margin values.
+     *
+     * @property margin
+     */
+    margin?: string;
+    /**
+     * Controls the text-wrap property of the text.
+     * Supports all valid CSS text-wrap values.
+     *
+     * @property wrap
+     */
+    'text-wrap'?: string;
+    /**
+     * Controls the text-transform property of the text.
+     * Supports all valid CSS text-transform values.
+     *
+     * @property transform
+     */
+    'text-transform'?: string;
+    /**
+     * Controls the max length of the text in characters.
+     * Length is by defualt in characters to keep conistency with the text content.
+     *
+     * You can apply length like this:
+     *
+     * ```html
+     * <gds-text max-width="50"></gds-text>
+     * ```
+     *
+     * @property length
+     */
+    'max-width'?: string;
+    /**
+     * Controls the max-width property of the text.
+     * Supports all valid CSS max-width values.
+     *
+     * @property max
+     */
+    'min-width'?: string;
+    /**
+     * Controls the text-align property of the text.
+     * Supports all valid CSS text-align values.
+     *
+     * @property align
+     */
+    'text-align'?: string;
+    /**
+     * Controls the text-decoration property of the text.
+     * Supports all valid CSS text-decoration values.
+     *
+     * @property text-decoration
+     */
+    'text-decoration'?: string;
+    /**
+     * Controls the number of lines it should show.
+     *
+     * @property lines
+     */
+    lines?: number;
+    /**
+     * Controls the color property of the text.
+     * Supports all the color tokens from the design system.
+     *
+     * @property color
+     *
+     * @example
+     * ```html
+     * <gds-text color="primary"></gds-text>
+     * ```
+     */
+    color?: string;
+    render(): import("lit-html").TemplateResult;
+}

package/components/text/text.js

@@ -0,0 +1,14 @@
+import {
+  GdsText
+} from "../../chunks/chunk.VK54VWDU.js";
+import "../../chunks/chunk.UEJZWDMS.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 {
+  GdsText
+};

package/components/text/text.style.d.ts

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

package/components/textarea/index.d.ts

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

package/components/textarea/index.js

@@ -0,0 +1,38 @@
+import {
+  GdsTextarea
+} from "../../chunks/chunk.TSTIU4HW.js";
+import "../../chunks/chunk.VHLWBCJK.js";
+import "../../chunks/chunk.7GC6JLT5.js";
+import "../../chunks/chunk.BWVUFYGS.js";
+import "../../chunks/chunk.UWI652VF.js";
+import "../../chunks/chunk.3DCLPMWF.js";
+import "../../chunks/chunk.PIHOBV6J.js";
+import "../../chunks/chunk.ALFDKEVN.js";
+import "../../chunks/chunk.LDMKNX3S.js";
+import "../../chunks/chunk.SB4EVIRY.js";
+import "../../chunks/chunk.K6WND5FJ.js";
+import "../../chunks/chunk.CK2UGCPG.js";
+import "../../chunks/chunk.SENX4VVY.js";
+import "../../chunks/chunk.3M4XRCEF.js";
+import "../../chunks/chunk.BOO4M2DR.js";
+import "../../chunks/chunk.WFKUYHQY.js";
+import "../../chunks/chunk.Z3575SFA.js";
+import "../../chunks/chunk.H2KG3F2S.js";
+import "../../chunks/chunk.JGTSJ4J6.js";
+import "../../chunks/chunk.5PWZFSZ4.js";
+import "../../chunks/chunk.TX64TTBN.js";
+import "../../chunks/chunk.NT6Q2HAU.js";
+import "../../chunks/chunk.JYQY43ZR.js";
+import "../../chunks/chunk.WM7HBMMV.js";
+import "../../chunks/chunk.J35HKXK4.js";
+import "../../chunks/chunk.TYGMNHNO.js";
+import "../../chunks/chunk.LUKJEJDB.js";
+import "../../chunks/chunk.IYBYOHJ2.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 {
+  GdsTextarea
+};

package/components/textarea/textarea.d.ts

@@ -0,0 +1,85 @@
+import { GdsFormControlElement } from '../form/form-control';
+import '../../primitives/form-control-header';
+import '../../primitives/form-control-footer';
+import '../icon/icons/cross-small';
+import '../flex';
+import '../button';
+/**
+ * @summary A custom input element that can be used in forms.
+ * @status beta
+ *
+ * @element gds-textarea
+ *.
+ * @slot lead - Accepts `gds-icon-[ICON_NAME]`. Use this to place an icon in the start of the field.
+ * @slot trail - Accepts `gds-badge`. Use this to place a badge in the field, for displaying currency for example.
+ * @slot extended-supporting-text - A longer supporting text can be placed here. It will be
+ *       displayed in a panel when the user clicks the info button.
+ */
+export declare class GdsTextarea extends GdsFormControlElement<string> {
+    #private;
+    static styles: (import("lit").CSSResult | import("lit").CSSResult[])[];
+    value: string;
+    /**
+     * The label displayed above the field
+     */
+    label: string;
+    /**
+     * Rows of the textarea
+     */
+    rows: number;
+    private lines;
+    private isDragging;
+    private lastMouseY;
+    /**
+     * The supporting text displayed between the label and the field itself
+     */
+    supportingText: string;
+    /**
+     * Whether the supporting text should be displayed or not.
+     */
+    showExtendedSupportingText: boolean;
+    /**
+     * If the input is Disabled
+     */
+    disabled: boolean;
+    /**
+     * Whether the field should be clearable or not. Clearable fields will display a clear button when
+     * the field has a value.
+     */
+    clearable: boolean;
+    /**
+     * Whether the field should be resizeable or not. If set to `false`, the field will not be resizeable.
+     *
+     * When `auto` (default), the field will disaplay a resize handle and will be resizeable in the vertical direction.
+     *
+     * The textarea is resizeable based on the `rows` attribute and the content of the textarea by default.
+     *
+     * @property resize
+     *
+     */
+    resize: string;
+    /**
+     * The maximum number of characters allowed in the field.
+     */
+    maxlength: number;
+    /**
+     * The variant of the input field. The default variant displays a label, supporting text, and
+     * extended supporting text. The floating-label variant only displays the field itself and the
+     * supporting text below.
+     *
+     * The floating-label variant should only be used in specific cases, for example when the input field
+     * is placed inside a table cell or in a space-constrained layout.
+     *
+     * A typical form should use the default variant.
+     */
+    variant: 'default' | 'floating-label';
+    private elTextareaAsync;
+    private elTextarea;
+    trailSlotOccupied: boolean;
+    constructor();
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    render(): any;
+    protected _getValidityAnchor(): HTMLTextAreaElement;
+    private _setAutoHeight;
+}

package/components/textarea/textarea.js

@@ -0,0 +1,38 @@
+import {
+  GdsTextarea
+} from "../../chunks/chunk.TSTIU4HW.js";
+import "../../chunks/chunk.VHLWBCJK.js";
+import "../../chunks/chunk.7GC6JLT5.js";
+import "../../chunks/chunk.BWVUFYGS.js";
+import "../../chunks/chunk.UWI652VF.js";
+import "../../chunks/chunk.3DCLPMWF.js";
+import "../../chunks/chunk.PIHOBV6J.js";
+import "../../chunks/chunk.ALFDKEVN.js";
+import "../../chunks/chunk.LDMKNX3S.js";
+import "../../chunks/chunk.SB4EVIRY.js";
+import "../../chunks/chunk.K6WND5FJ.js";
+import "../../chunks/chunk.CK2UGCPG.js";
+import "../../chunks/chunk.SENX4VVY.js";
+import "../../chunks/chunk.3M4XRCEF.js";
+import "../../chunks/chunk.BOO4M2DR.js";
+import "../../chunks/chunk.WFKUYHQY.js";
+import "../../chunks/chunk.Z3575SFA.js";
+import "../../chunks/chunk.H2KG3F2S.js";
+import "../../chunks/chunk.JGTSJ4J6.js";
+import "../../chunks/chunk.5PWZFSZ4.js";
+import "../../chunks/chunk.TX64TTBN.js";
+import "../../chunks/chunk.NT6Q2HAU.js";
+import "../../chunks/chunk.JYQY43ZR.js";
+import "../../chunks/chunk.WM7HBMMV.js";
+import "../../chunks/chunk.J35HKXK4.js";
+import "../../chunks/chunk.TYGMNHNO.js";
+import "../../chunks/chunk.LUKJEJDB.js";
+import "../../chunks/chunk.IYBYOHJ2.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 {
+  GdsTextarea
+};

package/components/textarea/textarea.styles.d.ts

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

package/components/theme/index.d.ts

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

package/components/theme/index.js

@@ -0,0 +1,16 @@
+import {
+  GdsTheme
+} from "../../chunks/chunk.VMLCNTEF.js";
+import "../../chunks/chunk.WM7HBMMV.js";
+import "../../chunks/chunk.J35HKXK4.js";
+import "../../chunks/chunk.TYGMNHNO.js";
+import "../../chunks/chunk.LUKJEJDB.js";
+import "../../chunks/chunk.IYBYOHJ2.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 {
+  GdsTheme
+};

package/components/theme/theme.d.ts

@@ -0,0 +1,30 @@
+import { GdsElement } from '../../gds-element';
+/**
+ * @element gds-theme
+ * @status beta
+ *
+ * A component that provides CSS variables for a part of the DOM tree.
+ * Every descendant of this component will inherit the CSS variables
+ * provided by the theme set on this component.
+ *
+ * @slot - The content to apply the theme to.
+ *
+ * @event gds-color-scheme-changed - Fired when the color scheme changes.
+ * @event gds-design-version-changed - Fired when the design version changes.
+ *
+ */
+export declare class GdsTheme extends GdsElement {
+    static styles: (import("lit").CSSResult | import("lit").CSSResult[])[];
+    /**
+     * The theme mode. Can be `light`, `dark`, or `auto`.
+     */
+    colorScheme: 'light' | 'dark' | 'auto';
+    /**
+     * The design version to use. Can be `16` or `23`.
+     */
+    designVersion: '2016' | '2023';
+    connectedCallback(): void;
+    render(): any;
+    private _onColorSchemeChange;
+    private _onDesignVersionChange;
+}

package/components/theme/theme.js

@@ -0,0 +1,16 @@
+import {
+  GdsTheme
+} from "../../chunks/chunk.VMLCNTEF.js";
+import "../../chunks/chunk.WM7HBMMV.js";
+import "../../chunks/chunk.J35HKXK4.js";
+import "../../chunks/chunk.TYGMNHNO.js";
+import "../../chunks/chunk.LUKJEJDB.js";
+import "../../chunks/chunk.IYBYOHJ2.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 {
+  GdsTheme
+};

package/components/theme/theme.trans.styles.d.ts

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

package/components/theme/theme.trans.styles.js

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

package/components/video/index.d.ts

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

package/components/video/index.js

@@ -0,0 +1,13 @@
+import {
+  GdsVideo
+} from "../../chunks/chunk.WPEDAVVP.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 {
+  GdsVideo
+};

package/components/video/video.d.ts

@@ -0,0 +1,135 @@
+import { GdsElement } from '../../gds-element';
+/**
+ * `gds-video` is a custom video element that provides configurable .mp4 video playback that can be used as background or hero video without controls.
+ * The video can be customized with different properties like ratio, position, inset, width, height, opacity, fit, and radius.
+ *
+ * @element gds-video
+ * @status beta
+ *
+ */
+export declare class GdsVideo extends GdsElement {
+    static styles: (import("lit").CSSResult | import("lit").CSSResult[])[];
+    /**
+     * Controls the aspect ratio of the image.
+     * Supports all common aspect ratios like 16/9, 4/3, 1/1, etc.
+     *
+     * You can apply the aspect ratio like this:
+     *
+     * ```html
+     * <gds-video aspect-ratio="16/9"></gds-video>
+     * ```
+     *
+     * The above example will apply the aspect ratio of 16/9.
+     *
+     * You can also apply different aspect ratios for different screen sizes like this:
+     *
+     * ```html
+     * <gds-video aspect-ratio="l{16/9} m{4/3} s{1/1}"></gds-video>
+     * ```
+     *
+     *  The above example will apply the aspect ratio of 16/9 for large screens, 4/3 for medium screens, and 1/1 for small screens.
+     *
+     * @property ratio
+     */
+    'aspect-ratio'?: string;
+    /**
+     * Controls the `object-position` of the video.
+     * Supports all common CSS values.
+     * @property position
+     */
+    'object-position'?: string;
+    /**
+     * Controls the inset property of the container.
+     * Supports all valid CSS inset values.
+     *
+     * @example
+     * You can apply the inset like this:
+     * ```html
+     * <gds-video inset="0"></gds-video>
+     * ```
+     *
+     * You can also apply different inset values for different screen sizes like this:
+     * ```html
+     * <gds-video inset="l{0} m{10px} s{20px}"></gds-video>
+     * ```
+     *
+     * @property inset
+     */
+    inset?: string;
+    /**
+     * Controls the width property of the video.
+     * @property width
+     */
+    width?: string;
+    /**
+     * Controls the height property of the video.
+     * @property height
+     */
+    height?: string;
+    /**
+     * Controls the opacity property of the image.
+     *
+     * You can apply opacity like this:
+     *
+     * ```html
+     * <gds-img opacity="0.2"></gds-img>
+     * ```
+     *
+     * The above example will apply the opacity style of 0.2.
+     * This is useful when you want to apply a transparent effect to the image when having a darkened background to increase the readability of the text.
+     * @property opacity
+     */
+    opacity?: string;
+    /**
+     * Controls the object-fit property of the image.
+     *
+     * You can apply fit like this:
+     *
+     * ```html
+     * <gds-img object-fit="cover"></gds-img>
+     * ```
+     *
+     *  The above example will apply the object-fit style of cover.
+     *
+     * @property fit
+     */
+    'object-fit'?: string;
+    /**
+     * Controls the pointer-events property of the video.
+     * Supports all valid CSS pointer-events values.
+     *
+     * @property events
+     */
+    'pointer-events'?: string;
+    /**
+     * Controls the border-radius property of the video.
+     * Supports all the size tokens from the design system.
+     *
+     * @example
+     * 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.
+     * @property radius
+     */
+    'border-radius'?: string;
+    src?: string;
+    poster?: string;
+    muted?: boolean;
+    playsinline?: boolean;
+    autoplay?: boolean;
+    loop?: boolean;
+    videoElement: HTMLVideoElement;
+    applyVideoSettings(): void;
+    render(): any;
+    firstUpdated(): void;
+}

package/components/video/video.js

@@ -0,0 +1,13 @@
+import {
+  GdsVideo
+} from "../../chunks/chunk.WPEDAVVP.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 {
+  GdsVideo
+};

package/components/video/video.style.d.ts

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

package/gds-element.d.ts

@@ -0,0 +1,24 @@
+import { LitElement } from 'lit';
+import { DynamicStylesController } from './utils/controllers/dynamic-styles-controller';
+import 'reflect-metadata';
+export declare class GdsElement extends LitElement {
+    /**
+     * The unscoped name of this element. This attribute is set automatically by the element and is inteded to be read-only.
+     *
+     * @attribute gds-element
+     * @readonly
+     */
+    gdsElementName?: string;
+    /**
+     * Whether the element is using transitional styles.
+     * @internal
+     */
+    _isUsingTransitionalStyles: boolean;
+    /**
+     * @private
+     */
+    _dynamicStylesController: DynamicStylesController;
+    constructor();
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+}

package/generated/locale-codes.d.ts

@@ -0,0 +1,13 @@
+/**
+ * The locale code that templates in this source code are written in.
+ */
+export declare const sourceLocale = "en";
+/**
+ * The other locale codes that this application is localized into. Sorted
+ * lexicographically.
+ */
+export declare const targetLocales: readonly ["sv"];
+/**
+ * All valid project locale codes. Sorted lexicographically.
+ */
+export declare const allLocales: readonly ["en", "sv"];

package/generated/locales/sv.d.ts

@@ -0,0 +1,42 @@
+export declare const templates: {
+    s15a16ae9f99f19bf: string;
+    s15a852e9f9a50fa5: string;
+    s17e3edbe032f79ec: string;
+    s1a2dda8f763a68bd: string;
+    s1e118319b5202c41: string;
+    s1e187019b5262aa6: string;
+    s281846ef0421c71f: string;
+    s2ceb11be2290bb1b: string;
+    s39938ecdae568740: string;
+    s407a88a592a0987c: string;
+    s46d6587089bd0356: string;
+    s5052d10b539eabf0: string;
+    s58bfb494feb8eb02: import("@lit/localize").StrResult;
+    s5d929ff1619ac0c9: string;
+    s5e8250fb85d64c23: string;
+    s5febcd9b311c16fe: string;
+    s62931b2a50168976: string;
+    s63d040e37887f17e: string;
+    s6cfed919e21ac6ac: string;
+    s6d24cd19e23b8185: string;
+    s74aa0319e62b2eb7: string;
+    s7793b811d20184fe: string;
+    s7fd3469f78111589: string;
+    s83c436ed1bc16dfb: string;
+    s8ade4e9d5e804d6a: string;
+    s9836b719fa8ef857: string;
+    s987ac119fac8d621: string;
+    s9af3c72c33088826: import("@lit/localize").StrResult;
+    sa6f2645578b2d2bc: string;
+    sa7cd5c2ff6d266e7: string;
+    sb47daaf9e1c4a905: string;
+    sb4f1dffbb6be6302: string;
+    sb77f4dce69a005ac: string;
+    sbc083a1dbee9af73: string;
+    scb6b9cb49cf93277: string;
+    sd898d99fd9c13de6: string;
+    sdc42f1da42d6411a: string;
+    se0955919920ee87d: string;
+    se4129fd6b9d7b4c2: string;
+    sf295af199c723ec8: string;
+};