@dso-toolkit/core 62.18.0 → 62.19.0

package/dist/collection/components/accordion/components/accordion-section.js

@@ -3,435 +3,435 @@ import { stateMap, } from "./accordion-section.interfaces";
 // eslint-disable-next-line no-console
 const log = window["_dsoLog"] === true ? console.log.bind(console.log) : function () { };
 const HandleElement = ({ handleUrl, onClick, open, handleElementRef }, children) => {
-  if (handleUrl) {
-    return (h("a", { href: handleUrl, onClick: onClick, "aria-expanded": open ? "true" : "false", ref: handleElementRef }, children));
-  }
-  return (h("button", { type: "button", onClick: onClick, "aria-expanded": open ? "true" : "false", ref: handleElementRef }, children));
+    if (handleUrl) {
+        return (h("a", { href: handleUrl, onClick: onClick, "aria-expanded": open ? "true" : "false", ref: handleElementRef }, children));
+    }
+    return (h("button", { type: "button", onClick: onClick, "aria-expanded": open ? "true" : "false", ref: handleElementRef }, children));
 };
 const Handle = ({ heading, ref }, children) => {
-  switch (heading) {
-    default:
-    case "h2":
-      return (h("h2", { ref: ref, class: "dso-section-handle" }, children));
-    case "h3":
-      return (h("h3", { ref: ref, class: "dso-section-handle" }, children));
-    case "h4":
-      return (h("h4", { ref: ref, class: "dso-section-handle" }, children));
-    case "h5":
-      return (h("h5", { ref: ref, class: "dso-section-handle" }, children));
-  }
+    switch (heading) {
+        default:
+        case "h2":
+            return (h("h2", { ref: ref, class: "dso-section-handle" }, children));
+        case "h3":
+            return (h("h3", { ref: ref, class: "dso-section-handle" }, children));
+        case "h4":
+            return (h("h4", { ref: ref, class: "dso-section-handle" }, children));
+        case "h5":
+            return (h("h5", { ref: ref, class: "dso-section-handle" }, children));
+    }
 };
 const HandleIcon = ({ state, icon, attachmentCount }) => {
-  if (state) {
-    return h(HandleStateIcon, { state: state });
-  }
-  if (attachmentCount) {
-    return h("dso-attachments-counter", { count: attachmentCount });
-  }
-  if (icon) {
-    return h("dso-icon", { icon: icon });
-  }
+    if (state) {
+        return h(HandleStateIcon, { state: state });
+    }
+    if (attachmentCount) {
+        return h("dso-attachments-counter", { count: attachmentCount });
+    }
+    if (icon) {
+        return h("dso-icon", { icon: icon });
+    }
 };
 const HandleStateIcon = ({ state }) => {
-  if (state === "error") {
-    return h("dso-icon", { icon: "status-error" });
-  }
-  if (state === "danger") {
-    return h("dso-icon", { icon: "status-danger" });
-  }
-  if (state === "success") {
-    return h("dso-icon", { icon: "status-success" });
-  }
-  if (state === "info") {
-    return h("dso-icon", { icon: "status-info" });
-  }
-  if (state === "warning") {
-    return h("dso-icon", { icon: "status-warning" });
-  }
+    if (state === "error") {
+        return h("dso-icon", { icon: "status-error" });
+    }
+    if (state === "danger") {
+        return h("dso-icon", { icon: "status-danger" });
+    }
+    if (state === "success") {
+        return h("dso-icon", { icon: "status-success" });
+    }
+    if (state === "info") {
+        return h("dso-icon", { icon: "status-info" });
+    }
+    if (state === "warning") {
+        return h("dso-icon", { icon: "status-warning" });
+    }
 };
 export class AccordionSection {
-  constructor() {
-    this.handleClick = (event) => {
-      this.dsoToggleClick.emit({
-        originalEvent: event,
-        open: !this.open,
-      });
-    };
-    this.handleExpandableAnimationStart = (e) => {
-      this.dsoAnimationStart.emit({
-        animation: this.open ? "opening" : "closing",
-        scrollIntoView: (behavior = "auto") => this.scrollIntoView(e.detail.bodyHeight, behavior),
-      });
-    };
-    this.handleExpandableAnimationEnd = (e) => {
-      this.dsoAnimationEnd.emit({
-        open: this.open,
-        scrollIntoView: (behavior = "auto") => this.scrollIntoView(e.detail.bodyHeight, behavior),
-      });
-    };
-    this.handleTitle = undefined;
-    this.heading = "h2";
-    this.handleUrl = undefined;
-    this.status = undefined;
-    this.attachmentCount = undefined;
-    this.icon = undefined;
-    this.statusDescription = undefined;
-    this.open = false;
-    this.hasNestedAccordion = false;
-    this.hover = false;
-  }
-  /**
-   * Calling this method will set focus to the handle.
-   */
-  async focusHandle() {
-    var _a;
-    (_a = this.handleElementRef) === null || _a === void 0 ? void 0 : _a.focus();
-  }
-  get containsNestedAccordion() {
-    return this.host.querySelector("dso-accordion") !== null;
-  }
-  componentWillLoad() {
-    var _a;
-    (_a = this.accordion) === null || _a === void 0 ? void 0 : _a._getState().then((state) => {
-      this.accordionState = state;
-      forceUpdate(this.host);
-    });
-  }
-  get isNeutral() {
-    var _a;
-    return ((_a = this.accordionState) === null || _a === void 0 ? void 0 : _a.variant) === "neutral";
-  }
-  async scrollIntoView(bodyHeight, behavior = "auto") {
-    var _a, _b;
-    log(`DSO Toolkit [Accordion Section] scrollIntoView(bodyHeight: ${JSON.stringify(bodyHeight)}, behavior: ${JSON.stringify(behavior)})`);
-    const bodyClientRect = (_a = this.sectionBody) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect();
-    const headingClientRect = (_b = this.sectionHeading) === null || _b === void 0 ? void 0 : _b.getBoundingClientRect();
-    log(`DSO Toolkit [Accordion Section] const bodyClientRect = ${JSON.stringify(bodyClientRect)};`);
-    log(`DSO Toolkit [Accordion Section] const headingClientRect = ${JSON.stringify(headingClientRect)};`);
-    log(`DSO Toolkit [Accordion Section] this.accordionState = ${JSON.stringify(this.accordionState)};`);
-    log(`DSO Toolkit [Accordion Section] this.open = ${JSON.stringify(this.open)};`);
-    if (!bodyClientRect || !headingClientRect || !this.accordionState) {
-      log(`DSO Toolkit [Accordion Section] returning`);
-      return;
+    constructor() {
+        this.handleClick = (event) => {
+            this.dsoToggleClick.emit({
+                originalEvent: event,
+                open: !this.open,
+            });
+        };
+        this.handleExpandableAnimationStart = (e) => {
+            this.dsoAnimationStart.emit({
+                animation: this.open ? "opening" : "closing",
+                scrollIntoView: (behavior = "auto") => this.scrollIntoView(e.detail.bodyHeight, behavior),
+            });
+        };
+        this.handleExpandableAnimationEnd = (e) => {
+            this.dsoAnimationEnd.emit({
+                open: this.open,
+                scrollIntoView: (behavior = "auto") => this.scrollIntoView(e.detail.bodyHeight, behavior),
+            });
+        };
+        this.handleTitle = undefined;
+        this.heading = "h2";
+        this.handleUrl = undefined;
+        this.status = undefined;
+        this.attachmentCount = undefined;
+        this.icon = undefined;
+        this.statusDescription = undefined;
+        this.open = false;
+        this.hasNestedAccordion = false;
+        this.hover = false;
     }
-    // this y is relative to the top of the viewport.
-    const sectionBottomY = headingClientRect.top + headingClientRect.height + (this.open ? bodyHeight !== null && bodyHeight !== void 0 ? bodyHeight : 0 : 0);
-    log(`DSO Toolkit [Accordion Section] const sectionBottomY = ${JSON.stringify(sectionBottomY)};`);
-    log(`DSO Toolkit [Accordion Section] window.innerHeight = ${JSON.stringify(window.innerHeight)};`);
-    const box = this.host.getBoundingClientRect();
-    const scrollTop = window.scrollY || document.documentElement.scrollTop || document.body.scrollTop;
-    const clientTop = document.documentElement.clientTop || document.body.clientTop || 0;
-    const top = box.top + scrollTop - clientTop;
-    log("DSO Toolkit [Accordion Section] scroll", { box, scrollTop, clientTop, top });
-    if (sectionBottomY > window.innerHeight) {
-      log(`DSO Toolkit [Accordion Section] sectionBottomY > window.innerHeight === ${JSON.stringify(sectionBottomY > window.innerHeight)};`);
-      const expandedAccordionHeight = sectionBottomY - headingClientRect.top;
-      const shouldScrollToTopOfSection = expandedAccordionHeight > window.innerHeight;
-      log(`DSO Toolkit [Accordion Section] const expandedAccordionHeight = ${JSON.stringify(expandedAccordionHeight)};`);
-      log(`DSO Toolkit [Accordion Section] const shouldScrollToTopOfSection = ${JSON.stringify(shouldScrollToTopOfSection)};`);
-      window.scrollTo({
-        top: shouldScrollToTopOfSection ? top : top - (window.innerHeight - expandedAccordionHeight),
-        behavior,
-      });
+    /**
+     * Calling this method will set focus to the handle.
+     */
+    async focusHandle() {
+        var _a;
+        (_a = this.handleElementRef) === null || _a === void 0 ? void 0 : _a.focus();
     }
-    else if (headingClientRect.top < 0) {
-      log(`DSO Toolkit [Accordion Section] headingClientRect.top < 0 === ${JSON.stringify(headingClientRect.top < 0)};`);
-      window.scrollTo({
-        top,
-        behavior,
-      });
+    get containsNestedAccordion() {
+        return this.host.querySelector("dso-accordion") !== null;
     }
-  }
-  get accordion() {
-    return this.host.closest("dso-accordion");
-  }
-  render() {
-    var _a;
-    const { variant, reverseAlign } = (_a = this.accordionState) !== null && _a !== void 0 ? _a : {};
-    const hasAddons = !!this.statusDescription || !!this.status || !!this.icon || !!this.attachmentCount;
-    return (h(Host, { class: {
-        "dso-accordion-section": true,
-        ["dso-accordion-" + variant]: true,
-        "dso-nested-accordion": this.hasNestedAccordion || this.containsNestedAccordion,
-        "dso-accordion-reverse-align": reverseAlign !== null && reverseAlign !== void 0 ? reverseAlign : false,
-      }, hidden: !variant, onMouseenter: () => (this.hover = true), onMouseleave: () => (this.hover = false) }, h(Handle, { heading: this.heading, ref: (element) => (this.sectionHeading = element) }, h(HandleElement, { handleUrl: this.handleUrl, onClick: this.handleClick, open: this.open, handleElementRef: (e) => (this.handleElementRef = e) }, reverseAlign ? (h(Fragment, null, hasAddons && (h("div", { class: "dso-section-handle-addons" }, h(HandleIcon, { icon: this.icon }))), h("span", null, this.handleTitle), h("dso-icon", { class: "dso-section-handle-chevron", icon: "chevron-down" }))) : (h(Fragment, null, h("dso-icon", { class: "dso-section-handle-chevron", icon: "chevron-right" }), this.status && h("span", { class: "sr-only" }, stateMap[this.status]), h("span", null, this.handleTitle, this.isNeutral && (h("dso-icon", { class: "info-icon", icon: this.open || this.hover ? "info-active" : "info" }))), hasAddons && (h("div", { class: "dso-section-handle-addons" }, this.statusDescription && h("span", { class: "dso-status" }, this.statusDescription), h(HandleIcon, { state: this.status, icon: this.icon, attachmentCount: this.attachmentCount }))))))), h("dso-expandable", { class: "dso-section-body", open: this.open, enableAnimation: true, minimumHeight: this.isNeutral ? 0 : 4, onDsoExpandableAnimationStart: this.handleExpandableAnimationStart, onDsoExpandableAnimationEnd: this.handleExpandableAnimationEnd }, h("div", { class: "dso-section-body-content", ref: (element) => (this.sectionBody = element) }, h("slot", null)))));
-  }
-  static get is() { return "dso-accordion-section"; }
-  static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() {
-    return {
-      "$": ["accordion-section.scss"]
-    };
-  }
-  static get styleUrls() {
-    return {
-      "$": ["accordion-section.css"]
-    };
-  }
-  static get properties() {
-    return {
-      "handleTitle": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string | undefined",
-          "references": {}
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": "The title of the handle"
-        },
-        "attribute": "handle-title",
-        "reflect": false
-      },
-      "heading": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "AccordionHeading",
-          "resolved": "\"h2\" | \"h3\" | \"h4\" | \"h5\"",
-          "references": {
-            "AccordionHeading": {
-              "location": "import",
-              "path": "./accordion-section.interfaces",
-              "id": "src/components/accordion/components/accordion-section.interfaces.ts::AccordionHeading"
-            }
-          }
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Which heading element to use."
-        },
-        "attribute": "heading",
-        "reflect": false,
-        "defaultValue": "\"h2\""
-      },
-      "handleUrl": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string | undefined",
-          "references": {}
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": "When set the handle will render as a `<a>`. When undefined it renders as a `<button>`"
-        },
-        "attribute": "handle-url",
-        "reflect": false
-      },
-      "status": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "AccordionSectionState",
-          "resolved": "\"danger\" | \"error\" | \"info\" | \"success\" | \"warning\" | undefined",
-          "references": {
-            "AccordionSectionState": {
-              "location": "import",
-              "path": "./accordion-section.interfaces",
-              "id": "src/components/accordion/components/accordion-section.interfaces.ts::AccordionSectionState"
-            }
-          }
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": "`state` takes precedence over `attachmentCount` and `icon`"
-        },
-        "attribute": "status",
-        "reflect": false
-      },
-      "attachmentCount": {
-        "type": "number",
-        "mutable": false,
-        "complexType": {
-          "original": "number",
-          "resolved": "number | undefined",
-          "references": {}
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": "`attachmentCount` takes precedence over `icon`"
-        },
-        "attribute": "attachment-count",
-        "reflect": false
-      },
-      "icon": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string | undefined",
-          "references": {}
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": "To set an icon in the heading handle."
-        },
-        "attribute": "icon",
-        "reflect": false
-      },
-      "statusDescription": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string | undefined",
-          "references": {}
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": "The status of the section."
-        },
-        "attribute": "status-description",
-        "reflect": false
-      },
-      "open": {
-        "type": "boolean",
-        "mutable": false,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Set the Accordion Section open."
-        },
-        "attribute": "open",
-        "reflect": true,
-        "defaultValue": "false"
-      },
-      "hasNestedAccordion": {
-        "type": "boolean",
-        "mutable": false,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Set when this Accordion Section contains or will contain an Accordion."
-        },
-        "attribute": "has-nested-accordion",
-        "reflect": true,
-        "defaultValue": "false"
-      }
-    };
-  }
-  static get states() {
-    return {
-      "hover": {}
-    };
-  }
-  static get events() {
-    return [{
-        "method": "dsoToggleClick",
-        "name": "dsoToggleClick",
-        "bubbles": false,
-        "cancelable": true,
-        "composed": true,
-        "docs": {
-          "tags": [],
-          "text": "Emitted when the user activates the toggle button."
-        },
-        "complexType": {
-          "original": "AccordionSectionToggleClickEvent",
-          "resolved": "AccordionSectionToggleClickEvent",
-          "references": {
-            "AccordionSectionToggleClickEvent": {
-              "location": "import",
-              "path": "./accordion-section.interfaces",
-              "id": "src/components/accordion/components/accordion-section.interfaces.ts::AccordionSectionToggleClickEvent"
-            }
-          }
+    componentWillLoad() {
+        var _a;
+        (_a = this.accordion) === null || _a === void 0 ? void 0 : _a._getState().then((state) => {
+            this.accordionState = state;
+            forceUpdate(this.host);
+        });
+    }
+    get isNeutral() {
+        var _a;
+        return ((_a = this.accordionState) === null || _a === void 0 ? void 0 : _a.variant) === "neutral";
+    }
+    async scrollIntoView(bodyHeight, behavior = "auto") {
+        var _a, _b;
+        log(`DSO Toolkit [Accordion Section] scrollIntoView(bodyHeight: ${JSON.stringify(bodyHeight)}, behavior: ${JSON.stringify(behavior)})`);
+        const bodyClientRect = (_a = this.sectionBody) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect();
+        const headingClientRect = (_b = this.sectionHeading) === null || _b === void 0 ? void 0 : _b.getBoundingClientRect();
+        log(`DSO Toolkit [Accordion Section] const bodyClientRect = ${JSON.stringify(bodyClientRect)};`);
+        log(`DSO Toolkit [Accordion Section] const headingClientRect = ${JSON.stringify(headingClientRect)};`);
+        log(`DSO Toolkit [Accordion Section] this.accordionState = ${JSON.stringify(this.accordionState)};`);
+        log(`DSO Toolkit [Accordion Section] this.open = ${JSON.stringify(this.open)};`);
+        if (!bodyClientRect || !headingClientRect || !this.accordionState) {
+            log(`DSO Toolkit [Accordion Section] returning`);
+            return;
         }
-      }, {
-        "method": "dsoAnimationStart",
-        "name": "dsoAnimationStart",
-        "bubbles": false,
-        "cancelable": true,
-        "composed": true,
-        "docs": {
-          "tags": [],
-          "text": "Event emitted when the Accordion Section starts its toggle animation."
-        },
-        "complexType": {
-          "original": "AccordionSectionAnimationStartEvent",
-          "resolved": "AccordionSectionAnimationStartEvent",
-          "references": {
-            "AccordionSectionAnimationStartEvent": {
-              "location": "import",
-              "path": "./accordion-section.interfaces",
-              "id": "src/components/accordion/components/accordion-section.interfaces.ts::AccordionSectionAnimationStartEvent"
-            }
-          }
+        // this y is relative to the top of the viewport.
+        const sectionBottomY = headingClientRect.top + headingClientRect.height + (this.open ? bodyHeight !== null && bodyHeight !== void 0 ? bodyHeight : 0 : 0);
+        log(`DSO Toolkit [Accordion Section] const sectionBottomY = ${JSON.stringify(sectionBottomY)};`);
+        log(`DSO Toolkit [Accordion Section] window.innerHeight = ${JSON.stringify(window.innerHeight)};`);
+        const box = this.host.getBoundingClientRect();
+        const scrollTop = window.scrollY || document.documentElement.scrollTop || document.body.scrollTop;
+        const clientTop = document.documentElement.clientTop || document.body.clientTop || 0;
+        const top = box.top + scrollTop - clientTop;
+        log("DSO Toolkit [Accordion Section] scroll", { box, scrollTop, clientTop, top });
+        if (sectionBottomY > window.innerHeight) {
+            log(`DSO Toolkit [Accordion Section] sectionBottomY > window.innerHeight === ${JSON.stringify(sectionBottomY > window.innerHeight)};`);
+            const expandedAccordionHeight = sectionBottomY - headingClientRect.top;
+            const shouldScrollToTopOfSection = expandedAccordionHeight > window.innerHeight;
+            log(`DSO Toolkit [Accordion Section] const expandedAccordionHeight = ${JSON.stringify(expandedAccordionHeight)};`);
+            log(`DSO Toolkit [Accordion Section] const shouldScrollToTopOfSection = ${JSON.stringify(shouldScrollToTopOfSection)};`);
+            window.scrollTo({
+                top: shouldScrollToTopOfSection ? top : top - (window.innerHeight - expandedAccordionHeight),
+                behavior,
+            });
         }
-      }, {
-        "method": "dsoAnimationEnd",
-        "name": "dsoAnimationEnd",
-        "bubbles": false,
-        "cancelable": true,
-        "composed": true,
-        "docs": {
-          "tags": [],
-          "text": "Event emitted when the Accordion Section completes its toggle animation."
-        },
-        "complexType": {
-          "original": "AccordionSectionAnimationEndEvent",
-          "resolved": "AccordionSectionAnimationEndEvent",
-          "references": {
-            "AccordionSectionAnimationEndEvent": {
-              "location": "import",
-              "path": "./accordion-section.interfaces",
-              "id": "src/components/accordion/components/accordion-section.interfaces.ts::AccordionSectionAnimationEndEvent"
-            }
-          }
+        else if (headingClientRect.top < 0) {
+            log(`DSO Toolkit [Accordion Section] headingClientRect.top < 0 === ${JSON.stringify(headingClientRect.top < 0)};`);
+            window.scrollTo({
+                top,
+                behavior,
+            });
         }
-      }];
-  }
-  static get methods() {
-    return {
-      "focusHandle": {
-        "complexType": {
-          "signature": "() => Promise<void>",
-          "parameters": [],
-          "references": {
-            "Promise": {
-              "location": "global",
-              "id": "global::Promise"
+    }
+    get accordion() {
+        return this.host.closest("dso-accordion");
+    }
+    render() {
+        var _a;
+        const { variant, reverseAlign } = (_a = this.accordionState) !== null && _a !== void 0 ? _a : {};
+        const hasAddons = !!this.statusDescription || !!this.status || !!this.icon || !!this.attachmentCount;
+        return (h(Host, { key: 'b2d2f79aa344a6134017dcae3b8d97dc2f057ea6', class: {
+                "dso-accordion-section": true,
+                ["dso-accordion-" + variant]: true,
+                "dso-nested-accordion": this.hasNestedAccordion || this.containsNestedAccordion,
+                "dso-accordion-reverse-align": reverseAlign !== null && reverseAlign !== void 0 ? reverseAlign : false,
+            }, hidden: !variant, onMouseenter: () => (this.hover = true), onMouseleave: () => (this.hover = false) }, h(Handle, { key: 'd3b1f3a364a4a2a534a0fdc74f2b49fb7bc4d840', heading: this.heading, ref: (element) => (this.sectionHeading = element) }, h(HandleElement, { key: 'fba29abcbda2824b5df104498decab1530e16366', handleUrl: this.handleUrl, onClick: this.handleClick, open: this.open, handleElementRef: (e) => (this.handleElementRef = e) }, reverseAlign ? (h(Fragment, null, hasAddons && (h("div", { class: "dso-section-handle-addons" }, h(HandleIcon, { icon: this.icon }))), h("span", null, this.handleTitle), h("dso-icon", { class: "dso-section-handle-chevron", icon: "chevron-down" }))) : (h(Fragment, null, h("dso-icon", { class: "dso-section-handle-chevron", icon: "chevron-right" }), this.status && h("span", { class: "sr-only" }, stateMap[this.status]), h("span", null, this.handleTitle, this.isNeutral && (h("dso-icon", { class: "info-icon", icon: this.open || this.hover ? "info-active" : "info" }))), hasAddons && (h("div", { class: "dso-section-handle-addons" }, this.statusDescription && h("span", { class: "dso-status" }, this.statusDescription), h(HandleIcon, { state: this.status, icon: this.icon, attachmentCount: this.attachmentCount }))))))), h("dso-expandable", { key: 'ecfc718a37a6606669b80530ecacd0373dd290e3', class: "dso-section-body", open: this.open, enableAnimation: true, minimumHeight: this.isNeutral ? 0 : 4, onDsoExpandableAnimationStart: this.handleExpandableAnimationStart, onDsoExpandableAnimationEnd: this.handleExpandableAnimationEnd }, h("div", { key: 'ea10c7688a91c4886b63418d3ec4a25c79a86ee0', class: "dso-section-body-content", ref: (element) => (this.sectionBody = element) }, h("slot", { key: 'a0113e3a08f3254b8268628aea529797c318e700' })))));
+    }
+    static get is() { return "dso-accordion-section"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["accordion-section.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["accordion-section.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "handleTitle": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string | undefined",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "The title of the handle"
+                },
+                "attribute": "handle-title",
+                "reflect": false
+            },
+            "heading": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "AccordionHeading",
+                    "resolved": "\"h2\" | \"h3\" | \"h4\" | \"h5\"",
+                    "references": {
+                        "AccordionHeading": {
+                            "location": "import",
+                            "path": "./accordion-section.interfaces",
+                            "id": "src/components/accordion/components/accordion-section.interfaces.ts::AccordionHeading"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Which heading element to use."
+                },
+                "attribute": "heading",
+                "reflect": false,
+                "defaultValue": "\"h2\""
+            },
+            "handleUrl": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string | undefined",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "When set the handle will render as a `<a>`. When undefined it renders as a `<button>`"
+                },
+                "attribute": "handle-url",
+                "reflect": false
+            },
+            "status": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "AccordionSectionState",
+                    "resolved": "\"danger\" | \"error\" | \"info\" | \"success\" | \"warning\" | undefined",
+                    "references": {
+                        "AccordionSectionState": {
+                            "location": "import",
+                            "path": "./accordion-section.interfaces",
+                            "id": "src/components/accordion/components/accordion-section.interfaces.ts::AccordionSectionState"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "`state` takes precedence over `attachmentCount` and `icon`"
+                },
+                "attribute": "status",
+                "reflect": false
+            },
+            "attachmentCount": {
+                "type": "number",
+                "mutable": false,
+                "complexType": {
+                    "original": "number",
+                    "resolved": "number | undefined",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "`attachmentCount` takes precedence over `icon`"
+                },
+                "attribute": "attachment-count",
+                "reflect": false
+            },
+            "icon": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string | undefined",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "To set an icon in the heading handle."
+                },
+                "attribute": "icon",
+                "reflect": false
+            },
+            "statusDescription": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string | undefined",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "The status of the section."
+                },
+                "attribute": "status-description",
+                "reflect": false
+            },
+            "open": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Set the Accordion Section open."
+                },
+                "attribute": "open",
+                "reflect": true,
+                "defaultValue": "false"
+            },
+            "hasNestedAccordion": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Set when this Accordion Section contains or will contain an Accordion."
+                },
+                "attribute": "has-nested-accordion",
+                "reflect": true,
+                "defaultValue": "false"
             }
