@momentum-ui/web-components 2.26.9 → 2.26.12
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/109.js +3 -3
- package/dist/1598.js +1 -1
- package/dist/2547.js +1 -1
- package/dist/6067.js +1 -1
- package/dist/6408.js +7 -6
- package/dist/comp/md-combobox-entry.js +2 -2
- package/dist/comp/md-country-code-picker-entry.js +2 -2
- package/dist/comp/md-date-time-picker-entry.js +1 -1
- package/dist/comp/md-editable-field-entry.js +1 -1
- package/dist/comp/md-help-text-entry.js +4 -4
- package/dist/comp/md-input-entry.js +8 -7
- package/dist/comp/md-phone-input-entry.js +2 -2
- package/dist/comp/md-radio-entry.js +10 -3
- package/dist/comp/md-timepicker-entry.js +1 -1
- package/dist/index-entry.js +165 -157
- package/dist/types/components/combobox/ComboBox.d.ts +1 -1
- package/dist/types/components/form/FormArray.d.ts +6 -1
- package/dist/types/components/form/FormControl.d.ts +3 -0
- package/dist/types/components/form/index.d.ts +1 -0
- package/dist/types/components/form/validators.array.d.ts +12 -0
- package/dist/types/components/form/validators.d.ts +1 -0
- package/dist/types/components/grabber/Grabber.d.ts +1 -1
- package/dist/types/components/input/Input.d.ts +1 -1
- package/dist/types/components/radio/Radio.d.ts +4 -0
- package/dist/types/index.d.ts +1 -1
- package/package.json +1 -1
|
@@ -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
|
|
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"),require("lit-html/directives/style-map"),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","lit-html/directives/style-map","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"),require("lit-html/directives/style-map"),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"],e["lit-html/directives/style-map"],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=s},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=i},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));const s=(null===(i=null===(t=this.editableField)||void 0===t?void 0:t.innerText)||void 0===i?void 0:i.trim())||"",r=a().sanitize(s);r!==this.content&&(this.content=r),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"
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("lit-element"),require("lit-html/directives/class-map"));else if("function"==typeof define&&define.amd)define(["lit-element","lit-html/directives/class-map"],t);else{var r="object"==typeof exports?t(require("lit-element"),require("lit-html/directives/class-map")):t(e["lit-element"],e["lit-html/directives/class-map"]);for(var i in r)("object"==typeof exports?exports:e)[i]=r[i]}}(self,(e,t)=>(()=>{"use strict";var
|
|
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"));else if("function"==typeof define&&define.amd)define(["lit-element","lit-html/directives/class-map","lit-html"],t);else{var r="object"==typeof exports?t(require("lit-element"),require("lit-html/directives/class-map"),require("lit-html")):t(e["lit-element"],e["lit-html/directives/class-map"],e["lit-html"]);for(var i in r)("object"==typeof exports?exports:e)[i]=r[i]}}(self,(e,t,r)=>(()=>{"use strict";var i,o={20109:(e,t,r)=>{r.r(t),r.d(t,{HelpText:()=>i});var i,o=r(31890),s=r(26272),l=r(41488),n=r(23968),a=r(24977),p=r(40333),c=function(e,t,r,i){var o,s=arguments.length,l=s<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,r):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)l=Reflect.decorate(e,t,r,i);else for(var n=e.length-1;n>=0;n--)(o=e[n])&&(l=(s<3?o(l):s>3?o(t,r,l):o(t,r))||l);return s>3&&l&&Object.defineProperty(t,r,l),l};!function(e){let t=class extends l.LitElement{constructor(){super(...arguments),this.message="",this.messageType=void 0,this.id="",this.ariaLive="off"}get inputMessageClassMap(){return{[`md-${this.messageType}`]:!!this.messageType}}static get styles(){return[s.A,a.A]}getIconName(){switch(this.messageType){case"success":return"check-circle-badge-filled";case"error":return"error-legacy-badge-filled";case"warning":return"warning-badge-filled";case"priority":return"info-badge-filled";default:return""}}render(){return l.html`
|
|
2
2
|
<div
|
|
3
|
-
class="md-input__message ${(0,
|
|
3
|
+
class="md-input__message ${(0,n.classMap)(this.inputMessageClassMap)}"
|
|
4
4
|
id=${this.id}
|
|
5
5
|
aria-live=${this.ariaLive}
|
|
6
6
|
role="alert"
|
|
7
7
|
>
|
|
8
|
-
|
|
8
|
+
${this.messageType?l.html`<md-icon name="${this.getIconName()}" size="14" iconSet="momentumDesign"></md-icon>`:p.nothing}
|
|
9
9
|
<slot>${this.message}</slot>
|
|
10
10
|
</div>
|
|
11
|
-
`}};
|
|
11
|
+
`}};c([(0,l.property)({type:String})],t.prototype,"message",void 0),c([(0,l.property)({type:String})],t.prototype,"messageType",void 0),c([(0,l.property)({type:String})],t.prototype,"id",void 0),c([(0,l.property)({type:String})],t.prototype,"ariaLive",void 0),t=c([(0,o.w)("md-help-text")],t),e.ELEMENT=t}(i||(i={}))},23968:e=>{e.exports=t},40333:e=>{e.exports=r},41488:t=>{t.exports=e}},s={};function l(e){var t=s[e];if(void 0!==t)return t.exports;var r=s[e]={exports:{}};return o[e](r,r.exports,l),r.exports}l.m=o,i=[],l.O=(e,t,r,o)=>{if(!t){var s=1/0;for(c=0;c<i.length;c++){for(var[t,r,o]=i[c],n=!0,a=0;a<t.length;a++)(!1&o||s>=o)&&Object.keys(l.O).every(e=>l.O[e](t[a]))?t.splice(a--,1):(n=!1,o<s&&(s=o));if(n){i.splice(c--,1);var p=r();void 0!==p&&(e=p)}}return e}o=o||0;for(var c=i.length;c>0&&i[c-1][2]>o;c--)i[c]=i[c-1];i[c]=[t,r,o]},l.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return l.d(t,{a:t}),t},l.d=(e,t)=>{for(var r in t)l.o(t,r)&&!l.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},l.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),l.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},(()=>{var e={109:0,1745:0};l.O.j=t=>0===e[t];var t=(t,r)=>{var i,o,[s,n,a]=r,p=0;if(s.some(t=>0!==e[t])){for(i in n)l.o(n,i)&&(l.m[i]=n[i]);if(a)var c=a(l)}for(t&&t(r);p<s.length;p++)o=s[p],l.o(e,o)&&e[o]&&e[o][0](),e[o]=0;return l.O(c)},r=self["momentum-web-components-[id]"]=self["momentum-web-components-[id]"]||[];r.forEach(t.bind(null,0)),r.push=t.bind(null,r.push.bind(r))})();var n=l.O(void 0,[1890,6272,4977],()=>l(20109));return l.O(n)})());
|
|
@@ -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
|
|
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"),require("lit-html/directives/style-map"),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","lit-html/directives/style-map","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"),require("lit-html/directives/style-map"),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"],e["lit-html/directives/style-map"],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,l,r,n,p)=>(()=>{"use strict";var d,h={8229:e=>{e.exports=s},17518:e=>{e.exports=n},22818:e=>{e.exports=p},23968:e=>{e.exports=t},32022:e=>{e.exports=o},40333:e=>{e.exports=i},41488:t=>{t.exports=e},60554:e=>{e.exports=l},85314:e=>{e.exports=r},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),l=i(26272),r=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,l=o<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)l=Reflect.decorate(e,t,i,s);else for(var r=e.length-1;r>=0;r--)(a=e[r])&&(l=(o<3?a(l):o>3?a(t,i,l):a(t,i))||l);return o>3&&l&&Object.defineProperty(t,i,l),l};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"],$=r,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.autocomplete=void 0,this.showDropdown=!1,this.dropdownExpanded=!1,this.dropdownAriaLabel="Show options",this.maxSuggestedLength=void 0,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(){var e;null===(e=this.input)||void 0===e||e.select()}focus(){var e;null===(e=this.input)||void 0===e||e.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)}"
|
|
@@ -104,11 +104,12 @@
|
|
|
104
104
|
>
|
|
105
105
|
</md-icon>
|
|
106
106
|
</button>
|
|
107
|
-
`:p.nothing}characterCountLabelTemplate(){return
|
|
108
|
-
<span
|
|
109
|
-
|
|
107
|
+
`:p.nothing}characterCountLabelTemplate(){return!this.maxSuggestedLength||this.disabled||this.readOnly?p.nothing:n.html`<div class="md-input__character-count-label-container">
|
|
108
|
+
<span
|
|
109
|
+
class="md-input__character-count-label ${(0,d.classMap)({error:this.value.length>this.maxSuggestedLength})}"
|
|
110
|
+
>${this.value.length}/${this.maxSuggestedLength}</span
|
|
110
111
|
>
|
|
111
|
-
</div>
|
|
112
|
+
</div> `}secondaryLabelTemplate(){return this.secondaryLabel?n.html`
|
|
112
113
|
<md-label
|
|
113
114
|
class="md-input__secondary-label ${(0,d.classMap)({disabled:this.disabled,newMomentum:this.newMomentum})}"
|
|
114
115
|
secondaryLabel
|
|
@@ -140,7 +141,7 @@
|
|
|
140
141
|
.label=${this.label}
|
|
141
142
|
@label-click=${()=>this.handleLabelClick()}
|
|
142
143
|
></md-label>
|
|
143
|
-
`:p.nothing}static get styles(){return[
|
|
144
|
+
`:p.nothing}static get styles(){return[l.A,c.A]}render(){return n.html`
|
|
144
145
|
<div class="md-input-container ${(0,d.classMap)(this.inputClassMap)}" part="md-input-container">
|
|
145
146
|
${this.labelTemplate()}
|
|
146
147
|
<div class="md-input__wrapper ${(0,d.classMap)(this.inputWrapperClassMap)}">
|
|
@@ -153,4 +154,4 @@
|
|
|
153
154
|
${this.characterCountLabelTemplate()}
|
|
154
155
|
</div>
|
|
155
156
|
</div>
|
|
156
|
-
`}};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:String})],i.prototype,"autocomplete",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.property)({type:
|
|
157
|
+
`}};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:String})],i.prototype,"autocomplete",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.property)({type:Number})],i.prototype,"maxSuggestedLength",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,l=0;l<t.length;l++)(!1&s||a>=s)&&Object.keys(u.O).every(e=>u.O[e](t[l]))?t.splice(l--,1):(o=!1,s<a&&(a=s));if(o){d.splice(n--,1);var r=i();void 0!==r&&(e=r)}}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,l,r]=i,n=0;if(o.some(t=>0!==e[t])){for(s in l)u.o(l,s)&&(u.m[s]=l[s]);if(r)var p=r(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,[8493,1890,6272,6325,9217,6283,2176,6798,5830,1200,2576,8210,4977,1270,1598,109,1572,6396],()=>u(96408));return u.O(c)})());
|
|
@@ -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
|
|
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"),require("lit-html/directives/style-map"),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/repeat"),require("lit-virtualizer"),require("country-codes-list"),require("country-flags-svg"),require("lit-html/directives/repeat.js"),require("lit-html/directives/class-map.js"),require("libphonenumber-js"));else if("function"==typeof define&&define.amd)define(["lit-element","lit-html/directives/class-map","lit-html","lit-html/directives/style-map","lit-html/directives/if-defined","@momentum-ui/icons/data/momentumUiIconsNames.json","@momentum-ui/utils/lib/getColorValue","mobx","lit-html/directives/repeat","lit-virtualizer","country-codes-list","country-flags-svg","lit-html/directives/repeat.js","lit-html/directives/class-map.js","libphonenumber-js"],t);else{var i="object"==typeof exports?t(require("lit-element"),require("lit-html/directives/class-map"),require("lit-html"),require("lit-html/directives/style-map"),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/repeat"),require("lit-virtualizer"),require("country-codes-list"),require("country-flags-svg"),require("lit-html/directives/repeat.js"),require("lit-html/directives/class-map.js"),require("libphonenumber-js")):t(e["lit-element"],e["lit-html/directives/class-map"],e["lit-html"],e["lit-html/directives/style-map"],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/repeat"],e["lit-virtualizer"],e["country-codes-list"],e["country-flags-svg"],e["lit-html/directives/repeat.js"],e["lit-html/directives/class-map.js"],e["libphonenumber-js"]);for(var o in i)("object"==typeof exports?exports:e)[o]=i[o]}}(self,(e,t,i,o,r,l,a,s,n,d,p,u,c,h,m)=>(()=>{"use strict";var y,v={860:e=>{e.exports=m},6963:e=>{e.exports=c},8229:e=>{e.exports=o},13060:e=>{e.exports=p},17518:e=>{e.exports=h},18224:(e,t,i)=>{i(4928);var o,r=i(31890),l=i(26272),a=i(13060),s=i(65875),n=i(41488),d=i(40333),p=i(23968),u=i(6963),c=i(96953),h=function(e,t,i,o){var r,l=arguments.length,a=l<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,i,o);else for(var s=e.length-1;s>=0;s--)(r=e[s])&&(a=(l<3?r(a):l>3?r(t,i,a):r(t,i))||a);return l>3&&a&&Object.defineProperty(t,i,a),a};!function(e){let t=class extends n.LitElement{constructor(){super(...arguments),this.codePlaceholder="+1",this.countryCallingCode="",this.showFlags=!1,this.pill=!1,this.disabled=!1,this.ariaLabel="",this.clearAriaLabel="Clear Country Code",this.id="",this.newMomentum=!1,this.isDropdownArrow=!0,this.countryCode="US",this.codeList=[]}connectedCallback(){super.connectedCallback(),this.codeList=(0,a.customArray)({name:"{countryNameEn}",value:"{countryCallingCode}",code:"{countryCode}"}),""===this.id&&(this.id=`md-country-code-picker-${Math.random().toString(36).substring(2,6)}`)}getCountryFlag(e){return n.html`
|
|
2
2
|
<span class="flag-svg-wrapper">
|
|
3
3
|
<img src="${(0,s.findFlagUrlByIso2Code)(e)}" />
|
|
4
4
|
</span>
|
|
@@ -36,7 +36,7 @@
|
|
|
36
36
|
${(0,u.repeat)(this.codeList,e=>e.name,(e,t)=>this.countryCodeOptionTemplate(e,t))}
|
|
37
37
|
</md-combobox>
|
|
38
38
|
</div>
|
|
39
|
-
`}};h([(0,n.property)({type:String,reflect:!0})],t.prototype,"codePlaceholder",void 0),h([(0,n.property)({type:String,attribute:"country-calling-code"})],t.prototype,"countryCallingCode",void 0),h([(0,n.property)({type:Boolean,attribute:"show-flags"})],t.prototype,"showFlags",void 0),h([(0,n.property)({type:Boolean})],t.prototype,"pill",void 0),h([(0,n.property)({type:Boolean})],t.prototype,"disabled",void 0),h([(0,n.property)({type:String})],t.prototype,"ariaLabel",void 0),h([(0,n.property)({type:String})],t.prototype,"clearAriaLabel",void 0),h([(0,n.property)({type:String})],t.prototype,"id",void 0),h([(0,n.property)({type:Boolean})],t.prototype,"newMomentum",void 0),h([(0,n.property)({type:Boolean})],t.prototype,"isDropdownArrow",void 0),h([(0,n.internalProperty)()],t.prototype,"countryCode",void 0),h([(0,n.internalProperty)()],t.prototype,"codeList",void 0),h([(0,n.query)("md-combobox")],t.prototype,"combobox",void 0),t=h([(0,r.w)("md-country-code-picker")],t),e.ELEMENT=t}(o||(o={}))},22818:e=>{e.exports=n},23968:e=>{e.exports=t},32022:e=>{e.exports=l},40333:e=>{e.exports=
|
|
39
|
+
`}};h([(0,n.property)({type:String,reflect:!0})],t.prototype,"codePlaceholder",void 0),h([(0,n.property)({type:String,attribute:"country-calling-code"})],t.prototype,"countryCallingCode",void 0),h([(0,n.property)({type:Boolean,attribute:"show-flags"})],t.prototype,"showFlags",void 0),h([(0,n.property)({type:Boolean})],t.prototype,"pill",void 0),h([(0,n.property)({type:Boolean})],t.prototype,"disabled",void 0),h([(0,n.property)({type:String})],t.prototype,"ariaLabel",void 0),h([(0,n.property)({type:String})],t.prototype,"clearAriaLabel",void 0),h([(0,n.property)({type:String})],t.prototype,"id",void 0),h([(0,n.property)({type:Boolean})],t.prototype,"newMomentum",void 0),h([(0,n.property)({type:Boolean})],t.prototype,"isDropdownArrow",void 0),h([(0,n.internalProperty)()],t.prototype,"countryCode",void 0),h([(0,n.internalProperty)()],t.prototype,"codeList",void 0),h([(0,n.query)("md-combobox")],t.prototype,"combobox",void 0),t=h([(0,r.w)("md-country-code-picker")],t),e.ELEMENT=t}(o||(o={}))},22818:e=>{e.exports=n},23968:e=>{e.exports=t},32022:e=>{e.exports=l},40333:e=>{e.exports=i},41488:t=>{t.exports=e},60554:e=>{e.exports=a},65875:e=>{e.exports=u},84205:(e,t,i)=>{i.r(t),i.d(t,{PhoneInput:()=>o}),i(4928),i(18224),i(96408);var o,r=i(31890),l=i(860),a=i(41488),s=i(23968),n=i(77833),d=function(e,t,i,o){var r,l=arguments.length,a=l<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,i,o);else for(var s=e.length-1;s>=0;s--)(r=e[s])&&(a=(l<3?r(a):l>3?r(t,i,a):r(t,i))||a);return l>3&&a&&Object.defineProperty(t,i,a),a};!function(e){let t=class extends a.LitElement{constructor(){super(...arguments),this.codePlaceholder="+1",this.numberPlaceholder="Enter Phone Number",this.countryCallingCode="",this.showFlags=!1,this.pill=!1,this.disabled=!1,this.value="",this.errorMessage="",this.showErrorMessage=!1,this.countryCodeAriaLabel="",this.dialNumberAriaLabel="",this.clearAriaLabel="Clear Input",this.clearCountryCodeAriaLabel="Clear Country Code",this.id="",this.newMomentum=!1,this.countryCode="US",this.formattedValue="",this.isValid=!0}get isRtl(){try{if(!this.isConnected)return!1;const e=getComputedStyle(this);return"rtl"===(null==e?void 0:e.direction)}catch(e){return!1}}connectedCallback(){super.connectedCallback(),""===this.id&&(this.id=`md-phone-input-${Math.random().toString(36).substring(2,6)}`),this.validateInput(this.value)}validateNumber(){this.isValid=!this.value||(0,l.isValidNumberForRegion)(this.value,this.countryCode)}handleCountryChange(e){var t,i;const o=e.detail.srcEvent;o.detail.value&&(null===(t=o.detail.value)||void 0===t?void 0:t.id)?(this.countryCallingCode=o.detail.value.id,this.countryCode=null===(i=o.detail.value.id.split(",")[2])||void 0===i?void 0:i.trim()):(this.countryCode="US",this.countryCallingCode=""),this.validateNumber(),this.dispatchEvent(new CustomEvent("countrycode-change",{bubbles:!0,composed:!0,detail:{srcEvent:o,isValid:this.isValid}}))}handlePhoneChange(e){this.value=e.detail.value,e.stopPropagation(),this.dispatchEvent(new CustomEvent("phoneinput-change",{bubbles:!0,composed:!0,detail:{srcEvent:e,value:`${this.countryCallingCode}${this.value}`,isValid:this.isValid,phoneNumber:this.value}}))}handleKeydown(e){this.isValid=!0,e.stopPropagation(),this.dispatchEvent(new CustomEvent("phoneinput-keydown",{bubbles:!0,composed:!0,detail:{srcEvent:e,value:`${this.countryCallingCode}${this.value}`,isValid:this.isValid,phoneNumber:this.value}}))}handleBlur(e){this.validateInput(this.value),this.validateNumber(),e.stopPropagation(),this.removeCountryCode(),this.dispatchEvent(new CustomEvent("phoneinput-blur",{bubbles:!0,composed:!0,detail:{srcEvent:e,value:`${this.countryCallingCode}${this.value}`,isValid:this.isValid,phoneNumber:this.value}}))}removeCountryCode(){var e;const t=null===(e=this.countryCallingCode.split(",")[0])||void 0===e?void 0:e.trim();if(this.value.startsWith(t)){const e=this.value.slice(t.length).replace(/^-/,"");this.value=e}}validateInput(e){this.formattedValue=new l.AsYouType(this.countryCode).input(e)}get flagClassMap(){return{"new-momentum":this.newMomentum}}get containerClassMap(){return{"md-phone-input__container":!0,rtl:this.isRtl}}static get styles(){return[n.A]}render(){return a.html`
|
|
40
40
|
<div class=${(0,s.classMap)(this.containerClassMap)}>
|
|
41
41
|
<md-country-code-picker
|
|
42
42
|
part="md-country-code-picker"
|
|
@@ -1,4 +1,10 @@
|
|
|
1
|
-
!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("lit-element"),require("lit-html/directives/if-defined"));else if("function"==typeof define&&define.amd)define(["lit-element","lit-html/directives/if-defined"],t);else{var
|
|
1
|
+
!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("lit-element"),require("lit-html/directives/if-defined"),require("lit-html/directives/class-map"),require("lit-html"));else if("function"==typeof define&&define.amd)define(["lit-element","lit-html/directives/if-defined","lit-html/directives/class-map","lit-html"],t);else{var i="object"==typeof exports?t(require("lit-element"),require("lit-html/directives/if-defined"),require("lit-html/directives/class-map"),require("lit-html")):t(e["lit-element"],e["lit-html/directives/if-defined"],e["lit-html/directives/class-map"],e["lit-html"]);for(var r in i)("object"==typeof exports?exports:e)[r]=i[r]}}(self,(e,t,i,r)=>(()=>{"use strict";var l,o={23968:e=>{e.exports=i},40333:e=>{e.exports=r},41488:t=>{t.exports=e},81144:(e,t,i)=>{i.r(t),i.d(t,{Radio:()=>r});var r,l=i(3001),o=i(31890),s=i(26272),a=i(41488),d=i(97822),n=i(23968),p=i(76067),c=i(40333),h=function(e,t,i,r){var l,o=arguments.length,s=o<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 a=e.length-1;a>=0;a--)(l=e[a])&&(s=(o<3?l(s):o>3?l(t,i,s):l(t,i))||s);return o>3&&s&&Object.defineProperty(t,i,s),s};!function(e){let t=class extends((0,l.yC)(a.LitElement)){constructor(){super(...arguments),this.tabIndex=-1,this.label="",this.value="",this.message="",this.hideMessage=!1,this.ariaLabel="",this.autofocus=!1,this._disabled=!1,this.checked=!1}get disabled(){return this._disabled}set disabled(e){const t=this._disabled;this._disabled=e,this.tabIndex=e?-1:0,this.requestUpdate("disabled",t)}get inputAriaLabel(){var e,t,i,r;const l=(null===(e=this.message)||void 0===e?void 0:e.length)?` - ${this.message}`:"";if(null===(t=this.ariaLabel)||void 0===t?void 0:t.length)return this.ariaLabel;if(null===(i=this.label)||void 0===i?void 0:i.length)return this.label+l;const o=null===(r=this.textContent)||void 0===r?void 0:r.trim();return(null==o?void 0:o.length)?o+l:l}static get styles(){return[s.A,p.A]}get helpTextClassMap(){return{"md-radio-help-text--hide":this.hideMessage}}messagesTemplate(){var e;return(null===(e=this.message)||void 0===e?void 0:e.length)?a.html`
|
|
2
|
+
<div class="${(0,n.classMap)(this.helpTextClassMap)}">
|
|
3
|
+
<md-help-text class="help-text-radio" newMomentum role="alert" aria-live="assertive">
|
|
4
|
+
${this.message}
|
|
5
|
+
</md-help-text>
|
|
6
|
+
</div>
|
|
7
|
+
`:c.nothing}render(){return a.html`
|
|
2
8
|
<div class="md-radio-wrapper" part="radio-wrapper">
|
|
3
9
|
<div class="md-radio-icon"></div>
|
|
4
10
|
<input
|
|
@@ -6,7 +12,7 @@
|
|
|
6
12
|
part="radio-input"
|
|
7
13
|
type="radio"
|
|
8
14
|
role="radio"
|
|
9
|
-
aria-label=${(0,
|
|
15
|
+
aria-label=${(0,d.ifDefined)(this.inputAriaLabel)}
|
|
10
16
|
aria-checked=${this.checked?"true":"false"}
|
|
11
17
|
.value=${this.value}
|
|
12
18
|
?checked=${this.checked}
|
|
@@ -19,4 +25,5 @@
|
|
|
19
25
|
<slot></slot>
|
|
20
26
|
</label>
|
|
21
27
|
</div>
|
|
22
|
-
|
|
28
|
+
${this.messagesTemplate()}
|
|
29
|
+
`}};h([(0,a.property)({type:Number,reflect:!0})],t.prototype,"tabIndex",void 0),h([(0,a.property)({type:String})],t.prototype,"label",void 0),h([(0,a.property)({type:String})],t.prototype,"value",void 0),h([(0,a.property)({type:String})],t.prototype,"message",void 0),h([(0,a.property)({type:Boolean})],t.prototype,"hideMessage",void 0),h([(0,a.property)({type:String})],t.prototype,"ariaLabel",void 0),h([(0,a.property)({type:Boolean,reflect:!0})],t.prototype,"autofocus",void 0),h([(0,a.property)({type:Boolean,reflect:!0})],t.prototype,"disabled",null),h([(0,a.property)({type:Boolean,reflect:!0})],t.prototype,"checked",void 0),t=h([(0,o.w)("md-radio")],t),e.ELEMENT=t}(r||(r={}))},97822:e=>{e.exports=t}},s={};function a(e){var t=s[e];if(void 0!==t)return t.exports;var i=s[e]={exports:{}};return o[e](i,i.exports,a),i.exports}a.m=o,l=[],a.O=(e,t,i,r)=>{if(!t){var o=1/0;for(p=0;p<l.length;p++){for(var[t,i,r]=l[p],s=!0,d=0;d<t.length;d++)(!1&r||o>=r)&&Object.keys(a.O).every(e=>a.O[e](t[d]))?t.splice(d--,1):(s=!1,r<o&&(o=r));if(s){l.splice(p--,1);var n=i();void 0!==n&&(e=n)}}return e}r=r||0;for(var p=l.length;p>0&&l[p-1][2]>r;p--)l[p]=l[p-1];l[p]=[t,i,r]},a.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return a.d(t,{a:t}),t},a.d=(e,t)=>{for(var i in t)a.o(t,i)&&!a.o(e,i)&&Object.defineProperty(e,i,{enumerable:!0,get:t[i]})},a.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),a.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},(()=>{var e={6587:0};a.O.j=t=>0===e[t];var t=(t,i)=>{var r,l,[o,s,d]=i,n=0;if(o.some(t=>0!==e[t])){for(r in s)a.o(s,r)&&(a.m[r]=s[r]);if(d)var p=d(a)}for(t&&t(i);n<o.length;n++)l=o[n],a.o(e,l)&&e[l]&&e[l][0](),e[l]=0;return a.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 d=a.O(void 0,[1890,6272,8889,8373,4624,300,591,768,3001,671,6067],()=>a(81144));return a.O(d)})());
|
|
@@ -1,4 +1,4 @@
|
|
|
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
|
|
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/style-map"),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/repeat"),require("lit-virtualizer"),require("lit-html/directives/class-map.js"),require("luxon"));else if("function"==typeof define&&define.amd)define(["lit-element","lit-html/directives/class-map","lit-html","lit-html/directives/style-map","lit-html/directives/if-defined","@momentum-ui/icons/data/momentumUiIconsNames.json","@momentum-ui/utils/lib/getColorValue","mobx","lit-html/directives/repeat","lit-virtualizer","lit-html/directives/class-map.js","luxon"],e);else{var i="object"==typeof exports?e(require("lit-element"),require("lit-html/directives/class-map"),require("lit-html"),require("lit-html/directives/style-map"),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/repeat"),require("lit-virtualizer"),require("lit-html/directives/class-map.js"),require("luxon")):e(t["lit-element"],t["lit-html/directives/class-map"],t["lit-html"],t["lit-html/directives/style-map"],t["lit-html/directives/if-defined"],t["@momentum-ui/icons/data/momentumUiIconsNames.json"],t["@momentum-ui/utils/lib/getColorValue"],t.mobx,t["lit-html/directives/repeat"],t["lit-virtualizer"],t["lit-html/directives/class-map.js"],t.luxon);for(var s in i)("object"==typeof exports?exports:t)[s]=i[s]}}(self,(t,e,i,s,o,r,a,l,n,m,u,h)=>(()=>{"use strict";var c,p={8229:t=>{t.exports=s},17518:t=>{t.exports=u},22818:t=>{t.exports=n},23968:t=>{t.exports=e},32022:t=>{t.exports=r},40333:t=>{t.exports=i},41488:e=>{e.exports=t},49256:(t,e,i)=>{i.r(e),i.d(e,{TimePicker:()=>b,timeSpecificity:()=>v,timeUnits:()=>f}),i(4928),i(96408);var s=i(90195),o=i(31890),r=i(81625),a=i(74548),l=i(26272),n=i(41488),m=i(40333),u=i(23968),h=i(97822),c=i(65796),p=i(17875),d=function(t,e,i,s){var o,r=arguments.length,a=r<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,e,i,s);else for(var l=t.length-1;l>=0;l--)(o=t[l])&&(a=(r<3?o(a):r>3?o(e,i,a):o(e,i))||a);return r>3&&a&&Object.defineProperty(e,i,a),a};const f=[s.R5.HOUR,s.R5.MINUTE,s.R5.SECOND,s.R5.AM_PM],v=[s.R5.HOUR,s.R5.MINUTE,s.R5.SECOND],y={[s.R5.HOUR]:"HH",[s.R5.MINUTE]:"MM",[s.R5.SECOND]:"SS",[s.R5.AM_PM]:"AM"};var b;!function(t){let e=class extends n.LitElement{constructor(){super(...arguments),this.twoDigitAutoTab=!1,this.twentyFourHourFormat=!1,this.timeSpecificity=s.R5.SECOND,this.locale="en-US",this.value=null,this.showDefaultNowTime=!0,this.finalTwentyFourFormat=!1,this.timeObject=(0,r.tB)(),this.tabNext=!1,this.timeValue={[s.R5.HOUR]:"12",[s.R5.MINUTE]:"00",[s.R5.SECOND]:"00",[s.R5.AM_PM]:"AM"},this.timeValidity={[s.R5.HOUR]:!0,[s.R5.MINUTE]:!0,[s.R5.SECOND]:!0,[s.R5.AM_PM]:!0},this.addLeadingZeros=t=>{if(t){if(0===t.length)return"00";if(1===t.length)return`0${t}`}return t},this.formatAndValidate=(t,e)=>{if(t&&(this.updateValidity(t,e),this.timeValidity[e]))return this.addLeadingZeros(t)},this.getLocaleTimeFormat=t=>{const e=t.toFormat("tt"),[,i]=e.split(" ");return!i},this.updateTimeValues=()=>{let t;t=this.finalTwentyFourFormat?this.timeObject.toFormat("HH:mm:ss"):this.timeObject.toFormat("hh:mm:ss a");const[e,i]=t.split(" "),o=e.split(":");v.forEach(t=>{const e=this.formatAndValidate(o.shift(),t);e&&(t===s.R5.HOUR&&i&&(this.timeValue[s.R5.AM_PM]=i),this.timeValue[t]=e)})},this.updateValidity=(t,e)=>{let i=!0;if(!this.showDefaultNowTime&&!this.value&&!t)return void(this.timeValidity[e]=!0);const o=e=>{null===t.match(e)&&(i=!1)};switch(e){case s.R5.HOUR:this.finalTwentyFourFormat?o(new RegExp(a.b.twentyFourHourString)):o(new RegExp(a.b.hourString));break;case s.R5.MINUTE:case s.R5.SECOND:o(new RegExp(a.b.minuteSecondString));break;case s.R5.AM_PM:o(new RegExp(a.b.amPmString))}this.timeValidity[e]=i},this.to12HourFormat=(t,e)=>{if(!this.finalTwentyFourFormat&&this.timeValidity[s.R5.HOUR]&&this.timeValidity[s.R5.AM_PM]){let i=Number(e);return"PM"===t?i=12+i%12:i%=12,i}},this.isEntireTimeValid=()=>{const t=[s.R5.HOUR];this.timeSpecificity!==s.R5.MINUTE&&this.timeSpecificity!==s.R5.SECOND||t.push(s.R5.MINUTE),this.timeSpecificity===s.R5.SECOND&&t.push(s.R5.SECOND),this.finalTwentyFourFormat||t.push(s.R5.AM_PM);const e=t.every(t=>this.timeValidity[t]);return(this.showDefaultNowTime||this.value||t.every(t=>!!this.timeValue[t]))&&e},this.updateTimeUnit=t=>{var e,i;if(this.updateValidity(this.timeValue[t],t),this.showDefaultNowTime||this.value){if(this.timeObject&&this.timeValidity[t]){if(t!==s.R5.AM_PM)this.timeObject=null===(e=this.timeObject)||void 0===e?void 0:e.set({[t]:Number(this.timeValue[t])});else{const t=this.to12HourFormat(this.timeValue[s.R5.AM_PM],this.timeValue[s.R5.HOUR]);void 0!==t&&(this.timeObject=null===(i=this.timeObject)||void 0===i?void 0:i.set({hour:t}))}this.isEntireTimeValid()&&(this.value=this.timeObject.toISOTime({suppressMilliseconds:!0})||this.value,this.dispatchTimeChangeEvent())}}else{const t=this.timeValue[s.R5.HOUR]||"00",e=this.timeValue[s.R5.MINUTE]||"00",i=this.timeValue[s.R5.SECOND]||"00";try{let o=`${t}:${e}:${i}`;!this.finalTwentyFourFormat&&this.timeValue[s.R5.AM_PM]&&(o+=` ${this.timeValue[s.R5.AM_PM]}`),this.timeObject=c.DateTime.fromFormat(o,this.finalTwentyFourFormat?"HH:mm:ss":"hh:mm:ss a"),this.timeObject.isValid&&this.isEntireTimeValid()&&(this.value=this.timeObject.toISOTime({suppressMilliseconds:!0}),this.dispatchTimeChangeEvent())}catch(t){console.warn("Failed to construct time object:")}}},this.formatTimeUnit=t=>{if(1===this.timeValue[t].length)"0"!==this.timeValue[t]&&(this.timeValue[t]="0"+this.timeValue[t]);else if(this.timeValue[t].length>2&&"0"===this.timeValue[t][0]){const e=this.timeValue[t].substring(1);RegExp(a.b.noPrecedingZerosString).test(e)&&(this.timeValue[t]=e)}this.requestUpdate()},this.messageType=t=>t?"":"error",this.generateTimeBox=t=>{const e=(i=this.finalTwentyFourFormat,{[s.R5.HOUR]:{type:"number",min:i?0:1,max:i?23:12},[s.R5.MINUTE]:{type:"number",min:0,max:59},[s.R5.SECOND]:{type:"number",min:0,max:59},[s.R5.AM_PM]:{type:"text",min:void 0,max:void 0}})[t];var i;return n.html`
|
|
2
2
|
${t===s.R5.MINUTE||t===s.R5.SECOND?n.html` <span class="colon-separator">:</span> `:m.nothing}
|
|
3
3
|
<md-input
|
|
4
4
|
newMomentum
|