@momentum-ui/web-components 2.22.7 → 2.22.9
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.
- package/dist/1323.js +3 -3
- package/dist/1598.js +1 -1
- package/dist/4663.js +1 -1
- package/dist/6067.js +1 -1
- package/dist/8841.js +1 -1
- package/dist/9130.js +1 -1
- package/dist/comp/md-card-v2-entry.js +7 -7
- package/dist/comp/md-coachmark-popover-entry.js +26 -25
- package/dist/comp/md-floating-minimize-entry.js +12 -2
- package/dist/comp/md-floating-modal-entry.js +17 -5
- package/dist/comp/md-menu-overlay-entry.js +3 -3
- package/dist/comp/md-popover-entry.js +24 -24
- package/dist/index-entry.js +47 -34
- package/dist/types/components/combobox/ComboBox.d.ts +1 -1
- package/dist/types/components/floating-modal/FloatingMinimizedModal.d.ts +1 -0
- package/dist/types/components/floating-modal/FloatingModal.d.ts +2 -0
- package/dist/types/components/grabber/Grabber.d.ts +1 -1
- package/dist/types/components/menu-overlay/MenuOverlay.d.ts +2 -0
- package/dist/types/components/popover/Popover.d.ts +24 -1
- package/package.json +1 -1
|
@@ -1,27 +1,27 @@
|
|
|
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("@momentum-ui/icons/data/momentumUiIconsNames.json"),require("@momentum-ui/utils/lib/getColorValue"),require("mobx"));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"],t);else{var i="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("@momentum-ui/icons/data/momentumUiIconsNames.json"),require("@momentum-ui/utils/lib/getColorValue"),require("mobx")):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["@momentum-ui/icons/data/momentumUiIconsNames.json"],e["@momentum-ui/utils/lib/getColorValue"],e.mobx);for(var r in i)("object"==typeof exports?exports:e)[r]=i[r]}}(self,((e,t,i,r,o,s,n,
|
|
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("@momentum-ui/icons/data/momentumUiIconsNames.json"),require("@momentum-ui/utils/lib/getColorValue"),require("mobx"));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"],t);else{var i="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("@momentum-ui/icons/data/momentumUiIconsNames.json"),require("@momentum-ui/utils/lib/getColorValue"),require("mobx")):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["@momentum-ui/icons/data/momentumUiIconsNames.json"],e["@momentum-ui/utils/lib/getColorValue"],e.mobx);for(var r in i)("object"==typeof exports?exports:e)[r]=i[r]}}(self,((e,t,i,r,o,s,n,l)=>(()=>{"use strict";var a,d={8229:e=>{e.exports=t},23968:e=>{e.exports=r},32022:e=>{e.exports=s},40333:e=>{e.exports=i},41488:t=>{t.exports=e},60554:e=>{e.exports=n},85314:e=>{e.exports=l},90827:(e,t,i)=>{i.r(t),i.d(t,{CardState:()=>r,CardV2:()=>o}),i(96798),i(61200),i(83192);var r,o,s=i(31890),n=i(26272),l=i(41488),a=i(40333),d=i(23968),m=i(52759),c=function(e,t,i,r){var o,s=arguments.length,n=s<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,r);else for(var l=e.length-1;l>=0;l--)(o=e[l])&&(n=(s<3?o(n):s>3?o(t,i,n):o(t,i))||n);return s>3&&n&&Object.defineProperty(t,i,n),n};!function(e){e.DEFAULT="default",e.ACTIVE="active",e.INACTIVE="inactive"}(r||(r={})),function(e){let t=class extends l.LitElement{constructor(){super(...arguments),this.state=r.DEFAULT,this.identifier=void 0,this.header=void 0,this.info=void 0,this.data=void 0,this.expandable=!1}connectedCallback(){super.connectedCallback()}static get styles(){return[n.A,m.A]}get isActive(){return this.state===r.ACTIVE}expandCardToggled(){var e;this.state=this.isActive?r.DEFAULT:r.ACTIVE,this.dispatchEvent(new CustomEvent("expand-card-toggled",{detail:{identifier:null!==(e=this.identifier)&&void 0!==e?e:"",active:this.isActive},bubbles:!0,composed:!0}))}get cardClassMap(){return{"md-card-v2":!0,[`md-card--${this.state}`]:!0}}get contentClassMap(){return{"md-card-v2-content":!0,inactive:this.state===r.INACTIVE}}get footerClassMap(){return{"md-card-v2-footer":!0,hidden:!this.expandable}}renderHeader(){return l.html`
|
|
2
2
|
<div class="md-card-v2-header-title">
|
|
3
3
|
<h3>${this.header}</h3>
|
|
4
|
-
${this.info?
|
|
4
|
+
${this.info?l.html`
|
|
5
5
|
<md-tooltip message="${this.info}" placement="top">
|
|
6
6
|
<md-button ariaLabel="${this.info}" size="20" variant="ghost" circle>
|
|
7
7
|
<md-icon slot="icon" name="info-badge-filled" iconSet="momentumDesign"></md-icon>
|
|
8
8
|
</md-button>
|
|
9
9
|
</md-tooltip>
|
|
10
|
-
`:
|
|
10
|
+
`:a.nothing}
|
|
11
11
|
</div>
|
|
12
|
-
`}renderFooter(){return
|
|
12
|
+
`}renderFooter(){return l.html`
|
|
13
13
|
<div class="${(0,d.classMap)(this.footerClassMap)}">
|
|
14
14
|
<md-button ariaLabel="" circle size="28" @click=${this.expandCardToggled}>
|
|
15
15
|
<md-icon
|
|
16
16
|
slot="icon"
|
|
17
17
|
iconSet="momentumDesign"
|
|
18
|
-
name=${this.isActive?"arrow-circle-
|
|
18
|
+
name=${this.isActive?"arrow-circle-up-bold":"arrow-circle-down-bold"}
|
|
19
19
|
size="18"
|
|
20
20
|
>
|
|
21
21
|
</md-icon>
|
|
22
22
|
</md-button>
|
|
23
23
|
</div>
|
|
24
|
-
`}render(){return
|
|
24
|
+
`}render(){return l.html`
|
|
25
25
|
<div class="${(0,d.classMap)(this.cardClassMap)}">
|
|
26
26
|
<div class="md-card-v2-header">${this.renderHeader()}</div>
|
|
27
27
|
<div class="${(0,d.classMap)(this.contentClassMap)}">
|
|
@@ -29,4 +29,4 @@
|
|
|
29
29
|
</div>
|
|
30
30
|
${this.renderFooter()}
|
|
31
31
|
</div>
|
|
32
|
-
`}};c([(0,
|
|
32
|
+
`}};c([(0,l.property)({type:String})],t.prototype,"state",void 0),c([(0,l.property)({type:String})],t.prototype,"identifier",void 0),c([(0,l.property)({type:String})],t.prototype,"header",void 0),c([(0,l.property)({type:String})],t.prototype,"info",void 0),c([(0,l.property)({type:String})],t.prototype,"data",void 0),c([(0,l.property)({type:Boolean,reflect:!0})],t.prototype,"expandable",void 0),t=c([(0,s.w)("md-card-v2")],t),e.ELEMENT=t}(o||(o={}))},97822:e=>{e.exports=o}},m={};function c(e){var t=m[e];if(void 0!==t)return t.exports;var i=m[e]={exports:{}};return d[e](i,i.exports,c),i.exports}c.m=d,a=[],c.O=(e,t,i,r)=>{if(!t){var o=1/0;for(d=0;d<a.length;d++){for(var[t,i,r]=a[d],s=!0,n=0;n<t.length;n++)(!1&r||o>=r)&&Object.keys(c.O).every((e=>c.O[e](t[n])))?t.splice(n--,1):(s=!1,r<o&&(o=r));if(s){a.splice(d--,1);var l=i();void 0!==l&&(e=l)}}return e}r=r||0;for(var d=a.length;d>0&&a[d-1][2]>r;d--)a[d]=a[d-1];a[d]=[t,i,r]},c.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return c.d(t,{a:t}),t},c.d=(e,t)=>{for(var i in t)c.o(t,i)&&!c.o(e,i)&&Object.defineProperty(e,i,{enumerable:!0,get:t[i]})},c.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),c.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},(()=>{var e={1521:0};c.O.j=t=>0===e[t];var t=(t,i)=>{var r,o,[s,n,l]=i,a=0;if(s.some((t=>0!==e[t]))){for(r in n)c.o(n,r)&&(c.m[r]=n[r]);if(l)var d=l(c)}for(t&&t(i);a<s.length;a++)o=s[a],c.o(e,o)&&e[o]&&e[o][0](),e[o]=0;return c.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 p=c.O(void 0,[4367,1890,6272,6325,6283,9217,2176,6798,5830,1200,8889,300,8373,4624,591,768,195,3001,7251,3192,7997],(()=>c(90827)));return c.O(p)})()));
|
|
@@ -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("@momentum-ui/icons/data/momentumUiIconsNames.json"),require("@momentum-ui/utils/lib/getColorValue"),require("mobx"),require("@popperjs/core/lib/modifiers/arrow"),require("@popperjs/core/lib/modifiers/flip"),require("@popperjs/core/lib/modifiers/offset"),require("@popperjs/core/lib/modifiers/preventOverflow"),require("@popperjs/core/lib/popper-lite"),require("lit-html/directives/if-defined.js"));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","@popperjs/core/lib/modifiers/arrow","@popperjs/core/lib/modifiers/flip","@popperjs/core/lib/modifiers/offset","@popperjs/core/lib/modifiers/preventOverflow","@popperjs/core/lib/popper-lite","lit-html/directives/if-defined.js"],t);else{var i="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("@momentum-ui/icons/data/momentumUiIconsNames.json"),require("@momentum-ui/utils/lib/getColorValue"),require("mobx"),require("@popperjs/core/lib/modifiers/arrow"),require("@popperjs/core/lib/modifiers/flip"),require("@popperjs/core/lib/modifiers/offset"),require("@popperjs/core/lib/modifiers/preventOverflow"),require("@popperjs/core/lib/popper-lite"),require("lit-html/directives/if-defined.js")):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["@momentum-ui/icons/data/momentumUiIconsNames.json"],e["@momentum-ui/utils/lib/getColorValue"],e.mobx,e["@popperjs/core/lib/modifiers/arrow"],e["@popperjs/core/lib/modifiers/flip"],e["@popperjs/core/lib/modifiers/offset"],e["@popperjs/core/lib/modifiers/preventOverflow"],e["@popperjs/core/lib/popper-lite"],e["lit-html/directives/if-defined.js"]);for(var o in i)("object"==typeof exports?exports:e)[o]=i[o]}}(self,((e,t,i,o,r,n,s,l,p,a,d,c,h,u)=>(()=>{"use strict";var m
|
|
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("@momentum-ui/icons/data/momentumUiIconsNames.json"),require("@momentum-ui/utils/lib/getColorValue"),require("mobx"),require("@popperjs/core/lib/modifiers/arrow"),require("@popperjs/core/lib/modifiers/flip"),require("@popperjs/core/lib/modifiers/offset"),require("@popperjs/core/lib/modifiers/preventOverflow"),require("@popperjs/core/lib/popper-lite"),require("lit-html/directives/if-defined.js"));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","@popperjs/core/lib/modifiers/arrow","@popperjs/core/lib/modifiers/flip","@popperjs/core/lib/modifiers/offset","@popperjs/core/lib/modifiers/preventOverflow","@popperjs/core/lib/popper-lite","lit-html/directives/if-defined.js"],t);else{var i="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("@momentum-ui/icons/data/momentumUiIconsNames.json"),require("@momentum-ui/utils/lib/getColorValue"),require("mobx"),require("@popperjs/core/lib/modifiers/arrow"),require("@popperjs/core/lib/modifiers/flip"),require("@popperjs/core/lib/modifiers/offset"),require("@popperjs/core/lib/modifiers/preventOverflow"),require("@popperjs/core/lib/popper-lite"),require("lit-html/directives/if-defined.js")):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["@momentum-ui/icons/data/momentumUiIconsNames.json"],e["@momentum-ui/utils/lib/getColorValue"],e.mobx,e["@popperjs/core/lib/modifiers/arrow"],e["@popperjs/core/lib/modifiers/flip"],e["@popperjs/core/lib/modifiers/offset"],e["@popperjs/core/lib/modifiers/preventOverflow"],e["@popperjs/core/lib/popper-lite"],e["lit-html/directives/if-defined.js"]);for(var o in i)("object"==typeof exports?exports:e)[o]=i[o]}}(self,((e,t,i,o,r,n,s,l,p,a,d,c,h,u)=>(()=>{"use strict";var v,m={4863:e=>{e.exports=h},8229:e=>{e.exports=t},22962:e=>{e.exports=p},23968:e=>{e.exports=o},29895:(e,t,i)=>{i.r(t),i.d(t,{CoachmarkPopover:()=>o}),i(96798),i(61200),i(71128);var o,r=i(31890),n=i(26272),s=i(41488),l=i(23968),p=i(40587),a=function(e,t,i,o){var r,n=arguments.length,s=n<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,o);else for(var l=e.length-1;l>=0;l--)(r=e[l])&&(s=(n<3?r(s):n>3?r(t,i,s):r(t,i))||s);return n>3&&s&&Object.defineProperty(t,i,s),s};!function(e){let t=class extends s.LitElement{constructor(){super(...arguments),this.placement="bottom",this.headerIconName=void 0,this.header=void 0,this.message=void 0,this.show=!1,this.hideCloseButton=!1,this.href="",this.slotContent=null}static get styles(){return[n.A,p.A]}connectedCallback(){super.connectedCallback()}notifyCustomEvent(e){this.dispatchEvent(new CustomEvent(e,{bubbles:!0,composed:!0,detail:{placement:this.placement,triggerComponent:this.triggerComponent,popper:this.popper}}))}notifyCoachCreate(){this.notifyCustomEvent("coach-create")}notifyPrimaryButtonAction(){this.notifyCustomEvent("primary-button-action")}notifySecondaryButtonAction(){this.notifyCustomEvent("secondary-button-action")}notifyLinkAction(){this.notifyCustomEvent("link-action")}notifyCoachClose(){this.notifyCustomEvent("coachmark-close")}handleSlotChange(e){const t=e.target;if(t){const e=t.assignedElements({flatten:!0});e.length&&(this.slotContent=e)}}updated(e){super.updated(e),e.has("show")&&(this.show?this.notifyCoachCreate():this.notifyCoachClose())}coachmarkContentTemplate(){return s.html`
|
|
2
2
|
<div class="md-coachmark__content">
|
|
3
3
|
${this.message?this.message:s.html` <slot name="coachmark-content" @slotchange=${this.handleSlotChange}></slot> `}
|
|
4
4
|
</div>
|
|
@@ -36,6 +36,7 @@
|
|
|
36
36
|
?show-close=${!this.hideCloseButton}
|
|
37
37
|
interactive
|
|
38
38
|
trigger="manual"
|
|
39
|
+
inverted
|
|
39
40
|
placement=${this.placement}
|
|
40
41
|
@popover-open-changed="${e=>{e.detail.isOpen||this.notifyCoachClose()}}"
|
|
41
42
|
>
|
|
@@ -44,29 +45,29 @@
|
|
|
44
45
|
${this.renderHeader()} ${this.renderBody()} ${this.renderFooter()}
|
|
45
46
|
</div>
|
|
46
47
|
</md-popover>
|
|
47
|
-
`}};a([(0,s.property)({type:String})],t.prototype,"placement",void 0),a([(0,s.property)({type:String})],t.prototype,"headerIconName",void 0),a([(0,s.property)({type:String})],t.prototype,"header",void 0),a([(0,s.property)({type:String})],t.prototype,"message",void 0),a([(0,s.property)({type:Boolean})],t.prototype,"show",void 0),a([(0,s.property)({type:Boolean,reflect:!0,attribute:"hide-close-button"})],t.prototype,"hideCloseButton",void 0),a([(0,s.property)({type:String})],t.prototype,"primaryButton",void 0),a([(0,s.property)({type:String})],t.prototype,"secondaryButton",void 0),a([(0,s.property)({type:String})],t.prototype,"linkText",void 0),a([(0,s.property)({type:String})],t.prototype,"href",void 0),a([(0,s.query)(".md-coachmark__trigger-component")],t.prototype,"triggerComponent",void 0),a([(0,s.query)(".md-coachmark__popper")],t.prototype,"popper",void 0),t=a([(0,r.w)("md-coachmark-popover")],t),e.ELEMENT=t}(o||(o={}))},32022:e=>{e.exports=n},40333:e=>{e.exports=i},41488:t=>{t.exports=e},60554:e=>{e.exports=s},68250:e=>{e.exports=d},69371:e=>{e.exports=c},71128:(e,t,i)=>{i(96798),i(61200);var o,r=i(90195),n=i(31890),s=i(28373),l=i(66677),p=i(26283),a=i(22962),d=i.n(a),c=i(84157),h=i.n(c),u=i(68250),
|
|
48
|
-
|
|
48
|
+
`}};a([(0,s.property)({type:String})],t.prototype,"placement",void 0),a([(0,s.property)({type:String})],t.prototype,"headerIconName",void 0),a([(0,s.property)({type:String})],t.prototype,"header",void 0),a([(0,s.property)({type:String})],t.prototype,"message",void 0),a([(0,s.property)({type:Boolean})],t.prototype,"show",void 0),a([(0,s.property)({type:Boolean,reflect:!0,attribute:"hide-close-button"})],t.prototype,"hideCloseButton",void 0),a([(0,s.property)({type:String})],t.prototype,"primaryButton",void 0),a([(0,s.property)({type:String})],t.prototype,"secondaryButton",void 0),a([(0,s.property)({type:String})],t.prototype,"linkText",void 0),a([(0,s.property)({type:String})],t.prototype,"href",void 0),a([(0,s.query)(".md-coachmark__trigger-component")],t.prototype,"triggerComponent",void 0),a([(0,s.query)(".md-coachmark__popper")],t.prototype,"popper",void 0),t=a([(0,r.w)("md-coachmark-popover")],t),e.ELEMENT=t}(o||(o={}))},32022:e=>{e.exports=n},40333:e=>{e.exports=i},41488:t=>{t.exports=e},60554:e=>{e.exports=s},68250:e=>{e.exports=d},69371:e=>{e.exports=c},71128:(e,t,i)=>{i(96798),i(61200);var o,r=i(90195),n=i(31890),s=i(28373),l=i(66677),p=i(26283),a=i(22962),d=i.n(a),c=i(84157),h=i.n(c),u=i(68250),v=i.n(u),m=i(69371),g=i.n(m),f=i(4863),y=i(41488),b=i(40333),O=i(23968),E=i(73679),C=i(35211),w=i(50325),k=function(e,t,i,o){var r,n=arguments.length,s=n<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,o);else for(var l=e.length-1;l>=0;l--)(r=e[l])&&(s=(n<3?r(s):n>3?r(t,i,s):r(t,i))||s);return n>3&&s&&Object.defineProperty(t,i,s),s},j=function(e,t,i,o){return new(i||(i=Promise))((function(r,n){function s(e){try{p(o.next(e))}catch(e){n(e)}}function l(e){try{p(o.throw(e))}catch(e){n(e)}}function p(e){var t;e.done?r(e.value):(t=e.value,t instanceof i?t:new i((function(e){e(t)}))).then(s,l)}p((o=o.apply(e,t||[])).next())}))};!function(e){let t=class extends((0,s.d)(y.LitElement)){constructor(){super(...arguments),this.placement="bottom",this.positioningStrategy=void 0,this.isOpen=!1,this.showArrow=!0,this.showClose=!1,this.interactive=!1,this.shouldWrapFocus=()=>this.interactive,this.role="dialog",this.ariaLabel=null,this.offsetDistance=5,this.trigger="click",this.inverted=!1,this.triggerElement=null,this.popperInstance=null,this.isMouseOver=!1,this.onOutsideOverlayClick=e=>{var t;if(null===(t=this.trigger)||void 0===t?void 0:t.includes("manual"))return;let i=!1;const o=e.composedPath();o.length&&(i=!!o.find((e=>e===this)),i||(this.isOpen=!1))},this.onWindowBlurEvent=()=>{var e;(null===(e=this.trigger)||void 0===e?void 0:e.includes("manual"))||this.isOpen&&(this.isOpen=!1)},this.onOutsideOverlayKeydown=e=>j(this,void 0,void 0,(function*(){this.isOpen&&e.code===r.Uz.Escape&&(e.preventDefault(),this.isOpen=!1,yield this.updateComplete,this.focusOnTrigger())})),this.onTriggerElementClicked=()=>{this.toggleOverlay()},this.onTriggerElementKeydown=e=>j(this,void 0,void 0,(function*(){(0,p.o)(e.code)&&(e.preventDefault(),this.toggleOverlay()),e.code===r.Uz.Escape&&this.isOpen&&(this.isOpen=!1,yield this.updateComplete,this.focusOnTrigger())})),this.onFocusInTrigger=()=>{var e;(null===(e=this.trigger)||void 0===e?void 0:e.includes("focus"))&&(this.isOpen=!0)},this.onFocusOutTrigger=()=>{var e;(null===(e=this.trigger)||void 0===e?void 0:e.includes("focus"))&&!this.isMouseOver&&(this.isOpen=!1)},this.onMouseEnteredTriggerOrPopup=e=>{var t;this.isMouseOver=!0,(null===(t=this.trigger)||void 0===t?void 0:t.includes("mouseenter"))&&this.setIsOpenDebounced(!0)},this.onMouseLeaveTriggerOrPopup=e=>{var t;this.isMouseOver=!1,(null===(t=this.trigger)||void 0===t?void 0:t.includes("mouseenter"))&&!this.shouldStayOpenOnTriggerFocus()&&this.setIsOpenDebounced(!1)},this.setIsOpenDebounced=(0,l.sg)((e=>{this.isOpen=e}),100)}static get styles(){return[w.A]}connectedCallback(){super.connectedCallback()}disconnectedCallback(){var e,t,i,o,r;super.disconnectedCallback(),window.removeEventListener("blur",this.onWindowBlurEvent),document.removeEventListener("click",this.onOutsideOverlayClick),document.removeEventListener("keydown",this.onOutsideOverlayKeydown),this.triggerElement&&((null===(e=this.trigger)||void 0===e?void 0:e.includes("click"))&&(this.triggerElement.removeEventListener("click",this.onTriggerElementClicked),this.triggerElement.removeEventListener("keydown",this.onTriggerElementKeydown)),(null===(t=this.trigger)||void 0===t?void 0:t.includes("mouseenter"))&&(this.triggerElement.removeEventListener("mouseenter",this.onMouseEnteredTriggerOrPopup),this.triggerElement.removeEventListener("mouseleave",this.onMouseLeaveTriggerOrPopup),null===(i=this.popoverContainer)||void 0===i||i.removeEventListener("mouseenter",this.onMouseEnteredTriggerOrPopup),null===(o=this.popoverContainer)||void 0===o||o.removeEventListener("mouseleave",this.onMouseLeaveTriggerOrPopup)),(null===(r=this.trigger)||void 0===r?void 0:r.includes("focus"))&&(this.triggerElement.removeEventListener("focusin",this.onFocusInTrigger),this.triggerElement.removeEventListener("focusout",this.onFocusOutTrigger)))}setupTriggerEvents(){var e,t,i,o,r;this.triggerElement&&((null===(e=this.trigger)||void 0===e?void 0:e.includes("click"))&&(this.triggerElement.addEventListener("click",this.onTriggerElementClicked.bind(this)),this.triggerElement.addEventListener("keydown",this.onTriggerElementKeydown.bind(this))),(null===(t=this.trigger)||void 0===t?void 0:t.includes("mouseenter"))&&(this.triggerElement.addEventListener("mouseenter",this.onMouseEnteredTriggerOrPopup),this.triggerElement.addEventListener("mouseleave",this.onMouseLeaveTriggerOrPopup),null===(i=this.popoverContainer)||void 0===i||i.addEventListener("mouseenter",this.onMouseEnteredTriggerOrPopup),null===(o=this.popoverContainer)||void 0===o||o.addEventListener("mouseleave",this.onMouseLeaveTriggerOrPopup)),(null===(r=this.trigger)||void 0===r?void 0:r.includes("focus"))&&(this.triggerElement.addEventListener("focusin",this.onFocusInTrigger),this.triggerElement.addEventListener("focusout",this.onFocusOutTrigger)))}handleTriggerElementSlotChange(){const e=this.triggerSlot.assignedElements({flatten:!0});this.triggerElement=e.length>0?e[0]:null}onContentSlotChanged(){}shouldStayOpenOnTriggerFocus(){var e;return!!(null===(e=this.trigger)||void 0===e?void 0:e.includes("focus"))&&this.getRootNode().activeElement===this.triggerElement}firstUpdated(e){var t;super.firstUpdated(e),this.handleTriggerElementSlotChange(),this.setupTriggerEvents(),this.popoverContainer&&this.isOpen&&(this.createInstance(),null===(t=this.popoverContainer)||void 0===t||t.setAttribute("data-show",""))}focusInsideOverlay(){var e,t;this.focusableElements&&(this.focusableElements.length>1?null===(e=this.setInitialFocus)||void 0===e||e.call(this,1):this.focusableElements.length&&(null===(t=this.setInitialFocus)||void 0===t||t.call(this)))}focusOnTrigger(){return j(this,void 0,void 0,(function*(){requestAnimationFrame((()=>{var e;(null===(e=this.focusableElements)||void 0===e?void 0:e.length)&&this.focusableElements[0].focus()}))}))}toggleOverlay(){var e;(null===(e=this.triggerElement)||void 0===e?void 0:e.hasAttribute("disabled"))||(this.isOpen=!this.isOpen)}handleCreatePopperFirstUpdate(){return j(this,void 0,void 0,(function*(){var e;this.isOpen&&this.interactive&&(null===(e=this.setFocusableElements)||void 0===e||e.call(this),yield this.updateComplete,this.focusInsideOverlay())}))}createInstance(){this.triggerElement?this.popperInstance=(0,f.createPopper)(this.triggerElement,this.popoverContainer,{onFirstUpdate:()=>{this.isOpen&&this.handleCreatePopperFirstUpdate()},placement:this.placement,strategy:this.positioningStrategy,modifiers:[...f.defaultModifiers,h(),v(),g(),d(),{name:"preventOverflow",options:{padding:16}},{name:"offset",options:{offset:({placement:e,reference:t})=>"left"===e||"right"===e?[t.height+t.y+this.offsetDistance,C.KC]:[0,this.showArrow?C.KC+this.offsetDistance:this.offsetDistance]}},{name:"arrow",options:{element:this.popoverArrow,padding:C.KC}},{name:"computeStyles",options:{adaptive:!1}}]}):console.warn("No trigger element not creating popper instance")}destroyInstance(){this.popperInstance&&(this.popperInstance.destroy(),this.popperInstance=null)}updated(e){if(super.updated(e),e.has("isOpen")){const t=e.get("isOpen");this.isOpenUpdated(t,this.isOpen)}}isOpenUpdated(e,t){var i,o,r,n,s,l;e!==t&&(t?(this.createInstance(),this.dispatchPopoverIsOpenChanged(t),window.addEventListener("blur",this.onWindowBlurEvent),document.addEventListener("click",this.onOutsideOverlayClick),document.addEventListener("keydown",this.onOutsideOverlayKeydown),this.interactive&&(null===(i=this.activateFocusTrap)||void 0===i||i.call(this)),null===(o=this.triggerElement)||void 0===o||o.setAttribute("aria-expanded","true"),null===(r=this.popoverContainer)||void 0===r||r.setAttribute("data-show","")):(this.destroyInstance(),window.removeEventListener("blur",this.onWindowBlurEvent),document.removeEventListener("click",this.onOutsideOverlayClick),document.removeEventListener("keydown",this.onOutsideOverlayKeydown),this.dispatchPopoverIsOpenChanged(t),null===(n=this.deactivateFocusTrap)||void 0===n||n.call(this),null===(s=this.triggerElement)||void 0===s||s.removeAttribute("aria-expanded"),null===(l=this.popoverContainer)||void 0===l||l.removeAttribute("data-show")))}dispatchPopoverIsOpenChanged(e){this.dispatchEvent(new CustomEvent("popover-open-changed",{detail:{isOpen:e},composed:!0,bubbles:!0}))}get popoverClassMap(){return{"md-popover":!0,inverted:this.inverted}}get renderPopoverTemplate(){var e;return y.html` <div
|
|
49
|
+
part="popover"
|
|
50
|
+
class="popover-container"
|
|
51
|
+
role=${this.role}
|
|
52
|
+
aria-modal=${(0,E.ifDefined)(this.interactive?"true":void 0)}
|
|
53
|
+
aria-label=${(0,E.ifDefined)(null!==(e=this.ariaLabel)&&void 0!==e?e:void 0)}
|
|
54
|
+
>
|
|
55
|
+
${this.showClose?y.html`<md-button
|
|
56
|
+
class="cancel-icon-button"
|
|
57
|
+
size="20"
|
|
58
|
+
hasRemoveStyle
|
|
59
|
+
circle
|
|
60
|
+
@button-click=${()=>this.isOpen=!1}
|
|
61
|
+
>
|
|
62
|
+
<md-icon name="cancel-bold" size="16" iconSet="momentumDesign"></md-icon>
|
|
63
|
+
</md-button>`:b.nothing}
|
|
64
|
+
${this.showArrow?y.html`<div id="arrow" class="popover-arrow"></div>`:b.nothing}
|
|
65
|
+
<div class="popover-content" part="popover-content">
|
|
66
|
+
<slot @slotchange=${this.onContentSlotChanged}></slot>
|
|
67
|
+
</div>
|
|
68
|
+
</div>`}render(){return y.html`
|
|
69
|
+
<div class=${(0,O.classMap)(this.popoverClassMap)}>
|
|
49
70
|
<slot name="triggerElement" aria-expanded=${this.isOpen}></slot>
|
|
50
|
-
|
|
51
|
-
part="popover"
|
|
52
|
-
class="popover-container"
|
|
53
|
-
role=${this.role}
|
|
54
|
-
aria-modal=${(0,O.ifDefined)(this.interactive?"true":void 0)}
|
|
55
|
-
aria-label=${(0,O.ifDefined)(null!==(e=this.ariaLabel)&&void 0!==e?e:void 0)}
|
|
56
|
-
>
|
|
57
|
-
${this.showClose?y.html`<md-button
|
|
58
|
-
class="cancel-icon-button"
|
|
59
|
-
size="20"
|
|
60
|
-
hasRemoveStyle
|
|
61
|
-
circle
|
|
62
|
-
@button-click=${()=>this.isOpen=!1}
|
|
63
|
-
>
|
|
64
|
-
<md-icon name="cancel-bold" size="16" iconSet="momentumDesign"></md-icon>
|
|
65
|
-
</md-button>`:b.nothing}
|
|
66
|
-
${this.showArrow?y.html`<div id="arrow" class="popover-arrow"></div>`:b.nothing}
|
|
67
|
-
<div class="popover-content" part="popover-content">
|
|
68
|
-
<slot @slotchange=${this.onContentSlotChanged}></slot>
|
|
69
|
-
</div>
|
|
70
|
-
</div>
|
|
71
|
+
${this.renderPopoverTemplate}
|
|
71
72
|
</div>
|
|
72
|
-
`}};
|
|
73
|
+
`}};k([(0,y.property)({type:String})],t.prototype,"placement",void 0),k([(0,y.property)({type:String,attribute:"positioning-strategy"})],t.prototype,"positioningStrategy",void 0),k([(0,y.property)({type:Boolean,attribute:"is-open"})],t.prototype,"isOpen",void 0),k([(0,y.property)({type:Boolean,attribute:"show-arrow"})],t.prototype,"showArrow",void 0),k([(0,y.property)({type:Boolean,attribute:"show-close"})],t.prototype,"showClose",void 0),k([(0,y.property)({type:Boolean})],t.prototype,"interactive",void 0),k([(0,y.property)({type:String,attribute:"role"})],t.prototype,"role",void 0),k([(0,y.property)({type:String,attribute:"aria-label"})],t.prototype,"ariaLabel",void 0),k([(0,y.property)({type:Number,attribute:"offset-distance"})],t.prototype,"offsetDistance",void 0),k([(0,y.query)('slot[name="triggerElement"]')],t.prototype,"triggerSlot",void 0),k([(0,y.query)(".popover-container")],t.prototype,"popoverContainer",void 0),k([(0,y.query)(".popover-arrow")],t.prototype,"popoverArrow",void 0),k([(0,y.property)({type:String})],t.prototype,"trigger",void 0),k([(0,y.property)({type:Boolean})],t.prototype,"inverted",void 0),k([(0,y.internalProperty)()],t.prototype,"isMouseOver",void 0),t=k([(0,n.w)("md-popover")],t),e.ELEMENT=t}(o||(o={}))},73679:e=>{e.exports=u},84157:e=>{e.exports=a},85314:e=>{e.exports=l},97822:e=>{e.exports=r}},g={};function f(e){var t=g[e];if(void 0!==t)return t.exports;var i=g[e]={exports:{}};return m[e](i,i.exports,f),i.exports}f.m=m,v=[],f.O=(e,t,i,o)=>{if(!t){var r=1/0;for(p=0;p<v.length;p++){for(var[t,i,o]=v[p],n=!0,s=0;s<t.length;s++)(!1&o||r>=o)&&Object.keys(f.O).every((e=>f.O[e](t[s])))?t.splice(s--,1):(n=!1,o<r&&(r=o));if(n){v.splice(p--,1);var l=i();void 0!==l&&(e=l)}}return e}o=o||0;for(var p=v.length;p>0&&v[p-1][2]>o;p--)v[p]=v[p-1];v[p]=[t,i,o]},f.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return f.d(t,{a:t}),t},f.d=(e,t)=>{for(var i in t)f.o(t,i)&&!f.o(e,i)&&Object.defineProperty(e,i,{enumerable:!0,get:t[i]})},f.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),f.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},(()=>{var e={3413:0,4131:0};f.O.j=t=>0===e[t];var t=(t,i)=>{var o,r,[n,s,l]=i,p=0;if(n.some((t=>0!==e[t]))){for(o in s)f.o(s,o)&&(f.m[o]=s[o]);if(l)var a=l(f)}for(t&&t(i);p<n.length;p++)r=n[p],f.o(e,r)&&e[r]&&e[r][0](),e[r]=0;return f.O(a)},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 y=f.O(void 0,[4367,1890,6272,6325,6283,9217,2176,6798,5830,1200,2576,8210,1270,3135,6677,4663,587],(()=>f(29895)));return f.O(y)})()));
|
|
@@ -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,
|
|
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=
|
|
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
|
|
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,
|
|
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?
|
|
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}(
|
|
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,4 +1,4 @@
|
|
|
1
|
-
!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("lit-element"),require("@popperjs/core/lib/modifiers/arrow"),require("@popperjs/core/lib/modifiers/flip"),require("@popperjs/core/lib/modifiers/offset"),require("@popperjs/core/lib/modifiers/preventOverflow"),require("@popperjs/core/lib/popper-lite"),require("lit-html/directives/if-defined"));else if("function"==typeof define&&define.amd)define(["lit-element","@popperjs/core/lib/modifiers/arrow","@popperjs/core/lib/modifiers/flip","@popperjs/core/lib/modifiers/offset","@popperjs/core/lib/modifiers/preventOverflow","@popperjs/core/lib/popper-lite","lit-html/directives/if-defined"],t);else{var i="object"==typeof exports?t(require("lit-element"),require("@popperjs/core/lib/modifiers/arrow"),require("@popperjs/core/lib/modifiers/flip"),require("@popperjs/core/lib/modifiers/offset"),require("@popperjs/core/lib/modifiers/preventOverflow"),require("@popperjs/core/lib/popper-lite"),require("lit-html/directives/if-defined")):t(e["lit-element"],e["@popperjs/core/lib/modifiers/arrow"],e["@popperjs/core/lib/modifiers/flip"],e["@popperjs/core/lib/modifiers/offset"],e["@popperjs/core/lib/modifiers/preventOverflow"],e["@popperjs/core/lib/popper-lite"],e["lit-html/directives/if-defined"]);for(var r in i)("object"==typeof exports?exports:e)[r]=i[r]}}(self,((e,t,i,r,o,s,n)=>(()=>{"use strict";var l,a={4863:e=>{e.exports=s},11323:(e,t,i)=>{i.r(t),i.d(t,{MenuOverlay:()=>C,OverlaySizes:()=>r,menuOverlayPlacement:()=>L,menuOverlayRole:()=>T,menuOverlaySize:()=>x});var r,o=i(35211),s=i(90195),n=i(31890),l=i(28373),a=i(66677),p=i(22962),d=i.n(p),h=i(84157),u=i.n(h),v=i(68250),c=i.n(v),
|
|
1
|
+
!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("lit-element"),require("@popperjs/core/lib/modifiers/arrow"),require("@popperjs/core/lib/modifiers/flip"),require("@popperjs/core/lib/modifiers/offset"),require("@popperjs/core/lib/modifiers/preventOverflow"),require("@popperjs/core/lib/popper-lite"),require("lit-html/directives/if-defined"));else if("function"==typeof define&&define.amd)define(["lit-element","@popperjs/core/lib/modifiers/arrow","@popperjs/core/lib/modifiers/flip","@popperjs/core/lib/modifiers/offset","@popperjs/core/lib/modifiers/preventOverflow","@popperjs/core/lib/popper-lite","lit-html/directives/if-defined"],t);else{var i="object"==typeof exports?t(require("lit-element"),require("@popperjs/core/lib/modifiers/arrow"),require("@popperjs/core/lib/modifiers/flip"),require("@popperjs/core/lib/modifiers/offset"),require("@popperjs/core/lib/modifiers/preventOverflow"),require("@popperjs/core/lib/popper-lite"),require("lit-html/directives/if-defined")):t(e["lit-element"],e["@popperjs/core/lib/modifiers/arrow"],e["@popperjs/core/lib/modifiers/flip"],e["@popperjs/core/lib/modifiers/offset"],e["@popperjs/core/lib/modifiers/preventOverflow"],e["@popperjs/core/lib/popper-lite"],e["lit-html/directives/if-defined"]);for(var r in i)("object"==typeof exports?exports:e)[r]=i[r]}}(self,((e,t,i,r,o,s,n)=>(()=>{"use strict";var l,a={4863:e=>{e.exports=s},11323:(e,t,i)=>{i.r(t),i.d(t,{MenuOverlay:()=>C,OverlaySizes:()=>r,menuOverlayPlacement:()=>L,menuOverlayRole:()=>T,menuOverlaySize:()=>x});var r,o=i(35211),s=i(90195),n=i(31890),l=i(28373),a=i(66677),p=i(22962),d=i.n(p),h=i(84157),u=i.n(h),v=i(68250),c=i.n(v),g=i(69371),m=i.n(g),y=i(4863),f=i(41488),E=i(97822),O=i(16366),b=function(e,t,i,r){var o,s=arguments.length,n=s<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,r);else for(var l=e.length-1;l>=0;l--)(o=e[l])&&(n=(s<3?o(n):s>3?o(t,i,n):o(t,i))||n);return s>3&&n&&Object.defineProperty(t,i,n),n},w=function(e,t,i,r){return new(i||(i=Promise))((function(o,s){function n(e){try{a(r.next(e))}catch(e){s(e)}}function l(e){try{a(r.throw(e))}catch(e){s(e)}}function a(e){var t;e.done?o(e.value):(t=e.value,t instanceof i?t:new i((function(e){e(t)}))).then(n,l)}a((r=r.apply(e,t||[])).next())}))};!function(e){e.small="260px",e.large="370px"}(r||(r={}));const x=["small","large"],L=o.W,T=["menu","dialog"];var C;!function(e){let t=class extends((0,l.d)(f.LitElement)){constructor(){super(...arguments),this._isOpen=!1,this.size="large",this.maxHeight="",this.customWidth="",this.showArrow=!1,this.disabled=!1,this.placement="bottom",this.allowHoverToggle=!1,this.ariaRole="menu",this.ariaLabel="",this.isDatePicker=!1,this.overlayOffset=15,this.keepOpenOnWindowBlur=!1,this.positioningStrategy=void 0,this.popperInstance=null,this.triggerElement=null,this.shouldWrapFocus=()=>"dialog"===this.ariaRole,this.updateActiveMenuOverlayOpened=t=>{var i;this===t.target&&(null===(i=e.ELEMENT.activeOverlay)||void 0===i||i.push(t.target))},this.updateActiveMenuOverlayClosed=t=>{var i,r;const o=e.ELEMENT.activeOverlay.indexOf(t.target);this===t.target&&-1!==o&&(e.ELEMENT.activeOverlay.splice(o,1),e.ELEMENT.activeOverlay.length>0?(null===(i=e.ELEMENT.activeOverlay[e.ELEMENT.activeOverlay.length-1])||void 0===i||i.setFocusableElements(),null===(r=e.ELEMENT.activeOverlay[e.ELEMENT.activeOverlay.length-1])||void 0===r||r.focusOnNestedTrigger(this.triggerElement)):this.setFocusableElements())},this.handleTriggerClick=()=>{this.toggleOverlay()},this.setOverlay=(0,a.sg)((e=>{this.disabled||(this.isOpen=e)}),100),this.expandPopup=()=>{this.setOverlay(!0)},this.collapsePopup=()=>{this.setOverlay(!1)},this.handleOutsideOverlayKeydown=t=>w(this,void 0,void 0,(function*(){let i=!1;const r=t.composedPath();r.length&&(i=!!r.find((e=>e===this)),!i)||!this.overlayContainer||t.code!==s.Uz.Escape||(t.preventDefault(),(e.ELEMENT.activeOverlay.length>0?e.ELEMENT.activeOverlay[e.ELEMENT.activeOverlay.length-1]:void 0)===this&&(this.isOpen=!1,yield this.updateComplete,this.focusOnTrigger()))})),this.handleTriggerKeyDown=e=>w(this,void 0,void 0,(function*(){switch(e.code){case s.Uz.Space:case s.Uz.Enter:e.preventDefault(),this.toggleOverlay(),this.isOpen||(yield this.updateComplete,this.focusOnTrigger())}})),this.handleOutsideOverlayClick=e=>{let t=!1;const i=e.composedPath();i.length&&(t=!!i.find((e=>e===this)),t||this.preventClickOutside||(this.isOpen=!1))}}get isOpen(){return this._isOpen}set isOpen(e){const t=this._isOpen;this._isOpen=e,this.handleInstance(e),this.overlayContainer&&this.overlayContainer.toggleAttribute("data-show",e),this.requestUpdate("isOpen",t)}renderMaxHeight(){return this.maxHeight?`max-height: ${this.maxHeight};`:"max-height: calc(100vh - 48px);"}renderOverflowY(){return this.isDatePicker?"overflow-y: visible;":"overflow-y: auto;"}renderWidth(){return this.customWidth?`width: ${this.customWidth};`:"small"===this.size?`width: ${r.small};`:`width: ${r.large};`}getStyles(){return f.html`
|
|
2
2
|
<style>
|
|
3
3
|
:host .md-menu-overlay .overlay-content {
|
|
4
4
|
${this.renderMaxHeight()};
|
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
${this.renderOverflowY()};
|
|
7
7
|
}
|
|
8
8
|
</style>
|
|
9
|
-
`}connectedCallback(){super.connectedCallback(),this.handleWindowBlurEvent=this.handleWindowBlurEvent.bind(this),window.addEventListener("blur",this.handleWindowBlurEvent),document.addEventListener("click",this.handleOutsideOverlayClick),document.addEventListener("keydown",this.handleOutsideOverlayKeydown),this.addEventListener("menu-overlay-open",this.updateActiveMenuOverlayOpened),this.addEventListener("menu-overlay-close",this.updateActiveMenuOverlayClosed)}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("click",this.handleOutsideOverlayClick),document.removeEventListener("keydown",this.handleOutsideOverlayKeydown),window.removeEventListener("blur",this.handleWindowBlurEvent),this.removeEventListener("menu-overlay-open",this.updateActiveMenuOverlayOpened),this.removeEventListener("menu-overlay-close",this.updateActiveMenuOverlayClosed),this.triggerElement&&(this.triggerElement.removeEventListener("click",this.handleTriggerClick),this.triggerElement.removeEventListener("keydown",this.handleTriggerKeyDown),this.allowHoverToggle&&(this.triggerElement.removeEventListener("mouseenter",this.expandPopup),this.triggerElement.removeEventListener("mouseleave",this.collapsePopup),this.overlayContainer.removeEventListener("mouseenter",this.expandPopup),this.overlayContainer.removeEventListener("mouseleave",this.collapsePopup)),this.triggerElement=null)}checkIsInputField(e){var t;return"md-input"===(null===(t=null==e?void 0:e.tagName)||void 0===t?void 0:t.toLowerCase())}updateTriggerElementAriaExpanded(){this.triggerElement&&(this.isOpen?this.triggerElement.setAttribute("aria-expanded","true"):this.triggerElement.removeAttribute("aria-expanded"))}firstUpdated(e){const t=Object.create(null,{firstUpdated:{get:()=>super.firstUpdated}});return w(this,void 0,void 0,(function*(){t.firstUpdated.call(this,e),yield new Promise((e=>setTimeout(e,0))),this.trigger&&(this.triggerElement=this.trigger[0],this.triggerElement.addEventListener("click",this.handleTriggerClick),this.allowHoverToggle&&(this.triggerElement.addEventListener("mouseenter",this.expandPopup),this.triggerElement.addEventListener("mouseleave",this.collapsePopup),this.overlayContainer.addEventListener("mouseenter",this.expandPopup),this.overlayContainer.addEventListener("mouseleave",this.collapsePopup)),this.checkIsInputField(this.triggerElement)||this.triggerElement.addEventListener("keydown",this.handleTriggerKeyDown),this.triggerElement.setAttribute("aria-haspopup","true")),this.overlayContainer&&this.isOpen&&(this.handleInstance(!0),this.overlayContainer.toggleAttribute("data-show",!0)),this.arrow&&this.showArrow&&this.arrow.toggleAttribute("data-show",!0),e.has("isOpen")&&this.updateTriggerElementAriaExpanded()}))}update(e){super.update(e),e.has("isOpen")&&(this.isOpen?(this.activateFocusTrap(),document.addEventListener("menu-item-click",this.handleTriggerClick)):(this.deactivateFocusTrap(),document.removeEventListener("menu-item-click",this.handleTriggerClick)))}updated(e){super.updated(e),e.has("isOpen")&&(this.isOpen?(this.dispatchMenuOpen(),this.triggerElement&&(this.triggerElement.setAttribute("aria-expanded","true"),this.triggerElement.hasAttribute("ariaexpanded")&&this.triggerElement.setAttribute("ariaexpanded","true"))):(this.dispatchMenuClose(),this.triggerElement&&(this.triggerElement.removeAttribute("aria-expanded"),this.triggerElement.hasAttribute("ariaexpanded")&&this.triggerElement.setAttribute("ariaexpanded","false"))))}dispatchMenuOpen(){this.dispatchEvent(new CustomEvent("menu-overlay-open",{composed:!0,bubbles:!0}))}dispatchMenuClose(){this.dispatchEvent(new CustomEvent("menu-overlay-close",{composed:!0,bubbles:!0}))}handleInstance(e){e?this.create():this.destroy()}create(){this.triggerElement&&(this.popperInstance=(0,y.createPopper)(this.triggerElement,this.overlayContainer,{onFirstUpdate:()=>w(this,void 0,void 0,(function*(){var e;this.isOpen&&(null===(e=this.popperInstance)||void 0===e||e.update(),this.setFocusableElements(),yield this.updateComplete,this.focusInsideOverlay())})),placement:this.placement,modifiers:[...y.defaultModifiers,u(),c(),
|
|
9
|
+
`}connectedCallback(){super.connectedCallback(),this.handleWindowBlurEvent=this.handleWindowBlurEvent.bind(this),window.addEventListener("blur",this.handleWindowBlurEvent),document.addEventListener("click",this.handleOutsideOverlayClick),document.addEventListener("keydown",this.handleOutsideOverlayKeydown),this.addEventListener("menu-overlay-open",this.updateActiveMenuOverlayOpened),this.addEventListener("menu-overlay-close",this.updateActiveMenuOverlayClosed)}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("click",this.handleOutsideOverlayClick),document.removeEventListener("keydown",this.handleOutsideOverlayKeydown),window.removeEventListener("blur",this.handleWindowBlurEvent),this.removeEventListener("menu-overlay-open",this.updateActiveMenuOverlayOpened),this.removeEventListener("menu-overlay-close",this.updateActiveMenuOverlayClosed),this.triggerElement&&(this.triggerElement.removeEventListener("click",this.handleTriggerClick),this.triggerElement.removeEventListener("keydown",this.handleTriggerKeyDown),this.allowHoverToggle&&(this.triggerElement.removeEventListener("mouseenter",this.expandPopup),this.triggerElement.removeEventListener("mouseleave",this.collapsePopup),this.overlayContainer.removeEventListener("mouseenter",this.expandPopup),this.overlayContainer.removeEventListener("mouseleave",this.collapsePopup)),this.triggerElement=null)}checkIsInputField(e){var t;return"md-input"===(null===(t=null==e?void 0:e.tagName)||void 0===t?void 0:t.toLowerCase())}updateTriggerElementAriaExpanded(){this.triggerElement&&(this.isOpen?this.triggerElement.setAttribute("aria-expanded","true"):this.triggerElement.removeAttribute("aria-expanded"))}firstUpdated(e){const t=Object.create(null,{firstUpdated:{get:()=>super.firstUpdated}});return w(this,void 0,void 0,(function*(){t.firstUpdated.call(this,e),yield new Promise((e=>setTimeout(e,0))),this.trigger&&(this.triggerElement=this.trigger[0],this.triggerElement.addEventListener("click",this.handleTriggerClick),this.allowHoverToggle&&(this.triggerElement.addEventListener("mouseenter",this.expandPopup),this.triggerElement.addEventListener("mouseleave",this.collapsePopup),this.overlayContainer.addEventListener("mouseenter",this.expandPopup),this.overlayContainer.addEventListener("mouseleave",this.collapsePopup)),this.checkIsInputField(this.triggerElement)||this.triggerElement.addEventListener("keydown",this.handleTriggerKeyDown),this.triggerElement.setAttribute("aria-haspopup","true")),this.overlayContainer&&this.isOpen&&(this.handleInstance(!0),this.overlayContainer.toggleAttribute("data-show",!0)),this.arrow&&this.showArrow&&this.arrow.toggleAttribute("data-show",!0),e.has("isOpen")&&this.updateTriggerElementAriaExpanded()}))}update(e){super.update(e),e.has("isOpen")&&(this.isOpen?(this.activateFocusTrap(),document.addEventListener("menu-item-click",this.handleTriggerClick)):(this.deactivateFocusTrap(),document.removeEventListener("menu-item-click",this.handleTriggerClick)))}updated(e){super.updated(e),e.has("isOpen")&&(this.isOpen?(this.dispatchMenuOpen(),this.triggerElement&&(this.triggerElement.setAttribute("aria-expanded","true"),this.triggerElement.hasAttribute("ariaexpanded")&&this.triggerElement.setAttribute("ariaexpanded","true"))):(this.dispatchMenuClose(),this.triggerElement&&(this.triggerElement.removeAttribute("aria-expanded"),this.triggerElement.hasAttribute("ariaexpanded")&&this.triggerElement.setAttribute("ariaexpanded","false"))))}dispatchMenuOpen(){this.dispatchEvent(new CustomEvent("menu-overlay-open",{composed:!0,bubbles:!0}))}dispatchMenuClose(){this.dispatchEvent(new CustomEvent("menu-overlay-close",{composed:!0,bubbles:!0}))}handleInstance(e){e?this.create():this.destroy()}create(){this.triggerElement&&(this.popperInstance=(0,y.createPopper)(this.triggerElement,this.overlayContainer,{onFirstUpdate:()=>w(this,void 0,void 0,(function*(){var e;this.isOpen&&(null===(e=this.popperInstance)||void 0===e||e.update(),this.setFocusableElements(),yield this.updateComplete,this.focusInsideOverlay())})),placement:this.placement,strategy:this.positioningStrategy,modifiers:[...y.defaultModifiers,u(),c(),m(),d(),{name:"preventOverflow",options:{padding:16}},{name:"offset",options:{offset:({placement:e,reference:t})=>"left-end"===e||"right-end"===e?[t.height+t.y+3,14]:[0,this.overlayOffset]}},{name:"arrow",options:{element:this.arrow,padding:5}},{name:"computeStyles",options:{adaptive:!1}}]}))}destroy(){this.popperInstance&&(this.popperInstance.destroy(),this.popperInstance=null)}toggleOverlay(){this.disabled||(this.isOpen=!this.isOpen)}focusOnTrigger(){requestAnimationFrame((()=>{var e;(null===(e=this.focusableElements)||void 0===e?void 0:e.length)&&this.focusableElements[0].focus()}))}focusInsideOverlay(){this.focusableElements&&(this.focusableElements.length>1?this.setInitialFocus(1):this.focusableElements.length&&this.setInitialFocus())}focusOnNestedTrigger(e){var t;null===(t=this.setFocusOnTrigger)||void 0===t||t.call(this,e)}handleWindowBlurEvent(){this._isOpen&&!this.keepOpenOnWindowBlur&&(this.isOpen=!1)}static get styles(){return[O.A]}render(){return f.html`
|
|
10
10
|
${this.getStyles()}
|
|
11
11
|
<div class="md-menu-overlay">
|
|
12
12
|
<slot name="menu-trigger"></slot>
|
|
@@ -23,4 +23,4 @@
|
|
|
23
23
|
</div>
|
|
24
24
|
</div>
|
|
25
25
|
</div>
|
|
26
|
-
`}};t.activeOverlay=[],b([(0,f.property)({type:Boolean,attribute:"is-open",reflect:!0})],t.prototype,"isOpen",null),b([(0,f.property)({type:String})],t.prototype,"size",void 0),b([(0,f.property)({type:String,attribute:"max-height"})],t.prototype,"maxHeight",void 0),b([(0,f.property)({type:String,attribute:"custom-width"})],t.prototype,"customWidth",void 0),b([(0,f.property)({type:Boolean,attribute:"show-arrow"})],t.prototype,"showArrow",void 0),b([(0,f.property)({type:Boolean})],t.prototype,"disabled",void 0),b([(0,f.property)({type:String})],t.prototype,"placement",void 0),b([(0,f.property)({type:Boolean,attribute:"allow-hover-toggle"})],t.prototype,"allowHoverToggle",void 0),b([(0,f.property)({type:String})],t.prototype,"ariaRole",void 0),b([(0,f.property)({type:String})],t.prototype,"ariaLabel",void 0),b([(0,f.property)({type:Boolean,attribute:"is-date-picker"})],t.prototype,"isDatePicker",void 0),b([(0,f.property)({type:Number,attribute:"overlay-offset"})],t.prototype,"overlayOffset",void 0),b([(0,f.property)({type:Boolean,attribute:"keep-open-on-window-blur"})],t.prototype,"keepOpenOnWindowBlur",void 0),b([(0,f.query)(".overlay-container")],t.prototype,"overlayContainer",void 0),b([(0,f.query)(".overlay-arrow")],t.prototype,"arrow",void 0),b([(0,f.queryAssignedNodes)("menu-trigger",!0)],t.prototype,"trigger",void 0),t=b([(0,n.w)("md-menu-overlay")],t),e.ELEMENT=t}(C||(C={}))},22962:e=>{e.exports=t},41488:t=>{t.exports=e},68250:e=>{e.exports=r},69371:e=>{e.exports=o},84157:e=>{e.exports=i},97822:e=>{e.exports=n}},p={};function d(e){var t=p[e];if(void 0!==t)return t.exports;var i=p[e]={exports:{}};return a[e](i,i.exports,d),i.exports}d.m=a,l=[],d.O=(e,t,i,r)=>{if(!t){var o=1/0;for(p=0;p<l.length;p++){for(var[t,i,r]=l[p],s=!0,n=0;n<t.length;n++)(!1&r||o>=r)&&Object.keys(d.O).every((e=>d.O[e](t[n])))?t.splice(n--,1):(s=!1,r<o&&(o=r));if(s){l.splice(p--,1);var a=i();void 0!==a&&(e=a)}}return e}r=r||0;for(var p=l.length;p>0&&l[p-1][2]>r;p--)l[p]=l[p-1];l[p]=[t,i,r]},d.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return d.d(t,{a:t}),t},d.d=(e,t)=>{for(var i in t)d.o(t,i)&&!d.o(e,i)&&Object.defineProperty(e,i,{enumerable:!0,get:t[i]})},d.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),d.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},(()=>{var e={1323:0,1682:0};d.O.j=t=>0===e[t];var t=(t,i)=>{var r,o,[s,n,l]=i,a=0;if(s.some((t=>0!==e[t]))){for(r in n)d.o(n,r)&&(d.m[r]=n[r]);if(l)var p=l(d)}for(t&&t(i);a<s.length;a++)o=s[a],d.o(e,o)&&e[o]&&e[o][0](),e[o]=0;return d.O(p)},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 h=d.O(void 0,[1890,2576,8210,1270,3135,6677,6366,5211],(()=>d(11323)));return d.O(h)})()));
|
|
26
|
+
`}};t.activeOverlay=[],b([(0,f.property)({type:Boolean,attribute:"is-open",reflect:!0})],t.prototype,"isOpen",null),b([(0,f.property)({type:String})],t.prototype,"size",void 0),b([(0,f.property)({type:String,attribute:"max-height"})],t.prototype,"maxHeight",void 0),b([(0,f.property)({type:String,attribute:"custom-width"})],t.prototype,"customWidth",void 0),b([(0,f.property)({type:Boolean,attribute:"show-arrow"})],t.prototype,"showArrow",void 0),b([(0,f.property)({type:Boolean})],t.prototype,"disabled",void 0),b([(0,f.property)({type:String})],t.prototype,"placement",void 0),b([(0,f.property)({type:Boolean,attribute:"allow-hover-toggle"})],t.prototype,"allowHoverToggle",void 0),b([(0,f.property)({type:String})],t.prototype,"ariaRole",void 0),b([(0,f.property)({type:String})],t.prototype,"ariaLabel",void 0),b([(0,f.property)({type:Boolean,attribute:"is-date-picker"})],t.prototype,"isDatePicker",void 0),b([(0,f.property)({type:Number,attribute:"overlay-offset"})],t.prototype,"overlayOffset",void 0),b([(0,f.property)({type:Boolean,attribute:"keep-open-on-window-blur"})],t.prototype,"keepOpenOnWindowBlur",void 0),b([(0,f.query)(".overlay-container")],t.prototype,"overlayContainer",void 0),b([(0,f.query)(".overlay-arrow")],t.prototype,"arrow",void 0),b([(0,f.property)({type:String,attribute:"positioning-strategy"})],t.prototype,"positioningStrategy",void 0),b([(0,f.queryAssignedNodes)("menu-trigger",!0)],t.prototype,"trigger",void 0),t=b([(0,n.w)("md-menu-overlay")],t),e.ELEMENT=t}(C||(C={}))},22962:e=>{e.exports=t},41488:t=>{t.exports=e},68250:e=>{e.exports=r},69371:e=>{e.exports=o},84157:e=>{e.exports=i},97822:e=>{e.exports=n}},p={};function d(e){var t=p[e];if(void 0!==t)return t.exports;var i=p[e]={exports:{}};return a[e](i,i.exports,d),i.exports}d.m=a,l=[],d.O=(e,t,i,r)=>{if(!t){var o=1/0;for(p=0;p<l.length;p++){for(var[t,i,r]=l[p],s=!0,n=0;n<t.length;n++)(!1&r||o>=r)&&Object.keys(d.O).every((e=>d.O[e](t[n])))?t.splice(n--,1):(s=!1,r<o&&(o=r));if(s){l.splice(p--,1);var a=i();void 0!==a&&(e=a)}}return e}r=r||0;for(var p=l.length;p>0&&l[p-1][2]>r;p--)l[p]=l[p-1];l[p]=[t,i,r]},d.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return d.d(t,{a:t}),t},d.d=(e,t)=>{for(var i in t)d.o(t,i)&&!d.o(e,i)&&Object.defineProperty(e,i,{enumerable:!0,get:t[i]})},d.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),d.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},(()=>{var e={1323:0,1682:0};d.O.j=t=>0===e[t];var t=(t,i)=>{var r,o,[s,n,l]=i,a=0;if(s.some((t=>0!==e[t]))){for(r in n)d.o(n,r)&&(d.m[r]=n[r]);if(l)var p=l(d)}for(t&&t(i);a<s.length;a++)o=s[a],d.o(e,o)&&e[o]&&e[o][0](),e[o]=0;return d.O(p)},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 h=d.O(void 0,[1890,2576,8210,1270,3135,6677,6366,5211],(()=>d(11323)));return d.O(h)})()));
|