@dso-toolkit/core 87.0.0 → 88.1.0

package/dist/cjs/dso-tooltip.cjs.entry.js

@@ -2023,7 +2023,7 @@ const Tooltip = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '40393c2c46a62aa1815fd5ae117076bd872b60c1', class: { hidden: this.hidden }, role: "tooltip", onClick: this.listenClick }, index.h("div", { key: 'e46b816c3fa8662956c23789f04815e4f9acf9d2', class: clsx.clsx("tooltip", { in: this.active }) }, !this.noArrow && index.h("div", { key: 'b2d2455680d0fd4883d3a3b15234cfda84392152', "data-popper-arrow": true, class: "tooltip-arrow" }), index.h("div", { key: 'ccd2fdff0934bd705539afa2fec476294cb433e3', "aria-hidden": !this.descriptive || undefined, class: clsx.clsx("tooltip-inner", { "dso-small": this.small }) }, index.h("slot", { key: '4f1f21efcb92b8771aa9a2458c5e92883460ea59' })))));
+        return (index.h(index.Host, { key: '6186fdcbf9e8bae5e3e4ee74c0d8b50e6fcb700b', class: { hidden: this.hidden }, role: "tooltip", onClick: this.listenClick }, index.h("div", { key: '7021fed0ee65f1ce5ec74383b4cd1b2a5ccab1b3', class: clsx.clsx("tooltip", { in: this.active }) }, !this.noArrow && index.h("div", { key: '87a3097f75676fee2ea94899b94065af958fa49e', "data-popper-arrow": true, class: "tooltip-arrow" }), index.h("div", { key: '4c4d10446ce05f816ce32fdfd4eb103cb0e58394', "aria-hidden": !this.descriptive || undefined, class: clsx.clsx("tooltip-inner", { "dso-small": this.small }) }, index.h("slot", { key: 'a520b11e7a7d930df5c4466e2f3583c71616a811' })))));
     }
     activatePopper() {
         var _a;

package/dist/cjs/dso-tree-view.cjs.entry.js

@@ -189,7 +189,7 @@ const TreeView = class {
     }
     render() {
         var _a;
-        return (index.h("div", { key: '5735f8e7460d269cdb8a6338b54ee96c28cef98b', id: "tree", class: "dso-tree", onKeyDown: (e) => this.keyDownListener(e), ref: (element) => (this.tree = element) }, index.h("ul", { key: '2973a236f58916e0246920d437ad7056c0ef7031', role: "tree", "aria-label": "Objectenboom" }, (_a = this.collection) === null || _a === void 0 ? void 0 : _a.map((item, index$1) => (index.h(DsoTreeItem, { owner: this, ancestors: [], item: item, index: index$1, level: 1, setSize: this.collection.length }))))));
+        return (index.h("div", { key: 'ab7c4a9d862e3f99c50365d744d6376366737d3d', id: "tree", class: "dso-tree", onKeyDown: (e) => this.keyDownListener(e), ref: (element) => (this.tree = element) }, index.h("ul", { key: 'a41b478cccd6b39ee30b47ca28c5a34549a270a0', role: "tree", "aria-label": "Objectenboom" }, (_a = this.collection) === null || _a === void 0 ? void 0 : _a.map((item, index$1) => (index.h(DsoTreeItem, { owner: this, ancestors: [], item: item, index: index$1, level: 1, setSize: this.collection.length }))))));
     }
 };
 TreeView.style = treeViewCss();

package/dist/cjs/dso-viewer-grid.cjs.entry.js

