ids-enterprise-wc 1.9.0 → 1.9.1

package/chunks/ids-chunk-MUQZZJP4.js

@@ -0,0 +1,114 @@
+import{a as C}from"./ids-chunk-2UCRZLDJ.js";import{a as X,b as A}from"./ids-chunk-6OHSDEWQ.js";import{a as x}from"./ids-chunk-KH2KRY56.js";import{a as v}from"./ids-chunk-EKKKKMSS.js";import{a as m}from"./ids-chunk-3ZNIY4EY.js";import{a as W,b as I}from"./ids-chunk-W544ATNJ.js";import{a as Z}from"./ids-chunk-HEO7ODV7.js";import{e as s}from"./ids-chunk-ZNNLOALS.js";import{a}from"./ids-chunk-TUG7JY5H.js";import{a as g,b as l,c as G,d as p,e as h,f as i}from"./ids-chunk-L5CMP5FA.js";var B=`:host {
+  display: block;
+}
+
+:host([force-collapse]) .ids-accordion-pane {
+  height: 0 !important;
+}
+
+::slotted([slot=content]) {
+  position: relative;
+}
+
+.ids-accordion-panel:not([class*=color-variant-]) .ids-accordion-pane-content {
+  padding-block: var(--ids-accordion-pane-content-padding-block);
+  padding-inline-start: var(--ids-accordion-pane-content-padding-inline);
+}
+.ids-accordion-panel:not([class*=color-variant-]).nested .ids-accordion-pane-content {
+  padding-inline-start: 22px;
+}
+.ids-accordion-panel:not([class*=color-variant-]).has-icon .ids-accordion-pane-content {
+  padding-inline-start: var(--ids-accordion-pane-content-padding-icon);
+}
+.ids-accordion-panel.color-variant-app-menu {
+  margin-bottom: 4px;
+  background-color: var(--ids-app-menu-accordion-panel-color-background);
+  transition: background-color var(--ids-motion-duration) var(--ids-motion-ease), height var(--ids-motion-duration) var(--ids-motion-ease), padding var(--ids-motion-duration) var(--ids-motion-ease);
+}
+.ids-accordion-panel.color-variant-app-menu.expanded {
+  padding-block-start: 8px;
+}
+.ids-accordion-panel.color-variant-app-menu .ids-accordion-pane-content {
+  padding-inline-start: 8px;
+}
+.ids-accordion-panel.color-variant-app-menu:not(.rtl).nested .ids-accordion-pane-content {
+  padding-inline-start: 16px;
+  padding-inline-end: 0;
+}
+.ids-accordion-panel.color-variant-app-menu ::slotted(ids-accordion-panel) {
+  padding-inline-start: 24px;
+  padding-inline-end: 16px;
+}
+.ids-accordion-panel.color-variant-app-menu .ids-accordion-panel {
+  padding-inline-start: 24px;
+}
+.ids-accordion-panel.color-variant-sub-app-menu {
+  margin: 0;
+}
+.ids-accordion-panel.color-variant-sub-app-menu:not(.rtl) .ids-accordion-pane-content {
+  padding-inline-start: 28px;
+}
+.ids-accordion-panel.color-variant-module-nav .ids-accordion-pane-content {
+  padding-inline-start: 8px;
+}
+.ids-accordion-panel.color-variant-module-nav:not(.rtl).nested .ids-accordion-pane-content {
+  padding-inline-start: 16px;
+  padding-inline-end: 0;
+}
+.ids-accordion-panel.color-variant-module-nav .ids-accordion-pane-content {
+  padding-inline-start: 0;
+}
+.ids-accordion-panel.color-variant-module-nav.nested .ids-accordion-pane-content {
+  padding-inline-start: 16px;
+  padding-inline-end: 0;
+}
+.ids-accordion-panel.color-variant-sub-module-nav .ids-accordion-pane-content {
+  padding-inline-start: 0;
+}
+.ids-accordion-panel.color-variant-sub-module-nav.nested .ids-accordion-pane-content {
+  padding-inline-start: 0;
+  padding-inline-end: 0;
+}
+
+.ids-accordion-pane {
+  box-sizing: border-box;
+  display: none;
+  height: 0;
+  overflow: hidden;
+  transition: height var(--ids-motion-duration) var(--ids-motion-ease);
+}
+.ids-accordion-pane.expanded {
+  overflow: initial;
+}
+
+.ids-accordion-panex {
+  -ms-overflow-style: none;
+  scrollbar-width: none;
+}
+.ids-accordion-panex::-webkit-scrollbar {
+  display: none;
+}
+
+.ids-accordion-pane-title {
+  clip: rect(0, 0, 0, 0);
+  height: 0;
+  line-height: 0;
+  min-height: 0;
+  overflow: hidden;
+  padding: 0;
+  position: absolute;
+  width: 1px;
+}
+/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL3Jvb3QvZW50ZXJwcmlzZS9zcmMvY29tcG9uZW50cy9pZHMtYWNjb3JkaW9uIiwic291cmNlcyI6WyJpZHMtYWNjb3JkaW9uLXBhbmVsLnNjc3MiLCIuLi8uLi90aGVtZXMvbWl4aW5zL2lkcy1jb3JlLW1peGlucy5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWtIQTtFQUNFOzs7QUFJQTtFQUNFOzs7QUFJSjtFQUNFOzs7QUF4Q0E7RUFDRTtFQUNBOztBQUlBO0VBQ0U7O0FBS0Y7RUFDRTs7QUFxQ0o7RUFqSUE7RUFDQTtFQUNBLFlBQ0U7O0FBSUY7RUFDRTs7QUE0Q0Y7RUFDRTs7QUFLRTtFQUNFO0VBQ0E7O0FBc0NOO0VBQ0U7RUFDQTs7QUFHRjtFQUNFOztBQStCRjtFQXZIQTs7QUFxREU7RUFDRTs7QUFsQko7RUFDRTs7QUFLRTtFQUNFO0VBQ0E7O0FBckNOO0VBQ0U7O0FBSUE7RUFDRTtFQUNBOztBQU1KO0VBQ0U7O0FBSUE7RUFDRTtFQUNBOzs7QUEyR047RUFDRTtFQUNBO0VBQ0E7RUFDQTtFQUNBOztBQUVBO0VBQ0U7OztBQUtKO0VBQ0U7RUFDQTs7QUFFQTtFQUNFOzs7QUFJSjtFQ3hKRTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBIiwic291cmNlc0NvbnRlbnQiOlsiQGltcG9ydCAnLi4vLi4vdGhlbWVzL21peGlucy9pZHMtY29yZS1taXhpbnMnO1xuXG4vLyA9PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PVxuLy8gVG9wLWxldmVsIEFwcCBNZW51IEFjY29yZGlvbiBQYW5lbCBTdHlsZXNcblxuQG1peGluIGFjY29yZGlvbi1wYW5lbC1hcHAtbWVudS1jb2xvcnMoKSB7XG4gIG1hcmdpbi1ib3R0b206IDRweDtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0taWRzLWFwcC1tZW51LWFjY29yZGlvbi1wYW5lbC1jb2xvci1iYWNrZ3JvdW5kKTtcbiAgdHJhbnNpdGlvbjpcbiAgICBiYWNrZ3JvdW5kLWNvbG9yICR0cmFuc2l0aW9uLWxlbmd0aCAkdHJhbnNpdGlvbi1lYXNlLFxuICAgIGhlaWdodCAkdHJhbnNpdGlvbi1sZW5ndGggJHRyYW5zaXRpb24tZWFzZSxcbiAgICBwYWRkaW5nICR0cmFuc2l0aW9uLWxlbmd0aCAkdHJhbnNpdGlvbi1lYXNlO1xuXG4gICYuZXhwYW5kZWQge1xuICAgIHBhZGRpbmctYmxvY2stc3RhcnQ6IDhweDtcbiAgfVxufVxuXG4vLyA9PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PVxuLy8gU3ViLWxldmVsIEFwcCBNZW51IEFjY29yZGlvbiBQYW5lbCBTdHlsZXNcblxuQG1peGluIGFjY29yZGlvbi1wYW5lbC1zdWItbWVudS1jb2xvcnMoKSB7XG4gIG1hcmdpbjogMDtcbn1cblxuLy8gPT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT1cbi8vIE1vZHVsZSBOYXYgQXBwIE1lbnUgQWNjb3JkaW9uIFBhbmVsIFN0eWxlc1xuXG5AbWl4aW4gYWNjb3JkaW9uLXBhbmVsLW1vZHVsZS1uYXYtcnVsZXMoKSB7XG4gIC5pZHMtYWNjb3JkaW9uLXBhbmUtY29udGVudCB7XG4gICAgcGFkZGluZy1pbmxpbmUtc3RhcnQ6IDA7XG4gIH1cblxuICAmLm5lc3RlZCB7XG4gICAgLmlkcy1hY2NvcmRpb24tcGFuZS1jb250ZW50IHtcbiAgICAgIHBhZGRpbmctaW5saW5lLXN0YXJ0OiAxNnB4O1xuICAgICAgcGFkZGluZy1pbmxpbmUtZW5kOiAwO1xuICAgIH1cbiAgfVxufVxuXG5AbWl4aW4gYWNjb3JkaW9uLXBhbmVsLXN1Yi1tb2R1bGUtbmF2LXJ1bGVzKCkge1xuICAuaWRzLWFjY29yZGlvbi1wYW5lLWNvbnRlbnQge1xuICAgIHBhZGRpbmctaW5saW5lLXN0YXJ0OiAwO1xuICB9XG5cbiAgJi5uZXN0ZWQge1xuICAgIC5pZHMtYWNjb3JkaW9uLXBhbmUtY29udGVudCB7XG4gICAgICBwYWRkaW5nLWlubGluZS1zdGFydDogMDtcbiAgICAgIHBhZGRpbmctaW5saW5lLWVuZDogMDtcbiAgICB9XG4gIH1cbn1cblxuLy8gPT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT1cbi8vIENvbnRyb2xzIHRoZSBzaXplIG9mIG5lc3RlZCBhY2NvcmRpb25zXG5cbkBtaXhpbiBhY2NvcmRpb24tcGFuZS1zdGFuZGFyZC1zaXplKCkge1xuICAuaWRzLWFjY29yZGlvbi1wYW5lLWNvbnRlbnQge1xuICAgIHBhZGRpbmctaW5saW5lLXN0YXJ0OiA4cHg7XG4gIH1cblxuICAmOm5vdCgucnRsKSB7XG4gICAgJi5uZXN0ZWQge1xuICAgICAgLmlkcy1hY2NvcmRpb24tcGFuZS1jb250ZW50IHtcbiAgICAgICAgcGFkZGluZy1pbmxpbmUtc3RhcnQ6IDE2cHg7XG4gICAgICAgIHBhZGRpbmctaW5saW5lLWVuZDogMDtcbiAgICAgIH1cbiAgICB9XG4gIH1cbn1cblxuQG1peGluIGFjY29yZGlvbi1wYW5lLW5lc3RlZC1zaXplKCkge1xuICAvLyBMVFIgbmVzdGVkIHN0eWxlcyAoZGVmYXVsdClcbiAgJjpub3QoLnJ0bCkge1xuICAgIC5pZHMtYWNjb3JkaW9uLXBhbmUtY29udGVudCB7XG4gICAgICBwYWRkaW5nLWlubGluZS1zdGFydDogMjhweDtcbiAgICB9XG4gIH1cbn1cblxuLy8gPT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT1cbi8vIENvbnRyb2xzIHRoZSBzaXplIG9mIGluLXBhZ2UgYWNjb3JkaW9uIGNvbnRlbnQgYXJlYVxuXG5AbWl4aW4gYWNjb3JkaW9uLXBhbmUtaW4tcGFnZS1zdGFuZGFyZC1zaXplKCkge1xuICAuaWRzLWFjY29yZGlvbi1wYW5lLWNvbnRlbnQge1xuICAgIHBhZGRpbmctYmxvY2s6IHZhcigtLWlkcy1hY2NvcmRpb24tcGFuZS1jb250ZW50LXBhZGRpbmctYmxvY2spO1xuICAgIHBhZGRpbmctaW5saW5lLXN0YXJ0OiB2YXIoLS1pZHMtYWNjb3JkaW9uLXBhbmUtY29udGVudC1wYWRkaW5nLWlubGluZSk7XG4gIH1cblxuICAmLm5lc3RlZCB7XG4gICAgLmlkcy1hY2NvcmRpb24tcGFuZS1jb250ZW50IHtcbiAgICAgIHBhZGRpbmctaW5saW5lLXN0YXJ0OiAyMnB4O1xuICAgIH1cbiAgfVxuXG4gICYuaGFzLWljb24ge1xuICAgIC5pZHMtYWNjb3JkaW9uLXBhbmUtY29udGVudCB7XG4gICAgICBwYWRkaW5nLWlubGluZS1zdGFydDogdmFyKC0taWRzLWFjY29yZGlvbi1wYW5lLWNvbnRlbnQtcGFkZGluZy1pY29uKTtcbiAgICB9XG4gIH1cbn1cblxuQG1peGluIG5lc3RlZC1hY2NvcmRpb24tcGFuZWwtaW5kZW50YXRpb24oKSB7XG4gIDo6c2xvdHRlZChpZHMtYWNjb3JkaW9uLXBhbmVsKSB7XG4gICAgcGFkZGluZy1pbmxpbmUtc3RhcnQ6IDI0cHg7XG4gICAgcGFkZGluZy1pbmxpbmUtZW5kOiAxNnB4O1xuICB9XG5cbiAgLmlkcy1hY2NvcmRpb24tcGFuZWwge1xuICAgIHBhZGRpbmctaW5saW5lLXN0YXJ0OiAyNHB4O1xuICB9XG59XG5cbjpob3N0IHtcbiAgZGlzcGxheTogYmxvY2s7XG59XG5cbjpob3N0KFtmb3JjZS1jb2xsYXBzZV0pIHtcbiAgLmlkcy1hY2NvcmRpb24tcGFuZSB7XG4gICAgaGVpZ2h0OiAwICFpbXBvcnRhbnQ7XG4gIH1cbn1cblxuOjpzbG90dGVkKFtzbG90PSdjb250ZW50J10pIHtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xufVxuXG4uaWRzLWFjY29yZGlvbi1wYW5lbCB7XG4gIC8vID09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09XG4gIC8vIENvbG9yIFZhcmlhbnQgUnVsZXNcbiAgJjpub3QoW2NsYXNzKj1cImNvbG9yLXZhcmlhbnQtXCJdKSB7XG4gICAgQGluY2x1ZGUgYWNjb3JkaW9uLXBhbmUtaW4tcGFnZS1zdGFuZGFyZC1zaXplKCk7XG4gIH1cblxuICAmLmNvbG9yLXZhcmlhbnQtYXBwLW1lbnUge1xuICAgIEBpbmNsdWRlIGFjY29yZGlvbi1wYW5lbC1hcHAtbWVudS1jb2xvcnMoKTtcbiAgICBAaW5jbHVkZSBhY2NvcmRpb24tcGFuZS1zdGFuZGFyZC1zaXplKCk7XG4gICAgQGluY2x1ZGUgbmVzdGVkLWFjY29yZGlvbi1wYW5lbC1pbmRlbnRhdGlvbigpO1xuICB9XG5cbiAgJi5jb2xvci12YXJpYW50LXN1Yi1hcHAtbWVudSB7XG4gICAgQGluY2x1ZGUgYWNjb3JkaW9uLXBhbmVsLXN1Yi1tZW51LWNvbG9ycygpO1xuICAgIEBpbmNsdWRlIGFjY29yZGlvbi1wYW5lLW5lc3RlZC1zaXplKCk7XG4gIH1cblxuICAmLmNvbG9yLXZhcmlhbnQtbW9kdWxlLW5hdiB7XG4gICAgQGluY2x1ZGUgYWNjb3JkaW9uLXBhbmUtc3RhbmRhcmQtc2l6ZSgpO1xuICAgIEBpbmNsdWRlIGFjY29yZGlvbi1wYW5lbC1tb2R1bGUtbmF2LXJ1bGVzKCk7XG4gIH1cblxuICAmLmNvbG9yLXZhcmlhbnQtc3ViLW1vZHVsZS1uYXYge1xuICAgIEBpbmNsdWRlIGFjY29yZGlvbi1wYW5lbC1zdWItbW9kdWxlLW5hdi1ydWxlcygpO1xuICB9XG59XG5cbi5pZHMtYWNjb3JkaW9uLXBhbmUge1xuICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICBkaXNwbGF5OiBub25lO1xuICBoZWlnaHQ6IDA7XG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIHRyYW5zaXRpb246IGhlaWdodCAkdHJhbnNpdGlvbi1sZW5ndGggJHRyYW5zaXRpb24tZWFzZTtcblxuICAmLmV4cGFuZGVkIHtcbiAgICBvdmVyZmxvdzogaW5pdGlhbDtcbiAgfVxufVxuXG4vLyBTbyB0aGUgYWNjb3JkaW9uIGRvZXNudCBoYXZlIGEgc2Nyb2xsYmFyIGdsaXRjaCB3aGVuIG9wZW5lZFxuLmlkcy1hY2NvcmRpb24tcGFuZXgge1xuICAtbXMtb3ZlcmZsb3ctc3R5bGU6IG5vbmU7XG4gIHNjcm9sbGJhci13aWR0aDogbm9uZTtcblxuICAmOjotd2Via2l0LXNjcm9sbGJhciB7XG4gICAgZGlzcGxheTogbm9uZTtcbiAgfVxufVxuXG4uaWRzLWFjY29yZGlvbi1wYW5lLXRpdGxlIHtcbiAgQGluY2x1ZGUgYXVkaWJsZSgpO1xufVxuIiwiLy8gQnJlYWtwb2ludHMgLSB0aGlzIGNhbnQgYmUgdG9rZW5zXG4kYnJlYWtwb2ludC14eGw6IDE0NDBweDtcbiRicmVha3BvaW50LXhsOiAxMjgwcHg7XG4kYnJlYWtwb2ludC1sZzogMTAyNHB4O1xuJGJyZWFrcG9pbnQtbWQ6IDg0MHB4O1xuJGJyZWFrcG9pbnQtc206IDYwMHB4O1xuJGJyZWFrcG9pbnQteHM6IDM2MHB4O1xuXG4vLyBTZXRzIFRleHQgQW50aWFsaWFzaW5nXG5AbWl4aW4gYW50aWFsaWFzZWQge1xuICAtd2Via2l0LWZvbnQtc21vb3RoaW5nOiBhbnRpYWxpYXNlZDtcbiAgLW1vei1vc3gtZm9udC1zbW9vdGhpbmc6IGdyYXlzY2FsZTtcbn1cblxuJHRyYW5zaXRpb24tbGVuZ3RoOiB2YXIoLS1pZHMtbW90aW9uLWR1cmF0aW9uKTtcbiR0cmFuc2l0aW9uLWVhc2U6IHZhcigtLWlkcy1tb3Rpb24tZWFzZSk7XG5cbi8vIHZlbmRvciBwcmVmaXhlZCB0cmFuc2l0aW9ucyBmb3IgcmVndWxhciBhdHRyaWJ1dGVzIChub24tdmVuZG9yIHByZWZpeGVkKVxuQG1peGluIHRyYW5zaXRpb24oJHRyYW5zaXRpb25zLWxpc3QuLi4pIHtcbiAgQGVhY2ggJHByZWZpeCBpbiAkcHJlZml4ZXMge1xuICAgICN7JHByZWZpeH10cmFuc2l0aW9uOiAkdHJhbnNpdGlvbnMtbGlzdDtcbiAgfVxufVxuXG4vLyBtYWtlIHRoZSB0ZXh0IGludmlzaWJsZSB2aXN1YWxseSBidXQgcmVhZGFibGUgYnkgc2NyZWVuIHJlYWRlcnNcbkBtaXhpbiBhdWRpYmxlKCkge1xuICBjbGlwOiByZWN0KDAsIDAsIDAsIDApO1xuICBoZWlnaHQ6IDA7XG4gIGxpbmUtaGVpZ2h0OiAwO1xuICBtaW4taGVpZ2h0OiAwO1xuICBvdmVyZmxvdzogaGlkZGVuO1xuICBwYWRkaW5nOiAwO1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHdpZHRoOiAxcHg7XG59XG5cbi8vIENhbGN1bGF0ZSBzaXplIGluY2x1ZGluZyBib3JkZXJzIChub3QgZXhjbHVkaW5nKVxuQG1peGluIGJvcmRlci1ib3gge1xuICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xufSJdfQ== */`;var R=v(x(m(Z))),n,u,c,b,Y,d,r,L,o=class extends R{constructor(){super();p(this,n);l(this,"paneOpenListener");l(this,"paneCloseListener");l(this,"colorVariants",["app-menu","sub-app-menu","module-nav","sub-module-nav"]);l(this,"vetoableEventTypes",["beforeexpanded","beforecollapsed"]);p(this,c,!1);this.state={}}connectedCallback(){super.connectedCallback(),i(this,n,L).call(this),i(this,n,u).call(this,this.contentAlignment),i(this,n,r).call(this),this.pane?.style.setProperty("height",this.expanded?"auto":"0px"),this.expanded&&this.pane?.classList.add("expanded")}static get attributes(){return[...super.attributes,a.DISABLED,a.EXPANDED]}onColorVariantRefresh(){i(this,n,r).call(this)}set contentAlignment(e){let t=null;X.includes(e)&&(t=e),this.state.contentAlignment!==t&&(this.state.contentAlignment=t,i(this,n,u).call(this,t),this.header&&this.header?.refreshContentAlignment(t))}get contentAlignment(){return this.state.contentAlignment}get accordion(){return this.closest("ids-accordion")}get header(){return this.querySelector('[slot="header"]')}get expander(){return this.container?.querySelector(".ids-accordion-panel-expander")}get pane(){return this.container?.querySelector(".ids-accordion-pane")}get childPanels(){let e=this.querySelectorAll("ids-accordion-panel");return e.length?[...e]:[]}get hasParentPanel(){return this.parentElement?.tagName==="IDS-ACCORDION-PANEL"}get parentExpanded(){return this.hasParentPanel&&this.parentElement?.expanded}get isExpandable(){return[...this.children].length>1}set expanded(e){let t=s(e);if(G(this,c)!==t)if(t){if(!this.triggerVetoableEvent("beforeexpanded",this)){this.removeAttribute(a.EXPANDED);return}h(this,c,!0),this.setAttribute(a.EXPANDED,`${e}`),i(this,n,b).call(this,!0)}else{if(!this.triggerVetoableEvent("beforecollapsed",this)){this.setAttribute(a.EXPANDED,"true");return}h(this,c,!1),this.removeAttribute(a.EXPANDED),i(this,n,b).call(this,!1)}}get expanded(){return s(this.getAttribute(a.EXPANDED))}get nested(){return!!this.container?.classList?.contains("nested")}set nested(e){this.container?.classList[s(e)?"add":"remove"]("nested")}get disabled(){return s(this.getAttribute(a.DISABLED))}set disabled(e){let t=s(e);this.header&&(this.header.disabled=t),t?(this.setAttribute(a.DISABLED,`${t}`),this.setAttribute(a.TABINDEX,"-1")):(this.removeAttribute(a.DISABLED),this.removeAttribute(a.TABINDEX))}collapsePane(){requestAnimationFrame(()=>{this.pane&&(this.paneOpenListener&&(this.pane.removeEventListener("transitionend",this.paneOpenListener),delete this.paneOpenListener),this.pane.style.height=`${this.pane.scrollHeight}px`,this.container?.classList.remove("expanded"),this.header&&(this.header.expanded=!1),requestAnimationFrame(()=>{this.pane&&(this.pane.style.height="0px",this.paneCloseListener=()=>{this.pane&&(this.pane.style.display="none")},this.pane.classList.remove("expanded"),this.pane.addEventListener("transitionend",this.paneCloseListener,{once:!0}))}))})}expandPane(){!this.pane||!this.isExpandable||(this.paneCloseListener&&(this.pane.removeEventListener("transitionend",this.paneCloseListener),delete this.paneCloseListener),this.pane.style.display="block",requestAnimationFrame(()=>{this.container?.classList.add("expanded"),this.pane&&(this.header&&(this.header.expanded=!0),this.pane.style.height!=="auto"&&(this.pane.style.height=`${this.pane.scrollHeight}px`),this.paneOpenListener=()=>{this.pane&&(this.pane.style.height="auto",this.pane?.classList.add("expanded"))},this.pane.addEventListener("transitionend",this.paneOpenListener,{once:!0}))}))}select(e){e?.tagName==="IDS-ACCORDION-PANEL"&&(this.header&&(this.header.selected=!0),e.focus())}focus(){this.header?.focus()}template(){return`
+      <div class="ids-accordion-panel">
+        <div class="ids-accordion-panel-expander">
+          <slot name="header"></slot>
+        </div>
+        <div class="ids-accordion-pane">
+          <div class="ids-accordion-pane-content">
+            <slot name="content"></slot>
+          </div>
+        </div>
+      </div>
+    `}};n=new WeakSet,u=function(e=null){this.container&&(A(this.container?.classList,e),this.container.classList[this.hasParentPanel?"add":"remove"]("is-child-panel"))},c=new WeakMap,b=function(e){this.header?.setAttribute("aria-expanded",`${e}`),e?(this.expandPane(),this.accordion?.allowOnePane&&i(this,n,Y).call(this)):this.collapsePane()},Y=function(){[...this.parentElement?.querySelectorAll(":scope > ids-accordion-panel")??[]].forEach(t=>{t!==this&&t.expanded&&(t.expanded=!1)})},d=function(){this.expanded=!this.expanded,this.select(this)},r=function(){this.header instanceof C&&this.header.toggleExpanderIcon(this.isExpandable)},L=function(){this.offEvent("click",this.expander),this.onEvent("click",this.expander,()=>{this.disabled||i(this,n,d).call(this)}),this.listen("Enter",this.expander,t=>{t.stopPropagation(),!this.disabled&&t.target===this.header&&i(this,n,d).call(this)}),this.listen(" ",this.expander,t=>{t.stopPropagation(),!this.disabled&&t.target===this.header&&i(this,n,d).call(this)}),this.offEvent("touchend",this.expander),this.onEvent("touchend",this.expander,t=>{t.touches&&t.touches.length>0&&i(this,n,d).call(this)},{passive:!0}),this.offEvent("slotchange.header-slotchange"),this.onEvent("slotchange.header-slotchange",this.container?.querySelector('slot[name="header"]'),()=>{this.header?.setAttribute("aria-expanded",`${this.expanded}`),i(this,n,r).call(this)});let e=this.container?.querySelector('slot[name="content"]');this.offEvent("slotchange.content-slotchange"),this.onEvent("slotchange.content-slotchange",e,()=>{this.expanded&&i(this,n,b).call(this,!0),this.header?.toggleExpanderIcon?.(!!e?.assignedElements().length)}),this.offEvent("selected.accordion-panel-selected",this),this.onEvent("selected.accordion-panel-selected",this,t=>{t.stopPropagation()})},o=g([W("ids-accordion-panel"),I(B)],o);export{o as a};
+//# sourceMappingURL=ids-chunk-MUQZZJP4.js.map

