├── .editorconfig ├── .github └── workflows │ └── release.yml ├── .gitignore ├── .versionrc ├── CHANGELOG.md ├── README.md ├── angular.json ├── e2e ├── protractor.conf.js ├── src │ ├── app.e2e-spec.ts │ └── app.po.ts └── tsconfig.json ├── karma.conf.js ├── package-lock.json ├── package.json ├── projects └── ng-cdbangular │ ├── README.md │ ├── assets │ └── scss │ │ ├── bootstrap │ │ ├── _accordion.scss │ │ ├── _alert.scss │ │ ├── _badge.scss │ │ ├── _breadcrumb.scss │ │ ├── _button-group.scss │ │ ├── _buttons.scss │ │ ├── _card.scss │ │ ├── _carousel.scss │ │ ├── _close.scss │ │ ├── _containers.scss │ │ ├── _dropdown.scss │ │ ├── _forms.scss │ │ ├── _functions.scss │ │ ├── _grid.scss │ │ ├── _helpers.scss │ │ ├── _images.scss │ │ ├── _list-group.scss │ │ ├── _mixins.scss │ │ ├── _modal.scss │ │ ├── _nav.scss │ │ ├── _navbar.scss │ │ ├── _offcanvas.scss │ │ ├── _pagination.scss │ │ ├── _popover.scss │ │ ├── _progress.scss │ │ ├── _reboot.scss │ │ ├── _root.scss │ │ ├── _spinners.scss │ │ ├── _tables.scss │ │ ├── _toasts.scss │ │ ├── _tooltip.scss │ │ ├── _transitions.scss │ │ ├── _type.scss │ │ ├── _utilities.scss │ │ ├── _variables.scss │ │ ├── bootstrap-grid.scss │ │ ├── bootstrap-reboot.scss │ │ ├── bootstrap-utilities.scss │ │ ├── bootstrap.scss │ │ ├── forms │ │ │ ├── _floating-labels.scss │ │ │ ├── _form-check.scss │ │ │ ├── _form-control.scss │ │ │ ├── _form-range.scss │ │ │ ├── _form-select.scss │ │ │ ├── _form-text.scss │ │ │ ├── _input-group.scss │ │ │ ├── _labels.scss │ │ │ └── _validation.scss │ │ ├── helpers │ │ │ ├── _clearfix.scss │ │ │ ├── _colored-links.scss │ │ │ ├── _position.scss │ │ │ ├── _ratio.scss │ │ │ ├── _stretched-link.scss │ │ │ ├── _text-truncation.scss │ │ │ └── _visually-hidden.scss │ │ ├── mixins │ │ │ ├── _alert.scss │ │ │ ├── _border-radius.scss │ │ │ ├── _box-shadow.scss │ │ │ ├── _breakpoints.scss │ │ │ ├── _buttons.scss │ │ │ ├── _caret.scss │ │ │ ├── _clearfix.scss │ │ │ ├── _color-scheme.scss │ │ │ ├── _container.scss │ │ │ ├── _deprecate.scss │ │ │ ├── _forms.scss │ │ │ ├── _gradients.scss │ │ │ ├── _grid.scss │ │ │ ├── _image.scss │ │ │ ├── _list-group.scss │ │ │ ├── _lists.scss │ │ │ ├── _pagination.scss │ │ │ ├── _reset-text.scss │ │ │ ├── _resize.scss │ │ │ ├── _table-variants.scss │ │ │ ├── _text-truncate.scss │ │ │ ├── _transition.scss │ │ │ ├── _utilities.scss │ │ │ └── _visually-hidden.scss │ │ ├── utilities │ │ │ └── _api.scss │ │ └── vendor │ │ │ └── _rfs.scss │ │ ├── cdb.core.scss │ │ ├── cdb.free.scss │ │ └── cdb.scss │ ├── karma.conf.js │ ├── ng-package.json │ ├── package.json │ ├── src │ ├── lib │ │ ├── assets │ │ │ └── img │ │ │ │ └── overlays │ │ │ │ ├── 01.png │ │ │ │ ├── 02.png │ │ │ │ ├── 03.png │ │ │ │ ├── 04.png │ │ │ │ ├── 05.png │ │ │ │ ├── 06.png │ │ │ │ ├── 07.png │ │ │ │ ├── 08.png │ │ │ │ └── 09.png │ │ ├── components │ │ │ ├── accordion │ │ │ │ ├── accordion.component.html │ │ │ │ ├── accordion.component.scss │ │ │ │ ├── accordion.component.ts │ │ │ │ ├── accordion.module.ts │ │ │ │ ├── accordionitem │ │ │ │ │ ├── accordionitem.component.html │ │ │ │ │ ├── accordionitem.component.scss │ │ │ │ │ └── accordionitem.component.ts │ │ │ │ └── index.ts │ │ │ ├── alert │ │ │ │ ├── alert.component.html │ │ │ │ ├── alert.component.scss │ │ │ │ ├── alert.component.ts │ │ │ │ ├── alert.module.ts │ │ │ │ └── index.ts │ │ │ ├── animation │ │ │ │ ├── animation.component.html │ │ │ │ ├── animation.component.scss │ │ │ │ ├── animation.component.ts │ │ │ │ ├── animation.module.ts │ │ │ │ └── index.ts │ │ │ ├── badge │ │ │ │ ├── badge.component.html │ │ │ │ ├── badge.component.scss │ │ │ │ ├── badge.component.ts │ │ │ │ ├── badge.module.ts │ │ │ │ └── index.ts │ │ │ ├── box │ │ │ │ ├── box.component.html │ │ │ │ ├── box.component.scss │ │ │ │ ├── box.component.ts │ │ │ │ ├── box.module.ts │ │ │ │ └── index.ts │ │ │ ├── breadcrumb │ │ │ │ ├── breadcrumb.component.html │ │ │ │ ├── breadcrumb.component.scss │ │ │ │ ├── breadcrumb.component.ts │ │ │ │ ├── breadcrumb.module.ts │ │ │ │ └── index.ts │ │ │ ├── button │ │ │ │ ├── button.component.html │ │ │ │ ├── button.component.scss │ │ │ │ ├── button.component.ts │ │ │ │ ├── button.module.ts │ │ │ │ └── index.ts │ │ │ ├── buttongroup │ │ │ │ ├── buttongroup.component.html │ │ │ │ ├── buttongroup.component.scss │ │ │ │ ├── buttongroup.component.ts │ │ │ │ ├── buttongroup.module.ts │ │ │ │ └── index.ts │ │ │ ├── buttontoolbar │ │ │ │ ├── buttontoolbar.component.html │ │ │ │ ├── buttontoolbar.component.scss │ │ │ │ ├── buttontoolbar.component.ts │ │ │ │ ├── buttontoolbar.module.ts │ │ │ │ └── index.ts │ │ │ ├── card │ │ │ │ ├── card-body │ │ │ │ │ ├── card-body.component.html │ │ │ │ │ ├── card-body.component.scss │ │ │ │ │ ├── card-body.component.spec.ts │ │ │ │ │ └── card-body.component.ts │ │ │ │ ├── card-image │ │ │ │ │ ├── card-image.component.html │ │ │ │ │ ├── card-image.component.scss │ │ │ │ │ ├── card-image.component.spec.ts │ │ │ │ │ └── card-image.component.ts │ │ │ │ ├── card-text │ │ │ │ │ ├── card-text.component.html │ │ │ │ │ ├── card-text.component.scss │ │ │ │ │ ├── card-text.component.spec.ts │ │ │ │ │ └── card-text.component.ts │ │ │ │ ├── card-title │ │ │ │ │ ├── card-title.component.html │ │ │ │ │ ├── card-title.component.scss │ │ │ │ │ ├── card-title.component.spec.ts │ │ │ │ │ └── card-title.component.ts │ │ │ │ ├── card.component.html │ │ │ │ ├── card.component.scss │ │ │ │ ├── card.component.spec.ts │ │ │ │ ├── card.component.ts │ │ │ │ ├── card.module.ts │ │ │ │ └── index.ts │ │ │ ├── carousel │ │ │ │ ├── carousel-control │ │ │ │ │ ├── carousel-control.component.html │ │ │ │ │ ├── carousel-control.component.scss │ │ │ │ │ └── carousel-control.component.ts │ │ │ │ ├── carousel-inner │ │ │ │ │ ├── carousel-inner.component.html │ │ │ │ │ ├── carousel-inner.component.scss │ │ │ │ │ └── carousel-inner.component.ts │ │ │ │ ├── carousel-item │ │ │ │ │ ├── carousel-item.component.html │ │ │ │ │ ├── carousel-item.component.scss │ │ │ │ │ └── carousel-item.component.ts │ │ │ │ ├── carousel.component.html │ │ │ │ ├── carousel.component.scss │ │ │ │ ├── carousel.component.ts │ │ │ │ ├── carousel.module.ts │ │ │ │ ├── carouselindicator │ │ │ │ │ ├── carouselindicator.component.html │ │ │ │ │ ├── carouselindicator.component.scss │ │ │ │ │ └── carouselindicator.component.ts │ │ │ │ └── index.ts │ │ │ ├── cdb-free.module.ts │ │ │ ├── closeicon │ │ │ │ ├── closeicon.component.html │ │ │ │ ├── closeicon.component.scss │ │ │ │ ├── closeicon.component.ts │ │ │ │ ├── closeicon.module.ts │ │ │ │ └── index.ts │ │ │ ├── collapse │ │ │ │ ├── collapse.component.html │ │ │ │ ├── collapse.component.scss │ │ │ │ ├── collapse.component.ts │ │ │ │ ├── collapse.module.ts │ │ │ │ └── index.ts │ │ │ ├── dropdown │ │ │ │ ├── dropdown-item │ │ │ │ │ ├── dropdown-item.component.html │ │ │ │ │ ├── dropdown-item.component.scss │ │ │ │ │ └── dropdown-item.component.ts │ │ │ │ ├── dropdown-menu │ │ │ │ │ ├── dropdown-menu.component.html │ │ │ │ │ ├── dropdown-menu.component.scss │ │ │ │ │ └── dropdown-menu.component.ts │ │ │ │ ├── dropdown-toggle │ │ │ │ │ ├── dropdown-toggle.component.html │ │ │ │ │ ├── dropdown-toggle.component.scss │ │ │ │ │ └── dropdown-toggle.component.ts │ │ │ │ ├── dropdown.component.html │ │ │ │ ├── dropdown.component.scss │ │ │ │ ├── dropdown.component.ts │ │ │ │ ├── dropdown.module.ts │ │ │ │ └── index.ts │ │ │ ├── footer │ │ │ │ ├── footer.component.html │ │ │ │ ├── footer.component.scss │ │ │ │ ├── footer.component.ts │ │ │ │ ├── footer.module.ts │ │ │ │ └── index.ts │ │ │ ├── icon │ │ │ │ ├── icon.component.html │ │ │ │ ├── icon.component.scss │ │ │ │ ├── icon.component.ts │ │ │ │ ├── icon.module.ts │ │ │ │ └── index.ts │ │ │ ├── iframe │ │ │ │ ├── iframe.component.html │ │ │ │ ├── iframe.component.scss │ │ │ │ ├── iframe.component.ts │ │ │ │ ├── iframe.module.ts │ │ │ │ └── index.ts │ │ │ ├── input │ │ │ │ ├── index.ts │ │ │ │ ├── input.component.html │ │ │ │ ├── input.component.scss │ │ │ │ ├── input.component.ts │ │ │ │ └── input.module.ts │ │ │ ├── inputgroup │ │ │ │ ├── index.ts │ │ │ │ ├── inputgroup.component.html │ │ │ │ ├── inputgroup.component.scss │ │ │ │ ├── inputgroup.component.ts │ │ │ │ └── inputgroup.module.ts │ │ │ ├── link │ │ │ │ ├── index.ts │ │ │ │ ├── link.component.html │ │ │ │ ├── link.component.scss │ │ │ │ ├── link.component.ts │ │ │ │ └── link.module.ts │ │ │ ├── listgroup │ │ │ │ ├── index.ts │ │ │ │ ├── listgroup.component.html │ │ │ │ ├── listgroup.component.scss │ │ │ │ ├── listgroup.component.ts │ │ │ │ ├── listgroup.module.ts │ │ │ │ └── listgroupitem │ │ │ │ │ ├── listgroupitem.component.html │ │ │ │ │ ├── listgroupitem.component.scss │ │ │ │ │ └── listgroupitem.component.ts │ │ │ ├── mask │ │ │ │ ├── index.ts │ │ │ │ ├── mask.component.html │ │ │ │ ├── mask.component.scss │ │ │ │ ├── mask.component.ts │ │ │ │ └── mask.module.ts │ │ │ ├── modal │ │ │ │ ├── index.ts │ │ │ │ ├── modal-body │ │ │ │ │ ├── modal-body.component.html │ │ │ │ │ ├── modal-body.component.scss │ │ │ │ │ └── modal-body.component.ts │ │ │ │ ├── modal-footer │ │ │ │ │ ├── modal-footer.component.html │ │ │ │ │ ├── modal-footer.component.scss │ │ │ │ │ └── modal-footer.component.ts │ │ │ │ ├── modal-header │ │ │ │ │ ├── modal-header.component.html │ │ │ │ │ ├── modal-header.component.scss │ │ │ │ │ └── modal-header.component.ts │ │ │ │ ├── modal.component.html │ │ │ │ ├── modal.component.scss │ │ │ │ ├── modal.component.ts │ │ │ │ └── modal.module.ts │ │ │ ├── navbar │ │ │ │ ├── index.ts │ │ │ │ ├── nav-brand │ │ │ │ │ ├── nav-brand.component.html │ │ │ │ │ ├── nav-brand.component.scss │ │ │ │ │ └── nav-brand.component.ts │ │ │ │ ├── nav-item │ │ │ │ │ ├── nav-item.component.html │ │ │ │ │ ├── nav-item.component.scss │ │ │ │ │ └── nav-item.component.ts │ │ │ │ ├── nav-link │ │ │ │ │ ├── nav-link.component.html │ │ │ │ │ ├── nav-link.component.scss │ │ │ │ │ └── nav-link.component.ts │ │ │ │ ├── nav-toggle │ │ │ │ │ ├── nav-toggle.component.html │ │ │ │ │ ├── nav-toggle.component.scss │ │ │ │ │ └── nav-toggle.component.ts │ │ │ │ ├── navbar-nav │ │ │ │ │ ├── navbar-nav.component.html │ │ │ │ │ ├── navbar-nav.component.scss │ │ │ │ │ └── navbar-nav.component.ts │ │ │ │ ├── navbar.component.html │ │ │ │ ├── navbar.component.scss │ │ │ │ ├── navbar.component.ts │ │ │ │ └── navbar.module.ts │ │ │ ├── pagination │ │ │ │ ├── index.ts │ │ │ │ ├── pageitem │ │ │ │ │ ├── pageitem.component.html │ │ │ │ │ ├── pageitem.component.scss │ │ │ │ │ └── pageitem.component.ts │ │ │ │ ├── pagelink │ │ │ │ │ ├── pagelink.component.html │ │ │ │ │ ├── pagelink.component.scss │ │ │ │ │ └── pagelink.component.ts │ │ │ │ ├── pagination.component.html │ │ │ │ ├── pagination.component.scss │ │ │ │ ├── pagination.component.ts │ │ │ │ └── pagination.module.ts │ │ │ ├── progress │ │ │ │ ├── index.ts │ │ │ │ ├── progress.component.html │ │ │ │ ├── progress.component.scss │ │ │ │ ├── progress.component.ts │ │ │ │ └── progress.module.ts │ │ │ ├── select │ │ │ │ ├── index.ts │ │ │ │ ├── select.component.html │ │ │ │ ├── select.component.scss │ │ │ │ ├── select.component.ts │ │ │ │ └── select.module.ts │ │ │ ├── sidebar │ │ │ │ ├── index.ts │ │ │ │ ├── sidebar-content │ │ │ │ │ ├── sidebar-content.component.html │ │ │ │ │ ├── sidebar-content.component.scss │ │ │ │ │ └── sidebar-content.component.ts │ │ │ │ ├── sidebar-footer │ │ │ │ │ ├── sidebar-footer.component.html │ │ │ │ │ ├── sidebar-footer.component.scss │ │ │ │ │ └── sidebar-footer.component.ts │ │ │ │ ├── sidebar-header │ │ │ │ │ ├── sidebar-header.component.html │ │ │ │ │ ├── sidebar-header.component.scss │ │ │ │ │ └── sidebar-header.component.ts │ │ │ │ ├── sidebar-menu │ │ │ │ │ ├── sidebar-menu.component.html │ │ │ │ │ ├── sidebar-menu.component.scss │ │ │ │ │ └── sidebar-menu.component.ts │ │ │ │ ├── sidebar-menuitem │ │ │ │ │ ├── sidebar-menuitem.component.html │ │ │ │ │ ├── sidebar-menuitem.component.scss │ │ │ │ │ └── sidebar-menuitem.component.ts │ │ │ │ ├── sidebar.component.html │ │ │ │ ├── sidebar.component.scss │ │ │ │ ├── sidebar.component.ts │ │ │ │ ├── sidebar.module.ts │ │ │ │ └── sidebar.service.ts │ │ │ ├── slider │ │ │ │ ├── index.ts │ │ │ │ ├── slider.component.html │ │ │ │ ├── slider.component.scss │ │ │ │ ├── slider.component.ts │ │ │ │ └── slider.module.ts │ │ │ ├── spinner │ │ │ │ ├── index.ts │ │ │ │ ├── spinner.component.html │ │ │ │ ├── spinner.component.scss │ │ │ │ ├── spinner.component.ts │ │ │ │ └── spinner.module.ts │ │ │ ├── switch │ │ │ │ ├── index.ts │ │ │ │ ├── switch.component.html │ │ │ │ ├── switch.component.scss │ │ │ │ ├── switch.component.ts │ │ │ │ └── switch.module.ts │ │ │ ├── table │ │ │ │ ├── directives │ │ │ │ │ ├── cdb-table-scroll.directive.ts │ │ │ │ │ ├── cdb-table-sort.directive.ts │ │ │ │ │ ├── cdb-table.directive.ts │ │ │ │ │ └── table.directive.ts │ │ │ │ ├── index.ts │ │ │ │ ├── table-pagination │ │ │ │ │ ├── table-pagination.component.html │ │ │ │ │ ├── table-pagination.component.scss │ │ │ │ │ └── table-pagination.component.ts │ │ │ │ ├── table.component.html │ │ │ │ ├── table.component.scss │ │ │ │ ├── table.component.ts │ │ │ │ └── table.module.ts │ │ │ └── view │ │ │ │ ├── index.ts │ │ │ │ ├── view.component.html │ │ │ │ ├── view.component.scss │ │ │ │ ├── view.component.ts │ │ │ │ └── view.module.ts │ │ └── styles │ │ │ ├── _colorStyles.scss │ │ │ ├── _colors.scss │ │ │ ├── _lightStyle.scss │ │ │ └── _lightStyleHover.scss │ ├── public-api.ts │ └── test.ts │ ├── tsconfig.lib.json │ ├── tsconfig.lib.prod.json │ ├── tsconfig.spec.json │ └── tslint.json ├── src ├── app │ ├── app-routing.module.ts │ ├── app.component.html │ ├── app.component.scss │ ├── app.component.spec.ts │ ├── app.component.ts │ ├── app.module.ts │ ├── assets │ │ └── img │ │ │ └── overlays │ │ │ ├── 01.png │ │ │ ├── 02.png │ │ │ ├── 03.png │ │ │ ├── 04.png │ │ │ ├── 05.png │ │ │ ├── 06.png │ │ │ ├── 07.png │ │ │ ├── 08.png │ │ │ └── 09.png │ ├── components │ │ ├── accordion │ │ │ ├── accordion.component.html │ │ │ ├── accordion.component.scss │ │ │ ├── accordion.component.ts │ │ │ ├── accordion.module.ts │ │ │ ├── accordionitem │ │ │ │ ├── accordionitem.component.html │ │ │ │ ├── accordionitem.component.scss │ │ │ │ └── accordionitem.component.ts │ │ │ └── index.ts │ │ ├── alert │ │ │ ├── alert.component.html │ │ │ ├── alert.component.scss │ │ │ ├── alert.component.ts │ │ │ ├── alert.module.ts │ │ │ └── index.ts │ │ ├── animation │ │ │ ├── animation.component.html │ │ │ ├── animation.component.scss │ │ │ ├── animation.component.ts │ │ │ ├── animation.module.ts │ │ │ └── index.ts │ │ ├── badge │ │ │ ├── badge.component.html │ │ │ ├── badge.component.scss │ │ │ ├── badge.component.ts │ │ │ ├── badge.module.ts │ │ │ └── index.ts │ │ ├── box │ │ │ ├── box.component.html │ │ │ ├── box.component.scss │ │ │ ├── box.component.ts │ │ │ ├── box.module.ts │ │ │ └── index.ts │ │ ├── breadcrumb │ │ │ ├── breadcrumb.component.html │ │ │ ├── breadcrumb.component.scss │ │ │ ├── breadcrumb.component.ts │ │ │ ├── breadcrumb.module.ts │ │ │ └── index.ts │ │ ├── button │ │ │ ├── button.component.html │ │ │ ├── button.component.scss │ │ │ ├── button.component.ts │ │ │ ├── button.module.ts │ │ │ └── index.ts │ │ ├── buttongroup │ │ │ ├── buttongroup.component.html │ │ │ ├── buttongroup.component.scss │ │ │ ├── buttongroup.component.ts │ │ │ ├── buttongroup.module.ts │ │ │ └── index.ts │ │ ├── buttontoolbar │ │ │ ├── buttontoolbar.component.html │ │ │ ├── buttontoolbar.component.scss │ │ │ ├── buttontoolbar.component.ts │ │ │ ├── buttontoolbar.module.ts │ │ │ └── index.ts │ │ ├── card │ │ │ ├── card-body │ │ │ │ ├── card-body.component.html │ │ │ │ ├── card-body.component.scss │ │ │ │ ├── card-body.component.spec.ts │ │ │ │ └── card-body.component.ts │ │ │ ├── card-image │ │ │ │ ├── card-image.component.html │ │ │ │ ├── card-image.component.scss │ │ │ │ ├── card-image.component.spec.ts │ │ │ │ └── card-image.component.ts │ │ │ ├── card-text │ │ │ │ ├── card-text.component.html │ │ │ │ ├── card-text.component.scss │ │ │ │ ├── card-text.component.spec.ts │ │ │ │ └── card-text.component.ts │ │ │ ├── card-title │ │ │ │ ├── card-title.component.html │ │ │ │ ├── card-title.component.scss │ │ │ │ ├── card-title.component.spec.ts │ │ │ │ └── card-title.component.ts │ │ │ ├── card.component.html │ │ │ ├── card.component.scss │ │ │ ├── card.component.spec.ts │ │ │ ├── card.component.ts │ │ │ ├── card.module.ts │ │ │ └── index.ts │ │ ├── carousel │ │ │ ├── carousel-control │ │ │ │ ├── carousel-control.component.html │ │ │ │ ├── carousel-control.component.scss │ │ │ │ └── carousel-control.component.ts │ │ │ ├── carousel-inner │ │ │ │ ├── carousel-inner.component.html │ │ │ │ ├── carousel-inner.component.scss │ │ │ │ └── carousel-inner.component.ts │ │ │ ├── carousel-item │ │ │ │ ├── carousel-item.component.html │ │ │ │ ├── carousel-item.component.scss │ │ │ │ └── carousel-item.component.ts │ │ │ ├── carousel.component.html │ │ │ ├── carousel.component.scss │ │ │ ├── carousel.component.ts │ │ │ ├── carousel.module.ts │ │ │ ├── carouselindicator │ │ │ │ ├── carouselindicator.component.html │ │ │ │ ├── carouselindicator.component.scss │ │ │ │ └── carouselindicator.component.ts │ │ │ └── index.ts │ │ ├── cdb-free.module.ts │ │ ├── closeicon │ │ │ ├── closeicon.component.html │ │ │ ├── closeicon.component.scss │ │ │ ├── closeicon.component.ts │ │ │ ├── closeicon.module.ts │ │ │ └── index.ts │ │ ├── collapse │ │ │ ├── collapse.component.html │ │ │ ├── collapse.component.scss │ │ │ ├── collapse.component.ts │ │ │ ├── collapse.module.ts │ │ │ └── index.ts │ │ ├── dropdown │ │ │ ├── dropdown-item │ │ │ │ ├── dropdown-item.component.html │ │ │ │ ├── dropdown-item.component.scss │ │ │ │ └── dropdown-item.component.ts │ │ │ ├── dropdown-menu │ │ │ │ ├── dropdown-menu.component.html │ │ │ │ ├── dropdown-menu.component.scss │ │ │ │ └── dropdown-menu.component.ts │ │ │ ├── dropdown-toggle │ │ │ │ ├── dropdown-toggle.component.html │ │ │ │ ├── dropdown-toggle.component.scss │ │ │ │ └── dropdown-toggle.component.ts │ │ │ ├── dropdown.component.html │ │ │ ├── dropdown.component.scss │ │ │ ├── dropdown.component.ts │ │ │ ├── dropdown.module.ts │ │ │ └── index.ts │ │ ├── footer │ │ │ ├── footer.component.html │ │ │ ├── footer.component.scss │ │ │ ├── footer.component.ts │ │ │ ├── footer.module.ts │ │ │ └── index.ts │ │ ├── icon │ │ │ ├── icon.component.html │ │ │ ├── icon.component.scss │ │ │ ├── icon.component.ts │ │ │ ├── icon.module.ts │ │ │ └── index.ts │ │ ├── iframe │ │ │ ├── iframe.component.html │ │ │ ├── iframe.component.scss │ │ │ ├── iframe.component.ts │ │ │ ├── iframe.module.ts │ │ │ └── index.ts │ │ ├── input │ │ │ ├── index.ts │ │ │ ├── input.component.html │ │ │ ├── input.component.scss │ │ │ ├── input.component.ts │ │ │ └── input.module.ts │ │ ├── inputgroup │ │ │ ├── index.ts │ │ │ ├── inputgroup.component.html │ │ │ ├── inputgroup.component.scss │ │ │ ├── inputgroup.component.ts │ │ │ └── inputgroup.module.ts │ │ ├── link │ │ │ ├── index.ts │ │ │ ├── link.component.html │ │ │ ├── link.component.scss │ │ │ ├── link.component.ts │ │ │ └── link.module.ts │ │ ├── listgroup │ │ │ ├── index.ts │ │ │ ├── listgroup.component.html │ │ │ ├── listgroup.component.scss │ │ │ ├── listgroup.component.ts │ │ │ ├── listgroup.module.ts │ │ │ └── listgroupitem │ │ │ │ ├── listgroupitem.component.html │ │ │ │ ├── listgroupitem.component.scss │ │ │ │ └── listgroupitem.component.ts │ │ ├── mask │ │ │ ├── index.ts │ │ │ ├── mask.component.html │ │ │ ├── mask.component.scss │ │ │ ├── mask.component.ts │ │ │ └── mask.module.ts │ │ ├── modal │ │ │ ├── index.ts │ │ │ ├── modal-body │ │ │ │ ├── modal-body.component.html │ │ │ │ ├── modal-body.component.scss │ │ │ │ └── modal-body.component.ts │ │ │ ├── modal-footer │ │ │ │ ├── modal-footer.component.html │ │ │ │ ├── modal-footer.component.scss │ │ │ │ └── modal-footer.component.ts │ │ │ ├── modal-header │ │ │ │ ├── modal-header.component.html │ │ │ │ ├── modal-header.component.scss │ │ │ │ └── modal-header.component.ts │ │ │ ├── modal.component.html │ │ │ ├── modal.component.scss │ │ │ ├── modal.component.ts │ │ │ └── modal.module.ts │ │ ├── navbar │ │ │ ├── index.ts │ │ │ ├── nav-brand │ │ │ │ ├── nav-brand.component.html │ │ │ │ ├── nav-brand.component.scss │ │ │ │ └── nav-brand.component.ts │ │ │ ├── nav-item │ │ │ │ ├── nav-item.component.html │ │ │ │ ├── nav-item.component.scss │ │ │ │ └── nav-item.component.ts │ │ │ ├── nav-link │ │ │ │ ├── nav-link.component.html │ │ │ │ ├── nav-link.component.scss │ │ │ │ └── nav-link.component.ts │ │ │ ├── nav-toggle │ │ │ │ ├── nav-toggle.component.html │ │ │ │ ├── nav-toggle.component.scss │ │ │ │ └── nav-toggle.component.ts │ │ │ ├── navbar-nav │ │ │ │ ├── navbar-nav.component.html │ │ │ │ ├── navbar-nav.component.scss │ │ │ │ └── navbar-nav.component.ts │ │ │ ├── navbar.component.html │ │ │ ├── navbar.component.scss │ │ │ ├── navbar.component.ts │ │ │ └── navbar.module.ts │ │ ├── pagination │ │ │ ├── index.ts │ │ │ ├── pageitem │ │ │ │ ├── pageitem.component.html │ │ │ │ ├── pageitem.component.scss │ │ │ │ └── pageitem.component.ts │ │ │ ├── pagelink │ │ │ │ ├── pagelink.component.html │ │ │ │ ├── pagelink.component.scss │ │ │ │ └── pagelink.component.ts │ │ │ ├── pagination.component.html │ │ │ ├── pagination.component.scss │ │ │ ├── pagination.component.ts │ │ │ └── pagination.module.ts │ │ ├── progress │ │ │ ├── index.ts │ │ │ ├── progress.component.html │ │ │ ├── progress.component.scss │ │ │ ├── progress.component.ts │ │ │ └── progress.module.ts │ │ ├── select │ │ │ ├── index.ts │ │ │ ├── select.component.html │ │ │ ├── select.component.scss │ │ │ ├── select.component.ts │ │ │ └── select.module.ts │ │ ├── sidebar │ │ │ ├── index.ts │ │ │ ├── sidebar-content │ │ │ │ ├── sidebar-content.component.html │ │ │ │ ├── sidebar-content.component.scss │ │ │ │ └── sidebar-content.component.ts │ │ │ ├── sidebar-footer │ │ │ │ ├── sidebar-footer.component.html │ │ │ │ ├── sidebar-footer.component.scss │ │ │ │ └── sidebar-footer.component.ts │ │ │ ├── sidebar-header │ │ │ │ ├── sidebar-header.component.html │ │ │ │ ├── sidebar-header.component.scss │ │ │ │ └── sidebar-header.component.ts │ │ │ ├── sidebar-menu │ │ │ │ ├── sidebar-menu.component.html │ │ │ │ ├── sidebar-menu.component.scss │ │ │ │ └── sidebar-menu.component.ts │ │ │ ├── sidebar-menuitem │ │ │ │ ├── sidebar-menuitem.component.html │ │ │ │ ├── sidebar-menuitem.component.scss │ │ │ │ └── sidebar-menuitem.component.ts │ │ │ ├── sidebar.component.html │ │ │ ├── sidebar.component.scss │ │ │ ├── sidebar.component.ts │ │ │ ├── sidebar.module.ts │ │ │ └── sidebar.service.ts │ │ ├── slider │ │ │ ├── index.ts │ │ │ ├── slider.component.html │ │ │ ├── slider.component.scss │ │ │ ├── slider.component.ts │ │ │ └── slider.module.ts │ │ ├── spinner │ │ │ ├── index.ts │ │ │ ├── spinner.component.html │ │ │ ├── spinner.component.scss │ │ │ ├── spinner.component.ts │ │ │ └── spinner.module.ts │ │ ├── switch │ │ │ ├── index.ts │ │ │ ├── switch.component.html │ │ │ ├── switch.component.scss │ │ │ ├── switch.component.ts │ │ │ └── switch.module.ts │ │ ├── table │ │ │ ├── directives │ │ │ │ ├── cdb-table-scroll.directive.ts │ │ │ │ ├── cdb-table-sort.directive.ts │ │ │ │ ├── cdb-table.directive.ts │ │ │ │ └── table.directive.ts │ │ │ ├── index.ts │ │ │ ├── table-pagination │ │ │ │ ├── table-pagination.component.html │ │ │ │ ├── table-pagination.component.scss │ │ │ │ └── table-pagination.component.ts │ │ │ ├── table.component.html │ │ │ ├── table.component.scss │ │ │ ├── table.component.ts │ │ │ └── table.module.ts │ │ └── view │ │ │ ├── index.ts │ │ │ ├── view.component.html │ │ │ ├── view.component.scss │ │ │ ├── view.component.ts │ │ │ └── view.module.ts │ └── styles │ │ ├── _colorStyles.scss │ │ ├── _colors.scss │ │ ├── _lightStyle.scss │ │ └── _lightStyleHover.scss ├── assets │ └── .gitkeep ├── environments │ ├── environment.prod.ts │ └── environment.ts ├── favicon.ico ├── index.html ├── main.ts ├── polyfills.ts ├── styles.scss └── test.ts ├── tsconfig.app.json ├── tsconfig.json ├── tsconfig.spec.json └── tslint.json /.editorconfig: -------------------------------------------------------------------------------- 1 | # Editor configuration, see https://editorconfig.org 2 | root = true 3 | 4 | [*] 5 | charset = utf-8 6 | indent_style = space 7 | indent_size = 2 8 | insert_final_newline = true 9 | trim_trailing_whitespace = true 10 | 11 | [*.ts] 12 | quote_type = single 13 | 14 | [*.md] 15 | max_line_length = off 16 | trim_trailing_whitespace = false 17 | -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | # See http://help.github.com/ignore-files/ for more about ignoring files. 2 | 3 | # compiled output 4 | /dist 5 | /tmp 6 | /out-tsc 7 | # Only exists if Bazel was run 8 | /bazel-out 9 | 10 | # dependencies 11 | /node_modules 12 | 13 | # profiling files 14 | chrome-profiler-events*.json 15 | speed-measure-plugin*.json 16 | 17 | # IDEs and editors 18 | /.idea 19 | .project 20 | .classpath 21 | .c9/ 22 | *.launch 23 | .settings/ 24 | *.sublime-workspace 25 | 26 | # IDE - VSCode 27 | .vscode/* 28 | !.vscode/settings.json 29 | !.vscode/tasks.json 30 | !.vscode/launch.json 31 | !.vscode/extensions.json 32 | .history/* 33 | 34 | # misc 35 | /.angular/cache 36 | /.sass-cache 37 | /connect.lock 38 | /coverage 39 | /libpeerconnection.log 40 | npm-debug.log 41 | yarn-error.log 42 | testem.log 43 | /typings 44 | 45 | # System Files 46 | .DS_Store 47 | Thumbs.db 48 | -------------------------------------------------------------------------------- /.versionrc: -------------------------------------------------------------------------------- 1 | { 2 | "bumpFiles": [ 3 | { 4 | "filename": "./package.json", 5 | "type": "json" 6 | }, 7 | { 8 | "filename": "./projects/ng-cdbangular/package.json", 9 | "type": "json" 10 | } 11 | ] 12 | } -------------------------------------------------------------------------------- /e2e/src/app.e2e-spec.ts: -------------------------------------------------------------------------------- 1 | import { AppPage } from './app.po'; 2 | import { browser, logging } from 'protractor'; 3 | 4 | describe('workspace-project App', () => { 5 | let page: AppPage; 6 | 7 | beforeEach(() => { 8 | page = new AppPage(); 9 | }); 10 | 11 | it('should display welcome message', () => { 12 | page.navigateTo(); 13 | expect(page.getTitleText()).toEqual('Contrast-Bootstrap-Angular app is running!'); 14 | }); 15 | 16 | afterEach(async () => { 17 | // Assert that there are no errors emitted from the browser 18 | const logs = await browser.manage().logs().get(logging.Type.BROWSER); 19 | expect(logs).not.toContain(jasmine.objectContaining({ 20 | level: logging.Level.SEVERE, 21 | } as logging.Entry)); 22 | }); 23 | }); 24 | -------------------------------------------------------------------------------- /e2e/src/app.po.ts: -------------------------------------------------------------------------------- 1 | import { browser, by, element } from 'protractor'; 2 | 3 | export class AppPage { 4 | navigateTo(): Promise { 5 | return browser.get(browser.baseUrl) as Promise; 6 | } 7 | 8 | getTitleText(): Promise { 9 | return element(by.css('app-root .content span')).getText() as Promise; 10 | } 11 | } 12 | -------------------------------------------------------------------------------- /e2e/tsconfig.json: -------------------------------------------------------------------------------- 1 | /* To learn more about this file see: https://angular.io/config/tsconfig. */ 2 | { 3 | "extends": "../tsconfig.json", 4 | "compilerOptions": { 5 | "outDir": "../out-tsc/e2e", 6 | "module": "commonjs", 7 | "target": "es2018", 8 | "types": [ 9 | "jasmine", 10 | "jasminewd2", 11 | "node" 12 | ] 13 | } 14 | } 15 | -------------------------------------------------------------------------------- /projects/ng-cdbangular/assets/scss/bootstrap/_badge.scss: -------------------------------------------------------------------------------- 1 | // Base class 2 | // 3 | // Requires one of the contextual, color modifier classes for `color` and 4 | // `background-color`. 5 | 6 | .badge { 7 | display: inline-block; 8 | padding: $badge-padding-y $badge-padding-x; 9 | @include font-size($badge-font-size); 10 | font-weight: $badge-font-weight; 11 | line-height: 1; 12 | color: $badge-color; 13 | text-align: center; 14 | white-space: nowrap; 15 | vertical-align: baseline; 16 | @include border-radius($badge-border-radius); 17 | @include gradient-bg(); 18 | 19 | // Empty badges collapse automatically 20 | &:empty { 21 | display: none; 22 | } 23 | } 24 | 25 | // Quick fix for badges in buttons 26 | .btn .badge { 27 | position: relative; 28 | top: -1px; 29 | } 30 | -------------------------------------------------------------------------------- /projects/ng-cdbangular/assets/scss/bootstrap/_forms.scss: -------------------------------------------------------------------------------- 1 | @import "forms/labels"; 2 | @import "forms/form-text"; 3 | @import "forms/form-control"; 4 | @import "forms/form-select"; 5 | @import "forms/form-check"; 6 | @import "forms/form-range"; 7 | @import "forms/floating-labels"; 8 | @import "forms/input-group"; 9 | @import "forms/validation"; 10 | -------------------------------------------------------------------------------- /projects/ng-cdbangular/assets/scss/bootstrap/_grid.scss: -------------------------------------------------------------------------------- 1 | // Row 2 | // 3 | // Rows contain your columns. 4 | 5 | @if $enable-grid-classes { 6 | .row { 7 | @include make-row(); 8 | 9 | > * { 10 | @include make-col-ready(); 11 | } 12 | } 13 | } 14 | 15 | 16 | // Columns 17 | // 18 | // Common styles for small and large grid columns 19 | 20 | @if $enable-grid-classes { 21 | @include make-grid-columns(); 22 | } 23 | -------------------------------------------------------------------------------- /projects/ng-cdbangular/assets/scss/bootstrap/_helpers.scss: -------------------------------------------------------------------------------- 1 | @import "helpers/clearfix"; 2 | @import "helpers/colored-links"; 3 | @import "helpers/ratio"; 4 | @import "helpers/position"; 5 | @import "helpers/visually-hidden"; 6 | @import "helpers/stretched-link"; 7 | @import "helpers/text-truncation"; 8 | -------------------------------------------------------------------------------- /projects/ng-cdbangular/assets/scss/bootstrap/_root.scss: -------------------------------------------------------------------------------- 1 | :root { 2 | // Custom variable values only support SassScript inside `#{}`. 3 | @each $color, $value in $colors { 4 | --#{$variable-prefix}#{$color}: #{$value}; 5 | } 6 | 7 | @each $color, $value in $theme-colors { 8 | --#{$variable-prefix}#{$color}: #{$value}; 9 | } 10 | 11 | // Use `inspect` for lists so that quoted items keep the quotes. 12 | // See https://github.com/sass/sass/issues/2383#issuecomment-336349172 13 | --#{$variable-prefix}font-sans-serif: #{inspect($font-family-sans-serif)}; 14 | --#{$variable-prefix}font-monospace: #{inspect($font-family-monospace)}; 15 | --#{$variable-prefix}gradient: #{$gradient}; 16 | } 17 | -------------------------------------------------------------------------------- /projects/ng-cdbangular/assets/scss/bootstrap/_transitions.scss: -------------------------------------------------------------------------------- 1 | .fade { 2 | @include transition($transition-fade); 3 | 4 | &:not(.show) { 5 | opacity: 0; 6 | } 7 | } 8 | 9 | // scss-docs-start collapse-classes 10 | .collapse { 11 | &:not(.show) { 12 | display: none; 13 | } 14 | } 15 | 16 | .collapsing { 17 | height: 0; 18 | overflow: hidden; 19 | @include transition($transition-collapse); 20 | } 21 | // scss-docs-end collapse-classes 22 | -------------------------------------------------------------------------------- /projects/ng-cdbangular/assets/scss/bootstrap/bootstrap-reboot.scss: -------------------------------------------------------------------------------- 1 | /*! 2 | * Bootstrap Reboot v5.0.2 (https://getbootstrap.com/) 3 | * Copyright 2011-2021 The Bootstrap Authors 4 | * Copyright 2011-2021 Twitter, Inc. 5 | * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE) 6 | * Forked from Normalize.css, licensed MIT (https://github.com/necolas/normalize.css/blob/master/LICENSE.md) 7 | */ 8 | 9 | @import "functions"; 10 | @import "variables"; 11 | // Prevent the usage of custom properties since we don't add them to `:root` in reboot 12 | $font-family-base: $font-family-sans-serif; // stylelint-disable-line scss/dollar-variable-default 13 | $font-family-code: $font-family-monospace; // stylelint-disable-line scss/dollar-variable-default 14 | @import "mixins"; 15 | @import "reboot"; 16 | -------------------------------------------------------------------------------- /projects/ng-cdbangular/assets/scss/bootstrap/bootstrap-utilities.scss: -------------------------------------------------------------------------------- 1 | /*! 2 | * Bootstrap Utilities v5.0.2 (https://getbootstrap.com/) 3 | * Copyright 2011-2021 The Bootstrap Authors 4 | * Copyright 2011-2021 Twitter, Inc. 5 | * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE) 6 | */ 7 | 8 | // Configuration 9 | @import "functions"; 10 | @import "variables"; 11 | @import "mixins"; 12 | @import "utilities"; 13 | 14 | // Helpers 15 | @import "helpers"; 16 | 17 | // Utilities 18 | @import "utilities/api"; 19 | -------------------------------------------------------------------------------- /projects/ng-cdbangular/assets/scss/bootstrap/forms/_form-text.scss: -------------------------------------------------------------------------------- 1 | // 2 | // Form text 3 | // 4 | 5 | .form-text { 6 | margin-top: $form-text-margin-top; 7 | @include font-size($form-text-font-size); 8 | font-style: $form-text-font-style; 9 | font-weight: $form-text-font-weight; 10 | color: $form-text-color; 11 | } 12 | -------------------------------------------------------------------------------- /projects/ng-cdbangular/assets/scss/bootstrap/forms/_validation.scss: -------------------------------------------------------------------------------- 1 | // Form validation 2 | // 3 | // Provide feedback to users when form field values are valid or invalid. Works 4 | // primarily for client-side validation via scoped `:invalid` and `:valid` 5 | // pseudo-classes but also includes `.is-invalid` and `.is-valid` classes for 6 | // server-side validation. 7 | 8 | // scss-docs-start form-validation-states-loop 9 | @each $state, $data in $form-validation-states { 10 | @include form-validation-state($state, $data...); 11 | } 12 | // scss-docs-end form-validation-states-loop 13 | -------------------------------------------------------------------------------- /projects/ng-cdbangular/assets/scss/bootstrap/helpers/_clearfix.scss: -------------------------------------------------------------------------------- 1 | .clearfix { 2 | @include clearfix(); 3 | } 4 | -------------------------------------------------------------------------------- /projects/ng-cdbangular/assets/scss/bootstrap/helpers/_colored-links.scss: -------------------------------------------------------------------------------- 1 | @each $color, $value in $theme-colors { 2 | .link-#{$color} { 3 | color: $value; 4 | 5 | @if $link-shade-percentage != 0 { 6 | &:hover, 7 | &:focus { 8 | color: if(color-contrast($value) == $color-contrast-light, shade-color($value, $link-shade-percentage), tint-color($value, $link-shade-percentage)); 9 | } 10 | } 11 | } 12 | } 13 | -------------------------------------------------------------------------------- /projects/ng-cdbangular/assets/scss/bootstrap/helpers/_position.scss: -------------------------------------------------------------------------------- 1 | // Shorthand 2 | 3 | .fixed-top { 4 | position: fixed; 5 | top: 0; 6 | right: 0; 7 | left: 0; 8 | z-index: $zindex-fixed; 9 | } 10 | 11 | .fixed-bottom { 12 | position: fixed; 13 | right: 0; 14 | bottom: 0; 15 | left: 0; 16 | z-index: $zindex-fixed; 17 | } 18 | 19 | // Responsive sticky top 20 | @each $breakpoint in map-keys($grid-breakpoints) { 21 | @include media-breakpoint-up($breakpoint) { 22 | $infix: breakpoint-infix($breakpoint, $grid-breakpoints); 23 | 24 | .sticky#{$infix}-top { 25 | position: sticky; 26 | top: 0; 27 | z-index: $zindex-sticky; 28 | } 29 | } 30 | } 31 | -------------------------------------------------------------------------------- /projects/ng-cdbangular/assets/scss/bootstrap/helpers/_ratio.scss: -------------------------------------------------------------------------------- 1 | // Credit: Nicolas Gallagher and SUIT CSS. 2 | 3 | .ratio { 4 | position: relative; 5 | width: 100%; 6 | 7 | &::before { 8 | display: block; 9 | padding-top: var(--#{$variable-prefix}aspect-ratio); 10 | content: ""; 11 | } 12 | 13 | > * { 14 | position: absolute; 15 | top: 0; 16 | left: 0; 17 | width: 100%; 18 | height: 100%; 19 | } 20 | } 21 | 22 | @each $key, $ratio in $aspect-ratios { 23 | .ratio-#{$key} { 24 | --#{$variable-prefix}aspect-ratio: #{$ratio}; 25 | } 26 | } 27 | -------------------------------------------------------------------------------- /projects/ng-cdbangular/assets/scss/bootstrap/helpers/_stretched-link.scss: -------------------------------------------------------------------------------- 1 | // 2 | // Stretched link 3 | // 4 | 5 | .stretched-link { 6 | &::#{$stretched-link-pseudo-element} { 7 | position: absolute; 8 | top: 0; 9 | right: 0; 10 | bottom: 0; 11 | left: 0; 12 | z-index: $stretched-link-z-index; 13 | content: ""; 14 | } 15 | } 16 | -------------------------------------------------------------------------------- /projects/ng-cdbangular/assets/scss/bootstrap/helpers/_text-truncation.scss: -------------------------------------------------------------------------------- 1 | // 2 | // Text truncation 3 | // 4 | 5 | .text-truncate { 6 | @include text-truncate(); 7 | } 8 | -------------------------------------------------------------------------------- /projects/ng-cdbangular/assets/scss/bootstrap/helpers/_visually-hidden.scss: -------------------------------------------------------------------------------- 1 | // 2 | // Visually hidden 3 | // 4 | 5 | .visually-hidden, 6 | .visually-hidden-focusable:not(:focus):not(:focus-within) { 7 | @include visually-hidden(); 8 | } 9 | -------------------------------------------------------------------------------- /projects/ng-cdbangular/assets/scss/bootstrap/mixins/_alert.scss: -------------------------------------------------------------------------------- 1 | // scss-docs-start alert-variant-mixin 2 | @mixin alert-variant($background, $border, $color) { 3 | color: $color; 4 | @include gradient-bg($background); 5 | border-color: $border; 6 | 7 | .alert-link { 8 | color: shade-color($color, 20%); 9 | } 10 | } 11 | // scss-docs-end alert-variant-mixin 12 | -------------------------------------------------------------------------------- /projects/ng-cdbangular/assets/scss/bootstrap/mixins/_box-shadow.scss: -------------------------------------------------------------------------------- 1 | @mixin box-shadow($shadow...) { 2 | @if $enable-shadows { 3 | $result: (); 4 | 5 | @each $value in $shadow { 6 | @if $value != null { 7 | $result: append($result, $value, "comma"); 8 | } 9 | @if $value == none and length($shadow) > 1 { 10 | @warn "The keyword 'none' must be used as a single argument."; 11 | } 12 | } 13 | 14 | @if (length($result) > 0) { 15 | box-shadow: $result; 16 | } 17 | } 18 | } 19 | -------------------------------------------------------------------------------- /projects/ng-cdbangular/assets/scss/bootstrap/mixins/_clearfix.scss: -------------------------------------------------------------------------------- 1 | // scss-docs-start clearfix 2 | @mixin clearfix() { 3 | &::after { 4 | display: block; 5 | clear: both; 6 | content: ""; 7 | } 8 | } 9 | // scss-docs-end clearfix 10 | -------------------------------------------------------------------------------- /projects/ng-cdbangular/assets/scss/bootstrap/mixins/_color-scheme.scss: -------------------------------------------------------------------------------- 1 | // scss-docs-start mixin-color-scheme 2 | @mixin color-scheme($name) { 3 | @media (prefers-color-scheme: #{$name}) { 4 | @content; 5 | } 6 | } 7 | // scss-docs-end mixin-color-scheme 8 | -------------------------------------------------------------------------------- /projects/ng-cdbangular/assets/scss/bootstrap/mixins/_container.scss: -------------------------------------------------------------------------------- 1 | // Container mixins 2 | 3 | @mixin make-container($gutter: $container-padding-x) { 4 | width: 100%; 5 | padding-right: var(--#{$variable-prefix}gutter-x, #{$gutter}); 6 | padding-left: var(--#{$variable-prefix}gutter-x, #{$gutter}); 7 | margin-right: auto; 8 | margin-left: auto; 9 | } 10 | -------------------------------------------------------------------------------- /projects/ng-cdbangular/assets/scss/bootstrap/mixins/_deprecate.scss: -------------------------------------------------------------------------------- 1 | // Deprecate mixin 2 | // 3 | // This mixin can be used to deprecate mixins or functions. 4 | // `$enable-deprecation-messages` is a global variable, `$ignore-warning` is a variable that can be passed to 5 | // some deprecated mixins to suppress the warning (for example if the mixin is still be used in the current version of Bootstrap) 6 | @mixin deprecate($name, $deprecate-version, $remove-version, $ignore-warning: false) { 7 | @if ($enable-deprecation-messages != false and $ignore-warning != true) { 8 | @warn "#{$name} has been deprecated as of #{$deprecate-version}. It will be removed entirely in #{$remove-version}."; 9 | } 10 | } 11 | -------------------------------------------------------------------------------- /projects/ng-cdbangular/assets/scss/bootstrap/mixins/_image.scss: -------------------------------------------------------------------------------- 1 | // Image Mixins 2 | // - Responsive image 3 | // - Retina image 4 | 5 | 6 | // Responsive image 7 | // 8 | // Keep images from scaling beyond the width of their parents. 9 | 10 | @mixin img-fluid { 11 | // Part 1: Set a maximum relative to the parent 12 | max-width: 100%; 13 | // Part 2: Override the height to auto, otherwise images will be stretched 14 | // when setting a width and height attribute on the img element. 15 | height: auto; 16 | } 17 | -------------------------------------------------------------------------------- /projects/ng-cdbangular/assets/scss/bootstrap/mixins/_list-group.scss: -------------------------------------------------------------------------------- 1 | // List Groups 2 | 3 | // scss-docs-start list-group-mixin 4 | @mixin list-group-item-variant($state, $background, $color) { 5 | .list-group-item-#{$state} { 6 | color: $color; 7 | background-color: $background; 8 | 9 | &.list-group-item-action { 10 | &:hover, 11 | &:focus { 12 | color: $color; 13 | background-color: shade-color($background, 10%); 14 | } 15 | 16 | &.active { 17 | color: $white; 18 | background-color: $color; 19 | border-color: $color; 20 | } 21 | } 22 | } 23 | } 24 | // scss-docs-end list-group-mixin 25 | -------------------------------------------------------------------------------- /projects/ng-cdbangular/assets/scss/bootstrap/mixins/_lists.scss: -------------------------------------------------------------------------------- 1 | // Lists 2 | 3 | // Unstyled keeps list items block level, just removes default browser padding and list-style 4 | @mixin list-unstyled { 5 | padding-left: 0; 6 | list-style: none; 7 | } 8 | -------------------------------------------------------------------------------- /projects/ng-cdbangular/assets/scss/bootstrap/mixins/_pagination.scss: -------------------------------------------------------------------------------- 1 | // Pagination 2 | 3 | // scss-docs-start pagination-mixin 4 | @mixin pagination-size($padding-y, $padding-x, $font-size, $border-radius) { 5 | .page-link { 6 | padding: $padding-y $padding-x; 7 | @include font-size($font-size); 8 | } 9 | 10 | .page-item { 11 | @if $pagination-margin-start == (-$pagination-border-width) { 12 | &:first-child { 13 | .page-link { 14 | @include border-start-radius($border-radius); 15 | } 16 | } 17 | 18 | &:last-child { 19 | .page-link { 20 | @include border-end-radius($border-radius); 21 | } 22 | } 23 | } @else { 24 | //Add border-radius to all pageLinks in case they have left margin 25 | .page-link { 26 | @include border-radius($border-radius); 27 | } 28 | } 29 | } 30 | } 31 | // scss-docs-end pagination-mixin 32 | -------------------------------------------------------------------------------- /projects/ng-cdbangular/assets/scss/bootstrap/mixins/_reset-text.scss: -------------------------------------------------------------------------------- 1 | @mixin reset-text { 2 | font-family: $font-family-base; 3 | // We deliberately do NOT reset font-size or overflow-wrap / word-wrap. 4 | font-style: normal; 5 | font-weight: $font-weight-normal; 6 | line-height: $line-height-base; 7 | text-align: left; // Fallback for where `start` is not supported 8 | text-align: start; 9 | text-decoration: none; 10 | text-shadow: none; 11 | text-transform: none; 12 | letter-spacing: normal; 13 | word-break: normal; 14 | word-spacing: normal; 15 | white-space: normal; 16 | line-break: auto; 17 | } 18 | -------------------------------------------------------------------------------- /projects/ng-cdbangular/assets/scss/bootstrap/mixins/_resize.scss: -------------------------------------------------------------------------------- 1 | // Resize anything 2 | 3 | @mixin resizable($direction) { 4 | overflow: auto; // Per CSS3 UI, `resize` only applies when `overflow` isn't `visible` 5 | resize: $direction; // Options: horizontal, vertical, both 6 | } 7 | -------------------------------------------------------------------------------- /projects/ng-cdbangular/assets/scss/bootstrap/mixins/_text-truncate.scss: -------------------------------------------------------------------------------- 1 | // Text truncate 2 | // Requires inline-block or block for proper styling 3 | 4 | @mixin text-truncate() { 5 | overflow: hidden; 6 | text-overflow: ellipsis; 7 | white-space: nowrap; 8 | } 9 | -------------------------------------------------------------------------------- /projects/ng-cdbangular/assets/scss/bootstrap/mixins/_transition.scss: -------------------------------------------------------------------------------- 1 | // stylelint-disable property-disallowed-list 2 | @mixin transition($transition...) { 3 | @if length($transition) == 0 { 4 | $transition: $transition-base; 5 | } 6 | 7 | @if length($transition) > 1 { 8 | @each $value in $transition { 9 | @if $value == null or $value == none { 10 | @warn "The keyword 'none' or 'null' must be used as a single argument."; 11 | } 12 | } 13 | } 14 | 15 | @if $enable-transitions { 16 | @if nth($transition, 1) != null { 17 | transition: $transition; 18 | } 19 | 20 | @if $enable-reduced-motion and nth($transition, 1) != null and nth($transition, 1) != none { 21 | @media (prefers-reduced-motion: reduce) { 22 | transition: none; 23 | } 24 | } 25 | } 26 | } 27 | -------------------------------------------------------------------------------- /projects/ng-cdbangular/assets/scss/cdb.core.scss: -------------------------------------------------------------------------------- 1 | // CORE FUNCTIONS 2 | @import './bootstrap/functions'; 3 | 4 | // CORE VARIABLES 5 | @import './bootstrap/variables'; 6 | 7 | // BOOTSTRAP CORE 8 | @import './bootstrap/mixins'; 9 | @import './bootstrap/utilities'; 10 | 11 | // BOOTSTRAP CORE COMPONENTS 12 | @import './bootstrap/root'; 13 | @import './bootstrap/reboot'; 14 | @import './bootstrap/type'; 15 | @import './bootstrap/containers'; 16 | @import './bootstrap/grid'; 17 | 18 | // Utilities 19 | @import './bootstrap/utilities/api'; -------------------------------------------------------------------------------- /projects/ng-cdbangular/ng-package.json: -------------------------------------------------------------------------------- 1 | { 2 | "$schema": "../../node_modules/ng-packagr/ng-package.schema.json", 3 | "dest": "../../dist/ng-cdbangular", 4 | "assets": ["./assets"], 5 | "lib": { 6 | "entryFile": "src/public-api.ts" 7 | }, 8 | "allowedNonPeerDependencies": [ 9 | "tslib", 10 | "@angular-slider/ngx-slider", 11 | "@popperjs/core", 12 | "bootstrap-css-only" 13 | ] 14 | } -------------------------------------------------------------------------------- /projects/ng-cdbangular/src/lib/assets/img/overlays/01.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Devwares-Team/Contrast-Bootstrap-Angular/6b06d97923552950753ed51ff8ee352dc68df8aa/projects/ng-cdbangular/src/lib/assets/img/overlays/01.png -------------------------------------------------------------------------------- /projects/ng-cdbangular/src/lib/assets/img/overlays/02.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Devwares-Team/Contrast-Bootstrap-Angular/6b06d97923552950753ed51ff8ee352dc68df8aa/projects/ng-cdbangular/src/lib/assets/img/overlays/02.png -------------------------------------------------------------------------------- /projects/ng-cdbangular/src/lib/assets/img/overlays/03.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Devwares-Team/Contrast-Bootstrap-Angular/6b06d97923552950753ed51ff8ee352dc68df8aa/projects/ng-cdbangular/src/lib/assets/img/overlays/03.png -------------------------------------------------------------------------------- /projects/ng-cdbangular/src/lib/assets/img/overlays/04.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Devwares-Team/Contrast-Bootstrap-Angular/6b06d97923552950753ed51ff8ee352dc68df8aa/projects/ng-cdbangular/src/lib/assets/img/overlays/04.png -------------------------------------------------------------------------------- /projects/ng-cdbangular/src/lib/assets/img/overlays/05.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Devwares-Team/Contrast-Bootstrap-Angular/6b06d97923552950753ed51ff8ee352dc68df8aa/projects/ng-cdbangular/src/lib/assets/img/overlays/05.png -------------------------------------------------------------------------------- /projects/ng-cdbangular/src/lib/assets/img/overlays/06.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Devwares-Team/Contrast-Bootstrap-Angular/6b06d97923552950753ed51ff8ee352dc68df8aa/projects/ng-cdbangular/src/lib/assets/img/overlays/06.png -------------------------------------------------------------------------------- /projects/ng-cdbangular/src/lib/assets/img/overlays/07.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Devwares-Team/Contrast-Bootstrap-Angular/6b06d97923552950753ed51ff8ee352dc68df8aa/projects/ng-cdbangular/src/lib/assets/img/overlays/07.png -------------------------------------------------------------------------------- /projects/ng-cdbangular/src/lib/assets/img/overlays/08.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Devwares-Team/Contrast-Bootstrap-Angular/6b06d97923552950753ed51ff8ee352dc68df8aa/projects/ng-cdbangular/src/lib/assets/img/overlays/08.png -------------------------------------------------------------------------------- /projects/ng-cdbangular/src/lib/assets/img/overlays/09.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Devwares-Team/Contrast-Bootstrap-Angular/6b06d97923552950753ed51ff8ee352dc68df8aa/projects/ng-cdbangular/src/lib/assets/img/overlays/09.png -------------------------------------------------------------------------------- /projects/ng-cdbangular/src/lib/components/accordion/accordion.component.html: -------------------------------------------------------------------------------- 1 |
2 |
    3 |
  • 4 | 7 |
    • 8 |
