@beterdichtbij/component-library 0.66.0-beta.1 → 0.66.0

package/dist/scss/_content-library-card.scss

@@ -1,159 +1,159 @@
-.content-library-card {
-  min-height: 190px;
-  background-color: #fff;
-  box-shadow: 0 0 1px #abb0be;
-  padding: 20px;
-  border-radius: 5px;
-  display: flex;
-
-  flex-direction: column;
-  justify-content: space-evenly;
-
-  header {
-    h6 {
-      display: -webkit-box;
-      display: -moz-box;
-      overflow: hidden;
-      -webkit-line-clamp: 2;
-      line-clamp: 2;
-      -webkit-box-orient: vertical;
-    }
-
-    small {
-      font-size: 14px;
-      line-height: 1.3125rem;
-      display: block;
-      max-height: 1.3125rem;
-      overflow: hidden;
-      white-space: nowrap;
-      text-overflow: ellipsis;
-    }
-  }
-
-  &__body {
-    padding-top: 12px;
-    flex: 1;
-
-    p {
-      min-height: 1rem;
-    }
-    p:last-of-type {
-        margin-bottom: 0px;
-    }
-  }
-
-  &__description {
-    display: -webkit-box;
-    display: -moz-box;
-    max-height: 2.75rem;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    -webkit-line-clamp: 2;
-    /* number of lines to show */
-    line-clamp: 2;
-    -webkit-box-orient: vertical;
-  }
-
-  &__uri {
-    font-size: 1rem;
-    display: flex;
-    align-items: baseline;
-
-    .filler {
-      width: 6px;
-    }
-  }
-
-   .btn-icon {
-      height: 40px;
-      width: 40px;
-
-      svg {
-        fill: hsla(224, 21%, 38%, 1);
-        stroke: revert;
-
-        &.icon-info-circle {
-          fill: transparent;
-          stroke: hsla(224, 21%, 38%, 1);
-        }
-
-        &.icon-external {
-          transform: translateY(1px);
-        }
-      }
-
-      &:hover {
-        background: hsla(221, 13%, 95%, 1);
-        border-radius: 8px;
-      }
-    }  
-
-  .btn-insert {
-    padding: 2px 5px;
-  }
-
-  footer {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-
-    .btn-icon {
-      height: 40px;
-      width: 40px;
-
-      svg {
-        fill: hsla(224, 21%, 38%, 1);
-        stroke: revert; 
-
-        &.icon-external {
-          transform: translateY(1px);
-        }
-      }
-
-      &:hover {
-        background: hsla(221, 13%, 95%, 1);
-        border-radius: 8px;
-      }
-    }
-  }
-
-  &-title {
-    //because of IE the value can't be set to revert
-    min-height: revert;
-    height: 164px;
-
-    
-    justify-content: space-between;
-  }
-
-  &-image {
-    min-height: revert;
-    height: 184px;
-    justify-content: space-between;
-
-   
-
-    header {
-      display: flex;
-      justify-content: space-between;
-      gap: 16px;
-
-      h6 {
-        max-height: 4.5rem;
-        line-clamp: 3;
-        -webkit-line-clamp: 3;
-      }
-    }
-
-    &__titles {
-      overflow: hidden;
-    }
-
-    &__figure {
-      height: 100px;
-      width: 100px;
-      object-fit: cover;
-    }
-  }
-
+.content-library-card {
+  min-height: 190px;
+  background-color: #fff;
+  box-shadow: 0 0 1px #abb0be;
+  padding: 20px;
+  border-radius: 5px;
+  display: flex;
+
+  flex-direction: column;
+  justify-content: space-evenly;
+
+  header {
+    h6 {
+      display: -webkit-box;
+      display: -moz-box;
+      overflow: hidden;
+      -webkit-line-clamp: 2;
+      line-clamp: 2;
+      -webkit-box-orient: vertical;
+    }
+
+    small {
+      font-size: 14px;
+      line-height: 1.3125rem;
+      display: block;
+      max-height: 1.3125rem;
+      overflow: hidden;
+      white-space: nowrap;
+      text-overflow: ellipsis;
+    }
+  }
+
+  &__body {
+    padding-top: 12px;
+    flex: 1;
+
+    p {
+      min-height: 1rem;
+    }
+    p:last-of-type {
+        margin-bottom: 0px;
+    }
+  }
+
+  &__description {
+    display: -webkit-box;
+    display: -moz-box;
+    max-height: 2.75rem;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    -webkit-line-clamp: 2;
+    /* number of lines to show */
+    line-clamp: 2;
+    -webkit-box-orient: vertical;
+  }
+
+  &__uri {
+    font-size: 1rem;
+    display: flex;
+    align-items: baseline;
+
+    .filler {
+      width: 6px;
+    }
+  }
+
+   .btn-icon {
+      height: 40px;
+      width: 40px;
+
+      svg {
+        fill: hsla(224, 21%, 38%, 1);
+        stroke: revert;
+
+        &.icon-info-circle {
+          fill: transparent;
+          stroke: hsla(224, 21%, 38%, 1);
+        }
+
+        &.icon-external {
+          transform: translateY(1px);
+        }
+      }
+
+      &:hover {
+        background: hsla(221, 13%, 95%, 1);
+        border-radius: 8px;
+      }
+    }  
+
+  .btn-insert {
+    padding: 2px 5px;
+  }
+
+  footer {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+
+    .btn-icon {
+      height: 40px;
+      width: 40px;
+
+      svg {
+        fill: hsla(224, 21%, 38%, 1);
+        stroke: revert; 
+
+        &.icon-external {
+          transform: translateY(1px);
+        }
+      }
+
+      &:hover {
+        background: hsla(221, 13%, 95%, 1);
+        border-radius: 8px;
+      }
+    }
+  }
+
+  &-title {
+    //because of IE the value can't be set to revert
+    min-height: revert;
+    height: 164px;
+
+    
+    justify-content: space-between;
+  }
+
+  &-image {
+    min-height: revert;
+    height: 184px;
+    justify-content: space-between;
+
+   
+
+    header {
+      display: flex;
+      justify-content: space-between;
+      gap: 16px;
+
+      h6 {
+        max-height: 4.5rem;
+        line-clamp: 3;
+        -webkit-line-clamp: 3;
+      }
+    }
+
+    &__titles {
+      overflow: hidden;
+    }
+
+    &__figure {
+      height: 100px;
+      width: 100px;
+      object-fit: cover;
+    }
+  }
+
 }

package/dist/scss/_content-library-modal.scss

@@ -1,9 +1,9 @@
-#content-library-modal {
-  .search-block input {
-    margin: 0;
-  } 
-
-  .collapse-button-container {
-    text-align: center;
-  }
+#content-library-modal {
+  .search-block input {
+    margin: 0;
+  } 
+
+  .collapse-button-container {
+    text-align: center;
+  }
 }

