@momentum-ui/web-components 2.11.1-dev1 → 2.11.1-dev2
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/assets/styles/fonts.css +104 -0
- package/dist/chunks/md-1.js +1 -1
- package/dist/chunks/md-10.js +1 -1
- package/dist/chunks/md-11.js +1 -1
- package/dist/chunks/md-12.js +2 -2
- package/dist/chunks/md-13.js +4 -4
- package/dist/chunks/md-15.js +10 -10
- package/dist/chunks/md-16.js +2 -2
- package/dist/chunks/md-17.js +2 -2
- package/dist/chunks/md-19.js +1 -1
- package/dist/chunks/md-24.js +1 -1
- package/dist/chunks/md-25.js +1 -1
- package/dist/chunks/md-27.js +1 -1
- package/dist/chunks/md-29.js +1 -1
- package/dist/chunks/md-3.js +1 -1
- package/dist/chunks/md-30.js +1 -1
- package/dist/chunks/md-35.js +1 -1
- package/dist/chunks/md-37.js +1 -1
- package/dist/chunks/md-38.js +1 -1
- package/dist/chunks/md-4.js +1 -1
- package/dist/chunks/md-40.js +1 -1
- package/dist/chunks/md-41.js +3 -3
- package/dist/chunks/md-46.js +1 -1
- package/dist/chunks/md-47.js +1 -1
- package/dist/chunks/md-48.js +7 -7
- package/dist/chunks/md-5.js +1 -1
- package/dist/chunks/md-52.js +1 -1
- package/dist/chunks/md-56.js +1 -1
- package/dist/chunks/md-57.js +21 -15
- package/dist/chunks/md-61.js +1 -1
- package/dist/chunks/md-63.js +1 -1
- package/dist/chunks/md-65.js +1 -1
- package/dist/chunks/md-67.js +1 -1
- package/dist/chunks/md-69.js +1 -1
- package/dist/chunks/md-7.js +2 -2
- package/dist/chunks/md-70.js +3 -3
- package/dist/chunks/md-71.js +1 -1
- package/dist/chunks/md-78.js +1 -1
- package/dist/chunks/md-8.js +1 -1
- package/dist/chunks/md-80.js +2 -3
- package/dist/chunks/md-81.js +1 -1
- package/dist/chunks/md-82.js +2 -2
- package/dist/chunks/md-83.js +1 -1
- package/dist/chunks/md-9.js +1 -1
- package/dist/comp/md-button-entry.js +1 -1
- package/dist/comp/md-coachmark-entry.js +1 -1
- package/dist/comp/md-coachmark.js +1 -0
- package/dist/index-entry.js +1 -1
- package/dist/types/components/alert/Alert.d.ts +1 -1
- package/dist/types/components/coachmark/Coachmark.d.ts +3 -1
- package/dist/types/components/combobox/ComboBox.d.ts +1 -1
- package/dist/types/components/tabs/Tabs.d.ts +3 -3
- package/dist/types/components/timepicker/TimePicker.d.ts +1 -1
- package/package.json +2 -2
package/dist/chunks/md-4.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[4],{33:function(e,t,o){"use strict";o.d(t,"a",(function(){return c}));var s=o(0),n=o(
|
|
1
|
+
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[4],{33:function(e,t,o){"use strict";o.d(t,"a",(function(){return c}));var s=o(0),n=o(17),u=function(e,t,o,s){var n,u=arguments.length,c=u<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,o):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)c=Reflect.decorate(e,t,o,s);else for(var i=e.length-1;i>=0;i--)(n=e[i])&&(c=(u<3?n(c):u>3?n(t,o,c):n(t,o))||c);return u>3&&c&&Object.defineProperty(t,o,c),c};s.LitElement;const c=e=>{if(Object(n.b)(c,e))return e;class t extends e{constructor(){super(...arguments),this.autofocus=!1}setFocus(e){this.toggleAttribute("focus-visible",e)}handleFocusIn(e){super.handleFocusIn&&super.handleFocusIn(e),this.setFocus(!0),this.dispatchEvent(new CustomEvent("focus-visible",{composed:!0,bubbles:!0,detail:{sourceEvent:e}}))}handleFocusOut(e){super.handleFocusOut&&super.handleFocusOut(e),this.setFocus(!1),this.dispatchEvent(new CustomEvent("focus-not-visible",{composed:!0,bubbles:!0,detail:{sourceEvent:e}}))}manageAutoFocus(e=this){e.focus()}firstUpdated(e){super.firstUpdated(e),this.addEventListener("focus",this.handleFocusIn),this.addEventListener("blur",this.handleFocusOut),this.autofocus&&requestAnimationFrame(()=>{this.manageAutoFocus()})}getActiveElement(){return this.getRootNode().activeElement}getDeepActiveElement(){let e=document.activeElement||document.body;for(;e&&e.shadowRoot&&e.shadowRoot.activeElement;)e=e.shadowRoot.activeElement;return e}isElementFocused(e){return this.getDeepActiveElement()!==e}disconnectedCallback(){this.removeEventListener("focus",this.handleFocusIn),this.removeEventListener("blur",this.handleFocusOut)}}return u([Object(s.property)({type:Boolean,reflect:!0})],t.prototype,"autofocus",void 0),Object(n.a)(c,t),t}}}]);
|
package/dist/chunks/md-40.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[40],{63:function(t,i,e){"use strict";var n=e(0);i.a=n.css`.md-floating{background-color:var(--floating-modal-main-bg-color,#fff);border:1px solid var(--floating-modal-outer-border-color,#ededed);border-radius:8px;box-shadow:var(--floating-modal-main-box-shadow,0 4px 8px rgba(0,0,0,.16),0 0 1px rgba(0,0,0,.16));display:flex;flex-direction:column;max-height:100%;max-width:100%;position:absolute;touch-action:none;user-select:none;z-index:1040}.md-floating.fixed{position:fixed}.md-floating.hide{display:block;height:0;visibility:hidden;width:0}.md-floating.md-floating-minimize{background:var(--floating-modal-main-bg-color-alternate,#545454);border-radius:8px;width:100%}.md-floating.md-floating-minimize:focus{box-shadow:0 0 0 .125rem #005e7d;outline:0}.md-floating .md-floating__header{align-items:center;border-bottom:1px solid var(--floating-modal-main-border-color,#dedede);color:var(--floating-modal-main-text-color,#121212);display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;max-height:3rem;padding:.5rem .5rem .5rem .75rem;width:100%}.md-floating .md-floating__header-text{flex:2 1 auto;font-family:"CiscoSansTT Regular","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:16px;line-height:16px;text-align:left}.md-floating .md-floating__body{height:calc(100% - 3rem);overflow:auto;padding:.75rem 1.25rem}.md-floating .md-floating-body-minimize{display:block;height:0;visibility:hidden}.md-floating .md-floating__header-minimize{border-bottom:0;color:var(--floating-modal-main-text-color-alternate,#f7f7f7);font-size:16px;line-height:24px;width:100%}.md-floating-min-parent{bottom:0;height:3rem!important;position:absolute;right:0;width:223px!important}`},75:function(t,i,e){"use strict";e.r(i),e.d(i,"FloatingMinimizedModal",(function(){return n}));var n,o=e(5),a=e(6),r=e(0),s=(e(
|
|
1
|
+
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[40],{63:function(t,i,e){"use strict";var n=e(0);i.a=n.css`.md-floating{background-color:var(--floating-modal-main-bg-color,#fff);border:1px solid var(--floating-modal-outer-border-color,#ededed);border-radius:8px;box-shadow:var(--floating-modal-main-box-shadow,0 4px 8px rgba(0,0,0,.16),0 0 1px rgba(0,0,0,.16));display:flex;flex-direction:column;max-height:100%;max-width:100%;position:absolute;touch-action:none;user-select:none;z-index:1040}.md-floating.fixed{position:fixed}.md-floating.hide{display:block;height:0;visibility:hidden;width:0}.md-floating.md-floating-minimize{background:var(--floating-modal-main-bg-color-alternate,#545454);border-radius:8px;width:100%}.md-floating.md-floating-minimize:focus{box-shadow:0 0 0 .125rem #005e7d;outline:0}.md-floating .md-floating__header{align-items:center;border-bottom:1px solid var(--floating-modal-main-border-color,#dedede);color:var(--floating-modal-main-text-color,#121212);display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;max-height:3rem;padding:.5rem .5rem .5rem .75rem;width:100%}.md-floating .md-floating__header-text{flex:2 1 auto;font-family:var(--brand-font-regular, "CiscoSansTT Regular", "Helvetica Neue", Helvetica, Arial, sans-serif);font-size:16px;line-height:16px;text-align:left}.md-floating .md-floating__body{height:calc(100% - 3rem);overflow:auto;padding:.75rem 1.25rem}.md-floating .md-floating-body-minimize{display:block;height:0;visibility:hidden}.md-floating .md-floating__header-minimize{border-bottom:0;color:var(--floating-modal-main-text-color-alternate,#f7f7f7);font-size:16px;line-height:24px;width:100%}.md-floating-min-parent{bottom:0;height:3rem!important;position:absolute;right:0;width:223px!important}`},75:function(t,i,e){"use strict";e.r(i),e.d(i,"FloatingMinimizedModal",(function(){return n}));var n,o=e(5),a=e(6),r=e(0),s=(e(18),e(15),e(63)),l=e(2),d=e(3),c=(e(46),e(44),e(47),e(45),e(20)),m=e.n(c),h=e(16),p=e(7),f=e(1),u=function(t,i,e,n){var o,a=arguments.length,r=a<3?i:null===n?n=Object.getOwnPropertyDescriptor(i,e):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(t,i,e,n);else for(var s=t.length-1;s>=0;s--)(o=t[s])&&(r=(a<3?o(r):a>3?o(i,e,r):o(i,e))||r);return a>3&&r&&Object.defineProperty(i,e,r),r},g=function(t,i,e,n){return new(e||(e=Promise))((function(o,a){function r(t){try{l(n.next(t))}catch(t){a(t)}}function s(t){try{l(n.throw(t))}catch(t){a(t)}}function l(t){var i;t.done?o(t.value):(i=t.value,i instanceof e?i:new e((function(t){t(i)}))).then(r,s)}l((n=n.apply(t,i||[])).next())}))};!function(t){let i=class extends(Object(p.a)(r.LitElement)){constructor(){super(...arguments),this.heading="",this.label="",this.show=!1,this.closeAriaLabel="Close Modal",this.minimize=!1,this.dragOccured=!1,this.containerTransform="",this.applyInitialPosition=!0,this.getInitialPosition=()=>{var t,i;return this.applyInitialPosition&&this.minPosition?{initialX:Number(null===(t=this.minPosition)||void 0===t?void 0:t.x),initialY:Number(null===(i=this.minPosition)||void 0===i?void 0:i.y)}:{initialX:0,initialY:0}},this.dragMoveListener=t=>{const{target:i}=t,{x:e,y:n}=this.getTransformValues(t);this.setTargetPosition(i,e,n),this.applyInitialPosition=!1},this.dragEndListener=()=>{this.dragOccured=!0,this.setContainerRect()}}static get styles(){return[o.a,s.a]}connectedCallback(){super.connectedCallback(),window.addEventListener("resize",Object(h.b)(()=>this.setInteractInstance(),250))}updated(t){super.updated(t),t.has("show")&&(this.container&&this.show?(this.applyInitialPosition=!0,this.setContainerRect(),this.setInteractInstance(),this.setFocusOnContainer()):(this.cleanContainerStyles(),this.destroyInteractInstance())),this.container&&t.has("minPosition")&&!t.has("show")&&this.setInitialTargetPosition(),t.has("minimize")&&void 0!==t.get("minimize")&&this.setFocusOnContainer()}isNewPositionNotSame(){var t,i,e,n;if(this.container)return Number(null===(t=this.container)||void 0===t?void 0:t.getAttribute("data-x"))!==(null===(i=this.minPosition)||void 0===i?void 0:i.x)||Number(null===(e=this.container)||void 0===e?void 0:e.getAttribute("data-y"))!==(null===(n=this.minPosition)||void 0===n?void 0:n.y)}setInitialTargetPosition(){var t,i;this.container&&this.isNewPositionNotSame()&&this.setTargetPosition(this.container,Number(null===(t=this.minPosition)||void 0===t?void 0:t.x),Number(null===(i=this.minPosition)||void 0===i?void 0:i.y))}setFocusOnContainer(){this.container&&(this.container.setAttribute("tabindex","0"),this.container.focus())}cleanContainerStyles(){this.containerTransform=""}getContainerTransform(){const t=this.container.getAttribute("data-x"),i=this.container.getAttribute("data-y");return t&&i?(this.dispatchEvent(new CustomEvent("floating-modal-minimize-location",{composed:!0,bubbles:!0,detail:{transform:{x:t,y:i}}})),`translate(${t}px, ${i}px)`):this.container.style.transform}setContainerRect(){requestAnimationFrame(()=>g(this,void 0,void 0,(function*(){yield this.updateComplete,this.containerTransform=this.getContainerTransform()})))}setInteractInstance(){requestAnimationFrame(()=>{this.container&&m()(this.container).draggable({autoScroll:!0,allowFrom:this.header,listeners:{move:this.dragMoveListener,end:this.dragEndListener},modifiers:[m.a.modifiers.restrictRect({restriction:document.body.getBoundingClientRect(),endOnly:!0})]})})}handleKeyDown(t){t.code!==f.b.Enter&&t.code!==f.b.Space||this.handleMinimize(t)}handleClose(t){this.show=!1,this.dispatchEvent(new CustomEvent("floating-modal-close",{composed:!0,bubbles:!0,detail:{srcEvent:t}})),t.stopPropagation()}handleMinimize(t){this.dragOccured||this.dispatchEvent(new CustomEvent("floating-min-modal-minimize",{composed:!0,bubbles:!0,detail:{srcEvent:t}})),this.dragOccured=!1}getTransformValues(t){const{target:i,dx:e,dy:n}=t,{initialX:o,initialY:a}=this.getInitialPosition();return{x:(parseFloat(i.getAttribute("data-x"))||0)+e+o,y:(parseFloat(i.getAttribute("data-y"))||0)+n+a}}setTargetPosition(t,i,e){t.style.transform=`translate(${i}px, ${e}px)`,t.setAttribute("data-x",""+i),t.setAttribute("data-y",""+e)}destroyInteractInstance(){this.container&&m.a.isSet(this.container)&&m()(this.container).unset()}disconnectedCallback(){super.disconnectedCallback(),this.destroyInteractInstance(),window.removeEventListener("resize",Object(h.b)(()=>this.setInteractInstance(),250))}render(){return r.html`
|
|
2
2
|
${this.show?r.html`
|
|
3
3
|
<div class="md-floating ${this.minimize?"":"hide"} md-floating-minimize"
|
|
4
4
|
@click=${this.handleMinimize}
|
package/dist/chunks/md-41.js
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[41],{54:function(e,t,
|
|
1
|
+
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[41],{54:function(e,t,d){"use strict";d.r(t),d.d(t,"MenuItem",(function(){return s}));var s,i=d(5),n=d(6),a=d(0),l=d(4),r=d(2),m=d(64),o=function(e,t,d,s){var i,n=arguments.length,a=n<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,d):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,d,s);else for(var l=e.length-1;l>=0;l--)(i=e[l])&&(a=(n<3?i(a):n>3?i(t,d,a):i(t,d))||a);return n>3&&a&&Object.defineProperty(t,d,a),a};!function(e){let t=class extends a.LitElement{constructor(){super(...arguments),this.href="",this.label="",this.tabIndex=-1,this._disabled=!1,this._selected=!1}get disabled(){return this._disabled}set disabled(e){const t=this._disabled;this._disabled=e,this.setAttribute("aria-disabled",""+e),this.tabIndex=e?-1:0,this.requestUpdate("disabled",t)}get selected(){return this._selected}set selected(e){const t=this._selected;this._selected=e,e&&this.notifySelectedItem(),this.setAttribute("aria-selected",""+e),this.requestUpdate("selected",t)}static get styles(){return[i.a,m.a]}setupEvents(){this.addEventListener("mousedown",this.handleClick),this.addEventListener("keydown",this.handleKeyDown)}firstUpdated(e){super.firstUpdated(e),this.label&&this.setAttribute("aria-label",this.label),this.setupEvents()}update(e){super.update(e),e.has("disabled")&&(this.selected=!1,this.setAttribute("aria-disabled",""+this.disabled))}handleClick(e){e.preventDefault(),this.dispatchEvent(new CustomEvent("menu-item-click",{detail:{id:this.id},bubbles:!0,composed:!0}))}handleKeyDown(e){this.dispatchEvent(new CustomEvent("menu-item-keydown",{detail:{id:this.id,key:e.code,srcEvent:e},bubbles:!0,composed:!0}))}notifySelectedItem(){this.dispatchEvent(new CustomEvent("focus-visible",{composed:!0,bubbles:!0}))}get menuItemClassMap(){return{"md-menu-item--selected":this.selected,disabled:this.disabled}}render(){return a.html`
|
|
2
2
|
<li
|
|
3
3
|
role="menuitem"
|
|
4
4
|
part="menu-item"
|
|
5
|
-
class="md-menu-item ${Object(
|
|
5
|
+
class="md-menu-item ${Object(l.classMap)(this.menuItemClassMap)}"
|
|
6
6
|
?disabled=${this.disabled}
|
|
7
7
|
tabindex="-1"
|
|
8
8
|
aria-hidden="true"
|
|
@@ -12,4 +12,4 @@
|
|
|
12
12
|
<slot></slot>
|
|
13
13
|
</a>
|
|
14
14
|
</li>
|
|
15
|
-
`}};o([Object(
|
|
15
|
+
`}};o([Object(a.property)({type:String})],t.prototype,"href",void 0),o([Object(a.property)({type:String})],t.prototype,"label",void 0),o([Object(a.property)({type:Number,reflect:!0})],t.prototype,"tabIndex",void 0),o([Object(a.property)({type:Boolean,reflect:!0})],t.prototype,"disabled",null),o([Object(a.property)({type:Boolean,reflect:!0})],t.prototype,"selected",null),t=o([Object(n.a)("md-menu-item")],t),e.ELEMENT=t}(s||(s={}))},64:function(e,t,d){"use strict";var s=d(0);t.a=s.css`.md-menu{margin:0;padding:0}.md-menu--horizontal .md-menu-list ::slotted(*){display:inline-flex}.md-menu--vertical .md-menu-list ::slotted(*){display:flex}.md-menu.justified .md-menu-list{display:flex;justify-content:space-between}.md-menu .md-menu-list{margin:0}.md-menu-item{list-style:none;padding:.125rem}.md-menu-item a{color:var(--menu-text-color,var(--menu-default,#121212));display:flex;padding:.375rem .75rem}.md-menu-item ::slotted(*){padding:0 .1875rem}.md-menu-item:hover{background:var(--menu-hover-bg,var(--menu-hover-bg,#c9f4ff))}.md-menu-item:active{background:var(--menu-pressed-bg,var(--menu-pressed-bg,#91ebff))}.md-menu-item--selected{background:var(--menu-selected-default-bg,var(--menu-pressed-bg,#91ebff))}.md-menu-item--selected:hover{background:var(--menu-selected-hover-bg,var(--menu-hover-bg,#c9f4ff))}.md-menu-item--selected:active{background:var(--menu-selected-pressed-bg,var(--menu-pressed-bg,#91ebff))}.md-menu-item.disabled{pointer-events:none}.md-menu-item.disabled a{background:rgba(0,0,0,0);color:var(--md-disabled-text-color)}@media(forced-colors:active){.md-menu-item--selected,.md-menu-item:active,.md-menu-item:focus,.md-menu-item:hover{outline:1px solid Highlight}.md-menu-item.disabled a{color:GrayText}}`}}]);
|
package/dist/chunks/md-46.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[46],{85:function(t,e,i){"use strict";i.r(e),i.d(e,"activityButtonSize",(function(){return c})),i.d(e,"activityButtonType",(function(){return p})),i.d(e,"ActivityButton",(function(){return y}));var r=i(5),n=i(6),o=i(0),s=(i(
|
|
1
|
+
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[46],{85:function(t,e,i){"use strict";i.r(e),i.d(e,"activityButtonSize",(function(){return c})),i.d(e,"activityButtonType",(function(){return p})),i.d(e,"ActivityButton",(function(){return y}));var r=i(5),n=i(6),o=i(0),s=(i(18),i(15),i(56)),a=function(t,e,i,r){var n,o=arguments.length,s=o<3?e:null===r?r=Object.getOwnPropertyDescriptor(e,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,e,i,r);else for(var a=t.length-1;a>=0;a--)(n=t[a])&&(s=(o<3?n(s):o>3?n(e,i,s):n(e,i))||s);return o>3&&s&&Object.defineProperty(e,i,s),s};const c=["56","68","84",56,68,84],p=["chat","camera","contact-card","meetings","whiteboard","files","share-screen","tasks"];var y;!function(t){let e=class extends o.LitElement{constructor(){super(...arguments),this.ariaLabel="",this.disabled=!1,this.label="",this.size="68",this._type="chat"}get type(){return this._type}set type(t){const e=this.type;p.includes(t)?this._type=t:this._type="chat",this.requestUpdate("type",e)}get buttonToIconSizeMapping(){return{56:"24",68:"28",84:"36"}}get formatClass(){return{"md-activity":!0,["md-activity__"+this.type]:this.type}}static get styles(){return[r.a,s.a]}render(){return o.html`
|
|
2
2
|
<md-button
|
|
3
3
|
aria-label=${this.ariaLabel}
|
|
4
4
|
circle
|
package/dist/chunks/md-47.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[47],{104:function(e,r,t){"use strict";t.r(r),t.d(r,"AlertBanner",(function(){return n}));var n,a=t(1),o=t(5),l=t(6),c=t(0),s=t(13),d=(t(
|
|
1
|
+
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[47],{104:function(e,r,t){"use strict";t.r(r),t.d(r,"AlertBanner",(function(){return n}));var n,a=t(1),o=t(5),l=t(6),c=t(0),s=t(13),d=(t(18),t(15),c.css`.md-alert-banner{padding:.75rem;position:relative;text-align:center;border-radius:var(--alert-banner-border-radius)}.md-alert-banner.md-alert-banner--default{background-color:var(--alert-banner-default-bg-color,#c9f4ff);color:var(--alert-banner-default-text-color,#005e7d)}.md-alert-banner.md-alert-banner--default md-icon{color:var(--alert-banner-default-text-color,#005e7d)}.md-alert-banner.md-alert-banner--warning{background-color:var(--alert-banner-warning-bg-color,#ffecc2);color:var(--alert-banner-warning-text-color,#7d4705)}.md-alert-banner.md-alert-banner--warning md-icon{color:var(--alert-banner-warning-text-color,#7d4705)}.md-alert-banner.md-alert-banner--error{background-color:var(--alert-banner-error-bg-color,#ffe8e3);color:var(--alert-banner-error-text-color,#a12512)}.md-alert-banner.md-alert-banner--error md-icon{color:var(--alert-banner-error-text-color,#a12512)}.md-alert-banner.md-alert-banner--success{background-color:var(--alert-banner-success-bg-color,#c9f4ff);color:var(--alert-banner-success-text-color,#005e7d)}.md-alert-banner.md-alert-banner--success md-icon{color:var(--alert-banner-success-text-color,#005e7d)}.md-alert-banner__text{font-size:var(--body-primary-font-size,.875rem);padding:0 1.75rem;text-align:center}.md-alert-banner__text a{color:inherit;text-decoration:underline}.md-alert-banner__close{cursor:pointer;height:1rem;position:absolute;right:1rem;top:.75rem;width:1rem}@media(forced-colors:active){.md-alert-banner{box-shadow:none;outline:2px solid CanvasText}}`),i=function(e,r,t,n){var a,o=arguments.length,l=o<3?r:null===n?n=Object.getOwnPropertyDescriptor(r,t):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)l=Reflect.decorate(e,r,t,n);else for(var c=e.length-1;c>=0;c--)(a=e[c])&&(l=(o<3?a(l):o>3?a(r,t,l):a(r,t))||l);return o>3&&l&&Object.defineProperty(r,t,l),l};!function(e){let r=class extends c.LitElement{constructor(){super(...arguments),this.type="",this.message="",this.closable=!1,this.show=!1,this.closeAriaLabel="Close Banner"}connectedCallback(){super.connectedCallback(),this.requestUpdate("show")}onHide(){this.show=!this.show,this.dispatchEvent(new CustomEvent("alertBanner-hide")),this.requestUpdate("show")}handleKeyDown(e){const{code:r}=e;r!==a.b.Enter&&r!==a.b.Space||this.onHide()}static get styles(){return[o.a,d]}render(){const e={"md-alert-banner":!0,["md-alert-banner--"+this.type]:this.type},r=this.closable?c.html`
|
|
2
2
|
<md-button
|
|
3
3
|
class="md-alert-banner__close"
|
|
4
4
|
hasRemoveStyle
|
package/dist/chunks/md-48.js
CHANGED
|
@@ -1,14 +1,14 @@
|
|
|
1
|
-
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[48],{105:function(e,t,r){"use strict";r.r(t),r.d(t,"Alert",(function(){return o}));var o,l=r(
|
|
2
|
-
<md-icon name="icon-warning_32" color="red
|
|
1
|
+
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[48],{105:function(e,t,r){"use strict";r.r(t),r.d(t,"Alert",(function(){return o}));r(18),r(15);var o,l=r(6),i=r(5),a=r(0),n=r(3),c=r(4),s=a.css`:host{--alert-icon-size:var(--alert-default-icon-size, $lm-alert-default-icon-size-light);--alert-close-btn:var(--alert-close-bg-color, $lm-alert-close-bg-color-light)}:host(md-alert){display:flex;flex:1 1 100%}.md-alert{align-content:center;align-items:flex-start;display:flex;flex-flow:row nowrap;justify-content:space-between;border-top-left-radius:.3125rem;border-top-right-radius:.3125rem;border-bottom-left-radius:.3125rem;border-bottom-right-radius:.3125rem;background-color:var(--alert-default-bg-color,#fff);border:1px solid var(--alert-default-border-color,rgba(0,0,0,.12));box-shadow:0 8px 16px 0 rgba(0,0,0,.08);flex:1 1 100%;margin-bottom:.5rem;max-height:19.25rem;max-width:23rem;min-height:4.875rem;padding:.75rem}.md-alert__icon{align-self:center}.md-alert__icon md-icon::part(icon){font-size:var(--alert-default-icon-size,24px)!important;line-height:var(--alert-default-icon-size,24px)!important}.md-alert__content{display:flex;flex-basis:0;flex-direction:column;flex-grow:2;max-width:17rem;padding-left:.75rem;padding-right:.125rem;align-self:center}.md-alert__title{-webkit-box-orient:vertical;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;text-overflow:ellipsis;color:var(--alert-title-text-color,#121212);font-size:var(--alert-title-font-size,1rem);line-height:1.5rem;width:100%}.md-alert__message{-webkit-box-orient:vertical;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;color:var(--alert-default-text-color,#545454);font-family:var(--brand-font-light, "CiscoSansTT Light", "Helvetica Neue", Helvetica, Arial, sans-serif);font-size:var(--body-secondary-font-size,.875rem);line-height:1.35;width:100%;word-wrap:break-word}.md-alert__button{margin-left:.25rem;align-self:center}.md-alert__button md-button::part(button){align-items:center;background-color:var(--alert-close-bg-color,#fff);border-radius:50%;display:inline-flex;height:var(--alert-close-size,1rem);justify-content:center;width:var(--alert-close-size,1rem)}.md-alert__button md-icon::part(icon){color:var(--alert-close-text-color,#121212)}.md-alert.md-alert__inline{border:0;box-shadow:none;margin-bottom:0}@media(forced-colors:active){.md-alert__button md-icon::part(icon){color:ButtonText}.md-alert__icon{background:0 0}.md-alert__icon md-icon::part(icon){color:CanvasText}.md-alert .md-badge{background-color:inherit}}`,d=function(e,t,r,o){var l,i=arguments.length,a=i<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,r):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,r,o);else for(var n=e.length-1;n>=0;n--)(l=e[n])&&(a=(i<3?l(a):i>3?l(t,r,a):l(t,r))||a);return i>3&&a&&Object.defineProperty(t,r,a),a};!function(e){let t=class extends a.LitElement{constructor(){super(...arguments),this.closable=!1,this.message="",this.show=!1,this.internalClose=!0,this.title="",this.btnlabel="Close",this.type="default",this.inline=!1,this.renderIconTemplate=()=>{switch(this.type){case"error":return a.html`
|
|
2
|
+
<md-icon name="icon-warning_32" color="var(--md-alert-error-text-color, red)"></md-icon>
|
|
3
3
|
`;case"info":return a.html`
|
|
4
|
-
<md-icon name="info_32" color="blue
|
|
4
|
+
<md-icon name="info_32" color="var(--md-alert-info-text-color, blue)"></md-icon>
|
|
5
5
|
`;case"success":return a.html`
|
|
6
|
-
<md-icon name="check-circle_36" color="green
|
|
6
|
+
<md-icon name="check-circle_36" color="var(--md-alert-success-text-color, green)"></md-icon>
|
|
7
7
|
`;case"warn":case"warning":return a.html`
|
|
8
|
-
<md-icon name="icon-warning_32" color="orange
|
|
8
|
+
<md-icon name="icon-warning_32" color="var(--md-alert-warning-text-color, orange)"></md-icon>
|
|
9
9
|
`;default:return a.html`
|
|
10
10
|
<slot name="alert-icon"></slot>
|
|
11
|
-
`}}}close(){this.dispatchEvent(new CustomEvent("alert-close",{composed:!0,bubbles:!0})),this.internalClose&&(this.show=!1)}static get styles(){return[
|
|
11
|
+
`}}}close(){this.dispatchEvent(new CustomEvent("alert-close",{composed:!0,bubbles:!0})),this.internalClose&&(this.show=!1)}static get styles(){return[i.a,s]}get alertClassMap(){return{["md-alert--"+this.type]:!!this.type,"md-alert__inline":this.inline}}render(){return a.html`
|
|
12
12
|
${this.show?a.html`
|
|
13
13
|
<div role="alert" aria-live="polite" part="alert" class="md-alert ${Object(c.classMap)(this.alertClassMap)}">
|
|
14
14
|
<div class="md-alert__icon aria-hidden="true">
|
|
@@ -42,4 +42,4 @@
|
|
|
42
42
|
`}
|
|
43
43
|
</div>
|
|
44
44
|
`:n.nothing}
|
|
45
|
-
`}};d([Object(a.property)({type:Boolean})],t.prototype,"closable",void 0),d([Object(a.property)({type:String})],t.prototype,"message",void 0),d([Object(a.property)({type:Boolean})],t.prototype,"show",void 0),d([Object(a.property)({type:Boolean})],t.prototype,"internalClose",void 0),d([Object(a.property)({type:String})],t.prototype,"title",void 0),d([Object(a.property)({type:String})],t.prototype,"btnlabel",void 0),d([Object(a.property)({type:String})],t.prototype,"type",void 0),d([Object(a.property)({type:Boolean})],t.prototype,"inline",void 0),t=d([Object(
|
|
45
|
+
`}};d([Object(a.property)({type:Boolean})],t.prototype,"closable",void 0),d([Object(a.property)({type:String})],t.prototype,"message",void 0),d([Object(a.property)({type:Boolean})],t.prototype,"show",void 0),d([Object(a.property)({type:Boolean})],t.prototype,"internalClose",void 0),d([Object(a.property)({type:String})],t.prototype,"title",void 0),d([Object(a.property)({type:String})],t.prototype,"btnlabel",void 0),d([Object(a.property)({type:String})],t.prototype,"type",void 0),d([Object(a.property)({type:Boolean})],t.prototype,"inline",void 0),t=d([Object(l.a)("md-alert")],t),e.ELEMENT=t}(o||(o={}))}}]);
|
package/dist/chunks/md-5.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[5],{34:function(e,t,s){"use strict";s.d(t,"a",(function(){return r}));var i=s(1),n=s(0),o=s(
|
|
1
|
+
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[5],{34:function(e,t,s){"use strict";s.d(t,"a",(function(){return r}));var i=s(1),n=s(0),o=s(17),a=s(33),c=function(e,t,s,i){var n,o=arguments.length,a=o<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,s):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,s,i);else for(var c=e.length-1;c>=0;c--)(n=e[c])&&(a=(o<3?n(a):o>3?n(t,s,a):n(t,s))||a);return o>3&&a&&Object.defineProperty(t,s,a),a},l=function(e,t,s,i){return new(s||(s=Promise))((function(n,o){function a(e){try{l(i.next(e))}catch(e){o(e)}}function c(e){try{l(i.throw(e))}catch(e){o(e)}}function l(e){var t;e.done?n(e.value):(t=e.value,t instanceof s?t:new s((function(e){e(t)}))).then(a,c)}l((i=i.apply(e,t||[])).next())}))};n.LitElement;const r=e=>{if(Object(o.b)(r,e))return e;class t extends(Object(a.a)(e)){constructor(){super(...arguments),this.focusableElements=[],this.initialFocusComplete=!1,this.focusableTimer=[],this.activeFocusTrap=!1,this.preventClickOutside=!1,this.focusTrapIndex=-1,this.preventScroll=!1,this.shouldWrapFocus=()=>!1,this.handleFocusOnClear=()=>{this.focusTrap(!0)},this.handleOutsideTrapClick=e=>{let t=!1;const s=e.composedPath();s.length&&(t=!!s.find(e=>e===this),t||this.preventClickOutside||!this.activeFocusTrap?t&&this.activeFocusTrap&&this.initialFocusComplete&&this.handleClickInsideTrap(e):this.deactivateFocusTrap())},this.updateFocusableElements=()=>{this.focusableTimer&&(clearTimeout(this.focusableTimer),this.focusableElements=[]),this.focusableTimer=setTimeout(()=>{this.setFocusableElements()},10)},this.handleChildFocusTrap=e=>{e.target!==this&&(e.stopPropagation(),this.deactivateFocusTrap(!1))},this.handleChildFocusUntrap=e=>{e.target!==this&&(e.stopPropagation(),this.activateFocusTrap(!1))}}updated(e){if(super.updated(e),e.has("focusTrapIndex")){const t=e.get("focusTrapIndex"),s=this.focusableElements[t];s&&(s.blur(),s.toggleAttribute("focus-visible",!1));const i=this.focusableElements[this.focusTrapIndex];i&&this.tryFocus(i)}}tryFocus(e){requestAnimationFrame(()=>l(this,void 0,void 0,(function*(){this.isElementFocused(e)&&e.focus({preventScroll:this.preventScroll}),void 0!==e.updateComplete&&(yield e.updateComplete),document.hasFocus()&&this.isElementFocused(e)&&e.focus({preventScroll:this.preventScroll}),this.initialFocusComplete||(this.initialFocusComplete=!0)})))}domRectCollection(e){return 0===e.getClientRects().length}viewportPosition(e){const{width:t,height:s}=e.getBoundingClientRect(),{offsetWidth:i,offsetHeight:n}=e;return i+n+s+t===0}isNotVisible(e){return"SLOT"!==e.tagName&&(this.viewportPosition(e)||this.domRectCollection(e))}isHidden(e){return e.hasAttribute("hidden")||e.hasAttribute("aria-hidden")&&"true"===e.getAttribute("aria-hidden")||"none"===e.style.display||"0"===e.style.opacity||"hidden"===e.style.visibility||"collapse"===e.style.visibility||this.isNotVisible(e)||"hidden"===getComputedStyle(e).visibility||"0"===getComputedStyle(e).height}isNotTabbable(e){return"-1"===e.getAttribute("tabindex")}isInteractiveElement(e){return e instanceof HTMLButtonElement||e instanceof HTMLDetailsElement||e instanceof HTMLEmbedElement||e instanceof HTMLIFrameElement||e instanceof HTMLSelectElement||e instanceof HTMLTextAreaElement||(!!(e instanceof HTMLAnchorElement&&e.hasAttribute("href"))||(e instanceof HTMLInputElement&&"hidden"!==e.type||(!(!(e instanceof HTMLAudioElement||e instanceof HTMLVideoElement)||!e.hasAttribute("controls"))||(!(!(e instanceof HTMLImageElement||e instanceof HTMLObjectElement)||!e.hasAttribute("usemap"))||!!(e.hasAttribute("tabindex")&&e.tabIndex>-1)))))}isFocusable(e){return!this.isHidden(e)&&!this.isNotTabbable(e)&&!!this.isInteractiveElement(e)}shouldSkipFocus(e){return!!(e.id&&e.id.split&&e.id.split(" ").indexOf("md-combobox-listbox")>-1)}findFocusable(e,t){const s=Array.from(e.children);for(const e of s)if(!this.isHidden(e)){if(this.shouldSkipFocus(e))break;if(this.isFocusable(e)&&t.add(e),e.shadowRoot)this.findFocusable(e.shadowRoot,t);else if("SLOT"===e.tagName){const s=e.assignedNodes().filter(e=>e.nodeType===e.ELEMENT_NODE);if(s.length){const e=s[0].parentElement;e&&this.findFocusable(e,t)}}else this.findFocusable(e,t)}return[...t]}isEqualFocusNode(e,t){return e.nodeType>=0&&(t.isEqualNode(e)&&t==e)}findElement(e){return this.focusableElements.findIndex(t=>this.isEqualFocusNode(e,t))}focusTrap(e){const t=this.getDeepActiveElement(),s=this.findElement(t);if(e)-1===s&&this.focusTrapIndex-1>0?this.focusTrapIndex--:this.focusTrapIndex=s>(this.shouldWrapFocus()?1:0)?s-1:this.focusableElements.length-1;else if(-1===s&&this.focusTrapIndex+1<this.focusableElements.length)this.focusTrapIndex++;else if(s===this.focusableElements.length-1&&0===this.focusTrapIndex){const e=this.focusableElements[this.focusTrapIndex];e&&this.tryFocus(e)}else this.focusTrapIndex=s+1<this.focusableElements.length?s+1:this.shouldWrapFocus()?1:0}hasAutofocus(e){return e.hasAttribute("autofocus")}setInitialFocus(e=0,t=!1){let s=-1;this.initialFocusComplete=!1,this.focusableElements.length&&!t&&(s=this.focusableElements.findIndex(this.hasAutofocus)),this.focusableElements.length&&-1===s&&("object"==typeof e?s=this.findElement(e):"number"==typeof e&&(s=e)),this.focusableElements[s]&&(this.focusTrapIndex=s)}setFocusOnTrigger(e){let t;if(t=e.shadowRoot?this.findFocusable(e.shadowRoot,new Set):this.isFocusable(e)?[e]:this.findFocusable(e,new Set),t[0]){const e=this.findElement(t[0]);this.focusTrapIndex=e}}setFocusableElements(){this.focusableElements=this.findFocusable(this.shadowRoot,new Set)}firstUpdated(e){const t=Object.create(null,{firstUpdated:{get:()=>super.firstUpdated}});return l(this,void 0,void 0,(function*(){t.firstUpdated.call(this,e),yield new Promise(e=>setTimeout(e,0)),this.setFocusableElements()}))}handleKeydownFocusTrap(e){e.code!==i.b.Tab||e.shiftKey&&e.code!==i.b.Tab||this.activeFocusTrap&&this.focusableElements.length&&(e.shiftKey?(e.preventDefault(),this.focusTrap(!0)):(e.preventDefault(),this.focusTrap(!1)))}activateFocusTrap(e=!0){e&&this.dispatchEvent(new CustomEvent("on-focus-trap",{bubbles:!0,composed:!0,cancelable:!0})),this.activeFocusTrap=!0}deactivateFocusTrap(e=!0){this.activeFocusTrap=!1,this.focusTrapIndex=-1,this.removeAttribute("focus-trap-index"),e&&this.dispatchEvent(new CustomEvent("on-focus-untrap",{bubbles:!0,composed:!0,cancelable:!0}))}handleClickInsideTrap(e){const t=e.composedPath(),s=t.findIndex(e=>-1!==this.findElement(e));if(-1!==s){const e=t[s],i=this.findElement(e);-1!==i&&(this.focusTrapIndex=i)}}manageNewElement(e){requestAnimationFrame(()=>{this.setFocusableElements();const t=this.findElement(e);-1!==t&&(this.focusTrapIndex=t)})}handleFocusVisible(e){const t=(e.detail?e.detail.sourceEvent:e).composedPath()[0];-1===(e.detail?this.findElement(t):-1)&&t!==this&&this.manageNewElement(t)}connectedCallback(){super.connectedCallback(),this.addEventListener("keydown",this.handleKeydownFocusTrap),this.addEventListener("focus-visible",this.handleFocusVisible),this.addEventListener("on-focus-trap",this.handleChildFocusTrap),this.addEventListener("on-focus-untrap",this.handleChildFocusUntrap),document.addEventListener("click",this.handleOutsideTrapClick),document.addEventListener("on-widget-update",this.updateFocusableElements),this.addEventListener("input-clear",this.handleFocusOnClear)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("keydown",this.handleKeydownFocusTrap),this.removeEventListener("focus-visible",this.handleFocusVisible),this.removeEventListener("on-focus-trap",this.handleChildFocusTrap),this.removeEventListener("on-focus-untrap",this.handleChildFocusUntrap),document.removeEventListener("click",this.handleOutsideTrapClick),document.removeEventListener("on-widget-update",this.updateFocusableElements),this.removeEventListener("input-clear",this.handleFocusOnClear),this.focusableTimer&&clearTimeout(this.focusableTimer)}}return c([Object(n.internalProperty)()],t.prototype,"focusableElements",void 0),c([Object(n.internalProperty)()],t.prototype,"initialFocusComplete",void 0),c([Object(n.internalProperty)()],t.prototype,"focusableTimer",void 0),c([Object(n.property)({type:Boolean,reflect:!0,attribute:"active-focus-trap"})],t.prototype,"activeFocusTrap",void 0),c([Object(n.property)({type:Boolean,reflect:!0,attribute:"prevent-click-outside"})],t.prototype,"preventClickOutside",void 0),c([Object(n.property)({type:Number,reflect:!0,attribute:"focus-trap-index"})],t.prototype,"focusTrapIndex",void 0),c([Object(n.property)({type:Boolean,reflect:!0,attribute:"prevent-scroll"})],t.prototype,"preventScroll",void 0),Object(o.a)(r,t),t}}}]);
|
package/dist/chunks/md-52.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[52],{109:function(e,t,d){"use strict";d.r(t),d.d(t,"Card",(function(){return r}));d(
|
|
1
|
+
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[52],{109:function(e,t,d){"use strict";d.r(t),d.d(t,"Card",(function(){return r}));d(18),d(77),d(15),d(68),d(69);var r,o=d(6),a=d(5),i=d(0),n=d(3),c=d(14),s=d(1),m=i.css`:host(md-card){display:inline-block}:host(md-card) .md-card{align-content:center;align-items:stretch;display:flex;flex-flow:column nowrap;justify-content:flex-start;background:var(--md-tertiary-white-bg-color);border:var(--md-quaternary-bg-color);border-radius:.5rem;box-shadow:0 .125rem .25rem rgba(0,0,0,.16),0 0 .0625rem rgba(0,0,0,.16);color:var(--md-secondary-text-color);cursor:pointer;max-width:26.5rem;padding:calc(.5rem*2);position:relative;width:100%}:host(md-card) .md-card-header{align-content:flex-start;align-items:flex-start;display:flex;flex-flow:row nowrap;justify-content:space-between;flex:1 0 100%;margin-bottom:.5rem}:host(md-card) .md-card-header md-favorite{padding-top:calc(.5rem*.5)}:host(md-card) .md-card-header-title{display:flex;flex:1 1 100%;flex-direction:column;margin:0 .5rem}:host(md-card) .md-card-header-title h1{color:var(--md-primary-text-color);font-family:var(--brand-font-medium, "CiscoSans-Medium", "Helvetica Neue", Helvetica, Arial, sans-serif);font-size:16px;line-height:calc(.5rem*3);margin:0}:host(md-card) .md-card-header-title h2{color:var(--md-secondary-text-color);font-size:12px;line-height:calc(.5rem*2.25)}:host(md-card) .md-card-header-actions{align-self:stretch;display:inline-flex;position:relative;z-index:1}:host(md-card) .md-card-header-actions .md-card-info-icon,:host(md-card) .md-card-header-actions .md-card-max-icon{padding-right:.5rem}:host(md-card) .md-card-header-actions md-menu-overlay::part(overlay-content){max-width:9rem}:host(md-card) .md-card .md-card-menu-icon{border-radius:calc(.5rem/2);display:inline-flex}:host(md-card) .md-card .md-card-menu-icon::part(button){padding:calc(.5rem*.25)}:host(md-card) .md-card .md-card-menu-icon:hover{background-color:var(--md-tertiary-bg-color)}:host(md-card) .md-card .md-card-menu-icon:active{background-color:var(--md-quaternary-bg-color)}:host(md-card) .md-card .md-card-menu-list-items{padding:calc(.5rem*.25)}:host(md-card) .md-card-content{background:var(--md-secondary-bg-color);border:var(--md-quaternary-bg-color);border-radius:calc(.5rem/2);height:14rem;margin-bottom:calc(.5rem*2);overflow:hidden}:host(md-card) .md-card.full-screen{display:inline-block;height:100%!important;left:0;max-width:100%;position:absolute;top:0;width:100%}:host(md-card) .md-card.full-screen .md-card-content{height:auto}:host(md-card) .md-card-footer{display:flex;flex-wrap:wrap;gap:.5rem}@media(forced-colors:active){:host(md-card) .md-card{box-shadow:none;outline:1px solid CanvasText}:host(md-card) .md-card:focus{outline:2px solid Highlight}:host(md-card) .md-card-header md-favorite{color:windowText}}`,l=function(e,t,d,r){var o,a=arguments.length,i=a<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,d):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(e,t,d,r);else for(var n=e.length-1;n>=0;n--)(o=e[n])&&(i=(a<3?o(i):a>3?o(t,d,i):o(t,d))||i);return a>3&&i&&Object.defineProperty(t,d,i),i};!function(e){let t=class extends i.LitElement{constructor(){super(...arguments),this.title="title",this.subtitle="",this.id="",this.info="",this.infoAriaLabel="Card Info",this.menuAriaLabel="Card Menu",this.menuOptions=[]}static get styles(){return[a.a,m]}handleCardClick(e){this.dispatchEvent(new CustomEvent("card-click",{detail:{id:this.id},bubbles:!0,composed:!0}))}handleCardKeyDown(e){e.code!==s.b.Enter&&e.code!==s.b.Space||this.dispatchEvent(new CustomEvent("card-keydown",{detail:{id:this.id},bubbles:!0,composed:!0}))}handleCardMenuEvent(e,t){e.stopPropagation();const d=t.toLowerCase();this.dispatchEvent(new CustomEvent("card-menu-click",{detail:{id:this.id,type:d},bubbles:!0,composed:!0}))}handleCardMenuKeyDown(e,t){e.preventDefault(),this.dispatchEvent(new CustomEvent("card-menu-keydown",{detail:{id:this.id,type:t.toLowerCase(),keyCode:e.code},bubbles:!0,composed:!0}))}render(){return i.html`
|
|
2
2
|
<div
|
|
3
3
|
class="md-card"
|
|
4
4
|
id="${this.id}"
|
package/dist/chunks/md-56.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[56],{111:function(o,e,r){"use strict";r.r(e),r.d(e,"tooltipPlacement",(function(){return n})),r.d(e,"Chip",(function(){return v}));var c=r(1),t=r(5),a=r(6),l=r(0),d=r(3),i=r(4),g=(r(15),r(78),r(70),l.css`:focus{outline:0}.md-chip{border-radius:1.125rem;align-items:center;background-color:var(--md-secondary-bg-color,#f7f7f7);color:var(--md-primary-text-color,#121212);cursor:pointer;display:inline-flex;font-family:"CiscoSansTT Regular","Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:400;height:2rem;justify-content:space-between;line-height:1rem;margin-bottom:auto;max-width:12.5rem;overflow:auto;position:relative;text-align:center;text-decoration:none;white-space:nowrap;width:auto;padding:.25rem 1rem;font-size:.75rem}.md-chip--small{padding:.1875rem .75rem;font-size:.75rem;height:1.5rem;min-width:auto}.md-chip:focus{box-shadow:0 0 0 .0625rem var(--md-default-focus-outline-color,#005e7d)}.md-chip:hover{background-color:var(--md-tertiary-bg-color,#ededed)}.md-chip:active,.md-chip[aria-selected=true]{background-color:var(--md-quaternary-bg-color,#dedede)}.md-chip--blue,.md-chip--cobalt{background-color:var(--badge-blue-bg-color,#c7eeff);color:var(--badge-blue-text-color,#08599c)}.md-chip--blue:hover,.md-chip--cobalt:hover{background-color:var(--badge-blue-bg-color,#c7eeff);color:var(--badge-blue-text-color,#08599c)}.md-chip--blue:active,.md-chip--cobalt:active{background-color:var(--badge-blue-bg-color,#c7eeff);color:var(--badge-blue-text-color,#08599c)}.md-chip--blue:hover,.md-chip--cobalt:hover{background-color:var(--badge-blue-hover-bg-color,#9df);color:var(--badge-blue-text-color,#08599c)}.md-chip--blue:hover:hover,.md-chip--cobalt:hover:hover{background-color:var(--badge-blue-hover-bg-color,#9df);color:var(--badge-blue-text-color,#08599c)}.md-chip--blue:hover:active,.md-chip--cobalt:hover:active{background-color:var(--badge-blue-hover-bg-color,#9df);color:var(--badge-blue-text-color,#08599c)}.md-chip--blue:active,.md-chip--cobalt:active{background-color:var(--badge-blue-active-bg-color,#5ebff6);color:var(--badge-blue-text-color,#08599c)}.md-chip--blue:active:hover,.md-chip--cobalt:active:hover{background-color:var(--badge-blue-active-bg-color,#5ebff6);color:var(--badge-blue-text-color,#08599c)}.md-chip--blue:active:active,.md-chip--cobalt:active:active{background-color:var(--badge-blue-active-bg-color,#5ebff6);color:var(--badge-blue-text-color,#08599c)}.md-chip--gray{background-color:var(--badge-gray-bg-color,#dedede);color:var(--badge-gray-text-color,#121212)}.md-chip--gray:hover{background-color:var(--badge-gray-bg-color,#dedede);color:var(--badge-gray-text-color,#121212)}.md-chip--gray:active{background-color:var(--badge-gray-bg-color,#dedede);color:var(--badge-gray-text-color,#121212)}.md-chip--gray:hover{background-color:var(--badge-gray-hover-bg-color,#ccc);color:var(--badge-gray-text-color,#121212)}.md-chip--gray:hover:hover{background-color:var(--badge-gray-hover-bg-color,#ccc);color:var(--badge-gray-text-color,#121212)}.md-chip--gray:hover:active{background-color:var(--badge-gray-hover-bg-color,#ccc);color:var(--badge-gray-text-color,#121212)}.md-chip--gray:active{background-color:var(--badge-gray-active-bg-color,#ccc);color:var(--badge-gray-text-color,#121212)}.md-chip--gray:active:hover{background-color:var(--badge-gray-active-bg-color,#ccc);color:var(--badge-gray-text-color,#121212)}.md-chip--gray:active:active{background-color:var(--badge-gray-active-bg-color,#ccc);color:var(--badge-gray-text-color,#121212)}.md-chip--mint{background-color:var(--badge-mint-bg-color,#baf5e7);color:var(--badge-mint-text-color,#12615a)}.md-chip--mint:hover{background-color:var(--badge-mint-bg-color,#baf5e7);color:var(--badge-mint-text-color,#12615a)}.md-chip--mint:active{background-color:var(--badge-mint-bg-color,#baf5e7);color:var(--badge-mint-text-color,#12615a)}.md-chip--mint:hover{background-color:var(--badge-mint-hover-bg-color,#74e8d1);color:var(--badge-mint-text-color,#12615a)}.md-chip--mint:hover:hover{background-color:var(--badge-mint-hover-bg-color,#74e8d1);color:var(--badge-mint-text-color,#12615a)}.md-chip--mint:hover:active{background-color:var(--badge-mint-hover-bg-color,#74e8d1);color:var(--badge-mint-text-color,#12615a)}.md-chip--mint:active{background-color:var(--badge-mint-active-bg-color,#30c9b0);color:var(--badge-mint-text-color,#12615a)}.md-chip--mint:active:hover{background-color:var(--badge-mint-active-bg-color,#30c9b0);color:var(--badge-mint-text-color,#12615a)}.md-chip--mint:active:active{background-color:var(--badge-mint-active-bg-color,#30c9b0);color:var(--badge-mint-text-color,#12615a)}.md-chip--darkmint{background-color:var(--badge-darkmint-bg-color,#16a693);color:var(--badge-darkmint-text-color,#f7f7f7)}.md-chip--darkmint:hover{background-color:var(--badge-darkmint-bg-color,#16a693);color:var(--badge-darkmint-text-color,#f7f7f7)}.md-chip--darkmint:active{background-color:var(--badge-darkmint-bg-color,#16a693);color:var(--badge-darkmint-text-color,#f7f7f7)}.md-chip--green{background-color:var(--badge-green-bg-color,#78f5b8);color:var(--badge-green-text-color,#03612c)}.md-chip--green:hover{background-color:var(--badge-green-bg-color,#78f5b8);color:var(--badge-green-text-color,#03612c)}.md-chip--green:active{background-color:var(--badge-green-bg-color,#78f5b8);color:var(--badge-green-text-color,#03612c)}.md-chip--yellow{background-color:var(--badge-yellow-bg-color,#ffd98c);color:var(--badge-yellow-text-color,#7d4705)}.md-chip--yellow:hover{background-color:var(--badge-yellow-bg-color,#ffd98c);color:var(--badge-yellow-text-color,#7d4705)}.md-chip--yellow:active{background-color:var(--badge-yellow-bg-color,#ffd98c);color:var(--badge-yellow-text-color,#7d4705)}.md-chip--red{background-color:var(--badge-red-bg-color,#ffd5cc);color:var(--badge-red-text-color,#a12512)}.md-chip--red:hover{background-color:var(--badge-red-bg-color,#ffd5cc);color:var(--badge-red-text-color,#a12512)}.md-chip--red:active{background-color:var(--badge-red-bg-color,#ffd5cc);color:var(--badge-red-text-color,#a12512)}.md-chip--orange{background-color:var(--badge-orange-bg-color,#fce4c7);color:var(--badge-orange-text-color,#914017)}.md-chip--orange:hover{background-color:var(--badge-orange-bg-color,#fce4c7);color:var(--badge-orange-text-color,#914017)}.md-chip--orange:active{background-color:var(--badge-orange-bg-color,#fce4c7);color:var(--badge-orange-text-color,#914017)}.md-chip--orange:hover{background-color:var(--badge-orange-hover-bg-color,#ffca99);color:var(--badge-orange-text-color,#914017)}.md-chip--orange:hover:hover{background-color:var(--badge-orange-hover-bg-color,#ffca99);color:var(--badge-orange-text-color,#914017)}.md-chip--orange:hover:active{background-color:var(--badge-orange-hover-bg-color,#ffca99);color:var(--badge-orange-text-color,#914017)}.md-chip--orange:active{background-color:var(--badge-orange-active-bg-color,#ff9d52);color:var(--badge-orange-text-color,#914017)}.md-chip--orange:active:hover{background-color:var(--badge-orange-active-bg-color,#ff9d52);color:var(--badge-orange-text-color,#914017)}.md-chip--orange:active:active{background-color:var(--badge-orange-active-bg-color,#ff9d52);color:var(--badge-orange-text-color,#914017)}.md-chip--gold{background-color:var(--badge-gold-bg-color,#f5eaa2);color:var(--badge-gold-text-color,#735107)}.md-chip--gold:hover{background-color:var(--badge-gold-bg-color,#f5eaa2);color:var(--badge-gold-text-color,#735107)}.md-chip--gold:active{background-color:var(--badge-gold-bg-color,#f5eaa2);color:var(--badge-gold-text-color,#735107)}.md-chip--gold:hover{background-color:var(--badge-gold-hover-bg-color,#ebd460);color:var(--badge-gold-text-color,#735107)}.md-chip--gold:hover:hover{background-color:var(--badge-gold-hover-bg-color,#ebd460);color:var(--badge-gold-text-color,#735107)}.md-chip--gold:hover:active{background-color:var(--badge-gold-hover-bg-color,#ebd460);color:var(--badge-gold-text-color,#735107)}.md-chip--gold:active{background-color:var(--badge-gold-active-bg-color,#d6b220);color:var(--badge-gold-text-color,#735107)}.md-chip--gold:active:hover{background-color:var(--badge-gold-active-bg-color,#d6b220);color:var(--badge-gold-text-color,#735107)}.md-chip--gold:active:active{background-color:var(--badge-gold-active-bg-color,#d6b220);color:var(--badge-gold-text-color,#735107)}.md-chip--lime{background-color:var(--badge-lime-bg-color,#ddf2ae);color:var(--badge-lime-text-color,#416116)}.md-chip--lime:hover{background-color:var(--badge-lime-bg-color,#ddf2ae);color:var(--badge-lime-text-color,#416116)}.md-chip--lime:active{background-color:var(--badge-lime-bg-color,#ddf2ae);color:var(--badge-lime-text-color,#416116)}.md-chip--lime:hover{background-color:var(--badge-lime-hover-bg-color,#bce36f);color:var(--badge-lime-text-color,#416116)}.md-chip--lime:hover:hover{background-color:var(--badge-lime-hover-bg-color,#bce36f);color:var(--badge-lime-text-color,#416116)}.md-chip--lime:hover:active{background-color:var(--badge-lime-hover-bg-color,#bce36f);color:var(--badge-lime-text-color,#416116)}.md-chip--lime:active{background-color:var(--badge-lime-active-bg-color,#93c437);color:var(--badge-lime-text-color,#416116)}.md-chip--lime:active:hover{background-color:var(--badge-lime-active-bg-color,#93c437);color:var(--badge-lime-text-color,#416116)}.md-chip--lime:active:active{background-color:var(--badge-lime-active-bg-color,#93c437);color:var(--badge-lime-text-color,#416116)}.md-chip--pink{background-color:var(--badge-pink-bg-color,#ffe0e7);color:var(--badge-pink-text-color,#a12a3a)}.md-chip--pink:hover{background-color:var(--badge-pink-bg-color,#ffe0e7);color:var(--badge-pink-text-color,#a12a3a)}.md-chip--pink:active{background-color:var(--badge-pink-bg-color,#ffe0e7);color:var(--badge-pink-text-color,#a12a3a)}.md-chip--pink:hover{background-color:var(--badge-pink-hover-bg-color,#ffc7d2);color:var(--badge-pink-text-color,#a12a3a)}.md-chip--pink:hover:hover{background-color:var(--badge-pink-hover-bg-color,#ffc7d2);color:var(--badge-pink-text-color,#a12a3a)}.md-chip--pink:hover:active{background-color:var(--badge-pink-hover-bg-color,#ffc7d2);color:var(--badge-pink-text-color,#a12a3a)}.md-chip--pink:active{background-color:var(--badge-pink-active-bg-color,#fc97aa);color:var(--badge-pink-text-color,#a12a3a)}.md-chip--pink:active:hover{background-color:var(--badge-pink-active-bg-color,#fc97aa);color:var(--badge-pink-text-color,#a12a3a)}.md-chip--pink:active:active{background-color:var(--badge-pink-active-bg-color,#fc97aa);color:var(--badge-pink-text-color,#a12a3a)}.md-chip--purple{background-color:var(--badge-purple-bg-color,#fce1fc);color:var(--badge-purple-text-color,#932099)}.md-chip--purple:hover{background-color:var(--badge-purple-bg-color,#fce1fc);color:var(--badge-purple-text-color,#932099)}.md-chip--purple:active{background-color:var(--badge-purple-bg-color,#fce1fc);color:var(--badge-purple-text-color,#932099)}.md-chip--violet{background-color:var(--badge-violet-bg-color,#f0e3fc);color:var(--badge-violet-text-color,#643abd)}.md-chip--violet:hover{background-color:var(--badge-violet-bg-color,#f0e3fc);color:var(--badge-violet-text-color,#643abd)}.md-chip--violet:active{background-color:var(--badge-violet-bg-color,#f0e3fc);color:var(--badge-violet-text-color,#643abd)}.md-chip--violet:hover{background-color:var(--badge-violet-hover-bg-color,#e2cafc);color:var(--badge-violet-text-color,#643abd)}.md-chip--violet:hover:hover{background-color:var(--badge-violet-hover-bg-color,#e2cafc);color:var(--badge-violet-text-color,#643abd)}.md-chip--violet:hover:active{background-color:var(--badge-violet-hover-bg-color,#e2cafc);color:var(--badge-violet-text-color,#643abd)}.md-chip--violet:active{background-color:var(--badge-violet-active-bg-color,#c7a5fa);color:var(--badge-violet-text-color,#643abd)}.md-chip--violet:active:hover{background-color:var(--badge-violet-active-bg-color,#c7a5fa);color:var(--badge-violet-text-color,#643abd)}.md-chip--violet:active:active{background-color:var(--badge-violet-active-bg-color,#c7a5fa);color:var(--badge-violet-text-color,#643abd)}.md-chip--cyan{background-color:var(--badge-cyan-bg-color,#b2f4f7);color:var(--badge-cyan-text-color,#066070)}.md-chip--cyan:hover{background-color:var(--badge-cyan-bg-color,#b2f4f7);color:var(--badge-cyan-text-color,#066070)}.md-chip--cyan:active{background-color:var(--badge-cyan-bg-color,#b2f4f7);color:var(--badge-cyan-text-color,#066070)}.md-chip .md-chip--clear{height:.875rem;right:.75rem;top:.75rem;width:.875rem;display:flow-root;margin-left:.625rem;margin-right:0}.md-chip .md-chip--clear::before{font-size:.875rem}.md-chip .md-chip--loading{left:0;overflow:hidden;position:absolute;top:-.125rem;width:100%}.md-chip .md-chip--textcontent{max-width:9.375rem}.md-chip md-icon{display:flex;margin-right:.625rem}.md-chip.md-chip--disabled{border-radius:1.125rem;align-items:center;background-color:var(--md-secondary-bg-color,#f7f7f7);color:var(--md-primary-text-color,#121212);cursor:pointer;display:inline-flex;font-family:"CiscoSansTT Regular","Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:400;height:2rem;justify-content:space-between;line-height:1rem;margin-bottom:auto;max-width:12.5rem;overflow:auto;position:relative;text-align:center;text-decoration:none;white-space:nowrap;width:auto;color:var(--md-disabled-text-color,#b2b2b2);cursor:default}.md-chip.md-chip--disabled md-icon{color:var(--md-disabled-text-color,#b2b2b2)}::slotted(*){line-height:normal}::slotted([slot=custom-left-content]){margin-right:.625rem}::slotted([slot=custom-right-content]){margin-left:.625rem}@media(forced-colors:active){.md-chip{outline:1px solid CanvasText}.md-chip:focus,.md-chip:hover{box-shadow:none;outline:2px solid Highlight}.md-chip.md-chip--disabled{color:GrayText;outline:1px solid GrayText}.md-chip.md-chip--disabled:focus,.md-chip.md-chip--disabled:hover{outline:2px solid Highlight}.md-chip.md-chip--disabled md-icon{color:GrayText}}`),b=function(o,e,r,c){var t,a=arguments.length,l=a<3?e:null===c?c=Object.getOwnPropertyDescriptor(e,r):c;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)l=Reflect.decorate(o,e,r,c);else for(var d=o.length-1;d>=0;d--)(t=o[d])&&(l=(a<3?t(l):a>3?t(e,r,l):t(e,r))||l);return a>3&&l&&Object.defineProperty(e,r,l),l};const n=["auto","auto-start","auto-end","left-start","left","left-end","right-start","right","right-end","top-start","top","top-end","bottom-start","bottom","bottom-end"];var v;!function(o){let e=class extends l.LitElement{constructor(){super(...arguments),this.color="",this.bgColor="",this.textColor="",this.height="",this.icon="",this.iconColor="",this.role="group",this.id="",this.small=!1,this.readonly=!1,this.selected=!1,this.disabled=!1,this.determinateProgress=0,this.indeterminateProgress=!1,this.tooltipText="",this.tooltipPlacement="auto",this.value="",this.textOverflow=!1,this.renderedText="",this.MAX_LENGTH=18,this.PRE_TRUNC_CHARS=6,this.POST_TRUNC_CHARS=9,this.DOT_COUNT=3,this.selectionChange=o=>{this.dispatchEvent(new CustomEvent("chip-selected",{composed:!0,bubbles:!0,detail:{selected:o}}))},this.handleClear=o=>{this.dispatchEvent(new CustomEvent("chip-deleted",{composed:!0,bubbles:!0,detail:{id:o}}))},this.handleSelect=()=>{this.disabled||(this.selected=!0,this.selectionChange(!0))},this.handleDeSelect=()=>{this.selected=!1,this.selectionChange(!1)},this.renderBgColor=()=>this.bgColor?`background-color: ${this.bgColor};`:d.nothing,this.renderTextColor=()=>this.textColor?`color: ${this.textColor};`:d.nothing,this.renderHeight=()=>this.height?`height: ${this.height};`:d.nothing,this.getStyles=()=>this.bgColor||this.textColor||this.height?l.html`
|
|
1
|
+
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[56],{111:function(o,e,r){"use strict";r.r(e),r.d(e,"tooltipPlacement",(function(){return n})),r.d(e,"Chip",(function(){return v}));var c=r(1),t=r(5),a=r(6),l=r(0),d=r(3),i=r(4),g=(r(15),r(78),r(70),l.css`:focus{outline:0}.md-chip{border-radius:1.125rem;align-items:center;background-color:var(--md-secondary-bg-color,#f7f7f7);color:var(--md-primary-text-color,#121212);cursor:pointer;display:inline-flex;font-family:var(--brand-font-regular, "CiscoSansTT Regular", "Helvetica Neue", Helvetica, Arial, sans-serif);font-weight:400;height:2rem;justify-content:space-between;line-height:1rem;margin-bottom:auto;max-width:12.5rem;overflow:auto;position:relative;text-align:center;text-decoration:none;white-space:nowrap;width:auto;padding:.25rem 1rem;font-size:var(--body-secondary-font-size,.75rem)}.md-chip--small{padding:.1875rem .75rem;font-size:var(--body-secondary-font-size,.75rem);height:1.5rem;min-width:auto}.md-chip:focus{box-shadow:0 0 0 .0625rem var(--md-default-focus-outline-color,#005e7d)}.md-chip:hover{background-color:var(--md-tertiary-bg-color,#ededed)}.md-chip:active,.md-chip[aria-selected=true]{background-color:var(--button-secondary-active-normal-bg-color,var(--md-quaternary-bg-color,#dedede))}.md-chip--blue,.md-chip--cobalt{background-color:var(--badge-blue-bg-color,#c7eeff);color:var(--badge-blue-text-color,#08599c)}.md-chip--blue:hover,.md-chip--cobalt:hover{background-color:var(--badge-blue-bg-color,#c7eeff);color:var(--badge-blue-text-color,#08599c)}.md-chip--blue:active,.md-chip--cobalt:active{background-color:var(--badge-blue-bg-color,#c7eeff);color:var(--badge-blue-text-color,#08599c)}.md-chip--blue:hover,.md-chip--cobalt:hover{background-color:var(--badge-blue-hover-bg-color,#9df);color:var(--badge-blue-text-color,#08599c)}.md-chip--blue:hover:hover,.md-chip--cobalt:hover:hover{background-color:var(--badge-blue-hover-bg-color,#9df);color:var(--badge-blue-text-color,#08599c)}.md-chip--blue:hover:active,.md-chip--cobalt:hover:active{background-color:var(--badge-blue-hover-bg-color,#9df);color:var(--badge-blue-text-color,#08599c)}.md-chip--blue:active,.md-chip--cobalt:active{background-color:var(--badge-blue-active-bg-color,#5ebff6);color:var(--badge-blue-text-color,#08599c)}.md-chip--blue:active:hover,.md-chip--cobalt:active:hover{background-color:var(--badge-blue-active-bg-color,#5ebff6);color:var(--badge-blue-text-color,#08599c)}.md-chip--blue:active:active,.md-chip--cobalt:active:active{background-color:var(--badge-blue-active-bg-color,#5ebff6);color:var(--badge-blue-text-color,#08599c)}.md-chip--gray{background-color:var(--badge-gray-bg-color,#dedede);color:var(--badge-gray-text-color,#121212)}.md-chip--gray:hover{background-color:var(--badge-gray-bg-color,#dedede);color:var(--badge-gray-text-color,#121212)}.md-chip--gray:active{background-color:var(--badge-gray-bg-color,#dedede);color:var(--badge-gray-text-color,#121212)}.md-chip--gray:hover{background-color:var(--badge-gray-hover-bg-color,#ccc);color:var(--badge-gray-text-color,#121212)}.md-chip--gray:hover:hover{background-color:var(--badge-gray-hover-bg-color,#ccc);color:var(--badge-gray-text-color,#121212)}.md-chip--gray:hover:active{background-color:var(--badge-gray-hover-bg-color,#ccc);color:var(--badge-gray-text-color,#121212)}.md-chip--gray:active{background-color:var(--badge-gray-active-bg-color,#ccc);color:var(--badge-gray-text-color,#121212)}.md-chip--gray:active:hover{background-color:var(--badge-gray-active-bg-color,#ccc);color:var(--badge-gray-text-color,#121212)}.md-chip--gray:active:active{background-color:var(--badge-gray-active-bg-color,#ccc);color:var(--badge-gray-text-color,#121212)}.md-chip--mint{background-color:var(--badge-mint-bg-color,#baf5e7);color:var(--badge-mint-text-color,#12615a)}.md-chip--mint:hover{background-color:var(--badge-mint-bg-color,#baf5e7);color:var(--badge-mint-text-color,#12615a)}.md-chip--mint:active{background-color:var(--badge-mint-bg-color,#baf5e7);color:var(--badge-mint-text-color,#12615a)}.md-chip--mint:hover{background-color:var(--badge-mint-hover-bg-color,#74e8d1);color:var(--badge-mint-text-color,#12615a)}.md-chip--mint:hover:hover{background-color:var(--badge-mint-hover-bg-color,#74e8d1);color:var(--badge-mint-text-color,#12615a)}.md-chip--mint:hover:active{background-color:var(--badge-mint-hover-bg-color,#74e8d1);color:var(--badge-mint-text-color,#12615a)}.md-chip--mint:active{background-color:var(--badge-mint-active-bg-color,#30c9b0);color:var(--badge-mint-text-color,#12615a)}.md-chip--mint:active:hover{background-color:var(--badge-mint-active-bg-color,#30c9b0);color:var(--badge-mint-text-color,#12615a)}.md-chip--mint:active:active{background-color:var(--badge-mint-active-bg-color,#30c9b0);color:var(--badge-mint-text-color,#12615a)}.md-chip--darkmint{background-color:var(--badge-darkmint-bg-color,#16a693);color:var(--badge-darkmint-text-color,#f7f7f7)}.md-chip--darkmint:hover{background-color:var(--badge-darkmint-bg-color,#16a693);color:var(--badge-darkmint-text-color,#f7f7f7)}.md-chip--darkmint:active{background-color:var(--badge-darkmint-bg-color,#16a693);color:var(--badge-darkmint-text-color,#f7f7f7)}.md-chip--green{background-color:var(--badge-green-bg-color,#78f5b8);color:var(--badge-green-text-color,#03612c)}.md-chip--green:hover{background-color:var(--badge-green-bg-color,#78f5b8);color:var(--badge-green-text-color,#03612c)}.md-chip--green:active{background-color:var(--badge-green-bg-color,#78f5b8);color:var(--badge-green-text-color,#03612c)}.md-chip--yellow{background-color:var(--badge-yellow-bg-color,#ffd98c);color:var(--badge-yellow-text-color,#7d4705)}.md-chip--yellow:hover{background-color:var(--badge-yellow-bg-color,#ffd98c);color:var(--badge-yellow-text-color,#7d4705)}.md-chip--yellow:active{background-color:var(--badge-yellow-bg-color,#ffd98c);color:var(--badge-yellow-text-color,#7d4705)}.md-chip--red{background-color:var(--badge-red-bg-color,#ffd5cc);color:var(--badge-red-text-color,#a12512)}.md-chip--red:hover{background-color:var(--badge-red-bg-color,#ffd5cc);color:var(--badge-red-text-color,#a12512)}.md-chip--red:active{background-color:var(--badge-red-bg-color,#ffd5cc);color:var(--badge-red-text-color,#a12512)}.md-chip--orange{background-color:var(--badge-orange-bg-color,#fce4c7);color:var(--badge-orange-text-color,#914017)}.md-chip--orange:hover{background-color:var(--badge-orange-bg-color,#fce4c7);color:var(--badge-orange-text-color,#914017)}.md-chip--orange:active{background-color:var(--badge-orange-bg-color,#fce4c7);color:var(--badge-orange-text-color,#914017)}.md-chip--orange:hover{background-color:var(--badge-orange-hover-bg-color,#ffca99);color:var(--badge-orange-text-color,#914017)}.md-chip--orange:hover:hover{background-color:var(--badge-orange-hover-bg-color,#ffca99);color:var(--badge-orange-text-color,#914017)}.md-chip--orange:hover:active{background-color:var(--badge-orange-hover-bg-color,#ffca99);color:var(--badge-orange-text-color,#914017)}.md-chip--orange:active{background-color:var(--badge-orange-active-bg-color,#ff9d52);color:var(--badge-orange-text-color,#914017)}.md-chip--orange:active:hover{background-color:var(--badge-orange-active-bg-color,#ff9d52);color:var(--badge-orange-text-color,#914017)}.md-chip--orange:active:active{background-color:var(--badge-orange-active-bg-color,#ff9d52);color:var(--badge-orange-text-color,#914017)}.md-chip--gold{background-color:var(--badge-gold-bg-color,#f5eaa2);color:var(--badge-gold-text-color,#735107)}.md-chip--gold:hover{background-color:var(--badge-gold-bg-color,#f5eaa2);color:var(--badge-gold-text-color,#735107)}.md-chip--gold:active{background-color:var(--badge-gold-bg-color,#f5eaa2);color:var(--badge-gold-text-color,#735107)}.md-chip--gold:hover{background-color:var(--badge-gold-hover-bg-color,#ebd460);color:var(--badge-gold-text-color,#735107)}.md-chip--gold:hover:hover{background-color:var(--badge-gold-hover-bg-color,#ebd460);color:var(--badge-gold-text-color,#735107)}.md-chip--gold:hover:active{background-color:var(--badge-gold-hover-bg-color,#ebd460);color:var(--badge-gold-text-color,#735107)}.md-chip--gold:active{background-color:var(--badge-gold-active-bg-color,#d6b220);color:var(--badge-gold-text-color,#735107)}.md-chip--gold:active:hover{background-color:var(--badge-gold-active-bg-color,#d6b220);color:var(--badge-gold-text-color,#735107)}.md-chip--gold:active:active{background-color:var(--badge-gold-active-bg-color,#d6b220);color:var(--badge-gold-text-color,#735107)}.md-chip--lime{background-color:var(--badge-lime-bg-color,#ddf2ae);color:var(--badge-lime-text-color,#416116)}.md-chip--lime:hover{background-color:var(--badge-lime-bg-color,#ddf2ae);color:var(--badge-lime-text-color,#416116)}.md-chip--lime:active{background-color:var(--badge-lime-bg-color,#ddf2ae);color:var(--badge-lime-text-color,#416116)}.md-chip--lime:hover{background-color:var(--badge-lime-hover-bg-color,#bce36f);color:var(--badge-lime-text-color,#416116)}.md-chip--lime:hover:hover{background-color:var(--badge-lime-hover-bg-color,#bce36f);color:var(--badge-lime-text-color,#416116)}.md-chip--lime:hover:active{background-color:var(--badge-lime-hover-bg-color,#bce36f);color:var(--badge-lime-text-color,#416116)}.md-chip--lime:active{background-color:var(--badge-lime-active-bg-color,#93c437);color:var(--badge-lime-text-color,#416116)}.md-chip--lime:active:hover{background-color:var(--badge-lime-active-bg-color,#93c437);color:var(--badge-lime-text-color,#416116)}.md-chip--lime:active:active{background-color:var(--badge-lime-active-bg-color,#93c437);color:var(--badge-lime-text-color,#416116)}.md-chip--pink{background-color:var(--badge-pink-bg-color,#ffe0e7);color:var(--badge-pink-text-color,#a12a3a)}.md-chip--pink:hover{background-color:var(--badge-pink-bg-color,#ffe0e7);color:var(--badge-pink-text-color,#a12a3a)}.md-chip--pink:active{background-color:var(--badge-pink-bg-color,#ffe0e7);color:var(--badge-pink-text-color,#a12a3a)}.md-chip--pink:hover{background-color:var(--badge-pink-hover-bg-color,#ffc7d2);color:var(--badge-pink-text-color,#a12a3a)}.md-chip--pink:hover:hover{background-color:var(--badge-pink-hover-bg-color,#ffc7d2);color:var(--badge-pink-text-color,#a12a3a)}.md-chip--pink:hover:active{background-color:var(--badge-pink-hover-bg-color,#ffc7d2);color:var(--badge-pink-text-color,#a12a3a)}.md-chip--pink:active{background-color:var(--badge-pink-active-bg-color,#fc97aa);color:var(--badge-pink-text-color,#a12a3a)}.md-chip--pink:active:hover{background-color:var(--badge-pink-active-bg-color,#fc97aa);color:var(--badge-pink-text-color,#a12a3a)}.md-chip--pink:active:active{background-color:var(--badge-pink-active-bg-color,#fc97aa);color:var(--badge-pink-text-color,#a12a3a)}.md-chip--purple{background-color:var(--badge-purple-bg-color,#fce1fc);color:var(--badge-purple-text-color,#932099)}.md-chip--purple:hover{background-color:var(--badge-purple-bg-color,#fce1fc);color:var(--badge-purple-text-color,#932099)}.md-chip--purple:active{background-color:var(--badge-purple-bg-color,#fce1fc);color:var(--badge-purple-text-color,#932099)}.md-chip--violet{background-color:var(--badge-violet-bg-color,#f0e3fc);color:var(--badge-violet-text-color,#643abd)}.md-chip--violet:hover{background-color:var(--badge-violet-bg-color,#f0e3fc);color:var(--badge-violet-text-color,#643abd)}.md-chip--violet:active{background-color:var(--badge-violet-bg-color,#f0e3fc);color:var(--badge-violet-text-color,#643abd)}.md-chip--violet:hover{background-color:var(--badge-violet-hover-bg-color,#e2cafc);color:var(--badge-violet-text-color,#643abd)}.md-chip--violet:hover:hover{background-color:var(--badge-violet-hover-bg-color,#e2cafc);color:var(--badge-violet-text-color,#643abd)}.md-chip--violet:hover:active{background-color:var(--badge-violet-hover-bg-color,#e2cafc);color:var(--badge-violet-text-color,#643abd)}.md-chip--violet:active{background-color:var(--badge-violet-active-bg-color,#c7a5fa);color:var(--badge-violet-text-color,#643abd)}.md-chip--violet:active:hover{background-color:var(--badge-violet-active-bg-color,#c7a5fa);color:var(--badge-violet-text-color,#643abd)}.md-chip--violet:active:active{background-color:var(--badge-violet-active-bg-color,#c7a5fa);color:var(--badge-violet-text-color,#643abd)}.md-chip--cyan{background-color:var(--badge-cyan-bg-color,#b2f4f7);color:var(--badge-cyan-text-color,#066070)}.md-chip--cyan:hover{background-color:var(--badge-cyan-bg-color,#b2f4f7);color:var(--badge-cyan-text-color,#066070)}.md-chip--cyan:active{background-color:var(--badge-cyan-bg-color,#b2f4f7);color:var(--badge-cyan-text-color,#066070)}.md-chip .md-chip--clear{height:.875rem;right:.75rem;top:.75rem;width:.875rem;display:flow-root;margin-left:.625rem;margin-right:0}.md-chip .md-chip--clear::before{font-size:.875rem}.md-chip .md-chip--loading{left:0;overflow:hidden;position:absolute;top:-.125rem;width:100%}.md-chip .md-chip--textcontent{max-width:9.375rem}.md-chip md-icon{display:flex;margin-right:.625rem}.md-chip.md-chip--disabled{border-radius:1.125rem;align-items:center;background-color:var(--md-secondary-bg-color,#f7f7f7);color:var(--md-primary-text-color,#121212);cursor:pointer;display:inline-flex;font-family:var(--brand-font-regular, "CiscoSansTT Regular", "Helvetica Neue", Helvetica, Arial, sans-serif);font-weight:400;height:2rem;justify-content:space-between;line-height:1rem;margin-bottom:auto;max-width:12.5rem;overflow:auto;position:relative;text-align:center;text-decoration:none;white-space:nowrap;width:auto;color:var(--md-disabled-text-color,#b2b2b2);cursor:default}.md-chip.md-chip--disabled md-icon{color:var(--md-disabled-text-color,#b2b2b2)}::slotted(*){line-height:normal}::slotted([slot=custom-left-content]){margin-right:.625rem}::slotted([slot=custom-right-content]){margin-left:.625rem}@media(forced-colors:active){.md-chip{outline:1px solid CanvasText}.md-chip:focus,.md-chip:hover{box-shadow:none;outline:2px solid Highlight}.md-chip.md-chip--disabled{color:GrayText;outline:1px solid GrayText}.md-chip.md-chip--disabled:focus,.md-chip.md-chip--disabled:hover{outline:2px solid Highlight}.md-chip.md-chip--disabled md-icon{color:GrayText}}`),b=function(o,e,r,c){var t,a=arguments.length,l=a<3?e:null===c?c=Object.getOwnPropertyDescriptor(e,r):c;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)l=Reflect.decorate(o,e,r,c);else for(var d=o.length-1;d>=0;d--)(t=o[d])&&(l=(a<3?t(l):a>3?t(e,r,l):t(e,r))||l);return a>3&&l&&Object.defineProperty(e,r,l),l};const n=["auto","auto-start","auto-end","left-start","left","left-end","right-start","right","right-end","top-start","top","top-end","bottom-start","bottom","bottom-end"];var v;!function(o){let e=class extends l.LitElement{constructor(){super(...arguments),this.color="",this.bgColor="",this.textColor="",this.height="",this.icon="",this.iconColor="",this.role="group",this.id="",this.small=!1,this.readonly=!1,this.selected=!1,this.disabled=!1,this.determinateProgress=0,this.indeterminateProgress=!1,this.tooltipText="",this.tooltipPlacement="auto",this.value="",this.textOverflow=!1,this.renderedText="",this.MAX_LENGTH=18,this.PRE_TRUNC_CHARS=6,this.POST_TRUNC_CHARS=9,this.DOT_COUNT=3,this.selectionChange=o=>{this.dispatchEvent(new CustomEvent("chip-selected",{composed:!0,bubbles:!0,detail:{selected:o}}))},this.handleClear=o=>{this.dispatchEvent(new CustomEvent("chip-deleted",{composed:!0,bubbles:!0,detail:{id:o}}))},this.handleSelect=()=>{this.disabled||(this.selected=!0,this.selectionChange(!0))},this.handleDeSelect=()=>{this.selected=!1,this.selectionChange(!1)},this.renderBgColor=()=>this.bgColor?`background-color: ${this.bgColor};`:d.nothing,this.renderTextColor=()=>this.textColor?`color: ${this.textColor};`:d.nothing,this.renderHeight=()=>this.height?`height: ${this.height};`:d.nothing,this.getStyles=()=>this.bgColor||this.textColor||this.height?l.html`
|
|
2
2
|
<style>
|
|
3
3
|
:host .md-chip {
|
|
4
4
|
${this.renderBgColor()};
|
package/dist/chunks/md-57.js
CHANGED
|
@@ -1,22 +1,28 @@
|
|
|
1
|
-
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[57],{112:function(r,o,a){"use strict";a.r(o),a.d(o,"coachmarkPlacement",(function(){return _})),a.d(o,"Coachmark",(function(){return l}));var c=a(7),e=a(5),m=a(0),p=m.css`.md-coachmark{display:inline-flex;position:relative}.md-coachmark__popper{border-radius:.25rem;display:none;min-width:10.625rem;padding:.75rem;position:absolute;width:auto;z-index:1}.md-coachmark__popper .md-coachmark__arrow{height:0;position:absolute;width:0}.md-coachmark__popper--right{animation:coach-fade 1s,coach-slide-right .5s ease;left:calc(100% + 1rem);top:50%;transform:translateY(-50%)}.md-coachmark__popper--right .md-coachmark__arrow{border-bottom:.625rem solid transparent;border-top:.625rem solid transparent;left:-.625rem;top:50%;transform:translateY(-50%)}.md-coachmark__popper--left{animation:coach-fade 1s,coach-slide-left .5s ease;right:calc(100% + 1rem);top:50%;transform:translateY(-50%)}.md-coachmark__popper--left .md-coachmark__arrow{border-bottom:.625rem solid transparent;border-top:.625rem solid transparent;right:-.625rem;top:50%;transform:translateY(-50%)}.md-coachmark__popper--top{animation:coach-fade 1s,coach-slide-top .5s ease;bottom:calc(100% + .5rem);left:50%;transform:translateX(-50%)}.md-coachmark__popper--top .md-coachmark__arrow{border-left:.625rem solid transparent;border-right:.625rem solid transparent;bottom:-.625rem;left:50%;transform:translateX(-50%)}.md-coachmark__popper--bottom{animation:coach-fade 1s,coach-slide-bottom .5s ease;left:50%;top:calc(100% + .5rem);transform:translateX(-50%)}.md-coachmark__popper--bottom .md-coachmark__arrow{border-left:.625rem solid transparent;border-right:.625rem solid transparent;left:50%;top:-.625rem;transform:translateX(-50%)}.md-coachmark__popper--default{background:var(--coachmark-default-bg-color,#f7f7f7);color:var(-coachmark-default-text-color,#545454)}.md-coachmark__popper--default.md-coachmark__popper--left .md-coachmark__arrow{border-left:.625rem solid var(--coachmark-default-bg-color,#f7f7f7)}.md-coachmark__popper--default.md-coachmark__popper--right .md-coachmark__arrow{border-right:.625rem solid var(--coachmark-default-bg-color,#f7f7f7)}.md-coachmark__popper--default.md-coachmark__popper--top .md-coachmark__arrow{border-top:.625rem solid var(--coachmark-default-bg-color,#f7f7f7)}.md-coachmark__popper--default.md-coachmark__popper--bottom .md-coachmark__arrow{border-bottom:.625rem solid var(--coachmark-default-bg-color,#f7f7f7)}.md-coachmark__popper--blue{background:var(--coachmark-blue-bg-color,#c7eeff);color:var(--coachmark-blue-text-color,#08599c)}.md-coachmark__popper--blue.md-coachmark__popper--left .md-coachmark__arrow{border-left:.625rem solid var(--coachmark-blue-bg-color,#c7eeff)}.md-coachmark__popper--blue.md-coachmark__popper--right .md-coachmark__arrow{border-right:.625rem solid var(--coachmark-blue-bg-color,#c7eeff)}.md-coachmark__popper--blue.md-coachmark__popper--top .md-coachmark__arrow{border-top:.625rem solid var(--coachmark-blue-bg-color,#c7eeff)}.md-coachmark__popper--blue.md-coachmark__popper--bottom .md-coachmark__arrow{border-bottom:.625rem solid var(--coachmark-blue-bg-color,#c7eeff)}.md-coachmark__popper--green{background:var(--coachmark-green-bg-color,#78f5b8);color:var(--coachmark-green-text-color,#03612c)}.md-coachmark__popper--green.md-coachmark__popper--left .md-coachmark__arrow{border-left:.625rem solid var(--coachmark-green-bg-color,#78f5b8)}.md-coachmark__popper--green.md-coachmark__popper--right .md-coachmark__arrow{border-right:.625rem solid var(--coachmark-green-bg-color,#78f5b8)}.md-coachmark__popper--green.md-coachmark__popper--top .md-coachmark__arrow{border-top:.625rem solid var(--coachmark-green-bg-color,#78f5b8)}.md-coachmark__popper--green.md-coachmark__popper--bottom .md-coachmark__arrow{border-bottom:.625rem solid var(--coachmark-green-bg-color,#78f5b8)}.md-coachmark__popper--purple{background:var(--coachmark-purple-bg-color,#fce1fc);color:var(--coachmark-purple-text-color,#932099)}.md-coachmark__popper--purple.md-coachmark__popper--left .md-coachmark__arrow{border-left:.625rem solid var(--coachmark-purple-bg-color,#fce1fc)}.md-coachmark__popper--purple.md-coachmark__popper--right .md-coachmark__arrow{border-right:.625rem solid var(--coachmark-purple-bg-color,#fce1fc)}.md-coachmark__popper--purple.md-coachmark__popper--top .md-coachmark__arrow{border-top:.625rem solid var(--coachmark-purple-bg-color,#fce1fc)}.md-coachmark__popper--purple.md-coachmark__popper--bottom .md-coachmark__arrow{border-bottom:.625rem solid var(--coachmark-purple-bg-color,#fce1fc)}.md-coachmark__popper--violet{background:var(--coachmark-violet-bg-color,#f0e3fc);color:var(--coachmark-violet-text-color,#643abd)}.md-coachmark__popper--violet.md-coachmark__popper--left .md-coachmark__arrow{border-left:.625rem solid var(--coachmark-violet-bg-color,#f0e3fc)}.md-coachmark__popper--violet.md-coachmark__popper--right .md-coachmark__arrow{border-right:.625rem solid var(--coachmark-violet-bg-color,#f0e3fc)}.md-coachmark__popper--violet.md-coachmark__popper--top .md-coachmark__arrow{border-top:.625rem solid var(--coachmark-violet-bg-color,#f0e3fc)}.md-coachmark__popper--violet.md-coachmark__popper--bottom .md-coachmark__arrow{border-bottom:.625rem solid var(--coachmark-violet-bg-color,#f0e3fc)}.md-coachmark__popper--mint{background:var(--coachmark-mint-bg-color,#baf5e7);color:var(--coachmark-mint-text-color,#12615a)}.md-coachmark__popper--mint.md-coachmark__popper--left .md-coachmark__arrow{border-left:.625rem solid var(--coachmark-mint-bg-color,#baf5e7)}.md-coachmark__popper--mint.md-coachmark__popper--right .md-coachmark__arrow{border-right:.625rem solid var(--coachmark-mint-bg-color,#baf5e7)}.md-coachmark__popper--mint.md-coachmark__popper--top .md-coachmark__arrow{border-top:1 .625rem solid var(--coachmark-mint-bg-color,#baf5e7)}.md-coachmark__popper--mint.md-coachmark__popper--bottom .md-coachmark__arrow{border-bottom:.625rem solid var(--coachmark-mint-bg-color,#baf5e7)}.md-coachmark__popper--darkmint{background:var(--coachmark-darkmint-bg-color,#16a693);color:var(--coachmark-darkmint-text-color,#f7f7f7)}.md-coachmark__popper--darkmint.md-coachmark__popper--left .md-coachmark__arrow{border-left:.625rem solid var(--coachmark-darkmint-bg-color,#16a693)}.md-coachmark__popper--darkmint.md-coachmark__popper--right .md-coachmark__arrow{border-right:.625rem solid var(--coachmark-darkmint-bg-color,#16a693)}.md-coachmark__popper--darkmint.md-coachmark__popper--top .md-coachmark__arrow{border-top:.625rem solid var(--coachmark-darkmint-bg-color,#16a693)}.md-coachmark__popper--darkmint.md-coachmark__popper--bottom .md-coachmark__arrow{border-bottom:.625rem solid var(--coachmark-darkmint-bg-color,#16a693)}.md-coachmark__popper--yellow{background:var(--coachmark-yellow-bg-color,#ffd98c);color:var(--coachmark-yellow-text-color,#7d4705)}.md-coachmark__popper--yellow.md-coachmark__popper--left .md-coachmark__arrow{border-left:.625rem solid var(--coachmark-yellow-bg-color,#ffd98c)}.md-coachmark__popper--yellow.md-coachmark__popper--right .md-coachmark__arrow{border-right:.625rem solid var(--coachmark-yellow-bg-color,#ffd98c)}.md-coachmark__popper--yellow.md-coachmark__popper--top .md-coachmark__arrow{border-top:.625rem solid var(--coachmark-yellow-bg-color,#ffd98c)}.md-coachmark__popper--yellow.md-coachmark__popper--bottom .md-coachmark__arrow{border-bottom:.625rem solid var(--coachmark-yellow-bg-color,#ffd98c)}.md-coachmark__popper--red{background:var(--coachmark-red-bg-color,#ffd5cc);color:var(--coachmark-red-text-color,#a12512)}.md-coachmark__popper--red.md-coachmark__popper--left .md-coachmark__arrow{border-left:.625rem solid var(--coachmark-red-bg-color,#ffd5cc)}.md-coachmark__popper--red.md-coachmark__popper--right .md-coachmark__arrow{border-right:.625rem solid var(--coachmark-red-bg-color,#ffd5cc)}.md-coachmark__popper--red.md-coachmark__popper--top .md-coachmark__arrow{border-top:.625rem solid var(--coachmark-red-bg-color,#ffd5cc)}.md-coachmark__popper--red.md-coachmark__popper--bottom .md-coachmark__arrow{border-bottom:.625rem solid var(--coachmark-red-bg-color,#ffd5cc)}.md-coachmark__popper--darkred{background:var(--coachmark-darkred-bg-color,#d4371c);color:var(--coachmark-darkred-text-color,#4a1812)}.md-coachmark__popper--darkred.md-coachmark__popper--left .md-coachmark__arrow{border-left:.625rem solid var(--coachmark-darkred-bg-color,#d4371c)}.md-coachmark__popper--darkred.md-coachmark__popper--right .md-coachmark__arrow{border-right:.625rem solid var(--coachmark-darkred-bg-color,#d4371c)}.md-coachmark__popper--darkred.md-coachmark__popper--top .md-coachmark__arrow{border-top:.625rem solid var(--coachmark-darkred-bg-color,#d4371c)}.md-coachmark__popper--darkred.md-coachmark__popper--bottom .md-coachmark__arrow{border-bottom:.625rem solid var(--coachmark-darkred-bg-color,#d4371c)}.md-coachmark__popper--orange{background:var(--coachmark-orange-bg-color,#fce4c7);color:var(--coachmark-orange-text-color,#914017)}.md-coachmark__popper--orange.md-coachmark__popper--left .md-coachmark__arrow{border-left:.625rem solid var(--coachmark-orange-bg-color,#fce4c7)}.md-coachmark__popper--orange.md-coachmark__popper--right .md-coachmark__arrow{border-right:.625rem solid var(--coachmark-orange-bg-color,#fce4c7)}.md-coachmark__popper--orange.md-coachmark__popper--top .md-coachmark__arrow{border-top:.625rem solid var(--coachmark-orange-bg-color,#fce4c7)}.md-coachmark__popper--orange.md-coachmark__popper--bottom .md-coachmark__arrow{border-bottom:.625rem solid var(--coachmark-orange-bg-color,#fce4c7)}.md-coachmark__popper--cyan{background:var(--coachmark-cyan-bg-color,#b2f4f7);color:var(--coachmark-cyan-text-color,#066070)}.md-coachmark__popper--cyan.md-coachmark__popper--left .md-coachmark__arrow{border-left:.625rem solid var(--coachmark-cyan-bg-color,#b2f4f7)}.md-coachmark__popper--cyan.md-coachmark__popper--right .md-coachmark__arrow{border-right:.625rem solid var(--coachmark-cyan-bg-color,#b2f4f7)}.md-coachmark__popper--cyan.md-coachmark__popper--top .md-coachmark__arrow{border-top:.625rem solid var(--coachmark-cyan-bg-color,#b2f4f7)}.md-coachmark__popper--cyan.md-coachmark__popper--bottom .md-coachmark__arrow{border-bottom:.625rem solid var(--coachmark-cyan-bg-color,#b2f4f7)}.md-coachmark__popper--outline{background:var(--coachmark-outline-color,#b2b2b2);color:var(--coachmark-outline-text-color,#949494)}.md-coachmark__popper--outline.md-coachmark__popper--left .md-coachmark__arrow{border-left:.625rem solid var(--coachmark-outline-color,#b2b2b2)}.md-coachmark__popper--outline.md-coachmark__popper--right .md-coachmark__arrow{border-right:.625rem solid var(--coachmark-outline-color,#b2b2b2)}.md-coachmark__popper--outline.md-coachmark__popper--top .md-coachmark__arrow{border-top:.625rem solid var(--coachmark-outline-color,#b2b2b2)}.md-coachmark__popper--outline.md-coachmark__popper--bottom .md-coachmark__arrow{border-bottom:.625rem solid var(--coachmark-outline-color,#b2b2b2)}.md-coachmark--active .md-coachmark__popper{display:block}@keyframes coach-fade{from{opacity:0}to{opacity:1}}@keyframes coach-slide-right{from{left:100%}to{left:calc(100% + 1rem)}}@keyframes coach-slide-top{from{bottom:100%}to{bottom:calc(100% + .5rem)}}@keyframes coach-slide-left{from{right:100%}to{right:calc(100% + 1rem)}}@keyframes coach-slide-bottom{from{top:100%}to{top:calc(100% + .5rem)}}@media(forced-colors:active){.md-coachmark md-task-item{outline:2px solid transparent}.md-coachmark__popper--blue,.md-coachmark__popper--cyan,.md-coachmark__popper--darked,.md-coachmark__popper--darkmint,.md-coachmark__popper--default,.md-coachmark__popper--green,.md-coachmark__popper--mint,.md-coachmark__popper--orange,.md-coachmark__popper--purple,.md-coachmark__popper--red,.md-coachmark__popper--violet,.md-coachmark__popper--yellow{background-color:Canvas;outline:1px solid CanvasText}.md-coachmark__popper--bottom .md-coachmark__arrow,.md-coachmark__popper--top .md-coachmark__arrow{border-left:.625rem solid Canvas;border-right:.625rem solid Canvas}.md-coachmark__popper--left .md-coachmark__arrow,.md-coachmark__popper--right .md-coachmark__arrow{border-top:.625rem solid Canvas;border-bottom:.625rem solid Canvas}}`,t=a(6),d=a(4),h=(a(17),function(r,o,a,c){var e,m=arguments.length,p=m<3?o:null===c?c=Object.getOwnPropertyDescriptor(o,a):c;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)p=Reflect.decorate(r,o,a,c);else for(var t=r.length-1;t>=0;t--)(e=r[t])&&(p=(m<3?e(p):m>3?e(o,a,p):e(o,a))||p);return m>3&&p&&Object.defineProperty(o,a,p),p});const _=["auto","left","right","top","bottom"];var l;!function(r){let o=class extends(Object(c.b)(m.LitElement)){constructor(){super(...arguments),this.message="",this.actionname="Next",this.hidebutton=!1,this.placement="auto",this.show=!1,this.color="default",this.slotContent=null}connectedCallback(){super.connectedCallback()}notifyCoachCreate(){this.dispatchEvent(new CustomEvent("coach-create",{bubbles:!0,composed:!0,detail:{placement:this.placement,reference:this.reference,popper:this.popper}}))}coachAction(){this.dispatchEvent(new CustomEvent("coach-action",{bubbles:!0,composed:!0,detail:{popper:this.popper}}))}handleSlotChange(r){const o=r.target;if(o){const r=o.assignedElements({flatten:!0});r.length&&(this.slotContent=r)}}update(r){super.update(r),r.has("show")&&this.show&&(this.setFocusableElements(),this.focusableElements&&this.focusableElements.length&&this.focusableElements[0].focus())}get coachWrapClassMap(){return{"md-coachmark--active":!!this.show}}get coachClassMap(){return{["md-coachmark__popper--"+this.placement]:!!this.placement,["md-coachmark__popper--"+this.color]:!!this.color}}static get styles(){return[e.a,p]}render(){return m.html`
|
|
1
|
+
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[57],{112:function(r,o,a){"use strict";a.r(o),a.d(o,"coachmarkPlacement",(function(){return l})),a.d(o,"Coachmark",(function(){return k}));a(18);var c=a(7),e=a(6),m=a(16),p=a(5),t=a(0),d=a(4),h=t.css`.md-coachmark{display:inline-flex;position:relative}.md-coachmark__popper{border-radius:.25rem;display:none;min-width:10.625rem;padding:.75rem;position:absolute;width:auto;z-index:1}.md-coachmark__popper .md-coachmark__arrow{height:0;position:absolute;width:0}.md-coachmark__popper--right{animation:coach-fade 1s,coach-slide-right .5s ease;left:calc(100% + 1rem);top:50%;transform:translateY(-50%)}.md-coachmark__popper--right .md-coachmark__arrow{border-bottom:.625rem solid transparent;border-top:.625rem solid transparent;left:-.625rem;top:50%;transform:translateY(-50%)}.md-coachmark__popper--left{animation:coach-fade 1s,coach-slide-left .5s ease;right:calc(100% + 1rem);top:50%;transform:translateY(-50%)}.md-coachmark__popper--left .md-coachmark__arrow{border-bottom:.625rem solid transparent;border-top:.625rem solid transparent;right:-.625rem;top:50%;transform:translateY(-50%)}.md-coachmark__popper--top{animation:coach-fade 1s,coach-slide-top .5s ease;bottom:calc(100% + .5rem);left:50%;transform:translateX(-50%)}.md-coachmark__popper--top .md-coachmark__arrow{border-left:.625rem solid transparent;border-right:.625rem solid transparent;bottom:-.625rem;left:50%;transform:translateX(-50%)}.md-coachmark__popper--bottom{animation:coach-fade 1s,coach-slide-bottom .5s ease;left:50%;top:calc(100% + .5rem);transform:translateX(-50%)}.md-coachmark__popper--bottom .md-coachmark__arrow{border-left:.625rem solid transparent;border-right:.625rem solid transparent;left:50%;top:-.625rem;transform:translateX(-50%)}.md-coachmark__popper--default{background:var(--coachmark-default-bg-color,#f7f7f7);color:var(-coachmark-default-text-color,#545454)}.md-coachmark__popper--default.md-coachmark__popper--left .md-coachmark__arrow{border-left:.625rem solid var(--coachmark-default-bg-color,#f7f7f7)}.md-coachmark__popper--default.md-coachmark__popper--right .md-coachmark__arrow{border-right:.625rem solid var(--coachmark-default-bg-color,#f7f7f7)}.md-coachmark__popper--default.md-coachmark__popper--top .md-coachmark__arrow{border-top:.625rem solid var(--coachmark-default-bg-color,#f7f7f7)}.md-coachmark__popper--default.md-coachmark__popper--bottom .md-coachmark__arrow{border-bottom:.625rem solid var(--coachmark-default-bg-color,#f7f7f7)}.md-coachmark__popper--blue{background:var(--coachmark-blue-bg-color,#c7eeff);color:var(--coachmark-blue-text-color,#08599c)}.md-coachmark__popper--blue.md-coachmark__popper--left .md-coachmark__arrow{border-left:.625rem solid var(--coachmark-blue-bg-color,#c7eeff)}.md-coachmark__popper--blue.md-coachmark__popper--right .md-coachmark__arrow{border-right:.625rem solid var(--coachmark-blue-bg-color,#c7eeff)}.md-coachmark__popper--blue.md-coachmark__popper--top .md-coachmark__arrow{border-top:.625rem solid var(--coachmark-blue-bg-color,#c7eeff)}.md-coachmark__popper--blue.md-coachmark__popper--bottom .md-coachmark__arrow{border-bottom:.625rem solid var(--coachmark-blue-bg-color,#c7eeff)}.md-coachmark__popper--green{background:var(--coachmark-green-bg-color,#78f5b8);color:var(--coachmark-green-text-color,#03612c)}.md-coachmark__popper--green.md-coachmark__popper--left .md-coachmark__arrow{border-left:.625rem solid var(--coachmark-green-bg-color,#78f5b8)}.md-coachmark__popper--green.md-coachmark__popper--right .md-coachmark__arrow{border-right:.625rem solid var(--coachmark-green-bg-color,#78f5b8)}.md-coachmark__popper--green.md-coachmark__popper--top .md-coachmark__arrow{border-top:.625rem solid var(--coachmark-green-bg-color,#78f5b8)}.md-coachmark__popper--green.md-coachmark__popper--bottom .md-coachmark__arrow{border-bottom:.625rem solid var(--coachmark-green-bg-color,#78f5b8)}.md-coachmark__popper--purple{background:var(--coachmark-purple-bg-color,#fce1fc);color:var(--coachmark-purple-text-color,#932099)}.md-coachmark__popper--purple.md-coachmark__popper--left .md-coachmark__arrow{border-left:.625rem solid var(--coachmark-purple-bg-color,#fce1fc)}.md-coachmark__popper--purple.md-coachmark__popper--right .md-coachmark__arrow{border-right:.625rem solid var(--coachmark-purple-bg-color,#fce1fc)}.md-coachmark__popper--purple.md-coachmark__popper--top .md-coachmark__arrow{border-top:.625rem solid var(--coachmark-purple-bg-color,#fce1fc)}.md-coachmark__popper--purple.md-coachmark__popper--bottom .md-coachmark__arrow{border-bottom:.625rem solid var(--coachmark-purple-bg-color,#fce1fc)}.md-coachmark__popper--violet{background:var(--coachmark-violet-bg-color,#f0e3fc);color:var(--coachmark-violet-text-color,#643abd)}.md-coachmark__popper--violet.md-coachmark__popper--left .md-coachmark__arrow{border-left:.625rem solid var(--coachmark-violet-bg-color,#f0e3fc)}.md-coachmark__popper--violet.md-coachmark__popper--right .md-coachmark__arrow{border-right:.625rem solid var(--coachmark-violet-bg-color,#f0e3fc)}.md-coachmark__popper--violet.md-coachmark__popper--top .md-coachmark__arrow{border-top:.625rem solid var(--coachmark-violet-bg-color,#f0e3fc)}.md-coachmark__popper--violet.md-coachmark__popper--bottom .md-coachmark__arrow{border-bottom:.625rem solid var(--coachmark-violet-bg-color,#f0e3fc)}.md-coachmark__popper--mint{background:var(--coachmark-mint-bg-color,#baf5e7);color:var(--coachmark-mint-text-color,#12615a)}.md-coachmark__popper--mint.md-coachmark__popper--left .md-coachmark__arrow{border-left:.625rem solid var(--coachmark-mint-bg-color,#baf5e7)}.md-coachmark__popper--mint.md-coachmark__popper--right .md-coachmark__arrow{border-right:.625rem solid var(--coachmark-mint-bg-color,#baf5e7)}.md-coachmark__popper--mint.md-coachmark__popper--top .md-coachmark__arrow{border-top:1 .625rem solid var(--coachmark-mint-bg-color,#baf5e7)}.md-coachmark__popper--mint.md-coachmark__popper--bottom .md-coachmark__arrow{border-bottom:.625rem solid var(--coachmark-mint-bg-color,#baf5e7)}.md-coachmark__popper--darkmint{background:var(--coachmark-darkmint-bg-color,#16a693);color:var(--coachmark-darkmint-text-color,#f7f7f7)}.md-coachmark__popper--darkmint.md-coachmark__popper--left .md-coachmark__arrow{border-left:.625rem solid var(--coachmark-darkmint-bg-color,#16a693)}.md-coachmark__popper--darkmint.md-coachmark__popper--right .md-coachmark__arrow{border-right:.625rem solid var(--coachmark-darkmint-bg-color,#16a693)}.md-coachmark__popper--darkmint.md-coachmark__popper--top .md-coachmark__arrow{border-top:.625rem solid var(--coachmark-darkmint-bg-color,#16a693)}.md-coachmark__popper--darkmint.md-coachmark__popper--bottom .md-coachmark__arrow{border-bottom:.625rem solid var(--coachmark-darkmint-bg-color,#16a693)}.md-coachmark__popper--yellow{background:var(--coachmark-yellow-bg-color,#ffd98c);color:var(--coachmark-yellow-text-color,#7d4705)}.md-coachmark__popper--yellow.md-coachmark__popper--left .md-coachmark__arrow{border-left:.625rem solid var(--coachmark-yellow-bg-color,#ffd98c)}.md-coachmark__popper--yellow.md-coachmark__popper--right .md-coachmark__arrow{border-right:.625rem solid var(--coachmark-yellow-bg-color,#ffd98c)}.md-coachmark__popper--yellow.md-coachmark__popper--top .md-coachmark__arrow{border-top:.625rem solid var(--coachmark-yellow-bg-color,#ffd98c)}.md-coachmark__popper--yellow.md-coachmark__popper--bottom .md-coachmark__arrow{border-bottom:.625rem solid var(--coachmark-yellow-bg-color,#ffd98c)}.md-coachmark__popper--red{background:var(--coachmark-red-bg-color,#ffd5cc);color:var(--coachmark-red-text-color,#a12512)}.md-coachmark__popper--red.md-coachmark__popper--left .md-coachmark__arrow{border-left:.625rem solid var(--coachmark-red-bg-color,#ffd5cc)}.md-coachmark__popper--red.md-coachmark__popper--right .md-coachmark__arrow{border-right:.625rem solid var(--coachmark-red-bg-color,#ffd5cc)}.md-coachmark__popper--red.md-coachmark__popper--top .md-coachmark__arrow{border-top:.625rem solid var(--coachmark-red-bg-color,#ffd5cc)}.md-coachmark__popper--red.md-coachmark__popper--bottom .md-coachmark__arrow{border-bottom:.625rem solid var(--coachmark-red-bg-color,#ffd5cc)}.md-coachmark__popper--darkred{background:var(--coachmark-darkred-bg-color,#d4371c);color:var(--coachmark-darkred-text-color,#4a1812)}.md-coachmark__popper--darkred.md-coachmark__popper--left .md-coachmark__arrow{border-left:.625rem solid var(--coachmark-darkred-bg-color,#d4371c)}.md-coachmark__popper--darkred.md-coachmark__popper--right .md-coachmark__arrow{border-right:.625rem solid var(--coachmark-darkred-bg-color,#d4371c)}.md-coachmark__popper--darkred.md-coachmark__popper--top .md-coachmark__arrow{border-top:.625rem solid var(--coachmark-darkred-bg-color,#d4371c)}.md-coachmark__popper--darkred.md-coachmark__popper--bottom .md-coachmark__arrow{border-bottom:.625rem solid var(--coachmark-darkred-bg-color,#d4371c)}.md-coachmark__popper--orange{background:var(--coachmark-orange-bg-color,#fce4c7);color:var(--coachmark-orange-text-color,#914017)}.md-coachmark__popper--orange.md-coachmark__popper--left .md-coachmark__arrow{border-left:.625rem solid var(--coachmark-orange-bg-color,#fce4c7)}.md-coachmark__popper--orange.md-coachmark__popper--right .md-coachmark__arrow{border-right:.625rem solid var(--coachmark-orange-bg-color,#fce4c7)}.md-coachmark__popper--orange.md-coachmark__popper--top .md-coachmark__arrow{border-top:.625rem solid var(--coachmark-orange-bg-color,#fce4c7)}.md-coachmark__popper--orange.md-coachmark__popper--bottom .md-coachmark__arrow{border-bottom:.625rem solid var(--coachmark-orange-bg-color,#fce4c7)}.md-coachmark__popper--cyan{background:var(--coachmark-cyan-bg-color,#b2f4f7);color:var(--coachmark-cyan-text-color,#066070)}.md-coachmark__popper--cyan.md-coachmark__popper--left .md-coachmark__arrow{border-left:.625rem solid var(--coachmark-cyan-bg-color,#b2f4f7)}.md-coachmark__popper--cyan.md-coachmark__popper--right .md-coachmark__arrow{border-right:.625rem solid var(--coachmark-cyan-bg-color,#b2f4f7)}.md-coachmark__popper--cyan.md-coachmark__popper--top .md-coachmark__arrow{border-top:.625rem solid var(--coachmark-cyan-bg-color,#b2f4f7)}.md-coachmark__popper--cyan.md-coachmark__popper--bottom .md-coachmark__arrow{border-bottom:.625rem solid var(--coachmark-cyan-bg-color,#b2f4f7)}.md-coachmark__popper--outline{background:var(--coachmark-outline-color,#b2b2b2);color:var(--coachmark-outline-text-color,#949494)}.md-coachmark__popper--outline.md-coachmark__popper--left .md-coachmark__arrow{border-left:.625rem solid var(--coachmark-outline-color,#b2b2b2)}.md-coachmark__popper--outline.md-coachmark__popper--right .md-coachmark__arrow{border-right:.625rem solid var(--coachmark-outline-color,#b2b2b2)}.md-coachmark__popper--outline.md-coachmark__popper--top .md-coachmark__arrow{border-top:.625rem solid var(--coachmark-outline-color,#b2b2b2)}.md-coachmark__popper--outline.md-coachmark__popper--bottom .md-coachmark__arrow{border-bottom:.625rem solid var(--coachmark-outline-color,#b2b2b2)}.md-coachmark--active .md-coachmark__popper{display:block}@keyframes coach-fade{from{opacity:0}to{opacity:1}}@keyframes coach-slide-right{from{left:100%}to{left:calc(100% + 1rem)}}@keyframes coach-slide-top{from{bottom:100%}to{bottom:calc(100% + .5rem)}}@keyframes coach-slide-left{from{right:100%}to{right:calc(100% + 1rem)}}@keyframes coach-slide-bottom{from{top:100%}to{top:calc(100% + .5rem)}}@media(forced-colors:active){.md-coachmark md-task-item{outline:2px solid transparent}.md-coachmark__popper--blue,.md-coachmark__popper--cyan,.md-coachmark__popper--darked,.md-coachmark__popper--darkmint,.md-coachmark__popper--default,.md-coachmark__popper--green,.md-coachmark__popper--mint,.md-coachmark__popper--orange,.md-coachmark__popper--purple,.md-coachmark__popper--red,.md-coachmark__popper--violet,.md-coachmark__popper--yellow{background-color:Canvas;outline:1px solid CanvasText}.md-coachmark__popper--bottom .md-coachmark__arrow,.md-coachmark__popper--top .md-coachmark__arrow{border-left:.625rem solid Canvas;border-right:.625rem solid Canvas}.md-coachmark__popper--left .md-coachmark__arrow,.md-coachmark__popper--right .md-coachmark__arrow{border-top:.625rem solid Canvas;border-bottom:.625rem solid Canvas}}`,_=function(r,o,a,c){var e,m=arguments.length,p=m<3?o:null===c?c=Object.getOwnPropertyDescriptor(o,a):c;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)p=Reflect.decorate(r,o,a,c);else for(var t=r.length-1;t>=0;t--)(e=r[t])&&(p=(m<3?e(p):m>3?e(o,a,p):e(o,a))||p);return m>3&&p&&Object.defineProperty(o,a,p),p};const l=["auto","left","right","top","bottom"];var k;!function(r){let o=class extends(Object(c.b)(t.LitElement)){constructor(){super(...arguments),this.message="",this.actionname="Next",this.hidebutton=!1,this.placement="auto",this.show=!1,this.color="default",this.slotContent=null}connectedCallback(){super.connectedCallback()}notifyCoachCreate(){this.dispatchEvent(new CustomEvent("coach-create",{bubbles:!0,composed:!0,detail:{placement:this.placement,reference:this.reference,popper:this.popper}}))}coachAction(){this.dispatchEvent(new CustomEvent("coach-action",{bubbles:!0,composed:!0,detail:{popper:this.popper}}))}handleSlotChange(r){const o=r.target;if(o){const r=o.assignedElements({flatten:!0});r.length&&(this.slotContent=r)}}update(r){super.update(r),r.has("show")&&this.show&&(this.setFocusableElements(),this.focusableElements&&this.focusableElements.length&&this.focusableElements[0].focus())}get coachWrapClassMap(){return{"md-coachmark--active":!!this.show}}get coachClassMap(){return{["md-coachmark__popper--"+this.placement]:!!this.placement,["md-coachmark__popper--"+this.color]:!!this.color}}static get styles(){return[p.a,h]}coachmarkContentTemplate(){return t.html`
|
|
2
|
+
<div class="md-coachmark__content">
|
|
3
|
+
${this.message?this.message:t.html`
|
|
4
|
+
<slot name="coachmark-content" @slotchange=${this.handleSlotChange}></slot>
|
|
5
|
+
`}
|
|
6
|
+
<div class="md-coachmark__action">
|
|
7
|
+
${this.hidebutton?t.html`
|
|
8
|
+
<slot name="coachmark-action"></slot>
|
|
9
|
+
`:t.html`
|
|
10
|
+
<md-button variant="secondary" @button-click=${this.coachAction}>${this.actionname}</md-button>
|
|
11
|
+
`}
|
|
12
|
+
</div>
|
|
13
|
+
</div>
|
|
14
|
+
`}wrappedCoachmarkContentTemplate(){const r=Object(m.a)("md-theme",this);return"momentumV2"===(null==r?void 0:r.theme)?t.html`
|
|
15
|
+
<md-theme theme="momentumV2" ?darkTheme=${!r.darkTheme}>
|
|
16
|
+
${this.coachmarkContentTemplate()}
|
|
17
|
+
</md-theme>
|
|
18
|
+
`:this.coachmarkContentTemplate()}render(){return t.html`
|
|
2
19
|
<div class="md-coachmark ${Object(d.classMap)(this.coachWrapClassMap)}">
|
|
3
20
|
<div class="md-coachmark__popper ${Object(d.classMap)(this.coachClassMap)}" tabindex="0">
|
|
4
|
-
|
|
5
|
-
${this.message?this.message:m.html`
|
|
6
|
-
<slot name="coachmark-content" @slotchange=${this.handleSlotChange}></slot>
|
|
7
|
-
`}
|
|
8
|
-
<div class="md-coachmark__action">
|
|
9
|
-
${this.hidebutton?m.html`<slot name="coachmark-action"></slot>`:m.html`<md-button @button-click=${this.coachAction}>${this.actionname}</md-button>`}
|
|
10
|
-
</div>
|
|
11
|
-
</div>
|
|
21
|
+
${this.wrappedCoachmarkContentTemplate()}
|
|
12
22
|
<div id="arrow" class="md-coachmark__arrow" data-popper-arrow></div>
|
|
13
23
|
</div>
|
|
14
|
-
<div
|
|
15
|
-
class="md-coachmark__reference"
|
|
16
|
-
@click=${()=>this.notifyCoachCreate()}
|
|
17
|
-
aria-describedby="coachmark"
|
|
18
|
-
>
|
|
24
|
+
<div class="md-coachmark__reference" @click=${()=>this.notifyCoachCreate()} aria-describedby="coachmark">
|
|
19
25
|
<slot></slot>
|
|
20
26
|
</div>
|
|
21
27
|
</div>
|
|
22
|
-
`}};
|
|
28
|
+
`}};_([Object(t.property)({type:String})],o.prototype,"message",void 0),_([Object(t.property)({type:String})],o.prototype,"actionname",void 0),_([Object(t.property)({type:Boolean})],o.prototype,"hidebutton",void 0),_([Object(t.property)({type:String})],o.prototype,"placement",void 0),_([Object(t.property)({type:Boolean})],o.prototype,"show",void 0),_([Object(t.property)({type:String})],o.prototype,"color",void 0),_([Object(t.query)(".md-coachmark__popper")],o.prototype,"popper",void 0),_([Object(t.query)(".md-coachmark__reference")],o.prototype,"reference",void 0),o=_([Object(e.a)("md-coachmark")],o),r.ELEMENT=o}(k||(k={}))}}]);
|
package/dist/chunks/md-61.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[61],{92:function(t,e,a){"use strict";a.r(e),a.d(e,"Draggable",(function(){return o}));var o,s=a(0),r=a(30),i=a.n(r),n=a(5),l=a(62),h=a(
|
|
1
|
+
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[61],{92:function(t,e,a){"use strict";a.r(e),a.d(e,"Draggable",(function(){return o}));var o,s=a(0),r=a(30),i=a.n(r),n=a(5),l=a(62),h=a(16),p=a(7),d=function(t,e,a,o){var s,r=arguments.length,i=r<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,a):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(t,e,a,o);else for(var n=t.length-1;n>=0;n--)(s=t[n])&&(i=(r<3?s(i):r>3?s(e,a,i):s(e,a))||i);return r>3&&i&&Object.defineProperty(e,a,i),i};!function(t){let e=class extends(Object(p.e)(s.LitElement)){constructor(){super(...arguments),this.delay=0,this.animation=0,this.handle="",this.filter="",this.easing="",this.direction="vertical",this.group=null,this.draggableItems="md-draggable-item",this.ghostClass="",this.chosenClass="",this.dragClass="",this.fallbackClass="",this.swapThreshold=1,this.touchStartThreshold=0,this.forceFallback=!1,this.sort=!1,this.disabled=!1,this.editable=!1,this.sortableInstance=null,this.handleOnChange=t=>{t.stopPropagation(),this.dispatchDragEvent("drag-change",t)},this.handleOnClone=t=>{t.stopPropagation(),this.dispatchDragEvent("drag-clone",t)},this.handleOnUnchoose=t=>{t.stopPropagation(),this.dispatchDragEvent("drag-unchoose",t)},this.handleOnRemove=t=>{t.stopPropagation(),this.dispatchDragEvent("drag-remove",t)},this.handleOnAdd=t=>{t.stopPropagation(),this.dispatchDragEvent("drag-add",t)},this.handleOnChoose=t=>{t.stopPropagation(),this.dispatchDragEvent("drag-choose",t)},this.handleOnEnd=t=>{t.stopPropagation(),this.dispatchDragEvent("drag-end",t)},this.handleOnMove=Object(h.b)(t=>{t.stopPropagation(),this.dispatchDragEvent("drag-move",t)},100),this.handleOnStart=t=>{t.stopPropagation(),this.dispatchDragEvent("drag-start",t)}}static get styles(){return[n.a,l.a]}get slotElement(){return this.draggableSlot}generateOptions(){return Object.assign(Object.assign({},this.group&&{group:this.group}),{disabled:this.disabled,animation:this.animation,sort:this.sort,delay:this.delay,handle:this.handle,easing:this.easing,filter:this.filter,swapThreshold:this.swapThreshold,touchStartThreshold:this.touchStartThreshold,draggable:this.draggableItems,direction:this.direction,ghostClass:this.ghostClass,chosenClass:this.chosenClass,dragClass:this.dragClass,fallbackClass:this.fallbackClass,forceFallback:this.forceFallback,onStart:this.handleOnStart,onMove:this.handleOnMove,onEnd:this.handleOnEnd,onChoose:this.handleOnChoose,onAdd:this.handleOnAdd,onRemove:this.handleOnRemove,onUnchoose:this.handleOnUnchoose,onClone:this.handleOnClone,onChange:this.handleOnChange})}initializeSortable(){this.sortableInstance||(this.sortableInstance=i.a.create(this,this.generateOptions()))}dispatchDragEvent(t,e){this.dispatchEvent(new CustomEvent(t,{composed:!0,bubbles:!0,detail:{srcEvent:e}}))}cleanupSortable(){this.sortableInstance&&(this.sortableInstance.destroy(),this.sortableInstance=null)}connectedCallback(){super.connectedCallback(),this.initializeSortable()}disconnectedCallback(){super.disconnectedCallback(),this.cleanupSortable()}setSortableOption(t,e){this.sortableInstance&&void 0!==this.sortableInstance.option(t)&&this.sortableInstance.option(t,e)}updateSortableInstance(t){for(const e of t.keys()){const t=this[e];this.setSortableOption(e,t)}}updated(t){super.updated(t),this.updateSortableInstance(t)}slottedChanged(){this.initializeSortable()}render(){return s.html`
|
|
2
2
|
<div class="md-draggable" part="draggable" aria-disabled=${this.disabled}>
|
|
3
3
|
<slot name="draggable-item"></slot>
|
|
4
4
|
</div>
|
package/dist/chunks/md-63.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[63],{114:function(e,t,o){"use strict";o.r(t),o.d(t,"Dropdown",(function(){return b}));o(15);var i=o(1),s=o(7),d=o(5),n=o(0),r=o(3),l=o(13),a=o(2),p=o(36),c=n.css`:host(:focus){box-shadow:none!important;outline:0!important}:host .md-dropdown{display:flex;flex-direction:column;position:relative}:host .md-dropdown-select{display:none}:host .md-dropdown-label{align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:center;background-color:var(--md-primary-bg-color);border:1px solid var(--md-secondary-seperator-color);border-radius:var(--dropdown-group-radius,.25rem);min-height:2rem;padding:0 .75rem}:host .md-dropdown-label--text{align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:flex-start;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--md-secondary-text-color);line-height:2rem;outline:0;width:6.25rem;flex:1 0 auto}:host .md-dropdown-label--icon{transition:all .15s linear;display:inline-block;background-color:rgba(0,0,0,0);border:none;cursor:pointer;height:1.75rem;margin:0;margin-left:calc(.25rem*3);outline:0;padding:0;padding-top:calc(.25rem/2);position:relative;vertical-align:bottom}:host .md-dropdown-label--icon md-icon{color:var(--md-primary-text-color,#f7f7f7)}:host .md-dropdown-label:hover{background-color:var(--dropdown-bg-color-hover,#dedede)}:host .md-dropdown-label:active{background-color:var(--dropdown-bg-color-active,#ccc)}:host .md-dropdown-list{list-style:none;margin:0;padding:0;display:none;background-color:var(--md-primary-bg-color);border:1px solid var(--dropdown-list-border-color);border-radius:.5rem;box-shadow:0 4px 8px rgba(0,0,0,.16),0 0 1px rgba(0,0,0,.16);left:0;overflow:auto;overflow-x:hidden;position:absolute;top:calc(100% + .25rem);width:100%;z-index:99;padding:calc(var(--dropdown-list-padding)/16*1rem)}:host .md-dropdown-option{align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:center;color:var(--md-primary-text-color,#f7f7f7);padding:.4375rem .75rem .5rem;border-radius:calc(var(--dropdown-list-item-border-radius)/16*1rem);height:calc(var(--dropdown-list-item-height)/16*1rem)}:host .md-dropdown-option .select-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:default;width:calc(100% - 1rem);display:block}:host .md-dropdown-option:hover{background-color:var(--dropdown-list-item-bg-color-hover,#91ebff)}:host .md-dropdown-option[focused]{background-color:var(--dropdown-list-item-bg-color-focus,#00a0d1);box-shadow:none;outline:0;box-shadow:0 0 0 .09375rem var(--dropdown-list-item-border-focus)}:host .md-dropdown__expanded .md-dropdown-list{display:block}:host .md-dropdown__expanded .md-dropdown-label--icon{transform:rotate(180deg)}:host .md-dropdown--pill .md-dropdown-label{border-radius:18px}:host([focus-visible]) .md-dropdown .md-dropdown-label{border-color:var(--dropdown-border-color-focus,#005e7d);box-shadow:none;outline:0}:host([disabled]) .md-dropdown .md-dropdown-label{background-color:var(--md-tertiary-bg-color)}:host([disabled]) .md-dropdown .md-dropdown-label:active,:host([disabled]) .md-dropdown .md-dropdown-label:hover{background-color:var(--md-tertiary-bg-color);pointer-events:none}:host([disabled]) .md-dropdown .md-dropdown-label:active>md-icon,:host([disabled]) .md-dropdown .md-dropdown-label:hover>md-icon{opacity:.3}:host([disabled]) .md-dropdown .md-dropdown-label:focus-visible{border-color:var(--dropdown-border-color-focus,#005e7d);outline:0}@media(forced-colors:active){:host([focus-visible]) .md-dropdown .md-dropdown-label{border:2px solid Highlight}:host([focus-visible]) .md-dropdown .md-dropdown-label--text{forced-color-adjust:none;background-color:Canvas;color:CanvasText}:host([focus-visible]) .md-dropdown-list{border:1px solid CanvasText}:host .md-dropdown-option[focused]{forced-color-adjust:none;background-color:Highlight;color:HighlightText}:host([disabled]) .md-dropdown .md-dropdown-label{border:1px solid GrayText;color:GrayText}}`,h=function(e,t,o,i){var s,d=arguments.length,n=d<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,o,i);else for(var r=e.length-1;r>=0;r--)(s=e[r])&&(n=(d<3?s(n):d>3?s(t,o,n):s(t,o))||n);return d>3&&n&&Object.defineProperty(t,o,n),n},u=function(e,t,o,i){return new(o||(o=Promise))((function(s,d){function n(e){try{l(i.next(e))}catch(e){d(e)}}function r(e){try{l(i.throw(e))}catch(e){d(e)}}function l(e){var t;e.done?s(e.value):(t=e.value,t instanceof o?t:new o((function(e){e(t)}))).then(n,r)}l((i=i.apply(e,t||[])).next())}))};var b;!function(e){let t=class extends(Object(s.a)(n.LitElement)){constructor(){super(...arguments),this.title="Select...",this.options=[],this.optionId="",this.optionValue="",this.defaultOption="",this.disabled=!1,this.customTabIndex=0,this.allowUnselected=!1,this.visibleOptions=8,this.renderOptions=[],this.selectedKey="",this.expanded=!1,this.focusedIndex=-1,this.lastMaxHeight="",this.onOutsideClick=e=>{let t=!1;const o=e.composedPath();o.length&&(t=!!o.find(e=>e===this),t||this.expanded&&this.collapse())},this.onKeyDown=e=>{switch(e.code){case i.b.Tab:this.expanded&&(e.stopPropagation(),this.collapse());break;case i.b.Space:case i.b.Enter:this.expanded?(this.select(),this.collapse()):this.expand();break;case i.b.ArrowDown:this.expanded?this.focusNext():this.expand();break;case i.b.ArrowUp:this.expanded?this.focusPrev():this.expand();break;case i.b.Home:this.expanded?this.focusFirst():this.expand();break;case i.b.End:this.expanded?this.focusLast():this.expand();break;case i.b.Escape||i.b.Backspace:this.expanded&&(e.stopPropagation(),this.collapse())}}}connectedCallback(){super.connectedCallback(),this.setupEvents()}disconnectedCallback(){super.disconnectedCallback(),this.teardownEvents()}firstUpdated(e){super.firstUpdated(e),e.forEach((e,t)=>{if("defaultOption"===t&&this.defaultOption){const{key:e}=this.getOptionKeyValuePair(this.defaultOption);this.selectedKey=e}})}updated(e){super.updated(e),e.forEach((e,t)=>{if("options"===t&&this.updateRenderOptions(),"selectedKey"===t){const e=this.renderOptions.findIndex(e=>e.key===this.selectedKey);-1!==e&&this.focusToIndex(e)}if("expanded"===t&&this.updateListDOM(),"focusedIndex"===t&&this.updateListDOM(),"defaultOption"===t&&this.defaultOption){const{key:e}=this.getOptionKeyValuePair(this.defaultOption);this.selectedKey=e}})}updateRenderOptions(){const e=[];this.focusReset();const t=this.options.reduce((t,o)=>{const{key:i,value:s}=this.getOptionKeyValuePair(o);return-1!==e.indexOf(i)?console.error(`Dropdown already have option key: "${i}". Ignoring `):i?(e.push(i),t.push({key:i,value:s,option:o})):console.error(`Dropdown key is not defined: "${i}". (value: "${s}"). Ignoring `),t},[]);this.allowUnselected&&t.unshift({key:"",value:this.title}),this.renderOptions=t}updateListDOM(){return u(this,void 0,void 0,(function*(){this.expanded&&(yield this.resizeDropdownList(),yield this.scrollToIndex(this.focusedIndex))}))}resizeDropdownList(){return u(this,void 0,void 0,(function*(){yield new Promise(e=>requestAnimationFrame(()=>{if(this.optionsListItems)if(this.optionsListItems.length>this.visibleOptions){const e=[...this.optionsListItems].slice(0,this.visibleOptions).reduce((e,t)=>e+t.offsetHeight,0)+"px";this.lastMaxHeight!==e&&(this.optionsList.style.maxHeight=e,this.lastMaxHeight=e)}else{const e="auto";this.lastMaxHeight!==e&&(this.optionsList.style.maxHeight=e,this.lastMaxHeight=e)}e()}))}))}handleFocusIn(e){this.disabled||super.handleFocusIn&&super.handleFocusIn(e),this.dispatchEvent(new CustomEvent("dropdown-focus-in",{composed:!0,bubbles:!0}))}handleFocusOut(e){super.handleFocusOut&&super.handleFocusOut(e),this.dispatchEvent(new CustomEvent("dropdown-focus-out",{composed:!0,bubbles:!0}))}static get styles(){return[d.a,c]}setupEvents(){document.addEventListener("click",this.onOutsideClick),this.addEventListener("keydown",this.onKeyDown)}teardownEvents(){document.removeEventListener("click",this.onOutsideClick),this.removeEventListener("keydown",this.onKeyDown)}expand(){this.expanded=!0;const e=-1!==this.focusedIndex?"combo-"+this.focusedIndex:"";document.dispatchEvent(new CustomEvent("on-widget-update")),this.label.setAttribute("aria-activedescendant",e),this.optionsList&&this.optionsList.focus(),-1===this.focusedIndex&&this.focusNext()}collapse(){this.expanded=!1,this.label.setAttribute("aria-activedescendant","")}toggle(){this.expanded?this.collapse():this.expand()}select(){if(-1!==this.focusedIndex){const e=this.renderOptions[this.focusedIndex],t=e.key;t!==this.selectedKey&&(this.selectedKey=t,this.dispatchEvent(new CustomEvent("dropdown-selected",{composed:!0,bubbles:!0,detail:{option:e.option?e.option:e.key}})))}}onLabelClick(){this.label.focus(),this.toggle()}focusFirst(){this.renderOptions.length&&(this.focusedIndex=0)}focusLast(){this.renderOptions.length&&(this.focusedIndex=this.renderOptions.length-1)}focusNext(){this.renderOptions.length&&(-1!==this.focusedIndex&&this.focusedIndex<this.renderOptions.length-1?this.focusedIndex++:this.focusFirst())}focusPrev(){this.renderOptions.length&&(this.focusedIndex>0?this.focusedIndex--:this.focusLast())}focusToIndex(e){this.renderOptions.length&&e>=0&&e<=this.renderOptions.length-1&&(this.focusedIndex=e)}focusReset(){this.focusedIndex=-1}scrollToIndex(e){return u(this,void 0,void 0,(function*(){yield new Promise(t=>{requestAnimationFrame(()=>{if(this.optionsListItems&&this.optionsListItems.length>this.visibleOptions&&e>=0&&this.optionsListItems.length>e){let t=0;const{top:o,bottom:i}=this.optionsList.getBoundingClientRect(),s=this.optionsListItems[e],d=this.optionsListItems[e+1]||s,n=this.optionsListItems[e-1]||s,r=d.getBoundingClientRect(),l=n.getBoundingClientRect();r.bottom>i?t=r.bottom-i+2:l.top<o&&(t=l.top-o-2),this.optionsList.scrollTop+=t}t()})})}))}getOptionKeyValuePair(e){if("string"==typeof e)return{key:e.trim(),value:e};if(e&&"object"==typeof e){const t=Object.keys(e),o=Object.values(e);if(t.length){if(1===t.length||!this.optionId)return{key:t[0],value:o[0]};if(this.optionId)return{key:e[this.optionId],value:e[this.optionValue||this.optionId]}}}return{key:"undefined",value:"undefined"}}get labelTitle(){if(this.selectedKey){const e=this.renderOptions.find(e=>e.key===this.selectedKey);if(e)return e.value}return this.title}get dropDownClassMap(){return{"md-dropdown__expanded":this.expanded}}render(){return r.html`
|
|
1
|
+
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[63],{114:function(e,t,o){"use strict";o.r(t),o.d(t,"Dropdown",(function(){return b}));o(15);var i=o(1),s=o(7),d=o(5),n=o(0),r=o(3),l=o(13),a=o(2),p=o(36),c=n.css`:host(:focus){box-shadow:none!important;outline:0!important}:host .md-dropdown{display:flex;flex-direction:column;position:relative}:host .md-dropdown-select{display:none}:host .md-dropdown-label{align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:center;background-color:var(--md-primary-bg-color);border:1px solid var(--md-secondary-seperator-color);border-radius:var(--dropdown-group-radius,.25rem);min-height:2rem;padding:0 .75rem}:host .md-dropdown-label--text{align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:flex-start;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--md-secondary-text-color);line-height:2rem;outline:0;width:6.25rem;flex:1 0 auto}:host .md-dropdown-label--icon{transition:all .15s linear;display:inline-block;background-color:rgba(0,0,0,0);border:none;cursor:pointer;height:1.75rem;margin:0;margin-left:calc(.25rem*3);outline:0;padding:0;padding-top:calc(.25rem/2);position:relative;vertical-align:bottom}:host .md-dropdown-label--icon md-icon{color:var(--md-primary-text-color,#f7f7f7)}:host .md-dropdown-label:hover{background-color:var(--dropdown-bg-color-hover,#dedede)}:host .md-dropdown-label:active{background-color:var(--dropdown-bg-color-active,#ccc)}:host .md-dropdown-list{list-style:none;margin:0;padding:0;display:none;background-color:var(--md-primary-bg-color);border:1px solid var(--dropdown-list-border-color);border-radius:.5rem;box-shadow:0 4px 8px rgba(0,0,0,.16),0 0 1px rgba(0,0,0,.16);left:0;overflow:auto;overflow-x:hidden;position:absolute;top:calc(100% + .25rem);width:100%;z-index:99;padding:calc(var(--dropdown-list-padding)/16*1rem);font-size:var(--body-primary-font-size,inherit)}:host .md-dropdown-option{align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:center;color:var(--md-primary-text-color,#f7f7f7);padding:.4375rem .75rem .5rem;border-radius:calc(var(--dropdown-list-item-border-radius)/16*1rem);height:calc(var(--dropdown-list-item-height)/16*1rem)}:host .md-dropdown-option .select-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:default;width:calc(100% - 1rem);display:block}:host .md-dropdown-option:hover{background-color:var(--dropdown-list-item-bg-color-hover,#91ebff)}:host .md-dropdown-option[focused]{background-color:var(--dropdown-list-item-bg-color-focus,#00a0d1);box-shadow:none;outline:0;box-shadow:0 0 0 .09375rem var(--dropdown-list-item-border-focus)}:host .md-dropdown__expanded .md-dropdown-list{display:block}:host .md-dropdown__expanded .md-dropdown-label--icon{transform:rotate(180deg)}:host .md-dropdown--pill .md-dropdown-label{border-radius:18px}:host([focus-visible]) .md-dropdown .md-dropdown-label{border-color:var(--dropdown-border-color-focus,#005e7d);box-shadow:none;outline:0}:host([disabled]) .md-dropdown .md-dropdown-label{background-color:var(--md-tertiary-bg-color)}:host([disabled]) .md-dropdown .md-dropdown-label:active,:host([disabled]) .md-dropdown .md-dropdown-label:hover{background-color:var(--md-tertiary-bg-color);pointer-events:none}:host([disabled]) .md-dropdown .md-dropdown-label:active>md-icon,:host([disabled]) .md-dropdown .md-dropdown-label:hover>md-icon{opacity:.3}:host([disabled]) .md-dropdown .md-dropdown-label:focus-visible{border-color:var(--dropdown-border-color-focus,#005e7d);outline:0}@media(forced-colors:active){:host([focus-visible]) .md-dropdown .md-dropdown-label{border:2px solid Highlight}:host([focus-visible]) .md-dropdown .md-dropdown-label--text{forced-color-adjust:none;background-color:Canvas;color:CanvasText}:host([focus-visible]) .md-dropdown-list{border:1px solid CanvasText}:host .md-dropdown-option[focused]{forced-color-adjust:none;background-color:Highlight;color:HighlightText}:host([disabled]) .md-dropdown .md-dropdown-label{border:1px solid GrayText;color:GrayText}}`,h=function(e,t,o,i){var s,d=arguments.length,n=d<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,o,i);else for(var r=e.length-1;r>=0;r--)(s=e[r])&&(n=(d<3?s(n):d>3?s(t,o,n):s(t,o))||n);return d>3&&n&&Object.defineProperty(t,o,n),n},u=function(e,t,o,i){return new(o||(o=Promise))((function(s,d){function n(e){try{l(i.next(e))}catch(e){d(e)}}function r(e){try{l(i.throw(e))}catch(e){d(e)}}function l(e){var t;e.done?s(e.value):(t=e.value,t instanceof o?t:new o((function(e){e(t)}))).then(n,r)}l((i=i.apply(e,t||[])).next())}))};var b;!function(e){let t=class extends(Object(s.a)(n.LitElement)){constructor(){super(...arguments),this.title="Select...",this.options=[],this.optionId="",this.optionValue="",this.defaultOption="",this.disabled=!1,this.customTabIndex=0,this.allowUnselected=!1,this.visibleOptions=8,this.renderOptions=[],this.selectedKey="",this.expanded=!1,this.focusedIndex=-1,this.lastMaxHeight="",this.onOutsideClick=e=>{let t=!1;const o=e.composedPath();o.length&&(t=!!o.find(e=>e===this),t||this.expanded&&this.collapse())},this.onKeyDown=e=>{switch(e.code){case i.b.Tab:this.expanded&&(e.stopPropagation(),this.collapse());break;case i.b.Space:case i.b.Enter:this.expanded?(this.select(),this.collapse()):this.expand();break;case i.b.ArrowDown:this.expanded?this.focusNext():this.expand();break;case i.b.ArrowUp:this.expanded?this.focusPrev():this.expand();break;case i.b.Home:this.expanded?this.focusFirst():this.expand();break;case i.b.End:this.expanded?this.focusLast():this.expand();break;case i.b.Escape||i.b.Backspace:this.expanded&&(e.stopPropagation(),this.collapse())}}}connectedCallback(){super.connectedCallback(),this.setupEvents()}disconnectedCallback(){super.disconnectedCallback(),this.teardownEvents()}firstUpdated(e){super.firstUpdated(e),e.forEach((e,t)=>{if("defaultOption"===t&&this.defaultOption){const{key:e}=this.getOptionKeyValuePair(this.defaultOption);this.selectedKey=e}})}updated(e){super.updated(e),e.forEach((e,t)=>{if("options"===t&&this.updateRenderOptions(),"selectedKey"===t){const e=this.renderOptions.findIndex(e=>e.key===this.selectedKey);-1!==e&&this.focusToIndex(e)}if("expanded"===t&&this.updateListDOM(),"focusedIndex"===t&&this.updateListDOM(),"defaultOption"===t&&this.defaultOption){const{key:e}=this.getOptionKeyValuePair(this.defaultOption);this.selectedKey=e}})}updateRenderOptions(){const e=[];this.focusReset();const t=this.options.reduce((t,o)=>{const{key:i,value:s}=this.getOptionKeyValuePair(o);return-1!==e.indexOf(i)?console.error(`Dropdown already have option key: "${i}". Ignoring `):i?(e.push(i),t.push({key:i,value:s,option:o})):console.error(`Dropdown key is not defined: "${i}". (value: "${s}"). Ignoring `),t},[]);this.allowUnselected&&t.unshift({key:"",value:this.title}),this.renderOptions=t}updateListDOM(){return u(this,void 0,void 0,(function*(){this.expanded&&(yield this.resizeDropdownList(),yield this.scrollToIndex(this.focusedIndex))}))}resizeDropdownList(){return u(this,void 0,void 0,(function*(){yield new Promise(e=>requestAnimationFrame(()=>{if(this.optionsListItems)if(this.optionsListItems.length>this.visibleOptions){const e=[...this.optionsListItems].slice(0,this.visibleOptions).reduce((e,t)=>e+t.offsetHeight,0)+"px";this.lastMaxHeight!==e&&(this.optionsList.style.maxHeight=e,this.lastMaxHeight=e)}else{const e="auto";this.lastMaxHeight!==e&&(this.optionsList.style.maxHeight=e,this.lastMaxHeight=e)}e()}))}))}handleFocusIn(e){this.disabled||super.handleFocusIn&&super.handleFocusIn(e),this.dispatchEvent(new CustomEvent("dropdown-focus-in",{composed:!0,bubbles:!0}))}handleFocusOut(e){super.handleFocusOut&&super.handleFocusOut(e),this.dispatchEvent(new CustomEvent("dropdown-focus-out",{composed:!0,bubbles:!0}))}static get styles(){return[d.a,c]}setupEvents(){document.addEventListener("click",this.onOutsideClick),this.addEventListener("keydown",this.onKeyDown)}teardownEvents(){document.removeEventListener("click",this.onOutsideClick),this.removeEventListener("keydown",this.onKeyDown)}expand(){this.expanded=!0;const e=-1!==this.focusedIndex?"combo-"+this.focusedIndex:"";document.dispatchEvent(new CustomEvent("on-widget-update")),this.label.setAttribute("aria-activedescendant",e),this.optionsList&&this.optionsList.focus(),-1===this.focusedIndex&&this.focusNext()}collapse(){this.expanded=!1,this.label.setAttribute("aria-activedescendant","")}toggle(){this.expanded?this.collapse():this.expand()}select(){if(-1!==this.focusedIndex){const e=this.renderOptions[this.focusedIndex],t=e.key;t!==this.selectedKey&&(this.selectedKey=t,this.dispatchEvent(new CustomEvent("dropdown-selected",{composed:!0,bubbles:!0,detail:{option:e.option?e.option:e.key}})))}}onLabelClick(){this.label.focus(),this.toggle()}focusFirst(){this.renderOptions.length&&(this.focusedIndex=0)}focusLast(){this.renderOptions.length&&(this.focusedIndex=this.renderOptions.length-1)}focusNext(){this.renderOptions.length&&(-1!==this.focusedIndex&&this.focusedIndex<this.renderOptions.length-1?this.focusedIndex++:this.focusFirst())}focusPrev(){this.renderOptions.length&&(this.focusedIndex>0?this.focusedIndex--:this.focusLast())}focusToIndex(e){this.renderOptions.length&&e>=0&&e<=this.renderOptions.length-1&&(this.focusedIndex=e)}focusReset(){this.focusedIndex=-1}scrollToIndex(e){return u(this,void 0,void 0,(function*(){yield new Promise(t=>{requestAnimationFrame(()=>{if(this.optionsListItems&&this.optionsListItems.length>this.visibleOptions&&e>=0&&this.optionsListItems.length>e){let t=0;const{top:o,bottom:i}=this.optionsList.getBoundingClientRect(),s=this.optionsListItems[e],d=this.optionsListItems[e+1]||s,n=this.optionsListItems[e-1]||s,r=d.getBoundingClientRect(),l=n.getBoundingClientRect();r.bottom>i?t=r.bottom-i+2:l.top<o&&(t=l.top-o-2),this.optionsList.scrollTop+=t}t()})})}))}getOptionKeyValuePair(e){if("string"==typeof e)return{key:e.trim(),value:e};if(e&&"object"==typeof e){const t=Object.keys(e),o=Object.values(e);if(t.length){if(1===t.length||!this.optionId)return{key:t[0],value:o[0]};if(this.optionId)return{key:e[this.optionId],value:e[this.optionValue||this.optionId]}}}return{key:"undefined",value:"undefined"}}get labelTitle(){if(this.selectedKey){const e=this.renderOptions.find(e=>e.key===this.selectedKey);if(e)return e.value}return this.title}get dropDownClassMap(){return{"md-dropdown__expanded":this.expanded}}render(){return r.html`
|
|
2
2
|
<div class="md-dropdown ${Object(l.classMap)(this.dropDownClassMap)}" part="dropdown">
|
|
3
3
|
<label
|
|
4
4
|
class="md-dropdown-label"
|
package/dist/chunks/md-65.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[65],{94:function(t,i,e){"use strict";e.r(i),e.d(i,"FloatingModal",(function(){return o}));e(
|
|
1
|
+
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[65],{94:function(t,i,e){"use strict";e.r(i),e.d(i,"FloatingModal",(function(){return o}));e(18),e(15);var o,n=e(7),a=e(6),s=e(5),r=(e(44),e(45),e(46),e(20)),l=e.n(r),d=(e(47),e(0)),h=e(3),c=e(2),m=(e(75),e(63)),p=function(t,i,e,o){var n,a=arguments.length,s=a<3?i:null===o?o=Object.getOwnPropertyDescriptor(i,e):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,i,e,o);else for(var r=t.length-1;r>=0;r--)(n=t[r])&&(s=(a<3?n(s):a>3?n(i,e,s):n(i,e))||s);return a>3&&s&&Object.defineProperty(i,e,s),s},u=function(t,i,e,o){return new(e||(e=Promise))((function(n,a){function s(t){try{l(o.next(t))}catch(t){a(t)}}function r(t){try{l(o.throw(t))}catch(t){a(t)}}function l(t){var i;t.done?n(t.value):(i=t.value,i instanceof e?i:new e((function(t){t(i)}))).then(s,r)}l((o=o.apply(t,i||[])).next())}))};!function(t){let i=class extends(Object(n.a)(Object(n.e)(d.LitElement))){constructor(){super(...arguments),this.heading="",this.label="",this.show=!1,this.aspectRatio=!1,this.fixed=!1,this.full=!1,this.closeAriaLabel="Close Modal",this.resizeAriaLabel="Resize Modal",this.maximizeScreenLabel="Maximize Modal",this.minimizeAriaLabel="Minimize Modal",this.minimize=!1,this.minimizable=!1,this.containerRect=null,this.dragOccured=!1,this.containerTransform="",this.applyInitialPosition=!0,this.resizeMoveListener=t=>{const{target:i}=t;let e=parseFloat(i.getAttribute("data-x"))||0,o=parseFloat(i.getAttribute("data-y"))||0;i.style.setProperty("width",t.rect.width+"px","important"),i.style.setProperty("height",t.rect.height+"px","important");const{initialX:n,initialY:a}=this.getInitialPosition();e+=t.deltaRect.left+n,o+=t.deltaRect.top+a,this.setTargetPosition(i,e,o),this.applyInitialPosition=!1},this.resizeEndListener=()=>{this.setContainerRect()},this.getInitialPosition=()=>{var t,i;return this.applyInitialPosition&&this.position?{initialX:Number(null===(t=this.position)||void 0===t?void 0:t.x),initialY:Number(null===(i=this.position)||void 0===i?void 0:i.y)}:{initialX:0,initialY:0}},this.dragMoveListener=t=>{const{target:i}=t,{x:e,y:o}=this.getTransformValues(t);this.setTargetPosition(i,e,o),this.applyInitialPosition=!1},this.dragEndListener=()=>{this.dragOccured=!0,this.setContainerRect()}}static get styles(){return[s.a,m.a]}updated(t){super.updated(t),t.has("show")&&(this.container&&this.show?(this.applyInitialPosition=!0,this.setContainerRect(),this.setInteractInstance()):(this.cleanContainerStyles(),this.destroyInteractInstance())),this.container&&t.has("position")&&!t.has("show")&&this.setInitialTargetPosition()}isNewPositionNotSame(){var t,i,e,o;if(this.container)return Number(null===(t=this.container)||void 0===t?void 0:t.getAttribute("data-x"))!==(null===(i=this.position)||void 0===i?void 0:i.x)||Number(null===(e=this.container)||void 0===e?void 0:e.getAttribute("data-y"))!==(null===(o=this.position)||void 0===o?void 0:o.y)}setInitialTargetPosition(){var t,i;this.container&&this.isNewPositionNotSame()&&this.setTargetPosition(this.container,Number(null===(t=this.position)||void 0===t?void 0:t.x),Number(null===(i=this.position)||void 0===i?void 0:i.y))}cleanContainerStyles(){this.containerTransform=""}getContainerTransform(){const t=this.container.getAttribute("data-x"),i=this.container.getAttribute("data-y");return t&&i?(this.dispatchEvent(new CustomEvent("floating-modal-location",{composed:!0,bubbles:!0,detail:{transform:{x:t,y:i}}})),`translate(${t}px, ${i}px)`):this.container.style.transform}setContainerRect(){requestAnimationFrame(()=>u(this,void 0,void 0,(function*(){yield this.updateComplete,this.containerRect=this.container.getBoundingClientRect(),this.dispatchEvent(new CustomEvent("floating-modal-resize",{composed:!0,bubbles:!0,detail:{size:this.containerRect}})),this.containerTransform=this.getContainerTransform()})))}setInteractInstance(){requestAnimationFrame(()=>{this.container&&l()(this.container).resizable({edges:{left:!0,right:!0,bottom:!0,top:!0},listeners:{end:this.resizeEndListener,move:this.resizeMoveListener},modifiers:this.aspectRatio?[l.a.modifiers.aspectRatio({ratio:"preserve",equalDelta:!0,modifiers:[l.a.modifiers.restrictSize({max:"parent"})]})]:void 0}).draggable({autoScroll:!0,allowFrom:this.header,ignoreFrom:this.body,listeners:{move:this.dragMoveListener,end:this.dragEndListener}})})}handleClose(t){this.show=!1,this.full=!1,this.dispatchEvent(new CustomEvent("floating-modal-close",{composed:!0,bubbles:!0,detail:{srcEvent:t}}))}handleMinimize(t){this.minimizable&&(this.dragOccured||(this.minimize=!this.minimize,this.dispatchEvent(new CustomEvent("floating-modal-minimize",{composed:!0,bubbles:!0,detail:{minimize:this.minimize}}))),this.dragOccured=!1)}handleToggleExpandCollapse(){this.full=!this.full}getTransformValues(t){const{target:i,dx:e,dy:o}=t,{initialX:n,initialY:a}=this.getInitialPosition();return{x:(parseFloat(i.getAttribute("data-x"))||0)+e+n,y:(parseFloat(i.getAttribute("data-y"))||0)+o+a}}setTargetPosition(t,i,e){t.style.transform=`translate(${i}px, ${e}px)`,t.setAttribute("data-x",""+i),t.setAttribute("data-y",""+e)}destroyInteractInstance(){this.container&&l.a.isSet(this.container)&&l()(this.container).unset()}disconnectedCallback(){super.disconnectedCallback(),this.destroyInteractInstance()}renderedCallback(){this.containerTransform=this.position?`translate(${this.position.x}px, ${this.position.y}px)`:""}render(){return d.html`
|
|
2
2
|
${this.show?d.html`
|
|
3
3
|
<div
|
|
4
4
|
class="md-floating ${this.fixed?"fixed":""} ${this.minimize?"hide":""}"
|
package/dist/chunks/md-67.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[67],{116:function(s,e,t){"use strict";t.r(e),t.d(e,"InputFile",(function(){return a}));t(
|
|
1
|
+
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[67],{116:function(s,e,t){"use strict";t.r(e),t.d(e,"InputFile",(function(){return a}));t(18);var a,i=t(7),r=t(5),l=t(23),n=t.n(l),o=t(0),j=t(3),c=t(2),p=o.css`:host(md-input-file) md-button{margin:.25rem}:host(md-input-file) input[type=file]{display:none}`,u=function(s,e,t,a){var i,r=arguments.length,l=r<3?e:null===a?a=Object.getOwnPropertyDescriptor(e,t):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)l=Reflect.decorate(s,e,t,a);else for(var n=s.length-1;n>=0;n--)(i=s[n])&&(l=(r<3?i(l):r>3?i(e,t,l):i(e,t))||l);return r>3&&l&&Object.defineProperty(e,t,l),l},m=function(s,e,t,a){return new(t||(t=Promise))((function(i,r){function l(s){try{o(a.next(s))}catch(s){r(s)}}function n(s){try{o(a.throw(s))}catch(s){r(s)}}function o(s){var e;s.done?i(s.value):(e=s.value,e instanceof t?e:new t((function(s){s(e)}))).then(l,n)}o((a=a.apply(s,e||[])).next())}))};!function(s){let e=class extends o.LitElement{constructor(){super(...arguments),this.acceptLanguage="javascript",this.getLocalization="Input File",this.acceptTypes="",this.fileName=""}static get styles(){return[r.a,p]}triggerFileLoad(s){s.preventDefault(),this.input.click()}handleFile(s){return m(this,void 0,void 0,(function*(){s.preventDefault();const e=this.input.files;if(e&&0!==e.length)for(const s of e){let e="";this.fileName=s.name;try{e=yield this.readFile(s)}catch(s){e=""}}}))}readFile(s){return new Promise((e,t)=>{const a=new FileReader;a.onload=s=>{e(s.target.result)},a.onerror=s=>t(s),a.readAsText(s)})}importLanguage(s){return m(this,void 0,void 0,(function*(){try{const{default:e}=yield t(89)("./"+s);n.a.registerLanguage(""+s,e),this.setAcceptTypes()}catch(s){console.warn("Please set correct language name")}}))}getAllAcceptTypes(){const s=n.a.listLanguages();return s.length?s.map(s=>n.a.getLanguage(""+s).aliases).map(s=>s.map(s=>"."+s)).join(","):""}setAcceptTypes(){this.acceptTypes=this.getAllAcceptTypes()}updated(s){super.updated(s),s.has("acceptLanguage")&&this.importLanguage(this.acceptLanguage)}render(){return o.html`
|
|
2
2
|
<div class="md-input-file">
|
|
3
3
|
<label for="file-input">
|
|
4
4
|
<md-button color="blue" class="md-input-file-btn" @click=${this.triggerFileLoad}>
|