9 |
-------------------------------------------------------------------------------- /projects/ng-cdbangular/src/lib/components/accordion/accordion.module.ts: -------------------------------------------------------------------------------- 1 | import { NgModule } from '@angular/core'; 2 | import { CommonModule } from '@angular/common'; 3 | import { AccordionComponent } from './accordion.component'; 4 | import { AccordionitemComponent } from './accordionitem/accordionitem.component'; 5 | 6 | @NgModule({ 7 | declarations: [AccordionComponent, AccordionitemComponent], 8 | imports: [CommonModule], 9 | exports: [AccordionComponent, AccordionitemComponent], 10 | }) 11 | export class AccordionModule {} 12 | -------------------------------------------------------------------------------- /projects/ng-cdbangular/src/lib/components/accordion/accordionitem/accordionitem.component.html: -------------------------------------------------------------------------------- 1 |
2 |
3 |

{{data.title}}

4 | 5 | 6 |
7 |
8 |
9 |

{{data.content}}

10 |
11 |
12 |
-------------------------------------------------------------------------------- /projects/ng-cdbangular/src/lib/components/accordion/accordionitem/accordionitem.component.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Devwares-Team/Contrast-Bootstrap-Angular/6b06d97923552950753ed51ff8ee352dc68df8aa/projects/ng-cdbangular/src/lib/components/accordion/accordionitem/accordionitem.component.scss -------------------------------------------------------------------------------- /projects/ng-cdbangular/src/lib/components/accordion/accordionitem/accordionitem.component.ts: -------------------------------------------------------------------------------- 1 | import { Component, OnInit, Input, ViewEncapsulation } from '@angular/core'; 2 | 3 | @Component({ 4 | selector: 'CDBAccordionitem', 5 | templateUrl: './accordionitem.component.html', 6 | styleUrls: ['./accordionitem.component.scss'], 7 | encapsulation: ViewEncapsulation.None, 8 | }) 9 | export class AccordionitemComponent implements OnInit { 10 | @Input() data: any; 11 | @Input() accordionHeaderBodyClass: string; 12 | @Input() accordionHeaderClass: string; 13 | @Input() accordionBodyClass: string; 14 | @Input() accordionItemClass: string; 15 | 16 | opened = true; 17 | 18 | handleAccordionToggle = () => { 19 | this.opened = !this.opened; 20 | }; 21 | constructor() {} 22 | 23 | ngOnInit(): void {} 24 | } 25 | -------------------------------------------------------------------------------- /projects/ng-cdbangular/src/lib/components/accordion/index.ts: -------------------------------------------------------------------------------- 1 | export { AccordionModule } from './accordion.module'; 2 | export { AccordionComponent } from './accordion.component'; 3 | export { AccordionitemComponent } from './accordionitem/accordionitem.component'; 4 | -------------------------------------------------------------------------------- /projects/ng-cdbangular/src/lib/components/alert/alert.component.html: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /projects/ng-cdbangular/src/lib/components/alert/alert.component.scss: -------------------------------------------------------------------------------- 1 | @import "../../styles/colorStyles"; 2 | 3 | .CDBAlert { 4 | border-radius: 0px; 5 | display: flex; 6 | align-items: center; 7 | justify-content: space-between; 8 | // min-width: 500px; 9 | height: auto; 10 | position: relative; 11 | padding: 0.75rem 1.25rem; 12 | margin-bottom: 1rem; 13 | border: 1px solid transparent; 14 | } 15 | .CDBAlertButton { 16 | color: inherit; 17 | border: none; 18 | background-color: transparent; 19 | align-self: center; 20 | cursor: pointer; 21 | } 22 | .CDBAlertButton:focus { 23 | outline: none; 24 | } 25 | -------------------------------------------------------------------------------- /projects/ng-cdbangular/src/lib/components/alert/alert.component.ts: -------------------------------------------------------------------------------- 1 | import { 2 | Component, 3 | Input, 4 | OnInit, 5 | ElementRef, 6 | Renderer2, 7 | ViewEncapsulation, 8 | } from '@angular/core'; 9 | 10 | @Component({ 11 | selector: 'CDBAlert', 12 | templateUrl: './alert.component.html', 13 | styleUrls: ['./alert.component.scss'], 14 | encapsulation: ViewEncapsulation.None, 15 | }) 16 | export class AlertComponent implements OnInit { 17 | @Input() color: string = 'primary'; 18 | @Input() class: string; 19 | @Input() style: string; 20 | @Input() dismiss: boolean = false; 21 | 22 | constructor(private elRef: ElementRef, private renderer: Renderer2) {} 23 | 24 | ngOnInit() { 25 | this.renderer.removeAttribute(this.elRef.nativeElement, 'class'); 26 | this.renderer.removeAttribute(this.elRef.nativeElement, 'style'); 27 | } 28 | 29 | onDismiss(event) { 30 | event.target.parentNode.parentNode.remove(); 31 | } 32 | } 33 | -------------------------------------------------------------------------------- /projects/ng-cdbangular/src/lib/components/alert/alert.module.ts: -------------------------------------------------------------------------------- 1 | import { NgModule } from '@angular/core'; 2 | import { CommonModule } from '@angular/common'; 3 | import { AlertComponent } from './alert.component'; 4 | 5 | @NgModule({ 6 | declarations: [AlertComponent], 7 | imports: [CommonModule], 8 | exports: [AlertComponent], 9 | }) 10 | export class AlertModule {} 11 | -------------------------------------------------------------------------------- /projects/ng-cdbangular/src/lib/components/alert/index.ts: -------------------------------------------------------------------------------- 1 | export { AlertModule } from './alert.module'; 2 | export { AlertComponent } from './alert.component'; 3 | -------------------------------------------------------------------------------- /projects/ng-cdbangular/src/lib/components/animation/animation.component.html: -------------------------------------------------------------------------------- 1 |
2 | 3 |
-------------------------------------------------------------------------------- /projects/ng-cdbangular/src/lib/components/animation/animation.module.ts: -------------------------------------------------------------------------------- 1 | import { NgModule } from '@angular/core'; 2 | import { CommonModule } from '@angular/common'; 3 | import { AnimationComponent } from './animation.component'; 4 | 5 | @NgModule({ 6 | declarations: [AnimationComponent], 7 | imports: [CommonModule], 8 | exports: [AnimationComponent], 9 | }) 10 | export class AnimationModule {} 11 | -------------------------------------------------------------------------------- /projects/ng-cdbangular/src/lib/components/animation/index.ts: -------------------------------------------------------------------------------- 1 | export { AnimationModule } from './animation.module'; 2 | export { AnimationComponent } from './animation.component'; 3 | -------------------------------------------------------------------------------- /projects/ng-cdbangular/src/lib/components/badge/badge.component.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | -------------------------------------------------------------------------------- /projects/ng-cdbangular/src/lib/components/badge/badge.module.ts: -------------------------------------------------------------------------------- 1 | import { NgModule } from '@angular/core'; 2 | import { CommonModule } from '@angular/common'; 3 | import { BadgeComponent } from './badge.component'; 4 | 5 | @NgModule({ 6 | declarations: [BadgeComponent], 7 | imports: [CommonModule], 8 | exports: [BadgeComponent], 9 | }) 10 | export class BadgeModule {} 11 | -------------------------------------------------------------------------------- /projects/ng-cdbangular/src/lib/components/badge/index.ts: -------------------------------------------------------------------------------- 1 | export { BadgeModule } from './badge.module'; 2 | export { BadgeComponent } from './badge.component'; 3 | -------------------------------------------------------------------------------- /projects/ng-cdbangular/src/lib/components/box/box.component.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 |
6 | 7 |
8 |

9 | 10 |

11 |
12 | 13 |
14 | 15 | 16 | 17 | 18 | -------------------------------------------------------------------------------- /projects/ng-cdbangular/src/lib/components/box/box.component.scss: -------------------------------------------------------------------------------- 1 | @import "../../styles/colors"; 2 | @import "../../styles/colorStyles"; 3 | -------------------------------------------------------------------------------- /projects/ng-cdbangular/src/lib/components/box/box.module.ts: -------------------------------------------------------------------------------- 1 | import { NgModule } from '@angular/core'; 2 | import { CommonModule } from '@angular/common'; 3 | import { BoxComponent } from './box.component'; 4 | 5 | @NgModule({ 6 | declarations: [BoxComponent], 7 | imports: [CommonModule], 8 | exports: [BoxComponent], 9 | }) 10 | export class BoxModule {} 11 | -------------------------------------------------------------------------------- /projects/ng-cdbangular/src/lib/components/box/index.ts: -------------------------------------------------------------------------------- 1 | export { BoxModule } from './box.module'; 2 | export { BoxComponent } from './box.component'; 3 | -------------------------------------------------------------------------------- /projects/ng-cdbangular/src/lib/components/breadcrumb/breadcrumb.component.html: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /projects/ng-cdbangular/src/lib/components/breadcrumb/breadcrumb.component.scss: -------------------------------------------------------------------------------- 1 | @import "../../styles/colors"; 2 | 3 | .CDBBreadcrumb-default { 4 | border-radius: 0px; 5 | -webkit-border-radius: 0px; 6 | -moz-border-radius: 0px; 7 | -ms-border-radius: 0px; 8 | -o-border-radius: 0px; 9 | text-transform: capitalize; 10 | a { 11 | display: unset !important; 12 | } 13 | } 14 | 15 | .CDBBreadcrumb-bold { 16 | font-weight: bold; 17 | } 18 | 19 | .CDBBreadcrumb-light { 20 | font-weight: light; 21 | } 22 | 23 | .CDBBreadcrumb-circle { 24 | border-radius: 50px; 25 | -webkit-border-radius: 50px; 26 | -moz-border-radius: 50px; 27 | -ms-border-radius: 50px; 28 | -o-border-radius: 50px; 29 | } 30 | 31 | .CDBBreadcrumb-uppercase { 32 | text-transform: uppercase; 33 | } 34 | -------------------------------------------------------------------------------- /projects/ng-cdbangular/src/lib/components/breadcrumb/breadcrumb.module.ts: -------------------------------------------------------------------------------- 1 | import { NgModule } from '@angular/core'; 2 | import { CommonModule } from '@angular/common'; 3 | import { BreadcrumbComponent } from './breadcrumb.component'; 4 | 5 | @NgModule({ 6 | declarations: [BreadcrumbComponent], 7 | imports: [CommonModule], 8 | exports: [BreadcrumbComponent], 9 | }) 10 | export class BreadcrumbModule {} 11 | -------------------------------------------------------------------------------- /projects/ng-cdbangular/src/lib/components/breadcrumb/index.ts: -------------------------------------------------------------------------------- 1 | export { BreadcrumbModule } from './breadcrumb.module'; 2 | export { BreadcrumbComponent } from './breadcrumb.component'; 3 | -------------------------------------------------------------------------------- /projects/ng-cdbangular/src/lib/components/button/button.component.html: -------------------------------------------------------------------------------- 1 |
2 | 5 |
-------------------------------------------------------------------------------- /projects/ng-cdbangular/src/lib/components/button/button.module.ts: -------------------------------------------------------------------------------- 1 | import { NgModule } from '@angular/core'; 2 | import { CommonModule } from '@angular/common'; 3 | import { ButtonComponent } from './button.component'; 4 | 5 | @NgModule({ 6 | declarations: [ButtonComponent], 7 | imports: [CommonModule], 8 | exports: [ButtonComponent], 9 | }) 10 | export class ButtonModule {} 11 | -------------------------------------------------------------------------------- /projects/ng-cdbangular/src/lib/components/button/index.ts: -------------------------------------------------------------------------------- 1 | export { ButtonModule } from './button.module'; 2 | export { ButtonComponent } from './button.component'; 3 | -------------------------------------------------------------------------------- /projects/ng-cdbangular/src/lib/components/buttongroup/buttongroup.component.html: -------------------------------------------------------------------------------- 1 |
2 | 3 |
-------------------------------------------------------------------------------- /projects/ng-cdbangular/src/lib/components/buttongroup/buttongroup.component.scss: -------------------------------------------------------------------------------- 1 | @import "../../styles/colors"; 2 | @import "../../styles/colorStyles"; 3 | 4 | .CDBBtnGrp { 5 | .btn { 6 | border-radius: 0px !important; 7 | -webkit-border-radius: 0px !important; 8 | -moz-border-radius: 0px !important; 9 | -ms-border-radius: 0px !important; 10 | -o-border-radius: 0px !important; 11 | } 12 | } 13 | -------------------------------------------------------------------------------- /projects/ng-cdbangular/src/lib/components/buttongroup/buttongroup.module.ts: -------------------------------------------------------------------------------- 1 | import { NgModule } from '@angular/core'; 2 | import { CommonModule } from '@angular/common'; 3 | import { ButtongroupComponent } from './buttongroup.component'; 4 | 5 | @NgModule({ 6 | declarations: [ButtongroupComponent], 7 | imports: [CommonModule], 8 | exports: [ButtongroupComponent], 9 | }) 10 | export class ButtongroupModule {} 11 | -------------------------------------------------------------------------------- /projects/ng-cdbangular/src/lib/components/buttongroup/index.ts: -------------------------------------------------------------------------------- 1 | export { ButtongroupModule } from './buttongroup.module'; 2 | export { ButtongroupComponent } from './buttongroup.component'; 3 | -------------------------------------------------------------------------------- /projects/ng-cdbangular/src/lib/components/buttontoolbar/buttontoolbar.component.html: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /projects/ng-cdbangular/src/lib/components/buttontoolbar/buttontoolbar.component.scss: -------------------------------------------------------------------------------- 1 | @import "../../styles/colors"; 2 | @import "../../styles/colorStyles"; 3 | -------------------------------------------------------------------------------- /projects/ng-cdbangular/src/lib/components/buttontoolbar/buttontoolbar.module.ts: -------------------------------------------------------------------------------- 1 | import { NgModule } from '@angular/core'; 2 | import { CommonModule } from '@angular/common'; 3 | import { ButtontoolbarComponent } from './buttontoolbar.component'; 4 | 5 | @NgModule({ 6 | declarations: [ButtontoolbarComponent], 7 | imports: [CommonModule], 8 | exports: [ButtontoolbarComponent], 9 | }) 10 | export class ButtontoolbarModule {} 11 | -------------------------------------------------------------------------------- /projects/ng-cdbangular/src/lib/components/buttontoolbar/index.ts: -------------------------------------------------------------------------------- 1 | export { ButtontoolbarModule } from './buttontoolbar.module'; 2 | export { ButtontoolbarComponent } from './buttontoolbar.component'; 3 | -------------------------------------------------------------------------------- /projects/ng-cdbangular/src/lib/components/card/card-body/card-body.component.html: -------------------------------------------------------------------------------- 1 |
2 | 3 |
4 | -------------------------------------------------------------------------------- /projects/ng-cdbangular/src/lib/components/card/card-body/card-body.component.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Devwares-Team/Contrast-Bootstrap-Angular/6b06d97923552950753ed51ff8ee352dc68df8aa/projects/ng-cdbangular/src/lib/components/card/card-body/card-body.component.scss -------------------------------------------------------------------------------- /projects/ng-cdbangular/src/lib/components/card/card-body/card-body.component.spec.ts: -------------------------------------------------------------------------------- 1 | import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing'; 2 | 3 | import { CardBodyComponent } from './card-body.component'; 4 | 5 | describe('CardBodyComponent', () => { 6 | let component: CardBodyComponent; 7 | let fixture: ComponentFixture; 8 | 9 | beforeEach(waitForAsync(() => { 10 | TestBed.configureTestingModule({ 11 | declarations: [ CardBodyComponent ] 12 | }) 13 | .compileComponents(); 14 | })); 15 | 16 | beforeEach(() => { 17 | fixture = TestBed.createComponent(CardBodyComponent); 18 | component = fixture.componentInstance; 19 | fixture.detectChanges(); 20 | }); 21 | 22 | it('should create', () => { 23 | expect(component).toBeTruthy(); 24 | }); 25 | }); 26 | -------------------------------------------------------------------------------- /projects/ng-cdbangular/src/lib/components/card/card-image/card-image.component.html: -------------------------------------------------------------------------------- 1 | 2 |
3 | 4 |
5 | -------------------------------------------------------------------------------- /projects/ng-cdbangular/src/lib/components/card/card-image/card-image.component.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Devwares-Team/Contrast-Bootstrap-Angular/6b06d97923552950753ed51ff8ee352dc68df8aa/projects/ng-cdbangular/src/lib/components/card/card-image/card-image.component.scss -------------------------------------------------------------------------------- /projects/ng-cdbangular/src/lib/components/card/card-image/card-image.component.spec.ts: -------------------------------------------------------------------------------- 1 | import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing'; 2 | 3 | import { CardImageComponent } from './card-image.component'; 4 | 5 | describe('CardImageComponent', () => { 6 | let component: CardImageComponent; 7 | let fixture: ComponentFixture; 8 | 9 | beforeEach(waitForAsync(() => { 10 | TestBed.configureTestingModule({ 11 | declarations: [ CardImageComponent ] 12 | }) 13 | .compileComponents(); 14 | })); 15 | 16 | beforeEach(() => { 17 | fixture = TestBed.createComponent(CardImageComponent); 18 | component = fixture.componentInstance; 19 | fixture.detectChanges(); 20 | }); 21 | 22 | it('should create', () => { 23 | expect(component).toBeTruthy(); 24 | }); 25 | }); 26 | -------------------------------------------------------------------------------- /projects/ng-cdbangular/src/lib/components/card/card-text/card-text.component.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 |

5 | 6 |

7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | -------------------------------------------------------------------------------- /projects/ng-cdbangular/src/lib/components/card/card-text/card-text.component.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Devwares-Team/Contrast-Bootstrap-Angular/6b06d97923552950753ed51ff8ee352dc68df8aa/projects/ng-cdbangular/src/lib/components/card/card-text/card-text.component.scss -------------------------------------------------------------------------------- /projects/ng-cdbangular/src/lib/components/card/card-text/card-text.component.spec.ts: -------------------------------------------------------------------------------- 1 | import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing'; 2 | 3 | import { CardTextComponent } from './card-text.component'; 4 | 5 | describe('CardTextComponent', () => { 6 | let component: CardTextComponent; 7 | let fixture: ComponentFixture; 8 | 9 | beforeEach(waitForAsync(() => { 10 | TestBed.configureTestingModule({ 11 | declarations: [ CardTextComponent ] 12 | }) 13 | .compileComponents(); 14 | })); 15 | 16 | beforeEach(() => { 17 | fixture = TestBed.createComponent(CardTextComponent); 18 | component = fixture.componentInstance; 19 | fixture.detectChanges(); 20 | }); 21 | 22 | it('should create', () => { 23 | expect(component).toBeTruthy(); 24 | }); 25 | }); 26 | -------------------------------------------------------------------------------- /projects/ng-cdbangular/src/lib/components/card/card-title/card-title.component.scss: -------------------------------------------------------------------------------- 1 | @import "../../../styles/colors"; 2 | @import "../../../styles/colorStyles"; 3 | 4 | .CDBCard-title { 5 | margin: 10px 0; 6 | } 7 | -------------------------------------------------------------------------------- /projects/ng-cdbangular/src/lib/components/card/card-title/card-title.component.spec.ts: -------------------------------------------------------------------------------- 1 | import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing'; 2 | 3 | import { CardTitleComponent } from './card-title.component'; 4 | 5 | describe('CardTitleComponent', () => { 6 | let component: CardTitleComponent; 7 | let fixture: ComponentFixture; 8 | 9 | beforeEach(waitForAsync(() => { 10 | TestBed.configureTestingModule({ 11 | declarations: [ CardTitleComponent ] 12 | }) 13 | .compileComponents(); 14 | })); 15 | 16 | beforeEach(() => { 17 | fixture = TestBed.createComponent(CardTitleComponent); 18 | component = fixture.componentInstance; 19 | fixture.detectChanges(); 20 | }); 21 | 22 | it('should create', () => { 23 | expect(component).toBeTruthy(); 24 | }); 25 | }); 26 | -------------------------------------------------------------------------------- /projects/ng-cdbangular/src/lib/components/card/card.component.html: -------------------------------------------------------------------------------- 1 |
2 | 3 |
4 | -------------------------------------------------------------------------------- /projects/ng-cdbangular/src/lib/components/card/card.component.scss: -------------------------------------------------------------------------------- 1 | @import "../../styles/colors"; 2 | @import "../../styles/colorStyles"; 3 | 4 | .CDBCard-default { 5 | position: relative; 6 | display: -webkit-box; 7 | display: -ms-flexbox; 8 | display: flex; 9 | -webkit-box-orient: vertical; 10 | -webkit-box-direction: normal; 11 | -ms-flex-direction: column; 12 | flex-direction: column; 13 | min-width: 0; 14 | word-wrap: break-word; 15 | background-color: #ffffff; 16 | background-clip: border-box; 17 | border: 2px solid #e2e2e2; 18 | width: 100%; 19 | } 20 | 21 | .CDBCard-border { 22 | border: unset; 23 | border-top: 8px solid #e2e2e2; 24 | border-bottom: 8px solid #e2e2e2; 25 | } 26 | -------------------------------------------------------------------------------- /projects/ng-cdbangular/src/lib/components/card/card.component.spec.ts: -------------------------------------------------------------------------------- 1 | import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing'; 2 | 3 | import { CardComponent } from './card.component'; 4 | 5 | describe('CardComponent', () => { 6 | let component: CardComponent; 7 | let fixture: ComponentFixture; 8 | 9 | beforeEach(waitForAsync(() => { 10 | TestBed.configureTestingModule({ 11 | declarations: [ CardComponent ] 12 | }) 13 | .compileComponents(); 14 | })); 15 | 16 | beforeEach(() => { 17 | fixture = TestBed.createComponent(CardComponent); 18 | component = fixture.componentInstance; 19 | fixture.detectChanges(); 20 | }); 21 | 22 | it('should create', () => { 23 | expect(component).toBeTruthy(); 24 | }); 25 | }); 26 | -------------------------------------------------------------------------------- /projects/ng-cdbangular/src/lib/components/card/index.ts: -------------------------------------------------------------------------------- 1 | export { CardModule } from './card.module'; 2 | export { CardComponent } from './card.component'; 3 | export { CardBodyComponent } from './card-body/card-body.component'; 4 | export { CardImageComponent } from './card-image/card-image.component'; 5 | export { CardTextComponent } from './card-text/card-text.component'; 6 | export { CardTitleComponent } from './card-title/card-title.component'; -------------------------------------------------------------------------------- /projects/ng-cdbangular/src/lib/components/carousel/carousel-control/carousel-control.component.html: -------------------------------------------------------------------------------- 1 | 2 |
3 | 4 | {{text}} 5 |
6 | -------------------------------------------------------------------------------- /projects/ng-cdbangular/src/lib/components/carousel/carousel-control/carousel-control.component.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Devwares-Team/Contrast-Bootstrap-Angular/6b06d97923552950753ed51ff8ee352dc68df8aa/projects/ng-cdbangular/src/lib/components/carousel/carousel-control/carousel-control.component.scss -------------------------------------------------------------------------------- /projects/ng-cdbangular/src/lib/components/carousel/carousel-inner/carousel-inner.component.html: -------------------------------------------------------------------------------- 1 |
2 | 3 |
-------------------------------------------------------------------------------- /projects/ng-cdbangular/src/lib/components/carousel/carousel-inner/carousel-inner.component.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Devwares-Team/Contrast-Bootstrap-Angular/6b06d97923552950753ed51ff8ee352dc68df8aa/projects/ng-cdbangular/src/lib/components/carousel/carousel-inner/carousel-inner.component.scss -------------------------------------------------------------------------------- /projects/ng-cdbangular/src/lib/components/carousel/carousel-item/carousel-item.component.html: -------------------------------------------------------------------------------- 1 |
3 | 4 |
-------------------------------------------------------------------------------- /projects/ng-cdbangular/src/lib/components/carousel/carousel-item/carousel-item.component.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Devwares-Team/Contrast-Bootstrap-Angular/6b06d97923552950753ed51ff8ee352dc68df8aa/projects/ng-cdbangular/src/lib/components/carousel/carousel-item/carousel-item.component.scss -------------------------------------------------------------------------------- /projects/ng-cdbangular/src/lib/components/carousel/carousel.component.scss: -------------------------------------------------------------------------------- 1 | .carousel-inner { 2 | position: relative; 3 | overflow: hidden; 4 | width: 100%; 5 | height: 100%; 6 | } 7 | 8 | .carousel-fade .carousel-item { 9 | position: absolute; 10 | left: 0; 11 | top: 0; 12 | width: 100%; 13 | height: 100%; 14 | display: block !important; 15 | opacity: 0; 16 | z-index: 0; 17 | transition: transform 0ms ease-in-out, opacity 0.8s ease-out; 18 | } 19 | 20 | .carousel-fade .carousel-item.active { 21 | position: relative; 22 | z-index: 1; 23 | opacity: 1; 24 | } 25 | 26 | .carousel-multi-item .carousel-item { 27 | display: inline-block !important; 28 | } 29 | 30 | .carousel .carousel-slide-item { 31 | transition: left 0.5s; 32 | } 33 | 34 | .carousel-control-prev, 35 | .carousel-control-next, 36 | .carousel-item-prev, 37 | .carousel-item-next { 38 | z-index: 2; 39 | } 40 | -------------------------------------------------------------------------------- /projects/ng-cdbangular/src/lib/components/carousel/carouselindicator/carouselindicator.component.html: -------------------------------------------------------------------------------- 1 |
  • 2 | alt 3 | 4 |
    • -------------------------------------------------------------------------------- /projects/ng-cdbangular/src/lib/components/carousel/carouselindicator/carouselindicator.component.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Devwares-Team/Contrast-Bootstrap-Angular/6b06d97923552950753ed51ff8ee352dc68df8aa/projects/ng-cdbangular/src/lib/components/carousel/carouselindicator/carouselindicator.component.scss -------------------------------------------------------------------------------- /projects/ng-cdbangular/src/lib/components/carousel/carouselindicator/carouselindicator.component.ts: -------------------------------------------------------------------------------- 1 | import { Component, OnInit, Input, ViewEncapsulation } from '@angular/core'; 2 | 3 | @Component({ 4 | selector: 'CDBCarouselindicator', 5 | templateUrl: './carouselindicator.component.html', 6 | styleUrls: ['./carouselindicator.component.scss'], 7 | encapsulation: ViewEncapsulation.None, 8 | }) 9 | export class CarouselindicatorComponent implements OnInit { 10 | @Input() active: boolean; 11 | @Input() alt: string; 12 | @Input() class: string; 13 | @Input() img: string; 14 | constructor() {} 15 | 16 | ngOnInit(): void {} 17 | } 18 | -------------------------------------------------------------------------------- /projects/ng-cdbangular/src/lib/components/carousel/index.ts: -------------------------------------------------------------------------------- 1 | export { CarouselModule } from './carousel.module'; 2 | export { CarouselComponent } from './carousel.component'; 3 | export { CarouselindicatorComponent } from './carouselindicator/carouselindicator.component'; 4 | export { CarouselItemComponent } from './carousel-item/carousel-item.component'; 5 | export { CarouselInnerComponent } from './carousel-inner/carousel-inner.component'; 6 | export { CarouselControlComponent } from './carousel-control/carousel-control.component'; -------------------------------------------------------------------------------- /projects/ng-cdbangular/src/lib/components/closeicon/closeicon.component.html: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /projects/ng-cdbangular/src/lib/components/closeicon/closeicon.component.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Devwares-Team/Contrast-Bootstrap-Angular/6b06d97923552950753ed51ff8ee352dc68df8aa/projects/ng-cdbangular/src/lib/components/closeicon/closeicon.component.scss -------------------------------------------------------------------------------- /projects/ng-cdbangular/src/lib/components/closeicon/closeicon.module.ts: -------------------------------------------------------------------------------- 1 | import { NgModule } from '@angular/core'; 2 | import { CommonModule } from '@angular/common'; 3 | import { CloseiconComponent } from './closeicon.component'; 4 | 5 | @NgModule({ 6 | declarations: [CloseiconComponent], 7 | imports: [CommonModule], 8 | exports: [CloseiconComponent], 9 | }) 10 | export class CloseiconModule {} 11 | -------------------------------------------------------------------------------- /projects/ng-cdbangular/src/lib/components/closeicon/index.ts: -------------------------------------------------------------------------------- 1 | export { CloseiconModule } from './closeicon.module'; 2 | export { CloseiconComponent } from './closeicon.component'; 3 | -------------------------------------------------------------------------------- /projects/ng-cdbangular/src/lib/components/collapse/collapse.component.html: -------------------------------------------------------------------------------- 1 | 2 | 3 |
    5 | 6 |
    7 |     8 | 9 | 10 |
    12 | 13 |
    14 |     15 |     16 | 17 | 18 | 19 | -------------------------------------------------------------------------------- /projects/ng-cdbangular/src/lib/components/collapse/collapse.component.scss: -------------------------------------------------------------------------------- 1 | @import "../../styles/colors"; 2 | @import "../../styles/colorStyles"; -------------------------------------------------------------------------------- /projects/ng-cdbangular/src/lib/components/collapse/collapse.module.ts: -------------------------------------------------------------------------------- 1 | import { NgModule } from '@angular/core'; 2 | import { CommonModule } from '@angular/common'; 3 | import { CollapseComponent } from './collapse.component'; 4 | 5 | @NgModule({ 6 | declarations: [CollapseComponent], 7 | imports: [CommonModule], 8 | exports: [CollapseComponent], 9 | }) 10 | export class CollapseModule {} 11 | -------------------------------------------------------------------------------- /projects/ng-cdbangular/src/lib/components/collapse/index.ts: -------------------------------------------------------------------------------- 1 | export { CollapseModule } from './collapse.module'; 2 | export { CollapseComponent } from './collapse.component'; 3 | -------------------------------------------------------------------------------- /projects/ng-cdbangular/src/lib/components/dropdown/dropdown-item/dropdown-item.component.html: -------------------------------------------------------------------------------- 1 |
    2 | 3 |
    -------------------------------------------------------------------------------- /projects/ng-cdbangular/src/lib/components/dropdown/dropdown-item/dropdown-item.component.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Devwares-Team/Contrast-Bootstrap-Angular/6b06d97923552950753ed51ff8ee352dc68df8aa/projects/ng-cdbangular/src/lib/components/dropdown/dropdown-item/dropdown-item.component.scss -------------------------------------------------------------------------------- /projects/ng-cdbangular/src/lib/components/dropdown/dropdown-menu/dropdown-menu.component.html: -------------------------------------------------------------------------------- 1 |
    3 | 4 |
    -------------------------------------------------------------------------------- /projects/ng-cdbangular/src/lib/components/dropdown/dropdown-menu/dropdown-menu.component.scss: -------------------------------------------------------------------------------- 1 | @import "../../../styles/colors"; 2 | @import "../../../styles/colorStyles"; 3 | 4 | .CDBDropDownMenu { 5 | min-height: 20px; 6 | min-width: 20px; 7 | border-radius: 0; 8 | padding: 1em; 9 | } 10 | -------------------------------------------------------------------------------- /projects/ng-cdbangular/src/lib/components/dropdown/dropdown.component.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | -------------------------------------------------------------------------------- /projects/ng-cdbangular/src/lib/components/dropdown/dropdown.component.scss: -------------------------------------------------------------------------------- 1 | .CDBDropDown { 2 | position: relative; 3 | display: flex; 4 | flex-direction: column; 5 | cursor: pointer; 6 | } 7 | -------------------------------------------------------------------------------- /projects/ng-cdbangular/src/lib/components/dropdown/dropdown.component.ts: -------------------------------------------------------------------------------- 1 | import { 2 | AfterViewInit, 3 | Component, 4 | ElementRef, 5 | Input, 6 | OnInit, 7 | Renderer2, 8 | ViewChild, 9 | ViewEncapsulation, 10 | } from '@angular/core'; 11 | @Component({ 12 | selector: 'CDBDropDown', 13 | templateUrl: './dropdown.component.html', 14 | styleUrls: ['./dropdown.component.scss'], 15 | encapsulation: ViewEncapsulation.None, 16 | }) 17 | export class DropdownComponent implements OnInit, AfterViewInit { 18 | @Input() class: string; 19 | @Input() style: string; 20 | 21 | @ViewChild('dropdown', { static: false }) dropdown: ElementRef; 22 | 23 | constructor(private elRef: ElementRef, private renderer: Renderer2) {} 24 | 25 | ngOnInit() { 26 | this.renderer.removeAttribute(this.elRef.nativeElement, 'class'); 27 | this.renderer.removeAttribute(this.elRef.nativeElement, 'style'); 28 | } 29 | 30 | ngAfterViewInit() {} 31 | } 32 | -------------------------------------------------------------------------------- /projects/ng-cdbangular/src/lib/components/dropdown/dropdown.module.ts: -------------------------------------------------------------------------------- 1 | import { NgModule } from '@angular/core'; 2 | import { CommonModule } from '@angular/common'; 3 | import { DropdownComponent } from './dropdown.component'; 4 | import { DropdownToggleComponent } from './dropdown-toggle/dropdown-toggle.component'; 5 | import { DropdownMenuComponent } from './dropdown-menu/dropdown-menu.component'; 6 | import { DropdownItemComponent } from './dropdown-item/dropdown-item.component'; 7 | 8 | @NgModule({ 9 | declarations: [ 10 | DropdownComponent, 11 | DropdownToggleComponent, 12 | DropdownMenuComponent, 13 | DropdownItemComponent, 14 | ], 15 | imports: [CommonModule], 16 | exports: [ 17 | DropdownComponent, 18 | DropdownToggleComponent, 19 | DropdownMenuComponent, 20 | DropdownItemComponent, 21 | ], 22 | }) 23 | export class DropdownModule {} 24 | -------------------------------------------------------------------------------- /projects/ng-cdbangular/src/lib/components/dropdown/index.ts: -------------------------------------------------------------------------------- 1 | export { DropdownModule } from './dropdown.module'; 2 | export { DropdownComponent } from './dropdown.component'; 3 | export { DropdownToggleComponent } from './dropdown-toggle/dropdown-toggle.component'; 4 | export { DropdownMenuComponent } from './dropdown-menu/dropdown-menu.component'; 5 | export { DropdownItemComponent } from './dropdown-item/dropdown-item.component'; 6 | -------------------------------------------------------------------------------- /projects/ng-cdbangular/src/lib/components/footer/footer.component.html: -------------------------------------------------------------------------------- 1 |
    2 | 3 |
    -------------------------------------------------------------------------------- /projects/ng-cdbangular/src/lib/components/footer/footer.component.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Devwares-Team/Contrast-Bootstrap-Angular/6b06d97923552950753ed51ff8ee352dc68df8aa/projects/ng-cdbangular/src/lib/components/footer/footer.component.scss -------------------------------------------------------------------------------- /projects/ng-cdbangular/src/lib/components/footer/footer.component.ts: -------------------------------------------------------------------------------- 1 | import { Component, OnInit, Input, ViewEncapsulation, ElementRef, Renderer2 } from '@angular/core'; 2 | 3 | @Component({ 4 | selector: 'CDBFooter', 5 | templateUrl: './footer.component.html', 6 | styleUrls: ['./footer.component.scss'], 7 | encapsulation: ViewEncapsulation.None, 8 | }) 9 | export class FooterComponent implements OnInit { 10 | @Input() color: string; 11 | @Input() class: string; 12 | @Input() style: string; 13 | 14 | constructor(private elRef: ElementRef, private renderer: Renderer2) {} 15 | 16 | ngOnInit() { 17 | this.renderer.removeAttribute(this.elRef.nativeElement, 'class'); 18 | this.renderer.removeAttribute(this.elRef.nativeElement, 'style'); 19 | } 20 | 21 | } 22 | -------------------------------------------------------------------------------- /projects/ng-cdbangular/src/lib/components/footer/footer.module.ts: -------------------------------------------------------------------------------- 1 | import { NgModule } from '@angular/core'; 2 | import { CommonModule } from '@angular/common'; 3 | import { FooterComponent } from './footer.component'; 4 | 5 | @NgModule({ 6 | declarations: [FooterComponent], 7 | imports: [CommonModule], 8 | exports: [FooterComponent], 9 | }) 10 | export class FooterModule {} 11 | -------------------------------------------------------------------------------- /projects/ng-cdbangular/src/lib/components/footer/index.ts: -------------------------------------------------------------------------------- 1 | export { FooterModule } from './footer.module'; 2 | export { FooterComponent } from './footer.component'; 3 | -------------------------------------------------------------------------------- /projects/ng-cdbangular/src/lib/components/icon/icon.component.html: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /projects/ng-cdbangular/src/lib/components/icon/icon.component.scss: -------------------------------------------------------------------------------- 1 | @import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.14.0/css/all.min.css"); 2 | @import "../../styles/colors"; 3 | @import "../../styles/colorStyles"; 4 | 5 | .cdb-icon { 6 | padding: 0px 4px; 7 | } -------------------------------------------------------------------------------- /projects/ng-cdbangular/src/lib/components/icon/icon.module.ts: -------------------------------------------------------------------------------- 1 | import { NgModule } from '@angular/core'; 2 | import { CommonModule } from '@angular/common'; 3 | import { IconComponent } from './icon.component'; 4 | 5 | @NgModule({ 6 | declarations: [IconComponent], 7 | imports: [CommonModule], 8 | exports: [IconComponent], 9 | }) 10 | export class IconModule {} -------------------------------------------------------------------------------- /projects/ng-cdbangular/src/lib/components/icon/index.ts: -------------------------------------------------------------------------------- 1 | export { IconModule } from './icon.module'; 2 | export { IconComponent } from './icon.component'; -------------------------------------------------------------------------------- /projects/ng-cdbangular/src/lib/components/iframe/iframe.component.html: -------------------------------------------------------------------------------- 1 | 3 | 4 | 5 | 7 | -------------------------------------------------------------------------------- /projects/ng-cdbangular/src/lib/components/iframe/iframe.component.scss: -------------------------------------------------------------------------------- 1 | .iframe-host { 2 | position: relative; 3 | iframe, 4 | embed, 5 | object, 6 | video { 7 | margin: 0 auto; 8 | position: absolute; 9 | top: 0; 10 | bottom: 0; 11 | left: 0; 12 | border: 0; 13 | } 14 | } 15 | -------------------------------------------------------------------------------- /projects/ng-cdbangular/src/lib/components/iframe/iframe.module.ts: -------------------------------------------------------------------------------- 1 | import { NgModule } from '@angular/core'; 2 | import { CommonModule } from '@angular/common'; 3 | import { IframeComponent } from './iframe.component'; 4 | 5 | @NgModule({ 6 | declarations: [IframeComponent], 7 | imports: [CommonModule], 8 | exports: [IframeComponent], 9 | }) 10 | export class IframeModule {} 11 | -------------------------------------------------------------------------------- /projects/ng-cdbangular/src/lib/components/iframe/index.ts: -------------------------------------------------------------------------------- 1 | export { IframeModule } from './iframe.module'; 2 | export { IframeComponent } from './iframe.component'; 3 | -------------------------------------------------------------------------------- /projects/ng-cdbangular/src/lib/components/input/index.ts: -------------------------------------------------------------------------------- 1 | export { InputModule } from './input.module'; 2 | export { InputComponent } from './input.component'; 3 | -------------------------------------------------------------------------------- /projects/ng-cdbangular/src/lib/components/input/input.module.ts: -------------------------------------------------------------------------------- 1 | import { NgModule } from '@angular/core'; 2 | import { CommonModule } from '@angular/common'; 3 | import { InputComponent } from './input.component'; 4 | import { IconModule } from "../icon/icon.module"; 5 | 6 | @NgModule({ 7 | declarations: [InputComponent], 8 | exports: [InputComponent], 9 | imports: [CommonModule, IconModule] 10 | }) 11 | export class InputModule {} 12 | -------------------------------------------------------------------------------- /projects/ng-cdbangular/src/lib/components/inputgroup/index.ts: -------------------------------------------------------------------------------- 1 | export { InputgroupModule } from './inputgroup.module'; 2 | export { InputgroupComponent } from './inputgroup.component'; 3 | -------------------------------------------------------------------------------- /projects/ng-cdbangular/src/lib/components/inputgroup/inputgroup.module.ts: -------------------------------------------------------------------------------- 1 | import { NgModule } from '@angular/core'; 2 | import { CommonModule } from '@angular/common'; 3 | import { InputgroupComponent } from './inputgroup.component'; 4 | import { InputModule } from './../input/input.module'; 5 | import { IconModule } from "../icon/icon.module"; 6 | 7 | @NgModule({ 8 | declarations: [InputgroupComponent], 9 | exports: [InputgroupComponent], 10 | imports: [CommonModule, InputModule, IconModule] 11 | }) 12 | export class InputgroupModule {} 13 | -------------------------------------------------------------------------------- /projects/ng-cdbangular/src/lib/components/link/index.ts: -------------------------------------------------------------------------------- 1 | export { LinkModule } from './link.module'; 2 | export { LinkComponent } from './link.component'; 3 | -------------------------------------------------------------------------------- /projects/ng-cdbangular/src/lib/components/link/link.component.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | -------------------------------------------------------------------------------- /projects/ng-cdbangular/src/lib/components/link/link.component.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Devwares-Team/Contrast-Bootstrap-Angular/6b06d97923552950753ed51ff8ee352dc68df8aa/projects/ng-cdbangular/src/lib/components/link/link.component.scss -------------------------------------------------------------------------------- /projects/ng-cdbangular/src/lib/components/link/link.module.ts: -------------------------------------------------------------------------------- 1 | import { NgModule } from '@angular/core'; 2 | import { CommonModule } from '@angular/common'; 3 | import { RouterModule } from '@angular/router'; 4 | import { LinkComponent } from './link.component'; 5 | 6 | @NgModule({ 7 | declarations: [LinkComponent], 8 | imports: [CommonModule, RouterModule], 9 | exports: [LinkComponent], 10 | }) 11 | export class LinkModule {} 12 | -------------------------------------------------------------------------------- /projects/ng-cdbangular/src/lib/components/listgroup/index.ts: -------------------------------------------------------------------------------- 1 | export { ListgroupModule } from './listgroup.module'; 2 | export { ListgroupComponent } from './listgroup.component'; 3 | export { ListgroupitemComponent } from './listgroupitem/listgroupitem.component'; 4 | -------------------------------------------------------------------------------- /projects/ng-cdbangular/src/lib/components/listgroup/listgroup.component.html: -------------------------------------------------------------------------------- 1 |
      2 | 3 |
    -------------------------------------------------------------------------------- /projects/ng-cdbangular/src/lib/components/listgroup/listgroup.component.scss: -------------------------------------------------------------------------------- 1 | @import "../../styles/colors"; 2 | @import "../../styles/colorStyles"; 3 | 4 | .list-group { 5 | border: none; 6 | } 7 | -------------------------------------------------------------------------------- /projects/ng-cdbangular/src/lib/components/listgroup/listgroup.module.ts: -------------------------------------------------------------------------------- 1 | import { NgModule } from '@angular/core'; 2 | import { CommonModule } from '@angular/common'; 3 | import { ListgroupComponent } from './listgroup.component'; 4 | import { ListgroupitemComponent } from './listgroupitem/listgroupitem.component'; 5 | import { LinkModule } from './../link/link.module'; 6 | 7 | @NgModule({ 8 | declarations: [ListgroupComponent, ListgroupitemComponent], 9 | imports: [CommonModule, LinkModule], 10 | exports: [ListgroupComponent, ListgroupitemComponent], 11 | }) 12 | export class ListgroupModule {} 13 | -------------------------------------------------------------------------------- /projects/ng-cdbangular/src/lib/components/listgroup/listgroupitem/listgroupitem.component.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 |
  • 11 | 12 |
    • 13 |     14 | 15 | 16 | 17 | 18 | 19 |     -------------------------------------------------------------------------------- /projects/ng-cdbangular/src/lib/components/listgroup/listgroupitem/listgroupitem.component.scss: -------------------------------------------------------------------------------- 1 | @import "../../../styles/colors"; 2 | @import "../../../styles/colorStyles"; 3 | 4 | .CDBListGroupLi { 5 | list-style: none !important; 6 | .nav-link { 7 | padding: 0px; 8 | 9 | &:hover { 10 | color: #212529; 11 | } 12 | } 13 | } 14 | 15 | .CDBListGroupLink { 16 | color: #212529; 17 | .nav-link { 18 | padding: 0px; 19 | 20 | &:hover { 21 | color: #212529; 22 | } 23 | } 24 | } 25 | -------------------------------------------------------------------------------- /projects/ng-cdbangular/src/lib/components/mask/index.ts: -------------------------------------------------------------------------------- 1 | export { MaskModule } from './mask.module'; 2 | export { MaskComponent } from './mask.component'; 3 | -------------------------------------------------------------------------------- /projects/ng-cdbangular/src/lib/components/mask/mask.component.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | -------------------------------------------------------------------------------- /projects/ng-cdbangular/src/lib/components/mask/mask.module.ts: -------------------------------------------------------------------------------- 1 | import { NgModule } from '@angular/core'; 2 | import { CommonModule } from '@angular/common'; 3 | import { MaskComponent } from './mask.component'; 4 | 5 | @NgModule({ 6 | declarations: [MaskComponent], 7 | imports: [CommonModule], 8 | exports: [MaskComponent], 9 | }) 10 | export class MaskModule {} 11 | -------------------------------------------------------------------------------- /projects/ng-cdbangular/src/lib/components/modal/index.ts: -------------------------------------------------------------------------------- 1 | export { ModalModule } from './modal.module'; 2 | export { ModalComponent } from './modal.component'; 3 | export { ModalHeaderComponent } from './modal-header/modal-header.component'; 4 | export { ModalFooterComponent } from './modal-footer/modal-footer.component'; 5 | export { ModalBodyComponent } from './modal-body/modal-body.component'; 6 | -------------------------------------------------------------------------------- /projects/ng-cdbangular/src/lib/components/modal/modal-body/modal-body.component.html: -------------------------------------------------------------------------------- 1 |
    2 | 3 |
    -------------------------------------------------------------------------------- /projects/ng-cdbangular/src/lib/components/modal/modal-body/modal-body.component.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Devwares-Team/Contrast-Bootstrap-Angular/6b06d97923552950753ed51ff8ee352dc68df8aa/projects/ng-cdbangular/src/lib/components/modal/modal-body/modal-body.component.scss -------------------------------------------------------------------------------- /projects/ng-cdbangular/src/lib/components/modal/modal-footer/modal-footer.component.html: -------------------------------------------------------------------------------- 1 |
    2 | 3 |
    -------------------------------------------------------------------------------- /projects/ng-cdbangular/src/lib/components/modal/modal-footer/modal-footer.component.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Devwares-Team/Contrast-Bootstrap-Angular/6b06d97923552950753ed51ff8ee352dc68df8aa/projects/ng-cdbangular/src/lib/components/modal/modal-footer/modal-footer.component.scss -------------------------------------------------------------------------------- /projects/ng-cdbangular/src/lib/components/modal/modal-header/modal-header.component.scss: -------------------------------------------------------------------------------- 1 | @import "../../../styles/colors"; 2 | @import "../../../styles/colorStyles"; 3 | 4 | .modal-header { 5 | align-items: unset; 6 | } 7 | 8 | .close { 9 | &:focus, 10 | &:hover, 11 | &:active { 12 | outline: none; 13 | border: none; 14 | } 15 | } 16 | -------------------------------------------------------------------------------- /projects/ng-cdbangular/src/lib/components/modal/modal.module.ts: -------------------------------------------------------------------------------- 1 | import { NgModule } from '@angular/core'; 2 | import { CommonModule } from '@angular/common'; 3 | import { ModalComponent } from './modal.component'; 4 | import { ModalHeaderComponent } from './modal-header/modal-header.component'; 5 | import { ModalFooterComponent } from './modal-footer/modal-footer.component'; 6 | import { ModalBodyComponent } from './modal-body/modal-body.component'; 7 | 8 | @NgModule({ 9 | declarations: [ 10 | ModalComponent, 11 | ModalHeaderComponent, 12 | ModalFooterComponent, 13 | ModalBodyComponent, 14 | ], 15 | imports: [CommonModule], 16 | exports: [ 17 | ModalComponent, 18 | ModalHeaderComponent, 19 | ModalFooterComponent, 20 | ModalBodyComponent, 21 | ], 22 | }) 23 | export class ModalModule {} 24 | -------------------------------------------------------------------------------- /projects/ng-cdbangular/src/lib/components/navbar/index.ts: -------------------------------------------------------------------------------- 1 | export { NavbarModule } from './navbar.module'; 2 | export { NavbarComponent } from './navbar.component'; 3 | export { NavbarNavComponent } from './navbar-nav/navbar-nav.component'; 4 | export { NavToggleComponent } from './nav-toggle/nav-toggle.component'; 5 | export { NavLinkComponent } from './nav-link/nav-link.component'; 6 | export { NavItemComponent } from './nav-item/nav-item.component'; 7 | export { NavBrandComponent } from './nav-brand/nav-brand.component'; 8 | -------------------------------------------------------------------------------- /projects/ng-cdbangular/src/lib/components/navbar/nav-brand/nav-brand.component.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 |
    10 | 11 |
    12 |     13 |     14 | 15 | 16 | 17 | -------------------------------------------------------------------------------- /projects/ng-cdbangular/src/lib/components/navbar/nav-brand/nav-brand.component.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Devwares-Team/Contrast-Bootstrap-Angular/6b06d97923552950753ed51ff8ee352dc68df8aa/projects/ng-cdbangular/src/lib/components/navbar/nav-brand/nav-brand.component.scss -------------------------------------------------------------------------------- /projects/ng-cdbangular/src/lib/components/navbar/nav-item/nav-item.component.html: -------------------------------------------------------------------------------- 1 |
  • 2 | 3 |
    • -------------------------------------------------------------------------------- /projects/ng-cdbangular/src/lib/components/navbar/nav-item/nav-item.component.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Devwares-Team/Contrast-Bootstrap-Angular/6b06d97923552950753ed51ff8ee352dc68df8aa/projects/ng-cdbangular/src/lib/components/navbar/nav-item/nav-item.component.scss -------------------------------------------------------------------------------- /projects/ng-cdbangular/src/lib/components/navbar/nav-link/nav-link.component.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | -------------------------------------------------------------------------------- /projects/ng-cdbangular/src/lib/components/navbar/nav-link/nav-link.component.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Devwares-Team/Contrast-Bootstrap-Angular/6b06d97923552950753ed51ff8ee352dc68df8aa/projects/ng-cdbangular/src/lib/components/navbar/nav-link/nav-link.component.scss -------------------------------------------------------------------------------- /projects/ng-cdbangular/src/lib/components/navbar/nav-toggle/nav-toggle.component.html: -------------------------------------------------------------------------------- 1 | 2 | 5 | 6 | 7 | 8 | 11 | -------------------------------------------------------------------------------- /projects/ng-cdbangular/src/lib/components/navbar/nav-toggle/nav-toggle.component.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Devwares-Team/Contrast-Bootstrap-Angular/6b06d97923552950753ed51ff8ee352dc68df8aa/projects/ng-cdbangular/src/lib/components/navbar/nav-toggle/nav-toggle.component.scss -------------------------------------------------------------------------------- /projects/ng-cdbangular/src/lib/components/navbar/navbar-nav/navbar-nav.component.html: -------------------------------------------------------------------------------- 1 |
      2 | 3 |
    -------------------------------------------------------------------------------- /projects/ng-cdbangular/src/lib/components/navbar/navbar-nav/navbar-nav.component.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Devwares-Team/Contrast-Bootstrap-Angular/6b06d97923552950753ed51ff8ee352dc68df8aa/projects/ng-cdbangular/src/lib/components/navbar/navbar-nav/navbar-nav.component.scss -------------------------------------------------------------------------------- /projects/ng-cdbangular/src/lib/components/navbar/navbar.component.html: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /projects/ng-cdbangular/src/lib/components/navbar/navbar.component.scss: -------------------------------------------------------------------------------- 1 | @import "../../styles/colors"; 2 | @import "../../styles/colorStyles"; -------------------------------------------------------------------------------- /projects/ng-cdbangular/src/lib/components/pagination/index.ts: -------------------------------------------------------------------------------- 1 | export { PaginationModule } from './pagination.module'; 2 | export { PaginationComponent } from './pagination.component'; 3 | export { PagelinkComponent } from './pagelink/pagelink.component'; 4 | export { PageitemComponent } from './pageitem/pageitem.component'; 5 | -------------------------------------------------------------------------------- /projects/ng-cdbangular/src/lib/components/pagination/pageitem/pageitem.component.html: -------------------------------------------------------------------------------- 1 |
  • 2 | 3 |
    • -------------------------------------------------------------------------------- /projects/ng-cdbangular/src/lib/components/pagination/pageitem/pageitem.component.scss: -------------------------------------------------------------------------------- 1 | .page-item { 2 | margin: 0px 7.5px; 3 | cursor: pointer; 4 | a { 5 | text-decoration: none; 6 | color: inherit; 7 | } 8 | } 9 | -------------------------------------------------------------------------------- /projects/ng-cdbangular/src/lib/components/pagination/pagelink/pagelink.component.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | -------------------------------------------------------------------------------- /projects/ng-cdbangular/src/lib/components/pagination/pagelink/pagelink.component.scss: -------------------------------------------------------------------------------- 1 | .page-link { 2 | margin: 0px 7.5px; 3 | cursor: pointer; 4 | 5 | &.disabled { 6 | pointer-events: none; 7 | background: #ccc; 8 | color: #555; 9 | } 10 | } 11 | -------------------------------------------------------------------------------- /projects/ng-cdbangular/src/lib/components/pagination/pagination.component.html: -------------------------------------------------------------------------------- 1 |
      2 | 3 |
    -------------------------------------------------------------------------------- /projects/ng-cdbangular/src/lib/components/pagination/pagination.module.ts: -------------------------------------------------------------------------------- 1 | import { NgModule } from '@angular/core'; 2 | import { CommonModule } from '@angular/common'; 3 | import { PaginationComponent } from './pagination.component'; 4 | import { PagelinkComponent } from './pagelink/pagelink.component'; 5 | import { PageitemComponent } from './pageitem/pageitem.component'; 6 | 7 | @NgModule({ 8 | declarations: [PaginationComponent, PagelinkComponent, PageitemComponent], 9 | imports: [CommonModule], 10 | exports: [PaginationComponent, PagelinkComponent, PageitemComponent], 11 | }) 12 | export class PaginationModule {} 13 | -------------------------------------------------------------------------------- /projects/ng-cdbangular/src/lib/components/progress/index.ts: -------------------------------------------------------------------------------- 1 | export { ProgressModule } from './progress.module'; 2 | export { ProgressComponent } from './progress.component'; 3 | -------------------------------------------------------------------------------- /projects/ng-cdbangular/src/lib/components/progress/progress.component.html: -------------------------------------------------------------------------------- 1 |
    {{ text }}
    2 |
    3 |
    4 |
    5 |
    -------------------------------------------------------------------------------- /projects/ng-cdbangular/src/lib/components/progress/progress.module.ts: -------------------------------------------------------------------------------- 1 | import { NgModule } from '@angular/core'; 2 | import { CommonModule } from '@angular/common'; 3 | import { ProgressComponent } from './progress.component'; 4 | 5 | @NgModule({ 6 | declarations: [ProgressComponent], 7 | imports: [CommonModule], 8 | exports: [ProgressComponent], 9 | }) 10 | export class ProgressModule {} 11 | -------------------------------------------------------------------------------- /projects/ng-cdbangular/src/lib/components/select/index.ts: -------------------------------------------------------------------------------- 1 | export { SelectModule } from "./select.module"; 2 | export { SelectComponent } from './select.component'; 3 | -------------------------------------------------------------------------------- /projects/ng-cdbangular/src/lib/components/select/select.component.html: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /projects/ng-cdbangular/src/lib/components/select/select.component.scss: -------------------------------------------------------------------------------- 1 | // :host { 2 | // width: 100%; 3 | // } 4 | -------------------------------------------------------------------------------- /projects/ng-cdbangular/src/lib/components/select/select.component.ts: -------------------------------------------------------------------------------- 1 | import { Component, OnInit, Input, Renderer2, ElementRef } from '@angular/core'; 2 | 3 | @Component({ 4 | selector: 'CDBSelect', 5 | templateUrl: './select.component.html', 6 | styleUrls: ['./select.component.scss'], 7 | }) 8 | export class SelectComponent implements OnInit { 9 | @Input() class: string; 10 | @Input() style: string; 11 | @Input() options: any[]; 12 | @Input() selected: string; 13 | @Input() optionClass: string; 14 | 15 | constructor(private renderer: Renderer2, private elRef: ElementRef) {} 16 | 17 | ngOnInit() { 18 | this.renderer.removeAttribute(this.elRef.nativeElement, 'class'); 19 | this.renderer.removeAttribute(this.elRef.nativeElement, 'style'); 20 | } 21 | } 22 | -------------------------------------------------------------------------------- /projects/ng-cdbangular/src/lib/components/select/select.module.ts: -------------------------------------------------------------------------------- 1 | import { NgModule } from '@angular/core'; 2 | import { CommonModule } from '@angular/common'; 3 | import { SelectComponent } from './select.component'; 4 | 5 | @NgModule({ 6 | declarations: [SelectComponent], 7 | imports: [CommonModule], 8 | exports: [SelectComponent], 9 | }) 10 | export class SelectModule {} 11 | -------------------------------------------------------------------------------- /projects/ng-cdbangular/src/lib/components/sidebar/index.ts: -------------------------------------------------------------------------------- 1 | export { SidebarModule } from './sidebar.module'; 2 | export { SidebarComponent } from './sidebar.component'; 3 | export { SidebarMenuitemComponent } from './sidebar-menuitem/sidebar-menuitem.component'; 4 | export { SidebarMenuComponent } from './sidebar-menu/sidebar-menu.component'; 5 | export { SidebarHeaderComponent } from './sidebar-header/sidebar-header.component'; 6 | export { SidebarFooterComponent } from './sidebar-footer/sidebar-footer.component'; 7 | export { SidebarContentComponent } from './sidebar-content/sidebar-content.component'; 8 | export { SidebarService } from './sidebar.service'; 9 | -------------------------------------------------------------------------------- /projects/ng-cdbangular/src/lib/components/sidebar/sidebar-content/sidebar-content.component.html: -------------------------------------------------------------------------------- 1 |
    2 | 3 |
    -------------------------------------------------------------------------------- /projects/ng-cdbangular/src/lib/components/sidebar/sidebar-content/sidebar-content.component.scss: -------------------------------------------------------------------------------- 1 | @import "../../../styles/colors"; 2 | @import "../../../styles/colorStyles"; 3 | 4 | .CDBSidebarContent-default { 5 | flex-grow: 1; 6 | padding-top: 15px; 7 | } 8 | -------------------------------------------------------------------------------- /projects/ng-cdbangular/src/lib/components/sidebar/sidebar-content/sidebar-content.component.ts: -------------------------------------------------------------------------------- 1 | import { 2 | Component, 3 | ElementRef, 4 | Input, 5 | OnInit, 6 | Renderer2, 7 | ViewEncapsulation, 8 | } from '@angular/core'; 9 | 10 | @Component({ 11 | selector: 'CDBSidebarContent', 12 | templateUrl: './sidebar-content.component.html', 13 | styleUrls: ['./sidebar-content.component.scss'], 14 | encapsulation: ViewEncapsulation.None, 15 | }) 16 | export class SidebarContentComponent implements OnInit { 17 | @Input() class: string; 18 | @Input() style: string; 19 | 20 | constructor(private elRef: ElementRef, private renderer: Renderer2) {} 21 | 22 | ngOnInit() { 23 | this.renderer.removeAttribute(this.elRef.nativeElement, 'class'); 24 | this.renderer.removeAttribute(this.elRef.nativeElement, 'style'); 25 | } 26 | } 27 | -------------------------------------------------------------------------------- /projects/ng-cdbangular/src/lib/components/sidebar/sidebar-footer/sidebar-footer.component.html: -------------------------------------------------------------------------------- 1 |
    2 | 3 |
    -------------------------------------------------------------------------------- /projects/ng-cdbangular/src/lib/components/sidebar/sidebar-footer/sidebar-footer.component.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Devwares-Team/Contrast-Bootstrap-Angular/6b06d97923552950753ed51ff8ee352dc68df8aa/projects/ng-cdbangular/src/lib/components/sidebar/sidebar-footer/sidebar-footer.component.scss -------------------------------------------------------------------------------- /projects/ng-cdbangular/src/lib/components/sidebar/sidebar-footer/sidebar-footer.component.ts: -------------------------------------------------------------------------------- 1 | import { 2 | Component, 3 | ElementRef, 4 | Input, 5 | OnInit, 6 | Renderer2, 7 | ViewEncapsulation, 8 | } from '@angular/core'; 9 | 10 | @Component({ 11 | selector: 'CDBSidebarFooter', 12 | templateUrl: './sidebar-footer.component.html', 13 | styleUrls: ['./sidebar-footer.component.scss'], 14 | encapsulation: ViewEncapsulation.None, 15 | }) 16 | export class SidebarFooterComponent implements OnInit { 17 | @Input() class: string; 18 | @Input() style: string; 19 | 20 | constructor(private elRef: ElementRef, private renderer: Renderer2) {} 21 | 22 | ngOnInit() { 23 | this.renderer.removeAttribute(this.elRef.nativeElement, 'class'); 24 | this.renderer.removeAttribute(this.elRef.nativeElement, 'style'); 25 | } 26 | } 27 | -------------------------------------------------------------------------------- /projects/ng-cdbangular/src/lib/components/sidebar/sidebar-header/sidebar-header.component.html: -------------------------------------------------------------------------------- 1 |
    2 |
    3 | 4 | 5 | 6 | 7 | 8 | 9 |
    10 |
    -------------------------------------------------------------------------------- /projects/ng-cdbangular/src/lib/components/sidebar/sidebar-header/sidebar-header.component.scss: -------------------------------------------------------------------------------- 1 | @import "../../../styles/colors"; 2 | @import "../../../styles/colorStyles"; 3 | 4 | .CDBSidebarHeader-default { 5 | border-bottom: 1px solid hsla(0, 0%, 67.8%, 0.2); 6 | 7 | .head-div { 8 | padding: 24px 29px; 9 | font-weight: bold; 10 | font-size: 17px; 11 | letter-spacing: 1px; 12 | overflow: hidden; 13 | white-space: nowrap; 14 | 15 | .icon-suffix { 16 | margin: 0px 23px; 17 | cursor: pointer; 18 | } 19 | 20 | &.toggled { 21 | .head-text { 22 | display: none; 23 | } 24 | 25 | .icon-suffix { 26 | margin: 0px; 27 | } 28 | } 29 | } 30 | } 31 | -------------------------------------------------------------------------------- /projects/ng-cdbangular/src/lib/components/sidebar/sidebar-menu/sidebar-menu.component.html: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /projects/ng-cdbangular/src/lib/components/sidebar/sidebar-menu/sidebar-menu.component.scss: -------------------------------------------------------------------------------- 1 | @import "../../../styles/colors"; 2 | @import "../../../styles/colorStyles"; 3 | 4 | .MenuNav { 5 | padding-top: 10px; 6 | padding-bottom: 10px; 7 | } 8 | 9 | .MenuUl { 10 | list-style-type: none; 11 | padding: 0; 12 | margin: 0; 13 | } 14 | -------------------------------------------------------------------------------- /projects/ng-cdbangular/src/lib/components/sidebar/sidebar-menu/sidebar-menu.component.ts: -------------------------------------------------------------------------------- 1 | import { 2 | Component, 3 | OnInit, 4 | ViewEncapsulation, 5 | ElementRef, 6 | Renderer2, 7 | Input, 8 | } from '@angular/core'; 9 | 10 | @Component({ 11 | selector: 'CDBSidebarMenu', 12 | templateUrl: './sidebar-menu.component.html', 13 | styleUrls: ['./sidebar-menu.component.scss'], 14 | encapsulation: ViewEncapsulation.None, 15 | }) 16 | export class SidebarMenuComponent implements OnInit { 17 | @Input() class: string; 18 | @Input() style: string; 19 | 20 | constructor(private elRef: ElementRef, private renderer: Renderer2) {} 21 | 22 | ngOnInit() { 23 | this.renderer.removeAttribute(this.elRef.nativeElement, 'class'); 24 | this.renderer.removeAttribute(this.elRef.nativeElement, 'style'); 25 | } 26 | } 27 | -------------------------------------------------------------------------------- /projects/ng-cdbangular/src/lib/components/sidebar/sidebar.component.html: -------------------------------------------------------------------------------- 1 |
    2 |
    3 |
    4 | 5 |
    6 |
    7 |
    -------------------------------------------------------------------------------- /projects/ng-cdbangular/src/lib/components/sidebar/sidebar.component.scss: -------------------------------------------------------------------------------- 1 | @import "../../styles/colors"; 2 | @import "../../styles/colorStyles"; 3 | 4 | .CDBSidebar-default { 5 | height: 100%; 6 | width: 270px; 7 | min-width: 270px; 8 | text-align: left; 9 | transition: width, left, right, 0.3s; 10 | position: relative; 11 | z-index: 1009; 12 | 13 | &.toggled { 14 | min-width: 80px; 15 | width: 80px; 16 | } 17 | } 18 | 19 | .SidebarInner { 20 | height: 100%; 21 | position: relative; 22 | z-index: 101; 23 | } 24 | 25 | .SidebarLayout { 26 | height: 100%; 27 | overflow-y: auto; 28 | overflow-x: hidden; 29 | position: relative; 30 | display: flex; 31 | flex-direction: column; 32 | z-index: 101; 33 | } 34 | -------------------------------------------------------------------------------- /projects/ng-cdbangular/src/lib/components/sidebar/sidebar.service.ts: -------------------------------------------------------------------------------- 1 | import { Injectable } from '@angular/core'; 2 | import { Subject } from 'rxjs'; 3 | 4 | @Injectable({ 5 | providedIn: 'root', 6 | }) 7 | export class SidebarService { 8 | sidebarState = new Subject(); 9 | textColor = new Subject(); 10 | backgroundColor = new Subject(); 11 | 12 | constructor() {} 13 | } 14 | -------------------------------------------------------------------------------- /projects/ng-cdbangular/src/lib/components/slider/index.ts: -------------------------------------------------------------------------------- 1 | export { SliderModule } from './/slider.module'; 2 | export { SliderComponent } from './slider.component'; 3 | -------------------------------------------------------------------------------- /projects/ng-cdbangular/src/lib/components/slider/slider.component.html: -------------------------------------------------------------------------------- 1 |
    2 | 4 | 5 |
    -------------------------------------------------------------------------------- /projects/ng-cdbangular/src/lib/components/slider/slider.module.ts: -------------------------------------------------------------------------------- 1 | import { NgModule } from '@angular/core'; 2 | import { CommonModule } from '@angular/common'; 3 | import { SliderComponent } from './slider.component'; 4 | import { NgxSliderModule } from '@angular-slider/ngx-slider'; 5 | 6 | @NgModule({ 7 | declarations: [SliderComponent], 8 | imports: [CommonModule, NgxSliderModule], 9 | exports: [SliderComponent], 10 | }) 11 | export class SliderModule {} 12 | -------------------------------------------------------------------------------- /projects/ng-cdbangular/src/lib/components/spinner/index.ts: -------------------------------------------------------------------------------- 1 | export { SpinnerModule } from './spinner.module'; 2 | export { SpinnerComponent } from './spinner.component'; 3 | -------------------------------------------------------------------------------- /projects/ng-cdbangular/src/lib/components/spinner/spinner.component.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /projects/ng-cdbangular/src/lib/components/spinner/spinner.module.ts: -------------------------------------------------------------------------------- 1 | import { NgModule } from '@angular/core'; 2 | import { CommonModule } from '@angular/common'; 3 | import { SpinnerComponent } from './spinner.component'; 4 | 5 | @NgModule({ 6 | declarations: [SpinnerComponent], 7 | imports: [CommonModule], 8 | exports: [SpinnerComponent], 9 | }) 10 | export class SpinnerModule {} 11 | -------------------------------------------------------------------------------- /projects/ng-cdbangular/src/lib/components/switch/index.ts: -------------------------------------------------------------------------------- 1 | export { SwitchModule } from './switch.module'; 2 | export { SwitchComponent } from './switch.component'; 3 | -------------------------------------------------------------------------------- /projects/ng-cdbangular/src/lib/components/switch/switch.component.html: -------------------------------------------------------------------------------- 1 |
    2 | 8 |
    -------------------------------------------------------------------------------- /projects/ng-cdbangular/src/lib/components/switch/switch.component.ts: -------------------------------------------------------------------------------- 1 | import { Component, Input, OnInit, ViewEncapsulation } from '@angular/core'; 2 | 3 | @Component({ 4 | selector: 'CDBSwitch', 5 | templateUrl: './switch.component.html', 6 | styleUrls: ['./switch.component.scss'], 7 | encapsulation: ViewEncapsulation.None, 8 | }) 9 | export class SwitchComponent implements OnInit { 10 | @Input() checked: boolean = false; 11 | 12 | constructor() {} 13 | 14 | ngOnInit() {} 15 | 16 | handleChange() { 17 | this.checked = !this.checked; 18 | } 19 | } 20 | -------------------------------------------------------------------------------- /projects/ng-cdbangular/src/lib/components/switch/switch.module.ts: -------------------------------------------------------------------------------- 1 | import { NgModule } from '@angular/core'; 2 | import { CommonModule } from '@angular/common'; 3 | import { SwitchComponent } from './switch.component'; 4 | 5 | @NgModule({ 6 | declarations: [SwitchComponent], 7 | imports: [CommonModule], 8 | exports: [SwitchComponent], 9 | }) 10 | export class SwitchModule {} 11 | -------------------------------------------------------------------------------- /projects/ng-cdbangular/src/lib/components/table/directives/table.directive.ts: -------------------------------------------------------------------------------- 1 | import { Directive,ElementRef } from '@angular/core'; 2 | 3 | @Directive({ 4 | selector: '[appTable]' 5 | }) 6 | export class TableDirective { 7 | 8 | constructor(private el: ElementRef) { 9 | } 10 | 11 | //wait for the component to render completely 12 | ngOnInit() { 13 | var nativeElement: HTMLElement = this.el.nativeElement, 14 | parentElement: HTMLElement = nativeElement.parentElement; 15 | // move all children out of the element 16 | while (nativeElement.firstChild) { 17 | parentElement.insertBefore(nativeElement.firstChild, nativeElement); 18 | } 19 | // remove the empty element(the host) 20 | parentElement.removeChild(nativeElement); 21 | } 22 | 23 | } 24 | -------------------------------------------------------------------------------- /projects/ng-cdbangular/src/lib/components/table/index.ts: -------------------------------------------------------------------------------- 1 | export { TableModule } from './table.module'; 2 | export { TableComponent } from './table.component'; 3 | export { TablePaginationComponent } from './table-pagination/table-pagination.component'; 4 | export { CdbTableScrollDirective } from './directives/cdb-table-scroll.directive'; 5 | export { CdbTableSortDirective } from './directives/cdb-table-sort.directive'; 6 | export { CdbTableDirective } from './directives/cdb-table.directive'; 7 | export { TableDirective } from './directives/table.directive'; 8 | -------------------------------------------------------------------------------- /projects/ng-cdbangular/src/lib/components/table/table-pagination/table-pagination.component.html: -------------------------------------------------------------------------------- 1 |
    2 |
    3 | 4 | 5 | Prev 6 | 7 | 8 | {{page + 1}} 9 | 10 | 12 | Next 13 | 14 | 15 |
    16 |
    -------------------------------------------------------------------------------- /projects/ng-cdbangular/src/lib/components/table/table-pagination/table-pagination.component.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Devwares-Team/Contrast-Bootstrap-Angular/6b06d97923552950753ed51ff8ee352dc68df8aa/projects/ng-cdbangular/src/lib/components/table/table-pagination/table-pagination.component.scss -------------------------------------------------------------------------------- /projects/ng-cdbangular/src/lib/components/table/table.component.html: -------------------------------------------------------------------------------- 1 |
    11 | 22 | 23 |
    24 |
    -------------------------------------------------------------------------------- /projects/ng-cdbangular/src/lib/components/table/table.component.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Devwares-Team/Contrast-Bootstrap-Angular/6b06d97923552950753ed51ff8ee352dc68df8aa/projects/ng-cdbangular/src/lib/components/table/table.component.scss -------------------------------------------------------------------------------- /projects/ng-cdbangular/src/lib/components/view/index.ts: -------------------------------------------------------------------------------- 1 | export { ViewModule } from './view.module'; 2 | export { ViewComponent } from './view.component'; 3 | -------------------------------------------------------------------------------- /projects/ng-cdbangular/src/lib/components/view/view.component.html: -------------------------------------------------------------------------------- 1 |
    2 | 3 |
    -------------------------------------------------------------------------------- /projects/ng-cdbangular/src/lib/components/view/view.module.ts: -------------------------------------------------------------------------------- 1 | import { NgModule } from '@angular/core'; 2 | import { CommonModule } from '@angular/common'; 3 | import { ViewComponent } from './view.component'; 4 | 5 | @NgModule({ 6 | declarations: [ViewComponent], 7 | imports: [CommonModule], 8 | exports: [ViewComponent], 9 | }) 10 | export class ViewModule {} 11 | -------------------------------------------------------------------------------- /projects/ng-cdbangular/src/lib/styles/_colors.scss: -------------------------------------------------------------------------------- 1 | $primary: #276ef1; 2 | $secondary: #7356bf; 3 | $success: #05944f; 4 | $warning: #ffe975; 5 | $danger: #e11900; 6 | $white: #ffffff; 7 | $warningDark: #66512c; 8 | $dark: #000000; 9 | $info: #17a2b8; 10 | $light: #eeeeee; 11 | 12 | $primaryHover: #276ef1bd; 13 | $secondaryHover: #7356bfbd; 14 | $successHover: #05944fbd; 15 | $warningHover: #ffe975bd; 16 | $dangerHover: #e11900bd; 17 | $whiteHover: #ffffffd5; 18 | $darkHover: #000000bd; 19 | $infoHover: #17a2b8bd; 20 | $lightHover: #eeeeeebd; 21 | -------------------------------------------------------------------------------- /projects/ng-cdbangular/src/lib/styles/_lightStyleHover.scss: -------------------------------------------------------------------------------- 1 | @import "colors"; 2 | 3 | .primaryHover { 4 | &:hover { 5 | color: $primary; 6 | background-color: #e6e6ff; 7 | } 8 | } 9 | .secondaryHover { 10 | &:hover { 11 | color: $secondary; 12 | background-color: #f0edf8; 13 | } 14 | } 15 | .successHover { 16 | &:hover { 17 | color: $success; 18 | background-color: #e7fae7; 19 | } 20 | } 21 | .dangerHover { 22 | &:hover { 23 | color: $danger; 24 | background-color: #fce9e9; 25 | } 26 | } 27 | .warningHover { 28 | &:hover { 29 | color: $warningDark; 30 | background-color: #fffbe6; 31 | } 32 | } 33 | .darkHover { 34 | &:hover { 35 | color: $white; 36 | background-color: #333333; 37 | } 38 | } 39 | .whiteHover { 40 | &:hover { 41 | color: $dark; 42 | background-color: #f9f9f9; 43 | } 44 | } 45 | -------------------------------------------------------------------------------- /projects/ng-cdbangular/src/test.ts: -------------------------------------------------------------------------------- 1 | // This file is required by karma.conf.js and loads recursively all the .spec and framework files 2 | 3 | import 'zone.js'; 4 | import 'zone.js/testing'; 5 | import { getTestBed } from '@angular/core/testing'; 6 | import { 7 | BrowserDynamicTestingModule, 8 | platformBrowserDynamicTesting 9 | } from '@angular/platform-browser-dynamic/testing'; 10 | 11 | // First, initialize the Angular testing environment. 12 | getTestBed().initTestEnvironment( 13 | BrowserDynamicTestingModule, 14 | platformBrowserDynamicTesting(), { 15 | teardown: { destroyAfterEach: false } 16 | } 17 | ); 18 | -------------------------------------------------------------------------------- /projects/ng-cdbangular/tsconfig.lib.json: -------------------------------------------------------------------------------- 1 | /* To learn more about this file see: https://angular.io/config/tsconfig. */ 2 | { 3 | "extends": "../../tsconfig.json", 4 | "compilerOptions": { 5 | "outDir": "../../out-tsc/lib", 6 | "declaration": true, 7 | "declarationMap": true, 8 | "inlineSources": true, 9 | "types": [], 10 | "lib": [ 11 | "dom", 12 | "es2018" 13 | ] 14 | }, 15 | "angularCompilerOptions": { 16 | "skipTemplateCodegen": true, 17 | "strictMetadataEmit": true, 18 | "enableResourceInlining": true 19 | }, 20 | "exclude": [ 21 | "src/test.ts", 22 | "**/*.spec.ts" 23 | ] 24 | } 25 | -------------------------------------------------------------------------------- /projects/ng-cdbangular/tsconfig.lib.prod.json: -------------------------------------------------------------------------------- 1 | /* To learn more about this file see: https://angular.io/config/tsconfig. */ 2 | { 3 | "extends": "./tsconfig.lib.json", 4 | "compilerOptions": { 5 | "declarationMap": false 6 | }, 7 | "angularCompilerOptions": { 8 | "compilationMode": "partial" 9 | } 10 | } 11 | -------------------------------------------------------------------------------- /projects/ng-cdbangular/tsconfig.spec.json: -------------------------------------------------------------------------------- 1 | /* To learn more about this file see: https://angular.io/config/tsconfig. */ 2 | { 3 | "extends": "../../tsconfig.json", 4 | "compilerOptions": { 5 | "outDir": "../../out-tsc/spec", 6 | "types": [ 7 | "jasmine" 8 | ] 9 | }, 10 | "files": [ 11 | "src/test.ts" 12 | ], 13 | "include": [ 14 | "**/*.spec.ts", 15 | "**/*.d.ts" 16 | ] 17 | } 18 | -------------------------------------------------------------------------------- /projects/ng-cdbangular/tslint.json: -------------------------------------------------------------------------------- 1 | { 2 | "extends": "../../tslint.json", 3 | "rules": { 4 | "directive-selector": [ 5 | true, 6 | "attribute", 7 | "lib", 8 | "camelCase" 9 | ], 10 | "component-selector": [ 11 | true, 12 | "element", 13 | "lib", 14 | "kebab-case" 15 | ] 16 | } 17 | } 18 | -------------------------------------------------------------------------------- /src/app/app-routing.module.ts: -------------------------------------------------------------------------------- 1 | import { NgModule } from '@angular/core'; 2 | import { Routes, RouterModule } from '@angular/router'; 3 | 4 | const routes: Routes = []; 5 | 6 | @NgModule({ 7 | imports: [RouterModule.forRoot(routes, {})], 8 | exports: [RouterModule] 9 | }) 10 | export class AppRoutingModule { } 11 | -------------------------------------------------------------------------------- /src/app/app.component.html: -------------------------------------------------------------------------------- 1 |

    Testing Page

    2 | 3 | 4 |

    {{username}}

    5 | 14 | 15 | 16 | -------------------------------------------------------------------------------- /src/app/app.component.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Devwares-Team/Contrast-Bootstrap-Angular/6b06d97923552950753ed51ff8ee352dc68df8aa/src/app/app.component.scss -------------------------------------------------------------------------------- /src/app/app.module.ts: -------------------------------------------------------------------------------- 1 | import { BrowserModule } from '@angular/platform-browser'; 2 | import { NgModule } from '@angular/core'; 3 | 4 | import { AppRoutingModule } from './app-routing.module'; 5 | import { AppComponent } from './app.component'; 6 | import { FormsModule } from '@angular/forms'; 7 | import { InputModule } from './components/input'; 8 | 9 | // import { CDBFreeModule } from 'ng-cdbangular'; 10 | 11 | @NgModule({ 12 | declarations: [ 13 | AppComponent 14 | ], 15 | imports: [ 16 | BrowserModule, 17 | AppRoutingModule, 18 | FormsModule, 19 | InputModule 20 | // CDBFreeModule 21 | ], 22 | providers: [], 23 | bootstrap: [AppComponent] 24 | }) 25 | export class AppModule { } 26 | -------------------------------------------------------------------------------- /src/app/assets/img/overlays/01.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Devwares-Team/Contrast-Bootstrap-Angular/6b06d97923552950753ed51ff8ee352dc68df8aa/src/app/assets/img/overlays/01.png -------------------------------------------------------------------------------- /src/app/assets/img/overlays/02.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Devwares-Team/Contrast-Bootstrap-Angular/6b06d97923552950753ed51ff8ee352dc68df8aa/src/app/assets/img/overlays/02.png -------------------------------------------------------------------------------- /src/app/assets/img/overlays/03.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Devwares-Team/Contrast-Bootstrap-Angular/6b06d97923552950753ed51ff8ee352dc68df8aa/src/app/assets/img/overlays/03.png -------------------------------------------------------------------------------- /src/app/assets/img/overlays/04.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Devwares-Team/Contrast-Bootstrap-Angular/6b06d97923552950753ed51ff8ee352dc68df8aa/src/app/assets/img/overlays/04.png -------------------------------------------------------------------------------- /src/app/assets/img/overlays/05.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Devwares-Team/Contrast-Bootstrap-Angular/6b06d97923552950753ed51ff8ee352dc68df8aa/src/app/assets/img/overlays/05.png -------------------------------------------------------------------------------- /src/app/assets/img/overlays/06.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Devwares-Team/Contrast-Bootstrap-Angular/6b06d97923552950753ed51ff8ee352dc68df8aa/src/app/assets/img/overlays/06.png -------------------------------------------------------------------------------- /src/app/assets/img/overlays/07.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Devwares-Team/Contrast-Bootstrap-Angular/6b06d97923552950753ed51ff8ee352dc68df8aa/src/app/assets/img/overlays/07.png -------------------------------------------------------------------------------- /src/app/assets/img/overlays/08.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Devwares-Team/Contrast-Bootstrap-Angular/6b06d97923552950753ed51ff8ee352dc68df8aa/src/app/assets/img/overlays/08.png -------------------------------------------------------------------------------- /src/app/assets/img/overlays/09.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Devwares-Team/Contrast-Bootstrap-Angular/6b06d97923552950753ed51ff8ee352dc68df8aa/src/app/assets/img/overlays/09.png -------------------------------------------------------------------------------- /src/app/components/accordion/accordion.component.html: -------------------------------------------------------------------------------- 1 |
    2 |
      3 |
    • 4 | 7 |
      • 8 |
    9 |
    -------------------------------------------------------------------------------- /src/app/components/accordion/accordion.module.ts: -------------------------------------------------------------------------------- 1 | import { NgModule } from '@angular/core'; 2 | import { CommonModule } from '@angular/common'; 3 | import { AccordionComponent } from './accordion.component'; 4 | import { AccordionitemComponent } from './accordionitem/accordionitem.component'; 5 | 6 | @NgModule({ 7 | declarations: [AccordionComponent, AccordionitemComponent], 8 | imports: [CommonModule], 9 | exports: [AccordionComponent, AccordionitemComponent], 10 | }) 11 | export class AccordionModule {} 12 | -------------------------------------------------------------------------------- /src/app/components/accordion/accordionitem/accordionitem.component.html: -------------------------------------------------------------------------------- 1 |
    2 |
    3 |

    {{data.title}}

    4 | 5 | 6 |
    7 |
    8 |
    9 |

    {{data.content}}

    10 |
    11 |
    12 |
    -------------------------------------------------------------------------------- /src/app/components/accordion/accordionitem/accordionitem.component.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Devwares-Team/Contrast-Bootstrap-Angular/6b06d97923552950753ed51ff8ee352dc68df8aa/src/app/components/accordion/accordionitem/accordionitem.component.scss -------------------------------------------------------------------------------- /src/app/components/accordion/accordionitem/accordionitem.component.ts: -------------------------------------------------------------------------------- 1 | import { Component, OnInit, Input, ViewEncapsulation } from '@angular/core'; 2 | 3 | @Component({ 4 | selector: 'CDBAccordionitem', 5 | templateUrl: './accordionitem.component.html', 6 | styleUrls: ['./accordionitem.component.scss'], 7 | encapsulation: ViewEncapsulation.None, 8 | }) 9 | export class AccordionitemComponent implements OnInit { 10 | @Input() data: any; 11 | @Input() accordionHeaderBodyClass: string; 12 | @Input() accordionHeaderClass: string; 13 | @Input() accordionBodyClass: string; 14 | @Input() accordionItemClass: string; 15 | 16 | opened = true; 17 | 18 | handleAccordionToggle = () => { 19 | this.opened = !this.opened; 20 | }; 21 | constructor() {} 22 | 23 | ngOnInit(): void {} 24 | } 25 | -------------------------------------------------------------------------------- /src/app/components/accordion/index.ts: -------------------------------------------------------------------------------- 1 | export { AccordionModule } from './accordion.module'; 2 | export { AccordionComponent } from './accordion.component'; 3 | export { AccordionitemComponent } from './accordionitem/accordionitem.component'; 4 | -------------------------------------------------------------------------------- /src/app/components/alert/alert.component.html: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/app/components/alert/alert.component.scss: -------------------------------------------------------------------------------- 1 | @import "../../styles/colorStyles"; 2 | 3 | .CDBAlert { 4 | border-radius: 0px; 5 | display: flex; 6 | align-items: center; 7 | justify-content: space-between; 8 | // min-width: 500px; 9 | height: auto; 10 | position: relative; 11 | padding: 0.75rem 1.25rem; 12 | margin-bottom: 1rem; 13 | border: 1px solid transparent; 14 | } 15 | .CDBAlertButton { 16 | color: inherit; 17 | border: none; 18 | background-color: transparent; 19 | align-self: center; 20 | cursor: pointer; 21 | } 22 | .CDBAlertButton:focus { 23 | outline: none; 24 | } 25 | -------------------------------------------------------------------------------- /src/app/components/alert/alert.component.ts: -------------------------------------------------------------------------------- 1 | import { 2 | Component, 3 | Input, 4 | OnInit, 5 | ElementRef, 6 | Renderer2, 7 | ViewEncapsulation, 8 | } from '@angular/core'; 9 | 10 | @Component({ 11 | selector: 'CDBAlert', 12 | templateUrl: './alert.component.html', 13 | styleUrls: ['./alert.component.scss'], 14 | encapsulation: ViewEncapsulation.None, 15 | }) 16 | export class AlertComponent implements OnInit { 17 | @Input() color: string = 'primary'; 18 | @Input() class: string; 19 | @Input() style: string; 20 | @Input() dismiss: boolean = false; 21 | 22 | constructor(private elRef: ElementRef, private renderer: Renderer2) {} 23 | 24 | ngOnInit() { 25 | this.renderer.removeAttribute(this.elRef.nativeElement, 'class'); 26 | this.renderer.removeAttribute(this.elRef.nativeElement, 'style'); 27 | } 28 | 29 | onDismiss(event) { 30 | event.target.parentNode.parentNode.remove(); 31 | } 32 | } 33 | -------------------------------------------------------------------------------- /src/app/components/alert/alert.module.ts: -------------------------------------------------------------------------------- 1 | import { NgModule } from '@angular/core'; 2 | import { CommonModule } from '@angular/common'; 3 | import { AlertComponent } from './alert.component'; 4 | 5 | @NgModule({ 6 | declarations: [AlertComponent], 7 | imports: [CommonModule], 8 | exports: [AlertComponent], 9 | }) 10 | export class AlertModule {} 11 | -------------------------------------------------------------------------------- /src/app/components/alert/index.ts: -------------------------------------------------------------------------------- 1 | export { AlertModule } from './alert.module'; 2 | export { AlertComponent } from './alert.component'; 3 | -------------------------------------------------------------------------------- /src/app/components/animation/animation.component.html: -------------------------------------------------------------------------------- 1 |
    2 | 3 |
    -------------------------------------------------------------------------------- /src/app/components/animation/animation.module.ts: -------------------------------------------------------------------------------- 1 | import { NgModule } from '@angular/core'; 2 | import { CommonModule } from '@angular/common'; 3 | import { AnimationComponent } from './animation.component'; 4 | 5 | @NgModule({ 6 | declarations: [AnimationComponent], 7 | imports: [CommonModule], 8 | exports: [AnimationComponent], 9 | }) 10 | export class AnimationModule {} 11 | -------------------------------------------------------------------------------- /src/app/components/animation/index.ts: -------------------------------------------------------------------------------- 1 | export { AnimationModule } from './animation.module'; 2 | export { AnimationComponent } from './animation.component'; 3 | -------------------------------------------------------------------------------- /src/app/components/badge/badge.component.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | -------------------------------------------------------------------------------- /src/app/components/badge/badge.module.ts: -------------------------------------------------------------------------------- 1 | import { NgModule } from '@angular/core'; 2 | import { CommonModule } from '@angular/common'; 3 | import { BadgeComponent } from './badge.component'; 4 | 5 | @NgModule({ 6 | declarations: [BadgeComponent], 7 | imports: [CommonModule], 8 | exports: [BadgeComponent], 9 | }) 10 | export class BadgeModule {} 11 | -------------------------------------------------------------------------------- /src/app/components/badge/index.ts: -------------------------------------------------------------------------------- 1 | export { BadgeModule } from './badge.module'; 2 | export { BadgeComponent } from './badge.component'; 3 | -------------------------------------------------------------------------------- /src/app/components/box/box.component.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 |
    6 | 7 |
    8 |

    9 | 10 |

    11 |
    12 | 13 |
    14 |     15 | 16 | 17 | 18 | -------------------------------------------------------------------------------- /src/app/components/box/box.component.scss: -------------------------------------------------------------------------------- 1 | @import "../../styles/colors"; 2 | @import "../../styles/colorStyles"; 3 | -------------------------------------------------------------------------------- /src/app/components/box/box.module.ts: -------------------------------------------------------------------------------- 1 | import { NgModule } from '@angular/core'; 2 | import { CommonModule } from '@angular/common'; 3 | import { BoxComponent } from './box.component'; 4 | 5 | @NgModule({ 6 | declarations: [BoxComponent], 7 | imports: [CommonModule], 8 | exports: [BoxComponent], 9 | }) 10 | export class BoxModule {} 11 | -------------------------------------------------------------------------------- /src/app/components/box/index.ts: -------------------------------------------------------------------------------- 1 | export { BoxModule } from './box.module'; 2 | export { BoxComponent } from './box.component'; 3 | -------------------------------------------------------------------------------- /src/app/components/breadcrumb/breadcrumb.component.html: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/app/components/breadcrumb/breadcrumb.component.scss: -------------------------------------------------------------------------------- 1 | @import "../../styles/colors"; 2 | 3 | .CDBBreadcrumb-default { 4 | border-radius: 0px; 5 | -webkit-border-radius: 0px; 6 | -moz-border-radius: 0px; 7 | -ms-border-radius: 0px; 8 | -o-border-radius: 0px; 9 | text-transform: capitalize; 10 | a { 11 | display: unset !important; 12 | } 13 | } 14 | 15 | .CDBBreadcrumb-bold { 16 | font-weight: bold; 17 | } 18 | 19 | .CDBBreadcrumb-light { 20 | font-weight: light; 21 | } 22 | 23 | .CDBBreadcrumb-circle { 24 | border-radius: 50px; 25 | -webkit-border-radius: 50px; 26 | -moz-border-radius: 50px; 27 | -ms-border-radius: 50px; 28 | -o-border-radius: 50px; 29 | } 30 | 31 | .CDBBreadcrumb-uppercase { 32 | text-transform: uppercase; 33 | } 34 | -------------------------------------------------------------------------------- /src/app/components/breadcrumb/breadcrumb.module.ts: -------------------------------------------------------------------------------- 1 | import { NgModule } from '@angular/core'; 2 | import { CommonModule } from '@angular/common'; 3 | import { BreadcrumbComponent } from './breadcrumb.component'; 4 | 5 | @NgModule({ 6 | declarations: [BreadcrumbComponent], 7 | imports: [CommonModule], 8 | exports: [BreadcrumbComponent], 9 | }) 10 | export class BreadcrumbModule {} 11 | -------------------------------------------------------------------------------- /src/app/components/breadcrumb/index.ts: -------------------------------------------------------------------------------- 1 | export { BreadcrumbModule } from './breadcrumb.module'; 2 | export { BreadcrumbComponent } from './breadcrumb.component'; 3 | -------------------------------------------------------------------------------- /src/app/components/button/button.component.html: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/app/components/button/button.module.ts: -------------------------------------------------------------------------------- 1 | import { NgModule } from '@angular/core'; 2 | import { CommonModule } from '@angular/common'; 3 | import { ButtonComponent } from './button.component'; 4 | 5 | @NgModule({ 6 | declarations: [ButtonComponent], 7 | imports: [CommonModule], 8 | exports: [ButtonComponent], 9 | }) 10 | export class ButtonModule {} 11 | -------------------------------------------------------------------------------- /src/app/components/button/index.ts: -------------------------------------------------------------------------------- 1 | export { ButtonModule } from './button.module'; 2 | export { ButtonComponent } from './button.component'; 3 | -------------------------------------------------------------------------------- /src/app/components/buttongroup/buttongroup.component.html: -------------------------------------------------------------------------------- 1 |
    2 | 3 |
    -------------------------------------------------------------------------------- /src/app/components/buttongroup/buttongroup.component.scss: -------------------------------------------------------------------------------- 1 | @import "../../styles/colors"; 2 | @import "../../styles/colorStyles"; 3 | 4 | .CDBBtnGrp { 5 | .btn { 6 | border-radius: 0px !important; 7 | -webkit-border-radius: 0px !important; 8 | -moz-border-radius: 0px !important; 9 | -ms-border-radius: 0px !important; 10 | -o-border-radius: 0px !important; 11 | } 12 | } 13 | -------------------------------------------------------------------------------- /src/app/components/buttongroup/buttongroup.module.ts: -------------------------------------------------------------------------------- 1 | import { NgModule } from '@angular/core'; 2 | import { CommonModule } from '@angular/common'; 3 | import { ButtongroupComponent } from './buttongroup.component'; 4 | 5 | @NgModule({ 6 | declarations: [ButtongroupComponent], 7 | imports: [CommonModule], 8 | exports: [ButtongroupComponent], 9 | }) 10 | export class ButtongroupModule {} 11 | -------------------------------------------------------------------------------- /src/app/components/buttongroup/index.ts: -------------------------------------------------------------------------------- 1 | export { ButtongroupModule } from './buttongroup.module'; 2 | export { ButtongroupComponent } from './buttongroup.component'; 3 | -------------------------------------------------------------------------------- /src/app/components/buttontoolbar/buttontoolbar.component.html: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/app/components/buttontoolbar/buttontoolbar.component.scss: -------------------------------------------------------------------------------- 1 | @import "../../styles/colors"; 2 | @import "../../styles/colorStyles"; 3 | -------------------------------------------------------------------------------- /src/app/components/buttontoolbar/buttontoolbar.module.ts: -------------------------------------------------------------------------------- 1 | import { NgModule } from '@angular/core'; 2 | import { CommonModule } from '@angular/common'; 3 | import { ButtontoolbarComponent } from './buttontoolbar.component'; 4 | 5 | @NgModule({ 6 | declarations: [ButtontoolbarComponent], 7 | imports: [CommonModule], 8 | exports: [ButtontoolbarComponent], 9 | }) 10 | export class ButtontoolbarModule {} 11 | -------------------------------------------------------------------------------- /src/app/components/buttontoolbar/index.ts: -------------------------------------------------------------------------------- 1 | export { ButtontoolbarModule } from './buttontoolbar.module'; 2 | export { ButtontoolbarComponent } from './buttontoolbar.component'; 3 | -------------------------------------------------------------------------------- /src/app/components/card/card-body/card-body.component.html: -------------------------------------------------------------------------------- 1 |
    2 | 3 |
    4 | -------------------------------------------------------------------------------- /src/app/components/card/card-body/card-body.component.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Devwares-Team/Contrast-Bootstrap-Angular/6b06d97923552950753ed51ff8ee352dc68df8aa/src/app/components/card/card-body/card-body.component.scss -------------------------------------------------------------------------------- /src/app/components/card/card-body/card-body.component.spec.ts: -------------------------------------------------------------------------------- 1 | import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing'; 2 | 3 | import { CardBodyComponent } from './card-body.component'; 4 | 5 | describe('CardBodyComponent', () => { 6 | let component: CardBodyComponent; 7 | let fixture: ComponentFixture; 8 | 9 | beforeEach(waitForAsync(() => { 10 | TestBed.configureTestingModule({ 11 | declarations: [ CardBodyComponent ] 12 | }) 13 | .compileComponents(); 14 | })); 15 | 16 | beforeEach(() => { 17 | fixture = TestBed.createComponent(CardBodyComponent); 18 | component = fixture.componentInstance; 19 | fixture.detectChanges(); 20 | }); 21 | 22 | it('should create', () => { 23 | expect(component).toBeTruthy(); 24 | }); 25 | }); 26 | -------------------------------------------------------------------------------- /src/app/components/card/card-image/card-image.component.html: -------------------------------------------------------------------------------- 1 | 2 |
    3 | 4 |
    5 |     -------------------------------------------------------------------------------- /src/app/components/card/card-image/card-image.component.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Devwares-Team/Contrast-Bootstrap-Angular/6b06d97923552950753ed51ff8ee352dc68df8aa/src/app/components/card/card-image/card-image.component.scss -------------------------------------------------------------------------------- /src/app/components/card/card-image/card-image.component.spec.ts: -------------------------------------------------------------------------------- 1 | import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing'; 2 | 3 | import { CardImageComponent } from './card-image.component'; 4 | 5 | describe('CardImageComponent', () => { 6 | let component: CardImageComponent; 7 | let fixture: ComponentFixture; 8 | 9 | beforeEach(waitForAsync(() => { 10 | TestBed.configureTestingModule({ 11 | declarations: [ CardImageComponent ] 12 | }) 13 | .compileComponents(); 14 | })); 15 | 16 | beforeEach(() => { 17 | fixture = TestBed.createComponent(CardImageComponent); 18 | component = fixture.componentInstance; 19 | fixture.detectChanges(); 20 | }); 21 | 22 | it('should create', () => { 23 | expect(component).toBeTruthy(); 24 | }); 25 | }); 26 | -------------------------------------------------------------------------------- /src/app/components/card/card-text/card-text.component.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 |

    5 | 6 |

    7 |     8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 |     -------------------------------------------------------------------------------- /src/app/components/card/card-text/card-text.component.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Devwares-Team/Contrast-Bootstrap-Angular/6b06d97923552950753ed51ff8ee352dc68df8aa/src/app/components/card/card-text/card-text.component.scss -------------------------------------------------------------------------------- /src/app/components/card/card-text/card-text.component.spec.ts: -------------------------------------------------------------------------------- 1 | import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing'; 2 | 3 | import { CardTextComponent } from './card-text.component'; 4 | 5 | describe('CardTextComponent', () => { 6 | let component: CardTextComponent; 7 | let fixture: ComponentFixture; 8 | 9 | beforeEach(waitForAsync(() => { 10 | TestBed.configureTestingModule({ 11 | declarations: [ CardTextComponent ] 12 | }) 13 | .compileComponents(); 14 | })); 15 | 16 | beforeEach(() => { 17 | fixture = TestBed.createComponent(CardTextComponent); 18 | component = fixture.componentInstance; 19 | fixture.detectChanges(); 20 | }); 21 | 22 | it('should create', () => { 23 | expect(component).toBeTruthy(); 24 | }); 25 | }); 26 | -------------------------------------------------------------------------------- /src/app/components/card/card-title/card-title.component.scss: -------------------------------------------------------------------------------- 1 | @import "../../../styles/colors"; 2 | @import "../../../styles/colorStyles"; 3 | 4 | .CDBCard-title { 5 | margin: 10px 0; 6 | } 7 | -------------------------------------------------------------------------------- /src/app/components/card/card-title/card-title.component.spec.ts: -------------------------------------------------------------------------------- 1 | import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing'; 2 | 3 | import { CardTitleComponent } from './card-title.component'; 4 | 5 | describe('CardTitleComponent', () => { 6 | let component: CardTitleComponent; 7 | let fixture: ComponentFixture; 8 | 9 | beforeEach(waitForAsync(() => { 10 | TestBed.configureTestingModule({ 11 | declarations: [ CardTitleComponent ] 12 | }) 13 | .compileComponents(); 14 | })); 15 | 16 | beforeEach(() => { 17 | fixture = TestBed.createComponent(CardTitleComponent); 18 | component = fixture.componentInstance; 19 | fixture.detectChanges(); 20 | }); 21 | 22 | it('should create', () => { 23 | expect(component).toBeTruthy(); 24 | }); 25 | }); 26 | -------------------------------------------------------------------------------- /src/app/components/card/card.component.html: -------------------------------------------------------------------------------- 1 |
    2 | 3 |
    4 | -------------------------------------------------------------------------------- /src/app/components/card/card.component.scss: -------------------------------------------------------------------------------- 1 | @import "../../styles/colors"; 2 | @import "../../styles/colorStyles"; 3 | 4 | .CDBCard-default { 5 | position: relative; 6 | display: -webkit-box; 7 | display: -ms-flexbox; 8 | display: flex; 9 | -webkit-box-orient: vertical; 10 | -webkit-box-direction: normal; 11 | -ms-flex-direction: column; 12 | flex-direction: column; 13 | min-width: 0; 14 | word-wrap: break-word; 15 | background-color: #ffffff; 16 | background-clip: border-box; 17 | border: 2px solid #e2e2e2; 18 | width: 100%; 19 | } 20 | 21 | .CDBCard-border { 22 | border: unset; 23 | border-top: 8px solid #e2e2e2; 24 | border-bottom: 8px solid #e2e2e2; 25 | } 26 | -------------------------------------------------------------------------------- /src/app/components/card/card.component.spec.ts: -------------------------------------------------------------------------------- 1 | import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing'; 2 | 3 | import { CardComponent } from './card.component'; 4 | 5 | describe('CardComponent', () => { 6 | let component: CardComponent; 7 | let fixture: ComponentFixture; 8 | 9 | beforeEach(waitForAsync(() => { 10 | TestBed.configureTestingModule({ 11 | declarations: [ CardComponent ] 12 | }) 13 | .compileComponents(); 14 | })); 15 | 16 | beforeEach(() => { 17 | fixture = TestBed.createComponent(CardComponent); 18 | component = fixture.componentInstance; 19 | fixture.detectChanges(); 20 | }); 21 | 22 | it('should create', () => { 23 | expect(component).toBeTruthy(); 24 | }); 25 | }); 26 | -------------------------------------------------------------------------------- /src/app/components/card/card.module.ts: -------------------------------------------------------------------------------- 1 | import { NgModule } from '@angular/core'; 2 | import { CommonModule } from '@angular/common'; 3 | import { CardComponent } from './card.component'; 4 | import { CardBodyComponent } from './card-body/card-body.component'; 5 | import { CardImageComponent } from './card-image/card-image.component'; 6 | import { CardTextComponent } from './card-text/card-text.component'; 7 | import { CardTitleComponent } from './card-title/card-title.component'; 8 | import { ViewModule } from './../view/view.module'; 9 | 10 | @NgModule({ 11 | declarations: [ 12 | CardComponent, 13 | CardBodyComponent, 14 | CardImageComponent, 15 | CardTextComponent, 16 | CardTitleComponent, 17 | ], 18 | imports: [CommonModule,ViewModule], 19 | exports: [ 20 | CardComponent, 21 | CardBodyComponent, 22 | CardImageComponent, 23 | CardTextComponent, 24 | CardTitleComponent, 25 | ], 26 | }) 27 | export class CardModule {} 28 | -------------------------------------------------------------------------------- /src/app/components/card/index.ts: -------------------------------------------------------------------------------- 1 | export { CardModule } from './card.module'; 2 | export { CardComponent } from './card.component'; 3 | export { CardBodyComponent } from './card-body/card-body.component'; 4 | export { CardImageComponent } from './card-image/card-image.component'; 5 | export { CardTextComponent } from './card-text/card-text.component'; 6 | export { CardTitleComponent } from './card-title/card-title.component'; -------------------------------------------------------------------------------- /src/app/components/carousel/carousel-control/carousel-control.component.html: -------------------------------------------------------------------------------- 1 | 2 |
    3 | 4 | {{text}} 5 |
    6 |     -------------------------------------------------------------------------------- /src/app/components/carousel/carousel-control/carousel-control.component.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Devwares-Team/Contrast-Bootstrap-Angular/6b06d97923552950753ed51ff8ee352dc68df8aa/src/app/components/carousel/carousel-control/carousel-control.component.scss -------------------------------------------------------------------------------- /src/app/components/carousel/carousel-inner/carousel-inner.component.html: -------------------------------------------------------------------------------- 1 |
    2 | 3 |
    -------------------------------------------------------------------------------- /src/app/components/carousel/carousel-inner/carousel-inner.component.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Devwares-Team/Contrast-Bootstrap-Angular/6b06d97923552950753ed51ff8ee352dc68df8aa/src/app/components/carousel/carousel-inner/carousel-inner.component.scss -------------------------------------------------------------------------------- /src/app/components/carousel/carousel-item/carousel-item.component.html: -------------------------------------------------------------------------------- 1 |
    3 | 4 |
    -------------------------------------------------------------------------------- /src/app/components/carousel/carousel-item/carousel-item.component.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Devwares-Team/Contrast-Bootstrap-Angular/6b06d97923552950753ed51ff8ee352dc68df8aa/src/app/components/carousel/carousel-item/carousel-item.component.scss -------------------------------------------------------------------------------- /src/app/components/carousel/carousel.component.scss: -------------------------------------------------------------------------------- 1 | .carousel-inner { 2 | position: relative; 3 | overflow: hidden; 4 | width: 100%; 5 | height: 100%; 6 | } 7 | 8 | .carousel-fade .carousel-item { 9 | position: absolute; 10 | left: 0; 11 | top: 0; 12 | width: 100%; 13 | height: 100%; 14 | display: block !important; 15 | opacity: 0; 16 | z-index: 0; 17 | transition: transform 0ms ease-in-out, opacity 0.8s ease-out; 18 | } 19 | 20 | .carousel-fade .carousel-item.active { 21 | position: relative; 22 | z-index: 1; 23 | opacity: 1; 24 | } 25 | 26 | .carousel-multi-item .carousel-item { 27 | display: inline-block !important; 28 | } 29 | 30 | .carousel .carousel-slide-item { 31 | transition: left 0.5s; 32 | } 33 | 34 | .carousel-control-prev, 35 | .carousel-control-next, 36 | .carousel-item-prev, 37 | .carousel-item-next { 38 | z-index: 2; 39 | } 40 | -------------------------------------------------------------------------------- /src/app/components/carousel/carouselindicator/carouselindicator.component.html: -------------------------------------------------------------------------------- 1 |
  • 2 | alt 3 | 4 |
    • -------------------------------------------------------------------------------- /src/app/components/carousel/carouselindicator/carouselindicator.component.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Devwares-Team/Contrast-Bootstrap-Angular/6b06d97923552950753ed51ff8ee352dc68df8aa/src/app/components/carousel/carouselindicator/carouselindicator.component.scss -------------------------------------------------------------------------------- /src/app/components/carousel/carouselindicator/carouselindicator.component.ts: -------------------------------------------------------------------------------- 1 | import { Component, OnInit, Input, ViewEncapsulation } from '@angular/core'; 2 | 3 | @Component({ 4 | selector: 'CDBCarouselindicator', 5 | templateUrl: './carouselindicator.component.html', 6 | styleUrls: ['./carouselindicator.component.scss'], 7 | encapsulation: ViewEncapsulation.None, 8 | }) 9 | export class CarouselindicatorComponent implements OnInit { 10 | @Input() active: boolean; 11 | @Input() alt: string; 12 | @Input() class: string; 13 | @Input() img: string; 14 | constructor() {} 15 | 16 | ngOnInit(): void {} 17 | } 18 | -------------------------------------------------------------------------------- /src/app/components/carousel/index.ts: -------------------------------------------------------------------------------- 1 | export { CarouselModule } from './carousel.module'; 2 | export { CarouselComponent } from './carousel.component'; 3 | export { CarouselindicatorComponent } from './carouselindicator/carouselindicator.component'; 4 | export { CarouselItemComponent } from './carousel-item/carousel-item.component'; 5 | export { CarouselInnerComponent } from './carousel-inner/carousel-inner.component'; 6 | export { CarouselControlComponent } from './carousel-control/carousel-control.component'; -------------------------------------------------------------------------------- /src/app/components/closeicon/closeicon.component.html: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/app/components/closeicon/closeicon.component.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Devwares-Team/Contrast-Bootstrap-Angular/6b06d97923552950753ed51ff8ee352dc68df8aa/src/app/components/closeicon/closeicon.component.scss -------------------------------------------------------------------------------- /src/app/components/closeicon/closeicon.module.ts: -------------------------------------------------------------------------------- 1 | import { NgModule } from '@angular/core'; 2 | import { CommonModule } from '@angular/common'; 3 | import { CloseiconComponent } from './closeicon.component'; 4 | 5 | @NgModule({ 6 | declarations: [CloseiconComponent], 7 | imports: [CommonModule], 8 | exports: [CloseiconComponent], 9 | }) 10 | export class CloseiconModule {} 11 | -------------------------------------------------------------------------------- /src/app/components/closeicon/index.ts: -------------------------------------------------------------------------------- 1 | export { CloseiconModule } from './closeicon.module'; 2 | export { CloseiconComponent } from './closeicon.component'; 3 | -------------------------------------------------------------------------------- /src/app/components/collapse/collapse.component.html: -------------------------------------------------------------------------------- 1 | 2 | 3 |
    5 | 6 |
    7 |     8 | 9 | 10 |
    12 | 13 |
    14 |     15 |     16 | 17 | 18 | 19 | -------------------------------------------------------------------------------- /src/app/components/collapse/collapse.component.scss: -------------------------------------------------------------------------------- 1 | @import "../../styles/colors"; 2 | @import "../../styles/colorStyles"; -------------------------------------------------------------------------------- /src/app/components/collapse/collapse.module.ts: -------------------------------------------------------------------------------- 1 | import { NgModule } from '@angular/core'; 2 | import { CommonModule } from '@angular/common'; 3 | import { CollapseComponent } from './collapse.component'; 4 | 5 | @NgModule({ 6 | declarations: [CollapseComponent], 7 | imports: [CommonModule], 8 | exports: [CollapseComponent], 9 | }) 10 | export class CollapseModule {} 11 | -------------------------------------------------------------------------------- /src/app/components/collapse/index.ts: -------------------------------------------------------------------------------- 1 | export { CollapseModule } from './collapse.module'; 2 | export { CollapseComponent } from './collapse.component'; 3 | -------------------------------------------------------------------------------- /src/app/components/dropdown/dropdown-item/dropdown-item.component.html: -------------------------------------------------------------------------------- 1 |
    2 | 3 |
    -------------------------------------------------------------------------------- /src/app/components/dropdown/dropdown-item/dropdown-item.component.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Devwares-Team/Contrast-Bootstrap-Angular/6b06d97923552950753ed51ff8ee352dc68df8aa/src/app/components/dropdown/dropdown-item/dropdown-item.component.scss -------------------------------------------------------------------------------- /src/app/components/dropdown/dropdown-menu/dropdown-menu.component.html: -------------------------------------------------------------------------------- 1 |
    3 | 4 |
    -------------------------------------------------------------------------------- /src/app/components/dropdown/dropdown-menu/dropdown-menu.component.scss: -------------------------------------------------------------------------------- 1 | @import "../../../styles/colors"; 2 | @import "../../../styles/colorStyles"; 3 | 4 | .CDBDropDownMenu { 5 | min-height: 20px; 6 | min-width: 20px; 7 | border-radius: 0; 8 | padding: 1em; 9 | } 10 | -------------------------------------------------------------------------------- /src/app/components/dropdown/dropdown.component.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | -------------------------------------------------------------------------------- /src/app/components/dropdown/dropdown.component.scss: -------------------------------------------------------------------------------- 1 | .CDBDropDown { 2 | position: relative; 3 | display: flex; 4 | flex-direction: column; 5 | cursor: pointer; 6 | } 7 | -------------------------------------------------------------------------------- /src/app/components/dropdown/dropdown.component.ts: -------------------------------------------------------------------------------- 1 | import { 2 | AfterViewInit, 3 | Component, 4 | ElementRef, 5 | Input, 6 | OnInit, 7 | Renderer2, 8 | ViewChild, 9 | ViewEncapsulation, 10 | } from '@angular/core'; 11 | @Component({ 12 | selector: 'CDBDropDown', 13 | templateUrl: './dropdown.component.html', 14 | styleUrls: ['./dropdown.component.scss'], 15 | encapsulation: ViewEncapsulation.None, 16 | }) 17 | export class DropdownComponent implements OnInit, AfterViewInit { 18 | @Input() class: string; 19 | @Input() style: string; 20 | 21 | @ViewChild('dropdown', { static: false }) dropdown: ElementRef; 22 | 23 | constructor(private elRef: ElementRef, private renderer: Renderer2) {} 24 | 25 | ngOnInit() { 26 | this.renderer.removeAttribute(this.elRef.nativeElement, 'class'); 27 | this.renderer.removeAttribute(this.elRef.nativeElement, 'style'); 28 | } 29 | 30 | ngAfterViewInit() {} 31 | } 32 | -------------------------------------------------------------------------------- /src/app/components/dropdown/dropdown.module.ts: -------------------------------------------------------------------------------- 1 | import { NgModule } from '@angular/core'; 2 | import { CommonModule } from '@angular/common'; 3 | import { DropdownComponent } from './dropdown.component'; 4 | import { DropdownToggleComponent } from './dropdown-toggle/dropdown-toggle.component'; 5 | import { DropdownMenuComponent } from './dropdown-menu/dropdown-menu.component'; 6 | import { DropdownItemComponent } from './dropdown-item/dropdown-item.component'; 7 | 8 | @NgModule({ 9 | declarations: [ 10 | DropdownComponent, 11 | DropdownToggleComponent, 12 | DropdownMenuComponent, 13 | DropdownItemComponent, 14 | ], 15 | imports: [CommonModule], 16 | exports: [ 17 | DropdownComponent, 18 | DropdownToggleComponent, 19 | DropdownMenuComponent, 20 | DropdownItemComponent, 21 | ], 22 | }) 23 | export class DropdownModule {} 24 | -------------------------------------------------------------------------------- /src/app/components/dropdown/index.ts: -------------------------------------------------------------------------------- 1 | export { DropdownModule } from './dropdown.module'; 2 | export { DropdownComponent } from './dropdown.component'; 3 | export { DropdownToggleComponent } from './dropdown-toggle/dropdown-toggle.component'; 4 | export { DropdownMenuComponent } from './dropdown-menu/dropdown-menu.component'; 5 | export { DropdownItemComponent } from './dropdown-item/dropdown-item.component'; 6 | -------------------------------------------------------------------------------- /src/app/components/footer/footer.component.html: -------------------------------------------------------------------------------- 1 |
    2 | 3 |
    -------------------------------------------------------------------------------- /src/app/components/footer/footer.component.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Devwares-Team/Contrast-Bootstrap-Angular/6b06d97923552950753ed51ff8ee352dc68df8aa/src/app/components/footer/footer.component.scss -------------------------------------------------------------------------------- /src/app/components/footer/footer.component.ts: -------------------------------------------------------------------------------- 1 | import { Component, OnInit, Input, ViewEncapsulation, ElementRef, Renderer2 } from '@angular/core'; 2 | 3 | @Component({ 4 | selector: 'CDBFooter', 5 | templateUrl: './footer.component.html', 6 | styleUrls: ['./footer.component.scss'], 7 | encapsulation: ViewEncapsulation.None, 8 | }) 9 | export class FooterComponent implements OnInit { 10 | @Input() color: string; 11 | @Input() class: string; 12 | @Input() style: string; 13 | 14 | constructor(private elRef: ElementRef, private renderer: Renderer2) {} 15 | 16 | ngOnInit() { 17 | this.renderer.removeAttribute(this.elRef.nativeElement, 'class'); 18 | this.renderer.removeAttribute(this.elRef.nativeElement, 'style'); 19 | } 20 | 21 | } 22 | -------------------------------------------------------------------------------- /src/app/components/footer/footer.module.ts: -------------------------------------------------------------------------------- 1 | import { NgModule } from '@angular/core'; 2 | import { CommonModule } from '@angular/common'; 3 | import { FooterComponent } from './footer.component'; 4 | 5 | @NgModule({ 6 | declarations: [FooterComponent], 7 | imports: [CommonModule], 8 | exports: [FooterComponent], 9 | }) 10 | export class FooterModule {} 11 | -------------------------------------------------------------------------------- /src/app/components/footer/index.ts: -------------------------------------------------------------------------------- 1 | export { FooterModule } from './footer.module'; 2 | export { FooterComponent } from './footer.component'; 3 | -------------------------------------------------------------------------------- /src/app/components/icon/icon.component.html: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/app/components/icon/icon.component.scss: -------------------------------------------------------------------------------- 1 | @import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.14.0/css/all.min.css"); 2 | @import "../../styles/colors"; 3 | @import "../../styles/colorStyles"; 4 | 5 | .cdb-icon { 6 | padding: 0px 4px; 7 | } -------------------------------------------------------------------------------- /src/app/components/icon/icon.module.ts: -------------------------------------------------------------------------------- 1 | import { NgModule } from '@angular/core'; 2 | import { CommonModule } from '@angular/common'; 3 | import { IconComponent } from './icon.component'; 4 | 5 | @NgModule({ 6 | declarations: [IconComponent], 7 | imports: [CommonModule], 8 | exports: [IconComponent], 9 | }) 10 | export class IconModule {} -------------------------------------------------------------------------------- /src/app/components/icon/index.ts: -------------------------------------------------------------------------------- 1 | export { IconModule } from './icon.module'; 2 | export { IconComponent } from './icon.component'; -------------------------------------------------------------------------------- /src/app/components/iframe/iframe.component.html: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/app/components/iframe/iframe.component.scss: -------------------------------------------------------------------------------- 1 | .iframe-host { 2 | position: relative; 3 | iframe, 4 | embed, 5 | object, 6 | video { 7 | margin: 0 auto; 8 | position: absolute; 9 | top: 0; 10 | bottom: 0; 11 | left: 0; 12 | border: 0; 13 | } 14 | } 15 | -------------------------------------------------------------------------------- /src/app/components/iframe/iframe.module.ts: -------------------------------------------------------------------------------- 1 | import { NgModule } from '@angular/core'; 2 | import { CommonModule } from '@angular/common'; 3 | import { IframeComponent } from './iframe.component'; 4 | 5 | @NgModule({ 6 | declarations: [IframeComponent], 7 | imports: [CommonModule], 8 | exports: [IframeComponent], 9 | }) 10 | export class IframeModule {} 11 | -------------------------------------------------------------------------------- /src/app/components/iframe/index.ts: -------------------------------------------------------------------------------- 1 | export { IframeModule } from './iframe.module'; 2 | export { IframeComponent } from './iframe.component'; 3 | -------------------------------------------------------------------------------- /src/app/components/input/index.ts: -------------------------------------------------------------------------------- 1 | export { InputModule } from './input.module'; 2 | export { InputComponent } from './input.component'; 3 | -------------------------------------------------------------------------------- /src/app/components/input/input.module.ts: -------------------------------------------------------------------------------- 1 | import { NgModule } from '@angular/core'; 2 | import { CommonModule } from '@angular/common'; 3 | import { InputComponent } from './input.component'; 4 | import { IconModule } from "../icon/icon.module"; 5 | 6 | @NgModule({ 7 | declarations: [InputComponent], 8 | exports: [InputComponent], 9 | imports: [CommonModule, IconModule] 10 | }) 11 | export class InputModule {} 12 | -------------------------------------------------------------------------------- /src/app/components/inputgroup/index.ts: -------------------------------------------------------------------------------- 1 | export { InputgroupModule } from './inputgroup.module'; 2 | export { InputgroupComponent } from './inputgroup.component'; 3 | -------------------------------------------------------------------------------- /src/app/components/inputgroup/inputgroup.component.html: -------------------------------------------------------------------------------- 1 | 3 | 4 |
    5 | {{ prepend }} 6 |
    7 | 8 |
    9 | {{ append }} 10 |
    11 |     -------------------------------------------------------------------------------- /src/app/components/inputgroup/inputgroup.module.ts: -------------------------------------------------------------------------------- 1 | import { NgModule } from '@angular/core'; 2 | import { CommonModule } from '@angular/common'; 3 | import { InputgroupComponent } from './inputgroup.component'; 4 | import { InputModule } from './../input/input.module'; 5 | 6 | @NgModule({ 7 | declarations: [InputgroupComponent], 8 | imports: [CommonModule, InputModule], 9 | exports: [InputgroupComponent], 10 | }) 11 | export class InputgroupModule {} 12 | -------------------------------------------------------------------------------- /src/app/components/link/index.ts: -------------------------------------------------------------------------------- 1 | export { LinkModule } from './link.module'; 2 | export { LinkComponent } from './link.component'; 3 | -------------------------------------------------------------------------------- /src/app/components/link/link.component.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | -------------------------------------------------------------------------------- /src/app/components/link/link.component.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Devwares-Team/Contrast-Bootstrap-Angular/6b06d97923552950753ed51ff8ee352dc68df8aa/src/app/components/link/link.component.scss -------------------------------------------------------------------------------- /src/app/components/link/link.module.ts: -------------------------------------------------------------------------------- 1 | import { NgModule } from '@angular/core'; 2 | import { CommonModule } from '@angular/common'; 3 | import { RouterModule } from '@angular/router'; 4 | import { LinkComponent } from './link.component'; 5 | 6 | @NgModule({ 7 | declarations: [LinkComponent], 8 | imports: [CommonModule, RouterModule], 9 | exports: [LinkComponent], 10 | }) 11 | export class LinkModule {} 12 | -------------------------------------------------------------------------------- /src/app/components/listgroup/index.ts: -------------------------------------------------------------------------------- 1 | export { ListgroupModule } from './listgroup.module'; 2 | export { ListgroupComponent } from './listgroup.component'; 3 | export { ListgroupitemComponent } from './listgroupitem/listgroupitem.component'; 4 | -------------------------------------------------------------------------------- /src/app/components/listgroup/listgroup.component.html: -------------------------------------------------------------------------------- 1 |
      2 | 3 |
    -------------------------------------------------------------------------------- /src/app/components/listgroup/listgroup.component.scss: -------------------------------------------------------------------------------- 1 | @import "../../styles/colors"; 2 | @import "../../styles/colorStyles"; 3 | 4 | .list-group { 5 | border: none; 6 | } 7 | -------------------------------------------------------------------------------- /src/app/components/listgroup/listgroup.module.ts: -------------------------------------------------------------------------------- 1 | import { NgModule } from '@angular/core'; 2 | import { CommonModule } from '@angular/common'; 3 | import { ListgroupComponent } from './listgroup.component'; 4 | import { ListgroupitemComponent } from './listgroupitem/listgroupitem.component'; 5 | import { LinkModule } from './../link/link.module'; 6 | 7 | @NgModule({ 8 | declarations: [ListgroupComponent, ListgroupitemComponent], 9 | imports: [CommonModule, LinkModule], 10 | exports: [ListgroupComponent, ListgroupitemComponent], 11 | }) 12 | export class ListgroupModule {} 13 | -------------------------------------------------------------------------------- /src/app/components/listgroup/listgroupitem/listgroupitem.component.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 |
  • 11 | 12 |
    • 13 |     14 | 15 | 16 | 17 | 18 | 19 |     -------------------------------------------------------------------------------- /src/app/components/listgroup/listgroupitem/listgroupitem.component.scss: -------------------------------------------------------------------------------- 1 | @import "../../../styles/colors"; 2 | @import "../../../styles/colorStyles"; 3 | 4 | .CDBListGroupLi { 5 | list-style: none !important; 6 | .nav-link { 7 | padding: 0px; 8 | 9 | &:hover { 10 | color: #212529; 11 | } 12 | } 13 | } 14 | 15 | .CDBListGroupLink { 16 | color: #212529; 17 | .nav-link { 18 | padding: 0px; 19 | 20 | &:hover { 21 | color: #212529; 22 | } 23 | } 24 | } 25 | -------------------------------------------------------------------------------- /src/app/components/mask/index.ts: -------------------------------------------------------------------------------- 1 | export { MaskModule } from './mask.module'; 2 | export { MaskComponent } from './mask.component'; 3 | -------------------------------------------------------------------------------- /src/app/components/mask/mask.component.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | -------------------------------------------------------------------------------- /src/app/components/mask/mask.module.ts: -------------------------------------------------------------------------------- 1 | import { NgModule } from '@angular/core'; 2 | import { CommonModule } from '@angular/common'; 3 | import { MaskComponent } from './mask.component'; 4 | 5 | @NgModule({ 6 | declarations: [MaskComponent], 7 | imports: [CommonModule], 8 | exports: [MaskComponent], 9 | }) 10 | export class MaskModule {} 11 | -------------------------------------------------------------------------------- /src/app/components/modal/index.ts: -------------------------------------------------------------------------------- 1 | export { ModalModule } from './modal.module'; 2 | export { ModalComponent } from './modal.component'; 3 | export { ModalHeaderComponent } from './modal-header/modal-header.component'; 4 | export { ModalFooterComponent } from './modal-footer/modal-footer.component'; 5 | export { ModalBodyComponent } from './modal-body/modal-body.component'; 6 | -------------------------------------------------------------------------------- /src/app/components/modal/modal-body/modal-body.component.html: -------------------------------------------------------------------------------- 1 |
    2 | 3 |
    -------------------------------------------------------------------------------- /src/app/components/modal/modal-body/modal-body.component.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Devwares-Team/Contrast-Bootstrap-Angular/6b06d97923552950753ed51ff8ee352dc68df8aa/src/app/components/modal/modal-body/modal-body.component.scss -------------------------------------------------------------------------------- /src/app/components/modal/modal-body/modal-body.component.ts: -------------------------------------------------------------------------------- 1 | import { 2 | AfterViewInit, 3 | Component, 4 | ElementRef, 5 | Input, 6 | OnInit, 7 | Renderer2, 8 | ViewChild, 9 | ViewEncapsulation, 10 | } from '@angular/core'; 11 | 12 | @Component({ 13 | selector: 'CDBModalBody', 14 | templateUrl: './modal-body.component.html', 15 | styleUrls: ['./modal-body.component.scss'], 16 | encapsulation: ViewEncapsulation.None, 17 | }) 18 | export class ModalBodyComponent implements OnInit, AfterViewInit { 19 | @Input() class: string; 20 | @Input() style: string; 21 | 22 | @ViewChild('modalBody', { static: false }) modalBody: ElementRef; 23 | 24 | constructor(private elRef: ElementRef, private renderer: Renderer2) {} 25 | 26 | ngOnInit() { 27 | this.renderer.removeAttribute(this.elRef.nativeElement, 'class'); 28 | this.renderer.removeAttribute(this.elRef.nativeElement, 'style'); 29 | } 30 | 31 | ngAfterViewInit() {} 32 | } 33 | -------------------------------------------------------------------------------- /src/app/components/modal/modal-footer/modal-footer.component.html: -------------------------------------------------------------------------------- 1 |
    2 | 3 |
    -------------------------------------------------------------------------------- /src/app/components/modal/modal-footer/modal-footer.component.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Devwares-Team/Contrast-Bootstrap-Angular/6b06d97923552950753ed51ff8ee352dc68df8aa/src/app/components/modal/modal-footer/modal-footer.component.scss -------------------------------------------------------------------------------- /src/app/components/modal/modal-header/modal-header.component.scss: -------------------------------------------------------------------------------- 1 | @import "../../../styles/colors"; 2 | @import "../../../styles/colorStyles"; 3 | 4 | .modal-header { 5 | align-items: unset; 6 | } 7 | 8 | .close { 9 | &:focus, 10 | &:hover, 11 | &:active { 12 | outline: none; 13 | border: none; 14 | } 15 | } 16 | -------------------------------------------------------------------------------- /src/app/components/modal/modal.module.ts: -------------------------------------------------------------------------------- 1 | import { NgModule } from '@angular/core'; 2 | import { CommonModule } from '@angular/common'; 3 | import { ModalComponent } from './modal.component'; 4 | import { ModalHeaderComponent } from './modal-header/modal-header.component'; 5 | import { ModalFooterComponent } from './modal-footer/modal-footer.component'; 6 | import { ModalBodyComponent } from './modal-body/modal-body.component'; 7 | 8 | @NgModule({ 9 | declarations: [ 10 | ModalComponent, 11 | ModalHeaderComponent, 12 | ModalFooterComponent, 13 | ModalBodyComponent, 14 | ], 15 | imports: [CommonModule], 16 | exports: [ 17 | ModalComponent, 18 | ModalHeaderComponent, 19 | ModalFooterComponent, 20 | ModalBodyComponent, 21 | ], 22 | }) 23 | export class ModalModule {} 24 | -------------------------------------------------------------------------------- /src/app/components/navbar/index.ts: -------------------------------------------------------------------------------- 1 | export { NavbarModule } from './navbar.module'; 2 | export { NavbarComponent } from './navbar.component'; 3 | export { NavbarNavComponent } from './navbar-nav/navbar-nav.component'; 4 | export { NavToggleComponent } from './nav-toggle/nav-toggle.component'; 5 | export { NavLinkComponent } from './nav-link/nav-link.component'; 6 | export { NavItemComponent } from './nav-item/nav-item.component'; 7 | export { NavBrandComponent } from './nav-brand/nav-brand.component'; 8 | -------------------------------------------------------------------------------- /src/app/components/navbar/nav-brand/nav-brand.component.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 |
    10 | 11 |
    12 |     13 |     14 | 15 | 16 | 17 | -------------------------------------------------------------------------------- /src/app/components/navbar/nav-brand/nav-brand.component.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Devwares-Team/Contrast-Bootstrap-Angular/6b06d97923552950753ed51ff8ee352dc68df8aa/src/app/components/navbar/nav-brand/nav-brand.component.scss -------------------------------------------------------------------------------- /src/app/components/navbar/nav-item/nav-item.component.html: -------------------------------------------------------------------------------- 1 |
  • 2 | 3 |
    • -------------------------------------------------------------------------------- /src/app/components/navbar/nav-item/nav-item.component.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Devwares-Team/Contrast-Bootstrap-Angular/6b06d97923552950753ed51ff8ee352dc68df8aa/src/app/components/navbar/nav-item/nav-item.component.scss -------------------------------------------------------------------------------- /src/app/components/navbar/nav-link/nav-link.component.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | -------------------------------------------------------------------------------- /src/app/components/navbar/nav-link/nav-link.component.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Devwares-Team/Contrast-Bootstrap-Angular/6b06d97923552950753ed51ff8ee352dc68df8aa/src/app/components/navbar/nav-link/nav-link.component.scss -------------------------------------------------------------------------------- /src/app/components/navbar/nav-toggle/nav-toggle.component.html: -------------------------------------------------------------------------------- 1 | 2 | 5 | 6 | 7 | 8 | 11 | -------------------------------------------------------------------------------- /src/app/components/navbar/nav-toggle/nav-toggle.component.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Devwares-Team/Contrast-Bootstrap-Angular/6b06d97923552950753ed51ff8ee352dc68df8aa/src/app/components/navbar/nav-toggle/nav-toggle.component.scss -------------------------------------------------------------------------------- /src/app/components/navbar/navbar-nav/navbar-nav.component.html: -------------------------------------------------------------------------------- 1 |
      2 | 3 |
    -------------------------------------------------------------------------------- /src/app/components/navbar/navbar-nav/navbar-nav.component.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Devwares-Team/Contrast-Bootstrap-Angular/6b06d97923552950753ed51ff8ee352dc68df8aa/src/app/components/navbar/navbar-nav/navbar-nav.component.scss -------------------------------------------------------------------------------- /src/app/components/navbar/navbar.component.html: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/app/components/navbar/navbar.component.scss: -------------------------------------------------------------------------------- 1 | @import "../../styles/colors"; 2 | @import "../../styles/colorStyles"; -------------------------------------------------------------------------------- /src/app/components/pagination/index.ts: -------------------------------------------------------------------------------- 1 | export { PaginationModule } from './pagination.module'; 2 | export { PaginationComponent } from './pagination.component'; 3 | export { PagelinkComponent } from './pagelink/pagelink.component'; 4 | export { PageitemComponent } from './pageitem/pageitem.component'; 5 | -------------------------------------------------------------------------------- /src/app/components/pagination/pageitem/pageitem.component.html: -------------------------------------------------------------------------------- 1 |
  • 2 | 3 |
    • -------------------------------------------------------------------------------- /src/app/components/pagination/pageitem/pageitem.component.scss: -------------------------------------------------------------------------------- 1 | .page-item { 2 | margin: 0px 7.5px; 3 | cursor: pointer; 4 | a { 5 | text-decoration: none; 6 | color: inherit; 7 | } 8 | } 9 | -------------------------------------------------------------------------------- /src/app/components/pagination/pageitem/pageitem.component.ts: -------------------------------------------------------------------------------- 1 | import { 2 | Component, 3 | OnInit, 4 | ViewEncapsulation, 5 | Input, 6 | ElementRef, 7 | Renderer2, 8 | ViewChild, 9 | } from '@angular/core'; 10 | 11 | @Component({ 12 | selector: 'CDBPageitem', 13 | templateUrl: './pageitem.component.html', 14 | styleUrls: ['./pageitem.component.scss'], 15 | encapsulation: ViewEncapsulation.None, 16 | }) 17 | export class PageitemComponent implements OnInit { 18 | @Input() class: string; 19 | @Input() style: string; 20 | @Input() disabled: boolean = false; 21 | @Input() active: boolean = false; 22 | 23 | @ViewChild('pageitem', { static: false }) pageitem: ElementRef; 24 | 25 | constructor(private elRef: ElementRef, private renderer: Renderer2) {} 26 | 27 | ngOnInit(): void { 28 | this.renderer.removeAttribute(this.elRef.nativeElement, 'class'); 29 | this.renderer.removeAttribute(this.elRef.nativeElement, 'style'); 30 | } 31 | } 32 | -------------------------------------------------------------------------------- /src/app/components/pagination/pagelink/pagelink.component.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | -------------------------------------------------------------------------------- /src/app/components/pagination/pagelink/pagelink.component.scss: -------------------------------------------------------------------------------- 1 | .page-link { 2 | margin: 0px 7.5px; 3 | cursor: pointer; 4 | 5 | &.disabled { 6 | pointer-events: none; 7 | background: #ccc; 8 | color: #555; 9 | } 10 | } 11 | -------------------------------------------------------------------------------- /src/app/components/pagination/pagelink/pagelink.component.ts: -------------------------------------------------------------------------------- 1 | import { 2 | Component, 3 | OnInit, 4 | Input, 5 | ViewEncapsulation, 6 | ViewChild, 7 | ElementRef, 8 | Renderer2, 9 | } from '@angular/core'; 10 | 11 | @Component({ 12 | selector: 'CDBPagelink', 13 | templateUrl: './pagelink.component.html', 14 | styleUrls: ['./pagelink.component.scss'], 15 | encapsulation: ViewEncapsulation.None, 16 | }) 17 | export class PagelinkComponent implements OnInit { 18 | @Input() class: string; 19 | @Input() style: string; 20 | @Input() string: string; 21 | @Input() disabled: boolean = false; 22 | 23 | @ViewChild('pagelink', { static: false }) pagelink: ElementRef; 24 | constructor(private elRef: ElementRef, private renderer: Renderer2) {} 25 | 26 | ngOnInit(): void { 27 | this.renderer.removeAttribute(this.elRef.nativeElement, 'class'); 28 | this.renderer.removeAttribute(this.elRef.nativeElement, 'style'); 29 | } 30 | } 31 | -------------------------------------------------------------------------------- /src/app/components/pagination/pagination.component.html: -------------------------------------------------------------------------------- 1 |
      2 | 3 |
    -------------------------------------------------------------------------------- /src/app/components/pagination/pagination.module.ts: -------------------------------------------------------------------------------- 1 | import { NgModule } from '@angular/core'; 2 | import { CommonModule } from '@angular/common'; 3 | import { PaginationComponent } from './pagination.component'; 4 | import { PagelinkComponent } from './pagelink/pagelink.component'; 5 | import { PageitemComponent } from './pageitem/pageitem.component'; 6 | 7 | @NgModule({ 8 | declarations: [PaginationComponent, PagelinkComponent, PageitemComponent], 9 | imports: [CommonModule], 10 | exports: [PaginationComponent, PagelinkComponent, PageitemComponent], 11 | }) 12 | export class PaginationModule {} 13 | -------------------------------------------------------------------------------- /src/app/components/progress/index.ts: -------------------------------------------------------------------------------- 1 | export { ProgressModule } from './progress.module'; 2 | export { ProgressComponent } from './progress.component'; 3 | -------------------------------------------------------------------------------- /src/app/components/progress/progress.component.html: -------------------------------------------------------------------------------- 1 |
    {{ text }}
    2 |
    3 |
    4 |
    5 |
    -------------------------------------------------------------------------------- /src/app/components/progress/progress.module.ts: -------------------------------------------------------------------------------- 1 | import { NgModule } from '@angular/core'; 2 | import { CommonModule } from '@angular/common'; 3 | import { ProgressComponent } from './progress.component'; 4 | 5 | @NgModule({ 6 | declarations: [ProgressComponent], 7 | imports: [CommonModule], 8 | exports: [ProgressComponent], 9 | }) 10 | export class ProgressModule {} 11 | -------------------------------------------------------------------------------- /src/app/components/select/index.ts: -------------------------------------------------------------------------------- 1 | export { SelectModule } from "./select.module"; 2 | export { SelectComponent } from './select.component'; 3 | -------------------------------------------------------------------------------- /src/app/components/select/select.component.html: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/app/components/select/select.component.scss: -------------------------------------------------------------------------------- 1 | // :host { 2 | // width: 100%; 3 | // } 4 | -------------------------------------------------------------------------------- /src/app/components/select/select.component.ts: -------------------------------------------------------------------------------- 1 | import { Component, OnInit, Input, Renderer2, ElementRef } from '@angular/core'; 2 | 3 | @Component({ 4 | selector: 'CDBSelect', 5 | templateUrl: './select.component.html', 6 | styleUrls: ['./select.component.scss'], 7 | }) 8 | export class SelectComponent implements OnInit { 9 | @Input() class: string; 10 | @Input() style: string; 11 | @Input() options: []; 12 | @Input() selected: string; 13 | @Input() optionClass: string; 14 | 15 | constructor(private renderer: Renderer2, private elRef: ElementRef) {} 16 | 17 | ngOnInit() { 18 | this.renderer.removeAttribute(this.elRef.nativeElement, 'class'); 19 | this.renderer.removeAttribute(this.elRef.nativeElement, 'style'); 20 | } 21 | } 22 | -------------------------------------------------------------------------------- /src/app/components/select/select.module.ts: -------------------------------------------------------------------------------- 1 | import { NgModule } from '@angular/core'; 2 | import { CommonModule } from '@angular/common'; 3 | import { SelectComponent } from './select.component'; 4 | 5 | @NgModule({ 6 | declarations: [SelectComponent], 7 | imports: [CommonModule], 8 | exports: [SelectComponent], 9 | }) 10 | export class SelectModule {} 11 | -------------------------------------------------------------------------------- /src/app/components/sidebar/index.ts: -------------------------------------------------------------------------------- 1 | export { SidebarModule } from './sidebar.module'; 2 | export { SidebarComponent } from './sidebar.component'; 3 | export { SidebarMenuitemComponent } from './sidebar-menuitem/sidebar-menuitem.component'; 4 | export { SidebarMenuComponent } from './sidebar-menu/sidebar-menu.component'; 5 | export { SidebarHeaderComponent } from './sidebar-header/sidebar-header.component'; 6 | export { SidebarFooterComponent } from './sidebar-footer/sidebar-footer.component'; 7 | export { SidebarContentComponent } from './sidebar-content/sidebar-content.component'; 8 | export { SidebarService } from './sidebar.service'; 9 | -------------------------------------------------------------------------------- /src/app/components/sidebar/sidebar-content/sidebar-content.component.html: -------------------------------------------------------------------------------- 1 |
    2 | 3 |
    -------------------------------------------------------------------------------- /src/app/components/sidebar/sidebar-content/sidebar-content.component.scss: -------------------------------------------------------------------------------- 1 | @import "../../../styles/colors"; 2 | @import "../../../styles/colorStyles"; 3 | 4 | .CDBSidebarContent-default { 5 | flex-grow: 1; 6 | padding-top: 15px; 7 | } 8 | -------------------------------------------------------------------------------- /src/app/components/sidebar/sidebar-content/sidebar-content.component.ts: -------------------------------------------------------------------------------- 1 | import { 2 | Component, 3 | ElementRef, 4 | Input, 5 | OnInit, 6 | Renderer2, 7 | ViewEncapsulation, 8 | } from '@angular/core'; 9 | 10 | @Component({ 11 | selector: 'CDBSidebarContent', 12 | templateUrl: './sidebar-content.component.html', 13 | styleUrls: ['./sidebar-content.component.scss'], 14 | encapsulation: ViewEncapsulation.None, 15 | }) 16 | export class SidebarContentComponent implements OnInit { 17 | @Input() class: string; 18 | @Input() style: string; 19 | 20 | constructor(private elRef: ElementRef, private renderer: Renderer2) {} 21 | 22 | ngOnInit() { 23 | this.renderer.removeAttribute(this.elRef.nativeElement, 'class'); 24 | this.renderer.removeAttribute(this.elRef.nativeElement, 'style'); 25 | } 26 | } 27 | -------------------------------------------------------------------------------- /src/app/components/sidebar/sidebar-footer/sidebar-footer.component.html: -------------------------------------------------------------------------------- 1 |
    2 | 3 |
    -------------------------------------------------------------------------------- /src/app/components/sidebar/sidebar-footer/sidebar-footer.component.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Devwares-Team/Contrast-Bootstrap-Angular/6b06d97923552950753ed51ff8ee352dc68df8aa/src/app/components/sidebar/sidebar-footer/sidebar-footer.component.scss -------------------------------------------------------------------------------- /src/app/components/sidebar/sidebar-footer/sidebar-footer.component.ts: -------------------------------------------------------------------------------- 1 | import { 2 | Component, 3 | ElementRef, 4 | Input, 5 | OnInit, 6 | Renderer2, 7 | ViewEncapsulation, 8 | } from '@angular/core'; 9 | 10 | @Component({ 11 | selector: 'CDBSidebarFooter', 12 | templateUrl: './sidebar-footer.component.html', 13 | styleUrls: ['./sidebar-footer.component.scss'], 14 | encapsulation: ViewEncapsulation.None, 15 | }) 16 | export class SidebarFooterComponent implements OnInit { 17 | @Input() class: string; 18 | @Input() style: string; 19 | 20 | constructor(private elRef: ElementRef, private renderer: Renderer2) {} 21 | 22 | ngOnInit() { 23 | this.renderer.removeAttribute(this.elRef.nativeElement, 'class'); 24 | this.renderer.removeAttribute(this.elRef.nativeElement, 'style'); 25 | } 26 | } 27 | -------------------------------------------------------------------------------- /src/app/components/sidebar/sidebar-header/sidebar-header.component.html: -------------------------------------------------------------------------------- 1 |
    2 |
    3 | 4 | 5 | 6 | 7 | 8 | 9 |
    10 |
    -------------------------------------------------------------------------------- /src/app/components/sidebar/sidebar-header/sidebar-header.component.scss: -------------------------------------------------------------------------------- 1 | @import "../../../styles/colors"; 2 | @import "../../../styles/colorStyles"; 3 | 4 | .CDBSidebarHeader-default { 5 | border-bottom: 1px solid hsla(0, 0%, 67.8%, 0.2); 6 | 7 | .head-div { 8 | padding: 24px 29px; 9 | font-weight: bold; 10 | font-size: 17px; 11 | letter-spacing: 1px; 12 | overflow: hidden; 13 | white-space: nowrap; 14 | 15 | .icon-suffix { 16 | margin: 0px 23px; 17 | cursor: pointer; 18 | } 19 | 20 | &.toggled { 21 | .head-text { 22 | display: none; 23 | } 24 | 25 | .icon-suffix { 26 | margin: 0px; 27 | } 28 | } 29 | } 30 | } 31 | -------------------------------------------------------------------------------- /src/app/components/sidebar/sidebar-menu/sidebar-menu.component.html: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/app/components/sidebar/sidebar-menu/sidebar-menu.component.scss: -------------------------------------------------------------------------------- 1 | @import "../../../styles/colors"; 2 | @import "../../../styles/colorStyles"; 3 | 4 | .MenuNav { 5 | padding-top: 10px; 6 | padding-bottom: 10px; 7 | } 8 | 9 | .MenuUl { 10 | list-style-type: none; 11 | padding: 0; 12 | margin: 0; 13 | } 14 | -------------------------------------------------------------------------------- /src/app/components/sidebar/sidebar-menu/sidebar-menu.component.ts: -------------------------------------------------------------------------------- 1 | import { 2 | Component, 3 | OnInit, 4 | ViewEncapsulation, 5 | ElementRef, 6 | Renderer2, 7 | Input, 8 | } from '@angular/core'; 9 | 10 | @Component({ 11 | selector: 'CDBSidebarMenu', 12 | templateUrl: './sidebar-menu.component.html', 13 | styleUrls: ['./sidebar-menu.component.scss'], 14 | encapsulation: ViewEncapsulation.None, 15 | }) 16 | export class SidebarMenuComponent implements OnInit { 17 | @Input() class: string; 18 | @Input() style: string; 19 | 20 | constructor(private elRef: ElementRef, private renderer: Renderer2) {} 21 | 22 | ngOnInit() { 23 | this.renderer.removeAttribute(this.elRef.nativeElement, 'class'); 24 | this.renderer.removeAttribute(this.elRef.nativeElement, 'style'); 25 | } 26 | } 27 | -------------------------------------------------------------------------------- /src/app/components/sidebar/sidebar.component.html: -------------------------------------------------------------------------------- 1 |
    2 |
    3 |
    4 | 5 |
    6 |
    7 |
    -------------------------------------------------------------------------------- /src/app/components/sidebar/sidebar.component.scss: -------------------------------------------------------------------------------- 1 | @import "../../styles/colors"; 2 | @import "../../styles/colorStyles"; 3 | 4 | .CDBSidebar-default { 5 | height: 100%; 6 | width: 270px; 7 | min-width: 270px; 8 | text-align: left; 9 | transition: width, left, right, 0.3s; 10 | position: relative; 11 | z-index: 1009; 12 | 13 | &.toggled { 14 | min-width: 80px; 15 | width: 80px; 16 | } 17 | } 18 | 19 | .SidebarInner { 20 | height: 100%; 21 | position: relative; 22 | z-index: 101; 23 | } 24 | 25 | .SidebarLayout { 26 | height: 100%; 27 | overflow-y: auto; 28 | overflow-x: hidden; 29 | position: relative; 30 | display: flex; 31 | flex-direction: column; 32 | z-index: 101; 33 | } 34 | -------------------------------------------------------------------------------- /src/app/components/sidebar/sidebar.service.ts: -------------------------------------------------------------------------------- 1 | import { Injectable } from '@angular/core'; 2 | import { Subject } from 'rxjs'; 3 | 4 | @Injectable({ 5 | providedIn: 'root', 6 | }) 7 | export class SidebarService { 8 | sidebarState = new Subject(); 9 | textColor = new Subject(); 10 | backgroundColor = new Subject(); 11 | 12 | constructor() {} 13 | } 14 | -------------------------------------------------------------------------------- /src/app/components/slider/index.ts: -------------------------------------------------------------------------------- 1 | export { SliderModule } from './/slider.module'; 2 | export { SliderComponent } from './slider.component'; 3 | -------------------------------------------------------------------------------- /src/app/components/slider/slider.component.html: -------------------------------------------------------------------------------- 1 |
    2 | 4 | 5 |
    -------------------------------------------------------------------------------- /src/app/components/slider/slider.module.ts: -------------------------------------------------------------------------------- 1 | import { NgModule } from '@angular/core'; 2 | import { CommonModule } from '@angular/common'; 3 | import { SliderComponent } from './slider.component'; 4 | import { NgxSliderModule } from '@angular-slider/ngx-slider'; 5 | 6 | @NgModule({ 7 | declarations: [SliderComponent], 8 | imports: [CommonModule, NgxSliderModule], 9 | exports: [SliderComponent], 10 | }) 11 | export class SliderModule {} 12 | -------------------------------------------------------------------------------- /src/app/components/spinner/index.ts: -------------------------------------------------------------------------------- 1 | export { SpinnerModule } from './spinner.module'; 2 | export { SpinnerComponent } from './spinner.component'; 3 | -------------------------------------------------------------------------------- /src/app/components/spinner/spinner.component.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /src/app/components/spinner/spinner.module.ts: -------------------------------------------------------------------------------- 1 | import { NgModule } from '@angular/core'; 2 | import { CommonModule } from '@angular/common'; 3 | import { SpinnerComponent } from './spinner.component'; 4 | 5 | @NgModule({ 6 | declarations: [SpinnerComponent], 7 | imports: [CommonModule], 8 | exports: [SpinnerComponent], 9 | }) 10 | export class SpinnerModule {} 11 | -------------------------------------------------------------------------------- /src/app/components/switch/index.ts: -------------------------------------------------------------------------------- 1 | export { SwitchModule } from './switch.module'; 2 | export { SwitchComponent } from './switch.component'; 3 | -------------------------------------------------------------------------------- /src/app/components/switch/switch.component.html: -------------------------------------------------------------------------------- 1 |
    2 | 8 |
    -------------------------------------------------------------------------------- /src/app/components/switch/switch.component.ts: -------------------------------------------------------------------------------- 1 | import { Component, Input, OnInit, ViewEncapsulation } from '@angular/core'; 2 | 3 | @Component({ 4 | selector: 'CDBSwitch', 5 | templateUrl: './switch.component.html', 6 | styleUrls: ['./switch.component.scss'], 7 | encapsulation: ViewEncapsulation.None, 8 | }) 9 | export class SwitchComponent implements OnInit { 10 | @Input() checked: boolean = false; 11 | 12 | constructor() {} 13 | 14 | ngOnInit() {} 15 | 16 | handleChange() { 17 | this.checked = !this.checked; 18 | } 19 | } 20 | -------------------------------------------------------------------------------- /src/app/components/switch/switch.module.ts: -------------------------------------------------------------------------------- 1 | import { NgModule } from '@angular/core'; 2 | import { CommonModule } from '@angular/common'; 3 | import { SwitchComponent } from './switch.component'; 4 | 5 | @NgModule({ 6 | declarations: [SwitchComponent], 7 | imports: [CommonModule], 8 | exports: [SwitchComponent], 9 | }) 10 | export class SwitchModule {} 11 | -------------------------------------------------------------------------------- /src/app/components/table/directives/table.directive.ts: -------------------------------------------------------------------------------- 1 | import { Directive,ElementRef } from '@angular/core'; 2 | 3 | @Directive({ 4 | selector: '[appTable]' 5 | }) 6 | export class TableDirective { 7 | 8 | constructor(private el: ElementRef) { 9 | } 10 | 11 | //wait for the component to render completely 12 | ngOnInit() { 13 | var nativeElement: HTMLElement = this.el.nativeElement, 14 | parentElement: HTMLElement = nativeElement.parentElement; 15 | // move all children out of the element 16 | while (nativeElement.firstChild) { 17 | parentElement.insertBefore(nativeElement.firstChild, nativeElement); 18 | } 19 | // remove the empty element(the host) 20 | parentElement.removeChild(nativeElement); 21 | } 22 | 23 | } 24 | -------------------------------------------------------------------------------- /src/app/components/table/index.ts: -------------------------------------------------------------------------------- 1 | export { TableModule } from './table.module'; 2 | export { TableComponent } from './table.component'; 3 | export { TablePaginationComponent } from './table-pagination/table-pagination.component'; 4 | export { CdbTableScrollDirective } from './directives/cdb-table-scroll.directive'; 5 | export { CdbTableSortDirective } from './directives/cdb-table-sort.directive'; 6 | export { CdbTableDirective } from './directives/cdb-table.directive'; 7 | export { TableDirective } from './directives/table.directive'; 8 | -------------------------------------------------------------------------------- /src/app/components/table/table-pagination/table-pagination.component.html: -------------------------------------------------------------------------------- 1 |
    2 |
    3 | 4 | 5 | Prev 6 | 7 | 8 | {{page + 1}} 9 | 10 | 12 | Next 13 | 14 | 15 |
    16 |
    -------------------------------------------------------------------------------- /src/app/components/table/table-pagination/table-pagination.component.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Devwares-Team/Contrast-Bootstrap-Angular/6b06d97923552950753ed51ff8ee352dc68df8aa/src/app/components/table/table-pagination/table-pagination.component.scss -------------------------------------------------------------------------------- /src/app/components/table/table.component.html: -------------------------------------------------------------------------------- 1 |
    11 | 22 | 23 |
    24 |
    -------------------------------------------------------------------------------- /src/app/components/table/table.component.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Devwares-Team/Contrast-Bootstrap-Angular/6b06d97923552950753ed51ff8ee352dc68df8aa/src/app/components/table/table.component.scss -------------------------------------------------------------------------------- /src/app/components/view/index.ts: -------------------------------------------------------------------------------- 1 | export { ViewModule } from './view.module'; 2 | export { ViewComponent } from './view.component'; 3 | -------------------------------------------------------------------------------- /src/app/components/view/view.component.html: -------------------------------------------------------------------------------- 1 |
    2 | 3 |
    -------------------------------------------------------------------------------- /src/app/components/view/view.module.ts: -------------------------------------------------------------------------------- 1 | import { NgModule } from '@angular/core'; 2 | import { CommonModule } from '@angular/common'; 3 | import { ViewComponent } from './view.component'; 4 | 5 | @NgModule({ 6 | declarations: [ViewComponent], 7 | imports: [CommonModule], 8 | exports: [ViewComponent], 9 | }) 10 | export class ViewModule {} 11 | -------------------------------------------------------------------------------- /src/app/styles/_colors.scss: -------------------------------------------------------------------------------- 1 | $primary: #276ef1; 2 | $secondary: #7356bf; 3 | $success: #05944f; 4 | $warning: #ffe975; 5 | $danger: #e11900; 6 | $white: #ffffff; 7 | $warningDark: #66512c; 8 | $dark: #000000; 9 | $info: #17a2b8; 10 | $light: #eeeeee; 11 | 12 | $primaryHover: #276ef1bd; 13 | $secondaryHover: #7356bfbd; 14 | $successHover: #05944fbd; 15 | $warningHover: #ffe975bd; 16 | $dangerHover: #e11900bd; 17 | $whiteHover: #ffffffd5; 18 | $darkHover: #000000bd; 19 | $infoHover: #17a2b8bd; 20 | $lightHover: #eeeeeebd; 21 | -------------------------------------------------------------------------------- /src/app/styles/_lightStyleHover.scss: -------------------------------------------------------------------------------- 1 | @import "colors"; 2 | 3 | .primaryHover { 4 | &:hover { 5 | color: $primary; 6 | background-color: #e6e6ff; 7 | } 8 | } 9 | .secondaryHover { 10 | &:hover { 11 | color: $secondary; 12 | background-color: #f0edf8; 13 | } 14 | } 15 | .successHover { 16 | &:hover { 17 | color: $success; 18 | background-color: #e7fae7; 19 | } 20 | } 21 | .dangerHover { 22 | &:hover { 23 | color: $danger; 24 | background-color: #fce9e9; 25 | } 26 | } 27 | .warningHover { 28 | &:hover { 29 | color: $warningDark; 30 | background-color: #fffbe6; 31 | } 32 | } 33 | .darkHover { 34 | &:hover { 35 | color: $white; 36 | background-color: #333333; 37 | } 38 | } 39 | .whiteHover { 40 | &:hover { 41 | color: $dark; 42 | background-color: #f9f9f9; 43 | } 44 | } 45 | -------------------------------------------------------------------------------- /src/assets/.gitkeep: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Devwares-Team/Contrast-Bootstrap-Angular/6b06d97923552950753ed51ff8ee352dc68df8aa/src/assets/.gitkeep -------------------------------------------------------------------------------- /src/environments/environment.prod.ts: -------------------------------------------------------------------------------- 1 | export const environment = { 2 | production: true 3 | }; 4 | -------------------------------------------------------------------------------- /src/environments/environment.ts: -------------------------------------------------------------------------------- 1 | // This file can be replaced during build by using the `fileReplacements` array. 2 | // `ng build --prod` replaces `environment.ts` with `environment.prod.ts`. 3 | // The list of file replacements can be found in `angular.json`. 4 | 5 | export const environment = { 6 | production: false 7 | }; 8 | 9 | /* 10 | * For easier debugging in development mode, you can import the following file 11 | * to ignore zone related error stack frames such as `zone.run`, `zoneDelegate.invokeTask`. 12 | * 13 | * This import should be commented out in production mode because it will have a negative impact 14 | * on performance if an error is thrown. 15 | */ 16 | // import 'zone.js/plugins/zone-error'; // Included with Angular CLI. 17 | -------------------------------------------------------------------------------- /src/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Devwares-Team/Contrast-Bootstrap-Angular/6b06d97923552950753ed51ff8ee352dc68df8aa/src/favicon.ico -------------------------------------------------------------------------------- /src/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | ContrastBootstrapAngular 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | -------------------------------------------------------------------------------- /src/main.ts: -------------------------------------------------------------------------------- 1 | import { enableProdMode } from '@angular/core'; 2 | import { platformBrowserDynamic } from '@angular/platform-browser-dynamic'; 3 | 4 | import { AppModule } from './app/app.module'; 5 | import { environment } from './environments/environment'; 6 | 7 | if (environment.production) { 8 | enableProdMode(); 9 | } 10 | 11 | platformBrowserDynamic().bootstrapModule(AppModule) 12 | .catch(err => console.error(err)); 13 | -------------------------------------------------------------------------------- /src/styles.scss: -------------------------------------------------------------------------------- 1 | /* You can add global styles to this file, and also import other style files */ 2 | // @import "../dist/ng-cdbangular/assets/scss/cdb.scss" -------------------------------------------------------------------------------- /src/test.ts: -------------------------------------------------------------------------------- 1 | // This file is required by karma.conf.js and loads recursively all the .spec and framework files 2 | 3 | import 'zone.js/testing'; 4 | import { getTestBed } from '@angular/core/testing'; 5 | import { 6 | BrowserDynamicTestingModule, 7 | platformBrowserDynamicTesting 8 | } from '@angular/platform-browser-dynamic/testing'; 9 | 10 | // First, initialize the Angular testing environment. 11 | getTestBed().initTestEnvironment( 12 | BrowserDynamicTestingModule, 13 | platformBrowserDynamicTesting(), { 14 | teardown: { destroyAfterEach: false } 15 | } 16 | ); 17 | -------------------------------------------------------------------------------- /tsconfig.app.json: -------------------------------------------------------------------------------- 1 | /* To learn more about this file see: https://angular.io/config/tsconfig. */ 2 | { 3 | "extends": "./tsconfig.json", 4 | "compilerOptions": { 5 | "outDir": "./out-tsc/app", 6 | "types": [] 7 | }, 8 | "files": [ 9 | "src/main.ts", 10 | "src/polyfills.ts" 11 | ], 12 | "include": [ 13 | "src/**/*.d.ts" 14 | ] 15 | } 16 | -------------------------------------------------------------------------------- /tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "compileOnSave": false, 3 | "compilerOptions": { 4 | "baseUrl": "./", 5 | "outDir": "./dist/out-tsc", 6 | "sourceMap": true, 7 | "declaration": false, 8 | "downlevelIteration": true, 9 | "experimentalDecorators": true, 10 | "moduleResolution": "node", 11 | "importHelpers": true, 12 | "target": "ES2022", 13 | "module": "es2020", 14 | "lib": [ 15 | "es2018", 16 | "dom" 17 | ], 18 | "paths": { 19 | "ng-cdbangular": [ 20 | "dist/ng-cdbangular/ng-cdbangular", 21 | "dist/ng-cdbangular" 22 | ] 23 | }, 24 | "useDefineForClassFields": false 25 | } 26 | } -------------------------------------------------------------------------------- /tsconfig.spec.json: -------------------------------------------------------------------------------- 1 | /* To learn more about this file see: https://angular.io/config/tsconfig. */ 2 | { 3 | "extends": "./tsconfig.json", 4 | "compilerOptions": { 5 | "outDir": "./out-tsc/spec", 6 | "types": [ 7 | "jasmine" 8 | ] 9 | }, 10 | "files": [ 11 | "src/test.ts", 12 | "src/polyfills.ts" 13 | ], 14 | "include": [ 15 | "src/**/*.spec.ts", 16 | "src/**/*.d.ts" 17 | ] 18 | } 19 | --------------------------------------------------------------------------------