package/dist/scss/_content-library-overview.scss

@@ -1,5 +1,5 @@
-.content-library-overview {
-    .card-container {
-        padding: 0 4px 8px 4px;
-    }
+.content-library-overview {
+    .card-container {
+        padding: 0 4px 8px 4px;
+    }
 }

package/dist/scss/_content-library-split-button.scss

@@ -1,20 +1,20 @@
-.bd-content-library-split-button {
-    // Empty ::after element with extra height is added by PrimeVue.
-    .p-button-icon-only::after {
-        display: none;
-    }
-
-    .menu-item {
-        display: flex;
-        align-items: center;
-        gap: 8px;
-        padding: 8px;
-        cursor: pointer;
-        font-size: 1rem;
-
-        .icon-image {
-            width: 18px;
-            height: 18px;
-        }
-    }
+.bd-content-library-split-button {
+    // Empty ::after element with extra height is added by PrimeVue.
+    .p-button-icon-only::after {
+        display: none;
+    }
+
+    .menu-item {
+        display: flex;
+        align-items: center;
+        gap: 8px;
+        padding: 8px;
+        cursor: pointer;
+        font-size: 1rem;
+
+        .icon-image {
+            width: 18px;
+            height: 18px;
+        }
+    }
 }

package/dist/scss/_conversation-to-text-modal.scss

@@ -1,33 +1,33 @@
-#conversation-to-text-modal {
-    .select-all-checkbox {
-        margin: 20px 0;
-    }
-
-    .message-content {
-        width: 100%;
-    }
-
-    .message {
-        background-color: #f5f5f5;
-        padding: 30px;
-        border-radius: 8px;
-
-        &.is-sender {
-            margin: 0 20px 10px 80px;
-        }
-
-        &.is-receiver {
-            margin: 0 80px 10px 20px;
-        }
-    }
-
-    @media (max-width: 849px) {
-        .is-sender {
-            margin: 0 10px 10px 30px;      
-        } 
-
-        .is-receiver {
-            margin: 0 40px 10px 10px;
-        }
-    }
+#conversation-to-text-modal {
+    .select-all-checkbox {
+        margin: 20px 0;
+    }
+
+    .message-content {
+        width: 100%;
+    }
+
+    .message {
+        background-color: #f5f5f5;
+        padding: 30px;
+        border-radius: 8px;
+
+        &.is-sender {
+            margin: 0 20px 10px 80px;
+        }
+
+        &.is-receiver {
+            margin: 0 80px 10px 20px;
+        }
+    }
+
+    @media (max-width: 849px) {
+        .is-sender {
+            margin: 0 10px 10px 30px;      
+        } 
+
+        .is-receiver {
+            margin: 0 40px 10px 10px;
+        }
+    }
 }

package/dist/scss/_dropdown.scss

@@ -1,114 +1,114 @@
-
-.bd-dropdown.dropdown {
-    display: inline-block;
-
-    &.show {
-  
-        &:after {
-            transform: rotate(180deg);
-        }
-    }
-
-    ul.dropdown-menu {
-        border: 0px;
-        box-shadow: $dropdown-box-shadow;
-        margin-top: 0.125rem;
-        
-        &.dropdown-menu-action {
-            border: 1px solid rgba(0,0,0,.15);
-            border-radius: $border-radius-default;
-            
-            .dropdown-item{
-                width:100%;
-                padding: 0.25rem 1.5rem;
-                white-space: nowrap;
-                line-height: revert;
-                
-                &:hover{
-                    background-color: #4d5875;
-                    color: #f5f5f5;
-                    text-decoration: none;
-                }
-            }
-        }
-
-
-        .dropdown-item {
-            font-size: 1rem;
-            letter-spacing: 0;
-            line-height: 2.75rem;
-
-            &:not(:last-child) {
-                border-bottom: 1px solid $color-lightblue;
-            }
-
-            &:active,
-            &:focus {
-                text-decoration: underline;
-                background-color: transparent;
-            }
-
-            @include media-breakpoint-up(md) {
-                &:hover {
-                    text-decoration: underline;
-                    background-color: transparent;
-                }
-            }
-        }
-
-    }
-
-    .dropdown-toggle {
-        display: flex;
-        align-items: center;
-        font-weight: $font-bold;
-        font-size: 16px;
-        letter-spacing: 0;
-        line-height: 24px;
-
-        &:after {
-            border: 0px;
-            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='10'%3E%3Cpath d='M8.828 6.207L14.632.404a1 1 0 0 1 1.414 0l.707.707a1 1 0 0 1 0 1.414L9.682 9.596a.999.999 0 0 1-.854.282.999.999 0 0 1-.853-.282L.904 2.526a1 1 0 0 1 0-1.415L1.61.404a1 1 0 0 1 1.414 0l5.803 5.803z' fill='%23AFB8CC'/%3E%3C/svg%3E");
-            background-repeat: no-repeat;
-            background-size: contain;
-            background-position: 50%;
-            width: 14px;
-            height: 10px;
-            transition: 0.2s all ease-in;
-        }
-
-        &-action {
-            font-size: calc(13px/16px) * 1rem;
-            font-weight: $font-medium;
-            padding: 0 10px;
-
-            &:after{
-                background-image:url('data:image/svg+xml, <svg class="icon icon-triangle-down" xmlns="http://www.w3.org/2000/svg" width="12" height="8" viewBox="0 0 12 8" ><path d="M11.071 2.414L6.414 7.071a1 1 0 0 1-1.414 0L.343 2.414A1 1 0 0 1 1.05.707h9.314a1 1 0 0 1 .707 1.707z" /></svg>'); 
-                border: 0;
-                box-shadow: none;
-                width: 9px;
-                height: 7px;
-                margin-left: 5px;
-            }
-        }
-    }
-
-    a.dropdown-toggle{
-        color: $color-darkblue;
-    }
-}
-
-.bd-dropdown-item {
-    list-style-type: none;
-}
-
-.placeholder-tokens-menu {
-    .dropdown-item {
-        color: $color-darkblue;
-        border-left: 1px solid $color-lightblue;
-        border-right: 1px solid $color-lightblue;
-        &.active {
-            color:$white;
-        }
-    }    
+
+.bd-dropdown.dropdown {
+    display: inline-block;
+
+    &.show {
+  
+        &:after {
+            transform: rotate(180deg);
+        }
+    }
+
+    ul.dropdown-menu {
+        border: 0px;
+        box-shadow: $dropdown-box-shadow;
+        margin-top: 0.125rem;
+        
+        &.dropdown-menu-action {
+            border: 1px solid rgba(0,0,0,.15);
+            border-radius: $border-radius-default;
+            
+            .dropdown-item{
+                width:100%;
+                padding: 0.25rem 1.5rem;
+                white-space: nowrap;
+                line-height: revert;
+                
+                &:hover{
+                    background-color: #4d5875;
+                    color: #f5f5f5;
+                    text-decoration: none;
+                }
+            }
+        }
+
+
+        .dropdown-item {
+            font-size: 1rem;
+            letter-spacing: 0;
+            line-height: 2.75rem;
+
+            &:not(:last-child) {
+                border-bottom: 1px solid $color-lightblue;
+            }
+
+            &:active,
+            &:focus {
+                text-decoration: underline;
+                background-color: transparent;
+            }
+
+            @include media-breakpoint-up(md) {
+                &:hover {
+                    text-decoration: underline;
+                    background-color: transparent;
+                }
+            }
+        }
+
+    }
+
+    .dropdown-toggle {
+        display: flex;
+        align-items: center;
+        font-weight: $font-bold;
+        font-size: 16px;
+        letter-spacing: 0;
+        line-height: 24px;
+
+        &:after {
+            border: 0px;
+            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='10'%3E%3Cpath d='M8.828 6.207L14.632.404a1 1 0 0 1 1.414 0l.707.707a1 1 0 0 1 0 1.414L9.682 9.596a.999.999 0 0 1-.854.282.999.999 0 0 1-.853-.282L.904 2.526a1 1 0 0 1 0-1.415L1.61.404a1 1 0 0 1 1.414 0l5.803 5.803z' fill='%23AFB8CC'/%3E%3C/svg%3E");
+            background-repeat: no-repeat;
+            background-size: contain;
+            background-position: 50%;
+            width: 14px;
+            height: 10px;
+            transition: 0.2s all ease-in;
+        }
+
+        &-action {
+            font-size: calc(13px/16px) * 1rem;
+            font-weight: $font-medium;
+            padding: 0 10px;
+
+            &:after{
+                background-image:url('data:image/svg+xml, <svg class="icon icon-triangle-down" xmlns="http://www.w3.org/2000/svg" width="12" height="8" viewBox="0 0 12 8" ><path d="M11.071 2.414L6.414 7.071a1 1 0 0 1-1.414 0L.343 2.414A1 1 0 0 1 1.05.707h9.314a1 1 0 0 1 .707 1.707z" /></svg>'); 
+                border: 0;
+                box-shadow: none;
+                width: 9px;
+                height: 7px;
+                margin-left: 5px;
+            }
+        }
+    }
+
+    a.dropdown-toggle{
+        color: $color-darkblue;
+    }
+}
+
+.bd-dropdown-item {
+    list-style-type: none;
+}
+
+.placeholder-tokens-menu {
+    .dropdown-item {
+        color: $color-darkblue;
+        border-left: 1px solid $color-lightblue;
+        border-right: 1px solid $color-lightblue;
+        &.active {
+            color:$white;
+        }
+    }    
 }

package/dist/scss/_extern.scss

@@ -1,2 +1,2 @@
-@import "extern/bootstrap";
+@import "extern/bootstrap";
 @import "extern/prime-vue";