\n {{icon}} \n
\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { SdsIconModule } from '../icon/icon.module';\nimport { SdsAlertComponent } from './alert.component';\n\n@NgModule({ declarations: [SdsAlertComponent], exports: [SdsAlertComponent], imports: [CommonModule, SdsIconModule] })\nexport class SdsAlertModule { }\n","import { ChangeDetectionStrategy, Component, HostBinding, Input, ViewEncapsulation } from '@angular/core';\n\n@Component({\n selector: 'sds-badge',\n templateUrl: './badge.component.html',\n styleUrls: ['./badge.component.scss'],\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush,\n standalone: false,\n})\nexport class SdsBadgeComponent {\n @Input() label!: string;\n @Input() color: string = 'secondary';\n @Input() @HostBinding('attr.strong') public set strong(val: boolean | string) {\n this._strong = val === true || val === 'true' ? true : false;\n }\n public get strong() { return this._strong; }\n\n private _strong!: boolean;\n}\n","\n
\n{{title}}
\n{{label}}
\n","import { ChangeDetectionStrategy, Component, Input } from '@angular/core';\n\n@Component({\n selector: 'sds-badge-combination',\n templateUrl: './badge-combination.component.html',\n styleUrls: ['./badge-combination.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n standalone: false,\n})\nexport class SdsBadgeCombinationComponent {\n @Input() labels!: string[];\n @Input() color: string = 'secondary';\n @Input() strong: 'left' | 'right' = 'left';\n}\n","\n
\n\n\n \n {{icon}} \n
\n \n
\n \n{{title}}
\n{{subtitle}}
\n \n
\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { SdsCheckboxControlDirective } from './checkbox-control/checkbox-control.directive';\nimport { SdsCheckboxComponent } from './checkbox.component';\n\nconst COMPONENTS: any[] = [\n SdsCheckboxComponent,\n SdsCheckboxControlDirective,\n];\n\n@NgModule({ declarations: [...COMPONENTS], exports: [...COMPONENTS], imports: [CommonModule] })\nexport class SdsCheckboxModule { }\n","import { Directive, ElementRef, Renderer2, OnChanges, OnDestroy, Input, HostBinding } from '@angular/core';\n\n@Directive({\n selector: '[sdsCounter]',\n standalone: false,\n})\nexport class SdsCounterDirective implements OnChanges, OnDestroy {\n private counter!: HTMLElement;\n @Input() public counterColor: string = 'secondary';\n @Input() public counterOverlap: boolean|string = true;\n @Input() public counterPosition: 'after'|'before' = 'after';\n @Input('sdsCounter') public content?: string;\n @HostBinding('class.position-relative') counterContainerClass: boolean = true;\n\n constructor(\n private elementRef: ElementRef\n {{icon}} \n
\n{{header}}
\n \n\n
\n\n","import { NgbModalOptions } from '@ng-bootstrap/ng-bootstrap';\n\nexport const DEFAULT_MODAL_OPTIONS: NgbModalOptions = {\n centered: true,\n scrollable: true,\n};\n","import { Injectable } from '@angular/core';\nimport { NgbModal, NgbModalOptions, NgbModalRef } from '@ng-bootstrap/ng-bootstrap';\nimport { DEFAULT_MODAL_OPTIONS } from './modal.constant';\n\n@Injectable({\n providedIn: 'root',\n})\nexport class SdsModalService extends NgbModal {\n\n public open(content: any, options?: NgbModalOptions | undefined): NgbModalRef {\n return super.open(content, { ...DEFAULT_MODAL_OPTIONS, ...options });\n }\n\n public openWithHeader(content: any, header: any, options?: NgbModalOptions): NgbModalRef {\n return this.openWithHeaderAndBody(content, header, undefined, options);\n }\n\n public openWithBody(content: any, body: any, options?: NgbModalOptions): NgbModalRef {\n return this.openWithHeaderAndBody(content, undefined, body, options);\n }\n\n public openWithHeaderAndBody(content: any, header: any, body: any, options?: NgbModalOptions): NgbModalRef {\n return this.openWithHeaderBodyAndFooter(content, header, body, undefined, options);\n }\n\n public openWithHeaderBodyAndFooter(content: any, header?: any, body?: any, footer?: any, options?: NgbModalOptions): NgbModalRef {\n const modalRef: NgbModalRef = this.open(content, options);\n modalRef.componentInstance.header = header;\n modalRef.componentInstance.body = body;\n modalRef.componentInstance.footer = footer;\n return modalRef;\n }\n}\n","import { Component, Input, ContentChild, OnInit } from '@angular/core';\nimport { NgbModalOptions, NgbModalRef } from '@ng-bootstrap/ng-bootstrap';\nimport { SdsModalTemplateComponent } from './modal-template.component';\nimport { DEFAULT_MODAL_OPTIONS } from './modal.constant';\nimport { SdsModalService } from './modal.service';\n\n@Component({\n selector: 'sds-modal',\n template: '',\n standalone: false,\n})\nexport class SdsModalComponent implements OnInit {\n @ContentChild('sdsModalBody', { static: false }) public body: any;\n @ContentChild('sdsModalFooter', { static: false }) public footer: any;\n\n @Input() public icon?: string;\n @Input() public header?: string;\n @Input() public options?: NgbModalOptions;\n\n private modalRef!: NgbModalRef;\n\n constructor(private modalService: SdsModalService) {}\n\n public ngOnInit(): void {\n this.options = { ...DEFAULT_MODAL_OPTIONS, ...this.options };\n }\n\n public open(): NgbModalRef {\n this.modalRef = this.modalService.openWithHeaderBodyAndFooter(SdsModalTemplateComponent,\n this.header, this.body, this.footer, this.options);\n this.modalRef.componentInstance.icon = this.icon;\n return this.modalRef;\n }\n\n public close(result?: any): void {\n this.modalRef.close(result);\n }\n\n public dismiss(reason?: any): void {\n this.modalRef.dismiss(reason);\n }\n\n}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { NgbModalModule } from '@ng-bootstrap/ng-bootstrap';\nimport { SdsIconModule } from '../icon/public-api';\nimport { SdsModalTemplateComponent } from './modal-template.component';\nimport { SdsModalComponent } from './modal.component';\n\nconst COMPONENTS: any[] = [\n SdsModalComponent,\n SdsModalTemplateComponent,\n];\n\n@NgModule({\n imports: [CommonModule, NgbModalModule, SdsIconModule],\n declarations: [...COMPONENTS],\n exports: [...COMPONENTS],\n})\nexport class SdsModalModule { }\n","import { Directive, HostBinding } from '@angular/core';\nimport { SdsFormControlDirective } from '../../utils/form-control.directive';\n\n@Directive({\n selector: '[sdsRadioControl]',\n standalone: false,\n})\nexport class SdsRadioControlDirective extends SdsFormControlDirective {\n @HostBinding('class.form-check-input') classFormControl: boolean = true;\n @HostBinding('type') type: string = 'radio';\n}\n","import { Component, ContentChild, Input } from '@angular/core';\nimport { SdsRadioControlDirective } from '../radio-control/radio-control.directive';\n\n@Component({\n selector: 'sds-radio-group',\n templateUrl: './radio-group.component.html',\n standalone: false,\n})\nexport class SdsRadioGroupComponent {\n @ContentChild(SdsRadioControlDirective) radio!: SdsRadioControlDirective;\n @Input() helper?: string;\n @Input() label?: string;\n @Input() hiddenLabel: boolean = false;\n}\n","\n\n
\n\n
\n \n\n","import { Injectable, OnDestroy, Optional } from '@angular/core';\nimport { Subject, BehaviorSubject, Observable } from 'rxjs';\nimport { takeUntil, map } from 'rxjs/operators';\nimport { ViewType } from '../layout/layout.model';\nimport { SdsViewTypeService } from '../layout/view-type.service';\nimport {\n SdsScreenMessage, SdsScreenMessageConfig, SdsScreenMessageGroup, SdsScreenMessageGroupConfig,\n SdsScreenMessageGroupDefinitionProperty,\n} from './screen-messages.model';\n\n@Injectable({\n providedIn: 'root',\n})\nexport class SdsScreenMessagesService implements OnDestroy {\n private _config: SdsScreenMessageConfig = { grouping: [] };\n private _groupedStack: SdsScreenMessageGroup[] = [];\n private _groupedStackSubject: BehaviorSubject{{title}}
\n \n
\n","import { Component } from '@angular/core';\n\n@Component({\n selector: 'sds-sidenav-list-header',\n template: '\n {{icon}} \n
\n{{labels.header}}
\n\n\n {{labels.resetDesc}}\n {{form.get('username')?.value}}\n
\n{{labels.formDesc}}
\n \n\n {{labels.back}}\n
\n{{labels?.header}}
\n\n\n \n {{social.label}}\n {{social.label}}\n \n\n
\n\n\n","import { Component, Input } from '@angular/core';\nimport { ViewType } from '../../layout/layout.model';\nimport { SdsViewTypeService } from '../../layout/view-type.service';\n\n@Component({\n selector: 'sds-sign-in-layout',\n templateUrl: './sign-in-layout.component.html',\n styleUrls: ['./sign-in-layout.component.scss'],\n standalone: false,\n})\nexport class SdsSignInLayoutComponent {\n public readonly VIEW_TYPE: typeof ViewType = ViewType;\n\n @Input() public logo?: string;\n @Input() public logoAlt?: string;\n @Input() color: string = 'primary';\n\n constructor(public service: SdsViewTypeService) {}\n}\n","{{labels?.divider}}
\n\n
\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { ReactiveFormsModule } from '@angular/forms';\nimport { RouterModule } from '@angular/router';\nimport { SdsButtonModule } from '../button/button.module';\nimport { SdsFormModule } from '../form/form.module';\nimport { SdsIconModule } from '../icon/icon.module';\nimport { SdsLayoutModule } from '../layout/layout.module';\nimport { SdsLinkModule } from '../link/link.module';\nimport { SdsTextfieldModule } from '../textfield/textfield.module';\nimport { SdsForgottenPasswordComponent } from './forgotten-password/forgotten-password.component';\nimport { SdsSignInComponent } from './sign-in/sign-in.component';\nimport { SdsSignInContentComponent } from './sign-in-content.component';\nimport { SdsSignInLayoutComponent } from './sign-in-layout/sign-in-layout.component';\n\nconst COMPONENTS: any[] = [\n SdsForgottenPasswordComponent,\n SdsSignInComponent,\n SdsSignInLayoutComponent,\n];\n\n@NgModule({\n declarations: [SdsSignInContentComponent, ...COMPONENTS],\n exports: COMPONENTS,\n imports: [CommonModule, ReactiveFormsModule, RouterModule,\n SdsButtonModule, SdsFormModule, SdsIconModule, SdsLayoutModule, SdsLinkModule, SdsTextfieldModule],\n})\nexport class SdsSignInModule { }\n","import { Component, Input, OnInit } from '@angular/core';\nimport { of } from 'rxjs';\nimport { delay } from 'rxjs/operators';\n\n@Component({\n selector: 'sds-spinner',\n templateUrl: './spinner.component.html',\n standalone: false,\n})\nexport class SdsSpinnerComponent implements OnInit {\n @Input() delay: number = 1000; // 1 second\n @Input() label: string = 'Loading...';\n @Input() size?: 'large' | 'small' | 'x-small';\n public isHidden: boolean = true;\n\n public ngOnInit(): void {\n of(undefined).pipe(delay(this.delay)).subscribe(() => { this.isHidden = false; });\n }\n}\n","\n ![]()
\n
\n \n
\n\n
\n \n {{label}}\n
\n","import { NgModule } from '@angular/core';\nimport { SdsSpinnerComponent } from './spinner.component';\n\n@NgModule({ declarations: [SdsSpinnerComponent], exports: [SdsSpinnerComponent] })\nexport class SdsSpinnerModule {}\n","import { animate, style, transition, trigger } from '@angular/animations';\nimport { CdkStep } from '@angular/cdk/stepper';\nimport { Component, Input, ViewChild, TemplateRef, ContentChild, OnInit, OnDestroy } from '@angular/core';\nimport { Subscription } from 'rxjs';\n\nexport interface SdsNavigationLabels {\n previousStep: string;\n nextStep: string;\n}\n\n@Component({\n selector: 'sds-step',\n templateUrl: './step.component.html',\n styleUrls: ['./step.component.scss'],\n providers: [{ provide: CdkStep, useExisting: SdsStepComponent }],\n animations: [trigger('transition', [\n transition(':enter', [\n style({ opacity: 0 }),\n animate('300ms ease-in'),\n ]),\n ])],\n standalone: false,\n})\nexport class SdsStepComponent extends CdkStep implements OnInit, OnDestroy {\n @ViewChild('stepLabel', { static: true }) public title!: TemplateRef\n
\n{{context}}
\n\n \n \n
\n\n\n
\n\n
\n \n {{idx + 1}}\n
\n \n \n \n
\n
\n \n
\n \n
\n \n \n {{ labels.paginationSize }}\n \n \n
\n","import { BehaviorSubject, Observable, combineLatest, Subscription } from 'rxjs';\nimport { debounceTime, map } from 'rxjs/operators';\nimport { SdsTableColumnComponent } from './table-column/table-column.component';\nimport {\n SortOrder,\n TableSortMethod,\n SortFunction,\n SortConfig,\n SdsTablePagination,\n SdsTablePaginationOutput,\n SdsTablePaginationInput,\n} from './table.model';\n\nexport class SdsTableService {\n // To avoid unnecessary frequent re-sorting, re-filtering then re-paginating if source data list is frequently changed\n private SOURCE_DATA_LIST_DEBOUNCE_MS: number = 50;\n private rowsToDisplay: BehaviorSubject\n {{option.label}}\n
\n \n \n {{ labels.summary }}\n \n \n \n\n \n \n
\n
\n\n| \n | \n
| \n | \n
\n
\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { SdsButtonModule } from '../button/public-api';\nimport { SdsDropdownModule } from '../dropdown/public-api';\nimport { SdsIconModule } from '../icon/public-api';\nimport { SdsIconColumnComponent } from './icon-column/icon-column.component';\nimport { SdsTableColumnComponent } from './table-column/table-column.component';\nimport { SdsTableFooterComponent } from './table-footer/table-footer.component';\nimport { SdsTablePaginationComponent } from './table-pagination/table-pagination.component';\nimport { SdsRowDirective } from './table-row/table-row.directive';\nimport { SdsTableComponent } from './table.component';\n\n@NgModule({\n imports: [CommonModule, SdsIconModule, SdsButtonModule, SdsDropdownModule],\n declarations: [\n SdsTableComponent,\n SdsTableColumnComponent,\n SdsTableFooterComponent,\n SdsTablePaginationComponent,\n SdsIconColumnComponent,\n SdsRowDirective,\n ],\n exports: [\n SdsTableComponent,\n SdsTableColumnComponent,\n SdsTableFooterComponent,\n SdsTablePaginationComponent,\n SdsIconColumnComponent,\n SdsRowDirective,\n ],\n})\nexport class SdsTableModule { }\n","import { Directive, TemplateRef } from '@angular/core';\n\n/**\n * A directive to wrap content to be displayed in a tab.\n */\n@Directive({\n selector: 'ng-template[sdsTabContent]',\n standalone: false,\n})\nexport class SdsTabContentDirective {\n\n constructor(public templateRef: TemplateRef- \n
- \n {{tab.title}}\n
\n \n\n \n
\n
\n\n
\n\n