@momentum-ui/web-components 2.17.1 → 2.17.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/chunks/md-17.js +5 -5
- package/dist/chunks/md-37.js +1 -1
- package/dist/chunks/md-53.js +17 -15
- package/dist/chunks/md-65.js +11 -11
- package/dist/chunks/md-8.js +1 -1
- package/dist/chunks/md-90.js +1 -1
- package/dist/index-entry.js +1 -1
- package/dist/index.js +1 -1
- package/dist/types/components/alert-banner/AlertBanner.d.ts +4 -1
- package/dist/types/components/combobox/ComboBox.d.ts +1 -1
- package/dist/types/components/grabber/Grabber.d.ts +1 -1
- package/package.json +1 -1
package/dist/chunks/md-17.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[17],{36:function(e,t,r){"use strict";r.r(t),r.d(t,"OverlaySizes",(function(){return
|
|
1
|
+
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[17],{36:function(e,t,r){"use strict";r.r(t),r.d(t,"OverlaySizes",(function(){return o})),r.d(t,"menuOverlaySize",(function(){return x})),r.d(t,"menuOverlayPlacement",(function(){return L})),r.d(t,"menuOverlayRole",(function(){return C})),r.d(t,"MenuOverlay",(function(){return T}));var o,i=r(35),a=r(1),n=r(5),s=r(33),l=r(16),d=r(22),p=r.n(d),c=r(23),h=r.n(c),v=r(24),m=r.n(v),u=r(25),y=r.n(u),g=r(18),b=r(0),f=r(3),O=b.css`:host{--vw-padding:16px}.md-menu-overlay{box-sizing:border-box;color:var(--md-primary-text-color);position:relative}.md-menu-overlay *{box-sizing:inherit}.md-menu-overlay .overlay-content{background-color:var(--md-primary-bg-color);border:1px solid var(--md-menu-overlay-border-color,--gray-20);border-radius:.5rem;display:flex;justify-content:space-around;max-width:calc(100vw - var(--vw-padding)*2);overflow-y:auto}.md-menu-overlay .overlay-container{border-radius:.5rem;box-shadow:0 8px 16px rgba(0,0,0,.16),0 0 1px rgba(0,0,0,.14);box-sizing:border-box;display:none;position:absolute;z-index:1000}.md-menu-overlay .overlay-container[data-show]{display:block}.overlay-arrow{height:0;visibility:hidden;width:0}.overlay-arrow[data-show]{visibility:visible}.overlay-container[data-popper-placement^=top]>.overlay-arrow{border-left:solid 1rem transparent;border-right:solid 1rem transparent;border-top:solid 1rem var(--md-menu-overlay-border-color,--gray-20);bottom:-.95rem;filter:drop-shadow(0 14px 8px rgba(0, 0, 0, .16))}.overlay-container[data-popper-placement^=bottom]>.overlay-arrow{border-bottom:solid 1rem var(--md-menu-overlay-border-color,--gray-20);border-left:solid 1rem transparent;border-right:solid 1rem transparent;top:-.95rem}.overlay-container[data-popper-placement^=right]>.overlay-arrow{border-bottom:solid 1rem transparent;border-right:solid 1rem var(--md-menu-overlay-border-color,--gray-20);border-top:solid 1rem transparent;left:-.95rem;filter:drop-shadow(-16px 0 10px rgba(0, 0, 0, .16))}.overlay-container[data-popper-placement^=left]>.overlay-arrow{border-bottom:solid 1rem transparent;border-left:solid 1rem var(--md-menu-overlay-border-color,--gray-20);border-top:solid 1rem transparent;right:-.95rem;filter:drop-shadow(16px 0 10px rgba(0, 0, 0, .16))}.overlay-container>.overlay-arrow:after{content:"";position:absolute;border-width:19px;border-style:solid;border-color:transparent}.overlay-container[data-popper-placement^=top]>.overlay-arrow:after{border-top-color:var(--md-primary-bg-color);bottom:-17px;right:-19px}.overlay-container[data-popper-placement^=bottom]>.overlay-arrow:after{border-bottom-color:var(--md-primary-bg-color);top:-17px;left:-19px}.overlay-container[data-popper-placement^=right]>.overlay-arrow:after{border-right-color:var(--md-primary-bg-color);bottom:-19px;left:-17px}.overlay-container[data-popper-placement^=left]>.overlay-arrow:after{border-left-color:var(--md-primary-bg-color);top:-19px;right:-17px}@media(forced-colors:active){.overlay-container[data-popper-placement^=top]>.overlay-arrow{forced-color-adjust:none;border-left:solid 1rem transparent;border-right:solid 1rem transparent;border-top:solid 1rem ButtonBorder;bottom:-.95rem}.overlay-container[data-popper-placement^=bottom]>.overlay-arrow{forced-color-adjust:none;border-bottom:solid 1rem ButtonBorder;border-left:solid 1rem transparent;border-right:solid 1rem transparent;top:-.95rem}.overlay-container[data-popper-placement^=right]>.overlay-arrow{forced-color-adjust:none;border-bottom:solid 1rem transparent;border-right:solid 1rem ButtonBorder;border-top:solid 1rem transparent;left:-.95rem}.overlay-container[data-popper-placement^=left]>.overlay-arrow{forced-color-adjust:none;border-bottom:solid 1rem transparent;border-left:solid 1rem ButtonBorder;border-top:solid 1rem transparent;right:-.95rem}.overlay-container>.overlay-arrow:after{forced-color-adjust:none;content:"";position:absolute;border-width:19px;border-style:solid;border-color:transparent}.overlay-container[data-popper-placement^=top]>.overlay-arrow:after{border-top-color:Canvas}.overlay-container[data-popper-placement^=bottom]>.overlay-arrow:after{border-bottom-color:Canvas}.overlay-container[data-popper-placement^=right]>.overlay-arrow:after{border-right-color:Canvas}.overlay-container[data-popper-placement^=left]>.overlay-arrow:after{border-left-color:Canvas}}`,E=function(e,t,r,o){var i,a=arguments.length,n=a<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,r):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,r,o);else for(var s=e.length-1;s>=0;s--)(i=e[s])&&(n=(a<3?i(n):a>3?i(t,r,n):i(t,r))||n);return a>3&&n&&Object.defineProperty(t,r,n),n},w=function(e,t,r,o){return new(r||(r=Promise))((function(i,a){function n(e){try{l(o.next(e))}catch(e){a(e)}}function s(e){try{l(o.throw(e))}catch(e){a(e)}}function l(e){var t;e.done?i(e.value):(t=e.value,t instanceof r?t:new r((function(e){e(t)}))).then(n,s)}l((o=o.apply(e,t||[])).next())}))};!function(e){e.small="260px",e.large="370px"}(o||(o={}));const x=["small","large"],L=i.b,C=["menu","dialog"];var T;!function(e){let t=class extends(Object(s.a)(b.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.popperInstance=null,this.triggerElement=null,this.shouldWrapFocus=()=>"dialog"===this.ariaRole,this.updateActiveMenuOverlayOpened=t=>{var r;this===t.target&&(null===(r=e.ELEMENT.activeOverlay)||void 0===r||r.push(t.target))},this.updateActiveMenuOverlayClosed=t=>{var r,o;const i=e.ELEMENT.activeOverlay.indexOf(t.target);this===t.target&&-1!==i&&(e.ELEMENT.activeOverlay.splice(i,1),e.ELEMENT.activeOverlay.length>0?(null===(r=e.ELEMENT.activeOverlay[e.ELEMENT.activeOverlay.length-1])||void 0===r||r.setFocusableElements(),null===(o=e.ELEMENT.activeOverlay[e.ELEMENT.activeOverlay.length-1])||void 0===o||o.focusOnNestedTrigger(this.triggerElement)):this.setFocusableElements())},this.handleTriggerClick=()=>{this.toggleOverlay()},this.setOverlay=Object(l.b)(e=>{this.disabled||(this.isOpen=e)},100),this.expandPopup=()=>{this.setOverlay(!0)},this.collapsePopup=()=>{this.setOverlay(!1)},this.handleOutsideOverlayKeydown=t=>w(this,void 0,void 0,(function*(){let r=!1;const o=t.composedPath();if((!o.length||(r=!!o.find(e=>e===this),r))&&this.overlayContainer&&t.code===a.b.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=>w(this,void 0,void 0,(function*(){switch(e.code){case a.b.Space:case a.b.Enter:e.preventDefault(),this.toggleOverlay(),this.isOpen||(yield this.updateComplete,this.focusOnTrigger())}})),this.handleOutsideOverlayClick=e=>{let t=!1;const r=e.composedPath();r.length&&(t=!!r.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: ${o.small};`:`width: ${o.large};`}getStyles(){return b.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())}firstUpdated(e){const t=Object.create(null,{firstUpdated:{get:()=>super.firstUpdated}});return w(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)}))}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=Object(g.createPopper)(this.triggerElement,this.overlayContainer,{onFirstUpdate:()=>w(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,modifiers:[...g.defaultModifiers,
|
|
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())}firstUpdated(e){const t=Object.create(null,{firstUpdated:{get:()=>super.firstUpdated}});return w(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)}))}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=Object(g.createPopper)(this.triggerElement,this.overlayContainer,{onFirstUpdate:()=>w(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,modifiers:[...g.defaultModifiers,h.a,m.a,y.a,p.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,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(()=>{this.focusableElements&&this.focusableElements.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.isOpen=!1)}static get styles(){return[O]}render(){return b.html`
|
|
10
10
|
${this.getStyles()}
|
|
11
11
|
<div class="md-menu-overlay">
|
|
12
12
|
<slot name="menu-trigger" aria-expanded=${this.isOpen}></slot>
|
|
@@ -14,8 +14,8 @@
|
|
|
14
14
|
part="overlay"
|
|
15
15
|
class="overlay-container"
|
|
16
16
|
role=${this.ariaRole}
|
|
17
|
-
aria-modal=${Object(
|
|
18
|
-
aria-label=${Object(
|
|
17
|
+
aria-modal=${Object(f.ifDefined)("dialog"===this.ariaRole?"true":void 0)}
|
|
18
|
+
aria-label=${Object(f.ifDefined)(this.ariaLabel||void 0)}
|
|
19
19
|
>
|
|
20
20
|
<div id="arrow" class="overlay-arrow" data-popper-arrow></div>
|
|
21
21
|
<div class="overlay-content" part="overlay-content">
|
|
@@ -23,4 +23,4 @@
|
|
|
23
23
|
</div>
|
|
24
24
|
</div>
|
|
25
25
|
</div>
|
|
26
|
-
`}};t.activeOverlay=[],
|
|
26
|
+
`}};t.activeOverlay=[],E([Object(b.property)({type:Boolean,attribute:"is-open",reflect:!0})],t.prototype,"isOpen",null),E([Object(b.property)({type:String})],t.prototype,"size",void 0),E([Object(b.property)({type:String,attribute:"max-height"})],t.prototype,"maxHeight",void 0),E([Object(b.property)({type:String,attribute:"custom-width"})],t.prototype,"customWidth",void 0),E([Object(b.property)({type:Boolean,attribute:"show-arrow"})],t.prototype,"showArrow",void 0),E([Object(b.property)({type:Boolean})],t.prototype,"disabled",void 0),E([Object(b.property)({type:String})],t.prototype,"placement",void 0),E([Object(b.property)({type:Boolean,attribute:"allow-hover-toggle"})],t.prototype,"allowHoverToggle",void 0),E([Object(b.property)({type:String})],t.prototype,"ariaRole",void 0),E([Object(b.property)({type:String})],t.prototype,"ariaLabel",void 0),E([Object(b.property)({type:Boolean,attribute:"is-date-picker"})],t.prototype,"isDatePicker",void 0),E([Object(b.property)({type:Number,attribute:"overlay-offset"})],t.prototype,"overlayOffset",void 0),E([Object(b.query)(".overlay-container")],t.prototype,"overlayContainer",void 0),E([Object(b.query)(".overlay-arrow")],t.prototype,"arrow",void 0),E([Object(b.queryAssignedNodes)("menu-trigger",!0)],t.prototype,"trigger",void 0),t=E([Object(n.a)("md-menu-overlay")],t),e.ELEMENT=t}(T||(T={}))}}]);
|
package/dist/chunks/md-37.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[37],{83:function(e,t,o){"use strict";o.r(t),o.d(t,"Favorite",(function(){return i}));o(14);var i,r=o(1),a=o(7),c=o(5),d=o(6),n=o(0),l=o(4),s=o(3),v=n.css`:host{align-content:center;align-items:center;display:inline-flex;flex-flow:row nowrap;justify-content:center}.md-favorite{align-content:center;align-items:center;display:inline-flex;flex-flow:row nowrap;justify-content:center;border-radius:var(--button-favorite-border-radius,.25rem);height:1.5rem;position:relative;width:1.5rem}.md-favorite input{visibility:hidden}.md-favorite md-icon{position:absolute}.md-favorite
|
|
1
|
+
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[37],{83:function(e,t,o){"use strict";o.r(t),o.d(t,"Favorite",(function(){return i}));o(14);var i,r=o(1),a=o(7),c=o(5),d=o(6),n=o(0),l=o(4),s=o(3),v=n.css`:host{align-content:center;align-items:center;display:inline-flex;flex-flow:row nowrap;justify-content:center}.md-favorite{align-content:center;align-items:center;display:inline-flex;flex-flow:row nowrap;justify-content:center;border-radius:var(--button-favorite-border-radius,.25rem);height:1.5rem;position:relative;width:1.5rem}.md-favorite input{visibility:hidden}.md-favorite md-icon{position:absolute}.md-favorite:hover{background-color:var(--button-favorite-hover-bg-color)}.md-favorite:focus{outline:0}.md-favorite:active{background-color:var(--button-favorite-pressed-bg-color)}.md-favorite::after{border-radius:var(--button-favorite-border-radius,.25rem);content:"";display:block;height:100%;left:0;position:absolute;top:0;width:100%}.md-favorite:focus::after{box-shadow:0 0 0 rem-calc(2) var(--md-default-focus-outline-color)}.md-favorite--disabled{background-color:rgba(0,0,0,0)}.md-favorite--disabled:active,.md-favorite--disabled:hover{background-color:rgba(0,0,0,0)}.md-favorite--disabled md-icon::part(icon){color:var(--button-disabled-text-color)}.md-favorite--active md-icon::part(icon){color:var(--button-favorite-icon-color)}.md-favorite--active:hover md-icon::part(icon){color:var(--button-favorite-hover-icon-color)}.md-favorite--active:active md-icon::part(icon){color:var(--button-favorite-pressed-icon-color)}@media(forced-colors:active){:host{border:none}.md-favorite{background-color:ButtonFace}.md-favorite md-icon,.md-favorite md-icon::part(icon){color:ButtonText;fill:ButtonText}.md-favorite:focus{outline:2px solid Highlight}.md-favorite--disabled{background-color:ButtonFace;color:GrayText}.md-favorite--disabled md-icon::part(icon){color:GrayText;fill:GrayText}.md-favorite--active md-icon::part(icon){color:ButtonText;fill:ButtonText}}`,b=function(e,t,o,i){var r,a=arguments.length,c=a<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)c=Reflect.decorate(e,t,o,i);else for(var d=e.length-1;d>=0;d--)(r=e[d])&&(c=(a<3?r(c):a>3?r(t,o,c):r(t,o))||c);return a>3&&c&&Object.defineProperty(t,o,c),c};!function(e){let t=class extends(Object(a.a)(n.LitElement)){constructor(){super(...arguments),this.disabled=!1,this.checked=!1,this.value="Select favorite",this.id="",this.label="Favorite",this.customId=""}connectedCallback(){super.connectedCallback(),this.addEventListener("keydown",this.handleElectKeyDown),this.addEventListener("click",this.handleFavorite)}static get styles(){return[d.a,v]}handleFavorite(){this.disabled||(this.checked=!this.checked,this.dispatchEvent(new CustomEvent("favorite-toggle",{detail:{active:this.checked,value:this.value},bubbles:!0,composed:!0})))}handleElectKeyDown(e){e.code!==r.b.Enter&&e.code!==r.b.Space||(this.checked=!this.checked,this.dispatchEvent(new CustomEvent("favorite-keydown",{detail:{active:this.checked,value:this.value},bubbles:!0,composed:!0})))}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("keydown",this.handleElectKeyDown),this.removeEventListener("click",this.handleFavorite)}get favoriteClassMap(){return{"md-favorite--active":this.checked,"md-favorite--disabled":this.disabled}}render(){return n.html`
|
|
2
2
|
<label
|
|
3
3
|
for="favorite-checkbox"
|
|
4
4
|
id="${this.id}"
|
package/dist/chunks/md-53.js
CHANGED
|
@@ -1,15 +1,17 @@
|
|
|
1
|
-
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[53],{112:function(e,t,
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
1
|
+
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[53],{112:function(e,t,r){"use strict";r.r(t),r.d(t,"alertBannerType",(function(){return m})),r.d(t,"alertBannerAlignment",(function(){return b})),r.d(t,"AlertBanner",(function(){return u}));r(17),r(14);var n=r(5),a=r(28),o=r(6),l=r(0),i=r(2),s=r(12),c=l.css`.md-alert-banner{display:flex;padding:.75rem;position:relative;text-align:center;border-radius:var(--alert-banner-border-radius);font-family:var(--brand-font-regular, "CiscoSansTT Regular", "Helvetica Neue", Helvetica, Arial, sans-serif);font-weight:var(--brand-font-weight-regular);line-height:1.25rem;gap:12px;align-items:center;justify-content:center}.md-alert-banner.closable{padding-right:calc(1.75rem + 12px)}.md-alert-banner.md-alert-banner--default{background-color:var(--alert-banner-default-bg-color);color:var(--alert-banner-default-text-color)}.md-alert-banner.md-alert-banner--default md-icon{color:var(--alert-banner-default-text-color)}.md-alert-banner.md-alert-banner--default-momentum{background-color:var(--alert-banner-default-momentum-bg-color);color:var(--alert-banner-default-momentum-text-color)}.md-alert-banner.md-alert-banner--default-momentum md-icon{color:var(--alert-banner-default-momentum-text-color)}.md-alert-banner.md-alert-banner--accent{background-color:var(--alert-banner-default-bg-color);color:var(--alert-banner-default-text-color)}.md-alert-banner.md-alert-banner--accent md-icon{color:var(--alert-banner-default-text-color)}.md-alert-banner.md-alert-banner--warning{background-color:var(--alert-banner-warning-bg-color);color:var(--alert-banner-warning-text-color)}.md-alert-banner.md-alert-banner--warning md-icon{color:var(--alert-banner-warning-text-color)}.md-alert-banner.md-alert-banner--error{background-color:var(--alert-banner-error-bg-color);color:var(--alert-banner-error-text-color)}.md-alert-banner.md-alert-banner--error md-icon{color:var(--alert-banner-error-text-color)}.md-alert-banner.md-alert-banner--success{background-color:var(--alert-banner-success-bg-color);color:var(--alert-banner-success-text-color)}.md-alert-banner.md-alert-banner--success md-icon{color:var(--alert-banner-success-text-color)}.md-alert-banner.md-alert-banner--promotional{background:var(--alert-banner-promotional-bg);color:var(--alert-banner-promotional-text-color)}.md-alert-banner.md-alert-banner--promotional md-icon{color:var(--alert-banner-promotional-text-color)}.md-alert-banner--leading{text-align:left;justify-content:space-between}.md-alert-banner__text{font-size:.875rem;display:inline-flex;justify-content:center;align-items:center;gap:12px}.md-alert-banner__text a{color:inherit;text-decoration:underline}.md-alert-banner__text .refresh-button{display:inline-flex}.md-alert-banner__text.leading{justify-content:flex-start}.md-alert-banner__right{display:inline-flex;align-items:center;justify-content:center}.md-alert-banner__right.trailing{justify-content:flex-end}.md-alert-banner .close-div{position:absolute;display:flex;align-items:center;right:.75rem;top:.75rem;bottom:.75rem;width:1rem}.md-alert-banner .close-div .md-alert-banner__close{cursor:pointer;display:inline-flex;align-items:center;justify-content:center}@media(forced-colors:active){.md-alert-banner{box-shadow:none;outline:2px solid CanvasText}}`,d=function(e,t,r,n){var a,o=arguments.length,l=o<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,r):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)l=Reflect.decorate(e,t,r,n);else for(var i=e.length-1;i>=0;i--)(a=e[i])&&(l=(o<3?a(l):o>3?a(t,r,l):a(t,r))||l);return o>3&&l&&Object.defineProperty(t,r,l),l};const m=["default","accent","warning","error","success","default-momentum","promotional"],b=["center","leading"];var u;!function(e){let t=class extends l.LitElement{constructor(){super(...arguments),this.type="",this.message="",this.closable=!1,this.show=!1,this.closeAriaLabel="Close Banner",this.showBannerTypeIcon=!1,this.showRefreshButton=!1,this.alignment="center"}connectedCallback(){super.connectedCallback(),this.requestUpdate("show")}onHide(){this.show=!this.show,this.dispatchEvent(new CustomEvent("alertBanner-hide")),this.requestUpdate("show")}handleKeyDown(e){const{code:t}=e;Object(a.a)(t)&&this.onHide()}get isLeadingAlignment(){return"leading"===this.alignment}static get styles(){return[o.a,c]}getIconForType(){switch(this.type){case"error":return"error-legacy-badge-filled";case"warning":return"warning-filled";case"success":return"check-circle-badge-filled";default:return"info-badge-filled"}}get alertBannerClassMap(){return{"md-alert-banner":!0,["md-alert-banner--"+this.type]:this.type,["md-alert-banner--"+this.alignment]:this.isLeadingAlignment,closable:this.closable}}get alertBannerTextClassMap(){return{"md-alert-banner__text":!0,leading:this.isLeadingAlignment}}get alertBannerRightClassMap(){return{trailing:this.isLeadingAlignment}}get closeButtonTemplate(){return l.html`
|
|
2
|
+
<div class="close-div">
|
|
3
|
+
<md-button
|
|
4
|
+
class="md-alert-banner__close"
|
|
5
|
+
hasRemoveStyle
|
|
6
|
+
circle
|
|
7
|
+
ariaLabel=${this.closeAriaLabel}
|
|
8
|
+
@click="${this.onHide}"
|
|
9
|
+
@keydown="${this.handleKeyDown}"
|
|
10
|
+
>
|
|
11
|
+
<md-icon name="cancel-bold" size="16" iconSet="momentumDesign"></md-icon>
|
|
12
|
+
</md-button>
|
|
13
|
+
</div>
|
|
14
|
+
`}render(){const e=this.closable?l.html` ${this.closeButtonTemplate} `:null,t=this.showBannerTypeIcon?l.html` <md-icon name="${this.getIconForType()}" iconSet="momentumDesign" size="16"> </md-icon> `:l.html`<slot name="left"></slot>`,r=this.showRefreshButton?l.html` <md-button
|
|
13
15
|
class="refresh-button"
|
|
14
16
|
@click="${()=>this.dispatchEvent(new CustomEvent("alertBanner-refresh-button-click"))}"
|
|
15
17
|
variant="ghostInheritTextColor"
|
|
@@ -23,12 +25,12 @@
|
|
|
23
25
|
<div class="${Object(s.classMap)(this.alertBannerTextClassMap)}">
|
|
24
26
|
${t}
|
|
25
27
|
<slot><span>${this.message}</span></slot>
|
|
26
|
-
${
|
|
28
|
+
${r}
|
|
27
29
|
</div>
|
|
28
30
|
<div class="md-alert-banner__right ${Object(s.classMap)(this.alertBannerRightClassMap)}">
|
|
29
31
|
<slot name="right"></slot>
|
|
30
32
|
</div>
|
|
31
|
-
|
|
33
|
+
${e}
|
|
32
34
|
</div>
|
|
33
35
|
`:null}
|
|
34
|
-
`}};d([Object(l.property)({type:String})],t.prototype,"type",void 0),d([Object(l.property)({type:String})],t.prototype,"message",void 0),d([Object(l.property)({type:Boolean})],t.prototype,"closable",void 0),d([Object(l.property)({type:Boolean})],t.prototype,"show",void 0),d([Object(l.property)({type:String,attribute:"close-aria-label"})],t.prototype,"closeAriaLabel",void 0),d([Object(l.property)({type:Boolean})],t.prototype,"showBannerTypeIcon",void 0),d([Object(l.property)({type:Boolean})],t.prototype,"showRefreshButton",void 0),d([Object(l.property)({type:String})],t.prototype,"alignment",void 0),t=d([Object(
|
|
36
|
+
`}};d([Object(l.property)({type:String})],t.prototype,"type",void 0),d([Object(l.property)({type:String})],t.prototype,"message",void 0),d([Object(l.property)({type:Boolean})],t.prototype,"closable",void 0),d([Object(l.property)({type:Boolean})],t.prototype,"show",void 0),d([Object(l.property)({type:String,attribute:"close-aria-label"})],t.prototype,"closeAriaLabel",void 0),d([Object(l.property)({type:Boolean})],t.prototype,"showBannerTypeIcon",void 0),d([Object(l.property)({type:Boolean})],t.prototype,"showRefreshButton",void 0),d([Object(l.property)({type:String})],t.prototype,"alignment",void 0),t=d([Object(n.a)("md-alert-banner")],t),e.ELEMENT=t}(u||(u={}))}}]);
|
package/dist/chunks/md-65.js
CHANGED
|
@@ -1,33 +1,33 @@
|
|
|
1
|
-
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[65],{121:function(t,e,o){"use strict";o.r(e),o.d(e,"CoachmarkPopover",(function(){return r}));o(17),o(14),o(85);var r,n=o(5),
|
|
1
|
+
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[65],{121:function(t,e,o){"use strict";o.r(e),o.d(e,"CoachmarkPopover",(function(){return r}));o(17),o(14),o(85);var r,n=o(5),i=o(6),a=o(0),c=o(4),s=a.css`.md-coachmark{--coachmark-arrow-border-color:var(--coachmark-default-bg-color)}.md-coachmark md-popover::part(popover){min-width:10.625rem;max-width:18.75rem}.md-coachmark__popper{border-radius:.3125rem;min-width:10.625rem;max-width:18.75rem;width:282px}.md-coachmark__popper .header-container{display:flex;width:100%;gap:.25rem;padding-right:1.75rem;align-items:center}.md-coachmark__popper .header-container.hide-close{margin-right:.75rem}.md-coachmark__popper .header-title{font-family:var(--brand-font-bold);font-size:.875rem;font-weight:var(--brand-font-weight-bold,700);line-height:1.25rem}.md-coachmark__popper .body-container{display:flex}.md-coachmark__popper .md-coachmark__content{font-family:var(--brand-font-regular);font-size:.875rem;font-weight:450;line-height:1.25rem}.md-coachmark__popper .footer-container{display:flex;justify-content:flex-end;flex-direction:row;gap:.5rem;padding-top:.75rem;flex-grow:1}`,p=function(t,e,o,r){var n,i=arguments.length,a=i<3?e:null===r?r=Object.getOwnPropertyDescriptor(e,o):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,e,o,r);else for(var c=t.length-1;c>=0;c--)(n=t[c])&&(a=(i<3?n(a):i>3?n(e,o,a):n(e,o))||a);return i>3&&a&&Object.defineProperty(e,o,a),a};!function(t){let e=class extends a.LitElement{constructor(){super(...arguments),this.placement="bottom",this.headerIconName=void 0,this.header=void 0,this.message=void 0,this.show=!1,this.hideCloseButton=!1,this.href="",this.slotContent=null}static get styles(){return[i.a,s]}connectedCallback(){super.connectedCallback()}notifyCustomEvent(t){this.dispatchEvent(new CustomEvent(t,{bubbles:!0,composed:!0,detail:{placement:this.placement,triggerComponent:this.triggerComponent,popper:this.popper}}))}notifyCoachCreate(){this.notifyCustomEvent("coach-create")}notifyPrimaryButtonAction(){this.notifyCustomEvent("primary-button-action")}notifySecondaryButtonAction(){this.notifyCustomEvent("secondary-button-action")}notifyLinkAction(){this.notifyCustomEvent("link-action")}notifyCoachClose(){this.notifyCustomEvent("coachmark-close")}handleSlotChange(t){const e=t.target;if(e){const t=e.assignedElements({flatten:!0});t.length&&(this.slotContent=t)}}updated(t){super.updated(t),t.has("show")&&(this.show?this.notifyCoachCreate():this.notifyCoachClose())}coachmarkContentTemplate(){return a.html`
|
|
2
2
|
<div class="md-coachmark__content">
|
|
3
|
-
${this.message?this.message:
|
|
3
|
+
${this.message?this.message:a.html` <slot name="coachmark-content" @slotchange=${this.handleSlotChange}></slot> `}
|
|
4
4
|
</div>
|
|
5
|
-
`}renderHeader(){return
|
|
5
|
+
`}renderHeader(){return a.html`
|
|
6
6
|
<div class="header-container ${Object(c.classMap)({"hide-close":this.hideCloseButton})}">
|
|
7
|
-
${this.headerIconName?
|
|
8
|
-
${this.header?
|
|
7
|
+
${this.headerIconName?a.html`<md-icon name=${this.headerIconName} size="16" iconSet="momentumDesign"></md-icon>`:""}
|
|
8
|
+
${this.header?a.html`<span class="header-title">${this.header}</span>`:""}
|
|
9
9
|
</div>
|
|
10
|
-
`}renderBody(){return
|
|
10
|
+
`}renderBody(){return a.html` <div class="body-container">${this.coachmarkContentTemplate()}</div> `}renderFooter(){return a.html`
|
|
11
11
|
<div class="footer-container">
|
|
12
|
-
${this.primaryButton?
|
|
12
|
+
${this.primaryButton?a.html`<md-button
|
|
13
13
|
variant="inverted-primary"
|
|
14
14
|
size="28"
|
|
15
15
|
@button-click=${()=>this.notifyPrimaryButtonAction()}
|
|
16
16
|
>
|
|
17
17
|
${this.primaryButton}</md-button
|
|
18
18
|
>`:""}
|
|
19
|
-
${this.secondaryButton?
|
|
19
|
+
${this.secondaryButton?a.html`<md-button
|
|
20
20
|
variant="inverted-secondary"
|
|
21
21
|
size="28"
|
|
22
22
|
@button-click=${()=>this.notifySecondaryButtonAction()}
|
|
23
23
|
>
|
|
24
24
|
${this.secondaryButton}</md-button
|
|
25
25
|
>`:""}
|
|
26
|
-
${this.linkText?
|
|
26
|
+
${this.linkText?a.html`<a href=${this.href} @click=${()=>this.notifyLinkAction()} target="_blank" rel="noreferrer">
|
|
27
27
|
${this.linkText}</a
|
|
28
28
|
>`:""}
|
|
29
29
|
</div>
|
|
30
|
-
`}render(){return
|
|
30
|
+
`}render(){return a.html`
|
|
31
31
|
<md-popover
|
|
32
32
|
class="md-coachmark"
|
|
33
33
|
?is-open=${this.show}
|
|
@@ -44,4 +44,4 @@
|
|
|
44
44
|
${this.renderHeader()} ${this.renderBody()} ${this.renderFooter()}
|
|
45
45
|
</div>
|
|
46
46
|
</md-popover>
|
|
47
|
-
`}};
|
|
47
|
+
`}};p([Object(a.property)({type:String})],e.prototype,"placement",void 0),p([Object(a.property)({type:String})],e.prototype,"headerIconName",void 0),p([Object(a.property)({type:String})],e.prototype,"header",void 0),p([Object(a.property)({type:String})],e.prototype,"message",void 0),p([Object(a.property)({type:Boolean})],e.prototype,"show",void 0),p([Object(a.property)({type:Boolean,reflect:!0,attribute:"hide-close-button"})],e.prototype,"hideCloseButton",void 0),p([Object(a.property)({type:String})],e.prototype,"primaryButton",void 0),p([Object(a.property)({type:String})],e.prototype,"secondaryButton",void 0),p([Object(a.property)({type:String})],e.prototype,"linkText",void 0),p([Object(a.property)({type:String})],e.prototype,"href",void 0),p([Object(a.query)(".md-coachmark__trigger-component")],e.prototype,"triggerComponent",void 0),p([Object(a.query)(".md-coachmark__popper")],e.prototype,"popper",void 0),e=p([Object(n.a)("md-coachmark-popover")],e),t.ELEMENT=e}(r||(r={}))}}]);
|