@momentum-ui/web-components 2.23.47 → 2.23.49
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/1598.js +1 -1
- package/dist/2555.js +63 -0
- package/dist/6067.js +1 -1
- package/dist/6273.js +69 -11
- package/dist/8004.js +1 -1
- package/dist/comp/md-coachmark-popover-entry.js +6 -6
- package/dist/comp/md-date-range-picker-entry.js +1 -1
- package/dist/comp/md-date-range-picker.js +1 -1
- package/dist/comp/md-datepicker-entry.js +65 -7
- package/dist/comp/md-datepicker.js +1 -1
- package/dist/comp/md-popover-entry.js +2 -2
- package/dist/comp/md-radio-entry.js +2 -0
- package/dist/index-entry.js +5 -3
- package/dist/index.js +1 -1
- package/dist/types/components/datepicker/DatePicker.d.ts +8 -0
- package/dist/types/components/popover/Popover.constants.d.ts +1 -0
- package/dist/types/components/popover/Popover.d.ts +5 -0
- package/package.json +1 -1
- package/dist/6652.js +0 -47
package/dist/1598.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";(self["momentum-web-components-[id]"]=self["momentum-web-components-[id]"]||[]).push([[1598],{11598:(o,e,r)=>{r.d(e,{A:()=>d});const d=r(41488).css`:host(:focus){box-shadow:none;outline:0}:host(md-checkbox){border-radius:.125rem;cursor:pointer;display:inline-flex;position:relative;vertical-align:middle}:host(md-checkbox) .checkbox-input{height:calc(1rem + .25rem);position:absolute;visibility:hidden;width:100%;padding-left:calc(.25rem);padding-right:calc(.25rem/2)}:host(md-checkbox) .checkbox-box{background:var(--checkbox-bg-color);color:var(--checkbox-icon-color);border:.0625rem solid var(--checkbox-border-color);border-radius:.125rem;height:1rem;width:1rem;position:relative;display:flex;align-items:center;justify-content:center}:host(md-checkbox) .checkbox-label{cursor:pointer;display:inline-flex;position:relative;width:100%;z-index:1;align-items:center;gap:.5rem;min-height:calc(1rem + 4px)}:host([focus-visible]:not([disabled])) .checkbox-box{box-shadow:0 0 0 .125rem var(--md-focus-inner-color),0 0 0 .25rem var(--md-focus-middle-color),0 0 0 .3125rem var(--md-focus-outer-color)}:host(:hover:not([disabled])) .checkbox-box{background:var(--checkbox-hover-bg-color);border:.0625rem solid var(--checkbox-hover-border-color)}:host(:active:not([disabled])) .checkbox-box{background:var(--checkbox-pressed-bg-color);border:.0625rem solid var(--checkbox-pressed-border-color)}:host([disabled]) .checkbox-label{cursor:not-allowed}:host([disabled]) .checkbox-box{color:var(--checkbox-disabled-text-color);border-color:var(--checkbox-disabled-border-color);background-color:var(--checkbox-disabled-bg-color)}:host([aria-checked=true]) .checkbox-box,:host([indeterminate]) .checkbox-box{background:var(--checkbox-selected-bg-color);border:.0625rem solid var(--checkbox-selected-border-color)}:host([aria-checked=true][disabled]) .checkbox-box,:host([indeterminate][disabled]) .checkbox-box{background:var(--checkbox-disabled-selected-bg-color);border-color:var(--checkbox-disabled-border-color);color:var(--checkbox-disabled-text-color)}:host([aria-checked=true][disabled]) .checkbox-label,:host([indeterminate][disabled]) .checkbox-label{color:var(--checkbox-disabled-text-color)}:host([aria-checked=true]:hover:not([disabled])) .checkbox-box,:host([indeterminate]:hover:not([disabled])) .checkbox-box{background:var(--checkbox-selected-hover-bg-color);border-color:var(--checkbox-selected-hover-border-color)}:host([aria-checked=true]:active:not([disabled])) .checkbox-box,:host([indeterminate]:active:not([disabled])) .checkbox-box{background:var(--checkbox-selected-pressed-bg-color);border-color:var(--checkbox-selected-pressed-border-color)}@media(forced-colors:active){:host([focus-visible]:not([disabled])){outline:2px solid Highlight;box-shadow:none}}:host([alignment=vertical]) div{display:inline-flex;flex-direction:column}:host([alignment=vertical]) div ::slotted(md-checkbox:not(:last-child)){margin-bottom:calc(.25rem*2)}:host([alignment=horizontal]) div{display:flex;flex-direction:row}:host([alignment=horizontal]) div ::slotted(md-checkbox:not(:last-child)){margin-right:calc(.25rem*10)}:host{--radio-label-text-color:var(--radio-input-text-color)}:host(md-radio) .md-radio-wrapper{max-height:1.375rem;display:inline-flex;gap:.5rem;align-items:center;max-width:100%}:host(md-radio) .md-radio-input{
|
|
1
|
+
"use strict";(self["momentum-web-components-[id]"]=self["momentum-web-components-[id]"]||[]).push([[1598],{11598:(o,e,r)=>{r.d(e,{A:()=>d});const d=r(41488).css`:host(:focus){box-shadow:none;outline:0}:host(md-checkbox){border-radius:.125rem;cursor:pointer;display:inline-flex;position:relative;vertical-align:middle}:host(md-checkbox) .checkbox-input{height:calc(1rem + .25rem);position:absolute;visibility:hidden;width:100%;padding-left:calc(.25rem);padding-right:calc(.25rem/2)}:host(md-checkbox) .checkbox-box{background:var(--checkbox-bg-color);color:var(--checkbox-icon-color);border:.0625rem solid var(--checkbox-border-color);border-radius:.125rem;height:1rem;width:1rem;position:relative;display:flex;align-items:center;justify-content:center}:host(md-checkbox) .checkbox-label{cursor:pointer;display:inline-flex;position:relative;width:100%;z-index:1;align-items:center;gap:.5rem;min-height:calc(1rem + 4px)}:host([focus-visible]:not([disabled])) .checkbox-box{box-shadow:0 0 0 .125rem var(--md-focus-inner-color),0 0 0 .25rem var(--md-focus-middle-color),0 0 0 .3125rem var(--md-focus-outer-color)}:host(:hover:not([disabled])) .checkbox-box{background:var(--checkbox-hover-bg-color);border:.0625rem solid var(--checkbox-hover-border-color)}:host(:active:not([disabled])) .checkbox-box{background:var(--checkbox-pressed-bg-color);border:.0625rem solid var(--checkbox-pressed-border-color)}:host([disabled]) .checkbox-label{cursor:not-allowed}:host([disabled]) .checkbox-box{color:var(--checkbox-disabled-text-color);border-color:var(--checkbox-disabled-border-color);background-color:var(--checkbox-disabled-bg-color)}:host([aria-checked=true]) .checkbox-box,:host([indeterminate]) .checkbox-box{background:var(--checkbox-selected-bg-color);border:.0625rem solid var(--checkbox-selected-border-color)}:host([aria-checked=true][disabled]) .checkbox-box,:host([indeterminate][disabled]) .checkbox-box{background:var(--checkbox-disabled-selected-bg-color);border-color:var(--checkbox-disabled-border-color);color:var(--checkbox-disabled-text-color)}:host([aria-checked=true][disabled]) .checkbox-label,:host([indeterminate][disabled]) .checkbox-label{color:var(--checkbox-disabled-text-color)}:host([aria-checked=true]:hover:not([disabled])) .checkbox-box,:host([indeterminate]:hover:not([disabled])) .checkbox-box{background:var(--checkbox-selected-hover-bg-color);border-color:var(--checkbox-selected-hover-border-color)}:host([aria-checked=true]:active:not([disabled])) .checkbox-box,:host([indeterminate]:active:not([disabled])) .checkbox-box{background:var(--checkbox-selected-pressed-bg-color);border-color:var(--checkbox-selected-pressed-border-color)}@media(forced-colors:active){:host([focus-visible]:not([disabled])){outline:2px solid Highlight;box-shadow:none}}:host([alignment=vertical]) div{display:inline-flex;flex-direction:column}:host([alignment=vertical]) div ::slotted(md-checkbox:not(:last-child)){margin-bottom:calc(.25rem*2)}:host([alignment=horizontal]) div{display:flex;flex-direction:row}:host([alignment=horizontal]) div ::slotted(md-checkbox:not(:last-child)){margin-right:calc(.25rem*10)}:host{--radio-label-text-color:var(--radio-input-text-color)}:host(md-radio) .md-radio-wrapper{position:relative;max-height:1.375rem;display:inline-flex;gap:.5rem;align-items:center;max-width:100%}:host(md-radio) .md-radio-input{position:absolute;top:0;left:0;height:1rem;width:1rem;opacity:0;cursor:pointer;margin:0;padding:0;border:0}:host(md-radio) .md-radio-icon{border:.0625rem solid var(--radio-input-border-color);border-top-left-radius:50%;border-top-right-radius:50%;border-bottom-left-radius:50%;border-bottom-right-radius:50%;background-color:var(--radio-input-bg-color);height:1rem;width:1rem;display:inline-flex;cursor:pointer;flex-shrink:0;flex-grow:0;align-items:center;justify-content:center;position:relative}:host(md-radio) .md-radio-label{color:var(--md-primary-text-color);cursor:pointer;font-size:14px;line-height:1.375rem;padding-right:.5rem;position:relative;vertical-align:middle;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block;width:100%}:host(:focus){box-shadow:none;outline:0}:host([focus-visible]:not([disabled])){box-shadow:none;outline:0}:host([focus-visible]:not([disabled])) .md-radio-icon{box-shadow:0 0 0 .125rem var(--md-focus-inner-color),0 0 0 .25rem var(--md-focus-middle-color),0 0 0 .3125rem var(--md-focus-outer-color)}:host(:hover:not([disabled])) .md-radio-icon{border:.0625rem solid var(--radio-input-hover-border-color);background-color:var(--radio-input-hover-bg-color)}:host(:active:not([disabled])) .md-radio-icon{border:.0625rem solid var(--radio-input-pressed-border-color);background-color:var(--radio-input-pressed-bg-color)}:host([disabled]){cursor:not-allowed}:host([disabled]) .md-radio-input{cursor:not-allowed}:host([disabled]) .md-radio-label{cursor:not-allowed;color:var(--radio-input-disabled-text-color)}:host([disabled]) .md-radio-icon{cursor:not-allowed;border-color:var(--radio-input-disabled-border-color);background-color:var(--radio-input-disabled-bg-color)}:host([checked]) .md-radio-icon{border-color:var(--radio-input-selected-border-color);background-color:var(--radio-input-selected-bg-color)}:host([checked]) .md-radio-icon:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:.375rem;height:.375rem;background-color:var(--radio-input-icon-color);border-radius:50%}:host([checked]:hover:not([disabled])) .md-radio-icon{border-color:var(--radio-input-selected-hover-border-color);background-color:var(--radio-input-selected-hover-bg-color)}:host([checked]:active:not([disabled])) .md-radio-icon{border-color:var(--radio-input-selected-pressed-border-color);background-color:var(--radio-input-selected-pressed-bg-color)}:host([checked][disabled]) .md-radio-icon{border-color:var(--radio-input-selected-disabled-border-color);background-color:var(--radio-input-selected-disabled-bg-color)}:host([checked][disabled]) .md-radio-icon:before{background-color:var(--radio-input-selected-disabled-border-color)}@media(forced-colors:active){:host(md-radio) .md-radio-icon{border:1px solid CanvasText}:host(:active:not([disabled])) .md-radio-label:before,:host(:hover:not([disabled])) .md-radio-icon{border:none;outline:2px solid Highlight;outline-offset:-1px}:host([checked]) .md-radio-icon{background-color:Highlight;border:none;outline:0}:host([checked]:hover:not([disabled])) .md-radio-icon{background-color:Highlight}:host([checked]) .md-radio-icon:before{content:"";position:absolute;top:50%;left:12px;transform:translate(-50%,-50%);width:8px;height:8px;background-color:Canvas;border-radius:50%}:host([focus-visible]:not([disabled])){outline:2px solid Highlight;outline-offset:-1px}}:host(md-radiogroup){display:flex}:host(md-radio){border-radius:.25rem;display:inline!important}:host([alignment=vertical]) div{display:inline-flex;flex-direction:column}:host([alignment=vertical]) div ::slotted(md-radio){margin-bottom:calc(.25rem*2)}:host([alignment=horizontal]) div{display:inline-flex;flex-direction:row}:host([alignment=horizontal]) div ::slotted(md-radio){margin-right:calc(.25rem*8)}:host([disabled]) div ::slotted(md-radio){pointer-events:none}:host(md-label) .md-label{color:var(--label-color,#000);font-family:var(--brand-font-regular, "CiscoSansTT Regular", "Helvetica Neue", Helvetica, Arial, sans-serif);font-size:var(--font-size-body-midsize,.875rem);line-height:1.25rem;display:flex;align-items:center}:host(md-label) .md-label.right{float:none!important;text-align:right}:host(md-label) .md-label.inline{margin:0 0 1rem 0;padding:.50390625rem 0}:host(md-label) .md-label small{text-transform:capitalize}:host(md-label) .md-label span{font-size:inherit}:host(md-label) .md-secondary-label{color:var(--label-secondary,#545454);display:flex;flex-grow:1;font-size:var(--font-size-body-midsize,.875rem);line-height:1.125rem;padding:.25rem 1rem 0}:host(.md-input__label.disabled) label,:host(.md-input__secondary-label.disabled) label{cursor:not-allowed}:host(.md-input__label.disabled.newMomentum) label,:host(.md-input__secondary-label.disabled.newMomentum) label{color:var(--input-default-new-disabled-color)!important}`}}]);
|
package/dist/2555.js
ADDED
|
@@ -0,0 +1,63 @@
|
|
|
1
|
+
"use strict";(self["momentum-web-components-[id]"]=self["momentum-web-components-[id]"]||[]).push([[1439,2555,3820,6677,9058],{63208:(e,t,i)=>{i(17814),i(61200);var r,o=i(31890),s=i(81625),n=i(26272),l=i(41488),a=i(14974),h=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){let t=class extends l.LitElement{constructor(){super(...arguments),this.monthFormat="MMMM yyyy",this.filterParams=void 0,this.handleMonthChange=void 0,this.datePickerProps=void 0,this.shortDay=!1,this.viewAnchorDate=(0,s.tB)(),this.localeMonth=void 0,this.setDate=(e,t)=>{this.viewAnchorDate=e,null==t||t()},this.increaseMonth=e=>{const{handleMonthChange:t}=this,{viewAnchorDate:i}=this;this.setDate((0,s.PS)(i,1),()=>t&&t(e,this.viewAnchorDate))},this.decreaseMonth=e=>{const{handleMonthChange:t}=this,{viewAnchorDate:i}=this;this.setDate((0,s.SL)(i,1),()=>t&&t(e,this.viewAnchorDate))},this.renderMonthName=()=>l.html` <div class="md-datepicker__navigation--current-month" aria-live="polite">${this.localeMonth}</div> `,this.renderPreviousMonthButton=()=>{var e,t;const i=(null===(e=this.filterParams)||void 0===e?void 0:e.minDate)&&(0,s.PD)(this.viewAnchorDate,null===(t=this.filterParams)||void 0===t?void 0:t.minDate);return l.html`
|
|
2
|
+
<md-button
|
|
3
|
+
variant="ghost"
|
|
4
|
+
circle
|
|
5
|
+
size="28"
|
|
6
|
+
aria-controls="Datepicker-Calendar"
|
|
7
|
+
aria-label=${"previous month"}
|
|
8
|
+
title=${"previous month"}
|
|
9
|
+
?disabled=${i}
|
|
10
|
+
@click=${!i&&this.decreaseMonth}
|
|
11
|
+
tabindex="-1"
|
|
12
|
+
>
|
|
13
|
+
<md-icon name="arrow-left-bold" size="16" iconSet="momentumDesign"></md-icon>
|
|
14
|
+
</md-button>
|
|
15
|
+
`},this.renderNextMonthButton=()=>{var e,t;const i=(null===(e=this.filterParams)||void 0===e?void 0:e.maxDate)&&(0,s.FO)(this.viewAnchorDate,null===(t=this.filterParams)||void 0===t?void 0:t.maxDate);return l.html`
|
|
16
|
+
<md-button
|
|
17
|
+
variant="ghost"
|
|
18
|
+
circle
|
|
19
|
+
size="28"
|
|
20
|
+
aria-controls="Datepicker-Calendar"
|
|
21
|
+
aria-label=${"next month"}
|
|
22
|
+
title=${"next month"}
|
|
23
|
+
?disabled=${i}
|
|
24
|
+
@click=${!i&&this.increaseMonth}
|
|
25
|
+
tabindex="-1"
|
|
26
|
+
><md-icon name="arrow-right-bold" size="16" iconSet="momentumDesign"></md-icon>
|
|
27
|
+
</md-button>
|
|
28
|
+
`},this.header=()=>{var e;const t=(0,s.mK)(this.viewAnchorDate,null===(e=this.datePickerProps)||void 0===e?void 0:e.weekStart);return[].concat([0,1,2,3,4,5,6].map(e=>{var i;const r=(0,s.fi)((0,s.WV)(t,(null===(i=this.datePickerProps)||void 0===i?void 0:i.locale)||"en"),e),o=(0,s.XN)(r),n=this.getWeekDayName(o,r);return l.html` <div class="md-datepicker__day--name">${n}</div> `}))},this.renderMonth=()=>l.html`
|
|
29
|
+
<div class="md-datepicker__month-container">
|
|
30
|
+
<div class="md-datepicker__header">
|
|
31
|
+
<div class="md-datepicker__navigation">
|
|
32
|
+
${this.renderMonthName()}
|
|
33
|
+
<div class="md-datepicker__navigation--buttons">
|
|
34
|
+
${this.renderPreviousMonthButton()} ${this.renderNextMonthButton()}
|
|
35
|
+
</div>
|
|
36
|
+
</div>
|
|
37
|
+
<div class="md-datepicker__day--names">${this.header()}</div>
|
|
38
|
+
</div>
|
|
39
|
+
<md-datepicker-month
|
|
40
|
+
.day=${this.viewAnchorDate}
|
|
41
|
+
.filterParams=${this.filterParams}
|
|
42
|
+
.datePickerProps=${this.datePickerProps}
|
|
43
|
+
></md-datepicker-month>
|
|
44
|
+
</div>
|
|
45
|
+
`}connectedCallback(){var e,t,i;super.connectedCallback(),this.viewAnchorDate=(null===(e=this.datePickerProps)||void 0===e?void 0:e.focused)||(null===(t=this.datePickerProps)||void 0===t?void 0:t.selected)||(0,s.tB)(),this.localeMonth=(0,s.WV)(this.viewAnchorDate,(null===(i=this.datePickerProps)||void 0===i?void 0:i.locale)||"en").toFormat(this.monthFormat)}updated(e){var t,i,r,o,n;super.updated(e),e.has("datePickerProps")&&(null===(null===(t=this.datePickerProps)||void 0===t?void 0:t.selected.invalidReason)&&(this.viewAnchorDate=this.datePickerProps.selected||(0,s.tB)()),this.localeMonth=((null===(i=this.datePickerProps)||void 0===i?void 0:i.locale)?(0,s.WV)(this.viewAnchorDate,null===(r=this.datePickerProps)||void 0===r?void 0:r.locale):this.viewAnchorDate).toFormat(this.monthFormat)),e.has("viewAnchorDate")&&(this.localeMonth=((null===(o=this.datePickerProps)||void 0===o?void 0:o.locale)?(0,s.WV)(this.viewAnchorDate,null===(n=this.datePickerProps)||void 0===n?void 0:n.locale):this.viewAnchorDate).toFormat(this.monthFormat))}getWeekDayName(e,t){return this.shortDay?(0,s.XY)(e,t):(0,s.DY)(e,t)}static get styles(){return[n.A,a.A]}render(){return l.html`
|
|
46
|
+
<div class="md-datepicker__calendar" id="Datepicker-Calendar">${this.viewAnchorDate&&this.renderMonth()}</div>
|
|
47
|
+
`}};h([(0,l.property)({attribute:!1})],t.prototype,"monthFormat",void 0),h([(0,l.property)({attribute:!1})],t.prototype,"filterParams",void 0),h([(0,l.property)({attribute:!1})],t.prototype,"handleMonthChange",void 0),h([(0,l.property)({attribute:!1})],t.prototype,"datePickerProps",void 0),h([(0,l.property)({type:Boolean,reflect:!0,attribute:"short-day"})],t.prototype,"shortDay",void 0),h([(0,l.internalProperty)()],t.prototype,"viewAnchorDate",void 0),h([(0,l.internalProperty)()],t.prototype,"localeMonth",void 0),t=h([(0,o.w)("md-datepicker-calendar")],t),e.ELEMENT=t}(r||(r={}))},66677:(e,t,i)=>{function r(e,t,i){let r;return function(...o){const s=this,n=i&&!r;clearTimeout(r),r=setTimeout(function(){r=null,i||e.apply(s,o)},t),n&&e.apply(s,o)}}function o(e,t){return function t(i){if(!i||i===document||i===window)return null;const r=i.closest(e);return null!=r?r:t(i.getRootNode().host)}(t)}function s(e,t=document){var i;const r=t instanceof ShadowRoot||t instanceof Document?t.querySelector(e):null===(i=t.shadowRoot)||void 0===i?void 0:i.querySelector(e);if(r)return r;const o=Array.from(t.querySelectorAll("*")).map(e=>{var t;return null!==(t=e.shadowRoot)&&void 0!==t?t:null}).filter(e=>null!==e);for(const t of o){const i=s(e,t);if(i)return i}return null}function n(e,t=document){if(t instanceof ShadowRoot||t instanceof Document){const i=t.getElementById(e);if(i)return i}const i=Array.from(t.querySelectorAll("*")).map(e=>{var t;return null!==(t=e.shadowRoot)&&void 0!==t?t:null}).filter(e=>null!==e);for(const t of i){const i=n(e,t);if(i)return i}return null}function l(){var e;let t=document.activeElement;for(;null===(e=null==t?void 0:t.shadowRoot)||void 0===e?void 0:e.activeElement;)t=t.shadowRoot.activeElement;return t}i.d(t,{QZ:()=>o,XI:()=>n,dw:()=>l,qi:()=>s,sg:()=>r})},71128:(e,t,i)=>{i.d(t,{PopoverController:()=>y}),i(96798),i(61200);var r=i(31890),o=i(28373),s=i(66677),n=i(5784),l=i(41488),a=i(40333),h=i(73679),d=i(68419),c=i(36365),p=i(3998),u=i(33759),v=i(50325),m=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},g=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())})};class y{show(e){}hide(){}toggle(){}isVisible(){return!1}}let f=class extends((0,o.d)(l.LitElement)){set controller(e){e?(e.show=(e=!1)=>this.showPopover(e),e.hide=()=>this.hidePopover(),e.toggle=()=>this.togglePopoverVisible(),e.isVisible=()=>this.visible,this._controller=e):this._controller=null}get controller(){return this._controller}constructor(){super(),this.id="",this.triggerID="",this.trigger=d.zY.TRIGGER,this.placement=d.zY.PLACEMENT,this.strategy=d.zY.STRATEGY,this.color=d.zY.COLOR,this.visible=d.zY.VISIBLE,this.offset=d.zY.OFFSET,this.focusTrap=d.zY.FOCUS_TRAP,this.preventScroll=d.zY.PREVENT_SCROLL,this.showArrow=d.zY.ARROW,this.closeButton=d.zY.CLOSE_BUTTON,this.interactive=d.zY.INTERACTIVE,this.delay=d.zY.DELAY,this.hideOnEscape=d.zY.HIDE_ON_ESCAPE,this.hideOnBlur=d.zY.HIDE_ON_BLUR,this.hideOnWindowBlur=d.zY.HIDE_ON_WINDOW_BLUR,this.hideOnOutsideClick=d.zY.HIDE_ON_CLICK_OUTSIDE,this.focusBackToTrigger=d.zY.FOCUS_BACK,this.backdrop=d.zY.BACKDROP,this.flip=d.zY.FLIP,this.size=d.zY.SIZE,this.zIndex=d.zY.Z_INDEX,this.appendTo="",this.closeButtonAriaLabel=null,this.role=d.zY.ROLE,this.ariaLabelledby=null,this.ariaDescribedby=null,this.disableAriaExpanded=d.zY.DISABLE_ARIA_EXPANDED,this.animationFrame=d.zY.ANIMATION_FRAME,this._controller=null,this.arrowElement=null,this.triggerElement=null,this.hoverTimer=null,this.isTriggerClicked=!1,this.openDelay=0,this.closeDelay=0,this.backdropElement=null,this.useLegacyFindFocusable=()=>!1,this.cleanupAutoUpdate=null,this.previousActiveElement=null,this.onOutsidePopoverClick=e=>{const t=e.composedPath();this.triggerElement&&t.includes(this.triggerElement)||t.includes(this)||p.S.shouldDeferToTopForOutsideClick(this)||this.hideThisPopover()},this.hideThisPopover=()=>{setTimeout(()=>{this.visible=!1,this.isTriggerClicked=!1,this.utils.handleAppendTo(!1)},this.closeDelay)},this.onEscapeKeydown=e=>{this.visible&&"Escape"===e.code&&(e.preventDefault(),this.hidePopover())},this.onPopoverFocusOut=e=>{const t=e.relatedTarget;!t||this.isElementInPopover(t)?t||setTimeout(()=>{const e=(0,s.dw)();this.isElementInPopover(e)||this.hidePopover()},0):this.hidePopover()},this.handleWindowBlurEvent=()=>{this.visible&&this.hidePopover()},this.startCloseDelay=()=>{if(this.interactive){if(this.isTriggerClicked)return;this.hoverTimer=window.setTimeout(()=>{this.visible=!1},this.closeDelay)}else this.hidePopover()},this.cancelCloseDelay=()=>{this.hoverTimer&&(clearTimeout(this.hoverTimer),this.hoverTimer=null)},this.showPopover=(e=!1)=>{this.cancelCloseDelay(),e&&this.openDelay>0?setTimeout(()=>{this.utils.handleAppendTo(!0),this.visible=!0},this.openDelay):(this.utils.handleAppendTo(!0),this.visible=!0)},this.hidePopover=()=>{p.S.peek()===this&&setTimeout(()=>{this.visible=!1,this.isTriggerClicked=!1,this.utils.handleAppendTo(!1)},this.closeDelay)},this.togglePopoverVisible=()=>{this.isTriggerClicked?this.hidePopover():(this.showPopover(),this.isTriggerClicked=!0)},this.onMouseEnterTrigger=()=>{this.trigger.includes("mouseenter")&&(this.visible||(this.previousActiveElement=(0,s.dw)()),this.showPopover(!0))},this.onFocusInTrigger=()=>{this.trigger.includes("focusin")&&this.showPopover(!1)},this.onTriggerClick=e=>{this.trigger.includes("mouseenter")&&this.isMouseOverTrigger(e)||this.togglePopoverVisible()},this.utils=new u.h(this),this.preventClickOutside=!0}firstUpdated(e){const t=Object.create(null,{firstUpdated:{get:()=>super.firstUpdated}});return g(this,void 0,void 0,function*(){t.firstUpdated.call(this,e),[this.openDelay,this.closeDelay]=this.utils.setupDelay(),this.utils.setupAccessibility(),this.style.zIndex=`${this.zIndex}`,c.T.onCreatedPopover(this),this.visible&&(this.utils.handleAppendTo(!0),this.positionPopover(),yield this.handleCreatePopoverFirstUpdate())})}disconnectedCallback(){const e=Object.create(null,{disconnectedCallback:{get:()=>super.disconnectedCallback}});return g(this,void 0,void 0,function*(){e.disconnectedCallback.call(this),this.cleanupAutoUpdate&&(this.cleanupAutoUpdate(),this.cleanupAutoUpdate=null),this._controller=null,this.previousActiveElement=null,this.removeEventListeners(),c.T.onDestroyedPopover(this),p.S.remove(this)})}setupTriggerListener(){if(!this.triggerID)return;const e=this.getRootNode();if(this.triggerElement=(0,s.qi)(`[id="${this.triggerID}"]`,e),!this.triggerElement){const t=null==e?void 0:e.host;if(t){const e=t.querySelector("[slot]");(null==e?void 0:e.id)===this.triggerID&&(this.triggerElement=e)}}if(this.triggerElement){if("mouseenter"===this.trigger&&(this.interactive?this.trigger="mouseenter click":this.trigger="mouseenter focusin"),this.trigger.includes("click")&&this.triggerElement.addEventListener("click",this.onTriggerClick),this.trigger.includes("mouseenter")){const e=this.renderRoot.querySelector(".popover-hover-bridge");this.triggerElement.addEventListener("mouseenter",this.onMouseEnterTrigger),this.triggerElement.addEventListener("mouseleave",this.startCloseDelay),this.addEventListener("mouseenter",this.cancelCloseDelay),this.addEventListener("mouseleave",this.startCloseDelay),null==e||e.addEventListener("mouseenter",this.cancelCloseDelay)}this.trigger.includes("focusin")&&(this.triggerElement.addEventListener("focusin",this.onFocusInTrigger),this.interactive||this.triggerElement.addEventListener("focusout",this.hidePopover)),this.addEventListener("focus-trap-exit",this.hidePopover)}}removeEventListeners(){if(!this.triggerElement)return;const e=this.renderRoot.querySelector(".popover-hover-bridge");this.triggerElement.removeEventListener("click",this.onTriggerClick),this.triggerElement.removeEventListener("mouseenter",this.onMouseEnterTrigger),this.triggerElement.removeEventListener("mouseleave",this.hidePopover),this.removeEventListener("mouseenter",this.cancelCloseDelay),this.removeEventListener("mouseleave",this.startCloseDelay),this.triggerElement.removeEventListener("focusin",this.onFocusInTrigger),this.triggerElement.removeEventListener("focusout",this.hidePopover),null==e||e.removeEventListener("mouseenter",this.cancelCloseDelay),this.removeEventListener("focus-trap-exit",this.hidePopover)}updated(e){const t=Object.create(null,{updated:{get:()=>super.updated}});return g(this,void 0,void 0,function*(){if(t.updated.call(this,e),e.has("visible")){const t=e.get("visible")||!1;yield this.isOpenUpdated(t,this.visible),this.utils.updateAriaExpandedAttribute()}if(e.has("placement")&&this.setAttribute("placement",Object.values(d.ME).includes(this.placement)?this.placement:d.zY.PLACEMENT),e.has("delay")&&([this.openDelay,this.closeDelay]=this.utils.setupDelay()),e.has("trigger")){const e=this.trigger.split(" ").filter(e=>Object.values(d.tr).includes(e));this.setAttribute("trigger",e.length>0?this.trigger:d.zY.TRIGGER),this.removeEventListeners(),this.setupTriggerListener()}e.has("triggerID")&&(this.removeEventListeners(),this.setupTriggerListener(),this.utils.setupAccessibility()),e.has("color")&&this.setAttribute("color",Object.values(d.o$).includes(this.color)?this.color:d.zY.COLOR),e.has("zIndex")&&this.setAttribute("z-index",`${this.zIndex}`),(e.has("interactive")||e.has("aria-label")||e.has("aria-labelledby"))&&this.utils.setupAccessibility(),e.has("disableAriaExpanded")&&this.utils.updateAriaExpandedAttribute(),e.has("interactive")&&this.utils.updateAriaHasPopupAttribute()})}isElementInPopover(e){return!!e&&(!!this.contains(e)||(0,s.QZ)("md-popover",e)===this)}isOpenUpdated(e,t){const i=Object.create(null,{preventScroll:{get:()=>super.preventScroll,set:e=>super.preventScroll=e}});return g(this,void 0,void 0,function*(){var r,o,s,n;if(e!==t&&this.triggerElement)if(t)p.S.peek()!==this&&p.S.push(this),i.preventScroll=this.preventScroll,this.focusTrap&&(null===(r=this.activateFocusTrap)||void 0===r||r.call(this)),this.backdrop&&(this.utils.createBackdrop(),this.triggerElement.style.zIndex=`${this.zIndex}`),this.positionPopover(),yield this.handleCreatePopoverFirstUpdate(),this.hideOnBlur&&(this.addEventListener("focusout",this.onPopoverFocusOut),"click"===this.trigger&&(this.triggerElement.style.pointerEvents="none")),this.hideOnWindowBlur&&window.addEventListener("blur",this.handleWindowBlurEvent),this.hideOnOutsideClick&&document.addEventListener("click",this.onOutsidePopoverClick),this.hideOnEscape&&document.addEventListener("keydown",this.onEscapeKeydown),c.T.onShowPopover(this);else{if(this.cleanupAutoUpdate&&(this.cleanupAutoUpdate(),this.cleanupAutoUpdate=null),p.S.removeItem(this),this.backdropElement&&(null===(o=this.backdropElement)||void 0===o||o.remove(),this.backdropElement=null),this.hideOnBlur&&(this.removeEventListener("focusout",this.onPopoverFocusOut),"click"===this.trigger&&(this.triggerElement.style.pointerEvents="")),this.hideOnWindowBlur&&window.removeEventListener("blur",this.handleWindowBlurEvent),this.hideOnOutsideClick&&document.removeEventListener("click",this.onOutsidePopoverClick),this.hideOnEscape&&document.removeEventListener("keydown",this.onEscapeKeydown),null===(s=this.deactivateFocusTrap)||void 0===s||s.call(this),this.disableAriaExpanded||this.triggerElement.removeAttribute("aria-expanded"),this.interactive){const e=this.triggerElement.getAttribute("aria-haspopup");"dialog"!==e&&"alertdialog"!==e||this.triggerElement.removeAttribute("aria-haspopup")}this.focusBackToTrigger&&(this.previousActiveElement instanceof HTMLElement?this.previousActiveElement.focus():null===(n=this.setFocusOnDeepestNestedElement)||void 0===n||n.call(this,this.triggerElement)),this.previousActiveElement=null,c.T.onHidePopover(this)}})}isRectOverTrigger(e,t){if(this.triggerElement&&"undefined"!=typeof window&&"undefined"!=typeof document){const i=this.triggerElement.getBoundingClientRect();return e>=i.left&&e<=i.right&&t>=i.top&&t<=i.bottom}return!1}isMouseOverTrigger(e){const{clientX:t,clientY:i}=e instanceof MouseEvent?e:{clientX:0,clientY:0};return this.isRectOverTrigger(t,i)}handleCreatePopoverFirstUpdate(){return g(this,void 0,void 0,function*(){var e,t;this.visible&&this.interactive&&(null===(e=this.setFocusableElements)||void 0===e||e.call(this),yield this.updateComplete,null===(t=this.setInitialFocus)||void 0===t||t.call(this))})}positionPopover(){if(!this.triggerElement)return;this.cleanupAutoUpdate&&(this.cleanupAutoUpdate(),this.cleanupAutoUpdate=null);const e=[(0,n.shift)()];let t=this.offset;if(this.flip&&e.push((0,n.flip)()),this.size){const t=this.renderRoot.querySelector('[part="popover-content"]');e.push((0,n.size)({apply({availableHeight:e}){t&&Object.assign(t.style,{maxHeight:`${e}px`,overflowY:"auto"})},padding:50}))}if(this.showArrow&&(this.arrowElement=this.renderRoot.querySelector(".popover-arrow"),this.arrowElement)){const i=this.arrowElement.offsetHeight;t=Math.sqrt(2*i**2)/2+this.offset,e.push((0,n.arrow)({element:this.arrowElement,padding:12}))}e.push((0,n.offset)(t)),this.cleanupAutoUpdate=(0,n.autoUpdate)(this.triggerElement,this,()=>g(this,void 0,void 0,function*(){if(!this.triggerElement)return;const{x:t,y:i,middlewareData:r,placement:o}=yield(0,n.computePosition)(this.triggerElement,this,{placement:this.placement,middleware:e,strategy:this.strategy});this.utils.updatePopoverStyle(t,i),r.arrow&&this.arrowElement&&this.utils.updateArrowStyle(r.arrow,o),this.trigger.includes("mouseenter")&&this.utils.setupHoverBridge(o)}),{animationFrame:this.animationFrame})}render(){return l.html`
|
|
48
|
+
<div class="popover-hover-bridge"></div>
|
|
49
|
+
${this.closeButton?l.html` <md-button
|
|
50
|
+
class="popover-close"
|
|
51
|
+
hasRemoveStyle
|
|
52
|
+
size="20"
|
|
53
|
+
circle
|
|
54
|
+
ariaLabel=${(0,h.ifDefined)(this.closeButtonAriaLabel)||""}
|
|
55
|
+
@button-click="${this.hidePopover}"
|
|
56
|
+
>
|
|
57
|
+
<md-icon name="cancel-bold" size="16" iconSet="momentumDesign"></md-icon>
|
|
58
|
+
</md-button>`:a.nothing}
|
|
59
|
+
${this.showArrow?l.html`<div class="popover-arrow"></div>`:a.nothing}
|
|
60
|
+
<div part="popover-content">
|
|
61
|
+
<slot></slot>
|
|
62
|
+
</div>
|
|
63
|
+
`}static get styles(){return[v.A]}};m([(0,l.property)({type:String,reflect:!0})],f.prototype,"id",void 0),m([(0,l.property)({type:String,reflect:!0})],f.prototype,"triggerID",void 0),m([(0,l.property)({type:String,reflect:!0})],f.prototype,"trigger",void 0),m([(0,l.property)({type:String,reflect:!0})],f.prototype,"placement",void 0),m([(0,l.property)({type:String,reflect:!0})],f.prototype,"strategy",void 0),m([(0,l.property)({type:String,reflect:!0})],f.prototype,"color",void 0),m([(0,l.property)({type:Boolean,reflect:!0})],f.prototype,"visible",void 0),m([(0,l.property)({type:Number,reflect:!0})],f.prototype,"offset",void 0),m([(0,l.property)({type:Boolean,reflect:!0,attribute:"focus-trap"})],f.prototype,"focusTrap",void 0),m([(0,l.property)({type:Boolean,reflect:!0,attribute:"prevent-scroll"})],f.prototype,"preventScroll",void 0),m([(0,l.property)({type:Boolean,reflect:!0,attribute:"show-arrow"})],f.prototype,"showArrow",void 0),m([(0,l.property)({type:Boolean,reflect:!0,attribute:"close-button"})],f.prototype,"closeButton",void 0),m([(0,l.property)({type:Boolean,reflect:!0})],f.prototype,"interactive",void 0),m([(0,l.property)({type:String,reflect:!0})],f.prototype,"delay",void 0),m([(0,l.property)({type:Boolean,reflect:!0,attribute:"hide-on-escape"})],f.prototype,"hideOnEscape",void 0),m([(0,l.property)({type:Boolean,reflect:!0,attribute:"hide-on-blur"})],f.prototype,"hideOnBlur",void 0),m([(0,l.property)({type:Boolean,reflect:!0,attribute:"hide-on-window-blur"})],f.prototype,"hideOnWindowBlur",void 0),m([(0,l.property)({type:Boolean,reflect:!0,attribute:"hide-on-outside-click"})],f.prototype,"hideOnOutsideClick",void 0),m([(0,l.property)({type:Boolean,reflect:!0,attribute:"focus-back-to-trigger"})],f.prototype,"focusBackToTrigger",void 0),m([(0,l.property)({type:Boolean,reflect:!0})],f.prototype,"backdrop",void 0),m([(0,l.property)({type:Boolean,reflect:!0})],f.prototype,"flip",void 0),m([(0,l.property)({type:Boolean,reflect:!0})],f.prototype,"size",void 0),m([(0,l.property)({type:Number,reflect:!0,attribute:"z-index"})],f.prototype,"zIndex",void 0),m([(0,l.property)({type:String,reflect:!0,attribute:"append-to"})],f.prototype,"appendTo",void 0),m([(0,l.property)({type:String,attribute:"close-button-aria-label",reflect:!0})],f.prototype,"closeButtonAriaLabel",void 0),m([(0,l.property)({type:String,reflect:!0})],f.prototype,"role",void 0),m([(0,l.property)({type:String,reflect:!0,attribute:"aria-labelledby"})],f.prototype,"ariaLabelledby",void 0),m([(0,l.property)({type:String,reflect:!0,attribute:"aria-describedby"})],f.prototype,"ariaDescribedby",void 0),m([(0,l.property)({type:Boolean,reflect:!0,attribute:"disable-aria-expanded"})],f.prototype,"disableAriaExpanded",void 0),m([(0,l.property)({type:Boolean,reflect:!0,attribute:"animation-frame"})],f.prototype,"animationFrame",void 0),m([(0,l.property)({type:Object,attribute:!1})],f.prototype,"controller",null),f=m([(0,r.w)("md-popover")],f)}}]);
|
package/dist/6067.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";(self["momentum-web-components-[id]"]=self["momentum-web-components-[id]"]||[]).push([[6067],{76067:(o,r,e)=>{e.d(r,{A:()=>d});const d=e(41488).css`:host{--radio-label-text-color:var(--radio-input-text-color)}:host(md-radio) .md-radio-wrapper{max-height:1.375rem;display:inline-flex;gap:.5rem;align-items:center;max-width:100%}:host(md-radio) .md-radio-input{
|
|
1
|
+
"use strict";(self["momentum-web-components-[id]"]=self["momentum-web-components-[id]"]||[]).push([[6067],{76067:(o,r,e)=>{e.d(r,{A:()=>d});const d=e(41488).css`:host{--radio-label-text-color:var(--radio-input-text-color)}:host(md-radio) .md-radio-wrapper{position:relative;max-height:1.375rem;display:inline-flex;gap:.5rem;align-items:center;max-width:100%}:host(md-radio) .md-radio-input{position:absolute;top:0;left:0;height:1rem;width:1rem;opacity:0;cursor:pointer;margin:0;padding:0;border:0}:host(md-radio) .md-radio-icon{border:.0625rem solid var(--radio-input-border-color);border-top-left-radius:50%;border-top-right-radius:50%;border-bottom-left-radius:50%;border-bottom-right-radius:50%;background-color:var(--radio-input-bg-color);height:1rem;width:1rem;display:inline-flex;cursor:pointer;flex-shrink:0;flex-grow:0;align-items:center;justify-content:center;position:relative}:host(md-radio) .md-radio-label{color:var(--md-primary-text-color);cursor:pointer;font-size:14px;line-height:1.375rem;padding-right:.5rem;position:relative;vertical-align:middle;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block;width:100%}:host(:focus){box-shadow:none;outline:0}:host([focus-visible]:not([disabled])){box-shadow:none;outline:0}:host([focus-visible]:not([disabled])) .md-radio-icon{box-shadow:0 0 0 .125rem var(--md-focus-inner-color),0 0 0 .25rem var(--md-focus-middle-color),0 0 0 .3125rem var(--md-focus-outer-color)}:host(:hover:not([disabled])) .md-radio-icon{border:.0625rem solid var(--radio-input-hover-border-color);background-color:var(--radio-input-hover-bg-color)}:host(:active:not([disabled])) .md-radio-icon{border:.0625rem solid var(--radio-input-pressed-border-color);background-color:var(--radio-input-pressed-bg-color)}:host([disabled]){cursor:not-allowed}:host([disabled]) .md-radio-input{cursor:not-allowed}:host([disabled]) .md-radio-label{cursor:not-allowed;color:var(--radio-input-disabled-text-color)}:host([disabled]) .md-radio-icon{cursor:not-allowed;border-color:var(--radio-input-disabled-border-color);background-color:var(--radio-input-disabled-bg-color)}:host([checked]) .md-radio-icon{border-color:var(--radio-input-selected-border-color);background-color:var(--radio-input-selected-bg-color)}:host([checked]) .md-radio-icon:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:.375rem;height:.375rem;background-color:var(--radio-input-icon-color);border-radius:50%}:host([checked]:hover:not([disabled])) .md-radio-icon{border-color:var(--radio-input-selected-hover-border-color);background-color:var(--radio-input-selected-hover-bg-color)}:host([checked]:active:not([disabled])) .md-radio-icon{border-color:var(--radio-input-selected-pressed-border-color);background-color:var(--radio-input-selected-pressed-bg-color)}:host([checked][disabled]) .md-radio-icon{border-color:var(--radio-input-selected-disabled-border-color);background-color:var(--radio-input-selected-disabled-bg-color)}:host([checked][disabled]) .md-radio-icon:before{background-color:var(--radio-input-selected-disabled-border-color)}@media(forced-colors:active){:host(md-radio) .md-radio-icon{border:1px solid CanvasText}:host(:active:not([disabled])) .md-radio-label:before,:host(:hover:not([disabled])) .md-radio-icon{border:none;outline:2px solid Highlight;outline-offset:-1px}:host([checked]) .md-radio-icon{background-color:Highlight;border:none;outline:0}:host([checked]:hover:not([disabled])) .md-radio-icon{background-color:Highlight}:host([checked]) .md-radio-icon:before{content:"";position:absolute;top:50%;left:12px;transform:translate(-50%,-50%);width:8px;height:8px;background-color:Canvas;border-radius:50%}:host([focus-visible]:not([disabled])){outline:2px solid Highlight;outline-offset:-1px}}:host(md-radiogroup){display:flex}:host(md-radio){border-radius:.25rem;display:inline!important}:host([alignment=vertical]) div{display:inline-flex;flex-direction:column}:host([alignment=vertical]) div ::slotted(md-radio){margin-bottom:calc(.25rem*2)}:host([alignment=horizontal]) div{display:inline-flex;flex-direction:row}:host([alignment=horizontal]) div ::slotted(md-radio){margin-right:calc(.25rem*8)}:host([disabled]) div ::slotted(md-radio){pointer-events:none}`}}]);
|
package/dist/6273.js
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
"use strict";(self["momentum-web-components-[id]"]=self["momentum-web-components-[id]"]||[]).push([[6273],{38654:(t,
|
|
1
|
+
"use strict";(self["momentum-web-components-[id]"]=self["momentum-web-components-[id]"]||[]).push([[6273],{38654:(e,t,i)=>{i.d(t,{DatePicker:()=>a}),i(63208),i(96408),i(11323);var a,o=i(90195),r=i(37719),s=i(31890),l=i(81625),n=i(66677),d=i(74548),p=i(41488),h=i(97822),c=i(65796),u=i(14974),m=i(71128),v=function(e,t,i,a){var o,r=arguments.length,s=r<3?t:null===a?a=Object.getOwnPropertyDescriptor(t,i):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,a);else for(var l=e.length-1;l>=0;l--)(o=e[l])&&(s=(r<3?o(s):r>3?o(t,i,s):o(t,i))||s);return r>3&&s&&Object.defineProperty(t,i,s),s};!function(e){e.weekStartDays=["Sunday","Monday"];let t=class extends p.LitElement{constructor(){super(...arguments),this.shouldCloseOnSelect=!1,this.maxDate=void 0,this.minDate=void 0,this.value=void 0,this.weekStart="Sunday",this.placeholder=void 0,this.locale=void 0,this.useISOFormat=!0,this.validateDate=!0,this.includesTime=!1,this.disabled=!1,this.htmlId="",this.label="",this.ariaLabel=null,this.displayValue=null,this.required=!1,this.errorMessage="",this.customTrigger=!1,this.isMenuOverlayOpen=!1,this.newMomentum=void 0,this.disableUserTextInput=!1,this.compactInput=void 0,this.controlButtons=void 0,this.positioningStrategy=void 0,this.showDefaultNowDate=!0,this.usePopover=!1,this.triggerID="date-trigger",this.animationFrame=!1,this.selectedDate=(0,l.tB)(),this.focusedDate=(0,l.tB)(),this.filterDate=void 0,this.maxDateData=void 0,this.minDateData=void 0,this.popoverController=null,this.handleDateInputChange=e=>{var t,i;this.useISOFormat?this.value=null===(t=null==e?void 0:e.detail)||void 0===t?void 0:t.value:this.value=null===(i=this.selectedDate)||void 0===i?void 0:i.toLocaleString(c.DateTime.DATE_SHORT,{locale:this.locale}),this.dispatchEvent(new CustomEvent("date-input-change",{bubbles:!0,composed:!0,detail:{sourceEvent:e,value:this.value}}))},this.setOpen=e=>{var t,i;this.usePopover?e?null===(t=this.popoverController)||void 0===t||t.show():null===(i=this.popoverController)||void 0===i||i.hide():this.menuOverlay.isOpen=e,this.isMenuOverlayOpen=e},this.setPreSelection=e=>{const t={maxDate:this.maxDateData,minDate:this.minDateData,filterDate:this.filterDate};(0,l.t_)(e,t)||(this.focusedDate=e)},this.handleInputKeyDown=e=>{e.code===o.Uz.ArrowDown&&this.setOpen(!0)},this.handleKeyDown=e=>{const t=e.detail.sourceEvent;let i=!1;const a=this.focusedDate;switch(!t.shiftKey&&t.code){case"Space":case"Enter":this.handleSelect(e),i=!0;break;case"Escape":this.setOpen(!1);break;case"ArrowUp":this.setPreSelection((0,l.WB)(a,1)),i=!0;break;case"ArrowLeft":this.setPreSelection((0,l.gg)(a,1)),i=!0;break;case"ArrowRight":this.setPreSelection((0,l.fi)(a,1)),i=!0;break;case"ArrowDown":this.setPreSelection((0,l.J4)(a,1)),i=!0}i&&(t.stopPropagation(),t.preventDefault())},this.getDefaultAriaLabel=()=>{var e;return(null===(e=this.selectedDate)||void 0===e?void 0:e.isValid)?`Choose Date, selected date is ${this.selectedDate.toLocaleString(c.DateTime.DATE_FULL)}`:"Choose Date"},this.getValidRegexString=()=>this.includesTime?d.b.ISOString:d.b.ISODateString}get computedNewMomentum(){return void 0!==this.newMomentum?this.newMomentum:r.themeManager.isMomentumV2Enabled}static get styles(){return u.A}connectedCallback(){super.connectedCallback(),this.minDate&&(this.minDateData=(0,l.mA)(this.minDate)),this.maxDate&&(this.maxDateData=(0,l.mA)(this.maxDate)),this.usePopover&&(this.popoverController=new m.PopoverController)}firstUpdated(e){super.firstUpdated(e),!this.value&&this.showDefaultNowDate&&(this.value=this.getFormattedDate(this.selectedDate))}updated(e){if(super.updated(e),this.value&&e.has("value")){if((0,n.QZ)("md-date-range-picker",this))return;this.useISOFormat?this.selectedDate=(0,l.mA)(this.value):this.selectedDate=c.DateTime.fromFormat(this.value,(0,l.gq)(this.locale),{locale:this.locale}),this.setPreSelection(this.selectedDate)}e.has("locale")&&this.render(),this.minDate&&e.has("minDate")&&(this.minDateData=(0,l.mA)(this.minDate)),this.maxDate&&e.has("maxDate")&&(this.maxDateData=(0,l.mA)(this.maxDate)),!this.usePopover&&e.has("usePopover")&&(this.popoverController=new m.PopoverController)}handleSelect(e){var t;const i=e.detail.date,a=e.detail.sourceEvent;this.setPreSelection(i),this.dispatchEvent(new CustomEvent("date-pre-selection-change",{bubbles:!0,composed:!0,detail:{sourceEvent:a,data:i}})),(null===(t=this.controlButtons)||void 0===t?void 0:t.apply)&&"apply-button-clicked"!==(null==a?void 0:a.type)||(this.setSelected(i,a),this.shouldCloseOnSelect&&this.setOpen(!1))}getISODateTime(e){return this.includesTime?e.startOf("second").toISO({suppressMilliseconds:!0}):e.toISODate()}setSelected(e,t){const i={maxDate:this.maxDateData,minDate:this.minDateData,filterDate:this.filterDate};if(!(0,l.t_)(e,i)){const t=this.getISODateTime(e);this.selectedDate=e,this.useISOFormat?this.value=t:this.value=e.toLocaleString(c.DateTime.DATE_SHORT,{locale:this.locale})}this.dispatchEvent(new CustomEvent("date-selection-change",{bubbles:!0,composed:!0,detail:{sourceEvent:t,data:e}}))}validateDateString(e){if(!e&&""!==e)return!0;if(this.useISOFormat){const t=RegExp(this.getValidRegexString()),i={maxDate:this.maxDateData,minDate:this.minDateData,filterDate:this.filterDate};return!!e&&t.test(e)&&!(0,l.t_)((0,l.mA)(e),i)}const t=(0,l.gq)(this.locale);return c.DateTime.fromFormat(e,t,{locale:this.locale}).isValid}isValueValid(){return!this.validateDate||this.validateDateString(this.value)}get messageArray(){return this.errorMessage?[{message:this.errorMessage,type:"error"}]:this.isValueValid()?[]:[{message:"",type:"error"}]}onCancelClick(){this.setOpen(!1)}onApplyClick(){this.handleSelect(new CustomEvent("day-select",{detail:{date:this.focusedDate,sourceEvent:new Event("apply-button-clicked")}}))}renderControlButtons(){var e,t,i,a,o,r;return this.controlButtons?p.html`
|
|
2
2
|
<div class="control-buttons">
|
|
3
3
|
${this.controlButtons.cancel?p.html`
|
|
4
4
|
<md-button
|
|
5
5
|
class="cancel-button"
|
|
6
|
-
aria-label=${(0,h.ifDefined)(null===(
|
|
7
|
-
?disabled=${null!==(i=null===(
|
|
6
|
+
aria-label=${(0,h.ifDefined)(null===(e=this.controlButtons.cancel)||void 0===e?void 0:e.ariaLabel)}
|
|
7
|
+
?disabled=${null!==(i=null===(t=this.controlButtons.cancel)||void 0===t?void 0:t.disabled)&&void 0!==i&&i}
|
|
8
8
|
@button-click=${this.onCancelClick}
|
|
9
9
|
variant="secondary"
|
|
10
10
|
>
|
|
@@ -15,7 +15,7 @@
|
|
|
15
15
|
<md-button
|
|
16
16
|
class="apply-button"
|
|
17
17
|
aria-label=${(0,h.ifDefined)(null===(a=this.controlButtons.apply)||void 0===a?void 0:a.ariaLabel)}
|
|
18
|
-
?disabled=${null!==(
|
|
18
|
+
?disabled=${null!==(r=null===(o=this.controlButtons.apply)||void 0===o?void 0:o.disabled)&&void 0!==r&&r}
|
|
19
19
|
@button-click=${this.onApplyClick}
|
|
20
20
|
variant="primary"
|
|
21
21
|
>
|
|
@@ -23,7 +23,65 @@
|
|
|
23
23
|
</md-button>
|
|
24
24
|
`:null}
|
|
25
25
|
</div>
|
|
26
|
-
`:p.html``}getPlaceHolderString(){var
|
|
26
|
+
`:p.html``}getPlaceHolderString(){var e;return this.placeholder?this.placeholder:this.useISOFormat?"YYYY-MM-DD":(0,l.gq)(null!==(e=this.locale)&&void 0!==e?e:c.DateTime.local().locale).toUpperCase()}getFormattedDate(e){return e?this.useISOFormat?this.getISODateTime(e):this.includesTime?e.toLocaleString(c.DateTime.DATETIME_SHORT,{locale:this.locale}):e.toLocaleString(c.DateTime.DATE_SHORT,{locale:this.locale}):null}getAriaLabel(){var e;return null!==(e=this.ariaLabel)&&void 0!==e?e:this.getDefaultAriaLabel()}get isAriaExpanded(){return this.isMenuOverlayOpen?"true":"false"}renderPopover(){var e,t;return p.html`
|
|
27
|
+
<md-popover
|
|
28
|
+
trigger="click"
|
|
29
|
+
.triggerID=${this.triggerID}
|
|
30
|
+
placement="bottom"
|
|
31
|
+
strategy=${(0,h.ifDefined)(this.positioningStrategy)}
|
|
32
|
+
hide-on-escape
|
|
33
|
+
hide-on-outside-click
|
|
34
|
+
focus-trap
|
|
35
|
+
focus-back-to-trigger
|
|
36
|
+
.controller=${this.popoverController}
|
|
37
|
+
?animation-frame=${this.animationFrame}
|
|
38
|
+
.offset=${15}
|
|
39
|
+
>
|
|
40
|
+
<div class="date-overlay-content">
|
|
41
|
+
<md-datepicker-calendar
|
|
42
|
+
@day-select=${e=>this.handleSelect(e)}
|
|
43
|
+
@day-key-event=${e=>this.handleKeyDown(e)}
|
|
44
|
+
.datePickerProps=${{locale:this.locale,selected:this.selectedDate,focused:this.focusedDate,weekStart:this.weekStart}}
|
|
45
|
+
?short-day=${this.computedNewMomentum}
|
|
46
|
+
.filterParams=${{minDate:this.minDateData,maxDate:this.maxDateData,filterDate:this.filterDate}}
|
|
47
|
+
></md-datepicker-calendar>
|
|
48
|
+
<slot name="time-picker"></slot>
|
|
49
|
+
${this.renderControlButtons()}
|
|
50
|
+
</div>
|
|
51
|
+
</md-popover>
|
|
52
|
+
${this.customTrigger?p.html`
|
|
53
|
+
<span slot="menu-trigger">
|
|
54
|
+
<slot name="date-trigger"></slot>
|
|
55
|
+
</span>
|
|
56
|
+
`:p.html`
|
|
57
|
+
<md-input
|
|
58
|
+
id="date-trigger"
|
|
59
|
+
class="date-input"
|
|
60
|
+
slot="menu-trigger"
|
|
61
|
+
role="combobox"
|
|
62
|
+
?newMomentum=${this.computedNewMomentum}
|
|
63
|
+
placeholder=${this.getPlaceHolderString()}
|
|
64
|
+
value=${null!==(e=this.displayValue)&&void 0!==e?e:(0,h.ifDefined)(null!==(t=this.value)&&void 0!==t?t:void 0)}
|
|
65
|
+
.disableUserTextInput=${this.disableUserTextInput}
|
|
66
|
+
htmlId=${this.htmlId}
|
|
67
|
+
label=${this.label}
|
|
68
|
+
ariaLabel=${this.getAriaLabel()}
|
|
69
|
+
ariaExpanded=${this.isAriaExpanded}
|
|
70
|
+
ariaControls="date-overlay-content"
|
|
71
|
+
auxiliaryContentPosition="before"
|
|
72
|
+
?required=${this.required}
|
|
73
|
+
@keydown=${e=>this.handleInputKeyDown(e)}
|
|
74
|
+
@input-change="${e=>this.handleDateInputChange(e)}"
|
|
75
|
+
?disabled=${this.disabled}
|
|
76
|
+
?hide-message=${!this.errorMessage||this.isValueValid()}
|
|
77
|
+
ariaInvalid=${!!this.errorMessage||!this.isValueValid()}
|
|
78
|
+
.messageArr=${this.messageArray}
|
|
79
|
+
?compact=${this.compactInput}
|
|
80
|
+
>
|
|
81
|
+
<md-icon slot="input-section" name="calendar-month-bold" size="16" iconSet="momentumDesign"></md-icon>
|
|
82
|
+
</md-input>
|
|
83
|
+
`}
|
|
84
|
+
`}renderMenuOverlay(){var e,t;return p.html`
|
|
27
85
|
<md-menu-overlay
|
|
28
86
|
is-date-picker
|
|
29
87
|
custom-width="272px"
|
|
@@ -41,7 +99,7 @@
|
|
|
41
99
|
role="combobox"
|
|
42
100
|
?newMomentum=${this.computedNewMomentum}
|
|
43
101
|
placeholder=${this.getPlaceHolderString()}
|
|
44
|
-
value=${null!==(
|
|
102
|
+
value=${null!==(e=this.displayValue)&&void 0!==e?e:(0,h.ifDefined)(null!==(t=this.value)&&void 0!==t?t:void 0)}
|
|
45
103
|
.disableUserTextInput=${this.disableUserTextInput}
|
|
46
104
|
htmlId=${this.htmlId}
|
|
47
105
|
label=${this.label}
|
|
@@ -50,8 +108,8 @@
|
|
|
50
108
|
ariaControls="date-overlay-content"
|
|
51
109
|
auxiliaryContentPosition="before"
|
|
52
110
|
?required=${this.required}
|
|
53
|
-
@keydown=${
|
|
54
|
-
@input-change="${
|
|
111
|
+
@keydown=${e=>this.handleInputKeyDown(e)}
|
|
112
|
+
@input-change="${e=>this.handleDateInputChange(e)}"
|
|
55
113
|
?disabled=${this.disabled}
|
|
56
114
|
?hide-message=${!this.errorMessage||this.isValueValid()}
|
|
57
115
|
ariaInvalid=${!!this.errorMessage||!this.isValueValid()}
|
|
@@ -64,8 +122,8 @@
|
|
|
64
122
|
|
|
65
123
|
<div class="date-overlay-content">
|
|
66
124
|
<md-datepicker-calendar
|
|
67
|
-
@day-select=${
|
|
68
|
-
@day-key-event=${
|
|
125
|
+
@day-select=${e=>this.handleSelect(e)}
|
|
126
|
+
@day-key-event=${e=>this.handleKeyDown(e)}
|
|
69
127
|
.datePickerProps=${{locale:this.locale,selected:this.selectedDate,focused:this.focusedDate,weekStart:this.weekStart}}
|
|
70
128
|
?short-day=${this.computedNewMomentum}
|
|
71
129
|
.filterParams=${{minDate:this.minDateData,maxDate:this.maxDateData,filterDate:this.filterDate}}
|
|
@@ -74,4 +132,4 @@
|
|
|
74
132
|
${this.renderControlButtons()}
|
|
75
133
|
</div>
|
|
76
134
|
</md-menu-overlay>
|
|
77
|
-
`}};
|
|
135
|
+
`}render(){return this.usePopover?this.renderPopover():this.renderMenuOverlay()}};v([(0,p.property)({type:Boolean,attribute:"should-close-on-select"})],t.prototype,"shouldCloseOnSelect",void 0),v([(0,p.property)({type:String})],t.prototype,"maxDate",void 0),v([(0,p.property)({type:String})],t.prototype,"minDate",void 0),v([(0,p.property)({type:String,reflect:!0})],t.prototype,"value",void 0),v([(0,p.property)({type:String})],t.prototype,"weekStart",void 0),v([(0,p.property)({type:String,reflect:!0})],t.prototype,"placeholder",void 0),v([(0,p.property)({type:String})],t.prototype,"locale",void 0),v([(0,p.property)({type:Boolean})],t.prototype,"useISOFormat",void 0),v([(0,p.property)({type:Boolean})],t.prototype,"validateDate",void 0),v([(0,p.property)({type:Boolean,reflect:!0,attribute:"includes-time"})],t.prototype,"includesTime",void 0),v([(0,p.property)({type:Boolean})],t.prototype,"disabled",void 0),v([(0,p.property)({type:String})],t.prototype,"htmlId",void 0),v([(0,p.property)({type:String})],t.prototype,"label",void 0),v([(0,p.property)({type:String})],t.prototype,"ariaLabel",void 0),v([(0,p.property)({type:String})],t.prototype,"displayValue",void 0),v([(0,p.property)({type:Boolean})],t.prototype,"required",void 0),v([(0,p.property)({type:String,reflect:!0})],t.prototype,"errorMessage",void 0),v([(0,p.property)({type:Boolean,attribute:"custom-trigger"})],t.prototype,"customTrigger",void 0),v([(0,p.property)({type:Boolean})],t.prototype,"isMenuOverlayOpen",void 0),v([(0,p.property)({type:Boolean})],t.prototype,"newMomentum",void 0),v([(0,p.property)({type:Boolean})],t.prototype,"disableUserTextInput",void 0),v([(0,p.property)({type:Boolean,attribute:"compact-input"})],t.prototype,"compactInput",void 0),v([(0,p.property)({type:Object,attribute:!1})],t.prototype,"controlButtons",void 0),v([(0,p.property)({type:String,attribute:"positioning-strategy"})],t.prototype,"positioningStrategy",void 0),v([(0,p.property)({type:Boolean,attribute:"show-default-now-date"})],t.prototype,"showDefaultNowDate",void 0),v([(0,p.property)({type:Boolean,attribute:"use-popover"})],t.prototype,"usePopover",void 0),v([(0,p.property)({type:String,attribute:"triggerID"})],t.prototype,"triggerID",void 0),v([(0,p.property)({type:Boolean,reflect:!0,attribute:"animation-frame"})],t.prototype,"animationFrame",void 0),v([(0,p.internalProperty)()],t.prototype,"selectedDate",void 0),v([(0,p.internalProperty)()],t.prototype,"focusedDate",void 0),v([(0,p.internalProperty)()],t.prototype,"filterDate",void 0),v([(0,p.internalProperty)()],t.prototype,"maxDateData",void 0),v([(0,p.internalProperty)()],t.prototype,"minDateData",void 0),v([(0,p.query)("md-menu-overlay")],t.prototype,"menuOverlay",void 0),v([(0,p.query)("md-popover")],t.prototype,"popoverElement",void 0),t=v([(0,s.w)("md-datepicker")],t),e.ELEMENT=t}(a||(a={}))}}]);
|
package/dist/8004.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";(self["momentum-web-components-[id]"]=self["momentum-web-components-[id]"]||[]).push([[8004],{3998:(e,o,t)=>{t.d(o,{S:()=>r});const r=new class{constructor(){this.stack=[]}push(e){this.stack.push(e)}pop(){return this.stack.pop()}removeItem(e){this.stack=this.stack.filter(o=>o!==e)}peek(){return this.stack[this.stack.length-1]}remove(e){this.stack=this.stack.filter(o=>o!==e)}clear(){this.stack=[]}shouldDeferToTopForOutsideClick(e){const o=this.peek();return!(!o||o===e||!(o.triggerElement&&e.contains(o.triggerElement)||e.triggerElement&&o.contains(e.triggerElement)))}}},33759:(e,o,t)=>{t.d(o,{h:()=>i});var r=t(66677);class i{constructor(e){this.arrowPixelChange=!1,this.originalParent=null,this.originalNextSibling=null,this.popover=e}setupDelay(){try{const[e,o]=this.popover.delay.split(",").map(e=>{const o=parseInt(e,10);if(Number.isNaN(o)||o<0)throw new Error(`Invalid delay value: ${e}`);return o});return[e,o]}catch(e){return this.popover.delay="0,0",[0,0]}}setupHoverBridge(e){const o=this.popover.renderRoot.querySelector(".popover-hover-bridge");Object.assign(o.style,{top:"",left:"",right:"",bottom:""});const t=`calc(${this.popover.showArrow?"0.75rem + ":""}${this.popover.offset}px)`,r=this.popover.offsetHeight||0,i=this.popover.offsetWidth||0,p=!!this.popover.appendTo&&this.originalParent;if(o){const s=e.split("-")[0];switch(p&&this.popover.trigger.includes("mouseenter")&&o.addEventListener("mouseenter",this.popover.cancelCloseDelay),s){case"top":o.style.height=t,o.style.bottom=`calc(-1 * (${t}))`,o.style.left="50%",o.style.width=`${i}px`;break;case"left":o.style.height=`${r}px`,o.style.width=t,o.style.right=`calc(-1.5 * (${t}))`;break;case"right":o.style.height=`${r}px`,o.style.width=t,o.style.left=`calc(-0.5 * (${t}))`;break;default:o.style.height=t,o.style.top=`calc(-1 * (${t}))`,o.style.left="50%",o.style.width=`${i}px`}}}handleAppendTo(e){if(this.popover.appendTo)if(e){this.originalParent=this.popover.parentNode,this.originalNextSibling=this.popover.nextSibling;const e=(0,r.XI)(this.popover.appendTo,document);if(e&&(this.popover.removeEventListeners(),e.appendChild(this.popover),this.popover.setupTriggerListener(),this.popover.trigger.includes("mouseenter"))){const e=this.popover.renderRoot.querySelector(".popover-hover-bridge");e&&e.addEventListener("mouseenter",this.popover.cancelCloseDelay)}}else this.originalParent&&(this.popover.removeEventListeners(),this.originalNextSibling?this.originalParent.insertBefore(this.popover,this.originalNextSibling):this.originalParent.appendChild(this.popover),this.popover.setupTriggerListener())}setupAccessibility(){var e,o,t;"dialog"!==this.popover.role&&"alertdialog"!==this.popover.role||this.popover.toggleAttribute("aria-modal",this.popover.interactive),this.popover.interactive?(this.popover.setAttribute("aria-modal","true"),this.popover.ariaLabel||(this.popover.ariaLabel=(null===(e=this.popover.triggerElement)||void 0===e?void 0:e.ariaLabel)||(null===(o=this.popover.triggerElement)||void 0===o?void 0:o.textContent)||""),this.popover.ariaLabelledby||(this.popover.ariaLabelledby=(null===(t=this.popover.triggerElement)||void 0===t?void 0:t.id)||"")):this.popover.removeAttribute("aria-modal")}updateAriaHasPopupAttribute(){var e,o,t;this.popover.interactive?null===(e=this.popover.triggerElement)||void 0===e||e.setAttribute("aria-haspopup",(null===(o=this.popover.triggerElement)||void 0===o?void 0:o.getAttribute("aria-haspopup"))||"dialog"):null===(t=this.popover.triggerElement)||void 0===t||t.removeAttribute("aria-haspopup")}updateAriaExpandedAttribute(){var e,o;this.popover.disableAriaExpanded?null===(e=this.popover.triggerElement)||void 0===e||e.removeAttribute("aria-expanded"):null===(o=this.popover.triggerElement)||void 0===o||o.setAttribute("aria-expanded",`${this.popover.visible}`)}updateArrowStyle(e,o){var t;if(!this.popover.arrowElement)return;const r=o.split("-")[0],i={top:"bottom",right:"left",bottom:"top",left:"right"}[r],{x:p,y:s}=e,a=this.popover.arrowElement.getBoundingClientRect(),n=null===(t=this.popover.arrowElement.offsetParent)||void 0===t?void 0:t.getBoundingClientRect();if(!this.arrowPixelChange){const e=(null==n?void 0:n[i])?12-Math.abs(a[i]-n[i]):0;1===Math.round(e)?this.arrowPixelChange=!0:this.arrowPixelChange=!1}const l=this.arrowPixelChange?.5:0;this.popover.arrowElement.setAttribute("data-side",r),Object.assign(this.popover.arrowElement.style,{left:null!=p?`${p}px`:"",top:null!=s?`${s}px`:"",[i]:-this.popover.arrowElement.offsetHeight/2-l+"px"})}updatePopoverStyle(e,o){Object.assign(this.popover.style,{left:`${e}px`,top:`${o}px`})}createBackdrop(){var e;if(!this.popover.backdropElement){const o=document.createElement("div");o.classList.add("popover-backdrop"),null===(e=this.popover.parentElement)||void 0===e||e.appendChild(o);const t=document.createElement("style");t.textContent=`\n .popover-backdrop {\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: transparent;\n z-index: ${this.popover.zIndex-1};\n }\n `,o.appendChild(t),this.popover.backdropElement=o}}}},36365:(e,o,t)=>{t.d(o,{T:()=>r});class r{static dispatchPopoverEvent(e,o){o.dispatchEvent(new CustomEvent(e,{detail:{show:o.visible},composed:!0,bubbles:!0}))}static onShowPopover(e){this.dispatchPopoverEvent("shown",e)}static onHidePopover(e){this.dispatchPopoverEvent("hidden",e)}static onCreatedPopover(e){this.dispatchPopoverEvent("created",e)}static onDestroyedPopover(e){this.dispatchPopoverEvent("destroyed",e)}}},50325:(e,o,t)=>{t.d(o,{A:()=>r});const r=t(41488).css`:host{--md-popover-arrow-border-radius:0.1875rem;--md-popover-arrow-border:0.0625rem solid var(--popover-border-color);--md-popover-elevation-3:var(--md-elevation-3);--md-popover-max-width:max-content;--md-popover-max-height:auto;--md-popover-position:absolute;display:none;position:var(--md-popover-position);top:0;left:0;box-sizing:content-box;background-color:var(--popover-bg-color);border-radius:.5rem;border:.0625rem solid var(--popover-border-color);filter:var(--md-popover-elevation-3);width:var(--md-popover-max-width)}:host([strategy=fixed]){--md-popover-position:fixed}:host([visible]){display:block}:host([color=contrast]){background-color:var(--popover-inverted-bg-color);border-color:var(--popover-inverted-border-color);color:var(--popover-inverted-text-color)}:host([color=contrast]) .popover-arrow{background-color:var(--popover-inverted-bg-color);border-color:var(--popover-inverted-border-color)}:host([color=contrast]) .popover-close{color:var(--popover-inverted-text-color)}:host::part(popover-content){position:relative;padding:.75rem;min-width:max-content;z-index:9998;max-height:var(--md-popover-max-height)}.popover-hover-bridge{position:absolute;transform:translateX(-50%);background:rgba(0,0,0,0);pointer-events:auto}.popover-arrow{position:absolute;width:1rem;height:1rem;background-color:var(--popover-bg-color);transform:rotate(45deg);pointer-events:none;border:var(--md-popover-arrow-border)}.popover-close{position:absolute;right:.75rem;top:.75rem;cursor:pointer;z-index:9999;padding-left:.5rem;width:1.25rem;height:1.25rem}.popover-arrow[data-side=top]{border-top:none;border-left:none;border-bottom-right-radius:var(--md-popover-arrow-border-radius);border-top-left-radius:100%}.popover-arrow[data-side=bottom]{border-bottom:none;border-right:none;border-top-left-radius:var(--md-popover-arrow-border-radius);border-bottom-right-radius:100%}.popover-arrow[data-side=right]{border-top:none;border-right:none;border-bottom-left-radius:var(--md-popover-arrow-border-radius);border-top-right-radius:100%}.popover-arrow[data-side=left]{border-bottom:none;border-left:none;border-top-right-radius:var(--md-popover-arrow-border-radius);border-bottom-left-radius:100%}`},68419:(e,o,t)=>{t.d(o,{ME:()=>r,o$:()=>p,tr:()=>i,zY:()=>s});const r={LEFT_START:"left-start",LEFT:"left",LEFT_END:"left-end",RIGHT_START:"right-start",RIGHT:"right",RIGHT_END:"right-end",TOP_START:"top-start",TOP:"top",TOP_END:"top-end",BOTTOM_START:"bottom-start",BOTTOM:"bottom",BOTTOM_END:"bottom-end"},i={CLICK:"click",MOUSEENTER:"mouseenter",FOCUSIN:"focusin",MANUAL:"manual"},p={TONAL:"tonal",CONTRAST:"contrast"},s={PLACEMENT:r.BOTTOM,STRATEGY:"absolute",TRIGGER:i.CLICK,COLOR:p.TONAL,OFFSET:4,VISIBLE:!1,ARROW:!1,CLOSE_BUTTON:!1,FOCUS_TRAP:!1,INTERACTIVE:!1,PREVENT_SCROLL:!1,HIDE_ON_ESCAPE:!1,HIDE_ON_BLUR:!1,HIDE_ON_WINDOW_BLUR:!1,HIDE_ON_CLICK_OUTSIDE:!1,FOCUS_BACK:!1,BACKDROP:!1,FLIP:!0,SIZE:!1,DELAY:"0,0",ROLE:"dialog",Z_INDEX:1e3,DISABLE_ARIA_EXPANDED:!1}}}]);
|
|
1
|
+
"use strict";(self["momentum-web-components-[id]"]=self["momentum-web-components-[id]"]||[]).push([[8004],{3998:(e,o,t)=>{t.d(o,{S:()=>r});const r=new class{constructor(){this.stack=[]}push(e){this.stack.push(e)}pop(){return this.stack.pop()}removeItem(e){this.stack=this.stack.filter(o=>o!==e)}peek(){return this.stack[this.stack.length-1]}remove(e){this.stack=this.stack.filter(o=>o!==e)}clear(){this.stack=[]}shouldDeferToTopForOutsideClick(e){const o=this.peek();return!(!o||o===e||!(o.triggerElement&&e.contains(o.triggerElement)||e.triggerElement&&o.contains(e.triggerElement)))}}},33759:(e,o,t)=>{t.d(o,{h:()=>i});var r=t(66677);class i{constructor(e){this.arrowPixelChange=!1,this.originalParent=null,this.originalNextSibling=null,this.popover=e}setupDelay(){try{const[e,o]=this.popover.delay.split(",").map(e=>{const o=parseInt(e,10);if(Number.isNaN(o)||o<0)throw new Error(`Invalid delay value: ${e}`);return o});return[e,o]}catch(e){return this.popover.delay="0,0",[0,0]}}setupHoverBridge(e){const o=this.popover.renderRoot.querySelector(".popover-hover-bridge");Object.assign(o.style,{top:"",left:"",right:"",bottom:""});const t=`calc(${this.popover.showArrow?"0.75rem + ":""}${this.popover.offset}px)`,r=this.popover.offsetHeight||0,i=this.popover.offsetWidth||0,p=!!this.popover.appendTo&&this.originalParent;if(o){const s=e.split("-")[0];switch(p&&this.popover.trigger.includes("mouseenter")&&o.addEventListener("mouseenter",this.popover.cancelCloseDelay),s){case"top":o.style.height=t,o.style.bottom=`calc(-1 * (${t}))`,o.style.left="50%",o.style.width=`${i}px`;break;case"left":o.style.height=`${r}px`,o.style.width=t,o.style.right=`calc(-1.5 * (${t}))`;break;case"right":o.style.height=`${r}px`,o.style.width=t,o.style.left=`calc(-0.5 * (${t}))`;break;default:o.style.height=t,o.style.top=`calc(-1 * (${t}))`,o.style.left="50%",o.style.width=`${i}px`}}}handleAppendTo(e){if(this.popover.appendTo)if(e){this.originalParent=this.popover.parentNode,this.originalNextSibling=this.popover.nextSibling;const e=(0,r.XI)(this.popover.appendTo,document);if(e&&(this.popover.removeEventListeners(),e.appendChild(this.popover),this.popover.setupTriggerListener(),this.popover.trigger.includes("mouseenter"))){const e=this.popover.renderRoot.querySelector(".popover-hover-bridge");e&&e.addEventListener("mouseenter",this.popover.cancelCloseDelay)}}else this.originalParent&&(this.popover.removeEventListeners(),this.originalNextSibling?this.originalParent.insertBefore(this.popover,this.originalNextSibling):this.originalParent.appendChild(this.popover),this.popover.setupTriggerListener())}setupAccessibility(){var e,o,t;"dialog"!==this.popover.role&&"alertdialog"!==this.popover.role||this.popover.toggleAttribute("aria-modal",this.popover.interactive),this.popover.interactive?(this.popover.setAttribute("aria-modal","true"),this.popover.ariaLabel||(this.popover.ariaLabel=(null===(e=this.popover.triggerElement)||void 0===e?void 0:e.ariaLabel)||(null===(o=this.popover.triggerElement)||void 0===o?void 0:o.textContent)||""),this.popover.ariaLabelledby||(this.popover.ariaLabelledby=(null===(t=this.popover.triggerElement)||void 0===t?void 0:t.id)||"")):this.popover.removeAttribute("aria-modal")}updateAriaHasPopupAttribute(){var e,o,t;this.popover.interactive?null===(e=this.popover.triggerElement)||void 0===e||e.setAttribute("aria-haspopup",(null===(o=this.popover.triggerElement)||void 0===o?void 0:o.getAttribute("aria-haspopup"))||"dialog"):null===(t=this.popover.triggerElement)||void 0===t||t.removeAttribute("aria-haspopup")}updateAriaExpandedAttribute(){var e,o;this.popover.disableAriaExpanded?null===(e=this.popover.triggerElement)||void 0===e||e.removeAttribute("aria-expanded"):null===(o=this.popover.triggerElement)||void 0===o||o.setAttribute("aria-expanded",`${this.popover.visible}`)}updateArrowStyle(e,o){var t;if(!this.popover.arrowElement)return;const r=o.split("-")[0],i={top:"bottom",right:"left",bottom:"top",left:"right"}[r],{x:p,y:s}=e,a=this.popover.arrowElement.getBoundingClientRect(),n=null===(t=this.popover.arrowElement.offsetParent)||void 0===t?void 0:t.getBoundingClientRect();if(!this.arrowPixelChange){const e=(null==n?void 0:n[i])?12-Math.abs(a[i]-n[i]):0;1===Math.round(e)?this.arrowPixelChange=!0:this.arrowPixelChange=!1}const l=this.arrowPixelChange?.5:0;this.popover.arrowElement.setAttribute("data-side",r),Object.assign(this.popover.arrowElement.style,{left:null!=p?`${p}px`:"",top:null!=s?`${s}px`:"",[i]:-this.popover.arrowElement.offsetHeight/2-l+"px"})}updatePopoverStyle(e,o){Object.assign(this.popover.style,{left:`${e}px`,top:`${o}px`})}createBackdrop(){var e;if(!this.popover.backdropElement){const o=document.createElement("div");o.classList.add("popover-backdrop"),null===(e=this.popover.parentElement)||void 0===e||e.appendChild(o);const t=document.createElement("style");t.textContent=`\n .popover-backdrop {\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: transparent;\n z-index: ${this.popover.zIndex-1};\n }\n `,o.appendChild(t),this.popover.backdropElement=o}}}},36365:(e,o,t)=>{t.d(o,{T:()=>r});class r{static dispatchPopoverEvent(e,o){o.dispatchEvent(new CustomEvent(e,{detail:{show:o.visible},composed:!0,bubbles:!0}))}static onShowPopover(e){this.dispatchPopoverEvent("shown",e)}static onHidePopover(e){this.dispatchPopoverEvent("hidden",e)}static onCreatedPopover(e){this.dispatchPopoverEvent("created",e)}static onDestroyedPopover(e){this.dispatchPopoverEvent("destroyed",e)}}},50325:(e,o,t)=>{t.d(o,{A:()=>r});const r=t(41488).css`:host{--md-popover-arrow-border-radius:0.1875rem;--md-popover-arrow-border:0.0625rem solid var(--popover-border-color);--md-popover-elevation-3:var(--md-elevation-3);--md-popover-max-width:max-content;--md-popover-max-height:auto;--md-popover-position:absolute;display:none;position:var(--md-popover-position);top:0;left:0;box-sizing:content-box;background-color:var(--popover-bg-color);border-radius:.5rem;border:.0625rem solid var(--popover-border-color);filter:var(--md-popover-elevation-3);width:var(--md-popover-max-width)}:host([strategy=fixed]){--md-popover-position:fixed}:host([visible]){display:block}:host([color=contrast]){background-color:var(--popover-inverted-bg-color);border-color:var(--popover-inverted-border-color);color:var(--popover-inverted-text-color)}:host([color=contrast]) .popover-arrow{background-color:var(--popover-inverted-bg-color);border-color:var(--popover-inverted-border-color)}:host([color=contrast]) .popover-close{color:var(--popover-inverted-text-color)}:host::part(popover-content){position:relative;padding:.75rem;min-width:max-content;z-index:9998;max-height:var(--md-popover-max-height)}.popover-hover-bridge{position:absolute;transform:translateX(-50%);background:rgba(0,0,0,0);pointer-events:auto}.popover-arrow{position:absolute;width:1rem;height:1rem;background-color:var(--popover-bg-color);transform:rotate(45deg);pointer-events:none;border:var(--md-popover-arrow-border)}.popover-close{position:absolute;right:.75rem;top:.75rem;cursor:pointer;z-index:9999;padding-left:.5rem;width:1.25rem;height:1.25rem}.popover-arrow[data-side=top]{border-top:none;border-left:none;border-bottom-right-radius:var(--md-popover-arrow-border-radius);border-top-left-radius:100%}.popover-arrow[data-side=bottom]{border-bottom:none;border-right:none;border-top-left-radius:var(--md-popover-arrow-border-radius);border-bottom-right-radius:100%}.popover-arrow[data-side=right]{border-top:none;border-right:none;border-bottom-left-radius:var(--md-popover-arrow-border-radius);border-top-right-radius:100%}.popover-arrow[data-side=left]{border-bottom:none;border-left:none;border-top-right-radius:var(--md-popover-arrow-border-radius);border-bottom-left-radius:100%}`},68419:(e,o,t)=>{t.d(o,{ME:()=>r,o$:()=>p,tr:()=>i,zY:()=>s});const r={LEFT_START:"left-start",LEFT:"left",LEFT_END:"left-end",RIGHT_START:"right-start",RIGHT:"right",RIGHT_END:"right-end",TOP_START:"top-start",TOP:"top",TOP_END:"top-end",BOTTOM_START:"bottom-start",BOTTOM:"bottom",BOTTOM_END:"bottom-end"},i={CLICK:"click",MOUSEENTER:"mouseenter",FOCUSIN:"focusin",MANUAL:"manual"},p={TONAL:"tonal",CONTRAST:"contrast"},s={PLACEMENT:r.BOTTOM,STRATEGY:"absolute",TRIGGER:i.CLICK,COLOR:p.TONAL,OFFSET:4,VISIBLE:!1,ARROW:!1,CLOSE_BUTTON:!1,FOCUS_TRAP:!1,INTERACTIVE:!1,PREVENT_SCROLL:!1,HIDE_ON_ESCAPE:!1,HIDE_ON_BLUR:!1,HIDE_ON_WINDOW_BLUR:!1,HIDE_ON_CLICK_OUTSIDE:!1,FOCUS_BACK:!1,BACKDROP:!1,FLIP:!0,SIZE:!1,DELAY:"0,0",ROLE:"dialog",Z_INDEX:1e3,DISABLE_ARIA_EXPANDED:!1,ANIMATION_FRAME:!1}}}]);
|
|
@@ -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/class-map"),require("lit-html/directives/style-map"),require("lit-html"),require("lit-html/directives/if-defined"),require("@momentum-ui/icons/data/momentumUiIconsNames.json"),require("@momentum-ui/utils/lib/getColorValue"),require("mobx"),require("@floating-ui/dom"),require("lit-html/directives/if-defined.js"));else if("function"==typeof define&&define.amd)define(["lit-element","lit-html/directives/class-map","lit-html/directives/style-map","lit-html","lit-html/directives/if-defined","@momentum-ui/icons/data/momentumUiIconsNames.json","@momentum-ui/utils/lib/getColorValue","mobx","@floating-ui/dom","lit-html/directives/if-defined.js"],t);else{var i="object"==typeof exports?t(require("lit-element"),require("lit-html/directives/class-map"),require("lit-html/directives/style-map"),require("lit-html"),require("lit-html/directives/if-defined"),require("@momentum-ui/icons/data/momentumUiIconsNames.json"),require("@momentum-ui/utils/lib/getColorValue"),require("mobx"),require("@floating-ui/dom"),require("lit-html/directives/if-defined.js")):t(e["lit-element"],e["lit-html/directives/class-map"],e["lit-html/directives/style-map"],e["lit-html"],e["lit-html/directives/if-defined"],e["@momentum-ui/icons/data/momentumUiIconsNames.json"],e["@momentum-ui/utils/lib/getColorValue"],e.mobx,e["@floating-ui/dom"],e["lit-html/directives/if-defined.js"]);for(var r in i)("object"==typeof exports?exports:e)[r]=i[r]}}(self,(e,t,i,r,o,s,n,l,h
|
|
1
|
+
!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("lit-element"),require("lit-html/directives/class-map"),require("lit-html/directives/style-map"),require("lit-html"),require("lit-html/directives/if-defined"),require("@momentum-ui/icons/data/momentumUiIconsNames.json"),require("@momentum-ui/utils/lib/getColorValue"),require("mobx"),require("@floating-ui/dom"),require("lit-html/directives/if-defined.js"));else if("function"==typeof define&&define.amd)define(["lit-element","lit-html/directives/class-map","lit-html/directives/style-map","lit-html","lit-html/directives/if-defined","@momentum-ui/icons/data/momentumUiIconsNames.json","@momentum-ui/utils/lib/getColorValue","mobx","@floating-ui/dom","lit-html/directives/if-defined.js"],t);else{var i="object"==typeof exports?t(require("lit-element"),require("lit-html/directives/class-map"),require("lit-html/directives/style-map"),require("lit-html"),require("lit-html/directives/if-defined"),require("@momentum-ui/icons/data/momentumUiIconsNames.json"),require("@momentum-ui/utils/lib/getColorValue"),require("mobx"),require("@floating-ui/dom"),require("lit-html/directives/if-defined.js")):t(e["lit-element"],e["lit-html/directives/class-map"],e["lit-html/directives/style-map"],e["lit-html"],e["lit-html/directives/if-defined"],e["@momentum-ui/icons/data/momentumUiIconsNames.json"],e["@momentum-ui/utils/lib/getColorValue"],e.mobx,e["@floating-ui/dom"],e["lit-html/directives/if-defined.js"]);for(var r in i)("object"==typeof exports?exports:e)[r]=i[r]}}(self,(e,t,i,r,o,s,n,l,a,h)=>(()=>{"use strict";var p,c={5784:e=>{e.exports=a},8229:e=>{e.exports=i},23968:e=>{e.exports=t},29895:(e,t,i)=>{i.r(t),i.d(t,{CoachmarkPopover:()=>r}),i(96798),i(61200),i(71128);var r,o=i(31890),s=i(26272),n=i(41488),l=i(23968),a=i(40587),h=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){let t=class extends n.LitElement{constructor(){super(...arguments),this.placement="bottom",this.triggerID="",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[s.A,a.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 n.html`
|
|
2
2
|
<div class="md-coachmark__content">
|
|
3
3
|
${this.message?this.message:n.html` <slot name="coachmark-content" @slotchange=${this.handleSlotChange}></slot> `}
|
|
4
4
|
</div>
|
|
@@ -50,20 +50,20 @@
|
|
|
50
50
|
${this.renderHeader()} ${this.renderBody()} ${this.renderFooter()}
|
|
51
51
|
</div>
|
|
52
52
|
</md-popover>
|
|
53
|
-
`}};a([(0,n.property)({type:String})],t.prototype,"placement",void 0),a([(0,n.property)({type:String,reflect:!0})],t.prototype,"triggerID",void 0),a([(0,n.property)({type:String})],t.prototype,"headerIconName",void 0),a([(0,n.property)({type:String})],t.prototype,"header",void 0),a([(0,n.property)({type:String})],t.prototype,"message",void 0),a([(0,n.property)({type:Boolean})],t.prototype,"show",void 0),a([(0,n.property)({type:Boolean,reflect:!0,attribute:"hide-close-button"})],t.prototype,"hideCloseButton",void 0),a([(0,n.property)({type:String})],t.prototype,"primaryButton",void 0),a([(0,n.property)({type:String})],t.prototype,"secondaryButton",void 0),a([(0,n.property)({type:String})],t.prototype,"linkText",void 0),a([(0,n.property)({type:String})],t.prototype,"href",void 0),a([(0,n.query)(".md-coachmark__trigger-component")],t.prototype,"triggerComponent",void 0),a([(0,n.query)(".md-coachmark__popper")],t.prototype,"popper",void 0),t=a([(0,o.w)("md-coachmark-popover")],t),e.ELEMENT=t}(r||(r={}))},32022:e=>{e.exports=s},40333:e=>{e.exports=r},41488:t=>{t.exports=e},60554:e=>{e.exports=n},71128:(e,t,i)=>{i(96798),i(61200);var r=i(31890),o=i(28373),s=i(66677),n=i(5784),l=i(41488),h=i(40333),a=i(73679),p=i(68419),c=i(36365),d=i(3998),u=i(33759),v=i(50325),m=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},g=function(e,t,i,r){return new(i||(i=Promise))(function(o,s){function n(e){try{h(r.next(e))}catch(e){s(e)}}function l(e){try{h(r.throw(e))}catch(e){s(e)}}function h(e){var t;e.done?o(e.value):(t=e.value,t instanceof i?t:new i(function(e){e(t)})).then(n,l)}h((r=r.apply(e,t||[])).next())})};let y=class extends((0,o.d)(l.LitElement)){set controller(e){e?(e.show=(e=!1)=>this.showPopover(e),e.hide=()=>this.hidePopover(),e.toggle=()=>this.togglePopoverVisible(),e.isVisible=()=>this.visible,this._controller=e):this._controller=null}get controller(){return this._controller}constructor(){super(),this.id="",this.triggerID="",this.trigger=p.zY.TRIGGER,this.placement=p.zY.PLACEMENT,this.strategy=p.zY.STRATEGY,this.color=p.zY.COLOR,this.visible=p.zY.VISIBLE,this.offset=p.zY.OFFSET,this.focusTrap=p.zY.FOCUS_TRAP,this.preventScroll=p.zY.PREVENT_SCROLL,this.showArrow=p.zY.ARROW,this.closeButton=p.zY.CLOSE_BUTTON,this.interactive=p.zY.INTERACTIVE,this.delay=p.zY.DELAY,this.hideOnEscape=p.zY.HIDE_ON_ESCAPE,this.hideOnBlur=p.zY.HIDE_ON_BLUR,this.hideOnWindowBlur=p.zY.HIDE_ON_WINDOW_BLUR,this.hideOnOutsideClick=p.zY.HIDE_ON_CLICK_OUTSIDE,this.focusBackToTrigger=p.zY.FOCUS_BACK,this.backdrop=p.zY.BACKDROP,this.flip=p.zY.FLIP,this.size=p.zY.SIZE,this.zIndex=p.zY.Z_INDEX,this.appendTo="",this.closeButtonAriaLabel=null,this.role=p.zY.ROLE,this.ariaLabelledby=null,this.ariaDescribedby=null,this.disableAriaExpanded=p.zY.DISABLE_ARIA_EXPANDED,this._controller=null,this.arrowElement=null,this.triggerElement=null,this.hoverTimer=null,this.isTriggerClicked=!1,this.openDelay=0,this.closeDelay=0,this.backdropElement=null,this.useLegacyFindFocusable=()=>!1,this.cleanupAutoUpdate=null,this.previousActiveElement=null,this.onOutsidePopoverClick=e=>{const t=e.composedPath();this.triggerElement&&t.includes(this.triggerElement)||t.includes(this)||d.S.shouldDeferToTopForOutsideClick(this)||this.hideThisPopover()},this.hideThisPopover=()=>{setTimeout(()=>{this.visible=!1,this.isTriggerClicked=!1,this.utils.handleAppendTo(!1)},this.closeDelay)},this.onEscapeKeydown=e=>{this.visible&&"Escape"===e.code&&(e.preventDefault(),this.hidePopover())},this.onPopoverFocusOut=e=>{const t=e.relatedTarget;!t||this.isElementInPopover(t)?t||setTimeout(()=>{const e=(0,s.dw)();this.isElementInPopover(e)||this.hidePopover()},0):this.hidePopover()},this.handleWindowBlurEvent=()=>{this.visible&&this.hidePopover()},this.startCloseDelay=()=>{if(this.interactive){if(this.isTriggerClicked)return;this.hoverTimer=window.setTimeout(()=>{this.visible=!1},this.closeDelay)}else this.hidePopover()},this.cancelCloseDelay=()=>{this.hoverTimer&&(clearTimeout(this.hoverTimer),this.hoverTimer=null)},this.showPopover=(e=!1)=>{this.cancelCloseDelay(),e&&this.openDelay>0?setTimeout(()=>{this.utils.handleAppendTo(!0),this.visible=!0},this.openDelay):(this.utils.handleAppendTo(!0),this.visible=!0)},this.hidePopover=()=>{d.S.peek()===this&&setTimeout(()=>{this.visible=!1,this.isTriggerClicked=!1,this.utils.handleAppendTo(!1)},this.closeDelay)},this.togglePopoverVisible=()=>{this.isTriggerClicked?this.hidePopover():(this.showPopover(),this.isTriggerClicked=!0)},this.onMouseEnterTrigger=()=>{this.trigger.includes("mouseenter")&&(this.visible||(this.previousActiveElement=(0,s.dw)()),this.showPopover(!0))},this.onFocusInTrigger=()=>{this.trigger.includes("focusin")&&this.showPopover(!1)},this.onTriggerClick=e=>{this.trigger.includes("mouseenter")&&this.isMouseOverTrigger(e)||this.togglePopoverVisible()},this.utils=new u.h(this),this.preventClickOutside=!0}firstUpdated(e){const t=Object.create(null,{firstUpdated:{get:()=>super.firstUpdated}});return g(this,void 0,void 0,function*(){t.firstUpdated.call(this,e),[this.openDelay,this.closeDelay]=this.utils.setupDelay(),this.utils.setupAccessibility(),this.style.zIndex=`${this.zIndex}`,c.T.onCreatedPopover(this),this.visible&&(this.utils.handleAppendTo(!0),this.positionPopover(),yield this.handleCreatePopoverFirstUpdate())})}disconnectedCallback(){const e=Object.create(null,{disconnectedCallback:{get:()=>super.disconnectedCallback}});return g(this,void 0,void 0,function*(){e.disconnectedCallback.call(this),this.cleanupAutoUpdate&&(this.cleanupAutoUpdate(),this.cleanupAutoUpdate=null),this._controller=null,this.previousActiveElement=null,this.removeEventListeners(),c.T.onDestroyedPopover(this),d.S.remove(this)})}setupTriggerListener(){if(!this.triggerID)return;const e=this.getRootNode();if(this.triggerElement=(0,s.qi)(`[id="${this.triggerID}"]`,e),!this.triggerElement){const t=null==e?void 0:e.host;if(t){const e=t.querySelector("[slot]");(null==e?void 0:e.id)===this.triggerID&&(this.triggerElement=e)}}if(this.triggerElement){if("mouseenter"===this.trigger&&(this.interactive?this.trigger="mouseenter click":this.trigger="mouseenter focusin"),this.trigger.includes("click")&&this.triggerElement.addEventListener("click",this.onTriggerClick),this.trigger.includes("mouseenter")){const e=this.renderRoot.querySelector(".popover-hover-bridge");this.triggerElement.addEventListener("mouseenter",this.onMouseEnterTrigger),this.triggerElement.addEventListener("mouseleave",this.startCloseDelay),this.addEventListener("mouseenter",this.cancelCloseDelay),this.addEventListener("mouseleave",this.startCloseDelay),null==e||e.addEventListener("mouseenter",this.cancelCloseDelay)}this.trigger.includes("focusin")&&(this.triggerElement.addEventListener("focusin",this.onFocusInTrigger),this.interactive||this.triggerElement.addEventListener("focusout",this.hidePopover)),this.addEventListener("focus-trap-exit",this.hidePopover)}}removeEventListeners(){if(!this.triggerElement)return;const e=this.renderRoot.querySelector(".popover-hover-bridge");this.triggerElement.removeEventListener("click",this.onTriggerClick),this.triggerElement.removeEventListener("mouseenter",this.onMouseEnterTrigger),this.triggerElement.removeEventListener("mouseleave",this.hidePopover),this.removeEventListener("mouseenter",this.cancelCloseDelay),this.removeEventListener("mouseleave",this.startCloseDelay),this.triggerElement.removeEventListener("focusin",this.onFocusInTrigger),this.triggerElement.removeEventListener("focusout",this.hidePopover),null==e||e.removeEventListener("mouseenter",this.cancelCloseDelay),this.removeEventListener("focus-trap-exit",this.hidePopover)}updated(e){const t=Object.create(null,{updated:{get:()=>super.updated}});return g(this,void 0,void 0,function*(){if(t.updated.call(this,e),e.has("visible")){const t=e.get("visible")||!1;yield this.isOpenUpdated(t,this.visible),this.utils.updateAriaExpandedAttribute()}if(e.has("placement")&&this.setAttribute("placement",Object.values(p.ME).includes(this.placement)?this.placement:p.zY.PLACEMENT),e.has("delay")&&([this.openDelay,this.closeDelay]=this.utils.setupDelay()),e.has("trigger")){const e=this.trigger.split(" ").filter(e=>Object.values(p.tr).includes(e));this.setAttribute("trigger",e.length>0?this.trigger:p.zY.TRIGGER),this.removeEventListeners(),this.setupTriggerListener()}e.has("triggerID")&&(this.removeEventListeners(),this.setupTriggerListener(),this.utils.setupAccessibility()),e.has("color")&&this.setAttribute("color",Object.values(p.o$).includes(this.color)?this.color:p.zY.COLOR),e.has("zIndex")&&this.setAttribute("z-index",`${this.zIndex}`),(e.has("interactive")||e.has("aria-label")||e.has("aria-labelledby"))&&this.utils.setupAccessibility(),e.has("disableAriaExpanded")&&this.utils.updateAriaExpandedAttribute(),e.has("interactive")&&this.utils.updateAriaHasPopupAttribute()})}isElementInPopover(e){return!!e&&(!!this.contains(e)||(0,s.QZ)("md-popover",e)===this)}isOpenUpdated(e,t){const i=Object.create(null,{preventScroll:{get:()=>super.preventScroll,set:e=>super.preventScroll=e}});return g(this,void 0,void 0,function*(){var r,o,s,n;if(e!==t&&this.triggerElement)if(t)d.S.peek()!==this&&d.S.push(this),i.preventScroll=this.preventScroll,this.focusTrap&&(null===(r=this.activateFocusTrap)||void 0===r||r.call(this)),this.backdrop&&(this.utils.createBackdrop(),this.triggerElement.style.zIndex=`${this.zIndex}`),this.positionPopover(),yield this.handleCreatePopoverFirstUpdate(),this.hideOnBlur&&(this.addEventListener("focusout",this.onPopoverFocusOut),"click"===this.trigger&&(this.triggerElement.style.pointerEvents="none")),this.hideOnWindowBlur&&window.addEventListener("blur",this.handleWindowBlurEvent),this.hideOnOutsideClick&&document.addEventListener("click",this.onOutsidePopoverClick),this.hideOnEscape&&document.addEventListener("keydown",this.onEscapeKeydown),c.T.onShowPopover(this);else{if(this.cleanupAutoUpdate&&(this.cleanupAutoUpdate(),this.cleanupAutoUpdate=null),d.S.removeItem(this),this.backdropElement&&(null===(o=this.backdropElement)||void 0===o||o.remove(),this.backdropElement=null),this.hideOnBlur&&(this.removeEventListener("focusout",this.onPopoverFocusOut),"click"===this.trigger&&(this.triggerElement.style.pointerEvents="")),this.hideOnWindowBlur&&window.removeEventListener("blur",this.handleWindowBlurEvent),this.hideOnOutsideClick&&document.removeEventListener("click",this.onOutsidePopoverClick),this.hideOnEscape&&document.removeEventListener("keydown",this.onEscapeKeydown),null===(s=this.deactivateFocusTrap)||void 0===s||s.call(this),this.disableAriaExpanded||this.triggerElement.removeAttribute("aria-expanded"),this.interactive){const e=this.triggerElement.getAttribute("aria-haspopup");"dialog"!==e&&"alertdialog"!==e||this.triggerElement.removeAttribute("aria-haspopup")}this.focusBackToTrigger&&(this.previousActiveElement instanceof HTMLElement?this.previousActiveElement.focus():null===(n=this.setFocusOnDeepestNestedElement)||void 0===n||n.call(this,this.triggerElement)),this.previousActiveElement=null,c.T.onHidePopover(this)}})}isRectOverTrigger(e,t){if(this.triggerElement&&"undefined"!=typeof window&&"undefined"!=typeof document){const i=this.triggerElement.getBoundingClientRect();return e>=i.left&&e<=i.right&&t>=i.top&&t<=i.bottom}return!1}isMouseOverTrigger(e){const{clientX:t,clientY:i}=e instanceof MouseEvent?e:{clientX:0,clientY:0};return this.isRectOverTrigger(t,i)}handleCreatePopoverFirstUpdate(){return g(this,void 0,void 0,function*(){var e,t;this.visible&&this.interactive&&(null===(e=this.setFocusableElements)||void 0===e||e.call(this),yield this.updateComplete,null===(t=this.setInitialFocus)||void 0===t||t.call(this))})}positionPopover(){if(!this.triggerElement)return;this.cleanupAutoUpdate&&(this.cleanupAutoUpdate(),this.cleanupAutoUpdate=null);const e=[(0,n.shift)()];let t=this.offset;if(this.flip&&e.push((0,n.flip)()),this.size){const t=this.renderRoot.querySelector('[part="popover-content"]');e.push((0,n.size)({apply({availableHeight:e}){t&&Object.assign(t.style,{maxHeight:`${e}px`,overflowY:"auto"})},padding:50}))}if(this.showArrow&&(this.arrowElement=this.renderRoot.querySelector(".popover-arrow"),this.arrowElement)){const i=this.arrowElement.offsetHeight;t=Math.sqrt(2*i**2)/2+this.offset,e.push((0,n.arrow)({element:this.arrowElement,padding:12}))}e.push((0,n.offset)(t)),this.cleanupAutoUpdate=(0,n.autoUpdate)(this.triggerElement,this,()=>g(this,void 0,void 0,function*(){if(!this.triggerElement)return;const{x:t,y:i,middlewareData:r,placement:o}=yield(0,n.computePosition)(this.triggerElement,this,{placement:this.placement,middleware:e,strategy:this.strategy});this.utils.updatePopoverStyle(t,i),r.arrow&&this.arrowElement&&this.utils.updateArrowStyle(r.arrow,o),this.trigger.includes("mouseenter")&&this.utils.setupHoverBridge(o)}))}render(){return l.html`
|
|
53
|
+
`}};h([(0,n.property)({type:String})],t.prototype,"placement",void 0),h([(0,n.property)({type:String,reflect:!0})],t.prototype,"triggerID",void 0),h([(0,n.property)({type:String})],t.prototype,"headerIconName",void 0),h([(0,n.property)({type:String})],t.prototype,"header",void 0),h([(0,n.property)({type:String})],t.prototype,"message",void 0),h([(0,n.property)({type:Boolean})],t.prototype,"show",void 0),h([(0,n.property)({type:Boolean,reflect:!0,attribute:"hide-close-button"})],t.prototype,"hideCloseButton",void 0),h([(0,n.property)({type:String})],t.prototype,"primaryButton",void 0),h([(0,n.property)({type:String})],t.prototype,"secondaryButton",void 0),h([(0,n.property)({type:String})],t.prototype,"linkText",void 0),h([(0,n.property)({type:String})],t.prototype,"href",void 0),h([(0,n.query)(".md-coachmark__trigger-component")],t.prototype,"triggerComponent",void 0),h([(0,n.query)(".md-coachmark__popper")],t.prototype,"popper",void 0),t=h([(0,o.w)("md-coachmark-popover")],t),e.ELEMENT=t}(r||(r={}))},32022:e=>{e.exports=s},40333:e=>{e.exports=r},41488:t=>{t.exports=e},60554:e=>{e.exports=n},71128:(e,t,i)=>{i(96798),i(61200);var r=i(31890),o=i(28373),s=i(66677),n=i(5784),l=i(41488),a=i(40333),h=i(73679),p=i(68419),c=i(36365),d=i(3998),u=i(33759),m=i(50325),v=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},g=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())})};let y=class extends((0,o.d)(l.LitElement)){set controller(e){e?(e.show=(e=!1)=>this.showPopover(e),e.hide=()=>this.hidePopover(),e.toggle=()=>this.togglePopoverVisible(),e.isVisible=()=>this.visible,this._controller=e):this._controller=null}get controller(){return this._controller}constructor(){super(),this.id="",this.triggerID="",this.trigger=p.zY.TRIGGER,this.placement=p.zY.PLACEMENT,this.strategy=p.zY.STRATEGY,this.color=p.zY.COLOR,this.visible=p.zY.VISIBLE,this.offset=p.zY.OFFSET,this.focusTrap=p.zY.FOCUS_TRAP,this.preventScroll=p.zY.PREVENT_SCROLL,this.showArrow=p.zY.ARROW,this.closeButton=p.zY.CLOSE_BUTTON,this.interactive=p.zY.INTERACTIVE,this.delay=p.zY.DELAY,this.hideOnEscape=p.zY.HIDE_ON_ESCAPE,this.hideOnBlur=p.zY.HIDE_ON_BLUR,this.hideOnWindowBlur=p.zY.HIDE_ON_WINDOW_BLUR,this.hideOnOutsideClick=p.zY.HIDE_ON_CLICK_OUTSIDE,this.focusBackToTrigger=p.zY.FOCUS_BACK,this.backdrop=p.zY.BACKDROP,this.flip=p.zY.FLIP,this.size=p.zY.SIZE,this.zIndex=p.zY.Z_INDEX,this.appendTo="",this.closeButtonAriaLabel=null,this.role=p.zY.ROLE,this.ariaLabelledby=null,this.ariaDescribedby=null,this.disableAriaExpanded=p.zY.DISABLE_ARIA_EXPANDED,this.animationFrame=p.zY.ANIMATION_FRAME,this._controller=null,this.arrowElement=null,this.triggerElement=null,this.hoverTimer=null,this.isTriggerClicked=!1,this.openDelay=0,this.closeDelay=0,this.backdropElement=null,this.useLegacyFindFocusable=()=>!1,this.cleanupAutoUpdate=null,this.previousActiveElement=null,this.onOutsidePopoverClick=e=>{const t=e.composedPath();this.triggerElement&&t.includes(this.triggerElement)||t.includes(this)||d.S.shouldDeferToTopForOutsideClick(this)||this.hideThisPopover()},this.hideThisPopover=()=>{setTimeout(()=>{this.visible=!1,this.isTriggerClicked=!1,this.utils.handleAppendTo(!1)},this.closeDelay)},this.onEscapeKeydown=e=>{this.visible&&"Escape"===e.code&&(e.preventDefault(),this.hidePopover())},this.onPopoverFocusOut=e=>{const t=e.relatedTarget;!t||this.isElementInPopover(t)?t||setTimeout(()=>{const e=(0,s.dw)();this.isElementInPopover(e)||this.hidePopover()},0):this.hidePopover()},this.handleWindowBlurEvent=()=>{this.visible&&this.hidePopover()},this.startCloseDelay=()=>{if(this.interactive){if(this.isTriggerClicked)return;this.hoverTimer=window.setTimeout(()=>{this.visible=!1},this.closeDelay)}else this.hidePopover()},this.cancelCloseDelay=()=>{this.hoverTimer&&(clearTimeout(this.hoverTimer),this.hoverTimer=null)},this.showPopover=(e=!1)=>{this.cancelCloseDelay(),e&&this.openDelay>0?setTimeout(()=>{this.utils.handleAppendTo(!0),this.visible=!0},this.openDelay):(this.utils.handleAppendTo(!0),this.visible=!0)},this.hidePopover=()=>{d.S.peek()===this&&setTimeout(()=>{this.visible=!1,this.isTriggerClicked=!1,this.utils.handleAppendTo(!1)},this.closeDelay)},this.togglePopoverVisible=()=>{this.isTriggerClicked?this.hidePopover():(this.showPopover(),this.isTriggerClicked=!0)},this.onMouseEnterTrigger=()=>{this.trigger.includes("mouseenter")&&(this.visible||(this.previousActiveElement=(0,s.dw)()),this.showPopover(!0))},this.onFocusInTrigger=()=>{this.trigger.includes("focusin")&&this.showPopover(!1)},this.onTriggerClick=e=>{this.trigger.includes("mouseenter")&&this.isMouseOverTrigger(e)||this.togglePopoverVisible()},this.utils=new u.h(this),this.preventClickOutside=!0}firstUpdated(e){const t=Object.create(null,{firstUpdated:{get:()=>super.firstUpdated}});return g(this,void 0,void 0,function*(){t.firstUpdated.call(this,e),[this.openDelay,this.closeDelay]=this.utils.setupDelay(),this.utils.setupAccessibility(),this.style.zIndex=`${this.zIndex}`,c.T.onCreatedPopover(this),this.visible&&(this.utils.handleAppendTo(!0),this.positionPopover(),yield this.handleCreatePopoverFirstUpdate())})}disconnectedCallback(){const e=Object.create(null,{disconnectedCallback:{get:()=>super.disconnectedCallback}});return g(this,void 0,void 0,function*(){e.disconnectedCallback.call(this),this.cleanupAutoUpdate&&(this.cleanupAutoUpdate(),this.cleanupAutoUpdate=null),this._controller=null,this.previousActiveElement=null,this.removeEventListeners(),c.T.onDestroyedPopover(this),d.S.remove(this)})}setupTriggerListener(){if(!this.triggerID)return;const e=this.getRootNode();if(this.triggerElement=(0,s.qi)(`[id="${this.triggerID}"]`,e),!this.triggerElement){const t=null==e?void 0:e.host;if(t){const e=t.querySelector("[slot]");(null==e?void 0:e.id)===this.triggerID&&(this.triggerElement=e)}}if(this.triggerElement){if("mouseenter"===this.trigger&&(this.interactive?this.trigger="mouseenter click":this.trigger="mouseenter focusin"),this.trigger.includes("click")&&this.triggerElement.addEventListener("click",this.onTriggerClick),this.trigger.includes("mouseenter")){const e=this.renderRoot.querySelector(".popover-hover-bridge");this.triggerElement.addEventListener("mouseenter",this.onMouseEnterTrigger),this.triggerElement.addEventListener("mouseleave",this.startCloseDelay),this.addEventListener("mouseenter",this.cancelCloseDelay),this.addEventListener("mouseleave",this.startCloseDelay),null==e||e.addEventListener("mouseenter",this.cancelCloseDelay)}this.trigger.includes("focusin")&&(this.triggerElement.addEventListener("focusin",this.onFocusInTrigger),this.interactive||this.triggerElement.addEventListener("focusout",this.hidePopover)),this.addEventListener("focus-trap-exit",this.hidePopover)}}removeEventListeners(){if(!this.triggerElement)return;const e=this.renderRoot.querySelector(".popover-hover-bridge");this.triggerElement.removeEventListener("click",this.onTriggerClick),this.triggerElement.removeEventListener("mouseenter",this.onMouseEnterTrigger),this.triggerElement.removeEventListener("mouseleave",this.hidePopover),this.removeEventListener("mouseenter",this.cancelCloseDelay),this.removeEventListener("mouseleave",this.startCloseDelay),this.triggerElement.removeEventListener("focusin",this.onFocusInTrigger),this.triggerElement.removeEventListener("focusout",this.hidePopover),null==e||e.removeEventListener("mouseenter",this.cancelCloseDelay),this.removeEventListener("focus-trap-exit",this.hidePopover)}updated(e){const t=Object.create(null,{updated:{get:()=>super.updated}});return g(this,void 0,void 0,function*(){if(t.updated.call(this,e),e.has("visible")){const t=e.get("visible")||!1;yield this.isOpenUpdated(t,this.visible),this.utils.updateAriaExpandedAttribute()}if(e.has("placement")&&this.setAttribute("placement",Object.values(p.ME).includes(this.placement)?this.placement:p.zY.PLACEMENT),e.has("delay")&&([this.openDelay,this.closeDelay]=this.utils.setupDelay()),e.has("trigger")){const e=this.trigger.split(" ").filter(e=>Object.values(p.tr).includes(e));this.setAttribute("trigger",e.length>0?this.trigger:p.zY.TRIGGER),this.removeEventListeners(),this.setupTriggerListener()}e.has("triggerID")&&(this.removeEventListeners(),this.setupTriggerListener(),this.utils.setupAccessibility()),e.has("color")&&this.setAttribute("color",Object.values(p.o$).includes(this.color)?this.color:p.zY.COLOR),e.has("zIndex")&&this.setAttribute("z-index",`${this.zIndex}`),(e.has("interactive")||e.has("aria-label")||e.has("aria-labelledby"))&&this.utils.setupAccessibility(),e.has("disableAriaExpanded")&&this.utils.updateAriaExpandedAttribute(),e.has("interactive")&&this.utils.updateAriaHasPopupAttribute()})}isElementInPopover(e){return!!e&&(!!this.contains(e)||(0,s.QZ)("md-popover",e)===this)}isOpenUpdated(e,t){const i=Object.create(null,{preventScroll:{get:()=>super.preventScroll,set:e=>super.preventScroll=e}});return g(this,void 0,void 0,function*(){var r,o,s,n;if(e!==t&&this.triggerElement)if(t)d.S.peek()!==this&&d.S.push(this),i.preventScroll=this.preventScroll,this.focusTrap&&(null===(r=this.activateFocusTrap)||void 0===r||r.call(this)),this.backdrop&&(this.utils.createBackdrop(),this.triggerElement.style.zIndex=`${this.zIndex}`),this.positionPopover(),yield this.handleCreatePopoverFirstUpdate(),this.hideOnBlur&&(this.addEventListener("focusout",this.onPopoverFocusOut),"click"===this.trigger&&(this.triggerElement.style.pointerEvents="none")),this.hideOnWindowBlur&&window.addEventListener("blur",this.handleWindowBlurEvent),this.hideOnOutsideClick&&document.addEventListener("click",this.onOutsidePopoverClick),this.hideOnEscape&&document.addEventListener("keydown",this.onEscapeKeydown),c.T.onShowPopover(this);else{if(this.cleanupAutoUpdate&&(this.cleanupAutoUpdate(),this.cleanupAutoUpdate=null),d.S.removeItem(this),this.backdropElement&&(null===(o=this.backdropElement)||void 0===o||o.remove(),this.backdropElement=null),this.hideOnBlur&&(this.removeEventListener("focusout",this.onPopoverFocusOut),"click"===this.trigger&&(this.triggerElement.style.pointerEvents="")),this.hideOnWindowBlur&&window.removeEventListener("blur",this.handleWindowBlurEvent),this.hideOnOutsideClick&&document.removeEventListener("click",this.onOutsidePopoverClick),this.hideOnEscape&&document.removeEventListener("keydown",this.onEscapeKeydown),null===(s=this.deactivateFocusTrap)||void 0===s||s.call(this),this.disableAriaExpanded||this.triggerElement.removeAttribute("aria-expanded"),this.interactive){const e=this.triggerElement.getAttribute("aria-haspopup");"dialog"!==e&&"alertdialog"!==e||this.triggerElement.removeAttribute("aria-haspopup")}this.focusBackToTrigger&&(this.previousActiveElement instanceof HTMLElement?this.previousActiveElement.focus():null===(n=this.setFocusOnDeepestNestedElement)||void 0===n||n.call(this,this.triggerElement)),this.previousActiveElement=null,c.T.onHidePopover(this)}})}isRectOverTrigger(e,t){if(this.triggerElement&&"undefined"!=typeof window&&"undefined"!=typeof document){const i=this.triggerElement.getBoundingClientRect();return e>=i.left&&e<=i.right&&t>=i.top&&t<=i.bottom}return!1}isMouseOverTrigger(e){const{clientX:t,clientY:i}=e instanceof MouseEvent?e:{clientX:0,clientY:0};return this.isRectOverTrigger(t,i)}handleCreatePopoverFirstUpdate(){return g(this,void 0,void 0,function*(){var e,t;this.visible&&this.interactive&&(null===(e=this.setFocusableElements)||void 0===e||e.call(this),yield this.updateComplete,null===(t=this.setInitialFocus)||void 0===t||t.call(this))})}positionPopover(){if(!this.triggerElement)return;this.cleanupAutoUpdate&&(this.cleanupAutoUpdate(),this.cleanupAutoUpdate=null);const e=[(0,n.shift)()];let t=this.offset;if(this.flip&&e.push((0,n.flip)()),this.size){const t=this.renderRoot.querySelector('[part="popover-content"]');e.push((0,n.size)({apply({availableHeight:e}){t&&Object.assign(t.style,{maxHeight:`${e}px`,overflowY:"auto"})},padding:50}))}if(this.showArrow&&(this.arrowElement=this.renderRoot.querySelector(".popover-arrow"),this.arrowElement)){const i=this.arrowElement.offsetHeight;t=Math.sqrt(2*i**2)/2+this.offset,e.push((0,n.arrow)({element:this.arrowElement,padding:12}))}e.push((0,n.offset)(t)),this.cleanupAutoUpdate=(0,n.autoUpdate)(this.triggerElement,this,()=>g(this,void 0,void 0,function*(){if(!this.triggerElement)return;const{x:t,y:i,middlewareData:r,placement:o}=yield(0,n.computePosition)(this.triggerElement,this,{placement:this.placement,middleware:e,strategy:this.strategy});this.utils.updatePopoverStyle(t,i),r.arrow&&this.arrowElement&&this.utils.updateArrowStyle(r.arrow,o),this.trigger.includes("mouseenter")&&this.utils.setupHoverBridge(o)}),{animationFrame:this.animationFrame})}render(){return l.html`
|
|
54
54
|
<div class="popover-hover-bridge"></div>
|
|
55
55
|
${this.closeButton?l.html` <md-button
|
|
56
56
|
class="popover-close"
|
|
57
57
|
hasRemoveStyle
|
|
58
58
|
size="20"
|
|
59
59
|
circle
|
|
60
|
-
ariaLabel=${(0,
|
|
60
|
+
ariaLabel=${(0,h.ifDefined)(this.closeButtonAriaLabel)||""}
|
|
61
61
|
@button-click="${this.hidePopover}"
|
|
62
62
|
>
|
|
63
63
|
<md-icon name="cancel-bold" size="16" iconSet="momentumDesign"></md-icon>
|
|
64
|
-
</md-button>`:
|
|
65
|
-
${this.showArrow?l.html`<div class="popover-arrow"></div>`:
|
|
64
|
+
</md-button>`:a.nothing}
|
|
65
|
+
${this.showArrow?l.html`<div class="popover-arrow"></div>`:a.nothing}
|
|
66
66
|
<div part="popover-content">
|
|
67
67
|
<slot></slot>
|
|
68
68
|
</div>
|
|
69
|
-
`}static get styles(){return[
|
|
69
|
+
`}static get styles(){return[m.A]}};v([(0,l.property)({type:String,reflect:!0})],y.prototype,"id",void 0),v([(0,l.property)({type:String,reflect:!0})],y.prototype,"triggerID",void 0),v([(0,l.property)({type:String,reflect:!0})],y.prototype,"trigger",void 0),v([(0,l.property)({type:String,reflect:!0})],y.prototype,"placement",void 0),v([(0,l.property)({type:String,reflect:!0})],y.prototype,"strategy",void 0),v([(0,l.property)({type:String,reflect:!0})],y.prototype,"color",void 0),v([(0,l.property)({type:Boolean,reflect:!0})],y.prototype,"visible",void 0),v([(0,l.property)({type:Number,reflect:!0})],y.prototype,"offset",void 0),v([(0,l.property)({type:Boolean,reflect:!0,attribute:"focus-trap"})],y.prototype,"focusTrap",void 0),v([(0,l.property)({type:Boolean,reflect:!0,attribute:"prevent-scroll"})],y.prototype,"preventScroll",void 0),v([(0,l.property)({type:Boolean,reflect:!0,attribute:"show-arrow"})],y.prototype,"showArrow",void 0),v([(0,l.property)({type:Boolean,reflect:!0,attribute:"close-button"})],y.prototype,"closeButton",void 0),v([(0,l.property)({type:Boolean,reflect:!0})],y.prototype,"interactive",void 0),v([(0,l.property)({type:String,reflect:!0})],y.prototype,"delay",void 0),v([(0,l.property)({type:Boolean,reflect:!0,attribute:"hide-on-escape"})],y.prototype,"hideOnEscape",void 0),v([(0,l.property)({type:Boolean,reflect:!0,attribute:"hide-on-blur"})],y.prototype,"hideOnBlur",void 0),v([(0,l.property)({type:Boolean,reflect:!0,attribute:"hide-on-window-blur"})],y.prototype,"hideOnWindowBlur",void 0),v([(0,l.property)({type:Boolean,reflect:!0,attribute:"hide-on-outside-click"})],y.prototype,"hideOnOutsideClick",void 0),v([(0,l.property)({type:Boolean,reflect:!0,attribute:"focus-back-to-trigger"})],y.prototype,"focusBackToTrigger",void 0),v([(0,l.property)({type:Boolean,reflect:!0})],y.prototype,"backdrop",void 0),v([(0,l.property)({type:Boolean,reflect:!0})],y.prototype,"flip",void 0),v([(0,l.property)({type:Boolean,reflect:!0})],y.prototype,"size",void 0),v([(0,l.property)({type:Number,reflect:!0,attribute:"z-index"})],y.prototype,"zIndex",void 0),v([(0,l.property)({type:String,reflect:!0,attribute:"append-to"})],y.prototype,"appendTo",void 0),v([(0,l.property)({type:String,attribute:"close-button-aria-label",reflect:!0})],y.prototype,"closeButtonAriaLabel",void 0),v([(0,l.property)({type:String,reflect:!0})],y.prototype,"role",void 0),v([(0,l.property)({type:String,reflect:!0,attribute:"aria-labelledby"})],y.prototype,"ariaLabelledby",void 0),v([(0,l.property)({type:String,reflect:!0,attribute:"aria-describedby"})],y.prototype,"ariaDescribedby",void 0),v([(0,l.property)({type:Boolean,reflect:!0,attribute:"disable-aria-expanded"})],y.prototype,"disableAriaExpanded",void 0),v([(0,l.property)({type:Boolean,reflect:!0,attribute:"animation-frame"})],y.prototype,"animationFrame",void 0),v([(0,l.property)({type:Object,attribute:!1})],y.prototype,"controller",null),y=v([(0,r.w)("md-popover")],y)},73679:e=>{e.exports=h},85314:e=>{e.exports=l},97822:e=>{e.exports=o}},d={};function u(e){var t=d[e];if(void 0!==t)return t.exports;var i=d[e]={exports:{}};return c[e](i,i.exports,u),i.exports}u.m=c,p=[],u.O=(e,t,i,r)=>{if(!t){var o=1/0;for(a=0;a<p.length;a++){for(var[t,i,r]=p[a],s=!0,n=0;n<t.length;n++)(!1&r||o>=r)&&Object.keys(u.O).every(e=>u.O[e](t[n]))?t.splice(n--,1):(s=!1,r<o&&(o=r));if(s){p.splice(a--,1);var l=i();void 0!==l&&(e=l)}}return e}r=r||0;for(var a=p.length;a>0&&p[a-1][2]>r;a--)p[a]=p[a-1];p[a]=[t,i,r]},u.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return u.d(t,{a:t}),t},u.d=(e,t)=>{for(var i in t)u.o(t,i)&&!u.o(e,i)&&Object.defineProperty(e,i,{enumerable:!0,get:t[i]})},u.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),u.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};u.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)u.o(n,r)&&(u.m[r]=n[r]);if(l)var h=l(u)}for(t&&t(i);a<s.length;a++)o=s[a],u.o(e,o)&&e[o]&&e[o][0](),e[o]=0;return u.O(h)},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 m=u.O(void 0,[5757,1890,6272,6325,6283,9217,2176,6798,5830,1200,2576,8210,1270,3135,8004,1439,587],()=>u(29895));return u.O(m)})());
|
|
@@ -1 +1 @@
|
|
|
1
|
-
!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("luxon"),require("lit-element"),require("lit-html/directives/class-map"),require("lit-html/directives/style-map"),require("lit-html"),require("lit-html/directives/if-defined"),require("@momentum-ui/icons/data/momentumUiIconsNames.json"),require("@momentum-ui/utils/lib/getColorValue"),require("mobx"),require("lit-html/directives/class-map.js"),require("lit-html/directives/repeat"),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"));else if("function"==typeof define&&define.amd)define(["luxon","lit-element","lit-html/directives/class-map","lit-html/directives/style-map","lit-html","lit-html/directives/if-defined","@momentum-ui/icons/data/momentumUiIconsNames.json","@momentum-ui/utils/lib/getColorValue","mobx","lit-html/directives/class-map.js","lit-html/directives/repeat","@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"],t);else{var i="object"==typeof exports?t(require("luxon"),require("lit-element"),require("lit-html/directives/class-map"),require("lit-html/directives/style-map"),require("lit-html"),require("lit-html/directives/if-defined"),require("@momentum-ui/icons/data/momentumUiIconsNames.json"),require("@momentum-ui/utils/lib/getColorValue"),require("mobx"),require("lit-html/directives/class-map.js"),require("lit-html/directives/repeat"),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")):t(e.luxon,e["lit-element"],e["lit-html/directives/class-map"],e["lit-html/directives/style-map"],e["lit-html"],e["lit-html/directives/if-defined"],e["@momentum-ui/icons/data/momentumUiIconsNames.json"],e["@momentum-ui/utils/lib/getColorValue"],e.mobx,e["lit-html/directives/class-map.js"],e["lit-html/directives/repeat"],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"]);for(var r in i)("object"==typeof exports?exports:e)[r]=i[r]}}(self,(e,t,i,r,o,s,a,
|
|
1
|
+
!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("luxon"),require("lit-element"),require("lit-html/directives/class-map"),require("lit-html/directives/style-map"),require("lit-html"),require("lit-html/directives/if-defined"),require("@momentum-ui/icons/data/momentumUiIconsNames.json"),require("@momentum-ui/utils/lib/getColorValue"),require("mobx"),require("lit-html/directives/class-map.js"),require("lit-html/directives/repeat"),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("@floating-ui/dom"),require("lit-html/directives/if-defined.js"));else if("function"==typeof define&&define.amd)define(["luxon","lit-element","lit-html/directives/class-map","lit-html/directives/style-map","lit-html","lit-html/directives/if-defined","@momentum-ui/icons/data/momentumUiIconsNames.json","@momentum-ui/utils/lib/getColorValue","mobx","lit-html/directives/class-map.js","lit-html/directives/repeat","@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","@floating-ui/dom","lit-html/directives/if-defined.js"],t);else{var i="object"==typeof exports?t(require("luxon"),require("lit-element"),require("lit-html/directives/class-map"),require("lit-html/directives/style-map"),require("lit-html"),require("lit-html/directives/if-defined"),require("@momentum-ui/icons/data/momentumUiIconsNames.json"),require("@momentum-ui/utils/lib/getColorValue"),require("mobx"),require("lit-html/directives/class-map.js"),require("lit-html/directives/repeat"),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("@floating-ui/dom"),require("lit-html/directives/if-defined.js")):t(e.luxon,e["lit-element"],e["lit-html/directives/class-map"],e["lit-html/directives/style-map"],e["lit-html"],e["lit-html/directives/if-defined"],e["@momentum-ui/icons/data/momentumUiIconsNames.json"],e["@momentum-ui/utils/lib/getColorValue"],e.mobx,e["lit-html/directives/class-map.js"],e["lit-html/directives/repeat"],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["@floating-ui/dom"],e["lit-html/directives/if-defined.js"]);for(var r in i)("object"==typeof exports?exports:e)[r]=i[r]}}(self,(e,t,i,r,o,s,l,a,n,p,d,u,c,m,f,h,v,D)=>(()=>{"use strict";var b,g={4863:e=>{e.exports=h},5784:e=>{e.exports=v},8229:e=>{e.exports=r},17518:e=>{e.exports=p},22818:e=>{e.exports=d},22962:e=>{e.exports=u},23968:e=>{e.exports=i},32022:e=>{e.exports=l},40333:e=>{e.exports=o},41488:e=>{e.exports=t},60554:e=>{e.exports=a},65796:t=>{t.exports=e},68250:e=>{e.exports=m},69371:e=>{e.exports=f},69494:(e,t,i)=>{i.r(t),i.d(t,{DateRangePicker:()=>d});var r=i(31890),o=i(81625),s=i(41488),l=i(65796),a=i(38654),n=function(e,t,i,r){var o,s=arguments.length,l=s<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)l=Reflect.decorate(e,t,i,r);else for(var a=e.length-1;a>=0;a--)(o=e[a])&&(l=(s<3?o(l):s>3?o(t,i,l):o(t,i))||l);return s>3&&l&&Object.defineProperty(t,i,l),l};const p=" - ";var d;!function(e){let t=class extends a.DatePicker.ELEMENT{constructor(){super(...arguments),this.startDate=void 0,this.endDate=void 0,this.updateValue=()=>{if(this.startDate&&this.endDate){const e=e=>this.useISOFormat?e:l.DateTime.fromISO(e).toLocaleString(l.DateTime.DATE_SHORT,{locale:this.locale}),t=e(this.startDate),i=e(this.endDate);this.value=`${t}${p}${i}`}},this.isValueValid=()=>{var e,t;if(!this.validateDate)return!0;const i=null!==(t=null===(e=this.value)||void 0===e?void 0:e.split(p))&&void 0!==t?t:[];return 2===i.length&&this.validateDateString(i[0])&&this.validateDateString(i[1])},this.getDefaultAriaLabel=()=>{if(this.startDate&&this.endDate){const e=l.DateTime.fromISO(this.startDate),t=l.DateTime.fromISO(this.endDate);if(e.isValid&&t.isValid)return`Choose Date Range, currently selected range is ${e.toLocaleString(l.DateTime.DATE_FULL)} to ${t.toLocaleString(l.DateTime.DATE_FULL)}`}return"Choose Date Range"}}connectedCallback(){super.connectedCallback(),super.render(),this.addEventListener("date-pre-selection-change",this.handleDateSelection),this.updateValue()}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("date-pre-selection-change",this.handleDateSelection)}updated(e){super.updated(e),!e.has("startDate")&&!e.has("endDate")||e.has("focusedDate")||this.updateValue()}getPlaceHolderString(){if(this.placeholder)return this.placeholder;if(this.useISOFormat)return`YYYY-MM-DD${p}YYYY-MM-DD`;const e=(0,o.gq)(this.locale).toUpperCase();return`${e}${p}${e}`}setSelected(){}dateToSqlTranslate(e){return e.toSQLDate()}onApplyClick(){this.emitDateRange(),this.updateValue(),this.shouldCloseOnSelect&&this.setOpen(!1)}handleDateSelection(e){var t;const i=e.detail.data;i&&(this.selectedDate=i,this.focusedDate=i,this.startDate?this.endDate?(this.startDate=this.dateToSqlTranslate(i),this.endDate=void 0):i<l.DateTime.fromISO(this.startDate)?(this.endDate=this.startDate,this.startDate=this.dateToSqlTranslate(i)):this.endDate=this.dateToSqlTranslate(i):this.startDate=this.dateToSqlTranslate(i),(null===(t=this.controlButtons)||void 0===t?void 0:t.apply)||(this.emitDateRange(),this.updateValue()))}emitDateRange(){if(!this.startDate||!this.endDate)return;const e=new CustomEvent("date-range-change",{detail:{startDate:this.startDate,endDate:this.endDate}});this.dispatchEvent(e)}};n([(0,s.property)({type:String,attribute:"start-date",reflect:!0})],t.prototype,"startDate",void 0),n([(0,s.property)({type:String,attribute:"end-date",reflect:!0})],t.prototype,"endDate",void 0),t=n([(0,r.w)("md-date-range-picker")],t),e.ELEMENT=t}(d||(d={}))},73679:e=>{e.exports=D},84157:e=>{e.exports=c},85314:e=>{e.exports=n},97822:e=>{e.exports=s}},j={};function q(e){var t=j[e];if(void 0!==t)return t.exports;var i=j[e]={exports:{}};return g[e](i,i.exports,q),i.exports}q.m=g,b=[],q.O=(e,t,i,r)=>{if(!t){var o=1/0;for(n=0;n<b.length;n++){for(var[t,i,r]=b[n],s=!0,l=0;l<t.length;l++)(!1&r||o>=r)&&Object.keys(q.O).every(e=>q.O[e](t[l]))?t.splice(l--,1):(s=!1,r<o&&(o=r));if(s){b.splice(n--,1);var a=i();void 0!==a&&(e=a)}}return e}r=r||0;for(var n=b.length;n>0&&b[n-1][2]>r;n--)b[n]=b[n-1];b[n]=[t,i,r]},q.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return q.d(t,{a:t}),t},q.d=(e,t)=>{for(var i in t)q.o(t,i)&&!q.o(e,i)&&Object.defineProperty(e,i,{enumerable:!0,get:t[i]})},q.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),q.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),q.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},(()=>{var e={2105:0};q.O.j=t=>0===e[t];var t=(t,i)=>{var r,o,[s,l,a]=i,n=0;if(s.some(t=>0!==e[t])){for(r in l)q.o(l,r)&&(q.m[r]=l[r]);if(a)var p=a(q)}for(t&&t(i);n<s.length;n++)o=s[n],q.o(e,o)&&e[o]&&e[o][0](),e[o]=0;return q.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 x=q.O(void 0,[5757,1890,6272,6325,6283,9217,2176,6798,5830,1200,2576,8210,4977,1270,3135,1598,109,1572,6366,6396,4974,1323,6408,8004,6754,4548,7719,984,1625,7814,2555,6273],()=>q(69494));return q.O(x)})());
|
|
@@ -1 +1 @@
|
|
|
1
|
-
require("../5757"),require("../1890"),require("../6272"),require("../6325"),require("../6283"),require("../9217"),require("../2176"),require("../6798"),require("../5830"),require("../1200"),require("../2576"),require("../8210"),require("../4977"),require("../1270"),require("../3135"),require("../1598"),require("../109"),require("../1572"),require("../6366"),require("../6396"),require("../4974"),require("../1323"),require("../6408"),require("../6754"),require("../4548"),require("../7719"),require("../984"),require("../1625"),require("../7814"),require("../
|
|
1
|
+
require("../5757"),require("../1890"),require("../6272"),require("../6325"),require("../6283"),require("../9217"),require("../2176"),require("../6798"),require("../5830"),require("../1200"),require("../2576"),require("../8210"),require("../4977"),require("../1270"),require("../3135"),require("../1598"),require("../109"),require("../1572"),require("../6366"),require("../6396"),require("../4974"),require("../1323"),require("../6408"),require("../8004"),require("../6754"),require("../4548"),require("../7719"),require("../984"),require("../1625"),require("../7814"),require("../2555"),require("../6273"),module.exports=require("../comp/md-date-range-picker-entry");
|