wj-elements 0.5.2 → 0.6.1

package/dist/packages/wje-dialog/dialog.element.d.ts

@@ -33,6 +33,7 @@ export default class Dialog extends WJElement {
      */
     static get observedAttributes(): any[];
     _instanceId: number;
+    _opening: boolean;
     /**
      * Sets the value of the 'headline' attribute.
      * @param {string} value The new value for the 'headline' attribute.

package/dist/packages/wje-orgchart/orgchart.element.d.ts

@@ -4,7 +4,9 @@ import { default as WJElement } from '../wje-element/element.js';
  * @documentation https://elements.webjet.sk/components/Orgchart
  * @status stable
  * @augments WJElement
+ * @attribute {boolean} flat - Removes the incoming connector spacing for nested charts that should visually continue on the same level.
  * @csspart - Styles the element.
+ * @csspart native - Styles the native element.
  * @tag wje-orgchart
  * @example
  */
@@ -15,12 +17,37 @@ export default class Orgchart extends WJElement {
      * @returns {CSSStyleSheet}
      */
     static get cssStyleSheet(): CSSStyleSheet;
+    /**
+     * Returns attributes that trigger a redraw when they change.
+     * @returns {Array<string>} Attribute names that require a new template render.
+     */
+    static get observedAttributes(): Array<string>;
+    /**
+     * Sets whether the chart should omit its incoming connector spacing.
+     * @param {boolean} value True when the chart should render without top connector spacing.
+     */
+    set flat(value: boolean);
+    /**
+     * Gets whether the chart omits its incoming connector spacing.
+     * @returns {boolean} True when the chart has the flat attribute.
+     */
+    get flat(): boolean;
     /**
      * Draws the component for the org chart.
      * @returns {DocumentFragment}
      */
     draw(): DocumentFragment;
     native: HTMLDivElement;
+    defaultSlot: HTMLSlotElement;
+    /**
+     * Syncs flat chart state to direct slotted children.
+     */
+    afterDraw(): void;
+    /**
+     * Marks direct children that are rendered inside a flat chart.
+     */
+    syncFlatChildren: () => void;
+    flatChildren: Set<Element>;
     /**
      * Sync ARIA attributes on host.
      */

package/dist/packages/wje-orgchart-item/orgchart-item.element.d.ts

@@ -5,11 +5,13 @@ import { default as WJElement } from '../wje-element/element.js';
  * @status stable
  * @augments WJElement
  * @attribute {boolean} boss - The boss of the orgchart item (default: false).
+ * @attribute {boolean} virtual - Renders the item as a structural connector without its own card or expander.
  * @slot - The default slot for the orgchart item.
  * @slot child - The child slot for the orgchart item.
  * @csspart - Styles the element.
  * @csspart native - Styles the native element.
  * @csspart expander - Styles the expander element.
+ * // @fires wje-orgchart-item:click - Emitted when the item card is clicked.
  * @tag wje-orgchart-item
  */
 export default class OrgchartItem extends WJElement {
@@ -19,6 +21,11 @@ export default class OrgchartItem extends WJElement {
      * @returns {CSSStyleSheet}
      */
     static get cssStyleSheet(): CSSStyleSheet;
+    /**
+     * Returns attributes that trigger a redraw when they change.
+     * @returns {Array<string>} Attribute names that require a new template render.
+     */
+    static get observedAttributes(): Array<string>;
     /**
      * Sets the boss of the orgchart item.
      * @param value
@@ -29,6 +36,16 @@ export default class OrgchartItem extends WJElement {
      * @returns {boolean}
      */
     get boss(): boolean;
+    /**
+     * Sets whether the item should render only as a structural connector.
+     * @param {boolean} value True when the item should not render its own card.
+     */
+    set virtual(value: boolean);
+    /**
+     * Gets whether the item renders only as a structural connector.
+     * @returns {boolean} True when the item has the virtual attribute.
+     */
+    get virtual(): boolean;
     beforeDraw(): void;
     /**
      * Draws the component for the org chart item.
@@ -36,14 +53,15 @@ export default class OrgchartItem extends WJElement {
      */
     draw(): DocumentFragment;
     expander: HTMLDivElement;
+    card: HTMLElement;
     /**
      * After Draws the component for the org chart item.
      */
     afterDraw(): void;
+    handleItemClick: (e: any) => void;
     /**
      * Toggles the children of the orgchart item.
      * @param e The event object.
      */
     toggleChildren: (e: any) => void;
-    dispatchEvent(e: any): boolean;
 }

package/dist/packages/wje-popup/popup.element.d.ts

@@ -53,6 +53,13 @@ export default class Popup extends WJElement {
      */
     get portal(): boolean;
     get floatingEl(): HTMLDivElement;
+    _hideFloatingLightDomContentBeforeRender(): void;
+    _hiddenFloatingLightDomContent: {
+        el: Element;
+        display: any;
+        priority: any;
+    }[];
+    _restoreFloatingLightDomContentAfterRender(): void;
     beforeDraw(context: any, store: any, params: any): void;
     /**
      * Draws the component for the popup.

package/dist/{popup.element-C8-g3WLs.js → popup.element-B1HZhDZJ.js}

@@ -1501,6 +1501,29 @@ class Popup extends WJElement {
    */
   setupAttributes() {
     this.isShadowRoot = "open";
+    this._hideFloatingLightDomContentBeforeRender();
+  }
+  _hideFloatingLightDomContentBeforeRender() {
+    if (this._hiddenFloatingLightDomContent) return;
+    const floatingChildren = Array.from(this.children).filter((el) => el.getAttribute("slot") !== "anchor");
+    if (floatingChildren.length === 0) return;
+    this._hiddenFloatingLightDomContent = floatingChildren.map((el) => {
+      const display = el.style.getPropertyValue("display");
+      const priority = el.style.getPropertyPriority("display");
+      el.style.setProperty("display", "none");
+      return { el, display, priority };
+    });
+  }
+  _restoreFloatingLightDomContentAfterRender() {
+    var _a;
+    (_a = this._hiddenFloatingLightDomContent) == null ? void 0 : _a.forEach(({ el, display, priority }) => {
+      if (display) {
+        el.style.setProperty("display", display, priority);
+      } else {
+        el.style.removeProperty("display");
+      }
+    });
+    this._hiddenFloatingLightDomContent = null;
   }
   afterDisconnect() {
     var _a;
@@ -1546,6 +1569,7 @@ class Popup extends WJElement {
    * After Draws the component.
    */
   afterDraw() {
+    this._restoreFloatingLightDomContentAfterRender();
     this.setAnchor();
     this.addEventListener("wje-popup:content-ready", () => {
       this.markContentReady();
@@ -1898,4 +1922,4 @@ class Popup extends WJElement {
 export {
   Popup as P
 };
-//# sourceMappingURL=popup.element-C8-g3WLs.js.map
+//# sourceMappingURL=popup.element-B1HZhDZJ.js.map