@momentum-ui/web-components 3.0.0-beta.10 → 3.0.0-beta.12

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.
Files changed (41) hide show
  1. package/dist/1200.js +5 -5
  2. package/dist/1323.js +2 -2
  3. package/dist/1625.js +1 -1
  4. package/dist/2186.js +1 -1
  5. package/dist/2555.js +29 -10
  6. package/dist/4363.js +1 -1
  7. package/dist/4659.js +1 -1
  8. package/dist/6273.js +27 -19
  9. package/dist/6408.js +3 -3
  10. package/dist/679.js +1 -1
  11. package/dist/6865.js +1 -1
  12. package/dist/7292.js +1 -1
  13. package/dist/8028.js +1 -1
  14. package/dist/comp/md-advance-list-entry.js +4 -4
  15. package/dist/comp/md-avatar-entry.js +3 -3
  16. package/dist/comp/md-card-entry.js +2 -2
  17. package/dist/comp/md-chip-entry.js +9 -9
  18. package/dist/comp/md-datepicker-calendar-entry.js +33 -14
  19. package/dist/comp/md-datepicker-day-entry.js +1 -1
  20. package/dist/comp/md-datepicker-entry.js +27 -19
  21. package/dist/comp/md-datepicker-month-entry.js +1 -1
  22. package/dist/comp/md-datepicker-week-entry.js +1 -1
  23. package/dist/comp/md-icon-entry.js +5 -5
  24. package/dist/comp/md-input-entry.js +3 -3
  25. package/dist/comp/md-list-entry.js +1 -1
  26. package/dist/comp/md-list-item-entry.js +3 -3
  27. package/dist/comp/md-menu-overlay-entry.js +2 -2
  28. package/dist/comp/md-tabs-entry.js +0 -1
  29. package/dist/comp/md-task-item-entry.js +0 -1
  30. package/dist/index-entry.js +247 -230
  31. package/dist/index.js +1 -1
  32. package/dist/types/components/avatar/Avatar.constants.d.ts +1 -1
  33. package/dist/types/components/chip/Chip.d.ts +3 -5
  34. package/dist/types/components/combobox/ComboBox.d.ts +1 -1
  35. package/dist/types/components/datepicker/DatePicker.d.ts +4 -0
  36. package/dist/types/components/datepicker/datepicker-calendar/DatePickerCalendar.d.ts +10 -1
  37. package/dist/types/components/icon/Icon.d.ts +1 -1
  38. package/dist/types/components/input/Input.d.ts +1 -1
  39. package/dist/types/components/list/ListItem.d.ts +1 -1
  40. package/dist/types/components/menu-overlay/MenuOverlay.d.ts +1 -0
  41. package/package.json +1 -1