package/chunks/ids-chunk-MUQZZJP4.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/components/ids-accordion/ids-accordion-panel.scss", "../../../../src/components/ids-accordion/ids-accordion-panel.ts"],
+  "sourcesContent": ["export default `:host {\n  display: block;\n}\n\n:host([force-collapse]) .ids-accordion-pane {\n  height: 0 !important;\n}\n\n::slotted([slot=content]) {\n  position: relative;\n}\n\n.ids-accordion-panel:not([class*=color-variant-]) .ids-accordion-pane-content {\n  padding-block: var(--ids-accordion-pane-content-padding-block);\n  padding-inline-start: var(--ids-accordion-pane-content-padding-inline);\n}\n.ids-accordion-panel:not([class*=color-variant-]).nested .ids-accordion-pane-content {\n  padding-inline-start: 22px;\n}\n.ids-accordion-panel:not([class*=color-variant-]).has-icon .ids-accordion-pane-content {\n  padding-inline-start: var(--ids-accordion-pane-content-padding-icon);\n}\n.ids-accordion-panel.color-variant-app-menu {\n  margin-bottom: 4px;\n  background-color: var(--ids-app-menu-accordion-panel-color-background);\n  transition: background-color var(--ids-motion-duration) var(--ids-motion-ease), height var(--ids-motion-duration) var(--ids-motion-ease), padding var(--ids-motion-duration) var(--ids-motion-ease);\n}\n.ids-accordion-panel.color-variant-app-menu.expanded {\n  padding-block-start: 8px;\n}\n.ids-accordion-panel.color-variant-app-menu .ids-accordion-pane-content {\n  padding-inline-start: 8px;\n}\n.ids-accordion-panel.color-variant-app-menu:not(.rtl).nested .ids-accordion-pane-content {\n  padding-inline-start: 16px;\n  padding-inline-end: 0;\n}\n.ids-accordion-panel.color-variant-app-menu ::slotted(ids-accordion-panel) {\n  padding-inline-start: 24px;\n  padding-inline-end: 16px;\n}\n.ids-accordion-panel.color-variant-app-menu .ids-accordion-panel {\n  padding-inline-start: 24px;\n}\n.ids-accordion-panel.color-variant-sub-app-menu {\n  margin: 0;\n}\n.ids-accordion-panel.color-variant-sub-app-menu:not(.rtl) .ids-accordion-pane-content {\n  padding-inline-start: 28px;\n}\n.ids-accordion-panel.color-variant-module-nav .ids-accordion-pane-content {\n  padding-inline-start: 8px;\n}\n.ids-accordion-panel.color-variant-module-nav:not(.rtl).nested .ids-accordion-pane-content {\n  padding-inline-start: 16px;\n  padding-inline-end: 0;\n}\n.ids-accordion-panel.color-variant-module-nav .ids-accordion-pane-content {\n  padding-inline-start: 0;\n}\n.ids-accordion-panel.color-variant-module-nav.nested .ids-accordion-pane-content {\n  padding-inline-start: 16px;\n  padding-inline-end: 0;\n}\n.ids-accordion-panel.color-variant-sub-module-nav .ids-accordion-pane-content {\n  padding-inline-start: 0;\n}\n.ids-accordion-panel.color-variant-sub-module-nav.nested .ids-accordion-pane-content {\n  padding-inline-start: 0;\n  padding-inline-end: 0;\n}\n\n.ids-accordion-pane {\n  box-sizing: border-box;\n  display: none;\n  height: 0;\n  overflow: hidden;\n  transition: height var(--ids-motion-duration) var(--ids-motion-ease);\n}\n.ids-accordion-pane.expanded {\n  overflow: initial;\n}\n\n.ids-accordion-panex {\n  -ms-overflow-style: none;\n  scrollbar-width: none;\n}\n.ids-accordion-panex::-webkit-scrollbar {\n  display: none;\n}\n\n.ids-accordion-pane-title {\n  clip: rect(0, 0, 0, 0);\n  height: 0;\n  line-height: 0;\n  min-height: 0;\n  overflow: hidden;\n  padding: 0;\n  position: absolute;\n  width: 1px;\n}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL3Jvb3QvZW50ZXJwcmlzZS9zcmMvY29tcG9uZW50cy9pZHMtYWNjb3JkaW9uIiwic291cmNlcyI6WyJpZHMtYWNjb3JkaW9uLXBhbmVsLnNjc3MiLCIuLi8uLi90aGVtZXMvbWl4aW5zL2lkcy1jb3JlLW1peGlucy5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWtIQTtFQUNFOzs7QUFJQTtFQUNFOzs7QUFJSjtFQUNFOzs7QUF4Q0E7RUFDRTtFQUNBOztBQUlBO0VBQ0U7O0FBS0Y7RUFDRTs7QUFxQ0o7RUFqSUE7RUFDQTtFQUNBLFlBQ0U7O0FBSUY7RUFDRTs7QUE0Q0Y7RUFDRTs7QUFLRTtFQUNFO0VBQ0E7O0FBc0NOO0VBQ0U7RUFDQTs7QUFHRjtFQUNFOztBQStCRjtFQXZIQTs7QUFxREU7RUFDRTs7QUFsQko7RUFDRTs7QUFLRTtFQUNFO0VBQ0E7O0FBckNOO0VBQ0U7O0FBSUE7RUFDRTtFQUNBOztBQU1KO0VBQ0U7O0FBSUE7RUFDRTtFQUNBOzs7QUEyR047RUFDRTtFQUNBO0VBQ0E7RUFDQTtFQUNBOztBQUVBO0VBQ0U7OztBQUtKO0VBQ0U7RUFDQTs7QUFFQTtFQUNFOzs7QUFJSjtFQ3hKRTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBIiwic291cmNlc0NvbnRlbnQiOlsiQGltcG9ydCAnLi4vLi4vdGhlbWVzL21peGlucy9pZHMtY29yZS1taXhpbnMnO1xuXG4vLyA9PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PVxuLy8gVG9wLWxldmVsIEFwcCBNZW51IEFjY29yZGlvbiBQYW5lbCBTdHlsZXNcblxuQG1peGluIGFjY29yZGlvbi1wYW5lbC1hcHAtbWVudS1jb2xvcnMoKSB7XG4gIG1hcmdpbi1ib3R0b206IDRweDtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0taWRzLWFwcC1tZW51LWFjY29yZGlvbi1wYW5lbC1jb2xvci1iYWNrZ3JvdW5kKTtcbiAgdHJhbnNpdGlvbjpcbiAgICBiYWNrZ3JvdW5kLWNvbG9yICR0cmFuc2l0aW9uLWxlbmd0aCAkdHJhbnNpdGlvbi1lYXNlLFxuICAgIGhlaWdodCAkdHJhbnNpdGlvbi1sZW5ndGggJHRyYW5zaXRpb24tZWFzZSxcbiAgICBwYWRkaW5nICR0cmFuc2l0aW9uLWxlbmd0aCAkdHJhbnNpdGlvbi1lYXNlO1xuXG4gICYuZXhwYW5kZWQge1xuICAgIHBhZGRpbmctYmxvY2stc3RhcnQ6IDhweDtcbiAgfVxufVxuXG4vLyA9PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PVxuLy8gU3ViLWxldmVsIEFwcCBNZW51IEFjY29yZGlvbiBQYW5lbCBTdHlsZXNcblxuQG1peGluIGFjY29yZGlvbi1wYW5lbC1zdWItbWVudS1jb2xvcnMoKSB7XG4gIG1hcmdpbjogMDtcbn1cblxuLy8gPT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT1cbi8vIE1vZHVsZSBOYXYgQXBwIE1lbnUgQWNjb3JkaW9uIFBhbmVsIFN0eWxlc1xuXG5AbWl4aW4gYWNjb3JkaW9uLXBhbmVsLW1vZHVsZS1uYXYtcnVsZXMoKSB7XG4gIC5pZHMtYWNjb3JkaW9uLXBhbmUtY29udGVudCB7XG4gICAgcGFkZGluZy1pbmxpbmUtc3RhcnQ6IDA7XG4gIH1cblxuICAmLm5lc3RlZCB7XG4gICAgLmlkcy1hY2NvcmRpb24tcGFuZS1jb250ZW50IHtcbiAgICAgIHBhZGRpbmctaW5saW5lLXN0YXJ0OiAxNnB4O1xuICAgICAgcGFkZGluZy1pbmxpbmUtZW5kOiAwO1xuICAgIH1cbiAgfVxufVxuXG5AbWl4aW4gYWNjb3JkaW9uLXBhbmVsLXN1Yi1tb2R1bGUtbmF2LXJ1bGVzKCkge1xuICAuaWRzLWFjY29yZGlvbi1wYW5lLWNvbnRlbnQge1xuICAgIHBhZGRpbmctaW5saW5lLXN0YXJ0OiAwO1xuICB9XG5cbiAgJi5uZXN0ZWQge1xuICAgIC5pZHMtYWNjb3JkaW9uLXBhbmUtY29udGVudCB7XG4gICAgICBwYWRkaW5nLWlubGluZS1zdGFydDogMDtcbiAgICAgIHBhZGRpbmctaW5saW5lLWVuZDogMDtcbiAgICB9XG4gIH1cbn1cblxuLy8gPT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT1cbi8vIENvbnRyb2xzIHRoZSBzaXplIG9mIG5lc3RlZCBhY2NvcmRpb25zXG5cbkBtaXhpbiBhY2NvcmRpb24tcGFuZS1zdGFuZGFyZC1zaXplKCkge1xuICAuaWRzLWFjY29yZGlvbi1wYW5lLWNvbnRlbnQge1xuICAgIHBhZGRpbmctaW5saW5lLXN0YXJ0OiA4cHg7XG4gIH1cblxuICAmOm5vdCgucnRsKSB7XG4gICAgJi5uZXN0ZWQge1xuICAgICAgLmlkcy1hY2NvcmRpb24tcGFuZS1jb250ZW50IHtcbiAgICAgICAgcGFkZGluZy1pbmxpbmUtc3RhcnQ6IDE2cHg7XG4gICAgICAgIHBhZGRpbmctaW5saW5lLWVuZDogMDtcbiAgICAgIH1cbiAgICB9XG4gIH1cbn1cblxuQG1peGluIGFjY29yZGlvbi1wYW5lLW5lc3RlZC1zaXplKCkge1xuICAvLyBMVFIgbmVzdGVkIHN0eWxlcyAoZGVmYXVsdClcbiAgJjpub3QoLnJ0bCkge1xuICAgIC5pZHMtYWNjb3JkaW9uLXBhbmUtY29udGVudCB7XG4gICAgICBwYWRkaW5nLWlubGluZS1zdGFydDogMjhweDtcbiAgICB9XG4gIH1cbn1cblxuLy8gPT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT1cbi8vIENvbnRyb2xzIHRoZSBzaXplIG9mIGluLXBhZ2UgYWNjb3JkaW9uIGNvbnRlbnQgYXJlYVxuXG5AbWl4aW4gYWNjb3JkaW9uLXBhbmUtaW4tcGFnZS1zdGFuZGFyZC1zaXplKCkge1xuICAuaWRzLWFjY29yZGlvbi1wYW5lLWNvbnRlbnQge1xuICAgIHBhZGRpbmctYmxvY2s6IHZhcigtLWlkcy1hY2NvcmRpb24tcGFuZS1jb250ZW50LXBhZGRpbmctYmxvY2spO1xuICAgIHBhZGRpbmctaW5saW5lLXN0YXJ0OiB2YXIoLS1pZHMtYWNjb3JkaW9uLXBhbmUtY29udGVudC1wYWRkaW5nLWlubGluZSk7XG4gIH1cblxuICAmLm5lc3RlZCB7XG4gICAgLmlkcy1hY2NvcmRpb24tcGFuZS1jb250ZW50IHtcbiAgICAgIHBhZGRpbmctaW5saW5lLXN0YXJ0OiAyMnB4O1xuICAgIH1cbiAgfVxuXG4gICYuaGFzLWljb24ge1xuICAgIC5pZHMtYWNjb3JkaW9uLXBhbmUtY29udGVudCB7XG4gICAgICBwYWRkaW5nLWlubGluZS1zdGFydDogdmFyKC0taWRzLWFjY29yZGlvbi1wYW5lLWNvbnRlbnQtcGFkZGluZy1pY29uKTtcbiAgICB9XG4gIH1cbn1cblxuQG1peGluIG5lc3RlZC1hY2NvcmRpb24tcGFuZWwtaW5kZW50YXRpb24oKSB7XG4gIDo6c2xvdHRlZChpZHMtYWNjb3JkaW9uLXBhbmVsKSB7XG4gICAgcGFkZGluZy1pbmxpbmUtc3RhcnQ6IDI0cHg7XG4gICAgcGFkZGluZy1pbmxpbmUtZW5kOiAxNnB4O1xuICB9XG5cbiAgLmlkcy1hY2NvcmRpb24tcGFuZWwge1xuICAgIHBhZGRpbmctaW5saW5lLXN0YXJ0OiAyNHB4O1xuICB9XG59XG5cbjpob3N0IHtcbiAgZGlzcGxheTogYmxvY2s7XG59XG5cbjpob3N0KFtmb3JjZS1jb2xsYXBzZV0pIHtcbiAgLmlkcy1hY2NvcmRpb24tcGFuZSB7XG4gICAgaGVpZ2h0OiAwICFpbXBvcnRhbnQ7XG4gIH1cbn1cblxuOjpzbG90dGVkKFtzbG90PSdjb250ZW50J10pIHtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xufVxuXG4uaWRzLWFjY29yZGlvbi1wYW5lbCB7XG4gIC8vID09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09XG4gIC8vIENvbG9yIFZhcmlhbnQgUnVsZXNcbiAgJjpub3QoW2NsYXNzKj1cImNvbG9yLXZhcmlhbnQtXCJdKSB7XG4gICAgQGluY2x1ZGUgYWNjb3JkaW9uLXBhbmUtaW4tcGFnZS1zdGFuZGFyZC1zaXplKCk7XG4gIH1cblxuICAmLmNvbG9yLXZhcmlhbnQtYXBwLW1lbnUge1xuICAgIEBpbmNsdWRlIGFjY29yZGlvbi1wYW5lbC1hcHAtbWVudS1jb2xvcnMoKTtcbiAgICBAaW5jbHVkZSBhY2NvcmRpb24tcGFuZS1zdGFuZGFyZC1zaXplKCk7XG4gICAgQGluY2x1ZGUgbmVzdGVkLWFjY29yZGlvbi1wYW5lbC1pbmRlbnRhdGlvbigpO1xuICB9XG5cbiAgJi5jb2xvci12YXJpYW50LXN1Yi1hcHAtbWVudSB7XG4gICAgQGluY2x1ZGUgYWNjb3JkaW9uLXBhbmVsLXN1Yi1tZW51LWNvbG9ycygpO1xuICAgIEBpbmNsdWRlIGFjY29yZGlvbi1wYW5lLW5lc3RlZC1zaXplKCk7XG4gIH1cblxuICAmLmNvbG9yLXZhcmlhbnQtbW9kdWxlLW5hdiB7XG4gICAgQGluY2x1ZGUgYWNjb3JkaW9uLXBhbmUtc3RhbmRhcmQtc2l6ZSgpO1xuICAgIEBpbmNsdWRlIGFjY29yZGlvbi1wYW5lbC1tb2R1bGUtbmF2LXJ1bGVzKCk7XG4gIH1cblxuICAmLmNvbG9yLXZhcmlhbnQtc3ViLW1vZHVsZS1uYXYge1xuICAgIEBpbmNsdWRlIGFjY29yZGlvbi1wYW5lbC1zdWItbW9kdWxlLW5hdi1ydWxlcygpO1xuICB9XG59XG5cbi5pZHMtYWNjb3JkaW9uLXBhbmUge1xuICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICBkaXNwbGF5OiBub25lO1xuICBoZWlnaHQ6IDA7XG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIHRyYW5zaXRpb246IGhlaWdodCAkdHJhbnNpdGlvbi1sZW5ndGggJHRyYW5zaXRpb24tZWFzZTtcblxuICAmLmV4cGFuZGVkIHtcbiAgICBvdmVyZmxvdzogaW5pdGlhbDtcbiAgfVxufVxuXG4vLyBTbyB0aGUgYWNjb3JkaW9uIGRvZXNudCBoYXZlIGEgc2Nyb2xsYmFyIGdsaXRjaCB3aGVuIG9wZW5lZFxuLmlkcy1hY2NvcmRpb24tcGFuZXgge1xuICAtbXMtb3ZlcmZsb3ctc3R5bGU6IG5vbmU7XG4gIHNjcm9sbGJhci13aWR0aDogbm9uZTtcblxuICAmOjotd2Via2l0LXNjcm9sbGJhciB7XG4gICAgZGlzcGxheTogbm9uZTtcbiAgfVxufVxuXG4uaWRzLWFjY29yZGlvbi1wYW5lLXRpdGxlIHtcbiAgQGluY2x1ZGUgYXVkaWJsZSgpO1xufVxuIiwiLy8gQnJlYWtwb2ludHMgLSB0aGlzIGNhbnQgYmUgdG9rZW5zXG4kYnJlYWtwb2ludC14eGw6IDE0NDBweDtcbiRicmVha3BvaW50LXhsOiAxMjgwcHg7XG4kYnJlYWtwb2ludC1sZzogMTAyNHB4O1xuJGJyZWFrcG9pbnQtbWQ6IDg0MHB4O1xuJGJyZWFrcG9pbnQtc206IDYwMHB4O1xuJGJyZWFrcG9pbnQteHM6IDM2MHB4O1xuXG4vLyBTZXRzIFRleHQgQW50aWFsaWFzaW5nXG5AbWl4aW4gYW50aWFsaWFzZWQge1xuICAtd2Via2l0LWZvbnQtc21vb3RoaW5nOiBhbnRpYWxpYXNlZDtcbiAgLW1vei1vc3gtZm9udC1zbW9vdGhpbmc6IGdyYXlzY2FsZTtcbn1cblxuJHRyYW5zaXRpb24tbGVuZ3RoOiB2YXIoLS1pZHMtbW90aW9uLWR1cmF0aW9uKTtcbiR0cmFuc2l0aW9uLWVhc2U6IHZhcigtLWlkcy1tb3Rpb24tZWFzZSk7XG5cbi8vIHZlbmRvciBwcmVmaXhlZCB0cmFuc2l0aW9ucyBmb3IgcmVndWxhciBhdHRyaWJ1dGVzIChub24tdmVuZG9yIHByZWZpeGVkKVxuQG1peGluIHRyYW5zaXRpb24oJHRyYW5zaXRpb25zLWxpc3QuLi4pIHtcbiAgQGVhY2ggJHByZWZpeCBpbiAkcHJlZml4ZXMge1xuICAgICN7JHByZWZpeH10cmFuc2l0aW9uOiAkdHJhbnNpdGlvbnMtbGlzdDtcbiAgfVxufVxuXG4vLyBtYWtlIHRoZSB0ZXh0IGludmlzaWJsZSB2aXN1YWxseSBidXQgcmVhZGFibGUgYnkgc2NyZWVuIHJlYWRlcnNcbkBtaXhpbiBhdWRpYmxlKCkge1xuICBjbGlwOiByZWN0KDAsIDAsIDAsIDApO1xuICBoZWlnaHQ6IDA7XG4gIGxpbmUtaGVpZ2h0OiAwO1xuICBtaW4taGVpZ2h0OiAwO1xuICBvdmVyZmxvdzogaGlkZGVuO1xuICBwYWRkaW5nOiAwO1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHdpZHRoOiAxcHg7XG59XG5cbi8vIENhbGN1bGF0ZSBzaXplIGluY2x1ZGluZyBib3JkZXJzIChub3QgZXhjbHVkaW5nKVxuQG1peGluIGJvcmRlci1ib3gge1xuICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xufSJdfQ== */`;\n", "import { customElement, scss } from '../../core/ids-decorators';\nimport { attributes } from '../../core/ids-attributes';\nimport { stringToBool } from '../../utils/ids-string-utils/ids-string-utils';\nimport { ALIGNMENT_TYPES, applyContentAlignmentClass } from './ids-accordion-common';\n\nimport IdsColorVariantMixin from '../../mixins/ids-color-variant-mixin/ids-color-variant-mixin';\nimport IdsEventsMixin from '../../mixins/ids-events-mixin/ids-events-mixin';\nimport IdsKeyboardMixin from '../../mixins/ids-keyboard-mixin/ids-keyboard-mixin';\nimport IdsElement from '../../core/ids-element';\n\nimport IdsAccordionHeader from './ids-accordion-header';\nimport styles from './ids-accordion-panel.scss';\n\nconst Base = IdsColorVariantMixin(\n  IdsKeyboardMixin(\n    IdsEventsMixin(\n      IdsElement\n    )\n  )\n);\n\n/**\n * IDS Accordion Panel Component\n * @type {IdsAccordionPanel}\n * @inherits IdsElement\n * @mixes IdsColorVariantMixin\n * @mixes IdsKeyboardMixin\n * @mixes IdsEventsMixin\n */\n@customElement('ids-accordion-panel')\n@scss(styles)\nexport default class IdsAccordionPanel extends Base {\n  paneOpenListener?: () => void;\n\n  paneCloseListener?: () => void;\n\n  constructor() {\n    super();\n    this.state = {};\n  }\n\n  connectedCallback() {\n    super.connectedCallback();\n    this.#attachEventHandlers();\n    this.#refreshContentAlignment(this.contentAlignment);\n    this.#toggleExpanderDisplay();\n    this.pane?.style.setProperty('height', this.expanded ? 'auto' : '0px');\n    if (this.expanded) this.pane?.classList.add('expanded');\n  }\n\n  /**\n   * Return the attributes we handle as getters/setters\n   * @returns {Array} The attributes in an array\n   */\n  static get attributes() {\n    return [\n      ...super.attributes,\n      attributes.DISABLED,\n      attributes.EXPANDED\n    ];\n  }\n\n  /**\n   * @returns {Array<string>} List of available color variants for this component\n   */\n  colorVariants = [\n    'app-menu',\n    'sub-app-menu',\n    'module-nav',\n    'sub-module-nav'\n  ];\n\n  vetoableEventTypes = ['beforeexpanded', 'beforecollapsed'];\n\n  /**\n   * When the accordion's color variant is set, push this change through to include a check on the expander icon\n   */\n  onColorVariantRefresh() {\n    this.#toggleExpanderDisplay();\n  }\n\n  /**\n   * Sets a CSS class containing alignment rules for text/icons/images on this accordion panel\n   * @param {string|null} val the new alignment rule to set\n   */\n  set contentAlignment(val) {\n    let thisAlignment = null;\n    if (ALIGNMENT_TYPES.includes(val)) {\n      thisAlignment = val;\n    }\n\n    if (this.state.contentAlignment !== thisAlignment) {\n      this.state.contentAlignment = thisAlignment;\n      this.#refreshContentAlignment(thisAlignment);\n      if (this.header) {\n        this.header?.refreshContentAlignment(thisAlignment);\n      }\n    }\n  }\n\n  /**\n   * @returns {string|null} representing how icons/text/images are currently aligned\n   */\n  get contentAlignment() {\n    return this.state.contentAlignment;\n  }\n\n  /**\n   * Visually updates the alignment of icons/text/images in the accordion panel\n   * @param {*} thisAlignment the alignment rule to set\n   */\n  #refreshContentAlignment(thisAlignment = null) {\n    if (this.container) {\n      applyContentAlignmentClass(this.container?.classList, thisAlignment);\n      this.container.classList[this.hasParentPanel ? 'add' : 'remove']('is-child-panel');\n    }\n  }\n\n  /**\n   * @readonly\n   * @returns {HTMLElement} the parent accordion component\n   */\n  get accordion(): any {\n    return this.closest('ids-accordion');\n  }\n\n  /**\n   * @readonly\n   * @returns {HTMLElement|null} the provided header, if applicable\n   */\n  get header(): IdsAccordionHeader | null {\n    return this.querySelector<IdsAccordionHeader>('[slot=\"header\"]');\n  }\n\n  /**\n   * @readonly\n   * @returns {HTMLElement|null} the expander button\n   */\n  get expander(): HTMLElement | undefined | null {\n    return this.container?.querySelector('.ids-accordion-panel-expander');\n  }\n\n  /**\n   * @readonly\n   * @returns {HTMLElement|null} the inner expand/collapse pane element\n   */\n  get pane(): HTMLElement | undefined | null {\n    return this.container?.querySelector('.ids-accordion-pane');\n  }\n\n  /**\n   * @readonly\n   * @returns {IdsAccordionPanel[]} child accordion panels nested in this panel, if applicable\n   */\n  get childPanels(): IdsAccordionPanel[] {\n    const panels = this.querySelectorAll<IdsAccordionPanel>('ids-accordion-panel');\n    return panels.length ? [...panels] : [];\n  }\n\n  /**\n   * @readonly\n   * @returns {boolean} true if this pane resides inside another pane\n   */\n  get hasParentPanel(): boolean {\n    return this.parentElement?.tagName === 'IDS-ACCORDION-PANEL';\n  }\n\n  /**\n   * @readonly\n   * @returns {boolean} true if this pane resides in an expanded parent pane\n   */\n  get parentExpanded(): boolean {\n    return this.hasParentPanel && (this.parentElement as IdsAccordionPanel)?.expanded;\n  }\n\n  /**\n   * @readonly\n   * @returns {boolean} true if this accordion panel has child content\n   * (aside from its header) and can be expanded/collapsed\n   */\n  get isExpandable(): boolean {\n    return [...this.children].length > 1;\n  }\n\n  #expanded = false;\n\n  /**\n   * Set the expanded property\n   * @param {boolean} value true/false\n   */\n  set expanded(value: boolean) {\n    const isValueTruthy = stringToBool(value);\n    const currentValue = this.#expanded;\n\n    if (currentValue === isValueTruthy) return;\n\n    if (isValueTruthy) {\n      const canExpand = this.triggerVetoableEvent('beforeexpanded', this);\n      if (!canExpand) {\n        this.removeAttribute(attributes.EXPANDED);\n        return;\n      }\n      this.#expanded = true;\n      this.setAttribute(attributes.EXPANDED, `${value}`);\n      this.#toggleExpanded(true);\n    } else {\n      const canCollapse = this.triggerVetoableEvent('beforecollapsed', this);\n      if (!canCollapse) {\n        this.setAttribute(attributes.EXPANDED, `true`);\n        return;\n      }\n      this.#expanded = false;\n      this.removeAttribute(attributes.EXPANDED);\n      this.#toggleExpanded(false);\n    }\n  }\n\n  /**\n   * Get the expanded property\n   * @returns {boolean} the expanded property\n   */\n  get expanded(): boolean {\n    return stringToBool(this.getAttribute(attributes.EXPANDED));\n  }\n\n  /**\n   * The main state switching function\n   * Collapses sibling panels if allowOnePane setting is true\n   * @param {boolean} isExpanded true if the panel is to be expanded\n   * @returns {void}\n   * @private\n   */\n  #toggleExpanded(isExpanded: boolean): void {\n    this.header?.setAttribute('aria-expanded', `${isExpanded}`);\n\n    if (!isExpanded) {\n      this.collapsePane();\n    } else {\n      this.expandPane();\n      if (this.accordion?.allowOnePane) {\n        this.#collapseSiblingPanels();\n      }\n    }\n  }\n\n  /**\n   * Collapses sibling ids-accordion-panels\n   * @returns {void}\n   * @private\n   */\n  #collapseSiblingPanels(): void {\n    const panels = [...this.parentElement?.querySelectorAll<IdsAccordionPanel>(':scope > ids-accordion-panel') ?? []];\n\n    panels.forEach((panel) => {\n      if (panel !== this && panel.expanded) {\n        panel.expanded = false;\n      }\n    });\n  }\n\n  /**\n   * Toggles expansion on this pane, and selects its header\n   * @returns {void}\n   */\n  #selectAndToggle(): void {\n    this.expanded = !this.expanded;\n    this.select(this);\n  }\n\n  /**\n   * Hides/Shows an Accordion Header's expander icon\n   * @returns {void}\n   */\n  #toggleExpanderDisplay(): void {\n    if (this.header instanceof IdsAccordionHeader) {\n      this.header.toggleExpanderIcon(this.isExpandable);\n    }\n  }\n\n  /**\n   * @returns {boolean} true if this panel appears \"nested\"\n   */\n  get nested(): boolean {\n    return !!this.container?.classList?.contains('nested');\n  }\n\n  /**\n   * @param {boolean} val true if this panel should appear \"nested\"\n   */\n  set nested(val: boolean) {\n    this.container?.classList[stringToBool(val) ? 'add' : 'remove']('nested');\n  }\n\n  /**\n   * Gets disabled property\n   * @readonly\n   * @returns {boolean} true if accordion set to disable\n   */\n  get disabled() {\n    return stringToBool(this.getAttribute(attributes.DISABLED));\n  }\n\n  /**\n   * Sets disabled property\n   * @param {boolean|string} value true/false\n   */\n  set disabled(value) {\n    const disabled = stringToBool(value);\n    if (this.header) this.header.disabled = disabled;\n\n    if (disabled) {\n      this.setAttribute(attributes.DISABLED, `${disabled}`);\n      this.setAttribute(attributes.TABINDEX, '-1');\n    } else {\n      this.removeAttribute(attributes.DISABLED);\n      this.removeAttribute(attributes.TABINDEX);\n    }\n  }\n\n  /**\n   * Collapse the expandable area pane.\n   * @private\n   * @returns {void}\n   */\n  collapsePane(): void {\n    requestAnimationFrame(() => {\n      if (!this.pane) {\n        return;\n      }\n\n      // Remove any pre-existing Open listener that may still be in progress\n      if (this.paneOpenListener) {\n        this.pane.removeEventListener('transitionend', this.paneOpenListener);\n        delete this.paneOpenListener;\n      }\n\n      this.pane.style.height = `${this.pane.scrollHeight}px`;\n      this.container?.classList.remove('expanded');\n\n      if (this.header) {\n        this.header.expanded = false;\n      }\n\n      requestAnimationFrame(() => {\n        if (!this.pane) {\n          return;\n        }\n\n        // Setting height to \"0\" kicks off animation\n        this.pane.style.height = `0px`;\n        this.paneCloseListener = () => {\n          if (this.pane) {\n            this.pane.style.display = 'none';\n          }\n        };\n        this.pane.classList.remove('expanded');\n        this.pane.addEventListener('transitionend', this.paneCloseListener, { once: true });\n      });\n    });\n  }\n\n  /**\n   * Expand the expandable area pane.\n   * @private\n   * @returns {void}\n   */\n  expandPane(): void {\n    if (!this.pane || !this.isExpandable) {\n      return;\n    }\n\n    // Remove any pre-existing Close listener that may still be in progress\n    if (this.paneCloseListener) {\n      this.pane.removeEventListener('transitionend', this.paneCloseListener);\n      delete this.paneCloseListener;\n    }\n\n    this.pane.style.display = 'block';\n\n    requestAnimationFrame(() => {\n      this.container?.classList.add('expanded');\n\n      if (!this.pane) return;\n\n      // Expand header component\n      if (this.header) {\n        this.header.expanded = true;\n      }\n\n      // Setting height kicks off animation\n      // Set static height if panel isn't already .expanded and set to 'auto'\n      if (this.pane.style.height !== 'auto') {\n        this.pane.style.height = `${this.pane.scrollHeight}px`;\n      }\n\n      this.paneOpenListener = () => {\n        // NOTE: `auto` height allows for nested accordions to expand\n        // when their content is displayed\n        if (this.pane) {\n          this.pane.style.height = 'auto';\n          this.pane?.classList.add('expanded');\n        }\n      };\n      this.pane.addEventListener('transitionend', this.paneOpenListener, { once: true });\n    });\n  }\n\n  /**\n   * Sets up event listeners\n   * @private\n   * @returns {void}\n   */\n  #attachEventHandlers(): void {\n    this.offEvent('click', this.expander);\n    this.onEvent('click', this.expander, () => {\n      if (!this.disabled) {\n        this.#selectAndToggle();\n      }\n    });\n\n    this.listen('Enter', this.expander, (e: KeyboardEvent) => {\n      e.stopPropagation();\n      if (!this.disabled && e.target === this.header) {\n        this.#selectAndToggle();\n      }\n    });\n\n    this.listen(' ', this.expander, (e: KeyboardEvent) => {\n      e.stopPropagation();\n      if (!this.disabled && e.target === this.header) {\n        this.#selectAndToggle();\n      }\n    });\n\n    this.offEvent('touchend', this.expander);\n    this.onEvent('touchend', this.expander, (e: { touches: string | any[]; }) => {\n      if (e.touches && e.touches.length > 0) {\n        this.#selectAndToggle();\n      }\n    }, {\n      passive: true\n    });\n\n    // listen to header slot changes\n    this.offEvent('slotchange.header-slotchange');\n    this.onEvent('slotchange.header-slotchange', this.container?.querySelector('slot[name=\"header\"]'), () => {\n      this.header?.setAttribute('aria-expanded', `${this.expanded}`);\n      this.#toggleExpanderDisplay();\n    });\n\n    // listen to content slot change\n    const contentSlot = this.container?.querySelector<HTMLSlotElement>('slot[name=\"content\"]');\n    this.offEvent('slotchange.content-slotchange');\n    this.onEvent('slotchange.content-slotchange', contentSlot, () => {\n      if (this.expanded) this.#toggleExpanded(true);\n      this.header?.toggleExpanderIcon?.(!!contentSlot?.assignedElements().length);\n    });\n\n    // Stops the selected event from bubbling up to the accordion\n    this.offEvent('selected.accordion-panel-selected', this);\n    this.onEvent('selected.accordion-panel-selected', this, (e: { stopPropagation: () => void; }) => {\n      e.stopPropagation();\n    });\n  }\n\n  /**\n   * Select the prev/next panel\n   * @param {IdsAccordionPanel} panel The panel to be selected\n   * @returns {void}\n   */\n  select(panel: this): void {\n    if (panel?.tagName === 'IDS-ACCORDION-PANEL') {\n      if (this.header) this.header.selected = true;\n      panel.focus();\n    }\n  }\n\n  /**\n   * Passes focus from the Panel to its Header component\n   * @returns {void}\n   */\n  focus(): void {\n    this.header?.focus();\n  }\n\n  /**\n   * Inner template contents\n   * @returns {string} The template\n   */\n  template(): string {\n    return `\n      <div class=\"ids-accordion-panel\">\n        <div class=\"ids-accordion-panel-expander\">\n          <slot name=\"header\"></slot>\n        </div>\n        <div class=\"ids-accordion-pane\">\n          <div class=\"ids-accordion-pane-content\">\n            <slot name=\"content\"></slot>\n          </div>\n        </div>\n      </div>\n    `;\n  }\n}\n"],
+  "mappings": "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",
+  "names": ["ids_accordion_panel_default", "Base", "ids_color_variant_mixin_default", "ids_keyboard_mixin_default", "ids_events_mixin_default", "IdsElement", "_IdsAccordionPanel_instances", "refreshContentAlignment_fn", "_expanded", "toggleExpanded_fn", "collapseSiblingPanels_fn", "selectAndToggle_fn", "toggleExpanderDisplay_fn", "attachEventHandlers_fn", "IdsAccordionPanel", "__privateAdd", "__publicField", "__privateMethod", "attributes", "val", "thisAlignment", "ALIGNMENT_TYPES", "panels", "value", "isValueTruthy", "stringToBool", "__privateGet", "__privateSet", "disabled", "panel", "applyContentAlignmentClass", "isExpanded", "IdsAccordionHeader", "e", "contentSlot", "__decorateClass", "customElement", "scss", "ids_accordion_panel_default"]
+}

