npm - @jooler/jooler-websites-shared - Versions diffs - 0.0.1 → 0.0.3 - Mend

@jooler/jooler-websites-shared 0.0.1 → 0.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.

Files changed (19) hide show

package/esm2020/jooler-websites-shared.mjs CHANGED Viewed

@@ -1,5 +1,5 @@
-/**
- * Generated bundle index. Do not edit.
- */
-export * from './public-api';
+/**
+ * Generated bundle index. Do not edit.
+ */
+export * from './public-api';
 //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiam9vbGVyLXdlYnNpdGVzLXNoYXJlZC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3Byb2plY3RzL2pvb2xlci13ZWJzaXRlcy1zaGFyZWQvc3JjL2pvb2xlci13ZWJzaXRlcy1zaGFyZWQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7O0dBRUc7QUFFSCxjQUFjLGNBQWMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogR2VuZXJhdGVkIGJ1bmRsZSBpbmRleC4gRG8gbm90IGVkaXQuXG4gKi9cblxuZXhwb3J0ICogZnJvbSAnLi9wdWJsaWMtYXBpJztcbiJdfQ==

package/esm2020/lib/jooler-websites-shared.module.mjs CHANGED Viewed

@@ -1,24 +1,42 @@
-import { NgModule } from '@angular/core';
-import { SectionTitleComponent } from './section-title/section-title.component';
-import { CommonModule } from '@angular/common';
-import * as i0 from "@angular/core";
-export class JoolerWebsitesSharedModule {
-}
-JoolerWebsitesSharedModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: JoolerWebsitesSharedModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-JoolerWebsitesSharedModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.1.0", ngImport: i0, type: JoolerWebsitesSharedModule, declarations: [SectionTitleComponent], imports: [CommonModule], exports: [SectionTitleComponent] });
-JoolerWebsitesSharedModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: JoolerWebsitesSharedModule, imports: [CommonModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: JoolerWebsitesSharedModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [
-                        SectionTitleComponent
-                    ],
-                    imports: [
-                        CommonModule
-                    ],
-                    exports: [
-                        SectionTitleComponent
-                    ]
-                }]
-        }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiam9vbGVyLXdlYnNpdGVzLXNoYXJlZC5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wcm9qZWN0cy9qb29sZXItd2Vic2l0ZXMtc2hhcmVkL3NyYy9saWIvam9vbGVyLXdlYnNpdGVzLXNoYXJlZC5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUscUJBQXFCLEVBQUUsTUFBTSx5Q0FBeUMsQ0FBQztBQUNoRixPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7O0FBZS9DLE1BQU0sT0FBTywwQkFBMEI7O3VIQUExQiwwQkFBMEI7d0hBQTFCLDBCQUEwQixpQkFUbkMscUJBQXFCLGFBR3JCLFlBQVksYUFHWixxQkFBcUI7d0hBR1osMEJBQTBCLFlBTm5DLFlBQVk7MkZBTUgsMEJBQTBCO2tCQVh0QyxRQUFRO21CQUFDO29CQUNSLFlBQVksRUFBRTt3QkFDWixxQkFBcUI7cUJBQ3RCO29CQUNELE9BQU8sRUFBRTt3QkFDUCxZQUFZO3FCQUNiO29CQUNELE9BQU8sRUFBRTt3QkFDUCxxQkFBcUI7cUJBQ3RCO2lCQUNGIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFNlY3Rpb25UaXRsZUNvbXBvbmVudCB9IGZyb20gJy4vc2VjdGlvbi10aXRsZS9zZWN0aW9uLXRpdGxlLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuXG5cblxuQE5nTW9kdWxlKHtcbiAgZGVjbGFyYXRpb25zOiBbXG4gICAgU2VjdGlvblRpdGxlQ29tcG9uZW50XG4gIF0sXG4gIGltcG9ydHM6IFtcbiAgICBDb21tb25Nb2R1bGVcbiAgXSxcbiAgZXhwb3J0czogW1xuICAgIFNlY3Rpb25UaXRsZUNvbXBvbmVudFxuICBdXG59KVxuZXhwb3J0IGNsYXNzIEpvb2xlcldlYnNpdGVzU2hhcmVkTW9kdWxlIHsgfVxuIl19
+import { NgModule } from '@angular/core';
+import { SectionTitleComponent } from './section-title/section-title.component';
+import { PageSectionStyleTenComponent } from './page-section-style-ten/page-section-style-ten.component';
+import { CommonModule } from '@angular/common';
+import { AppMaterialModule } from '@jooler/app-material';
+import { FontAwesomeSharedModule } from '@jooler/font-awesome-shared';
+import * as i0 from "@angular/core";
+export class JoolerWebsitesSharedModule {
+}
+JoolerWebsitesSharedModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: JoolerWebsitesSharedModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+JoolerWebsitesSharedModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.1.0", ngImport: i0, type: JoolerWebsitesSharedModule, declarations: [SectionTitleComponent,
+        PageSectionStyleTenComponent], imports: [CommonModule,
+        AppMaterialModule,
+        FontAwesomeSharedModule], exports: [AppMaterialModule,
+        SectionTitleComponent,
+        PageSectionStyleTenComponent,
+        FontAwesomeSharedModule] });
+JoolerWebsitesSharedModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: JoolerWebsitesSharedModule, imports: [CommonModule,
+        AppMaterialModule,
+        FontAwesomeSharedModule, AppMaterialModule,
+        FontAwesomeSharedModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: JoolerWebsitesSharedModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        SectionTitleComponent,
+                        PageSectionStyleTenComponent
+                    ],
+                    imports: [
+                        CommonModule,
+                        AppMaterialModule,
+                        FontAwesomeSharedModule
+                    ],
+                    exports: [
+                        AppMaterialModule,
+                        SectionTitleComponent,
+                        PageSectionStyleTenComponent,
+                        FontAwesomeSharedModule
+                    ]
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiam9vbGVyLXdlYnNpdGVzLXNoYXJlZC5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wcm9qZWN0cy9qb29sZXItd2Vic2l0ZXMtc2hhcmVkL3NyYy9saWIvam9vbGVyLXdlYnNpdGVzLXNoYXJlZC5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUscUJBQXFCLEVBQUUsTUFBTSx5Q0FBeUMsQ0FBQztBQUNoRixPQUFPLEVBQUUsNEJBQTRCLEVBQUUsTUFBTSwyREFBMkQsQ0FBQztBQUN6RyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sc0JBQXNCLENBQUM7QUFDekQsT0FBTyxFQUFFLHVCQUF1QixFQUFFLE1BQU0sNkJBQTZCLENBQUM7O0FBdUJ0RSxNQUFNLE9BQU8sMEJBQTBCOzt1SEFBMUIsMEJBQTBCO3dIQUExQiwwQkFBMEIsaUJBakJuQyxxQkFBcUI7UUFDckIsNEJBQTRCLGFBSTVCLFlBQVk7UUFDWixpQkFBaUI7UUFDakIsdUJBQXVCLGFBSXZCLGlCQUFpQjtRQUNqQixxQkFBcUI7UUFDckIsNEJBQTRCO1FBQzVCLHVCQUF1Qjt3SEFHZCwwQkFBMEIsWUFabkMsWUFBWTtRQUNaLGlCQUFpQjtRQUNqQix1QkFBdUIsRUFJdkIsaUJBQWlCO1FBR2pCLHVCQUF1QjsyRkFHZCwwQkFBMEI7a0JBbkJ0QyxRQUFRO21CQUFDO29CQUNSLFlBQVksRUFBRTt3QkFDWixxQkFBcUI7d0JBQ3JCLDRCQUE0QjtxQkFFN0I7b0JBQ0QsT0FBTyxFQUFFO3dCQUNQLFlBQVk7d0JBQ1osaUJBQWlCO3dCQUNqQix1QkFBdUI7cUJBRXhCO29CQUNELE9BQU8sRUFBRTt3QkFDUCxpQkFBaUI7d0JBQ2pCLHFCQUFxQjt3QkFDckIsNEJBQTRCO3dCQUM1Qix1QkFBdUI7cUJBQ3hCO2lCQUNGIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFNlY3Rpb25UaXRsZUNvbXBvbmVudCB9IGZyb20gJy4vc2VjdGlvbi10aXRsZS9zZWN0aW9uLXRpdGxlLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBQYWdlU2VjdGlvblN0eWxlVGVuQ29tcG9uZW50IH0gZnJvbSAnLi9wYWdlLXNlY3Rpb24tc3R5bGUtdGVuL3BhZ2Utc2VjdGlvbi1zdHlsZS10ZW4uY29tcG9uZW50JztcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBBcHBNYXRlcmlhbE1vZHVsZSB9IGZyb20gJ0Bqb29sZXIvYXBwLW1hdGVyaWFsJztcbmltcG9ydCB7IEZvbnRBd2Vzb21lU2hhcmVkTW9kdWxlIH0gZnJvbSAnQGpvb2xlci9mb250LWF3ZXNvbWUtc2hhcmVkJztcblxuXG5cbkBOZ01vZHVsZSh7XG4gIGRlY2xhcmF0aW9uczogW1xuICAgIFNlY3Rpb25UaXRsZUNvbXBvbmVudCxcbiAgICBQYWdlU2VjdGlvblN0eWxlVGVuQ29tcG9uZW50XG5cbiAgXSxcbiAgaW1wb3J0czogW1xuICAgIENvbW1vbk1vZHVsZSxcbiAgICBBcHBNYXRlcmlhbE1vZHVsZSxcbiAgICBGb250QXdlc29tZVNoYXJlZE1vZHVsZVxuXG4gIF0sXG4gIGV4cG9ydHM6IFtcbiAgICBBcHBNYXRlcmlhbE1vZHVsZSxcbiAgICBTZWN0aW9uVGl0bGVDb21wb25lbnQsXG4gICAgUGFnZVNlY3Rpb25TdHlsZVRlbkNvbXBvbmVudCxcbiAgICBGb250QXdlc29tZVNoYXJlZE1vZHVsZVxuICBdXG59KVxuZXhwb3J0IGNsYXNzIEpvb2xlcldlYnNpdGVzU2hhcmVkTW9kdWxlIHsgfVxuIl19

package/esm2020/lib/page-section-style-ten/page-section-action.model.mjs ADDED Viewed

@@ -0,0 +1,3 @@
+export class PageSectionAction {
+}
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFnZS1zZWN0aW9uLWFjdGlvbi5tb2RlbC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2pvb2xlci13ZWJzaXRlcy1zaGFyZWQvc3JjL2xpYi9wYWdlLXNlY3Rpb24tc3R5bGUtdGVuL3BhZ2Utc2VjdGlvbi1hY3Rpb24ubW9kZWwudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsTUFBTSxPQUFPLGlCQUFpQjtDQUk3QiIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCBjbGFzcyBQYWdlU2VjdGlvbkFjdGlvbiB7XG4gICAgaWQ6IG51bWJlcjtcbiAgICByb3V0ZTogc3RyaW5nO1xuICAgIGxhYmVsOiBzdHJpbmc7XG59Il19

