simpo-component-library 3.6.100 → 3.6.101
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/esm2022/lib/directive/button-directive.directive.mjs +3 -19
- package/esm2022/lib/directive/spacing-around.directive.mjs +2 -2
- package/esm2022/lib/elements/below-image-card/below-image-card.component.mjs +4 -12
- package/esm2022/lib/elements/covering-image-card/covering-image-card.component.mjs +3 -3
- package/esm2022/lib/elements/pricing-s1/pricing-s1.component.mjs +4 -6
- package/esm2022/lib/elements/simpo-button/simpo-button.component.mjs +3 -3
- package/esm2022/lib/elements/top-of-image-card/top-of-image-card.component.mjs +3 -3
- package/esm2022/lib/sections/add-new-section/add-new-section.component.mjs +2 -2
- package/esm2022/lib/sections/appointment-form/appointment-form.component.mjs +3 -5
- package/esm2022/lib/sections/banner-grid-section/banner-grid-section.component.mjs +6 -41
- package/esm2022/lib/sections/banner-section/banner-section.component.mjs +3 -3
- package/esm2022/lib/sections/carousel-banner/carousel-banner.component.mjs +3 -3
- package/esm2022/lib/sections/faq-section/faq-section.component.mjs +3 -3
- package/esm2022/lib/sections/features-section/features-section.component.mjs +4 -6
- package/esm2022/lib/sections/header-text/header-text.component.mjs +3 -3
- package/esm2022/lib/sections/logo-gallery/logo-gallery.component.mjs +3 -3
- package/esm2022/lib/sections/logo-showcase/logo-showcase.component.mjs +3 -6
- package/esm2022/lib/sections/logo-showcase/logo-showcase.modal.mjs +1 -1
- package/esm2022/lib/sections/pricing-section/pricing-section.component.mjs +3 -3
- package/esm2022/lib/sections/pricing-section/pricing-section.modal.mjs +1 -1
- package/esm2022/lib/sections/process-modern/process-modern.component.mjs +4 -12
- package/esm2022/lib/sections/process-section/process-section.component.mjs +3 -3
- package/esm2022/lib/sections/service-section/service-section.model.mjs +1 -1
- package/esm2022/lib/sections/video-section/video-section.component.mjs +1 -1
- package/esm2022/lib/styles/style.model.mjs +1 -1
- package/esm2022/public-api.mjs +1 -5
- package/fesm2022/simpo-component-library.mjs +75 -325
- package/fesm2022/simpo-component-library.mjs.map +1 -1
- package/lib/directive/button-directive.directive.d.ts +0 -2
- package/lib/sections/banner-grid-section/banner-grid-section.component.d.ts +1 -7
- package/lib/sections/logo-showcase/logo-showcase.component.d.ts +0 -1
- package/lib/sections/logo-showcase/logo-showcase.modal.d.ts +1 -9
- package/lib/sections/pricing-section/pricing-section.modal.d.ts +0 -1
- package/lib/sections/process-modern/process-modern.component.d.ts +0 -2
- package/lib/sections/service-section/service-section.model.d.ts +0 -2
- package/lib/styles/style.model.d.ts +0 -1
- package/package.json +1 -1
- package/public-api.d.ts +0 -4
- package/simpo-component-library-3.6.101.tgz +0 -0
- package/src/lib/styles/global-styles.css +0 -8
- package/esm2022/lib/directive/alignment.directive.mjs +0 -23
- package/esm2022/lib/directive/height.directive.mjs +0 -29
- package/esm2022/lib/directive/set-dynamic-background.directive.mjs +0 -66
- package/esm2022/lib/directive/spacing.directive.mjs +0 -29
- package/esm2022/lib/directive/translate-onhover.directive.mjs +0 -47
- package/lib/directive/alignment.directive.d.ts +0 -11
- package/lib/directive/height.directive.d.ts +0 -11
- package/lib/directive/set-dynamic-background.directive.d.ts +0 -14
- package/lib/directive/spacing.directive.d.ts +0 -12
- package/lib/directive/translate-onhover.directive.d.ts +0 -11
- package/simpo-component-library-3.6.100.tgz +0 -0
@@ -20,8 +20,6 @@ export declare class ButtonDirectiveDirective implements OnChanges {
|
|
20
20
|
buttonStyleSubscription?: Subscription;
|
21
21
|
buttonStyleChangeCheck(): void;
|
22
22
|
changeButtonStyle(id: any, style: ButtonStyleModel, backgroundInfo: BackgroundModel): void;
|
23
|
-
onHover(): void;
|
24
|
-
onLeave(): void;
|
25
23
|
static ɵfac: i0.ɵɵFactoryDeclaration<ButtonDirectiveDirective, never>;
|
26
24
|
static ɵdir: i0.ɵɵDirectiveDeclaration<ButtonDirectiveDirective, "[simpoButtonDirective]", never, { "buttonStyle": { "alias": "buttonStyle"; "required": false; }; "color": { "alias": "color"; "required": false; }; "scrollValue": { "alias": "scrollValue"; "required": false; }; "backgroundInfo": { "alias": "backgroundInfo"; "required": false; }; }, {}, never, never, true, never>;
|
27
25
|
}
|
@@ -2,7 +2,7 @@ import { OnInit } from '@angular/core';
|
|
2
2
|
import { BannerGridSectionModel, BannerGridContentModel, BannerGridStylesModel } from './banner-grid-section.model';
|
3
3
|
import { EventsService } from '../../services/events.service';
|
4
4
|
import BaseSection from '../BaseSection';
|
5
|
-
import { BackgroundModel, LayOutModel
|
5
|
+
import { BackgroundModel, LayOutModel } from '../../styles/style.model';
|
6
6
|
import * as i0 from "@angular/core";
|
7
7
|
export declare class BannerGridSectionComponent extends BaseSection implements OnInit {
|
8
8
|
private _eventService;
|
@@ -17,16 +17,10 @@ export declare class BannerGridSectionComponent extends BaseSection implements O
|
|
17
17
|
listItems: any;
|
18
18
|
constructor(_eventService: EventsService);
|
19
19
|
ngOnInit(): void;
|
20
|
-
screenWidth: any;
|
21
|
-
getScreenSize(): void;
|
22
20
|
get stylesLayout(): LayOutModel;
|
23
21
|
get canMergeNavbar(): boolean | undefined;
|
24
22
|
get isBorderlessImage(): boolean | undefined;
|
25
23
|
editSection(): void;
|
26
|
-
getImageClass(index: number): string;
|
27
|
-
get spacingLayout(): SpacingModel;
|
28
|
-
get alignmentLayout(): import("simpo-component-library").ALIGN | undefined;
|
29
|
-
get fitLayout(): import("simpo-component-library").FIT | undefined;
|
30
24
|
static ɵfac: i0.ɵɵFactoryDeclaration<BannerGridSectionComponent, never>;
|
31
25
|
static ɵcmp: i0.ɵɵComponentDeclaration<BannerGridSectionComponent, "simpo-banner-grid-section", never, { "data": { "alias": "data"; "required": false; }; "edit": { "alias": "edit"; "required": false; }; "delete": { "alias": "delete"; "required": false; }; "customClass": { "alias": "customClass"; "required": false; }; "index": { "alias": "index"; "required": false; }; "nextComponentColor": { "alias": "nextComponentColor"; "required": false; }; }, {}, never, never, true, never>;
|
32
26
|
}
|
@@ -25,7 +25,6 @@ export declare class LogoShowcaseComponent extends BaseSection implements OnInit
|
|
25
25
|
get stylesLayout(): LayOutModel;
|
26
26
|
get animationDuration(): logoSpeed;
|
27
27
|
get animationDirection(): "reverse" | "normal" | logoDirection.Left;
|
28
|
-
get isMobile(): boolean;
|
29
28
|
screenWidth: number;
|
30
29
|
getScreenSize(event?: number): void;
|
31
30
|
editSection(): void;
|
@@ -1,4 +1,4 @@
|
|
1
|
-
import { Image, ImageStyle, StylesModel, ActionModel, InputTextModel, ListItemModal, PositionLayoutModal
|
1
|
+
import { Image, ImageStyle, StylesModel, ActionModel, InputTextModel, ListItemModal, PositionLayoutModal } from "./../../styles/style.model";
|
2
2
|
import { Corners, logoDirection, logoSpeed, logoType, showCaseType, AlignContent } from './../../styles/index';
|
3
3
|
import { CARD_SIZE } from './../../styles/types';
|
4
4
|
export interface LogoShowcaseSection {
|
@@ -11,16 +11,10 @@ export interface LogoShowcaseSection {
|
|
11
11
|
}
|
12
12
|
export interface LogoShowcaseContentModel {
|
13
13
|
inputText: InputTextModel[];
|
14
|
-
display: Display;
|
15
14
|
listItem: ListItemModal<LogoShowcaseItemModel>;
|
16
15
|
}
|
17
|
-
export interface Display extends DisplaySection {
|
18
|
-
showIcon: boolean;
|
19
|
-
showButtonOnHover: boolean;
|
20
|
-
}
|
21
16
|
export interface LogoShowcaseItemModel {
|
22
17
|
image: Image;
|
23
|
-
inputText: InputTextModel;
|
24
18
|
}
|
25
19
|
export interface LogoShowcaseStylesModel extends StylesModel {
|
26
20
|
positionLayout: PositionLayoutModal;
|
@@ -34,6 +28,4 @@ export interface LogoShowcaseStylesModel extends StylesModel {
|
|
34
28
|
logoDirection: logoDirection;
|
35
29
|
showCaseType: showCaseType;
|
36
30
|
contentAlignment: AlignContent;
|
37
|
-
containerHeight: number;
|
38
|
-
containerWidth: number;
|
39
31
|
}
|
@@ -15,8 +15,6 @@ export declare class ProcessModernComponent extends BaseSection implements OnIni
|
|
15
15
|
nextComponentColor?: BackgroundModel;
|
16
16
|
styles?: ProcessModernStylesModel;
|
17
17
|
constructor(_eventService: EventsService);
|
18
|
-
scrWidth: number;
|
19
|
-
getScreenSize(): void;
|
20
18
|
ngOnInit(): void;
|
21
19
|
get stylesLayout(): LayOutModel;
|
22
20
|
get getJustifyContent(): string;
|
@@ -14,8 +14,6 @@ export interface ServiceContentModal {
|
|
14
14
|
}
|
15
15
|
export interface Display extends DisplaySection {
|
16
16
|
showIcon: boolean;
|
17
|
-
showHoverEffect: boolean;
|
18
|
-
showCardBackground: boolean;
|
19
17
|
showButtonOnHover: boolean;
|
20
18
|
}
|
21
19
|
export interface ServiceStylesModel extends StylesModel, CardStyles {
|
package/package.json
CHANGED
package/public-api.d.ts
CHANGED
@@ -84,10 +84,6 @@ export * from './lib/directive/sticky-directive';
|
|
84
84
|
export * from './lib/directive/removeCarousel-directive';
|
85
85
|
export * from './lib/directive/spacing-around.directive';
|
86
86
|
export * from './lib/directive/hover-animation.directive';
|
87
|
-
export * from './lib/directive/spacing.directive';
|
88
|
-
export * from './lib/directive/height.directive';
|
89
|
-
export * from './lib/directive/alignment.directive';
|
90
|
-
export * from './lib/directive/translate-onhover.directive';
|
91
87
|
export * from './lib/styles/index';
|
92
88
|
export * from './lib/styles/style.model';
|
93
89
|
export * from './lib/styles/types';
|
Binary file
|
@@ -189,12 +189,4 @@
|
|
189
189
|
width: 60%;
|
190
190
|
height: 100vh;
|
191
191
|
animation: slideInLeft 0.5s ease-in-out forwards;
|
192
|
-
}
|
193
|
-
|
194
|
-
.appointment-form{
|
195
|
-
@media only screen and (max-width: 500px){
|
196
|
-
margin: auto !important;
|
197
|
-
height: 65vh !important;
|
198
|
-
width: 95vw !important;
|
199
|
-
}
|
200
192
|
}
|
@@ -1,23 +0,0 @@
|
|
1
|
-
import { Directive, Input } from '@angular/core';
|
2
|
-
import * as i0 from "@angular/core";
|
3
|
-
export class AlignmentDirective {
|
4
|
-
constructor(el) {
|
5
|
-
this.el = el;
|
6
|
-
}
|
7
|
-
ngOnChanges() {
|
8
|
-
this.el.nativeElement.style.setProperty('text-align', this.alignment);
|
9
|
-
}
|
10
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.4", ngImport: i0, type: AlignmentDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
|
11
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.1.4", type: AlignmentDirective, isStandalone: true, selector: "[simpoAlignment]", inputs: { alignment: ["simpoAlignment", "alignment"] }, usesOnChanges: true, ngImport: i0 }); }
|
12
|
-
}
|
13
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.4", ngImport: i0, type: AlignmentDirective, decorators: [{
|
14
|
-
type: Directive,
|
15
|
-
args: [{
|
16
|
-
selector: '[simpoAlignment]',
|
17
|
-
standalone: true,
|
18
|
-
}]
|
19
|
-
}], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { alignment: [{
|
20
|
-
type: Input,
|
21
|
-
args: ['simpoAlignment']
|
22
|
-
}] } });
|
23
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWxpZ25tZW50LmRpcmVjdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NpbXBvLXVpL3NyYy9saWIvZGlyZWN0aXZlL2FsaWdubWVudC5kaXJlY3RpdmUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBYyxLQUFLLEVBQXFCLE1BQU0sZUFBZSxDQUFDOztBQVVoRixNQUFNLE9BQU8sa0JBQWtCO0lBRzdCLFlBQW9CLEVBQWM7UUFBZCxPQUFFLEdBQUYsRUFBRSxDQUFZO0lBQUcsQ0FBQztJQUV0QyxXQUFXO1FBQ1QsSUFBSSxDQUFDLEVBQUUsQ0FBQyxhQUFhLENBQUMsS0FBSyxDQUFDLFdBQVcsQ0FBQyxZQUFZLEVBQUUsSUFBSSxDQUFDLFNBQVMsQ0FBQyxDQUFDO0lBQ3hFLENBQUM7OEdBUFUsa0JBQWtCO2tHQUFsQixrQkFBa0I7OzJGQUFsQixrQkFBa0I7a0JBSjlCLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLGtCQUFrQjtvQkFDNUIsVUFBVSxFQUFFLElBQUk7aUJBQ2pCOytFQUUwQixTQUFTO3NCQUFqQyxLQUFLO3VCQUFDLGdCQUFnQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IERpcmVjdGl2ZSwgRWxlbWVudFJlZiwgSW5wdXQsIE9uQ2hhbmdlcywgT25Jbml0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IEFsaWduQ29udGVudCwgYXBwbHlTcGFjaW5nIH0gZnJvbSAnLi4vc3R5bGVzL2luZGV4JztcclxuaW1wb3J0IHsgU3BhY2luZ01vZGVsIH0gZnJvbSAnLi4vc3R5bGVzL3N0eWxlLm1vZGVsJztcclxuaW1wb3J0IHsgRXZlbnRzU2VydmljZSB9IGZyb20gJy4uL3NlcnZpY2VzL2V2ZW50cy5zZXJ2aWNlJztcclxuaW1wb3J0IHsgQUxJR04gfSBmcm9tICcuLi9zdHlsZXMvdHlwZXMnO1xyXG5cclxuQERpcmVjdGl2ZSh7XHJcbiAgc2VsZWN0b3I6ICdbc2ltcG9BbGlnbm1lbnRdJyxcclxuICBzdGFuZGFsb25lOiB0cnVlLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgQWxpZ25tZW50RGlyZWN0aXZlIGltcGxlbWVudHMgT25DaGFuZ2VzIHtcclxuICBASW5wdXQoJ3NpbXBvQWxpZ25tZW50JykgYWxpZ25tZW50PzogQUxJR047XHJcblxyXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgZWw6IEVsZW1lbnRSZWYpIHt9XHJcblxyXG4gIG5nT25DaGFuZ2VzKCk6IHZvaWQge1xyXG4gICAgdGhpcy5lbC5uYXRpdmVFbGVtZW50LnN0eWxlLnNldFByb3BlcnR5KCd0ZXh0LWFsaWduJywgdGhpcy5hbGlnbm1lbnQpO1xyXG4gIH1cclxuXHJcbn1cclxuIl19
|
@@ -1,29 +0,0 @@
|
|
1
|
-
import { Directive, Input } from '@angular/core';
|
2
|
-
import { fitContent, fitScreen } from '../styles/index';
|
3
|
-
import * as i0 from "@angular/core";
|
4
|
-
export class HeightDirective {
|
5
|
-
constructor(el) {
|
6
|
-
this.el = el;
|
7
|
-
}
|
8
|
-
ngOnChanges() {
|
9
|
-
if (this.fit === 'content') {
|
10
|
-
fitContent(this.el.nativeElement);
|
11
|
-
}
|
12
|
-
else if (this.fit === 'screen') {
|
13
|
-
fitScreen(this.el.nativeElement);
|
14
|
-
}
|
15
|
-
}
|
16
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.4", ngImport: i0, type: HeightDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
|
17
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.1.4", type: HeightDirective, isStandalone: true, selector: "[simpoHeight]", inputs: { fit: ["simpoHeight", "fit"] }, usesOnChanges: true, ngImport: i0 }); }
|
18
|
-
}
|
19
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.4", ngImport: i0, type: HeightDirective, decorators: [{
|
20
|
-
type: Directive,
|
21
|
-
args: [{
|
22
|
-
selector: '[simpoHeight]',
|
23
|
-
standalone: true,
|
24
|
-
}]
|
25
|
-
}], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { fit: [{
|
26
|
-
type: Input,
|
27
|
-
args: ['simpoHeight']
|
28
|
-
}] } });
|
29
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaGVpZ2h0LmRpcmVjdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NpbXBvLXVpL3NyYy9saWIvZGlyZWN0aXZlL2hlaWdodC5kaXJlY3RpdmUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBYyxLQUFLLEVBQXFCLE1BQU0sZUFBZSxDQUFDO0FBRWhGLE9BQU8sRUFBRSxVQUFVLEVBQUUsU0FBUyxFQUFFLE1BQU0saUJBQWlCLENBQUM7O0FBTXhELE1BQU0sT0FBTyxlQUFlO0lBRzFCLFlBQW9CLEVBQWM7UUFBZCxPQUFFLEdBQUYsRUFBRSxDQUFZO0lBQUcsQ0FBQztJQUV0QyxXQUFXO1FBQ1QsSUFBSSxJQUFJLENBQUMsR0FBRyxLQUFLLFNBQVMsRUFBRSxDQUFDO1lBQzNCLFVBQVUsQ0FBQyxJQUFJLENBQUMsRUFBRSxDQUFDLGFBQWEsQ0FBQyxDQUFDO1FBQ3BDLENBQUM7YUFBTSxJQUFHLElBQUksQ0FBQyxHQUFHLEtBQUssUUFBUSxFQUFFLENBQUM7WUFDaEMsU0FBUyxDQUFDLElBQUksQ0FBQyxFQUFFLENBQUMsYUFBYSxDQUFDLENBQUM7UUFDbkMsQ0FBQztJQUNILENBQUM7OEdBWFUsZUFBZTtrR0FBZixlQUFlOzsyRkFBZixlQUFlO2tCQUozQixTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSxlQUFlO29CQUN6QixVQUFVLEVBQUUsSUFBSTtpQkFDakI7K0VBRXVCLEdBQUc7c0JBQXhCLEtBQUs7dUJBQUMsYUFBYSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IERpcmVjdGl2ZSwgRWxlbWVudFJlZiwgSW5wdXQsIE9uQ2hhbmdlcywgT25Jbml0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7ICBGSVQgfSBmcm9tICcuLi9zdHlsZXMvdHlwZXMnO1xyXG5pbXBvcnQgeyBmaXRDb250ZW50LCBmaXRTY3JlZW4gfSBmcm9tICcuLi9zdHlsZXMvaW5kZXgnO1xyXG5cclxuQERpcmVjdGl2ZSh7XHJcbiAgc2VsZWN0b3I6ICdbc2ltcG9IZWlnaHRdJyxcclxuICBzdGFuZGFsb25lOiB0cnVlLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgSGVpZ2h0RGlyZWN0aXZlIGltcGxlbWVudHMgT25DaGFuZ2VzIHtcclxuICBASW5wdXQoJ3NpbXBvSGVpZ2h0JykgZml0PzogRklUO1xyXG5cclxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIGVsOiBFbGVtZW50UmVmKSB7fVxyXG5cclxuICBuZ09uQ2hhbmdlcygpOiB2b2lkIHtcclxuICAgIGlmICh0aGlzLmZpdCA9PT0gJ2NvbnRlbnQnKSB7XHJcbiAgICAgIGZpdENvbnRlbnQodGhpcy5lbC5uYXRpdmVFbGVtZW50KTtcclxuICAgIH0gZWxzZSBpZih0aGlzLmZpdCA9PT0gJ3NjcmVlbicpIHtcclxuICAgICAgZml0U2NyZWVuKHRoaXMuZWwubmF0aXZlRWxlbWVudCk7XHJcbiAgICB9XHJcbiAgfVxyXG5cclxufVxyXG4iXX0=
|
@@ -1,66 +0,0 @@
|
|
1
|
-
import { Directive, Input } from '@angular/core';
|
2
|
-
import * as i0 from "@angular/core";
|
3
|
-
export class SetDynamicBackgroundDirective {
|
4
|
-
constructor(el) {
|
5
|
-
this.el = el;
|
6
|
-
this.backgroundColor = '';
|
7
|
-
this.showBackground = false;
|
8
|
-
}
|
9
|
-
ngOnChanges() {
|
10
|
-
if (this.showBackground == true) {
|
11
|
-
const backgroundColor = this.getContrastingColor(this.backgroundColor);
|
12
|
-
this.el.nativeElement.style.backgroundColor = backgroundColor;
|
13
|
-
this.el.nativeElement.style.setProperty('padding', '0.5rem');
|
14
|
-
// this.el.nativeElement.style.setProperty('border-radius', '17px');
|
15
|
-
this.el.nativeElement.style.setProperty('border', `2px solid ${this.backgroundColor}`);
|
16
|
-
}
|
17
|
-
else {
|
18
|
-
this.el.nativeElement.style.backgroundColor = 'transparent';
|
19
|
-
this.el.nativeElement.style.setProperty('padding', '0');
|
20
|
-
this.el.nativeElement.style.setProperty('border-radius', '0');
|
21
|
-
this.el.nativeElement.style.setProperty('border', 'none');
|
22
|
-
}
|
23
|
-
}
|
24
|
-
getContrastingColor(bgColor) {
|
25
|
-
const color = bgColor.replace('#', '');
|
26
|
-
const r = parseInt(color.substr(0, 2), 16);
|
27
|
-
const g = parseInt(color.substr(2, 2), 16);
|
28
|
-
const b = parseInt(color.substr(4, 2), 16);
|
29
|
-
const brightness = (r * 299 + g * 587 + b * 114) / 1000;
|
30
|
-
const isDark = brightness < 128;
|
31
|
-
if (isDark) {
|
32
|
-
return this.lightenColor(r, g, b, 0.04);
|
33
|
-
}
|
34
|
-
else {
|
35
|
-
return this.darkenColor(r, g, b, 0.08);
|
36
|
-
}
|
37
|
-
}
|
38
|
-
lightenColor(r, g, b, factor) {
|
39
|
-
const newR = Math.min(255, Math.round(r + (255 - r) * factor));
|
40
|
-
const newG = Math.min(255, Math.round(g + (255 - g) * factor));
|
41
|
-
const newB = Math.min(255, Math.round(b + (255 - b) * factor));
|
42
|
-
return `rgb(${newR}, ${newG}, ${newB})`;
|
43
|
-
}
|
44
|
-
darkenColor(r, g, b, factor) {
|
45
|
-
const newR = Math.max(0, Math.round(r * (1 - factor)));
|
46
|
-
const newG = Math.max(0, Math.round(g * (1 - factor)));
|
47
|
-
const newB = Math.max(0, Math.round(b * (1 - factor)));
|
48
|
-
return `rgb(${newR}, ${newG}, ${newB})`;
|
49
|
-
}
|
50
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.4", ngImport: i0, type: SetDynamicBackgroundDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
|
51
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.1.4", type: SetDynamicBackgroundDirective, isStandalone: true, selector: "[simpoSetDynamicBackground]", inputs: { backgroundColor: "backgroundColor", showBackground: ["simpoSetDynamicBackground", "showBackground"] }, usesOnChanges: true, ngImport: i0 }); }
|
52
|
-
}
|
53
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.4", ngImport: i0, type: SetDynamicBackgroundDirective, decorators: [{
|
54
|
-
type: Directive,
|
55
|
-
args: [{
|
56
|
-
selector: '[simpoSetDynamicBackground]',
|
57
|
-
standalone: true
|
58
|
-
}]
|
59
|
-
}], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { backgroundColor: [{
|
60
|
-
type: Input,
|
61
|
-
args: ['backgroundColor']
|
62
|
-
}], showBackground: [{
|
63
|
-
type: Input,
|
64
|
-
args: ['simpoSetDynamicBackground']
|
65
|
-
}] } });
|
66
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2V0LWR5bmFtaWMtYmFja2dyb3VuZC5kaXJlY3RpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zaW1wby11aS9zcmMvbGliL2RpcmVjdGl2ZS9zZXQtZHluYW1pYy1iYWNrZ3JvdW5kLmRpcmVjdGl2ZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFjLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQzs7QUFNN0QsTUFBTSxPQUFPLDZCQUE2QjtJQUt4QyxZQUFvQixFQUFjO1FBQWQsT0FBRSxHQUFGLEVBQUUsQ0FBWTtRQUhSLG9CQUFlLEdBQVcsRUFBRSxDQUFDO1FBQ25CLG1CQUFjLEdBQVksS0FBSyxDQUFDO0lBRTlCLENBQUM7SUFFdkMsV0FBVztRQUNULElBQUksSUFBSSxDQUFDLGNBQWMsSUFBSSxJQUFJLEVBQUUsQ0FBQztZQUNoQyxNQUFNLGVBQWUsR0FBRyxJQUFJLENBQUMsbUJBQW1CLENBQUMsSUFBSSxDQUFDLGVBQWUsQ0FBQyxDQUFDO1lBQ3ZFLElBQUksQ0FBQyxFQUFFLENBQUMsYUFBYSxDQUFDLEtBQUssQ0FBQyxlQUFlLEdBQUcsZUFBZSxDQUFDO1lBQzlELElBQUksQ0FBQyxFQUFFLENBQUMsYUFBYSxDQUFDLEtBQUssQ0FBQyxXQUFXLENBQUMsU0FBUyxFQUFFLFFBQVEsQ0FBQyxDQUFDO1lBQzdELG9FQUFvRTtZQUNwRSxJQUFJLENBQUMsRUFBRSxDQUFDLGFBQWEsQ0FBQyxLQUFLLENBQUMsV0FBVyxDQUFDLFFBQVEsRUFBRSxhQUFhLElBQUksQ0FBQyxlQUFlLEVBQUUsQ0FBQyxDQUFDO1FBQ3pGLENBQUM7YUFBSSxDQUFDO1lBQ0osSUFBSSxDQUFDLEVBQUUsQ0FBQyxhQUFhLENBQUMsS0FBSyxDQUFDLGVBQWUsR0FBRyxhQUFhLENBQUM7WUFDNUQsSUFBSSxDQUFDLEVBQUUsQ0FBQyxhQUFhLENBQUMsS0FBSyxDQUFDLFdBQVcsQ0FBQyxTQUFTLEVBQUUsR0FBRyxDQUFDLENBQUM7WUFDeEQsSUFBSSxDQUFDLEVBQUUsQ0FBQyxhQUFhLENBQUMsS0FBSyxDQUFDLFdBQVcsQ0FBQyxlQUFlLEVBQUUsR0FBRyxDQUFDLENBQUM7WUFDOUQsSUFBSSxDQUFDLEVBQUUsQ0FBQyxhQUFhLENBQUMsS0FBSyxDQUFDLFdBQVcsQ0FBQyxRQUFRLEVBQUUsTUFBTSxDQUFDLENBQUM7UUFDNUQsQ0FBQztJQUNILENBQUM7SUFFTyxtQkFBbUIsQ0FBQyxPQUFlO1FBQ3pDLE1BQU0sS0FBSyxHQUFHLE9BQU8sQ0FBQyxPQUFPLENBQUMsR0FBRyxFQUFFLEVBQUUsQ0FBQyxDQUFDO1FBQ3ZDLE1BQU0sQ0FBQyxHQUFHLFFBQVEsQ0FBQyxLQUFLLENBQUMsTUFBTSxDQUFDLENBQUMsRUFBRSxDQUFDLENBQUMsRUFBRSxFQUFFLENBQUMsQ0FBQztRQUMzQyxNQUFNLENBQUMsR0FBRyxRQUFRLENBQUMsS0FBSyxDQUFDLE1BQU0sQ0FBQyxDQUFDLEVBQUUsQ0FBQyxDQUFDLEVBQUUsRUFBRSxDQUFDLENBQUM7UUFDM0MsTUFBTSxDQUFDLEdBQUcsUUFBUSxDQUFDLEtBQUssQ0FBQyxNQUFNLENBQUMsQ0FBQyxFQUFFLENBQUMsQ0FBQyxFQUFFLEVBQUUsQ0FBQyxDQUFDO1FBRTNDLE1BQU0sVUFBVSxHQUFHLENBQUMsQ0FBQyxHQUFHLEdBQUcsR0FBRyxDQUFDLEdBQUcsR0FBRyxHQUFHLENBQUMsR0FBRyxHQUFHLENBQUMsR0FBRyxJQUFJLENBQUM7UUFFeEQsTUFBTSxNQUFNLEdBQUcsVUFBVSxHQUFHLEdBQUcsQ0FBQztRQUVoQyxJQUFJLE1BQU0sRUFBRSxDQUFDO1lBQ1gsT0FBUSxJQUFJLENBQUMsWUFBWSxDQUFDLENBQUMsRUFBRSxDQUFDLEVBQUUsQ0FBQyxFQUFFLElBQUksQ0FBQyxDQUFBO1FBQzFDLENBQUM7YUFBTSxDQUFDO1lBQ04sT0FBTyxJQUFJLENBQUMsV0FBVyxDQUFDLENBQUMsRUFBRSxDQUFDLEVBQUUsQ0FBQyxFQUFFLElBQUksQ0FBQyxDQUFDO1FBQ3pDLENBQUM7SUFDSCxDQUFDO0lBSUQsWUFBWSxDQUFDLENBQVMsRUFBRSxDQUFTLEVBQUUsQ0FBUyxFQUFFLE1BQWM7UUFDMUQsTUFBTSxJQUFJLEdBQUcsSUFBSSxDQUFDLEdBQUcsQ0FBQyxHQUFHLEVBQUUsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDLEdBQUcsQ0FBQyxHQUFHLEdBQUcsQ0FBQyxDQUFDLEdBQUcsTUFBTSxDQUFDLENBQUMsQ0FBQztRQUMvRCxNQUFNLElBQUksR0FBRyxJQUFJLENBQUMsR0FBRyxDQUFDLEdBQUcsRUFBRSxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUMsR0FBRyxDQUFDLEdBQUcsR0FBRyxDQUFDLENBQUMsR0FBRyxNQUFNLENBQUMsQ0FBQyxDQUFDO1FBQy9ELE1BQU0sSUFBSSxHQUFHLElBQUksQ0FBQyxHQUFHLENBQUMsR0FBRyxFQUFFLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQyxHQUFHLENBQUMsR0FBRyxHQUFHLENBQUMsQ0FBQyxHQUFHLE1BQU0sQ0FBQyxDQUFDLENBQUM7UUFFL0QsT0FBTyxPQUFPLElBQUksS0FBSyxJQUFJLEtBQUssSUFBSSxHQUFHLENBQUM7SUFDMUMsQ0FBQztJQUVELFdBQVcsQ0FBQyxDQUFTLEVBQUUsQ0FBUyxFQUFFLENBQVMsRUFBRSxNQUFjO1FBQ3pELE1BQU0sSUFBSSxHQUFHLElBQUksQ0FBQyxHQUFHLENBQUMsQ0FBQyxFQUFFLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQyxHQUFHLENBQUMsQ0FBQyxHQUFHLE1BQU0sQ0FBQyxDQUFDLENBQUMsQ0FBQztRQUN2RCxNQUFNLElBQUksR0FBRyxJQUFJLENBQUMsR0FBRyxDQUFDLENBQUMsRUFBRSxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUMsR0FBRyxDQUFDLENBQUMsR0FBRyxNQUFNLENBQUMsQ0FBQyxDQUFDLENBQUM7UUFDdkQsTUFBTSxJQUFJLEdBQUcsSUFBSSxDQUFDLEdBQUcsQ0FBQyxDQUFDLEVBQUUsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDLEdBQUcsQ0FBQyxDQUFDLEdBQUcsTUFBTSxDQUFDLENBQUMsQ0FBQyxDQUFDO1FBRXZELE9BQU8sT0FBTyxJQUFJLEtBQUssSUFBSSxLQUFLLElBQUksR0FBRyxDQUFDO0lBQzFDLENBQUM7OEdBdkRVLDZCQUE2QjtrR0FBN0IsNkJBQTZCOzsyRkFBN0IsNkJBQTZCO2tCQUp6QyxTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSw2QkFBNkI7b0JBQ3ZDLFVBQVUsRUFBRSxJQUFJO2lCQUNqQjsrRUFHMkIsZUFBZTtzQkFBeEMsS0FBSzt1QkFBQyxpQkFBaUI7Z0JBQ1ksY0FBYztzQkFBakQsS0FBSzt1QkFBQywyQkFBMkIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBEaXJlY3RpdmUsIEVsZW1lbnRSZWYsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcblxyXG5ARGlyZWN0aXZlKHtcclxuICBzZWxlY3RvcjogJ1tzaW1wb1NldER5bmFtaWNCYWNrZ3JvdW5kXScsXHJcbiAgc3RhbmRhbG9uZTogdHJ1ZVxyXG59KVxyXG5leHBvcnQgY2xhc3MgU2V0RHluYW1pY0JhY2tncm91bmREaXJlY3RpdmUge1xyXG5cclxuICBASW5wdXQoJ2JhY2tncm91bmRDb2xvcicpIGJhY2tncm91bmRDb2xvcjogc3RyaW5nID0gJyc7XHJcbiAgQElucHV0KCdzaW1wb1NldER5bmFtaWNCYWNrZ3JvdW5kJykgc2hvd0JhY2tncm91bmQ6IGJvb2xlYW4gPSBmYWxzZTtcclxuXHJcbiAgY29uc3RydWN0b3IocHJpdmF0ZSBlbDogRWxlbWVudFJlZikgeyB9XHJcblxyXG4gIG5nT25DaGFuZ2VzKCkge1xyXG4gICAgaWYgKHRoaXMuc2hvd0JhY2tncm91bmQgPT0gdHJ1ZSkge1xyXG4gICAgICBjb25zdCBiYWNrZ3JvdW5kQ29sb3IgPSB0aGlzLmdldENvbnRyYXN0aW5nQ29sb3IodGhpcy5iYWNrZ3JvdW5kQ29sb3IpO1xyXG4gICAgICB0aGlzLmVsLm5hdGl2ZUVsZW1lbnQuc3R5bGUuYmFja2dyb3VuZENvbG9yID0gYmFja2dyb3VuZENvbG9yO1xyXG4gICAgICB0aGlzLmVsLm5hdGl2ZUVsZW1lbnQuc3R5bGUuc2V0UHJvcGVydHkoJ3BhZGRpbmcnLCAnMC41cmVtJyk7XHJcbiAgICAgIC8vIHRoaXMuZWwubmF0aXZlRWxlbWVudC5zdHlsZS5zZXRQcm9wZXJ0eSgnYm9yZGVyLXJhZGl1cycsICcxN3B4Jyk7XHJcbiAgICAgIHRoaXMuZWwubmF0aXZlRWxlbWVudC5zdHlsZS5zZXRQcm9wZXJ0eSgnYm9yZGVyJywgYDJweCBzb2xpZCAke3RoaXMuYmFja2dyb3VuZENvbG9yfWApO1xyXG4gICAgfWVsc2V7XHJcbiAgICAgIHRoaXMuZWwubmF0aXZlRWxlbWVudC5zdHlsZS5iYWNrZ3JvdW5kQ29sb3IgPSAndHJhbnNwYXJlbnQnO1xyXG4gICAgICB0aGlzLmVsLm5hdGl2ZUVsZW1lbnQuc3R5bGUuc2V0UHJvcGVydHkoJ3BhZGRpbmcnLCAnMCcpO1xyXG4gICAgICB0aGlzLmVsLm5hdGl2ZUVsZW1lbnQuc3R5bGUuc2V0UHJvcGVydHkoJ2JvcmRlci1yYWRpdXMnLCAnMCcpO1xyXG4gICAgICB0aGlzLmVsLm5hdGl2ZUVsZW1lbnQuc3R5bGUuc2V0UHJvcGVydHkoJ2JvcmRlcicsICdub25lJyk7XHJcbiAgICB9XHJcbiAgfVxyXG5cclxuICBwcml2YXRlIGdldENvbnRyYXN0aW5nQ29sb3IoYmdDb2xvcjogc3RyaW5nKTogc3RyaW5nIHtcclxuICAgIGNvbnN0IGNvbG9yID0gYmdDb2xvci5yZXBsYWNlKCcjJywgJycpO1xyXG4gICAgY29uc3QgciA9IHBhcnNlSW50KGNvbG9yLnN1YnN0cigwLCAyKSwgMTYpO1xyXG4gICAgY29uc3QgZyA9IHBhcnNlSW50KGNvbG9yLnN1YnN0cigyLCAyKSwgMTYpO1xyXG4gICAgY29uc3QgYiA9IHBhcnNlSW50KGNvbG9yLnN1YnN0cig0LCAyKSwgMTYpO1xyXG5cclxuICAgIGNvbnN0IGJyaWdodG5lc3MgPSAociAqIDI5OSArIGcgKiA1ODcgKyBiICogMTE0KSAvIDEwMDA7XHJcblxyXG4gICAgY29uc3QgaXNEYXJrID0gYnJpZ2h0bmVzcyA8IDEyODtcclxuXHJcbiAgICBpZiAoaXNEYXJrKSB7XHJcbiAgICAgIHJldHVybiAgdGhpcy5saWdodGVuQ29sb3IociwgZywgYiwgMC4wNClcclxuICAgIH0gZWxzZSB7XHJcbiAgICAgIHJldHVybiB0aGlzLmRhcmtlbkNvbG9yKHIsIGcsIGIsIDAuMDgpO1xyXG4gICAgfVxyXG4gIH1cclxuXHJcblxyXG5cclxuICBsaWdodGVuQ29sb3IocjogbnVtYmVyLCBnOiBudW1iZXIsIGI6IG51bWJlciwgZmFjdG9yOiBudW1iZXIpOiBzdHJpbmcge1xyXG4gICAgY29uc3QgbmV3UiA9IE1hdGgubWluKDI1NSwgTWF0aC5yb3VuZChyICsgKDI1NSAtIHIpICogZmFjdG9yKSk7XHJcbiAgICBjb25zdCBuZXdHID0gTWF0aC5taW4oMjU1LCBNYXRoLnJvdW5kKGcgKyAoMjU1IC0gZykgKiBmYWN0b3IpKTtcclxuICAgIGNvbnN0IG5ld0IgPSBNYXRoLm1pbigyNTUsIE1hdGgucm91bmQoYiArICgyNTUgLSBiKSAqIGZhY3RvcikpO1xyXG5cclxuICAgIHJldHVybiBgcmdiKCR7bmV3Un0sICR7bmV3R30sICR7bmV3Qn0pYDtcclxuICB9XHJcblxyXG4gIGRhcmtlbkNvbG9yKHI6IG51bWJlciwgZzogbnVtYmVyLCBiOiBudW1iZXIsIGZhY3RvcjogbnVtYmVyKTogc3RyaW5nIHtcclxuICAgIGNvbnN0IG5ld1IgPSBNYXRoLm1heCgwLCBNYXRoLnJvdW5kKHIgKiAoMSAtIGZhY3RvcikpKTtcclxuICAgIGNvbnN0IG5ld0cgPSBNYXRoLm1heCgwLCBNYXRoLnJvdW5kKGcgKiAoMSAtIGZhY3RvcikpKTtcclxuICAgIGNvbnN0IG5ld0IgPSBNYXRoLm1heCgwLCBNYXRoLnJvdW5kKGIgKiAoMSAtIGZhY3RvcikpKTtcclxuXHJcbiAgICByZXR1cm4gYHJnYigke25ld1J9LCAke25ld0d9LCAke25ld0J9KWA7XHJcbiAgfVxyXG5cclxuXHJcbn1cclxuIl19
|
@@ -1,29 +0,0 @@
|
|
1
|
-
import { Directive, Input } from '@angular/core';
|
2
|
-
import { applySpacing } from '../styles/index';
|
3
|
-
import * as i0 from "@angular/core";
|
4
|
-
export class SpacingDirective {
|
5
|
-
constructor(el) {
|
6
|
-
this.el = el;
|
7
|
-
}
|
8
|
-
ngOnChanges() {
|
9
|
-
this.applySpacing();
|
10
|
-
}
|
11
|
-
applySpacing() {
|
12
|
-
if (this.spacing) {
|
13
|
-
applySpacing(this.el.nativeElement, this.spacing);
|
14
|
-
}
|
15
|
-
}
|
16
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.4", ngImport: i0, type: SpacingDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
|
17
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.1.4", type: SpacingDirective, isStandalone: true, selector: "[simpoSpacing]", inputs: { spacing: ["simpoSpacing", "spacing"] }, usesOnChanges: true, ngImport: i0 }); }
|
18
|
-
}
|
19
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.4", ngImport: i0, type: SpacingDirective, decorators: [{
|
20
|
-
type: Directive,
|
21
|
-
args: [{
|
22
|
-
selector: '[simpoSpacing]',
|
23
|
-
standalone: true,
|
24
|
-
}]
|
25
|
-
}], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { spacing: [{
|
26
|
-
type: Input,
|
27
|
-
args: ['simpoSpacing']
|
28
|
-
}] } });
|
29
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3BhY2luZy5kaXJlY3RpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zaW1wby11aS9zcmMvbGliL2RpcmVjdGl2ZS9zcGFjaW5nLmRpcmVjdGl2ZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFjLEtBQUssRUFBcUIsTUFBTSxlQUFlLENBQUM7QUFDaEYsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDOztBQVEvQyxNQUFNLE9BQU8sZ0JBQWdCO0lBRzNCLFlBQW9CLEVBQWM7UUFBZCxPQUFFLEdBQUYsRUFBRSxDQUFZO0lBQUcsQ0FBQztJQUV0QyxXQUFXO1FBQ1QsSUFBSSxDQUFDLFlBQVksRUFBRSxDQUFDO0lBQ3RCLENBQUM7SUFFTyxZQUFZO1FBQ2xCLElBQUksSUFBSSxDQUFDLE9BQU8sRUFBRSxDQUFDO1lBQ2pCLFlBQVksQ0FBQyxJQUFJLENBQUMsRUFBRSxDQUFDLGFBQWEsRUFBRSxJQUFJLENBQUMsT0FBTyxDQUFDLENBQUM7UUFDcEQsQ0FBQztJQUNILENBQUM7OEdBYlUsZ0JBQWdCO2tHQUFoQixnQkFBZ0I7OzJGQUFoQixnQkFBZ0I7a0JBSjVCLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLGdCQUFnQjtvQkFDMUIsVUFBVSxFQUFFLElBQUk7aUJBQ2pCOytFQUV3QixPQUFPO3NCQUE3QixLQUFLO3VCQUFDLGNBQWMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBEaXJlY3RpdmUsIEVsZW1lbnRSZWYsIElucHV0LCBPbkNoYW5nZXMsIE9uSW5pdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBhcHBseVNwYWNpbmcgfSBmcm9tICcuLi9zdHlsZXMvaW5kZXgnO1xyXG5pbXBvcnQgeyBTcGFjaW5nTW9kZWwgfSBmcm9tICcuLi9zdHlsZXMvc3R5bGUubW9kZWwnO1xyXG5pbXBvcnQgeyBFdmVudHNTZXJ2aWNlIH0gZnJvbSAnLi4vc2VydmljZXMvZXZlbnRzLnNlcnZpY2UnO1xyXG5cclxuQERpcmVjdGl2ZSh7XHJcbiAgc2VsZWN0b3I6ICdbc2ltcG9TcGFjaW5nXScsXHJcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcclxufSlcclxuZXhwb3J0IGNsYXNzIFNwYWNpbmdEaXJlY3RpdmUgaW1wbGVtZW50cyBPbkNoYW5nZXMge1xyXG4gIEBJbnB1dCgnc2ltcG9TcGFjaW5nJykgc3BhY2luZz86IFNwYWNpbmdNb2RlbDtcclxuXHJcbiAgY29uc3RydWN0b3IocHJpdmF0ZSBlbDogRWxlbWVudFJlZikge31cclxuXHJcbiAgbmdPbkNoYW5nZXMoKTogdm9pZCB7XHJcbiAgICB0aGlzLmFwcGx5U3BhY2luZygpO1xyXG4gIH1cclxuXHJcbiAgcHJpdmF0ZSBhcHBseVNwYWNpbmcoKTogdm9pZCB7XHJcbiAgICBpZiAodGhpcy5zcGFjaW5nKSB7XHJcbiAgICAgIGFwcGx5U3BhY2luZyh0aGlzLmVsLm5hdGl2ZUVsZW1lbnQsIHRoaXMuc3BhY2luZyk7XHJcbiAgICB9XHJcbiAgfVxyXG59XHJcbiJdfQ==
|
@@ -1,47 +0,0 @@
|
|
1
|
-
import { Directive, Input } from '@angular/core';
|
2
|
-
import * as i0 from "@angular/core";
|
3
|
-
export class TranslateOnhoverDirective {
|
4
|
-
constructor(el) {
|
5
|
-
this.el = el;
|
6
|
-
this.setTranslate();
|
7
|
-
}
|
8
|
-
ngOnChanges() {
|
9
|
-
this.setTranslate();
|
10
|
-
}
|
11
|
-
setTranslate() {
|
12
|
-
if (this.translateOnHover == true) {
|
13
|
-
this.el.nativeElement.style.setProperty("transition", "transform 0.3s ease-in-out");
|
14
|
-
this.el.nativeElement.addEventListener('mouseover', () => {
|
15
|
-
this.el.nativeElement.style.position = 'relative';
|
16
|
-
this.el.nativeElement.style.zIndex = '101';
|
17
|
-
this.el.nativeElement.style.transform = 'translateY(-20px)';
|
18
|
-
});
|
19
|
-
this.el.nativeElement.addEventListener('mouseout', () => {
|
20
|
-
this.el.nativeElement.style.position = 'relative';
|
21
|
-
this.el.nativeElement.style.zIndex = '100';
|
22
|
-
this.el.nativeElement.style.transform = 'translateY(0)';
|
23
|
-
});
|
24
|
-
}
|
25
|
-
else {
|
26
|
-
this.el.nativeElement.style.setProperty("transition", "none");
|
27
|
-
this.el.nativeElement.addEventListener('mouseover', () => {
|
28
|
-
this.el.nativeElement.style.position = 'relative';
|
29
|
-
this.el.nativeElement.style.zIndex = '100';
|
30
|
-
this.el.nativeElement.style.transform = 'translateY(0px)';
|
31
|
-
});
|
32
|
-
}
|
33
|
-
}
|
34
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.4", ngImport: i0, type: TranslateOnhoverDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
|
35
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.1.4", type: TranslateOnhoverDirective, isStandalone: true, selector: "[simpoTranslateOnhover]", inputs: { translateOnHover: ["simpoTranslateOnhover", "translateOnHover"] }, usesOnChanges: true, ngImport: i0 }); }
|
36
|
-
}
|
37
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.4", ngImport: i0, type: TranslateOnhoverDirective, decorators: [{
|
38
|
-
type: Directive,
|
39
|
-
args: [{
|
40
|
-
selector: '[simpoTranslateOnhover]',
|
41
|
-
standalone: true
|
42
|
-
}]
|
43
|
-
}], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { translateOnHover: [{
|
44
|
-
type: Input,
|
45
|
-
args: ['simpoTranslateOnhover']
|
46
|
-
}] } });
|
47
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHJhbnNsYXRlLW9uaG92ZXIuZGlyZWN0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvc2ltcG8tdWkvc3JjL2xpYi9kaXJlY3RpdmUvdHJhbnNsYXRlLW9uaG92ZXIuZGlyZWN0aXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQWMsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDOztBQU03RCxNQUFNLE9BQU8seUJBQXlCO0lBSXBDLFlBQW9CLEVBQWM7UUFBZCxPQUFFLEdBQUYsRUFBRSxDQUFZO1FBQ2hDLElBQUksQ0FBQyxZQUFZLEVBQUUsQ0FBQztJQUN0QixDQUFDO0lBRUQsV0FBVztRQUNULElBQUksQ0FBQyxZQUFZLEVBQUUsQ0FBQztJQUN0QixDQUFDO0lBRUQsWUFBWTtRQUNWLElBQUksSUFBSSxDQUFDLGdCQUFnQixJQUFJLElBQUksRUFBRSxDQUFDO1lBQ2xDLElBQUksQ0FBQyxFQUFFLENBQUMsYUFBYSxDQUFDLEtBQUssQ0FBQyxXQUFXLENBQUMsWUFBWSxFQUFFLDRCQUE0QixDQUFDLENBQUM7WUFDcEYsSUFBSSxDQUFDLEVBQUUsQ0FBQyxhQUFhLENBQUMsZ0JBQWdCLENBQUMsV0FBVyxFQUFFLEdBQUcsRUFBRTtnQkFDdkQsSUFBSSxDQUFDLEVBQUUsQ0FBQyxhQUFhLENBQUMsS0FBSyxDQUFDLFFBQVEsR0FBRyxVQUFVLENBQUM7Z0JBQ2xELElBQUksQ0FBQyxFQUFFLENBQUMsYUFBYSxDQUFDLEtBQUssQ0FBQyxNQUFNLEdBQUcsS0FBSyxDQUFBO2dCQUMxQyxJQUFJLENBQUMsRUFBRSxDQUFDLGFBQWEsQ0FBQyxLQUFLLENBQUMsU0FBUyxHQUFHLG1CQUFtQixDQUFDO1lBQzlELENBQUMsQ0FBQyxDQUFDO1lBQ0gsSUFBSSxDQUFDLEVBQUUsQ0FBQyxhQUFhLENBQUMsZ0JBQWdCLENBQUMsVUFBVSxFQUFFLEdBQUcsRUFBRTtnQkFDdEQsSUFBSSxDQUFDLEVBQUUsQ0FBQyxhQUFhLENBQUMsS0FBSyxDQUFDLFFBQVEsR0FBRyxVQUFVLENBQUM7Z0JBQ2xELElBQUksQ0FBQyxFQUFFLENBQUMsYUFBYSxDQUFDLEtBQUssQ0FBQyxNQUFNLEdBQUcsS0FBSyxDQUFBO2dCQUMxQyxJQUFJLENBQUMsRUFBRSxDQUFDLGFBQWEsQ0FBQyxLQUFLLENBQUMsU0FBUyxHQUFHLGVBQWUsQ0FBQztZQUMxRCxDQUFDLENBQUMsQ0FBQztRQUNMLENBQUM7YUFBTSxDQUFDO1lBQ04sSUFBSSxDQUFDLEVBQUUsQ0FBQyxhQUFhLENBQUMsS0FBSyxDQUFDLFdBQVcsQ0FBQyxZQUFZLEVBQUUsTUFBTSxDQUFDLENBQUM7WUFDOUQsSUFBSSxDQUFDLEVBQUUsQ0FBQyxhQUFhLENBQUMsZ0JBQWdCLENBQUMsV0FBVyxFQUFFLEdBQUcsRUFBRTtnQkFDdkQsSUFBSSxDQUFDLEVBQUUsQ0FBQyxhQUFhLENBQUMsS0FBSyxDQUFDLFFBQVEsR0FBRyxVQUFVLENBQUM7Z0JBQ2xELElBQUksQ0FBQyxFQUFFLENBQUMsYUFBYSxDQUFDLEtBQUssQ0FBQyxNQUFNLEdBQUcsS0FBSyxDQUFBO2dCQUMxQyxJQUFJLENBQUMsRUFBRSxDQUFDLGFBQWEsQ0FBQyxLQUFLLENBQUMsU0FBUyxHQUFHLGlCQUFpQixDQUFDO1lBQzVELENBQUMsQ0FBQyxDQUFDO1FBQ0wsQ0FBQztJQUNILENBQUM7OEdBakNVLHlCQUF5QjtrR0FBekIseUJBQXlCOzsyRkFBekIseUJBQXlCO2tCQUpyQyxTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSx5QkFBeUI7b0JBQ25DLFVBQVUsRUFBRSxJQUFJO2lCQUNqQjsrRUFHaUMsZ0JBQWdCO3NCQUEvQyxLQUFLO3VCQUFDLHVCQUF1QiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IERpcmVjdGl2ZSwgRWxlbWVudFJlZiwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuXHJcbkBEaXJlY3RpdmUoe1xyXG4gIHNlbGVjdG9yOiAnW3NpbXBvVHJhbnNsYXRlT25ob3Zlcl0nLFxyXG4gIHN0YW5kYWxvbmU6IHRydWVcclxufSlcclxuZXhwb3J0IGNsYXNzIFRyYW5zbGF0ZU9uaG92ZXJEaXJlY3RpdmUge1xyXG5cclxuICBASW5wdXQoJ3NpbXBvVHJhbnNsYXRlT25ob3ZlcicpIHRyYW5zbGF0ZU9uSG92ZXI/OiBib29sZWFuO1xyXG5cclxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIGVsOiBFbGVtZW50UmVmKSB7XHJcbiAgICB0aGlzLnNldFRyYW5zbGF0ZSgpO1xyXG4gIH1cclxuXHJcbiAgbmdPbkNoYW5nZXMoKSB7XHJcbiAgICB0aGlzLnNldFRyYW5zbGF0ZSgpO1xyXG4gIH1cclxuXHJcbiAgc2V0VHJhbnNsYXRlKCkge1xyXG4gICAgaWYgKHRoaXMudHJhbnNsYXRlT25Ib3ZlciA9PSB0cnVlKSB7XHJcbiAgICAgIHRoaXMuZWwubmF0aXZlRWxlbWVudC5zdHlsZS5zZXRQcm9wZXJ0eShcInRyYW5zaXRpb25cIiwgXCJ0cmFuc2Zvcm0gMC4zcyBlYXNlLWluLW91dFwiKTtcclxuICAgICAgdGhpcy5lbC5uYXRpdmVFbGVtZW50LmFkZEV2ZW50TGlzdGVuZXIoJ21vdXNlb3ZlcicsICgpID0+IHtcclxuICAgICAgICB0aGlzLmVsLm5hdGl2ZUVsZW1lbnQuc3R5bGUucG9zaXRpb24gPSAncmVsYXRpdmUnO1xyXG4gICAgICAgIHRoaXMuZWwubmF0aXZlRWxlbWVudC5zdHlsZS56SW5kZXggPSAnMTAxJ1xyXG4gICAgICAgIHRoaXMuZWwubmF0aXZlRWxlbWVudC5zdHlsZS50cmFuc2Zvcm0gPSAndHJhbnNsYXRlWSgtMjBweCknO1xyXG4gICAgICB9KTtcclxuICAgICAgdGhpcy5lbC5uYXRpdmVFbGVtZW50LmFkZEV2ZW50TGlzdGVuZXIoJ21vdXNlb3V0JywgKCkgPT4ge1xyXG4gICAgICAgIHRoaXMuZWwubmF0aXZlRWxlbWVudC5zdHlsZS5wb3NpdGlvbiA9ICdyZWxhdGl2ZSc7XHJcbiAgICAgICAgdGhpcy5lbC5uYXRpdmVFbGVtZW50LnN0eWxlLnpJbmRleCA9ICcxMDAnXHJcbiAgICAgICAgdGhpcy5lbC5uYXRpdmVFbGVtZW50LnN0eWxlLnRyYW5zZm9ybSA9ICd0cmFuc2xhdGVZKDApJztcclxuICAgICAgfSk7XHJcbiAgICB9IGVsc2Uge1xyXG4gICAgICB0aGlzLmVsLm5hdGl2ZUVsZW1lbnQuc3R5bGUuc2V0UHJvcGVydHkoXCJ0cmFuc2l0aW9uXCIsIFwibm9uZVwiKTtcclxuICAgICAgdGhpcy5lbC5uYXRpdmVFbGVtZW50LmFkZEV2ZW50TGlzdGVuZXIoJ21vdXNlb3ZlcicsICgpID0+IHtcclxuICAgICAgICB0aGlzLmVsLm5hdGl2ZUVsZW1lbnQuc3R5bGUucG9zaXRpb24gPSAncmVsYXRpdmUnO1xyXG4gICAgICAgIHRoaXMuZWwubmF0aXZlRWxlbWVudC5zdHlsZS56SW5kZXggPSAnMTAwJ1xyXG4gICAgICAgIHRoaXMuZWwubmF0aXZlRWxlbWVudC5zdHlsZS50cmFuc2Zvcm0gPSAndHJhbnNsYXRlWSgwcHgpJztcclxuICAgICAgfSk7XHJcbiAgICB9XHJcbiAgfVxyXG59XHJcbiJdfQ==
|
@@ -1,11 +0,0 @@
|
|
1
|
-
import { ElementRef, OnChanges } from '@angular/core';
|
2
|
-
import { ALIGN } from '../styles/types';
|
3
|
-
import * as i0 from "@angular/core";
|
4
|
-
export declare class AlignmentDirective implements OnChanges {
|
5
|
-
private el;
|
6
|
-
alignment?: ALIGN;
|
7
|
-
constructor(el: ElementRef);
|
8
|
-
ngOnChanges(): void;
|
9
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<AlignmentDirective, never>;
|
10
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<AlignmentDirective, "[simpoAlignment]", never, { "alignment": { "alias": "simpoAlignment"; "required": false; }; }, {}, never, never, true, never>;
|
11
|
-
}
|
@@ -1,11 +0,0 @@
|
|
1
|
-
import { ElementRef, OnChanges } from '@angular/core';
|
2
|
-
import { FIT } from '../styles/types';
|
3
|
-
import * as i0 from "@angular/core";
|
4
|
-
export declare class HeightDirective implements OnChanges {
|
5
|
-
private el;
|
6
|
-
fit?: FIT;
|
7
|
-
constructor(el: ElementRef);
|
8
|
-
ngOnChanges(): void;
|
9
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<HeightDirective, never>;
|
10
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<HeightDirective, "[simpoHeight]", never, { "fit": { "alias": "simpoHeight"; "required": false; }; }, {}, never, never, true, never>;
|
11
|
-
}
|
@@ -1,14 +0,0 @@
|
|
1
|
-
import { ElementRef } from '@angular/core';
|
2
|
-
import * as i0 from "@angular/core";
|
3
|
-
export declare class SetDynamicBackgroundDirective {
|
4
|
-
private el;
|
5
|
-
backgroundColor: string;
|
6
|
-
showBackground: boolean;
|
7
|
-
constructor(el: ElementRef);
|
8
|
-
ngOnChanges(): void;
|
9
|
-
private getContrastingColor;
|
10
|
-
lightenColor(r: number, g: number, b: number, factor: number): string;
|
11
|
-
darkenColor(r: number, g: number, b: number, factor: number): string;
|
12
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<SetDynamicBackgroundDirective, never>;
|
13
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<SetDynamicBackgroundDirective, "[simpoSetDynamicBackground]", never, { "backgroundColor": { "alias": "backgroundColor"; "required": false; }; "showBackground": { "alias": "simpoSetDynamicBackground"; "required": false; }; }, {}, never, never, true, never>;
|
14
|
-
}
|
@@ -1,12 +0,0 @@
|
|
1
|
-
import { ElementRef, OnChanges } from '@angular/core';
|
2
|
-
import { SpacingModel } from '../styles/style.model';
|
3
|
-
import * as i0 from "@angular/core";
|
4
|
-
export declare class SpacingDirective implements OnChanges {
|
5
|
-
private el;
|
6
|
-
spacing?: SpacingModel;
|
7
|
-
constructor(el: ElementRef);
|
8
|
-
ngOnChanges(): void;
|
9
|
-
private applySpacing;
|
10
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<SpacingDirective, never>;
|
11
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<SpacingDirective, "[simpoSpacing]", never, { "spacing": { "alias": "simpoSpacing"; "required": false; }; }, {}, never, never, true, never>;
|
12
|
-
}
|
@@ -1,11 +0,0 @@
|
|
1
|
-
import { ElementRef } from '@angular/core';
|
2
|
-
import * as i0 from "@angular/core";
|
3
|
-
export declare class TranslateOnhoverDirective {
|
4
|
-
private el;
|
5
|
-
translateOnHover?: boolean;
|
6
|
-
constructor(el: ElementRef);
|
7
|
-
ngOnChanges(): void;
|
8
|
-
setTranslate(): void;
|
9
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<TranslateOnhoverDirective, never>;
|
10
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<TranslateOnhoverDirective, "[simpoTranslateOnhover]", never, { "translateOnHover": { "alias": "simpoTranslateOnhover"; "required": false; }; }, {}, never, never, true, never>;
|
11
|
-
}
|
Binary file
|