@danske/sapphire-angular 2.2.0 → 2.4.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/esm2020/lib/checkbox/src/checkbox.component.mjs +20 -4
- package/esm2020/lib/checkbox/src/checkbox.module.mjs +4 -3
- package/esm2020/lib/field/src/field-control.mjs +1 -1
- package/esm2020/lib/field/src/field.component.mjs +24 -9
- package/esm2020/lib/listbox/src/listbox.component.mjs +2 -2
- package/esm2020/lib/menu/src/menu-trigger.directive.mjs +10 -4
- package/esm2020/lib/menu/src/menu.component.mjs +2 -2
- package/esm2020/lib/modal/src/dialog/dialog-trigger.directive.mjs +3 -8
- package/esm2020/lib/modal/src/modal-trigger.directive.mjs +13 -11
- package/esm2020/lib/modal/src/modal.service.mjs +5 -4
- package/esm2020/lib/modal/src/panel/panel-trigger.directive.mjs +3 -8
- package/esm2020/lib/popover/src/popover-trigger.directive.mjs +11 -11
- package/esm2020/lib/popover/src/popover.component.mjs +2 -2
- package/esm2020/lib/radio/public_api.mjs +3 -1
- package/esm2020/lib/radio/src/radio-group.component.mjs +22 -159
- package/esm2020/lib/radio/src/radio.component.mjs +8 -267
- package/esm2020/lib/radio/src/radio.module.mjs +40 -6
- package/esm2020/lib/radio/src/segmented/segmented-radio-group.component.mjs +130 -0
- package/esm2020/lib/radio/src/segmented/segmented-radio.component.mjs +25 -0
- package/esm2020/lib/radio/src/shared/radio-base.mjs +276 -0
- package/esm2020/lib/radio/src/shared/radio-group-base.mjs +166 -0
- package/esm2020/lib/segmented-tabs/src/segmented-tab.component.mjs +2 -2
- package/esm2020/lib/segmented-tabs/src/segmented-tabs.component.mjs +19 -12
- package/esm2020/lib/select/src/basic-select/basic-select.component.mjs +2 -2
- package/esm2020/lib/select/src/select/select.component.mjs +4 -3
- package/esm2020/lib/table/public_api.mjs +2 -1
- package/esm2020/lib/table/src/cdk-virtual-scroll-viewport-fix.directive.mjs +61 -0
- package/esm2020/lib/table/src/table.module.mjs +7 -2
- package/esm2020/lib/text-field/src/text-field.component.mjs +4 -3
- package/esm2020/lib/theme/public_api.mjs +2 -2
- package/esm2020/lib/theme/src/sapphire-overlay.service.mjs +62 -0
- package/esm2020/lib/theme/src/theme-base.directive.mjs +6 -46
- package/esm2020/lib/theme/src/theme.module.mjs +3 -29
- package/esm2020/lib/theme/src/themes.mjs +4 -4
- package/esm2020/lib/tooltip/src/tooltip.directive.mjs +4 -4
- package/fesm2015/danske-sapphire-angular.mjs +645 -377
- package/fesm2015/danske-sapphire-angular.mjs.map +1 -1
- package/fesm2020/danske-sapphire-angular.mjs +643 -377
- package/fesm2020/danske-sapphire-angular.mjs.map +1 -1
- package/lib/checkbox/src/checkbox.component.d.ts +6 -1
- package/lib/checkbox/src/checkbox.module.d.ts +4 -3
- package/lib/field/src/field-control.d.ts +1 -0
- package/lib/field/src/field.component.d.ts +11 -3
- package/lib/modal/src/dialog/dialog-trigger.directive.d.ts +0 -3
- package/lib/modal/src/modal-trigger.directive.d.ts +3 -2
- package/lib/modal/src/modal.service.d.ts +10 -2
- package/lib/modal/src/panel/panel-trigger.directive.d.ts +0 -3
- package/lib/popover/src/popover-trigger.directive.d.ts +4 -3
- package/lib/radio/public_api.d.ts +2 -0
- package/lib/radio/src/radio-group.component.d.ts +5 -60
- package/lib/radio/src/radio.component.d.ts +4 -96
- package/lib/radio/src/radio.module.d.ts +8 -5
- package/lib/radio/src/segmented/segmented-radio-group.component.d.ts +40 -0
- package/lib/radio/src/segmented/segmented-radio.component.d.ts +8 -0
- package/lib/radio/src/shared/radio-base.d.ts +103 -0
- package/lib/radio/src/shared/radio-group-base.d.ts +63 -0
- package/lib/segmented-tabs/src/segmented-tabs.component.d.ts +3 -2
- package/lib/select/src/select/select.component.d.ts +1 -0
- package/lib/table/public_api.d.ts +1 -0
- package/lib/table/src/cdk-virtual-scroll-viewport-fix.directive.d.ts +25 -0
- package/lib/table/src/table-cell.directive.d.ts +1 -1
- package/lib/table/src/table.module.d.ts +3 -2
- package/lib/text-field/src/text-field.component.d.ts +1 -0
- package/lib/theme/public_api.d.ts +1 -1
- package/lib/theme/src/sapphire-overlay.service.d.ts +34 -0
- package/lib/tooltip/src/tooltip.directive.d.ts +2 -2
- package/package.json +3 -3
- package/esm2020/lib/theme/src/sapphire-overlay-container.service.mjs +0 -37
- package/lib/theme/src/sapphire-overlay-container.service.d.ts +0 -14
|
@@ -0,0 +1,61 @@
|
|
|
1
|
+
import { Directive } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
import * as i1 from "@angular/cdk/scrolling";
|
|
4
|
+
/**
|
|
5
|
+
* A patch to fix the issue of sticky header position getting affected
|
|
6
|
+
* by transform, which is due to transform making the element
|
|
7
|
+
* a [containing block](https://developer.mozilla.org/en-US/docs/Web/CSS/Containing_block).
|
|
8
|
+
*
|
|
9
|
+
* It intercepts style assignments on the content wrapper, and converts
|
|
10
|
+
* transform: translateY(value) to top: value, to avoid making the content
|
|
11
|
+
* wrapper a containing block for sticky positioned children.
|
|
12
|
+
*
|
|
13
|
+
* @see
|
|
14
|
+
* https://github.com/angular/components/issues/14833
|
|
15
|
+
* https://github.com/angular/components/issues/18240
|
|
16
|
+
* https://github.com/angular/components/issues/21576
|
|
17
|
+
* https://github.com/angular/components/issues/28584
|
|
18
|
+
*/
|
|
19
|
+
export class CdkVirtualScrollViewportFixDirective {
|
|
20
|
+
constructor(cdkViewport) {
|
|
21
|
+
this.cdkViewport = cdkViewport;
|
|
22
|
+
}
|
|
23
|
+
ngOnInit() {
|
|
24
|
+
const contentWrapper = this.cdkViewport._contentWrapper.nativeElement;
|
|
25
|
+
/**
|
|
26
|
+
* Proxy to set `top: {value}px` instead of `transform: translateY({value}px)`
|
|
27
|
+
* whenever `style.transform` is set.
|
|
28
|
+
*/
|
|
29
|
+
const styleProxy = new Proxy(contentWrapper.style, {
|
|
30
|
+
set: (target, prop, value) => {
|
|
31
|
+
const top = prop === 'transform'
|
|
32
|
+
? value?.match(/translateY\((\d+)px\)/)?.[1]
|
|
33
|
+
: undefined;
|
|
34
|
+
if (top) {
|
|
35
|
+
target['top'] = `${top}px`;
|
|
36
|
+
return true;
|
|
37
|
+
}
|
|
38
|
+
target[prop] = value;
|
|
39
|
+
return true;
|
|
40
|
+
},
|
|
41
|
+
});
|
|
42
|
+
// Not directly setting style proxy to contentWrapper.style, to limit
|
|
43
|
+
// it to the styles set by CdkVirtualScrollViewport.
|
|
44
|
+
// i.e. only setting `top` instead of `transform`, when set by cdk viewport.
|
|
45
|
+
this.cdkViewport._contentWrapper.nativeElement = new Proxy(contentWrapper, {
|
|
46
|
+
get: (target, prop) => {
|
|
47
|
+
return prop === 'style' ? styleProxy : target[prop];
|
|
48
|
+
},
|
|
49
|
+
});
|
|
50
|
+
}
|
|
51
|
+
}
|
|
52
|
+
CdkVirtualScrollViewportFixDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: CdkVirtualScrollViewportFixDirective, deps: [{ token: i1.CdkVirtualScrollViewport }], target: i0.ɵɵFactoryTarget.Directive });
|
|
53
|
+
CdkVirtualScrollViewportFixDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.0", type: CdkVirtualScrollViewportFixDirective, isStandalone: true, selector: "cdk-virtual-scroll-viewport", ngImport: i0 });
|
|
54
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: CdkVirtualScrollViewportFixDirective, decorators: [{
|
|
55
|
+
type: Directive,
|
|
56
|
+
args: [{
|
|
57
|
+
selector: 'cdk-virtual-scroll-viewport',
|
|
58
|
+
standalone: true,
|
|
59
|
+
}]
|
|
60
|
+
}], ctorParameters: function () { return [{ type: i1.CdkVirtualScrollViewport }]; } });
|
|
61
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2RrLXZpcnR1YWwtc2Nyb2xsLXZpZXdwb3J0LWZpeC5kaXJlY3RpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvbGliL3RhYmxlL3NyYy9jZGstdmlydHVhbC1zY3JvbGwtdmlld3BvcnQtZml4LmRpcmVjdGl2ZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFVLE1BQU0sZUFBZSxDQUFDOzs7QUFHbEQ7Ozs7Ozs7Ozs7Ozs7O0dBY0c7QUFLSCxNQUFNLE9BQU8sb0NBQW9DO0lBQy9DLFlBQW9CLFdBQXFDO1FBQXJDLGdCQUFXLEdBQVgsV0FBVyxDQUEwQjtJQUFHLENBQUM7SUFFN0QsUUFBUTtRQUNOLE1BQU0sY0FBYyxHQUFHLElBQUksQ0FBQyxXQUFXLENBQUMsZUFBZSxDQUFDLGFBQWEsQ0FBQztRQUN0RTs7O1dBR0c7UUFDSCxNQUFNLFVBQVUsR0FBRyxJQUFJLEtBQUssQ0FBQyxjQUFjLENBQUMsS0FBSyxFQUFFO1lBQ2pELEdBQUcsRUFBRSxDQUFDLE1BQU0sRUFBRSxJQUFJLEVBQUUsS0FBSyxFQUFFLEVBQUU7Z0JBQzNCLE1BQU0sR0FBRyxHQUNQLElBQUksS0FBSyxXQUFXO29CQUNsQixDQUFDLENBQUMsS0FBSyxFQUFFLEtBQUssQ0FBQyx1QkFBdUIsQ0FBQyxFQUFFLENBQUMsQ0FBQyxDQUFDO29CQUM1QyxDQUFDLENBQUMsU0FBUyxDQUFDO2dCQUNoQixJQUFJLEdBQUcsRUFBRTtvQkFDUCxNQUFNLENBQUMsS0FBSyxDQUFDLEdBQUcsR0FBRyxHQUFHLElBQUksQ0FBQztvQkFDM0IsT0FBTyxJQUFJLENBQUM7aUJBQ2I7Z0JBQ0EsTUFBYyxDQUFDLElBQUksQ0FBQyxHQUFHLEtBQUssQ0FBQztnQkFDOUIsT0FBTyxJQUFJLENBQUM7WUFDZCxDQUFDO1NBQ0YsQ0FBQyxDQUFDO1FBRUgscUVBQXFFO1FBQ3JFLG9EQUFvRDtRQUNwRCw0RUFBNEU7UUFDNUUsSUFBSSxDQUFDLFdBQVcsQ0FBQyxlQUFlLENBQUMsYUFBYSxHQUFHLElBQUksS0FBSyxDQUFDLGNBQWMsRUFBRTtZQUN6RSxHQUFHLEVBQUUsQ0FBQyxNQUFNLEVBQUUsSUFBSSxFQUFFLEVBQUU7Z0JBQ3BCLE9BQU8sSUFBSSxLQUFLLE9BQU8sQ0FBQyxDQUFDLENBQUMsVUFBVSxDQUFDLENBQUMsQ0FBRSxNQUFjLENBQUMsSUFBSSxDQUFDLENBQUM7WUFDL0QsQ0FBQztTQUNGLENBQUMsQ0FBQztJQUNMLENBQUM7O2lJQWhDVSxvQ0FBb0M7cUhBQXBDLG9DQUFvQzsyRkFBcEMsb0NBQW9DO2tCQUpoRCxTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSw2QkFBNkI7b0JBQ3ZDLFVBQVUsRUFBRSxJQUFJO2lCQUNqQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IERpcmVjdGl2ZSwgT25Jbml0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDZGtWaXJ0dWFsU2Nyb2xsVmlld3BvcnQgfSBmcm9tICdAYW5ndWxhci9jZGsvc2Nyb2xsaW5nJztcblxuLyoqXG4gKiBBIHBhdGNoIHRvIGZpeCB0aGUgaXNzdWUgb2Ygc3RpY2t5IGhlYWRlciBwb3NpdGlvbiBnZXR0aW5nIGFmZmVjdGVkXG4gKiBieSB0cmFuc2Zvcm0sIHdoaWNoIGlzIGR1ZSB0byB0cmFuc2Zvcm0gbWFraW5nIHRoZSBlbGVtZW50XG4gKiBhIFtjb250YWluaW5nIGJsb2NrXShodHRwczovL2RldmVsb3Blci5tb3ppbGxhLm9yZy9lbi1VUy9kb2NzL1dlYi9DU1MvQ29udGFpbmluZ19ibG9jaykuXG4gKlxuICogSXQgaW50ZXJjZXB0cyBzdHlsZSBhc3NpZ25tZW50cyBvbiB0aGUgY29udGVudCB3cmFwcGVyLCBhbmQgY29udmVydHNcbiAqIHRyYW5zZm9ybTogdHJhbnNsYXRlWSh2YWx1ZSkgdG8gdG9wOiB2YWx1ZSwgdG8gYXZvaWQgbWFraW5nIHRoZSBjb250ZW50XG4gKiB3cmFwcGVyIGEgY29udGFpbmluZyBibG9jayBmb3Igc3RpY2t5IHBvc2l0aW9uZWQgY2hpbGRyZW4uXG4gKlxuICogQHNlZVxuICogaHR0cHM6Ly9naXRodWIuY29tL2FuZ3VsYXIvY29tcG9uZW50cy9pc3N1ZXMvMTQ4MzNcbiAqIGh0dHBzOi8vZ2l0aHViLmNvbS9hbmd1bGFyL2NvbXBvbmVudHMvaXNzdWVzLzE4MjQwXG4gKiBodHRwczovL2dpdGh1Yi5jb20vYW5ndWxhci9jb21wb25lbnRzL2lzc3Vlcy8yMTU3NlxuICogaHR0cHM6Ly9naXRodWIuY29tL2FuZ3VsYXIvY29tcG9uZW50cy9pc3N1ZXMvMjg1ODRcbiAqL1xuQERpcmVjdGl2ZSh7XG4gIHNlbGVjdG9yOiAnY2RrLXZpcnR1YWwtc2Nyb2xsLXZpZXdwb3J0JyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbn0pXG5leHBvcnQgY2xhc3MgQ2RrVmlydHVhbFNjcm9sbFZpZXdwb3J0Rml4RGlyZWN0aXZlIGltcGxlbWVudHMgT25Jbml0IHtcbiAgY29uc3RydWN0b3IocHJpdmF0ZSBjZGtWaWV3cG9ydDogQ2RrVmlydHVhbFNjcm9sbFZpZXdwb3J0KSB7fVxuXG4gIG5nT25Jbml0KCkge1xuICAgIGNvbnN0IGNvbnRlbnRXcmFwcGVyID0gdGhpcy5jZGtWaWV3cG9ydC5fY29udGVudFdyYXBwZXIubmF0aXZlRWxlbWVudDtcbiAgICAvKipcbiAgICAgKiBQcm94eSB0byBzZXQgYHRvcDoge3ZhbHVlfXB4YCBpbnN0ZWFkIG9mIGB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoe3ZhbHVlfXB4KWBcbiAgICAgKiB3aGVuZXZlciBgc3R5bGUudHJhbnNmb3JtYCBpcyBzZXQuXG4gICAgICovXG4gICAgY29uc3Qgc3R5bGVQcm94eSA9IG5ldyBQcm94eShjb250ZW50V3JhcHBlci5zdHlsZSwge1xuICAgICAgc2V0OiAodGFyZ2V0LCBwcm9wLCB2YWx1ZSkgPT4ge1xuICAgICAgICBjb25zdCB0b3A6IHN0cmluZyB8IHVuZGVmaW5lZCA9XG4gICAgICAgICAgcHJvcCA9PT0gJ3RyYW5zZm9ybSdcbiAgICAgICAgICAgID8gdmFsdWU/Lm1hdGNoKC90cmFuc2xhdGVZXFwoKFxcZCspcHhcXCkvKT8uWzFdXG4gICAgICAgICAgICA6IHVuZGVmaW5lZDtcbiAgICAgICAgaWYgKHRvcCkge1xuICAgICAgICAgIHRhcmdldFsndG9wJ10gPSBgJHt0b3B9cHhgO1xuICAgICAgICAgIHJldHVybiB0cnVlO1xuICAgICAgICB9XG4gICAgICAgICh0YXJnZXQgYXMgYW55KVtwcm9wXSA9IHZhbHVlO1xuICAgICAgICByZXR1cm4gdHJ1ZTtcbiAgICAgIH0sXG4gICAgfSk7XG5cbiAgICAvLyBOb3QgZGlyZWN0bHkgc2V0dGluZyBzdHlsZSBwcm94eSB0byBjb250ZW50V3JhcHBlci5zdHlsZSwgdG8gbGltaXRcbiAgICAvLyBpdCB0byB0aGUgc3R5bGVzIHNldCBieSBDZGtWaXJ0dWFsU2Nyb2xsVmlld3BvcnQuXG4gICAgLy8gaS5lLiBvbmx5IHNldHRpbmcgYHRvcGAgaW5zdGVhZCBvZiBgdHJhbnNmb3JtYCwgd2hlbiBzZXQgYnkgY2RrIHZpZXdwb3J0LlxuICAgIHRoaXMuY2RrVmlld3BvcnQuX2NvbnRlbnRXcmFwcGVyLm5hdGl2ZUVsZW1lbnQgPSBuZXcgUHJveHkoY29udGVudFdyYXBwZXIsIHtcbiAgICAgIGdldDogKHRhcmdldCwgcHJvcCkgPT4ge1xuICAgICAgICByZXR1cm4gcHJvcCA9PT0gJ3N0eWxlJyA/IHN0eWxlUHJveHkgOiAodGFyZ2V0IGFzIGFueSlbcHJvcF07XG4gICAgICB9LFxuICAgIH0pO1xuICB9XG59XG4iXX0=
|
|
@@ -13,6 +13,7 @@ import { TruncatedWithTooltipDirective } from '../../tooltip/public_api';
|
|
|
13
13
|
import { UseComponentStyles } from '../../common/sapphire-view-encapsulation';
|
|
14
14
|
import { TableDirective } from './table.directive';
|
|
15
15
|
import { TableFooterDirective } from './table-footer.directive';
|
|
16
|
+
import { CdkVirtualScrollViewportFixDirective } from './cdk-virtual-scroll-viewport-fix.directive';
|
|
16
17
|
import * as i0 from "@angular/core";
|
|
17
18
|
export class SapphireTableModule {
|
|
18
19
|
}
|
|
@@ -29,6 +30,7 @@ SapphireTableModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", ver
|
|
|
29
30
|
TableSortHeaderDirective], imports: [CommonModule,
|
|
30
31
|
SapphireIconModule,
|
|
31
32
|
TruncatedWithTooltipDirective,
|
|
33
|
+
CdkVirtualScrollViewportFixDirective,
|
|
32
34
|
UseComponentStyles], exports: [TableComponent,
|
|
33
35
|
TableDirective,
|
|
34
36
|
TableBodyDirective,
|
|
@@ -38,7 +40,8 @@ SapphireTableModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", ver
|
|
|
38
40
|
TableHeadCellComponent,
|
|
39
41
|
TableCellDirective,
|
|
40
42
|
TableSortDirective,
|
|
41
|
-
TableSortHeaderDirective
|
|
43
|
+
TableSortHeaderDirective,
|
|
44
|
+
CdkVirtualScrollViewportFixDirective] });
|
|
42
45
|
SapphireTableModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: SapphireTableModule, imports: [CommonModule,
|
|
43
46
|
SapphireIconModule] });
|
|
44
47
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: SapphireTableModule, decorators: [{
|
|
@@ -60,6 +63,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImpor
|
|
|
60
63
|
CommonModule,
|
|
61
64
|
SapphireIconModule,
|
|
62
65
|
TruncatedWithTooltipDirective,
|
|
66
|
+
CdkVirtualScrollViewportFixDirective,
|
|
63
67
|
UseComponentStyles,
|
|
64
68
|
],
|
|
65
69
|
exports: [
|
|
@@ -73,7 +77,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImpor
|
|
|
73
77
|
TableCellDirective,
|
|
74
78
|
TableSortDirective,
|
|
75
79
|
TableSortHeaderDirective,
|
|
80
|
+
CdkVirtualScrollViewportFixDirective,
|
|
76
81
|
],
|
|
77
82
|
}]
|
|
78
83
|
}] });
|
|
79
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
84
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFibGUubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vc3JjL2xpYi90YWJsZS9zcmMvdGFibGUubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQztBQUNuRCxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUM1RCxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUM1RCxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQztBQUMxRCxPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSw2QkFBNkIsQ0FBQztBQUNyRSxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUM1RCxPQUFPLEVBQUUsd0JBQXdCLEVBQUUsTUFBTSwrQkFBK0IsQ0FBQztBQUN6RSxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUM1RCxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQztBQUMzRCxPQUFPLEVBQUUsNkJBQTZCLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQztBQUN6RSxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSwwQ0FBMEMsQ0FBQztBQUM5RSxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sbUJBQW1CLENBQUM7QUFDbkQsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0sMEJBQTBCLENBQUM7QUFDaEUsT0FBTyxFQUFFLG9DQUFvQyxFQUFFLE1BQU0sNkNBQTZDLENBQUM7O0FBb0NuRyxNQUFNLE9BQU8sbUJBQW1COztnSEFBbkIsbUJBQW1CO2lIQUFuQixtQkFBbUIsaUJBaEM1QixjQUFjO1FBQ2QsY0FBYztRQUNkLGtCQUFrQjtRQUNsQixvQkFBb0I7UUFDcEIsa0JBQWtCO1FBQ2xCLGlCQUFpQjtRQUNqQixzQkFBc0I7UUFDdEIsa0JBQWtCO1FBQ2xCLGtCQUFrQjtRQUNsQix3QkFBd0IsYUFHeEIsWUFBWTtRQUNaLGtCQUFrQjtRQUNsQiw2QkFBNkI7UUFDN0Isb0NBQW9DO1FBQ3BDLGtCQUFrQixhQUdsQixjQUFjO1FBQ2QsY0FBYztRQUNkLGtCQUFrQjtRQUNsQixvQkFBb0I7UUFDcEIsa0JBQWtCO1FBQ2xCLGlCQUFpQjtRQUNqQixzQkFBc0I7UUFDdEIsa0JBQWtCO1FBQ2xCLGtCQUFrQjtRQUNsQix3QkFBd0I7UUFDeEIsb0NBQW9DO2lIQUczQixtQkFBbUIsWUFwQjVCLFlBQVk7UUFDWixrQkFBa0I7MkZBbUJULG1CQUFtQjtrQkFsQy9CLFFBQVE7bUJBQUM7b0JBQ1IsWUFBWSxFQUFFO3dCQUNaLGNBQWM7d0JBQ2QsY0FBYzt3QkFDZCxrQkFBa0I7d0JBQ2xCLG9CQUFvQjt3QkFDcEIsa0JBQWtCO3dCQUNsQixpQkFBaUI7d0JBQ2pCLHNCQUFzQjt3QkFDdEIsa0JBQWtCO3dCQUNsQixrQkFBa0I7d0JBQ2xCLHdCQUF3QjtxQkFDekI7b0JBQ0QsT0FBTyxFQUFFO3dCQUNQLFlBQVk7d0JBQ1osa0JBQWtCO3dCQUNsQiw2QkFBNkI7d0JBQzdCLG9DQUFvQzt3QkFDcEMsa0JBQWtCO3FCQUNuQjtvQkFDRCxPQUFPLEVBQUU7d0JBQ1AsY0FBYzt3QkFDZCxjQUFjO3dCQUNkLGtCQUFrQjt3QkFDbEIsb0JBQW9CO3dCQUNwQixrQkFBa0I7d0JBQ2xCLGlCQUFpQjt3QkFDakIsc0JBQXNCO3dCQUN0QixrQkFBa0I7d0JBQ2xCLGtCQUFrQjt3QkFDbEIsd0JBQXdCO3dCQUN4QixvQ0FBb0M7cUJBQ3JDO2lCQUNGIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBUYWJsZUNvbXBvbmVudCB9IGZyb20gJy4vdGFibGUuY29tcG9uZW50JztcbmltcG9ydCB7IFRhYmxlQm9keURpcmVjdGl2ZSB9IGZyb20gJy4vdGFibGUtYm9keS5kaXJlY3RpdmUnO1xuaW1wb3J0IHsgVGFibGVIZWFkRGlyZWN0aXZlIH0gZnJvbSAnLi90YWJsZS1oZWFkLmRpcmVjdGl2ZSc7XG5pbXBvcnQgeyBUYWJsZVJvd0RpcmVjdGl2ZSB9IGZyb20gJy4vdGFibGUtcm93LmRpcmVjdGl2ZSc7XG5pbXBvcnQgeyBUYWJsZUhlYWRDZWxsQ29tcG9uZW50IH0gZnJvbSAnLi90YWJsZS1oZWFkLWNlbGwuY29tcG9uZW50JztcbmltcG9ydCB7IFRhYmxlQ2VsbERpcmVjdGl2ZSB9IGZyb20gJy4vdGFibGUtY2VsbC5kaXJlY3RpdmUnO1xuaW1wb3J0IHsgVGFibGVTb3J0SGVhZGVyRGlyZWN0aXZlIH0gZnJvbSAnLi90YWJsZS1zb3J0LWhlYWRlci5kaXJlY3RpdmUnO1xuaW1wb3J0IHsgVGFibGVTb3J0RGlyZWN0aXZlIH0gZnJvbSAnLi90YWJsZS1zb3J0LmRpcmVjdGl2ZSc7XG5pbXBvcnQgeyBTYXBwaGlyZUljb25Nb2R1bGUgfSBmcm9tICcuLi8uLi9pY29uL3B1YmxpY19hcGknO1xuaW1wb3J0IHsgVHJ1bmNhdGVkV2l0aFRvb2x0aXBEaXJlY3RpdmUgfSBmcm9tICcuLi8uLi90b29sdGlwL3B1YmxpY19hcGknO1xuaW1wb3J0IHsgVXNlQ29tcG9uZW50U3R5bGVzIH0gZnJvbSAnLi4vLi4vY29tbW9uL3NhcHBoaXJlLXZpZXctZW5jYXBzdWxhdGlvbic7XG5pbXBvcnQgeyBUYWJsZURpcmVjdGl2ZSB9IGZyb20gJy4vdGFibGUuZGlyZWN0aXZlJztcbmltcG9ydCB7IFRhYmxlRm9vdGVyRGlyZWN0aXZlIH0gZnJvbSAnLi90YWJsZS1mb290ZXIuZGlyZWN0aXZlJztcbmltcG9ydCB7IENka1ZpcnR1YWxTY3JvbGxWaWV3cG9ydEZpeERpcmVjdGl2ZSB9IGZyb20gJy4vY2RrLXZpcnR1YWwtc2Nyb2xsLXZpZXdwb3J0LWZpeC5kaXJlY3RpdmUnO1xuXG5ATmdNb2R1bGUoe1xuICBkZWNsYXJhdGlvbnM6IFtcbiAgICBUYWJsZUNvbXBvbmVudCxcbiAgICBUYWJsZURpcmVjdGl2ZSxcbiAgICBUYWJsZUJvZHlEaXJlY3RpdmUsXG4gICAgVGFibGVGb290ZXJEaXJlY3RpdmUsXG4gICAgVGFibGVIZWFkRGlyZWN0aXZlLFxuICAgIFRhYmxlUm93RGlyZWN0aXZlLFxuICAgIFRhYmxlSGVhZENlbGxDb21wb25lbnQsXG4gICAgVGFibGVDZWxsRGlyZWN0aXZlLFxuICAgIFRhYmxlU29ydERpcmVjdGl2ZSxcbiAgICBUYWJsZVNvcnRIZWFkZXJEaXJlY3RpdmUsXG4gIF0sXG4gIGltcG9ydHM6IFtcbiAgICBDb21tb25Nb2R1bGUsXG4gICAgU2FwcGhpcmVJY29uTW9kdWxlLFxuICAgIFRydW5jYXRlZFdpdGhUb29sdGlwRGlyZWN0aXZlLFxuICAgIENka1ZpcnR1YWxTY3JvbGxWaWV3cG9ydEZpeERpcmVjdGl2ZSxcbiAgICBVc2VDb21wb25lbnRTdHlsZXMsXG4gIF0sXG4gIGV4cG9ydHM6IFtcbiAgICBUYWJsZUNvbXBvbmVudCxcbiAgICBUYWJsZURpcmVjdGl2ZSxcbiAgICBUYWJsZUJvZHlEaXJlY3RpdmUsXG4gICAgVGFibGVGb290ZXJEaXJlY3RpdmUsXG4gICAgVGFibGVIZWFkRGlyZWN0aXZlLFxuICAgIFRhYmxlUm93RGlyZWN0aXZlLFxuICAgIFRhYmxlSGVhZENlbGxDb21wb25lbnQsXG4gICAgVGFibGVDZWxsRGlyZWN0aXZlLFxuICAgIFRhYmxlU29ydERpcmVjdGl2ZSxcbiAgICBUYWJsZVNvcnRIZWFkZXJEaXJlY3RpdmUsXG4gICAgQ2RrVmlydHVhbFNjcm9sbFZpZXdwb3J0Rml4RGlyZWN0aXZlLFxuICBdLFxufSlcbmV4cG9ydCBjbGFzcyBTYXBwaGlyZVRhYmxlTW9kdWxlIHt9XG4iXX0=
|
|
@@ -13,6 +13,7 @@ import * as i5 from "../../field/src/field-note-suffix.directive";
|
|
|
13
13
|
export class TextFieldComponent {
|
|
14
14
|
constructor(field) {
|
|
15
15
|
this.field = field;
|
|
16
|
+
this.hasDefaultWidth = true;
|
|
16
17
|
}
|
|
17
18
|
isCharacterCounterExceeded() {
|
|
18
19
|
return ((this._inputDirective?.valueLength ?? 0) >
|
|
@@ -31,7 +32,7 @@ TextFieldComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", ver
|
|
|
31
32
|
provide: FieldControl,
|
|
32
33
|
useExisting: forwardRef(() => TextFieldComponent),
|
|
33
34
|
},
|
|
34
|
-
], queries: [{ propertyName: "inputElement", first: true, predicate: TextFieldInputDirective, descendants: true, read: ElementRef }, { propertyName: "_inputDirective", first: true, predicate: TextFieldInputDirective, descendants: true }], hostDirectives: [{ directive: i2.ThemeCheckDirective }, { directive: i3.UseComponentStylesOnHost }], ngImport: i0, template: "<ng-content\n select=\"sp-text-field-prefix\"\n *ngIf=\"!_inputDirective?.textarea\"\n></ng-content>\n<ng-content select=\"input\"></ng-content>\n<ng-content\n select=\"sp-text-field-postfix\"\n *ngIf=\"!_inputDirective?.textarea\"\n></ng-content>\n<ng-content select=\"textarea\"></ng-content>\n\n<span\n *ngIf=\"characterCounterMax !== undefined\"\n spFieldNoteSuffix\n class=\"sapphire-text-field__counter\"\n [class.sapphire-text-field__counter--error]=\"isCharacterCounterExceeded()\"\n >{{ _inputDirective?.valueLength }}/{{ characterCounterMax }}</span\n>\n", styles: [".sapphire-text-field{
|
|
35
|
+
], queries: [{ propertyName: "inputElement", first: true, predicate: TextFieldInputDirective, descendants: true, read: ElementRef }, { propertyName: "_inputDirective", first: true, predicate: TextFieldInputDirective, descendants: true }], hostDirectives: [{ directive: i2.ThemeCheckDirective }, { directive: i3.UseComponentStylesOnHost }], ngImport: i0, template: "<ng-content\n select=\"sp-text-field-prefix\"\n *ngIf=\"!_inputDirective?.textarea\"\n></ng-content>\n<ng-content select=\"input\"></ng-content>\n<ng-content\n select=\"sp-text-field-postfix\"\n *ngIf=\"!_inputDirective?.textarea\"\n></ng-content>\n<ng-content select=\"textarea\"></ng-content>\n\n<span\n *ngIf=\"characterCounterMax !== undefined\"\n spFieldNoteSuffix\n class=\"sapphire-text-field__counter\"\n [class.sapphire-text-field__counter--error]=\"isCharacterCounterExceeded()\"\n >{{ _inputDirective?.valueLength }}/{{ characterCounterMax }}</span\n>\n", styles: [".sapphire-text-field{outline:solid var(--sapphire-semantic-size-border-sm) var(--sapphire-semantic-color-border-field-default);outline-offset:calc(0px - var(--sapphire-semantic-size-border-sm));box-sizing:border-box;overflow-x:hidden;display:flex;align-items:center;border-radius:var(--sapphire-semantic-size-radius-sm);cursor:text;color:var(--sapphire-semantic-color-content-default-primary);background-color:var(--sapphire-semantic-color-background-field-default);height:var(--sapphire-semantic-size-height-input-lg);font-family:var(--sapphire-semantic-font-name-default);font-size:var(--sapphire-semantic-size-font-control-default);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.sapphire-text-field--md{height:var(--sapphire-semantic-size-height-input-md);font-size:var(--sapphire-semantic-size-font-control-md)}.sapphire-text-field__input{box-sizing:border-box;width:100%;height:100%;margin:0;padding:0 var(--sapphire-semantic-size-spacing-control-horizontal-lg);line-height:var(--sapphire-semantic-size-line-height-md);font-family:inherit;font-size:inherit;font-weight:var(--sapphire-semantic-font-weight-default-regular);caret-color:var(--sapphire-semantic-color-cursor-default);color:inherit;background-color:transparent;border:none;outline:none}.sapphire-text-field--md .sapphire-text-field__input{padding:0 var(--sapphire-semantic-size-spacing-control-horizontal-md)}.sapphire-text-field__input::placeholder{opacity:1;color:var(--sapphire-semantic-color-content-default-secondary)}.sapphire-text-field__input--align-right{text-align:right}.sapphire-text-field:not(.sapphire-text-field--multiline){gap:var(--sapphire-semantic-size-spacing-20)}.sapphire-text-field:has(.sapphire-text-field__prefix) .sapphire-text-field__input{padding-left:0}.sapphire-text-field .sapphire-text-field__prefix{color:var(--sapphire-semantic-color-content-default-primary);flex-shrink:0;z-index:1;margin-left:var(--sapphire-semantic-size-spacing-control-horizontal-lg)}.sapphire-text-field--md .sapphire-text-field__prefix{margin-left:var(--sapphire-semantic-size-spacing-control-horizontal-md)}.sapphire-text-field:has(.sapphire-text-field__postfix) .sapphire-text-field__input{padding-right:0}.sapphire-text-field .sapphire-text-field__postfix{color:var(--sapphire-semantic-color-content-default-primary);flex-shrink:0;z-index:1;margin-right:var(--sapphire-semantic-size-spacing-control-horizontal-lg)}.sapphire-text-field--md .sapphire-text-field__postfix{margin-right:var(--sapphire-semantic-size-spacing-control-horizontal-md)}.sapphire-text-field .sapphire-text-field__prefix--icon,.sapphire-text-field .sapphire-text-field__postfix--icon{width:var(--sapphire-semantic-size-icon-lg);height:var(--sapphire-semantic-size-icon-lg)}.sapphire-text-field--md .sapphire-text-field__prefix--icon,.sapphire-text-field--md .sapphire-text-field__postfix--icon{width:var(--sapphire-semantic-size-icon-md);height:var(--sapphire-semantic-size-icon-md)}.sapphire-text-field--multiline{display:block;line-height:0;height:unset;padding:0}.sapphire-text-field--multiline .sapphire-text-field__input{resize:none;width:100%;padding:var(--sapphire-semantic-size-spacing-control-vertical-lg) var(--sapphire-semantic-size-spacing-control-horizontal-lg);scroll-padding-bottom:var(--sapphire-semantic-size-spacing-control-vertical-lg)}.sapphire-text-field--md .sapphire-text-field--multiline .sapphire-text-field__input{padding:var(--sapphire-semantic-size-spacing-control-vertical-md) var(--sapphire-semantic-size-spacing-control-horizontal-md);scroll-padding-bottom:var(--sapphire-semantic-size-spacing-control-vertical-md)}.sapphire-text-field--multiline.sapphire-text-field--resizable .sapphire-text-field__input{resize:vertical}.sapphire-text-field__counter{color:var(--sapphire-semantic-color-content-default-secondary);padding-left:var(--sapphire-semantic-size-spacing-20);margin-left:auto}.sapphire-text-field__counter--error{color:var(--sapphire-semantic-color-content-negative-secondary-default)}.sapphire-text-field--error{outline:solid var(--sapphire-semantic-size-border-sm) var(--sapphire-semantic-color-border-field-error)}.sapphire-text-field.is-focus,.sapphire-text-field:focus-within{outline:solid var(--sapphire-semantic-size-focus-ring) var(--sapphire-semantic-color-focus-ring);outline-offset:calc(0px - var(--sapphire-semantic-size-focus-ring))}.sapphire-text-field.is-focus .sapphire-text-field__input:-webkit-autofill,.sapphire-text-field:focus-within .sapphire-text-field__input:-webkit-autofill{box-shadow:0 0 0 var(--sapphire-semantic-size-height-input-lg) inset var(--sapphire-semantic-color-background-surface)!important}.sapphire-text-field.is-focus .sapphire-text-field__input:autofill,.sapphire-text-field:focus-within .sapphire-text-field__input:autofill{box-shadow:0 0 0 var(--sapphire-semantic-size-height-input-lg) inset var(--sapphire-semantic-color-background-surface)!important}.sapphire-text-field__stepper{display:flex;flex-direction:column;justify-items:stretch;padding:var(--sapphire-semantic-size-spacing-5) calc(var(--sapphire-semantic-size-spacing-5) + var(--sapphire-semantic-size-border-sm));gap:var(--sapphire-semantic-size-spacing-5)}.sapphire-text-field:has(.sapphire-text-field__stepper) .sapphire-text-field__postfix{margin-right:0}.sapphire-text-field__stepper-button{display:flex;align-items:center;justify-content:center;width:var(--sapphire-semantic-size-icon-md);margin:0;padding:0;max-width:-moz-fit-content;max-width:fit-content;flex-shrink:0;border-radius:var(--sapphire-semantic-size-radius-sm);border-style:solid;border-width:0;border-color:transparent;transition-property:opacity,background-color,color;transition-duration:var(--sapphire-semantic-time-fade-quick);transition-timing-function:ease-in-out;cursor:pointer;background-color:var(--sapphire-semantic-color-background-action-tertiary-default);color:var(--sapphire-semantic-color-content-action-tertiary-default)}.sapphire-text-field__stepper-button:not(:active):not(.is-active):not(.js-hover):hover,.sapphire-text-field__stepper-button:not(:active):not(.is-active).is-hover{background-color:var(--sapphire-semantic-color-background-action-tertiary-hover);color:var(--sapphire-semantic-color-content-action-tertiary-hover)}.sapphire-text-field__stepper-button.is-active,.sapphire-text-field__stepper-button:active{background-color:var(--sapphire-semantic-color-background-action-tertiary-active);color:var(--sapphire-semantic-color-content-action-tertiary-active)}.sapphire-text-field--md.sapphire-text-field__stepper-button{width:var(--sapphire-semantic-size-icon-sm)}\n"], dependencies: [{ kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i5.FieldNoteSuffixDirective, selector: "[spFieldNoteSuffix]" }] });
|
|
35
36
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: TextFieldComponent, decorators: [{
|
|
36
37
|
type: Component,
|
|
37
38
|
args: [{ selector: 'sp-text-field', host: {
|
|
@@ -44,7 +45,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImpor
|
|
|
44
45
|
provide: FieldControl,
|
|
45
46
|
useExisting: forwardRef(() => TextFieldComponent),
|
|
46
47
|
},
|
|
47
|
-
], hostDirectives: [ThemeCheckDirective, UseComponentStylesOnHost], template: "<ng-content\n select=\"sp-text-field-prefix\"\n *ngIf=\"!_inputDirective?.textarea\"\n></ng-content>\n<ng-content select=\"input\"></ng-content>\n<ng-content\n select=\"sp-text-field-postfix\"\n *ngIf=\"!_inputDirective?.textarea\"\n></ng-content>\n<ng-content select=\"textarea\"></ng-content>\n\n<span\n *ngIf=\"characterCounterMax !== undefined\"\n spFieldNoteSuffix\n class=\"sapphire-text-field__counter\"\n [class.sapphire-text-field__counter--error]=\"isCharacterCounterExceeded()\"\n >{{ _inputDirective?.valueLength }}/{{ characterCounterMax }}</span\n>\n", styles: [".sapphire-text-field{
|
|
48
|
+
], hostDirectives: [ThemeCheckDirective, UseComponentStylesOnHost], template: "<ng-content\n select=\"sp-text-field-prefix\"\n *ngIf=\"!_inputDirective?.textarea\"\n></ng-content>\n<ng-content select=\"input\"></ng-content>\n<ng-content\n select=\"sp-text-field-postfix\"\n *ngIf=\"!_inputDirective?.textarea\"\n></ng-content>\n<ng-content select=\"textarea\"></ng-content>\n\n<span\n *ngIf=\"characterCounterMax !== undefined\"\n spFieldNoteSuffix\n class=\"sapphire-text-field__counter\"\n [class.sapphire-text-field__counter--error]=\"isCharacterCounterExceeded()\"\n >{{ _inputDirective?.valueLength }}/{{ characterCounterMax }}</span\n>\n", styles: [".sapphire-text-field{outline:solid var(--sapphire-semantic-size-border-sm) var(--sapphire-semantic-color-border-field-default);outline-offset:calc(0px - var(--sapphire-semantic-size-border-sm));box-sizing:border-box;overflow-x:hidden;display:flex;align-items:center;border-radius:var(--sapphire-semantic-size-radius-sm);cursor:text;color:var(--sapphire-semantic-color-content-default-primary);background-color:var(--sapphire-semantic-color-background-field-default);height:var(--sapphire-semantic-size-height-input-lg);font-family:var(--sapphire-semantic-font-name-default);font-size:var(--sapphire-semantic-size-font-control-default);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.sapphire-text-field--md{height:var(--sapphire-semantic-size-height-input-md);font-size:var(--sapphire-semantic-size-font-control-md)}.sapphire-text-field__input{box-sizing:border-box;width:100%;height:100%;margin:0;padding:0 var(--sapphire-semantic-size-spacing-control-horizontal-lg);line-height:var(--sapphire-semantic-size-line-height-md);font-family:inherit;font-size:inherit;font-weight:var(--sapphire-semantic-font-weight-default-regular);caret-color:var(--sapphire-semantic-color-cursor-default);color:inherit;background-color:transparent;border:none;outline:none}.sapphire-text-field--md .sapphire-text-field__input{padding:0 var(--sapphire-semantic-size-spacing-control-horizontal-md)}.sapphire-text-field__input::placeholder{opacity:1;color:var(--sapphire-semantic-color-content-default-secondary)}.sapphire-text-field__input--align-right{text-align:right}.sapphire-text-field:not(.sapphire-text-field--multiline){gap:var(--sapphire-semantic-size-spacing-20)}.sapphire-text-field:has(.sapphire-text-field__prefix) .sapphire-text-field__input{padding-left:0}.sapphire-text-field .sapphire-text-field__prefix{color:var(--sapphire-semantic-color-content-default-primary);flex-shrink:0;z-index:1;margin-left:var(--sapphire-semantic-size-spacing-control-horizontal-lg)}.sapphire-text-field--md .sapphire-text-field__prefix{margin-left:var(--sapphire-semantic-size-spacing-control-horizontal-md)}.sapphire-text-field:has(.sapphire-text-field__postfix) .sapphire-text-field__input{padding-right:0}.sapphire-text-field .sapphire-text-field__postfix{color:var(--sapphire-semantic-color-content-default-primary);flex-shrink:0;z-index:1;margin-right:var(--sapphire-semantic-size-spacing-control-horizontal-lg)}.sapphire-text-field--md .sapphire-text-field__postfix{margin-right:var(--sapphire-semantic-size-spacing-control-horizontal-md)}.sapphire-text-field .sapphire-text-field__prefix--icon,.sapphire-text-field .sapphire-text-field__postfix--icon{width:var(--sapphire-semantic-size-icon-lg);height:var(--sapphire-semantic-size-icon-lg)}.sapphire-text-field--md .sapphire-text-field__prefix--icon,.sapphire-text-field--md .sapphire-text-field__postfix--icon{width:var(--sapphire-semantic-size-icon-md);height:var(--sapphire-semantic-size-icon-md)}.sapphire-text-field--multiline{display:block;line-height:0;height:unset;padding:0}.sapphire-text-field--multiline .sapphire-text-field__input{resize:none;width:100%;padding:var(--sapphire-semantic-size-spacing-control-vertical-lg) var(--sapphire-semantic-size-spacing-control-horizontal-lg);scroll-padding-bottom:var(--sapphire-semantic-size-spacing-control-vertical-lg)}.sapphire-text-field--md .sapphire-text-field--multiline .sapphire-text-field__input{padding:var(--sapphire-semantic-size-spacing-control-vertical-md) var(--sapphire-semantic-size-spacing-control-horizontal-md);scroll-padding-bottom:var(--sapphire-semantic-size-spacing-control-vertical-md)}.sapphire-text-field--multiline.sapphire-text-field--resizable .sapphire-text-field__input{resize:vertical}.sapphire-text-field__counter{color:var(--sapphire-semantic-color-content-default-secondary);padding-left:var(--sapphire-semantic-size-spacing-20);margin-left:auto}.sapphire-text-field__counter--error{color:var(--sapphire-semantic-color-content-negative-secondary-default)}.sapphire-text-field--error{outline:solid var(--sapphire-semantic-size-border-sm) var(--sapphire-semantic-color-border-field-error)}.sapphire-text-field.is-focus,.sapphire-text-field:focus-within{outline:solid var(--sapphire-semantic-size-focus-ring) var(--sapphire-semantic-color-focus-ring);outline-offset:calc(0px - var(--sapphire-semantic-size-focus-ring))}.sapphire-text-field.is-focus .sapphire-text-field__input:-webkit-autofill,.sapphire-text-field:focus-within .sapphire-text-field__input:-webkit-autofill{box-shadow:0 0 0 var(--sapphire-semantic-size-height-input-lg) inset var(--sapphire-semantic-color-background-surface)!important}.sapphire-text-field.is-focus .sapphire-text-field__input:autofill,.sapphire-text-field:focus-within .sapphire-text-field__input:autofill{box-shadow:0 0 0 var(--sapphire-semantic-size-height-input-lg) inset var(--sapphire-semantic-color-background-surface)!important}.sapphire-text-field__stepper{display:flex;flex-direction:column;justify-items:stretch;padding:var(--sapphire-semantic-size-spacing-5) calc(var(--sapphire-semantic-size-spacing-5) + var(--sapphire-semantic-size-border-sm));gap:var(--sapphire-semantic-size-spacing-5)}.sapphire-text-field:has(.sapphire-text-field__stepper) .sapphire-text-field__postfix{margin-right:0}.sapphire-text-field__stepper-button{display:flex;align-items:center;justify-content:center;width:var(--sapphire-semantic-size-icon-md);margin:0;padding:0;max-width:-moz-fit-content;max-width:fit-content;flex-shrink:0;border-radius:var(--sapphire-semantic-size-radius-sm);border-style:solid;border-width:0;border-color:transparent;transition-property:opacity,background-color,color;transition-duration:var(--sapphire-semantic-time-fade-quick);transition-timing-function:ease-in-out;cursor:pointer;background-color:var(--sapphire-semantic-color-background-action-tertiary-default);color:var(--sapphire-semantic-color-content-action-tertiary-default)}.sapphire-text-field__stepper-button:not(:active):not(.is-active):not(.js-hover):hover,.sapphire-text-field__stepper-button:not(:active):not(.is-active).is-hover{background-color:var(--sapphire-semantic-color-background-action-tertiary-hover);color:var(--sapphire-semantic-color-content-action-tertiary-hover)}.sapphire-text-field__stepper-button.is-active,.sapphire-text-field__stepper-button:active{background-color:var(--sapphire-semantic-color-background-action-tertiary-active);color:var(--sapphire-semantic-color-content-action-tertiary-active)}.sapphire-text-field--md.sapphire-text-field__stepper-button{width:var(--sapphire-semantic-size-icon-sm)}\n"] }]
|
|
48
49
|
}], ctorParameters: function () { return [{ type: i1.FieldComponent, decorators: [{
|
|
49
50
|
type: Optional
|
|
50
51
|
}] }]; }, propDecorators: { characterCounterMax: [{
|
|
@@ -59,4 +60,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImpor
|
|
|
59
60
|
type: ContentChild,
|
|
60
61
|
args: [TextFieldInputDirective]
|
|
61
62
|
}] } });
|
|
62
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
63
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGV4dC1maWVsZC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvbGliL3RleHQtZmllbGQvc3JjL3RleHQtZmllbGQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vc3JjL2xpYi90ZXh0LWZpZWxkL3NyYy90ZXh0LWZpZWxkLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCxTQUFTLEVBQ1QsWUFBWSxFQUNaLFVBQVUsRUFDVixVQUFVLEVBQ1YsS0FBSyxFQUNMLFFBQVEsR0FDVCxNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQ0wscUJBQXFCLEVBQ3JCLG9CQUFvQixHQUVyQixNQUFNLHVCQUF1QixDQUFDO0FBQy9CLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLHVDQUF1QyxDQUFDO0FBQzVFLE9BQU8sRUFBa0IsWUFBWSxFQUFFLE1BQU0sd0JBQXdCLENBQUM7QUFDdEUsT0FBTyxFQUFFLHVCQUF1QixFQUFFLE1BQU0sOEJBQThCLENBQUM7QUFDdkUsT0FBTyxFQUFFLHdCQUF3QixFQUFFLE1BQU0sMENBQTBDLENBQUM7Ozs7Ozs7QUFvQnBGLE1BQU0sT0FBTyxrQkFBa0I7SUFZN0IsWUFBK0IsS0FBc0I7UUFBdEIsVUFBSyxHQUFMLEtBQUssQ0FBaUI7UUFpQjVDLG9CQUFlLEdBQUcsSUFBSSxDQUFDO0lBakJ3QixDQUFDO0lBRXpELDBCQUEwQjtRQUN4QixPQUFPLENBQ0wsQ0FBQyxJQUFJLENBQUMsZUFBZSxFQUFFLFdBQVcsSUFBSSxDQUFDLENBQUM7WUFDeEMsb0JBQW9CLENBQUMsSUFBSSxDQUFDLG1CQUFtQixDQUFDLENBQy9DLENBQUM7SUFDSixDQUFDO0lBRUQsVUFBVTtRQUNSLE9BQU8scUJBQXFCLENBQUMsSUFBSSxDQUFDLGVBQWUsRUFBRSxRQUFRLENBQUMsQ0FBQztJQUMvRCxDQUFDO0lBRUQsS0FBSztRQUNILE9BQU8sSUFBSSxDQUFDLGVBQWUsRUFBRSxFQUFFLENBQUM7SUFDbEMsQ0FBQzs7K0dBM0JVLGtCQUFrQjttR0FBbEIsa0JBQWtCLDZWQVJsQjtRQUNUO1lBQ0UsT0FBTyxFQUFFLFlBQVk7WUFDckIsV0FBVyxFQUFFLFVBQVUsQ0FBQyxHQUFHLEVBQUUsQ0FBQyxrQkFBa0IsQ0FBQztTQUNsRDtLQUNGLG9FQU9hLHVCQUF1QiwyQkFDN0IsVUFBVSwrREFJSix1QkFBdUIscUpDN0N2QywrakJBa0JBOzJGRGtCYSxrQkFBa0I7a0JBbEI5QixTQUFTOytCQUNFLGVBQWUsUUFHbkI7d0JBQ0osS0FBSyxFQUFFLHFCQUFxQjt3QkFDNUIsd0NBQXdDLEVBQUUsMEJBQTBCO3dCQUNwRSxvQ0FBb0MsRUFBRSx1QkFBdUI7d0JBQzdELGlDQUFpQyxFQUFFLHNCQUFzQjtxQkFDMUQsYUFDVTt3QkFDVDs0QkFDRSxPQUFPLEVBQUUsWUFBWTs0QkFDckIsV0FBVyxFQUFFLFVBQVUsQ0FBQyxHQUFHLEVBQUUsbUJBQW1CLENBQUM7eUJBQ2xEO3FCQUNGLGtCQUNlLENBQUMsbUJBQW1CLEVBQUUsd0JBQXdCLENBQUM7OzBCQWNsRCxRQUFROzRDQVZyQixtQkFBbUI7c0JBRGxCLEtBQUs7dUJBQUMscUJBQXFCO2dCQU01QixZQUFZO3NCQUhYLFlBQVk7dUJBQUMsdUJBQXVCLEVBQUU7d0JBQ3JDLElBQUksRUFBRSxVQUFVO3FCQUNqQjtnQkFJRCxlQUFlO3NCQURkLFlBQVk7dUJBQUMsdUJBQXVCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ29tcG9uZW50LFxuICBDb250ZW50Q2hpbGQsXG4gIEVsZW1lbnRSZWYsXG4gIGZvcndhcmRSZWYsXG4gIElucHV0LFxuICBPcHRpb25hbCxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge1xuICBjb2VyY2VCb29sZWFuUHJvcGVydHksXG4gIGNvZXJjZU51bWJlclByb3BlcnR5LFxuICBOdW1iZXJJbnB1dCxcbn0gZnJvbSAnQGFuZ3VsYXIvY2RrL2NvZXJjaW9uJztcbmltcG9ydCB7IFRoZW1lQ2hlY2tEaXJlY3RpdmUgfSBmcm9tICcuLi8uLi90aGVtZS9zcmMvdGhlbWUtY2hlY2suZGlyZWN0aXZlJztcbmltcG9ydCB7IEZpZWxkQ29tcG9uZW50LCBGaWVsZENvbnRyb2wgfSBmcm9tICcuLi8uLi9maWVsZC9wdWJsaWNfYXBpJztcbmltcG9ydCB7IFRleHRGaWVsZElucHV0RGlyZWN0aXZlIH0gZnJvbSAnLi90ZXh0LWZpZWxkLWlucHV0LmRpcmVjdGl2ZSc7XG5pbXBvcnQgeyBVc2VDb21wb25lbnRTdHlsZXNPbkhvc3QgfSBmcm9tICcuLi8uLi9jb21tb24vc2FwcGhpcmUtdmlldy1lbmNhcHN1bGF0aW9uJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnc3AtdGV4dC1maWVsZCcsXG4gIHRlbXBsYXRlVXJsOiAnLi90ZXh0LWZpZWxkLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vdGV4dC1maWVsZC5jb21wb25lbnQuc2NzcyddLFxuICBob3N0OiB7XG4gICAgY2xhc3M6ICdzYXBwaGlyZS10ZXh0LWZpZWxkJyxcbiAgICAnW2NsYXNzLnNhcHBoaXJlLXRleHQtZmllbGQtLW11bHRpbGluZV0nOiAnX2lucHV0RGlyZWN0aXZlLnRleHRhcmVhJyxcbiAgICAnW2NsYXNzLnNhcHBoaXJlLXRleHQtZmllbGQtLWVycm9yXSc6ICdmaWVsZD8uaGFzRXJyb3IodGhpcyknLFxuICAgICdbY2xhc3Muc2FwcGhpcmUtdGV4dC1maWVsZC0tbWRdJzogJ2ZpZWxkPy5zaXplID09PSBcIm1kXCInLFxuICB9LFxuICBwcm92aWRlcnM6IFtcbiAgICB7XG4gICAgICBwcm92aWRlOiBGaWVsZENvbnRyb2wsXG4gICAgICB1c2VFeGlzdGluZzogZm9yd2FyZFJlZigoKSA9PiBUZXh0RmllbGRDb21wb25lbnQpLFxuICAgIH0sXG4gIF0sXG4gIGhvc3REaXJlY3RpdmVzOiBbVGhlbWVDaGVja0RpcmVjdGl2ZSwgVXNlQ29tcG9uZW50U3R5bGVzT25Ib3N0XSxcbn0pXG5leHBvcnQgY2xhc3MgVGV4dEZpZWxkQ29tcG9uZW50IGltcGxlbWVudHMgRmllbGRDb250cm9sIHtcbiAgQElucHV0KCdjaGFyYWN0ZXJDb3VudGVyTWF4JylcbiAgY2hhcmFjdGVyQ291bnRlck1heD86IE51bWJlcklucHV0O1xuXG4gIEBDb250ZW50Q2hpbGQoVGV4dEZpZWxkSW5wdXREaXJlY3RpdmUsIHtcbiAgICByZWFkOiBFbGVtZW50UmVmLFxuICB9KVxuICBpbnB1dEVsZW1lbnQ/OiBFbGVtZW50UmVmPEhUTUxJbnB1dEVsZW1lbnQgfCBIVE1MVGV4dEFyZWFFbGVtZW50PjtcblxuICBAQ29udGVudENoaWxkKFRleHRGaWVsZElucHV0RGlyZWN0aXZlKVxuICBfaW5wdXREaXJlY3RpdmU/OiBUZXh0RmllbGRJbnB1dERpcmVjdGl2ZTtcblxuICBjb25zdHJ1Y3RvcihAT3B0aW9uYWwoKSBwdWJsaWMgZmllbGQ/OiBGaWVsZENvbXBvbmVudCkge31cblxuICBpc0NoYXJhY3RlckNvdW50ZXJFeGNlZWRlZCgpIHtcbiAgICByZXR1cm4gKFxuICAgICAgKHRoaXMuX2lucHV0RGlyZWN0aXZlPy52YWx1ZUxlbmd0aCA/PyAwKSA+XG4gICAgICBjb2VyY2VOdW1iZXJQcm9wZXJ0eSh0aGlzLmNoYXJhY3RlckNvdW50ZXJNYXgpXG4gICAgKTtcbiAgfVxuXG4gIGlzRGlzYWJsZWQoKTogYm9vbGVhbiB7XG4gICAgcmV0dXJuIGNvZXJjZUJvb2xlYW5Qcm9wZXJ0eSh0aGlzLl9pbnB1dERpcmVjdGl2ZT8uZGlzYWJsZWQpO1xuICB9XG5cbiAgZ2V0SWQoKTogc3RyaW5nIHwgdW5kZWZpbmVkIHtcbiAgICByZXR1cm4gdGhpcy5faW5wdXREaXJlY3RpdmU/LmlkO1xuICB9XG5cbiAgcmVhZG9ubHkgaGFzRGVmYXVsdFdpZHRoID0gdHJ1ZTtcbn1cbiIsIjxuZy1jb250ZW50XG4gIHNlbGVjdD1cInNwLXRleHQtZmllbGQtcHJlZml4XCJcbiAgKm5nSWY9XCIhX2lucHV0RGlyZWN0aXZlPy50ZXh0YXJlYVwiXG4+PC9uZy1jb250ZW50PlxuPG5nLWNvbnRlbnQgc2VsZWN0PVwiaW5wdXRcIj48L25nLWNvbnRlbnQ+XG48bmctY29udGVudFxuICBzZWxlY3Q9XCJzcC10ZXh0LWZpZWxkLXBvc3RmaXhcIlxuICAqbmdJZj1cIiFfaW5wdXREaXJlY3RpdmU/LnRleHRhcmVhXCJcbj48L25nLWNvbnRlbnQ+XG48bmctY29udGVudCBzZWxlY3Q9XCJ0ZXh0YXJlYVwiPjwvbmctY29udGVudD5cblxuPHNwYW5cbiAgKm5nSWY9XCJjaGFyYWN0ZXJDb3VudGVyTWF4ICE9PSB1bmRlZmluZWRcIlxuICBzcEZpZWxkTm90ZVN1ZmZpeFxuICBjbGFzcz1cInNhcHBoaXJlLXRleHQtZmllbGRfX2NvdW50ZXJcIlxuICBbY2xhc3Muc2FwcGhpcmUtdGV4dC1maWVsZF9fY291bnRlci0tZXJyb3JdPVwiaXNDaGFyYWN0ZXJDb3VudGVyRXhjZWVkZWQoKVwiXG4gID57eyBfaW5wdXREaXJlY3RpdmU/LnZhbHVlTGVuZ3RoIH19L3t7IGNoYXJhY3RlckNvdW50ZXJNYXggfX08L3NwYW5cbj5cbiJdfQ==
|
|
@@ -25,10 +25,10 @@ export const DEFAULT_BREAKPOINTS = {
|
|
|
25
25
|
XL: 1400,
|
|
26
26
|
};
|
|
27
27
|
export { SapphireThemeModule } from './src/theme.module';
|
|
28
|
-
export {
|
|
28
|
+
export { SapphireOverlay } from './src/sapphire-overlay.service';
|
|
29
29
|
export { ThemeDefaultDark, ThemeDefault } from './src/themes';
|
|
30
30
|
export { ThemeRootDirective } from './src/theme-root.directive';
|
|
31
31
|
// Exported just for the issue with vscode
|
|
32
32
|
export { ThemeBaseDirective } from './src/theme-base.directive';
|
|
33
33
|
export { ThemeCheckDirective } from './src/theme-check.directive';
|
|
34
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
34
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljX2FwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9saWIvdGhlbWUvcHVibGljX2FwaS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSw0RUFBNEU7QUFDNUUsNkVBQTZFO0FBQzdFLHNEQUFzRDtBQUN0RCxXQUFXO0FBRVg7Ozs7O0dBS0c7QUFDSCxPQUFPLEVBQUUsTUFBTSxFQUFFLE1BQU0sNkJBQTZCLENBQUM7QUFLckQ7Ozs7Ozs7R0FPRztBQUNILE1BQU0sQ0FBQyxNQUFNLG1CQUFtQixHQUFnQjtJQUM5QyxFQUFFLEVBQUUsR0FBRztJQUNQLENBQUMsRUFBRSxHQUFHO0lBQ04sQ0FBQyxFQUFFLEdBQUc7SUFDTixDQUFDLEVBQUUsSUFBSTtJQUNQLEVBQUUsRUFBRSxJQUFJO0NBQ1QsQ0FBQztBQUVGLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBQ3pELE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxnQ0FBZ0MsQ0FBQztBQUNqRSxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsWUFBWSxFQUFFLE1BQU0sY0FBYyxDQUFDO0FBQzlELE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLDRCQUE0QixDQUFDO0FBRWhFLDBDQUEwQztBQUMxQyxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQztBQUNoRSxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSw2QkFBNkIsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbIi8vIFdlIGhhdmUgc2VwYXJhdGUgcHVibGljX2FwaS50cyBmaWxlIGZvciBlYWNoIGFuZ3VsYXIgbW9kdWxlLCB0byBoYXZlIHRoZW1cbi8vIGV4cG9zZWQgYXMgc2VwYXJhdGUgZW50cnkgcG9pbnRzLiBUaGUgYnVpbGQgaXMgc3RpbGwgbm90IGVtaXR0aW5nIHNlcGFyYXRlXG4vLyBlbnRyeSBwb2ludHMsIHdoaWNoIHdpbGwgYmUgYWRkcmVzc2VkIGluIHRoaXMgdGFzazpcbi8vIFdDQ0otODM4XG5cbi8qKlxuICogSU1QT1JUQU5UOlxuICogQnkgcmUtZXhwb3J0aW5nIHNlbWFudGljIHRva2VucyBmcm9tIEBkYW5za2Uvc2FwcGhpcmUtY3NzLCBhcyBhbiBpbnRlcmZhY2UgdG8gYWxsb3cgdXNlcnMgb2ZcbiAqIEBkYW5za2Uvc2FwcGhpcmUtYW5ndWxhciB0byBhY2Nlc3MgZGVzaWduIHN5c3RlbSB2YWx1ZXMsIHdlIHNob3VsZCBiZSBtaW5kZnVsIG9mIGJyZWFraW5nIGNoYW5nZXNcbiAqIGV2ZXJ5IHRpbWUgQGRhbnNrZS9zYXBwaGlyZS1jc3MgaXMgdXBncmFkZWQgdG8gbmV3IG1ham9yIHZlcnNpb25zLlxuICovXG5leHBvcnQgeyB0b2tlbnMgfSBmcm9tICdAZGFuc2tlL3NhcHBoaXJlLWNzcy90aGVtZXMnO1xuXG5leHBvcnQgdHlwZSBCcmVha3BvaW50ID0gJ1hTJyB8ICdTJyB8ICdNJyB8ICdMJyB8ICdYTCc7XG5leHBvcnQgdHlwZSBCcmVha3BvaW50cyA9IFJlY29yZDxCcmVha3BvaW50LCBudW1iZXI+O1xuXG4vKipcbiAqIEV4cG9ydGluZyBcInRva2Vucy5zaXplLmJyZWFrcG9pbnRcIiBpcyBub3QgZ29vZCBlbm91Z2guXG4gKiBUaGF0IGlzIGEgbWFwIGZyb20gYnJlYWtwb2ludCBuYW1lIHRvIGEgYSBzdHJpbmcgd2hpY2ggaXMgdGhlIGNzcyB2YXJpYWJsZVxuICogdGhhdCB3aWxsIGhhdmUgdGhlIGJyZWFrcG9pbnQgc2l6ZS4gVGhpcyBpcyBub3QgdXNlZnVsIGluIGEgSlMgY29udGV4dC5cbiAqXG4gKiBUT0RPOiBleHBvcnQgc29tZXRoaW5nIHdoaWNoIHVzZXMgdGhlIFwidG9rZW5zLnNpemUuYnJlYWtwb2ludFwiIGFuZCBvZmZlcnNcbiAqIHNvbWV0aGluZyB1c2FibGVkIGluIEpTLlxuICovXG5leHBvcnQgY29uc3QgREVGQVVMVF9CUkVBS1BPSU5UUzogQnJlYWtwb2ludHMgPSB7XG4gIFhTOiA1NzYsXG4gIFM6IDc2OCxcbiAgTTogOTYwLFxuICBMOiAxMjAwLFxuICBYTDogMTQwMCxcbn07XG5cbmV4cG9ydCB7IFNhcHBoaXJlVGhlbWVNb2R1bGUgfSBmcm9tICcuL3NyYy90aGVtZS5tb2R1bGUnO1xuZXhwb3J0IHsgU2FwcGhpcmVPdmVybGF5IH0gZnJvbSAnLi9zcmMvc2FwcGhpcmUtb3ZlcmxheS5zZXJ2aWNlJztcbmV4cG9ydCB7IFRoZW1lRGVmYXVsdERhcmssIFRoZW1lRGVmYXVsdCB9IGZyb20gJy4vc3JjL3RoZW1lcyc7XG5leHBvcnQgeyBUaGVtZVJvb3REaXJlY3RpdmUgfSBmcm9tICcuL3NyYy90aGVtZS1yb290LmRpcmVjdGl2ZSc7XG5cbi8vIEV4cG9ydGVkIGp1c3QgZm9yIHRoZSBpc3N1ZSB3aXRoIHZzY29kZVxuZXhwb3J0IHsgVGhlbWVCYXNlRGlyZWN0aXZlIH0gZnJvbSAnLi9zcmMvdGhlbWUtYmFzZS5kaXJlY3RpdmUnO1xuZXhwb3J0IHsgVGhlbWVDaGVja0RpcmVjdGl2ZSB9IGZyb20gJy4vc3JjL3RoZW1lLWNoZWNrLmRpcmVjdGl2ZSc7XG4iXX0=
|
|
@@ -0,0 +1,62 @@
|
|
|
1
|
+
// eslint-disable-next-line sapphire-angular/cdk-overlay
|
|
2
|
+
import { Overlay } from '@angular/cdk/overlay';
|
|
3
|
+
import { inject, Injectable } from '@angular/core';
|
|
4
|
+
import { ThemeBaseDirective } from './theme-base.directive';
|
|
5
|
+
import { TopLevelThemeRef } from './top-level-theme-ref.service';
|
|
6
|
+
import * as i0 from "@angular/core";
|
|
7
|
+
/**
|
|
8
|
+
* NOTE: Providing a theme-aware OverlayContainer was a solution for overlay styles we used to have.
|
|
9
|
+
* It proved error-prone since it can lead to multiple overlay containers, which can cause
|
|
10
|
+
* z-index issues in various scenarios (UC-4160, UC-2897, UC-3843).
|
|
11
|
+
* The current solution applies.
|
|
12
|
+
*/
|
|
13
|
+
/**
|
|
14
|
+
* Sapphire theme aware overlay service.
|
|
15
|
+
* It's a slim wrapper around CDK Overlay service that adds theme styles to the overlay container.
|
|
16
|
+
*/
|
|
17
|
+
export class SapphireOverlay extends Overlay {
|
|
18
|
+
constructor() {
|
|
19
|
+
super(...arguments);
|
|
20
|
+
this.topLevelThemeRef = inject(TopLevelThemeRef);
|
|
21
|
+
this.theme = inject(ThemeBaseDirective, {
|
|
22
|
+
optional: true,
|
|
23
|
+
});
|
|
24
|
+
}
|
|
25
|
+
/**
|
|
26
|
+
* Same as Angular CDK's `overlay.create`,
|
|
27
|
+
* but applies the current theme style on the overlay container.
|
|
28
|
+
* @param overlayConfig The overlay configuration to pass to overlay.create()
|
|
29
|
+
* @param theme The theme to apply. If not provided, the current theme will be used.
|
|
30
|
+
*/
|
|
31
|
+
create(overlayConfig, theme) {
|
|
32
|
+
const overlayRef = super.create(overlayConfig);
|
|
33
|
+
this.applyTheme(overlayRef, theme);
|
|
34
|
+
return overlayRef;
|
|
35
|
+
}
|
|
36
|
+
/**
|
|
37
|
+
* Applies the current theme style on the overlay container.
|
|
38
|
+
* Useful only when the overlay is not created using `SapphireOverlay.create` method.
|
|
39
|
+
* E.g. when using some higher-level service like Dialog from angular CDK.
|
|
40
|
+
* @param overlayRef The overlay reference to apply the theme on.
|
|
41
|
+
* @param theme The theme to apply. If not provided, the current theme will be used.
|
|
42
|
+
*/
|
|
43
|
+
applyTheme(overlayRef, theme) {
|
|
44
|
+
theme = theme || this.theme || this.topLevelThemeRef.getTheme();
|
|
45
|
+
if (!theme) {
|
|
46
|
+
throw new Error('Could not find the current theme needed for overlay container');
|
|
47
|
+
}
|
|
48
|
+
theme?.applyOnDomNode(overlayRef.overlayElement);
|
|
49
|
+
if (overlayRef.backdropElement) {
|
|
50
|
+
theme?.applyOnDomNode(overlayRef.backdropElement);
|
|
51
|
+
}
|
|
52
|
+
}
|
|
53
|
+
}
|
|
54
|
+
SapphireOverlay.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: SapphireOverlay, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
|
|
55
|
+
SapphireOverlay.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: SapphireOverlay, providedIn: 'root' });
|
|
56
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: SapphireOverlay, decorators: [{
|
|
57
|
+
type: Injectable,
|
|
58
|
+
args: [{
|
|
59
|
+
providedIn: 'root',
|
|
60
|
+
}]
|
|
61
|
+
}] });
|
|
62
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2FwcGhpcmUtb3ZlcmxheS5zZXJ2aWNlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vc3JjL2xpYi90aGVtZS9zcmMvc2FwcGhpcmUtb3ZlcmxheS5zZXJ2aWNlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLHdEQUF3RDtBQUN4RCxPQUFPLEVBQUUsT0FBTyxFQUE2QixNQUFNLHNCQUFzQixDQUFDO0FBQzFFLE9BQU8sRUFBRSxNQUFNLEVBQUUsVUFBVSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ25ELE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLHdCQUF3QixDQUFDO0FBQzVELE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLCtCQUErQixDQUFDOztBQUVqRTs7Ozs7R0FLRztBQUVIOzs7R0FHRztBQUlILE1BQU0sT0FBTyxlQUFnQixTQUFRLE9BQU87SUFINUM7O1FBSVUscUJBQWdCLEdBQXFCLE1BQU0sQ0FBQyxnQkFBZ0IsQ0FBQyxDQUFDO1FBQzlELFVBQUssR0FBOEIsTUFBTSxDQUFDLGtCQUFrQixFQUFFO1lBQ3BFLFFBQVEsRUFBRSxJQUFJO1NBQ2YsQ0FBQyxDQUFDO0tBaUNKO0lBL0JDOzs7OztPQUtHO0lBQ0gsTUFBTSxDQUFDLGFBQTZCLEVBQUUsS0FBMEI7UUFDOUQsTUFBTSxVQUFVLEdBQUcsS0FBSyxDQUFDLE1BQU0sQ0FBQyxhQUFhLENBQUMsQ0FBQztRQUMvQyxJQUFJLENBQUMsVUFBVSxDQUFDLFVBQVUsRUFBRSxLQUFLLENBQUMsQ0FBQztRQUNuQyxPQUFPLFVBQVUsQ0FBQztJQUNwQixDQUFDO0lBRUQ7Ozs7OztPQU1HO0lBQ0gsVUFBVSxDQUFDLFVBQXNCLEVBQUUsS0FBMEI7UUFDM0QsS0FBSyxHQUFHLEtBQUssSUFBSSxJQUFJLENBQUMsS0FBSyxJQUFJLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxRQUFRLEVBQUUsQ0FBQztRQUNoRSxJQUFJLENBQUMsS0FBSyxFQUFFO1lBQ1YsTUFBTSxJQUFJLEtBQUssQ0FDYiwrREFBK0QsQ0FDaEUsQ0FBQztTQUNIO1FBQ0QsS0FBSyxFQUFFLGNBQWMsQ0FBQyxVQUFVLENBQUMsY0FBYyxDQUFDLENBQUM7UUFDakQsSUFBSSxVQUFVLENBQUMsZUFBZSxFQUFFO1lBQzlCLEtBQUssRUFBRSxjQUFjLENBQUMsVUFBVSxDQUFDLGVBQWUsQ0FBQyxDQUFDO1NBQ25EO0lBQ0gsQ0FBQzs7NEdBcENVLGVBQWU7Z0hBQWYsZUFBZSxjQUZkLE1BQU07MkZBRVAsZUFBZTtrQkFIM0IsVUFBVTttQkFBQztvQkFDVixVQUFVLEVBQUUsTUFBTTtpQkFDbkIiLCJzb3VyY2VzQ29udGVudCI6WyIvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgc2FwcGhpcmUtYW5ndWxhci9jZGstb3ZlcmxheVxuaW1wb3J0IHsgT3ZlcmxheSwgT3ZlcmxheUNvbmZpZywgT3ZlcmxheVJlZiB9IGZyb20gJ0Bhbmd1bGFyL2Nkay9vdmVybGF5JztcbmltcG9ydCB7IGluamVjdCwgSW5qZWN0YWJsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgVGhlbWVCYXNlRGlyZWN0aXZlIH0gZnJvbSAnLi90aGVtZS1iYXNlLmRpcmVjdGl2ZSc7XG5pbXBvcnQgeyBUb3BMZXZlbFRoZW1lUmVmIH0gZnJvbSAnLi90b3AtbGV2ZWwtdGhlbWUtcmVmLnNlcnZpY2UnO1xuXG4vKipcbiAqIE5PVEU6IFByb3ZpZGluZyBhIHRoZW1lLWF3YXJlIE92ZXJsYXlDb250YWluZXIgd2FzIGEgc29sdXRpb24gZm9yIG92ZXJsYXkgc3R5bGVzIHdlIHVzZWQgdG8gaGF2ZS5cbiAqIEl0IHByb3ZlZCBlcnJvci1wcm9uZSBzaW5jZSBpdCBjYW4gbGVhZCB0byBtdWx0aXBsZSBvdmVybGF5IGNvbnRhaW5lcnMsIHdoaWNoIGNhbiBjYXVzZVxuICogei1pbmRleCBpc3N1ZXMgaW4gdmFyaW91cyBzY2VuYXJpb3MgKFVDLTQxNjAsIFVDLTI4OTcsIFVDLTM4NDMpLlxuICogVGhlIGN1cnJlbnQgc29sdXRpb24gYXBwbGllcy5cbiAqL1xuXG4vKipcbiAqIFNhcHBoaXJlIHRoZW1lIGF3YXJlIG92ZXJsYXkgc2VydmljZS5cbiAqIEl0J3MgYSBzbGltIHdyYXBwZXIgYXJvdW5kIENESyBPdmVybGF5IHNlcnZpY2UgdGhhdCBhZGRzIHRoZW1lIHN0eWxlcyB0byB0aGUgb3ZlcmxheSBjb250YWluZXIuXG4gKi9cbkBJbmplY3RhYmxlKHtcbiAgcHJvdmlkZWRJbjogJ3Jvb3QnLFxufSlcbmV4cG9ydCBjbGFzcyBTYXBwaGlyZU92ZXJsYXkgZXh0ZW5kcyBPdmVybGF5IHtcbiAgcHJpdmF0ZSB0b3BMZXZlbFRoZW1lUmVmOiBUb3BMZXZlbFRoZW1lUmVmID0gaW5qZWN0KFRvcExldmVsVGhlbWVSZWYpO1xuICBwcml2YXRlIHRoZW1lOiBUaGVtZUJhc2VEaXJlY3RpdmUgfCBudWxsID0gaW5qZWN0KFRoZW1lQmFzZURpcmVjdGl2ZSwge1xuICAgIG9wdGlvbmFsOiB0cnVlLFxuICB9KTtcblxuICAvKipcbiAgICogU2FtZSBhcyBBbmd1bGFyIENESydzIGBvdmVybGF5LmNyZWF0ZWAsXG4gICAqIGJ1dCBhcHBsaWVzIHRoZSBjdXJyZW50IHRoZW1lIHN0eWxlIG9uIHRoZSBvdmVybGF5IGNvbnRhaW5lci5cbiAgICogQHBhcmFtIG92ZXJsYXlDb25maWcgVGhlIG92ZXJsYXkgY29uZmlndXJhdGlvbiB0byBwYXNzIHRvIG92ZXJsYXkuY3JlYXRlKClcbiAgICogQHBhcmFtIHRoZW1lIFRoZSB0aGVtZSB0byBhcHBseS4gSWYgbm90IHByb3ZpZGVkLCB0aGUgY3VycmVudCB0aGVtZSB3aWxsIGJlIHVzZWQuXG4gICAqL1xuICBjcmVhdGUob3ZlcmxheUNvbmZpZz86IE92ZXJsYXlDb25maWcsIHRoZW1lPzogVGhlbWVCYXNlRGlyZWN0aXZlKSB7XG4gICAgY29uc3Qgb3ZlcmxheVJlZiA9IHN1cGVyLmNyZWF0ZShvdmVybGF5Q29uZmlnKTtcbiAgICB0aGlzLmFwcGx5VGhlbWUob3ZlcmxheVJlZiwgdGhlbWUpO1xuICAgIHJldHVybiBvdmVybGF5UmVmO1xuICB9XG5cbiAgLyoqXG4gICAqIEFwcGxpZXMgdGhlIGN1cnJlbnQgdGhlbWUgc3R5bGUgb24gdGhlIG92ZXJsYXkgY29udGFpbmVyLlxuICAgKiBVc2VmdWwgb25seSB3aGVuIHRoZSBvdmVybGF5IGlzIG5vdCBjcmVhdGVkIHVzaW5nIGBTYXBwaGlyZU92ZXJsYXkuY3JlYXRlYCBtZXRob2QuXG4gICAqIEUuZy4gd2hlbiB1c2luZyBzb21lIGhpZ2hlci1sZXZlbCBzZXJ2aWNlIGxpa2UgRGlhbG9nIGZyb20gYW5ndWxhciBDREsuXG4gICAqIEBwYXJhbSBvdmVybGF5UmVmIFRoZSBvdmVybGF5IHJlZmVyZW5jZSB0byBhcHBseSB0aGUgdGhlbWUgb24uXG4gICAqIEBwYXJhbSB0aGVtZSBUaGUgdGhlbWUgdG8gYXBwbHkuIElmIG5vdCBwcm92aWRlZCwgdGhlIGN1cnJlbnQgdGhlbWUgd2lsbCBiZSB1c2VkLlxuICAgKi9cbiAgYXBwbHlUaGVtZShvdmVybGF5UmVmOiBPdmVybGF5UmVmLCB0aGVtZT86IFRoZW1lQmFzZURpcmVjdGl2ZSkge1xuICAgIHRoZW1lID0gdGhlbWUgfHwgdGhpcy50aGVtZSB8fCB0aGlzLnRvcExldmVsVGhlbWVSZWYuZ2V0VGhlbWUoKTtcbiAgICBpZiAoIXRoZW1lKSB7XG4gICAgICB0aHJvdyBuZXcgRXJyb3IoXG4gICAgICAgICdDb3VsZCBub3QgZmluZCB0aGUgY3VycmVudCB0aGVtZSBuZWVkZWQgZm9yIG92ZXJsYXkgY29udGFpbmVyJ1xuICAgICAgKTtcbiAgICB9XG4gICAgdGhlbWU/LmFwcGx5T25Eb21Ob2RlKG92ZXJsYXlSZWYub3ZlcmxheUVsZW1lbnQpO1xuICAgIGlmIChvdmVybGF5UmVmLmJhY2tkcm9wRWxlbWVudCkge1xuICAgICAgdGhlbWU/LmFwcGx5T25Eb21Ob2RlKG92ZXJsYXlSZWYuYmFja2Ryb3BFbGVtZW50KTtcbiAgICB9XG4gIH1cbn1cbiJdfQ==
|
|
@@ -1,8 +1,6 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
4
|
-
import { Platform } from '@angular/cdk/platform';
|
|
5
|
-
import { DOCUMENT } from '@angular/common';
|
|
1
|
+
// import { SapphireOverlayContainer } from './sapphire-overlay-container.service';
|
|
2
|
+
import { Directive, Optional, SkipSelf, } from '@angular/core';
|
|
3
|
+
import { SapphireOverlay } from './sapphire-overlay.service';
|
|
6
4
|
import * as i0 from "@angular/core";
|
|
7
5
|
import * as i1 from "./top-level-theme-ref.service";
|
|
8
6
|
export class ThemeBaseDirective {
|
|
@@ -32,56 +30,18 @@ export class ThemeBaseDirective {
|
|
|
32
30
|
}
|
|
33
31
|
}
|
|
34
32
|
ThemeBaseDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: ThemeBaseDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i1.TopLevelThemeRef }, { token: ThemeBaseDirective, optional: true, skipSelf: true }], target: i0.ɵɵFactoryTarget.Directive });
|
|
35
|
-
ThemeBaseDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.0", type: ThemeBaseDirective, isStandalone: true, selector: "[_sp-theme-base]", providers: [
|
|
36
|
-
{
|
|
37
|
-
provide: OverlayContainer,
|
|
38
|
-
useFactory: (existingOverlayContainer, parentTheme, _this, document, platform) => {
|
|
39
|
-
if (!parentTheme || parentTheme.equals(_this)) {
|
|
40
|
-
return existingOverlayContainer;
|
|
41
|
-
}
|
|
42
|
-
return new SapphireOverlayContainer(document, platform);
|
|
43
|
-
},
|
|
44
|
-
deps: [
|
|
45
|
-
[new SkipSelf(), OverlayContainer],
|
|
46
|
-
[new SkipSelf(), new Optional(), forwardRef(() => ThemeBaseDirective)],
|
|
47
|
-
forwardRef(() => ThemeBaseDirective),
|
|
48
|
-
DOCUMENT,
|
|
49
|
-
Platform,
|
|
50
|
-
],
|
|
51
|
-
},
|
|
52
|
-
// It's important to provide a new instance of Overlay that uses the provided OverlayContainer
|
|
53
|
-
Overlay,
|
|
54
|
-
], ngImport: i0 });
|
|
33
|
+
ThemeBaseDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.0", type: ThemeBaseDirective, isStandalone: true, selector: "[_sp-theme-base]", providers: [SapphireOverlay], ngImport: i0 });
|
|
55
34
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: ThemeBaseDirective, decorators: [{
|
|
56
35
|
type: Directive,
|
|
57
36
|
args: [{
|
|
58
37
|
selector: '[_sp-theme-base]',
|
|
59
38
|
// directive.
|
|
60
39
|
standalone: true,
|
|
61
|
-
providers: [
|
|
62
|
-
{
|
|
63
|
-
provide: OverlayContainer,
|
|
64
|
-
useFactory: (existingOverlayContainer, parentTheme, _this, document, platform) => {
|
|
65
|
-
if (!parentTheme || parentTheme.equals(_this)) {
|
|
66
|
-
return existingOverlayContainer;
|
|
67
|
-
}
|
|
68
|
-
return new SapphireOverlayContainer(document, platform);
|
|
69
|
-
},
|
|
70
|
-
deps: [
|
|
71
|
-
[new SkipSelf(), OverlayContainer],
|
|
72
|
-
[new SkipSelf(), new Optional(), forwardRef(() => ThemeBaseDirective)],
|
|
73
|
-
forwardRef(() => ThemeBaseDirective),
|
|
74
|
-
DOCUMENT,
|
|
75
|
-
Platform,
|
|
76
|
-
],
|
|
77
|
-
},
|
|
78
|
-
// It's important to provide a new instance of Overlay that uses the provided OverlayContainer
|
|
79
|
-
Overlay,
|
|
80
|
-
],
|
|
40
|
+
providers: [SapphireOverlay],
|
|
81
41
|
}]
|
|
82
42
|
}], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i1.TopLevelThemeRef }, { type: ThemeBaseDirective, decorators: [{
|
|
83
43
|
type: Optional
|
|
84
44
|
}, {
|
|
85
45
|
type: SkipSelf
|
|
86
46
|
}] }]; } });
|
|
87
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
47
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGhlbWUtYmFzZS5kaXJlY3RpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvbGliL3RoZW1lL3NyYy90aGVtZS1iYXNlLmRpcmVjdGl2ZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxtRkFBbUY7QUFDbkYsT0FBTyxFQUNMLFNBQVMsRUFFVCxRQUFRLEVBRVIsUUFBUSxHQUNULE1BQU0sZUFBZSxDQUFDO0FBRXZCLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQzs7O0FBUTdELE1BQU0sT0FBTyxrQkFBa0I7SUFDN0IsWUFDVSxVQUFtQyxFQUNuQyxRQUFtQixFQUNuQixRQUEwQixFQUNWLFdBQStCO1FBSC9DLGVBQVUsR0FBVixVQUFVLENBQXlCO1FBQ25DLGFBQVEsR0FBUixRQUFRLENBQVc7UUFDbkIsYUFBUSxHQUFSLFFBQVEsQ0FBa0I7UUFHbEMsSUFBSSxDQUFDLFdBQVcsRUFBRTtZQUNoQixJQUFJLENBQUMsUUFBUSxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsQ0FBQztTQUM5QjtJQUNILENBQUM7SUFFRCxjQUFjLENBQUMsT0FBb0I7UUFDakMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxZQUFZLENBQUMsT0FBTyxFQUFFLElBQUksQ0FBQyxrQkFBa0IsRUFBRSxFQUFFLEVBQUUsQ0FBQyxDQUFDO0lBQ3JFLENBQUM7SUFFTyxrQkFBa0I7UUFDeEIsTUFBTSxVQUFVLEdBQUcsSUFBSSxDQUFDLFVBQVUsQ0FBQyxhQUFhLENBQUMsVUFBVSxDQUFDO1FBQzVELEtBQUssSUFBSSxLQUFLLEdBQUcsQ0FBQyxFQUFFLEtBQUssR0FBRyxVQUFVLENBQUMsTUFBTSxFQUFFLEtBQUssRUFBRSxFQUFFO1lBQ3RELE1BQU0sU0FBUyxHQUFHLFVBQVUsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7WUFDekMsSUFBSSxTQUFTLEVBQUUsSUFBSSxDQUFDLFVBQVUsQ0FBQyxTQUFTLENBQUMsRUFBRTtnQkFDekMsT0FBTyxTQUFTLEVBQUUsSUFBSSxDQUFDO2FBQ3hCO1NBQ0Y7UUFDRCxNQUFNLElBQUksS0FBSyxDQUNiLDJEQUEyRCxDQUM1RCxDQUFDO0lBQ0osQ0FBQztJQUVELE1BQU0sQ0FBQyxLQUF5QjtRQUM5QixPQUFPLElBQUksQ0FBQyxrQkFBa0IsRUFBRSxLQUFLLEtBQUssQ0FBQyxrQkFBa0IsRUFBRSxDQUFDO0lBQ2xFLENBQUM7OytHQS9CVSxrQkFBa0I7bUdBQWxCLGtCQUFrQiwrREFGbEIsQ0FBQyxlQUFlLENBQUM7MkZBRWpCLGtCQUFrQjtrQkFOOUIsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsa0JBQWtCO29CQUM1QixhQUFhO29CQUNiLFVBQVUsRUFBRSxJQUFJO29CQUNoQixTQUFTLEVBQUUsQ0FBQyxlQUFlLENBQUM7aUJBQzdCOzswQkFNSSxRQUFROzswQkFBSSxRQUFRIiwic291cmNlc0NvbnRlbnQiOlsiLy8gaW1wb3J0IHsgU2FwcGhpcmVPdmVybGF5Q29udGFpbmVyIH0gZnJvbSAnLi9zYXBwaGlyZS1vdmVybGF5LWNvbnRhaW5lci5zZXJ2aWNlJztcbmltcG9ydCB7XG4gIERpcmVjdGl2ZSxcbiAgRWxlbWVudFJlZixcbiAgT3B0aW9uYWwsXG4gIFJlbmRlcmVyMixcbiAgU2tpcFNlbGYsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgVG9wTGV2ZWxUaGVtZVJlZiB9IGZyb20gJy4vdG9wLWxldmVsLXRoZW1lLXJlZi5zZXJ2aWNlJztcbmltcG9ydCB7IFNhcHBoaXJlT3ZlcmxheSB9IGZyb20gJy4vc2FwcGhpcmUtb3ZlcmxheS5zZXJ2aWNlJztcblxuQERpcmVjdGl2ZSh7XG4gIHNlbGVjdG9yOiAnW19zcC10aGVtZS1iYXNlXScsIC8vIHNlbGVjdG9yIGlzIGFkZGVkIHRvIHByZXZlbnQgdGhlIHR5cGUgZXJyb3IuIFdlIGRvbid0IGRpcmVjdGx5IHJlbmRlciB0aGlzXG4gIC8vIGRpcmVjdGl2ZS5cbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgcHJvdmlkZXJzOiBbU2FwcGhpcmVPdmVybGF5XSxcbn0pXG5leHBvcnQgY2xhc3MgVGhlbWVCYXNlRGlyZWN0aXZlIHtcbiAgY29uc3RydWN0b3IoXG4gICAgcHJpdmF0ZSBlbGVtZW50UmVmOiBFbGVtZW50UmVmPEhUTUxFbGVtZW50PixcbiAgICBwcml2YXRlIHJlbmRlcmVyOiBSZW5kZXJlcjIsXG4gICAgcHJpdmF0ZSB0aGVtZVJlZjogVG9wTGV2ZWxUaGVtZVJlZixcbiAgICBAT3B0aW9uYWwoKSBAU2tpcFNlbGYoKSBwYXJlbnRUaGVtZTogVGhlbWVCYXNlRGlyZWN0aXZlXG4gICkge1xuICAgIGlmICghcGFyZW50VGhlbWUpIHtcbiAgICAgIHRoaXMudGhlbWVSZWYuc2V0VGhlbWUodGhpcyk7XG4gICAgfVxuICB9XG5cbiAgYXBwbHlPbkRvbU5vZGUoZWxlbWVudDogSFRNTEVsZW1lbnQpOiB2b2lkIHtcbiAgICB0aGlzLnJlbmRlcmVyLnNldEF0dHJpYnV0ZShlbGVtZW50LCB0aGlzLmdldFVuaXF1ZUF0dHJpYnV0ZSgpLCAnJyk7XG4gIH1cblxuICBwcml2YXRlIGdldFVuaXF1ZUF0dHJpYnV0ZSgpIHtcbiAgICBjb25zdCBhdHRyaWJ1dGVzID0gdGhpcy5lbGVtZW50UmVmLm5hdGl2ZUVsZW1lbnQuYXR0cmlidXRlcztcbiAgICBmb3IgKGxldCBpbmRleCA9IDA7IGluZGV4IDwgYXR0cmlidXRlcy5sZW5ndGg7IGluZGV4KyspIHtcbiAgICAgIGNvbnN0IGF0dHJpYnV0ZSA9IGF0dHJpYnV0ZXMuaXRlbShpbmRleCk7XG4gICAgICBpZiAoYXR0cmlidXRlPy5uYW1lLnN0YXJ0c1dpdGgoJ19uZ2hvc3QnKSkge1xuICAgICAgICByZXR1cm4gYXR0cmlidXRlPy5uYW1lO1xuICAgICAgfVxuICAgIH1cbiAgICB0aHJvdyBuZXcgRXJyb3IoXG4gICAgICAnQ291bGQgbm90IGdldCB1bmlxdWUgYXR0cmlidXRlIGZvciBmb3IgdGhlIHNhcHBoaXJlIHRoZW1lJ1xuICAgICk7XG4gIH1cblxuICBlcXVhbHModGhlbWU6IFRoZW1lQmFzZURpcmVjdGl2ZSkge1xuICAgIHJldHVybiB0aGlzLmdldFVuaXF1ZUF0dHJpYnV0ZSgpID09PSB0aGVtZS5nZXRVbmlxdWVBdHRyaWJ1dGUoKTtcbiAgfVxufVxuIl19
|
|
@@ -1,8 +1,7 @@
|
|
|
1
1
|
import { NgModule } from '@angular/core';
|
|
2
|
-
import {
|
|
2
|
+
import { OverlayModule } from '@angular/cdk/overlay';
|
|
3
3
|
import { ThemeDefault, ThemeDefaultDark } from './themes';
|
|
4
4
|
import { ThemeRootDirective } from './theme-root.directive';
|
|
5
|
-
import { SapphireOverlayContainer } from './sapphire-overlay-container.service';
|
|
6
5
|
import * as i0 from "@angular/core";
|
|
7
6
|
/**
|
|
8
7
|
* - Makes sure currently applied theme is applied on overlays which are rendered as portal
|
|
@@ -13,38 +12,13 @@ export class SapphireThemeModule {
|
|
|
13
12
|
}
|
|
14
13
|
SapphireThemeModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: SapphireThemeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
15
14
|
SapphireThemeModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.0", ngImport: i0, type: SapphireThemeModule, imports: [OverlayModule, ThemeRootDirective, ThemeDefault, ThemeDefaultDark], exports: [ThemeRootDirective, ThemeDefault, ThemeDefaultDark] });
|
|
16
|
-
SapphireThemeModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: SapphireThemeModule,
|
|
17
|
-
/**
|
|
18
|
-
* Since we want to provide SapphireOverlayContainer as OverlayContainer token,
|
|
19
|
-
* we can't just { providedIn: 'root' } to provide the default overlay container.
|
|
20
|
-
* A side effect of that is that in lazy-loaded modules, a new instance of
|
|
21
|
-
* SapphireOverlayContainer will be created, which is not ideal, but it should be ok,
|
|
22
|
-
* since sp-theme-* components that are supposed to be rendered at top level provide
|
|
23
|
-
* OverlayContainer (and Overlay) which will take precedent over the global
|
|
24
|
-
* OverlayContainer that's only used in services like ModalService.
|
|
25
|
-
* We could also follow the `forRoot` pattern, but it unnecessarily complicates the API.
|
|
26
|
-
*/
|
|
27
|
-
{ provide: OverlayContainer, useClass: SapphireOverlayContainer },
|
|
28
|
-
], imports: [OverlayModule, ThemeDefault, ThemeDefaultDark] });
|
|
15
|
+
SapphireThemeModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: SapphireThemeModule, imports: [OverlayModule, ThemeDefault, ThemeDefaultDark] });
|
|
29
16
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: SapphireThemeModule, decorators: [{
|
|
30
17
|
type: NgModule,
|
|
31
18
|
args: [{
|
|
32
19
|
declarations: [],
|
|
33
|
-
providers: [
|
|
34
|
-
/**
|
|
35
|
-
* Since we want to provide SapphireOverlayContainer as OverlayContainer token,
|
|
36
|
-
* we can't just { providedIn: 'root' } to provide the default overlay container.
|
|
37
|
-
* A side effect of that is that in lazy-loaded modules, a new instance of
|
|
38
|
-
* SapphireOverlayContainer will be created, which is not ideal, but it should be ok,
|
|
39
|
-
* since sp-theme-* components that are supposed to be rendered at top level provide
|
|
40
|
-
* OverlayContainer (and Overlay) which will take precedent over the global
|
|
41
|
-
* OverlayContainer that's only used in services like ModalService.
|
|
42
|
-
* We could also follow the `forRoot` pattern, but it unnecessarily complicates the API.
|
|
43
|
-
*/
|
|
44
|
-
{ provide: OverlayContainer, useClass: SapphireOverlayContainer },
|
|
45
|
-
],
|
|
46
20
|
imports: [OverlayModule, ThemeRootDirective, ThemeDefault, ThemeDefaultDark],
|
|
47
21
|
exports: [ThemeRootDirective, ThemeDefault, ThemeDefaultDark],
|
|
48
22
|
}]
|
|
49
23
|
}] });
|
|
50
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
24
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGhlbWUubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vc3JjL2xpYi90aGVtZS9zcmMvdGhlbWUubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLHNCQUFzQixDQUFDO0FBQ3JELE9BQU8sRUFBRSxZQUFZLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxVQUFVLENBQUM7QUFDMUQsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sd0JBQXdCLENBQUM7O0FBRTVEOzs7O0dBSUc7QUFNSCxNQUFNLE9BQU8sbUJBQW1COztnSEFBbkIsbUJBQW1CO2lIQUFuQixtQkFBbUIsWUFIcEIsYUFBYSxFQUFFLGtCQUFrQixFQUFFLFlBQVksRUFBRSxnQkFBZ0IsYUFDakUsa0JBQWtCLEVBQUUsWUFBWSxFQUFFLGdCQUFnQjtpSEFFakQsbUJBQW1CLFlBSHBCLGFBQWEsRUFBc0IsWUFBWSxFQUFFLGdCQUFnQjsyRkFHaEUsbUJBQW1CO2tCQUwvQixRQUFRO21CQUFDO29CQUNSLFlBQVksRUFBRSxFQUFFO29CQUNoQixPQUFPLEVBQUUsQ0FBQyxhQUFhLEVBQUUsa0JBQWtCLEVBQUUsWUFBWSxFQUFFLGdCQUFnQixDQUFDO29CQUM1RSxPQUFPLEVBQUUsQ0FBQyxrQkFBa0IsRUFBRSxZQUFZLEVBQUUsZ0JBQWdCLENBQUM7aUJBQzlEIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IE92ZXJsYXlNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jZGsvb3ZlcmxheSc7XG5pbXBvcnQgeyBUaGVtZURlZmF1bHQsIFRoZW1lRGVmYXVsdERhcmsgfSBmcm9tICcuL3RoZW1lcyc7XG5pbXBvcnQgeyBUaGVtZVJvb3REaXJlY3RpdmUgfSBmcm9tICcuL3RoZW1lLXJvb3QuZGlyZWN0aXZlJztcblxuLyoqXG4gKiAtIE1ha2VzIHN1cmUgY3VycmVudGx5IGFwcGxpZWQgdGhlbWUgaXMgYXBwbGllZCBvbiBvdmVybGF5cyB3aGljaCBhcmUgcmVuZGVyZWQgYXMgcG9ydGFsXG4gKiAtIFByb3ZpZGVzIGBUSEVNRV9BVFRSSUJVVEVgIGluamVjdGFibGUgdmlhIHNwLXRoZW1lIGNvbXBvbmVudC4gVXNlZnVsIHdoZW4gYSBjdXN0b20gY29tcG9uZW50XG4gKiAgIG5lZWRzIHRvIHJlbmRlciBhIHBvcnRhbCB3aXRoIHRoZSBjdXJyZW50bHkgYXBwbGllZCB0aGVtZSBjbGFzcy5cbiAqL1xuQE5nTW9kdWxlKHtcbiAgZGVjbGFyYXRpb25zOiBbXSxcbiAgaW1wb3J0czogW092ZXJsYXlNb2R1bGUsIFRoZW1lUm9vdERpcmVjdGl2ZSwgVGhlbWVEZWZhdWx0LCBUaGVtZURlZmF1bHREYXJrXSxcbiAgZXhwb3J0czogW1RoZW1lUm9vdERpcmVjdGl2ZSwgVGhlbWVEZWZhdWx0LCBUaGVtZURlZmF1bHREYXJrXSxcbn0pXG5leHBvcnQgY2xhc3MgU2FwcGhpcmVUaGVtZU1vZHVsZSB7fVxuIl19
|