package/esm2020/lib/page-section-style-ten/page-section-style-ten.component.mjs ADDED Viewed

@@ -0,0 +1,24 @@
+import { Component, Input } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/material/expansion";
+import * as i2 from "@fortawesome/angular-fontawesome";
+export class PageSectionStyleTenComponent {
+    constructor() {
+        this.iconName = "circle";
+        this.panelOpenState = false;
+    }
+    ngOnInit() {
+        // console.log("what's my section", this.pageSection)
+    }
+}
+PageSectionStyleTenComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: PageSectionStyleTenComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+PageSectionStyleTenComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.0", type: PageSectionStyleTenComponent, selector: "page-section-style-ten", inputs: { data: "data", iconName: "iconName" }, ngImport: i0, template: "<mat-accordion class=\"mat-mdc-form-field\">\n    <mat-expansion-panel (opened)=\"panelOpenState = true\" (closed)=\"panelOpenState = false\">\n        <mat-expansion-panel-header>\n            <div class=\"panel-headline\">\n                <mat-panel-title>\n                    <fa-icon [icon]=\"iconName\">\n                    </fa-icon>\n                    {{data.question}}\n                </mat-panel-title>\n            </div>\n        </mat-expansion-panel-header>\n        <div class=\"panel-content\">\n            <ul>\n                <li>\n                    {{data.answer}}\n                </li>\n            </ul>\n        </div>\n    </mat-expansion-panel>\n</mat-accordion>", styles: ["mat-card{height:10rem;width:40rem;margin:4.5rem 4.5rem 4.5rem 25rem}.main-container{width:100%;height:90vh;display:grid;grid-template-columns:1fr 1fr;align-items:center;justify-self:stretch;margin:2rem auto;z-index:1;max-width:130rem;padding:0 5rem}mat-expansion-panel{background:#FAFAFA}mat-expansion-panel fa-icon{font-size:.7rem;margin-right:1rem}mat-expansion-panel-header{height:100%;min-height:7rem;font-size:1.7rem;font-weight:600}.mat-expansion-panel-header.mat-expanded{height:auto}@media only screen and (max-width: 37.5em){mat-expansion-panel{margin:0rem 1rem}}\n"], dependencies: [{ kind: "directive", type: i1.MatAccordion, selector: "mat-accordion", inputs: ["multi", "hideToggle", "displayMode", "togglePosition"], exportAs: ["matAccordion"] }, { kind: "component", type: i1.MatExpansionPanel, selector: "mat-expansion-panel", inputs: ["disabled", "expanded", "hideToggle", "togglePosition"], outputs: ["opened", "closed", "expandedChange", "afterExpand", "afterCollapse"], exportAs: ["matExpansionPanel"] }, { kind: "component", type: i1.MatExpansionPanelHeader, selector: "mat-expansion-panel-header", inputs: ["tabIndex", "expandedHeight", "collapsedHeight"] }, { kind: "directive", type: i1.MatExpansionPanelTitle, selector: "mat-panel-title" }, { kind: "component", type: i2.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: PageSectionStyleTenComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'page-section-style-ten', template: "<mat-accordion class=\"mat-mdc-form-field\">\n    <mat-expansion-panel (opened)=\"panelOpenState = true\" (closed)=\"panelOpenState = false\">\n        <mat-expansion-panel-header>\n            <div class=\"panel-headline\">\n                <mat-panel-title>\n                    <fa-icon [icon]=\"iconName\">\n                    </fa-icon>\n                    {{data.question}}\n                </mat-panel-title>\n            </div>\n        </mat-expansion-panel-header>\n        <div class=\"panel-content\">\n            <ul>\n                <li>\n                    {{data.answer}}\n                </li>\n            </ul>\n        </div>\n    </mat-expansion-panel>\n</mat-accordion>", styles: ["mat-card{height:10rem;width:40rem;margin:4.5rem 4.5rem 4.5rem 25rem}.main-container{width:100%;height:90vh;display:grid;grid-template-columns:1fr 1fr;align-items:center;justify-self:stretch;margin:2rem auto;z-index:1;max-width:130rem;padding:0 5rem}mat-expansion-panel{background:#FAFAFA}mat-expansion-panel fa-icon{font-size:.7rem;margin-right:1rem}mat-expansion-panel-header{height:100%;min-height:7rem;font-size:1.7rem;font-weight:600}.mat-expansion-panel-header.mat-expanded{height:auto}@media only screen and (max-width: 37.5em){mat-expansion-panel{margin:0rem 1rem}}\n"] }]
+        }], ctorParameters: function () { return []; }, propDecorators: { data: [{
+                type: Input
+            }], iconName: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFnZS1zZWN0aW9uLXN0eWxlLXRlbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9qb29sZXItd2Vic2l0ZXMtc2hhcmVkL3NyYy9saWIvcGFnZS1zZWN0aW9uLXN0eWxlLXRlbi9wYWdlLXNlY3Rpb24tc3R5bGUtdGVuLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2pvb2xlci13ZWJzaXRlcy1zaGFyZWQvc3JjL2xpYi9wYWdlLXNlY3Rpb24tc3R5bGUtdGVuL3BhZ2Utc2VjdGlvbi1zdHlsZS10ZW4uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQVUsTUFBTSxlQUFlLENBQUM7Ozs7QUFRekQsTUFBTSxPQUFPLDRCQUE0QjtJQU12QztRQUpTLGFBQVEsR0FBUSxRQUFRLENBQUM7UUFFbEMsbUJBQWMsR0FBWSxLQUFLLENBQUM7SUFFaEIsQ0FBQztJQUVqQixRQUFRO1FBQ04scURBQXFEO0lBQ3ZELENBQUM7O3lIQVZVLDRCQUE0Qjs2R0FBNUIsNEJBQTRCLDhHQ1J6QywwckJBbUJnQjsyRkRYSCw0QkFBNEI7a0JBTHhDLFNBQVM7K0JBQ0Usd0JBQXdCOzBFQUt6QixJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csUUFBUTtzQkFBaEIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIE9uSW5pdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgUGFnZVNlY3Rpb24gfSBmcm9tICcuL3BhZ2Utc2VjdGlvbi5tb2RlbCc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3BhZ2Utc2VjdGlvbi1zdHlsZS10ZW4nLFxuICB0ZW1wbGF0ZVVybDogJy4vcGFnZS1zZWN0aW9uLXN0eWxlLXRlbi5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3BhZ2Utc2VjdGlvbi1zdHlsZS10ZW4uY29tcG9uZW50LnNjc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBQYWdlU2VjdGlvblN0eWxlVGVuQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcbiAgQElucHV0KCkgZGF0YTogYW55IHwgUGFnZVNlY3Rpb247XG4gIEBJbnB1dCgpIGljb25OYW1lOiBhbnkgPSBcImNpcmNsZVwiO1xuXG4gIHBhbmVsT3BlblN0YXRlOiBib29sZWFuID0gZmFsc2U7XG5cbiAgY29uc3RydWN0b3IoKSB7IH1cblxuICBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICAvLyBjb25zb2xlLmxvZyhcIndoYXQncyBteSBzZWN0aW9uXCIsIHRoaXMucGFnZVNlY3Rpb24pXG4gIH1cbn1cbiIsIjxtYXQtYWNjb3JkaW9uIGNsYXNzPVwibWF0LW1kYy1mb3JtLWZpZWxkXCI+XG4gICAgPG1hdC1leHBhbnNpb24tcGFuZWwgKG9wZW5lZCk9XCJwYW5lbE9wZW5TdGF0ZSA9IHRydWVcIiAoY2xvc2VkKT1cInBhbmVsT3BlblN0YXRlID0gZmFsc2VcIj5cbiAgICAgICAgPG1hdC1leHBhbnNpb24tcGFuZWwtaGVhZGVyPlxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cInBhbmVsLWhlYWRsaW5lXCI+XG4gICAgICAgICAgICAgICAgPG1hdC1wYW5lbC10aXRsZT5cbiAgICAgICAgICAgICAgICAgICAgPGZhLWljb24gW2ljb25dPVwiaWNvbk5hbWVcIj5cbiAgICAgICAgICAgICAgICAgICAgPC9mYS1pY29uPlxuICAgICAgICAgICAgICAgICAgICB7e2RhdGEucXVlc3Rpb259fVxuICAgICAgICAgICAgICAgIDwvbWF0LXBhbmVsLXRpdGxlPlxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgIDwvbWF0LWV4cGFuc2lvbi1wYW5lbC1oZWFkZXI+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJwYW5lbC1jb250ZW50XCI+XG4gICAgICAgICAgICA8dWw+XG4gICAgICAgICAgICAgICAgPGxpPlxuICAgICAgICAgICAgICAgICAgICB7e2RhdGEuYW5zd2VyfX1cbiAgICAgICAgICAgICAgICA8L2xpPlxuICAgICAgICAgICAgPC91bD5cbiAgICAgICAgPC9kaXY+XG4gICAgPC9tYXQtZXhwYW5zaW9uLXBhbmVsPlxuPC9tYXQtYWNjb3JkaW9uPiJdfQ==

package/esm2020/lib/page-section-style-ten/page-section.model.mjs ADDED Viewed

@@ -0,0 +1,3 @@
+export class PageSection {
+}
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFnZS1zZWN0aW9uLm1vZGVsLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvam9vbGVyLXdlYnNpdGVzLXNoYXJlZC9zcmMvbGliL3BhZ2Utc2VjdGlvbi1zdHlsZS10ZW4vcGFnZS1zZWN0aW9uLm1vZGVsLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUVBLE1BQU0sT0FBTyxXQUFXO0NBU3ZCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgUGFnZVNlY3Rpb25BY3Rpb24gfSBmcm9tICcuL3BhZ2Utc2VjdGlvbi1hY3Rpb24ubW9kZWwnO1xuXG5leHBvcnQgY2xhc3MgUGFnZVNlY3Rpb24ge1xuICAgIGlkOiBudW1iZXI7XG4gICAgaWNvbjogc3RyaW5nO1xuICAgIHRpdGxlOiBzdHJpbmc7XG4gICAgZGVzY3JpcHRpb246IHN0cmluZztcbiAgICBpbWFnZTogc3RyaW5nO1xuICAgIHRpdGxlSW1hZ2U6IHN0cmluZztcbiAgICBzdWJ0aXRsZTogc3RyaW5nO1xuICAgIGFjdGlvbnM6IFBhZ2VTZWN0aW9uQWN0aW9uW107XG59Il19

package/esm2020/lib/section-title/section-title.component.mjs CHANGED Viewed

@@ -1,23 +1,23 @@
-import { Component, Input } from '@angular/core';
-import * as i0 from "@angular/core";
-import * as i1 from "@angular/common";
-export class SectionTitleComponent {
-    constructor() {
-        this.isDarkBg = false;
-    }
-}
-SectionTitleComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: SectionTitleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-SectionTitleComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.0", type: SectionTitleComponent, selector: "section-title", inputs: { title: "title", subtitle: "subtitle", alignLeft: "alignLeft", isDarkBg: "isDarkBg" }, ngImport: i0, template: "<div class=\"section-container\"\r\n    [ngClass]=\"{'align-left':alignLeft,'align-center':!alignLeft,'dark-background':isDarkBg ,'light-background':!isDarkBg}\">\r\n    <div class=\"title\">{{title}}</div>\r\n    <div class=\"divider\">\r\n    </div>\r\n    <div class=\"description\">\r\n        {{subtitle}}\r\n    </div>\r\n</div>", styles: [".section-container{width:90%;margin:auto}@media only screen and (min-width: 1500px){.section-container{max-width:150rem}}.align-center{text-align:center}.align-center .divider{margin:2rem auto;width:20%}@media only screen and (max-width: 56.25em){.align-center .divider{width:60%}}.align-center .description{margin:auto;width:70%}.title{font-weight:650;font-size:3.2rem;width:80%;margin:auto}.divider{height:.4rem;width:70%;border-radius:4rem}.dark-background .divider{background-image:linear-gradient(to right,#fff 0%,#054386 70%)}.dark-background .title,.dark-background .description{color:#fff}.light-background .divider{background-image:linear-gradient(to right,#155ED4 0%,#313338 70%)}.description{width:80%;font-weight:500;font-size:1.6rem}.align-left .title{margin:0}.align-left .divider{margin:2rem 0;width:40%}.align-left .description{width:90%;margin:0}@media only screen and (max-width: 37.5em){.align-left .title,.align-center .title{font-size:2.6rem}.align-left .description,.align-center .description{width:85%}}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: SectionTitleComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'section-title', template: "<div class=\"section-container\"\r\n    [ngClass]=\"{'align-left':alignLeft,'align-center':!alignLeft,'dark-background':isDarkBg ,'light-background':!isDarkBg}\">\r\n    <div class=\"title\">{{title}}</div>\r\n    <div class=\"divider\">\r\n    </div>\r\n    <div class=\"description\">\r\n        {{subtitle}}\r\n    </div>\r\n</div>", styles: [".section-container{width:90%;margin:auto}@media only screen and (min-width: 1500px){.section-container{max-width:150rem}}.align-center{text-align:center}.align-center .divider{margin:2rem auto;width:20%}@media only screen and (max-width: 56.25em){.align-center .divider{width:60%}}.align-center .description{margin:auto;width:70%}.title{font-weight:650;font-size:3.2rem;width:80%;margin:auto}.divider{height:.4rem;width:70%;border-radius:4rem}.dark-background .divider{background-image:linear-gradient(to right,#fff 0%,#054386 70%)}.dark-background .title,.dark-background .description{color:#fff}.light-background .divider{background-image:linear-gradient(to right,#155ED4 0%,#313338 70%)}.description{width:80%;font-weight:500;font-size:1.6rem}.align-left .title{margin:0}.align-left .divider{margin:2rem 0;width:40%}.align-left .description{width:90%;margin:0}@media only screen and (max-width: 37.5em){.align-left .title,.align-center .title{font-size:2.6rem}.align-left .description,.align-center .description{width:85%}}\n"] }]
-        }], propDecorators: { title: [{
-                type: Input
-            }], subtitle: [{
-                type: Input
-            }], alignLeft: [{
-                type: Input
-            }], isDarkBg: [{
-                type: Input
-            }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VjdGlvbi10aXRsZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9qb29sZXItd2Vic2l0ZXMtc2hhcmVkL3NyYy9saWIvc2VjdGlvbi10aXRsZS9zZWN0aW9uLXRpdGxlLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2pvb2xlci13ZWJzaXRlcy1zaGFyZWQvc3JjL2xpYi9zZWN0aW9uLXRpdGxlL3NlY3Rpb24tdGl0bGUuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7OztBQU9qRCxNQUFNLE9BQU8scUJBQXFCO0lBTGxDO1FBU1csYUFBUSxHQUFZLEtBQUssQ0FBQztLQUNwQzs7a0hBTFkscUJBQXFCO3NHQUFyQixxQkFBcUIscUpDUGxDLGdWQVFNOzJGRERPLHFCQUFxQjtrQkFMakMsU0FBUzsrQkFDRSxlQUFlOzhCQUtoQixLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csUUFBUTtzQkFBaEIsS0FBSztnQkFDRyxTQUFTO3NCQUFqQixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ3NlY3Rpb24tdGl0bGUnLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9zZWN0aW9uLXRpdGxlLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9zZWN0aW9uLXRpdGxlLmNvbXBvbmVudC5zY3NzJ11cclxufSlcclxuZXhwb3J0IGNsYXNzIFNlY3Rpb25UaXRsZUNvbXBvbmVudCB7XHJcbiAgQElucHV0KCkgdGl0bGU6IHN0cmluZztcclxuICBASW5wdXQoKSBzdWJ0aXRsZTogc3RyaW5nO1xyXG4gIEBJbnB1dCgpIGFsaWduTGVmdDogYm9vbGVhbjtcclxuICBASW5wdXQoKSBpc0RhcmtCZzogYm9vbGVhbiA9IGZhbHNlO1xyXG59XHJcbiIsIjxkaXYgY2xhc3M9XCJzZWN0aW9uLWNvbnRhaW5lclwiXHJcbiAgICBbbmdDbGFzc109XCJ7J2FsaWduLWxlZnQnOmFsaWduTGVmdCwnYWxpZ24tY2VudGVyJzohYWxpZ25MZWZ0LCdkYXJrLWJhY2tncm91bmQnOmlzRGFya0JnICwnbGlnaHQtYmFja2dyb3VuZCc6IWlzRGFya0JnfVwiPlxyXG4gICAgPGRpdiBjbGFzcz1cInRpdGxlXCI+e3t0aXRsZX19PC9kaXY+XHJcbiAgICA8ZGl2IGNsYXNzPVwiZGl2aWRlclwiPlxyXG4gICAgPC9kaXY+XHJcbiAgICA8ZGl2IGNsYXNzPVwiZGVzY3JpcHRpb25cIj5cclxuICAgICAgICB7e3N1YnRpdGxlfX1cclxuICAgIDwvZGl2PlxyXG48L2Rpdj4iXX0=
+import { Component, Input } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+export class SectionTitleComponent {
+    constructor() {
+        this.isDarkBg = false;
+    }
+}
+SectionTitleComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: SectionTitleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+SectionTitleComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.0", type: SectionTitleComponent, selector: "section-title", inputs: { title: "title", subtitle: "subtitle", alignLeft: "alignLeft", isDarkBg: "isDarkBg" }, ngImport: i0, template: "<div class=\"section-container\"\n    [ngClass]=\"{'align-left':alignLeft,'align-center':!alignLeft,'dark-background':isDarkBg ,'light-background':!isDarkBg}\">\n    <div class=\"title\">{{title}}</div>\n    <div class=\"divider\">\n    </div>\n    <div class=\"description\">\n        {{subtitle}}\n    </div>\n</div>", styles: [".section-container{width:100%}.align-center{text-align:center}.align-center .divider{margin:2rem auto;width:20%}@media only screen and (max-width: 56.25em){.align-center .divider{width:60%}}.align-center .description{margin:auto;width:70%}.title{font-weight:650;font-size:3.2rem;width:80%;margin:auto}.divider{height:.4rem;width:70%;border-radius:4rem}.dark-background .divider{background-image:linear-gradient(to right,#fff 0%,#054386 70%)}.dark-background .title,.dark-background .description{color:#fff}.light-background .divider{background-image:linear-gradient(to right,#155ED4 0%,#313338 70%)}.description{width:80%;font-weight:500;font-size:1.6rem}.align-left .title{margin:0}.align-left .divider{margin:2rem 0;width:40%}.align-left .description{width:90%;margin:0}@media only screen and (max-width: 37.5em){.align-left .title,.align-center .title{font-size:2.6rem}.align-left .description,.align-center .description{width:85%}}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: SectionTitleComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'section-title', template: "<div class=\"section-container\"\n    [ngClass]=\"{'align-left':alignLeft,'align-center':!alignLeft,'dark-background':isDarkBg ,'light-background':!isDarkBg}\">\n    <div class=\"title\">{{title}}</div>\n    <div class=\"divider\">\n    </div>\n    <div class=\"description\">\n        {{subtitle}}\n    </div>\n</div>", styles: [".section-container{width:100%}.align-center{text-align:center}.align-center .divider{margin:2rem auto;width:20%}@media only screen and (max-width: 56.25em){.align-center .divider{width:60%}}.align-center .description{margin:auto;width:70%}.title{font-weight:650;font-size:3.2rem;width:80%;margin:auto}.divider{height:.4rem;width:70%;border-radius:4rem}.dark-background .divider{background-image:linear-gradient(to right,#fff 0%,#054386 70%)}.dark-background .title,.dark-background .description{color:#fff}.light-background .divider{background-image:linear-gradient(to right,#155ED4 0%,#313338 70%)}.description{width:80%;font-weight:500;font-size:1.6rem}.align-left .title{margin:0}.align-left .divider{margin:2rem 0;width:40%}.align-left .description{width:90%;margin:0}@media only screen and (max-width: 37.5em){.align-left .title,.align-center .title{font-size:2.6rem}.align-left .description,.align-center .description{width:85%}}\n"] }]
+        }], propDecorators: { title: [{
+                type: Input
+            }], subtitle: [{
+                type: Input
+            }], alignLeft: [{
+                type: Input
+            }], isDarkBg: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VjdGlvbi10aXRsZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9qb29sZXItd2Vic2l0ZXMtc2hhcmVkL3NyYy9saWIvc2VjdGlvbi10aXRsZS9zZWN0aW9uLXRpdGxlLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2pvb2xlci13ZWJzaXRlcy1zaGFyZWQvc3JjL2xpYi9zZWN0aW9uLXRpdGxlL3NlY3Rpb24tdGl0bGUuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7OztBQU9qRCxNQUFNLE9BQU8scUJBQXFCO0lBTGxDO1FBU1csYUFBUSxHQUFZLEtBQUssQ0FBQztLQUNwQzs7a0hBTFkscUJBQXFCO3NHQUFyQixxQkFBcUIscUpDUGxDLGdVQVFNOzJGRERPLHFCQUFxQjtrQkFMakMsU0FBUzsrQkFDRSxlQUFlOzhCQUtoQixLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csUUFBUTtzQkFBaEIsS0FBSztnQkFDRyxTQUFTO3NCQUFqQixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3NlY3Rpb24tdGl0bGUnLFxuICB0ZW1wbGF0ZVVybDogJy4vc2VjdGlvbi10aXRsZS5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3NlY3Rpb24tdGl0bGUuY29tcG9uZW50LnNjc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBTZWN0aW9uVGl0bGVDb21wb25lbnQge1xuICBASW5wdXQoKSB0aXRsZTogc3RyaW5nO1xuICBASW5wdXQoKSBzdWJ0aXRsZTogc3RyaW5nO1xuICBASW5wdXQoKSBhbGlnbkxlZnQ6IGJvb2xlYW47XG4gIEBJbnB1dCgpIGlzRGFya0JnOiBib29sZWFuID0gZmFsc2U7XG59XG4iLCI8ZGl2IGNsYXNzPVwic2VjdGlvbi1jb250YWluZXJcIlxuICAgIFtuZ0NsYXNzXT1cInsnYWxpZ24tbGVmdCc6YWxpZ25MZWZ0LCdhbGlnbi1jZW50ZXInOiFhbGlnbkxlZnQsJ2RhcmstYmFja2dyb3VuZCc6aXNEYXJrQmcgLCdsaWdodC1iYWNrZ3JvdW5kJzohaXNEYXJrQmd9XCI+XG4gICAgPGRpdiBjbGFzcz1cInRpdGxlXCI+e3t0aXRsZX19PC9kaXY+XG4gICAgPGRpdiBjbGFzcz1cImRpdmlkZXJcIj5cbiAgICA8L2Rpdj5cbiAgICA8ZGl2IGNsYXNzPVwiZGVzY3JpcHRpb25cIj5cbiAgICAgICAge3tzdWJ0aXRsZX19XG4gICAgPC9kaXY+XG48L2Rpdj4iXX0=

package/esm2020/public-api.mjs CHANGED Viewed

@@ -1,6 +1,9 @@
-/*
- * Public API Surface of jooler-websites-shared
- */
-export * from './lib/jooler-websites-shared.module';
-export * from './lib/section-title/section-title.component';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3Byb2plY3RzL2pvb2xlci13ZWJzaXRlcy1zaGFyZWQvc3JjL3B1YmxpYy1hcGkudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7O0dBRUc7QUFFSCxjQUFjLHFDQUFxQyxDQUFDO0FBQ3BELGNBQWMsNkNBQTZDLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyIvKlxuICogUHVibGljIEFQSSBTdXJmYWNlIG9mIGpvb2xlci13ZWJzaXRlcy1zaGFyZWRcbiAqL1xuXG5leHBvcnQgKiBmcm9tICcuL2xpYi9qb29sZXItd2Vic2l0ZXMtc2hhcmVkLm1vZHVsZSc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9zZWN0aW9uLXRpdGxlL3NlY3Rpb24tdGl0bGUuY29tcG9uZW50JzsiXX0=
+/*
+ * Public API Surface of jooler-websites-shared
+ */
+export * from './lib/jooler-websites-shared.module';
+export * from './lib/section-title/section-title.component';
+export * from './lib/page-section-style-ten/page-section-style-ten.component';
+export * from './lib/page-section-style-ten/page-section.model';
+export * from './lib/page-section-style-ten/page-section-action.model';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3Byb2plY3RzL2pvb2xlci13ZWJzaXRlcy1zaGFyZWQvc3JjL3B1YmxpYy1hcGkudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7O0dBRUc7QUFFSCxjQUFjLHFDQUFxQyxDQUFDO0FBQ3BELGNBQWMsNkNBQTZDLENBQUM7QUFDNUQsY0FBYywrREFBK0QsQ0FBQztBQUM5RSxjQUFjLGlEQUFpRCxDQUFDO0FBQ2hFLGNBQWMsd0RBQXdELENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyIvKlxuICogUHVibGljIEFQSSBTdXJmYWNlIG9mIGpvb2xlci13ZWJzaXRlcy1zaGFyZWRcbiAqL1xuXG5leHBvcnQgKiBmcm9tICcuL2xpYi9qb29sZXItd2Vic2l0ZXMtc2hhcmVkLm1vZHVsZSc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9zZWN0aW9uLXRpdGxlL3NlY3Rpb24tdGl0bGUuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vbGliL3BhZ2Utc2VjdGlvbi1zdHlsZS10ZW4vcGFnZS1zZWN0aW9uLXN0eWxlLXRlbi5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvcGFnZS1zZWN0aW9uLXN0eWxlLXRlbi9wYWdlLXNlY3Rpb24ubW9kZWwnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvcGFnZS1zZWN0aW9uLXN0eWxlLXRlbi9wYWdlLXNlY3Rpb24tYWN0aW9uLm1vZGVsJztcbiJdfQ==

package/fesm2015/jooler-websites-shared.mjs CHANGED Viewed

@@ -2,54 +2,99 @@ import * as i0 from '@angular/core';
 import { Component, Input, NgModule } from '@angular/core';
 import * as i1 from '@angular/common';
 import { CommonModule } from '@angular/common';
+import * as i1$1 from '@angular/material/expansion';
+import * as i2 from '@fortawesome/angular-fontawesome';
+import { AppMaterialModule } from '@jooler/app-material';
+import { FontAwesomeSharedModule } from '@jooler/font-awesome-shared';
-class SectionTitleComponent {
-    constructor() {
-        this.isDarkBg = false;
-    }
-}
-SectionTitleComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: SectionTitleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-SectionTitleComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.0", type: SectionTitleComponent, selector: "section-title", inputs: { title: "title", subtitle: "subtitle", alignLeft: "alignLeft", isDarkBg: "isDarkBg" }, ngImport: i0, template: "<div class=\"section-container\"\r\n    [ngClass]=\"{'align-left':alignLeft,'align-center':!alignLeft,'dark-background':isDarkBg ,'light-background':!isDarkBg}\">\r\n    <div class=\"title\">{{title}}</div>\r\n    <div class=\"divider\">\r\n    </div>\r\n    <div class=\"description\">\r\n        {{subtitle}}\r\n    </div>\r\n</div>", styles: [".section-container{width:90%;margin:auto}@media only screen and (min-width: 1500px){.section-container{max-width:150rem}}.align-center{text-align:center}.align-center .divider{margin:2rem auto;width:20%}@media only screen and (max-width: 56.25em){.align-center .divider{width:60%}}.align-center .description{margin:auto;width:70%}.title{font-weight:650;font-size:3.2rem;width:80%;margin:auto}.divider{height:.4rem;width:70%;border-radius:4rem}.dark-background .divider{background-image:linear-gradient(to right,#fff 0%,#054386 70%)}.dark-background .title,.dark-background .description{color:#fff}.light-background .divider{background-image:linear-gradient(to right,#155ED4 0%,#313338 70%)}.description{width:80%;font-weight:500;font-size:1.6rem}.align-left .title{margin:0}.align-left .divider{margin:2rem 0;width:40%}.align-left .description{width:90%;margin:0}@media only screen and (max-width: 37.5em){.align-left .title,.align-center .title{font-size:2.6rem}.align-left .description,.align-center .description{width:85%}}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: SectionTitleComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'section-title', template: "<div class=\"section-container\"\r\n    [ngClass]=\"{'align-left':alignLeft,'align-center':!alignLeft,'dark-background':isDarkBg ,'light-background':!isDarkBg}\">\r\n    <div class=\"title\">{{title}}</div>\r\n    <div class=\"divider\">\r\n    </div>\r\n    <div class=\"description\">\r\n        {{subtitle}}\r\n    </div>\r\n</div>", styles: [".section-container{width:90%;margin:auto}@media only screen and (min-width: 1500px){.section-container{max-width:150rem}}.align-center{text-align:center}.align-center .divider{margin:2rem auto;width:20%}@media only screen and (max-width: 56.25em){.align-center .divider{width:60%}}.align-center .description{margin:auto;width:70%}.title{font-weight:650;font-size:3.2rem;width:80%;margin:auto}.divider{height:.4rem;width:70%;border-radius:4rem}.dark-background .divider{background-image:linear-gradient(to right,#fff 0%,#054386 70%)}.dark-background .title,.dark-background .description{color:#fff}.light-background .divider{background-image:linear-gradient(to right,#155ED4 0%,#313338 70%)}.description{width:80%;font-weight:500;font-size:1.6rem}.align-left .title{margin:0}.align-left .divider{margin:2rem 0;width:40%}.align-left .description{width:90%;margin:0}@media only screen and (max-width: 37.5em){.align-left .title,.align-center .title{font-size:2.6rem}.align-left .description,.align-center .description{width:85%}}\n"] }]
-        }], propDecorators: { title: [{
-                type: Input
-            }], subtitle: [{
-                type: Input
-            }], alignLeft: [{
-                type: Input
-            }], isDarkBg: [{
-                type: Input
+class SectionTitleComponent {
+    constructor() {
+        this.isDarkBg = false;
+    }
+}
+SectionTitleComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: SectionTitleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+SectionTitleComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.0", type: SectionTitleComponent, selector: "section-title", inputs: { title: "title", subtitle: "subtitle", alignLeft: "alignLeft", isDarkBg: "isDarkBg" }, ngImport: i0, template: "<div class=\"section-container\"\n    [ngClass]=\"{'align-left':alignLeft,'align-center':!alignLeft,'dark-background':isDarkBg ,'light-background':!isDarkBg}\">\n    <div class=\"title\">{{title}}</div>\n    <div class=\"divider\">\n    </div>\n    <div class=\"description\">\n        {{subtitle}}\n    </div>\n</div>", styles: [".section-container{width:100%}.align-center{text-align:center}.align-center .divider{margin:2rem auto;width:20%}@media only screen and (max-width: 56.25em){.align-center .divider{width:60%}}.align-center .description{margin:auto;width:70%}.title{font-weight:650;font-size:3.2rem;width:80%;margin:auto}.divider{height:.4rem;width:70%;border-radius:4rem}.dark-background .divider{background-image:linear-gradient(to right,#fff 0%,#054386 70%)}.dark-background .title,.dark-background .description{color:#fff}.light-background .divider{background-image:linear-gradient(to right,#155ED4 0%,#313338 70%)}.description{width:80%;font-weight:500;font-size:1.6rem}.align-left .title{margin:0}.align-left .divider{margin:2rem 0;width:40%}.align-left .description{width:90%;margin:0}@media only screen and (max-width: 37.5em){.align-left .title,.align-center .title{font-size:2.6rem}.align-left .description,.align-center .description{width:85%}}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: SectionTitleComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'section-title', template: "<div class=\"section-container\"\n    [ngClass]=\"{'align-left':alignLeft,'align-center':!alignLeft,'dark-background':isDarkBg ,'light-background':!isDarkBg}\">\n    <div class=\"title\">{{title}}</div>\n    <div class=\"divider\">\n    </div>\n    <div class=\"description\">\n        {{subtitle}}\n    </div>\n</div>", styles: [".section-container{width:100%}.align-center{text-align:center}.align-center .divider{margin:2rem auto;width:20%}@media only screen and (max-width: 56.25em){.align-center .divider{width:60%}}.align-center .description{margin:auto;width:70%}.title{font-weight:650;font-size:3.2rem;width:80%;margin:auto}.divider{height:.4rem;width:70%;border-radius:4rem}.dark-background .divider{background-image:linear-gradient(to right,#fff 0%,#054386 70%)}.dark-background .title,.dark-background .description{color:#fff}.light-background .divider{background-image:linear-gradient(to right,#155ED4 0%,#313338 70%)}.description{width:80%;font-weight:500;font-size:1.6rem}.align-left .title{margin:0}.align-left .divider{margin:2rem 0;width:40%}.align-left .description{width:90%;margin:0}@media only screen and (max-width: 37.5em){.align-left .title,.align-center .title{font-size:2.6rem}.align-left .description,.align-center .description{width:85%}}\n"] }]
+        }], propDecorators: { title: [{
+                type: Input
+            }], subtitle: [{
+                type: Input
+            }], alignLeft: [{
+                type: Input
+            }], isDarkBg: [{
+                type: Input
             }] } });
