@momentum-ui/web-components 2.22.6 → 2.22.8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,4 +1,4 @@
1
- !function(t,e){if("object"==typeof exports&&"object"==typeof module)module.exports=e(require("lit-element"),require("lit-html/directives/style-map"),require("lit-html"),require("lit-html/directives/class-map"),require("lit-html/directives/if-defined"),require("@momentum-ui/icons/data/momentumUiIconsNames.json"),require("@momentum-ui/utils/lib/getColorValue"),require("mobx"),require("@interactjs/actions/drag"),require("@interactjs/actions/resize"),require("@interactjs/auto-start"),require("@interactjs/interact/index"),require("@interactjs/modifiers"));else if("function"==typeof define&&define.amd)define(["lit-element","lit-html/directives/style-map","lit-html","lit-html/directives/class-map","lit-html/directives/if-defined","@momentum-ui/icons/data/momentumUiIconsNames.json","@momentum-ui/utils/lib/getColorValue","mobx","@interactjs/actions/drag","@interactjs/actions/resize","@interactjs/auto-start","@interactjs/interact/index","@interactjs/modifiers"],e);else{var i="object"==typeof exports?e(require("lit-element"),require("lit-html/directives/style-map"),require("lit-html"),require("lit-html/directives/class-map"),require("lit-html/directives/if-defined"),require("@momentum-ui/icons/data/momentumUiIconsNames.json"),require("@momentum-ui/utils/lib/getColorValue"),require("mobx"),require("@interactjs/actions/drag"),require("@interactjs/actions/resize"),require("@interactjs/auto-start"),require("@interactjs/interact/index"),require("@interactjs/modifiers")):e(t["lit-element"],t["lit-html/directives/style-map"],t["lit-html"],t["lit-html/directives/class-map"],t["lit-html/directives/if-defined"],t["@momentum-ui/icons/data/momentumUiIconsNames.json"],t["@momentum-ui/utils/lib/getColorValue"],t.mobx,t["@interactjs/actions/drag"],t["@interactjs/actions/resize"],t["@interactjs/auto-start"],t["@interactjs/interact/index"],t["@interactjs/modifiers"]);for(var n in i)("object"==typeof exports?exports:t)[n]=i[n]}}(self,((t,e,i,n,r,o,s,a,l,c,d,m,u)=>(()=>{"use strict";var h,p={3288:t=>{t.exports=u},8229:t=>{t.exports=e},20727:t=>{t.exports=m},23968:t=>{t.exports=n},32022:t=>{t.exports=o},40333:t=>{t.exports=i},41488:e=>{e.exports=t},57346:t=>{t.exports=c},58088:t=>{t.exports=l},58871:(t,e,i)=>{i.r(e),i.d(e,{FloatingMinimizedModal:()=>n}),i(96798),i(61200);var n,r=i(90195),o=i(3001),s=i(31890),a=i(66677),l=i(26272),c=(i(58088),i(57346),i(69e3),i(20727)),d=i.n(c),m=(i(3288),i(41488)),u=i(40333),h=i(97822),p=i(67330),f=function(t,e,i,n){var r,o=arguments.length,s=o<3?e:null===n?n=Object.getOwnPropertyDescriptor(e,i):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,e,i,n);else for(var a=t.length-1;a>=0;a--)(r=t[a])&&(s=(o<3?r(s):o>3?r(e,i,s):r(e,i))||s);return o>3&&s&&Object.defineProperty(e,i,s),s};!function(t){let e=class extends((0,o.yC)(m.LitElement)){constructor(){super(...arguments),this.heading="",this.label="",this.show=!1,this.closeAriaLabel="Close Modal",this.minimize=!1,this.dragOccured=!1,this.containerTransform="",this.applyInitialPosition=!0,this.getInitialPosition=()=>{var t,e;return this.applyInitialPosition&&this.minPosition?{initialX:Number(null===(t=this.minPosition)||void 0===t?void 0:t.x),initialY:Number(null===(e=this.minPosition)||void 0===e?void 0:e.y)}:{initialX:0,initialY:0}},this.dragMoveListener=t=>{const{target:e}=t,{x:i,y:n}=this.getTransformValues(t);this.setTargetPosition(e,i,n),this.applyInitialPosition=!1},this.dragEndListener=()=>{this.dragOccured=!0,this.setContainerRect()}}static get styles(){return[l.A,p.A]}connectedCallback(){super.connectedCallback(),window.addEventListener("resize",(0,a.sg)((()=>this.setInteractInstance()),250))}updated(t){super.updated(t),t.has("show")&&(this.container&&this.show?(this.applyInitialPosition=!0,this.setContainerRect(),this.setInteractInstance(),this.setFocusOnContainer()):(this.cleanContainerStyles(),this.destroyInteractInstance())),this.container&&t.has("minPosition")&&!t.has("show")&&this.setInitialTargetPosition(),t.has("minimize")&&void 0!==t.get("minimize")&&this.setFocusOnContainer()}isNewPositionNotSame(){var t,e,i,n;if(this.container)return Number(null===(t=this.container)||void 0===t?void 0:t.getAttribute("data-x"))!==(null===(e=this.minPosition)||void 0===e?void 0:e.x)||Number(null===(i=this.container)||void 0===i?void 0:i.getAttribute("data-y"))!==(null===(n=this.minPosition)||void 0===n?void 0:n.y)}setInitialTargetPosition(){var t,e;this.container&&this.isNewPositionNotSame()&&this.setTargetPosition(this.container,Number(null===(t=this.minPosition)||void 0===t?void 0:t.x),Number(null===(e=this.minPosition)||void 0===e?void 0:e.y))}setFocusOnContainer(){this.container&&(this.container.setAttribute("tabindex","0"),this.container.focus())}cleanContainerStyles(){this.containerTransform=""}getContainerTransform(){const t=this.container.getAttribute("data-x"),e=this.container.getAttribute("data-y");return t&&e?(this.dispatchEvent(new CustomEvent("floating-modal-minimize-location",{composed:!0,bubbles:!0,detail:{transform:{x:t,y:e}}})),`translate(${t}px, ${e}px)`):this.container.style.transform}setContainerRect(){requestAnimationFrame((()=>{return t=this,e=void 0,n=function*(){yield this.updateComplete,this.containerTransform=this.getContainerTransform()},new((i=void 0)||(i=Promise))((function(r,o){function s(t){try{l(n.next(t))}catch(t){o(t)}}function a(t){try{l(n.throw(t))}catch(t){o(t)}}function l(t){var e;t.done?r(t.value):(e=t.value,e instanceof i?e:new i((function(t){t(e)}))).then(s,a)}l((n=n.apply(t,e||[])).next())}));var t,e,i,n}))}setInteractInstance(){requestAnimationFrame((()=>{this.container&&d()(this.container).draggable({autoScroll:!0,allowFrom:this.header,listeners:{move:this.dragMoveListener,end:this.dragEndListener},modifiers:[d().modifiers.restrictRect({restriction:document.body.getBoundingClientRect(),endOnly:!0})]})}))}handleKeyDown(t){t.code!==r.Uz.Enter&&t.code!==r.Uz.Space||this.handleMinimize(t)}handleClose(t){this.show=!1,this.dispatchEvent(new CustomEvent("floating-modal-close",{composed:!0,bubbles:!0,detail:{srcEvent:t}})),t.stopPropagation()}handleMinimize(t){this.dragOccured||this.dispatchEvent(new CustomEvent("floating-min-modal-minimize",{composed:!0,bubbles:!0,detail:{srcEvent:t}})),this.dragOccured=!1}getTransformValues(t){const{target:e,dx:i,dy:n}=t,{initialX:r,initialY:o}=this.getInitialPosition();return{x:(parseFloat(e.getAttribute("data-x"))||0)+i+r,y:(parseFloat(e.getAttribute("data-y"))||0)+n+o}}setTargetPosition(t,e,i){t.style.transform=`translate(${e}px, ${i}px)`,t.setAttribute("data-x",`${e}`),t.setAttribute("data-y",`${i}`)}destroyInteractInstance(){this.container&&d().isSet(this.container)&&d()(this.container).unset()}disconnectedCallback(){super.disconnectedCallback(),this.destroyInteractInstance(),window.removeEventListener("resize",(0,a.sg)((()=>this.setInteractInstance()),250))}render(){return m.html`
1
+ !function(t,e){if("object"==typeof exports&&"object"==typeof module)module.exports=e(require("lit-element"),require("lit-html/directives/style-map"),require("lit-html"),require("lit-html/directives/class-map"),require("lit-html/directives/if-defined"),require("@momentum-ui/icons/data/momentumUiIconsNames.json"),require("@momentum-ui/utils/lib/getColorValue"),require("mobx"),require("@interactjs/actions/drag"),require("@interactjs/actions/resize"),require("@interactjs/auto-start"),require("@interactjs/interact/index"),require("@interactjs/modifiers"));else if("function"==typeof define&&define.amd)define(["lit-element","lit-html/directives/style-map","lit-html","lit-html/directives/class-map","lit-html/directives/if-defined","@momentum-ui/icons/data/momentumUiIconsNames.json","@momentum-ui/utils/lib/getColorValue","mobx","@interactjs/actions/drag","@interactjs/actions/resize","@interactjs/auto-start","@interactjs/interact/index","@interactjs/modifiers"],e);else{var i="object"==typeof exports?e(require("lit-element"),require("lit-html/directives/style-map"),require("lit-html"),require("lit-html/directives/class-map"),require("lit-html/directives/if-defined"),require("@momentum-ui/icons/data/momentumUiIconsNames.json"),require("@momentum-ui/utils/lib/getColorValue"),require("mobx"),require("@interactjs/actions/drag"),require("@interactjs/actions/resize"),require("@interactjs/auto-start"),require("@interactjs/interact/index"),require("@interactjs/modifiers")):e(t["lit-element"],t["lit-html/directives/style-map"],t["lit-html"],t["lit-html/directives/class-map"],t["lit-html/directives/if-defined"],t["@momentum-ui/icons/data/momentumUiIconsNames.json"],t["@momentum-ui/utils/lib/getColorValue"],t.mobx,t["@interactjs/actions/drag"],t["@interactjs/actions/resize"],t["@interactjs/auto-start"],t["@interactjs/interact/index"],t["@interactjs/modifiers"]);for(var n in i)("object"==typeof exports?exports:t)[n]=i[n]}}(self,((t,e,i,n,o,r,s,a,l,c,d,m,u)=>(()=>{"use strict";var h,p={3288:t=>{t.exports=u},8229:t=>{t.exports=e},20727:t=>{t.exports=m},23968:t=>{t.exports=n},32022:t=>{t.exports=r},40333:t=>{t.exports=i},41488:e=>{e.exports=t},57346:t=>{t.exports=c},58088:t=>{t.exports=l},58871:(t,e,i)=>{i.r(e),i.d(e,{FloatingMinimizedModal:()=>n}),i(96798),i(61200);var n,o=i(90195),r=i(3001),s=i(31890),a=i(66677),l=i(26272),c=(i(58088),i(57346),i(69e3),i(20727)),d=i.n(c),m=(i(3288),i(41488)),u=i(40333),h=i(97822),p=i(67330),f=function(t,e,i,n){var o,r=arguments.length,s=r<3?e:null===n?n=Object.getOwnPropertyDescriptor(e,i):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,e,i,n);else for(var a=t.length-1;a>=0;a--)(o=t[a])&&(s=(r<3?o(s):r>3?o(e,i,s):o(e,i))||s);return r>3&&s&&Object.defineProperty(e,i,s),s};!function(t){let e=class extends((0,r.yC)(m.LitElement)){constructor(){super(...arguments),this.heading="",this.label="",this.show=!1,this.closeAriaLabel="Close Modal",this.minimize=!1,this.maximizeIconAriaLabel="Maximize Modal",this.dragOccured=!1,this.containerTransform="",this.applyInitialPosition=!0,this.getInitialPosition=()=>{var t,e;return this.applyInitialPosition&&this.minPosition?{initialX:Number(null===(t=this.minPosition)||void 0===t?void 0:t.x),initialY:Number(null===(e=this.minPosition)||void 0===e?void 0:e.y)}:{initialX:0,initialY:0}},this.dragMoveListener=t=>{const{target:e}=t,{x:i,y:n}=this.getTransformValues(t);this.setTargetPosition(e,i,n),this.applyInitialPosition=!1},this.dragEndListener=()=>{this.dragOccured=!0,this.setContainerRect()}}static get styles(){return[l.A,p.A]}connectedCallback(){super.connectedCallback(),window.addEventListener("resize",(0,a.sg)((()=>this.setInteractInstance()),250))}updated(t){super.updated(t),t.has("show")&&(this.container&&this.show?(this.applyInitialPosition=!0,this.setContainerRect(),this.setInteractInstance(),this.setFocusOnContainer()):(this.cleanContainerStyles(),this.destroyInteractInstance())),this.container&&t.has("minPosition")&&!t.has("show")&&this.setInitialTargetPosition(),t.has("minimize")&&void 0!==t.get("minimize")&&this.setFocusOnContainer()}isNewPositionNotSame(){var t,e,i,n;if(this.container)return Number(null===(t=this.container)||void 0===t?void 0:t.getAttribute("data-x"))!==(null===(e=this.minPosition)||void 0===e?void 0:e.x)||Number(null===(i=this.container)||void 0===i?void 0:i.getAttribute("data-y"))!==(null===(n=this.minPosition)||void 0===n?void 0:n.y)}setInitialTargetPosition(){var t,e;this.container&&this.isNewPositionNotSame()&&this.setTargetPosition(this.container,Number(null===(t=this.minPosition)||void 0===t?void 0:t.x),Number(null===(e=this.minPosition)||void 0===e?void 0:e.y))}setFocusOnContainer(){this.container&&(this.container.setAttribute("tabindex","0"),this.container.focus())}cleanContainerStyles(){this.containerTransform=""}getContainerTransform(){const t=this.container.getAttribute("data-x"),e=this.container.getAttribute("data-y");return t&&e?(this.dispatchEvent(new CustomEvent("floating-modal-minimize-location",{composed:!0,bubbles:!0,detail:{transform:{x:t,y:e}}})),`translate(${t}px, ${e}px)`):this.container.style.transform}setContainerRect(){requestAnimationFrame((()=>{return t=this,e=void 0,n=function*(){yield this.updateComplete,this.containerTransform=this.getContainerTransform()},new((i=void 0)||(i=Promise))((function(o,r){function s(t){try{l(n.next(t))}catch(t){r(t)}}function a(t){try{l(n.throw(t))}catch(t){r(t)}}function l(t){var e;t.done?o(t.value):(e=t.value,e instanceof i?e:new i((function(t){t(e)}))).then(s,a)}l((n=n.apply(t,e||[])).next())}));var t,e,i,n}))}setInteractInstance(){requestAnimationFrame((()=>{this.container&&d()(this.container).draggable({autoScroll:!0,allowFrom:this.header,listeners:{move:this.dragMoveListener,end:this.dragEndListener},modifiers:[d().modifiers.restrictRect({restriction:document.body.getBoundingClientRect(),endOnly:!0})]})}))}handleKeyDown(t){t.code!==o.Uz.Enter&&t.code!==o.Uz.Space||this.handleMinimize(t)}handleClose(t){this.show=!1,this.dispatchEvent(new CustomEvent("floating-modal-close",{composed:!0,bubbles:!0,detail:{srcEvent:t}})),t.stopPropagation()}handleMinimize(t){t.preventDefault(),t.stopPropagation(),this.dragOccured||this.dispatchEvent(new CustomEvent("floating-min-modal-minimize",{composed:!0,bubbles:!0,detail:{srcEvent:t}})),this.dragOccured=!1}getTransformValues(t){const{target:e,dx:i,dy:n}=t,{initialX:o,initialY:r}=this.getInitialPosition();return{x:(parseFloat(e.getAttribute("data-x"))||0)+i+o,y:(parseFloat(e.getAttribute("data-y"))||0)+n+r}}setTargetPosition(t,e,i){t.style.transform=`translate(${e}px, ${i}px)`,t.setAttribute("data-x",`${e}`),t.setAttribute("data-y",`${i}`)}destroyInteractInstance(){this.container&&d().isSet(this.container)&&d()(this.container).unset()}disconnectedCallback(){super.disconnectedCallback(),this.destroyInteractInstance(),window.removeEventListener("resize",(0,a.sg)((()=>this.setInteractInstance()),250))}render(){return m.html`
2
2
  ${this.show?m.html`
3
3
  <div
4
4
  class="md-floating ${this.minimize?"":"hide"} md-floating-minimize"
@@ -15,6 +15,16 @@
15
15
  <div class="md-floating__header-text">
16
16
  ${this.heading?m.html` ${this.heading} `:m.html` <slot></slot> `}
17
17
  </div>
18
+ <md-button
19
+ color="color-none"
20
+ class="md-floating__resize"
21
+ ariaLabel="${this.maximizeIconAriaLabel}"
22
+ circle
23
+ @click=${this.handleMinimize}
24
+ >
25
+ <md-icon name="maximize-bold" size="16" iconSet="momentumDesign"></md-icon>
26
+ </md-button>
27
+
18
28
  <md-button
19
29
  color="color-none"
20
30
  class="md-floating__close"
@@ -27,4 +37,4 @@
27
37
  </div>
28
38
  </div>
29
39
  `:u.nothing}
30
- `}};f([(0,m.property)({type:String})],e.prototype,"heading",void 0),f([(0,m.property)({type:String})],e.prototype,"label",void 0),f([(0,m.property)({type:Boolean,reflect:!0})],e.prototype,"show",void 0),f([(0,m.property)({type:String,attribute:"close-aria-label"})],e.prototype,"closeAriaLabel",void 0),f([(0,m.property)({type:Boolean,reflect:!0})],e.prototype,"minimize",void 0),f([(0,m.property)({type:Object})],e.prototype,"minPosition",void 0),f([(0,m.query)(".md-floating")],e.prototype,"container",void 0),f([(0,m.query)(".md-floating__header")],e.prototype,"header",void 0),f([(0,m.internalProperty)()],e.prototype,"dragOccured",void 0),f([(0,m.internalProperty)()],e.prototype,"containerTransform",void 0),e=f([(0,s.w)("md-floating-modal-minimized")],e),t.ELEMENT=e}(n||(n={}))},60554:t=>{t.exports=s},69e3:t=>{t.exports=d},85314:t=>{t.exports=a},97822:t=>{t.exports=r}},f={};function v(t){var e=f[t];if(void 0!==e)return e.exports;var i=f[t]={exports:{}};return p[t](i,i.exports,v),i.exports}v.m=p,h=[],v.O=(t,e,i,n)=>{if(!e){var r=1/0;for(l=0;l<h.length;l++){for(var[e,i,n]=h[l],o=!0,s=0;s<e.length;s++)(!1&n||r>=n)&&Object.keys(v.O).every((t=>v.O[t](e[s])))?e.splice(s--,1):(o=!1,n<r&&(r=n));if(o){h.splice(l--,1);var a=i();void 0!==a&&(t=a)}}return t}n=n||0;for(var l=h.length;l>0&&h[l-1][2]>n;l--)h[l]=h[l-1];h[l]=[e,i,n]},v.n=t=>{var e=t&&t.__esModule?()=>t.default:()=>t;return v.d(e,{a:e}),e},v.d=(t,e)=>{for(var i in e)v.o(e,i)&&!v.o(t,i)&&Object.defineProperty(t,i,{enumerable:!0,get:e[i]})},v.o=(t,e)=>Object.prototype.hasOwnProperty.call(t,e),v.r=t=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},(()=>{var t={9237:0};v.O.j=e=>0===t[e];var e=(e,i)=>{var n,r,[o,s,a]=i,l=0;if(o.some((e=>0!==t[e]))){for(n in s)v.o(s,n)&&(v.m[n]=s[n]);if(a)var c=a(v)}for(e&&e(i);l<o.length;l++)r=o[l],v.o(t,r)&&t[r]&&t[r][0](),t[r]=0;return v.O(c)},i=self["momentum-web-components-[id]"]=self["momentum-web-components-[id]"]||[];i.forEach(e.bind(null,0)),i.push=e.bind(null,i.push.bind(i))})();var y=v.O(void 0,[4367,1890,6272,6325,6283,9217,2176,6798,5830,1200,8889,300,8373,4624,591,768,195,3001,6677,7330],(()=>v(58871)));return v.O(y)})()));
40
+ `}};f([(0,m.property)({type:String})],e.prototype,"heading",void 0),f([(0,m.property)({type:String})],e.prototype,"label",void 0),f([(0,m.property)({type:Boolean,reflect:!0})],e.prototype,"show",void 0),f([(0,m.property)({type:String,attribute:"close-aria-label"})],e.prototype,"closeAriaLabel",void 0),f([(0,m.property)({type:Boolean,reflect:!0})],e.prototype,"minimize",void 0),f([(0,m.property)({type:String,attribute:"maximize-icon-aria-label"})],e.prototype,"maximizeIconAriaLabel",void 0),f([(0,m.property)({type:Object})],e.prototype,"minPosition",void 0),f([(0,m.query)(".md-floating")],e.prototype,"container",void 0),f([(0,m.query)(".md-floating__header")],e.prototype,"header",void 0),f([(0,m.internalProperty)()],e.prototype,"dragOccured",void 0),f([(0,m.internalProperty)()],e.prototype,"containerTransform",void 0),e=f([(0,s.w)("md-floating-modal-minimized")],e),t.ELEMENT=e}(n||(n={}))},60554:t=>{t.exports=s},69e3:t=>{t.exports=d},85314:t=>{t.exports=a},97822:t=>{t.exports=o}},f={};function v(t){var e=f[t];if(void 0!==e)return e.exports;var i=f[t]={exports:{}};return p[t](i,i.exports,v),i.exports}v.m=p,h=[],v.O=(t,e,i,n)=>{if(!e){var o=1/0;for(l=0;l<h.length;l++){for(var[e,i,n]=h[l],r=!0,s=0;s<e.length;s++)(!1&n||o>=n)&&Object.keys(v.O).every((t=>v.O[t](e[s])))?e.splice(s--,1):(r=!1,n<o&&(o=n));if(r){h.splice(l--,1);var a=i();void 0!==a&&(t=a)}}return t}n=n||0;for(var l=h.length;l>0&&h[l-1][2]>n;l--)h[l]=h[l-1];h[l]=[e,i,n]},v.n=t=>{var e=t&&t.__esModule?()=>t.default:()=>t;return v.d(e,{a:e}),e},v.d=(t,e)=>{for(var i in e)v.o(e,i)&&!v.o(t,i)&&Object.defineProperty(t,i,{enumerable:!0,get:e[i]})},v.o=(t,e)=>Object.prototype.hasOwnProperty.call(t,e),v.r=t=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},(()=>{var t={9237:0};v.O.j=e=>0===t[e];var e=(e,i)=>{var n,o,[r,s,a]=i,l=0;if(r.some((e=>0!==t[e]))){for(n in s)v.o(s,n)&&(v.m[n]=s[n]);if(a)var c=a(v)}for(e&&e(i);l<r.length;l++)o=r[l],v.o(t,o)&&t[o]&&t[o][0](),t[o]=0;return v.O(c)},i=self["momentum-web-components-[id]"]=self["momentum-web-components-[id]"]||[];i.forEach(e.bind(null,0)),i.push=e.bind(null,i.push.bind(i))})();var y=v.O(void 0,[4367,1890,6272,6325,6283,9217,2176,6798,5830,1200,8889,300,8373,4624,591,768,195,3001,6677,7330],(()=>v(58871)));return v.O(y)})()));
@@ -1,4 +1,4 @@
1
- !function(t,i){if("object"==typeof exports&&"object"==typeof module)module.exports=i(require("lit-element"),require("lit-html/directives/style-map"),require("lit-html"),require("lit-html/directives/class-map"),require("lit-html/directives/if-defined"),require("@momentum-ui/icons/data/momentumUiIconsNames.json"),require("@momentum-ui/utils/lib/getColorValue"),require("mobx"),require("@interactjs/actions/drag"),require("@interactjs/actions/resize"),require("@interactjs/auto-start"),require("@interactjs/interact/index"),require("@interactjs/modifiers"));else if("function"==typeof define&&define.amd)define(["lit-element","lit-html/directives/style-map","lit-html","lit-html/directives/class-map","lit-html/directives/if-defined","@momentum-ui/icons/data/momentumUiIconsNames.json","@momentum-ui/utils/lib/getColorValue","mobx","@interactjs/actions/drag","@interactjs/actions/resize","@interactjs/auto-start","@interactjs/interact/index","@interactjs/modifiers"],i);else{var e="object"==typeof exports?i(require("lit-element"),require("lit-html/directives/style-map"),require("lit-html"),require("lit-html/directives/class-map"),require("lit-html/directives/if-defined"),require("@momentum-ui/icons/data/momentumUiIconsNames.json"),require("@momentum-ui/utils/lib/getColorValue"),require("mobx"),require("@interactjs/actions/drag"),require("@interactjs/actions/resize"),require("@interactjs/auto-start"),require("@interactjs/interact/index"),require("@interactjs/modifiers")):i(t["lit-element"],t["lit-html/directives/style-map"],t["lit-html"],t["lit-html/directives/class-map"],t["lit-html/directives/if-defined"],t["@momentum-ui/icons/data/momentumUiIconsNames.json"],t["@momentum-ui/utils/lib/getColorValue"],t.mobx,t["@interactjs/actions/drag"],t["@interactjs/actions/resize"],t["@interactjs/auto-start"],t["@interactjs/interact/index"],t["@interactjs/modifiers"]);for(var n in e)("object"==typeof exports?exports:t)[n]=e[n]}}(self,((t,i,e,n,o,r,s,a,l,d,m,c,h)=>(()=>{"use strict";var p,u={3001:(t,i,e)=>{e.d(i,{TS:()=>o.T,yC:()=>n.y}),e(18889);var n=e(32972),o=(e(28373),e(70300),e(84624),e(68387))},3288:t=>{t.exports=h},8229:t=>{t.exports=i},20727:t=>{t.exports=c},23968:t=>{t.exports=n},32022:t=>{t.exports=r},40333:t=>{t.exports=e},41488:i=>{i.exports=t},57346:t=>{t.exports=d},58088:t=>{t.exports=l},58871:(t,i,e)=>{e(96798),e(61200);var n,o=e(90195),r=e(3001),s=e(31890),a=e(66677),l=e(26272),d=(e(58088),e(57346),e(69e3),e(20727)),m=e.n(d),c=(e(3288),e(41488)),h=e(40333),p=e(97822),u=e(67330),f=function(t,i,e,n){var o,r=arguments.length,s=r<3?i:null===n?n=Object.getOwnPropertyDescriptor(i,e):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,i,e,n);else for(var a=t.length-1;a>=0;a--)(o=t[a])&&(s=(r<3?o(s):r>3?o(i,e,s):o(i,e))||s);return r>3&&s&&Object.defineProperty(i,e,s),s};!function(t){let i=class extends((0,r.yC)(c.LitElement)){constructor(){super(...arguments),this.heading="",this.label="",this.show=!1,this.closeAriaLabel="Close Modal",this.minimize=!1,this.dragOccured=!1,this.containerTransform="",this.applyInitialPosition=!0,this.getInitialPosition=()=>{var t,i;return this.applyInitialPosition&&this.minPosition?{initialX:Number(null===(t=this.minPosition)||void 0===t?void 0:t.x),initialY:Number(null===(i=this.minPosition)||void 0===i?void 0:i.y)}:{initialX:0,initialY:0}},this.dragMoveListener=t=>{const{target:i}=t,{x:e,y:n}=this.getTransformValues(t);this.setTargetPosition(i,e,n),this.applyInitialPosition=!1},this.dragEndListener=()=>{this.dragOccured=!0,this.setContainerRect()}}static get styles(){return[l.A,u.A]}connectedCallback(){super.connectedCallback(),window.addEventListener("resize",(0,a.sg)((()=>this.setInteractInstance()),250))}updated(t){super.updated(t),t.has("show")&&(this.container&&this.show?(this.applyInitialPosition=!0,this.setContainerRect(),this.setInteractInstance(),this.setFocusOnContainer()):(this.cleanContainerStyles(),this.destroyInteractInstance())),this.container&&t.has("minPosition")&&!t.has("show")&&this.setInitialTargetPosition(),t.has("minimize")&&void 0!==t.get("minimize")&&this.setFocusOnContainer()}isNewPositionNotSame(){var t,i,e,n;if(this.container)return Number(null===(t=this.container)||void 0===t?void 0:t.getAttribute("data-x"))!==(null===(i=this.minPosition)||void 0===i?void 0:i.x)||Number(null===(e=this.container)||void 0===e?void 0:e.getAttribute("data-y"))!==(null===(n=this.minPosition)||void 0===n?void 0:n.y)}setInitialTargetPosition(){var t,i;this.container&&this.isNewPositionNotSame()&&this.setTargetPosition(this.container,Number(null===(t=this.minPosition)||void 0===t?void 0:t.x),Number(null===(i=this.minPosition)||void 0===i?void 0:i.y))}setFocusOnContainer(){this.container&&(this.container.setAttribute("tabindex","0"),this.container.focus())}cleanContainerStyles(){this.containerTransform=""}getContainerTransform(){const t=this.container.getAttribute("data-x"),i=this.container.getAttribute("data-y");return t&&i?(this.dispatchEvent(new CustomEvent("floating-modal-minimize-location",{composed:!0,bubbles:!0,detail:{transform:{x:t,y:i}}})),`translate(${t}px, ${i}px)`):this.container.style.transform}setContainerRect(){requestAnimationFrame((()=>{return t=this,i=void 0,n=function*(){yield this.updateComplete,this.containerTransform=this.getContainerTransform()},new((e=void 0)||(e=Promise))((function(o,r){function s(t){try{l(n.next(t))}catch(t){r(t)}}function a(t){try{l(n.throw(t))}catch(t){r(t)}}function l(t){var i;t.done?o(t.value):(i=t.value,i instanceof e?i:new e((function(t){t(i)}))).then(s,a)}l((n=n.apply(t,i||[])).next())}));var t,i,e,n}))}setInteractInstance(){requestAnimationFrame((()=>{this.container&&m()(this.container).draggable({autoScroll:!0,allowFrom:this.header,listeners:{move:this.dragMoveListener,end:this.dragEndListener},modifiers:[m().modifiers.restrictRect({restriction:document.body.getBoundingClientRect(),endOnly:!0})]})}))}handleKeyDown(t){t.code!==o.Uz.Enter&&t.code!==o.Uz.Space||this.handleMinimize(t)}handleClose(t){this.show=!1,this.dispatchEvent(new CustomEvent("floating-modal-close",{composed:!0,bubbles:!0,detail:{srcEvent:t}})),t.stopPropagation()}handleMinimize(t){this.dragOccured||this.dispatchEvent(new CustomEvent("floating-min-modal-minimize",{composed:!0,bubbles:!0,detail:{srcEvent:t}})),this.dragOccured=!1}getTransformValues(t){const{target:i,dx:e,dy:n}=t,{initialX:o,initialY:r}=this.getInitialPosition();return{x:(parseFloat(i.getAttribute("data-x"))||0)+e+o,y:(parseFloat(i.getAttribute("data-y"))||0)+n+r}}setTargetPosition(t,i,e){t.style.transform=`translate(${i}px, ${e}px)`,t.setAttribute("data-x",`${i}`),t.setAttribute("data-y",`${e}`)}destroyInteractInstance(){this.container&&m().isSet(this.container)&&m()(this.container).unset()}disconnectedCallback(){super.disconnectedCallback(),this.destroyInteractInstance(),window.removeEventListener("resize",(0,a.sg)((()=>this.setInteractInstance()),250))}render(){return c.html`
1
+ !function(t,i){if("object"==typeof exports&&"object"==typeof module)module.exports=i(require("lit-element"),require("lit-html/directives/style-map"),require("lit-html"),require("lit-html/directives/class-map"),require("lit-html/directives/if-defined"),require("@momentum-ui/icons/data/momentumUiIconsNames.json"),require("@momentum-ui/utils/lib/getColorValue"),require("mobx"),require("@interactjs/actions/drag"),require("@interactjs/actions/resize"),require("@interactjs/auto-start"),require("@interactjs/interact/index"),require("@interactjs/modifiers"));else if("function"==typeof define&&define.amd)define(["lit-element","lit-html/directives/style-map","lit-html","lit-html/directives/class-map","lit-html/directives/if-defined","@momentum-ui/icons/data/momentumUiIconsNames.json","@momentum-ui/utils/lib/getColorValue","mobx","@interactjs/actions/drag","@interactjs/actions/resize","@interactjs/auto-start","@interactjs/interact/index","@interactjs/modifiers"],i);else{var e="object"==typeof exports?i(require("lit-element"),require("lit-html/directives/style-map"),require("lit-html"),require("lit-html/directives/class-map"),require("lit-html/directives/if-defined"),require("@momentum-ui/icons/data/momentumUiIconsNames.json"),require("@momentum-ui/utils/lib/getColorValue"),require("mobx"),require("@interactjs/actions/drag"),require("@interactjs/actions/resize"),require("@interactjs/auto-start"),require("@interactjs/interact/index"),require("@interactjs/modifiers")):i(t["lit-element"],t["lit-html/directives/style-map"],t["lit-html"],t["lit-html/directives/class-map"],t["lit-html/directives/if-defined"],t["@momentum-ui/icons/data/momentumUiIconsNames.json"],t["@momentum-ui/utils/lib/getColorValue"],t.mobx,t["@interactjs/actions/drag"],t["@interactjs/actions/resize"],t["@interactjs/auto-start"],t["@interactjs/interact/index"],t["@interactjs/modifiers"]);for(var o in e)("object"==typeof exports?exports:t)[o]=e[o]}}(self,((t,i,e,o,n,r,a,s,l,d,m,c,h)=>(()=>{"use strict";var p,u={3001:(t,i,e)=>{e.d(i,{TS:()=>n.T,yC:()=>o.y}),e(18889);var o=e(32972),n=(e(28373),e(70300),e(84624),e(68387))},3288:t=>{t.exports=h},8229:t=>{t.exports=i},20727:t=>{t.exports=c},23968:t=>{t.exports=o},32022:t=>{t.exports=r},40333:t=>{t.exports=e},41488:i=>{i.exports=t},57346:t=>{t.exports=d},58088:t=>{t.exports=l},58871:(t,i,e)=>{e(96798),e(61200);var o,n=e(90195),r=e(3001),a=e(31890),s=e(66677),l=e(26272),d=(e(58088),e(57346),e(69e3),e(20727)),m=e.n(d),c=(e(3288),e(41488)),h=e(40333),p=e(97822),u=e(67330),f=function(t,i,e,o){var n,r=arguments.length,a=r<3?i:null===o?o=Object.getOwnPropertyDescriptor(i,e):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,i,e,o);else for(var s=t.length-1;s>=0;s--)(n=t[s])&&(a=(r<3?n(a):r>3?n(i,e,a):n(i,e))||a);return r>3&&a&&Object.defineProperty(i,e,a),a};!function(t){let i=class extends((0,r.yC)(c.LitElement)){constructor(){super(...arguments),this.heading="",this.label="",this.show=!1,this.closeAriaLabel="Close Modal",this.minimize=!1,this.maximizeIconAriaLabel="Maximize Modal",this.dragOccured=!1,this.containerTransform="",this.applyInitialPosition=!0,this.getInitialPosition=()=>{var t,i;return this.applyInitialPosition&&this.minPosition?{initialX:Number(null===(t=this.minPosition)||void 0===t?void 0:t.x),initialY:Number(null===(i=this.minPosition)||void 0===i?void 0:i.y)}:{initialX:0,initialY:0}},this.dragMoveListener=t=>{const{target:i}=t,{x:e,y:o}=this.getTransformValues(t);this.setTargetPosition(i,e,o),this.applyInitialPosition=!1},this.dragEndListener=()=>{this.dragOccured=!0,this.setContainerRect()}}static get styles(){return[l.A,u.A]}connectedCallback(){super.connectedCallback(),window.addEventListener("resize",(0,s.sg)((()=>this.setInteractInstance()),250))}updated(t){super.updated(t),t.has("show")&&(this.container&&this.show?(this.applyInitialPosition=!0,this.setContainerRect(),this.setInteractInstance(),this.setFocusOnContainer()):(this.cleanContainerStyles(),this.destroyInteractInstance())),this.container&&t.has("minPosition")&&!t.has("show")&&this.setInitialTargetPosition(),t.has("minimize")&&void 0!==t.get("minimize")&&this.setFocusOnContainer()}isNewPositionNotSame(){var t,i,e,o;if(this.container)return Number(null===(t=this.container)||void 0===t?void 0:t.getAttribute("data-x"))!==(null===(i=this.minPosition)||void 0===i?void 0:i.x)||Number(null===(e=this.container)||void 0===e?void 0:e.getAttribute("data-y"))!==(null===(o=this.minPosition)||void 0===o?void 0:o.y)}setInitialTargetPosition(){var t,i;this.container&&this.isNewPositionNotSame()&&this.setTargetPosition(this.container,Number(null===(t=this.minPosition)||void 0===t?void 0:t.x),Number(null===(i=this.minPosition)||void 0===i?void 0:i.y))}setFocusOnContainer(){this.container&&(this.container.setAttribute("tabindex","0"),this.container.focus())}cleanContainerStyles(){this.containerTransform=""}getContainerTransform(){const t=this.container.getAttribute("data-x"),i=this.container.getAttribute("data-y");return t&&i?(this.dispatchEvent(new CustomEvent("floating-modal-minimize-location",{composed:!0,bubbles:!0,detail:{transform:{x:t,y:i}}})),`translate(${t}px, ${i}px)`):this.container.style.transform}setContainerRect(){requestAnimationFrame((()=>{return t=this,i=void 0,o=function*(){yield this.updateComplete,this.containerTransform=this.getContainerTransform()},new((e=void 0)||(e=Promise))((function(n,r){function a(t){try{l(o.next(t))}catch(t){r(t)}}function s(t){try{l(o.throw(t))}catch(t){r(t)}}function l(t){var i;t.done?n(t.value):(i=t.value,i instanceof e?i:new e((function(t){t(i)}))).then(a,s)}l((o=o.apply(t,i||[])).next())}));var t,i,e,o}))}setInteractInstance(){requestAnimationFrame((()=>{this.container&&m()(this.container).draggable({autoScroll:!0,allowFrom:this.header,listeners:{move:this.dragMoveListener,end:this.dragEndListener},modifiers:[m().modifiers.restrictRect({restriction:document.body.getBoundingClientRect(),endOnly:!0})]})}))}handleKeyDown(t){t.code!==n.Uz.Enter&&t.code!==n.Uz.Space||this.handleMinimize(t)}handleClose(t){this.show=!1,this.dispatchEvent(new CustomEvent("floating-modal-close",{composed:!0,bubbles:!0,detail:{srcEvent:t}})),t.stopPropagation()}handleMinimize(t){t.preventDefault(),t.stopPropagation(),this.dragOccured||this.dispatchEvent(new CustomEvent("floating-min-modal-minimize",{composed:!0,bubbles:!0,detail:{srcEvent:t}})),this.dragOccured=!1}getTransformValues(t){const{target:i,dx:e,dy:o}=t,{initialX:n,initialY:r}=this.getInitialPosition();return{x:(parseFloat(i.getAttribute("data-x"))||0)+e+n,y:(parseFloat(i.getAttribute("data-y"))||0)+o+r}}setTargetPosition(t,i,e){t.style.transform=`translate(${i}px, ${e}px)`,t.setAttribute("data-x",`${i}`),t.setAttribute("data-y",`${e}`)}destroyInteractInstance(){this.container&&m().isSet(this.container)&&m()(this.container).unset()}disconnectedCallback(){super.disconnectedCallback(),this.destroyInteractInstance(),window.removeEventListener("resize",(0,s.sg)((()=>this.setInteractInstance()),250))}render(){return c.html`
2
2
  ${this.show?c.html`
3
3
  <div
4
4
  class="md-floating ${this.minimize?"":"hide"} md-floating-minimize"
@@ -15,6 +15,16 @@
15
15
  <div class="md-floating__header-text">
16
16
  ${this.heading?c.html` ${this.heading} `:c.html` <slot></slot> `}
17
17
  </div>
18
+ <md-button
19
+ color="color-none"
20
+ class="md-floating__resize"
21
+ ariaLabel="${this.maximizeIconAriaLabel}"
22
+ circle
23
+ @click=${this.handleMinimize}
24
+ >
25
+ <md-icon name="maximize-bold" size="16" iconSet="momentumDesign"></md-icon>
26
+ </md-button>
27
+
18
28
  <md-button
19
29
  color="color-none"
20
30
  class="md-floating__close"
@@ -27,7 +37,7 @@
27
37
  </div>
28
38
  </div>
29
39
  `:h.nothing}
30
- `}};f([(0,c.property)({type:String})],i.prototype,"heading",void 0),f([(0,c.property)({type:String})],i.prototype,"label",void 0),f([(0,c.property)({type:Boolean,reflect:!0})],i.prototype,"show",void 0),f([(0,c.property)({type:String,attribute:"close-aria-label"})],i.prototype,"closeAriaLabel",void 0),f([(0,c.property)({type:Boolean,reflect:!0})],i.prototype,"minimize",void 0),f([(0,c.property)({type:Object})],i.prototype,"minPosition",void 0),f([(0,c.query)(".md-floating")],i.prototype,"container",void 0),f([(0,c.query)(".md-floating__header")],i.prototype,"header",void 0),f([(0,c.internalProperty)()],i.prototype,"dragOccured",void 0),f([(0,c.internalProperty)()],i.prototype,"containerTransform",void 0),i=f([(0,s.w)("md-floating-modal-minimized")],i),t.ELEMENT=i}(n||(n={}))},60554:t=>{t.exports=s},69e3:t=>{t.exports=m},73093:(t,i,e)=>{e.r(i),e.d(i,{FloatingModal:()=>n}),e(96798),e(61200);var n,o=e(3001),r=e(31890),s=e(26272),a=(e(58088),e(57346),e(69e3),e(20727)),l=e.n(a),d=(e(3288),e(41488)),m=e(40333),c=e(97822),h=(e(58871),e(67330)),p=function(t,i,e,n){var o,r=arguments.length,s=r<3?i:null===n?n=Object.getOwnPropertyDescriptor(i,e):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,i,e,n);else for(var a=t.length-1;a>=0;a--)(o=t[a])&&(s=(r<3?o(s):r>3?o(i,e,s):o(i,e))||s);return r>3&&s&&Object.defineProperty(i,e,s),s};!function(t){let i=class extends((0,o.yC)((0,o.TS)(d.LitElement))){constructor(){super(...arguments),this.heading="",this.label="",this.show=!1,this.aspectRatio=!1,this.fixed=!1,this.full=!1,this.closeAriaLabel="Close Modal",this.resizeAriaLabel="Resize Modal",this.maximizeScreenLabel="Maximize Modal",this.minimizeAriaLabel="Minimize Modal",this.minimize=!1,this.minimizable=!1,this.containerRect=null,this.dragOccured=!1,this.containerTransform="",this.applyInitialPosition=!0,this.resizeMoveListener=t=>{const{target:i}=t;let e=parseFloat(i.getAttribute("data-x"))||0,n=parseFloat(i.getAttribute("data-y"))||0;i.style.setProperty("width",`${t.rect.width}px`,"important"),i.style.setProperty("height",`${t.rect.height}px`,"important");const{initialX:o,initialY:r}=this.getInitialPosition();e+=t.deltaRect.left+o,n+=t.deltaRect.top+r,this.setTargetPosition(i,e,n),this.applyInitialPosition=!1},this.resizeEndListener=()=>{this.setContainerRect()},this.getInitialPosition=()=>{var t,i;return this.applyInitialPosition&&this.position?{initialX:Number(null===(t=this.position)||void 0===t?void 0:t.x),initialY:Number(null===(i=this.position)||void 0===i?void 0:i.y)}:{initialX:0,initialY:0}},this.dragMoveListener=t=>{const{target:i}=t,{x:e,y:n}=this.getTransformValues(t);this.setTargetPosition(i,e,n),this.applyInitialPosition=!1},this.dragEndListener=()=>{this.dragOccured=!0,this.setContainerRect()}}static get styles(){return[s.A,h.A]}updated(t){super.updated(t),t.has("show")&&(this.container&&this.show?(this.applyInitialPosition=!0,this.setContainerRect(),this.setInteractInstance()):(this.cleanContainerStyles(),this.destroyInteractInstance())),this.container&&t.has("position")&&!t.has("show")&&this.setInitialTargetPosition()}isNewPositionNotSame(){var t,i,e,n;if(this.container)return Number(null===(t=this.container)||void 0===t?void 0:t.getAttribute("data-x"))!==(null===(i=this.position)||void 0===i?void 0:i.x)||Number(null===(e=this.container)||void 0===e?void 0:e.getAttribute("data-y"))!==(null===(n=this.position)||void 0===n?void 0:n.y)}setInitialTargetPosition(){var t,i;this.container&&this.isNewPositionNotSame()&&this.setTargetPosition(this.container,Number(null===(t=this.position)||void 0===t?void 0:t.x),Number(null===(i=this.position)||void 0===i?void 0:i.y))}cleanContainerStyles(){this.containerTransform=""}getContainerTransform(){const t=this.container.getAttribute("data-x"),i=this.container.getAttribute("data-y");return t&&i?(this.dispatchEvent(new CustomEvent("floating-modal-location",{composed:!0,bubbles:!0,detail:{transform:{x:t,y:i}}})),`translate(${t}px, ${i}px)`):this.container.style.transform}setContainerRect(){requestAnimationFrame((()=>{return t=this,i=void 0,n=function*(){yield this.updateComplete,this.containerRect=this.container.getBoundingClientRect(),this.dispatchEvent(new CustomEvent("floating-modal-resize",{composed:!0,bubbles:!0,detail:{size:this.containerRect}})),this.containerTransform=this.getContainerTransform()},new((e=void 0)||(e=Promise))((function(o,r){function s(t){try{l(n.next(t))}catch(t){r(t)}}function a(t){try{l(n.throw(t))}catch(t){r(t)}}function l(t){var i;t.done?o(t.value):(i=t.value,i instanceof e?i:new e((function(t){t(i)}))).then(s,a)}l((n=n.apply(t,i||[])).next())}));var t,i,e,n}))}setInteractInstance(){requestAnimationFrame((()=>{this.container&&l()(this.container).resizable({edges:{left:!0,right:!0,bottom:!0,top:!0},listeners:{end:this.resizeEndListener,move:this.resizeMoveListener},modifiers:this.aspectRatio?[l().modifiers.aspectRatio({ratio:"preserve",equalDelta:!0,modifiers:[l().modifiers.restrictSize({max:"parent"})]})]:void 0}).draggable({autoScroll:!0,allowFrom:this.header,ignoreFrom:this.body,listeners:{move:this.dragMoveListener,end:this.dragEndListener}})}))}handleClose(t){this.show=!1,this.full=!1,this.dispatchEvent(new CustomEvent("floating-modal-close",{composed:!0,bubbles:!0,detail:{srcEvent:t}}))}handleMinimize(){this.minimizable&&(this.dragOccured||(this.minimize=!this.minimize,this.dispatchEvent(new CustomEvent("floating-modal-minimize",{composed:!0,bubbles:!0,detail:{minimize:this.minimize}}))),this.dragOccured=!1)}handleToggleExpandCollapse(){this.full=!this.full}getTransformValues(t){const{target:i,dx:e,dy:n}=t,{initialX:o,initialY:r}=this.getInitialPosition();return{x:(parseFloat(i.getAttribute("data-x"))||0)+e+o,y:(parseFloat(i.getAttribute("data-y"))||0)+n+r}}setTargetPosition(t,i,e){t.style.transform=`translate(${i}px, ${e}px)`,t.setAttribute("data-x",`${i}`),t.setAttribute("data-y",`${e}`)}destroyInteractInstance(){this.container&&l().isSet(this.container)&&l()(this.container).unset()}disconnectedCallback(){super.disconnectedCallback(),this.destroyInteractInstance()}renderedCallback(){this.containerTransform=this.position?`translate(${this.position.x}px, ${this.position.y}px)`:""}render(){return d.html`
40
+ `}};f([(0,c.property)({type:String})],i.prototype,"heading",void 0),f([(0,c.property)({type:String})],i.prototype,"label",void 0),f([(0,c.property)({type:Boolean,reflect:!0})],i.prototype,"show",void 0),f([(0,c.property)({type:String,attribute:"close-aria-label"})],i.prototype,"closeAriaLabel",void 0),f([(0,c.property)({type:Boolean,reflect:!0})],i.prototype,"minimize",void 0),f([(0,c.property)({type:String,attribute:"maximize-icon-aria-label"})],i.prototype,"maximizeIconAriaLabel",void 0),f([(0,c.property)({type:Object})],i.prototype,"minPosition",void 0),f([(0,c.query)(".md-floating")],i.prototype,"container",void 0),f([(0,c.query)(".md-floating__header")],i.prototype,"header",void 0),f([(0,c.internalProperty)()],i.prototype,"dragOccured",void 0),f([(0,c.internalProperty)()],i.prototype,"containerTransform",void 0),i=f([(0,a.w)("md-floating-modal-minimized")],i),t.ELEMENT=i}(o||(o={}))},60554:t=>{t.exports=a},69e3:t=>{t.exports=m},73093:(t,i,e)=>{e.r(i),e.d(i,{FloatingModal:()=>o}),e(96798),e(61200);var o,n=e(3001),r=e(31890),a=e(26272),s=(e(58088),e(57346),e(69e3),e(20727)),l=e.n(s),d=(e(3288),e(41488)),m=e(40333),c=e(97822),h=(e(58871),e(67330)),p=function(t,i,e,o){var n,r=arguments.length,a=r<3?i:null===o?o=Object.getOwnPropertyDescriptor(i,e):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,i,e,o);else for(var s=t.length-1;s>=0;s--)(n=t[s])&&(a=(r<3?n(a):r>3?n(i,e,a):n(i,e))||a);return r>3&&a&&Object.defineProperty(i,e,a),a};!function(t){let i=class extends((0,n.yC)((0,n.TS)(d.LitElement))){constructor(){super(...arguments),this.heading="",this.label="",this.show=!1,this.aspectRatio=!1,this.fixed=!1,this.full=!1,this.closeAriaLabel="Close Modal",this.resizeAriaLabel="Resize Modal",this.maximizeScreenLabel="Maximize Modal",this.minimizeAriaLabel="Minimize Modal",this.maximizable=!0,this.resizable=!0,this.minimize=!1,this.minimizable=!1,this.containerRect=null,this.dragOccured=!1,this.containerTransform="",this.applyInitialPosition=!0,this.resizeMoveListener=t=>{const{target:i}=t;let e=parseFloat(i.getAttribute("data-x"))||0,o=parseFloat(i.getAttribute("data-y"))||0;i.style.setProperty("width",`${t.rect.width}px`,"important"),i.style.setProperty("height",`${t.rect.height}px`,"important");const{initialX:n,initialY:r}=this.getInitialPosition();e+=t.deltaRect.left+n,o+=t.deltaRect.top+r,this.setTargetPosition(i,e,o),this.applyInitialPosition=!1},this.resizeEndListener=()=>{this.setContainerRect()},this.getInitialPosition=()=>{var t,i;return this.applyInitialPosition&&this.position?{initialX:Number(null===(t=this.position)||void 0===t?void 0:t.x),initialY:Number(null===(i=this.position)||void 0===i?void 0:i.y)}:{initialX:0,initialY:0}},this.dragMoveListener=t=>{const{target:i}=t,{x:e,y:o}=this.getTransformValues(t);this.setTargetPosition(i,e,o),this.applyInitialPosition=!1},this.dragEndListener=()=>{this.dragOccured=!0,this.setContainerRect()}}static get styles(){return[a.A,h.A]}updated(t){super.updated(t),t.has("show")&&(this.container&&this.show?(this.applyInitialPosition=!0,this.setContainerRect(),this.setInteractInstance()):(this.cleanContainerStyles(),this.destroyInteractInstance())),this.container&&t.has("position")&&!t.has("show")&&this.setInitialTargetPosition()}isNewPositionNotSame(){var t,i,e,o;if(this.container)return Number(null===(t=this.container)||void 0===t?void 0:t.getAttribute("data-x"))!==(null===(i=this.position)||void 0===i?void 0:i.x)||Number(null===(e=this.container)||void 0===e?void 0:e.getAttribute("data-y"))!==(null===(o=this.position)||void 0===o?void 0:o.y)}setInitialTargetPosition(){var t,i;this.container&&this.isNewPositionNotSame()&&this.setTargetPosition(this.container,Number(null===(t=this.position)||void 0===t?void 0:t.x),Number(null===(i=this.position)||void 0===i?void 0:i.y))}cleanContainerStyles(){this.containerTransform=""}getContainerTransform(){const t=this.container.getAttribute("data-x"),i=this.container.getAttribute("data-y");return t&&i?(this.dispatchEvent(new CustomEvent("floating-modal-location",{composed:!0,bubbles:!0,detail:{transform:{x:t,y:i}}})),`translate(${t}px, ${i}px)`):this.container.style.transform}setContainerRect(){requestAnimationFrame((()=>{return t=this,i=void 0,o=function*(){yield this.updateComplete,this.containerRect=this.container.getBoundingClientRect(),this.dispatchEvent(new CustomEvent("floating-modal-resize",{composed:!0,bubbles:!0,detail:{size:this.containerRect}})),this.containerTransform=this.getContainerTransform()},new((e=void 0)||(e=Promise))((function(n,r){function a(t){try{l(o.next(t))}catch(t){r(t)}}function s(t){try{l(o.throw(t))}catch(t){r(t)}}function l(t){var i;t.done?n(t.value):(i=t.value,i instanceof e?i:new e((function(t){t(i)}))).then(a,s)}l((o=o.apply(t,i||[])).next())}));var t,i,e,o}))}setInteractInstance(){requestAnimationFrame((()=>{this.container&&(l()(this.container).draggable({autoScroll:!0,allowFrom:this.header,ignoreFrom:this.body,listeners:{move:this.dragMoveListener,end:this.dragEndListener}}),this.resizable&&l()(this.container).resizable({edges:{left:!0,right:!0,bottom:!0,top:!0},listeners:{end:this.resizeEndListener,move:this.resizeMoveListener},modifiers:this.aspectRatio?[l().modifiers.aspectRatio({ratio:"preserve",equalDelta:!0,modifiers:[l().modifiers.restrictSize({max:"parent"})]})]:void 0}))}))}handleClose(t){this.show=!1,this.full=!1,this.dispatchEvent(new CustomEvent("floating-modal-close",{composed:!0,bubbles:!0,detail:{srcEvent:t}}))}handleMinimize(){this.minimizable&&(this.dragOccured||(this.minimize=!this.minimize,this.dispatchEvent(new CustomEvent("floating-modal-minimize",{composed:!0,bubbles:!0,detail:{minimize:this.minimize}}))),this.dragOccured=!1)}handleToggleExpandCollapse(){this.full=!this.full}getTransformValues(t){const{target:i,dx:e,dy:o}=t,{initialX:n,initialY:r}=this.getInitialPosition();return{x:(parseFloat(i.getAttribute("data-x"))||0)+e+n,y:(parseFloat(i.getAttribute("data-y"))||0)+o+r}}setTargetPosition(t,i,e){t.style.transform=`translate(${i}px, ${e}px)`,t.setAttribute("data-x",`${i}`),t.setAttribute("data-y",`${e}`)}destroyInteractInstance(){this.container&&l().isSet(this.container)&&l()(this.container).unset()}disconnectedCallback(){super.disconnectedCallback(),this.destroyInteractInstance()}renderedCallback(){this.containerTransform=this.position?`translate(${this.position.x}px, ${this.position.y}px)`:""}render(){return d.html`
31
41
  ${this.show?d.html`
32
42
  <div
33
43
  class="md-floating ${this.fixed?"fixed":""} ${this.minimize?"hide":""}"
@@ -53,7 +63,7 @@
53
63
  >
54
64
  <md-icon name="minus-bold" size="16" iconSet="momentumDesign"></md-icon>
55
65
  </md-button>`:m.nothing}
56
- ${this.minimize?"":d.html` <md-button
66
+ ${!this.minimize&&this.maximizable?d.html` <md-button
57
67
  color="color-none"
58
68
  class="md-floating__resize"
59
69
  ariaLabel="${this.full?this.resizeAriaLabel:this.maximizeScreenLabel}"
@@ -65,7 +75,7 @@
65
75
  size="16"
66
76
  iconSet="momentumDesign"
67
77
  ></md-icon>
68
- </md-button>`}
78
+ </md-button>`:""}
69
79
 
70
80
  <md-button
71
81
  color="color-none"
@@ -88,6 +98,8 @@
88
98
  heading=${this.heading}
89
99
  .minimize=${this.minimize}
90
100
  .minPosition=${this.minPosition}
101
+ .maximizeIconAriaLabel="${this.maximizeScreenLabel}"
102
+ .closeAriaLabel="${this.closeAriaLabel}"
91
103
  @floating-min-modal-minimize=${()=>this.handleMinimize()}
92
104
  @floating-modal-close=${this.handleClose}
93
105
  ?show=${this.show}
@@ -96,4 +108,4 @@
96
108
  </md-floating-modal-minimized>
97
109
  </div>`:m.nothing}
98
110
  `:m.nothing}
99
- `}};p([(0,d.property)({type:String})],i.prototype,"heading",void 0),p([(0,d.property)({type:String})],i.prototype,"label",void 0),p([(0,d.property)({type:Boolean,reflect:!0})],i.prototype,"show",void 0),p([(0,d.property)({type:Boolean,reflect:!0,attribute:"aspect-ratio"})],i.prototype,"aspectRatio",void 0),p([(0,d.property)({type:Boolean,reflect:!0,attribute:"fixed-strategy"})],i.prototype,"fixed",void 0),p([(0,d.property)({type:Boolean,reflect:!0,attribute:"full-screen"})],i.prototype,"full",void 0),p([(0,d.property)({type:String,attribute:"close-aria-label"})],i.prototype,"closeAriaLabel",void 0),p([(0,d.property)({type:String,attribute:"resize-aria-label"})],i.prototype,"resizeAriaLabel",void 0),p([(0,d.property)({type:String,attribute:"maximize-aria-label"})],i.prototype,"maximizeScreenLabel",void 0),p([(0,d.property)({type:String,attribute:"minimize-aria-label"})],i.prototype,"minimizeAriaLabel",void 0),p([(0,d.property)({type:Boolean,reflect:!0})],i.prototype,"minimize",void 0),p([(0,d.property)({type:Object})],i.prototype,"position",void 0),p([(0,d.property)({type:Object})],i.prototype,"minPosition",void 0),p([(0,d.property)({type:Boolean,reflect:!0})],i.prototype,"minimizable",void 0),p([(0,d.property)({type:Object})],i.prototype,"containerRect",void 0),p([(0,d.internalProperty)()],i.prototype,"dragOccured",void 0),p([(0,d.query)(".md-floating")],i.prototype,"container",void 0),p([(0,d.query)(".md-floating__body")],i.prototype,"body",void 0),p([(0,d.query)(".md-floating__header")],i.prototype,"header",void 0),p([(0,d.query)(".md-floating-min-parent")],i.prototype,"minimizedHeader",void 0),p([(0,d.query)('slot[name="header"]')],i.prototype,"headerSlot",void 0),i=p([(0,r.w)("md-floating-modal")],i),t.ELEMENT=i}(n||(n={}))},85314:t=>{t.exports=a},97822:t=>{t.exports=o}},f={};function y(t){var i=f[t];if(void 0!==i)return i.exports;var e=f[t]={exports:{}};return u[t](e,e.exports,y),e.exports}y.m=u,p=[],y.O=(t,i,e,n)=>{if(!i){var o=1/0;for(l=0;l<p.length;l++){for(var[i,e,n]=p[l],r=!0,s=0;s<i.length;s++)(!1&n||o>=n)&&Object.keys(y.O).every((t=>y.O[t](i[s])))?i.splice(s--,1):(r=!1,n<o&&(o=n));if(r){p.splice(l--,1);var a=e();void 0!==a&&(t=a)}}return t}n=n||0;for(var l=p.length;l>0&&p[l-1][2]>n;l--)p[l]=p[l-1];p[l]=[i,e,n]},y.n=t=>{var i=t&&t.__esModule?()=>t.default:()=>t;return y.d(i,{a:i}),i},y.d=(t,i)=>{for(var e in i)y.o(i,e)&&!y.o(t,e)&&Object.defineProperty(t,e,{enumerable:!0,get:i[e]})},y.o=(t,i)=>Object.prototype.hasOwnProperty.call(t,i),y.r=t=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},(()=>{var t={144:0,762:0,3001:0,5382:0,7763:0,9237:0};y.O.j=i=>0===t[i];var i=(i,e)=>{var n,o,[r,s,a]=e,l=0;if(r.some((i=>0!==t[i]))){for(n in s)y.o(s,n)&&(y.m[n]=s[n]);if(a)var d=a(y)}for(i&&i(e);l<r.length;l++)o=r[l],y.o(t,o)&&t[o]&&t[o][0](),t[o]=0;return y.O(d)},e=self["momentum-web-components-[id]"]=self["momentum-web-components-[id]"]||[];e.forEach(i.bind(null,0)),e.push=i.bind(null,e.push.bind(e))})();var g=y.O(void 0,[4367,1890,6272,6325,6283,9217,2176,6798,5830,1200,8889,300,8373,4624,591,195,6677,8387,7330],(()=>y(73093)));return y.O(g)})()));
111
+ `}};p([(0,d.property)({type:String})],i.prototype,"heading",void 0),p([(0,d.property)({type:String})],i.prototype,"label",void 0),p([(0,d.property)({type:Boolean,reflect:!0})],i.prototype,"show",void 0),p([(0,d.property)({type:Boolean,reflect:!0,attribute:"aspect-ratio"})],i.prototype,"aspectRatio",void 0),p([(0,d.property)({type:Boolean,reflect:!0,attribute:"fixed-strategy"})],i.prototype,"fixed",void 0),p([(0,d.property)({type:Boolean,reflect:!0,attribute:"full-screen"})],i.prototype,"full",void 0),p([(0,d.property)({type:String,attribute:"close-aria-label"})],i.prototype,"closeAriaLabel",void 0),p([(0,d.property)({type:String,attribute:"resize-aria-label"})],i.prototype,"resizeAriaLabel",void 0),p([(0,d.property)({type:String,attribute:"maximize-aria-label"})],i.prototype,"maximizeScreenLabel",void 0),p([(0,d.property)({type:String,attribute:"minimize-aria-label"})],i.prototype,"minimizeAriaLabel",void 0),p([(0,d.property)({type:Boolean,reflect:!0})],i.prototype,"maximizable",void 0),p([(0,d.property)({type:Boolean,reflect:!0})],i.prototype,"resizable",void 0),p([(0,d.property)({type:Boolean,reflect:!0})],i.prototype,"minimize",void 0),p([(0,d.property)({type:Object})],i.prototype,"position",void 0),p([(0,d.property)({type:Object})],i.prototype,"minPosition",void 0),p([(0,d.property)({type:Boolean,reflect:!0})],i.prototype,"minimizable",void 0),p([(0,d.property)({type:Object})],i.prototype,"containerRect",void 0),p([(0,d.internalProperty)()],i.prototype,"dragOccured",void 0),p([(0,d.query)(".md-floating")],i.prototype,"container",void 0),p([(0,d.query)(".md-floating__body")],i.prototype,"body",void 0),p([(0,d.query)(".md-floating__header")],i.prototype,"header",void 0),p([(0,d.query)(".md-floating-min-parent")],i.prototype,"minimizedHeader",void 0),p([(0,d.query)('slot[name="header"]')],i.prototype,"headerSlot",void 0),i=p([(0,r.w)("md-floating-modal")],i),t.ELEMENT=i}(o||(o={}))},85314:t=>{t.exports=s},97822:t=>{t.exports=n}},f={};function y(t){var i=f[t];if(void 0!==i)return i.exports;var e=f[t]={exports:{}};return u[t](e,e.exports,y),e.exports}y.m=u,p=[],y.O=(t,i,e,o)=>{if(!i){var n=1/0;for(l=0;l<p.length;l++){for(var[i,e,o]=p[l],r=!0,a=0;a<i.length;a++)(!1&o||n>=o)&&Object.keys(y.O).every((t=>y.O[t](i[a])))?i.splice(a--,1):(r=!1,o<n&&(n=o));if(r){p.splice(l--,1);var s=e();void 0!==s&&(t=s)}}return t}o=o||0;for(var l=p.length;l>0&&p[l-1][2]>o;l--)p[l]=p[l-1];p[l]=[i,e,o]},y.n=t=>{var i=t&&t.__esModule?()=>t.default:()=>t;return y.d(i,{a:i}),i},y.d=(t,i)=>{for(var e in i)y.o(i,e)&&!y.o(t,e)&&Object.defineProperty(t,e,{enumerable:!0,get:i[e]})},y.o=(t,i)=>Object.prototype.hasOwnProperty.call(t,i),y.r=t=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},(()=>{var t={144:0,762:0,3001:0,5382:0,7763:0,9237:0};y.O.j=i=>0===t[i];var i=(i,e)=>{var o,n,[r,a,s]=e,l=0;if(r.some((i=>0!==t[i]))){for(o in a)y.o(a,o)&&(y.m[o]=a[o]);if(s)var d=s(y)}for(i&&i(e);l<r.length;l++)n=r[l],y.o(t,n)&&t[n]&&t[n][0](),t[n]=0;return y.O(d)},e=self["momentum-web-components-[id]"]=self["momentum-web-components-[id]"]||[];e.forEach(i.bind(null,0)),e.push=i.bind(null,e.push.bind(e))})();var b=y.O(void 0,[4367,1890,6272,6325,6283,9217,2176,6798,5830,1200,8889,300,8373,4624,591,195,6677,8387,7330],(()=>y(73093)));return y.O(b)})()));
@@ -1 +1 @@
1
- require("../1890"),require("../6272"),require("../6325"),require("../6283"),require("../9217"),require("../2176"),require("../6798"),require("../300"),require("../8373"),require("../4624"),require("../768"),require("../195"),require("../2972"),require("../6015"),require("../comp/md-input-file");
1
+ require("../1890"),require("../6272"),require("../6325"),require("../6283"),require("../9217"),require("../2176"),require("../6798"),require("../300"),require("../8373"),require("../4624"),require("../768"),require("../195"),require("../2972"),require("../8868"),require("../comp/md-input-file");
@@ -1,4 +1,4 @@
1
- !function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("lit-element"),require("lit-html/directives/style-map"),require("lit-html"),require("lit-html/directives/class-map"),require("lit-html/directives/if-defined"),require("highlight.js/lib/core"));else if("function"==typeof define&&define.amd)define(["lit-element","lit-html/directives/style-map","lit-html","lit-html/directives/class-map","lit-html/directives/if-defined","highlight.js/lib/core"],t);else{var r="object"==typeof exports?t(require("lit-element"),require("lit-html/directives/style-map"),require("lit-html"),require("lit-html/directives/class-map"),require("lit-html/directives/if-defined"),require("highlight.js/lib/core")):t(e["lit-element"],e["lit-html/directives/style-map"],e["lit-html"],e["lit-html/directives/class-map"],e["lit-html/directives/if-defined"],e["highlight.js/lib/core"]);for(var i in r)("object"==typeof exports?exports:e)[i]=r[i]}}(self,((e,t,r,i,n,o)=>(()=>{"use strict";var l,a,s,c,p,u={3001:(e,t,r)=>{r.d(t,{wW:()=>i.w}),r(18889),r(32972),r(28373),r(70300),r(84624),r(68387);var i=r(31890)},8229:e=>{e.exports=t},18889:(e,t,r)=>{new WeakMap},23968:e=>{e.exports=i},40333:e=>{e.exports=r},41488:t=>{t.exports=e},45001:e=>{e.exports=o},52619:(e,t,r)=>{r.r(t),r.d(t,{InputFile:()=>i}),r(96798);var i,n=r(3001),o=r(26272),l=r(45001),a=r.n(l),s=r(41488),c=r(40333),p=r(97822),u=r(45213),d=function(e,t,r,i){var n,o=arguments.length,l=o<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,r):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)l=Reflect.decorate(e,t,r,i);else for(var a=e.length-1;a>=0;a--)(n=e[a])&&(l=(o<3?n(l):o>3?n(t,r,l):n(t,r))||l);return o>3&&l&&Object.defineProperty(t,r,l),l},f=function(e,t,r,i){return new(r||(r=Promise))((function(n,o){function l(e){try{s(i.next(e))}catch(e){o(e)}}function a(e){try{s(i.throw(e))}catch(e){o(e)}}function s(e){var t;e.done?n(e.value):(t=e.value,t instanceof r?t:new r((function(e){e(t)}))).then(l,a)}s((i=i.apply(e,t||[])).next())}))};!function(e){let t=class extends s.LitElement{constructor(){super(...arguments),this.acceptLanguage="javascript",this.getLocalization="Input File",this.acceptTypes="",this.fileName=""}static get styles(){return[o.A,u.A]}triggerFileLoad(e){e.preventDefault(),this.input.click()}handleFile(e){return f(this,void 0,void 0,(function*(){e.preventDefault();const t=this.input.files;if(t&&0!==t.length)for(const e of t){this.fileName=e.name;try{yield this.readFile(e)}catch(e){console.error("Error reading file",e)}}}))}readFile(e){return new Promise(((t,r)=>{const i=new FileReader;i.onload=e=>{t(e.target.result)},i.onerror=e=>r(e),i.readAsText(e)}))}importLanguage(e){return f(this,void 0,void 0,(function*(){try{const{default:t}=yield r(29599)(`./${e}`);a().registerLanguage(`${e}`,t),this.setAcceptTypes()}catch(e){console.warn("Please set correct language name")}}))}getAllAcceptTypes(){const e=a().listLanguages();return e.length?e.map((e=>a().getLanguage(`${e}`).aliases)).map((e=>e.map((e=>`.${e}`)))).join(","):""}setAcceptTypes(){this.acceptTypes=this.getAllAcceptTypes()}updated(e){super.updated(e),e.has("acceptLanguage")&&this.importLanguage(this.acceptLanguage)}render(){return s.html`
1
+ !function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("lit-element"),require("lit-html/directives/style-map"),require("lit-html"),require("lit-html/directives/class-map"),require("lit-html/directives/if-defined"),require("highlight.js/lib/core"));else if("function"==typeof define&&define.amd)define(["lit-element","lit-html/directives/style-map","lit-html","lit-html/directives/class-map","lit-html/directives/if-defined","highlight.js/lib/core"],t);else{var r="object"==typeof exports?t(require("lit-element"),require("lit-html/directives/style-map"),require("lit-html"),require("lit-html/directives/class-map"),require("lit-html/directives/if-defined"),require("highlight.js/lib/core")):t(e["lit-element"],e["lit-html/directives/style-map"],e["lit-html"],e["lit-html/directives/class-map"],e["lit-html/directives/if-defined"],e["highlight.js/lib/core"]);for(var i in r)("object"==typeof exports?exports:e)[i]=r[i]}}(self,((e,t,r,i,n,o)=>(()=>{"use strict";var l,a,s,c,p,u={3001:(e,t,r)=>{r.d(t,{wW:()=>i.w}),r(18889),r(32972),r(28373),r(70300),r(84624),r(68387);var i=r(31890)},8229:e=>{e.exports=t},18889:(e,t,r)=>{new WeakMap},23968:e=>{e.exports=i},40333:e=>{e.exports=r},41488:t=>{t.exports=e},45001:e=>{e.exports=o},52619:(e,t,r)=>{r.r(t),r.d(t,{InputFile:()=>i}),r(96798);var i,n=r(3001),o=r(26272),l=r(45001),a=r.n(l),s=r(41488),c=r(40333),p=r(97822),u=r(45213),d=function(e,t,r,i){var n,o=arguments.length,l=o<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,r):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)l=Reflect.decorate(e,t,r,i);else for(var a=e.length-1;a>=0;a--)(n=e[a])&&(l=(o<3?n(l):o>3?n(t,r,l):n(t,r))||l);return o>3&&l&&Object.defineProperty(t,r,l),l},f=function(e,t,r,i){return new(r||(r=Promise))((function(n,o){function l(e){try{s(i.next(e))}catch(e){o(e)}}function a(e){try{s(i.throw(e))}catch(e){o(e)}}function s(e){var t;e.done?n(e.value):(t=e.value,t instanceof r?t:new r((function(e){e(t)}))).then(l,a)}s((i=i.apply(e,t||[])).next())}))};!function(e){let t=class extends s.LitElement{constructor(){super(...arguments),this.acceptLanguage="javascript",this.getLocalization="Input File",this.acceptTypes="",this.fileName=""}static get styles(){return[o.A,u.A]}triggerFileLoad(e){e.preventDefault(),this.input.click()}handleFile(e){return f(this,void 0,void 0,(function*(){e.preventDefault();const t=this.input.files;if(t&&0!==t.length)for(const e of t){this.fileName=e.name;try{yield this.readFile(e)}catch(e){console.error("Error reading file",e)}}}))}readFile(e){return new Promise(((t,r)=>{const i=new FileReader;i.onload=e=>{t(e.target.result)},i.onerror=e=>r(e),i.readAsText(e)}))}importLanguage(e){return f(this,void 0,void 0,(function*(){try{const{default:t}=yield r(32908)(`./${e}`);a().registerLanguage(`${e}`,t),this.setAcceptTypes()}catch(e){console.warn("Please set correct language name")}}))}getAllAcceptTypes(){const e=a().listLanguages();return e.length?e.map((e=>a().getLanguage(`${e}`).aliases)).map((e=>e.map((e=>`.${e}`)))).join(","):""}setAcceptTypes(){this.acceptTypes=this.getAllAcceptTypes()}updated(e){super.updated(e),e.has("acceptLanguage")&&this.importLanguage(this.acceptLanguage)}render(){return s.html`
2
2
  <div class="md-input-file">
3
3
  <label for="file-input">
4
4
  <md-button color="blue" class="md-input-file-btn" @click=${this.triggerFileLoad}>
@@ -14,4 +14,4 @@
14
14
  @change=${e=>this.handleFile(e)}
15
15
  />
16
16
  </div>
17
- `}};d([(0,s.property)({type:String,attribute:"accept-language"})],t.prototype,"acceptLanguage",void 0),d([(0,s.property)({type:String})],t.prototype,"getLocalization",void 0),d([(0,s.query)("input[type='file']")],t.prototype,"input",void 0),d([(0,s.internalProperty)()],t.prototype,"acceptTypes",void 0),d([(0,s.internalProperty)()],t.prototype,"fileName",void 0),t=d([(0,n.wW)("md-input-file")],t),e.ELEMENT=t}(i||(i={}))},97822:e=>{e.exports=n}},d={};function f(e){var t=d[e];if(void 0!==t)return t.exports;var r=d[e]={exports:{}};return u[e](r,r.exports,f),r.exports}f.m=u,l=[],f.O=(e,t,r,i)=>{if(!t){var n=1/0;for(c=0;c<l.length;c++){for(var[t,r,i]=l[c],o=!0,a=0;a<t.length;a++)(!1&i||n>=i)&&Object.keys(f.O).every((e=>f.O[e](t[a])))?t.splice(a--,1):(o=!1,i<n&&(n=i));if(o){l.splice(c--,1);var s=r();void 0!==s&&(e=s)}}return e}i=i||0;for(var c=l.length;c>0&&l[c-1][2]>i;c--)l[c]=l[c-1];l[c]=[t,r,i]},f.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return f.d(t,{a:t}),t},s=Object.getPrototypeOf?e=>Object.getPrototypeOf(e):e=>e.__proto__,f.t=function(e,t){if(1&t&&(e=this(e)),8&t)return e;if("object"==typeof e&&e){if(4&t&&e.__esModule)return e;if(16&t&&"function"==typeof e.then)return e}var r=Object.create(null);f.r(r);var i={};a=a||[null,s({}),s([]),s(s)];for(var n=2&t&&e;"object"==typeof n&&!~a.indexOf(n);n=s(n))Object.getOwnPropertyNames(n).forEach((t=>i[t]=()=>e[t]));return i.default=()=>e,f.d(r,i),r},f.d=(e,t)=>{for(var r in t)f.o(t,r)&&!f.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},f.f={},f.e=e=>Promise.all(Object.keys(f.f).reduce(((t,r)=>(f.f[r](e,t),t)),[])),f.u=e=>"chunks/md-"+e+".js",f.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),c={},p="@momentum-ui/web-components:",f.l=(e,t,r,i)=>{if(c[e])c[e].push(t);else{var n,o;if(void 0!==r)for(var l=document.getElementsByTagName("script"),a=0;a<l.length;a++){var s=l[a];if(s.getAttribute("src")==e||s.getAttribute("data-webpack")==p+r){n=s;break}}n||(o=!0,(n=document.createElement("script")).charset="utf-8",n.timeout=120,f.nc&&n.setAttribute("nonce",f.nc),n.setAttribute("data-webpack",p+r),n.src=e),c[e]=[t];var u=(t,r)=>{n.onerror=n.onload=null,clearTimeout(d);var i=c[e];if(delete c[e],n.parentNode&&n.parentNode.removeChild(n),i&&i.forEach((e=>e(r))),t)return t(r)},d=setTimeout(u.bind(null,void 0,{type:"timeout",target:n}),12e4);n.onerror=u.bind(null,n.onerror),n.onload=u.bind(null,n.onload),o&&document.head.appendChild(n)}},f.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},f.p="/",(()=>{var e={144:0,1270:0,3001:0,5382:0,7032:0,7763:0,8889:0};f.f.j=(t,r)=>{var i=f.o(e,t)?e[t]:void 0;if(0!==i)if(i)r.push(i[2]);else{var n=new Promise(((r,n)=>i=e[t]=[r,n]));r.push(i[2]=n);var o=f.p+f.u(t),l=new Error;f.l(o,(r=>{if(f.o(e,t)&&(0!==(i=e[t])&&(e[t]=void 0),i)){var n=r&&("load"===r.type?"missing":r.type),o=r&&r.target&&r.target.src;l.message="Loading chunk "+t+" failed.\n("+n+": "+o+")",l.name="ChunkLoadError",l.type=n,l.request=o,i[1](l)}}),"chunk-"+t,t)}},f.O.j=t=>0===e[t];var t=(t,r)=>{var i,n,[o,l,a]=r,s=0;if(o.some((t=>0!==e[t]))){for(i in l)f.o(l,i)&&(f.m[i]=l[i]);if(a)var c=a(f)}for(t&&t(r);s<o.length;s++)n=o[s],f.o(e,n)&&e[n]&&e[n][0](),e[n]=0;return f.O(c)},r=self["momentum-web-components-[id]"]=self["momentum-web-components-[id]"]||[];r.forEach(t.bind(null,0)),r.push=t.bind(null,r.push.bind(r))})();var m=f.O(void 0,[1890,6272,6325,6283,9217,2176,6798,300,8373,4624,768,195,2972,6015],(()=>f(52619)));return f.O(m)})()));
17
+ `}};d([(0,s.property)({type:String,attribute:"accept-language"})],t.prototype,"acceptLanguage",void 0),d([(0,s.property)({type:String})],t.prototype,"getLocalization",void 0),d([(0,s.query)("input[type='file']")],t.prototype,"input",void 0),d([(0,s.internalProperty)()],t.prototype,"acceptTypes",void 0),d([(0,s.internalProperty)()],t.prototype,"fileName",void 0),t=d([(0,n.wW)("md-input-file")],t),e.ELEMENT=t}(i||(i={}))},97822:e=>{e.exports=n}},d={};function f(e){var t=d[e];if(void 0!==t)return t.exports;var r=d[e]={exports:{}};return u[e](r,r.exports,f),r.exports}f.m=u,l=[],f.O=(e,t,r,i)=>{if(!t){var n=1/0;for(c=0;c<l.length;c++){for(var[t,r,i]=l[c],o=!0,a=0;a<t.length;a++)(!1&i||n>=i)&&Object.keys(f.O).every((e=>f.O[e](t[a])))?t.splice(a--,1):(o=!1,i<n&&(n=i));if(o){l.splice(c--,1);var s=r();void 0!==s&&(e=s)}}return e}i=i||0;for(var c=l.length;c>0&&l[c-1][2]>i;c--)l[c]=l[c-1];l[c]=[t,r,i]},f.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return f.d(t,{a:t}),t},s=Object.getPrototypeOf?e=>Object.getPrototypeOf(e):e=>e.__proto__,f.t=function(e,t){if(1&t&&(e=this(e)),8&t)return e;if("object"==typeof e&&e){if(4&t&&e.__esModule)return e;if(16&t&&"function"==typeof e.then)return e}var r=Object.create(null);f.r(r);var i={};a=a||[null,s({}),s([]),s(s)];for(var n=2&t&&e;"object"==typeof n&&!~a.indexOf(n);n=s(n))Object.getOwnPropertyNames(n).forEach((t=>i[t]=()=>e[t]));return i.default=()=>e,f.d(r,i),r},f.d=(e,t)=>{for(var r in t)f.o(t,r)&&!f.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},f.f={},f.e=e=>Promise.all(Object.keys(f.f).reduce(((t,r)=>(f.f[r](e,t),t)),[])),f.u=e=>"chunks/md-"+e+".js",f.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),c={},p="@momentum-ui/web-components:",f.l=(e,t,r,i)=>{if(c[e])c[e].push(t);else{var n,o;if(void 0!==r)for(var l=document.getElementsByTagName("script"),a=0;a<l.length;a++){var s=l[a];if(s.getAttribute("src")==e||s.getAttribute("data-webpack")==p+r){n=s;break}}n||(o=!0,(n=document.createElement("script")).charset="utf-8",n.timeout=120,f.nc&&n.setAttribute("nonce",f.nc),n.setAttribute("data-webpack",p+r),n.src=e),c[e]=[t];var u=(t,r)=>{n.onerror=n.onload=null,clearTimeout(d);var i=c[e];if(delete c[e],n.parentNode&&n.parentNode.removeChild(n),i&&i.forEach((e=>e(r))),t)return t(r)},d=setTimeout(u.bind(null,void 0,{type:"timeout",target:n}),12e4);n.onerror=u.bind(null,n.onerror),n.onload=u.bind(null,n.onload),o&&document.head.appendChild(n)}},f.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},f.p="/",(()=>{var e={144:0,1270:0,3001:0,5382:0,7032:0,7763:0,8889:0};f.f.j=(t,r)=>{var i=f.o(e,t)?e[t]:void 0;if(0!==i)if(i)r.push(i[2]);else{var n=new Promise(((r,n)=>i=e[t]=[r,n]));r.push(i[2]=n);var o=f.p+f.u(t),l=new Error;f.l(o,(r=>{if(f.o(e,t)&&(0!==(i=e[t])&&(e[t]=void 0),i)){var n=r&&("load"===r.type?"missing":r.type),o=r&&r.target&&r.target.src;l.message="Loading chunk "+t+" failed.\n("+n+": "+o+")",l.name="ChunkLoadError",l.type=n,l.request=o,i[1](l)}}),"chunk-"+t,t)}},f.O.j=t=>0===e[t];var t=(t,r)=>{var i,n,[o,l,a]=r,s=0;if(o.some((t=>0!==e[t]))){for(i in l)f.o(l,i)&&(f.m[i]=l[i]);if(a)var c=a(f)}for(t&&t(r);s<o.length;s++)n=o[s],f.o(e,n)&&e[n]&&e[n][0](),e[n]=0;return f.O(c)},r=self["momentum-web-components-[id]"]=self["momentum-web-components-[id]"]||[];r.forEach(t.bind(null,0)),r.push=t.bind(null,r.push.bind(r))})();var m=f.O(void 0,[1890,6272,6325,6283,9217,2176,6798,300,8373,4624,768,195,2972,8868],(()=>f(52619)));return f.O(m)})()));
@@ -27,7 +27,7 @@
27
27
  @click=${e=>this.handleClick(e)}
