@warp-ds/elements 2.3.0-next.12 → 2.3.0-next.14

package/dist/packages/modal/modal.stories.d.ts

@@ -1,6 +1,6 @@
-import type { Meta, StoryObj } from "@storybook/web-components-vite";
-import type { WarpModal, WarpModalFooter, WarpModalHeader } from "./index.ts";
-import "./index.ts";
+import type { Meta, StoryObj } from '@storybook/web-components-vite';
+import type { WarpModal, WarpModalFooter, WarpModalHeader } from './index.ts';
+import './index.ts';
 declare const modalArgs: Partial<WarpModal> & {
     [key: string]: any;
 };

package/dist/packages/modal/modal.stories.js

@@ -1,13 +1,13 @@
-import { spread } from "@open-wc/lit-helpers";
-import { getStorybookHelpers } from "@wc-toolkit/storybook-helpers";
-import { html } from "lit";
-import { prespread } from "../../.storybook/utilities.js";
-import "./index.ts";
-const { events: modalEvents, args: modalArgs, argTypes: modalArgTypes, } = getStorybookHelpers("w-modal");
-const { events: modalHeaderEvents, args: modalHeaderArgs, argTypes: modalHeaderArgTypes, } = getStorybookHelpers("w-modal-header");
-const { events: modalFooterEvents, args: modalFooterArgs, argTypes: modalFooterArgTypes, } = getStorybookHelpers("w-modal-footer");
+import { spread } from '@open-wc/lit-helpers';
+import { getStorybookHelpers } from '@wc-toolkit/storybook-helpers';
+import { html } from 'lit';
+import { prespread } from '../../.storybook/utilities.js';
+import './index.ts';
+const { events: modalEvents, args: modalArgs, argTypes: modalArgTypes } = getStorybookHelpers('w-modal');
+const { events: modalHeaderEvents, args: modalHeaderArgs, argTypes: modalHeaderArgTypes, } = getStorybookHelpers('w-modal-header');
+const { events: modalFooterEvents, args: modalFooterArgs, argTypes: modalFooterArgTypes, } = getStorybookHelpers('w-modal-footer');
 const meta = {
-    title: "Overlays/Modal",
+    title: 'Overlays/Modal',
 };
 export default meta;
 export const Default = {
@@ -99,28 +99,28 @@ export const Default = {
     },
     play: async ({ canvasElement }) => {
         await Promise.all([
-            customElements.whenDefined("w-button"),
-            customElements.whenDefined("w-modal"),
-            customElements.whenDefined("w-modal-header"),
-            customElements.whenDefined("w-modal-footer"),
+            customElements.whenDefined('w-button'),
+            customElements.whenDefined('w-modal'),
+            customElements.whenDefined('w-modal-header'),
+            customElements.whenDefined('w-modal-footer'),
         ]);
-        const openButton = canvasElement.querySelector("#modal-open-button-one");
-        const closeButton = canvasElement.querySelector("#modal-close-button-one");
-        const toggleBackButton = canvasElement.querySelector("#modal-toggle-back-one");
-        const cancelButton = canvasElement.querySelector("#modal-close-button-cancel");
-        const modal = canvasElement.querySelector("#example-modal-one");
-        const modalHeader = canvasElement.querySelector("#modal-header-one");
+        const openButton = canvasElement.querySelector('#modal-open-button-one');
+        const closeButton = canvasElement.querySelector('#modal-close-button-one');
+        const toggleBackButton = canvasElement.querySelector('#modal-toggle-back-one');
+        const cancelButton = canvasElement.querySelector('#modal-close-button-cancel');
+        const modal = canvasElement.querySelector('#example-modal-one');
+        const modalHeader = canvasElement.querySelector('#modal-header-one');
         if (openButton && modal) {
-            openButton.addEventListener("click", () => modal.open());
+            openButton.addEventListener('click', () => modal.open());
         }
         if (closeButton && modal) {
-            closeButton.addEventListener("click", () => modal.close());
+            closeButton.addEventListener('click', () => modal.close());
         }
         if (cancelButton && modal) {
-            cancelButton.addEventListener("click", () => modal.close());
+            cancelButton.addEventListener('click', () => modal.close());
         }
         if (toggleBackButton && modalHeader) {
-            toggleBackButton.addEventListener("click", () => {
+            toggleBackButton.addEventListener('click', () => {
                 modalHeader.back = !modalHeader.back;
             });
         }
@@ -175,19 +175,19 @@ export const WithImage = {
     },
     play: async ({ canvasElement }) => {
         await Promise.all([
-            customElements.whenDefined("w-button"),
-            customElements.whenDefined("w-modal"),
-            customElements.whenDefined("w-modal-header"),
-            customElements.whenDefined("w-modal-footer"),
+            customElements.whenDefined('w-button'),
+            customElements.whenDefined('w-modal'),
+            customElements.whenDefined('w-modal-header'),
+            customElements.whenDefined('w-modal-footer'),
         ]);
-        const openButton = canvasElement.querySelector("#modal-open-button-two");
-        const closeButton = canvasElement.querySelector("#modal-close-button-two");
-        const modal = canvasElement.querySelector("#example-modal-two");
+        const openButton = canvasElement.querySelector('#modal-open-button-two');
+        const closeButton = canvasElement.querySelector('#modal-close-button-two');
+        const modal = canvasElement.querySelector('#example-modal-two');
         if (openButton && modal) {
-            openButton.addEventListener("click", () => modal.open());
+            openButton.addEventListener('click', () => modal.open());
         }
         if (closeButton && modal) {
-            closeButton.addEventListener("click", () => modal.close());
+            closeButton.addEventListener('click', () => modal.close());
         }
     },
     parameters: {