@momentum-ui/web-components 2.16.14 → 2.16.16
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/chunks/md-10.js +1 -1
- package/dist/chunks/md-11.js +1 -1
- package/dist/chunks/md-17.js +1 -1
- package/dist/chunks/md-18.js +3 -3
- package/dist/chunks/md-22.js +1 -1
- package/dist/chunks/md-23.js +1 -1
- package/dist/chunks/md-26.js +1 -1
- package/dist/chunks/md-27.js +1 -1
- package/dist/chunks/md-28.js +1 -55
- package/dist/chunks/md-29.js +55 -1
- package/dist/chunks/md-30.js +1 -216
- package/dist/chunks/md-31.js +210 -43
- package/dist/chunks/md-32.js +49 -1
- package/dist/chunks/md-33.js +1 -1
- package/dist/chunks/md-34.js +1 -36
- package/dist/chunks/md-35.js +36 -33
- package/dist/chunks/md-36.js +32 -22
- package/dist/chunks/md-37.js +23 -5
- package/dist/chunks/md-38.js +5 -5
- package/dist/chunks/md-39.js +5 -1
- package/dist/chunks/md-40.js +1 -21
- package/dist/chunks/md-41.js +20 -25
- package/dist/chunks/md-42.js +24 -40
- package/dist/chunks/md-43.js +43 -1
- package/dist/chunks/md-44.js +1 -30
- package/dist/chunks/md-45.js +30 -16
- package/dist/chunks/md-46.js +16 -1
- package/dist/chunks/md-48.js +1 -1
- package/dist/chunks/md-54.js +1 -1
- package/dist/chunks/md-55.js +1 -1
- package/dist/chunks/md-59.js +1 -1
- package/dist/chunks/md-63.js +1 -1
- package/dist/chunks/md-66.js +1 -1
- package/dist/chunks/md-67.js +1 -1
- package/dist/chunks/md-69.js +1 -1
- package/dist/chunks/md-72.js +1 -1
- package/dist/chunks/md-73.js +1 -1
- package/dist/chunks/md-78.js +1 -1
- package/dist/chunks/md-79.js +1 -1
- package/dist/chunks/md-85.js +1 -1
- package/dist/chunks/md-86.js +29 -29
- package/dist/chunks/md-87.js +1 -1
- package/dist/chunks/md-88.js +1 -1
- package/dist/chunks/md-90.js +1 -1
- package/dist/chunks/md-91.js +1 -1
- package/dist/comp/md-accordion-entry.js +1 -1
- package/dist/comp/md-accordion-item-entry.js +1 -1
- package/dist/comp/md-accordion-item.js +1 -1
- package/dist/comp/md-accordion.js +1 -1
- package/dist/comp/md-alert-entry.js +1 -1
- package/dist/comp/md-alert.js +1 -1
- package/dist/comp/md-avatar-entry.js +1 -1
- package/dist/comp/md-avatar.js +1 -1
- package/dist/comp/md-badge-entry.js +1 -1
- package/dist/comp/md-badge.js +1 -1
- package/dist/comp/md-card-entry.js +1 -1
- package/dist/comp/md-card.js +3 -3
- package/dist/comp/md-chat-message-entry.js +1 -1
- package/dist/comp/md-chat-message.js +1 -1
- package/dist/comp/md-checkbox-entry.js +1 -1
- package/dist/comp/md-checkbox.js +1 -1
- package/dist/comp/md-checkboxgroup-entry.js +1 -1
- package/dist/comp/md-checkboxgroup.js +1 -1
- package/dist/comp/md-chip-entry.js +1 -1
- package/dist/comp/md-chip.js +1 -1
- package/dist/comp/md-coachmark-popover-entry.js +1 -1
- package/dist/comp/md-coachmark-popover.js +1 -1
- package/dist/comp/md-combobox-entry.js +1 -1
- package/dist/comp/md-combobox.js +2 -2
- package/dist/comp/md-date-range-picker-entry.js +1 -1
- package/dist/comp/md-date-range-picker.js +3 -2
- package/dist/comp/md-date-time-picker-entry.js +1 -1
- package/dist/comp/md-datepicker-calendar-entry.js +1 -1
- package/dist/comp/md-datepicker-calendar.js +1 -1
- package/dist/comp/md-datepicker-entry.js +1 -1
- package/dist/comp/md-datepicker.js +3 -2
- package/dist/comp/md-draggable-entry.js +1 -1
- package/dist/comp/md-draggable-item-entry.js +1 -1
- package/dist/comp/md-draggable-item.js +1 -1
- package/dist/comp/md-draggable.js +1 -1
- package/dist/comp/md-favorite-entry.js +1 -1
- package/dist/comp/md-favorite.js +1 -1
- package/dist/comp/md-floating-minimize-entry.js +1 -1
- package/dist/comp/md-floating-minimize.js +1 -1
- package/dist/comp/md-floating-modal-entry.js +1 -1
- package/dist/comp/md-floating-modal.js +1 -1
- package/dist/comp/md-link-entry.js +1 -1
- package/dist/comp/md-link.js +1 -1
- package/dist/comp/md-list-entry.js +1 -1
- package/dist/comp/md-list-item-entry.js +1 -1
- package/dist/comp/md-list-item.js +2 -2
- package/dist/comp/md-list.js +2 -2
- package/dist/comp/md-meeting-alert-entry.js +1 -1
- package/dist/comp/md-meeting-alert.js +1 -1
- package/dist/comp/md-menu-entry.js +1 -1
- package/dist/comp/md-menu-item-entry.js +1 -1
- package/dist/comp/md-menu-item.js +1 -1
- package/dist/comp/md-menu-overlay-entry.js +1 -1
- package/dist/comp/md-menu.js +1 -1
- package/dist/comp/md-modal-entry.js +1 -1
- package/dist/comp/md-modal.js +1 -1
- package/dist/comp/md-phone-input-entry.js +1 -1
- package/dist/comp/md-phone-input.js +2 -2
- package/dist/comp/md-popover-entry.js +1 -1
- package/dist/comp/md-popover.js +1 -1
- package/dist/comp/md-progress-bar-entry.js +1 -1
- package/dist/comp/md-progress-bar.js +1 -1
- package/dist/comp/md-tab-entry.js +1 -1
- package/dist/comp/md-tab-panel-entry.js +1 -1
- package/dist/comp/md-tab-panel.js +1 -1
- package/dist/comp/md-tab.js +1 -1
- package/dist/comp/md-table-advanced-entry.js +1 -1
- package/dist/comp/md-table-entry.js +1 -1
- package/dist/comp/md-tabs-entry.js +1 -1
- package/dist/comp/md-tabs.js +2 -2
- package/dist/comp/md-task-item-entry.js +1 -1
- package/dist/comp/md-task-item.js +1 -1
- package/dist/comp/md-theme-entry.js +1 -1
- package/dist/comp/md-timepicker-entry.js +1 -1
- package/dist/comp/md-timepicker.js +2 -2
- package/dist/comp/md-tooltip-entry.js +1 -1
- package/dist/index-entry.js +2 -2
- package/dist/index.js +14 -14
- package/dist/managers/thememanager-entry.js +1 -1
- package/dist/managers/thememanager.js +1 -1
- package/dist/types/components/datepicker/DatePicker.d.ts +2 -0
- package/dist/types/components/input/Input.d.ts +5 -0
- package/package.json +2 -2
package/dist/chunks/md-43.js
CHANGED
|
@@ -1 +1,43 @@
|
|
|
1
|
-
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[43],{
|
|
1
|
+
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[43],{46:function(e,t,a){"use strict";a.r(t),a.d(t,"DatePicker",(function(){return i}));a(76),a(30),a(36);var i,s=a(1),o=a(37),r=a(5),n=a(9),l=a(16),c=a(21),d=a(0),h=a(3),p=a(15),u=function(e,t,a,i){var s,o=arguments.length,r=o<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,a):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,a,i);else for(var n=e.length-1;n>=0;n--)(s=e[n])&&(r=(o<3?s(r):o>3?s(t,a,r):s(t,a))||r);return o>3&&r&&Object.defineProperty(t,a,r),r},m=function(e,t,a,i){return new(a||(a=Promise))((function(s,o){function r(e){try{l(i.next(e))}catch(e){o(e)}}function n(e){try{l(i.throw(e))}catch(e){o(e)}}function l(e){var t;e.done?s(e.value):(t=e.value,t instanceof a?t:new a((function(e){e(t)}))).then(r,n)}l((i=i.apply(e,t||[])).next())}))};!function(e){e.weekStartDays=["Sunday","Monday"];let t=class extends d.LitElement{constructor(){super(...arguments),this.shouldCloseOnSelect=!1,this.maxDate=void 0,this.minDate=void 0,this.value=void 0,this.weekStart="Sunday",this.placeholder=void 0,this.locale="en-US",this.includesTime=!1,this.disabled=!1,this.htmlId="",this.label="",this.ariaLabel="Choose Date",this.required=!1,this.errorMessage="",this.customTrigger=!1,this.isMenuOverlayOpen=!1,this.newMomentum=void 0,this.selectedDate=Object(n.n)(),this.focusedDate=Object(n.n)(),this.filterDate=void 0,this.maxDateData=void 0,this.minDateData=void 0,this.handleDateInputChange=e=>{var t,a;(null===(t=null==e?void 0:e.detail)||void 0===t?void 0:t.value)&&(this.value=null===(a=null==e?void 0:e.detail)||void 0===a?void 0:a.value),this.dispatchEvent(new CustomEvent("date-input-change",{bubbles:!0,composed:!0,detail:{sourceEvent:e,value:this.value}}))},this.setOpen=e=>{this.menuOverlay.isOpen=e,this.isMenuOverlayOpen=e},this.handleSelect=e=>{const t=e.detail.date,a=e.detail.sourceEvent;this.setPreSelection(t),this.setSelected(t,a),this.shouldCloseOnSelect&&this.setOpen(!1)},this.setSelected=(e,t)=>{const a={maxDate:this.maxDateData,minDate:this.minDateData,filterDate:this.filterDate};if(!Object(n.j)(e,a)){const t=this.includesTime?e.startOf("second").toISO({suppressMilliseconds:!0}):e.toISODate();this.selectedDate=e,this.value=t}this.dispatchEvent(new CustomEvent("date-selection-change",{bubbles:!0,composed:!0,detail:{sourceEvent:t,data:e}}))},this.setPreSelection=e=>{const t={maxDate:this.maxDateData,minDate:this.minDateData,filterDate:this.filterDate};Object(n.j)(e,t)||(this.focusedDate=e)},this.handleInputKeyDown=e=>{e.code===s.b.ArrowDown&&this.setOpen(!0)},this.handleKeyDown=e=>{const t=e.detail.sourceEvent;let a=!1;const i=this.focusedDate;switch(!t.shiftKey&&t.code){case"Space":case"Enter":this.handleSelect(e),a=!0;break;case"Escape":this.setOpen(!1);break;case"ArrowUp":this.setPreSelection(Object(n.s)(i,1)),a=!0;break;case"ArrowLeft":this.setPreSelection(Object(n.q)(i,1)),a=!0;break;case"ArrowRight":this.setPreSelection(Object(n.a)(i,1)),a=!0;break;case"ArrowDown":this.setPreSelection(Object(n.c)(i,1)),a=!0}a&&(t.stopPropagation(),t.preventDefault())},this.chosenDateLabel=()=>this.selectedDate?`, Selected date is ${this.selectedDate.weekdayLong} ${this.selectedDate.monthLong} ${this.selectedDate.day}, ${this.selectedDate.year}`:void 0,this.isValueValid=()=>{if(!this.value&&""!==this.value)return!0;const e=Object(l.a)("md-date-range-picker",this),t=e&&e.startDate&&e.endDate?c.a.dateRangeString:this.includesTime?c.a.ISOString:c.a.ISODateString,a=RegExp(t),i={maxDate:this.maxDateData,minDate:this.minDateData,filterDate:this.filterDate};return this.value&&a.test(this.value)&&!Object(n.j)(p.DateTime.fromISO(this.value,{locale:this.locale}),i)}}get computedNewMomentum(){return void 0!==this.newMomentum?this.newMomentum:o.themeManager.isMomentumV2Enabled}connectedCallback(){super.connectedCallback(),this.minDate&&(this.minDateData=p.DateTime.fromISO(this.minDate,{locale:this.locale})),this.maxDate&&(this.maxDateData=p.DateTime.fromISO(this.maxDate,{locale:this.locale}))}firstUpdated(e){const t=Object.create(null,{firstUpdated:{get:()=>super.firstUpdated}});var a,i;return m(this,void 0,void 0,(function*(){t.firstUpdated.call(this,e),""===this.value&&(this.value=this.includesTime?null===(a=this.selectedDate)||void 0===a?void 0:a.startOf("second").toISO({suppressMilliseconds:!0}):null===(i=this.selectedDate)||void 0===i?void 0:i.toISODate())}))}updated(e){if(super.updated(e),this.value&&e.has("value")){if(Object(l.a)("md-date-range-picker",this))return;this.selectedDate=p.DateTime.fromISO(this.value,{locale:this.locale}),this.setPreSelection(this.selectedDate)}e.has("locale")&&this.render(),this.minDate&&e.has("minDate")&&(this.minDateData=p.DateTime.fromISO(this.minDate,{locale:this.locale})),this.maxDate&&e.has("maxDate")&&(this.maxDateData=p.DateTime.fromISO(this.maxDate,{locale:this.locale}))}render(){return d.html`
|
|
2
|
+
<md-menu-overlay is-date-picker custom-width="248px" ?disabled=${this.disabled}>
|
|
3
|
+
${this.customTrigger?d.html`
|
|
4
|
+
<span slot="menu-trigger">
|
|
5
|
+
<slot name="date-trigger"></slot>
|
|
6
|
+
</span>
|
|
7
|
+
`:d.html`
|
|
8
|
+
<md-input
|
|
9
|
+
class="date-input"
|
|
10
|
+
slot="menu-trigger"
|
|
11
|
+
role="combobox"
|
|
12
|
+
?newMomentum=${this.computedNewMomentum}
|
|
13
|
+
placeholder=${this.placeholder?this.placeholder:"YYYY-MM-DD"}
|
|
14
|
+
value=${Object(h.ifDefined)(this.value)}
|
|
15
|
+
htmlId=${this.htmlId}
|
|
16
|
+
label=${this.label}
|
|
17
|
+
ariaLabel=${this.ariaLabel+this.chosenDateLabel()}
|
|
18
|
+
ariaExpanded=${this.isMenuOverlayOpen?"true":"false"}
|
|
19
|
+
ariaControls="date-overlay-content"
|
|
20
|
+
auxiliaryContentPosition="before"
|
|
21
|
+
?required=${this.required}
|
|
22
|
+
@keydown=${e=>this.handleInputKeyDown(e)}
|
|
23
|
+
@input-change="${e=>this.handleDateInputChange(e)}"
|
|
24
|
+
?disabled=${this.disabled}
|
|
25
|
+
hide-message=${!this.errorMessage&&this.isValueValid()}
|
|
26
|
+
ariaInvalid=${!!this.errorMessage||!this.isValueValid()}
|
|
27
|
+
.messageArr=${this.errorMessage?[{message:this.errorMessage,type:"error"}]:[{message:"",type:this.isValueValid()?"":"error"}]}
|
|
28
|
+
>
|
|
29
|
+
<md-icon slot="input-section" name="calendar-month-bold" size="16" iconSet="momentumDesign"></md-icon>
|
|
30
|
+
</md-input>
|
|
31
|
+
`}
|
|
32
|
+
|
|
33
|
+
<div class="date-overlay-content">
|
|
34
|
+
<md-datepicker-calendar
|
|
35
|
+
@day-select=${e=>this.handleSelect(e)}
|
|
36
|
+
@day-key-event=${e=>this.handleKeyDown(e)}
|
|
37
|
+
.datePickerProps=${{locale:this.locale,selected:this.selectedDate,focused:this.focusedDate,weekStart:this.weekStart}}
|
|
38
|
+
.filterParams=${{minDate:this.minDateData,maxDate:this.maxDateData,filterDate:this.filterDate}}
|
|
39
|
+
></md-datepicker-calendar>
|
|
40
|
+
<slot name="time-picker"></slot>
|
|
41
|
+
</div>
|
|
42
|
+
</md-menu-overlay>
|
|
43
|
+
`}};u([Object(d.property)({type:Boolean,attribute:"should-close-on-select"})],t.prototype,"shouldCloseOnSelect",void 0),u([Object(d.property)({type:String})],t.prototype,"maxDate",void 0),u([Object(d.property)({type:String})],t.prototype,"minDate",void 0),u([Object(d.property)({type:String,reflect:!0})],t.prototype,"value",void 0),u([Object(d.property)({type:String})],t.prototype,"weekStart",void 0),u([Object(d.property)({type:String,reflect:!0})],t.prototype,"placeholder",void 0),u([Object(d.property)({type:String})],t.prototype,"locale",void 0),u([Object(d.property)({type:Boolean,reflect:!0,attribute:"includes-time"})],t.prototype,"includesTime",void 0),u([Object(d.property)({type:Boolean})],t.prototype,"disabled",void 0),u([Object(d.property)({type:String})],t.prototype,"htmlId",void 0),u([Object(d.property)({type:String})],t.prototype,"label",void 0),u([Object(d.property)({type:String})],t.prototype,"ariaLabel",void 0),u([Object(d.property)({type:Boolean})],t.prototype,"required",void 0),u([Object(d.property)({type:String,reflect:!0})],t.prototype,"errorMessage",void 0),u([Object(d.property)({type:Boolean,attribute:"custom-trigger"})],t.prototype,"customTrigger",void 0),u([Object(d.property)({type:Boolean})],t.prototype,"isMenuOverlayOpen",void 0),u([Object(d.property)({type:Boolean})],t.prototype,"newMomentum",void 0),u([Object(d.internalProperty)()],t.prototype,"selectedDate",void 0),u([Object(d.internalProperty)()],t.prototype,"focusedDate",void 0),u([Object(d.internalProperty)()],t.prototype,"filterDate",void 0),u([Object(d.internalProperty)()],t.prototype,"maxDateData",void 0),u([Object(d.internalProperty)()],t.prototype,"minDateData",void 0),u([Object(d.query)("md-menu-overlay")],t.prototype,"menuOverlay",void 0),t=u([Object(r.a)("md-datepicker")],t),e.ELEMENT=t}(i||(i={}))}}]);
|
package/dist/chunks/md-44.js
CHANGED
|
@@ -1,30 +1 @@
|
|
|
1
|
-
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[44],{
|
|
2
|
-
${this.show?m.html`
|
|
3
|
-
<div
|
|
4
|
-
class="md-floating ${this.minimize?"":"hide"} md-floating-minimize"
|
|
5
|
-
@click=${this.handleMinimize}
|
|
6
|
-
@keydown="${this.handleKeyDown}"
|
|
7
|
-
role="dialog"
|
|
8
|
-
tabindex="-1"
|
|
9
|
-
part="floating-minimized"
|
|
10
|
-
aria-label=${Object(p.ifDefined)(this.label||void 0)}
|
|
11
|
-
aria-modal="true"
|
|
12
|
-
style=${Object(p.ifDefined)(this.minPosition?`transform: translate(${this.minPosition.x}px, ${this.minPosition.y}px) !important`:`transform: ${this.containerTransform} !important`)}
|
|
13
|
-
>
|
|
14
|
-
<div tabindex="-1" class="md-floating__header ${this.minimize?"md-floating__header-minimize":""}">
|
|
15
|
-
<div class="md-floating__header-text">
|
|
16
|
-
${this.heading?m.html` ${this.heading} `:m.html` <slot></slot> `}
|
|
17
|
-
</div>
|
|
18
|
-
<md-button
|
|
19
|
-
color="color-none"
|
|
20
|
-
class="md-floating__close"
|
|
21
|
-
aria-label="${this.closeAriaLabel}"
|
|
22
|
-
circle
|
|
23
|
-
@click=${this.handleClose}
|
|
24
|
-
>
|
|
25
|
-
<md-icon name="cancel-bold" size="16" iconSet="momentumDesign"></md-icon>
|
|
26
|
-
</md-button>
|
|
27
|
-
</div>
|
|
28
|
-
</div>
|
|
29
|
-
`:h.nothing}
|
|
30
|
-
`}};f([Object(m.property)({type:String})],i.prototype,"heading",void 0),f([Object(m.property)({type:String})],i.prototype,"label",void 0),f([Object(m.property)({type:Boolean,reflect:!0})],i.prototype,"show",void 0),f([Object(m.property)({type:String,attribute:"close-aria-label"})],i.prototype,"closeAriaLabel",void 0),f([Object(m.property)({type:Boolean,reflect:!0})],i.prototype,"minimize",void 0),f([Object(m.property)({type:Object})],i.prototype,"minPosition",void 0),f([Object(m.query)(".md-floating")],i.prototype,"container",void 0),f([Object(m.query)(".md-floating__header")],i.prototype,"header",void 0),f([Object(m.internalProperty)()],i.prototype,"dragOccured",void 0),f([Object(m.internalProperty)()],i.prototype,"containerTransform",void 0),i=f([Object(r.a)("md-floating-modal-minimized")],i),t.ELEMENT=i}(n||(n={}))}}]);
|
|
1
|
+
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[44],{68:function(e,r,d){"use strict";var o=d(0);r.a=o.css`:host{display:block}.md-draggable-item.extended{align-items:center;background-color:var(--md-secondary-white-bg-color);border:1px solid var(--md-menu-overlay-border-color);display:flex;flex-direction:row;padding:.375rem}.md-draggable-item.extended md-icon{cursor:grab;margin-right:.375rem}.md-draggable-item.extended:hover{background-color:var(--md-secondary-bg-color)}.md-draggable-item.extended ::slotted(*){flex:1 1 auto;margin-right:calc(.375rem*2);text-align:left}.md-draggable-item.default{border:2px solid transparent;border-radius:.25rem;cursor:grab;display:flex;padding:calc(.375rem/2) .375rem}.md-draggable-item.default:hover{background-color:var(--md-tertiary-white-bg-color);border:2px solid var(--md-default-focus-outline-color);box-shadow:0 2px 4px rgba(0,0,0,.1),0 0 1px rgba(0,0,0,.18)}.md-draggable-item.disabled{cursor:default}.md-draggable-item.disabled:hover{background-color:rgba(0,0,0,0);border:2px solid transparent;box-shadow:none}@media(forced-colors:active){.md-draggable-item.extended{border:1px solid CanvasText}.md-draggable-item.default{border:none;outline:0}.md-draggable-item.default:hover{outline:1px solid Highlight;border:none}}`}}]);
|
package/dist/chunks/md-45.js
CHANGED
|
@@ -1,16 +1,30 @@
|
|
|
1
|
-
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[45],{
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
1
|
+
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[45],{69:function(t,i,e){"use strict";var n=e(0);i.a=n.css`.md-floating{background-color:var(--floating-modal-main-bg-color,#fff);border:1px solid var(--floating-modal-outer-border-color,#ededed);border-radius:8px;box-shadow:var(--floating-modal-main-box-shadow,0 4px 8px rgba(0,0,0,.16),0 0 1px rgba(0,0,0,.16));display:flex;flex-direction:column;max-height:100%;max-width:100%;position:absolute;touch-action:none;user-select:none;z-index:1040}.md-floating.fixed{position:fixed}.md-floating.hide{display:block;height:0;visibility:hidden;width:0}.md-floating.md-floating-minimize{background:var(--floating-modal-main-bg-color-alternate,#545454);border-radius:8px;width:100%}.md-floating.md-floating-minimize:focus{box-shadow:0 0 0 .125rem #005e7d;outline:0}.md-floating .md-floating__header{align-items:center;border-bottom:1px solid var(--floating-modal-main-border-color,#dedede);color:var(--floating-modal-main-text-color,#121212);display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;max-height:3rem;padding:.5rem .5rem .5rem .75rem;width:100%}.md-floating .md-floating__header-text{flex:2 1 auto;font-family:var(--brand-font-regular, "CiscoSansTT Regular", "Helvetica Neue", Helvetica, Arial, sans-serif);font-size:16px;line-height:16px;text-align:left}.md-floating .md-floating__body{height:calc(100% - 3rem);overflow:auto;padding:.75rem 1.25rem}.md-floating .md-floating-body-minimize{display:block;height:0;visibility:hidden}.md-floating .md-floating__header-minimize{border-bottom:0;color:var(--floating-modal-main-text-color-alternate,#f7f7f7);font-size:16px;line-height:24px;width:100%}.md-floating-min-parent{bottom:0;height:3rem!important;position:absolute;right:0;width:223px!important}`},80:function(t,i,e){"use strict";e.r(i),e.d(i,"FloatingMinimizedModal",(function(){return n}));e(17),e(14);var n,o=e(1),a=e(7),r=e(5),s=e(16),l=e(6),d=(e(50),e(51),e(52),e(26)),c=e.n(d),m=(e(53),e(0)),h=e(2),p=e(3),u=e(69),f=function(t,i,e,n){var o,a=arguments.length,r=a<3?i:null===n?n=Object.getOwnPropertyDescriptor(i,e):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(t,i,e,n);else for(var s=t.length-1;s>=0;s--)(o=t[s])&&(r=(a<3?o(r):a>3?o(i,e,r):o(i,e))||r);return a>3&&r&&Object.defineProperty(i,e,r),r},g=function(t,i,e,n){return new(e||(e=Promise))((function(o,a){function r(t){try{l(n.next(t))}catch(t){a(t)}}function s(t){try{l(n.throw(t))}catch(t){a(t)}}function l(t){var i;t.done?o(t.value):(i=t.value,i instanceof e?i:new e((function(t){t(i)}))).then(r,s)}l((n=n.apply(t,i||[])).next())}))};!function(t){let i=class extends(Object(a.a)(m.LitElement)){constructor(){super(...arguments),this.heading="",this.label="",this.show=!1,this.closeAriaLabel="Close Modal",this.minimize=!1,this.dragOccured=!1,this.containerTransform="",this.applyInitialPosition=!0,this.getInitialPosition=()=>{var t,i;return this.applyInitialPosition&&this.minPosition?{initialX:Number(null===(t=this.minPosition)||void 0===t?void 0:t.x),initialY:Number(null===(i=this.minPosition)||void 0===i?void 0:i.y)}:{initialX:0,initialY:0}},this.dragMoveListener=t=>{const{target:i}=t,{x:e,y:n}=this.getTransformValues(t);this.setTargetPosition(i,e,n),this.applyInitialPosition=!1},this.dragEndListener=()=>{this.dragOccured=!0,this.setContainerRect()}}static get styles(){return[l.a,u.a]}connectedCallback(){super.connectedCallback(),window.addEventListener("resize",Object(s.b)(()=>this.setInteractInstance(),250))}updated(t){super.updated(t),t.has("show")&&(this.container&&this.show?(this.applyInitialPosition=!0,this.setContainerRect(),this.setInteractInstance(),this.setFocusOnContainer()):(this.cleanContainerStyles(),this.destroyInteractInstance())),this.container&&t.has("minPosition")&&!t.has("show")&&this.setInitialTargetPosition(),t.has("minimize")&&void 0!==t.get("minimize")&&this.setFocusOnContainer()}isNewPositionNotSame(){var t,i,e,n;if(this.container)return Number(null===(t=this.container)||void 0===t?void 0:t.getAttribute("data-x"))!==(null===(i=this.minPosition)||void 0===i?void 0:i.x)||Number(null===(e=this.container)||void 0===e?void 0:e.getAttribute("data-y"))!==(null===(n=this.minPosition)||void 0===n?void 0:n.y)}setInitialTargetPosition(){var t,i;this.container&&this.isNewPositionNotSame()&&this.setTargetPosition(this.container,Number(null===(t=this.minPosition)||void 0===t?void 0:t.x),Number(null===(i=this.minPosition)||void 0===i?void 0:i.y))}setFocusOnContainer(){this.container&&(this.container.setAttribute("tabindex","0"),this.container.focus())}cleanContainerStyles(){this.containerTransform=""}getContainerTransform(){const t=this.container.getAttribute("data-x"),i=this.container.getAttribute("data-y");return t&&i?(this.dispatchEvent(new CustomEvent("floating-modal-minimize-location",{composed:!0,bubbles:!0,detail:{transform:{x:t,y:i}}})),`translate(${t}px, ${i}px)`):this.container.style.transform}setContainerRect(){requestAnimationFrame(()=>g(this,void 0,void 0,(function*(){yield this.updateComplete,this.containerTransform=this.getContainerTransform()})))}setInteractInstance(){requestAnimationFrame(()=>{this.container&&c()(this.container).draggable({autoScroll:!0,allowFrom:this.header,listeners:{move:this.dragMoveListener,end:this.dragEndListener},modifiers:[c.a.modifiers.restrictRect({restriction:document.body.getBoundingClientRect(),endOnly:!0})]})})}handleKeyDown(t){t.code!==o.b.Enter&&t.code!==o.b.Space||this.handleMinimize(t)}handleClose(t){this.show=!1,this.dispatchEvent(new CustomEvent("floating-modal-close",{composed:!0,bubbles:!0,detail:{srcEvent:t}})),t.stopPropagation()}handleMinimize(t){this.dragOccured||this.dispatchEvent(new CustomEvent("floating-min-modal-minimize",{composed:!0,bubbles:!0,detail:{srcEvent:t}})),this.dragOccured=!1}getTransformValues(t){const{target:i,dx:e,dy:n}=t,{initialX:o,initialY:a}=this.getInitialPosition();return{x:(parseFloat(i.getAttribute("data-x"))||0)+e+o,y:(parseFloat(i.getAttribute("data-y"))||0)+n+a}}setTargetPosition(t,i,e){t.style.transform=`translate(${i}px, ${e}px)`,t.setAttribute("data-x",""+i),t.setAttribute("data-y",""+e)}destroyInteractInstance(){this.container&&c.a.isSet(this.container)&&c()(this.container).unset()}disconnectedCallback(){super.disconnectedCallback(),this.destroyInteractInstance(),window.removeEventListener("resize",Object(s.b)(()=>this.setInteractInstance(),250))}render(){return m.html`
|
|
2
|
+
${this.show?m.html`
|
|
3
|
+
<div
|
|
4
|
+
class="md-floating ${this.minimize?"":"hide"} md-floating-minimize"
|
|
5
|
+
@click=${this.handleMinimize}
|
|
6
|
+
@keydown="${this.handleKeyDown}"
|
|
7
|
+
role="dialog"
|
|
8
|
+
tabindex="-1"
|
|
9
|
+
part="floating-minimized"
|
|
10
|
+
aria-label=${Object(p.ifDefined)(this.label||void 0)}
|
|
11
|
+
aria-modal="true"
|
|
12
|
+
style=${Object(p.ifDefined)(this.minPosition?`transform: translate(${this.minPosition.x}px, ${this.minPosition.y}px) !important`:`transform: ${this.containerTransform} !important`)}
|
|
13
|
+
>
|
|
14
|
+
<div tabindex="-1" class="md-floating__header ${this.minimize?"md-floating__header-minimize":""}">
|
|
15
|
+
<div class="md-floating__header-text">
|
|
16
|
+
${this.heading?m.html` ${this.heading} `:m.html` <slot></slot> `}
|
|
17
|
+
</div>
|
|
18
|
+
<md-button
|
|
19
|
+
color="color-none"
|
|
20
|
+
class="md-floating__close"
|
|
21
|
+
aria-label="${this.closeAriaLabel}"
|
|
22
|
+
circle
|
|
23
|
+
@click=${this.handleClose}
|
|
24
|
+
>
|
|
25
|
+
<md-icon name="cancel-bold" size="16" iconSet="momentumDesign"></md-icon>
|
|
26
|
+
</md-button>
|
|
27
|
+
</div>
|
|
28
|
+
</div>
|
|
29
|
+
`:h.nothing}
|
|
30
|
+
`}};f([Object(m.property)({type:String})],i.prototype,"heading",void 0),f([Object(m.property)({type:String})],i.prototype,"label",void 0),f([Object(m.property)({type:Boolean,reflect:!0})],i.prototype,"show",void 0),f([Object(m.property)({type:String,attribute:"close-aria-label"})],i.prototype,"closeAriaLabel",void 0),f([Object(m.property)({type:Boolean,reflect:!0})],i.prototype,"minimize",void 0),f([Object(m.property)({type:Object})],i.prototype,"minPosition",void 0),f([Object(m.query)(".md-floating")],i.prototype,"container",void 0),f([Object(m.query)(".md-floating__header")],i.prototype,"header",void 0),f([Object(m.internalProperty)()],i.prototype,"dragOccured",void 0),f([Object(m.internalProperty)()],i.prototype,"containerTransform",void 0),i=f([Object(r.a)("md-floating-modal-minimized")],i),t.ELEMENT=i}(n||(n={}))}}]);
|
package/dist/chunks/md-46.js
CHANGED
|
@@ -1 +1,16 @@
|
|
|
1
|
-
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[46],{
|
|
1
|
+
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[46],{61:function(e,t,d){"use strict";d.r(t),d.d(t,"MenuItem",(function(){return s}));var s,i=d(6),n=d(5),a=d(0),l=d(4),r=d(3),m=d(70),o=function(e,t,d,s){var i,n=arguments.length,a=n<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,d):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,d,s);else for(var l=e.length-1;l>=0;l--)(i=e[l])&&(a=(n<3?i(a):n>3?i(t,d,a):i(t,d))||a);return n>3&&a&&Object.defineProperty(t,d,a),a};!function(e){let t=class extends a.LitElement{constructor(){super(...arguments),this.href="",this.label="",this.tabIndex=-1,this._disabled=!1,this._selected=!1}get disabled(){return this._disabled}set disabled(e){const t=this._disabled;this._disabled=e,this.setAttribute("aria-disabled",""+e),this.tabIndex=e?-1:0,this.requestUpdate("disabled",t)}get selected(){return this._selected}set selected(e){const t=this._selected;this._selected=e,e&&this.notifySelectedItem(),this.setAttribute("aria-selected",""+e),this.requestUpdate("selected",t)}static get styles(){return[i.a,m.a]}setupEvents(){this.addEventListener("mousedown",this.handleClick),this.addEventListener("keydown",this.handleKeyDown)}firstUpdated(e){super.firstUpdated(e),this.label&&this.setAttribute("aria-label",this.label),this.setupEvents()}update(e){super.update(e),e.has("disabled")&&(this.selected=!1,this.setAttribute("aria-disabled",""+this.disabled))}handleClick(e){e.preventDefault(),this.dispatchEvent(new CustomEvent("menu-item-click",{detail:{id:this.id},bubbles:!0,composed:!0}))}handleKeyDown(e){this.dispatchEvent(new CustomEvent("menu-item-keydown",{detail:{id:this.id,key:e.code,srcEvent:e},bubbles:!0,composed:!0}))}notifySelectedItem(){this.dispatchEvent(new CustomEvent("focus-visible",{composed:!0,bubbles:!0}))}get menuItemClassMap(){return{"md-menu-item--selected":this.selected,disabled:this.disabled}}render(){return a.html`
|
|
2
|
+
<li
|
|
3
|
+
role="menuitem"
|
|
4
|
+
part="menu-item"
|
|
5
|
+
class="md-menu-item ${Object(l.classMap)(this.menuItemClassMap)}"
|
|
6
|
+
?disabled=${this.disabled}
|
|
7
|
+
tabindex="-1"
|
|
8
|
+
aria-hidden="true"
|
|
9
|
+
aria-selected="false"
|
|
10
|
+
aria-label=${Object(r.ifDefined)(this.label)}
|
|
11
|
+
>
|
|
12
|
+
<a href="${Object(r.ifDefined)(this.href||void 0)}">
|
|
13
|
+
<slot></slot>
|
|
14
|
+
</a>
|
|
15
|
+
</li>
|
|
16
|
+
`}};o([Object(a.property)({type:String})],t.prototype,"href",void 0),o([Object(a.property)({type:String})],t.prototype,"label",void 0),o([Object(a.property)({type:Number,reflect:!0})],t.prototype,"tabIndex",void 0),o([Object(a.property)({type:Boolean,reflect:!0})],t.prototype,"disabled",null),o([Object(a.property)({type:Boolean,reflect:!0})],t.prototype,"selected",null),t=o([Object(n.a)("md-menu-item")],t),e.ELEMENT=t}(s||(s={}))},70:function(e,t,d){"use strict";var s=d(0);t.a=s.css`.md-menu{margin:0;padding:0}.md-menu--horizontal .md-menu-list ::slotted(*){display:inline-flex}.md-menu--vertical .md-menu-list ::slotted(*){display:flex}.md-menu.justified .md-menu-list{display:flex;justify-content:space-between}.md-menu .md-menu-list{margin:0}.md-menu-item{list-style:none;padding:.125rem}.md-menu-item a{color:var(--menu-text-color,var(--menu-default,#121212));display:flex;padding:.375rem .75rem}.md-menu-item ::slotted(*){padding:0 .1875rem}.md-menu-item:hover{background:var(--menu-hover-bg,var(--menu-hover-bg,#c9f4ff))}.md-menu-item:active{background:var(--menu-pressed-bg,var(--menu-pressed-bg,#91ebff))}.md-menu-item--selected{background:var(--menu-selected-default-bg,var(--menu-pressed-bg,#91ebff))}.md-menu-item--selected:hover{background:var(--menu-selected-hover-bg,var(--menu-hover-bg,#c9f4ff))}.md-menu-item--selected:active{background:var(--menu-selected-pressed-bg,var(--menu-pressed-bg,#91ebff))}.md-menu-item.disabled{pointer-events:none}.md-menu-item.disabled a{background:rgba(0,0,0,0);color:var(--md-disabled-text-color)}@media(forced-colors:active){.md-menu-item--selected,.md-menu-item:active,.md-menu-item:focus,.md-menu-item:hover{outline:1px solid Highlight}.md-menu-item.disabled a{color:GrayText}}`}}]);
|
package/dist/chunks/md-48.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[48],{48:function(t,e,i){"use strict";i.r(e),i.d(e,"TAB_CROSS_WIDTH",(function(){return b})),i.d(e,"Tab",(function(){return h}));var s=i(1),o=i(7),a=i(5),r=i(6),l=i(0),n=i(4),d=i(3),c=i(
|
|
1
|
+
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[48],{48:function(t,e,i){"use strict";i.r(e),i.d(e,"TAB_CROSS_WIDTH",(function(){return b})),i.d(e,"Tab",(function(){return h}));var s=i(1),o=i(7),a=i(5),r=i(6),l=i(0),n=i(4),d=i(3),c=i(42),p=function(t,e,i,s){var o,a=arguments.length,r=a<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(t,e,i,s);else for(var l=t.length-1;l>=0;l--)(o=t[l])&&(r=(a<3?o(r):a>3?o(e,i,r):o(e,i))||r);return a>3&&r&&Object.defineProperty(e,i,r),r};const b=22;var h;!function(t){let e=class extends(Object(o.a)(l.LitElement)){constructor(){super(...arguments),this.tabIndex=-1,this.ariaLabel="",this.closable="",this.name="",this.isCrossVisible=!1,this.ariaRole="tab",this.type="line",this.newMomentum=!1,this.onlyIcon=!1,this.variant="ghost",this._disabled=!1,this._selected=0===this.tabIndex,this.vertical=!1,this.viewportHidden=!1}get disabled(){return this._disabled}set disabled(t){const e=this._disabled;this._disabled=t,this.setAttribute("aria-disabled",""+t),this.tabIndex=t?-1:0,this.requestUpdate("disabled",e)}get selected(){return this._selected}set selected(t){const e=this._selected;this._selected=t,t&&this.notifySelectedTab(),this.setAttribute("aria-selected",""+t),this.requestUpdate("selected",e)}static get styles(){return[r.a,c.a]}handleClick(t){t.preventDefault(),this.id&&this.dispatchEvent(new CustomEvent("tab-click",{detail:{id:this.id},bubbles:!0,composed:!0}))}handleCrossKeydown(t){t.stopPropagation(),t.code===s.b.Enter&&this.handleCrossEventDispatch()}handleCrossClick(t){t.preventDefault(),!0!==this.disabled&&this.handleCrossEventDispatch()}handleCrossEventDispatch(){this.id&&("auto"===this.closable?this.dispatchEvent(new CustomEvent("tab-cross-click",{detail:{id:this.id},bubbles:!0,composed:!0})):"custom"===this.closable&&this.dispatchEvent(new CustomEvent("tab-close-click",{detail:{id:this.id,name:this.name},bubbles:!0,composed:!0})))}notifySelectedTab(){this.dispatchEvent(new CustomEvent("focus-visible",{composed:!0,bubbles:!0}))}update(t){super.update(t),t.has("disabled")&&(this.selected=!1,this.setAttribute("aria-disabled",""+this.disabled))}connectedCallback(){super.connectedCallback()}firstUpdated(t){super.firstUpdated(t),this.ariaRole&&this.setAttribute("role",this.ariaRole)}renderCrossButton(){return l.html`
|
|
2
2
|
<div
|
|
3
3
|
?disabled=${this.disabled}
|
|
4
4
|
tabindex="-1"
|
package/dist/chunks/md-54.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[54],{113:function(e,t,o){"use strict";o.r(t),o.d(t,"Alert",(function(){return r}));o(14),o(81);var r,i=o(5),n=o(6),l=o(0),a=o(2),s=o(4),d=l.css`:host{--alert-icon-size:var(--alert-default-icon-size);--alert-close-btn:var(--alert-close-bg-color)}:host(md-alert){display:flex;flex:1 1 100%}.md-alert{align-content:center;align-items:flex-start;display:flex;flex-flow:row nowrap;justify-content:space-between;border-top-left-radius:.3125rem;border-top-right-radius:.3125rem;border-bottom-left-radius:.3125rem;border-bottom-right-radius:.3125rem;background-color:var(--alert-default-bg-color);border:1px solid var(--alert-default-border-color);box-shadow:0 8px 16px 0 rgba(0,0,0,.08);flex:1 1 100%;margin-bottom:.5rem;max-height:19.25rem;max-width:23rem;min-height:4.875rem;padding:.75rem;gap:.75rem}.md-alert__icon{align-self:center}.md-alert__icon md-icon::part(icon){font-size:var(--alert-default-icon-size);line-height:var(--alert-default-icon-size)}.md-alert__body{align-content:center;align-items:flex-start;display:flex;flex-flow:row nowrap;justify-content:space-between;width:100%}.md-alert__content{display:flex;flex-basis:0;flex-direction:column;flex-grow:2;max-width:17rem;padding-right:.125rem;align-self:center}.md-alert__title{-webkit-box-orient:vertical;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;text-overflow:ellipsis;color:var(--alert-title-text-color);font-size:var(--alert-title-font-size);line-height:1.5rem;width:100%}.md-alert__message{-webkit-box-orient:vertical;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;color:var(--alert-default-text-color);font-family:var(--brand-font-light, "CiscoSansTT Light", "Helvetica Neue", Helvetica, Arial, sans-serif);font-size:var(--font-size-body-midsize,.875rem);line-height:1.35;width:100%;word-wrap:break-word}.md-alert__button{align-self:center}.md-alert__button md-button::part(button){align-items:center;background-color:var(--alert-close-bg-color);border-radius:50%;display:inline-flex;height:var(--alert-close-size);justify-content:center;width:var(--alert-close-size)}.md-alert__button md-icon::part(icon){color:var(--alert-close-text-color)}.md-alert.md-alert__inline{border:0;box-shadow:none;margin-bottom:0}.md-new-alert{border-top-left-radius:.5rem;border-top-right-radius:.5rem;border-bottom-left-radius:.5rem;border-bottom-right-radius:.5rem;box-sizing:border-box;background-color:var(--alert-default-bg-color);border:1px solid var(--alert-default-new-border-color);box-shadow:0 0 1px 0 rgba(0,0,0,.1215686275),0 8px 16px 0 rgba(0,0,0,.2);flex:1 1 100%;margin-bottom:.5rem;max-height:15rem;max-width:21.25rem;min-height:3.5rem;padding:1rem;flex-direction:column}.md-new-alert__body{align-content:center;align-items:flex-start;display:flex;flex-flow:row nowrap;justify-content:
|
|
1
|
+
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[54],{113:function(e,t,o){"use strict";o.r(t),o.d(t,"Alert",(function(){return r}));o(14),o(81);var r,i=o(5),n=o(6),l=o(0),a=o(2),s=o(4),d=l.css`:host{--alert-icon-size:var(--alert-default-icon-size);--alert-close-btn:var(--alert-close-bg-color)}:host(md-alert){display:flex;flex:1 1 100%}.md-alert{align-content:center;align-items:flex-start;display:flex;flex-flow:row nowrap;justify-content:space-between;border-top-left-radius:.3125rem;border-top-right-radius:.3125rem;border-bottom-left-radius:.3125rem;border-bottom-right-radius:.3125rem;background-color:var(--alert-default-bg-color);border:1px solid var(--alert-default-border-color);box-shadow:0 8px 16px 0 rgba(0,0,0,.08);flex:1 1 100%;margin-bottom:.5rem;max-height:19.25rem;max-width:23rem;min-height:4.875rem;padding:.75rem;gap:.75rem}.md-alert__icon{align-self:center}.md-alert__icon md-icon::part(icon){font-size:var(--alert-default-icon-size);line-height:var(--alert-default-icon-size)}.md-alert__body{align-content:center;align-items:flex-start;display:flex;flex-flow:row nowrap;justify-content:space-between;width:100%}.md-alert__content{display:flex;flex-basis:0;flex-direction:column;flex-grow:2;max-width:17rem;padding-right:.125rem;align-self:center}.md-alert__title{-webkit-box-orient:vertical;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;text-overflow:ellipsis;color:var(--alert-title-text-color);font-size:var(--alert-title-font-size);line-height:1.5rem;width:100%}.md-alert__message{-webkit-box-orient:vertical;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;color:var(--alert-default-text-color);font-family:var(--brand-font-light, "CiscoSansTT Light", "Helvetica Neue", Helvetica, Arial, sans-serif);font-size:var(--font-size-body-midsize,.875rem);line-height:1.35;width:100%;word-wrap:break-word}.md-alert__button{align-self:center}.md-alert__button md-button::part(button){align-items:center;background-color:var(--alert-close-bg-color);border-radius:50%;display:inline-flex;height:var(--alert-close-size);justify-content:center;width:var(--alert-close-size)}.md-alert__button md-icon::part(icon){color:var(--alert-close-text-color)}.md-alert.md-alert__inline{border:0;box-shadow:none;margin-bottom:0}.md-new-alert{border-top-left-radius:.5rem;border-top-right-radius:.5rem;border-bottom-left-radius:.5rem;border-bottom-right-radius:.5rem;box-sizing:border-box;background-color:var(--alert-default-bg-color);border:1px solid var(--alert-default-new-border-color);box-shadow:0 0 1px 0 rgba(0,0,0,.1215686275),0 8px 16px 0 rgba(0,0,0,.2);flex:1 1 100%;margin-bottom:.5rem;max-height:15rem;max-width:21.25rem;min-height:3.5rem;padding:1rem;flex-direction:column}.md-new-alert__body{align-content:center;align-items:flex-start;display:flex;flex-flow:row nowrap;justify-content:flex-start;gap:.75rem;width:100%}.md-new-alert__icon md-icon::part(icon){font-size:var(--alert-default-icon-size);line-height:var(--alert-default-icon-size)}.md-new-alert__content{display:flex;flex-basis:0;flex-direction:column;flex-grow:2;max-width:15.25rem;align-self:center}.md-new-alert__title{-webkit-box-orient:vertical;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;text-overflow:ellipsis;color:var(--alert-title-text-color);font-family:var(--brand-font-medium, "CiscoSans-Medium", "Helvetica Neue", Helvetica, Arial, sans-serif);font-weight:500;font-size:var(--alert-title-font-size);line-height:1.5rem;width:100%}.md-new-alert__message{-webkit-box-orient:vertical;display:-webkit-box;-webkit-line-clamp:5;line-clamp:5;overflow:hidden;color:var(--alert-default-new-body-text-color);font-family:var(--brand-font-regular, "CiscoSansTT Regular", "Helvetica Neue", Helvetica, Arial, sans-serif);font-size:var(--font-size-body-midsize,.875rem);line-height:1.25rem;width:100%;word-wrap:break-word;margin-top:.25rem}.md-new-alert__message md-link::part(link){font-size:var(--font-size-body-midsize,.875rem);color:var(--md-hyperlink-text-color)}.md-new-alert__button{margin-left:.125rem}.md-new-alert__button md-button::part(button){align-items:center;background-color:var(--alert-close-bg-color);border-radius:50%;display:inline-flex;height:var(--alert-close-size);justify-content:center;width:var(--alert-close-size);margin-top:.1875rem}.md-new-alert__button md-icon::part(icon){color:var(--alert-close-text-color)}.md-new-alert__footer{display:flex;margin-top:1rem;justify-content:end;width:100%;gap:.5rem}.md-new-alert__footer.is-empty{display:none}.md-new-alert__link{margin-top:.25rem;display:flex;justify-content:center;font-family:var(--brand-font-regular, "CiscoSansTT Regular", "Helvetica Neue", Helvetica, Arial, sans-serif)}.md-new-alert__link md-icon{margin-left:.5rem}.md-new-alert.md-alert__inline{border:0;box-shadow:none;margin-bottom:0}@media(forced-colors:active){.md-alert__button md-icon::part(icon){color:ButtonText}.md-alert__icon{background:0 0}.md-alert__icon md-icon::part(icon){color:CanvasText}.md-alert .md-badge{background-color:inherit}}`,c=function(e,t,o,r){var i,n=arguments.length,l=n<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,o):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)l=Reflect.decorate(e,t,o,r);else for(var a=e.length-1;a>=0;a--)(i=e[a])&&(l=(n<3?i(l):n>3?i(t,o,l):i(t,o))||l);return n>3&&l&&Object.defineProperty(t,o,l),l};!function(e){let t=class extends l.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 l.html`
|
|
2
2
|
<md-icon
|
|
3
3
|
name="error-legacy-bold"
|
|
4
4
|
size="${this.newMomentum?24:32}"
|
package/dist/chunks/md-55.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[55],{114:function(e,t,i){"use strict";i.r(t),i.d(t,"playbackSpeeds",(function(){return p})),i.d(t,"defaultLabelMap",(function(){return c})),i.d(t,"AudioPlayer",(function(){return m}));i(17),i(14),i(
|
|
1
|
+
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[55],{114:function(e,t,i){"use strict";i.r(t),i.d(t,"playbackSpeeds",(function(){return p})),i.d(t,"defaultLabelMap",(function(){return c})),i.d(t,"AudioPlayer",(function(){return m}));i(17),i(14),i(44);var o=i(1),a=i(5),l=i(6),n=i(0),s=i(2),r=i(4),d=n.css`:host(md-audio-player){display:block}.md-audio-player{background:var(--audio-player-background-body,#ededed);box-shadow:inset 0 0 1.25rem rgba(176,176,176,.25);border-radius:1.875rem;height:3.75rem;color:var(--audio-player-font-color,#121212);flex-direction:column;justify-content:center;display:flex;padding:0 1.25rem;font-size:14px}.inner-container{display:flex;gap:.625rem;align-items:center;justify-items:center}.timeline-container{flex:1;z-index:0}.timeline-container md-tooltip{display:unset}md-button::part(button){vertical-align:text-bottom}md-button::part(button):focus::after{outline:0;box-shadow:none}md-button::part(button):focus-visible{box-shadow:0 0 0 .125rem var(--aido-player-focus-ring-color,#007aa3)}.timeline{background:var(--audio-player-background-timeline,#ccc);cursor:pointer;height:.375rem;width:100%;border-radius:.25rem;position:relative}.progress-bar{background:var(--audio-player-background-progress-bar,#3b3b3b);height:100%;width:0;transition:.25s;border-radius:.25rem;position:absolute;z-index:2}.buffer-bar{background:var(--audio-player-background-buffer-bar,#b2b2b2);height:100%;width:0;transition:.25s;border-radius:.25rem;position:absolute;top:0;opacity:.6}.text-container{display:flex;justify-content:space-between}.play-btn{cursor:pointer}.play-btn md-icon{vertical-align:sub}.volume-container{height:1.75rem;border-radius:1.875rem;display:flex;align-items:center;justify-content:center;transition:.25s}.volume-container md-icon{cursor:pointer}.volume-container:hover{background:var(--audio-player-background-body,#ededed);box-shadow:inset 0 0 1.25rem rgba(176,176,176,.25);padding:0 .9375rem}.volume-container:hover .volume{width:5rem;margin-right:.625rem}.volume{cursor:pointer;height:.375rem;width:0;overflow:hidden;border-radius:.625rem;transition:.25s;background:var(--audio-player-background-timeline,#ccc)}.volume-slider{background:var(--audio-player-background-progress-bar,#3b3b3b);height:100%;width:24%}.speed-icon-container{position:relative}#speed-btn{cursor:pointer}.speed-popup{display:none;position:absolute;z-index:1;bottom:-.375rem;right:4.75rem;height:100%;width:100%;justify-content:center;align-items:flex-end}.speed-popup.popup-open{display:flex}.speed-popup ul{list-style:none;padding:.375rem 0;text-align:left;display:flex;align-items:center;justify-content:center;flex-direction:column;background:var(--audio-player-background-speed-popup,#fff);box-shadow:0 .25rem .5rem rgba(0,0,0,.2),0 0 .0625rem rgba(0,0,0,.12);border-radius:.5rem}.speed-popup ul li{padding:.125rem .75rem .125rem .75rem;color:var(--audio-player-font-color,#121212);width:10rem;height:1.875rem;cursor:pointer;transition:background .1s ease;display:inline-flex;justify-content:space-between;align-items:center}.speed-popup ul li:hover{background:var(--audio-player-background-speed-popup-hover,#f7f7f7)}.speed-popup-selected-speed{background:var(--audio-player-background-speed-popup-hover,#f7f7f7)}@media(forced-colors:active){.md-audio-player{outline:1px solid transparent!important}.buffer-bar{forced-color-adjust:none;opacity:.3;background-color:GrayText}.progress-bar{forced-color-adjust:none;background-color:Highlight}.volume{forced-color-adjust:none;background-color:HighlightText;outline:1px solid Highlight;outline-offset:-1px}.volume-slider{forced-color-adjust:none;background-color:Highlight}.speed-popup ul{outline:1px solid Highlight}.speed-popup ul li:hover{forced-color-adjust:none;color:Canvas;background:Highlight}#speed-popup-menu>.speed-popup-selected-speed{forced-color-adjust:none;color:Canvas;background:Highlight}}`,u=function(e,t,i,o){var a,l=arguments.length,n=l<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,o);else for(var s=e.length-1;s>=0;s--)(a=e[s])&&(n=(l<3?a(n):l>3?a(t,i,n):a(t,i))||n);return l>3&&n&&Object.defineProperty(t,i,n),n};const p=[{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 m;!function(e){let t=class extends n.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 i=e.composedPath();i.length&&(t=!!i.find(e=>"speed-btn"===e.id),t||(this.showSpeedPopup=!1))},this.handleKeyDown=e=>{const{code:t}=e;switch(t){case o.b.ArrowLeft:this.volumeExpanded?this.setVolumeKeydown(this.volume-.01):this.setTimeKeydown(this.currentTime-1);break;case o.b.ArrowRight:this.volumeExpanded?this.setVolumeKeydown(this.volume+.01):this.setTimeKeydown(this.currentTime+1);break;case o.b.ArrowUp:if(this.showSpeedPopup){this.currentlySelectingPlaybackSpeed=!0;const t=p.findIndex(e=>e.value===this.selectedPlaybackSpeed),i=Math.max(0,t-1);this.selectedPlaybackSpeed=p[i].value,e.preventDefault(),this.currentlySelectingPlaybackSpeed=!1}break;case o.b.ArrowDown:if(this.showSpeedPopup){this.currentlySelectingPlaybackSpeed=!0;const t=p.findIndex(e=>e.value===this.selectedPlaybackSpeed),i=Math.min(p.length-1,t+1);this.selectedPlaybackSpeed=p[i].value,e.preventDefault(),this.currentlySelectingPlaybackSpeed=!1}break;case o.b.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"),i=Math.floor(t*this.duration);this.audio.currentTime=i}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 i=e=>{t||(t=!0),this.volumeExpanded?this.setVolume(e):a()},o=()=>{a()},a=()=>{t=!1,window.removeEventListener("mousemove",i),window.removeEventListener("mouseup",o)};window.addEventListener("mousemove",i),window.addEventListener("mouseup",o),e.preventDefault()}getVolumeFromSlider(e){if(null===this.volumeElement)return 0;const t=this.volumeElement.getBoundingClientRect(),i=e.clientX-t.x;return Math.max(0,Math.min(1,i/t.width))}setVolume(e){const t=this.getVolumeFromSlider(e);this.audio.volume=t}getBarPercentage(e,t){const i=(e.target.className===t?e.target:e.target.parentElement).getBoundingClientRect();return(e.clientX-i.x)/i.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]}render(){return n.html`
|
|
2
2
|
<div class="md-audio-player">
|
|
3
3
|
<div class="inner-container">
|
|
4
4
|
<div class="play-container">
|
package/dist/chunks/md-59.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[59],{118:function(e,t,d){"use strict";d.r(t),d.d(t,"Card",(function(){return r}));d(17),d(83),d(14),d(74),d(75),d(36),d(
|
|
1
|
+
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[59],{118:function(e,t,d){"use strict";d.r(t),d.d(t,"Card",(function(){return r}));d(17),d(83),d(14),d(74),d(75),d(36),d(44);var r,o=d(5),a=d(6),i=d(0),n=d(2),c=d(13),m=d(1),s=i.css`:host(md-card){display:inline-block}:host(md-card) .md-card{align-content:center;align-items:stretch;display:flex;flex-flow:column nowrap;justify-content:flex-start;background:var(--md-tertiary-white-bg-color);border:var(--md-quaternary-bg-color);border-radius:.5rem;box-shadow:0 .125rem .25rem rgba(0,0,0,.16),0 0 .0625rem rgba(0,0,0,.16);color:var(--md-secondary-text-color);cursor:pointer;max-width:26.5rem;padding:calc(.5rem*2);position:relative;width:100%}:host(md-card) .md-card-header{align-content:flex-start;align-items:flex-start;display:flex;flex-flow:row nowrap;justify-content:space-between;flex:1 0 100%;margin-bottom:.5rem}:host(md-card) .md-card-header md-favorite{padding-top:calc(.5rem*.5)}:host(md-card) .md-card-header-title{display:flex;flex:1 1 100%;flex-direction:column;margin:0 .5rem}:host(md-card) .md-card-header-title h1{color:var(--md-primary-text-color);font-family:var(--brand-font-medium, "CiscoSans-Medium", "Helvetica Neue", Helvetica, Arial, sans-serif);font-size:16px;line-height:calc(.5rem*3);margin:0}:host(md-card) .md-card-header-title h2{color:var(--md-secondary-text-color);font-size:12px;line-height:calc(.5rem*2.25)}:host(md-card) .md-card-header-actions{align-self:stretch;display:inline-flex;position:relative;z-index:1}:host(md-card) .md-card-header-actions .md-card-info-icon,:host(md-card) .md-card-header-actions .md-card-max-icon{padding-right:.5rem}:host(md-card) .md-card-header-actions md-menu-overlay::part(overlay-content){max-width:9rem}:host(md-card) .md-card .md-card-menu-icon{border-radius:calc(.5rem/2);display:inline-flex}:host(md-card) .md-card .md-card-menu-icon::part(button){padding:calc(.5rem*.25)}:host(md-card) .md-card .md-card-menu-icon:hover{background-color:var(--md-tertiary-bg-color)}:host(md-card) .md-card .md-card-menu-icon:active{background-color:var(--md-quaternary-bg-color)}:host(md-card) .md-card .md-card-menu-list-items{padding:calc(.5rem*.25)}:host(md-card) .md-card-content{background:var(--md-secondary-bg-color);border:var(--md-quaternary-bg-color);border-radius:calc(.5rem/2);height:14rem;margin-bottom:calc(.5rem*2);overflow:hidden}:host(md-card) .md-card.full-screen{display:inline-block;height:100%!important;left:0;max-width:100%;position:absolute;top:0;width:100%}:host(md-card) .md-card.full-screen .md-card-content{height:auto}:host(md-card) .md-card-footer{display:flex;flex-wrap:wrap;gap:.5rem}@media(forced-colors:active){:host(md-card) .md-card{box-shadow:none;outline:1px solid CanvasText}:host(md-card) .md-card:focus{outline:2px solid Highlight}:host(md-card) .md-card-header md-favorite{color:windowText}}`,l=function(e,t,d,r){var o,a=arguments.length,i=a<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,d):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(e,t,d,r);else for(var n=e.length-1;n>=0;n--)(o=e[n])&&(i=(a<3?o(i):a>3?o(t,d,i):o(t,d))||i);return a>3&&i&&Object.defineProperty(t,d,i),i};!function(e){let t=class extends i.LitElement{constructor(){super(...arguments),this.title="title",this.subtitle="",this.id="",this.info="",this.infoAriaLabel="Card Info",this.menuAriaLabel="Card Menu",this.menuOptions=[]}static get styles(){return[a.a,s]}handleCardClick(){this.dispatchEvent(new CustomEvent("card-click",{detail:{id:this.id},bubbles:!0,composed:!0}))}handleCardKeyDown(e){e.code!==m.b.Enter&&e.code!==m.b.Space||this.dispatchEvent(new CustomEvent("card-keydown",{detail:{id:this.id},bubbles:!0,composed:!0}))}handleCardMenuEvent(e,t){e.stopPropagation();const d=t.toLowerCase();this.dispatchEvent(new CustomEvent("card-menu-click",{detail:{id:this.id,type:d},bubbles:!0,composed:!0}))}handleCardMenuKeyDown(e,t){e.preventDefault(),this.dispatchEvent(new CustomEvent("card-menu-keydown",{detail:{id:this.id,type:t.toLowerCase(),keyCode:e.code},bubbles:!0,composed:!0}))}render(){return i.html`
|
|
2
2
|
<div
|
|
3
3
|
class="md-card"
|
|
4
4
|
id="${this.id}"
|
package/dist/chunks/md-63.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[63],{120:function(o,e,r){"use strict";r.r(e),r.d(e,"Chip",(function(){return t}));r(14),r(84),r(43);var t,c=r(1),a=r(5),l=r(6),i=r(0),d=r(2),g=r(4),n=r(3),b=i.css`:focus{outline:0}.md-chip{padding:.25rem 1rem;font-size:var(--font-size-body-midsize,.75rem);align-items:center;background-color:var(--md-secondary-bg-color,#f7f7f7);color:var(--md-primary-text-color,#121212);cursor:pointer;display:inline-flex;font-family:var(--brand-font-regular, "CiscoSansTT Regular", "Helvetica Neue", Helvetica, Arial, sans-serif);font-weight:400;height:2rem;justify-content:space-between;line-height:1rem;margin-bottom:auto;max-width:12.5rem;overflow:auto;position:relative;text-align:center;text-decoration:none;white-space:nowrap;width:auto}.md-chip{border-radius:1.125rem}.md-chip{--left-content-right-margin:0.625rem}.md-chip--small{padding:.1875rem .75rem;font-size:var(--font-size-body-midsize,.75rem);height:1.5rem;min-width:auto}.md-chip:focus{box-shadow:0 0 0 .0625rem var(--md-default-focus-outline-color,#005e7d)}.md-chip:hover{background-color:var(--md-tertiary-bg-color,#ededed)}.md-chip:active,.md-chip[aria-selected=true]{background-color:var(--button-secondary-active-normal-bg-color,var(--md-quaternary-bg-color,#dedede))}.md-chip--blue,.md-chip--cobalt{background-color:var(--badge-blue-bg-color);color:var(--badge-blue-text-color)}.md-chip--blue:hover,.md-chip--cobalt:hover{background-color:var(--badge-blue-bg-color);color:var(--badge-blue-text-color)}.md-chip--blue:active,.md-chip--cobalt:active{background-color:var(--badge-blue-bg-color);color:var(--badge-blue-text-color)}.md-chip--blue:hover,.md-chip--cobalt:hover{background-color:var(--badge-blue-hover-bg-color);color:var(--badge-blue-text-color)}.md-chip--blue:hover:hover,.md-chip--cobalt:hover:hover{background-color:var(--badge-blue-hover-bg-color);color:var(--badge-blue-text-color)}.md-chip--blue:hover:active,.md-chip--cobalt:hover:active{background-color:var(--badge-blue-hover-bg-color);color:var(--badge-blue-text-color)}.md-chip--blue:active,.md-chip--cobalt:active{background-color:var(--badge-blue-active-bg-color);color:var(--badge-blue-text-color)}.md-chip--blue:active:hover,.md-chip--cobalt:active:hover{background-color:var(--badge-blue-active-bg-color);color:var(--badge-blue-text-color)}.md-chip--blue:active:active,.md-chip--cobalt:active:active{background-color:var(--badge-blue-active-bg-color);color:var(--badge-blue-text-color)}.md-chip--gray{background-color:var(--badge-gray-bg-color);color:var(--badge-gray-text-color)}.md-chip--gray:hover{background-color:var(--badge-gray-bg-color);color:var(--badge-gray-text-color)}.md-chip--gray:active{background-color:var(--badge-gray-bg-color);color:var(--badge-gray-text-color)}.md-chip--gray:hover{background-color:var(--badge-gray-hover-bg-color);color:var(--badge-gray-text-color)}.md-chip--gray:hover:hover{background-color:var(--badge-gray-hover-bg-color);color:var(--badge-gray-text-color)}.md-chip--gray:hover:active{background-color:var(--badge-gray-hover-bg-color);color:var(--badge-gray-text-color)}.md-chip--gray:active{background-color:var(--badge-gray-active-bg-color);color:var(--badge-gray-text-color)}.md-chip--gray:active:hover{background-color:var(--badge-gray-active-bg-color);color:var(--badge-gray-text-color)}.md-chip--gray:active:active{background-color:var(--badge-gray-active-bg-color);color:var(--badge-gray-text-color)}.md-chip--mint{background-color:var(--badge-mint-bg-color);color:var(--badge-mint-text-color)}.md-chip--mint:hover{background-color:var(--badge-mint-bg-color);color:var(--badge-mint-text-color)}.md-chip--mint:active{background-color:var(--badge-mint-bg-color);color:var(--badge-mint-text-color)}.md-chip--mint:hover{background-color:var(--badge-mint-hover-bg-color);color:var(--badge-mint-text-color)}.md-chip--mint:hover:hover{background-color:var(--badge-mint-hover-bg-color);color:var(--badge-mint-text-color)}.md-chip--mint:hover:active{background-color:var(--badge-mint-hover-bg-color);color:var(--badge-mint-text-color)}.md-chip--mint:active{background-color:var(--badge-mint-active-bg-color);color:var(--badge-mint-text-color)}.md-chip--mint:active:hover{background-color:var(--badge-mint-active-bg-color);color:var(--badge-mint-text-color)}.md-chip--mint:active:active{background-color:var(--badge-mint-active-bg-color);color:var(--badge-mint-text-color)}.md-chip--darkmint{background-color:var(--badge-darkmint-bg-color);color:var(--badge-darkmint-text-color)}.md-chip--darkmint:hover{background-color:var(--badge-darkmint-bg-color);color:var(--badge-darkmint-text-color)}.md-chip--darkmint:active{background-color:var(--badge-darkmint-bg-color);color:var(--badge-darkmint-text-color)}.md-chip--green{background-color:var(--badge-green-bg-color);color:var(--badge-green-text-color)}.md-chip--green:hover{background-color:var(--badge-green-bg-color);color:var(--badge-green-text-color)}.md-chip--green:active{background-color:var(--badge-green-bg-color);color:var(--badge-green-text-color)}.md-chip--yellow{background-color:var(--badge-yellow-bg-color);color:var(--badge-yellow-text-color)}.md-chip--yellow:hover{background-color:var(--badge-yellow-bg-color);color:var(--badge-yellow-text-color)}.md-chip--yellow:active{background-color:var(--badge-yellow-bg-color);color:var(--badge-yellow-text-color)}.md-chip--red{background-color:var(--badge-red-bg-color);color:var(--badge-red-text-color)}.md-chip--red:hover{background-color:var(--badge-red-bg-color);color:var(--badge-red-text-color)}.md-chip--red:active{background-color:var(--badge-red-bg-color);color:var(--badge-red-text-color)}.md-chip--orange{background-color:var(--badge-orange-bg-color);color:var(--badge-orange-text-color)}.md-chip--orange:hover{background-color:var(--badge-orange-bg-color);color:var(--badge-orange-text-color)}.md-chip--orange:active{background-color:var(--badge-orange-bg-color);color:var(--badge-orange-text-color)}.md-chip--orange:hover{background-color:var(--badge-orange-hover-bg-color);color:var(--badge-orange-text-color)}.md-chip--orange:hover:hover{background-color:var(--badge-orange-hover-bg-color);color:var(--badge-orange-text-color)}.md-chip--orange:hover:active{background-color:var(--badge-orange-hover-bg-color);color:var(--badge-orange-text-color)}.md-chip--orange:active{background-color:var(--badge-orange-active-bg-color);color:var(--badge-orange-text-color)}.md-chip--orange:active:hover{background-color:var(--badge-orange-active-bg-color);color:var(--badge-orange-text-color)}.md-chip--orange:active:active{background-color:var(--badge-orange-active-bg-color);color:var(--badge-orange-text-color)}.md-chip--gold{background-color:var(--badge-gold-bg-color);color:var(--badge-gold-text-color)}.md-chip--gold:hover{background-color:var(--badge-gold-bg-color);color:var(--badge-gold-text-color)}.md-chip--gold:active{background-color:var(--badge-gold-bg-color);color:var(--badge-gold-text-color)}.md-chip--gold:hover{background-color:var(--badge-gold-hover-bg-color);color:var(--badge-gold-text-color)}.md-chip--gold:hover:hover{background-color:var(--badge-gold-hover-bg-color);color:var(--badge-gold-text-color)}.md-chip--gold:hover:active{background-color:var(--badge-gold-hover-bg-color);color:var(--badge-gold-text-color)}.md-chip--gold:active{background-color:var(--badge-gold-active-bg-color);color:var(--badge-gold-text-color)}.md-chip--gold:active:hover{background-color:var(--badge-gold-active-bg-color);color:var(--badge-gold-text-color)}.md-chip--gold:active:active{background-color:var(--badge-gold-active-bg-color);color:var(--badge-gold-text-color)}.md-chip--lime{background-color:var(--badge-lime-bg-color);color:var(--badge-lime-text-color)}.md-chip--lime:hover{background-color:var(--badge-lime-bg-color);color:var(--badge-lime-text-color)}.md-chip--lime:active{background-color:var(--badge-lime-bg-color);color:var(--badge-lime-text-color)}.md-chip--lime:hover{background-color:var(--badge-lime-hover-bg-color);color:var(--badge-lime-text-color)}.md-chip--lime:hover:hover{background-color:var(--badge-lime-hover-bg-color);color:var(--badge-lime-text-color)}.md-chip--lime:hover:active{background-color:var(--badge-lime-hover-bg-color);color:var(--badge-lime-text-color)}.md-chip--lime:active{background-color:var(--badge-lime-active-bg-color);color:var(--badge-lime-text-color)}.md-chip--lime:active:hover{background-color:var(--badge-lime-active-bg-color);color:var(--badge-lime-text-color)}.md-chip--lime:active:active{background-color:var(--badge-lime-active-bg-color);color:var(--badge-lime-text-color)}.md-chip--pink{background-color:var(--badge-pink-bg-color);color:var(--badge-pink-text-color)}.md-chip--pink:hover{background-color:var(--badge-pink-bg-color);color:var(--badge-pink-text-color)}.md-chip--pink:active{background-color:var(--badge-pink-bg-color);color:var(--badge-pink-text-color)}.md-chip--pink:hover{background-color:var(--badge-pink-hover-bg-color);color:var(--badge-pink-text-color)}.md-chip--pink:hover:hover{background-color:var(--badge-pink-hover-bg-color);color:var(--badge-pink-text-color)}.md-chip--pink:hover:active{background-color:var(--badge-pink-hover-bg-color);color:var(--badge-pink-text-color)}.md-chip--pink:active{background-color:var(--badge-pink-active-bg-color);color:var(--badge-pink-text-color)}.md-chip--pink:active:hover{background-color:var(--badge-pink-active-bg-color);color:var(--badge-pink-text-color)}.md-chip--pink:active:active{background-color:var(--badge-pink-active-bg-color);color:var(--badge-pink-text-color)}.md-chip--purple{background-color:var(--badge-purple-bg-color);color:var(--badge-purple-text-color)}.md-chip--purple:hover{background-color:var(--badge-purple-bg-color);color:var(--badge-purple-text-color)}.md-chip--purple:active{background-color:var(--badge-purple-bg-color);color:var(--badge-purple-text-color)}.md-chip--violet{background-color:var(--badge-violet-bg-color);color:var(--badge-violet-text-color)}.md-chip--violet:hover{background-color:var(--badge-violet-bg-color);color:var(--badge-violet-text-color)}.md-chip--violet:active{background-color:var(--badge-violet-bg-color);color:var(--badge-violet-text-color)}.md-chip--violet:hover{background-color:var(--badge-violet-hover-bg-color);color:var(--badge-violet-text-color)}.md-chip--violet:hover:hover{background-color:var(--badge-violet-hover-bg-color);color:var(--badge-violet-text-color)}.md-chip--violet:hover:active{background-color:var(--badge-violet-hover-bg-color);color:var(--badge-violet-text-color)}.md-chip--violet:active{background-color:var(--badge-violet-active-bg-color);color:var(--badge-violet-text-color)}.md-chip--violet:active:hover{background-color:var(--badge-violet-active-bg-color);color:var(--badge-violet-text-color)}.md-chip--violet:active:active{background-color:var(--badge-violet-active-bg-color);color:var(--badge-violet-text-color)}.md-chip--cyan{background-color:var(--badge-cyan-bg-color);color:var(--badge-cyan-text-color)}.md-chip--cyan:hover{background-color:var(--badge-cyan-bg-color);color:var(--badge-cyan-text-color)}.md-chip--cyan:active{background-color:var(--badge-cyan-bg-color);color:var(--badge-cyan-text-color)}.md-chip--positive{--left-content-right-margin:4px;padding:0 4px;font-weight:500;font-family:var(--brand-font-regular);background-color:var(--badge-positive-bg-color);color:var(--badge-positive-text-color);border:1px solid var(--badge-positive-border-color);border-radius:4px}.md-chip--positive:hover{background-color:var(--badge-positive-hover-bg-color)}.md-chip--positive:active{background-color:var(--badge-positive-active-bg-color)}.md-chip--negative{--left-content-right-margin:4px;padding:0 4px;font-weight:500;font-family:var(--brand-font-regular);background-color:var(--badge-negative-bg-color);color:var(--badge-negative-text-color);border:1px solid var(--badge-negative-border-color);border-radius:4px}.md-chip--negative:hover{background-color:var(--badge-negative-hover-bg-color)}.md-chip--negative:active{background-color:var(--badge-negative-active-bg-color)}.md-chip--neutral{--left-content-right-margin:4px;padding:0 4px;font-weight:500;font-family:var(--brand-font-regular);background-color:var(--badge-neutral-bg-color);color:var(--badge-neutral-text-color);border:1px solid var(--badge-neutral-border-color);border-radius:4px}.md-chip--neutral:hover{background-color:var(--badge-neutral-hover-bg-color)}.md-chip--neutral:active{background-color:var(--badge-neutral-active-bg-color)}.md-chip .md-chip--clear{display:flow-root;margin-left:.625rem;margin-right:0;height:.875rem;right:.75rem;top:.75rem;width:.875rem}.md-chip .md-chip--clear::before{font-size:.875rem}.md-chip .md-chip--loading{left:0;overflow:hidden;position:absolute;top:-.125rem;width:100%}.md-chip .md-chip--textcontent{max-width:9.375rem}.md-chip md-icon{display:flex;margin-right:var(--left-content-right-margin)}.md-chip.md-chip--disabled{color:var(--md-disabled-text-color,#b2b2b2);cursor:default;align-items:center;background-color:var(--md-secondary-bg-color,#f7f7f7);color:var(--md-primary-text-color,#121212);cursor:pointer;display:inline-flex;font-family:var(--brand-font-regular, "CiscoSansTT Regular", "Helvetica Neue", Helvetica, Arial, sans-serif);font-weight:400;height:2rem;justify-content:space-between;line-height:1rem;margin-bottom:auto;max-width:12.5rem;overflow:auto;position:relative;text-align:center;text-decoration:none;white-space:nowrap;width:auto}.md-chip.md-chip--disabled{border-radius:1.125rem}.md-chip.md-chip--disabled md-icon{color:var(--md-disabled-text-color,#b2b2b2)}::slotted(*){line-height:normal}::slotted([slot=custom-left-content]){margin-right:var(--left-content-right-margin)}::slotted([slot=custom-right-content]){margin-left:.625rem}@media(forced-colors:active){.md-chip{outline:1px solid CanvasText}.md-chip:focus,.md-chip:hover{box-shadow:none;outline:2px solid Highlight}.md-chip.md-chip--disabled{color:GrayText;outline:1px solid GrayText}.md-chip.md-chip--disabled:focus,.md-chip.md-chip--disabled:hover{outline:2px solid Highlight}.md-chip.md-chip--disabled md-icon{color:GrayText}}`,v=function(o,e,r,t){var c,a=arguments.length,l=a<3?e:null===t?t=Object.getOwnPropertyDescriptor(e,r):t;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)l=Reflect.decorate(o,e,r,t);else for(var i=o.length-1;i>=0;i--)(c=o[i])&&(l=(a<3?c(l):a>3?c(e,r,l):c(e,r))||l);return a>3&&l&&Object.defineProperty(e,r,l),l};!function(o){let e=class extends i.LitElement{constructor(){super(...arguments),this.color="",this.bgColor="",this.textColor="",this.height="",this.icon="",this.iconColor="",this.iconSize="",this.role="group",this.id="",this.small=!1,this.readonly=!1,this.selected=!1,this.disabled=!1,this.determinateProgress=0,this.indeterminateProgress=!1,this.tooltipText="",this.tooltipPlacement="auto",this.iconSet="momentumUI",this.value="",this.textOverflow=!1,this.renderedText="",this.MAX_LENGTH=18,this.PRE_TRUNC_CHARS=6,this.POST_TRUNC_CHARS=9,this.DOT_COUNT=3,this.selectionChange=o=>{this.dispatchEvent(new CustomEvent("chip-selected",{composed:!0,bubbles:!0,detail:{selected:o}}))},this.handleClear=o=>{this.dispatchEvent(new CustomEvent("chip-deleted",{composed:!0,bubbles:!0,detail:{id:o}}))},this.handleSelect=()=>{this.disabled||(this.selected=!0,this.selectionChange(!0))},this.handleDeSelect=()=>{this.selected=!1,this.selectionChange(!1)},this.renderBgColor=()=>this.bgColor?`background-color: ${this.bgColor};`:d.nothing,this.renderTextColor=()=>this.textColor?`color: ${this.textColor};`:d.nothing,this.renderHeight=()=>this.height?`height: ${this.height};`:d.nothing,this.getStyles=()=>this.bgColor||this.textColor||this.height?i.html`
|
|
1
|
+
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[63],{120:function(o,e,r){"use strict";r.r(e),r.d(e,"Chip",(function(){return t}));r(14),r(84),r(44);var t,c=r(1),a=r(5),l=r(6),i=r(0),d=r(2),g=r(4),n=r(3),b=i.css`:focus{outline:0}.md-chip{padding:.25rem 1rem;font-size:var(--font-size-body-midsize,.75rem);align-items:center;background-color:var(--md-secondary-bg-color,#f7f7f7);color:var(--md-primary-text-color,#121212);cursor:pointer;display:inline-flex;font-family:var(--brand-font-regular, "CiscoSansTT Regular", "Helvetica Neue", Helvetica, Arial, sans-serif);font-weight:400;height:2rem;justify-content:space-between;line-height:1rem;margin-bottom:auto;max-width:12.5rem;overflow:auto;position:relative;text-align:center;text-decoration:none;white-space:nowrap;width:auto}.md-chip{border-radius:1.125rem}.md-chip{--left-content-right-margin:0.625rem}.md-chip--small{padding:.1875rem .75rem;font-size:var(--font-size-body-midsize,.75rem);height:1.5rem;min-width:auto}.md-chip:focus{box-shadow:0 0 0 .0625rem var(--md-default-focus-outline-color,#005e7d)}.md-chip:hover{background-color:var(--md-tertiary-bg-color,#ededed)}.md-chip:active,.md-chip[aria-selected=true]{background-color:var(--button-secondary-active-normal-bg-color,var(--md-quaternary-bg-color,#dedede))}.md-chip--blue,.md-chip--cobalt{background-color:var(--badge-blue-bg-color);color:var(--badge-blue-text-color)}.md-chip--blue:hover,.md-chip--cobalt:hover{background-color:var(--badge-blue-bg-color);color:var(--badge-blue-text-color)}.md-chip--blue:active,.md-chip--cobalt:active{background-color:var(--badge-blue-bg-color);color:var(--badge-blue-text-color)}.md-chip--blue:hover,.md-chip--cobalt:hover{background-color:var(--badge-blue-hover-bg-color);color:var(--badge-blue-text-color)}.md-chip--blue:hover:hover,.md-chip--cobalt:hover:hover{background-color:var(--badge-blue-hover-bg-color);color:var(--badge-blue-text-color)}.md-chip--blue:hover:active,.md-chip--cobalt:hover:active{background-color:var(--badge-blue-hover-bg-color);color:var(--badge-blue-text-color)}.md-chip--blue:active,.md-chip--cobalt:active{background-color:var(--badge-blue-active-bg-color);color:var(--badge-blue-text-color)}.md-chip--blue:active:hover,.md-chip--cobalt:active:hover{background-color:var(--badge-blue-active-bg-color);color:var(--badge-blue-text-color)}.md-chip--blue:active:active,.md-chip--cobalt:active:active{background-color:var(--badge-blue-active-bg-color);color:var(--badge-blue-text-color)}.md-chip--gray{background-color:var(--badge-gray-bg-color);color:var(--badge-gray-text-color)}.md-chip--gray:hover{background-color:var(--badge-gray-bg-color);color:var(--badge-gray-text-color)}.md-chip--gray:active{background-color:var(--badge-gray-bg-color);color:var(--badge-gray-text-color)}.md-chip--gray:hover{background-color:var(--badge-gray-hover-bg-color);color:var(--badge-gray-text-color)}.md-chip--gray:hover:hover{background-color:var(--badge-gray-hover-bg-color);color:var(--badge-gray-text-color)}.md-chip--gray:hover:active{background-color:var(--badge-gray-hover-bg-color);color:var(--badge-gray-text-color)}.md-chip--gray:active{background-color:var(--badge-gray-active-bg-color);color:var(--badge-gray-text-color)}.md-chip--gray:active:hover{background-color:var(--badge-gray-active-bg-color);color:var(--badge-gray-text-color)}.md-chip--gray:active:active{background-color:var(--badge-gray-active-bg-color);color:var(--badge-gray-text-color)}.md-chip--mint{background-color:var(--badge-mint-bg-color);color:var(--badge-mint-text-color)}.md-chip--mint:hover{background-color:var(--badge-mint-bg-color);color:var(--badge-mint-text-color)}.md-chip--mint:active{background-color:var(--badge-mint-bg-color);color:var(--badge-mint-text-color)}.md-chip--mint:hover{background-color:var(--badge-mint-hover-bg-color);color:var(--badge-mint-text-color)}.md-chip--mint:hover:hover{background-color:var(--badge-mint-hover-bg-color);color:var(--badge-mint-text-color)}.md-chip--mint:hover:active{background-color:var(--badge-mint-hover-bg-color);color:var(--badge-mint-text-color)}.md-chip--mint:active{background-color:var(--badge-mint-active-bg-color);color:var(--badge-mint-text-color)}.md-chip--mint:active:hover{background-color:var(--badge-mint-active-bg-color);color:var(--badge-mint-text-color)}.md-chip--mint:active:active{background-color:var(--badge-mint-active-bg-color);color:var(--badge-mint-text-color)}.md-chip--darkmint{background-color:var(--badge-darkmint-bg-color);color:var(--badge-darkmint-text-color)}.md-chip--darkmint:hover{background-color:var(--badge-darkmint-bg-color);color:var(--badge-darkmint-text-color)}.md-chip--darkmint:active{background-color:var(--badge-darkmint-bg-color);color:var(--badge-darkmint-text-color)}.md-chip--green{background-color:var(--badge-green-bg-color);color:var(--badge-green-text-color)}.md-chip--green:hover{background-color:var(--badge-green-bg-color);color:var(--badge-green-text-color)}.md-chip--green:active{background-color:var(--badge-green-bg-color);color:var(--badge-green-text-color)}.md-chip--yellow{background-color:var(--badge-yellow-bg-color);color:var(--badge-yellow-text-color)}.md-chip--yellow:hover{background-color:var(--badge-yellow-bg-color);color:var(--badge-yellow-text-color)}.md-chip--yellow:active{background-color:var(--badge-yellow-bg-color);color:var(--badge-yellow-text-color)}.md-chip--red{background-color:var(--badge-red-bg-color);color:var(--badge-red-text-color)}.md-chip--red:hover{background-color:var(--badge-red-bg-color);color:var(--badge-red-text-color)}.md-chip--red:active{background-color:var(--badge-red-bg-color);color:var(--badge-red-text-color)}.md-chip--orange{background-color:var(--badge-orange-bg-color);color:var(--badge-orange-text-color)}.md-chip--orange:hover{background-color:var(--badge-orange-bg-color);color:var(--badge-orange-text-color)}.md-chip--orange:active{background-color:var(--badge-orange-bg-color);color:var(--badge-orange-text-color)}.md-chip--orange:hover{background-color:var(--badge-orange-hover-bg-color);color:var(--badge-orange-text-color)}.md-chip--orange:hover:hover{background-color:var(--badge-orange-hover-bg-color);color:var(--badge-orange-text-color)}.md-chip--orange:hover:active{background-color:var(--badge-orange-hover-bg-color);color:var(--badge-orange-text-color)}.md-chip--orange:active{background-color:var(--badge-orange-active-bg-color);color:var(--badge-orange-text-color)}.md-chip--orange:active:hover{background-color:var(--badge-orange-active-bg-color);color:var(--badge-orange-text-color)}.md-chip--orange:active:active{background-color:var(--badge-orange-active-bg-color);color:var(--badge-orange-text-color)}.md-chip--gold{background-color:var(--badge-gold-bg-color);color:var(--badge-gold-text-color)}.md-chip--gold:hover{background-color:var(--badge-gold-bg-color);color:var(--badge-gold-text-color)}.md-chip--gold:active{background-color:var(--badge-gold-bg-color);color:var(--badge-gold-text-color)}.md-chip--gold:hover{background-color:var(--badge-gold-hover-bg-color);color:var(--badge-gold-text-color)}.md-chip--gold:hover:hover{background-color:var(--badge-gold-hover-bg-color);color:var(--badge-gold-text-color)}.md-chip--gold:hover:active{background-color:var(--badge-gold-hover-bg-color);color:var(--badge-gold-text-color)}.md-chip--gold:active{background-color:var(--badge-gold-active-bg-color);color:var(--badge-gold-text-color)}.md-chip--gold:active:hover{background-color:var(--badge-gold-active-bg-color);color:var(--badge-gold-text-color)}.md-chip--gold:active:active{background-color:var(--badge-gold-active-bg-color);color:var(--badge-gold-text-color)}.md-chip--lime{background-color:var(--badge-lime-bg-color);color:var(--badge-lime-text-color)}.md-chip--lime:hover{background-color:var(--badge-lime-bg-color);color:var(--badge-lime-text-color)}.md-chip--lime:active{background-color:var(--badge-lime-bg-color);color:var(--badge-lime-text-color)}.md-chip--lime:hover{background-color:var(--badge-lime-hover-bg-color);color:var(--badge-lime-text-color)}.md-chip--lime:hover:hover{background-color:var(--badge-lime-hover-bg-color);color:var(--badge-lime-text-color)}.md-chip--lime:hover:active{background-color:var(--badge-lime-hover-bg-color);color:var(--badge-lime-text-color)}.md-chip--lime:active{background-color:var(--badge-lime-active-bg-color);color:var(--badge-lime-text-color)}.md-chip--lime:active:hover{background-color:var(--badge-lime-active-bg-color);color:var(--badge-lime-text-color)}.md-chip--lime:active:active{background-color:var(--badge-lime-active-bg-color);color:var(--badge-lime-text-color)}.md-chip--pink{background-color:var(--badge-pink-bg-color);color:var(--badge-pink-text-color)}.md-chip--pink:hover{background-color:var(--badge-pink-bg-color);color:var(--badge-pink-text-color)}.md-chip--pink:active{background-color:var(--badge-pink-bg-color);color:var(--badge-pink-text-color)}.md-chip--pink:hover{background-color:var(--badge-pink-hover-bg-color);color:var(--badge-pink-text-color)}.md-chip--pink:hover:hover{background-color:var(--badge-pink-hover-bg-color);color:var(--badge-pink-text-color)}.md-chip--pink:hover:active{background-color:var(--badge-pink-hover-bg-color);color:var(--badge-pink-text-color)}.md-chip--pink:active{background-color:var(--badge-pink-active-bg-color);color:var(--badge-pink-text-color)}.md-chip--pink:active:hover{background-color:var(--badge-pink-active-bg-color);color:var(--badge-pink-text-color)}.md-chip--pink:active:active{background-color:var(--badge-pink-active-bg-color);color:var(--badge-pink-text-color)}.md-chip--purple{background-color:var(--badge-purple-bg-color);color:var(--badge-purple-text-color)}.md-chip--purple:hover{background-color:var(--badge-purple-bg-color);color:var(--badge-purple-text-color)}.md-chip--purple:active{background-color:var(--badge-purple-bg-color);color:var(--badge-purple-text-color)}.md-chip--violet{background-color:var(--badge-violet-bg-color);color:var(--badge-violet-text-color)}.md-chip--violet:hover{background-color:var(--badge-violet-bg-color);color:var(--badge-violet-text-color)}.md-chip--violet:active{background-color:var(--badge-violet-bg-color);color:var(--badge-violet-text-color)}.md-chip--violet:hover{background-color:var(--badge-violet-hover-bg-color);color:var(--badge-violet-text-color)}.md-chip--violet:hover:hover{background-color:var(--badge-violet-hover-bg-color);color:var(--badge-violet-text-color)}.md-chip--violet:hover:active{background-color:var(--badge-violet-hover-bg-color);color:var(--badge-violet-text-color)}.md-chip--violet:active{background-color:var(--badge-violet-active-bg-color);color:var(--badge-violet-text-color)}.md-chip--violet:active:hover{background-color:var(--badge-violet-active-bg-color);color:var(--badge-violet-text-color)}.md-chip--violet:active:active{background-color:var(--badge-violet-active-bg-color);color:var(--badge-violet-text-color)}.md-chip--cyan{background-color:var(--badge-cyan-bg-color);color:var(--badge-cyan-text-color)}.md-chip--cyan:hover{background-color:var(--badge-cyan-bg-color);color:var(--badge-cyan-text-color)}.md-chip--cyan:active{background-color:var(--badge-cyan-bg-color);color:var(--badge-cyan-text-color)}.md-chip--positive{--left-content-right-margin:4px;padding:0 4px;font-weight:500;font-family:var(--brand-font-regular);background-color:var(--badge-positive-bg-color);color:var(--badge-positive-text-color);border:1px solid var(--badge-positive-border-color);border-radius:4px}.md-chip--positive:hover{background-color:var(--badge-positive-hover-bg-color)}.md-chip--positive:active{background-color:var(--badge-positive-active-bg-color)}.md-chip--negative{--left-content-right-margin:4px;padding:0 4px;font-weight:500;font-family:var(--brand-font-regular);background-color:var(--badge-negative-bg-color);color:var(--badge-negative-text-color);border:1px solid var(--badge-negative-border-color);border-radius:4px}.md-chip--negative:hover{background-color:var(--badge-negative-hover-bg-color)}.md-chip--negative:active{background-color:var(--badge-negative-active-bg-color)}.md-chip--neutral{--left-content-right-margin:4px;padding:0 4px;font-weight:500;font-family:var(--brand-font-regular);background-color:var(--badge-neutral-bg-color);color:var(--badge-neutral-text-color);border:1px solid var(--badge-neutral-border-color);border-radius:4px}.md-chip--neutral:hover{background-color:var(--badge-neutral-hover-bg-color)}.md-chip--neutral:active{background-color:var(--badge-neutral-active-bg-color)}.md-chip .md-chip--clear{display:flow-root;margin-left:.625rem;margin-right:0;height:.875rem;right:.75rem;top:.75rem;width:.875rem}.md-chip .md-chip--clear::before{font-size:.875rem}.md-chip .md-chip--loading{left:0;overflow:hidden;position:absolute;top:-.125rem;width:100%}.md-chip .md-chip--textcontent{max-width:9.375rem}.md-chip md-icon{display:flex;margin-right:var(--left-content-right-margin)}.md-chip.md-chip--disabled{color:var(--md-disabled-text-color,#b2b2b2);cursor:default;align-items:center;background-color:var(--md-secondary-bg-color,#f7f7f7);color:var(--md-primary-text-color,#121212);cursor:pointer;display:inline-flex;font-family:var(--brand-font-regular, "CiscoSansTT Regular", "Helvetica Neue", Helvetica, Arial, sans-serif);font-weight:400;height:2rem;justify-content:space-between;line-height:1rem;margin-bottom:auto;max-width:12.5rem;overflow:auto;position:relative;text-align:center;text-decoration:none;white-space:nowrap;width:auto}.md-chip.md-chip--disabled{border-radius:1.125rem}.md-chip.md-chip--disabled md-icon{color:var(--md-disabled-text-color,#b2b2b2)}::slotted(*){line-height:normal}::slotted([slot=custom-left-content]){margin-right:var(--left-content-right-margin)}::slotted([slot=custom-right-content]){margin-left:.625rem}@media(forced-colors:active){.md-chip{outline:1px solid CanvasText}.md-chip:focus,.md-chip:hover{box-shadow:none;outline:2px solid Highlight}.md-chip.md-chip--disabled{color:GrayText;outline:1px solid GrayText}.md-chip.md-chip--disabled:focus,.md-chip.md-chip--disabled:hover{outline:2px solid Highlight}.md-chip.md-chip--disabled md-icon{color:GrayText}}`,v=function(o,e,r,t){var c,a=arguments.length,l=a<3?e:null===t?t=Object.getOwnPropertyDescriptor(e,r):t;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)l=Reflect.decorate(o,e,r,t);else for(var i=o.length-1;i>=0;i--)(c=o[i])&&(l=(a<3?c(l):a>3?c(e,r,l):c(e,r))||l);return a>3&&l&&Object.defineProperty(e,r,l),l};!function(o){let e=class extends i.LitElement{constructor(){super(...arguments),this.color="",this.bgColor="",this.textColor="",this.height="",this.icon="",this.iconColor="",this.iconSize="",this.role="group",this.id="",this.small=!1,this.readonly=!1,this.selected=!1,this.disabled=!1,this.determinateProgress=0,this.indeterminateProgress=!1,this.tooltipText="",this.tooltipPlacement="auto",this.iconSet="momentumUI",this.value="",this.textOverflow=!1,this.renderedText="",this.MAX_LENGTH=18,this.PRE_TRUNC_CHARS=6,this.POST_TRUNC_CHARS=9,this.DOT_COUNT=3,this.selectionChange=o=>{this.dispatchEvent(new CustomEvent("chip-selected",{composed:!0,bubbles:!0,detail:{selected:o}}))},this.handleClear=o=>{this.dispatchEvent(new CustomEvent("chip-deleted",{composed:!0,bubbles:!0,detail:{id:o}}))},this.handleSelect=()=>{this.disabled||(this.selected=!0,this.selectionChange(!0))},this.handleDeSelect=()=>{this.selected=!1,this.selectionChange(!1)},this.renderBgColor=()=>this.bgColor?`background-color: ${this.bgColor};`:d.nothing,this.renderTextColor=()=>this.textColor?`color: ${this.textColor};`:d.nothing,this.renderHeight=()=>this.height?`height: ${this.height};`:d.nothing,this.getStyles=()=>this.bgColor||this.textColor||this.height?i.html`
|
|
2
2
|
<style>
|
|
3
3
|
:host .md-chip {
|
|
4
4
|
${this.renderBgColor()};
|
package/dist/chunks/md-66.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[66],{93:function(t,e,r){"use strict";r.r(e),r.d(e,"CompositeAvatar",(function(){return o}));var o,s=r(6),a=r(5),n=r(0),i=r(4),c=r(
|
|
1
|
+
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[66],{93:function(t,e,r){"use strict";r.r(e),r.d(e,"CompositeAvatar",(function(){return o}));var o,s=r(6),a=r(5),n=r(0),i=r(4),c=r(41),p=function(t,e,r,o){var s,a=arguments.length,n=a<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,r):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,r,o);else for(var i=t.length-1;i>=0;i--)(s=t[i])&&(n=(a<3?s(n):a>3?s(e,r,n):s(e,r))||n);return a>3&&n&&Object.defineProperty(e,r,n),n};!function(t){let e=class extends n.LitElement{constructor(){super(...arguments),this.size=0}static get styles(){return[s.a,c.a]}get avatarClassMap(){return{["md-composite-avatar--"+this.size]:!!this.size}}render(){return n.html`
|
|
2
2
|
<div class="md-composite-avatar ${Object(i.classMap)(this.avatarClassMap)}">
|
|
3
3
|
<slot></slot>
|
|
4
4
|
</div>
|
package/dist/chunks/md-67.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[67],{98:function(t,e,a){"use strict";a.r(e),a.d(e,"DateRangePicker",(function(){return s}));var s,n=a(5),i=a(0),r=a(15),o=a(
|
|
1
|
+
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[67],{98:function(t,e,a){"use strict";a.r(e),a.d(e,"DateRangePicker",(function(){return s}));var s,n=a(5),i=a(0),r=a(15),o=a(46),d=function(t,e,a,s){var n,i=arguments.length,r=i<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,a):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(t,e,a,s);else for(var o=t.length-1;o>=0;o--)(n=t[o])&&(r=(i<3?n(r):i>3?n(e,a,r):n(e,a))||r);return i>3&&r&&Object.defineProperty(e,a,r),r};!function(t){let e=class extends o.DatePicker.ELEMENT{constructor(){super(...arguments),this.startDate=void 0,this.endDate=void 0,this.updateValue=()=>{this.startDate&&this.endDate&&(this.value=`${this.sqlDateToSlashes(this.startDate)} - ${this.sqlDateToSlashes(this.endDate)}`)},this.handleDateSelection=t=>{const e=t.detail.data;this.startDate?this.endDate?(this.startDate=this.dateToSqlTranslate(e),this.endDate=void 0):e<r.DateTime.fromISO(this.startDate)?(this.endDate=this.startDate,this.startDate=this.dateToSqlTranslate(e)):this.endDate=this.dateToSqlTranslate(e):this.startDate=this.dateToSqlTranslate(e),this.emitDateRange(),this.updateValue()}}connectedCallback(){super.connectedCallback(),super.render(),this.addEventListener("date-selection-change",this.handleDateSelection)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("date-selection-change",this.handleDateSelection)}dateToSqlTranslate(t){return t.toSQLDate()}sqlDateToSlashes(t){return t.replace(/-+/g,"/")}emitDateRange(){if(!this.startDate||!this.endDate)return;const t=new CustomEvent("date-range-change",{detail:{startDate:this.startDate,endDate:this.endDate}});this.dispatchEvent(t)}};d([Object(i.property)({type:String,attribute:"start-date",reflect:!0})],e.prototype,"startDate",void 0),d([Object(i.property)({type:String,attribute:"end-date",reflect:!0})],e.prototype,"endDate",void 0),e=d([Object(n.a)("md-date-range-picker")],e),t.ELEMENT=e}(s||(s={}))}}]);
|
package/dist/chunks/md-69.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[69],{99:function(t,e,a){"use strict";a.r(e),a.d(e,"Draggable",(function(){return o}));var o,s=a(0),r=a(
|
|
1
|
+
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[69],{99:function(t,e,a){"use strict";a.r(e),a.d(e,"Draggable",(function(){return o}));var o,s=a(0),r=a(38),i=a.n(r),n=a(6),l=a(68),h=a(16),p=a(7),d=function(t,e,a,o){var s,r=arguments.length,i=r<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,a):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(t,e,a,o);else for(var n=t.length-1;n>=0;n--)(s=t[n])&&(i=(r<3?s(i):r>3?s(e,a,i):s(e,a))||i);return r>3&&i&&Object.defineProperty(e,a,i),i};!function(t){let e=class extends(Object(p.e)(s.LitElement)){constructor(){super(...arguments),this.delay=0,this.animation=0,this.handle="",this.filter="",this.easing="",this.direction="vertical",this.group=null,this.draggableItems="md-draggable-item",this.ghostClass="",this.chosenClass="",this.dragClass="",this.fallbackClass="",this.swapThreshold=1,this.touchStartThreshold=0,this.forceFallback=!1,this.sort=!1,this.disabled=!1,this.editable=!1,this.sortableInstance=null,this.handleOnChange=t=>{t.stopPropagation(),this.dispatchDragEvent("drag-change",t)},this.handleOnClone=t=>{t.stopPropagation(),this.dispatchDragEvent("drag-clone",t)},this.handleOnUnchoose=t=>{t.stopPropagation(),this.dispatchDragEvent("drag-unchoose",t)},this.handleOnRemove=t=>{t.stopPropagation(),this.dispatchDragEvent("drag-remove",t)},this.handleOnAdd=t=>{t.stopPropagation(),this.dispatchDragEvent("drag-add",t)},this.handleOnChoose=t=>{t.stopPropagation(),this.dispatchDragEvent("drag-choose",t)},this.handleOnEnd=t=>{t.stopPropagation(),this.dispatchDragEvent("drag-end",t)},this.handleOnMove=Object(h.b)(t=>{t.stopPropagation(),this.dispatchDragEvent("drag-move",t)},100),this.handleOnStart=t=>{t.stopPropagation(),this.dispatchDragEvent("drag-start",t)}}static get styles(){return[n.a,l.a]}get slotElement(){return this.draggableSlot}generateOptions(){return Object.assign(Object.assign({},this.group&&{group:this.group}),{disabled:this.disabled,animation:this.animation,sort:this.sort,delay:this.delay,handle:this.handle,easing:this.easing,filter:this.filter,swapThreshold:this.swapThreshold,touchStartThreshold:this.touchStartThreshold,draggable:this.draggableItems,direction:this.direction,ghostClass:this.ghostClass,chosenClass:this.chosenClass,dragClass:this.dragClass,fallbackClass:this.fallbackClass,forceFallback:this.forceFallback,onStart:this.handleOnStart,onMove:this.handleOnMove,onEnd:this.handleOnEnd,onChoose:this.handleOnChoose,onAdd:this.handleOnAdd,onRemove:this.handleOnRemove,onUnchoose:this.handleOnUnchoose,onClone:this.handleOnClone,onChange:this.handleOnChange})}initializeSortable(){this.sortableInstance||(this.sortableInstance=i.a.create(this,this.generateOptions()))}dispatchDragEvent(t,e){this.dispatchEvent(new CustomEvent(t,{composed:!0,bubbles:!0,detail:{srcEvent:e}}))}cleanupSortable(){this.sortableInstance&&(this.sortableInstance.destroy(),this.sortableInstance=null)}connectedCallback(){super.connectedCallback(),this.initializeSortable()}disconnectedCallback(){super.disconnectedCallback(),this.cleanupSortable()}setSortableOption(t,e){this.sortableInstance&&void 0!==this.sortableInstance.option(t)&&this.sortableInstance.option(t,e)}updateSortableInstance(t){for(const e of t.keys()){const t=this[e];this.setSortableOption(e,t)}}updated(t){super.updated(t),this.updateSortableInstance(t)}slottedChanged(){this.initializeSortable()}render(){return s.html`
|
|
2
2
|
<div class="md-draggable" part="draggable" aria-disabled=${this.disabled}>
|
|
3
3
|
<slot name="draggable-item"></slot>
|
|
4
4
|
</div>
|
package/dist/chunks/md-72.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[72],{125:function(e,t,i){"use strict";i.r(t),i.d(t,"alignment",(function(){return f})),i.d(t,"EditableTextfield",(function(){return g}));var d=i(
|
|
1
|
+
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[72],{125:function(e,t,i){"use strict";i.r(t),i.d(t,"alignment",(function(){return f})),i.d(t,"EditableTextfield",(function(){return g}));var d=i(21),l=i(6),r=i(49),a=i.n(r),s=i(5),o=i(0),n=i(2),c=i(4),h=i(3),b=i(30),p=o.css`:focus{outline:0}.md-editable-textfield{border-radius:.25rem;line-height:1.3571428571 rem;min-height:2rem;overflow-y:auto;padding:0 .375rem 0 .375rem}.md-editable-textfield:hover{background-color:var(--editable-textfield-default-hover-bg-color,#ededed)}.md-editable-textfield:active{background-color:var(--editable-textfield-default-pressed-bg-color,#dedede)}.md-editable-textfield:focus{box-shadow:0 0 0 .0625rem var(--md-default-focus-outline-color,#007aa3)}.md-editable-textfield--left .md-input{text-align:left}.md-editable-textfield--center .md-input{text-align:center}.md-editable-textfield--center ::slotted(*){text-align:center}.md-editable-textfield--right .md-input{text-align:right}.md-editable-textfield--right ::slotted(*){text-align:right}.md-editable-textfield--disabled{background-color:rgba(0,0,0,0);color:var(--md-secondary-text-color,#545454);cursor:default}.md-editable-textfield--disabled:hover{background-color:rgba(0,0,0,0)}.md-editable-textfield--disabled:focus{box-shadow:none;outline:0}.md-editable-textfield--error{background-color:var(--md-alert-error-bg-color,#ffe8e3);border:1px solid var(--editable-textfield-error-border-color,#a12512);color:var(--md-alert-error-text-color,#a12512)}.md-editable-textfield--error:focus{box-shadow:none;outline:0}.md-editable-textfield--warning{background-color:var(--md-alert-warning-bg-color,#ffecc2);border:1px solid var(--editable-textfield-warning-border-color,#d97f00);color:var(--md-alert-warning-text-color,#7d4705)}.md-editable-textfield--warning:focus{box-shadow:none;outline:0}.md-editable-textfield--success{background-color:var(--md-alert-success-bg-color,#befade);border:1px solid var(--editable-textfield-success-border-color,#00ab50);color:var(--md-alert-success-text-color,#03612c)}.md-editable-textfield--success:focus{box-shadow:none;outline:0}.md-editable-textfield--textoverflow{-webkit-box-orient:vertical;display:-webkit-box;overflow-y:hidden;text-overflow:ellipsis}.md-editable-textfield__messages{padding:.375rem 0 0 1rem}@media(forced-colors:active){.md-editable-textfield:focus{outline:1px solid Highlight;box-shadow:none}.md-editable-textfield--disabled{color:GrayText;cursor:default}.md-editable-textfield--disabled:focus{box-shadow:none;outline:0}}`,m=function(e,t,i,d){var l,r=arguments.length,a=r<3?t:null===d?d=Object.getOwnPropertyDescriptor(t,i):d;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,i,d);else for(var s=e.length-1;s>=0;s--)(l=e[s])&&(a=(r<3?l(a):r>3?l(t,i,a):l(t,i))||a);return r>3&&a&&Object.defineProperty(t,i,a),a};const f=["left","right","center"];var g;!function(e){let t=class extends o.LitElement{constructor(){super(...arguments),this.alignment="left",this.disabled=!1,this.isEditing=!1,this.maxLines="",this.content="Click to edit text",this.message={type:"error",message:"That is not a valid input."},this.alert=!1,this.hideMessage=!1,this.pattern="",this.type=null,this.ariaLabel="editable field",this.ariaDescribedBy="",this.messageController=new b.Input.MessageController,this.reportValidity=()=>{this.dispatchEvent(new Event("invalid",{bubbles:!1,cancelable:!0,composed:!0}))},this.checkValidity=e=>{let t=!0;const i=i=>{null===e.match(i)&&(t=!1)};if(this.pattern){i(new RegExp(this.pattern))}else if(e&&this.type)switch(this.type){case"integer":i(new RegExp(d.a.integerString));break;case"decimal":i(new RegExp(d.a.decimalString))}return t},this.handleFocus=()=>{this.disabled||(this.isEditing=!0,this.setRange())},this.handleKeydown=e=>{var t;const{key:i,code:d}=e;if(["Tab","Meta","Shift","Delete","Backspace","Arrow"].some(e=>d.includes(e)))return;("integer"===this.type&&i.includes(".")||("integer"===this.type||"decimal"===this.type)&&d.match("Space"))&&e.preventDefault();const l=(null===(t=this.editableField)||void 0===t?void 0:t.innerText.trim())+i;if(this.type)if(isNaN(Number(l)))e.preventDefault();else{if("integer"!==this.type||Number.isInteger(Number(l)))return;e.preventDefault()}},this.handleBlur=()=>{var e;this.isEditing=!1,this.maxLines.length>0&&this.editableField&&this.editableField.scrollTo(0,0),this.content=(null===(e=this.editableField)||void 0===e?void 0:e.innerText.trim())||"",this.alert=!1,this.handleValidation()}}connectedCallback(){super.connectedCallback(),this.addEventListener("focus",this.handleFocus)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("focus",this.handleFocus)}firstUpdated(e){super.firstUpdated(e),this.innerText&&this.innerText.length>0?this.content=this.innerText.trim():this.innerText=a.a.sanitize(this.content)}updated(e){super.updated(e),e.has("content")&&this.editableField&&(this.editableField.innerText=a.a.sanitize(this.content))}setRange(){var e;if(this.editableField){const t=document.createRange(),i=window.getSelection(),d=null===(e=this.editableField.childNodes[0].nodeValue)||void 0===e?void 0:e.length;if(t.setStart(this.editableField.childNodes[0],d||0),t.collapse(!0),!i||0!==i.toString().length)return;i.removeAllRanges(),i.addRange(t),this.maxLines.length>0&&(this.editableField.scrollTop=this.editableField.scrollHeight)}}handleValidation(){if(this.type||this.pattern){this.checkValidity&&this.checkValidity(this.content)||(this.reportValidity(),this.showAlert())}}showAlert(){this.alert=!0}static get styles(){return[l.a,p]}get overflowStyles(){return this.maxLines.length&&this.maxLines.length>0&&`max-height: ${2*parseInt(this.maxLines)}rem; -webkit-line-clamp: ${this.maxLines}; word-break: break-all;`}messagesTemplate(){var e,t,i;return this.alert?o.html`
|
|
2
2
|
<div class="md-editable-textfield__messages" style="display: ${this.hideMessage?"none":"block"}">
|
|
3
3
|
<md-help-text
|
|
4
4
|
id="alert-message"
|
package/dist/chunks/md-73.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[73],{101:function(t,i,e){"use strict";e.r(i),e.d(i,"FloatingModal",(function(){return o}));e(17),e(14);var o,n=e(7),a=e(5),s=e(6),r=(e(50),e(51),e(52),e(
|
|
1
|
+
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[73],{101:function(t,i,e){"use strict";e.r(i),e.d(i,"FloatingModal",(function(){return o}));e(17),e(14);var o,n=e(7),a=e(5),s=e(6),r=(e(50),e(51),e(52),e(26)),l=e.n(r),d=(e(53),e(0)),c=e(2),h=e(3),m=(e(80),e(69)),p=function(t,i,e,o){var n,a=arguments.length,s=a<3?i:null===o?o=Object.getOwnPropertyDescriptor(i,e):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,i,e,o);else for(var r=t.length-1;r>=0;r--)(n=t[r])&&(s=(a<3?n(s):a>3?n(i,e,s):n(i,e))||s);return a>3&&s&&Object.defineProperty(i,e,s),s},b=function(t,i,e,o){return new(e||(e=Promise))((function(n,a){function s(t){try{l(o.next(t))}catch(t){a(t)}}function r(t){try{l(o.throw(t))}catch(t){a(t)}}function l(t){var i;t.done?n(t.value):(i=t.value,i instanceof e?i:new e((function(t){t(i)}))).then(s,r)}l((o=o.apply(t,i||[])).next())}))};!function(t){let i=class extends(Object(n.a)(Object(n.e)(d.LitElement))){constructor(){super(...arguments),this.heading="",this.label="",this.show=!1,this.aspectRatio=!1,this.fixed=!1,this.full=!1,this.closeAriaLabel="Close Modal",this.resizeAriaLabel="Resize Modal",this.maximizeScreenLabel="Maximize Modal",this.minimizeAriaLabel="Minimize Modal",this.minimize=!1,this.minimizable=!1,this.containerRect=null,this.dragOccured=!1,this.containerTransform="",this.applyInitialPosition=!0,this.resizeMoveListener=t=>{const{target:i}=t;let e=parseFloat(i.getAttribute("data-x"))||0,o=parseFloat(i.getAttribute("data-y"))||0;i.style.setProperty("width",t.rect.width+"px","important"),i.style.setProperty("height",t.rect.height+"px","important");const{initialX:n,initialY:a}=this.getInitialPosition();e+=t.deltaRect.left+n,o+=t.deltaRect.top+a,this.setTargetPosition(i,e,o),this.applyInitialPosition=!1},this.resizeEndListener=()=>{this.setContainerRect()},this.getInitialPosition=()=>{var t,i;return this.applyInitialPosition&&this.position?{initialX:Number(null===(t=this.position)||void 0===t?void 0:t.x),initialY:Number(null===(i=this.position)||void 0===i?void 0:i.y)}:{initialX:0,initialY:0}},this.dragMoveListener=t=>{const{target:i}=t,{x:e,y:o}=this.getTransformValues(t);this.setTargetPosition(i,e,o),this.applyInitialPosition=!1},this.dragEndListener=()=>{this.dragOccured=!0,this.setContainerRect()}}static get styles(){return[s.a,m.a]}updated(t){super.updated(t),t.has("show")&&(this.container&&this.show?(this.applyInitialPosition=!0,this.setContainerRect(),this.setInteractInstance()):(this.cleanContainerStyles(),this.destroyInteractInstance())),this.container&&t.has("position")&&!t.has("show")&&this.setInitialTargetPosition()}isNewPositionNotSame(){var t,i,e,o;if(this.container)return Number(null===(t=this.container)||void 0===t?void 0:t.getAttribute("data-x"))!==(null===(i=this.position)||void 0===i?void 0:i.x)||Number(null===(e=this.container)||void 0===e?void 0:e.getAttribute("data-y"))!==(null===(o=this.position)||void 0===o?void 0:o.y)}setInitialTargetPosition(){var t,i;this.container&&this.isNewPositionNotSame()&&this.setTargetPosition(this.container,Number(null===(t=this.position)||void 0===t?void 0:t.x),Number(null===(i=this.position)||void 0===i?void 0:i.y))}cleanContainerStyles(){this.containerTransform=""}getContainerTransform(){const t=this.container.getAttribute("data-x"),i=this.container.getAttribute("data-y");return t&&i?(this.dispatchEvent(new CustomEvent("floating-modal-location",{composed:!0,bubbles:!0,detail:{transform:{x:t,y:i}}})),`translate(${t}px, ${i}px)`):this.container.style.transform}setContainerRect(){requestAnimationFrame(()=>b(this,void 0,void 0,(function*(){yield this.updateComplete,this.containerRect=this.container.getBoundingClientRect(),this.dispatchEvent(new CustomEvent("floating-modal-resize",{composed:!0,bubbles:!0,detail:{size:this.containerRect}})),this.containerTransform=this.getContainerTransform()})))}setInteractInstance(){requestAnimationFrame(()=>{this.container&&l()(this.container).resizable({edges:{left:!0,right:!0,bottom:!0,top:!0},listeners:{end:this.resizeEndListener,move:this.resizeMoveListener},modifiers:this.aspectRatio?[l.a.modifiers.aspectRatio({ratio:"preserve",equalDelta:!0,modifiers:[l.a.modifiers.restrictSize({max:"parent"})]})]:void 0}).draggable({autoScroll:!0,allowFrom:this.header,ignoreFrom:this.body,listeners:{move:this.dragMoveListener,end:this.dragEndListener}})})}handleClose(t){this.show=!1,this.full=!1,this.dispatchEvent(new CustomEvent("floating-modal-close",{composed:!0,bubbles:!0,detail:{srcEvent:t}}))}handleMinimize(){this.minimizable&&(this.dragOccured||(this.minimize=!this.minimize,this.dispatchEvent(new CustomEvent("floating-modal-minimize",{composed:!0,bubbles:!0,detail:{minimize:this.minimize}}))),this.dragOccured=!1)}handleToggleExpandCollapse(){this.full=!this.full}getTransformValues(t){const{target:i,dx:e,dy:o}=t,{initialX:n,initialY:a}=this.getInitialPosition();return{x:(parseFloat(i.getAttribute("data-x"))||0)+e+n,y:(parseFloat(i.getAttribute("data-y"))||0)+o+a}}setTargetPosition(t,i,e){t.style.transform=`translate(${i}px, ${e}px)`,t.setAttribute("data-x",""+i),t.setAttribute("data-y",""+e)}destroyInteractInstance(){this.container&&l.a.isSet(this.container)&&l()(this.container).unset()}disconnectedCallback(){super.disconnectedCallback(),this.destroyInteractInstance()}renderedCallback(){this.containerTransform=this.position?`translate(${this.position.x}px, ${this.position.y}px)`:""}render(){return d.html`
|
|
2
2
|
${this.show?d.html`
|
|
3
3
|
<div
|
|
4
4
|
class="md-floating ${this.fixed?"fixed":""} ${this.minimize?"hide":""}"
|