@beterdichtbij/component-library 0.33.0 → 0.35.0

package/dist/components/atoms/BDPill/BDPill.vue.d.ts

@@ -0,0 +1,74 @@
+import type { PropType as __PropType } from 'vue';
+declare const _sfc_main: import("vue").DefineComponent<{
+    imgSrc: {
+        type: __PropType<string | undefined>;
+        required: false;
+        default: string;
+    };
+    uri: {
+        type: __PropType<string | undefined>;
+        required: false;
+        default: string;
+    };
+    uriDisplayName: {
+        type: __PropType<string | undefined>;
+        required: false;
+        default: string;
+    };
+    title: {
+        type: __PropType<string | undefined>;
+        required: false;
+        default: string;
+    };
+    subtitle: {
+        type: __PropType<string | undefined>;
+        required: false;
+        default: string;
+    };
+    showClose: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+        default: boolean;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "close"[], "close", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    imgSrc: {
+        type: __PropType<string | undefined>;
+        required: false;
+        default: string;
+    };
+    uri: {
+        type: __PropType<string | undefined>;
+        required: false;
+        default: string;
+    };
+    uriDisplayName: {
+        type: __PropType<string | undefined>;
+        required: false;
+        default: string;
+    };
+    title: {
+        type: __PropType<string | undefined>;
+        required: false;
+        default: string;
+    };
+    subtitle: {
+        type: __PropType<string | undefined>;
+        required: false;
+        default: string;
+    };
+    showClose: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+        default: boolean;
+    };
+}>> & {
+    onClose?: ((...args: any[]) => any) | undefined;
+}, {
+    title: string | undefined;
+    imgSrc: string | undefined;
+    uri: string | undefined;
+    uriDisplayName: string | undefined;
+    subtitle: string | undefined;
+    showClose: boolean | undefined;
+}, {}>;
+export default _sfc_main;

package/dist/components/atoms/BDPill/BDPill.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BDPill.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/BDPill/BDPill.vue"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,+FAA+F,CAAC;AACtH,cAAc,+FAA+F,CAAC;AAC9G,eAAe,SAAS,CAAC"}

package/dist/components/atoms/icons/IconComment.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
+export default _default;

package/dist/components/atoms/icons/IconComment.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconComment.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/icons/IconComment.vue"],"names":[],"mappings":";AAqBA,wBAA4E"}

package/dist/components/atoms/icons/index.d.ts

@@ -11,6 +11,7 @@ import IconCaretLeft from "./IconCaretLeft.vue";
 import IconCaretRight from "./IconCaretRight.vue";
 import IconCheck from "./IconCheck.vue";
 import IconClose from "./IconClose.vue";
+import IconComment from "./IconComment.vue";
 import IconDownloadImage from "./IconDownloadImage.vue";
 import IconEdit from "./IconEdit.vue";
 import IconError from "./IconError.vue";
@@ -32,4 +33,4 @@ import IconSortNone from "./IconSortNone.vue";
 import IconTriangleExclamation from "./IconTriangleExclamation.vue";
 import IconUnderline from "./IconUnderline.vue";
 import IconContactPerson from "./IconContactPerson.vue";
-export { IconAcademy, IconArrowDown, IconArrowUp, IconAttachment, IconBold, IconBulletList, IconCalendar, IconCardView, IconCaretDown, IconCaretLeft, IconCaretRight, IconCheck, IconClose, IconDownloadImage, IconEdit, IconError, IconEyeShow, IconEyeSlash, IconFile, IconHyperlink, IconInfo, IconItalic, IconListView, IconMenu, IconOrderedList, IconRemove, IconService, IconSort, IconSortAsc, IconSortDesc, IconSortNone, IconTriangleExclamation, IconUnderline, IconContactPerson };
+export { IconAcademy, IconArrowDown, IconArrowUp, IconAttachment, IconBold, IconBulletList, IconCalendar, IconCardView, IconCaretDown, IconCaretLeft, IconCaretRight, IconCheck, IconClose, IconComment, IconDownloadImage, IconEdit, IconError, IconEyeShow, IconEyeSlash, IconFile, IconHyperlink, IconInfo, IconItalic, IconListView, IconMenu, IconOrderedList, IconRemove, IconService, IconSort, IconSortAsc, IconSortDesc, IconSortNone, IconTriangleExclamation, IconUnderline, IconContactPerson };

