@sebgroup/green-core 1.69.3 → 1.70.0

package/components/datepicker/datepicker.d.ts

@@ -1,118 +1,2 @@
-import { GdsFormControlElement } from '../form/form-control';
-import '../../components/flex';
-import '../../components/button';
-import '../../components/dropdown';
-import '../calendar';
-import '../icon/icons/calendar';
-import '../icon/icons/calender-add';
-import '../icon/icons/chevron-left';
-import '../icon/icons/chevron-right';
-import '../popover';
-import './date-part-spinner';
-declare class Datepicker extends GdsFormControlElement<Date> {
-    #private;
-    static styles: (import("lit").CSSResult | import("lit").CSSResult[])[];
-    get type(): string;
-    /**
-     * The Date value of the datepicker. This can be set to undefined to clear the datepicker.
-     * This can be a string if set via the value attribute in markup, or via the setAttribute DOM API.
-     */
-    get value(): Date | undefined;
-    set value(value: Date | undefined);
-    /**
-     * The minimum date that can be selected.
-     */
-    min: Date;
-    /**
-     * The maximum date that can be selected.
-     */
-    max: Date;
-    /**
-     * Controls wheter the datepicker popover is open.
-     */
-    open: boolean;
-    /**
-     * The supporting text displayed between the label and the field itself
-     */
-    supportingText: string;
-    /**
-     * Whether to use the small variant of the datepicker field.
-     */
-    size: 'large' | 'small';
-    /**
-     * Whether to show a column of week numbers in the calendar.
-     */
-    showWeekNumbers: boolean;
-    /**
-     * Whether to hide the label above the input field.
-     */
-    hideLabel: boolean;
-    /**
-     * The date format to use. Accepts a string with the characters `y`, `m` and `d` in any order, separated by a delimiter.
-     * For example, `y-m-d` or `d/m/y`. All three characters must be present.
-     *
-     * This will determine the structure of the input field.
-     *
-     * Defaults to `y-m-d`.
-     */
-    get dateformat(): string;
-    set dateformat(dateformat: string);
-    /**
-     * Whether to disable weekends in the calendar.
-     */
-    disabledWeekends: boolean;
-    /**
-     * An array of dates that should be disabled in the calendar.
-     */
-    disabledDates?: Date[];
-    /**
-     * Get the currently focused date in the calendar popover. If no date is focused, or the calendar popover
-     * is closed, the value will be undefined.
-     */
-    getFocusedDate(): Promise<Date | undefined>;
-    /**
-     * Get a string representation of the currently displayed value in the input field. The formatting will match the dateformat attribute.
-     */
-    get displayValue(): string;
-    /**
-     * A reference to the calendar button element inside the shadow root.
-     * Inteded for use in integration tests.
-     */
-    test_calendarButton: Promise<HTMLButtonElement>;
-    /**
-     * A reference to a date cell element (<td>) inside the shadow root of the calendar primitive.
-     * Intended for use in integration tests.
-     */
-    test_getDateCell(dayNumber: number): Promise<Element | null | undefined>;
-    private _focusedMonth;
-    private _focusedYear;
-    private _dateFormatLayout;
-    private _elCalendar;
-    private _elTrigger;
-    private _elFieldAsync;
-    private _elSpinners;
-    private _elField;
-    connectedCallback(): void;
-    render(): any;
-    protected _getValidityAnchor(): HTMLElement;
-    private _handleValueChange;
-    private _handleOpenChange;
-}
-declare const GdsDatepicker_base: (new (...args: any[]) => import("../../utils/mixins/declarative-layout-mixins").SizeXProps) & (new (...args: any[]) => import("../../utils/mixins/declarative-layout-mixins").MarginProps) & (new (...args: any[]) => import("../../utils/mixins/declarative-layout-mixins").LayoutChildProps) & typeof Datepicker;
-/**
- * @element gds-datepicker
- * A form control that allows the user to select a date.
- *
- * @status beta
- *
- * @slot supporting-text - A supporting text that will be displayed below the label and above the input field.
- * @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.
- * @slot message - ***(deprecated - use `errorMessage` property instead)*** Error message to show below the input field whem there is a validation error.
- * @slot sub-label - ***(deprecated - use `supporting-text` slot instead)*** Renders between the label and the trigger button.
- *
- * @event change - Fired when the value of the dropdown is changed through user interaction (not when value prop is set programatically).
- * @event gds-ui-state - Fired when the dropdown is opened or closed.
- */
-export declare class GdsDatepicker extends GdsDatepicker_base {
-}
-export {};
+import { GdsDatepicker } from './datepicker.component';
+export { GdsDatepicker };

