@momentum-ui/web-components 2.11.1-dev2 → 2.12.0-dev
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/assets/fonts/Inter.var.woff2 +0 -0
- package/dist/assets/styles/momentum-ui.min.css +3 -3
- package/dist/chunks/md-17.js +1 -1
- package/dist/chunks/md-24.js +1 -1
- package/dist/chunks/md-26.js +9 -3
- package/dist/chunks/md-27.js +1 -1
- package/dist/chunks/md-30.js +18 -5
- package/dist/chunks/md-33.js +3 -3
- package/dist/chunks/md-35.js +2 -2
- package/dist/chunks/md-60.js +7 -7
- package/dist/chunks/md-69.js +11 -9
- package/dist/chunks/md-7.js +1 -1
- package/dist/chunks/md-80.js +3 -4
- package/dist/chunks/md-82.js +1 -1
- package/dist/chunks/md-83.js +2 -2
- package/dist/comp/md-accordion-entry.js +1 -1
- package/dist/comp/md-accordion-item-entry.js +1 -1
- package/dist/comp/md-breadcrumb-entry.js +1 -1
- package/dist/comp/md-button-group-entry.js +1 -1
- package/dist/comp/md-checkbox-entry.js +1 -1
- package/dist/comp/md-checkboxgroup-entry.js +1 -1
- package/dist/comp/md-draggable-entry.js +1 -1
- package/dist/comp/md-form-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-loading-entry.js +1 -1
- package/dist/comp/md-menu-overlay-entry.js +1 -1
- package/dist/comp/md-pagination-entry.js +1 -1
- package/dist/comp/md-radio-entry.js +1 -1
- package/dist/comp/md-radiogroup-entry.js +1 -1
- package/dist/comp/md-slider-entry.js +1 -1
- package/dist/comp/md-spinner-entry.js +1 -1
- package/dist/comp/md-tab-panel-entry.js +1 -1
- package/dist/comp/md-table-entry.js +1 -1
- package/dist/comp/md-theme-entry.js +1 -1
- package/dist/index-entry.js +1 -1
- package/dist/index.js +1 -1
- package/dist/types/components/button/Button.d.ts +1 -1
- package/dist/types/components/combobox/ComboBox.d.ts +1 -1
- package/dist/types/components/list/ListItem.d.ts +4 -0
- package/dist/types/components/meeting-alert/MeetingAlert.d.ts +1 -1
- package/dist/types/components/timepicker/TimePicker.d.ts +1 -1
- package/package.json +2 -2
package/dist/chunks/md-17.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[17],{29:function(e,t,r){"use strict";var a=r(0);t.a=a.css`.md-datepicker__month-container{display:flex;flex-direction:column;height:17.5rem;justify-content:space-between;padding:12px 10px 12px}.md-datepicker__navigation--buttons{align-items:center;color:var(--datepicker-default-navigation-button,var(--md-primary-text-color,inherit));display:flex;justify-content:space-between;line-height:normal;width:2.75rem}.md-datepicker__navigation--buttons md-button[disabled]::part(button){background-color:none;color:var(--md-disabled-text-color,inherit)}.md-datepicker__month{width:auto}.md-datepicker__week{height:2.125rem}.md-datepicker__navigation--current-month{font-size:1rem;font-weight:700;text-transform:capitalize;color:var(--datepicker-default-navigation-label,inherit)}.md-datepicker__navigation{display:flex;justify-content:space-between;padding:0 6px}.md-datepicker__day--names{display:flex}.md-datepicker__day{color:var(--datepicker-default-number-color,inherit);background-color:var(--datepicker-default-number-bg-color,inherit);border-radius:100%;display:inline-block;height:1.75rem;width:1.75rem}.md-datepicker__day--names{color:var(--datepicker-default-days,var(--md-secondary-text-color,#545454));display:flex;font-size:.625rem;justify-content:space-around;line-height:.875rem;margin:12px 0 8px;text-transform:capitalize}.md-datepicker__day::part(button):hover{background:var(--datepicker-default-hover-bg-color,#545454)}.md-datepicker__day[disabled]::part(button){background:0 0;color:var(--md-disabled-text-color,inherit)}.md-datepicker__day--today::part(button){font-weight:700}.md-datepicker__day--today::part(button)::after{border:var(--datepicker-selected-today-border,1px solid var(--datepicker-range-text-color,#121212));height:1.8rem;left:7%;position:absolute;top:4%;width:1.8rem}.md-datepicker__day--focus::part(button){background:var(--datepicker-default-number-bg-color,var(--datepicker-range-hover-bg-color,#dedede))}.md-datepicker__day--selected::part(button){background:var(--datepicker-selected-bg-color,var(--md-primary-text-color,#121212));color:var(--datepicker-selected-text-color,var(--md-secondary-bg-color,#fff))}.md-datepicker__day--outside-month{color:var(--datepicker-invalid-text-color,var(--md-disabled-text-color,inherit))}.md-datepicker__day--in-range::part(button){color:var(--datepicker-range-text-color,#121212);z-index:10}.md-datepicker__day--in-range::part(button)::before{background:var(--datepicker-range-bg-color);content:"";display:block;height:1.75rem;position:absolute;top:0;width:2.25rem;z-index:-1}.md-datepicker__day--in-range::part(button):hover{color:var(--datepicker-hover-text-color,var(--datepicker-range-text-color,#121212))}.md-datepicker__day--in-range::part(button):active{color:var(--datepicker-pressed-text-color,#121212)}.md-datepicker__day--in-range::part(button):focus{color:var(--datepicker-focus-text-color,var(--datepicker-range-text-color,#121212))}.md-datepicker__day--in-range::part(button):focus::before{background:radial-gradient(circle at 43% center,var(--datepicker-range-hover-bg-color) 60%,rgba(0,0,0,0) 60%,var(--datepicker-range-bg-color) 60%,var(--datepicker-range-bg-color) 60%)}.md-datepicker__day--in-range::part(button):focus::after{background:radial-gradient(circle at 50% center,rgba(0,0,0,0) 50%,var(--datepicker-range-hover-bg-color) 51%,var(--datepicker-range-hover-bg-color) 100%,rgba(0,0,0,0) 100%);content:""}.md-datepicker__day--week-first::part(button)::before{border-bottom-left-radius:1rem;border-top-left-radius:1rem}.md-datepicker__day--week-last::part(button)::before{border-bottom-right-radius:1rem;border-top-right-radius:1rem;width:calc(2rem - 2px)}.md-datepicker__day--start-date::part(button){color:var(--md-secondary-bg-color,#121212)}.md-datepicker__day--start-date::part(button)::before{background:radial-gradient(circle at 40% center,var(--md-primary-text-color,#121212) 59%,rgba(0,0,0,0) 50%,var(--datepicker-range-bg-color) 50%,var(--datepicker-range-bg-color) 50%);border-bottom-left-radius:1rem;border-top-left-radius:1rem}.md-datepicker__day--start-date::part(button)::after{background:radial-gradient(circle at 50% center,rgba(0,0,0,0) 50%,var(--datepicker-range-edge-bg-color,#121212) 51%,var(--datepicker-range-edge-bg-color,#121212) 100%,rgba(0,0,0,0) 100%);content:""}.md-datepicker__day--end-date::part(button){color:var(--md-secondary-bg-color,#121212)}.md-datepicker__day--end-date::part(button)::before{background:radial-gradient(circle at 47% center,var(--datepicker-range-edge-bg-color,#121212) 58%,rgba(0,0,0,0) 50%,var(--datepicker-range-bg-color) 50%,var(--datepicker-range-bg-color) 50%);border-bottom-right-radius:1rem;border-top-right-radius:1rem;width:calc(2rem - 2px)}.md-datepicker__day--end-date::part(button)::after{background:radial-gradient(circle at 50% center,rgba(0,0,0,0) 50%,var(--datepicker-range-edge-bg-color,#121212) 51%,var(--datepicker-range-edge-bg-color,#121212) 100%,rgba(0,0,0,0) 100%);content:""}`},74:function(e,t,r){"use strict";r.r(t),r.d(t,"DatePickerDay",(function(){return a}));r(18);var a,d=r(6),i=r(8),o=r(16),n=r(5),c=r(0),s=r(4),l=r(2),p=r(29),h=function(e,t,r,a){var d,i=arguments.length,o=i<3?t:null===a?a=Object.getOwnPropertyDescriptor(t,r):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(e,t,r,a);else for(var n=e.length-1;n>=0;n--)(d=e[n])&&(o=(i<3?d(o):i>3?d(t,r,o):d(t,r))||o);return i>3&&o&&Object.defineProperty(t,r,o),o};!function(e){let t=class extends c.LitElement{constructor(){super(...arguments),this.focused=!1,this.selected=!1,this.disabled=!1,this.day=Object(i.n)(),this.viewAnchorMonth=void 0,this.filterParams=void 0,this.datePickerProps=void 0,this.isOutsideMonth=!1,this.isToday=!1,this.parentRangePicker=null,this.dateIsInRange=!1,this.handleClick=e=>{this.dispatchEvent(new CustomEvent("day-select",{bubbles:!0,composed:!0,detail:{date:this.day,sourceEvent:e}}))},this.isDateInRange=()=>{const e=this.parentRangePicker,t=null==e?void 0:e.startDate,r=null==e?void 0:e.endDate;return!this.isPrimarySelection()&&(this.day.toSQLDate()>t&&this.day.toSQLDate()<r||this.day.toSQLDate()==t||this.day.toSQLDate()==r||!1)},this.handleKeyDown=e=>{this.dispatchEvent(new CustomEvent("day-key-event",{bubbles:!0,composed:!0,detail:{date:this.day,sourceEvent:e}}))}}connectedCallback(){super.connectedCallback(),this.disabled=this.filterParams&&Object(i.j)(this.day,this.filterParams)||!1,this.isOutsideMonth=this.day.month!==this.viewAnchorMonth,this.isToday=Object(i.k)(this.day,Object(i.n)()),this.selected=this.datePickerProps&&Object(i.k)(this.datePickerProps.selected,this.day)||!1,this.focused=this.datePickerProps&&Object(i.k)(this.datePickerProps.focused,this.day)||!1,this.parentRangePicker=Object(o.a)("md-date-range-picker",this)}updated(e){var t,r;super.updated(e),this.disabled=this.filterParams&&Object(i.j)(this.day,this.filterParams)||!1,this.isOutsideMonth=this.day.month!==this.viewAnchorMonth,this.isToday=Object(i.k)(this.day,Object(i.n)()),this.selected=this.datePickerProps&&Object(i.k)(this.datePickerProps.selected,this.day)||!1,this.focused=this.datePickerProps&&Object(i.k)(this.datePickerProps.focused,this.day)||!1,this.focused&&this.button&&(null===(r=null===(t=this.button.shadowRoot)||void 0===t?void 0:t.querySelector("button"))||void 0===r||r.focus()),this.parentRangePicker&&(this.dateIsInRange=this.isDateInRange())}isPrimarySelection(){var e;return(null===(e=this.parentRangePicker)||void 0===e?void 0:e.startDate)&&void 0===this.parentRangePicker.endDate}isLeadingRangeEdge(){var e;return this===(null===(e=this.parentNode)||void 0===e?void 0:e.firstElementChild)}isEndingRangeEdge(){var e;return this===(null===(e=this.parentNode)||void 0===e?void 0:e.lastElementChild)}isStartDate(){var e;return(null===(e=this.parentRangePicker)||void 0===e?void 0:e.startDate)===this.day.toSQLDate()&&!this.isPrimarySelection()}isEndDate(){var e;return(null===(e=this.parentRangePicker)||void 0===e?void 0:e.endDate)===this.day.toSQLDate()}get getDayClassMap(){return{"md-datepicker__day--selected":this.selected,"md-datepicker__day--focus":this.focused,"md-datepicker__day--today":this.isToday,"md-datepicker__day--outside-month":this.isOutsideMonth,"md-datepicker__day--in-range":this.dateIsInRange,"md-datepicker__day--week-first":this.isLeadingRangeEdge(),"md-datepicker__day--week-last":this.isEndingRangeEdge(),"md-datepicker__day--start-date":this.isStartDate(),"md-datepicker__day--end-date":this.isEndDate()}}static get styles(){return[n.a,p.a]}render(){var e;const t=Object(i.m)(this.day,(null===(e=this.datePickerProps)||void 0===e?void 0:e.locale)||"en").toFormat("D, dd MMMM yyyy");return c.html`
|
|
1
|
+
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[17],{29:function(e,t,r){"use strict";var a=r(0);t.a=a.css`.md-datepicker__month-container{display:flex;flex-direction:column;height:17.5rem;justify-content:space-between;padding:12px 10px 12px}.md-datepicker__navigation--buttons{align-items:center;color:var(--datepicker-default-navigation-button,var(--md-primary-text-color,inherit));display:flex;justify-content:space-between;line-height:normal;width:2.75rem}.md-datepicker__navigation--buttons md-button[disabled]::part(button){background-color:none;color:var(--md-disabled-text-color,inherit)}.md-datepicker__month{width:auto}.md-datepicker__week{height:2.125rem}.md-datepicker__navigation--current-month{font-size:1rem;font-weight:700;text-transform:capitalize;color:var(--datepicker-default-navigation-label,inherit)}.md-datepicker__navigation{display:flex;justify-content:space-between;padding:0 6px}.md-datepicker__day--names{display:flex}.md-datepicker__day{color:var(--datepicker-default-number-color,inherit);background-color:var(--datepicker-default-number-bg-color,inherit);border-radius:100%;display:inline-block;height:1.75rem;width:1.75rem}.md-datepicker__day--names{color:var(--datepicker-default-days,var(--md-secondary-text-color,#545454));display:flex;font-size:.625rem;justify-content:space-around;line-height:.875rem;margin:12px 0 8px;text-transform:capitalize}.md-datepicker__day::part(button):hover{background:var(--datepicker-default-hover-bg-color,#545454)}.md-datepicker__day[disabled]::part(button){background:0 0;color:var(--md-disabled-text-color,inherit)}.md-datepicker__day--today::part(button){font-weight:700}.md-datepicker__day--today::part(button)::after{border:var(--datepicker-selected-today-border,1px solid var(--datepicker-range-text-color,#121212));height:1.8rem;left:7%;position:absolute;top:4%;width:1.8rem}.md-datepicker__day--focus::part(button){background:var(--datepicker-default-number-bg-color,var(--datepicker-range-hover-bg-color,#dedede))}.md-datepicker__day--selected::part(button):not(:hover){background:var(--datepicker-selected-bg-color,var(--md-primary-text-color,#121212));color:var(--datepicker-selected-text-color,var(--md-secondary-bg-color,#fff))}.md-datepicker__day--outside-month{color:var(--datepicker-invalid-text-color,var(--md-disabled-text-color,inherit))}.md-datepicker__day--in-range::part(button){color:var(--datepicker-range-text-color,#121212);z-index:10}.md-datepicker__day--in-range::part(button)::before{background:var(--datepicker-range-bg-color);content:"";display:block;height:1.75rem;position:absolute;top:0;width:2.25rem;z-index:-1}.md-datepicker__day--in-range::part(button):hover{color:var(--datepicker-hover-text-color,var(--datepicker-range-text-color,#121212))}.md-datepicker__day--in-range::part(button):active{color:var(--datepicker-pressed-text-color,#121212)}.md-datepicker__day--in-range::part(button):focus{color:var(--datepicker-focus-text-color,var(--datepicker-range-text-color,#121212))}.md-datepicker__day--in-range::part(button):focus::before{background:radial-gradient(circle at 43% center,var(--datepicker-range-hover-bg-color) 60%,rgba(0,0,0,0) 60%,var(--datepicker-range-bg-color) 60%,var(--datepicker-range-bg-color) 60%)}.md-datepicker__day--in-range::part(button):focus::after{background:radial-gradient(circle at 50% center,rgba(0,0,0,0) 50%,var(--datepicker-range-hover-bg-color) 51%,var(--datepicker-range-hover-bg-color) 100%,rgba(0,0,0,0) 100%);content:""}.md-datepicker__day--week-first::part(button)::before{border-bottom-left-radius:1rem;border-top-left-radius:1rem}.md-datepicker__day--week-last::part(button)::before{border-bottom-right-radius:1rem;border-top-right-radius:1rem;width:calc(2rem - 2px)}.md-datepicker__day--start-date::part(button){color:var(--md-secondary-bg-color,#121212)}.md-datepicker__day--start-date::part(button)::before{background:radial-gradient(circle at 40% center,var(--md-primary-text-color,#121212) 59%,rgba(0,0,0,0) 50%,var(--datepicker-range-bg-color) 50%,var(--datepicker-range-bg-color) 50%);border-bottom-left-radius:1rem;border-top-left-radius:1rem}.md-datepicker__day--start-date::part(button)::after{background:radial-gradient(circle at 50% center,rgba(0,0,0,0) 50%,var(--datepicker-range-edge-bg-color,#121212) 51%,var(--datepicker-range-edge-bg-color,#121212) 100%,rgba(0,0,0,0) 100%);content:""}.md-datepicker__day--end-date::part(button){color:var(--md-secondary-bg-color,#121212)}.md-datepicker__day--end-date::part(button)::before{background:radial-gradient(circle at 47% center,var(--datepicker-range-edge-bg-color,#121212) 58%,rgba(0,0,0,0) 50%,var(--datepicker-range-bg-color) 50%,var(--datepicker-range-bg-color) 50%);border-bottom-right-radius:1rem;border-top-right-radius:1rem;width:calc(2rem - 2px)}.md-datepicker__day--end-date::part(button)::after{background:radial-gradient(circle at 50% center,rgba(0,0,0,0) 50%,var(--datepicker-range-edge-bg-color,#121212) 51%,var(--datepicker-range-edge-bg-color,#121212) 100%,rgba(0,0,0,0) 100%);content:""}`},74:function(e,t,r){"use strict";r.r(t),r.d(t,"DatePickerDay",(function(){return a}));r(18);var a,d=r(6),i=r(8),o=r(16),n=r(5),c=r(0),s=r(4),l=r(2),p=r(29),h=function(e,t,r,a){var d,i=arguments.length,o=i<3?t:null===a?a=Object.getOwnPropertyDescriptor(t,r):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(e,t,r,a);else for(var n=e.length-1;n>=0;n--)(d=e[n])&&(o=(i<3?d(o):i>3?d(t,r,o):d(t,r))||o);return i>3&&o&&Object.defineProperty(t,r,o),o};!function(e){let t=class extends c.LitElement{constructor(){super(...arguments),this.focused=!1,this.selected=!1,this.disabled=!1,this.day=Object(i.n)(),this.viewAnchorMonth=void 0,this.filterParams=void 0,this.datePickerProps=void 0,this.isOutsideMonth=!1,this.isToday=!1,this.parentRangePicker=null,this.dateIsInRange=!1,this.handleClick=e=>{this.dispatchEvent(new CustomEvent("day-select",{bubbles:!0,composed:!0,detail:{date:this.day,sourceEvent:e}}))},this.isDateInRange=()=>{const e=this.parentRangePicker,t=null==e?void 0:e.startDate,r=null==e?void 0:e.endDate;return!this.isPrimarySelection()&&(this.day.toSQLDate()>t&&this.day.toSQLDate()<r||this.day.toSQLDate()==t||this.day.toSQLDate()==r||!1)},this.handleKeyDown=e=>{this.dispatchEvent(new CustomEvent("day-key-event",{bubbles:!0,composed:!0,detail:{date:this.day,sourceEvent:e}}))}}connectedCallback(){super.connectedCallback(),this.disabled=this.filterParams&&Object(i.j)(this.day,this.filterParams)||!1,this.isOutsideMonth=this.day.month!==this.viewAnchorMonth,this.isToday=Object(i.k)(this.day,Object(i.n)()),this.selected=this.datePickerProps&&Object(i.k)(this.datePickerProps.selected,this.day)||!1,this.focused=this.datePickerProps&&Object(i.k)(this.datePickerProps.focused,this.day)||!1,this.parentRangePicker=Object(o.a)("md-date-range-picker",this)}updated(e){var t,r;super.updated(e),this.disabled=this.filterParams&&Object(i.j)(this.day,this.filterParams)||!1,this.isOutsideMonth=this.day.month!==this.viewAnchorMonth,this.isToday=Object(i.k)(this.day,Object(i.n)()),this.selected=this.datePickerProps&&Object(i.k)(this.datePickerProps.selected,this.day)||!1,this.focused=this.datePickerProps&&Object(i.k)(this.datePickerProps.focused,this.day)||!1,this.focused&&this.button&&(null===(r=null===(t=this.button.shadowRoot)||void 0===t?void 0:t.querySelector("button"))||void 0===r||r.focus()),this.parentRangePicker&&(this.dateIsInRange=this.isDateInRange())}isPrimarySelection(){var e;return(null===(e=this.parentRangePicker)||void 0===e?void 0:e.startDate)&&void 0===this.parentRangePicker.endDate}isLeadingRangeEdge(){var e;return this===(null===(e=this.parentNode)||void 0===e?void 0:e.firstElementChild)}isEndingRangeEdge(){var e;return this===(null===(e=this.parentNode)||void 0===e?void 0:e.lastElementChild)}isStartDate(){var e;return(null===(e=this.parentRangePicker)||void 0===e?void 0:e.startDate)===this.day.toSQLDate()&&!this.isPrimarySelection()}isEndDate(){var e;return(null===(e=this.parentRangePicker)||void 0===e?void 0:e.endDate)===this.day.toSQLDate()}get getDayClassMap(){return{"md-datepicker__day--selected":this.selected,"md-datepicker__day--focus":this.focused,"md-datepicker__day--today":this.isToday,"md-datepicker__day--outside-month":this.isOutsideMonth,"md-datepicker__day--in-range":this.dateIsInRange,"md-datepicker__day--week-first":this.isLeadingRangeEdge(),"md-datepicker__day--week-last":this.isEndingRangeEdge(),"md-datepicker__day--start-date":this.isStartDate(),"md-datepicker__day--end-date":this.isEndDate()}}static get styles(){return[n.a,p.a]}render(){var e;const t=Object(i.m)(this.day,(null===(e=this.datePickerProps)||void 0===e?void 0:e.locale)||"en").toFormat("D, dd MMMM yyyy");return c.html`
|
|
2
2
|
<md-button
|
|
3
3
|
circle
|
|
4
4
|
size=${28}
|
package/dist/chunks/md-24.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[24],{58:function(t,e,
|
|
1
|
+
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[24],{58:function(t,e,i){"use strict";var o=i(0);e.a=o.css`:host(:focus){box-shadow:none;outline:0}:host(md-list-item){box-sizing:border-box;cursor:pointer}:host(md-list-item) .md-list-item{align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:flex-start;box-sizing:border-box;color:var(--list-text-color,#121212);flex:1 1 auto;font-size:var(--body-primary-font-size,.875rem);line-height:var(--list-line-height,1.125rem);min-height:2.25rem;padding:.5rem 1rem;position:relative}:host(md-list-item) .md-list-item .md-input-container{margin-bottom:0}:host(md-list-item) .md-list-item--pill{border-radius:var(--list-border-radius-pill)}:host(md-list-item) .md-list-item--rounded{border-radius:var(--list-border-radius-rounded)}:host(:hover:not([disabled])) .md-list-item{background-color:var(--list-hover-background,#91ebff);color:var(--list-hover-text-color,#121212)}:host(:active:not([disabled])) .md-list-item,:host([selected]:not([disabled])) .md-list-item{background-color:var(--list-active-background,#00a0d1);color:var(--list-active-text-color,#121212)}:host([focus-visible]) .md-list-item{box-shadow:0 0 0 .125rem var(--list-focus-border-color,#005e7d)}:host(:active[disabled]) .md-list-item,:host([disabled]) .md-list-item{color:var(--list-disabled-text-color,#b2b2b2);pointer-events:none}@media(forced-colors:active){:host(:focus:not([disabled])) .md-list-item,:host(:hover:not([disabled])) .md-list-item,:host([focus-visible]:not([disabled])) .md-list-item{outline:2px solid Highlight}:host(:active[disabled]) .md-list-item,:host([disabled]) .md-list-item{color:GrayText}:host(:active:not([disabled])) .md-list-item,:host([selected]:not([disabled])) .md-list-item{forced-color-adjust:none;background-color:Highlight;color:Canvas;box-shadow:none;border:none}}:host(md-list) .md-list{align-content:center;align-items:stretch;display:flex;flex-flow:column nowrap;justify-content:center;list-style:none;margin:0;padding:0;position:relative;width:100%}:host([alignment=horizontal]) ul{align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:stretch}:host([alignment=horizontal]) ::slotted(md-list-item){align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:center;flex:1 1 auto}:host([alignment=vertical]){align-content:center;align-items:stretch;display:flex;flex-flow:column nowrap;justify-content:center}`}}]);
|
package/dist/chunks/md-26.js
CHANGED
|
@@ -1,9 +1,12 @@
|
|
|
1
|
-
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[26],{71:function(t,e,i){"use strict";i.r(e),i.d(e,"DatePickerCalendar",(function(){return o}));i(72),i(15);var o,r=i(6),a=i(8),n=i(5),s=i(0),
|
|
1
|
+
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[26],{71:function(t,e,i){"use strict";i.r(e),i.d(e,"DatePickerCalendar",(function(){return o}));i(72),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
2
|
<div class="md-datepicker__navigation--current-month" aria-live="polite">
|
|
3
3
|
${this.localeMonth}
|
|
4
4
|
</div>
|
|
5
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
6
|
<md-button
|
|
7
|
+
variant="ghost"
|
|
8
|
+
circle
|
|
9
|
+
size="28"
|
|
7
10
|
aria-controls="Datepicker-Calendar"
|
|
8
11
|
aria-label=${"previous month"}
|
|
9
12
|
title=${"previous month"}
|
|
@@ -16,6 +19,9 @@
|
|
|
16
19
|
</md-button>
|
|
17
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`
|
|
18
21
|
<md-button
|
|
22
|
+
variant="ghost"
|
|
23
|
+
circle
|
|
24
|
+
size="28"
|
|
19
25
|
aria-controls="Datepicker-Calendar"
|
|
20
26
|
aria-label=${"next month"}
|
|
21
27
|
title=${"next month"}
|
|
@@ -48,8 +54,8 @@
|
|
|
48
54
|
.datePickerProps=${this.datePickerProps}
|
|
49
55
|
></md-datepicker-month>
|
|
50
56
|
</div>
|
|
51
|
-
`}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,
|
|
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`
|
|
52
58
|
<div class="md-datepicker__calendar" id="Datepicker-Calendar">
|
|
53
59
|
${this.viewAnchorDate&&this.renderMonth()}
|
|
54
60
|
</div>
|
|
55
|
-
`}};
|
|
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-27.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[27],{37: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{border-bottom:var(--tabs-default-active-bottom-border,2px solid var(--tabs-default-active-border,#005e7d));color:var(--tabs-default-active,#005e7d)}:host([vertical]) button{text-align:left!important}:host([selected][vertical]) button{border-bottom:.125rem solid transparent;border-left:2px solid var(--tabs-default-active-border,#005e7d)}:host(:focus){background-color:var(--tabs-default-focus-bg,#fff)}:host(:focus) button{border:2px solid var(--tabs-default-focus-border,#005e7d)!important;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:.125rem solid transparent;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-bottom:3px solid Highlight;color:Highlight}: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-weight:550;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-context([direction=vertical]){flex-direction:row}:host-context([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-context([direction=vertical]) .md-tab__list ::slotted([slot=tab]){border-left:.125rem solid transparent;display:block;height:auto;text-align:left}:host-context([direction=vertical]) .md-tab__list ::slotted([slot=tab][selected]){color:var(--tabs-default-active,#005e7d)}:host-context([direction=vertical]) .md-tab__content ::slotted([slot=panel]){padding-left:.625rem}`}}]);
|
|
1
|
+
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[27],{37: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{border-bottom:var(--tabs-default-active-bottom-border,2px solid var(--tabs-default-active-border,#005e7d));color:var(--tabs-default-active,#005e7d)}:host([vertical]) button{text-align:left!important}:host([selected][vertical]) button{border-bottom:.125rem solid transparent;border-left:2px solid var(--tabs-default-active-border,#005e7d)}:host(:focus){background-color:var(--tabs-default-focus-bg,#fff)}:host(:focus) button{border:2px solid var(--tabs-default-focus-border,#005e7d)!important;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:.125rem solid transparent;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-bottom:3px solid Highlight;color:Highlight}: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-weight:550;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}:host-context([direction=vertical]){flex-direction:row}:host-context([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-context([direction=vertical]) .md-tab__list ::slotted([slot=tab]){border-left:.125rem solid transparent;display:block;height:auto;text-align:left}:host-context([direction=vertical]) .md-tab__list ::slotted([slot=tab][selected]){color:var(--tabs-default-active,#005e7d)}:host-context([direction=vertical]) .md-tab__content ::slotted([slot=panel]){padding-left:.625rem}`}}]);
|
package/dist/chunks/md-30.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[30],{49: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=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);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--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}}`,
|
|
1
|
+
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[30],{49: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);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-weight:550;font-size:var(--label-compact-font-size);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
2
|
<style>
|
|
3
3
|
:host .md-badge {
|
|
4
4
|
${this.renderBgColor()};
|
|
@@ -7,13 +7,26 @@
|
|
|
7
7
|
${this.renderWidth()};
|
|
8
8
|
}
|
|
9
9
|
</style>
|
|
10
|
-
`:l.nothing}static get styles(){return[d.a,
|
|
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
11
|
${this.getStyles()}
|
|
12
|
-
<span
|
|
12
|
+
<span
|
|
13
|
+
tabindex=${this.tabIndexing}
|
|
14
|
+
part="badge"
|
|
15
|
+
class="md-badge ${Object(c.classMap)(e)}"
|
|
16
|
+
aria-label=${this.ariaLabel}
|
|
17
|
+
>
|
|
13
18
|
${this.split?(()=>i.html`
|
|
14
|
-
<slot
|
|
19
|
+
<slot
|
|
20
|
+
aria-hidden=${Object(n.ifDefined)(this.ariaHiddenSplits||void 0)}
|
|
21
|
+
name="split-left"
|
|
22
|
+
class="split split-left"
|
|
23
|
+
></slot>
|
|
15
24
|
<span aria-hidden="true" class="split-separator"> | </span>
|
|
16
|
-
<slot
|
|
25
|
+
<slot
|
|
26
|
+
aria-hidden=${Object(n.ifDefined)(this.ariaHiddenSplits||void 0)}
|
|
27
|
+
name="split-right"
|
|
28
|
+
class="split split-right"
|
|
29
|
+
></slot>
|
|
17
30
|
`)():l.nothing}
|
|
18
31
|
<slot></slot>
|
|
19
32
|
</span>
|
package/dist/chunks/md-33.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[33],{69: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),
|
|
2
|
-
<li class="md-list-item" part="list-item">
|
|
1
|
+
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[33],{69: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(58),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
3
|
<slot></slot>
|
|
4
4
|
</li>
|
|
5
|
-
`}};
|
|
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,4 +1,4 @@
|
|
|
1
|
-
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[35],{78:function(e,r,t){"use strict";t.r(r),t.d(r,"ProgressBar",(function(){return a}));var a,o=t(
|
|
1
|
+
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[35],{78: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
2
|
<span>
|
|
3
3
|
<div class="progressbar-info" data-key="${this.min}">
|
|
4
4
|
<span class="progressbar-label">${this.label}</span>
|
|
@@ -18,4 +18,4 @@
|
|
|
18
18
|
</span>
|
|
19
19
|
</div>
|
|
20
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(
|
|
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={}))}}]);
|
package/dist/chunks/md-60.js
CHANGED
|
@@ -1,14 +1,14 @@
|
|
|
1
|
-
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[60],{113:function(e,t,i){"use strict";i.r(t),i.d(t,"DateTimePicker",(function(){return a}));i(24),i(32);var a,o=i(
|
|
1
|
+
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[60],{113:function(e,t,i){"use strict";i.r(t),i.d(t,"DateTimePicker",(function(){return a}));i(24),i(32);var a,o=i(6),r=i(8),l=i(5),s=i(0),n=i(2),d=i(12),c=i(1),u=s.css`.included-timepicker-wrapper{border-top:1px solid var(--md-primary-seperator-color);display:flex;justify-content:center;padding:1rem 0;white-space:nowrap}`,h=function(e,t,i,a){var o,r=arguments.length,l=r<3?t:null===a?a=Object.getOwnPropertyDescriptor(t,i):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)l=Reflect.decorate(e,t,i,a);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(l=(r<3?o(l):r>3?o(t,i,l):o(t,i))||l);return r>3&&l&&Object.defineProperty(t,i,l),l},p=function(e,t,i,a){return new(i||(i=Promise))((function(o,r){function l(e){try{n(a.next(e))}catch(e){r(e)}}function s(e){try{n(a.throw(e))}catch(e){r(e)}}function n(e){var t;e.done?o(e.value):(t=e.value,t instanceof i?t:new i((function(e){e(t)}))).then(l,s)}n((a=a.apply(e,t||[])).next())}))};!function(e){e.weekStartDays=["Sunday","Monday"];let t=class extends s.LitElement{constructor(){super(...arguments),this.maxDate=void 0,this.minDate=void 0,this.weekStart="Sunday",this.ariaLabel="",this.twoDigitAutoTab=!1,this.twentyFourHourFormat=!1,this.timeSpecificity=c.c.SECOND,this.dateValue=void 0,this.timeValue="00:00:00-08:00",this.value=void 0,this.locale="en-US",this.disabled=!1,this.fullDateTime=void 0,this.selectedTimeObject=void 0,this.selectedDateObject=Object(r.n)(),this.firstCycle=!0,this.handleDateChange=e=>{var t,i;this.selectedDateObject=null===(t=null==e?void 0:e.detail)||void 0===t?void 0:t.data,this.dateValue=null===(i=this.selectedDateObject)||void 0===i?void 0:i.toISODate(),this.combineDateAndTimeValues(this.dateValue,this.timeValue)},this.handleTimeChange=e=>{var t,i;this.selectedTimeObject=null===(t=null==e?void 0:e.detail)||void 0===t?void 0:t.data,this.timeValue=null===(i=this.selectedTimeObject)||void 0===i?void 0:i.startOf("second").toISOTime({suppressMilliseconds:!0}),this.combineDateAndTimeValues(this.dateValue,this.timeValue)},this.handleDateTimeInputChange=e=>{var t,i;(null===(t=null==e?void 0:e.detail)||void 0===t?void 0:t.value)&&(this.value=null===(i=null==e?void 0:e.detail)||void 0===i?void 0:i.value)},this.parseValueForVisuals=e=>{e&&(this.dateValue=e.split("T")[0],this.timeValue=e.split("T")[1])},this.updateDateTimeObject=()=>{this.value&&(this.fullDateTime=d.DateTime.fromISO(this.value,{locale:this.locale}),this.dispatchEvent(new CustomEvent("date-time-change",{bubbles:!0,composed:!0,detail:{dateTimeString:this.value,dateTime:this.fullDateTime,locale:this.locale,twentyFourHourFormat:this.twentyFourHourFormat}})))},this.combineDateAndTimeValues=(e,t)=>{e&&(this.value=t?`${e}T${t}`:e)}}firstUpdated(e){const t=Object.create(null,{firstUpdated:{get:()=>super.firstUpdated}});var i;return p(this,void 0,void 0,(function*(){if(t.firstUpdated.call(this,e),!this.value){const e=null===(i=this.selectedDateObject)||void 0===i?void 0:i.toISODate();this.combineDateAndTimeValues(e,this.timeValue)}yield new Promise(e=>setTimeout(e,0)),this.datePicker&&(this.datePicker.addEventListener("date-selection-change",this.handleDateChange),this.datePicker.addEventListener("date-input-change",this.handleDateTimeInputChange)),this.timePicker&&this.timePicker.addEventListener("time-selection-change",this.handleTimeChange)}))}updated(e){super.updated(e),this.value&&e.has("value")&&(this.parseValueForVisuals(this.value),this.firstCycle?this.firstCycle=!1:this.updateDateTimeObject()),this.dateValue&&this.timeValue&&(e.has("timeValue")||e.has("dateValue"))&&this.combineDateAndTimeValues(this.dateValue,this.timeValue),this.value&&e.has("locale")&&(this.fullDateTime=d.DateTime.fromISO(this.value,{locale:this.locale}))}disconnectedCallback(){this.datePicker&&(this.datePicker.removeEventListener("date-selection-change",this.handleDateChange),this.datePicker.removeEventListener("date-input-change",this.handleDateTimeInputChange)),this.timePicker&&this.timePicker.removeEventListener("time-selection-change",this.handleTimeChange)}static get styles(){return[l.a,u]}render(){return s.html`
|
|
2
2
|
<md-datepicker
|
|
3
3
|
includes-time
|
|
4
4
|
?disabled=${this.disabled}
|
|
5
|
-
ariaLabel=${Object(
|
|
6
|
-
minDate=${Object(
|
|
7
|
-
maxDate=${Object(
|
|
8
|
-
value=${Object(
|
|
5
|
+
ariaLabel=${Object(n.ifDefined)(this.ariaLabel||void 0)}
|
|
6
|
+
minDate=${Object(n.ifDefined)(this.minDate)}
|
|
7
|
+
maxDate=${Object(n.ifDefined)(this.maxDate)}
|
|
8
|
+
value=${Object(n.ifDefined)(this.value)}
|
|
9
9
|
weekStart=${this.weekStart}
|
|
10
10
|
placeholder="YYYY-MM-DDTHH:MM:SS-HH:MM"
|
|
11
|
-
locale=${Object(
|
|
11
|
+
locale=${Object(n.ifDefined)(this.locale)}>
|
|
12
12
|
<div slot="time-picker" class="included-timepicker-wrapper">
|
|
13
13
|
<md-timepicker
|
|
14
14
|
?two-digit-auto-tab=${this.twoDigitAutoTab}
|
|
@@ -20,4 +20,4 @@
|
|
|
20
20
|
</div>
|
|
21
21
|
</md-datepicker>
|
|
22
22
|
</div>
|
|
23
|
-
`}};h([Object(
|
|
23
|
+
`}};h([Object(s.property)({type:String})],t.prototype,"maxDate",void 0),h([Object(s.property)({type:String})],t.prototype,"minDate",void 0),h([Object(s.property)({type:String})],t.prototype,"weekStart",void 0),h([Object(s.property)({type:String})],t.prototype,"ariaLabel",void 0),h([Object(s.property)({type:Boolean,attribute:"two-digit-auto-tab"})],t.prototype,"twoDigitAutoTab",void 0),h([Object(s.property)({type:Boolean,attribute:"twenty-four-hour-format"})],t.prototype,"twentyFourHourFormat",void 0),h([Object(s.property)({type:String})],t.prototype,"timeSpecificity",void 0),h([Object(s.property)({type:String,attribute:"date-value"})],t.prototype,"dateValue",void 0),h([Object(s.property)({type:String,attribute:"time-value"})],t.prototype,"timeValue",void 0),h([Object(s.property)({type:String,reflect:!0})],t.prototype,"value",void 0),h([Object(s.property)({type:String})],t.prototype,"locale",void 0),h([Object(s.property)({type:Boolean})],t.prototype,"disabled",void 0),h([Object(s.internalProperty)()],t.prototype,"fullDateTime",void 0),h([Object(s.internalProperty)()],t.prototype,"selectedTimeObject",void 0),h([Object(s.internalProperty)()],t.prototype,"selectedDateObject",void 0),h([Object(s.query)("md-datepicker")],t.prototype,"datePicker",void 0),h([Object(s.query)("md-timepicker")],t.prototype,"timePicker",void 0),t=h([Object(o.a)("md-date-time-picker")],t),e.ELEMENT=t}(a||(a={}))}}]);
|
package/dist/chunks/md-69.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[69],{103:function(t,e,r){"use strict";r.r(e),r.d(e,"MeetingAlertRole",(function(){return c})),r.d(e,"MeetingAlert",(function(){return p}));var o=r(1),l=r(
|
|
1
|
+
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[69],{103:function(t,e,r){"use strict";r.r(e),r.d(e,"MeetingAlertRole",(function(){return c})),r.d(e,"MeetingAlert",(function(){return p}));r(43),r(18),r(15);var o=r(1),l=r(6),a=r(5),i=r(0),n=r(3),m=r(2);var s=i.css`.md-alert__container{position:fixed;z-index:9999}.md-alert__container--top-left{left:1em;top:1em}.md-alert__container--top-center{left:50%;top:1em;transform:translate(-50%)}.md-alert__container--top-right{right:1em;top:1em}.md-alert__container--bottom-left{bottom:1em;left:1em}.md-alert__container--bottom-center{bottom:1em;left:50%;transform:translate(-50%)}.md-alert__container--bottom-right{bottom:1em;right:1em}.md-alert__container--call{align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:center;left:50%;top:50%;transform:translate(-50%,-50%)}.md-alert{align-content:space-between;align-items:center;display:flex;flex-flow:row nowrap;justify-content:space-between;border-top-left-radius:5px;border-top-right-radius:5px;border-bottom-left-radius:5px;border-bottom-right-radius:5px;background-color:var(--meeting-alert-bg-color,#fff);border:1px solid var(--meeting-alert-border-color,rgba(0,0,0,.12));box-shadow:0 8px 16px 0 rgba(0,0,0,.08);justify-content:space-between;margin-bottom:.5rem;max-height:19.25rem;min-height:4.875rem;padding:.5rem .8125rem .5rem 1.0625rem;width:21.375rem}.md-alert__icon{font-family:momentum-ui-icons;font-size:2.75rem;line-height:0}.md-alert__icon::before{content:"\\f6e8";color:var(--meeting-alert-info-text-color,#00a0d1)}.md-alert__content{display:flex;flex-basis:0%;flex-direction:column;flex-grow:2;padding-left:1rem;padding-right:.125rem}.md-alert__title{color:var(--meeting-alert-info-text-color,#00a0d1);font-size:var(--body-primary-font-size,1rem);line-height:1.5rem}.md-alert__message,.md-alert__status{font-family:var(--brand-font-light, "CiscoSansTT Light", "Helvetica Neue", Helvetica, Arial, sans-serif);font-size:var(--body-secondary-font-size,.875rem);font-weight:550;line-height:1.125rem}.md-alert__status{color:var(--meeting-alert-success-text-color,#03612c)}.md-alert__message{color:var(--meeting-alert-text-color,#292929)}.md-alert__message,.md-alert__title{max-width:10rem;word-wrap:break-word}.md-alert__button{margin-left:.5rem}.md-alert.md-alert--success .md-alert__icon::before{content:"\\f381";color:var(--meeting-alert-success-text-color,#00ab50)}.md-alert.md-alert--success .md-alert__title{color:var(--meeting-alert-success-text-color,#00ab50)}.md-alert.md-alert--warning .md-alert__icon::before{content:"\\fca3";color:var(--meeting-alert-warning-text-color,#d97f00)}.md-alert.md-alert--warning .md-alert__title{color:var(--meeting-alert-warning-text-color,#d97f00)}.md-alert.md-alert--error .md-alert__icon::before{content:"\\fca3";color:var(--meeting-alert-error-text-color,#f7644a)}.md-alert.md-alert--error .md-alert__title{color:var(--meeting-alert-error-text-color,#f7644a)}.md-alert.md-alert--meeting .md-alert__content{width:10rem}.md-alert.md-alert--meeting .md-alert__content--wide{width:13rem}.md-alert.md-alert--meeting .md-alert__message,.md-alert.md-alert--meeting .md-alert__title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.md-alert.md-alert--meeting .md-alert__title{color:var(--meeting-alert-title-text-color,#000)}.md-alert.md-alert--call{align-content:center;align-items:center;display:flex;flex-flow:column nowrap;justify-content:center;margin-right:.9375rem;max-height:31.25rem;min-height:17.625rem;padding:.75rem 1.0625rem 1.5625rem 1.0625rem;width:17.375rem}.md-alert.md-alert--call .md-alert__title{color:var(--meeting-alert-title-text-color,#000);font-size:.875rem;font-weight:700;line-height:1.375rem;padding-bottom:1.5rem}.md-alert.md-alert--call .md-alert__caller{align-content:center;align-items:center;display:flex;flex-flow:column nowrap;justify-content:center}.md-alert.md-alert--call .md-alert__caller-title{font-size:1rem;font-weight:700;line-height:1.5rem;padding-top:.5rem}.md-alert.md-alert--call .md-alert__caller-subtitle{font-size:.875rem;line-height:1.375rem}.md-alert.md-alert--call .md-alert--call--buttons{padding-top:1.5rem}.md-alert.md-alert--call .md-alert--call--buttons .md-icon{fill:#fff}.md-alert.md-alert--call .md-list{padding-top:.75rem}.md-alert.md-alert--call .md-list .md-list-item{background-color:rgba(0,0,0,.04)}.md-alert.md-alert--call .md-list .md-list-item:hover{background-color:rgba(0,0,0,.04)}.md-alert.md-alert--call .md-list .md-list-item:last-child{border-bottom-left-radius:8px;border-bottom-right-radius:8px}.md-alert.md-alert--call .md-list .md-list-item-header{border-top-left-radius:8px;border-top-right-radius:8px;border-bottom:1px solid rgba(0,0,0,.08)}`,d=function(t,e,r,o){var l,a=arguments.length,i=a<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,r):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(t,e,r,o);else for(var n=t.length-1;n>=0;n--)(l=t[n])&&(i=(a<3?l(i):a>3?l(e,r,i):l(e,r))||i);return a>3&&i&&Object.defineProperty(e,r,i),i};const c=["alert","alertdialog","button","checkbox","dialog","link","option","status"];var p;!function(t){let e=class extends i.LitElement{constructor(){super(...arguments),this.attendees=[{title:"Attendee",src:null,alt:"Attendee"}],this.closeAriaLabel="close",this.onKeyDown=null,this.onSnooze=null,this.message="",this.snoozeAriaLabel="snooze",this.role="button",this.show=!1,this.src="",this.status="",this.userStyles="",this.title="",this._onSnooze=t=>{this.dispatchEvent(new CustomEvent("snooze",{composed:!0,detail:{srcEvent:t}}))},this._onClose=t=>{this.dispatchEvent(new CustomEvent("close",{composed:!0,detail:{srcEvent:t}}))},this.handleSnooze=t=>{this.onSnooze?this.onSnooze(t):this._onSnooze(t),t.stopPropagation()},this.handleClose=t=>{this._onClose(t),t.stopPropagation()},this.handleKeyDown=t=>{if(t.code===o.b.Escape&&this.handleClose(t),t.code===o.b.Enter||t.code===o.b.Space){switch(t.target.attributes.getNamedItem("aria-label").value){case"close":this.handleClose(t);break;case"snooze":this.handleSnooze(t)}t.preventDefault()}this.onKeyDown&&this.onKeyDown(t)}}getStyles(){return i.html`
|
|
2
2
|
<style>
|
|
3
3
|
::slotted(img) {
|
|
4
4
|
display: inline-block;
|
|
@@ -10,7 +10,7 @@
|
|
|
10
10
|
}
|
|
11
11
|
${this.userStyles}
|
|
12
12
|
</style>
|
|
13
|
-
`}static get styles(){return[
|
|
13
|
+
`}static get styles(){return[a.a,s]}render(){const{attendees:t,message:e,onSnooze:r,role:o,src:l,status:a,title:s,closeAriaLabel:d,show:c,onKeyDown:p,snoozeAriaLabel:h}=this;return i.html`
|
|
14
14
|
${this.getStyles()}
|
|
15
15
|
${c?i.html`
|
|
16
16
|
<div
|
|
@@ -26,7 +26,7 @@
|
|
|
26
26
|
slot="avatar"
|
|
27
27
|
class="md-avatar"
|
|
28
28
|
alt=${t[0].alt||t[0].title}
|
|
29
|
-
src=${Object(
|
|
29
|
+
src=${Object(m.ifDefined)(t[0].src?t[0].src:void 0)}
|
|
30
30
|
title=${t[0].title}
|
|
31
31
|
size="24"
|
|
32
32
|
style=${e+"position: absolute;left: 0px;top: 0px;"}
|
|
@@ -35,19 +35,19 @@
|
|
|
35
35
|
slot="avatar"
|
|
36
36
|
class="md-avatar"
|
|
37
37
|
alt=${t[1].alt||t[1].title}
|
|
38
|
-
src=${Object(
|
|
38
|
+
src=${Object(m.ifDefined)(t[1].src?t[1].src:void 0)}
|
|
39
39
|
title=${t[1].title}
|
|
40
40
|
size="24"
|
|
41
41
|
style=${e+"position: absolute;right: 0px;bottom: 0px;"}
|
|
42
42
|
></md-avatar>
|
|
43
43
|
</div>
|
|
44
44
|
`})(t):i.html`
|
|
45
|
-
<md-avatar title=${
|
|
45
|
+
<md-avatar title=${s} label="avatar" src=${l} tabindex="-1"></md-avatar>
|
|
46
46
|
`}
|
|
47
47
|
</slot>
|
|
48
48
|
<div class=${"md-alert__content "+(r?"":" md-alert__content--wide")}>
|
|
49
|
-
<div class="md-alert__title" title=${
|
|
50
|
-
${
|
|
49
|
+
<div class="md-alert__title" title=${s}>
|
|
50
|
+
${s}
|
|
51
51
|
</div>
|
|
52
52
|
<div class="md-alert__status" title=${a}>
|
|
53
53
|
${a}
|
|
@@ -59,6 +59,7 @@
|
|
|
59
59
|
${r?i.html`
|
|
60
60
|
<div class="md-alert__button">
|
|
61
61
|
<md-button
|
|
62
|
+
variant="secondary"
|
|
62
63
|
aria-label=${h}
|
|
63
64
|
circle
|
|
64
65
|
@click=${t=>{this.handleSnooze(t)}}
|
|
@@ -71,7 +72,8 @@
|
|
|
71
72
|
<slot name="custom-action">
|
|
72
73
|
<md-button
|
|
73
74
|
class="md-alert__button"
|
|
74
|
-
|
|
75
|
+
variant="ghost"
|
|
76
|
+
ariaLabel=${d}
|
|
75
77
|
circle
|
|
76
78
|
@click=${t=>{this.handleClose(t)}}
|
|
77
79
|
.size=${40}
|
|
@@ -81,4 +83,4 @@
|
|
|
81
83
|
</slot>
|
|
82
84
|
</div>
|
|
83
85
|
`:n.nothing}
|
|
84
|
-
`}};
|
|
86
|
+
`}};d([Object(i.property)({type:Array})],e.prototype,"attendees",void 0),d([Object(i.property)({type:String})],e.prototype,"closeAriaLabel",void 0),d([Object(i.property)({attribute:!1})],e.prototype,"onKeyDown",void 0),d([Object(i.property)({attribute:!1})],e.prototype,"onSnooze",void 0),d([Object(i.property)({type:String})],e.prototype,"message",void 0),d([Object(i.property)({type:String})],e.prototype,"snoozeAriaLabel",void 0),d([Object(i.property)({type:String})],e.prototype,"role",void 0),d([Object(i.property)({type:Boolean})],e.prototype,"show",void 0),d([Object(i.property)({type:String})],e.prototype,"src",void 0),d([Object(i.property)({type:String})],e.prototype,"status",void 0),d([Object(i.property)({type:String})],e.prototype,"userStyles",void 0),d([Object(i.property)({type:String})],e.prototype,"title",void 0),e=d([Object(l.a)("md-meeting-alert")],e),t.ELEMENT=e}(p||(p={}))}}]);
|