@momentum-ui/web-components 3.2.13 → 3.2.15
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/2273.js +2 -2
- package/dist/2708.js +21 -0
- package/dist/7137.js +1 -0
- package/dist/9189.js +5 -4
- package/dist/9558.js +1 -1
- package/dist/comp/md-card-alert-entry.js +140 -0
- package/dist/comp/md-card-alert.js +1 -0
- package/dist/comp/md-card-entry.js +1 -1
- package/dist/comp/md-card.js +1 -1
- package/dist/comp/md-chip-entry.js +9 -29
- package/dist/comp/md-chip.js +1 -1
- package/dist/comp/md-coachmark-entry.js +1 -1
- package/dist/comp/md-coachmark.js +1 -1
- package/dist/comp/md-combobox-entry.js +2 -2
- package/dist/comp/md-input-entry.js +5 -4
- package/dist/comp/md-modal-entry.js +1 -1
- package/dist/comp/md-modal.js +1 -1
- package/dist/comp/md-progress-bar-entry.js +1 -1
- package/dist/comp/md-tabs-entry.js +1 -1
- package/dist/comp/md-tabs.js +1 -1
- package/dist/esm/2273.js +2 -2
- package/dist/esm/2583.js +52 -0
- package/dist/esm/2708.js +1 -1
- package/dist/esm/327.js +21 -0
- package/dist/esm/4654.js +2 -2
- package/dist/esm/7137.js +1 -0
- package/dist/esm/9189.js +5 -4
- package/dist/esm/9558.js +1 -1
- package/dist/esm/comp/md-activity-button-entry.js +1 -1
- package/dist/esm/comp/md-activity-button.js +1 -1
- package/dist/esm/comp/md-alert-banner-entry.js +1 -1
- package/dist/esm/comp/md-alert-banner.js +1 -1
- package/dist/esm/comp/md-alert-entry.js +1 -1
- package/dist/esm/comp/md-alert.js +1 -1
- package/dist/esm/comp/md-avatar-entry.js +1 -1
- package/dist/esm/comp/md-avatar.js +1 -1
- package/dist/esm/comp/md-card-ai-entry.js +1 -1
- package/dist/esm/comp/md-card-ai.js +1 -1
- package/dist/esm/comp/md-card-alert-entry.js +140 -0
- package/dist/esm/comp/md-card-alert.js +1 -0
- package/dist/esm/comp/md-card-entry.js +1 -1
- package/dist/esm/comp/md-card.js +1 -1
- package/dist/esm/comp/md-chat-message-entry.js +1 -1
- package/dist/esm/comp/md-chat-message.js +1 -1
- package/dist/esm/comp/md-chip-entry.js +1 -72
- package/dist/esm/comp/md-chip.js +1 -1
- package/dist/esm/comp/md-coachmark-entry.js +1 -1
- package/dist/esm/comp/md-coachmark-popover-entry.js +1 -1
- package/dist/esm/comp/md-coachmark-popover.js +1 -1
- package/dist/esm/comp/md-coachmark.js +1 -1
- package/dist/esm/comp/md-datepicker-calendar-entry.js +1 -1
- package/dist/esm/comp/md-datepicker-calendar.js +1 -1
- package/dist/esm/comp/md-icon-entry.js +1 -1
- package/dist/esm/comp/md-icon.js +1 -1
- package/dist/esm/comp/md-input-entry.js +5 -4
- package/dist/esm/comp/md-meeting-alert-entry.js +1 -1
- package/dist/esm/comp/md-meeting-alert.js +1 -1
- package/dist/esm/comp/md-modal-entry.js +1 -1
- package/dist/esm/comp/md-modal.js +1 -1
- package/dist/esm/comp/md-pagination-entry.js +1 -1
- package/dist/esm/comp/md-pagination.js +1 -1
- package/dist/esm/comp/md-popover-entry.js +1 -1
- package/dist/esm/comp/md-popover.js +1 -1
- package/dist/esm/comp/md-presence-entry.js +1 -1
- package/dist/esm/comp/md-presence.js +1 -1
- package/dist/esm/comp/md-progress-bar-entry.js +1 -1
- package/dist/esm/comp/md-progress-bar.js +1 -1
- package/dist/esm/comp/md-table-advanced-entry.js +1 -1
- package/dist/esm/comp/md-table-advanced.js +1 -1
- package/dist/esm/comp/md-table-entry.js +1 -1
- package/dist/esm/comp/md-table.js +1 -1
- package/dist/esm/comp/md-tabs-entry.js +1 -1
- package/dist/esm/comp/md-tabs.js +1 -1
- package/dist/esm/comp/md-task-item-entry.js +1 -1
- package/dist/esm/comp/md-task-item.js +1 -1
- package/dist/esm/comp/md-theme-entry.js +1 -1
- package/dist/esm/comp/md-theme.js +1 -1
- package/dist/esm/comp/md-tooltip-entry.js +1 -1
- package/dist/esm/comp/md-tooltip.js +1 -1
- package/dist/esm/index-entry.js +258 -220
- package/dist/esm/index.js +1 -1
- package/dist/index-entry.js +103 -14
- package/dist/index.js +1 -1
- package/dist/types/[sandbox]/examples/card-alert.d.ts +9 -0
- package/dist/types/[sandbox]/examples/index.d.ts +1 -0
- package/dist/types/components/card-alert/CardAlert.d.ts +72 -0
- package/dist/types/components/card-alert/CardAlert.stories.d.ts +11 -0
- package/dist/types/components/card-alert/CardAlert.test.d.ts +1 -0
- package/dist/types/components/input/Input.d.ts +5 -1
- package/dist/types/index.d.ts +1 -0
- package/package.json +1 -1
package/dist/2273.js
CHANGED
|
@@ -113,7 +113,7 @@
|
|
|
113
113
|
class="md-combobox-option"
|
|
114
114
|
aria-posinset=${i}
|
|
115
115
|
aria-setsize=${s}
|
|
116
|
-
role=${this.isMulti?"checkbox":"
|
|
116
|
+
role=${this.isMulti?"checkbox":"option"}
|
|
117
117
|
aria-label="${this.isCustomContent?this.getOptionId(t):this.getOptionValue(t)}${o}"
|
|
118
118
|
tabindex="-1"
|
|
119
119
|
@click=${t=>this.handleListClick(t)}
|
|
@@ -198,7 +198,7 @@
|
|
|
198
198
|
part="combobox-options"
|
|
199
199
|
aria-label=${this.ariaLabel||this.label}
|
|
200
200
|
style=${this.addStyle()}
|
|
201
|
-
role=${(0,u.ifDefined)(this.checkForVirtualScroll()?void 0:"
|
|
201
|
+
role=${(0,u.ifDefined)(this.checkForVirtualScroll()?void 0:"listbox")}
|
|
202
202
|
>
|
|
203
203
|
${this.isMulti&&this.allowSelectAll&&this.expanded?this.getSelectAllOption():a.nothing}
|
|
204
204
|
${this.checkForVirtualScroll()?0!==this.options.length&&this.filterOptions(this.trimSpace?this.inputValue.replace(/\s+/g,""):this.inputValue).length>0?this.renderVirtualScroll:a.nothing:this.renderWithoutVirtualScroll()}
|
package/dist/2708.js
ADDED
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
"use strict";(self["momentum-web-components-[id]"]=self["momentum-web-components-[id]"]||[]).push([[2708],{2708(t,e,r){var s,i=r(9609),a=r(4084),o=r(7161),p=r(429),l=r(5125),n=r(6631),h=function(t,e,r,s){var i,a=arguments.length,o=a<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,r):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(t,e,r,s);else for(var p=t.length-1;p>=0;p--)(i=t[p])&&(o=(a<3?i(o):a>3?i(e,r,o):i(e,r))||o);return a>3&&o&&Object.defineProperty(e,r,o),o};!function(t){let e=class extends o.LitElement{constructor(){super(...arguments),this.dynamic=!1,this.color="",this.label="",this.displayFormat="percentage",this.type="indeterminate",this.min=0,this.max=100,this.value=25,this.adjustedValue=0,this.valueFraction=0,this.meterWidth="100",this.getDisplayFormat=()=>"indeterminate"===this.type?(this.value=100,null):(this.adjustedValue=this.max-this.value<0?this.max:this.value,this.valueFraction=this.adjustedValue/this.max*100||0,this.meterWidth=this.valueFraction.toFixed(0)+"%","none"===this.displayFormat?null:"percentage"===this.displayFormat?this.meterWidth:`${this.adjustedValue} / ${this.max}`),this.getColor=()=>this.color?this.color:this.dynamic?this.valueFraction<25?"success":this.valueFraction<50?"info":this.valueFraction<75?"warning":"danger":void 0}connectedCallback(){super.connectedCallback(),this.requestUpdate("value")}static get styles(){return[a.A,n.A]}render(){const t={[`progress--${this.type}`]:this.type,[`progress--${this.color}`]:this.color};return o.html`
|
|
2
|
+
<span>
|
|
3
|
+
<div class="progressbar-info" data-key="${this.min}">
|
|
4
|
+
<span class="progressbar-label">${this.label}</span>
|
|
5
|
+
<span class="progressbar-progress">${this.getDisplayFormat()}</span>
|
|
6
|
+
</div>
|
|
7
|
+
<div class="progress ${(0,l.classMap)(t)}" data-key="${this.max}">
|
|
8
|
+
<span
|
|
9
|
+
class="meter"
|
|
10
|
+
role="progressbar"
|
|
11
|
+
aria-labelledby="progressbar"
|
|
12
|
+
aria-valuenow=${this.adjustedValue}
|
|
13
|
+
aria-valuemin=${this.min}
|
|
14
|
+
aria-valuemax=${this.max}
|
|
15
|
+
aria-valuetext=${this.meterWidth}
|
|
16
|
+
style="${"width: "+this.meterWidth+"; background: "+this.getColor()}"
|
|
17
|
+
>
|
|
18
|
+
</span>
|
|
19
|
+
</div>
|
|
20
|
+
</span>
|
|
21
|
+
`}};h([(0,p.property)({type:Boolean})],e.prototype,"dynamic",void 0),h([(0,p.property)({type:String})],e.prototype,"color",void 0),h([(0,p.property)({type:String})],e.prototype,"label",void 0),h([(0,p.property)({type:String})],e.prototype,"displayFormat",void 0),h([(0,p.property)({type:String})],e.prototype,"type",void 0),h([(0,p.property)({type:Number})],e.prototype,"min",void 0),h([(0,p.property)({type:Number})],e.prototype,"max",void 0),h([(0,p.property)({type:Number})],e.prototype,"value",void 0),h([(0,p.property)({type:Number})],e.prototype,"adjustedValue",void 0),h([(0,p.property)({type:Number})],e.prototype,"valueFraction",void 0),h([(0,p.property)({type:String})],e.prototype,"meterWidth",void 0),e=h([(0,i.w)("md-progress-bar")],e),t.ELEMENT=e}(s||(s={}))}}]);
|
package/dist/7137.js
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";(self["momentum-web-components-[id]"]=self["momentum-web-components-[id]"]||[]).push([[7137],{7137(e,t,r){r.d(t,{A:()=>a});const a=r(7161).css`:host(md-card-alert){display:block}:host(md-card-alert) .md-card-alert{align-content:center;align-items:stretch;display:flex;flex-flow:column nowrap;justify-content:flex-start;background:var(--md-secondary-bg-color);border:1px solid var(--md-quaternary-bg-color);border-radius:.75rem;box-sizing:border-box;box-shadow:0 2px 8px rgba(0,0,0,.1);gap:.75rem;padding:.75rem;width:22.9375rem}:host(md-card-alert) .md-card-alert--no-insight{height:329px;max-height:329px;min-height:329px}:host(md-card-alert) .md-card-alert:focus{outline:0}:host(md-card-alert) .md-card-alert-header{align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:space-between;flex-wrap:nowrap}:host(md-card-alert) .md-card-alert-chips{align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:flex-start;gap:.375rem}:host(md-card-alert) .md-card-alert-timestamp{color:var(--md-secondary-text-color);font-size:.875rem;font-weight:400;flex-shrink:0}:host(md-card-alert) .md-card-alert-title-section{align-content:center;align-items:flex-start;display:flex;flex-flow:column nowrap;justify-content:flex-start;gap:.125rem;min-width:0;width:100%}:host(md-card-alert) .md-card-alert-title{-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;color:var(--md-primary-text-color);display:-webkit-box;font-size:1rem;font-weight:700;height:3rem;line-height:1.5rem;margin:0;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:normal;width:100%}:host(md-card-alert) .md-card-alert-subtitle{align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:flex-start;color:var(--md-secondary-text-color);font-size:.875rem;gap:.25rem;margin:0}:host(md-card-alert) .md-card-alert-subtitle-icon{flex-shrink:0;--md-icon-size:1rem}:host(md-card-alert) .md-card-alert-details{align-content:center;align-items:stretch;display:flex;flex-flow:column nowrap;justify-content:flex-start;background:var(--md-background-tertiary,#f3f4f6);border-radius:.5rem;gap:.1875rem;padding:.75rem}:host(md-card-alert) .md-card-alert-details-heading{color:var(--md-secondary-text-color);font-size:.875rem;margin-bottom:.125rem}:host(md-card-alert) .md-card-alert-detail-row{align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:space-between}:host(md-card-alert) .md-card-alert-detail-label{color:var(--md-primary-text-color);font-size:.875rem;font-weight:700;margin-bottom:.125rem}:host(md-card-alert) .md-card-alert-detail-value{color:var(--md-primary-text-color);font-size:.875rem;text-align:right;margin-bottom:.125rem}:host(md-card-alert) .md-card-alert-detail-value--highlighted{color:var(--md-alert-error-text-color,#dc2626)}:host(md-card-alert) .md-card-alert-insight{align-content:center;align-items:flex-start;display:flex;flex-flow:row nowrap;justify-content:flex-start;background:var(--card-ai-blue-bg-color,#eff6ff);border-radius:.5rem;border:1px solid var(--badge-confidence-cobalt-border-color,#dbeafe);color:var(--md-primary-text-color);gap:.5rem;padding:.625rem .75rem}:host(md-card-alert) .md-card-alert-insight-icon{color:var(--badge-status-accent-text-color,#0284c7);flex-shrink:0;margin-top:.0625rem;--md-icon-size:1rem}:host(md-card-alert) .md-card-alert-insight-text{font-size:.875rem;line-height:1.25rem}:host(md-card-alert) .md-card-alert-actions{align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:flex-start;gap:.5rem}`}}]);
|
package/dist/9189.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";(self["momentum-web-components-[id]"]=self["momentum-web-components-[id]"]||[]).push([[9189],{9189(e,t,i){i(7906),i(1821),i(2369),i(9773);var s,
|
|
1
|
+
"use strict";(self["momentum-web-components-[id]"]=self["momentum-web-components-[id]"]||[]).push([[9189],{9189(e,t,i){i(7906),i(1821),i(2369),i(9773);var s,o=i(2900),a=i(9609),n=i(3203),r=i(4084),l=(i(2022),i(7161)),p=i(429),d=i(5125),h=i(291),u=i(8175),m=i(318),c=i(9336),y=function(e,t,i,s){var o,a=arguments.length,n=a<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,s);else for(var r=e.length-1;r>=0;r--)(o=e[r])&&(n=(a<3?o(n):a>3?o(t,i,n):o(t,i))||n);return a>3&&n&&Object.defineProperty(t,i,n),n};!function(e){class t{determineMessageType(e){return e.reduce((e,t)=>"error"===t?e:t.type,"")}filterMessagesByType(e,t){return e.reduce((e,i)=>i.type===t?e.concat(i.message):e,[])}}e.MessageController=t;let i=class extends((0,n.y)(l.LitElement)){constructor(){super(...arguments),this.ariaDescribedBy="",this.ariaInvalid="false",this.ariaLabel="",this.autofocus=!1,this.auxiliaryContentPosition=null,this.clear=!1,this.clearAriaLabel="",this.compact=!1,this.containerSize="small-12",this.disabled=!1,this.id="",this.inputSize="",this.isFilled=!1,this.isLoading=!1,this.label="",this.helpText="",this.hideMessage=!1,this.htmlId="",this.ariaRole=void 0,this.ariaAutocomplete=void 0,this.messageArr=[],this.min=void 0,this.max=void 0,this.maxLength=void 0,this.multi=!1,this.multiline=!1,this.name="",this.nestedLevel=0,this.placeholder="",this.readOnly=!1,this.required=!1,this.searchable=!1,this.secondaryLabel="",this.selectWhenInFocus=!1,this.shape="",this.type="text",this.value="",this.ariaControls="",this.ariaExpanded="",this.newMomentum=!1,this.disableUserTextInput=!1,this.autocomplete=void 0,this.showDropdown=!1,this.dropdownExpanded=!1,this.dropdownAriaLabel="Show options",this.maxSuggestedLength=void 0,this.isEditing=!1,this.hasRightSlotContent=!1,this.messageController=new t}connectedCallback(){super.connectedCallback(),document.addEventListener("click",this.handleOutsideClick)}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("click",this.handleOutsideClick)}select(){var e;null===(e=this.input)||void 0===e||e.select()}focus(){var e;null===(e=this.input)||void 0===e||e.focus()}handleOutsideClick(e){let t=!1;const i=e.composedPath();i.length&&(t=!!i.find(e=>e===this),t||(this.input.blur(),this.isEditing=!1))}handleKeyDown(e){this.dispatchEvent(new CustomEvent("input-keydown",{bubbles:!0,composed:!0,detail:{srcEvent:e}}))}handleFocus(e){this.disabled||(this.isEditing=!0,this.selectWhenInFocus&&this.select(),this.dispatchEvent(new CustomEvent("input-focus",{bubbles:!0,composed:!0,detail:{srcEvent:e}})))}handleMouseDown(e){this.disabled||(this.isEditing=!0,this.dispatchEvent(new CustomEvent("input-mousedown",{bubbles:!0,composed:!0,detail:{srcEvent:e}})))}handleChange(e){var t;this.value=e.target.value,null===(t=this.control)||void 0===t||t.setValue(this.value),this.dispatchEvent(new CustomEvent("input-change",{bubbles:!0,composed:!0,detail:{srcEvent:e,value:this.value}}))}handleBlur(e){var t;null===(t=this.control)||void 0===t||t.markAsTouched(),this.isEditing=!1,this.dispatchEvent(new CustomEvent("input-blur",{bubbles:!0,composed:!0,detail:{srcEvent:e}}))}handleClear(e){if("keydown"===e.type){const{code:t}=e;if(t!==o.Uz.Space&&t!==o.Uz.Enter)return;e.preventDefault(),e.stopPropagation()}else"click"===e.type&&(e.preventDefault(),e.stopPropagation());this.input.focus(),this.dispatchEvent(new CustomEvent("input-clear",{bubbles:!0,composed:!0,detail:{srcEvent:e}})),document.dispatchEvent(new CustomEvent("on-widget-update")),this.handleChange(e)}handleLabelClick(){this.input.focus()}handleRighSlotChange(){var e;this.hasRightSlotContent=(null===(e=this.inputSectionRightSlot)||void 0===e?void 0:e.assignedNodes().length)>0}handleDropdownClick(e){e.preventDefault(),this.dropdownExpanded=!this.dropdownExpanded,this.dispatchEvent(new CustomEvent("input-dropdown-click",{bubbles:!0,composed:!0,detail:{srcEvent:e,expanded:this.dropdownExpanded}}))}get messageType(){return this.messageArr.length>0?this.messageController.determineMessageType(this.messageArr):null}get messages(){return this.messageType?this.messageController.filterMessagesByType(this.messageArr,this.messageType):null}get inputClassMap(){return{"md-input--filled":this.isFilled,colums:!!this.containerSize,[`${this.containerSize}`]:!!this.containerSize,"md-read-only":this.readOnly,"md-disabled":this.disabled,[`md-${this.messageType}`]:!!this.messageType,[`md-input--nested-${this.nestedLevel}`]:!!this.nestedLevel,"md-multi":this.multi,"md-new-momentum":this.newMomentum}}get inputWrapperClassMap(){return{columns:!!this.inputSize,[`${this.inputSize}`]:!!this.inputSize}}get inputTemplateClassMap(){return{"md-input--multiline":this.multiline,"md-input--multi":this.multi,[`md-input--${this.shape}`]:!!this.shape,"md-input--compact":this.compact,"md-input--before":"before"===this.auxiliaryContentPosition||this.searchable,"md-input--after":"after"===this.auxiliaryContentPosition,"md-active":this.isEditing,"md-focus":this.isEditing,"md-read-only":this.readOnly,"md-disable-user-text-input":this.disableUserTextInput,"md-disabled":this.disabled,"md-dirty":!!this.value,"md-has-right-icon":this.hasRightIcon}}get ariaExpandedValue(){return"true"===this.ariaExpanded||"false"===this.ariaExpanded?this.ariaExpanded:this.showDropdown?`${this.dropdownExpanded}`:void 0}get effectiveAriaAutocomplete(){return this.ariaAutocomplete||(this.showDropdown?"both":void 0)}get effectiveAriaRole(){return this.ariaRole||(this.showDropdown?"combobox":void 0)}get hasRightIcon(){return!(!this.clear||this.disabled||!this.value||this.readOnly)||!!this.showDropdown||!this.compact&&this.hasRightSlotContent}get effectiveAriaLabel(){return this.ariaLabel||this.label||void 0}inputTemplate(){var e;return this.multiline?l.html`
|
|
2
2
|
<textarea
|
|
3
3
|
part="input"
|
|
4
4
|
class="md-input ${(0,d.classMap)(this.inputTemplateClassMap)}"
|
|
@@ -37,14 +37,15 @@
|
|
|
37
37
|
type=${this.type}
|
|
38
38
|
.value=${this.value}
|
|
39
39
|
aria-describedby=${this.ariaDescribedBy}
|
|
40
|
-
aria-controls=${this.ariaControls}
|
|
40
|
+
aria-controls=${(0,h.ifDefined)(this.ariaControls||void 0)}
|
|
41
|
+
aria-autocomplete=${(0,h.ifDefined)(this.effectiveAriaAutocomplete)}
|
|
41
42
|
aria-expanded=${(0,h.ifDefined)(null!==(e=this.ariaExpandedValue)&&void 0!==e?e:void 0)}
|
|
42
43
|
aria-label=${(0,h.ifDefined)(this.effectiveAriaLabel)}
|
|
43
44
|
aria-invalid=${this.ariaInvalid}
|
|
44
45
|
aria-errormessage=${`${this.htmlId}-message`}
|
|
45
46
|
aria-disabled=${(0,h.ifDefined)(this.disabled||void 0)}
|
|
46
47
|
id=${this.htmlId}
|
|
47
|
-
role=${(0,h.ifDefined)(this.
|
|
48
|
+
role=${(0,h.ifDefined)(this.effectiveAriaRole)}
|
|
48
49
|
placeholder=${this.placeholder}
|
|
49
50
|
?readonly=${this.readOnly||this.disabled||this.disableUserTextInput}
|
|
50
51
|
min=${(0,h.ifDefined)(this.min)}
|
|
@@ -154,4 +155,4 @@
|
|
|
154
155
|
${this.characterCountLabelTemplate()}
|
|
155
156
|
</div>
|
|
156
157
|
</div>
|
|
157
|
-
`}};y([(0,p.property)({type:String})],i.prototype,"ariaDescribedBy",void 0),y([(0,p.property)({type:String,reflect:!0})],i.prototype,"ariaInvalid",void 0),y([(0,p.property)({type:String})],i.prototype,"ariaLabel",void 0),y([(0,p.property)({type:Boolean,reflect:!0})],i.prototype,"autofocus",void 0),y([(0,p.property)({type:String})],i.prototype,"auxiliaryContentPosition",void 0),y([(0,p.property)({type:Boolean})],i.prototype,"clear",void 0),y([(0,p.property)({type:String})],i.prototype,"clearAriaLabel",void 0),y([(0,p.property)({type:Boolean})],i.prototype,"compact",void 0),y([(0,p.property)({type:String})],i.prototype,"containerSize",void 0),y([(0,p.property)({type:Boolean})],i.prototype,"disabled",void 0),y([(0,p.property)({type:String})],i.prototype,"id",void 0),y([(0,p.property)({type:String})],i.prototype,"inputSize",void 0),y([(0,p.property)({type:Boolean})],i.prototype,"isFilled",void 0),y([(0,p.property)({type:Boolean})],i.prototype,"isLoading",void 0),y([(0,p.property)({type:String})],i.prototype,"label",void 0),y([(0,p.property)({type:String})],i.prototype,"helpText",void 0),y([(0,p.property)({type:Boolean,attribute:"hide-message",reflect:!0})],i.prototype,"hideMessage",void 0),y([(0,p.property)({type:String})],i.prototype,"htmlId",void 0),y([(0,p.property)({type:String})],i.prototype,"ariaRole",void 0),y([(0,p.property)({type:Array})],i.prototype,"messageArr",void 0),y([(0,p.property)({type:Number,reflect:!0})],i.prototype,"min",void 0),y([(0,p.property)({type:Number,reflect:!0})],i.prototype,"max",void 0),y([(0,p.property)({type:Number})],i.prototype,"maxLength",void 0),y([(0,p.property)({type:Boolean})],i.prototype,"multi",void 0),y([(0,p.property)({type:Boolean})],i.prototype,"multiline",void 0),y([(0,p.property)({type:String,reflect:!0})],i.prototype,"name",void 0),y([(0,p.property)({type:Number})],i.prototype,"nestedLevel",void 0),y([(0,p.property)({type:String})],i.prototype,"placeholder",void 0),y([(0,p.property)({type:Boolean})],i.prototype,"readOnly",void 0),y([(0,p.property)({type:Boolean})],i.prototype,"required",void 0),y([(0,p.property)({type:Boolean})],i.prototype,"searchable",void 0),y([(0,p.property)({type:String})],i.prototype,"secondaryLabel",void 0),y([(0,p.property)({type:Boolean,attribute:"select-when-in-focus"})],i.prototype,"selectWhenInFocus",void 0),y([(0,p.property)({type:String})],i.prototype,"shape",void 0),y([(0,p.property)({type:String})],i.prototype,"type",void 0),y([(0,p.property)({type:String,reflect:!0})],i.prototype,"value",void 0),y([(0,p.property)({type:String})],i.prototype,"ariaControls",void 0),y([(0,p.property)({type:String})],i.prototype,"ariaExpanded",void 0),y([(0,p.property)({type:Boolean})],i.prototype,"newMomentum",void 0),y([(0,p.property)({type:Object})],i.prototype,"control",void 0),y([(0,p.property)({type:Boolean})],i.prototype,"disableUserTextInput",void 0),y([(0,p.property)({type:String})],i.prototype,"autocomplete",void 0),y([(0,p.property)({type:Boolean})],i.prototype,"showDropdown",void 0),y([(0,p.property)({type:Boolean})],i.prototype,"dropdownExpanded",void 0),y([(0,p.property)({type:String})],i.prototype,"dropdownAriaLabel",void 0),y([(0,p.property)({type:Number})],i.prototype,"maxSuggestedLength",void 0),y([(0,p.query)(".md-input")],i.prototype,"input",void 0),y([(0,p.state)()],i.prototype,"isEditing",void 0),y([(0,p.query)('slot[name="input-section-right"]')],i.prototype,"inputSectionRightSlot",void 0),y([(0,p.state)()],i.prototype,"hasRightSlotContent",void 0),i=y([(0,
|
|
158
|
+
`}};y([(0,p.property)({type:String})],i.prototype,"ariaDescribedBy",void 0),y([(0,p.property)({type:String,reflect:!0})],i.prototype,"ariaInvalid",void 0),y([(0,p.property)({type:String})],i.prototype,"ariaLabel",void 0),y([(0,p.property)({type:Boolean,reflect:!0})],i.prototype,"autofocus",void 0),y([(0,p.property)({type:String})],i.prototype,"auxiliaryContentPosition",void 0),y([(0,p.property)({type:Boolean})],i.prototype,"clear",void 0),y([(0,p.property)({type:String})],i.prototype,"clearAriaLabel",void 0),y([(0,p.property)({type:Boolean})],i.prototype,"compact",void 0),y([(0,p.property)({type:String})],i.prototype,"containerSize",void 0),y([(0,p.property)({type:Boolean})],i.prototype,"disabled",void 0),y([(0,p.property)({type:String})],i.prototype,"id",void 0),y([(0,p.property)({type:String})],i.prototype,"inputSize",void 0),y([(0,p.property)({type:Boolean})],i.prototype,"isFilled",void 0),y([(0,p.property)({type:Boolean})],i.prototype,"isLoading",void 0),y([(0,p.property)({type:String})],i.prototype,"label",void 0),y([(0,p.property)({type:String})],i.prototype,"helpText",void 0),y([(0,p.property)({type:Boolean,attribute:"hide-message",reflect:!0})],i.prototype,"hideMessage",void 0),y([(0,p.property)({type:String})],i.prototype,"htmlId",void 0),y([(0,p.property)({type:String})],i.prototype,"ariaRole",void 0),y([(0,p.property)({type:String})],i.prototype,"ariaAutocomplete",void 0),y([(0,p.property)({type:Array})],i.prototype,"messageArr",void 0),y([(0,p.property)({type:Number,reflect:!0})],i.prototype,"min",void 0),y([(0,p.property)({type:Number,reflect:!0})],i.prototype,"max",void 0),y([(0,p.property)({type:Number})],i.prototype,"maxLength",void 0),y([(0,p.property)({type:Boolean})],i.prototype,"multi",void 0),y([(0,p.property)({type:Boolean})],i.prototype,"multiline",void 0),y([(0,p.property)({type:String,reflect:!0})],i.prototype,"name",void 0),y([(0,p.property)({type:Number})],i.prototype,"nestedLevel",void 0),y([(0,p.property)({type:String})],i.prototype,"placeholder",void 0),y([(0,p.property)({type:Boolean})],i.prototype,"readOnly",void 0),y([(0,p.property)({type:Boolean})],i.prototype,"required",void 0),y([(0,p.property)({type:Boolean})],i.prototype,"searchable",void 0),y([(0,p.property)({type:String})],i.prototype,"secondaryLabel",void 0),y([(0,p.property)({type:Boolean,attribute:"select-when-in-focus"})],i.prototype,"selectWhenInFocus",void 0),y([(0,p.property)({type:String})],i.prototype,"shape",void 0),y([(0,p.property)({type:String})],i.prototype,"type",void 0),y([(0,p.property)({type:String,reflect:!0})],i.prototype,"value",void 0),y([(0,p.property)({type:String})],i.prototype,"ariaControls",void 0),y([(0,p.property)({type:String})],i.prototype,"ariaExpanded",void 0),y([(0,p.property)({type:Boolean})],i.prototype,"newMomentum",void 0),y([(0,p.property)({type:Object})],i.prototype,"control",void 0),y([(0,p.property)({type:Boolean})],i.prototype,"disableUserTextInput",void 0),y([(0,p.property)({type:String})],i.prototype,"autocomplete",void 0),y([(0,p.property)({type:Boolean})],i.prototype,"showDropdown",void 0),y([(0,p.property)({type:Boolean})],i.prototype,"dropdownExpanded",void 0),y([(0,p.property)({type:String})],i.prototype,"dropdownAriaLabel",void 0),y([(0,p.property)({type:Number})],i.prototype,"maxSuggestedLength",void 0),y([(0,p.query)(".md-input")],i.prototype,"input",void 0),y([(0,p.state)()],i.prototype,"isEditing",void 0),y([(0,p.query)('slot[name="input-section-right"]')],i.prototype,"inputSectionRightSlot",void 0),y([(0,p.state)()],i.prototype,"hasRightSlotContent",void 0),i=y([(0,a.w)("md-input")],i),e.ELEMENT=i}(s||(s={}))}}]);
|
package/dist/9558.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";(self["momentum-web-components-[id]"]=self["momentum-web-components-[id]"]||[]).push([[9558],{9558(o,r,e){e.d(r,{A:()=>c});const c=e(7161).css`:focus{outline:0}.md-chip{padding:.25rem 1rem;font-size:var(--font-size-body-midsize,.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{gap:.5rem}.md-chip--small{padding:.1875rem .75rem;font-size:var(--font-size-body-midsize,.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);color:var(--badge-blue-text-color)}.md-chip--blue:hover,.md-chip--cobalt:hover{background-color:var(--badge-blue-bg-color);color:var(--badge-blue-text-color)}.md-chip--blue:active,.md-chip--cobalt:active{background-color:var(--badge-blue-bg-color);color:var(--badge-blue-text-color)}.md-chip--blue:hover,.md-chip--cobalt:hover{background-color:var(--badge-blue-hover-bg-color);color:var(--badge-blue-text-color)}.md-chip--blue:hover:hover,.md-chip--cobalt:hover:hover{background-color:var(--badge-blue-hover-bg-color);color:var(--badge-blue-text-color)}.md-chip--blue:hover:active,.md-chip--cobalt:hover:active{background-color:var(--badge-blue-hover-bg-color);color:var(--badge-blue-text-color)}.md-chip--blue:active,.md-chip--cobalt:active{background-color:var(--badge-blue-active-bg-color);color:var(--badge-blue-text-color)}.md-chip--blue:active:hover,.md-chip--cobalt:active:hover{background-color:var(--badge-blue-active-bg-color);color:var(--badge-blue-text-color)}.md-chip--blue:active:active,.md-chip--cobalt:active:active{background-color:var(--badge-blue-active-bg-color);color:var(--badge-blue-text-color)}.md-chip--gray{background-color:var(--badge-gray-bg-color);color:var(--badge-gray-text-color)}.md-chip--gray:hover{background-color:var(--badge-gray-bg-color);color:var(--badge-gray-text-color)}.md-chip--gray:active{background-color:var(--badge-gray-bg-color);color:var(--badge-gray-text-color)}.md-chip--gray:hover{background-color:var(--badge-gray-hover-bg-color);color:var(--badge-gray-text-color)}.md-chip--gray:hover:hover{background-color:var(--badge-gray-hover-bg-color);color:var(--badge-gray-text-color)}.md-chip--gray:hover:active{background-color:var(--badge-gray-hover-bg-color);color:var(--badge-gray-text-color)}.md-chip--gray:active{background-color:var(--badge-gray-active-bg-color);color:var(--badge-gray-text-color)}.md-chip--gray:active:hover{background-color:var(--badge-gray-active-bg-color);color:var(--badge-gray-text-color)}.md-chip--gray:active:active{background-color:var(--badge-gray-active-bg-color);color:var(--badge-gray-text-color)}.md-chip--mint{background-color:var(--badge-mint-bg-color);color:var(--badge-mint-text-color)}.md-chip--mint:hover{background-color:var(--badge-mint-bg-color);color:var(--badge-mint-text-color)}.md-chip--mint:active{background-color:var(--badge-mint-bg-color);color:var(--badge-mint-text-color)}.md-chip--mint:hover{background-color:var(--badge-mint-hover-bg-color);color:var(--badge-mint-text-color)}.md-chip--mint:hover:hover{background-color:var(--badge-mint-hover-bg-color);color:var(--badge-mint-text-color)}.md-chip--mint:hover:active{background-color:var(--badge-mint-hover-bg-color);color:var(--badge-mint-text-color)}.md-chip--mint:active{background-color:var(--badge-mint-active-bg-color);color:var(--badge-mint-text-color)}.md-chip--mint:active:hover{background-color:var(--badge-mint-active-bg-color);color:var(--badge-mint-text-color)}.md-chip--mint:active:active{background-color:var(--badge-mint-active-bg-color);color:var(--badge-mint-text-color)}.md-chip--darkmint{background-color:var(--badge-darkmint-bg-color);color:var(--badge-darkmint-text-color)}.md-chip--darkmint:hover{background-color:var(--badge-darkmint-bg-color);color:var(--badge-darkmint-text-color)}.md-chip--darkmint:active{background-color:var(--badge-darkmint-bg-color);color:var(--badge-darkmint-text-color)}.md-chip--green{background-color:var(--badge-green-bg-color);color:var(--badge-green-text-color)}.md-chip--green:hover{background-color:var(--badge-green-bg-color);color:var(--badge-green-text-color)}.md-chip--green:active{background-color:var(--badge-green-bg-color);color:var(--badge-green-text-color)}.md-chip--yellow{background-color:var(--badge-yellow-bg-color);color:var(--badge-yellow-text-color)}.md-chip--yellow:hover{background-color:var(--badge-yellow-bg-color);color:var(--badge-yellow-text-color)}.md-chip--yellow:active{background-color:var(--badge-yellow-bg-color);color:var(--badge-yellow-text-color)}.md-chip--red{background-color:var(--badge-red-bg-color);color:var(--badge-red-text-color)}.md-chip--red:hover{background-color:var(--badge-red-bg-color);color:var(--badge-red-text-color)}.md-chip--red:active{background-color:var(--badge-red-bg-color);color:var(--badge-red-text-color)}.md-chip--orange{background-color:var(--badge-orange-bg-color);color:var(--badge-orange-text-color)}.md-chip--orange:hover{background-color:var(--badge-orange-bg-color);color:var(--badge-orange-text-color)}.md-chip--orange:active{background-color:var(--badge-orange-bg-color);color:var(--badge-orange-text-color)}.md-chip--orange:hover{background-color:var(--badge-orange-hover-bg-color);color:var(--badge-orange-text-color)}.md-chip--orange:hover:hover{background-color:var(--badge-orange-hover-bg-color);color:var(--badge-orange-text-color)}.md-chip--orange:hover:active{background-color:var(--badge-orange-hover-bg-color);color:var(--badge-orange-text-color)}.md-chip--orange:active{background-color:var(--badge-orange-active-bg-color);color:var(--badge-orange-text-color)}.md-chip--orange:active:hover{background-color:var(--badge-orange-active-bg-color);color:var(--badge-orange-text-color)}.md-chip--orange:active:active{background-color:var(--badge-orange-active-bg-color);color:var(--badge-orange-text-color)}.md-chip--gold{background-color:var(--badge-gold-bg-color);color:var(--badge-gold-text-color)}.md-chip--gold:hover{background-color:var(--badge-gold-bg-color);color:var(--badge-gold-text-color)}.md-chip--gold:active{background-color:var(--badge-gold-bg-color);color:var(--badge-gold-text-color)}.md-chip--gold:hover{background-color:var(--badge-gold-hover-bg-color);color:var(--badge-gold-text-color)}.md-chip--gold:hover:hover{background-color:var(--badge-gold-hover-bg-color);color:var(--badge-gold-text-color)}.md-chip--gold:hover:active{background-color:var(--badge-gold-hover-bg-color);color:var(--badge-gold-text-color)}.md-chip--gold:active{background-color:var(--badge-gold-active-bg-color);color:var(--badge-gold-text-color)}.md-chip--gold:active:hover{background-color:var(--badge-gold-active-bg-color);color:var(--badge-gold-text-color)}.md-chip--gold:active:active{background-color:var(--badge-gold-active-bg-color);color:var(--badge-gold-text-color)}.md-chip--lime{background-color:var(--badge-lime-bg-color);color:var(--badge-lime-text-color)}.md-chip--lime:hover{background-color:var(--badge-lime-bg-color);color:var(--badge-lime-text-color)}.md-chip--lime:active{background-color:var(--badge-lime-bg-color);color:var(--badge-lime-text-color)}.md-chip--lime:hover{background-color:var(--badge-lime-hover-bg-color);color:var(--badge-lime-text-color)}.md-chip--lime:hover:hover{background-color:var(--badge-lime-hover-bg-color);color:var(--badge-lime-text-color)}.md-chip--lime:hover:active{background-color:var(--badge-lime-hover-bg-color);color:var(--badge-lime-text-color)}.md-chip--lime:active{background-color:var(--badge-lime-active-bg-color);color:var(--badge-lime-text-color)}.md-chip--lime:active:hover{background-color:var(--badge-lime-active-bg-color);color:var(--badge-lime-text-color)}.md-chip--lime:active:active{background-color:var(--badge-lime-active-bg-color);color:var(--badge-lime-text-color)}.md-chip--pink{background-color:var(--badge-pink-bg-color);color:var(--badge-pink-text-color)}.md-chip--pink:hover{background-color:var(--badge-pink-bg-color);color:var(--badge-pink-text-color)}.md-chip--pink:active{background-color:var(--badge-pink-bg-color);color:var(--badge-pink-text-color)}.md-chip--pink:hover{background-color:var(--badge-pink-hover-bg-color);color:var(--badge-pink-text-color)}.md-chip--pink:hover:hover{background-color:var(--badge-pink-hover-bg-color);color:var(--badge-pink-text-color)}.md-chip--pink:hover:active{background-color:var(--badge-pink-hover-bg-color);color:var(--badge-pink-text-color)}.md-chip--pink:active{background-color:var(--badge-pink-active-bg-color);color:var(--badge-pink-text-color)}.md-chip--pink:active:hover{background-color:var(--badge-pink-active-bg-color);color:var(--badge-pink-text-color)}.md-chip--pink:active:active{background-color:var(--badge-pink-active-bg-color);color:var(--badge-pink-text-color)}.md-chip--purple{background-color:var(--badge-purple-bg-color);color:var(--badge-purple-text-color)}.md-chip--purple:hover{background-color:var(--badge-purple-bg-color);color:var(--badge-purple-text-color)}.md-chip--purple:active{background-color:var(--badge-purple-bg-color);color:var(--badge-purple-text-color)}.md-chip--violet{background-color:var(--badge-violet-bg-color);color:var(--badge-violet-text-color)}.md-chip--violet:hover{background-color:var(--badge-violet-bg-color);color:var(--badge-violet-text-color)}.md-chip--violet:active{background-color:var(--badge-violet-bg-color);color:var(--badge-violet-text-color)}.md-chip--violet:hover{background-color:var(--badge-violet-hover-bg-color);color:var(--badge-violet-text-color)}.md-chip--violet:hover:hover{background-color:var(--badge-violet-hover-bg-color);color:var(--badge-violet-text-color)}.md-chip--violet:hover:active{background-color:var(--badge-violet-hover-bg-color);color:var(--badge-violet-text-color)}.md-chip--violet:active{background-color:var(--badge-violet-active-bg-color);color:var(--badge-violet-text-color)}.md-chip--violet:active:hover{background-color:var(--badge-violet-active-bg-color);color:var(--badge-violet-text-color)}.md-chip--violet:active:active{background-color:var(--badge-violet-active-bg-color);color:var(--badge-violet-text-color)}.md-chip--cyan{background-color:var(--badge-cyan-bg-color);color:var(--badge-cyan-text-color)}.md-chip--cyan:hover{background-color:var(--badge-cyan-bg-color);color:var(--badge-cyan-text-color)}.md-chip--cyan:active{background-color:var(--badge-cyan-bg-color);color:var(--badge-cyan-text-color)}.md-chip--positive{gap:.25rem;padding:0 4px;font-weight:500;font-family:var(--brand-font-regular);background-color:var(--badge-positive-bg-color);color:var(--badge-positive-text-color);border:1px solid var(--badge-positive-border-color);border-radius:4px}.md-chip--positive ::slotted([slot=custom-left-content]){color:var(--badge-positive-icon-color)}.md-chip--positive.md-chip--interactive:hover{background-color:var(--badge-positive-hover-bg-color)}.md-chip--positive.md-chip--interactive:active{background-color:var(--badge-positive-active-bg-color)}.md-chip--positive:not(.md-chip--interactive):hover{background-color:var(--badge-positive-bg-color)}.md-chip--positive:not(.md-chip--interactive):active{background-color:var(--badge-positive-bg-color)}.md-chip--positive:not(.md-chip--interactive){cursor:default}.md-chip--negative{gap:.25rem;padding:0 4px;font-weight:500;font-family:var(--brand-font-regular);background-color:var(--badge-negative-bg-color);color:var(--badge-negative-text-color);border:1px solid var(--badge-negative-border-color);border-radius:4px}.md-chip--negative ::slotted([slot=custom-left-content]){color:var(--badge-negative-icon-color)}.md-chip--negative.md-chip--interactive:hover{background-color:var(--badge-negative-hover-bg-color)}.md-chip--negative.md-chip--interactive:active{background-color:var(--badge-negative-active-bg-color)}.md-chip--negative:not(.md-chip--interactive):hover{background-color:var(--badge-negative-bg-color)}.md-chip--negative:not(.md-chip--interactive):active{background-color:var(--badge-negative-bg-color)}.md-chip--negative:not(.md-chip--interactive){cursor:default}.md-chip--neutral{gap:.25rem;padding:0 4px;font-weight:500;font-family:var(--brand-font-regular);background-color:var(--badge-neutral-bg-color);color:var(--badge-neutral-text-color);border:1px solid var(--badge-neutral-border-color);border-radius:4px}.md-chip--neutral ::slotted([slot=custom-left-content]){color:var(--badge-neutral-icon-color)}.md-chip--neutral.md-chip--interactive:hover{background-color:var(--badge-neutral-hover-bg-color)}.md-chip--neutral.md-chip--interactive:active{background-color:var(--badge-neutral-active-bg-color)}.md-chip--neutral:not(.md-chip--interactive):hover{background-color:var(--badge-neutral-bg-color)}.md-chip--neutral:not(.md-chip--interactive):active{background-color:var(--badge-neutral-bg-color)}.md-chip--neutral:not(.md-chip--interactive){cursor:default}.md-chip--warning{gap:.25rem;padding:0 4px;font-weight:500;font-family:var(--brand-font-regular);background-color:var(--badge-warning-bg-color);color:var(--badge-warning-text-color);border:1px solid var(--badge-warning-border-color);border-radius:4px}.md-chip--warning ::slotted([slot=custom-left-content]){color:var(--badge-warning-icon-color)}.md-chip--warning.md-chip--interactive:hover{background-color:var(--badge-warning-hover-bg-color)}.md-chip--warning.md-chip--interactive:active{background-color:var(--badge-warning-active-bg-color)}.md-chip--warning:not(.md-chip--interactive):hover{background-color:var(--badge-warning-bg-color)}.md-chip--warning:not(.md-chip--interactive):active{background-color:var(--badge-warning-bg-color)}.md-chip--warning:not(.md-chip--interactive){cursor:default}.md-chip--status-negative{gap:.25rem;padding:0 4px;padding-right:6px;font-weight:400;font-family:var(--brand-font-regular);background-color:var(--badge-status-negative-bg-color);color:var(--badge-status-negative-text-color);border-radius:12px}.md-chip--status-negative:hover{background-color:var(--badge-status-negative-bg-color)}.md-chip--status-negative:active{background-color:var(--badge-status-negative-bg-color)}.md-chip--status-positive{gap:.25rem;padding:0 4px;padding-right:6px;font-weight:400;font-family:var(--brand-font-regular);background-color:var(--badge-status-positive-bg-color);color:var(--badge-status-positive-text-color);border-radius:12px}.md-chip--status-positive:hover{background-color:var(--badge-status-positive-bg-color)}.md-chip--status-positive:active{background-color:var(--badge-status-positive-bg-color)}.md-chip--status-warning{gap:.25rem;padding:0 4px;padding-right:6px;font-weight:400;font-family:var(--brand-font-regular);background-color:var(--badge-status-warning-bg-color);color:var(--badge-status-warning-text-color);border-radius:12px}.md-chip--status-warning:hover{background-color:var(--badge-status-warning-bg-color)}.md-chip--status-warning:active{background-color:var(--badge-status-warning-bg-color)}.md-chip--status-accent{gap:.25rem;padding:0 4px;padding-right:6px;font-weight:400;font-family:var(--brand-font-regular);background-color:var(--badge-status-accent-bg-color);color:var(--badge-status-accent-text-color);border-radius:12px}.md-chip--status-accent:hover{background-color:var(--badge-status-accent-bg-color)}.md-chip--status-accent:active{background-color:var(--badge-status-accent-bg-color)}.md-chip--status-orange{gap:.25rem;padding:0 4px;padding-right:6px;font-weight:400;font-family:var(--brand-font-regular);background-color:var(--badge-status-orange-bg-color);color:var(--badge-status-orange-text-color);border-radius:12px}.md-chip--status-orange:hover{background-color:var(--badge-status-orange-bg-color)}.md-chip--status-orange:active{background-color:var(--badge-status-orange-bg-color)}.md-chip--confidence-default{gap:.25rem;padding:0 4px;font-weight:500;font-family:var(--brand-font-regular);background-color:var(--badge-confidence-default-bg-color);color:var(--badge-confidence-default-text-color);border:1px solid var(--badge-confidence-default-border-color);border-radius:4px;max-width:fit-content}.md-chip--confidence-default:hover{background-color:var(--badge-confidence-default-hover-bg-color)}.md-chip--confidence-default:active{background-color:var(--badge-confidence-default-active-bg-color)}.md-chip--confidence-violet{gap:.25rem;padding:0 4px;font-weight:500;font-family:var(--brand-font-regular);background-color:var(--badge-confidence-violet-bg-color);color:var(--badge-confidence-violet-text-color);border:1px solid var(--badge-confidence-violet-border-color);border-radius:4px;max-width:fit-content}.md-chip--confidence-violet:hover{background-color:var(--badge-confidence-violet-hover-bg-color)}.md-chip--confidence-violet:active{background-color:var(--badge-confidence-violet-active-bg-color)}.md-chip--confidence-slate{gap:.25rem;padding:0 4px;font-weight:500;font-family:var(--brand-font-regular);background-color:var(--badge-confidence-slate-bg-color);color:var(--badge-confidence-slate-text-color);border:1px solid var(--badge-confidence-slate-border-color);border-radius:4px;max-width:fit-content}.md-chip--confidence-slate:hover{background-color:var(--badge-confidence-slate-hover-bg-color)}.md-chip--confidence-slate:active{background-color:var(--badge-confidence-slate-active-bg-color)}.md-chip--confidence-gold{gap:.25rem;padding:0 4px;font-weight:500;font-family:var(--brand-font-regular);background-color:var(--badge-confidence-gold-bg-color);color:var(--badge-confidence-gold-text-color);border:1px solid var(--badge-confidence-gold-border-color);border-radius:4px;max-width:fit-content}.md-chip--confidence-gold:hover{background-color:var(--badge-confidence-gold-hover-bg-color)}.md-chip--confidence-gold:active{background-color:var(--badge-confidence-gold-active-bg-color)}.md-chip--confidence-mint{gap:.25rem;padding:0 4px;font-weight:500;font-family:var(--brand-font-regular);background-color:var(--badge-confidence-mint-bg-color);color:var(--badge-confidence-mint-text-color);border:1px solid var(--badge-confidence-mint-border-color);border-radius:4px;max-width:fit-content}.md-chip--confidence-mint:hover{background-color:var(--badge-confidence-mint-hover-bg-color)}.md-chip--confidence-mint:active{background-color:var(--badge-confidence-mint-active-bg-color)}.md-chip--confidence-pink{gap:.25rem;padding:0 4px;font-weight:500;font-family:var(--brand-font-regular);background-color:var(--badge-confidence-pink-bg-color);color:var(--badge-confidence-pink-text-color);border:1px solid var(--badge-confidence-pink-border-color);border-radius:4px;max-width:fit-content}.md-chip--confidence-pink:hover{background-color:var(--badge-confidence-pink-hover-bg-color)}.md-chip--confidence-pink:active{background-color:var(--badge-confidence-pink-active-bg-color)}.md-chip--confidence-cobalt{gap:.25rem;padding:0 4px;font-weight:500;font-family:var(--brand-font-regular);background-color:var(--badge-confidence-cobalt-bg-color);color:var(--badge-confidence-cobalt-text-color);border:1px solid var(--badge-confidence-cobalt-border-color);border-radius:4px;max-width:fit-content}.md-chip--confidence-cobalt:hover{background-color:var(--badge-confidence-cobalt-hover-bg-color)}.md-chip--confidence-cobalt:active{background-color:var(--badge-confidence-cobalt-active-bg-color)}.md-chip--confidence-lime{gap:.25rem;padding:0 4px;font-weight:500;font-family:var(--brand-font-regular);background-color:var(--badge-confidence-lime-bg-color);color:var(--badge-confidence-lime-text-color);border:1px solid var(--badge-confidence-lime-border-color);border-radius:4px;max-width:fit-content}.md-chip--confidence-lime:hover{background-color:var(--badge-confidence-lime-hover-bg-color)}.md-chip--confidence-lime:active{background-color:var(--badge-confidence-lime-active-bg-color)}.md-chip .md-chip--clear{display:flow-root;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}.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}@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}}`}}]);
|
|
1
|
+
"use strict";(self["momentum-web-components-[id]"]=self["momentum-web-components-[id]"]||[]).push([[9558],{9558(o,r,e){e.d(r,{A:()=>c});const c=e(7161).css`:host{display:inline-flex;vertical-align:middle}md-tooltip::part(tooltip_reference){display:flex}:focus{outline:0}.md-chip{padding:.25rem 1rem;font-size:var(--font-size-body-midsize,.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{gap:.5rem}.md-chip--small{padding:.1875rem .75rem;font-size:var(--font-size-body-midsize,.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);color:var(--badge-blue-text-color)}.md-chip--blue:hover,.md-chip--cobalt:hover{background-color:var(--badge-blue-bg-color);color:var(--badge-blue-text-color)}.md-chip--blue:active,.md-chip--cobalt:active{background-color:var(--badge-blue-bg-color);color:var(--badge-blue-text-color)}.md-chip--blue:hover,.md-chip--cobalt:hover{background-color:var(--badge-blue-hover-bg-color);color:var(--badge-blue-text-color)}.md-chip--blue:hover:hover,.md-chip--cobalt:hover:hover{background-color:var(--badge-blue-hover-bg-color);color:var(--badge-blue-text-color)}.md-chip--blue:hover:active,.md-chip--cobalt:hover:active{background-color:var(--badge-blue-hover-bg-color);color:var(--badge-blue-text-color)}.md-chip--blue:active,.md-chip--cobalt:active{background-color:var(--badge-blue-active-bg-color);color:var(--badge-blue-text-color)}.md-chip--blue:active:hover,.md-chip--cobalt:active:hover{background-color:var(--badge-blue-active-bg-color);color:var(--badge-blue-text-color)}.md-chip--blue:active:active,.md-chip--cobalt:active:active{background-color:var(--badge-blue-active-bg-color);color:var(--badge-blue-text-color)}.md-chip--gray{background-color:var(--badge-gray-bg-color);color:var(--badge-gray-text-color)}.md-chip--gray:hover{background-color:var(--badge-gray-bg-color);color:var(--badge-gray-text-color)}.md-chip--gray:active{background-color:var(--badge-gray-bg-color);color:var(--badge-gray-text-color)}.md-chip--gray:hover{background-color:var(--badge-gray-hover-bg-color);color:var(--badge-gray-text-color)}.md-chip--gray:hover:hover{background-color:var(--badge-gray-hover-bg-color);color:var(--badge-gray-text-color)}.md-chip--gray:hover:active{background-color:var(--badge-gray-hover-bg-color);color:var(--badge-gray-text-color)}.md-chip--gray:active{background-color:var(--badge-gray-active-bg-color);color:var(--badge-gray-text-color)}.md-chip--gray:active:hover{background-color:var(--badge-gray-active-bg-color);color:var(--badge-gray-text-color)}.md-chip--gray:active:active{background-color:var(--badge-gray-active-bg-color);color:var(--badge-gray-text-color)}.md-chip--mint{background-color:var(--badge-mint-bg-color);color:var(--badge-mint-text-color)}.md-chip--mint:hover{background-color:var(--badge-mint-bg-color);color:var(--badge-mint-text-color)}.md-chip--mint:active{background-color:var(--badge-mint-bg-color);color:var(--badge-mint-text-color)}.md-chip--mint:hover{background-color:var(--badge-mint-hover-bg-color);color:var(--badge-mint-text-color)}.md-chip--mint:hover:hover{background-color:var(--badge-mint-hover-bg-color);color:var(--badge-mint-text-color)}.md-chip--mint:hover:active{background-color:var(--badge-mint-hover-bg-color);color:var(--badge-mint-text-color)}.md-chip--mint:active{background-color:var(--badge-mint-active-bg-color);color:var(--badge-mint-text-color)}.md-chip--mint:active:hover{background-color:var(--badge-mint-active-bg-color);color:var(--badge-mint-text-color)}.md-chip--mint:active:active{background-color:var(--badge-mint-active-bg-color);color:var(--badge-mint-text-color)}.md-chip--darkmint{background-color:var(--badge-darkmint-bg-color);color:var(--badge-darkmint-text-color)}.md-chip--darkmint:hover{background-color:var(--badge-darkmint-bg-color);color:var(--badge-darkmint-text-color)}.md-chip--darkmint:active{background-color:var(--badge-darkmint-bg-color);color:var(--badge-darkmint-text-color)}.md-chip--green{background-color:var(--badge-green-bg-color);color:var(--badge-green-text-color)}.md-chip--green:hover{background-color:var(--badge-green-bg-color);color:var(--badge-green-text-color)}.md-chip--green:active{background-color:var(--badge-green-bg-color);color:var(--badge-green-text-color)}.md-chip--yellow{background-color:var(--badge-yellow-bg-color);color:var(--badge-yellow-text-color)}.md-chip--yellow:hover{background-color:var(--badge-yellow-bg-color);color:var(--badge-yellow-text-color)}.md-chip--yellow:active{background-color:var(--badge-yellow-bg-color);color:var(--badge-yellow-text-color)}.md-chip--red{background-color:var(--badge-red-bg-color);color:var(--badge-red-text-color)}.md-chip--red:hover{background-color:var(--badge-red-bg-color);color:var(--badge-red-text-color)}.md-chip--red:active{background-color:var(--badge-red-bg-color);color:var(--badge-red-text-color)}.md-chip--orange{background-color:var(--badge-orange-bg-color);color:var(--badge-orange-text-color)}.md-chip--orange:hover{background-color:var(--badge-orange-bg-color);color:var(--badge-orange-text-color)}.md-chip--orange:active{background-color:var(--badge-orange-bg-color);color:var(--badge-orange-text-color)}.md-chip--orange:hover{background-color:var(--badge-orange-hover-bg-color);color:var(--badge-orange-text-color)}.md-chip--orange:hover:hover{background-color:var(--badge-orange-hover-bg-color);color:var(--badge-orange-text-color)}.md-chip--orange:hover:active{background-color:var(--badge-orange-hover-bg-color);color:var(--badge-orange-text-color)}.md-chip--orange:active{background-color:var(--badge-orange-active-bg-color);color:var(--badge-orange-text-color)}.md-chip--orange:active:hover{background-color:var(--badge-orange-active-bg-color);color:var(--badge-orange-text-color)}.md-chip--orange:active:active{background-color:var(--badge-orange-active-bg-color);color:var(--badge-orange-text-color)}.md-chip--gold{background-color:var(--badge-gold-bg-color);color:var(--badge-gold-text-color)}.md-chip--gold:hover{background-color:var(--badge-gold-bg-color);color:var(--badge-gold-text-color)}.md-chip--gold:active{background-color:var(--badge-gold-bg-color);color:var(--badge-gold-text-color)}.md-chip--gold:hover{background-color:var(--badge-gold-hover-bg-color);color:var(--badge-gold-text-color)}.md-chip--gold:hover:hover{background-color:var(--badge-gold-hover-bg-color);color:var(--badge-gold-text-color)}.md-chip--gold:hover:active{background-color:var(--badge-gold-hover-bg-color);color:var(--badge-gold-text-color)}.md-chip--gold:active{background-color:var(--badge-gold-active-bg-color);color:var(--badge-gold-text-color)}.md-chip--gold:active:hover{background-color:var(--badge-gold-active-bg-color);color:var(--badge-gold-text-color)}.md-chip--gold:active:active{background-color:var(--badge-gold-active-bg-color);color:var(--badge-gold-text-color)}.md-chip--lime{background-color:var(--badge-lime-bg-color);color:var(--badge-lime-text-color)}.md-chip--lime:hover{background-color:var(--badge-lime-bg-color);color:var(--badge-lime-text-color)}.md-chip--lime:active{background-color:var(--badge-lime-bg-color);color:var(--badge-lime-text-color)}.md-chip--lime:hover{background-color:var(--badge-lime-hover-bg-color);color:var(--badge-lime-text-color)}.md-chip--lime:hover:hover{background-color:var(--badge-lime-hover-bg-color);color:var(--badge-lime-text-color)}.md-chip--lime:hover:active{background-color:var(--badge-lime-hover-bg-color);color:var(--badge-lime-text-color)}.md-chip--lime:active{background-color:var(--badge-lime-active-bg-color);color:var(--badge-lime-text-color)}.md-chip--lime:active:hover{background-color:var(--badge-lime-active-bg-color);color:var(--badge-lime-text-color)}.md-chip--lime:active:active{background-color:var(--badge-lime-active-bg-color);color:var(--badge-lime-text-color)}.md-chip--pink{background-color:var(--badge-pink-bg-color);color:var(--badge-pink-text-color)}.md-chip--pink:hover{background-color:var(--badge-pink-bg-color);color:var(--badge-pink-text-color)}.md-chip--pink:active{background-color:var(--badge-pink-bg-color);color:var(--badge-pink-text-color)}.md-chip--pink:hover{background-color:var(--badge-pink-hover-bg-color);color:var(--badge-pink-text-color)}.md-chip--pink:hover:hover{background-color:var(--badge-pink-hover-bg-color);color:var(--badge-pink-text-color)}.md-chip--pink:hover:active{background-color:var(--badge-pink-hover-bg-color);color:var(--badge-pink-text-color)}.md-chip--pink:active{background-color:var(--badge-pink-active-bg-color);color:var(--badge-pink-text-color)}.md-chip--pink:active:hover{background-color:var(--badge-pink-active-bg-color);color:var(--badge-pink-text-color)}.md-chip--pink:active:active{background-color:var(--badge-pink-active-bg-color);color:var(--badge-pink-text-color)}.md-chip--purple{background-color:var(--badge-purple-bg-color);color:var(--badge-purple-text-color)}.md-chip--purple:hover{background-color:var(--badge-purple-bg-color);color:var(--badge-purple-text-color)}.md-chip--purple:active{background-color:var(--badge-purple-bg-color);color:var(--badge-purple-text-color)}.md-chip--violet{background-color:var(--badge-violet-bg-color);color:var(--badge-violet-text-color)}.md-chip--violet:hover{background-color:var(--badge-violet-bg-color);color:var(--badge-violet-text-color)}.md-chip--violet:active{background-color:var(--badge-violet-bg-color);color:var(--badge-violet-text-color)}.md-chip--violet:hover{background-color:var(--badge-violet-hover-bg-color);color:var(--badge-violet-text-color)}.md-chip--violet:hover:hover{background-color:var(--badge-violet-hover-bg-color);color:var(--badge-violet-text-color)}.md-chip--violet:hover:active{background-color:var(--badge-violet-hover-bg-color);color:var(--badge-violet-text-color)}.md-chip--violet:active{background-color:var(--badge-violet-active-bg-color);color:var(--badge-violet-text-color)}.md-chip--violet:active:hover{background-color:var(--badge-violet-active-bg-color);color:var(--badge-violet-text-color)}.md-chip--violet:active:active{background-color:var(--badge-violet-active-bg-color);color:var(--badge-violet-text-color)}.md-chip--cyan{background-color:var(--badge-cyan-bg-color);color:var(--badge-cyan-text-color)}.md-chip--cyan:hover{background-color:var(--badge-cyan-bg-color);color:var(--badge-cyan-text-color)}.md-chip--cyan:active{background-color:var(--badge-cyan-bg-color);color:var(--badge-cyan-text-color)}.md-chip--positive{gap:.25rem;padding:0 4px;font-weight:500;font-family:var(--brand-font-regular);background-color:var(--badge-positive-bg-color);color:var(--badge-positive-text-color);border:1px solid var(--badge-positive-border-color);border-radius:4px}.md-chip--positive ::slotted([slot=custom-left-content]){color:var(--badge-positive-icon-color)}.md-chip--positive.md-chip--interactive:hover{background-color:var(--badge-positive-hover-bg-color)}.md-chip--positive.md-chip--interactive:active{background-color:var(--badge-positive-active-bg-color)}.md-chip--positive:not(.md-chip--interactive):hover{background-color:var(--badge-positive-bg-color)}.md-chip--positive:not(.md-chip--interactive):active{background-color:var(--badge-positive-bg-color)}.md-chip--positive:not(.md-chip--interactive){cursor:default}.md-chip--negative{gap:.25rem;padding:0 4px;font-weight:500;font-family:var(--brand-font-regular);background-color:var(--badge-negative-bg-color);color:var(--badge-negative-text-color);border:1px solid var(--badge-negative-border-color);border-radius:4px}.md-chip--negative ::slotted([slot=custom-left-content]){color:var(--badge-negative-icon-color)}.md-chip--negative.md-chip--interactive:hover{background-color:var(--badge-negative-hover-bg-color)}.md-chip--negative.md-chip--interactive:active{background-color:var(--badge-negative-active-bg-color)}.md-chip--negative:not(.md-chip--interactive):hover{background-color:var(--badge-negative-bg-color)}.md-chip--negative:not(.md-chip--interactive):active{background-color:var(--badge-negative-bg-color)}.md-chip--negative:not(.md-chip--interactive){cursor:default}.md-chip--neutral{gap:.25rem;padding:0 4px;font-weight:500;font-family:var(--brand-font-regular);background-color:var(--badge-neutral-bg-color);color:var(--badge-neutral-text-color);border:1px solid var(--badge-neutral-border-color);border-radius:4px}.md-chip--neutral ::slotted([slot=custom-left-content]){color:var(--badge-neutral-icon-color)}.md-chip--neutral.md-chip--interactive:hover{background-color:var(--badge-neutral-hover-bg-color)}.md-chip--neutral.md-chip--interactive:active{background-color:var(--badge-neutral-active-bg-color)}.md-chip--neutral:not(.md-chip--interactive):hover{background-color:var(--badge-neutral-bg-color)}.md-chip--neutral:not(.md-chip--interactive):active{background-color:var(--badge-neutral-bg-color)}.md-chip--neutral:not(.md-chip--interactive){cursor:default}.md-chip--warning{gap:.25rem;padding:0 4px;font-weight:500;font-family:var(--brand-font-regular);background-color:var(--badge-warning-bg-color);color:var(--badge-warning-text-color);border:1px solid var(--badge-warning-border-color);border-radius:4px}.md-chip--warning ::slotted([slot=custom-left-content]){color:var(--badge-warning-icon-color)}.md-chip--warning.md-chip--interactive:hover{background-color:var(--badge-warning-hover-bg-color)}.md-chip--warning.md-chip--interactive:active{background-color:var(--badge-warning-active-bg-color)}.md-chip--warning:not(.md-chip--interactive):hover{background-color:var(--badge-warning-bg-color)}.md-chip--warning:not(.md-chip--interactive):active{background-color:var(--badge-warning-bg-color)}.md-chip--warning:not(.md-chip--interactive){cursor:default}.md-chip--informational{gap:.25rem;padding:0 4px;font-weight:500;font-family:var(--brand-font-regular);background-color:var(--badge-confidence-cobalt-bg-color);color:var(--badge-confidence-cobalt-text-color);border:1px solid var(--badge-confidence-cobalt-border-color);border-radius:4px}.md-chip--informational ::slotted([slot=custom-left-content]){color:var(--badge-confidence-cobalt-border-color)}.md-chip--informational.md-chip--interactive:hover{background-color:var(--badge-confidence-cobalt-hover-bg-color)}.md-chip--informational.md-chip--interactive:active{background-color:var(--badge-confidence-cobalt-active-bg-color)}.md-chip--informational:not(.md-chip--interactive):hover{background-color:var(--badge-confidence-cobalt-bg-color)}.md-chip--informational:not(.md-chip--interactive):active{background-color:var(--badge-confidence-cobalt-bg-color)}.md-chip--informational:not(.md-chip--interactive){cursor:default}.md-chip--status-negative{gap:.25rem;padding:0 4px;padding-right:6px;font-weight:400;font-family:var(--brand-font-regular);background-color:var(--badge-status-negative-bg-color);color:var(--badge-status-negative-text-color);border-radius:12px}.md-chip--status-negative:hover{background-color:var(--badge-status-negative-bg-color)}.md-chip--status-negative:active{background-color:var(--badge-status-negative-bg-color)}.md-chip--status-positive{gap:.25rem;padding:0 4px;padding-right:6px;font-weight:400;font-family:var(--brand-font-regular);background-color:var(--badge-status-positive-bg-color);color:var(--badge-status-positive-text-color);border-radius:12px}.md-chip--status-positive:hover{background-color:var(--badge-status-positive-bg-color)}.md-chip--status-positive:active{background-color:var(--badge-status-positive-bg-color)}.md-chip--status-warning{gap:.25rem;padding:0 4px;padding-right:6px;font-weight:400;font-family:var(--brand-font-regular);background-color:var(--badge-status-warning-bg-color);color:var(--badge-status-warning-text-color);border-radius:12px}.md-chip--status-warning:hover{background-color:var(--badge-status-warning-bg-color)}.md-chip--status-warning:active{background-color:var(--badge-status-warning-bg-color)}.md-chip--status-accent{gap:.25rem;padding:0 4px;padding-right:6px;font-weight:400;font-family:var(--brand-font-regular);background-color:var(--badge-status-accent-bg-color);color:var(--badge-status-accent-text-color);border-radius:12px}.md-chip--status-accent:hover{background-color:var(--badge-status-accent-bg-color)}.md-chip--status-accent:active{background-color:var(--badge-status-accent-bg-color)}.md-chip--status-orange{gap:.25rem;padding:0 4px;padding-right:6px;font-weight:400;font-family:var(--brand-font-regular);background-color:var(--badge-status-orange-bg-color);color:var(--badge-status-orange-text-color);border-radius:12px}.md-chip--status-orange:hover{background-color:var(--badge-status-orange-bg-color)}.md-chip--status-orange:active{background-color:var(--badge-status-orange-bg-color)}.md-chip--confidence-default{gap:.25rem;padding:0 4px;font-weight:500;font-family:var(--brand-font-regular);background-color:var(--badge-confidence-default-bg-color);color:var(--badge-confidence-default-text-color);border:1px solid var(--badge-confidence-default-border-color);border-radius:4px;max-width:fit-content}.md-chip--confidence-default:hover{background-color:var(--badge-confidence-default-hover-bg-color)}.md-chip--confidence-default:active{background-color:var(--badge-confidence-default-active-bg-color)}.md-chip--confidence-violet{gap:.25rem;padding:0 4px;font-weight:500;font-family:var(--brand-font-regular);background-color:var(--badge-confidence-violet-bg-color);color:var(--badge-confidence-violet-text-color);border:1px solid var(--badge-confidence-violet-border-color);border-radius:4px;max-width:fit-content}.md-chip--confidence-violet:hover{background-color:var(--badge-confidence-violet-hover-bg-color)}.md-chip--confidence-violet:active{background-color:var(--badge-confidence-violet-active-bg-color)}.md-chip--confidence-slate{gap:.25rem;padding:0 4px;font-weight:500;font-family:var(--brand-font-regular);background-color:var(--badge-confidence-slate-bg-color);color:var(--badge-confidence-slate-text-color);border:1px solid var(--badge-confidence-slate-border-color);border-radius:4px;max-width:fit-content}.md-chip--confidence-slate:hover{background-color:var(--badge-confidence-slate-hover-bg-color)}.md-chip--confidence-slate:active{background-color:var(--badge-confidence-slate-active-bg-color)}.md-chip--confidence-gold{gap:.25rem;padding:0 4px;font-weight:500;font-family:var(--brand-font-regular);background-color:var(--badge-confidence-gold-bg-color);color:var(--badge-confidence-gold-text-color);border:1px solid var(--badge-confidence-gold-border-color);border-radius:4px;max-width:fit-content}.md-chip--confidence-gold:hover{background-color:var(--badge-confidence-gold-hover-bg-color)}.md-chip--confidence-gold:active{background-color:var(--badge-confidence-gold-active-bg-color)}.md-chip--confidence-mint{gap:.25rem;padding:0 4px;font-weight:500;font-family:var(--brand-font-regular);background-color:var(--badge-confidence-mint-bg-color);color:var(--badge-confidence-mint-text-color);border:1px solid var(--badge-confidence-mint-border-color);border-radius:4px;max-width:fit-content}.md-chip--confidence-mint:hover{background-color:var(--badge-confidence-mint-hover-bg-color)}.md-chip--confidence-mint:active{background-color:var(--badge-confidence-mint-active-bg-color)}.md-chip--confidence-pink{gap:.25rem;padding:0 4px;font-weight:500;font-family:var(--brand-font-regular);background-color:var(--badge-confidence-pink-bg-color);color:var(--badge-confidence-pink-text-color);border:1px solid var(--badge-confidence-pink-border-color);border-radius:4px;max-width:fit-content}.md-chip--confidence-pink:hover{background-color:var(--badge-confidence-pink-hover-bg-color)}.md-chip--confidence-pink:active{background-color:var(--badge-confidence-pink-active-bg-color)}.md-chip--confidence-cobalt{gap:.25rem;padding:0 4px;font-weight:500;font-family:var(--brand-font-regular);background-color:var(--badge-confidence-cobalt-bg-color);color:var(--badge-confidence-cobalt-text-color);border:1px solid var(--badge-confidence-cobalt-border-color);border-radius:4px;max-width:fit-content}.md-chip--confidence-cobalt:hover{background-color:var(--badge-confidence-cobalt-hover-bg-color)}.md-chip--confidence-cobalt:active{background-color:var(--badge-confidence-cobalt-active-bg-color)}.md-chip--confidence-lime{gap:.25rem;padding:0 4px;font-weight:500;font-family:var(--brand-font-regular);background-color:var(--badge-confidence-lime-bg-color);color:var(--badge-confidence-lime-text-color);border:1px solid var(--badge-confidence-lime-border-color);border-radius:4px;max-width:fit-content}.md-chip--confidence-lime:hover{background-color:var(--badge-confidence-lime-hover-bg-color)}.md-chip--confidence-lime:active{background-color:var(--badge-confidence-lime-active-bg-color)}.md-chip .md-chip--clear{display:flow-root;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}.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:1}@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}}`}}]);
|
|
@@ -0,0 +1,140 @@
|
|
|
1
|
+
!function(t,e){if("object"==typeof exports&&"object"==typeof module)module.exports=e(require("lit"),require("lit/decorators.js"),require("lit/directives/class-map.js"),require("lit/directives/style-map.js"),require("lit/directives/if-defined.js"),require("@momentum-ui/icons/data/momentumUiIconsNames.json"),require("@momentum-ui/utils/lib/getColorValue"),require("mobx"));else if("function"==typeof define&&define.amd)define(["lit","lit/decorators.js","lit/directives/class-map.js","lit/directives/style-map.js","lit/directives/if-defined.js","@momentum-ui/icons/data/momentumUiIconsNames.json","@momentum-ui/utils/lib/getColorValue","mobx"],e);else{var i="object"==typeof exports?e(require("lit"),require("lit/decorators.js"),require("lit/directives/class-map.js"),require("lit/directives/style-map.js"),require("lit/directives/if-defined.js"),require("@momentum-ui/icons/data/momentumUiIconsNames.json"),require("@momentum-ui/utils/lib/getColorValue"),require("mobx")):e(t.lit,t["lit/decorators.js"],t["lit/directives/class-map.js"],t["lit/directives/style-map.js"],t["lit/directives/if-defined.js"],t["@momentum-ui/icons/data/momentumUiIconsNames.json"],t["@momentum-ui/utils/lib/getColorValue"],t.mobx);for(var r in i)("object"==typeof exports?exports:t)[r]=i[r]}}(self,(t,e,i,r,o,s,n,a)=>(()=>{"use strict";var l,d={4882(t,e,i){i.r(e),i.d(e,{CardAlert:()=>m,CardAlertSeverity:()=>r}),i(5983),i(2583),i(1821);var r,o=i(9609),s=i(4084),n=i(7161),a=i(429),l=i(5125),d=i(7137),p=function(t,e,i,r){var o,s=arguments.length,n=s<3?e:null===r?r=Object.getOwnPropertyDescriptor(e,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,r);else for(var a=t.length-1;a>=0;a--)(o=t[a])&&(n=(s<3?o(n):s>3?o(e,i,n):o(e,i))||n);return s>3&&n&&Object.defineProperty(e,i,n),n};!function(t){t.CRITICAL="critical",t.MEDIUM="medium"}(r||(r={}));const h={[r.CRITICAL]:{icon:"flag-filled",color:"negative"},[r.MEDIUM]:{icon:"warning-filled",color:"warning"}},c={dismiss:"Dismiss",justNow:"Just now",minutesAgo:t=>`${t} ${1===t?"min":"mins"} ago`,hoursAgo:t=>`${t} ${1===t?"hour":"hours"} ago`,daysAgo:t=>`${t} ${1===t?"day":"days"} ago`};var m;!function(t){let e=class extends n.LitElement{constructor(){super(...arguments),this.severity="",this.category="",this.timestamp="",this.title="",this.queueName="",this.details=[],this.insight="",this.primaryActionLabel="Click",this.primaryActionDropdown=!1,this.detailsHeading="",this.showDismiss=!1,this.expanded=!1,this.relativeTime=""}static get styles(){return[s.A,d.A]}get normalizedSeverity(){var t;const e=(null!==(t=this.severity)&&void 0!==t?t:"").toLowerCase();return Object.values(r).includes(e)?e:void 0}get severityIcon(){return this.normalizedSeverity?h[this.normalizedSeverity].icon:"info-circle-filled"}get severityColor(){return this.normalizedSeverity?h[this.normalizedSeverity].color:"neutral"}get hasInsight(){var t;return(null!==(t=this.insight)&&void 0!==t?t:"").trim().length>0}get detailRows(){return Array.isArray(this.details)?this.details:[]}updateRelativeTime(){this.timestamp&&(this.relativeTime=this.formatRelativeTime(this.timestamp))}startTimer(){this.stopTimer(),this.timestamp&&(this.updateRelativeTime(),this.timerInterval=setInterval(()=>this.updateRelativeTime(),6e4))}stopTimer(){this.timerInterval&&(clearInterval(this.timerInterval),this.timerInterval=void 0)}willUpdate(t){t.has("timestamp")&&this.startTimer()}disconnectedCallback(){super.disconnectedCallback(),this.stopTimer()}formatRelativeTime(t){const e=this.constructor.locale,i=Date.now(),r="number"==typeof t?t:new Date(t).getTime();if(isNaN(r))return"";const o=i-r;if(o<0)return e.justNow;const s=Math.floor(o/6e4);if(s<1)return e.justNow;if(s<60)return e.minutesAgo(s);const n=Math.floor(s/60);if(n<24)return e.hoursAgo(n);const a=Math.floor(n/24);return e.daysAgo(a)}handlePrimaryAction(){this.dispatchEvent(new CustomEvent("primary-action-clicked",{bubbles:!0,composed:!0}))}handleDismiss(){this.dispatchEvent(new CustomEvent("dismiss-clicked",{bubbles:!0,composed:!0}))}renderTimestamp(){return this.relativeTime?n.html`<span class="md-card-alert-timestamp">${this.relativeTime}</span>`:n.nothing}renderHeader(){return this.severity||this.category||this.timestamp?n.html`
|
|
2
|
+
<div class="md-card-alert-header">
|
|
3
|
+
<div class="md-card-alert-chips">
|
|
4
|
+
${this.severity?n.html`
|
|
5
|
+
<md-chip color=${this.severityColor} small>
|
|
6
|
+
<md-icon
|
|
7
|
+
name=${this.severityIcon}
|
|
8
|
+
size="14"
|
|
9
|
+
iconSet="momentumDesign"
|
|
10
|
+
slot="custom-left-content"
|
|
11
|
+
></md-icon>
|
|
12
|
+
</md-chip>
|
|
13
|
+
`:n.nothing}
|
|
14
|
+
${this.category?n.html`<md-chip value=${this.category} color="neutral" small></md-chip>`:n.nothing}
|
|
15
|
+
</div>
|
|
16
|
+
${this.renderTimestamp()}
|
|
17
|
+
</div>
|
|
18
|
+
`:n.nothing}renderTitleSection(){return this.title||this.queueName?n.html`
|
|
19
|
+
<div class="md-card-alert-title-section">
|
|
20
|
+
${this.title?n.html`<h3 class="md-card-alert-title">${this.title}</h3>`:n.nothing}
|
|
21
|
+
${this.queueName?n.html`
|
|
22
|
+
<p class="md-card-alert-subtitle">
|
|
23
|
+
<md-icon
|
|
24
|
+
name="queue-contact-bold"
|
|
25
|
+
size="16"
|
|
26
|
+
iconSet="momentumDesign"
|
|
27
|
+
class="md-card-alert-subtitle-icon"
|
|
28
|
+
></md-icon>
|
|
29
|
+
${this.queueName}
|
|
30
|
+
</p>
|
|
31
|
+
`:n.nothing}
|
|
32
|
+
</div>
|
|
33
|
+
`:n.nothing}renderDetails(){return 0===this.detailRows.length?n.nothing:n.html`
|
|
34
|
+
<div class="md-card-alert-details">
|
|
35
|
+
<span class="md-card-alert-details-heading">${this.detailsHeading}</span>
|
|
36
|
+
${this.detailRows.map(t=>n.html`
|
|
37
|
+
<div class="md-card-alert-detail-row">
|
|
38
|
+
<span class="md-card-alert-detail-label">${t.label}</span>
|
|
39
|
+
<span
|
|
40
|
+
class=${(0,l.classMap)({"md-card-alert-detail-value":!0,"md-card-alert-detail-value--highlighted":!!t.highlighted})}
|
|
41
|
+
>${t.value}</span
|
|
42
|
+
>
|
|
43
|
+
</div>
|
|
44
|
+
`)}
|
|
45
|
+
</div>
|
|
46
|
+
`}renderInsight(){return this.hasInsight?n.html`
|
|
47
|
+
<div class="md-card-alert-insight">
|
|
48
|
+
<md-icon name="sparkle-filled" iconSet="momentumDesign" class="md-card-alert-insight-icon"></md-icon>
|
|
49
|
+
<span class="md-card-alert-insight-text">${this.insight}</span>
|
|
50
|
+
</div>
|
|
51
|
+
`:n.nothing}renderActions(){return n.html`
|
|
52
|
+
<div class="md-card-alert-actions">
|
|
53
|
+
<md-button
|
|
54
|
+
size="32"
|
|
55
|
+
variant="primary"
|
|
56
|
+
class="md-card-alert-primary-action"
|
|
57
|
+
ariaLabel=${this.primaryActionLabel}
|
|
58
|
+
@click=${this.handlePrimaryAction}
|
|
59
|
+
>
|
|
60
|
+
<span slot="text">${this.primaryActionLabel}</span>
|
|
61
|
+
${this.primaryActionDropdown?n.html`<md-icon
|
|
62
|
+
name=${this.expanded?"arrow-up-bold":"arrow-down-bold"}
|
|
63
|
+
size="12"
|
|
64
|
+
iconSet="momentumDesign"
|
|
65
|
+
></md-icon>`:n.nothing}
|
|
66
|
+
</md-button>
|
|
67
|
+
${this.showDismiss?n.html`
|
|
68
|
+
<md-button
|
|
69
|
+
size="32"
|
|
70
|
+
variant="secondary"
|
|
71
|
+
outline
|
|
72
|
+
class="md-card-alert-dismiss"
|
|
73
|
+
ariaLabel=${this.constructor.locale.dismiss}
|
|
74
|
+
@click=${this.handleDismiss}
|
|
75
|
+
>
|
|
76
|
+
<span slot="text">${this.constructor.locale.dismiss}</span>
|
|
77
|
+
</md-button>
|
|
78
|
+
`:n.nothing}
|
|
79
|
+
</div>
|
|
80
|
+
`}render(){return n.html`
|
|
81
|
+
<div
|
|
82
|
+
class=${(0,l.classMap)({"md-card-alert":!0,"md-card-alert--no-insight":!this.hasInsight})}
|
|
83
|
+
part="card"
|
|
84
|
+
tabindex="0"
|
|
85
|
+
>
|
|
86
|
+
${this.renderHeader()} ${this.renderTitleSection()} ${this.renderDetails()} ${this.renderInsight()}
|
|
87
|
+
${this.renderActions()}
|
|
88
|
+
</div>
|
|
89
|
+
`}};e.locale=Object.assign({},c),p([(0,a.property)({type:String})],e.prototype,"severity",void 0),p([(0,a.property)({type:String})],e.prototype,"category",void 0),p([(0,a.property)({type:String})],e.prototype,"timestamp",void 0),p([(0,a.property)({type:String})],e.prototype,"title",void 0),p([(0,a.property)({type:String})],e.prototype,"queueName",void 0),p([(0,a.property)({type:Array})],e.prototype,"details",void 0),p([(0,a.property)({type:String})],e.prototype,"insight",void 0),p([(0,a.property)({type:String})],e.prototype,"primaryActionLabel",void 0),p([(0,a.property)({type:Boolean})],e.prototype,"primaryActionDropdown",void 0),p([(0,a.property)({type:String})],e.prototype,"detailsHeading",void 0),p([(0,a.property)({type:Boolean})],e.prototype,"showDismiss",void 0),p([(0,a.property)({type:Boolean})],e.prototype,"expanded",void 0),p([(0,a.state)()],e.prototype,"relativeTime",void 0),e=p([(0,o.w)("md-card-alert")],e),t.ELEMENT=e}(m||(m={}))},2583(t,e,i){i(2708),i(9613);var r,o=i(2900),s=i(9609),n=i(4084),a=i(7161),l=i(429),d=i(5125),p=i(291),h=i(9558),c=function(t,e,i,r){var o,s=arguments.length,n=s<3?e:null===r?r=Object.getOwnPropertyDescriptor(e,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,r);else for(var a=t.length-1;a>=0;a--)(o=t[a])&&(n=(s<3?o(n):s>3?o(e,i,n):o(e,i))||n);return s>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.shouldTruncateValue=!0,this.value="",this.textOverflow=!1,this.renderedText="",this.MAXWIDTH=115,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};`:a.nothing,this.renderTextColor=()=>this.textColor?`color: ${this.textColor};`:a.nothing,this.renderHeight=()=>this.height?`height: ${this.height};`:a.nothing,this.getStyles=()=>this.bgColor||this.textColor||this.height?a.html`
|
|
90
|
+
<style>
|
|
91
|
+
:host .md-chip {
|
|
92
|
+
${this.renderBgColor()};
|
|
93
|
+
${this.renderTextColor()};
|
|
94
|
+
${this.renderHeight()};
|
|
95
|
+
}
|
|
96
|
+
</style>
|
|
97
|
+
`:a.nothing}connectedCallback(){super.connectedCallback(),this.truncStringPortion(this.value),this.setAttribute("role",this.role)}willUpdate(t){super.willUpdate(t),(t.has("value")||t.has("shouldTruncateValue"))&&this.truncStringPortion(this.value)}getTextWidth(t,e){const i=null!=e?e:getComputedStyle(this).font,r=document.createElement("canvas").getContext("2d");return r?(r.font=i,r.measureText(t).width):0}truncStringPortion(t){const e=this.getTextWidth(t);if(!this.shouldTruncateValue||e<this.MAXWIDTH)return this.renderedText=t,void(this.textOverflow=!1);const i=Array.from(t);let r=Math.min(4,i.length),o=Math.min(5,Math.max(0,i.length-r-1)),s=i.slice(0,r).join(""),n=i.slice(-o).join(""),a=`${s}…${n}`;if(this.getTextWidth(a)>this.MAXWIDTH)return this.renderedText=a,void(this.textOverflow=!0);for(;r+o<i.length;){let t=!1;if(r+o<i.length){const e=s+i[r],o=`${e}…${n}`;this.getTextWidth(o)<=this.MAXWIDTH&&(s=e,r+=1,a=o,t=!0)}if(r+o<i.length){const e=i[i.length-o-1]+n,r=`${s}…${e}`;this.getTextWidth(r)<=this.MAXWIDTH&&(n=e,o+=1,a=r,t=!0)}if(!t)break}this.renderedText=a,this.textOverflow=!0}handleClick(){var t;const e=null===(t=this.shadowRoot)||void 0===t?void 0:t.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(t){switch(t.code){case o.Uz.Space:case o.Uz.Enter:this.handleSelect(),this.handleClick()}}static get styles(){return[n.A,h.A]}loadingTemplate(){return this.determinateProgress||this.indeterminateProgress?this.determinateProgress?a.html`
|
|
98
|
+
<md-progress-bar
|
|
99
|
+
class="md-chip--loading"
|
|
100
|
+
type="determinate"
|
|
101
|
+
value="${this.determinateProgress}"
|
|
102
|
+
displayFormat="none"
|
|
103
|
+
>
|
|
104
|
+
</md-progress-bar>
|
|
105
|
+
`:a.html`
|
|
106
|
+
<md-progress-bar class="md-chip--loading" type="indeterminate" displayFormat="none"></md-progress-bar>
|
|
107
|
+
`:a.nothing}iconTemplate(){const t=this.disabled?"":this.iconColor;return this.icon?a.html`
|
|
108
|
+
<md-icon
|
|
109
|
+
class="md-chip--icon"
|
|
110
|
+
part="chip-icon"
|
|
111
|
+
name="${this.icon}"
|
|
112
|
+
color="${t}"
|
|
113
|
+
iconSet=${(0,p.ifDefined)(this.iconSet)}
|
|
114
|
+
size="${(0,p.ifDefined)(this.iconSize)}"
|
|
115
|
+
>
|
|
116
|
+
</md-icon>
|
|
117
|
+
`:a.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 part="text-content" 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,"md-chip--interactive":!this.decorative},e=this.decorative?void 0:this.selected?"true":"false";return a.html`
|
|
118
|
+
${this.getStyles()}
|
|
119
|
+
<md-tooltip
|
|
120
|
+
?disabled=${!this.tooltipText&&!this.textOverflow}
|
|
121
|
+
message="${this.getToolTipContent()}"
|
|
122
|
+
part="tooltip"
|
|
123
|
+
placement="${this.tooltipPlacement}"
|
|
124
|
+
>
|
|
125
|
+
<span
|
|
126
|
+
role=${(0,p.ifDefined)(this.decorative?void 0:"button")}
|
|
127
|
+
tabindex="0"
|
|
128
|
+
class="md-chip ${(0,d.classMap)(t)}"
|
|
129
|
+
part="chip"
|
|
130
|
+
aria-pressed=${(0,p.ifDefined)(e)}
|
|
131
|
+
@click=${this.decorative?void 0:()=>this.handleClick()}
|
|
132
|
+
@keydown=${this.decorative?void 0:t=>this.handleKeydown(t)}
|
|
133
|
+
>
|
|
134
|
+
${this.loadingTemplate()} ${this.iconTemplate()}
|
|
135
|
+
<slot name="custom-left-content" part="chip-left"> </slot>
|
|
136
|
+
${this.renderedText?this.textContentTemplate:a.nothing}
|
|
137
|
+
<slot name="custom-right-content" part="chip-right"> </slot>
|
|
138
|
+
</span>
|
|
139
|
+
</md-tooltip>
|
|
140
|
+
`}};c([(0,l.property)({type:String})],e.prototype,"color",void 0),c([(0,l.property)({type:String})],e.prototype,"bgColor",void 0),c([(0,l.property)({type:String})],e.prototype,"textColor",void 0),c([(0,l.property)({type:String})],e.prototype,"height",void 0),c([(0,l.property)({type:String})],e.prototype,"icon",void 0),c([(0,l.property)({type:String})],e.prototype,"iconColor",void 0),c([(0,l.property)({type:String})],e.prototype,"iconSize",void 0),c([(0,l.property)({type:String})],e.prototype,"role",void 0),c([(0,l.property)({type:String,reflect:!0})],e.prototype,"id",void 0),c([(0,l.property)({type:Boolean})],e.prototype,"small",void 0),c([(0,l.property)({type:Boolean})],e.prototype,"readonly",void 0),c([(0,l.property)({type:Boolean,reflect:!0})],e.prototype,"selected",void 0),c([(0,l.property)({type:Boolean})],e.prototype,"disabled",void 0),c([(0,l.property)({type:Number})],e.prototype,"determinateProgress",void 0),c([(0,l.property)({type:Boolean})],e.prototype,"indeterminateProgress",void 0),c([(0,l.property)({type:String})],e.prototype,"tooltipText",void 0),c([(0,l.property)({type:String})],e.prototype,"tooltipPlacement",void 0),c([(0,l.property)({type:String})],e.prototype,"iconSet",void 0),c([(0,l.property)({type:Boolean,attribute:"suppress-default-max-width"})],e.prototype,"suppressDefaultMaxWidth",void 0),c([(0,l.property)({type:Boolean})],e.prototype,"decorative",void 0),c([(0,l.property)({type:Boolean})],e.prototype,"shouldTruncateValue",void 0),c([(0,l.property)({type:String,hasChanged:(t,e)=>t!==e})],e.prototype,"value",void 0),c([(0,l.state)({hasChanged:(t,e)=>t!==e})],e.prototype,"textOverflow",void 0),c([(0,l.state)()],e.prototype,"renderedText",void 0),e=c([(0,s.w)("md-chip")],e),t.ELEMENT=e}(r||(r={}))},2022(t){t.exports=s},554(t){t.exports=n},7161(e){e.exports=t},429(t){t.exports=e},5125(t){t.exports=i},291(t){t.exports=o},318(t){t.exports=r},5314(t){t.exports=a}},p={};function h(t){var e=p[t];if(void 0!==e)return e.exports;var i=p[t]={exports:{}};return d[t](i,i.exports,h),i.exports}h.m=d,l=[],h.O=(t,e,i,r)=>{if(!e){var o=1/0;for(d=0;d<l.length;d++){for(var[e,i,r]=l[d],s=!0,n=0;n<e.length;n++)(!1&r||o>=r)&&Object.keys(h.O).every(t=>h.O[t](e[n]))?e.splice(n--,1):(s=!1,r<o&&(o=r));if(s){l.splice(d--,1);var a=i();void 0!==a&&(t=a)}}return t}r=r||0;for(var d=l.length;d>0&&l[d-1][2]>r;d--)l[d]=l[d-1];l[d]=[e,i,r]},h.n=t=>{var e=t&&t.__esModule?()=>t.default:()=>t;return h.d(e,{a:e}),e},h.d=(t,e)=>{for(var i in e)h.o(e,i)&&!h.o(t,i)&&Object.defineProperty(t,i,{enumerable:!0,get:e[i]})},h.o=(t,e)=>Object.prototype.hasOwnProperty.call(t,e),h.r=t=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},(()=>{var t={8619:0,8894:0};h.O.j=e=>0===t[e];var e=(e,i)=>{var r,o,[s,n,a]=i,l=0;if(s.some(e=>0!==t[e])){for(r in n)h.o(n,r)&&(h.m[r]=n[r]);if(a)var d=a(h)}for(e&&e(i);l<s.length;l++)o=s[l],h.o(t,o)&&t[o]&&t[o][0](),t[o]=0;return h.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 c=h.O(void 0,[9609,4084,3305,4739,7154,9773,5983,9488,1821,2364,9938,4781,5584,8227,2900,2050,6343,7582,9613,5323,6631,9558,2708,7137],()=>h(4882));return h.O(c)})());
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
require("../9609"),require("../4084"),require("../3305"),require("../4739"),require("../7154"),require("../9773"),require("../5983"),require("../9488"),require("../1821"),require("../2364"),require("../9938"),require("../4781"),require("../5584"),require("../8227"),require("../2900"),require("../2050"),require("../6343"),require("../7582"),require("../9613"),require("../5323"),require("../6631"),require("../9558"),require("../2708"),require("../7137"),module.exports=require("../comp/md-card-alert-entry");
|
|
@@ -95,4 +95,4 @@
|
|
|
95
95
|
<div class="md-list-item ${(0,a.classMap)(this.listItemTemplateClassMap)}" part="list-item">
|
|
96
96
|
<slot></slot>
|
|
97
97
|
</div>
|
|
98
|
-
`}};p([(0,n.property)({type:String,reflect:!0})],t.prototype,"role",void 0),p([(0,n.property)({type:Number,reflect:!0})],t.prototype,"tabIndex",void 0),p([(0,n.property)({type:String,reflect:!0})],t.prototype,"shape",void 0),p([(0,n.property)({type:Boolean,reflect:!0})],t.prototype,"disabled",null),p([(0,n.property)({type:Boolean,reflect:!0})],t.prototype,"selected",null),t=p([(0,o.w)("md-list-item")],t),e.ELEMENT=t}(s||(s={}))},7704(e,t,i){i.d(t,{Io:()=>o.I,UM:()=>r.U,yC:()=>s.y}),i(2364);var s=i(3203),r=(i(9938),i(5201)),o=i(4781);i(608)},2022(e){e.exports=o},554(e){e.exports=l},2962(e){e.exports=n},6538(e){e.exports=a},8250(e){e.exports=c},9371(e){e.exports=p},4863(e){e.exports=h},7161(t){t.exports=e},429(e){e.exports=t},5125(e){e.exports=i},291(e){e.exports=r},8175(e){e.exports=m},318(e){e.exports=s},5314(e){e.exports=d}},f={};function v(e){var t=f[e];if(void 0!==t)return t.exports;var i=f[e]={exports:{}};return b[e](i,i.exports,v),i.exports}v.m=b,u=[],v.O=(e,t,i,s)=>{if(!t){var r=1/0;for(n=0;n<u.length;n++){for(var[t,i,s]=u[n],o=!0,l=0;l<t.length;l++)(!1&s||r>=s)&&Object.keys(v.O).every(e=>v.O[e](t[l]))?t.splice(l--,1):(o=!1,s<r&&(r=s));if(o){u.splice(n--,1);var d=i();void 0!==d&&(e=d)}}return e}s=s||0;for(var n=u.length;n>0&&u[n-1][2]>s;n--)u[n]=u[n-1];u[n]=[t,i,s]},v.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return v.d(t,{a:t}),t},v.d=(e,t)=>{for(var i in t)v.o(t,i)&&!v.o(e,i)&&Object.defineProperty(e,i,{enumerable:!0,get:t[i]})},v.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),v.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},(()=>{var e={561:0,1462:0,2942:0,5323:0,6060:0,6920:0,7704:0,8180:0,8442:0};v.O.j=t=>0===e[t];var t=(t,i)=>{var s,r,[o,l,d]=i,n=0;if(o.some(t=>0!==e[t])){for(s in l)v.o(l,s)&&(v.m[s]=l[s]);if(d)var a=d(v)}for(t&&t(i);n<o.length;n++)r=o[n],v.o(e,r)&&e[r]&&e[r][0](),e[r]=0;return v.O(a)},i=self["momentum-web-components-[id]"]=self["momentum-web-components-[id]"]||[];i.forEach(t.bind(null,0)),i.push=t.bind(null,i.push.bind(i))})();var y=v.O(void 0,[9609,4084,3305,4739,7154,9773,5983,9488,1821,2364,519,2050,8441,608,9146,
|
|
98
|
+
`}};p([(0,n.property)({type:String,reflect:!0})],t.prototype,"role",void 0),p([(0,n.property)({type:Number,reflect:!0})],t.prototype,"tabIndex",void 0),p([(0,n.property)({type:String,reflect:!0})],t.prototype,"shape",void 0),p([(0,n.property)({type:Boolean,reflect:!0})],t.prototype,"disabled",null),p([(0,n.property)({type:Boolean,reflect:!0})],t.prototype,"selected",null),t=p([(0,o.w)("md-list-item")],t),e.ELEMENT=t}(s||(s={}))},7704(e,t,i){i.d(t,{Io:()=>o.I,UM:()=>r.U,yC:()=>s.y}),i(2364);var s=i(3203),r=(i(9938),i(5201)),o=i(4781);i(608)},2022(e){e.exports=o},554(e){e.exports=l},2962(e){e.exports=n},6538(e){e.exports=a},8250(e){e.exports=c},9371(e){e.exports=p},4863(e){e.exports=h},7161(t){t.exports=e},429(e){e.exports=t},5125(e){e.exports=i},291(e){e.exports=r},8175(e){e.exports=m},318(e){e.exports=s},5314(e){e.exports=d}},f={};function v(e){var t=f[e];if(void 0!==t)return t.exports;var i=f[e]={exports:{}};return b[e](i,i.exports,v),i.exports}v.m=b,u=[],v.O=(e,t,i,s)=>{if(!t){var r=1/0;for(n=0;n<u.length;n++){for(var[t,i,s]=u[n],o=!0,l=0;l<t.length;l++)(!1&s||r>=s)&&Object.keys(v.O).every(e=>v.O[e](t[l]))?t.splice(l--,1):(o=!1,s<r&&(r=s));if(o){u.splice(n--,1);var d=i();void 0!==d&&(e=d)}}return e}s=s||0;for(var n=u.length;n>0&&u[n-1][2]>s;n--)u[n]=u[n-1];u[n]=[t,i,s]},v.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return v.d(t,{a:t}),t},v.d=(e,t)=>{for(var i in t)v.o(t,i)&&!v.o(e,i)&&Object.defineProperty(e,i,{enumerable:!0,get:t[i]})},v.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),v.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},(()=>{var e={561:0,1462:0,2942:0,5323:0,6060:0,6920:0,7704:0,8180:0,8442:0};v.O.j=t=>0===e[t];var t=(t,i)=>{var s,r,[o,l,d]=i,n=0;if(o.some(t=>0!==e[t])){for(s in l)v.o(l,s)&&(v.m[s]=l[s]);if(d)var a=d(v)}for(t&&t(i);n<o.length;n++)r=o[n],v.o(e,r)&&e[r]&&e[r][0](),e[r]=0;return v.O(a)},i=self["momentum-web-components-[id]"]=self["momentum-web-components-[id]"]||[];i.forEach(t.bind(null,0)),i.push=t.bind(null,i.push.bind(i))})();var y=v.O(void 0,[9609,4084,3305,4739,7154,9773,5983,9488,1821,2364,519,2050,8441,608,6343,9146,7582,7162,708,9613,740,6816,7557,4242],()=>v(1499));return v.O(y)})());
|
package/dist/comp/md-card.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
require("../9609"),require("../4084"),require("../3305"),require("../4739"),require("../7154"),require("../9773"),require("../5983"),require("../9488"),require("../1821"),require("../2364"),require("../519"),require("../2050"),require("../8441"),require("../608"),require("../
|
|
1
|
+
require("../9609"),require("../4084"),require("../3305"),require("../4739"),require("../7154"),require("../9773"),require("../5983"),require("../9488"),require("../1821"),require("../2364"),require("../519"),require("../2050"),require("../8441"),require("../608"),require("../6343"),require("../9146"),require("../7582"),require("../7162"),require("../708"),require("../9613"),require("../740"),require("../6816"),require("../7557"),require("../4242"),module.exports=require("../comp/md-card-entry");
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
!function(t,e){if("object"==typeof exports&&"object"==typeof module)module.exports=e(require("lit"),require("lit/decorators.js"),require("lit/directives/class-map.js"),require("lit/directives/if-defined.js"));else if("function"==typeof define&&define.amd)define(["lit","lit/decorators.js","lit/directives/class-map.js","lit/directives/if-defined.js"],e);else{var i="object"==typeof exports?e(require("lit"),require("lit/decorators.js"),require("lit/directives/class-map.js"),require("lit/directives/if-defined.js")):e(t.lit,t["lit/decorators.js"],t["lit/directives/class-map.js"],t["lit/directives/if-defined.js"]);for(var o in i)("object"==typeof exports?exports:t)[o]=i[o]}}(self,(t,e,i,o)=>(()=>{"use strict";var r,s={2583(t,e,i){i.r(e),i.d(e,{Chip:()=>o}),i(2708),i(9613);var o,r=i(2900),s=i(9609),n=i(4084),l=i(7161),p=i(429),
|
|
1
|
+
!function(t,e){if("object"==typeof exports&&"object"==typeof module)module.exports=e(require("lit"),require("lit/decorators.js"),require("lit/directives/class-map.js"),require("lit/directives/if-defined.js"));else if("function"==typeof define&&define.amd)define(["lit","lit/decorators.js","lit/directives/class-map.js","lit/directives/if-defined.js"],e);else{var i="object"==typeof exports?e(require("lit"),require("lit/decorators.js"),require("lit/directives/class-map.js"),require("lit/directives/if-defined.js")):e(t.lit,t["lit/decorators.js"],t["lit/directives/class-map.js"],t["lit/directives/if-defined.js"]);for(var o in i)("object"==typeof exports?exports:t)[o]=i[o]}}(self,(t,e,i,o)=>(()=>{"use strict";var r,s={2583(t,e,i){i.r(e),i.d(e,{Chip:()=>o}),i(2708),i(9613);var o,r=i(2900),s=i(9609),n=i(4084),l=i(7161),p=i(429),d=i(5125),h=i(291),a=i(9558),c=function(t,e,i,o){var r,s=arguments.length,n=s<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,o);else for(var l=t.length-1;l>=0;l--)(r=t[l])&&(n=(s<3?r(n):s>3?r(e,i,n):r(e,i))||n);return s>3&&n&&Object.defineProperty(e,i,n),n};!function(t){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.suppressDefaultMaxWidth=!1,this.decorative=!1,this.shouldTruncateValue=!0,this.value="",this.textOverflow=!1,this.renderedText="",this.MAXWIDTH=115,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?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
|
-
`:l.nothing}connectedCallback(){super.connectedCallback(),this.truncStringPortion(this.value),this.setAttribute("role",this.role)}willUpdate(t){super.willUpdate(t),(t.has("value")||t.has("shouldTruncateValue"))&&this.truncStringPortion(this.value)}getTextWidth(t,e){const i=null!=e?e:getComputedStyle(this).font,o=document.createElement("canvas").getContext("2d");return o?(o.font=i,o.measureText(t).width):0}truncStringPortion(t){const e=this.getTextWidth(t);if(!this.shouldTruncateValue||e<this.MAXWIDTH)return this.renderedText=t,void(this.textOverflow=!1);const i=Array.from(t);let o=Math.min(4,i.length),r=Math.min(5,Math.max(0,i.length-o-1)),s=i.slice(0,o).join(""),n=i.slice(-r).join(""),l=`${s}…${n}`;if(this.getTextWidth(l)>this.MAXWIDTH)return this.renderedText=l,void(this.textOverflow=!0);for(;o+r<i.length;){let t=!1;if(o+r<i.length){const e=s+i[o],r=`${e}…${n}`;this.getTextWidth(r)<=this.MAXWIDTH&&(s=e,o+=1,l=r,t=!0)}if(o+r<i.length){const e=i[i.length-r-1]+n,o=`${s}…${e}`;this.getTextWidth(o)<=this.MAXWIDTH&&(n=e,r+=1,l=o,t=!0)}if(!t)break}this.renderedText=l,this.textOverflow=!0}handleClick(){var t;const e=null===(t=this.shadowRoot)||void 0===t?void 0:t.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(t){switch(t.code){case r.Uz.Space:case r.Uz.Enter:this.handleSelect(),this.handleClick()}}static get styles(){return[n.A,
|
|
9
|
+
`:l.nothing}connectedCallback(){super.connectedCallback(),this.truncStringPortion(this.value),this.setAttribute("role",this.role)}willUpdate(t){super.willUpdate(t),(t.has("value")||t.has("shouldTruncateValue"))&&this.truncStringPortion(this.value)}getTextWidth(t,e){const i=null!=e?e:getComputedStyle(this).font,o=document.createElement("canvas").getContext("2d");return o?(o.font=i,o.measureText(t).width):0}truncStringPortion(t){const e=this.getTextWidth(t);if(!this.shouldTruncateValue||e<this.MAXWIDTH)return this.renderedText=t,void(this.textOverflow=!1);const i=Array.from(t);let o=Math.min(4,i.length),r=Math.min(5,Math.max(0,i.length-o-1)),s=i.slice(0,o).join(""),n=i.slice(-r).join(""),l=`${s}…${n}`;if(this.getTextWidth(l)>this.MAXWIDTH)return this.renderedText=l,void(this.textOverflow=!0);for(;o+r<i.length;){let t=!1;if(o+r<i.length){const e=s+i[o],r=`${e}…${n}`;this.getTextWidth(r)<=this.MAXWIDTH&&(s=e,o+=1,l=r,t=!0)}if(o+r<i.length){const e=i[i.length-r-1]+n,o=`${s}…${e}`;this.getTextWidth(o)<=this.MAXWIDTH&&(n=e,r+=1,l=o,t=!0)}if(!t)break}this.renderedText=l,this.textOverflow=!0}handleClick(){var t;const e=null===(t=this.shadowRoot)||void 0===t?void 0:t.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(t){switch(t.code){case r.Uz.Space:case r.Uz.Enter:this.handleSelect(),this.handleClick()}}static get styles(){return[n.A,a.A]}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"
|
|
@@ -22,11 +22,11 @@
|
|
|
22
22
|
part="chip-icon"
|
|
23
23
|
name="${this.icon}"
|
|
24
24
|
color="${t}"
|
|
25
|
-
iconSet=${(0,
|
|
26
|
-
size="${(0,
|
|
25
|
+
iconSet=${(0,h.ifDefined)(this.iconSet)}
|
|
26
|
+
size="${(0,h.ifDefined)(this.iconSize)}"
|
|
27
27
|
>
|
|
28
28
|
</md-icon>
|
|
29
|
-
`: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 l.html`<span part="text-content" class=${(0,
|
|
29
|
+
`: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 l.html`<span part="text-content" 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,"md-chip--interactive":!this.decorative},e=this.decorative?void 0:this.selected?"true":"false";return l.html`
|
|
30
30
|
${this.getStyles()}
|
|
31
31
|
<md-tooltip
|
|
32
32
|
?disabled=${!this.tooltipText&&!this.textOverflow}
|
|
@@ -35,11 +35,11 @@
|
|
|
35
35
|
placement="${this.tooltipPlacement}"
|
|
36
36
|
>
|
|
37
37
|
<span
|
|
38
|
-
role=${(0,
|
|
38
|
+
role=${(0,h.ifDefined)(this.decorative?void 0:"button")}
|
|
39
39
|
tabindex="0"
|
|
40
|
-
class="md-chip ${(0,
|
|
40
|
+
class="md-chip ${(0,d.classMap)(t)}"
|
|
41
41
|
part="chip"
|
|
42
|
-
aria-pressed=${(0,
|
|
42
|
+
aria-pressed=${(0,h.ifDefined)(e)}
|
|
43
43
|
@click=${this.decorative?void 0:()=>this.handleClick()}
|
|
44
44
|
@keydown=${this.decorative?void 0:t=>this.handleKeydown(t)}
|
|
45
45
|
>
|
|
@@ -49,24 +49,4 @@
|
|
|
49
49
|
<slot name="custom-right-content" part="chip-right"> </slot>
|
|
50
50
|
</span>
|
|
51
51
|
</md-tooltip>
|
|
52
|
-
`}};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:Boolean})],e.prototype,"shouldTruncateValue",void 0),c([(0,p.property)({type:String,hasChanged:(t,e)=>t!==e})],e.prototype,"value",void 0),c([(0,p.state)({hasChanged:(t,e)=>t!==e})],e.prototype,"textOverflow",void 0),c([(0,p.state)()],e.prototype,"renderedText",void 0),e=c([(0,s.w)("md-chip")],e),t.ELEMENT=e}(o||(o={}))},
|
|
53
|
-
<span>
|
|
54
|
-
<div class="progressbar-info" data-key="${this.min}">
|
|
55
|
-
<span class="progressbar-label">${this.label}</span>
|
|
56
|
-
<span class="progressbar-progress">${this.getDisplayFormat()}</span>
|
|
57
|
-
</div>
|
|
58
|
-
<div class="progress ${(0,p.classMap)(t)}" data-key="${this.max}">
|
|
59
|
-
<span
|
|
60
|
-
class="meter"
|
|
61
|
-
role="progressbar"
|
|
62
|
-
aria-labelledby="progressbar"
|
|
63
|
-
aria-valuenow=${this.adjustedValue}
|
|
64
|
-
aria-valuemin=${this.min}
|
|
65
|
-
aria-valuemax=${this.max}
|
|
66
|
-
aria-valuetext=${this.meterWidth}
|
|
67
|
-
style="${"width: "+this.meterWidth+"; background: "+this.getColor()}"
|
|
68
|
-
>
|
|
69
|
-
</span>
|
|
70
|
-
</div>
|
|
71
|
-
</span>
|
|
72
|
-
`}};d([(0,l.property)({type:Boolean})],e.prototype,"dynamic",void 0),d([(0,l.property)({type:String})],e.prototype,"color",void 0),d([(0,l.property)({type:String})],e.prototype,"label",void 0),d([(0,l.property)({type:String})],e.prototype,"displayFormat",void 0),d([(0,l.property)({type:String})],e.prototype,"type",void 0),d([(0,l.property)({type:Number})],e.prototype,"min",void 0),d([(0,l.property)({type:Number})],e.prototype,"max",void 0),d([(0,l.property)({type:Number})],e.prototype,"value",void 0),d([(0,l.property)({type:Number})],e.prototype,"adjustedValue",void 0),d([(0,l.property)({type:Number})],e.prototype,"valueFraction",void 0),d([(0,l.property)({type:String})],e.prototype,"meterWidth",void 0),e=d([(0,r.w)("md-progress-bar")],e),t.ELEMENT=e}(o||(o={}))},7161(e){e.exports=t},429(t){t.exports=e},5125(t){t.exports=i},291(t){t.exports=o}},n={};function l(t){var e=n[t];if(void 0!==e)return e.exports;var i=n[t]={exports:{}};return s[t](i,i.exports,l),i.exports}l.m=s,r=[],l.O=(t,e,i,o)=>{if(!e){var s=1/0;for(d=0;d<r.length;d++){for(var[e,i,o]=r[d],n=!0,p=0;p<e.length;p++)(!1&o||s>=o)&&Object.keys(l.O).every(t=>l.O[t](e[p]))?e.splice(p--,1):(n=!1,o<s&&(s=o));if(n){r.splice(d--,1);var a=i();void 0!==a&&(t=a)}}return t}o=o||0;for(var d=r.length;d>0&&r[d-1][2]>o;d--)r[d]=r[d-1];r[d]=[e,i,o]},l.n=t=>{var e=t&&t.__esModule?()=>t.default:()=>t;return l.d(e,{a:e}),e},l.d=(t,e)=>{for(var i in e)l.o(e,i)&&!l.o(t,i)&&Object.defineProperty(t,i,{enumerable:!0,get:e[i]})},l.o=(t,e)=>Object.prototype.hasOwnProperty.call(t,e),l.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};l.O.j=e=>0===t[e];var e=(e,i)=>{var o,r,[s,n,p]=i,a=0;if(s.some(e=>0!==t[e])){for(o in n)l.o(n,o)&&(l.m[o]=n[o]);if(p)var d=p(l)}for(e&&e(i);a<s.length;a++)r=s[a],l.o(t,r)&&t[r]&&t[r][0](),t[r]=0;return l.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 p=l.O(void 0,[9609,4084,2364,9938,4781,5584,8227,2900,2050,6343,7582,9613,5323,6631,9558],()=>l(2583));return l.O(p)})());
|
|
52
|
+
`}};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:Boolean})],e.prototype,"shouldTruncateValue",void 0),c([(0,p.property)({type:String,hasChanged:(t,e)=>t!==e})],e.prototype,"value",void 0),c([(0,p.state)({hasChanged:(t,e)=>t!==e})],e.prototype,"textOverflow",void 0),c([(0,p.state)()],e.prototype,"renderedText",void 0),e=c([(0,s.w)("md-chip")],e),t.ELEMENT=e}(o||(o={}))},7161(e){e.exports=t},429(t){t.exports=e},5125(t){t.exports=i},291(t){t.exports=o}},n={};function l(t){var e=n[t];if(void 0!==e)return e.exports;var i=n[t]={exports:{}};return s[t](i,i.exports,l),i.exports}l.m=s,r=[],l.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],n=!0,p=0;p<e.length;p++)(!1&o||s>=o)&&Object.keys(l.O).every(t=>l.O[t](e[p]))?e.splice(p--,1):(n=!1,o<s&&(s=o));if(n){r.splice(h--,1);var d=i();void 0!==d&&(t=d)}}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]},l.n=t=>{var e=t&&t.__esModule?()=>t.default:()=>t;return l.d(e,{a:e}),e},l.d=(t,e)=>{for(var i in e)l.o(e,i)&&!l.o(t,i)&&Object.defineProperty(t,i,{enumerable:!0,get:e[i]})},l.o=(t,e)=>Object.prototype.hasOwnProperty.call(t,e),l.r=t=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},(()=>{var t={8894:0};l.O.j=e=>0===t[e];var e=(e,i)=>{var o,r,[s,n,p]=i,d=0;if(s.some(e=>0!==t[e])){for(o in n)l.o(n,o)&&(l.m[o]=n[o]);if(p)var h=p(l)}for(e&&e(i);d<s.length;d++)r=s[d],l.o(t,r)&&t[r]&&t[r][0](),t[r]=0;return l.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 p=l.O(void 0,[9609,4084,2364,9938,4781,5584,8227,2900,2050,6343,7582,9613,5323,6631,9558,2708],()=>l(2583));return l.O(p)})());
|
package/dist/comp/md-chip.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
require("../9609"),require("../4084"),require("../2364"),require("../9938"),require("../4781"),require("../5584"),require("../8227"),require("../2900"),require("../2050"),require("../6343"),require("../7582"),require("../9613"),require("../5323"),require("../6631"),require("../9558"),module.exports=require("../comp/md-chip-entry");
|
|
1
|
+
require("../9609"),require("../4084"),require("../2364"),require("../9938"),require("../4781"),require("../5584"),require("../8227"),require("../2900"),require("../2050"),require("../6343"),require("../7582"),require("../9613"),require("../5323"),require("../6631"),require("../9558"),require("../2708"),module.exports=require("../comp/md-chip-entry");
|
|
@@ -19,4 +19,4 @@
|
|
|
19
19
|
<slot></slot>
|
|
20
20
|
</div>
|
|
21
21
|
</div>
|
|
22
|
-
`}};d([(0,n.property)({type:String})],t.prototype,"message",void 0),d([(0,n.property)({type:String})],t.prototype,"actionname",void 0),d([(0,n.property)({type:Boolean})],t.prototype,"hidebutton",void 0),d([(0,n.property)({type:String})],t.prototype,"placement",void 0),d([(0,n.property)({type:Boolean})],t.prototype,"show",void 0),d([(0,n.property)({type:String})],t.prototype,"color",void 0),d([(0,n.query)(".md-coachmark__popper")],t.prototype,"popper",void 0),d([(0,n.query)(".md-coachmark__reference")],t.prototype,"reference",void 0),t=d([(0,a.w)("md-coachmark")],t),e.ELEMENT=t}(h||(h={}))},7161(t){t.exports=e},429(e){e.exports=t},5125(e){e.exports=o},291(e){e.exports=a},318(e){e.exports=r}},c={};function n(e){var t=c[e];if(void 0!==t)return t.exports;var o=c[e]={exports:{}};return i[e](o,o.exports,n),o.exports}n.m=i,s=[],n.O=(e,t,o,r)=>{if(!t){var a=1/0;for(p=0;p<s.length;p++){for(var[t,o,r]=s[p],i=!0,c=0;c<t.length;c++)(!1&r||a>=r)&&Object.keys(n.O).every(e=>n.O[e](t[c]))?t.splice(c--,1):(i=!1,r<a&&(a=r));if(i){s.splice(p--,1);var l=o();void 0!==l&&(e=l)}}return e}r=r||0;for(var p=s.length;p>0&&s[p-1][2]>r;p--)s[p]=s[p-1];s[p]=[t,o,r]},n.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return n.d(t,{a:t}),t},n.d=(e,t)=>{for(var o in t)n.o(t,o)&&!n.o(e,o)&&Object.defineProperty(e,o,{enumerable:!0,get:t[o]})},n.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),n.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},(()=>{var e={2779:0};n.O.j=t=>0===e[t];var t=(t,o)=>{var r,a,[s,i,c]=o,l=0;if(s.some(t=>0!==e[t])){for(r in i)n.o(i,r)&&(n.m[r]=i[r]);if(c)var p=c(n)}for(t&&t(o);l<s.length;l++)a=s[l],n.o(e,a)&&e[a]&&e[a][0](),e[a]=0;return n.O(p)},o=self["momentum-web-components-[id]"]=self["momentum-web-components-[id]"]||[];o.forEach(t.bind(null,0)),o.push=t.bind(null,o.push.bind(o))})();var l=n.O(void 0,[9609,4084,3305,4739,7154,9773,5983,2364,519,
|
|
22
|
+
`}};d([(0,n.property)({type:String})],t.prototype,"message",void 0),d([(0,n.property)({type:String})],t.prototype,"actionname",void 0),d([(0,n.property)({type:Boolean})],t.prototype,"hidebutton",void 0),d([(0,n.property)({type:String})],t.prototype,"placement",void 0),d([(0,n.property)({type:Boolean})],t.prototype,"show",void 0),d([(0,n.property)({type:String})],t.prototype,"color",void 0),d([(0,n.query)(".md-coachmark__popper")],t.prototype,"popper",void 0),d([(0,n.query)(".md-coachmark__reference")],t.prototype,"reference",void 0),t=d([(0,a.w)("md-coachmark")],t),e.ELEMENT=t}(h||(h={}))},7161(t){t.exports=e},429(e){e.exports=t},5125(e){e.exports=o},291(e){e.exports=a},318(e){e.exports=r}},c={};function n(e){var t=c[e];if(void 0!==t)return t.exports;var o=c[e]={exports:{}};return i[e](o,o.exports,n),o.exports}n.m=i,s=[],n.O=(e,t,o,r)=>{if(!t){var a=1/0;for(p=0;p<s.length;p++){for(var[t,o,r]=s[p],i=!0,c=0;c<t.length;c++)(!1&r||a>=r)&&Object.keys(n.O).every(e=>n.O[e](t[c]))?t.splice(c--,1):(i=!1,r<a&&(a=r));if(i){s.splice(p--,1);var l=o();void 0!==l&&(e=l)}}return e}r=r||0;for(var p=s.length;p>0&&s[p-1][2]>r;p--)s[p]=s[p-1];s[p]=[t,o,r]},n.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return n.d(t,{a:t}),t},n.d=(e,t)=>{for(var o in t)n.o(t,o)&&!n.o(e,o)&&Object.defineProperty(e,o,{enumerable:!0,get:t[o]})},n.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),n.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},(()=>{var e={2779:0};n.O.j=t=>0===e[t];var t=(t,o)=>{var r,a,[s,i,c]=o,l=0;if(s.some(t=>0!==e[t])){for(r in i)n.o(i,r)&&(n.m[r]=i[r]);if(c)var p=c(n)}for(t&&t(o);l<s.length;l++)a=s[l],n.o(e,a)&&e[a]&&e[a][0](),e[a]=0;return n.O(p)},o=self["momentum-web-components-[id]"]=self["momentum-web-components-[id]"]||[];o.forEach(t.bind(null,0)),o.push=t.bind(null,o.push.bind(o))})();var l=n.O(void 0,[9609,4084,3305,4739,7154,9773,5983,2364,4781,519,5201,5584,8227,4700,9669,887,561],()=>n(1869));return n.O(l)})());
|
|
@@ -1 +1 @@
|
|
|
1
|
-
require("../9609"),require("../4084"),require("../3305"),require("../4739"),require("../7154"),require("../9773"),require("../5983"),require("../2364"),require("../
|
|
1
|
+
require("../9609"),require("../4084"),require("../3305"),require("../4739"),require("../7154"),require("../9773"),require("../5983"),require("../2364"),require("../4781"),require("../519"),require("../5201"),require("../5584"),require("../8227"),require("../4700"),require("../9669"),require("../887"),require("../561"),module.exports=require("../comp/md-coachmark-entry");
|
|
@@ -113,7 +113,7 @@
|
|
|
113
113
|
class="md-combobox-option"
|
|
114
114
|
aria-posinset=${i}
|
|
115
115
|
aria-setsize=${s}
|
|
116
|
-
role=${this.isMulti?"checkbox":"
|
|
116
|
+
role=${this.isMulti?"checkbox":"option"}
|
|
117
117
|
aria-label="${this.isCustomContent?this.getOptionId(t):this.getOptionValue(t)}${o}"
|
|
118
118
|
tabindex="-1"
|
|
119
119
|
@click=${t=>this.handleListClick(t)}
|
|
@@ -198,7 +198,7 @@
|
|
|
198
198
|
part="combobox-options"
|
|
199
199
|
aria-label=${this.ariaLabel||this.label}
|
|
200
200
|
style=${this.addStyle()}
|
|
201
|
-
role=${(0,p.ifDefined)(this.checkForVirtualScroll()?void 0:"
|
|
201
|
+
role=${(0,p.ifDefined)(this.checkForVirtualScroll()?void 0:"listbox")}
|
|
202
202
|
>
|
|
203
203
|
${this.isMulti&&this.allowSelectAll&&this.expanded?this.getSelectAllOption():h.nothing}
|
|
204
204
|
${this.checkForVirtualScroll()?0!==this.options.length&&this.filterOptions(this.trimSpace?this.inputValue.replace(/\s+/g,""):this.inputValue).length>0?this.renderVirtualScroll:h.nothing:this.renderWithoutVirtualScroll()}
|