\n
\n\n {{ field.label }} \n @if (field.tooltip) {\n \n \n }\n
\n }\n\n \n \n @if (hasLabel) {\n \n {{ field.label }} \n @if (isFieldRequired()) {\n *\n }\n @if (field.tooltip) {\n \n }\n \n\n \n @if (error.validate(group.get([field.name]))) {\n \n }\n \n }\n \n\n @if (isDateAndTime) {\n \n \n \n }\n\n @if (isDateAndTime) {\n :\n }\n\n @if (isDateAndTime) {\n \n \n \n }\n\n \n
","/*\n * Copyright 2025-2026 Bloomreach. All rights reserved. (https://www.bloomreach.com/)\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { Component, HostBinding, Input, ChangeDetectionStrategy } from '@angular/core';\nimport { AbstractControl, UntypedFormGroup, FormsModule, ReactiveFormsModule } from '@angular/forms';\n\nimport { BrieFormDateField, BrieFormDateTimeField, BrieFormFieldType } from '../../models/form';\nimport { DatetimeFieldComponent } from './datetime-field/datetime-field.component';\n\n@Component({\n selector: 'brie-form-datetime',\n templateUrl: './form-datetime.component.html',\n styleUrls: ['./form-datetime.component.scss'],\n changeDetection: ChangeDetectionStrategy.Eager,\n imports: [\n FormsModule,\n ReactiveFormsModule,\n DatetimeFieldComponent,\n ],\n\n})\nexport class BrieFormDateTimeComponent {\n @Input() group: UntypedFormGroup;\n @Input() field: BrieFormDateField | BrieFormDateTimeField;\n @Input() hasLabel?: boolean;\n @Input() type?: BrieFormFieldType.DATE_TIME | BrieFormFieldType.DATE;\n\n @HostBinding('attr.id') get fieldId(): string {\n return this.field.id;\n }\n\n get textId(): string {\n return `${this.fieldId}-textarea`;\n }\n\n get isDateAndTime(): boolean {\n return this.type === BrieFormFieldType.DATE_TIME;\n }\n\n isFieldRequired(): boolean {\n const { disabled, validator } = this.group.get([this.field.name]) || {};\n const { required } = validator?.({} as AbstractControl) || {};\n return !(disabled || this.field.readOnly) && !!required;\n }\n}\n","\n\n\n
","/*\n * Copyright 2025-2026 Bloomreach. All rights reserved. (https://www.bloomreach.com/)\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { Component, HostBinding, Input, ChangeDetectionStrategy } from '@angular/core';\nimport { AbstractControl, FormGroup, FormsModule, ReactiveFormsModule } from '@angular/forms';\n\nimport { BrieIconModule, BrieIconSize } from '@bloomreach/brie/icon';\nimport { MatTooltipModule } from '@angular/material/tooltip';\nimport { MatButtonModule } from '@angular/material/button';\nimport { MatIconModule } from '@angular/material/icon';\nimport { CommonModule } from '@angular/common';\nimport { MatInputModule } from '@angular/material/input';\nimport { BrieFormInputIcon, BrieFormInputIconPosition, BrieFormLinkpickerField } from '../../models/form';\n\n@Component({\n selector: 'brie-form-linkpicker',\n templateUrl: './form-linkpicker.component.html',\n styleUrls: ['./form-linkpicker.component.scss'],\n changeDetection: ChangeDetectionStrategy.Eager,\n imports: [\n MatIconModule,\n MatButtonModule,\n MatTooltipModule,\n BrieIconModule,\n CommonModule,\n MatInputModule,\n FormsModule,\n ReactiveFormsModule,\n ],\n\n})\nexport class BrieFormLinkpickerComponent {\n @Input() group: FormGroup;\n @Input() field: BrieFormLinkpickerField;\n @Input() hasLabel?: boolean;\n\n iconPositions = BrieFormInputIconPosition;\n iconSizes = BrieIconSize;\n\n icons: BrieFormInputIcon[] = [\n {\n icon: {\n name: 'close',\n },\n position: BrieFormInputIconPosition.SUFFIX,\n visible: (control) => !!control?.value,\n onClick: () => {\n this.control.setValue('');\n this.control.markAsDirty();\n },\n },\n {\n icon: {\n name: 'search',\n },\n position: BrieFormInputIconPosition.SUFFIX,\n onClick: () => {\n this.field.openPicker(this.control.value, this.field);\n },\n },\n ];\n\n @HostBinding('attr.id') get fieldId(): string {\n return this.field.id;\n }\n\n get inputId(): string {\n return `${this.fieldId}-input`;\n }\n\n get control(): AbstractControl {\n return this.group.get([this.field.name]) as AbstractControl;\n }\n\n getIcons(): BrieFormInputIcon[] {\n return [...(this.field.icons || []), ...this.icons];\n }\n\n isFieldRequired(): boolean {\n const { disabled, validator } = this.group.get([this.field.name]) || {};\n const { required } = validator?.({} as AbstractControl) || {};\n return !disabled && !!required;\n }\n\n isFieldDisabled(): boolean {\n const { disabled } = this.group.get([this.field.name]) || {};\n return !!disabled;\n }\n}\n","\n\n @for (inputIcon of getIcons(); track inputIcon) {\n @if (inputIcon.position === iconPositions.LEADING_OUTSIDE && (!inputIcon.visible || inputIcon.visible(group.get([field.name])) !== false)) {\n \n\n @if (hasLabel) {\n \n {{ field.label }} \n @if (field.tooltip) {\n \n \n }\n \n }\n\n @for (inputIcon of getIcons(); track inputIcon) {\n \n @if (inputIcon.position === iconPositions.PREFIX && (!inputIcon.visible || inputIcon.visible(group.get([field.name])) !== false)) {\n \n }\n\n \n\n @for (inputIcon of getIcons(); track inputIcon) {\n \n @if (inputIcon.position === iconPositions.SUFFIX && (!inputIcon.visible || inputIcon.visible(group.get([field.name])) !== false)) {\n \n }\n\n @if (field.hint) {\n {{ field.hint }} \n }\n\n @for (error of field.errors; track error) {\n \n @if (error.validate(group.get([field.name]))) {\n \n }\n \n }\n \n\n@for (inputIcon of getIcons(); track inputIcon) {\n @if (inputIcon.position === iconPositions.TRAILING_OUTSIDE && (!inputIcon.visible || inputIcon.visible(group.get([field.name])) !== false)) {\n
\n\n\n @for (inputIcon of field.icons; track inputIcon) {\n @if (inputIcon.position === iconPositions.LEADING_OUTSIDE && (!inputIcon.visible || inputIcon.visible(group.get([field.name])) !== false)) {\n \n\n @if (hasLabel) {\n \n {{ field.label }} \n @if (field.tooltip) {\n \n }\n\n @for (inputIcon of field.icons; track inputIcon) {\n \n @if (inputIcon.position === iconPositions.PREFIX && (!inputIcon.visible || inputIcon.visible(group.get([field.name])) !== false)) {\n \n }\n\n \n\n @for (inputIcon of field.icons; track inputIcon) {\n \n @if (inputIcon.position === iconPositions.SUFFIX && (!inputIcon.visible || inputIcon.visible(group.get([field.name])) !== false)) {\n \n }\n\n @if (field.hint) {\n {{ field.hint }} \n }\n\n @for (error of field.errors; track error) {\n \n @if (error.validate(group.get([field.name]))) {\n \n }\n \n }\n\n \n @for (option of filteredOptions | async; track option) {\n \n {{option}}\n \n }\n \n\n \n\n @for (inputIcon of field.icons; track inputIcon) {\n @if (inputIcon.position === iconPositions.TRAILING_OUTSIDE && (!inputIcon.visible || inputIcon.visible(group.get([field.name])) !== false)) {\n
\n\n\n \n
","/*\n * Copyright 2025-2026 Bloomreach. All rights reserved. (https://www.bloomreach.com/)\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { Component, Input, ChangeDetectionStrategy } from '@angular/core';\nimport { UntypedFormGroup, FormsModule, ReactiveFormsModule } from '@angular/forms';\n\nimport { BrieFormFieldType, BrieFormField } from '../../models/form';\nimport { BrieFormCheckboxComponent } from '../form-checkbox/form-checkbox.component';\nimport { BrieFormTextComponent } from '../form-text/form-text.component';\nimport { BrieFormRadioComponent } from '../form-radio/form-radio.component';\nimport { BrieFormDateTimeComponent } from '../form-datetime/form-datetime.component';\nimport { BrieFormLinkpickerComponent } from '../form-linkpicker/form-linkpicker.component';\nimport { BrieFormSelectComponent } from '../form-select/form-select.component';\nimport { BrieFormInputComponent } from '../form-input/form-input.component';\nimport { BrieFormToggleComponent } from '../form-toggle/form-toggle.component';\nimport { BrieFormHiddenComponent } from '../form-hidden/form-hidden.component';\n\n@Component({\n selector: 'brie-form-control',\n templateUrl: './form-control.component.html',\n styleUrls: ['./form-control.component.scss'],\n changeDetection: ChangeDetectionStrategy.Eager,\n imports: [\n FormsModule,\n ReactiveFormsModule,\n BrieFormCheckboxComponent,\n BrieFormTextComponent,\n BrieFormRadioComponent,\n BrieFormDateTimeComponent,\n BrieFormLinkpickerComponent,\n BrieFormSelectComponent,\n BrieFormInputComponent,\n BrieFormToggleComponent,\n BrieFormHiddenComponent,\n ],\n\n})\nexport class BrieFormControlComponent {\n @Input() group: UntypedFormGroup;\n @Input() field: BrieFormField;\n @Input() index: number;\n\n get FieldTypes(): typeof BrieFormFieldType {\n return BrieFormFieldType;\n }\n\n get hasLabel(): boolean {\n return !!this.field.label && (this.index ?? 0) === 0;\n }\n}\n","\n\n\n @if (field.type === FieldTypes.INPUT) {\n \n }\n\n @if (field.type === FieldTypes.HIDDEN) {\n \n }\n\n @if (field.type === FieldTypes.SELECT) {\n \n }\n\n @if (field.type === FieldTypes.CHECKBOX) {\n \n }\n\n @if (field.type === FieldTypes.TOGGLE) {\n \n }\n\n @if (field.type === FieldTypes.TEXT) {\n \n }\n\n @if (field.type === FieldTypes.RADIO) {\n \n }\n\n @if (field.type === FieldTypes.DATE) {\n \n }\n\n @if (field.type === FieldTypes.DATE_TIME) {\n \n }\n\n @if (field.type === FieldTypes.LINK_PICKER) {\n \n }\n
\n","/*\n * Copyright 2025-2026 Bloomreach. All rights reserved. (https://www.bloomreach.com/)\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { Injectable } from '@angular/core';\nimport { AbstractControlOptions, UntypedFormArray, UntypedFormControl, UntypedFormGroup } from '@angular/forms';\nimport {\n BrieFormControls,\n BrieFormField,\n BrieFormFieldType,\n BrieFormDataSource,\n BrieFormGroupRepeaterField,\n BrieFormGroupRepeaterValues,\n} from '../models/form';\n\n@Injectable({\n providedIn: 'root',\n})\nexport class BrieFormService {\n createFormGroup(fields: BrieFormDataSource, options: AbstractControlOptions | null = null): UntypedFormGroup {\n const controls = this.buildBrieFormControls(fields);\n\n return new UntypedFormGroup(controls, options);\n }\n\n createGroupRepeaterFormArray(\n field: BrieFormGroupRepeaterField,\n values?: BrieFormGroupRepeaterValues,\n ): UntypedFormArray {\n const fieldValue = field?.values?.length ? field.values : [{}];\n const groupRepeaterValues = values || fieldValue;\n\n const groupRepeaterFieldsArray = groupRepeaterValues.map((groupRepeaterFieldItem) => {\n const groupRepeaterFields: BrieFormField[] = field.fields.map((groupRepeaterField) => ({\n ...groupRepeaterField,\n value: groupRepeaterFieldItem[groupRepeaterField.name] as any,\n }));\n return this.createFormGroup(groupRepeaterFields);\n });\n\n return new UntypedFormArray(groupRepeaterFieldsArray);\n }\n\n private buildBrieFormControls(fields: BrieFormDataSource): BrieFormControls {\n return fields.reduce((controls: BrieFormControls, field) => {\n switch (field.type) {\n case BrieFormFieldType.GROUP_REPEATER:\n controls[field.name] = this.createGroupRepeaterFormArray(field);\n\n return controls;\n case BrieFormFieldType.FIELDS_GROUP:\n return { ...controls, ...this.buildBrieFormControls(field.fields) };\n default: {\n const controlState = { value: field.value, disabled: field.disabled };\n\n controls[field.name] = new UntypedFormControl(controlState, { validators: field.validators });\n\n return controls;\n }\n }\n }, {});\n }\n}\n","/*\n * Copyright 2025-2026 Bloomreach. All rights reserved. (https://www.bloomreach.com/)\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { Component, ElementRef, Input, QueryList, ViewChildren, ChangeDetectionStrategy } from '@angular/core';\nimport { FormsModule, ReactiveFormsModule, UntypedFormArray, UntypedFormGroup } from '@angular/forms';\nimport { CdkDragDrop, DragDropModule } from '@angular/cdk/drag-drop';\nimport { MatButtonModule } from '@angular/material/button';\nimport { MatIconModule } from '@angular/material/icon';\nimport { CommonModule } from '@angular/common';\nimport { MatTooltipModule } from '@angular/material/tooltip';\nimport { BrieIconModule } from '@bloomreach/brie/icon';\nimport { BrieFormField, BrieFormGroupRepeaterField } from '../../models/form';\nimport { BrieFormService } from '../../services/form.service';\nimport { BrieFormControlComponent } from '../form-control/form-control.component';\n\n@Component({\n selector: 'brie-form-group-repeater',\n templateUrl: './form-group-repeater.component.html',\n styleUrls: ['./form-group-repeater.component.scss'],\n changeDetection: ChangeDetectionStrategy.Eager,\n imports: [\n CommonModule,\n FormsModule,\n ReactiveFormsModule,\n MatIconModule,\n MatButtonModule,\n MatTooltipModule,\n BrieIconModule,\n BrieFormControlComponent,\n DragDropModule,\n ],\n\n})\nexport class BrieFormGroupRepeaterComponent {\n @Input() group: UntypedFormGroup;\n @Input() field: BrieFormGroupRepeaterField;\n\n @ViewChildren('formGroupControl', { read: ElementRef })\n formGroupControl: QueryList\n
\n }\n\n@if (!isReadOnly()) {\n \n @for (_ of fieldsFormArray.controls; track _; let i = $index) {\n \n \n menu_outlined \n \n }\n @if (!isReadOnly()) {\n \n highlight_off \n \n }\n
\n \n @for (field of fields; track field) {\n \n
\n }\n @if (!isDragDisabled()) {\n \n @if (this.field.collapsable) {\n \n expand_more\n \n }\n {{field.label }}\n
\n\n\n @if (!!field.panel) {\n \n \n \n}\n@for (field of fields; track trackByFn($index, field)) {\n @if (field.type !== FieldTypes.GROUP_REPEATER) {\n
","/*\n * Copyright 2025-2026 Bloomreach. All rights reserved. (https://www.bloomreach.com/)\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport {\n AfterViewInit,\n ChangeDetectorRef,\n Component,\n ElementRef,\n EventEmitter,\n Input,\n OnDestroy,\n QueryList,\n ViewChildren,\n ChangeDetectionStrategy,\n} from '@angular/core';\nimport { FormsModule, ReactiveFormsModule, UntypedFormGroup } from '@angular/forms';\nimport { Subscription } from 'rxjs';\n\nimport {\n BrieFormField,\n BrieFormFieldType,\n BrieFormDataSource,\n BrieFormGroupRepeaterField,\n BrieFormFieldsGroup,\n} from '../models/form';\nimport { BrieFormControlComponent } from './form-control/form-control.component';\nimport { BrieFormGroupRepeaterComponent } from './form-group-repeater/form-group-repeater.component';\nimport { BrieFormFieldsGroupComponent } from './form-fields-group/form-fields-group.component';\n\n@Component({\n selector: 'brie-form',\n templateUrl: './form.component.html',\n styleUrls: ['./form.component.scss'],\n changeDetection: ChangeDetectionStrategy.Eager,\n imports: [\n FormsModule,\n ReactiveFormsModule,\n BrieFormControlComponent,\n BrieFormGroupRepeaterComponent,\n BrieFormFieldsGroupComponent,\n ],\n\n})\nexport class BrieFormComponent implements AfterViewInit, OnDestroy {\n @Input() group: UntypedFormGroup;\n @Input() dataSource: BrieFormDataSource = [];\n @Input() autofocus = true;\n @Input() focusChanged = new EventEmitter\n
\n }\n @if (field.type === FieldTypes.GROUP_REPEATER) {\n \n
\n }\n}\n\n
\n }\n @if (field.type === FieldTypes.GROUP_REPEATER) {\n \n
\n }\n @if (field.type === FieldTypes.FIELDS_GROUP) {\n \n
\n }\n}\n","/*\n * Copyright 2025-2026 Bloomreach. All rights reserved. (https://www.bloomreach.com/)\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nexport function focusFirstInvalidControl(container: HTMLElement): void {\n const invalidSelector = [\n '[aria-invalid=\"true\"]',\n '.ng-invalid input',\n '.ng-invalid textarea',\n '.ng-invalid select',\n 'input.ng-invalid',\n 'textarea.ng-invalid',\n 'select.ng-invalid',\n ].join(',');\n\n const el = container.querySelector\n
\n\n@if (actions) {\n {{ title || '' }}
\n @if (description) {\n {{ description }}
\n }\n\n
\n}\n","/*\n * Copyright 2025-2026 Bloomreach. All rights reserved. (https://www.bloomreach.com/)\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { BrieButtonGroupModule } from '@bloomreach/brie/button-group';\n\nimport { BrieHeadingComponent } from './components/heading.component';\n\n@NgModule({\n imports: [\n CommonModule,\n BrieButtonGroupModule,\n BrieHeadingComponent,\n ],\n exports: [\n BrieHeadingComponent,\n ],\n})\nexport class BrieHeadingModule { }\n","/*\n * Copyright 2025-2026 Bloomreach. All rights reserved. (https://www.bloomreach.com/)\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nexport * from './heading.module';\nexport * from './components/heading.component';\nexport * from './models/heading';\n","/*\n * Copyright 2025-2026 Bloomreach. All rights reserved. (https://www.bloomreach.com/)\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nexport * from './public-api';\n","/*\n * Copyright 2025-2026 Bloomreach. All rights reserved. (https://www.bloomreach.com/)\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nexport enum BrieIconType {\n MATERIAL = 'material',\n BASE64 = 'base64',\n}\n\n// Those values reflects with icon size styles\nexport enum BrieIconSize {\n XS = 'xs',\n SM = 'sm',\n MD = 'md',\n LG = 'lg',\n XL = 'xl',\n XXL = 'xxl',\n}\n\nexport interface BrieIcon {\n name: string;\n fontSet?: string;\n size?: BrieIconSize;\n type?: BrieIconType;\n tooltip?: string;\n style?: string;\n}\n","/*\n * Copyright 2025-2026 Bloomreach. All rights reserved. (https://www.bloomreach.com/)\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { Component, ElementRef, HostBinding, Input, ChangeDetectionStrategy } from '@angular/core';\nimport { DomSanitizer, SafeUrl } from '@angular/platform-browser';\nimport { MatIconModule } from '@angular/material/icon';\n\nimport { MatTooltipModule } from '@angular/material/tooltip';\nimport { BrieIconType, BrieIconSize } from '../models/icon';\n\n@Component({\n selector: 'brie-icon',\n templateUrl: './icon.component.html',\n styleUrls: ['./icon.component.scss'],\n changeDetection: ChangeDetectionStrategy.Eager,\n imports: [\n MatIconModule,\n MatTooltipModule,\n ],\n\n})\nexport class BrieIconComponent {\n @Input() fontSet?: string | undefined;\n @Input() name: string;\n @Input() size?: BrieIconSize | undefined = BrieIconSize.MD;\n @Input() type?: BrieIconType | undefined = BrieIconType.MATERIAL;\n @Input() tooltip?: string | undefined;\n @Input() style?: string | undefined;\n\n private hostClasses = (this.elementRef.nativeElement as HTMLElement).classList.value;\n\n @HostBinding('class') get hostCssClasses(): string {\n const sizeCssClass = this.size ? `brie-icon__size-${this.size}` : 'brie-icon__size-md';\n\n return [this.hostClasses, 'brie-icon', sizeCssClass].filter(Boolean).join(' ');\n }\n\n get BrieIconType(): typeof BrieIconType {\n return BrieIconType;\n }\n\n constructor(\n private domSanitizer: DomSanitizer,\n private elementRef: ElementRef,\n ) {}\n\n getSafeIconValue(imageData: string | undefined): SafeUrl {\n if (imageData) {\n return this.domSanitizer.bypassSecurityTrustUrl(imageData);\n }\n\n return '';\n }\n}\n","\n\n@switch (type) {\n @case (BrieIconType.BASE64) {\n \n @if (listElement.icon || config.default.icon) {\n \n }\n
\n @if (listElement.actions || config.default.actions) {\n \n
\n {{ listElement.title }}
\n @if (listElement.subtitle) {\n {{ listElement.subtitle }}
\n }\n \n
\n }\n \n \n\n \n\n \n \n\n \n\n \n \n\n \n
\n\n\n
\n \n\n \n\n \n\n
\n \n\n \n
\n\n {{ node.title }}
\n @if (node.subTitle) {\n {{ node.subTitle }}
\n }\n \n @if (node.draggable) {\n \n }\n\n @for (action of node.actions; track action) {\n \n }\n\n \n\n \n \n \n\n \n @for (menuitem of node.subMenu; track menuitem) {\n \n }\n \n
\n{{ content() }}
\n }\n