-          },
-          "return": "Promise<void>"
-        },
-        "docs": {
-          "text": "Calling this method will set focus to the handle.",
-          "tags": []
-        }
-      }
-    };
-  }
-  static get elementRef() { return "host"; }
+        };
+    }
+    static get states() {
+        return {
+            "hover": {}
+        };
+    }
+    static get events() {
+        return [{
+                "method": "dsoToggleClick",
+                "name": "dsoToggleClick",
+                "bubbles": false,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Emitted when the user activates the toggle button."
+                },
+                "complexType": {
+                    "original": "AccordionSectionToggleClickEvent",
+                    "resolved": "AccordionSectionToggleClickEvent",
+                    "references": {
+                        "AccordionSectionToggleClickEvent": {
+                            "location": "import",
+                            "path": "./accordion-section.interfaces",
+                            "id": "src/components/accordion/components/accordion-section.interfaces.ts::AccordionSectionToggleClickEvent"
+                        }
+                    }
+                }
+            }, {
+                "method": "dsoAnimationStart",
+                "name": "dsoAnimationStart",
+                "bubbles": false,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Event emitted when the Accordion Section starts its toggle animation."
+                },
+                "complexType": {
+                    "original": "AccordionSectionAnimationStartEvent",
+                    "resolved": "AccordionSectionAnimationStartEvent",
+                    "references": {
+                        "AccordionSectionAnimationStartEvent": {
+                            "location": "import",
+                            "path": "./accordion-section.interfaces",
+                            "id": "src/components/accordion/components/accordion-section.interfaces.ts::AccordionSectionAnimationStartEvent"
+                        }
+                    }
+                }
+            }, {
+                "method": "dsoAnimationEnd",
+                "name": "dsoAnimationEnd",
+                "bubbles": false,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Event emitted when the Accordion Section completes its toggle animation."
+                },
+                "complexType": {
+                    "original": "AccordionSectionAnimationEndEvent",
+                    "resolved": "AccordionSectionAnimationEndEvent",
+                    "references": {
+                        "AccordionSectionAnimationEndEvent": {
+                            "location": "import",
+                            "path": "./accordion-section.interfaces",
+                            "id": "src/components/accordion/components/accordion-section.interfaces.ts::AccordionSectionAnimationEndEvent"
+                        }
+                    }
+                }
+            }];
+    }
+    static get methods() {
+        return {
+            "focusHandle": {
+                "complexType": {
+                    "signature": "() => Promise<void>",
+                    "parameters": [],
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        }
+                    },
+                    "return": "Promise<void>"
+                },
+                "docs": {
+                    "text": "Calling this method will set focus to the handle.",
+                    "tags": []
+                }
+            }
+        };
+    }
+    static get elementRef() { return "host"; }
 }
 //# sourceMappingURL=accordion-section.js.map