28
28
  @keydown=${e=>this.handleKeydown(e)}
29
29
  ></button>
30
- `}};b([(0,n.property)({type:Number,reflect:!0})],t.prototype,"tabIndex",void 0),b([(0,n.property)({type:String,attribute:"aria-label"})],t.prototype,"ariaLabel",void 0),b([(0,n.property)({type:String,attribute:"closable"})],t.prototype,"closable",void 0),b([(0,n.property)({type:String,attribute:"name"})],t.prototype,"name",void 0),b([(0,n.property)({type:Boolean,attribute:"cross-visible"})],t.prototype,"isCrossVisible",void 0),b([(0,n.property)({type:String,attribute:"role",reflect:!0})],t.prototype,"role",void 0),b([(0,n.property)({type:String,reflect:!0})],t.prototype,"type",void 0),b([(0,n.property)({type:Boolean})],t.prototype,"newMomentum",void 0),b([(0,n.property)({type:Boolean})],t.prototype,"onlyIcon",void 0),b([(0,n.property)({type:String})],t.prototype,"variant",void 0),b([(0,n.property)({type:Boolean,attribute:"visible-tab",reflect:!0})],t.prototype,"visibleTab",void 0),b([(0,n.property)({type:Boolean,reflect:!0})],t.prototype,"disabled",null),b([(0,n.property)({type:Boolean,reflect:!0})],t.prototype,"selected",null),b([(0,n.property)({type:Boolean,reflect:!0})],t.prototype,"vertical",void 0),b([(0,n.property)({type:Boolean,reflect:!0})],t.prototype,"viewportHidden",void 0),t=b([(0,o.w)("md-tab")],t),e.ELEMENT=t}(p||(p={}))},19239:e=>{e.exports=u},22818:e=>{e.exports=p},22962:e=>{e.exports=n},23968:e=>{e.exports=s},32022:e=>{e.exports=o},40333:e=>{e.exports=i},41488:t=>{t.exports=e},41891:e=>{e.exports=m},50226:(e,t,i)=>{i.r(t),i.d(t,{MORE_MENU_TAB_COPY_ID_PREFIX:()=>I,Tabs:()=>H}),i(61200),i(11323),i(83192);var s=i(90195),r=i(3001),o=i(66677),a=i(59164),l=i(26272),n=i(41488),d=i(40333),h=i(23968),b=i(22818),c=i(8229),p=i(19239),u=i(41891),m=i.n(u),v=i(97103),f=i(30076),y=i(16643),T=function(e,t,i,s){var r,o=arguments.length,a=o<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,i,s);else for(var l=e.length-1;l>=0;l--)(r=e[l])&&(a=(o<3?r(a):o>3?r(t,i,a):r(t,i))||a);return o>3&&a&&Object.defineProperty(t,i,a),a},g=function(e,t,i,s){return new(i||(i=Promise))((function(r,o){function a(e){try{n(s.next(e))}catch(e){o(e)}}function l(e){try{n(s.throw(e))}catch(e){o(e)}}function n(e){var t;e.done?r(e.value):(t=e.value,t instanceof i?t:new i((function(e){e(t)}))).then(a,l)}n((s=s.apply(e,t||[])).next())}))};const M="tab-more",I="more-menu-copy-",A="visibleToVisible",w="visibleToHidden",C="hiddenToVisible",E="hiddenToHidden",L="previous",S="next",x="fromMoreTabs";var H;!function(e){let t=class extends((0,r.UM)((0,r.Io)((0,r.TS)(n.LitElement)))){constructor(){super(...arguments),this.justified=!1,this.hugTabs=!1,this.overflowLabel="More Tabs",this.draggable=!1,this.direction="horizontal",this.moreItemsScrollLimit=Number.MAX_SAFE_INTEGER,this._selectedIndex=0,this.animation=100,this.ghostClass="",this.chosenClass="",this.forceFallback=!1,this.fallbackClass="",this.tabsId="",this.persistSelection=!1,this.compUniqueId="",this.type="line",this.newMomentum=!1,this.variant="ghost",this.scrollArrow=!1,this.isMoreTabMenuVisible=!1,this.isMoreTabMenuMeasured=!1,this.isMoreTabMenuOpen=!1,this.isMoreTabMenuSelected=!1,this.isMoreTabMenuScrollable=!1,this.moreTabMenuOffsetWidth=0,this.moreTabMenuMaxHeight=null,this.tabsViewportDataList=[],this.tabsFilteredAsVisibleList=[],this.tabsFilteredAsHiddenList=[],this.noTabsVisible=!1,this.defaultTabsOrderArray=[],this.tabsOrderPrefsArray=[],this.isMoreTabTruncated=!1,this.showLeftArrow=!1,this.showRightArrow=!1,this.tabs=[],this.panels=[],this.tabsCopy=[],this.tabsHash={},this.tabsCopyHash={},this.tabsIdxHash={},this.tabsVisibleIdxHash={},this.tabsHiddenIdxHash={},this.visibleTabsSortableInstance=null,this.hiddenTabsSortableInstance=null,this.updateArrowsVisibility=()=>{this.tabsListElement&&requestAnimationFrame((()=>{const{scrollLeft:e,scrollWidth:t,clientWidth:i}=this.tabsListElement;this.showLeftArrow=e>0,this.showRightArrow=e+i<t-5}))},this.handleOnDragEnd=e=>g(this,void 0,void 0,(function*(){var t,i,s,r,o,a,l,n,d,h;e.stopPropagation();const b=e.oldIndex,c=e.newIndex,p=[...this.tabsFilteredAsVisibleList],u=[...this.tabsFilteredAsHiddenList],m=this.getDragDirection(e);if(void 0!==b&&void 0!==c){switch(m){case w:{null===(i=null===(t=this.hiddenTabsContainerElement)||void 0===t?void 0:t.querySelector("#"+e.item.id))||void 0===i||i.remove();const s=p[b],r=u.slice(-1)[0],o=c===this.tabsFilteredAsHiddenList.length?c-1:c;u.splice(o,0,s),u.pop();const a=p.filter((t=>t.id!==this.getNormalizedTabId(e.item.id)));a.push(r),this.tabsFilteredAsVisibleList=[...a],this.tabsFilteredAsHiddenList=[...u];break}case A:{const e=p[b];p.splice(b,1),p.splice(c,0,e),this.tabsFilteredAsVisibleList=p,c===this.tabsFilteredAsVisibleList.length-1&&(null===(r=null===(s=this.visibleTabsContainerElement)||void 0===s?void 0:s.children[this.visibleTabsContainerElement.children.length-1])||void 0===r||r.remove());const t=this.visibleTabsContainerElement.children[b],i=this.visibleTabsContainerElement.children[c];if(!t||!i)return;null===(o=this.visibleTabsContainerElement)||void 0===o||o.replaceChild(i,t),null===(a=this.visibleTabsContainerElement)||void 0===a||a.insertBefore(t,i);break}case C:{null===(n=null===(l=this.visibleTabsContainerElement)||void 0===l?void 0:l.querySelector("#"+e.item.id))||void 0===n||n.remove();const t=u[b],i=p.slice(-1)[0];u.splice(b,1),u.splice(0,0,i);const s=c===this.tabsFilteredAsVisibleList.length?c-1:c;p.splice(s,0,t),p.pop(),this.tabsFilteredAsVisibleList=p,this.tabsFilteredAsHiddenList=u;break}case E:{const e=u[b];u.splice(b,1),u.splice(c,0,e),this.tabsFilteredAsHiddenList=u,c===this.tabsFilteredAsHiddenList.length-1&&(null===(h=null===(d=this.hiddenTabsContainerElement)||void 0===d?void 0:d.children[this.hiddenTabsContainerElement.children.length-1])||void 0===h||h.remove());break}}if(this.compUniqueId){const e=[...this.tabsFilteredAsVisibleList,...this.tabsFilteredAsHiddenList],t=e.findIndex((e=>e.selected));this.storeSelectedTabIndex(t),this.tabsOrderPrefsArray=e.map((e=>e.name)),localStorage.setItem(this.compUniqueId,this.tabsOrderPrefsArray.join(","))}}}))}get selectedIndex(){return this._selectedIndex}set selectedIndex(e){this._selectedIndex=e}generateOptions(){return{group:"shared",animation:10,swapThreshold:1,draggable:"md-tab",direction:this.direction,forceFallback:this.forceFallback,fallbackClass:this.fallbackClass,ghostClass:this.ghostClass,chosenClass:this.chosenClass,onEnd:this.handleOnDragEnd}}get currentTabsLayout(){return"horizontal"!==this.direction||this.scrollArrow?this.tabs:[...this.tabsFilteredAsVisibleList,...this.tabsFilteredAsHiddenList]}getCopyTabId(e){var t;return(null===(t=e.id)||void 0===t?void 0:t.startsWith(I))?`${I}${e.id}`:e.id}getAriaControlId(e){var t,i;return(null===(t=e.id)||void 0===t?void 0:t.startsWith(I))?`${I}${e.id}`:"tab_panel_"+(null===(i=e.id)||void 0===i?void 0:i.substring(4))}getTabIndex(e){var t,i;return this.isMoreTabMenuVisible&&0===this.getCurrentIndex(null==e?void 0:e.id)&&this.selected>(null===(t=this.tabsFilteredAsVisibleList)||void 0===t?void 0:t.length)-1||(null===(i=this.tabsFilteredAsVisibleList[this.selected])||void 0===i?void 0:i.id)===e.id?0:-1}getNormalizedTabId(e){return e.replace(I,"")}static get styles(){return[l.A,f.A]}ensureTabsUpdateComplete(e){return g(this,void 0,void 0,(function*(){const t=e.map((e=>void 0!==e.updateComplete?e.updateComplete:null)).filter((e=>null!==e));t.length&&(yield Promise.all(t))}))}measureTabsOffsetWidth(){return this.justified||"vertical"===this.direction?this.tabs.map((e=>{e.setAttribute("measuringrealwidth","");const t=e.closable?e.offsetWidth+y.TAB_CROSS_WIDTH:e.offsetWidth;return e.removeAttribute("measuringrealwidth"),t})):this.tabs.map((e=>e.closable?e.offsetWidth+y.TAB_CROSS_WIDTH:e.offsetWidth))}updateIsMoreTabTruncated(){var e;const t=null===(e=this.shadowRoot)||void 0===e?void 0:e.querySelector(".md-menu-overlay__overflow-label");if(t){const e=t.scrollWidth>t.clientWidth;this.isMoreTabTruncated!=e&&(this.isMoreTabTruncated=e)}}measureHiddenTabsCopiesOffsetHeight(){return this.tabsCopy.map((e=>e.offsetHeight))}manageOverflow(){return g(this,void 0,void 0,(function*(){var e,t;if("vertical"!==this.direction&&!this.scrollArrow){let i;i=0===this.tabsFilteredAsVisibleList.length&&0===this.tabsFilteredAsHiddenList.length?[...this.tabs]:[...this.tabsFilteredAsVisibleList,...this.tabsFilteredAsHiddenList],i.forEach((e=>{var t,i,s,r,o;if((null===(t=e.children)||void 0===t?void 0:t.length)&&0===(null===(s=null===(i=e.children[0])||void 0===i?void 0:i.children)||void 0===s?void 0:s.length)){const t=null===(r=null==e?void 0:e.querySelector("slot"))||void 0===r?void 0:r.assignedNodes({flatten:!0})[0].cloneNode(!0);t&&(t.classList.add("tab-content"),null===(o=null==e?void 0:e.children[0])||void 0===o||o.appendChild(t))}}));const s=i.length;if(this.tabsListElement&&s){const r=(null===(e=this.tabsSettingsElement)||void 0===e?void 0:e.offsetWidth)?this.tabsListElement.offsetWidth-(null===(t=this.tabsSettingsElement)||void 0===t?void 0:t.offsetWidth):this.tabsListElement.offsetWidth;yield this.ensureTabsUpdateComplete(this.tabs);const o=this.measureTabsOffsetWidth(),a=i.reduce(((e,t,i)=>e+o[i]),0);if(a){yield this.setupMoreTab();let e=!0;r<a&&(e=!1);const t=[];let l=0;i.forEach(((i,a)=>{l+=o[a];const n=!e&&l+(a<s-1?this.moreTabMenuOffsetWidth:0)>r;t.push({isTabInViewportHidden:n,tabOffsetWidth:o[a]})})),this.tabsViewportDataList=t,this.tabsViewportDataList.forEach(((e,t)=>this.tabs[t].viewportHidden=e.isTabInViewportHidden)),this.isMoreTabMenuVisible=!!this.tabsViewportDataList.find((e=>e.isTabInViewportHidden)),this.tabsFilteredAsVisibleList=i.filter(((e,t)=>!this.tabsViewportDataList[t].isTabInViewportHidden)),this.tabsVisibleIdxHash=this.tabsFilteredAsVisibleList.reduce(((e,t,i)=>(e[t.id]=i,e)),{}),this.tabsFilteredAsHiddenList=i.filter(((e,t)=>this.tabsViewportDataList[t].isTabInViewportHidden)),this.tabsHiddenIdxHash=this.tabsFilteredAsHiddenList.reduce(((e,t,i)=>(e[t.id]=i,e)),{})}}this.updateIsMoreTabMenuSelected();const r=this.tabsFilteredAsHiddenList.find((e=>!e.disabled));this.updateHiddenIdPositiveTabIndex(r)}}))}updateIsMoreTabMenuSelected(){this.isMoreTabMenuSelected=!!this.tabsFilteredAsHiddenList.find((e=>e.selected))}updateHiddenIdPositiveTabIndex(e){this.tabHiddenIdPositiveTabIndex=e?e.id:void 0}sortTabsAndPanes(){if(!this.tabsOrderPrefsArray.length)return;const e=(e,t)=>{var i,s;const r=null!==(i=e.getAttribute("name"))&&void 0!==i?i:"",o=null!==(s=t.getAttribute("name"))&&void 0!==s?s:"";return this.tabsOrderPrefsArray.indexOf(r)-this.tabsOrderPrefsArray.indexOf(o)};this.tabs.sort(e),this.panels.sort(e)}linkPanelsAndTabs(){return g(this,void 0,void 0,(function*(){this.sortTabsAndPanes();const{tabs:e,panels:t}=this;if(0===e.length||0===t.length)return void console.warn("The tabs or panels count should't be equal zero.");e.length!==t.length&&console.warn(`The amount of tabs (${e.length}) doesn't match the amount of panels (${t.length}).`);const i="vertical"===this.direction;e.forEach(((e,s)=>{const r=(0,a.O)("tabs"),o="tab_"+r,l="tab_panel_"+r;e.setAttribute("id",o),e.setAttribute("aria-controls",l),e.selected=this.selected===s,e.newMomentum=this.newMomentum,e.type=this.type,e.variant=this.variant,this.scrollArrow&&(e.visibleTab=!0),e.vertical!==i&&(e.vertical=i),e.viewportHidden&&(i||this.scrollArrow)&&(e.viewportHidden=!1);const n=t[s];n?(n.setAttribute("id",l),n.setAttribute("aria-labelledby",o),n.selected=this.selected===s,e.disabled&&(n.hidden=!0,n.selected=!1)):e.disabled=!0}));let s=this.selected;for(;s<e.length&&e[s].disabled;)s++;s=s===e.length?0:s,e[s].selected=!0,t[s].selected=!0,this.tabsHash=this.tabs.reduce(((e,t)=>(e[t.id]=t,e)),{}),this.tabsIdxHash=this.tabs.reduce(((e,t,i)=>(e[t.id]=i,e)),{})}))}get slotItem(){return this.tabSlotElement}filterSlotted(){return this.tabSlotElement.assignedElements()}handleResize(e){var t;null===(t=super.handleResize)||void 0===t||t.call(this,e),this.manageOverflow(),this.updateIsMoreTabTruncated()}getDragDirection(e){return e.from===this.visibleTabsContainerElement&&e.to===this.hiddenTabsContainerElement?w:e.from===this.visibleTabsContainerElement&&e.to===this.visibleTabsContainerElement?A:e.from===this.hiddenTabsContainerElement&&e.to===this.visibleTabsContainerElement?C:e.from===this.hiddenTabsContainerElement&&e.to===this.hiddenTabsContainerElement?E:void 0}makeTabCopyFocus(e){e&&e.focus()}handleTabClick(e){const{id:t}=e.detail;this.handleNewSelectedTab(t)}handleNewSelectedTab(e){const t=this.tabsHash[this.getNormalizedTabId(e)];if(t&&!t.disabled){const e=this.tabsIdxHash[t.id];-1!==e&&this.updateSelectedTab(e);{const e=this.tabsCopyHash[this.getCopyTabId(t)];e&&this.makeTabCopyFocus(e),this.updateHiddenIdPositiveTabIndex(t)}}}handleTabCrossClick(e){const{id:t}=e.detail;this.handleTabCloseEvent(t)}handleTabCloseClick(e){const{id:t}=e.detail;this.handleTabCloseEvent(t)}handleTabCloseEvent(e){var t,i;const s=this.tabsHash[this.getNormalizedTabId(e)];if(s&&!s.disabled&&("auto"===s.closable||"custom"===s.closable)){const s=this.tabsFilteredAsVisibleList.findIndex((t=>this.getNormalizedTabId(t.id)===this.getNormalizedTabId(e)));this.tabsFilteredAsVisibleList=this.tabsFilteredAsVisibleList.filter((t=>this.getNormalizedTabId(t.id)!==this.getNormalizedTabId(e))),null===(i=null===(t=this.visibleTabsContainerElement)||void 0===t?void 0:t.querySelector("#"+e))||void 0===i||i.remove(),0!==this.tabsFilteredAsHiddenList.length&&(this.tabsFilteredAsVisibleList.push(this.tabsFilteredAsHiddenList[0]),this.tabsFilteredAsHiddenList.splice(0,1)),0===this.tabsFilteredAsHiddenList.length&&(this.isMoreTabMenuVisible=!1,this.isMoreTabMenuMeasured=!1),this.handleUpdatedSeletedTabAfterCross(s)}}handleUpdatedSeletedTabAfterCross(e){var t;let i=e;for(;i<this.tabsFilteredAsVisibleList.length&&(null===(t=this.tabsFilteredAsVisibleList[i])||void 0===t?void 0:t.disabled);)i++;if(void 0===this.tabsFilteredAsVisibleList[i]||e===this.tabsFilteredAsVisibleList.length)for(i=e-1;i>=0&&this.tabsFilteredAsVisibleList[i].disabled;)i--;if(-1!==i){const e=this.tabs.findIndex((e=>e.id===this.tabsFilteredAsVisibleList[i].id));this.updateSelectedTab(e)}else this.updateSelectedTab(i);this.noTabsVisible=0===this.tabsFilteredAsVisibleList.length&&0===this.tabsFilteredAsHiddenList.length,this.requestUpdate()}setSelectedAttribute(e,t,i=!1){t&&(t.selected=i),e&&(e.selected=i,i&&(this.isMoreTabMenuSelected=this.isTabInMoreMenu(e)),this.isTabInMoreMenu(e)&&(this.isMoreTabMenuSelected=!0))}isTabInMoreMenu(e){return void 0!==this.tabsFilteredAsHiddenList.find((t=>t.id===e.id))}updateSelectedTab(e){const{tabs:t,panels:i}=this,s=this.tabs.findIndex((e=>e.hasAttribute("selected")));if(t&&i&&(this.setSelectedAttribute((0,o.Qx)(t,s),(0,o.Qx)(i,s),!1),this.setSelectedAttribute((0,o.Qx)(t,e),(0,o.Qx)(i,e),!0)),e>=0){this.dispatchSelectedChangedEvent(e);const i=this.currentTabsLayout.findIndex((i=>i.id===t[e].id));this.changeSelectedTabIdx(i)}}dispatchSelectedChangedEvent(e){const t=this.currentTabsLayout,i=this.tabs[e].id,s=t.findIndex((e=>e.id===i)),r=[];t.forEach((e=>{r.push(e.name)})),this.dispatchEvent(new CustomEvent("selected-changed",{detail:{value:s,tabsOrder:r},composed:!0,bubbles:!0}))}changeSelectedTabIdx(e){this.requestUpdate(),this.selected=e,this.updateComplete.then((()=>{var t,i;if(e<this.tabsFilteredAsVisibleList.length){const e=null===(t=this.visibleTabsContainerElement)||void 0===t?void 0:t.children[this.selected];null==e||e.focus()}else{const e=this.selected-this.tabsFilteredAsVisibleList.length,t=null===(i=this.hiddenTabsContainerElement)||void 0===i?void 0:i.children[e];this.moveFocusToTab(t);const s=this.tabsFilteredAsHiddenList[e];(null==s?void 0:s.disabled)||this.updateHiddenIdPositiveTabIndex(s)}})),this.updateIsMoreTabMenuSelected(),this.storeSelectedTabIndex(e)}storeSelectedTabIndex(e){this.persistSelection&&this.tabsId&&e>-1&&""!==this.tabsId.trim()&&sessionStorage.setItem(this.tabsId,`${e}`)}getCurrentIndex(e){var t,i,s;if(this.scrollArrow){const t=this.tabs.length;for(let i=0;i<t;i++)if(this.tabs[i].id===e)return i}const r=null!==(i=null===(t=this.visibleTabsContainerElement)||void 0===t?void 0:t.children.length)&&void 0!==i?i:0;for(let t=0;t<r;t++)if((null===(s=this.visibleTabsContainerElement)||void 0===s?void 0:s.children[t].id)===e)return t;return this.tabsVisibleIdxHash[e]}moveFocusToAdjacentTab(e,t){var i,s,r;const o=this.getCurrentIndex(e),a=this.slotItem.assignedElements();let l=0;if(this.scrollArrow){t===L?l=0===o?a.length-1:o-1:t===S&&(l=o===a.length-1?0:o+1),this.moveFocusToTab(a[l]);const e=a[l],s=e.getBoundingClientRect(),r=null===(i=this.tabsListElement)||void 0===i?void 0:i.getBoundingClientRect();return r&&(s.left>=r.left&&s.right<=r.right&&s.top>=r.top&&s.bottom<=r.bottom||e.scrollIntoView({behavior:"smooth",block:"nearest",inline:"nearest"})),this.updateArrowsVisibility(),void(0,v.setTimeout)((()=>this.moveFocusToTab(a[l])),0)}const n=null===(s=this.visibleTabsContainerElement)||void 0===s?void 0:s.children,d=null!==(r=null==n?void 0:n.length)&&void 0!==r?r:0;n&&0!==d&&(t===L?l=0===o?d-1:o-1:t===S?l=o===d-1?0:o+1:t===x&&(l=this.selected>=d?0:this.selected),this.moveFocusToTab(n[l]))}moveFocusToTab(e){(0,v.setTimeout)((()=>null==e?void 0:e.focus()),0)}handleOverlayClose(){(0,v.setTimeout)((()=>{this.menuOverlayElement&&(this.menuOverlayElement.isOpen=!1)}),0)}dispatchKeydownEvent(e,t){t&&this.dispatchEvent(new CustomEvent("tab-keydown",{detail:{id:t,key:e.code,ctrlKey:e.ctrlKey,shiftKey:e.shiftKey,altKey:e.altKey,srcEvent:e},bubbles:!0,composed:!0}))}handleTabKeydown(e){var t,i,r,o,a,l,n;const d=e.target;if(e.target!=this&&!this.tabs.find((e=>e.id===(null==d?void 0:d.id))))return!1;let h;if((null===(t=e.composedPath())||void 0===t?void 0:t.length)>0?h=e.composedPath()[0].id:e.originalTarget&&(h=e.originalTarget.id),!h)return;const b=this.getNormalizedTabId(h);this.dispatchKeydownEvent(e,b);const c=e.code,{shiftKey:p}=e,u=!!this.isMoreTabMenuVisible&&b===M,m=u&&this.isMoreTabMenuVisible?this.moreTabMenuElement:this.tabsHash[this.getNormalizedTabId(b)],v=!this.isMoreTabMenuVisible||m&&this.tabsVisibleIdxHash[m.id]>-1,f=!!this.isMoreTabMenuVisible&&m&&this.tabsHiddenIdxHash[m.id]>-1,y=this.isMoreTabMenuVisible?this.tabsFilteredAsVisibleList.length-1:this.tabs.length-1,T=this.isMoreTabMenuVisible?this.tabsFilteredAsVisibleList.length:-1,g=this.isMoreTabMenuVisible?this.tabsFilteredAsVisibleList.length+this.tabsFilteredAsHiddenList.length-1:-1;switch(c){case s.Uz.Tab:u&&!this.isMoreTabMenuOpen&&p&&(e.preventDefault(),this.moveFocusToAdjacentTab(h,x));break;case s.Uz.End:u||(v?(e.preventDefault(),this.moveFocusToTab(null===(i=this.visibleTabsContainerElement)||void 0===i?void 0:i.children[(null===(r=this.tabsFilteredAsVisibleList)||void 0===r?void 0:r.length)-1])):this.isMoreTabMenuOpen&&(e.preventDefault(),this.moveFocusToTab(null===(o=this.hiddenTabsContainerElement)||void 0===o?void 0:o.children[(null===(a=this.tabsFilteredAsHiddenList)||void 0===a?void 0:a.length)-1])));break;case s.Uz.Home:v?(e.preventDefault(),this.moveFocusToTab(null===(l=this.visibleTabsContainerElement)||void 0===l?void 0:l.children[0])):this.isMoreTabMenuOpen&&(e.preventDefault(),this.moveFocusToTab(null===(n=this.hiddenTabsContainerElement)||void 0===n?void 0:n.children[0]));break;case s.Uz.ArrowLeft:u||(v||this.scrollArrow)&&(e.stopPropagation(),this.moveFocusToAdjacentTab(h,L));break;case s.Uz.ArrowRight:u||(v||this.scrollArrow)&&(e.stopPropagation(),this.moveFocusToAdjacentTab(h,S));break;case s.Uz.ArrowUp:if(u);else if(v&&"vertical"===this.direction)e.preventDefault(),this.changeSelectedTabIdx(0===this.selected?y:this.selected-1);else if(f){e.preventDefault();const t=this.selected===T?g:this.selected-1;this.changeSelectedTabIdx(t)}break;case s.Uz.ArrowDown:if(u);else if(v&&"vertical"===this.direction)e.preventDefault(),this.changeSelectedTabIdx(this.selected===y?0:this.selected+1);else if(f){e.preventDefault();const t=this.selected===g?T:this.selected+1;this.changeSelectedTabIdx(t)}break;case s.Uz.Enter:case s.Uz.NumpadEnter:case s.Uz.Space:if(u){const e=this.tabsFilteredAsHiddenList.filter((e=>!e.disabled)),t=e.length?e.find((e=>e.selected))||e[0]:void 0;if(this.updateHiddenIdPositiveTabIndex(t),t){const e=this.tabsIdxHash[this.getNormalizedTabId(t.id)];-1!==e&&this.updateSelectedTab(e)}}else if(m&&!m.disabled){const t=this.tabsIdxHash[this.getNormalizedTabId(m.id)];-1!==t&&(e.preventDefault(),this.updateSelectedTab(t))}}}setupTabsEvents(){this.addEventListener("tab-click",this.handleTabClick),this.addEventListener("tab-cross-click",this.handleTabCrossClick),this.addEventListener("tab-close-click",this.handleTabCloseClick),this.addEventListener("keydown",this.handleTabKeydown),this.addEventListener("clear-tab-order-prefs",this.clearTabOrderPrefs)}teardownTabsEvents(){this.removeEventListener("tab-click",this.handleTabClick),this.removeEventListener("tab-cross-click",this.handleTabCrossClick),this.removeEventListener("tab-close-click",this.handleTabCloseClick),this.removeEventListener("keydown",this.handleTabKeydown),this.removeEventListener("clear-tab-order-prefs",this.clearTabOrderPrefs)}clearTabOrderPrefs(e){const{compUniqueId:t}=e.detail;t===this.compUniqueId&&(localStorage.removeItem(this.tabsId),sessionStorage.removeItem(this.tabsId),localStorage.removeItem(this.compUniqueId),this.tabsOrderPrefsArray=this.defaultTabsOrderArray,this.selected=0,this.initializeTabs(),this.dispatchSelectedChangedEvent(0))}setupPanelsAndTabs(){this.tabSlotElement&&(this.tabs=this.tabSlotElement.assignedElements()),this.panelSlotElement&&(this.panels=this.panelSlotElement.assignedElements()),this.defaultTabsOrderArray=this.tabs.map((e=>e.name))}setupMoreTab(){return g(this,void 0,void 0,(function*(){"vertical"!==this.direction&&this.moreTabMenuElement&&!this.isMoreTabMenuMeasured&&(this.moreTabMenuElement.classList.add("md-menu-overlay__more_tab--measuring"),yield this.moreTabMenuElement.updateComplete,this.moreTabMenuElement.offsetWidth&&(this.moreTabMenuOffsetWidth=this.moreTabMenuElement.offsetWidth,this.isMoreTabMenuMeasured=!0),this.moreTabMenuElement.classList.remove("md-menu-overlay__more_tab--measuring"))}))}initializeSortable(){this.visibleTabsContainerElement&&this.hiddenTabsContainerElement&&(this.visibleTabsSortableInstance=m().create(this.visibleTabsContainerElement,this.generateOptions()),this.hiddenTabsSortableInstance=m().create(this.hiddenTabsContainerElement,this.generateOptions()))}initializeTabs(){this.tabs=[],this.panels=[],this.tabsFilteredAsVisibleList=[],this.tabsFilteredAsHiddenList=[],this.isMoreTabMenuVisible=!1,this.setupPanelsAndTabs(),this.linkPanelsAndTabs(),this.draggable&&this.initializeSortable(),this.manageOverflow(),this.requestUpdate()}connectedCallback(){var e;if(super.connectedCallback(),this.setupTabsEvents(),this.persistSelection){if(!this.tabsId||""===this.tabsId.trim())return void console.error("Unique tabs-id attribute is mandatory for persist the selection of tab");const e=localStorage.getItem(this.tabsId);this.selected=e&&parseInt(e)>-1?parseInt(e):this.selected}this.compUniqueId&&(this.tabsOrderPrefsArray=(null===(e=localStorage.getItem(this.compUniqueId))||void 0===e?void 0:e.split(","))||[])}selectTabFromStorage(){if(this.persistSelection){if(!this.tabsId||""===this.tabsId.trim())return void console.error("Unique tabs-id attribute is mandatory for persist the selection of tab");const e=sessionStorage.getItem(this.tabsId);let t=0;if(e){const i=parseInt(e);t=i>-1?i:this.selected}const i=this.currentTabsLayout;i.length&&i[t].id?(this._selectedIndex=t,this.handleNewSelectedTab(i[t].id)):this.selected=t}}disconnectedCallback(){super.disconnectedCallback(),this.teardownTabsEvents()}firstUpdated(e){var t;super.firstUpdated(e),this.setupPanelsAndTabs(),this.linkPanelsAndTabs(),this.selectTabFromStorage(),this.scrollArrow&&(this.updateArrowsVisibility(),null===(t=this.tabsListElement)||void 0===t||t.addEventListener("scroll",this.updateArrowsVisibility))}onDirectionChanged(){return g(this,void 0,void 0,(function*(){this.tabs=[],this.panels=[],this.tabsFilteredAsVisibleList=[],this.tabsFilteredAsHiddenList=[],this.isMoreTabMenuVisible=!1,this.setupPanelsAndTabs(),yield this.linkPanelsAndTabs(),this.draggable&&this.initializeSortable(),"horizontal"===this.direction&&(yield this.manageOverflow()),this.selectTabFromStorage(),this.scrollArrow&&this.updateArrowsVisibility()}))}updated(e){var t;if(super.updated(e),e.has("direction")&&e.get("direction")!==this.direction&&this.onDirectionChanged(),e.has("slotted")&&this.initializeTabs(),!this.draggable||this.visibleTabsSortableInstance||this.hiddenTabsSortableInstance||this.initializeSortable(),e.has("tabsFilteredAsHiddenList")&&(this.tabsCopy=Array.from((null===(t=this.tabsCopyHiddenListElements)||void 0===t?void 0:t.values())||[]),this.tabsCopyHash=this.tabsCopy.reduce(((e,t)=>(e[t.id]=t,e)),{})),(e.has("tabsFilteredAsVisibleList")||e.has("tabsFilteredAsHiddenList"))&&(this.tabsVisibleIdxHash=this.tabsFilteredAsVisibleList.reduce(((e,t,i)=>(e[t.id]=i,e)),{}),this.tabsHiddenIdxHash=this.tabsFilteredAsHiddenList.reduce(((e,t,i)=>(e[t.id]=i,e)),{})),e.has("isMoreTabMenuOpen")&&this.isMoreTabMenuVisible){const t=e.get("isMoreTabMenuOpen");this.isMoreTabMenuOpen&&!t&&(this.moreItemsScrollLimit<this.tabsCopy.length?(this.isMoreTabMenuScrollable=!0,this.moreTabMenuMaxHeight=`${this.measureHiddenTabsCopiesOffsetHeight().slice(0,this.moreItemsScrollLimit).reduce(((e,t)=>e+t),0)}px`):(this.isMoreTabMenuScrollable=!1,this.moreTabMenuMaxHeight=null))}e.has("tabsId")&&this.selectTabFromStorage(),e.has("selectedIndex")&&this.updateSelectedTab(this.selectedIndex),e.has("overflowLabel")&&this.updateIsMoreTabTruncated(),e.has("scrollArrow")&&this.onDirectionChanged()}scrollTabs(e){if(!this.tabsListElement||"vertical"===this.direction)return;const t="left"===e?-100:100;this.tabsListElement.scrollBy({left:t,behavior:"smooth"}),(0,v.setTimeout)((()=>this.updateArrowsVisibility()),300)}get moreMenuButtonTemplate(){return n.html`
30
+ `}};b([(0,n.property)({type:Number,reflect:!0})],t.prototype,"tabIndex",void 0),b([(0,n.property)({type:String,attribute:"aria-label"})],t.prototype,"ariaLabel",void 0),b([(0,n.property)({type:String,attribute:"closable"})],t.prototype,"closable",void 0),b([(0,n.property)({type:String,attribute:"name"})],t.prototype,"name",void 0),b([(0,n.property)({type:Boolean,attribute:"cross-visible"})],t.prototype,"isCrossVisible",void 0),b([(0,n.property)({type:String,attribute:"role",reflect:!0})],t.prototype,"role",void 0),b([(0,n.property)({type:String,reflect:!0})],t.prototype,"type",void 0),b([(0,n.property)({type:Boolean})],t.prototype,"newMomentum",void 0),b([(0,n.property)({type:Boolean})],t.prototype,"onlyIcon",void 0),b([(0,n.property)({type:String})],t.prototype,"variant",void 0),b([(0,n.property)({type:Boolean,attribute:"visible-tab",reflect:!0})],t.prototype,"visibleTab",void 0),b([(0,n.property)({type:Boolean,reflect:!0})],t.prototype,"disabled",null),b([(0,n.property)({type:Boolean,reflect:!0})],t.prototype,"selected",null),b([(0,n.property)({type:Boolean,reflect:!0})],t.prototype,"vertical",void 0),b([(0,n.property)({type:Boolean,reflect:!0})],t.prototype,"viewportHidden",void 0),t=b([(0,o.w)("md-tab")],t),e.ELEMENT=t}(p||(p={}))},19239:e=>{e.exports=u},22818:e=>{e.exports=p},22962:e=>{e.exports=n},23968:e=>{e.exports=s},32022:e=>{e.exports=o},40333:e=>{e.exports=i},41488:t=>{t.exports=e},41891:e=>{e.exports=m},50226:(e,t,i)=>{i.r(t),i.d(t,{MORE_MENU_TAB_COPY_ID_PREFIX:()=>A,Tabs:()=>H}),i(61200),i(11323),i(83192);var s=i(90195),r=i(3001),o=i(66677),a=i(59164),l=i(26272),n=i(41488),d=i(40333),h=i(23968),b=i(22818),c=i(8229),p=i(19239),u=i(41891),m=i.n(u),v=i(97103),f=i(30076),y=i(16643),T=function(e,t,i,s){var r,o=arguments.length,a=o<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,i,s);else for(var l=e.length-1;l>=0;l--)(r=e[l])&&(a=(o<3?r(a):o>3?r(t,i,a):r(t,i))||a);return o>3&&a&&Object.defineProperty(t,i,a),a},g=function(e,t,i,s){return new(i||(i=Promise))((function(r,o){function a(e){try{n(s.next(e))}catch(e){o(e)}}function l(e){try{n(s.throw(e))}catch(e){o(e)}}function n(e){var t;e.done?r(e.value):(t=e.value,t instanceof i?t:new i((function(e){e(t)}))).then(a,l)}n((s=s.apply(e,t||[])).next())}))};const M="tab-more",A="more-menu-copy-",w="visibleToVisible",I="visibleToHidden",C="hiddenToVisible",L="hiddenToHidden",E="previous",S="next",x="fromMoreTabs";var H;!function(e){let t=class extends((0,r.UM)((0,r.Io)((0,r.TS)(n.LitElement)))){constructor(){super(...arguments),this.justified=!1,this.hugTabs=!1,this.overflowLabel="More Tabs",this.draggable=!1,this.direction="horizontal",this.moreItemsScrollLimit=Number.MAX_SAFE_INTEGER,this._selectedIndex=0,this.animation=100,this.ghostClass="",this.chosenClass="",this.forceFallback=!1,this.fallbackClass="",this.tabsId="",this.persistSelection=!1,this.compUniqueId="",this.type="line",this.newMomentum=!1,this.variant="ghost",this.scrollArrow=!1,this.leftArrowAriaLabel="Backward Button",this.rightArrowAriaLabel="Forward Button",this.isMoreTabMenuVisible=!1,this.isMoreTabMenuMeasured=!1,this.isMoreTabMenuOpen=!1,this.isMoreTabMenuSelected=!1,this.isMoreTabMenuScrollable=!1,this.moreTabMenuOffsetWidth=0,this.moreTabMenuMaxHeight=null,this.tabsViewportDataList=[],this.tabsFilteredAsVisibleList=[],this.tabsFilteredAsHiddenList=[],this.noTabsVisible=!1,this.defaultTabsOrderArray=[],this.tabsOrderPrefsArray=[],this.isMoreTabTruncated=!1,this.showLeftArrow=!1,this.showRightArrow=!1,this.tabs=[],this.panels=[],this.tabsCopy=[],this.tabsHash={},this.tabsCopyHash={},this.tabsIdxHash={},this.tabsVisibleIdxHash={},this.tabsHiddenIdxHash={},this.visibleTabsSortableInstance=null,this.hiddenTabsSortableInstance=null,this.updateArrowsVisibility=()=>{this.tabsListElement&&requestAnimationFrame((()=>{const{scrollLeft:e,scrollWidth:t,clientWidth:i}=this.tabsListElement;this.showLeftArrow=e>0,this.showRightArrow=e+i<t-5}))},this.handleOnDragEnd=e=>g(this,void 0,void 0,(function*(){var t,i,s,r,o,a,l,n,d,h;e.stopPropagation();const b=e.oldIndex,c=e.newIndex,p=[...this.tabsFilteredAsVisibleList],u=[...this.tabsFilteredAsHiddenList],m=this.getDragDirection(e);if(void 0!==b&&void 0!==c){switch(m){case I:{null===(i=null===(t=this.hiddenTabsContainerElement)||void 0===t?void 0:t.querySelector("#"+e.item.id))||void 0===i||i.remove();const s=p[b],r=u.slice(-1)[0],o=c===this.tabsFilteredAsHiddenList.length?c-1:c;u.splice(o,0,s),u.pop();const a=p.filter((t=>t.id!==this.getNormalizedTabId(e.item.id)));a.push(r),this.tabsFilteredAsVisibleList=[...a],this.tabsFilteredAsHiddenList=[...u];break}case w:{const e=p[b];p.splice(b,1),p.splice(c,0,e),this.tabsFilteredAsVisibleList=p,c===this.tabsFilteredAsVisibleList.length-1&&(null===(r=null===(s=this.visibleTabsContainerElement)||void 0===s?void 0:s.children[this.visibleTabsContainerElement.children.length-1])||void 0===r||r.remove());const t=this.visibleTabsContainerElement.children[b],i=this.visibleTabsContainerElement.children[c];if(!t||!i)return;null===(o=this.visibleTabsContainerElement)||void 0===o||o.replaceChild(i,t),null===(a=this.visibleTabsContainerElement)||void 0===a||a.insertBefore(t,i);break}case C:{null===(n=null===(l=this.visibleTabsContainerElement)||void 0===l?void 0:l.querySelector("#"+e.item.id))||void 0===n||n.remove();const t=u[b],i=p.slice(-1)[0];u.splice(b,1),u.splice(0,0,i);const s=c===this.tabsFilteredAsVisibleList.length?c-1:c;p.splice(s,0,t),p.pop(),this.tabsFilteredAsVisibleList=p,this.tabsFilteredAsHiddenList=u;break}case L:{const e=u[b];u.splice(b,1),u.splice(c,0,e),this.tabsFilteredAsHiddenList=u,c===this.tabsFilteredAsHiddenList.length-1&&(null===(h=null===(d=this.hiddenTabsContainerElement)||void 0===d?void 0:d.children[this.hiddenTabsContainerElement.children.length-1])||void 0===h||h.remove());break}}if(this.compUniqueId){const e=[...this.tabsFilteredAsVisibleList,...this.tabsFilteredAsHiddenList],t=e.findIndex((e=>e.selected));this.storeSelectedTabIndex(t),this.tabsOrderPrefsArray=e.map((e=>e.name)),localStorage.setItem(this.compUniqueId,this.tabsOrderPrefsArray.join(","))}}}))}get selectedIndex(){return this._selectedIndex}set selectedIndex(e){this._selectedIndex=e}generateOptions(){return{group:"shared",animation:10,swapThreshold:1,draggable:"md-tab",direction:this.direction,forceFallback:this.forceFallback,fallbackClass:this.fallbackClass,ghostClass:this.ghostClass,chosenClass:this.chosenClass,onEnd:this.handleOnDragEnd}}get currentTabsLayout(){return"horizontal"!==this.direction||this.scrollArrow?this.tabs:[...this.tabsFilteredAsVisibleList,...this.tabsFilteredAsHiddenList]}getCopyTabId(e){var t;return(null===(t=e.id)||void 0===t?void 0:t.startsWith(A))?`${A}${e.id}`:e.id}getAriaControlId(e){var t,i;return(null===(t=e.id)||void 0===t?void 0:t.startsWith(A))?`${A}${e.id}`:"tab_panel_"+(null===(i=e.id)||void 0===i?void 0:i.substring(4))}getTabIndex(e){var t,i;return this.isMoreTabMenuVisible&&0===this.getCurrentIndex(null==e?void 0:e.id)&&this.selected>(null===(t=this.tabsFilteredAsVisibleList)||void 0===t?void 0:t.length)-1||(null===(i=this.tabsFilteredAsVisibleList[this.selected])||void 0===i?void 0:i.id)===e.id?0:-1}getNormalizedTabId(e){return e.replace(A,"")}static get styles(){return[l.A,f.A]}ensureTabsUpdateComplete(e){return g(this,void 0,void 0,(function*(){const t=e.map((e=>void 0!==e.updateComplete?e.updateComplete:null)).filter((e=>null!==e));t.length&&(yield Promise.all(t))}))}measureTabsOffsetWidth(){return this.justified||"vertical"===this.direction?this.tabs.map((e=>{e.setAttribute("measuringrealwidth","");const t=e.closable?e.offsetWidth+y.TAB_CROSS_WIDTH:e.offsetWidth;return e.removeAttribute("measuringrealwidth"),t})):this.tabs.map((e=>e.closable?e.offsetWidth+y.TAB_CROSS_WIDTH:e.offsetWidth))}updateIsMoreTabTruncated(){var e;const t=null===(e=this.shadowRoot)||void 0===e?void 0:e.querySelector(".md-menu-overlay__overflow-label");if(t){const e=t.scrollWidth>t.clientWidth;this.isMoreTabTruncated!=e&&(this.isMoreTabTruncated=e)}}measureHiddenTabsCopiesOffsetHeight(){return this.tabsCopy.map((e=>e.offsetHeight))}manageOverflow(){return g(this,void 0,void 0,(function*(){var e,t;if("vertical"!==this.direction&&!this.scrollArrow){let i;i=0===this.tabsFilteredAsVisibleList.length&&0===this.tabsFilteredAsHiddenList.length?[...this.tabs]:[...this.tabsFilteredAsVisibleList,...this.tabsFilteredAsHiddenList],i.forEach((e=>{var t,i,s,r,o;if((null===(t=e.children)||void 0===t?void 0:t.length)&&0===(null===(s=null===(i=e.children[0])||void 0===i?void 0:i.children)||void 0===s?void 0:s.length)){const t=null===(r=null==e?void 0:e.querySelector("slot"))||void 0===r?void 0:r.assignedNodes({flatten:!0})[0].cloneNode(!0);t&&(t.classList.add("tab-content"),null===(o=null==e?void 0:e.children[0])||void 0===o||o.appendChild(t))}}));const s=i.length;if(this.tabsListElement&&s){const r=(null===(e=this.tabsSettingsElement)||void 0===e?void 0:e.offsetWidth)?this.tabsListElement.offsetWidth-(null===(t=this.tabsSettingsElement)||void 0===t?void 0:t.offsetWidth):this.tabsListElement.offsetWidth;yield this.ensureTabsUpdateComplete(this.tabs);const o=this.measureTabsOffsetWidth(),a=i.reduce(((e,t,i)=>e+o[i]),0);if(a){yield this.setupMoreTab();let e=!0;r<a&&(e=!1);const t=[];let l=0;i.forEach(((i,a)=>{l+=o[a];const n=!e&&l+(a<s-1?this.moreTabMenuOffsetWidth:0)>r;t.push({isTabInViewportHidden:n,tabOffsetWidth:o[a]})})),this.tabsViewportDataList=t,this.tabsViewportDataList.forEach(((e,t)=>this.tabs[t].viewportHidden=e.isTabInViewportHidden)),this.isMoreTabMenuVisible=!!this.tabsViewportDataList.find((e=>e.isTabInViewportHidden)),this.tabsFilteredAsVisibleList=i.filter(((e,t)=>!this.tabsViewportDataList[t].isTabInViewportHidden)),this.tabsVisibleIdxHash=this.tabsFilteredAsVisibleList.reduce(((e,t,i)=>(e[t.id]=i,e)),{}),this.tabsFilteredAsHiddenList=i.filter(((e,t)=>this.tabsViewportDataList[t].isTabInViewportHidden)),this.tabsHiddenIdxHash=this.tabsFilteredAsHiddenList.reduce(((e,t,i)=>(e[t.id]=i,e)),{})}}this.updateIsMoreTabMenuSelected();const r=this.tabsFilteredAsHiddenList.find((e=>!e.disabled));this.updateHiddenIdPositiveTabIndex(r)}}))}updateIsMoreTabMenuSelected(){this.isMoreTabMenuSelected=!!this.tabsFilteredAsHiddenList.find((e=>e.selected))}updateHiddenIdPositiveTabIndex(e){this.tabHiddenIdPositiveTabIndex=e?e.id:void 0}sortTabsAndPanes(){if(!this.tabsOrderPrefsArray.length)return;const e=(e,t)=>{var i,s;const r=null!==(i=e.getAttribute("name"))&&void 0!==i?i:"",o=null!==(s=t.getAttribute("name"))&&void 0!==s?s:"";return this.tabsOrderPrefsArray.indexOf(r)-this.tabsOrderPrefsArray.indexOf(o)};this.tabs.sort(e),this.panels.sort(e)}linkPanelsAndTabs(){return g(this,void 0,void 0,(function*(){this.sortTabsAndPanes();const{tabs:e,panels:t}=this;if(0===e.length||0===t.length)return void console.warn("The tabs or panels count should't be equal zero.");e.length!==t.length&&console.warn(`The amount of tabs (${e.length}) doesn't match the amount of panels (${t.length}).`);const i="vertical"===this.direction;e.forEach(((e,s)=>{const r=(0,a.O)("tabs"),o="tab_"+r,l="tab_panel_"+r;e.setAttribute("id",o),e.setAttribute("aria-controls",l),e.selected=this.selected===s,e.newMomentum=this.newMomentum,e.type=this.type,e.variant=this.variant,this.scrollArrow&&(e.visibleTab=!0),e.vertical!==i&&(e.vertical=i),e.viewportHidden&&(i||this.scrollArrow)&&(e.viewportHidden=!1);const n=t[s];n?(n.setAttribute("id",l),n.setAttribute("aria-labelledby",o),n.selected=this.selected===s,e.disabled&&(n.hidden=!0,n.selected=!1)):e.disabled=!0}));let s=this.selected;for(;s<e.length&&e[s].disabled;)s++;s=s===e.length?0:s,e[s].selected=!0,t[s].selected=!0,this.tabsHash=this.tabs.reduce(((e,t)=>(e[t.id]=t,e)),{}),this.tabsIdxHash=this.tabs.reduce(((e,t,i)=>(e[t.id]=i,e)),{})}))}get slotItem(){return this.tabSlotElement}filterSlotted(){return this.tabSlotElement.assignedElements()}handleResize(e){var t;null===(t=super.handleResize)||void 0===t||t.call(this,e),this.manageOverflow(),this.updateIsMoreTabTruncated(),this.scrollArrow&&this.updateArrowsVisibility()}getDragDirection(e){return e.from===this.visibleTabsContainerElement&&e.to===this.hiddenTabsContainerElement?I:e.from===this.visibleTabsContainerElement&&e.to===this.visibleTabsContainerElement?w:e.from===this.hiddenTabsContainerElement&&e.to===this.visibleTabsContainerElement?C:e.from===this.hiddenTabsContainerElement&&e.to===this.hiddenTabsContainerElement?L:void 0}makeTabCopyFocus(e){e&&e.focus()}handleTabClick(e){const{id:t}=e.detail;this.handleNewSelectedTab(t)}handleNewSelectedTab(e){const t=this.tabsHash[this.getNormalizedTabId(e)];if(t&&!t.disabled){const e=this.tabsIdxHash[t.id];-1!==e&&this.updateSelectedTab(e);{const e=this.tabsCopyHash[this.getCopyTabId(t)];e&&this.makeTabCopyFocus(e),this.updateHiddenIdPositiveTabIndex(t)}}}handleTabCrossClick(e){const{id:t}=e.detail;this.handleTabCloseEvent(t)}handleTabCloseClick(e){const{id:t}=e.detail;this.handleTabCloseEvent(t)}handleTabCloseEvent(e){var t,i;const s=this.tabsHash[this.getNormalizedTabId(e)];if(s&&!s.disabled&&("auto"===s.closable||"custom"===s.closable)){const s=this.tabsFilteredAsVisibleList.findIndex((t=>this.getNormalizedTabId(t.id)===this.getNormalizedTabId(e)));this.tabsFilteredAsVisibleList=this.tabsFilteredAsVisibleList.filter((t=>this.getNormalizedTabId(t.id)!==this.getNormalizedTabId(e))),null===(i=null===(t=this.visibleTabsContainerElement)||void 0===t?void 0:t.querySelector("#"+e))||void 0===i||i.remove(),0!==this.tabsFilteredAsHiddenList.length&&(this.tabsFilteredAsVisibleList.push(this.tabsFilteredAsHiddenList[0]),this.tabsFilteredAsHiddenList.splice(0,1)),0===this.tabsFilteredAsHiddenList.length&&(this.isMoreTabMenuVisible=!1,this.isMoreTabMenuMeasured=!1),this.handleUpdatedSeletedTabAfterCross(s)}}handleUpdatedSeletedTabAfterCross(e){var t;let i=e;for(;i<this.tabsFilteredAsVisibleList.length&&(null===(t=this.tabsFilteredAsVisibleList[i])||void 0===t?void 0:t.disabled);)i++;if(void 0===this.tabsFilteredAsVisibleList[i]||e===this.tabsFilteredAsVisibleList.length)for(i=e-1;i>=0&&this.tabsFilteredAsVisibleList[i].disabled;)i--;if(-1!==i){const e=this.tabs.findIndex((e=>e.id===this.tabsFilteredAsVisibleList[i].id));this.updateSelectedTab(e)}else this.updateSelectedTab(i);this.noTabsVisible=0===this.tabsFilteredAsVisibleList.length&&0===this.tabsFilteredAsHiddenList.length,this.requestUpdate()}setSelectedAttribute(e,t,i=!1){t&&(t.selected=i),e&&(e.selected=i,i&&(this.isMoreTabMenuSelected=this.isTabInMoreMenu(e)),this.isTabInMoreMenu(e)&&(this.isMoreTabMenuSelected=!0))}isTabInMoreMenu(e){return void 0!==this.tabsFilteredAsHiddenList.find((t=>t.id===e.id))}updateSelectedTab(e){const{tabs:t,panels:i}=this,s=this.tabs.findIndex((e=>e.hasAttribute("selected")));if(t&&i&&(this.setSelectedAttribute((0,o.Qx)(t,s),(0,o.Qx)(i,s),!1),this.setSelectedAttribute((0,o.Qx)(t,e),(0,o.Qx)(i,e),!0)),e>=0){this.dispatchSelectedChangedEvent(e);const i=this.currentTabsLayout.findIndex((i=>i.id===t[e].id));this.changeSelectedTabIdx(i)}}dispatchSelectedChangedEvent(e){const t=this.currentTabsLayout,i=this.tabs[e].id,s=t.findIndex((e=>e.id===i)),r=[];t.forEach((e=>{r.push(e.name)})),this.dispatchEvent(new CustomEvent("selected-changed",{detail:{value:s,tabsOrder:r},composed:!0,bubbles:!0}))}changeSelectedTabIdx(e){this.requestUpdate(),this.selected=e,this.updateComplete.then((()=>{var t,i;if(e<this.tabsFilteredAsVisibleList.length){const e=null===(t=this.visibleTabsContainerElement)||void 0===t?void 0:t.children[this.selected];null==e||e.focus()}else{const e=this.selected-this.tabsFilteredAsVisibleList.length,t=null===(i=this.hiddenTabsContainerElement)||void 0===i?void 0:i.children[e];this.moveFocusToTab(t);const s=this.tabsFilteredAsHiddenList[e];(null==s?void 0:s.disabled)||this.updateHiddenIdPositiveTabIndex(s)}})),this.updateIsMoreTabMenuSelected(),this.storeSelectedTabIndex(e)}storeSelectedTabIndex(e){this.persistSelection&&this.tabsId&&e>-1&&""!==this.tabsId.trim()&&sessionStorage.setItem(this.tabsId,`${e}`)}getCurrentIndex(e){var t,i,s;if(this.scrollArrow){const t=this.tabs.length;for(let i=0;i<t;i++)if(this.tabs[i].id===e)return i}const r=null!==(i=null===(t=this.visibleTabsContainerElement)||void 0===t?void 0:t.children.length)&&void 0!==i?i:0;for(let t=0;t<r;t++)if((null===(s=this.visibleTabsContainerElement)||void 0===s?void 0:s.children[t].id)===e)return t;return this.tabsVisibleIdxHash[e]}moveFocusToAdjacentTab(e,t){var i,s,r;const o=this.getCurrentIndex(e),a=this.slotItem.assignedElements();let l=0;if(this.scrollArrow){t===E?l=0===o?a.length-1:o-1:t===S&&(l=o===a.length-1?0:o+1),this.moveFocusToTab(a[l]);const e=a[l],s=e.getBoundingClientRect(),r=null===(i=this.tabsListElement)||void 0===i?void 0:i.getBoundingClientRect();return r&&(s.left>=r.left&&s.right<=r.right&&s.top>=r.top&&s.bottom<=r.bottom||e.scrollIntoView({behavior:"smooth",block:"nearest",inline:"nearest"})),this.updateArrowsVisibility(),void(0,v.setTimeout)((()=>this.moveFocusToTab(a[l])),0)}const n=null===(s=this.visibleTabsContainerElement)||void 0===s?void 0:s.children,d=null!==(r=null==n?void 0:n.length)&&void 0!==r?r:0;n&&0!==d&&(t===E?l=0===o?d-1:o-1:t===S?l=o===d-1?0:o+1:t===x&&(l=this.selected>=d?0:this.selected),this.moveFocusToTab(n[l]))}moveFocusToTab(e){(0,v.setTimeout)((()=>null==e?void 0:e.focus()),0)}handleOverlayClose(){(0,v.setTimeout)((()=>{this.menuOverlayElement&&(this.menuOverlayElement.isOpen=!1)}),0)}dispatchKeydownEvent(e,t){t&&this.dispatchEvent(new CustomEvent("tab-keydown",{detail:{id:t,key:e.code,ctrlKey:e.ctrlKey,shiftKey:e.shiftKey,altKey:e.altKey,srcEvent:e},bubbles:!0,composed:!0}))}handleTabKeydown(e){var t,i,r,o,a,l,n;const d=e.target;if(e.target!=this&&!this.tabs.find((e=>e.id===(null==d?void 0:d.id))))return!1;let h;if((null===(t=e.composedPath())||void 0===t?void 0:t.length)>0?h=e.composedPath()[0].id:e.originalTarget&&(h=e.originalTarget.id),!h)return;const b=this.getNormalizedTabId(h);this.dispatchKeydownEvent(e,b);const c=e.code,{shiftKey:p}=e,u=!!this.isMoreTabMenuVisible&&b===M,m=u&&this.isMoreTabMenuVisible?this.moreTabMenuElement:this.tabsHash[this.getNormalizedTabId(b)],v=!this.isMoreTabMenuVisible||m&&this.tabsVisibleIdxHash[m.id]>-1,f=!!this.isMoreTabMenuVisible&&m&&this.tabsHiddenIdxHash[m.id]>-1,y=this.isMoreTabMenuVisible?this.tabsFilteredAsVisibleList.length-1:this.tabs.length-1,T=this.isMoreTabMenuVisible?this.tabsFilteredAsVisibleList.length:-1,g=this.isMoreTabMenuVisible?this.tabsFilteredAsVisibleList.length+this.tabsFilteredAsHiddenList.length-1:-1;switch(c){case s.Uz.Tab:u&&!this.isMoreTabMenuOpen&&p&&(e.preventDefault(),this.moveFocusToAdjacentTab(h,x));break;case s.Uz.End:u||(v?(e.preventDefault(),this.moveFocusToTab(null===(i=this.visibleTabsContainerElement)||void 0===i?void 0:i.children[(null===(r=this.tabsFilteredAsVisibleList)||void 0===r?void 0:r.length)-1])):this.isMoreTabMenuOpen&&(e.preventDefault(),this.moveFocusToTab(null===(o=this.hiddenTabsContainerElement)||void 0===o?void 0:o.children[(null===(a=this.tabsFilteredAsHiddenList)||void 0===a?void 0:a.length)-1])));break;case s.Uz.Home:v?(e.preventDefault(),this.moveFocusToTab(null===(l=this.visibleTabsContainerElement)||void 0===l?void 0:l.children[0])):this.isMoreTabMenuOpen&&(e.preventDefault(),this.moveFocusToTab(null===(n=this.hiddenTabsContainerElement)||void 0===n?void 0:n.children[0]));break;case s.Uz.ArrowLeft:u||(v||this.scrollArrow)&&(e.stopPropagation(),this.moveFocusToAdjacentTab(h,E));break;case s.Uz.ArrowRight:u||(v||this.scrollArrow)&&(e.stopPropagation(),this.moveFocusToAdjacentTab(h,S));break;case s.Uz.ArrowUp:if(u);else if(v&&"vertical"===this.direction)e.preventDefault(),this.changeSelectedTabIdx(0===this.selected?y:this.selected-1);else if(f){e.preventDefault();const t=this.selected===T?g:this.selected-1;this.changeSelectedTabIdx(t)}break;case s.Uz.ArrowDown:if(u);else if(v&&"vertical"===this.direction)e.preventDefault(),this.changeSelectedTabIdx(this.selected===y?0:this.selected+1);else if(f){e.preventDefault();const t=this.selected===g?T:this.selected+1;this.changeSelectedTabIdx(t)}break;case s.Uz.Enter:case s.Uz.NumpadEnter:case s.Uz.Space:if(u){const e=this.tabsFilteredAsHiddenList.filter((e=>!e.disabled)),t=e.length?e.find((e=>e.selected))||e[0]:void 0;if(this.updateHiddenIdPositiveTabIndex(t),t){const e=this.tabsIdxHash[this.getNormalizedTabId(t.id)];-1!==e&&this.updateSelectedTab(e)}}else if(m&&!m.disabled){const t=this.tabsIdxHash[this.getNormalizedTabId(m.id)];-1!==t&&(e.preventDefault(),this.updateSelectedTab(t))}}}setupTabsEvents(){this.addEventListener("tab-click",this.handleTabClick),this.addEventListener("tab-cross-click",this.handleTabCrossClick),this.addEventListener("tab-close-click",this.handleTabCloseClick),this.addEventListener("keydown",this.handleTabKeydown),this.addEventListener("clear-tab-order-prefs",this.clearTabOrderPrefs)}teardownTabsEvents(){this.removeEventListener("tab-click",this.handleTabClick),this.removeEventListener("tab-cross-click",this.handleTabCrossClick),this.removeEventListener("tab-close-click",this.handleTabCloseClick),this.removeEventListener("keydown",this.handleTabKeydown),this.removeEventListener("clear-tab-order-prefs",this.clearTabOrderPrefs)}clearTabOrderPrefs(e){const{compUniqueId:t}=e.detail;t===this.compUniqueId&&(localStorage.removeItem(this.tabsId),sessionStorage.removeItem(this.tabsId),localStorage.removeItem(this.compUniqueId),this.tabsOrderPrefsArray=this.defaultTabsOrderArray,this.selected=0,this.initializeTabs(),this.dispatchSelectedChangedEvent(0))}setupPanelsAndTabs(){this.tabSlotElement&&(this.tabs=this.tabSlotElement.assignedElements()),this.panelSlotElement&&(this.panels=this.panelSlotElement.assignedElements()),this.defaultTabsOrderArray=this.tabs.map((e=>e.name))}setupMoreTab(){return g(this,void 0,void 0,(function*(){"vertical"!==this.direction&&this.moreTabMenuElement&&!this.isMoreTabMenuMeasured&&(this.moreTabMenuElement.classList.add("md-menu-overlay__more_tab--measuring"),yield this.moreTabMenuElement.updateComplete,this.moreTabMenuElement.offsetWidth&&(this.moreTabMenuOffsetWidth=this.moreTabMenuElement.offsetWidth,this.isMoreTabMenuMeasured=!0),this.moreTabMenuElement.classList.remove("md-menu-overlay__more_tab--measuring"))}))}initializeSortable(){this.visibleTabsContainerElement&&this.hiddenTabsContainerElement&&(this.visibleTabsSortableInstance=m().create(this.visibleTabsContainerElement,this.generateOptions()),this.hiddenTabsSortableInstance=m().create(this.hiddenTabsContainerElement,this.generateOptions()))}initializeTabs(){this.tabs=[],this.panels=[],this.tabsFilteredAsVisibleList=[],this.tabsFilteredAsHiddenList=[],this.isMoreTabMenuVisible=!1,this.setupPanelsAndTabs(),this.linkPanelsAndTabs(),this.draggable&&this.initializeSortable(),this.manageOverflow(),this.requestUpdate()}connectedCallback(){var e;if(super.connectedCallback(),this.setupTabsEvents(),this.persistSelection){if(!this.tabsId||""===this.tabsId.trim())return void console.error("Unique tabs-id attribute is mandatory for persist the selection of tab");const e=localStorage.getItem(this.tabsId);this.selected=e&&parseInt(e)>-1?parseInt(e):this.selected}this.compUniqueId&&(this.tabsOrderPrefsArray=(null===(e=localStorage.getItem(this.compUniqueId))||void 0===e?void 0:e.split(","))||[])}selectTabFromStorage(){if(this.persistSelection){if(!this.tabsId||""===this.tabsId.trim())return void console.error("Unique tabs-id attribute is mandatory for persist the selection of tab");const e=sessionStorage.getItem(this.tabsId);let t=0;if(e){const i=parseInt(e);t=i>-1?i:this.selected}const i=this.currentTabsLayout;i.length&&i[t].id?(this._selectedIndex=t,this.handleNewSelectedTab(i[t].id)):this.selected=t}}disconnectedCallback(){super.disconnectedCallback(),this.teardownTabsEvents()}firstUpdated(e){var t;super.firstUpdated(e),this.setupPanelsAndTabs(),this.linkPanelsAndTabs(),this.selectTabFromStorage(),this.scrollArrow&&(this.updateArrowsVisibility(),null===(t=this.tabsListElement)||void 0===t||t.addEventListener("scroll",this.updateArrowsVisibility))}onDirectionChanged(){return g(this,void 0,void 0,(function*(){this.tabs=[],this.panels=[],this.tabsFilteredAsVisibleList=[],this.tabsFilteredAsHiddenList=[],this.isMoreTabMenuVisible=!1,this.setupPanelsAndTabs(),yield this.linkPanelsAndTabs(),this.draggable&&this.initializeSortable(),"horizontal"===this.direction&&(yield this.manageOverflow()),this.selectTabFromStorage(),this.scrollArrow&&this.updateArrowsVisibility()}))}updated(e){var t;if(super.updated(e),e.has("direction")&&e.get("direction")!==this.direction&&this.onDirectionChanged(),e.has("slotted")&&this.initializeTabs(),!this.draggable||this.visibleTabsSortableInstance||this.hiddenTabsSortableInstance||this.initializeSortable(),e.has("tabsFilteredAsHiddenList")&&(this.tabsCopy=Array.from((null===(t=this.tabsCopyHiddenListElements)||void 0===t?void 0:t.values())||[]),this.tabsCopyHash=this.tabsCopy.reduce(((e,t)=>(e[t.id]=t,e)),{})),(e.has("tabsFilteredAsVisibleList")||e.has("tabsFilteredAsHiddenList"))&&(this.tabsVisibleIdxHash=this.tabsFilteredAsVisibleList.reduce(((e,t,i)=>(e[t.id]=i,e)),{}),this.tabsHiddenIdxHash=this.tabsFilteredAsHiddenList.reduce(((e,t,i)=>(e[t.id]=i,e)),{})),e.has("isMoreTabMenuOpen")&&this.isMoreTabMenuVisible){const t=e.get("isMoreTabMenuOpen");this.isMoreTabMenuOpen&&!t&&(this.moreItemsScrollLimit<this.tabsCopy.length?(this.isMoreTabMenuScrollable=!0,this.moreTabMenuMaxHeight=`${this.measureHiddenTabsCopiesOffsetHeight().slice(0,this.moreItemsScrollLimit).reduce(((e,t)=>e+t),0)}px`):(this.isMoreTabMenuScrollable=!1,this.moreTabMenuMaxHeight=null))}e.has("tabsId")&&this.selectTabFromStorage(),e.has("selectedIndex")&&this.updateSelectedTab(this.selectedIndex),e.has("overflowLabel")&&this.updateIsMoreTabTruncated(),e.has("scrollArrow")&&this.onDirectionChanged()}scrollTabs(e){if(!this.tabsListElement||"vertical"===this.direction)return;const t="left"===e?-100:100;this.tabsListElement.scrollBy({left:t,behavior:"smooth"}),(0,v.setTimeout)((()=>this.updateArrowsVisibility()),300)}get moreMenuButtonTemplate(){return n.html`
31
31
  <md-tab