package/components/datepicker/datepicker.js

@@ -1,64 +1,6 @@
-import {
-  GdsDatepicker
-} from "../../chunks/chunk.7XGFNMSH.js";
-import "../../chunks/chunk.VXHX45CK.js";
-import "../../chunks/chunk.PZGGHE6P.js";
-import "../../chunks/chunk.EEMMFQ4J.js";
-import "../../chunks/chunk.WZEONAVU.js";
-import "../../chunks/chunk.C3ECHGX7.js";
-import "../../chunks/chunk.Q2T57HE7.js";
-import "../../chunks/chunk.K2ER33FS.js";
-import "../../chunks/chunk.MI4A2C2A.js";
-import "../../chunks/chunk.TJA4CXLS.js";
-import "../../chunks/chunk.2DGRSUUK.js";
-import "../../chunks/chunk.VZTV63IQ.js";
-import "../../chunks/chunk.UNJUYODH.js";
-import "../../chunks/chunk.VHLWBCJK.js";
-import "../../chunks/chunk.HO2KZJXR.js";
-import "../../chunks/chunk.7GC6JLT5.js";
-import "../../chunks/chunk.2BJVQ5WE.js";
-import "../../chunks/chunk.S3FBHJYG.js";
-import "../../chunks/chunk.H4QXCNY2.js";
-import "../../chunks/chunk.BK2SJQPM.js";
-import "../../chunks/chunk.7CBXLVHM.js";
-import "../../chunks/chunk.DCG4B2OD.js";
-import "../../chunks/chunk.ZOZCULXV.js";
-import "../../chunks/chunk.DJ2OXJZN.js";
-import "../../chunks/chunk.ALFDKEVN.js";
-import "../../chunks/chunk.GCVJJFAB.js";
-import "../../chunks/chunk.E62NOHQC.js";
-import "../../chunks/chunk.YSAE26FD.js";
-import "../../chunks/chunk.ZJVOZRT5.js";
-import "../../chunks/chunk.OZMN4KRW.js";
-import "../../chunks/chunk.54WM2ZYE.js";
-import "../../chunks/chunk.UDVUT4HS.js";
-import "../../chunks/chunk.GUAH7AIO.js";
-import "../../chunks/chunk.CK2UGCPG.js";
-import "../../chunks/chunk.PQWJXNCE.js";
-import "../../chunks/chunk.3M4XRCEF.js";
-import "../../chunks/chunk.J4LECY2Q.js";
-import "../../chunks/chunk.M5C2HLKD.js";
-import "../../chunks/chunk.5DQKVTJK.js";
-import "../../chunks/chunk.JGTSJ4J6.js";
-import "../../chunks/chunk.LS3ZUD4W.js";
-import "../../chunks/chunk.TX64TTBN.js";
-import "../../chunks/chunk.XSYRW3YR.js";
-import "../../chunks/chunk.VA6TUMR2.js";
-import "../../chunks/chunk.WM7HBMMV.js";
-import "../../chunks/chunk.TWXTKG4B.js";
-import "../../chunks/chunk.76QWARGM.js";
-import "../../chunks/chunk.NUUST5OZ.js";
-import "../../chunks/chunk.QMXQC6OJ.js";
-import "../../chunks/chunk.B3A3ZVNB.js";
-import "../../chunks/chunk.TYGMNHNO.js";
-import "../../chunks/chunk.ESN5KBOJ.js";
-import "../../chunks/chunk.6QMJ7GQK.js";
-import "../../chunks/chunk.YO24ZYAD.js";
-import "../../chunks/chunk.TMEWQZER.js";
-import "../../chunks/chunk.QK3R23GV.js";
-import "../../chunks/chunk.B7ZOSVCQ.js";
-import "../../chunks/chunk.DI23R63U.js";
-import "../../chunks/chunk.SEHSDSX2.js";
+import "../../chunks/chunk.QTSIPXV3.js";
+import { GdsDatepicker } from "./datepicker.component";
+GdsDatepicker.define();
 export {
   GdsDatepicker
 };