package/chunks/{ids-chunk-CXMWVK24.js → ids-chunk-MVXFOLQS.js}

@@ -1,4 +1,4 @@
-import{a as V}from"./ids-chunk-46CNAHSV.js";import{a as B}from"./ids-chunk-MFG4QPWR.js";import{a as T}from"./ids-chunk-3ZNIY4EY.js";import{a as O,b as L}from"./ids-chunk-W544ATNJ.js";import{a as M}from"./ids-chunk-T4CWIXQV.js";import{d as R,e as b}from"./ids-chunk-ZNNLOALS.js";import{a as t}from"./ids-chunk-7TWTH2YZ.js";import{a as A,b as E,d as y,f as a}from"./ids-chunk-L5CMP5FA.js";var w=`/* Ids Toolbar More Actions Component */
+import{a as B}from"./ids-chunk-5726KNWI.js";import{a as M}from"./ids-chunk-EKKKKMSS.js";import{a as R}from"./ids-chunk-3ZNIY4EY.js";import{a as y,b as L}from"./ids-chunk-W544ATNJ.js";import{a as T}from"./ids-chunk-HEO7ODV7.js";import{d as w,e as b}from"./ids-chunk-ZNNLOALS.js";import{a as t}from"./ids-chunk-TUG7JY5H.js";import{a as A,b as E,d as O,f as a}from"./ids-chunk-L5CMP5FA.js";var S=`/* Ids Toolbar More Actions Component */
 :host {
   display: inline-flex;
 }