-class JoolerWebsitesSharedModule {
-}
-JoolerWebsitesSharedModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: JoolerWebsitesSharedModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-JoolerWebsitesSharedModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.1.0", ngImport: i0, type: JoolerWebsitesSharedModule, declarations: [SectionTitleComponent], imports: [CommonModule], exports: [SectionTitleComponent] });
-JoolerWebsitesSharedModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: JoolerWebsitesSharedModule, imports: [CommonModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: JoolerWebsitesSharedModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [
-                        SectionTitleComponent
-                    ],
-                    imports: [
-                        CommonModule
-                    ],
-                    exports: [
-                        SectionTitleComponent
-                    ]
-                }]
+class PageSectionStyleTenComponent {
+    constructor() {
+        this.iconName = "circle";
+        this.panelOpenState = false;
+    }
+    ngOnInit() {
+        // console.log("what's my section", this.pageSection)
+    }
+}
+PageSectionStyleTenComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: PageSectionStyleTenComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+PageSectionStyleTenComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.0", type: PageSectionStyleTenComponent, selector: "page-section-style-ten", inputs: { data: "data", iconName: "iconName" }, ngImport: i0, template: "<mat-accordion class=\"mat-mdc-form-field\">\n    <mat-expansion-panel (opened)=\"panelOpenState = true\" (closed)=\"panelOpenState = false\">\n        <mat-expansion-panel-header>\n            <div class=\"panel-headline\">\n                <mat-panel-title>\n                    <fa-icon [icon]=\"iconName\">\n                    </fa-icon>\n                    {{data.question}}\n                </mat-panel-title>\n            </div>\n        </mat-expansion-panel-header>\n        <div class=\"panel-content\">\n            <ul>\n                <li>\n                    {{data.answer}}\n                </li>\n            </ul>\n        </div>\n    </mat-expansion-panel>\n</mat-accordion>", styles: ["mat-card{height:10rem;width:40rem;margin:4.5rem 4.5rem 4.5rem 25rem}.main-container{width:100%;height:90vh;display:grid;grid-template-columns:1fr 1fr;align-items:center;justify-self:stretch;margin:2rem auto;z-index:1;max-width:130rem;padding:0 5rem}mat-expansion-panel{background:#FAFAFA}mat-expansion-panel fa-icon{font-size:.7rem;margin-right:1rem}mat-expansion-panel-header{height:100%;min-height:7rem;font-size:1.7rem;font-weight:600}.mat-expansion-panel-header.mat-expanded{height:auto}@media only screen and (max-width: 37.5em){mat-expansion-panel{margin:0rem 1rem}}\n"], dependencies: [{ kind: "directive", type: i1$1.MatAccordion, selector: "mat-accordion", inputs: ["multi", "hideToggle", "displayMode", "togglePosition"], exportAs: ["matAccordion"] }, { kind: "component", type: i1$1.MatExpansionPanel, selector: "mat-expansion-panel", inputs: ["disabled", "expanded", "hideToggle", "togglePosition"], outputs: ["opened", "closed", "expandedChange", "afterExpand", "afterCollapse"], exportAs: ["matExpansionPanel"] }, { kind: "component", type: i1$1.MatExpansionPanelHeader, selector: "mat-expansion-panel-header", inputs: ["tabIndex", "expandedHeight", "collapsedHeight"] }, { kind: "directive", type: i1$1.MatExpansionPanelTitle, selector: "mat-panel-title" }, { kind: "component", type: i2.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: PageSectionStyleTenComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'page-section-style-ten', template: "<mat-accordion class=\"mat-mdc-form-field\">\n    <mat-expansion-panel (opened)=\"panelOpenState = true\" (closed)=\"panelOpenState = false\">\n        <mat-expansion-panel-header>\n            <div class=\"panel-headline\">\n                <mat-panel-title>\n                    <fa-icon [icon]=\"iconName\">\n                    </fa-icon>\n                    {{data.question}}\n                </mat-panel-title>\n            </div>\n        </mat-expansion-panel-header>\n        <div class=\"panel-content\">\n            <ul>\n                <li>\n                    {{data.answer}}\n                </li>\n            </ul>\n        </div>\n    </mat-expansion-panel>\n</mat-accordion>", styles: ["mat-card{height:10rem;width:40rem;margin:4.5rem 4.5rem 4.5rem 25rem}.main-container{width:100%;height:90vh;display:grid;grid-template-columns:1fr 1fr;align-items:center;justify-self:stretch;margin:2rem auto;z-index:1;max-width:130rem;padding:0 5rem}mat-expansion-panel{background:#FAFAFA}mat-expansion-panel fa-icon{font-size:.7rem;margin-right:1rem}mat-expansion-panel-header{height:100%;min-height:7rem;font-size:1.7rem;font-weight:600}.mat-expansion-panel-header.mat-expanded{height:auto}@media only screen and (max-width: 37.5em){mat-expansion-panel{margin:0rem 1rem}}\n"] }]
+        }], ctorParameters: function () { return []; }, propDecorators: { data: [{
+                type: Input
+            }], iconName: [{
+                type: Input
+            }] } });
+class JoolerWebsitesSharedModule {
+}
+JoolerWebsitesSharedModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: JoolerWebsitesSharedModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+JoolerWebsitesSharedModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.1.0", ngImport: i0, type: JoolerWebsitesSharedModule, declarations: [SectionTitleComponent,
+        PageSectionStyleTenComponent], imports: [CommonModule,
+        AppMaterialModule,
+        FontAwesomeSharedModule], exports: [AppMaterialModule,
+        SectionTitleComponent,
+        PageSectionStyleTenComponent,
+        FontAwesomeSharedModule] });
+JoolerWebsitesSharedModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: JoolerWebsitesSharedModule, imports: [CommonModule,
+        AppMaterialModule,
+        FontAwesomeSharedModule, AppMaterialModule,
+        FontAwesomeSharedModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: JoolerWebsitesSharedModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        SectionTitleComponent,
+                        PageSectionStyleTenComponent
+                    ],
+                    imports: [
+                        CommonModule,
+                        AppMaterialModule,
+                        FontAwesomeSharedModule
+                    ],
+                    exports: [
+                        AppMaterialModule,
+                        SectionTitleComponent,
+                        PageSectionStyleTenComponent,
+                        FontAwesomeSharedModule
+                    ]
+                }]
         }] });
