@momentum-ui/web-components 2.5.1-dev1 → 2.5.1-dev2

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.
@@ -19,6 +19,7 @@
19
19
  id=${this.htmlId}
20
20
  placeholder=${this.placeholder}
21
21
  ?readonly=${this.readOnly}
22
+ maxlength=${Object(h.ifDefined)(this.maxLength)}
22
23
  ></textarea>
23
24
  `:l.html`
24
25
  <input
@@ -107,7 +108,7 @@
107
108
  @label-click="${()=>this.handleLabelClick()}"
108
109
  ></md-label>
109
110
  `:s.nothing}static get styles(){return[o.a,u]}render(){return l.html`
110
- <div class="md-input-container ${Object(p.classMap)(this.inputClassMap)}">
111
+ <div class="md-input-container ${Object(p.classMap)(this.inputClassMap)}" part="md-input-container">
111
112
  ${this.labelTemplate()}
112
113
  <div class="md-input__wrapper ${Object(p.classMap)(this.inputWrapperClassMap)}">
113
114
  ${this.inputLeftTemplate()} ${this.inputTemplate()} ${this.inputRightTemplate()}
@@ -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:17rem;justify-content:space-between;padding:4px 10px 12px}.md-datepicker__navigation--buttons{align-items:center;color: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}.md-datepicker__navigation{display:flex;justify-content:space-between;padding:0 6px}.md-datepicker__day--names{display:flex}.md-datepicker__day{border-radius:100%;display:inline-block;height:1.75rem;width:1.75rem}.md-datepicker__day--names{color: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: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-range-hover-bg-color,#dedede)}.md-datepicker__day--selected::part(button){background:var(--md-primary-text-color,#121212);color:var(--md-secondary-bg-color,#fff)}.md-datepicker__day--outside-month{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):focus,.md-datepicker__day--in-range::part(button):hover{color:var(--datepicker-range-text-color,#121212)}.md-datepicker__day--in-range::part(button):focus::before,.md-datepicker__day--in-range::part(button):hover::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,.md-datepicker__day--in-range::part(button):hover::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:""}`},72:function(e,t,r){"use strict";r.r(t),r.d(t,"DatePickerDay",(function(){return a}));r(17);var a,d=r(5),i=r(8),o=r(19),n=r(4),c=r(0),s=r(3),p=r(6),l=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()}static get styles(){return[n.a,l.a]}render(){var e,t;const r={"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()};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(--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}.md-datepicker__navigation{display:flex;justify-content:space-between;padding:0 6px}.md-datepicker__day--names{display:flex}.md-datepicker__day{border-radius:100%;display:inline-block;height:1.75rem;width:1.75rem}.md-datepicker__day--names{color: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: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-range-hover-bg-color,#dedede)}.md-datepicker__day--selected::part(button){background:var(--md-primary-text-color,#121212);color:var(--md-secondary-bg-color,#fff)}.md-datepicker__day--outside-month{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):focus,.md-datepicker__day--in-range::part(button):hover{color:var(--datepicker-range-text-color,#121212)}.md-datepicker__day--in-range::part(button):focus::before,.md-datepicker__day--in-range::part(button):hover::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,.md-datepicker__day--in-range::part(button):hover::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:""}`},72:function(e,t,r){"use strict";r.r(t),r.d(t,"DatePickerDay",(function(){return a}));r(17);var a,d=r(5),i=r(8),o=r(19),n=r(4),c=r(0),s=r(3),p=r(6),l=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()}static get styles(){return[n.a,l.a]}render(){var e,t;const r={"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()};return c.html`
2
2
  <md-button
3
3
  circle
4
4
  size=${28}
@@ -1,19 +1,26 @@
1
- (window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[37],{40:function(e,t,a){"use strict";a.r(t),a.d(t,"DatePicker",(function(){return i}));a(69),a(24),a(32);var i,s=a(5),o=a(8),n=a(19),l=a(18),r=a(0),c=a(6),d=a(12),h=function(e,t,a,i){var s,o=arguments.length,n=o<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,a):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,a,i);else for(var l=e.length-1;l>=0;l--)(s=e[l])&&(n=(o<3?s(n):o>3?s(t,a,n):s(t,a))||n);return o>3&&n&&Object.defineProperty(t,a,n),n},p=function(e,t,a,i){return new(a||(a=Promise))((function(s,o){function n(e){try{r(i.next(e))}catch(e){o(e)}}function l(e){try{r(i.throw(e))}catch(e){o(e)}}function r(e){var t;e.done?s(e.value):(t=e.value,t instanceof a?t:new a((function(e){e(t)}))).then(n,l)}r((i=i.apply(e,t||[])).next())}))};!function(e){e.weekStartDays=["Sunday","Monday"];let t=class extends r.LitElement{constructor(){super(...arguments),this.shouldCloseOnSelect=!1,this.maxDate=void 0,this.minDate=void 0,this.value=void 0,this.weekStart="Sunday",this.placeholder=void 0,this.locale="en-US",this.includesTime=!1,this.disabled=!1,this.selectedDate=Object(o.n)(),this.focusedDate=Object(o.n)(),this.filterDate=void 0,this.maxDateData=void 0,this.minDateData=void 0,this.handleDateInputChange=e=>{var t,a;(null===(t=null==e?void 0:e.detail)||void 0===t?void 0:t.value)&&(this.value=null===(a=null==e?void 0:e.detail)||void 0===a?void 0:a.value),this.dispatchEvent(new CustomEvent("date-input-change",{bubbles:!0,composed:!0,detail:{sourceEvent:e,value:this.value}}))},this.setOpen=e=>{this.menuOverlay.isOpen=e},this.handleSelect=e=>{const t=e.detail.date,a=e.detail.sourceEvent;this.setPreSelection(t),this.setSelected(t,a),this.shouldCloseOnSelect&&this.setOpen(!1)},this.setSelected=(e,t)=>{const a={maxDate:this.maxDateData,minDate:this.minDateData,filterDate:this.filterDate};if(!Object(o.j)(e,a)){const t=this.includesTime?e.startOf("second").toISO({suppressMilliseconds:!0}):e.toISODate();this.selectedDate=e,this.value=t}this.dispatchEvent(new CustomEvent("date-selection-change",{bubbles:!0,composed:!0,detail:{sourceEvent:t,data:e}}))},this.setPreSelection=e=>{const t={maxDate:this.maxDateData,minDate:this.minDateData,filterDate:this.filterDate};Object(o.j)(e,t)||(this.focusedDate=e)},this.handleKeyDown=e=>{const t=e.detail.sourceEvent;let a=!1;const i=this.focusedDate;switch(!t.shiftKey&&t.code){case"Space":case"Enter":this.handleSelect(e),a=!0;break;case"Escape":this.setOpen(!1);break;case"ArrowUp":this.setPreSelection(Object(o.s)(i,1)),a=!0;break;case"ArrowLeft":this.setPreSelection(Object(o.q)(i,1)),a=!0;break;case"ArrowRight":this.setPreSelection(Object(o.a)(i,1)),a=!0;break;case"ArrowDown":this.setPreSelection(Object(o.c)(i,1)),a=!0}a&&(t.stopPropagation(),t.preventDefault())},this.chosenDateLabel=()=>this.selectedDate?`, Selected date is ${this.selectedDate.weekdayLong} ${this.selectedDate.monthLong} ${this.selectedDate.day}, ${this.selectedDate.year}`:void 0,this.isValueValid=()=>{const e=Object(n.a)("md-date-range-picker",this),t=e&&e.startDate&&e.endDate?l.a.dateRangeString:this.includesTime?l.a.ISOString:l.a.ISODateString,a=RegExp(t),i={maxDate:this.maxDateData,minDate:this.minDateData,filterDate:this.filterDate};return this.value&&a.test(this.value)&&!Object(o.j)(d.DateTime.fromISO(this.value,{locale:this.locale}),i)}}connectedCallback(){super.connectedCallback(),this.minDate&&(this.minDateData=d.DateTime.fromISO(this.minDate,{locale:this.locale})),this.maxDate&&(this.maxDateData=d.DateTime.fromISO(this.maxDate,{locale:this.locale}))}firstUpdated(e){const t=Object.create(null,{firstUpdated:{get:()=>super.firstUpdated}});var a,i;return p(this,void 0,void 0,(function*(){t.firstUpdated.call(this,e),this.value||(this.value=this.includesTime?null===(a=this.selectedDate)||void 0===a?void 0:a.startOf("second").toISO({suppressMilliseconds:!0}):null===(i=this.selectedDate)||void 0===i?void 0:i.toISODate())}))}updated(e){if(super.updated(e),this.value&&e.has("value")){if(Object(n.a)("md-date-range-picker",this))return;this.selectedDate=d.DateTime.fromISO(this.value,{locale:this.locale}),this.setPreSelection(this.selectedDate)}e.has("locale")&&this.render(),this.minDate&&e.has("minDate")&&(this.minDateData=d.DateTime.fromISO(this.minDate,{locale:this.locale})),this.maxDate&&e.has("maxDate")&&(this.maxDateData=d.DateTime.fromISO(this.maxDate,{locale:this.locale}))}render(){return r.html`
1
+ (window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[37],{40:function(e,t,a){"use strict";a.r(t),a.d(t,"DatePicker",(function(){return i}));a(69),a(24),a(32);var i,s=a(5),o=a(8),l=a(19),n=a(18),r=a(0),c=a(6),d=a(12),h=function(e,t,a,i){var s,o=arguments.length,l=o<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,a):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)l=Reflect.decorate(e,t,a,i);else for(var n=e.length-1;n>=0;n--)(s=e[n])&&(l=(o<3?s(l):o>3?s(t,a,l):s(t,a))||l);return o>3&&l&&Object.defineProperty(t,a,l),l},p=function(e,t,a,i){return new(a||(a=Promise))((function(s,o){function l(e){try{r(i.next(e))}catch(e){o(e)}}function n(e){try{r(i.throw(e))}catch(e){o(e)}}function r(e){var t;e.done?s(e.value):(t=e.value,t instanceof a?t:new a((function(e){e(t)}))).then(l,n)}r((i=i.apply(e,t||[])).next())}))};!function(e){e.weekStartDays=["Sunday","Monday"];let t=class extends r.LitElement{constructor(){super(...arguments),this.shouldCloseOnSelect=!1,this.maxDate=void 0,this.minDate=void 0,this.value=void 0,this.weekStart="Sunday",this.placeholder=void 0,this.locale="en-US",this.includesTime=!1,this.disabled=!1,this.customDateTrigger=!1,this.selectedDate=Object(o.n)(),this.focusedDate=Object(o.n)(),this.filterDate=void 0,this.maxDateData=void 0,this.minDateData=void 0,this.handleDateInputChange=e=>{var t,a;(null===(t=null==e?void 0:e.detail)||void 0===t?void 0:t.value)&&(this.value=null===(a=null==e?void 0:e.detail)||void 0===a?void 0:a.value),this.dispatchEvent(new CustomEvent("date-input-change",{bubbles:!0,composed:!0,detail:{sourceEvent:e,value:this.value}}))},this.setOpen=e=>{this.menuOverlay.isOpen=e},this.handleSelect=e=>{const t=e.detail.date,a=e.detail.sourceEvent;this.setPreSelection(t),this.setSelected(t,a),this.shouldCloseOnSelect&&this.setOpen(!1)},this.setSelected=(e,t)=>{const a={maxDate:this.maxDateData,minDate:this.minDateData,filterDate:this.filterDate};if(!Object(o.j)(e,a)){const t=this.includesTime?e.startOf("second").toISO({suppressMilliseconds:!0}):e.toISODate();this.selectedDate=e,this.value=t}this.dispatchEvent(new CustomEvent("date-selection-change",{bubbles:!0,composed:!0,detail:{sourceEvent:t,data:e}}))},this.setPreSelection=e=>{const t={maxDate:this.maxDateData,minDate:this.minDateData,filterDate:this.filterDate};Object(o.j)(e,t)||(this.focusedDate=e)},this.handleKeyDown=e=>{const t=e.detail.sourceEvent;let a=!1;const i=this.focusedDate;switch(!t.shiftKey&&t.code){case"Space":case"Enter":this.handleSelect(e),a=!0;break;case"Escape":this.setOpen(!1);break;case"ArrowUp":this.setPreSelection(Object(o.s)(i,1)),a=!0;break;case"ArrowLeft":this.setPreSelection(Object(o.q)(i,1)),a=!0;break;case"ArrowRight":this.setPreSelection(Object(o.a)(i,1)),a=!0;break;case"ArrowDown":this.setPreSelection(Object(o.c)(i,1)),a=!0}a&&(t.stopPropagation(),t.preventDefault())},this.chosenDateLabel=()=>this.selectedDate?`, Selected date is ${this.selectedDate.weekdayLong} ${this.selectedDate.monthLong} ${this.selectedDate.day}, ${this.selectedDate.year}`:void 0,this.isValueValid=()=>{const e=Object(l.a)("md-date-range-picker",this),t=e&&e.startDate&&e.endDate?n.a.dateRangeString:this.includesTime?n.a.ISOString:n.a.ISODateString,a=RegExp(t),i={maxDate:this.maxDateData,minDate:this.minDateData,filterDate:this.filterDate};return this.value&&a.test(this.value)&&!Object(o.j)(d.DateTime.fromISO(this.value,{locale:this.locale}),i)}}connectedCallback(){super.connectedCallback(),this.minDate&&(this.minDateData=d.DateTime.fromISO(this.minDate,{locale:this.locale})),this.maxDate&&(this.maxDateData=d.DateTime.fromISO(this.maxDate,{locale:this.locale}))}firstUpdated(e){const t=Object.create(null,{firstUpdated:{get:()=>super.firstUpdated}});var a,i;return p(this,void 0,void 0,(function*(){t.firstUpdated.call(this,e),this.value||(this.value=this.includesTime?null===(a=this.selectedDate)||void 0===a?void 0:a.startOf("second").toISO({suppressMilliseconds:!0}):null===(i=this.selectedDate)||void 0===i?void 0:i.toISODate())}))}updated(e){if(super.updated(e),this.value&&e.has("value")){if(Object(l.a)("md-date-range-picker",this))return;this.selectedDate=d.DateTime.fromISO(this.value,{locale:this.locale}),this.setPreSelection(this.selectedDate)}e.has("locale")&&this.render(),this.minDate&&e.has("minDate")&&(this.minDateData=d.DateTime.fromISO(this.minDate,{locale:this.locale})),this.maxDate&&e.has("maxDate")&&(this.maxDateData=d.DateTime.fromISO(this.maxDate,{locale:this.locale}))}render(){return r.html`
2
2
  <md-menu-overlay custom-width="248px" ?disabled=${this.disabled}>
3
- <md-input
4
- class="date-input"
5
- slot="menu-trigger"
6
- placeholder=${this.includesTime?Object(c.ifDefined)(this.placeholder):"YYYY-MM-DD"}
7
- value=${Object(c.ifDefined)(this.value)}
8
- aria-label=${"Choose Date"+this.chosenDateLabel()}
9
- auxiliaryContentPosition="before"
10
- @input-change="${e=>this.handleDateInputChange(e)}"
11
- hide-message
12
- ?disabled=${this.disabled}
13
- .messageArr=${[{message:"",type:this.isValueValid()?"":"error"}]}
14
- >
15
- <md-icon slot="input-section" name="calendar-month_16"></md-icon>
16
- </md-input>
3
+ ${this.customDateTrigger?r.html`
4
+ <span slot="menu-trigger">
5
+ <slot name="date-trigger"></slot>
6
+ </span>
7
+ `:r.html`
8
+ <md-input
9
+ class="date-input"
10
+ slot="menu-trigger"
11
+ placeholder=${this.includesTime?Object(c.ifDefined)(this.placeholder):"YYYY-MM-DD"}
12
+ value=${Object(c.ifDefined)(this.value)}
13
+ aria-label=${"Choose Date"+this.chosenDateLabel()}
14
+ auxiliaryContentPosition="before"
15
+ @input-change="${e=>this.handleDateInputChange(e)}"
16
+ hide-message
17
+ ?disabled=${this.disabled}
18
+ .messageArr=${[{message:"",type:this.isValueValid()?"":"error"}]}
19
+ >
20
+ <md-icon slot="input-section" name="calendar-month_16"></md-icon>
21
+ </md-input>
22
+ `}
23
+
17
24
  <div class="date-overlay-content">
18
25
  <md-datepicker-calendar
19
26
  @day-select=${e=>this.handleSelect(e)}
@@ -24,4 +31,4 @@
24
31
  <slot name="time-picker"></slot>
25
32
  </div>
26
33
  </md-menu-overlay>
27
- `}};h([Object(r.property)({type:Boolean,attribute:"should-close-on-select"})],t.prototype,"shouldCloseOnSelect",void 0),h([Object(r.property)({type:String})],t.prototype,"maxDate",void 0),h([Object(r.property)({type:String})],t.prototype,"minDate",void 0),h([Object(r.property)({type:String,reflect:!0})],t.prototype,"value",void 0),h([Object(r.property)({type:String})],t.prototype,"weekStart",void 0),h([Object(r.property)({type:String,reflect:!0})],t.prototype,"placeholder",void 0),h([Object(r.property)({type:String})],t.prototype,"locale",void 0),h([Object(r.property)({type:Boolean,reflect:!0,attribute:"includes-time"})],t.prototype,"includesTime",void 0),h([Object(r.property)({type:Boolean})],t.prototype,"disabled",void 0),h([Object(r.internalProperty)()],t.prototype,"selectedDate",void 0),h([Object(r.internalProperty)()],t.prototype,"focusedDate",void 0),h([Object(r.internalProperty)()],t.prototype,"filterDate",void 0),h([Object(r.internalProperty)()],t.prototype,"maxDateData",void 0),h([Object(r.internalProperty)()],t.prototype,"minDateData",void 0),h([Object(r.query)("md-menu-overlay")],t.prototype,"menuOverlay",void 0),t=h([Object(s.a)("md-datepicker")],t),e.ELEMENT=t}(i||(i={}))}}]);
34
+ `}};h([Object(r.property)({type:Boolean,attribute:"should-close-on-select"})],t.prototype,"shouldCloseOnSelect",void 0),h([Object(r.property)({type:String})],t.prototype,"maxDate",void 0),h([Object(r.property)({type:String})],t.prototype,"minDate",void 0),h([Object(r.property)({type:String,reflect:!0})],t.prototype,"value",void 0),h([Object(r.property)({type:String})],t.prototype,"weekStart",void 0),h([Object(r.property)({type:String,reflect:!0})],t.prototype,"placeholder",void 0),h([Object(r.property)({type:String})],t.prototype,"locale",void 0),h([Object(r.property)({type:Boolean,reflect:!0,attribute:"includes-time"})],t.prototype,"includesTime",void 0),h([Object(r.property)({type:Boolean})],t.prototype,"disabled",void 0),h([Object(r.property)({type:Boolean,attribute:"custom-date-trigger"})],t.prototype,"customDateTrigger",void 0),h([Object(r.internalProperty)()],t.prototype,"selectedDate",void 0),h([Object(r.internalProperty)()],t.prototype,"focusedDate",void 0),h([Object(r.internalProperty)()],t.prototype,"filterDate",void 0),h([Object(r.internalProperty)()],t.prototype,"maxDateData",void 0),h([Object(r.internalProperty)()],t.prototype,"minDateData",void 0),h([Object(r.query)("md-menu-overlay")],t.prototype,"menuOverlay",void 0),t=h([Object(s.a)("md-datepicker")],t),e.ELEMENT=t}(i||(i={}))}}]);
@@ -1,3 +1,3 @@
1
- (window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[75],{96:function(e,t,o){"use strict";o.r(t),o.d(t,"TabPanel",(function(){return r}));var r,n=o(7),c=o(5),s=o(4),l=o(0),a=o(37),i=function(e,t,o,r){var n,c=arguments.length,s=c<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,o):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,o,r);else for(var l=e.length-1;l>=0;l--)(n=e[l])&&(s=(c<3?n(s):c>3?n(t,o,s):n(t,o))||s);return c>3&&s&&Object.defineProperty(t,o,s),s};!function(e){let t=class extends(Object(n.a)(l.LitElement)){constructor(){super(...arguments),this.selected=!1,this.focusablePanel=!0}static get styles(){return[s.a,a.a]}firstUpdated(e){super.firstUpdated(e),this.setAttribute("role","tabpanel"),this.focusablePanel&&this.setAttribute("tabindex","0")}render(){return l.html`
1
+ (window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[75],{96:function(e,t,o){"use strict";o.r(t),o.d(t,"TabPanel",(function(){return r}));var r,n=o(7),c=o(5),l=o(4),s=o(0),a=o(37),i=function(e,t,o,r){var n,c=arguments.length,l=c<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,o):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)l=Reflect.decorate(e,t,o,r);else for(var s=e.length-1;s>=0;s--)(n=e[s])&&(l=(c<3?n(l):c>3?n(t,o,l):n(t,o))||l);return c>3&&l&&Object.defineProperty(t,o,l),l};!function(e){let t=class extends(Object(n.a)(s.LitElement)){constructor(){super(...arguments),this.selected=!1,this.focusablePanel=!0}static get styles(){return[l.a,a.a]}firstUpdated(e){super.firstUpdated(e),this.setAttribute("role","tabpanel"),this.focusablePanel&&this.setAttribute("tabindex","0")}render(){return s.html`
2
2
  <slot></slot>
3
- `}};i([Object(l.property)({type:Boolean,reflect:!0})],t.prototype,"selected",void 0),i([Object(l.property)({type:Boolean,reflect:!0})],t.prototype,"focusablePanel",void 0),t=i([Object(c.a)("md-tab-panel")],t),e.ELEMENT=t}(r||(r={}))}}]);
3
+ `}};i([Object(s.property)({type:Boolean,reflect:!0})],t.prototype,"selected",void 0),i([Object(s.property)({type:Boolean,reflect:!0,attribute:"focusable-panel"})],t.prototype,"focusablePanel",void 0),t=i([Object(c.a)("md-tab-panel")],t),e.ELEMENT=t}(r||(r={}))}}]);
@@ -23,6 +23,7 @@ export declare namespace DatePicker {
23
23
  locale: string;
24
24
  includesTime: boolean;
25
25
  disabled: boolean;
26
+ customDateTrigger: boolean;
26
27
  selectedDate: DateTime;
27
28
  focusedDate: DateTime;
28
29
  filterDate: Function | undefined;
@@ -36,7 +36,7 @@ export declare namespace TimePicker {
36
36
  handleTimeBlur(event: CustomEvent, unit: TimePicker.TimeUnit): void;
37
37
  static get styles(): import("lit-element").CSSResult[];
38
38
  formatTimeUnit: (unit: TimePicker.TimeUnit) => void;
39
- messageType: (isValid: boolean) => "" | "error";
39
+ messageType: (isValid: boolean) => "error" | "";
40
40
  generateTimeBox: (unit: TimePicker.TimeUnit) => import("lit-element").TemplateResult;
41
41
  generateAmPmComboBox: () => import("lit-element").TemplateResult;
42
42
  render(): import("lit-element").TemplateResult;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@momentum-ui/web-components",
3
- "version": "2.5.1-dev1",
3
+ "version": "2.5.1-dev2",
4
4
  "author": "Yana Harris",
5
5
  "license": "MIT",
6
6
  "repository": "https://github.com/momentum-design/momentum-ui.git",
@@ -24,10 +24,10 @@
24
24
  "sortablejs": "^1.13.0"
25
25
  },
26
26
  "peerDependencies": {
27
- "@momentum-ui/core": "19.15.16",
28
- "@momentum-ui/icons": "8.28.0",
27
+ "@momentum-ui/core": "^19.15.14",
28
+ "@momentum-ui/icons": "^8.27.0",
29
29
  "@momentum-ui/tokens": "^1.7.1",
30
- "@momentum-ui/utils": "6.2.15",
30
+ "@momentum-ui/utils": "^6.2.15",
31
31
  "lit-element": "2.3.1",
32
32
  "lit-html": "1.2.1"
33
33
  },