feat: upgraded dbx loading components and tests

dereekb · Jan 28, 2022 · 797d576 · 797d576
1 parent e72c381
commit 797d576
Show file tree

Hide file tree

Showing 81 changed files with 417 additions and 269 deletions.
diff --git a/.circleci/config.yml b/.circleci/config.yml
@@ -33,7 +33,7 @@ jobs:
         # initialize nx
         - nx/set-shas
         # build content
-        - run: npx nx affected --base=$NX_BASE --target=build --parallel --max-parallel=3
+        - run: npx nx affected --base=$NX_BASE --target=build --parallel --max-parallel=2
         # persist builds to workspace
         - persist_to_workspace:
             root: ~/code

diff --git a/packages/dbx-core/src/lib/util/view.ts b/packages/dbx-core/src/lib/util/view.ts
@@ -1,4 +1,5 @@
 import { ChangeDetectorRef, ViewRef, ElementRef } from "@angular/core";
+import { Maybe } from "@dereekb/util";
 
 /**
  * Triggers a detection change on the input view as long as the view has not been destroyed.
@@ -24,11 +25,11 @@ export function safeDetectChanges(cdRef: ChangeDetectorRef): void {
  *  <ng-content select="[content]"></ng-content>
  * </div>
  */
-export function checkNgContentWrapperHasContent(ref: ElementRef<Element> | undefined): boolean {
+export function checkNgContentWrapperHasContent(ref: Maybe<ElementRef<Element>>): boolean {
   // https://github.com/angular/angular/issues/26083
   let hasContent = false;
 
-  if (ref) {
+  if (ref != null) {
     const childNodes = ref.nativeElement.childNodes;
     const hasChildNodes = childNodes && childNodes.length > 0;
     hasContent = Boolean(hasChildNodes);

diff --git a/packages/dbx-form/src/lib/formly/fields/checklist/checklist.item.field.component.ts b/packages/dbx-form/src/lib/formly/fields/checklist/checklist.item.field.component.ts
@@ -26,7 +26,7 @@ export interface ChecklistItemFormlyFieldConfig<T = any> extends DbNgxChecklistI
 
 @Component({
   templateUrl: 'checklist.item.field.component.html',
-  styleUrls: ['./checklist.item.scss']
+  // TODO: styleUrls: ['./checklist.item.scss']
 })
 export class DbNgxChecklistItemFieldComponent<T = any> extends FieldType<ChecklistItemFormlyFieldConfig<T>> implements OnInit, OnDestroy {
 

diff --git a/...bx-form/src/lib/formly/fields/checklist/checklist.item.field.content.default.component.ts b/...bx-form/src/lib/formly/fields/checklist/checklist.item.field.content.default.component.ts
@@ -12,7 +12,7 @@ import { ChecklistItemDisplayContent, ChecklistItemFieldDisplayComponent } from
       <div *ngIf="description" class="dbx-hint item-description">{{ description }}</div>
     </div>
   `,
-  styleUrls: ['./checklist.item.scss']
+  // TODO: styleUrls: ['./checklist.item.scss']
 })
 export class DbNgxDefaultChecklistItemFieldDisplayComponent implements ChecklistItemFieldDisplayComponent<any> {
 

diff --git a/packages/dbx-form/src/lib/formly/fields/component/component.field.component.ts b/packages/dbx-form/src/lib/formly/fields/component/component.field.component.ts
@@ -19,7 +19,7 @@ export interface FormComponentFieldFieldConfig<T extends FormComponentFieldWrapp
   template: `
     <div class="form-wrapped-component" dbx-injected-content [config]="config"></div>
   `,
-  styleUrls: ['./fields.scss']
+  // TODO: styleUrls: ['./fields.scss']
 })
 export class FormComponentFieldComponent<T extends FormComponentFieldWrappedComponent = any> extends FieldType<FormComponentFieldFieldConfig<T>> implements OnInit {
 

diff --git a/packages/dbx-form/src/lib/formly/fields/date/datetime.field.component.ts b/packages/dbx-form/src/lib/formly/fields/date/datetime.field.component.ts
@@ -73,7 +73,7 @@ export interface DateTimeFormlyFieldConfig extends DbNgxDateTimeFieldConfig, For
 
 @Component({
   templateUrl: 'datetime.field.component.html',
-  styleUrls: ['./date.scss']
+  // TODO: styleUrls: ['./date.scss']
 })
 export class DbNgxDateTimeFieldComponent extends FieldType<DateTimeFormlyFieldConfig> implements OnInit, OnDestroy {
 

diff --git a/packages/dbx-form/src/lib/formly/fields/generic/dynamic.enum.field.component.ts b/packages/dbx-form/src/lib/formly/fields/generic/dynamic.enum.field.component.ts
@@ -11,7 +11,7 @@ export interface EnumValueFieldsFormlyFieldConfig<T> extends EnumValueFieldsFiel
 
 @Component({
   templateUrl: 'dynamic.enum.field.component.html',
-  styleUrls: ['./generic.scss']
+  // TODO: styleUrls: ['./generic.scss']
 })
 export class DbNgxDynamicEnumFieldComponent<T> extends FieldType<EnumValueFieldsFormlyFieldConfig<T>> {
 

diff --git a/packages/dbx-form/src/lib/formly/fields/generic/pickable.chip.field.component.ts b/packages/dbx-form/src/lib/formly/fields/generic/pickable.chip.field.component.ts
@@ -6,7 +6,7 @@ import { AbstractDbNgxPickableItemFieldDirective, PickableItemFieldItem } from "
  */
 @Component({
   templateUrl: 'pickable.chip.field.component.html',
-  styleUrls: ['./generic.scss']
+  // TODO: styleUrls: ['./generic.scss']
 })
 export class DbNgxPickableChipFieldComponent<T> extends AbstractDbNgxPickableItemFieldDirective<T> {
 

diff --git a/packages/dbx-form/src/lib/formly/fields/generic/pickable.list.field.component.ts b/packages/dbx-form/src/lib/formly/fields/generic/pickable.list.field.component.ts
@@ -7,7 +7,7 @@ import { AbstractDbNgxPickableItemFieldDirective, PickableItemFieldItem } from "
  */
 @Component({
   templateUrl: 'pickable.list.field.component.html',
-  styleUrls: ['./generic.scss']
+  // TODO: styleUrls: ['./generic.scss']
 })
 export class DbNgxPickableListFieldComponent<T> extends AbstractDbNgxPickableItemFieldDirective<T> {
 

diff --git a/packages/dbx-form/src/lib/formly/fields/generic/repeat.field.component.ts b/packages/dbx-form/src/lib/formly/fields/generic/repeat.field.component.ts
@@ -35,7 +35,7 @@ export interface FormRepeatTypeTemplateOptions extends FormlyTemplateOptions, Fo
       </div>
     </div>
   `,
-  styleUrls: ['./generic.scss']
+  // TODO: styleUrls: ['./generic.scss']
 })
 export class DbNgxFormRepeatTypeComponent extends FieldArrayType {
 

diff --git a/packages/dbx-form/src/lib/formly/fields/generic/searchable.chip.field.component.ts b/packages/dbx-form/src/lib/formly/fields/generic/searchable.chip.field.component.ts
@@ -9,7 +9,7 @@ export interface SearchableChipValueFieldsFormlyFieldConfig<T> extends Searchabl
 
 @Component({
   templateUrl: 'searchable.chip.field.component.html',
-  styleUrls: ['./generic.scss']
+  // TODO: styleUrls: ['./generic.scss']
 })
 export class DbNgxSearchableChipFieldComponent<T> extends AbstractDbNgxSearchableValueFieldDirective<T, SearchableChipValueFieldsFormlyFieldConfig<T>> {
 

diff --git a/packages/dbx-form/src/lib/formly/fields/generic/searchable.text.field.component.ts b/packages/dbx-form/src/lib/formly/fields/generic/searchable.text.field.component.ts
@@ -10,7 +10,7 @@ export interface SearchableTextValueFieldsFormlyFieldConfig<T> extends Searchabl
  */
 @Component({
   templateUrl: 'searchable.text.field.component.html',
-  styleUrls: ['./generic.scss']
+  // TODO: styleUrls: ['./generic.scss']
 })
 export class DbNgxSearchableTextFieldComponent<T> extends AbstractDbNgxSearchableValueFieldDirective<T, SearchableTextValueFieldsFormlyFieldConfig<T>> {
 

diff --git a/packages/dbx-form/src/lib/formly/fields/phone/phone.field.component.ts b/packages/dbx-form/src/lib/formly/fields/phone/phone.field.component.ts
@@ -17,7 +17,7 @@ export const DEFAULT_PREFERRED_COUNTRIES = ['us'];
 
 @Component({
   templateUrl: 'phone.field.component.html',
-  styleUrls: ['./phone.scss']
+  // TODO: styleUrls: ['./phone.scss']
 })
 export class DbNgxInternationalPhoneFieldComponent extends FieldType<InternationalPhoneFormlyFieldConfig> {
 

diff --git a/packages/dbx-form/src/lib/formly/fields/texteditor/texteditor.field.component.ts b/packages/dbx-form/src/lib/formly/fields/texteditor/texteditor.field.component.ts
@@ -23,7 +23,7 @@ export interface TextEditorComponentFieldConfig extends FormlyFieldConfig {
       </div>
     </div>
   `,
-  styleUrls: ['./texteditor.scss']
+  // TODO: styleUrls: ['./texteditor.scss']
 })
 export class TextEditorFieldComponent<T extends TextEditorComponentFieldConfig = TextEditorComponentFieldConfig> extends FieldType<T> implements OnInit, OnDestroy {
 

diff --git a/packages/dbx-form/src/lib/formly/fields/wrappers/autotouch.wrapper.component.ts b/packages/dbx-form/src/lib/formly/fields/wrappers/autotouch.wrapper.component.ts
@@ -8,7 +8,7 @@ import { delay } from 'rxjs/operators';
  */
 @Component({
   template: `<ng-container #fieldComponent></ng-container>`,
-  styleUrls: ['./wrapper.scss']
+  // TODO: styleUrls: ['./wrapper.scss']
 })
 export class AutoTouchFieldWrapperComponent extends FieldWrapper implements OnInit {
 

diff --git a/packages/dbx-form/src/lib/formly/fields/wrappers/expandable.wrapper.component.ts b/packages/dbx-form/src/lib/formly/fields/wrappers/expandable.wrapper.component.ts
@@ -79,7 +79,7 @@ export interface FormExpandableSectionWrapperTemplateOptions<T = any> extends Fo
     </ng-container>
   </ng-container>
   `,
-  styleUrls: ['./wrapper.scss']
+  // TODO: styleUrls: ['./wrapper.scss']
 })
 export class FormExpandableSectionWrapperComponent<T = any> extends AbstractFormExpandableSectionWrapperDirective<T> {
 

diff --git a/packages/dbx-form/src/lib/formly/fields/wrappers/flex.wrapper.component.ts b/packages/dbx-form/src/lib/formly/fields/wrappers/flex.wrapper.component.ts
@@ -7,6 +7,6 @@ import { FieldWrapper } from '@ngx-formly/core';
       <ng-container #fieldComponent></ng-container>
     </div>
   `,
-  styleUrls: ['./wrapper.scss']
+  // TODO: styleUrls: ['./wrapper.scss']
 })
 export class FormFlexWrapperComponent extends FieldWrapper { }
diff --git a/packages/dbx-form/src/lib/formly/fields/wrappers/info.wrapper.component.ts b/packages/dbx-form/src/lib/formly/fields/wrappers/info.wrapper.component.ts
@@ -25,7 +25,7 @@ export interface FormInfoSectionWrapperTemplateOptions<T = any> extends FormlyTe
       </div>
     </div>
   `,
-  styleUrls: ['./wrapper.scss']
+  // TODO: styleUrls: ['./wrapper.scss']
 })
 export class FormInfoSectionWrapperComponent<T> extends FieldWrapper {
 

diff --git a/packages/dbx-form/src/lib/formly/fields/wrappers/section.wrapper.component.ts b/packages/dbx-form/src/lib/formly/fields/wrappers/section.wrapper.component.ts
@@ -12,7 +12,7 @@ import { FieldWrapper } from '@ngx-formly/core';
       <dbx-hint *ngIf="description">{{ description }}</dbx-hint>
     </div>
   `,
-  styleUrls: ['./wrapper.scss']
+  // TODO: styleUrls: ['./wrapper.scss']
 })
 export class FormSectionWrapperComponent extends FieldWrapper {
 

diff --git a/packages/dbx-form/src/lib/formly/fields/wrappers/subsection.wrapper.component.ts b/packages/dbx-form/src/lib/formly/fields/wrappers/subsection.wrapper.component.ts
@@ -11,7 +11,7 @@ import { FieldWrapper } from '@ngx-formly/core';
       <dbx-hint *ngIf="description"><small>{{ description }}</small></dbx-hint>
     </div>
   `,
-  styleUrls: ['./wrapper.scss']
+  // TODO: styleUrls: ['./wrapper.scss']
 })
 export class FormSubsectionWrapperComponent extends FieldWrapper {
 

diff --git a/packages/dbx-form/src/lib/formly/fields/wrappers/toggle.wrapper.component.ts b/packages/dbx-form/src/lib/formly/fields/wrappers/toggle.wrapper.component.ts
@@ -27,7 +27,7 @@ export interface FormToggleSectionWrapperTemplateOptions<T = any> extends Formly
     </ng-container>
   </div>
   `,
-  styleUrls: ['./wrapper.scss']
+  // TODO: styleUrls: ['./wrapper.scss']
 })
 export class FormToggleSectionWrapperComponent<T = any> extends AbstractFormExpandableSectionWrapperDirective<T> {
 

diff --git a/packages/dbx-form/src/lib/formly/formly.component.ts b/packages/dbx-form/src/lib/formly/formly.component.ts
@@ -17,7 +17,7 @@ import { cloneDeep } from 'lodash';
       <formly-form [form]="form" [fields]="fields" [model]="model"></formly-form>
     </form>
   `,
-  styleUrls: ['./form.scss'],
+  // TODO: styleUrls: ['./form.scss'],
 })
 export class DbNgxFormlyComponent<T extends object> extends AbstractSubscriptionDirective implements DbNgxFormlyContextDelegate<T>, OnInit, OnDestroy {
 

diff --git a/packages/dbx-web/src/lib/action/action.snackbar.component.ts b/packages/dbx-web/src/lib/action/action.snackbar.component.ts
@@ -28,7 +28,7 @@ import { ActionContextStoreSourceInstance, ActionState, DbNgxActionSnackbarCompo
       </ng-container>
     </div>
   `,
-  styleUrls: ['./action.scss']
+  // TODO: styleUrls: ['./action.scss']
 })
 export class DbNgxActionSnackbarComponent {
 

diff --git a/packages/dbx-web/src/lib/button/button.component.ts b/packages/dbx-web/src/lib/button/button.component.ts
@@ -17,7 +17,7 @@ export enum DbNgxButtonDisplayType {
   template: `
     <mat-spinner-button class="page-button" (btnClick)="clickButton()" [options]="btnOptions"></mat-spinner-button>
   `,
-  styleUrls: ['./button.scss'],
+  // TODO: styleUrls: ['./button.scss'],
   providers: ProvideDbNgxButton(DbNgxButtonComponent)
 })
 export class DbNgxButtonComponent extends AbstractDbNgxButtonDirective {

diff --git a/packages/dbx-web/src/lib/button/button.spacer.component.ts b/packages/dbx-web/src/lib/button/button.spacer.component.ts
@@ -6,6 +6,6 @@ import { Component } from '@angular/core';
 @Component({
   selector: 'dbx-button-spacer',
   template: `<span class="button-spacer"></span>`,
-  styleUrls: ['./button.scss']
+  // TODO: styleUrls: ['./button.scss']
 })
 export class DbNgxButtonSpacerComponent { }
diff --git a/packages/dbx-web/src/lib/error/error.component.ts b/packages/dbx-web/src/lib/error/error.component.ts
@@ -8,7 +8,7 @@ import { ErrorInput, convertToReadableError, ReadableError } from '@dereekb/util
 @Component({
   selector: 'dbx-error',
   templateUrl: './error.component.html',
-  styleUrls: ['./error.scss']
+  // TODO: styleUrls: ['./error.scss']
 })
 export class DbNgxReadableErrorComponent {
 

diff --git a/packages/dbx-web/src/lib/interaction/popover/popover.component.ts b/packages/dbx-web/src/lib/interaction/popover/popover.component.ts
@@ -77,7 +77,7 @@ export interface FullDbNgxPopoverComponentConfig<I, O, T> extends DbNgxPopoverCo
     </div>
   </dbx-popover-coordinator>
   `,
-  styleUrls: ['./popover.scss'],
+  // TODO: styleUrls: ['./popover.scss'],
   providers: [{
     provide: DbNgxPopoverController,
     useExisting: DbNgxPopoverComponent

diff --git a/packages/dbx-web/src/lib/interaction/popover/popover.content.component.ts b/packages/dbx-web/src/lib/interaction/popover/popover.content.component.ts
@@ -17,7 +17,7 @@ import { throttleTime } from 'rxjs/operators';
     </div>
   </div>
 `,
-  styleUrls: ['./popover.scss']
+  // TODO: styleUrls: ['./popover.scss']
 })
 export class DbNgxPopoverContentComponent implements OnDestroy {
 

diff --git a/packages/dbx-web/src/lib/interaction/popover/popover.controls.component.ts b/packages/dbx-web/src/lib/interaction/popover/popover.controls.component.ts
@@ -11,7 +11,7 @@ import { DbNgxPopoverContentComponent } from './popover.content.component';
     <ng-content></ng-content>
   </div>
   `,
-  styleUrls: ['./popover.scss']
+  // TODO: styleUrls: ['./popover.scss']
 })
 export class DbNgxPopoverControlsComponent {
 

diff --git a/packages/dbx-web/src/lib/interaction/popover/popover.coordinator.component.ts b/packages/dbx-web/src/lib/interaction/popover/popover.coordinator.component.ts
@@ -13,7 +13,7 @@ import { delay, map, shareReplay } from 'rxjs/operators';
     <ng-content></ng-content>
   </ng-container>
   `,
-  styleUrls: ['./popover.scss']
+  // TODO: styleUrls: ['./popover.scss']
 })
 export class DbNgxPopoverCoordinatorComponent implements OnInit, OnDestroy {
 

diff --git a/packages/dbx-web/src/lib/interaction/popover/popover.header.component.ts b/packages/dbx-web/src/lib/interaction/popover/popover.header.component.ts
@@ -16,7 +16,7 @@ import { DbNgxPopoverContentComponent } from './popover.content.component';
   </div>
   <mat-divider></mat-divider>
   `,
-  styleUrls: ['./popover.scss']
+  // TODO: styleUrls: ['./popover.scss']
 })
 export class DbNgxPopoverHeaderComponent {
 

diff --git a/packages/dbx-web/src/lib/interaction/popover/popover.scroll.content.component.ts b/packages/dbx-web/src/lib/interaction/popover/popover.scroll.content.component.ts
@@ -11,7 +11,7 @@ import { DbNgxPopoverContentComponent } from './popover.content.component';
     <ng-content></ng-content>
   </div>
 `,
-  styleUrls: ['./popover.scss']
+  // TODO: styleUrls: ['./popover.scss']
 })
 export class DbNgxPopoverScrollContentComponent {
 

diff --git a/packages/dbx-web/src/lib/interaction/popup/popup.component.ts b/packages/dbx-web/src/lib/interaction/popup/popup.component.ts
@@ -69,7 +69,7 @@ export interface DbNgxPopupComponentConfig<I, O, T> {
     </div>
   </dbx-popup-coordinator>
   `,
-  styleUrls: ['./popup.scss'],
+  // TODO: styleUrls: ['./popup.scss'],
   providers: [{
     provide: DbNgxPopupController,
     useExisting: DbNgxPopupComponent

diff --git a/packages/dbx-web/src/lib/interaction/popup/popup.content.component.ts b/packages/dbx-web/src/lib/interaction/popup/popup.content.component.ts
@@ -15,7 +15,7 @@ import { DbNgxPopupController, DbNgxPopupWindowState } from './popup.component';
     </div>
   </div>
 `,
-  styleUrls: ['./popup.scss']
+  // TODO: styleUrls: ['./popup.scss']
 })
 export class DbNgxPopupContentComponent {
 

diff --git a/packages/dbx-web/src/lib/interaction/popup/popup.controls.buttons.component.ts b/packages/dbx-web/src/lib/interaction/popup/popup.controls.buttons.component.ts
@@ -22,7 +22,7 @@ import { DbNgxPopupController, DbNgxPopupWindowState } from './popup.component';
     <dbx-button [flat]="true" icon="close" color="warn" (buttonClick)="closeClicked()"></dbx-button>
   </span>
   `,
-  styleUrls: ['./popup.scss']
+  // TODO: styleUrls: ['./popup.scss']
 })
 export class DbNgxPopupControlButtonsComponent {
 

diff --git a/packages/dbx-web/src/lib/interaction/popup/popup.controls.component.ts b/packages/dbx-web/src/lib/interaction/popup/popup.controls.component.ts
@@ -12,7 +12,7 @@ import { Component, Input } from '@angular/core';
     <dbx-popup-control-buttons></dbx-popup-control-buttons>
   </div>
   `,
-  styleUrls: ['./popup.scss']
+  // TODO: styleUrls: ['./popup.scss']
 })
 export class DbNgxPopupControlsComponent {
 

diff --git a/packages/dbx-web/src/lib/interaction/popup/popup.coordinator.component.ts b/packages/dbx-web/src/lib/interaction/popup/popup.coordinator.component.ts
@@ -13,7 +13,7 @@ import { delay, map, shareReplay } from 'rxjs/operators';
     <ng-content></ng-content>
   </ng-container>
   `,
-  styleUrls: ['./popup.scss']
+  // TODO: styleUrls: ['./popup.scss']
 })
 export class DbNgxPopupCoordinatorComponent implements OnInit, OnDestroy {
 

diff --git a/packages/dbx-web/src/lib/interaction/prompt/prompt.box.component.ts b/packages/dbx-web/src/lib/interaction/prompt/prompt.box.component.ts
@@ -7,7 +7,7 @@ import { Component, Input } from '@angular/core';
       <ng-content></ng-content>
     </div>
   `,
-  styleUrls: ['./prompt.scss']
+  // TODO: styleUrls: ['./prompt.scss']
 })
 export class DbNgxPromptBoxComponent {
 

diff --git a/packages/dbx-web/src/lib/interaction/prompt/prompt.component.ts b/packages/dbx-web/src/lib/interaction/prompt/prompt.component.ts
@@ -7,7 +7,7 @@ import { DbNgxPromptBoxComponent } from './prompt.box.component';
 @Component({
   selector: 'dbx-prompt',
   templateUrl: './prompt.component.html',
-  styleUrls: ['./prompt.scss']
+  // TODO: styleUrls: ['./prompt.scss']
 })
 export class DbNgxPromptComponent extends DbNgxPromptBoxComponent {
 

diff --git a/packages/dbx-web/src/lib/interaction/prompt/prompt.confirm.component.ts b/packages/dbx-web/src/lib/interaction/prompt/prompt.confirm.component.ts
@@ -25,7 +25,7 @@ export interface DbNgxPromptConfirmConfig {
 @Component({
   selector: 'dbx-prompt-confirm',
   templateUrl: './prompt.confirm.component.html',
-  styleUrls: ['./prompt.scss']
+  // TODO: styleUrls: ['./prompt.scss']
 })
 export class DbNgxPromptConfirmComponent {
 

diff --git a/packages/dbx-web/src/lib/interaction/prompt/prompt.page.component.ts b/packages/dbx-web/src/lib/interaction/prompt/prompt.page.component.ts
@@ -11,6 +11,6 @@ import { Component } from '@angular/core';
       </dbx-full-width-content-container>
     </div>
   `,
-  styleUrls: ['./prompt.scss']
+  // TODO: styleUrls: ['./prompt.scss']
 })
 export class DbNgxPromptPageComponent { }
diff --git a/packages/dbx-web/src/lib/layout/card/card.box.layout.module.ts b/packages/dbx-web/src/lib/layout/card/card.box.layout.module.ts
@@ -1,11 +1,13 @@
+import { MatIconModule } from '@angular/material/icon';
 import { DbNgxCardBoxContainerComponent } from './card.box.container.component';
 import { CommonModule } from '@angular/common';
 import { NgModule } from '@angular/core';
 import { DbNgxCardBoxComponent } from './card.box.component';
 
 @NgModule({
   imports: [
-    CommonModule
+    CommonModule,
+    MatIconModule
   ],
   declarations: [
     DbNgxCardBoxComponent,

diff --git a/packages/dbx-web/src/lib/layout/content/content.bordered.component.ts b/packages/dbx-web/src/lib/layout/content/content.bordered.component.ts
@@ -10,6 +10,6 @@ import { Component, Input } from '@angular/core';
       <ng-content></ng-content>
     </div>
   `,
-  styleUrls: ['./container.scss']
+  // TODO: styleUrls: ['./container.scss']
 })
 export class DbNgxBorderedContentComponent { }