-/*
- * Public API Surface of jooler-websites-shared
+class PageSection {
+}
+class PageSectionAction {
+}
+/*
+ * Public API Surface of jooler-websites-shared
  */
-/**
- * Generated bundle index. Do not edit.
+/**
+ * Generated bundle index. Do not edit.
  */
-export { JoolerWebsitesSharedModule, SectionTitleComponent };
+export { JoolerWebsitesSharedModule, PageSection, PageSectionAction, PageSectionStyleTenComponent, SectionTitleComponent };
 //# sourceMappingURL=jooler-websites-shared.mjs.map

package/fesm2015/jooler-websites-shared.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"jooler-websites-shared.mjs","sources":["../../../projects/jooler-websites-shared/src/lib/section-title/section-title.component.ts","../../../projects/jooler-websites-shared/src/lib/section-title/section-title.component.html","../../../projects/jooler-websites-shared/src/lib/jooler-websites-shared.module.ts","../../../projects/jooler-websites-shared/src/public-api.ts","../../../projects/jooler-websites-shared/src/jooler-websites-shared.ts"],"sourcesContent":["import { Component, Input } from '@angular/core';\r\n\r\n@Component({\r\n selector: 'section-title',\r\n templateUrl: './section-title.component.html',\r\n styleUrls: ['./section-title.component.scss']\r\n})\r\nexport class SectionTitleComponent {\r\n @Input() title: string;\r\n @Input() subtitle: string;\r\n @Input() alignLeft: boolean;\r\n @Input() isDarkBg: boolean = false;\r\n}\r\n","<div class=\"section-container\"\r\n [ngClass]=\"{'align-left':alignLeft,'align-center':!alignLeft,'dark-background':isDarkBg ,'light-background':!isDarkBg}\">\r\n <div class=\"title\">{{title}}</div>\r\n <div class=\"divider\">\r\n </div>\r\n <div class=\"description\">\r\n {{subtitle}}\r\n </div>\r\n</div>","import { NgModule } from '@angular/core';\nimport { SectionTitleComponent } from './section-title/section-title.component';\nimport { CommonModule } from '@angular/common';\n\n\n\n@NgModule({\n declarations: [\n SectionTitleComponent\n ],\n imports: [\n CommonModule\n ],\n exports: [\n SectionTitleComponent\n ]\n})\nexport class JoolerWebsitesSharedModule { }\n","/\n Public API Surface of jooler-websites-shared\n /\n\nexport from './lib/jooler-websites-shared.module';\nexport * from './lib/section-title/section-title.component';","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './public-api';\n"],"names":[],"mappings":"~~;;;;;~~MAOa,qBAAqB,CAAA;AALlC,IAAA,WAAA,GAAA;AASW,QAAA,IAAQ,CAAA,QAAA,GAAY,KAAK,CAAC;KACpC;;kHALY,qBAAqB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAArB,qBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,qBAAqB,qJCPlC,~~gVAQM~~,EAAA,MAAA,EAAA,CAAA,~~sgCAAA~~,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,SAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA;2FDDO,qBAAqB,EAAA,UAAA,EAAA,CAAA;kBALjC,SAAS;+BACE,eAAe,EAAA,QAAA,EAAA,~~gVAAA~~,EAAA,MAAA,EAAA,CAAA,~~sgCAAA~~,CAAA,EAAA,CAAA;8BAKhB,KAAK,EAAA,CAAA;sBAAb,KAAK;gBACG,QAAQ,EAAA,CAAA;sBAAhB,KAAK;gBACG,SAAS,EAAA,CAAA;sBAAjB,KAAK;gBACG,QAAQ,EAAA,CAAA;sBAAhB,KAAK;;;~~MEMK~~,~~0BAA0B~~,CAAA;;~~uHAA1B~~,~~0BAA0B~~,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,~~QAAA~~,EAAA,CAAA,CAAA;~~AAA1B~~,~~0BAAA~~,CAAA,IAAA,GAAA,EAAA,CAAA,~~mBAAA~~,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,~~0BAA0B~~,~~EATnC~~,YAAA,EAAA,CAAA,~~qBAAqB~~,~~CAGrB~~,EAAA,OAAA,EAAA,CAAA,YAAY,~~aAGZ~~,qBAAqB,CAAA,EAAA,CAAA,CAAA;~~AAGZ~~,0BAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,0BAA0B,~~YANnC~~,YAAY,CAAA,EAAA,CAAA,CAAA;~~2FAMH~~,0BAA0B,EAAA,UAAA,EAAA,CAAA;~~kBAXtC~~,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,YAAY,EAAE;wBACZ,qBAAqB;~~AACtB~~,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACP,YAAY;~~AACb~~,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACP,qBAAqB;~~AACtB~~,qBAAA;iBACF,CAAA;;;~~AChBD~~;;AAEG;;ACFH;;AAEG;;;;"}
1	+ {"version":3,"file":"jooler-websites-shared.mjs","sources":["../../../projects/jooler-websites-shared/src/lib/section-title/section-title.component.ts","../../../projects/jooler-websites-shared/src/lib/section-title/section-title.component.html","../../../projects/jooler-websites-shared/src/lib/page-section-style-ten/page-section-style-ten.component.ts","../../../projects/jooler-websites-shared/src/lib/page-section-style-ten/page-section-style-ten.component.html","../../../projects/jooler-websites-shared/src/lib/jooler-websites-shared.module.ts","../../../projects/jooler-websites-shared/src/lib/page-section-style-ten/page-section.model.ts","../../../projects/jooler-websites-shared/src/lib/page-section-style-ten/page-section-action.model.ts","../../../projects/jooler-websites-shared/src/public-api.ts","../../../projects/jooler-websites-shared/src/jooler-websites-shared.ts"],"sourcesContent":["import { Component, Input } from '@angular/core';\n\n@Component({\n selector: 'section-title',\n templateUrl: './section-title.component.html',\n styleUrls: ['./section-title.component.scss']\n})\nexport class SectionTitleComponent {\n @Input() title: string;\n @Input() subtitle: string;\n @Input() alignLeft: boolean;\n @Input() isDarkBg: boolean = false;\n}\n","<div class=\"section-container\"\n [ngClass]=\"{'align-left':alignLeft,'align-center':!alignLeft,'dark-background':isDarkBg ,'light-background':!isDarkBg}\">\n <div class=\"title\">{{title}}</div>\n <div class=\"divider\">\n </div>\n <div class=\"description\">\n {{subtitle}}\n </div>\n</div>","import { Component, Input, OnInit } from '@angular/core';\nimport { PageSection } from './page-section.model';\n\n@Component({\n selector: 'page-section-style-ten',\n templateUrl: './page-section-style-ten.component.html',\n styleUrls: ['./page-section-style-ten.component.scss']\n})\nexport class PageSectionStyleTenComponent implements OnInit {\n @Input() data: any \| PageSection;\n @Input() iconName: any = \"circle\";\n\n panelOpenState: boolean = false;\n\n constructor() { }\n\n ngOnInit(): void {\n // console.log(\"what's my section\", this.pageSection)\n }\n}\n","<mat-accordion class=\"mat-mdc-form-field\">\n <mat-expansion-panel (opened)=\"panelOpenState = true\" (closed)=\"panelOpenState = false\">\n <mat-expansion-panel-header>\n <div class=\"panel-headline\">\n <mat-panel-title>\n <fa-icon [icon]=\"iconName\">\n </fa-icon>\n {{data.question}}\n </mat-panel-title>\n </div>\n </mat-expansion-panel-header>\n <div class=\"panel-content\">\n <ul>\n <li>\n {{data.answer}}\n </li>\n </ul>\n </div>\n </mat-expansion-panel>\n</mat-accordion>","import { NgModule } from '@angular/core';\nimport { SectionTitleComponent } from './section-title/section-title.component';\nimport { PageSectionStyleTenComponent } from './page-section-style-ten/page-section-style-ten.component';\nimport { CommonModule } from '@angular/common';\nimport { AppMaterialModule } from '@jooler/app-material';\nimport { FontAwesomeSharedModule } from '@jooler/font-awesome-shared';\n\n\n\n@NgModule({\n declarations: [\n SectionTitleComponent,\n PageSectionStyleTenComponent\n\n ],\n imports: [\n CommonModule,\n AppMaterialModule,\n FontAwesomeSharedModule\n\n ],\n exports: [\n AppMaterialModule,\n SectionTitleComponent,\n PageSectionStyleTenComponent,\n FontAwesomeSharedModule\n ]\n})\nexport class JoolerWebsitesSharedModule { }\n","import { PageSectionAction } from './page-section-action.model';\n\nexport class PageSection {\n id: number;\n icon: string;\n title: string;\n description: string;\n image: string;\n titleImage: string;\n subtitle: string;\n actions: PageSectionAction[];\n}","export class PageSectionAction {\n id: number;\n route: string;\n label: string;\n}","/\n Public API Surface of jooler-websites-shared\n /\n\nexport from './lib/jooler-websites-shared.module';\nexport * from './lib/section-title/section-title.component';\nexport * from './lib/page-section-style-ten/page-section-style-ten.component';\nexport * from './lib/page-section-style-ten/page-section.model';\nexport * from './lib/page-section-style-ten/page-section-action.model';\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './public-api';\n"],"names":["i1"],"mappings":"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"}