package/dist/1200.js CHANGED
@@ -1,8 +1,8 @@
1
- "use strict";(self["momentum-web-components-[id]"]=self["momentum-web-components-[id]"]||[]).push([[1200],{61200:(t,e,i)=>{i(96798);var o,n=i(31890),s=i(4313),r=i(32022),c=i.n(r),a=i(60554),h=i.n(a),l=i(87161),p=i(70429),d=i(85125),u=i(20291),m=i(10318),g=i(57955),v=i(24480),y=i(81786),S=i(9223),b=function(t,e,i,o){var n,s=arguments.length,r=s<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(t,e,i,o);else for(var c=t.length-1;c>=0;c--)(n=t[c])&&(r=(s<3?n(r):s>3?n(e,i,r):n(e,i))||r);return s>3&&r&&Object.defineProperty(e,i,r),r};!function(t){var e;let i=e=class extends l.LitElement{constructor(){super(...arguments),this.color="",this.description="",this.name="",this.id="",this.size="",this.title="",this.ariaHidden=null,this.type="",this.isActive=!1,this.isComboBoxIcon=!1,this.sizeOverrided=!1,this.iconSet="momentumUI",this.svgIcon=null,this._ariaLabel="",this.consoleHandler=(t,e)=>{switch(t){case"color-warn":console.warn(`[@momentum-ui/web-component] Icon: ${e} may not exist in the design system, please use a color name from https://momentum.design/styles/color/style`);break;case"name-error":console.warn(`[@momentum-ui/web-component] Icon: Icon ${e} does not exist in the design system. Visit https://momentum.design/icons for a list of available icons or to request a new icon.`)}}}isSvgAlreadyLoaded(t){var e,i;return!!this.svgIcon&&(null===(i=null===(e=this.svgIcon)||void 0===e?void 0:e.getAttribute("class"))||void 0===i?void 0:i.includes(t))}loadSvgIcon(t){return e=this,i=void 0,n=function*(){var e,i;if(this.isSvgAlreadyLoaded(t))return;const o="momentumBrandVisuals"===this.iconSet||"svg"===this.iconSet?yield(0,S.Jp)(this.computedSvgPath,t,"svg"):yield(0,S.D6)(t);o&&(this.svgIcon=o,null===(e=this.svgIcon)||void 0===e||e.setAttribute("class",`icon ${t}`),null===(i=this.svgIcon)||void 0===i||i.setAttribute("part","icon"),this.setSvgIconAttributes())},new((o=void 0)||(o=Promise))(function(t,s){function r(t){try{a(n.next(t))}catch(t){s(t)}}function c(t){try{a(n.throw(t))}catch(t){s(t)}}function a(e){var i;e.done?t(e.value):(i=e.value,i instanceof o?i:new o(function(t){t(i)})).then(r,c)}a((n=n.apply(e,i||[])).next())});var e,i,o,n}setSvgIconAttributes(){this.svgIcon&&(this.iconFontSize&&this.svgIcon.setAttribute("width",`${this.iconFontSize}px`),this.iconFontSize&&this.svgIcon.setAttribute("height",`${this.iconFontSize}px`),this.color?this.svgIcon.setAttribute("fill",this.iconColor):this.svgIcon.setAttribute("fill","currentColor"))}get computedSvgPath(){return this.svgUrl?this.svgUrl:y.O.svgIconUrl}getIsMomentumDesignName(t){return t.endsWith("-filled")||t.endsWith("-light")||t.endsWith("-regular")||t.endsWith("-bold")}get svgIconName(){if("momentumDesign"===this.iconSet||"momentumBrandVisuals"===this.iconSet||"svg"===this.iconSet)return this.name;if("preferMomentumDesign"===this.iconSet&&this.getIsMomentumDesignName(this.name))return this.name;const t=this.momentumUIIconLookupName,i=e.designLookup.get(t);return null!=i?i:t}updated(t){if(super.updated(t),this.doesIconSetSupportSVG)if(t.has("name")||t.has("iconSet")){const t=this.svgIconName;t&&"Unknown"!==t&&this.loadSvgIcon(t)}else(t.has("iconFontSize")||t.has("color"))&&this.setSvgIconAttributes()}get ariaLabel(){return this._ariaLabel?this._ariaLabel:this.title&&this.description?`${this.title} ${this.description}`:this.title?this.title:this.description?this.description:"icon"}set ariaLabel(t){const e=this._ariaLabel;this._ariaLabel=t,this.requestUpdate("ariaLabel",e)}get buttonClassMap(){return{[`md-button--icon-${this.type}`]:!!this.type}}get iconFontSize(){const t=this.name.split("_")[1];return this.size||t||16}get iconColor(){return this.color.startsWith("#")?(this.consoleHandler("color-warn",this.color),this.color):this.color.startsWith("var(")?this.color:h()(this.color)}get iconClassMap(){return{"md-combobox-input__icon":this.isComboBoxIcon,"md-combobox-input__icon--active":this.isComboBoxIcon&&this.isActive,[`${this.iconName}`]:!!this.iconName}}get momentumUIIconLookupName(){let t=this.name;return t=t.startsWith("icon-")?t.substring(5):t,t=t.split("_")[0],t}getIconName(){let t=this.name;return t=t.startsWith("icon-")?t.substring(5):t,t}handleSizeOverride(t){return`${t.split("_")[0]}_${this.iconFontSize}`}get iconName(){const t=this.getIconName();return this.sizeOverrided?this.handleSizeOverride(t):"preferMomentumDesign"===this.iconSet&&this.getIsMomentumDesignName(this.name)?"":c().includes(t)||""===t?`icon-${t}`:this.consoleHandler("name-error",t)}get iconStyleMap(){return Object.assign(Object.assign({},this.iconFontSize&&{"font-size":`${this.iconFontSize}px`}),this.color&&{color:this.iconColor})}static get styles(){return[s.A,v.A]}handleIconClick(t){this.dispatchEvent(new CustomEvent("icon-click",{bubbles:!0,composed:!0,detail:{srcEvent:t}}))}get doesIconSetSupportSVG(){return"momentumDesign"===this.iconSet||"preferMomentumDesign"===this.iconSet||"momentumBrandVisuals"===this.iconSet||"svg"===this.iconSet}get isSVGRender(){return this.svgIcon&&"preferMomentumDesign"===this.iconSet||"momentumDesign"===this.iconSet||"momentumBrandVisuals"===this.iconSet||"svg"===this.iconSet}render(){return this.isSVGRender?this.renderSVGIcon():this.renderFontIcon()}renderFontIcon(){var t;return l.html`
1
+ "use strict";(self["momentum-web-components-[id]"]=self["momentum-web-components-[id]"]||[]).push([[1200],{61200:(t,e,i)=>{i(96798);var o,n=i(31890),s=i(4313),r=i(32022),c=i.n(r),a=i(60554),l=i.n(a),h=i(87161),d=i(70429),p=i(85125),u=i(20291),m=i(10318),g=i(57955),v=i(24480),y=i(81786),S=i(9223),b=function(t,e,i,o){var n,s=arguments.length,r=s<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(t,e,i,o);else for(var c=t.length-1;c>=0;c--)(n=t[c])&&(r=(s<3?n(r):s>3?n(e,i,r):n(e,i))||r);return s>3&&r&&Object.defineProperty(e,i,r),r};!function(t){var e;let i=e=class extends h.LitElement{constructor(){super(...arguments),this.color="",this.description="",this.name="",this.id="",this.size="",this.title="",this.ariaHidden=null,this.type="",this.isActive=!1,this.isComboBoxIcon=!1,this.sizeOverrided=!1,this.iconSet="momentumUI",this.svgIcon=null,this._ariaLabel="",this.consoleHandler=(t,e)=>{switch(t){case"color-warn":console.warn(`[@momentum-ui/web-component] Icon: ${e} may not exist in the design system, please use a color name from https://momentum.design/styles/color/style`);break;case"name-error":console.warn(`[@momentum-ui/web-component] Icon: Icon ${e} does not exist in the design system. Visit https://momentum.design/icons for a list of available icons or to request a new icon.`);break;case"name-changed":console.warn(`[@momentum-ui/web-component] Icon: The name changed to '${e[0]}' before the SVG icon '${e[1]}' finished loading; skipping outdated result.`)}}}isSvgAlreadyLoaded(t){var e,i;return!!this.svgIcon&&(null===(i=null===(e=this.svgIcon)||void 0===e?void 0:e.getAttribute("class"))||void 0===i?void 0:i.includes(t))}loadSvgIcon(t){return e=this,i=void 0,n=function*(){var e,i,o,n;if(this.isSvgAlreadyLoaded(t))return;const s=null===(e=this.svgIcon)||void 0===e?void 0:e.getAttribute("class"),r="momentumBrandVisuals"===this.iconSet||"svg"===this.iconSet?yield(0,S.Jp)(this.computedSvgPath,t,"svg"):yield(0,S.D6)(t);if(!r)return;const c=null===(i=this.svgIcon)||void 0===i?void 0:i.getAttribute("class");s===c?(this.svgIcon=r,null===(o=this.svgIcon)||void 0===o||o.setAttribute("class",`icon ${t}`),null===(n=this.svgIcon)||void 0===n||n.setAttribute("part","icon"),this.setSvgIconAttributes()):this.consoleHandler("name-changed",[null!=c?c:"",t])},new((o=void 0)||(o=Promise))(function(t,s){function r(t){try{a(n.next(t))}catch(t){s(t)}}function c(t){try{a(n.throw(t))}catch(t){s(t)}}function a(e){var i;e.done?t(e.value):(i=e.value,i instanceof o?i:new o(function(t){t(i)})).then(r,c)}a((n=n.apply(e,i||[])).next())});var e,i,o,n}setSvgIconAttributes(){this.svgIcon&&(this.iconFontSize&&this.svgIcon.setAttribute("width",`${this.iconFontSize}px`),this.iconFontSize&&this.svgIcon.setAttribute("height",`${this.iconFontSize}px`),this.color?this.svgIcon.setAttribute("fill",this.iconColor):this.svgIcon.setAttribute("fill","currentColor"))}get computedSvgPath(){return this.svgUrl?this.svgUrl:y.O.svgIconUrl}getIsMomentumDesignName(t){return t.endsWith("-filled")||t.endsWith("-light")||t.endsWith("-regular")||t.endsWith("-bold")}get svgIconName(){if("momentumDesign"===this.iconSet||"momentumBrandVisuals"===this.iconSet||"svg"===this.iconSet)return this.name;if("preferMomentumDesign"===this.iconSet&&this.getIsMomentumDesignName(this.name))return this.name;const t=this.momentumUIIconLookupName,i=e.designLookup.get(t);return null!=i?i:t}updated(t){if(super.updated(t),this.doesIconSetSupportSVG)if(t.has("name")||t.has("iconSet")){const t=this.svgIconName;t&&"Unknown"!==t&&this.loadSvgIcon(t)}else(t.has("iconFontSize")||t.has("color"))&&this.setSvgIconAttributes()}get ariaLabel(){return this._ariaLabel?this._ariaLabel:this.title&&this.description?`${this.title} ${this.description}`:this.title?this.title:this.description?this.description:"icon"}set ariaLabel(t){const e=this._ariaLabel;this._ariaLabel=t,this.requestUpdate("ariaLabel",e)}get buttonClassMap(){return{[`md-button--icon-${this.type}`]:!!this.type}}get iconFontSize(){const t=this.name.split("_")[1];return this.size||t||16}get iconColor(){return this.color.startsWith("#")?(this.consoleHandler("color-warn",this.color),this.color):this.color.startsWith("var(")?this.color:l()(this.color)}get iconClassMap(){return{"md-combobox-input__icon":this.isComboBoxIcon,"md-combobox-input__icon--active":this.isComboBoxIcon&&this.isActive,[`${this.iconName}`]:!!this.iconName}}get momentumUIIconLookupName(){let t=this.name;return t=t.startsWith("icon-")?t.substring(5):t,t=t.split("_")[0],t}getIconName(){let t=this.name;return t=t.startsWith("icon-")?t.substring(5):t,t}handleSizeOverride(t){return`${t.split("_")[0]}_${this.iconFontSize}`}get iconName(){const t=this.getIconName();return this.sizeOverrided?this.handleSizeOverride(t):"preferMomentumDesign"===this.iconSet&&this.getIsMomentumDesignName(this.name)?"":c().includes(t)||""===t?`icon-${t}`:this.consoleHandler("name-error",t)}get iconStyleMap(){return Object.assign(Object.assign({},this.iconFontSize&&{"font-size":`${this.iconFontSize}px`}),this.color&&{color:this.iconColor})}static get styles(){return[s.A,v.A]}handleIconClick(t){this.dispatchEvent(new CustomEvent("icon-click",{bubbles:!0,composed:!0,detail:{srcEvent:t}}))}get doesIconSetSupportSVG(){return"momentumDesign"===this.iconSet||"preferMomentumDesign"===this.iconSet||"momentumBrandVisuals"===this.iconSet||"svg"===this.iconSet}get isSVGRender(){return this.svgIcon&&"preferMomentumDesign"===this.iconSet||"momentumDesign"===this.iconSet||"momentumBrandVisuals"===this.iconSet||"svg"===this.iconSet}render(){return this.isSVGRender?this.renderSVGIcon():this.renderFontIcon()}renderFontIcon(){var t;return h.html`
2
2
  <i
3
3
  part="icon"
4
4
  id=${this.id}
5
- class="md-icon icon ${(0,d.classMap)(this.iconClassMap)}"
5
+ class="md-icon icon ${(0,p.classMap)(this.iconClassMap)}"
6
6
  style=${(0,m.styleMap)(this.iconStyleMap)}
7
7
  role="img"
8
8
  aria-label=${this.ariaLabel}
@@ -11,7 +11,7 @@
11
11
  @click=${t=>this.handleIconClick(t)}
12
12
  >
13
13
  </i>
14
- `}renderSVGIcon(){var t;return l.html`
14
+ `}renderSVGIcon(){var t;return h.html`
15
15
  <div
16
16
  class="svg-icon-container"
17
17
  id=${this.id}
@@ -21,6 +21,6 @@
21
21
  aria-hidden=${(0,u.ifDefined)(null!==(t=this.ariaHidden)&&void 0!==t?t:void 0)}
22
22
  @click=${t=>this.handleIconClick(t)}
23
23
  >
24
- ${this.svgIcon?this.svgIcon:l.nothing}
24
+ ${this.svgIcon?this.svgIcon:h.nothing}
25
25
  </div>
26
- `}};i.designLookup=new Map(Object.entries(g)),b([(0,p.property)({type:String})],i.prototype,"color",void 0),b([(0,p.property)({type:String})],i.prototype,"description",void 0),b([(0,p.property)({type:String})],i.prototype,"name",void 0),b([(0,p.property)({type:String})],i.prototype,"id",void 0),b([(0,p.property)({type:String})],i.prototype,"size",void 0),b([(0,p.property)({type:String})],i.prototype,"title",void 0),b([(0,p.property)({type:String})],i.prototype,"ariaHidden",void 0),b([(0,p.property)({type:String})],i.prototype,"type",void 0),b([(0,p.property)({type:Boolean})],i.prototype,"isActive",void 0),b([(0,p.property)({type:Boolean})],i.prototype,"isComboBoxIcon",void 0),b([(0,p.property)({type:Boolean})],i.prototype,"sizeOverrided",void 0),b([(0,p.property)({type:String})],i.prototype,"iconSet",void 0),b([(0,p.property)({type:String,attribute:"svg-url"})],i.prototype,"svgUrl",void 0),b([(0,p.state)()],i.prototype,"svgIcon",void 0),b([(0,p.property)({type:String})],i.prototype,"ariaLabel",null),i=e=b([(0,n.w)("md-icon")],i),t.ELEMENT=i}(o||(o={}))}}]);
26
+ `}};i.designLookup=new Map(Object.entries(g)),b([(0,d.property)({type:String})],i.prototype,"color",void 0),b([(0,d.property)({type:String})],i.prototype,"description",void 0),b([(0,d.property)({type:String})],i.prototype,"name",void 0),b([(0,d.property)({type:String})],i.prototype,"id",void 0),b([(0,d.property)({type:String})],i.prototype,"size",void 0),b([(0,d.property)({type:String})],i.prototype,"title",void 0),b([(0,d.property)({type:String})],i.prototype,"ariaHidden",void 0),b([(0,d.property)({type:String})],i.prototype,"type",void 0),b([(0,d.property)({type:Boolean})],i.prototype,"isActive",void 0),b([(0,d.property)({type:Boolean})],i.prototype,"isComboBoxIcon",void 0),b([(0,d.property)({type:Boolean})],i.prototype,"sizeOverrided",void 0),b([(0,d.property)({type:String})],i.prototype,"iconSet",void 0),b([(0,d.property)({type:String,attribute:"svg-url"})],i.prototype,"svgUrl",void 0),b([(0,d.state)()],i.prototype,"svgIcon",void 0),b([(0,d.property)({type:String})],i.prototype,"ariaLabel",null),i=e=b([(0,n.w)("md-icon")],i),t.ELEMENT=i}(o||(o={}))}}]);
package/dist/1323.js CHANGED
@@ -1,10 +1,10 @@
1
- "use strict";(self["momentum-web-components-[id]"]=self["momentum-web-components-[id]"]||[]).push([[1323],{11323:(e,t,i)=>{var r,s,n=i(90195),o=i(31890),a=i(28373),l=i(66677),h=i(22962),p=i.n(h),d=i(84157),v=i.n(d),u=i(68250),c=i.n(u),g=i(69371),m=i.n(g),y=i(4863),E=i(87161),O=i(70429),f=i(20291),w=i(47819),b=function(e,t,i,r){var s,n=arguments.length,o=n<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(e,t,i,r);else for(var a=e.length-1;a>=0;a--)(s=e[a])&&(o=(n<3?s(o):n>3?s(t,i,o):s(t,i))||o);return n>3&&o&&Object.defineProperty(t,i,o),o},L=function(e,t,i,r){return new(i||(i=Promise))(function(s,n){function o(e){try{l(r.next(e))}catch(e){n(e)}}function a(e){try{l(r.throw(e))}catch(e){n(e)}}function l(e){var t;e.done?s(e.value):(t=e.value,t instanceof i?t:new i(function(e){e(t)})).then(o,a)}l((r=r.apply(e,t||[])).next())})};!function(e){e.small="260px",e.large="370px"}(r||(r={})),function(e){let t=class extends((0,a.d)(E.LitElement)){constructor(){super(...arguments),this._isOpen=!1,this.size="large",this.maxHeight="",this.customWidth="",this.showArrow=!1,this.disabled=!1,this.placement="bottom",this.allowHoverToggle=!1,this.ariaRole="menu",this.ariaLabel="",this.isDatePicker=!1,this.overlayOffset=15,this.keepOpenOnWindowBlur=!1,this.positioningStrategy=void 0,this.popperInstance=null,this.triggerElement=null,this.updateActiveMenuOverlayOpened=t=>{var i;this===t.target&&(null===(i=e.ELEMENT.activeOverlay)||void 0===i||i.push(t.target))},this.updateActiveMenuOverlayClosed=t=>{var i,r;const s=e.ELEMENT.activeOverlay.indexOf(t.target);this===t.target&&-1!==s&&(e.ELEMENT.activeOverlay.splice(s,1),e.ELEMENT.activeOverlay.length>0?(null===(i=e.ELEMENT.activeOverlay[e.ELEMENT.activeOverlay.length-1])||void 0===i||i.setFocusableElements(),null===(r=e.ELEMENT.activeOverlay[e.ELEMENT.activeOverlay.length-1])||void 0===r||r.focusOnNestedTrigger(this.triggerElement)):this.setFocusableElements())},this.handleTriggerClick=()=>{this.toggleOverlay()},this.setOverlay=(0,l.sg)(e=>{this.disabled||(this.isOpen=e)},100),this.expandPopup=()=>{this.setOverlay(!0)},this.collapsePopup=()=>{this.setOverlay(!1)},this.handleOutsideOverlayKeydown=t=>L(this,void 0,void 0,function*(){let i=!1;const r=t.composedPath();r.length&&(i=!!r.find(e=>e===this),!i)||!this.overlayContainer||t.code!==n.Uz.Escape||(t.preventDefault(),(e.ELEMENT.activeOverlay.length>0?e.ELEMENT.activeOverlay[e.ELEMENT.activeOverlay.length-1]:void 0)===this&&(this.isOpen=!1,yield this.updateComplete,this.focusOnTrigger()))}),this.handleTriggerKeyDown=e=>L(this,void 0,void 0,function*(){switch(e.code){case n.Uz.Space:case n.Uz.Enter:e.preventDefault(),this.toggleOverlay(),this.isOpen||(yield this.updateComplete,this.focusOnTrigger())}}),this.handleOutsideOverlayClick=e=>{let t=!1;const i=e.composedPath();i.length&&(t=!!i.find(e=>e===this),t||this.preventClickOutside||(this.isOpen=!1))}}get isOpen(){return this._isOpen}set isOpen(e){const t=this._isOpen;this._isOpen=e,this.handleInstance(e),this.overlayContainer&&this.overlayContainer.toggleAttribute("data-show",e),this.requestUpdate("isOpen",t)}static get styles(){return[w.A,E.css`
1
+ "use strict";(self["momentum-web-components-[id]"]=self["momentum-web-components-[id]"]||[]).push([[1323],{11323:(e,t,i)=>{var r,s,n=i(90195),o=i(31890),a=i(28373),l=i(66677),h=i(22962),d=i.n(h),p=i(84157),v=i.n(p),u=i(68250),c=i.n(u),g=i(69371),m=i.n(g),y=i(4863),E=i(87161),O=i(70429),f=i(20291),w=i(47819),b=function(e,t,i,r){var s,n=arguments.length,o=n<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(e,t,i,r);else for(var a=e.length-1;a>=0;a--)(s=e[a])&&(o=(n<3?s(o):n>3?s(t,i,o):s(t,i))||o);return n>3&&o&&Object.defineProperty(t,i,o),o},L=function(e,t,i,r){return new(i||(i=Promise))(function(s,n){function o(e){try{l(r.next(e))}catch(e){n(e)}}function a(e){try{l(r.throw(e))}catch(e){n(e)}}function l(e){var t;e.done?s(e.value):(t=e.value,t instanceof i?t:new i(function(e){e(t)})).then(o,a)}l((r=r.apply(e,t||[])).next())})};!function(e){e.small="260px",e.large="370px"}(r||(r={})),function(e){let t=class extends((0,a.d)(E.LitElement)){constructor(){super(...arguments),this._isOpen=!1,this.size="large",this.maxHeight="",this.customWidth="",this.showArrow=!1,this.disabled=!1,this.placement="bottom",this.allowHoverToggle=!1,this.ariaRole="menu",this.ariaLabel="",this.isDatePicker=!1,this.overlayOffset=15,this.keepOpenOnWindowBlur=!1,this.positioningStrategy=void 0,this.popperInstance=null,this.triggerElement=null,this._componentAddedAriaExpanded=!1,this.updateActiveMenuOverlayOpened=t=>{var i;this===t.target&&(null===(i=e.ELEMENT.activeOverlay)||void 0===i||i.push(t.target))},this.updateActiveMenuOverlayClosed=t=>{var i,r;const s=e.ELEMENT.activeOverlay.indexOf(t.target);this===t.target&&-1!==s&&(e.ELEMENT.activeOverlay.splice(s,1),e.ELEMENT.activeOverlay.length>0?(null===(i=e.ELEMENT.activeOverlay[e.ELEMENT.activeOverlay.length-1])||void 0===i||i.setFocusableElements(),null===(r=e.ELEMENT.activeOverlay[e.ELEMENT.activeOverlay.length-1])||void 0===r||r.focusOnNestedTrigger(this.triggerElement)):this.setFocusableElements())},this.handleTriggerClick=()=>{this.toggleOverlay()},this.setOverlay=(0,l.sg)(e=>{this.disabled||(this.isOpen=e)},100),this.expandPopup=()=>{this.setOverlay(!0)},this.collapsePopup=()=>{this.setOverlay(!1)},this.handleOutsideOverlayKeydown=t=>L(this,void 0,void 0,function*(){let i=!1;const r=t.composedPath();r.length&&(i=!!r.find(e=>e===this),!i)||!this.overlayContainer||t.code!==n.Uz.Escape||(t.preventDefault(),(e.ELEMENT.activeOverlay.length>0?e.ELEMENT.activeOverlay[e.ELEMENT.activeOverlay.length-1]:void 0)===this&&(this.isOpen=!1,yield this.updateComplete,this.focusOnTrigger()))}),this.handleTriggerKeyDown=e=>L(this,void 0,void 0,function*(){switch(e.code){case n.Uz.Space:case n.Uz.Enter:e.preventDefault(),this.toggleOverlay(),this.isOpen||(yield this.updateComplete,this.focusOnTrigger())}}),this.handleOutsideOverlayClick=e=>{let t=!1;const i=e.composedPath();i.length&&(t=!!i.find(e=>e===this),t||this.preventClickOutside||(this.isOpen=!1))}}get isOpen(){return this._isOpen}set isOpen(e){const t=this._isOpen;this._isOpen=e,this.handleInstance(e),this.overlayContainer&&this.overlayContainer.toggleAttribute("data-show",e),this.requestUpdate("isOpen",t)}static get styles(){return[w.A,E.css`
2
2
  .md-menu-overlay .overlay-content {
3
3
  max-height: var(--md-menu-overlay-max-height, calc(100vh - 48px));
4
4
  width: var(--md-menu-overlay-width, 370px);
5
5
  overflow-y: var(--md-menu-overlay-overflow-y, auto);
6
6
  }
7
- `]}updateCSSProperties(){const e=this.maxHeight||"calc(100vh - 48px)",t=this.isDatePicker?"visible":"auto";let i;i=this.customWidth?this.customWidth:"small"===this.size?r.small:r.large,this.style.setProperty("--md-menu-overlay-max-height",e),this.style.setProperty("--md-menu-overlay-width",i),this.style.setProperty("--md-menu-overlay-overflow-y",t)}firstUpdated(e){super.firstUpdated(e),this.updateCSSProperties()}updated(e){if(super.updated(e),(e.has("maxHeight")||e.has("customWidth")||e.has("size")||e.has("isDatePicker"))&&this.updateCSSProperties(),e.has("isOpen")){const t=e.get("isOpen");this.isOpen?(this.activateFocusTrap(),this.dispatchMenuOpen(),document.addEventListener("menu-item-click",this.handleTriggerClick),requestAnimationFrame(()=>{document.addEventListener("click",this.handleOutsideOverlayClick)}),this.updateTriggerElementAriaExpanded()):!0===t&&(this.deactivateFocusTrap(),this.dispatchMenuClose(),document.removeEventListener("menu-item-click",this.handleTriggerClick),document.removeEventListener("click",this.handleOutsideOverlayClick),this.updateTriggerElementAriaExpanded())}e.has("showArrow")&&this.arrow&&this.arrow.toggleAttribute("data-show",this.showArrow)}connectedCallback(){super.connectedCallback(),this.handleWindowBlurEvent=this.handleWindowBlurEvent.bind(this),window.addEventListener("blur",this.handleWindowBlurEvent),document.addEventListener("keydown",this.handleOutsideOverlayKeydown),this.addEventListener("menu-overlay-open",this.updateActiveMenuOverlayOpened),this.addEventListener("menu-overlay-close",this.updateActiveMenuOverlayClosed),this.updateComplete.then(()=>{this.handleTriggerSlotChange()})}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("click",this.handleOutsideOverlayClick),document.removeEventListener("keydown",this.handleOutsideOverlayKeydown),window.removeEventListener("blur",this.handleWindowBlurEvent),this.removeEventListener("menu-overlay-open",this.updateActiveMenuOverlayOpened),this.removeEventListener("menu-overlay-close",this.updateActiveMenuOverlayClosed),this.removeTriggerEventListeners()}checkIsInputField(e){var t;return"md-input"===(null===(t=null==e?void 0:e.tagName)||void 0===t?void 0:t.toLowerCase())}updateTriggerElementAriaExpanded(){this.triggerElement&&(this.isOpen?(this.triggerElement.setAttribute("aria-expanded","true"),this.triggerElement.hasAttribute("ariaexpanded")&&this.triggerElement.setAttribute("ariaexpanded","true")):(this.triggerElement.removeAttribute("aria-expanded"),this.triggerElement.hasAttribute("ariaexpanded")&&this.triggerElement.setAttribute("ariaexpanded","false")))}handleTriggerSlotChange(){this.removeTriggerEventListeners(),this.setupTriggerEventListeners(),this.updateTriggerElementAriaExpanded(),this.popperInstance&&this.destroy(),this.isOpen&&(this.create(),this.overlayContainer&&this.overlayContainer.toggleAttribute("data-show",this.isOpen))}removeTriggerEventListeners(){this.triggerElement&&(this.triggerElement.removeEventListener("click",this.handleTriggerClick),this.triggerElement.removeEventListener("keydown",this.handleTriggerKeyDown),this.allowHoverToggle&&(this.triggerElement.removeEventListener("mouseenter",this.expandPopup),this.triggerElement.removeEventListener("mouseleave",this.collapsePopup),this.overlayContainer.removeEventListener("mouseenter",this.expandPopup),this.overlayContainer.removeEventListener("mouseleave",this.collapsePopup)),this.triggerElement=null)}setupTriggerEventListeners(){if(this.trigger){if(this.triggerElement=this.trigger[0],!this.triggerElement)return;this.triggerElement.addEventListener("click",this.handleTriggerClick),this.allowHoverToggle&&(this.triggerElement.addEventListener("mouseenter",this.expandPopup),this.triggerElement.addEventListener("mouseleave",this.collapsePopup),this.overlayContainer.addEventListener("mouseenter",this.expandPopup),this.overlayContainer.addEventListener("mouseleave",this.collapsePopup)),this.arrow&&this.showArrow&&this.arrow.toggleAttribute("data-show",!0),this.checkIsInputField(this.triggerElement)||this.triggerElement.addEventListener("keydown",this.handleTriggerKeyDown),this.triggerElement.setAttribute("aria-haspopup","true")}}update(e){super.update(e)}dispatchMenuOpen(){this.dispatchEvent(new CustomEvent("menu-overlay-open",{composed:!0,bubbles:!0}))}dispatchMenuClose(){this.dispatchEvent(new CustomEvent("menu-overlay-close",{composed:!0,bubbles:!0}))}handleInstance(e){e?this.create():this.destroy()}create(){this.triggerElement&&(this.popperInstance=(0,y.createPopper)(this.triggerElement,this.overlayContainer,{onFirstUpdate:()=>L(this,void 0,void 0,function*(){var e;this.isOpen&&(null===(e=this.popperInstance)||void 0===e||e.update(),this.setFocusableElements(),yield this.updateComplete,this.focusInsideOverlay())}),placement:this.placement,strategy:this.positioningStrategy,modifiers:[...y.defaultModifiers,v(),c(),m(),p(),{name:"preventOverflow",options:{padding:16}},{name:"offset",options:{offset:({placement:e,reference:t})=>"left-end"===e||"right-end"===e?[t.height+t.y+3,14]:[0,this.overlayOffset]}},{name:"arrow",options:{element:this.arrow,padding:5}},{name:"computeStyles",options:{adaptive:!1}}]}))}destroy(){this.popperInstance&&(this.popperInstance.destroy(),this.popperInstance=null)}toggleOverlay(){this.disabled||(this.isOpen=!this.isOpen)}focusOnTrigger(){requestAnimationFrame(()=>{var e;(null===(e=this.focusableElements)||void 0===e?void 0:e.length)&&this.focusableElements[0].focus()})}focusInsideOverlay(){this.focusableElements&&(this.focusableElements.length>1?this.setInitialFocus(1):this.focusableElements.length&&this.setInitialFocus())}focusOnNestedTrigger(e){var t;null===(t=this.setFocusOnTrigger)||void 0===t||t.call(this,e)}handleWindowBlurEvent(){this._isOpen&&!this.keepOpenOnWindowBlur&&(this.isOpen=!1)}render(){return E.html`
7
+ `]}updateCSSProperties(){const e=this.maxHeight||"calc(100vh - 48px)",t=this.isDatePicker?"visible":"auto";let i;i=this.customWidth?this.customWidth:"small"===this.size?r.small:r.large,this.style.setProperty("--md-menu-overlay-max-height",e),this.style.setProperty("--md-menu-overlay-width",i),this.style.setProperty("--md-menu-overlay-overflow-y",t)}firstUpdated(e){super.firstUpdated(e),this.updateCSSProperties()}updated(e){if(super.updated(e),(e.has("maxHeight")||e.has("customWidth")||e.has("size")||e.has("isDatePicker"))&&this.updateCSSProperties(),e.has("isOpen")){const t=e.get("isOpen");this.isOpen?(this.activateFocusTrap(),this.dispatchMenuOpen(),document.addEventListener("menu-item-click",this.handleTriggerClick),requestAnimationFrame(()=>{document.addEventListener("click",this.handleOutsideOverlayClick)}),this.updateTriggerElementAriaExpanded()):!0===t&&(this.deactivateFocusTrap(),this.dispatchMenuClose(),document.removeEventListener("menu-item-click",this.handleTriggerClick),document.removeEventListener("click",this.handleOutsideOverlayClick),this.updateTriggerElementAriaExpanded())}e.has("showArrow")&&this.arrow&&this.arrow.toggleAttribute("data-show",this.showArrow)}connectedCallback(){super.connectedCallback(),this.handleWindowBlurEvent=this.handleWindowBlurEvent.bind(this),window.addEventListener("blur",this.handleWindowBlurEvent),document.addEventListener("keydown",this.handleOutsideOverlayKeydown),this.addEventListener("menu-overlay-open",this.updateActiveMenuOverlayOpened),this.addEventListener("menu-overlay-close",this.updateActiveMenuOverlayClosed),this.updateComplete.then(()=>{this.handleTriggerSlotChange()})}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("click",this.handleOutsideOverlayClick),document.removeEventListener("keydown",this.handleOutsideOverlayKeydown),window.removeEventListener("blur",this.handleWindowBlurEvent),this.removeEventListener("menu-overlay-open",this.updateActiveMenuOverlayOpened),this.removeEventListener("menu-overlay-close",this.updateActiveMenuOverlayClosed),this.removeTriggerEventListeners()}checkIsInputField(e){var t;return"md-input"===(null===(t=null==e?void 0:e.tagName)||void 0===t?void 0:t.toLowerCase())}updateTriggerElementAriaExpanded(){this.triggerElement&&(this.triggerElement.hasAttribute("aria-expanded")||this._componentAddedAriaExpanded?this._componentAddedAriaExpanded?this.isOpen?this.triggerElement.setAttribute("aria-expanded","true"):(this.triggerElement.removeAttribute("aria-expanded"),this._componentAddedAriaExpanded=!1):this.triggerElement.setAttribute("aria-expanded",this.isOpen?"true":"false"):(this.triggerElement.setAttribute("aria-expanded",this.isOpen?"true":"false"),this._componentAddedAriaExpanded=!0),this.triggerElement.hasAttribute("ariaexpanded")&&this.triggerElement.setAttribute("ariaexpanded",this.isOpen?"true":"false"))}handleTriggerSlotChange(){this.removeTriggerEventListeners(),this.setupTriggerEventListeners(),this.updateTriggerElementAriaExpanded(),this.popperInstance&&this.destroy(),this.isOpen&&(this.create(),this.overlayContainer&&this.overlayContainer.toggleAttribute("data-show",this.isOpen))}removeTriggerEventListeners(){this.triggerElement&&(this.triggerElement.removeEventListener("click",this.handleTriggerClick),this.triggerElement.removeEventListener("keydown",this.handleTriggerKeyDown),this.allowHoverToggle&&(this.triggerElement.removeEventListener("mouseenter",this.expandPopup),this.triggerElement.removeEventListener("mouseleave",this.collapsePopup),this.overlayContainer.removeEventListener("mouseenter",this.expandPopup),this.overlayContainer.removeEventListener("mouseleave",this.collapsePopup)),this.triggerElement=null)}setupTriggerEventListeners(){if(this.trigger){if(this.triggerElement=this.trigger[0],!this.triggerElement)return;this.triggerElement.addEventListener("click",this.handleTriggerClick),this.allowHoverToggle&&(this.triggerElement.addEventListener("mouseenter",this.expandPopup),this.triggerElement.addEventListener("mouseleave",this.collapsePopup),this.overlayContainer.addEventListener("mouseenter",this.expandPopup),this.overlayContainer.addEventListener("mouseleave",this.collapsePopup)),this.arrow&&this.showArrow&&this.arrow.toggleAttribute("data-show",!0),this.checkIsInputField(this.triggerElement)||this.triggerElement.addEventListener("keydown",this.handleTriggerKeyDown),this.triggerElement.setAttribute("aria-haspopup","true")}}update(e){super.update(e)}dispatchMenuOpen(){this.dispatchEvent(new CustomEvent("menu-overlay-open",{composed:!0,bubbles:!0}))}dispatchMenuClose(){this.dispatchEvent(new CustomEvent("menu-overlay-close",{composed:!0,bubbles:!0}))}handleInstance(e){e?this.create():this.destroy()}create(){this.triggerElement&&(this.popperInstance=(0,y.createPopper)(this.triggerElement,this.overlayContainer,{onFirstUpdate:()=>L(this,void 0,void 0,function*(){var e;this.isOpen&&(null===(e=this.popperInstance)||void 0===e||e.update(),this.setFocusableElements(),yield this.updateComplete,this.focusInsideOverlay())}),placement:this.placement,strategy:this.positioningStrategy,modifiers:[...y.defaultModifiers,v(),c(),m(),d(),{name:"preventOverflow",options:{padding:16}},{name:"offset",options:{offset:({placement:e,reference:t})=>"left-end"===e||"right-end"===e?[t.height+t.y+3,14]:[0,this.overlayOffset]}},{name:"arrow",options:{element:this.arrow,padding:5}},{name:"computeStyles",options:{adaptive:!1}}]}))}destroy(){this.popperInstance&&(this.popperInstance.destroy(),this.popperInstance=null)}toggleOverlay(){this.disabled||(this.isOpen=!this.isOpen)}focusOnTrigger(){requestAnimationFrame(()=>{var e;(null===(e=this.focusableElements)||void 0===e?void 0:e.length)&&this.focusableElements[0].focus()})}focusInsideOverlay(){this.focusableElements&&(this.focusableElements.length>1?this.setInitialFocus(1):this.focusableElements.length&&this.setInitialFocus())}focusOnNestedTrigger(e){var t;null===(t=this.setFocusOnTrigger)||void 0===t||t.call(this,e)}handleWindowBlurEvent(){this._isOpen&&!this.keepOpenOnWindowBlur&&(this.isOpen=!1)}render(){return E.html`
8
8
  <div class="md-menu-overlay">
9
9
  <slot @slotchange=${this.handleTriggerSlotChange} name="menu-trigger"></slot>
10
10
  <div
package/dist/1625.js CHANGED
@@ -1 +1 @@
1
- "use strict";(self["momentum-web-components-[id]"]=self["momentum-web-components-[id]"]||[]).push([[1625,4006],{81625:(t,n,e)=>{e.d(n,{DY:()=>D,FO:()=>M,J4:()=>d,Mw:()=>i,PD:()=>k,PS:()=>f,SL:()=>p,WB:()=>y,WV:()=>O,XN:()=>h,XY:()=>v,fi:()=>s,gg:()=>m,gq:()=>S,mA:()=>T,mK:()=>u,pp:()=>c,ro:()=>w,tB:()=>a,tF:()=>g,t_:()=>b,tj:()=>l});var r=e(65796);const o=/\//g;function a(){return r.DateTime.local()}function u(t,n){return"Monday"===n?t.startOf("week"):t.startOf("week").minus({days:1})}function i(t){return t.startOf("month")}function c(t){return t.get("day")}function l(t){return t.get("month")}function s(t,n){return t.plus({days:n})}function d(t,n){return t.plus({weeks:n})}function f(t,n){return t.plus({months:n})}function m(t,n){return t.plus({days:0-n})}function y(t,n){return t.plus({weeks:0-n})}function p(t,n){return t.plus({months:0-n})}function h(t){return t.locale}function v(t,n){var e,r;return t?null!==(e=n.setLocale(t).weekdayShort)&&void 0!==e?e:"":null!==(r=n.weekdayShort)&&void 0!==r?r:""}function D(t,n){const e=v(t,n);return e?e.substring(0,1):""}function O(t,n){return t.setLocale(n)}function w(t,n){return t.day===n.day&&t.month===n.month&&t.year===n.year}function g(t,n){return t.month===n.month}function b(t,n){var e,r,o,a,u;return(null===(e=n.minDate)||void 0===e?void 0:e.startOf("day"))&&t.startOf("day")<(null===(r=n.minDate)||void 0===r?void 0:r.startOf("day"))||(null===(o=n.maxDate)||void 0===o?void 0:o.startOf("day"))&&t.startOf("day")>(null===(a=n.maxDate)||void 0===a?void 0:a.startOf("day"))||(null===(u=n.filterDate)||void 0===u?void 0:u.call(n,t))||!1}function k(t,n){const e=r.DateTime.fromObject({month:t.month,day:1,year:t.year});return n&&n>=e}function M(t,n){const e=r.DateTime.fromObject({month:t.month,day:t.daysInMonth,year:t.year});return n&&n<=e}function T(t){return r.DateTime.fromISO(null==t?void 0:t.replace(o,"-"))}function S(t=void 0){return r.DateTime.fromObject({year:2025,month:1,day:3}).setLocale(null!=t?t:r.DateTime.local().locale).toFormat("D").replace("2025","yyyy").replace("25","yy").replace("01","MM").replace("1","M").replace("03","dd").replace("3","d")}}}]);
1
+ "use strict";(self["momentum-web-components-[id]"]=self["momentum-web-components-[id]"]||[]).push([[1625,4006],{81625:(t,n,e)=>{e.d(n,{DY:()=>D,FO:()=>M,J4:()=>f,Mw:()=>i,PD:()=>k,PS:()=>s,SL:()=>v,WB:()=>y,WV:()=>O,XN:()=>p,XY:()=>h,fi:()=>d,gg:()=>m,gq:()=>T,mA:()=>S,mK:()=>u,pp:()=>l,ro:()=>w,tB:()=>a,tF:()=>g,t_:()=>b,tj:()=>c});var r=e(65796);const o=/\//g;function a(){return r.DateTime.local()}function u(t,n){return"Monday"===n?t.startOf("week"):t.startOf("week").minus({days:1})}function i(t){return t.startOf("month")}function l(t){return t.get("day")}function c(t){return t.get("month")}function d(t,n){return t.plus({days:n})}function f(t,n){return t.plus({weeks:n})}function s(t,n){return t.plus({months:n})}function m(t,n){return t.plus({days:0-n})}function y(t,n){return t.plus({weeks:0-n})}function v(t,n){return t.plus({months:0-n})}function p(t){return t.locale}function h(t,n){var e,r;return t?null!==(e=n.setLocale(t).weekdayShort)&&void 0!==e?e:"":null!==(r=n.weekdayShort)&&void 0!==r?r:""}function D(t,n){const e=h(t,n);return e?e.substring(0,1):""}function O(t,n){return t.setLocale(n)}function w(t,n){return t.day===n.day&&t.month===n.month&&t.year===n.year}function g(t,n){return t.month===n.month}function b(t,n){var e,r,o,a,u,i;return(null===(e=n.minDate)||void 0===e?void 0:e.startOf("day"))&&t.startOf("day")<(null===(r=n.minDate)||void 0===r?void 0:r.startOf("day"))||(null===(o=n.maxDate)||void 0===o?void 0:o.startOf("day"))&&t.startOf("day")>(null===(a=n.maxDate)||void 0===a?void 0:a.startOf("day"))||(null===(u=n.filterDate)||void 0===u?void 0:u.call(n,t))||(null===(i=n.filterDate)||void 0===i?void 0:i.call(n,t.toISODate()))||!1}function k(t,n){const e=r.DateTime.fromObject({month:t.month,day:1,year:t.year});return n&&n>=e}function M(t,n){const e=r.DateTime.fromObject({month:t.month,day:t.daysInMonth,year:t.year});return n&&n<=e}function S(t){return r.DateTime.fromISO(null==t?void 0:t.replace(o,"-"))}function T(t=void 0){return r.DateTime.fromObject({year:2025,month:1,day:3}).setLocale(null!=t?t:r.DateTime.local().locale).toFormat("D").replace("2025","yyyy").replace("25","yy").replace("01","MM").replace("1","M").replace("03","dd").replace("3","d")}}}]);
package/dist/2186.js CHANGED
@@ -1 +1 @@
1
- "use strict";(self["momentum-web-components-[id]"]=self["momentum-web-components-[id]"]||[]).push([[2186],{52186:(e,r,n)=>{n.d(r,{A:()=>a});const a=n(87161).css`.md-alert-banner{display:flex;border:1px solid;padding:.6875rem;position:relative;text-align:center;border-radius:var(--alert-banner-border-radius);font-family:var(--brand-font-regular, "CiscoSansTT Regular", "Helvetica Neue", Helvetica, Arial, sans-serif);font-weight:var(--brand-font-weight-regular);line-height:1.25rem;gap:12px;align-items:center;justify-content:center}.md-alert-banner.closable{padding-inline-end:calc(1.6875rem + 12px)}.md-alert-banner.closable.with-title{padding-inline-end:.9375rem}.md-alert-banner.md-alert-banner--default{background-color:var(--alert-banner-default-bg-color);border-color:var(--alert-banner-default-border-color);color:var(--alert-banner-default-text-color)}.md-alert-banner.md-alert-banner--default md-icon{color:var(--alert-banner-default-border-color)}.md-alert-banner.md-alert-banner--default-momentum{background-color:var(--alert-banner-default-momentum-bg-color);border-color:var(--alert-banner-default-momentum-text-color);color:var(--alert-banner-default-momentum-text-color)}.md-alert-banner.md-alert-banner--default-momentum md-icon{color:var(--alert-banner-default-momentum-text-color)}.md-alert-banner.md-alert-banner--accent{background-color:var(--alert-banner-default-bg-color);border-color:var(--alert-banner-default-border-color);color:var(--alert-banner-default-text-color)}.md-alert-banner.md-alert-banner--accent md-icon{color:var(--alert-banner-default-border-color)}.md-alert-banner.md-alert-banner--warning{background-color:var(--alert-banner-warning-bg-color);border-color:var(--alert-banner-warning-border-color);color:var(--alert-banner-warning-text-color)}.md-alert-banner.md-alert-banner--warning md-icon{color:var(--alert-banner-warning-border-color)}.md-alert-banner.md-alert-banner--error{background-color:var(--alert-banner-error-bg-color);border-color:var(--alert-banner-error-border-color);color:var(--alert-banner-error-text-color)}.md-alert-banner.md-alert-banner--error md-icon{color:var(--alert-banner-error-border-color)}.md-alert-banner.md-alert-banner--success{background-color:var(--alert-banner-success-bg-color);border-color:var(--alert-banner-success-border-color);color:var(--alert-banner-success-text-color)}.md-alert-banner.md-alert-banner--success md-icon{color:var(--alert-banner-success-border-color)}.md-alert-banner.md-alert-banner--promotional{background:var(--alert-banner-promotional-bg);border-color:var(--alert-banner-promotional-border-color);color:var(--alert-banner-promotional-text-color)}.md-alert-banner.md-alert-banner--promotional md-icon{color:var(--alert-banner-promotional-border-color)}.md-alert-banner__title{font-weight:var(--brand-font-weight-bold)}.md-alert-banner__text-content{display:flex;flex-direction:column;align-items:flex-start;gap:4px;margin-inline-start:0}.md-alert-banner__text-content.with-icon{margin-inline-start:1.6875rem}.md-alert-banner__icon.with-title{position:absolute;top:.6875rem;inset-inline-start:.6875rem}.md-alert-banner__with-title ::slotted([slot=left]){position:absolute;top:.6875rem;inset-inline-start:.6875rem}.md-alert-banner--leading{text-align:start;justify-content:space-between}.md-alert-banner .refresh-button-with-title md-icon{color:var(--alert-banner-default-text-color)}.md-alert-banner__text{font-size:.875rem;display:inline-flex;justify-content:center;align-items:center;gap:12px}.md-alert-banner__text a{color:inherit;text-decoration:underline}.md-alert-banner__text .refresh-button{display:inline-flex}.md-alert-banner__text.leading{justify-content:start}.md-alert-banner__right{display:inline-flex;align-items:center;justify-content:center}.md-alert-banner__right.trailing{justify-content:end}.md-alert-banner .close-div{position:absolute;display:flex;align-items:center;inset-inline-end:.9375rem;top:.9375rem;bottom:.9375rem;width:1rem}.md-alert-banner .close-div.with-title{position:relative;inset-inline-end:0;top:0;bottom:0}.md-alert-banner .close-div md-icon{color:var(--alert-banner-default-text-color)}.md-alert-banner .close-div .md-alert-banner__close{cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.md-alert-banner__top-right-centered{display:flex;align-self:flex-start;align-items:flex-end;justify-content:center}.md-alert-banner__top-right-centered-content{display:flex;align-items:center;gap:12px}@media(forced-colors:active){.md-alert-banner{box-shadow:none;outline:2px solid CanvasText}}`}}]);
1
+ "use strict";(self["momentum-web-components-[id]"]=self["momentum-web-components-[id]"]||[]).push([[2186],{52186:(r,e,n)=>{n.d(e,{A:()=>t});const t=n(87161).css`.md-alert-banner{display:flex;border:1px solid;padding:.6875rem;position:relative;text-align:center;border-radius:var(--alert-banner-border-radius);font-family:var(--brand-font-regular, "CiscoSansTT Regular", "Helvetica Neue", Helvetica, Arial, sans-serif);font-weight:var(--brand-font-weight-regular);line-height:1.25rem;gap:.5rem;align-items:center;justify-content:center}.md-alert-banner.closable{padding-inline-end:2.1875rem}.md-alert-banner.closable.with-title{padding-inline-end:.9375rem}.md-alert-banner.md-alert-banner--default{background-color:var(--alert-banner-default-bg-color);border-color:var(--alert-banner-default-border-color);color:var(--alert-banner-default-text-color)}.md-alert-banner.md-alert-banner--default md-icon{color:var(--alert-banner-default-border-color)}.md-alert-banner.md-alert-banner--default ::slotted(md-icon[slot=left]){color:var(--alert-banner-default-border-color)}.md-alert-banner.md-alert-banner--default-momentum{background-color:var(--alert-banner-default-momentum-bg-color);border-color:var(--alert-banner-default-momentum-text-color);color:var(--alert-banner-default-momentum-text-color)}.md-alert-banner.md-alert-banner--default-momentum md-icon{color:var(--alert-banner-default-momentum-text-color)}.md-alert-banner.md-alert-banner--default-momentum ::slotted(md-icon[slot=left]){color:var(--alert-banner-default-momentum-text-color)}.md-alert-banner.md-alert-banner--accent{background-color:var(--alert-banner-default-bg-color);border-color:var(--alert-banner-default-border-color);color:var(--alert-banner-default-text-color)}.md-alert-banner.md-alert-banner--accent md-icon{color:var(--alert-banner-default-border-color)}.md-alert-banner.md-alert-banner--accent ::slotted(md-icon[slot=left]){color:var(--alert-banner-default-border-color)}.md-alert-banner.md-alert-banner--warning{background-color:var(--alert-banner-warning-bg-color);border-color:var(--alert-banner-warning-border-color);color:var(--alert-banner-warning-text-color)}.md-alert-banner.md-alert-banner--warning md-icon{color:var(--alert-banner-warning-border-color)}.md-alert-banner.md-alert-banner--warning ::slotted(md-icon[slot=left]){color:var(--alert-banner-warning-border-color)}.md-alert-banner.md-alert-banner--error{background-color:var(--alert-banner-error-bg-color);border-color:var(--alert-banner-error-border-color);color:var(--alert-banner-error-text-color)}.md-alert-banner.md-alert-banner--error md-icon{color:var(--alert-banner-error-border-color)}.md-alert-banner.md-alert-banner--error ::slotted(md-icon[slot=left]){color:var(--alert-banner-error-border-color)}.md-alert-banner.md-alert-banner--success{background-color:var(--alert-banner-success-bg-color);border-color:var(--alert-banner-success-border-color);color:var(--alert-banner-success-text-color)}.md-alert-banner.md-alert-banner--success md-icon{color:var(--alert-banner-success-border-color)}.md-alert-banner.md-alert-banner--success ::slotted(md-icon[slot=left]){color:var(--alert-banner-success-border-color)}.md-alert-banner.md-alert-banner--promotional{background:var(--alert-banner-promotional-bg);border-color:var(--alert-banner-promotional-border-color);color:var(--alert-banner-promotional-text-color)}.md-alert-banner.md-alert-banner--promotional md-icon{color:var(--alert-banner-promotional-border-color)}.md-alert-banner.md-alert-banner--promotional ::slotted(md-icon[slot=left]){color:var(--alert-banner-promotional-border-color)}.md-alert-banner__title{font-weight:var(--brand-font-weight-bold)}.md-alert-banner__text-content{display:flex;flex-direction:column;align-items:flex-start;gap:.25rem;margin-inline-start:0}.md-alert-banner__text-content.with-icon{margin-inline-start:1.6875rem}.md-alert-banner__icon.with-title{position:absolute;top:.6875rem;inset-inline-start:.6875rem}.md-alert-banner__with-title ::slotted([slot=left]){position:absolute;top:.6875rem;inset-inline-start:.6875rem}.md-alert-banner--leading{text-align:start;justify-content:space-between}.md-alert-banner .refresh-button-with-title md-icon{color:var(--alert-banner-default-text-color)}.md-alert-banner__text{font-size:.875rem;display:inline-flex;justify-content:center;align-items:center;gap:.5rem}.md-alert-banner__text a{color:inherit;text-decoration:underline}.md-alert-banner__text .refresh-button{display:inline-flex}.md-alert-banner__text.leading{justify-content:start}.md-alert-banner__right{display:inline-flex;align-items:center;justify-content:center}.md-alert-banner__right.trailing{justify-content:end}.md-alert-banner .close-div{position:absolute;display:flex;align-items:center;inset-inline-end:.9375rem;top:.9375rem;bottom:.9375rem;width:1rem}.md-alert-banner .close-div.with-title{position:relative;inset-inline-end:0;top:0;bottom:0}.md-alert-banner .close-div md-icon{color:var(--alert-banner-default-text-color)}.md-alert-banner .close-div .md-alert-banner__close{cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.md-alert-banner__top-right-centered{display:flex;align-self:flex-start;align-items:flex-end;justify-content:center}.md-alert-banner__top-right-centered-content{display:flex;align-items:center;gap:.5rem}@media(forced-colors:active){.md-alert-banner{box-shadow:none;outline:2px solid CanvasText}}`}}]);
package/dist/2555.js CHANGED
@@ -1,4 +1,4 @@
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 o,r=i(31890),s=i(81625),n=i(4313),l=i(87161),a=i(70429),h=i(34363),c=function(e,t,i,o){var r,s=arguments.length,n=s<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,o);else for(var l=e.length-1;l>=0;l--)(r=e[l])&&(n=(s<3?r(n):s>3?r(t,i,n):r(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`
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),i(12176);var r,o=i(31890),s=i(81625),n=i(4313),l=i(87161),a=i(70429),h=i(34363),d=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.onRetry=void 0,this.datePickerProps=void 0,this.errorMessages={},this.shortDay=!1,this.isDatePickerMonthLoading=!1,this.isDatePickerMonthError=!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.handleRetryClick=()=>{this.onRetry&&this.onRetry()},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
2
  <md-button
3
3
  variant="ghost"
4
4
  circle
@@ -25,7 +25,30 @@
25
25
  tabindex="-1"
26
26
  ><md-icon name="arrow-right-bold" size="16" iconSet="momentumDesign"></md-icon>
27
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 o=(0,s.fi)((0,s.WV)(t,(null===(i=this.datePickerProps)||void 0===i?void 0:i.locale)||"en"),e),r=(0,s.XN)(o),n=this.getWeekDayName(r,o);return l.html` <div class="md-datepicker__day--name">${n}</div> `}))},this.renderMonth=()=>l.html`
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> `}))}}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)}renderLoader(){return l.html`
29
+ <div class="md-datepicker__loading">
30
+ <div class="md-datepicker__loading-text">${this.errorMessages.LOADING}</div>
31
+ <md-spinner size="32"></md-spinner>
32
+ </div>
33
+ `}renderDateError(){return l.html`
34
+ <div class="md-datepicker__error-container">
35
+ <md-icon name="error-legacy-bold" size="24" iconSet="momentumDesign" class="md-datepicker__error-icon">
36
+ </md-icon>
37
+ <div class="md-datepicker__error-header">${this.errorMessages.HEADER}</div>
38
+ <div class="md-datepicker__error-text">${this.errorMessages.TEXT}</div>
39
+ <md-button variant="secondary" size="24" @click=${this.handleRetryClick}>
40
+ <md-icon slot="icon" name="refresh-bold" size="14" iconSet="momentumDesign"></md-icon>
41
+ <span slot="text">${this.errorMessages.RETRY}</span>
42
+ </md-button>
43
+ </div>
44
+ `}renderMonthContent(){return this.isDatePickerMonthError?this.renderDateError():this.isDatePickerMonthLoading?this.renderLoader():l.html`
45
+ <md-datepicker-month
46
+ .day=${this.viewAnchorDate}
47
+ .filterParams=${this.filterParams}
48
+ .datePickerProps=${this.datePickerProps}
49
+ >
50
+ </md-datepicker-month>
51
+ `}renderMonth(){return l.html`
29
52
  <div class="md-datepicker__month-container">
30
53
  <div class="md-datepicker__header">
31
54
  <div class="md-datepicker__navigation">
@@ -36,15 +59,11 @@
36
59
  </div>
37
60
  <div class="md-datepicker__day--names">${this.header()}</div>
38
61
  </div>
39
- <md-datepicker-month
40
- .day=${this.viewAnchorDate}
41
- .filterParams=${this.filterParams}
42
- .datePickerProps=${this.datePickerProps}
43
- ></md-datepicker-month>
62
+ ${this.renderMonthContent()}
44
63
  </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,o,r,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===(o=this.datePickerProps)||void 0===o?void 0:o.locale):this.viewAnchorDate).toFormat(this.monthFormat)),e.has("viewAnchorDate")&&(this.localeMonth=((null===(r=this.datePickerProps)||void 0===r?void 0:r.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,h.A]}render(){return l.html`
64
+ `}static get styles(){return[n.A,h.A]}render(){return l.html`
46
65
  <div class="md-datepicker__calendar" id="Datepicker-Calendar">${this.viewAnchorDate&&this.renderMonth()}</div>
47
- `}};c([(0,a.property)({attribute:!1})],t.prototype,"monthFormat",void 0),c([(0,a.property)({attribute:!1})],t.prototype,"filterParams",void 0),c([(0,a.property)({attribute:!1})],t.prototype,"handleMonthChange",void 0),c([(0,a.property)({attribute:!1})],t.prototype,"datePickerProps",void 0),c([(0,a.property)({type:Boolean,reflect:!0,attribute:"short-day"})],t.prototype,"shortDay",void 0),c([(0,a.state)()],t.prototype,"viewAnchorDate",void 0),c([(0,a.state)()],t.prototype,"localeMonth",void 0),t=c([(0,r.w)("md-datepicker-calendar")],t),e.ELEMENT=t}(o||(o={}))},66677:(e,t,i)=>{function o(e,t,i){let o;return function(...r){const s=this,n=i&&!o;clearTimeout(o),o=setTimeout(function(){o=null,i||e.apply(s,r)},t),n&&e.apply(s,r)}}function r(e,t){return function t(i){if(!i||i===document||i===window)return null;const o=i.closest(e);return null!=o?o:t(i.getRootNode().host)}(t)}function s(e,t=document){var i;const o=t instanceof ShadowRoot||t instanceof Document?t.querySelector(e):null===(i=t.shadowRoot)||void 0===i?void 0:i.querySelector(e);if(o)return o;const r=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 r){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:()=>r,XI:()=>n,dw:()=>l,qi:()=>s,sg:()=>o})},71128:(e,t,i)=>{i.d(t,{PopoverController:()=>g}),i(96798),i(61200);var o=i(31890),r=i(28373),s=i(66677),n=i(5784),l=i(87161),a=i(70429),h=i(68419),c=i(36365),d=i(3998),p=i(33759),u=i(86210),v=function(e,t,i,o){var r,s=arguments.length,n=s<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,o);else for(var l=e.length-1;l>=0;l--)(r=e[l])&&(n=(s<3?r(n):s>3?r(t,i,n):r(t,i))||n);return s>3&&n&&Object.defineProperty(t,i,n),n},m=function(e,t,i,o){return new(i||(i=Promise))(function(r,s){function n(e){try{a(o.next(e))}catch(e){s(e)}}function l(e){try{a(o.throw(e))}catch(e){s(e)}}function a(e){var t;e.done?r(e.value):(t=e.value,t instanceof i?t:new i(function(e){e(t)})).then(n,l)}a((o=o.apply(e,t||[])).next())})};class g{show(e){}hide(){}toggle(){}isVisible(){return!1}}let y=class extends((0,r.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=h.zY.TRIGGER,this.placement=h.zY.PLACEMENT,this.strategy=h.zY.STRATEGY,this.color=h.zY.COLOR,this.visible=h.zY.VISIBLE,this.offset=h.zY.OFFSET,this.focusTrap=h.zY.FOCUS_TRAP,this.preventScroll=h.zY.PREVENT_SCROLL,this.showArrow=h.zY.ARROW,this.closeButton=h.zY.CLOSE_BUTTON,this.interactive=h.zY.INTERACTIVE,this.delay=h.zY.DELAY,this.hideOnEscape=h.zY.HIDE_ON_ESCAPE,this.hideOnBlur=h.zY.HIDE_ON_BLUR,this.hideOnWindowBlur=h.zY.HIDE_ON_WINDOW_BLUR,this.hideOnOutsideClick=h.zY.HIDE_ON_CLICK_OUTSIDE,this.focusBackToTrigger=h.zY.FOCUS_BACK,this.backdrop=h.zY.BACKDROP,this.flip=h.zY.FLIP,this.size=h.zY.SIZE,this.zIndex=h.zY.Z_INDEX,this.appendTo="",this.closeButtonAriaLabel=null,this.role=h.zY.ROLE,this.ariaLabelledby=null,this.ariaDescribedby=null,this.disableAriaExpanded=h.zY.DISABLE_ARIA_EXPANDED,this.animationFrame=h.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 p.h(this),this.preventClickOutside=!0}firstUpdated(e){const t=Object.create(null,{firstUpdated:{get:()=>super.firstUpdated}});return m(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 m(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 m(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(h.ME).includes(this.placement)?this.placement:h.zY.PLACEMENT),e.has("delay")&&([this.openDelay,this.closeDelay]=this.utils.setupDelay()),e.has("trigger")){const e=this.trigger.split(" ").filter(e=>Object.values(h.tr).includes(e));this.setAttribute("trigger",e.length>0?this.trigger:h.zY.TRIGGER),this.removeEventListeners(),this.setupTriggerListener()}e.has("triggerID")&&(this.removeEventListeners(),this.setupTriggerListener(),this.utils.setupAccessibility()),e.has("color")&&this.setAttribute("color",Object.values(h.o$).includes(this.color)?this.color:h.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 m(this,void 0,void 0,function*(){var o,r,s,n;if(e!==t&&this.triggerElement)if(t)d.S.peek()!==this&&d.S.push(this),i.preventScroll=this.preventScroll,this.focusTrap&&(null===(o=this.activateFocusTrap)||void 0===o||o.call(this)),this.backdrop&&(this.utils.createBackdrop(),this.triggerElement.style.zIndex=`${this.zIndex}`),this.utils.handleAppendTo(!0),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.utils.handleAppendTo(!1),this.backdropElement&&(null===(r=this.backdropElement)||void 0===r||r.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)}setFocusableElements(){var e;null===(e=super.setFocusableElements)||void 0===e||e.call(this);const t=this.triggerElement;this.appendTo&&this.activeFocusTrap&&t&&this.focusableElements&&(this.focusableElements.includes(t)||this.focusableElements.push(t))}handleCreatePopoverFirstUpdate(){return m(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,()=>m(this,void 0,void 0,function*(){if(!this.triggerElement)return;const{x:t,y:i,middlewareData:o,placement:r}=yield(0,n.computePosition)(this.triggerElement,this,{placement:this.placement,middleware:e,strategy:this.strategy});this.utils.updatePopoverStyle(t,i),o.arrow&&this.arrowElement&&this.utils.updateArrowStyle(o.arrow,r),this.trigger.includes("mouseenter")&&this.utils.setupHoverBridge(r)}),{animationFrame:this.animationFrame})}render(){return l.html`
66
+ `}};d([(0,a.property)({attribute:!1})],t.prototype,"monthFormat",void 0),d([(0,a.property)({attribute:!1})],t.prototype,"filterParams",void 0),d([(0,a.property)({attribute:!1})],t.prototype,"handleMonthChange",void 0),d([(0,a.property)({attribute:!1})],t.prototype,"onRetry",void 0),d([(0,a.property)({attribute:!1})],t.prototype,"datePickerProps",void 0),d([(0,a.property)({type:Object,attribute:!1})],t.prototype,"errorMessages",void 0),d([(0,a.property)({type:Boolean,reflect:!0,attribute:"short-day"})],t.prototype,"shortDay",void 0),d([(0,a.property)({type:Boolean,reflect:!0,attribute:"is-date-picker-month-loading"})],t.prototype,"isDatePickerMonthLoading",void 0),d([(0,a.property)({type:Boolean,reflect:!0,attribute:"is-date-picker-month-error"})],t.prototype,"isDatePickerMonthError",void 0),d([(0,a.state)()],t.prototype,"viewAnchorDate",void 0),d([(0,a.state)()],t.prototype,"localeMonth",void 0),t=d([(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:()=>g}),i(96798),i(61200);var r=i(31890),o=i(28373),s=i(66677),n=i(5784),l=i(87161),a=i(70429),h=i(68419),d=i(36365),c=i(3998),p=i(33759),u=i(86210),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},m=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 g{show(e){}hide(){}toggle(){}isVisible(){return!1}}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=h.zY.TRIGGER,this.placement=h.zY.PLACEMENT,this.strategy=h.zY.STRATEGY,this.color=h.zY.COLOR,this.visible=h.zY.VISIBLE,this.offset=h.zY.OFFSET,this.focusTrap=h.zY.FOCUS_TRAP,this.preventScroll=h.zY.PREVENT_SCROLL,this.showArrow=h.zY.ARROW,this.closeButton=h.zY.CLOSE_BUTTON,this.interactive=h.zY.INTERACTIVE,this.delay=h.zY.DELAY,this.hideOnEscape=h.zY.HIDE_ON_ESCAPE,this.hideOnBlur=h.zY.HIDE_ON_BLUR,this.hideOnWindowBlur=h.zY.HIDE_ON_WINDOW_BLUR,this.hideOnOutsideClick=h.zY.HIDE_ON_CLICK_OUTSIDE,this.focusBackToTrigger=h.zY.FOCUS_BACK,this.backdrop=h.zY.BACKDROP,this.flip=h.zY.FLIP,this.size=h.zY.SIZE,this.zIndex=h.zY.Z_INDEX,this.appendTo="",this.closeButtonAriaLabel=null,this.role=h.zY.ROLE,this.ariaLabelledby=null,this.ariaDescribedby=null,this.disableAriaExpanded=h.zY.DISABLE_ARIA_EXPANDED,this.animationFrame=h.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)||c.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=()=>{c.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 p.h(this),this.preventClickOutside=!0}firstUpdated(e){const t=Object.create(null,{firstUpdated:{get:()=>super.firstUpdated}});return m(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}`,d.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 m(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(),d.T.onDestroyedPopover(this),c.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 m(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(h.ME).includes(this.placement)?this.placement:h.zY.PLACEMENT),e.has("delay")&&([this.openDelay,this.closeDelay]=this.utils.setupDelay()),e.has("trigger")){const e=this.trigger.split(" ").filter(e=>Object.values(h.tr).includes(e));this.setAttribute("trigger",e.length>0?this.trigger:h.zY.TRIGGER),this.removeEventListeners(),this.setupTriggerListener()}e.has("triggerID")&&(this.removeEventListeners(),this.setupTriggerListener(),this.utils.setupAccessibility()),e.has("color")&&this.setAttribute("color",Object.values(h.o$).includes(this.color)?this.color:h.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 m(this,void 0,void 0,function*(){var r,o,s,n;if(e!==t&&this.triggerElement)if(t)c.S.peek()!==this&&c.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.utils.handleAppendTo(!0),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),d.T.onShowPopover(this);else{if(this.cleanupAutoUpdate&&(this.cleanupAutoUpdate(),this.cleanupAutoUpdate=null),c.S.removeItem(this),this.utils.handleAppendTo(!1),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,d.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)}setFocusableElements(){var e;null===(e=super.setFocusableElements)||void 0===e||e.call(this);const t=this.triggerElement;this.appendTo&&this.activeFocusTrap&&t&&this.focusableElements&&(this.focusableElements.includes(t)||this.focusableElements.push(t))}handleCreatePopoverFirstUpdate(){return m(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,()=>m(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
67
  <div class="popover-hover-bridge"></div>
49
68
  ${this.closeButton?l.html` <md-button
50
69
  class="popover-close"
@@ -60,4 +79,4 @@
60
79
  <div part="popover-content">
61
80
  <slot></slot>
62
81
  </div>
63
- `}static get styles(){return[u.A]}};v([(0,a.property)({type:String,reflect:!0})],y.prototype,"id",void 0),v([(0,a.property)({type:String,reflect:!0})],y.prototype,"triggerID",void 0),v([(0,a.property)({type:String,reflect:!0})],y.prototype,"trigger",void 0),v([(0,a.property)({type:String,reflect:!0})],y.prototype,"placement",void 0),v([(0,a.property)({type:String,reflect:!0})],y.prototype,"strategy",void 0),v([(0,a.property)({type:String,reflect:!0})],y.prototype,"color",void 0),v([(0,a.property)({type:Boolean,reflect:!0})],y.prototype,"visible",void 0),v([(0,a.property)({type:Number,reflect:!0})],y.prototype,"offset",void 0),v([(0,a.property)({type:Boolean,reflect:!0,attribute:"focus-trap"})],y.prototype,"focusTrap",void 0),v([(0,a.property)({type:Boolean,reflect:!0,attribute:"prevent-scroll"})],y.prototype,"preventScroll",void 0),v([(0,a.property)({type:Boolean,reflect:!0,attribute:"show-arrow"})],y.prototype,"showArrow",void 0),v([(0,a.property)({type:Boolean,reflect:!0,attribute:"close-button"})],y.prototype,"closeButton",void 0),v([(0,a.property)({type:Boolean,reflect:!0})],y.prototype,"interactive",void 0),v([(0,a.property)({type:String,reflect:!0})],y.prototype,"delay",void 0),v([(0,a.property)({type:Boolean,reflect:!0,attribute:"hide-on-escape"})],y.prototype,"hideOnEscape",void 0),v([(0,a.property)({type:Boolean,reflect:!0,attribute:"hide-on-blur"})],y.prototype,"hideOnBlur",void 0),v([(0,a.property)({type:Boolean,reflect:!0,attribute:"hide-on-window-blur"})],y.prototype,"hideOnWindowBlur",void 0),v([(0,a.property)({type:Boolean,reflect:!0,attribute:"hide-on-outside-click"})],y.prototype,"hideOnOutsideClick",void 0),v([(0,a.property)({type:Boolean,reflect:!0,attribute:"focus-back-to-trigger"})],y.prototype,"focusBackToTrigger",void 0),v([(0,a.property)({type:Boolean,reflect:!0})],y.prototype,"backdrop",void 0),v([(0,a.property)({type:Boolean,reflect:!0})],y.prototype,"flip",void 0),v([(0,a.property)({type:Boolean,reflect:!0})],y.prototype,"size",void 0),v([(0,a.property)({type:Number,reflect:!0,attribute:"z-index"})],y.prototype,"zIndex",void 0),v([(0,a.property)({type:String,reflect:!0,attribute:"append-to"})],y.prototype,"appendTo",void 0),v([(0,a.property)({type:String,attribute:"close-button-aria-label",reflect:!0})],y.prototype,"closeButtonAriaLabel",void 0),v([(0,a.property)({type:String,reflect:!0})],y.prototype,"role",void 0),v([(0,a.property)({type:String,reflect:!0,attribute:"aria-labelledby"})],y.prototype,"ariaLabelledby",void 0),v([(0,a.property)({type:String,reflect:!0,attribute:"aria-describedby"})],y.prototype,"ariaDescribedby",void 0),v([(0,a.property)({type:Boolean,reflect:!0,attribute:"disable-aria-expanded"})],y.prototype,"disableAriaExpanded",void 0),v([(0,a.property)({type:Boolean,reflect:!0,attribute:"animation-frame"})],y.prototype,"animationFrame",void 0),v([(0,a.property)({type:Object,attribute:!1})],y.prototype,"controller",null),y=v([(0,o.w)("md-popover")],y)}}]);
82
+ `}static get styles(){return[u.A]}};v([(0,a.property)({type:String,reflect:!0})],y.prototype,"id",void 0),v([(0,a.property)({type:String,reflect:!0})],y.prototype,"triggerID",void 0),v([(0,a.property)({type:String,reflect:!0})],y.prototype,"trigger",void 0),v([(0,a.property)({type:String,reflect:!0})],y.prototype,"placement",void 0),v([(0,a.property)({type:String,reflect:!0})],y.prototype,"strategy",void 0),v([(0,a.property)({type:String,reflect:!0})],y.prototype,"color",void 0),v([(0,a.property)({type:Boolean,reflect:!0})],y.prototype,"visible",void 0),v([(0,a.property)({type:Number,reflect:!0})],y.prototype,"offset",void 0),v([(0,a.property)({type:Boolean,reflect:!0,attribute:"focus-trap"})],y.prototype,"focusTrap",void 0),v([(0,a.property)({type:Boolean,reflect:!0,attribute:"prevent-scroll"})],y.prototype,"preventScroll",void 0),v([(0,a.property)({type:Boolean,reflect:!0,attribute:"show-arrow"})],y.prototype,"showArrow",void 0),v([(0,a.property)({type:Boolean,reflect:!0,attribute:"close-button"})],y.prototype,"closeButton",void 0),v([(0,a.property)({type:Boolean,reflect:!0})],y.prototype,"interactive",void 0),v([(0,a.property)({type:String,reflect:!0})],y.prototype,"delay",void 0),v([(0,a.property)({type:Boolean,reflect:!0,attribute:"hide-on-escape"})],y.prototype,"hideOnEscape",void 0),v([(0,a.property)({type:Boolean,reflect:!0,attribute:"hide-on-blur"})],y.prototype,"hideOnBlur",void 0),v([(0,a.property)({type:Boolean,reflect:!0,attribute:"hide-on-window-blur"})],y.prototype,"hideOnWindowBlur",void 0),v([(0,a.property)({type:Boolean,reflect:!0,attribute:"hide-on-outside-click"})],y.prototype,"hideOnOutsideClick",void 0),v([(0,a.property)({type:Boolean,reflect:!0,attribute:"focus-back-to-trigger"})],y.prototype,"focusBackToTrigger",void 0),v([(0,a.property)({type:Boolean,reflect:!0})],y.prototype,"backdrop",void 0),v([(0,a.property)({type:Boolean,reflect:!0})],y.prototype,"flip",void 0),v([(0,a.property)({type:Boolean,reflect:!0})],y.prototype,"size",void 0),v([(0,a.property)({type:Number,reflect:!0,attribute:"z-index"})],y.prototype,"zIndex",void 0),v([(0,a.property)({type:String,reflect:!0,attribute:"append-to"})],y.prototype,"appendTo",void 0),v([(0,a.property)({type:String,attribute:"close-button-aria-label",reflect:!0})],y.prototype,"closeButtonAriaLabel",void 0),v([(0,a.property)({type:String,reflect:!0})],y.prototype,"role",void 0),v([(0,a.property)({type:String,reflect:!0,attribute:"aria-labelledby"})],y.prototype,"ariaLabelledby",void 0),v([(0,a.property)({type:String,reflect:!0,attribute:"aria-describedby"})],y.prototype,"ariaDescribedby",void 0),v([(0,a.property)({type:Boolean,reflect:!0,attribute:"disable-aria-expanded"})],y.prototype,"disableAriaExpanded",void 0),v([(0,a.property)({type:Boolean,reflect:!0,attribute:"animation-frame"})],y.prototype,"animationFrame",void 0),v([(0,a.property)({type:Object,attribute:!1})],y.prototype,"controller",null),y=v([(0,r.w)("md-popover")],y)}}]);
package/dist/4363.js CHANGED
@@ -1 +1 @@
1
- "use strict";(self["momentum-web-components-[id]"]=self["momentum-web-components-[id]"]||[]).push([[4363],{34363:(e,r,t)=>{t.d(r,{A:()=>a});const a=t(87161).css`.md-datepicker{overflow:visible}.md-datepicker__month-container{display:flex;flex-direction:column;height:19.25rem;justify-content:space-between;padding:12px 10px 8px}.md-datepicker__navigation--buttons{align-items:center;gap:.5rem;color:var(--datepicker-default-navigation-button,var(--md-primary-text-color,inherit));display:flex;justify-content:space-between;line-height:normal}.md-datepicker__navigation--buttons md-button::part(button)::after{margin:0;height:28px;width:28px}.md-datepicker__month{display:flex;flex-direction:column;width:15.5rem;gap:.25rem}.md-datepicker__week{display:flex;gap:.25rem;flex-wrap:nowrap;font-size:var(--brand-font-midsize,.875rem)}.md-datepicker__navigation--current-month{font-size:1rem;font-family:var(--brand-font-bold,inherit);line-height:var(--font-lineheight-body-large,1.5rem);font-weight:700;text-transform:capitalize;color:var(--datepicker-default-navigation-label,inherit)}.md-datepicker__navigation{display:flex;justify-content:space-between;align-items:center;padding:0 1px}.md-datepicker__day--names{display:flex}.md-datepicker__day{color:var(--datepicker-default-number-color,inherit);border-radius:100%;display:inline-flex;height:2rem;width:2rem;font-weight:400}.md-datepicker__day--names{color:var(--datepicker-default-days,var(--md-secondary-text-color));display:flex;gap:.25rem;font-size:var(--font-size-body-midsize,.625rem);font-family:var(--brand-font-bold, "CiscoSansTT Bold");font-weight:var(--brand-font-weight-bold,700);justify-content:center;align-items:center;line-height:.875rem;margin:12px 0 4px;text-transform:capitalize;text-align:center;width:15.5rem;letter-spacing:0}.md-datepicker__day--names .md-datepicker__day--name{display:flex;justify-content:center;align-items:center;width:2rem;height:2rem}.md-datepicker__day::part(button){align-items:center;justify-content:center;display:inline-flex}.md-datepicker__day::part(button):hover{background:var(--datepicker-default-hover-bg-color)}.md-datepicker__day[disabled]::part(button){background:0 0;color:var(--md-disabled-text-color,inherit)}.md-datepicker__day--today::part(button){font-weight:700}.md-datepicker__day--today::part(button)::after{outline:var(--datepicker-selected-today-border,1px solid var(--datepicker-range-text-color));outline-offset:-.25rem}.md-datepicker__day--focus::part(button){background:var(--datepicker-range-hover-bg-color)}.md-datepicker__day--selected::part(button){background:var(--datepicker-selected-bg-color,var(--md-primary-text-color));color:var(--datepicker-selected-text-color,var(--md-secondary-bg-color))}.md-datepicker__day--selected::part(button):hover{background:var(--datepicker-selected-hover-bg-color);color:var(--datepicker-selected-text-color)}.md-datepicker__day--selected::part(button):active{background:var(--datepicker-selected-pressed-bg-color);color:var(--datepicker-selected-text-color)}.md-datepicker__day--outside-month{color:var(--datepicker-invalid-text-color,var(--md-disabled-text-color,inherit))}.md-datepicker__day--in-range::part(button){color:var(--datepicker-range-text-color);z-index:10}.md-datepicker__day--in-range::part(button)::before{background:var(--datepicker-range-bg-color);content:"";display:block;height:2rem;position:absolute;top:0;width:calc(2rem + 5px);z-index:-1}.md-datepicker__day--in-range::part(button):hover{color:var(--datepicker-range-text-color)}.md-datepicker__day--in-range::part(button):active{color:var(--datepicker-pressed-text-color)}.md-datepicker__day--in-range::part(button):focus{z-index:12;color:var(--datepicker-range-text-color)}.md-datepicker__day--week-first.md-datepicker__day--in-range::part(button)::before{width:2.125rem;left:0}.md-datepicker__day--start-date::part(button){font-family:var(--brand-font-bold);color:var(--datepicker-selected-text-color,var(--md-secondary-bg-color));z-index:11;box-shadow:none}.md-datepicker__day--start-date::part(button):hover{color:var(--datepicker-selected-text-color,var(--md-secondary-bg-color))}.md-datepicker__day--start-date::part(button):focus{color:var(--datepicker-range-text-color)}.md-datepicker__day--start-date::part(button)::before{width:2rem;left:.125rem;background:radial-gradient(circle at 50% center,var(--datepicker-selected-bg-color) 60%,transparent 60%,var(--datepicker-range-bg-color) 60%,var(--datepicker-range-bg-color) 60%);border-bottom-left-radius:1rem;border-top-left-radius:1rem}.md-datepicker__day--start-date::part(button)::after{height:2rem;width:2rem;left:.125rem;top:.125rem;z-index:-1;background:radial-gradient(circle at 50% center,transparent 40%,var(--datepicker-range-edge-bg-color) 40%,var(--datepicker-range-edge-bg-color) 100%,transparent 100%);content:""}.md-datepicker__day--start-date::part(button):focus{color:var(--datepicker-selected-text-color)}.md-datepicker__day--start-date::part(button):focus::before{background:radial-gradient(circle at 50% center,var(--datepicker-selected-bg-color) 60%,rgba(0,0,0,0) 60%,var(--datepicker-range-bg-color) 60%,var(--datepicker-range-bg-color) 60%)}.md-datepicker__day--start-date::part(button):focus::after{z-index:-1;box-shadow:none;outline:.125rem solid var(--button-focus-ring-color);outline-offset:.125rem;background:radial-gradient(circle at 50% center,rgba(0,0,0,0) 40%,var(--datepicker-selected-bg-color) 40%,var(--datepicker-selected-bg-color) 100%,rgba(0,0,0,0) 100%);content:""}.md-datepicker__day--start-date::part(button):hover{color:var(--datepicker-selected-text-color);border-bottom-right-radius:1rem;border-top-right-radius:1rem}.md-datepicker__day--start-date::part(button):hover::before{background:radial-gradient(circle at 50% center,var(--datepicker-selected-hover-bg-color) 50%,rgba(0,0,0,0) 50%,var(--datepicker-range-bg-color) 50%,var(--datepicker-range-bg-color) 50%)}.md-datepicker__day--start-date::part(button):hover::after{z-index:-1;background:radial-gradient(circle at 50% center,rgba(0,0,0,0) 40%,var(--datepicker-selected-hover-bg-color) 40%,var(--datepicker-selected-hover-bg-color) 100%,rgba(0,0,0,0) 100%);content:""}.md-datepicker__day--end-date::part(button){font-family:var(--brand-font-bold);color:var(--datepicker-selected-text-color,var(--md-secondary-bg-color))}.md-datepicker__day--end-date::part(button)::before{height:2rem;width:2.125rem;left:-.25rem;background:radial-gradient(circle at 50% center,var(--datepicker-selected-bg-color) 50%,transparent 50%,var(--datepicker-range-bg-color) 50%,var(--datepicker-range-bg-color) 50%);border-bottom-right-radius:1rem;border-top-right-radius:1rem}.md-datepicker__day--end-date::part(button)::after{height:2rem;width:2rem;left:.125rem;top:.125rem;z-index:-1;background:radial-gradient(circle at 50% center,rgba(0,0,0,0) 30%,var(--datepicker-range-edge-bg-color) 30%,var(--datepicker-range-edge-bg-color) 100%,rgba(0,0,0,0) 100%);content:""}.md-datepicker__day--end-date::part(button):focus{color:var(--datepicker-selected-text-color)}.md-datepicker__day--end-date::part(button):focus::before{background:radial-gradient(circle at 50% center,var(--datepicker-selected-bg-color) 50%,transparent 50%,var(--datepicker-range-bg-color) 50%,var(--datepicker-range-bg-color) 50%)}.md-datepicker__day--end-date::part(button):focus::after{z-index:-1;box-shadow:none;outline:.125rem solid var(--button-focus-ring-color);outline-offset:.125rem;background:radial-gradient(circle at 50% center,rgba(0,0,0,0) 30%,var(--datepicker-selected-bg-color) 30%,var(--datepicker-selected-bg-color) 100%,rgba(0,0,0,0) 100%);content:""}.md-datepicker__day--end-date::part(button):hover{color:var(--datepicker-selected-text-color)}.md-datepicker__day--end-date::part(button):hover::before{background:radial-gradient(circle at 50% center,var(--datepicker-selected-hover-bg-color) 60%,rgba(0,0,0,0) 60%,var(--datepicker-range-bg-color) 60%,var(--datepicker-range-bg-color) 60%)}.md-datepicker__day--end-date::part(button):hover::after{z-index:-1;background:radial-gradient(circle at 50% center,rgba(0,0,0,0) 30%,var(--datepicker-selected-hover-bg-color) 30%,var(--datepicker-selected-hover-bg-color) 100%,rgba(0,0,0,0) 100%);content:""}.md-datepicker__day--week-first::part(button)::before{border-bottom-left-radius:1rem;border-top-left-radius:1rem}.md-datepicker__day--week-last::part(button)::before{border-bottom-right-radius:1rem;border-top-right-radius:1rem;width:calc(2rem + .25rem);left:-.25rem}.md-datepicker__day--week-first.md-datepicker__day--end-date::part(button),.md-datepicker__day--week-last.md-datepicker__day--start-date::part(button){background:0 0}.md-datepicker__day--week-first.md-datepicker__day--end-date::part(button)::after,.md-datepicker__day--week-first.md-datepicker__day--end-date::part(button)::before,.md-datepicker__day--week-last.md-datepicker__day--start-date::part(button)::after,.md-datepicker__day--week-last.md-datepicker__day--start-date::part(button)::before{border-radius:1rem;width:2rem;height:2rem;left:.125rem;top:.125rem;background:0 0}.md-datepicker__day--week-first.md-datepicker__day--end-date::part(button)::after,.md-datepicker__day--week-last.md-datepicker__day--start-date::part(button)::after{background:radial-gradient(circle at 50% center,var(--datepicker-selected-bg-color) 0,var(--datepicker-selected-bg-color) 100%,transparent 100%)}.md-datepicker__day--week-first.md-datepicker__day--end-date::part(button):hover::after,.md-datepicker__day--week-last.md-datepicker__day--start-date::part(button):hover::after{background:radial-gradient(circle at 50% center,var(--datepicker-selected-hover-bg-color) 0,var(--datepicker-selected-hover-bg-color) 100%,transparent 100%)}.control-buttons{display:flex;justify-content:flex-end;gap:.5rem;margin:.25rem .75rem .75rem}md-input::part(md-input-container){margin-bottom:.5rem}`}}]);
1
+ "use strict";(self["momentum-web-components-[id]"]=self["momentum-web-components-[id]"]||[]).push([[4363],{34363:(e,r,t)=>{t.d(r,{A:()=>a});const a=t(87161).css`.md-datepicker{overflow:visible}.md-datepicker__month-container{display:flex;flex-direction:column;height:19.25rem;justify-content:space-between;padding:12px 10px 8px}.md-datepicker__navigation--buttons{align-items:center;gap:.5rem;color:var(--datepicker-default-navigation-button,var(--md-primary-text-color,inherit));display:flex;justify-content:space-between;line-height:normal}.md-datepicker__navigation--buttons md-button::part(button)::after{margin:0;height:28px;width:28px}.md-datepicker__month{display:flex;flex-direction:column;width:15.5rem;gap:.25rem}.md-datepicker__week{display:flex;gap:.25rem;flex-wrap:nowrap;font-size:var(--brand-font-midsize,.875rem)}.md-datepicker__navigation--current-month{font-size:1rem;font-family:var(--brand-font-bold,inherit);line-height:var(--font-lineheight-body-large,1.5rem);font-weight:700;text-transform:capitalize;color:var(--datepicker-default-navigation-label,inherit)}.md-datepicker__navigation{display:flex;justify-content:space-between;align-items:center;padding:0 1px}.md-datepicker__error-container,.md-datepicker__loading{margin:2.5rem 0;height:8.25rem;display:flex;flex-direction:column;align-items:center;justify-content:space-evenly}.md-datepicker__loading-text{font-family:var(--brand-font-bold,inherit);font-weight:700;font-size:1rem}.md-datepicker__error-header{font-family:var(--brand-font-bold,inherit);font-weight:700;font-size:var(--brand-font-midsize,.875rem)}.md-datepicker__error-text{opacity:.7}.md-datepicker__error-icon{color:var(--badge-status-negative-text-color)}.md-datepicker__day--names{display:flex}.md-datepicker__day{color:var(--datepicker-default-number-color,inherit);border-radius:100%;display:inline-flex;height:2rem;width:2rem;font-weight:400}.md-datepicker__day--names{color:var(--datepicker-default-days,var(--md-secondary-text-color));display:flex;gap:.25rem;font-size:var(--font-size-body-midsize,.625rem);font-family:var(--brand-font-bold, "CiscoSansTT Bold");font-weight:var(--brand-font-weight-bold,700);justify-content:center;align-items:center;line-height:.875rem;margin:12px 0 4px;text-transform:capitalize;text-align:center;width:15.5rem;letter-spacing:0}.md-datepicker__day--names .md-datepicker__day--name{display:flex;justify-content:center;align-items:center;width:2rem;height:2rem}.md-datepicker__day::part(button){align-items:center;justify-content:center;display:inline-flex}.md-datepicker__day::part(button):hover{background:var(--datepicker-default-hover-bg-color)}.md-datepicker__day[disabled]::part(button){background:0 0;color:var(--md-disabled-text-color,inherit)}.md-datepicker__day--today::part(button){font-weight:700}.md-datepicker__day--today::part(button)::after{outline:var(--datepicker-selected-today-border,1px solid var(--datepicker-range-text-color));outline-offset:-.25rem}.md-datepicker__day--focus::part(button){background:var(--datepicker-range-hover-bg-color)}.md-datepicker__day--selected::part(button){background:var(--datepicker-selected-bg-color,var(--md-primary-text-color));color:var(--datepicker-selected-text-color,var(--md-secondary-bg-color))}.md-datepicker__day--selected::part(button):hover{background:var(--datepicker-selected-hover-bg-color);color:var(--datepicker-selected-text-color)}.md-datepicker__day--selected::part(button):active{background:var(--datepicker-selected-pressed-bg-color);color:var(--datepicker-selected-text-color)}.md-datepicker__day--outside-month{color:var(--datepicker-invalid-text-color,var(--md-disabled-text-color,inherit))}.md-datepicker__day--in-range::part(button){color:var(--datepicker-range-text-color);z-index:10}.md-datepicker__day--in-range::part(button)::before{background:var(--datepicker-range-bg-color);content:"";display:block;height:2rem;position:absolute;top:0;width:calc(2rem + 5px);z-index:-1}.md-datepicker__day--in-range::part(button):hover{color:var(--datepicker-range-text-color)}.md-datepicker__day--in-range::part(button):active{color:var(--datepicker-pressed-text-color)}.md-datepicker__day--in-range::part(button):focus{z-index:12;color:var(--datepicker-range-text-color)}.md-datepicker__day--week-first.md-datepicker__day--in-range::part(button)::before{width:2.125rem;left:0}.md-datepicker__day--start-date::part(button){font-family:var(--brand-font-bold);color:var(--datepicker-selected-text-color,var(--md-secondary-bg-color));z-index:11;box-shadow:none}.md-datepicker__day--start-date::part(button):hover{color:var(--datepicker-selected-text-color,var(--md-secondary-bg-color))}.md-datepicker__day--start-date::part(button):focus{color:var(--datepicker-range-text-color)}.md-datepicker__day--start-date::part(button)::before{width:2rem;left:.125rem;background:radial-gradient(circle at 50% center,var(--datepicker-selected-bg-color) 60%,transparent 60%,var(--datepicker-range-bg-color) 60%,var(--datepicker-range-bg-color) 60%);border-bottom-left-radius:1rem;border-top-left-radius:1rem}.md-datepicker__day--start-date::part(button)::after{height:2rem;width:2rem;left:.125rem;top:.125rem;z-index:-1;background:radial-gradient(circle at 50% center,transparent 40%,var(--datepicker-range-edge-bg-color) 40%,var(--datepicker-range-edge-bg-color) 100%,transparent 100%);content:""}.md-datepicker__day--start-date::part(button):focus{color:var(--datepicker-selected-text-color)}.md-datepicker__day--start-date::part(button):focus::before{background:radial-gradient(circle at 50% center,var(--datepicker-selected-bg-color) 60%,rgba(0,0,0,0) 60%,var(--datepicker-range-bg-color) 60%,var(--datepicker-range-bg-color) 60%)}.md-datepicker__day--start-date::part(button):focus::after{z-index:-1;box-shadow:none;outline:.125rem solid var(--button-focus-ring-color);outline-offset:.125rem;background:radial-gradient(circle at 50% center,rgba(0,0,0,0) 40%,var(--datepicker-selected-bg-color) 40%,var(--datepicker-selected-bg-color) 100%,rgba(0,0,0,0) 100%);content:""}.md-datepicker__day--start-date::part(button):hover{color:var(--datepicker-selected-text-color);border-bottom-right-radius:1rem;border-top-right-radius:1rem}.md-datepicker__day--start-date::part(button):hover::before{background:radial-gradient(circle at 50% center,var(--datepicker-selected-hover-bg-color) 50%,rgba(0,0,0,0) 50%,var(--datepicker-range-bg-color) 50%,var(--datepicker-range-bg-color) 50%)}.md-datepicker__day--start-date::part(button):hover::after{z-index:-1;background:radial-gradient(circle at 50% center,rgba(0,0,0,0) 40%,var(--datepicker-selected-hover-bg-color) 40%,var(--datepicker-selected-hover-bg-color) 100%,rgba(0,0,0,0) 100%);content:""}.md-datepicker__day--end-date::part(button){font-family:var(--brand-font-bold);color:var(--datepicker-selected-text-color,var(--md-secondary-bg-color))}.md-datepicker__day--end-date::part(button)::before{height:2rem;width:2.125rem;left:-.25rem;background:radial-gradient(circle at 50% center,var(--datepicker-selected-bg-color) 50%,transparent 50%,var(--datepicker-range-bg-color) 50%,var(--datepicker-range-bg-color) 50%);border-bottom-right-radius:1rem;border-top-right-radius:1rem}.md-datepicker__day--end-date::part(button)::after{height:2rem;width:2rem;left:.125rem;top:.125rem;z-index:-1;background:radial-gradient(circle at 50% center,rgba(0,0,0,0) 30%,var(--datepicker-range-edge-bg-color) 30%,var(--datepicker-range-edge-bg-color) 100%,rgba(0,0,0,0) 100%);content:""}.md-datepicker__day--end-date::part(button):focus{color:var(--datepicker-selected-text-color)}.md-datepicker__day--end-date::part(button):focus::before{background:radial-gradient(circle at 50% center,var(--datepicker-selected-bg-color) 50%,transparent 50%,var(--datepicker-range-bg-color) 50%,var(--datepicker-range-bg-color) 50%)}.md-datepicker__day--end-date::part(button):focus::after{z-index:-1;box-shadow:none;outline:.125rem solid var(--button-focus-ring-color);outline-offset:.125rem;background:radial-gradient(circle at 50% center,rgba(0,0,0,0) 30%,var(--datepicker-selected-bg-color) 30%,var(--datepicker-selected-bg-color) 100%,rgba(0,0,0,0) 100%);content:""}.md-datepicker__day--end-date::part(button):hover{color:var(--datepicker-selected-text-color)}.md-datepicker__day--end-date::part(button):hover::before{background:radial-gradient(circle at 50% center,var(--datepicker-selected-hover-bg-color) 60%,rgba(0,0,0,0) 60%,var(--datepicker-range-bg-color) 60%,var(--datepicker-range-bg-color) 60%)}.md-datepicker__day--end-date::part(button):hover::after{z-index:-1;background:radial-gradient(circle at 50% center,rgba(0,0,0,0) 30%,var(--datepicker-selected-hover-bg-color) 30%,var(--datepicker-selected-hover-bg-color) 100%,rgba(0,0,0,0) 100%);content:""}.md-datepicker__day--week-first::part(button)::before{border-bottom-left-radius:1rem;border-top-left-radius:1rem}.md-datepicker__day--week-last::part(button)::before{border-bottom-right-radius:1rem;border-top-right-radius:1rem;width:calc(2rem + .25rem);left:-.25rem}.md-datepicker__day--week-first.md-datepicker__day--end-date::part(button),.md-datepicker__day--week-last.md-datepicker__day--start-date::part(button){background:0 0}.md-datepicker__day--week-first.md-datepicker__day--end-date::part(button)::after,.md-datepicker__day--week-first.md-datepicker__day--end-date::part(button)::before,.md-datepicker__day--week-last.md-datepicker__day--start-date::part(button)::after,.md-datepicker__day--week-last.md-datepicker__day--start-date::part(button)::before{border-radius:1rem;width:2rem;height:2rem;left:.125rem;top:.125rem;background:0 0}.md-datepicker__day--week-first.md-datepicker__day--end-date::part(button)::after,.md-datepicker__day--week-last.md-datepicker__day--start-date::part(button)::after{background:radial-gradient(circle at 50% center,var(--datepicker-selected-bg-color) 0,var(--datepicker-selected-bg-color) 100%,transparent 100%)}.md-datepicker__day--week-first.md-datepicker__day--end-date::part(button):hover::after,.md-datepicker__day--week-last.md-datepicker__day--start-date::part(button):hover::after{background:radial-gradient(circle at 50% center,var(--datepicker-selected-hover-bg-color) 0,var(--datepicker-selected-hover-bg-color) 100%,transparent 100%)}.control-buttons{display:flex;justify-content:flex-end;gap:.5rem;margin:.25rem .75rem .75rem}md-input::part(md-input-container){margin-bottom:.5rem}`}}]);
package/dist/4659.js CHANGED
@@ -1 +1 @@
1
- "use strict";(self["momentum-web-components-[id]"]=self["momentum-web-components-[id]"]||[]).push([[4659],{34659:(o,i,e)=>{e.d(i,{A:()=>t});const t=e(87161).css`.md-floating{background-color:var(--floating-modal-main-bg-color);border:1px solid var(--floating-modal-outer-border-color);border-radius:8px;box-shadow:var(--floating-modal-main-box-shadow);display:flex;flex-direction:column;max-height:100%;max-width:100%;position:absolute;touch-action:none;user-select:none;z-index:1040}.md-floating.fixed{position:fixed}.md-floating.hide{display:block;height:0;visibility:hidden;width:0}.md-floating.md-floating-minimize{background:var(--floating-modal-main-bg-color-alternate);border-radius:8px;width:100%}.md-floating.md-floating-minimize:focus{box-shadow:0 0 0 .125rem #005e7d;outline:0}.md-floating .md-floating__header-button{align-items:center;display:inline-flex}.md-floating .md-floating__header{align-items:center;border-bottom:none;color:var(--floating-modal-main-text-color);display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;max-height:3rem;padding:1rem;width:100%;gap:.5rem}.md-floating .md-floating__header-text{flex:2 1 auto;font-family:var(--brand-font-bold, "CiscoSansTT Bold", "Helvetica Neue", Helvetica, Arial, sans-serif);font-size:16px;line-height:16px;text-align:left;white-space:nowrap;text-overflow:ellipsis;overflow:auto}.md-floating .md-floating__body{height:calc(100% - 3rem);overflow:auto;padding:.75rem 1rem;padding-top:0}.md-floating .md-floating-body-minimize{display:block;height:0;visibility:hidden}.md-floating .md-floating__header-minimize{border-bottom:0;color:var(--floating-modal-main-text-color-alternate);font-size:16px;line-height:24px;width:100%}.md-floating-min-parent{bottom:0;height:3rem;position:absolute;right:0;width:223px}`}}]);
1
+ "use strict";(self["momentum-web-components-[id]"]=self["momentum-web-components-[id]"]||[]).push([[4659],{34659:(i,o,e)=>{e.d(o,{A:()=>t});const t=e(87161).css`.md-floating{background-color:var(--floating-modal-main-bg-color);border:1px solid var(--floating-modal-outer-border-color);border-radius:8px;box-shadow:var(--floating-modal-main-box-shadow);display:flex;flex-direction:column;max-height:100%;max-width:100%;position:absolute;touch-action:none;user-select:none;z-index:1040}.md-floating.fixed{position:fixed}.md-floating.hide{display:block;height:0;visibility:hidden;width:0}.md-floating.md-floating-minimize{background:var(--floating-modal-main-bg-color-alternate);border-radius:8px;width:100%}.md-floating.md-floating-minimize:focus{box-shadow:0 0 0 .125rem #005e7d;outline:0}.md-floating .md-floating__header-button{align-items:center;display:inline-flex}.md-floating .md-floating__header{align-items:center;border-bottom:none;color:var(--floating-modal-main-text-color);display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;max-height:3rem;padding:1rem;width:100%;gap:.5rem}.md-floating .md-floating__header-text{flex:2 1 auto;font-family:var(--brand-font-bold, "CiscoSansTT Bold", "Helvetica Neue", Helvetica, Arial, sans-serif);font-size:16px;line-height:16px;text-align:left;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.md-floating .md-floating__body{height:calc(100% - 3rem);overflow:auto;padding:.75rem 1rem;padding-top:0}.md-floating .md-floating-body-minimize{display:block;height:0;visibility:hidden}.md-floating .md-floating__header-minimize{border-bottom:0;color:var(--floating-modal-main-text-color-alternate);font-size:16px;line-height:24px;width:100%}.md-floating-min-parent{bottom:0;height:3rem;position:absolute;right:0;width:223px}`}}]);
package/dist/6273.js CHANGED
@@ -1,9 +1,9 @@
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),s=i(37719),r=i(31890),l=i(81625),n=i(66677),d=i(74548),p=i(87161),h=i(70429),c=i(20291),u=i(65796),m=i(71128),v=i(34363),y=function(e,t,i,a){var o,s=arguments.length,r=s<3?t:null===a?a=Object.getOwnPropertyDescriptor(t,i):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,i,a);else for(var l=e.length-1;l>=0;l--)(o=e[l])&&(r=(s<3?o(r):s>3?o(t,i,r):o(t,i))||r);return s>3&&r&&Object.defineProperty(t,i,r),r};!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(u.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(u.DateTime.DATE_FULL)}`:"Choose Date"},this.getValidRegexString=()=>this.includesTime?d.b.ISOString:d.b.ISODateString}get computedNewMomentum(){return void 0!==this.newMomentum?this.newMomentum:s.themeManager.isMomentumV2Enabled}static get styles(){return v.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=u.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(u.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 u.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,s;return this.controlButtons?p.html`
1
+ "use strict";(self["momentum-web-components-[id]"]=self["momentum-web-components-[id]"]||[]).push([[6273],{38654:(e,t,i)=>{i.d(t,{DatePicker:()=>o}),i(63208),i(96408),i(11323);var o,a=i(90195),r=i(37719),s=i(31890),l=i(81625),n=i(74548),d=i(87161),p=i(70429),h=i(20291),c=i(65796),u=i(71128),m=i(34363),v=function(e,t,i,o){var a,r=arguments.length,s=r<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,o);else for(var l=e.length-1;l>=0;l--)(a=e[l])&&(s=(r<3?a(s):r>3?a(t,i,s):a(t,i))||s);return r>3&&s&&Object.defineProperty(t,i,s),s};!function(e){e.weekStartDays=["Sunday","Monday"];let t=class extends d.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.isDatePickerMonthLoading=!1,this.isDatePickerMonthError=!1,this.errorMessages={},this.selectedDate=(0,l.tB)(),this.focusedDate=(0,l.tB)(),this.filterDate=void 0,this.onRetry=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===a.Uz.ArrowDown&&this.setOpen(!0)},this.handleKeyDown=e=>{const t=e.detail.sourceEvent;let i=!1;const o=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)(o,1)),i=!0;break;case"ArrowLeft":this.setPreSelection((0,l.gg)(o,1)),i=!0;break;case"ArrowRight":this.setPreSelection((0,l.fi)(o,1)),i=!0;break;case"ArrowDown":this.setPreSelection((0,l.J4)(o,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?n.b.ISOString:n.b.ISODateString}get computedNewMomentum(){return void 0!==this.newMomentum?this.newMomentum:r.themeManager.isMomentumV2Enabled}static get styles(){return m.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 u.PopoverController)}firstUpdated(e){super.firstUpdated(e),!this.value&&this.showDefaultNowDate&&(this.value=this.getFormattedDate(this.selectedDate))}updated(e){super.updated(e),this.value&&e.has("value")&&(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 u.PopoverController)}handleSelect(e){var t;const i=e.detail.date,o=e.detail.sourceEvent;this.setPreSelection(i),this.dispatchEvent(new CustomEvent("date-pre-selection-change",{bubbles:!0,composed:!0,detail:{sourceEvent:o,data:i}})),(null===(t=this.controlButtons)||void 0===t?void 0:t.apply)&&"apply-button-clicked"!==(null==o?void 0:o.type)||(this.setSelected(i,o),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,o,a,r;return!this.controlButtons||this.isDatePickerMonthLoading||this.isDatePickerMonthError?d.nothing:d.html`
2
2
  <div class="control-buttons">
3
- ${this.controlButtons.cancel?p.html`
3
+ ${this.controlButtons.cancel?d.html`
4
4
  <md-button
5
5
  class="cancel-button"
6
- aria-label=${(0,c.ifDefined)(null===(e=this.controlButtons.cancel)||void 0===e?void 0:e.ariaLabel)}
6
+ aria-label=${(0,h.ifDefined)(null===(e=this.controlButtons.cancel)||void 0===e?void 0:e.ariaLabel)}
7
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"
@@ -11,11 +11,11 @@
11
11
  ${this.controlButtons.cancel.value}
12
12
  </md-button>
13
13
  `:null}
14
- ${this.controlButtons.apply?p.html`
14
+ ${this.controlButtons.apply?d.html`
15
15
  <md-button
16
16
  class="apply-button"
17
- aria-label=${(0,c.ifDefined)(null===(a=this.controlButtons.apply)||void 0===a?void 0:a.ariaLabel)}
18
- ?disabled=${null!==(s=null===(o=this.controlButtons.apply)||void 0===o?void 0:o.disabled)&&void 0!==s&&s}
17
+ aria-label=${(0,h.ifDefined)(null===(o=this.controlButtons.apply)||void 0===o?void 0:o.ariaLabel)}
18
+ ?disabled=${null!==(r=null===(a=this.controlButtons.apply)||void 0===a?void 0:a.disabled)&&void 0!==r&&r}
19
19
  @button-click=${this.onApplyClick}
20
20
  variant="primary"
21
21
  >
@@ -23,12 +23,12 @@
23
23
  </md-button>
24
24
  `:null}
25
25
  </div>
26
- `:p.nothing}getPlaceHolderString(){var e;return this.placeholder?this.placeholder:this.useISOFormat?"YYYY-MM-DD":(0,l.gq)(null!==(e=this.locale)&&void 0!==e?e:u.DateTime.local().locale).toUpperCase()}getFormattedDate(e){return e?this.useISOFormat?this.getISODateTime(e):this.includesTime?e.toLocaleString(u.DateTime.DATETIME_SHORT,{locale:this.locale}):e.toLocaleString(u.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`
26
+ `}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 d.html`
27
27
  <md-popover
28
28
  trigger="click"
29
29
  .triggerID=${this.triggerID}
30
30
  placement="bottom"
31
- strategy=${(0,c.ifDefined)(this.positioningStrategy)}
31
+ strategy=${(0,h.ifDefined)(this.positioningStrategy)}
32
32
  hide-on-escape
33
33
  hide-on-outside-click
34
34
  focus-trap
@@ -43,25 +43,29 @@
43
43
  @day-key-event=${e=>this.handleKeyDown(e)}
44
44
  .datePickerProps=${{locale:this.locale,selected:this.selectedDate,focused:this.focusedDate,weekStart:this.weekStart}}
45
45
  ?short-day=${this.computedNewMomentum}
46
+ ?is-date-picker-month-loading=${this.isDatePickerMonthLoading}
47
+ ?is-date-picker-month-error=${this.isDatePickerMonthError}
48
+ .errorMessages=${this.errorMessages}
49
+ .onRetry=${this.onRetry}
46
50
  .filterParams=${{minDate:this.minDateData,maxDate:this.maxDateData,filterDate:this.filterDate}}
47
51
  ></md-datepicker-calendar>
48
52
  <slot name="time-picker"></slot>
49
53
  ${this.renderControlButtons()}
50
54
  </div>
51
55
  </md-popover>
52
- ${this.customTrigger?p.html`
56
+ ${this.customTrigger?d.html`
53
57
  <span slot="menu-trigger">
54
58
  <slot name="date-trigger"></slot>
55
59
  </span>
56
- `:p.html`
60
+ `:d.html`
57
61
  <md-input
58
62
  id="date-trigger"
59
63
  class="date-input"
60
64
  slot="menu-trigger"
61
- role="combobox"
65
+ ariaRole="combobox"
62
66
  ?newMomentum=${this.computedNewMomentum}
63
67
  placeholder=${this.getPlaceHolderString()}
64
- value=${null!==(e=this.displayValue)&&void 0!==e?e:(0,c.ifDefined)(null!==(t=this.value)&&void 0!==t?t:void 0)}
68
+ value=${null!==(e=this.displayValue)&&void 0!==e?e:(0,h.ifDefined)(null!==(t=this.value)&&void 0!==t?t:void 0)}
65
69
  .disableUserTextInput=${this.disableUserTextInput}
66
70
  htmlId=${this.htmlId}
67
71
  label=${this.label}
@@ -81,25 +85,25 @@
81
85
  <md-icon slot="input-section" name="calendar-month-bold" size="16" iconSet="momentumDesign"></md-icon>
82
86
  </md-input>
83
87
  `}
84
- `}renderMenuOverlay(){var e,t;return p.html`
88
+ `}renderMenuOverlay(){var e,t;return d.html`
85
89
  <md-menu-overlay
86
90
  is-date-picker
87
91
  custom-width="272px"
88
92
  ?disabled=${this.disabled}
89
- positioning-strategy=${(0,c.ifDefined)(this.positioningStrategy)}
93
+ positioning-strategy=${(0,h.ifDefined)(this.positioningStrategy)}
90
94
  >
91
- ${this.customTrigger?p.html`
95
+ ${this.customTrigger?d.html`
92
96
  <span slot="menu-trigger">
93
97
  <slot name="date-trigger"></slot>
94
98
  </span>
95
- `:p.html`
99
+ `:d.html`
96
100
  <md-input
97
101
  class="date-input"
98
102
  slot="menu-trigger"
99
- role="combobox"
103
+ ariaRole="combobox"
100
104
  ?newMomentum=${this.computedNewMomentum}
101
105
  placeholder=${this.getPlaceHolderString()}
102
- value=${null!==(e=this.displayValue)&&void 0!==e?e:(0,c.ifDefined)(null!==(t=this.value)&&void 0!==t?t:void 0)}
106
+ value=${null!==(e=this.displayValue)&&void 0!==e?e:(0,h.ifDefined)(null!==(t=this.value)&&void 0!==t?t:void 0)}
103
107
  .disableUserTextInput=${this.disableUserTextInput}
104
108
  htmlId=${this.htmlId}
105
109
  label=${this.label}
@@ -126,10 +130,14 @@
126
130
  @day-key-event=${e=>this.handleKeyDown(e)}
127
131
  .datePickerProps=${{locale:this.locale,selected:this.selectedDate,focused:this.focusedDate,weekStart:this.weekStart}}
128
132
  ?short-day=${this.computedNewMomentum}
133
+ ?is-date-picker-month-loading=${this.isDatePickerMonthLoading}
134
+ ?is-date-picker-month-error=${this.isDatePickerMonthError}
135
+ .errorMessages=${this.errorMessages}
136
+ .onRetry=${this.onRetry}
129
137
  .filterParams=${{minDate:this.minDateData,maxDate:this.maxDateData,filterDate:this.filterDate}}
130
138
  ></md-datepicker-calendar>
131
139
  <slot name="time-picker"></slot>
132
140
  ${this.renderControlButtons()}
133
141
  </div>
134
142
  </md-menu-overlay>
135
- `}render(){return this.usePopover?this.renderPopover():this.renderMenuOverlay()}};y([(0,h.property)({type:Boolean,attribute:"should-close-on-select"})],t.prototype,"shouldCloseOnSelect",void 0),y([(0,h.property)({type:String})],t.prototype,"maxDate",void 0),y([(0,h.property)({type:String})],t.prototype,"minDate",void 0),y([(0,h.property)({type:String,reflect:!0})],t.prototype,"value",void 0),y([(0,h.property)({type:String})],t.prototype,"weekStart",void 0),y([(0,h.property)({type:String,reflect:!0})],t.prototype,"placeholder",void 0),y([(0,h.property)({type:String})],t.prototype,"locale",void 0),y([(0,h.property)({type:Boolean})],t.prototype,"useISOFormat",void 0),y([(0,h.property)({type:Boolean})],t.prototype,"validateDate",void 0),y([(0,h.property)({type:Boolean,reflect:!0,attribute:"includes-time"})],t.prototype,"includesTime",void 0),y([(0,h.property)({type:Boolean})],t.prototype,"disabled",void 0),y([(0,h.property)({type:String})],t.prototype,"htmlId",void 0),y([(0,h.property)({type:String})],t.prototype,"label",void 0),y([(0,h.property)({type:String})],t.prototype,"ariaLabel",void 0),y([(0,h.property)({type:String})],t.prototype,"displayValue",void 0),y([(0,h.property)({type:Boolean})],t.prototype,"required",void 0),y([(0,h.property)({type:String,reflect:!0})],t.prototype,"errorMessage",void 0),y([(0,h.property)({type:Boolean,attribute:"custom-trigger"})],t.prototype,"customTrigger",void 0),y([(0,h.property)({type:Boolean})],t.prototype,"isMenuOverlayOpen",void 0),y([(0,h.property)({type:Boolean})],t.prototype,"newMomentum",void 0),y([(0,h.property)({type:Boolean})],t.prototype,"disableUserTextInput",void 0),y([(0,h.property)({type:Boolean,attribute:"compact-input"})],t.prototype,"compactInput",void 0),y([(0,h.property)({type:Object,attribute:!1})],t.prototype,"controlButtons",void 0),y([(0,h.property)({type:String,attribute:"positioning-strategy"})],t.prototype,"positioningStrategy",void 0),y([(0,h.property)({type:Boolean,attribute:"show-default-now-date"})],t.prototype,"showDefaultNowDate",void 0),y([(0,h.property)({type:Boolean,attribute:"use-popover"})],t.prototype,"usePopover",void 0),y([(0,h.property)({type:String,attribute:"triggerID"})],t.prototype,"triggerID",void 0),y([(0,h.property)({type:Boolean,reflect:!0,attribute:"animation-frame"})],t.prototype,"animationFrame",void 0),y([(0,h.state)()],t.prototype,"selectedDate",void 0),y([(0,h.state)()],t.prototype,"focusedDate",void 0),y([(0,h.state)()],t.prototype,"filterDate",void 0),y([(0,h.state)()],t.prototype,"maxDateData",void 0),y([(0,h.state)()],t.prototype,"minDateData",void 0),y([(0,h.query)("md-menu-overlay")],t.prototype,"menuOverlay",void 0),y([(0,h.query)("md-popover")],t.prototype,"popoverElement",void 0),t=y([(0,r.w)("md-datepicker")],t),e.ELEMENT=t}(a||(a={}))}}]);
143
+ `}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.property)({type:Boolean,reflect:!0,attribute:"is-date-picker-month-loading"})],t.prototype,"isDatePickerMonthLoading",void 0),v([(0,p.property)({type:Boolean,reflect:!0,attribute:"is-date-picker-month-error"})],t.prototype,"isDatePickerMonthError",void 0),v([(0,p.property)({type:Object,attribute:!1})],t.prototype,"errorMessages",void 0),v([(0,p.state)()],t.prototype,"selectedDate",void 0),v([(0,p.state)()],t.prototype,"focusedDate",void 0),v([(0,p.property)()],t.prototype,"filterDate",void 0),v([(0,p.property)({attribute:!1})],t.prototype,"onRetry",void 0),v([(0,p.state)()],t.prototype,"maxDateData",void 0),v([(0,p.state)()],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}(o||(o={}))}}]);