@momentum-ui/web-components 2.20.0 → 2.21.0-dev
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 +2 -2
- package/dist/4367.js +1 -1
- package/dist/6248.js +1 -1
- package/dist/6283.js +1 -0
- package/dist/6652.js +1 -1
- package/dist/76.js +1 -1
- package/dist/9058.js +1 -1
- package/dist/{6875.js → 9217.js} +1 -1
- package/dist/comp/md-accordion-item-entry.js +2 -2
- package/dist/comp/md-accordion-item.js +1 -1
- package/dist/comp/md-activity-button-entry.js +2 -2
- package/dist/comp/md-activity-button.js +1 -1
- package/dist/comp/md-alert-banner-entry.js +5 -5
- package/dist/comp/md-alert-banner.js +1 -1
- package/dist/comp/md-alert-entry.js +29 -29
- package/dist/comp/md-alert.js +1 -1
- package/dist/comp/md-audio-player-entry.js +4 -4
- package/dist/comp/md-audio-player.js +1 -1
- package/dist/comp/md-avatar-entry.js +2 -2
- package/dist/comp/md-avatar.js +1 -1
- package/dist/comp/md-button-entry.js +1 -1
- package/dist/comp/md-button.js +1 -1
- package/dist/comp/md-card-ai-entry.js +4 -4
- package/dist/comp/md-card-ai.js +1 -1
- package/dist/comp/md-card-entry.js +5 -5
- package/dist/comp/md-card-v2-entry.js +6 -6
- package/dist/comp/md-card-v2.js +1 -1
- package/dist/comp/md-card.js +1 -1
- package/dist/comp/md-chat-message-entry.js +2 -2
- package/dist/comp/md-chat-message.js +1 -1
- package/dist/comp/md-coachmark-entry.js +1 -1
- package/dist/comp/md-coachmark-popover-entry.js +3 -3
- package/dist/comp/md-coachmark-popover.js +1 -1
- package/dist/comp/md-coachmark.js +1 -1
- package/dist/comp/md-combobox-entry.js +2 -2
- package/dist/comp/md-combobox.js +1 -1
- package/dist/comp/md-date-range-picker-entry.js +1 -1
- package/dist/comp/md-date-range-picker.js +1 -1
- package/dist/comp/md-date-time-picker-entry.js +2 -2
- package/dist/comp/md-date-time-picker.js +1 -1
- package/dist/comp/md-datepicker-calendar-entry.js +9 -9
- package/dist/comp/md-datepicker-calendar.js +1 -1
- package/dist/comp/md-datepicker-day-entry.js +1 -1
- package/dist/comp/md-datepicker-day.js +1 -1
- package/dist/comp/md-datepicker-entry.js +2 -2
- package/dist/comp/md-datepicker-month-entry.js +1 -1
- package/dist/comp/md-datepicker-month.js +1 -1
- package/dist/comp/md-datepicker-week-entry.js +1 -1
- package/dist/comp/md-datepicker-week.js +1 -1
- package/dist/comp/md-datepicker.js +1 -1
- package/dist/comp/md-dropdown-entry.js +2 -2
- package/dist/comp/md-dropdown.js +1 -1
- package/dist/comp/md-editable-field-entry.js +3 -3
- package/dist/comp/md-editable-field.js +1 -1
- package/dist/comp/md-favorite-entry.js +2 -2
- package/dist/comp/md-favorite.js +1 -1
- package/dist/comp/md-floating-minimize-entry.js +5 -5
- package/dist/comp/md-floating-minimize.js +1 -1
- package/dist/comp/md-floating-modal-entry.js +3 -3
- package/dist/comp/md-floating-modal.js +1 -1
- package/dist/comp/md-grabber-entry.js +2 -2
- package/dist/comp/md-grabber.js +1 -1
- package/dist/comp/md-icon-entry.js +2 -2
- package/dist/comp/md-icon.js +1 -1
- package/dist/comp/md-inpu.js +1 -1
- package/dist/comp/md-input-entry.js +2 -2
- package/dist/comp/md-input-file.js +1 -1
- package/dist/comp/md-input.js +1 -1
- package/dist/comp/md-meeting-alert-entry.js +11 -11
- package/dist/comp/md-meeting-alert.js +1 -1
- package/dist/comp/md-menu-overlay-entry.js +5 -5
- package/dist/comp/md-menu-overlay.js +1 -1
- package/dist/comp/md-modal-entry.js +2 -2
- package/dist/comp/md-modal.js +1 -1
- package/dist/comp/md-pagination-entry.js +9 -9
- package/dist/comp/md-pagination.js +1 -1
- package/dist/comp/md-phone-input-entry.js +4 -4
- package/dist/comp/md-phone-input.js +1 -1
- package/dist/comp/md-popover-entry.js +6 -6
- package/dist/comp/md-popover.js +1 -1
- package/dist/comp/md-tab-entry.js +12 -18
- package/dist/comp/md-tab-panel-entry.js +1 -1
- package/dist/comp/md-tab.js +1 -1
- package/dist/comp/md-table-advanced-entry.js +5 -5
- package/dist/comp/md-table-advanced.js +1 -1
- package/dist/comp/md-table-entry.js +2 -2
- package/dist/comp/md-table.js +1 -1
- package/dist/comp/md-tabs-entry.js +94 -95
- package/dist/comp/md-tabs.js +1 -1
- package/dist/comp/md-task-item-entry.js +8 -8
- package/dist/comp/md-task-item.js +1 -1
- package/dist/comp/md-timepicker-entry.js +2 -2
- package/dist/comp/md-timepicker.js +1 -1
- package/dist/index-entry.js +127 -128
- package/dist/index.js +1 -1
- package/dist/types/components/combobox/ComboBox.d.ts +1 -1
- package/dist/types/components/icon/Icon.d.ts +1 -0
- package/dist/types/components/menu-overlay/MenuOverlay.d.ts +1 -0
- package/dist/types/components/tabs/Tab.d.ts +6 -2
- package/dist/types/components/tabs/TabPanel.d.ts +1 -0
- package/dist/types/components/tabs/Tabs.d.ts +7 -2
- package/dist/types/utils/helpers.d.ts +1 -0
- package/package.json +4 -5
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
!function(s,e){if("object"==typeof exports&&"object"==typeof module)module.exports=e(require("lit-element"),require("lit-html/directives/style-map"),require("lit-html"),require("lit-html/directives/class-map"),require("lit-html/directives/if-defined"),require("@momentum-ui/icons/data/momentumUiIconsNames.json"),require("@momentum-ui/utils/lib/getColorValue"),require("@momentum-design/brand-visuals/dist/logos/svg/
|
|
1
|
+
!function(s,e){if("object"==typeof exports&&"object"==typeof module)module.exports=e(require("lit-element"),require("lit-html/directives/style-map"),require("lit-html"),require("lit-html/directives/class-map"),require("lit-html/directives/if-defined"),require("@momentum-ui/icons/data/momentumUiIconsNames.json"),require("@momentum-ui/utils/lib/getColorValue"),require("@momentum-design/brand-visuals/dist/logos/svg/webex-app-icon-color-container.svg"),require("@momentum-design/brand-visuals/dist/logos/svg/social-x.svg"),require("@momentum-design/brand-visuals/dist/logos/svg/social-whatsapp-color.svg"),require("@momentum-design/brand-visuals/dist/logos/svg/social-wechat-color.svg"),require("@momentum-design/brand-visuals/dist/logos/svg/social-viber-color.svg"),require("@momentum-design/brand-visuals/dist/logos/svg/social-telegram-color.svg"),require("@momentum-design/brand-visuals/dist/logos/svg/social-rcs-color.svg"),require("@momentum-design/brand-visuals/dist/logos/svg/social-microsoft-color.svg"),require("@momentum-design/brand-visuals/dist/logos/svg/social-line-color.svg"),require("@momentum-design/brand-visuals/dist/logos/svg/social-fbmessenger-color.svg"),require("@momentum-design/brand-visuals/dist/logos/svg/social-facebook-color.svg"),require("@momentum-design/brand-visuals/dist/logos/svg/social-alexa-color.svg"),require("@momentum-design/brand-visuals/dist/logos/svg/cisco-ai-assistant-color.svg"),require("@momentum-design/brand-visuals/dist/logos/svg/apple-business-chat-color.svg"));else if("function"==typeof define&&define.amd)define(["lit-element","lit-html/directives/style-map","lit-html","lit-html/directives/class-map","lit-html/directives/if-defined","@momentum-ui/icons/data/momentumUiIconsNames.json","@momentum-ui/utils/lib/getColorValue","@momentum-design/brand-visuals/dist/logos/svg/webex-app-icon-color-container.svg","@momentum-design/brand-visuals/dist/logos/svg/social-x.svg","@momentum-design/brand-visuals/dist/logos/svg/social-whatsapp-color.svg","@momentum-design/brand-visuals/dist/logos/svg/social-wechat-color.svg","@momentum-design/brand-visuals/dist/logos/svg/social-viber-color.svg","@momentum-design/brand-visuals/dist/logos/svg/social-telegram-color.svg","@momentum-design/brand-visuals/dist/logos/svg/social-rcs-color.svg","@momentum-design/brand-visuals/dist/logos/svg/social-microsoft-color.svg","@momentum-design/brand-visuals/dist/logos/svg/social-line-color.svg","@momentum-design/brand-visuals/dist/logos/svg/social-fbmessenger-color.svg","@momentum-design/brand-visuals/dist/logos/svg/social-facebook-color.svg","@momentum-design/brand-visuals/dist/logos/svg/social-alexa-color.svg","@momentum-design/brand-visuals/dist/logos/svg/cisco-ai-assistant-color.svg","@momentum-design/brand-visuals/dist/logos/svg/apple-business-chat-color.svg"],e);else{var o="object"==typeof exports?e(require("lit-element"),require("lit-html/directives/style-map"),require("lit-html"),require("lit-html/directives/class-map"),require("lit-html/directives/if-defined"),require("@momentum-ui/icons/data/momentumUiIconsNames.json"),require("@momentum-ui/utils/lib/getColorValue"),require("@momentum-design/brand-visuals/dist/logos/svg/webex-app-icon-color-container.svg"),require("@momentum-design/brand-visuals/dist/logos/svg/social-x.svg"),require("@momentum-design/brand-visuals/dist/logos/svg/social-whatsapp-color.svg"),require("@momentum-design/brand-visuals/dist/logos/svg/social-wechat-color.svg"),require("@momentum-design/brand-visuals/dist/logos/svg/social-viber-color.svg"),require("@momentum-design/brand-visuals/dist/logos/svg/social-telegram-color.svg"),require("@momentum-design/brand-visuals/dist/logos/svg/social-rcs-color.svg"),require("@momentum-design/brand-visuals/dist/logos/svg/social-microsoft-color.svg"),require("@momentum-design/brand-visuals/dist/logos/svg/social-line-color.svg"),require("@momentum-design/brand-visuals/dist/logos/svg/social-fbmessenger-color.svg"),require("@momentum-design/brand-visuals/dist/logos/svg/social-facebook-color.svg"),require("@momentum-design/brand-visuals/dist/logos/svg/social-alexa-color.svg"),require("@momentum-design/brand-visuals/dist/logos/svg/cisco-ai-assistant-color.svg"),require("@momentum-design/brand-visuals/dist/logos/svg/apple-business-chat-color.svg")):e(s["lit-element"],s["lit-html/directives/style-map"],s["lit-html"],s["lit-html/directives/class-map"],s["lit-html/directives/if-defined"],s["@momentum-ui/icons/data/momentumUiIconsNames.json"],s["@momentum-ui/utils/lib/getColorValue"],s["@momentum-design/brand-visuals/dist/logos/svg/webex-app-icon-color-container.svg"],s["@momentum-design/brand-visuals/dist/logos/svg/social-x.svg"],s["@momentum-design/brand-visuals/dist/logos/svg/social-whatsapp-color.svg"],s["@momentum-design/brand-visuals/dist/logos/svg/social-wechat-color.svg"],s["@momentum-design/brand-visuals/dist/logos/svg/social-viber-color.svg"],s["@momentum-design/brand-visuals/dist/logos/svg/social-telegram-color.svg"],s["@momentum-design/brand-visuals/dist/logos/svg/social-rcs-color.svg"],s["@momentum-design/brand-visuals/dist/logos/svg/social-microsoft-color.svg"],s["@momentum-design/brand-visuals/dist/logos/svg/social-line-color.svg"],s["@momentum-design/brand-visuals/dist/logos/svg/social-fbmessenger-color.svg"],s["@momentum-design/brand-visuals/dist/logos/svg/social-facebook-color.svg"],s["@momentum-design/brand-visuals/dist/logos/svg/social-alexa-color.svg"],s["@momentum-design/brand-visuals/dist/logos/svg/cisco-ai-assistant-color.svg"],s["@momentum-design/brand-visuals/dist/logos/svg/apple-business-chat-color.svg"]);for(var i in o)("object"==typeof exports?exports:s)[i]=o[i]}}(self,((s,e,o,i,t,r,l,n,a,m,g,d,u,c,v,p,b,f,h,y,x)=>(()=>{"use strict";var q,O,j,w={8229:s=>{s.exports=e},8827:s=>{s.exports=f},9614:s=>{s.exports=b},15553:s=>{s.exports=c},17874:s=>{s.exports=y},23035:s=>{s.exports=x},23968:s=>{s.exports=i},32022:s=>{s.exports=r},32325:s=>{s.exports=g},40333:s=>{s.exports=o},41392:s=>{s.exports=d},41488:e=>{e.exports=s},46180:s=>{s.exports=n},60554:s=>{s.exports=l},63830:s=>{s.exports=h},70369:s=>{s.exports=v},81187:s=>{s.exports=a},87344:s=>{s.exports=u},88069:s=>{s.exports=m},92033:s=>{s.exports=p},94891:(s,e,o)=>{o.r(e),o.d(e,{ActivityButton:()=>g,activityButtonSize:()=>a,activityButtonType:()=>m});var i=o(26272),t=o(31890),r=o(41488),l=(o(96798),o(61200),o(73940)),n=function(s,e,o,i){var t,r=arguments.length,l=r<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)l=Reflect.decorate(s,e,o,i);else for(var n=s.length-1;n>=0;n--)(t=s[n])&&(l=(r<3?t(l):r>3?t(e,o,l):t(e,o))||l);return r>3&&l&&Object.defineProperty(e,o,l),l};const a=["56","68","84",56,68,84],m=["chat","camera","contact-card","meetings","whiteboard","files","share-screen","tasks"];var g;!function(s){let e=class extends r.LitElement{constructor(){super(...arguments),this.ariaLabel="",this.disabled=!1,this.label="",this.size="68",this._type="chat"}get type(){return this._type}set type(s){const e=this.type;m.includes(s)?this._type=s:this._type="chat",this.requestUpdate("type",e)}get buttonToIconSizeMapping(){return{56:"24",68:"28",84:"36"}}get formatClass(){return{"md-activity":!0,[`md-activity__${this.type}`]:this.type}}static get styles(){return[i.A,l.A]}render(){return r.html`
|
|
2
2
|
<md-button
|
|
3
3
|
aria-label=${this.ariaLabel}
|
|
4
4
|
circle
|
|
@@ -10,4 +10,4 @@
|
|
|
10
10
|
>
|
|
11
11
|
<md-icon name=${`icon-${this.type}_${this.buttonToIconSizeMapping[this.size]}`}></md-icon>
|
|
12
12
|
</md-button>
|
|
13
|
-
`}};n([(0,r.property)({type:String})],e.prototype,"ariaLabel",void 0),n([(0,r.property)({type:Boolean})],e.prototype,"disabled",void 0),n([(0,r.property)({type:String})],e.prototype,"label",void 0),n([(0,r.property)({type:String})],e.prototype,"size",void 0),n([(0,r.property)({type:String})],e.prototype,"type",null),e=n([(0,t.w)("md-activity-button")],e),s.ELEMENT=e}(g||(g={}))},97822:s=>{s.exports=t}},
|
|
13
|
+
`}};n([(0,r.property)({type:String})],e.prototype,"ariaLabel",void 0),n([(0,r.property)({type:Boolean})],e.prototype,"disabled",void 0),n([(0,r.property)({type:String})],e.prototype,"label",void 0),n([(0,r.property)({type:String})],e.prototype,"size",void 0),n([(0,r.property)({type:String})],e.prototype,"type",null),e=n([(0,t.w)("md-activity-button")],e),s.ELEMENT=e}(g||(g={}))},97822:s=>{s.exports=t}},_={};function S(s){var e=_[s];if(void 0!==e)return e.exports;var o=_[s]={exports:{}};return w[s](o,o.exports,S),o.exports}S.m=w,q=[],S.O=(s,e,o,i)=>{if(!e){var t=1/0;for(a=0;a<q.length;a++){for(var[e,o,i]=q[a],r=!0,l=0;l<e.length;l++)(!1&i||t>=i)&&Object.keys(S.O).every((s=>S.O[s](e[l])))?e.splice(l--,1):(r=!1,i<t&&(t=i));if(r){q.splice(a--,1);var n=o();void 0!==n&&(s=n)}}return s}i=i||0;for(var a=q.length;a>0&&q[a-1][2]>i;a--)q[a]=q[a-1];q[a]=[e,o,i]},S.n=s=>{var e=s&&s.__esModule?()=>s.default:()=>s;return S.d(e,{a:e}),e},j=Object.getPrototypeOf?s=>Object.getPrototypeOf(s):s=>s.__proto__,S.t=function(s,e){if(1&e&&(s=this(s)),8&e)return s;if("object"==typeof s&&s){if(4&e&&s.__esModule)return s;if(16&e&&"function"==typeof s.then)return s}var o=Object.create(null);S.r(o);var i={};O=O||[null,j({}),j([]),j(j)];for(var t=2&e&&s;"object"==typeof t&&!~O.indexOf(t);t=j(t))Object.getOwnPropertyNames(t).forEach((e=>i[e]=()=>s[e]));return i.default=()=>s,S.d(o,i),o},S.d=(s,e)=>{for(var o in e)S.o(e,o)&&!S.o(s,o)&&Object.defineProperty(s,o,{enumerable:!0,get:e[o]})},S.o=(s,e)=>Object.prototype.hasOwnProperty.call(s,e),S.r=s=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(s,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(s,"__esModule",{value:!0})},(()=>{var s={2434:0};S.O.j=e=>0===s[e];var e=(e,o)=>{var i,t,[r,l,n]=o,a=0;if(r.some((e=>0!==s[e]))){for(i in l)S.o(l,i)&&(S.m[i]=l[i]);if(n)var m=n(S)}for(e&&e(o);a<r.length;a++)t=r[a],S.o(s,t)&&s[t]&&s[t][0](),s[t]=0;return S.O(m)},o=self["momentum-web-components-[id]"]=self["momentum-web-components-[id]"]||[];o.forEach(e.bind(null,0)),o.push=e.bind(null,o.push.bind(o))})();var $=S.O(void 0,[4367,1890,6272,6325,6283,9217,2176,6798,6248,1200,2576],(()=>S(94891)));return S.O($)})()));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
require("../4367"),require("../1890"),require("../6272"),require("../6325"),require("../
|
|
1
|
+
require("../4367"),require("../1890"),require("../6272"),require("../6325"),require("../6283"),require("../9217"),require("../2176"),require("../6798"),require("../6248"),require("../1200"),require("../2576"),module.exports=require("../comp/md-activity-button-entry");
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
!function(s
|
|
1
|
+
!function(e,s){if("object"==typeof exports&&"object"==typeof module)module.exports=s(require("lit-element"),require("lit-html/directives/style-map"),require("lit-html"),require("lit-html/directives/class-map"),require("lit-html/directives/if-defined"),require("@momentum-ui/icons/data/momentumUiIconsNames.json"),require("@momentum-ui/utils/lib/getColorValue"),require("lit-html/directives/class-map.js"),require("@momentum-design/brand-visuals/dist/logos/svg/webex-app-icon-color-container.svg"),require("@momentum-design/brand-visuals/dist/logos/svg/social-x.svg"),require("@momentum-design/brand-visuals/dist/logos/svg/social-whatsapp-color.svg"),require("@momentum-design/brand-visuals/dist/logos/svg/social-wechat-color.svg"),require("@momentum-design/brand-visuals/dist/logos/svg/social-viber-color.svg"),require("@momentum-design/brand-visuals/dist/logos/svg/social-telegram-color.svg"),require("@momentum-design/brand-visuals/dist/logos/svg/social-rcs-color.svg"),require("@momentum-design/brand-visuals/dist/logos/svg/social-microsoft-color.svg"),require("@momentum-design/brand-visuals/dist/logos/svg/social-line-color.svg"),require("@momentum-design/brand-visuals/dist/logos/svg/social-fbmessenger-color.svg"),require("@momentum-design/brand-visuals/dist/logos/svg/social-facebook-color.svg"),require("@momentum-design/brand-visuals/dist/logos/svg/social-alexa-color.svg"),require("@momentum-design/brand-visuals/dist/logos/svg/cisco-ai-assistant-color.svg"),require("@momentum-design/brand-visuals/dist/logos/svg/apple-business-chat-color.svg"));else if("function"==typeof define&&define.amd)define(["lit-element","lit-html/directives/style-map","lit-html","lit-html/directives/class-map","lit-html/directives/if-defined","@momentum-ui/icons/data/momentumUiIconsNames.json","@momentum-ui/utils/lib/getColorValue","lit-html/directives/class-map.js","@momentum-design/brand-visuals/dist/logos/svg/webex-app-icon-color-container.svg","@momentum-design/brand-visuals/dist/logos/svg/social-x.svg","@momentum-design/brand-visuals/dist/logos/svg/social-whatsapp-color.svg","@momentum-design/brand-visuals/dist/logos/svg/social-wechat-color.svg","@momentum-design/brand-visuals/dist/logos/svg/social-viber-color.svg","@momentum-design/brand-visuals/dist/logos/svg/social-telegram-color.svg","@momentum-design/brand-visuals/dist/logos/svg/social-rcs-color.svg","@momentum-design/brand-visuals/dist/logos/svg/social-microsoft-color.svg","@momentum-design/brand-visuals/dist/logos/svg/social-line-color.svg","@momentum-design/brand-visuals/dist/logos/svg/social-fbmessenger-color.svg","@momentum-design/brand-visuals/dist/logos/svg/social-facebook-color.svg","@momentum-design/brand-visuals/dist/logos/svg/social-alexa-color.svg","@momentum-design/brand-visuals/dist/logos/svg/cisco-ai-assistant-color.svg","@momentum-design/brand-visuals/dist/logos/svg/apple-business-chat-color.svg"],s);else{var o="object"==typeof exports?s(require("lit-element"),require("lit-html/directives/style-map"),require("lit-html"),require("lit-html/directives/class-map"),require("lit-html/directives/if-defined"),require("@momentum-ui/icons/data/momentumUiIconsNames.json"),require("@momentum-ui/utils/lib/getColorValue"),require("lit-html/directives/class-map.js"),require("@momentum-design/brand-visuals/dist/logos/svg/webex-app-icon-color-container.svg"),require("@momentum-design/brand-visuals/dist/logos/svg/social-x.svg"),require("@momentum-design/brand-visuals/dist/logos/svg/social-whatsapp-color.svg"),require("@momentum-design/brand-visuals/dist/logos/svg/social-wechat-color.svg"),require("@momentum-design/brand-visuals/dist/logos/svg/social-viber-color.svg"),require("@momentum-design/brand-visuals/dist/logos/svg/social-telegram-color.svg"),require("@momentum-design/brand-visuals/dist/logos/svg/social-rcs-color.svg"),require("@momentum-design/brand-visuals/dist/logos/svg/social-microsoft-color.svg"),require("@momentum-design/brand-visuals/dist/logos/svg/social-line-color.svg"),require("@momentum-design/brand-visuals/dist/logos/svg/social-fbmessenger-color.svg"),require("@momentum-design/brand-visuals/dist/logos/svg/social-facebook-color.svg"),require("@momentum-design/brand-visuals/dist/logos/svg/social-alexa-color.svg"),require("@momentum-design/brand-visuals/dist/logos/svg/cisco-ai-assistant-color.svg"),require("@momentum-design/brand-visuals/dist/logos/svg/apple-business-chat-color.svg")):s(e["lit-element"],e["lit-html/directives/style-map"],e["lit-html"],e["lit-html/directives/class-map"],e["lit-html/directives/if-defined"],e["@momentum-ui/icons/data/momentumUiIconsNames.json"],e["@momentum-ui/utils/lib/getColorValue"],e["lit-html/directives/class-map.js"],e["@momentum-design/brand-visuals/dist/logos/svg/webex-app-icon-color-container.svg"],e["@momentum-design/brand-visuals/dist/logos/svg/social-x.svg"],e["@momentum-design/brand-visuals/dist/logos/svg/social-whatsapp-color.svg"],e["@momentum-design/brand-visuals/dist/logos/svg/social-wechat-color.svg"],e["@momentum-design/brand-visuals/dist/logos/svg/social-viber-color.svg"],e["@momentum-design/brand-visuals/dist/logos/svg/social-telegram-color.svg"],e["@momentum-design/brand-visuals/dist/logos/svg/social-rcs-color.svg"],e["@momentum-design/brand-visuals/dist/logos/svg/social-microsoft-color.svg"],e["@momentum-design/brand-visuals/dist/logos/svg/social-line-color.svg"],e["@momentum-design/brand-visuals/dist/logos/svg/social-fbmessenger-color.svg"],e["@momentum-design/brand-visuals/dist/logos/svg/social-facebook-color.svg"],e["@momentum-design/brand-visuals/dist/logos/svg/social-alexa-color.svg"],e["@momentum-design/brand-visuals/dist/logos/svg/cisco-ai-assistant-color.svg"],e["@momentum-design/brand-visuals/dist/logos/svg/apple-business-chat-color.svg"]);for(var t in o)("object"==typeof exports?exports:e)[t]=o[t]}}(self,((e,s,o,t,i,r,l,n,a,m,g,d,c,u,v,p,b,h,f,y,x,q)=>(()=>{"use strict";var w,j,B,O={8229:e=>{e.exports=s},8827:e=>{e.exports=f},9614:e=>{e.exports=h},15553:e=>{e.exports=v},17518:e=>{e.exports=n},17874:e=>{e.exports=x},19479:(e,s,o)=>{o.r(s),o.d(s,{AlertBanner:()=>u,alertBannerAlignment:()=>c,alertBannerType:()=>d}),o(96798),o(61200);var t=o(31890),i=o(26283),r=o(26272),l=o(41488),n=o(40333),a=o(17518),m=o(35467),g=function(e,s,o,t){var i,r=arguments.length,l=r<3?s:null===t?t=Object.getOwnPropertyDescriptor(s,o):t;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)l=Reflect.decorate(e,s,o,t);else for(var n=e.length-1;n>=0;n--)(i=e[n])&&(l=(r<3?i(l):r>3?i(s,o,l):i(s,o))||l);return r>3&&l&&Object.defineProperty(s,o,l),l};const d=["default","accent","warning","error","success","default-momentum","promotional"],c=["center","leading"];var u;!function(e){let s=class extends l.LitElement{constructor(){super(...arguments),this.type="",this.message="",this.closable=!1,this.show=!1,this.closeAriaLabel="Close Banner",this.showBannerTypeIcon=!1,this.showRefreshButton=!1,this.alignment="center"}connectedCallback(){super.connectedCallback(),this.requestUpdate("show")}onHide(){this.show=!this.show,this.dispatchEvent(new CustomEvent("alertBanner-hide")),this.requestUpdate("show")}handleKeyDown(e){const{code:s}=e;(0,i.o)(s)&&this.onHide()}get isLeadingAlignment(){return"leading"===this.alignment}static get styles(){return[r.A,m.A]}getIconForType(){switch(this.type){case"error":return"error-legacy-badge-filled";case"warning":return"warning-filled";case"success":return"check-circle-badge-filled";default:return"info-badge-filled"}}get alertBannerClassMap(){return{"md-alert-banner":!0,[`md-alert-banner--${this.type}`]:this.type,[`md-alert-banner--${this.alignment}`]:this.isLeadingAlignment,closable:this.closable}}get alertBannerTextClassMap(){return{"md-alert-banner__text":!0,leading:this.isLeadingAlignment}}get alertBannerRightClassMap(){return{trailing:this.isLeadingAlignment}}get closeButtonTemplate(){return l.html`
|
|
2
2
|
<div class="close-div">
|
|
3
3
|
<md-button
|
|
4
4
|
class="md-alert-banner__close"
|
|
@@ -11,7 +11,7 @@
|
|
|
11
11
|
<md-icon name="cancel-bold" size="16" iconSet="momentumDesign"></md-icon>
|
|
12
12
|
</md-button>
|
|
13
13
|
</div>
|
|
14
|
-
`}render(){const
|
|
14
|
+
`}render(){const e=this.closable?l.html` ${this.closeButtonTemplate} `:null,s=this.showBannerTypeIcon?l.html` <md-icon name="${this.getIconForType()}" iconSet="momentumDesign" size="16"> </md-icon> `:l.html`<slot name="left"></slot>`,o=this.showRefreshButton?l.html` <md-button
|
|
15
15
|
class="refresh-button"
|
|
16
16
|
@click="${()=>this.dispatchEvent(new CustomEvent("alertBanner-refresh-button-click"))}"
|
|
17
17
|
variant="ghostInheritTextColor"
|
|
@@ -23,14 +23,14 @@
|
|
|
23
23
|
${this.show?l.html`
|
|
24
24
|
<div class="${(0,a.classMap)(this.alertBannerClassMap)}" role="alert">
|
|
25
25
|
<div class="${(0,a.classMap)(this.alertBannerTextClassMap)}">
|
|
26
|
-
${
|
|
26
|
+
${s}
|
|
27
27
|
<slot><span>${this.message}</span></slot>
|
|
28
28
|
${o}
|
|
29
29
|
</div>
|
|
30
30
|
<div class="md-alert-banner__right ${(0,a.classMap)(this.alertBannerRightClassMap)}">
|
|
31
31
|
<slot name="right"></slot>
|
|
32
32
|
</div>
|
|
33
|
-
${
|
|
33
|
+
${e}
|
|
34
34
|
</div>
|
|
35
35
|
`:null}
|
|
36
|
-
`}};g([(0,l.property)({type:String})],
|
|
36
|
+
`}};g([(0,l.property)({type:String})],s.prototype,"type",void 0),g([(0,l.property)({type:String})],s.prototype,"message",void 0),g([(0,l.property)({type:Boolean})],s.prototype,"closable",void 0),g([(0,l.property)({type:Boolean})],s.prototype,"show",void 0),g([(0,l.property)({type:String,attribute:"close-aria-label"})],s.prototype,"closeAriaLabel",void 0),g([(0,l.property)({type:Boolean})],s.prototype,"showBannerTypeIcon",void 0),g([(0,l.property)({type:Boolean})],s.prototype,"showRefreshButton",void 0),g([(0,l.property)({type:String})],s.prototype,"alignment",void 0),s=g([(0,t.w)("md-alert-banner")],s),e.ELEMENT=s}(u||(u={}))},23035:e=>{e.exports=q},23968:e=>{e.exports=t},32022:e=>{e.exports=r},32325:e=>{e.exports=d},40333:e=>{e.exports=o},41392:e=>{e.exports=c},41488:s=>{s.exports=e},46180:e=>{e.exports=a},60554:e=>{e.exports=l},63830:e=>{e.exports=y},70369:e=>{e.exports=p},81187:e=>{e.exports=m},87344:e=>{e.exports=u},88069:e=>{e.exports=g},92033:e=>{e.exports=b},97822:e=>{e.exports=i}},C={};function $(e){var s=C[e];if(void 0!==s)return s.exports;var o=C[e]={exports:{}};return O[e](o,o.exports,$),o.exports}$.m=O,w=[],$.O=(e,s,o,t)=>{if(!s){var i=1/0;for(a=0;a<w.length;a++){for(var[s,o,t]=w[a],r=!0,l=0;l<s.length;l++)(!1&t||i>=t)&&Object.keys($.O).every((e=>$.O[e](s[l])))?s.splice(l--,1):(r=!1,t<i&&(i=t));if(r){w.splice(a--,1);var n=o();void 0!==n&&(e=n)}}return e}t=t||0;for(var a=w.length;a>0&&w[a-1][2]>t;a--)w[a]=w[a-1];w[a]=[s,o,t]},$.n=e=>{var s=e&&e.__esModule?()=>e.default:()=>e;return $.d(s,{a:s}),s},B=Object.getPrototypeOf?e=>Object.getPrototypeOf(e):e=>e.__proto__,$.t=function(e,s){if(1&s&&(e=this(e)),8&s)return e;if("object"==typeof e&&e){if(4&s&&e.__esModule)return e;if(16&s&&"function"==typeof e.then)return e}var o=Object.create(null);$.r(o);var t={};j=j||[null,B({}),B([]),B(B)];for(var i=2&s&&e;"object"==typeof i&&!~j.indexOf(i);i=B(i))Object.getOwnPropertyNames(i).forEach((s=>t[s]=()=>e[s]));return t.default=()=>e,$.d(o,t),o},$.d=(e,s)=>{for(var o in s)$.o(s,o)&&!$.o(e,o)&&Object.defineProperty(e,o,{enumerable:!0,get:s[o]})},$.o=(e,s)=>Object.prototype.hasOwnProperty.call(e,s),$.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},(()=>{var e={6029:0};$.O.j=s=>0===e[s];var s=(s,o)=>{var t,i,[r,l,n]=o,a=0;if(r.some((s=>0!==e[s]))){for(t in l)$.o(l,t)&&($.m[t]=l[t]);if(n)var m=n($)}for(s&&s(o);a<r.length;a++)i=r[a],$.o(e,i)&&e[i]&&e[i][0](),e[i]=0;return $.O(m)},o=self["momentum-web-components-[id]"]=self["momentum-web-components-[id]"]||[];o.forEach(s.bind(null,0)),o.push=s.bind(null,o.push.bind(o))})();var _=$.O(void 0,[4367,1890,6272,6325,6283,9217,2176,6798,6248,1200,2576,5467],(()=>$(19479)));return $.O(_)})()));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
require("../4367"),require("../1890"),require("../6272"),require("../6325"),require("../
|
|
1
|
+
require("../4367"),require("../1890"),require("../6272"),require("../6325"),require("../6283"),require("../9217"),require("../2176"),require("../6798"),require("../6248"),require("../1200"),require("../2576"),require("../5467"),module.exports=require("../comp/md-alert-banner-entry");
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("lit-element"),require("lit-html/directives/style-map"),require("lit-html"),require("lit-html/directives/class-map"),require("lit-html/directives/if-defined"),require("@momentum-ui/icons/data/momentumUiIconsNames.json"),require("@momentum-ui/utils/lib/getColorValue"),require("@momentum-design/brand-visuals/dist/logos/svg/
|
|
1
|
+
!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("lit-element"),require("lit-html/directives/style-map"),require("lit-html"),require("lit-html/directives/class-map"),require("lit-html/directives/if-defined"),require("@momentum-ui/icons/data/momentumUiIconsNames.json"),require("@momentum-ui/utils/lib/getColorValue"),require("@momentum-design/brand-visuals/dist/logos/svg/webex-app-icon-color-container.svg"),require("@momentum-design/brand-visuals/dist/logos/svg/social-x.svg"),require("@momentum-design/brand-visuals/dist/logos/svg/social-whatsapp-color.svg"),require("@momentum-design/brand-visuals/dist/logos/svg/social-wechat-color.svg"),require("@momentum-design/brand-visuals/dist/logos/svg/social-viber-color.svg"),require("@momentum-design/brand-visuals/dist/logos/svg/social-telegram-color.svg"),require("@momentum-design/brand-visuals/dist/logos/svg/social-rcs-color.svg"),require("@momentum-design/brand-visuals/dist/logos/svg/social-microsoft-color.svg"),require("@momentum-design/brand-visuals/dist/logos/svg/social-line-color.svg"),require("@momentum-design/brand-visuals/dist/logos/svg/social-fbmessenger-color.svg"),require("@momentum-design/brand-visuals/dist/logos/svg/social-facebook-color.svg"),require("@momentum-design/brand-visuals/dist/logos/svg/social-alexa-color.svg"),require("@momentum-design/brand-visuals/dist/logos/svg/cisco-ai-assistant-color.svg"),require("@momentum-design/brand-visuals/dist/logos/svg/apple-business-chat-color.svg"));else if("function"==typeof define&&define.amd)define(["lit-element","lit-html/directives/style-map","lit-html","lit-html/directives/class-map","lit-html/directives/if-defined","@momentum-ui/icons/data/momentumUiIconsNames.json","@momentum-ui/utils/lib/getColorValue","@momentum-design/brand-visuals/dist/logos/svg/webex-app-icon-color-container.svg","@momentum-design/brand-visuals/dist/logos/svg/social-x.svg","@momentum-design/brand-visuals/dist/logos/svg/social-whatsapp-color.svg","@momentum-design/brand-visuals/dist/logos/svg/social-wechat-color.svg","@momentum-design/brand-visuals/dist/logos/svg/social-viber-color.svg","@momentum-design/brand-visuals/dist/logos/svg/social-telegram-color.svg","@momentum-design/brand-visuals/dist/logos/svg/social-rcs-color.svg","@momentum-design/brand-visuals/dist/logos/svg/social-microsoft-color.svg","@momentum-design/brand-visuals/dist/logos/svg/social-line-color.svg","@momentum-design/brand-visuals/dist/logos/svg/social-fbmessenger-color.svg","@momentum-design/brand-visuals/dist/logos/svg/social-facebook-color.svg","@momentum-design/brand-visuals/dist/logos/svg/social-alexa-color.svg","@momentum-design/brand-visuals/dist/logos/svg/cisco-ai-assistant-color.svg","@momentum-design/brand-visuals/dist/logos/svg/apple-business-chat-color.svg"],t);else{var o="object"==typeof exports?t(require("lit-element"),require("lit-html/directives/style-map"),require("lit-html"),require("lit-html/directives/class-map"),require("lit-html/directives/if-defined"),require("@momentum-ui/icons/data/momentumUiIconsNames.json"),require("@momentum-ui/utils/lib/getColorValue"),require("@momentum-design/brand-visuals/dist/logos/svg/webex-app-icon-color-container.svg"),require("@momentum-design/brand-visuals/dist/logos/svg/social-x.svg"),require("@momentum-design/brand-visuals/dist/logos/svg/social-whatsapp-color.svg"),require("@momentum-design/brand-visuals/dist/logos/svg/social-wechat-color.svg"),require("@momentum-design/brand-visuals/dist/logos/svg/social-viber-color.svg"),require("@momentum-design/brand-visuals/dist/logos/svg/social-telegram-color.svg"),require("@momentum-design/brand-visuals/dist/logos/svg/social-rcs-color.svg"),require("@momentum-design/brand-visuals/dist/logos/svg/social-microsoft-color.svg"),require("@momentum-design/brand-visuals/dist/logos/svg/social-line-color.svg"),require("@momentum-design/brand-visuals/dist/logos/svg/social-fbmessenger-color.svg"),require("@momentum-design/brand-visuals/dist/logos/svg/social-facebook-color.svg"),require("@momentum-design/brand-visuals/dist/logos/svg/social-alexa-color.svg"),require("@momentum-design/brand-visuals/dist/logos/svg/cisco-ai-assistant-color.svg"),require("@momentum-design/brand-visuals/dist/logos/svg/apple-business-chat-color.svg")):t(e["lit-element"],e["lit-html/directives/style-map"],e["lit-html"],e["lit-html/directives/class-map"],e["lit-html/directives/if-defined"],e["@momentum-ui/icons/data/momentumUiIconsNames.json"],e["@momentum-ui/utils/lib/getColorValue"],e["@momentum-design/brand-visuals/dist/logos/svg/webex-app-icon-color-container.svg"],e["@momentum-design/brand-visuals/dist/logos/svg/social-x.svg"],e["@momentum-design/brand-visuals/dist/logos/svg/social-whatsapp-color.svg"],e["@momentum-design/brand-visuals/dist/logos/svg/social-wechat-color.svg"],e["@momentum-design/brand-visuals/dist/logos/svg/social-viber-color.svg"],e["@momentum-design/brand-visuals/dist/logos/svg/social-telegram-color.svg"],e["@momentum-design/brand-visuals/dist/logos/svg/social-rcs-color.svg"],e["@momentum-design/brand-visuals/dist/logos/svg/social-microsoft-color.svg"],e["@momentum-design/brand-visuals/dist/logos/svg/social-line-color.svg"],e["@momentum-design/brand-visuals/dist/logos/svg/social-fbmessenger-color.svg"],e["@momentum-design/brand-visuals/dist/logos/svg/social-facebook-color.svg"],e["@momentum-design/brand-visuals/dist/logos/svg/social-alexa-color.svg"],e["@momentum-design/brand-visuals/dist/logos/svg/cisco-ai-assistant-color.svg"],e["@momentum-design/brand-visuals/dist/logos/svg/apple-business-chat-color.svg"]);for(var s in o)("object"==typeof exports?exports:e)[s]=o[s]}}(self,((e,t,o,s,i,r,n,l,a,d,m,c,u,g,v,p,h,b,y,f,x)=>(()=>{"use strict";var $,w,S,_={8229:e=>{e.exports=t},8827:e=>{e.exports=b},9614:e=>{e.exports=h},15553:e=>{e.exports=g},17874:e=>{e.exports=f},19026:(e,t,o)=>{var s,i=o(31890),r=o(26272),n=o(41488),l=o(23968),a=o(97822),d=o(73112),m=function(e,t,o,s){var i,r=arguments.length,n=r<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,o):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,o,s);else for(var l=e.length-1;l>=0;l--)(i=e[l])&&(n=(r<3?i(n):r>3?i(t,o,n):i(t,o))||n);return r>3&&n&&Object.defineProperty(t,o,n),n};!function(e){let t=class extends n.LitElement{constructor(){super(...arguments),this.color="",this.ariaLabel="",this.ariaRole="link",this.disabled=!1,this.inline=!1,this.inlineStyle=void 0,this.inverted=void 0,this.href="",this.tag="a",this.target="_self",this.size=void 0,this._tabIndex=0}get tabIndex(){return this._tabIndex}set tabIndex(e){const t=this._tabIndex;this._tabIndex=e,this.requestUpdate("tabIndex",t)}static get styles(){return[r.A,d.A]}render(){const e={[`md-link--${this.color}`]:this.color,"md-link--inline":this.inline,[`md-link--inline-style-${this.inlineStyle}`]:!!this.inlineStyle,[`${this.size}`]:!!this.size,inverted:!0===this.inverted,disabled:this.disabled};return n.html` ${(()=>{switch(this.tag){case"div":return n.html`
|
|
2
2
|
<div
|
|
3
|
-
class="md-link ${(0,
|
|
3
|
+
class="md-link ${(0,l.classMap)(e)}"
|
|
4
4
|
tabindex=${this.tabIndex}
|
|
5
5
|
aria-label=${(0,a.ifDefined)(this.ariaLabel||void 0)}
|
|
6
6
|
aria-disabled=${(0,a.ifDefined)(this.disabled||void 0)}
|
|
@@ -9,9 +9,9 @@
|
|
|
9
9
|
>
|
|
10
10
|
<slot></slot>
|
|
11
11
|
</div>
|
|
12
|
-
`;case"span":return
|
|
12
|
+
`;case"span":return n.html`
|
|
13
13
|
<span
|
|
14
|
-
class="md-link ${(0,
|
|
14
|
+
class="md-link ${(0,l.classMap)(e)}"
|
|
15
15
|
tabindex=${this.tabIndex}
|
|
16
16
|
aria-label=${(0,a.ifDefined)(this.ariaLabel||void 0)}
|
|
17
17
|
aria-disabled=${(0,a.ifDefined)(this.disabled||void 0)}
|
|
@@ -20,9 +20,9 @@
|
|
|
20
20
|
>
|
|
21
21
|
<slot></slot>
|
|
22
22
|
</span>
|
|
23
|
-
`;default:return
|
|
23
|
+
`;default:return n.html`
|
|
24
24
|
<a
|
|
25
|
-
class="md-link ${(0,
|
|
25
|
+
class="md-link ${(0,l.classMap)(e)}"
|
|
26
26
|
.target="${this.target}"
|
|
27
27
|
href=${(0,a.ifDefined)(this.disabled?void 0:this.href)}
|
|
28
28
|
tabindex=${this.tabIndex}
|
|
@@ -33,52 +33,52 @@
|
|
|
33
33
|
>
|
|
34
34
|
<slot></slot>
|
|
35
35
|
</a>
|
|
36
|
-
`}})()} `}};m([(0,
|
|
36
|
+
`}})()} `}};m([(0,n.property)({type:String,attribute:!1})],t.prototype,"color",void 0),m([(0,n.property)({type:String})],t.prototype,"ariaLabel",void 0),m([(0,n.property)({type:String})],t.prototype,"ariaRole",void 0),m([(0,n.property)({type:Boolean})],t.prototype,"disabled",void 0),m([(0,n.property)({type:Boolean})],t.prototype,"inline",void 0),m([(0,n.property)({type:String,attribute:"inline-style"})],t.prototype,"inlineStyle",void 0),m([(0,n.property)({type:Boolean})],t.prototype,"inverted",void 0),m([(0,n.property)({type:String})],t.prototype,"href",void 0),m([(0,n.property)({type:String})],t.prototype,"tag",void 0),m([(0,n.property)({type:String})],t.prototype,"target",void 0),m([(0,n.property)({type:String})],t.prototype,"size",void 0),m([(0,n.property)({type:Number,attribute:"tab-index",reflect:!0})],t.prototype,"tabIndex",null),t=m([(0,i.w)("md-link")],t),e.ELEMENT=t}(s||(s={}))},23035:e=>{e.exports=x},23968:e=>{e.exports=s},32022:e=>{e.exports=r},32325:e=>{e.exports=m},40333:e=>{e.exports=o},41392:e=>{e.exports=c},41488:t=>{t.exports=e},46180:e=>{e.exports=l},60554:e=>{e.exports=n},63830:e=>{e.exports=y},70369:e=>{e.exports=v},74896:(e,t,o)=>{o.r(t),o.d(t,{Alert:()=>s}),o(61200),o(19026);var s,i=o(31890),r=o(26272),n=o(41488),l=o(40333),a=o(23968),d=o(62798),m=function(e,t,o,s){var i,r=arguments.length,n=r<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,o):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,o,s);else for(var l=e.length-1;l>=0;l--)(i=e[l])&&(n=(r<3?i(n):r>3?i(t,o,n):i(t,o))||n);return r>3&&n&&Object.defineProperty(t,o,n),n};!function(e){let t=class extends n.LitElement{constructor(){super(...arguments),this.closable=!1,this.message="",this.show=!1,this.internalClose=!0,this.title="",this.btnlabel="Close",this.type="default",this.inline=!1,this.newMomentum=!1,this.primaryButton="",this.primaryButtonVariant="primary",this.primaryButtonColor="",this.secondaryButton="",this.link=!1,this.showMore=!1,this.href="",this.hasFooterSlotContent=!1,this.renderIconTemplate=()=>{switch(this.type){case"error":return n.html`
|
|
37
37
|
<md-icon
|
|
38
38
|
name="error-legacy-bold"
|
|
39
39
|
size="${this.newMomentum?24:32}"
|
|
40
40
|
iconSet="momentumDesign"
|
|
41
41
|
color="var(--md-alert-error-text-color, red)"
|
|
42
42
|
></md-icon>
|
|
43
|
-
`;case"info":return
|
|
43
|
+
`;case"info":return n.html`
|
|
44
44
|
<md-icon
|
|
45
45
|
name="info-circle-bold"
|
|
46
46
|
size="${this.newMomentum?24:32}"
|
|
47
47
|
iconSet="momentumDesign"
|
|
48
48
|
color="var(--md-alert-info-text-color, blue)"
|
|
49
49
|
></md-icon>
|
|
50
|
-
`;case"success":return
|
|
50
|
+
`;case"success":return n.html`
|
|
51
51
|
<md-icon
|
|
52
52
|
name="check-circle-bold"
|
|
53
53
|
size="${this.newMomentum?24:32}"
|
|
54
54
|
iconSet="momentumDesign"
|
|
55
55
|
color="var(--md-alert-success-text-color, green)"
|
|
56
56
|
></md-icon>
|
|
57
|
-
`;case"warn":case"warning":return
|
|
57
|
+
`;case"warn":case"warning":return n.html`
|
|
58
58
|
<md-icon
|
|
59
59
|
name="warning-bold"
|
|
60
60
|
size="${this.newMomentum?24:32}"
|
|
61
61
|
iconSet="momentumDesign"
|
|
62
62
|
color="var(--md-alert-warning-text-color, orange)"
|
|
63
63
|
></md-icon>
|
|
64
|
-
`;case"message":return
|
|
64
|
+
`;case"message":return n.html`
|
|
65
65
|
<md-icon
|
|
66
66
|
name="chat-bold"
|
|
67
67
|
size="${this.newMomentum?24:32}"
|
|
68
68
|
iconSet="momentumDesign"
|
|
69
69
|
color="var(--alert-title-text-color)"
|
|
70
70
|
></md-icon>
|
|
71
|
-
`;case"loading":return
|
|
71
|
+
`;case"loading":return n.html`<md-spinner size="24"></md-spinner>`;default:return n.html` <slot name="alert-icon"></slot> `}}}connectedCallback(){super.connectedCallback(),this.updateFooterSlotInUse()}close(){this.dispatchEvent(new CustomEvent("alert-close",{composed:!0,bubbles:!0})),this.internalClose&&(this.show=!1)}static get styles(){return[r.A,d.A]}get alertClassMap(){return{[`md-alert--${this.type}`]:!!this.type,"md-alert__inline":this.inline}}get slottedFooterClassMap(){return{"is-empty":!this.hasFooterSlotContent}}legacyRender(){return n.html`
|
|
72
72
|
<div role="alert" aria-live="polite" part="alert" class="md-alert ${(0,a.classMap)(this.alertClassMap)}">
|
|
73
73
|
<div class="md-alert__icon aria-hidden=true">${this.renderIconTemplate()}</div>
|
|
74
74
|
<div part="content" class="md-alert__content">
|
|
75
|
-
${this.title&&""!==this.title?
|
|
75
|
+
${this.title&&""!==this.title?n.html` <div class="md-alert__title" role="heading" aria-level="1">${this.title}</div> `:l.nothing}
|
|
76
76
|
<div class="md-alert__message">
|
|
77
77
|
${this.message}
|
|
78
78
|
<slot name="alert-body"></slot>
|
|
79
79
|
</div>
|
|
80
80
|
</div>
|
|
81
|
-
${this.closable?
|
|
81
|
+
${this.closable?n.html`
|
|
82
82
|
<div class="md-alert__button">
|
|
83
83
|
<md-button
|
|
84
84
|
ariaLabel="${this.btnlabel}"
|
|
@@ -90,15 +90,15 @@
|
|
|
90
90
|
<md-icon slot="icon" name="cancel-bold" size="18" iconSet="momentumDesign"></md-icon>
|
|
91
91
|
</md-button>
|
|
92
92
|
</div>
|
|
93
|
-
`:
|
|
93
|
+
`:n.html`
|
|
94
94
|
<div class="md-alert__footer">
|
|
95
95
|
<slot name="alert-footer"></slot>
|
|
96
96
|
</div>
|
|
97
97
|
`}
|
|
98
98
|
</div>
|
|
99
|
-
`}renderNewAlertDefaultFooter(){return
|
|
99
|
+
`}renderNewAlertDefaultFooter(){return n.html`
|
|
100
100
|
<div class="md-new-alert__footer">
|
|
101
|
-
${this.link?
|
|
101
|
+
${this.link?n.html`
|
|
102
102
|
<md-link href="${this.href}">
|
|
103
103
|
<span class="md-new-alert__link"
|
|
104
104
|
>Link
|
|
@@ -111,33 +111,33 @@
|
|
|
111
111
|
</md-icon>
|
|
112
112
|
</span>
|
|
113
113
|
</md-link>
|
|
114
|
-
`:
|
|
115
|
-
${this.secondaryButton?
|
|
114
|
+
`:l.nothing}
|
|
115
|
+
${this.secondaryButton?n.html` <md-button variant="secondary" .clickFunction="${this.secondaryButtonClickFunction}">
|
|
116
116
|
${this.secondaryButton}
|
|
117
|
-
</md-button>`:
|
|
118
|
-
${this.primaryButton?
|
|
117
|
+
</md-button>`:l.nothing}
|
|
118
|
+
${this.primaryButton?n.html`<md-button
|
|
119
119
|
variant=${this.primaryButtonVariant}
|
|
120
120
|
color=${this.primaryButtonColor}
|
|
121
121
|
.clickFunction="${this.primaryButtonClickFunction}"
|
|
122
122
|
>
|
|
123
123
|
${this.primaryButton}
|
|
124
|
-
</md-button>`:
|
|
124
|
+
</md-button>`:l.nothing}
|
|
125
125
|
</div>
|
|
126
|
-
`}handleSlotContentChange(e){this.updateFooterSlotInUse()}updateFooterSlotInUse(){var e;this.hasFooterSlotContent=(null===(e=this.alertFooterSlot)||void 0===e?void 0:e.assignedNodes().length)>0}renderSlottedFooter(){return
|
|
126
|
+
`}handleSlotContentChange(e){this.updateFooterSlotInUse()}updateFooterSlotInUse(){var e;this.hasFooterSlotContent=(null===(e=this.alertFooterSlot)||void 0===e?void 0:e.assignedNodes().length)>0}renderSlottedFooter(){return n.html` <div class="md-new-alert__footer ${(0,a.classMap)(this.slottedFooterClassMap)}">
|
|
127
127
|
<slot name="alert-footer" @slotchange=${this.handleSlotContentChange}></slot>
|
|
128
|
-
</div>`}newRender(){return
|
|
128
|
+
</div>`}newRender(){return n.html`
|
|
129
129
|
<div role="alert" aria-live="polite" part="alert" class="md-new-alert ${(0,a.classMap)(this.alertClassMap)}">
|
|
130
130
|
<div class="md-new-alert__body">
|
|
131
131
|
<div class="md-new-alert__icon aria-hidden=true">${this.renderIconTemplate()}</div>
|
|
132
132
|
<div part="content" class="md-new-alert__content">
|
|
133
|
-
${this.title&&""!==this.title?
|
|
133
|
+
${this.title&&""!==this.title?n.html` <div class="md-new-alert__title" role="heading" aria-level="1">${this.title}</div> `:l.nothing}
|
|
134
134
|
<div class="md-new-alert__message" title="${this.message}">
|
|
135
135
|
${this.message}
|
|
136
136
|
<slot name="alert-body"></slot>
|
|
137
|
-
${this.showMore?
|
|
137
|
+
${this.showMore?n.html`<md-link href=${this.href} inline>Show more...</md-link>`:l.nothing}
|
|
138
138
|
</div>
|
|
139
139
|
</div>
|
|
140
|
-
${this.closable?
|
|
140
|
+
${this.closable?n.html`
|
|
141
141
|
<div class="md-new-alert__button">
|
|
142
142
|
<md-button
|
|
143
143
|
ariaLabel="${this.btnlabel}"
|
|
@@ -149,8 +149,8 @@
|
|
|
149
149
|
<md-icon slot="icon" name="cancel-bold" size="16" iconSet="momentumDesign"></md-icon>
|
|
150
150
|
</md-button>
|
|
151
151
|
</div>
|
|
152
|
-
`:
|
|
152
|
+
`:l.nothing}
|
|
153
153
|
</div>
|
|
154
154
|
${this.primaryButton||this.secondaryButton||this.link?this.renderNewAlertDefaultFooter():this.renderSlottedFooter()}
|
|
155
155
|
</div>
|
|
156
|
-
`}get alertRender(){return this.newMomentum?this.newRender():this.legacyRender()}render(){return
|
|
156
|
+
`}get alertRender(){return this.newMomentum?this.newRender():this.legacyRender()}render(){return n.html` ${this.show?this.alertRender:l.nothing} `}};m([(0,n.property)({type:Boolean})],t.prototype,"closable",void 0),m([(0,n.property)({type:String})],t.prototype,"message",void 0),m([(0,n.property)({type:Boolean})],t.prototype,"show",void 0),m([(0,n.property)({type:Boolean})],t.prototype,"internalClose",void 0),m([(0,n.property)({type:String})],t.prototype,"title",void 0),m([(0,n.property)({type:String})],t.prototype,"btnlabel",void 0),m([(0,n.property)({type:String})],t.prototype,"type",void 0),m([(0,n.property)({type:Boolean})],t.prototype,"inline",void 0),m([(0,n.property)({type:Boolean})],t.prototype,"newMomentum",void 0),m([(0,n.property)({type:String})],t.prototype,"primaryButton",void 0),m([(0,n.property)({type:String})],t.prototype,"primaryButtonVariant",void 0),m([(0,n.property)({type:String})],t.prototype,"primaryButtonColor",void 0),m([(0,n.property)()],t.prototype,"primaryButtonClickFunction",void 0),m([(0,n.property)({type:String})],t.prototype,"secondaryButton",void 0),m([(0,n.property)()],t.prototype,"secondaryButtonClickFunction",void 0),m([(0,n.property)({type:Boolean})],t.prototype,"link",void 0),m([(0,n.property)({type:Boolean})],t.prototype,"showMore",void 0),m([(0,n.property)({type:String})],t.prototype,"href",void 0),m([(0,n.query)('slot[name="alert-footer"]')],t.prototype,"alertFooterSlot",void 0),m([(0,n.internalProperty)()],t.prototype,"hasFooterSlotContent",void 0),t=m([(0,i.w)("md-alert")],t),e.ELEMENT=t}(s||(s={}))},81187:e=>{e.exports=a},87344:e=>{e.exports=u},88069:e=>{e.exports=d},92033:e=>{e.exports=p},97822:e=>{e.exports=i}},q={};function k(e){var t=q[e];if(void 0!==t)return t.exports;var o=q[e]={exports:{}};return _[e](o,o.exports,k),o.exports}k.m=_,$=[],k.O=(e,t,o,s)=>{if(!t){var i=1/0;for(a=0;a<$.length;a++){for(var[t,o,s]=$[a],r=!0,n=0;n<t.length;n++)(!1&s||i>=s)&&Object.keys(k.O).every((e=>k.O[e](t[n])))?t.splice(n--,1):(r=!1,s<i&&(i=s));if(r){$.splice(a--,1);var l=o();void 0!==l&&(e=l)}}return e}s=s||0;for(var a=$.length;a>0&&$[a-1][2]>s;a--)$[a]=$[a-1];$[a]=[t,o,s]},k.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return k.d(t,{a:t}),t},S=Object.getPrototypeOf?e=>Object.getPrototypeOf(e):e=>e.__proto__,k.t=function(e,t){if(1&t&&(e=this(e)),8&t)return e;if("object"==typeof e&&e){if(4&t&&e.__esModule)return e;if(16&t&&"function"==typeof e.then)return e}var o=Object.create(null);k.r(o);var s={};w=w||[null,S({}),S([]),S(S)];for(var i=2&t&&e;"object"==typeof i&&!~w.indexOf(i);i=S(i))Object.getOwnPropertyNames(i).forEach((t=>s[t]=()=>e[t]));return s.default=()=>e,k.d(o,s),o},k.d=(e,t)=>{for(var o in t)k.o(t,o)&&!k.o(e,o)&&Object.defineProperty(e,o,{enumerable:!0,get:t[o]})},k.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),k.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},(()=>{var e={6132:0,6724:0};k.O.j=t=>0===e[t];var t=(t,o)=>{var s,i,[r,n,l]=o,a=0;if(r.some((t=>0!==e[t]))){for(s in n)k.o(n,s)&&(k.m[s]=n[s]);if(l)var d=l(k)}for(t&&t(o);a<r.length;a++)i=r[a],k.o(e,i)&&e[i]&&e[i][0](),e[i]=0;return k.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 C=k.O(void 0,[4367,1890,6272,6325,6283,9217,2176,6798,6248,1200,2576,3112,2798],(()=>k(74896)));return k.O(C)})()));
|
package/dist/comp/md-alert.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
require("../4367"),require("../1890"),require("../6272"),require("../6325"),require("../
|
|
1
|
+
require("../4367"),require("../1890"),require("../6272"),require("../6325"),require("../6283"),require("../9217"),require("../2176"),require("../6798"),require("../6248"),require("../1200"),require("../2576"),require("../3112"),require("../2798"),module.exports=require("../comp/md-alert-entry");
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
!function(e,s){if("object"==typeof exports&&"object"==typeof module)module.exports=s(require("lit-element"),require("lit-html/directives/style-map"),require("lit-html"),require("lit-html/directives/class-map"),require("lit-html/directives/if-defined"),require("@momentum-ui/icons/data/momentumUiIconsNames.json"),require("@momentum-ui/utils/lib/getColorValue"),require("@momentum-design/brand-visuals/dist/logos/svg/apple-business-chat-color.svg"),require("@momentum-design/brand-visuals/dist/logos/svg/cisco-ai-assistant-color.svg"),require("@momentum-design/brand-visuals/dist/logos/svg/social-alexa-color.svg"),require("@momentum-design/brand-visuals/dist/logos/svg/social-facebook-color.svg"),require("@momentum-design/brand-visuals/dist/logos/svg/social-fbmessenger-color.svg"),require("@momentum-design/brand-visuals/dist/logos/svg/social-line-color.svg"),require("@momentum-design/brand-visuals/dist/logos/svg/social-microsoft-color.svg"),require("@momentum-design/brand-visuals/dist/logos/svg/social-rcs-color.svg"),require("@momentum-design/brand-visuals/dist/logos/svg/social-telegram-color.svg"),require("@momentum-design/brand-visuals/dist/logos/svg/social-viber-color.svg"),require("@momentum-design/brand-visuals/dist/logos/svg/social-wechat-color.svg"),require("@momentum-design/brand-visuals/dist/logos/svg/social-whatsapp-color.svg"),require("@momentum-design/brand-visuals/dist/logos/svg/social-x.svg"),require("@momentum-design/brand-visuals/dist/logos/svg/webex-app-icon-color-container.svg"));else if("function"==typeof define&&define.amd)define(["lit-element","lit-html/directives/style-map","lit-html","lit-html/directives/class-map","lit-html/directives/if-defined","@momentum-ui/icons/data/momentumUiIconsNames.json","@momentum-ui/utils/lib/getColorValue","@momentum-design/brand-visuals/dist/logos/svg/apple-business-chat-color.svg","@momentum-design/brand-visuals/dist/logos/svg/cisco-ai-assistant-color.svg","@momentum-design/brand-visuals/dist/logos/svg/social-alexa-color.svg","@momentum-design/brand-visuals/dist/logos/svg/social-facebook-color.svg","@momentum-design/brand-visuals/dist/logos/svg/social-fbmessenger-color.svg","@momentum-design/brand-visuals/dist/logos/svg/social-line-color.svg","@momentum-design/brand-visuals/dist/logos/svg/social-microsoft-color.svg","@momentum-design/brand-visuals/dist/logos/svg/social-rcs-color.svg","@momentum-design/brand-visuals/dist/logos/svg/social-telegram-color.svg","@momentum-design/brand-visuals/dist/logos/svg/social-viber-color.svg","@momentum-design/brand-visuals/dist/logos/svg/social-wechat-color.svg","@momentum-design/brand-visuals/dist/logos/svg/social-whatsapp-color.svg","@momentum-design/brand-visuals/dist/logos/svg/social-x.svg","@momentum-design/brand-visuals/dist/logos/svg/webex-app-icon-color-container.svg"],s);else{var t="object"==typeof exports?s(require("lit-element"),require("lit-html/directives/style-map"),require("lit-html"),require("lit-html/directives/class-map"),require("lit-html/directives/if-defined"),require("@momentum-ui/icons/data/momentumUiIconsNames.json"),require("@momentum-ui/utils/lib/getColorValue"),require("@momentum-design/brand-visuals/dist/logos/svg/apple-business-chat-color.svg"),require("@momentum-design/brand-visuals/dist/logos/svg/cisco-ai-assistant-color.svg"),require("@momentum-design/brand-visuals/dist/logos/svg/social-alexa-color.svg"),require("@momentum-design/brand-visuals/dist/logos/svg/social-facebook-color.svg"),require("@momentum-design/brand-visuals/dist/logos/svg/social-fbmessenger-color.svg"),require("@momentum-design/brand-visuals/dist/logos/svg/social-line-color.svg"),require("@momentum-design/brand-visuals/dist/logos/svg/social-microsoft-color.svg"),require("@momentum-design/brand-visuals/dist/logos/svg/social-rcs-color.svg"),require("@momentum-design/brand-visuals/dist/logos/svg/social-telegram-color.svg"),require("@momentum-design/brand-visuals/dist/logos/svg/social-viber-color.svg"),require("@momentum-design/brand-visuals/dist/logos/svg/social-wechat-color.svg"),require("@momentum-design/brand-visuals/dist/logos/svg/social-whatsapp-color.svg"),require("@momentum-design/brand-visuals/dist/logos/svg/social-x.svg"),require("@momentum-design/brand-visuals/dist/logos/svg/webex-app-icon-color-container.svg")):s(e["lit-element"],e["lit-html/directives/style-map"],e["lit-html"],e["lit-html/directives/class-map"],e["lit-html/directives/if-defined"],e["@momentum-ui/icons/data/momentumUiIconsNames.json"],e["@momentum-ui/utils/lib/getColorValue"],e["@momentum-design/brand-visuals/dist/logos/svg/apple-business-chat-color.svg"],e["@momentum-design/brand-visuals/dist/logos/svg/cisco-ai-assistant-color.svg"],e["@momentum-design/brand-visuals/dist/logos/svg/social-alexa-color.svg"],e["@momentum-design/brand-visuals/dist/logos/svg/social-facebook-color.svg"],e["@momentum-design/brand-visuals/dist/logos/svg/social-fbmessenger-color.svg"],e["@momentum-design/brand-visuals/dist/logos/svg/social-line-color.svg"],e["@momentum-design/brand-visuals/dist/logos/svg/social-microsoft-color.svg"],e["@momentum-design/brand-visuals/dist/logos/svg/social-rcs-color.svg"],e["@momentum-design/brand-visuals/dist/logos/svg/social-telegram-color.svg"],e["@momentum-design/brand-visuals/dist/logos/svg/social-viber-color.svg"],e["@momentum-design/brand-visuals/dist/logos/svg/social-wechat-color.svg"],e["@momentum-design/brand-visuals/dist/logos/svg/social-whatsapp-color.svg"],e["@momentum-design/brand-visuals/dist/logos/svg/social-x.svg"],e["@momentum-design/brand-visuals/dist/logos/svg/webex-app-icon-color-container.svg"]);for(var i in t)("object"==typeof exports?exports:e)[i]=t[i]}}(self,((e,s,t,i,o,l,a,n,r,d,u,m,c,p,v,g,h,b,y,f,S)=>(()=>{"use strict";var x,P={8229:e=>{e.exports=s},8827:e=>{e.exports=u},9614:e=>{e.exports=m},15553:e=>{e.exports=v},17874:e=>{e.exports=r},19011:e=>{e.exports=h},23035:e=>{e.exports=n},23779:(e,s,t)=>{t.r(s),t.d(s,{AudioPlayer:()=>p,defaultLabelMap:()=>c,playbackSpeeds:()=>m}),t(96798),t(61200),t(83192);var i=t(90195),o=t(31890),l=t(26272),a=t(41488),n=t(40333),r=t(23968),d=t(92984),u=function(e,s,t,i){var o,l=arguments.length,a=l<3?s:null===i?i=Object.getOwnPropertyDescriptor(s,t):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,s,t,i);else for(var n=e.length-1;n>=0;n--)(o=e[n])&&(a=(l<3?o(a):l>3?o(s,t,a):o(s,t))||a);return l>3&&a&&Object.defineProperty(s,t,a),a};const m=[{value:.25,label:"0.25"},{value:.5,label:"0.50"},{value:.75,label:"0.75"},{value:1,label:"Normal"},{value:1.25,label:"1.25"},{value:1.5,label:"1.50"},{value:1.75,label:"1.75"},{value:2,label:"2"}],c={playBtn:{ariaLabel:"Play",tooltipText:"Play"},pauseBtn:{ariaLabel:"Pause",tooltipText:"Pause"},duration:{ariaLabel:"Duration:",tooltipText:"Duration"},timeline:{ariaLabel:"Audio Seekbar",tooltipText:"Audio Seekbar"},volumeBtn:{ariaLabel:"Mute / Unmute Audio",tooltipText:"Mute / Unmute"},volumeSlider:{ariaLabel:"Volume level",tooltipText:"Volume level"},playbackSpeedBtn:{ariaLabel:"Playback speed",tooltipText:"Playback speed"}};var p;!function(e){let s=class extends a.LitElement{constructor(){super(),this.src="",this.events=[],this.isPlaying=!1,this.isMuted=!1,this.duration=0,this.volume=100,this.currentTime=0,this.showSpeedPopup=!1,this.playbackSpeed=1,this.volumeExpanded=!1,this.bufferedRange=0,this.selectedPlaybackSpeed=this.playbackSpeed,this.currentlySelectingPlaybackSpeed=!1,this.onOutsideClick=e=>{let s=!1;const t=e.composedPath();t.length&&(s=!!t.find((e=>"speed-btn"===e.id)),s||(this.showSpeedPopup=!1))},this.handleKeyDown=e=>{const{code:s}=e;switch(s){case i.Uz.ArrowLeft:this.volumeExpanded?this.setVolumeKeydown(this.volume-.01):this.setTimeKeydown(this.currentTime-1);break;case i.Uz.ArrowRight:this.volumeExpanded?this.setVolumeKeydown(this.volume+.01):this.setTimeKeydown(this.currentTime+1);break;case i.Uz.ArrowUp:if(this.showSpeedPopup){this.currentlySelectingPlaybackSpeed=!0;const s=m.findIndex((e=>e.value===this.selectedPlaybackSpeed)),t=Math.max(0,s-1);this.selectedPlaybackSpeed=m[t].value,e.preventDefault(),this.currentlySelectingPlaybackSpeed=!1}break;case i.Uz.ArrowDown:if(this.showSpeedPopup){this.currentlySelectingPlaybackSpeed=!0;const s=m.findIndex((e=>e.value===this.selectedPlaybackSpeed)),t=Math.min(m.length-1,s+1);this.selectedPlaybackSpeed=m[t].value,e.preventDefault(),this.currentlySelectingPlaybackSpeed=!1}break;case i.Uz.Enter:this.showSpeedPopup&&(this.setPlaybackSpeed(this.selectedPlaybackSpeed),e.preventDefault())}},this.audio=new Audio,this.setAudioEventListeners(),this.labelMap=c}firstUpdated(e){super.firstUpdated(e),e.has("src")&&(this.audio.src=this.src)}updated(e){super.updated(e),e.has("src")&&(this.audio.src=this.src)}connectedCallback(){super.connectedCallback(),this.requestUpdate("src"),document.addEventListener("click",this.onOutsideClick),document.addEventListener("keydown",this.handleKeyDown)}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("click",this.onOutsideClick),document.removeEventListener("keydown",this.handleKeyDown),this.audio.pause(),this.isPlaying=!1}setAudioEventListeners(){this.audio.onloadeddata=()=>{this.duration=this.audio.duration,this.audio.volume=.75},this.audio.onerror=()=>{this.audio.src&&this.dispatchEvent(new CustomEvent("playback-error",{composed:!0,bubbles:!0}))},this.audio.onended=()=>{this.audio.currentTime=0,this.isPlaying=!1},this.audio.ontimeupdate=()=>{this.currentTime=this.audio.currentTime},this.audio.onvolumechange=()=>{this.volume=this.audio.volume},this.audio.onprogress=()=>{this.audio.buffered.length>0&&(this.bufferedRange=this.audio.buffered.end(this.audio.buffered.length-1))}}togglePlay(){this.isPlaying=!this.isPlaying,this.isPlaying?(this.audio.play(),this.dispatchEvent(new CustomEvent("play-clicked",{composed:!0,bubbles:!0}))):this.audio.pause()}toTimecode(e){const s=Math.floor(e);return`${Math.floor(s/60)}:${String(s%60).padStart(2,"0")}`}setTime(e){const s=this.getBarPercentage(e,"timeline"),t=Math.floor(s*this.duration);this.audio.currentTime=t}setVolumeElement(e){this.volumeElement="volume"===e.target.className?e.target:e.target.parentElement}handleVolumeChange(e){let s=!1;this.setVolumeElement(e),this.setVolume(e);const t=e=>{s||(s=!0),this.volumeExpanded?this.setVolume(e):o()},i=()=>{o()},o=()=>{s=!1,window.removeEventListener("mousemove",t),window.removeEventListener("mouseup",i)};window.addEventListener("mousemove",t),window.addEventListener("mouseup",i),e.preventDefault()}getVolumeFromSlider(e){if(null===this.volumeElement)return 0;const s=this.volumeElement.getBoundingClientRect(),t=e.clientX-s.x;return Math.max(0,Math.min(1,t/s.width))}setVolume(e){const s=this.getVolumeFromSlider(e);this.audio.volume=s}getBarPercentage(e,s){const t=(e.target.className===s?e.target:e.target.parentElement).getBoundingClientRect();return(e.clientX-t.x)/t.width}toggleSoundMute(){this.isMuted=!this.isMuted,this.audio.muted=this.isMuted}toggleSpeedPopup(){this.showSpeedPopup=!this.showSpeedPopup}setTimeKeydown(e){e>this.duration?(this.currentTime=this.duration,this.audio.currentTime=this.duration):e<0?(this.currentTime=0,this.audio.currentTime=0):(this.currentTime=e,this.audio.currentTime=e)}setVolumeKeydown(e){e>1?(this.volume=1,this.audio.volume=1):e<0?(this.isMuted||this.toggleSoundMute(),this.volume=0,this.audio.volume=0):(this.isMuted&&this.toggleSoundMute(),this.volume=e,this.audio.volume=e)}get popupClassMap(){return{"popup-open":this.showSpeedPopup}}setPlaybackSpeed(e){this.playbackSpeed=e,this.selectedPlaybackSpeed=e,this.audio.playbackRate=this.playbackSpeed,this.showSpeedPopup=!1}toggleVolumeExpand(e){this.volumeExpanded=e}static get styles(){return[l.A,d.A]}render(){return a.html`
|
|
1
|
+
!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("lit-element"),require("lit-html/directives/style-map"),require("lit-html"),require("lit-html/directives/class-map"),require("lit-html/directives/if-defined"),require("@momentum-ui/icons/data/momentumUiIconsNames.json"),require("@momentum-ui/utils/lib/getColorValue"),require("@momentum-design/brand-visuals/dist/logos/svg/webex-app-icon-color-container.svg"),require("@momentum-design/brand-visuals/dist/logos/svg/social-x.svg"),require("@momentum-design/brand-visuals/dist/logos/svg/social-whatsapp-color.svg"),require("@momentum-design/brand-visuals/dist/logos/svg/social-wechat-color.svg"),require("@momentum-design/brand-visuals/dist/logos/svg/social-viber-color.svg"),require("@momentum-design/brand-visuals/dist/logos/svg/social-telegram-color.svg"),require("@momentum-design/brand-visuals/dist/logos/svg/social-rcs-color.svg"),require("@momentum-design/brand-visuals/dist/logos/svg/social-microsoft-color.svg"),require("@momentum-design/brand-visuals/dist/logos/svg/social-line-color.svg"),require("@momentum-design/brand-visuals/dist/logos/svg/social-fbmessenger-color.svg"),require("@momentum-design/brand-visuals/dist/logos/svg/social-facebook-color.svg"),require("@momentum-design/brand-visuals/dist/logos/svg/social-alexa-color.svg"),require("@momentum-design/brand-visuals/dist/logos/svg/cisco-ai-assistant-color.svg"),require("@momentum-design/brand-visuals/dist/logos/svg/apple-business-chat-color.svg"));else if("function"==typeof define&&define.amd)define(["lit-element","lit-html/directives/style-map","lit-html","lit-html/directives/class-map","lit-html/directives/if-defined","@momentum-ui/icons/data/momentumUiIconsNames.json","@momentum-ui/utils/lib/getColorValue","@momentum-design/brand-visuals/dist/logos/svg/webex-app-icon-color-container.svg","@momentum-design/brand-visuals/dist/logos/svg/social-x.svg","@momentum-design/brand-visuals/dist/logos/svg/social-whatsapp-color.svg","@momentum-design/brand-visuals/dist/logos/svg/social-wechat-color.svg","@momentum-design/brand-visuals/dist/logos/svg/social-viber-color.svg","@momentum-design/brand-visuals/dist/logos/svg/social-telegram-color.svg","@momentum-design/brand-visuals/dist/logos/svg/social-rcs-color.svg","@momentum-design/brand-visuals/dist/logos/svg/social-microsoft-color.svg","@momentum-design/brand-visuals/dist/logos/svg/social-line-color.svg","@momentum-design/brand-visuals/dist/logos/svg/social-fbmessenger-color.svg","@momentum-design/brand-visuals/dist/logos/svg/social-facebook-color.svg","@momentum-design/brand-visuals/dist/logos/svg/social-alexa-color.svg","@momentum-design/brand-visuals/dist/logos/svg/cisco-ai-assistant-color.svg","@momentum-design/brand-visuals/dist/logos/svg/apple-business-chat-color.svg"],t);else{var s="object"==typeof exports?t(require("lit-element"),require("lit-html/directives/style-map"),require("lit-html"),require("lit-html/directives/class-map"),require("lit-html/directives/if-defined"),require("@momentum-ui/icons/data/momentumUiIconsNames.json"),require("@momentum-ui/utils/lib/getColorValue"),require("@momentum-design/brand-visuals/dist/logos/svg/webex-app-icon-color-container.svg"),require("@momentum-design/brand-visuals/dist/logos/svg/social-x.svg"),require("@momentum-design/brand-visuals/dist/logos/svg/social-whatsapp-color.svg"),require("@momentum-design/brand-visuals/dist/logos/svg/social-wechat-color.svg"),require("@momentum-design/brand-visuals/dist/logos/svg/social-viber-color.svg"),require("@momentum-design/brand-visuals/dist/logos/svg/social-telegram-color.svg"),require("@momentum-design/brand-visuals/dist/logos/svg/social-rcs-color.svg"),require("@momentum-design/brand-visuals/dist/logos/svg/social-microsoft-color.svg"),require("@momentum-design/brand-visuals/dist/logos/svg/social-line-color.svg"),require("@momentum-design/brand-visuals/dist/logos/svg/social-fbmessenger-color.svg"),require("@momentum-design/brand-visuals/dist/logos/svg/social-facebook-color.svg"),require("@momentum-design/brand-visuals/dist/logos/svg/social-alexa-color.svg"),require("@momentum-design/brand-visuals/dist/logos/svg/cisco-ai-assistant-color.svg"),require("@momentum-design/brand-visuals/dist/logos/svg/apple-business-chat-color.svg")):t(e["lit-element"],e["lit-html/directives/style-map"],e["lit-html"],e["lit-html/directives/class-map"],e["lit-html/directives/if-defined"],e["@momentum-ui/icons/data/momentumUiIconsNames.json"],e["@momentum-ui/utils/lib/getColorValue"],e["@momentum-design/brand-visuals/dist/logos/svg/webex-app-icon-color-container.svg"],e["@momentum-design/brand-visuals/dist/logos/svg/social-x.svg"],e["@momentum-design/brand-visuals/dist/logos/svg/social-whatsapp-color.svg"],e["@momentum-design/brand-visuals/dist/logos/svg/social-wechat-color.svg"],e["@momentum-design/brand-visuals/dist/logos/svg/social-viber-color.svg"],e["@momentum-design/brand-visuals/dist/logos/svg/social-telegram-color.svg"],e["@momentum-design/brand-visuals/dist/logos/svg/social-rcs-color.svg"],e["@momentum-design/brand-visuals/dist/logos/svg/social-microsoft-color.svg"],e["@momentum-design/brand-visuals/dist/logos/svg/social-line-color.svg"],e["@momentum-design/brand-visuals/dist/logos/svg/social-fbmessenger-color.svg"],e["@momentum-design/brand-visuals/dist/logos/svg/social-facebook-color.svg"],e["@momentum-design/brand-visuals/dist/logos/svg/social-alexa-color.svg"],e["@momentum-design/brand-visuals/dist/logos/svg/cisco-ai-assistant-color.svg"],e["@momentum-design/brand-visuals/dist/logos/svg/apple-business-chat-color.svg"]);for(var i in s)("object"==typeof exports?exports:e)[i]=s[i]}}(self,((e,t,s,i,o,l,a,n,r,d,u,m,c,p,v,g,h,b,y,f,S)=>(()=>{"use strict";var P,x,k,w={8229:e=>{e.exports=t},8827:e=>{e.exports=b},9614:e=>{e.exports=h},15553:e=>{e.exports=p},17874:e=>{e.exports=f},23035:e=>{e.exports=S},23779:(e,t,s)=>{s.r(t),s.d(t,{AudioPlayer:()=>p,defaultLabelMap:()=>c,playbackSpeeds:()=>m}),s(96798),s(61200),s(83192);var i=s(90195),o=s(31890),l=s(26272),a=s(41488),n=s(40333),r=s(23968),d=s(92984),u=function(e,t,s,i){var o,l=arguments.length,a=l<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,s):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,s,i);else for(var n=e.length-1;n>=0;n--)(o=e[n])&&(a=(l<3?o(a):l>3?o(t,s,a):o(t,s))||a);return l>3&&a&&Object.defineProperty(t,s,a),a};const m=[{value:.25,label:"0.25"},{value:.5,label:"0.50"},{value:.75,label:"0.75"},{value:1,label:"Normal"},{value:1.25,label:"1.25"},{value:1.5,label:"1.50"},{value:1.75,label:"1.75"},{value:2,label:"2"}],c={playBtn:{ariaLabel:"Play",tooltipText:"Play"},pauseBtn:{ariaLabel:"Pause",tooltipText:"Pause"},duration:{ariaLabel:"Duration:",tooltipText:"Duration"},timeline:{ariaLabel:"Audio Seekbar",tooltipText:"Audio Seekbar"},volumeBtn:{ariaLabel:"Mute / Unmute Audio",tooltipText:"Mute / Unmute"},volumeSlider:{ariaLabel:"Volume level",tooltipText:"Volume level"},playbackSpeedBtn:{ariaLabel:"Playback speed",tooltipText:"Playback speed"}};var p;!function(e){let t=class extends a.LitElement{constructor(){super(),this.src="",this.events=[],this.isPlaying=!1,this.isMuted=!1,this.duration=0,this.volume=100,this.currentTime=0,this.showSpeedPopup=!1,this.playbackSpeed=1,this.volumeExpanded=!1,this.bufferedRange=0,this.selectedPlaybackSpeed=this.playbackSpeed,this.currentlySelectingPlaybackSpeed=!1,this.onOutsideClick=e=>{let t=!1;const s=e.composedPath();s.length&&(t=!!s.find((e=>"speed-btn"===e.id)),t||(this.showSpeedPopup=!1))},this.handleKeyDown=e=>{const{code:t}=e;switch(t){case i.Uz.ArrowLeft:this.volumeExpanded?this.setVolumeKeydown(this.volume-.01):this.setTimeKeydown(this.currentTime-1);break;case i.Uz.ArrowRight:this.volumeExpanded?this.setVolumeKeydown(this.volume+.01):this.setTimeKeydown(this.currentTime+1);break;case i.Uz.ArrowUp:if(this.showSpeedPopup){this.currentlySelectingPlaybackSpeed=!0;const t=m.findIndex((e=>e.value===this.selectedPlaybackSpeed)),s=Math.max(0,t-1);this.selectedPlaybackSpeed=m[s].value,e.preventDefault(),this.currentlySelectingPlaybackSpeed=!1}break;case i.Uz.ArrowDown:if(this.showSpeedPopup){this.currentlySelectingPlaybackSpeed=!0;const t=m.findIndex((e=>e.value===this.selectedPlaybackSpeed)),s=Math.min(m.length-1,t+1);this.selectedPlaybackSpeed=m[s].value,e.preventDefault(),this.currentlySelectingPlaybackSpeed=!1}break;case i.Uz.Enter:this.showSpeedPopup&&(this.setPlaybackSpeed(this.selectedPlaybackSpeed),e.preventDefault())}},this.audio=new Audio,this.setAudioEventListeners(),this.labelMap=c}firstUpdated(e){super.firstUpdated(e),e.has("src")&&(this.audio.src=this.src)}updated(e){super.updated(e),e.has("src")&&(this.audio.src=this.src)}connectedCallback(){super.connectedCallback(),this.requestUpdate("src"),document.addEventListener("click",this.onOutsideClick),document.addEventListener("keydown",this.handleKeyDown)}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("click",this.onOutsideClick),document.removeEventListener("keydown",this.handleKeyDown),this.audio.pause(),this.isPlaying=!1}setAudioEventListeners(){this.audio.onloadeddata=()=>{this.duration=this.audio.duration,this.audio.volume=.75},this.audio.onerror=()=>{this.audio.src&&this.dispatchEvent(new CustomEvent("playback-error",{composed:!0,bubbles:!0}))},this.audio.onended=()=>{this.audio.currentTime=0,this.isPlaying=!1},this.audio.ontimeupdate=()=>{this.currentTime=this.audio.currentTime},this.audio.onvolumechange=()=>{this.volume=this.audio.volume},this.audio.onprogress=()=>{this.audio.buffered.length>0&&(this.bufferedRange=this.audio.buffered.end(this.audio.buffered.length-1))}}togglePlay(){this.isPlaying=!this.isPlaying,this.isPlaying?(this.audio.play(),this.dispatchEvent(new CustomEvent("play-clicked",{composed:!0,bubbles:!0}))):this.audio.pause()}toTimecode(e){const t=Math.floor(e);return`${Math.floor(t/60)}:${String(t%60).padStart(2,"0")}`}setTime(e){const t=this.getBarPercentage(e,"timeline"),s=Math.floor(t*this.duration);this.audio.currentTime=s}setVolumeElement(e){this.volumeElement="volume"===e.target.className?e.target:e.target.parentElement}handleVolumeChange(e){let t=!1;this.setVolumeElement(e),this.setVolume(e);const s=e=>{t||(t=!0),this.volumeExpanded?this.setVolume(e):o()},i=()=>{o()},o=()=>{t=!1,window.removeEventListener("mousemove",s),window.removeEventListener("mouseup",i)};window.addEventListener("mousemove",s),window.addEventListener("mouseup",i),e.preventDefault()}getVolumeFromSlider(e){if(null===this.volumeElement)return 0;const t=this.volumeElement.getBoundingClientRect(),s=e.clientX-t.x;return Math.max(0,Math.min(1,s/t.width))}setVolume(e){const t=this.getVolumeFromSlider(e);this.audio.volume=t}getBarPercentage(e,t){const s=(e.target.className===t?e.target:e.target.parentElement).getBoundingClientRect();return(e.clientX-s.x)/s.width}toggleSoundMute(){this.isMuted=!this.isMuted,this.audio.muted=this.isMuted}toggleSpeedPopup(){this.showSpeedPopup=!this.showSpeedPopup}setTimeKeydown(e){e>this.duration?(this.currentTime=this.duration,this.audio.currentTime=this.duration):e<0?(this.currentTime=0,this.audio.currentTime=0):(this.currentTime=e,this.audio.currentTime=e)}setVolumeKeydown(e){e>1?(this.volume=1,this.audio.volume=1):e<0?(this.isMuted||this.toggleSoundMute(),this.volume=0,this.audio.volume=0):(this.isMuted&&this.toggleSoundMute(),this.volume=e,this.audio.volume=e)}get popupClassMap(){return{"popup-open":this.showSpeedPopup}}setPlaybackSpeed(e){this.playbackSpeed=e,this.selectedPlaybackSpeed=e,this.audio.playbackRate=this.playbackSpeed,this.showSpeedPopup=!1}toggleVolumeExpand(e){this.volumeExpanded=e}static get styles(){return[l.A,d.A]}render(){return a.html`
|
|
2
2
|
<div class="md-audio-player">
|
|
3
3
|
<div class="inner-container">
|
|
4
4
|
<div class="play-container">
|
|
@@ -73,9 +73,9 @@
|
|
|
73
73
|
</md-tooltip>
|
|
74
74
|
<div class="speed-popup ${(0,r.classMap)(this.popupClassMap)}">
|
|
75
75
|
<ul id="speed-popup-menu">
|
|
76
|
-
${m.map((e=>{const
|
|
76
|
+
${m.map((e=>{const t=this.selectedPlaybackSpeed==e.value&&!this.currentlySelectingPlaybackSpeed;return a.html`
|
|
77
77
|
<li
|
|
78
|
-
class=${
|
|
78
|
+
class=${t?"speed-popup-selected-speed":""}
|
|
79
79
|
@click="${()=>this.setPlaybackSpeed(e.value)}"
|
|
80
80
|
>
|
|
81
81
|
<span>${e.label}</span>
|
|
@@ -95,4 +95,4 @@
|
|
|
95
95
|
</div>
|
|
96
96
|
</div>
|
|
97
97
|
</div>
|
|
98
|
-
`}};u([(0,a.property)({type:String})],
|
|
98
|
+
`}};u([(0,a.property)({type:String})],t.prototype,"src",void 0),u([(0,a.property)({type:Object})],t.prototype,"labelMap",void 0),u([(0,a.internalProperty)()],t.prototype,"events",void 0),u([(0,a.internalProperty)()],t.prototype,"audio",void 0),u([(0,a.internalProperty)()],t.prototype,"volumeElement",void 0),u([(0,a.internalProperty)()],t.prototype,"isPlaying",void 0),u([(0,a.internalProperty)()],t.prototype,"isMuted",void 0),u([(0,a.internalProperty)()],t.prototype,"duration",void 0),u([(0,a.internalProperty)()],t.prototype,"volume",void 0),u([(0,a.internalProperty)()],t.prototype,"currentTime",void 0),u([(0,a.internalProperty)()],t.prototype,"showSpeedPopup",void 0),u([(0,a.internalProperty)()],t.prototype,"playbackSpeed",void 0),u([(0,a.internalProperty)()],t.prototype,"volumeExpanded",void 0),u([(0,a.internalProperty)()],t.prototype,"bufferedRange",void 0),u([(0,a.internalProperty)()],t.prototype,"selectedPlaybackSpeed",void 0),u([(0,a.internalProperty)()],t.prototype,"currentlySelectingPlaybackSpeed",void 0),t=u([(0,o.w)("md-audio-player")],t),e.ELEMENT=t}(p||(p={}))},23968:e=>{e.exports=i},32022:e=>{e.exports=l},32325:e=>{e.exports=u},40333:e=>{e.exports=s},41392:e=>{e.exports=m},41488:t=>{t.exports=e},46180:e=>{e.exports=n},60554:e=>{e.exports=a},63830:e=>{e.exports=y},70369:e=>{e.exports=v},81187:e=>{e.exports=r},87344:e=>{e.exports=c},88069:e=>{e.exports=d},92033:e=>{e.exports=g},97822:e=>{e.exports=o}},M={};function T(e){var t=M[e];if(void 0!==t)return t.exports;var s=M[e]={exports:{}};return w[e](s,s.exports,T),s.exports}T.m=w,P=[],T.O=(e,t,s,i)=>{if(!t){var o=1/0;for(r=0;r<P.length;r++){for(var[t,s,i]=P[r],l=!0,a=0;a<t.length;a++)(!1&i||o>=i)&&Object.keys(T.O).every((e=>T.O[e](t[a])))?t.splice(a--,1):(l=!1,i<o&&(o=i));if(l){P.splice(r--,1);var n=s();void 0!==n&&(e=n)}}return e}i=i||0;for(var r=P.length;r>0&&P[r-1][2]>i;r--)P[r]=P[r-1];P[r]=[t,s,i]},T.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return T.d(t,{a:t}),t},k=Object.getPrototypeOf?e=>Object.getPrototypeOf(e):e=>e.__proto__,T.t=function(e,t){if(1&t&&(e=this(e)),8&t)return e;if("object"==typeof e&&e){if(4&t&&e.__esModule)return e;if(16&t&&"function"==typeof e.then)return e}var s=Object.create(null);T.r(s);var i={};x=x||[null,k({}),k([]),k(k)];for(var o=2&t&&e;"object"==typeof o&&!~x.indexOf(o);o=k(o))Object.getOwnPropertyNames(o).forEach((t=>i[t]=()=>e[t]));return i.default=()=>e,T.d(s,i),s},T.d=(e,t)=>{for(var s in t)T.o(t,s)&&!T.o(e,s)&&Object.defineProperty(e,s,{enumerable:!0,get:t[s]})},T.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),T.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},(()=>{var e={8220:0};T.O.j=t=>0===e[t];var t=(t,s)=>{var i,o,[l,a,n]=s,r=0;if(l.some((t=>0!==e[t]))){for(i in a)T.o(a,i)&&(T.m[i]=a[i]);if(n)var d=n(T)}for(t&&t(s);r<l.length;r++)o=l[r],T.o(e,o)&&e[o]&&e[o][0](),e[o]=0;return T.O(d)},s=self["momentum-web-components-[id]"]=self["momentum-web-components-[id]"]||[];s.forEach(t.bind(null,0)),s.push=t.bind(null,s.push.bind(s))})();var q=T.O(void 0,[4367,1890,6272,6325,6283,9217,2176,6798,6248,1200,8889,300,8373,4624,591,768,195,3001,7251,3192,2984],(()=>T(23779)));return T.O(q)})()));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
require("../4367"),require("../1890"),require("../6272"),require("../6325"),require("../
|
|
1
|
+
require("../4367"),require("../1890"),require("../6272"),require("../6325"),require("../6283"),require("../9217"),require("../2176"),require("../6798"),require("../6248"),require("../1200"),require("../8889"),require("../300"),require("../8373"),require("../4624"),require("../591"),require("../768"),require("../195"),require("../3001"),require("../7251"),require("../3192"),require("../2984"),module.exports=require("../comp/md-audio-player-entry");
|