@zanichelli/albe-web-components 14.5.1 → 14.5.2-rc-anchor-navigation

package/dist/collection/components/z-info-reveal/index.stories.js

@@ -0,0 +1,59 @@
+import { html } from "lit";
+import { ControlSize, InfoRevealPosition } from "../../beans";
+import { ICONS } from "../../constants/iconset";
+import "../z-button/index";
+import "./index";
+import "./index.stories.css";
+const StoryMeta = {
+    title: "ZInfoReveal",
+    component: "z-info-reveal",
+    argTypes: {
+        icon: {
+            control: {
+                type: "select",
+            },
+            options: Object.keys(ICONS).sort(),
+        },
+        size: {
+            control: {
+                type: "inline-radio",
+            },
+            options: Object.values(ControlSize),
+        },
+        position: {
+            options: Object.values(InfoRevealPosition),
+            control: {
+                type: "inline-radio",
+            },
+        },
+    },
+    parameters: {
+        layout: "centered",
+    },
+};
+export default StoryMeta;
+export const Default = {
+    args: {
+        label: "",
+        icon: "informationsource",
+        size: ControlSize.BIG,
+        position: InfoRevealPosition.TOP_RIGHT,
+    },
+    render: (args) => html `
+    <div class="z-info-reveal-story-wrapper">
+      <z-button .size=${args.size}>Button</z-button>
+      <z-info-reveal
+        .label=${args.label}
+        .icon=${args.icon}
+        .size=${args.size}
+        .position=${args.position}
+      >
+        <div>
+          Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quem enim ardorem studii censetis fuisse in
+          Archimede, qui dum in pulvere quaedam describit attentius, ne patriam quidem captam esse senserit?
+        </div>
+      </z-info-reveal>
+    </div>
+  `,
+};
+//# sourceMappingURL=index.stories.js.map

package/dist/collection/components/z-info-reveal/index.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.stories.js","sourceRoot":"","sources":["../../../../src/components/z-info-reveal/index.stories.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,IAAI,EAAC,MAAM,KAAK,CAAC;AAEzB,OAAO,EAAC,WAAW,EAAE,kBAAkB,EAAC,MAAM,aAAa,CAAC;AAC5D,OAAO,EAAC,KAAK,EAAC,MAAM,yBAAyB,CAAC;AAC9C,OAAO,mBAAmB,CAAC;AAC3B,OAAO,SAAS,CAAC;AACjB,OAAO,qBAAqB,CAAC;AAE7B,MAAM,SAAS,GAAG;IAChB,KAAK,EAAE,aAAa;IACpB,SAAS,EAAE,eAAe;IAC1B,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,OAAO,EAAE;gBACP,IAAI,EAAE,QAAQ;aACf;YACD,OAAO,EAAE,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,IAAI,EAAE;SACnC;QACD,IAAI,EAAE;YACJ,OAAO,EAAE;gBACP,IAAI,EAAE,cAAc;aACrB;YACD,OAAO,EAAE,MAAM,CAAC,MAAM,CAAC,WAAW,CAAC;SACpC;QACD,QAAQ,EAAE;YACR,OAAO,EAAE,MAAM,CAAC,MAAM,CAAC,kBAAkB,CAAC;YAC1C,OAAO,EAAE;gBACP,IAAI,EAAE,cAAc;aACrB;SACF;KACF;IACD,UAAU,EAAE;QACV,MAAM,EAAE,UAAU;KACnB;CAC0B,CAAC;AAE9B,eAAe,SAAS,CAAC;AAEzB,MAAM,CAAC,MAAM,OAAO,GAAG;IACrB,IAAI,EAAE;QACJ,KAAK,EAAE,EAAE;QACT,IAAI,EAAE,mBAAmB;QACzB,IAAI,EAAE,WAAW,CAAC,GAAG;QACrB,QAAQ,EAAE,kBAAkB,CAAC,SAAS;KACvC;IACD,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAA;;wBAEA,IAAI,CAAC,IAAI;;iBAEhB,IAAI,CAAC,KAAK;gBACX,IAAI,CAAC,IAAI;gBACT,IAAI,CAAC,IAAI;oBACL,IAAI,CAAC,QAAQ;;;;;;;;GAQ9B;CAC8B,CAAC","sourcesContent":["import {Meta, StoryObj} from \"@storybook/web-components\";\nimport {html} from \"lit\";\nimport {type ZInfoReveal} from \".\";\nimport {ControlSize, InfoRevealPosition} from \"../../beans\";\nimport {ICONS} from \"../../constants/iconset\";\nimport \"../z-button/index\";\nimport \"./index\";\nimport \"./index.stories.css\";\n\nconst StoryMeta = {\n  title: \"ZInfoReveal\",\n  component: \"z-info-reveal\",\n  argTypes: {\n    icon: {\n      control: {\n        type: \"select\",\n      },\n      options: Object.keys(ICONS).sort(),\n    },\n    size: {\n      control: {\n        type: \"inline-radio\",\n      },\n      options: Object.values(ControlSize),\n    },\n    position: {\n      options: Object.values(InfoRevealPosition),\n      control: {\n        type: \"inline-radio\",\n      },\n    },\n  },\n  parameters: {\n    layout: \"centered\",\n  },\n} satisfies Meta<ZInfoReveal>;\n\nexport default StoryMeta;\n\nexport const Default = {\n  args: {\n    label: \"\",\n    icon: \"informationsource\",\n    size: ControlSize.BIG,\n    position: InfoRevealPosition.TOP_RIGHT,\n  },\n  render: (args) => html`\n    <div class=\"z-info-reveal-story-wrapper\">\n      <z-button .size=${args.size}>Button</z-button>\n      <z-info-reveal\n        .label=${args.label}\n        .icon=${args.icon}\n        .size=${args.size}\n        .position=${args.position}\n      >\n        <div>\n          Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quem enim ardorem studii censetis fuisse in\n          Archimede, qui dum in pulvere quaedam describit attentius, ne patriam quidem captam esse senserit?\n        </div>\n      </z-info-reveal>\n    </div>\n  `,\n} satisfies StoryObj<ZInfoReveal>;\n"]}