package/fesm2020/jooler-websites-shared.mjs CHANGED Viewed

@@ -2,54 +2,99 @@ import * as i0 from '@angular/core';
 import { Component, Input, NgModule } from '@angular/core';
 import * as i1 from '@angular/common';
 import { CommonModule } from '@angular/common';
+import * as i1$1 from '@angular/material/expansion';
+import * as i2 from '@fortawesome/angular-fontawesome';
+import { AppMaterialModule } from '@jooler/app-material';
+import { FontAwesomeSharedModule } from '@jooler/font-awesome-shared';
-class SectionTitleComponent {
-    constructor() {
-        this.isDarkBg = false;
-    }
-}
-SectionTitleComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: SectionTitleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-SectionTitleComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.0", type: SectionTitleComponent, selector: "section-title", inputs: { title: "title", subtitle: "subtitle", alignLeft: "alignLeft", isDarkBg: "isDarkBg" }, ngImport: i0, template: "<div class=\"section-container\"\r\n    [ngClass]=\"{'align-left':alignLeft,'align-center':!alignLeft,'dark-background':isDarkBg ,'light-background':!isDarkBg}\">\r\n    <div class=\"title\">{{title}}</div>\r\n    <div class=\"divider\">\r\n    </div>\r\n    <div class=\"description\">\r\n        {{subtitle}}\r\n    </div>\r\n</div>", styles: [".section-container{width:90%;margin:auto}@media only screen and (min-width: 1500px){.section-container{max-width:150rem}}.align-center{text-align:center}.align-center .divider{margin:2rem auto;width:20%}@media only screen and (max-width: 56.25em){.align-center .divider{width:60%}}.align-center .description{margin:auto;width:70%}.title{font-weight:650;font-size:3.2rem;width:80%;margin:auto}.divider{height:.4rem;width:70%;border-radius:4rem}.dark-background .divider{background-image:linear-gradient(to right,#fff 0%,#054386 70%)}.dark-background .title,.dark-background .description{color:#fff}.light-background .divider{background-image:linear-gradient(to right,#155ED4 0%,#313338 70%)}.description{width:80%;font-weight:500;font-size:1.6rem}.align-left .title{margin:0}.align-left .divider{margin:2rem 0;width:40%}.align-left .description{width:90%;margin:0}@media only screen and (max-width: 37.5em){.align-left .title,.align-center .title{font-size:2.6rem}.align-left .description,.align-center .description{width:85%}}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: SectionTitleComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'section-title', template: "<div class=\"section-container\"\r\n    [ngClass]=\"{'align-left':alignLeft,'align-center':!alignLeft,'dark-background':isDarkBg ,'light-background':!isDarkBg}\">\r\n    <div class=\"title\">{{title}}</div>\r\n    <div class=\"divider\">\r\n    </div>\r\n    <div class=\"description\">\r\n        {{subtitle}}\r\n    </div>\r\n</div>", styles: [".section-container{width:90%;margin:auto}@media only screen and (min-width: 1500px){.section-container{max-width:150rem}}.align-center{text-align:center}.align-center .divider{margin:2rem auto;width:20%}@media only screen and (max-width: 56.25em){.align-center .divider{width:60%}}.align-center .description{margin:auto;width:70%}.title{font-weight:650;font-size:3.2rem;width:80%;margin:auto}.divider{height:.4rem;width:70%;border-radius:4rem}.dark-background .divider{background-image:linear-gradient(to right,#fff 0%,#054386 70%)}.dark-background .title,.dark-background .description{color:#fff}.light-background .divider{background-image:linear-gradient(to right,#155ED4 0%,#313338 70%)}.description{width:80%;font-weight:500;font-size:1.6rem}.align-left .title{margin:0}.align-left .divider{margin:2rem 0;width:40%}.align-left .description{width:90%;margin:0}@media only screen and (max-width: 37.5em){.align-left .title,.align-center .title{font-size:2.6rem}.align-left .description,.align-center .description{width:85%}}\n"] }]
-        }], propDecorators: { title: [{
-                type: Input
-            }], subtitle: [{
-                type: Input
-            }], alignLeft: [{
-                type: Input
-            }], isDarkBg: [{
-                type: Input
+class SectionTitleComponent {
+    constructor() {
+        this.isDarkBg = false;
+    }
+}
+SectionTitleComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: SectionTitleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+SectionTitleComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.0", type: SectionTitleComponent, selector: "section-title", inputs: { title: "title", subtitle: "subtitle", alignLeft: "alignLeft", isDarkBg: "isDarkBg" }, ngImport: i0, template: "<div class=\"section-container\"\n    [ngClass]=\"{'align-left':alignLeft,'align-center':!alignLeft,'dark-background':isDarkBg ,'light-background':!isDarkBg}\">\n    <div class=\"title\">{{title}}</div>\n    <div class=\"divider\">\n    </div>\n    <div class=\"description\">\n        {{subtitle}}\n    </div>\n</div>", styles: [".section-container{width:100%}.align-center{text-align:center}.align-center .divider{margin:2rem auto;width:20%}@media only screen and (max-width: 56.25em){.align-center .divider{width:60%}}.align-center .description{margin:auto;width:70%}.title{font-weight:650;font-size:3.2rem;width:80%;margin:auto}.divider{height:.4rem;width:70%;border-radius:4rem}.dark-background .divider{background-image:linear-gradient(to right,#fff 0%,#054386 70%)}.dark-background .title,.dark-background .description{color:#fff}.light-background .divider{background-image:linear-gradient(to right,#155ED4 0%,#313338 70%)}.description{width:80%;font-weight:500;font-size:1.6rem}.align-left .title{margin:0}.align-left .divider{margin:2rem 0;width:40%}.align-left .description{width:90%;margin:0}@media only screen and (max-width: 37.5em){.align-left .title,.align-center .title{font-size:2.6rem}.align-left .description,.align-center .description{width:85%}}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: SectionTitleComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'section-title', template: "<div class=\"section-container\"\n    [ngClass]=\"{'align-left':alignLeft,'align-center':!alignLeft,'dark-background':isDarkBg ,'light-background':!isDarkBg}\">\n    <div class=\"title\">{{title}}</div>\n    <div class=\"divider\">\n    </div>\n    <div class=\"description\">\n        {{subtitle}}\n    </div>\n</div>", styles: [".section-container{width:100%}.align-center{text-align:center}.align-center .divider{margin:2rem auto;width:20%}@media only screen and (max-width: 56.25em){.align-center .divider{width:60%}}.align-center .description{margin:auto;width:70%}.title{font-weight:650;font-size:3.2rem;width:80%;margin:auto}.divider{height:.4rem;width:70%;border-radius:4rem}.dark-background .divider{background-image:linear-gradient(to right,#fff 0%,#054386 70%)}.dark-background .title,.dark-background .description{color:#fff}.light-background .divider{background-image:linear-gradient(to right,#155ED4 0%,#313338 70%)}.description{width:80%;font-weight:500;font-size:1.6rem}.align-left .title{margin:0}.align-left .divider{margin:2rem 0;width:40%}.align-left .description{width:90%;margin:0}@media only screen and (max-width: 37.5em){.align-left .title,.align-center .title{font-size:2.6rem}.align-left .description,.align-center .description{width:85%}}\n"] }]
+        }], propDecorators: { title: [{
+                type: Input
+            }], subtitle: [{
+                type: Input
+            }], alignLeft: [{
+                type: Input
+            }], isDarkBg: [{
+                type: Input
             }] } });
