├── .gitignore ├── README.md ├── angular.json ├── karma.conf.js ├── package.json ├── src ├── app │ ├── app.component.css │ ├── app.component.html │ ├── app.component.spec.ts │ ├── app.component.ts │ ├── app.module.ts │ ├── app.routing.ts │ ├── shared │ │ ├── animations │ │ │ └── matx-animations.ts │ │ ├── components │ │ │ ├── bottom-sheet-share │ │ │ │ ├── bottom-sheet-share.component.html │ │ │ │ ├── bottom-sheet-share.component.scss │ │ │ │ ├── bottom-sheet-share.component.spec.ts │ │ │ │ └── bottom-sheet-share.component.ts │ │ │ ├── breadcrumb │ │ │ │ ├── breadcrumb.component.html │ │ │ │ ├── breadcrumb.component.scss │ │ │ │ └── breadcrumb.component.ts │ │ │ ├── button-loading │ │ │ │ ├── button-loading.component.html │ │ │ │ ├── button-loading.component.scss │ │ │ │ ├── button-loading.component.spec.ts │ │ │ │ └── button-loading.component.ts │ │ │ ├── customizer │ │ │ │ ├── customizer.component.html │ │ │ │ ├── customizer.component.scss │ │ │ │ └── customizer.component.ts │ │ │ ├── example-viewer-template │ │ │ │ ├── example-viewer-template.component.html │ │ │ │ ├── example-viewer-template.component.scss │ │ │ │ ├── example-viewer-template.component.spec.ts │ │ │ │ └── example-viewer-template.component.ts │ │ │ ├── example-viewer │ │ │ │ ├── example-viewer.component.html │ │ │ │ ├── example-viewer.component.scss │ │ │ │ ├── example-viewer.component.spec.ts │ │ │ │ └── example-viewer.component.ts │ │ │ ├── footer │ │ │ │ ├── footer.component.html │ │ │ │ ├── footer.component.scss │ │ │ │ ├── footer.component.spec.ts │ │ │ │ └── footer.component.ts │ │ │ ├── header-side │ │ │ │ ├── header-side.component.ts │ │ │ │ └── header-side.template.html │ │ │ ├── header-top │ │ │ │ ├── header-top.component.html │ │ │ │ └── header-top.component.ts │ │ │ ├── layouts │ │ │ │ ├── admin-layout │ │ │ │ │ ├── admin-layout.component.ts │ │ │ │ │ └── admin-layout.template.html │ │ │ │ └── auth-layout │ │ │ │ │ ├── auth-layout.component.html │ │ │ │ │ └── auth-layout.component.ts │ │ │ ├── matx-notifications2 │ │ │ │ ├── matx-notifications2.component.html │ │ │ │ ├── matx-notifications2.component.scss │ │ │ │ ├── matx-notifications2.component.ts │ │ │ │ └── notifications2.service.ts │ │ │ ├── matx-sidebar │ │ │ │ ├── matx-sidebar-helper.service.ts │ │ │ │ ├── matx-sidebar.component.html │ │ │ │ ├── matx-sidebar.component.scss │ │ │ │ ├── matx-sidebar.component.spec.ts │ │ │ │ └── matx-sidebar.component.ts │ │ │ ├── notifications │ │ │ │ ├── notifications.component.html │ │ │ │ └── notifications.component.ts │ │ │ ├── perfect-scrollbar │ │ │ │ ├── index.ts │ │ │ │ ├── perfect-scrollbar-force-native-scroll.directive.ts │ │ │ │ ├── perfect-scrollbar.component.css │ │ │ │ ├── perfect-scrollbar.component.html │ │ │ │ ├── perfect-scrollbar.component.ts │ │ │ │ ├── perfect-scrollbar.directive.ts │ │ │ │ ├── perfect-scrollbar.interfaces.ts │ │ │ │ └── perfect-scrollbar.module.ts │ │ │ ├── shared-components.module.ts │ │ │ ├── sidebar-side │ │ │ │ ├── sidebar-side.component.html │ │ │ │ └── sidebar-side.component.ts │ │ │ ├── sidebar-top │ │ │ │ ├── sidebar-top.component.html │ │ │ │ └── sidebar-top.component.ts │ │ │ └── sidenav │ │ │ │ ├── sidenav.component.ts │ │ │ │ └── sidenav.template.html │ │ ├── directives │ │ │ ├── auto-focus.directive.ts │ │ │ ├── dropdown-anchor.directive.ts │ │ │ ├── dropdown-link.directive.ts │ │ │ ├── dropdown.directive.ts │ │ │ ├── font-size.directive.ts │ │ │ ├── matx-highlight.directive.ts │ │ │ ├── matx-side-nav-toggle.directive.ts │ │ │ ├── matx-sidenav-helper │ │ │ │ ├── matx-sidenav-helper.directive.ts │ │ │ │ └── matx-sidenav-helper.service.ts │ │ │ ├── scroll-to.directive.ts │ │ │ └── shared-directives.module.ts │ │ ├── guards │ │ │ ├── auth.guard.ts │ │ │ └── user-role.guard.ts │ │ ├── helpers │ │ │ ├── url.helper.ts │ │ │ ├── utils.ts │ │ │ └── window.helper.ts │ │ ├── inmemory-db │ │ │ ├── calendarEvents.ts │ │ │ ├── chat-db.ts │ │ │ ├── countries.ts │ │ │ ├── inbox.ts │ │ │ ├── inmemory-db.service.ts │ │ │ ├── invoices.ts │ │ │ ├── orders.ts │ │ │ ├── products.ts │ │ │ ├── todo.ts │ │ │ └── users.ts │ │ ├── interceptors │ │ │ └── token.interceptor.ts │ │ ├── models │ │ │ ├── event.model.ts │ │ │ ├── invoice.model.ts │ │ │ ├── product.model.ts │ │ │ ├── todo.model.ts │ │ │ └── user.model.ts │ │ ├── pipes │ │ │ ├── excerpt.pipe.ts │ │ │ ├── get-value-by-key.pipe.ts │ │ │ ├── relative-time.pipe.ts │ │ │ └── shared-pipes.module.ts │ │ ├── search │ │ │ ├── search-input-over │ │ │ │ ├── search-input-over.component.html │ │ │ │ ├── search-input-over.component.scss │ │ │ │ ├── search-input-over.component.spec.ts │ │ │ │ └── search-input-over.component.ts │ │ │ ├── search.module.ts │ │ │ └── search.service.ts │ │ ├── services │ │ │ ├── app-confirm │ │ │ │ ├── app-confirm.component.ts │ │ │ │ └── app-confirm.service.ts │ │ │ ├── app-loader │ │ │ │ ├── app-loader.component.css │ │ │ │ ├── app-loader.component.html │ │ │ │ ├── app-loader.component.ts │ │ │ │ └── app-loader.service.ts │ │ │ ├── auth │ │ │ │ └── jwt-auth.service.ts │ │ │ ├── copier.service.ts │ │ │ ├── customizer.service.ts │ │ │ ├── error-handler.service.ts │ │ │ ├── landing-page.service.ts │ │ │ ├── layout.service.ts │ │ │ ├── local-store.service.ts │ │ │ ├── match-media.service.ts │ │ │ ├── navigation.service.ts │ │ │ ├── route-parts.service.ts │ │ │ ├── theme.service.ts │ │ │ └── ui-lib-icon.service.ts │ │ ├── shared-material.module.ts │ │ └── shared.module.ts │ └── views │ │ ├── dashboard │ │ ├── analytics │ │ │ ├── analytics.component.html │ │ │ ├── analytics.component.scss │ │ │ ├── analytics.component.spec.ts │ │ │ └── analytics.component.ts │ │ ├── dashboard.module.ts │ │ └── dashboard.routing.ts │ │ ├── forms │ │ ├── basic-form │ │ │ ├── basic-form.component.css │ │ │ ├── basic-form.component.html │ │ │ └── basic-form.component.ts │ │ ├── file-upload │ │ │ ├── file-upload.component.css │ │ │ ├── file-upload.component.html │ │ │ └── file-upload.component.ts │ │ ├── forms.module.ts │ │ ├── forms.routing.ts │ │ ├── rich-text-editor │ │ │ ├── rich-text-editor.component.css │ │ │ ├── rich-text-editor.component.html │ │ │ └── rich-text-editor.component.ts │ │ └── wizard │ │ │ ├── wizard.component.css │ │ │ ├── wizard.component.html │ │ │ └── wizard.component.ts │ │ ├── others │ │ ├── app-blank │ │ │ ├── app-blank.component.css │ │ │ ├── app-blank.component.html │ │ │ └── app-blank.component.ts │ │ ├── app-gallery │ │ │ ├── app-gallery.component.css │ │ │ ├── app-gallery.component.html │ │ │ └── app-gallery.component.ts │ │ ├── app-pricing │ │ │ ├── app-pricing.component.css │ │ │ ├── app-pricing.component.html │ │ │ └── app-pricing.component.ts │ │ ├── app-users │ │ │ ├── app-users.component.css │ │ │ ├── app-users.component.html │ │ │ └── app-users.component.ts │ │ ├── nested1 │ │ │ ├── nested1.component.html │ │ │ ├── nested1.component.scss │ │ │ ├── nested1.component.spec.ts │ │ │ └── nested1.component.ts │ │ ├── nested2 │ │ │ ├── nested2.component.html │ │ │ ├── nested2.component.scss │ │ │ ├── nested2.component.spec.ts │ │ │ └── nested2.component.ts │ │ ├── nested3 │ │ │ ├── nested3.component.html │ │ │ ├── nested3.component.scss │ │ │ ├── nested3.component.spec.ts │ │ │ └── nested3.component.ts │ │ ├── others.module.ts │ │ └── others.routing.ts │ │ ├── search-view │ │ ├── country.service.ts │ │ ├── result-page │ │ │ ├── result-page.component.html │ │ │ ├── result-page.component.scss │ │ │ ├── result-page.component.spec.ts │ │ │ └── result-page.component.ts │ │ ├── search-view-routing.module.ts │ │ └── search-view.module.ts │ │ ├── sessions │ │ ├── not-found │ │ │ ├── not-found.component.css │ │ │ ├── not-found.component.html │ │ │ └── not-found.component.ts │ │ ├── sessions.module.ts │ │ ├── sessions.routing.ts │ │ ├── signin │ │ │ ├── signin.component.css │ │ │ ├── signin.component.html │ │ │ └── signin.component.ts │ │ └── signup │ │ │ ├── signup.component.css │ │ │ ├── signup.component.html │ │ │ └── signup.component.ts │ │ └── utilities │ │ ├── border │ │ ├── border.component.html │ │ ├── border.component.scss │ │ ├── border.component.spec.ts │ │ └── border.component.ts │ │ ├── colors │ │ ├── colors.component.html │ │ ├── colors.component.scss │ │ ├── colors.component.spec.ts │ │ └── colors.component.ts │ │ ├── spacing │ │ ├── spacing.component.html │ │ ├── spacing.component.scss │ │ ├── spacing.component.spec.ts │ │ └── spacing.component.ts │ │ ├── typography │ │ ├── typography.component.html │ │ ├── typography.component.scss │ │ ├── typography.component.spec.ts │ │ └── typography.component.ts │ │ ├── utilities-routing.module.ts │ │ └── utilities.module.ts ├── assets │ ├── .gitkeep │ ├── examples │ │ ├── chart │ │ │ ├── chart-examples.module.ts │ │ │ ├── echart-bar │ │ │ │ ├── echart-bar.component.html │ │ │ │ ├── echart-bar.component.scss │ │ │ │ ├── echart-bar.component.spec.ts │ │ │ │ └── echart-bar.component.ts │ │ │ ├── echart-heatmap │ │ │ │ ├── echart-heatmap.component.html │ │ │ │ ├── echart-heatmap.component.scss │ │ │ │ ├── echart-heatmap.component.spec.ts │ │ │ │ └── echart-heatmap.component.ts │ │ │ ├── echart-pie │ │ │ │ ├── echart-pie.component.html │ │ │ │ ├── echart-pie.component.scss │ │ │ │ ├── echart-pie.component.spec.ts │ │ │ │ └── echart-pie.component.ts │ │ │ ├── echart-radar │ │ │ │ ├── echart-radar.component.html │ │ │ │ ├── echart-radar.component.scss │ │ │ │ ├── echart-radar.component.spec.ts │ │ │ │ └── echart-radar.component.ts │ │ │ └── index.ts │ │ └── material │ │ │ ├── accordin-expansion-panel │ │ │ ├── accordin-expansion-panel.component.html │ │ │ ├── accordin-expansion-panel.component.scss │ │ │ ├── accordin-expansion-panel.component.spec.ts │ │ │ └── accordin-expansion-panel.component.ts │ │ │ ├── align-tab-group │ │ │ ├── align-tab-group.component.html │ │ │ ├── align-tab-group.component.scss │ │ │ ├── align-tab-group.component.spec.ts │ │ │ └── align-tab-group.component.ts │ │ │ ├── animation-tab-group │ │ │ ├── animation-tab-group.component.html │ │ │ ├── animation-tab-group.component.scss │ │ │ ├── animation-tab-group.component.spec.ts │ │ │ └── animation-tab-group.component.ts │ │ │ ├── appearance-form-field │ │ │ ├── appearance-form-field.component.html │ │ │ ├── appearance-form-field.component.scss │ │ │ ├── appearance-form-field.component.spec.ts │ │ │ └── appearance-form-field.component.ts │ │ │ ├── auto-hide-tooltip │ │ │ ├── auto-hide-tooltip.component.html │ │ │ ├── auto-hide-tooltip.component.scss │ │ │ ├── auto-hide-tooltip.component.spec.ts │ │ │ └── auto-hide-tooltip.component.ts │ │ │ ├── auto-resizing-texarea │ │ │ ├── auto-resizing-texarea.component.html │ │ │ ├── auto-resizing-texarea.component.scss │ │ │ ├── auto-resizing-texarea.component.spec.ts │ │ │ └── auto-resizing-texarea.component.ts │ │ │ ├── autocomplete-chip │ │ │ ├── autocomplete-chip.component.html │ │ │ ├── autocomplete-chip.component.scss │ │ │ ├── autocomplete-chip.component.spec.ts │ │ │ └── autocomplete-chip.component.ts │ │ │ ├── autocomplete-overview │ │ │ ├── autocomplete-overview.component.html │ │ │ ├── autocomplete-overview.component.scss │ │ │ ├── autocomplete-overview.component.spec.ts │ │ │ └── autocomplete-overview.component.ts │ │ │ ├── autoresize-sidenav │ │ │ ├── autoresize-sidenav.component.html │ │ │ ├── autoresize-sidenav.component.scss │ │ │ ├── autoresize-sidenav.component.spec.ts │ │ │ └── autoresize-sidenav.component.ts │ │ │ ├── basic-badge │ │ │ ├── basic-badge.component.html │ │ │ ├── basic-badge.component.scss │ │ │ ├── basic-badge.component.spec.ts │ │ │ └── basic-badge.component.ts │ │ │ ├── basic-bar │ │ │ ├── basic-bar.component.html │ │ │ ├── basic-bar.component.scss │ │ │ ├── basic-bar.component.spec.ts │ │ │ └── basic-bar.component.ts │ │ │ ├── basic-button-toggle │ │ │ ├── basic-button-toggle.component.html │ │ │ ├── basic-button-toggle.component.scss │ │ │ ├── basic-button-toggle.component.spec.ts │ │ │ └── basic-button-toggle.component.ts │ │ │ ├── basic-card │ │ │ ├── basic-card.component.html │ │ │ ├── basic-card.component.scss │ │ │ ├── basic-card.component.spec.ts │ │ │ └── basic-card.component.ts │ │ │ ├── basic-checkbox │ │ │ ├── basic-checkbox.component.html │ │ │ ├── basic-checkbox.component.scss │ │ │ ├── basic-checkbox.component.spec.ts │ │ │ └── basic-checkbox.component.ts │ │ │ ├── basic-chip │ │ │ ├── basic-chip.component.html │ │ │ ├── basic-chip.component.scss │ │ │ ├── basic-chip.component.spec.ts │ │ │ └── basic-chip.component.ts │ │ │ ├── basic-datepicker │ │ │ ├── basic-datepicker.component.html │ │ │ ├── basic-datepicker.component.scss │ │ │ ├── basic-datepicker.component.spec.ts │ │ │ └── basic-datepicker.component.ts │ │ │ ├── basic-dialog │ │ │ ├── basic-dialog-overview │ │ │ │ ├── basic-dialog-overview.component.html │ │ │ │ ├── basic-dialog-overview.component.scss │ │ │ │ ├── basic-dialog-overview.component.spec.ts │ │ │ │ └── basic-dialog-overview.component.ts │ │ │ ├── basic-dialog.component.html │ │ │ ├── basic-dialog.component.scss │ │ │ ├── basic-dialog.component.spec.ts │ │ │ └── basic-dialog.component.ts │ │ │ ├── basic-divider │ │ │ ├── basic-divider.component.html │ │ │ ├── basic-divider.component.scss │ │ │ ├── basic-divider.component.spec.ts │ │ │ └── basic-divider.component.ts │ │ │ ├── basic-expansion-panel │ │ │ ├── basic-expansion-panel.component.html │ │ │ ├── basic-expansion-panel.component.scss │ │ │ ├── basic-expansion-panel.component.spec.ts │ │ │ └── basic-expansion-panel.component.ts │ │ │ ├── basic-grid │ │ │ ├── basic-grid.component.html │ │ │ ├── basic-grid.component.scss │ │ │ ├── basic-grid.component.spec.ts │ │ │ └── basic-grid.component.ts │ │ │ ├── basic-icon │ │ │ ├── basic-icon.component.html │ │ │ ├── basic-icon.component.scss │ │ │ ├── basic-icon.component.spec.ts │ │ │ └── basic-icon.component.ts │ │ │ ├── basic-input │ │ │ ├── basic-input.component.html │ │ │ ├── basic-input.component.scss │ │ │ ├── basic-input.component.spec.ts │ │ │ └── basic-input.component.ts │ │ │ ├── basic-list │ │ │ ├── basic-list.component.html │ │ │ ├── basic-list.component.scss │ │ │ ├── basic-list.component.spec.ts │ │ │ └── basic-list.component.ts │ │ │ ├── basic-menu │ │ │ ├── basic-menu.component.html │ │ │ ├── basic-menu.component.scss │ │ │ ├── basic-menu.component.spec.ts │ │ │ └── basic-menu.component.ts │ │ │ ├── basic-paginator │ │ │ ├── basic-paginator.component.html │ │ │ ├── basic-paginator.component.scss │ │ │ ├── basic-paginator.component.spec.ts │ │ │ └── basic-paginator.component.ts │ │ │ ├── basic-radio │ │ │ ├── basic-radio.component.html │ │ │ ├── basic-radio.component.scss │ │ │ ├── basic-radio.component.spec.ts │ │ │ └── basic-radio.component.ts │ │ │ ├── basic-select │ │ │ ├── basic-select.component.html │ │ │ ├── basic-select.component.scss │ │ │ ├── basic-select.component.spec.ts │ │ │ └── basic-select.component.ts │ │ │ ├── basic-sidenav │ │ │ ├── basic-sidenav.component.html │ │ │ ├── basic-sidenav.component.scss │ │ │ ├── basic-sidenav.component.spec.ts │ │ │ └── basic-sidenav.component.ts │ │ │ ├── basic-slider │ │ │ ├── basic-slider.component.html │ │ │ ├── basic-slider.component.scss │ │ │ ├── basic-slider.component.spec.ts │ │ │ └── basic-slider.component.ts │ │ │ ├── basic-snackbar │ │ │ ├── basic-snackbar.component.html │ │ │ ├── basic-snackbar.component.scss │ │ │ ├── basic-snackbar.component.spec.ts │ │ │ └── basic-snackbar.component.ts │ │ │ ├── basic-sort-header │ │ │ ├── basic-sort-header.component.html │ │ │ ├── basic-sort-header.component.scss │ │ │ ├── basic-sort-header.component.spec.ts │ │ │ └── basic-sort-header.component.ts │ │ │ ├── basic-spinner │ │ │ ├── basic-spinner.component.html │ │ │ ├── basic-spinner.component.scss │ │ │ ├── basic-spinner.component.spec.ts │ │ │ └── basic-spinner.component.ts │ │ │ ├── basic-stepper │ │ │ ├── basic-stepper.component.html │ │ │ ├── basic-stepper.component.scss │ │ │ ├── basic-stepper.component.spec.ts │ │ │ └── basic-stepper.component.ts │ │ │ ├── basic-tab-group │ │ │ ├── basic-tab-group.component.html │ │ │ ├── basic-tab-group.component.scss │ │ │ ├── basic-tab-group.component.spec.ts │ │ │ └── basic-tab-group.component.ts │ │ │ ├── basic-table │ │ │ ├── basic-table.component.html │ │ │ ├── basic-table.component.scss │ │ │ ├── basic-table.component.spec.ts │ │ │ └── basic-table.component.ts │ │ │ ├── basic-toggle │ │ │ ├── basic-toggle.component.html │ │ │ ├── basic-toggle.component.scss │ │ │ ├── basic-toggle.component.spec.ts │ │ │ └── basic-toggle.component.ts │ │ │ ├── basic-toolbar │ │ │ ├── basic-toolbar.component.html │ │ │ ├── basic-toolbar.component.scss │ │ │ ├── basic-toolbar.component.spec.ts │ │ │ └── basic-toolbar.component.ts │ │ │ ├── basic-tooltip │ │ │ ├── basic-tooltip.component.html │ │ │ ├── basic-tooltip.component.scss │ │ │ ├── basic-tooltip.component.spec.ts │ │ │ └── basic-tooltip.component.ts │ │ │ ├── bottom-sheet │ │ │ ├── bottom-sheet-overview │ │ │ │ ├── bottom-sheet-overview.component.html │ │ │ │ ├── bottom-sheet-overview.component.scss │ │ │ │ ├── bottom-sheet-overview.component.spec.ts │ │ │ │ └── bottom-sheet-overview.component.ts │ │ │ ├── bottom-sheet.component.html │ │ │ ├── bottom-sheet.component.scss │ │ │ ├── bottom-sheet.component.spec.ts │ │ │ └── bottom-sheet.component.ts │ │ │ ├── button-examples │ │ │ ├── button-examples.component.html │ │ │ ├── button-examples.component.scss │ │ │ ├── button-examples.component.spec.ts │ │ │ └── button-examples.component.ts │ │ │ ├── button-toggle │ │ │ ├── button-toggle.component.html │ │ │ ├── button-toggle.component.scss │ │ │ ├── button-toggle.component.spec.ts │ │ │ └── button-toggle.component.ts │ │ │ ├── buttons │ │ │ ├── buttons.component.html │ │ │ ├── buttons.component.scss │ │ │ ├── buttons.component.spec.ts │ │ │ └── buttons.component.ts │ │ │ ├── changing-tooltip │ │ │ ├── changing-tooltip.component.html │ │ │ ├── changing-tooltip.component.scss │ │ │ ├── changing-tooltip.component.spec.ts │ │ │ └── changing-tooltip.component.ts │ │ │ ├── checkbox-tree │ │ │ ├── checkbox-tree.component.html │ │ │ ├── checkbox-tree.component.scss │ │ │ ├── checkbox-tree.component.spec.ts │ │ │ └── checkbox-tree.component.ts │ │ │ ├── clear-button-input │ │ │ ├── clear-button-input.component.html │ │ │ ├── clear-button-input.component.scss │ │ │ ├── clear-button-input.component.spec.ts │ │ │ └── clear-button-input.component.ts │ │ │ ├── configurable-checkbox │ │ │ ├── configurable-checkbox.component.html │ │ │ ├── configurable-checkbox.component.scss │ │ │ ├── configurable-checkbox.component.spec.ts │ │ │ └── configurable-checkbox.component.ts │ │ │ ├── configurable-sidenav │ │ │ ├── configurable-sidenav.component.html │ │ │ ├── configurable-sidenav.component.scss │ │ │ ├── configurable-sidenav.component.spec.ts │ │ │ └── configurable-sidenav.component.ts │ │ │ ├── configurable-toggle │ │ │ ├── configurable-toggle.component.html │ │ │ ├── configurable-toggle.component.scss │ │ │ ├── configurable-toggle.component.spec.ts │ │ │ └── configurable-toggle.component.ts │ │ │ ├── custom-bar │ │ │ ├── custom-bar.component.html │ │ │ ├── custom-bar.component.scss │ │ │ ├── custom-bar.component.spec.ts │ │ │ └── custom-bar.component.ts │ │ │ ├── custom-class-tooltip │ │ │ ├── custom-class-tooltip.component.html │ │ │ ├── custom-class-tooltip.component.scss │ │ │ ├── custom-class-tooltip.component.spec.ts │ │ │ └── custom-class-tooltip.component.ts │ │ │ ├── custom-datepicker │ │ │ ├── custom-datepicker.component.html │ │ │ ├── custom-datepicker.component.scss │ │ │ ├── custom-datepicker.component.spec.ts │ │ │ └── custom-datepicker.component.ts │ │ │ ├── custom-loading-buttons │ │ │ ├── custom-loading-buttons.component.html │ │ │ ├── custom-loading-buttons.component.scss │ │ │ ├── custom-loading-buttons.component.spec.ts │ │ │ └── custom-loading-buttons.component.ts │ │ │ ├── custom-paginator │ │ │ ├── custom-paginator.component.html │ │ │ ├── custom-paginator.component.scss │ │ │ ├── custom-paginator.component.spec.ts │ │ │ └── custom-paginator.component.ts │ │ │ ├── custom-panel-select │ │ │ ├── custom-panel-select.component.html │ │ │ ├── custom-panel-select.component.scss │ │ │ ├── custom-panel-select.component.spec.ts │ │ │ └── custom-panel-select.component.ts │ │ │ ├── custom-position-tooltip │ │ │ ├── custom-position-tooltip.component.html │ │ │ ├── custom-position-tooltip.component.scss │ │ │ ├── custom-position-tooltip.component.spec.ts │ │ │ └── custom-position-tooltip.component.ts │ │ │ ├── custom-ripples │ │ │ ├── custom-ripples.component.html │ │ │ ├── custom-ripples.component.scss │ │ │ ├── custom-ripples.component.spec.ts │ │ │ └── custom-ripples.component.ts │ │ │ ├── custom-snackbar │ │ │ ├── custom-snackbar-overview │ │ │ │ ├── custom-snackbar-overview.component.html │ │ │ │ ├── custom-snackbar-overview.component.scss │ │ │ │ ├── custom-snackbar-overview.component.spec.ts │ │ │ │ └── custom-snackbar-overview.component.ts │ │ │ ├── custom-snackbar.component.html │ │ │ ├── custom-snackbar.component.scss │ │ │ ├── custom-snackbar.component.spec.ts │ │ │ └── custom-snackbar.component.ts │ │ │ ├── custom-spinner │ │ │ ├── custom-spinner.component.html │ │ │ ├── custom-spinner.component.scss │ │ │ ├── custom-spinner.component.spec.ts │ │ │ └── custom-spinner.component.ts │ │ │ ├── custom-tab-group │ │ │ ├── custom-tab-group.component.html │ │ │ ├── custom-tab-group.component.scss │ │ │ ├── custom-tab-group.component.spec.ts │ │ │ └── custom-tab-group.component.ts │ │ │ ├── customized-stepper │ │ │ ├── customized-stepper.component.html │ │ │ ├── customized-stepper.component.scss │ │ │ ├── customized-stepper.component.spec.ts │ │ │ └── customized-stepper.component.ts │ │ │ ├── data-dialog │ │ │ ├── data-dialog-overview │ │ │ │ ├── data-dialog-overview.component.html │ │ │ │ ├── data-dialog-overview.component.scss │ │ │ │ ├── data-dialog-overview.component.spec.ts │ │ │ │ └── data-dialog-overview.component.ts │ │ │ ├── data-dialog.component.html │ │ │ ├── data-dialog.component.scss │ │ │ ├── data-dialog.component.spec.ts │ │ │ └── data-dialog.component.ts │ │ │ ├── delay-tooltip │ │ │ ├── delay-tooltip.component.html │ │ │ ├── delay-tooltip.component.scss │ │ │ ├── delay-tooltip.component.spec.ts │ │ │ └── delay-tooltip.component.ts │ │ │ ├── different-locale-datepicker │ │ │ ├── different-locale-datepicker.component.html │ │ │ ├── different-locale-datepicker.component.scss │ │ │ ├── different-locale-datepicker.component.spec.ts │ │ │ └── different-locale-datepicker.component.ts │ │ │ ├── disabled-datepicker │ │ │ ├── disabled-datepicker.component.html │ │ │ ├── disabled-datepicker.component.scss │ │ │ ├── disabled-datepicker.component.spec.ts │ │ │ └── disabled-datepicker.component.ts │ │ │ ├── disabled-select │ │ │ ├── disabled-select.component.html │ │ │ ├── disabled-select.component.scss │ │ │ ├── disabled-select.component.spec.ts │ │ │ └── disabled-select.component.ts │ │ │ ├── disabled-tooltip │ │ │ ├── disabled-tooltip.component.html │ │ │ ├── disabled-tooltip.component.scss │ │ │ ├── disabled-tooltip.component.spec.ts │ │ │ └── disabled-tooltip.component.ts │ │ │ ├── display-value-autocomplete │ │ │ ├── display-value-autocomplete.component.html │ │ │ ├── display-value-autocomplete.component.scss │ │ │ ├── display-value-autocomplete.component.spec.ts │ │ │ └── display-value-autocomplete.component.ts │ │ │ ├── drawer-sidenav │ │ │ ├── drawer-sidenav.component.html │ │ │ ├── drawer-sidenav.component.scss │ │ │ ├── drawer-sidenav.component.spec.ts │ │ │ └── drawer-sidenav.component.ts │ │ │ ├── dynamic-data-tree │ │ │ ├── dynamic-data-tree.component.html │ │ │ ├── dynamic-data-tree.component.scss │ │ │ ├── dynamic-data-tree.component.spec.ts │ │ │ └── dynamic-data-tree.component.ts │ │ │ ├── dynamic-grid │ │ │ ├── dynamic-grid.component.html │ │ │ ├── dynamic-grid.component.scss │ │ │ ├── dynamic-grid.component.spec.ts │ │ │ └── dynamic-grid.component.ts │ │ │ ├── dynamic-tab-group │ │ │ ├── dynamic-tab-group.component.html │ │ │ ├── dynamic-tab-group.component.scss │ │ │ ├── dynamic-tab-group.component.spec.ts │ │ │ └── dynamic-tab-group.component.ts │ │ │ ├── error-form-field │ │ │ ├── error-form-field.component.html │ │ │ ├── error-form-field.component.scss │ │ │ ├── error-form-field.component.spec.ts │ │ │ └── error-form-field.component.ts │ │ │ ├── error-input │ │ │ ├── error-input.component.html │ │ │ ├── error-input.component.scss │ │ │ ├── error-input.component.spec.ts │ │ │ └── error-input.component.ts │ │ │ ├── error-message-input │ │ │ ├── error-message-input.component.html │ │ │ ├── error-message-input.component.scss │ │ │ ├── error-message-input.component.spec.ts │ │ │ └── error-message-input.component.ts │ │ │ ├── error-select │ │ │ ├── error-select.component.html │ │ │ ├── error-select.component.scss │ │ │ ├── error-select.component.spec.ts │ │ │ └── error-select.component.ts │ │ │ ├── error-stepper │ │ │ ├── error-stepper.component.html │ │ │ ├── error-stepper.component.scss │ │ │ ├── error-stepper.component.spec.ts │ │ │ └── error-stepper.component.ts │ │ │ ├── escape-backdrop-sidenav │ │ │ ├── escape-backdrop-sidenav.component.html │ │ │ ├── escape-backdrop-sidenav.component.scss │ │ │ ├── escape-backdrop-sidenav.component.spec.ts │ │ │ └── escape-backdrop-sidenav.component.ts │ │ │ ├── event-datepicker │ │ │ ├── event-datepicker.component.html │ │ │ ├── event-datepicker.component.scss │ │ │ ├── event-datepicker.component.spec.ts │ │ │ └── event-datepicker.component.ts │ │ │ ├── feature-select │ │ │ ├── feature-select.component.html │ │ │ ├── feature-select.component.scss │ │ │ ├── feature-select.component.spec.ts │ │ │ └── feature-select.component.ts │ │ │ ├── filter-autocomplete │ │ │ ├── filter-autocomplete.component.html │ │ │ ├── filter-autocomplete.component.scss │ │ │ ├── filter-autocomplete.component.spec.ts │ │ │ └── filter-autocomplete.component.ts │ │ │ ├── filter-datepicker │ │ │ ├── filter-datepicker.component.html │ │ │ ├── filter-datepicker.component.scss │ │ │ ├── filter-datepicker.component.spec.ts │ │ │ └── filter-datepicker.component.ts │ │ │ ├── filter-table │ │ │ ├── filter-table.component.html │ │ │ ├── filter-table.component.scss │ │ │ ├── filter-table.component.spec.ts │ │ │ └── filter-table.component.ts │ │ │ ├── fixed-sidenav │ │ │ ├── fixed-sidenav.component.html │ │ │ ├── fixed-sidenav.component.scss │ │ │ ├── fixed-sidenav.component.spec.ts │ │ │ └── fixed-sidenav.component.ts │ │ │ ├── flat-tree │ │ │ ├── flat-tree.component.html │ │ │ ├── flat-tree.component.scss │ │ │ ├── flat-tree.component.spec.ts │ │ │ └── flat-tree.component.ts │ │ │ ├── footer-table │ │ │ ├── footer-table.component.html │ │ │ ├── footer-table.component.scss │ │ │ ├── footer-table.component.spec.ts │ │ │ └── footer-table.component.ts │ │ │ ├── form-input │ │ │ ├── form-input.component.html │ │ │ ├── form-input.component.scss │ │ │ ├── form-input.component.spec.ts │ │ │ └── form-input.component.ts │ │ │ ├── form-select │ │ │ ├── form-select.component.html │ │ │ ├── form-select.component.scss │ │ │ ├── form-select.component.spec.ts │ │ │ └── form-select.component.ts │ │ │ ├── highlight-first-autocomplete │ │ │ ├── highlight-first-autocomplete.component.html │ │ │ ├── highlight-first-autocomplete.component.scss │ │ │ ├── highlight-first-autocomplete.component.spec.ts │ │ │ └── highlight-first-autocomplete.component.ts │ │ │ ├── hints-form-field │ │ │ ├── hints-form-field.component.html │ │ │ ├── hints-form-field.component.scss │ │ │ ├── hints-form-field.component.spec.ts │ │ │ └── hints-form-field.component.ts │ │ │ ├── hints-input │ │ │ ├── hints-input.component.html │ │ │ ├── hints-input.component.scss │ │ │ ├── hints-input.component.spec.ts │ │ │ └── hints-input.component.ts │ │ │ ├── icon-menu │ │ │ ├── icon-menu.component.html │ │ │ ├── icon-menu.component.scss │ │ │ ├── icon-menu.component.spec.ts │ │ │ └── icon-menu.component.ts │ │ │ ├── indeterminate-bar │ │ │ ├── indeterminate-bar.component.html │ │ │ ├── indeterminate-bar.component.scss │ │ │ ├── indeterminate-bar.component.spec.ts │ │ │ └── indeterminate-bar.component.ts │ │ │ ├── index.ts │ │ │ ├── input-chip │ │ │ ├── input-chip.component.html │ │ │ ├── input-chip.component.scss │ │ │ ├── input-chip.component.spec.ts │ │ │ └── input-chip.component.ts │ │ │ ├── label-form-field │ │ │ ├── label-form-field.component.html │ │ │ ├── label-form-field.component.scss │ │ │ ├── label-form-field.component.spec.ts │ │ │ └── label-form-field.component.ts │ │ │ ├── manual-hide-tooltip │ │ │ ├── manual-hide-tooltip.component.html │ │ │ ├── manual-hide-tooltip.component.scss │ │ │ ├── manual-hide-tooltip.component.spec.ts │ │ │ └── manual-hide-tooltip.component.ts │ │ │ ├── material-examples.module.ts │ │ │ ├── min-max-datepicker │ │ │ ├── min-max-datepicker.component.html │ │ │ ├── min-max-datepicker.component.scss │ │ │ ├── min-max-datepicker.component.spec.ts │ │ │ └── min-max-datepicker.component.ts │ │ │ ├── moment-js-datepicker │ │ │ ├── moment-js-datepicker.component.html │ │ │ ├── moment-js-datepicker.component.scss │ │ │ ├── moment-js-datepicker.component.spec.ts │ │ │ └── moment-js-datepicker.component.ts │ │ │ ├── multi-row-toolbar │ │ │ ├── multi-row-toolbar.component.html │ │ │ ├── multi-row-toolbar.component.scss │ │ │ ├── multi-row-toolbar.component.spec.ts │ │ │ └── multi-row-toolbar.component.ts │ │ │ ├── multi-section-card │ │ │ ├── multi-section-card.component.html │ │ │ ├── multi-section-card.component.scss │ │ │ ├── multi-section-card.component.spec.ts │ │ │ └── multi-section-card.component.ts │ │ │ ├── multiple-select │ │ │ ├── multiple-select.component.html │ │ │ ├── multiple-select.component.scss │ │ │ ├── multiple-select.component.spec.ts │ │ │ └── multiple-select.component.ts │ │ │ ├── nav-tab-group │ │ │ ├── nav-tab-group.component.html │ │ │ ├── nav-tab-group.component.scss │ │ │ ├── nav-tab-group.component.spec.ts │ │ │ └── nav-tab-group.component.ts │ │ │ ├── nested-menu │ │ │ ├── nested-menu.component.html │ │ │ ├── nested-menu.component.scss │ │ │ ├── nested-menu.component.spec.ts │ │ │ └── nested-menu.component.ts │ │ │ ├── nested-tree │ │ │ ├── nested-tree.component.html │ │ │ ├── nested-tree.component.scss │ │ │ ├── nested-tree.component.spec.ts │ │ │ └── nested-tree.component.ts │ │ │ ├── ngmodel-radio │ │ │ ├── ngmodel-radio.component.html │ │ │ ├── ngmodel-radio.component.scss │ │ │ ├── ngmodel-radio.component.spec.ts │ │ │ └── ngmodel-radio.component.ts │ │ │ ├── open-close-sidenav │ │ │ ├── open-close-sidenav.component.html │ │ │ ├── open-close-sidenav.component.scss │ │ │ ├── open-close-sidenav.component.spec.ts │ │ │ └── open-close-sidenav.component.ts │ │ │ ├── open-method-datepicker │ │ │ ├── open-method-datepicker.component.html │ │ │ ├── open-method-datepicker.component.scss │ │ │ ├── open-method-datepicker.component.spec.ts │ │ │ └── open-method-datepicker.component.ts │ │ │ ├── option-group-autocomplete │ │ │ ├── option-group-autocomplete.component.html │ │ │ ├── option-group-autocomplete.component.scss │ │ │ ├── option-group-autocomplete.component.spec.ts │ │ │ └── option-group-autocomplete.component.ts │ │ │ ├── option-group-select │ │ │ ├── option-group-select.component.html │ │ │ ├── option-group-select.component.scss │ │ │ ├── option-group-select.component.spec.ts │ │ │ └── option-group-select.component.ts │ │ │ ├── pagination-table │ │ │ ├── pagination-table.component.html │ │ │ ├── pagination-table.component.scss │ │ │ ├── pagination-table.component.spec.ts │ │ │ └── pagination-table.component.ts │ │ │ ├── prefix-suffix-form-field │ │ │ ├── prefix-suffix-form-field.component.html │ │ │ ├── prefix-suffix-form-field.component.scss │ │ │ ├── prefix-suffix-form-field.component.spec.ts │ │ │ └── prefix-suffix-form-field.component.ts │ │ │ ├── reset-select │ │ │ ├── reset-select.component.html │ │ │ ├── reset-select.component.scss │ │ │ ├── reset-select.component.spec.ts │ │ │ └── reset-select.component.ts │ │ │ ├── responsive-sidenav │ │ │ ├── responsive-sidenav.component.html │ │ │ ├── responsive-sidenav.component.scss │ │ │ ├── responsive-sidenav.component.spec.ts │ │ │ └── responsive-sidenav.component.ts │ │ │ ├── rippleless-select │ │ │ ├── rippleless-select.component.html │ │ │ ├── rippleless-select.component.scss │ │ │ ├── rippleless-select.component.spec.ts │ │ │ └── rippleless-select.component.ts │ │ │ ├── scrollable-dialog │ │ │ ├── scrollable-dialog-overview │ │ │ │ ├── scrollable-dialog-overview.component.html │ │ │ │ ├── scrollable-dialog-overview.component.scss │ │ │ │ ├── scrollable-dialog-overview.component.spec.ts │ │ │ │ └── scrollable-dialog-overview.component.ts │ │ │ ├── scrollable-dialog.component.html │ │ │ ├── scrollable-dialog.component.scss │ │ │ ├── scrollable-dialog.component.spec.ts │ │ │ └── scrollable-dialog.component.ts │ │ │ ├── section-list │ │ │ ├── section-list.component.html │ │ │ ├── section-list.component.scss │ │ │ ├── section-list.component.spec.ts │ │ │ └── section-list.component.ts │ │ │ ├── selected-value-datepicker │ │ │ ├── selected-value-datepicker.component.html │ │ │ ├── selected-value-datepicker.component.scss │ │ │ ├── selected-value-datepicker.component.spec.ts │ │ │ └── selected-value-datepicker.component.ts │ │ │ ├── selection-table │ │ │ ├── selection-table.component.html │ │ │ ├── selection-table.component.scss │ │ │ ├── selection-table.component.spec.ts │ │ │ └── selection-table.component.ts │ │ │ ├── simple-autocomplete │ │ │ ├── simple-autocomplete.component.html │ │ │ ├── simple-autocomplete.component.scss │ │ │ ├── simple-autocomplete.component.spec.ts │ │ │ └── simple-autocomplete.component.ts │ │ │ ├── simple-form-field │ │ │ ├── simple-form-field.component.html │ │ │ ├── simple-form-field.component.scss │ │ │ ├── simple-form-field.component.spec.ts │ │ │ └── simple-form-field.component.ts │ │ │ ├── slider │ │ │ ├── slider.component.html │ │ │ ├── slider.component.scss │ │ │ ├── slider.component.spec.ts │ │ │ └── slider.component.ts │ │ │ ├── sorting-table │ │ │ ├── sorting-table.component.html │ │ │ ├── sorting-table.component.scss │ │ │ ├── sorting-table.component.spec.ts │ │ │ └── sorting-table.component.ts │ │ │ ├── stacked-chip │ │ │ ├── stacked-chip.component.html │ │ │ ├── stacked-chip.component.scss │ │ │ ├── stacked-chip.component.spec.ts │ │ │ └── stacked-chip.component.ts │ │ │ ├── start-date-datepicker │ │ │ ├── start-date-datepicker.component.html │ │ │ ├── start-date-datepicker.component.scss │ │ │ ├── start-date-datepicker.component.spec.ts │ │ │ └── start-date-datepicker.component.ts │ │ │ ├── sticky-column-table │ │ │ ├── sticky-column-table.component.html │ │ │ ├── sticky-column-table.component.scss │ │ │ ├── sticky-column-table.component.spec.ts │ │ │ └── sticky-column-table.component.ts │ │ │ ├── sticky-footer-table │ │ │ ├── sticky-footer-table.component.html │ │ │ ├── sticky-footer-table.component.scss │ │ │ ├── sticky-footer-table.component.spec.ts │ │ │ └── sticky-footer-table.component.ts │ │ │ ├── sticky-header-table │ │ │ ├── sticky-header-table.component.html │ │ │ ├── sticky-header-table.component.scss │ │ │ ├── sticky-header-table.component.spec.ts │ │ │ └── sticky-header-table.component.ts │ │ │ ├── suffix-prefix-input │ │ │ ├── suffix-prefix-input.component.html │ │ │ ├── suffix-prefix-input.component.scss │ │ │ ├── suffix-prefix-input.component.spec.ts │ │ │ └── suffix-prefix-input.component.ts │ │ │ ├── svg-icon │ │ │ ├── svg-icon.component.html │ │ │ ├── svg-icon.component.scss │ │ │ ├── svg-icon.component.spec.ts │ │ │ └── svg-icon.component.ts │ │ │ ├── table-sorting │ │ │ ├── table-sorting.component.html │ │ │ ├── table-sorting.component.scss │ │ │ ├── table-sorting.component.spec.ts │ │ │ └── table-sorting.component.ts │ │ │ ├── theming-form-field │ │ │ ├── theming-form-field.component.html │ │ │ ├── theming-form-field.component.scss │ │ │ ├── theming-form-field.component.spec.ts │ │ │ └── theming-form-field.component.ts │ │ │ ├── touch-datepicker │ │ │ ├── touch-datepicker.component.html │ │ │ ├── touch-datepicker.component.scss │ │ │ ├── touch-datepicker.component.spec.ts │ │ │ └── touch-datepicker.component.ts │ │ │ ├── trigger-select │ │ │ ├── trigger-select.component.html │ │ │ ├── trigger-select.component.scss │ │ │ ├── trigger-select.component.spec.ts │ │ │ └── trigger-select.component.ts │ │ │ ├── two-sidenav │ │ │ ├── two-sidenav.component.html │ │ │ ├── two-sidenav.component.scss │ │ │ ├── two-sidenav.component.spec.ts │ │ │ └── two-sidenav.component.ts │ │ │ ├── two-way-binding-select │ │ │ ├── two-way-binding-select.component.html │ │ │ ├── two-way-binding-select.component.scss │ │ │ ├── two-way-binding-select.component.spec.ts │ │ │ └── two-way-binding-select.component.ts │ │ │ └── vertical-stepper │ │ │ ├── vertical-stepper.component.html │ │ │ ├── vertical-stepper.component.scss │ │ │ ├── vertical-stepper.component.spec.ts │ │ │ └── vertical-stepper.component.ts │ ├── i18n │ │ ├── en.json │ │ └── es.json │ ├── images │ │ ├── 5-star.png │ │ ├── avatars │ │ │ ├── 001-man.svg │ │ │ ├── 002-woman.svg │ │ │ ├── 003-man-1.svg │ │ │ ├── 004-bald.svg │ │ │ ├── 005-man-2.svg │ │ │ ├── 006-woman-1.svg │ │ │ └── 007-woman-2.svg │ │ ├── backgrounds │ │ │ ├── card-coffee-cup.jpg │ │ │ ├── fancy-twilight.jpg │ │ │ ├── sea-twilight.jpg │ │ │ ├── trianglify-1.png │ │ │ ├── trianglify-2.png │ │ │ ├── trianglify-3.png │ │ │ ├── trianglify-4.png │ │ │ └── waterfall.jpg │ │ ├── bg-2.jpg │ │ ├── browsers │ │ │ ├── android.svg │ │ │ ├── apple.svg │ │ │ ├── chrome.svg │ │ │ ├── explorer.svg │ │ │ ├── license │ │ │ │ └── license.html │ │ │ ├── linux.svg │ │ │ ├── mozilla.svg │ │ │ ├── netscape.svg │ │ │ ├── opera.svg │ │ │ ├── safari.svg │ │ │ └── windows.svg │ │ ├── cancel.png │ │ ├── cryptocurrencies │ │ │ ├── ADA.png │ │ │ ├── ADX.png │ │ │ ├── AE.png │ │ │ ├── ARDR.png │ │ │ ├── ARK.png │ │ │ ├── BAT.png │ │ │ ├── BCC.png │ │ │ ├── BCH.png │ │ │ ├── BCN.png │ │ │ ├── BLOCK.png │ │ │ ├── BNB.png │ │ │ ├── BNT.png │ │ │ ├── BTC.png │ │ │ ├── BTCD.png │ │ │ ├── BTG.png │ │ │ ├── BTM.png │ │ │ ├── BTS.png │ │ │ ├── CNX.png │ │ │ ├── CVC.png │ │ │ ├── DASH.png │ │ │ ├── DCR.png │ │ │ ├── DGB.png │ │ │ ├── DGD.png │ │ │ ├── DOGE.png │ │ │ ├── EDG.png │ │ │ ├── EMC2.png │ │ │ ├── EOS.png │ │ │ ├── ETC.png │ │ │ ├── ETH.png │ │ │ ├── ETHOS.png │ │ │ ├── ETP.png │ │ │ ├── FCT.png │ │ │ ├── FUN.png │ │ │ ├── GAME.png │ │ │ ├── GAS.png │ │ │ ├── GBYTE.png │ │ │ ├── GNO.png │ │ │ ├── GNT.png │ │ │ ├── GRS.png │ │ │ ├── GXS.png │ │ │ ├── HSR.png │ │ │ ├── ICN.png │ │ │ ├── IOT.png │ │ │ ├── KMD.png │ │ │ ├── KNC.png │ │ │ ├── LSK.png │ │ │ ├── LTC.png │ │ │ ├── MAID.png │ │ │ ├── MCO.png │ │ │ ├── MNX.png │ │ │ ├── MONA.png │ │ │ ├── MTL.png │ │ │ ├── NAV.png │ │ │ ├── NEO.png │ │ │ ├── NXS.png │ │ │ ├── NXT.png │ │ │ ├── OMG.png │ │ │ ├── PAY.png │ │ │ ├── PIVX.png │ │ │ ├── POT.png │ │ │ ├── POWER.png │ │ │ ├── PPC.png │ │ │ ├── PPT.png │ │ │ ├── PURA.png │ │ │ ├── QASH.png │ │ │ ├── QTUM.png │ │ │ ├── RDN.png │ │ │ ├── REP.png │ │ │ ├── SALT.png │ │ │ ├── SAN.png │ │ │ ├── SC.png │ │ │ ├── SKY.png │ │ │ ├── SNGLS.png │ │ │ ├── SNT.png │ │ │ ├── START.png │ │ │ ├── STEEM.png │ │ │ ├── STORJ.png │ │ │ ├── SYS.png │ │ │ ├── TRX.png │ │ │ ├── UBQ.png │ │ │ ├── USDT.png │ │ │ ├── VEN.png │ │ │ ├── VTC.png │ │ │ ├── WAVES.png │ │ │ ├── WTC.png │ │ │ ├── XEM.png │ │ │ ├── XLM.png │ │ │ ├── XMR.png │ │ │ ├── XRP.png │ │ │ ├── XUC.png │ │ │ ├── XVG.png │ │ │ ├── XZC.png │ │ │ ├── ZEC.png │ │ │ ├── ZEN.png │ │ │ └── ZRX.png │ │ ├── edit.svg │ │ ├── face-1.jpg │ │ ├── face-2.jpg │ │ ├── face-3.jpg │ │ ├── face-4.jpg │ │ ├── face-5.jpg │ │ ├── face-6.jpg │ │ ├── face-7.jpg │ │ ├── faces │ │ │ ├── 10.jpg │ │ │ ├── 12.jpg │ │ │ ├── 13.jpg │ │ │ ├── 15.jpg │ │ │ ├── 16.jpg │ │ │ ├── 17.jpg │ │ │ ├── 2.jpg │ │ │ ├── 3.jpg │ │ │ ├── 4.jpg │ │ │ ├── 5.jpg │ │ │ └── 9.jpg │ │ ├── file-types │ │ │ ├── 001-pdf.svg │ │ │ ├── 002-psd.svg │ │ │ ├── 003-xls.svg │ │ │ ├── 004-xlsx.svg │ │ │ ├── 005-documents.svg │ │ │ ├── 006-png.svg │ │ │ └── 007-jpg.svg │ │ ├── gr.png │ │ ├── home-bg-black.png │ │ ├── home-bg-indigo.jpg │ │ ├── home-bg.jpg │ │ ├── home-bg.png │ │ ├── illustrations │ │ │ ├── agreement.svg │ │ │ ├── all_the_data.svg │ │ │ ├── baby.svg │ │ │ ├── backgrounds │ │ │ │ ├── circle-1.svg │ │ │ │ ├── cloud-1.svg │ │ │ │ ├── icon-bg-1.svg │ │ │ │ ├── leaf-1-white.svg │ │ │ │ └── leaf-1.svg │ │ │ ├── badge-1.svg │ │ │ ├── badge-2.svg │ │ │ ├── badge-3.svg │ │ │ ├── breaking_barriers.svg │ │ │ ├── business_deal.svg │ │ │ ├── designer.svg │ │ │ ├── done.svg │ │ │ ├── done_2.svg │ │ │ ├── leaf-1-white.png │ │ │ ├── leaf-1-white.svg │ │ │ ├── leaf-1.svg │ │ │ ├── lighthouse.svg │ │ │ ├── posting_photo.svg │ │ │ ├── pricing │ │ │ │ ├── for_business.svg │ │ │ │ ├── plan.svg │ │ │ │ ├── undraw_Graduation.svg │ │ │ │ ├── undraw_analyze.svg │ │ │ │ ├── undraw_businessman.svg │ │ │ │ ├── undraw_businesswoman.svg │ │ │ │ ├── undraw_investing.svg │ │ │ │ ├── undraw_map.svg │ │ │ │ ├── undraw_map_2.svg │ │ │ │ ├── undraw_plans.svg │ │ │ │ ├── undraw_setup.svg │ │ │ │ ├── undraw_unicorn.svg │ │ │ │ └── undraw_world.svg │ │ │ ├── rocket.svg │ │ │ ├── tick.svg │ │ │ ├── undraw_monitor.svg │ │ │ └── upgrade.svg │ │ ├── logo-full-200px.png │ │ ├── logo-full-strong.png │ │ ├── logo-full-white.png │ │ ├── logo-full.png │ │ ├── logo-lg.png │ │ ├── logo-text-white.png │ │ ├── logo-text.png │ │ ├── logo.png │ │ ├── logos │ │ │ ├── 001-spotify.svg │ │ │ ├── 002-java.svg │ │ │ ├── 003-apple.svg │ │ │ ├── 004-windows.svg │ │ │ ├── 005-google.svg │ │ │ ├── angular.png │ │ │ ├── bootstrap.png │ │ │ ├── gulp.png │ │ │ ├── html.png │ │ │ ├── laravel.png │ │ │ ├── logo-1.png │ │ │ ├── logo-2.png │ │ │ ├── logo-3.png │ │ │ ├── logo-4.png │ │ │ ├── logo-5.png │ │ │ ├── logo-6.png │ │ │ ├── logo-7.png │ │ │ ├── logo-8.png │ │ │ ├── logo-9.png │ │ │ ├── logo-circle.svg │ │ │ ├── npm.png │ │ │ ├── ps.png │ │ │ ├── react.png │ │ │ ├── sass.png │ │ │ ├── ui-lib.png │ │ │ ├── vue.png │ │ │ └── webpack.png │ │ ├── matx-screen.jpg │ │ ├── matx-screen.png │ │ ├── matx.png │ │ ├── mock-logo-1.png │ │ ├── mock-logo-2.png │ │ ├── mock-logo-3.png │ │ ├── mock-logo-4.png │ │ ├── oc.png │ │ ├── photo-1.jpg │ │ ├── photo-2.jpg │ │ ├── photo-3.jpg │ │ ├── photo-600_220.jpg │ │ ├── products │ │ │ ├── headphone-1.jpg │ │ │ ├── headphone-2.jpg │ │ │ ├── headphone-3.jpg │ │ │ ├── headphone-4.jpg │ │ │ ├── iphone-1.jpg │ │ │ ├── iphone-2.jpg │ │ │ ├── speaker-1.jpg │ │ │ ├── speaker-2.jpg │ │ │ ├── watch-1.jpg │ │ │ └── watch-2.jpg │ │ ├── screenshots │ │ │ ├── black_sidebar.png │ │ │ ├── dark_theme.png │ │ │ ├── horizontal_nav.png │ │ │ └── white_sidebar.png │ │ ├── sidebar-bg-dark.jpg │ │ ├── sidebar-bg.jpg │ │ ├── social-dribble.png │ │ ├── social-facebook.png │ │ ├── social-linkedin.png │ │ ├── social-twitter.png │ │ ├── sq-1.jpg │ │ ├── sq-10.jpg │ │ ├── sq-11.jpg │ │ ├── sq-12.jpg │ │ ├── sq-13.jpg │ │ ├── sq-15.jpg │ │ ├── sq-16.jpg │ │ ├── sq-17.jpg │ │ ├── sq-2.jpg │ │ ├── sq-3.jpg │ │ ├── sq-4.jpg │ │ ├── sq-5.jpg │ │ ├── sq-6.jpg │ │ ├── sq-7.jpg │ │ ├── sq-8.jpg │ │ ├── sq-9.jpg │ │ ├── sq-face-220.jpg │ │ ├── star-rating.icons.svg │ │ ├── svg-icons │ │ │ ├── add.svg │ │ │ ├── add_1.svg │ │ │ ├── agreement.svg │ │ │ ├── block.svg │ │ │ ├── boss.svg │ │ │ ├── box.svg │ │ │ ├── building.svg │ │ │ ├── bullet_list.svg │ │ │ ├── business_and_trade.svg │ │ │ ├── business_card_of_a_man_with_contact_info.svg │ │ │ ├── casino_chips.svg │ │ │ ├── chat.svg │ │ │ ├── chat_1.svg │ │ │ ├── chat_box.svg │ │ │ ├── checklist.svg │ │ │ ├── close.svg │ │ │ ├── cloud_computing.svg │ │ │ ├── cloud_computing_1.svg │ │ │ ├── cloud_computing_2.svg │ │ │ ├── creativity.svg │ │ │ ├── database.svg │ │ │ ├── database_1.svg │ │ │ ├── date.svg │ │ │ ├── delete.svg │ │ │ ├── documents.svg │ │ │ ├── drag.svg │ │ │ ├── edit.svg │ │ │ ├── edit_table.svg │ │ │ ├── enterprise.svg │ │ │ ├── facebook.svg │ │ │ ├── help.svg │ │ │ ├── home.svg │ │ │ ├── home_security.svg │ │ │ ├── inbox.svg │ │ │ ├── inbox_1.svg │ │ │ ├── invoices.svg │ │ │ ├── link.svg │ │ │ ├── link_1.svg │ │ │ ├── linkedin.svg │ │ │ ├── list.svg │ │ │ ├── list_1.svg │ │ │ ├── list_text.svg │ │ │ ├── location.svg │ │ │ ├── magnifying_glass.svg │ │ │ ├── map.svg │ │ │ ├── menu.svg │ │ │ ├── menu_1.svg │ │ │ ├── message.svg │ │ │ ├── money.svg │ │ │ ├── monitor.svg │ │ │ ├── notification.svg │ │ │ ├── paint_palette.svg │ │ │ ├── paper_plane.svg │ │ │ ├── partnership.svg │ │ │ ├── partnership_1.svg │ │ │ ├── person.svg │ │ │ ├── pie_chart.svg │ │ │ ├── receipt.svg │ │ │ ├── rocket.svg │ │ │ ├── rocket_launch.svg │ │ │ ├── search.svg │ │ │ ├── send.svg │ │ │ ├── server.svg │ │ │ ├── settings.svg │ │ │ ├── shopping_basket.svg │ │ │ ├── shopping_cart.svg │ │ │ ├── shopping_cart_1.svg │ │ │ ├── shopping_list.svg │ │ │ ├── success.svg │ │ │ ├── table.svg │ │ │ ├── twitter.svg │ │ │ ├── user.svg │ │ │ └── users.svg │ │ ├── svgIconExample.svg │ │ ├── tf.png │ │ └── wide-1.jpg │ ├── scripts │ │ └── analytics.js │ └── styles │ │ ├── app.scss │ │ └── scss │ │ ├── _animations.scss │ │ ├── _colors.scss │ │ ├── _page-layouts.scss │ │ ├── _palette.scss │ │ ├── _variables.scss │ │ ├── components │ │ ├── _button.scss │ │ ├── _card.scss │ │ ├── _components.scss │ │ ├── _example-viewer.scss │ │ ├── _hopscotch.scss │ │ ├── _info-card.scss │ │ ├── _mat-table.scss │ │ ├── _matx-sidebar.scss │ │ └── _others.scss │ │ ├── main │ │ ├── _breadcrumb.scss │ │ ├── _footer.scss │ │ ├── _header-side.scss │ │ ├── _header-top.scss │ │ ├── _header.scss │ │ ├── _layout.scss │ │ ├── _main.scss │ │ ├── _notifications.scss │ │ ├── _scaffolding.scss │ │ ├── _sidebar.scss │ │ ├── _sidenav.scss │ │ ├── _topnav.scss │ │ └── _typography.scss │ │ ├── mixins │ │ ├── _gradients.scss │ │ └── _mixins.scss │ │ ├── themes │ │ ├── _header-top.theme.scss │ │ ├── _hopscotch.theme.scss │ │ ├── _info-card.theme.scss │ │ ├── _init.scss │ │ ├── _matx-calendar.theme.scss │ │ ├── _matx.theme.scss │ │ └── _sidenav.theme.scss │ │ ├── utilities │ │ ├── _avatar.scss │ │ ├── _border.scss │ │ ├── _height-width.scss │ │ ├── _icons.scss │ │ ├── _others.scss │ │ ├── _spacing.scss │ │ ├── _utilities.scss │ │ └── base │ │ │ ├── _functions.scss │ │ │ ├── _mixins.scss │ │ │ ├── _utilities.scss │ │ │ ├── _variables.scss │ │ │ ├── mixins │ │ │ ├── _alert.scss │ │ │ ├── _border-radius.scss │ │ │ ├── _box-shadow.scss │ │ │ ├── _breakpoints.scss │ │ │ ├── _buttons.scss │ │ │ ├── _caret.scss │ │ │ ├── _clearfix.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 │ │ │ ├── _screen-reader.scss │ │ │ ├── _table-variants.scss │ │ │ ├── _text-truncate.scss │ │ │ ├── _transition.scss │ │ │ └── _utilities.scss │ │ │ └── utilities │ │ │ └── _api.scss │ │ └── views │ │ ├── _calendar.scss │ │ ├── _chats.scss │ │ ├── _gallery.scss │ │ ├── _home.scss │ │ ├── _inbox.scss │ │ ├── _invoice.scss │ │ ├── _landing.scss │ │ ├── _pricings.scss │ │ ├── _profile.scss │ │ ├── _shop.scss │ │ ├── _users.scss │ │ ├── _views.scss │ │ ├── invoice-list.scss │ │ ├── sessions │ │ ├── _sessions.scss │ │ ├── _signup-2.scss │ │ ├── _signup-3.scss │ │ └── _signup-4.scss │ │ └── todo │ │ ├── _todo-details.scss │ │ ├── _todo-list.scss │ │ └── _todo.scss ├── config.ts ├── environments │ ├── environment.prod.ts │ └── environment.ts ├── favicon.ico ├── index.html ├── main.ts ├── polyfills.ts ├── styles.css ├── styles.scss ├── test.ts ├── typings.d.ts └── vendor │ ├── Chart.min.js │ └── pace │ ├── pace-green.css │ ├── pace-theme-min.css │ └── pace.min.js ├── tsconfig.app.json ├── tsconfig.json └── tsconfig.spec.json /src/app/app.component.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uilibrary/matx-angular/6b16bbe0efa9c387e6d21141981fbfe01a8043e4/src/app/app.component.css -------------------------------------------------------------------------------- /src/app/app.component.html: -------------------------------------------------------------------------------- 1 | 2 | -------------------------------------------------------------------------------- /src/app/app.component.spec.ts: -------------------------------------------------------------------------------- 1 | describe('AppComponent', () => { 2 | it('true expect to be true', () => { 3 | expect(true).toBe(true); 4 | }); 5 | }); 6 | -------------------------------------------------------------------------------- /src/app/shared/components/bottom-sheet-share/bottom-sheet-share.component.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uilibrary/matx-angular/6b16bbe0efa9c387e6d21141981fbfe01a8043e4/src/app/shared/components/bottom-sheet-share/bottom-sheet-share.component.scss -------------------------------------------------------------------------------- /src/app/shared/components/breadcrumb/breadcrumb.component.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uilibrary/matx-angular/6b16bbe0efa9c387e6d21141981fbfe01a8043e4/src/app/shared/components/breadcrumb/breadcrumb.component.scss -------------------------------------------------------------------------------- /src/app/shared/components/button-loading/button-loading.component.html: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/app/shared/components/button-loading/button-loading.component.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uilibrary/matx-angular/6b16bbe0efa9c387e6d21141981fbfe01a8043e4/src/app/shared/components/button-loading/button-loading.component.scss -------------------------------------------------------------------------------- /src/app/shared/components/example-viewer-template/example-viewer-template.component.html: -------------------------------------------------------------------------------- 1 |
2 |
3 | 4 |
5 |
-------------------------------------------------------------------------------- /src/app/shared/components/example-viewer-template/example-viewer-template.component.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uilibrary/matx-angular/6b16bbe0efa9c387e6d21141981fbfe01a8043e4/src/app/shared/components/example-viewer-template/example-viewer-template.component.scss -------------------------------------------------------------------------------- /src/app/shared/components/example-viewer/example-viewer.component.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uilibrary/matx-angular/6b16bbe0efa9c387e6d21141981fbfe01a8043e4/src/app/shared/components/example-viewer/example-viewer.component.scss -------------------------------------------------------------------------------- /src/app/shared/components/footer/footer.component.html: -------------------------------------------------------------------------------- 1 | 13 | -------------------------------------------------------------------------------- /src/app/shared/components/footer/footer.component.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uilibrary/matx-angular/6b16bbe0efa9c387e6d21141981fbfe01a8043e4/src/app/shared/components/footer/footer.component.scss -------------------------------------------------------------------------------- /src/app/shared/components/footer/footer.component.ts: -------------------------------------------------------------------------------- 1 | import { Component, OnInit } from '@angular/core'; 2 | 3 | @Component({ 4 | selector: 'app-footer', 5 | templateUrl: './footer.component.html', 6 | styleUrls: ['./footer.component.scss'] 7 | }) 8 | export class FooterComponent implements OnInit { 9 | 10 | constructor() { } 11 | 12 | ngOnInit() { 13 | } 14 | 15 | } 16 | -------------------------------------------------------------------------------- /src/app/shared/components/layouts/auth-layout/auth-layout.component.html: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/app/shared/components/matx-notifications2/matx-notifications2.component.html: -------------------------------------------------------------------------------- 1 | 2 |

