@dpa-id-components/dpa-shared-components 8.9.0 → 8.9.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -0,0 +1,22 @@
1
+ import UseBreakpoints from "./UseBreakpoints.vue";
2
+ import type { Meta, StoryObj } from "@storybook/vue3";
3
+
4
+ const meta = {
5
+ title: "tailwind/UseBreakpoints.ts",
6
+ component: UseBreakpoints,
7
+ argTypes: {},
8
+ parameters: {},
9
+ } satisfies Meta<typeof UseBreakpoints>;
10
+
11
+ export default meta;
12
+ type Story = StoryObj<typeof meta>;
13
+
14
+ export const Default: Story = {
15
+ render: (args: any) => ({
16
+ setup() {
17
+ return { args };
18
+ },
19
+ components: { UseBreakpoints },
20
+ template: `<div><UseBreakpoints /></div>`,
21
+ }),
22
+ };
@@ -0,0 +1,12 @@
1
+ <template>
2
+ <UiButton v-if="lg">Button for LG</UiButton>
3
+ <UiIconButton v-else icon-name="emoji" />
4
+ </template>
5
+
6
+ <script setup lang="ts">
7
+ import useBreakpoints from "./useBreakpoints";
8
+ import UiIconButton from "@/components/UiIconButton/UiIconButton.vue";
9
+ import UiButton from "@/components/UiButton/UiButton.vue";
10
+
11
+ const { lg } = useBreakpoints();
12
+ </script>
@@ -0,0 +1,22 @@
1
+ import UseTailwindBreakpoints from "./UseTailwindBreakpoints.vue";
2
+ import type { Meta, StoryObj } from "@storybook/vue3";
3
+
4
+ const meta = {
5
+ title: "tailwind/useTailwindBreakpoints.ts",
6
+ component: UseTailwindBreakpoints,
7
+ argTypes: {},
8
+ parameters: {},
9
+ } satisfies Meta<typeof UseTailwindBreakpoints>;
10
+
11
+ export default meta;
12
+ type Story = StoryObj<typeof meta>;
13
+
14
+ export const Default: Story = {
15
+ render: (args: any) => ({
16
+ setup() {
17
+ return { args };
18
+ },
19
+ components: { UseTailwindBreakpoints },
20
+ template: `<div><UseTailwindBreakpoints /></div>`,
21
+ }),
22
+ };
@@ -0,0 +1,13 @@
1
+ <template>
2
+ <UiButton v-if="lg">Button for LG</UiButton>
3
+ <UiIconButton v-else icon-name="emoji" />
4
+ </template>
5
+
6
+ <script setup lang="ts">
7
+ import useTailwindBreakpoints from "./useTailwindBreakpoints";
8
+ import UiIconButton from "@/components/UiIconButton/UiIconButton.vue";
9
+ import UiButton from "@/components/UiButton/UiButton.vue";
10
+
11
+ const { lg } = useTailwindBreakpoints();
12
+ </script>
13
+ ./useBreakpoints
@@ -0,0 +1,19 @@
1
+ import { openBlock as e, createElementBlock as o, createElementVNode as t } from "vue";
2
+ const n = {
3
+ viewBox: "0 0 16 16",
4
+ xmlns: "http://www.w3.org/2000/svg"
5
+ }, l = /* @__PURE__ */ t("path", {
6
+ "fill-rule": "evenodd",
7
+ "clip-rule": "evenodd",
8
+ d: "M12 6.66671C12.3687 6.66671 12.6667 6.96537 12.6667 7.33337C12.6667 9.68004 10.9247 11.6214 8.66668 11.9467V13.4708C8.66668 13.839 8.3682 14.1375 8.00001 14.1375C7.63182 14.1375 7.33334 13.839 7.33334 13.4708V11.9467C5.07534 11.6214 3.33334 9.68004 3.33334 7.33337C3.33334 6.96537 3.63134 6.66671 4.00001 6.66671C4.36868 6.66671 4.66668 6.96537 4.66668 7.33337C4.66668 9.17137 6.16201 10.6667 8.00001 10.6667C9.83801 10.6667 11.3333 9.17137 11.3333 7.33337C11.3333 6.96537 11.6313 6.66671 12 6.66671ZM10.1667 7.33337C10.1667 8.5279 9.19453 9.50004 8.00001 9.50004C6.80549 9.50004 5.83334 8.5279 5.83334 7.33337V5.00004C5.83334 3.80552 6.80549 2.83337 8.00001 2.83337C9.19453 2.83337 10.1667 3.80552 10.1667 5.00004V7.33337Z"
9
+ }, null, -1), r = [
10
+ l
11
+ ];
12
+ function C(c, d) {
13
+ return e(), o("svg", n, r);
14
+ }
15
+ const i = { render: C };
16
+ export {
17
+ i as default,
18
+ C as render
19
+ };
@@ -0,0 +1,19 @@
1
+ import { openBlock as e, createElementBlock as t, createElementVNode as o } from "vue";
2
+ const r = {
3
+ viewBox: "0 0 24 24",
4
+ xmlns: "http://www.w3.org/2000/svg"
5
+ }, n = /* @__PURE__ */ o("path", {
6
+ d: "M16.3065 18.7205L18 20.3505L18 18L18 5C18 3.89543 17.1046 3 16 3L8 3C6.89543 3 6 3.89543 6 5L6 18L6 20.3505L7.69347 18.7205L12 14.5754L16.3065 18.7205Z",
7
+ stroke: "#212121",
8
+ "stroke-width": "2"
9
+ }, null, -1), s = [
10
+ n
11
+ ];
12
+ function c(d, L) {
13
+ return e(), t("svg", r, s);
14
+ }
15
+ const _ = { render: c };
16
+ export {
17
+ _ as default,
18
+ c as render
19
+ };
@@ -0,0 +1,18 @@
1
+ import { openBlock as e, createElementBlock as t, createElementVNode as o } from "vue";
2
+ const n = {
3
+ viewBox: "0 0 24 24",
4
+ xmlns: "http://www.w3.org/2000/svg"
5
+ }, r = /* @__PURE__ */ o("path", {
6
+ d: "M16.3065 18.7205L18 20.3505L18 18L18 5C18 3.89543 17.1046 3 16 3L8 3C6.89543 3 6 3.89543 6 5L6 18L6 20.3505L7.69347 18.7205L12 14.5754L16.3065 18.7205Z",
7
+ "stroke-width": "2"
8
+ }, null, -1), c = [
9
+ r
10
+ ];
11
+ function s(d, L) {
12
+ return e(), t("svg", n, c);
13
+ }
14
+ const _ = { render: s };
15
+ export {
16
+ _ as default,
17
+ s as render
18
+ };
@@ -0,0 +1,18 @@
1
+ import { openBlock as e, createElementBlock as t, createElementVNode as o } from "vue";
2
+ const n = {
3
+ viewBox: "0 0 24 24",
4
+ xmlns: "http://www.w3.org/2000/svg"
5
+ }, r = /* @__PURE__ */ o("path", {
6
+ d: "M15.7954 17.7096L17.5 19.4024L17.5 17L17.5 5C17.5 3.89543 16.6046 3 15.5 3L8.5 3C7.39543 3 6.5 3.89543 6.5 5L6.5 17L6.5 19.4024L8.20464 17.7096L12 13.9406L15.7954 17.7096Z",
7
+ "stroke-width": "2"
8
+ }, null, -1), c = [
9
+ r
10
+ ];
11
+ function s(l, d) {
12
+ return e(), t("svg", n, c);
13
+ }
14
+ const i = { render: s };
15
+ export {
16
+ i as default,
17
+ s as render
18
+ };
@@ -0,0 +1,19 @@
1
+ import { openBlock as e, createElementBlock as t, createElementVNode as o } from "vue";
2
+ const r = {
3
+ viewBox: "0 0 24 24",
4
+ xmlns: "http://www.w3.org/2000/svg"
5
+ }, n = /* @__PURE__ */ o("path", {
6
+ d: "M15.7954 17.7096L17.5 19.4024L17.5 17L17.5 5C17.5 3.89543 16.6046 3 15.5 3L8.5 3C7.39543 3 6.5 3.89543 6.5 5L6.5 17L6.5 19.4024L8.20464 17.7096L12 13.9406L15.7954 17.7096Z",
7
+ stroke: "#212121",
8
+ "stroke-width": "2"
9
+ }, null, -1), s = [
10
+ n
11
+ ];
12
+ function c(l, d) {
13
+ return e(), t("svg", r, s);
14
+ }
15
+ const i = { render: c };
16
+ export {
17
+ i as default,
18
+ c as render
19
+ };
@@ -9,11 +9,13 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
9
9
  };