@@ -472,6 +472,7 @@ button::-moz-focus-inner {
     text-align: start;
     user-select: none;
     vertical-align: middle;
+    background-clip: padding-box;
   }
   .dso-tertiary:focus, .dso-tertiary:focus-visible {
     outline-offset: 2px;
@@ -479,27 +480,107 @@ button::-moz-focus-inner {
   .dso-tertiary:active {
     outline: 0;
   }
+  .dso-tertiary {
+    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;
+    background-clip: padding-box;
+  }
+  .dso-tertiary:focus, .dso-tertiary:focus-visible {
+    outline-offset: 2px;
+  }
+  .dso-tertiary:active {
+    outline: 0;
+  }
+  .dso-tertiary {
+    background-color: var(--_dso-button-tertiary-background-color, );
+    border-color: var(--_dso-button-tertiary-border-color, );
+    color: var(--_dso-button-tertiary-color, #39870c);
+    border-width: 1px;
+    border-style: solid;
+    border-radius: 4px;
+    line-height: 1.5;
+    min-inline-size: 56px;
+    padding-block: 11px;
+    padding-inline: 15px;
+  }
+  .dso-tertiary:hover {
+    background-color: var(--_dso-button-tertiary-hover-background-color, );
+    border-color: var(--_dso-button-tertiary-hover-border-color, );
+    color: var(--_dso-button-tertiary-hover-color, #275937);
+  }
+  .dso-tertiary:active {
+    background-color: var(--_dso-button-tertiary-active-background-color, );
+    border-color: var(--_dso-button-tertiary-active-border-color, );
+    color: var(--_dso-button-tertiary-active-color, #173521);
+  }
+  .dso-tertiary[disabled], .dso-tertiary[disabled]:hover {
+    background-color: var(--_dso-button-tertiary-disabled-background-color, );
+    border-color: var(--_dso-button-tertiary-disabled-border-color, );
+    color: var(--_dso-button-tertiary-disabled-color, #afcf9d);
+  }
+  .dso-tertiary.dso-small {
+    line-height: 1rem;
+  }
+  .dso-tertiary.dso-small dso-icon, .dso-tertiary.dso-small.extern::after, .dso-tertiary.dso-small.download::after, .dso-tertiary.dso-small.dso-spinner::before {
+    margin-block-end: -4px;
+    margin-block-start: -4px;
+  }
+  .dso-tertiary.dso-small.dso-spinner-left::before {
+    block-size: 16px;
+    inline-size: 16px;
+  }
+  .dso-tertiary.dso-small.dso-spinner-right::after {
+    block-size: 16px;
+    inline-size: 16px;
+  }
+  .dso-tertiary.dso-extra-small {
+    line-height: 1rem;
+  }
+  .dso-tertiary.dso-extra-small dso-icon, .dso-tertiary.dso-extra-small.extern::after, .dso-tertiary.dso-extra-small.download::after, .dso-tertiary.dso-extra-small.dso-spinner::before {
+    margin-block-end: -4px;
+    margin-block-start: -4px;
+  }
+  .dso-tertiary.dso-extra-small.dso-spinner-left::before {
+    block-size: 16px;
+    inline-size: 16px;
+  }
+  .dso-tertiary.dso-extra-small.dso-spinner-right::after {
+    block-size: 16px;
+    inline-size: 16px;
+  }
+  .dso-tertiary.dso-extra-small {
+    padding-block: 9px;
+  }
+  .dso-tertiary dso-icon:has(+ span:not(.sr-only)) {
+    margin-inline-start: -8px;
+  }
+  .dso-tertiary span:not(.sr-only) + dso-icon {
+    margin-inline-start: 8px;
+    margin-inline-end: -8px;
+  }
+  .dso-tertiary dso-icon + span:not(.sr-only) {
+    margin-inline-start: 8px;
+  }
   .dso-tertiary {
     border: 0;
-    color: #39870c;
     line-height: 1;
     padding: 0;
     background-color: transparent;
   }
-  .dso-tertiary[disabled] {
-    color: #afcf9d;
-  }
   .dso-tertiary[disabled].dso-spinner-left, .dso-tertiary[disabled].dso-spinner-right {
     color: #39870c;
   }
   .dso-tertiary:not([disabled]):hover {
-    color: #275937;
     text-decoration: underline;
     text-underline-position: under;
   }
-  .dso-tertiary:not([disabled]):active {
-    color: #173521;
-  }
   .dso-tertiary.dso-align {
     line-height: calc(1.5em - 1px);
     padding-block: 11px;
@@ -721,7 +802,7 @@ const ViewerGrid = class {
         }
     }
     render() {
-        return (index.h(index.Fragment, { key: '9847a3c1ddb49b69fbf1a51bb07b69ca9ed4ce4c' }, index.h("slot", { key: '03fbfa717048b5015d61661d2d5433c0faf47565', name: "top-bar" }), index.h("div", { key: 'f09b17224d46fdab51a389444384040770efe332', class: "viewer-grid-columns" }, this.tabView && (index.h("nav", { key: '598db232e64fd9040ec6398adc877889fb761e3e', class: "dso-navbar" }, index.h("ul", { key: '378b508931543448dbc6a5b754a2a4aae7e04aac', class: "dso-nav dso-nav-sub" }, viewerGridTabs.map((tab) => (index.h("li", { key: tab, class: clsx.clsx({ "dso-active": this.activeTab === tab }) }, index.h("button", { type: "button", class: "dso-tertiary", onClick: () => this.switchActiveTab(tab) }, viewerGridTabLabelMap[tab]))))))), (!this.tabView || (this.tabView && this.activeTab === "search")) && (index.h(MainPanel, { key: '096e23cb054e8c359d9b5f2de4286250f509a79a', tabView: this.tabView, mainSize: this.mainSize, documentPanelOpen: this.documentPanelOpen, mainPanelExpanded: this.mainPanelExpanded, mainPanelHidden: this.mainPanelHidden, toggleMainPanel: this.toggleMainPanel, dsoMainSizeChangeAnimationEnd: this.dsoMainSizeChangeAnimationEnd })), (!this.tabView || (this.tabView && this.activeTab === "search")) && (index.h(FilterPanel, { key: 'cf3d94936fec7e69ff26a7f80cdc8c9ee3741071', open: this.filterPanelOpen, title: this.filterPanelTitle, ref: (element) => (this.filterPanel = element), dsoCloseFilterPanel: (e) => this.dsoCloseFilterPanel.emit({ originalEvent: e }) })), (!this.tabView || (this.tabView && this.activeTab === "map")) && (index.h("div", { key: '0b380945565d55094b04572573cce83f986d2fc4', class: "map", ref: (element) => (this.mapElement = element) }, index.h("slot", { key: 'e9e22c7b6deedb4feed6331ea1178315386fc1b6', name: "map" }))), ((!this.tabView && this.documentPanelOpen) || (this.tabView && this.activeTab === "document")) && (index.h(DocumentPanel, { key: '9460fa66bd7bb1449a6447b94fb462af18861cc9', tabView: this.tabView, panelSize: this.documentPanelSize, shrinkDocumentPanel: this.shrinkDocumentPanel, expandDocumentPanel: this.expandDocumentPanel, dsoDocumentPanelSizeChangeAnimationEnd: this.dsoDocumentPanelSizeChangeAnimationEnd })), index.h(Overlay, { key: 'e800a7a3d49dff9cd4eb624114a1135fcb1c5506', ref: (element) => (this.overlay = element), dsoCloseOverlay: (e) => this.dsoCloseOverlay.emit({ originalEvent: e }) }))));
+        return (index.h(index.Fragment, { key: 'd1d81c9db00b4fb1394e9938ed698a78e2f54976' }, index.h("slot", { key: '8523d2e37a153f3b8e6521e1d4a07f0395c67180', name: "top-bar" }), index.h("div", { key: '64e25d1b9c82661ead44a20dc43fc60b3400b8a9', class: "viewer-grid-columns" }, this.tabView && (index.h("nav", { key: '5b3975cd300000076405acd470f1bcc2ed6581f1', class: "dso-navbar" }, index.h("ul", { key: '8d987841d10e4806ce6025fb81db489d1f583410', class: "dso-nav dso-nav-sub" }, viewerGridTabs.map((tab) => (index.h("li", { key: tab, class: clsx.clsx({ "dso-active": this.activeTab === tab }) }, index.h("button", { type: "button", class: "dso-tertiary", onClick: () => this.switchActiveTab(tab) }, viewerGridTabLabelMap[tab]))))))), (!this.tabView || (this.tabView && this.activeTab === "search")) && (index.h(MainPanel, { key: '21baa34326e6cce24feef6ae8ac2237520c6dd90', tabView: this.tabView, mainSize: this.mainSize, documentPanelOpen: this.documentPanelOpen, mainPanelExpanded: this.mainPanelExpanded, mainPanelHidden: this.mainPanelHidden, toggleMainPanel: this.toggleMainPanel, dsoMainSizeChangeAnimationEnd: this.dsoMainSizeChangeAnimationEnd })), (!this.tabView || (this.tabView && this.activeTab === "search")) && (index.h(FilterPanel, { key: '4f00c13af3676b1dbfb97a05a4c644ed0aa027f2', open: this.filterPanelOpen, title: this.filterPanelTitle, ref: (element) => (this.filterPanel = element), dsoCloseFilterPanel: (e) => this.dsoCloseFilterPanel.emit({ originalEvent: e }) })), (!this.tabView || (this.tabView && this.activeTab === "map")) && (index.h("div", { key: 'b397c8a90326fd24ebdcd8148d0222dc7038e131', class: "map", ref: (element) => (this.mapElement = element) }, index.h("slot", { key: 'ae239735328e35dc97e8fc7653fad4c886dab9eb', name: "map" }))), ((!this.tabView && this.documentPanelOpen) || (this.tabView && this.activeTab === "document")) && (index.h(DocumentPanel, { key: '1a12d6aa3431c11db288a0b07ebb51b772a27df7', tabView: this.tabView, panelSize: this.documentPanelSize, shrinkDocumentPanel: this.shrinkDocumentPanel, expandDocumentPanel: this.expandDocumentPanel, dsoDocumentPanelSizeChangeAnimationEnd: this.dsoDocumentPanelSizeChangeAnimationEnd })), index.h(Overlay, { key: 'ee5b23969f8ace7db8d94adce586d8fd91fea08b', ref: (element) => (this.overlay = element), dsoCloseOverlay: (e) => this.dsoCloseOverlay.emit({ originalEvent: e }) }))));
     }
     get host() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/dsot-document-component-demo.cjs.entry.js

@@ -1859,7 +1859,7 @@ const DocumentComponentDemo = class {
     render() {
         var _a, _b;
         const { DocumentComponent, MenuButton } = this;
-        return (index.h("dso-responsive-element", { key: 'a291de595ab1448eb6b6549cf01fad07678d9cef', class: "dso-document-components" }, index.h("div", { key: 'd9d5b06384b787ecea2ebf71c06d7468470f6889', class: "dso-navbar" }, index.h("ul", { key: 'fae39b82c1fe22532931b2d7ffc26636ab46688e', class: "dso-nav dso-nav-sub" }, (_b = (_a = this.getEmbeddedDocumentComponents(this.response)) === null || _a === void 0 ? void 0 : _a.documentComponents) === null || _b === void 0 ? void 0 : _b.map((d) => (index.h("li", { class: this.document === d ? "dso-active" : undefined }, index.h(MenuButton, { documentComponent: d })))))), this.document && index.h(DocumentComponent, { key: '2e942a967a906e00ceeb6a0c8293aa5ffab196b5', path: [this.document] })));
+        return (index.h("dso-responsive-element", { key: '3f41bdd6e8edc176973587904d57b63ed2e76e35', class: "dso-document-components" }, index.h("div", { key: 'cb4c5ad68081f18ce4216b209fe6e2d4f801a5a6', class: "dso-navbar" }, index.h("ul", { key: '466d7c0f495bb3c94f239d1a05ecf6dbe3e64fbd', class: "dso-nav dso-nav-sub" }, (_b = (_a = this.getEmbeddedDocumentComponents(this.response)) === null || _a === void 0 ? void 0 : _a.documentComponents) === null || _b === void 0 ? void 0 : _b.map((d) => (index.h("li", { class: this.document === d ? "dso-active" : undefined }, index.h(MenuButton, { documentComponent: d })))))), this.document && index.h(DocumentComponent, { key: 'e06d0bf9ea919bb770b6273968e98a1dfa78da41', path: [this.document] })));
     }
     static get watchers() { return {
         "jsonFile": ["jsonFileWatcher"],

package/dist/cjs/{floating-ui.dom-CHD5ZW0W.js → floating-ui.dom-Bp4TaUcL.js}

@@ -795,6 +795,90 @@ const shift$1 = function (options) {
   };
 };
 
+/**
+ * Provides data that allows you to change the size of the floating element —
+ * for instance, prevent it from overflowing the clipping boundary or match the
+ * width of the reference element.
+ * @see https://floating-ui.com/docs/size
+ */
+const size$1 = function (options) {
+  if (options === void 0) {
+    options = {};
+  }
+  return {
+    name: 'size',
+    options,
+    async fn(state) {
+      var _state$middlewareData, _state$middlewareData2;
+      const {
+        placement,
+        rects,
+        platform,
+        elements
+      } = state;
+      const {
+        apply = () => {},
+        ...detectOverflowOptions
+      } = evaluate(options, state);
+      const overflow = await detectOverflow(state, detectOverflowOptions);
+      const side = getSide(placement);
+      const alignment = getAlignment(placement);
+      const isYAxis = getSideAxis(placement) === 'y';
+      const {
+        width,
+        height
+      } = rects.floating;
+      let heightSide;
+      let widthSide;
+      if (side === 'top' || side === 'bottom') {
+        heightSide = side;
+        widthSide = alignment === ((await (platform.isRTL == null ? void 0 : platform.isRTL(elements.floating))) ? 'start' : 'end') ? 'left' : 'right';
+      } else {
+        widthSide = side;
+        heightSide = alignment === 'end' ? 'top' : 'bottom';
+      }
+      const maximumClippingHeight = height - overflow.top - overflow.bottom;
+      const maximumClippingWidth = width - overflow.left - overflow.right;
+      const overflowAvailableHeight = min(height - overflow[heightSide], maximumClippingHeight);
+      const overflowAvailableWidth = min(width - overflow[widthSide], maximumClippingWidth);
+      const noShift = !state.middlewareData.shift;
+      let availableHeight = overflowAvailableHeight;
+      let availableWidth = overflowAvailableWidth;
+      if ((_state$middlewareData = state.middlewareData.shift) != null && _state$middlewareData.enabled.x) {
+        availableWidth = maximumClippingWidth;
+      }
+      if ((_state$middlewareData2 = state.middlewareData.shift) != null && _state$middlewareData2.enabled.y) {
+        availableHeight = maximumClippingHeight;
+      }
+      if (noShift && !alignment) {
+        const xMin = max(overflow.left, 0);
+        const xMax = max(overflow.right, 0);
+        const yMin = max(overflow.top, 0);
+        const yMax = max(overflow.bottom, 0);
+        if (isYAxis) {
+          availableWidth = width - 2 * (xMin !== 0 || xMax !== 0 ? xMin + xMax : max(overflow.left, overflow.right));
+        } else {
+          availableHeight = height - 2 * (yMin !== 0 || yMax !== 0 ? yMin + yMax : max(overflow.top, overflow.bottom));
+        }
+      }
+      await apply({
+        ...state,
+        availableWidth,
+        availableHeight
+      });
+      const nextDimensions = await platform.getDimensions(elements.floating);
+      if (width !== nextDimensions.width || height !== nextDimensions.height) {
+        return {
+          reset: {
+            rects: true
+          }
+        };
+      }
+      return {};
+    }
+  };
+};
+
 function hasWindow() {
   return typeof window !== 'undefined';
 }
@@ -1651,6 +1735,14 @@ const shift = shift$1;
  */
 const flip = flip$1;
 
+/**
+ * Provides data that allows you to change the size of the floating element —
+ * for instance, prevent it from overflowing the clipping boundary or match the
+ * width of the reference element.
+ * @see https://floating-ui.com/docs/size
+ */
+const size = size$1;
+
 /**
  * Provides data to hide the floating element in applicable situations, such as
  * when it is not in the same clipping context as the reference element.
@@ -1695,6 +1787,7 @@ exports.flip = flip;
 exports.hide = hide;
 exports.offset = offset;
 exports.shift = shift;
-//# sourceMappingURL=floating-ui.dom-CHD5ZW0W.js.map
+exports.size = size;
+//# sourceMappingURL=floating-ui.dom-Bp4TaUcL.js.map
 
-//# sourceMappingURL=floating-ui.dom-CHD5ZW0W.js.map
+//# sourceMappingURL=floating-ui.dom-Bp4TaUcL.js.map