@momentum-ui/web-components 2.23.26 → 2.23.28
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/7997.js +1 -1
- package/dist/comp/md-card-v2-entry.js +17 -8
- package/dist/comp/md-chip-entry.js +7 -7
- package/dist/index-entry.js +23 -14
- package/dist/index.js +1 -1
- package/dist/types/components/card-v2/CardV2.d.ts +5 -1
- package/dist/types/components/chip/Chip.d.ts +1 -0
- package/package.json +1 -1
package/dist/7997.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";(self["momentum-web-components-[id]"]=self["momentum-web-components-[id]"]||[]).push([[7997],{52759:(e,d,r)=>{r.d(d,{A:()=>
|
|
1
|
+
"use strict";(self["momentum-web-components-[id]"]=self["momentum-web-components-[id]"]||[]).push([[7997],{52759:(e,d,r)=>{r.d(d,{A:()=>a});const a=r(41488).css`:host(md-card-v2){display:inline-block}:host(md-card-v2) .md-card-v2{align-content:center;align-items:stretch;display:flex;flex-flow:column nowrap;justify-content:flex-start;min-width:15rem;height:8rem;border-radius:.5rem;padding:1rem;border:1px solid transparent;background:var(--md-card-v2-background,var(--md-glass-overlay-bg-color));font-family:var(--brand-font-medium, "CiscoSans-Medium", "Helvetica Neue", Helvetica, Arial, sans-serif)}:host(md-card-v2) .md-card-v2:hover{background:var(--md-card-v2-background-hover,var(--md-glass-overlay-bg-color))}:host(md-card-v2) .md-card-v2.md-card--active{border:1px solid var(--md-primary-text-color)}:host(md-card-v2) .md-card-v2.md-card--inactive{border:1px solid transparent;background:var(--md-glass-overlay-inactive-bg-color)}:host(md-card-v2) .md-card-v2-header{display:flex;justify-content:center;flex:1 1 100%;flex-direction:column;user-select:none}:host(md-card-v2) .md-card-v2-header-title{display:flex;flex:1;gap:6px}:host(md-card-v2) .md-card-v2-header-title h3{font-size:var(--font-size-body-midsize,.875rem);font-weight:var(--brand-font-weight-medium,500);line-height:1.25rem;color:var(--md-secondary-text-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host(md-card-v2) .md-card-v2-header-title md-icon{color:var(--md-secondary-text-color)}:host(md-card-v2) .md-card-v2-content{display:flex;flex-direction:column;flex:1;gap:8px;user-select:none}:host(md-card-v2) .md-card-v2-content h2{font-size:1.5rem;font-weight:var(--brand-font-weight-bold,700);line-height:2rem;color:var(--md-primary-text-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host(md-card-v2) .md-card-v2-content.inactive h2{color:var(--md-secondary-text-color)}:host(md-card-v2) .md-card-v2-footer{display:flex;justify-content:space-between;align-items:center;width:100%}:host(md-card-v2) .md-card-v2-footer-content{display:flex;align-items:center}:host(md-card-v2) .md-card-v2-footer-content ::slotted(*){display:inline-flex;align-items:center;gap:4px}:host(md-card-v2) .md-card-v2-footer-expand{margin-left:auto}:host(md-card-v2) .md-card-v2-footer-expand.hidden{visibility:hidden}:host(md-card-v2[has-extra-info]) .md-card-v2{height:10rem;gap:8px}:host(md-card-v2[has-extra-info]) .md-card-v2-content{display:flex;flex-direction:column;flex:1;user-select:none;gap:6px}:host(md-card-v2[has-extra-info]) .md-card-v2-content-extra-info{display:inline-flex;align-items:center;color:var(--md-secondary-text-color);font-size:var(--font-size-body-midsize,.875rem);line-height:1.25rem}:host(md-card-v2[expandable]) .md-card-v2:hover{box-shadow:0 2px 8px rgba(0,0,0,.2)}:host(md-card-v2[selected]) .md-card-v2{background:var(--md-card-v2-background-hover,var(--md-glass-overlay-bg-color))}`}}]);
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("lit-element"),require("lit-html/directives/style-map"),require("lit-html"),require("lit-html/directives/class-map"),require("lit-html/directives/if-defined"),require("@momentum-ui/icons/data/momentumUiIconsNames.json"),require("@momentum-ui/utils/lib/getColorValue"),require("mobx"),require("luxon"));else if("function"==typeof define&&define.amd)define(["lit-element","lit-html/directives/style-map","lit-html","lit-html/directives/class-map","lit-html/directives/if-defined","@momentum-ui/icons/data/momentumUiIconsNames.json","@momentum-ui/utils/lib/getColorValue","mobx","luxon"],t);else{var
|
|
1
|
+
!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("lit-element"),require("lit-html/directives/style-map"),require("lit-html"),require("lit-html/directives/class-map"),require("lit-html/directives/if-defined"),require("@momentum-ui/icons/data/momentumUiIconsNames.json"),require("@momentum-ui/utils/lib/getColorValue"),require("mobx"),require("luxon"));else if("function"==typeof define&&define.amd)define(["lit-element","lit-html/directives/style-map","lit-html","lit-html/directives/class-map","lit-html/directives/if-defined","@momentum-ui/icons/data/momentumUiIconsNames.json","@momentum-ui/utils/lib/getColorValue","mobx","luxon"],t);else{var r="object"==typeof exports?t(require("lit-element"),require("lit-html/directives/style-map"),require("lit-html"),require("lit-html/directives/class-map"),require("lit-html/directives/if-defined"),require("@momentum-ui/icons/data/momentumUiIconsNames.json"),require("@momentum-ui/utils/lib/getColorValue"),require("mobx"),require("luxon")):t(e["lit-element"],e["lit-html/directives/style-map"],e["lit-html"],e["lit-html/directives/class-map"],e["lit-html/directives/if-defined"],e["@momentum-ui/icons/data/momentumUiIconsNames.json"],e["@momentum-ui/utils/lib/getColorValue"],e.mobx,e.luxon);for(var i in r)("object"==typeof exports?exports:e)[i]=r[i]}}(self,(e,t,r,i,o,a,n,s,d)=>(()=>{"use strict";var l,c={8229:e=>{e.exports=t},23968:e=>{e.exports=i},32022:e=>{e.exports=a},40333:e=>{e.exports=r},41488:t=>{t.exports=e},60554:e=>{e.exports=n},65796:e=>{e.exports=d},85314:e=>{e.exports=s},90827:(e,t,r)=>{r.r(t),r.d(t,{CardState:()=>p,CardV2:()=>u}),r(96798),r(61200),r(83192);var i=r(31890),o=r(26272),a=r(41488),n=r(40333),s=r(23968),d=r(65796),l=r(52759),c=function(e,t,r,i){var o,a=arguments.length,n=a<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,r):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,r,i);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(n=(a<3?o(n):a>3?o(t,r,n):o(t,r))||n);return a>3&&n&&Object.defineProperty(t,r,n),n};const m="hh:mm:ss";var p,u;!function(e){e.DEFAULT="default",e.ACTIVE="active",e.INACTIVE="inactive"}(p||(p={})),function(e){let t=class extends a.LitElement{constructor(){super(...arguments),this.state=p.DEFAULT,this.identifier=void 0,this.header=void 0,this.info=void 0,this.data=void 0,this.createdTime=0,this.active=!1,this.expandable=!1,this.expandAriaLabel="Expand for more details",this.renderedData=""}connectedCallback(){super.connectedCallback(),this.checkForExtraInfoSlot()}disconnectedCallback(){super.disconnectedCallback(),this.clearInterval()}clearInterval(){this.interval&&(clearInterval(this.interval),this.interval=void 0)}static get styles(){return[o.A,l.A]}get isCardActive(){return this.state===p.ACTIVE}update(e){super.update(e),(e.has("active")||e.has("data")||e.has("createdTime"))&&this.calculateRenderedData()}expandCardToggled(){var e;this.state=this.isCardActive?p.DEFAULT:p.ACTIVE,this.dispatchEvent(new CustomEvent("expand-card-toggled",{detail:{identifier:null!==(e=this.identifier)&&void 0!==e?e:"",active:this.isCardActive},bubbles:!0,composed:!0}))}checkForExtraInfoSlot(){var e;(null===(e=this.extraInfoSlot)||void 0===e?void 0:e.assignedNodes().length)>0?this.setAttribute("has-extra-info",""):this.removeAttribute("has-extra-info")}handleExtraInfoSlotChange(e){this.checkForExtraInfoSlot()}get cardClassMap(){return{"md-card-v2":!0,[`md-card--${this.state}`]:!0}}get contentClassMap(){return{"md-card-v2-content":!0,inactive:this.state===p.INACTIVE}}get footerExpandClassMap(){return{"md-card-v2-footer-expand":!0,hidden:!this.expandable}}get expandCardHandler(){return this.expandable?this.expandCardToggled:null}renderHeader(){return a.html`
|
|
2
2
|
<div class="md-card-v2-header-title">
|
|
3
3
|
<h3>${this.header}</h3>
|
|
4
|
-
${this.info?
|
|
4
|
+
${this.info?a.html`
|
|
5
5
|
<md-tooltip message="${this.info}" placement="top">
|
|
6
6
|
<md-button ariaLabel="${this.header}, ${this.data}, ${this.info}" size="20" variant="ghost" circle>
|
|
7
7
|
<md-icon slot="icon" name="info-badge-filled" iconSet="momentumDesign"></md-icon>
|
|
@@ -9,24 +9,33 @@
|
|
|
9
9
|
</md-tooltip>
|
|
10
10
|
`:n.nothing}
|
|
11
11
|
</div>
|
|
12
|
-
`}
|
|
13
|
-
<div class="${(0,s.classMap)(this.
|
|
12
|
+
`}renderExpandButton(){return a.html`
|
|
13
|
+
<div class="${(0,s.classMap)(this.footerExpandClassMap)}">
|
|
14
14
|
<md-button ariaLabel="${this.expandAriaLabel}" circle size="28">
|
|
15
15
|
<md-icon
|
|
16
16
|
slot="icon"
|
|
17
17
|
iconSet="momentumDesign"
|
|
18
18
|
name=${this.isCardActive?"arrow-circle-up-bold":"arrow-circle-down-bold"}
|
|
19
19
|
size="18"
|
|
20
|
-
>
|
|
21
|
-
</md-icon>
|
|
20
|
+
></md-icon>
|
|
22
21
|
</md-button>
|
|
23
22
|
</div>
|
|
24
|
-
`}
|
|
23
|
+
`}renderFooter(){return a.html`
|
|
24
|
+
<div class="md-card-v2-footer">
|
|
25
|
+
<div class="md-card-v2-footer-content">
|
|
26
|
+
<slot name="card-footer-content"></slot>
|
|
27
|
+
</div>
|
|
28
|
+
${this.renderExpandButton()}
|
|
29
|
+
</div>
|
|
30
|
+
`}calculateRenderedData(){this.clearInterval(),!this.active&&this.data?this.renderedData=this.data:this.active&&this.createdTime>0&&(this.renderedData=d.Duration.fromMillis(Date.now()-this.createdTime).toFormat(m),this.interval=window.setInterval(()=>{this.renderedData=d.Duration.fromMillis(Date.now()-this.createdTime).toFormat(m)},1e3))}render(){return a.html`
|
|
25
31
|
<div class="${(0,s.classMap)(this.cardClassMap)}" @click=${this.expandCardHandler}>
|
|
26
32
|
<div class="md-card-v2-header">${this.renderHeader()}</div>
|
|
27
33
|
<div class="${(0,s.classMap)(this.contentClassMap)}">
|
|
28
34
|
<h2>${this.renderedData}</h2>
|
|
35
|
+
<div class="md-card-v2-content-extra-info">
|
|
36
|
+
<slot name="card-extra-info" @slotchange=${this.handleExtraInfoSlotChange}></slot>
|
|
37
|
+
</div>
|
|
29
38
|
</div>
|
|
30
39
|
${this.renderFooter()}
|
|
31
40
|
</div>
|
|
32
|
-
`}};c([(0,
|
|
41
|
+
`}};c([(0,a.property)({type:String})],t.prototype,"state",void 0),c([(0,a.property)({type:String})],t.prototype,"identifier",void 0),c([(0,a.property)({type:String})],t.prototype,"header",void 0),c([(0,a.property)({type:String})],t.prototype,"info",void 0),c([(0,a.property)({type:String})],t.prototype,"data",void 0),c([(0,a.property)({type:Number})],t.prototype,"createdTime",void 0),c([(0,a.property)({type:Boolean})],t.prototype,"active",void 0),c([(0,a.property)({type:Boolean,reflect:!0})],t.prototype,"expandable",void 0),c([(0,a.property)({type:String,attribute:"expand-aria-label"})],t.prototype,"expandAriaLabel",void 0),c([(0,a.query)('slot[name="card-extra-info"]')],t.prototype,"extraInfoSlot",void 0),c([(0,a.internalProperty)()],t.prototype,"interval",void 0),c([(0,a.internalProperty)()],t.prototype,"renderedData",void 0),t=c([(0,i.w)("md-card-v2")],t),e.ELEMENT=t}(u||(u={}))},97822:e=>{e.exports=o}},m={};function p(e){var t=m[e];if(void 0!==t)return t.exports;var r=m[e]={exports:{}};return c[e](r,r.exports,p),r.exports}p.m=c,l=[],p.O=(e,t,r,i)=>{if(!t){var o=1/0;for(d=0;d<l.length;d++){for(var[t,r,i]=l[d],a=!0,n=0;n<t.length;n++)(!1&i||o>=i)&&Object.keys(p.O).every(e=>p.O[e](t[n]))?t.splice(n--,1):(a=!1,i<o&&(o=i));if(a){l.splice(d--,1);var s=r();void 0!==s&&(e=s)}}return e}i=i||0;for(var d=l.length;d>0&&l[d-1][2]>i;d--)l[d]=l[d-1];l[d]=[t,r,i]},p.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return p.d(t,{a:t}),t},p.d=(e,t)=>{for(var r in t)p.o(t,r)&&!p.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},p.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),p.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},(()=>{var e={1521:0};p.O.j=t=>0===e[t];var t=(t,r)=>{var i,o,[a,n,s]=r,d=0;if(a.some(t=>0!==e[t])){for(i in n)p.o(n,i)&&(p.m[i]=n[i]);if(s)var l=s(p)}for(t&&t(r);d<a.length;d++)o=a[d],p.o(e,o)&&e[o]&&e[o][0](),e[o]=0;return p.O(l)},r=self["momentum-web-components-[id]"]=self["momentum-web-components-[id]"]||[];r.forEach(t.bind(null,0)),r.push=t.bind(null,r.push.bind(r))})();var u=p.O(void 0,[8469,1890,6272,6325,6283,9217,2176,6798,5830,1200,8889,8373,4624,591,768,195,7251,7919,3192,5382,7997],()=>p(90827));return p.O(u)})());
|
|
@@ -18,7 +18,7 @@
|
|
|
18
18
|
</span>
|
|
19
19
|
</div>
|
|
20
20
|
</span>
|
|
21
|
-
`}};a([(0,l.property)({type:Boolean})],e.prototype,"dynamic",void 0),a([(0,l.property)({type:String})],e.prototype,"color",void 0),a([(0,l.property)({type:String})],e.prototype,"label",void 0),a([(0,l.property)({type:String})],e.prototype,"displayFormat",void 0),a([(0,l.property)({type:String})],e.prototype,"type",void 0),a([(0,l.property)({type:Number})],e.prototype,"min",void 0),a([(0,l.property)({type:Number})],e.prototype,"max",void 0),a([(0,l.property)({type:Number})],e.prototype,"value",void 0),a([(0,l.property)({type:Number})],e.prototype,"adjustedValue",void 0),a([(0,l.property)({type:Number})],e.prototype,"valueFraction",void 0),a([(0,l.property)({type:String})],e.prototype,"meterWidth",void 0),e=a([(0,r.w)("md-progress-bar")],e),t.ELEMENT=e}(o||(o={}))},60046:(t,e,i)=>{i.r(e),i.d(e,{Chip:()=>o}),i(58287),i(83192);var o,r=i(90195),s=i(31890),l=i(26272),p=i(41488),n=i(40333),a=i(23968),h=i(97822),d=i(49618),c=function(t,e,i,o){var r,s=arguments.length,l=s<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)l=Reflect.decorate(t,e,i,o);else for(var p=t.length-1;p>=0;p--)(r=t[p])&&(l=(s<3?r(l):s>3?r(e,i,l):r(e,i))||l);return s>3&&l&&Object.defineProperty(e,i,l),l};!function(t){let e=class extends p.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.suppressDefaultMaxWidth=!1,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=t=>{this.dispatchEvent(new CustomEvent("chip-selected",{composed:!0,bubbles:!0,detail:{selected:t}}))},this.handleClear=t=>{this.dispatchEvent(new CustomEvent("chip-deleted",{composed:!0,bubbles:!0,detail:{id:t}}))},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};`:n.nothing,this.renderTextColor=()=>this.textColor?`color: ${this.textColor};`:n.nothing,this.renderHeight=()=>this.height?`height: ${this.height};`:n.nothing,this.getStyles=()=>this.bgColor||this.textColor||this.height?p.html`
|
|
21
|
+
`}};a([(0,l.property)({type:Boolean})],e.prototype,"dynamic",void 0),a([(0,l.property)({type:String})],e.prototype,"color",void 0),a([(0,l.property)({type:String})],e.prototype,"label",void 0),a([(0,l.property)({type:String})],e.prototype,"displayFormat",void 0),a([(0,l.property)({type:String})],e.prototype,"type",void 0),a([(0,l.property)({type:Number})],e.prototype,"min",void 0),a([(0,l.property)({type:Number})],e.prototype,"max",void 0),a([(0,l.property)({type:Number})],e.prototype,"value",void 0),a([(0,l.property)({type:Number})],e.prototype,"adjustedValue",void 0),a([(0,l.property)({type:Number})],e.prototype,"valueFraction",void 0),a([(0,l.property)({type:String})],e.prototype,"meterWidth",void 0),e=a([(0,r.w)("md-progress-bar")],e),t.ELEMENT=e}(o||(o={}))},60046:(t,e,i)=>{i.r(e),i.d(e,{Chip:()=>o}),i(58287),i(83192);var o,r=i(90195),s=i(31890),l=i(26272),p=i(41488),n=i(40333),a=i(23968),h=i(97822),d=i(49618),c=function(t,e,i,o){var r,s=arguments.length,l=s<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)l=Reflect.decorate(t,e,i,o);else for(var p=t.length-1;p>=0;p--)(r=t[p])&&(l=(s<3?r(l):s>3?r(e,i,l):r(e,i))||l);return s>3&&l&&Object.defineProperty(e,i,l),l};!function(t){let e=class extends p.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.suppressDefaultMaxWidth=!1,this.decorative=!1,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=t=>{this.dispatchEvent(new CustomEvent("chip-selected",{composed:!0,bubbles:!0,detail:{selected:t}}))},this.handleClear=t=>{this.dispatchEvent(new CustomEvent("chip-deleted",{composed:!0,bubbles:!0,detail:{id:t}}))},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};`:n.nothing,this.renderTextColor=()=>this.textColor?`color: ${this.textColor};`:n.nothing,this.renderHeight=()=>this.height?`height: ${this.height};`:n.nothing,this.getStyles=()=>this.bgColor||this.textColor||this.height?p.html`
|
|
22
22
|
<style>
|
|
23
23
|
:host .md-chip {
|
|
24
24
|
${this.renderBgColor()};
|
|
@@ -46,7 +46,7 @@
|
|
|
46
46
|
size="${(0,h.ifDefined)(this.iconSize)}"
|
|
47
47
|
>
|
|
48
48
|
</md-icon>
|
|
49
|
-
`:n.nothing}getToolTipContent(){return this.tooltipText&&this.textOverflow?this.value===this.tooltipText?this.tooltipText:`${this.value}, ${this.tooltipText}`:this.tooltipText?this.tooltipText:this.value}get textContentClassMap(){return{"md-chip--textcontent":!0,"md-chip--suppress-default-max-width":this.suppressDefaultMaxWidth}}get textContentTemplate(){return p.html`<span class=${(0,a.classMap)(this.textContentClassMap)}> ${this.renderedText}</span>`}render(){const t={"md-chip--small":this.small,"md-chip--disabled":this.disabled,[`md-chip--${this.color}`]:this.color,"suppress-max-width":this.suppressDefaultMaxWidth};return p.html`
|
|
49
|
+
`:n.nothing}getToolTipContent(){return this.tooltipText&&this.textOverflow?this.value===this.tooltipText?this.tooltipText:`${this.value}, ${this.tooltipText}`:this.tooltipText?this.tooltipText:this.value}get textContentClassMap(){return{"md-chip--textcontent":!0,"md-chip--suppress-default-max-width":this.suppressDefaultMaxWidth}}get textContentTemplate(){return p.html`<span class=${(0,a.classMap)(this.textContentClassMap)}> ${this.renderedText}</span>`}render(){const t={"md-chip--small":this.small,"md-chip--disabled":this.disabled,[`md-chip--${this.color}`]:this.color,"suppress-max-width":this.suppressDefaultMaxWidth},e=this.decorative?void 0:this.selected?"true":"false";return p.html`
|
|
50
50
|
${this.getStyles()}
|
|
51
51
|
<md-tooltip
|
|
52
52
|
?disabled=${!this.tooltipText&&!this.textOverflow}
|
|
@@ -54,13 +54,13 @@
|
|
|
54
54
|
placement="${this.tooltipPlacement}"
|
|
55
55
|
>
|
|
56
56
|
<span
|
|
57
|
-
role
|
|
57
|
+
role=${(0,h.ifDefined)(this.decorative?void 0:"button")}
|
|
58
58
|
tabindex="0"
|
|
59
59
|
class="md-chip ${(0,a.classMap)(t)}"
|
|
60
60
|
part="chip"
|
|
61
|
-
aria-pressed=${
|
|
62
|
-
@click=${()=>
|
|
63
|
-
@keydown=${t=>
|
|
61
|
+
aria-pressed=${(0,h.ifDefined)(e)}
|
|
62
|
+
@click=${this.decorative?void 0:()=>this.handleClick()}
|
|
63
|
+
@keydown=${this.decorative?void 0:t=>this.handleKeydown(t)}
|
|
64
64
|
>
|
|
65
65
|
${this.loadingTemplate()} ${this.iconTemplate()}
|
|
66
66
|
<slot name="custom-left-content" part="chip-left"> </slot>
|
|
@@ -68,4 +68,4 @@
|
|
|
68
68
|
<slot name="custom-right-content" part="chip-right"> </slot>
|
|
69
69
|
</span>
|
|
70
70
|
</md-tooltip>
|
|
71
|
-
`}};c([(0,p.property)({type:String})],e.prototype,"color",void 0),c([(0,p.property)({type:String})],e.prototype,"bgColor",void 0),c([(0,p.property)({type:String})],e.prototype,"textColor",void 0),c([(0,p.property)({type:String})],e.prototype,"height",void 0),c([(0,p.property)({type:String})],e.prototype,"icon",void 0),c([(0,p.property)({type:String})],e.prototype,"iconColor",void 0),c([(0,p.property)({type:String})],e.prototype,"iconSize",void 0),c([(0,p.property)({type:String})],e.prototype,"role",void 0),c([(0,p.property)({type:String,reflect:!0})],e.prototype,"id",void 0),c([(0,p.property)({type:Boolean})],e.prototype,"small",void 0),c([(0,p.property)({type:Boolean})],e.prototype,"readonly",void 0),c([(0,p.property)({type:Boolean,reflect:!0})],e.prototype,"selected",void 0),c([(0,p.property)({type:Boolean})],e.prototype,"disabled",void 0),c([(0,p.property)({type:Number})],e.prototype,"determinateProgress",void 0),c([(0,p.property)({type:Boolean})],e.prototype,"indeterminateProgress",void 0),c([(0,p.property)({type:String})],e.prototype,"tooltipText",void 0),c([(0,p.property)({type:String})],e.prototype,"tooltipPlacement",void 0),c([(0,p.property)({type:String})],e.prototype,"iconSet",void 0),c([(0,p.property)({type:Boolean,attribute:"suppress-default-max-width"})],e.prototype,"suppressDefaultMaxWidth",void 0),c([(0,p.property)({type:String,hasChanged:(t,e)=>t!==e})],e.prototype,"value",void 0),c([(0,p.internalProperty)({hasChanged:(t,e)=>t!==e})],e.prototype,"textOverflow",void 0),c([(0,p.internalProperty)()],e.prototype,"renderedText",void 0),e=c([(0,s.w)("md-chip")],e),t.ELEMENT=e}(o||(o={}))},97822:t=>{t.exports=o}},l={};function p(t){var e=l[t];if(void 0!==e)return e.exports;var i=l[t]={exports:{}};return s[t](i,i.exports,p),i.exports}p.m=s,r=[],p.O=(t,e,i,o)=>{if(!e){var s=1/0;for(h=0;h<r.length;h++){for(var[e,i,o]=r[h],l=!0,n=0;n<e.length;n++)(!1&o||s>=o)&&Object.keys(p.O).every(t=>p.O[t](e[n]))?e.splice(n--,1):(l=!1,o<s&&(s=o));if(l){r.splice(h--,1);var a=i();void 0!==a&&(t=a)}}return t}o=o||0;for(var h=r.length;h>0&&r[h-1][2]>o;h--)r[h]=r[h-1];r[h]=[e,i,o]},p.n=t=>{var e=t&&t.__esModule?()=>t.default:()=>t;return p.d(e,{a:e}),e},p.d=(t,e)=>{for(var i in e)p.o(e,i)&&!p.o(t,i)&&Object.defineProperty(t,i,{enumerable:!0,get:e[i]})},p.o=(t,e)=>Object.prototype.hasOwnProperty.call(t,e),p.r=t=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},(()=>{var t={5369:0,8894:0};p.O.j=e=>0===t[e];var e=(e,i)=>{var o,r,[s,l,n]=i,a=0;if(s.some(e=>0!==t[e])){for(o in l)p.o(l,o)&&(p.m[o]=l[o]);if(n)var h=n(p)}for(e&&e(i);a<s.length;a++)r=s[a],p.o(t,r)&&t[r]&&t[r][0](),t[r]=0;return p.O(h)},i=self["momentum-web-components-[id]"]=self["momentum-web-components-[id]"]||[];i.forEach(e.bind(null,0)),i.push=e.bind(null,i.push.bind(i))})();var n=p.O(void 0,[1890,6272,8889,8373,4624,591,768,195,7251,7919,3192,5382,1107,9618],()=>p(60046));return p.O(n)})());
|
|
71
|
+
`}};c([(0,p.property)({type:String})],e.prototype,"color",void 0),c([(0,p.property)({type:String})],e.prototype,"bgColor",void 0),c([(0,p.property)({type:String})],e.prototype,"textColor",void 0),c([(0,p.property)({type:String})],e.prototype,"height",void 0),c([(0,p.property)({type:String})],e.prototype,"icon",void 0),c([(0,p.property)({type:String})],e.prototype,"iconColor",void 0),c([(0,p.property)({type:String})],e.prototype,"iconSize",void 0),c([(0,p.property)({type:String})],e.prototype,"role",void 0),c([(0,p.property)({type:String,reflect:!0})],e.prototype,"id",void 0),c([(0,p.property)({type:Boolean})],e.prototype,"small",void 0),c([(0,p.property)({type:Boolean})],e.prototype,"readonly",void 0),c([(0,p.property)({type:Boolean,reflect:!0})],e.prototype,"selected",void 0),c([(0,p.property)({type:Boolean})],e.prototype,"disabled",void 0),c([(0,p.property)({type:Number})],e.prototype,"determinateProgress",void 0),c([(0,p.property)({type:Boolean})],e.prototype,"indeterminateProgress",void 0),c([(0,p.property)({type:String})],e.prototype,"tooltipText",void 0),c([(0,p.property)({type:String})],e.prototype,"tooltipPlacement",void 0),c([(0,p.property)({type:String})],e.prototype,"iconSet",void 0),c([(0,p.property)({type:Boolean,attribute:"suppress-default-max-width"})],e.prototype,"suppressDefaultMaxWidth",void 0),c([(0,p.property)({type:Boolean})],e.prototype,"decorative",void 0),c([(0,p.property)({type:String,hasChanged:(t,e)=>t!==e})],e.prototype,"value",void 0),c([(0,p.internalProperty)({hasChanged:(t,e)=>t!==e})],e.prototype,"textOverflow",void 0),c([(0,p.internalProperty)()],e.prototype,"renderedText",void 0),e=c([(0,s.w)("md-chip")],e),t.ELEMENT=e}(o||(o={}))},97822:t=>{t.exports=o}},l={};function p(t){var e=l[t];if(void 0!==e)return e.exports;var i=l[t]={exports:{}};return s[t](i,i.exports,p),i.exports}p.m=s,r=[],p.O=(t,e,i,o)=>{if(!e){var s=1/0;for(h=0;h<r.length;h++){for(var[e,i,o]=r[h],l=!0,n=0;n<e.length;n++)(!1&o||s>=o)&&Object.keys(p.O).every(t=>p.O[t](e[n]))?e.splice(n--,1):(l=!1,o<s&&(s=o));if(l){r.splice(h--,1);var a=i();void 0!==a&&(t=a)}}return t}o=o||0;for(var h=r.length;h>0&&r[h-1][2]>o;h--)r[h]=r[h-1];r[h]=[e,i,o]},p.n=t=>{var e=t&&t.__esModule?()=>t.default:()=>t;return p.d(e,{a:e}),e},p.d=(t,e)=>{for(var i in e)p.o(e,i)&&!p.o(t,i)&&Object.defineProperty(t,i,{enumerable:!0,get:e[i]})},p.o=(t,e)=>Object.prototype.hasOwnProperty.call(t,e),p.r=t=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},(()=>{var t={5369:0,8894:0};p.O.j=e=>0===t[e];var e=(e,i)=>{var o,r,[s,l,n]=i,a=0;if(s.some(e=>0!==t[e])){for(o in l)p.o(l,o)&&(p.m[o]=l[o]);if(n)var h=n(p)}for(e&&e(i);a<s.length;a++)r=s[a],p.o(t,r)&&t[r]&&t[r][0](),t[r]=0;return p.O(h)},i=self["momentum-web-components-[id]"]=self["momentum-web-components-[id]"]||[];i.forEach(e.bind(null,0)),i.push=e.bind(null,i.push.bind(i))})();var n=p.O(void 0,[1890,6272,8889,8373,4624,591,768,195,7251,7919,3192,5382,1107,9618],()=>p(60046));return p.O(n)})());
|
package/dist/index-entry.js
CHANGED
|
@@ -1562,7 +1562,7 @@
|
|
|
1562
1562
|
</div>
|
|
1563
1563
|
</div>
|
|
1564
1564
|
`:c.nothing}
|
|
1565
|
-
`}};y([(0,p.property)({type:String})],e.prototype,"heading",void 0),y([(0,p.property)({type:String})],e.prototype,"label",void 0),y([(0,p.property)({type:Boolean,reflect:!0})],e.prototype,"show",void 0),y([(0,p.property)({type:String,attribute:"close-aria-label"})],e.prototype,"closeAriaLabel",void 0),y([(0,p.property)({type:Boolean,reflect:!0})],e.prototype,"minimize",void 0),y([(0,p.property)({type:String,attribute:"maximize-icon-aria-label"})],e.prototype,"maximizeIconAriaLabel",void 0),y([(0,p.property)({type:Object})],e.prototype,"minPosition",void 0),y([(0,p.query)(".md-floating")],e.prototype,"container",void 0),y([(0,p.query)(".md-floating__header")],e.prototype,"header",void 0),y([(0,p.internalProperty)()],e.prototype,"dragOccured",void 0),y([(0,p.internalProperty)()],e.prototype,"containerTransform",void 0),e=y([(0,n.w)("md-floating-modal-minimized")],e),t.ELEMENT=e}(s||(s={}))},60046:(t,e,i)=>{i.d(e,{Chip:()=>s}),i(58287),i(83192);var s,o=i(90195),r=i(31890),n=i(26272),a=i(41488),l=i(40333),d=i(23968),h=i(97822),p=i(49618),c=function(t,e,i,s){var o,r=arguments.length,n=r<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,s);else for(var a=t.length-1;a>=0;a--)(o=t[a])&&(n=(r<3?o(n):r>3?o(e,i,n):o(e,i))||n);return r>3&&n&&Object.defineProperty(e,i,n),n};!function(t){let e=class extends a.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.suppressDefaultMaxWidth=!1,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=t=>{this.dispatchEvent(new CustomEvent("chip-selected",{composed:!0,bubbles:!0,detail:{selected:t}}))},this.handleClear=t=>{this.dispatchEvent(new CustomEvent("chip-deleted",{composed:!0,bubbles:!0,detail:{id:t}}))},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};`:l.nothing,this.renderTextColor=()=>this.textColor?`color: ${this.textColor};`:l.nothing,this.renderHeight=()=>this.height?`height: ${this.height};`:l.nothing,this.getStyles=()=>this.bgColor||this.textColor||this.height?a.html`
|
|
1565
|
+
`}};y([(0,p.property)({type:String})],e.prototype,"heading",void 0),y([(0,p.property)({type:String})],e.prototype,"label",void 0),y([(0,p.property)({type:Boolean,reflect:!0})],e.prototype,"show",void 0),y([(0,p.property)({type:String,attribute:"close-aria-label"})],e.prototype,"closeAriaLabel",void 0),y([(0,p.property)({type:Boolean,reflect:!0})],e.prototype,"minimize",void 0),y([(0,p.property)({type:String,attribute:"maximize-icon-aria-label"})],e.prototype,"maximizeIconAriaLabel",void 0),y([(0,p.property)({type:Object})],e.prototype,"minPosition",void 0),y([(0,p.query)(".md-floating")],e.prototype,"container",void 0),y([(0,p.query)(".md-floating__header")],e.prototype,"header",void 0),y([(0,p.internalProperty)()],e.prototype,"dragOccured",void 0),y([(0,p.internalProperty)()],e.prototype,"containerTransform",void 0),e=y([(0,n.w)("md-floating-modal-minimized")],e),t.ELEMENT=e}(s||(s={}))},60046:(t,e,i)=>{i.d(e,{Chip:()=>s}),i(58287),i(83192);var s,o=i(90195),r=i(31890),n=i(26272),a=i(41488),l=i(40333),d=i(23968),h=i(97822),p=i(49618),c=function(t,e,i,s){var o,r=arguments.length,n=r<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,s);else for(var a=t.length-1;a>=0;a--)(o=t[a])&&(n=(r<3?o(n):r>3?o(e,i,n):o(e,i))||n);return r>3&&n&&Object.defineProperty(e,i,n),n};!function(t){let e=class extends a.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.suppressDefaultMaxWidth=!1,this.decorative=!1,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=t=>{this.dispatchEvent(new CustomEvent("chip-selected",{composed:!0,bubbles:!0,detail:{selected:t}}))},this.handleClear=t=>{this.dispatchEvent(new CustomEvent("chip-deleted",{composed:!0,bubbles:!0,detail:{id:t}}))},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};`:l.nothing,this.renderTextColor=()=>this.textColor?`color: ${this.textColor};`:l.nothing,this.renderHeight=()=>this.height?`height: ${this.height};`:l.nothing,this.getStyles=()=>this.bgColor||this.textColor||this.height?a.html`
|
|
1566
1566
|
<style>
|
|
1567
1567
|
:host .md-chip {
|
|
1568
1568
|
${this.renderBgColor()};
|
|
@@ -1590,7 +1590,7 @@
|
|
|
1590
1590
|
size="${(0,h.ifDefined)(this.iconSize)}"
|
|
1591
1591
|
>
|
|
1592
1592
|
</md-icon>
|
|
1593
|
-
`:l.nothing}getToolTipContent(){return this.tooltipText&&this.textOverflow?this.value===this.tooltipText?this.tooltipText:`${this.value}, ${this.tooltipText}`:this.tooltipText?this.tooltipText:this.value}get textContentClassMap(){return{"md-chip--textcontent":!0,"md-chip--suppress-default-max-width":this.suppressDefaultMaxWidth}}get textContentTemplate(){return a.html`<span class=${(0,d.classMap)(this.textContentClassMap)}> ${this.renderedText}</span>`}render(){const t={"md-chip--small":this.small,"md-chip--disabled":this.disabled,[`md-chip--${this.color}`]:this.color,"suppress-max-width":this.suppressDefaultMaxWidth};return a.html`
|
|
1593
|
+
`:l.nothing}getToolTipContent(){return this.tooltipText&&this.textOverflow?this.value===this.tooltipText?this.tooltipText:`${this.value}, ${this.tooltipText}`:this.tooltipText?this.tooltipText:this.value}get textContentClassMap(){return{"md-chip--textcontent":!0,"md-chip--suppress-default-max-width":this.suppressDefaultMaxWidth}}get textContentTemplate(){return a.html`<span class=${(0,d.classMap)(this.textContentClassMap)}> ${this.renderedText}</span>`}render(){const t={"md-chip--small":this.small,"md-chip--disabled":this.disabled,[`md-chip--${this.color}`]:this.color,"suppress-max-width":this.suppressDefaultMaxWidth},e=this.decorative?void 0:this.selected?"true":"false";return a.html`
|
|
1594
1594
|
${this.getStyles()}
|
|
1595
1595
|
<md-tooltip
|
|
1596
1596
|
?disabled=${!this.tooltipText&&!this.textOverflow}
|
|
@@ -1598,13 +1598,13 @@
|
|
|
1598
1598
|
placement="${this.tooltipPlacement}"
|
|
1599
1599
|
>
|
|
1600
1600
|
<span
|
|
1601
|
-
role
|
|
1601
|
+
role=${(0,h.ifDefined)(this.decorative?void 0:"button")}
|
|
1602
1602
|
tabindex="0"
|
|
1603
1603
|
class="md-chip ${(0,d.classMap)(t)}"
|
|
1604
1604
|
part="chip"
|
|
1605
|
-
aria-pressed=${
|
|
1606
|
-
@click=${()=>
|
|
1607
|
-
@keydown=${t=>
|
|
1605
|
+
aria-pressed=${(0,h.ifDefined)(e)}
|
|
1606
|
+
@click=${this.decorative?void 0:()=>this.handleClick()}
|
|
1607
|
+
@keydown=${this.decorative?void 0:t=>this.handleKeydown(t)}
|
|
1608
1608
|
>
|
|
1609
1609
|
${this.loadingTemplate()} ${this.iconTemplate()}
|
|
1610
1610
|
<slot name="custom-left-content" part="chip-left"> </slot>
|
|
@@ -1612,7 +1612,7 @@
|
|
|
1612
1612
|
<slot name="custom-right-content" part="chip-right"> </slot>
|
|
1613
1613
|
</span>
|
|
1614
1614
|
</md-tooltip>
|
|
1615
|
-
`}};c([(0,a.property)({type:String})],e.prototype,"color",void 0),c([(0,a.property)({type:String})],e.prototype,"bgColor",void 0),c([(0,a.property)({type:String})],e.prototype,"textColor",void 0),c([(0,a.property)({type:String})],e.prototype,"height",void 0),c([(0,a.property)({type:String})],e.prototype,"icon",void 0),c([(0,a.property)({type:String})],e.prototype,"iconColor",void 0),c([(0,a.property)({type:String})],e.prototype,"iconSize",void 0),c([(0,a.property)({type:String})],e.prototype,"role",void 0),c([(0,a.property)({type:String,reflect:!0})],e.prototype,"id",void 0),c([(0,a.property)({type:Boolean})],e.prototype,"small",void 0),c([(0,a.property)({type:Boolean})],e.prototype,"readonly",void 0),c([(0,a.property)({type:Boolean,reflect:!0})],e.prototype,"selected",void 0),c([(0,a.property)({type:Boolean})],e.prototype,"disabled",void 0),c([(0,a.property)({type:Number})],e.prototype,"determinateProgress",void 0),c([(0,a.property)({type:Boolean})],e.prototype,"indeterminateProgress",void 0),c([(0,a.property)({type:String})],e.prototype,"tooltipText",void 0),c([(0,a.property)({type:String})],e.prototype,"tooltipPlacement",void 0),c([(0,a.property)({type:String})],e.prototype,"iconSet",void 0),c([(0,a.property)({type:Boolean,attribute:"suppress-default-max-width"})],e.prototype,"suppressDefaultMaxWidth",void 0),c([(0,a.property)({type:String,hasChanged:(t,e)=>t!==e})],e.prototype,"value",void 0),c([(0,a.internalProperty)({hasChanged:(t,e)=>t!==e})],e.prototype,"textOverflow",void 0),c([(0,a.internalProperty)()],e.prototype,"renderedText",void 0),e=c([(0,r.w)("md-chip")],e),t.ELEMENT=e}(s||(s={}))},60554:t=>{t.exports=n},61200:(t,e,i)=>{i.d(e,{Icon:()=>s}),i(96798);var s,o=i(31890),r=i(26272),n=i(32022),a=i.n(n),l=i(60554),d=i.n(l),h=i(41488),p=i(40333),c=i(23968),u=i(97822),m=i(8229),y=i(57955),v=i(66873),b=i(81786),g=i(9223),f=function(t,e,i,s){var o,r=arguments.length,n=r<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,s);else for(var a=t.length-1;a>=0;a--)(o=t[a])&&(n=(r<3?o(n):r>3?o(e,i,n):o(e,i))||n);return r>3&&n&&Object.defineProperty(e,i,n),n};!function(t){var e;let i=e=class extends h.LitElement{constructor(){super(...arguments),this.color="",this.description="",this.name="",this.id="",this.size="",this.title="",this.ariaHidden=null,this.type="",this.isActive=!1,this.isComboBoxIcon=!1,this.sizeOverrided=!1,this.iconSet="momentumUI",this.svgIcon=null,this._ariaLabel="",this.consoleHandler=(t,e)=>{switch(t){case"color-warn":console.warn(`[@momentum-ui/web-component] Icon: ${e} may not exist in the design system, please use a color name from https://momentum.design/styles/color/style`);break;case"name-error":console.warn(`[@momentum-ui/web-component] Icon: Icon ${e} does not exist in the design system. Visit https://momentum.design/icons for a list of available icons or to request a new icon.`)}}}isSvgAlreadyLoaded(t){var e,i;return!!this.svgIcon&&(null===(i=null===(e=this.svgIcon)||void 0===e?void 0:e.getAttribute("class"))||void 0===i?void 0:i.includes(t))}loadSvgIcon(t){return e=this,i=void 0,o=function*(){var e,i;if(this.isSvgAlreadyLoaded(t))return;const s="momentumBrandVisuals"===this.iconSet||"svg"===this.iconSet?yield(0,g.Jp)(this.computedSvgPath,t,"svg"):yield(0,g.D6)(t);s&&(this.svgIcon=s,null===(e=this.svgIcon)||void 0===e||e.setAttribute("class",`icon ${t}`),null===(i=this.svgIcon)||void 0===i||i.setAttribute("part","icon"),this.setSvgIconAttributes(),this.requestUpdate())},new((s=void 0)||(s=Promise))(function(t,r){function n(t){try{l(o.next(t))}catch(t){r(t)}}function a(t){try{l(o.throw(t))}catch(t){r(t)}}function l(e){var i;e.done?t(e.value):(i=e.value,i instanceof s?i:new s(function(t){t(i)})).then(n,a)}l((o=o.apply(e,i||[])).next())});var e,i,s,o}setSvgIconAttributes(){this.svgIcon&&(this.iconFontSize&&this.svgIcon.setAttribute("width",`${this.iconFontSize}px`),this.iconFontSize&&this.svgIcon.setAttribute("height",`${this.iconFontSize}px`),this.color?this.svgIcon.setAttribute("fill",this.iconColor):this.svgIcon.setAttribute("fill","currentColor"))}get computedSvgPath(){return this.svgUrl?this.svgUrl:b.O.svgIconUrl}get svgIconName(){if("momentumDesign"===this.iconSet||"momentumBrandVisuals"===this.iconSet||"svg"===this.iconSet)return this.name;const t=this.momentumUIIconLookupName,i=e.designLookup.get(t);return null!=i?i:t}updated(t){if(super.updated(t),this.doesIconSetSupportSVG)if(t.has("name")||t.has("iconSet")){const t=this.svgIconName;t&&"Unknown"!==t&&this.loadSvgIcon(t)}else(t.has("iconFontSize")||t.has("color"))&&this.setSvgIconAttributes()}get ariaLabel(){return this._ariaLabel?this._ariaLabel:this.title&&this.description?`${this.title} ${this.description}`:this.title?this.title:this.description?this.description:"icon"}set ariaLabel(t){const e=this._ariaLabel;this._ariaLabel=t,this.requestUpdate("ariaLabel",e)}get buttonClassMap(){return{[`md-button--icon-${this.type}`]:!!this.type}}get iconFontSize(){const t=this.name.split("_")[1];return this.size||t||16}get iconColor(){return this.color.startsWith("#")?(this.consoleHandler("color-warn",this.color),this.color):this.color.startsWith("var(")?this.color:d()(this.color)}get iconClassMap(){return{"md-combobox-input__icon":this.isComboBoxIcon,"md-combobox-input__icon--active":this.isComboBoxIcon&&this.isActive,[`${this.iconName}`]:!!this.iconName}}get momentumUIIconLookupName(){let t=this.name;return t=t.startsWith("icon-")?t.substring(5):t,t=t.split("_")[0],t}getIconName(){let t=this.name;return t=t.startsWith("icon-")?t.substring(5):t,t}handleSizeOverride(t){return`${t.split("_")[0]}_${this.iconFontSize}`}get iconName(){const t=this.getIconName();return this.sizeOverrided?this.handleSizeOverride(t):a().includes(t)||""===t?`icon-${t}`:this.consoleHandler("name-error",t)}get iconStyleMap(){return Object.assign(Object.assign({},this.iconFontSize&&{"font-size":`${this.iconFontSize}px`}),this.color&&{color:this.iconColor})}static get styles(){return[r.A,v.A]}handleIconClick(t){this.dispatchEvent(new CustomEvent("icon-click",{bubbles:!0,composed:!0,detail:{srcEvent:t}}))}get doesIconSetSupportSVG(){return"momentumDesign"===this.iconSet||"preferMomentumDesign"===this.iconSet||"momentumBrandVisuals"===this.iconSet||"svg"===this.iconSet}get isSVGRender(){return this.svgIcon&&"preferMomentumDesign"===this.iconSet||"momentumDesign"===this.iconSet||"momentumBrandVisuals"===this.iconSet||"svg"===this.iconSet}render(){return this.isSVGRender?this.renderSVGIcon():this.renderFontIcon()}renderFontIcon(){var t;return h.html`
|
|
1615
|
+
`}};c([(0,a.property)({type:String})],e.prototype,"color",void 0),c([(0,a.property)({type:String})],e.prototype,"bgColor",void 0),c([(0,a.property)({type:String})],e.prototype,"textColor",void 0),c([(0,a.property)({type:String})],e.prototype,"height",void 0),c([(0,a.property)({type:String})],e.prototype,"icon",void 0),c([(0,a.property)({type:String})],e.prototype,"iconColor",void 0),c([(0,a.property)({type:String})],e.prototype,"iconSize",void 0),c([(0,a.property)({type:String})],e.prototype,"role",void 0),c([(0,a.property)({type:String,reflect:!0})],e.prototype,"id",void 0),c([(0,a.property)({type:Boolean})],e.prototype,"small",void 0),c([(0,a.property)({type:Boolean})],e.prototype,"readonly",void 0),c([(0,a.property)({type:Boolean,reflect:!0})],e.prototype,"selected",void 0),c([(0,a.property)({type:Boolean})],e.prototype,"disabled",void 0),c([(0,a.property)({type:Number})],e.prototype,"determinateProgress",void 0),c([(0,a.property)({type:Boolean})],e.prototype,"indeterminateProgress",void 0),c([(0,a.property)({type:String})],e.prototype,"tooltipText",void 0),c([(0,a.property)({type:String})],e.prototype,"tooltipPlacement",void 0),c([(0,a.property)({type:String})],e.prototype,"iconSet",void 0),c([(0,a.property)({type:Boolean,attribute:"suppress-default-max-width"})],e.prototype,"suppressDefaultMaxWidth",void 0),c([(0,a.property)({type:Boolean})],e.prototype,"decorative",void 0),c([(0,a.property)({type:String,hasChanged:(t,e)=>t!==e})],e.prototype,"value",void 0),c([(0,a.internalProperty)({hasChanged:(t,e)=>t!==e})],e.prototype,"textOverflow",void 0),c([(0,a.internalProperty)()],e.prototype,"renderedText",void 0),e=c([(0,r.w)("md-chip")],e),t.ELEMENT=e}(s||(s={}))},60554:t=>{t.exports=n},61200:(t,e,i)=>{i.d(e,{Icon:()=>s}),i(96798);var s,o=i(31890),r=i(26272),n=i(32022),a=i.n(n),l=i(60554),d=i.n(l),h=i(41488),p=i(40333),c=i(23968),u=i(97822),m=i(8229),y=i(57955),v=i(66873),b=i(81786),g=i(9223),f=function(t,e,i,s){var o,r=arguments.length,n=r<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,s);else for(var a=t.length-1;a>=0;a--)(o=t[a])&&(n=(r<3?o(n):r>3?o(e,i,n):o(e,i))||n);return r>3&&n&&Object.defineProperty(e,i,n),n};!function(t){var e;let i=e=class extends h.LitElement{constructor(){super(...arguments),this.color="",this.description="",this.name="",this.id="",this.size="",this.title="",this.ariaHidden=null,this.type="",this.isActive=!1,this.isComboBoxIcon=!1,this.sizeOverrided=!1,this.iconSet="momentumUI",this.svgIcon=null,this._ariaLabel="",this.consoleHandler=(t,e)=>{switch(t){case"color-warn":console.warn(`[@momentum-ui/web-component] Icon: ${e} may not exist in the design system, please use a color name from https://momentum.design/styles/color/style`);break;case"name-error":console.warn(`[@momentum-ui/web-component] Icon: Icon ${e} does not exist in the design system. Visit https://momentum.design/icons for a list of available icons or to request a new icon.`)}}}isSvgAlreadyLoaded(t){var e,i;return!!this.svgIcon&&(null===(i=null===(e=this.svgIcon)||void 0===e?void 0:e.getAttribute("class"))||void 0===i?void 0:i.includes(t))}loadSvgIcon(t){return e=this,i=void 0,o=function*(){var e,i;if(this.isSvgAlreadyLoaded(t))return;const s="momentumBrandVisuals"===this.iconSet||"svg"===this.iconSet?yield(0,g.Jp)(this.computedSvgPath,t,"svg"):yield(0,g.D6)(t);s&&(this.svgIcon=s,null===(e=this.svgIcon)||void 0===e||e.setAttribute("class",`icon ${t}`),null===(i=this.svgIcon)||void 0===i||i.setAttribute("part","icon"),this.setSvgIconAttributes(),this.requestUpdate())},new((s=void 0)||(s=Promise))(function(t,r){function n(t){try{l(o.next(t))}catch(t){r(t)}}function a(t){try{l(o.throw(t))}catch(t){r(t)}}function l(e){var i;e.done?t(e.value):(i=e.value,i instanceof s?i:new s(function(t){t(i)})).then(n,a)}l((o=o.apply(e,i||[])).next())});var e,i,s,o}setSvgIconAttributes(){this.svgIcon&&(this.iconFontSize&&this.svgIcon.setAttribute("width",`${this.iconFontSize}px`),this.iconFontSize&&this.svgIcon.setAttribute("height",`${this.iconFontSize}px`),this.color?this.svgIcon.setAttribute("fill",this.iconColor):this.svgIcon.setAttribute("fill","currentColor"))}get computedSvgPath(){return this.svgUrl?this.svgUrl:b.O.svgIconUrl}get svgIconName(){if("momentumDesign"===this.iconSet||"momentumBrandVisuals"===this.iconSet||"svg"===this.iconSet)return this.name;const t=this.momentumUIIconLookupName,i=e.designLookup.get(t);return null!=i?i:t}updated(t){if(super.updated(t),this.doesIconSetSupportSVG)if(t.has("name")||t.has("iconSet")){const t=this.svgIconName;t&&"Unknown"!==t&&this.loadSvgIcon(t)}else(t.has("iconFontSize")||t.has("color"))&&this.setSvgIconAttributes()}get ariaLabel(){return this._ariaLabel?this._ariaLabel:this.title&&this.description?`${this.title} ${this.description}`:this.title?this.title:this.description?this.description:"icon"}set ariaLabel(t){const e=this._ariaLabel;this._ariaLabel=t,this.requestUpdate("ariaLabel",e)}get buttonClassMap(){return{[`md-button--icon-${this.type}`]:!!this.type}}get iconFontSize(){const t=this.name.split("_")[1];return this.size||t||16}get iconColor(){return this.color.startsWith("#")?(this.consoleHandler("color-warn",this.color),this.color):this.color.startsWith("var(")?this.color:d()(this.color)}get iconClassMap(){return{"md-combobox-input__icon":this.isComboBoxIcon,"md-combobox-input__icon--active":this.isComboBoxIcon&&this.isActive,[`${this.iconName}`]:!!this.iconName}}get momentumUIIconLookupName(){let t=this.name;return t=t.startsWith("icon-")?t.substring(5):t,t=t.split("_")[0],t}getIconName(){let t=this.name;return t=t.startsWith("icon-")?t.substring(5):t,t}handleSizeOverride(t){return`${t.split("_")[0]}_${this.iconFontSize}`}get iconName(){const t=this.getIconName();return this.sizeOverrided?this.handleSizeOverride(t):a().includes(t)||""===t?`icon-${t}`:this.consoleHandler("name-error",t)}get iconStyleMap(){return Object.assign(Object.assign({},this.iconFontSize&&{"font-size":`${this.iconFontSize}px`}),this.color&&{color:this.iconColor})}static get styles(){return[r.A,v.A]}handleIconClick(t){this.dispatchEvent(new CustomEvent("icon-click",{bubbles:!0,composed:!0,detail:{srcEvent:t}}))}get doesIconSetSupportSVG(){return"momentumDesign"===this.iconSet||"preferMomentumDesign"===this.iconSet||"momentumBrandVisuals"===this.iconSet||"svg"===this.iconSet}get isSVGRender(){return this.svgIcon&&"preferMomentumDesign"===this.iconSet||"momentumDesign"===this.iconSet||"momentumBrandVisuals"===this.iconSet||"svg"===this.iconSet}render(){return this.isSVGRender?this.renderSVGIcon():this.renderFontIcon()}renderFontIcon(){var t;return h.html`
|
|
1616
1616
|
<i
|
|
1617
1617
|
part="icon"
|
|
1618
1618
|
id=${this.id}
|
|
@@ -2488,7 +2488,7 @@
|
|
|
2488
2488
|
${(0,h.Um)(this.quantity,this.isRestyle,this)}
|
|
2489
2489
|
</div>
|
|
2490
2490
|
</div>
|
|
2491
|
-
`}};u([(0,n.property)({type:String})],e.prototype,"mediaType",void 0),u([(0,n.property)({type:String})],e.prototype,"status",void 0),u([(0,n.property)({type:String})],e.prototype,"popovertitle",void 0),u([(0,n.property)({type:String})],e.prototype,"queue",void 0),u([(0,n.property)({type:String,attribute:"queue-time-label"})],e.prototype,"queueTimeLabel",void 0),u([(0,n.property)({type:Boolean})],e.prototype,"accepted",void 0),u([(0,n.property)({type:Boolean,attribute:"display-only-title"})],e.prototype,"displayOnlyTitle",void 0),u([(0,n.property)({type:Number})],e.prototype,"quantity",void 0),u([(0,n.property)({type:String})],e.prototype,"lastmessage",void 0),u([(0,n.property)({type:Boolean})],e.prototype,"selected",void 0),u([(0,n.property)({type:Boolean})],e.prototype,"disabled",void 0),u([(0,n.property)({type:String})],e.prototype,"customAriaLabel",void 0),u([(0,n.property)({type:String})],e.prototype,"iconSrc",void 0),u([(0,n.property)({type:String})],e.prototype,"tabIndexForContainer",void 0),u([(0,n.property)({type:Boolean,attribute:"is-restyle"})],e.prototype,"isRestyle",void 0),u([(0,n.property)({type:String,reflect:!0})],e.prototype,"title",null),u([(0,n.property)({type:String,reflect:!0,attribute:"item-title"})],e.prototype,"itemTitle",null),u([(0,n.internalProperty)()],e.prototype,"additionEmptyMargin",void 0),e=u([(0,o.w)("md-task-item")],e),t.ELEMENT=e}(s||(s={}))},86635:t=>{t.exports=l},90195:(t,e,i)=>{var s,o,r,n;i.d(e,{R5:()=>o,Uz:()=>s,iw:()=>n}),function(t){t.ArrowDown="ArrowDown",t.ArrowLeft="ArrowLeft",t.ArrowRight="ArrowRight",t.ArrowUp="ArrowUp",t.Backspace="Backspace",t.Delete="Delete",t.End="End",t.Enter="Enter",t.Escape="Escape",t.Home="Home",t.Space="Space",t.Tab="Tab",t.Digit1="Digit1",t.Digit2="Digit2",t.Digit3="Digit3",t.Digit4="Digit4",t.Digit5="Digit5",t.Digit6="Digit6",t.Digit7="Digit7",t.Digit8="Digit8",t.Digit9="Digit9",t.NumpadEnter="NumpadEnter"}(s||(s={})),function(t){t.HOUR="hour",t.MINUTE="minute",t.SECOND="second",t.AM_PM="am_pm"}(o||(o={})),function(t){t.GRAMMAR="grammar",t.FALSE="false",t.SPELLING="spelling",t.TRUE="true"}(r||(r={})),function(t){t.AriaActivedescendant="aria-activedescendant"}(n||(n={}))},90827:(t,e,i)=>{i.d(e,{CardV2:()=>u}),i(96798),i(61200),i(83192);var s=i(31890),o=i(26272),r=i(41488),n=i(40333),a=i(23968),l=i(65796),d=i(52759),h=function(t,e,i,s){var o,r=arguments.length,n=r<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,s);else for(var a=t.length-1;a>=0;a--)(o=t[a])&&(n=(r<3?o(n):r>3?o(e,i,n):o(e,i))||n);return r>3&&n&&Object.defineProperty(e,i,n),n};const p="hh:mm:ss";var c,u;!function(t){t.DEFAULT="default",t.ACTIVE="active",t.INACTIVE="inactive"}(c||(c={})),function(t){let e=class extends r.LitElement{constructor(){super(...arguments),this.state=c.DEFAULT,this.identifier=void 0,this.header=void 0,this.info=void 0,this.data=void 0,this.createdTime=0,this.active=!1,this.expandable=!1,this.expandAriaLabel="Expand for more details",this.renderedData=""}connectedCallback(){super.connectedCallback()}disconnectedCallback(){super.disconnectedCallback(),this.clearInterval()}clearInterval(){this.interval&&(clearInterval(this.interval),this.interval=void 0)}static get styles(){return[o.A,d.A]}get isCardActive(){return this.state===c.ACTIVE}update(t){super.update(t),(t.has("active")||t.has("data")||t.has("createdTime"))&&this.calculateRenderedData()}expandCardToggled(){var t;this.state=this.isCardActive?c.DEFAULT:c.ACTIVE,this.dispatchEvent(new CustomEvent("expand-card-toggled",{detail:{identifier:null!==(t=this.identifier)&&void 0!==t?t:"",active:this.isCardActive},bubbles:!0,composed:!0}))}get cardClassMap(){return{"md-card-v2":!0,[`md-card--${this.state}`]:!0}}get contentClassMap(){return{"md-card-v2-content":!0,inactive:this.state===c.INACTIVE}}get
|
|
2491
|
+
`}};u([(0,n.property)({type:String})],e.prototype,"mediaType",void 0),u([(0,n.property)({type:String})],e.prototype,"status",void 0),u([(0,n.property)({type:String})],e.prototype,"popovertitle",void 0),u([(0,n.property)({type:String})],e.prototype,"queue",void 0),u([(0,n.property)({type:String,attribute:"queue-time-label"})],e.prototype,"queueTimeLabel",void 0),u([(0,n.property)({type:Boolean})],e.prototype,"accepted",void 0),u([(0,n.property)({type:Boolean,attribute:"display-only-title"})],e.prototype,"displayOnlyTitle",void 0),u([(0,n.property)({type:Number})],e.prototype,"quantity",void 0),u([(0,n.property)({type:String})],e.prototype,"lastmessage",void 0),u([(0,n.property)({type:Boolean})],e.prototype,"selected",void 0),u([(0,n.property)({type:Boolean})],e.prototype,"disabled",void 0),u([(0,n.property)({type:String})],e.prototype,"customAriaLabel",void 0),u([(0,n.property)({type:String})],e.prototype,"iconSrc",void 0),u([(0,n.property)({type:String})],e.prototype,"tabIndexForContainer",void 0),u([(0,n.property)({type:Boolean,attribute:"is-restyle"})],e.prototype,"isRestyle",void 0),u([(0,n.property)({type:String,reflect:!0})],e.prototype,"title",null),u([(0,n.property)({type:String,reflect:!0,attribute:"item-title"})],e.prototype,"itemTitle",null),u([(0,n.internalProperty)()],e.prototype,"additionEmptyMargin",void 0),e=u([(0,o.w)("md-task-item")],e),t.ELEMENT=e}(s||(s={}))},86635:t=>{t.exports=l},90195:(t,e,i)=>{var s,o,r,n;i.d(e,{R5:()=>o,Uz:()=>s,iw:()=>n}),function(t){t.ArrowDown="ArrowDown",t.ArrowLeft="ArrowLeft",t.ArrowRight="ArrowRight",t.ArrowUp="ArrowUp",t.Backspace="Backspace",t.Delete="Delete",t.End="End",t.Enter="Enter",t.Escape="Escape",t.Home="Home",t.Space="Space",t.Tab="Tab",t.Digit1="Digit1",t.Digit2="Digit2",t.Digit3="Digit3",t.Digit4="Digit4",t.Digit5="Digit5",t.Digit6="Digit6",t.Digit7="Digit7",t.Digit8="Digit8",t.Digit9="Digit9",t.NumpadEnter="NumpadEnter"}(s||(s={})),function(t){t.HOUR="hour",t.MINUTE="minute",t.SECOND="second",t.AM_PM="am_pm"}(o||(o={})),function(t){t.GRAMMAR="grammar",t.FALSE="false",t.SPELLING="spelling",t.TRUE="true"}(r||(r={})),function(t){t.AriaActivedescendant="aria-activedescendant"}(n||(n={}))},90827:(t,e,i)=>{i.d(e,{CardV2:()=>u}),i(96798),i(61200),i(83192);var s=i(31890),o=i(26272),r=i(41488),n=i(40333),a=i(23968),l=i(65796),d=i(52759),h=function(t,e,i,s){var o,r=arguments.length,n=r<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,s);else for(var a=t.length-1;a>=0;a--)(o=t[a])&&(n=(r<3?o(n):r>3?o(e,i,n):o(e,i))||n);return r>3&&n&&Object.defineProperty(e,i,n),n};const p="hh:mm:ss";var c,u;!function(t){t.DEFAULT="default",t.ACTIVE="active",t.INACTIVE="inactive"}(c||(c={})),function(t){let e=class extends r.LitElement{constructor(){super(...arguments),this.state=c.DEFAULT,this.identifier=void 0,this.header=void 0,this.info=void 0,this.data=void 0,this.createdTime=0,this.active=!1,this.expandable=!1,this.expandAriaLabel="Expand for more details",this.renderedData=""}connectedCallback(){super.connectedCallback(),this.checkForExtraInfoSlot()}disconnectedCallback(){super.disconnectedCallback(),this.clearInterval()}clearInterval(){this.interval&&(clearInterval(this.interval),this.interval=void 0)}static get styles(){return[o.A,d.A]}get isCardActive(){return this.state===c.ACTIVE}update(t){super.update(t),(t.has("active")||t.has("data")||t.has("createdTime"))&&this.calculateRenderedData()}expandCardToggled(){var t;this.state=this.isCardActive?c.DEFAULT:c.ACTIVE,this.dispatchEvent(new CustomEvent("expand-card-toggled",{detail:{identifier:null!==(t=this.identifier)&&void 0!==t?t:"",active:this.isCardActive},bubbles:!0,composed:!0}))}checkForExtraInfoSlot(){var t;(null===(t=this.extraInfoSlot)||void 0===t?void 0:t.assignedNodes().length)>0?this.setAttribute("has-extra-info",""):this.removeAttribute("has-extra-info")}handleExtraInfoSlotChange(t){this.checkForExtraInfoSlot()}get cardClassMap(){return{"md-card-v2":!0,[`md-card--${this.state}`]:!0}}get contentClassMap(){return{"md-card-v2-content":!0,inactive:this.state===c.INACTIVE}}get footerExpandClassMap(){return{"md-card-v2-footer-expand":!0,hidden:!this.expandable}}get expandCardHandler(){return this.expandable?this.expandCardToggled:null}renderHeader(){return r.html`
|
|
2492
2492
|
<div class="md-card-v2-header-title">
|
|
2493
2493
|
<h3>${this.header}</h3>
|
|
2494
2494
|
${this.info?r.html`
|
|
@@ -2499,27 +2499,36 @@
|
|
|
2499
2499
|
</md-tooltip>
|
|
2500
2500
|
`:n.nothing}
|
|
2501
2501
|
</div>
|
|
2502
|
-
`}
|
|
2503
|
-
<div class="${(0,a.classMap)(this.
|
|
2502
|
+
`}renderExpandButton(){return r.html`
|
|
2503
|
+
<div class="${(0,a.classMap)(this.footerExpandClassMap)}">
|
|
2504
2504
|
<md-button ariaLabel="${this.expandAriaLabel}" circle size="28">
|
|
2505
2505
|
<md-icon
|
|
2506
2506
|
slot="icon"
|
|
2507
2507
|
iconSet="momentumDesign"
|
|
2508
2508
|
name=${this.isCardActive?"arrow-circle-up-bold":"arrow-circle-down-bold"}
|
|
2509
2509
|
size="18"
|
|
2510
|
-
>
|
|
2511
|
-
</md-icon>
|
|
2510
|
+
></md-icon>
|
|
2512
2511
|
</md-button>
|
|
2513
2512
|
</div>
|
|
2513
|
+
`}renderFooter(){return r.html`
|
|
2514
|
+
<div class="md-card-v2-footer">
|
|
2515
|
+
<div class="md-card-v2-footer-content">
|
|
2516
|
+
<slot name="card-footer-content"></slot>
|
|
2517
|
+
</div>
|
|
2518
|
+
${this.renderExpandButton()}
|
|
2519
|
+
</div>
|
|
2514
2520
|
`}calculateRenderedData(){this.clearInterval(),!this.active&&this.data?this.renderedData=this.data:this.active&&this.createdTime>0&&(this.renderedData=l.Duration.fromMillis(Date.now()-this.createdTime).toFormat(p),this.interval=window.setInterval(()=>{this.renderedData=l.Duration.fromMillis(Date.now()-this.createdTime).toFormat(p)},1e3))}render(){return r.html`
|
|
2515
2521
|
<div class="${(0,a.classMap)(this.cardClassMap)}" @click=${this.expandCardHandler}>
|
|
2516
2522
|
<div class="md-card-v2-header">${this.renderHeader()}</div>
|
|
2517
2523
|
<div class="${(0,a.classMap)(this.contentClassMap)}">
|
|
2518
2524
|
<h2>${this.renderedData}</h2>
|
|
2525
|
+
<div class="md-card-v2-content-extra-info">
|
|
2526
|
+
<slot name="card-extra-info" @slotchange=${this.handleExtraInfoSlotChange}></slot>
|
|
2527
|
+
</div>
|
|
2519
2528
|
</div>
|
|
2520
2529
|
${this.renderFooter()}
|
|
2521
2530
|
</div>
|
|
2522
|
-
`}};h([(0,r.property)({type:String})],e.prototype,"state",void 0),h([(0,r.property)({type:String})],e.prototype,"identifier",void 0),h([(0,r.property)({type:String})],e.prototype,"header",void 0),h([(0,r.property)({type:String})],e.prototype,"info",void 0),h([(0,r.property)({type:String})],e.prototype,"data",void 0),h([(0,r.property)({type:Number})],e.prototype,"createdTime",void 0),h([(0,r.property)({type:Boolean})],e.prototype,"active",void 0),h([(0,r.property)({type:Boolean,reflect:!0})],e.prototype,"expandable",void 0),h([(0,r.property)({type:String,attribute:"expand-aria-label"})],e.prototype,"expandAriaLabel",void 0),h([(0,r.internalProperty)()],e.prototype,"interval",void 0),h([(0,r.internalProperty)()],e.prototype,"renderedData",void 0),e=h([(0,s.w)("md-card-v2")],e),t.ELEMENT=e}(u||(u={}))},92992:(t,e,i)=>{i.d(e,{Breadcrumb:()=>s});var s,o=i(31890),r=i(26272),n=i(41488),a=i(97822),l=i(22818),d=i(46441),h=function(t,e,i,s){var o,r=arguments.length,n=r<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,s);else for(var a=t.length-1;a>=0;a--)(o=t[a])&&(n=(r<3?o(n):r>3?o(e,i,n):o(e,i))||n);return r>3&&n&&Object.defineProperty(e,i,n),n};!function(t){let e=class extends n.LitElement{constructor(){super(...arguments),this.label="Breadcrumb",this.navCrumbs=[]}static get styles(){return[r.A,d.A]}setLastAnchorCurrent(){var t;(null===(t=this.anchors)||void 0===t?void 0:t.length)&&this.anchors[this.anchors.length-1].setAttribute("aria-current","page")}firstUpdated(t){super.firstUpdated(t),this.setLastAnchorCurrent()}update(t){super.update(t),t.has("navCrumbs")&&this.setLastAnchorCurrent()}handleClick(t){var e;const i=t.target;if(null===(e=this.anchors)||void 0===e?void 0:e.length){const t=Array.from(this.anchors).indexOf(i);-1!==t&&(this.navCrumbs=[...this.navCrumbs.splice(0,t+1)])}}render(){return n.html`
|
|
2531
|
+
`}};h([(0,r.property)({type:String})],e.prototype,"state",void 0),h([(0,r.property)({type:String})],e.prototype,"identifier",void 0),h([(0,r.property)({type:String})],e.prototype,"header",void 0),h([(0,r.property)({type:String})],e.prototype,"info",void 0),h([(0,r.property)({type:String})],e.prototype,"data",void 0),h([(0,r.property)({type:Number})],e.prototype,"createdTime",void 0),h([(0,r.property)({type:Boolean})],e.prototype,"active",void 0),h([(0,r.property)({type:Boolean,reflect:!0})],e.prototype,"expandable",void 0),h([(0,r.property)({type:String,attribute:"expand-aria-label"})],e.prototype,"expandAriaLabel",void 0),h([(0,r.query)('slot[name="card-extra-info"]')],e.prototype,"extraInfoSlot",void 0),h([(0,r.internalProperty)()],e.prototype,"interval",void 0),h([(0,r.internalProperty)()],e.prototype,"renderedData",void 0),e=h([(0,s.w)("md-card-v2")],e),t.ELEMENT=e}(u||(u={}))},92992:(t,e,i)=>{i.d(e,{Breadcrumb:()=>s});var s,o=i(31890),r=i(26272),n=i(41488),a=i(97822),l=i(22818),d=i(46441),h=function(t,e,i,s){var o,r=arguments.length,n=r<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,s);else for(var a=t.length-1;a>=0;a--)(o=t[a])&&(n=(r<3?o(n):r>3?o(e,i,n):o(e,i))||n);return r>3&&n&&Object.defineProperty(e,i,n),n};!function(t){let e=class extends n.LitElement{constructor(){super(...arguments),this.label="Breadcrumb",this.navCrumbs=[]}static get styles(){return[r.A,d.A]}setLastAnchorCurrent(){var t;(null===(t=this.anchors)||void 0===t?void 0:t.length)&&this.anchors[this.anchors.length-1].setAttribute("aria-current","page")}firstUpdated(t){super.firstUpdated(t),this.setLastAnchorCurrent()}update(t){super.update(t),t.has("navCrumbs")&&this.setLastAnchorCurrent()}handleClick(t){var e;const i=t.target;if(null===(e=this.anchors)||void 0===e?void 0:e.length){const t=Array.from(this.anchors).indexOf(i);-1!==t&&(this.navCrumbs=[...this.navCrumbs.splice(0,t+1)])}}render(){return n.html`
|
|
2523
2532
|
<nav aria-label="${(0,a.ifDefined)(this.label?this.label:void 0)}" class="md-breadcrumb">
|
|
2524
2533
|
<ul @click=${t=>this.handleClick(t)}>
|
|
2525
2534
|
${(0,l.repeat)(this.navCrumbs,t=>t.link,t=>n.html`
|
|
@@ -2808,4 +2817,4 @@
|
|
|
2808
2817
|
size="16"
|
|
2809
2818
|
></md-icon>
|
|
2810
2819
|
</label>
|
|
2811
|
-
`}};c([(0,l.property)({type:Boolean})],e.prototype,"disabled",void 0),c([(0,l.property)({type:Boolean})],e.prototype,"checked",void 0),c([(0,l.property)({type:String})],e.prototype,"value",void 0),c([(0,l.property)({type:String})],e.prototype,"id",void 0),c([(0,l.property)({type:String})],e.prototype,"label",void 0),c([(0,l.internalProperty)()],e.prototype,"customId",void 0),e=c([(0,n.w)("md-favorite")],e),t.ELEMENT=e}(s||(s={}))}},N={};function U(t){var e=N[t];if(void 0!==e)return e.exports;var i=N[t]={exports:{}};return j[t].call(i.exports,i,i.exports,U),i.exports}U.m=j,_=[],U.O=(t,e,i,s)=>{if(!e){var o=1/0;for(l=0;l<_.length;l++){for(var[e,i,s]=_[l],r=!0,n=0;n<e.length;n++)(!1&s||o>=s)&&Object.keys(U.O).every(t=>U.O[t](e[n]))?e.splice(n--,1):(r=!1,s<o&&(o=s));if(r){_.splice(l--,1);var a=i();void 0!==a&&(t=a)}}return t}s=s||0;for(var l=_.length;l>0&&_[l-1][2]>s;l--)_[l]=_[l-1];_[l]=[e,i,s]},U.n=t=>{var e=t&&t.__esModule?()=>t.default:()=>t;return U.d(e,{a:e}),e},z=Object.getPrototypeOf?t=>Object.getPrototypeOf(t):t=>t.__proto__,U.t=function(t,e){if(1&e&&(t=this(t)),8&e)return t;if("object"==typeof t&&t){if(4&e&&t.__esModule)return t;if(16&e&&"function"==typeof t.then)return t}var i=Object.create(null);U.r(i);var s={};B=B||[null,z({}),z([]),z(z)];for(var o=2&e&&t;"object"==typeof o&&!~B.indexOf(o);o=z(o))Object.getOwnPropertyNames(o).forEach(e=>s[e]=()=>t[e]);return s.default=()=>t,U.d(i,s),i},U.d=(t,e)=>{for(var i in e)U.o(e,i)&&!U.o(t,i)&&Object.defineProperty(t,i,{enumerable:!0,get:e[i]})},U.f={},U.e=t=>Promise.all(Object.keys(U.f).reduce((e,i)=>(U.f[i](t,e),e),[])),U.u=t=>"chunks/md-"+t+".js",U.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(t){if("object"==typeof window)return window}}(),U.o=(t,e)=>Object.prototype.hasOwnProperty.call(t,e),F={},V="@momentum-ui/web-components:",U.l=(t,e,i,s)=>{if(F[t])F[t].push(e);else{var o,r;if(void 0!==i)for(var n=document.getElementsByTagName("script"),a=0;a<n.length;a++){var l=n[a];if(l.getAttribute("src")==t||l.getAttribute("data-webpack")==V+i){o=l;break}}o||(r=!0,(o=document.createElement("script")).charset="utf-8",o.timeout=120,U.nc&&o.setAttribute("nonce",U.nc),o.setAttribute("data-webpack",V+i),o.src=t),F[t]=[e];var d=(e,i)=>{o.onerror=o.onload=null,clearTimeout(h);var s=F[t];if(delete F[t],o.parentNode&&o.parentNode.removeChild(o),s&&s.forEach(t=>t(i)),e)return e(i)},h=setTimeout(d.bind(null,void 0,{type:"timeout",target:o}),12e4);o.onerror=d.bind(null,o.onerror),o.onload=d.bind(null,o.onload),r&&document.head.appendChild(o)}},U.r=t=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},U.p="/",(()=>{var t={109:0,144:0,195:0,445:0,502:0,555:0,671:0,762:0,984:0,1037:0,1200:0,1266:0,1323:0,1439:0,1459:0,1462:0,1521:0,1528:0,1682:0,1745:0,1788:0,1807:0,2105:0,2139:0,2169:0,2176:0,2330:0,2434:0,2547:0,2576:0,2779:0,2781:0,2909:0,3001:0,3079:0,3192:0,3413:0,3477:0,3539:0,3747:0,3820:0,3938:0,3943:0,4131:0,4139:0,4259:0,4545:0,4908:0,4928:0,4971:0,5156:0,5310:0,5369:0,5382:0,5433:0,5517:0,6029:0,6060:0,6085:0,6132:0,6220:0,6396:0,6408:0,6433:0,6494:0,6587:0,6652:0,6677:0,6724:0,6753:0,6754:0,6798:0,6834:0,6920:0,7119:0,7145:0,7219:0,7455:0,7684:0,7711:0,7719:0,7763:0,7814:0,7927:0,8028:0,8111:0,8115:0,8220:0,8334:0,8339:0,8442:0,8510:0,8654:0,8894:0,9058:0,9237:0};U.f.j=(e,i)=>{var s=U.o(t,e)?t[e]:void 0;if(0!==s)if(s)i.push(s[2]);else{var o=new Promise((i,o)=>s=t[e]=[i,o]);i.push(s[2]=o);var r=U.p+U.u(e),n=new Error;U.l(r,i=>{if(U.o(t,e)&&(0!==(s=t[e])&&(t[e]=void 0),s)){var o=i&&("load"===i.type?"missing":i.type),r=i&&i.target&&i.target.src;n.message="Loading chunk "+e+" failed.\n("+o+": "+r+")",n.name="ChunkLoadError",n.type=o,n.request=r,s[1](n)}},"chunk-"+e,e)}},U.O.j=e=>0===t[e];var e=(e,i)=>{var s,o,[r,n,a]=i,l=0;if(r.some(e=>0!==t[e])){for(s in n)U.o(n,s)&&(U.m[s]=n[s]);if(a)var d=a(U)}for(e&&e(i);l<r.length;l++)o=r[l],U.o(t,o)&&t[o]&&t[o][0](),t[o]=0;return U.O(d)},i=self["momentum-web-components-[id]"]=self["momentum-web-components-[id]"]||[];i.forEach(e.bind(null,0)),i.push=e.bind(null,i.push.bind(i))})();var q=U.O(void 0,[8469,7103,1890,6272,6325,6283,9217,5830,8889,8210,4977,3135,1598,1572,6366,7251,4974,2243,7919,3553,6877,6700,6795,8923,4548,76,1392,9164,8004,1214,1625,3625,6067,8841,3112,3866,1107,7330,7092,9719,6979,9130,6273,9618,8612,8521,2019,779,573,5801,2043,8171,2798,5467,2984,1869,2215,4392,630,3604,8728,8227,1250,1705,
|
|
2820
|
+
`}};c([(0,l.property)({type:Boolean})],e.prototype,"disabled",void 0),c([(0,l.property)({type:Boolean})],e.prototype,"checked",void 0),c([(0,l.property)({type:String})],e.prototype,"value",void 0),c([(0,l.property)({type:String})],e.prototype,"id",void 0),c([(0,l.property)({type:String})],e.prototype,"label",void 0),c([(0,l.internalProperty)()],e.prototype,"customId",void 0),e=c([(0,n.w)("md-favorite")],e),t.ELEMENT=e}(s||(s={}))}},N={};function U(t){var e=N[t];if(void 0!==e)return e.exports;var i=N[t]={exports:{}};return j[t].call(i.exports,i,i.exports,U),i.exports}U.m=j,_=[],U.O=(t,e,i,s)=>{if(!e){var o=1/0;for(l=0;l<_.length;l++){for(var[e,i,s]=_[l],r=!0,n=0;n<e.length;n++)(!1&s||o>=s)&&Object.keys(U.O).every(t=>U.O[t](e[n]))?e.splice(n--,1):(r=!1,s<o&&(o=s));if(r){_.splice(l--,1);var a=i();void 0!==a&&(t=a)}}return t}s=s||0;for(var l=_.length;l>0&&_[l-1][2]>s;l--)_[l]=_[l-1];_[l]=[e,i,s]},U.n=t=>{var e=t&&t.__esModule?()=>t.default:()=>t;return U.d(e,{a:e}),e},z=Object.getPrototypeOf?t=>Object.getPrototypeOf(t):t=>t.__proto__,U.t=function(t,e){if(1&e&&(t=this(t)),8&e)return t;if("object"==typeof t&&t){if(4&e&&t.__esModule)return t;if(16&e&&"function"==typeof t.then)return t}var i=Object.create(null);U.r(i);var s={};B=B||[null,z({}),z([]),z(z)];for(var o=2&e&&t;"object"==typeof o&&!~B.indexOf(o);o=z(o))Object.getOwnPropertyNames(o).forEach(e=>s[e]=()=>t[e]);return s.default=()=>t,U.d(i,s),i},U.d=(t,e)=>{for(var i in e)U.o(e,i)&&!U.o(t,i)&&Object.defineProperty(t,i,{enumerable:!0,get:e[i]})},U.f={},U.e=t=>Promise.all(Object.keys(U.f).reduce((e,i)=>(U.f[i](t,e),e),[])),U.u=t=>"chunks/md-"+t+".js",U.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(t){if("object"==typeof window)return window}}(),U.o=(t,e)=>Object.prototype.hasOwnProperty.call(t,e),F={},V="@momentum-ui/web-components:",U.l=(t,e,i,s)=>{if(F[t])F[t].push(e);else{var o,r;if(void 0!==i)for(var n=document.getElementsByTagName("script"),a=0;a<n.length;a++){var l=n[a];if(l.getAttribute("src")==t||l.getAttribute("data-webpack")==V+i){o=l;break}}o||(r=!0,(o=document.createElement("script")).charset="utf-8",o.timeout=120,U.nc&&o.setAttribute("nonce",U.nc),o.setAttribute("data-webpack",V+i),o.src=t),F[t]=[e];var d=(e,i)=>{o.onerror=o.onload=null,clearTimeout(h);var s=F[t];if(delete F[t],o.parentNode&&o.parentNode.removeChild(o),s&&s.forEach(t=>t(i)),e)return e(i)},h=setTimeout(d.bind(null,void 0,{type:"timeout",target:o}),12e4);o.onerror=d.bind(null,o.onerror),o.onload=d.bind(null,o.onload),r&&document.head.appendChild(o)}},U.r=t=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},U.p="/",(()=>{var t={109:0,144:0,195:0,445:0,502:0,555:0,671:0,762:0,984:0,1037:0,1200:0,1266:0,1323:0,1439:0,1459:0,1462:0,1521:0,1528:0,1682:0,1745:0,1788:0,1807:0,2105:0,2139:0,2169:0,2176:0,2330:0,2434:0,2547:0,2576:0,2779:0,2781:0,2909:0,3001:0,3079:0,3192:0,3413:0,3477:0,3539:0,3747:0,3820:0,3938:0,3943:0,4131:0,4139:0,4259:0,4545:0,4908:0,4928:0,4971:0,5156:0,5310:0,5369:0,5382:0,5433:0,5517:0,6029:0,6060:0,6085:0,6132:0,6220:0,6396:0,6408:0,6433:0,6494:0,6587:0,6652:0,6677:0,6724:0,6753:0,6754:0,6798:0,6834:0,6920:0,7119:0,7145:0,7219:0,7455:0,7684:0,7711:0,7719:0,7763:0,7814:0,7927:0,8028:0,8111:0,8115:0,8220:0,8334:0,8339:0,8442:0,8510:0,8654:0,8894:0,9058:0,9237:0};U.f.j=(e,i)=>{var s=U.o(t,e)?t[e]:void 0;if(0!==s)if(s)i.push(s[2]);else{var o=new Promise((i,o)=>s=t[e]=[i,o]);i.push(s[2]=o);var r=U.p+U.u(e),n=new Error;U.l(r,i=>{if(U.o(t,e)&&(0!==(s=t[e])&&(t[e]=void 0),s)){var o=i&&("load"===i.type?"missing":i.type),r=i&&i.target&&i.target.src;n.message="Loading chunk "+e+" failed.\n("+o+": "+r+")",n.name="ChunkLoadError",n.type=o,n.request=r,s[1](n)}},"chunk-"+e,e)}},U.O.j=e=>0===t[e];var e=(e,i)=>{var s,o,[r,n,a]=i,l=0;if(r.some(e=>0!==t[e])){for(s in n)U.o(n,s)&&(U.m[s]=n[s]);if(a)var d=a(U)}for(e&&e(i);l<r.length;l++)o=r[l],U.o(t,o)&&t[o]&&t[o][0](),t[o]=0;return U.O(d)},i=self["momentum-web-components-[id]"]=self["momentum-web-components-[id]"]||[];i.forEach(e.bind(null,0)),i.push=e.bind(null,i.push.bind(i))})();var q=U.O(void 0,[8469,7103,1890,6272,6325,6283,9217,5830,8889,8210,4977,3135,1598,1572,6366,7251,4974,2243,7919,3553,6877,6700,6795,8923,4548,76,1392,9164,8004,1214,1625,3625,6067,8841,3112,3866,1107,7330,7092,9719,6979,9130,6273,9618,8612,8521,2019,779,573,5801,2043,8171,2798,5467,2984,1869,2215,7997,4392,630,3604,8728,8227,1250,1705,6953,7875,7833,6400,587,6441,6015,3663],()=>U(77999));return U.O(q)})());
|
package/dist/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
require("./8469"),require("./7103"),require("./1890"),require("./6272"),require("./6325"),require("./6283"),require("./9217"),require("./5830"),require("./8889"),require("./8210"),require("./4977"),require("./3135"),require("./1598"),require("./1572"),require("./6366"),require("./7251"),require("./4974"),require("./2243"),require("./7919"),require("./3553"),require("./6877"),require("./6700"),require("./6795"),require("./8923"),require("./4548"),require("./76"),require("./1392"),require("./9164"),require("./8004"),require("./1214"),require("./1625"),require("./3625"),require("./6067"),require("./8841"),require("./3112"),require("./3866"),require("./1107"),require("./7330"),require("./7092"),require("./9719"),require("./6979"),require("./9130"),require("./6273"),require("./9618"),require("./8612"),require("./8521"),require("./2019"),require("./779"),require("./573"),require("./5801"),require("./2043"),require("./8171"),require("./2798"),require("./5467"),require("./2984"),require("./1869"),require("./2215"),require("./4392"),require("./630"),require("./3604"),require("./8728"),require("./8227"),require("./1250"),require("./1705"),require("./
|
|
1
|
+
require("./8469"),require("./7103"),require("./1890"),require("./6272"),require("./6325"),require("./6283"),require("./9217"),require("./5830"),require("./8889"),require("./8210"),require("./4977"),require("./3135"),require("./1598"),require("./1572"),require("./6366"),require("./7251"),require("./4974"),require("./2243"),require("./7919"),require("./3553"),require("./6877"),require("./6700"),require("./6795"),require("./8923"),require("./4548"),require("./76"),require("./1392"),require("./9164"),require("./8004"),require("./1214"),require("./1625"),require("./3625"),require("./6067"),require("./8841"),require("./3112"),require("./3866"),require("./1107"),require("./7330"),require("./7092"),require("./9719"),require("./6979"),require("./9130"),require("./6273"),require("./9618"),require("./8612"),require("./8521"),require("./2019"),require("./779"),require("./573"),require("./5801"),require("./2043"),require("./8171"),require("./2798"),require("./5467"),require("./2984"),require("./1869"),require("./2215"),require("./7997"),require("./4392"),require("./630"),require("./3604"),require("./8728"),require("./8227"),require("./1250"),require("./1705"),require("./6953"),require("./7875"),require("./7833"),require("./6400"),require("./587"),require("./6441"),require("./6015"),require("./3663"),module.exports=require("./index-entry");
|
|
@@ -25,6 +25,7 @@ export declare namespace CardV2 {
|
|
|
25
25
|
active: boolean;
|
|
26
26
|
expandable: boolean;
|
|
27
27
|
expandAriaLabel: string;
|
|
28
|
+
private readonly extraInfoSlot;
|
|
28
29
|
private interval;
|
|
29
30
|
private renderedData;
|
|
30
31
|
connectedCallback(): void;
|
|
@@ -34,11 +35,14 @@ export declare namespace CardV2 {
|
|
|
34
35
|
private get isCardActive();
|
|
35
36
|
protected update(changedProperties: PropertyValues): void;
|
|
36
37
|
expandCardToggled(): void;
|
|
38
|
+
private checkForExtraInfoSlot;
|
|
39
|
+
handleExtraInfoSlotChange(_event: Event): void;
|
|
37
40
|
private get cardClassMap();
|
|
38
41
|
private get contentClassMap();
|
|
39
|
-
private get
|
|
42
|
+
private get footerExpandClassMap();
|
|
40
43
|
private get expandCardHandler();
|
|
41
44
|
private renderHeader;
|
|
45
|
+
private renderExpandButton;
|
|
42
46
|
private renderFooter;
|
|
43
47
|
private calculateRenderedData;
|
|
44
48
|
render(): import("lit-element").TemplateResult;
|