@momentum-ui/web-components 2.13.7 → 2.13.9
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 +2 -1
- package/dist/chunks/md-12.js +1 -1
- package/dist/chunks/md-13.js +1 -1
- package/dist/chunks/md-15.js +2 -2
- package/dist/chunks/md-17.js +1 -1
- package/dist/chunks/md-18.js +1 -1
- package/dist/chunks/md-19.js +1 -1
- package/dist/chunks/md-20.js +1 -1
- package/dist/chunks/md-21.js +1 -1
- package/dist/chunks/md-23.js +1 -57
- package/dist/chunks/md-24.js +57 -1
- package/dist/chunks/md-25.js +1 -1
- package/dist/chunks/md-26.js +1 -61
- package/dist/chunks/md-27.js +188 -1
- package/dist/chunks/md-28.js +61 -1
- package/dist/chunks/md-29.js +1 -1
- package/dist/chunks/md-30.js +1 -33
- package/dist/chunks/md-31.js +32 -21
- package/dist/chunks/md-32.js +22 -5
- package/dist/chunks/md-33.js +7 -5
- package/dist/chunks/md-34.js +5 -1
- package/dist/chunks/md-35.js +1 -21
- package/dist/chunks/md-36.js +19 -22
- package/dist/chunks/md-37.js +21 -185
- package/dist/chunks/md-38.js +1 -1
- package/dist/chunks/md-39.js +1 -1
- package/dist/chunks/md-40.js +1 -1
- package/dist/chunks/md-41.js +2 -2
- package/dist/chunks/md-42.js +1 -1
- package/dist/chunks/md-43.js +1 -1
- package/dist/chunks/md-44.js +1 -1
- package/dist/chunks/md-45.js +1 -1
- package/dist/chunks/md-46.js +1 -1
- package/dist/chunks/md-48.js +21 -19
- package/dist/chunks/md-49.js +11 -11
- package/dist/chunks/md-52.js +1 -1
- package/dist/chunks/md-53.js +1 -1
- package/dist/chunks/md-54.js +1 -1
- package/dist/chunks/md-55.js +1 -1
- package/dist/chunks/md-56.js +7 -4
- package/dist/chunks/md-59.js +1 -1
- package/dist/chunks/md-6.js +1 -1
- package/dist/chunks/md-61.js +1 -1
- package/dist/chunks/md-62.js +1 -1
- package/dist/chunks/md-64.js +1 -1
- package/dist/chunks/md-65.js +1 -1
- package/dist/chunks/md-66.js +7 -7
- package/dist/chunks/md-69.js +1 -1
- package/dist/chunks/md-7.js +2 -2
- package/dist/chunks/md-70.js +1 -1
- package/dist/chunks/md-73.js +1 -1
- package/dist/chunks/md-74.js +1 -1
- package/dist/chunks/md-75.js +1 -1
- package/dist/chunks/md-76.js +4 -5
- package/dist/chunks/md-8.js +1 -1
- package/dist/chunks/md-80.js +1 -1
- package/dist/chunks/md-81.js +1 -1
- package/dist/chunks/md-82.js +1 -1
- package/dist/chunks/md-83.js +7 -7
- package/dist/chunks/md-84.js +1 -1
- package/dist/chunks/md-9.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-audio-player-entry.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-button-group-entry.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 +2 -2
- package/dist/comp/md-combobox-entry.js +1 -1
- package/dist/comp/md-combobox.js +2 -2
- package/dist/comp/md-composite-avatar-entry.js +1 -1
- package/dist/comp/md-date-range-picker-entry.js +1 -1
- package/dist/comp/md-date-range-picker.js +1 -1
- package/dist/comp/md-date-time-picker-entry.js +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-day-entry.js +1 -1
- package/dist/comp/md-datepicker-entry.js +1 -1
- package/dist/comp/md-datepicker-month-entry.js +1 -1
- package/dist/comp/md-datepicker-week-entry.js +1 -1
- package/dist/comp/md-datepicker.js +1 -1
- package/dist/comp/md-draggable-entry.js +1 -1
- package/dist/comp/md-draggable-item-entry.js +1 -1
- package/dist/comp/md-editable-field-entry.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-modal-entry.js +1 -1
- package/dist/comp/md-help-text-entry.js +1 -1
- package/dist/comp/md-label-entry.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-loading-entry.js +1 -1
- package/dist/comp/md-meeting-alert-entry.js +1 -1
- package/dist/comp/md-meeting-alert.js +1 -1
- package/dist/comp/md-menu-item-entry.js +1 -1
- package/dist/comp/md-pagination-entry.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-progress-bar-entry.js +1 -1
- package/dist/comp/md-progress-bar.js +1 -1
- package/dist/comp/md-radiogroup-entry.js +1 -1
- package/dist/comp/md-spinner-entry.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-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-theme.js +1 -1
- package/dist/comp/md-timepicker-entry.js +1 -1
- package/dist/comp/md-timepicker.js +6 -0
- package/dist/comp/md-tooltip-entry.js +1 -1
- package/dist/comp/md-tooltip.js +2 -2
- package/dist/index-entry.js +3 -3
- package/dist/index.js +12 -12
- package/dist/types/components/audio-player/AudioPlayer.d.ts +4 -0
- package/dist/types/components/combobox/ComboBox.d.ts +1 -1
- package/dist/types/components/form/Form.d.ts +2 -8
- package/dist/types/components/list/List.d.ts +1 -1
- package/dist/types/components/timepicker/TimePicker.d.ts +2 -1
- package/package.json +2 -2
package/dist/chunks/md-28.js
CHANGED
|
@@ -1 +1,61 @@
|
|
|
1
|
-
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[28],{
|
|
1
|
+
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[28],{72:function(t,e,i){"use strict";i.r(e),i.d(e,"DatePickerCalendar",(function(){return o}));i(73),i(15);var o,r=i(6),a=i(8),n=i(5),s=i(0),c=i(29),d=function(t,e,i,o){var r,a=arguments.length,n=a<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,o);else for(var s=t.length-1;s>=0;s--)(r=t[s])&&(n=(a<3?r(n):a>3?r(e,i,n):r(e,i))||n);return a>3&&n&&Object.defineProperty(e,i,n),n};!function(t){let e=class extends s.LitElement{constructor(){super(...arguments),this.monthFormat="MMMM yyyy",this.filterParams=void 0,this.handleMonthChange=void 0,this.datePickerProps=void 0,this.viewAnchorDate=Object(a.n)(),this.localeMonth=void 0,this.setDate=(t,e)=>{this.viewAnchorDate=t,e&&e()},this.increaseMonth=t=>{const{handleMonthChange:e}=this,{viewAnchorDate:i}=this;this.setDate(Object(a.b)(i,1),()=>e&&e(t,this.viewAnchorDate))},this.decreaseMonth=t=>{const{handleMonthChange:e}=this,{viewAnchorDate:i}=this;this.setDate(Object(a.r)(i,1),()=>e&&e(t,this.viewAnchorDate))},this.renderMonthName=()=>s.html`
|
|
2
|
+
<div class="md-datepicker__navigation--current-month" aria-live="polite">
|
|
3
|
+
${this.localeMonth}
|
|
4
|
+
</div>
|
|
5
|
+
`,this.renderPreviousMonthButton=()=>{var t,e;const i=(null===(t=this.filterParams)||void 0===t?void 0:t.minDate)&&Object(a.p)(this.viewAnchorDate,null===(e=this.filterParams)||void 0===e?void 0:e.minDate);return s.html`
|
|
6
|
+
<md-button
|
|
7
|
+
variant="ghost"
|
|
8
|
+
circle
|
|
9
|
+
size="28"
|
|
10
|
+
aria-controls="Datepicker-Calendar"
|
|
11
|
+
aria-label=${"previous month"}
|
|
12
|
+
title=${"previous month"}
|
|
13
|
+
?disabled=${i}
|
|
14
|
+
@click=${!i&&this.decreaseMonth}
|
|
15
|
+
tabindex="-1"
|
|
16
|
+
hasRemoveStyle
|
|
17
|
+
>
|
|
18
|
+
<md-icon name="arrow-left_16"></md-icon>
|
|
19
|
+
</md-button>
|
|
20
|
+
`},this.renderNextMonthButton=()=>{var t,e;const i=(null===(t=this.filterParams)||void 0===t?void 0:t.maxDate)&&Object(a.o)(this.viewAnchorDate,null===(e=this.filterParams)||void 0===e?void 0:e.maxDate);return s.html`
|
|
21
|
+
<md-button
|
|
22
|
+
variant="ghost"
|
|
23
|
+
circle
|
|
24
|
+
size="28"
|
|
25
|
+
aria-controls="Datepicker-Calendar"
|
|
26
|
+
aria-label=${"next month"}
|
|
27
|
+
title=${"next month"}
|
|
28
|
+
?disabled=${i}
|
|
29
|
+
@click=${!i&&this.increaseMonth}
|
|
30
|
+
tabindex="-1"
|
|
31
|
+
hasRemoveStyle
|
|
32
|
+
><md-icon name="arrow-right_16"></md-icon>
|
|
33
|
+
</md-button>
|
|
34
|
+
`},this.header=()=>{var t;const e=Object(a.h)(this.viewAnchorDate,null===(t=this.datePickerProps)||void 0===t?void 0:t.weekStart);return[].concat([0,1,2,3,4,5,6].map(t=>{var i;const o=Object(a.a)(Object(a.m)(e,(null===(i=this.datePickerProps)||void 0===i?void 0:i.locale)||"en"),t),r=Object(a.e)(o),n=Object(a.i)(r,o);return s.html`
|
|
35
|
+
<div class="md-datepicker__day--name">
|
|
36
|
+
${n}
|
|
37
|
+
</div>
|
|
38
|
+
`}))},this.renderMonth=()=>s.html`
|
|
39
|
+
<div class="md-datepicker__month-container">
|
|
40
|
+
<div class="md-datepicker__header">
|
|
41
|
+
<div class="md-datepicker__navigation">
|
|
42
|
+
${this.renderMonthName()}
|
|
43
|
+
<div class="md-datepicker__navigation--buttons">
|
|
44
|
+
${this.renderPreviousMonthButton()} ${this.renderNextMonthButton()}
|
|
45
|
+
</div>
|
|
46
|
+
</div>
|
|
47
|
+
<div class="md-datepicker__day--names">
|
|
48
|
+
${this.header()}
|
|
49
|
+
</div>
|
|
50
|
+
</div>
|
|
51
|
+
<md-datepicker-month
|
|
52
|
+
.day=${this.viewAnchorDate}
|
|
53
|
+
.filterParams=${this.filterParams}
|
|
54
|
+
.datePickerProps=${this.datePickerProps}
|
|
55
|
+
></md-datepicker-month>
|
|
56
|
+
</div>
|
|
57
|
+
`}connectedCallback(){var t,e,i;super.connectedCallback(),this.viewAnchorDate=(null===(t=this.datePickerProps)||void 0===t?void 0:t.focused)||(null===(e=this.datePickerProps)||void 0===e?void 0:e.selected)||Object(a.n)(),this.localeMonth=Object(a.m)(this.viewAnchorDate,(null===(i=this.datePickerProps)||void 0===i?void 0:i.locale)||"en").toFormat(this.monthFormat)}updated(t){var e,i,o;super.updated(t),t.has("datePickerProps")&&(null===(null===(e=this.datePickerProps)||void 0===e?void 0:e.selected.invalidReason)&&(this.viewAnchorDate=this.datePickerProps.selected||Object(a.n)()),this.localeMonth=Object(a.m)(this.viewAnchorDate,(null===(i=this.datePickerProps)||void 0===i?void 0:i.locale)||"en").toFormat(this.monthFormat)),t.has("viewAnchorDate")&&(this.localeMonth=Object(a.m)(this.viewAnchorDate,(null===(o=this.datePickerProps)||void 0===o?void 0:o.locale)||"en").toFormat(this.monthFormat))}static get styles(){return[n.a,c.a]}render(){return s.html`
|
|
58
|
+
<div class="md-datepicker__calendar" id="Datepicker-Calendar">
|
|
59
|
+
${this.viewAnchorDate&&this.renderMonth()}
|
|
60
|
+
</div>
|
|
61
|
+
`}};d([Object(s.property)({attribute:!1})],e.prototype,"monthFormat",void 0),d([Object(s.property)({attribute:!1})],e.prototype,"filterParams",void 0),d([Object(s.property)({attribute:!1})],e.prototype,"handleMonthChange",void 0),d([Object(s.property)({attribute:!1})],e.prototype,"datePickerProps",void 0),d([Object(s.internalProperty)()],e.prototype,"viewAnchorDate",void 0),d([Object(s.internalProperty)()],e.prototype,"localeMonth",void 0),e=d([Object(r.a)("md-datepicker-calendar")],e),t.ELEMENT=e}(o||(o={}))}}]);
|
package/dist/chunks/md-29.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[29],{
|
|
1
|
+
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[29],{38:function(t,e,o){"use strict";var i=o(0);e.a=i.css`:host{box-sizing:border-box}:host(:focus){box-shadow:none!important;outline:0}:host([selected]) button{box-shadow:var(--tabs-default-active-bottom-border,inset 0 -2px 0 0 var(--tabs-default-active-border,#005e7d));border-radius:.25rem .25rem 0 0;color:var(--tabs-default-active,#005e7d);font-family:var(--brand-font-bold);font-weight:var(--brand-font-weight-bold)}:host([selected]) button:active{border-radius:.25rem}:host([vertical]) button{text-align:left!important}:host([selected][vertical]) button{border-radius:0 .25rem .25rem 0;box-shadow:var(--tabs-default-active-vertical-border,inset 2px 0 0 0 var(--tabs-default-active-border,#005e7d))}:host([selected][vertical]) button:active{border-radius:.25rem}:host(:focus){background-color:var(--tabs-default-focus-bg,#fff)}:host(:focus) button{outline:2px solid var(--tabs-default-focus-border,#005e7d)!important;outline-offset:-.125rem;box-shadow:var(--tabs-default-focus-shadow,0 0 4px 2px transparent)!important}:host(:focus[selected]){background:rgba(0,0,0,0)}:host([viewporthidden]){display:none;height:auto!important;pointer-events:none;position:absolute;right:0;top:0;visibility:hidden;width:auto!important;z-index:-1}:host([measuringrealwidth]){width:auto!important}.tab-slot{display:block}slot .tab-content{align-items:center;display:flex}slot .tab-content img,slot .tab-content md-icon{margin-right:.5rem}slot .tab-content img{height:1rem;width:1rem}.tab-action-button{display:flex;margin-left:calc(.125rem*4)}.tab-action-button md-icon{display:inherit}.tab-action-button:hover{cursor:pointer}.closable{display:flex;justify-content:space-between}md-icon:focus{border-radius:calc(.25rem/2);box-shadow:none;outline:0;box-shadow:0 0 0 .09375rem var(--md-focus-border-color)}button{background:rgba(0,0,0,0);border:none;border-radius:.25rem;color:var(--tabs-default-text-color,#545454);display:block;height:100%;min-height:2.8125rem;padding:.3rem 1rem;position:relative;text-align:center;text-decoration:none;white-space:nowrap;width:100%}button:disabled{background:rgba(0,0,0,0);color:var(--tabs-default-disabled,#b2b2b2);cursor:not-allowed;filter:invert(100%)}@media screen and (-ms-high-contrast:active){button:disabled{filter:brightness(1) contrast(1) saturate(1.5)}}button:disabled:hover{background:0 0}button:disabled:focus{outline:0!important;border:none!important}button ::slotted(span){display:inline-block;line-height:1.6875rem;vertical-align:top}button span{display:inline-block;line-height:1.6875rem;vertical-align:top;padding:0 .25rem}button:hover{background-color:var(--tabs-default-hover,#ededed)}button:active{background-color:var(--tabs-default-pressed,#dedede);outline:0}button:focus{outline:0}@media(forced-colors:active){:host{background-color:Canvas;box-shadow:none}:host button{border:none}:host([selected]) button{border-radius:.25rem .25rem 0 0;color:HighlightText;background-color:Highlight!important;forced-color-adjust:none}:host([selected]) button:active{border-radius:.25rem}:host(:focus) button{outline:2px solid Highlight;outline-offset:-2px;box-shadow:none;border:none}:host(:focus[selected]){background:Canvas}button:hover{outline:1px solid Highlight;outline-offset:-1px}button:focus:not(:disabled){outline:1px solid Highlight;outline-offset:-1px}button:disabled{forced-color-adjust:none;background-color:none;color:GrayText}}:host{display:flex;flex-direction:column;font-size:var(--body-secondary-font-size,14px);font-family:var(--brand-font-medium);font-weight:var(--brand-font-weight-medium);height:100%;padding:0;position:relative}.visible-tabs-slot{display:block;height:0;visibility:hidden;width:0}.visible-tabs-container{display:flex;flex-direction:row;width:100%}.md-tab__list{border-bottom:1px solid var(--tabs-default-border-color,#ededed);display:inline-flex;height:3rem;min-height:3rem;padding-left:.125rem;padding-top:.125rem;text-align:center;width:100%}.md-tab__list .md-menu-overlay__more{height:100%;margin-left:auto;width:auto;max-width:128.5px}.md-tab__list .md-menu-overlay__more .md-menu-overlay__overflow-label{max-width:70px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.md-tab__list .md-menu-overlay__more.md-menu-overlay__more--hidden{display:none;pointer-events:none;visibility:hidden;width:0!important;z-index:-1}.md-tab__list .md-menu-overlay__more_tab{height:100%;min-height:2.8125rem}.md-tab__list .md-menu-overlay__more_tab.md-menu-overlay__more_tab--measuring{opacity:0}.md-tab__list .md-menu-overlay__more_tab.md-menu-overlay__more_tab--hidden:not(.md-menu-overlay__more_tab--measuring){pointer-events:none;visibility:hidden;z-index:-1}.md-tab__list .md-menu-overlay__more_tab.md-menu-overlay__more_tab--hidden:not(.md-menu-overlay__more_tab--measuring)::part(tab){padding:0;border:none}.md-tab__list .md-menu-overlay__more_list{display:flex;flex-direction:column;height:auto;max-width:100%;padding:0;padding-bottom:calc(.125rem/2);padding-top:calc(.125rem/2);width:100%;overflow-x:hidden}.md-tab__list .md-menu-overlay__more_list md-tab::part(tab){text-align:left;padding-left:16px;padding-right:16px}.md-tab__list md-menu-overlay::part(overlay){top:-.8125rem}.md-tab__content{height:100%;overflow:hidden auto;padding:.125rem}md-tab img,md-tab md-icon{margin-right:.5rem}md-tab img.more-icon,md-tab md-icon.more-icon{margin-right:0;margin-left:.5rem}md-menu-overlay md-tab md-tooltip{width:170px;position:absolute}md-menu-overlay md-tab md-tooltip .text-ellipsis{width:170px;position:absolute;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.md-tab__list ::slotted([slot=tab]){display:inline-block}.visible-tabs-container.md-tab__justified{display:flex;justify-content:space-between;padding-right:.125rem}.visible-tabs-container.md-tab__justified md-tab{display:inline-block;width:100%}.md-tab__list ::slotted([slot=tab][selected]),.md-tab__list md-tab[selected]{color:var(--tabs-default-active,#005e7d)}.md-tab__list ::slotted([slot=tab][disabled]),.md-tab__list md-tab[disabled]{color:var(--tabs-default-disabled,#b2b2b2)}.md-tab__list ::slotted([slot=tab]:focus),.md-tab__list md-tab:focus{box-shadow:none}.md-tab__content ::slotted([slot=panel]){display:none;visibility:hidden}.md-tab__content ::slotted([slot=panel][selected]){display:block;visibility:visible}.md-tab__content ::slotted([slot=panel][selected][focus-visible]:focus-visible){outline:2px solid var(--tabs-default-focus-border,#005e7d);outline-offset:calc(.125rem solid transparent*-2);outline-style:solid}.md-tab__content ::slotted([slot=panel][selected][focus-visible]:not(:focus-visible)){outline:0;outline-offset:none;outline-style:none}.md-tab__content{display:block;flex:1 1 auto}.no-tabs-visible{display:none!important}:host([direction=vertical]){flex-direction:row}:host([direction=vertical]) .md-tab__list{border-right:1px solid var(--tabs-default-border-color,#ededed);display:inline-flex;flex-direction:column;height:100%;justify-content:flex-start;width:auto}:host([direction=vertical]) .md-tab__list ::slotted([slot=tab]){border-left:.125rem solid transparent;display:block;height:auto;text-align:left}:host([direction=vertical]) .md-tab__list ::slotted([slot=tab])[selected]{color:var(--tabs-default-active,#005e7d)}:host([direction=vertical]) .md-tab__content ::slotted([slot=panel]){padding-left:.625rem}`}}]);
|
package/dist/chunks/md-30.js
CHANGED
|
@@ -1,33 +1 @@
|
|
|
1
|
-
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[30],{
|
|
2
|
-
<style>
|
|
3
|
-
:host .md-badge {
|
|
4
|
-
${this.renderBgColor()};
|
|
5
|
-
${this.renderTextColor()};
|
|
6
|
-
${this.renderHeight()};
|
|
7
|
-
${this.renderWidth()};
|
|
8
|
-
}
|
|
9
|
-
</style>
|
|
10
|
-
`:l.nothing}static get styles(){return[d.a,g]}render(){const e={"md-badge--circle":this.circle,"md-badge--split":this.split,"md-badge--compact":this.compact,"md-badge--small":this.small,"md-badge--outline":this.outlined,"md-badge--disabled":this.disabled,["md-badge--"+this.color]:!this.disabled&&this.color};return i.html`
|
|
11
|
-
${this.getStyles()}
|
|
12
|
-
<span
|
|
13
|
-
tabindex=${this.tabIndexing}
|
|
14
|
-
part="badge"
|
|
15
|
-
class="md-badge ${Object(c.classMap)(e)}"
|
|
16
|
-
aria-label=${this.ariaLabel}
|
|
17
|
-
>
|
|
18
|
-
${this.split?(()=>i.html`
|
|
19
|
-
<slot
|
|
20
|
-
aria-hidden=${Object(n.ifDefined)(this.ariaHiddenSplits||void 0)}
|
|
21
|
-
name="split-left"
|
|
22
|
-
class="split split-left"
|
|
23
|
-
></slot>
|
|
24
|
-
<span aria-hidden="true" class="split-separator"> | </span>
|
|
25
|
-
<slot
|
|
26
|
-
aria-hidden=${Object(n.ifDefined)(this.ariaHiddenSplits||void 0)}
|
|
27
|
-
name="split-right"
|
|
28
|
-
class="split split-right"
|
|
29
|
-
></slot>
|
|
30
|
-
`)():l.nothing}
|
|
31
|
-
<slot></slot>
|
|
32
|
-
</span>
|
|
33
|
-
`}};b([Object(i.property)({type:String})],o.prototype,"ariaLabel",void 0),b([Object(i.property)({type:String})],o.prototype,"color",void 0),b([Object(i.property)({type:String})],o.prototype,"bgColor",void 0),b([Object(i.property)({type:String})],o.prototype,"textColor",void 0),b([Object(i.property)({type:String})],o.prototype,"height",void 0),b([Object(i.property)({type:String})],o.prototype,"width",void 0),b([Object(i.property)({type:Boolean})],o.prototype,"outlined",void 0),b([Object(i.property)({type:Boolean})],o.prototype,"compact",void 0),b([Object(i.property)({type:Boolean})],o.prototype,"circle",void 0),b([Object(i.property)({type:Boolean})],o.prototype,"small",void 0),b([Object(i.property)({type:Boolean})],o.prototype,"split",void 0),b([Object(i.property)({type:Boolean})],o.prototype,"disabled",void 0),b([Object(i.property)({type:String})],o.prototype,"tabIndexing",void 0),b([Object(i.property)({type:String})],o.prototype,"ariaHiddenSplits",void 0),o=b([Object(a.a)("md-badge")],o),e.ELEMENT=o}(r||(r={}))}}]);
|
|
1
|
+
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[30],{57:function(o,d,e){"use strict";var c=e(0);d.a=c.css`:host(:focus){box-shadow:none;outline:0!important}:host(md-accordion){font-size:var(--body-primary-font-size,14px)}:host(md-accordion) .md-accordion{width:100%;border-radius:.25rem}:host(md-accordion[focusable]) .md-accordion{box-shadow:0 0 0 .125rem var(--md-default-focus-outline-color)}:host(md-accordion[focusable]) .md-accordion-header{background:var(--accordion-bg-focus,#fff)}@media(forced-colors:active){:host(md-accordion[focusable]) .md-accordion{outline:1px solid Highlight}}:host(md-accordion-item){display:block}:host(md-accordion-item) .md-accordion-header{align-content:center;align-items:stretch;display:flex;flex-flow:row nowrap;justify-content:space-between}:host(md-accordion-item) .md-accordion-expander{background:0 0;border:0;cursor:pointer;margin:0;outline:0;padding:0;align-content:center;align-items:stretch;display:flex;flex-flow:row nowrap;justify-content:flex-start;border-radius:.1875rem;flex:0 1 100%;padding:.5rem}:host(md-accordion-item) .md-accordion-expander md-icon{display:flex;margin:0 0 0 auto}:host(md-accordion-item) .md-accordion-expander-label{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%;color:var(--md-secondary-text-color);display:flex;flex:0 1 auto}:host(md-accordion-item) .md-accordion-panel{display:none;padding:.5rem}:host(md-accordion-item[expanded]) .md-accordion-panel{display:block}:host(md-accordion-item[focus-visible]) .md-accordion-expander{box-shadow:0 0 0 .125rem var(--md-default-focus-outline-color);color:var(--accordion-active,#00a0d1)}:host(md-accordion-item) .md-accordion-item:hover .md-accordion-header{background:var(--accordion-hover,#c9f4ff);border-radius:.1875rem}:host(md-accordion-item[disabled]) .md-accordion-expander{color:var(--md-disabled-text-color);cursor:not-allowed}@media(forced-colors:active){:host(md-accordion-item[focus-visible]) .md-accordion-expander{outline:.125rem solid Highlight}:host(md-accordion-item) .md-accordion-item:hover .md-accordion-header{outline:.125rem solid Highlight}:host(md-accordion-item[disabled]) .md-accordion-expander{opacity:.5}}`}}]);
|
package/dist/chunks/md-31.js
CHANGED
|
@@ -1,22 +1,33 @@
|
|
|
1
|
-
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[31],{
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
1
|
+
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[31],{51:function(e,o,t){"use strict";t.r(o),t.d(o,"Badge",(function(){return r}));var r,a=t(6),d=t(5),i=t(0),l=t(3),c=t(4),n=t(2),g=i.css`.md-badge{align-items:center;display:inline-flex;font-family:var(--brand-font-regular, "CiscoSansTT Regular", "Helvetica Neue", Helvetica, Arial, sans-serif);font-weight:400;height:2rem;justify-content:flex-start;line-height:1rem;margin-bottom:auto;overflow:hidden;position:relative;text-align:center;text-decoration:none;white-space:nowrap;padding:.25rem 1rem;font-size:var(--body-secondary-font-size,.75rem);background-color:var(--badge-default-bg-color,#f7f7f7);color:var(--badge-default-text-color,#545454)}.md-badge{border-radius:6.25rem}.md-badge:focus{outline:2px solid var(--button-focus-ring-color);outline-offset:2px}.md-badge--small{padding:.1875rem .75rem;font-size:var(--body-secondary-font-size,.75rem);height:1.5rem;min-width:auto}.md-badge--compact,.md-badge--split{padding:.25rem 1rem .25rem .25rem;font-size:var(--body-secondary,.75rem)}.md-badge--circle{padding:.75rem .75rem;font-size:.75rem;height:2.5rem;justify-content:center;min-width:auto;width:2.5rem}.md-badge--circle ::slotted(md-icon){margin:0!important}.md-badge--outline{color:var(--badge-outline-color,#b2b2b2);border:2px solid var(--badge-outline-color,#b2b2b2);background-color:rgba(0,0,0,0);border:1px solid;min-width:auto}.md-badge--gray{background-color:var(--badge-gray-bg-color,#dedede);color:var(--badge-gray-text-color,#121212)}.md-badge--gold{background-color:var(--badge-gold-bg-color,#f5eaa2);color:var(--badge-gold-text-color,#735107)}.md-badge--lime{background-color:var(--badge-lime-bg-color,#ddf2ae);color:var(--badge-lime-text-color,#416116)}.md-badge--blue,.md-badge--cobalt{background-color:var(--badge-blue-bg-color,#c7eeff);color:var(--badge-blue-text-color,#08599c)}.md-badge--mint{background-color:var(--badge-mint-bg-color,#baf5e7);color:var(--badge-mint-text-color,#12615a)}.md-badge--darkmint{background-color:var(--badge-darkmint-bg-color,#16a693);color:var(--badge-darkmint-text-color,#f7f7f7)}.md-badge--green{background-color:var(--badge-green-bg-color,#78f5b8);color:var(--badge-green-text-color,#03612c)}.md-badge--yellow{background-color:var(--badge-yellow-bg-color,#ffd98c);color:var(--badge-yellow-text-color,#7d4705)}.md-badge--red{background-color:var(--badge-red-bg-color);color:var(--badge-red-text-color,#a12512)}.md-badge--darkred{background-color:var(--badge-darkred-bg-color,#16a693);color:var(--badge-darkred-text-color,#4a1812)}.md-badge--unreadcount{background-color:var(--badge-unreadcount-bg-color,var(--badge-darkred-bg-color));color:var(--badge-unreadcount-text-color,var(--button-primary-text-color));font-family:var(--brand-font-medium);font-size:var(--label-compact-font-size,.75rem);font-weight:550;padding:0 .25rem;min-width:1.25rem;height:1.25rem;justify-content:center}.md-badge--orange{background-color:var(--badge-orange-bg-color,#fce4c7);color:var(--badge-orange-text-color,#914017)}.md-badge--purple{background-color:var(--badge-purple-bg-color,#fce1fc);color:var(--badge-purple-text-color,#932099)}.md-badge--violet{background-color:var(--badge-violet-bg-color,#f0e3fc);color:var(--badge-violet-text-color,#643abd)}.md-badge--cyan{background-color:var(--badge-cyan-bg-color,#b2f4f7);color:var(--badge-cyan-text-color,#066070)}.md-badge--pink{background-color:var(--badge-pink-bg-color,#ffe0e7);color:var(--badge-pink-text-color,#a12a3a)}.md-badge--hold{background-color:var(--badge-hold-bg-color,#ffecc2);color:var(--badge-hold-text-color,#121212)}.md-badge--disabled{background-color:var(--md-quaternary-two-bg-color,#dedede);color:var(--md-disabled-text-color,#b2b2b2)}.md-badge--disabled ::slotted(md-icon){color:var(--md-disabled-text-color,#b2b2b2)}.md-badge--small.md-badge--circle{height:1.5rem;width:1.5rem}.badge-counter{font-weight:700;margin-left:.5rem}::slotted(md-icon){height:1rem;margin-right:.5rem;width:1rem}::slotted(md-badge){height:1rem;margin-right:.5rem;width:1rem}::slotted(span){align-items:center;display:inline-flex;height:1rem;justify-content:center}.split-separator{margin:0 .5rem;opacity:.4}@media(forced-colors:active){.md-badge{forced-color-adjust:none;background-color:Canvas!important;color:CanvasText!important;outline:1px solid CanvasText!important}}`,b=function(e,o,t,r){var a,d=arguments.length,i=d<3?o:null===r?r=Object.getOwnPropertyDescriptor(o,t):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(e,o,t,r);else for(var l=e.length-1;l>=0;l--)(a=e[l])&&(i=(d<3?a(i):d>3?a(o,t,i):a(o,t))||i);return d>3&&i&&Object.defineProperty(o,t,i),i};!function(e){let o=class extends i.LitElement{constructor(){super(...arguments),this.ariaLabel="",this.color="",this.bgColor="",this.textColor="",this.height="",this.width="",this.outlined=!1,this.compact=!1,this.circle=!1,this.small=!1,this.split=!1,this.disabled=!1,this.tabIndexing="",this.ariaHiddenSplits="",this.renderBgColor=()=>this.bgColor?`background-color: ${this.bgColor};`:l.nothing,this.renderTextColor=()=>this.textColor?`color: ${this.textColor};`:l.nothing,this.renderHeight=()=>this.height?`height: ${this.height};`:l.nothing,this.renderWidth=()=>this.width?`width: ${this.width};`:l.nothing,this.getStyles=()=>this.bgColor||this.textColor||this.height||this.width?i.html`
|
|
2
|
+
<style>
|
|
3
|
+
:host .md-badge {
|
|
4
|
+
${this.renderBgColor()};
|
|
5
|
+
${this.renderTextColor()};
|
|
6
|
+
${this.renderHeight()};
|
|
7
|
+
${this.renderWidth()};
|
|
8
|
+
}
|
|
9
|
+
</style>
|
|
10
|
+
`:l.nothing}static get styles(){return[d.a,g]}render(){const e={"md-badge--circle":this.circle,"md-badge--split":this.split,"md-badge--compact":this.compact,"md-badge--small":this.small,"md-badge--outline":this.outlined,"md-badge--disabled":this.disabled,["md-badge--"+this.color]:!this.disabled&&this.color};return i.html`
|
|
11
|
+
${this.getStyles()}
|
|
12
|
+
<span
|
|
13
|
+
tabindex=${this.tabIndexing}
|
|
14
|
+
part="badge"
|
|
15
|
+
class="md-badge ${Object(c.classMap)(e)}"
|
|
16
|
+
aria-label=${this.ariaLabel}
|
|
7
17
|
>
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
aria-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
18
|
+
${this.split?(()=>i.html`
|
|
19
|
+
<slot
|
|
20
|
+
aria-hidden=${Object(n.ifDefined)(this.ariaHiddenSplits||void 0)}
|
|
21
|
+
name="split-left"
|
|
22
|
+
class="split split-left"
|
|
23
|
+
></slot>
|
|
24
|
+
<span aria-hidden="true" class="split-separator"> | </span>
|
|
25
|
+
<slot
|
|
26
|
+
aria-hidden=${Object(n.ifDefined)(this.ariaHiddenSplits||void 0)}
|
|
27
|
+
name="split-right"
|
|
28
|
+
class="split split-right"
|
|
29
|
+
></slot>
|
|
30
|
+
`)():l.nothing}
|
|
31
|
+
<slot></slot>
|
|
32
|
+
</span>
|
|
33
|
+
`}};b([Object(i.property)({type:String})],o.prototype,"ariaLabel",void 0),b([Object(i.property)({type:String})],o.prototype,"color",void 0),b([Object(i.property)({type:String})],o.prototype,"bgColor",void 0),b([Object(i.property)({type:String})],o.prototype,"textColor",void 0),b([Object(i.property)({type:String})],o.prototype,"height",void 0),b([Object(i.property)({type:String})],o.prototype,"width",void 0),b([Object(i.property)({type:Boolean})],o.prototype,"outlined",void 0),b([Object(i.property)({type:Boolean})],o.prototype,"compact",void 0),b([Object(i.property)({type:Boolean})],o.prototype,"circle",void 0),b([Object(i.property)({type:Boolean})],o.prototype,"small",void 0),b([Object(i.property)({type:Boolean})],o.prototype,"split",void 0),b([Object(i.property)({type:Boolean})],o.prototype,"disabled",void 0),b([Object(i.property)({type:String})],o.prototype,"tabIndexing",void 0),b([Object(i.property)({type:String})],o.prototype,"ariaHiddenSplits",void 0),o=b([Object(a.a)("md-badge")],o),e.ELEMENT=o}(r||(r={}))}}]);
|
package/dist/chunks/md-32.js
CHANGED
|
@@ -1,5 +1,22 @@
|
|
|
1
|
-
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[32],{
|
|
2
|
-
<
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
1
|
+
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[32],{78:function(e,t,o){"use strict";o.r(t),o.d(t,"Favorite",(function(){return i}));var i,r=o(5),a=o(0),c=o(7),d=o(6),n=(o(15),a.css`:host{align-content:center;align-items:center;display:inline-flex;flex-flow:row nowrap;justify-content:center}.md-favorite{align-content:center;align-items:center;display:inline-flex;flex-flow:row nowrap;justify-content:center;border-radius:.25rem;height:1.25rem;padding:calc(.125rem*1.5);padding-top:calc(.125rem*2.5);position:relative;width:1.25rem}.md-favorite input{visibility:hidden}.md-favorite md-icon{position:absolute}.md-favorite md-icon,.md-favorite md-icon::part(icon){color:var(--button-secondary-text-color,#121212);line-height:.8125rem}.md-favorite:hover{background-color:var(--button-favorite-hover-bg-color,#ededed)}.md-favorite:focus{outline:0}.md-favorite:active{background-color:var(--button-favorite-pressed-bg-color,#dedede)}.md-favorite::after{border-radius:.25rem;content:"";display:block;height:100%;left:0;position:absolute;top:0;width:100%}.md-favorite:focus::after{box-shadow:0 0 0 .125rem var(--md-default-focus-outline-color,#007aa3)}.md-favorite--disabled{background-color:rgba(0,0,0,0)}.md-favorite--disabled:active,.md-favorite--disabled:hover{background-color:rgba(0,0,0,0)}.md-favorite--disabled md-icon::part(icon){color:var(--button-disabled-text-color,#b2b2b2)}.md-favorite--active md-icon::part(icon){color:var(--button-favorite-icon-color,#d97f00)}.md-favorite--active:hover md-icon::part(icon){color:var(--button-favorite-hover-icon-color,#d97f00)}.md-favorite--active:active md-icon::part(icon){color:var(--button-favorite-pressed-icon-color,#d97f00)}@media(forced-colors:active){:host{border:none}.md-favorite{background-color:ButtonFace}.md-favorite md-icon,.md-favorite md-icon::part(icon){color:ButtonText}.md-favorite:focus{outline:2px solid Highlight}.md-favorite--disabled{background-color:ButtonFace;color:GrayText}.md-favorite--disabled md-icon::part(icon){color:GrayText}.md-favorite--active md-icon::part(icon){color:ButtonText}}`),l=o(1),s=o(3),v=o(4),h=o(2),b=function(e,t,o,i){var r,a=arguments.length,c=a<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)c=Reflect.decorate(e,t,o,i);else for(var d=e.length-1;d>=0;d--)(r=e[d])&&(c=(a<3?r(c):a>3?r(t,o,c):r(t,o))||c);return a>3&&c&&Object.defineProperty(t,o,c),c};!function(e){let t=class extends(Object(c.a)(a.LitElement)){constructor(){super(...arguments),this.disabled=!1,this.checked=!1,this.value="Select favorite",this.id="",this.label="Favorite",this.customId=""}connectedCallback(){super.connectedCallback(),this.addEventListener("keydown",this.handleElectKeyDown),this.addEventListener("click",this.handleFavorite)}static get styles(){return[r.a,n]}handleFavorite(e){this.disabled||(this.checked=!this.checked,this.dispatchEvent(new CustomEvent("favorite-toggle",{detail:{active:this.checked,value:this.value},bubbles:!0,composed:!0})))}handleElectKeyDown(e){e.code!==l.b.Enter&&e.code!==l.b.Space||(this.checked=!this.checked,this.dispatchEvent(new CustomEvent("favorite-keydown",{detail:{active:this.checked,value:this.value},bubbles:!0,composed:!0})))}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("keydown",this.handleElectKeyDown),this.removeEventListener("click",this.handleFavorite)}get favoriteClassMap(){return{"md-favorite--active":this.checked,"md-favorite--disabled":this.disabled}}render(){return a.html`
|
|
2
|
+
<label
|
|
3
|
+
for="favorite-checkbox"
|
|
4
|
+
id="${this.id}"
|
|
5
|
+
class="md-favorite ${Object(v.classMap)(this.favoriteClassMap)}"
|
|
6
|
+
tabindex="0"
|
|
7
|
+
>
|
|
8
|
+
<input
|
|
9
|
+
type="checkbox"
|
|
10
|
+
aria-label=${Object(h.ifDefined)(this.label.length?this.label:void 0)}
|
|
11
|
+
value=${this.value}
|
|
12
|
+
?checked=${this.checked}
|
|
13
|
+
?disabled=${this.disabled}
|
|
14
|
+
aria-hidden="true"
|
|
15
|
+
name="favorite-checkbox"
|
|
16
|
+
/>
|
|
17
|
+
<md-icon
|
|
18
|
+
name="${this.checked?"favorite-active_16":"favorite_16"}"
|
|
19
|
+
color="${this.checked?"yellow":s.nothing}"
|
|
20
|
+
></md-icon>
|
|
21
|
+
</label>
|
|
22
|
+
`}};b([Object(a.property)({type:Boolean})],t.prototype,"disabled",void 0),b([Object(a.property)({type:Boolean})],t.prototype,"checked",void 0),b([Object(a.property)({type:String})],t.prototype,"value",void 0),b([Object(a.property)({type:String})],t.prototype,"id",void 0),b([Object(a.property)({type:String})],t.prototype,"label",void 0),b([Object(a.internalProperty)()],t.prototype,"customId",void 0),t=b([Object(d.a)("md-favorite")],t),e.ELEMENT=t}(i||(i={}))}}]);
|
package/dist/chunks/md-33.js
CHANGED
|
@@ -1,5 +1,7 @@
|
|
|
1
|
-
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[33],{69:function(e,
|
|
2
|
-
<
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
1
|
+
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[33],{69:function(t,e,s){"use strict";s.r(e),s.d(e,"List",(function(){return i}));var i,l=s(1),n=s(7),r=s(6),d=s(5),c=s(0),o=s(2),a=s(59),h=function(t,e,s,i){var l,n=arguments.length,r=n<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,s):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(t,e,s,i);else for(var d=t.length-1;d>=0;d--)(l=t[d])&&(r=(n<3?l(r):n>3?l(e,s,r):l(e,s))||r);return n>3&&r&&Object.defineProperty(e,s,r),r};!function(t){let e=class extends(Object(n.d)(c.LitElement)){constructor(){super(...arguments),this.alignment="vertical",this.label="option",this.activated=-1,this._role="listbox"}firstUpdated(t){super.firstUpdated(t),this.setAttribute("aria-label",this.label)}notifySelectedChange(){this.dispatchEvent(new CustomEvent("list-item-change",{detail:{selected:this.selected},bubbles:!0,composed:!0}))}isFocusable(t){return!t.hasAttribute("hidden")}connectedCallback(){super.connectedCallback(),this._role=this.getAttribute("role")||"listbox",this.removeAttribute("role"),this.addEventListener("keydown",this.handleKeyDown),this.addEventListener("click",this.handleClick)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("keydown",this.handleKeyDown),this.removeEventListener("click",this.handleClick)}findListItemIndex(t){const e=t.composedPath();return this.slotted.findIndex(t=>e.includes(t))}switchListItemOnArrowPress(t,e=1){const s=super.getAvailableSelectedIndex(t,e);-1!==s&&(this.selected=s)}setActivated(t){-1!==t&&(this.activated=t,this.selected=t,this.setSelected(t))}findSelectedListItemIndex(){return this.slotted.findIndex(t=>t.selected)}setSelected(t){const e=this.findSelectedListItemIndex();-1!==e&&e!==t&&(this.slotted[e].selected=!1),this.slotted[t]&&(this.slotted[t].selected=!0)}updated(t){super.updated(t),t.has("slotted")&&this.setActivated(this.activated),t.has("activated")&&this.setActivated(this.activated),t.has("label")&&this.setAttribute("aria-label",this.label)}isListItemDisabled(t){return this.slotted[t].disabled}handleClick(t){const e=this.findListItemIndex(t);-1!==e&&(this.isListItemDisabled(e)||(this.setActivated(e),this.notifySelectedChange()))}handleKeyDown(t){const{code:e}=t;switch(e){case l.b.End:this.switchListItemOnArrowPress(this.slotted.length-1);break;case l.b.Home:this.switchListItemOnArrowPress(0);break;case l.b.ArrowUp:case l.b.ArrowLeft:t.preventDefault(),0===this.selected?this.switchListItemOnArrowPress(this.slotted.length-1,-1):this.switchListItemOnArrowPress(this.selected-1,-1);break;case l.b.ArrowDown:case l.b.ArrowRight:t.preventDefault(),this.selected===this.slotted.length-1?this.switchListItemOnArrowPress(0):this.switchListItemOnArrowPress(this.selected+1);break;case l.b.Enter:case l.b.Space:this.isListItemDisabled(this.selected)||(this.setActivated(this.selected),this.notifySelectedChange())}}get slotElement(){return this.listItemSlot}static get styles(){return[d.a,a.a]}render(){return c.html`
|
|
2
|
+
<ul
|
|
3
|
+
role=${Object(o.ifDefined)("list"!==this._role?this._role:void 0)}
|
|
4
|
+
class="md-list" part="list">
|
|
5
|
+
<slot name="list-item"></slot>
|
|
6
|
+
</ul>
|
|
7
|
+
`}};h([Object(c.property)({type:String,reflect:!0})],e.prototype,"alignment",void 0),h([Object(c.property)({type:String})],e.prototype,"label",void 0),h([Object(c.property)({type:Number,reflect:!0})],e.prototype,"activated",void 0),h([Object(c.query)("slot[name='list-item']")],e.prototype,"listItemSlot",void 0),e=h([Object(r.a)("md-list")],e),t.ELEMENT=e}(i||(i={}))}}]);
|
package/dist/chunks/md-34.js
CHANGED
|
@@ -1 +1,5 @@
|
|
|
1
|
-
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[34],{
|
|
1
|
+
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[34],{70:function(e,t,s){"use strict";s.r(t),s.d(t,"ListItem",(function(){return r}));var r,i=s(7),l=s(6),o=s(5),d=s(0),p=s(4),c=s(59),n=function(e,t,s,r){var i,l=arguments.length,o=l<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,s):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(e,t,s,r);else for(var d=e.length-1;d>=0;d--)(i=e[d])&&(o=(l<3?i(o):l>3?i(t,s,o):i(t,s))||o);return l>3&&o&&Object.defineProperty(t,s,o),o};!function(e){let t=class extends(Object(i.a)(d.LitElement)){constructor(){super(...arguments),this.role="option",this.tabIndex=-1,this.shape="rounded",this._disabled=!1,this._selected=!1}get disabled(){return this._disabled}set disabled(e){const t=this._disabled;this._disabled=e,this.setAttribute("aria-disabled",""+e),this.requestUpdate("disabled",t)}get selected(){return this._selected}set selected(e){const t=this._selected;this._selected=e,this.requestUpdate("selected",t)}get listItemTemplateClassMap(){return{["md-list-item--"+this.shape]:!!this.shape}}static get styles(){return[o.a,c.a]}render(){return d.html`
|
|
2
|
+
<li class="md-list-item ${Object(p.classMap)(this.listItemTemplateClassMap)}" part="list-item">
|
|
3
|
+
<slot></slot>
|
|
4
|
+
</li>
|
|
5
|
+
`}};n([Object(d.property)({type:String,reflect:!0})],t.prototype,"role",void 0),n([Object(d.property)({type:Number,reflect:!0})],t.prototype,"tabIndex",void 0),n([Object(d.property)({type:String,reflect:!0})],t.prototype,"shape",void 0),n([Object(d.property)({type:Boolean,reflect:!0})],t.prototype,"disabled",null),n([Object(d.property)({type:Boolean,reflect:!0})],t.prototype,"selected",null),t=n([Object(l.a)("md-list-item")],t),e.ELEMENT=t}(r||(r={}))}}]);
|
package/dist/chunks/md-35.js
CHANGED
|
@@ -1,21 +1 @@
|
|
|
1
|
-
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[35],{
|
|
2
|
-
<span>
|
|
3
|
-
<div class="progressbar-info" data-key="${this.min}">
|
|
4
|
-
<span class="progressbar-label">${this.label}</span>
|
|
5
|
-
<span class="progressbar-progress">${this.getDisplayFormat()}</span>
|
|
6
|
-
</div>
|
|
7
|
-
<div class="progress ${Object(n.classMap)(e)}" data-key="${this.max}">
|
|
8
|
-
<span
|
|
9
|
-
class="meter"
|
|
10
|
-
role="progressbar"
|
|
11
|
-
aria-labelledby="progressbar"
|
|
12
|
-
aria-valuenow=${this.adjustedValue}
|
|
13
|
-
aria-valuemin=${this.min}
|
|
14
|
-
aria-valuemax=${this.max}
|
|
15
|
-
aria-valuetext=${this.meterWidth}
|
|
16
|
-
style="${"width: "+this.meterWidth+"; background: "+this.getColor()}"
|
|
17
|
-
>
|
|
18
|
-
</span>
|
|
19
|
-
</div>
|
|
20
|
-
</span>
|
|
21
|
-
`}};p([Object(i.property)({type:Boolean})],r.prototype,"dynamic",void 0),p([Object(i.property)({type:String})],r.prototype,"color",void 0),p([Object(i.property)({type:String})],r.prototype,"label",void 0),p([Object(i.property)({type:String})],r.prototype,"displayFormat",void 0),p([Object(i.property)({type:String})],r.prototype,"type",void 0),p([Object(i.property)({type:Number})],r.prototype,"min",void 0),p([Object(i.property)({type:Number})],r.prototype,"max",void 0),p([Object(i.property)({type:Number})],r.prototype,"value",void 0),p([Object(i.property)({type:Number})],r.prototype,"adjustedValue",void 0),p([Object(i.property)({type:Number})],r.prototype,"valueFraction",void 0),p([Object(i.property)({type:String})],r.prototype,"meterWidth",void 0),r=p([Object(o.a)("md-progress-bar")],r),e.ELEMENT=r}(a||(a={}))}}]);
|
|
1
|
+
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[35],{60:function(e,o,r){"use strict";var c=r(0);o.a=c.css`:host(:focus){box-shadow:none;outline:0}:host(md-checkbox){border-radius:.25rem;cursor:pointer;display:inline-flex;position:relative;vertical-align:middle}:host(md-checkbox) .checkbox-input{height:calc(1.25rem + .25rem);position:absolute;visibility:hidden;width:100%}:host(md-checkbox) .checkbox-label{cursor:pointer;display:inline-block;padding-left:2.25rem;padding-right:calc(.25rem/2);position:relative;width:100%;z-index:1}:host(md-checkbox) .checkbox-label::before{background:var(--checkbox-bg-color,#fff);border:.0625rem solid var(--checkbox-border-color,#545454);border-radius:.25rem;height:1.25rem;width:1.25rem}:host(md-checkbox) .checkbox-label::after,:host(md-checkbox) .checkbox-label::before{content:"";left:calc(.75rem*1.25);position:absolute;top:50%;transform:translate(-50%,-50%)}:host([focus-visible]:not([disabled])){box-shadow:0 0 0 .125rem var(--md-default-focus-outline-color,#005e7d)}:host(:hover:not([disabled])) .checkbox-label::before{background:var(--checkbox-hover-bg-color,#ededed);border:.0625rem solid var(--checkbox-hover-border-color,#545454)}:host(:active:not([disabled])) .checkbox-label::before{background:var(--checkbox-pressed-bg-color,#dedede);border:.0625rem solid var(--checkbox-pressed-border-color,#ccc)}:host([disabled]){opacity:.4}:host([disabled]) .checkbox-label{cursor:not-allowed}:host([disabled]) .checkbox-label::before{background:var(--checkbox-hover-bg-color,#ededed);border:.0625rem solid var(--checkbox-hover-border-color,#545454)}:host([aria-checked=true]) .checkbox-label::after{border:solid var(--checkbox-icon-color,#fff);border-width:0 .12em .12em 0;display:block;height:.6em;transform:translateY(-65%) translateX(-50%) rotate(45deg);width:.35em}:host([aria-checked=true]) .checkbox-label::before{background:var(--checkbox-selected-bg-color,#00a0d1);border:.0625rem solid var(--checkbox-selected-border-color,#00a0d1)}:host([indeterminate]) .checkbox-label::after{border:solid var(--checkbox-icon-color,#fff);border-width:0 0 .12em;display:block;height:.2em;transform:translateY(-85%) translateX(-50%) rotate(0);width:.75em}:host([indeterminate]) .checkbox-label::before{background:var(--checkbox-selected-bg-color,#00a0d1);border:.0625rem solid var(--checkbox-selected-border-color,#00a0d1)}:host([aria-checked=true]:hover:not([disabled])) .checkbox-label::before,:host([indeterminate]:hover:not([disabled])) .checkbox-label::before{background:var(--checkbox-selected-hover-bg-color,#007aa3);border-color:var(--checkbox-selected-hover-border-color,#007aa3)}:host([aria-checked=true]:active:not([disabled])) .checkbox-label::before,:host([indeterminate]:active:not([disabled])) .checkbox-label::before{background:var(--checkbox-selected-pressed-bg-color,#005e7d);border-color:var(--checkbox-selected-pressed-border-color,#005e7d)}@media(forced-colors:active){:host([focus-visible]:not([disabled])){outline:2px solid Highlight;box-shadow:none}}:host([alignment=vertical]) div{display:inline-flex;flex-direction:column}:host([alignment=vertical]) div ::slotted(md-checkbox:not(:last-child)){margin-bottom:calc(.25rem*6)}:host([alignment=horizontal]) div{display:flex;flex-direction:row}:host([alignment=horizontal]) div ::slotted(md-checkbox:not(:last-child)){margin-right:calc(.25rem*10)}`}}]);
|
package/dist/chunks/md-36.js
CHANGED
|
@@ -1,24 +1,21 @@
|
|
|
1
|
-
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[36],{
|
|
2
|
-
<
|
|
3
|
-
<div class="
|
|
4
|
-
<
|
|
5
|
-
|
|
6
|
-
<slot name="tooltip-content" @slotchange=${this.handleSlotContentChange}></slot>
|
|
7
|
-
`}
|
|
8
|
-
</div>
|
|
9
|
-
<div id="arrow" class="md-tooltip__arrow" data-popper-arrow></div>
|
|
1
|
+
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[36],{79:function(e,r,t){"use strict";t.r(r),t.d(r,"ProgressBar",(function(){return a}));var a,o=t(6),s=t(5),i=t(0),n=t(4),l=i.css`.progress-bar{background-color:var(--border-color);border-radius:var(--border-radius-small) var(--border-radius-small) 0;box-sizing:border-box;height:4px;margin-bottom:-4px;overflow:hidden;position:relative;width:100%}.progress-bar-value{animation:indeterminateAnimation 1s infinite linear;background-color:var(--link-color);border-radius:var(--border-radius-small) var(--border-radius-small) 0;height:100%;transform-origin:0 50%;width:100%}@keyframes indeterminateAnimation{0%{transform:translateX(0) scaleX(0)}40%{transform:translateX(0) scaleX(.4)}100%{transform:translateX(100%) scaleX(.5)}}.progressbar-label{text-align:left}.progressbar-progress{float:right}.progressbar-label,.progressbar-progress{color:var(--progress-bar-label-text-color,#000);font-family:var(--brand-font-regular, "CiscoSansTT Regular", "Helvetica Neue", Helvetica, Arial, sans-serif);font-size:.6875rem}.progress{background-color:var(--progress-bar-track-bg-color,#dedede);height:.25rem;margin-bottom:.625rem;overflow:hidden;padding:0;border-radius:var(--progress-bar-border-radius,4px)}.progress .meter{background:#00a0d1;display:block;height:100%}.progress--indeterminate .meter{animation:indeterminateAnimation 1s infinite linear;transform-origin:0 50%;width:100%}@keyframes indeterminateAnimation{0%{transform:translateX(0) scaleX(0)}40%{transform:translateX(0) scaleX(.4)}100%{transform:translateX(100%) scaleX(.5)}}.progress.secondary .meter{background:#545454;display:block;height:100%}.progress.success .meter{background:#00ab50;display:block;height:100%}.progress.danger .meter{background:#f7644a;display:block;height:100%}.progress.warning .meter{background:#d97f00;display:block;height:100%}.progress.info .meter{background:#16a693;display:block;height:100%}@media(forced-colors:active){.progress{background-color:HighlightText;outline:1px solid Highlight;outline-offset:-1px}.progress .meter{background-color:Highlight}}`,p=function(e,r,t,a){var o,s=arguments.length,i=s<3?r:null===a?a=Object.getOwnPropertyDescriptor(r,t):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(e,r,t,a);else for(var n=e.length-1;n>=0;n--)(o=e[n])&&(i=(s<3?o(i):s>3?o(r,t,i):o(r,t))||i);return s>3&&i&&Object.defineProperty(r,t,i),i};!function(e){let r=class extends i.LitElement{constructor(){super(...arguments),this.dynamic=!1,this.color="",this.label="",this.displayFormat="percentage",this.type="indeterminate",this.min=0,this.max=100,this.value=25,this.adjustedValue=0,this.valueFraction=0,this.meterWidth="100",this.getDisplayFormat=()=>"indeterminate"===this.type?(this.value=100,null):(this.adjustedValue=this.max-this.value<0?this.max:this.value,this.valueFraction=this.adjustedValue/this.max*100||0,this.meterWidth=this.valueFraction.toFixed(0)+"%","none"===this.displayFormat?null:"percentage"===this.displayFormat?this.meterWidth:`${this.adjustedValue} / ${this.max}`),this.getColor=()=>this.color?this.color:this.dynamic?this.valueFraction<25?"success":this.valueFraction<50?"info":this.valueFraction<75?"warning":"danger":void 0}connectedCallback(){super.connectedCallback(),this.requestUpdate("value")}static get styles(){return[s.a,l]}render(){const e={["progress--"+this.type]:this.type,["progress--"+this.color]:this.color};return i.html`
|
|
2
|
+
<span>
|
|
3
|
+
<div class="progressbar-info" data-key="${this.min}">
|
|
4
|
+
<span class="progressbar-label">${this.label}</span>
|
|
5
|
+
<span class="progressbar-progress">${this.getDisplayFormat()}</span>
|
|
10
6
|
</div>
|
|
11
|
-
<div
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
7
|
+
<div class="progress ${Object(n.classMap)(e)}" data-key="${this.max}">
|
|
8
|
+
<span
|
|
9
|
+
class="meter"
|
|
10
|
+
role="progressbar"
|
|
11
|
+
aria-labelledby="progressbar"
|
|
12
|
+
aria-valuenow=${this.adjustedValue}
|
|
13
|
+
aria-valuemin=${this.min}
|
|
14
|
+
aria-valuemax=${this.max}
|
|
15
|
+
aria-valuetext=${this.meterWidth}
|
|
16
|
+
style="${"width: "+this.meterWidth+"; background: "+this.getColor()}"
|
|
17
|
+
>
|
|
18
|
+
</span>
|
|
22
19
|
</div>
|
|
23
|
-
</
|
|
24
|
-
`}
|
|
20
|
+
</span>
|
|
21
|
+
`}};p([Object(i.property)({type:Boolean})],r.prototype,"dynamic",void 0),p([Object(i.property)({type:String})],r.prototype,"color",void 0),p([Object(i.property)({type:String})],r.prototype,"label",void 0),p([Object(i.property)({type:String})],r.prototype,"displayFormat",void 0),p([Object(i.property)({type:String})],r.prototype,"type",void 0),p([Object(i.property)({type:Number})],r.prototype,"min",void 0),p([Object(i.property)({type:Number})],r.prototype,"max",void 0),p([Object(i.property)({type:Number})],r.prototype,"value",void 0),p([Object(i.property)({type:Number})],r.prototype,"adjustedValue",void 0),p([Object(i.property)({type:Number})],r.prototype,"valueFraction",void 0),p([Object(i.property)({type:String})],r.prototype,"meterWidth",void 0),r=p([Object(o.a)("md-progress-bar")],r),e.ELEMENT=r}(a||(a={}))}}]);
|