@dereekb/dbx-web 9.16.0 → 9.16.2
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/layout/content/content.border.directive.mjs +11 -5
- package/fesm2015/dereekb-dbx-web.mjs +9 -3
- package/fesm2015/dereekb-dbx-web.mjs.map +1 -1
- package/fesm2020/dereekb-dbx-web.mjs +9 -3
- package/fesm2020/dereekb-dbx-web.mjs.map +1 -1
- package/lib/layout/content/_content.scss +25 -0
- package/lib/layout/content/content.border.directive.d.ts +3 -1
- package/mapbox/package.json +3 -3
- package/package.json +3 -3
|
@@ -1,19 +1,25 @@
|
|
|
1
|
-
import { Directive } from '@angular/core';
|
|
1
|
+
import { Directive, Input } from '@angular/core';
|
|
2
2
|
import * as i0 from "@angular/core";
|
|
3
3
|
/**
|
|
4
4
|
* Section used to wrap content in a border with internal padding.
|
|
5
5
|
*/
|
|
6
6
|
export class DbxContentBorderDirective {
|
|
7
|
+
constructor() {
|
|
8
|
+
this.color = 'background';
|
|
9
|
+
}
|
|
7
10
|
}
|
|
8
11
|
DbxContentBorderDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: DbxContentBorderDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
9
|
-
DbxContentBorderDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.1.2", type: DbxContentBorderDirective, selector: "dbx-content-border,[dbxContentBorder]", host: { classAttribute: "d-block dbx-content-border" }, ngImport: i0 });
|
|
12
|
+
DbxContentBorderDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.1.2", type: DbxContentBorderDirective, selector: "dbx-content-border,[dbxContentBorder]", inputs: { color: "color" }, host: { properties: { "class": "\"dbx-content-border-\" + color" }, classAttribute: "d-block dbx-content-border" }, ngImport: i0 });
|
|
10
13
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: DbxContentBorderDirective, decorators: [{
|
|
11
14
|
type: Directive,
|
|
12
15
|
args: [{
|
|
13
16
|
selector: 'dbx-content-border,[dbxContentBorder]',
|
|
14
17
|
host: {
|
|
15
|
-
class: 'd-block dbx-content-border'
|
|
18
|
+
class: 'd-block dbx-content-border',
|
|
19
|
+
'[class]': `"dbx-content-border-" + color`
|
|
16
20
|
}
|
|
17
21
|
}]
|
|
18
|
-
}]
|
|
19
|
-
|
|
22
|
+
}], propDecorators: { color: [{
|
|
23
|
+
type: Input
|
|
24
|
+
}] } });
|
|
25
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29udGVudC5ib3JkZXIuZGlyZWN0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcGFja2FnZXMvZGJ4LXdlYi9zcmMvbGliL2xheW91dC9jb250ZW50L2NvbnRlbnQuYm9yZGVyLmRpcmVjdGl2ZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQzs7QUFHakQ7O0dBRUc7QUFRSCxNQUFNLE9BQU8seUJBQXlCO0lBUHRDO1FBU0UsVUFBSyxHQUFrQixZQUFZLENBQUM7S0FDckM7O3NIQUhZLHlCQUF5QjswR0FBekIseUJBQXlCOzJGQUF6Qix5QkFBeUI7a0JBUHJDLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLHVDQUF1QztvQkFDakQsSUFBSSxFQUFFO3dCQUNKLEtBQUssRUFBRSw0QkFBNEI7d0JBQ25DLFNBQVMsRUFBRSwrQkFBK0I7cUJBQzNDO2lCQUNGOzhCQUdDLEtBQUs7c0JBREosS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IERpcmVjdGl2ZSwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IERieFRoZW1lQ29sb3IgfSBmcm9tICcuLi9zdHlsZS9zdHlsZSc7XG5cbi8qKlxuICogU2VjdGlvbiB1c2VkIHRvIHdyYXAgY29udGVudCBpbiBhIGJvcmRlciB3aXRoIGludGVybmFsIHBhZGRpbmcuXG4gKi9cbkBEaXJlY3RpdmUoe1xuICBzZWxlY3RvcjogJ2RieC1jb250ZW50LWJvcmRlcixbZGJ4Q29udGVudEJvcmRlcl0nLFxuICBob3N0OiB7XG4gICAgY2xhc3M6ICdkLWJsb2NrIGRieC1jb250ZW50LWJvcmRlcicsXG4gICAgJ1tjbGFzc10nOiBgXCJkYngtY29udGVudC1ib3JkZXItXCIgKyBjb2xvcmBcbiAgfVxufSlcbmV4cG9ydCBjbGFzcyBEYnhDb250ZW50Qm9yZGVyRGlyZWN0aXZlIHtcbiAgQElucHV0KClcbiAgY29sb3I6IERieFRoZW1lQ29sb3IgPSAnYmFja2dyb3VuZCc7XG59XG4iXX0=
|
|
@@ -2076,18 +2076,24 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImpor
|
|
|
2076
2076
|
* Section used to wrap content in a border with internal padding.
|
|
2077
2077
|
*/
|
|
2078
2078
|
class DbxContentBorderDirective {
|
|
2079
|
+
constructor() {
|
|
2080
|
+
this.color = 'background';
|
|
2081
|
+
}
|
|
2079
2082
|
}
|
|
2080
2083
|
DbxContentBorderDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: DbxContentBorderDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
2081
|
-
DbxContentBorderDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.1.2", type: DbxContentBorderDirective, selector: "dbx-content-border,[dbxContentBorder]", host: { classAttribute: "d-block dbx-content-border" }, ngImport: i0 });
|
|
2084
|
+
DbxContentBorderDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.1.2", type: DbxContentBorderDirective, selector: "dbx-content-border,[dbxContentBorder]", inputs: { color: "color" }, host: { properties: { "class": "\"dbx-content-border-\" + color" }, classAttribute: "d-block dbx-content-border" }, ngImport: i0 });
|
|
2082
2085
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: DbxContentBorderDirective, decorators: [{
|
|
2083
2086
|
type: Directive,
|
|
2084
2087
|
args: [{
|
|
2085
2088
|
selector: 'dbx-content-border,[dbxContentBorder]',
|
|
2086
2089
|
host: {
|
|
2087
|
-
class: 'd-block dbx-content-border'
|
|
2090
|
+
class: 'd-block dbx-content-border',
|
|
2091
|
+
'[class]': `"dbx-content-border-" + color`
|
|
2088
2092
|
}
|
|
2089
2093
|
}]
|
|
2090
|
-
}]
|
|
2094
|
+
}], propDecorators: { color: [{
|
|
2095
|
+
type: Input
|
|
2096
|
+
}] } });
|
|
2091
2097
|
|
|
2092
2098
|
/**
|
|
2093
2099
|
* Component that limits the max-width of the content.
|