@agorapulse/ui-animations 20.0.1 → 20.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.
|
Binary file
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"agorapulse-ui-animations.mjs","sources":["../../../libs/ui-animations/src/lib/lettering-loader/lettering-loader.component.ts","../../../libs/ui-animations/src/lib/lettering-loader/lettering-loader.component.html","../../../libs/ui-animations/src/lib/loader/calculate-loader-stroke-dash-x.pipe.ts","../../../libs/ui-animations/src/lib/loader/calculate-radius.pipe.ts","../../../libs/ui-animations/src/lib/loader/loader.component.ts","../../../libs/ui-animations/src/lib/loader/loader.component.html","../../../libs/ui-animations/src/lib/lottie-provider.ts","../../../libs/ui-animations/src/lib/spinner/spinner.component.ts","../../../libs/ui-animations/src/lib/spinner/spinner.component.html","../../../libs/ui-animations/index.ts","../../../libs/ui-animations/agorapulse-ui-animations.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component } from '@angular/core';\nimport { AnimationOptions, LottieComponent } 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 imports: [LottieComponent],\n})\nexport class LetteringLoaderComponent {\n options: AnimationOptions = {\n path: '/assets/lib-ui-animations/loader-lettering.json',\n };\n}\n","<div class=\"lettering-container\">\n <ng-lottie [options]=\"options\" />\n</div>\n","import { Pipe, PipeTransform } from '@angular/core';\n\n@Pipe({\n name: 'calculateLoaderStrokeDashX',\n standalone: true,\n})\nexport class CalculateLoaderStrokeDashXPipe implements PipeTransform {\n /**\n * The rule is 2 * r * Pi\n * @param radius of the circle\n */\n transform(radius: number): number {\n return Math.trunc(2 * radius * Math.PI);\n }\n}\n","import { Pipe, PipeTransform } from '@angular/core';\n\n@Pipe({\n name: 'calculateRadius',\n standalone: true,\n})\nexport class CalculateRadiusPipe implements PipeTransform {\n /**\n * Calculate radius\n * @param diameter of the circle\n * @param thickness of the circle\n */\n transform(diameter: number, thickness: number): number {\n return (diameter - thickness) / 2;\n }\n}\n","import { NgClass, NgStyle } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, Input, ViewEncapsulation } from '@angular/core';\nimport { CalculateLoaderStrokeDashXPipe } from './calculate-loader-stroke-dash-x.pipe';\nimport { CalculateRadiusPipe } from './calculate-radius.pipe';\n\nexport type ClassicLoaderColor = 'blue' | 'orange' | 'white';\nexport type NetworkLoaderColor =\n | 'facebook'\n | 'twitter'\n | 'linkedin'\n | 'youtube'\n | 'tiktok'\n | 'instagram'\n | 'microsoft'\n | 'googleMyBusiness'\n | 'google'\n | 'pinterest'\n | 'X'\n | 'threads'\n | 'bluesky';\nexport type LoaderColor = ClassicLoaderColor | NetworkLoaderColor;\n\ninterface Thickness {\n [key: number]: number;\n}\n\n/**\n * The key is the diameter given as @Input() diameter\n * Whatever the diameter is, for thickness the min is 2 and the max is 16 (cf. UX/UI)\n * If you change some values, don't forget to apply it into the CSS animation\n */\nconst thickness: Thickness = {\n 12: 2,\n 16: 3,\n 18: 3,\n 24: 4,\n 30: 5,\n 48: 7,\n 60: 8,\n 100: 10,\n 120: 13,\n};\n\nexport type LoaderDiameter = 12 | 16 | 18 | 24 | 30 | 48 | 60 | 100 | 120;\n\nfunction diameterAttribute(diameter: LoaderDiameter | `${LoaderDiameter}`): LoaderDiameter {\n return +diameter as LoaderDiameter;\n}\n\n@Component({\n changeDetection: ChangeDetectionStrategy.OnPush,\n selector: 'ap-loader',\n encapsulation: ViewEncapsulation.None,\n templateUrl: './loader.component.html',\n styleUrls: ['./loader.component.scss'],\n imports: [NgClass, NgStyle, CalculateRadiusPipe, CalculateLoaderStrokeDashXPipe],\n})\nexport class LoaderComponent {\n @Input() color: LoaderColor = 'orange';\n @Input({\n required: true,\n transform: diameterAttribute,\n })\n diameter: LoaderDiameter = 48;\n\n selectThickness: Thickness = thickness;\n}\n","<svg\n class=\"ap-loader\"\n [attr.height]=\"diameter + 'px'\"\n [attr.width]=\"diameter + 'px'\">\n <circle\n class=\"fade\"\n cx=\"50%\"\n cy=\"50%\"\n [attr.r]=\"diameter | calculateRadius: selectThickness[diameter]\"\n [attr.stroke-dasharray]=\"diameter | calculateRadius: selectThickness[diameter] | calculateLoaderStrokeDashX\"\n [attr.stroke-dashoffset]=\"diameter | calculateRadius: selectThickness[diameter] | calculateLoaderStrokeDashX\"\n [attr.stroke-width]=\"selectThickness[diameter] + 'px'\"\n [ngClass]=\"color\"\n [ngStyle]=\"{ animation: 'rotate-' + diameter + ' 1.5s cubic-bezier(0.42, 0.0, 0.78, 1.0) infinite' }\" />\n <circle\n class=\"main\"\n cx=\"50%\"\n cy=\"50%\"\n [attr.r]=\"diameter | calculateRadius: selectThickness[diameter]\"\n [attr.stroke-dasharray]=\"diameter | calculateRadius: selectThickness[diameter] | calculateLoaderStrokeDashX\"\n [attr.stroke-dashoffset]=\"diameter | calculateRadius: selectThickness[diameter] | calculateLoaderStrokeDashX\"\n [attr.stroke-width]=\"selectThickness[diameter] + 'px'\"\n [ngClass]=\"color\"\n [ngStyle]=\"{ animation: 'rotate-' + diameter + ' 1.5s cubic-bezier(0.42, 0.0, 0.58, 1.0) infinite' }\" />\n</svg>\n","import { provideLottieOptions } from 'ngx-lottie';\n\nexport const lottieOptions = provideLottieOptions({\n player: () => import('lottie-web'),\n});\n","import { ChangeDetectionStrategy, Component, Input, OnInit } from '@angular/core';\nimport { AnimationOptions, LottieComponent } from 'ngx-lottie';\n\n/**\n * @deprecated As Lottie is heavy, we should use ap-loader instead\n */\n@Component({\n changeDetection: ChangeDetectionStrategy.OnPush,\n selector: 'ap-spinner',\n styleUrls: ['./spinner.component.scss'],\n templateUrl: './spinner.component.html',\n imports: [LottieComponent],\n})\nexport class SpinnerComponent implements OnInit {\n @Input() color: 'white' | 'orange' | 'grey' | 'grey5' | 'grey10' | 'translucent-orange' | 'translucent-white' = 'white';\n @Input() size: '' | 'mini' | 'small' | 'medium' | 'large' | 'manual' = '';\n @Input() rounded = false;\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 = {\n ...this.options,\n path: this.loaderPaths[0], // spinner-orange-orange20.json\n };\n break;\n case 'orange':\n this.options = {\n ...this.options,\n path: this.loaderPaths[1], // spinner-white-orange.json\n };\n break;\n case 'grey':\n case 'grey5':\n case 'grey10':\n this.options = {\n ...this.options,\n path: this.loaderPaths[2], // spinner-orange-orange40.json\n };\n break;\n case 'translucent-orange':\n this.options = {\n ...this.options,\n path: this.loaderPaths[3], // spinner-orange-translucent.json\n };\n break;\n case 'translucent-white':\n this.options = {\n ...this.options,\n path: this.loaderPaths[4], // white-translucent.json'\n };\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","<div\n 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 <ng-lottie [options]=\"options\" />\n</div>\n","/*\n * Public API Surface of ui-animations\n */\n\nexport { LetteringLoaderComponent } from './src/lib/lettering-loader/lettering-loader.component';\nexport { CalculateLoaderStrokeDashXPipe } from './src/lib/loader/calculate-loader-stroke-dash-x.pipe';\nexport { CalculateRadiusPipe } from './src/lib/loader/calculate-radius.pipe';\nexport { LoaderComponent, LoaderDiameter } from './src/lib/loader/loader.component';\nexport { lottieOptions } from './src/lib/lottie-provider';\nexport { SpinnerComponent } from './src/lib/spinner/spinner.component';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"agorapulse-ui-animations.mjs","sources":["../../../libs/ui-animations/src/lib/lettering-loader/lettering-loader.component.ts","../../../libs/ui-animations/src/lib/lettering-loader/lettering-loader.component.html","../../../libs/ui-animations/src/lib/loader/calculate-loader-stroke-dash-x.pipe.ts","../../../libs/ui-animations/src/lib/loader/calculate-radius.pipe.ts","../../../libs/ui-animations/src/lib/loader/loader.component.ts","../../../libs/ui-animations/src/lib/loader/loader.component.html","../../../libs/ui-animations/src/lib/lottie-provider.ts","../../../libs/ui-animations/src/lib/spinner/spinner.component.ts","../../../libs/ui-animations/src/lib/spinner/spinner.component.html","../../../libs/ui-animations/index.ts","../../../libs/ui-animations/agorapulse-ui-animations.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component } from '@angular/core';\nimport { AnimationOptions, LottieComponent } 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 imports: [LottieComponent],\n})\nexport class LetteringLoaderComponent {\n options: AnimationOptions = {\n path: '/assets/lib-ui-animations/loader-lettering.json',\n };\n}\n","<div class=\"lettering-container\">\n <ng-lottie [options]=\"options\" />\n</div>\n","import { Pipe, PipeTransform } from '@angular/core';\n\n@Pipe({\n name: 'calculateLoaderStrokeDashX',\n standalone: true,\n})\nexport class CalculateLoaderStrokeDashXPipe implements PipeTransform {\n /**\n * The rule is 2 * r * Pi\n * @param radius of the circle\n */\n transform(radius: number): number {\n return Math.trunc(2 * radius * Math.PI);\n }\n}\n","import { Pipe, PipeTransform } from '@angular/core';\n\n@Pipe({\n name: 'calculateRadius',\n standalone: true,\n})\nexport class CalculateRadiusPipe implements PipeTransform {\n /**\n * Calculate radius\n * @param diameter of the circle\n * @param thickness of the circle\n */\n transform(diameter: number, thickness: number): number {\n return (diameter - thickness) / 2;\n }\n}\n","import { NgClass, NgStyle } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, Input, ViewEncapsulation } from '@angular/core';\nimport { CalculateLoaderStrokeDashXPipe } from './calculate-loader-stroke-dash-x.pipe';\nimport { CalculateRadiusPipe } from './calculate-radius.pipe';\n\nexport type ClassicLoaderColor = 'blue' | 'orange' | 'white';\nexport type NetworkLoaderColor =\n | 'facebook'\n | 'twitter'\n | 'linkedin'\n | 'youtube'\n | 'tiktok'\n | 'instagram'\n | 'microsoft'\n | 'googleMyBusiness'\n | 'google'\n | 'pinterest'\n | 'X'\n | 'threads'\n | 'bluesky';\nexport type LoaderColor = ClassicLoaderColor | NetworkLoaderColor;\n\ninterface Thickness {\n [key: number]: number;\n}\n\n/**\n * The key is the diameter given as @Input() diameter\n * Whatever the diameter is, for thickness the min is 2 and the max is 16 (cf. UX/UI)\n * If you change some values, don't forget to apply it into the CSS animation\n */\nconst thickness: Thickness = {\n 12: 2,\n 16: 3,\n 18: 3,\n 24: 4,\n 30: 5,\n 48: 7,\n 60: 8,\n 100: 10,\n 120: 13,\n};\n\nexport type LoaderDiameter = 12 | 16 | 18 | 24 | 30 | 48 | 60 | 100 | 120;\n\nfunction diameterAttribute(diameter: LoaderDiameter | `${LoaderDiameter}`): LoaderDiameter {\n return +diameter as LoaderDiameter;\n}\n\n@Component({\n changeDetection: ChangeDetectionStrategy.OnPush,\n selector: 'ap-loader',\n encapsulation: ViewEncapsulation.None,\n templateUrl: './loader.component.html',\n styleUrls: ['./loader.component.scss'],\n imports: [NgClass, NgStyle, CalculateRadiusPipe, CalculateLoaderStrokeDashXPipe],\n})\nexport class LoaderComponent {\n @Input() color: LoaderColor = 'orange';\n @Input({\n required: true,\n transform: diameterAttribute,\n })\n diameter: LoaderDiameter = 48;\n\n selectThickness: Thickness = thickness;\n}\n","<svg\n class=\"ap-loader\"\n [attr.height]=\"diameter + 'px'\"\n [attr.width]=\"diameter + 'px'\">\n <circle\n class=\"fade\"\n cx=\"50%\"\n cy=\"50%\"\n [attr.r]=\"diameter | calculateRadius: selectThickness[diameter]\"\n [attr.stroke-dasharray]=\"diameter | calculateRadius: selectThickness[diameter] | calculateLoaderStrokeDashX\"\n [attr.stroke-dashoffset]=\"diameter | calculateRadius: selectThickness[diameter] | calculateLoaderStrokeDashX\"\n [attr.stroke-width]=\"selectThickness[diameter] + 'px'\"\n [ngClass]=\"color\"\n [ngStyle]=\"{ animation: 'rotate-' + diameter + ' 1.5s cubic-bezier(0.42, 0.0, 0.78, 1.0) infinite' }\" />\n <circle\n class=\"main\"\n cx=\"50%\"\n cy=\"50%\"\n [attr.r]=\"diameter | calculateRadius: selectThickness[diameter]\"\n [attr.stroke-dasharray]=\"diameter | calculateRadius: selectThickness[diameter] | calculateLoaderStrokeDashX\"\n [attr.stroke-dashoffset]=\"diameter | calculateRadius: selectThickness[diameter] | calculateLoaderStrokeDashX\"\n [attr.stroke-width]=\"selectThickness[diameter] + 'px'\"\n [ngClass]=\"color\"\n [ngStyle]=\"{ animation: 'rotate-' + diameter + ' 1.5s cubic-bezier(0.42, 0.0, 0.58, 1.0) infinite' }\" />\n</svg>\n","import { provideLottieOptions } from 'ngx-lottie';\n\nexport const lottieOptions = provideLottieOptions({\n player: () => import('lottie-web'),\n});\n","import { ChangeDetectionStrategy, Component, Input, OnInit } from '@angular/core';\nimport { AnimationOptions, LottieComponent } from 'ngx-lottie';\n\n/**\n * @deprecated As Lottie is heavy, we should use ap-loader instead\n */\n@Component({\n changeDetection: ChangeDetectionStrategy.OnPush,\n selector: 'ap-spinner',\n styleUrls: ['./spinner.component.scss'],\n templateUrl: './spinner.component.html',\n imports: [LottieComponent],\n})\nexport class SpinnerComponent implements OnInit {\n @Input() color: 'white' | 'orange' | 'grey' | 'grey5' | 'grey10' | 'translucent-orange' | 'translucent-white' = 'white';\n @Input() size: '' | 'mini' | 'small' | 'medium' | 'large' | 'manual' = '';\n @Input() rounded = false;\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 = {\n ...this.options,\n path: this.loaderPaths[0], // spinner-orange-orange20.json\n };\n break;\n case 'orange':\n this.options = {\n ...this.options,\n path: this.loaderPaths[1], // spinner-white-orange.json\n };\n break;\n case 'grey':\n case 'grey5':\n case 'grey10':\n this.options = {\n ...this.options,\n path: this.loaderPaths[2], // spinner-orange-orange40.json\n };\n break;\n case 'translucent-orange':\n this.options = {\n ...this.options,\n path: this.loaderPaths[3], // spinner-orange-translucent.json\n };\n break;\n case 'translucent-white':\n this.options = {\n ...this.options,\n path: this.loaderPaths[4], // white-translucent.json'\n };\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","<div\n 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 <ng-lottie [options]=\"options\" />\n</div>\n","/*\n * Public API Surface of ui-animations\n */\n\nexport { LetteringLoaderComponent } from './src/lib/lettering-loader/lettering-loader.component';\nexport { CalculateLoaderStrokeDashXPipe } from './src/lib/loader/calculate-loader-stroke-dash-x.pipe';\nexport { CalculateRadiusPipe } from './src/lib/loader/calculate-radius.pipe';\nexport { LoaderComponent, LoaderDiameter, NetworkLoaderColor, LoaderColor, ClassicLoaderColor } from './src/lib/loader/loader.component';\nexport { lottieOptions } from './src/lib/lottie-provider';\nexport { SpinnerComponent } from './src/lib/spinner/spinner.component';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|
package/index.d.ts
CHANGED
|
@@ -62,4 +62,4 @@ declare class SpinnerComponent implements OnInit {
|
|
|
62
62
|
}
|
|
63
63
|
|
|
64
64
|
export { CalculateLoaderStrokeDashXPipe, CalculateRadiusPipe, LetteringLoaderComponent, LoaderComponent, SpinnerComponent, lottieOptions };
|
|
65
|
-
export type { LoaderDiameter };
|
|
65
|
+
export type { ClassicLoaderColor, LoaderColor, LoaderDiameter, NetworkLoaderColor };
|
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": "20.0.
|
|
4
|
+
"version": "20.0.3",
|
|
5
5
|
"author": "Benoit Hediard",
|
|
6
6
|
"repository": {
|
|
7
7
|
"type": "git",
|
|
@@ -12,7 +12,7 @@
|
|
|
12
12
|
},
|
|
13
13
|
"homepage": "https://github.com/agorapulse/design",
|
|
14
14
|
"peerDependencies": {
|
|
15
|
-
"@agorapulse/ui-theme": "^20.0.
|
|
15
|
+
"@agorapulse/ui-theme": "^20.0.1",
|
|
16
16
|
"@angular/common": "20.1.3",
|
|
17
17
|
"@angular/core": "20.1.3",
|
|
18
18
|
"@angular/material": "20.1.3",
|
|
Binary file
|