-class JoolerWebsitesSharedModule {
-}
-JoolerWebsitesSharedModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: JoolerWebsitesSharedModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-JoolerWebsitesSharedModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.1.0", ngImport: i0, type: JoolerWebsitesSharedModule, declarations: [SectionTitleComponent], imports: [CommonModule], exports: [SectionTitleComponent] });
-JoolerWebsitesSharedModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: JoolerWebsitesSharedModule, imports: [CommonModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: JoolerWebsitesSharedModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [
-                        SectionTitleComponent
-                    ],
-                    imports: [
-                        CommonModule
-                    ],
-                    exports: [
-                        SectionTitleComponent
-                    ]
-                }]
+class PageSectionStyleTenComponent {
+    constructor() {
+        this.iconName = "circle";
+        this.panelOpenState = false;
+    }
+    ngOnInit() {
+        // console.log("what's my section", this.pageSection)
+    }
+}
+PageSectionStyleTenComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: PageSectionStyleTenComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+PageSectionStyleTenComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.0", type: PageSectionStyleTenComponent, selector: "page-section-style-ten", inputs: { data: "data", iconName: "iconName" }, ngImport: i0, template: "<mat-accordion class=\"mat-mdc-form-field\">\n    <mat-expansion-panel (opened)=\"panelOpenState = true\" (closed)=\"panelOpenState = false\">\n        <mat-expansion-panel-header>\n            <div class=\"panel-headline\">\n                <mat-panel-title>\n                    <fa-icon [icon]=\"iconName\">\n                    </fa-icon>\n                    {{data.question}}\n                </mat-panel-title>\n            </div>\n        </mat-expansion-panel-header>\n        <div class=\"panel-content\">\n            <ul>\n                <li>\n                    {{data.answer}}\n                </li>\n            </ul>\n        </div>\n    </mat-expansion-panel>\n</mat-accordion>", styles: ["mat-card{height:10rem;width:40rem;margin:4.5rem 4.5rem 4.5rem 25rem}.main-container{width:100%;height:90vh;display:grid;grid-template-columns:1fr 1fr;align-items:center;justify-self:stretch;margin:2rem auto;z-index:1;max-width:130rem;padding:0 5rem}mat-expansion-panel{background:#FAFAFA}mat-expansion-panel fa-icon{font-size:.7rem;margin-right:1rem}mat-expansion-panel-header{height:100%;min-height:7rem;font-size:1.7rem;font-weight:600}.mat-expansion-panel-header.mat-expanded{height:auto}@media only screen and (max-width: 37.5em){mat-expansion-panel{margin:0rem 1rem}}\n"], dependencies: [{ kind: "directive", type: i1$1.MatAccordion, selector: "mat-accordion", inputs: ["multi", "hideToggle", "displayMode", "togglePosition"], exportAs: ["matAccordion"] }, { kind: "component", type: i1$1.MatExpansionPanel, selector: "mat-expansion-panel", inputs: ["disabled", "expanded", "hideToggle", "togglePosition"], outputs: ["opened", "closed", "expandedChange", "afterExpand", "afterCollapse"], exportAs: ["matExpansionPanel"] }, { kind: "component", type: i1$1.MatExpansionPanelHeader, selector: "mat-expansion-panel-header", inputs: ["tabIndex", "expandedHeight", "collapsedHeight"] }, { kind: "directive", type: i1$1.MatExpansionPanelTitle, selector: "mat-panel-title" }, { kind: "component", type: i2.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: PageSectionStyleTenComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'page-section-style-ten', template: "<mat-accordion class=\"mat-mdc-form-field\">\n    <mat-expansion-panel (opened)=\"panelOpenState = true\" (closed)=\"panelOpenState = false\">\n        <mat-expansion-panel-header>\n            <div class=\"panel-headline\">\n                <mat-panel-title>\n                    <fa-icon [icon]=\"iconName\">\n                    </fa-icon>\n                    {{data.question}}\n                </mat-panel-title>\n            </div>\n        </mat-expansion-panel-header>\n        <div class=\"panel-content\">\n            <ul>\n                <li>\n                    {{data.answer}}\n                </li>\n            </ul>\n        </div>\n    </mat-expansion-panel>\n</mat-accordion>", styles: ["mat-card{height:10rem;width:40rem;margin:4.5rem 4.5rem 4.5rem 25rem}.main-container{width:100%;height:90vh;display:grid;grid-template-columns:1fr 1fr;align-items:center;justify-self:stretch;margin:2rem auto;z-index:1;max-width:130rem;padding:0 5rem}mat-expansion-panel{background:#FAFAFA}mat-expansion-panel fa-icon{font-size:.7rem;margin-right:1rem}mat-expansion-panel-header{height:100%;min-height:7rem;font-size:1.7rem;font-weight:600}.mat-expansion-panel-header.mat-expanded{height:auto}@media only screen and (max-width: 37.5em){mat-expansion-panel{margin:0rem 1rem}}\n"] }]
+        }], ctorParameters: function () { return []; }, propDecorators: { data: [{
+                type: Input
+            }], iconName: [{
+                type: Input
+            }] } });
+class JoolerWebsitesSharedModule {
+}
+JoolerWebsitesSharedModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: JoolerWebsitesSharedModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+JoolerWebsitesSharedModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.1.0", ngImport: i0, type: JoolerWebsitesSharedModule, declarations: [SectionTitleComponent,
+        PageSectionStyleTenComponent], imports: [CommonModule,
+        AppMaterialModule,
+        FontAwesomeSharedModule], exports: [AppMaterialModule,
+        SectionTitleComponent,
+        PageSectionStyleTenComponent,
+        FontAwesomeSharedModule] });
+JoolerWebsitesSharedModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: JoolerWebsitesSharedModule, imports: [CommonModule,
+        AppMaterialModule,
+        FontAwesomeSharedModule, AppMaterialModule,
+        FontAwesomeSharedModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: JoolerWebsitesSharedModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        SectionTitleComponent,
+                        PageSectionStyleTenComponent
+                    ],
+                    imports: [
+                        CommonModule,
+                        AppMaterialModule,
+                        FontAwesomeSharedModule
+                    ],
+                    exports: [
+                        AppMaterialModule,
+                        SectionTitleComponent,
+                        PageSectionStyleTenComponent,
+                        FontAwesomeSharedModule
+                    ]
+                }]
         }] });
