@zap-wunschlachen/wl-shared-components 1.0.15 → 1.0.17

package/src/stories/v-icon.stories.ts

@@ -1,91 +1,91 @@
-import { Meta, StoryObj } from '@storybook/vue3';
-import { VIcon } from 'vuetify/components'; // Vuetify v-icon component
-
-// Custom Icons Setup
-const customIcons = [
-  'heroicons:outline',
-  'heroicons:outline-checked',
-  'heroicons:calendar',
-  'heroicons:calendar-notification',
-  'heroicons:chair',
-  'heroicons:chair-notification',
-  'heroicons:group3',
-  'heroicons:ring-notification',
-  'heroicons:fav-icon',
-];
-
-// Meta configuration for the VIcon component
-const meta: Meta<typeof VIcon> = {
-  title: 'WL/VIcon',
-  component: VIcon,
-  tags: ['autodocs'],
-  argTypes: {
-    icon: { control: 'text' }, // Free text input for entering any icon name
-    color: { control: 'color' },
-    size: { control: 'text' },
-  },
-  args: {
-    icon: 'heroicons:calendar', // Default icon (can be any valid icon name)
-    color: '#000000', // Default color
-    size: '24', // Default size
-  },
-};
-
-export default meta;
-type Story = StoryObj<typeof meta>;
-
-// Define a common render template
-const Template: Story = {
-  render: (args) => ({
-    components: { VIcon },
-    setup() {
-      return { args };
-    },
-    template: `<div style="padding: 16px;">
-        <v-icon v-bind="args" />
-      </div>`,
-  }),
-};
-
-// Custom Icons Story with dropdown options
-export const CustomIcons: Story = {
-  render: (args) => ({
-    components: { VIcon },
-    setup() {
-      return { args, customIcons };
-    },
-    template: `<div style="padding: 16px;">
-        <v-icon :icon="customIcons[args.icon]" v-bind="args" />
-      </div>`,
-  }),
-  argTypes: {
-    icon: {
-      control: 'select',
-      options: customIcons, // Dropdown with custom icon options
-    },
-    size: { control: 'text' },
-  },
-  args: {
-    icon: 'RingNotification',
-    size: '24',
-  },
-};
-
-// Define different stories using the common template
-export const Default: Story = { ...Template, args: {} };
-
-export const CustomColoredIcon: Story = {
-  ...Template,
-  args: {
-    icon: 'heroicons:calendar',
-    color: '#FF0000',
-  },
-};
-
-export const LargeIcon: Story = {
-  ...Template,
-  args: {
-    icon: 'heroicons:calendar',
-    size: '48',
-  },
-};
+import { Meta, StoryObj } from '@storybook/vue3';
+import { VIcon } from 'vuetify/components'; // Vuetify v-icon component
+
+// Custom Icons Setup
+const customIcons = [
+  'heroicons:outline',
+  'heroicons:outline-checked',
+  'heroicons:calendar',
+  'heroicons:calendar-notification',
+  'heroicons:chair',
+  'heroicons:chair-notification',
+  'heroicons:group3',
+  'heroicons:ring-notification',
+  'heroicons:fav-icon',
+];
+
+// Meta configuration for the VIcon component
+const meta: Meta<typeof VIcon> = {
+  title: 'WL/VIcon',
+  component: VIcon,
+  tags: ['autodocs'],
+  argTypes: {
+    icon: { control: 'text' }, // Free text input for entering any icon name
+    color: { control: 'color' },
+    size: { control: 'text' },
+  },
+  args: {
+    icon: 'heroicons:calendar', // Default icon (can be any valid icon name)
+    color: '#000000', // Default color
+    size: '24', // Default size
+  },
+};
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+// Define a common render template
+const Template: Story = {
+  render: (args) => ({
+    components: { VIcon },
+    setup() {
+      return { args };
+    },
+    template: `<div style="padding: 16px;">
+        <v-icon v-bind="args" />
+      </div>`,
+  }),
+};
+
+// Custom Icons Story with dropdown options
+export const CustomIcons: Story = {
+  render: (args) => ({
+    components: { VIcon },
+    setup() {
+      return { args, customIcons };
+    },
+    template: `<div style="padding: 16px;">
+        <v-icon :icon="customIcons[args.icon]" v-bind="args" />
+      </div>`,
+  }),
+  argTypes: {
+    icon: {
+      control: 'select',
+      options: customIcons, // Dropdown with custom icon options
+    },
+    size: { control: 'text' },
+  },
+  args: {
+    icon: 'RingNotification',
+    size: '24',
+  },
+};
+
+// Define different stories using the common template
+export const Default: Story = { ...Template, args: {} };
+
+export const CustomColoredIcon: Story = {
+  ...Template,
+  args: {
+    icon: 'heroicons:calendar',
+    color: '#FF0000',
+  },
+};
+
+export const LargeIcon: Story = {
+  ...Template,
+  args: {
+    icon: 'heroicons:calendar',
+    size: '48',
+  },
+};

