@momentum-ui/web-components 2.22.7 → 2.22.9
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/1323.js +3 -3
- package/dist/1598.js +1 -1
- package/dist/4663.js +1 -1
- package/dist/6067.js +1 -1
- package/dist/8841.js +1 -1
- package/dist/9130.js +1 -1
- package/dist/comp/md-card-v2-entry.js +7 -7
- package/dist/comp/md-coachmark-popover-entry.js +26 -25
- package/dist/comp/md-floating-minimize-entry.js +12 -2
- package/dist/comp/md-floating-modal-entry.js +17 -5
- package/dist/comp/md-menu-overlay-entry.js +3 -3
- package/dist/comp/md-popover-entry.js +24 -24
- package/dist/index-entry.js +47 -34
- package/dist/types/components/combobox/ComboBox.d.ts +1 -1
- package/dist/types/components/floating-modal/FloatingMinimizedModal.d.ts +1 -0
- package/dist/types/components/floating-modal/FloatingModal.d.ts +2 -0
- package/dist/types/components/grabber/Grabber.d.ts +1 -1
- package/dist/types/components/menu-overlay/MenuOverlay.d.ts +2 -0
- package/dist/types/components/popover/Popover.d.ts +24 -1
- package/package.json +1 -1
package/dist/1323.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";(self["momentum-web-components-[id]"]=self["momentum-web-components-[id]"]||[]).push([[1323],{11323:(e,t,i)=>{var r,s,n=i(90195),o=i(31890),a=i(28373),l=i(66677),h=i(22962),d=i.n(h),p=i(84157),u=i.n(p),v=i(68250),c=i.n(v),g=i(69371),
|
|
1
|
+
"use strict";(self["momentum-web-components-[id]"]=self["momentum-web-components-[id]"]||[]).push([[1323],{11323:(e,t,i)=>{var r,s,n=i(90195),o=i(31890),a=i(28373),l=i(66677),h=i(22962),d=i.n(h),p=i(84157),u=i.n(p),v=i(68250),c=i.n(v),g=i(69371),y=i.n(g),m=i(4863),E=i(41488),O=i(97822),f=i(16366),w=function(e,t,i,r){var s,n=arguments.length,o=n<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(e,t,i,r);else for(var a=e.length-1;a>=0;a--)(s=e[a])&&(o=(n<3?s(o):n>3?s(t,i,o):s(t,i))||o);return n>3&&o&&Object.defineProperty(t,i,o),o},b=function(e,t,i,r){return new(i||(i=Promise))((function(s,n){function o(e){try{l(r.next(e))}catch(e){n(e)}}function a(e){try{l(r.throw(e))}catch(e){n(e)}}function l(e){var t;e.done?s(e.value):(t=e.value,t instanceof i?t:new i((function(e){e(t)}))).then(o,a)}l((r=r.apply(e,t||[])).next())}))};!function(e){e.small="260px",e.large="370px"}(r||(r={})),function(e){let t=class extends((0,a.d)(E.LitElement)){constructor(){super(...arguments),this._isOpen=!1,this.size="large",this.maxHeight="",this.customWidth="",this.showArrow=!1,this.disabled=!1,this.placement="bottom",this.allowHoverToggle=!1,this.ariaRole="menu",this.ariaLabel="",this.isDatePicker=!1,this.overlayOffset=15,this.keepOpenOnWindowBlur=!1,this.positioningStrategy=void 0,this.popperInstance=null,this.triggerElement=null,this.shouldWrapFocus=()=>"dialog"===this.ariaRole,this.updateActiveMenuOverlayOpened=t=>{var i;this===t.target&&(null===(i=e.ELEMENT.activeOverlay)||void 0===i||i.push(t.target))},this.updateActiveMenuOverlayClosed=t=>{var i,r;const s=e.ELEMENT.activeOverlay.indexOf(t.target);this===t.target&&-1!==s&&(e.ELEMENT.activeOverlay.splice(s,1),e.ELEMENT.activeOverlay.length>0?(null===(i=e.ELEMENT.activeOverlay[e.ELEMENT.activeOverlay.length-1])||void 0===i||i.setFocusableElements(),null===(r=e.ELEMENT.activeOverlay[e.ELEMENT.activeOverlay.length-1])||void 0===r||r.focusOnNestedTrigger(this.triggerElement)):this.setFocusableElements())},this.handleTriggerClick=()=>{this.toggleOverlay()},this.setOverlay=(0,l.sg)((e=>{this.disabled||(this.isOpen=e)}),100),this.expandPopup=()=>{this.setOverlay(!0)},this.collapsePopup=()=>{this.setOverlay(!1)},this.handleOutsideOverlayKeydown=t=>b(this,void 0,void 0,(function*(){let i=!1;const r=t.composedPath();r.length&&(i=!!r.find((e=>e===this)),!i)||!this.overlayContainer||t.code!==n.Uz.Escape||(t.preventDefault(),(e.ELEMENT.activeOverlay.length>0?e.ELEMENT.activeOverlay[e.ELEMENT.activeOverlay.length-1]:void 0)===this&&(this.isOpen=!1,yield this.updateComplete,this.focusOnTrigger()))})),this.handleTriggerKeyDown=e=>b(this,void 0,void 0,(function*(){switch(e.code){case n.Uz.Space:case n.Uz.Enter:e.preventDefault(),this.toggleOverlay(),this.isOpen||(yield this.updateComplete,this.focusOnTrigger())}})),this.handleOutsideOverlayClick=e=>{let t=!1;const i=e.composedPath();i.length&&(t=!!i.find((e=>e===this)),t||this.preventClickOutside||(this.isOpen=!1))}}get isOpen(){return this._isOpen}set isOpen(e){const t=this._isOpen;this._isOpen=e,this.handleInstance(e),this.overlayContainer&&this.overlayContainer.toggleAttribute("data-show",e),this.requestUpdate("isOpen",t)}renderMaxHeight(){return this.maxHeight?`max-height: ${this.maxHeight};`:"max-height: calc(100vh - 48px);"}renderOverflowY(){return this.isDatePicker?"overflow-y: visible;":"overflow-y: auto;"}renderWidth(){return this.customWidth?`width: ${this.customWidth};`:"small"===this.size?`width: ${r.small};`:`width: ${r.large};`}getStyles(){return E.html`
|
|
2
2
|
<style>
|
|
3
3
|
:host .md-menu-overlay .overlay-content {
|
|
4
4
|
${this.renderMaxHeight()};
|
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
${this.renderOverflowY()};
|
|
7
7
|
}
|
|
8
8
|
</style>
|
|
9
|
-
`}connectedCallback(){super.connectedCallback(),this.handleWindowBlurEvent=this.handleWindowBlurEvent.bind(this),window.addEventListener("blur",this.handleWindowBlurEvent),document.addEventListener("click",this.handleOutsideOverlayClick),document.addEventListener("keydown",this.handleOutsideOverlayKeydown),this.addEventListener("menu-overlay-open",this.updateActiveMenuOverlayOpened),this.addEventListener("menu-overlay-close",this.updateActiveMenuOverlayClosed)}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("click",this.handleOutsideOverlayClick),document.removeEventListener("keydown",this.handleOutsideOverlayKeydown),window.removeEventListener("blur",this.handleWindowBlurEvent),this.removeEventListener("menu-overlay-open",this.updateActiveMenuOverlayOpened),this.removeEventListener("menu-overlay-close",this.updateActiveMenuOverlayClosed),this.triggerElement&&(this.triggerElement.removeEventListener("click",this.handleTriggerClick),this.triggerElement.removeEventListener("keydown",this.handleTriggerKeyDown),this.allowHoverToggle&&(this.triggerElement.removeEventListener("mouseenter",this.expandPopup),this.triggerElement.removeEventListener("mouseleave",this.collapsePopup),this.overlayContainer.removeEventListener("mouseenter",this.expandPopup),this.overlayContainer.removeEventListener("mouseleave",this.collapsePopup)),this.triggerElement=null)}checkIsInputField(e){var t;return"md-input"===(null===(t=null==e?void 0:e.tagName)||void 0===t?void 0:t.toLowerCase())}updateTriggerElementAriaExpanded(){this.triggerElement&&(this.isOpen?this.triggerElement.setAttribute("aria-expanded","true"):this.triggerElement.removeAttribute("aria-expanded"))}firstUpdated(e){const t=Object.create(null,{firstUpdated:{get:()=>super.firstUpdated}});return b(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.allowHoverToggle&&(this.triggerElement.addEventListener("mouseenter",this.expandPopup),this.triggerElement.addEventListener("mouseleave",this.collapsePopup),this.overlayContainer.addEventListener("mouseenter",this.expandPopup),this.overlayContainer.addEventListener("mouseleave",this.collapsePopup)),this.checkIsInputField(this.triggerElement)||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),e.has("isOpen")&&this.updateTriggerElementAriaExpanded()}))}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.triggerElement.hasAttribute("ariaexpanded")&&this.triggerElement.setAttribute("ariaexpanded","true"))):(this.dispatchMenuClose(),this.triggerElement&&(this.triggerElement.removeAttribute("aria-expanded"),this.triggerElement.hasAttribute("ariaexpanded")&&this.triggerElement.setAttribute("ariaexpanded","false"))))}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=(0,
|
|
9
|
+
`}connectedCallback(){super.connectedCallback(),this.handleWindowBlurEvent=this.handleWindowBlurEvent.bind(this),window.addEventListener("blur",this.handleWindowBlurEvent),document.addEventListener("click",this.handleOutsideOverlayClick),document.addEventListener("keydown",this.handleOutsideOverlayKeydown),this.addEventListener("menu-overlay-open",this.updateActiveMenuOverlayOpened),this.addEventListener("menu-overlay-close",this.updateActiveMenuOverlayClosed)}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("click",this.handleOutsideOverlayClick),document.removeEventListener("keydown",this.handleOutsideOverlayKeydown),window.removeEventListener("blur",this.handleWindowBlurEvent),this.removeEventListener("menu-overlay-open",this.updateActiveMenuOverlayOpened),this.removeEventListener("menu-overlay-close",this.updateActiveMenuOverlayClosed),this.triggerElement&&(this.triggerElement.removeEventListener("click",this.handleTriggerClick),this.triggerElement.removeEventListener("keydown",this.handleTriggerKeyDown),this.allowHoverToggle&&(this.triggerElement.removeEventListener("mouseenter",this.expandPopup),this.triggerElement.removeEventListener("mouseleave",this.collapsePopup),this.overlayContainer.removeEventListener("mouseenter",this.expandPopup),this.overlayContainer.removeEventListener("mouseleave",this.collapsePopup)),this.triggerElement=null)}checkIsInputField(e){var t;return"md-input"===(null===(t=null==e?void 0:e.tagName)||void 0===t?void 0:t.toLowerCase())}updateTriggerElementAriaExpanded(){this.triggerElement&&(this.isOpen?this.triggerElement.setAttribute("aria-expanded","true"):this.triggerElement.removeAttribute("aria-expanded"))}firstUpdated(e){const t=Object.create(null,{firstUpdated:{get:()=>super.firstUpdated}});return b(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.allowHoverToggle&&(this.triggerElement.addEventListener("mouseenter",this.expandPopup),this.triggerElement.addEventListener("mouseleave",this.collapsePopup),this.overlayContainer.addEventListener("mouseenter",this.expandPopup),this.overlayContainer.addEventListener("mouseleave",this.collapsePopup)),this.checkIsInputField(this.triggerElement)||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),e.has("isOpen")&&this.updateTriggerElementAriaExpanded()}))}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.triggerElement.hasAttribute("ariaexpanded")&&this.triggerElement.setAttribute("ariaexpanded","true"))):(this.dispatchMenuClose(),this.triggerElement&&(this.triggerElement.removeAttribute("aria-expanded"),this.triggerElement.hasAttribute("ariaexpanded")&&this.triggerElement.setAttribute("ariaexpanded","false"))))}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=(0,m.createPopper)(this.triggerElement,this.overlayContainer,{onFirstUpdate:()=>b(this,void 0,void 0,(function*(){var e;this.isOpen&&(null===(e=this.popperInstance)||void 0===e||e.update(),this.setFocusableElements(),yield this.updateComplete,this.focusInsideOverlay())})),placement:this.placement,strategy:this.positioningStrategy,modifiers:[...m.defaultModifiers,u(),c(),y(),d(),{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,this.overlayOffset]}},{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((()=>{var e;(null===(e=this.focusableElements)||void 0===e?void 0:e.length)&&this.focusableElements[0].focus()}))}focusInsideOverlay(){this.focusableElements&&(this.focusableElements.length>1?this.setInitialFocus(1):this.focusableElements.length&&this.setInitialFocus())}focusOnNestedTrigger(e){var t;null===(t=this.setFocusOnTrigger)||void 0===t||t.call(this,e)}handleWindowBlurEvent(){this._isOpen&&!this.keepOpenOnWindowBlur&&(this.isOpen=!1)}static get styles(){return[f.A]}render(){return E.html`
|
|
10
10
|
${this.getStyles()}
|
|
11
11
|
<div class="md-menu-overlay">
|
|
12
12
|
<slot name="menu-trigger"></slot>
|
|
@@ -23,4 +23,4 @@
|
|
|
23
23
|
</div>
|
|
24
24
|
</div>
|
|
25
25
|
</div>
|
|
26
|
-
`}};t.activeOverlay=[],w([(0,E.property)({type:Boolean,attribute:"is-open",reflect:!0})],t.prototype,"isOpen",null),w([(0,E.property)({type:String})],t.prototype,"size",void 0),w([(0,E.property)({type:String,attribute:"max-height"})],t.prototype,"maxHeight",void 0),w([(0,E.property)({type:String,attribute:"custom-width"})],t.prototype,"customWidth",void 0),w([(0,E.property)({type:Boolean,attribute:"show-arrow"})],t.prototype,"showArrow",void 0),w([(0,E.property)({type:Boolean})],t.prototype,"disabled",void 0),w([(0,E.property)({type:String})],t.prototype,"placement",void 0),w([(0,E.property)({type:Boolean,attribute:"allow-hover-toggle"})],t.prototype,"allowHoverToggle",void 0),w([(0,E.property)({type:String})],t.prototype,"ariaRole",void 0),w([(0,E.property)({type:String})],t.prototype,"ariaLabel",void 0),w([(0,E.property)({type:Boolean,attribute:"is-date-picker"})],t.prototype,"isDatePicker",void 0),w([(0,E.property)({type:Number,attribute:"overlay-offset"})],t.prototype,"overlayOffset",void 0),w([(0,E.property)({type:Boolean,attribute:"keep-open-on-window-blur"})],t.prototype,"keepOpenOnWindowBlur",void 0),w([(0,E.query)(".overlay-container")],t.prototype,"overlayContainer",void 0),w([(0,E.query)(".overlay-arrow")],t.prototype,"arrow",void 0),w([(0,E.queryAssignedNodes)("menu-trigger",!0)],t.prototype,"trigger",void 0),t=w([(0,o.w)("md-menu-overlay")],t),e.ELEMENT=t}(s||(s={}))}}]);
|
|
26
|
+
`}};t.activeOverlay=[],w([(0,E.property)({type:Boolean,attribute:"is-open",reflect:!0})],t.prototype,"isOpen",null),w([(0,E.property)({type:String})],t.prototype,"size",void 0),w([(0,E.property)({type:String,attribute:"max-height"})],t.prototype,"maxHeight",void 0),w([(0,E.property)({type:String,attribute:"custom-width"})],t.prototype,"customWidth",void 0),w([(0,E.property)({type:Boolean,attribute:"show-arrow"})],t.prototype,"showArrow",void 0),w([(0,E.property)({type:Boolean})],t.prototype,"disabled",void 0),w([(0,E.property)({type:String})],t.prototype,"placement",void 0),w([(0,E.property)({type:Boolean,attribute:"allow-hover-toggle"})],t.prototype,"allowHoverToggle",void 0),w([(0,E.property)({type:String})],t.prototype,"ariaRole",void 0),w([(0,E.property)({type:String})],t.prototype,"ariaLabel",void 0),w([(0,E.property)({type:Boolean,attribute:"is-date-picker"})],t.prototype,"isDatePicker",void 0),w([(0,E.property)({type:Number,attribute:"overlay-offset"})],t.prototype,"overlayOffset",void 0),w([(0,E.property)({type:Boolean,attribute:"keep-open-on-window-blur"})],t.prototype,"keepOpenOnWindowBlur",void 0),w([(0,E.query)(".overlay-container")],t.prototype,"overlayContainer",void 0),w([(0,E.query)(".overlay-arrow")],t.prototype,"arrow",void 0),w([(0,E.property)({type:String,attribute:"positioning-strategy"})],t.prototype,"positioningStrategy",void 0),w([(0,E.queryAssignedNodes)("menu-trigger",!0)],t.prototype,"trigger",void 0),t=w([(0,o.w)("md-menu-overlay")],t),e.ELEMENT=t}(s||(s={}))}}]);
|
package/dist/1598.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";(self["momentum-web-components-[id]"]=self["momentum-web-components-[id]"]||[]).push([[1598],{11598:(e,o,r)=>{r.d(o,{A:()=>
|
|
1
|
+
"use strict";(self["momentum-web-components-[id]"]=self["momentum-web-components-[id]"]||[]).push([[1598],{11598:(e,o,r)=>{r.d(o,{A:()=>d});const d=r(41488).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(1rem + .25rem);position:absolute;visibility:hidden;width:100%}:host(md-checkbox) .checkbox-label{cursor:pointer;display:inline-flex;padding-left:1.875rem;padding-right:calc(.25rem/2);position:relative;width:100%;z-index:1;align-items:center;gap:.5rem}:host(md-checkbox) .checkbox-label::before{background:var(--checkbox-bg-color);border:.0625rem solid var(--checkbox-border-color);border-radius:.25rem;height:1rem;width:1rem}:host(md-checkbox) .checkbox-label::after,:host(md-checkbox) .checkbox-label::before{content:"";left:calc(1rem*.75);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)}:host(:hover:not([disabled])) .checkbox-label::before{background:var(--checkbox-hover-bg-color);border:.0625rem solid var(--checkbox-hover-border-color)}:host(:active:not([disabled])) .checkbox-label::before{background:var(--checkbox-pressed-bg-color);border:.0625rem solid var(--checkbox-pressed-border-color)}:host([disabled]){opacity:.4}:host([disabled]) .checkbox-label{cursor:not-allowed}:host([disabled]) .checkbox-label::before{background:var(--checkbox-hover-bg-color);border:.0625rem solid var(--checkbox-hover-border-color)}:host([aria-checked=true]) .checkbox-label::after{border:solid var(--checkbox-icon-color);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);border:.0625rem solid var(--checkbox-selected-border-color)}:host([indeterminate]) .checkbox-label::after{border:solid var(--checkbox-icon-color);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);border:.0625rem solid var(--checkbox-selected-border-color)}: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);border-color:var(--checkbox-selected-hover-border-color)}: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);border-color:var(--checkbox-selected-pressed-border-color)}@media(forced-colors:active){:host([focus-visible]:not([disabled])){outline:2px solid Highlight;box-shadow:none}}:host([alignment=vertical]) div{display:inline-flex;flex-direction:column}:host([alignment=vertical]) div ::slotted(md-checkbox:not(:last-child)){margin-bottom:calc(.25rem*2)}: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)}:host(md-radio) .md-radio-wrapper{max-height:1.375rem;display:inline-flex;align-items:center;max-width:100%}:host(md-radio) .md-radio-input{height:1.375rem;position:absolute;visibility:hidden;width:100%}:host(md-radio) .md-radio-label{color:var(--md-primary-text-color);cursor:pointer;font-size:14px;line-height:1.375rem;padding-left:1.875rem;padding-right:.5rem;pointer-events:none;position:relative;vertical-align:middle;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block;width:100%}:host(md-radio) .md-radio-label::before{content:"";position:absolute;border:.0625rem solid var(--radio-input-border-color);border-top-left-radius:50%;border-top-right-radius:50%;border-bottom-left-radius:50%;border-bottom-right-radius:50%;background-color:var(--radio-input-bg-color);box-sizing:border-box;height:1rem;left:.25rem;top:.1875rem;width:1rem}:host(:focus){box-shadow:none;outline:0}:host([focus-visible]:not([disabled])){box-shadow:0 0 0 .125rem var(--md-default-focus-outline-color)}:host(:hover:not([disabled])) .md-radio-label:before{border:.0625rem solid var(--radio-input-hover-border-color);background-color:var(--radio-input-hover-bg-color)}:host(:active:not([disabled])) .md-radio-label:before{border:.0625rem solid var(--radio-input-pressed-border-color);background-color:var(--radio-input-pressed-bg-color)}:host([disabled]){cursor:not-allowed}:host([disabled]) .md-radio-label{color:var(--radio-input-disabled-text-color)}:host([disabled]) .md-radio-label:before{border-color:var(--radio-input-disabled-border-color);background-color:var(--radio-input-disabled-bg-color)}:host([aria-checked=true]) .md-radio-label:before{border-color:var(--radio-input-selected-border-color);background-color:var(--radio-input-selected-bg-color)}:host([aria-checked=true]) .md-radio-label:after{content:"";position:absolute;top:8px;left:9px;width:.375rem;height:.375rem;background-color:var(--radio-input-icon-color);border-radius:50%}:host([aria-checked=true]:hover:not([disabled])) .md-radio-label:before{border-color:var(--radio-input-selected-hover-border-color);background-color:var(--radio-input-selected-hover-bg-color)}:host([aria-checked=true]:active:not([disabled])) .md-radio-label:before{border-color:var(--radio-input-selected-pressed-border-color);background-color:var(--radio-input-selected-pressed-bg-color)}:host([aria-checked=true][disabled]) .md-radio-label:before{border-color:var(--radio-input-selected-disabled-border-color);background-color:var(--radio-input-selected-disabled-bg-color)}:host([aria-checked=true][disabled]) .md-radio-label:after{background-color:var(--radio-input-selected-disabled-border-color)}@media(forced-colors:active){:host(md-radio) .md-radio-label::before{border:1px solid CanvasText}:host(:active:not([disabled])) .md-radio-label:before,:host(:hover:not([disabled])) .md-radio-label:before{border:none;outline:2px solid Highlight;outline-offset:-1px}:host([aria-checked=true]) .md-radio-label:before{background-color:Highlight;border:none;outline:0}:host([aria-checked=true]:hover:not([disabled])) .md-radio-label:before{background-color:Highlight}:host([aria-checked=true]) .md-radio-label:after{content:"";position:absolute;top:50%;left:12px;transform:translate(-50%,-50%);width:8px;height:8px;background-color:Canvas;border-radius:50%}:host([focus-visible]:not([disabled])){outline:2px solid Highlight;outline-offset:-1px}}: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*2)}:host([alignment=horizontal]) div{display:inline-flex;flex-direction:row}:host([alignment=horizontal]) div ::slotted(md-radio){margin-right:calc(.25rem*8)}:host([disabled]) div ::slotted(md-radio){pointer-events:none}:host(md-label) .md-label{color:var(--label-color,#000);font-family:var(--brand-font-regular, "CiscoSansTT Regular", "Helvetica Neue", Helvetica, Arial, sans-serif);font-size:var(--font-size-body-midsize,.875rem);line-height:1.25rem;display:flex;align-items:center}:host(md-label) .md-label.right{float:none!important;text-align:right}:host(md-label) .md-label.inline{margin:0 0 1rem 0;padding:.50390625rem 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:var(--font-size-body-midsize,.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}:host(.md-input__label.disabled.newMomentum) label,:host(.md-input__secondary-label.disabled.newMomentum) label{color:var(--input-default-new-disabled-color)!important}`}}]);
|
package/dist/4663.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";(self["momentum-web-components-[id]"]=self["momentum-web-components-[id]"]||[]).push([[4663,5211],{35211:(o,r,e)=>{e.d(r,{KC:()=>p});const p=16},50325:(o,r,e)=>{e.d(r,{A:()=>p});const p=e(41488).css`.md-popover{box-sizing:border-box;position:relative;color:var(--popover-text-color)}.md-popover *{box-sizing:inherit}.md-popover .popover-container{filter:drop-shadow(0 0 1px rgba(0, 0, 0, .12)) drop-shadow(0 24px 48px rgba(0, 0, 0, .2));box-sizing:border-box;display:none;position:absolute;z-index:1000;background-color:var(--popover-bg-color);border:1px solid var(--popover-border-color);border-radius:.5rem;padding:.75rem;min-height:24px;min-width:14px;max-width:292px}.md-popover .popover-container[data-show]{display:flex}.md-popover .popover-content{display:flex;justify-content:space-around;width:100%;flex-grow:1;font-size:1rem;font-weight:400;line-height:1.5rem}.md-popover .cancel-icon-button{position:absolute;right:.75rem;top:.75rem;padding-left:.5rem;width:1.25rem;height:1.25rem;cursor:pointer}.md-popover .popover-arrow{position:absolute;width:0;height:0;visibility:hidden}.md-popover .popover-arrow::before{content:"";position:absolute;width:16px;height:16px;background:var(--popover-bg-color);border:1px solid var(--popover-border-color);transform:rotate(45deg);visibility:visible}.popover-container[data-popper-placement^=top]>.popover-arrow{bottom:0}.popover-container[data-popper-placement^=top]>.popover-arrow::before{left:calc(50% - 8px);bottom:-9px;border-top:none;border-left:none;border-bottom-right-radius:3px}.popover-container[data-popper-placement^=bottom]>.popover-arrow{top:0}.popover-container[data-popper-placement^=bottom]>.popover-arrow::before{left:calc(50% - 8px);top:-9px;border-bottom:none;border-right:none;border-top-left-radius:3px}.popover-container[data-popper-placement^=right]>.popover-arrow{left:0}.popover-container[data-popper-placement^=right]>.popover-arrow::before{left:-9px;top:calc(50% - 8px);border-right:none;border-top:none;border-bottom-left-radius:3px}.popover-container[data-popper-placement^=left]>.popover-arrow{right:0}.popover-container[data-popper-placement^=left]>.popover-arrow::before{right:-9px;border-bottom:none;border-left:none;top:calc(50% - 8px);border-top-right-radius:3px}`}}]);
|
|
1
|
+
"use strict";(self["momentum-web-components-[id]"]=self["momentum-web-components-[id]"]||[]).push([[4663,5211],{35211:(o,r,e)=>{e.d(r,{KC:()=>p});const p=16},50325:(o,r,e)=>{e.d(r,{A:()=>p});const p=e(41488).css`.md-popover{box-sizing:border-box;position:relative;color:var(--popover-text-color);--popover-variant-border-color:var(--popover-border-color);--popover-variant-bg-color:var(--popover-bg-color)}.md-popover.inverted{color:var(--popover-inverted-text-color);--popover-variant-border-color:var(--popover-inverted-border-color);--popover-variant-bg-color:var(--popover-inverted-bg-color)}.md-popover *{box-sizing:inherit}.md-popover .popover-container{filter:drop-shadow(0 0 1px rgba(0, 0, 0, .12)) drop-shadow(0 24px 48px rgba(0, 0, 0, .2));box-sizing:border-box;display:none;position:absolute;z-index:1000;background-color:var(--popover-variant-bg-color);border:1px solid var(--popover-variant-border-color);border-radius:.5rem;padding:.75rem;min-height:24px;min-width:14px;max-width:292px}.md-popover .popover-container[data-show]{display:flex}.md-popover .popover-content{display:flex;justify-content:space-around;width:100%;flex-grow:1;font-size:1rem;font-weight:400;line-height:1.5rem}.md-popover .cancel-icon-button{position:absolute;right:.75rem;top:.75rem;padding-left:.5rem;width:1.25rem;height:1.25rem;cursor:pointer}.md-popover .popover-arrow{position:absolute;width:0;height:0;visibility:hidden}.md-popover .popover-arrow::before{content:"";position:absolute;width:16px;height:16px;background:var(--popover-variant-bg-color);border:1px solid var(--popover-variant-border-color);transform:rotate(45deg);visibility:visible}.popover-container[data-popper-placement^=top]>.popover-arrow{bottom:0}.popover-container[data-popper-placement^=top]>.popover-arrow::before{left:calc(50% - 8px);bottom:-9px;border-top:none;border-left:none;border-bottom-right-radius:3px}.popover-container[data-popper-placement^=bottom]>.popover-arrow{top:0}.popover-container[data-popper-placement^=bottom]>.popover-arrow::before{left:calc(50% - 8px);top:-9px;border-bottom:none;border-right:none;border-top-left-radius:3px}.popover-container[data-popper-placement^=right]>.popover-arrow{left:0}.popover-container[data-popper-placement^=right]>.popover-arrow::before{left:-9px;top:calc(50% - 8px);border-right:none;border-top:none;border-bottom-left-radius:3px}.popover-container[data-popper-placement^=left]>.popover-arrow{right:0}.popover-container[data-popper-placement^=left]>.popover-arrow::before{right:-9px;border-bottom:none;border-left:none;top:calc(50% - 8px);border-top-right-radius:3px}`}}]);
|
package/dist/6067.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";(self["momentum-web-components-[id]"]=self["momentum-web-components-[id]"]||[]).push([[6067],{76067:(o,e
|
|
1
|
+
"use strict";(self["momentum-web-components-[id]"]=self["momentum-web-components-[id]"]||[]).push([[6067],{76067:(o,r,e)=>{e.d(r,{A:()=>d});const d=e(41488).css`:host{--radio-label-text-color:var(--radio-input-text-color)}:host(md-radio) .md-radio-wrapper{max-height:1.375rem;display:inline-flex;align-items:center;max-width:100%}:host(md-radio) .md-radio-input{height:1.375rem;position:absolute;visibility:hidden;width:100%}:host(md-radio) .md-radio-label{color:var(--md-primary-text-color);cursor:pointer;font-size:14px;line-height:1.375rem;padding-left:1.875rem;padding-right:.5rem;pointer-events:none;position:relative;vertical-align:middle;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block;width:100%}:host(md-radio) .md-radio-label::before{content:"";position:absolute;border:.0625rem solid var(--radio-input-border-color);border-top-left-radius:50%;border-top-right-radius:50%;border-bottom-left-radius:50%;border-bottom-right-radius:50%;background-color:var(--radio-input-bg-color);box-sizing:border-box;height:1rem;left:.25rem;top:.1875rem;width:1rem}:host(:focus){box-shadow:none;outline:0}:host([focus-visible]:not([disabled])){box-shadow:0 0 0 .125rem var(--md-default-focus-outline-color)}:host(:hover:not([disabled])) .md-radio-label:before{border:.0625rem solid var(--radio-input-hover-border-color);background-color:var(--radio-input-hover-bg-color)}:host(:active:not([disabled])) .md-radio-label:before{border:.0625rem solid var(--radio-input-pressed-border-color);background-color:var(--radio-input-pressed-bg-color)}:host([disabled]){cursor:not-allowed}:host([disabled]) .md-radio-label{color:var(--radio-input-disabled-text-color)}:host([disabled]) .md-radio-label:before{border-color:var(--radio-input-disabled-border-color);background-color:var(--radio-input-disabled-bg-color)}:host([aria-checked=true]) .md-radio-label:before{border-color:var(--radio-input-selected-border-color);background-color:var(--radio-input-selected-bg-color)}:host([aria-checked=true]) .md-radio-label:after{content:"";position:absolute;top:8px;left:9px;width:.375rem;height:.375rem;background-color:var(--radio-input-icon-color);border-radius:50%}:host([aria-checked=true]:hover:not([disabled])) .md-radio-label:before{border-color:var(--radio-input-selected-hover-border-color);background-color:var(--radio-input-selected-hover-bg-color)}:host([aria-checked=true]:active:not([disabled])) .md-radio-label:before{border-color:var(--radio-input-selected-pressed-border-color);background-color:var(--radio-input-selected-pressed-bg-color)}:host([aria-checked=true][disabled]) .md-radio-label:before{border-color:var(--radio-input-selected-disabled-border-color);background-color:var(--radio-input-selected-disabled-bg-color)}:host([aria-checked=true][disabled]) .md-radio-label:after{background-color:var(--radio-input-selected-disabled-border-color)}@media(forced-colors:active){:host(md-radio) .md-radio-label::before{border:1px solid CanvasText}:host(:active:not([disabled])) .md-radio-label:before,:host(:hover:not([disabled])) .md-radio-label:before{border:none;outline:2px solid Highlight;outline-offset:-1px}:host([aria-checked=true]) .md-radio-label:before{background-color:Highlight;border:none;outline:0}:host([aria-checked=true]:hover:not([disabled])) .md-radio-label:before{background-color:Highlight}:host([aria-checked=true]) .md-radio-label:after{content:"";position:absolute;top:50%;left:12px;transform:translate(-50%,-50%);width:8px;height:8px;background-color:Canvas;border-radius:50%}:host([focus-visible]:not([disabled])){outline:2px solid Highlight;outline-offset:-1px}}: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*2)}:host([alignment=horizontal]) div{display:inline-flex;flex-direction:row}:host([alignment=horizontal]) div ::slotted(md-radio){margin-right:calc(.25rem*8)}:host([disabled]) div ::slotted(md-radio){pointer-events:none}`}}]);
|
package/dist/8841.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";(self["momentum-web-components-[id]"]=self["momentum-web-components-[id]"]||[]).push([[8841],{18841:(e,o,r)=>{r.d(o,{A:()=>c});const c=r(41488).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
|
+
"use strict";(self["momentum-web-components-[id]"]=self["momentum-web-components-[id]"]||[]).push([[8841],{18841:(e,o,r)=>{r.d(o,{A:()=>c});const c=r(41488).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(1rem + .25rem);position:absolute;visibility:hidden;width:100%}:host(md-checkbox) .checkbox-label{cursor:pointer;display:inline-flex;padding-left:1.875rem;padding-right:calc(.25rem/2);position:relative;width:100%;z-index:1;align-items:center;gap:.5rem}:host(md-checkbox) .checkbox-label::before{background:var(--checkbox-bg-color);border:.0625rem solid var(--checkbox-border-color);border-radius:.25rem;height:1rem;width:1rem}:host(md-checkbox) .checkbox-label::after,:host(md-checkbox) .checkbox-label::before{content:"";left:calc(1rem*.75);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)}:host(:hover:not([disabled])) .checkbox-label::before{background:var(--checkbox-hover-bg-color);border:.0625rem solid var(--checkbox-hover-border-color)}:host(:active:not([disabled])) .checkbox-label::before{background:var(--checkbox-pressed-bg-color);border:.0625rem solid var(--checkbox-pressed-border-color)}:host([disabled]){opacity:.4}:host([disabled]) .checkbox-label{cursor:not-allowed}:host([disabled]) .checkbox-label::before{background:var(--checkbox-hover-bg-color);border:.0625rem solid var(--checkbox-hover-border-color)}:host([aria-checked=true]) .checkbox-label::after{border:solid var(--checkbox-icon-color);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);border:.0625rem solid var(--checkbox-selected-border-color)}:host([indeterminate]) .checkbox-label::after{border:solid var(--checkbox-icon-color);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);border:.0625rem solid var(--checkbox-selected-border-color)}: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);border-color:var(--checkbox-selected-hover-border-color)}: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);border-color:var(--checkbox-selected-pressed-border-color)}@media(forced-colors:active){:host([focus-visible]:not([disabled])){outline:2px solid Highlight;box-shadow:none}}:host([alignment=vertical]) div{display:inline-flex;flex-direction:column}:host([alignment=vertical]) div ::slotted(md-checkbox:not(:last-child)){margin-bottom:calc(.25rem*2)}:host([alignment=horizontal]) div{display:flex;flex-direction:row}:host([alignment=horizontal]) div ::slotted(md-checkbox:not(:last-child)){margin-right:calc(.25rem*10)}`}}]);
|