package/dist/components/molecules/BDMarkdownEditor/BDMarkdownEditor.vue.d.ts

@@ -25,6 +25,11 @@ declare const _sfc_main: import("vue").DefineComponent<{
         required: false;
         default: undefined;
     };
+    pills: {
+        type: __PropType<Object[] | undefined>;
+        required: false;
+        default: undefined;
+    };
     modelValue: {
         type: __PropType<string>;
         required: true;
@@ -55,6 +60,11 @@ declare const _sfc_main: import("vue").DefineComponent<{
         required: false;
         default: undefined;
     };
+    pills: {
+        type: __PropType<Object[] | undefined>;
+        required: false;
+        default: undefined;
+    };
     modelValue: {
         type: __PropType<string>;
         required: true;
@@ -65,6 +75,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
     onUpload?: ((...args: any[]) => any) | undefined;
 }, {
     files: import("../../../types/ApiAttachment").ApiAttachment[] | undefined;
+    pills: Object[] | undefined;
     variant: import('../../../types/tiptapVariants').TiptapVariants;
     placeholder: string | undefined;
     state: boolean | null | undefined;

package/dist/components/organisms/BDModal/BDModal.vue.d.ts

@@ -5,6 +5,11 @@ declare const _sfc_main: import("vue").DefineComponent<{
         required: false;
         default: string;
     };
+    titleImage: {
+        type: __PropType<string | undefined>;
+        required: false;
+        default: string;
+    };
     submitButtonTitle: {
         type: __PropType<string | undefined>;
         required: false;
@@ -41,6 +46,11 @@ declare const _sfc_main: import("vue").DefineComponent<{
         required: false;
         default: string;
     };
+    titleImage: {
+        type: __PropType<string | undefined>;
+        required: false;
+        default: string;
+    };
     submitButtonTitle: {
         type: __PropType<string | undefined>;
         required: false;
@@ -76,6 +86,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
     onCancel?: ((...args: any[]) => any) | undefined;
 }, {
     title: string | undefined;
+    titleImage: string | undefined;
     submitButtonTitle: string | undefined;
     closeButtonTitle: string | undefined;
     hideFooterCancelButton: boolean;

package/dist/index.d.ts

@@ -1,7 +1,7 @@
 import BDCol from "./layout/BDCol.vue";
 import BDContainer from "./layout/BDContainer.vue";
 import BDRow from "./layout/BDRow.vue";
-import { IconAcademy, IconArrowDown, IconArrowUp, IconAttachment, IconBold, IconBulletList, IconCaretDown, IconCaretLeft, IconCaretRight, IconCheck, IconClose, IconError, IconFile, IconHyperlink, IconInfo, IconItalic, IconOrderedList, IconRemove, IconUnderline, IconCalendar, IconDownloadImage, IconMenu, IconEdit, IconCardView, IconListView, IconEyeShow, IconEyeSlash, IconService, IconSort, IconSortAsc, IconSortDesc, IconSortNone, IconTriangleExclamation, IconContactPerson } from "./components/atoms/icons/index";
+import { IconAcademy, IconArrowDown, IconArrowUp, IconAttachment, IconBold, IconBulletList, IconCaretDown, IconCaretLeft, IconCaretRight, IconCheck, IconClose, IconComment, IconError, IconFile, IconHyperlink, IconInfo, IconItalic, IconOrderedList, IconRemove, IconUnderline, IconCalendar, IconDownloadImage, IconMenu, IconEdit, IconCardView, IconListView, IconEyeShow, IconEyeSlash, IconService, IconSort, IconSortAsc, IconSortDesc, IconSortNone, IconTriangleExclamation, IconContactPerson } from "./components/atoms/icons/index";
 import BDButton from "./components/atoms/BDButton/BDButton.vue";
 import BDLogo from "./components/atoms/BDLogo/BDLogo.vue";
 import BDLink from "./components/atoms/BDLink/BDLink.vue";
@@ -20,6 +20,7 @@ import BDFormSelect from "./components/atoms/BDFormSelect/BDFormSelect.vue";
 import BDFormCheckbox from "./components/atoms/BDFormCheckbox/BDFormCheckbox.vue";
 import BDArticle from "./components/atoms/BDArticle/BDArticle.vue";
 import BDToast from "./components/atoms/BDToast/BDToast.vue";
+import BDPill from "./components/atoms/BDPill/BDPill.vue";
 import BDDropdownItem from "./components/molecules/BDDropdownItem/BDDropdownItem.vue";
 import BDDropzone from "./components/molecules/BDDropzone/BDDropzone.vue";
 import BDMarkdownEditor from "./components/molecules/BDMarkdownEditor/BDMarkdownEditor.vue";
@@ -41,4 +42,4 @@ import { vBdTooltip } from "./directives/BDTooltip";
 import { type ChangePasswordData } from './types/ChangePasswordData';
 import { type ValidationChangePasswordData } from './types/ValidationChangePasswordData';
 import { getDisplayDate } from "./utils/display-date";
-export { BDChatCloud, BDCol, BDContainer, BDRow, BDButton, BDLogo, BDLink, BDDropdownItem, BDDropdown, BDAlert, BDProfileImage, BDZoomslider, BDCard, BDChangePasswordTemplate, BDCollapsableCard, BDModal, BDFormInput, BDFormInvalidFeedback, BDInputGroup, BDBadge, BDForm, BDPagination, BDDropzone, BDMarkdownEditor, BDFormSelect, BDFormCheckbox, BDArticle, BDUser, BDToast, BDAttachmentPreviewList, BDImageAttachmentPreviewList, BDHeader, BDMobileMenu, BDTable, IconAcademy, IconArrowDown, IconArrowUp, IconAttachment, IconBold, IconBulletList, IconCalendar, IconCardView, IconCaretDown, IconCaretLeft, IconCaretRight, IconCheck, IconClose, IconDownloadImage, IconEdit, IconError, IconEyeShow, IconEyeSlash, IconFile, IconHyperlink, IconInfo, IconItalic, IconListView, IconMenu, IconOrderedList, IconRemove, IconService, IconSort, IconSortAsc, IconSortDesc, IconSortNone, IconTriangleExclamation, IconUnderline, IconContactPerson, ChangePasswordData, ValidationChangePasswordData, useModal, useServerErrors, useToaster, useValidation, vBdTooltip, getDisplayDate, };
+export { BDChatCloud, BDCol, BDContainer, BDRow, BDButton, BDLogo, BDLink, BDDropdownItem, BDDropdown, BDAlert, BDProfileImage, BDZoomslider, BDCard, BDChangePasswordTemplate, BDCollapsableCard, BDModal, BDFormInput, BDFormInvalidFeedback, BDInputGroup, BDBadge, BDForm, BDPagination, BDDropzone, BDMarkdownEditor, BDFormSelect, BDFormCheckbox, BDArticle, BDUser, BDToast, BDAttachmentPreviewList, BDImageAttachmentPreviewList, BDHeader, BDMobileMenu, BDTable, BDPill, IconAcademy, IconArrowDown, IconArrowUp, IconAttachment, IconBold, IconBulletList, IconCalendar, IconCardView, IconCaretDown, IconCaretLeft, IconCaretRight, IconCheck, IconClose, IconComment, IconDownloadImage, IconEdit, IconError, IconEyeShow, IconEyeSlash, IconFile, IconHyperlink, IconInfo, IconItalic, IconListView, IconMenu, IconOrderedList, IconRemove, IconService, IconSort, IconSortAsc, IconSortDesc, IconSortNone, IconTriangleExclamation, IconUnderline, IconContactPerson, ChangePasswordData, ValidationChangePasswordData, useModal, useServerErrors, useToaster, useValidation, vBdTooltip, getDisplayDate, };

package/dist/interfaces/BDMarkdownEditorProps.d.ts

@@ -7,4 +7,5 @@ export interface BDMarkdownEditorProps extends ModelValueString {
     state?: boolean | null;
     variant: TiptapVariants;
     files?: ApiAttachment[];
+    pills?: Object[];
 }

package/dist/interfaces/BDModalProps.d.ts

@@ -1,5 +1,6 @@
 export interface BDModalProps {
     title?: string;
+    titleImage?: string;
     submitButtonTitle?: string;
     closeButtonTitle?: string;
     hideFooterCancelButton: boolean;

package/dist/interfaces/BDPillProps.d.ts

@@ -0,0 +1,8 @@
+export interface BDPillProps {
+    imgSrc?: string;
+    uri?: string;
+    uriDisplayName?: string;
+    title?: string;
+    subtitle?: string;
+    showClose?: boolean;
+}

package/dist/scss/_modal.scss

@@ -133,6 +133,11 @@
         margin-top: 20px;
         line-height:normal;
       }
+
+      .title-image {
+        height: 31px;
+        margin-right: 10px;
+      }
     }
   }
 }

package/dist/scss/_pill.scss

@@ -0,0 +1,89 @@
+.pills-list {
+    &__wrapper {
+        margin-bottom: 20px;
+
+        .bd-chat-cloud-card__footer &{
+            margin-bottom: 0px;
+        }
+
+    }
+
+    &__ul {
+        display: flex;
+        justify-content: flex-start;
+        flex-flow: wrap;
+        list-style: none;
+        gap: 8px;
+        padding: 5px 0px;
+        
+        .bd-chat-cloud-card__footer &{
+            padding: 0px;
+        }
+    }
+
+    &__li {
+        max-width: 300px;
+        overflow: auto;
+        margin: 5px 5px 0px 0px;
+    }
+}
+
+.bd-pill {
+    display: flex;
+    height: 72px;
+    width: auto;
+    background: #f0f7ff;
+    border-radius: 8px;
+    border: 1px solid #d9ecff;
+    overflow: hidden;
+    position: relative;
+
+    &__logo {
+        height: inherit;
+        padding: 16px;
+        margin: 0px;
+        border-right: 1px solid #d9ecff;
+    }
+
+    &__description {
+        padding: 8px 16px;
+        display: flex;
+        flex-direction: column;
+        overflow: hidden;
+    }
+
+    &__link {
+        font-size: 12px;
+        line-height: 14px;
+        text-decoration: none;
+        svg.icon {
+            fill: $blue;
+            display: inline-block;
+            position: relative;
+        }
+        &:hover {
+            text-decoration: underline;
+        }
+
+    }
+
+    &__title {
+        font-size: 18px;
+        line-height: 23px;
+        font-weight: 700;
+        overflow: hidden;
+        white-space: nowrap;
+        text-overflow: ellipsis; 
+    }
+
+    &__subtitle {
+        font-size: 13px;
+        line-height: 15px;
+        font-weight: 400;
+
+        color: hsla(221, 13%, 48%, 1);
+        overflow: hidden;
+        white-space: nowrap;
+        text-overflow: ellipsis;
+    }    
+}

package/dist/scss/component-library-styling.scss

@@ -25,4 +25,5 @@
 @import "chatcloud";
 @import "table";
 @import "table-sort-header";
-@import "templates";
+@import "templates";
+@import "pill";

package/package.json

@@ -1,7 +1,7 @@
 {
     "name": "@beterdichtbij/component-library",
     "private": false,
-    "version": "0.33.0",
+    "version": "0.35.0",
     "type": "module",
     "files": [
         "dist"