@@ -12,20 +12,20 @@ import{a as V}from"./ids-chunk-46CNAHSV.js";import{a as B}from"./ids-chunk-MFG4Q
   white-space: nowrap;
   width: auto;
 }
-/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL1VzZXJzL3RpbS5tY2NvbmVjaHkvRGV2L2VudGVycHJpc2Utd2Mvc3JjL2NvbXBvbmVudHMvaWRzLXRvb2xiYXIiLCJzb3VyY2VzIjpbImlkcy10b29sYmFyLW1vcmUtYWN0aW9ucy5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBO0FBRUE7RUFDRTs7O0FBR0Y7RUFDRTtFQUNBOzs7QUFHRjtFQUNFO0VBQ0EiLCJzb3VyY2VzQ29udGVudCI6WyIvKiBJZHMgVG9vbGJhciBNb3JlIEFjdGlvbnMgQ29tcG9uZW50ICovXG5cbjpob3N0IHtcbiAgZGlzcGxheTogaW5saW5lLWZsZXg7XG59XG5cbjo6c2xvdHRlZChpZHMtc2VwYXJhdG9yKSB7XG4gIGFsaWduLXNlbGY6IGNlbnRlcjtcbiAganVzdGlmeS1zZWxmOiBjZW50ZXI7XG59XG5cbi5pZHMtdG9vbGJhci1tb3JlLWFjdGlvbnMge1xuICB3aGl0ZS1zcGFjZTogbm93cmFwO1xuICB3aWR0aDogYXV0bztcbn1cbiJdfQ== */`;var d=`[${t.MORE_ACTIONS}]`,S=["formatter"],j=B(V(T(M))),s,C,G,h,F,W,$,m=class extends j{constructor(){super();y(this,s);E(this,"colorVariants",["alternate-formatter"])}static get attributes(){return[...super.attributes,t.DISABLED,t.OVERFLOW,t.TOOLBAR_TYPE,t.VISIBLE]}connectedCallback(){super.connectedCallback(),(!this.menu||!this.button)&&a(this,s,C).call(this),a(this,s,W).call(this),a(this,s,F).call(this),requestAnimationFrame(()=>{a(this,s,$).call(this)})}disconnectedCallback(){super.disconnectedCallback?.(),this.overflowMenuItems.forEach(e=>{e.removeAttribute(t.OVERFLOWED)})}template(){return`<div class="ids-toolbar-section ids-toolbar-more-actions more">
+/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL3Jvb3QvZW50ZXJwcmlzZS9zcmMvY29tcG9uZW50cy9pZHMtdG9vbGJhciIsInNvdXJjZXMiOlsiaWRzLXRvb2xiYXItbW9yZS1hY3Rpb25zLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7QUFFQTtFQUNFOzs7QUFHRjtFQUNFO0VBQ0E7OztBQUdGO0VBQ0U7RUFDQSIsInNvdXJjZXNDb250ZW50IjpbIi8qIElkcyBUb29sYmFyIE1vcmUgQWN0aW9ucyBDb21wb25lbnQgKi9cblxuOmhvc3Qge1xuICBkaXNwbGF5OiBpbmxpbmUtZmxleDtcbn1cblxuOjpzbG90dGVkKGlkcy1zZXBhcmF0b3IpIHtcbiAgYWxpZ24tc2VsZjogY2VudGVyO1xuICBqdXN0aWZ5LXNlbGY6IGNlbnRlcjtcbn1cblxuLmlkcy10b29sYmFyLW1vcmUtYWN0aW9ucyB7XG4gIHdoaXRlLXNwYWNlOiBub3dyYXA7XG4gIHdpZHRoOiBhdXRvO1xufVxuIl19 */`;var d=`[${t.MORE_ACTIONS}]`,V=["formatter"],X=M(B(R(T))),s,N,x,h,C,$,D,m=class extends X{constructor(){super();O(this,s);E(this,"colorVariants",["alternate-formatter"])}static get attributes(){return[...super.attributes,t.DISABLED,t.OVERFLOW,t.TOOLBAR_TYPE,t.VISIBLE]}connectedCallback(){super.connectedCallback(),(!this.menu||!this.button)&&a(this,s,N).call(this),a(this,s,$).call(this),a(this,s,C).call(this),requestAnimationFrame(()=>{a(this,s,D).call(this)})}disconnectedCallback(){super.disconnectedCallback?.(),this.overflowMenuItems.forEach(e=>{e.removeAttribute(t.OVERFLOWED)})}template(){return`<div class="ids-toolbar-section ids-toolbar-more-actions more">
       <slot></slot>
