@momentum-ui/web-components 2.13.4-dev → 2.13.5-dev
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/chunks/md-10.js +4 -4
- package/dist/chunks/md-15.js +3 -2
- package/dist/chunks/md-23.js +1 -0
- package/dist/chunks/md-27.js +1 -1
- package/dist/chunks/md-38.js +4 -2
- package/dist/chunks/md-74.js +1 -0
- package/dist/types/components/avatar/Avatar.d.ts +3 -3
- package/dist/types/components/combobox/ComboBox.d.ts +1 -1
- package/dist/types/components/datepicker/DatePicker.d.ts +1 -0
- package/dist/types/components/icon/Icon.d.ts +1 -1
- package/dist/types/components/input/Input.d.ts +2 -0
- package/dist/types/components/timepicker/TimePicker.d.ts +1 -1
- package/package.json +1 -1
package/dist/chunks/md-15.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[15],{24:function(e,t,i){"use strict";i.r(t),i.d(t,"containerSize",(function(){return g})),i.d(t,"inputSize",(function(){return f})),i.d(t,"inputType",(function(){return y})),i.d(t,"inputShape",(function(){return v})),i.d(t,"iconNames",(function(){return _})),i.d(t,"iconPosition",(function(){return x})),i.d(t,"nestedLevel",(function(){return w})),i.d(t,"ariaInvalidType",(function(){return k})),i.d(t,"Input",(function(){return $}));i(51),i(15),i(52),i(49);var r=i(1),n=i(6),o=i(33),a=i(5),d=i(10),l=i(0),s=i(3),p=i(4),c=i(2),m=i(14),u=i(9),b=l.css`@font-face{font-display:fallback;font-family:"CiscoSansTT Regular";font-style:normal;font-weight:400;src:url(/fonts/CiscoSansTTRegular.woff2) format("woff2"),url(/fonts/CiscoSansTTRegular.woff) format("woff")}[class*=md] *,[class*=md] ::after,[class*=md] ::before,[class*=md] button,[class*=md] input,[class*=md] select,[class*=md] textarea{-webkit-box-sizing:inherit;-moz-box-sizing:inherit;box-sizing:inherit;font-size:var(--rem-base)}[class*=md] button,[class*=md] input{overflow:visible}[class*=md] textarea{line-height:1.2rem;max-height:2.25rem;max-width:100%;overflow:auto;padding-bottom:.375rem;padding-top:.375rem;resize:none}[class*=md] textarea[rows]{height:auto}[class*=md] [type=submit]{appearance:none}[class*=md] input[type=file]{margin:0 0 1rem 0;width:100%}[class*=md] input::-webkit-inner-spin-button,[class*=md] input::-webkit-outer-spin-button{appearance:none;margin:0}[class*=md] input[type=number]{moz-appearance:textfield}[class*=md] [type=number]{appearance:textfield}[class*=md] [type=number]::-webkit-inner-spin-button,[class*=md] [type=number]::-webkit-outer-spin-button{height:auto}[class*=md] [type=search]::-webkit-search-cancel-button,[class*=md] [type=search]::-webkit-search-decoration{appearance:none}[class*=md] ::input-placeholder{color:inherit;opacity:.6}[class*=md] ::-webkit-file-upload-button{appearance:button;font:inherit}.md-input-container{box-sizing:border-box;line-height:0;margin-bottom:1rem;position:relative;width:100%;align-content:normal;align-items:normal;display:flex;flex-flow:column wrap;justify-content:normal}.md-input-container .md-input{background-color:var(--input-default-bg-color,#fff);color:var(--md-secondary-text-color,#545454);border-color:var(--input-default-border-color,#ccc)}.md-input-container .md-input::placeholder{color:var(--input-default-placeholder-color,#545454);opacity:1}.md-input-container .md-input.md-hover,.md-input-container .md-input:hover{background-color:var(--input-default-hover-bg-color,#ccc)}.md-input-container .md-input.md-hover:active,.md-input-container .md-input:hover:active{background-color:var(--input-default-pressed-bg-color,#ccc);border-color:var(--input-default-pressed-border-color,#ccc)}.md-input-container .md-input:focus{background-color:var(--input-default-focus-background-color,var(--input-default-bg-color))}.md-input-container .md-input.md-disabled,.md-input-container .md-input:disabled{background-color:var(--input-default-read-only-bg-color,#ededed);border-color:transparent;color:var(--input-disabled-text-color,#b2b2b2)!important}.md-input-container .md-input.md-disabled::placeholder,.md-input-container .md-input:disabled::placeholder{color:var(--input-disabled-text-color,#b2b2b2)}.md-input-container .md-input.md-disabled:hover,.md-input-container .md-input:disabled:hover{background-color:var(--input-default-read-only-bg-color,#ededed)}.md-input-container .md-input.md-readonly,.md-input-container .md-input[readonly]{background-color:var(--input-default-read-only-bg-color,#ededed);border-color:transparent;color:var(--md-primary-text-color,#121212)}.md-input-container .md-input.md-readonly:hover,.md-input-container .md-input[readonly]:hover{background-color:var(--input-default-read-only-bg-color,#ededed)}.md-input-container .md-input__after,.md-input-container .md-input__before{color:var(--md-secondary-text-color,#545454);fill:var(--md-secondary-text-color,#545454)}.md-input-container .md-input__after .md-spinner,.md-input-container .md-input__before .md-spinner{border:1px solid #b2b2b2}.md-input-container .md-input__after .md-spinner::after,.md-input-container .md-input__before .md-spinner::after{border-bottom:1px solid transparent;border-left:1px solid var(--md-secondary-text-color,#545454);border-right:1px solid transparent;border-top:1px solid transparent}.md-input-container .md-input__icon-clear{display:flex;background-color:rgba(0,0,0,0);color:var(--md-secondary-text-color,#545454);fill:var(--md-secondary-text-color,#545454)}.md-input-container .md-input__icon-clear:focus,.md-input-container .md-input__icon-clear:hover{background-color:rgba(0,0,0,0);color:#545454;fill:#545454}.md-input-container.md-disabled .md-input__before{color:var(--input-disabled-text-color,#b2b2b2);fill:var(--input-disabled-text-color,#b2b2b2)}.md-input-container.md-disabled .md-input__before .md-spinner{border:1px solid #b2b2b2}.md-input-container.md-disabled .md-input__before .md-spinner::after{border-bottom:1px solid transparent;border-left:1px solid var(--input-disabled-text-color,#b2b2b2);border-right:1px solid transparent;border-top:1px solid transparent}.md-input-container .md-input__messages{display:block}.md-input-container .md-input__help-text,.md-input-container .md-input__secondary-label{color:#545454}.md-input-container.md-multi{display:inline-flex;flex:1 1 100%;margin-bottom:0}.md-input-container .md-input.md-input--multi{background-color:var(--input-default-bg-color,#fff);border-color:var(--input-default-border-color,#ccc);box-shadow:transparent}.md-input-container .md-input.md-input--multi:hover{background-color:var(--input-default-hover-bg-color,#ccc)}.md-input-container .md-input__before.md-input__content{width:auto}.md-input-container.column,.md-input-container.columns{padding:0}.md-input-container.md-error .md-input{background-color:var(--input-error-bg-color,#ffe8e3);border-color:var(--input-error-border-color,#f7644a)}.md-input-container.md-error .md-input::placeholder{opacity:1}.md-input-container.md-error .md-input.md-hover,.md-input-container.md-error .md-input:hover{background-color:var(--input-error-hover-bg-color,#ffd5cc)}.md-input-container.md-error .md-input.md-hover:active,.md-input-container.md-error .md-input:hover:active{background-color:var(--input-error-pressed-bg-color,#ffbbad);border-color:var(--input-error-border-color,#f7644a)}.md-input-container.md-error .md-input:focus{background-color:var(--input-default-focus-background-color,var(--input-error-bg-color))}.md-input-container.md-error .md-input.md-disabled,.md-input-container.md-error .md-input:disabled{border-color:transparent}.md-input-container.md-error .md-input.md-readonly,.md-input-container.md-error .md-input[readonly]{border-color:transparent}.md-input-container.md-error .md-input__icon-clear{display:flex;background-color:rgba(0,0,0,0)}.md-input-container.md-error .md-input__icon-clear:focus,.md-input-container.md-error .md-input__icon-clear:hover{background-color:rgba(0,0,0,0)}.md-input-container.md-error .md-input__messages{display:block}.md-input-container.md-error:focus{border-color:var(--input-error-focus-border-color,#f7644a);outline:0;transition:border ease-in .15s}.md-input-container.md-error .md-input__message{color:var(--input-error-message-text-color,#a12512)}.md-input-container.md-error .md-input__message::before{content:"\\f38d"}.md-input-container.md-warning .md-input{background-color:var(--input-warning-bg-color,var(--md-alert-warning-bg-color,#ffecc2));border-color:var(--input-warning-border-color,var(--input-warning-border-color,#fc9d03))}.md-input-container.md-warning .md-input::placeholder{opacity:1}.md-input-container.md-warning .md-input.md-hover,.md-input-container.md-warning .md-input:hover{background-color:var(--input-warning-hover-bg-color,var(--md-alert-warning-bg-color,#ffecc2))}.md-input-container.md-warning .md-input.md-hover:active,.md-input-container.md-warning .md-input:hover:active{background-color:var(--input-warning-pressed-bg-color,var(--md-alert-warning-bg-color,#ffecc2));border-color:var(--input-warning-border-color,var(--input-warning-border-color,#fc9d03))}.md-input-container.md-warning .md-input:focus{background-color:var(--input-warning-pressed-bg-color,var(--md-alert-warning-bg-color,#ffecc2))}.md-input-container.md-warning .md-input.md-disabled,.md-input-container.md-warning .md-input:disabled{border-color:transparent}.md-input-container.md-warning .md-input.md-readonly,.md-input-container.md-warning .md-input[readonly]{border-color:transparent}.md-input-container.md-warning .md-input__icon-clear{display:flex;background-color:rgba(0,0,0,0)}.md-input-container.md-warning .md-input__icon-clear:focus,.md-input-container.md-warning .md-input__icon-clear:hover{background-color:rgba(0,0,0,0)}.md-input-container.md-warning .md-input__messages{display:block}.md-input-container.md-warning .md-input__message::before{content:"\\fca1"}.md-input-container.md-success .md-input{background-color:var(--input-success-bg-color,var(--md-alert-success-bg-color,#78f5b8));border-color:var(--input-success-border-color,var(--input-success-border-color,#00ab50))}.md-input-container.md-success .md-input::placeholder{opacity:1}.md-input-container.md-success .md-input.md-hover,.md-input-container.md-success .md-input:hover{background-color:var(--input-success-hover-bg-color,var(--md-alert-success-bg-color,#78f5b8))}.md-input-container.md-success .md-input.md-hover:active,.md-input-container.md-success .md-input:hover:active{background-color:var(--input-success-pressed-bg-color,var(--md-alert-success-bg-color,#befade));border-color:var(--input-success-border-color,var(--input-success-border-color,#00ab50))}.md-input-container.md-success .md-input:focus{background-color:var(--input-success-pressed-bg-color,var(--md-alert-success-bg-color,#befade))}.md-input-container.md-success .md-input.md-disabled,.md-input-container.md-success .md-input:disabled{border-color:transparent}.md-input-container.md-success .md-input.md-readonly,.md-input-container.md-success .md-input[readonly]{border-color:transparent}.md-input-container.md-success .md-input__icon-clear{display:flex;background-color:rgba(0,0,0,0)}.md-input-container.md-success .md-input__icon-clear:focus,.md-input-container.md-success .md-input__icon-clear:hover{background-color:rgba(0,0,0,0)}.md-input-container.md-success .md-input__messages{display:block}.md-input-container.md-success .md-input__message::before{content:"\\f37e"}.md-input-container.md-input--filled .md-input{background-color:var(--input-filled-bg-color,#ededed);border:none}.md-input-container.md-input--filled .md-input::placeholder{opacity:1}.md-input-container.md-input--filled .md-input.md-hover,.md-input-container.md-input--filled .md-input:hover{background-color:var(--input-filled-hover-bg-color,#dedede)}.md-input-container.md-input--filled .md-input.md-disabled,.md-input-container.md-input--filled .md-input:disabled{background-color:var(--input-filled-disabled-bg-color,#ededed);border-color:transparent}.md-input-container.md-input--filled .md-input.md-disabled:hover,.md-input-container.md-input--filled .md-input:disabled:hover{background-color:var(--input-filled-disabled-bg-color,#ededed)}.md-input-container.md-input--filled .md-input.md-readonly,.md-input-container.md-input--filled .md-input[readonly]{background-color:var(--input-filled-disabled-bg-color,#ededed);border-color:transparent}.md-input-container.md-input--filled .md-input.md-readonly:hover,.md-input-container.md-input--filled .md-input[readonly]:hover{background-color:var(--input-filled-disabled-bg-color,#ededed)}.md-input-container.md-input--filled .md-input__icon-clear{display:flex;background-color:rgba(0,0,0,0)}.md-input-container.md-input--filled .md-input__icon-clear:focus,.md-input-container.md-input--filled .md-input__icon-clear:hover{background-color:rgba(0,0,0,0)}.md-input-container.md-input--filled .md-input__messages{display:block}.md-input{border:.0625rem solid;border-radius:4px;font-family:var(--brand-font-regular, "CiscoSansTT Regular", "Helvetica Neue", Helvetica, Arial, sans-serif);font-size:1rem;height:2.125rem;padding:0 1rem;transition:box-shadow ease-out .15s;width:100%}.md-input.md-dirty{padding-right:2.1875rem}.md-input--nested-1{padding-left:2rem}.md-input--nested-2{padding-left:4rem}.md-input--nested-3{padding-left:6rem}.md-input::-ms-clear,.md-input::-ms-reveal{height:0;width:0}.md-input.md-focus,.md-input:focus{border-color:#007aa3;outline:0;transition:border ease-in .15s}.md-input.md-readonly,.md-input[readonly]{cursor:default}.md-input.md-disabled,.md-input:disabled{cursor:not-allowed}.md-input__after{left:auto;right:0}.md-input__before{left:0;right:auto}.md-input__after,.md-input__before{align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:center;height:100%;position:absolute;top:0;width:2.75rem}.md-input__after md-icon::part(icon),.md-input__before md-icon::part(icon){display:flex}.md-input__help-text,.md-input__label,.md-input__messages{font-family:var(--brand-font-regular, "CiscoSansTT Regular", "Helvetica Neue", Helvetica, Arial, sans-serif);width:100%}.md-input__label{margin-bottom:.5rem}.md-input__messages{display:none;font-size:.75rem;line-height:1.375rem;padding-left:1rem;padding-top:.5rem}.md-input__message{display:inline-flex;line-height:1.375rem;width:100%}.md-input__message md-icon{margin-right:.5em}.md-input__message--error{color:var(--input-error-mesage-text-color,#f7644a);font-size:.75rem;line-height:1.375rem;padding-left:1rem;position:relative;top:-.5rem}.md-input__message--error::before{content:"\\f38d"}.md-input__message::before{float:left;font-family:momentum-ui-icons;font-size:1rem;margin-right:.5rem}.md-input__wrapper{box-sizing:border-box;display:block;flex-grow:1;height:auto;padding:0;position:relative}.md-input--after{padding-right:2.75rem}.md-input--before{padding-left:2.75rem}.md-input--pill{border-radius:18px}.md-input--multiline{min-height:4.3125rem;padding-right:2.75rem}.md-input__icon-clear{border:none;cursor:pointer}.md-input[type=search]{width:100%}.md-input[type=search].md-input--milti{border-color:transparent}.md-input[type=search].md-input--milti:hover{background-color:#dedede}:host .md-input__label{width:100%}::slotted(*){display:flex}.md-spinner-container{align-items:center;display:flex;line-height:1}.md-input__message md-icon{margin-right:.5em}@media(forced-colors:active){.md-input-container .md-input{border:1px solid CanvasText}.md-input-container .md-input.md-focus,.md-input-container .md-input:focus{border:none;outline:2px solid Highlight}.md-input-container .md-input.md-disabled,.md-input-container .md-input:disabled{color:GrayText!important;border:1px solid GrayText}}`,h=function(e,t,i,r){var n,o=arguments.length,a=o<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,i,r);else for(var d=e.length-1;d>=0;d--)(n=e[d])&&(a=(o<3?n(a):o>3?n(t,i,a):n(t,i))||a);return o>3&&a&&Object.defineProperty(t,i,a),a};const 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"],f=["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"],y=["text","number","password","email","tel","checkbox"],v=["none","pill"],_=d,x=["before","after"],w=[0,1,2,3],k=["grammar","false","spelling","true"];var $;!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(Object(o.a)(l.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.isEditing=!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()}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){this.value=e.target.value,this.dispatchEvent(new CustomEvent("input-change",{bubbles:!0,composed:!0,detail:{srcEvent:e,value:this.value}}))}handleBlur(e){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!==r.b.Space&&t!==r.b.Enter)return;e.preventDefault()}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()}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}}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--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-disabled":this.disabled,"md-dirty":!!this.value}}inputTemplate(){return this.multiline?l.html`
|
|
1
|
+
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[15],{24:function(e,t,i){"use strict";i.r(t),i.d(t,"containerSize",(function(){return g})),i.d(t,"inputSize",(function(){return f})),i.d(t,"inputType",(function(){return y})),i.d(t,"inputShape",(function(){return v})),i.d(t,"iconNames",(function(){return _})),i.d(t,"iconPosition",(function(){return x})),i.d(t,"nestedLevel",(function(){return w})),i.d(t,"ariaInvalidType",(function(){return k})),i.d(t,"Input",(function(){return $}));i(51),i(15),i(52),i(49);var r=i(1),n=i(6),o=i(33),a=i(5),d=i(10),l=i(0),s=i(3),p=i(4),c=i(2),m=i(14),u=i(9),b=l.css`@font-face{font-display:fallback;font-family:"CiscoSansTT Regular";font-style:normal;font-weight:400;src:url(/fonts/CiscoSansTTRegular.woff2) format("woff2"),url(/fonts/CiscoSansTTRegular.woff) format("woff")}[class*=md] *,[class*=md] ::after,[class*=md] ::before,[class*=md] button,[class*=md] input,[class*=md] select,[class*=md] textarea{-webkit-box-sizing:inherit;-moz-box-sizing:inherit;box-sizing:inherit;font-size:var(--rem-base)}[class*=md] button,[class*=md] input{overflow:visible}[class*=md] textarea{line-height:1.2rem;max-height:2.25rem;max-width:100%;overflow:auto;padding-bottom:.375rem;padding-top:.375rem;resize:none}[class*=md] textarea[rows]{height:auto}[class*=md] [type=submit]{appearance:none}[class*=md] input[type=file]{margin:0 0 1rem 0;width:100%}[class*=md] input::-webkit-inner-spin-button,[class*=md] input::-webkit-outer-spin-button{appearance:none;margin:0}[class*=md] input[type=number]{moz-appearance:textfield}[class*=md] [type=number]{appearance:textfield}[class*=md] [type=number]::-webkit-inner-spin-button,[class*=md] [type=number]::-webkit-outer-spin-button{height:auto}[class*=md] [type=search]::-webkit-search-cancel-button,[class*=md] [type=search]::-webkit-search-decoration{appearance:none}[class*=md] ::input-placeholder{color:inherit;opacity:.6}[class*=md] ::-webkit-file-upload-button{appearance:button;font:inherit}.md-input-container{box-sizing:border-box;line-height:0;margin-bottom:1rem;position:relative;width:100%;align-content:normal;align-items:normal;display:flex;flex-flow:column wrap;justify-content:normal}.md-input-container .md-input{background-color:var(--input-default-bg-color,#fff);color:var(--md-secondary-text-color,#545454);border-color:var(--input-default-border-color,#ccc)}.md-input-container .md-input::placeholder{color:var(--input-default-placeholder-color,#545454);opacity:1}.md-input-container .md-input.md-hover,.md-input-container .md-input:hover{background-color:var(--input-default-hover-bg-color,#ccc)}.md-input-container .md-input.md-hover:active,.md-input-container .md-input:hover:active{background-color:var(--input-default-pressed-bg-color,#ccc);border-color:var(--input-default-pressed-border-color,#ccc)}.md-input-container .md-input:focus{background-color:var(--input-default-focus-background-color,var(--input-default-bg-color))}.md-input-container .md-input.md-disabled,.md-input-container .md-input:disabled{background-color:var(--input-default-read-only-bg-color,#ededed);border-color:transparent;color:var(--input-disabled-text-color,#b2b2b2)!important}.md-input-container .md-input.md-disabled::placeholder,.md-input-container .md-input:disabled::placeholder{color:var(--input-disabled-text-color,#b2b2b2)}.md-input-container .md-input.md-disabled:hover,.md-input-container .md-input:disabled:hover{background-color:var(--input-default-read-only-bg-color,#ededed)}.md-input-container .md-input.md-readonly,.md-input-container .md-input[readonly]{background-color:var(--input-default-read-only-bg-color,#ededed);border-color:transparent;color:var(--md-primary-text-color,#121212)}.md-input-container .md-input.md-readonly:hover,.md-input-container .md-input[readonly]:hover{background-color:var(--input-default-read-only-bg-color,#ededed)}.md-input-container .md-input__after,.md-input-container .md-input__before{color:var(--md-secondary-text-color,#545454);fill:var(--md-secondary-text-color,#545454)}.md-input-container .md-input__after .md-spinner,.md-input-container .md-input__before .md-spinner{border:1px solid #b2b2b2}.md-input-container .md-input__after .md-spinner::after,.md-input-container .md-input__before .md-spinner::after{border-bottom:1px solid transparent;border-left:1px solid var(--md-secondary-text-color,#545454);border-right:1px solid transparent;border-top:1px solid transparent}.md-input-container .md-input__icon-clear{display:flex;background-color:rgba(0,0,0,0);color:var(--md-secondary-text-color,#545454);fill:var(--md-secondary-text-color,#545454)}.md-input-container .md-input__icon-clear:focus,.md-input-container .md-input__icon-clear:hover{background-color:rgba(0,0,0,0);color:#545454;fill:#545454}.md-input-container.md-disabled .md-input__before{color:var(--input-disabled-text-color,#b2b2b2);fill:var(--input-disabled-text-color,#b2b2b2)}.md-input-container.md-disabled .md-input__before .md-spinner{border:1px solid #b2b2b2}.md-input-container.md-disabled .md-input__before .md-spinner::after{border-bottom:1px solid transparent;border-left:1px solid var(--input-disabled-text-color,#b2b2b2);border-right:1px solid transparent;border-top:1px solid transparent}.md-input-container .md-input__messages{display:block}.md-input-container .md-input__help-text,.md-input-container .md-input__secondary-label{color:#545454}.md-input-container.md-multi{display:inline-flex;flex:1 1 100%;margin-bottom:0}.md-input-container .md-input.md-input--multi{background-color:var(--input-default-bg-color,#fff);border-color:var(--input-default-border-color,#ccc);box-shadow:transparent}.md-input-container .md-input.md-input--multi:hover{background-color:var(--input-default-hover-bg-color,#ccc)}.md-input-container .md-input__before.md-input__content{width:auto}.md-input-container.column,.md-input-container.columns{padding:0}.md-input-container.md-error .md-input{background-color:var(--input-error-bg-color,#ffe8e3);border-color:var(--input-error-border-color,#f7644a)}.md-input-container.md-error .md-input::placeholder{opacity:1}.md-input-container.md-error .md-input.md-hover,.md-input-container.md-error .md-input:hover{background-color:var(--input-error-hover-bg-color,#ffd5cc)}.md-input-container.md-error .md-input.md-hover:active,.md-input-container.md-error .md-input:hover:active{background-color:var(--input-error-pressed-bg-color,#ffbbad);border-color:var(--input-error-border-color,#f7644a)}.md-input-container.md-error .md-input:focus{background-color:var(--input-default-focus-background-color,var(--input-error-bg-color))}.md-input-container.md-error .md-input.md-disabled,.md-input-container.md-error .md-input:disabled{border-color:transparent}.md-input-container.md-error .md-input.md-readonly,.md-input-container.md-error .md-input[readonly]{border-color:transparent}.md-input-container.md-error .md-input__icon-clear{display:flex;background-color:rgba(0,0,0,0)}.md-input-container.md-error .md-input__icon-clear:focus,.md-input-container.md-error .md-input__icon-clear:hover{background-color:rgba(0,0,0,0)}.md-input-container.md-error .md-input__messages{display:block}.md-input-container.md-error:focus{border-color:var(--input-error-focus-border-color,#f7644a);outline:0;transition:border ease-in .15s}.md-input-container.md-error .md-input__message{color:var(--input-error-message-text-color,#a12512)}.md-input-container.md-error .md-input__message::before{content:"\\f38d"}.md-input-container.md-warning .md-input{background-color:var(--input-warning-bg-color,var(--md-alert-warning-bg-color,#ffecc2));border-color:var(--input-warning-border-color,var(--input-warning-border-color,#fc9d03))}.md-input-container.md-warning .md-input::placeholder{opacity:1}.md-input-container.md-warning .md-input.md-hover,.md-input-container.md-warning .md-input:hover{background-color:var(--input-warning-hover-bg-color,var(--md-alert-warning-bg-color,#ffecc2))}.md-input-container.md-warning .md-input.md-hover:active,.md-input-container.md-warning .md-input:hover:active{background-color:var(--input-warning-pressed-bg-color,var(--md-alert-warning-bg-color,#ffecc2));border-color:var(--input-warning-border-color,var(--input-warning-border-color,#fc9d03))}.md-input-container.md-warning .md-input:focus{background-color:var(--input-warning-pressed-bg-color,var(--md-alert-warning-bg-color,#ffecc2))}.md-input-container.md-warning .md-input.md-disabled,.md-input-container.md-warning .md-input:disabled{border-color:transparent}.md-input-container.md-warning .md-input.md-readonly,.md-input-container.md-warning .md-input[readonly]{border-color:transparent}.md-input-container.md-warning .md-input__icon-clear{display:flex;background-color:rgba(0,0,0,0)}.md-input-container.md-warning .md-input__icon-clear:focus,.md-input-container.md-warning .md-input__icon-clear:hover{background-color:rgba(0,0,0,0)}.md-input-container.md-warning .md-input__messages{display:block}.md-input-container.md-warning .md-input__message::before{content:"\\fca1"}.md-input-container.md-success .md-input{background-color:var(--input-success-bg-color,var(--md-alert-success-bg-color,#78f5b8));border-color:var(--input-success-border-color,var(--input-success-border-color,#00ab50))}.md-input-container.md-success .md-input::placeholder{opacity:1}.md-input-container.md-success .md-input.md-hover,.md-input-container.md-success .md-input:hover{background-color:var(--input-success-hover-bg-color,var(--md-alert-success-bg-color,#78f5b8))}.md-input-container.md-success .md-input.md-hover:active,.md-input-container.md-success .md-input:hover:active{background-color:var(--input-success-pressed-bg-color,var(--md-alert-success-bg-color,#befade));border-color:var(--input-success-border-color,var(--input-success-border-color,#00ab50))}.md-input-container.md-success .md-input:focus{background-color:var(--input-success-pressed-bg-color,var(--md-alert-success-bg-color,#befade))}.md-input-container.md-success .md-input.md-disabled,.md-input-container.md-success .md-input:disabled{border-color:transparent}.md-input-container.md-success .md-input.md-readonly,.md-input-container.md-success .md-input[readonly]{border-color:transparent}.md-input-container.md-success .md-input__icon-clear{display:flex;background-color:rgba(0,0,0,0)}.md-input-container.md-success .md-input__icon-clear:focus,.md-input-container.md-success .md-input__icon-clear:hover{background-color:rgba(0,0,0,0)}.md-input-container.md-success .md-input__messages{display:block}.md-input-container.md-success .md-input__message::before{content:"\\f37e"}.md-input-container.md-input--filled .md-input{background-color:var(--input-filled-bg-color,#ededed);border:none}.md-input-container.md-input--filled .md-input::placeholder{opacity:1}.md-input-container.md-input--filled .md-input.md-hover,.md-input-container.md-input--filled .md-input:hover{background-color:var(--input-filled-hover-bg-color,#dedede)}.md-input-container.md-input--filled .md-input.md-disabled,.md-input-container.md-input--filled .md-input:disabled{background-color:var(--input-filled-disabled-bg-color,#ededed);border-color:transparent}.md-input-container.md-input--filled .md-input.md-disabled:hover,.md-input-container.md-input--filled .md-input:disabled:hover{background-color:var(--input-filled-disabled-bg-color,#ededed)}.md-input-container.md-input--filled .md-input.md-readonly,.md-input-container.md-input--filled .md-input[readonly]{background-color:var(--input-filled-disabled-bg-color,#ededed);border-color:transparent}.md-input-container.md-input--filled .md-input.md-readonly:hover,.md-input-container.md-input--filled .md-input[readonly]:hover{background-color:var(--input-filled-disabled-bg-color,#ededed)}.md-input-container.md-input--filled .md-input__icon-clear{display:flex;background-color:rgba(0,0,0,0)}.md-input-container.md-input--filled .md-input__icon-clear:focus,.md-input-container.md-input--filled .md-input__icon-clear:hover{background-color:rgba(0,0,0,0)}.md-input-container.md-input--filled .md-input__messages{display:block}.md-input{border:.0625rem solid;border-radius:4px;font-family:var(--brand-font-regular, "CiscoSansTT Regular", "Helvetica Neue", Helvetica, Arial, sans-serif);font-size:1rem;height:2.125rem;padding:0 1rem;transition:box-shadow ease-out .15s;width:100%}.md-input.md-dirty{padding-right:2.1875rem}.md-input--nested-1{padding-left:2rem}.md-input--nested-2{padding-left:4rem}.md-input--nested-3{padding-left:6rem}.md-input::-ms-clear,.md-input::-ms-reveal{height:0;width:0}.md-input.md-focus,.md-input:focus{border-color:#007aa3;outline:0;transition:border ease-in .15s}.md-input.md-readonly,.md-input[readonly]{cursor:default}.md-input.md-disabled,.md-input:disabled{cursor:not-allowed}.md-input__after{left:auto;right:0}.md-input__before{left:0;right:auto}.md-input__after,.md-input__before{align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:center;height:100%;position:absolute;top:0;width:2.75rem}.md-input__after md-icon::part(icon),.md-input__before md-icon::part(icon){display:flex}.md-input__help-text,.md-input__label,.md-input__messages{font-family:var(--brand-font-regular, "CiscoSansTT Regular", "Helvetica Neue", Helvetica, Arial, sans-serif);width:100%}.md-input__label{margin-bottom:.5rem}.md-input__messages{display:none;font-size:.75rem;line-height:1.375rem;padding-left:1rem;padding-top:.5rem}.md-input__message{display:inline-flex;line-height:1.375rem;width:100%}.md-input__message md-icon{margin-right:.5em}.md-input__message--error{color:var(--input-error-mesage-text-color,#f7644a);font-size:.75rem;line-height:1.375rem;padding-left:1rem;position:relative;top:-.5rem}.md-input__message--error::before{content:"\\f38d"}.md-input__message::before{float:left;font-family:momentum-ui-icons;font-size:1rem;margin-right:.5rem}.md-input__wrapper{box-sizing:border-box;display:block;flex-grow:1;height:auto;padding:0;position:relative}.md-input--after{padding-right:2.75rem}.md-input--before{padding-left:2.75rem}.md-input--pill{border-radius:18px}.md-input--multiline{min-height:4.3125rem;padding-right:2.75rem}.md-input__icon-clear{border:none;cursor:pointer}.md-input[type=search]{width:100%}.md-input[type=search].md-input--milti{border-color:transparent}.md-input[type=search].md-input--milti:hover{background-color:#dedede}:host .md-input__label{width:100%}::slotted(*){display:flex}.md-spinner-container{align-items:center;display:flex;line-height:1}.md-input__message md-icon{margin-right:.5em}@media(forced-colors:active){.md-input-container .md-input{border:1px solid CanvasText}.md-input-container .md-input.md-focus,.md-input-container .md-input:focus{border:none;outline:2px solid Highlight}.md-input-container .md-input.md-disabled,.md-input-container .md-input:disabled{color:GrayText!important;border:1px solid GrayText}}`,h=function(e,t,i,r){var n,o=arguments.length,a=o<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,i,r);else for(var d=e.length-1;d>=0;d--)(n=e[d])&&(a=(o<3?n(a):o>3?n(t,i,a):n(t,i))||a);return o>3&&a&&Object.defineProperty(t,i,a),a};const 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"],f=["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"],y=["text","number","password","email","tel","checkbox"],v=["none","pill"],_=d,x=["before","after"],w=[0,1,2,3],k=["grammar","false","spelling","true"];var $;!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(Object(o.a)(l.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.isEditing=!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()}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){this.value=e.target.value,this.dispatchEvent(new CustomEvent("input-change",{bubbles:!0,composed:!0,detail:{srcEvent:e,value:this.value}}))}handleBlur(e){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!==r.b.Space&&t!==r.b.Enter)return;e.preventDefault()}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()}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}}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--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-disabled":this.disabled,"md-dirty":!!this.value}}get ariaExpandedValue(){return"true"===this.ariaExpanded||"false"===this.ariaExpanded?this.ariaExpanded:"undefined"}inputTemplate(){return this.multiline?l.html`
|
|
2
2
|
<textarea
|
|
3
3
|
part="input"
|
|
4
4
|
class="md-input ${Object(p.classMap)(this.inputTemplateClassMap)}"
|
|
@@ -37,6 +37,7 @@
|
|
|
37
37
|
.value=${this.value}
|
|
38
38
|
aria-describedby=${this.ariaDescribedBy}
|
|
39
39
|
aria-controls=${this.ariaControls}
|
|
40
|
+
aria-expanded=${this.ariaExpandedValue}
|
|
40
41
|
aria-label=${this.ariaLabel}
|
|
41
42
|
aria-invalid=${this.ariaInvalid}
|
|
42
43
|
aria-errormessage=${this.htmlId+"-message"}
|
|
@@ -120,4 +121,4 @@
|
|
|
120
121
|
</div>
|
|
121
122
|
${this.messagesTemplate()} ${this.secondaryLabelTemplate()} ${this.helpTextTemplate()}
|
|
122
123
|
</div>
|
|
123
|
-
`}};h([Object(l.property)({type:String})],i.prototype,"ariaDescribedBy",void 0),h([Object(l.property)({type:String,reflect:!0})],i.prototype,"ariaInvalid",void 0),h([Object(l.property)({type:String})],i.prototype,"ariaLabel",void 0),h([Object(l.property)({type:Boolean,reflect:!0})],i.prototype,"autofocus",void 0),h([Object(l.property)({type:String})],i.prototype,"auxiliaryContentPosition",void 0),h([Object(l.property)({type:Boolean})],i.prototype,"clear",void 0),h([Object(l.property)({type:String})],i.prototype,"clearAriaLabel",void 0),h([Object(l.property)({type:Boolean})],i.prototype,"compact",void 0),h([Object(l.property)({type:String})],i.prototype,"containerSize",void 0),h([Object(l.property)({type:Boolean})],i.prototype,"disabled",void 0),h([Object(l.property)({type:String})],i.prototype,"id",void 0),h([Object(l.property)({type:String})],i.prototype,"inputSize",void 0),h([Object(l.property)({type:Boolean})],i.prototype,"isFilled",void 0),h([Object(l.property)({type:Boolean})],i.prototype,"isLoading",void 0),h([Object(l.property)({type:String})],i.prototype,"label",void 0),h([Object(l.property)({type:String})],i.prototype,"helpText",void 0),h([Object(l.property)({type:Boolean,attribute:"hide-message",reflect:!0})],i.prototype,"hideMessage",void 0),h([Object(l.property)({type:String})],i.prototype,"htmlId",void 0),h([Object(l.property)({type:String})],i.prototype,"role",void 0),h([Object(l.property)({type:Array})],i.prototype,"messageArr",void 0),h([Object(l.property)({type:Number,reflect:!0})],i.prototype,"min",void 0),h([Object(l.property)({type:Number,reflect:!0})],i.prototype,"max",void 0),h([Object(l.property)({type:Number})],i.prototype,"maxLength",void 0),h([Object(l.property)({type:Boolean})],i.prototype,"multi",void 0),h([Object(l.property)({type:Boolean})],i.prototype,"multiline",void 0),h([Object(l.property)({type:String,reflect:!0})],i.prototype,"name",void 0),h([Object(l.property)({type:Number})],i.prototype,"nestedLevel",void 0),h([Object(l.property)({type:String})],i.prototype,"placeholder",void 0),h([Object(l.property)({type:Boolean})],i.prototype,"readOnly",void 0),h([Object(l.property)({type:Boolean})],i.prototype,"required",void 0),h([Object(l.property)({type:Boolean})],i.prototype,"searchable",void 0),h([Object(l.property)({type:String})],i.prototype,"secondaryLabel",void 0),h([Object(l.property)({type:Boolean,attribute:"select-when-in-focus"})],i.prototype,"selectWhenInFocus",void 0),h([Object(l.property)({type:String})],i.prototype,"shape",void 0),h([Object(l.property)({type:String})],i.prototype,"type",void 0),h([Object(l.property)({type:String,reflect:!0})],i.prototype,"value",void 0),h([Object(l.property)({type:String})],i.prototype,"ariaControls",void 0),h([Object(l.query)(".md-input")],i.prototype,"input",void 0),h([Object(l.internalProperty)()],i.prototype,"isEditing",void 0),i=h([Object(n.a)("md-input")],i),e.ELEMENT=i}($||($={}))}}]);
|
|
124
|
+
`}};h([Object(l.property)({type:String})],i.prototype,"ariaDescribedBy",void 0),h([Object(l.property)({type:String,reflect:!0})],i.prototype,"ariaInvalid",void 0),h([Object(l.property)({type:String})],i.prototype,"ariaLabel",void 0),h([Object(l.property)({type:Boolean,reflect:!0})],i.prototype,"autofocus",void 0),h([Object(l.property)({type:String})],i.prototype,"auxiliaryContentPosition",void 0),h([Object(l.property)({type:Boolean})],i.prototype,"clear",void 0),h([Object(l.property)({type:String})],i.prototype,"clearAriaLabel",void 0),h([Object(l.property)({type:Boolean})],i.prototype,"compact",void 0),h([Object(l.property)({type:String})],i.prototype,"containerSize",void 0),h([Object(l.property)({type:Boolean})],i.prototype,"disabled",void 0),h([Object(l.property)({type:String})],i.prototype,"id",void 0),h([Object(l.property)({type:String})],i.prototype,"inputSize",void 0),h([Object(l.property)({type:Boolean})],i.prototype,"isFilled",void 0),h([Object(l.property)({type:Boolean})],i.prototype,"isLoading",void 0),h([Object(l.property)({type:String})],i.prototype,"label",void 0),h([Object(l.property)({type:String})],i.prototype,"helpText",void 0),h([Object(l.property)({type:Boolean,attribute:"hide-message",reflect:!0})],i.prototype,"hideMessage",void 0),h([Object(l.property)({type:String})],i.prototype,"htmlId",void 0),h([Object(l.property)({type:String})],i.prototype,"role",void 0),h([Object(l.property)({type:Array})],i.prototype,"messageArr",void 0),h([Object(l.property)({type:Number,reflect:!0})],i.prototype,"min",void 0),h([Object(l.property)({type:Number,reflect:!0})],i.prototype,"max",void 0),h([Object(l.property)({type:Number})],i.prototype,"maxLength",void 0),h([Object(l.property)({type:Boolean})],i.prototype,"multi",void 0),h([Object(l.property)({type:Boolean})],i.prototype,"multiline",void 0),h([Object(l.property)({type:String,reflect:!0})],i.prototype,"name",void 0),h([Object(l.property)({type:Number})],i.prototype,"nestedLevel",void 0),h([Object(l.property)({type:String})],i.prototype,"placeholder",void 0),h([Object(l.property)({type:Boolean})],i.prototype,"readOnly",void 0),h([Object(l.property)({type:Boolean})],i.prototype,"required",void 0),h([Object(l.property)({type:Boolean})],i.prototype,"searchable",void 0),h([Object(l.property)({type:String})],i.prototype,"secondaryLabel",void 0),h([Object(l.property)({type:Boolean,attribute:"select-when-in-focus"})],i.prototype,"selectWhenInFocus",void 0),h([Object(l.property)({type:String})],i.prototype,"shape",void 0),h([Object(l.property)({type:String})],i.prototype,"type",void 0),h([Object(l.property)({type:String,reflect:!0})],i.prototype,"value",void 0),h([Object(l.property)({type:String})],i.prototype,"ariaControls",void 0),h([Object(l.property)({type:String})],i.prototype,"ariaExpanded",void 0),h([Object(l.query)(".md-input")],i.prototype,"input",void 0),h([Object(l.internalProperty)()],i.prototype,"isEditing",void 0),i=h([Object(n.a)("md-input")],i),e.ELEMENT=i}($||($={}))}}]);
|
package/dist/chunks/md-23.js
CHANGED
package/dist/chunks/md-27.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[27],{38:function(t,e,o){"use strict";var i=o(0);e.a=i.css`:host{box-sizing:border-box}:host(:focus){box-shadow:none!important;outline:0}:host([selected]) button{box-shadow:var(--tabs-default-active-bottom-border,inset 0 -2px 0 0 var(--tabs-default-active-border,#005e7d));border-radius:.25rem .25rem 0 0;color:var(--tabs-default-active,#005e7d);font-family:var(--brand-font-bold);font-weight:var(--brand-font-weight-bold)}:host([selected]) button:active{border-radius:.25rem}:host([vertical]) button{text-align:left!important}:host([selected][vertical]) button{border-radius:0 .25rem .25rem 0;box-shadow:var(--tabs-default-active-vertical-border,inset 2px 0 0 0 var(--tabs-default-active-border,#005e7d))}:host([selected][vertical]) button:active{border-radius:.25rem}:host(:focus){background-color:var(--tabs-default-focus-bg,#fff)}:host(:focus) button{outline:2px solid var(--tabs-default-focus-border,#005e7d)!important;outline-offset:-.125rem;box-shadow:var(--tabs-default-focus-shadow,0 0 4px 2px transparent)!important}:host(:focus[selected]){background:rgba(0,0,0,0)}:host([viewporthidden]){display:none;height:auto!important;pointer-events:none;position:absolute;right:0;top:0;visibility:hidden;width:auto!important;z-index:-1}:host([measuringrealwidth]){width:auto!important}.tab-slot{display:block}slot .tab-content{align-items:center;display:flex}slot .tab-content img,slot .tab-content md-icon{margin-right:.5rem}slot .tab-content img{height:1rem;width:1rem}.tab-action-button{display:flex;margin-left:calc(.125rem*4)}.tab-action-button md-icon{display:inherit}.tab-action-button:hover{cursor:pointer}.closable{display:flex;justify-content:space-between}md-icon:focus{border-radius:calc(.25rem/2);box-shadow:none;outline:0;box-shadow:0 0 0 .09375rem var(--md-focus-border-color)}button{background:rgba(0,0,0,0);border:none;border-radius:.25rem;color:var(--tabs-default-text-color,#545454);display:block;height:100%;min-height:2.8125rem;padding:.3rem 1rem;position:relative;text-align:center;text-decoration:none;white-space:nowrap;width:100%}button:disabled{background:rgba(0,0,0,0);color:var(--tabs-default-disabled,#b2b2b2);cursor:not-allowed;filter:invert(100%)}@media screen and (-ms-high-contrast:active){button:disabled{filter:brightness(1) contrast(1) saturate(1.5)}}button:disabled:hover{background:0 0}button:disabled:focus{outline:0!important;border:none!important}button ::slotted(span){display:inline-block;line-height:1.6875rem;vertical-align:top}button span{display:inline-block;line-height:1.6875rem;vertical-align:top;padding:0 .25rem}button:hover{background-color:var(--tabs-default-hover,#ededed)}button:active{background-color:var(--tabs-default-pressed,#dedede);outline:0}button:focus{outline:0}@media(forced-colors:active){:host{background-color:Canvas;box-shadow:none}:host button{border:none}:host([selected]) button{
|
|
1
|
+
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[27],{38:function(t,e,o){"use strict";var i=o(0);e.a=i.css`:host{box-sizing:border-box}:host(:focus){box-shadow:none!important;outline:0}:host([selected]) button{box-shadow:var(--tabs-default-active-bottom-border,inset 0 -2px 0 0 var(--tabs-default-active-border,#005e7d));border-radius:.25rem .25rem 0 0;color:var(--tabs-default-active,#005e7d);font-family:var(--brand-font-bold);font-weight:var(--brand-font-weight-bold)}:host([selected]) button:active{border-radius:.25rem}:host([vertical]) button{text-align:left!important}:host([selected][vertical]) button{border-radius:0 .25rem .25rem 0;box-shadow:var(--tabs-default-active-vertical-border,inset 2px 0 0 0 var(--tabs-default-active-border,#005e7d))}:host([selected][vertical]) button:active{border-radius:.25rem}:host(:focus){background-color:var(--tabs-default-focus-bg,#fff)}:host(:focus) button{outline:2px solid var(--tabs-default-focus-border,#005e7d)!important;outline-offset:-.125rem;box-shadow:var(--tabs-default-focus-shadow,0 0 4px 2px transparent)!important}:host(:focus[selected]){background:rgba(0,0,0,0)}:host([viewporthidden]){display:none;height:auto!important;pointer-events:none;position:absolute;right:0;top:0;visibility:hidden;width:auto!important;z-index:-1}:host([measuringrealwidth]){width:auto!important}.tab-slot{display:block}slot .tab-content{align-items:center;display:flex}slot .tab-content img,slot .tab-content md-icon{margin-right:.5rem}slot .tab-content img{height:1rem;width:1rem}.tab-action-button{display:flex;margin-left:calc(.125rem*4)}.tab-action-button md-icon{display:inherit}.tab-action-button:hover{cursor:pointer}.closable{display:flex;justify-content:space-between}md-icon:focus{border-radius:calc(.25rem/2);box-shadow:none;outline:0;box-shadow:0 0 0 .09375rem var(--md-focus-border-color)}button{background:rgba(0,0,0,0);border:none;border-radius:.25rem;color:var(--tabs-default-text-color,#545454);display:block;height:100%;min-height:2.8125rem;padding:.3rem 1rem;position:relative;text-align:center;text-decoration:none;white-space:nowrap;width:100%}button:disabled{background:rgba(0,0,0,0);color:var(--tabs-default-disabled,#b2b2b2);cursor:not-allowed;filter:invert(100%)}@media screen and (-ms-high-contrast:active){button:disabled{filter:brightness(1) contrast(1) saturate(1.5)}}button:disabled:hover{background:0 0}button:disabled:focus{outline:0!important;border:none!important}button ::slotted(span){display:inline-block;line-height:1.6875rem;vertical-align:top}button span{display:inline-block;line-height:1.6875rem;vertical-align:top;padding:0 .25rem}button:hover{background-color:var(--tabs-default-hover,#ededed)}button:active{background-color:var(--tabs-default-pressed,#dedede);outline:0}button:focus{outline:0}@media(forced-colors:active){:host{background-color:Canvas;box-shadow:none}:host button{border:none}:host([selected]) button{border-radius:.25rem .25rem 0 0;color:HighlightText;background-color:Highlight!important;forced-color-adjust:none}:host([selected]) button:active{border-radius:.25rem}:host(:focus) button{outline:2px solid Highlight;outline-offset:-2px;box-shadow:none;border:none}:host(:focus[selected]){background:Canvas}button:hover{outline:1px solid Highlight;outline-offset:-1px}button:focus:not(:disabled){outline:1px solid Highlight;outline-offset:-1px}button:disabled{forced-color-adjust:none;background-color:none;color:GrayText}}:host{display:flex;flex-direction:column;font-size:var(--body-secondary-font-size,14px);font-family:var(--brand-font-medium);font-weight:var(--brand-font-weight-medium);height:100%;padding:0;position:relative}.visible-tabs-slot{display:block;height:0;visibility:hidden;width:0}.visible-tabs-container{display:flex;flex-direction:row;width:100%}.md-tab__list{border-bottom:1px solid var(--tabs-default-border-color,#ededed);display:inline-flex;height:3rem;min-height:3rem;padding-left:.125rem;padding-top:.125rem;text-align:center;width:100%}.md-tab__list .md-menu-overlay__more{height:100%;margin-left:auto;width:auto;max-width:128.5px}.md-tab__list .md-menu-overlay__more .md-menu-overlay__overflow-label{max-width:70px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.md-tab__list .md-menu-overlay__more.md-menu-overlay__more--hidden{display:none;pointer-events:none;visibility:hidden;width:0!important;z-index:-1}.md-tab__list .md-menu-overlay__more_tab{height:100%;min-height:2.8125rem}.md-tab__list .md-menu-overlay__more_tab.md-menu-overlay__more_tab--measuring{opacity:0}.md-tab__list .md-menu-overlay__more_tab.md-menu-overlay__more_tab--hidden:not(.md-menu-overlay__more_tab--measuring){pointer-events:none;visibility:hidden;z-index:-1}.md-tab__list .md-menu-overlay__more_tab.md-menu-overlay__more_tab--hidden:not(.md-menu-overlay__more_tab--measuring)::part(tab){padding:0;border:none}.md-tab__list .md-menu-overlay__more_list{display:flex;flex-direction:column;height:auto;max-width:100%;padding:0;padding-bottom:calc(.125rem/2);padding-top:calc(.125rem/2);width:100%;overflow-x:hidden}.md-tab__list .md-menu-overlay__more_list md-tab::part(tab){text-align:left;padding-left:16px;padding-right:16px}.md-tab__list md-menu-overlay::part(overlay){top:-.8125rem}.md-tab__content{height:100%;overflow:hidden auto;padding:.125rem}md-tab img,md-tab md-icon{margin-right:.5rem}md-tab img.more-icon,md-tab md-icon.more-icon{margin-right:0;margin-left:.5rem}md-menu-overlay md-tab md-tooltip{width:170px;position:absolute}md-menu-overlay md-tab md-tooltip .text-ellipsis{width:170px;position:absolute;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.md-tab__list ::slotted([slot=tab]){display:inline-block}.visible-tabs-container.md-tab__justified{display:flex;justify-content:space-between;padding-right:.125rem}.visible-tabs-container.md-tab__justified md-tab{display:inline-block;width:100%}.md-tab__list ::slotted([slot=tab][selected]),.md-tab__list md-tab[selected]{color:var(--tabs-default-active,#005e7d)}.md-tab__list ::slotted([slot=tab][disabled]),.md-tab__list md-tab[disabled]{color:var(--tabs-default-disabled,#b2b2b2)}.md-tab__list ::slotted([slot=tab]:focus),.md-tab__list md-tab:focus{box-shadow:none}.md-tab__content ::slotted([slot=panel]){display:none;visibility:hidden}.md-tab__content ::slotted([slot=panel][selected]){display:block;visibility:visible}.md-tab__content ::slotted([slot=panel][selected][focus-visible]:focus-visible){outline:2px solid var(--tabs-default-focus-border,#005e7d);outline-offset:calc(.125rem solid transparent*-2);outline-style:solid}.md-tab__content ::slotted([slot=panel][selected][focus-visible]:not(:focus-visible)){outline:0;outline-offset:none;outline-style:none}.md-tab__content{display:block;flex:1 1 auto}.no-tabs-visible{display:none!important}:host([direction=vertical]){flex-direction:row}:host([direction=vertical]) .md-tab__list{border-right:1px solid var(--tabs-default-border-color,#ededed);display:inline-flex;flex-direction:column;height:100%;justify-content:flex-start;width:auto}:host([direction=vertical]) .md-tab__list ::slotted([slot=tab]){border-left:.125rem solid transparent;display:block;height:auto;text-align:left}:host([direction=vertical]) .md-tab__list ::slotted([slot=tab])[selected]{color:var(--tabs-default-active,#005e7d)}:host([direction=vertical]) .md-tab__content ::slotted([slot=panel]){padding-left:.625rem}`}}]);
|
package/dist/chunks/md-38.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[38],{41:function(e,t,a){"use strict";a.r(t),a.d(t,"DatePicker",(function(){return i}));a(71),a(24),a(32);var i,s=a(1),o=a(6),r=a(8),l=a(16),n=a(19),c=a(0),d=a(2),h=a(12),p=function(e,t,a,i){var s,o=arguments.length,r=o<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,a):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,a,i);else for(var l=e.length-1;l>=0;l--)(s=e[l])&&(r=(o<3?s(r):o>3?s(t,a,r):s(t,a))||r);return o>3&&r&&Object.defineProperty(t,a,r),r},u=function(e,t,a,i){return new(a||(a=Promise))((function(s,o){function r(e){try{n(i.next(e))}catch(e){o(e)}}function l(e){try{n(i.throw(e))}catch(e){o(e)}}function n(e){var t;e.done?s(e.value):(t=e.value,t instanceof a?t:new a((function(e){e(t)}))).then(r,l)}n((i=i.apply(e,t||[])).next())}))};!function(e){e.weekStartDays=["Sunday","Monday"];let t=class extends c.LitElement{constructor(){super(...arguments),this.shouldCloseOnSelect=!1,this.maxDate=void 0,this.minDate=void 0,this.value=void 0,this.weekStart="Sunday",this.placeholder=void 0,this.locale="en-US",this.includesTime=!1,this.disabled=!1,this.htmlId="",this.label="",this.ariaLabel="Choose Date",this.required=!1,this.errorMessage="",this.customTrigger=!1,this.selectedDate=Object(r.n)(),this.focusedDate=Object(r.n)(),this.filterDate=void 0,this.maxDateData=void 0,this.minDateData=void 0,this.handleDateInputChange=e=>{var t,a;(null===(t=null==e?void 0:e.detail)||void 0===t?void 0:t.value)&&(this.value=null===(a=null==e?void 0:e.detail)||void 0===a?void 0:a.value),this.dispatchEvent(new CustomEvent("date-input-change",{bubbles:!0,composed:!0,detail:{sourceEvent:e,value:this.value}}))},this.setOpen=e=>{this.menuOverlay.isOpen=e},this.handleSelect=e=>{const t=e.detail.date,a=e.detail.sourceEvent;this.setPreSelection(t),this.setSelected(t,a),this.shouldCloseOnSelect&&this.setOpen(!1)},this.setSelected=(e,t)=>{const a={maxDate:this.maxDateData,minDate:this.minDateData,filterDate:this.filterDate};if(!Object(r.j)(e,a)){const t=this.includesTime?e.startOf("second").toISO({suppressMilliseconds:!0}):e.toISODate();this.selectedDate=e,this.value=t}this.dispatchEvent(new CustomEvent("date-selection-change",{bubbles:!0,composed:!0,detail:{sourceEvent:t,data:e}}))},this.setPreSelection=e=>{const t={maxDate:this.maxDateData,minDate:this.minDateData,filterDate:this.filterDate};Object(r.j)(e,t)||(this.focusedDate=e)},this.handleInputKeyDown=e=>{e.code===s.b.ArrowDown&&this.setOpen(!0)},this.handleKeyDown=e=>{const t=e.detail.sourceEvent;let a=!1;const i=this.focusedDate;switch(!t.shiftKey&&t.code){case"Space":case"Enter":this.handleSelect(e),a=!0;break;case"Escape":this.setOpen(!1);break;case"ArrowUp":this.setPreSelection(Object(r.s)(i,1)),a=!0;break;case"ArrowLeft":this.setPreSelection(Object(r.q)(i,1)),a=!0;break;case"ArrowRight":this.setPreSelection(Object(r.a)(i,1)),a=!0;break;case"ArrowDown":this.setPreSelection(Object(r.c)(i,1)),a=!0}a&&(t.stopPropagation(),t.preventDefault())},this.chosenDateLabel=()=>this.selectedDate?`, Selected date is ${this.selectedDate.weekdayLong} ${this.selectedDate.monthLong} ${this.selectedDate.day}, ${this.selectedDate.year}`:void 0,this.isValueValid=()=>{if(!this.value&&""!==this.value)return!0;const e=Object(l.a)("md-date-range-picker",this),t=e&&e.startDate&&e.endDate?n.a.dateRangeString:this.includesTime?n.a.ISOString:n.a.ISODateString,a=RegExp(t),i={maxDate:this.maxDateData,minDate:this.minDateData,filterDate:this.filterDate};return this.value&&a.test(this.value)&&!Object(r.j)(h.DateTime.fromISO(this.value,{locale:this.locale}),i)}}connectedCallback(){super.connectedCallback(),this.minDate&&(this.minDateData=h.DateTime.fromISO(this.minDate,{locale:this.locale})),this.maxDate&&(this.maxDateData=h.DateTime.fromISO(this.maxDate,{locale:this.locale}))}firstUpdated(e){const t=Object.create(null,{firstUpdated:{get:()=>super.firstUpdated}});var a,i;return u(this,void 0,void 0,(function*(){t.firstUpdated.call(this,e),""===this.value&&(this.value=this.includesTime?null===(a=this.selectedDate)||void 0===a?void 0:a.startOf("second").toISO({suppressMilliseconds:!0}):null===(i=this.selectedDate)||void 0===i?void 0:i.toISODate())}))}updated(e){if(super.updated(e),this.value&&e.has("value")){if(Object(l.a)("md-date-range-picker",this))return;this.selectedDate=h.DateTime.fromISO(this.value,{locale:this.locale}),this.setPreSelection(this.selectedDate)}e.has("locale")&&this.render(),this.minDate&&e.has("minDate")&&(this.minDateData=h.DateTime.fromISO(this.minDate,{locale:this.locale})),this.maxDate&&e.has("maxDate")&&(this.maxDateData=h.DateTime.fromISO(this.maxDate,{locale:this.locale}))}render(){return c.html`
|
|
1
|
+
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[38],{41:function(e,t,a){"use strict";a.r(t),a.d(t,"DatePicker",(function(){return i}));a(71),a(24),a(32);var i,s=a(1),o=a(6),r=a(8),l=a(16),n=a(19),c=a(0),d=a(2),h=a(12),p=function(e,t,a,i){var s,o=arguments.length,r=o<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,a):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,a,i);else for(var l=e.length-1;l>=0;l--)(s=e[l])&&(r=(o<3?s(r):o>3?s(t,a,r):s(t,a))||r);return o>3&&r&&Object.defineProperty(t,a,r),r},u=function(e,t,a,i){return new(a||(a=Promise))((function(s,o){function r(e){try{n(i.next(e))}catch(e){o(e)}}function l(e){try{n(i.throw(e))}catch(e){o(e)}}function n(e){var t;e.done?s(e.value):(t=e.value,t instanceof a?t:new a((function(e){e(t)}))).then(r,l)}n((i=i.apply(e,t||[])).next())}))};!function(e){e.weekStartDays=["Sunday","Monday"];let t=class extends c.LitElement{constructor(){super(...arguments),this.shouldCloseOnSelect=!1,this.maxDate=void 0,this.minDate=void 0,this.value=void 0,this.weekStart="Sunday",this.placeholder=void 0,this.locale="en-US",this.includesTime=!1,this.disabled=!1,this.htmlId="",this.label="",this.ariaLabel="Choose Date",this.required=!1,this.errorMessage="",this.customTrigger=!1,this.isMenuOverlayOpen=!1,this.selectedDate=Object(r.n)(),this.focusedDate=Object(r.n)(),this.filterDate=void 0,this.maxDateData=void 0,this.minDateData=void 0,this.handleDateInputChange=e=>{var t,a;(null===(t=null==e?void 0:e.detail)||void 0===t?void 0:t.value)&&(this.value=null===(a=null==e?void 0:e.detail)||void 0===a?void 0:a.value),this.dispatchEvent(new CustomEvent("date-input-change",{bubbles:!0,composed:!0,detail:{sourceEvent:e,value:this.value}}))},this.setOpen=e=>{this.menuOverlay.isOpen=e,this.isMenuOverlayOpen=e},this.handleSelect=e=>{const t=e.detail.date,a=e.detail.sourceEvent;this.setPreSelection(t),this.setSelected(t,a),this.shouldCloseOnSelect&&this.setOpen(!1)},this.setSelected=(e,t)=>{const a={maxDate:this.maxDateData,minDate:this.minDateData,filterDate:this.filterDate};if(!Object(r.j)(e,a)){const t=this.includesTime?e.startOf("second").toISO({suppressMilliseconds:!0}):e.toISODate();this.selectedDate=e,this.value=t}this.dispatchEvent(new CustomEvent("date-selection-change",{bubbles:!0,composed:!0,detail:{sourceEvent:t,data:e}}))},this.setPreSelection=e=>{const t={maxDate:this.maxDateData,minDate:this.minDateData,filterDate:this.filterDate};Object(r.j)(e,t)||(this.focusedDate=e)},this.handleInputKeyDown=e=>{e.code===s.b.ArrowDown&&this.setOpen(!0)},this.handleKeyDown=e=>{const t=e.detail.sourceEvent;let a=!1;const i=this.focusedDate;switch(!t.shiftKey&&t.code){case"Space":case"Enter":this.handleSelect(e),a=!0;break;case"Escape":this.setOpen(!1);break;case"ArrowUp":this.setPreSelection(Object(r.s)(i,1)),a=!0;break;case"ArrowLeft":this.setPreSelection(Object(r.q)(i,1)),a=!0;break;case"ArrowRight":this.setPreSelection(Object(r.a)(i,1)),a=!0;break;case"ArrowDown":this.setPreSelection(Object(r.c)(i,1)),a=!0}a&&(t.stopPropagation(),t.preventDefault())},this.chosenDateLabel=()=>this.selectedDate?`, Selected date is ${this.selectedDate.weekdayLong} ${this.selectedDate.monthLong} ${this.selectedDate.day}, ${this.selectedDate.year}`:void 0,this.isValueValid=()=>{if(!this.value&&""!==this.value)return!0;const e=Object(l.a)("md-date-range-picker",this),t=e&&e.startDate&&e.endDate?n.a.dateRangeString:this.includesTime?n.a.ISOString:n.a.ISODateString,a=RegExp(t),i={maxDate:this.maxDateData,minDate:this.minDateData,filterDate:this.filterDate};return this.value&&a.test(this.value)&&!Object(r.j)(h.DateTime.fromISO(this.value,{locale:this.locale}),i)}}connectedCallback(){super.connectedCallback(),this.minDate&&(this.minDateData=h.DateTime.fromISO(this.minDate,{locale:this.locale})),this.maxDate&&(this.maxDateData=h.DateTime.fromISO(this.maxDate,{locale:this.locale}))}firstUpdated(e){const t=Object.create(null,{firstUpdated:{get:()=>super.firstUpdated}});var a,i;return u(this,void 0,void 0,(function*(){t.firstUpdated.call(this,e),""===this.value&&(this.value=this.includesTime?null===(a=this.selectedDate)||void 0===a?void 0:a.startOf("second").toISO({suppressMilliseconds:!0}):null===(i=this.selectedDate)||void 0===i?void 0:i.toISODate())}))}updated(e){if(super.updated(e),this.value&&e.has("value")){if(Object(l.a)("md-date-range-picker",this))return;this.selectedDate=h.DateTime.fromISO(this.value,{locale:this.locale}),this.setPreSelection(this.selectedDate)}e.has("locale")&&this.render(),this.minDate&&e.has("minDate")&&(this.minDateData=h.DateTime.fromISO(this.minDate,{locale:this.locale})),this.maxDate&&e.has("maxDate")&&(this.maxDateData=h.DateTime.fromISO(this.maxDate,{locale:this.locale}))}render(){return c.html`
|
|
2
2
|
<md-menu-overlay is-date-picker="true" custom-width="248px" ?disabled=${this.disabled}>
|
|
3
3
|
${this.customTrigger?c.html`
|
|
4
4
|
<span slot="menu-trigger">
|
|
@@ -14,6 +14,8 @@
|
|
|
14
14
|
htmlId=${this.htmlId}
|
|
15
15
|
label=${this.label}
|
|
16
16
|
ariaLabel=${this.ariaLabel+this.chosenDateLabel()}
|
|
17
|
+
ariaExpanded=${this.isMenuOverlayOpen?"true":"false"}
|
|
18
|
+
ariaControls="date-overlay-content"
|
|
17
19
|
auxiliaryContentPosition="before"
|
|
18
20
|
required=${this.required}
|
|
19
21
|
@keydown=${e=>this.handleInputKeyDown(e)}
|
|
@@ -37,4 +39,4 @@
|
|
|
37
39
|
<slot name="time-picker"></slot>
|
|
38
40
|
</div>
|
|
39
41
|
</md-menu-overlay>
|
|
40
|
-
`}};p([Object(c.property)({type:Boolean,attribute:"should-close-on-select"})],t.prototype,"shouldCloseOnSelect",void 0),p([Object(c.property)({type:String})],t.prototype,"maxDate",void 0),p([Object(c.property)({type:String})],t.prototype,"minDate",void 0),p([Object(c.property)({type:String,reflect:!0})],t.prototype,"value",void 0),p([Object(c.property)({type:String})],t.prototype,"weekStart",void 0),p([Object(c.property)({type:String,reflect:!0})],t.prototype,"placeholder",void 0),p([Object(c.property)({type:String})],t.prototype,"locale",void 0),p([Object(c.property)({type:Boolean,reflect:!0,attribute:"includes-time"})],t.prototype,"includesTime",void 0),p([Object(c.property)({type:Boolean})],t.prototype,"disabled",void 0),p([Object(c.property)({type:String})],t.prototype,"htmlId",void 0),p([Object(c.property)({type:String})],t.prototype,"label",void 0),p([Object(c.property)({type:String})],t.prototype,"ariaLabel",void 0),p([Object(c.property)({type:Boolean})],t.prototype,"required",void 0),p([Object(c.property)({type:String,reflect:!0})],t.prototype,"errorMessage",void 0),p([Object(c.property)({type:Boolean,attribute:"custom-trigger"})],t.prototype,"customTrigger",void 0),p([Object(c.internalProperty)()],t.prototype,"selectedDate",void 0),p([Object(c.internalProperty)()],t.prototype,"focusedDate",void 0),p([Object(c.internalProperty)()],t.prototype,"filterDate",void 0),p([Object(c.internalProperty)()],t.prototype,"maxDateData",void 0),p([Object(c.internalProperty)()],t.prototype,"minDateData",void 0),p([Object(c.query)("md-menu-overlay")],t.prototype,"menuOverlay",void 0),t=p([Object(o.a)("md-datepicker")],t),e.ELEMENT=t}(i||(i={}))}}]);
|
|
42
|
+
`}};p([Object(c.property)({type:Boolean,attribute:"should-close-on-select"})],t.prototype,"shouldCloseOnSelect",void 0),p([Object(c.property)({type:String})],t.prototype,"maxDate",void 0),p([Object(c.property)({type:String})],t.prototype,"minDate",void 0),p([Object(c.property)({type:String,reflect:!0})],t.prototype,"value",void 0),p([Object(c.property)({type:String})],t.prototype,"weekStart",void 0),p([Object(c.property)({type:String,reflect:!0})],t.prototype,"placeholder",void 0),p([Object(c.property)({type:String})],t.prototype,"locale",void 0),p([Object(c.property)({type:Boolean,reflect:!0,attribute:"includes-time"})],t.prototype,"includesTime",void 0),p([Object(c.property)({type:Boolean})],t.prototype,"disabled",void 0),p([Object(c.property)({type:String})],t.prototype,"htmlId",void 0),p([Object(c.property)({type:String})],t.prototype,"label",void 0),p([Object(c.property)({type:String})],t.prototype,"ariaLabel",void 0),p([Object(c.property)({type:Boolean})],t.prototype,"required",void 0),p([Object(c.property)({type:String,reflect:!0})],t.prototype,"errorMessage",void 0),p([Object(c.property)({type:Boolean,attribute:"custom-trigger"})],t.prototype,"customTrigger",void 0),p([Object(c.property)({type:Boolean})],t.prototype,"isMenuOverlayOpen",void 0),p([Object(c.internalProperty)()],t.prototype,"selectedDate",void 0),p([Object(c.internalProperty)()],t.prototype,"focusedDate",void 0),p([Object(c.internalProperty)()],t.prototype,"filterDate",void 0),p([Object(c.internalProperty)()],t.prototype,"maxDateData",void 0),p([Object(c.internalProperty)()],t.prototype,"minDateData",void 0),p([Object(c.query)("md-menu-overlay")],t.prototype,"menuOverlay",void 0),t=p([Object(o.a)("md-datepicker")],t),e.ELEMENT=t}(i||(i={}))}}]);
|
package/dist/chunks/md-74.js
CHANGED
|
@@ -28,9 +28,9 @@ export declare namespace Avatar {
|
|
|
28
28
|
hasNotification: boolean;
|
|
29
29
|
private imageLoaded;
|
|
30
30
|
private imageErrored;
|
|
31
|
-
presenceColor
|
|
32
|
-
presenceIcon
|
|
33
|
-
isCircularWrapper
|
|
31
|
+
private presenceColor;
|
|
32
|
+
private presenceIcon;
|
|
33
|
+
private isCircularWrapper;
|
|
34
34
|
static get styles(): import("lit-element").CSSResult[];
|
|
35
35
|
firstUpdated(): void;
|
|
36
36
|
updated(changedProperties: PropertyValues): void;
|
|
@@ -166,7 +166,7 @@ export declare namespace ComboBox {
|
|
|
166
166
|
checkForVirtualScroll(): boolean;
|
|
167
167
|
rangeChanged(): void;
|
|
168
168
|
getCustomErrorContent(): DocumentFragment;
|
|
169
|
-
getCustomContent(option: string | OptionMember):
|
|
169
|
+
getCustomContent(option: string | OptionMember): import("lit-element").TemplateResult | DocumentFragment;
|
|
170
170
|
renderGroupLabelHeader(option: OptionMember, optionIndex: number): import("lit-element").TemplateResult;
|
|
171
171
|
renderWithoutVirtualScroll(): import("lit-html").DirectiveFn;
|
|
172
172
|
highlightingSearchedText(option: OptionMember | string): import("lit-element").TemplateResult[];
|
|
@@ -5,8 +5,8 @@
|
|
|
5
5
|
* LICENSE file in the root directory of this source tree.
|
|
6
6
|
*
|
|
7
7
|
*/
|
|
8
|
-
import { LitElement } from "lit-element";
|
|
9
8
|
import "@/components/button/Button";
|
|
9
|
+
import { LitElement } from "lit-element";
|
|
10
10
|
export declare const iconSize: readonly ["14", "16", "18", "20", "28", "36", "56", 14, 16, 18, 20, 28, 36, 56];
|
|
11
11
|
export declare const iconType: readonly ["", "white"];
|
|
12
12
|
export declare namespace Icon {
|
|
@@ -75,6 +75,7 @@ export declare namespace Input {
|
|
|
75
75
|
type: Input.Type;
|
|
76
76
|
value: string;
|
|
77
77
|
ariaControls: string;
|
|
78
|
+
ariaExpanded: string;
|
|
78
79
|
input: HTMLInputElement;
|
|
79
80
|
private isEditing;
|
|
80
81
|
private readonly messageController;
|
|
@@ -115,6 +116,7 @@ export declare namespace Input {
|
|
|
115
116
|
"md-disabled": boolean;
|
|
116
117
|
"md-dirty": boolean;
|
|
117
118
|
};
|
|
119
|
+
get ariaExpandedValue(): "true" | "false" | "undefined";
|
|
118
120
|
inputTemplate(): import("lit-element").TemplateResult;
|
|
119
121
|
inputLeftTemplate(): {};
|
|
120
122
|
inputRightTemplate(): import("lit-element").TemplateResult | undefined;
|
|
@@ -36,7 +36,7 @@ export declare namespace TimePicker {
|
|
|
36
36
|
handleTimeBlur(event: CustomEvent, unit: TimePicker.TimeUnit): void;
|
|
37
37
|
static get styles(): import("lit-element").CSSResult[];
|
|
38
38
|
formatTimeUnit: (unit: TimePicker.TimeUnit) => void;
|
|
39
|
-
messageType: (isValid: boolean) => "
|
|
39
|
+
messageType: (isValid: boolean) => "" | "error";
|
|
40
40
|
generateTimeBox: (unit: TimePicker.TimeUnit) => import("lit-element").TemplateResult;
|
|
41
41
|
generateAmPmComboBox: () => import("lit-element").TemplateResult;
|
|
42
42
|
render(): import("lit-element").TemplateResult;
|