package/src/types/index.ts

@@ -12,6 +12,7 @@ export interface AppointmentData {
     treatment_id?: string;
     patientName?: string;
     district?: string;
+    for_patient?: boolean;
 }
 
 export interface Dentist {

package/src/utils/index.ts

@@ -1,101 +1,101 @@
-import { ref } from "vue";
-
-const appointmentTypes = [
-  {
-    id: 0,
-    icon: 'simple',
-    title: 'Simple',
-    content: '1 Patient <br>1 Behandler <br>1 Behandlungen',
-    description: 'Hier steht Text zu der Termin option die ungefähr so lang ist.',
-    additionalClass: "hidden"
-  },
-  {
-    id: 1,
-    icon: 'multitermin',
-    title: 'Multitermin',
-    content: '1 Patient <br>1 Behandler <br>2 Behandlungen',
-    description: 'Hier steht Text zu der Termin option die ungefähr so lang ist.',
-    additionalClass: ""
-  },
-  {
-    id: 2,
-    icon: 'supervision',
-    title: 'Supervision',
-    content: '1 Patient <br>2 Behandler <br> 1 Behandlungen',
-    description: 'Hier steht Text zu der Termin option die ungefähr so lang ist.',
-    additionalClass: ""
-  },
-  {
-    id: 3,
-    icon: 'doppeltermin',
-    title: 'Doppeltermin',
-    content: '2 Patienten <br> 1 Behandler <br> 1 Behandlungen',
-    description: 'Hier steht Text zu der Termin option die ungefähr so lang ist.',
-    additionalClass: ""
-  },
-  {
-    id: 4,
-    icon: 'kombitermin',
-    title: 'Kombitermin',
-    content: '1 Patient <br> 2 Behandler <br> 2 Behandlungen',
-    description: 'Hier steht Text zu der Termin option die ungefähr so lang ist.',
-    additionalClass: ""
-  },
-];
-
-const getDomainName = () => {
-  const host = window.location.hostname;
-  const m = host.match(/([^.]+)\.app/);
-  return m?.[1] ?? null;
-}
-
-const generateDynamicDomain = () => {
-  const protocol = window.location.protocol; // e.g., "http:"
-  const host = window.location.host; // e.g., "localhost:3000"
-  return `${protocol}//${host}`; // Combine protocol and host
-};
-
-const domain: any = ref(null);
-const currentDomain = generateDynamicDomain().toLowerCase();
-
-if (currentDomain.includes("white-cocoon")) {
-  domain.value = "domain-cocoon";
-} else {
-  domain.value = "domain-dental";
-}
-
-let siteColors: any = {
-  "border-color": "border-[var(--dental-blue-0)]",
-  font_color: "!text-[var(--dental-blue-0)]",
-  btn_bg: "bg-[var(--dental-blue-0)]",
-  "border-b": "border-b-[var(--dental-blue-0)]",
-  font_color_code: "#172774",
-  "slot-bg": "bg-[var(--dental-light-blue-0)]",
-  bg_0: "bg-[var(--dental-light-blue-3)]",
-  button_rounded: "lg",
-  "divider-color": "divide-[var(--dental-blue-0)]",
-  domain: domain.value,
-};
-
-if (domain.value === "domain-cocoon") {
-  siteColors = {
-    font_color: "!text-[var(--night-nude-0)]",
-    font_color_code: "#A1978F",
-    "border-b": "border-b-[var(--night-nude-0)]",
-    bg_0: "bg-[var(--light-nude-3)]",
-    font_family: "font-['arial']",
-    btn_bg: "bg-[var(--dark-nude-0)]",
-    "border-color": "border-[var(--night-nude-0)]",
-    "slot-bg": "bg-[#DCE7F7]",
-    "slot-text": "text-[#4E5257]",
-    "divider-color": "divide-[var(--night-nude-0)]",
-    button_rounded: "0",
-    domain: domain.value,
-  };
-}
-
-export {
-  siteColors,
-  getDomainName,
-  appointmentTypes
+import { ref } from "vue";
+
+const appointmentTypes = [
+  {
+    id: 0,
+    icon: 'simple',
+    title: 'Simple',
+    content: '1 Patient <br>1 Behandler <br>1 Behandlungen',
+    description: 'Hier steht Text zu der Termin option die ungefähr so lang ist.',
+    additionalClass: "hidden"
+  },
+  {
+    id: 1,
+    icon: 'multitermin',
+    title: 'Multitermin',
+    content: '1 Patient <br>1 Behandler <br>2 Behandlungen',
+    description: 'Hier steht Text zu der Termin option die ungefähr so lang ist.',
+    additionalClass: ""
+  },
+  {
+    id: 2,
+    icon: 'supervision',
+    title: 'Supervision',
+    content: '1 Patient <br>2 Behandler <br> 1 Behandlungen',
+    description: 'Hier steht Text zu der Termin option die ungefähr so lang ist.',
+    additionalClass: ""
+  },
+  {
+    id: 3,
+    icon: 'doppeltermin',
+    title: 'Doppeltermin',
+    content: '2 Patienten <br> 1 Behandler <br> 1 Behandlungen',
+    description: 'Hier steht Text zu der Termin option die ungefähr so lang ist.',
+    additionalClass: ""
+  },
+  {
+    id: 4,
+    icon: 'kombitermin',
+    title: 'Kombitermin',
+    content: '1 Patient <br> 2 Behandler <br> 2 Behandlungen',
+    description: 'Hier steht Text zu der Termin option die ungefähr so lang ist.',
+    additionalClass: ""
+  },
+];
+
+const getDomainName = () => {
+  const host = window.location.hostname;
+  const m = host.match(/([^.]+)\.app/);
+  return m?.[1] ?? null;
+}
+
+const generateDynamicDomain = () => {
+  const protocol = window.location.protocol; // e.g., "http:"
+  const host = window.location.host; // e.g., "localhost:3000"
+  return `${protocol}//${host}`; // Combine protocol and host
+};
+
+const domain: any = ref(null);
+const currentDomain = generateDynamicDomain().toLowerCase();
+
+if (currentDomain.includes("white-cocoon")) {
+  domain.value = "domain-cocoon";
+} else {
+  domain.value = "domain-dental";
+}
+
+let siteColors: any = {
+  "border-color": "border-[var(--dental-blue-0)]",
+  font_color: "!text-[var(--dental-blue-0)]",
+  btn_bg: "bg-[var(--dental-blue-0)]",
+  "border-b": "border-b-[var(--dental-blue-0)]",
+  font_color_code: "#172774",
+  "slot-bg": "bg-[var(--dental-light-blue-0)]",
+  bg_0: "bg-[var(--dental-light-blue-3)]",
+  button_rounded: "lg",
+  "divider-color": "divide-[var(--dental-blue-0)]",
+  domain: domain.value,
+};
+
+if (domain.value === "domain-cocoon") {
+  siteColors = {
+    font_color: "!text-[var(--night-nude-0)]",
+    font_color_code: "#A1978F",
+    "border-b": "border-b-[var(--night-nude-0)]",
+    bg_0: "bg-[var(--light-nude-3)]",
+    font_family: "font-['arial']",
+    btn_bg: "bg-[var(--dark-nude-0)]",
+    "border-color": "border-[var(--night-nude-0)]",
+    "slot-bg": "bg-[#DCE7F7]",
+    "slot-text": "text-[#4E5257]",
+    "divider-color": "divide-[var(--night-nude-0)]",
+    button_rounded: "0",
+    domain: domain.value,
+  };
+}
+
+export {
+  siteColors,
+  getDomainName,
+  appointmentTypes
 };

package/src/vite-env.d.ts

@@ -1 +1 @@
-/// <reference types="vite/client" />
+/// <reference types="vite/client" />