-    </div>`}get button(){return this.querySelector("ids-menu-button")}get menu(){return this.querySelector("ids-popup-menu")||null}get menuItems(){return[...this.querySelectorAll("ids-menu-item")]}get predefinedMenuItems(){return[...this.querySelectorAll(`:scope > ids-popup-menu > ids-menu-group:not(${d}) > ids-menu-item`)]}get overflowMenuItems(){return this.querySelector(d)?[...this.querySelector(d)?.children??[]]:[]}get toolbar(){return this.parentElement}set disabled(e){let n=b(e);n?this.setAttribute(t.DISABLED,e.toString()):this.removeAttribute(t.DISABLED),this.button?.setAttribute(t.DISABLED,n.toString()),this.container?.classList[n?"add":"remove"](t.DISABLED)}get disabled(){return!!this.container?.classList.contains(t.DISABLED)}set overflow(e){let n=b(e),i=this.overflow;n!==i&&(n?this.setAttribute(t.OVERFLOW,""):this.removeAttribute(t.OVERFLOW))}get overflow(){return this.hasAttribute(t.OVERFLOW)}set toolbarType(e){e&&S.includes(e)?(this.setAttribute(t.TOOLBAR_TYPE,e),this.container?.classList.add(e)):(this.removeAttribute(t.TOOLBAR_TYPE),this.container?.classList.remove(S[0]))}get toolbarType(){return this.getAttribute(t.TOOLBAR_TYPE)}set type(e){this.removeAttribute(t.TYPE)}get type(){return"more"}set visible(e){b(e)?(this.setAttribute(t.VISIBLE,""),this.menu?.showIfAble()):(this.removeAttribute(t.VISIBLE),this.menu?.hide())}get visible(){return this.menu?.visible||!1}refreshOverflowedItems(){this.overflow&&(this.overflowMenuItems.forEach(e=>{let n=!this.isOverflowed(e.overflowTarget);e.hidden=n,n?e.overflowTarget.removeAttribute(t.OVERFLOWED):e.overflowTarget.setAttribute(t.OVERFLOWED,"")}),this.button&&(this.button.hidden=!this.hasVisibleActions(),this.button.getAttribute(t.COLOR_VARIANT)&&this.button.container?.classList.add(`color-variant-${this.button.getAttribute(t.COLOR_VARIANT)}`)),this.menu?.visible&&this.menu.refreshIconAlignment())}focus(){this.visible?this.menu?.focusTarget?.focus():this.button?.focus()}hasVisibleActions(){return this.predefinedMenuItems.length>0||this.querySelectorAll(`:scope > ids-popup-menu > ids-menu-group${d} > ids-menu-item:not([hidden])`).length>0}hasEnabledActions(){return this.querySelectorAll(`:scope > ids-popup-menu > ids-menu-group${d} > ids-menu-item:not([disabled])`).length>0}isOverflowed(e){if(!this.toolbar.contains(e)||e.hidden)return!1;let n=e.getBoundingClientRect(),r=e.parentElement.getBoundingClientRect(),u=n.right>r.right;return n.left<r.left||u}onColorVariantRefresh(){this.colorVariant==="alternate-formatter"?this.button?.setAttribute(t.COLOR_VARIANT,"alternate-formatter"):this.button?.removeAttribute(t.COLOR_VARIANT)}};s=new WeakSet,C=function(){let e="more-actions",n="more-actions-menu",i=this.disabled?" disabled":"",r=this.getAttribute("icon")||"more";this.insertAdjacentHTML("afterbegin",`<ids-menu-button tooltip="${this.localeAPI.translate("More")}" id="${e}" menu="${n}"${i}>
+    </div>`}get button(){return this.querySelector("ids-menu-button")}get menu(){return this.querySelector("ids-popup-menu")||null}get menuItems(){return[...this.querySelectorAll("ids-menu-item")]}get predefinedMenuItems(){return[...this.querySelectorAll(`:scope > ids-popup-menu > ids-menu-group:not(${d}) > ids-menu-item`)]}get overflowMenuItems(){return this.querySelector(d)?[...this.querySelector(d)?.children??[]]:[]}get toolbar(){return this.parentElement}set disabled(e){let n=b(e);n?this.setAttribute(t.DISABLED,e.toString()):this.removeAttribute(t.DISABLED),this.button?.setAttribute(t.DISABLED,n.toString()),this.container?.classList[n?"add":"remove"](t.DISABLED)}get disabled(){return!!this.container?.classList.contains(t.DISABLED)}set overflow(e){let n=b(e),i=this.overflow;n!==i&&(n?this.setAttribute(t.OVERFLOW,""):this.removeAttribute(t.OVERFLOW))}get overflow(){return this.hasAttribute(t.OVERFLOW)}set toolbarType(e){e&&V.includes(e)?(this.setAttribute(t.TOOLBAR_TYPE,e),this.container?.classList.add(e)):(this.removeAttribute(t.TOOLBAR_TYPE),this.container?.classList.remove(V[0]))}get toolbarType(){return this.getAttribute(t.TOOLBAR_TYPE)}set type(e){this.removeAttribute(t.TYPE)}get type(){return"more"}set visible(e){b(e)?(this.setAttribute(t.VISIBLE,""),this.menu?.showIfAble()):(this.removeAttribute(t.VISIBLE),this.menu?.hide())}get visible(){return this.menu?.visible||!1}refreshOverflowedItems(){this.overflow&&(this.overflowMenuItems.forEach(e=>{let n=!this.isOverflowed(e.overflowTarget);e.hidden=n,n?e.overflowTarget.removeAttribute(t.OVERFLOWED):e.overflowTarget.setAttribute(t.OVERFLOWED,"")}),this.button&&(this.button.hidden=!this.hasVisibleActions(),this.button.getAttribute(t.COLOR_VARIANT)&&this.button.container?.classList.add(`color-variant-${this.button.getAttribute(t.COLOR_VARIANT)}`)),this.menu?.visible&&this.menu.refreshIconAlignment())}focus(){this.visible?this.menu?.focusTarget?.focus():this.button?.focus()}hasVisibleActions(){return this.predefinedMenuItems.length>0||this.querySelectorAll(`:scope > ids-popup-menu > ids-menu-group${d} > ids-menu-item:not([hidden])`).length>0}hasEnabledActions(){return this.querySelectorAll(`:scope > ids-popup-menu > ids-menu-group${d} > ids-menu-item:not([disabled])`).length>0}isOverflowed(e){if(!this.toolbar.contains(e)||e.hidden)return!1;let n=e.getBoundingClientRect(),r=e.parentElement.getBoundingClientRect(),u=n.right>r.right;return n.left<r.left||u}onColorVariantRefresh(){this.colorVariant==="alternate-formatter"?this.button?.setAttribute(t.COLOR_VARIANT,"alternate-formatter"):this.button?.removeAttribute(t.COLOR_VARIANT)}};s=new WeakSet,N=function(){let e="more-actions",n="more-actions-menu",i=this.disabled?" disabled":"",r=this.getAttribute("icon")||"more";this.insertAdjacentHTML("afterbegin",`<ids-menu-button tooltip="${this.localeAPI.translate("More")}" id="${e}" menu="${n}"${i}>
         <ids-icon icon="${r}"></ids-icon>
         <span class="audible">More Actions Button</span>
       </ids-menu-button>
