@momentum-ui/web-components 2.13.12 → 2.13.14
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/chunks/md-10.js +2 -2
- package/dist/chunks/md-11.js +1 -1
- package/dist/chunks/md-13.js +2 -2
- package/dist/chunks/md-14.js +3 -3
- package/dist/chunks/md-17.js +25 -25
- package/dist/chunks/md-26.js +1 -1
- package/dist/chunks/md-27.js +10 -9
- package/dist/chunks/md-31.js +1 -1
- package/dist/chunks/md-41.js +8 -8
- package/dist/chunks/md-44.js +16 -16
- package/dist/chunks/md-5.js +1 -1
- package/dist/chunks/md-57.js +15 -5
- package/dist/chunks/md-60.js +1 -1
- package/dist/chunks/md-63.js +5 -5
- package/dist/chunks/md-66.js +1 -1
- package/dist/chunks/md-68.js +1 -1
- package/dist/chunks/md-7.js +2 -2
- package/dist/chunks/md-71.js +18 -18
- package/dist/chunks/md-73.js +1 -1
- package/dist/chunks/md-75.js +1 -1
- package/dist/chunks/md-80.js +16 -13
- package/dist/chunks/md-82.js +20 -7
- package/dist/chunks/md-83.js +31 -31
- package/dist/chunks/md-84.js +1 -1
- package/dist/comp/md-floating-minimize-entry.js +1 -1
- package/dist/comp/md-floating-modal-entry.js +1 -1
- package/dist/index-entry.js +1 -1
- package/dist/index.js +3 -3
- package/dist/types/components/avatar/Avatar.d.ts +2 -0
- package/dist/types/components/button/Button.d.ts +1 -1
- package/dist/types/components/chip/Chip.d.ts +3 -0
- package/dist/types/components/floating-modal/FloatingMinimizedModal.d.ts +3 -3
- package/dist/types/components/help-text/HelpText.d.ts +1 -1
- package/dist/types/components/icon/Icon.d.ts +1 -1
- package/dist/types/components/input/Input.d.ts +3 -1
- package/dist/types/components/tabs/Tab.d.ts +5 -0
- package/dist/types/components/tabs/Tabs.d.ts +5 -2
- package/dist/types/components/taskitem/TaskItem.d.ts +1 -0
- package/dist/types/components/timepicker/TimePicker.d.ts +1 -1
- package/package.json +2 -2
package/dist/chunks/md-44.js
CHANGED
|
@@ -1,27 +1,27 @@
|
|
|
1
|
-
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[44],{45:function(e,
|
|
1
|
+
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[44],{45:function(t,e,s){"use strict";s.r(e),s.d(e,"TAB_CROSS_WIDTH",(function(){return b})),s.d(e,"Tab",(function(){return h}));var i=s(1),o=s(7),a=s(6),l=s(5),r=s(0),n=s(4),d=s(2),c=s(39),p=function(t,e,s,i){var o,a=arguments.length,l=a<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,s):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)l=Reflect.decorate(t,e,s,i);else for(var r=t.length-1;r>=0;r--)(o=t[r])&&(l=(a<3?o(l):a>3?o(e,s,l):o(e,s))||l);return a>3&&l&&Object.defineProperty(e,s,l),l};const b=22;var h;!function(t){let e=class extends(Object(o.a)(r.LitElement)){constructor(){super(...arguments),this.tabIndex=-1,this.ariaLabel="",this.closable="",this.name="",this.isCrossVisible=!1,this.ariaRole="tab",this.type="Line",this.newMomentum=!1,this.onlyIcon=!1,this._disabled=!1,this._selected=0===this.tabIndex,this.vertical=!1,this.viewportHidden=!1}get disabled(){return this._disabled}set disabled(t){const e=this._disabled;this._disabled=t,this.setAttribute("aria-disabled",""+t),this.tabIndex=t?-1:0,this.requestUpdate("disabled",e)}get selected(){return this._selected}set selected(t){const e=this._selected;this._selected=t,t&&this.notifySelectedTab(),this.setAttribute("aria-selected",""+t),this.requestUpdate("selected",e)}static get styles(){return[l.a,c.a]}handleClick(t){t.preventDefault(),this.id&&this.dispatchEvent(new CustomEvent("tab-click",{detail:{id:this.id},bubbles:!0,composed:!0}))}handleCrossKeydown(t){t.stopPropagation(),t.code===i.b.Enter&&this.handleCrossEventDispatch()}handleCrossClick(t){t.preventDefault(),!0!==this.disabled&&this.handleCrossEventDispatch()}handleCrossEventDispatch(){this.id&&("auto"===this.closable?this.dispatchEvent(new CustomEvent("tab-cross-click",{detail:{id:this.id},bubbles:!0,composed:!0})):"custom"===this.closable&&this.dispatchEvent(new CustomEvent("tab-close-click",{detail:{id:this.id,name:this.name},bubbles:!0,composed:!0})))}notifySelectedTab(){this.dispatchEvent(new CustomEvent("focus-visible",{composed:!0,bubbles:!0}))}update(t){super.update(t),t.has("disabled")&&(this.selected=!1,this.setAttribute("aria-disabled",""+this.disabled))}connectedCallback(){super.connectedCallback()}firstUpdated(t){super.firstUpdated(t),this.ariaRole&&this.setAttribute("role",this.ariaRole)}renderCrossButton(){return r.html`
|
|
2
|
+
<div
|
|
3
|
+
?disabled=${this.disabled}
|
|
4
|
+
tabindex="-1"
|
|
5
|
+
class="tab-action-button"
|
|
6
|
+
@click=${t=>this.handleCrossClick(t)}
|
|
7
|
+
@keydown=${t=>this.handleCrossKeydown(t)}
|
|
8
|
+
>
|
|
9
|
+
<md-icon tabindex="0" name="cancel-bold" size="14" iconSet="momentumDesign"></md-icon>
|
|
10
|
+
</div>
|
|
11
|
+
`}render(){return r.html`
|
|
2
12
|
<button
|
|
3
13
|
type="button"
|
|
4
14
|
role="button"
|
|
5
15
|
?disabled=${this.disabled}
|
|
6
16
|
aria-selected="false"
|
|
7
|
-
aria-label=${Object(
|
|
17
|
+
aria-label=${Object(d.ifDefined)(this.ariaLabel||void 0)}
|
|
8
18
|
aria-hidden="true"
|
|
9
19
|
tabindex="-1"
|
|
10
20
|
part="tab"
|
|
11
|
-
class="${Object(
|
|
12
|
-
@click=${
|
|
21
|
+
class="${Object(n.classMap)({closable:""!==this.closable,isPill:"Pill"===this.type,newMomentum:this.newMomentum,onlyIcon:this.onlyIcon})}"
|
|
22
|
+
@click=${t=>this.handleClick(t)}
|
|
13
23
|
>
|
|
14
24
|
<slot class="tab-slot"></slot>
|
|
15
|
-
${this.isCrossVisible&&this.closable?
|
|
16
|
-
<div
|
|
17
|
-
?disabled=${this.disabled}
|
|
18
|
-
tabindex="-1"
|
|
19
|
-
class="tab-action-button"
|
|
20
|
-
@click=${e=>this.handleCrossClick(e)}
|
|
21
|
-
@keydown=${e=>this.handleCrossKeydown(e)}
|
|
22
|
-
>
|
|
23
|
-
<md-icon tabindex="0" name="cancel_14"></md-icon>
|
|
24
|
-
</div>
|
|
25
|
-
`:""}
|
|
25
|
+
${this.isCrossVisible&&this.closable?this.renderCrossButton():""}
|
|
26
26
|
</button>
|
|
27
|
-
`}};
|
|
27
|
+
`}};p([Object(r.property)({type:Number,reflect:!0})],e.prototype,"tabIndex",void 0),p([Object(r.property)({type:String,attribute:"aria-label"})],e.prototype,"ariaLabel",void 0),p([Object(r.property)({type:String,attribute:"closable"})],e.prototype,"closable",void 0),p([Object(r.property)({type:String,attribute:"name"})],e.prototype,"name",void 0),p([Object(r.property)({type:Boolean,attribute:"cross-visible"})],e.prototype,"isCrossVisible",void 0),p([Object(r.property)({type:String})],e.prototype,"ariaRole",void 0),p([Object(r.property)({type:String})],e.prototype,"type",void 0),p([Object(r.property)({type:Boolean})],e.prototype,"newMomentum",void 0),p([Object(r.property)({type:Boolean})],e.prototype,"onlyIcon",void 0),p([Object(r.property)({type:Boolean,reflect:!0})],e.prototype,"disabled",null),p([Object(r.property)({type:Boolean,reflect:!0})],e.prototype,"selected",null),p([Object(r.property)({type:Boolean,reflect:!0})],e.prototype,"vertical",void 0),p([Object(r.property)({type:Boolean,reflect:!0})],e.prototype,"viewportHidden",void 0),e=p([Object(a.a)("md-tab")],e),t.ELEMENT=e}(h||(h={}))}}]);
|
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(18),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")||
|
|
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(18),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))}hasHiddenStyle(e){const t=e.style;return t?"none"===t.display||"0"===t.opacity||"hidden"===t.visibility||"collapse"===t.visibility:e instanceof HTMLElement==0}hasComputedHidden(e){const t=getComputedStyle(e);return"hidden"===t.visibility||"0"===t.height}isHidden(e){return e.hasAttribute("hidden")||e.hasAttribute("aria-hidden")&&"true"===e.getAttribute("aria-hidden")||this.hasHiddenStyle(e)||this.isNotVisible(e)||this.hasComputedHidden(e)}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-57.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[57],{112:function(o,e,r){"use strict";r.r(e),r.d(e,"tooltipPlacement",(function(){return n})),r.d(e,"Chip",(function(){return v}));r(13),r(80),r(41);var c=r(1),t=r(6),a=r(5),l=r(0),d=r(3),i=r(4),g=l.css`:focus{outline:0}.md-chip{padding:.25rem 1rem;font-size:var(--body-secondary-font-size,.75rem);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}.md-chip{border-radius:1.125rem}.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{display:flow-root;margin-left:.625rem;margin-right:0;height:.875rem;right:.75rem;top:.75rem;width:.875rem}.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{color:var(--md-disabled-text-color,#b2b2b2);cursor:default;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}.md-chip.md-chip--disabled{border-radius:1.125rem}.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([[57],{112:function(o,e,r){"use strict";r.r(e),r.d(e,"tooltipPlacement",(function(){return v})),r.d(e,"Chip",(function(){return h}));r(13),r(80),r(41);var t=r(1),c=r(6),a=r(5),l=r(0),i=r(3),d=r(4),g=r(2),b=l.css`:focus{outline:0}.md-chip{padding:.25rem 1rem;font-size:var(--body-secondary-font-size,.75rem);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}.md-chip{border-radius:1.125rem}.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{display:flow-root;margin-left:.625rem;margin-right:0;height:.875rem;right:.75rem;top:.75rem;width:.875rem}.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{color:var(--md-disabled-text-color,#b2b2b2);cursor:default;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}.md-chip.md-chip--disabled{border-radius:1.125rem}.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}}`,n=function(o,e,r,t){var c,a=arguments.length,l=a<3?e:null===t?t=Object.getOwnPropertyDescriptor(e,r):t;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)l=Reflect.decorate(o,e,r,t);else for(var i=o.length-1;i>=0;i--)(c=o[i])&&(l=(a<3?c(l):a>3?c(e,r,l):c(e,r))||l);return a>3&&l&&Object.defineProperty(e,r,l),l};const v=["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 h;!function(o){let e=class extends l.LitElement{constructor(){super(...arguments),this.color="",this.bgColor="",this.textColor="",this.height="",this.icon="",this.iconColor="",this.iconSize="",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.iconSet="momentumUI",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};`:i.nothing,this.renderTextColor=()=>this.textColor?`color: ${this.textColor};`:i.nothing,this.renderHeight=()=>this.height?`height: ${this.height};`:i.nothing,this.getStyles=()=>this.bgColor||this.textColor||this.height?l.html`
|
|
2
2
|
<style>
|
|
3
3
|
:host .md-chip {
|
|
4
4
|
${this.renderBgColor()};
|
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
${this.renderHeight()};
|
|
7
7
|
}
|
|
8
8
|
</style>
|
|
9
|
-
`:
|
|
9
|
+
`:i.nothing}connectedCallback(){super.connectedCallback(),this.truncStringPortion(this.value),this.setAttribute("role",this.role)}updated(o){super.updated(o),this.truncStringPortion(this.value)}truncStringPortion(o,e=this.PRE_TRUNC_CHARS,r=this.POST_TRUNC_CHARS,t=this.DOT_COUNT){if(this.value.length>this.MAX_LENGTH){let c="";c+=o.substring(0,e),c+=".".repeat(t),c+=o.substring(o.length-r,o.length),this.renderedText=c,this.textOverflow=!0}else this.renderedText=this.value}handleClick(){var o;const e=null===(o=this.shadowRoot)||void 0===o?void 0:o.querySelector("md-tooltip");null==e||e.dispatchEvent(new CustomEvent("tooltip-destroy",{bubbles:!0,composed:!0,detail:{placement:null==e?void 0:e.placement,reference:null==e?void 0:e.reference,popper:null==e?void 0:e.popper}})),this.dispatchEvent(new CustomEvent("chip-interaction",{composed:!0,bubbles:!0,detail:{id:this.id}}))}handleKeydown(o){switch(o.code){case t.b.Space:case t.b.Enter:this.handleSelect(),this.handleClick()}}static get styles(){return[a.a,b]}loadingTemplate(){return this.determinateProgress||this.indeterminateProgress?this.determinateProgress?l.html`
|
|
10
10
|
<md-progress-bar
|
|
11
11
|
class="md-chip--loading"
|
|
12
12
|
type="determinate"
|
|
@@ -16,7 +16,17 @@
|
|
|
16
16
|
</md-progress-bar>
|
|
17
17
|
`:l.html`
|
|
18
18
|
<md-progress-bar class="md-chip--loading" type="indeterminate" displayFormat="none"></md-progress-bar>
|
|
19
|
-
`:
|
|
19
|
+
`:i.nothing}iconTemplate(){const o=this.disabled?"":this.iconColor;return this.icon?l.html`
|
|
20
|
+
<md-icon
|
|
21
|
+
class="md-chip--icon"
|
|
22
|
+
part="chip-icon"
|
|
23
|
+
name="${this.icon}"
|
|
24
|
+
color="${o}"
|
|
25
|
+
iconSet=${Object(g.ifDefined)(this.iconSet||void 0)}
|
|
26
|
+
size="${Object(g.ifDefined)(this.iconSize||void 0)}"
|
|
27
|
+
>
|
|
28
|
+
</md-icon>
|
|
29
|
+
`:i.nothing}getToolTipContent(){return this.tooltipText&&this.textOverflow?`${this.value}, ${this.tooltipText}`:this.tooltipText?this.tooltipText:this.value}render(){const o={"md-chip--small":this.small,"md-chip--disabled":this.disabled,["md-chip--"+this.color]:this.color};return l.html`
|
|
20
30
|
${this.getStyles()}
|
|
21
31
|
<md-tooltip
|
|
22
32
|
?disabled=${!this.tooltipText&&!this.textOverflow}
|
|
@@ -26,7 +36,7 @@
|
|
|
26
36
|
<span
|
|
27
37
|
role="button"
|
|
28
38
|
tabindex="0"
|
|
29
|
-
class="md-chip ${Object(
|
|
39
|
+
class="md-chip ${Object(d.classMap)(o)}"
|
|
30
40
|
part="chip"
|
|
31
41
|
aria-pressed=${this.selected}
|
|
32
42
|
@click=${()=>{this.handleClick()}}
|
|
@@ -38,4 +48,4 @@
|
|
|
38
48
|
<slot name="custom-right-content" part="chip-right"> </slot>
|
|
39
49
|
</span>
|
|
40
50
|
</md-tooltip>
|
|
41
|
-
`}};
|
|
51
|
+
`}};n([Object(l.property)({type:String})],e.prototype,"color",void 0),n([Object(l.property)({type:String})],e.prototype,"bgColor",void 0),n([Object(l.property)({type:String})],e.prototype,"textColor",void 0),n([Object(l.property)({type:String})],e.prototype,"height",void 0),n([Object(l.property)({type:String})],e.prototype,"icon",void 0),n([Object(l.property)({type:String})],e.prototype,"iconColor",void 0),n([Object(l.property)({type:String})],e.prototype,"iconSize",void 0),n([Object(l.property)({type:String})],e.prototype,"role",void 0),n([Object(l.property)({type:String,reflect:!0})],e.prototype,"id",void 0),n([Object(l.property)({type:Boolean})],e.prototype,"small",void 0),n([Object(l.property)({type:Boolean})],e.prototype,"readonly",void 0),n([Object(l.property)({type:Boolean,reflect:!0})],e.prototype,"selected",void 0),n([Object(l.property)({type:Boolean})],e.prototype,"disabled",void 0),n([Object(l.property)({type:Number})],e.prototype,"determinateProgress",void 0),n([Object(l.property)({type:Boolean})],e.prototype,"indeterminateProgress",void 0),n([Object(l.property)({type:String})],e.prototype,"tooltipText",void 0),n([Object(l.property)({type:String})],e.prototype,"tooltipPlacement",void 0),n([Object(l.property)({type:String})],e.prototype,"iconSet",void 0),n([Object(l.property)({type:String,hasChanged:(o,e)=>o!==e})],e.prototype,"value",void 0),n([Object(l.internalProperty)({hasChanged:(o,e)=>o!==e})],e.prototype,"textOverflow",void 0),n([Object(l.internalProperty)()],e.prototype,"renderedText",void 0),e=n([Object(c.a)("md-chip")],e),o.ELEMENT=e}(h||(h={}))}}]);
|
package/dist/chunks/md-60.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[60],{92:function(t,e,a){"use strict";a.r(e),a.d(e,"DateRangePicker",(function(){return s}));var s,i=a(6),n=a(0),r=a(12),
|
|
1
|
+
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[60],{92:function(t,e,a){"use strict";a.r(e),a.d(e,"DateRangePicker",(function(){return s}));var s,i=a(6),n=a(0),r=a(12),l=a(44),o=function(t,e,a,s){var i,n=arguments.length,r=n<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,a):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(t,e,a,s);else for(var l=t.length-1;l>=0;l--)(i=t[l])&&(r=(n<3?i(r):n>3?i(e,a,r):i(e,a))||r);return n>3&&r&&Object.defineProperty(e,a,r),r};!function(t){let e=class extends l.DatePicker.ELEMENT{constructor(){super(...arguments),this.startDate=void 0,this.endDate=void 0,this.updateValue=()=>{this.startDate&&this.endDate&&(this.value=`${this.sqlDateToSlashes(this.startDate)} - ${this.sqlDateToSlashes(this.endDate)}`)},this.handleDateSelection=t=>{const e=t.detail.data;if(this.startDate&&this.endDate){const t=r.DateTime.fromSQL(this.startDate),a=r.DateTime.fromSQL(this.endDate);if(e<t||e>a)e<t?this.startDate=this.dateToSqlTranslate(e):this.endDate=this.dateToSqlTranslate(e);else{const s=e.toMillis(),i=a.toMillis(),n=t.toMillis();Math.abs(s-i)<Math.abs(s-n)?this.endDate=this.dateToSqlTranslate(e):this.startDate=this.dateToSqlTranslate(e)}}else if(this.startDate){e>r.DateTime.fromSQL(this.startDate)?this.endDate=this.dateToSqlTranslate(e):(this.endDate=this.startDate,this.startDate=this.dateToSqlTranslate(e))}else this.startDate=this.dateToSqlTranslate(t.detail.data);this.updateValue()}}connectedCallback(){super.connectedCallback(),super.render(),this.addEventListener("date-selection-change",this.handleDateSelection)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("date-selection-change",this.handleDateSelection)}dateToSqlTranslate(t){return t.toSQLDate()}sqlDateToSlashes(t){return t.replace(/-+/g,"/")}};o([Object(n.property)({type:String,attribute:"start-date",reflect:!0})],e.prototype,"startDate",void 0),o([Object(n.property)({type:String,attribute:"end-date",reflect:!0})],e.prototype,"endDate",void 0),e=o([Object(i.a)("md-date-range-picker")],e),t.ELEMENT=e}(s||(s={}))}}]);
|
package/dist/chunks/md-63.js
CHANGED
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[63],{94:function(e,t,d){"use strict";d.r(t),d.d(t,"DraggableItem",(function(){return n}));var n,o=d(
|
|
1
|
+
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[63],{94:function(e,t,d){"use strict";d.r(t),d.d(t,"DraggableItem",(function(){return n}));var n,o=d(7),i=d(6),r=d(5),a=d(0),l=d(3),s=d(4),c=d(65),p=function(e,t,d,n){var o,i=arguments.length,r=i<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,d):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,d,n);else for(var a=e.length-1;a>=0;a--)(o=e[a])&&(r=(i<3?o(r):i>3?o(t,d,r):o(t,d))||r);return i>3&&r&&Object.defineProperty(t,d,r),r};!function(e){let t=class extends(Object(o.a)(a.LitElement)){constructor(){super(...arguments),this.disabled=!1,this.extended=!1,this.editable=!1}static get styles(){return[r.a,c.a]}get draggableItemClassMap(){return{extended:this.extended,default:!this.extended,disabled:this.disabled}}render(){return a.html`
|
|
2
2
|
<div
|
|
3
|
-
class="md-draggable-item ${Object(
|
|
3
|
+
class="md-draggable-item ${Object(s.classMap)(this.draggableItemClassMap)}"
|
|
4
4
|
part="draggable-item"
|
|
5
5
|
aria-disabled=${this.disabled}
|
|
6
6
|
>
|
|
7
|
-
${this.extended&&this.editable?
|
|
7
|
+
${this.extended&&this.editable?a.html` <md-icon name="dragger-vertical-bold" size="16" iconSet="momentumDesign"></md-icon> `:l.nothing}
|
|
8
8
|
<slot></slot>
|
|
9
|
-
${this.extended?
|
|
9
|
+
${this.extended?a.html` <slot name="extended"></slot> `:l.nothing}
|
|
10
10
|
</div>
|
|
11
|
-
`}};p([Object(
|
|
11
|
+
`}};p([Object(a.property)({type:Boolean,reflect:!0})],t.prototype,"disabled",void 0),p([Object(a.property)({type:Boolean,reflect:!0})],t.prototype,"extended",void 0),p([Object(a.property)({type:Boolean,reflect:!0})],t.prototype,"editable",void 0),t=p([Object(i.a)("md-draggable-item")],t),e.ELEMENT=t}(n||(n={}))}}]);
|
package/dist/chunks/md-66.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[66],{95:function(t,i,e){"use strict";e.r(i),e.d(i,"FloatingModal",(function(){return o}));e(16),e(13);var o,n=e(7),a=e(6),s=e(5),r=(e(
|
|
1
|
+
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[66],{95:function(t,i,e){"use strict";e.r(i),e.d(i,"FloatingModal",(function(){return o}));e(16),e(13);var o,n=e(7),a=e(6),s=e(5),r=(e(47),e(48),e(49),e(21)),l=e.n(r),d=(e(50),e(0)),c=e(3),h=e(2),m=(e(77),e(66)),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},b=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(()=>b(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(){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-68.js
CHANGED
|
@@ -15,7 +15,7 @@
|
|
|
15
15
|
@focus="${()=>this.handleFocus()}"
|
|
16
16
|
@blur="${()=>this.handleBlur()}"
|
|
17
17
|
>
|
|
18
|
-
<md-icon name="${this.iconName}" size="12"
|
|
18
|
+
<md-icon name="${this.iconName}" size="12" iconSet="momentumDesign"></md-icon>
|
|
19
19
|
</button>
|
|
20
20
|
</div>
|
|
21
21
|
`}};g([Object(b.property)({type:String})],r.prototype,"label",void 0),g([Object(b.property)({type:String})],r.prototype,"checkedLabel",void 0),g([Object(b.property)({type:Boolean})],r.prototype,"hovered",void 0),g([Object(b.property)({type:Boolean})],r.prototype,"disabled",void 0),g([Object(b.property)({type:Boolean})],r.prototype,"checked",void 0),g([Object(b.property)({type:Boolean})],r.prototype,"visible",void 0),g([Object(b.property)({type:Boolean})],r.prototype,"focused",void 0),g([Object(b.property)({type:String,reflect:!0})],r.prototype,"alignment",void 0),r=g([Object(n.a)("md-grabber")],r),e.ELEMENT=r}(o||(o={}))}}]);
|