10
10
  comments?: string | null | undefined;
11
11
  truncateTitle?: boolean | undefined;
12
+ topEntry?: boolean | undefined;
12
13
  }>, {
13
14
  dateDetail: string;
14
15
  location: null;
15
16
  comments: null;
16
17
  truncateTitle: boolean;
18
+ topEntry: boolean;
17
19
  }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
18
20
  date: string;
19
21
  dateDetail?: string | undefined;
@@ -25,15 +27,18 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
25
27
  };
26
28
  comments?: string | null | undefined;
27
29
  truncateTitle?: boolean | undefined;
30
+ topEntry?: boolean | undefined;
28
31
  }>, {
29
32
  dateDetail: string;
30
33
  location: null;
31
34
  comments: null;
32
35
  truncateTitle: boolean;
36
+ topEntry: boolean;
33
37
  }>>>, {
34
38
  dateDetail: string;
35
39
  location: string | null;
36
40
  comments: string | null;
41
+ topEntry: boolean;
37
42
  truncateTitle: boolean;
38
43
  }, {}>, {
39
44
  actions?(_: {}): any;
@@ -269,9 +269,9 @@ declare const _sfc_main: import("vue").DefineComponent<{
269
269
  firstAvailableDate: number | undefined;
270
270
  maxDate: Date | undefined;
271
271
  autoRange: number | null;
272
- inputLabel: string | undefined;
273
272
  showMultiCalendars: boolean | undefined;
274
273
  independentMultiCalendars: boolean | undefined;
274
+ inputLabel: string | undefined;
275
275
  mobileOverlayHeadline: string | undefined;
276
276
  overlayHeadline: string | undefined;
277
277
  hasHeader: boolean | undefined;