Test

3 | -------------------------------------------------------------------------------- /src/app/shared/components/matx-notifications2/matx-notifications2.component.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uilibrary/matx-angular/6b16bbe0efa9c387e6d21141981fbfe01a8043e4/src/app/shared/components/matx-notifications2/matx-notifications2.component.scss -------------------------------------------------------------------------------- /src/app/shared/components/matx-notifications2/matx-notifications2.component.ts: -------------------------------------------------------------------------------- 1 | import { Component, OnInit } from '@angular/core'; 2 | 3 | @Component({ 4 | selector: 'matx-notifications2', 5 | templateUrl: './matx-notifications2.component.html', 6 | styleUrls: ['./matx-notifications2.component.scss'] 7 | }) 8 | export class MatxNotifications2Component implements OnInit { 9 | 10 | constructor() { } 11 | 12 | ngOnInit(): void { 13 | } 14 | 15 | } 16 | -------------------------------------------------------------------------------- /src/app/shared/components/matx-notifications2/notifications2.service.ts: -------------------------------------------------------------------------------- 1 | import { Injectable } from '@angular/core'; 2 | 3 | @Injectable({ 4 | providedIn: 'root' 5 | }) 6 | export class Notifications2Service { 7 | isPanelOpen: boolean = false; 8 | 9 | constructor() { } 10 | } 11 | -------------------------------------------------------------------------------- /src/app/shared/components/matx-sidebar/matx-sidebar.component.html: -------------------------------------------------------------------------------- 1 |
2 | 3 |
-------------------------------------------------------------------------------- /src/app/shared/components/matx-sidebar/matx-sidebar.component.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uilibrary/matx-angular/6b16bbe0efa9c387e6d21141981fbfe01a8043e4/src/app/shared/components/matx-sidebar/matx-sidebar.component.scss -------------------------------------------------------------------------------- /src/app/shared/components/perfect-scrollbar/index.ts: -------------------------------------------------------------------------------- 1 | export { PerfectScrollbarComponent } from './perfect-scrollbar.component'; 2 | export { PerfectScrollbarDirective } from './perfect-scrollbar.directive'; 3 | 4 | export { 5 | Geometry, 6 | Position, 7 | 8 | PERFECT_SCROLLBAR_CONFIG, 9 | 10 | PerfectScrollbarConfig, 11 | PerfectScrollbarConfigInterface 12 | } from './perfect-scrollbar.interfaces'; 13 | 14 | export { PerfectScrollbarModule } from './perfect-scrollbar.module'; 15 | -------------------------------------------------------------------------------- /src/app/shared/components/perfect-scrollbar/perfect-scrollbar-force-native-scroll.directive.ts: -------------------------------------------------------------------------------- 1 | import { Directive, ElementRef, Renderer2 } from '@angular/core'; 2 | 3 | @Directive({ 4 | selector: '[forceNativeScrolling]' 5 | }) 6 | export class ForceNativeScrollDirective { 7 | 8 | constructor(private renderer: Renderer2, el: ElementRef) { 9 | ['ps__child', 'ps__child--consume'].forEach((className) => { 10 | this.renderer.addClass(el?.nativeElement, className); 11 | }); 12 | } 13 | } 14 | -------------------------------------------------------------------------------- /src/app/shared/components/sidebar-top/sidebar-top.component.html: -------------------------------------------------------------------------------- 1 |
2 | 5 |
-------------------------------------------------------------------------------- /src/app/shared/directives/auto-focus.directive.ts: -------------------------------------------------------------------------------- 1 | import { Directive, ElementRef } from "@angular/core"; 2 | 3 | @Directive({ 4 | selector: '[autoFocus]', 5 | }) 6 | export class AutoFocusDirective { 7 | constructor(private el: ElementRef) { 8 | } 9 | 10 | public focus(): void { 11 | console.log(this.el.nativeElement.focus()); 12 | (this.el.nativeElement as HTMLInputElement).focus(); 13 | } 14 | } -------------------------------------------------------------------------------- /src/app/shared/directives/font-size.directive.ts: -------------------------------------------------------------------------------- 1 | import { Directive, ElementRef, Attribute, OnInit } from '@angular/core'; 2 | 3 | @Directive({ selector: '[fontSize]' }) 4 | export class FontSizeDirective implements OnInit { 5 | constructor( @Attribute('fontSize') public fontSize: string, private el: ElementRef) { } 6 | ngOnInit() { 7 | this.el.nativeElement.fontSize = this.fontSize; 8 | } 9 | } 10 | -------------------------------------------------------------------------------- /src/app/shared/helpers/url.helper.ts: -------------------------------------------------------------------------------- 1 | export function getQueryParam(prop) { 2 | var params = {}; 3 | var search = decodeURIComponent(window.location.href.slice(window.location.href.indexOf('?') + 1)); 4 | var definitions = search.split('&'); 5 | definitions.forEach(function (val, key) { 6 | var parts = val.split('=', 2); 7 | params[parts[0]] = parts[1]; 8 | }); 9 | return (prop && prop in params) ? params[prop] : params; 10 | } -------------------------------------------------------------------------------- /src/app/shared/inmemory-db/orders.ts: -------------------------------------------------------------------------------- 1 | export class OrderDB { 2 | static orders = [ 3 | { 4 | id: 1, 5 | 6 | } 7 | ] 8 | } -------------------------------------------------------------------------------- /src/app/shared/models/invoice.model.ts: -------------------------------------------------------------------------------- 1 | export interface Invoice { 2 | id?: string; 3 | orderNo?: string; 4 | status?: string; 5 | date?: string; 6 | currency?: string; 7 | vat?: number; 8 | buyer?: { 9 | name: string; 10 | address: string; 11 | }; 12 | seller?: { 13 | name: string; 14 | address: string; 15 | }; 16 | item?: InvoiceItem[]; 17 | } 18 | 19 | export interface InvoiceItem { 20 | name: string; 21 | unit: number; 22 | price: number; 23 | id? ; 24 | } 25 | -------------------------------------------------------------------------------- /src/app/shared/models/todo.model.ts: -------------------------------------------------------------------------------- 1 | export interface TodoItem { 2 | id?: number; 3 | title?: string; 4 | note?: string; 5 | important?: boolean; 6 | starred?: boolean; 7 | done?: boolean; 8 | read?: boolean; 9 | selected?: boolean; 10 | startDate?: string; 11 | dueDate?: string; 12 | 13 | tag?: number[]; 14 | } 15 | 16 | export interface TagItem { 17 | id?: number; 18 | name?: string; 19 | } -------------------------------------------------------------------------------- /src/app/shared/models/user.model.ts: -------------------------------------------------------------------------------- 1 | export interface User { 2 | id?: string; 3 | displayName?: string; 4 | role?: string 5 | } -------------------------------------------------------------------------------- /src/app/shared/pipes/excerpt.pipe.ts: -------------------------------------------------------------------------------- 1 | import { Pipe, PipeTransform } from "@angular/core"; 2 | 3 | @Pipe({ name: 'excerpt' }) 4 | export class ExcerptPipe implements PipeTransform { 5 | transform(text: string, limit: number = 5) { 6 | if(text.length <= limit) 7 | return text; 8 | return text.substring(0, limit) + '...'; 9 | } 10 | } -------------------------------------------------------------------------------- /src/app/shared/search/search-input-over/search-input-over.component.html: -------------------------------------------------------------------------------- 1 |
2 | 5 |
6 | 7 |
8 | close 9 |
10 | -------------------------------------------------------------------------------- /src/app/shared/search/search.service.ts: -------------------------------------------------------------------------------- 1 | import { Injectable } from '@angular/core'; 2 | import { BehaviorSubject } from 'rxjs'; 3 | import { Observable } from 'rxjs'; 4 | 5 | @Injectable({ 6 | providedIn: 'root', 7 | }) 8 | export class SearchService { 9 | public searchTerm: BehaviorSubject = new BehaviorSubject(''); 10 | public searchTerm$: Observable = this.searchTerm.asObservable(); 11 | 12 | constructor() {} 13 | } 14 | -------------------------------------------------------------------------------- /src/app/shared/services/app-loader/app-loader.component.css: -------------------------------------------------------------------------------- 1 | .mat-dialog-content { 2 | min-height: 122px; 3 | } -------------------------------------------------------------------------------- /src/app/shared/services/app-loader/app-loader.component.html: -------------------------------------------------------------------------------- 1 |
2 |
{{ title }}
3 |
4 | 5 |
6 |
7 | -------------------------------------------------------------------------------- /src/app/views/dashboard/analytics/analytics.component.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uilibrary/matx-angular/6b16bbe0efa9c387e6d21141981fbfe01a8043e4/src/app/views/dashboard/analytics/analytics.component.scss -------------------------------------------------------------------------------- /src/app/views/dashboard/dashboard.routing.ts: -------------------------------------------------------------------------------- 1 | import { Routes } from "@angular/router"; 2 | 3 | import { AnalyticsComponent } from "./analytics/analytics.component"; 4 | 5 | export const DashboardRoutes: Routes = [ 6 | { 7 | path: "analytics", 8 | component: AnalyticsComponent, 9 | data: { title: 'Analytics', breadcrumb: 'Analytics'} 10 | } 11 | ]; 12 | -------------------------------------------------------------------------------- /src/app/views/forms/basic-form/basic-form.component.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uilibrary/matx-angular/6b16bbe0efa9c387e6d21141981fbfe01a8043e4/src/app/views/forms/basic-form/basic-form.component.css -------------------------------------------------------------------------------- /src/app/views/forms/file-upload/file-upload.component.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uilibrary/matx-angular/6b16bbe0efa9c387e6d21141981fbfe01a8043e4/src/app/views/forms/file-upload/file-upload.component.css -------------------------------------------------------------------------------- /src/app/views/forms/rich-text-editor/rich-text-editor.component.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uilibrary/matx-angular/6b16bbe0efa9c387e6d21141981fbfe01a8043e4/src/app/views/forms/rich-text-editor/rich-text-editor.component.css -------------------------------------------------------------------------------- /src/app/views/forms/rich-text-editor/rich-text-editor.component.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 9 | 10 | 11 | -------------------------------------------------------------------------------- /src/app/views/forms/wizard/wizard.component.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uilibrary/matx-angular/6b16bbe0efa9c387e6d21141981fbfe01a8043e4/src/app/views/forms/wizard/wizard.component.css -------------------------------------------------------------------------------- /src/app/views/others/app-blank/app-blank.component.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uilibrary/matx-angular/6b16bbe0efa9c387e6d21141981fbfe01a8043e4/src/app/views/others/app-blank/app-blank.component.css -------------------------------------------------------------------------------- /src/app/views/others/app-blank/app-blank.component.html: -------------------------------------------------------------------------------- 1 |

