@momentum-ui/web-components 3.0.0-alpha.2 → 3.0.0-alpha.4
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/1200.js +1 -1
- package/dist/1323.js +1 -1
- package/dist/2555.js +7 -7
- package/dist/6273.js +2 -2
- package/dist/6396.js +1 -5
- package/dist/6408.js +2 -2
- package/dist/8028.js +1 -1
- package/dist/8345.js +1 -1
- package/dist/comp/md-advance-list-entry.js +11 -11
- package/dist/comp/md-alert-banner-entry.js +7 -7
- package/dist/comp/md-alert-entry.js +2 -8
- package/dist/comp/md-audio-player-entry.js +8 -8
- package/dist/comp/md-avatar-entry.js +1 -1
- package/dist/comp/md-checkbox-entry.js +2 -2
- package/dist/comp/md-coachmark-popover-entry.js +4 -4
- package/dist/comp/md-country-code-picker-entry.js +1 -1
- package/dist/comp/md-datepicker-entry.js +2 -2
- package/dist/comp/md-dropdown-entry.js +1 -1
- package/dist/comp/md-floating-minimize-entry.js +2 -2
- package/dist/comp/md-floating-modal-entry.js +2 -2
- package/dist/comp/md-grabber-entry.js +6 -6
- package/dist/comp/md-icon-entry.js +3 -3
- package/dist/comp/md-input-entry.js +2 -2
- package/dist/comp/md-label-entry.js +1 -5
- package/dist/comp/md-menu-overlay-entry.js +1 -1
- package/dist/comp/md-modal-entry.js +7 -7
- package/dist/comp/md-phone-input-entry.js +5 -5
- package/dist/comp/md-popover-entry.js +4 -4
- package/dist/comp/md-radiogroup-entry.js +2 -2
- package/dist/comp/md-tabs-entry.js +4 -4
- package/dist/comp/md-task-item-entry.js +1 -1
- package/dist/comp/md-theme-entry.js +1 -1
- package/dist/comp/md-timepicker-entry.js +4 -4
- package/dist/index-entry.js +170 -180
- package/dist/types/components/advance-list/AdvanceList.d.ts +3 -2
- package/dist/types/components/alert-banner/AlertBanner.d.ts +1 -0
- package/dist/types/components/avatar/Avatar.d.ts +2 -1
- package/dist/types/components/checkbox/Checkbox.d.ts +1 -1
- package/dist/types/components/combobox/ComboBox.d.ts +1 -1
- package/dist/types/components/form/index.d.ts +5 -6
- package/dist/types/components/grabber/Grabber.d.ts +1 -1
- package/dist/types/components/popover/Popover.d.ts +4 -0
- package/dist/types/components/popover/Popover.utils.d.ts +4 -0
- package/dist/types/components/radio/RadioGroup.d.ts +1 -1
- package/dist/types/components/tabs/Tabs.d.ts +1 -0
- package/dist/types/components/theme/Theme.d.ts +1 -0
- 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/class-map.js"),require("lit/directives/style-map.js"),require("lit/directives/if-defined.js"),require("@momentum-ui/icons/data/momentumUiIconsNames.json"),require("@momentum-ui/utils/lib/getColorValue"),require("mobx"),require("lit/directives/until.js"));else if("function"==typeof define&&define.amd)define(["lit","lit/decorators.js","lit/directives/class-map.js","lit/directives/style-map.js","lit/directives/if-defined.js","@momentum-ui/icons/data/momentumUiIconsNames.json","@momentum-ui/utils/lib/getColorValue","mobx","lit/directives/until.js"],t);else{var i="object"==typeof exports?t(require("lit"),require("lit/decorators.js"),require("lit/directives/class-map.js"),require("lit/directives/style-map.js"),require("lit/directives/if-defined.js"),require("@momentum-ui/icons/data/momentumUiIconsNames.json"),require("@momentum-ui/utils/lib/getColorValue"),require("mobx"),require("lit/directives/until.js")):t(e.lit,e["lit/decorators.js"],e["lit/directives/class-map.js"],e["lit/directives/style-map.js"],e["lit/directives/if-defined.js"],e["@momentum-ui/icons/data/momentumUiIconsNames.json"],e["@momentum-ui/utils/lib/getColorValue"],e.mobx,e["lit/directives/until.js"]);for(var o in i)("object"==typeof exports?exports:e)[o]=i[o]}}(self,(e,t,i,o,s,r,a,n,l)=>(()=>{"use strict";var c,p={10318:e=>{e.exports=o},20291:e=>{e.exports=s},32022:e=>{e.exports=r},38028:(e,t,i)=>{i.r(t),i.d(t,{Avatar:()=>o}),i(61200),i(69788),i(15300);var o,s=i(31890),r=i(26283),a=i(4313),n=i(87161),l=i(70429),c=i(85125),p=i(20291),h=i(10318),d=i(89756),m=i(38923),u=i(7292),y=function(e,t,i,o){var s,r=arguments.length,a=r<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,i,o);else for(var n=e.length-1;n>=0;n--)(s=e[n])&&(a=(r<3?s(a):r>3?s(t,i,a):s(t,i))||a);return r>3&&a&&Object.defineProperty(t,i,a),a};!function(e){let t=class extends n.LitElement{constructor(){super(...arguments),this._tabIndex=0,this.alt="",this.src="",this.label="",this.title="",this.color="",this.decrypting=!1,this.role="img",this.iconName="",this.failurePresence=!1,this.type="",this.newMomentum=!1,this.typing=!1,this.size=40,this.hasNotification=!1,this.clickable=!1,this.avatarStyle="default",this.state="rest",this.imageLoaded=!1,this.imageErrored=!1,this.presenceColor="",this.presenceIcon="",this.iconNameMap={"channel-chat":"chat-filled","channel-chat-outbound":"chat-outbound-filled","channel-social":"sms-message-filled","channel-sms-inbound":"sms-filled","channel-sms-outbound":"sms-outgoing-filled","channel-email-inbound":"email-filled","channel-email-outbound":"email-outgoing-filled","channel-call":"handset-filled","channel-call-inbound":"incoming-call-legacy-filled","channel-callback":"outgoing-call-legacy-filled","channel-headset":"headset-filled","channel-campaign":"campaign-management-bold","channel-emoji":"emoji-happy-filled","channel-webex":"webex-app-icon-color-container","channel-fb-messenger":"social-fbmessenger-color","channel-facebook":"social-facebook-color","channel-apple-chat":"apple-business-chat-color","channel-line":"social-line-color","channel-twitter-x":"social-x","channel-viber":"social-viber-color","channel-whats-app":"social-whatsapp-color","channel-we-chat":"social-wechat-color","channel-spam":"participant-unknown-bold","channel-monitoring":"monitoring-bold"}}get tabIndex(){return this._tabIndex}set tabIndex(e){const t=this._tabIndex;this._tabIndex=e,this.requestUpdate("tabIndex",t)}static get styles(){return[a.A,u.A]}isPresenceType(e){return m.e.includes(e)}firstUpdated(){const e=this.presenceType||(this.isPresenceType(this.type)?this.type:"");if(e){const{presenceColor:t,presenceIcon:i}=(0,m.E)(e,this.failurePresence,this.newMomentum);this.presenceColor=t,this.presenceIcon=i}}
|
|
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"),require("lit/directives/style-map.js"),require("lit/directives/if-defined.js"),require("@momentum-ui/icons/data/momentumUiIconsNames.json"),require("@momentum-ui/utils/lib/getColorValue"),require("mobx"),require("lit/directives/until.js"));else if("function"==typeof define&&define.amd)define(["lit","lit/decorators.js","lit/directives/class-map.js","lit/directives/style-map.js","lit/directives/if-defined.js","@momentum-ui/icons/data/momentumUiIconsNames.json","@momentum-ui/utils/lib/getColorValue","mobx","lit/directives/until.js"],t);else{var i="object"==typeof exports?t(require("lit"),require("lit/decorators.js"),require("lit/directives/class-map.js"),require("lit/directives/style-map.js"),require("lit/directives/if-defined.js"),require("@momentum-ui/icons/data/momentumUiIconsNames.json"),require("@momentum-ui/utils/lib/getColorValue"),require("mobx"),require("lit/directives/until.js")):t(e.lit,e["lit/decorators.js"],e["lit/directives/class-map.js"],e["lit/directives/style-map.js"],e["lit/directives/if-defined.js"],e["@momentum-ui/icons/data/momentumUiIconsNames.json"],e["@momentum-ui/utils/lib/getColorValue"],e.mobx,e["lit/directives/until.js"]);for(var o in i)("object"==typeof exports?exports:e)[o]=i[o]}}(self,(e,t,i,o,s,r,a,n,l)=>(()=>{"use strict";var c,p={10318:e=>{e.exports=o},20291:e=>{e.exports=s},32022:e=>{e.exports=r},38028:(e,t,i)=>{i.r(t),i.d(t,{Avatar:()=>o}),i(61200),i(69788),i(15300);var o,s=i(31890),r=i(26283),a=i(4313),n=i(87161),l=i(70429),c=i(85125),p=i(20291),h=i(10318),d=i(89756),m=i(38923),u=i(7292),y=function(e,t,i,o){var s,r=arguments.length,a=r<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,i,o);else for(var n=e.length-1;n>=0;n--)(s=e[n])&&(a=(r<3?s(a):r>3?s(t,i,a):s(t,i))||a);return r>3&&a&&Object.defineProperty(t,i,a),a};!function(e){let t=class extends n.LitElement{constructor(){super(...arguments),this._tabIndex=0,this.alt="",this.src="",this.label="",this.title="",this.color="",this.decrypting=!1,this.role="img",this.iconName="",this.failurePresence=!1,this.type="",this.newMomentum=!1,this.typing=!1,this.size=40,this.hasNotification=!1,this.clickable=!1,this.avatarStyle="default",this.state="rest",this.imageLoaded=!1,this.imageErrored=!1,this.presenceColor="",this.presenceIcon="",this.iconNameMap={"channel-chat":"chat-filled","channel-chat-outbound":"chat-outbound-filled","channel-social":"sms-message-filled","channel-sms-inbound":"sms-filled","channel-sms-outbound":"sms-outgoing-filled","channel-email-inbound":"email-filled","channel-email-outbound":"email-outgoing-filled","channel-call":"handset-filled","channel-call-inbound":"incoming-call-legacy-filled","channel-callback":"outgoing-call-legacy-filled","channel-headset":"headset-filled","channel-campaign":"campaign-management-bold","channel-emoji":"emoji-happy-filled","channel-webex":"webex-app-icon-color-container","channel-fb-messenger":"social-fbmessenger-color","channel-facebook":"social-facebook-color","channel-apple-chat":"apple-business-chat-color","channel-line":"social-line-color","channel-twitter-x":"social-x","channel-viber":"social-viber-color","channel-whats-app":"social-whatsapp-color","channel-we-chat":"social-wechat-color","channel-spam":"participant-unknown-bold","channel-monitoring":"monitoring-bold"}}get tabIndex(){return this._tabIndex}set tabIndex(e){const t=this._tabIndex;this._tabIndex=e,this.requestUpdate("tabIndex",t)}static get styles(){return[a.A,u.A]}isPresenceType(e){return m.e.includes(e)}firstUpdated(){const e=this.presenceType||(this.isPresenceType(this.type)?this.type:"");if(e){const{presenceColor:t,presenceIcon:i}=(0,m.E)(e,this.failurePresence,this.newMomentum);this.presenceColor=t,this.presenceIcon=i}}willUpdate(e){var t;null===(t=super.willUpdate)||void 0===t||t.call(this,e);const i=this.presenceType||(this.isPresenceType(this.type)?this.type:"");if(i&&(e.has("type")||e.has("presenceType")||e.has("newMomentum"))){const{presenceColor:e,presenceIcon:t}=(0,m.E)(i,this.failurePresence,this.newMomentum);this.presenceColor=e,this.presenceIcon=t}}updated(e){super.updated(e),e.has("role")&&this.style.setProperty("--avatar-cursor","button"===this.role?"pointer":"default")}get avatarClassMap(){return Object.assign(Object.assign({},this.newMomentum&&"bot"!==this.type||!this.type?{}:{[`md-avatar--${this.type}`]:!0}),{[`md-avatar--${this.size}`]:!!this.size,[`md-avatar--${this.color}`]:!!this.color,active:"active"===this.state})}get avatarLetterClassMap(){return{"md-decrypting":this.decrypting,[`md-avatar--${this.color}`]:this.color,"new-momentum":this.newMomentum,active:"active"===this.state}}get avatarStyleMap(){return{[`md-avatar--${this.color}`]:this.color}}get pretifyTitle(){if(this.title.length){const e=this.title.trim().split(" ");return 1===e.length?e[0].charAt(0):e[0].charAt(0)+e[e.length-1].charAt(0)}return this.title}get chatIconName(){return"chat-filled"}getIconName(e){return this.iconNameMap[e]||""}get chatIconSize(){return this.iconSize}get presenceSize(){return this.size<=24?10.5:this.size<=32?14:this.size<=48?13.94:this.size<=64?18.58:this.size<=72?20.9:this.size<=88?25.55:36}get iconSize(){return 24===this.size?"16":28===this.size?"18":32===this.size?"20":36===this.size?"22":40===this.size?"24":48===this.size?"28":56===this.size?"32":64===this.size?"36":72===this.size?"40":Math.round(this.size/1.7).toString()}get renderIsTyping(){return"typing"===this.type||this.typing?n.html` <md-loading></md-loading> `:n.nothing}get avatarLetter(){return this.title?n.html`
|
|
2
2
|
<span class="md-avatar__letter ${(0,c.classMap)(this.avatarLetterClassMap)}">
|
|
3
3
|
${this.pretifyTitle}
|
|
4
4
|
<slot></slot>
|
|
@@ -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/class-map.js"),require("lit/directives/style-map.js"),require("lit/directives/if-defined.js"),require("@momentum-ui/icons/data/momentumUiIconsNames.json"),require("@momentum-ui/utils/lib/getColorValue"),require("mobx"));else if("function"==typeof define&&define.amd)define(["lit","lit/decorators.js","lit/directives/class-map.js","lit/directives/style-map.js","lit/directives/if-defined.js","@momentum-ui/icons/data/momentumUiIconsNames.json","@momentum-ui/utils/lib/getColorValue","mobx"],t);else{var i="object"==typeof exports?t(require("lit"),require("lit/decorators.js"),require("lit/directives/class-map.js"),require("lit/directives/style-map.js"),require("lit/directives/if-defined.js"),require("@momentum-ui/icons/data/momentumUiIconsNames.json"),require("@momentum-ui/utils/lib/getColorValue"),require("mobx")):t(e.lit,e["lit/decorators.js"],e["lit/directives/class-map.js"],e["lit/directives/style-map.js"],e["lit/directives/if-defined.js"],e["@momentum-ui/icons/data/momentumUiIconsNames.json"],e["@momentum-ui/utils/lib/getColorValue"],e.mobx);for(var
|
|
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"),require("lit/directives/style-map.js"),require("lit/directives/if-defined.js"),require("@momentum-ui/icons/data/momentumUiIconsNames.json"),require("@momentum-ui/utils/lib/getColorValue"),require("mobx"));else if("function"==typeof define&&define.amd)define(["lit","lit/decorators.js","lit/directives/class-map.js","lit/directives/style-map.js","lit/directives/if-defined.js","@momentum-ui/icons/data/momentumUiIconsNames.json","@momentum-ui/utils/lib/getColorValue","mobx"],t);else{var i="object"==typeof exports?t(require("lit"),require("lit/decorators.js"),require("lit/directives/class-map.js"),require("lit/directives/style-map.js"),require("lit/directives/if-defined.js"),require("@momentum-ui/icons/data/momentumUiIconsNames.json"),require("@momentum-ui/utils/lib/getColorValue"),require("mobx")):t(e.lit,e["lit/decorators.js"],e["lit/directives/class-map.js"],e["lit/directives/style-map.js"],e["lit/directives/if-defined.js"],e["@momentum-ui/icons/data/momentumUiIconsNames.json"],e["@momentum-ui/utils/lib/getColorValue"],e.mobx);for(var s in i)("object"==typeof exports?exports:e)[s]=i[s]}}(self,(e,t,i,s,r,o,n,c)=>(()=>{"use strict";var a,l={3664:(e,t,i)=>{i.r(t),i.d(t,{Checkbox:()=>s}),i(61200);var s,r=i(90195),o=i(3001),n=i(31890),c=i(4313),a=i(87161),l=i(70429),d=i(32056),h=function(e,t,i,s){var r,o=arguments.length,n=o<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,s);else for(var c=e.length-1;c>=0;c--)(r=e[c])&&(n=(o<3?r(n):o>3?r(t,i,n):r(t,i))||n);return o>3&&n&&Object.defineProperty(t,i,n),n};!function(e){let t=class extends((0,o.yC)(a.LitElement)){constructor(){super(...arguments),this.autofocus=!1,this._checked=!1,this._indeterminate=!1,this._disabled=!1,this.label="",this.tabIndex=0}get checked(){return this._checked}set checked(e){const t=this._checked;this._checked=e,this.requestUpdate("checked",t)}get indeterminate(){return this._indeterminate}set indeterminate(e){const t=this._indeterminate;this._indeterminate=e,this.requestUpdate("indeterminate",t)}get disabled(){return this._disabled}set disabled(e){const t=this._disabled;this._disabled=e,this.tabIndex=e?-1:0,this.requestUpdate("disabled",t)}static get styles(){return[c.A,d.A]}toggleCheckbox(){this.checked=!this.checked}isCheckboxActive(){return this.disabled||this.indeterminate}handleClick(e){this.isCheckboxActive()?e.stopPropagation():(this.toggleCheckbox(),this.handleChange(e))}handleKeyDown(e){const{code:t}=e;t!==r.Uz.Space&&t!==r.Uz.Enter||(e.preventDefault(),this.isCheckboxActive()?e.stopPropagation():(this.toggleCheckbox(),this.handleChange(e)))}handleChange(e){this.dispatchEvent(new CustomEvent("checkbox-change",{bubbles:!0,composed:!0,detail:{sourceEvent:e,checked:this.checked}}))}firstUpdated(e){super.firstUpdated(e),this.setAttribute("role","checkbox"),this.label&&this.setAttribute("aria-label",this.label)}connectedCallback(){super.connectedCallback(),this.addEventListener("keydown",this.handleKeyDown),this.addEventListener("click",this.handleClick)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("keydown",this.handleKeyDown),this.removeEventListener("click",this.handleClick)}willUpdate(e){var t;null===(t=super.willUpdate)||void 0===t||t.call(this,e),e.has("indeterminate")&&this.indeterminate&&(this.checked=!1),(e.has("checked")||e.has("indeterminate"))&&(this.indeterminate?this.setAttribute("aria-checked","mixed"):this.setAttribute("aria-checked",`${this.checked}`)),e.has("disabled")&&this.setAttribute("aria-disabled",`${this.disabled}`)}updated(e){super.updated(e),e.has("indeterminate")&&(this.input.indeterminate=this.indeterminate)}get checkboxIconName(){return this.checked?"check-bold":this.indeterminate?"minus-bold":null}checkboxIconTemplate(){const e=this.checkboxIconName;return e?a.html`<md-icon name="${e}" iconSet="momentumDesign" size="16"></md-icon>`:a.nothing}checkboxBoxTemplate(){return a.html` <div part="checkbox-box" class="checkbox-box">${this.checkboxIconTemplate()}</div> `}render(){return a.html`
|
|
2
2
|
<input
|
|
3
3
|
class="checkbox-input"
|
|
4
4
|
type="checkbox"
|
|
@@ -12,4 +12,4 @@
|
|
|
12
12
|
${this.checkboxBoxTemplate()}
|
|
13
13
|
<slot></slot>
|
|
14
14
|
</label>
|
|
15
|
-
`}};h([(0,l.property)({type:Boolean,reflect:!0})],t.prototype,"autofocus",void 0),h([(0,l.property)({type:Boolean,reflect:!0})],t.prototype,"checked",null),h([(0,l.property)({type:Boolean,reflect:!0})],t.prototype,"indeterminate",null),h([(0,l.property)({type:Boolean,reflect:!0})],t.prototype,"disabled",null),h([(0,l.property)({type:String})],t.prototype,"label",void 0),h([(0,l.property)({type:Number,reflect:!0})],t.prototype,"tabIndex",void 0),h([(0,l.query)(".checkbox-input")],t.prototype,"input",void 0),t=h([(0,n.w)("md-checkbox")],t),e.ELEMENT=t}(
|
|
15
|
+
`}};h([(0,l.property)({type:Boolean,reflect:!0})],t.prototype,"autofocus",void 0),h([(0,l.property)({type:Boolean,reflect:!0})],t.prototype,"checked",null),h([(0,l.property)({type:Boolean,reflect:!0})],t.prototype,"indeterminate",null),h([(0,l.property)({type:Boolean,reflect:!0})],t.prototype,"disabled",null),h([(0,l.property)({type:String})],t.prototype,"label",void 0),h([(0,l.property)({type:Number,reflect:!0})],t.prototype,"tabIndex",void 0),h([(0,l.query)(".checkbox-input")],t.prototype,"input",void 0),t=h([(0,n.w)("md-checkbox")],t),e.ELEMENT=t}(s||(s={}))},10318:e=>{e.exports=s},20291:e=>{e.exports=r},32022:e=>{e.exports=o},60554:e=>{e.exports=n},70429:e=>{e.exports=t},85125:e=>{e.exports=i},85314:e=>{e.exports=c},87161:t=>{t.exports=e}},d={};function h(e){var t=d[e];if(void 0!==t)return t.exports;var i=d[e]={exports:{}};return l[e](i,i.exports,h),i.exports}h.m=l,a=[],h.O=(e,t,i,s)=>{if(!t){var r=1/0;for(l=0;l<a.length;l++){for(var[t,i,s]=a[l],o=!0,n=0;n<t.length;n++)(!1&s||r>=s)&&Object.keys(h.O).every(e=>h.O[e](t[n]))?t.splice(n--,1):(o=!1,s<r&&(r=s));if(o){a.splice(l--,1);var c=i();void 0!==c&&(e=c)}}return e}s=s||0;for(var l=a.length;l>0&&a[l-1][2]>s;l--)a[l]=a[l-1];a[l]=[t,i,s]},h.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return h.d(t,{a:t}),t},h.d=(e,t)=>{for(var i in t)h.o(t,i)&&!h.o(e,i)&&Object.defineProperty(e,i,{enumerable:!0,get:t[i]})},h.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),h.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},(()=>{var e={7455:0};h.O.j=t=>0===e[t];var t=(t,i)=>{var s,r,[o,n,c]=i,a=0;if(o.some(t=>0!==e[t])){for(s in n)h.o(n,s)&&(h.m[s]=n[s]);if(c)var l=c(h)}for(t&&t(i);a<o.length;a++)r=o[a],h.o(e,r)&&e[r]&&e[r][0](),e[r]=0;return h.O(l)},i=self["momentum-web-components-[id]"]=self["momentum-web-components-[id]"]||[];i.forEach(t.bind(null,0)),i.push=t.bind(null,i.push.bind(i))})();var u=h.O(void 0,[6633,1890,4313,510,6283,5087,2176,6798,6865,1200,8889,8373,4624,300,591,768,195,3001,2056],()=>h(3664));return h.O(u)})());
|
|
@@ -50,15 +50,15 @@
|
|
|
50
50
|
${this.renderHeader()} ${this.renderBody()} ${this.renderFooter()}
|
|
51
51
|
</div>
|
|
52
52
|
</md-popover>
|
|
53
|
-
`}};h([(0,l.property)({type:String})],t.prototype,"placement",void 0),h([(0,l.property)({type:String,reflect:!0})],t.prototype,"triggerID",void 0),h([(0,l.property)({type:String})],t.prototype,"headerIconName",void 0),h([(0,l.property)({type:String})],t.prototype,"header",void 0),h([(0,l.property)({type:String})],t.prototype,"message",void 0),h([(0,l.property)({type:Boolean})],t.prototype,"show",void 0),h([(0,l.property)({type:Boolean,reflect:!0,attribute:"hide-close-button"})],t.prototype,"hideCloseButton",void 0),h([(0,l.property)({type:String})],t.prototype,"primaryButton",void 0),h([(0,l.property)({type:String})],t.prototype,"secondaryButton",void 0),h([(0,l.property)({type:String})],t.prototype,"linkText",void 0),h([(0,l.property)({type:String})],t.prototype,"href",void 0),h([(0,l.query)(".md-coachmark__trigger-component")],t.prototype,"triggerComponent",void 0),h([(0,l.query)(".md-coachmark__popper")],t.prototype,"popper",void 0),t=h([(0,o.w)("md-coachmark-popover")],t),e.ELEMENT=t}(r||(r={}))},32022:e=>{e.exports=s},60554:e=>{e.exports=n},70429:e=>{e.exports=t},71128:(e,t,i)=>{i(96798),i(61200);var r=i(31890),o=i(28373),s=i(66677),n=i(5784),l=i(87161),a=i(70429),p=i(20291),h=i(68419),c=i(36365),d=i(3998),u=i(33759),v=i(86210),m=function(e,t,i,r){var o,s=arguments.length,n=s<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,r);else for(var l=e.length-1;l>=0;l--)(o=e[l])&&(n=(s<3?o(n):s>3?o(t,i,n):o(t,i))||n);return s>3&&n&&Object.defineProperty(t,i,n),n},g=function(e,t,i,r){return new(i||(i=Promise))(function(o,s){function n(e){try{a(r.next(e))}catch(e){s(e)}}function l(e){try{a(r.throw(e))}catch(e){s(e)}}function a(e){var t;e.done?o(e.value):(t=e.value,t instanceof i?t:new i(function(e){e(t)})).then(n,l)}a((r=r.apply(e,t||[])).next())})};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)||d.S.shouldDeferToTopForOutsideClick(this)||this.hideThisPopover()},this.hideThisPopover=()=>{setTimeout(()=>{this.visible=!1,this.isTriggerClicked=!1,this.utils.handleAppendTo(!1)},this.closeDelay)},this.onEscapeKeydown=e=>{this.visible&&"Escape"===e.code&&(e.preventDefault(),this.hidePopover())},this.onPopoverFocusOut=e=>{const t=e.relatedTarget;!t||this.isElementInPopover(t)?t||setTimeout(()=>{const e=(0,s.dw)();this.isElementInPopover(e)||this.hidePopover()},0):this.hidePopover()},this.handleWindowBlurEvent=()=>{this.visible&&this.hidePopover()},this.startCloseDelay=()=>{if(this.interactive){if(this.isTriggerClicked)return;this.hoverTimer=window.setTimeout(()=>{this.visible=!1},this.closeDelay)}else this.hidePopover()},this.cancelCloseDelay=()=>{this.hoverTimer&&(clearTimeout(this.hoverTimer),this.hoverTimer=null)},this.showPopover=(e=!1)=>{this.cancelCloseDelay(),e&&this.openDelay>0?setTimeout(()=>{this.utils.handleAppendTo(!0),this.visible=!0},this.openDelay):(this.utils.handleAppendTo(!0),this.visible=!0)},this.hidePopover=()=>{d.S.peek()===this&&setTimeout(()=>{this.visible=!1,this.isTriggerClicked=!1,this.utils.handleAppendTo(!1)},this.closeDelay)},this.togglePopoverVisible=()=>{this.isTriggerClicked?this.hidePopover():(this.showPopover(),this.isTriggerClicked=!0)},this.onMouseEnterTrigger=()=>{this.trigger.includes("mouseenter")&&(this.visible||(this.previousActiveElement=(0,s.dw)()),this.showPopover(!0))},this.onFocusInTrigger=()=>{this.trigger.includes("focusin")&&this.showPopover(!1)},this.onTriggerClick=e=>{this.trigger.includes("mouseenter")&&this.isMouseOverTrigger(e)||this.togglePopoverVisible()},this.utils=new u.h(this),this.preventClickOutside=!0}firstUpdated(e){const t=Object.create(null,{firstUpdated:{get:()=>super.firstUpdated}});return g(this,void 0,void 0,function*(){t.firstUpdated.call(this,e),[this.openDelay,this.closeDelay]=this.utils.setupDelay(),this.utils.setupAccessibility(),this.style.zIndex=`${this.zIndex}`,c.T.onCreatedPopover(this),this.visible&&(this.utils.handleAppendTo(!0),this.positionPopover(),yield this.handleCreatePopoverFirstUpdate())})}disconnectedCallback(){const e=Object.create(null,{disconnectedCallback:{get:()=>super.disconnectedCallback}});return g(this,void 0,void 0,function*(){e.disconnectedCallback.call(this),this.cleanupAutoUpdate&&(this.cleanupAutoUpdate(),this.cleanupAutoUpdate=null),this._controller=null,this.previousActiveElement=null,this.removeEventListeners(),c.T.onDestroyedPopover(this),d.S.remove(this)})}setupTriggerListener(){if(!this.triggerID)return;const e=this.getRootNode();if(this.triggerElement=(0,s.qi)(`[id="${this.triggerID}"]`,e),!this.triggerElement){const t=null==e?void 0:e.host;if(t){const e=t.querySelector("[slot]");(null==e?void 0:e.id)===this.triggerID&&(this.triggerElement=e)}}if(this.triggerElement){if("mouseenter"===this.trigger&&(this.interactive?this.trigger="mouseenter click":this.trigger="mouseenter focusin"),this.trigger.includes("click")&&this.triggerElement.addEventListener("click",this.onTriggerClick),this.trigger.includes("mouseenter")){const e=this.renderRoot.querySelector(".popover-hover-bridge");this.triggerElement.addEventListener("mouseenter",this.onMouseEnterTrigger),this.triggerElement.addEventListener("mouseleave",this.startCloseDelay),this.addEventListener("mouseenter",this.cancelCloseDelay),this.addEventListener("mouseleave",this.startCloseDelay),null==e||e.addEventListener("mouseenter",this.cancelCloseDelay)}this.trigger.includes("focusin")&&(this.triggerElement.addEventListener("focusin",this.onFocusInTrigger),this.interactive||this.triggerElement.addEventListener("focusout",this.hidePopover)),this.addEventListener("focus-trap-exit",this.hidePopover)}}removeEventListeners(){if(!this.triggerElement)return;const e=this.renderRoot.querySelector(".popover-hover-bridge");this.triggerElement.removeEventListener("click",this.onTriggerClick),this.triggerElement.removeEventListener("mouseenter",this.onMouseEnterTrigger),this.triggerElement.removeEventListener("mouseleave",this.hidePopover),this.removeEventListener("mouseenter",this.cancelCloseDelay),this.removeEventListener("mouseleave",this.startCloseDelay),this.triggerElement.removeEventListener("focusin",this.onFocusInTrigger),this.triggerElement.removeEventListener("focusout",this.hidePopover),null==e||e.removeEventListener("mouseenter",this.cancelCloseDelay),this.removeEventListener("focus-trap-exit",this.hidePopover)}updated(e){const t=Object.create(null,{updated:{get:()=>super.updated}});return g(this,void 0,void 0,function*(){if(t.updated.call(this,e),e.has("visible")){const t=e.get("visible")||!1;yield this.isOpenUpdated(t,this.visible),this.utils.updateAriaExpandedAttribute()}if(e.has("placement")&&this.setAttribute("placement",Object.values(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 g(this,void 0,void 0,function*(){var r,o,s,n;if(e!==t&&this.triggerElement)if(t)d.S.peek()!==this&&d.S.push(this),i.preventScroll=this.preventScroll,this.focusTrap&&(null===(r=this.activateFocusTrap)||void 0===r||r.call(this)),this.backdrop&&(this.utils.createBackdrop(),this.triggerElement.style.zIndex=`${this.zIndex}`),this.positionPopover(),yield this.handleCreatePopoverFirstUpdate(),this.hideOnBlur&&(this.addEventListener("focusout",this.onPopoverFocusOut),"click"===this.trigger&&(this.triggerElement.style.pointerEvents="none")),this.hideOnWindowBlur&&window.addEventListener("blur",this.handleWindowBlurEvent),this.hideOnOutsideClick&&document.addEventListener("click",this.onOutsidePopoverClick),this.hideOnEscape&&document.addEventListener("keydown",this.onEscapeKeydown),c.T.onShowPopover(this);else{if(this.cleanupAutoUpdate&&(this.cleanupAutoUpdate(),this.cleanupAutoUpdate=null),d.S.removeItem(this),this.backdropElement&&(null===(o=this.backdropElement)||void 0===o||o.remove(),this.backdropElement=null),this.hideOnBlur&&(this.removeEventListener("focusout",this.onPopoverFocusOut),"click"===this.trigger&&(this.triggerElement.style.pointerEvents="")),this.hideOnWindowBlur&&window.removeEventListener("blur",this.handleWindowBlurEvent),this.hideOnOutsideClick&&document.removeEventListener("click",this.onOutsidePopoverClick),this.hideOnEscape&&document.removeEventListener("keydown",this.onEscapeKeydown),null===(s=this.deactivateFocusTrap)||void 0===s||s.call(this),this.disableAriaExpanded||this.triggerElement.removeAttribute("aria-expanded"),this.interactive){const e=this.triggerElement.getAttribute("aria-haspopup");"dialog"!==e&&"alertdialog"!==e||this.triggerElement.removeAttribute("aria-haspopup")}this.focusBackToTrigger&&(this.previousActiveElement instanceof HTMLElement?this.previousActiveElement.focus():null===(n=this.setFocusOnDeepestNestedElement)||void 0===n||n.call(this,this.triggerElement)),this.previousActiveElement=null,c.T.onHidePopover(this)}})}isRectOverTrigger(e,t){if(this.triggerElement&&"undefined"!=typeof window&&"undefined"!=typeof document){const i=this.triggerElement.getBoundingClientRect();return e>=i.left&&e<=i.right&&t>=i.top&&t<=i.bottom}return!1}isMouseOverTrigger(e){const{clientX:t,clientY:i}=e instanceof MouseEvent?e:{clientX:0,clientY:0};return this.isRectOverTrigger(t,i)}handleCreatePopoverFirstUpdate(){return g(this,void 0,void 0,function*(){var e,t;this.visible&&this.interactive&&(null===(e=this.setFocusableElements)||void 0===e||e.call(this),yield this.updateComplete,null===(t=this.setInitialFocus)||void 0===t||t.call(this))})}positionPopover(){if(!this.triggerElement)return;this.cleanupAutoUpdate&&(this.cleanupAutoUpdate(),this.cleanupAutoUpdate=null);const e=[(0,n.shift)()];let t=this.offset;if(this.flip&&e.push((0,n.flip)()),this.size){const t=this.renderRoot.querySelector('[part="popover-content"]');e.push((0,n.size)({apply({availableHeight:e}){t&&Object.assign(t.style,{maxHeight:`${e}px`,overflowY:"auto"})},padding:50}))}if(this.showArrow&&(this.arrowElement=this.renderRoot.querySelector(".popover-arrow"),this.arrowElement)){const i=this.arrowElement.offsetHeight;t=Math.sqrt(2*i**2)/2+this.offset,e.push((0,n.arrow)({element:this.arrowElement,padding:12}))}e.push((0,n.offset)(t)),this.cleanupAutoUpdate=(0,n.autoUpdate)(this.triggerElement,this,()=>g(this,void 0,void 0,function*(){if(!this.triggerElement)return;const{x:t,y:i,middlewareData:r,placement:o}=yield(0,n.computePosition)(this.triggerElement,this,{placement:this.placement,middleware:e,strategy:this.strategy});this.utils.updatePopoverStyle(t,i),r.arrow&&this.arrowElement&&this.utils.updateArrowStyle(r.arrow,o),this.trigger.includes("mouseenter")&&this.utils.setupHoverBridge(o)}),{animationFrame:this.animationFrame})}render(){return l.html`
|
|
53
|
+
`}};h([(0,l.property)({type:String})],t.prototype,"placement",void 0),h([(0,l.property)({type:String,reflect:!0})],t.prototype,"triggerID",void 0),h([(0,l.property)({type:String})],t.prototype,"headerIconName",void 0),h([(0,l.property)({type:String})],t.prototype,"header",void 0),h([(0,l.property)({type:String})],t.prototype,"message",void 0),h([(0,l.property)({type:Boolean})],t.prototype,"show",void 0),h([(0,l.property)({type:Boolean,reflect:!0,attribute:"hide-close-button"})],t.prototype,"hideCloseButton",void 0),h([(0,l.property)({type:String})],t.prototype,"primaryButton",void 0),h([(0,l.property)({type:String})],t.prototype,"secondaryButton",void 0),h([(0,l.property)({type:String})],t.prototype,"linkText",void 0),h([(0,l.property)({type:String})],t.prototype,"href",void 0),h([(0,l.query)(".md-coachmark__trigger-component")],t.prototype,"triggerComponent",void 0),h([(0,l.query)(".md-coachmark__popper")],t.prototype,"popper",void 0),t=h([(0,o.w)("md-coachmark-popover")],t),e.ELEMENT=t}(r||(r={}))},32022:e=>{e.exports=s},60554:e=>{e.exports=n},70429:e=>{e.exports=t},71128:(e,t,i)=>{i(96798),i(61200);var r=i(31890),o=i(28373),s=i(66677),n=i(5784),l=i(87161),a=i(70429),p=i(68419),h=i(36365),c=i(3998),d=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())})};let g=class extends((0,o.d)(l.LitElement)){set controller(e){e?(e.show=(e=!1)=>this.showPopover(e),e.hide=()=>this.hidePopover(),e.toggle=()=>this.togglePopoverVisible(),e.isVisible=()=>this.visible,this._controller=e):this._controller=null}get controller(){return this._controller}constructor(){super(),this.id="",this.triggerID="",this.trigger=p.zY.TRIGGER,this.placement=p.zY.PLACEMENT,this.strategy=p.zY.STRATEGY,this.color=p.zY.COLOR,this.visible=p.zY.VISIBLE,this.offset=p.zY.OFFSET,this.focusTrap=p.zY.FOCUS_TRAP,this.preventScroll=p.zY.PREVENT_SCROLL,this.showArrow=p.zY.ARROW,this.closeButton=p.zY.CLOSE_BUTTON,this.interactive=p.zY.INTERACTIVE,this.delay=p.zY.DELAY,this.hideOnEscape=p.zY.HIDE_ON_ESCAPE,this.hideOnBlur=p.zY.HIDE_ON_BLUR,this.hideOnWindowBlur=p.zY.HIDE_ON_WINDOW_BLUR,this.hideOnOutsideClick=p.zY.HIDE_ON_CLICK_OUTSIDE,this.focusBackToTrigger=p.zY.FOCUS_BACK,this.backdrop=p.zY.BACKDROP,this.flip=p.zY.FLIP,this.size=p.zY.SIZE,this.zIndex=p.zY.Z_INDEX,this.appendTo="",this.closeButtonAriaLabel=null,this.role=p.zY.ROLE,this.ariaLabelledby=null,this.ariaDescribedby=null,this.disableAriaExpanded=p.zY.DISABLE_ARIA_EXPANDED,this.animationFrame=p.zY.ANIMATION_FRAME,this._controller=null,this.arrowElement=null,this.triggerElement=null,this.hoverTimer=null,this.isTriggerClicked=!1,this.openDelay=0,this.closeDelay=0,this.backdropElement=null,this.useLegacyFindFocusable=()=>!1,this.cleanupAutoUpdate=null,this.previousActiveElement=null,this.onOutsidePopoverClick=e=>{const t=e.composedPath();this.triggerElement&&t.includes(this.triggerElement)||t.includes(this)||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 d.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}`,h.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(),h.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(p.ME).includes(this.placement)?this.placement:p.zY.PLACEMENT),e.has("delay")&&([this.openDelay,this.closeDelay]=this.utils.setupDelay()),e.has("trigger")){const e=this.trigger.split(" ").filter(e=>Object.values(p.tr).includes(e));this.setAttribute("trigger",e.length>0?this.trigger:p.zY.TRIGGER),this.removeEventListeners(),this.setupTriggerListener()}e.has("triggerID")&&(this.removeEventListeners(),this.setupTriggerListener(),this.utils.setupAccessibility()),e.has("color")&&this.setAttribute("color",Object.values(p.o$).includes(this.color)?this.color:p.zY.COLOR),e.has("zIndex")&&this.setAttribute("z-index",`${this.zIndex}`),(e.has("interactive")||e.has("aria-label")||e.has("aria-labelledby"))&&this.utils.setupAccessibility(),e.has("disableAriaExpanded")&&this.utils.updateAriaExpandedAttribute(),e.has("interactive")&&this.utils.updateAriaHasPopupAttribute()})}isElementInPopover(e){return!!e&&(!!this.contains(e)||(0,s.QZ)("md-popover",e)===this)}isOpenUpdated(e,t){const i=Object.create(null,{preventScroll:{get:()=>super.preventScroll,set:e=>super.preventScroll=e}});return 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),h.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,h.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`
|
|
54
54
|
<div class="popover-hover-bridge"></div>
|
|
55
55
|
${this.closeButton?l.html` <md-button
|
|
56
56
|
class="popover-close"
|
|
57
57
|
hasRemoveStyle
|
|
58
58
|
size="20"
|
|
59
59
|
circle
|
|
60
|
-
ariaLabel=${
|
|
61
|
-
@button-click
|
|
60
|
+
.ariaLabel=${this.closeButtonAriaLabel}
|
|
61
|
+
@button-click=${this.hidePopover}
|
|
62
62
|
>
|
|
63
63
|
<md-icon name="cancel-bold" size="16" iconSet="momentumDesign"></md-icon>
|
|
64
64
|
</md-button>`:l.nothing}
|
|
@@ -66,4 +66,4 @@
|
|
|
66
66
|
<div part="popover-content">
|
|
67
67
|
<slot></slot>
|
|
68
68
|
</div>
|
|
69
|
-
`}static get styles(){return[
|
|
69
|
+
`}static get styles(){return[u.A]}};v([(0,a.property)({type:String,reflect:!0})],g.prototype,"id",void 0),v([(0,a.property)({type:String,reflect:!0})],g.prototype,"triggerID",void 0),v([(0,a.property)({type:String,reflect:!0})],g.prototype,"trigger",void 0),v([(0,a.property)({type:String,reflect:!0})],g.prototype,"placement",void 0),v([(0,a.property)({type:String,reflect:!0})],g.prototype,"strategy",void 0),v([(0,a.property)({type:String,reflect:!0})],g.prototype,"color",void 0),v([(0,a.property)({type:Boolean,reflect:!0})],g.prototype,"visible",void 0),v([(0,a.property)({type:Number,reflect:!0})],g.prototype,"offset",void 0),v([(0,a.property)({type:Boolean,reflect:!0,attribute:"focus-trap"})],g.prototype,"focusTrap",void 0),v([(0,a.property)({type:Boolean,reflect:!0,attribute:"prevent-scroll"})],g.prototype,"preventScroll",void 0),v([(0,a.property)({type:Boolean,reflect:!0,attribute:"show-arrow"})],g.prototype,"showArrow",void 0),v([(0,a.property)({type:Boolean,reflect:!0,attribute:"close-button"})],g.prototype,"closeButton",void 0),v([(0,a.property)({type:Boolean,reflect:!0})],g.prototype,"interactive",void 0),v([(0,a.property)({type:String,reflect:!0})],g.prototype,"delay",void 0),v([(0,a.property)({type:Boolean,reflect:!0,attribute:"hide-on-escape"})],g.prototype,"hideOnEscape",void 0),v([(0,a.property)({type:Boolean,reflect:!0,attribute:"hide-on-blur"})],g.prototype,"hideOnBlur",void 0),v([(0,a.property)({type:Boolean,reflect:!0,attribute:"hide-on-window-blur"})],g.prototype,"hideOnWindowBlur",void 0),v([(0,a.property)({type:Boolean,reflect:!0,attribute:"hide-on-outside-click"})],g.prototype,"hideOnOutsideClick",void 0),v([(0,a.property)({type:Boolean,reflect:!0,attribute:"focus-back-to-trigger"})],g.prototype,"focusBackToTrigger",void 0),v([(0,a.property)({type:Boolean,reflect:!0})],g.prototype,"backdrop",void 0),v([(0,a.property)({type:Boolean,reflect:!0})],g.prototype,"flip",void 0),v([(0,a.property)({type:Boolean,reflect:!0})],g.prototype,"size",void 0),v([(0,a.property)({type:Number,reflect:!0,attribute:"z-index"})],g.prototype,"zIndex",void 0),v([(0,a.property)({type:String,reflect:!0,attribute:"append-to"})],g.prototype,"appendTo",void 0),v([(0,a.property)({type:String,attribute:"close-button-aria-label",reflect:!0})],g.prototype,"closeButtonAriaLabel",void 0),v([(0,a.property)({type:String,reflect:!0})],g.prototype,"role",void 0),v([(0,a.property)({type:String,reflect:!0,attribute:"aria-labelledby"})],g.prototype,"ariaLabelledby",void 0),v([(0,a.property)({type:String,reflect:!0,attribute:"aria-describedby"})],g.prototype,"ariaDescribedby",void 0),v([(0,a.property)({type:Boolean,reflect:!0,attribute:"disable-aria-expanded"})],g.prototype,"disableAriaExpanded",void 0),v([(0,a.property)({type:Boolean,reflect:!0,attribute:"animation-frame"})],g.prototype,"animationFrame",void 0),v([(0,a.property)({type:Object,attribute:!1})],g.prototype,"controller",null),g=v([(0,r.w)("md-popover")],g)},85125:e=>{e.exports=i},85314:e=>{e.exports=l},87161:t=>{t.exports=e}},c={};function d(e){var t=c[e];if(void 0!==t)return t.exports;var i=c[e]={exports:{}};return h[e](i,i.exports,d),i.exports}d.m=h,p=[],d.O=(e,t,i,r)=>{if(!t){var o=1/0;for(a=0;a<p.length;a++){for(var[t,i,r]=p[a],s=!0,n=0;n<t.length;n++)(!1&r||o>=r)&&Object.keys(d.O).every(e=>d.O[e](t[n]))?t.splice(n--,1):(s=!1,r<o&&(o=r));if(s){p.splice(a--,1);var l=i();void 0!==l&&(e=l)}}return e}r=r||0;for(var a=p.length;a>0&&p[a-1][2]>r;a--)p[a]=p[a-1];p[a]=[t,i,r]},d.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return d.d(t,{a:t}),t},d.d=(e,t)=>{for(var i in t)d.o(t,i)&&!d.o(e,i)&&Object.defineProperty(e,i,{enumerable:!0,get:t[i]})},d.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),d.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},(()=>{var e={3413:0,4131:0};d.O.j=t=>0===e[t];var t=(t,i)=>{var r,o,[s,n,l]=i,a=0;if(s.some(t=>0!==e[t])){for(r in n)d.o(n,r)&&(d.m[r]=n[r]);if(l)var p=l(d)}for(t&&t(i);a<s.length;a++)o=s[a],d.o(e,o)&&e[o]&&e[o][0](),e[o]=0;return d.O(p)},i=self["momentum-web-components-[id]"]=self["momentum-web-components-[id]"]||[];i.forEach(t.bind(null,0)),i.push=t.bind(null,i.push.bind(i))})();var u=d.O(void 0,[6633,1890,4313,510,6283,5087,2176,6798,6865,1200,2576,8210,1270,3135,8345,1439,2924],()=>d(29895));return d.O(u)})());
|
|
@@ -27,7 +27,7 @@
|
|
|
27
27
|
ariaLabel=${this.ariaLabel}
|
|
28
28
|
placeholder="${this.codePlaceholder}"
|
|
29
29
|
.value="${this.countryCallingCode?[this.getFormatedCountryCallingCode()]:[]}"
|
|
30
|
-
@change-selected
|
|
30
|
+
@change-selected=${e=>this.handleCountryChange(e)}
|
|
31
31
|
with-custom-content
|
|
32
32
|
?newMomentum=${this.newMomentum}
|
|
33
33
|
?is-dropdown-arrow=${this.isDropdownArrow}
|
|
@@ -71,7 +71,7 @@
|
|
|
71
71
|
auxiliaryContentPosition="before"
|
|
72
72
|
?required=${this.required}
|
|
73
73
|
@keydown=${e=>this.handleInputKeyDown(e)}
|
|
74
|
-
@input-change
|
|
74
|
+
@input-change=${e=>this.handleDateInputChange(e)}
|
|
75
75
|
?disabled=${this.disabled}
|
|
76
76
|
?hide-message=${!this.errorMessage||this.isValueValid()}
|
|
77
77
|
ariaInvalid=${!!this.errorMessage||!this.isValueValid()}
|
|
@@ -109,7 +109,7 @@
|
|
|
109
109
|
auxiliaryContentPosition="before"
|
|
110
110
|
?required=${this.required}
|
|
111
111
|
@keydown=${e=>this.handleInputKeyDown(e)}
|
|
112
|
-
@input-change
|
|
112
|
+
@input-change=${e=>this.handleDateInputChange(e)}
|
|
113
113
|
?disabled=${this.disabled}
|
|
114
114
|
?hide-message=${!this.errorMessage||this.isValueValid()}
|
|
115
115
|
ariaInvalid=${!!this.errorMessage||!this.isValueValid()}
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
<div
|
|
4
4
|
class="md-floating ${this.minimize?"":"hide"} md-floating-minimize"
|
|
5
5
|
@click=${this.handleMinimize}
|
|
6
|
-
@keydown
|
|
6
|
+
@keydown=${this.handleKeyDown}
|
|
7
7
|
role="dialog"
|
|
8
8
|
tabindex="-1"
|
|
9
9
|
part="floating-minimized"
|
|
@@ -31,7 +31,7 @@
|
|
|
31
31
|
aria-label="${this.closeAriaLabel}"
|
|
32
32
|
circle
|
|
33
33
|
@click=${this.handleClose}
|
|
34
|
-
@keydown
|
|
34
|
+
@keydown=${this.handleKeyDownClose}
|
|
35
35
|
>
|
|
36
36
|
<md-icon name="cancel-bold" size="16" iconSet="momentumDesign"></md-icon>
|
|
37
37
|
</md-button>
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
<div
|
|
4
4
|
class="md-floating ${this.minimize?"":"hide"} md-floating-minimize"
|
|
5
5
|
@click=${this.handleMinimize}
|
|
6
|
-
@keydown
|
|
6
|
+
@keydown=${this.handleKeyDown}
|
|
7
7
|
role="dialog"
|
|
8
8
|
tabindex="-1"
|
|
9
9
|
part="floating-minimized"
|
|
@@ -31,7 +31,7 @@
|
|
|
31
31
|
aria-label="${this.closeAriaLabel}"
|
|
32
32
|
circle
|
|
33
33
|
@click=${this.handleClose}
|
|
34
|
-
@keydown
|
|
34
|
+
@keydown=${this.handleKeyDownClose}
|
|
35
35
|
>
|
|
36
36
|
<md-icon name="cancel-bold" size="16" iconSet="momentumDesign"></md-icon>
|
|
37
37
|
</md-button>
|
|
@@ -9,12 +9,12 @@
|
|
|
9
9
|
aria-label=${(0,u.ifDefined)(this.label.length?this.label:void 0)}
|
|
10
10
|
type="button"
|
|
11
11
|
role="button"
|
|
12
|
-
@click
|
|
13
|
-
@keydown
|
|
14
|
-
@mouseenter
|
|
15
|
-
@mouseleave
|
|
16
|
-
@focus
|
|
17
|
-
@blur
|
|
12
|
+
@click=${this.handleMouseDown}
|
|
13
|
+
@keydown=${this.handleKeyDown}
|
|
14
|
+
@mouseenter=${this.handleMouseEnter}
|
|
15
|
+
@mouseleave=${this.handleMouseLeave}
|
|
16
|
+
@focus=${this.handleFocus}
|
|
17
|
+
@blur=${this.handleBlur}
|
|
18
18
|
>
|
|
19
19
|
<md-icon name="${this.iconName}" size="${this.iconSize}" iconSet="momentumDesign"></md-icon>
|
|
20
20
|
</button>
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
!function(t,e){if("object"==typeof exports&&"object"==typeof module)module.exports=e(require("lit"),require("lit/decorators.js"),require("lit/directives/class-map.js"),require("lit/directives/style-map.js"),require("lit/directives/if-defined.js"),require("@momentum-ui/icons/data/momentumUiIconsNames.json"),require("@momentum-ui/utils/lib/getColorValue"),require("mobx"));else if("function"==typeof define&&define.amd)define(["lit","lit/decorators.js","lit/directives/class-map.js","lit/directives/style-map.js","lit/directives/if-defined.js","@momentum-ui/icons/data/momentumUiIconsNames.json","@momentum-ui/utils/lib/getColorValue","mobx"],e);else{var i="object"==typeof exports?e(require("lit"),require("lit/decorators.js"),require("lit/directives/class-map.js"),require("lit/directives/style-map.js"),require("lit/directives/if-defined.js"),require("@momentum-ui/icons/data/momentumUiIconsNames.json"),require("@momentum-ui/utils/lib/getColorValue"),require("mobx")):e(t.lit,t["lit/decorators.js"],t["lit/directives/class-map.js"],t["lit/directives/style-map.js"],t["lit/directives/if-defined.js"],t["@momentum-ui/icons/data/momentumUiIconsNames.json"],t["@momentum-ui/utils/lib/getColorValue"],t.mobx);for(var o in i)("object"==typeof exports?exports:t)[o]=i[o]}}(self,(t,e,i,o,s,n,r,c)=>(()=>{"use strict";var a,l={10318:t=>{t.exports=o},20291:t=>{t.exports=s},32022:t=>{t.exports=n},60554:t=>{t.exports=r},61200:(t,e,i)=>{i.r(e),i.d(e,{Icon:()=>j,iconSet:()=>I,iconSize:()=>b,iconType:()=>S}),i(96798);var o=i(31890),s=i(4313),n=i(32022),r=i.n(n),c=i(60554),a=i.n(c),l=i(87161),
|
|
1
|
+
!function(t,e){if("object"==typeof exports&&"object"==typeof module)module.exports=e(require("lit"),require("lit/decorators.js"),require("lit/directives/class-map.js"),require("lit/directives/style-map.js"),require("lit/directives/if-defined.js"),require("@momentum-ui/icons/data/momentumUiIconsNames.json"),require("@momentum-ui/utils/lib/getColorValue"),require("mobx"));else if("function"==typeof define&&define.amd)define(["lit","lit/decorators.js","lit/directives/class-map.js","lit/directives/style-map.js","lit/directives/if-defined.js","@momentum-ui/icons/data/momentumUiIconsNames.json","@momentum-ui/utils/lib/getColorValue","mobx"],e);else{var i="object"==typeof exports?e(require("lit"),require("lit/decorators.js"),require("lit/directives/class-map.js"),require("lit/directives/style-map.js"),require("lit/directives/if-defined.js"),require("@momentum-ui/icons/data/momentumUiIconsNames.json"),require("@momentum-ui/utils/lib/getColorValue"),require("mobx")):e(t.lit,t["lit/decorators.js"],t["lit/directives/class-map.js"],t["lit/directives/style-map.js"],t["lit/directives/if-defined.js"],t["@momentum-ui/icons/data/momentumUiIconsNames.json"],t["@momentum-ui/utils/lib/getColorValue"],t.mobx);for(var o in i)("object"==typeof exports?exports:t)[o]=i[o]}}(self,(t,e,i,o,s,n,r,c)=>(()=>{"use strict";var a,l={10318:t=>{t.exports=o},20291:t=>{t.exports=s},32022:t=>{t.exports=n},60554:t=>{t.exports=r},61200:(t,e,i)=>{i.r(e),i.d(e,{Icon:()=>j,iconSet:()=>I,iconSize:()=>b,iconType:()=>S}),i(96798);var o=i(31890),s=i(4313),n=i(32022),r=i.n(n),c=i(60554),a=i.n(c),l=i(87161),m=i(70429),u=i(85125),d=i(20291),p=i(10318),h=i(57955),v=i(24480),g=i(81786),y=i(9223),f=function(t,e,i,o){var s,n=arguments.length,r=n<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--)(s=t[c])&&(r=(n<3?s(r):n>3?s(e,i,r):s(e,i))||r);return n>3&&r&&Object.defineProperty(e,i,r),r};const b=["14","16","18","20","28","36","56",14,16,18,20,28,36,56],S=["","white"],I=["momentumUI","preferMomentumDesign","momentumDesign","momentumBrandVisuals","svg"];var j;!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,s=function*(){var e,i;if(this.isSvgAlreadyLoaded(t))return;const o="momentumBrandVisuals"===this.iconSet||"svg"===this.iconSet?yield(0,y.Jp)(this.computedSvgPath,t,"svg"):yield(0,y.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,n){function r(t){try{a(s.next(t))}catch(t){n(t)}}function c(t){try{a(s.throw(t))}catch(t){n(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((s=s.apply(e,i||[])).next())});var e,i,o,s}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:g.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:a()(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)?"":r().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`
|
|
2
2
|
<i
|
|
3
3
|
part="icon"
|
|
4
4
|
id=${this.id}
|
|
5
|
-
class="md-icon icon ${(0,
|
|
5
|
+
class="md-icon icon ${(0,u.classMap)(this.iconClassMap)}"
|
|
6
6
|
style=${(0,p.styleMap)(this.iconStyleMap)}
|
|
7
7
|
role="img"
|
|
8
8
|
aria-label=${this.ariaLabel}
|
|
@@ -23,4 +23,4 @@
|
|
|
23
23
|
>
|
|
24
24
|
${this.svgIcon?this.svgIcon:l.nothing}
|
|
25
25
|
</div>
|
|
26
|
-
`}};i.designLookup=new Map(Object.entries(h)),f([(0,
|
|
26
|
+
`}};i.designLookup=new Map(Object.entries(h)),f([(0,m.property)({type:String})],i.prototype,"color",void 0),f([(0,m.property)({type:String})],i.prototype,"description",void 0),f([(0,m.property)({type:String})],i.prototype,"name",void 0),f([(0,m.property)({type:String})],i.prototype,"id",void 0),f([(0,m.property)({type:String})],i.prototype,"size",void 0),f([(0,m.property)({type:String})],i.prototype,"title",void 0),f([(0,m.property)({type:String})],i.prototype,"ariaHidden",void 0),f([(0,m.property)({type:String})],i.prototype,"type",void 0),f([(0,m.property)({type:Boolean})],i.prototype,"isActive",void 0),f([(0,m.property)({type:Boolean})],i.prototype,"isComboBoxIcon",void 0),f([(0,m.property)({type:Boolean})],i.prototype,"sizeOverrided",void 0),f([(0,m.property)({type:String})],i.prototype,"iconSet",void 0),f([(0,m.property)({type:String,attribute:"svg-url"})],i.prototype,"svgUrl",void 0),f([(0,m.state)()],i.prototype,"svgIcon",void 0),f([(0,m.property)({type:String})],i.prototype,"ariaLabel",null),i=e=f([(0,o.w)("md-icon")],i),t.ELEMENT=i}(j||(j={}))},70429:t=>{t.exports=e},85125:t=>{t.exports=i},85314:t=>{t.exports=c},87161:e=>{e.exports=t}},m={};function u(t){var e=m[t];if(void 0!==e)return e.exports;var i=m[t]={exports:{}};return l[t](i,i.exports,u),i.exports}u.m=l,a=[],u.O=(t,e,i,o)=>{if(!e){var s=1/0;for(l=0;l<a.length;l++){for(var[e,i,o]=a[l],n=!0,r=0;r<e.length;r++)(!1&o||s>=o)&&Object.keys(u.O).every(t=>u.O[t](e[r]))?e.splice(r--,1):(n=!1,o<s&&(s=o));if(n){a.splice(l--,1);var c=i();void 0!==c&&(t=c)}}return t}o=o||0;for(var l=a.length;l>0&&a[l-1][2]>o;l--)a[l]=a[l-1];a[l]=[e,i,o]},u.n=t=>{var e=t&&t.__esModule?()=>t.default:()=>t;return u.d(e,{a:e}),e},u.d=(t,e)=>{for(var i in e)u.o(e,i)&&!u.o(t,i)&&Object.defineProperty(t,i,{enumerable:!0,get:e[i]})},u.o=(t,e)=>Object.prototype.hasOwnProperty.call(t,e),u.r=t=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},(()=>{var t={1200:0,7927:0};u.O.j=e=>0===t[e];var e=(e,i)=>{var o,s,[n,r,c]=i,a=0;if(n.some(e=>0!==t[e])){for(o in r)u.o(r,o)&&(u.m[o]=r[o]);if(c)var l=c(u)}for(e&&e(i);a<n.length;a++)s=n[a],u.o(t,s)&&t[s]&&t[s][0](),t[s]=0;return u.O(l)},i=self["momentum-web-components-[id]"]=self["momentum-web-components-[id]"]||[];i.forEach(e.bind(null,0)),i.push=e.bind(null,i.push.bind(i))})();var d=u.O(void 0,[6633,1890,4313,510,6283,5087,2176,6798,6865,2576],()=>u(61200));return u.O(d)})());
|
|
@@ -108,7 +108,7 @@
|
|
|
108
108
|
secondaryLabel
|
|
109
109
|
.htmlFor=${this.htmlId}
|
|
110
110
|
.label=${this.secondaryLabel}
|
|
111
|
-
@label-click
|
|
111
|
+
@label-click=${()=>this.handleLabelClick()}
|
|
112
112
|
></md-label>
|
|
113
113
|
`:n.nothing}helpTextTemplate(){return this.helpText?n.html`
|
|
114
114
|
<md-help-text
|
|
@@ -132,7 +132,7 @@
|
|
|
132
132
|
class="md-input__label ${(0,d.classMap)({disabled:this.disabled,newMomentum:this.newMomentum})}"
|
|
133
133
|
.htmlFor=${this.htmlId}
|
|
134
134
|
.label=${this.label}
|
|
135
|
-
@label-click
|
|
135
|
+
@label-click=${()=>this.handleLabelClick()}
|
|
136
136
|
></md-label>
|
|
137
137
|
`:n.nothing}static get styles(){return[r.A,c.A]}render(){return n.html`
|
|
138
138
|
<div class="md-input-container ${(0,d.classMap)(this.inputClassMap)}" part="md-input-container">
|
|
@@ -1,9 +1,5 @@
|
|
|
1
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 o="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 r in o)("object"==typeof exports?exports:e)[r]=o[r]}}(self,(e,t,o)=>(()=>{"use strict";var r,i={6396:(e,t,o)=>{o.r(t),o.d(t,{Label:()=>r});var r,i=o(31890),l=o(4313),s=o(87161),a=o(70429),p=o(85125),n=o(31013),d=function(e,t,o,r){var i,l=arguments.length,s=l<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,o):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,o,r);else for(var a=e.length-1;a>=0;a--)(i=e[a])&&(s=(l<3?i(s):l>3?i(t,o,s):i(t,o))||s);return l>3&&s&&Object.defineProperty(t,o,s),s};!function(e){let t=class extends s.LitElement{constructor(){super(...arguments),this.label="",this.theme="",this.radioLabel=!1,this.checkboxLabel=!1,this.toggleSwitchLabel=!1,this.htmlFor="",this.active=!1,this.disabled=!1,this.indeterminate=!1,this.secondaryLabel=!1}static get styles(){return[l.A,n.A]}setFocus(){this.dispatchEvent(new CustomEvent("setFocus"))}get labelClassMap(){return{[`md-label--${this.theme}`]:!!this.theme,"md-radio__label":this.radioLabel,"md-checkbox__label":this.checkboxLabel,"md-secondary-label":this.secondaryLabel,active:this.active,disabled:this.disabled,indeterminate:this.indeterminate}}handleClick(){this.setFocus(),this.dispatchEvent(new CustomEvent("label-click",{composed:!0,bubbles:!0,detail:{htmlFor:this.htmlFor}}))}render(){return s.html`
|
|
2
|
-
<label
|
|
3
|
-
@click="${()=>this.handleClick()}"
|
|
4
|
-
class="md-label ${(0,p.classMap)(this.labelClassMap)}"
|
|
5
|
-
for="${this.htmlFor}"
|
|
6
|
-
>
|
|
2
|
+
<label @click=${this.handleClick} class="md-label ${(0,p.classMap)(this.labelClassMap)}" for="${this.htmlFor}">
|
|
7
3
|
${this.label?s.html` <span>${this.label}</span> `:s.html` <slot></slot> `}
|
|
8
4
|
</label>
|
|
9
5
|
`}};d([(0,a.property)({type:String})],t.prototype,"label",void 0),d([(0,a.property)({type:String})],t.prototype,"theme",void 0),d([(0,a.property)({type:Boolean})],t.prototype,"radioLabel",void 0),d([(0,a.property)({type:Boolean})],t.prototype,"checkboxLabel",void 0),d([(0,a.property)({type:Boolean})],t.prototype,"toggleSwitchLabel",void 0),d([(0,a.property)({type:String})],t.prototype,"htmlFor",void 0),d([(0,a.property)({type:Boolean})],t.prototype,"active",void 0),d([(0,a.property)({type:Boolean})],t.prototype,"disabled",void 0),d([(0,a.property)({type:Boolean})],t.prototype,"indeterminate",void 0),d([(0,a.property)({type:Boolean})],t.prototype,"secondaryLabel",void 0),t=d([(0,i.w)("md-label")],t),e.ELEMENT=t}(r||(r={}))},70429:e=>{e.exports=t},85125:e=>{e.exports=o},87161:t=>{t.exports=e}},l={};function s(e){var t=l[e];if(void 0!==t)return t.exports;var o=l[e]={exports:{}};return i[e](o,o.exports,s),o.exports}s.m=i,r=[],s.O=(e,t,o,i)=>{if(!t){var l=1/0;for(d=0;d<r.length;d++){for(var[t,o,i]=r[d],a=!0,p=0;p<t.length;p++)(!1&i||l>=i)&&Object.keys(s.O).every(e=>s.O[e](t[p]))?t.splice(p--,1):(a=!1,i<l&&(l=i));if(a){r.splice(d--,1);var n=o();void 0!==n&&(e=n)}}return e}i=i||0;for(var d=r.length;d>0&&r[d-1][2]>i;d--)r[d]=r[d-1];r[d]=[t,o,i]},s.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return s.d(t,{a:t}),t},s.d=(e,t)=>{for(var o in t)s.o(t,o)&&!s.o(e,o)&&Object.defineProperty(e,o,{enumerable:!0,get:t[o]})},s.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),s.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},(()=>{var e={4928:0,6396:0};s.O.j=t=>0===e[t];var t=(t,o)=>{var r,i,[l,a,p]=o,n=0;if(l.some(t=>0!==e[t])){for(r in a)s.o(a,r)&&(s.m[r]=a[r]);if(p)var d=p(s)}for(t&&t(o);n<l.length;n++)i=l[n],s.o(e,i)&&e[i]&&e[i][0](),e[i]=0;return s.O(d)},o=self["momentum-web-components-[id]"]=self["momentum-web-components-[id]"]||[];o.forEach(t.bind(null,0)),o.push=t.bind(null,o.push.bind(o))})();var a=s.O(void 0,[1890,4313,1013],()=>s(6396));return s.O(a)})());
|
|
@@ -9,7 +9,7 @@
|
|
|
9
9
|
`}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),e.has("isOpen")&&(this.isOpen?(this.activateFocusTrap(),document.addEventListener("menu-item-click",this.handleTriggerClick)):(this.deactivateFocusTrap(),document.removeEventListener("menu-item-click",this.handleTriggerClick))),e.has("showArrow")&&this.arrow&&this.arrow.toggleAttribute("data-show",this.showArrow)}updated(e){super.updated(e),e.has("isOpen")&&(this.isOpen?(this.dispatchMenuOpen(),requestAnimationFrame(()=>{document.addEventListener("click",this.handleOutsideOverlayClick)}),this.updateTriggerElementAriaExpanded()):(this.dispatchMenuClose(),document.removeEventListener("click",this.handleOutsideOverlayClick),this.updateTriggerElementAriaExpanded()))}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)}static get styles(){return[b.A]}render(){return f.html`
|
|
10
10
|
${this.getStyles()}
|
|
11
11
|
<div class="md-menu-overlay">
|
|
12
|
-
<slot @slotchange
|
|
12
|
+
<slot @slotchange=${this.handleTriggerSlotChange} name="menu-trigger"></slot>
|
|
13
13
|
<div
|
|
14
14
|
part="overlay"
|
|
15
15
|
class="overlay-container"
|
|
@@ -5,8 +5,8 @@
|
|
|
5
5
|
size="20"
|
|
6
6
|
circle
|
|
7
7
|
class="md-close md-modal__close"
|
|
8
|
-
@click
|
|
9
|
-
@keydown
|
|
8
|
+
@click=${this.hideModal}
|
|
9
|
+
@keydown=${this.handleKeyDown}
|
|
10
10
|
ariaLabel=${this.ariaLabelClose}
|
|
11
11
|
>
|
|
12
12
|
<md-icon name="cancel-bold" size="16" iconSet="momentumDesign"></md-icon>
|
|
@@ -29,8 +29,8 @@
|
|
|
29
29
|
<div part="modal-footer" class="md-modal__footer">
|
|
30
30
|
<md-button
|
|
31
31
|
aria-label=${this.ariaLabelCancel}
|
|
32
|
-
@click
|
|
33
|
-
@keydown
|
|
32
|
+
@click=${this.handleFooterClick}
|
|
33
|
+
@keydown=${this.handleKeyDown}
|
|
34
34
|
variant="secondary"
|
|
35
35
|
>
|
|
36
36
|
<span>Cancel</span>
|
|
@@ -39,8 +39,8 @@
|
|
|
39
39
|
type="submit"
|
|
40
40
|
variant="primary"
|
|
41
41
|
aria-label=${this.ariaLabelSubmit}
|
|
42
|
-
@click
|
|
43
|
-
@keydown
|
|
42
|
+
@click=${this.handleFooterClick}
|
|
43
|
+
@keydown=${this.handleKeyDown}
|
|
44
44
|
>
|
|
45
45
|
<span>${this.closeBtnName}</span>
|
|
46
46
|
</md-button>
|
|
@@ -48,7 +48,7 @@
|
|
|
48
48
|
`}get modalBackDropClassMap(){return{in:this.show&&this.animating}}get modalContainerClassMap(){return{in:this.show,[`md-modal--${this.size}`]:!!this.size,[`md-modal--${this.computedAlignment}`]:!!this.computedAlignment}}render(){return l.html`
|
|
49
49
|
${this.show?l.html`
|
|
50
50
|
<div part="modal-backdrop" class="md-modal__backdrop fade ${(0,p.classMap)(this.modalBackDropClassMap)}">
|
|
51
|
-
${this.backdropClickExit?l.html` <div class="md-modal_overlay" @click
|
|
51
|
+
${this.backdropClickExit?l.html` <div class="md-modal_overlay" @click=${this.handleCloseBackdrop}></div> `:l.nothing}
|
|
52
52
|
|
|
53
53
|
<div
|
|
54
54
|
part="modal-container"
|
|
@@ -27,7 +27,7 @@
|
|
|
27
27
|
ariaLabel=${this.ariaLabel}
|
|
28
28
|
placeholder="${this.codePlaceholder}"
|
|
29
29
|
.value="${this.countryCallingCode?[this.getFormatedCountryCallingCode()]:[]}"
|
|
30
|
-
@change-selected
|
|
30
|
+
@change-selected=${e=>this.handleCountryChange(e)}
|
|
31
31
|
with-custom-content
|
|
32
32
|
?newMomentum=${this.newMomentum}
|
|
33
33
|
?is-dropdown-arrow=${this.isDropdownArrow}
|
|
@@ -47,7 +47,7 @@
|
|
|
47
47
|
ariaLabel=${this.countryCodeAriaLabel}
|
|
48
48
|
codePlaceholder="${this.codePlaceholder}"
|
|
49
49
|
.countryCallingCode="${this.countryCallingCode}"
|
|
50
|
-
@country-code-changed
|
|
50
|
+
@country-code-changed=${e=>this.handleCountryChange(e)}
|
|
51
51
|
?newMomentum=${this.newMomentum}
|
|
52
52
|
?isDropdownArrow=${!0}
|
|
53
53
|
.clearAriaLabel="${this.clearCountryCodeAriaLabel}"
|
|
@@ -59,9 +59,9 @@
|
|
|
59
59
|
placeholder=${this.numberPlaceholder}
|
|
60
60
|
.ariaInvalid=${this.isValid?"false":"true"}
|
|
61
61
|
.ariaLabel=${`${this.dialNumberAriaLabel}`}
|
|
62
|
-
@input-change
|
|
63
|
-
@input-blur
|
|
64
|
-
@input-keydown
|
|
62
|
+
@input-change=${e=>this.handlePhoneChange(e)}
|
|
63
|
+
@input-blur=${e=>this.handleBlur(e)}
|
|
64
|
+
@input-keydown=${e=>this.handleKeydown(e)}
|
|
65
65
|
shape="${this.pill?"pill":"none"}"
|
|
66
66
|
.ariaControls=${this.id}
|
|
67
67
|
clear
|