-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy path_angular_material_badge.ghsSs1qlcH.js
More file actions
65 lines (65 loc) · 8.86 KB
/
_angular_material_badge.ghsSs1qlcH.js
File metadata and controls
65 lines (65 loc) · 8.86 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
import { e as d } from "@nf-internal/chunk-5KSFOI5Q";
import { b as o } from "@nf-internal/chunk-RXMLTE5A";
import "@nf-internal/chunk-6MDQTQU3";
import { AriaDescriber as l, _IdGenerator as g, InteractivityChecker as c, A11yModule as b } from "@angular/cdk/a11y";
import * as n from "@angular/core";
import { inject as r, NgZone as h, ElementRef as p, Renderer2 as v, DOCUMENT as f, booleanAttribute as s } from "@angular/core";
import { _CdkPrivateStyleLoader as _, _VisuallyHiddenLoader as u } from "@angular/cdk/private";
import "@angular/cdk/layout";
import "@angular/cdk/bidi";
var m = "mat-badge-content", y = (() => {
class a {
static \u0275fac = function (t) { return new (t || a); };
static \u0275cmp = n.\u0275\u0275defineComponent({ type: a, selectors: [["ng-component"]], decls: 0, vars: 0, template: function (t, i) { }, styles: [`.mat-badge{position:relative}.mat-badge.mat-badge{overflow:visible}.mat-badge-content{position:absolute;text-align:center;display:inline-block;transition:transform 200ms ease-in-out;transform:scale(0.6);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;box-sizing:border-box;pointer-events:none;background-color:var(--mat-badge-background-color, var(--mat-sys-error));color:var(--mat-badge-text-color, var(--mat-sys-on-error));font-family:var(--mat-badge-text-font, var(--mat-sys-label-small-font));font-weight:var(--mat-badge-text-weight, var(--mat-sys-label-small-weight));border-radius:var(--mat-badge-container-shape, var(--mat-sys-corner-full))}.mat-badge-above .mat-badge-content{bottom:100%}.mat-badge-below .mat-badge-content{top:100%}.mat-badge-before .mat-badge-content{right:100%}[dir=rtl] .mat-badge-before .mat-badge-content{right:auto;left:100%}.mat-badge-after .mat-badge-content{left:100%}[dir=rtl] .mat-badge-after .mat-badge-content{left:auto;right:100%}@media(forced-colors: active){.mat-badge-content{outline:solid 1px;border-radius:0}}.mat-badge-disabled .mat-badge-content{background-color:var(--mat-badge-disabled-state-background-color, color-mix(in srgb, var(--mat-sys-error) 38%, transparent));color:var(--mat-badge-disabled-state-text-color, var(--mat-sys-on-error))}.mat-badge-hidden .mat-badge-content{display:none}.ng-animate-disabled .mat-badge-content,.mat-badge-content._mat-animation-noopable{transition:none}.mat-badge-content.mat-badge-active{transform:none}.mat-badge-small .mat-badge-content{width:var(--mat-badge-legacy-small-size-container-size, unset);height:var(--mat-badge-legacy-small-size-container-size, unset);min-width:var(--mat-badge-small-size-container-size, 6px);min-height:var(--mat-badge-small-size-container-size, 6px);line-height:var(--mat-badge-small-size-line-height, 6px);padding:var(--mat-badge-small-size-container-padding, 0);font-size:var(--mat-badge-small-size-text-size, 0);margin:var(--mat-badge-small-size-container-offset, -6px 0)}.mat-badge-small.mat-badge-overlap .mat-badge-content{margin:var(--mat-badge-small-size-container-overlap-offset, -6px)}.mat-badge-medium .mat-badge-content{width:var(--mat-badge-legacy-container-size, unset);height:var(--mat-badge-legacy-container-size, unset);min-width:var(--mat-badge-container-size, 16px);min-height:var(--mat-badge-container-size, 16px);line-height:var(--mat-badge-line-height, 16px);padding:var(--mat-badge-container-padding, 0 4px);font-size:var(--mat-badge-text-size, var(--mat-sys-label-small-size));margin:var(--mat-badge-container-offset, -12px 0)}.mat-badge-medium.mat-badge-overlap .mat-badge-content{margin:var(--mat-badge-container-overlap-offset, -12px)}.mat-badge-large .mat-badge-content{width:var(--mat-badge-legacy-large-size-container-size, unset);height:var(--mat-badge-legacy-large-size-container-size, unset);min-width:var(--mat-badge-large-size-container-size, 16px);min-height:var(--mat-badge-large-size-container-size, 16px);line-height:var(--mat-badge-large-size-line-height, 16px);padding:var(--mat-badge-large-size-container-padding, 0 4px);font-size:var(--mat-badge-large-size-text-size, var(--mat-sys-label-small-size));margin:var(--mat-badge-large-size-container-offset, -12px 0)}.mat-badge-large.mat-badge-overlap .mat-badge-content{margin:var(--mat-badge-large-size-container-overlap-offset, -12px)}
`], encapsulation: 2, changeDetection: 0 });
}
return a;
})(), T = (() => { class a {
_ngZone = r(h);
_elementRef = r(p);
_ariaDescriber = r(l);
_renderer = r(v);
_animationsDisabled = d();
_idGenerator = r(g);
get color() { return this._color; }
set color(e) { this._setColor(e), this._color = e; }
_color = "primary";
overlap = !0;
disabled;
position = "above after";
get content() { return this._content; }
set content(e) { this._updateRenderedContent(e); }
_content;
get description() { return this._description; }
set description(e) { this._updateDescription(e); }
_description;
size = "medium";
hidden;
_badgeElement;
_inlineBadgeDescription;
_isInitialized = !1;
_interactivityChecker = r(c);
_document = r(f);
constructor() { let e = r(_); e.load(y), e.load(u); }
isAbove() { return this.position.indexOf("below") === -1; }
isAfter() { return this.position.indexOf("before") === -1; }
getBadgeElement() { return this._badgeElement; }
ngOnInit() { this._clearExistingBadges(), this.content && !this._badgeElement && (this._badgeElement = this._createBadgeElement(), this._updateRenderedContent(this.content)), this._isInitialized = !0; }
ngOnDestroy() { this._renderer.destroyNode && (this._renderer.destroyNode(this._badgeElement), this._inlineBadgeDescription?.remove()), this._ariaDescriber.removeDescription(this._elementRef.nativeElement, this.description); }
_isHostInteractive() { return this._interactivityChecker.isFocusable(this._elementRef.nativeElement, { ignoreVisibility: !0 }); }
_createBadgeElement() { let e = this._renderer.createElement("span"), t = "mat-badge-active"; return e.setAttribute("id", this._idGenerator.getId("mat-badge-content-")), e.setAttribute("aria-hidden", "true"), e.classList.add(m), this._animationsDisabled && e.classList.add("_mat-animation-noopable"), this._elementRef.nativeElement.appendChild(e), typeof requestAnimationFrame == "function" && !this._animationsDisabled ? this._ngZone.runOutsideAngular(() => { requestAnimationFrame(() => { e.classList.add(t); }); }) : e.classList.add(t), e; }
_updateRenderedContent(e) { let t = `${e ?? ""}`.trim(); this._isInitialized && t && !this._badgeElement && (this._badgeElement = this._createBadgeElement()), this._badgeElement && (this._badgeElement.textContent = t), this._content = t; }
_updateDescription(e) { this._ariaDescriber.removeDescription(this._elementRef.nativeElement, this.description), (!e || this._isHostInteractive()) && this._removeInlineDescription(), this._description = e, this._isHostInteractive() ? this._ariaDescriber.describe(this._elementRef.nativeElement, e) : this._updateInlineDescription(); }
_updateInlineDescription() { this._inlineBadgeDescription || (this._inlineBadgeDescription = this._document.createElement("span"), this._inlineBadgeDescription.classList.add("cdk-visually-hidden")), this._inlineBadgeDescription.textContent = this.description, this._badgeElement?.appendChild(this._inlineBadgeDescription); }
_removeInlineDescription() { this._inlineBadgeDescription?.remove(), this._inlineBadgeDescription = void 0; }
_setColor(e) { let t = this._elementRef.nativeElement.classList; t.remove(`mat-badge-${this._color}`), e && t.add(`mat-badge-${e}`); }
_clearExistingBadges() { let e = this._elementRef.nativeElement.querySelectorAll(`:scope > .${m}`); for (let t of Array.from(e))
t !== this._badgeElement && t.remove(); }
static \u0275fac = function (t) { return new (t || a); };
static \u0275dir = n.\u0275\u0275defineDirective({ type: a, selectors: [["", "matBadge", ""]], hostAttrs: [1, "mat-badge"], hostVars: 20, hostBindings: function (t, i) { t & 2 && n.\u0275\u0275classProp("mat-badge-overlap", i.overlap)("mat-badge-above", i.isAbove())("mat-badge-below", !i.isAbove())("mat-badge-before", !i.isAfter())("mat-badge-after", i.isAfter())("mat-badge-small", i.size === "small")("mat-badge-medium", i.size === "medium")("mat-badge-large", i.size === "large")("mat-badge-hidden", i.hidden || !i.content)("mat-badge-disabled", i.disabled); }, inputs: { color: [0, "matBadgeColor", "color"], overlap: [2, "matBadgeOverlap", "overlap", s], disabled: [2, "matBadgeDisabled", "disabled", s], position: [0, "matBadgePosition", "position"], content: [0, "matBadge", "content"], description: [0, "matBadgeDescription", "description"], size: [0, "matBadgeSize", "size"], hidden: [2, "matBadgeHidden", "hidden", s] } });
} return a; })(), k = (() => { class a {
static \u0275fac = function (t) { return new (t || a); };
static \u0275mod = n.\u0275\u0275defineNgModule({ type: a });
static \u0275inj = n.\u0275\u0275defineInjector({ imports: [b, o, o] });
} return a; })();
export { T as MatBadge, k as MatBadgeModule };