package/components/datepicker/datepicker.styles.js

@@ -0,0 +1,55 @@
+import "../../chunks/chunk.QTSIPXV3.js";
+import { css } from "lit";
+const styles = css`
+  @layer base, reset;
+
+  @layer base {
+    :host {
+      display: flex;
+      flex-direction: column;
+      width: 100%;
+      contain: layout;
+      isolation: isolate;
+      gap: var(--gds-space-xs);
+      font-family: inherit;
+      min-width: 200px;
+    }
+
+    ::part(_button) {
+      outline-offset: -1px;
+    }
+
+    .spinners {
+      display: flex;
+      align-items: center;
+      justify-content: flex-start;
+      inline-size: 11ch;
+      gap: var(--gds-space-4xs);
+      font-size: var(--gds-text-size-detail-s);
+      font-weight: var(--gds-text-weight-regular);
+    }
+
+    .spinner {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      text-align: center;
+      height: 100%;
+      box-sizing: border-box;
+      /* border-radius: var(--gds-space-2xs); */
+      outline: none;
+      padding-block: var(--gds-space-3xs);
+      text-transform: uppercase;
+      line-height: 1;
+      text-align: center;
+
+      &:focus {
+        background-color: var(--gds-color-l3-background-primary);
+        color: var(--gds-color-l3-content-primary);
+      }
+    }
+  }
+`;
+export {
+  styles
+};

package/components/datepicker/datepicker.trans.styles.js

