@momentum-ui/web-components 2.26.20 → 2.26.23
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/5830.js +1 -1
- package/dist/6273.js +16 -16
- package/dist/7330.js +1 -1
- package/dist/comp/md-chip-entry.js +9 -9
- package/dist/comp/md-datepicker-entry.js +16 -16
- package/dist/index-entry.js +5 -5
- package/dist/types/components/chip/Chip.d.ts +3 -5
- package/dist/types/components/combobox/ComboBox.d.ts +1 -1
- package/dist/types/components/grabber/Grabber.d.ts +1 -1
- package/package.json +1 -1
package/dist/6273.js
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
"use strict";(self["momentum-web-components-[id]"]=self["momentum-web-components-[id]"]||[]).push([[6273],{38654:(e,t,i)=>{i.d(t,{DatePicker:()=>o}),i(63208),i(96408),i(11323);var o,a=i(90195),r=i(37719),s=i(31890),l=i(81625),n=i(
|
|
1
|
+
"use strict";(self["momentum-web-components-[id]"]=self["momentum-web-components-[id]"]||[]).push([[6273],{38654:(e,t,i)=>{i.d(t,{DatePicker:()=>o}),i(63208),i(96408),i(11323);var o,a=i(90195),r=i(37719),s=i(31890),l=i(81625),n=i(74548),d=i(41488),p=i(97822),h=i(65796),c=i(71128),u=i(14974),m=function(e,t,i,o){var a,r=arguments.length,s=r<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,o);else for(var l=e.length-1;l>=0;l--)(a=e[l])&&(s=(r<3?a(s):r>3?a(t,i,s):a(t,i))||s);return r>3&&s&&Object.defineProperty(t,i,s),s};!function(e){e.weekStartDays=["Sunday","Monday"];let t=class extends d.LitElement{constructor(){super(...arguments),this.shouldCloseOnSelect=!1,this.maxDate=void 0,this.minDate=void 0,this.value=void 0,this.weekStart="Sunday",this.placeholder=void 0,this.locale=void 0,this.useISOFormat=!0,this.validateDate=!0,this.includesTime=!1,this.disabled=!1,this.htmlId="",this.label="",this.ariaLabel=null,this.displayValue=null,this.required=!1,this.errorMessage="",this.customTrigger=!1,this.isMenuOverlayOpen=!1,this.newMomentum=void 0,this.disableUserTextInput=!1,this.compactInput=void 0,this.controlButtons=void 0,this.positioningStrategy=void 0,this.showDefaultNowDate=!0,this.usePopover=!1,this.triggerID="date-trigger",this.animationFrame=!1,this.isDatePickerMonthLoading=!1,this.isDatePickerMonthError=!1,this.errorMessages={},this.selectedDate=(0,l.tB)(),this.focusedDate=(0,l.tB)(),this.filterDate=void 0,this.onRetry=void 0,this.maxDateData=void 0,this.minDateData=void 0,this.popoverController=null,this.handleDateInputChange=e=>{var t,i;this.useISOFormat?this.value=null===(t=null==e?void 0:e.detail)||void 0===t?void 0:t.value:this.value=null===(i=this.selectedDate)||void 0===i?void 0:i.toLocaleString(h.DateTime.DATE_SHORT,{locale:this.locale}),this.dispatchEvent(new CustomEvent("date-input-change",{bubbles:!0,composed:!0,detail:{sourceEvent:e,value:this.value}}))},this.setOpen=e=>{var t,i;this.usePopover?e?null===(t=this.popoverController)||void 0===t||t.show():null===(i=this.popoverController)||void 0===i||i.hide():this.menuOverlay.isOpen=e,this.isMenuOverlayOpen=e},this.setPreSelection=e=>{const t={maxDate:this.maxDateData,minDate:this.minDateData,filterDate:this.filterDate};(0,l.t_)(e,t)||(this.focusedDate=e)},this.handleInputKeyDown=e=>{e.code===a.Uz.ArrowDown&&this.setOpen(!0)},this.handleKeyDown=e=>{const t=e.detail.sourceEvent;let i=!1;const o=this.focusedDate;switch(!t.shiftKey&&t.code){case"Space":case"Enter":this.handleSelect(e),i=!0;break;case"Escape":this.setOpen(!1);break;case"ArrowUp":this.setPreSelection((0,l.WB)(o,1)),i=!0;break;case"ArrowLeft":this.setPreSelection((0,l.gg)(o,1)),i=!0;break;case"ArrowRight":this.setPreSelection((0,l.fi)(o,1)),i=!0;break;case"ArrowDown":this.setPreSelection((0,l.J4)(o,1)),i=!0}i&&(t.stopPropagation(),t.preventDefault())},this.getDefaultAriaLabel=()=>{var e;return(null===(e=this.selectedDate)||void 0===e?void 0:e.isValid)?`Choose Date, selected date is ${this.selectedDate.toLocaleString(h.DateTime.DATE_FULL)}`:"Choose Date"},this.getValidRegexString=()=>this.includesTime?n.b.ISOString:n.b.ISODateString}get computedNewMomentum(){return void 0!==this.newMomentum?this.newMomentum:r.themeManager.isMomentumV2Enabled}static get styles(){return u.A}connectedCallback(){super.connectedCallback(),this.minDate&&(this.minDateData=(0,l.mA)(this.minDate)),this.maxDate&&(this.maxDateData=(0,l.mA)(this.maxDate)),this.usePopover&&(this.popoverController=new c.PopoverController)}firstUpdated(e){super.firstUpdated(e),!this.value&&this.showDefaultNowDate&&(this.value=this.getFormattedDate(this.selectedDate))}updated(e){super.updated(e),this.value&&e.has("value")&&(this.useISOFormat?this.selectedDate=(0,l.mA)(this.value):this.selectedDate=h.DateTime.fromFormat(this.value,(0,l.gq)(this.locale),{locale:this.locale}),this.setPreSelection(this.selectedDate)),e.has("locale")&&this.render(),this.minDate&&e.has("minDate")&&(this.minDateData=(0,l.mA)(this.minDate)),this.maxDate&&e.has("maxDate")&&(this.maxDateData=(0,l.mA)(this.maxDate)),!this.usePopover&&e.has("usePopover")&&(this.popoverController=new c.PopoverController)}handleSelect(e){var t;const i=e.detail.date,o=e.detail.sourceEvent;this.setPreSelection(i),this.dispatchEvent(new CustomEvent("date-pre-selection-change",{bubbles:!0,composed:!0,detail:{sourceEvent:o,data:i}})),(null===(t=this.controlButtons)||void 0===t?void 0:t.apply)&&"apply-button-clicked"!==(null==o?void 0:o.type)||(this.setSelected(i,o),this.shouldCloseOnSelect&&this.setOpen(!1))}getISODateTime(e){return this.includesTime?e.startOf("second").toISO({suppressMilliseconds:!0}):e.toISODate()}setSelected(e,t){const i={maxDate:this.maxDateData,minDate:this.minDateData,filterDate:this.filterDate};if(!(0,l.t_)(e,i)){const t=this.getISODateTime(e);this.selectedDate=e,this.useISOFormat?this.value=t:this.value=e.toLocaleString(h.DateTime.DATE_SHORT,{locale:this.locale})}this.dispatchEvent(new CustomEvent("date-selection-change",{bubbles:!0,composed:!0,detail:{sourceEvent:t,data:e}}))}validateDateString(e){if(!e&&""!==e)return!0;if(this.useISOFormat){const t=RegExp(this.getValidRegexString()),i={maxDate:this.maxDateData,minDate:this.minDateData,filterDate:this.filterDate};return!!e&&t.test(e)&&!(0,l.t_)((0,l.mA)(e),i)}const t=(0,l.gq)(this.locale);return h.DateTime.fromFormat(e,t,{locale:this.locale}).isValid}isValueValid(){return!this.validateDate||this.validateDateString(this.value)}get messageArray(){return this.errorMessage?[{message:this.errorMessage,type:"error"}]:this.isValueValid()?[]:[{message:"",type:"error"}]}onCancelClick(){this.setOpen(!1)}onApplyClick(){this.handleSelect(new CustomEvent("day-select",{detail:{date:this.focusedDate,sourceEvent:new Event("apply-button-clicked")}}))}renderControlButtons(){var e,t,i,o,a,r;return!this.controlButtons||this.isDatePickerMonthLoading||this.isDatePickerMonthError?d.html``:d.html`
|
|
2
2
|
<div class="control-buttons">
|
|
3
|
-
${this.controlButtons.cancel?
|
|
3
|
+
${this.controlButtons.cancel?d.html`
|
|
4
4
|
<md-button
|
|
5
5
|
class="cancel-button"
|
|
6
|
-
aria-label=${(0,
|
|
6
|
+
aria-label=${(0,p.ifDefined)(null===(e=this.controlButtons.cancel)||void 0===e?void 0:e.ariaLabel)}
|
|
7
7
|
?disabled=${null!==(i=null===(t=this.controlButtons.cancel)||void 0===t?void 0:t.disabled)&&void 0!==i&&i}
|
|
8
8
|
@button-click=${this.onCancelClick}
|
|
9
9
|
variant="secondary"
|
|
@@ -11,10 +11,10 @@
|
|
|
11
11
|
${this.controlButtons.cancel.value}
|
|
12
12
|
</md-button>
|
|
13
13
|
`:null}
|
|
14
|
-
${this.controlButtons.apply?
|
|
14
|
+
${this.controlButtons.apply?d.html`
|
|
15
15
|
<md-button
|
|
16
16
|
class="apply-button"
|
|
17
|
-
aria-label=${(0,
|
|
17
|
+
aria-label=${(0,p.ifDefined)(null===(o=this.controlButtons.apply)||void 0===o?void 0:o.ariaLabel)}
|
|
18
18
|
?disabled=${null!==(r=null===(a=this.controlButtons.apply)||void 0===a?void 0:a.disabled)&&void 0!==r&&r}
|
|
19
19
|
@button-click=${this.onApplyClick}
|
|
20
20
|
variant="primary"
|
|
@@ -23,12 +23,12 @@
|
|
|
23
23
|
</md-button>
|
|
24
24
|
`:null}
|
|
25
25
|
</div>
|
|
26
|
-
`}getPlaceHolderString(){var e;return this.placeholder?this.placeholder:this.useISOFormat?"YYYY-MM-DD":(0,l.gq)(null!==(e=this.locale)&&void 0!==e?e:
|
|
26
|
+
`}getPlaceHolderString(){var e;return this.placeholder?this.placeholder:this.useISOFormat?"YYYY-MM-DD":(0,l.gq)(null!==(e=this.locale)&&void 0!==e?e:h.DateTime.local().locale).toUpperCase()}getFormattedDate(e){return e?this.useISOFormat?this.getISODateTime(e):this.includesTime?e.toLocaleString(h.DateTime.DATETIME_SHORT,{locale:this.locale}):e.toLocaleString(h.DateTime.DATE_SHORT,{locale:this.locale}):null}getAriaLabel(){var e;return null!==(e=this.ariaLabel)&&void 0!==e?e:this.getDefaultAriaLabel()}get isAriaExpanded(){return this.isMenuOverlayOpen?"true":"false"}renderPopover(){var e,t;return d.html`
|
|
27
27
|
<md-popover
|
|
28
28
|
trigger="click"
|
|
29
29
|
.triggerID=${this.triggerID}
|
|
30
30
|
placement="bottom"
|
|
31
|
-
strategy=${(0,
|
|
31
|
+
strategy=${(0,p.ifDefined)(this.positioningStrategy)}
|
|
32
32
|
hide-on-escape
|
|
33
33
|
hide-on-outside-click
|
|
34
34
|
focus-trap
|
|
@@ -53,11 +53,11 @@
|
|
|
53
53
|
${this.renderControlButtons()}
|
|
54
54
|
</div>
|
|
55
55
|
</md-popover>
|
|
56
|
-
${this.customTrigger?
|
|
56
|
+
${this.customTrigger?d.html`
|
|
57
57
|
<span slot="menu-trigger">
|
|
58
58
|
<slot name="date-trigger"></slot>
|
|
59
59
|
</span>
|
|
60
|
-
`:
|
|
60
|
+
`:d.html`
|
|
61
61
|
<md-input
|
|
62
62
|
id="date-trigger"
|
|
63
63
|
class="date-input"
|
|
@@ -65,7 +65,7 @@
|
|
|
65
65
|
ariaRole="combobox"
|
|
66
66
|
?newMomentum=${this.computedNewMomentum}
|
|
67
67
|
placeholder=${this.getPlaceHolderString()}
|
|
68
|
-
value=${null!==(e=this.displayValue)&&void 0!==e?e:(0,
|
|
68
|
+
value=${null!==(e=this.displayValue)&&void 0!==e?e:(0,p.ifDefined)(null!==(t=this.value)&&void 0!==t?t:void 0)}
|
|
69
69
|
.disableUserTextInput=${this.disableUserTextInput}
|
|
70
70
|
htmlId=${this.htmlId}
|
|
71
71
|
label=${this.label}
|
|
@@ -85,25 +85,25 @@
|
|
|
85
85
|
<md-icon slot="input-section" name="calendar-month-bold" size="16" iconSet="momentumDesign"></md-icon>
|
|
86
86
|
</md-input>
|
|
87
87
|
`}
|
|
88
|
-
`}renderMenuOverlay(){var e,t;return
|
|
88
|
+
`}renderMenuOverlay(){var e,t;return d.html`
|
|
89
89
|
<md-menu-overlay
|
|
90
90
|
is-date-picker
|
|
91
91
|
custom-width="272px"
|
|
92
92
|
?disabled=${this.disabled}
|
|
93
|
-
positioning-strategy=${(0,
|
|
93
|
+
positioning-strategy=${(0,p.ifDefined)(this.positioningStrategy)}
|
|
94
94
|
>
|
|
95
|
-
${this.customTrigger?
|
|
95
|
+
${this.customTrigger?d.html`
|
|
96
96
|
<span slot="menu-trigger">
|
|
97
97
|
<slot name="date-trigger"></slot>
|
|
98
98
|
</span>
|
|
99
|
-
`:
|
|
99
|
+
`:d.html`
|
|
100
100
|
<md-input
|
|
101
101
|
class="date-input"
|
|
102
102
|
slot="menu-trigger"
|
|
103
103
|
ariaRole="combobox"
|
|
104
104
|
?newMomentum=${this.computedNewMomentum}
|
|
105
105
|
placeholder=${this.getPlaceHolderString()}
|
|
106
|
-
value=${null!==(e=this.displayValue)&&void 0!==e?e:(0,
|
|
106
|
+
value=${null!==(e=this.displayValue)&&void 0!==e?e:(0,p.ifDefined)(null!==(t=this.value)&&void 0!==t?t:void 0)}
|
|
107
107
|
.disableUserTextInput=${this.disableUserTextInput}
|
|
108
108
|
htmlId=${this.htmlId}
|
|
109
109
|
label=${this.label}
|
|
@@ -140,4 +140,4 @@
|
|
|
140
140
|
${this.renderControlButtons()}
|
|
141
141
|
</div>
|
|
142
142
|
</md-menu-overlay>
|
|
143
|
-
`}render(){return this.usePopover?this.renderPopover():this.renderMenuOverlay()}};
|
|
143
|
+
`}render(){return this.usePopover?this.renderPopover():this.renderMenuOverlay()}};m([(0,d.property)({type:Boolean,attribute:"should-close-on-select"})],t.prototype,"shouldCloseOnSelect",void 0),m([(0,d.property)({type:String})],t.prototype,"maxDate",void 0),m([(0,d.property)({type:String})],t.prototype,"minDate",void 0),m([(0,d.property)({type:String,reflect:!0})],t.prototype,"value",void 0),m([(0,d.property)({type:String})],t.prototype,"weekStart",void 0),m([(0,d.property)({type:String,reflect:!0})],t.prototype,"placeholder",void 0),m([(0,d.property)({type:String})],t.prototype,"locale",void 0),m([(0,d.property)({type:Boolean})],t.prototype,"useISOFormat",void 0),m([(0,d.property)({type:Boolean})],t.prototype,"validateDate",void 0),m([(0,d.property)({type:Boolean,reflect:!0,attribute:"includes-time"})],t.prototype,"includesTime",void 0),m([(0,d.property)({type:Boolean})],t.prototype,"disabled",void 0),m([(0,d.property)({type:String})],t.prototype,"htmlId",void 0),m([(0,d.property)({type:String})],t.prototype,"label",void 0),m([(0,d.property)({type:String})],t.prototype,"ariaLabel",void 0),m([(0,d.property)({type:String})],t.prototype,"displayValue",void 0),m([(0,d.property)({type:Boolean})],t.prototype,"required",void 0),m([(0,d.property)({type:String,reflect:!0})],t.prototype,"errorMessage",void 0),m([(0,d.property)({type:Boolean,attribute:"custom-trigger"})],t.prototype,"customTrigger",void 0),m([(0,d.property)({type:Boolean})],t.prototype,"isMenuOverlayOpen",void 0),m([(0,d.property)({type:Boolean})],t.prototype,"newMomentum",void 0),m([(0,d.property)({type:Boolean})],t.prototype,"disableUserTextInput",void 0),m([(0,d.property)({type:Boolean,attribute:"compact-input"})],t.prototype,"compactInput",void 0),m([(0,d.property)({type:Object,attribute:!1})],t.prototype,"controlButtons",void 0),m([(0,d.property)({type:String,attribute:"positioning-strategy"})],t.prototype,"positioningStrategy",void 0),m([(0,d.property)({type:Boolean,attribute:"show-default-now-date"})],t.prototype,"showDefaultNowDate",void 0),m([(0,d.property)({type:Boolean,attribute:"use-popover"})],t.prototype,"usePopover",void 0),m([(0,d.property)({type:String,attribute:"triggerID"})],t.prototype,"triggerID",void 0),m([(0,d.property)({type:Boolean,reflect:!0,attribute:"animation-frame"})],t.prototype,"animationFrame",void 0),m([(0,d.property)({type:Boolean,reflect:!0,attribute:"is-date-picker-month-loading"})],t.prototype,"isDatePickerMonthLoading",void 0),m([(0,d.property)({type:Boolean,reflect:!0,attribute:"is-date-picker-month-error"})],t.prototype,"isDatePickerMonthError",void 0),m([(0,d.property)({type:Object,attribute:!1})],t.prototype,"errorMessages",void 0),m([(0,d.internalProperty)()],t.prototype,"selectedDate",void 0),m([(0,d.internalProperty)()],t.prototype,"focusedDate",void 0),m([(0,d.property)()],t.prototype,"filterDate",void 0),m([(0,d.property)({attribute:!1})],t.prototype,"onRetry",void 0),m([(0,d.internalProperty)()],t.prototype,"maxDateData",void 0),m([(0,d.internalProperty)()],t.prototype,"minDateData",void 0),m([(0,d.query)("md-menu-overlay")],t.prototype,"menuOverlay",void 0),m([(0,d.query)("md-popover")],t.prototype,"popoverElement",void 0),t=m([(0,s.w)("md-datepicker")],t),e.ELEMENT=t}(o||(o={}))}}]);
|
package/dist/7330.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";(self["momentum-web-components-[id]"]=self["momentum-web-components-[id]"]||[]).push([[7330],{67330:(o,
|
|
1
|
+
"use strict";(self["momentum-web-components-[id]"]=self["momentum-web-components-[id]"]||[]).push([[7330],{67330:(i,o,e)=>{e.d(o,{A:()=>t});const t=e(41488).css`.md-floating{background-color:var(--floating-modal-main-bg-color);border:1px solid var(--floating-modal-outer-border-color);border-radius:8px;box-shadow:var(--floating-modal-main-box-shadow);display:flex;flex-direction:column;max-height:100%;max-width:100%;position:absolute;touch-action:none;user-select:none;z-index:1040}.md-floating.fixed{position:fixed}.md-floating.hide{display:block;height:0;visibility:hidden;width:0}.md-floating.md-floating-minimize{background:var(--floating-modal-main-bg-color-alternate);border-radius:8px;width:100%}.md-floating.md-floating-minimize:focus{box-shadow:0 0 0 .125rem #005e7d;outline:0}.md-floating .md-floating__header-button{align-items:center;display:inline-flex}.md-floating .md-floating__header{align-items:center;border-bottom:none;color:var(--floating-modal-main-text-color);display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;max-height:3rem;padding:1rem;width:100%;gap:.5rem}.md-floating .md-floating__header-text{flex:2 1 auto;font-family:var(--brand-font-bold, "CiscoSansTT Bold", "Helvetica Neue", Helvetica, Arial, sans-serif);font-size:16px;line-height:16px;text-align:left;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.md-floating .md-floating__body{height:calc(100% - 3rem);overflow:auto;padding:.75rem 1rem;padding-top:0}.md-floating .md-floating-body-minimize{display:block;height:0;visibility:hidden}.md-floating .md-floating__header-minimize{border-bottom:0;color:var(--floating-modal-main-text-color-alternate);font-size:16px;line-height:24px;width:100%}.md-floating-min-parent{bottom:0;height:3rem;position:absolute;right:0;width:223px}`}}]);
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
!function(t,e){if("object"==typeof exports&&"object"==typeof module)module.exports=e(require("lit-element"),require("lit-html/directives/class-map"),require("lit-html"),require("lit-html/directives/if-defined"));else if("function"==typeof define&&define.amd)define(["lit-element","lit-html/directives/class-map","lit-html","lit-html/directives/if-defined"],e);else{var i="object"==typeof exports?e(require("lit-element"),require("lit-html/directives/class-map"),require("lit-html"),require("lit-html/directives/if-defined")):e(t["lit-element"],t["lit-html/directives/class-map"],t["lit-html"],t["lit-html/directives/if-defined"]);for(var o in i)("object"==typeof exports?exports:t)[o]=i[o]}}(self,(t,e,i,o)=>(()=>{"use strict";var r,s={23968:t=>{t.exports=e},40333:t=>{t.exports=i},41488:e=>{e.exports=t},58287:(t,e,i)=>{var o,r=i(31890),s=i(26272),l=i(41488),
|
|
1
|
+
!function(t,e){if("object"==typeof exports&&"object"==typeof module)module.exports=e(require("lit-element"),require("lit-html/directives/class-map"),require("lit-html"),require("lit-html/directives/if-defined"));else if("function"==typeof define&&define.amd)define(["lit-element","lit-html/directives/class-map","lit-html","lit-html/directives/if-defined"],e);else{var i="object"==typeof exports?e(require("lit-element"),require("lit-html/directives/class-map"),require("lit-html"),require("lit-html/directives/if-defined")):e(t["lit-element"],t["lit-html/directives/class-map"],t["lit-html"],t["lit-html/directives/if-defined"]);for(var o in i)("object"==typeof exports?exports:t)[o]=i[o]}}(self,(t,e,i,o)=>(()=>{"use strict";var r,s={23968:t=>{t.exports=e},40333:t=>{t.exports=i},41488:e=>{e.exports=t},58287:(t,e,i)=>{var o,r=i(31890),s=i(26272),l=i(41488),n=i(23968),p=i(31107),a=function(t,e,i,o){var r,s=arguments.length,l=s<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)l=Reflect.decorate(t,e,i,o);else for(var n=t.length-1;n>=0;n--)(r=t[n])&&(l=(s<3?r(l):s>3?r(e,i,l):r(e,i))||l);return s>3&&l&&Object.defineProperty(e,i,l),l};!function(t){let e=class extends l.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,p.A]}render(){const t={[`progress--${this.type}`]:this.type,[`progress--${this.color}`]:this.color};return l.html`
|
|
2
2
|
<span>
|
|
3
3
|
<div class="progressbar-info" data-key="${this.min}">
|
|
4
4
|
<span class="progressbar-label">${this.label}</span>
|
|
5
5
|
<span class="progressbar-progress">${this.getDisplayFormat()}</span>
|
|
6
6
|
</div>
|
|
7
|
-
<div class="progress ${(0,
|
|
7
|
+
<div class="progress ${(0,n.classMap)(t)}" data-key="${this.max}">
|
|
8
8
|
<span
|
|
9
9
|
class="meter"
|
|
10
10
|
role="progressbar"
|
|
@@ -18,7 +18,7 @@
|
|
|
18
18
|
</span>
|
|
19
19
|
</div>
|
|
20
20
|
</span>
|
|
21
|
-
`}};a([(0,l.property)({type:Boolean})],e.prototype,"dynamic",void 0),a([(0,l.property)({type:String})],e.prototype,"color",void 0),a([(0,l.property)({type:String})],e.prototype,"label",void 0),a([(0,l.property)({type:String})],e.prototype,"displayFormat",void 0),a([(0,l.property)({type:String})],e.prototype,"type",void 0),a([(0,l.property)({type:Number})],e.prototype,"min",void 0),a([(0,l.property)({type:Number})],e.prototype,"max",void 0),a([(0,l.property)({type:Number})],e.prototype,"value",void 0),a([(0,l.property)({type:Number})],e.prototype,"adjustedValue",void 0),a([(0,l.property)({type:Number})],e.prototype,"valueFraction",void 0),a([(0,l.property)({type:String})],e.prototype,"meterWidth",void 0),e=a([(0,r.w)("md-progress-bar")],e),t.ELEMENT=e}(o||(o={}))},60046:(t,e,i)=>{i.r(e),i.d(e,{Chip:()=>o}),i(58287),i(83192);var o,r=i(90195),s=i(31890),l=i(26272),
|
|
21
|
+
`}};a([(0,l.property)({type:Boolean})],e.prototype,"dynamic",void 0),a([(0,l.property)({type:String})],e.prototype,"color",void 0),a([(0,l.property)({type:String})],e.prototype,"label",void 0),a([(0,l.property)({type:String})],e.prototype,"displayFormat",void 0),a([(0,l.property)({type:String})],e.prototype,"type",void 0),a([(0,l.property)({type:Number})],e.prototype,"min",void 0),a([(0,l.property)({type:Number})],e.prototype,"max",void 0),a([(0,l.property)({type:Number})],e.prototype,"value",void 0),a([(0,l.property)({type:Number})],e.prototype,"adjustedValue",void 0),a([(0,l.property)({type:Number})],e.prototype,"valueFraction",void 0),a([(0,l.property)({type:String})],e.prototype,"meterWidth",void 0),e=a([(0,r.w)("md-progress-bar")],e),t.ELEMENT=e}(o||(o={}))},60046:(t,e,i)=>{i.r(e),i.d(e,{Chip:()=>o}),i(58287),i(83192);var o,r=i(90195),s=i(31890),l=i(26272),n=i(41488),p=i(40333),a=i(23968),h=i(97822),d=i(49618),c=function(t,e,i,o){var r,s=arguments.length,l=s<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)l=Reflect.decorate(t,e,i,o);else for(var n=t.length-1;n>=0;n--)(r=t[n])&&(l=(s<3?r(l):s>3?r(e,i,l):r(e,i))||l);return s>3&&l&&Object.defineProperty(e,i,l),l};!function(t){let e=class extends n.LitElement{constructor(){super(...arguments),this.color="",this.bgColor="",this.textColor="",this.height="",this.icon="",this.iconColor="",this.iconSize="",this.role="group",this.id="",this.small=!1,this.readonly=!1,this.selected=!1,this.disabled=!1,this.determinateProgress=0,this.indeterminateProgress=!1,this.tooltipText="",this.tooltipPlacement="auto",this.iconSet="momentumUI",this.suppressDefaultMaxWidth=!1,this.decorative=!1,this.shouldTruncateValue=!0,this.value="",this.textOverflow=!1,this.renderedText="",this.MAXWIDTH=115,this.selectionChange=t=>{this.dispatchEvent(new CustomEvent("chip-selected",{composed:!0,bubbles:!0,detail:{selected:t}}))},this.handleClear=t=>{this.dispatchEvent(new CustomEvent("chip-deleted",{composed:!0,bubbles:!0,detail:{id:t}}))},this.handleSelect=()=>{this.disabled||(this.selected=!0,this.selectionChange(!0))},this.handleDeSelect=()=>{this.selected=!1,this.selectionChange(!1)},this.renderBgColor=()=>this.bgColor?`background-color: ${this.bgColor};`:p.nothing,this.renderTextColor=()=>this.textColor?`color: ${this.textColor};`:p.nothing,this.renderHeight=()=>this.height?`height: ${this.height};`:p.nothing,this.getStyles=()=>this.bgColor||this.textColor||this.height?n.html`
|
|
22
22
|
<style>
|
|
23
23
|
:host .md-chip {
|
|
24
24
|
${this.renderBgColor()};
|
|
@@ -26,7 +26,7 @@
|
|
|
26
26
|
${this.renderHeight()};
|
|
27
27
|
}
|
|
28
28
|
</style>
|
|
29
|
-
`:
|
|
29
|
+
`:p.nothing}connectedCallback(){super.connectedCallback(),this.truncStringPortion(this.value),this.setAttribute("role",this.role)}updated(t){super.updated(t),this.truncStringPortion(this.value)}getTextWidth(t,e=getComputedStyle(this).font){const i=document.createElement("canvas").getContext("2d");return i?(i.font=e,i.measureText(t).width):0}truncStringPortion(t){const e=this.getTextWidth(t);if(console.log("Text width:",e),!this.shouldTruncateValue||e<this.MAXWIDTH)return this.renderedText=t,void(this.textOverflow=!1);const i=Array.from(t);let o=Math.min(4,i.length),r=Math.min(5,Math.max(0,i.length-o-1)),s=i.slice(0,o).join(""),l=i.slice(-r).join(""),n=`${s}…${l}`;if(this.getTextWidth(n)>this.MAXWIDTH)return this.renderedText=n,void(this.textOverflow=!0);for(;o+r<i.length;){let t=!1;if(o+r<i.length){const e=s+i[o],r=`${e}…${l}`;this.getTextWidth(r)<=this.MAXWIDTH&&(s=e,o+=1,n=r,t=!0)}if(o+r<i.length){const e=i[i.length-r-1]+l,o=`${s}…${e}`;this.getTextWidth(o)<=this.MAXWIDTH&&(l=e,r+=1,n=o,t=!0)}if(!t)break}this.renderedText=n,this.textOverflow=!0}handleClick(){var t;const e=null===(t=this.shadowRoot)||void 0===t?void 0:t.querySelector("md-tooltip");null==e||e.dispatchEvent(new CustomEvent("tooltip-destroy",{bubbles:!0,composed:!0,detail:{placement:null==e?void 0:e.placement,reference:null==e?void 0:e.reference,popper:null==e?void 0:e.popper}})),this.dispatchEvent(new CustomEvent("chip-interaction",{composed:!0,bubbles:!0,detail:{id:this.id}}))}handleKeydown(t){switch(t.code){case r.Uz.Space:case r.Uz.Enter:this.handleSelect(),this.handleClick()}}static get styles(){return[l.A,d.A]}loadingTemplate(){return this.determinateProgress||this.indeterminateProgress?this.determinateProgress?n.html`
|
|
30
30
|
<md-progress-bar
|
|
31
31
|
class="md-chip--loading"
|
|
32
32
|
type="determinate"
|
|
@@ -34,9 +34,9 @@
|
|
|
34
34
|
displayFormat="none"
|
|
35
35
|
>
|
|
36
36
|
</md-progress-bar>
|
|
37
|
-
`:
|
|
37
|
+
`:n.html`
|
|
38
38
|
<md-progress-bar class="md-chip--loading" type="indeterminate" displayFormat="none"></md-progress-bar>
|
|
39
|
-
`:
|
|
39
|
+
`:p.nothing}iconTemplate(){const t=this.disabled?"":this.iconColor;return this.icon?n.html`
|
|
40
40
|
<md-icon
|
|
41
41
|
class="md-chip--icon"
|
|
42
42
|
part="chip-icon"
|
|
@@ -46,7 +46,7 @@
|
|
|
46
46
|
size="${(0,h.ifDefined)(this.iconSize)}"
|
|
47
47
|
>
|
|
48
48
|
</md-icon>
|
|
49
|
-
`:
|
|
49
|
+
`:p.nothing}getToolTipContent(){return this.tooltipText&&this.textOverflow?this.value===this.tooltipText?this.tooltipText:`${this.value}, ${this.tooltipText}`:this.tooltipText?this.tooltipText:this.value}get textContentClassMap(){return{"md-chip--textcontent":!0,"md-chip--suppress-default-max-width":this.suppressDefaultMaxWidth}}get textContentTemplate(){return n.html`<span part="text-content" class=${(0,a.classMap)(this.textContentClassMap)}> ${this.renderedText}</span>`}render(){const t={"md-chip--small":this.small,"md-chip--disabled":this.disabled,[`md-chip--${this.color}`]:this.color,"suppress-max-width":this.suppressDefaultMaxWidth,"md-chip--interactive":!this.decorative},e=this.decorative?void 0:this.selected?"true":"false";return n.html`
|
|
50
50
|
${this.getStyles()}
|
|
51
51
|
<md-tooltip
|
|
52
52
|
?disabled=${!this.tooltipText&&!this.textOverflow}
|
|
@@ -65,8 +65,8 @@
|
|
|
65
65
|
>
|
|
66
66
|
${this.loadingTemplate()} ${this.iconTemplate()}
|
|
67
67
|
<slot name="custom-left-content" part="chip-left"> </slot>
|
|
68
|
-
${this.renderedText?this.textContentTemplate:
|
|
68
|
+
${this.renderedText?this.textContentTemplate:p.nothing}
|
|
69
69
|
<slot name="custom-right-content" part="chip-right"> </slot>
|
|
70
70
|
</span>
|
|
71
71
|
</md-tooltip>
|
|
72
|
-
`}};c([(0,
|
|
72
|
+
`}};c([(0,n.property)({type:String})],e.prototype,"color",void 0),c([(0,n.property)({type:String})],e.prototype,"bgColor",void 0),c([(0,n.property)({type:String})],e.prototype,"textColor",void 0),c([(0,n.property)({type:String})],e.prototype,"height",void 0),c([(0,n.property)({type:String})],e.prototype,"icon",void 0),c([(0,n.property)({type:String})],e.prototype,"iconColor",void 0),c([(0,n.property)({type:String})],e.prototype,"iconSize",void 0),c([(0,n.property)({type:String})],e.prototype,"role",void 0),c([(0,n.property)({type:String,reflect:!0})],e.prototype,"id",void 0),c([(0,n.property)({type:Boolean})],e.prototype,"small",void 0),c([(0,n.property)({type:Boolean})],e.prototype,"readonly",void 0),c([(0,n.property)({type:Boolean,reflect:!0})],e.prototype,"selected",void 0),c([(0,n.property)({type:Boolean})],e.prototype,"disabled",void 0),c([(0,n.property)({type:Number})],e.prototype,"determinateProgress",void 0),c([(0,n.property)({type:Boolean})],e.prototype,"indeterminateProgress",void 0),c([(0,n.property)({type:String})],e.prototype,"tooltipText",void 0),c([(0,n.property)({type:String})],e.prototype,"tooltipPlacement",void 0),c([(0,n.property)({type:String})],e.prototype,"iconSet",void 0),c([(0,n.property)({type:Boolean,attribute:"suppress-default-max-width"})],e.prototype,"suppressDefaultMaxWidth",void 0),c([(0,n.property)({type:Boolean})],e.prototype,"decorative",void 0),c([(0,n.property)({type:Boolean})],e.prototype,"shouldTruncateValue",void 0),c([(0,n.property)({type:String,hasChanged:(t,e)=>t!==e})],e.prototype,"value",void 0),c([(0,n.internalProperty)({hasChanged:(t,e)=>t!==e})],e.prototype,"textOverflow",void 0),c([(0,n.internalProperty)()],e.prototype,"renderedText",void 0),e=c([(0,s.w)("md-chip")],e),t.ELEMENT=e}(o||(o={}))},97822:t=>{t.exports=o}},l={};function n(t){var e=l[t];if(void 0!==e)return e.exports;var i=l[t]={exports:{}};return s[t](i,i.exports,n),i.exports}n.m=s,r=[],n.O=(t,e,i,o)=>{if(!e){var s=1/0;for(h=0;h<r.length;h++){for(var[e,i,o]=r[h],l=!0,p=0;p<e.length;p++)(!1&o||s>=o)&&Object.keys(n.O).every(t=>n.O[t](e[p]))?e.splice(p--,1):(l=!1,o<s&&(s=o));if(l){r.splice(h--,1);var a=i();void 0!==a&&(t=a)}}return t}o=o||0;for(var h=r.length;h>0&&r[h-1][2]>o;h--)r[h]=r[h-1];r[h]=[e,i,o]},n.n=t=>{var e=t&&t.__esModule?()=>t.default:()=>t;return n.d(e,{a:e}),e},n.d=(t,e)=>{for(var i in e)n.o(e,i)&&!n.o(t,i)&&Object.defineProperty(t,i,{enumerable:!0,get:e[i]})},n.o=(t,e)=>Object.prototype.hasOwnProperty.call(t,e),n.r=t=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},(()=>{var t={5369:0,8894:0};n.O.j=e=>0===t[e];var e=(e,i)=>{var o,r,[s,l,p]=i,a=0;if(s.some(e=>0!==t[e])){for(o in l)n.o(l,o)&&(n.m[o]=l[o]);if(p)var h=p(n)}for(e&&e(i);a<s.length;a++)r=s[a],n.o(t,r)&&t[r]&&t[r][0](),t[r]=0;return n.O(h)},i=self["momentum-web-components-[id]"]=self["momentum-web-components-[id]"]||[];i.forEach(e.bind(null,0)),i.push=e.bind(null,i.push.bind(i))})();var p=n.O(void 0,[1890,6272,8889,8373,4624,591,768,195,6677,7251,7919,3192,5382,1107,9618],()=>n(60046));return n.O(p)})());
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("lit-element"),require("lit-html/directives/class-map"),require("lit-html/directives/style-map"),require("lit-html"),require("lit-html/directives/if-defined"),require("luxon"),require("@momentum-ui/icons/data/momentumUiIconsNames.json"),require("@momentum-ui/utils/lib/getColorValue"),require("mobx"),require("lit-html/directives/class-map.js"),require("lit-html/directives/repeat"),require("@popperjs/core/lib/modifiers/arrow"),require("@popperjs/core/lib/modifiers/flip"),require("@popperjs/core/lib/modifiers/offset"),require("@popperjs/core/lib/modifiers/preventOverflow"),require("@popperjs/core/lib/popper-lite"),require("@floating-ui/dom"),require("lit-html/directives/if-defined.js"));else if("function"==typeof define&&define.amd)define(["lit-element","lit-html/directives/class-map","lit-html/directives/style-map","lit-html","lit-html/directives/if-defined","luxon","@momentum-ui/icons/data/momentumUiIconsNames.json","@momentum-ui/utils/lib/getColorValue","mobx","lit-html/directives/class-map.js","lit-html/directives/repeat","@popperjs/core/lib/modifiers/arrow","@popperjs/core/lib/modifiers/flip","@popperjs/core/lib/modifiers/offset","@popperjs/core/lib/modifiers/preventOverflow","@popperjs/core/lib/popper-lite","@floating-ui/dom","lit-html/directives/if-defined.js"],t);else{var i="object"==typeof exports?t(require("lit-element"),require("lit-html/directives/class-map"),require("lit-html/directives/style-map"),require("lit-html"),require("lit-html/directives/if-defined"),require("luxon"),require("@momentum-ui/icons/data/momentumUiIconsNames.json"),require("@momentum-ui/utils/lib/getColorValue"),require("mobx"),require("lit-html/directives/class-map.js"),require("lit-html/directives/repeat"),require("@popperjs/core/lib/modifiers/arrow"),require("@popperjs/core/lib/modifiers/flip"),require("@popperjs/core/lib/modifiers/offset"),require("@popperjs/core/lib/modifiers/preventOverflow"),require("@popperjs/core/lib/popper-lite"),require("@floating-ui/dom"),require("lit-html/directives/if-defined.js")):t(e["lit-element"],e["lit-html/directives/class-map"],e["lit-html/directives/style-map"],e["lit-html"],e["lit-html/directives/if-defined"],e.luxon,e["@momentum-ui/icons/data/momentumUiIconsNames.json"],e["@momentum-ui/utils/lib/getColorValue"],e.mobx,e["lit-html/directives/class-map.js"],e["lit-html/directives/repeat"],e["@popperjs/core/lib/modifiers/arrow"],e["@popperjs/core/lib/modifiers/flip"],e["@popperjs/core/lib/modifiers/offset"],e["@popperjs/core/lib/modifiers/preventOverflow"],e["@popperjs/core/lib/popper-lite"],e["@floating-ui/dom"],e["lit-html/directives/if-defined.js"]);for(var r in i)("object"==typeof exports?exports:e)[r]=i[r]}}(self,(e,t,i,r,o,a,s,l,n,p,d,h,c,u,m,v,y,g)=>(()=>{"use strict";var f,D={4863:e=>{e.exports=v},5784:e=>{e.exports=y},8229:e=>{e.exports=i},17518:e=>{e.exports=p},22818:e=>{e.exports=d},22962:e=>{e.exports=h},23968:e=>{e.exports=t},32022:e=>{e.exports=s},38654:(e,t,i)=>{i.r(t),i.d(t,{DatePicker:()=>r}),i(63208),i(96408),i(11323);var r,o=i(90195),a=i(37719),s=i(31890),l=i(81625),n=i(
|
|
1
|
+
!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("lit-element"),require("lit-html/directives/class-map"),require("lit-html/directives/style-map"),require("lit-html"),require("lit-html/directives/if-defined"),require("luxon"),require("@momentum-ui/icons/data/momentumUiIconsNames.json"),require("@momentum-ui/utils/lib/getColorValue"),require("mobx"),require("lit-html/directives/class-map.js"),require("lit-html/directives/repeat"),require("@popperjs/core/lib/modifiers/arrow"),require("@popperjs/core/lib/modifiers/flip"),require("@popperjs/core/lib/modifiers/offset"),require("@popperjs/core/lib/modifiers/preventOverflow"),require("@popperjs/core/lib/popper-lite"),require("@floating-ui/dom"),require("lit-html/directives/if-defined.js"));else if("function"==typeof define&&define.amd)define(["lit-element","lit-html/directives/class-map","lit-html/directives/style-map","lit-html","lit-html/directives/if-defined","luxon","@momentum-ui/icons/data/momentumUiIconsNames.json","@momentum-ui/utils/lib/getColorValue","mobx","lit-html/directives/class-map.js","lit-html/directives/repeat","@popperjs/core/lib/modifiers/arrow","@popperjs/core/lib/modifiers/flip","@popperjs/core/lib/modifiers/offset","@popperjs/core/lib/modifiers/preventOverflow","@popperjs/core/lib/popper-lite","@floating-ui/dom","lit-html/directives/if-defined.js"],t);else{var i="object"==typeof exports?t(require("lit-element"),require("lit-html/directives/class-map"),require("lit-html/directives/style-map"),require("lit-html"),require("lit-html/directives/if-defined"),require("luxon"),require("@momentum-ui/icons/data/momentumUiIconsNames.json"),require("@momentum-ui/utils/lib/getColorValue"),require("mobx"),require("lit-html/directives/class-map.js"),require("lit-html/directives/repeat"),require("@popperjs/core/lib/modifiers/arrow"),require("@popperjs/core/lib/modifiers/flip"),require("@popperjs/core/lib/modifiers/offset"),require("@popperjs/core/lib/modifiers/preventOverflow"),require("@popperjs/core/lib/popper-lite"),require("@floating-ui/dom"),require("lit-html/directives/if-defined.js")):t(e["lit-element"],e["lit-html/directives/class-map"],e["lit-html/directives/style-map"],e["lit-html"],e["lit-html/directives/if-defined"],e.luxon,e["@momentum-ui/icons/data/momentumUiIconsNames.json"],e["@momentum-ui/utils/lib/getColorValue"],e.mobx,e["lit-html/directives/class-map.js"],e["lit-html/directives/repeat"],e["@popperjs/core/lib/modifiers/arrow"],e["@popperjs/core/lib/modifiers/flip"],e["@popperjs/core/lib/modifiers/offset"],e["@popperjs/core/lib/modifiers/preventOverflow"],e["@popperjs/core/lib/popper-lite"],e["@floating-ui/dom"],e["lit-html/directives/if-defined.js"]);for(var r in i)("object"==typeof exports?exports:e)[r]=i[r]}}(self,(e,t,i,r,o,a,s,l,n,p,d,h,c,u,m,v,y,g)=>(()=>{"use strict";var f,D={4863:e=>{e.exports=v},5784:e=>{e.exports=y},8229:e=>{e.exports=i},17518:e=>{e.exports=p},22818:e=>{e.exports=d},22962:e=>{e.exports=h},23968:e=>{e.exports=t},32022:e=>{e.exports=s},38654:(e,t,i)=>{i.r(t),i.d(t,{DatePicker:()=>r}),i(63208),i(96408),i(11323);var r,o=i(90195),a=i(37719),s=i(31890),l=i(81625),n=i(74548),p=i(41488),d=i(97822),h=i(65796),c=i(71128),u=i(14974),m=function(e,t,i,r){var o,a=arguments.length,s=a<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,r);else for(var l=e.length-1;l>=0;l--)(o=e[l])&&(s=(a<3?o(s):a>3?o(t,i,s):o(t,i))||s);return a>3&&s&&Object.defineProperty(t,i,s),s};!function(e){e.weekStartDays=["Sunday","Monday"];let t=class extends p.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=void 0,this.useISOFormat=!0,this.validateDate=!0,this.includesTime=!1,this.disabled=!1,this.htmlId="",this.label="",this.ariaLabel=null,this.displayValue=null,this.required=!1,this.errorMessage="",this.customTrigger=!1,this.isMenuOverlayOpen=!1,this.newMomentum=void 0,this.disableUserTextInput=!1,this.compactInput=void 0,this.controlButtons=void 0,this.positioningStrategy=void 0,this.showDefaultNowDate=!0,this.usePopover=!1,this.triggerID="date-trigger",this.animationFrame=!1,this.isDatePickerMonthLoading=!1,this.isDatePickerMonthError=!1,this.errorMessages={},this.selectedDate=(0,l.tB)(),this.focusedDate=(0,l.tB)(),this.filterDate=void 0,this.onRetry=void 0,this.maxDateData=void 0,this.minDateData=void 0,this.popoverController=null,this.handleDateInputChange=e=>{var t,i;this.useISOFormat?this.value=null===(t=null==e?void 0:e.detail)||void 0===t?void 0:t.value:this.value=null===(i=this.selectedDate)||void 0===i?void 0:i.toLocaleString(h.DateTime.DATE_SHORT,{locale:this.locale}),this.dispatchEvent(new CustomEvent("date-input-change",{bubbles:!0,composed:!0,detail:{sourceEvent:e,value:this.value}}))},this.setOpen=e=>{var t,i;this.usePopover?e?null===(t=this.popoverController)||void 0===t||t.show():null===(i=this.popoverController)||void 0===i||i.hide():this.menuOverlay.isOpen=e,this.isMenuOverlayOpen=e},this.setPreSelection=e=>{const t={maxDate:this.maxDateData,minDate:this.minDateData,filterDate:this.filterDate};(0,l.t_)(e,t)||(this.focusedDate=e)},this.handleInputKeyDown=e=>{e.code===o.Uz.ArrowDown&&this.setOpen(!0)},this.handleKeyDown=e=>{const t=e.detail.sourceEvent;let i=!1;const r=this.focusedDate;switch(!t.shiftKey&&t.code){case"Space":case"Enter":this.handleSelect(e),i=!0;break;case"Escape":this.setOpen(!1);break;case"ArrowUp":this.setPreSelection((0,l.WB)(r,1)),i=!0;break;case"ArrowLeft":this.setPreSelection((0,l.gg)(r,1)),i=!0;break;case"ArrowRight":this.setPreSelection((0,l.fi)(r,1)),i=!0;break;case"ArrowDown":this.setPreSelection((0,l.J4)(r,1)),i=!0}i&&(t.stopPropagation(),t.preventDefault())},this.getDefaultAriaLabel=()=>{var e;return(null===(e=this.selectedDate)||void 0===e?void 0:e.isValid)?`Choose Date, selected date is ${this.selectedDate.toLocaleString(h.DateTime.DATE_FULL)}`:"Choose Date"},this.getValidRegexString=()=>this.includesTime?n.b.ISOString:n.b.ISODateString}get computedNewMomentum(){return void 0!==this.newMomentum?this.newMomentum:a.themeManager.isMomentumV2Enabled}static get styles(){return u.A}connectedCallback(){super.connectedCallback(),this.minDate&&(this.minDateData=(0,l.mA)(this.minDate)),this.maxDate&&(this.maxDateData=(0,l.mA)(this.maxDate)),this.usePopover&&(this.popoverController=new c.PopoverController)}firstUpdated(e){super.firstUpdated(e),!this.value&&this.showDefaultNowDate&&(this.value=this.getFormattedDate(this.selectedDate))}updated(e){super.updated(e),this.value&&e.has("value")&&(this.useISOFormat?this.selectedDate=(0,l.mA)(this.value):this.selectedDate=h.DateTime.fromFormat(this.value,(0,l.gq)(this.locale),{locale:this.locale}),this.setPreSelection(this.selectedDate)),e.has("locale")&&this.render(),this.minDate&&e.has("minDate")&&(this.minDateData=(0,l.mA)(this.minDate)),this.maxDate&&e.has("maxDate")&&(this.maxDateData=(0,l.mA)(this.maxDate)),!this.usePopover&&e.has("usePopover")&&(this.popoverController=new c.PopoverController)}handleSelect(e){var t;const i=e.detail.date,r=e.detail.sourceEvent;this.setPreSelection(i),this.dispatchEvent(new CustomEvent("date-pre-selection-change",{bubbles:!0,composed:!0,detail:{sourceEvent:r,data:i}})),(null===(t=this.controlButtons)||void 0===t?void 0:t.apply)&&"apply-button-clicked"!==(null==r?void 0:r.type)||(this.setSelected(i,r),this.shouldCloseOnSelect&&this.setOpen(!1))}getISODateTime(e){return this.includesTime?e.startOf("second").toISO({suppressMilliseconds:!0}):e.toISODate()}setSelected(e,t){const i={maxDate:this.maxDateData,minDate:this.minDateData,filterDate:this.filterDate};if(!(0,l.t_)(e,i)){const t=this.getISODateTime(e);this.selectedDate=e,this.useISOFormat?this.value=t:this.value=e.toLocaleString(h.DateTime.DATE_SHORT,{locale:this.locale})}this.dispatchEvent(new CustomEvent("date-selection-change",{bubbles:!0,composed:!0,detail:{sourceEvent:t,data:e}}))}validateDateString(e){if(!e&&""!==e)return!0;if(this.useISOFormat){const t=RegExp(this.getValidRegexString()),i={maxDate:this.maxDateData,minDate:this.minDateData,filterDate:this.filterDate};return!!e&&t.test(e)&&!(0,l.t_)((0,l.mA)(e),i)}const t=(0,l.gq)(this.locale);return h.DateTime.fromFormat(e,t,{locale:this.locale}).isValid}isValueValid(){return!this.validateDate||this.validateDateString(this.value)}get messageArray(){return this.errorMessage?[{message:this.errorMessage,type:"error"}]:this.isValueValid()?[]:[{message:"",type:"error"}]}onCancelClick(){this.setOpen(!1)}onApplyClick(){this.handleSelect(new CustomEvent("day-select",{detail:{date:this.focusedDate,sourceEvent:new Event("apply-button-clicked")}}))}renderControlButtons(){var e,t,i,r,o,a;return!this.controlButtons||this.isDatePickerMonthLoading||this.isDatePickerMonthError?p.html``:p.html`
|
|
2
2
|
<div class="control-buttons">
|
|
3
|
-
${this.controlButtons.cancel?
|
|
3
|
+
${this.controlButtons.cancel?p.html`
|
|
4
4
|
<md-button
|
|
5
5
|
class="cancel-button"
|
|
6
|
-
aria-label=${(0,
|
|
6
|
+
aria-label=${(0,d.ifDefined)(null===(e=this.controlButtons.cancel)||void 0===e?void 0:e.ariaLabel)}
|
|
7
7
|
?disabled=${null!==(i=null===(t=this.controlButtons.cancel)||void 0===t?void 0:t.disabled)&&void 0!==i&&i}
|
|
8
8
|
@button-click=${this.onCancelClick}
|
|
9
9
|
variant="secondary"
|
|
@@ -11,10 +11,10 @@
|
|
|
11
11
|
${this.controlButtons.cancel.value}
|
|
12
12
|
</md-button>
|
|
13
13
|
`:null}
|
|
14
|
-
${this.controlButtons.apply?
|
|
14
|
+
${this.controlButtons.apply?p.html`
|
|
15
15
|
<md-button
|
|
16
16
|
class="apply-button"
|
|
17
|
-
aria-label=${(0,
|
|
17
|
+
aria-label=${(0,d.ifDefined)(null===(r=this.controlButtons.apply)||void 0===r?void 0:r.ariaLabel)}
|
|
18
18
|
?disabled=${null!==(a=null===(o=this.controlButtons.apply)||void 0===o?void 0:o.disabled)&&void 0!==a&&a}
|
|
19
19
|
@button-click=${this.onApplyClick}
|
|
20
20
|
variant="primary"
|
|
@@ -23,12 +23,12 @@
|
|
|
23
23
|
</md-button>
|
|
24
24
|
`:null}
|
|
25
25
|
</div>
|
|
26
|
-
`}getPlaceHolderString(){var e;return this.placeholder?this.placeholder:this.useISOFormat?"YYYY-MM-DD":(0,l.gq)(null!==(e=this.locale)&&void 0!==e?e:
|
|
26
|
+
`}getPlaceHolderString(){var e;return this.placeholder?this.placeholder:this.useISOFormat?"YYYY-MM-DD":(0,l.gq)(null!==(e=this.locale)&&void 0!==e?e:h.DateTime.local().locale).toUpperCase()}getFormattedDate(e){return e?this.useISOFormat?this.getISODateTime(e):this.includesTime?e.toLocaleString(h.DateTime.DATETIME_SHORT,{locale:this.locale}):e.toLocaleString(h.DateTime.DATE_SHORT,{locale:this.locale}):null}getAriaLabel(){var e;return null!==(e=this.ariaLabel)&&void 0!==e?e:this.getDefaultAriaLabel()}get isAriaExpanded(){return this.isMenuOverlayOpen?"true":"false"}renderPopover(){var e,t;return p.html`
|
|
27
27
|
<md-popover
|
|
28
28
|
trigger="click"
|
|
29
29
|
.triggerID=${this.triggerID}
|
|
30
30
|
placement="bottom"
|
|
31
|
-
strategy=${(0,
|
|
31
|
+
strategy=${(0,d.ifDefined)(this.positioningStrategy)}
|
|
32
32
|
hide-on-escape
|
|
33
33
|
hide-on-outside-click
|
|
34
34
|
focus-trap
|
|
@@ -53,11 +53,11 @@
|
|
|
53
53
|
${this.renderControlButtons()}
|
|
54
54
|
</div>
|
|
55
55
|
</md-popover>
|
|
56
|
-
${this.customTrigger?
|
|
56
|
+
${this.customTrigger?p.html`
|
|
57
57
|
<span slot="menu-trigger">
|
|
58
58
|
<slot name="date-trigger"></slot>
|
|
59
59
|
</span>
|
|
60
|
-
`:
|
|
60
|
+
`:p.html`
|
|
61
61
|
<md-input
|
|
62
62
|
id="date-trigger"
|
|
63
63
|
class="date-input"
|
|
@@ -65,7 +65,7 @@
|
|
|
65
65
|
ariaRole="combobox"
|
|
66
66
|
?newMomentum=${this.computedNewMomentum}
|
|
67
67
|
placeholder=${this.getPlaceHolderString()}
|
|
68
|
-
value=${null!==(e=this.displayValue)&&void 0!==e?e:(0,
|
|
68
|
+
value=${null!==(e=this.displayValue)&&void 0!==e?e:(0,d.ifDefined)(null!==(t=this.value)&&void 0!==t?t:void 0)}
|
|
69
69
|
.disableUserTextInput=${this.disableUserTextInput}
|
|
70
70
|
htmlId=${this.htmlId}
|
|
71
71
|
label=${this.label}
|
|
@@ -85,25 +85,25 @@
|
|
|
85
85
|
<md-icon slot="input-section" name="calendar-month-bold" size="16" iconSet="momentumDesign"></md-icon>
|
|
86
86
|
</md-input>
|
|
87
87
|
`}
|
|
88
|
-
`}renderMenuOverlay(){var e,t;return
|
|
88
|
+
`}renderMenuOverlay(){var e,t;return p.html`
|
|
89
89
|
<md-menu-overlay
|
|
90
90
|
is-date-picker
|
|
91
91
|
custom-width="272px"
|
|
92
92
|
?disabled=${this.disabled}
|
|
93
|
-
positioning-strategy=${(0,
|
|
93
|
+
positioning-strategy=${(0,d.ifDefined)(this.positioningStrategy)}
|
|
94
94
|
>
|
|
95
|
-
${this.customTrigger?
|
|
95
|
+
${this.customTrigger?p.html`
|
|
96
96
|
<span slot="menu-trigger">
|
|
97
97
|
<slot name="date-trigger"></slot>
|
|
98
98
|
</span>
|
|
99
|
-
`:
|
|
99
|
+
`:p.html`
|
|
100
100
|
<md-input
|
|
101
101
|
class="date-input"
|
|
102
102
|
slot="menu-trigger"
|
|
103
103
|
ariaRole="combobox"
|
|
104
104
|
?newMomentum=${this.computedNewMomentum}
|
|
105
105
|
placeholder=${this.getPlaceHolderString()}
|
|
106
|
-
value=${null!==(e=this.displayValue)&&void 0!==e?e:(0,
|
|
106
|
+
value=${null!==(e=this.displayValue)&&void 0!==e?e:(0,d.ifDefined)(null!==(t=this.value)&&void 0!==t?t:void 0)}
|
|
107
107
|
.disableUserTextInput=${this.disableUserTextInput}
|
|
108
108
|
htmlId=${this.htmlId}
|
|
109
109
|
label=${this.label}
|
|
@@ -140,4 +140,4 @@
|
|
|
140
140
|
${this.renderControlButtons()}
|
|
141
141
|
</div>
|
|
142
142
|
</md-menu-overlay>
|
|
143
|
-
`}render(){return this.usePopover?this.renderPopover():this.renderMenuOverlay()}};
|
|
143
|
+
`}render(){return this.usePopover?this.renderPopover():this.renderMenuOverlay()}};m([(0,p.property)({type:Boolean,attribute:"should-close-on-select"})],t.prototype,"shouldCloseOnSelect",void 0),m([(0,p.property)({type:String})],t.prototype,"maxDate",void 0),m([(0,p.property)({type:String})],t.prototype,"minDate",void 0),m([(0,p.property)({type:String,reflect:!0})],t.prototype,"value",void 0),m([(0,p.property)({type:String})],t.prototype,"weekStart",void 0),m([(0,p.property)({type:String,reflect:!0})],t.prototype,"placeholder",void 0),m([(0,p.property)({type:String})],t.prototype,"locale",void 0),m([(0,p.property)({type:Boolean})],t.prototype,"useISOFormat",void 0),m([(0,p.property)({type:Boolean})],t.prototype,"validateDate",void 0),m([(0,p.property)({type:Boolean,reflect:!0,attribute:"includes-time"})],t.prototype,"includesTime",void 0),m([(0,p.property)({type:Boolean})],t.prototype,"disabled",void 0),m([(0,p.property)({type:String})],t.prototype,"htmlId",void 0),m([(0,p.property)({type:String})],t.prototype,"label",void 0),m([(0,p.property)({type:String})],t.prototype,"ariaLabel",void 0),m([(0,p.property)({type:String})],t.prototype,"displayValue",void 0),m([(0,p.property)({type:Boolean})],t.prototype,"required",void 0),m([(0,p.property)({type:String,reflect:!0})],t.prototype,"errorMessage",void 0),m([(0,p.property)({type:Boolean,attribute:"custom-trigger"})],t.prototype,"customTrigger",void 0),m([(0,p.property)({type:Boolean})],t.prototype,"isMenuOverlayOpen",void 0),m([(0,p.property)({type:Boolean})],t.prototype,"newMomentum",void 0),m([(0,p.property)({type:Boolean})],t.prototype,"disableUserTextInput",void 0),m([(0,p.property)({type:Boolean,attribute:"compact-input"})],t.prototype,"compactInput",void 0),m([(0,p.property)({type:Object,attribute:!1})],t.prototype,"controlButtons",void 0),m([(0,p.property)({type:String,attribute:"positioning-strategy"})],t.prototype,"positioningStrategy",void 0),m([(0,p.property)({type:Boolean,attribute:"show-default-now-date"})],t.prototype,"showDefaultNowDate",void 0),m([(0,p.property)({type:Boolean,attribute:"use-popover"})],t.prototype,"usePopover",void 0),m([(0,p.property)({type:String,attribute:"triggerID"})],t.prototype,"triggerID",void 0),m([(0,p.property)({type:Boolean,reflect:!0,attribute:"animation-frame"})],t.prototype,"animationFrame",void 0),m([(0,p.property)({type:Boolean,reflect:!0,attribute:"is-date-picker-month-loading"})],t.prototype,"isDatePickerMonthLoading",void 0),m([(0,p.property)({type:Boolean,reflect:!0,attribute:"is-date-picker-month-error"})],t.prototype,"isDatePickerMonthError",void 0),m([(0,p.property)({type:Object,attribute:!1})],t.prototype,"errorMessages",void 0),m([(0,p.internalProperty)()],t.prototype,"selectedDate",void 0),m([(0,p.internalProperty)()],t.prototype,"focusedDate",void 0),m([(0,p.property)()],t.prototype,"filterDate",void 0),m([(0,p.property)({attribute:!1})],t.prototype,"onRetry",void 0),m([(0,p.internalProperty)()],t.prototype,"maxDateData",void 0),m([(0,p.internalProperty)()],t.prototype,"minDateData",void 0),m([(0,p.query)("md-menu-overlay")],t.prototype,"menuOverlay",void 0),m([(0,p.query)("md-popover")],t.prototype,"popoverElement",void 0),t=m([(0,s.w)("md-datepicker")],t),e.ELEMENT=t}(r||(r={}))},40333:e=>{e.exports=r},41488:t=>{t.exports=e},60554:e=>{e.exports=l},65796:e=>{e.exports=a},68250:e=>{e.exports=u},69371:e=>{e.exports=m},73679:e=>{e.exports=g},84157:e=>{e.exports=c},85314:e=>{e.exports=n},97822:e=>{e.exports=o}},b={};function S(e){var t=b[e];if(void 0!==t)return t.exports;var i=b[e]={exports:{}};return D[e](i,i.exports,S),i.exports}S.m=D,f=[],S.O=(e,t,i,r)=>{if(!t){var o=1/0;for(n=0;n<f.length;n++){for(var[t,i,r]=f[n],a=!0,s=0;s<t.length;s++)(!1&r||o>=r)&&Object.keys(S.O).every(e=>S.O[e](t[s]))?t.splice(s--,1):(a=!1,r<o&&(o=r));if(a){f.splice(n--,1);var l=i();void 0!==l&&(e=l)}}return e}r=r||0;for(var n=f.length;n>0&&f[n-1][2]>r;n--)f[n]=f[n-1];f[n]=[t,i,r]},S.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return S.d(t,{a:t}),t},S.d=(e,t)=>{for(var i in t)S.o(t,i)&&!S.o(e,i)&&Object.defineProperty(e,i,{enumerable:!0,get:t[i]})},S.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),S.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),S.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},(()=>{var e={1586:0,6273:0};S.O.j=t=>0===e[t];var t=(t,i)=>{var r,o,[a,s,l]=i,n=0;if(a.some(t=>0!==e[t])){for(r in s)S.o(s,r)&&(S.m[r]=s[r]);if(l)var p=l(S)}for(t&&t(i);n<a.length;n++)o=a[n],S.o(e,o)&&e[o]&&e[o][0](),e[o]=0;return S.O(p)},i=self["momentum-web-components-[id]"]=self["momentum-web-components-[id]"]||[];i.forEach(t.bind(null,0)),i.push=t.bind(null,i.push.bind(i))})();var x=S.O(void 0,[750,1890,6272,6325,9217,6283,2176,6798,5830,1200,2576,8210,4977,1270,3135,1598,109,1572,6366,6396,4974,6408,1323,8004,6754,4548,7719,984,1625,7814,2555],()=>S(38654));return S.O(x)})());
|