2 | This is a blank component. 3 |

-------------------------------------------------------------------------------- /src/app/views/others/app-blank/app-blank.component.ts: -------------------------------------------------------------------------------- 1 | import { Component, OnInit } from '@angular/core'; 2 | 3 | @Component({ 4 | selector: 'app-blank', 5 | templateUrl: './app-blank.component.html', 6 | styleUrls: ['./app-blank.component.css'] 7 | }) 8 | export class AppBlankComponent implements OnInit { 9 | 10 | constructor() { } 11 | 12 | ngOnInit() { 13 | } 14 | 15 | } 16 | -------------------------------------------------------------------------------- /src/app/views/others/app-gallery/app-gallery.component.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uilibrary/matx-angular/6b16bbe0efa9c387e6d21141981fbfe01a8043e4/src/app/views/others/app-gallery/app-gallery.component.css -------------------------------------------------------------------------------- /src/app/views/others/app-pricing/app-pricing.component.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uilibrary/matx-angular/6b16bbe0efa9c387e6d21141981fbfe01a8043e4/src/app/views/others/app-pricing/app-pricing.component.css -------------------------------------------------------------------------------- /src/app/views/others/app-pricing/app-pricing.component.ts: -------------------------------------------------------------------------------- 1 | import { Component, OnInit } from '@angular/core'; 2 | 3 | @Component({ 4 | selector: 'app-pricing', 5 | templateUrl: './app-pricing.component.html', 6 | styleUrls: ['./app-pricing.component.css'] 7 | }) 8 | export class AppPricingComponent implements OnInit { 9 | isAnnualSelected: boolean = false; 10 | 11 | constructor() { } 12 | 13 | ngOnInit() { 14 | } 15 | 16 | } 17 | -------------------------------------------------------------------------------- /src/app/views/others/app-users/app-users.component.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uilibrary/matx-angular/6b16bbe0efa9c387e6d21141981fbfe01a8043e4/src/app/views/others/app-users/app-users.component.css -------------------------------------------------------------------------------- /src/app/views/others/nested1/nested1.component.html: -------------------------------------------------------------------------------- 1 |

2 | nested1 works! 3 |

4 | -------------------------------------------------------------------------------- /src/app/views/others/nested1/nested1.component.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uilibrary/matx-angular/6b16bbe0efa9c387e6d21141981fbfe01a8043e4/src/app/views/others/nested1/nested1.component.scss -------------------------------------------------------------------------------- /src/app/views/others/nested1/nested1.component.ts: -------------------------------------------------------------------------------- 1 | import { Component, OnInit } from '@angular/core'; 2 | 3 | @Component({ 4 | selector: 'app-nested1', 5 | templateUrl: './nested1.component.html', 6 | styleUrls: ['./nested1.component.scss'] 7 | }) 8 | export class Nested1Component implements OnInit { 9 | 10 | constructor() { } 11 | 12 | ngOnInit() { 13 | } 14 | 15 | } 16 | -------------------------------------------------------------------------------- /src/app/views/others/nested2/nested2.component.html: -------------------------------------------------------------------------------- 1 |

2 | nested2 works! 3 |

4 | -------------------------------------------------------------------------------- /src/app/views/others/nested2/nested2.component.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uilibrary/matx-angular/6b16bbe0efa9c387e6d21141981fbfe01a8043e4/src/app/views/others/nested2/nested2.component.scss -------------------------------------------------------------------------------- /src/app/views/others/nested2/nested2.component.ts: -------------------------------------------------------------------------------- 1 | import { Component, OnInit } from '@angular/core'; 2 | 3 | @Component({ 4 | selector: 'app-nested2', 5 | templateUrl: './nested2.component.html', 6 | styleUrls: ['./nested2.component.scss'] 7 | }) 8 | export class Nested2Component implements OnInit { 9 | 10 | constructor() { } 11 | 12 | ngOnInit() { 13 | } 14 | 15 | } 16 | -------------------------------------------------------------------------------- /src/app/views/others/nested3/nested3.component.html: -------------------------------------------------------------------------------- 1 |

2 | nested3 works! 3 |

4 | 5 | 6 | -------------------------------------------------------------------------------- /src/app/views/others/nested3/nested3.component.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uilibrary/matx-angular/6b16bbe0efa9c387e6d21141981fbfe01a8043e4/src/app/views/others/nested3/nested3.component.scss -------------------------------------------------------------------------------- /src/app/views/others/nested3/nested3.component.ts: -------------------------------------------------------------------------------- 1 | import { Component, OnInit } from '@angular/core'; 2 | import { Router } from '@angular/router'; 3 | 4 | @Component({ 5 | selector: 'app-nested3', 6 | templateUrl: './nested3.component.html', 7 | styleUrls: ['./nested3.component.scss'] 8 | }) 9 | export class Nested3Component implements OnInit { 10 | 11 | constructor( 12 | public r: Router 13 | ) { } 14 | 15 | ngOnInit() { 16 | } 17 | go() { 18 | this.r.navigate(['/dashboard']) 19 | } 20 | } 21 | -------------------------------------------------------------------------------- /src/app/views/search-view/country.service.ts: -------------------------------------------------------------------------------- 1 | import { Injectable } from '@angular/core'; 2 | import { HttpClient } from '@angular/common/http'; 3 | import { Observable } from 'rxjs'; 4 | 5 | @Injectable({ 6 | providedIn: 'root' 7 | }) 8 | export class CountryService { 9 | 10 | constructor( 11 | private http: HttpClient 12 | ) { } 13 | 14 | getCountries(name) { 15 | return this.http.get('https://restcountries.com/v3.1/name/'+name); 16 | } 17 | } 18 | -------------------------------------------------------------------------------- /src/app/views/search-view/result-page/result-page.component.html: -------------------------------------------------------------------------------- 1 |
2 |

Search result for "{{ searchService.searchTerm$ | async }}"

3 |
4 | 5 |
6 |
7 |
{{item.flag}}
8 |
{{item.name.common}}
9 |
Official Name: {{item.name.official}}
10 |
11 | 12 |
-------------------------------------------------------------------------------- /src/app/views/search-view/result-page/result-page.component.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uilibrary/matx-angular/6b16bbe0efa9c387e6d21141981fbfe01a8043e4/src/app/views/search-view/result-page/result-page.component.scss -------------------------------------------------------------------------------- /src/app/views/search-view/search-view-routing.module.ts: -------------------------------------------------------------------------------- 1 | import { NgModule } from '@angular/core'; 2 | import { Routes, RouterModule } from '@angular/router'; 3 | import { ResultPageComponent } from './result-page/result-page.component'; 4 | 5 | const routes: Routes = [ 6 | { 7 | path: '', 8 | component: ResultPageComponent 9 | } 10 | ]; 11 | 12 | @NgModule({ 13 | imports: [RouterModule.forChild(routes)], 14 | exports: [RouterModule] 15 | }) 16 | export class SearchViewRoutingModule { } 17 | -------------------------------------------------------------------------------- /src/app/views/sessions/not-found/not-found.component.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uilibrary/matx-angular/6b16bbe0efa9c387e6d21141981fbfe01a8043e4/src/app/views/sessions/not-found/not-found.component.css -------------------------------------------------------------------------------- /src/app/views/sessions/not-found/not-found.component.ts: -------------------------------------------------------------------------------- 1 | import { Component, OnInit } from '@angular/core'; 2 | 3 | @Component({ 4 | selector: 'app-not-found', 5 | templateUrl: './not-found.component.html', 6 | styleUrls: ['./not-found.component.css'] 7 | }) 8 | export class NotFoundComponent implements OnInit { 9 | 10 | constructor() { } 11 | 12 | ngOnInit() { 13 | } 14 | 15 | } 16 | -------------------------------------------------------------------------------- /src/app/views/sessions/signin/signin.component.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uilibrary/matx-angular/6b16bbe0efa9c387e6d21141981fbfe01a8043e4/src/app/views/sessions/signin/signin.component.css -------------------------------------------------------------------------------- /src/app/views/sessions/signup/signup.component.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uilibrary/matx-angular/6b16bbe0efa9c387e6d21141981fbfe01a8043e4/src/app/views/sessions/signup/signup.component.css -------------------------------------------------------------------------------- /src/app/views/utilities/border/border.component.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uilibrary/matx-angular/6b16bbe0efa9c387e6d21141981fbfe01a8043e4/src/app/views/utilities/border/border.component.scss -------------------------------------------------------------------------------- /src/app/views/utilities/border/border.component.ts: -------------------------------------------------------------------------------- 1 | import { Component, OnInit } from '@angular/core'; 2 | 3 | @Component({ 4 | selector: 'app-border', 5 | templateUrl: './border.component.html', 6 | styleUrls: ['./border.component.scss'] 7 | }) 8 | export class BorderComponent implements OnInit { 9 | 10 | constructor() { } 11 | 12 | ngOnInit() { 13 | } 14 | 15 | } 16 | -------------------------------------------------------------------------------- /src/app/views/utilities/colors/colors.component.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uilibrary/matx-angular/6b16bbe0efa9c387e6d21141981fbfe01a8043e4/src/app/views/utilities/colors/colors.component.scss -------------------------------------------------------------------------------- /src/app/views/utilities/spacing/spacing.component.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uilibrary/matx-angular/6b16bbe0efa9c387e6d21141981fbfe01a8043e4/src/app/views/utilities/spacing/spacing.component.scss -------------------------------------------------------------------------------- /src/app/views/utilities/typography/typography.component.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uilibrary/matx-angular/6b16bbe0efa9c387e6d21141981fbfe01a8043e4/src/app/views/utilities/typography/typography.component.scss -------------------------------------------------------------------------------- /src/app/views/utilities/typography/typography.component.ts: -------------------------------------------------------------------------------- 1 | import { Component, OnInit, ChangeDetectorRef } from '@angular/core'; 2 | 3 | @Component({ 4 | selector: 'app-typography', 5 | templateUrl: './typography.component.html', 6 | styleUrls: ['./typography.component.scss'] 7 | }) 8 | export class TypographyComponent implements OnInit { 9 | 10 | constructor() { } 11 | 12 | ngOnInit() { 13 | 14 | } 15 | 16 | } 17 | -------------------------------------------------------------------------------- /src/assets/.gitkeep: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uilibrary/matx-angular/6b16bbe0efa9c387e6d21141981fbfe01a8043e4/src/assets/.gitkeep -------------------------------------------------------------------------------- /src/assets/examples/chart/echart-bar/echart-bar.component.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uilibrary/matx-angular/6b16bbe0efa9c387e6d21141981fbfe01a8043e4/src/assets/examples/chart/echart-bar/echart-bar.component.scss -------------------------------------------------------------------------------- /src/assets/examples/chart/echart-heatmap/echart-heatmap.component.html: -------------------------------------------------------------------------------- 1 |

Heatmap on Cartesian

2 |
3 |
4 | 5 |
6 | 7 |

Heatmap - 2w Data

