@dso-toolkit/core 73.3.0 → 75.0.0

package/dist/collection/components/viewer-grid/viewer-grid.css

@@ -1,14 +1,32 @@
+@charset "UTF-8";
+/* Genereert een `transition` met vaste easing en optionele duur en delay per property.
+**
+** @param {ArgList} $transitions...
+**   - "property": gebruikt standaard duur (260ms) en delay (0ms)
+**   - ("property", duur): eigen duur, geen delay
+**   - ("property", duur, delay): eigen duur én delay
+**
+** @example
+**   @include transition(opacity, ("transform", 300ms), ("color", 500ms, 200ms));
+**
+** @output
+**   transition: [property] [duration] cubic-bezier(0.4, 0, 0.2, 1) [delay];
+**
+*/
 *,
 *::after,
 *::before {
   box-sizing: border-box;
 }
 
-:host([mode=vdk]) .overlay {
+:host .overlay {
   block-size: calc(100% - 32px);
   margin-block: 16px;
   margin-inline: auto 16px;
 }
+:host .dso-main-panel {
+  transition: min-inline-size 200ms ease-in, margin-inline-start 200ms ease-in;
+}
 
 button {
   -webkit-appearance: button;
@@ -252,11 +270,6 @@ button::-moz-focus-inner {
   position: absolute;
   block-size: 100%;
 }
-.dso-main-panel .dso-filterblok-address {
-  font-weight: bold;
-  margin-block: 8px;
-  margin-inline: 0;
-}
 .dso-main-panel .sizing-buttons,
 .dso-main-panel .toggle-button {
   inset-inline-start: calc(100% + 1px);
@@ -270,10 +283,6 @@ button::-moz-focus-inner {
   border-start-end-radius: 4px;
 }
 
-:host[mode=vdk] .dso-main-panel {
-  transition: min-inline-size 200ms ease-in, margin-inline-start 200ms ease-in;
-}
-
 .dso-document-panel {
   background-color: #fff;
   flex-shrink: 0;
@@ -482,7 +491,7 @@ button::-moz-focus-inner {
   position: relative;
 }
 
-.filterpanel,
+.filter-panel,
 .overlay {
   background-color: #fff;
   border: 0;
@@ -493,55 +502,39 @@ button::-moz-focus-inner {
   z-index: 101;
 }
 
-.filterpanel {
+.filter-panel {
+  display: block;
+  position: absolute;
   padding-block: 8px;
   padding-inline: 16px;
-  inset-inline-start: 0;
+  inset-block-start: 0;
+  block-size: 100%;
+  inset-inline-start: -380px;
+  inline-size: 100%;
+  transition: inset-inline-start 200ms ease-in;
 }
 @media screen and (max-width: 768px) {
-  .filterpanel {
+  .filter-panel {
     inline-size: 100vw;
   }
-  .filterpanel::before {
+  .filter-panel::before {
     display: none !important;
   }
 }
-.filterpanel h1 {
-  color: #275937;
-  margin-block-end: 16px;
-  margin-block-start: 24px;
-  font-size: 1.5rem;
-  font-weight: 700;
-}
-@media screen and (min-width: 480px) {
-  .filterpanel h1 {
-    font-size: 2rem;
-  }
-}
-
-.filterpanel-vdk {
-  display: block;
-  position: absolute;
-  inset-block-start: 0;
-  inset-inline-start: -380px;
-  block-size: 100%;
-  inline-size: 100%;
-  transition: inset-inline-start 200ms ease-in;
-}
 @media screen and (min-width: 992px) {
-  .filterpanel-vdk {
+  .filter-panel {
     max-inline-size: 380px;
   }
 }
-.filterpanel-vdk[open] {
+.filter-panel[open] {
   inset-inline-start: 0;
   box-shadow: none;
   border-inline-end: 1px solid #e5e5e5;
 }
-.filterpanel-vdk h3 {
+.filter-panel h3 {
   color: #275937;
 }
-.filterpanel-vdk .dso-close {
+.filter-panel .dso-close {
   -webkit-appearance: button;
   color: inherit;
   cursor: pointer;
@@ -562,10 +555,10 @@ button::-moz-focus-inner {
   border: 0;
   text-align: center;
 }
-.filterpanel-vdk .dso-close[disabled] {
+.filter-panel .dso-close[disabled] {
   cursor: default;
 }
-.filterpanel-vdk .dso-close::-moz-focus-inner {
+.filter-panel .dso-close::-moz-focus-inner {
   border: 0;
   padding: 0;
 }
@@ -585,273 +578,6 @@ button::-moz-focus-inner {
   }
 }
 
-.filterpanel-buttons {
-  text-align: end;
-}
-.filterpanel-buttons .cancel-button {
-  display: inline-block;
-  font-size: 1em;
-  font-weight: 500;
-  margin-block-end: 0;
-  text-decoration: none;
-  touch-action: manipulation;
-  text-align: start;
-  user-select: none;
-  vertical-align: middle;
-}
-.filterpanel-buttons .cancel-button:focus, .filterpanel-buttons .cancel-button:focus-visible {
-  outline-offset: 2px;
-}
-.filterpanel-buttons .cancel-button:active {
-  outline: 0;
-}
-.filterpanel-buttons .cancel-button {
-  background-color: var(--_dso-button-secondary-background-color, #fff);
-  border-color: var(--_dso-button-secondary-border-color, #39870c);
-  color: var(--_dso-button-secondary-color, #39870c);
-}
-.filterpanel-buttons .cancel-button {
-  border-width: 1px;
-  border-style: solid;
-  border-radius: 4px;
-  line-height: 1.5;
-  min-inline-size: 56px;
-  padding-block: 11px;
-  padding-inline: 15px;
-}
-.filterpanel-buttons .cancel-button:hover {
-  background-color: var(--_dso-button-secondary-hover-background-color, #d7e7ce);
-  border-color: var(--_dso-button-secondary-hover-border-color, #39870c);
-  color: var(--_dso-button-secondary-hover-color, #39870c);
-}
-.filterpanel-buttons .cancel-button:active {
-  background-color: var(--_dso-button-secondary-active-background-color, #39870c);
-  border-color: var(--_dso-button-secondary-active-border-color, #39870c);
-  color: var(--_dso-button-secondary-active-color, #fff);
-}
-.filterpanel-buttons .cancel-button[disabled], .filterpanel-buttons .cancel-button[disabled]:hover {
-  background-color: var(--_dso-button-secondary-disabled-background-color, #fff);
-  border-color: var(--_dso-button-secondary-disabled-border-color, #afcf9d);
-  color: var(--_dso-button-secondary-disabled-color, #afcf9d);
-}
-.filterpanel-buttons .cancel-button.dso-small {
-  line-height: 1rem;
-}
-.filterpanel-buttons .cancel-button.dso-small dso-icon,
-.filterpanel-buttons .cancel-button.dso-small svg.di, .filterpanel-buttons .cancel-button.dso-small.extern::after, .filterpanel-buttons .cancel-button.dso-small.download::after, .filterpanel-buttons .cancel-button.dso-small.dso-spinner::before {
-  margin-block-end: -4px;
-  margin-block-start: -4px;
-}
-.filterpanel-buttons .cancel-button.dso-small.dso-spinner-left::before {
-  block-size: 16px;
-  inline-size: 16px;
-}
-.filterpanel-buttons .cancel-button.dso-small.dso-spinner-right::after {
-  block-size: 16px;
-  inline-size: 16px;
-}
-.filterpanel-buttons .cancel-button dso-icon:has(+ span:not(.sr-only)),
-.filterpanel-buttons .cancel-button svg.di:has(+ span:not(.sr-only)) {
-  margin-inline-start: -8px;
-}
-.filterpanel-buttons .cancel-button span:not(.sr-only) + dso-icon,
-.filterpanel-buttons .cancel-button span:not(.sr-only) + svg.di {
-  margin-inline-start: 8px;
-  margin-inline-end: -8px;
-}
-.filterpanel-buttons .cancel-button dso-icon + span:not(.sr-only),
-.filterpanel-buttons .cancel-button svg.di + span:not(.sr-only) {
-  margin-inline-start: 8px;
-}
-.filterpanel-buttons .cancel-button.dso-spinner-left[disabled], .filterpanel-buttons .cancel-button.dso-spinner-right[disabled] {
-  background-color: #fff;
-  border-color: #39870c;
-  color: #39870c;
-}
-.filterpanel-buttons .cancel-button.dso-spinner-left::before {
-  background-image: url("data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 265; stroke-dashoffset: 0; transform-origin: center; stroke: %2339870c; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 265; %7D 50%25 %7B stroke-dashoffset: 65; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 265; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='10' stroke-linecap='butt' cx='50' cy='50' r='45'%3E%3C/circle%3E%3C/svg%3E");
-  background-repeat: no-repeat;
-  content: "";
-  display: inline-block;
-  block-size: 24px;
-  vertical-align: top;
-  inline-size: 24px;
-  margin-inline-end: 8px;
-}
-.filterpanel-buttons .cancel-button.dso-spinner-left:not([disabled]):hover::before {
-  background-image: url("data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 265; stroke-dashoffset: 0; transform-origin: center; stroke: %23fff; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 265; %7D 50%25 %7B stroke-dashoffset: 65; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 265; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='10' stroke-linecap='butt' cx='50' cy='50' r='45'%3E%3C/circle%3E%3C/svg%3E");
-  background-repeat: no-repeat;
-  content: "";
-  display: inline-block;
-  block-size: 24px;
-  vertical-align: top;
-  inline-size: 24px;
-  margin-inline-end: 8px;
-}
-.filterpanel-buttons .cancel-button.dso-spinner-left:not([disabled]).dso-small:hover::before {
-  block-size: 16px;
-  inline-size: 16px;
-}
-.filterpanel-buttons .cancel-button.dso-spinner-right::after {
-  background-image: url("data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 265; stroke-dashoffset: 0; transform-origin: center; stroke: %2339870c; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 265; %7D 50%25 %7B stroke-dashoffset: 65; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 265; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='10' stroke-linecap='butt' cx='50' cy='50' r='45'%3E%3C/circle%3E%3C/svg%3E");
-  background-repeat: no-repeat;
-  content: "";
-  display: inline-block;
-  block-size: 24px;
-  vertical-align: top;
-  inline-size: 24px;
-  margin-inline-start: 8px;
-}
-.filterpanel-buttons .cancel-button.dso-spinner-right:not([disabled]):hover::after {
-  background-image: url("data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 265; stroke-dashoffset: 0; transform-origin: center; stroke: %23fff; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 265; %7D 50%25 %7B stroke-dashoffset: 65; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 265; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='10' stroke-linecap='butt' cx='50' cy='50' r='45'%3E%3C/circle%3E%3C/svg%3E");
-  background-repeat: no-repeat;
-  content: "";
-  display: inline-block;
-  block-size: 24px;
-  vertical-align: top;
-  inline-size: 24px;
-  margin-inline-start: 8px;
-}
-.filterpanel-buttons .cancel-button.dso-spinner-right:not([disabled]).dso-small:hover::after {
-  block-size: 16px;
-  inline-size: 16px;
-}
-.filterpanel-buttons .cancel-button {
-  line-height: 1rem;
-}
-.filterpanel-buttons .cancel-button dso-icon,
-.filterpanel-buttons .cancel-button svg.di, .filterpanel-buttons .cancel-button.extern::after, .filterpanel-buttons .cancel-button.download::after, .filterpanel-buttons .cancel-button.dso-spinner::before {
-  margin-block-end: -4px;
-  margin-block-start: -4px;
-}
-.filterpanel-buttons .cancel-button.dso-spinner-left::before {
-  block-size: 16px;
-  inline-size: 16px;
-}
-.filterpanel-buttons .cancel-button.dso-spinner-right::after {
-  block-size: 16px;
-  inline-size: 16px;
-}
-.filterpanel-buttons .apply-button {
-  display: inline-block;
-  font-size: 1em;
-  font-weight: 500;
-  margin-block-end: 0;
-  text-decoration: none;
-  touch-action: manipulation;
-  text-align: start;
-  user-select: none;
-  vertical-align: middle;
-}
-.filterpanel-buttons .apply-button:focus, .filterpanel-buttons .apply-button:focus-visible {
-  outline-offset: 2px;
-}
-.filterpanel-buttons .apply-button:active {
-  outline: 0;
-}
-.filterpanel-buttons .apply-button {
-  background-color: var(--_dso-button-primary-background-color, #39870c);
-  border-color: var(--_dso-button-primary-border-color, #39870c);
-  color: var(--_dso-button-primary-color, #fff);
-}
-.filterpanel-buttons .apply-button {
-  border-width: 1px;
-  border-style: solid;
-  border-radius: 4px;
-  line-height: 1.5;
-  min-inline-size: 56px;
-  padding-block: 11px;
-  padding-inline: 15px;
-}
-.filterpanel-buttons .apply-button:hover {
-  background-color: var(--_dso-button-primary-hover-background-color, #275937);
-  border-color: var(--_dso-button-primary-hover-border-color, #275937);
-  color: var(--_dso-button-primary-hover-color, #fff);
-}
-.filterpanel-buttons .apply-button:active {
-  background-color: var(--_dso-button-primary-active-background-color, #173521);
-  border-color: var(--_dso-button-primary-active-border-color, #173521);
-  color: var(--_dso-button-primary-active-color, #fff);
-}
-.filterpanel-buttons .apply-button[disabled], .filterpanel-buttons .apply-button[disabled]:hover {
-  background-color: var(--_dso-button-primary-disabled-background-color, #afcf9d);
-  border-color: var(--_dso-button-primary-disabled-border-color, #afcf9d);
-  color: var(--_dso-button-primary-disabled-color, #fff);
-}
-.filterpanel-buttons .apply-button.dso-small {
-  line-height: 1rem;
-}
-.filterpanel-buttons .apply-button.dso-small dso-icon,
-.filterpanel-buttons .apply-button.dso-small svg.di, .filterpanel-buttons .apply-button.dso-small.extern::after, .filterpanel-buttons .apply-button.dso-small.download::after, .filterpanel-buttons .apply-button.dso-small.dso-spinner::before {
-  margin-block-end: -4px;
-  margin-block-start: -4px;
-}
-.filterpanel-buttons .apply-button.dso-small.dso-spinner-left::before {
-  block-size: 16px;
-  inline-size: 16px;
-}
-.filterpanel-buttons .apply-button.dso-small.dso-spinner-right::after {
-  block-size: 16px;
-  inline-size: 16px;
-}
-.filterpanel-buttons .apply-button dso-icon:has(+ span:not(.sr-only)),
-.filterpanel-buttons .apply-button svg.di:has(+ span:not(.sr-only)) {
-  margin-inline-start: -8px;
-}
-.filterpanel-buttons .apply-button span:not(.sr-only) + dso-icon,
-.filterpanel-buttons .apply-button span:not(.sr-only) + svg.di {
-  margin-inline-start: 8px;
-  margin-inline-end: -8px;
-}
-.filterpanel-buttons .apply-button dso-icon + span:not(.sr-only),
-.filterpanel-buttons .apply-button svg.di + span:not(.sr-only) {
-  margin-inline-start: 8px;
-}
-.filterpanel-buttons .apply-button.dso-spinner-left[disabled], .filterpanel-buttons .apply-button.dso-spinner-right[disabled] {
-  background-color: #39870c;
-  border-color: #39870c;
-  color: #fff;
-}
-.filterpanel-buttons .apply-button.dso-spinner-left::before {
-  background-image: url("data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 265; stroke-dashoffset: 0; transform-origin: center; stroke: %23fff; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 265; %7D 50%25 %7B stroke-dashoffset: 65; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 265; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='10' stroke-linecap='butt' cx='50' cy='50' r='45'%3E%3C/circle%3E%3C/svg%3E");
-  background-repeat: no-repeat;
-  content: "";
-  display: inline-block;
-  block-size: 24px;
-  vertical-align: top;
-  inline-size: 24px;
-  margin-inline-end: 8px;
-}
-.filterpanel-buttons .apply-button.dso-spinner-right::after {
-  background-image: url("data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 265; stroke-dashoffset: 0; transform-origin: center; stroke: %23fff; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 265; %7D 50%25 %7B stroke-dashoffset: 65; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 265; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='10' stroke-linecap='butt' cx='50' cy='50' r='45'%3E%3C/circle%3E%3C/svg%3E");
-  background-repeat: no-repeat;
-  content: "";
-  display: inline-block;
-  block-size: 24px;
-  vertical-align: top;
-  inline-size: 24px;
-  margin-inline-start: 8px;
-}
-.filterpanel-buttons .apply-button {
-  line-height: 1rem;
-}
-.filterpanel-buttons .apply-button dso-icon,
-.filterpanel-buttons .apply-button svg.di, .filterpanel-buttons .apply-button.extern::after, .filterpanel-buttons .apply-button.download::after, .filterpanel-buttons .apply-button.dso-spinner::before {
-  margin-block-end: -4px;
-  margin-block-start: -4px;
-}
-.filterpanel-buttons .apply-button.dso-spinner-left::before {
-  block-size: 16px;
-  inline-size: 16px;
-}
-.filterpanel-buttons .apply-button.dso-spinner-right::after {
-  block-size: 16px;
-  inline-size: 16px;
-}
-.filterpanel-buttons .cancel-button + .apply-button {
-  margin-inline-start: 16px;
-}
-
 @media screen and (min-width: 808px) {
   :host([main-size=small]) .dso-main-panel,
   :host([document-panel-size=small]) .dso-document-panel {
@@ -931,36 +657,11 @@ button::-moz-focus-inner {
   .dso-document-panel .content {
     overflow-y: auto;
   }
-  .filterpanel {
+  .filter-panel {
     margin-inline: 0 auto;
     inline-size: calc(100vw - 40px);
   }
-  .filterpanel[open] {
-    box-shadow: 2px 0 5px #666;
-  }
-  .filterpanel.filterpanel-vrk {
-    max-inline-size: 896px;
-  }
-  .filterpanel.filterpanel-vrk::before {
-    content: "";
-    display: block;
-    position: fixed;
-    inset-block-start: 0;
-    inset-block-end: 0;
-    inset-inline-end: 0;
-    inset-inline-start: 896px;
-    background-color: rgba(0, 0, 0, 0.5);
-  }
-}
-@media screen and (min-width: 808px) and (max-width: 936px) {
-  .filterpanel.filterpanel-vrk::before {
-    inset-inline-start: auto;
-    inline-size: 40px;
-  }
-}
-@media screen and (min-width: 808px) {
-  .filterpanel-vdk[open] {
-    box-shadow: none;
+  .filter-panel[open] {
     border-inline-end: 1px solid #e5e5e5;
   }
   .overlay {
@@ -969,11 +670,11 @@ button::-moz-focus-inner {
   }
 }
 @media screen and (min-width: 808px) and (max-width: 1031.99px) {
-  :host([filterpanel-open][mode=vdk]) .dso-main-panel {
+  :host([filter-panel-open]) .dso-main-panel {
     margin-inline-start: 380px;
     max-inline-size: calc(100vw - 380px);
   }
-  .filterpanel-vdk {
+  .filter-panel {
     inline-size: 380px;
     inset-inline-start: -380px;
   }
@@ -1183,20 +884,19 @@ button::-moz-focus-inner {
   .dso-tertiary {
     font-weight: 300;
   }
-  .filterpanel,
+  .filter-panel,
   .overlay {
     margin-inline: 0;
     max-inline-size: 100vw;
     inset-block-start: 0;
     inline-size: 100vw;
   }
-  .filterpanel-vdk {
-    inline-size: 100vw;
+  .filter-panel {
     inset-inline-start: -100vw;
   }
 }
 @media screen and (min-width: 992px) {
-  :host([filterpanel-open][mode=vdk]) .dso-main-panel {
+  :host([filter-panel-open]) .dso-main-panel {
     margin-inline-start: 380px;
   }
 }

package/dist/collection/components/viewer-grid/viewer-grid.interfaces.js

@@ -1,7 +1,5 @@
-export const viewerGridVrkTabs = ["main", "map"];
-export const viewerGridVdkTabs = ["search", "map", "document"];
+export const viewerGridTabs = ["search", "map", "document"];
 export const viewerGridTabLabelMap = {
-    main: "Hoofdpaneel",
     map: "Kaart",
     document: "Document",
     search: "Zoeken",

package/dist/collection/components/viewer-grid/viewer-grid.interfaces.js.map

@@ -1 +1 @@
-{"version":3,"file":"viewer-grid.interfaces.js","sourceRoot":"","sources":["../../../../src/components/viewer-grid/viewer-grid.interfaces.ts"],"names":[],"mappings":"AA2CA,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,MAAM,EAAE,KAAK,CAAU,CAAC;AAG1D,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,QAAQ,EAAE,KAAK,EAAE,UAAU,CAAU,CAAC;AAOxE,MAAM,CAAC,MAAM,qBAAqB,GAA0B;IAC1D,IAAI,EAAE,aAAa;IACnB,GAAG,EAAE,OAAO;IACZ,QAAQ,EAAE,UAAU;IACpB,MAAM,EAAE,QAAQ;CACjB,CAAC;AAEF,MAAM,CAAC,MAAM,sBAAsB,GAA2B;IAC5D,KAAK,EAAE,MAAM;IACb,MAAM,EAAE,QAAQ;IAChB,KAAK,EAAE,OAAO;CACf,CAAC","sourcesContent":["export interface ViewerGridChangeSizeEvent {\r\n  currentSize: ViewerGridPanelSize;\r\n  nextSize: ViewerGridPanelSize;\r\n}\r\n\r\nexport interface ViewerGridChangeSizeAnimationEndEvent {\r\n  currentSize: ViewerGridPanelSize;\r\n}\r\n\r\nexport interface ViewerGridCloseOverlayEvent {\r\n  originalEvent: MouseEvent | Event;\r\n}\r\n\r\nexport interface ViewerGridCloseFilterpanelEvent {\r\n  originalEvent: MouseEvent | Event;\r\n}\r\n\r\nexport interface ViewerGridFilterpanelCancelEvent {\r\n  originalEvent: MouseEvent | Event;\r\n}\r\n\r\nexport interface ViewerGridFilterpanelApplyEvent {\r\n  originalEvent: MouseEvent | Event;\r\n}\r\n\r\nexport interface ViewerGridActiveTabSwitchEvent {\r\n  tab: ViewerGridTab;\r\n}\r\n\r\nexport interface ViewerGridMainExpandEvent {\r\n  expand: boolean;\r\n}\r\n\r\nexport interface ViewerGridMainToggleEvent {\r\n  hide: boolean;\r\n}\r\n\r\nexport type ViewerGridMode = \"vdk\" | \"vrk\";\r\n\r\nexport type ViewerGridPanelSize = \"small\" | \"medium\" | \"large\";\r\n\r\nexport type ViewerGridLabelSizeMap = { [key in ViewerGridPanelSize]: string };\r\n\r\nexport const viewerGridVrkTabs = [\"main\", \"map\"] as const;\r\nexport type ViewerGridVrkTab = (typeof viewerGridVrkTabs)[number];\r\n\r\nexport const viewerGridVdkTabs = [\"search\", \"map\", \"document\"] as const;\r\nexport type ViewerGridVdkTab = (typeof viewerGridVdkTabs)[number];\r\n\r\nexport type ViewerGridTab = ViewerGridVrkTab | ViewerGridVdkTab;\r\n\r\nexport type ViewerGridTabLabelMap = { [key in ViewerGridTab]: string };\r\n\r\nexport const viewerGridTabLabelMap: ViewerGridTabLabelMap = {\r\n  main: \"Hoofdpaneel\",\r\n  map: \"Kaart\",\r\n  document: \"Document\",\r\n  search: \"Zoeken\",\r\n};\r\n\r\nexport const viewerGridSizeLabelMap: ViewerGridLabelSizeMap = {\r\n  small: \"smal\",\r\n  medium: \"middel\",\r\n  large: \"breed\",\r\n};\r\n"]}
+{"version":3,"file":"viewer-grid.interfaces.js","sourceRoot":"","sources":["../../../../src/components/viewer-grid/viewer-grid.interfaces.ts"],"names":[],"mappings":"AAiCA,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,QAAQ,EAAE,KAAK,EAAE,UAAU,CAAU,CAAC;AAKrE,MAAM,CAAC,MAAM,qBAAqB,GAA0B;IAC1D,GAAG,EAAE,OAAO;IACZ,QAAQ,EAAE,UAAU;IACpB,MAAM,EAAE,QAAQ;CACjB,CAAC;AAEF,MAAM,CAAC,MAAM,sBAAsB,GAA2B;IAC5D,KAAK,EAAE,MAAM;IACb,MAAM,EAAE,QAAQ;IAChB,KAAK,EAAE,OAAO;CACf,CAAC","sourcesContent":["export interface ViewerGridChangeSizeEvent {\r\n  currentSize: ViewerGridPanelSize;\r\n  nextSize: ViewerGridPanelSize;\r\n}\r\n\r\nexport interface ViewerGridChangeSizeAnimationEndEvent {\r\n  currentSize: ViewerGridPanelSize;\r\n}\r\n\r\nexport interface ViewerGridCloseOverlayEvent {\r\n  originalEvent: MouseEvent | Event;\r\n}\r\n\r\nexport interface ViewerGridCloseFilterPanelEvent {\r\n  originalEvent: MouseEvent | Event;\r\n}\r\n\r\nexport interface ViewerGridActiveTabSwitchEvent {\r\n  tab: ViewerGridTab;\r\n}\r\n\r\nexport interface ViewerGridMainExpandEvent {\r\n  expand: boolean;\r\n}\r\n\r\nexport interface ViewerGridMainToggleEvent {\r\n  hide: boolean;\r\n}\r\n\r\nexport type ViewerGridPanelSize = \"small\" | \"medium\" | \"large\";\r\n\r\nexport type ViewerGridLabelSizeMap = { [key in ViewerGridPanelSize]: string };\r\n\r\nexport const viewerGridTabs = [\"search\", \"map\", \"document\"] as const;\r\nexport type ViewerGridTab = (typeof viewerGridTabs)[number];\r\n\r\nexport type ViewerGridTabLabelMap = { [key in ViewerGridTab]: string };\r\n\r\nexport const viewerGridTabLabelMap: ViewerGridTabLabelMap = {\r\n  map: \"Kaart\",\r\n  document: \"Document\",\r\n  search: \"Zoeken\",\r\n};\r\n\r\nexport const viewerGridSizeLabelMap: ViewerGridLabelSizeMap = {\r\n  small: \"smal\",\r\n  medium: \"middel\",\r\n  large: \"breed\",\r\n};\r\n"]}