@momentum-ui/web-components 2.24.1 → 2.24.3
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/1200.js +3 -3
- package/dist/1572.js +1 -1
- package/dist/6408.js +35 -14
- package/dist/comp/md-date-range-picker-entry.js +1 -1
- package/dist/comp/md-date-range-picker.js +1 -1
- package/dist/comp/md-date-time-picker-entry.js +1 -1
- package/dist/comp/md-date-time-picker.js +1 -1
- package/dist/comp/md-datepicker-entry.js +1 -1
- package/dist/comp/md-datepicker.js +1 -1
- package/dist/comp/md-editable-field-entry.js +10 -133
- package/dist/comp/md-editable-field.js +1 -1
- package/dist/comp/md-icon-entry.js +5 -5
- package/dist/comp/md-input-entry.js +33 -12
- package/dist/index-entry.js +176 -155
- package/dist/types/components/editable-textfield/EditableTextfield.d.ts +0 -2
- package/dist/types/components/grabber/Grabber.d.ts +1 -1
- package/dist/types/components/icon/Icon.d.ts +1 -0
- package/dist/types/components/input/Input.d.ts +39 -1
- package/package.json +1 -1
|
@@ -1,154 +1,31 @@
|
|
|
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("@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("dompurify"));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","@momentum-ui/icons/data/momentumUiIconsNames.json","@momentum-ui/utils/lib/getColorValue","mobx","lit-html/directives/class-map.js","lit-html/directives/repeat","dompurify"],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("@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("dompurify")):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["@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.dompurify);for(var s in i)("object"==typeof exports?exports:e)[s]=i[s]}}(self,(e,t,i,s,r,
|
|
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("@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("dompurify"));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","@momentum-ui/icons/data/momentumUiIconsNames.json","@momentum-ui/utils/lib/getColorValue","mobx","lit-html/directives/class-map.js","lit-html/directives/repeat","dompurify"],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("@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("dompurify")):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["@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.dompurify);for(var s in i)("object"==typeof exports?exports:e)[s]=i[s]}}(self,(e,t,i,s,r,l,o,a,n,d,p)=>(()=>{"use strict";var h,m={8229:e=>{e.exports=i},17518:e=>{e.exports=n},22818:e=>{e.exports=d},23968:e=>{e.exports=t},31347:e=>{e.exports=p},32022:e=>{e.exports=l},40333:e=>{e.exports=s},41488:t=>{t.exports=e},50565:(e,t,i)=>{i.r(t),i.d(t,{EditableTextfield:()=>v,alignment:()=>u}),i(96408);var s=i(31890),r=i(74548),l=i(26272),o=i(31347),a=i.n(o),n=i(41488),d=i(40333),p=i(23968),h=i(97822),m=i(18728),c=function(e,t,i,s){var r,l=arguments.length,o=l<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(e,t,i,s);else for(var a=e.length-1;a>=0;a--)(r=e[a])&&(o=(l<3?r(o):l>3?r(t,i,o):r(t,i))||o);return l>3&&o&&Object.defineProperty(t,i,o),o};const u=["left","right","center"];var v;!function(e){let t=class extends n.LitElement{constructor(){super(...arguments),this.alignment="left",this.disabled=!1,this.isEditing=!1,this.maxLines="",this.content="Click to edit text",this.message={type:"error",message:"That is not a valid input."},this.alert=!1,this.hideMessage=!1,this.pattern="",this.type=null,this.ariaLabel="editable field",this.ariaDescribedBy="",this.reportValidity=()=>{this.dispatchEvent(new Event("invalid",{bubbles:!1,cancelable:!0,composed:!0}))},this.checkValidity=e=>{let t=!0;const i=i=>{null===e.match(i)&&(t=!1)};if(this.pattern)i(new RegExp(this.pattern));else if(e&&this.type)switch(this.type){case"integer":i(new RegExp(r.b.integerString));break;case"decimal":i(new RegExp(r.b.decimalString))}return t},this.handleFocus=()=>{this.disabled||(this.isEditing=!0,this.setRange())},this.handleKeydown=e=>{var t,i;const{key:s,code:r}=e;if(!["Tab","Meta","Shift","Delete","Backspace","Arrow"].some(e=>r.includes(e)))if("integer"===this.type&&(s.includes(".")||"-"===s&&(null===(t=this.editableField)||void 0===t?void 0:t.innerText.includes("-"))))e.preventDefault();else if("integer"!==this.type&&"decimal"!==this.type||!r.match("Space")){if(this.type&&1===s.length){const t=((null===(i=this.editableField)||void 0===i?void 0:i.innerText.trim())||"")+s;("integer"!==this.type||/^-?\d*$/.test(t))&&("decimal"!==this.type||/^-?\d*\.?\d*$/.test(t))||e.preventDefault()}}else e.preventDefault()},this.handleBlur=()=>{var e,t,i;this.isEditing=!1,this.maxLines.length>0&&(null===(e=this.editableField)||void 0===e||e.scrollTo(0,0)),this.content=(null===(i=null===(t=this.editableField)||void 0===t?void 0:t.innerText)||void 0===i?void 0:i.trim())||"",this.alert=!1,this.handleValidation()}}connectedCallback(){super.connectedCallback(),this.addEventListener("focus",this.handleFocus)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("focus",this.handleFocus)}firstUpdated(e){super.firstUpdated(e),this.innerText&&this.innerText.length>0&&(this.content=this.innerText.trim())}setRange(){var e;if(this.editableField){const t=document.createRange(),i=window.getSelection(),s=this.editableField.childNodes[0];if(!s||s.nodeType!==Node.TEXT_NODE)return;const r=(null===(e=s.nodeValue)||void 0===e?void 0:e.length)||0;t.setStart(s,r),t.collapse(!0),i&&0===i.toString().length&&(i.removeAllRanges(),i.addRange(t)),this.maxLines.length>0&&(this.editableField.scrollTop=this.editableField.scrollHeight)}}handleValidation(){var e;(this.type||this.pattern)&&((null===(e=this.checkValidity)||void 0===e?void 0:e.call(this,this.content))||(this.reportValidity(),this.showAlert()))}showAlert(){this.alert=!0}static get styles(){return[l.A,m.A]}get overflowStyles(){return this.maxLines.length&&this.maxLines.length>0&&`max-height: ${2*parseInt(this.maxLines)}rem; -webkit-line-clamp: ${this.maxLines}; word-break: break-all;`}messagesTemplate(){var e,t,i;return this.alert?n.html`
|
|
2
2
|
<div class="md-editable-textfield__messages" style="display: ${this.hideMessage?"none":"block"}">
|
|
3
3
|
<md-help-text
|
|
4
4
|
id="alert-message"
|
|
5
5
|
role="alert"
|
|
6
6
|
aria-live="assertive"
|
|
7
7
|
.messageType=${null===(e=this.message)||void 0===e?void 0:e.type}
|
|
8
|
-
aria-errormessage=${(0,
|
|
8
|
+
aria-errormessage=${(0,h.ifDefined)(null===(t=this.message)||void 0===t?void 0:t.message)}
|
|
9
9
|
>
|
|
10
10
|
${null===(i=this.message)||void 0===i?void 0:i.message}
|
|
11
11
|
</md-help-text>
|
|
12
12
|
</div>
|
|
13
|
-
`:
|
|
13
|
+
`:d.nothing}render(){var e;const t={[`md-editable-textfield--${this.alignment}`]:this.alignment,"md-editable-textfield--disabled":this.disabled,[`md-editable-textfield--${null===(e=this.message)||void 0===e?void 0:e.type}`]:this.alert&&!!this.message,"md-editable-textfield--textoverflow":this.maxLines.length>0&&!this.isEditing};return n.html`
|
|
14
14
|
<div
|
|
15
15
|
part="editable-textfield"
|
|
16
16
|
style="${this.overflowStyles}"
|
|
17
|
-
class="md-editable-textfield ${(0,
|
|
18
|
-
role=${(0,
|
|
17
|
+
class="md-editable-textfield ${(0,p.classMap)(t)}"
|
|
18
|
+
role=${(0,h.ifDefined)(this.disabled?void 0:"textbox")}
|
|
19
19
|
tabindex=${this.disabled?"-1":"0"}
|
|
20
20
|
?contenteditable=${this.isEditing}
|
|
21
21
|
@focus=${this.handleFocus}
|
|
22
22
|
@blur=${this.handleBlur}
|
|
23
23
|
@keydown=${e=>{this.handleKeydown(e)}}
|
|
24
|
-
aria-invalid=${(0,
|
|
25
|
-
aria-label=${(0,
|
|
26
|
-
aria-describedby=${(0,
|
|
24
|
+
aria-invalid=${(0,h.ifDefined)(this.disabled?void 0:this.alert?"true":"false")}
|
|
25
|
+
aria-label=${(0,h.ifDefined)(this.disabled?void 0:this.ariaLabel)}
|
|
26
|
+
aria-describedby=${(0,h.ifDefined)(this.disabled?void 0:this.ariaDescribedBy)}
|
|
27
27
|
>
|
|
28
|
-
${
|
|
28
|
+
${a().sanitize(this.content)}
|
|
29
29
|
</div>
|
|
30
30
|
${this.messagesTemplate()}
|
|
31
|
-
`}};c([(0,
|
|
32
|
-
<textarea
|
|
33
|
-
part="input"
|
|
34
|
-
class="md-input ${(0,p.classMap)(this.inputTemplateClassMap)}"
|
|
35
|
-
@blur=${e=>this.handleBlur(e)}
|
|
36
|
-
@input=${e=>this.handleChange(e)}
|
|
37
|
-
@focus=${e=>this.handleFocus(e)}
|
|
38
|
-
@keydown=${e=>this.handleKeyDown(e)}
|
|
39
|
-
@mousedown=${e=>this.handleMouseDown(e)}
|
|
40
|
-
tabindex="0"
|
|
41
|
-
.value=${this.value}
|
|
42
|
-
aria-describedby=${this.ariaDescribedBy}
|
|
43
|
-
?required=${this.required}
|
|
44
|
-
?autofocus=${this.autofocus}
|
|
45
|
-
aria-label=${this.ariaLabel}
|
|
46
|
-
aria-invalid=${this.ariaInvalid}
|
|
47
|
-
aria-errormessage="${this.htmlId}-message"
|
|
48
|
-
aria-disabled=${(0,h.ifDefined)(this.disabled||void 0)}
|
|
49
|
-
id=${this.htmlId}
|
|
50
|
-
placeholder=${this.placeholder}
|
|
51
|
-
?readonly=${this.readOnly}
|
|
52
|
-
maxlength=${(0,h.ifDefined)(this.maxLength)}
|
|
53
|
-
></textarea>
|
|
54
|
-
`:n.html`
|
|
55
|
-
<input
|
|
56
|
-
part="input"
|
|
57
|
-
class="md-input ${(0,p.classMap)(this.inputTemplateClassMap)}"
|
|
58
|
-
@blur=${e=>this.handleBlur(e)}
|
|
59
|
-
@input=${e=>this.handleChange(e)}
|
|
60
|
-
@focus=${e=>this.handleFocus(e)}
|
|
61
|
-
@keydown=${e=>this.handleKeyDown(e)}
|
|
62
|
-
@mousedown=${e=>this.handleMouseDown(e)}
|
|
63
|
-
tabindex="0"
|
|
64
|
-
?required=${this.required}
|
|
65
|
-
?autofocus=${this.autofocus}
|
|
66
|
-
type=${this.type}
|
|
67
|
-
.value=${this.value}
|
|
68
|
-
aria-describedby=${this.ariaDescribedBy}
|
|
69
|
-
aria-controls=${this.ariaControls}
|
|
70
|
-
aria-expanded=${(0,h.ifDefined)(null!==(e=this.ariaExpandedValue)&&void 0!==e?e:void 0)}
|
|
71
|
-
aria-label=${this.ariaLabel}
|
|
72
|
-
aria-invalid=${this.ariaInvalid}
|
|
73
|
-
aria-errormessage=${`${this.htmlId}-message`}
|
|
74
|
-
aria-disabled=${(0,h.ifDefined)(this.disabled||void 0)}
|
|
75
|
-
id=${this.htmlId}
|
|
76
|
-
role=${this.role}
|
|
77
|
-
placeholder=${this.placeholder}
|
|
78
|
-
?readonly=${this.readOnly||this.disabled||this.disableUserTextInput}
|
|
79
|
-
min=${(0,h.ifDefined)(this.min)}
|
|
80
|
-
max=${(0,h.ifDefined)(this.max)}
|
|
81
|
-
maxlength=${(0,h.ifDefined)(this.maxLength)}
|
|
82
|
-
/>
|
|
83
|
-
`}inputLeftTemplate(){return this.searchable?n.html`
|
|
84
|
-
<div class="md-input__before">
|
|
85
|
-
${this.isLoading?n.html` <md-spinner size="20"></md-spinner> `:n.html` <md-icon ariaHidden="true" name="search-bold" size="16" iconSet="momentumDesign"></md-icon> `}
|
|
86
|
-
</div>
|
|
87
|
-
`:"before"===this.auxiliaryContentPosition?n.html`
|
|
88
|
-
<div class="md-input__before">
|
|
89
|
-
<slot name="input-section"> </slot>
|
|
90
|
-
</div>
|
|
91
|
-
`:d.nothing}get inputRightTemplateClassMap(){return{"md-input__after":!0,hidden:!this.hasRightIcon}}inputRightTemplate(){return this.clear&&!this.disabled&&this.value&&!this.readOnly?n.html`
|
|
92
|
-
<div class="md-input__after">
|
|
93
|
-
<md-button
|
|
94
|
-
hasRemoveStyle
|
|
95
|
-
@click=${e=>this.handleClear(e)}
|
|
96
|
-
@keydown=${e=>this.handleClear(e)}
|
|
97
|
-
size="20"
|
|
98
|
-
circle
|
|
99
|
-
>
|
|
100
|
-
<md-icon
|
|
101
|
-
class="md-input__icon-clear"
|
|
102
|
-
name="cancel-bold"
|
|
103
|
-
size="14"
|
|
104
|
-
iconSet="momentumDesign"
|
|
105
|
-
aria-label=${this.clearAriaLabel||"Clear Input"}
|
|
106
|
-
>
|
|
107
|
-
</md-icon>
|
|
108
|
-
</md-button>
|
|
109
|
-
</div>
|
|
110
|
-
`:this.compact?void 0:n.html`
|
|
111
|
-
<div class=${(0,p.classMap)(this.inputRightTemplateClassMap)}>
|
|
112
|
-
<slot name="input-section-right" @slotchange=${this.handleRighSlotChange}></slot>
|
|
113
|
-
</div>
|
|
114
|
-
`}secondaryLabelTemplate(){return this.secondaryLabel?n.html`
|
|
115
|
-
<md-label
|
|
116
|
-
class="md-input__secondary-label ${(0,p.classMap)({disabled:this.disabled,newMomentum:this.newMomentum})}"
|
|
117
|
-
secondaryLabel
|
|
118
|
-
.htmlFor=${this.htmlId}
|
|
119
|
-
.label=${this.secondaryLabel}
|
|
120
|
-
@label-click="${()=>this.handleLabelClick()}"
|
|
121
|
-
></md-label>
|
|
122
|
-
`:d.nothing}helpTextTemplate(){return this.helpText?n.html`
|
|
123
|
-
<md-help-text
|
|
124
|
-
class="help-text ${(0,p.classMap)({disabled:this.disabled,newMomentum:this.newMomentum})}"
|
|
125
|
-
.message=${this.helpText}
|
|
126
|
-
style=${(0,u.styleMap)({width:"100%"})}
|
|
127
|
-
></md-help-text>
|
|
128
|
-
`:d.nothing}messagesTemplate(){return!this.hideMessage&&this.messages&&this.messages.length?n.html`
|
|
129
|
-
<div id="${this.htmlId}-message" part="message" class="md-input__messages">
|
|
130
|
-
${(0,m.repeat)(this.messages,(e,t)=>{var i,s;return n.html`
|
|
131
|
-
<md-help-text
|
|
132
|
-
.message=${e}
|
|
133
|
-
.id=${null!==(i=this.messageArr[t].id)&&void 0!==i?i:""}
|
|
134
|
-
.ariaLive=${null!==(s=this.messageArr[t].ariaLive)&&void 0!==s?s:"polite"}
|
|
135
|
-
.messageType=${this.messageType}
|
|
136
|
-
></md-help-text>
|
|
137
|
-
`})}
|
|
138
|
-
</div>
|
|
139
|
-
`:d.nothing}labelTemplate(){return this.label?n.html`
|
|
140
|
-
<md-label
|
|
141
|
-
class="md-input__label ${(0,p.classMap)({disabled:this.disabled,newMomentum:this.newMomentum})}"
|
|
142
|
-
.htmlFor=${this.htmlId}
|
|
143
|
-
.label=${this.label}
|
|
144
|
-
@label-click="${()=>this.handleLabelClick()}"
|
|
145
|
-
></md-label>
|
|
146
|
-
`:d.nothing}static get styles(){return[o.A,c.A]}render(){return n.html`
|
|
147
|
-
<div class="md-input-container ${(0,p.classMap)(this.inputClassMap)}" part="md-input-container">
|
|
148
|
-
${this.labelTemplate()}
|
|
149
|
-
<div class="md-input__wrapper ${(0,p.classMap)(this.inputWrapperClassMap)}">
|
|
150
|
-
${this.inputLeftTemplate()} ${this.inputTemplate()} ${this.inputRightTemplate()}
|
|
151
|
-
</div>
|
|
152
|
-
${this.messagesTemplate()} ${this.secondaryLabelTemplate()} ${this.helpTextTemplate()}
|
|
153
|
-
</div>
|
|
154
|
-
`}};y([(0,n.property)({type:String})],i.prototype,"ariaDescribedBy",void 0),y([(0,n.property)({type:String,reflect:!0})],i.prototype,"ariaInvalid",void 0),y([(0,n.property)({type:String})],i.prototype,"ariaLabel",void 0),y([(0,n.property)({type:Boolean,reflect:!0})],i.prototype,"autofocus",void 0),y([(0,n.property)({type:String})],i.prototype,"auxiliaryContentPosition",void 0),y([(0,n.property)({type:Boolean})],i.prototype,"clear",void 0),y([(0,n.property)({type:String})],i.prototype,"clearAriaLabel",void 0),y([(0,n.property)({type:Boolean})],i.prototype,"compact",void 0),y([(0,n.property)({type:String})],i.prototype,"containerSize",void 0),y([(0,n.property)({type:Boolean})],i.prototype,"disabled",void 0),y([(0,n.property)({type:String})],i.prototype,"id",void 0),y([(0,n.property)({type:String})],i.prototype,"inputSize",void 0),y([(0,n.property)({type:Boolean})],i.prototype,"isFilled",void 0),y([(0,n.property)({type:Boolean})],i.prototype,"isLoading",void 0),y([(0,n.property)({type:String})],i.prototype,"label",void 0),y([(0,n.property)({type:String})],i.prototype,"helpText",void 0),y([(0,n.property)({type:Boolean,attribute:"hide-message",reflect:!0})],i.prototype,"hideMessage",void 0),y([(0,n.property)({type:String})],i.prototype,"htmlId",void 0),y([(0,n.property)({type:String})],i.prototype,"role",void 0),y([(0,n.property)({type:Array})],i.prototype,"messageArr",void 0),y([(0,n.property)({type:Number,reflect:!0})],i.prototype,"min",void 0),y([(0,n.property)({type:Number,reflect:!0})],i.prototype,"max",void 0),y([(0,n.property)({type:Number})],i.prototype,"maxLength",void 0),y([(0,n.property)({type:Boolean})],i.prototype,"multi",void 0),y([(0,n.property)({type:Boolean})],i.prototype,"multiline",void 0),y([(0,n.property)({type:String,reflect:!0})],i.prototype,"name",void 0),y([(0,n.property)({type:Number})],i.prototype,"nestedLevel",void 0),y([(0,n.property)({type:String})],i.prototype,"placeholder",void 0),y([(0,n.property)({type:Boolean})],i.prototype,"readOnly",void 0),y([(0,n.property)({type:Boolean})],i.prototype,"required",void 0),y([(0,n.property)({type:Boolean})],i.prototype,"searchable",void 0),y([(0,n.property)({type:String})],i.prototype,"secondaryLabel",void 0),y([(0,n.property)({type:Boolean,attribute:"select-when-in-focus"})],i.prototype,"selectWhenInFocus",void 0),y([(0,n.property)({type:String})],i.prototype,"shape",void 0),y([(0,n.property)({type:String})],i.prototype,"type",void 0),y([(0,n.property)({type:String,reflect:!0})],i.prototype,"value",void 0),y([(0,n.property)({type:String})],i.prototype,"ariaControls",void 0),y([(0,n.property)({type:String})],i.prototype,"ariaExpanded",void 0),y([(0,n.property)({type:Boolean})],i.prototype,"newMomentum",void 0),y([(0,n.property)({type:Object})],i.prototype,"control",void 0),y([(0,n.property)({type:Boolean})],i.prototype,"disableUserTextInput",void 0),y([(0,n.query)(".md-input")],i.prototype,"input",void 0),y([(0,n.internalProperty)()],i.prototype,"isEditing",void 0),y([(0,n.query)('slot[name="input-section-right"]')],i.prototype,"inputSectionRightSlot",void 0),y([(0,n.internalProperty)()],i.prototype,"hasRightSlotContent",void 0),i=y([(0,a.w)("md-input")],i),e.ELEMENT=i}(s||(s={}))},97822:e=>{e.exports=r}},u={};function c(e){var t=u[e];if(void 0!==t)return t.exports;var i=u[e]={exports:{}};return m[e](i,i.exports,c),i.exports}c.m=m,h=[],c.O=(e,t,i,s)=>{if(!t){var r=1/0;for(n=0;n<h.length;n++){for(var[t,i,s]=h[n],a=!0,l=0;l<t.length;l++)(!1&s||r>=s)&&Object.keys(c.O).every(e=>c.O[e](t[l]))?t.splice(l--,1):(a=!1,s<r&&(r=s));if(a){h.splice(n--,1);var o=i();void 0!==o&&(e=o)}}return e}s=s||0;for(var n=h.length;n>0&&h[n-1][2]>s;n--)h[n]=h[n-1];h[n]=[t,i,s]},c.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return c.d(t,{a:t}),t},c.d=(e,t)=>{for(var i in t)c.o(t,i)&&!c.o(e,i)&&Object.defineProperty(e,i,{enumerable:!0,get:t[i]})},c.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),c.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},(()=>{var e={1266:0,1807:0,6408:0};c.O.j=t=>0===e[t];var t=(t,i)=>{var s,r,[a,l,o]=i,n=0;if(a.some(t=>0!==e[t])){for(s in l)c.o(l,s)&&(c.m[s]=l[s]);if(o)var d=o(c)}for(t&&t(i);n<a.length;n++)r=a[n],c.o(e,r)&&e[r]&&e[r][0](),e[r]=0;return c.O(d)},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 y=c.O(void 0,[6633,1890,6272,6325,6283,9217,2176,6798,5830,1200,2576,8210,4977,1270,1598,109,1572,6396,4548,8728],()=>c(50565));return c.O(y)})());
|
|
31
|
+
`}};c([(0,n.property)({type:String})],t.prototype,"alignment",void 0),c([(0,n.property)({type:Boolean})],t.prototype,"disabled",void 0),c([(0,n.property)({type:Boolean})],t.prototype,"isEditing",void 0),c([(0,n.property)({type:String,attribute:"max-lines",reflect:!0})],t.prototype,"maxLines",void 0),c([(0,n.property)({type:String,reflect:!0})],t.prototype,"content",void 0),c([(0,n.property)({type:Object})],t.prototype,"message",void 0),c([(0,n.property)({type:Boolean,reflect:!0})],t.prototype,"alert",void 0),c([(0,n.property)({type:Boolean})],t.prototype,"hideMessage",void 0),c([(0,n.property)({type:String})],t.prototype,"pattern",void 0),c([(0,n.property)({type:String})],t.prototype,"type",void 0),c([(0,n.property)({type:String})],t.prototype,"ariaLabel",void 0),c([(0,n.property)({type:String,attribute:"aria-described-by"})],t.prototype,"ariaDescribedBy",void 0),c([(0,n.query)(".md-editable-textfield")],t.prototype,"editableField",void 0),t=c([(0,s.w)("md-editable-field")],t),e.ELEMENT=t}(v||(v={}))},60554:e=>{e.exports=o},85314:e=>{e.exports=a},97822:e=>{e.exports=r}},c={};function u(e){var t=c[e];if(void 0!==t)return t.exports;var i=c[e]={exports:{}};return m[e](i,i.exports,u),i.exports}u.m=m,h=[],u.O=(e,t,i,s)=>{if(!t){var r=1/0;for(n=0;n<h.length;n++){for(var[t,i,s]=h[n],l=!0,o=0;o<t.length;o++)(!1&s||r>=s)&&Object.keys(u.O).every(e=>u.O[e](t[o]))?t.splice(o--,1):(l=!1,s<r&&(r=s));if(l){h.splice(n--,1);var a=i();void 0!==a&&(e=a)}}return e}s=s||0;for(var n=h.length;n>0&&h[n-1][2]>s;n--)h[n]=h[n-1];h[n]=[t,i,s]},u.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return u.d(t,{a:t}),t},u.d=(e,t)=>{for(var i in t)u.o(t,i)&&!u.o(e,i)&&Object.defineProperty(e,i,{enumerable:!0,get:t[i]})},u.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),u.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},(()=>{var e={1807:0};u.O.j=t=>0===e[t];var t=(t,i)=>{var s,r,[l,o,a]=i,n=0;if(l.some(t=>0!==e[t])){for(s in o)u.o(o,s)&&(u.m[s]=o[s]);if(a)var d=a(u)}for(t&&t(i);n<l.length;n++)r=l[n],u.o(e,r)&&e[r]&&e[r][0](),e[r]=0;return u.O(d)},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 v=u.O(void 0,[6633,1890,6272,6325,6283,9217,2176,6798,5830,1200,2576,8210,4977,1270,1598,109,1572,6396,6408,4548,8728],()=>u(50565));return u.O(v)})());
|
|
@@ -1 +1 @@
|
|
|
1
|
-
require("../6633"),require("../1890"),require("../6272"),require("../6325"),require("../6283"),require("../9217"),require("../2176"),require("../6798"),require("../5830"),require("../1200"),require("../2576"),require("../8210"),require("../4977"),require("../1270"),require("../1598"),require("../109"),require("../1572"),require("../6396"),require("../4548"),require("../8728"),module.exports=require("../comp/md-editable-field-entry");
|
|
1
|
+
require("../6633"),require("../1890"),require("../6272"),require("../6325"),require("../6283"),require("../9217"),require("../2176"),require("../6798"),require("../5830"),require("../1200"),require("../2576"),require("../8210"),require("../4977"),require("../1270"),require("../1598"),require("../109"),require("../1572"),require("../6396"),require("../6408"),require("../4548"),require("../8728"),module.exports=require("../comp/md-editable-field-entry");
|
|
@@ -1,13 +1,13 @@
|
|
|
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/directives/style-map"),require("lit-html"),require("lit-html/directives/if-defined"),require("@momentum-ui/icons/data/momentumUiIconsNames.json"),require("@momentum-ui/utils/lib/getColorValue"),require("mobx"));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","@momentum-ui/icons/data/momentumUiIconsNames.json","@momentum-ui/utils/lib/getColorValue","mobx"],e);else{var i="object"==typeof exports?e(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("@momentum-ui/icons/data/momentumUiIconsNames.json"),require("@momentum-ui/utils/lib/getColorValue"),require("mobx")):e(t["lit-element"],t["lit-html/directives/class-map"],t["lit-html/directives/style-map"],t["lit-html"],t["lit-html/directives/if-defined"],t["@momentum-ui/icons/data/momentumUiIconsNames.json"],t["@momentum-ui/utils/lib/getColorValue"],t.mobx);for(var o in i)("object"==typeof exports?exports:t)[o]=i[o]}}(self,(t,e,i,o,n,s,r,l)=>(()=>{"use strict";var c,a={8229:t=>{t.exports=i},23968:t=>{t.exports=e},32022:t=>{t.exports=s},40333:t=>{t.exports=o},41488:e=>{e.exports=t},60554:t=>{t.exports=r},61200:(t,e,i)=>{i.r(e),i.d(e,{Icon:()=>x,iconSet:()=>I,iconSize:()=>b,iconType:()=>S}),i(96798);var o=i(31890),n=i(26272),s=i(32022),r=i.n(s),l=i(60554),c=i.n(l),a=i(41488),m=i(40333),u=i(23968),
|
|
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/directives/style-map"),require("lit-html"),require("lit-html/directives/if-defined"),require("@momentum-ui/icons/data/momentumUiIconsNames.json"),require("@momentum-ui/utils/lib/getColorValue"),require("mobx"));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","@momentum-ui/icons/data/momentumUiIconsNames.json","@momentum-ui/utils/lib/getColorValue","mobx"],e);else{var i="object"==typeof exports?e(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("@momentum-ui/icons/data/momentumUiIconsNames.json"),require("@momentum-ui/utils/lib/getColorValue"),require("mobx")):e(t["lit-element"],t["lit-html/directives/class-map"],t["lit-html/directives/style-map"],t["lit-html"],t["lit-html/directives/if-defined"],t["@momentum-ui/icons/data/momentumUiIconsNames.json"],t["@momentum-ui/utils/lib/getColorValue"],t.mobx);for(var o in i)("object"==typeof exports?exports:t)[o]=i[o]}}(self,(t,e,i,o,n,s,r,l)=>(()=>{"use strict";var c,a={8229:t=>{t.exports=i},23968:t=>{t.exports=e},32022:t=>{t.exports=s},40333:t=>{t.exports=o},41488:e=>{e.exports=t},60554:t=>{t.exports=r},61200:(t,e,i)=>{i.r(e),i.d(e,{Icon:()=>x,iconSet:()=>I,iconSize:()=>b,iconType:()=>S}),i(96798);var o=i(31890),n=i(26272),s=i(32022),r=i.n(s),l=i(60554),c=i.n(l),a=i(41488),m=i(40333),u=i(23968),h=i(97822),d=i(8229),p=i(57955),v=i(66873),g=i(81786),y=i(9223),f=function(t,e,i,o){var n,s=arguments.length,r=s<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(t,e,i,o);else for(var l=t.length-1;l>=0;l--)(n=t[l])&&(r=(s<3?n(r):s>3?n(e,i,r):n(e,i))||r);return s>3&&r&&Object.defineProperty(e,i,r),r};const b=["14","16","18","20","28","36","56",14,16,18,20,28,36,56],S=["","white"],I=["momentumUI","preferMomentumDesign","momentumDesign","momentumBrandVisuals","svg"];var x;!function(t){var e;let i=e=class extends a.LitElement{constructor(){super(...arguments),this.color="",this.description="",this.name="",this.id="",this.size="",this.title="",this.ariaHidden=null,this.type="",this.isActive=!1,this.isComboBoxIcon=!1,this.sizeOverrided=!1,this.iconSet="momentumUI",this.svgIcon=null,this._ariaLabel="",this.consoleHandler=(t,e)=>{switch(t){case"color-warn":console.warn(`[@momentum-ui/web-component] Icon: ${e} may not exist in the design system, please use a color name from https://momentum.design/styles/color/style`);break;case"name-error":console.warn(`[@momentum-ui/web-component] Icon: Icon ${e} does not exist in the design system. Visit https://momentum.design/icons for a list of available icons or to request a new icon.`)}}}isSvgAlreadyLoaded(t){var e,i;return!!this.svgIcon&&(null===(i=null===(e=this.svgIcon)||void 0===e?void 0:e.getAttribute("class"))||void 0===i?void 0:i.includes(t))}loadSvgIcon(t){return e=this,i=void 0,n=function*(){var e,i;if(this.isSvgAlreadyLoaded(t))return;const o="momentumBrandVisuals"===this.iconSet||"svg"===this.iconSet?yield(0,y.Jp)(this.computedSvgPath,t,"svg"):yield(0,y.D6)(t);o&&(this.svgIcon=o,null===(e=this.svgIcon)||void 0===e||e.setAttribute("class",`icon ${t}`),null===(i=this.svgIcon)||void 0===i||i.setAttribute("part","icon"),this.setSvgIconAttributes(),this.requestUpdate())},new((o=void 0)||(o=Promise))(function(t,s){function r(t){try{c(n.next(t))}catch(t){s(t)}}function l(t){try{c(n.throw(t))}catch(t){s(t)}}function c(e){var i;e.done?t(e.value):(i=e.value,i instanceof o?i:new o(function(t){t(i)})).then(r,l)}c((n=n.apply(e,i||[])).next())});var e,i,o,n}setSvgIconAttributes(){this.svgIcon&&(this.iconFontSize&&this.svgIcon.setAttribute("width",`${this.iconFontSize}px`),this.iconFontSize&&this.svgIcon.setAttribute("height",`${this.iconFontSize}px`),this.color?this.svgIcon.setAttribute("fill",this.iconColor):this.svgIcon.setAttribute("fill","currentColor"))}get computedSvgPath(){return this.svgUrl?this.svgUrl:g.O.svgIconUrl}getIsMomentumDesignName(t){return t.endsWith("-filled")||t.endsWith("-light")||t.endsWith("-regular")||t.endsWith("-bold")}get svgIconName(){if("momentumDesign"===this.iconSet||"momentumBrandVisuals"===this.iconSet||"svg"===this.iconSet)return this.name;if("preferMomentumDesign"===this.iconSet&&this.getIsMomentumDesignName(this.name))return this.name;const t=this.momentumUIIconLookupName,i=e.designLookup.get(t);return null!=i?i:t}updated(t){if(super.updated(t),this.doesIconSetSupportSVG)if(t.has("name")||t.has("iconSet")){const t=this.svgIconName;t&&"Unknown"!==t&&this.loadSvgIcon(t)}else(t.has("iconFontSize")||t.has("color"))&&this.setSvgIconAttributes()}get ariaLabel(){return this._ariaLabel?this._ariaLabel:this.title&&this.description?`${this.title} ${this.description}`:this.title?this.title:this.description?this.description:"icon"}set ariaLabel(t){const e=this._ariaLabel;this._ariaLabel=t,this.requestUpdate("ariaLabel",e)}get buttonClassMap(){return{[`md-button--icon-${this.type}`]:!!this.type}}get iconFontSize(){const t=this.name.split("_")[1];return this.size||t||16}get iconColor(){return this.color.startsWith("#")?(this.consoleHandler("color-warn",this.color),this.color):this.color.startsWith("var(")?this.color:c()(this.color)}get iconClassMap(){return{"md-combobox-input__icon":this.isComboBoxIcon,"md-combobox-input__icon--active":this.isComboBoxIcon&&this.isActive,[`${this.iconName}`]:!!this.iconName}}get momentumUIIconLookupName(){let t=this.name;return t=t.startsWith("icon-")?t.substring(5):t,t=t.split("_")[0],t}getIconName(){let t=this.name;return t=t.startsWith("icon-")?t.substring(5):t,t}handleSizeOverride(t){return`${t.split("_")[0]}_${this.iconFontSize}`}get iconName(){const t=this.getIconName();return this.sizeOverrided?this.handleSizeOverride(t):"preferMomentumDesign"===this.iconSet&&this.getIsMomentumDesignName(this.name)?"":r().includes(t)||""===t?`icon-${t}`:this.consoleHandler("name-error",t)}get iconStyleMap(){return Object.assign(Object.assign({},this.iconFontSize&&{"font-size":`${this.iconFontSize}px`}),this.color&&{color:this.iconColor})}static get styles(){return[n.A,v.A]}handleIconClick(t){this.dispatchEvent(new CustomEvent("icon-click",{bubbles:!0,composed:!0,detail:{srcEvent:t}}))}get doesIconSetSupportSVG(){return"momentumDesign"===this.iconSet||"preferMomentumDesign"===this.iconSet||"momentumBrandVisuals"===this.iconSet||"svg"===this.iconSet}get isSVGRender(){return this.svgIcon&&"preferMomentumDesign"===this.iconSet||"momentumDesign"===this.iconSet||"momentumBrandVisuals"===this.iconSet||"svg"===this.iconSet}render(){return this.isSVGRender?this.renderSVGIcon():this.renderFontIcon()}renderFontIcon(){var t;return a.html`
|
|
2
2
|
<i
|
|
3
3
|
part="icon"
|
|
4
4
|
id=${this.id}
|
|
5
5
|
class="md-icon icon ${(0,u.classMap)(this.iconClassMap)}"
|
|
6
|
-
style=${(0,
|
|
6
|
+
style=${(0,d.styleMap)(this.iconStyleMap)}
|
|
7
7
|
role="img"
|
|
8
8
|
aria-label=${this.ariaLabel}
|
|
9
9
|
title=${this.title}
|
|
10
|
-
aria-hidden=${(0,
|
|
10
|
+
aria-hidden=${(0,h.ifDefined)(null!==(t=this.ariaHidden)&&void 0!==t?t:void 0)}
|
|
11
11
|
@click=${t=>this.handleIconClick(t)}
|
|
12
12
|
>
|
|
13
13
|
</i>
|
|
@@ -18,9 +18,9 @@
|
|
|
18
18
|
role="img"
|
|
19
19
|
aria-label=${this.ariaLabel}
|
|
20
20
|
title=${this.title}
|
|
21
|
-
aria-hidden=${(0,
|
|
21
|
+
aria-hidden=${(0,h.ifDefined)(null!==(t=this.ariaHidden)&&void 0!==t?t:void 0)}
|
|
22
22
|
@click=${t=>this.handleIconClick(t)}
|
|
23
23
|
>
|
|
24
24
|
${this.svgIcon?this.svgIcon:m.nothing}
|
|
25
25
|
</div>
|
|
26
|
-
`}};i.designLookup=new Map(Object.entries(
|
|
26
|
+
`}};i.designLookup=new Map(Object.entries(p)),f([(0,a.property)({type:String})],i.prototype,"color",void 0),f([(0,a.property)({type:String})],i.prototype,"description",void 0),f([(0,a.property)({type:String})],i.prototype,"name",void 0),f([(0,a.property)({type:String})],i.prototype,"id",void 0),f([(0,a.property)({type:String})],i.prototype,"size",void 0),f([(0,a.property)({type:String})],i.prototype,"title",void 0),f([(0,a.property)({type:String})],i.prototype,"ariaHidden",void 0),f([(0,a.property)({type:String})],i.prototype,"type",void 0),f([(0,a.property)({type:Boolean})],i.prototype,"isActive",void 0),f([(0,a.property)({type:Boolean})],i.prototype,"isComboBoxIcon",void 0),f([(0,a.property)({type:Boolean})],i.prototype,"sizeOverrided",void 0),f([(0,a.property)({type:String})],i.prototype,"iconSet",void 0),f([(0,a.property)({type:String,attribute:"svg-url"})],i.prototype,"svgUrl",void 0),f([(0,a.internalProperty)()],i.prototype,"svgIcon",void 0),f([(0,a.property)({type:String})],i.prototype,"ariaLabel",null),i=e=f([(0,o.w)("md-icon")],i),t.ELEMENT=i}(x||(x={}))},85314:t=>{t.exports=l},97822:t=>{t.exports=n}},m={};function u(t){var e=m[t];if(void 0!==e)return e.exports;var i=m[t]={exports:{}};return a[t](i,i.exports,u),i.exports}u.m=a,c=[],u.O=(t,e,i,o)=>{if(!e){var n=1/0;for(a=0;a<c.length;a++){for(var[e,i,o]=c[a],s=!0,r=0;r<e.length;r++)(!1&o||n>=o)&&Object.keys(u.O).every(t=>u.O[t](e[r]))?e.splice(r--,1):(s=!1,o<n&&(n=o));if(s){c.splice(a--,1);var l=i();void 0!==l&&(t=l)}}return t}o=o||0;for(var a=c.length;a>0&&c[a-1][2]>o;a--)c[a]=c[a-1];c[a]=[e,i,o]},u.n=t=>{var e=t&&t.__esModule?()=>t.default:()=>t;return u.d(e,{a:e}),e},u.d=(t,e)=>{for(var i in e)u.o(e,i)&&!u.o(t,i)&&Object.defineProperty(t,i,{enumerable:!0,get:e[i]})},u.o=(t,e)=>Object.prototype.hasOwnProperty.call(t,e),u.r=t=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},(()=>{var t={1200:0,7927:0};u.O.j=e=>0===t[e];var e=(e,i)=>{var o,n,[s,r,l]=i,c=0;if(s.some(e=>0!==t[e])){for(o in r)u.o(r,o)&&(u.m[o]=r[o]);if(l)var a=l(u)}for(e&&e(i);c<s.length;c++)n=s[c],u.o(t,n)&&t[n]&&t[n][0](),t[n]=0;return u.O(a)},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 h=u.O(void 0,[6633,1890,6272,6325,6283,9217,2176,6798,5830,2576],()=>u(61200));return u.O(h)})());
|
|
@@ -1,4 +1,4 @@
|
|
|
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("@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"));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","@momentum-ui/icons/data/momentumUiIconsNames.json","@momentum-ui/utils/lib/getColorValue","mobx","lit-html/directives/class-map.js","lit-html/directives/repeat"],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("@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")):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["@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"]);for(var s in i)("object"==typeof exports?exports:e)[s]=i[s]}}(self,(e,t,i,s,a,
|
|
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("@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"));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","@momentum-ui/icons/data/momentumUiIconsNames.json","@momentum-ui/utils/lib/getColorValue","mobx","lit-html/directives/class-map.js","lit-html/directives/repeat"],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("@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")):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["@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"]);for(var s in i)("object"==typeof exports?exports:e)[s]=i[s]}}(self,(e,t,i,s,a,o,r,l,n,p)=>(()=>{"use strict";var d,h={8229:e=>{e.exports=i},17518:e=>{e.exports=n},22818:e=>{e.exports=p},23968:e=>{e.exports=t},32022:e=>{e.exports=o},40333:e=>{e.exports=s},41488:t=>{t.exports=e},60554:e=>{e.exports=r},85314:e=>{e.exports=l},96408:(e,t,i)=>{i.r(t),i.d(t,{Input:()=>S,ariaInvalidType:()=>C,containerSize:()=>v,iconNames:()=>$,iconPosition:()=>x,inputShape:()=>f,inputSize:()=>g,inputType:()=>b,nestedLevel:()=>w}),i(20109),i(61200),i(6396),i(12176);var s=i(90195),a=i(31890),o=i(32972),r=i(26272),l=i(32022),n=i(41488),p=i(40333),d=i(23968),h=i(97822),m=i(22818),u=i(8229),c=i(21572),y=function(e,t,i,s){var a,o=arguments.length,r=o<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,i,s);else for(var l=e.length-1;l>=0;l--)(a=e[l])&&(r=(o<3?a(r):o>3?a(t,i,r):a(t,i))||r);return o>3&&r&&Object.defineProperty(t,i,r),r};const v=["small-1","small-2","small-3","small-4","small-5","small-6","small-7","small-8","small-9","small-10","small-11","small-12","medium-1","medium-2","medium-3","medium-4","medium-5","medium-6","medium-7","medium-8","medium-9","medium-10","medium-11","medium-12","large-1","large-2","large-3","large-4","large-5","large-6","large-7","large-8","large-9","large-10","large-11","large-12"],g=["small-1","small-2","small-3","small-4","small-5","small-6","small-7","small-8","small-9","small-10","small-11","small-12","medium-1","medium-2","medium-3","medium-4","medium-5","medium-6","medium-7","medium-8","medium-9","medium-10","medium-11","medium-12","large-1","large-2","large-3","large-4","large-5","large-6","large-7","large-8","large-9","large-10","large-11","large-12"],b=["text","number","password","email","tel","checkbox"],f=["none","pill"],$=l,x=["before","after"],w=[0,1,2,3],C=["grammar","false","spelling","true"];var S;!function(e){class t{determineMessageType(e){return e.reduce((e,t)=>"error"===t?e:t.type,"")}filterMessagesByType(e,t){return e.reduce((e,i)=>i.type===t?e.concat(i.message):e,[])}}e.MessageController=t;let i=class extends((0,o.y)(n.LitElement)){constructor(){super(...arguments),this.ariaDescribedBy="",this.ariaInvalid="false",this.ariaLabel="input",this.autofocus=!1,this.auxiliaryContentPosition=null,this.clear=!1,this.clearAriaLabel="",this.compact=!1,this.containerSize="small-12",this.disabled=!1,this.id="",this.inputSize="",this.isFilled=!1,this.isLoading=!1,this.label="",this.helpText="",this.hideMessage=!1,this.htmlId="",this.role="",this.messageArr=[],this.min=void 0,this.max=void 0,this.maxLength=void 0,this.multi=!1,this.multiline=!1,this.name="",this.nestedLevel=0,this.placeholder="",this.readOnly=!1,this.required=!1,this.searchable=!1,this.secondaryLabel="",this.selectWhenInFocus=!1,this.shape="",this.type="text",this.value="",this.ariaControls="",this.ariaExpanded="",this.newMomentum=!1,this.disableUserTextInput=!1,this.showDropdown=!1,this.dropdownExpanded=!1,this.dropdownAriaLabel="Show options",this.isEditing=!1,this.hasRightSlotContent=!1,this.messageController=new t}connectedCallback(){super.connectedCallback(),document.addEventListener("click",this.handleOutsideClick)}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("click",this.handleOutsideClick)}select(){this.input.select()}focus(){this.input.focus()}handleOutsideClick(e){let t=!1;const i=e.composedPath();i.length&&(t=!!i.find(e=>e===this),t||(this.input.blur(),this.isEditing=!1))}handleKeyDown(e){this.dispatchEvent(new CustomEvent("input-keydown",{bubbles:!0,composed:!0,detail:{srcEvent:e}}))}handleFocus(e){this.disabled||(this.isEditing=!0,this.selectWhenInFocus&&this.select(),this.dispatchEvent(new CustomEvent("input-focus",{bubbles:!0,composed:!0,detail:{srcEvent:e}})))}handleMouseDown(e){this.disabled||(this.isEditing=!0,this.dispatchEvent(new CustomEvent("input-mousedown",{bubbles:!0,composed:!0,detail:{srcEvent:e}})))}handleChange(e){var t;this.value=e.target.value,null===(t=this.control)||void 0===t||t.setValue(this.value),this.dispatchEvent(new CustomEvent("input-change",{bubbles:!0,composed:!0,detail:{srcEvent:e,value:this.value}}))}handleBlur(e){var t;null===(t=this.control)||void 0===t||t.markAsTouched(),this.isEditing=!1,this.dispatchEvent(new CustomEvent("input-blur",{bubbles:!0,composed:!0,detail:{srcEvent:e}}))}handleClear(e){if("keydown"===e.type){const{code:t}=e;if(t!==s.Uz.Space&&t!==s.Uz.Enter)return;e.preventDefault(),e.stopPropagation()}else"click"===e.type&&(e.preventDefault(),e.stopPropagation());this.input.focus(),this.dispatchEvent(new CustomEvent("input-clear",{bubbles:!0,composed:!0,detail:{srcEvent:e}})),document.dispatchEvent(new CustomEvent("on-widget-update")),this.handleChange(e)}handleLabelClick(){this.input.focus()}handleRighSlotChange(){var e;this.hasRightSlotContent=(null===(e=this.inputSectionRightSlot)||void 0===e?void 0:e.assignedNodes().length)>0}handleDropdownClick(e){e.preventDefault(),this.dropdownExpanded=!this.dropdownExpanded,this.dispatchEvent(new CustomEvent("input-dropdown-click",{bubbles:!0,composed:!0,detail:{srcEvent:e,expanded:this.dropdownExpanded}}))}get messageType(){return this.messageArr.length>0?this.messageController.determineMessageType(this.messageArr):null}get messages(){return this.messageType?this.messageController.filterMessagesByType(this.messageArr,this.messageType):null}get inputClassMap(){return{"md-input--filled":this.isFilled,colums:!!this.containerSize,[`${this.containerSize}`]:!!this.containerSize,"md-read-only":this.readOnly,"md-disabled":this.disabled,[`md-${this.messageType}`]:!!this.messageType,[`md-input--nested-${this.nestedLevel}`]:!!this.nestedLevel,"md-multi":this.multi,"md-new-momentum":this.newMomentum}}get inputWrapperClassMap(){return{columns:!!this.inputSize,[`${this.inputSize}`]:!!this.inputSize}}get inputTemplateClassMap(){return{"md-input--multiline":this.multiline,"md-input--multi":this.multi,[`md-input--${this.shape}`]:!!this.shape,"md-input--compact":this.compact,"md-input--before":"before"===this.auxiliaryContentPosition||this.searchable,"md-input--after":"after"===this.auxiliaryContentPosition,"md-active":this.isEditing,"md-focus":this.isEditing,"md-read-only":this.readOnly,"md-disable-user-text-input":this.disableUserTextInput,"md-disabled":this.disabled,"md-dirty":!!this.value,"md-has-right-icon":this.hasRightIcon}}get ariaExpandedValue(){return"true"===this.ariaExpanded||"false"===this.ariaExpanded?this.ariaExpanded:void 0}get hasRightIcon(){return!(!this.clear||this.disabled||!this.value||this.readOnly)||!!this.showDropdown||!this.compact&&this.hasRightSlotContent}inputTemplate(){var e;return this.multiline?n.html`
|
|
2
2
|
<textarea
|
|
3
3
|
part="input"
|
|
4
4
|
class="md-input ${(0,d.classMap)(this.inputTemplateClassMap)}"
|
|
@@ -15,11 +15,11 @@
|
|
|
15
15
|
aria-label=${this.ariaLabel}
|
|
16
16
|
aria-invalid=${this.ariaInvalid}
|
|
17
17
|
aria-errormessage="${this.htmlId}-message"
|
|
18
|
-
aria-disabled=${(0,
|
|
18
|
+
aria-disabled=${(0,h.ifDefined)(this.disabled||void 0)}
|
|
19
19
|
id=${this.htmlId}
|
|
20
20
|
placeholder=${this.placeholder}
|
|
21
21
|
?readonly=${this.readOnly}
|
|
22
|
-
maxlength=${(0,
|
|
22
|
+
maxlength=${(0,h.ifDefined)(this.maxLength)}
|
|
23
23
|
></textarea>
|
|
24
24
|
`:n.html`
|
|
25
25
|
<input
|
|
@@ -37,18 +37,19 @@
|
|
|
37
37
|
.value=${this.value}
|
|
38
38
|
aria-describedby=${this.ariaDescribedBy}
|
|
39
39
|
aria-controls=${this.ariaControls}
|
|
40
|
-
aria-expanded=${(0,
|
|
40
|
+
aria-expanded=${(0,h.ifDefined)(null!==(e=this.ariaExpandedValue)&&void 0!==e?e:void 0)}
|
|
41
41
|
aria-label=${this.ariaLabel}
|
|
42
42
|
aria-invalid=${this.ariaInvalid}
|
|
43
43
|
aria-errormessage=${`${this.htmlId}-message`}
|
|
44
|
-
aria-disabled=${(0,
|
|
44
|
+
aria-disabled=${(0,h.ifDefined)(this.disabled||void 0)}
|
|
45
45
|
id=${this.htmlId}
|
|
46
46
|
role=${this.role}
|
|
47
47
|
placeholder=${this.placeholder}
|
|
48
48
|
?readonly=${this.readOnly||this.disabled||this.disableUserTextInput}
|
|
49
|
-
min=${(0,
|
|
50
|
-
max=${(0,
|
|
51
|
-
maxlength=${(0,
|
|
49
|
+
min=${(0,h.ifDefined)(this.min)}
|
|
50
|
+
max=${(0,h.ifDefined)(this.max)}
|
|
51
|
+
maxlength=${(0,h.ifDefined)(this.maxLength)}
|
|
52
|
+
aria-haspopup=${(0,h.ifDefined)(this.showDropdown?"true":void 0)}
|
|
52
53
|
/>
|
|
53
54
|
`}inputLeftTemplate(){return this.searchable?n.html`
|
|
54
55
|
<div class="md-input__before">
|
|
@@ -76,12 +77,32 @@
|
|
|
76
77
|
>
|
|
77
78
|
</md-icon>
|
|
78
79
|
</md-button>
|
|
80
|
+
${this.comboBoxButtonTemplate}
|
|
79
81
|
</div>
|
|
80
|
-
`:this.compact?void 0:n.html`
|
|
82
|
+
`:this.compact?this.showDropdown?n.html` <div class=${(0,d.classMap)(this.inputRightTemplateClassMap)}>${this.comboBoxButtonTemplate}</div> `:void 0:n.html`
|
|
81
83
|
<div class=${(0,d.classMap)(this.inputRightTemplateClassMap)}>
|
|
82
84
|
<slot name="input-section-right" @slotchange=${this.handleRighSlotChange}></slot>
|
|
85
|
+
${this.comboBoxButtonTemplate}
|
|
83
86
|
</div>
|
|
84
|
-
`}
|
|
87
|
+
`}get comboBoxButtonTemplate(){return this.showDropdown?n.html`
|
|
88
|
+
<button
|
|
89
|
+
class="md-input__dropdown-button"
|
|
90
|
+
tabindex="-1"
|
|
91
|
+
.ariaLabel=${this.dropdownAriaLabel}
|
|
92
|
+
@click=${e=>this.handleDropdownClick(e)}
|
|
93
|
+
@mousedown=${e=>e.preventDefault()}
|
|
94
|
+
?disabled=${this.disabled}
|
|
95
|
+
>
|
|
96
|
+
<md-icon
|
|
97
|
+
class="md-input__dropdown-icon ${this.dropdownExpanded?"expanded":""}"
|
|
98
|
+
name="arrow-down-bold"
|
|
99
|
+
size="16"
|
|
100
|
+
iconSet="momentumDesign"
|
|
101
|
+
.ariaHidden=${"true"}
|
|
102
|
+
>
|
|
103
|
+
</md-icon>
|
|
104
|
+
</button>
|
|
105
|
+
`:p.nothing}secondaryLabelTemplate(){return this.secondaryLabel?n.html`
|
|
85
106
|
<md-label
|
|
86
107
|
class="md-input__secondary-label ${(0,d.classMap)({disabled:this.disabled,newMomentum:this.newMomentum})}"
|
|
87
108
|
secondaryLabel
|
|
@@ -97,7 +118,7 @@
|
|
|
97
118
|
></md-help-text>
|
|
98
119
|
`:p.nothing}messagesTemplate(){return!this.hideMessage&&this.messages&&this.messages.length?n.html`
|
|
99
120
|
<div id="${this.htmlId}-message" part="message" class="md-input__messages">
|
|
100
|
-
${(0,
|
|
121
|
+
${(0,m.repeat)(this.messages,(e,t)=>{var i,s;return n.html`
|
|
101
122
|
<md-help-text
|
|
102
123
|
.message=${e}
|
|
103
124
|
.id=${null!==(i=this.messageArr[t].id)&&void 0!==i?i:""}
|
|
@@ -121,4 +142,4 @@
|
|
|
121
142
|
</div>
|
|
122
143
|
${this.messagesTemplate()} ${this.secondaryLabelTemplate()} ${this.helpTextTemplate()}
|
|
123
144
|
</div>
|
|
124
|
-
`}};y([(0,n.property)({type:String})],i.prototype,"ariaDescribedBy",void 0),y([(0,n.property)({type:String,reflect:!0})],i.prototype,"ariaInvalid",void 0),y([(0,n.property)({type:String})],i.prototype,"ariaLabel",void 0),y([(0,n.property)({type:Boolean,reflect:!0})],i.prototype,"autofocus",void 0),y([(0,n.property)({type:String})],i.prototype,"auxiliaryContentPosition",void 0),y([(0,n.property)({type:Boolean})],i.prototype,"clear",void 0),y([(0,n.property)({type:String})],i.prototype,"clearAriaLabel",void 0),y([(0,n.property)({type:Boolean})],i.prototype,"compact",void 0),y([(0,n.property)({type:String})],i.prototype,"containerSize",void 0),y([(0,n.property)({type:Boolean})],i.prototype,"disabled",void 0),y([(0,n.property)({type:String})],i.prototype,"id",void 0),y([(0,n.property)({type:String})],i.prototype,"inputSize",void 0),y([(0,n.property)({type:Boolean})],i.prototype,"isFilled",void 0),y([(0,n.property)({type:Boolean})],i.prototype,"isLoading",void 0),y([(0,n.property)({type:String})],i.prototype,"label",void 0),y([(0,n.property)({type:String})],i.prototype,"helpText",void 0),y([(0,n.property)({type:Boolean,attribute:"hide-message",reflect:!0})],i.prototype,"hideMessage",void 0),y([(0,n.property)({type:String})],i.prototype,"htmlId",void 0),y([(0,n.property)({type:String})],i.prototype,"role",void 0),y([(0,n.property)({type:Array})],i.prototype,"messageArr",void 0),y([(0,n.property)({type:Number,reflect:!0})],i.prototype,"min",void 0),y([(0,n.property)({type:Number,reflect:!0})],i.prototype,"max",void 0),y([(0,n.property)({type:Number})],i.prototype,"maxLength",void 0),y([(0,n.property)({type:Boolean})],i.prototype,"multi",void 0),y([(0,n.property)({type:Boolean})],i.prototype,"multiline",void 0),y([(0,n.property)({type:String,reflect:!0})],i.prototype,"name",void 0),y([(0,n.property)({type:Number})],i.prototype,"nestedLevel",void 0),y([(0,n.property)({type:String})],i.prototype,"placeholder",void 0),y([(0,n.property)({type:Boolean})],i.prototype,"readOnly",void 0),y([(0,n.property)({type:Boolean})],i.prototype,"required",void 0),y([(0,n.property)({type:Boolean})],i.prototype,"searchable",void 0),y([(0,n.property)({type:String})],i.prototype,"secondaryLabel",void 0),y([(0,n.property)({type:Boolean,attribute:"select-when-in-focus"})],i.prototype,"selectWhenInFocus",void 0),y([(0,n.property)({type:String})],i.prototype,"shape",void 0),y([(0,n.property)({type:String})],i.prototype,"type",void 0),y([(0,n.property)({type:String,reflect:!0})],i.prototype,"value",void 0),y([(0,n.property)({type:String})],i.prototype,"ariaControls",void 0),y([(0,n.property)({type:String})],i.prototype,"ariaExpanded",void 0),y([(0,n.property)({type:Boolean})],i.prototype,"newMomentum",void 0),y([(0,n.property)({type:Object})],i.prototype,"control",void 0),y([(0,n.property)({type:Boolean})],i.prototype,"disableUserTextInput",void 0),y([(0,n.query)(".md-input")],i.prototype,"input",void 0),y([(0,n.internalProperty)()],i.prototype,"isEditing",void 0),y([(0,n.query)('slot[name="input-section-right"]')],i.prototype,"inputSectionRightSlot",void 0),y([(0,n.internalProperty)()],i.prototype,"hasRightSlotContent",void 0),i=y([(0,a.w)("md-input")],i),e.ELEMENT=i}(
|
|
145
|
+
`}};y([(0,n.property)({type:String})],i.prototype,"ariaDescribedBy",void 0),y([(0,n.property)({type:String,reflect:!0})],i.prototype,"ariaInvalid",void 0),y([(0,n.property)({type:String})],i.prototype,"ariaLabel",void 0),y([(0,n.property)({type:Boolean,reflect:!0})],i.prototype,"autofocus",void 0),y([(0,n.property)({type:String})],i.prototype,"auxiliaryContentPosition",void 0),y([(0,n.property)({type:Boolean})],i.prototype,"clear",void 0),y([(0,n.property)({type:String})],i.prototype,"clearAriaLabel",void 0),y([(0,n.property)({type:Boolean})],i.prototype,"compact",void 0),y([(0,n.property)({type:String})],i.prototype,"containerSize",void 0),y([(0,n.property)({type:Boolean})],i.prototype,"disabled",void 0),y([(0,n.property)({type:String})],i.prototype,"id",void 0),y([(0,n.property)({type:String})],i.prototype,"inputSize",void 0),y([(0,n.property)({type:Boolean})],i.prototype,"isFilled",void 0),y([(0,n.property)({type:Boolean})],i.prototype,"isLoading",void 0),y([(0,n.property)({type:String})],i.prototype,"label",void 0),y([(0,n.property)({type:String})],i.prototype,"helpText",void 0),y([(0,n.property)({type:Boolean,attribute:"hide-message",reflect:!0})],i.prototype,"hideMessage",void 0),y([(0,n.property)({type:String})],i.prototype,"htmlId",void 0),y([(0,n.property)({type:String})],i.prototype,"role",void 0),y([(0,n.property)({type:Array})],i.prototype,"messageArr",void 0),y([(0,n.property)({type:Number,reflect:!0})],i.prototype,"min",void 0),y([(0,n.property)({type:Number,reflect:!0})],i.prototype,"max",void 0),y([(0,n.property)({type:Number})],i.prototype,"maxLength",void 0),y([(0,n.property)({type:Boolean})],i.prototype,"multi",void 0),y([(0,n.property)({type:Boolean})],i.prototype,"multiline",void 0),y([(0,n.property)({type:String,reflect:!0})],i.prototype,"name",void 0),y([(0,n.property)({type:Number})],i.prototype,"nestedLevel",void 0),y([(0,n.property)({type:String})],i.prototype,"placeholder",void 0),y([(0,n.property)({type:Boolean})],i.prototype,"readOnly",void 0),y([(0,n.property)({type:Boolean})],i.prototype,"required",void 0),y([(0,n.property)({type:Boolean})],i.prototype,"searchable",void 0),y([(0,n.property)({type:String})],i.prototype,"secondaryLabel",void 0),y([(0,n.property)({type:Boolean,attribute:"select-when-in-focus"})],i.prototype,"selectWhenInFocus",void 0),y([(0,n.property)({type:String})],i.prototype,"shape",void 0),y([(0,n.property)({type:String})],i.prototype,"type",void 0),y([(0,n.property)({type:String,reflect:!0})],i.prototype,"value",void 0),y([(0,n.property)({type:String})],i.prototype,"ariaControls",void 0),y([(0,n.property)({type:String})],i.prototype,"ariaExpanded",void 0),y([(0,n.property)({type:Boolean})],i.prototype,"newMomentum",void 0),y([(0,n.property)({type:Object})],i.prototype,"control",void 0),y([(0,n.property)({type:Boolean})],i.prototype,"disableUserTextInput",void 0),y([(0,n.property)({type:Boolean})],i.prototype,"showDropdown",void 0),y([(0,n.property)({type:Boolean})],i.prototype,"dropdownExpanded",void 0),y([(0,n.property)({type:String})],i.prototype,"dropdownAriaLabel",void 0),y([(0,n.query)(".md-input")],i.prototype,"input",void 0),y([(0,n.internalProperty)()],i.prototype,"isEditing",void 0),y([(0,n.query)('slot[name="input-section-right"]')],i.prototype,"inputSectionRightSlot",void 0),y([(0,n.internalProperty)()],i.prototype,"hasRightSlotContent",void 0),i=y([(0,a.w)("md-input")],i),e.ELEMENT=i}(S||(S={}))},97822:e=>{e.exports=a}},m={};function u(e){var t=m[e];if(void 0!==t)return t.exports;var i=m[e]={exports:{}};return h[e](i,i.exports,u),i.exports}u.m=h,d=[],u.O=(e,t,i,s)=>{if(!t){var a=1/0;for(n=0;n<d.length;n++){for(var[t,i,s]=d[n],o=!0,r=0;r<t.length;r++)(!1&s||a>=s)&&Object.keys(u.O).every(e=>u.O[e](t[r]))?t.splice(r--,1):(o=!1,s<a&&(a=s));if(o){d.splice(n--,1);var l=i();void 0!==l&&(e=l)}}return e}s=s||0;for(var n=d.length;n>0&&d[n-1][2]>s;n--)d[n]=d[n-1];d[n]=[t,i,s]},u.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return u.d(t,{a:t}),t},u.d=(e,t)=>{for(var i in t)u.o(t,i)&&!u.o(e,i)&&Object.defineProperty(e,i,{enumerable:!0,get:t[i]})},u.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),u.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},(()=>{var e={1266:0,6408:0};u.O.j=t=>0===e[t];var t=(t,i)=>{var s,a,[o,r,l]=i,n=0;if(o.some(t=>0!==e[t])){for(s in r)u.o(r,s)&&(u.m[s]=r[s]);if(l)var p=l(u)}for(t&&t(i);n<o.length;n++)a=o[n],u.o(e,a)&&e[a]&&e[a][0](),e[a]=0;return u.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 c=u.O(void 0,[6633,1890,6272,6325,6283,9217,2176,6798,5830,1200,2576,8210,4977,1270,1598,109,1572,6396],()=>u(96408));return u.O(c)})());
|