32
32
  slot="menu-trigger"
33
33
  id="${M}"
@@ -92,12 +92,13 @@
92
92
  ${this.moreMenuListTemplate}
93
93
  </div>
94
94
  </md-menu-overlay>
95
- `}tabsButtonArrow(e){return n.html`<md-button
95
+ `}tabsButtonArrow(e){const t="left"===e?this.leftArrowAriaLabel:this.rightArrowAriaLabel;return n.html`<md-button
96
96
  class="tabs-${e}-arrow"
97
97
  @click=${()=>this.scrollTabs(e)}
98
98
  size="28"
99
99
  variant="ghost"
100
100
  circle
101
+ ariaLabel="${t}"
101
102
  >
102
103
  <md-icon slot="icon" name="arrow-${e}-regular" iconSet="momentumDesign"></md-icon>
103
104
  </md-button>`}get renderTabSlot(){return n.html`
@@ -154,4 +155,4 @@
154
155
  >
155
156
  <slot name="panel"></slot>
156
157
  </div>
157
- `}};T([(0,n.property)({type:Boolean})],t.prototype,"justified",void 0),T([(0,n.property)({type:Boolean,attribute:"hug-tabs"})],t.prototype,"hugTabs",void 0),T([(0,n.property)({type:String})],t.prototype,"overflowLabel",void 0),T([(0,n.property)({type:Boolean,attribute:"draggable"})],t.prototype,"draggable",void 0),T([(0,n.property)({type:String,reflect:!0})],t.prototype,"direction",void 0),T([(0,n.property)({type:Number,attribute:"more-items-scroll-limit"})],t.prototype,"moreItemsScrollLimit",void 0),T([(0,n.property)({type:Number,reflect:!0,attribute:"selected-index"})],t.prototype,"selectedIndex",null),T([(0,n.property)({type:Number})],t.prototype,"animation",void 0),T([(0,n.property)({type:String,attribute:"ghost-class"})],t.prototype,"ghostClass",void 0),T([(0,n.property)({type:String,attribute:"chosen-class"})],t.prototype,"chosenClass",void 0),T([(0,n.property)({type:Boolean,attribute:"force-fallback"})],t.prototype,"forceFallback",void 0),T([(0,n.property)({type:String,attribute:"fallback-class"})],t.prototype,"fallbackClass",void 0),T([(0,n.property)({type:String,attribute:"tabs-id"})],t.prototype,"tabsId",void 0),T([(0,n.property)({type:Boolean,attribute:"persist-selection"})],t.prototype,"persistSelection",void 0),T([(0,n.property)({type:String,attribute:"comp-unique-id"})],t.prototype,"compUniqueId",void 0),T([(0,n.property)({type:String})],t.prototype,"type",void 0),T([(0,n.property)({type:Boolean})],t.prototype,"newMomentum",void 0),T([(0,n.property)({type:String})],t.prototype,"variant",void 0),T([(0,n.property)({type:Boolean,attribute:"scroll-arrow"})],t.prototype,"scrollArrow",void 0),T([(0,n.internalProperty)()],t.prototype,"isMoreTabMenuVisible",void 0),T([(0,n.internalProperty)()],t.prototype,"isMoreTabMenuMeasured",void 0),T([(0,n.internalProperty)()],t.prototype,"isMoreTabMenuOpen",void 0),T([(0,n.internalProperty)()],t.prototype,"isMoreTabMenuSelected",void 0),T([(0,n.internalProperty)()],t.prototype,"isMoreTabMenuScrollable",void 0),T([(0,n.internalProperty)()],t.prototype,"moreTabMenuOffsetWidth",void 0),T([(0,n.internalProperty)()],t.prototype,"moreTabMenuMaxHeight",void 0),T([(0,n.internalProperty)()],t.prototype,"tabsViewportDataList",void 0),T([(0,n.internalProperty)()],t.prototype,"tabsFilteredAsVisibleList",void 0),T([(0,n.internalProperty)()],t.prototype,"tabsFilteredAsHiddenList",void 0),T([(0,n.internalProperty)()],t.prototype,"noTabsVisible",void 0),T([(0,n.internalProperty)()],t.prototype,"defaultTabsOrderArray",void 0),T([(0,n.internalProperty)()],t.prototype,"tabsOrderPrefsArray",void 0),T([(0,n.internalProperty)()],t.prototype,"isMoreTabTruncated",void 0),T([(0,n.internalProperty)()],t.prototype,"showLeftArrow",void 0),T([(0,n.internalProperty)()],t.prototype,"showRightArrow",void 0),T([(0,n.query)("slot[name='tab']")],t.prototype,"tabSlotElement",void 0),T([(0,n.query)("slot[name='panel']")],t.prototype,"panelSlotElement",void 0),T([(0,n.query)(".md-tab__list[part='tabs-list']")],t.prototype,"tabsListElement",void 0),T([(0,n.query)(".md-tabs__settings[part='md-tabs__settings']")],t.prototype,"tabsSettingsElement",void 0),T([(0,n.query)(".md-menu-overlay__more_tab")],t.prototype,"moreTabMenuElement",void 0),T([(0,n.query)("md-menu-overlay")],t.prototype,"menuOverlayElement",void 0),T([(0,n.query)(".md-tab__list[part='tabs-more-list']")],t.prototype,"tabsMoreListElement",void 0),T([(0,n.queryAll)(".md-menu-overlay__more_list md-tab")],t.prototype,"tabsCopyHiddenListElements",void 0),T([(0,n.query)("#visible-tabs-list")],t.prototype,"visibleTabsContainerElement",void 0),T([(0,n.query)("#tabs-more-list")],t.prototype,"hiddenTabsContainerElement",void 0),t=T([(0,r.wW)("md-tabs")],t),e.ELEMENT=t}(H||(H={}))},60554:e=>{e.exports=a},66677:(e,t,i)=>{function s(e,t,i){let s;return function(...r){const o=this,a=i&&!s;clearTimeout(s),s=setTimeout((function(){s=null,i||e.apply(o,r)}),t),a&&e.apply(o,r)}}function r(e,t){return t>=0&&t<e.length?e[t]:void 0}i.d(t,{Qx:()=>r,sg:()=>s})},68250:e=>{e.exports=h},69371:e=>{e.exports=b},84157:e=>{e.exports=d},85314:e=>{e.exports=l},97822:e=>{e.exports=r}},y={};function T(e){var t=y[e];if(void 0!==t)return t.exports;var i=y[e]={exports:{}};return f[e].call(i.exports,i,i.exports,T),i.exports}T.m=f,v=[],T.O=(e,t,i,s)=>{if(!t){var r=1/0;for(n=0;n<v.length;n++){for(var[t,i,s]=v[n],o=!0,a=0;a<t.length;a++)(!1&s||r>=s)&&Object.keys(T.O).every((e=>T.O[e](t[a])))?t.splice(a--,1):(o=!1,s<r&&(r=s));if(o){v.splice(n--,1);var l=i();void 0!==l&&(e=l)}}return e}s=s||0;for(var n=v.length;n>0&&v[n-1][2]>s;n--)v[n]=v[n-1];v[n]=[t,i,s]},T.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return T.d(t,{a:t}),t},T.d=(e,t)=>{for(var i in t)T.o(t,i)&&!T.o(e,i)&&Object.defineProperty(e,i,{enumerable:!0,get:t[i]})},T.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),T.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),T.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},(()=>{var e={144:0,1439:0,1528:0,2139:0,3001:0,5382:0,6677:0,7763:0,9058:0};T.O.j=t=>0===e[t];var t=(t,i)=>{var s,r,[o,a,l]=i,n=0;if(o.some((t=>0!==e[t]))){for(s in a)T.o(a,s)&&(T.m[s]=a[s]);if(l)var d=l(T)}for(t&&t(i);n<o.length;n++)r=o[n],T.o(e,r)&&e[r]&&e[r][0](),e[r]=0;return T.O(d)},i=self["momentum-web-components-[id]"]=self["momentum-web-components-[id]"]||[];i.forEach(t.bind(null,0)),i.push=t.bind(null,i.push.bind(i))})();var g=T.O(void 0,[4367,7103,1890,6272,6325,6283,9217,2176,6798,5830,1200,8889,591,195,6366,7251,2243,1323,3192,76,9164,3625,754,7919],(()=>T(50226)));return T.O(g)})()));
158
+ `}};T([(0,n.property)({type:Boolean})],t.prototype,"justified",void 0),T([(0,n.property)({type:Boolean,attribute:"hug-tabs"})],t.prototype,"hugTabs",void 0),T([(0,n.property)({type:String})],t.prototype,"overflowLabel",void 0),T([(0,n.property)({type:Boolean,attribute:"draggable"})],t.prototype,"draggable",void 0),T([(0,n.property)({type:String,reflect:!0})],t.prototype,"direction",void 0),T([(0,n.property)({type:Number,attribute:"more-items-scroll-limit"})],t.prototype,"moreItemsScrollLimit",void 0),T([(0,n.property)({type:Number,reflect:!0,attribute:"selected-index"})],t.prototype,"selectedIndex",null),T([(0,n.property)({type:Number})],t.prototype,"animation",void 0),T([(0,n.property)({type:String,attribute:"ghost-class"})],t.prototype,"ghostClass",void 0),T([(0,n.property)({type:String,attribute:"chosen-class"})],t.prototype,"chosenClass",void 0),T([(0,n.property)({type:Boolean,attribute:"force-fallback"})],t.prototype,"forceFallback",void 0),T([(0,n.property)({type:String,attribute:"fallback-class"})],t.prototype,"fallbackClass",void 0),T([(0,n.property)({type:String,attribute:"tabs-id"})],t.prototype,"tabsId",void 0),T([(0,n.property)({type:Boolean,attribute:"persist-selection"})],t.prototype,"persistSelection",void 0),T([(0,n.property)({type:String,attribute:"comp-unique-id"})],t.prototype,"compUniqueId",void 0),T([(0,n.property)({type:String})],t.prototype,"type",void 0),T([(0,n.property)({type:Boolean})],t.prototype,"newMomentum",void 0),T([(0,n.property)({type:String})],t.prototype,"variant",void 0),T([(0,n.property)({type:Boolean,attribute:"scroll-arrow"})],t.prototype,"scrollArrow",void 0),T([(0,n.property)({type:String,attribute:"left-arrow-aria-label"})],t.prototype,"leftArrowAriaLabel",void 0),T([(0,n.property)({type:String,attribute:"right-arrow-aria-label"})],t.prototype,"rightArrowAriaLabel",void 0),T([(0,n.internalProperty)()],t.prototype,"isMoreTabMenuVisible",void 0),T([(0,n.internalProperty)()],t.prototype,"isMoreTabMenuMeasured",void 0),T([(0,n.internalProperty)()],t.prototype,"isMoreTabMenuOpen",void 0),T([(0,n.internalProperty)()],t.prototype,"isMoreTabMenuSelected",void 0),T([(0,n.internalProperty)()],t.prototype,"isMoreTabMenuScrollable",void 0),T([(0,n.internalProperty)()],t.prototype,"moreTabMenuOffsetWidth",void 0),T([(0,n.internalProperty)()],t.prototype,"moreTabMenuMaxHeight",void 0),T([(0,n.internalProperty)()],t.prototype,"tabsViewportDataList",void 0),T([(0,n.internalProperty)()],t.prototype,"tabsFilteredAsVisibleList",void 0),T([(0,n.internalProperty)()],t.prototype,"tabsFilteredAsHiddenList",void 0),T([(0,n.internalProperty)()],t.prototype,"noTabsVisible",void 0),T([(0,n.internalProperty)()],t.prototype,"defaultTabsOrderArray",void 0),T([(0,n.internalProperty)()],t.prototype,"tabsOrderPrefsArray",void 0),T([(0,n.internalProperty)()],t.prototype,"isMoreTabTruncated",void 0),T([(0,n.internalProperty)()],t.prototype,"showLeftArrow",void 0),T([(0,n.internalProperty)()],t.prototype,"showRightArrow",void 0),T([(0,n.query)("slot[name='tab']")],t.prototype,"tabSlotElement",void 0),T([(0,n.query)("slot[name='panel']")],t.prototype,"panelSlotElement",void 0),T([(0,n.query)(".md-tab__list[part='tabs-list']")],t.prototype,"tabsListElement",void 0),T([(0,n.query)(".md-tabs__settings[part='md-tabs__settings']")],t.prototype,"tabsSettingsElement",void 0),T([(0,n.query)(".md-menu-overlay__more_tab")],t.prototype,"moreTabMenuElement",void 0),T([(0,n.query)("md-menu-overlay")],t.prototype,"menuOverlayElement",void 0),T([(0,n.query)(".md-tab__list[part='tabs-more-list']")],t.prototype,"tabsMoreListElement",void 0),T([(0,n.queryAll)(".md-menu-overlay__more_list md-tab")],t.prototype,"tabsCopyHiddenListElements",void 0),T([(0,n.query)("#visible-tabs-list")],t.prototype,"visibleTabsContainerElement",void 0),T([(0,n.query)("#tabs-more-list")],t.prototype,"hiddenTabsContainerElement",void 0),t=T([(0,r.wW)("md-tabs")],t),e.ELEMENT=t}(H||(H={}))},60554:e=>{e.exports=a},66677:(e,t,i)=>{function s(e,t,i){let s;return function(...r){const o=this,a=i&&!s;clearTimeout(s),s=setTimeout((function(){s=null,i||e.apply(o,r)}),t),a&&e.apply(o,r)}}function r(e,t){return t>=0&&t<e.length?e[t]:void 0}i.d(t,{Qx:()=>r,sg:()=>s})},68250:e=>{e.exports=h},69371:e=>{e.exports=b},84157:e=>{e.exports=d},85314:e=>{e.exports=l},97822:e=>{e.exports=r}},y={};function T(e){var t=y[e];if(void 0!==t)return t.exports;var i=y[e]={exports:{}};return f[e].call(i.exports,i,i.exports,T),i.exports}T.m=f,v=[],T.O=(e,t,i,s)=>{if(!t){var r=1/0;for(n=0;n<v.length;n++){for(var[t,i,s]=v[n],o=!0,a=0;a<t.length;a++)(!1&s||r>=s)&&Object.keys(T.O).every((e=>T.O[e](t[a])))?t.splice(a--,1):(o=!1,s<r&&(r=s));if(o){v.splice(n--,1);var l=i();void 0!==l&&(e=l)}}return e}s=s||0;for(var n=v.length;n>0&&v[n-1][2]>s;n--)v[n]=v[n-1];v[n]=[t,i,s]},T.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return T.d(t,{a:t}),t},T.d=(e,t)=>{for(var i in t)T.o(t,i)&&!T.o(e,i)&&Object.defineProperty(e,i,{enumerable:!0,get:t[i]})},T.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),T.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),T.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},(()=>{var e={144:0,1439:0,1528:0,2139:0,3001:0,5382:0,6677:0,7763:0,9058:0};T.O.j=t=>0===e[t];var t=(t,i)=>{var s,r,[o,a,l]=i,n=0;if(o.some((t=>0!==e[t]))){for(s in a)T.o(a,s)&&(T.m[s]=a[s]);if(l)var d=l(T)}for(t&&t(i);n<o.length;n++)r=o[n],T.o(e,r)&&e[r]&&e[r][0](),e[r]=0;return T.O(d)},i=self["momentum-web-components-[id]"]=self["momentum-web-components-[id]"]||[];i.forEach(t.bind(null,0)),i.push=t.bind(null,i.push.bind(i))})();var g=T.O(void 0,[4367,7103,1890,6272,6325,6283,9217,2176,6798,5830,1200,8889,591,195,6366,7251,2243,1323,3192,76,9164,3625,754,7919],(()=>T(50226)));return T.O(g)})()));