8 |
-------------------------------------------------------------------------------- /src/assets/examples/chart/echart-heatmap/echart-heatmap.component.scss: -------------------------------------------------------------------------------- 1 | // .fsdfsdfsd { 2 | 3 | // color: #c23531; 4 | // color:#2f4554'; 5 | // #61a0a8;color:#d48265;color:#91c7ae;color:#749f83;color:#ca8622;color:#bda29a;color:#6e7074', '#546570', '#c4ccd3' 6 | // } -------------------------------------------------------------------------------- /src/assets/examples/chart/echart-pie/echart-pie.component.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uilibrary/matx-angular/6b16bbe0efa9c387e6d21141981fbfe01a8043e4/src/assets/examples/chart/echart-pie/echart-pie.component.scss -------------------------------------------------------------------------------- /src/assets/examples/chart/echart-radar/echart-radar.component.html: -------------------------------------------------------------------------------- 1 |

Proportion of Browsers

2 |
3 |
4 | 5 |
6 | 7 |

AQI Radar Chart

8 |
-------------------------------------------------------------------------------- /src/assets/examples/chart/echart-radar/echart-radar.component.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uilibrary/matx-angular/6b16bbe0efa9c387e6d21141981fbfe01a8043e4/src/assets/examples/chart/echart-radar/echart-radar.component.scss -------------------------------------------------------------------------------- /src/assets/examples/material/accordin-expansion-panel/accordin-expansion-panel.component.scss: -------------------------------------------------------------------------------- 1 | .example-headers-align .mat-expansion-panel-header-title, 2 | .example-headers-align .mat-expansion-panel-header-description { 3 | flex-basis: 0; 4 | } 5 | 6 | .example-headers-align .mat-expansion-panel-header-description { 7 | justify-content: space-between; 8 | align-items: center; 9 | } 10 | 11 | mat-form-field { 12 | margin-right: 12px; 13 | } 14 | -------------------------------------------------------------------------------- /src/assets/examples/material/align-tab-group/align-tab-group.component.scss: -------------------------------------------------------------------------------- 1 | .mat-tab-group { 2 | margin-bottom: 48px; 3 | } 4 | -------------------------------------------------------------------------------- /src/assets/examples/material/align-tab-group/align-tab-group.component.ts: -------------------------------------------------------------------------------- 1 | import { Component, OnInit } from '@angular/core'; 2 | 3 | @Component({ 4 | selector: 'app-align-tab-group', 5 | templateUrl: './align-tab-group.component.html', 6 | styleUrls: ['./align-tab-group.component.scss'] 7 | }) 8 | export class AlignTabGroupComponent implements OnInit { 9 | 10 | constructor() { } 11 | 12 | ngOnInit() { 13 | } 14 | 15 | } 16 | -------------------------------------------------------------------------------- /src/assets/examples/material/animation-tab-group/animation-tab-group.component.scss: -------------------------------------------------------------------------------- 1 | .mat-tab-group { 2 | margin-bottom: 48px; 3 | } 4 | -------------------------------------------------------------------------------- /src/assets/examples/material/animation-tab-group/animation-tab-group.component.ts: -------------------------------------------------------------------------------- 1 | import { Component, OnInit } from '@angular/core'; 2 | 3 | @Component({ 4 | selector: 'app-animation-tab-group', 5 | templateUrl: './animation-tab-group.component.html', 6 | styleUrls: ['./animation-tab-group.component.scss'] 7 | }) 8 | export class AnimationTabGroupComponent implements OnInit { 9 | 10 | constructor() { } 11 | 12 | ngOnInit() { 13 | } 14 | 15 | } 16 | -------------------------------------------------------------------------------- /src/assets/examples/material/appearance-form-field/appearance-form-field.component.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uilibrary/matx-angular/6b16bbe0efa9c387e6d21141981fbfe01a8043e4/src/assets/examples/material/appearance-form-field/appearance-form-field.component.scss -------------------------------------------------------------------------------- /src/assets/examples/material/appearance-form-field/appearance-form-field.component.ts: -------------------------------------------------------------------------------- 1 | import { Component, OnInit } from '@angular/core'; 2 | 3 | @Component({ 4 | selector: 'app-appearance-form-field', 5 | templateUrl: './appearance-form-field.component.html', 6 | styleUrls: ['./appearance-form-field.component.scss'] 7 | }) 8 | export class AppearanceFormFieldComponent implements OnInit { 9 | 10 | constructor() { } 11 | 12 | ngOnInit() { 13 | } 14 | 15 | } 16 | -------------------------------------------------------------------------------- /src/assets/examples/material/auto-hide-tooltip/auto-hide-tooltip.component.scss: -------------------------------------------------------------------------------- 1 | .example-button { 2 | display: block; 3 | margin: 80px auto 400px; 4 | } 5 | 6 | .example-container { 7 | height: 200px; 8 | overflow: auto; 9 | border: 1px solid #ccc; 10 | } 11 | -------------------------------------------------------------------------------- /src/assets/examples/material/auto-resizing-texarea/auto-resizing-texarea.component.scss: -------------------------------------------------------------------------------- 1 | mat-form-field { 2 | margin-right: 12px; 3 | } 4 | -------------------------------------------------------------------------------- /src/assets/examples/material/autocomplete-chip/autocomplete-chip.component.scss: -------------------------------------------------------------------------------- 1 | .example-chip-list { 2 | width: 100%; 3 | } 4 | .mat-chip:not(.mat-basic-chip) { 5 | display: flex; 6 | } -------------------------------------------------------------------------------- /src/assets/examples/material/autocomplete-overview/autocomplete-overview.component.scss: -------------------------------------------------------------------------------- 1 | .example-form { 2 | min-width: 150px; 3 | max-width: 500px; 4 | width: 100%; 5 | } 6 | 7 | .example-full-width { 8 | width: 100%; 9 | } 10 | 11 | .example-option-img { 12 | vertical-align: middle; 13 | margin-right: 8px; 14 | } 15 | 16 | [dir='rtl'] .example-option-img { 17 | margin-right: 0; 18 | margin-left: 8px; 19 | } 20 | -------------------------------------------------------------------------------- /src/assets/examples/material/autoresize-sidenav/autoresize-sidenav.component.scss: -------------------------------------------------------------------------------- 1 | .example-container { 2 | width: 500px; 3 | height: 300px; 4 | border: 1px solid rgba(0, 0, 0, 0.5); 5 | } 6 | 7 | .example-sidenav-content { 8 | display: flex; 9 | height: 100%; 10 | align-items: center; 11 | justify-content: center; 12 | } 13 | 14 | .example-sidenav { 15 | padding: 20px; 16 | } 17 | -------------------------------------------------------------------------------- /src/assets/examples/material/autoresize-sidenav/autoresize-sidenav.component.ts: -------------------------------------------------------------------------------- 1 | import { Component, OnInit } from '@angular/core'; 2 | 3 | @Component({ 4 | selector: 'app-autoresize-sidenav', 5 | templateUrl: './autoresize-sidenav.component.html', 6 | styleUrls: ['./autoresize-sidenav.component.scss'] 7 | }) 8 | export class AutoresizeSidenavComponent implements OnInit { 9 | 10 | showFiller = false; 11 | 12 | constructor() { } 13 | 14 | ngOnInit() { 15 | } 16 | 17 | } 18 | -------------------------------------------------------------------------------- /src/assets/examples/material/basic-badge/basic-badge.component.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uilibrary/matx-angular/6b16bbe0efa9c387e6d21141981fbfe01a8043e4/src/assets/examples/material/basic-badge/basic-badge.component.scss -------------------------------------------------------------------------------- /src/assets/examples/material/basic-badge/basic-badge.component.ts: -------------------------------------------------------------------------------- 1 | import { Component, OnInit } from '@angular/core'; 2 | 3 | @Component({ 4 | selector: 'app-basic-badge', 5 | templateUrl: './basic-badge.component.html', 6 | styleUrls: ['./basic-badge.component.scss'] 7 | }) 8 | export class BasicBadgeComponent implements OnInit { 9 | 10 | constructor() { } 11 | 12 | ngOnInit() { 13 | } 14 | 15 | } 16 | -------------------------------------------------------------------------------- /src/assets/examples/material/basic-bar/basic-bar.component.html: -------------------------------------------------------------------------------- 1 | 2 | -------------------------------------------------------------------------------- /src/assets/examples/material/basic-bar/basic-bar.component.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uilibrary/matx-angular/6b16bbe0efa9c387e6d21141981fbfe01a8043e4/src/assets/examples/material/basic-bar/basic-bar.component.scss -------------------------------------------------------------------------------- /src/assets/examples/material/basic-bar/basic-bar.component.ts: -------------------------------------------------------------------------------- 1 | import { Component, OnInit } from '@angular/core'; 2 | 3 | @Component({ 4 | selector: 'app-basic-bar', 5 | templateUrl: './basic-bar.component.html', 6 | styleUrls: ['./basic-bar.component.scss'] 7 | }) 8 | export class BasicBarComponent implements OnInit { 9 | 10 | constructor() { } 11 | 12 | ngOnInit() { 13 | } 14 | 15 | } 16 | -------------------------------------------------------------------------------- /src/assets/examples/material/basic-button-toggle/basic-button-toggle.component.html: -------------------------------------------------------------------------------- 1 | 2 | Bold 3 | Italic 4 | Underline 5 | 6 | -------------------------------------------------------------------------------- /src/assets/examples/material/basic-button-toggle/basic-button-toggle.component.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uilibrary/matx-angular/6b16bbe0efa9c387e6d21141981fbfe01a8043e4/src/assets/examples/material/basic-button-toggle/basic-button-toggle.component.scss -------------------------------------------------------------------------------- /src/assets/examples/material/basic-button-toggle/basic-button-toggle.component.ts: -------------------------------------------------------------------------------- 1 | import { Component, OnInit } from '@angular/core'; 2 | 3 | @Component({ 4 | selector: 'app-basic-button-toggle', 5 | templateUrl: './basic-button-toggle.component.html', 6 | styleUrls: ['./basic-button-toggle.component.scss'] 7 | }) 8 | export class BasicButtonToggleComponent implements OnInit { 9 | 10 | constructor() { } 11 | 12 | ngOnInit() { 13 | } 14 | 15 | } 16 | -------------------------------------------------------------------------------- /src/assets/examples/material/basic-card/basic-card.component.html: -------------------------------------------------------------------------------- 1 | Simple card 2 | -------------------------------------------------------------------------------- /src/assets/examples/material/basic-card/basic-card.component.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uilibrary/matx-angular/6b16bbe0efa9c387e6d21141981fbfe01a8043e4/src/assets/examples/material/basic-card/basic-card.component.scss -------------------------------------------------------------------------------- /src/assets/examples/material/basic-card/basic-card.component.ts: -------------------------------------------------------------------------------- 1 | import { Component, OnInit } from '@angular/core'; 2 | 3 | @Component({ 4 | selector: 'app-basic-card', 5 | templateUrl: './basic-card.component.html', 6 | styleUrls: ['./basic-card.component.scss'] 7 | }) 8 | export class BasicCardComponent implements OnInit { 9 | 10 | constructor() { } 11 | 12 | ngOnInit() { 13 | } 14 | 15 | } 16 | -------------------------------------------------------------------------------- /src/assets/examples/material/basic-checkbox/basic-checkbox.component.html: -------------------------------------------------------------------------------- 1 | Check me! 2 | -------------------------------------------------------------------------------- /src/assets/examples/material/basic-checkbox/basic-checkbox.component.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uilibrary/matx-angular/6b16bbe0efa9c387e6d21141981fbfe01a8043e4/src/assets/examples/material/basic-checkbox/basic-checkbox.component.scss -------------------------------------------------------------------------------- /src/assets/examples/material/basic-checkbox/basic-checkbox.component.ts: -------------------------------------------------------------------------------- 1 | import { Component, OnInit } from '@angular/core'; 2 | 3 | @Component({ 4 | selector: 'app-basic-checkbox', 5 | templateUrl: './basic-checkbox.component.html', 6 | styleUrls: ['./basic-checkbox.component.scss'] 7 | }) 8 | export class BasicCheckboxComponent implements OnInit { 9 | 10 | constructor() { } 11 | 12 | ngOnInit() { 13 | } 14 | 15 | } 16 | -------------------------------------------------------------------------------- /src/assets/examples/material/basic-chip/basic-chip.component.html: -------------------------------------------------------------------------------- 1 | 2 | One fish 3 | Two fish 4 | Primary fish 5 | Accent fish 6 | 7 | -------------------------------------------------------------------------------- /src/assets/examples/material/basic-chip/basic-chip.component.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uilibrary/matx-angular/6b16bbe0efa9c387e6d21141981fbfe01a8043e4/src/assets/examples/material/basic-chip/basic-chip.component.scss -------------------------------------------------------------------------------- /src/assets/examples/material/basic-chip/basic-chip.component.ts: -------------------------------------------------------------------------------- 1 | import { Component, OnInit } from '@angular/core'; 2 | 3 | @Component({ 4 | selector: 'app-basic-chip', 5 | templateUrl: './basic-chip.component.html', 6 | styleUrls: ['./basic-chip.component.scss'] 7 | }) 8 | export class BasicChipComponent implements OnInit { 9 | 10 | constructor() { } 11 | 12 | ngOnInit() { 13 | } 14 | 15 | } 16 | -------------------------------------------------------------------------------- /src/assets/examples/material/basic-datepicker/basic-datepicker.component.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | -------------------------------------------------------------------------------- /src/assets/examples/material/basic-datepicker/basic-datepicker.component.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uilibrary/matx-angular/6b16bbe0efa9c387e6d21141981fbfe01a8043e4/src/assets/examples/material/basic-datepicker/basic-datepicker.component.scss -------------------------------------------------------------------------------- /src/assets/examples/material/basic-datepicker/basic-datepicker.component.ts: -------------------------------------------------------------------------------- 1 | import { Component, OnInit } from '@angular/core'; 2 | 3 | @Component({ 4 | selector: 'app-basic-datepicker', 5 | templateUrl: './basic-datepicker.component.html', 6 | styleUrls: ['./basic-datepicker.component.scss'] 7 | }) 8 | export class BasicDatepickerComponent implements OnInit { 9 | 10 | constructor() { } 11 | 12 | ngOnInit() { 13 | } 14 | 15 | } 16 | -------------------------------------------------------------------------------- /src/assets/examples/material/basic-dialog/basic-dialog-overview/basic-dialog-overview.component.html: -------------------------------------------------------------------------------- 1 |

Hi {{data.name}}

2 |
3 |

What's your favorite animal?

4 | 5 | 6 | 7 |
8 |
9 | 10 | 11 |
12 | -------------------------------------------------------------------------------- /src/assets/examples/material/basic-dialog/basic-dialog-overview/basic-dialog-overview.component.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uilibrary/matx-angular/6b16bbe0efa9c387e6d21141981fbfe01a8043e4/src/assets/examples/material/basic-dialog/basic-dialog-overview/basic-dialog-overview.component.scss -------------------------------------------------------------------------------- /src/assets/examples/material/basic-dialog/basic-dialog.component.html: -------------------------------------------------------------------------------- 1 |
    2 |
  1. 3 | 4 | 5 | 6 |
    2. 7 |
  2. 8 | 9 |
    3. 10 |
  3. 11 | You chose: {{animal}} 12 |
    4. 13 |
14 | -------------------------------------------------------------------------------- /src/assets/examples/material/basic-dialog/basic-dialog.component.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uilibrary/matx-angular/6b16bbe0efa9c387e6d21141981fbfe01a8043e4/src/assets/examples/material/basic-dialog/basic-dialog.component.scss -------------------------------------------------------------------------------- /src/assets/examples/material/basic-divider/basic-divider.component.html: -------------------------------------------------------------------------------- 1 | 2 | Item 1 3 | 4 | Item 2 5 | 6 | Item 3 7 | 8 | -------------------------------------------------------------------------------- /src/assets/examples/material/basic-divider/basic-divider.component.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uilibrary/matx-angular/6b16bbe0efa9c387e6d21141981fbfe01a8043e4/src/assets/examples/material/basic-divider/basic-divider.component.scss -------------------------------------------------------------------------------- /src/assets/examples/material/basic-divider/basic-divider.component.ts: -------------------------------------------------------------------------------- 1 | import { Component, OnInit } from '@angular/core'; 2 | 3 | @Component({ 4 | selector: 'app-basic-divider', 5 | templateUrl: './basic-divider.component.html', 6 | styleUrls: ['./basic-divider.component.scss'] 7 | }) 8 | export class BasicDividerComponent implements OnInit { 9 | 10 | constructor() { } 11 | 12 | ngOnInit() { 13 | } 14 | 15 | } 16 | -------------------------------------------------------------------------------- /src/assets/examples/material/basic-expansion-panel/basic-expansion-panel.component.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uilibrary/matx-angular/6b16bbe0efa9c387e6d21141981fbfe01a8043e4/src/assets/examples/material/basic-expansion-panel/basic-expansion-panel.component.scss -------------------------------------------------------------------------------- /src/assets/examples/material/basic-expansion-panel/basic-expansion-panel.component.ts: -------------------------------------------------------------------------------- 1 | import { Component, OnInit } from '@angular/core'; 2 | 3 | @Component({ 4 | selector: 'app-basic-expansion-panel', 5 | templateUrl: './basic-expansion-panel.component.html', 6 | styleUrls: ['./basic-expansion-panel.component.scss'] 7 | }) 8 | export class BasicExpansionPanelComponent implements OnInit { 9 | 10 | panelOpenState = false; 11 | 12 | constructor() { } 13 | 14 | ngOnInit() { 15 | } 16 | 17 | } 18 | -------------------------------------------------------------------------------- /src/assets/examples/material/basic-grid/basic-grid.component.html: -------------------------------------------------------------------------------- 1 | 2 | 1 3 | 2 4 | 3 5 | 4 6 | 7 | -------------------------------------------------------------------------------- /src/assets/examples/material/basic-grid/basic-grid.component.scss: -------------------------------------------------------------------------------- 1 | mat-grid-tile { 2 | background: lightblue; 3 | } 4 | -------------------------------------------------------------------------------- /src/assets/examples/material/basic-grid/basic-grid.component.ts: -------------------------------------------------------------------------------- 1 | import { Component, OnInit } from '@angular/core'; 2 | 3 | @Component({ 4 | selector: 'app-basic-grid', 5 | templateUrl: './basic-grid.component.html', 6 | styleUrls: ['./basic-grid.component.scss'] 7 | }) 8 | export class BasicGridComponent implements OnInit { 9 | 10 | constructor() { } 11 | 12 | ngOnInit() { 13 | } 14 | 15 | } 16 | -------------------------------------------------------------------------------- /src/assets/examples/material/basic-icon/basic-icon.component.html: -------------------------------------------------------------------------------- 1 | home 2 | -------------------------------------------------------------------------------- /src/assets/examples/material/basic-icon/basic-icon.component.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uilibrary/matx-angular/6b16bbe0efa9c387e6d21141981fbfe01a8043e4/src/assets/examples/material/basic-icon/basic-icon.component.scss -------------------------------------------------------------------------------- /src/assets/examples/material/basic-icon/basic-icon.component.ts: -------------------------------------------------------------------------------- 1 | import { Component, OnInit } from '@angular/core'; 2 | 3 | @Component({ 4 | selector: 'app-basic-icon', 5 | templateUrl: './basic-icon.component.html', 6 | styleUrls: ['./basic-icon.component.scss'] 7 | }) 8 | export class BasicIconComponent implements OnInit { 9 | 10 | constructor() { } 11 | 12 | ngOnInit() { 13 | } 14 | 15 | } 16 | -------------------------------------------------------------------------------- /src/assets/examples/material/basic-input/basic-input.component.html: -------------------------------------------------------------------------------- 1 |
2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 |
10 | -------------------------------------------------------------------------------- /src/assets/examples/material/basic-input/basic-input.component.scss: -------------------------------------------------------------------------------- 1 | .example-form { 2 | min-width: 150px; 3 | max-width: 500px; 4 | width: 100%; 5 | } 6 | 7 | .example-full-width { 8 | width: 100%; 9 | } 10 | -------------------------------------------------------------------------------- /src/assets/examples/material/basic-input/basic-input.component.ts: -------------------------------------------------------------------------------- 1 | import { Component, OnInit } from '@angular/core'; 2 | 3 | @Component({ 4 | selector: 'app-basic-input', 5 | templateUrl: './basic-input.component.html', 6 | styleUrls: ['./basic-input.component.scss'] 7 | }) 8 | export class BasicInputComponent implements OnInit { 9 | 10 | constructor() { } 11 | 12 | ngOnInit() { 13 | } 14 | 15 | } 16 | -------------------------------------------------------------------------------- /src/assets/examples/material/basic-list/basic-list.component.html: -------------------------------------------------------------------------------- 1 | 2 | Item 1 3 | Item 2 4 | Item 3 5 | 6 | -------------------------------------------------------------------------------- /src/assets/examples/material/basic-list/basic-list.component.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uilibrary/matx-angular/6b16bbe0efa9c387e6d21141981fbfe01a8043e4/src/assets/examples/material/basic-list/basic-list.component.scss -------------------------------------------------------------------------------- /src/assets/examples/material/basic-list/basic-list.component.ts: -------------------------------------------------------------------------------- 1 | import { Component, OnInit } from '@angular/core'; 2 | 3 | @Component({ 4 | selector: 'app-basic-list', 5 | templateUrl: './basic-list.component.html', 6 | styleUrls: ['./basic-list.component.scss'] 7 | }) 8 | export class BasicListComponent implements OnInit { 9 | 10 | constructor() { } 11 | 12 | ngOnInit() { 13 | } 14 | 15 | } 16 | -------------------------------------------------------------------------------- /src/assets/examples/material/basic-menu/basic-menu.component.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | -------------------------------------------------------------------------------- /src/assets/examples/material/basic-menu/basic-menu.component.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uilibrary/matx-angular/6b16bbe0efa9c387e6d21141981fbfe01a8043e4/src/assets/examples/material/basic-menu/basic-menu.component.scss -------------------------------------------------------------------------------- /src/assets/examples/material/basic-menu/basic-menu.component.ts: -------------------------------------------------------------------------------- 1 | import { Component, OnInit } from '@angular/core'; 2 | 3 | @Component({ 4 | selector: 'app-basic-menu', 5 | templateUrl: './basic-menu.component.html', 6 | styleUrls: ['./basic-menu.component.scss'] 7 | }) 8 | export class BasicMenuComponent implements OnInit { 9 | 10 | constructor() { } 11 | 12 | ngOnInit() { 13 | } 14 | 15 | } 16 | -------------------------------------------------------------------------------- /src/assets/examples/material/basic-paginator/basic-paginator.component.html: -------------------------------------------------------------------------------- 1 | 4 | 5 | -------------------------------------------------------------------------------- /src/assets/examples/material/basic-paginator/basic-paginator.component.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uilibrary/matx-angular/6b16bbe0efa9c387e6d21141981fbfe01a8043e4/src/assets/examples/material/basic-paginator/basic-paginator.component.scss -------------------------------------------------------------------------------- /src/assets/examples/material/basic-paginator/basic-paginator.component.ts: -------------------------------------------------------------------------------- 1 | import { Component, OnInit } from '@angular/core'; 2 | 3 | @Component({ 4 | selector: 'app-basic-paginator', 5 | templateUrl: './basic-paginator.component.html', 6 | styleUrls: ['./basic-paginator.component.scss'] 7 | }) 8 | export class BasicPaginatorComponent implements OnInit { 9 | 10 | constructor() { } 11 | 12 | ngOnInit() { 13 | } 14 | 15 | } 16 | -------------------------------------------------------------------------------- /src/assets/examples/material/basic-radio/basic-radio.component.html: -------------------------------------------------------------------------------- 1 | 2 | Option 1 3 | Option 2 4 | 5 | -------------------------------------------------------------------------------- /src/assets/examples/material/basic-radio/basic-radio.component.scss: -------------------------------------------------------------------------------- 1 | .mat-radio-button ~ .mat-radio-button { 2 | margin-left: 16px; 3 | } 4 | -------------------------------------------------------------------------------- /src/assets/examples/material/basic-radio/basic-radio.component.ts: -------------------------------------------------------------------------------- 1 | import { Component, OnInit } from '@angular/core'; 2 | 3 | @Component({ 4 | selector: 'app-basic-radio', 5 | templateUrl: './basic-radio.component.html', 6 | styleUrls: ['./basic-radio.component.scss'] 7 | }) 8 | export class BasicRadioComponent implements OnInit { 9 | 10 | constructor() { } 11 | 12 | ngOnInit() { 13 | } 14 | 15 | } 16 | -------------------------------------------------------------------------------- /src/assets/examples/material/basic-select/basic-select.component.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uilibrary/matx-angular/6b16bbe0efa9c387e6d21141981fbfe01a8043e4/src/assets/examples/material/basic-select/basic-select.component.scss -------------------------------------------------------------------------------- /src/assets/examples/material/basic-sidenav/basic-sidenav.component.html: -------------------------------------------------------------------------------- 1 | 2 | Sidenav content 3 | 4 | Main content
5 | Main content
6 | Main content
7 | Main content
8 | Main content
9 | Main content
10 | Main content
11 | 12 | -------------------------------------------------------------------------------- /src/assets/examples/material/basic-sidenav/basic-sidenav.component.scss: -------------------------------------------------------------------------------- 1 | .example-container { 2 | // position: absolute; 3 | // top: 0; 4 | // bottom: 0; 5 | // left: 0; 6 | // right: 0; 7 | background: #eee; 8 | min-height: 200px; 9 | } 10 | -------------------------------------------------------------------------------- /src/assets/examples/material/basic-sidenav/basic-sidenav.component.ts: -------------------------------------------------------------------------------- 1 | import { Component, OnInit } from '@angular/core'; 2 | 3 | @Component({ 4 | selector: 'app-basic-sidenav', 5 | templateUrl: './basic-sidenav.component.html', 6 | styleUrls: ['./basic-sidenav.component.scss'] 7 | }) 8 | export class BasicSidenavComponent implements OnInit { 9 | 10 | constructor() { } 11 | 12 | ngOnInit() { 13 | } 14 | 15 | } 16 | -------------------------------------------------------------------------------- /src/assets/examples/material/basic-slider/basic-slider.component.html: -------------------------------------------------------------------------------- 1 | 2 | -------------------------------------------------------------------------------- /src/assets/examples/material/basic-slider/basic-slider.component.scss: -------------------------------------------------------------------------------- 1 | /** No CSS for this example */ 2 | mat-slider { 3 | width: 300px; 4 | } 5 | -------------------------------------------------------------------------------- /src/assets/examples/material/basic-slider/basic-slider.component.ts: -------------------------------------------------------------------------------- 1 | import { Component, OnInit } from '@angular/core'; 2 | 3 | @Component({ 4 | selector: 'app-basic-slider', 5 | templateUrl: './basic-slider.component.html', 6 | styleUrls: ['./basic-slider.component.scss'] 7 | }) 8 | export class BasicSliderComponent implements OnInit { 9 | 10 | constructor() { } 11 | 12 | ngOnInit() { 13 | } 14 | 15 | } 16 | -------------------------------------------------------------------------------- /src/assets/examples/material/basic-snackbar/basic-snackbar.component.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | -------------------------------------------------------------------------------- /src/assets/examples/material/basic-snackbar/basic-snackbar.component.scss: -------------------------------------------------------------------------------- 1 | mat-form-field { 2 | margin-right: 12px; 3 | } 4 | -------------------------------------------------------------------------------- /src/assets/examples/material/basic-sort-header/basic-sort-header.component.scss: -------------------------------------------------------------------------------- 1 | .mat-sort-header-container { 2 | align-items: center; 3 | } 4 | -------------------------------------------------------------------------------- /src/assets/examples/material/basic-spinner/basic-spinner.component.html: -------------------------------------------------------------------------------- 1 | 2 | -------------------------------------------------------------------------------- /src/assets/examples/material/basic-spinner/basic-spinner.component.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uilibrary/matx-angular/6b16bbe0efa9c387e6d21141981fbfe01a8043e4/src/assets/examples/material/basic-spinner/basic-spinner.component.scss -------------------------------------------------------------------------------- /src/assets/examples/material/basic-spinner/basic-spinner.component.ts: -------------------------------------------------------------------------------- 1 | import { Component, OnInit } from '@angular/core'; 2 | 3 | @Component({ 4 | selector: 'app-basic-spinner', 5 | templateUrl: './basic-spinner.component.html', 6 | styleUrls: ['./basic-spinner.component.scss'] 7 | }) 8 | export class BasicSpinnerComponent implements OnInit { 9 | 10 | constructor() { } 11 | 12 | ngOnInit() { 13 | } 14 | 15 | } 16 | -------------------------------------------------------------------------------- /src/assets/examples/material/basic-stepper/basic-stepper.component.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uilibrary/matx-angular/6b16bbe0efa9c387e6d21141981fbfe01a8043e4/src/assets/examples/material/basic-stepper/basic-stepper.component.scss -------------------------------------------------------------------------------- /src/assets/examples/material/basic-tab-group/basic-tab-group.component.html: -------------------------------------------------------------------------------- 1 | 2 | Content 1 3 | Content 2 4 | Content 3 5 | 6 | -------------------------------------------------------------------------------- /src/assets/examples/material/basic-tab-group/basic-tab-group.component.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uilibrary/matx-angular/6b16bbe0efa9c387e6d21141981fbfe01a8043e4/src/assets/examples/material/basic-tab-group/basic-tab-group.component.scss -------------------------------------------------------------------------------- /src/assets/examples/material/basic-tab-group/basic-tab-group.component.ts: -------------------------------------------------------------------------------- 1 | import { Component, OnInit } from '@angular/core'; 2 | 3 | @Component({ 4 | selector: 'app-basic-tab-group', 5 | templateUrl: './basic-tab-group.component.html', 6 | styleUrls: ['./basic-tab-group.component.scss'] 7 | }) 8 | export class BasicTabGroupComponent implements OnInit { 9 | 10 | constructor() { } 11 | 12 | ngOnInit() { 13 | } 14 | 15 | } 16 | -------------------------------------------------------------------------------- /src/assets/examples/material/basic-table/basic-table.component.scss: -------------------------------------------------------------------------------- 1 | .table-container { 2 | width: 550px; 3 | overflow: auto; 4 | } 5 | 6 | table { 7 | width: 800px; 8 | } 9 | -------------------------------------------------------------------------------- /src/assets/examples/material/basic-toggle/basic-toggle.component.html: -------------------------------------------------------------------------------- 1 | Slide me! 2 | -------------------------------------------------------------------------------- /src/assets/examples/material/basic-toggle/basic-toggle.component.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uilibrary/matx-angular/6b16bbe0efa9c387e6d21141981fbfe01a8043e4/src/assets/examples/material/basic-toggle/basic-toggle.component.scss -------------------------------------------------------------------------------- /src/assets/examples/material/basic-toggle/basic-toggle.component.ts: -------------------------------------------------------------------------------- 1 | import { Component, OnInit } from '@angular/core'; 2 | 3 | @Component({ 4 | selector: 'app-basic-toggle', 5 | templateUrl: './basic-toggle.component.html', 6 | styleUrls: ['./basic-toggle.component.scss'] 7 | }) 8 | export class BasicToggleComponent implements OnInit { 9 | 10 | constructor() { } 11 | 12 | ngOnInit() { 13 | } 14 | 15 | } 16 | -------------------------------------------------------------------------------- /src/assets/examples/material/basic-toolbar/basic-toolbar.component.html: -------------------------------------------------------------------------------- 1 | My App 2 | -------------------------------------------------------------------------------- /src/assets/examples/material/basic-toolbar/basic-toolbar.component.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uilibrary/matx-angular/6b16bbe0efa9c387e6d21141981fbfe01a8043e4/src/assets/examples/material/basic-toolbar/basic-toolbar.component.scss -------------------------------------------------------------------------------- /src/assets/examples/material/basic-toolbar/basic-toolbar.component.ts: -------------------------------------------------------------------------------- 1 | import { Component, OnInit } from '@angular/core'; 2 | 3 | @Component({ 4 | selector: 'app-basic-toolbar', 5 | templateUrl: './basic-toolbar.component.html', 6 | styleUrls: ['./basic-toolbar.component.scss'] 7 | }) 8 | export class BasicToolbarComponent implements OnInit { 9 | 10 | constructor() { } 11 | 12 | ngOnInit() { 13 | } 14 | 15 | } 16 | -------------------------------------------------------------------------------- /src/assets/examples/material/basic-tooltip/basic-tooltip.component.html: -------------------------------------------------------------------------------- 1 | 6 | -------------------------------------------------------------------------------- /src/assets/examples/material/basic-tooltip/basic-tooltip.component.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uilibrary/matx-angular/6b16bbe0efa9c387e6d21141981fbfe01a8043e4/src/assets/examples/material/basic-tooltip/basic-tooltip.component.scss -------------------------------------------------------------------------------- /src/assets/examples/material/basic-tooltip/basic-tooltip.component.ts: -------------------------------------------------------------------------------- 1 | import { Component, OnInit } from '@angular/core'; 2 | 3 | @Component({ 4 | selector: 'app-basic-tooltip', 5 | templateUrl: './basic-tooltip.component.html', 6 | styleUrls: ['./basic-tooltip.component.scss'] 7 | }) 8 | export class BasicTooltipComponent implements OnInit { 9 | 10 | constructor() { } 11 | 12 | ngOnInit() { 13 | } 14 | 15 | } 16 | -------------------------------------------------------------------------------- /src/assets/examples/material/bottom-sheet/bottom-sheet-overview/bottom-sheet-overview.component.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uilibrary/matx-angular/6b16bbe0efa9c387e6d21141981fbfe01a8043e4/src/assets/examples/material/bottom-sheet/bottom-sheet-overview/bottom-sheet-overview.component.scss -------------------------------------------------------------------------------- /src/assets/examples/material/bottom-sheet/bottom-sheet.component.html: -------------------------------------------------------------------------------- 1 |

You have received a file called "cat-picture.jpeg".

2 | 3 | 4 | -------------------------------------------------------------------------------- /src/assets/examples/material/bottom-sheet/bottom-sheet.component.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uilibrary/matx-angular/6b16bbe0efa9c387e6d21141981fbfe01a8043e4/src/assets/examples/material/bottom-sheet/bottom-sheet.component.scss -------------------------------------------------------------------------------- /src/assets/examples/material/button-examples/button-examples.component.scss: -------------------------------------------------------------------------------- 1 | //No SCSS -------------------------------------------------------------------------------- /src/assets/examples/material/button-examples/button-examples.component.ts: -------------------------------------------------------------------------------- 1 | import { Component, OnInit } from '@angular/core'; 2 | 3 | @Component({ 4 | selector: 'app-button-examples', 5 | templateUrl: './button-examples.component.html', 6 | styleUrls: ['./button-examples.component.scss'] 7 | }) 8 | export class ButtonExamplesComponent implements OnInit { 9 | 10 | constructor() { } 11 | 12 | ngOnInit() { 13 | } 14 | 15 | } 16 | -------------------------------------------------------------------------------- /src/assets/examples/material/button-toggle/button-toggle.component.scss: -------------------------------------------------------------------------------- 1 | .example-selected-value { 2 | margin: 15px 0; 3 | } 4 | -------------------------------------------------------------------------------- /src/assets/examples/material/button-toggle/button-toggle.component.ts: -------------------------------------------------------------------------------- 1 | import { Component, OnInit } from '@angular/core'; 2 | 3 | @Component({ 4 | selector: 'app-button-toggle', 5 | templateUrl: './button-toggle.component.html', 6 | styleUrls: ['./button-toggle.component.scss'] 7 | }) 8 | export class ButtonToggleComponent implements OnInit { 9 | 10 | constructor() { } 11 | 12 | ngOnInit() { 13 | } 14 | 15 | } 16 | -------------------------------------------------------------------------------- /src/assets/examples/material/buttons/buttons.component.scss: -------------------------------------------------------------------------------- 1 | .example-button-row button, 2 | .example-button-row a { 3 | margin-right: 8px; 4 | } 5 | -------------------------------------------------------------------------------- /src/assets/examples/material/buttons/buttons.component.ts: -------------------------------------------------------------------------------- 1 | import { Component, OnInit } from '@angular/core'; 2 | 3 | @Component({ 4 | selector: 'app-buttons', 5 | templateUrl: './buttons.component.html', 6 | styleUrls: ['./buttons.component.scss'] 7 | }) 8 | export class ButtonsComponent implements OnInit { 9 | 10 | constructor() { } 11 | 12 | ngOnInit() { 13 | } 14 | 15 | } 16 | -------------------------------------------------------------------------------- /src/assets/examples/material/changing-tooltip/changing-tooltip.component.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 10 | -------------------------------------------------------------------------------- /src/assets/examples/material/changing-tooltip/changing-tooltip.component.scss: -------------------------------------------------------------------------------- 1 | .example-user-input { 2 | margin-right: 8px; 3 | } 4 | -------------------------------------------------------------------------------- /src/assets/examples/material/checkbox-tree/checkbox-tree.component.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uilibrary/matx-angular/6b16bbe0efa9c387e6d21141981fbfe01a8043e4/src/assets/examples/material/checkbox-tree/checkbox-tree.component.scss -------------------------------------------------------------------------------- /src/assets/examples/material/clear-button-input/clear-button-input.component.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 6 | 7 | -------------------------------------------------------------------------------- /src/assets/examples/material/clear-button-input/clear-button-input.component.scss: -------------------------------------------------------------------------------- 1 | .example-form-field { 2 | width: 200px; 3 | } 4 | -------------------------------------------------------------------------------- /src/assets/examples/material/clear-button-input/clear-button-input.component.ts: -------------------------------------------------------------------------------- 1 | import { Component, OnInit } from '@angular/core'; 2 | 3 | @Component({ 4 | selector: 'app-clear-button-input', 5 | templateUrl: './clear-button-input.component.html', 6 | styleUrls: ['./clear-button-input.component.scss'] 7 | }) 8 | export class ClearButtonInputComponent implements OnInit { 9 | 10 | value = 'Clear me'; 11 | 12 | constructor() { } 13 | 14 | ngOnInit() { 15 | } 16 | 17 | } 18 | -------------------------------------------------------------------------------- /src/assets/examples/material/configurable-checkbox/configurable-checkbox.component.scss: -------------------------------------------------------------------------------- 1 | .example-h2 { 2 | margin: 10px; 3 | } 4 | 5 | .example-section { 6 | display: flex; 7 | align-content: center; 8 | align-items: center; 9 | height: 60px; 10 | } 11 | 12 | .example-margin { 13 | margin: 0 10px; 14 | } 15 | -------------------------------------------------------------------------------- /src/assets/examples/material/configurable-sidenav/configurable-sidenav.component.scss: -------------------------------------------------------------------------------- 1 | .example-container { 2 | // position: absolute; 3 | // top: 0; 4 | // bottom: 0; 5 | // left: 0; 6 | // right: 0; 7 | } 8 | 9 | .example-radio-group { 10 | display: block; 11 | border: 1px solid #555; 12 | margin: 20px; 13 | padding: 10px; 14 | } 15 | -------------------------------------------------------------------------------- /src/assets/examples/material/configurable-toggle/configurable-toggle.component.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uilibrary/matx-angular/6b16bbe0efa9c387e6d21141981fbfe01a8043e4/src/assets/examples/material/configurable-toggle/configurable-toggle.component.scss -------------------------------------------------------------------------------- /src/assets/examples/material/configurable-toggle/configurable-toggle.component.ts: -------------------------------------------------------------------------------- 1 | import { Component, OnInit } from '@angular/core'; 2 | 3 | @Component({ 4 | selector: 'app-configurable-toggle', 5 | templateUrl: './configurable-toggle.component.html', 6 | styleUrls: ['./configurable-toggle.component.scss'] 7 | }) 8 | export class ConfigurableToggleComponent implements OnInit { 9 | color; 10 | checked; 11 | disabled; 12 | 13 | constructor() { } 14 | 15 | ngOnInit() { 16 | } 17 | 18 | } 19 | -------------------------------------------------------------------------------- /src/assets/examples/material/custom-bar/custom-bar.component.scss: -------------------------------------------------------------------------------- 1 | .example-h2 { 2 | margin: 10px; 3 | } 4 | 5 | .example-section { 6 | display: flex; 7 | align-content: center; 8 | align-items: center; 9 | height: 60px; 10 | } 11 | 12 | .example-margin { 13 | margin: 0 10px; 14 | } 15 | -------------------------------------------------------------------------------- /src/assets/examples/material/custom-bar/custom-bar.component.ts: -------------------------------------------------------------------------------- 1 | import { Component, OnInit } from '@angular/core'; 2 | 3 | @Component({ 4 | selector: 'app-custom-bar', 5 | templateUrl: './custom-bar.component.html', 6 | styleUrls: ['./custom-bar.component.scss'] 7 | }) 8 | export class CustomBarComponent implements OnInit { 9 | 10 | color = 'primary'; 11 | mode = 'determinate'; 12 | value = 50; 13 | bufferValue = 75; 14 | 15 | constructor() { } 16 | 17 | ngOnInit() { 18 | } 19 | 20 | } 21 | -------------------------------------------------------------------------------- /src/assets/examples/material/custom-class-tooltip/custom-class-tooltip.component.html: -------------------------------------------------------------------------------- 1 | 8 | -------------------------------------------------------------------------------- /src/assets/examples/material/custom-class-tooltip/custom-class-tooltip.component.scss: -------------------------------------------------------------------------------- 1 | .example-button { 2 | margin-top: 16px; 3 | } 4 | 5 | .example-tooltip-red { 6 | background: #b71c1c; 7 | } 8 | -------------------------------------------------------------------------------- /src/assets/examples/material/custom-datepicker/custom-datepicker.component.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | -------------------------------------------------------------------------------- /src/assets/examples/material/custom-datepicker/custom-datepicker.component.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uilibrary/matx-angular/6b16bbe0efa9c387e6d21141981fbfe01a8043e4/src/assets/examples/material/custom-datepicker/custom-datepicker.component.scss -------------------------------------------------------------------------------- /src/assets/examples/material/custom-loading-buttons/custom-loading-buttons.component.html: -------------------------------------------------------------------------------- 1 |

ngModule

2 |

SharedComponentsModule

3 | 4 | Click Me 12 | -------------------------------------------------------------------------------- /src/assets/examples/material/custom-loading-buttons/custom-loading-buttons.component.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uilibrary/matx-angular/6b16bbe0efa9c387e6d21141981fbfe01a8043e4/src/assets/examples/material/custom-loading-buttons/custom-loading-buttons.component.scss -------------------------------------------------------------------------------- /src/assets/examples/material/custom-paginator/custom-paginator.component.scss: -------------------------------------------------------------------------------- 1 | mat-form-field { 2 | margin-right: 12px; 3 | } 4 | -------------------------------------------------------------------------------- /src/assets/examples/material/custom-panel-select/custom-panel-select.component.html: -------------------------------------------------------------------------------- 1 | 2 | Panel color 3 | 5 | Red 6 | Green 7 | Blue 8 | 9 | 10 | -------------------------------------------------------------------------------- /src/assets/examples/material/custom-panel-select/custom-panel-select.component.scss: -------------------------------------------------------------------------------- 1 | .example-panel-red.mat-select-panel { 2 | background: rgba(255, 0, 0, 0.5); 3 | } 4 | 5 | .example-panel-green.mat-select-panel { 6 | background: rgba(0, 255, 0, 0.5); 7 | } 8 | 9 | .example-panel-blue.mat-select-panel { 10 | background: rgba(0, 0, 255, 0.5); 11 | } 12 | -------------------------------------------------------------------------------- /src/assets/examples/material/custom-position-tooltip/custom-position-tooltip.component.scss: -------------------------------------------------------------------------------- 1 | .example-user-input { 2 | margin-right: 8px; 3 | } 4 | -------------------------------------------------------------------------------- /src/assets/examples/material/custom-snackbar/custom-snackbar-overview/custom-snackbar-overview.component.html: -------------------------------------------------------------------------------- 1 | 2 | Pizza party!!! 🍕 3 | 4 | -------------------------------------------------------------------------------- /src/assets/examples/material/custom-snackbar/custom-snackbar-overview/custom-snackbar-overview.component.scss: -------------------------------------------------------------------------------- 1 | .example-pizza-party { 2 | color: hotpink; 3 | } -------------------------------------------------------------------------------- /src/assets/examples/material/custom-snackbar/custom-snackbar-overview/custom-snackbar-overview.component.ts: -------------------------------------------------------------------------------- 1 | import { Component, OnInit } from '@angular/core'; 2 | 3 | @Component({ 4 | selector: 'app-custom-snackbar-overview', 5 | templateUrl: './custom-snackbar-overview.component.html', 6 | styleUrls: ['./custom-snackbar-overview.component.scss'] 7 | }) 8 | export class CustomSnackbarOverviewComponent implements OnInit { 9 | 10 | constructor() { } 11 | 12 | ngOnInit() { 13 | } 14 | 15 | } 16 | -------------------------------------------------------------------------------- /src/assets/examples/material/custom-snackbar/custom-snackbar.component.html: -------------------------------------------------------------------------------- 1 | 2 | Snack bar duration (seconds) 3 | 4 | 5 | 6 | 9 | -------------------------------------------------------------------------------- /src/assets/examples/material/custom-snackbar/custom-snackbar.component.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uilibrary/matx-angular/6b16bbe0efa9c387e6d21141981fbfe01a8043e4/src/assets/examples/material/custom-snackbar/custom-snackbar.component.scss -------------------------------------------------------------------------------- /src/assets/examples/material/custom-spinner/custom-spinner.component.scss: -------------------------------------------------------------------------------- 1 | .example-h2 { 2 | margin: 10px; 3 | } 4 | 5 | .example-section { 6 | display: flex; 7 | align-content: center; 8 | align-items: center; 9 | height: 60px; 10 | } 11 | 12 | .example-margin { 13 | margin: 0 10px; 14 | } 15 | -------------------------------------------------------------------------------- /src/assets/examples/material/custom-spinner/custom-spinner.component.ts: -------------------------------------------------------------------------------- 1 | import { Component, OnInit } from '@angular/core'; 2 | 3 | @Component({ 4 | selector: 'app-custom-spinner', 5 | templateUrl: './custom-spinner.component.html', 6 | styleUrls: ['./custom-spinner.component.scss'] 7 | }) 8 | export class CustomSpinnerComponent implements OnInit { 9 | 10 | color = 'primary'; 11 | mode = 'determinate'; 12 | value = 50; 13 | 14 | constructor() { } 15 | 16 | ngOnInit() { 17 | } 18 | 19 | } 20 | -------------------------------------------------------------------------------- /src/assets/examples/material/custom-tab-group/custom-tab-group.component.scss: -------------------------------------------------------------------------------- 1 | .example-button-toggle-label { 2 | display: inline-block; 3 | margin: 16px; 4 | } 5 | -------------------------------------------------------------------------------- /src/assets/examples/material/custom-tab-group/custom-tab-group.component.ts: -------------------------------------------------------------------------------- 1 | import { Component, OnInit } from '@angular/core'; 2 | 3 | @Component({ 4 | selector: 'app-custom-tab-group', 5 | templateUrl: './custom-tab-group.component.html', 6 | styleUrls: ['./custom-tab-group.component.scss'] 7 | }) 8 | export class CustomTabGroupComponent implements OnInit { 9 | 10 | constructor() { } 11 | 12 | ngOnInit() { 13 | } 14 | 15 | } 16 | -------------------------------------------------------------------------------- /src/assets/examples/material/customized-stepper/customized-stepper.component.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uilibrary/matx-angular/6b16bbe0efa9c387e6d21141981fbfe01a8043e4/src/assets/examples/material/customized-stepper/customized-stepper.component.scss -------------------------------------------------------------------------------- /src/assets/examples/material/data-dialog/data-dialog-overview/data-dialog-overview.component.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uilibrary/matx-angular/6b16bbe0efa9c387e6d21141981fbfe01a8043e4/src/assets/examples/material/data-dialog/data-dialog-overview/data-dialog-overview.component.scss -------------------------------------------------------------------------------- /src/assets/examples/material/data-dialog/data-dialog.component.html: -------------------------------------------------------------------------------- 1 | 2 | -------------------------------------------------------------------------------- /src/assets/examples/material/data-dialog/data-dialog.component.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uilibrary/matx-angular/6b16bbe0efa9c387e6d21141981fbfe01a8043e4/src/assets/examples/material/data-dialog/data-dialog.component.scss -------------------------------------------------------------------------------- /src/assets/examples/material/delay-tooltip/delay-tooltip.component.scss: -------------------------------------------------------------------------------- 1 | .example-user-input { 2 | display: block; 3 | width: 150px; 4 | } 5 | -------------------------------------------------------------------------------- /src/assets/examples/material/different-locale-datepicker/different-locale-datepicker.component.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | -------------------------------------------------------------------------------- /src/assets/examples/material/different-locale-datepicker/different-locale-datepicker.component.scss: -------------------------------------------------------------------------------- 1 | mat-form-field { 2 | margin-right: 12px; 3 | } 4 | -------------------------------------------------------------------------------- /src/assets/examples/material/disabled-datepicker/disabled-datepicker.component.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uilibrary/matx-angular/6b16bbe0efa9c387e6d21141981fbfe01a8043e4/src/assets/examples/material/disabled-datepicker/disabled-datepicker.component.scss -------------------------------------------------------------------------------- /src/assets/examples/material/disabled-datepicker/disabled-datepicker.component.ts: -------------------------------------------------------------------------------- 1 | import { Component, OnInit } from '@angular/core'; 2 | 3 | @Component({ 4 | selector: 'app-disabled-datepicker', 5 | templateUrl: './disabled-datepicker.component.html', 6 | styleUrls: ['./disabled-datepicker.component.scss'] 7 | }) 8 | export class DisabledDatepickerComponent implements OnInit { 9 | 10 | constructor() { } 11 | 12 | ngOnInit() { 13 | } 14 | 15 | } 16 | -------------------------------------------------------------------------------- /src/assets/examples/material/disabled-select/disabled-select.component.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uilibrary/matx-angular/6b16bbe0efa9c387e6d21141981fbfe01a8043e4/src/assets/examples/material/disabled-select/disabled-select.component.scss -------------------------------------------------------------------------------- /src/assets/examples/material/disabled-tooltip/disabled-tooltip.component.html: -------------------------------------------------------------------------------- 1 | 7 | 8 | 9 | Tooltip disabled 10 | 11 | -------------------------------------------------------------------------------- /src/assets/examples/material/disabled-tooltip/disabled-tooltip.component.scss: -------------------------------------------------------------------------------- 1 | .example-disabled-checkbox { 2 | margin-left: 8px; 3 | } 4 | -------------------------------------------------------------------------------- /src/assets/examples/material/display-value-autocomplete/display-value-autocomplete.component.scss: -------------------------------------------------------------------------------- 1 | .example-form { 2 | min-width: 150px; 3 | max-width: 500px; 4 | width: 100%; 5 | } 6 | 7 | .example-full-width { 8 | width: 100%; 9 | } 10 | -------------------------------------------------------------------------------- /src/assets/examples/material/drawer-sidenav/drawer-sidenav.component.html: -------------------------------------------------------------------------------- 1 | 2 | Drawer content 3 | 4 | Main content 5 | Main content 6 | Main content 7 | Main content 8 | Main content 9 | Main content 10 | Main content 11 | Main content 12 | 13 | 14 | -------------------------------------------------------------------------------- /src/assets/examples/material/drawer-sidenav/drawer-sidenav.component.scss: -------------------------------------------------------------------------------- 1 | .example-container { 2 | width: 400px; 3 | height: 200px; 4 | margin: 10px; 5 | border: 1px solid #555; 6 | } 7 | -------------------------------------------------------------------------------- /src/assets/examples/material/drawer-sidenav/drawer-sidenav.component.ts: -------------------------------------------------------------------------------- 1 | import { Component, OnInit } from '@angular/core'; 2 | 3 | @Component({ 4 | selector: 'app-drawer-sidenav', 5 | templateUrl: './drawer-sidenav.component.html', 6 | styleUrls: ['./drawer-sidenav.component.scss'] 7 | }) 8 | export class DrawerSidenavComponent implements OnInit { 9 | 10 | constructor() { } 11 | 12 | ngOnInit() { 13 | } 14 | 15 | } 16 | -------------------------------------------------------------------------------- /src/assets/examples/material/dynamic-data-tree/dynamic-data-tree.component.scss: -------------------------------------------------------------------------------- 1 | .example-tree-progress-bar { 2 | margin-left: 30px; 3 | } 4 | -------------------------------------------------------------------------------- /src/assets/examples/material/dynamic-grid/dynamic-grid.component.html: -------------------------------------------------------------------------------- 1 | 2 | 7 | {{tile.text}} 8 | 9 | 10 | -------------------------------------------------------------------------------- /src/assets/examples/material/dynamic-grid/dynamic-grid.component.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uilibrary/matx-angular/6b16bbe0efa9c387e6d21141981fbfe01a8043e4/src/assets/examples/material/dynamic-grid/dynamic-grid.component.scss -------------------------------------------------------------------------------- /src/assets/examples/material/dynamic-tab-group/dynamic-tab-group.component.scss: -------------------------------------------------------------------------------- 1 | .example-input-label, 2 | .example-add-tab-button, 3 | .example-delete-tab-button { 4 | margin: 8px; 5 | } 6 | -------------------------------------------------------------------------------- /src/assets/examples/material/error-form-field/error-form-field.component.html: -------------------------------------------------------------------------------- 1 |
2 | 3 | 4 | {{getErrorMessage()}} 5 | 6 |
7 | -------------------------------------------------------------------------------- /src/assets/examples/material/error-form-field/error-form-field.component.scss: -------------------------------------------------------------------------------- 1 | .example-container { 2 | display: flex; 3 | flex-direction: column; 4 | } 5 | 6 | .example-container > * { 7 | width: 100%; 8 | } 9 | -------------------------------------------------------------------------------- /src/assets/examples/material/error-input/error-input.component.scss: -------------------------------------------------------------------------------- 1 | .example-form { 2 | min-width: 150px; 3 | max-width: 500px; 4 | width: 100%; 5 | } 6 | 7 | .example-full-width { 8 | width: 100%; 9 | } 10 | -------------------------------------------------------------------------------- /src/assets/examples/material/error-message-input/error-message-input.component.scss: -------------------------------------------------------------------------------- 1 | .example-form { 2 | min-width: 150px; 3 | max-width: 500px; 4 | width: 100%; 5 | } 6 | 7 | .example-full-width { 8 | width: 100%; 9 | } 10 | -------------------------------------------------------------------------------- /src/assets/examples/material/error-select/error-select.component.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uilibrary/matx-angular/6b16bbe0efa9c387e6d21141981fbfe01a8043e4/src/assets/examples/material/error-select/error-select.component.scss -------------------------------------------------------------------------------- /src/assets/examples/material/error-stepper/error-stepper.component.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uilibrary/matx-angular/6b16bbe0efa9c387e6d21141981fbfe01a8043e4/src/assets/examples/material/error-stepper/error-stepper.component.scss -------------------------------------------------------------------------------- /src/assets/examples/material/escape-backdrop-sidenav/escape-backdrop-sidenav.component.scss: -------------------------------------------------------------------------------- 1 | .example-container { 2 | // position: absolute; 3 | // top: 0; 4 | // bottom: 0; 5 | // left: 0; 6 | // right: 0; 7 | } 8 | -------------------------------------------------------------------------------- /src/assets/examples/material/event-datepicker/event-datepicker.component.html: -------------------------------------------------------------------------------- 1 | 2 | 4 | 5 | 6 | 7 | 8 |
9 |
{{e}}
10 |
11 | -------------------------------------------------------------------------------- /src/assets/examples/material/event-datepicker/event-datepicker.component.scss: -------------------------------------------------------------------------------- 1 | .example-events { 2 | width: 400px; 3 | height: 200px; 4 | border: 1px solid #555; 5 | overflow: auto; 6 | } 7 | -------------------------------------------------------------------------------- /src/assets/examples/material/feature-select/feature-select.component.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uilibrary/matx-angular/6b16bbe0efa9c387e6d21141981fbfe01a8043e4/src/assets/examples/material/feature-select/feature-select.component.scss -------------------------------------------------------------------------------- /src/assets/examples/material/filter-autocomplete/filter-autocomplete.component.scss: -------------------------------------------------------------------------------- 1 | .example-form { 2 | min-width: 150px; 3 | max-width: 500px; 4 | width: 100%; 5 | } 6 | 7 | .example-full-width { 8 | width: 100%; 9 | } 10 | -------------------------------------------------------------------------------- /src/assets/examples/material/filter-datepicker/filter-datepicker.component.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | -------------------------------------------------------------------------------- /src/assets/examples/material/filter-datepicker/filter-datepicker.component.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uilibrary/matx-angular/6b16bbe0efa9c387e6d21141981fbfe01a8043e4/src/assets/examples/material/filter-datepicker/filter-datepicker.component.scss -------------------------------------------------------------------------------- /src/assets/examples/material/filter-table/filter-table.component.scss: -------------------------------------------------------------------------------- 1 | /* Structure */ 2 | table { 3 | width: 100%; 4 | } 5 | 6 | .mat-form-field { 7 | font-size: 14px; 8 | width: 100%; 9 | } 10 | -------------------------------------------------------------------------------- /src/assets/examples/material/flat-tree/flat-tree.component.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uilibrary/matx-angular/6b16bbe0efa9c387e6d21141981fbfe01a8043e4/src/assets/examples/material/flat-tree/flat-tree.component.scss -------------------------------------------------------------------------------- /src/assets/examples/material/footer-table/footer-table.component.scss: -------------------------------------------------------------------------------- 1 | table { 2 | width: 100%; 3 | } 4 | 5 | tr.mat-footer-row { 6 | font-weight: bold; 7 | } 8 | -------------------------------------------------------------------------------- /src/assets/examples/material/form-input/form-input.component.scss: -------------------------------------------------------------------------------- 1 | .example-form { 2 | min-width: 150px; 3 | max-width: 500px; 4 | width: 100%; 5 | } 6 | 7 | .example-full-width { 8 | width: 100%; 9 | } 10 | 11 | td { 12 | padding-right: 8px; 13 | } 14 | -------------------------------------------------------------------------------- /src/assets/examples/material/form-input/form-input.component.ts: -------------------------------------------------------------------------------- 1 | import { Component, OnInit } from '@angular/core'; 2 | 3 | @Component({ 4 | selector: 'app-form-input', 5 | templateUrl: './form-input.component.html', 6 | styleUrls: ['./form-input.component.scss'] 7 | }) 8 | export class FormInputComponent implements OnInit { 9 | 10 | constructor() { } 11 | 12 | ngOnInit() { 13 | } 14 | 15 | } 16 | -------------------------------------------------------------------------------- /src/assets/examples/material/form-select/form-select.component.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uilibrary/matx-angular/6b16bbe0efa9c387e6d21141981fbfe01a8043e4/src/assets/examples/material/form-select/form-select.component.scss -------------------------------------------------------------------------------- /src/assets/examples/material/highlight-first-autocomplete/highlight-first-autocomplete.component.scss: -------------------------------------------------------------------------------- 1 | .example-form { 2 | min-width: 150px; 3 | max-width: 500px; 4 | width: 100%; 5 | } 6 | 7 | .example-full-width { 8 | width: 100%; 9 | } 10 | -------------------------------------------------------------------------------- /src/assets/examples/material/hints-form-field/hints-form-field.component.scss: -------------------------------------------------------------------------------- 1 | .example-container { 2 | display: flex; 3 | flex-direction: column; 4 | } 5 | 6 | .example-container > * { 7 | width: 100%; 8 | } 9 | -------------------------------------------------------------------------------- /src/assets/examples/material/hints-form-field/hints-form-field.component.ts: -------------------------------------------------------------------------------- 1 | import { Component, OnInit } from '@angular/core'; 2 | 3 | @Component({ 4 | selector: 'app-hints-form-field', 5 | templateUrl: './hints-form-field.component.html', 6 | styleUrls: ['./hints-form-field.component.scss'] 7 | }) 8 | export class HintsFormFieldComponent implements OnInit { 9 | 10 | constructor() { } 11 | 12 | ngOnInit() { 13 | } 14 | 15 | } 16 | -------------------------------------------------------------------------------- /src/assets/examples/material/hints-input/hints-input.component.html: -------------------------------------------------------------------------------- 1 |
2 | 3 | 4 | 5 | Don't disclose personal info 6 | {{message.value.length}} / 256 7 | 8 | 9 |
10 | -------------------------------------------------------------------------------- /src/assets/examples/material/hints-input/hints-input.component.scss: -------------------------------------------------------------------------------- 1 | .example-form { 2 | min-width: 150px; 3 | max-width: 500px; 4 | width: 100%; 5 | } 6 | 7 | .example-full-width { 8 | width: 100%; 9 | } 10 | -------------------------------------------------------------------------------- /src/assets/examples/material/hints-input/hints-input.component.ts: -------------------------------------------------------------------------------- 1 | import { Component, OnInit } from '@angular/core'; 2 | 3 | @Component({ 4 | selector: 'app-hints-input', 5 | templateUrl: './hints-input.component.html', 6 | styleUrls: ['./hints-input.component.scss'] 7 | }) 8 | export class HintsInputComponent implements OnInit { 9 | 10 | constructor() { } 11 | 12 | ngOnInit() { 13 | } 14 | 15 | } 16 | -------------------------------------------------------------------------------- /src/assets/examples/material/icon-menu/icon-menu.component.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uilibrary/matx-angular/6b16bbe0efa9c387e6d21141981fbfe01a8043e4/src/assets/examples/material/icon-menu/icon-menu.component.scss -------------------------------------------------------------------------------- /src/assets/examples/material/icon-menu/icon-menu.component.ts: -------------------------------------------------------------------------------- 1 | import { Component, OnInit } from '@angular/core'; 2 | 3 | @Component({ 4 | selector: 'app-icon-menu', 5 | templateUrl: './icon-menu.component.html', 6 | styleUrls: ['./icon-menu.component.scss'] 7 | }) 8 | export class IconMenuComponent implements OnInit { 9 | 10 | constructor() { } 11 | 12 | ngOnInit() { 13 | } 14 | 15 | } 16 | -------------------------------------------------------------------------------- /src/assets/examples/material/indeterminate-bar/indeterminate-bar.component.html: -------------------------------------------------------------------------------- 1 | 2 | -------------------------------------------------------------------------------- /src/assets/examples/material/indeterminate-bar/indeterminate-bar.component.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uilibrary/matx-angular/6b16bbe0efa9c387e6d21141981fbfe01a8043e4/src/assets/examples/material/indeterminate-bar/indeterminate-bar.component.scss -------------------------------------------------------------------------------- /src/assets/examples/material/indeterminate-bar/indeterminate-bar.component.ts: -------------------------------------------------------------------------------- 1 | import { Component, OnInit } from '@angular/core'; 2 | 3 | @Component({ 4 | selector: 'app-indeterminate-bar', 5 | templateUrl: './indeterminate-bar.component.html', 6 | styleUrls: ['./indeterminate-bar.component.scss'] 7 | }) 8 | export class IndeterminateBarComponent implements OnInit { 9 | 10 | constructor() { } 11 | 12 | ngOnInit() { 13 | } 14 | 15 | } 16 | -------------------------------------------------------------------------------- /src/assets/examples/material/input-chip/input-chip.component.scss: -------------------------------------------------------------------------------- 1 | .example-chip-list { 2 | width: 100%; 3 | } 4 | .mat-chip:not(.mat-basic-chip) { 5 | display: flex; 6 | } -------------------------------------------------------------------------------- /src/assets/examples/material/label-form-field/label-form-field.component.scss: -------------------------------------------------------------------------------- 1 | .example-container { 2 | display: flex; 3 | flex-direction: column; 4 | } 5 | 6 | .example-container > * { 7 | width: 100%; 8 | } 9 | 10 | .example-container form { 11 | margin-bottom: 20px; 12 | } 13 | 14 | .example-container form > * { 15 | margin: 5px 0; 16 | } 17 | 18 | .example-container .mat-radio-button { 19 | margin: 0 12px; 20 | } 21 | -------------------------------------------------------------------------------- /src/assets/examples/material/manual-hide-tooltip/manual-hide-tooltip.component.scss: -------------------------------------------------------------------------------- 1 | .example-action-button { 2 | margin-top: 16px; 3 | } 4 | -------------------------------------------------------------------------------- /src/assets/examples/material/manual-hide-tooltip/manual-hide-tooltip.component.ts: -------------------------------------------------------------------------------- 1 | import { Component, OnInit } from '@angular/core'; 2 | 3 | @Component({ 4 | selector: 'app-manual-hide-tooltip', 5 | templateUrl: './manual-hide-tooltip.component.html', 6 | styleUrls: ['./manual-hide-tooltip.component.scss'] 7 | }) 8 | export class ManualHideTooltipComponent implements OnInit { 9 | 10 | constructor() { } 11 | 12 | ngOnInit() { 13 | } 14 | 15 | } 16 | -------------------------------------------------------------------------------- /src/assets/examples/material/min-max-datepicker/min-max-datepicker.component.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | -------------------------------------------------------------------------------- /src/assets/examples/material/min-max-datepicker/min-max-datepicker.component.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uilibrary/matx-angular/6b16bbe0efa9c387e6d21141981fbfe01a8043e4/src/assets/examples/material/min-max-datepicker/min-max-datepicker.component.scss -------------------------------------------------------------------------------- /src/assets/examples/material/moment-js-datepicker/moment-js-datepicker.component.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | -------------------------------------------------------------------------------- /src/assets/examples/material/moment-js-datepicker/moment-js-datepicker.component.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uilibrary/matx-angular/6b16bbe0efa9c387e6d21141981fbfe01a8043e4/src/assets/examples/material/moment-js-datepicker/moment-js-datepicker.component.scss -------------------------------------------------------------------------------- /src/assets/examples/material/multi-row-toolbar/multi-row-toolbar.component.scss: -------------------------------------------------------------------------------- 1 | .example-icon { 2 | padding: 0 14px; 3 | } 4 | 5 | .example-spacer { 6 | flex: 1 1 auto; 7 | } 8 | -------------------------------------------------------------------------------- /src/assets/examples/material/multi-row-toolbar/multi-row-toolbar.component.ts: -------------------------------------------------------------------------------- 1 | import { Component, OnInit } from '@angular/core'; 2 | 3 | @Component({ 4 | selector: 'app-multi-row-toolbar', 5 | templateUrl: './multi-row-toolbar.component.html', 6 | styleUrls: ['./multi-row-toolbar.component.scss'] 7 | }) 8 | export class MultiRowToolbarComponent implements OnInit { 9 | 10 | constructor() { } 11 | 12 | ngOnInit() { 13 | } 14 | 15 | } 16 | -------------------------------------------------------------------------------- /src/assets/examples/material/multi-section-card/multi-section-card.component.scss: -------------------------------------------------------------------------------- 1 | .example-card { 2 | max-width: 400px; 3 | } 4 | 5 | .example-header-image { 6 | background-image: url('https://material.angular.io/assets/img/examples/shiba1.jpg'); 7 | background-size: cover; 8 | } 9 | -------------------------------------------------------------------------------- /src/assets/examples/material/multi-section-card/multi-section-card.component.ts: -------------------------------------------------------------------------------- 1 | import { Component, OnInit } from '@angular/core'; 2 | 3 | @Component({ 4 | selector: 'app-multi-section-card', 5 | templateUrl: './multi-section-card.component.html', 6 | styleUrls: ['./multi-section-card.component.scss'] 7 | }) 8 | export class MultiSectionCardComponent implements OnInit { 9 | 10 | constructor() { } 11 | 12 | ngOnInit() { 13 | } 14 | 15 | } 16 | -------------------------------------------------------------------------------- /src/assets/examples/material/multiple-select/multiple-select.component.html: -------------------------------------------------------------------------------- 1 |

2 | multiple-select works! 3 |

4 | 5 | Toppings 6 | 7 | {{topping}} 8 | 9 | 10 | -------------------------------------------------------------------------------- /src/assets/examples/material/multiple-select/multiple-select.component.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uilibrary/matx-angular/6b16bbe0efa9c387e6d21141981fbfe01a8043e4/src/assets/examples/material/multiple-select/multiple-select.component.scss -------------------------------------------------------------------------------- /src/assets/examples/material/nav-tab-group/nav-tab-group.component.html: -------------------------------------------------------------------------------- 1 | 6 | 7 | 13 | -------------------------------------------------------------------------------- /src/assets/examples/material/nav-tab-group/nav-tab-group.component.scss: -------------------------------------------------------------------------------- 1 | .example-action-button { 2 | margin-bottom: 8px; 3 | } 4 | -------------------------------------------------------------------------------- /src/assets/examples/material/nested-menu/nested-menu.component.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uilibrary/matx-angular/6b16bbe0efa9c387e6d21141981fbfe01a8043e4/src/assets/examples/material/nested-menu/nested-menu.component.scss -------------------------------------------------------------------------------- /src/assets/examples/material/nested-menu/nested-menu.component.ts: -------------------------------------------------------------------------------- 1 | import { Component, OnInit } from '@angular/core'; 2 | 3 | @Component({ 4 | selector: 'app-nested-menu', 5 | templateUrl: './nested-menu.component.html', 6 | styleUrls: ['./nested-menu.component.scss'] 7 | }) 8 | export class NestedMenuComponent implements OnInit { 9 | 10 | constructor() { } 11 | 12 | ngOnInit() { 13 | } 14 | 15 | } 16 | -------------------------------------------------------------------------------- /src/assets/examples/material/nested-tree/nested-tree.component.scss: -------------------------------------------------------------------------------- 1 | .example-tree-invisible { 2 | display: none; 3 | } 4 | 5 | .example-tree ul, 6 | .example-tree li { 7 | margin-top: 0; 8 | margin-bottom: 0; 9 | list-style-type: none; 10 | } 11 | -------------------------------------------------------------------------------- /src/assets/examples/material/ngmodel-radio/ngmodel-radio.component.html: -------------------------------------------------------------------------------- 1 | 2 | 6 | 7 | {{season}} 8 | 9 | 10 |
Your favorite season is: {{favoriteSeason}}
11 | -------------------------------------------------------------------------------- /src/assets/examples/material/ngmodel-radio/ngmodel-radio.component.scss: -------------------------------------------------------------------------------- 1 | .example-radio-group { 2 | display: flex; 3 | flex-direction: column; 4 | margin: 15px 0; 5 | } 6 | 7 | .example-radio-button { 8 | margin: 5px; 9 | } 10 | -------------------------------------------------------------------------------- /src/assets/examples/material/open-close-sidenav/open-close-sidenav.component.scss: -------------------------------------------------------------------------------- 1 | .example-container { 2 | // position: absolute; 3 | // top: 0; 4 | // bottom: 0; 5 | // left: 0; 6 | // right: 0; 7 | } 8 | 9 | .example-events { 10 | width: 300px; 11 | height: 200px; 12 | overflow: auto; 13 | border: 1px solid #555; 14 | } 15 | -------------------------------------------------------------------------------- /src/assets/examples/material/open-close-sidenav/open-close-sidenav.component.ts: -------------------------------------------------------------------------------- 1 | import { Component, OnInit } from '@angular/core'; 2 | 3 | @Component({ 4 | selector: 'app-open-close-sidenav', 5 | templateUrl: './open-close-sidenav.component.html', 6 | styleUrls: ['./open-close-sidenav.component.scss'] 7 | }) 8 | export class OpenCloseSidenavComponent implements OnInit { 9 | 10 | events: string[] = []; 11 | opened: boolean; 12 | 13 | constructor() { } 14 | 15 | ngOnInit() { 16 | } 17 | 18 | } 19 | -------------------------------------------------------------------------------- /src/assets/examples/material/open-method-datepicker/open-method-datepicker.component.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | -------------------------------------------------------------------------------- /src/assets/examples/material/open-method-datepicker/open-method-datepicker.component.scss: -------------------------------------------------------------------------------- 1 | mat-form-field { 2 | margin-right: 12px; 3 | } 4 | -------------------------------------------------------------------------------- /src/assets/examples/material/open-method-datepicker/open-method-datepicker.component.ts: -------------------------------------------------------------------------------- 1 | import { Component, OnInit } from '@angular/core'; 2 | 3 | @Component({ 4 | selector: 'app-open-method-datepicker', 5 | templateUrl: './open-method-datepicker.component.html', 6 | styleUrls: ['./open-method-datepicker.component.scss'] 7 | }) 8 | export class OpenMethodDatepickerComponent implements OnInit { 9 | 10 | constructor() { } 11 | 12 | ngOnInit() { 13 | } 14 | 15 | } 16 | -------------------------------------------------------------------------------- /src/assets/examples/material/option-group-autocomplete/option-group-autocomplete.component.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uilibrary/matx-angular/6b16bbe0efa9c387e6d21141981fbfe01a8043e4/src/assets/examples/material/option-group-autocomplete/option-group-autocomplete.component.scss -------------------------------------------------------------------------------- /src/assets/examples/material/option-group-select/option-group-select.component.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uilibrary/matx-angular/6b16bbe0efa9c387e6d21141981fbfe01a8043e4/src/assets/examples/material/option-group-select/option-group-select.component.scss -------------------------------------------------------------------------------- /src/assets/examples/material/pagination-table/pagination-table.component.scss: -------------------------------------------------------------------------------- 1 | table { 2 | width: 100%; 3 | } 4 | -------------------------------------------------------------------------------- /src/assets/examples/material/prefix-suffix-form-field/prefix-suffix-form-field.component.ts: -------------------------------------------------------------------------------- 1 | import { Component, OnInit } from '@angular/core'; 2 | 3 | @Component({ 4 | selector: 'app-prefix-suffix-form-field', 5 | templateUrl: './prefix-suffix-form-field.component.html', 6 | styleUrls: ['./prefix-suffix-form-field.component.scss'] 7 | }) 8 | export class PrefixSuffixFormFieldComponent implements OnInit { 9 | 10 | hide = true; 11 | 12 | constructor() { } 13 | 14 | ngOnInit() { 15 | } 16 | 17 | } 18 | -------------------------------------------------------------------------------- /src/assets/examples/material/reset-select/reset-select.component.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uilibrary/matx-angular/6b16bbe0efa9c387e6d21141981fbfe01a8043e4/src/assets/examples/material/reset-select/reset-select.component.scss -------------------------------------------------------------------------------- /src/assets/examples/material/rippleless-select/rippleless-select.component.html: -------------------------------------------------------------------------------- 1 | 2 | Select an option 3 | 4 | Option 1 5 | Option 2 6 | Option 3 7 | 8 | 9 | -------------------------------------------------------------------------------- /src/assets/examples/material/rippleless-select/rippleless-select.component.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uilibrary/matx-angular/6b16bbe0efa9c387e6d21141981fbfe01a8043e4/src/assets/examples/material/rippleless-select/rippleless-select.component.scss -------------------------------------------------------------------------------- /src/assets/examples/material/rippleless-select/rippleless-select.component.ts: -------------------------------------------------------------------------------- 1 | import { Component, OnInit } from '@angular/core'; 2 | 3 | @Component({ 4 | selector: 'app-rippleless-select', 5 | templateUrl: './rippleless-select.component.html', 6 | styleUrls: ['./rippleless-select.component.scss'] 7 | }) 8 | export class RipplelessSelectComponent implements OnInit { 9 | 10 | constructor() { } 11 | 12 | ngOnInit() { 13 | } 14 | 15 | } 16 | -------------------------------------------------------------------------------- /src/assets/examples/material/scrollable-dialog/scrollable-dialog-overview/scrollable-dialog-overview.component.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uilibrary/matx-angular/6b16bbe0efa9c387e6d21141981fbfe01a8043e4/src/assets/examples/material/scrollable-dialog/scrollable-dialog-overview/scrollable-dialog-overview.component.scss -------------------------------------------------------------------------------- /src/assets/examples/material/scrollable-dialog/scrollable-dialog-overview/scrollable-dialog-overview.component.ts: -------------------------------------------------------------------------------- 1 | import { Component, OnInit } from '@angular/core'; 2 | 3 | @Component({ 4 | selector: 'app-scrollable-dialog-overview', 5 | templateUrl: './scrollable-dialog-overview.component.html', 6 | styleUrls: ['./scrollable-dialog-overview.component.scss'] 7 | }) 8 | export class ScrollableDialogOverviewComponent implements OnInit { 9 | 10 | constructor() { } 11 | 12 | ngOnInit() { 13 | } 14 | 15 | } 16 | -------------------------------------------------------------------------------- /src/assets/examples/material/scrollable-dialog/scrollable-dialog.component.html: -------------------------------------------------------------------------------- 1 | 2 | -------------------------------------------------------------------------------- /src/assets/examples/material/scrollable-dialog/scrollable-dialog.component.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uilibrary/matx-angular/6b16bbe0efa9c387e6d21141981fbfe01a8043e4/src/assets/examples/material/scrollable-dialog/scrollable-dialog.component.scss -------------------------------------------------------------------------------- /src/assets/examples/material/section-list/section-list.component.scss: -------------------------------------------------------------------------------- 1 | .mat-list-icon { 2 | color: rgba(0, 0, 0, 0.54); 3 | } 4 | -------------------------------------------------------------------------------- /src/assets/examples/material/selected-value-datepicker/selected-value-datepicker.component.scss: -------------------------------------------------------------------------------- 1 | mat-form-field { 2 | margin-right: 12px; 3 | } 4 | -------------------------------------------------------------------------------- /src/assets/examples/material/selection-table/selection-table.component.scss: -------------------------------------------------------------------------------- 1 | table { 2 | width: 100%; 3 | } 4 | -------------------------------------------------------------------------------- /src/assets/examples/material/simple-autocomplete/simple-autocomplete.component.html: -------------------------------------------------------------------------------- 1 |
2 | 3 | 4 | 5 | 6 | {{option}} 7 | 8 | 9 | 10 |
11 | -------------------------------------------------------------------------------- /src/assets/examples/material/simple-autocomplete/simple-autocomplete.component.scss: -------------------------------------------------------------------------------- 1 | .example-form { 2 | min-width: 150px; 3 | max-width: 500px; 4 | width: 100%; 5 | } 6 | 7 | .example-full-width { 8 | width: 100%; 9 | } 10 | -------------------------------------------------------------------------------- /src/assets/examples/material/simple-form-field/simple-form-field.component.html: -------------------------------------------------------------------------------- 1 |
2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | Option 13 | 14 | 15 |
16 | -------------------------------------------------------------------------------- /src/assets/examples/material/simple-form-field/simple-form-field.component.scss: -------------------------------------------------------------------------------- 1 | .example-container { 2 | display: flex; 3 | flex-direction: column; 4 | } 5 | 6 | .example-container > * { 7 | width: 100%; 8 | } 9 | -------------------------------------------------------------------------------- /src/assets/examples/material/simple-form-field/simple-form-field.component.ts: -------------------------------------------------------------------------------- 1 | import { Component, OnInit } from '@angular/core'; 2 | 3 | @Component({ 4 | selector: 'app-simple-form-field', 5 | templateUrl: './simple-form-field.component.html', 6 | styleUrls: ['./simple-form-field.component.scss'] 7 | }) 8 | export class SimpleFormFieldComponent implements OnInit { 9 | 10 | constructor() { } 11 | 12 | ngOnInit() { 13 | } 14 | 15 | } 16 | -------------------------------------------------------------------------------- /src/assets/examples/material/slider/slider.component.scss: -------------------------------------------------------------------------------- 1 | .example-h2 { 2 | margin: 10px; 3 | } 4 | 5 | .example-section { 6 | display: flex; 7 | align-content: center; 8 | align-items: center; 9 | height: 60px; 10 | } 11 | 12 | .example-margin { 13 | margin: 10px; 14 | } 15 | 16 | .mat-slider-horizontal { 17 | width: 300px; 18 | } 19 | 20 | .mat-slider-vertical { 21 | height: 300px; 22 | } 23 | -------------------------------------------------------------------------------- /src/assets/examples/material/sorting-table/sorting-table.component.scss: -------------------------------------------------------------------------------- 1 | table { 2 | width: 100%; 3 | } 4 | 5 | th.mat-sort-header-sorted { 6 | color: black; 7 | } 8 | -------------------------------------------------------------------------------- /src/assets/examples/material/stacked-chip/stacked-chip.component.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | {{chip.name}} 4 | 5 | 6 | -------------------------------------------------------------------------------- /src/assets/examples/material/stacked-chip/stacked-chip.component.scss: -------------------------------------------------------------------------------- 1 | mat-chip { 2 | max-width: 200px; 3 | } 4 | -------------------------------------------------------------------------------- /src/assets/examples/material/start-date-datepicker/start-date-datepicker.component.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | -------------------------------------------------------------------------------- /src/assets/examples/material/start-date-datepicker/start-date-datepicker.component.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uilibrary/matx-angular/6b16bbe0efa9c387e6d21141981fbfe01a8043e4/src/assets/examples/material/start-date-datepicker/start-date-datepicker.component.scss -------------------------------------------------------------------------------- /src/assets/examples/material/start-date-datepicker/start-date-datepicker.component.ts: -------------------------------------------------------------------------------- 1 | import { Component, OnInit } from '@angular/core'; 2 | 3 | @Component({ 4 | selector: 'app-start-date-datepicker', 5 | templateUrl: './start-date-datepicker.component.html', 6 | styleUrls: ['./start-date-datepicker.component.scss'] 7 | }) 8 | export class StartDateDatepickerComponent implements OnInit { 9 | 10 | startDate = new Date(1990, 0, 1); 11 | 12 | constructor() { } 13 | 14 | ngOnInit() { 15 | } 16 | 17 | } 18 | -------------------------------------------------------------------------------- /src/assets/examples/material/sticky-footer-table/sticky-footer-table.component.scss: -------------------------------------------------------------------------------- 1 | .example-container { 2 | height: 270px; 3 | overflow: auto; 4 | } 5 | 6 | table { 7 | width: 100%; 8 | } 9 | 10 | tr.mat-footer-row { 11 | font-weight: bold; 12 | } 13 | 14 | .mat-table-sticky { 15 | border-top: 1px solid #e0e0e0; 16 | } 17 | -------------------------------------------------------------------------------- /src/assets/examples/material/sticky-header-table/sticky-header-table.component.scss: -------------------------------------------------------------------------------- 1 | .example-container { 2 | height: 400px; 3 | overflow: auto; 4 | } 5 | 6 | table { 7 | width: 100%; 8 | } 9 | -------------------------------------------------------------------------------- /src/assets/examples/material/suffix-prefix-input/suffix-prefix-input.component.html: -------------------------------------------------------------------------------- 1 |
2 | 3 | 4 | +1   5 | 6 | mode_edit 7 | 8 | 9 |
10 | -------------------------------------------------------------------------------- /src/assets/examples/material/suffix-prefix-input/suffix-prefix-input.component.scss: -------------------------------------------------------------------------------- 1 | .example-form { 2 | min-width: 150px; 3 | max-width: 500px; 4 | width: 100%; 5 | } 6 | 7 | .example-full-width { 8 | width: 100%; 9 | } 10 | -------------------------------------------------------------------------------- /src/assets/examples/material/suffix-prefix-input/suffix-prefix-input.component.ts: -------------------------------------------------------------------------------- 1 | import { Component, OnInit } from '@angular/core'; 2 | 3 | @Component({ 4 | selector: 'app-suffix-prefix-input', 5 | templateUrl: './suffix-prefix-input.component.html', 6 | styleUrls: ['./suffix-prefix-input.component.scss'] 7 | }) 8 | export class SuffixPrefixInputComponent implements OnInit { 9 | 10 | constructor() { } 11 | 12 | ngOnInit() { 13 | } 14 | 15 | } 16 | -------------------------------------------------------------------------------- /src/assets/examples/material/svg-icon/svg-icon.component.html: -------------------------------------------------------------------------------- 1 | 2 | -------------------------------------------------------------------------------- /src/assets/examples/material/svg-icon/svg-icon.component.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uilibrary/matx-angular/6b16bbe0efa9c387e6d21141981fbfe01a8043e4/src/assets/examples/material/svg-icon/svg-icon.component.scss -------------------------------------------------------------------------------- /src/assets/examples/material/table-sorting/table-sorting.component.scss: -------------------------------------------------------------------------------- 1 | table { 2 | width: 100%; 3 | } 4 | 5 | th.mat-sort-header-sorted { 6 | color: black; 7 | } 8 | -------------------------------------------------------------------------------- /src/assets/examples/material/theming-form-field/theming-form-field.component.scss: -------------------------------------------------------------------------------- 1 | .example-container { 2 | display: flex; 3 | flex-direction: column; 4 | } 5 | 6 | .example-container > * { 7 | width: 100%; 8 | } 9 | -------------------------------------------------------------------------------- /src/assets/examples/material/touch-datepicker/touch-datepicker.component.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | -------------------------------------------------------------------------------- /src/assets/examples/material/touch-datepicker/touch-datepicker.component.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uilibrary/matx-angular/6b16bbe0efa9c387e6d21141981fbfe01a8043e4/src/assets/examples/material/touch-datepicker/touch-datepicker.component.scss -------------------------------------------------------------------------------- /src/assets/examples/material/touch-datepicker/touch-datepicker.component.ts: -------------------------------------------------------------------------------- 1 | import { Component, OnInit } from '@angular/core'; 2 | 3 | @Component({ 4 | selector: 'app-touch-datepicker', 5 | templateUrl: './touch-datepicker.component.html', 6 | styleUrls: ['./touch-datepicker.component.scss'] 7 | }) 8 | export class TouchDatepickerComponent implements OnInit { 9 | 10 | constructor() { } 11 | 12 | ngOnInit() { 13 | } 14 | 15 | } 16 | -------------------------------------------------------------------------------- /src/assets/examples/material/trigger-select/trigger-select.component.scss: -------------------------------------------------------------------------------- 1 | .example-additional-selection { 2 | opacity: 0.75; 3 | font-size: 0.75em; 4 | } 5 | -------------------------------------------------------------------------------- /src/assets/examples/material/two-sidenav/two-sidenav.component.html: -------------------------------------------------------------------------------- 1 | 2 | Start content 3 | End content 4 | Implicit main content 5 | 6 | -------------------------------------------------------------------------------- /src/assets/examples/material/two-sidenav/two-sidenav.component.scss: -------------------------------------------------------------------------------- 1 | .example-container { 2 | // position: absolute; 3 | // top: 0; 4 | // bottom: 0; 5 | // left: 0; 6 | // right: 0; 7 | } 8 | -------------------------------------------------------------------------------- /src/assets/examples/material/two-sidenav/two-sidenav.component.ts: -------------------------------------------------------------------------------- 1 | import { Component, OnInit } from '@angular/core'; 2 | 3 | @Component({ 4 | selector: 'app-two-sidenav', 5 | templateUrl: './two-sidenav.component.html', 6 | styleUrls: ['./two-sidenav.component.scss'] 7 | }) 8 | export class TwoSidenavComponent implements OnInit { 9 | 10 | constructor() { } 11 | 12 | ngOnInit() { 13 | } 14 | 15 | } 16 | -------------------------------------------------------------------------------- /src/assets/examples/material/two-way-binding-select/two-way-binding-select.component.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uilibrary/matx-angular/6b16bbe0efa9c387e6d21141981fbfe01a8043e4/src/assets/examples/material/two-way-binding-select/two-way-binding-select.component.scss -------------------------------------------------------------------------------- /src/assets/examples/material/two-way-binding-select/two-way-binding-select.component.ts: -------------------------------------------------------------------------------- 1 | import { Component, OnInit } from '@angular/core'; 2 | 3 | @Component({ 4 | selector: 'app-two-way-binding-select', 5 | templateUrl: './two-way-binding-select.component.html', 6 | styleUrls: ['./two-way-binding-select.component.scss'] 7 | }) 8 | export class TwoWayBindingSelectComponent implements OnInit { 9 | 10 | selected = 'option2'; 11 | 12 | constructor() { } 13 | 14 | ngOnInit() { 15 | } 16 | 17 | } 18 | -------------------------------------------------------------------------------- /src/assets/examples/material/vertical-stepper/vertical-stepper.component.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uilibrary/matx-angular/6b16bbe0efa9c387e6d21141981fbfe01a8043e4/src/assets/examples/material/vertical-stepper/vertical-stepper.component.scss -------------------------------------------------------------------------------- /src/assets/images/5-star.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uilibrary/matx-angular/6b16bbe0efa9c387e6d21141981fbfe01a8043e4/src/assets/images/5-star.png -------------------------------------------------------------------------------- /src/assets/images/backgrounds/card-coffee-cup.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uilibrary/matx-angular/6b16bbe0efa9c387e6d21141981fbfe01a8043e4/src/assets/images/backgrounds/card-coffee-cup.jpg -------------------------------------------------------------------------------- /src/assets/images/backgrounds/fancy-twilight.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uilibrary/matx-angular/6b16bbe0efa9c387e6d21141981fbfe01a8043e4/src/assets/images/backgrounds/fancy-twilight.jpg -------------------------------------------------------------------------------- /src/assets/images/backgrounds/sea-twilight.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uilibrary/matx-angular/6b16bbe0efa9c387e6d21141981fbfe01a8043e4/src/assets/images/backgrounds/sea-twilight.jpg -------------------------------------------------------------------------------- /src/assets/images/backgrounds/trianglify-1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uilibrary/matx-angular/6b16bbe0efa9c387e6d21141981fbfe01a8043e4/src/assets/images/backgrounds/trianglify-1.png -------------------------------------------------------------------------------- /src/assets/images/backgrounds/trianglify-2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uilibrary/matx-angular/6b16bbe0efa9c387e6d21141981fbfe01a8043e4/src/assets/images/backgrounds/trianglify-2.png -------------------------------------------------------------------------------- /src/assets/images/backgrounds/trianglify-3.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uilibrary/matx-angular/6b16bbe0efa9c387e6d21141981fbfe01a8043e4/src/assets/images/backgrounds/trianglify-3.png -------------------------------------------------------------------------------- /src/assets/images/backgrounds/trianglify-4.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uilibrary/matx-angular/6b16bbe0efa9c387e6d21141981fbfe01a8043e4/src/assets/images/backgrounds/trianglify-4.png -------------------------------------------------------------------------------- /src/assets/images/backgrounds/waterfall.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uilibrary/matx-angular/6b16bbe0efa9c387e6d21141981fbfe01a8043e4/src/assets/images/backgrounds/waterfall.jpg -------------------------------------------------------------------------------- /src/assets/images/bg-2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uilibrary/matx-angular/6b16bbe0efa9c387e6d21141981fbfe01a8043e4/src/assets/images/bg-2.jpg -------------------------------------------------------------------------------- /src/assets/images/cancel.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uilibrary/matx-angular/6b16bbe0efa9c387e6d21141981fbfe01a8043e4/src/assets/images/cancel.png -------------------------------------------------------------------------------- /src/assets/images/cryptocurrencies/ADA.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uilibrary/matx-angular/6b16bbe0efa9c387e6d21141981fbfe01a8043e4/src/assets/images/cryptocurrencies/ADA.png -------------------------------------------------------------------------------- /src/assets/images/cryptocurrencies/ADX.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uilibrary/matx-angular/6b16bbe0efa9c387e6d21141981fbfe01a8043e4/src/assets/images/cryptocurrencies/ADX.png -------------------------------------------------------------------------------- /src/assets/images/cryptocurrencies/AE.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uilibrary/matx-angular/6b16bbe0efa9c387e6d21141981fbfe01a8043e4/src/assets/images/cryptocurrencies/AE.png -------------------------------------------------------------------------------- /src/assets/images/cryptocurrencies/ARDR.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uilibrary/matx-angular/6b16bbe0efa9c387e6d21141981fbfe01a8043e4/src/assets/images/cryptocurrencies/ARDR.png -------------------------------------------------------------------------------- /src/assets/images/cryptocurrencies/ARK.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uilibrary/matx-angular/6b16bbe0efa9c387e6d21141981fbfe01a8043e4/src/assets/images/cryptocurrencies/ARK.png -------------------------------------------------------------------------------- /src/assets/images/cryptocurrencies/BAT.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uilibrary/matx-angular/6b16bbe0efa9c387e6d21141981fbfe01a8043e4/src/assets/images/cryptocurrencies/BAT.png -------------------------------------------------------------------------------- /src/assets/images/cryptocurrencies/BCC.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uilibrary/matx-angular/6b16bbe0efa9c387e6d21141981fbfe01a8043e4/src/assets/images/cryptocurrencies/BCC.png -------------------------------------------------------------------------------- /src/assets/images/cryptocurrencies/BCH.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uilibrary/matx-angular/6b16bbe0efa9c387e6d21141981fbfe01a8043e4/src/assets/images/cryptocurrencies/BCH.png -------------------------------------------------------------------------------- /src/assets/images/cryptocurrencies/BCN.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uilibrary/matx-angular/6b16bbe0efa9c387e6d21141981fbfe01a8043e4/src/assets/images/cryptocurrencies/BCN.png -------------------------------------------------------------------------------- /src/assets/images/cryptocurrencies/BLOCK.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uilibrary/matx-angular/6b16bbe0efa9c387e6d21141981fbfe01a8043e4/src/assets/images/cryptocurrencies/BLOCK.png -------------------------------------------------------------------------------- /src/assets/images/cryptocurrencies/BNB.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uilibrary/matx-angular/6b16bbe0efa9c387e6d21141981fbfe01a8043e4/src/assets/images/cryptocurrencies/BNB.png -------------------------------------------------------------------------------- /src/assets/images/cryptocurrencies/BNT.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uilibrary/matx-angular/6b16bbe0efa9c387e6d21141981fbfe01a8043e4/src/assets/images/cryptocurrencies/BNT.png -------------------------------------------------------------------------------- /src/assets/images/cryptocurrencies/BTC.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uilibrary/matx-angular/6b16bbe0efa9c387e6d21141981fbfe01a8043e4/src/assets/images/cryptocurrencies/BTC.png -------------------------------------------------------------------------------- /src/assets/images/cryptocurrencies/BTCD.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uilibrary/matx-angular/6b16bbe0efa9c387e6d21141981fbfe01a8043e4/src/assets/images/cryptocurrencies/BTCD.png -------------------------------------------------------------------------------- /src/assets/images/cryptocurrencies/BTG.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uilibrary/matx-angular/6b16bbe0efa9c387e6d21141981fbfe01a8043e4/src/assets/images/cryptocurrencies/BTG.png -------------------------------------------------------------------------------- /src/assets/images/cryptocurrencies/BTM.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uilibrary/matx-angular/6b16bbe0efa9c387e6d21141981fbfe01a8043e4/src/assets/images/cryptocurrencies/BTM.png -------------------------------------------------------------------------------- /src/assets/images/cryptocurrencies/BTS.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uilibrary/matx-angular/6b16bbe0efa9c387e6d21141981fbfe01a8043e4/src/assets/images/cryptocurrencies/BTS.png -------------------------------------------------------------------------------- /src/assets/images/cryptocurrencies/CNX.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uilibrary/matx-angular/6b16bbe0efa9c387e6d21141981fbfe01a8043e4/src/assets/images/cryptocurrencies/CNX.png -------------------------------------------------------------------------------- /src/assets/images/cryptocurrencies/CVC.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uilibrary/matx-angular/6b16bbe0efa9c387e6d21141981fbfe01a8043e4/src/assets/images/cryptocurrencies/CVC.png -------------------------------------------------------------------------------- /src/assets/images/cryptocurrencies/DASH.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uilibrary/matx-angular/6b16bbe0efa9c387e6d21141981fbfe01a8043e4/src/assets/images/cryptocurrencies/DASH.png -------------------------------------------------------------------------------- /src/assets/images/cryptocurrencies/DCR.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uilibrary/matx-angular/6b16bbe0efa9c387e6d21141981fbfe01a8043e4/src/assets/images/cryptocurrencies/DCR.png -------------------------------------------------------------------------------- /src/assets/images/cryptocurrencies/DGB.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uilibrary/matx-angular/6b16bbe0efa9c387e6d21141981fbfe01a8043e4/src/assets/images/cryptocurrencies/DGB.png -------------------------------------------------------------------------------- /src/assets/images/cryptocurrencies/DGD.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uilibrary/matx-angular/6b16bbe0efa9c387e6d21141981fbfe01a8043e4/src/assets/images/cryptocurrencies/DGD.png -------------------------------------------------------------------------------- /src/assets/images/cryptocurrencies/DOGE.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uilibrary/matx-angular/6b16bbe0efa9c387e6d21141981fbfe01a8043e4/src/assets/images/cryptocurrencies/DOGE.png -------------------------------------------------------------------------------- /src/assets/images/cryptocurrencies/EDG.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uilibrary/matx-angular/6b16bbe0efa9c387e6d21141981fbfe01a8043e4/src/assets/images/cryptocurrencies/EDG.png -------------------------------------------------------------------------------- /src/assets/images/cryptocurrencies/EMC2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uilibrary/matx-angular/6b16bbe0efa9c387e6d21141981fbfe01a8043e4/src/assets/images/cryptocurrencies/EMC2.png -------------------------------------------------------------------------------- /src/assets/images/cryptocurrencies/EOS.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uilibrary/matx-angular/6b16bbe0efa9c387e6d21141981fbfe01a8043e4/src/assets/images/cryptocurrencies/EOS.png -------------------------------------------------------------------------------- /src/assets/images/cryptocurrencies/ETC.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uilibrary/matx-angular/6b16bbe0efa9c387e6d21141981fbfe01a8043e4/src/assets/images/cryptocurrencies/ETC.png -------------------------------------------------------------------------------- /src/assets/images/cryptocurrencies/ETH.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uilibrary/matx-angular/6b16bbe0efa9c387e6d21141981fbfe01a8043e4/src/assets/images/cryptocurrencies/ETH.png -------------------------------------------------------------------------------- /src/assets/images/cryptocurrencies/ETHOS.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uilibrary/matx-angular/6b16bbe0efa9c387e6d21141981fbfe01a8043e4/src/assets/images/cryptocurrencies/ETHOS.png -------------------------------------------------------------------------------- /src/assets/images/cryptocurrencies/ETP.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uilibrary/matx-angular/6b16bbe0efa9c387e6d21141981fbfe01a8043e4/src/assets/images/cryptocurrencies/ETP.png -------------------------------------------------------------------------------- /src/assets/images/cryptocurrencies/FCT.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uilibrary/matx-angular/6b16bbe0efa9c387e6d21141981fbfe01a8043e4/src/assets/images/cryptocurrencies/FCT.png -------------------------------------------------------------------------------- /src/assets/images/cryptocurrencies/FUN.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uilibrary/matx-angular/6b16bbe0efa9c387e6d21141981fbfe01a8043e4/src/assets/images/cryptocurrencies/FUN.png -------------------------------------------------------------------------------- /src/assets/images/cryptocurrencies/GAME.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uilibrary/matx-angular/6b16bbe0efa9c387e6d21141981fbfe01a8043e4/src/assets/images/cryptocurrencies/GAME.png -------------------------------------------------------------------------------- /src/assets/images/cryptocurrencies/GAS.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uilibrary/matx-angular/6b16bbe0efa9c387e6d21141981fbfe01a8043e4/src/assets/images/cryptocurrencies/GAS.png -------------------------------------------------------------------------------- /src/assets/images/cryptocurrencies/GBYTE.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uilibrary/matx-angular/6b16bbe0efa9c387e6d21141981fbfe01a8043e4/src/assets/images/cryptocurrencies/GBYTE.png -------------------------------------------------------------------------------- /src/assets/images/cryptocurrencies/GNO.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uilibrary/matx-angular/6b16bbe0efa9c387e6d21141981fbfe01a8043e4/src/assets/images/cryptocurrencies/GNO.png -------------------------------------------------------------------------------- /src/assets/images/cryptocurrencies/GNT.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uilibrary/matx-angular/6b16bbe0efa9c387e6d21141981fbfe01a8043e4/src/assets/images/cryptocurrencies/GNT.png -------------------------------------------------------------------------------- /src/assets/images/cryptocurrencies/GRS.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uilibrary/matx-angular/6b16bbe0efa9c387e6d21141981fbfe01a8043e4/src/assets/images/cryptocurrencies/GRS.png -------------------------------------------------------------------------------- /src/assets/images/cryptocurrencies/GXS.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uilibrary/matx-angular/6b16bbe0efa9c387e6d21141981fbfe01a8043e4/src/assets/images/cryptocurrencies/GXS.png -------------------------------------------------------------------------------- /src/assets/images/cryptocurrencies/HSR.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uilibrary/matx-angular/6b16bbe0efa9c387e6d21141981fbfe01a8043e4/src/assets/images/cryptocurrencies/HSR.png -------------------------------------------------------------------------------- /src/assets/images/cryptocurrencies/ICN.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uilibrary/matx-angular/6b16bbe0efa9c387e6d21141981fbfe01a8043e4/src/assets/images/cryptocurrencies/ICN.png -------------------------------------------------------------------------------- /src/assets/images/cryptocurrencies/IOT.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uilibrary/matx-angular/6b16bbe0efa9c387e6d21141981fbfe01a8043e4/src/assets/images/cryptocurrencies/IOT.png -------------------------------------------------------------------------------- /src/assets/images/cryptocurrencies/KMD.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uilibrary/matx-angular/6b16bbe0efa9c387e6d21141981fbfe01a8043e4/src/assets/images/cryptocurrencies/KMD.png -------------------------------------------------------------------------------- /src/assets/images/cryptocurrencies/KNC.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uilibrary/matx-angular/6b16bbe0efa9c387e6d21141981fbfe01a8043e4/src/assets/images/cryptocurrencies/KNC.png -------------------------------------------------------------------------------- /src/assets/images/cryptocurrencies/LSK.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uilibrary/matx-angular/6b16bbe0efa9c387e6d21141981fbfe01a8043e4/src/assets/images/cryptocurrencies/LSK.png -------------------------------------------------------------------------------- /src/assets/images/cryptocurrencies/LTC.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uilibrary/matx-angular/6b16bbe0efa9c387e6d21141981fbfe01a8043e4/src/assets/images/cryptocurrencies/LTC.png -------------------------------------------------------------------------------- /src/assets/images/cryptocurrencies/MAID.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uilibrary/matx-angular/6b16bbe0efa9c387e6d21141981fbfe01a8043e4/src/assets/images/cryptocurrencies/MAID.png -------------------------------------------------------------------------------- /src/assets/images/cryptocurrencies/MCO.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uilibrary/matx-angular/6b16bbe0efa9c387e6d21141981fbfe01a8043e4/src/assets/images/cryptocurrencies/MCO.png -------------------------------------------------------------------------------- /src/assets/images/cryptocurrencies/MNX.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uilibrary/matx-angular/6b16bbe0efa9c387e6d21141981fbfe01a8043e4/src/assets/images/cryptocurrencies/MNX.png -------------------------------------------------------------------------------- /src/assets/images/cryptocurrencies/MONA.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uilibrary/matx-angular/6b16bbe0efa9c387e6d21141981fbfe01a8043e4/src/assets/images/cryptocurrencies/MONA.png -------------------------------------------------------------------------------- /src/assets/images/cryptocurrencies/MTL.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uilibrary/matx-angular/6b16bbe0efa9c387e6d21141981fbfe01a8043e4/src/assets/images/cryptocurrencies/MTL.png -------------------------------------------------------------------------------- /src/assets/images/cryptocurrencies/NAV.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uilibrary/matx-angular/6b16bbe0efa9c387e6d21141981fbfe01a8043e4/src/assets/images/cryptocurrencies/NAV.png -------------------------------------------------------------------------------- /src/assets/images/cryptocurrencies/NEO.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uilibrary/matx-angular/6b16bbe0efa9c387e6d21141981fbfe01a8043e4/src/assets/images/cryptocurrencies/NEO.png -------------------------------------------------------------------------------- /src/assets/images/cryptocurrencies/NXS.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uilibrary/matx-angular/6b16bbe0efa9c387e6d21141981fbfe01a8043e4/src/assets/images/cryptocurrencies/NXS.png -------------------------------------------------------------------------------- /src/assets/images/cryptocurrencies/NXT.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uilibrary/matx-angular/6b16bbe0efa9c387e6d21141981fbfe01a8043e4/src/assets/images/cryptocurrencies/NXT.png -------------------------------------------------------------------------------- /src/assets/images/cryptocurrencies/OMG.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uilibrary/matx-angular/6b16bbe0efa9c387e6d21141981fbfe01a8043e4/src/assets/images/cryptocurrencies/OMG.png -------------------------------------------------------------------------------- /src/assets/images/cryptocurrencies/PAY.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uilibrary/matx-angular/6b16bbe0efa9c387e6d21141981fbfe01a8043e4/src/assets/images/cryptocurrencies/PAY.png -------------------------------------------------------------------------------- /src/assets/images/cryptocurrencies/PIVX.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uilibrary/matx-angular/6b16bbe0efa9c387e6d21141981fbfe01a8043e4/src/assets/images/cryptocurrencies/PIVX.png -------------------------------------------------------------------------------- /src/assets/images/cryptocurrencies/POT.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uilibrary/matx-angular/6b16bbe0efa9c387e6d21141981fbfe01a8043e4/src/assets/images/cryptocurrencies/POT.png -------------------------------------------------------------------------------- /src/assets/images/cryptocurrencies/POWER.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uilibrary/matx-angular/6b16bbe0efa9c387e6d21141981fbfe01a8043e4/src/assets/images/cryptocurrencies/POWER.png -------------------------------------------------------------------------------- /src/assets/images/cryptocurrencies/PPC.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uilibrary/matx-angular/6b16bbe0efa9c387e6d21141981fbfe01a8043e4/src/assets/images/cryptocurrencies/PPC.png -------------------------------------------------------------------------------- /src/assets/images/cryptocurrencies/PPT.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uilibrary/matx-angular/6b16bbe0efa9c387e6d21141981fbfe01a8043e4/src/assets/images/cryptocurrencies/PPT.png -------------------------------------------------------------------------------- /src/assets/images/cryptocurrencies/PURA.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uilibrary/matx-angular/6b16bbe0efa9c387e6d21141981fbfe01a8043e4/src/assets/images/cryptocurrencies/PURA.png -------------------------------------------------------------------------------- /src/assets/images/cryptocurrencies/QASH.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uilibrary/matx-angular/6b16bbe0efa9c387e6d21141981fbfe01a8043e4/src/assets/images/cryptocurrencies/QASH.png -------------------------------------------------------------------------------- /src/assets/images/cryptocurrencies/QTUM.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uilibrary/matx-angular/6b16bbe0efa9c387e6d21141981fbfe01a8043e4/src/assets/images/cryptocurrencies/QTUM.png -------------------------------------------------------------------------------- /src/assets/images/cryptocurrencies/RDN.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uilibrary/matx-angular/6b16bbe0efa9c387e6d21141981fbfe01a8043e4/src/assets/images/cryptocurrencies/RDN.png -------------------------------------------------------------------------------- /src/assets/images/cryptocurrencies/REP.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uilibrary/matx-angular/6b16bbe0efa9c387e6d21141981fbfe01a8043e4/src/assets/images/cryptocurrencies/REP.png -------------------------------------------------------------------------------- /src/assets/images/cryptocurrencies/SALT.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uilibrary/matx-angular/6b16bbe0efa9c387e6d21141981fbfe01a8043e4/src/assets/images/cryptocurrencies/SALT.png -------------------------------------------------------------------------------- /src/assets/images/cryptocurrencies/SAN.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uilibrary/matx-angular/6b16bbe0efa9c387e6d21141981fbfe01a8043e4/src/assets/images/cryptocurrencies/SAN.png -------------------------------------------------------------------------------- /src/assets/images/cryptocurrencies/SC.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uilibrary/matx-angular/6b16bbe0efa9c387e6d21141981fbfe01a8043e4/src/assets/images/cryptocurrencies/SC.png -------------------------------------------------------------------------------- /src/assets/images/cryptocurrencies/SKY.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uilibrary/matx-angular/6b16bbe0efa9c387e6d21141981fbfe01a8043e4/src/assets/images/cryptocurrencies/SKY.png -------------------------------------------------------------------------------- /src/assets/images/cryptocurrencies/SNGLS.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uilibrary/matx-angular/6b16bbe0efa9c387e6d21141981fbfe01a8043e4/src/assets/images/cryptocurrencies/SNGLS.png -------------------------------------------------------------------------------- /src/assets/images/cryptocurrencies/SNT.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uilibrary/matx-angular/6b16bbe0efa9c387e6d21141981fbfe01a8043e4/src/assets/images/cryptocurrencies/SNT.png -------------------------------------------------------------------------------- /src/assets/images/cryptocurrencies/START.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uilibrary/matx-angular/6b16bbe0efa9c387e6d21141981fbfe01a8043e4/src/assets/images/cryptocurrencies/START.png -------------------------------------------------------------------------------- /src/assets/images/cryptocurrencies/STEEM.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uilibrary/matx-angular/6b16bbe0efa9c387e6d21141981fbfe01a8043e4/src/assets/images/cryptocurrencies/STEEM.png -------------------------------------------------------------------------------- /src/assets/images/cryptocurrencies/STORJ.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uilibrary/matx-angular/6b16bbe0efa9c387e6d21141981fbfe01a8043e4/src/assets/images/cryptocurrencies/STORJ.png -------------------------------------------------------------------------------- /src/assets/images/cryptocurrencies/SYS.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uilibrary/matx-angular/6b16bbe0efa9c387e6d21141981fbfe01a8043e4/src/assets/images/cryptocurrencies/SYS.png -------------------------------------------------------------------------------- /src/assets/images/cryptocurrencies/TRX.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uilibrary/matx-angular/6b16bbe0efa9c387e6d21141981fbfe01a8043e4/src/assets/images/cryptocurrencies/TRX.png -------------------------------------------------------------------------------- /src/assets/images/cryptocurrencies/UBQ.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uilibrary/matx-angular/6b16bbe0efa9c387e6d21141981fbfe01a8043e4/src/assets/images/cryptocurrencies/UBQ.png -------------------------------------------------------------------------------- /src/assets/images/cryptocurrencies/USDT.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uilibrary/matx-angular/6b16bbe0efa9c387e6d21141981fbfe01a8043e4/src/assets/images/cryptocurrencies/USDT.png -------------------------------------------------------------------------------- /src/assets/images/cryptocurrencies/VEN.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uilibrary/matx-angular/6b16bbe0efa9c387e6d21141981fbfe01a8043e4/src/assets/images/cryptocurrencies/VEN.png -------------------------------------------------------------------------------- /src/assets/images/cryptocurrencies/VTC.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uilibrary/matx-angular/6b16bbe0efa9c387e6d21141981fbfe01a8043e4/src/assets/images/cryptocurrencies/VTC.png -------------------------------------------------------------------------------- /src/assets/images/cryptocurrencies/WAVES.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uilibrary/matx-angular/6b16bbe0efa9c387e6d21141981fbfe01a8043e4/src/assets/images/cryptocurrencies/WAVES.png -------------------------------------------------------------------------------- /src/assets/images/cryptocurrencies/WTC.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uilibrary/matx-angular/6b16bbe0efa9c387e6d21141981fbfe01a8043e4/src/assets/images/cryptocurrencies/WTC.png -------------------------------------------------------------------------------- /src/assets/images/cryptocurrencies/XEM.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uilibrary/matx-angular/6b16bbe0efa9c387e6d21141981fbfe01a8043e4/src/assets/images/cryptocurrencies/XEM.png -------------------------------------------------------------------------------- /src/assets/images/cryptocurrencies/XLM.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uilibrary/matx-angular/6b16bbe0efa9c387e6d21141981fbfe01a8043e4/src/assets/images/cryptocurrencies/XLM.png -------------------------------------------------------------------------------- /src/assets/images/cryptocurrencies/XMR.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uilibrary/matx-angular/6b16bbe0efa9c387e6d21141981fbfe01a8043e4/src/assets/images/cryptocurrencies/XMR.png -------------------------------------------------------------------------------- /src/assets/images/cryptocurrencies/XRP.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uilibrary/matx-angular/6b16bbe0efa9c387e6d21141981fbfe01a8043e4/src/assets/images/cryptocurrencies/XRP.png -------------------------------------------------------------------------------- /src/assets/images/cryptocurrencies/XUC.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uilibrary/matx-angular/6b16bbe0efa9c387e6d21141981fbfe01a8043e4/src/assets/images/cryptocurrencies/XUC.png -------------------------------------------------------------------------------- /src/assets/images/cryptocurrencies/XVG.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uilibrary/matx-angular/6b16bbe0efa9c387e6d21141981fbfe01a8043e4/src/assets/images/cryptocurrencies/XVG.png -------------------------------------------------------------------------------- /src/assets/images/cryptocurrencies/XZC.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uilibrary/matx-angular/6b16bbe0efa9c387e6d21141981fbfe01a8043e4/src/assets/images/cryptocurrencies/XZC.png -------------------------------------------------------------------------------- /src/assets/images/cryptocurrencies/ZEC.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uilibrary/matx-angular/6b16bbe0efa9c387e6d21141981fbfe01a8043e4/src/assets/images/cryptocurrencies/ZEC.png -------------------------------------------------------------------------------- /src/assets/images/cryptocurrencies/ZEN.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uilibrary/matx-angular/6b16bbe0efa9c387e6d21141981fbfe01a8043e4/src/assets/images/cryptocurrencies/ZEN.png -------------------------------------------------------------------------------- /src/assets/images/cryptocurrencies/ZRX.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uilibrary/matx-angular/6b16bbe0efa9c387e6d21141981fbfe01a8043e4/src/assets/images/cryptocurrencies/ZRX.png -------------------------------------------------------------------------------- /src/assets/images/face-1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uilibrary/matx-angular/6b16bbe0efa9c387e6d21141981fbfe01a8043e4/src/assets/images/face-1.jpg -------------------------------------------------------------------------------- /src/assets/images/face-2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uilibrary/matx-angular/6b16bbe0efa9c387e6d21141981fbfe01a8043e4/src/assets/images/face-2.jpg -------------------------------------------------------------------------------- /src/assets/images/face-3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uilibrary/matx-angular/6b16bbe0efa9c387e6d21141981fbfe01a8043e4/src/assets/images/face-3.jpg -------------------------------------------------------------------------------- /src/assets/images/face-4.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uilibrary/matx-angular/6b16bbe0efa9c387e6d21141981fbfe01a8043e4/src/assets/images/face-4.jpg -------------------------------------------------------------------------------- /src/assets/images/face-5.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uilibrary/matx-angular/6b16bbe0efa9c387e6d21141981fbfe01a8043e4/src/assets/images/face-5.jpg -------------------------------------------------------------------------------- /src/assets/images/face-6.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uilibrary/matx-angular/6b16bbe0efa9c387e6d21141981fbfe01a8043e4/src/assets/images/face-6.jpg -------------------------------------------------------------------------------- /src/assets/images/face-7.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uilibrary/matx-angular/6b16bbe0efa9c387e6d21141981fbfe01a8043e4/src/assets/images/face-7.jpg -------------------------------------------------------------------------------- /src/assets/images/faces/10.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uilibrary/matx-angular/6b16bbe0efa9c387e6d21141981fbfe01a8043e4/src/assets/images/faces/10.jpg -------------------------------------------------------------------------------- /src/assets/images/faces/12.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uilibrary/matx-angular/6b16bbe0efa9c387e6d21141981fbfe01a8043e4/src/assets/images/faces/12.jpg -------------------------------------------------------------------------------- /src/assets/images/faces/13.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uilibrary/matx-angular/6b16bbe0efa9c387e6d21141981fbfe01a8043e4/src/assets/images/faces/13.jpg -------------------------------------------------------------------------------- /src/assets/images/faces/15.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uilibrary/matx-angular/6b16bbe0efa9c387e6d21141981fbfe01a8043e4/src/assets/images/faces/15.jpg -------------------------------------------------------------------------------- /src/assets/images/faces/16.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uilibrary/matx-angular/6b16bbe0efa9c387e6d21141981fbfe01a8043e4/src/assets/images/faces/16.jpg -------------------------------------------------------------------------------- /src/assets/images/faces/17.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uilibrary/matx-angular/6b16bbe0efa9c387e6d21141981fbfe01a8043e4/src/assets/images/faces/17.jpg -------------------------------------------------------------------------------- /src/assets/images/faces/2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uilibrary/matx-angular/6b16bbe0efa9c387e6d21141981fbfe01a8043e4/src/assets/images/faces/2.jpg -------------------------------------------------------------------------------- /src/assets/images/faces/3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uilibrary/matx-angular/6b16bbe0efa9c387e6d21141981fbfe01a8043e4/src/assets/images/faces/3.jpg -------------------------------------------------------------------------------- /src/assets/images/faces/4.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uilibrary/matx-angular/6b16bbe0efa9c387e6d21141981fbfe01a8043e4/src/assets/images/faces/4.jpg -------------------------------------------------------------------------------- /src/assets/images/faces/5.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uilibrary/matx-angular/6b16bbe0efa9c387e6d21141981fbfe01a8043e4/src/assets/images/faces/5.jpg -------------------------------------------------------------------------------- /src/assets/images/faces/9.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uilibrary/matx-angular/6b16bbe0efa9c387e6d21141981fbfe01a8043e4/src/assets/images/faces/9.jpg -------------------------------------------------------------------------------- /src/assets/images/gr.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uilibrary/matx-angular/6b16bbe0efa9c387e6d21141981fbfe01a8043e4/src/assets/images/gr.png -------------------------------------------------------------------------------- /src/assets/images/home-bg-black.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uilibrary/matx-angular/6b16bbe0efa9c387e6d21141981fbfe01a8043e4/src/assets/images/home-bg-black.png -------------------------------------------------------------------------------- /src/assets/images/home-bg-indigo.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uilibrary/matx-angular/6b16bbe0efa9c387e6d21141981fbfe01a8043e4/src/assets/images/home-bg-indigo.jpg -------------------------------------------------------------------------------- /src/assets/images/home-bg.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uilibrary/matx-angular/6b16bbe0efa9c387e6d21141981fbfe01a8043e4/src/assets/images/home-bg.jpg -------------------------------------------------------------------------------- /src/assets/images/home-bg.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uilibrary/matx-angular/6b16bbe0efa9c387e6d21141981fbfe01a8043e4/src/assets/images/home-bg.png -------------------------------------------------------------------------------- /src/assets/images/illustrations/leaf-1-white.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uilibrary/matx-angular/6b16bbe0efa9c387e6d21141981fbfe01a8043e4/src/assets/images/illustrations/leaf-1-white.png -------------------------------------------------------------------------------- /src/assets/images/logo-full-200px.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uilibrary/matx-angular/6b16bbe0efa9c387e6d21141981fbfe01a8043e4/src/assets/images/logo-full-200px.png -------------------------------------------------------------------------------- /src/assets/images/logo-full-strong.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uilibrary/matx-angular/6b16bbe0efa9c387e6d21141981fbfe01a8043e4/src/assets/images/logo-full-strong.png -------------------------------------------------------------------------------- /src/assets/images/logo-full-white.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uilibrary/matx-angular/6b16bbe0efa9c387e6d21141981fbfe01a8043e4/src/assets/images/logo-full-white.png -------------------------------------------------------------------------------- /src/assets/images/logo-full.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uilibrary/matx-angular/6b16bbe0efa9c387e6d21141981fbfe01a8043e4/src/assets/images/logo-full.png -------------------------------------------------------------------------------- /src/assets/images/logo-lg.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uilibrary/matx-angular/6b16bbe0efa9c387e6d21141981fbfe01a8043e4/src/assets/images/logo-lg.png -------------------------------------------------------------------------------- /src/assets/images/logo-text-white.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uilibrary/matx-angular/6b16bbe0efa9c387e6d21141981fbfe01a8043e4/src/assets/images/logo-text-white.png -------------------------------------------------------------------------------- /src/assets/images/logo-text.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uilibrary/matx-angular/6b16bbe0efa9c387e6d21141981fbfe01a8043e4/src/assets/images/logo-text.png -------------------------------------------------------------------------------- /src/assets/images/logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uilibrary/matx-angular/6b16bbe0efa9c387e6d21141981fbfe01a8043e4/src/assets/images/logo.png -------------------------------------------------------------------------------- /src/assets/images/logos/angular.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uilibrary/matx-angular/6b16bbe0efa9c387e6d21141981fbfe01a8043e4/src/assets/images/logos/angular.png -------------------------------------------------------------------------------- /src/assets/images/logos/bootstrap.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uilibrary/matx-angular/6b16bbe0efa9c387e6d21141981fbfe01a8043e4/src/assets/images/logos/bootstrap.png -------------------------------------------------------------------------------- /src/assets/images/logos/gulp.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uilibrary/matx-angular/6b16bbe0efa9c387e6d21141981fbfe01a8043e4/src/assets/images/logos/gulp.png -------------------------------------------------------------------------------- /src/assets/images/logos/html.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uilibrary/matx-angular/6b16bbe0efa9c387e6d21141981fbfe01a8043e4/src/assets/images/logos/html.png -------------------------------------------------------------------------------- /src/assets/images/logos/laravel.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uilibrary/matx-angular/6b16bbe0efa9c387e6d21141981fbfe01a8043e4/src/assets/images/logos/laravel.png -------------------------------------------------------------------------------- /src/assets/images/logos/logo-1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uilibrary/matx-angular/6b16bbe0efa9c387e6d21141981fbfe01a8043e4/src/assets/images/logos/logo-1.png -------------------------------------------------------------------------------- /src/assets/images/logos/logo-2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uilibrary/matx-angular/6b16bbe0efa9c387e6d21141981fbfe01a8043e4/src/assets/images/logos/logo-2.png -------------------------------------------------------------------------------- /src/assets/images/logos/logo-3.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uilibrary/matx-angular/6b16bbe0efa9c387e6d21141981fbfe01a8043e4/src/assets/images/logos/logo-3.png -------------------------------------------------------------------------------- /src/assets/images/logos/logo-4.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uilibrary/matx-angular/6b16bbe0efa9c387e6d21141981fbfe01a8043e4/src/assets/images/logos/logo-4.png -------------------------------------------------------------------------------- /src/assets/images/logos/logo-5.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uilibrary/matx-angular/6b16bbe0efa9c387e6d21141981fbfe01a8043e4/src/assets/images/logos/logo-5.png -------------------------------------------------------------------------------- /src/assets/images/logos/logo-6.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uilibrary/matx-angular/6b16bbe0efa9c387e6d21141981fbfe01a8043e4/src/assets/images/logos/logo-6.png -------------------------------------------------------------------------------- /src/assets/images/logos/logo-7.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uilibrary/matx-angular/6b16bbe0efa9c387e6d21141981fbfe01a8043e4/src/assets/images/logos/logo-7.png -------------------------------------------------------------------------------- /src/assets/images/logos/logo-8.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uilibrary/matx-angular/6b16bbe0efa9c387e6d21141981fbfe01a8043e4/src/assets/images/logos/logo-8.png -------------------------------------------------------------------------------- /src/assets/images/logos/logo-9.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uilibrary/matx-angular/6b16bbe0efa9c387e6d21141981fbfe01a8043e4/src/assets/images/logos/logo-9.png -------------------------------------------------------------------------------- /src/assets/images/logos/npm.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uilibrary/matx-angular/6b16bbe0efa9c387e6d21141981fbfe01a8043e4/src/assets/images/logos/npm.png -------------------------------------------------------------------------------- /src/assets/images/logos/ps.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uilibrary/matx-angular/6b16bbe0efa9c387e6d21141981fbfe01a8043e4/src/assets/images/logos/ps.png -------------------------------------------------------------------------------- /src/assets/images/logos/react.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uilibrary/matx-angular/6b16bbe0efa9c387e6d21141981fbfe01a8043e4/src/assets/images/logos/react.png -------------------------------------------------------------------------------- /src/assets/images/logos/sass.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uilibrary/matx-angular/6b16bbe0efa9c387e6d21141981fbfe01a8043e4/src/assets/images/logos/sass.png -------------------------------------------------------------------------------- /src/assets/images/logos/ui-lib.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uilibrary/matx-angular/6b16bbe0efa9c387e6d21141981fbfe01a8043e4/src/assets/images/logos/ui-lib.png -------------------------------------------------------------------------------- /src/assets/images/logos/vue.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uilibrary/matx-angular/6b16bbe0efa9c387e6d21141981fbfe01a8043e4/src/assets/images/logos/vue.png -------------------------------------------------------------------------------- /src/assets/images/logos/webpack.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uilibrary/matx-angular/6b16bbe0efa9c387e6d21141981fbfe01a8043e4/src/assets/images/logos/webpack.png -------------------------------------------------------------------------------- /src/assets/images/matx-screen.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uilibrary/matx-angular/6b16bbe0efa9c387e6d21141981fbfe01a8043e4/src/assets/images/matx-screen.jpg -------------------------------------------------------------------------------- /src/assets/images/matx-screen.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uilibrary/matx-angular/6b16bbe0efa9c387e6d21141981fbfe01a8043e4/src/assets/images/matx-screen.png -------------------------------------------------------------------------------- /src/assets/images/matx.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uilibrary/matx-angular/6b16bbe0efa9c387e6d21141981fbfe01a8043e4/src/assets/images/matx.png -------------------------------------------------------------------------------- /src/assets/images/mock-logo-1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uilibrary/matx-angular/6b16bbe0efa9c387e6d21141981fbfe01a8043e4/src/assets/images/mock-logo-1.png -------------------------------------------------------------------------------- /src/assets/images/mock-logo-2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uilibrary/matx-angular/6b16bbe0efa9c387e6d21141981fbfe01a8043e4/src/assets/images/mock-logo-2.png -------------------------------------------------------------------------------- /src/assets/images/mock-logo-3.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uilibrary/matx-angular/6b16bbe0efa9c387e6d21141981fbfe01a8043e4/src/assets/images/mock-logo-3.png -------------------------------------------------------------------------------- /src/assets/images/mock-logo-4.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uilibrary/matx-angular/6b16bbe0efa9c387e6d21141981fbfe01a8043e4/src/assets/images/mock-logo-4.png -------------------------------------------------------------------------------- /src/assets/images/oc.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uilibrary/matx-angular/6b16bbe0efa9c387e6d21141981fbfe01a8043e4/src/assets/images/oc.png -------------------------------------------------------------------------------- /src/assets/images/photo-1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uilibrary/matx-angular/6b16bbe0efa9c387e6d21141981fbfe01a8043e4/src/assets/images/photo-1.jpg -------------------------------------------------------------------------------- /src/assets/images/photo-2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uilibrary/matx-angular/6b16bbe0efa9c387e6d21141981fbfe01a8043e4/src/assets/images/photo-2.jpg -------------------------------------------------------------------------------- /src/assets/images/photo-3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uilibrary/matx-angular/6b16bbe0efa9c387e6d21141981fbfe01a8043e4/src/assets/images/photo-3.jpg -------------------------------------------------------------------------------- /src/assets/images/photo-600_220.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uilibrary/matx-angular/6b16bbe0efa9c387e6d21141981fbfe01a8043e4/src/assets/images/photo-600_220.jpg -------------------------------------------------------------------------------- /src/assets/images/products/headphone-1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uilibrary/matx-angular/6b16bbe0efa9c387e6d21141981fbfe01a8043e4/src/assets/images/products/headphone-1.jpg -------------------------------------------------------------------------------- /src/assets/images/products/headphone-2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uilibrary/matx-angular/6b16bbe0efa9c387e6d21141981fbfe01a8043e4/src/assets/images/products/headphone-2.jpg -------------------------------------------------------------------------------- /src/assets/images/products/headphone-3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uilibrary/matx-angular/6b16bbe0efa9c387e6d21141981fbfe01a8043e4/src/assets/images/products/headphone-3.jpg -------------------------------------------------------------------------------- /src/assets/images/products/headphone-4.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uilibrary/matx-angular/6b16bbe0efa9c387e6d21141981fbfe01a8043e4/src/assets/images/products/headphone-4.jpg -------------------------------------------------------------------------------- /src/assets/images/products/iphone-1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uilibrary/matx-angular/6b16bbe0efa9c387e6d21141981fbfe01a8043e4/src/assets/images/products/iphone-1.jpg -------------------------------------------------------------------------------- /src/assets/images/products/iphone-2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uilibrary/matx-angular/6b16bbe0efa9c387e6d21141981fbfe01a8043e4/src/assets/images/products/iphone-2.jpg -------------------------------------------------------------------------------- /src/assets/images/products/speaker-1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uilibrary/matx-angular/6b16bbe0efa9c387e6d21141981fbfe01a8043e4/src/assets/images/products/speaker-1.jpg -------------------------------------------------------------------------------- /src/assets/images/products/speaker-2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uilibrary/matx-angular/6b16bbe0efa9c387e6d21141981fbfe01a8043e4/src/assets/images/products/speaker-2.jpg -------------------------------------------------------------------------------- /src/assets/images/products/watch-1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uilibrary/matx-angular/6b16bbe0efa9c387e6d21141981fbfe01a8043e4/src/assets/images/products/watch-1.jpg -------------------------------------------------------------------------------- /src/assets/images/products/watch-2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uilibrary/matx-angular/6b16bbe0efa9c387e6d21141981fbfe01a8043e4/src/assets/images/products/watch-2.jpg -------------------------------------------------------------------------------- /src/assets/images/screenshots/black_sidebar.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uilibrary/matx-angular/6b16bbe0efa9c387e6d21141981fbfe01a8043e4/src/assets/images/screenshots/black_sidebar.png -------------------------------------------------------------------------------- /src/assets/images/screenshots/dark_theme.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uilibrary/matx-angular/6b16bbe0efa9c387e6d21141981fbfe01a8043e4/src/assets/images/screenshots/dark_theme.png -------------------------------------------------------------------------------- /src/assets/images/screenshots/horizontal_nav.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uilibrary/matx-angular/6b16bbe0efa9c387e6d21141981fbfe01a8043e4/src/assets/images/screenshots/horizontal_nav.png -------------------------------------------------------------------------------- /src/assets/images/screenshots/white_sidebar.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uilibrary/matx-angular/6b16bbe0efa9c387e6d21141981fbfe01a8043e4/src/assets/images/screenshots/white_sidebar.png -------------------------------------------------------------------------------- /src/assets/images/sidebar-bg-dark.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uilibrary/matx-angular/6b16bbe0efa9c387e6d21141981fbfe01a8043e4/src/assets/images/sidebar-bg-dark.jpg -------------------------------------------------------------------------------- /src/assets/images/sidebar-bg.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uilibrary/matx-angular/6b16bbe0efa9c387e6d21141981fbfe01a8043e4/src/assets/images/sidebar-bg.jpg -------------------------------------------------------------------------------- /src/assets/images/social-dribble.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uilibrary/matx-angular/6b16bbe0efa9c387e6d21141981fbfe01a8043e4/src/assets/images/social-dribble.png -------------------------------------------------------------------------------- /src/assets/images/social-facebook.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uilibrary/matx-angular/6b16bbe0efa9c387e6d21141981fbfe01a8043e4/src/assets/images/social-facebook.png -------------------------------------------------------------------------------- /src/assets/images/social-linkedin.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uilibrary/matx-angular/6b16bbe0efa9c387e6d21141981fbfe01a8043e4/src/assets/images/social-linkedin.png -------------------------------------------------------------------------------- /src/assets/images/social-twitter.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uilibrary/matx-angular/6b16bbe0efa9c387e6d21141981fbfe01a8043e4/src/assets/images/social-twitter.png -------------------------------------------------------------------------------- /src/assets/images/sq-1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uilibrary/matx-angular/6b16bbe0efa9c387e6d21141981fbfe01a8043e4/src/assets/images/sq-1.jpg -------------------------------------------------------------------------------- /src/assets/images/sq-10.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uilibrary/matx-angular/6b16bbe0efa9c387e6d21141981fbfe01a8043e4/src/assets/images/sq-10.jpg -------------------------------------------------------------------------------- /src/assets/images/sq-11.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uilibrary/matx-angular/6b16bbe0efa9c387e6d21141981fbfe01a8043e4/src/assets/images/sq-11.jpg -------------------------------------------------------------------------------- /src/assets/images/sq-12.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uilibrary/matx-angular/6b16bbe0efa9c387e6d21141981fbfe01a8043e4/src/assets/images/sq-12.jpg -------------------------------------------------------------------------------- /src/assets/images/sq-13.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uilibrary/matx-angular/6b16bbe0efa9c387e6d21141981fbfe01a8043e4/src/assets/images/sq-13.jpg -------------------------------------------------------------------------------- /src/assets/images/sq-15.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uilibrary/matx-angular/6b16bbe0efa9c387e6d21141981fbfe01a8043e4/src/assets/images/sq-15.jpg -------------------------------------------------------------------------------- /src/assets/images/sq-16.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uilibrary/matx-angular/6b16bbe0efa9c387e6d21141981fbfe01a8043e4/src/assets/images/sq-16.jpg -------------------------------------------------------------------------------- /src/assets/images/sq-17.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uilibrary/matx-angular/6b16bbe0efa9c387e6d21141981fbfe01a8043e4/src/assets/images/sq-17.jpg -------------------------------------------------------------------------------- /src/assets/images/sq-2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uilibrary/matx-angular/6b16bbe0efa9c387e6d21141981fbfe01a8043e4/src/assets/images/sq-2.jpg -------------------------------------------------------------------------------- /src/assets/images/sq-3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uilibrary/matx-angular/6b16bbe0efa9c387e6d21141981fbfe01a8043e4/src/assets/images/sq-3.jpg -------------------------------------------------------------------------------- /src/assets/images/sq-4.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uilibrary/matx-angular/6b16bbe0efa9c387e6d21141981fbfe01a8043e4/src/assets/images/sq-4.jpg -------------------------------------------------------------------------------- /src/assets/images/sq-5.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uilibrary/matx-angular/6b16bbe0efa9c387e6d21141981fbfe01a8043e4/src/assets/images/sq-5.jpg -------------------------------------------------------------------------------- /src/assets/images/sq-6.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uilibrary/matx-angular/6b16bbe0efa9c387e6d21141981fbfe01a8043e4/src/assets/images/sq-6.jpg -------------------------------------------------------------------------------- /src/assets/images/sq-7.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uilibrary/matx-angular/6b16bbe0efa9c387e6d21141981fbfe01a8043e4/src/assets/images/sq-7.jpg -------------------------------------------------------------------------------- /src/assets/images/sq-8.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uilibrary/matx-angular/6b16bbe0efa9c387e6d21141981fbfe01a8043e4/src/assets/images/sq-8.jpg -------------------------------------------------------------------------------- /src/assets/images/sq-9.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uilibrary/matx-angular/6b16bbe0efa9c387e6d21141981fbfe01a8043e4/src/assets/images/sq-9.jpg -------------------------------------------------------------------------------- /src/assets/images/sq-face-220.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uilibrary/matx-angular/6b16bbe0efa9c387e6d21141981fbfe01a8043e4/src/assets/images/sq-face-220.jpg -------------------------------------------------------------------------------- /src/assets/images/svg-icons/facebook.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/assets/images/svg-icons/inbox.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/assets/images/svg-icons/map.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/assets/images/svg-icons/person.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/assets/images/svg-icons/pie_chart.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/assets/images/tf.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uilibrary/matx-angular/6b16bbe0efa9c387e6d21141981fbfe01a8043e4/src/assets/images/tf.png -------------------------------------------------------------------------------- /src/assets/images/wide-1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uilibrary/matx-angular/6b16bbe0efa9c387e6d21141981fbfe01a8043e4/src/assets/images/wide-1.jpg -------------------------------------------------------------------------------- /src/assets/styles/scss/_animations.scss: -------------------------------------------------------------------------------- 1 | @keyframes spin { 2 | 0% {transform: rotate(0)} 3 | 100% {transform: rotate(360deg)} 4 | } 5 | 6 | .spin { 7 | animation: spin 2s infinite linear; 8 | } -------------------------------------------------------------------------------- /src/assets/styles/scss/components/_components.scss: -------------------------------------------------------------------------------- 1 | @import "button"; 2 | @import "mat-table"; 3 | @import "card"; 4 | @import "hopscotch"; 5 | @import "others"; 6 | @import "info-card"; 7 | @import "matx-sidebar"; 8 | @import "example-viewer"; -------------------------------------------------------------------------------- /src/assets/styles/scss/components/_info-card.scss: -------------------------------------------------------------------------------- 1 | .info-card { 2 | padding: 16px; 3 | border: 1px dashed; 4 | border-radius: 8px; 5 | margin-bottom: 1rem; 6 | font-size: 15px; 7 | .description { 8 | font-weight: 500; 9 | } 10 | } -------------------------------------------------------------------------------- /src/assets/styles/scss/components/_others.scss: -------------------------------------------------------------------------------- 1 | .mat-drawer-container { 2 | // background: transparent !important; 3 | } -------------------------------------------------------------------------------- /src/assets/styles/scss/main/_footer.scss: -------------------------------------------------------------------------------- 1 | .main-footer { 2 | padding: 0 0.667rem; 3 | > div { 4 | display: flex; 5 | flex-direction: row; 6 | align-items: center; 7 | min-height: 64px; 8 | } 9 | .navigation-top & { 10 | margin: 0 -1rem -.333rem; 11 | } 12 | } 13 | -------------------------------------------------------------------------------- /src/assets/styles/scss/main/_notifications.scss: -------------------------------------------------------------------------------- 1 | .navigation-top { 2 | .nofication-panel { 3 | padding-top: 48px; 4 | } 5 | } 6 | 7 | .notification-list { 8 | min-width: 240px; 9 | } 10 | .notification-list .notific-item a { 11 | outline: 0; 12 | width: 100%; 13 | display: flex; 14 | flex-direction: column; 15 | } 16 | .notification-list .notific-item .message { 17 | font-size: .875rem !important; 18 | } 19 | .notification-list .notific-item .time { 20 | font-size: .75rem !important; 21 | } -------------------------------------------------------------------------------- /src/assets/styles/scss/mixins/_mixins.scss: -------------------------------------------------------------------------------- 1 | @import 'gradients'; 2 | -------------------------------------------------------------------------------- /src/assets/styles/scss/themes/_sidenav.theme.scss: -------------------------------------------------------------------------------- 1 | @mixin sidenav($theme) { 2 | $color: map-get($theme, color); 3 | $text-color: map-get(map-get($color, foreground), text); 4 | $background: map-get($color, background); 5 | $background-card: map-get($background, card); 6 | $background-default: map-get($background, background); 7 | $primary: map-get(map-get($color, primary), main); 8 | 9 | .sidenav-hold .sidenav a.open { 10 | background-color: $primary; 11 | color: white !important; 12 | } 13 | } -------------------------------------------------------------------------------- /src/assets/styles/scss/utilities/_avatar.scss: -------------------------------------------------------------------------------- 1 | .avatar-xs { 2 | width: 24px; 3 | height: 24px; 4 | } 5 | .avatar-sm { 6 | width: 36px; 7 | height: 36px; 8 | } 9 | .avatar-md { 10 | width: 54px; 11 | height: 54px; 12 | } 13 | 14 | .avatar-lg { 15 | width: 80px; 16 | height: 80px; 17 | } -------------------------------------------------------------------------------- /src/assets/styles/scss/utilities/_icons.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uilibrary/matx-angular/6b16bbe0efa9c387e6d21141981fbfe01a8043e4/src/assets/styles/scss/utilities/_icons.scss -------------------------------------------------------------------------------- /src/assets/styles/scss/utilities/base/mixins/_alert.scss: -------------------------------------------------------------------------------- 1 | @mixin alert-variant($background, $border, $color) { 2 | color: $color; 3 | @include gradient-bg($background); 4 | border-color: $border; 5 | 6 | .alert-link { 7 | color: darken($color, 10%); 8 | } 9 | } 10 | -------------------------------------------------------------------------------- /src/assets/styles/scss/utilities/base/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 | -------------------------------------------------------------------------------- /src/assets/styles/scss/utilities/base/mixins/_container.scss: -------------------------------------------------------------------------------- 1 | // Container mixins 2 | 3 | @mixin make-container($padding-x: $container-padding-x) { 4 | width: 100%; 5 | padding-right: $padding-x; 6 | padding-left: $padding-x; 7 | margin-right: auto; 8 | margin-left: auto; 9 | } 10 | -------------------------------------------------------------------------------- /src/assets/styles/scss/utilities/base/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 | -------------------------------------------------------------------------------- /src/assets/styles/scss/utilities/base/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 | -------------------------------------------------------------------------------- /src/assets/styles/scss/utilities/base/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 | -------------------------------------------------------------------------------- /src/assets/styles/scss/utilities/base/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 | -------------------------------------------------------------------------------- /src/assets/styles/scss/views/_pricings.scss: -------------------------------------------------------------------------------- 1 | /*---- Plans & Pricings -----*/ 2 | .plan-pricing .mat-list-item .mat-list-item-content { 3 | display: inline-flex !important; 4 | text-align: center; 5 | font-size: .875rem !important; 6 | } -------------------------------------------------------------------------------- /src/assets/styles/scss/views/_users.scss: -------------------------------------------------------------------------------- 1 | /*---- Users -----*/ 2 | .user-card .card-title-text { 3 | padding: .5rem 1.5rem !important; 4 | align-items: center; 5 | } 6 | .user-card .user-details > p:last-child { 7 | margin-bottom: 0; 8 | } 9 | .user-card .user-details .mat-icon { 10 | vertical-align: top; 11 | margin-right: .5rem; 12 | } -------------------------------------------------------------------------------- /src/assets/styles/scss/views/invoice-list.scss: -------------------------------------------------------------------------------- 1 | .invoice-table { 2 | margin: 20px; 3 | } -------------------------------------------------------------------------------- /src/assets/styles/scss/views/todo/_todo.scss: -------------------------------------------------------------------------------- 1 | .search-box { 2 | border-radius: 24px; 3 | background: white; 4 | overflow: hidden; 5 | vertical-align: middle; 6 | 7 | .mat-icon-button { 8 | margin-left: 8px; 9 | } 10 | input[type="text"] { 11 | width: calc(100% - 52px); 12 | padding: 12px 20px; 13 | border: none; 14 | outline: none; 15 | font-size: 18px; 16 | box-sizing: border-box; 17 | } 18 | } -------------------------------------------------------------------------------- /src/config.ts: -------------------------------------------------------------------------------- 1 | export const config = { 2 | apiUrl: 'http://ui-lib-demo-api.herokuapp.com', 3 | authRoles: { 4 | sa: ['SA'], // Only Super Admin has access 5 | admin: ['SA', 'Admin'], // Only SA & Admin has access 6 | editor: ['SA', 'Admin', 'Editor'], // Only SA & Admin & Editor has access 7 | user: ['SA', 'Admin', 'Editor', 'User'], // Only SA & Admin & Editor & User has access 8 | guest: ['SA', 'Admin', 'Editor', 'User', 'Guest'] // Everyone has access 9 | } 10 | } -------------------------------------------------------------------------------- /src/environments/environment.prod.ts: -------------------------------------------------------------------------------- 1 | import { config } from "config"; 2 | 3 | export const environment = { 4 | production: true, 5 | apiURL: config.apiUrl 6 | }; -------------------------------------------------------------------------------- /src/environments/environment.ts: -------------------------------------------------------------------------------- 1 | // The file contents for the current environment will overwrite these during build. 2 | // The build system defaults to the dev environment which uses `environment.ts`, but if you do 3 | // `ng build --env=prod` then `environment.prod.ts` will be used instead. 4 | // The list of which env maps to which file can be found in `angular.json`. 5 | 6 | import { config } from "config"; 7 | 8 | export const environment = { 9 | production: false, 10 | apiURL: config.apiUrl 11 | }; 12 | -------------------------------------------------------------------------------- /src/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uilibrary/matx-angular/6b16bbe0efa9c387e6d21141981fbfe01a8043e4/src/favicon.ico -------------------------------------------------------------------------------- /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.log(err)); -------------------------------------------------------------------------------- /src/styles.css: -------------------------------------------------------------------------------- 1 | /* You can add global styles to this file, and also import other style files */ 2 | 3 | 4 | 5 | -------------------------------------------------------------------------------- /src/styles.scss: -------------------------------------------------------------------------------- 1 | /* You can add global styles to this file, and also import other style files */ 2 | -------------------------------------------------------------------------------- /src/typings.d.ts: -------------------------------------------------------------------------------- 1 | /* SystemJS module definition */ 2 | declare var module: NodeModule; 3 | interface NodeModule { 4 | id: string; 5 | } 6 | -------------------------------------------------------------------------------- /src/vendor/pace/pace-green.css: -------------------------------------------------------------------------------- 1 | .pace { 2 | -webkit-pointer-events: none; 3 | pointer-events: none; 4 | 5 | -webkit-user-select: none; 6 | -moz-user-select: none; 7 | user-select: none; 8 | } 9 | 10 | .pace-inactive { 11 | display: none; 12 | } 13 | 14 | .pace .pace-progress { 15 | background: #12b60a; 16 | position: fixed; 17 | z-index: 2000; 18 | top: 0; 19 | right: 100%; 20 | width: 100%; 21 | height: 2px; 22 | } 23 | -------------------------------------------------------------------------------- /src/vendor/pace/pace-theme-min.css: -------------------------------------------------------------------------------- 1 | .pace { 2 | -webkit-pointer-events: none; 3 | pointer-events: none; 4 | 5 | -webkit-user-select: none; 6 | -moz-user-select: none; 7 | user-select: none; 8 | } 9 | 10 | .pace-inactive { 11 | display: none; 12 | } 13 | 14 | .pace .pace-progress { 15 | background: #ffd97d; 16 | position: fixed; 17 | z-index: 2000; 18 | top: 0; 19 | left: 0; 20 | width: 100%; 21 | height: 2px; 22 | } 23 | -------------------------------------------------------------------------------- /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 | "module": "es2020", 5 | "outDir": "./dist/out-tsc", 6 | "baseUrl": "src", 7 | "sourceMap": true, 8 | "declaration": false, 9 | "moduleResolution": "node", 10 | "experimentalDecorators": true, 11 | "target": "es2020", 12 | "typeRoots": [ 13 | "node_modules/@types" 14 | ], 15 | "lib": [ 16 | "es2016", 17 | "dom" 18 | ] 19 | } 20 | } -------------------------------------------------------------------------------- /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 | --------------------------------------------------------------------------------