-      <ids-popup-menu id="${n}" target="#${e}" trigger-type="click"></ids-popup-menu>`),this.querySelectorAll(":scope > ids-menu-group")?.forEach(l=>this.menu?.append(l))},G=function(){let e=()=>this.toolbar?.items?.map(n=>a(this,s,h).call(this,n)).join("")||"";return`<ids-menu-group ${t.MORE_ACTIONS}>
+      <ids-popup-menu id="${n}" target="#${e}" trigger-type="click"></ids-popup-menu>`),this.querySelectorAll(":scope > ids-menu-group")?.forEach(l=>this.menu?.append(l))},x=function(){let e=()=>this.toolbar?.items?.map(n=>a(this,s,h).call(this,n)).join("")||"";return`<ids-menu-group ${t.MORE_ACTIONS}>
       ${e()}
     </ids-menu-group>`},h=function(e,n=!1){let i="",r="",u="",l="",p="",f="",c="";n||(f=this.isOverflowed(e)?"":" hidden");let g=o=>{o.disabled&&(l=" disabled"),o.icon&&(r=` icon="${o.icon}"`,c=o.iconEl?.viewbox,c=c?` viewbox="${c}"`:""),i=o.text},v=o=>{let I=n?"submenu":"menuEl";o[I]&&(p=`<ids-popup-menu slot="submenu">
           <ids-menu-group>
