@dso-toolkit/core 47.0.0 → 48.0.0

package/dist/collection/components/tree-view/tree-view.js

@@ -217,9 +217,12 @@ export class TreeView {
           "text": "Emitted when a tree view item is opened.\r\nThe `detail` property of the `CustomEvent` will contain the complete path of TreeViewItems from the\r\nroot to the item that is emitting the open event. The consumer of the event is responsible for updating\r\nthe TreeView's collection (usually set the open state on the last TreeViewItem in path)."
         },
         "complexType": {
-          "original": "TreeViewItem[]",
+          "original": "Array<TreeViewItem>",
           "resolved": "TreeViewItem[]",
           "references": {
+            "Array": {
+              "location": "global"
+            },
             "TreeViewItem": {
               "location": "import",
               "path": "./tree-view.interfaces"
@@ -237,9 +240,12 @@ export class TreeView {
           "text": "Emitted when a tree view item is closed.\r\nThe `detail` property of the `CustomEvent` will contain the complete path of TreeViewItems from the\r\nroot to the item that is emitting the close event. The consumer of the event is responsible for updating\r\nthe TreeView's collection (usually set the closed state on the last TreeViewItem in path)."
         },
         "complexType": {
-          "original": "TreeViewItem[]",
+          "original": "Array<TreeViewItem>",
           "resolved": "TreeViewItem[]",
           "references": {
+            "Array": {
+              "location": "global"
+            },
             "TreeViewItem": {
               "location": "import",
               "path": "./tree-view.interfaces"

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

@@ -0,0 +1 @@
+export {};

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

@@ -24,8 +24,8 @@ export class ViewerGrid {
     };
     this.filterpanelOpen = false;
     this.overlayOpen = false;
-    this.initialMainSize = "large";
-    this.mainSize = this.initialMainSize;
+    this.initialMainSize = undefined;
+    this.mainSize = "large";
   }
   mainSizeWatcher(currentSize, previousSize) {
     var _a;
@@ -95,6 +95,11 @@ export class ViewerGrid {
     }
     this.updateFocusTrap();
   }
+  componentWillLoad() {
+    if (this.initialMainSize) {
+      this.mainSize = this.initialMainSize;
+    }
+  }
   componentDidUpdate() {
     this.updateFocusTrap();
   }
@@ -168,22 +173,22 @@ export class ViewerGrid {
         "mutable": false,
         "complexType": {
           "original": "MainSize",
-          "resolved": "\"large\" | \"medium\" | \"small\"",
+          "resolved": "\"large\" | \"medium\" | \"small\" | undefined",
           "references": {
             "MainSize": {
-              "location": "local"
+              "location": "import",
+              "path": "./viewer-grid.interfaces"
             }
           }
         },
         "required": false,
-        "optional": false,
+        "optional": true,
         "docs": {
           "tags": [],
-          "text": "Size of the main content panel when component loads. Changing this attribute afterwards has no effect."
+          "text": "Size of the main content panel when component loads. Changing this attribute afterwards has no effect.\r\n\r\nDefault size is `large`."
         },
         "attribute": "initial-main-size",
-        "reflect": false,
-        "defaultValue": "\"large\""
+        "reflect": false
       }
     };
   }
@@ -230,7 +235,8 @@ export class ViewerGrid {
           "resolved": "FilterpanelEvent",
           "references": {
             "FilterpanelEvent": {
-              "location": "local"
+              "location": "import",
+              "path": "./viewer-grid.interfaces"
             }
           }
         }
@@ -249,7 +255,8 @@ export class ViewerGrid {
           "resolved": "FilterpanelEvent",
           "references": {
             "FilterpanelEvent": {
-              "location": "local"
+              "location": "import",
+              "path": "./viewer-grid.interfaces"
             }
           }
         }
@@ -268,7 +275,8 @@ export class ViewerGrid {
           "resolved": "ViewerGridChangeSizeEvent",
           "references": {
             "ViewerGridChangeSizeEvent": {
-              "location": "local"
+              "location": "import",
+              "path": "./viewer-grid.interfaces"
             }
           }
         }

package/dist/collection/index.js

@@ -1,2 +1,15 @@
+export * from "./components/accordion/accordion.interfaces";
+export * from "./components/autosuggest/autosuggest.interfaces";
+export * from "./components/card/card.interfaces";
+export * from "./components/date-picker/date-picker.interfaces";
+export * from "./components/header/header.interfaces";
+export * from "./components/info-button/info-button.interfaces";
 export * from "./components/map-base-layers/map-base-layers.interfaces";
 export * from "./components/map-overlays/map-overlays.interfaces";
+export * from "./components/modal/modal.interfaces";
+export * from "./components/ozon-content/ozon-content.interfaces";
+export * from "./components/pagination/pagination.interfaces";
+export * from "./components/responsive-element/responsive-element.interfaces";
+export * from "./components/selectable/selectable.interfaces";
+export * from "./components/tree-view/tree-view.interfaces";
+export * from "./components/viewer-grid/viewer-grid.interfaces";

package/dist/components/clsx.m.js

@@ -0,0 +1,3 @@
+function r(e){var t,f,n="";if("string"==typeof e||"number"==typeof e)n+=e;else if("object"==typeof e)if(Array.isArray(e))for(t=0;t<e.length;t++)e[t]&&(f=r(e[t]))&&(n&&(n+=" "),n+=f);else for(t in e)e[t]&&(n&&(n+=" "),n+=t);return n}function clsx(){for(var e,t,f=0,n="";f<arguments.length;)(e=arguments[f++])&&(t=r(e))&&(n&&(n+=" "),n+=t);return n}
+
+export { clsx as c };

package/dist/components/create-identifier.js

@@ -0,0 +1,15 @@
+/**
+ * Form random hash
+ */
+function chr4() {
+  return Math.random().toString(16).slice(-4);
+}
+/**
+ * Create random identifier with a prefix
+ * @param prefix
+ */
+function createIdentifier(prefix) {
+  return `${prefix}-${chr4()}${chr4()}-${chr4()}-${chr4()}-${chr4()}-${chr4()}${chr4()}${chr4()}`;
+}
+
+export { createIdentifier as c };

package/dist/components/dropdown-menu.js

@@ -0,0 +1,151 @@
+import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
+import { t as tabbable } from './index.esm.js';
+import { v as v4 } from './v4.js';
+
+const dropdownMenuCss = ":host(:focus){outline:none}:host{display:inline-block;position:relative}";
+
+const DropdownMenu = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.__attachShadow();
+    this.focusOutListener = (event) => {
+      if (!this.tabbables.includes(event.relatedTarget)) {
+        this.open = false;
+      }
+    };
+    this.keyDownListener = (event) => {
+      if (event.defaultPrevented) {
+        return;
+      }
+      switch (event.key) {
+        case "ArrowDown":
+          this.tabInPopup(1);
+          break;
+        case "ArrowUp":
+          this.tabInPopup(-1);
+          break;
+        case "Escape":
+          this.escape();
+          break;
+        case " ":
+          if (event.target instanceof HTMLElement) {
+            event.target.click();
+          }
+          break;
+        default:
+          return;
+      }
+      event.preventDefault();
+    };
+    this.escape = () => {
+      this.button.focus();
+      this.open = false;
+    };
+    this.open = false;
+    this.dropdownAlign = "left";
+    this.checkable = false;
+  }
+  get button() {
+    const button = this.host.querySelector('button[slot="toggle"]');
+    if (!(button instanceof HTMLButtonElement)) {
+      throw new ReferenceError("Mandatory toggle button not found");
+    }
+    return button;
+  }
+  get tabbables() {
+    return tabbable(this.host).filter((e) => e !== this.button);
+  }
+  componentDidLoad() {
+    this.button.setAttribute("aria-haspopup", "menu");
+    this.button.setAttribute("aria-expanded", "false");
+    if (!this.button.id) {
+      this.button.id = v4();
+    }
+    this.button.addEventListener("click", () => {
+      this.open = !this.open;
+    });
+    const options = this.host.querySelector(".dso-dropdown-options");
+    if (!options) {
+      throw new ReferenceError("Dropdown options not found");
+    }
+    options.setAttribute("role", "menu");
+    options.setAttribute("aria-labelledby", this.button.id);
+    for (const ul of Array.from(this.host.getElementsByTagName("ul"))) {
+      ul.setAttribute("role", "none");
+      for (const li of Array.from(ul.getElementsByTagName("li"))) {
+        li.setAttribute("role", "none");
+      }
+    }
+  }
+  componentDidRender() {
+    for (const li of Array.from(this.host.getElementsByTagName("li"))) {
+      for (const tab of tabbable(li)) {
+        tab.setAttribute("role", this.checkable ? "menuitemradio" : "menuitem");
+        if (this.checkable && li.classList.contains("dso-checked")) {
+          tab.setAttribute("aria-checked", "true");
+        }
+        else {
+          tab.removeAttribute("aria-checked");
+        }
+      }
+    }
+    this.host.removeEventListener("keydown", this.keyDownListener);
+    this.button.setAttribute("aria-expanded", this.open ? "true" : "false");
+    if (this.open) {
+      this.host.addEventListener("keydown", this.keyDownListener);
+    }
+    this.tabbables.forEach((tabbable) => {
+      tabbable.removeEventListener("click", this.escape);
+      if (this.open) {
+        tabbable.addEventListener("click", this.escape);
+      }
+    });
+  }
+  getActiveElement(root = document) {
+    const activeEl = root.activeElement;
+    if (!activeEl) {
+      return null;
+    }
+    if (activeEl.shadowRoot) {
+      return this.getActiveElement(activeEl.shadowRoot);
+    }
+    return activeEl;
+  }
+  tabInPopup(direction) {
+    const tabs = this.tabbables;
+    const currentIndex = tabs.findIndex((e) => e === this.getActiveElement());
+    let nextIndex = currentIndex + direction;
+    if (nextIndex >= tabs.length) {
+      nextIndex = 0;
+    }
+    else if (nextIndex < 0) {
+      nextIndex = tabs.length - 1;
+    }
+    tabs[nextIndex].focus();
+  }
+  render() {
+    return (h(Host, { onFocusout: this.focusOutListener, tabindex: this.open ? "-1" : undefined }, h("slot", { name: "toggle" }), h("div", { hidden: !this.open }, h("slot", null))));
+  }
+  get host() { return this; }
+  static get style() { return dropdownMenuCss; }
+}, [1, "dso-dropdown-menu", {
+    "open": [1540],
+    "dropdownAlign": [1, "dropdown-align"],
+    "checkable": [4]
+  }]);
+function defineCustomElement() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["dso-dropdown-menu"];
+  components.forEach(tagName => { switch (tagName) {
+    case "dso-dropdown-menu":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, DropdownMenu);
+      }
+      break;
+  } });
+}
+
+export { DropdownMenu as D, defineCustomElement as d };

package/dist/components/dso-accordion-section.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface DsoAccordionSection extends Components.DsoAccordionSection, HTMLElement {}
+export const DsoAccordionSection: {
+  prototype: DsoAccordionSection;
+  new (): DsoAccordionSection;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;