-/*
- * Public API Surface of jooler-websites-shared
+class PageSection {
+}
+class PageSectionAction {
+}
+/*
+ * Public API Surface of jooler-websites-shared
  */
-/**
- * Generated bundle index. Do not edit.
+/**
+ * Generated bundle index. Do not edit.
  */
-export { JoolerWebsitesSharedModule, SectionTitleComponent };
+export { JoolerWebsitesSharedModule, PageSection, PageSectionAction, PageSectionStyleTenComponent, SectionTitleComponent };
 //# sourceMappingURL=jooler-websites-shared.mjs.map

package/fesm2020/jooler-websites-shared.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"jooler-websites-shared.mjs","sources":["../../../projects/jooler-websites-shared/src/lib/section-title/section-title.component.ts","../../../projects/jooler-websites-shared/src/lib/section-title/section-title.component.html","../../../projects/jooler-websites-shared/src/lib/jooler-websites-shared.module.ts","../../../projects/jooler-websites-shared/src/public-api.ts","../../../projects/jooler-websites-shared/src/jooler-websites-shared.ts"],"sourcesContent":["import { Component, Input } from '@angular/core';\r\n\r\n@Component({\r\n selector: 'section-title',\r\n templateUrl: './section-title.component.html',\r\n styleUrls: ['./section-title.component.scss']\r\n})\r\nexport class SectionTitleComponent {\r\n @Input() title: string;\r\n @Input() subtitle: string;\r\n @Input() alignLeft: boolean;\r\n @Input() isDarkBg: boolean = false;\r\n}\r\n","<div class=\"section-container\"\r\n [ngClass]=\"{'align-left':alignLeft,'align-center':!alignLeft,'dark-background':isDarkBg ,'light-background':!isDarkBg}\">\r\n <div class=\"title\">{{title}}</div>\r\n <div class=\"divider\">\r\n </div>\r\n <div class=\"description\">\r\n {{subtitle}}\r\n </div>\r\n</div>","import { NgModule } from '@angular/core';\nimport { SectionTitleComponent } from './section-title/section-title.component';\nimport { CommonModule } from '@angular/common';\n\n\n\n@NgModule({\n declarations: [\n SectionTitleComponent\n ],\n imports: [\n CommonModule\n ],\n exports: [\n SectionTitleComponent\n ]\n})\nexport class JoolerWebsitesSharedModule { }\n","/\n Public API Surface of jooler-websites-shared\n /\n\nexport from './lib/jooler-websites-shared.module';\nexport * from './lib/section-title/section-title.component';","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './public-api';\n"],"names":[],"mappings":"~~;;;;;~~MAOa,qBAAqB,CAAA;AALlC,IAAA,WAAA,GAAA;QASW,IAAQ,CAAA,QAAA,GAAY,KAAK,CAAC;AACpC,KAAA;;kHALY,qBAAqB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAArB,qBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,qBAAqB,qJCPlC,~~gVAQM~~,EAAA,MAAA,EAAA,CAAA,~~sgCAAA~~,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,SAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA;2FDDO,qBAAqB,EAAA,UAAA,EAAA,CAAA;kBALjC,SAAS;+BACE,eAAe,EAAA,QAAA,EAAA,~~gVAAA~~,EAAA,MAAA,EAAA,CAAA,~~sgCAAA~~,CAAA,EAAA,CAAA;8BAKhB,KAAK,EAAA,CAAA;sBAAb,KAAK;gBACG,QAAQ,EAAA,CAAA;sBAAhB,KAAK;gBACG,SAAS,EAAA,CAAA;sBAAjB,KAAK;gBACG,QAAQ,EAAA,CAAA;sBAAhB,KAAK;;;~~MEMK~~,~~0BAA0B~~,CAAA;;~~uHAA1B~~,~~0BAA0B~~,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,~~QAAA~~,EAAA,CAAA,CAAA;~~AAA1B~~,~~0BAAA~~,CAAA,IAAA,GAAA,EAAA,CAAA,~~mBAAA~~,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,~~0BAA0B~~,~~EATnC~~,YAAA,EAAA,CAAA,~~qBAAqB~~,~~CAGrB~~,EAAA,OAAA,EAAA,CAAA,YAAY,~~aAGZ~~,qBAAqB,CAAA,EAAA,CAAA,CAAA;~~AAGZ~~,0BAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,0BAA0B,~~YANnC~~,YAAY,CAAA,EAAA,CAAA,CAAA;~~2FAMH~~,0BAA0B,EAAA,UAAA,EAAA,CAAA;~~kBAXtC~~,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,YAAY,EAAE;wBACZ,qBAAqB;~~AACtB~~,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACP,YAAY;~~AACb~~,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACP,qBAAqB;~~AACtB~~,qBAAA;AACF,iBAAA,CAAA;;;~~AChBD~~;;AAEG;;ACFH;;AAEG;;;;"}
1	+ {"version":3,"file":"jooler-websites-shared.mjs","sources":["../../../projects/jooler-websites-shared/src/lib/section-title/section-title.component.ts","../../../projects/jooler-websites-shared/src/lib/section-title/section-title.component.html","../../../projects/jooler-websites-shared/src/lib/page-section-style-ten/page-section-style-ten.component.ts","../../../projects/jooler-websites-shared/src/lib/page-section-style-ten/page-section-style-ten.component.html","../../../projects/jooler-websites-shared/src/lib/jooler-websites-shared.module.ts","../../../projects/jooler-websites-shared/src/lib/page-section-style-ten/page-section.model.ts","../../../projects/jooler-websites-shared/src/lib/page-section-style-ten/page-section-action.model.ts","../../../projects/jooler-websites-shared/src/public-api.ts","../../../projects/jooler-websites-shared/src/jooler-websites-shared.ts"],"sourcesContent":["import { Component, Input } from '@angular/core';\n\n@Component({\n selector: 'section-title',\n templateUrl: './section-title.component.html',\n styleUrls: ['./section-title.component.scss']\n})\nexport class SectionTitleComponent {\n @Input() title: string;\n @Input() subtitle: string;\n @Input() alignLeft: boolean;\n @Input() isDarkBg: boolean = false;\n}\n","<div class=\"section-container\"\n [ngClass]=\"{'align-left':alignLeft,'align-center':!alignLeft,'dark-background':isDarkBg ,'light-background':!isDarkBg}\">\n <div class=\"title\">{{title}}</div>\n <div class=\"divider\">\n </div>\n <div class=\"description\">\n {{subtitle}}\n </div>\n</div>","import { Component, Input, OnInit } from '@angular/core';\nimport { PageSection } from './page-section.model';\n\n@Component({\n selector: 'page-section-style-ten',\n templateUrl: './page-section-style-ten.component.html',\n styleUrls: ['./page-section-style-ten.component.scss']\n})\nexport class PageSectionStyleTenComponent implements OnInit {\n @Input() data: any \| PageSection;\n @Input() iconName: any = \"circle\";\n\n panelOpenState: boolean = false;\n\n constructor() { }\n\n ngOnInit(): void {\n // console.log(\"what's my section\", this.pageSection)\n }\n}\n","<mat-accordion class=\"mat-mdc-form-field\">\n <mat-expansion-panel (opened)=\"panelOpenState = true\" (closed)=\"panelOpenState = false\">\n <mat-expansion-panel-header>\n <div class=\"panel-headline\">\n <mat-panel-title>\n <fa-icon [icon]=\"iconName\">\n </fa-icon>\n {{data.question}}\n </mat-panel-title>\n </div>\n </mat-expansion-panel-header>\n <div class=\"panel-content\">\n <ul>\n <li>\n {{data.answer}}\n </li>\n </ul>\n </div>\n </mat-expansion-panel>\n</mat-accordion>","import { NgModule } from '@angular/core';\nimport { SectionTitleComponent } from './section-title/section-title.component';\nimport { PageSectionStyleTenComponent } from './page-section-style-ten/page-section-style-ten.component';\nimport { CommonModule } from '@angular/common';\nimport { AppMaterialModule } from '@jooler/app-material';\nimport { FontAwesomeSharedModule } from '@jooler/font-awesome-shared';\n\n\n\n@NgModule({\n declarations: [\n SectionTitleComponent,\n PageSectionStyleTenComponent\n\n ],\n imports: [\n CommonModule,\n AppMaterialModule,\n FontAwesomeSharedModule\n\n ],\n exports: [\n AppMaterialModule,\n SectionTitleComponent,\n PageSectionStyleTenComponent,\n FontAwesomeSharedModule\n ]\n})\nexport class JoolerWebsitesSharedModule { }\n","import { PageSectionAction } from './page-section-action.model';\n\nexport class PageSection {\n id: number;\n icon: string;\n title: string;\n description: string;\n image: string;\n titleImage: string;\n subtitle: string;\n actions: PageSectionAction[];\n}","export class PageSectionAction {\n id: number;\n route: string;\n label: string;\n}","/\n Public API Surface of jooler-websites-shared\n /\n\nexport from './lib/jooler-websites-shared.module';\nexport * from './lib/section-title/section-title.component';\nexport * from './lib/page-section-style-ten/page-section-style-ten.component';\nexport * from './lib/page-section-style-ten/page-section.model';\nexport * from './lib/page-section-style-ten/page-section-action.model';\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './public-api';\n"],"names":["i1"],"mappings":"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"}

