@agorapulse/ui-animations 2.2.13 → 2.3.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/agorapulse-ui-animations-2.3.0.tgz +0 -0
- package/agorapulse-ui-animations.metadata.json +1 -1
- package/bundles/agorapulse-ui-animations.umd.js +27 -7
- package/bundles/agorapulse-ui-animations.umd.js.map +1 -1
- package/esm2015/index.js +2 -1
- package/esm2015/src/lib/agorapulse-ui-animations.module.js +6 -3
- package/esm2015/src/lib/lettering-loader/lettering-loader.component.js +17 -0
- package/esm2015/src/lib/spinner/spinner.component.js +1 -1
- package/fesm2015/agorapulse-ui-animations.js +21 -3
- package/fesm2015/agorapulse-ui-animations.js.map +1 -1
- package/index.d.ts +1 -0
- package/package.json +2 -2
- package/src/lib/lettering-loader/lettering-loader.component.d.ts +4 -0
- package/agorapulse-ui-animations-2.2.13.tgz +0 -0
|
Binary file
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"__symbolic":"module","version":4,"metadata":{"ɵa":{"__symbolic":"function","parameters":[]},"AgorapulseUiAnimationsModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":
|
|
1
|
+
{"__symbolic":"module","version":4,"metadata":{"ɵa":{"__symbolic":"function","parameters":[]},"AgorapulseUiAnimationsModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":14,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"SpinnerComponent"},{"__symbolic":"reference","name":"LetteringLoaderComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":20,"character":8},{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"ngx-lottie","name":"LottieModule","line":22,"character":8},"member":"forRoot"},"arguments":[{"player":{"__symbolic":"reference","name":"ɵa"},"useCache":true}]}],"exports":[{"__symbolic":"reference","name":"SpinnerComponent"},{"__symbolic":"reference","name":"LetteringLoaderComponent"}],"providers":[]}]}],"members":{}},"SpinnerComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":4,"character":21},"member":"OnPush"},"selector":"ap-spinner","template":"<div class=\"lottie-container\"\n [class.white]=\"color == 'white'\"\n [class.orange]=\"color == 'orange'\"\n [class.grey]=\"color == 'grey'\"\n [class.grey-5]=\"color == 'grey5'\"\n [class.grey-10]=\"color == 'grey10'\"\n [class.mini]=\"size == 'mini'\"\n [class.small]=\"size == 'small'\"\n [class.medium]=\"size == 'medium'\"\n [class.large]=\"size == 'large'\"\n [class.manual]=\"size == 'manual'\"\n [class.rounded]=\"rounded\"\n>\n <ng-lottie [options]=\"options\"></ng-lottie>\n</div>\n","styles":["[color=facebook]{color:#1877f2}[bgcolor=facebook],[hcolor=facebook]:hover{background-color:#1877f2}[border=facebook]{border:1px solid #1877f2}[color=google]{color:#4e85e8}[bgcolor=google],[hcolor=google]:hover{background-color:#4e85e8}[border=google]{border:1px solid #4e85e8}[color=instagram]{color:#e1306c}[bgcolor=instagram],[hcolor=instagram]:hover{background-color:#e1306c}[border=instagram]{border:1px solid #e1306c}[color=instagrammagenta]{color:#c13584}[bgcolor=instagrammagenta],[hcolor=instagrammagenta]:hover{background-color:#c13584}[border=instagrammagenta]{border:1px solid #c13584}[color=instagramblue]{color:#5851db}[bgcolor=instagramblue],[hcolor=instagramblue]:hover{background-color:#5851db}[border=instagramblue]{border:1px solid #5851db}[color=instagrampurple]{color:#833ab4}[bgcolor=instagrampurple],[hcolor=instagrampurple]:hover{background-color:#833ab4}[border=instagrampurple]{border:1px solid #833ab4}[color=instagramorange]{color:#f56040}[bgcolor=instagramorange],[hcolor=instagramorange]:hover{background-color:#f56040}[border=instagramorange]{border:1px solid #f56040}[color=instagramyellow]{color:#ffdc80}[bgcolor=instagramyellow],[hcolor=instagramyellow]:hover{background-color:#ffdc80}[border=instagramyellow]{border:1px solid #ffdc80}[color=linkedin]{color:#2c67bc}[bgcolor=linkedin],[hcolor=linkedin]:hover{background-color:#2c67bc}[border=linkedin]{border:1px solid #2c67bc}[color=twitter]{color:#55acee}[bgcolor=twitter],[hcolor=twitter]:hover{background-color:#55acee}[border=twitter]{border:1px solid #55acee}[color=youtube]{color:red}[bgcolor=youtube],[hcolor=youtube]:hover{background-color:red}[border=youtube]{border:1px solid red}[color=blood-orange]{color:#ff4d00}[bgcolor=blood-orange],[hcolor=blood-orange]:hover{background-color:#ff4d00}[border=blood-orange]{border:1px solid #ff4d00}[color=pinkish-orange]{color:#ff7b49}[bgcolor=pinkish-orange],[hcolor=pinkish-orange]:hover{background-color:#ff7b49}[border=pinkish-orange]{border:1px solid #ff7b49}[color=charcoal-grey]{color:#2a2f34}[bgcolor=charcoal-grey],[hcolor=charcoal-grey]:hover{background-color:#2a2f34}[border=charcoal-grey]{border:1px solid #2a2f34}[color=azure]{color:#00aeef}[bgcolor=azure],[hcolor=azure]:hover{background-color:#00aeef}[border=azure]{border:1px solid #00aeef}[color=light-azure]{color:#eaf5fd}[bgcolor=light-azure],[hcolor=light-azure]:hover{background-color:#eaf5fd}[border=light-azure]{border:1px solid #eaf5fd}[color=blue-grey]{color:#8d98a9}[bgcolor=blue-grey],[hcolor=blue-grey]:hover{background-color:#8d98a9}[border=blue-grey]{border:1px solid #8d98a9}[color=silver]{color:#ced0da}[bgcolor=silver],[hcolor=silver]:hover{background-color:#ced0da}[border=silver]{border:1px solid #ced0da}[color=pale-grey]{color:#dfe3e9}[bgcolor=pale-grey],[hcolor=pale-grey]:hover{background-color:#dfe3e9}[border=pale-grey]{border:1px solid #dfe3e9}[color=grey-white]{color:#f5f7f8}[bgcolor=grey-white],[hcolor=grey-white]:hover{background-color:#f5f7f8}[border=grey-white]{border:1px solid #f5f7f8}[color=cool-grey]{color:#b4bbc6}[bgcolor=cool-grey],[hcolor=cool-grey]:hover{background-color:#b4bbc6}[border=cool-grey]{border:1px solid #b4bbc6}[color=black]{color:#344563}[bgcolor=black],[hcolor=black]:hover{background-color:#344563}[border=black]{border:1px solid #344563}[color=grey-blue]{color:#68768c}[bgcolor=grey-blue],[hcolor=grey-blue]:hover{background-color:#68768c}[border=grey-blue]{border:1px solid #68768c}[color=strawberry]{color:#f4282d}[bgcolor=strawberry],[hcolor=strawberry]:hover{background-color:#f4282d}[border=strawberry]{border:1px solid #f4282d}[color=light-strawberry]{color:#f8eded}[bgcolor=light-strawberry],[hcolor=light-strawberry]:hover{background-color:#f8eded}[border=light-strawberry]{border:1px solid #f8eded}[color=white]{color:#fff}[bgcolor=white],[hcolor=white]:hover{background-color:#fff}[border=white]{border:1px solid #fff}[color=cool-green]{color:#33c15d}[bgcolor=cool-green],[hcolor=cool-green]:hover{background-color:#33c15d}[border=cool-green]{border:1px solid #33c15d}[color=light-green]{color:#ebfaef}[bgcolor=light-green],[hcolor=light-green]:hover{background-color:#ebfaef}[border=light-green]{border:1px solid #ebfaef}[color=transparent]{color:#0000}[bgcolor=transparent],[hcolor=transparent]:hover{background-color:initial}[border=transparent]{border:1px solid #0000}[color=c0]{color:#a566a5}[bgcolor=c0],[hcolor=c0]:hover{background-color:#a566a5}[border=c0]{border:1px solid #a566a5}[color=c1]{color:#c7ab82}[bgcolor=c1],[hcolor=c1]:hover{background-color:#c7ab82}[border=c1]{border:1px solid #c7ab82}[color=c2]{color:#f2713c}[bgcolor=c2],[hcolor=c2]:hover{background-color:#f2713c}[border=c2]{border:1px solid #f2713c}[color=c3]{color:#ffd006}[bgcolor=c3],[hcolor=c3]:hover{background-color:#ffd006}[border=c3]{border:1px solid #ffd006}[color=c4]{color:#94c5aa}[bgcolor=c4],[hcolor=c4]:hover{background-color:#94c5aa}[border=c4]{border:1px solid #94c5aa}[color=c5]{color:#2a9d8f}[bgcolor=c5],[hcolor=c5]:hover{background-color:#2a9d8f}[border=c5]{border:1px solid #2a9d8f}[color=c6]{color:#78acd8}[bgcolor=c6],[hcolor=c6]:hover{background-color:#78acd8}[border=c6]{border:1px solid #78acd8}[color=c7]{color:#525a9e}[bgcolor=c7],[hcolor=c7]:hover{background-color:#525a9e}[border=c7]{border:1px solid #525a9e}[color=c8]{color:#6a2459}[bgcolor=c8],[hcolor=c8]:hover{background-color:#6a2459}[border=c8]{border:1px solid #6a2459}[color=c9]{color:#74729e}[bgcolor=c9],[hcolor=c9]:hover{background-color:#74729e}[border=c9]{border:1px solid #74729e}.lottie-container{display:flex;height:100px;width:100px}.lottie-container.mini{height:20px;width:20px}.lottie-container.small{height:50px;width:50px}.lottie-container.medium{height:80px;width:80px}.lottie-container.large{height:200px;width:200px}.lottie-container.manual{height:100%;width:100%}.lottie-container.white{background:#fff}.lottie-container.orange{background:#ff4d00}.lottie-container.grey{background:#f9f9fa}.lottie-container.grey-5{background:#f5f5f7}.lottie-container.grey-10{background:#eaecef}.lottie-container.rounded{border-radius:4px}"]}]}],"members":{"color":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":11,"character":5}}]}],"size":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":5}}]}],"rounded":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":5}}]}],"ngOnInit":[{"__symbolic":"method"}]}},"LetteringLoaderComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":4,"character":21},"member":"OnPush"},"selector":"ap-lettering-loader","template":"<div class=\"lettering-container\">\n <ng-lottie\n [options]=\"options\"\n ></ng-lottie>\n</div>\n\n","styles":["@media screen and (max-width:1280px){.lettering-container{height:312px;width:312px}}@media screen and (min-width:1281px) and (max-width:1600px){.lettering-container{height:400px;width:400px}}@media screen and (min-width:1601px) and (max-width:1920px){.lettering-container{height:500px;width:500px}}@media screen and (min-width:1921px){.lettering-container{height:600px;width:600px}}"]}]}],"members":{}}},"origins":{"ɵa":"./src/lib/agorapulse-ui-animations.module","AgorapulseUiAnimationsModule":"./src/lib/agorapulse-ui-animations.module","SpinnerComponent":"./src/lib/spinner/spinner.component","LetteringLoaderComponent":"./src/lib/lettering-loader/lettering-loader.component"},"importAs":"@agorapulse/ui-animations"}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
(function (global, factory) {
|
|
2
2
|
typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/common'), require('ngx-lottie'), require('lottie-web')) :
|
|
3
3
|
typeof define === 'function' && define.amd ? define('@agorapulse/ui-animations', ['exports', '@angular/core', '@angular/common', 'ngx-lottie', 'lottie-web'], factory) :
|
|
4
|
-
(global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.agorapulse = global.agorapulse || {}, global.agorapulse[
|
|
5
|
-
}(this, (function (exports, core, common, ngxLottie, player) { 'use strict';
|
|
4
|
+
(global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.agorapulse = global.agorapulse || {}, global.agorapulse["ui-animations"] = {}), global.ng.core, global.ng.common, global.ngxLottie, global.player));
|
|
5
|
+
})(this, (function (exports, core, common, ngxLottie, player) { 'use strict';
|
|
6
6
|
|
|
7
7
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
8
8
|
|
|
@@ -62,10 +62,27 @@
|
|
|
62
62
|
rounded: [{ type: core.Input }]
|
|
63
63
|
};
|
|
64
64
|
|
|
65
|
+
var LetteringLoaderComponent = /** @class */ (function () {
|
|
66
|
+
function LetteringLoaderComponent() {
|
|
67
|
+
this.options = {
|
|
68
|
+
path: '/assets/lib-ui/animations/loader-lettering.json',
|
|
69
|
+
};
|
|
70
|
+
}
|
|
71
|
+
return LetteringLoaderComponent;
|
|
72
|
+
}());
|
|
73
|
+
LetteringLoaderComponent.decorators = [
|
|
74
|
+
{ type: core.Component, args: [{
|
|
75
|
+
changeDetection: core.ChangeDetectionStrategy.OnPush,
|
|
76
|
+
selector: 'ap-lettering-loader',
|
|
77
|
+
template: "<div class=\"lettering-container\">\n <ng-lottie\n [options]=\"options\"\n ></ng-lottie>\n</div>\n\n",
|
|
78
|
+
styles: ["@media screen and (max-width:1280px){.lettering-container{height:312px;width:312px}}@media screen and (min-width:1281px) and (max-width:1600px){.lettering-container{height:400px;width:400px}}@media screen and (min-width:1601px) and (max-width:1920px){.lettering-container{height:500px;width:500px}}@media screen and (min-width:1921px){.lettering-container{height:600px;width:600px}}"]
|
|
79
|
+
},] }
|
|
80
|
+
];
|
|
81
|
+
|
|
65
82
|
// Note we need a separate function as it's required
|
|
66
83
|
// by the AOT compiler.
|
|
67
84
|
function playerFactory() {
|
|
68
|
-
return player__default[
|
|
85
|
+
return player__default["default"];
|
|
69
86
|
}
|
|
70
87
|
var AgorapulseUiAnimationsModule = /** @class */ (function () {
|
|
71
88
|
function AgorapulseUiAnimationsModule() {
|
|
@@ -75,7 +92,8 @@
|
|
|
75
92
|
AgorapulseUiAnimationsModule.decorators = [
|
|
76
93
|
{ type: core.NgModule, args: [{
|
|
77
94
|
declarations: [
|
|
78
|
-
SpinnerComponent
|
|
95
|
+
SpinnerComponent,
|
|
96
|
+
LetteringLoaderComponent,
|
|
79
97
|
],
|
|
80
98
|
imports: [
|
|
81
99
|
common.CommonModule,
|
|
@@ -86,7 +104,8 @@
|
|
|
86
104
|
})
|
|
87
105
|
],
|
|
88
106
|
exports: [
|
|
89
|
-
SpinnerComponent
|
|
107
|
+
SpinnerComponent,
|
|
108
|
+
LetteringLoaderComponent
|
|
90
109
|
],
|
|
91
110
|
providers: []
|
|
92
111
|
},] }
|
|
@@ -101,10 +120,11 @@
|
|
|
101
120
|
*/
|
|
102
121
|
|
|
103
122
|
exports.AgorapulseUiAnimationsModule = AgorapulseUiAnimationsModule;
|
|
123
|
+
exports.LetteringLoaderComponent = LetteringLoaderComponent;
|
|
104
124
|
exports.SpinnerComponent = SpinnerComponent;
|
|
105
|
-
exports
|
|
125
|
+
exports["ɵa"] = playerFactory;
|
|
106
126
|
|
|
107
127
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
108
128
|
|
|
109
|
-
}))
|
|
129
|
+
}));
|
|
110
130
|
//# sourceMappingURL=agorapulse-ui-animations.umd.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"agorapulse-ui-animations.umd.js","sources":["../../../libs/ui-animations/src/lib/spinner/spinner.component.ts","../../../libs/ui-animations/src/lib/agorapulse-ui-animations.module.ts","../../../libs/ui-animations/index.ts","../../../libs/ui-animations/agorapulse-ui-animations.ts"],"sourcesContent":["import {ChangeDetectionStrategy, Component, Input,
|
|
1
|
+
{"version":3,"file":"agorapulse-ui-animations.umd.js","sources":["../../../libs/ui-animations/src/lib/spinner/spinner.component.ts","../../../libs/ui-animations/src/lib/lettering-loader/lettering-loader.component.ts","../../../libs/ui-animations/src/lib/agorapulse-ui-animations.module.ts","../../../libs/ui-animations/index.ts","../../../libs/ui-animations/agorapulse-ui-animations.ts"],"sourcesContent":["import {ChangeDetectionStrategy, Component, Input, OnInit} from '@angular/core';\nimport {AnimationOptions} from 'ngx-lottie';\n\n@Component({\n changeDetection: ChangeDetectionStrategy.OnPush,\n selector: 'ap-spinner',\n styleUrls: ['./spinner.component.scss'],\n templateUrl: './spinner.component.html'\n})\nexport class SpinnerComponent implements OnInit {\n\n @Input() color: 'white'\n | 'orange'\n | 'grey'\n | 'grey5'\n | 'grey10'\n | 'translucent-orange'\n | 'translucent-white'\n = 'white';\n @Input() size: '' | 'mini' | 'small' | 'medium' | 'large' | 'manual' = '';\n @Input() rounded: boolean;\n\n loaderPaths = [\n '/assets/lib-ui/animations/spinner-orange-orange20.json',\n '/assets/lib-ui/animations/spinner-white-orange.json',\n '/assets/lib-ui/animations/spinner-orange-orange40.json',\n '/assets/lib-ui/animations/spinner-orange-translucent.json',\n '/assets/lib-ui/animations/spinner-white-translucent.json'\n ];\n\n options: AnimationOptions = {\n path: ''\n };\n\n ngOnInit(): void {\n switch (this.color) {\n case 'white':\n this.options['path'] = this.loaderPaths[0]; // spinner-orange-orange20.json\n break;\n case 'orange':\n this.options['path'] = this.loaderPaths[1]; // spinner-white-orange.json\n break;\n case 'grey':\n case 'grey5':\n case 'grey10':\n this.options['path'] = this.loaderPaths[2]; // spinner-orange-orange40.json\n break;\n case 'translucent-orange':\n this.options['path'] = this.loaderPaths[3]; // spinner-orange-translucent.json\n break;\n case 'translucent-white':\n this.options['path'] = this.loaderPaths[4]; // white-translucent.json'\n break;\n default:\n throw new Error('The loading component is only available in white, orange, grey, grey5 and grey10');\n }\n }\n}\n","import {ChangeDetectionStrategy, Component} from \"@angular/core\";\nimport {AnimationOptions} from \"ngx-lottie\";\n\n@Component({\n changeDetection: ChangeDetectionStrategy.OnPush,\n selector: 'ap-lettering-loader',\n templateUrl: './lettering-loader.component.html',\n styleUrls: ['./lettering-loader.component.scss']\n})\nexport class LetteringLoaderComponent {\n\n options: AnimationOptions = {\n path: '/assets/lib-ui/animations/loader-lettering.json',\n };\n\n}\n","import {NgModule} from '@angular/core';\nimport {CommonModule} from '@angular/common';\n\nimport {SpinnerComponent} from './spinner/spinner.component';\n\nimport {LottieModule} from 'ngx-lottie';\nimport player from 'lottie-web';\nimport {LetteringLoaderComponent} from './lettering-loader/lettering-loader.component';\n// Note we need a separate function as it's required\n// by the AOT compiler.\nexport function playerFactory() {\n return player;\n}\n\n@NgModule({\n declarations: [\n SpinnerComponent,\n LetteringLoaderComponent,\n ],\n imports: [\n CommonModule,\n // Lottie Module\n LottieModule.forRoot({\n player: playerFactory,\n useCache: true\n })\n ],\n exports: [\n SpinnerComponent,\n LetteringLoaderComponent\n ],\n providers: [\n ]\n})\nexport class AgorapulseUiAnimationsModule {\n}\n","/*\n * Public API Surface of ui-animations\n */\n\nexport {AgorapulseUiAnimationsModule} from './src/lib/agorapulse-ui-animations.module';\nexport {SpinnerComponent} from './src/lib/spinner/spinner.component';\nexport {LetteringLoaderComponent} from './src/lib/lettering-loader/lettering-loader.component';\n\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n\nexport {playerFactory as ɵa} from './src/lib/agorapulse-ui-animations.module';"],"names":["Component","ChangeDetectionStrategy","Input","player","NgModule","CommonModule","LottieModule"],"mappings":";;;;;;;;;;;QAGA;YAQa,UAAK,GAOR,OAAO,CAAC;YACL,SAAI,GAA0D,EAAE,CAAC;YAG1E,gBAAW,GAAG;gBACV,wDAAwD;gBACxD,qDAAqD;gBACrD,wDAAwD;gBACxD,2DAA2D;gBAC3D,0DAA0D;aAC7D,CAAC;YAEF,YAAO,GAAqB;gBACxB,IAAI,EAAE,EAAE;aACX,CAAC;SAyBL;QAvBG,mCAAQ,GAAR;YACI,QAAQ,IAAI,CAAC,KAAK;gBACd,KAAK,OAAO;oBACR,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,GAAG,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC;oBAC3C,MAAM;gBACV,KAAK,QAAQ;oBACT,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,GAAG,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC;oBAC3C,MAAM;gBACV,KAAK,MAAM,CAAC;gBACZ,KAAK,OAAO,CAAC;gBACb,KAAK,QAAQ;oBACT,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,GAAG,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC;oBAC3C,MAAM;gBACV,KAAK,oBAAoB;oBACrB,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,GAAG,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC;oBAC3C,MAAM;gBACV,KAAK,mBAAmB;oBACpB,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,GAAG,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC;oBAC3C,MAAM;gBACV;oBACI,MAAM,IAAI,KAAK,CAAC,kFAAkF,CAAC,CAAC;aAC3G;SACJ;;;;gBArDJA,cAAS,SAAC;oBACP,eAAe,EAAEC,4BAAuB,CAAC,MAAM;oBAC/C,QAAQ,EAAE,YAAY;oBAEtB,wiBAAuC;;iBAC1C;;;wBAGIC,UAAK;uBAQLA,UAAK;0BACLA,UAAK;;;;QCjBV;YAQI,YAAO,GAAqB;gBACxB,IAAI,EAAE,iDAAiD;aAC1D,CAAC;SAEL;;;;gBAZAF,cAAS,SAAC;oBACP,eAAe,EAAEC,4BAAuB,CAAC,MAAM;oBAC/C,QAAQ,EAAE,qBAAqB;oBAC/B,6HAAgD;;iBAEnD;;;ICAD;IACA;aACgB,aAAa;QACzB,OAAOE,0BAAM,CAAC;IAClB,CAAC;;QAsBD;;;;;gBApBCC,aAAQ,SAAC;oBACN,YAAY,EAAE;wBACV,gBAAgB;wBAChB,wBAAwB;qBAC3B;oBACD,OAAO,EAAE;wBACLC,mBAAY;;wBAEZC,sBAAY,CAAC,OAAO,CAAC;4BACjB,MAAM,EAAE,aAAa;4BACrB,QAAQ,EAAE,IAAI;yBACjB,CAAC;qBACL;oBACD,OAAO,EAAE;wBACL,gBAAgB;wBAChB,wBAAwB;qBAC3B;oBACD,SAAS,EAAE,EACV;iBACJ;;;ICjCD;;;;ICAA;;;;;;;;;;;;;;;"}
|
package/esm2015/index.js
CHANGED
|
@@ -3,4 +3,5 @@
|
|
|
3
3
|
*/
|
|
4
4
|
export { AgorapulseUiAnimationsModule } from './src/lib/agorapulse-ui-animations.module';
|
|
5
5
|
export { SpinnerComponent } from './src/lib/spinner/spinner.component';
|
|
6
|
-
|
|
6
|
+
export { LetteringLoaderComponent } from './src/lib/lettering-loader/lettering-loader.component';
|
|
7
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9saWJzL3VpLWFuaW1hdGlvbnMvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7O0dBRUc7QUFFSCxPQUFPLEVBQUMsNEJBQTRCLEVBQUMsTUFBTSwyQ0FBMkMsQ0FBQztBQUN2RixPQUFPLEVBQUMsZ0JBQWdCLEVBQUMsTUFBTSxxQ0FBcUMsQ0FBQztBQUNyRSxPQUFPLEVBQUMsd0JBQXdCLEVBQUMsTUFBTSx1REFBdUQsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbIi8qXG4gKiBQdWJsaWMgQVBJIFN1cmZhY2Ugb2YgdWktYW5pbWF0aW9uc1xuICovXG5cbmV4cG9ydCB7QWdvcmFwdWxzZVVpQW5pbWF0aW9uc01vZHVsZX0gZnJvbSAnLi9zcmMvbGliL2Fnb3JhcHVsc2UtdWktYW5pbWF0aW9ucy5tb2R1bGUnO1xuZXhwb3J0IHtTcGlubmVyQ29tcG9uZW50fSBmcm9tICcuL3NyYy9saWIvc3Bpbm5lci9zcGlubmVyLmNvbXBvbmVudCc7XG5leHBvcnQge0xldHRlcmluZ0xvYWRlckNvbXBvbmVudH0gZnJvbSAnLi9zcmMvbGliL2xldHRlcmluZy1sb2FkZXIvbGV0dGVyaW5nLWxvYWRlci5jb21wb25lbnQnO1xuXG4iXX0=
|
|
@@ -3,6 +3,7 @@ import { CommonModule } from '@angular/common';
|
|
|
3
3
|
import { SpinnerComponent } from './spinner/spinner.component';
|
|
4
4
|
import { LottieModule } from 'ngx-lottie';
|
|
5
5
|
import player from 'lottie-web';
|
|
6
|
+
import { LetteringLoaderComponent } from './lettering-loader/lettering-loader.component';
|
|
6
7
|
// Note we need a separate function as it's required
|
|
7
8
|
// by the AOT compiler.
|
|
8
9
|
export function playerFactory() {
|
|
@@ -13,7 +14,8 @@ export class AgorapulseUiAnimationsModule {
|
|
|
13
14
|
AgorapulseUiAnimationsModule.decorators = [
|
|
14
15
|
{ type: NgModule, args: [{
|
|
15
16
|
declarations: [
|
|
16
|
-
SpinnerComponent
|
|
17
|
+
SpinnerComponent,
|
|
18
|
+
LetteringLoaderComponent,
|
|
17
19
|
],
|
|
18
20
|
imports: [
|
|
19
21
|
CommonModule,
|
|
@@ -24,9 +26,10 @@ AgorapulseUiAnimationsModule.decorators = [
|
|
|
24
26
|
})
|
|
25
27
|
],
|
|
26
28
|
exports: [
|
|
27
|
-
SpinnerComponent
|
|
29
|
+
SpinnerComponent,
|
|
30
|
+
LetteringLoaderComponent
|
|
28
31
|
],
|
|
29
32
|
providers: []
|
|
30
33
|
},] }
|
|
31
34
|
];
|
|
32
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
35
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWdvcmFwdWxzZS11aS1hbmltYXRpb25zLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2xpYnMvdWktYW5pbWF0aW9ucy9zcmMvbGliL2Fnb3JhcHVsc2UtdWktYW5pbWF0aW9ucy5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLFFBQVEsRUFBQyxNQUFNLGVBQWUsQ0FBQztBQUN2QyxPQUFPLEVBQUMsWUFBWSxFQUFDLE1BQU0saUJBQWlCLENBQUM7QUFFN0MsT0FBTyxFQUFDLGdCQUFnQixFQUFDLE1BQU0sNkJBQTZCLENBQUM7QUFFN0QsT0FBTyxFQUFDLFlBQVksRUFBQyxNQUFNLFlBQVksQ0FBQztBQUN4QyxPQUFPLE1BQU0sTUFBTSxZQUFZLENBQUM7QUFDaEMsT0FBTyxFQUFDLHdCQUF3QixFQUFDLE1BQU0sK0NBQStDLENBQUM7QUFDdkYsb0RBQW9EO0FBQ3BELHVCQUF1QjtBQUN2QixNQUFNLFVBQVUsYUFBYTtJQUN6QixPQUFPLE1BQU0sQ0FBQztBQUNsQixDQUFDO0FBc0JELE1BQU0sT0FBTyw0QkFBNEI7OztZQXBCeEMsUUFBUSxTQUFDO2dCQUNOLFlBQVksRUFBRTtvQkFDVixnQkFBZ0I7b0JBQ2hCLHdCQUF3QjtpQkFDM0I7Z0JBQ0QsT0FBTyxFQUFFO29CQUNMLFlBQVk7b0JBQ1osZ0JBQWdCO29CQUNoQixZQUFZLENBQUMsT0FBTyxDQUFDO3dCQUNqQixNQUFNLEVBQUUsYUFBYTt3QkFDckIsUUFBUSxFQUFFLElBQUk7cUJBQ2pCLENBQUM7aUJBQ0w7Z0JBQ0QsT0FBTyxFQUFFO29CQUNMLGdCQUFnQjtvQkFDaEIsd0JBQXdCO2lCQUMzQjtnQkFDRCxTQUFTLEVBQUUsRUFDVjthQUNKIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtOZ01vZHVsZX0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge0NvbW1vbk1vZHVsZX0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcblxuaW1wb3J0IHtTcGlubmVyQ29tcG9uZW50fSBmcm9tICcuL3NwaW5uZXIvc3Bpbm5lci5jb21wb25lbnQnO1xuXG5pbXBvcnQge0xvdHRpZU1vZHVsZX0gZnJvbSAnbmd4LWxvdHRpZSc7XG5pbXBvcnQgcGxheWVyIGZyb20gJ2xvdHRpZS13ZWInO1xuaW1wb3J0IHtMZXR0ZXJpbmdMb2FkZXJDb21wb25lbnR9IGZyb20gJy4vbGV0dGVyaW5nLWxvYWRlci9sZXR0ZXJpbmctbG9hZGVyLmNvbXBvbmVudCc7XG4vLyBOb3RlIHdlIG5lZWQgYSBzZXBhcmF0ZSBmdW5jdGlvbiBhcyBpdCdzIHJlcXVpcmVkXG4vLyBieSB0aGUgQU9UIGNvbXBpbGVyLlxuZXhwb3J0IGZ1bmN0aW9uIHBsYXllckZhY3RvcnkoKSB7XG4gICAgcmV0dXJuIHBsYXllcjtcbn1cblxuQE5nTW9kdWxlKHtcbiAgICBkZWNsYXJhdGlvbnM6IFtcbiAgICAgICAgU3Bpbm5lckNvbXBvbmVudCxcbiAgICAgICAgTGV0dGVyaW5nTG9hZGVyQ29tcG9uZW50LFxuICAgIF0sXG4gICAgaW1wb3J0czogW1xuICAgICAgICBDb21tb25Nb2R1bGUsXG4gICAgICAgIC8vIExvdHRpZSBNb2R1bGVcbiAgICAgICAgTG90dGllTW9kdWxlLmZvclJvb3Qoe1xuICAgICAgICAgICAgcGxheWVyOiBwbGF5ZXJGYWN0b3J5LFxuICAgICAgICAgICAgdXNlQ2FjaGU6IHRydWVcbiAgICAgICAgfSlcbiAgICBdLFxuICAgIGV4cG9ydHM6IFtcbiAgICAgICAgU3Bpbm5lckNvbXBvbmVudCxcbiAgICAgICAgTGV0dGVyaW5nTG9hZGVyQ29tcG9uZW50XG4gICAgXSxcbiAgICBwcm92aWRlcnM6IFtcbiAgICBdXG59KVxuZXhwb3J0IGNsYXNzIEFnb3JhcHVsc2VVaUFuaW1hdGlvbnNNb2R1bGUge1xufVxuIl19
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { ChangeDetectionStrategy, Component } from "@angular/core";
|
|
2
|
+
export class LetteringLoaderComponent {
|
|
3
|
+
constructor() {
|
|
4
|
+
this.options = {
|
|
5
|
+
path: '/assets/lib-ui/animations/loader-lettering.json',
|
|
6
|
+
};
|
|
7
|
+
}
|
|
8
|
+
}
|
|
9
|
+
LetteringLoaderComponent.decorators = [
|
|
10
|
+
{ type: Component, args: [{
|
|
11
|
+
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
12
|
+
selector: 'ap-lettering-loader',
|
|
13
|
+
template: "<div class=\"lettering-container\">\n <ng-lottie\n [options]=\"options\"\n ></ng-lottie>\n</div>\n\n",
|
|
14
|
+
styles: ["@media screen and (max-width:1280px){.lettering-container{height:312px;width:312px}}@media screen and (min-width:1281px) and (max-width:1600px){.lettering-container{height:400px;width:400px}}@media screen and (min-width:1601px) and (max-width:1920px){.lettering-container{height:500px;width:500px}}@media screen and (min-width:1921px){.lettering-container{height:600px;width:600px}}"]
|
|
15
|
+
},] }
|
|
16
|
+
];
|
|
17
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGV0dGVyaW5nLWxvYWRlci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL3VpLWFuaW1hdGlvbnMvc3JjL2xpYi9sZXR0ZXJpbmctbG9hZGVyL2xldHRlcmluZy1sb2FkZXIuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyx1QkFBdUIsRUFBRSxTQUFTLEVBQUMsTUFBTSxlQUFlLENBQUM7QUFTakUsTUFBTSxPQUFPLHdCQUF3QjtJQU5yQztRQVFJLFlBQU8sR0FBcUI7WUFDeEIsSUFBSSxFQUFFLGlEQUFpRDtTQUMxRCxDQUFDO0lBRU4sQ0FBQzs7O1lBWkEsU0FBUyxTQUFDO2dCQUNQLGVBQWUsRUFBRSx1QkFBdUIsQ0FBQyxNQUFNO2dCQUMvQyxRQUFRLEVBQUUscUJBQXFCO2dCQUMvQiw2SEFBZ0Q7O2FBRW5EIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50fSBmcm9tIFwiQGFuZ3VsYXIvY29yZVwiO1xuaW1wb3J0IHtBbmltYXRpb25PcHRpb25zfSBmcm9tIFwibmd4LWxvdHRpZVwiO1xuXG5AQ29tcG9uZW50KHtcbiAgICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgICBzZWxlY3RvcjogJ2FwLWxldHRlcmluZy1sb2FkZXInLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9sZXR0ZXJpbmctbG9hZGVyLmNvbXBvbmVudC5odG1sJyxcbiAgICBzdHlsZVVybHM6IFsnLi9sZXR0ZXJpbmctbG9hZGVyLmNvbXBvbmVudC5zY3NzJ11cbn0pXG5leHBvcnQgY2xhc3MgTGV0dGVyaW5nTG9hZGVyQ29tcG9uZW50IHtcblxuICAgIG9wdGlvbnM6IEFuaW1hdGlvbk9wdGlvbnMgPSB7XG4gICAgICAgIHBhdGg6ICcvYXNzZXRzL2xpYi11aS9hbmltYXRpb25zL2xvYWRlci1sZXR0ZXJpbmcuanNvbicsXG4gICAgfTtcblxufVxuIl19
|
|
@@ -51,4 +51,4 @@ SpinnerComponent.propDecorators = {
|
|
|
51
51
|
size: [{ type: Input }],
|
|
52
52
|
rounded: [{ type: Input }]
|
|
53
53
|
};
|
|
54
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
54
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3Bpbm5lci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL3VpLWFuaW1hdGlvbnMvc3JjL2xpYi9zcGlubmVyL3NwaW5uZXIuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFTLE1BQU0sZUFBZSxDQUFDO0FBU2hGLE1BQU0sT0FBTyxnQkFBZ0I7SUFON0I7UUFRYSxVQUFLLEdBT1IsT0FBTyxDQUFDO1FBQ0wsU0FBSSxHQUEwRCxFQUFFLENBQUM7UUFHMUUsZ0JBQVcsR0FBRztZQUNWLHdEQUF3RDtZQUN4RCxxREFBcUQ7WUFDckQsd0RBQXdEO1lBQ3hELDJEQUEyRDtZQUMzRCwwREFBMEQ7U0FDN0QsQ0FBQztRQUVGLFlBQU8sR0FBcUI7WUFDeEIsSUFBSSxFQUFFLEVBQUU7U0FDWCxDQUFDO0lBeUJOLENBQUM7SUF2QkcsUUFBUTtRQUNKLFFBQVEsSUFBSSxDQUFDLEtBQUssRUFBRTtZQUNoQixLQUFLLE9BQU87Z0JBQ1IsSUFBSSxDQUFDLE9BQU8sQ0FBQyxNQUFNLENBQUMsR0FBRyxJQUFJLENBQUMsV0FBVyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsK0JBQStCO2dCQUMzRSxNQUFNO1lBQ1YsS0FBSyxRQUFRO2dCQUNULElBQUksQ0FBQyxPQUFPLENBQUMsTUFBTSxDQUFDLEdBQUcsSUFBSSxDQUFDLFdBQVcsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLDRCQUE0QjtnQkFDeEUsTUFBTTtZQUNWLEtBQUssTUFBTSxDQUFDO1lBQ1osS0FBSyxPQUFPLENBQUM7WUFDYixLQUFLLFFBQVE7Z0JBQ1QsSUFBSSxDQUFDLE9BQU8sQ0FBQyxNQUFNLENBQUMsR0FBRyxJQUFJLENBQUMsV0FBVyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsK0JBQStCO2dCQUMzRSxNQUFNO1lBQ1YsS0FBSyxvQkFBb0I7Z0JBQ3JCLElBQUksQ0FBQyxPQUFPLENBQUMsTUFBTSxDQUFDLEdBQUcsSUFBSSxDQUFDLFdBQVcsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLGtDQUFrQztnQkFDOUUsTUFBTTtZQUNWLEtBQUssbUJBQW1CO2dCQUNwQixJQUFJLENBQUMsT0FBTyxDQUFDLE1BQU0sQ0FBQyxHQUFHLElBQUksQ0FBQyxXQUFXLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQywwQkFBMEI7Z0JBQ3RFLE1BQU07WUFDVjtnQkFDSSxNQUFNLElBQUksS0FBSyxDQUFDLGtGQUFrRixDQUFDLENBQUM7U0FDM0c7SUFDTCxDQUFDOzs7WUFyREosU0FBUyxTQUFDO2dCQUNQLGVBQWUsRUFBRSx1QkFBdUIsQ0FBQyxNQUFNO2dCQUMvQyxRQUFRLEVBQUUsWUFBWTtnQkFFdEIsd2lCQUF1Qzs7YUFDMUM7OztvQkFHSSxLQUFLO21CQVFMLEtBQUs7c0JBQ0wsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7Q2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgSW5wdXQsIE9uSW5pdH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge0FuaW1hdGlvbk9wdGlvbnN9IGZyb20gJ25neC1sb3R0aWUnO1xuXG5AQ29tcG9uZW50KHtcbiAgICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgICBzZWxlY3RvcjogJ2FwLXNwaW5uZXInLFxuICAgIHN0eWxlVXJsczogWycuL3NwaW5uZXIuY29tcG9uZW50LnNjc3MnXSxcbiAgICB0ZW1wbGF0ZVVybDogJy4vc3Bpbm5lci5jb21wb25lbnQuaHRtbCdcbn0pXG5leHBvcnQgY2xhc3MgU3Bpbm5lckNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG5cbiAgICBASW5wdXQoKSBjb2xvcjogJ3doaXRlJ1xuICAgICAgICB8ICdvcmFuZ2UnXG4gICAgICAgIHwgJ2dyZXknXG4gICAgICAgIHwgJ2dyZXk1J1xuICAgICAgICB8ICdncmV5MTAnXG4gICAgICAgIHwgJ3RyYW5zbHVjZW50LW9yYW5nZSdcbiAgICAgICAgfCAndHJhbnNsdWNlbnQtd2hpdGUnXG4gICAgICAgID0gJ3doaXRlJztcbiAgICBASW5wdXQoKSBzaXplOiAnJyB8ICdtaW5pJyB8ICdzbWFsbCcgfCAnbWVkaXVtJyB8ICdsYXJnZScgfCAnbWFudWFsJyA9ICcnO1xuICAgIEBJbnB1dCgpIHJvdW5kZWQ6IGJvb2xlYW47XG5cbiAgICBsb2FkZXJQYXRocyA9IFtcbiAgICAgICAgJy9hc3NldHMvbGliLXVpL2FuaW1hdGlvbnMvc3Bpbm5lci1vcmFuZ2Utb3JhbmdlMjAuanNvbicsXG4gICAgICAgICcvYXNzZXRzL2xpYi11aS9hbmltYXRpb25zL3NwaW5uZXItd2hpdGUtb3JhbmdlLmpzb24nLFxuICAgICAgICAnL2Fzc2V0cy9saWItdWkvYW5pbWF0aW9ucy9zcGlubmVyLW9yYW5nZS1vcmFuZ2U0MC5qc29uJyxcbiAgICAgICAgJy9hc3NldHMvbGliLXVpL2FuaW1hdGlvbnMvc3Bpbm5lci1vcmFuZ2UtdHJhbnNsdWNlbnQuanNvbicsXG4gICAgICAgICcvYXNzZXRzL2xpYi11aS9hbmltYXRpb25zL3NwaW5uZXItd2hpdGUtdHJhbnNsdWNlbnQuanNvbidcbiAgICBdO1xuXG4gICAgb3B0aW9uczogQW5pbWF0aW9uT3B0aW9ucyA9IHtcbiAgICAgICAgcGF0aDogJydcbiAgICB9O1xuXG4gICAgbmdPbkluaXQoKTogdm9pZCB7XG4gICAgICAgIHN3aXRjaCAodGhpcy5jb2xvcikge1xuICAgICAgICAgICAgY2FzZSAnd2hpdGUnOlxuICAgICAgICAgICAgICAgIHRoaXMub3B0aW9uc1sncGF0aCddID0gdGhpcy5sb2FkZXJQYXRoc1swXTsgLy8gc3Bpbm5lci1vcmFuZ2Utb3JhbmdlMjAuanNvblxuICAgICAgICAgICAgICAgIGJyZWFrO1xuICAgICAgICAgICAgY2FzZSAnb3JhbmdlJzpcbiAgICAgICAgICAgICAgICB0aGlzLm9wdGlvbnNbJ3BhdGgnXSA9IHRoaXMubG9hZGVyUGF0aHNbMV07IC8vIHNwaW5uZXItd2hpdGUtb3JhbmdlLmpzb25cbiAgICAgICAgICAgICAgICBicmVhaztcbiAgICAgICAgICAgIGNhc2UgJ2dyZXknOlxuICAgICAgICAgICAgY2FzZSAnZ3JleTUnOlxuICAgICAgICAgICAgY2FzZSAnZ3JleTEwJzpcbiAgICAgICAgICAgICAgICB0aGlzLm9wdGlvbnNbJ3BhdGgnXSA9IHRoaXMubG9hZGVyUGF0aHNbMl07IC8vIHNwaW5uZXItb3JhbmdlLW9yYW5nZTQwLmpzb25cbiAgICAgICAgICAgICAgICBicmVhaztcbiAgICAgICAgICAgIGNhc2UgJ3RyYW5zbHVjZW50LW9yYW5nZSc6XG4gICAgICAgICAgICAgICAgdGhpcy5vcHRpb25zWydwYXRoJ10gPSB0aGlzLmxvYWRlclBhdGhzWzNdOyAvLyBzcGlubmVyLW9yYW5nZS10cmFuc2x1Y2VudC5qc29uXG4gICAgICAgICAgICAgICAgYnJlYWs7XG4gICAgICAgICAgICBjYXNlICd0cmFuc2x1Y2VudC13aGl0ZSc6XG4gICAgICAgICAgICAgICAgdGhpcy5vcHRpb25zWydwYXRoJ10gPSB0aGlzLmxvYWRlclBhdGhzWzRdOyAvLyB3aGl0ZS10cmFuc2x1Y2VudC5qc29uJ1xuICAgICAgICAgICAgICAgIGJyZWFrO1xuICAgICAgICAgICAgZGVmYXVsdDpcbiAgICAgICAgICAgICAgICB0aHJvdyBuZXcgRXJyb3IoJ1RoZSBsb2FkaW5nIGNvbXBvbmVudCBpcyBvbmx5IGF2YWlsYWJsZSBpbiB3aGl0ZSwgb3JhbmdlLCBncmV5LCBncmV5NSBhbmQgZ3JleTEwJyk7XG4gICAgICAgIH1cbiAgICB9XG59XG4iXX0=
|
|
@@ -56,6 +56,22 @@ SpinnerComponent.propDecorators = {
|
|
|
56
56
|
rounded: [{ type: Input }]
|
|
57
57
|
};
|
|
58
58
|
|
|
59
|
+
class LetteringLoaderComponent {
|
|
60
|
+
constructor() {
|
|
61
|
+
this.options = {
|
|
62
|
+
path: '/assets/lib-ui/animations/loader-lettering.json',
|
|
63
|
+
};
|
|
64
|
+
}
|
|
65
|
+
}
|
|
66
|
+
LetteringLoaderComponent.decorators = [
|
|
67
|
+
{ type: Component, args: [{
|
|
68
|
+
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
69
|
+
selector: 'ap-lettering-loader',
|
|
70
|
+
template: "<div class=\"lettering-container\">\n <ng-lottie\n [options]=\"options\"\n ></ng-lottie>\n</div>\n\n",
|
|
71
|
+
styles: ["@media screen and (max-width:1280px){.lettering-container{height:312px;width:312px}}@media screen and (min-width:1281px) and (max-width:1600px){.lettering-container{height:400px;width:400px}}@media screen and (min-width:1601px) and (max-width:1920px){.lettering-container{height:500px;width:500px}}@media screen and (min-width:1921px){.lettering-container{height:600px;width:600px}}"]
|
|
72
|
+
},] }
|
|
73
|
+
];
|
|
74
|
+
|
|
59
75
|
// Note we need a separate function as it's required
|
|
60
76
|
// by the AOT compiler.
|
|
61
77
|
function playerFactory() {
|
|
@@ -66,7 +82,8 @@ class AgorapulseUiAnimationsModule {
|
|
|
66
82
|
AgorapulseUiAnimationsModule.decorators = [
|
|
67
83
|
{ type: NgModule, args: [{
|
|
68
84
|
declarations: [
|
|
69
|
-
SpinnerComponent
|
|
85
|
+
SpinnerComponent,
|
|
86
|
+
LetteringLoaderComponent,
|
|
70
87
|
],
|
|
71
88
|
imports: [
|
|
72
89
|
CommonModule,
|
|
@@ -77,7 +94,8 @@ AgorapulseUiAnimationsModule.decorators = [
|
|
|
77
94
|
})
|
|
78
95
|
],
|
|
79
96
|
exports: [
|
|
80
|
-
SpinnerComponent
|
|
97
|
+
SpinnerComponent,
|
|
98
|
+
LetteringLoaderComponent
|
|
81
99
|
],
|
|
82
100
|
providers: []
|
|
83
101
|
},] }
|
|
@@ -91,5 +109,5 @@ AgorapulseUiAnimationsModule.decorators = [
|
|
|
91
109
|
* Generated bundle index. Do not edit.
|
|
92
110
|
*/
|
|
93
111
|
|
|
94
|
-
export { AgorapulseUiAnimationsModule, SpinnerComponent, playerFactory as ɵa };
|
|
112
|
+
export { AgorapulseUiAnimationsModule, LetteringLoaderComponent, SpinnerComponent, playerFactory as ɵa };
|
|
95
113
|
//# sourceMappingURL=agorapulse-ui-animations.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"agorapulse-ui-animations.js","sources":["../../../libs/ui-animations/src/lib/spinner/spinner.component.ts","../../../libs/ui-animations/src/lib/agorapulse-ui-animations.module.ts","../../../libs/ui-animations/index.ts","../../../libs/ui-animations/agorapulse-ui-animations.ts"],"sourcesContent":["import {ChangeDetectionStrategy, Component, Input,
|
|
1
|
+
{"version":3,"file":"agorapulse-ui-animations.js","sources":["../../../libs/ui-animations/src/lib/spinner/spinner.component.ts","../../../libs/ui-animations/src/lib/lettering-loader/lettering-loader.component.ts","../../../libs/ui-animations/src/lib/agorapulse-ui-animations.module.ts","../../../libs/ui-animations/index.ts","../../../libs/ui-animations/agorapulse-ui-animations.ts"],"sourcesContent":["import {ChangeDetectionStrategy, Component, Input, OnInit} from '@angular/core';\nimport {AnimationOptions} from 'ngx-lottie';\n\n@Component({\n changeDetection: ChangeDetectionStrategy.OnPush,\n selector: 'ap-spinner',\n styleUrls: ['./spinner.component.scss'],\n templateUrl: './spinner.component.html'\n})\nexport class SpinnerComponent implements OnInit {\n\n @Input() color: 'white'\n | 'orange'\n | 'grey'\n | 'grey5'\n | 'grey10'\n | 'translucent-orange'\n | 'translucent-white'\n = 'white';\n @Input() size: '' | 'mini' | 'small' | 'medium' | 'large' | 'manual' = '';\n @Input() rounded: boolean;\n\n loaderPaths = [\n '/assets/lib-ui/animations/spinner-orange-orange20.json',\n '/assets/lib-ui/animations/spinner-white-orange.json',\n '/assets/lib-ui/animations/spinner-orange-orange40.json',\n '/assets/lib-ui/animations/spinner-orange-translucent.json',\n '/assets/lib-ui/animations/spinner-white-translucent.json'\n ];\n\n options: AnimationOptions = {\n path: ''\n };\n\n ngOnInit(): void {\n switch (this.color) {\n case 'white':\n this.options['path'] = this.loaderPaths[0]; // spinner-orange-orange20.json\n break;\n case 'orange':\n this.options['path'] = this.loaderPaths[1]; // spinner-white-orange.json\n break;\n case 'grey':\n case 'grey5':\n case 'grey10':\n this.options['path'] = this.loaderPaths[2]; // spinner-orange-orange40.json\n break;\n case 'translucent-orange':\n this.options['path'] = this.loaderPaths[3]; // spinner-orange-translucent.json\n break;\n case 'translucent-white':\n this.options['path'] = this.loaderPaths[4]; // white-translucent.json'\n break;\n default:\n throw new Error('The loading component is only available in white, orange, grey, grey5 and grey10');\n }\n }\n}\n","import {ChangeDetectionStrategy, Component} from \"@angular/core\";\nimport {AnimationOptions} from \"ngx-lottie\";\n\n@Component({\n changeDetection: ChangeDetectionStrategy.OnPush,\n selector: 'ap-lettering-loader',\n templateUrl: './lettering-loader.component.html',\n styleUrls: ['./lettering-loader.component.scss']\n})\nexport class LetteringLoaderComponent {\n\n options: AnimationOptions = {\n path: '/assets/lib-ui/animations/loader-lettering.json',\n };\n\n}\n","import {NgModule} from '@angular/core';\nimport {CommonModule} from '@angular/common';\n\nimport {SpinnerComponent} from './spinner/spinner.component';\n\nimport {LottieModule} from 'ngx-lottie';\nimport player from 'lottie-web';\nimport {LetteringLoaderComponent} from './lettering-loader/lettering-loader.component';\n// Note we need a separate function as it's required\n// by the AOT compiler.\nexport function playerFactory() {\n return player;\n}\n\n@NgModule({\n declarations: [\n SpinnerComponent,\n LetteringLoaderComponent,\n ],\n imports: [\n CommonModule,\n // Lottie Module\n LottieModule.forRoot({\n player: playerFactory,\n useCache: true\n })\n ],\n exports: [\n SpinnerComponent,\n LetteringLoaderComponent\n ],\n providers: [\n ]\n})\nexport class AgorapulseUiAnimationsModule {\n}\n","/*\n * Public API Surface of ui-animations\n */\n\nexport {AgorapulseUiAnimationsModule} from './src/lib/agorapulse-ui-animations.module';\nexport {SpinnerComponent} from './src/lib/spinner/spinner.component';\nexport {LetteringLoaderComponent} from './src/lib/lettering-loader/lettering-loader.component';\n\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n\nexport {playerFactory as ɵa} from './src/lib/agorapulse-ui-animations.module';"],"names":[],"mappings":";;;;;MASa,gBAAgB;IAN7B;QAQa,UAAK,GAOR,OAAO,CAAC;QACL,SAAI,GAA0D,EAAE,CAAC;QAG1E,gBAAW,GAAG;YACV,wDAAwD;YACxD,qDAAqD;YACrD,wDAAwD;YACxD,2DAA2D;YAC3D,0DAA0D;SAC7D,CAAC;QAEF,YAAO,GAAqB;YACxB,IAAI,EAAE,EAAE;SACX,CAAC;KAyBL;IAvBG,QAAQ;QACJ,QAAQ,IAAI,CAAC,KAAK;YACd,KAAK,OAAO;gBACR,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,GAAG,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC;gBAC3C,MAAM;YACV,KAAK,QAAQ;gBACT,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,GAAG,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC;gBAC3C,MAAM;YACV,KAAK,MAAM,CAAC;YACZ,KAAK,OAAO,CAAC;YACb,KAAK,QAAQ;gBACT,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,GAAG,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC;gBAC3C,MAAM;YACV,KAAK,oBAAoB;gBACrB,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,GAAG,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC;gBAC3C,MAAM;YACV,KAAK,mBAAmB;gBACpB,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,GAAG,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC;gBAC3C,MAAM;YACV;gBACI,MAAM,IAAI,KAAK,CAAC,kFAAkF,CAAC,CAAC;SAC3G;KACJ;;;YArDJ,SAAS,SAAC;gBACP,eAAe,EAAE,uBAAuB,CAAC,MAAM;gBAC/C,QAAQ,EAAE,YAAY;gBAEtB,wiBAAuC;;aAC1C;;;oBAGI,KAAK;mBAQL,KAAK;sBACL,KAAK;;;MCXG,wBAAwB;IANrC;QAQI,YAAO,GAAqB;YACxB,IAAI,EAAE,iDAAiD;SAC1D,CAAC;KAEL;;;YAZA,SAAS,SAAC;gBACP,eAAe,EAAE,uBAAuB,CAAC,MAAM;gBAC/C,QAAQ,EAAE,qBAAqB;gBAC/B,6HAAgD;;aAEnD;;;ACAD;AACA;SACgB,aAAa;IACzB,OAAO,MAAM,CAAC;AAClB,CAAC;MAsBY,4BAA4B;;;YApBxC,QAAQ,SAAC;gBACN,YAAY,EAAE;oBACV,gBAAgB;oBAChB,wBAAwB;iBAC3B;gBACD,OAAO,EAAE;oBACL,YAAY;;oBAEZ,YAAY,CAAC,OAAO,CAAC;wBACjB,MAAM,EAAE,aAAa;wBACrB,QAAQ,EAAE,IAAI;qBACjB,CAAC;iBACL;gBACD,OAAO,EAAE;oBACL,gBAAgB;oBAChB,wBAAwB;iBAC3B;gBACD,SAAS,EAAE,EACV;aACJ;;;ACjCD;;;;ACAA;;;;;;"}
|
package/index.d.ts
CHANGED
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@agorapulse/ui-animations",
|
|
3
3
|
"description": "Agorapulse UI Animations Components Library",
|
|
4
|
-
"version": "2.
|
|
4
|
+
"version": "2.3.0",
|
|
5
5
|
"author": "Benoit Hediard",
|
|
6
6
|
"repository": {
|
|
7
7
|
"type": "git",
|
|
@@ -27,6 +27,6 @@
|
|
|
27
27
|
"metadata": "agorapulse-ui-animations.metadata.json",
|
|
28
28
|
"sideEffects": false,
|
|
29
29
|
"dependencies": {
|
|
30
|
-
"tslib": "^2.
|
|
30
|
+
"tslib": "^2.2.0"
|
|
31
31
|
}
|
|
32
32
|
}
|
|
Binary file
|