-            ${o[I].items.map(D=>a(this,s,h).call(this,D,!0)).join("")||""}
+            ${o[I].items.map(W=>a(this,s,h).call(this,W,!0)).join("")||""}
           </ids-menu-group>
-        </ids-popup-menu>`)},N=o=>{o.disabled&&(l=" disabled"),o.icon&&(r=` icon="${o.icon}"`),o.hidden&&(u=" hidden"),i=o.text,o.submenu&&v(o)};switch(e.tagName){case"IDS-MENU-BUTTON":g(e),v(e);break;case"IDS-MENU-ITEM":N(e);break;case"IDS-BUTTON":g(e);break;default:i=e.textContent;break}return i=R(i)?.trim(),`<ids-menu-item${l}${r}${c}${u||f}>
+        </ids-popup-menu>`)},F=o=>{o.disabled&&(l=" disabled"),o.icon&&(r=` icon="${o.icon}"`),o.hidden&&(u=" hidden"),i=o.text,o.submenu&&v(o)};switch(e.tagName){case"IDS-MENU-BUTTON":g(e),v(e);break;case"IDS-MENU-ITEM":F(e);break;case"IDS-BUTTON":g(e);break;default:i=e.textContent;break}return i=w(i)?.trim(),`<ids-menu-item${l}${r}${c}${u||f}>
       ${i}
       ${p}
-    </ids-menu-item>`},F=function(){this.onEvent("beforeshow",this.menu,e=>{this.triggerEvent("beforeshow",this,{bubbles:e.bubbles,detail:e.detail}),this.button?.configureMenu?.(),this.refreshOverflowedItems()}),this.onEvent("selected",this.menu,e=>{let n=e.detail.elem;n.overflowTarget&&(e.preventDefault(),e.stopPropagation(),this.toolbar.triggerSelectedEvent(n,!0))}),this.onEvent("show",this.menu,()=>{this.visible=!!this.menuItems?.length}),this.onEvent("hide",this.menu,()=>{this.visible=!1})},W=function(){this.menu?.popup&&(this.menu.popup.align="bottom, right",this.menu.popup.alignEdge="bottom"),this.onColorVariantRefresh()},$=function(){if(!this.menu)return;let e=this.menu.querySelector(d);!e&&this.overflow&&this.menu.insertAdjacentHTML("afterbegin",a(this,s,G).call(this)),e&&!this.overflow&&e.remove();let n=(i,r)=>{r&&[...i.submenu.children].forEach((u,l)=>{u.overflowTarget=r.items[l],u.submenu&&n(u,u.overflowTarget.submenu)})};this.overflowMenuItems.forEach((i,r)=>{i.overflowTarget=this.toolbar.items[r],i.submenu&&n(i,i.overflowTarget.menuEl)})},m=A([O("ids-toolbar-more-actions"),L(w)],m);export{m as a};
-//# sourceMappingURL=ids-chunk-CXMWVK24.js.map
+    </ids-menu-item>`},C=function(){this.onEvent("beforeshow",this.menu,e=>{this.triggerEvent("beforeshow",this,{bubbles:e.bubbles,detail:e.detail}),this.button?.configureMenu?.(),this.refreshOverflowedItems()}),this.onEvent("selected",this.menu,e=>{let n=e.detail.elem;n.overflowTarget&&(e.preventDefault(),e.stopPropagation(),this.toolbar.triggerSelectedEvent(n,!0))}),this.onEvent("show",this.menu,()=>{this.visible=!!this.menuItems?.length}),this.onEvent("hide",this.menu,()=>{this.visible=!1})},$=function(){this.menu?.popup&&(this.menu.popup.align="bottom, right",this.menu.popup.alignEdge="bottom"),this.onColorVariantRefresh()},D=function(){if(!this.menu)return;let e=this.menu.querySelector(d);!e&&this.overflow&&this.menu.insertAdjacentHTML("afterbegin",a(this,s,x).call(this)),e&&!this.overflow&&e.remove();let n=(i,r)=>{r&&[...i.submenu.children].forEach((u,l)=>{u.overflowTarget=r.items[l],u.submenu&&n(u,u.overflowTarget.submenu)})};this.overflowMenuItems.forEach((i,r)=>{i.overflowTarget=this.toolbar.items[r],i.submenu&&n(i,i.overflowTarget.menuEl)})},m=A([y("ids-toolbar-more-actions"),L(S)],m);export{m as a};
+//# sourceMappingURL=ids-chunk-MVXFOLQS.js.map