package/index.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
-/**
- * Generated bundle index. Do not edit.
- */
-/// <amd-module name="jooler-websites-shared" />
-export * from './public-api';
+/**
+ * Generated bundle index. Do not edit.
+ */
+/// <amd-module name="jooler-websites-shared" />
+export * from './public-api';

package/lib/jooler-websites-shared.module.d.ts CHANGED Viewed

@@ -1,8 +1,11 @@
-import * as i0 from "@angular/core";
-import * as i1 from "./section-title/section-title.component";
-import * as i2 from "@angular/common";
-export declare class JoolerWebsitesSharedModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<JoolerWebsitesSharedModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<JoolerWebsitesSharedModule, [typeof i1.SectionTitleComponent], [typeof i2.CommonModule], [typeof i1.SectionTitleComponent]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<JoolerWebsitesSharedModule>;
-}
+import * as i0 from "@angular/core";
+import * as i1 from "./section-title/section-title.component";
+import * as i2 from "./page-section-style-ten/page-section-style-ten.component";
+import * as i3 from "@angular/common";
+import * as i4 from "@jooler/app-material";
+import * as i5 from "@jooler/font-awesome-shared";
+export declare class JoolerWebsitesSharedModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<JoolerWebsitesSharedModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<JoolerWebsitesSharedModule, [typeof i1.SectionTitleComponent, typeof i2.PageSectionStyleTenComponent], [typeof i3.CommonModule, typeof i4.AppMaterialModule, typeof i5.FontAwesomeSharedModule], [typeof i4.AppMaterialModule, typeof i1.SectionTitleComponent, typeof i2.PageSectionStyleTenComponent, typeof i5.FontAwesomeSharedModule]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<JoolerWebsitesSharedModule>;
+}

package/lib/page-section-style-ten/page-section-action.model.d.ts ADDED Viewed

@@ -0,0 +1,5 @@
+export declare class PageSectionAction {
+    id: number;
+    route: string;
+    label: string;
+}

package/lib/page-section-style-ten/page-section-style-ten.component.d.ts ADDED Viewed

@@ -0,0 +1,12 @@
+import { OnInit } from '@angular/core';
+import { PageSection } from './page-section.model';
+import * as i0 from "@angular/core";
+export declare class PageSectionStyleTenComponent implements OnInit {
+    data: any | PageSection;
+    iconName: any;
+    panelOpenState: boolean;
+    constructor();
+    ngOnInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<PageSectionStyleTenComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PageSectionStyleTenComponent, "page-section-style-ten", never, { "data": "data"; "iconName": "iconName"; }, {}, never, never, false>;
+}

package/lib/page-section-style-ten/page-section.model.d.ts ADDED Viewed

@@ -0,0 +1,11 @@
+import { PageSectionAction } from './page-section-action.model';
+export declare class PageSection {
+    id: number;
+    icon: string;
+    title: string;
+    description: string;
+    image: string;
+    titleImage: string;
+    subtitle: string;
+    actions: PageSectionAction[];
+}

package/lib/section-title/section-title.component.d.ts CHANGED Viewed

@@ -1,9 +1,9 @@
-import * as i0 from "@angular/core";
-export declare class SectionTitleComponent {
-    title: string;
-    subtitle: string;
-    alignLeft: boolean;
-    isDarkBg: boolean;
-    static ɵfac: i0.ɵɵFactoryDeclaration<SectionTitleComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SectionTitleComponent, "section-title", never, { "title": "title"; "subtitle": "subtitle"; "alignLeft": "alignLeft"; "isDarkBg": "isDarkBg"; }, {}, never, never, false>;
-}
+import * as i0 from "@angular/core";
+export declare class SectionTitleComponent {
+    title: string;
+    subtitle: string;
+    alignLeft: boolean;
+    isDarkBg: boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SectionTitleComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SectionTitleComponent, "section-title", never, { "title": "title"; "subtitle": "subtitle"; "alignLeft": "alignLeft"; "isDarkBg": "isDarkBg"; }, {}, never, never, false>;
+}

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@jooler/jooler-websites-shared",
-  "version": "0.0.1",
+  "version": "0.0.3",
   "peerDependencies": {
     "@angular/common": ">=13.1.0",
     "@angular/core": ">=13.1.0"
@@ -40,7 +40,7 @@
     "type": "git",
     "url": "git+https://github.com/HenryHamamji/erp-shared-library.git"
   },
-  "author": "Beatrice Beshay",
+  "author": "Mohammad Ali",
   "license": "UNLICENSED",
   "bugs": {
     "url": "https://github.com/HenryHamamji/erp-shared-library/issues"

package/public-api.d.ts CHANGED Viewed

@@ -1,2 +1,5 @@
-export * from './lib/jooler-websites-shared.module';
-export * from './lib/section-title/section-title.component';
+export * from './lib/jooler-websites-shared.module';
+export * from './lib/section-title/section-title.component';
+export * from './lib/page-section-style-ten/page-section-style-ten.component';
+export * from './lib/page-section-style-ten/page-section.model';
+export * from './lib/page-section-style-ten/page-section-action.model';