@clr/angular
Version:
Angular components for Clarity
638 lines (618 loc) • 1.24 MB
JavaScript
import * as i0 from '@angular/core';
import { Pipe, Directive, NgModule, booleanAttribute, Input, ChangeDetectionStrategy, ViewEncapsulation, Component } from '@angular/core';
import * as i1 from '@angular/platform-browser';
import { CommonModule } from '@angular/common';
import { Subject } from 'rxjs';
/*
* Copyright (c) 2016-2026 Broadcom. All Rights Reserved.
* The term "Broadcom" refers to Broadcom Inc. and/or its subsidiaries.
* This software is released under MIT license.
* The full license information can be found in LICENSE in the root directory of this project.
*/
class IconHtmlPipe {
constructor(sanitizer) {
this.sanitizer = sanitizer;
}
transform(value) {
return this.sanitizer.bypassSecurityTrustHtml(value);
}
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: IconHtmlPipe, deps: [{ token: i1.DomSanitizer }], target: i0.ɵɵFactoryTarget.Pipe }); }
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.1.3", ngImport: i0, type: IconHtmlPipe, isStandalone: true, name: "iconHtml" }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: IconHtmlPipe, decorators: [{
type: Pipe,
args: [{
name: 'iconHtml',
}]
}], ctorParameters: () => [{ type: i1.DomSanitizer }] });
/*
* Copyright (c) 2016-2026 Broadcom. All Rights Reserved.
* The term "Broadcom" refers to Broadcom Inc. and/or its subsidiaries.
* This software is released under MIT license.
* The full license information can be found in LICENSE in the root directory of this project.
*/
/** @deprecated since v18 in favor of ClrIcon, remove in v19 */
class ClrIconCustomTag {
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: ClrIconCustomTag, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.1.3", type: ClrIconCustomTag, isStandalone: false, selector: "clr-icon", ngImport: i0 }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: ClrIconCustomTag, decorators: [{
type: Directive,
args: [{
selector: 'clr-icon',
standalone: false,
}]
}] });
/** @deprecated since v18 in favor of ClrIcon, remove in v19 */
class CdsIconCustomTag {
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: CdsIconCustomTag, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.1.3", type: CdsIconCustomTag, isStandalone: false, selector: "cds-icon", ngImport: i0 }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: CdsIconCustomTag, decorators: [{
type: Directive,
args: [{
selector: 'cds-icon',
standalone: false,
}]
}] });
/*
* Copyright (c) 2016-2026 Broadcom. All Rights Reserved.
* The term "Broadcom" refers to Broadcom Inc. and/or its subsidiaries.
* This software is released under MIT license.
* The full license information can be found in LICENSE in the root directory of this project.
*/
const CLR_ICON_DIRECTIVES = [ClrIconCustomTag, CdsIconCustomTag];
/** @deprecated since v18 in favor of ClrIcon, remove in v19 */
class ClrIconModule {
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: ClrIconModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.1.3", ngImport: i0, type: ClrIconModule, declarations: [ClrIconCustomTag, CdsIconCustomTag], imports: [CommonModule], exports: [ClrIconCustomTag, CdsIconCustomTag] }); }
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: ClrIconModule, imports: [CommonModule] }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: ClrIconModule, decorators: [{
type: NgModule,
args: [{
imports: [CommonModule],
declarations: [CLR_ICON_DIRECTIVES],
exports: [CLR_ICON_DIRECTIVES],
}]
}] });
/*
* Copyright (c) 2016-2026 Broadcom. All Rights Reserved.
* The term "Broadcom" refers to Broadcom Inc. and/or its subsidiaries.
* This software is released under MIT license.
* The full license information can be found in LICENSE in the root directory of this project.
*/
const stateUpdates = new Subject();
stateUpdates.listener = document.addEventListener('CDS_STATE_UPDATE', (e) => stateUpdates.next(e.detail));
class GlobalStateService {
static { this.stateUpdates = stateUpdates.asObservable(); }
static get state() {
this.setupCDSGlobal();
return window.CDS._state;
}
static getValue(key) {
return GlobalStateService.state[key];
}
static setValue(key, val) {
GlobalStateService.state[key] = val;
}
static log() {
console.log(JSON.stringify(GlobalStateService.state, null, 2));
}
static setupCDSGlobal() {
// eslint-disable-next-line eqeqeq
if (window != null) {
this.initializeCDSGlobal();
this.intializeCDSStateProxy();
}
}
static initializeCDSGlobal() {
window.CDS = window.CDS || {
_isStateProxied: false,
_state: {
iconRegistry: {},
},
getDetails: this.getDetails,
logDetails: this.logDetails,
};
}
static resetCDSGlobal() {
window.CDS = {
_isStateProxied: false,
_state: {
iconRegistry: {},
},
getDetails: this.getDetails,
logDetails: this.logDetails,
};
}
static intializeCDSStateProxy() {
if (!window.CDS._isStateProxied) {
window.CDS._isStateProxied = true;
window.CDS._state = new Proxy(window.CDS._state, {
set: (target, key, value) => {
const detail = { key, prev: window.CDS._state[key], current: value };
target[key] = value;
document.dispatchEvent(new CustomEvent('CDS_STATE_UPDATE', { detail }));
return true;
},
});
}
}
static getDetails() {
return {
state: {
...window.CDS._state,
iconRegistry: Object.keys(window.CDS._state.iconRegistry),
},
};
}
static logDetails() {
console.log(JSON.stringify(this.getDetails(), null, 2));
}
}
/*
* Copyright (c) 2016-2026 Broadcom. All Rights Reserved.
* The term "Broadcom" refers to Broadcom Inc. and/or its subsidiaries.
* This software is released under MIT license.
* The full license information can be found in LICENSE in the root directory of this project.
*/
function renderIcon(shapeOrStringIcon) {
return shapeOrStringIcon;
}
/*
* Copyright (c) 2016-2026 Broadcom. All Rights Reserved.
* The term "Broadcom" refers to Broadcom Inc. and/or its subsidiaries.
* This software is released under MIT license.
* The full license information can be found in LICENSE in the root directory of this project.
*/
const icon$6C = {
outline: '<circle class="cds-internal-dot-3222" cx="31.1" cy="18" r="2.9"/><circle class="cds-internal-dot-2" cx="18" cy="18" r="2.9"/><circle class="cds-internal-dot-1" cx="4.9" cy="18" r="2.9"/>',
};
const unknownIconName = 'unknown';
const unknownIcon = [unknownIconName, renderIcon(icon$6C)];
/*
* Copyright (c) 2016-2026 Broadcom. All Rights Reserved.
* The term "Broadcom" refers to Broadcom Inc. and/or its subsidiaries.
* This software is released under MIT license.
* The full license information can be found in LICENSE in the root directory of this project.
*/
/**
* ClarityIcons is a static class that gives users the ability to interact with
* the icon registry. This includes capabilities to add, retrieve, or alias icons
* in the registry.
*
* @privateRemarks
*
* The icon registry is private to the module. There is no way to access it directly
* outside of the module.
*
*/
// @dynamic
class ClarityIcons {
/**
* Returns a readonly reference of the icon registry.
*/
static get registry() {
return { unknown: unknownIcon[1], ...GlobalStateService.state.iconRegistry };
}
static addIcons(...shapes) {
// Use the static GlobalStateService
const currentRegistry = GlobalStateService.state.iconRegistry;
GlobalStateService.setValue('iconRegistry', {
...currentRegistry,
// Filter out any icons that already exist
...Object.fromEntries(shapes.filter(([name]) => !currentRegistry[name])),
});
}
/**
* @description
* Use `addIcons` instead of `addAliases`
*
* This method is a backwords compatibility function to the old API
*
* The team will revisit this method for possible deprecation.
*/
static addAliases(...aliases) {
const currentRegistry = ClarityIcons.registry; // Use the getter to include 'unknown'
const currentGlobalRegistry = GlobalStateService.state.iconRegistry;
const newAliases = aliases
.filter(([name]) => currentRegistry[name]) // Check if the icon to be aliased exists
.map(([name, aliasNames]) => aliasNames.map(alias => [alias, currentRegistry[name]])); // Map to [aliasName, iconTemplate]
GlobalStateService.setValue('iconRegistry', {
...currentGlobalRegistry,
...Object.fromEntries(newAliases.flat()),
});
}
static getIconNameFromShape(iconShape) {
return iconShape[0];
}
}
/*
* Copyright (c) 2016-2026 Broadcom. All Rights Reserved.
* The term "Broadcom" refers to Broadcom Inc. and/or its subsidiaries.
* This software is released under MIT license.
* The full license information can be found in LICENSE in the root directory of this project.
*/
function getUpdateSizeStrategy(size) {
switch (true) {
case isNilOrEmpty(size):
return "value-is-nil" /* SizeUpdateStrategies.NilSizeValue */;
case isTshirtSize(size):
return "value-is-string" /* SizeUpdateStrategies.ValidSizeString */;
case isNumericString(size):
return "value-is-numeric" /* SizeUpdateStrategies.ValidNumericString */;
default:
return "bad-value" /* SizeUpdateStrategies.BadSizeValue */;
}
}
function getSizeValue(size) {
return !size || (size && !size.length) ? '' : replaceWord(size, 'fit');
}
function getIconSizeStylesToUpdate(size, sizeValueInRem) {
const isFitSized = isNil(size) ? false : size.indexOf('fit') > -1;
if (isFitSized) {
return [
['width', 'auto'],
['height', 'auto'],
['min-width', sizeValueInRem],
['min-height', sizeValueInRem],
];
}
else {
return [
['width', sizeValueInRem],
['height', sizeValueInRem],
['min-width', sizeValueInRem],
['min-height', sizeValueInRem],
];
}
}
function updateIconSizeStyle(el, size) {
const updateStrategy = getUpdateSizeStrategy(getSizeValue(size));
let val = '';
switch (updateStrategy) {
case "value-is-numeric" /* SizeUpdateStrategies.ValidNumericString */:
val = pxToRem(parseInt(size)); // set val in block to run expensive call only when needed
updateElementStyles(el, ...getIconSizeStylesToUpdate(size, val));
return;
case "value-is-string" /* SizeUpdateStrategies.ValidSizeString */:
unsetElementStyles(el, 'width', 'height', 'min-width', 'min-height');
return;
case "value-is-nil" /* SizeUpdateStrategies.NilSizeValue */: // nil values empty out all sizing
unsetElementStyles(el, 'width', 'height', 'min-width', 'min-height');
return;
case "bad-value" /* SizeUpdateStrategies.BadSizeValue */:
// bad-value is ignored
return;
default:
return;
}
}
function updateElementStyles(el, ...styleTuples) {
styleTuples.forEach(([styleKey, value]) => {
el.style[styleKey] = value;
});
return el;
}
function unsetElementStyles(el, ...styleProperties) {
styleProperties.forEach(prop => {
el.style[prop] = '';
});
return el;
}
function pxToRem(pxValue) {
return `calc((${pxValue} / var(--cds-global-base)) * 1rem)`;
}
function replaceWord(str, wordToReplace, replaceWith = '') {
const words = str.split(' ');
const returnWords = replaceWith === ''
? words.filter(w => w !== wordToReplace)
: words.map(w => (w === wordToReplace ? replaceWith : w));
return returnWords.length > 0 ? returnWords.join(' ') : '';
}
function isTshirtSize(size) {
return ['xxs', 'xs', 'sm', 'md', 'lg', 'xl', 'xxl'].indexOf(size) > -1;
}
function isNumericString(val) {
return typeof val === 'string' && val.trim().length > 0 && +val === +val;
}
function isNil(val) {
return val === null || val === undefined;
}
function isNilOrEmpty(val) {
return isNil(val) || (typeof val === 'string' && !val.length);
}
/*
* Copyright (c) 2016-2026 Broadcom. All Rights Reserved.
* The term "Broadcom" refers to Broadcom Inc. and/or its subsidiaries.
* This software is released under MIT license.
* The full license information can be found in LICENSE in the root directory of this project.
*/
function hasAlertBadge(icon) {
return icon.badge && (icon.badge === 'inherit-triangle' || icon.badge === 'warning-triangle');
}
function getIconBadgeSVG(icon) {
let badge = '';
if (icon.badge && hasAlertBadge(icon)) {
badge =
'<path d="M26.85 1.14L21.13 11a1.28 1.28 0 001.1 2h11.45a1.28 1.28 0 001.1-2l-5.72-9.86a1.28 1.28 0 00-2.21 0z" class="alert" />';
}
else if (icon.badge) {
badge = '<circle cx="30" cy="6" r="5" class="badge" />';
}
return badge;
}
function getIconSVG(icon) {
const iconShape = (ClarityIcons.registry[icon.shape] ?? ClarityIcons.registry['unknown']);
let shape = icon.solid && iconShape.solid ? iconShape.solid : iconShape.outline;
if (icon.badge && !hasAlertBadge(icon)) {
shape = icon.solid ? (iconShape.solidBadged ?? shape) : (iconShape.outlineBadged ?? shape);
}
if (hasAlertBadge(icon)) {
shape = icon.solid ? (iconShape.solidAlerted ?? shape) : (iconShape.outlineAlerted ?? shape);
}
return shape;
}
/*
* Copyright (c) 2016-2026 Broadcom. All Rights Reserved.
* The term "Broadcom" refers to Broadcom Inc. and/or its subsidiaries.
* This software is released under MIT license.
* The full license information can be found in LICENSE in the root directory of this project.
*/
class ClrIcon {
constructor(el, cdr) {
this.el = el;
this.cdr = cdr;
this.isStringIcon = false;
this._shape = 'unknown';
this._solid = false;
this._inverse = false;
this._priorShape = 'unknown';
}
get shape() {
return this._shape;
}
set shape(value) {
if ((value || (value && value.length)) && this._shape !== value) {
this._priorShape = this._shape;
this._shape = value;
this.updateIcon();
}
}
get size() {
return this._size;
}
set size(value) {
if (value !== this._size) {
this._size = value;
this.updateIconSize(value);
}
}
get direction() {
return this._direction;
}
set direction(value) {
if (value !== this._direction) {
this._direction = value;
this.updateIcon();
}
}
get flip() {
return this._flip;
}
set flip(value) {
if (value !== this._flip) {
this._flip = value;
this.updateIcon();
}
}
get solid() {
return this._solid;
}
set solid(value) {
if (value !== this._solid) {
this._solid = value;
this.updateIcon();
}
}
get status() {
return this._status;
}
set status(value) {
if (value !== this._status) {
this._status = value;
this.updateIcon();
}
}
get inverse() {
return this._inverse;
}
set inverse(value) {
if (value !== this._inverse) {
this._inverse = value;
this.updateIcon();
}
}
get badge() {
return this._badge;
}
set badge(value) {
if (value !== this._badge) {
this._badge = value;
this.updateIcon();
}
}
ngOnInit() {
this.updateIcon(); // Initial render
this.subscription = GlobalStateService.stateUpdates.subscribe(update => {
if (update.key === 'iconRegistry' && ClarityIcons.registry[this.shape] && this._priorShape !== this.shape) {
this._priorShape = this.shape;
this.updateIcon();
}
});
}
ngOnDestroy() {
this.subscription?.unsubscribe();
}
updateIcon() {
const shapeTemplate = ClarityIcons.registry[this.shape] || ClarityIcons.registry['unknown'];
if (typeof shapeTemplate === 'string') {
this.isStringIcon = true;
this.iconSVG = shapeTemplate;
}
else {
this.isStringIcon = false;
this.iconSVG = getIconSVG(this) + getIconBadgeSVG(this);
}
this.cdr.markForCheck();
}
updateIconSize(value) {
updateIconSizeStyle(this.el.nativeElement, value);
}
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: ClrIcon, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.3", type: ClrIcon, isStandalone: true, selector: "clr-icon, cds-icon", inputs: { shape: "shape", size: "size", direction: "direction", flip: "flip", solid: ["solid", "solid", booleanAttribute], status: "status", inverse: ["inverse", "inverse", booleanAttribute], badge: "badge" }, host: { properties: { "attr.shape": "shape", "attr.size": "size", "attr.direction": "direction", "attr.flip": "flip", "attr.solid": "solid ? true : null", "attr.status": "status", "attr.inverse": "inverse ? true : null", "attr.badge": "badge" } }, providers: [IconHtmlPipe], ngImport: i0, template: "<!--\n ~ Copyright (c) 2016-2026 Broadcom. All Rights Reserved.\n ~ The term \"Broadcom\" refers to Broadcom Inc. and/or its subsidiaries.\n ~ This software is released under MIT license.\n ~ The full license information can be found in LICENSE in the root directory of this project.\n -->\n@if (isStringIcon) {\n <span [innerHTML]=\"iconSVG | iconHtml\"></span>\n} @else {\n <svg [innerHTML]=\"iconSVG | iconHtml\" viewBox=\"0 0 36 36\" xmlns=\"http://www.w3.org/2000/svg\" aria-hidden=\"true\"></svg>\n}\n", styles: [":host{all:initial;display:block;visibility:inherit;font-family:var(--cds-alias-typography-font-family);contain:layout;box-sizing:border-box!important;appearance:none!important}*,*:before,*:after{box-sizing:inherit!important}slot{font-family:var(--cds-alias-typography-font-family);display:contents!important}::slotted(*){font-family:inherit;box-sizing:inherit}::slotted(*)::placeholder{color:var(--cds-alias-typography-color-200)}:host([role=button]),:host([_is-anchor]){cursor:pointer!important}:host([role=button]) ::slotted(*),:host([_is-anchor]) ::slotted(*){cursor:pointer!important}:host([role=button][disabled]){cursor:not-allowed!important}:host([role=button][disabled]) ::slotted(*){cursor:not-allowed!important;pointer-events:none}:host([hidden]),[hidden]{display:none!important}:host([hidden*=false]){display:block!important}[role=dialog][hidden],[role=dialog][hidden]>*,:host([role=dialog][hidden]),:host([role=dialog][hidden]) ::slotted(*){display:block!important;visibility:hidden!important}[role=dialog][hidden*=false],[role=dialog][hidden*=false]>*,:host([role=dialog][hidden*=false]),:host([role=dialog][hidden*=false]) ::slotted(*){visibility:visible!important}:host([tabindex=\"0\"]:focus),:host([tabindex=\"0\"]:focus) [focusable],:host([_focused]) [focusable],:host([_focused]) .input,[tabindex=\"0\"][focusable]:focus{outline:Highlight solid 2px;outline:5px auto -webkit-focus-ring-color;outline-offset:var(--cds-alias-object-interaction-outline-offset)}:host{--color: currentColor;display:inline-block;height:var(--cds-global-space-7);width:var(--cds-global-space-7);min-height:var(--cds-global-space-7);min-width:var(--cds-global-space-7);margin:0;vertical-align:middle;fill:var(--color);color:var(--color);contain:strict;cursor:inherit}svg{display:block}:host([size*=xs]){height:var(--clr-base-icon-size-xs);width:var(--clr-base-icon-size-xs);min-height:var(--clr-base-icon-size-xs);min-width:var(--clr-base-icon-size-xs)}:host([size*=sm]){height:var(--clr-base-icon-size-s);width:var(--clr-base-icon-size-s);min-height:var(--clr-base-icon-size-s);min-width:var(--clr-base-icon-size-s)}:host([size*=md]){height:var(--clr-base-icon-size-m);width:var(--clr-base-icon-size-m);min-height:var(--clr-base-icon-size-m);min-width:var(--clr-base-icon-size-m)}:host([size*=lg]){height:var(--clr-base-icon-size-l);width:var(--clr-base-icon-size-l);min-height:var(--clr-base-icon-size-l);min-width:var(--clr-base-icon-size-l)}:host([size*=xl]){height:var(--clr-base-icon-size-xl);width:var(--clr-base-icon-size-xl);min-height:var(--clr-base-icon-size-xl);min-width:var(--clr-base-icon-size-xl)}:host([size*=xxl]){height:var(--clr-base-icon-size-2xl);width:var(--clr-base-icon-size-2xl);min-height:var(--clr-base-icon-size-2xl);min-width:var(--clr-base-icon-size-2xl)}:host([size*=\"3xl\"]){height:var(--clr-base-icon-size-3xl);width:var(--clr-base-icon-size-3xl);min-height:var(--clr-base-icon-size-3xl);min-width:var(--clr-base-icon-size-3xl)}:host([size*=\"4xl\"]){height:var(--clr-base-icon-size-4xl);width:var(--clr-base-icon-size-4xl);min-height:var(--clr-base-icon-size-4xl);min-width:var(--clr-base-icon-size-4xl)}:host([size*=fit]){height:auto;width:auto;contain:layout}:host([status=success]){--color: var(--cds-alias-status-success)}:host([status=danger]){--color: var(--cds-alias-status-danger)}:host([status=warning]){--color: var(--cds-alias-status-warning-dark)}:host([status=info]){--color: var(--cds-alias-status-info)}:host([status=neutral]){--color: var(--cds-alias-status-neutral)}:host([inverse]){--color: var(--cds-global-color-construction-200)}:host([direction=up]){transform:rotate(0)}:host([direction=down]){transform:rotate(180deg)}:host([direction=right]){transform:rotate(90deg)}:host([direction=left]){transform:rotate(270deg)}:host([flip=horizontal]){transform:scale(-1) rotateX(180deg)}:host([flip=vertical]){transform:scale(-1) rotateY(180deg)}.badge,.alert{fill:var(--badge-color, var(--cds-alias-status-danger))}:host([badge=success]){--badge-color: var(--cds-alias-status-success)}:host([badge=danger]){--badge-color: var(--cds-alias-status-danger)}:host([badge*=warning]){--badge-color: var(--cds-alias-status-warning-dark)}:host([badge=inherit]){--badge-color: currentColor}:host([badge=info]){--badge-color: var(--cds-alias-status-info)}:host([badge=neutral]){--badge-color: var(--cds-alias-status-neutral)}:host([badge=inherit-triangle]){--badge-color: currentColor}:host([badge][inverse]){--badge-color: var(--cds-alias-status-danger)}:host([badge=success][inverse]){--badge-color: var(--cds-alias-status-success)}:host([badge*=warning][inverse]){--badge-color: var(--cds-alias-status-warning-dark)}:host([badge*=inherit][inverse]){--badge-color: currentColor}:host([badge=info][inverse]){--badge-color: var(--cds-alias-status-info)}.cds-internal-dot-1{animation:fade-in-and-out 1.8s ease-in 0s infinite}.cds-internal-dot-2{animation:fade-in-and-out 1.8s ease-out .422s infinite}.cds-internal-dot-3{animation:fade-in-and-out 1.8s ease-out .675s infinite}@keyframes fade-in-and-out{0%{opacity:0}75%{opacity:1}to{opacity:0}}@media(prefers-reduced-motion){.cds-internal-dot-1,.cds-internal-dot-2,.cds-internal-dot-3{animation:none}}\n"], dependencies: [{ kind: "pipe", type: IconHtmlPipe, name: "iconHtml" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.ShadowDom }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: ClrIcon, decorators: [{
type: Component,
args: [{ selector: 'clr-icon, cds-icon', encapsulation: ViewEncapsulation.ShadowDom, changeDetection: ChangeDetectionStrategy.OnPush, host: {
'[attr.shape]': 'shape',
'[attr.size]': 'size',
'[attr.direction]': 'direction',
'[attr.flip]': 'flip',
'[attr.solid]': 'solid ? true : null',
'[attr.status]': 'status',
'[attr.inverse]': 'inverse ? true : null',
'[attr.badge]': 'badge',
}, imports: [IconHtmlPipe], providers: [IconHtmlPipe], template: "<!--\n ~ Copyright (c) 2016-2026 Broadcom. All Rights Reserved.\n ~ The term \"Broadcom\" refers to Broadcom Inc. and/or its subsidiaries.\n ~ This software is released under MIT license.\n ~ The full license information can be found in LICENSE in the root directory of this project.\n -->\n@if (isStringIcon) {\n <span [innerHTML]=\"iconSVG | iconHtml\"></span>\n} @else {\n <svg [innerHTML]=\"iconSVG | iconHtml\" viewBox=\"0 0 36 36\" xmlns=\"http://www.w3.org/2000/svg\" aria-hidden=\"true\"></svg>\n}\n", styles: [":host{all:initial;display:block;visibility:inherit;font-family:var(--cds-alias-typography-font-family);contain:layout;box-sizing:border-box!important;appearance:none!important}*,*:before,*:after{box-sizing:inherit!important}slot{font-family:var(--cds-alias-typography-font-family);display:contents!important}::slotted(*){font-family:inherit;box-sizing:inherit}::slotted(*)::placeholder{color:var(--cds-alias-typography-color-200)}:host([role=button]),:host([_is-anchor]){cursor:pointer!important}:host([role=button]) ::slotted(*),:host([_is-anchor]) ::slotted(*){cursor:pointer!important}:host([role=button][disabled]){cursor:not-allowed!important}:host([role=button][disabled]) ::slotted(*){cursor:not-allowed!important;pointer-events:none}:host([hidden]),[hidden]{display:none!important}:host([hidden*=false]){display:block!important}[role=dialog][hidden],[role=dialog][hidden]>*,:host([role=dialog][hidden]),:host([role=dialog][hidden]) ::slotted(*){display:block!important;visibility:hidden!important}[role=dialog][hidden*=false],[role=dialog][hidden*=false]>*,:host([role=dialog][hidden*=false]),:host([role=dialog][hidden*=false]) ::slotted(*){visibility:visible!important}:host([tabindex=\"0\"]:focus),:host([tabindex=\"0\"]:focus) [focusable],:host([_focused]) [focusable],:host([_focused]) .input,[tabindex=\"0\"][focusable]:focus{outline:Highlight solid 2px;outline:5px auto -webkit-focus-ring-color;outline-offset:var(--cds-alias-object-interaction-outline-offset)}:host{--color: currentColor;display:inline-block;height:var(--cds-global-space-7);width:var(--cds-global-space-7);min-height:var(--cds-global-space-7);min-width:var(--cds-global-space-7);margin:0;vertical-align:middle;fill:var(--color);color:var(--color);contain:strict;cursor:inherit}svg{display:block}:host([size*=xs]){height:var(--clr-base-icon-size-xs);width:var(--clr-base-icon-size-xs);min-height:var(--clr-base-icon-size-xs);min-width:var(--clr-base-icon-size-xs)}:host([size*=sm]){height:var(--clr-base-icon-size-s);width:var(--clr-base-icon-size-s);min-height:var(--clr-base-icon-size-s);min-width:var(--clr-base-icon-size-s)}:host([size*=md]){height:var(--clr-base-icon-size-m);width:var(--clr-base-icon-size-m);min-height:var(--clr-base-icon-size-m);min-width:var(--clr-base-icon-size-m)}:host([size*=lg]){height:var(--clr-base-icon-size-l);width:var(--clr-base-icon-size-l);min-height:var(--clr-base-icon-size-l);min-width:var(--clr-base-icon-size-l)}:host([size*=xl]){height:var(--clr-base-icon-size-xl);width:var(--clr-base-icon-size-xl);min-height:var(--clr-base-icon-size-xl);min-width:var(--clr-base-icon-size-xl)}:host([size*=xxl]){height:var(--clr-base-icon-size-2xl);width:var(--clr-base-icon-size-2xl);min-height:var(--clr-base-icon-size-2xl);min-width:var(--clr-base-icon-size-2xl)}:host([size*=\"3xl\"]){height:var(--clr-base-icon-size-3xl);width:var(--clr-base-icon-size-3xl);min-height:var(--clr-base-icon-size-3xl);min-width:var(--clr-base-icon-size-3xl)}:host([size*=\"4xl\"]){height:var(--clr-base-icon-size-4xl);width:var(--clr-base-icon-size-4xl);min-height:var(--clr-base-icon-size-4xl);min-width:var(--clr-base-icon-size-4xl)}:host([size*=fit]){height:auto;width:auto;contain:layout}:host([status=success]){--color: var(--cds-alias-status-success)}:host([status=danger]){--color: var(--cds-alias-status-danger)}:host([status=warning]){--color: var(--cds-alias-status-warning-dark)}:host([status=info]){--color: var(--cds-alias-status-info)}:host([status=neutral]){--color: var(--cds-alias-status-neutral)}:host([inverse]){--color: var(--cds-global-color-construction-200)}:host([direction=up]){transform:rotate(0)}:host([direction=down]){transform:rotate(180deg)}:host([direction=right]){transform:rotate(90deg)}:host([direction=left]){transform:rotate(270deg)}:host([flip=horizontal]){transform:scale(-1) rotateX(180deg)}:host([flip=vertical]){transform:scale(-1) rotateY(180deg)}.badge,.alert{fill:var(--badge-color, var(--cds-alias-status-danger))}:host([badge=success]){--badge-color: var(--cds-alias-status-success)}:host([badge=danger]){--badge-color: var(--cds-alias-status-danger)}:host([badge*=warning]){--badge-color: var(--cds-alias-status-warning-dark)}:host([badge=inherit]){--badge-color: currentColor}:host([badge=info]){--badge-color: var(--cds-alias-status-info)}:host([badge=neutral]){--badge-color: var(--cds-alias-status-neutral)}:host([badge=inherit-triangle]){--badge-color: currentColor}:host([badge][inverse]){--badge-color: var(--cds-alias-status-danger)}:host([badge=success][inverse]){--badge-color: var(--cds-alias-status-success)}:host([badge*=warning][inverse]){--badge-color: var(--cds-alias-status-warning-dark)}:host([badge*=inherit][inverse]){--badge-color: currentColor}:host([badge=info][inverse]){--badge-color: var(--cds-alias-status-info)}.cds-internal-dot-1{animation:fade-in-and-out 1.8s ease-in 0s infinite}.cds-internal-dot-2{animation:fade-in-and-out 1.8s ease-out .422s infinite}.cds-internal-dot-3{animation:fade-in-and-out 1.8s ease-out .675s infinite}@keyframes fade-in-and-out{0%{opacity:0}75%{opacity:1}to{opacity:0}}@media(prefers-reduced-motion){.cds-internal-dot-1,.cds-internal-dot-2,.cds-internal-dot-3{animation:none}}\n"] }]
}], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }], propDecorators: { shape: [{
type: Input
}], size: [{
type: Input
}], direction: [{
type: Input
}], flip: [{
type: Input
}], solid: [{
type: Input,
args: [{ transform: booleanAttribute }]
}], status: [{
type: Input
}], inverse: [{
type: Input,
args: [{ transform: booleanAttribute }]
}], badge: [{
type: Input
}] } });
/*
* Copyright (c) 2016-2026 Broadcom. All Rights Reserved.
* The term "Broadcom" refers to Broadcom Inc. and/or its subsidiaries.
* This software is released under MIT license.
* The full license information can be found in LICENSE in the root directory of this project.
*/
/*
* Copyright (c) 2016-2026 Broadcom. All Rights Reserved.
* The term "Broadcom" refers to Broadcom Inc. and/or its subsidiaries.
* This software is released under MIT license.
* The full license information can be found in LICENSE in the root directory of this project.
*/
const icon$6B = {
outline: '<path d="M29.52,22.52,18,10.6,6.48,22.52a1.7,1.7,0,0,0,2.45,2.36L18,15.49l9.08,9.39a1.7,1.7,0,0,0,2.45-2.36Z"/>',
};
const angleIconName = 'angle';
const angleIcon = [angleIconName, renderIcon(icon$6B)];
/*
* Copyright (c) 2016-2026 Broadcom. All Rights Reserved.
* The term "Broadcom" refers to Broadcom Inc. and/or its subsidiaries.
* This software is released under MIT license.
* The full license information can be found in LICENSE in the root directory of this project.
*/
const icon$6A = {
outline: '<path d="M28.3491 17.8996C28.5384 18.0837 28.7945 18.1863 29.061 18.1848C29.464 18.1831 29.8268 17.9451 29.9821 17.5805C30.1374 17.2158 30.055 16.7955 29.7729 16.5133L18.0318 5L6.30067 16.5133C5.95999 16.9034 5.98289 17.4849 6.35325 17.8481C6.7236 18.2112 7.3166 18.2337 7.71442 17.8996L18.0318 7.78246L28.3491 17.8996Z"/><path d="M28.3491 28.7149C28.5384 28.8989 28.7945 29.0015 29.061 29C29.464 28.9984 29.8268 28.7603 29.9821 28.3957C30.1374 28.0311 30.055 27.6107 29.7729 27.3285L18.0318 15.8152L6.30067 27.3285C5.95999 27.7186 5.98289 28.3001 6.35325 28.6633C6.7236 29.0265 7.3166 29.0489 7.71442 28.7149L18.0318 18.5977L28.3491 28.7149Z"/>',
};
const angleDoubleIconName = 'angle-double';
const angleDoubleIcon = [angleDoubleIconName, renderIcon(icon$6A)];
/*
* Copyright (c) 2016-2026 Broadcom. All Rights Reserved.
* The term "Broadcom" refers to Broadcom Inc. and/or its subsidiaries.
* This software is released under MIT license.
* The full license information can be found in LICENSE in the root directory of this project.
*/
const icon$6z = {
outline: '<path d="M27.6504 15.6341L17.9951 6L8.33981 15.6341C8.02869 15.8717 7.88432 16.2695 7.9703 16.6521C8.05629 17.0347 8.35685 17.3319 8.73952 17.4127C9.12219 17.4935 9.51667 17.343 9.74912 17.0276L16.9956 9.81955V28.9975C16.9956 29.5512 17.4431 30 17.9951 30C18.5471 30 18.9946 29.5512 18.9946 28.9975V9.81955L26.2411 17.0276C26.633 17.4179 27.2662 17.4157 27.6554 17.0226C28.0445 16.6295 28.0423 15.9943 27.6504 15.604V15.6341Z"/>',
};
const arrowIconName = 'arrow';
const arrowIcon = [arrowIconName, renderIcon(icon$6z)];
/*
* Copyright (c) 2016-2026 Broadcom. All Rights Reserved.
* The term "Broadcom" refers to Broadcom Inc. and/or its subsidiaries.
* This software is released under MIT license.
* The full license information can be found in LICENSE in the root directory of this project.
*/
const icon$6y = {
outline: '<path d="M32 9H4C3.44772 9 3 8.55228 3 8C3 7.44772 3.44772 7 4 7H32C32.5523 7 33 7.44772 33 8C33 8.55228 32.5523 9 32 9Z"/><path d="M32 19H4C3.44772 19 3 18.5523 3 18C3 17.4477 3.44772 17 4 17H32C32.5523 17 33 17.4477 33 18C33 18.5523 32.5523 19 32 19Z"/><path d="M4 29H32C32.5523 29 33 28.5523 33 28C33 27.4477 32.5523 27 32 27H4C3.44772 27 3 27.4477 3 28C3 28.5523 3.44772 29 4 29Z"/>',
};
const barsIconName = 'bars';
const barsIcon = [barsIconName, renderIcon(icon$6y)];
/*
* Copyright (c) 2016-2026 Broadcom. All Rights Reserved.
* The term "Broadcom" refers to Broadcom Inc. and/or its subsidiaries.
* This software is released under MIT license.
* The full license information can be found in LICENSE in the root directory of this project.
*/
const icon$6x = {
outline: '<path d="M32.66 27.9478C31.69 27.0976 30.84 26.1273 30.13 25.067C29.36 23.5965 28.9 21.986 28.77 20.3255V15.174C28.78 9.80236 24.79 5.27099 19.34 4.59079V3.32041C19.34 2.59018 18.74 2.01001 18 2.01001C17.26 2.01001 16.66 2.60019 16.66 3.32041V4.61079C11.27 5.34101 7.18 9.85238 7.19 15.174V20.3255C7.06 21.976 6.6 23.5865 5.83 25.067C5.14 26.1373 4.3 27.1076 3.34 27.9478C3.12 28.1379 3 28.408 3 28.6881V30.0285C3 30.5686 3.45 31.0088 4.01 31.0088H32C32.27 31.0088 32.52 30.9087 32.71 30.7187C32.9 30.5386 33 30.2785 33 30.0185V28.6781C33 28.398 32.87 28.1279 32.66 27.9378V27.9478ZM5.1 29.0382C6.04 28.1579 6.86 27.1576 7.56 26.0873C8.53 24.3067 9.1 22.3461 9.22 20.3255V15.174C9.11 12.033 10.76 9.08214 13.53 7.48166C16.4 5.82116 19.84 5.9412 22.5 7.48166C25.16 9.02213 26.92 12.033 26.81 15.174V20.3255C26.93 22.3361 27.5 24.3067 28.47 26.0873C29.17 27.1676 29.99 28.1579 30.93 29.0382H5.09H5.1Z"/><path d="M15.41 32.0091C15.71 33.1794 16.79 34.0297 18.05 34.0097C19.27 33.9797 20.3 33.1494 20.59 32.0091H15.41Z"/>',
outlineBadged: '<path d="M30 11C32.7614 11 35 8.76142 35 6C35 3.23858 32.7614 1 30 1C27.2386 1 25 3.23858 25 6C25 8.76142 27.2386 11 30 11Z"/><path d="M23.0067 5.6942C21.9072 5.13448 20.6902 4.75305 19.39 4.59079V3.32041C19.39 2.59018 18.79 2.01001 18.05 2.01001C17.31 2.01001 16.71 2.60019 16.71 3.32041V4.61079C11.32 5.34101 7.23005 9.85238 7.24005 15.174V20.3255C7.11005 21.976 6.65005 23.5865 5.88005 25.067C5.19005 26.1373 4.35005 27.1076 3.39005 27.9478C3.17005 28.1379 3.05005 28.408 3.05005 28.6881V30.0285C3.05005 30.5686 3.50005 31.0088 4.06005 31.0088H32.05C32.32 31.0088 32.57 30.9087 32.76 30.7187C32.95 30.5386 33.05 30.2785 33.05 30.0185V28.6781C33.05 28.398 32.92 28.1279 32.71 27.9378V27.9478C31.74 27.0976 30.89 26.1273 30.18 25.067C29.41 23.5965 28.95 21.986 28.82 20.3255V15.174C28.8215 14.3801 28.7356 13.6046 28.5706 12.8572C27.761 12.6892 27.0027 12.3813 26.3219 11.9599C26.7053 12.976 26.8988 14.0669 26.86 15.174V20.3255C26.98 22.3361 27.55 24.3067 28.52 26.0873C29.22 27.1676 30.04 28.1579 30.98 29.0382H5.15005C6.09005 28.1579 6.91005 27.1576 7.61005 26.0873C8.58005 24.3067 9.15005 22.3461 9.27005 20.3255V15.174C9.16005 12.033 10.81 9.08214 13.58 7.48166C16.45 5.82116 19.89 5.9412 22.55 7.48166C22.8003 7.62656 23.0425 7.78448 23.276 7.95429C23.0963 7.33438 23.0001 6.67904 23.0001 6.0012C23.0001 5.89834 23.0023 5.79599 23.0067 5.6942Z"/><path d="M18.1 34.0097C16.84 34.0297 15.76 33.1794 15.46 32.0091H20.64C20.35 33.1494 19.32 33.9797 18.1 34.0097Z"/>',
solid: '<path d="M15.54 32C15.83 33.16 16.87 34 18.1 34C19.33 34 20.36 33.16 20.66 32H15.54Z"/><path d="M32.66 27.86L33 28.16V30.99H3V28.16L3.34 27.86C4.3 26.99 5.13 26 5.83 24.92C6.6 23.42 7.06 21.77 7.19 20.09V15.44C7.18 10.01 11.19 5.4 16.58 4.66V3.34C16.58 2.6 17.18 2 17.92 2C18.66 2 19.26 2.6 19.26 3.34V4.64C24.7 5.33 28.78 9.96 28.76 15.44V20.09C28.89 21.78 29.35 23.42 30.12 24.92C30.83 26.01 31.68 27 32.65 27.86H32.66Z"/>',
solidBadged: '<path d="M32.7078 27.425L33.0501 27.7203V30.4965H3.05005V27.7203L3.39233 27.425C4.3489 26.5762 5.18517 25.6061 5.87891 24.5406C6.64983 23.0664 7.11188 21.4565 7.23797 19.8053V14.9421C7.22491 9.62934 11.2207 5.12101 16.6004 4.37891V3.08927C16.6004 2.36343 17.2021 1.77502 17.9443 1.77502C18.6866 1.77502 19.2883 2.36343 19.2883 3.08927V4.32969C20.4502 4.47569 21.5795 4.80832 22.6306 5.31414V5.93435C22.6241 9.44413 25.1451 12.4733 28.6608 13.1799C28.7639 13.762 28.8178 14.3514 28.8219 14.9421V19.8053C28.9479 21.4565 29.41 23.0664 30.1809 24.5406C30.8868 25.6087 31.7367 26.579 32.7078 27.425Z"/><path d="M20.6977 31.5302C20.5067 32.7972 19.4097 33.7453 18.1004 33.7747C16.7528 33.7938 15.5991 32.834 15.4024 31.5302H20.6977Z"/><path d="M30 11C32.7614 11 35 8.76142 35 6C35 3.23858 32.7614 1 30 1C27.2386 1 25 3.23858 25 6C25 8.76142 27.2386 11 30 11Z"/>',
};
const bellIconName = 'bell';
const bellIcon = [bellIconName, renderIcon(icon$6x)];
/*
* Copyright (c) 2016-2026 Broadcom. All Rights Reserved.
* The term "Broadcom" refers to Broadcom Inc. and/or its subsidiaries.
* This software is released under MIT license.
* The full license information can be found in LICENSE in the root directory of this project.
*/
const icon$6w = {
outline: '<path d="M22 20H20V22H22V20ZM20 26H22V24H20V26ZM28 24H26V26H28V24ZM28 20H26V22H28V20ZM27 12C27.55 12 28 11.55 28 11V5C28 4.45 27.55 4 27 4C26.45 4 26 4.45 26 5V11C26 11.55 26.45 12 27 12ZM22 16H20V18H22V16ZM28 16H26V18H28V16ZM24 8H12V10H24V8ZM10 16H8V18H10V16ZM10 20H8V22H10V20ZM10 24H8V26H10V24ZM33.5 8.54C33.17 8.2 32.72 8.01 32.25 8H30V10H32V30H4V10H6V8H3.75C3.28 8 2.83 8.2 2.5 8.54C2.17 8.88 2 9.34 2 9.81V30.19C2 30.66 2.17 31.12 2.5 31.46C2.83 31.8 3.28 31.99 3.75 32H32.25C32.72 32 33.17 31.8 33.5 31.46C33.83 31.12 34.01 30.66 34 30.19V9.81C34 9.34 33.83 8.88 33.5 8.54ZM14 26H16V24H14V26ZM16 20H14V22H16V20ZM16 16H14V18H16V16ZM9 12C9.55 12 10 11.55 10 11V5C10 4.45 9.55 4 9 4C8.45 4 8 4.45 8 5V11C8 11.55 8.45 12 9 12Z"/>',
outlineAlerted: '<path d="M26.9039 1.64621L21.2222 11.1159C20.9526 11.4984 20.9281 11.9949 21.1588 12.4005C21.3896 12.806 21.8363 13.0519 22.3148 13.0367H33.6881C34.1666 13.0519 34.6134 12.806 34.8441 12.4005C35.0748 11.9949 35.0503 11.4984 34.7808 11.1159L29.0991 1.64621C28.8711 1.26913 28.4532 1.03735 28.0015 1.03735C27.5497 1.03735 27.1319 1.26913 26.9039 1.64621Z"/><path d="M32 15.0367H33.6637C33.7763 15.0389 33.8886 15.0354 34 15.0263V30.19C34.01 30.66 33.83 31.12 33.5 31.46C33.17 31.8 32.72 32 32.25 32H3.75C3.28 31.99 2.83 31.8 2.5 31.46C2.17 31.12 2 30.66 2 30.19V9.81C2 9.34 2.17 8.88 2.5 8.54C2.83 8.2 3.28 8 3.75 8H6V10H4V30H32V15.0367Z"/><path d="M20.7594 8L19.5594 10H12V8H20.7594Z"/><path d="M20 20H22V22H20V20Z"/><path d="M22 26H20V24H22V26Z"/><path d="M26 26V24H28V26H26Z"/><path d="M26 22V20H28V22H26Z"/><path d="M20 16H22V18H20V16Z"/><path d="M26 18V16H28V18H26Z"/><path d="M8 16H10V18H8V16Z"/><path d="M8 20H10V22H8V20Z"/><path d="M8 24H10V26H8V24Z"/><path d="M16 26H14V24H16V26Z"/><path d="M14 20H16V22H14V20Z"/><path d="M14 16H16V18H14V16Z"/><path d="M10 11C10 11.55 9.55 12 9 12C8.45 12 8 11.55 8 11V5C8 4.45 8.45 4 9 4C9.55 4 10 4.45 10 5V11Z"/>',
outlineBadged: '<path d="M30 11C32.7614 11 35 8.76142 35 6C35 3.23858 32.7614 1 30 1C27.2386 1 25 3.23858 25 6C25 8.76142 27.2386 11 30 11Z"/><path d="M23.2899 8C23.4594 8.56963 23.6995 9.10887 24 9.60759V10H12V8H23.2899Z"/><path d="M34 11.7453C33.396 12.1666 32.7224 12.4951 32 12.7101V30H4V10H6V8H3.75C3.28 8 2.83 8.2 2.5 8.54C2.17 8.88 2 9.34 2 9.81V30.19C2 30.66 2.17 31.12 2.5 31.46C2.83 31.8 3.28 31.99 3.75 32H32.25C32.72 32 33.17 31.8 33.5 31.46C33.83 31.12 34.01 30.66 34 30.19V11.7453Z"/><path d="M20 20H22V22H20V20Z"/><path d="M22 26H20V24H22V26Z"/><path d="M26 26V24H28V26H26Z"/><path d="M26 22V20H28V22H26Z"/><path d="M20 16H22V18H20V16Z"/><path d="M26 18V16H28V18H26Z"/><path d="M8 16H10V18H8V16Z"/><path d="M8 20H10V22H8V20Z"/><path d="M8 24H10V26H8V24Z"/><path d="M16 26H14V24H16V26Z"/><path d="M14 20H16V22H14V20Z"/><path d="M14 16H16V18H14V16Z"/><path d="M10 11C10 11.55 9.55 12 9 12C8.45 12 8 11.55 8 11V5C8 4.45 8.45 4 9 4C9.55 4 10 4.45 10 5V11Z"/>',
solid: '<path d="M27 12C27.55 12 28 11.55 28 11V5C28 4.45 27.55 4 27 4C26.45 4 26 4.45 26 5V11C26 11.55 26.45 12 27 12ZM33.5 8.54C33.17 8.2 32.72 8.01 32.25 8H29.2V11C29.2 12.21 28.21 13.2 27 13.2C25.79 13.2 24.8 12.21 24.8 11V8H11.2V11C11.2 12.21 10.21 13.2 9 13.2C7.79 13.2 6.8 12.21 6.8 11V8H3.75C3.28 8 2.83 8.2 2.5 8.54C2.17 8.88 2 9.34 2 9.81V30.19C2 30.66 2.17 31.12 2.5 31.46C2.83 31.8 3.28 31.99 3.75 32H32.25C32.72 32 33.17 31.8 33.5 31.46C33.83 31.12 34.01 30.66 34 30.19V9.81C34 9.34 33.83 8.88 33.5 8.54ZM10.1 26.1H7.9V23.9H10.1V26.1ZM10.1 22.1H7.9V19.9H10.1V22.1ZM10.1 18.1H7.9V15.9H10.1V18.1ZM16.1 26.1H13.9V23.9H16.1V26.1ZM16.1 22.1H13.9V19.9H16.1V22.1ZM16.1 18.1H13.9V15.9H16.1V18.1ZM22.1 26.1H19.9V23.9H22.1V26.1ZM22.1 22.1H19.9V19.9H22.1V22.1ZM22.1 18.1H19.9V15.9H22.1V18.1ZM28.1 26.1H25.9V23.9H28.1V26.1ZM28.1 22.1H25.9V19.9H28.1V22.1ZM28.1 18.1H25.9V15.9H28.1V18.1ZM9 12C9.55 12 10 11.55 10 11V5C10 4.45 9.55 4 9 4C8.45 4 8 4.45 8 5V11C8 11.55 8.45 12 9 12Z"/>',
solidAlerted: '<path d="M26.9039 1.64621L21.2222 11.1159C20.9526 11.4984 20.9281 11.9949 21.1588 12.4005C21.3896 12.806 21.8363 13.0519 22.3148 13.0367H33.6881C34.1666 13.0519 34.6134 12.806 34.8441 12.4005C35.0748 11.9949 35.0503 11.4984 34.7808 11.1159L29.0991 1.64621C28.8711 1.26913 28.4532 1.03735 28.0015 1.03735C27.5497 1.03735 27.1319 1.26913 26.9039 1.64621Z"/><path fill-rule="evenodd" clip-rule="evenodd" d="M20.7594 8L19.5362 10.0387C18.8703 11.0423 18.8204 12.3342 19.4206 13.3893C20.0233 14.4489 21.1577 15.0604 22.3395 15.0367H33.6637C33.7763 15.0389 33.8886 15.0354 34 15.0263V30.19C34.01 30.66 33.83 31.12 33.5 31.46C33.17 31.8 32.72 32 32.25 32H3.75C3.28 31.99 2.83 31.8 2.5 31.46C2.17 31.12 2 30.66 2 30.19V9.81C2 9.34 2.17 8.88 2.5 8.54C2.83 8.2 3.28 8 3.75 8H6.8V11C6.8 12.21 7.79 13.2 9 13.2C10.21 13.2 11.2 12.21 11.2 11V8H20.7594ZM7.9 23.9V26.1H10.1V23.9H7.9ZM7.9 19.9V22.1H10.1V19.9H7.9ZM7.9 15.9V18.1H10.1V15.9H7.9ZM13.9 26.1H16.1V23.9H13.9V26.1ZM13.9 22.1H16.1V19.9H13.9V22.1ZM13.9 18.1H16.1V15.9H13.9V18.1ZM19.9 26.1H22.1V23.9H19.9V26.1ZM19.9 22.1H22.1V19.9H19.9V22.1ZM19.9 18.1H22.1V15.9H19.9V18.1ZM25.9 23.9V26.1H28.1V23.9H25.9ZM25.9 19.9V22.1H28.1V19.9H25.9ZM25.9 15.9V18.1H28.1V15.9H25.9Z"/><path d="M10 11C10 11.55 9.55 12 9 12C8.45 12 8 11.55 8 11V5C8 4.45 8.45 4 9 4C9.55 4 10 4.45 10 5V11Z"/>',
solidBadged: '<path d="M30 11C32.7614 11 35 8.76142 35 6C35 3.23858 32.7614 1 30 1C27.2386 1 25 3.23858 25 6C25 8.76142 27.2386 11 30 11Z"/><path fill-rule="evenodd" clip-rule="evenodd" d="M34 11.7453C32.8662 12.5362 31.4872 13 30 13C29.4063 13 28.8299 12.9261 28.2794 12.787C27.9183 13.0467 27.4762 13.2 27 13.2C25.79 13.2 24.8 12.21 24.8 11V10.6862C24.1126 9.92393 23.5904 9.0097 23.2899 8H11.2V11C11.2 12.21 10.21 13.2 9 13.2C7.79 13.2 6.8 12.21 6.8 11V8H3.75C3.28 8 2.83 8.2 2.5 8.54C2.17 8.88 2 9.34 2 9.81V30.19C2 30.66 2.17 31.12 2.5 31.46C2.83 31.8 3.28 31.99 3.75 32H32.25C32.72 32 33.17 31.8 33.5 31.46C33.83 31.12 34.01 30.66 34 30.19V11.7453ZM7.9 23.9V26.1H10.1V23.9H7.9ZM7.9 19.9V22.1H10.1V19.9H7.9ZM7.9 15.9V18.1H10.1V15.9H7.9ZM13.9 26.1H16.1V23.9H13.9V26.1ZM13.9 22.1H16.1V19.9H13.9V22.1ZM13.9 18.1H16.1V15.9H13.9V18.1ZM19.9 26.1H22.1V23.9H19.9V26.1ZM19.9 22.1H22.1V19.9H19.9V22.1ZM19.9 18.1H22.1V15.9H19.9V18.1ZM25.9 23.9V26.1H28.1V23.9H25.9ZM25.9 19.9V22.1H28.1V19.9H25.9ZM25.9 15.9V18.1H28.1V15.9H25.9Z"/><path d="M10 11C10 11.55 9.55 12 9 12C8.45 12 8 11.55 8 11V5C8 4.45 8.45 4 9 4C9.55 4 10 4.45 10 5V11Z"/>',
};
const calendarIconName = 'calendar';
const calendarIcon = [calendarIconName, renderIcon(icon$6w)];
/*
* Copyright (c) 2016-2026 Broadcom. All Rights Reserved.
* The term "Broadcom" refers to Broadcom Inc. and/or its subsidiaries.
* This software is released under MIT license.
* The full license information can be found in LICENSE in the root directory of this project.
*/
const icon$6v = {
outline: '<path d="M13.759 28.5L3.2909 17.8985C2.94988 17.4948 2.97281 16.8931 3.34353 16.5173C3.71424 16.1415 4.30784 16.1182 4.70604 16.4639L13.7389 25.6207L31.3931 7.74465C31.7913 7.39895 32.3849 7.4222 32.7556 7.798C33.1263 8.1738 33.1492 8.77554 32.8082 9.17921L13.759 28.5Z"/>',
};
const checkIconName = 'check';
const checkIcon = [checkIconName, renderIcon(icon$6v)];
/*
* Copyright (c) 2016-2026 Broadcom. All Rights Reserved.
* The term "Broadcom" refers to Broadcom Inc. and/or its subsidiaries.
* This software is released under MIT license.
* The full license information can be found in LICENSE in the root directory of this project.
*/
const icon$6u = {
outline: '<path d="M22.61 14.22L16.25 20.58L12.71 17.04C12.32 16.65 11.69 16.65 11.3 17.04C10.91 17.43 10.91 18.06 11.3 18.45L16.25 23.4L24.03 15.62C24.42 15.23 24.42 14.6 24.03 14.21C23.64 13.82 23.01 13.82 22.62 14.21L22.61 14.22ZM18 6C11.38 6 6 11.38 6 18C6 24.62 11.38 30 18 30C24.62 30 30 24.62 30 18C30 11.38 24.62 6 18 6ZM18 28C12.49 28 8 23.51 8 18C8 12.49 12.49 8 18 8C23.51 8 28 12.49 28 18C28 23.51 23.51 28 18 28Z"/>',
solid: '<path d="M18 6C11.38 6 6 11.38 6 18C6 24.62 11.38 30 18 30C24.62 30 30 24.62 30 18C30 11.38 24.62 6 18 6ZM24.16 15.78L16.24 23.7L11.15 18.61C10.68 18.14 10.68 17.38 11.15 16.91C11.62 16.44 12.38 16.44 12.85 16.91L16.24 20.3L22.46 14.08C22.93 13.61 23.69 13.61 24.16 14.08C24.63 14.55 24.63 15.31 24.16 15.78Z"/>',
};
const checkCircleIconName = 'check-circle';
const checkCircleIcon = [checkCircleIconName, renderIcon(icon$6u)];
/*
* Copyright (c) 2016-2026 Broadcom. All Rights Reserved.
* The term "Broadcom" refers to Broadcom Inc. and/or its subsidiaries.
* This software is released under MIT license.
* The full license information can be found in LICENSE in the root directory of this project.
*/
const icon$6t = {
outline: '<path d="M26 32H12C6.49 32 2 27.51 2 22C2 17.5 5.04 13.55 9.33 12.36C10.53 7.48 14.91 4 20 4C26.07 4 31 8.93 31 15C31 15.86 30.9 16.71 30.71 17.54C32.76 19.04 34 21.45 34 24C34 28.41 30.41 32 26 32ZM20 6C15.66 6 11.94 9.1 11.16 13.37C11.09 13.77 10.78 14.09 10.38 14.17C6.69 14.93 4.01 18.23 4.01 22C4.01 26.41 7.6 30 12.01 30H26.01C29.32 30 32.01 27.31 32.01 24C32.01 21.89 30.88 19.91 29.05 18.84C28.65 18.6 28.47 18.13 28.6 17.68C28.87 16.81 29 15.91 29 15C29 10.04 24.96 6 20 6Z"/>',
outlineAlerted: '<path d="M26.9039 1.64621L21.2222 11.1159C20.9526 11.4984 20.9281 11.9949 21.1588 12.4005C21.3896 12.806 21.8363 13.0519 22.3148 13.0367H33.6881C34.1666 13.0519 34.6134 12.806 34.8441 12.4005C35.0748 11.9949 35.0503 11.4984 34.7808 11.1159L29.0991 1.64621C28.8711 1.26913 28.4532 1.03735 28.0015 1.03735C27.5497 1.03735 27.1319 1.26913 26.9039 1.64621Z"/><path d="M22.9233 4.39351C21.9922 4.13702 21.012 4 20 4C14.91 4 10.53 7.48 9.33 12.36C5.04 13.55 2 17.5 2 22C2 27.51 6.49 32 12 32H26C30.41 32 34 28.41 34 24C34 21.45 32.76 19.04 30.71 17.54C30.8973 16.7218 30.9971 15.8842 30.9999 15.0367H28.9999C28.9965 15.9342 28.8664 16.8217 28.6 17.68C28.47 18.13 28.65 18.6 29.05