@momentum-ui/web-components 3.0.0-beta.10 → 3.0.0-beta.11
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/1323.js +2 -2
- package/dist/1625.js +1 -1
- package/dist/2186.js +1 -1
- package/dist/2555.js +29 -10
- package/dist/4363.js +1 -1
- package/dist/4659.js +1 -1
- package/dist/6273.js +27 -19
- package/dist/6408.js +3 -3
- package/dist/679.js +1 -1
- package/dist/6865.js +1 -1
- package/dist/7292.js +1 -1
- package/dist/8028.js +1 -1
- package/dist/comp/md-advance-list-entry.js +4 -4
- package/dist/comp/md-avatar-entry.js +3 -3
- package/dist/comp/md-card-entry.js +2 -2
- package/dist/comp/md-chip-entry.js +9 -9
- package/dist/comp/md-datepicker-calendar-entry.js +33 -14
- package/dist/comp/md-datepicker-day-entry.js +1 -1
- package/dist/comp/md-datepicker-entry.js +27 -19
- package/dist/comp/md-datepicker-month-entry.js +1 -1
- package/dist/comp/md-datepicker-week-entry.js +1 -1
- package/dist/comp/md-input-entry.js +3 -3
- package/dist/comp/md-list-entry.js +1 -1
- package/dist/comp/md-list-item-entry.js +3 -3
- package/dist/comp/md-menu-overlay-entry.js +2 -2
- package/dist/comp/md-tabs-entry.js +0 -1
- package/dist/comp/md-task-item-entry.js +0 -1
- package/dist/index-entry.js +247 -230
- package/dist/index.js +1 -1
- package/dist/types/components/avatar/Avatar.constants.d.ts +1 -1
- package/dist/types/components/avatar/Avatar.d.ts +3 -3
- package/dist/types/components/badge/Badge.d.ts +1 -1
- package/dist/types/components/button/Button.d.ts +2 -2
- package/dist/types/components/chip/Chip.d.ts +6 -8
- package/dist/types/components/combobox/ComboBox.d.ts +4 -4
- package/dist/types/components/datepicker/DatePicker.d.ts +4 -0
- package/dist/types/components/datepicker/datepicker-calendar/DatePickerCalendar.d.ts +10 -1
- package/dist/types/components/dropdown/Dropdown.d.ts +2 -2
- package/dist/types/components/editable-textfield/EditableTextfield.d.ts +1 -1
- package/dist/types/components/input/Input.d.ts +6 -6
- package/dist/types/components/list/ListItem.d.ts +1 -1
- package/dist/types/components/menu-overlay/MenuOverlay.d.ts +1 -0
- package/dist/types/components/taskitem/TaskItem.utils.d.ts +1 -1
- package/dist/types/internal-components/color-table/ColorTable.d.ts +1 -1
- package/package.json +1 -1
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("lit"),require("lit/decorators.js"),require("lit/directives/if-defined.js"));else if("function"==typeof define&&define.amd)define(["lit","lit/decorators.js","lit/directives/if-defined.js"],t);else{var s="object"==typeof exports?t(require("lit"),require("lit/decorators.js"),require("lit/directives/if-defined.js")):t(e.lit,e["lit/decorators.js"],e["lit/directives/if-defined.js"]);for(var i in s)("object"==typeof exports?exports:e)[i]=s[i]}}(self,(e,t,s)=>(()=>{"use strict";var i,r={20291:e=>{e.exports=s},68490:(e,t,s)=>{s.r(t),s.d(t,{List:()=>i});var i,r=s(90195),o=s(3001),l=s(31890),n=s(4313),d=s(87161),a=s(70429),c=s(20291),h=s(91729),u=function(e,t,s,i){var r,o=arguments.length,l=o<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,s):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)l=Reflect.decorate(e,t,s,i);else for(var n=e.length-1;n>=0;n--)(r=e[n])&&(l=(o<3?r(l):o>3?r(t,s,l):r(t,s))||l);return o>3&&l&&Object.defineProperty(t,s,l),l};!function(e){let t=class extends((0,o.Io)(d.LitElement)){constructor(){super(...arguments),this.alignment="vertical",this.label="option",this.activated=-1,this._role="listbox"}firstUpdated(e){super.firstUpdated(e),this.setAttribute("aria-label",this.label)}notifySelectedChange(){this.dispatchEvent(new CustomEvent("list-item-change",{detail:{selected:this.selected},bubbles:!0,composed:!0}))}isFocusable(e){return!e.hasAttribute("hidden")}connectedCallback(){super.connectedCallback()
|
|
1
|
+
!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("lit"),require("lit/decorators.js"),require("lit/directives/if-defined.js"));else if("function"==typeof define&&define.amd)define(["lit","lit/decorators.js","lit/directives/if-defined.js"],t);else{var s="object"==typeof exports?t(require("lit"),require("lit/decorators.js"),require("lit/directives/if-defined.js")):t(e.lit,e["lit/decorators.js"],e["lit/directives/if-defined.js"]);for(var i in s)("object"==typeof exports?exports:e)[i]=s[i]}}(self,(e,t,s)=>(()=>{"use strict";var i,r={20291:e=>{e.exports=s},68490:(e,t,s)=>{s.r(t),s.d(t,{List:()=>i});var i,r=s(90195),o=s(3001),l=s(31890),n=s(4313),d=s(87161),a=s(70429),c=s(20291),h=s(91729),u=function(e,t,s,i){var r,o=arguments.length,l=o<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,s):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)l=Reflect.decorate(e,t,s,i);else for(var n=e.length-1;n>=0;n--)(r=e[n])&&(l=(o<3?r(l):o>3?r(t,s,l):r(t,s))||l);return o>3&&l&&Object.defineProperty(t,s,l),l};!function(e){let t=class extends((0,o.Io)(d.LitElement)){constructor(){super(...arguments),this.alignment="vertical",this.label="option",this.activated=-1,this._role="listbox"}firstUpdated(e){super.firstUpdated(e),"none"!==this._role&&this.setAttribute("aria-label",this.label)}notifySelectedChange(){this.dispatchEvent(new CustomEvent("list-item-change",{detail:{selected:this.selected},bubbles:!0,composed:!0}))}isFocusable(e){return!e.hasAttribute("hidden")}connectedCallback(){super.connectedCallback();const e=this.getAttribute("role");this._role=e||"listbox",this.removeAttribute("role"),this.addEventListener("keydown",this.handleKeyDown),this.addEventListener("click",this.handleClick)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("keydown",this.handleKeyDown),this.removeEventListener("click",this.handleClick)}findListItemIndex(e){const t=e.composedPath();return this.slotted.findIndex(e=>t.includes(e))}switchListItemOnArrowPress(e,t=1){const s=super.getAvailableSelectedIndex(e,t);-1!==s&&(this.selected=s)}setActivated(e){-1!==e&&(this.activated=e,this.selected=e,this.setSelected(e))}findSelectedListItemIndex(){return this.slotted.findIndex(e=>e.selected)}setSelected(e){const t=this.findSelectedListItemIndex();-1!==t&&t!==e&&(this.slotted[t].selected=!1),this.slotted[e]&&(this.slotted[e].selected=!0)}updated(e){super.updated(e),e.has("slotted")&&this.setActivated(this.activated),e.has("activated")&&this.setActivated(this.activated),e.has("label")&&"none"!==this._role&&this.setAttribute("aria-label",this.label)}isListItemDisabled(e){var t;const s=this.slotted[e];return null===(t=null==s?void 0:s.disabled)||void 0===t||t}handleClick(e){const t=this.findListItemIndex(e);-1!==t&&(this.isListItemDisabled(t)||(this.setActivated(t),this.notifySelectedChange()))}shouldElementHandleKey(e,t){if(e.hasAttribute("data-handles-keys")||e.closest("[data-handles-keys]"))return!0;const s=e.tagName.toLowerCase(),i=e.nodeName.toLowerCase(),o="input"===i||"textarea"===i||"select"===i,l=e.getAttribute("role"),n=e.hasAttribute("contenteditable")||"false"===e.getAttribute("aria-readonly"),d=[r.Uz.ArrowUp,r.Uz.ArrowDown,r.Uz.ArrowLeft,r.Uz.ArrowRight],a=[r.Uz.Enter,r.Uz.Space];return d.includes(t)?o||n||"textbox"===l||"combobox"===l||"listbox"===l||"menu"===l||"slider"===l||"scrollbar"===l||"tablist"===l||s.startsWith("md-")&&("md-input"===s||"md-select"===s||"md-combobox"===s):a.includes(t)?"button"===l||"link"===l||"checkbox"===l||"radio"===l||"button"===s||"a"===s||"md-button"===s||"md-checkbox"===s||"md-radio"===s||o:(t===r.Uz.Home||t===r.Uz.End)&&(o||n||"textbox"===l||"md-input"===s)}handleKeyDown(e){const t=e.composedPath()[0];if(this.shouldElementHandleKey(t,e.code))return;const{code:s}=e;switch(s){case r.Uz.End:this.switchListItemOnArrowPress(this.slotted.length-1);break;case r.Uz.Home:this.switchListItemOnArrowPress(0);break;case r.Uz.ArrowUp:case r.Uz.ArrowLeft:e.preventDefault(),0===this.selected?this.switchListItemOnArrowPress(this.slotted.length-1,-1):this.switchListItemOnArrowPress(this.selected-1,-1);break;case r.Uz.ArrowDown:case r.Uz.ArrowRight:e.preventDefault(),this.selected===this.slotted.length-1?this.switchListItemOnArrowPress(0):this.switchListItemOnArrowPress(this.selected+1);break;case r.Uz.Enter:case r.Uz.Space:this.isListItemDisabled(this.selected)||(this.setActivated(this.selected),this.notifySelectedChange())}}get slotElement(){return this.listItemSlot}static get styles(){return[n.A,h.A]}render(){return d.html`
|
|
2
2
|
<ul role=${(0,c.ifDefined)("list"!==this._role?this._role:void 0)} class="md-list" part="list">
|
|
3
3
|
<slot name="list-item"></slot>
|
|
4
4
|
</ul>
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("lit"),require("lit/decorators.js"),require("lit/directives/class-map.js"));else if("function"==typeof define&&define.amd)define(["lit","lit/decorators.js","lit/directives/class-map.js"],t);else{var r="object"==typeof exports?t(require("lit"),require("lit/decorators.js"),require("lit/directives/class-map.js")):t(e.lit,e["lit/decorators.js"],e["lit/directives/class-map.js"]);for(var s in r)("object"==typeof exports?exports:e)[s]=r[s]}}(self,(e,t,r)=>(()=>{"use strict";var s,o={66245:(e,t,r)=>{r.r(t),r.d(t,{ListItem:()=>s});var s,o=r(3001),i=r(31890),l=r(4313),d=r(87161),
|
|
2
|
-
<div class="md-list-item ${(0,
|
|
1
|
+
!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("lit"),require("lit/decorators.js"),require("lit/directives/class-map.js"));else if("function"==typeof define&&define.amd)define(["lit","lit/decorators.js","lit/directives/class-map.js"],t);else{var r="object"==typeof exports?t(require("lit"),require("lit/decorators.js"),require("lit/directives/class-map.js")):t(e.lit,e["lit/decorators.js"],e["lit/directives/class-map.js"]);for(var s in r)("object"==typeof exports?exports:e)[s]=r[s]}}(self,(e,t,r)=>(()=>{"use strict";var s,o={66245:(e,t,r)=>{r.r(t),r.d(t,{ListItem:()=>s});var s,o=r(3001),i=r(31890),l=r(4313),d=r(87161),a=r(70429),p=r(85125),n=r(91729),c=function(e,t,r,s){var o,i=arguments.length,l=i<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,r):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)l=Reflect.decorate(e,t,r,s);else for(var d=e.length-1;d>=0;d--)(o=e[d])&&(l=(i<3?o(l):i>3?o(t,r,l):o(t,r))||l);return i>3&&l&&Object.defineProperty(t,r,l),l};!function(e){let t=class extends((0,o.yC)(d.LitElement)){constructor(){super(...arguments),this.role="option",this.tabIndex=-1,this.shape="rounded",this._disabled=!1,this._selected=!1}get disabled(){return this._disabled}set disabled(e){const t=this._disabled;this._disabled=e,this.setAttribute("aria-disabled",`${e}`),this.requestUpdate("disabled",t)}get selected(){return this._selected}set selected(e){const t=this._selected;this._selected=e,"option"===this.role&&this.setAttribute("aria-selected",`${e}`),this.requestUpdate("selected",t)}get listItemTemplateClassMap(){return{[`md-list-item--${this.shape}`]:!!this.shape}}static get styles(){return[l.A,n.A]}render(){return d.html`
|
|
2
|
+
<div class="md-list-item ${(0,p.classMap)(this.listItemTemplateClassMap)}" part="list-item">
|
|
3
3
|
<slot></slot>
|
|
4
4
|
</div>
|
|
5
|
-
`}};c([(0,
|
|
5
|
+
`}};c([(0,a.property)({type:String,reflect:!0})],t.prototype,"role",void 0),c([(0,a.property)({type:Number,reflect:!0})],t.prototype,"tabIndex",void 0),c([(0,a.property)({type:String,reflect:!0})],t.prototype,"shape",void 0),c([(0,a.property)({type:Boolean,reflect:!0})],t.prototype,"disabled",null),c([(0,a.property)({type:Boolean,reflect:!0})],t.prototype,"selected",null),t=c([(0,i.w)("md-list-item")],t),e.ELEMENT=t}(s||(s={}))},70429:e=>{e.exports=t},85125:e=>{e.exports=r},87161:t=>{t.exports=e}},i={};function l(e){var t=i[e];if(void 0!==t)return t.exports;var r=i[e]={exports:{}};return o[e](r,r.exports,l),r.exports}l.m=o,s=[],l.O=(e,t,r,o)=>{if(!t){var i=1/0;for(n=0;n<s.length;n++){for(var[t,r,o]=s[n],d=!0,a=0;a<t.length;a++)(!1&o||i>=o)&&Object.keys(l.O).every(e=>l.O[e](t[a]))?t.splice(a--,1):(d=!1,o<i&&(i=o));if(d){s.splice(n--,1);var p=r();void 0!==p&&(e=p)}}return e}o=o||0;for(var n=s.length;n>0&&s[n-1][2]>o;n--)s[n]=s[n-1];s[n]=[t,r,o]},l.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return l.d(t,{a:t}),t},l.d=(e,t)=>{for(var r in t)l.o(t,r)&&!l.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},l.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),l.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},(()=>{var e={8442:0};l.O.j=t=>0===e[t];var t=(t,r)=>{var s,o,[i,d,a]=r,p=0;if(i.some(t=>0!==e[t])){for(s in d)l.o(d,s)&&(l.m[s]=d[s]);if(a)var n=a(l)}for(t&&t(r);p<i.length;p++)o=i[p],l.o(e,o)&&e[o]&&e[o][0](),e[o]=0;return l.O(n)},r=self["momentum-web-components-[id]"]=self["momentum-web-components-[id]"]||[];r.forEach(t.bind(null,0)),r.push=t.bind(null,r.push.bind(r))})();var d=l.O(void 0,[1890,4313,8889,8373,4624,300,591,768,3001,671,1729],()=>l(66245));return l.O(d)})());
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("lit"),require("lit/decorators.js"),require("@popperjs/core/lib/modifiers/arrow"),require("@popperjs/core/lib/modifiers/flip"),require("@popperjs/core/lib/modifiers/offset"),require("@popperjs/core/lib/modifiers/preventOverflow"),require("@popperjs/core/lib/popper-lite"),require("lit/directives/if-defined.js"));else if("function"==typeof define&&define.amd)define(["lit","lit/decorators.js","@popperjs/core/lib/modifiers/arrow","@popperjs/core/lib/modifiers/flip","@popperjs/core/lib/modifiers/offset","@popperjs/core/lib/modifiers/preventOverflow","@popperjs/core/lib/popper-lite","lit/directives/if-defined.js"],t);else{var i="object"==typeof exports?t(require("lit"),require("lit/decorators.js"),require("@popperjs/core/lib/modifiers/arrow"),require("@popperjs/core/lib/modifiers/flip"),require("@popperjs/core/lib/modifiers/offset"),require("@popperjs/core/lib/modifiers/preventOverflow"),require("@popperjs/core/lib/popper-lite"),require("lit/directives/if-defined.js")):t(e.lit,e["lit/decorators.js"],e["@popperjs/core/lib/modifiers/arrow"],e["@popperjs/core/lib/modifiers/flip"],e["@popperjs/core/lib/modifiers/offset"],e["@popperjs/core/lib/modifiers/preventOverflow"],e["@popperjs/core/lib/popper-lite"],e["lit/directives/if-defined.js"]);for(var r in i)("object"==typeof exports?exports:e)[r]=i[r]}}(self,(e,t,i,r,o,s,n,a)=>(()=>{"use strict";var l,p={4863:e=>{e.exports=n},11323:(e,t,i)=>{i.r(t),i.d(t,{MenuOverlay:()=>j,OverlaySizes:()=>r,menuOverlayPlacement:()=>T,menuOverlayRole:()=>C,menuOverlaySize:()=>L});var r,o=i(35211),s=i(90195),n=i(31890),a=i(28373),l=i(66677),p=i(22962),d=i.n(p),h=i(84157),v=i.n(h),u=i(68250),c=i.n(u),g=i(69371),m=i.n(g),y=i(4863),f=i(87161),E=i(70429),O=i(20291),b=i(47819),w=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 a=e.length-1;a>=0;a--)(o=e[a])&&(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},x=function(e,t,i,r){return new(i||(i=Promise))(function(o,s){function n(e){try{l(r.next(e))}catch(e){s(e)}}function a(e){try{l(r.throw(e))}catch(e){s(e)}}function l(e){var t;e.done?o(e.value):(t=e.value,t instanceof i?t:new i(function(e){e(t)})).then(n,a)}l((r=r.apply(e,t||[])).next())})};!function(e){e.small="260px",e.large="370px"}(r||(r={}));const L=["small","large"],T=o.W,C=["menu","dialog"];var j;!function(e){let t=class extends((0,a.d)(f.LitElement)){constructor(){super(...arguments),this._isOpen=!1,this.size="large",this.maxHeight="",this.customWidth="",this.showArrow=!1,this.disabled=!1,this.placement="bottom",this.allowHoverToggle=!1,this.ariaRole="menu",this.ariaLabel="",this.isDatePicker=!1,this.overlayOffset=15,this.keepOpenOnWindowBlur=!1,this.positioningStrategy=void 0,this.popperInstance=null,this.triggerElement=null,this.updateActiveMenuOverlayOpened=t=>{var i;this===t.target&&(null===(i=e.ELEMENT.activeOverlay)||void 0===i||i.push(t.target))},this.updateActiveMenuOverlayClosed=t=>{var i,r;const o=e.ELEMENT.activeOverlay.indexOf(t.target);this===t.target&&-1!==o&&(e.ELEMENT.activeOverlay.splice(o,1),e.ELEMENT.activeOverlay.length>0?(null===(i=e.ELEMENT.activeOverlay[e.ELEMENT.activeOverlay.length-1])||void 0===i||i.setFocusableElements(),null===(r=e.ELEMENT.activeOverlay[e.ELEMENT.activeOverlay.length-1])||void 0===r||r.focusOnNestedTrigger(this.triggerElement)):this.setFocusableElements())},this.handleTriggerClick=()=>{this.toggleOverlay()},this.setOverlay=(0,l.sg)(e=>{this.disabled||(this.isOpen=e)},100),this.expandPopup=()=>{this.setOverlay(!0)},this.collapsePopup=()=>{this.setOverlay(!1)},this.handleOutsideOverlayKeydown=t=>x(this,void 0,void 0,function*(){let i=!1;const r=t.composedPath();r.length&&(i=!!r.find(e=>e===this),!i)||!this.overlayContainer||t.code!==s.Uz.Escape||(t.preventDefault(),(e.ELEMENT.activeOverlay.length>0?e.ELEMENT.activeOverlay[e.ELEMENT.activeOverlay.length-1]:void 0)===this&&(this.isOpen=!1,yield this.updateComplete,this.focusOnTrigger()))}),this.handleTriggerKeyDown=e=>x(this,void 0,void 0,function*(){switch(e.code){case s.Uz.Space:case s.Uz.Enter:e.preventDefault(),this.toggleOverlay(),this.isOpen||(yield this.updateComplete,this.focusOnTrigger())}}),this.handleOutsideOverlayClick=e=>{let t=!1;const i=e.composedPath();i.length&&(t=!!i.find(e=>e===this),t||this.preventClickOutside||(this.isOpen=!1))}}get isOpen(){return this._isOpen}set isOpen(e){const t=this._isOpen;this._isOpen=e,this.handleInstance(e),this.overlayContainer&&this.overlayContainer.toggleAttribute("data-show",e),this.requestUpdate("isOpen",t)}static get styles(){return[b.A,f.css`
|
|
1
|
+
!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("lit"),require("lit/decorators.js"),require("@popperjs/core/lib/modifiers/arrow"),require("@popperjs/core/lib/modifiers/flip"),require("@popperjs/core/lib/modifiers/offset"),require("@popperjs/core/lib/modifiers/preventOverflow"),require("@popperjs/core/lib/popper-lite"),require("lit/directives/if-defined.js"));else if("function"==typeof define&&define.amd)define(["lit","lit/decorators.js","@popperjs/core/lib/modifiers/arrow","@popperjs/core/lib/modifiers/flip","@popperjs/core/lib/modifiers/offset","@popperjs/core/lib/modifiers/preventOverflow","@popperjs/core/lib/popper-lite","lit/directives/if-defined.js"],t);else{var i="object"==typeof exports?t(require("lit"),require("lit/decorators.js"),require("@popperjs/core/lib/modifiers/arrow"),require("@popperjs/core/lib/modifiers/flip"),require("@popperjs/core/lib/modifiers/offset"),require("@popperjs/core/lib/modifiers/preventOverflow"),require("@popperjs/core/lib/popper-lite"),require("lit/directives/if-defined.js")):t(e.lit,e["lit/decorators.js"],e["@popperjs/core/lib/modifiers/arrow"],e["@popperjs/core/lib/modifiers/flip"],e["@popperjs/core/lib/modifiers/offset"],e["@popperjs/core/lib/modifiers/preventOverflow"],e["@popperjs/core/lib/popper-lite"],e["lit/directives/if-defined.js"]);for(var r in i)("object"==typeof exports?exports:e)[r]=i[r]}}(self,(e,t,i,r,o,s,n,a)=>(()=>{"use strict";var l,p={4863:e=>{e.exports=n},11323:(e,t,i)=>{i.r(t),i.d(t,{MenuOverlay:()=>j,OverlaySizes:()=>r,menuOverlayPlacement:()=>T,menuOverlayRole:()=>C,menuOverlaySize:()=>L});var r,o=i(35211),s=i(90195),n=i(31890),a=i(28373),l=i(66677),p=i(22962),d=i.n(p),h=i(84157),v=i.n(h),u=i(68250),c=i.n(u),g=i(69371),m=i.n(g),y=i(4863),f=i(87161),E=i(70429),O=i(20291),b=i(47819),w=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 a=e.length-1;a>=0;a--)(o=e[a])&&(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},x=function(e,t,i,r){return new(i||(i=Promise))(function(o,s){function n(e){try{l(r.next(e))}catch(e){s(e)}}function a(e){try{l(r.throw(e))}catch(e){s(e)}}function l(e){var t;e.done?o(e.value):(t=e.value,t instanceof i?t:new i(function(e){e(t)})).then(n,a)}l((r=r.apply(e,t||[])).next())})};!function(e){e.small="260px",e.large="370px"}(r||(r={}));const L=["small","large"],T=o.W,C=["menu","dialog"];var j;!function(e){let t=class extends((0,a.d)(f.LitElement)){constructor(){super(...arguments),this._isOpen=!1,this.size="large",this.maxHeight="",this.customWidth="",this.showArrow=!1,this.disabled=!1,this.placement="bottom",this.allowHoverToggle=!1,this.ariaRole="menu",this.ariaLabel="",this.isDatePicker=!1,this.overlayOffset=15,this.keepOpenOnWindowBlur=!1,this.positioningStrategy=void 0,this.popperInstance=null,this.triggerElement=null,this._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 o=e.ELEMENT.activeOverlay.indexOf(t.target);this===t.target&&-1!==o&&(e.ELEMENT.activeOverlay.splice(o,1),e.ELEMENT.activeOverlay.length>0?(null===(i=e.ELEMENT.activeOverlay[e.ELEMENT.activeOverlay.length-1])||void 0===i||i.setFocusableElements(),null===(r=e.ELEMENT.activeOverlay[e.ELEMENT.activeOverlay.length-1])||void 0===r||r.focusOnNestedTrigger(this.triggerElement)):this.setFocusableElements())},this.handleTriggerClick=()=>{this.toggleOverlay()},this.setOverlay=(0,l.sg)(e=>{this.disabled||(this.isOpen=e)},100),this.expandPopup=()=>{this.setOverlay(!0)},this.collapsePopup=()=>{this.setOverlay(!1)},this.handleOutsideOverlayKeydown=t=>x(this,void 0,void 0,function*(){let i=!1;const r=t.composedPath();r.length&&(i=!!r.find(e=>e===this),!i)||!this.overlayContainer||t.code!==s.Uz.Escape||(t.preventDefault(),(e.ELEMENT.activeOverlay.length>0?e.ELEMENT.activeOverlay[e.ELEMENT.activeOverlay.length-1]:void 0)===this&&(this.isOpen=!1,yield this.updateComplete,this.focusOnTrigger()))}),this.handleTriggerKeyDown=e=>x(this,void 0,void 0,function*(){switch(e.code){case s.Uz.Space:case s.Uz.Enter:e.preventDefault(),this.toggleOverlay(),this.isOpen||(yield this.updateComplete,this.focusOnTrigger())}}),this.handleOutsideOverlayClick=e=>{let t=!1;const i=e.composedPath();i.length&&(t=!!i.find(e=>e===this),t||this.preventClickOutside||(this.isOpen=!1))}}get isOpen(){return this._isOpen}set isOpen(e){const t=this._isOpen;this._isOpen=e,this.handleInstance(e),this.overlayContainer&&this.overlayContainer.toggleAttribute("data-show",e),this.requestUpdate("isOpen",t)}static get styles(){return[b.A,f.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?
|
|
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:()=>x(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 f.html`
|
|
8
8
|
<div class="md-menu-overlay">
|
|
9
9
|
<slot @slotchange=${this.handleTriggerSlotChange} name="menu-trigger"></slot>
|
|
10
10
|
<div
|
|
@@ -35,7 +35,6 @@
|
|
|
35
35
|
part="task-item-container"
|
|
36
36
|
class="md-taskitem ${(0,p.classMap)({selected:this.selected})}"
|
|
37
37
|
tabindex=${this.sanitizedTabIndexForContainer}
|
|
38
|
-
aria-selected="${this.selected}"
|
|
39
38
|
@click=${t=>this.handleClick(t)}
|
|
40
39
|
@keydown=${t=>this.handleKeyDown(t)}
|
|
41
40
|
aria-label=${this.getAriaLabel()}
|