@@ -1,12 +1,21 @@
-import {
-  datepicker_trans_styles_default,
-  register7 as register
-} from "../../chunks/chunk.B3A3ZVNB.js";
-import "../../chunks/chunk.ESN5KBOJ.js";
-import "../../chunks/chunk.6QMJ7GQK.js";
-import "../../chunks/chunk.QK3R23GV.js";
-import "../../chunks/chunk.B7ZOSVCQ.js";
-import "../../chunks/chunk.SEHSDSX2.js";
+import "../../chunks/chunk.QTSIPXV3.js";
+import { tokens } from "../../tokens.style";
+import { TransitionalStyles } from "../../utils/transitional-styles/transitional-styles";
+import * as Calendar from "../calendar/calendar.trans.styles";
+import * as Dropdown from "../dropdown/dropdown.trans.styles";
+import * as Popover from "../popover/popover.trans.styles";
+import styles from "./datepicker.trans.styles.scss.js";
+function register() {
+  const tokensAndStyles = styles.toString() + tokens.reduce((acc, token) => acc + token.cssText, "");
+  TransitionalStyles.instance.register(
+    "gds-datepicker",
+    tokensAndStyles.toString()
+  );
+  Dropdown.register();
+  Popover.register();
+  Calendar.register();
+}
+var datepicker_trans_styles_default = register;
 export {
   datepicker_trans_styles_default as default,
   register

package/components/datepicker/datepicker.trans.styles.scss.js

@@ -0,0 +1,4 @@
+
+            const styles = "/* stylelint-disable max-nesting-depth */\n/* stylelint-enable max-nesting-depth */\n/**\n * Calculate the luminance for a color.\n * See https://www.w3.org/TR/WCAG20-TECHS/G17.html#G17-tests\n */\n/**\n * Calculate the contrast ratio between two colors.\n * See https://www.w3.org/TR/WCAG20-TECHS/G17.html#G17-tests\n */\n/* stylelint-disable */\n/* stylelint-enable */\n/* stylelint-disable */\n/**\n* @deprecated\n* Use `add-focus` instead\n*/\n/** add background color, color and border-color to element when it has focus-visible i.e. tab focus */\n@layer base, reset, transitional-styles;\n@layer transitional-styles {\n  :host {\n    display: flex;\n    flex-direction: column;\n    width: 100%;\n    contain: layout;\n    isolation: isolate;\n    gap: var(--gds-space-xs);\n  }\n  [role=spinbutton] {\n    display: inline-block;\n  }\n  [role=spinbutton]:focus {\n    background: color-mix(in srgb, var(--gds-sys-color-blue) 50%, transparent);\n    outline: none;\n  }\n  [role=spinbutton]::-moz-selection {\n    background: transparent;\n  }\n  [role=spinbutton]::selection {\n    background: transparent;\n  }\n}";
+            export default styles;
+          

package/components/datepicker/index.js

@@ -1,64 +1 @@
-import {
-  GdsDatepicker
-} from "../../chunks/chunk.7XGFNMSH.js";
-import "../../chunks/chunk.VXHX45CK.js";
-import "../../chunks/chunk.PZGGHE6P.js";
-import "../../chunks/chunk.EEMMFQ4J.js";
-import "../../chunks/chunk.WZEONAVU.js";
-import "../../chunks/chunk.C3ECHGX7.js";
-import "../../chunks/chunk.Q2T57HE7.js";
-import "../../chunks/chunk.K2ER33FS.js";
-import "../../chunks/chunk.MI4A2C2A.js";
-import "../../chunks/chunk.TJA4CXLS.js";
-import "../../chunks/chunk.2DGRSUUK.js";
-import "../../chunks/chunk.VZTV63IQ.js";
-import "../../chunks/chunk.UNJUYODH.js";
-import "../../chunks/chunk.VHLWBCJK.js";
-import "../../chunks/chunk.HO2KZJXR.js";
-import "../../chunks/chunk.7GC6JLT5.js";
-import "../../chunks/chunk.2BJVQ5WE.js";
-import "../../chunks/chunk.S3FBHJYG.js";
-import "../../chunks/chunk.H4QXCNY2.js";
-import "../../chunks/chunk.BK2SJQPM.js";
-import "../../chunks/chunk.7CBXLVHM.js";
-import "../../chunks/chunk.DCG4B2OD.js";
-import "../../chunks/chunk.ZOZCULXV.js";
-import "../../chunks/chunk.DJ2OXJZN.js";
-import "../../chunks/chunk.ALFDKEVN.js";
-import "../../chunks/chunk.GCVJJFAB.js";
-import "../../chunks/chunk.E62NOHQC.js";
-import "../../chunks/chunk.YSAE26FD.js";
-import "../../chunks/chunk.ZJVOZRT5.js";
-import "../../chunks/chunk.OZMN4KRW.js";
-import "../../chunks/chunk.54WM2ZYE.js";
-import "../../chunks/chunk.UDVUT4HS.js";
-import "../../chunks/chunk.GUAH7AIO.js";
-import "../../chunks/chunk.CK2UGCPG.js";
-import "../../chunks/chunk.PQWJXNCE.js";
-import "../../chunks/chunk.3M4XRCEF.js";
-import "../../chunks/chunk.J4LECY2Q.js";
-import "../../chunks/chunk.M5C2HLKD.js";
-import "../../chunks/chunk.5DQKVTJK.js";
-import "../../chunks/chunk.JGTSJ4J6.js";
-import "../../chunks/chunk.LS3ZUD4W.js";
-import "../../chunks/chunk.TX64TTBN.js";
-import "../../chunks/chunk.XSYRW3YR.js";
-import "../../chunks/chunk.VA6TUMR2.js";
-import "../../chunks/chunk.WM7HBMMV.js";
-import "../../chunks/chunk.TWXTKG4B.js";
-import "../../chunks/chunk.76QWARGM.js";
-import "../../chunks/chunk.NUUST5OZ.js";
-import "../../chunks/chunk.QMXQC6OJ.js";
-import "../../chunks/chunk.B3A3ZVNB.js";
-import "../../chunks/chunk.TYGMNHNO.js";
-import "../../chunks/chunk.ESN5KBOJ.js";
-import "../../chunks/chunk.6QMJ7GQK.js";
-import "../../chunks/chunk.YO24ZYAD.js";
-import "../../chunks/chunk.TMEWQZER.js";
-import "../../chunks/chunk.QK3R23GV.js";
-import "../../chunks/chunk.B7ZOSVCQ.js";
-import "../../chunks/chunk.DI23R63U.js";
-import "../../chunks/chunk.SEHSDSX2.js";
-export {
-  GdsDatepicker
-};
+export * from "./datepicker";

package/components/dialog/dialog.component.d.ts

@@ -0,0 +1,44 @@
+import { GdsElement } from '../../gds-element';
+/**
+ * @element gds-dialog
+ * @status beta
+ *
+ * @event gds-ui-state - Fired when the dialog is opened or closed
+ * @event gds-close - Fired when the dialog is closed
+ * @event gds-show - Fired when the dialog is opened
+ *
+ * @slot - The content of the dialog
+ * @slot trigger - The trigger button for the dialog
+ * @slot footer - The footer of the dialog
+ */
+export declare class GdsDialog extends GdsElement {
+    #private;
+    static styles: import("lit").CSSResult[];
+    /**
+     * Whether the dialog is open. The state of the dialog can be controlled either
+     * by setting this property or by calling the `show()` and `close()` methods.
+     */
+    open: boolean;
+    /**
+     * The dialog's heading.
+     */
+    heading?: string;
+    /**
+     * The dialog's variant.
+     */
+    variant: 'default' | 'slide-out';
+    private _elDialog;
+    private _elTriggerSlot;
+    /**
+     * Opens the dialog.
+     */
+    show(reason?: string): void;
+    /**
+     * Closes the dialog.
+     * @param returnValue - The value to return when the dialog is closed.
+     */
+    close(reason: string): void;
+    disconnectedCallback(): void;
+    render(): any;
+    private _handleOpenChange;
+}

package/components/dialog/dialog.component.js

@@ -0,0 +1,213 @@
+import {
+  __decorateClass,
+  __privateAdd,
+  __privateGet,
+  __privateMethod,
+  __privateSet
+} from "../../chunks/chunk.QTSIPXV3.js";
+var _returnValue, _handleNativeClose, _dispatchCloseEvent, _dispatchShowEvent, _dispatchUiStateEvent, _handleTriggerSlotChange, handleTriggerSlotChange_fn, _handleTriggerClick;
+import { localized, msg } from "@lit/localize";
+import { property, query } from "lit/decorators.js";
+import { when } from "lit/directives/when.js";
+import { GdsElement } from "../../gds-element";
+import { watch } from "../../utils/decorators/watch";
+import {
+  gdsCustomElement,
+  html
+} from "../../utils/helpers/custom-element-scoping";
+import { GdsButton } from "../button/button.component";
+import { GdsCard } from "../card/card.component";
+import { GdsFlex } from "../flex/flex.component";
+import { IconCrossLarge } from "../icon/icons/cross-large.component";
+import { styles } from "./dialog.styles";
+import {
+  lockBodyScrolling,
+  registerGlobalScrollLockStyles,
+  unlockBodyScrolling
+} from "./scroll-lock";
+registerGlobalScrollLockStyles();
+let GdsDialog = class extends GdsElement {
+  constructor() {
+    super(...arguments);
+    __privateAdd(this, _handleTriggerSlotChange);
+    this.open = false;
+    this.variant = "default";
+    __privateAdd(this, _returnValue, void 0);
+    __privateAdd(this, _handleNativeClose, (e) => {
+      const dialog = e.target;
+      const returnValue = dialog.returnValue;
+      this.close(returnValue || "native-close");
+      if (returnValue !== "prop-change")
+        __privateGet(this, _dispatchCloseEvent).call(this, returnValue);
+    });
+    __privateAdd(this, _dispatchCloseEvent, (reason) => {
+      this.dispatchEvent(
+        new CustomEvent("gds-close", {
+          detail: reason,
+          bubbles: false,
+          composed: false
+        })
+      );
+      __privateGet(this, _dispatchUiStateEvent).call(this, reason);
+    });
+    __privateAdd(this, _dispatchShowEvent, (reason) => {
+      this.dispatchEvent(
+        new CustomEvent("gds-show", {
+          detail: reason,
+          bubbles: false,
+          composed: false
+        })
+      );
+      __privateGet(this, _dispatchUiStateEvent).call(this, reason);
+    });
+    __privateAdd(this, _dispatchUiStateEvent, (reason) => {
+      this.dispatchEvent(
+        new CustomEvent("gds-ui-state", {
+          detail: { reason, open: this.open },
+          bubbles: false,
+          composed: false
+        })
+      );
+    });
+    __privateAdd(this, _handleTriggerClick, (e) => {
+      this.show("slotted-trigger");
+    });
+  }
+  /**
+   * Opens the dialog.
+   */
+  show(reason) {
+    this.open = true;
+    reason && __privateGet(this, _dispatchShowEvent).call(this, reason);
+  }
+  /**
+   * Closes the dialog.
+   * @param returnValue - The value to return when the dialog is closed.
+   */
+  close(reason) {
+    __privateSet(this, _returnValue, reason);
+    this.open = false;
+  }
+  disconnectedCallback() {
+    super.disconnectedCallback();
+    unlockBodyScrolling(this);
+  }
+  render() {
+    return html`<slot
+        name="trigger"
+        @slotchange=${__privateMethod(this, _handleTriggerSlotChange, handleTriggerSlotChange_fn)}
+      ></slot>
+      ${when(
+      this.open,
+      () => html`<dialog
+            @close=${__privateGet(this, _handleNativeClose)}
+            class=${this.variant}
+            aria-describedby="heading"
+          >
+            <gds-card
+              class="card"
+              display="flex"
+              variant="secondary"
+              shadow="xl"
+              padding="s"
+              border-radius=${this.variant === "default" ? "s" : "0"}
+            >
+              <gds-flex
+                justify-content="space-between"
+                border-width="0 0 4xs 0"
+                margin="0 -s"
+                padding="0 s s"
+                background-color="secondary"
+              >
+                <h2 id="heading">${this.heading}</h2>
+                <gds-button
+                  id="close-btn"
+                  rank="secondary"
+                  size="small"
+                  label=${msg("Close")}
+                  @click=${() => this.close("btn-close")}
+                  ><gds-icon-cross-large></gds-icon-cross-large
+                ></gds-button>
+              </gds-flex>
+              <gds-div id="content" padding="m 0" overflow="auto" flex="1">
+                <slot></slot>
+              </gds-div>
+              <gds-flex
+                class="footer"
+                justify-content="center"
+                gap="s"
+                padding="s 0 0 0"
+              >
+                <slot name="footer">
+                  <gds-button
+                    value="cancel"
+                    @click=${() => this.close("btn-cancel")}
+                    rank="secondary"
+                    >${msg("Cancel")}</gds-button
+                  >
+                  <gds-button value="ok" @click=${() => this.close("btn-ok")}
+                    >Ok</gds-button
+                  >
+                </slot>
+              </gds-flex>
+            </gds-card>
+          </dialog>`
+    )}`;
+  }
+  _handleOpenChange() {
+    if (this.open) {
+      __privateSet(this, _returnValue, void 0);
+      this.updateComplete.then(() => {
+        this._elDialog?.showModal();
+        lockBodyScrolling(this);
+      });
+    } else {
+      __privateSet(this, _returnValue, __privateGet(this, _returnValue) || "prop-change");
+      this._elDialog?.close(__privateGet(this, _returnValue));
+      unlockBodyScrolling(this);
+      this.requestUpdate("open");
+    }
+  }
+};
+_returnValue = new WeakMap();
+_handleNativeClose = new WeakMap();
+_dispatchCloseEvent = new WeakMap();
+_dispatchShowEvent = new WeakMap();
+_dispatchUiStateEvent = new WeakMap();
+_handleTriggerSlotChange = new WeakSet();
+handleTriggerSlotChange_fn = function() {
+  if (this._elTriggerSlot && this._elTriggerSlot.assignedElements()[0]) {
+    const trigger = this._elTriggerSlot.assignedElements()[0];
+    trigger?.addEventListener("click", __privateGet(this, _handleTriggerClick));
+    trigger?.setAttribute("aria-haspopup", "dialog");
+  }
+};
+_handleTriggerClick = new WeakMap();
+GdsDialog.styles = [styles];
+__decorateClass([
+  property({ type: Boolean, reflect: true })
+], GdsDialog.prototype, "open", 2);
+__decorateClass([
+  property()
+], GdsDialog.prototype, "heading", 2);
+__decorateClass([
+  property()
+], GdsDialog.prototype, "variant", 2);
+__decorateClass([
+  query("dialog")
+], GdsDialog.prototype, "_elDialog", 2);
+__decorateClass([
+  query('slot[name="trigger"]')
+], GdsDialog.prototype, "_elTriggerSlot", 2);
+__decorateClass([
+  watch("open")
+], GdsDialog.prototype, "_handleOpenChange", 1);
+GdsDialog = __decorateClass([
+  gdsCustomElement("gds-dialog", {
+    dependsOn: [GdsButton, GdsCard, GdsFlex, IconCrossLarge]
+  }),
+  localized()
+], GdsDialog);
+export {
+  GdsDialog
+};

package/components/dialog/dialog.d.ts

@@ -1,48 +1,2 @@
-import { GdsElement } from '../../gds-element';
-import '../button';
-import '../card';
-import '../flex';
-import '../icon/icons/cross-large';
-/**
- * @element gds-dialog
- * @status beta
- *
- * @event gds-ui-state - Fired when the dialog is opened or closed
- * @event gds-close - Fired when the dialog is closed
- * @event gds-show - Fired when the dialog is opened
- *
- * @slot - The content of the dialog
- * @slot trigger - The trigger button for the dialog
- * @slot footer - The footer of the dialog
- */
-export declare class GdsDialog extends GdsElement {
-    #private;
-    static styles: import("lit").CSSResult[];
-    /**
-     * Whether the dialog is open. The state of the dialog can be controlled either
-     * by setting this property or by calling the `show()` and `close()` methods.
-     */
-    open: boolean;
-    /**
-     * The dialog's heading.
-     */
-    heading?: string;
-    /**
-     * The dialog's variant.
-     */
-    variant: 'default' | 'slide-out';
-    private _elDialog;
-    private _elTriggerSlot;
-    /**
-     * Opens the dialog.
-     */
-    show(reason?: string): void;
-    /**
-     * Closes the dialog.
-     * @param returnValue - The value to return when the dialog is closed.
-     */
-    close(reason: string): void;
-    disconnectedCallback(): void;
-    render(): any;
-    private _handleOpenChange;
-}
+import { GdsDialog } from './dialog.component';
+export { GdsDialog };