package/chunks/ids-chunk-MVXFOLQS.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/components/ids-toolbar/ids-toolbar-more-actions.scss", "../../../../src/components/ids-toolbar/ids-toolbar-more-actions.ts"],
+  "sourcesContent": ["export default `/* Ids Toolbar More Actions Component */\n:host {\n  display: inline-flex;\n}\n\n::slotted(ids-separator) {\n  align-self: center;\n  justify-self: center;\n}\n\n.ids-toolbar-more-actions {\n  white-space: nowrap;\n  width: auto;\n}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL3Jvb3QvZW50ZXJwcmlzZS9zcmMvY29tcG9uZW50cy9pZHMtdG9vbGJhciIsInNvdXJjZXMiOlsiaWRzLXRvb2xiYXItbW9yZS1hY3Rpb25zLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7QUFFQTtFQUNFOzs7QUFHRjtFQUNFO0VBQ0E7OztBQUdGO0VBQ0U7RUFDQSIsInNvdXJjZXNDb250ZW50IjpbIi8qIElkcyBUb29sYmFyIE1vcmUgQWN0aW9ucyBDb21wb25lbnQgKi9cblxuOmhvc3Qge1xuICBkaXNwbGF5OiBpbmxpbmUtZmxleDtcbn1cblxuOjpzbG90dGVkKGlkcy1zZXBhcmF0b3IpIHtcbiAgYWxpZ24tc2VsZjogY2VudGVyO1xuICBqdXN0aWZ5LXNlbGY6IGNlbnRlcjtcbn1cblxuLmlkcy10b29sYmFyLW1vcmUtYWN0aW9ucyB7XG4gIHdoaXRlLXNwYWNlOiBub3dyYXA7XG4gIHdpZHRoOiBhdXRvO1xufVxuIl19 */`;\n", "import { customElement, scss } from '../../core/ids-decorators';\nimport { attributes } from '../../core/ids-attributes';\nimport IdsColorVariantMixin from '../../mixins/ids-color-variant-mixin/ids-color-variant-mixin';\nimport IdsEventsMixin from '../../mixins/ids-events-mixin/ids-events-mixin';\nimport IdsLocaleMixin from '../../mixins/ids-locale-mixin/ids-locale-mixin';\nimport IdsElement from '../../core/ids-element';\n\nimport { removeNewLines, stringToBool } from '../../utils/ids-string-utils/ids-string-utils';\n\nimport './ids-toolbar-section';\nimport '../ids-menu-button/ids-menu-button';\nimport '../ids-popup-menu/ids-popup-menu';\n\nimport styles from './ids-toolbar-more-actions.scss';\nimport type IdsMenuGroup from '../ids-menu/ids-menu-group';\nimport type IdsMenuButton from '../ids-menu-button/ids-menu-button';\nimport type IdsPopupMenu from '../ids-popup-menu/ids-popup-menu';\nimport type IdsMenuItem from '../ids-menu/ids-menu-item';\n\nconst MORE_ACTIONS_SELECTOR = `[${attributes.MORE_ACTIONS}]`;\n\nconst TOOLBAR_TYPES = ['formatter'];\n\nconst Base = IdsColorVariantMixin(\n  IdsLocaleMixin(\n    IdsEventsMixin(\n      IdsElement\n    )\n  )\n);\n\n/**\n * IDS Toolbar Section Component\n */\n@customElement('ids-toolbar-more-actions')\n@scss(styles)\nexport default class IdsToolbarMoreActions extends Base {\n  constructor() {\n    super();\n  }\n\n  static get attributes(): Array<string> {\n    return [\n      ...super.attributes,\n      attributes.DISABLED,\n      attributes.OVERFLOW,\n      attributes.TOOLBAR_TYPE,\n      attributes.VISIBLE,\n    ];\n  }\n\n  connectedCallback(): void {\n    super.connectedCallback();\n\n    if (!this.menu || !this.button) {\n      this.#renderActionsComponents();\n    }\n    this.#refresh();\n    this.#attachEventHandlers();\n\n    // wait for parent toolbar to finish rendering\n    requestAnimationFrame(() => {\n      this.#connectOverflowedItems();\n    });\n  }\n\n  disconnectedCallback(): void {\n    super.disconnectedCallback?.();\n\n    // Cleanup overflow markings on Toolbar items\n    // (possibly still present)\n    this.overflowMenuItems.forEach((item) => {\n      item.removeAttribute(attributes.OVERFLOWED);\n    });\n  }\n\n  template() {\n    return `<div class=\"ids-toolbar-section ids-toolbar-more-actions more\">\n      <slot></slot>\n    </div>`;\n  }\n\n  colorVariants = ['alternate-formatter'];\n\n  #renderActionsComponents() {\n    const menuButtonId = 'more-actions';\n    const menuId = 'more-actions-menu';\n    const disabled = this.disabled ? ' disabled' : '';\n    const icon = this.getAttribute('icon') || 'more';\n\n    this.insertAdjacentHTML('afterbegin', `<ids-menu-button tooltip=\"${this.localeAPI.translate('More')}\" id=\"${menuButtonId}\" menu=\"${menuId}\"${disabled}>\n        <ids-icon icon=\"${icon}\"></ids-icon>\n        <span class=\"audible\">More Actions Button</span>\n      </ids-menu-button>\n      <ids-popup-menu id=\"${menuId}\" target=\"#${menuButtonId}\" trigger-type=\"click\"></ids-popup-menu>`);\n\n    // Previously, it was possible to define IdsMenuGroups as child elements\n    // of the IdsToolbarMoreActions component. For compatability, these groups\n    // are moved into the new menu:\n    const groups = this.querySelectorAll<IdsMenuGroup>(':scope > ids-menu-group');\n    groups?.forEach((groupEl) => this.menu?.append(groupEl));\n  }\n\n  /**\n   * @private\n   * @returns {string} the template for the More Actions Menu Group\n   */\n  #moreActionsMenuTemplate(): string {\n    // Cycle through toolbar items, if present, and render a menu item that represents them\n    const renderToolbarItems = () => this.toolbar?.items?.map((i: HTMLElement) => this.#moreActionsItemTemplate(i)).join('') || '';\n    return `<ids-menu-group ${attributes.MORE_ACTIONS}>\n      ${renderToolbarItems()}\n    </ids-menu-group>`;\n  }\n\n  /**\n   * @private\n   * @param {HTMLElement} item an element from inside one of the Toolbar sections\n   *  that will be mirrored in the More Actions menu\n   * @param {boolean} isSubmenuItem true if the item provided is a submenu item\n   * @returns {string} representing a single menu item\n   */\n  #moreActionsItemTemplate(item: HTMLElement, isSubmenuItem = false): string {\n    let text: any = '';\n    let icon = '';\n    let hidden = '';\n    let disabled = '';\n    let submenu = '';\n    let overflowed = '';\n    let viewbox = '';\n\n    if (!isSubmenuItem) {\n      overflowed = this.isOverflowed(item) ? '' : ' hidden';\n    }\n\n    // NOTE: the `hidden` property is not identified on buttons by design,\n    // since the \"hidden\" attribute is appended to the Toolbar Items\n    // to control their visibility when overflowed.\n    const handleButton = (thisItem: any) => {\n      if (thisItem.disabled) disabled = ' disabled';\n      if (thisItem.icon) {\n        icon = ` icon=\"${thisItem.icon}\"`;\n        viewbox = thisItem.iconEl?.viewbox;\n        viewbox = viewbox ? ` viewbox=\"${viewbox}\"` : '';\n      }\n      text = thisItem.text;\n    };\n\n    // Top-level Menus/Submenus are handled by this same method\n    const handleSubmenu = (thisItem: any) => {\n      const menuProp = isSubmenuItem ? 'submenu' : 'menuEl';\n\n      if (thisItem[menuProp]) {\n        const thisSubItems = thisItem[menuProp].items;\n        submenu = `<ids-popup-menu slot=\"submenu\">\n          <ids-menu-group>\n            ${thisSubItems.map((subItem: any) => this.#moreActionsItemTemplate(subItem, true)).join('') || ''}\n          </ids-menu-group>\n        </ids-popup-menu>`;\n      }\n    };\n\n    // These represent menu items in top-level menu buttons, which can be hidden.\n    const handleMenuItem = (thisItem: any) => {\n      if (thisItem.disabled) disabled = ' disabled';\n      if (thisItem.icon) icon = ` icon=\"${thisItem.icon}\"`;\n      if (thisItem.hidden) hidden = ` hidden`;\n      text = thisItem.text;\n\n      if (thisItem.submenu) {\n        handleSubmenu(thisItem);\n      }\n    };\n\n    switch (item.tagName) {\n      case 'IDS-MENU-BUTTON':\n        handleButton(item);\n        handleSubmenu(item);\n        break;\n      case 'IDS-MENU-ITEM':\n        handleMenuItem(item);\n        break;\n      case 'IDS-BUTTON':\n        handleButton(item);\n        break;\n      default:\n        text = item.textContent;\n        break;\n    }\n\n    // Sanitize text from Toolbar elements to fit menu items\n    text = removeNewLines(text)?.trim();\n\n    return `<ids-menu-item${disabled}${icon}${viewbox}${hidden || overflowed}>\n      ${text}\n      ${submenu}\n    </ids-menu-item>`;\n  }\n\n  /**\n   * @readonly\n   * @returns {HTMLElement} the inner menu button\n   */\n  get button(): IdsMenuButton | undefined | null {\n    return this.querySelector<IdsMenuButton>('ids-menu-button');\n  }\n\n  /**\n   * @readonly\n   * @returns {IdsPopupMenu | null} the inner popup menu\n   */\n  get menu(): IdsPopupMenu | null {\n    return this.querySelector<IdsPopupMenu>('ids-popup-menu') || null;\n  }\n\n  /**\n   * @readonly\n   * @returns {Array<IdsMenuItem>} get the menu-items inside this IdsToolbarMoreActions\n   */\n  get menuItems(): Array<IdsMenuItem> {\n    return [...this.querySelectorAll<IdsMenuItem>('ids-menu-item')];\n  }\n\n  /**\n   * @readonly\n   * @returns {Array<HTMLElement>} list of manually-defined menu items\n   */\n  get predefinedMenuItems(): Array<any> {\n    return [...this.querySelectorAll(`:scope > ids-popup-menu > ids-menu-group:not(${MORE_ACTIONS_SELECTOR}) > ids-menu-item`)];\n  }\n\n  /**\n   * @readonly\n   * @returns {Array<HTMLElement>} list of menu items that mirror Toolbar items\n   */\n  get overflowMenuItems(): Array<any> {\n    const moreActionsMenu = this.querySelector(MORE_ACTIONS_SELECTOR);\n    if (moreActionsMenu) {\n      return [...this.querySelector(MORE_ACTIONS_SELECTOR)?.children ?? []];\n    }\n    return [];\n  }\n\n  /**\n   * @readonly\n   * @returns {HTMLElement} a reference to this section's toolbar parent node\n   */\n  get toolbar(): any {\n    return this.parentElement;\n  }\n\n  /**\n   * @param {boolean | string} val true if the More Actions menu should be disabled\n   */\n  set disabled(val: boolean | string) {\n    const trueVal = stringToBool(val);\n\n    if (trueVal) {\n      this.setAttribute(attributes.DISABLED, val.toString());\n    } else {\n      this.removeAttribute(attributes.DISABLED);\n    }\n\n    this.button?.setAttribute(attributes.DISABLED, trueVal.toString());\n    this.container?.classList[trueVal ? 'add' : 'remove'](attributes.DISABLED);\n  }\n\n  /**\n   * @returns {boolean} true if the More Actions menu is currently disabled\n   */\n  get disabled(): boolean {\n    return !!this.container?.classList.contains(attributes.DISABLED);\n  }\n\n  /**\n   * @param {boolean | string} val truthy if this More Actions menu should display overflowed items from the toolbar\n   */\n  set overflow(val: boolean | string) {\n    const newValue = stringToBool(val);\n    const currentValue = this.overflow;\n    if (newValue !== currentValue) {\n      if (newValue) {\n        this.setAttribute(attributes.OVERFLOW, '');\n      } else {\n        this.removeAttribute(attributes.OVERFLOW);\n      }\n    }\n  }\n\n  /**\n   * @returns {boolean} true if this More Actions menu will display overflowed items from the toolbar\n   */\n  get overflow(): boolean {\n    return this.hasAttribute(attributes.OVERFLOW);\n  }\n\n  /**\n   * @param {string} value the type of toolbar\n   */\n  set toolbarType(value: string | null) {\n    if (value && TOOLBAR_TYPES.includes(value)) {\n      this.setAttribute(attributes.TOOLBAR_TYPE, value);\n      this.container?.classList.add(value);\n    } else {\n      this.removeAttribute(attributes.TOOLBAR_TYPE);\n      this.container?.classList.remove(TOOLBAR_TYPES[0]);\n    }\n  }\n\n  /**\n   * @returns {string} the type of toolbar\n   */\n  get toolbarType(): string | null {\n    return this.getAttribute(attributes.TOOLBAR_TYPE);\n  }\n\n  /**\n   * Overrides the standard toolbar section \"type\" setter, which is always \"more\" in this case.\n   * @param {string} val the type value\n   */\n  set type(val: string) {\n    this.removeAttribute(attributes.TYPE);\n  }\n\n  /**\n   * Overrides the standard toolbar section \"type\" getter, which always returns \"more\" in this case.\n   * @returns {string} representing the Toolbar Section type\n   */\n  get type(): string {\n    return 'more';\n  }\n\n  /**\n   * @param {boolean | string} val alters whether the More Actions menu is displayed/hidden\n   */\n  set visible(val: boolean | string) {\n    if (stringToBool(val)) {\n      this.setAttribute(attributes.VISIBLE, '');\n      this.menu?.showIfAble();\n    } else {\n      this.removeAttribute(attributes.VISIBLE);\n      this.menu?.hide();\n    }\n  }\n\n  /**\n   * @returns {boolean} true if the More Actions menu is currently displayed\n   */\n  get visible(): boolean {\n    return this.menu?.visible || false;\n  }\n\n  /**\n   * @returns {void}\n   */\n  #attachEventHandlers(): void {\n    this.onEvent('beforeshow', this.menu, (e: any) => {\n      // Reflect this event to the host element\n      this.triggerEvent('beforeshow', this, {\n        bubbles: e.bubbles,\n        detail: e.detail\n      });\n\n      this.button?.configureMenu?.();\n      this.refreshOverflowedItems();\n    });\n\n    // Forward `selected` events from the More Actions Menu to their\n    // Toolbar Item counterparts.  This is needed for firing Toolbar Actions that\n    // are only visible inside the overflow menu.\n    this.onEvent('selected', this.menu, (e: any) => {\n      const menuItem = e.detail.elem;\n      if (menuItem.overflowTarget) {\n        e.preventDefault();\n        e.stopPropagation();\n        this.toolbar.triggerSelectedEvent(menuItem, true);\n      }\n    });\n\n    // Listen to show/hide events from the inner IdsPopupMenu and reflect the `visible` attribute\n    this.onEvent('show', this.menu, () => {\n      this.visible = !!this.menuItems?.length;\n    });\n    this.onEvent('hide', this.menu, () => {\n      this.visible = false;\n    });\n  }\n\n  /**\n   * Refreshes the state of the More Actions button\n   * @returns {void}\n   */\n  #refresh(): void {\n    if (this.menu?.popup) {\n      this.menu.popup.align = 'bottom, right';\n      this.menu.popup.alignEdge = 'bottom';\n    }\n    this.onColorVariantRefresh();\n  }\n\n  /**\n   * Refreshes the visible state of menu items representing \"overflowed\" elements\n   * @returns {void}\n   */\n  refreshOverflowedItems(): void {\n    if (!this.overflow) return;\n\n    this.overflowMenuItems.forEach((item) => {\n      const doHide = !this.isOverflowed(item.overflowTarget);\n      item.hidden = doHide;\n      if (doHide) {\n        item.overflowTarget.removeAttribute(attributes.OVERFLOWED);\n      } else {\n        item.overflowTarget.setAttribute(attributes.OVERFLOWED, '');\n      }\n    });\n\n    if (this.button) {\n      this.button.hidden = !this.hasVisibleActions();\n      // this.button.disabled = !this.menuItems?.length;\n      if (this.button.getAttribute(attributes.COLOR_VARIANT)) this.button.container?.classList.add(`color-variant-${this.button.getAttribute(attributes.COLOR_VARIANT)}`);\n    }\n\n    if (this.menu?.visible) {\n      this.menu.refreshIconAlignment();\n    }\n  }\n\n  /**\n   * Connects each overflowed menu item to a real Toolbar element\n   * @private\n   * @returns {void}\n   */\n  #connectOverflowedItems(): void {\n    if (!this.menu) return;\n\n    // Render the \"More Actions\" area if it doesn't exist\n    const el = this.menu.querySelector(MORE_ACTIONS_SELECTOR);\n    if (!el && this.overflow) {\n      this.menu!.insertAdjacentHTML('afterbegin', this.#moreActionsMenuTemplate());\n    }\n    if (el && !this.overflow) {\n      el.remove();\n    }\n\n    // Connects Overflow Menu subitems with corresponding menu items in the Toolbar\n    // (generally by way of IdsMenuButtons or other menu-driven components)\n    const handleSubmenu = (thisItem: any, overflowTargetMenu: any) => {\n      if (!overflowTargetMenu) return;\n      [...thisItem.submenu.children].forEach((item: any, i: number) => {\n        item.overflowTarget = overflowTargetMenu.items[i];\n        if (item.submenu) {\n          handleSubmenu(item, item.overflowTarget.submenu);\n        }\n      });\n    };\n\n    // Connect all \"More Action\" items generated from Toolbar Elements to their\n    // real counterparts in the Toolbar\n    this.overflowMenuItems.forEach((item: any, i: number) => {\n      item.overflowTarget = this.toolbar.items[i];\n      if (item.submenu) {\n        handleSubmenu(item, item.overflowTarget.menuEl);\n      }\n    });\n  }\n\n  /**\n   * Passes focus from the main element into the inner Ids Menu Button\n   * @returns {void}\n   */\n  focus(): void {\n    if (!this.visible) {\n      this.button?.focus();\n    } else {\n      this.menu?.focusTarget?.focus();\n    }\n  }\n\n  /**\n   * @returns {boolean} true if there are currently visible actions in this menu\n   */\n  hasVisibleActions(): boolean {\n    return this.predefinedMenuItems.length > 0\n      || this.querySelectorAll(`:scope > ids-popup-menu > ids-menu-group${MORE_ACTIONS_SELECTOR} > ids-menu-item:not([hidden])`).length > 0;\n  }\n\n  /**\n   * @returns {boolean} true if there are currently enabled (read: not disabled) actions in this menu\n   */\n  hasEnabledActions(): boolean {\n    return this.querySelectorAll(`:scope > ids-popup-menu > ids-menu-group${MORE_ACTIONS_SELECTOR} > ids-menu-item:not([disabled])`).length > 0;\n  }\n\n  /**\n   * @param {HTMLElement} item reference to the toolbar item to be checked for overflow\n   * @returns {boolean} true if the item is a toolbar member and should be displayed by overflow\n   */\n  isOverflowed(item: any): boolean {\n    if (!this.toolbar.contains(item)) {\n      return false;\n    }\n    if (item.hidden) {\n      return false;\n    }\n\n    const itemRect = item.getBoundingClientRect();\n    const section = item.parentElement;\n    const sectionRect = section.getBoundingClientRect();\n\n    const isBeyondRightEdge = itemRect.right > sectionRect.right;\n    const isBeyondLeftEdge = itemRect.left < sectionRect.left;\n\n    return isBeyondLeftEdge || isBeyondRightEdge;\n  }\n\n  onColorVariantRefresh(): void {\n    const colorVariant = this.colorVariant;\n    if (colorVariant === 'alternate-formatter') {\n      this.button?.setAttribute(attributes.COLOR_VARIANT, 'alternate-formatter');\n    } else {\n      this.button?.removeAttribute(attributes.COLOR_VARIANT);\n    }\n  }\n}\n"],
+  "mappings": "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",
+  "names": ["ids_toolbar_more_actions_default", "MORE_ACTIONS_SELECTOR", "attributes", "TOOLBAR_TYPES", "Base", "ids_color_variant_mixin_default", "ids_locale_mixin_default", "ids_events_mixin_default", "IdsElement", "_IdsToolbarMoreActions_instances", "renderActionsComponents_fn", "moreActionsMenuTemplate_fn", "moreActionsItemTemplate_fn", "attachEventHandlers_fn", "refresh_fn", "connectOverflowedItems_fn", "IdsToolbarMoreActions", "__privateAdd", "__publicField", "__privateMethod", "item", "val", "trueVal", "stringToBool", "newValue", "currentValue", "value", "doHide", "itemRect", "sectionRect", "isBeyondRightEdge", "menuButtonId", "menuId", "disabled", "icon", "groupEl", "renderToolbarItems", "i", "isSubmenuItem", "text", "hidden", "submenu", "overflowed", "viewbox", "handleButton", "thisItem", "handleSubmenu", "menuProp", "subItem", "handleMenuItem", "removeNewLines", "menuItem", "el", "overflowTargetMenu", "__decorateClass", "customElement", "scss", "ids_toolbar_more_actions_default"]
+}