@entake/particle 18.0.1 → 18.0.3
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/README.md +3 -27
- package/app/modules/keyfilter/keyfilter.directive.d.ts +8 -2
- package/app/modules/layout/components/layout-full-framing/layout-full-framing.component.d.ts +2 -2
- package/app/modules/layout/components/layout-fullwidth-sidebar/layout-fullwidth-sidebar.component.d.ts +2 -2
- package/esm2022/app/modules/keyfilter/keyfilter.directive.mjs +19 -3
- package/esm2022/app/modules/layout/components/layout-full-framing/layout-full-framing.component.mjs +8 -6
- package/esm2022/app/modules/layout/components/layout-fullwidth-sidebar/layout-fullwidth-sidebar.component.mjs +8 -6
- package/esm2022/app/modules/notification/notification.component.mjs +1 -1
- package/fesm2022/entake-particle.mjs +32 -12
- package/fesm2022/entake-particle.mjs.map +1 -1
- package/package.json +5 -5
|
@@ -8552,12 +8552,22 @@ class KeyfilterDirective {
|
|
|
8552
8552
|
'k', 'l', 'm', 'n', 'o', 'p', 'q', 'r', 's', 't',
|
|
8553
8553
|
'u', 'v', 'w', 'x', 'y', 'z'
|
|
8554
8554
|
];
|
|
8555
|
+
/**
|
|
8556
|
+
* Array of keyboard alpha key names
|
|
8557
|
+
* @private
|
|
8558
|
+
*/
|
|
8559
|
+
static URL_TOKEN_KEYS = [
|
|
8560
|
+
'a', 'b', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j',
|
|
8561
|
+
'k', 'l', 'm', 'n', 'o', 'p', 'q', 'r', 's', 't',
|
|
8562
|
+
'u', 'v', 'w', 'x', 'y', 'z', '-', '0', '1', '2',
|
|
8563
|
+
'3', '4', '5', '6', '7', '8', '9'
|
|
8564
|
+
];
|
|
8555
8565
|
/**
|
|
8556
8566
|
* The type of filtering to apply
|
|
8557
8567
|
*/
|
|
8558
8568
|
filterType = null;
|
|
8559
8569
|
/**
|
|
8560
|
-
* Whether
|
|
8570
|
+
* Whether spaces should be allowed (default false)
|
|
8561
8571
|
*/
|
|
8562
8572
|
allowSpaces = false;
|
|
8563
8573
|
/**
|
|
@@ -8566,7 +8576,7 @@ class KeyfilterDirective {
|
|
|
8566
8576
|
* @private
|
|
8567
8577
|
*/
|
|
8568
8578
|
static keyIsNumeric(key) {
|
|
8569
|
-
return new RegExp('^\\d|[
|
|
8579
|
+
return new RegExp('^\\d|[.-]$', 'g').test(key);
|
|
8570
8580
|
}
|
|
8571
8581
|
static keyIsDigit(key) {
|
|
8572
8582
|
return new RegExp('^\\d$', 'g').test(key);
|
|
@@ -8583,6 +8593,9 @@ class KeyfilterDirective {
|
|
|
8583
8593
|
static keyIsAlpha(key) {
|
|
8584
8594
|
return KeyfilterDirective.ALPHA_KEYS.includes(key.toLowerCase());
|
|
8585
8595
|
}
|
|
8596
|
+
static keyIsUrlToken(key) {
|
|
8597
|
+
return KeyfilterDirective.URL_TOKEN_KEYS.includes(key.toLowerCase());
|
|
8598
|
+
}
|
|
8586
8599
|
/**
|
|
8587
8600
|
* Dependency injection site
|
|
8588
8601
|
* @param hostElement
|
|
@@ -8613,6 +8626,9 @@ class KeyfilterDirective {
|
|
|
8613
8626
|
else if (this.filterType === 'digits') {
|
|
8614
8627
|
preventDefault = !KeyfilterDirective.keyIsDigit(key);
|
|
8615
8628
|
}
|
|
8629
|
+
else if (this.filterType === 'url-token') {
|
|
8630
|
+
preventDefault = !KeyfilterDirective.keyIsUrlToken(key);
|
|
8631
|
+
}
|
|
8616
8632
|
else if (this.filterType === 'alphanumeric') {
|
|
8617
8633
|
const isNumeric = KeyfilterDirective.keyIsDigit(key);
|
|
8618
8634
|
const isAlpha = KeyfilterDirective.keyIsAlpha(key);
|
|
@@ -11146,9 +11162,10 @@ class LayoutFullwidthSidebarComponent {
|
|
|
11146
11162
|
breakpoint = 1024;
|
|
11147
11163
|
rightSidebarCollapsedTabOffset = 150;
|
|
11148
11164
|
collapsedClassList = '';
|
|
11165
|
+
mobileSidebarEnabled = true;
|
|
11149
11166
|
slideover = null;
|
|
11150
11167
|
onResize(event) {
|
|
11151
|
-
if (event.target.innerWidth > 768 && this.slideover.slideoverOpen) {
|
|
11168
|
+
if (this.mobileSidebarEnabled && event.target.innerWidth > 768 && this.slideover.slideoverOpen) {
|
|
11152
11169
|
this.slideover.close();
|
|
11153
11170
|
}
|
|
11154
11171
|
}
|
|
@@ -11158,14 +11175,13 @@ class LayoutFullwidthSidebarComponent {
|
|
|
11158
11175
|
+this.footerHeight.replace(/\D/g, "");
|
|
11159
11176
|
return `calc(100vh - ${offset}px)`;
|
|
11160
11177
|
}
|
|
11161
|
-
constructor() { }
|
|
11162
11178
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: LayoutFullwidthSidebarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
11163
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.1", type: LayoutFullwidthSidebarComponent, selector: "particle-layout-fullwidth-sidebar", inputs: { mainContent: "mainContent", rightSidebar: "rightSidebar", mainContentContainerClassList: "mainContentContainerClassList", rightSidebarContainerClassList: "rightSidebarContainerClassList", rightSidebarSticky: "rightSidebarSticky", headerHeight: "headerHeight", footerHeight: "footerHeight", rightSidebarWidth: "rightSidebarWidth", breakpoint: "breakpoint", rightSidebarCollapsedTabOffset: "rightSidebarCollapsedTabOffset", collapsedClassList: "collapsedClassList" }, host: { listeners: { "window:resize": "onResize($event)" } }, viewQueries: [{ propertyName: "slideover", first: true, predicate: ["slideover"], descendants: true }], ngImport: i0, template: "<!-- setup for a side column -->\r\n<div class=\"row height100 ent_r2l_row\">\r\n <div class=\"row column space_between height100\"\r\n [ngClass]=\"mainContentContainerClassList\">\r\n <ng-template [ngTemplateOutlet]=\"mainContent\"></ng-template>\r\n </div>\r\n\r\n <ng-container *ngIf=\"!rightSidebarSticky\">\r\n <div class=\"particle_layout_sidebar height100\"\r\n [ngClass]=\"rightSidebarContainerClassList\"\r\n [style.display]=\"window.innerWidth <= breakpoint ? 'none' : ''\"\r\n [style.width]=\"rightSidebarWidth\">\r\n <ng-template [ngTemplateOutlet]=\"rightSidebar\"></ng-template>\r\n </div>\r\n </ng-container>\r\n\r\n <ng-container *ngIf=\"rightSidebarSticky\">\r\n <div class=\"particle_layout_sidebar height100\"\r\n [style.display]=\"window.innerWidth <= breakpoint ? 'none' : ''\"\r\n [style.width]=\"rightSidebarWidth\">\r\n <div class=\"row column sticky_sidebar\"\r\n [ngClass]=\"rightSidebarContainerClassList\"\r\n [style.height]=\"stickySidebarHeight\">\r\n <ng-template [ngTemplateOutlet]=\"rightSidebar\"></ng-template>\r\n </div>\r\n </div>\r\n </ng-container>\r\n</div>\r\n\r\n<div [style.visibility]=\"window.innerWidth <= breakpoint ? 'visible' : 'hidden'\"\r\n
|
|
11179
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.1", type: LayoutFullwidthSidebarComponent, selector: "particle-layout-fullwidth-sidebar", inputs: { mainContent: "mainContent", rightSidebar: "rightSidebar", mainContentContainerClassList: "mainContentContainerClassList", rightSidebarContainerClassList: "rightSidebarContainerClassList", rightSidebarSticky: "rightSidebarSticky", headerHeight: "headerHeight", footerHeight: "footerHeight", rightSidebarWidth: "rightSidebarWidth", breakpoint: "breakpoint", rightSidebarCollapsedTabOffset: "rightSidebarCollapsedTabOffset", collapsedClassList: "collapsedClassList", mobileSidebarEnabled: "mobileSidebarEnabled" }, host: { listeners: { "window:resize": "onResize($event)" } }, viewQueries: [{ propertyName: "slideover", first: true, predicate: ["slideover"], descendants: true }], ngImport: i0, template: "<!-- setup for a side column -->\r\n<div class=\"row height100 ent_r2l_row\">\r\n <div class=\"row column space_between height100\"\r\n [ngClass]=\"mainContentContainerClassList\">\r\n <ng-template [ngTemplateOutlet]=\"mainContent\"></ng-template>\r\n </div>\r\n\r\n <ng-container *ngIf=\"!rightSidebarSticky\">\r\n <div class=\"particle_layout_sidebar height100\"\r\n [ngClass]=\"rightSidebarContainerClassList\"\r\n [style.display]=\"window.innerWidth <= breakpoint ? 'none' : ''\"\r\n [style.width]=\"rightSidebarWidth\">\r\n <ng-template [ngTemplateOutlet]=\"rightSidebar\"></ng-template>\r\n </div>\r\n </ng-container>\r\n\r\n <ng-container *ngIf=\"rightSidebarSticky\">\r\n <div class=\"particle_layout_sidebar height100\"\r\n [style.display]=\"window.innerWidth <= breakpoint ? 'none' : ''\"\r\n [style.width]=\"rightSidebarWidth\">\r\n <div class=\"row column sticky_sidebar\"\r\n [ngClass]=\"rightSidebarContainerClassList\"\r\n [style.height]=\"stickySidebarHeight\">\r\n <ng-template [ngTemplateOutlet]=\"rightSidebar\"></ng-template>\r\n </div>\r\n </div>\r\n </ng-container>\r\n</div>\r\n\r\n<ng-container *ngIf=\"mobileSidebarEnabled && rightSidebarCollapsedTabOffset >= 0\">\r\n <div [style.visibility]=\"window.innerWidth <= breakpoint ? 'visible' : 'hidden'\"\r\n [style.opacity]=\"window.innerWidth <= breakpoint ? '1' : '0'\"\r\n [style.top]=\"rightSidebarCollapsedTabOffset + 'px'\"\r\n style=\"z-index: var(--z-frame);\"\r\n class=\"particle_scroll_button mar_right10 mar_bot15\">\r\n <button\r\n (click)=\"slideover.open()\"\r\n class=\"access btn pad_10 brad_3 brdr content_color\"\r\n type=\"button\">\r\n <span class=\"icon slide_left\"><i class=\"fas fa-chevron-left\"></i></span>\r\n </button>\r\n </div>\r\n\r\n <particle-slideover\r\n position=\"right\"\r\n [width]=\"rightSidebarWidth\"\r\n [breakpoint]=\"1\"\r\n #slideover\r\n >\r\n <div class=\"min_h40 header_color\">\r\n\r\n </div>\r\n <div class=\"particle_layout_sidebar height100\"\r\n [ngClass]=\"rightSidebarContainerClassList + ' ' + collapsedClassList\">\r\n <ng-template [ngTemplateOutlet]=\"rightSidebar\"></ng-template>\r\n </div>\r\n </particle-slideover>\r\n</ng-container>\r\n", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: SlideoverComponent, selector: "particle-slideover", inputs: ["position", "modal", "width", "height", "bgClass", "text", "breakpoint"], outputs: ["opened", "closed"] }] });
|
|
11164
11180
|
}
|
|
11165
11181
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: LayoutFullwidthSidebarComponent, decorators: [{
|
|
11166
11182
|
type: Component,
|
|
11167
|
-
args: [{ selector: 'particle-layout-fullwidth-sidebar', template: "<!-- setup for a side column -->\r\n<div class=\"row height100 ent_r2l_row\">\r\n <div class=\"row column space_between height100\"\r\n [ngClass]=\"mainContentContainerClassList\">\r\n <ng-template [ngTemplateOutlet]=\"mainContent\"></ng-template>\r\n </div>\r\n\r\n <ng-container *ngIf=\"!rightSidebarSticky\">\r\n <div class=\"particle_layout_sidebar height100\"\r\n [ngClass]=\"rightSidebarContainerClassList\"\r\n [style.display]=\"window.innerWidth <= breakpoint ? 'none' : ''\"\r\n [style.width]=\"rightSidebarWidth\">\r\n <ng-template [ngTemplateOutlet]=\"rightSidebar\"></ng-template>\r\n </div>\r\n </ng-container>\r\n\r\n <ng-container *ngIf=\"rightSidebarSticky\">\r\n <div class=\"particle_layout_sidebar height100\"\r\n [style.display]=\"window.innerWidth <= breakpoint ? 'none' : ''\"\r\n [style.width]=\"rightSidebarWidth\">\r\n <div class=\"row column sticky_sidebar\"\r\n [ngClass]=\"rightSidebarContainerClassList\"\r\n [style.height]=\"stickySidebarHeight\">\r\n <ng-template [ngTemplateOutlet]=\"rightSidebar\"></ng-template>\r\n </div>\r\n </div>\r\n </ng-container>\r\n</div>\r\n\r\n<div [style.visibility]=\"window.innerWidth <= breakpoint ? 'visible' : 'hidden'\"\r\n
|
|
11168
|
-
}],
|
|
11183
|
+
args: [{ selector: 'particle-layout-fullwidth-sidebar', template: "<!-- setup for a side column -->\r\n<div class=\"row height100 ent_r2l_row\">\r\n <div class=\"row column space_between height100\"\r\n [ngClass]=\"mainContentContainerClassList\">\r\n <ng-template [ngTemplateOutlet]=\"mainContent\"></ng-template>\r\n </div>\r\n\r\n <ng-container *ngIf=\"!rightSidebarSticky\">\r\n <div class=\"particle_layout_sidebar height100\"\r\n [ngClass]=\"rightSidebarContainerClassList\"\r\n [style.display]=\"window.innerWidth <= breakpoint ? 'none' : ''\"\r\n [style.width]=\"rightSidebarWidth\">\r\n <ng-template [ngTemplateOutlet]=\"rightSidebar\"></ng-template>\r\n </div>\r\n </ng-container>\r\n\r\n <ng-container *ngIf=\"rightSidebarSticky\">\r\n <div class=\"particle_layout_sidebar height100\"\r\n [style.display]=\"window.innerWidth <= breakpoint ? 'none' : ''\"\r\n [style.width]=\"rightSidebarWidth\">\r\n <div class=\"row column sticky_sidebar\"\r\n [ngClass]=\"rightSidebarContainerClassList\"\r\n [style.height]=\"stickySidebarHeight\">\r\n <ng-template [ngTemplateOutlet]=\"rightSidebar\"></ng-template>\r\n </div>\r\n </div>\r\n </ng-container>\r\n</div>\r\n\r\n<ng-container *ngIf=\"mobileSidebarEnabled && rightSidebarCollapsedTabOffset >= 0\">\r\n <div [style.visibility]=\"window.innerWidth <= breakpoint ? 'visible' : 'hidden'\"\r\n [style.opacity]=\"window.innerWidth <= breakpoint ? '1' : '0'\"\r\n [style.top]=\"rightSidebarCollapsedTabOffset + 'px'\"\r\n style=\"z-index: var(--z-frame);\"\r\n class=\"particle_scroll_button mar_right10 mar_bot15\">\r\n <button\r\n (click)=\"slideover.open()\"\r\n class=\"access btn pad_10 brad_3 brdr content_color\"\r\n type=\"button\">\r\n <span class=\"icon slide_left\"><i class=\"fas fa-chevron-left\"></i></span>\r\n </button>\r\n </div>\r\n\r\n <particle-slideover\r\n position=\"right\"\r\n [width]=\"rightSidebarWidth\"\r\n [breakpoint]=\"1\"\r\n #slideover\r\n >\r\n <div class=\"min_h40 header_color\">\r\n\r\n </div>\r\n <div class=\"particle_layout_sidebar height100\"\r\n [ngClass]=\"rightSidebarContainerClassList + ' ' + collapsedClassList\">\r\n <ng-template [ngTemplateOutlet]=\"rightSidebar\"></ng-template>\r\n </div>\r\n </particle-slideover>\r\n</ng-container>\r\n" }]
|
|
11184
|
+
}], propDecorators: { mainContent: [{
|
|
11169
11185
|
type: Input
|
|
11170
11186
|
}], rightSidebar: [{
|
|
11171
11187
|
type: Input
|
|
@@ -11187,6 +11203,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImpor
|
|
|
11187
11203
|
type: Input
|
|
11188
11204
|
}], collapsedClassList: [{
|
|
11189
11205
|
type: Input
|
|
11206
|
+
}], mobileSidebarEnabled: [{
|
|
11207
|
+
type: Input
|
|
11190
11208
|
}], slideover: [{
|
|
11191
11209
|
type: ViewChild,
|
|
11192
11210
|
args: ['slideover']
|
|
@@ -11210,9 +11228,10 @@ class LayoutFullFramingComponent {
|
|
|
11210
11228
|
breakpoint = 1024;
|
|
11211
11229
|
rightSidebarCollapsedTabOffset = 150;
|
|
11212
11230
|
collapsedClassList = '';
|
|
11231
|
+
mobileSidebarEnabled = true;
|
|
11213
11232
|
slideover = null;
|
|
11214
11233
|
onResize(event) {
|
|
11215
|
-
if (event.target.innerWidth > 768 && this.slideover.slideoverOpen) {
|
|
11234
|
+
if (this.mobileSidebarEnabled && event.target.innerWidth > 768 && this.slideover.slideoverOpen) {
|
|
11216
11235
|
this.slideover.close();
|
|
11217
11236
|
}
|
|
11218
11237
|
}
|
|
@@ -11227,14 +11246,13 @@ class LayoutFullFramingComponent {
|
|
|
11227
11246
|
+this.footerHeight.replace(/\D/g, "");
|
|
11228
11247
|
return `calc(100% - ${offset}px)`;
|
|
11229
11248
|
}
|
|
11230
|
-
constructor() { }
|
|
11231
11249
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: LayoutFullFramingComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
11232
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.1", type: LayoutFullFramingComponent, selector: "particle-layout-full-framing", inputs: { mainContent: "mainContent", rightSidebar: "rightSidebar", header: "header", footer: "footer", mainContentContainerClassList: "mainContentContainerClassList", rightSidebarContainerClassList: "rightSidebarContainerClassList", headerClassList: "headerClassList", footerClassList: "footerClassList", headerHeight: "headerHeight", footerHeight: "footerHeight", rightSidebarWidth: "rightSidebarWidth", breakpoint: "breakpoint", rightSidebarCollapsedTabOffset: "rightSidebarCollapsedTabOffset", collapsedClassList: "collapsedClassList" }, host: { listeners: { "window:resize": "onResize($event)" } }, viewQueries: [{ propertyName: "slideover", first: true, predicate: ["slideover"], descendants: true }], ngImport: i0, template: "<div class=\"width100 height100\">\r\n <div class=\"width100 header_sticky\" [ngClass]=\"headerClassList\" [style.height]=\"headerHeight\">\r\n <ng-template [ngTemplateOutlet]=\"header\"></ng-template>\r\n </div>\r\n\r\n <div class=\"row ent_r2l_row\" [style.height]=\"contentSidebarHeight\">\r\n <div class=\"row column space_between height100\"\r\n [ngClass]=\"mainContentContainerClassList\">\r\n <ng-template [ngTemplateOutlet]=\"mainContent\"></ng-template>\r\n </div>\r\n\r\n <div class=\"col particle_layout_sidebar height100\"\r\n [style.width]=\"rightSidebarWidth\"\r\n [style.display]=\"window.innerWidth <= breakpoint ? 'none' : ''\"\r\n >\r\n <div class=\"row column sticky_sidebar height100\"\r\n [ngClass]=\"rightSidebarContainerClassList\"\r\n [style.height]=\"stickySidebarHeight\"\r\n [style.top]=\"headerHeight\">\r\n <ng-template [ngTemplateOutlet]=\"rightSidebar\"></ng-template>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <div class=\"width100 footer_sticky\" [ngClass]=\"footerClassList\" [style.height]=\"footerHeight\">\r\n <ng-template [ngTemplateOutlet]=\"footer\"></ng-template>\r\n </div>\r\n</div>\r\n\r\n<ng-container *ngIf=\"rightSidebarCollapsedTabOffset >= 0\">\r\n <div [style.visibility]=\"window.innerWidth <= breakpoint ? 'visible' : 'hidden'\"\r\n [style.opacity]=\"window.innerWidth <= breakpoint ? '1' : '0'\"\r\n [style.top]=\"rightSidebarCollapsedTabOffset + 'px'\"\r\n style=\"z-index: var(--z-frame);\"\r\n class=\"particle_scroll_button mar_right10 mar_bot15\">\r\n <button\r\n (click)=\"slideover.open()\"\r\n class=\"access btn pad_10 brad_3 brdr content_color\"\r\n type=\"button\">\r\n <span class=\"icon slide_left\"><i class=\"fas fa-chevron-left\"></i></span>\r\n </button>\r\n </div>\r\n
|
|
11250
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.1", type: LayoutFullFramingComponent, selector: "particle-layout-full-framing", inputs: { mainContent: "mainContent", rightSidebar: "rightSidebar", header: "header", footer: "footer", mainContentContainerClassList: "mainContentContainerClassList", rightSidebarContainerClassList: "rightSidebarContainerClassList", headerClassList: "headerClassList", footerClassList: "footerClassList", headerHeight: "headerHeight", footerHeight: "footerHeight", rightSidebarWidth: "rightSidebarWidth", breakpoint: "breakpoint", rightSidebarCollapsedTabOffset: "rightSidebarCollapsedTabOffset", collapsedClassList: "collapsedClassList", mobileSidebarEnabled: "mobileSidebarEnabled" }, host: { listeners: { "window:resize": "onResize($event)" } }, viewQueries: [{ propertyName: "slideover", first: true, predicate: ["slideover"], descendants: true }], ngImport: i0, template: "<div class=\"width100 height100\">\r\n <div class=\"width100 header_sticky\" [ngClass]=\"headerClassList\" [style.height]=\"headerHeight\">\r\n <ng-template [ngTemplateOutlet]=\"header\"></ng-template>\r\n </div>\r\n\r\n <div class=\"row ent_r2l_row\" [style.height]=\"contentSidebarHeight\">\r\n <div class=\"row column space_between height100\"\r\n [ngClass]=\"mainContentContainerClassList\">\r\n <ng-template [ngTemplateOutlet]=\"mainContent\"></ng-template>\r\n </div>\r\n\r\n <div class=\"col particle_layout_sidebar height100\"\r\n [style.width]=\"rightSidebarWidth\"\r\n [style.display]=\"window.innerWidth <= breakpoint ? 'none' : ''\"\r\n >\r\n <div class=\"row column sticky_sidebar height100\"\r\n [ngClass]=\"rightSidebarContainerClassList\"\r\n [style.height]=\"stickySidebarHeight\"\r\n [style.top]=\"headerHeight\">\r\n <ng-template [ngTemplateOutlet]=\"rightSidebar\"></ng-template>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <div class=\"width100 footer_sticky\" [ngClass]=\"footerClassList\" [style.height]=\"footerHeight\">\r\n <ng-template [ngTemplateOutlet]=\"footer\"></ng-template>\r\n </div>\r\n</div>\r\n\r\n<ng-container *ngIf=\"mobileSidebarEnabled && rightSidebarCollapsedTabOffset >= 0\">\r\n <div [style.visibility]=\"window.innerWidth <= breakpoint ? 'visible' : 'hidden'\"\r\n [style.opacity]=\"window.innerWidth <= breakpoint ? '1' : '0'\"\r\n [style.top]=\"rightSidebarCollapsedTabOffset + 'px'\"\r\n style=\"z-index: var(--z-frame);\"\r\n class=\"particle_scroll_button mar_right10 mar_bot15\">\r\n <button\r\n (click)=\"slideover.open()\"\r\n class=\"access btn pad_10 brad_3 brdr content_color\"\r\n type=\"button\">\r\n <span class=\"icon slide_left\"><i class=\"fas fa-chevron-left\"></i></span>\r\n </button>\r\n </div>\r\n\r\n <particle-slideover\r\n position=\"right\"\r\n [width]=\"rightSidebarWidth\"\r\n [breakpoint]=\"1\"\r\n #slideover\r\n >\r\n <div class=\"min_h40 header_color\">\r\n\r\n </div>\r\n <div class=\"particle_layout_sidebar height100\"\r\n [ngClass]=\"rightSidebarContainerClassList + ' ' + collapsedClassList\">\r\n <ng-template [ngTemplateOutlet]=\"rightSidebar\"></ng-template>\r\n </div>\r\n </particle-slideover>\r\n</ng-container>\r\n", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: SlideoverComponent, selector: "particle-slideover", inputs: ["position", "modal", "width", "height", "bgClass", "text", "breakpoint"], outputs: ["opened", "closed"] }] });
|
|
11233
11251
|
}
|
|
11234
11252
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: LayoutFullFramingComponent, decorators: [{
|
|
11235
11253
|
type: Component,
|
|
11236
|
-
args: [{ selector: 'particle-layout-full-framing', template: "<div class=\"width100 height100\">\r\n <div class=\"width100 header_sticky\" [ngClass]=\"headerClassList\" [style.height]=\"headerHeight\">\r\n <ng-template [ngTemplateOutlet]=\"header\"></ng-template>\r\n </div>\r\n\r\n <div class=\"row ent_r2l_row\" [style.height]=\"contentSidebarHeight\">\r\n <div class=\"row column space_between height100\"\r\n [ngClass]=\"mainContentContainerClassList\">\r\n <ng-template [ngTemplateOutlet]=\"mainContent\"></ng-template>\r\n </div>\r\n\r\n <div class=\"col particle_layout_sidebar height100\"\r\n [style.width]=\"rightSidebarWidth\"\r\n [style.display]=\"window.innerWidth <= breakpoint ? 'none' : ''\"\r\n >\r\n <div class=\"row column sticky_sidebar height100\"\r\n [ngClass]=\"rightSidebarContainerClassList\"\r\n [style.height]=\"stickySidebarHeight\"\r\n [style.top]=\"headerHeight\">\r\n <ng-template [ngTemplateOutlet]=\"rightSidebar\"></ng-template>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <div class=\"width100 footer_sticky\" [ngClass]=\"footerClassList\" [style.height]=\"footerHeight\">\r\n <ng-template [ngTemplateOutlet]=\"footer\"></ng-template>\r\n </div>\r\n</div>\r\n\r\n<ng-container *ngIf=\"rightSidebarCollapsedTabOffset >= 0\">\r\n <div [style.visibility]=\"window.innerWidth <= breakpoint ? 'visible' : 'hidden'\"\r\n [style.opacity]=\"window.innerWidth <= breakpoint ? '1' : '0'\"\r\n [style.top]=\"rightSidebarCollapsedTabOffset + 'px'\"\r\n style=\"z-index: var(--z-frame);\"\r\n class=\"particle_scroll_button mar_right10 mar_bot15\">\r\n <button\r\n (click)=\"slideover.open()\"\r\n class=\"access btn pad_10 brad_3 brdr content_color\"\r\n type=\"button\">\r\n <span class=\"icon slide_left\"><i class=\"fas fa-chevron-left\"></i></span>\r\n </button>\r\n </div>\r\n
|
|
11237
|
-
}],
|
|
11254
|
+
args: [{ selector: 'particle-layout-full-framing', template: "<div class=\"width100 height100\">\r\n <div class=\"width100 header_sticky\" [ngClass]=\"headerClassList\" [style.height]=\"headerHeight\">\r\n <ng-template [ngTemplateOutlet]=\"header\"></ng-template>\r\n </div>\r\n\r\n <div class=\"row ent_r2l_row\" [style.height]=\"contentSidebarHeight\">\r\n <div class=\"row column space_between height100\"\r\n [ngClass]=\"mainContentContainerClassList\">\r\n <ng-template [ngTemplateOutlet]=\"mainContent\"></ng-template>\r\n </div>\r\n\r\n <div class=\"col particle_layout_sidebar height100\"\r\n [style.width]=\"rightSidebarWidth\"\r\n [style.display]=\"window.innerWidth <= breakpoint ? 'none' : ''\"\r\n >\r\n <div class=\"row column sticky_sidebar height100\"\r\n [ngClass]=\"rightSidebarContainerClassList\"\r\n [style.height]=\"stickySidebarHeight\"\r\n [style.top]=\"headerHeight\">\r\n <ng-template [ngTemplateOutlet]=\"rightSidebar\"></ng-template>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <div class=\"width100 footer_sticky\" [ngClass]=\"footerClassList\" [style.height]=\"footerHeight\">\r\n <ng-template [ngTemplateOutlet]=\"footer\"></ng-template>\r\n </div>\r\n</div>\r\n\r\n<ng-container *ngIf=\"mobileSidebarEnabled && rightSidebarCollapsedTabOffset >= 0\">\r\n <div [style.visibility]=\"window.innerWidth <= breakpoint ? 'visible' : 'hidden'\"\r\n [style.opacity]=\"window.innerWidth <= breakpoint ? '1' : '0'\"\r\n [style.top]=\"rightSidebarCollapsedTabOffset + 'px'\"\r\n style=\"z-index: var(--z-frame);\"\r\n class=\"particle_scroll_button mar_right10 mar_bot15\">\r\n <button\r\n (click)=\"slideover.open()\"\r\n class=\"access btn pad_10 brad_3 brdr content_color\"\r\n type=\"button\">\r\n <span class=\"icon slide_left\"><i class=\"fas fa-chevron-left\"></i></span>\r\n </button>\r\n </div>\r\n\r\n <particle-slideover\r\n position=\"right\"\r\n [width]=\"rightSidebarWidth\"\r\n [breakpoint]=\"1\"\r\n #slideover\r\n >\r\n <div class=\"min_h40 header_color\">\r\n\r\n </div>\r\n <div class=\"particle_layout_sidebar height100\"\r\n [ngClass]=\"rightSidebarContainerClassList + ' ' + collapsedClassList\">\r\n <ng-template [ngTemplateOutlet]=\"rightSidebar\"></ng-template>\r\n </div>\r\n </particle-slideover>\r\n</ng-container>\r\n" }]
|
|
11255
|
+
}], propDecorators: { mainContent: [{
|
|
11238
11256
|
type: Input
|
|
11239
11257
|
}], rightSidebar: [{
|
|
11240
11258
|
type: Input
|
|
@@ -11262,6 +11280,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImpor
|
|
|
11262
11280
|
type: Input
|
|
11263
11281
|
}], collapsedClassList: [{
|
|
11264
11282
|
type: Input
|
|
11283
|
+
}], mobileSidebarEnabled: [{
|
|
11284
|
+
type: Input
|
|
11265
11285
|
}], slideover: [{
|
|
11266
11286
|
type: ViewChild,
|
|
11267
11287
|
args: ['slideover']
|