[ADF-5406] SCSS and HTML template path fixes (#7063)

* remove useless mixin

* fix scss paths

* style fixes

* fix styles

* style fixes

* style fixes

* style fixes

* style fixes

* insights fixes

* css and template path fixes

* bug fixes

lib/core/form/components/form-list.component.ts

@@ -21,7 +21,6 @@ import { FormService } from './../services/form.service';
 @Component({
     selector: 'adf-form-list',
     templateUrl: './form-list.component.html',
-    styleUrls: ['./form-list.component.scss'],
     encapsulation: ViewEncapsulation.None
 })
 export class FormListComponent implements OnChanges {

lib/core/form/components/form-renderer.component.scss

@@ -1,5 +1,3 @@
-@import '~@angular/material/theming';
-
 @mixin adf-form-renderer-theme($theme) {
 
     $config: mat-typography-config();

lib/core/form/components/form-renderer.component.ts

@@ -21,7 +21,6 @@ import { FormModel } from './widgets/core/form.model';
 @Component({
     selector: 'adf-form-renderer',
     templateUrl: './form-renderer.component.html',
-    styleUrls: ['./form-renderer.component.scss'],
     encapsulation: ViewEncapsulation.None
 })
 export class FormRendererComponent {

lib/core/form/components/widgets/amount/amount.widget.scss

@@ -1,5 +1,3 @@
-@import '../form';
-
 @mixin adf-amount-widget-theme($theme) {
     $foreground: map-get($theme, foreground);
 

lib/core/form/components/widgets/amount/amount.widget.ts

@@ -30,7 +30,6 @@ export const ADF_AMOUNT_SETTINGS = new InjectionToken<AmountWidgetSettings>('adf
 @Component({
     selector: 'amount-widget',
     templateUrl: './amount.widget.html',
-    styleUrls: ['./amount.widget.scss'],
     host: {
         '(click)': 'event($event)',
         '(blur)': 'event($event)',

lib/core/form/components/widgets/container/container.widget.scss

@@ -1,9 +1,5 @@
-@import '~@angular/material/theming';
-
 @mixin adf-form-container-widget-theme($theme) {
     $primary: map-get($theme, primary);
-    $accent: map-get($theme, accent);
-    $warn: map-get($theme, warn);
 
     .adf-hidden {
         display: none;
@@ -66,7 +62,7 @@
             padding-right: 3px;
         }
 
-        @media screen and ($mat-small) {
+        @media screen and (max-width: 959px) {
             .adf-grid-list-item {
                 flex: 1 0 100%;
             }

lib/core/form/components/widgets/container/container.widget.ts

@@ -26,7 +26,6 @@ import { ContainerWidgetComponentModel } from './container.widget.model';
 @Component({
     selector: 'container-widget',
     templateUrl: './container.widget.html',
-    styleUrls: ['./container.widget.scss'],
     host: {
         '(click)': 'event($event)',
         '(blur)': 'event($event)',

lib/core/form/components/widgets/date-time/date-time.widget.scss

@@ -1,5 +1,3 @@
-@import '../form';
-
 .adf {
     &-date-time-widget {
         .mat-form-field-suffix {

lib/core/form/components/widgets/date/date.widget.scss

@@ -1,5 +1,3 @@
-@import '../form';
-
 .adf {
     &-date-widget {
         .mat-form-field-suffix {

lib/core/form/components/widgets/document/document.widget.ts

@@ -21,7 +21,7 @@ import { WidgetComponent } from './../widget.component';
 
 @Component({
     selector: 'adf-form-document-widget',
-    templateUrl: 'document.widget.html',
+    templateUrl: './document.widget.html',
     host: {
         '(click)': 'event($event)',
         '(blur)': 'event($event)',

lib/core/form/components/widgets/dropdown/dropdown.widget.scss

@@ -1,5 +1,3 @@
-@import '../form';
-
 .adf {
     &-dropdown-widget {
         width: 100%;

lib/core/form/components/widgets/dynamic-table/dynamic-table.widget.scss

@@ -1,6 +1,3 @@
-@import '~@angular/material/theming';
-@import '../form';
-
 @mixin adf-dynamic-table-theme($theme) {
     $foreground: map-get($theme, foreground);
     $dynamic-table-font-size: 14px !default;

lib/core/form/components/widgets/file-viewer/file-viewer.widget.scss

@@ -1,5 +1,3 @@
-@import '../form';
-
 file-viewer-widget {
     height: 100%;
     width: 100%;

lib/core/form/components/widgets/form.scss

@@ -1,5 +1,3 @@
-@import '~@angular/material/theming';
-
 @mixin adf-form-theme($theme) {
     $primary: map-get($theme, primary);
     $accent: map-get($theme, accent);

lib/core/form/components/widgets/functional-group/functional-group.widget.scss

@@ -1,5 +1,3 @@
-@import '../form';
-
 .adf {
 
     &-group-widget {

lib/core/form/components/widgets/hyperlink/hyperlink.widget.scss

@@ -1,5 +1,3 @@
-@import '~@angular/material/theming';
-
 @mixin adf-hyperlink-widget-theme($theme) {
     $primary: map-get($theme, primary);
 

lib/core/form/components/widgets/hyperlink/hyperlink.widget.ts

@@ -25,7 +25,6 @@ import { FormFieldModel } from '../core';
 @Component({
     selector: 'hyperlink-widget',
     templateUrl: './hyperlink.widget.html',
-    styleUrls: ['./hyperlink.widget.scss'],
     host: {
         '(click)': 'event($event)',
         '(blur)': 'event($event)',

lib/core/form/components/widgets/number/number.widget.scss

@@ -1,5 +1,3 @@
-@import '../form';
-
 .adf {
     &-number-widget {
         width: 100%;

lib/core/form/components/widgets/people/people.widget.scss

@@ -1,5 +1,3 @@
-@import '~@angular/material/theming';
-
 @mixin adf-form-people-widget-theme($theme) {
     $primary: map-get($theme, primary);
     $background: map-get($theme, background);

lib/core/form/components/widgets/people/people.widget.ts

@@ -36,7 +36,6 @@ import {
 @Component({
     selector: 'people-widget',
     templateUrl: './people.widget.html',
-    styleUrls: ['./people.widget.scss'],
     host: {
         '(click)': 'event($event)',
         '(blur)': 'event($event)',

lib/core/form/components/widgets/radio-buttons/radio-buttons.widget.scss

@@ -1,5 +1,3 @@
-@import '../form';
-
 .adf {
 
     &-radio-button-container {

lib/core/form/components/widgets/text/text.widget.scss

@@ -1,5 +1,3 @@
-@import '../form';
-
 .adf {
     &-text-widget {
         width: 100%;

lib/core/form/components/widgets/typeahead/typeahead.widget.scss

@@ -1,5 +1,3 @@
-@import '../form';
-
 .adf {
 
     &-typeahead-widget-container {

lib/core/form/components/widgets/upload-folder/upload-folder.widget.scss

@@ -1,6 +1,3 @@
-@import '../form';
-
-
 .adf {
 
     &-upload-folder-widget {

lib/core/form/components/widgets/upload/upload.widget.scss

@@ -1,5 +1,3 @@
-@import '../form';
-
 .adf {
 
     &-upload-widget-container {