@momentum-ui/web-components 2.5.9 → 2.6.0
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-13.js +2 -2
- package/dist/chunks/md-16.js +1 -1
- package/dist/chunks/md-27.js +1 -1
- package/dist/chunks/md-33.js +1 -1
- package/dist/chunks/md-71.js +1 -1
- package/package.json +1 -1
package/dist/chunks/md-13.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[13],{51:function(e,o,r){"use strict";r.r(o),r.d(o,"Label",(function(){return t}));var t,
|
|
1
|
+
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[13],{51:function(e,o,r){"use strict";r.r(o),r.d(o,"Label",(function(){return t}));var t,l=r(4),d=r(5),i=r(0),a=r(13),c=i.css`:host(:focus){box-shadow:none;outline:0}:host(md-checkbox){border-radius:.25rem;cursor:pointer;display:inline-flex;position:relative;vertical-align:middle}:host(md-checkbox) .checkbox-input{height:calc(1.25rem + .25rem);position:absolute;visibility:hidden;width:100%}:host(md-checkbox) .checkbox-label{cursor:pointer;display:inline-block;padding-left:2.25rem;padding-right:calc(.25rem / 2);position:relative;width:100%;z-index:1}:host(md-checkbox) .checkbox-label::before{background:var(--checkbox-bg-color,#fff);border:.0625rem solid var(--checkbox-border-color,#dedede);border-radius:.25rem;height:1.25rem;width:1.25rem}:host(md-checkbox) .checkbox-label::after,:host(md-checkbox) .checkbox-label::before{content:"";left:calc(.75rem * 1.25);position:absolute;top:50%;transform:translate(-50%,-50%)}:host([focus-visible]:not([disabled])){box-shadow:0 0 0 .125rem var(--md-default-focus-outline-color,#005e7d)}:host(:hover:not([disabled])) .checkbox-label::before{background:var(--checkbox-hover-bg-color,#ededed);border:.0625rem solid var(--checkbox-hover-border-color,#dedede)}:host(:active:not([disabled])) .checkbox-label::before{background:var(--checkbox-pressed-bg-color,#dedede);border:.0625rem solid var(--checkbox-pressed-border-color,#ccc)}:host([disabled]){opacity:.4}:host([disabled]) .checkbox-label{cursor:not-allowed}:host([disabled]) .checkbox-label::before{background:var(--checkbox-hover-bg-color,#ededed);border:.0625rem solid var(--checkbox-hover-border-color,#dedede)}:host([aria-checked=true]) .checkbox-label::after{border:solid #fff;border-width:0 .12em .12em 0;display:block;height:.6em;transform:translateY(-65%) translateX(-50%) rotate(45deg);width:.35em}:host([aria-checked=true]) .checkbox-label::before{background:var(--checkbox-selected-bg-color,#00a0d1);border:.0625rem solid var(--checkbox-selected-border-color,#00a0d1)}:host([indeterminate]) .checkbox-label::after{border:solid #fff;border-width:0 0 .12em;display:block;height:.2em;transform:translateY(-85%) translateX(-50%) rotate(0);width:.75em}:host([indeterminate]) .checkbox-label::before{background:var(--checkbox-selected-bg-color,#00a0d1);border:.0625rem solid var(--checkbox-selected-border-color,#00a0d1)}:host([aria-checked=true]:hover:not([disabled])) .checkbox-label::before,:host([indeterminate]:hover:not([disabled])) .checkbox-label::before{background:var(--checkbox-selected-hover-bg-color,#007aa3);border-color:var(--checkbox-selected-hover-border-color,#007aa3)}:host([aria-checked=true]:active:not([disabled])) .checkbox-label::before,:host([indeterminate]:active:not([disabled])) .checkbox-label::before{background:var(--checkbox-selected-pressed-bg-color,#005e7d);border-color:var(--checkbox-selected-pressed-border-color,#005e7d)}:host([alignment=vertical]) div{display:inline-flex;flex-direction:column}:host([alignment=vertical]) div ::slotted(md-checkbox:not(:last-child)){margin-bottom:calc(.25rem * 6)}:host([alignment=horizontal]) div{display:flex;flex-direction:row}:host([alignment=horizontal]) div ::slotted(md-checkbox:not(:last-child)){margin-right:calc(.25rem * 10)}:host{--radio-label-text-color:var(--radio-input-text-color, $lm-radio-input-text-color-light)}:host(md-radio) .md-radio-wrapper{max-height:1.4375rem;display:inline-flex}:host(md-radio) .md-radio-input{height:1.4375rem;position:absolute;visibility:hidden;width:100%}:host(md-radio) .md-radio-label{color:var(--md-primary-text-color,#121212);cursor:pointer;font-size:14px;line-height:1.4375rem;padding-left:calc(1.25rem * 1.8);padding-right:calc(.25rem / 2);pointer-events:none;position:relative;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block;width:calc(100%)}:host(md-radio) .md-radio-label::before{content:"";position:absolute;border:.0625rem solid var(--radio-input-border-color,#ccc);border-top-left-radius:50%;border-top-right-radius:50%;border-bottom-left-radius:50%;border-bottom-right-radius:50%;box-shadow:inset 0 0 0 .36rem var(--radio-input-bg-color,#fff),inset 0 0 0 1.25rem var(--radio-input-bg-color,#fff);box-sizing:border-box;height:1.25rem;left:.125rem;top:.0625rem;width:1.25rem}:host(:focus){box-shadow:none;outline:0}:host([focus-visible]:not([disabled])){box-shadow:0 0 0 .125rem var(--md-default-focus-outline-color,#005e7d)}:host(:hover:not([disabled])) .md-radio-label:before{border:.0625rem solid var(--radio-input-hover-border-color,#dedede);box-shadow:inset 0 0 0 .36rem var(--radio-input-hover-bg-color,#ccc),inset 0 0 0 1.25rem var(--radio-input-hover-bg-color,#ccc)}:host(:active:not([disabled])) .md-radio-label:before{border:.0625rem solid var(--radio-input-pressed-border-color,#ccc);box-shadow:inset 0 0 0 .36rem var(--radio-input-pressed-bg-color,#dedede),inset 0 0 0 1.25rem var(--radio-input-pressed-bg-color,#dedede)}:host([disabled]){cursor:not-allowed;opacity:.4}:host([disabled]) .md-radio-label:before{border:.0625rem solid var(--radio-input-hover-border-color,#dedede);box-shadow:inset 0 0 0 .36rem var(--radio-input-hover-bg-color,#ccc),inset 0 0 0 1.25rem var(--radio-input-hover-bg-color,#ccc)}:host([aria-checked=true]) .md-radio-label:before{border-color:var(--radio-input-selected-border-color,#00a0d1);box-shadow:inset 0 0 0 .36rem var(--radio-input-selected-bg-color,#00a0d1),inset 0 0 0 1.25rem #fff}:host([aria-checked=true]:hover:not([disabled])) .md-radio-label:before{border-color:var(--radio-input-selected-hover-border-color,#007aa3);box-shadow:inset 0 0 0 .36rem var(--radio-input-selected-hover-bg-color,#007aa3),inset 0 0 0 1.25rem #fff}:host([aria-checked=true]:active:not([disabled])) .md-radio-label:before{border-color:var(--radio-input-selected-pressed-border-color,#005e7d);box-shadow:inset 0 0 0 .36rem var(--radio-input-selected-pressed-bg-color,#005e7d),inset 0 0 0 1.25rem #fff}:host(md-radiogroup){display:flex}:host(md-radio){border-radius:.25rem;display:inline!important}:host([alignment=vertical]) div{display:inline-flex;flex-direction:column}:host([alignment=vertical]) div ::slotted(md-radio){margin-bottom:calc(.25rem * 3)}:host([alignment=horizontal]) div{display:inline-flex;flex-direction:row}:host([alignment=horizontal]) div ::slotted(md-radio){margin-right:calc(.25rem * 8)}:host(md-label) .md-label{color:var(--label-color,#000);font-family:"CiscoSansTT Regular","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:.875rem;line-height:1.25rem;display:flex}:host(md-label) .md-label.right{float:none!important;text-align:right}:host(md-label) .md-label.inline{margin:0 0 1rem 0;padding:.50391rem 0}:host(md-label) .md-label small{text-transform:capitalize}:host(md-label) .md-label span{font-size:inherit}:host(md-label) .md-secondary-label{color:var(--label-secondary,#545454);display:flex;flex-grow:1;font-size:.875rem;line-height:1.125rem;padding:.25rem 1rem 0}:host(.md-input__label.disabled) label,:host(.md-input__secondary-label.disabled) label{cursor:not-allowed}`,s=function(e,o,r,t){var l,d=arguments.length,i=d<3?o:null===t?t=Object.getOwnPropertyDescriptor(o,r):t;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(e,o,r,t);else for(var a=e.length-1;a>=0;a--)(l=e[a])&&(i=(d<3?l(i):d>3?l(o,r,i):l(o,r))||i);return d>3&&i&&Object.defineProperty(o,r,i),i};!function(e){let o=class extends i.LitElement{constructor(){super(...arguments),this.label="",this.theme="",this.radioLabel=!1,this.checkboxLabel=!1,this.toggleSwitchLabel=!1,this.htmlFor="",this.active=!1,this.disabled=!1,this.indeterminate=!1,this.secondaryLabel=!1}static get styles(){return[l.a,c]}setFocus(){this.dispatchEvent(new CustomEvent("setFocus"))}get labelClassMap(){return{["md-label--"+this.theme]:!!this.theme,"md-radio__label":this.radioLabel,"md-checkbox__label":this.checkboxLabel,"md-secondary-label":this.secondaryLabel,active:this.active,disabled:this.disabled,indeterminate:this.indeterminate}}handleClick(e){this.setFocus(),this.dispatchEvent(new CustomEvent("label-click",{composed:!0,bubbles:!0,detail:{htmlFor:this.htmlFor}}))}render(){return i.html`
|
|
2
2
|
<label
|
|
3
3
|
@click="${e=>this.handleClick(e)}"
|
|
4
4
|
class="md-label ${Object(a.classMap)(this.labelClassMap)}"
|
|
@@ -10,4 +10,4 @@
|
|
|
10
10
|
<slot></slot>
|
|
11
11
|
`}
|
|
12
12
|
</label>
|
|
13
|
-
`}};s([Object(i.property)({type:String})],o.prototype,"label",void 0),s([Object(i.property)({type:String})],o.prototype,"theme",void 0),s([Object(i.property)({type:Boolean})],o.prototype,"radioLabel",void 0),s([Object(i.property)({type:Boolean})],o.prototype,"checkboxLabel",void 0),s([Object(i.property)({type:Boolean})],o.prototype,"toggleSwitchLabel",void 0),s([Object(i.property)({type:String})],o.prototype,"htmlFor",void 0),s([Object(i.property)({type:Boolean})],o.prototype,"active",void 0),s([Object(i.property)({type:Boolean})],o.prototype,"disabled",void 0),s([Object(i.property)({type:Boolean})],o.prototype,"indeterminate",void 0),s([Object(i.property)({type:Boolean})],o.prototype,"secondaryLabel",void 0),o=s([Object(
|
|
13
|
+
`}};s([Object(i.property)({type:String})],o.prototype,"label",void 0),s([Object(i.property)({type:String})],o.prototype,"theme",void 0),s([Object(i.property)({type:Boolean})],o.prototype,"radioLabel",void 0),s([Object(i.property)({type:Boolean})],o.prototype,"checkboxLabel",void 0),s([Object(i.property)({type:Boolean})],o.prototype,"toggleSwitchLabel",void 0),s([Object(i.property)({type:String})],o.prototype,"htmlFor",void 0),s([Object(i.property)({type:Boolean})],o.prototype,"active",void 0),s([Object(i.property)({type:Boolean})],o.prototype,"disabled",void 0),s([Object(i.property)({type:Boolean})],o.prototype,"indeterminate",void 0),s([Object(i.property)({type:Boolean})],o.prototype,"secondaryLabel",void 0),o=s([Object(d.a)("md-label")],o),e.ELEMENT=o}(t||(t={}))}}]);
|
package/dist/chunks/md-16.js
CHANGED
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
${this.renderWidth()};
|
|
6
6
|
}
|
|
7
7
|
</style>
|
|
8
|
-
`}connectedCallback(){super.connectedCallback(),document.addEventListener("click",this.handleOutsideOverlayClick),document.addEventListener("keydown",this.handleOutsideOverlayKeydown)}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("click",this.handleOutsideOverlayClick),document.removeEventListener("keydown",this.handleOutsideOverlayKeydown),this.triggerElement&&(this.triggerElement.removeEventListener("click",this.handleTriggerClick),this.triggerElement.removeEventListener("keydown",this.handleTriggerKeyDown),this.triggerElement=null)}firstUpdated(e){const t=Object.create(null,{firstUpdated:{get:()=>super.firstUpdated}});return f(this,void 0,void 0,(function*(){t.firstUpdated.call(this,e),yield new Promise(e=>setTimeout(e,0)),this.trigger&&(this.triggerElement=this.trigger[0],this.triggerElement.addEventListener("click",this.handleTriggerClick),this.triggerElement.addEventListener("keydown",this.handleTriggerKeyDown),this.triggerElement.setAttribute("aria-haspopup","true")),this.overlayContainer&&this.isOpen&&(this.handleInstance(!0),this.overlayContainer.toggleAttribute("data-show",!0)),this.arrow&&this.showArrow&&this.arrow.toggleAttribute("data-show",!0)}))}update(e){super.update(e),e.has("isOpen")&&(this.isOpen?(this.activateFocusTrap(),document.addEventListener("menu-item-click",this.handleTriggerClick)):(this.deactivateFocusTrap(),document.removeEventListener("menu-item-click",this.handleTriggerClick)))}updated(e){super.updated(e),e.has("isOpen")&&(this.isOpen?(this.dispatchMenuOpen(),this.triggerElement&&this.triggerElement.setAttribute("aria-expanded","true")):(this.dispatchMenuClose(),this.triggerElement&&this.triggerElement.removeAttribute("aria-expanded")))}dispatchMenuOpen(){this.dispatchEvent(new CustomEvent("menu-overlay-open",{composed:!0,bubbles:!0}))}dispatchMenuClose(){this.dispatchEvent(new CustomEvent("menu-overlay-close",{composed:!0,bubbles:!0}))}handleInstance(e){e?this.create():this.destroy()}create(){this.triggerElement&&(this.popperInstance=Object(g.createPopper)(this.triggerElement,this.overlayContainer,{onFirstUpdate:()=>f(this,void 0,void 0,(function*(){this.isOpen&&(this.setFocusableElements(),yield this.updateComplete,this.focusInsideOverlay())})),placement:this.placement,modifiers:[...g.defaultModifiers,h.a,c.a,u.a,l.a,{name:"preventOverflow",options:{padding:16}},{name:"offset",options:{offset:({placement:e,reference:t})=>"left-end"===e||"right-end"===e?[t.height+t.y+3,14]:[0,15]}},{name:"arrow",options:{element:this.arrow,padding:5}}]}))}destroy(){this.popperInstance&&(this.popperInstance.destroy(),this.popperInstance=null)}toggleOverlay(){this.disabled||(this.isOpen=!this.isOpen)}focusOnTrigger(){requestAnimationFrame(()=>{this.focusableElements&&this.focusableElements.length&&this.focusableElements[0].focus()})}focusInsideOverlay(){this.focusableElements&&(this.focusableElements.length>1?this.setInitialFocus(1):this.focusableElements.length&&this.setInitialFocus())}static get styles(){return[y]}render(){return v.html`
|
|
8
|
+
`}connectedCallback(){super.connectedCallback(),document.addEventListener("click",this.handleOutsideOverlayClick),document.addEventListener("keydown",this.handleOutsideOverlayKeydown)}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("click",this.handleOutsideOverlayClick),document.removeEventListener("keydown",this.handleOutsideOverlayKeydown),this.triggerElement&&(this.triggerElement.removeEventListener("click",this.handleTriggerClick),this.triggerElement.removeEventListener("keydown",this.handleTriggerKeyDown),this.triggerElement=null)}firstUpdated(e){const t=Object.create(null,{firstUpdated:{get:()=>super.firstUpdated}});return f(this,void 0,void 0,(function*(){t.firstUpdated.call(this,e),yield new Promise(e=>setTimeout(e,0)),this.trigger&&(this.triggerElement=this.trigger[0],this.triggerElement.addEventListener("click",this.handleTriggerClick),this.triggerElement.addEventListener("keydown",this.handleTriggerKeyDown),this.triggerElement.setAttribute("aria-haspopup","true")),this.overlayContainer&&this.isOpen&&(this.handleInstance(!0),this.overlayContainer.toggleAttribute("data-show",!0)),this.arrow&&this.showArrow&&this.arrow.toggleAttribute("data-show",!0)}))}update(e){super.update(e),e.has("isOpen")&&(this.isOpen?(this.activateFocusTrap(),document.addEventListener("menu-item-click",this.handleTriggerClick)):(this.deactivateFocusTrap(),document.removeEventListener("menu-item-click",this.handleTriggerClick)))}updated(e){super.updated(e),e.has("isOpen")&&(this.isOpen?(this.dispatchMenuOpen(),this.triggerElement&&this.triggerElement.setAttribute("aria-expanded","true")):(this.dispatchMenuClose(),this.triggerElement&&this.triggerElement.removeAttribute("aria-expanded")))}dispatchMenuOpen(){this.dispatchEvent(new CustomEvent("menu-overlay-open",{composed:!0,bubbles:!0}))}dispatchMenuClose(){this.dispatchEvent(new CustomEvent("menu-overlay-close",{composed:!0,bubbles:!0}))}handleInstance(e){e?this.create():this.destroy()}create(){this.triggerElement&&(this.popperInstance=Object(g.createPopper)(this.triggerElement,this.overlayContainer,{onFirstUpdate:()=>f(this,void 0,void 0,(function*(){this.isOpen&&(this.setFocusableElements(),yield this.updateComplete,this.focusInsideOverlay())})),placement:this.placement,modifiers:[...g.defaultModifiers,h.a,c.a,u.a,l.a,{name:"preventOverflow",options:{padding:16}},{name:"offset",options:{offset:({placement:e,reference:t})=>"left-end"===e||"right-end"===e?[t.height+t.y+3,14]:[0,15]}},{name:"arrow",options:{element:this.arrow,padding:5}},{name:"computeStyles",options:{adaptive:!1}}]}))}destroy(){this.popperInstance&&(this.popperInstance.destroy(),this.popperInstance=null)}toggleOverlay(){this.disabled||(this.isOpen=!this.isOpen)}focusOnTrigger(){requestAnimationFrame(()=>{this.focusableElements&&this.focusableElements.length&&this.focusableElements[0].focus()})}focusInsideOverlay(){this.focusableElements&&(this.focusableElements.length>1?this.setInitialFocus(1):this.focusableElements.length&&this.setInitialFocus())}static get styles(){return[y]}render(){return v.html`
|
|
9
9
|
${this.getStyles()}
|
|
10
10
|
<div aria-expanded=${this.isOpen} class="md-menu-overlay">
|
|
11
11
|
<slot name="menu-trigger"></slot>
|
package/dist/chunks/md-27.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[27],{37: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{border-bottom:2px solid var(--tabs-default-active-border,#007aa3);color:var(--tabs-default-active,#007aa3)}:host([vertical]) button{text-align:left!important}:host([selected][vertical]) button{border-bottom:.125rem solid transparent;border-left:2px solid var(--tabs-default-active-border,#007aa3)}:host(:focus){background-color:var(--tabs-default-focus-bg,#fff)}:host(:focus) button{border:2px solid var(--tabs-default-focus-border,#007aa3)!important;box-shadow:var(--tabs-default-focus-shadow,0 0 4px 2px transparent)!important}:host(:focus[selected]){background: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:.125rem solid transparent;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 ::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}:host{display:flex;flex-direction:column;font-size:14px;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
|
|
1
|
+
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[27],{37: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{border-bottom:2px solid var(--tabs-default-active-border,#007aa3);color:var(--tabs-default-active,#007aa3)}:host([vertical]) button{text-align:left!important}:host([selected][vertical]) button{border-bottom:.125rem solid transparent;border-left:2px solid var(--tabs-default-active-border,#007aa3)}:host(:focus){background-color:var(--tabs-default-focus-bg,#fff)}:host(:focus) button{border:2px solid var(--tabs-default-focus-border,#007aa3)!important;box-shadow:var(--tabs-default-focus-shadow,0 0 4px 2px transparent)!important}:host(:focus[selected]){background: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:.125rem solid transparent;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 ::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}:host{display:flex;flex-direction:column;font-size:14px;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}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,#007aa3)}.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;padding-top:calc($tab-base-indent * 5);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,#007aa3);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-context([direction=vertical]){flex-direction:row}:host-context([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-context([direction=vertical]) .md-tab__list ::slotted([slot=tab]){border-left:.125rem solid transparent;display:block;height:auto;text-align:left}:host-context([direction=vertical]) .md-tab__list ::slotted([slot=tab][selected]){color:var(--tabs-default-active,#007aa3)}:host-context([direction=vertical]) .md-tab__content ::slotted([slot=panel]){padding-left:calc($tab-base-indent * 5)}`}}]);
|
package/dist/chunks/md-33.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[33],{58:function(e,o,r){"use strict";var c=r(0);o.a=c.css`:host(:focus){box-shadow:none;outline:0}:host(md-checkbox){border-radius:.25rem;cursor:pointer;display:inline-flex}:host(md-checkbox) .checkbox-input{height:calc(1.25rem + .25rem);position:absolute;visibility:hidden;width:100%}:host(md-checkbox) .checkbox-label{cursor:pointer;display:inline-block;padding-left:2.25rem;padding-right:calc(.25rem / 2);position:relative;width:100%;z-index:1}:host(md-checkbox) .checkbox-label::before{background:var(--checkbox-bg-color,#fff);border:.0625rem solid var(--checkbox-border-color,#dedede);border-radius:.25rem;height:1.25rem;width:1.25rem}:host(md-checkbox) .checkbox-label::after,:host(md-checkbox) .checkbox-label::before{content:"";left:calc(.75rem * 1.25);position:absolute;top:50%;transform:translate(-50%,-50%)}:host([focus-visible]:not([disabled])){box-shadow:0 0 0 .125rem var(--md-default-focus-outline-color,#005e7d)}:host(:hover:not([disabled])) .checkbox-label::before{background:var(--checkbox-hover-bg-color,#ededed);border:.0625rem solid var(--checkbox-hover-border-color,#dedede)}:host(:active:not([disabled])) .checkbox-label::before{background:var(--checkbox-pressed-bg-color,#dedede);border:.0625rem solid var(--checkbox-pressed-border-color,#ccc)}:host([disabled]){opacity:.4}:host([disabled]) .checkbox-label{cursor:not-allowed}:host([disabled]) .checkbox-label::before{background:var(--checkbox-hover-bg-color,#ededed);border:.0625rem solid var(--checkbox-hover-border-color,#dedede)}:host([aria-checked=true]) .checkbox-label::after{border:solid #fff;border-width:0 .12em .12em 0;display:block;height:.6em;transform:translateY(-65%) translateX(-50%) rotate(45deg);width:.35em}:host([aria-checked=true]) .checkbox-label::before{background:var(--checkbox-selected-bg-color,#00a0d1);border:.0625rem solid var(--checkbox-selected-border-color,#00a0d1)}:host([indeterminate]) .checkbox-label::after{border:solid #fff;border-width:0 0 .12em;display:block;height:.2em;transform:translateY(-85%) translateX(-50%) rotate(0);width:.75em}:host([indeterminate]) .checkbox-label::before{background:var(--checkbox-selected-bg-color,#00a0d1);border:.0625rem solid var(--checkbox-selected-border-color,#00a0d1)}:host([aria-checked=true]:hover:not([disabled])) .checkbox-label::before,:host([indeterminate]:hover:not([disabled])) .checkbox-label::before{background:var(--checkbox-selected-hover-bg-color,#007aa3);border-color:var(--checkbox-selected-hover-border-color,#007aa3)}:host([aria-checked=true]:active:not([disabled])) .checkbox-label::before,:host([indeterminate]:active:not([disabled])) .checkbox-label::before{background:var(--checkbox-selected-pressed-bg-color,#005e7d);border-color:var(--checkbox-selected-pressed-border-color,#005e7d)}:host([alignment=vertical]) div{display:inline-flex;flex-direction:column}:host([alignment=vertical]) div ::slotted(md-checkbox:not(:last-child)){margin-bottom:calc(.25rem * 6)}:host([alignment=horizontal]) div{display:flex;flex-direction:row}:host([alignment=horizontal]) div ::slotted(md-checkbox:not(:last-child)){margin-right:calc(.25rem * 10)}`}}]);
|
|
1
|
+
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[33],{58:function(e,o,r){"use strict";var c=r(0);o.a=c.css`:host(:focus){box-shadow:none;outline:0}:host(md-checkbox){border-radius:.25rem;cursor:pointer;display:inline-flex;position:relative;vertical-align:middle}:host(md-checkbox) .checkbox-input{height:calc(1.25rem + .25rem);position:absolute;visibility:hidden;width:100%}:host(md-checkbox) .checkbox-label{cursor:pointer;display:inline-block;padding-left:2.25rem;padding-right:calc(.25rem / 2);position:relative;width:100%;z-index:1}:host(md-checkbox) .checkbox-label::before{background:var(--checkbox-bg-color,#fff);border:.0625rem solid var(--checkbox-border-color,#dedede);border-radius:.25rem;height:1.25rem;width:1.25rem}:host(md-checkbox) .checkbox-label::after,:host(md-checkbox) .checkbox-label::before{content:"";left:calc(.75rem * 1.25);position:absolute;top:50%;transform:translate(-50%,-50%)}:host([focus-visible]:not([disabled])){box-shadow:0 0 0 .125rem var(--md-default-focus-outline-color,#005e7d)}:host(:hover:not([disabled])) .checkbox-label::before{background:var(--checkbox-hover-bg-color,#ededed);border:.0625rem solid var(--checkbox-hover-border-color,#dedede)}:host(:active:not([disabled])) .checkbox-label::before{background:var(--checkbox-pressed-bg-color,#dedede);border:.0625rem solid var(--checkbox-pressed-border-color,#ccc)}:host([disabled]){opacity:.4}:host([disabled]) .checkbox-label{cursor:not-allowed}:host([disabled]) .checkbox-label::before{background:var(--checkbox-hover-bg-color,#ededed);border:.0625rem solid var(--checkbox-hover-border-color,#dedede)}:host([aria-checked=true]) .checkbox-label::after{border:solid #fff;border-width:0 .12em .12em 0;display:block;height:.6em;transform:translateY(-65%) translateX(-50%) rotate(45deg);width:.35em}:host([aria-checked=true]) .checkbox-label::before{background:var(--checkbox-selected-bg-color,#00a0d1);border:.0625rem solid var(--checkbox-selected-border-color,#00a0d1)}:host([indeterminate]) .checkbox-label::after{border:solid #fff;border-width:0 0 .12em;display:block;height:.2em;transform:translateY(-85%) translateX(-50%) rotate(0);width:.75em}:host([indeterminate]) .checkbox-label::before{background:var(--checkbox-selected-bg-color,#00a0d1);border:.0625rem solid var(--checkbox-selected-border-color,#00a0d1)}:host([aria-checked=true]:hover:not([disabled])) .checkbox-label::before,:host([indeterminate]:hover:not([disabled])) .checkbox-label::before{background:var(--checkbox-selected-hover-bg-color,#007aa3);border-color:var(--checkbox-selected-hover-border-color,#007aa3)}:host([aria-checked=true]:active:not([disabled])) .checkbox-label::before,:host([indeterminate]:active:not([disabled])) .checkbox-label::before{background:var(--checkbox-selected-pressed-bg-color,#005e7d);border-color:var(--checkbox-selected-pressed-border-color,#005e7d)}:host([alignment=vertical]) div{display:inline-flex;flex-direction:column}:host([alignment=vertical]) div ::slotted(md-checkbox:not(:last-child)){margin-bottom:calc(.25rem * 6)}:host([alignment=horizontal]) div{display:flex;flex-direction:row}:host([alignment=horizontal]) div ::slotted(md-checkbox:not(:last-child)){margin-right:calc(.25rem * 10)}`}}]);
|
package/dist/chunks/md-71.js
CHANGED
|
@@ -14,7 +14,7 @@
|
|
|
14
14
|
<span>${t.name}</span>
|
|
15
15
|
<span>+${t.value}</span>
|
|
16
16
|
</div>
|
|
17
|
-
`}validateNumber(){this.isValid
|
|
17
|
+
`}validateNumber(){this.isValid=!this.value||Object(l.isValidNumberForRegion)(this.value,this.countryCode)}handleCountryChange(t){var e;if(!t.detail.value||!t.detail.value.id)return this.countryCode="US",this.countryCallingCode="",void this.validateNumber();this.countryCallingCode=t.detail.value.id,this.countryCode=null===(e=t.detail.value.id.split(",")[2])||void 0===e?void 0:e.trim(),this.validateNumber()}handlePhoneChange(t){this.value=t.detail.value,t.stopPropagation(),this.dispatchEvent(new CustomEvent("phoneinput-change",{bubbles:!0,composed:!0,detail:{srcEvent:t,value:`${this.countryCallingCode}${this.value}`,isValid:this.isValid,phoneNumber:this.value}}))}handleKeydown(t){this.isValid=!0,t.stopPropagation(),this.dispatchEvent(new CustomEvent("phoneinput-keydown",{bubbles:!0,composed:!0,detail:{srcEvent:t,value:`${this.countryCallingCode}${this.value}`,isValid:this.isValid,phoneNumber:this.value}}))}handleBlur(t){this.validateInput(this.value),this.validateNumber(),t.stopPropagation(),this.dispatchEvent(new CustomEvent("phoneinput-blur",{bubbles:!0,composed:!0,detail:{srcEvent:t,value:`${this.countryCallingCode}${this.value}`,isValid:this.isValid,phoneNumber:this.value}}))}validateInput(t){this.formattedValue=new l.AsYouType(this.countryCode).input(t)}getFormatedCountryCallingCode(){var t;return{id:this.countryCallingCode,value:null===(t=this.countryCallingCode.split(",")[0])||void 0===t?void 0:t.trim()}}getModStyle(){return p.html`
|
|
18
18
|
<style>
|
|
19
19
|
.md-phone-input__container md-combobox {
|
|
20
20
|
width: 5.625rem;
|