@glamera/animated-icons 0.1.0

package/user-check/src/user-check.animation.scss

@@ -0,0 +1,131 @@
+@import '../../src/lib/animations/play';
+
+@keyframes glm-user-check-body-draw {
+  0% {
+    stroke-dashoffset: 40;
+    opacity: 0.3;
+  }
+
+  100% {
+    stroke-dashoffset: 0;
+    opacity: 1;
+  }
+}
+
+@keyframes glm-user-check-body-draw-loop {
+  0%,
+  100% {
+    stroke-dashoffset: 40;
+    opacity: 0.3;
+  }
+
+  50% {
+    stroke-dashoffset: 0;
+    opacity: 1;
+  }
+}
+
+@keyframes glm-user-check-head-pop {
+  0% {
+    transform: scale(0.5);
+    opacity: 0;
+  }
+
+  60% {
+    transform: scale(1.2);
+    opacity: 1;
+  }
+
+  100% {
+    transform: scale(1);
+    opacity: 1;
+  }
+}
+
+@keyframes glm-user-check-head-pop-loop {
+  0%,
+  100% {
+    transform: scale(0.5);
+    opacity: 0;
+  }
+
+  30% {
+    transform: scale(1.2);
+    opacity: 1;
+  }
+
+  50% {
+    transform: scale(1);
+    opacity: 1;
+  }
+}
+
+@keyframes glm-user-check-tick-draw {
+  0% {
+    stroke-dashoffset: 20;
+    opacity: 0.3;
+  }
+
+  100% {
+    stroke-dashoffset: 0;
+    opacity: 1;
+  }
+}
+
+@keyframes glm-user-check-tick-draw-loop {
+  0%,
+  100% {
+    stroke-dashoffset: 20;
+    opacity: 0.3;
+  }
+
+  50% {
+    stroke-dashoffset: 0;
+    opacity: 1;
+  }
+}
+
+.glm-icon[data-icon='user-check'] .glm-user-check-body,
+.glm-icon[data-icon='user-check'] .glm-user-check-tick {
+  fill: none;
+  stroke-dasharray: 40;
+  stroke-dashoffset: 0;
+  opacity: 1;
+}
+
+.glm-icon[data-icon='user-check'] .glm-user-check-tick {
+  stroke-dasharray: 20;
+}
+
+.glm-icon[data-icon='user-check'] .glm-user-check-head {
+  transform-box: fill-box;
+  transform-origin: center;
+}
+
+@include glm-when-playing('user-check') {
+  .glm-user-check-head {
+    animation: glm-user-check-head-pop calc(var(--glm-duration) * 0.6) ease-out var(--glm-delay) both;
+  }
+
+  .glm-user-check-body {
+    animation: glm-user-check-body-draw calc(var(--glm-duration) * 0.6) ease-in-out calc(var(--glm-delay) + 200ms) both;
+  }
+
+  .glm-user-check-tick {
+    animation: glm-user-check-tick-draw calc(var(--glm-duration) * 0.5) ease-in-out calc(var(--glm-delay) + 500ms) both;
+  }
+}
+
+@include glm-loop('user-check') {
+  .glm-user-check-head {
+    animation: glm-user-check-head-pop-loop calc(var(--glm-duration) * 1.2) ease-out var(--glm-delay) infinite both;
+  }
+
+  .glm-user-check-body {
+    animation: glm-user-check-body-draw-loop calc(var(--glm-duration) * 1.2) ease-in-out calc(var(--glm-delay) + 200ms) infinite both;
+  }
+
+  .glm-user-check-tick {
+    animation: glm-user-check-tick-draw-loop calc(var(--glm-duration) * 1.2) ease-in-out calc(var(--glm-delay) + 500ms) infinite both;
+  }
+}

package/user-check/user-check.d.ts

@@ -0,0 +1,11 @@
+import { ChangeDetectorRef } from '@angular/core';
+import { DomSanitizer } from '@angular/platform-browser';
+import { GlameraIconBase, GlameraIconDefinition } from '@glamera/animated-icons';
+import * as i0 from "@angular/core";
+export declare const GLM_USER_CHECK: GlameraIconDefinition;
+export declare class UserCheckIconComponent extends GlameraIconBase {
+    readonly iconDef: GlameraIconDefinition;
+    constructor(sanitizer: DomSanitizer, cdr: ChangeDetectorRef);
+    static ɵfac: i0.ɵɵFactoryDeclaration<UserCheckIconComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<UserCheckIconComponent, "glamera-user-check-icon", never, {}, {}, never, never, true, never>;
+}

package/user-round/index.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+/// <amd-module name="@glamera/animated-icons/user-round" />
+export * from './public-api';

package/user-round/public-api.d.ts

@@ -0,0 +1 @@
+export { GLM_USER_ROUND, UserRoundIconComponent, UserRoundIconComponent as UserRoundIcon, } from './user-round';

package/user-round/src/user-round.animation.scss

@@ -0,0 +1,93 @@
+@import '../../src/lib/animations/play';
+
+@keyframes glm-user-round-curve-draw {
+  0% {
+    stroke-dashoffset: 40;
+    opacity: 0.3;
+  }
+
+  100% {
+    stroke-dashoffset: 0;
+    opacity: 1;
+  }
+}
+
+@keyframes glm-user-round-curve-draw-loop {
+  0%,
+  100% {
+    stroke-dashoffset: 40;
+    opacity: 0.3;
+  }
+
+  50% {
+    stroke-dashoffset: 0;
+    opacity: 1;
+  }
+}
+
+@keyframes glm-user-round-head-pop {
+  0% {
+    transform: scale(0.5);
+    opacity: 0;
+  }
+
+  60% {
+    transform: scale(1.2);
+    opacity: 1;
+  }
+
+  100% {
+    transform: scale(1);
+    opacity: 1;
+  }
+}
+
+@keyframes glm-user-round-head-pop-loop {
+  0%,
+  100% {
+    transform: scale(0.5);
+    opacity: 0;
+  }
+
+  30% {
+    transform: scale(1.2);
+    opacity: 1;
+  }
+
+  50% {
+    transform: scale(1);
+    opacity: 1;
+  }
+}
+
+.glm-icon[data-icon='user-round'] .glm-user-round-curve {
+  fill: none;
+  stroke-dasharray: 40;
+  stroke-dashoffset: 0;
+  opacity: 1;
+}
+
+.glm-icon[data-icon='user-round'] .glm-user-round-head {
+  transform-box: fill-box;
+  transform-origin: center;
+}
+
+@include glm-when-playing('user-round') {
+  .glm-user-round-head {
+    animation: glm-user-round-head-pop calc(var(--glm-duration) * 0.6) ease-out var(--glm-delay) both;
+  }
+
+  .glm-user-round-curve {
+    animation: glm-user-round-curve-draw calc(var(--glm-duration) * 0.6) ease-in-out calc(var(--glm-delay) + 300ms) both;
+  }
+}
+
+@include glm-loop('user-round') {
+  .glm-user-round-head {
+    animation: glm-user-round-head-pop-loop calc(var(--glm-duration) * 1.2) ease-out var(--glm-delay) infinite both;
+  }
+
+  .glm-user-round-curve {
+    animation: glm-user-round-curve-draw-loop calc(var(--glm-duration) * 1.2) ease-in-out calc(var(--glm-delay) + 300ms) infinite both;
+  }
+}

package/user-round/user-round.d.ts

@@ -0,0 +1,11 @@
+import { ChangeDetectorRef } from '@angular/core';
+import { DomSanitizer } from '@angular/platform-browser';
+import { GlameraIconBase, GlameraIconDefinition } from '@glamera/animated-icons';
+import * as i0 from "@angular/core";
+export declare const GLM_USER_ROUND: GlameraIconDefinition;
+export declare class UserRoundIconComponent extends GlameraIconBase {
+    readonly iconDef: GlameraIconDefinition;
+    constructor(sanitizer: DomSanitizer, cdr: ChangeDetectorRef);
+    static ɵfac: i0.ɵɵFactoryDeclaration<UserRoundIconComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<UserRoundIconComponent, "glamera-user-round-icon", never, {}, {}, never, never, true, never>;
+}

package/user-round-check/index.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+/// <amd-module name="@glamera/animated-icons/user-round-check" />
+export * from './public-api';

package/user-round-check/public-api.d.ts

@@ -0,0 +1 @@
+export { GLM_USER_ROUND_CHECK, UserRoundCheckIconComponent, UserRoundCheckIconComponent as UserRoundCheckIcon, } from './user-round-check';

package/user-round-check/src/user-round-check.animation.scss

@@ -0,0 +1,131 @@
+@import '../../src/lib/animations/play';
+
+@keyframes glm-user-round-check-body-draw {
+  0% {
+    stroke-dashoffset: 40;
+    opacity: 0.3;
+  }
+
+  100% {
+    stroke-dashoffset: 0;
+    opacity: 1;
+  }
+}
+
+@keyframes glm-user-round-check-body-draw-loop {
+  0%,
+  100% {
+    stroke-dashoffset: 40;
+    opacity: 0.3;
+  }
+
+  50% {
+    stroke-dashoffset: 0;
+    opacity: 1;
+  }
+}
+
+@keyframes glm-user-round-check-head-pop {
+  0% {
+    transform: scale(0.5);
+    opacity: 0;
+  }
+
+  60% {
+    transform: scale(1.2);
+    opacity: 1;
+  }
+
+  100% {
+    transform: scale(1);
+    opacity: 1;
+  }
+}
+
+@keyframes glm-user-round-check-head-pop-loop {
+  0%,
+  100% {
+    transform: scale(0.5);
+    opacity: 0;
+  }
+
+  30% {
+    transform: scale(1.2);
+    opacity: 1;
+  }
+
+  50% {
+    transform: scale(1);
+    opacity: 1;
+  }
+}
+
+@keyframes glm-user-round-check-tick-draw {
+  0% {
+    stroke-dashoffset: 20;
+    opacity: 0.3;
+  }
+
+  100% {
+    stroke-dashoffset: 0;
+    opacity: 1;
+  }
+}
+
+@keyframes glm-user-round-check-tick-draw-loop {
+  0%,
+  100% {
+    stroke-dashoffset: 20;
+    opacity: 0.3;
+  }
+
+  50% {
+    stroke-dashoffset: 0;
+    opacity: 1;
+  }
+}
+
+.glm-icon[data-icon='user-round-check'] .glm-user-round-check-body,
+.glm-icon[data-icon='user-round-check'] .glm-user-round-check-tick {
+  fill: none;
+  stroke-dasharray: 40;
+  stroke-dashoffset: 0;
+  opacity: 1;
+}
+
+.glm-icon[data-icon='user-round-check'] .glm-user-round-check-tick {
+  stroke-dasharray: 20;
+}
+
+.glm-icon[data-icon='user-round-check'] .glm-user-round-check-head {
+  transform-box: fill-box;
+  transform-origin: center;
+}
+
+@include glm-when-playing('user-round-check') {
+  .glm-user-round-check-head {
+    animation: glm-user-round-check-head-pop calc(var(--glm-duration) * 0.6) ease-out var(--glm-delay) both;
+  }
+
+  .glm-user-round-check-body {
+    animation: glm-user-round-check-body-draw calc(var(--glm-duration) * 0.6) ease-in-out calc(var(--glm-delay) + 200ms) both;
+  }
+
+  .glm-user-round-check-tick {
+    animation: glm-user-round-check-tick-draw calc(var(--glm-duration) * 0.5) ease-in-out calc(var(--glm-delay) + 500ms) both;
+  }
+}
+
+@include glm-loop('user-round-check') {
+  .glm-user-round-check-head {
+    animation: glm-user-round-check-head-pop-loop calc(var(--glm-duration) * 1.2) ease-out var(--glm-delay) infinite both;
+  }
+
+  .glm-user-round-check-body {
+    animation: glm-user-round-check-body-draw-loop calc(var(--glm-duration) * 1.2) ease-in-out calc(var(--glm-delay) + 200ms) infinite both;
+  }
+
+  .glm-user-round-check-tick {
+    animation: glm-user-round-check-tick-draw-loop calc(var(--glm-duration) * 1.2) ease-in-out calc(var(--glm-delay) + 500ms) infinite both;
+  }
+}

package/user-round-check/user-round-check.d.ts

@@ -0,0 +1,11 @@
+import { ChangeDetectorRef } from '@angular/core';
+import { DomSanitizer } from '@angular/platform-browser';
+import { GlameraIconBase, GlameraIconDefinition } from '@glamera/animated-icons';
+import * as i0 from "@angular/core";
+export declare const GLM_USER_ROUND_CHECK: GlameraIconDefinition;
+export declare class UserRoundCheckIconComponent extends GlameraIconBase {
+    readonly iconDef: GlameraIconDefinition;
+    constructor(sanitizer: DomSanitizer, cdr: ChangeDetectorRef);
+    static ɵfac: i0.ɵɵFactoryDeclaration<UserRoundCheckIconComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<UserRoundCheckIconComponent, "glamera-user-round-check-icon", never, {}, {}, never, never, true, never>;
+}

package/user-round-x/index.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+/// <amd-module name="@glamera/animated-icons/user-round-x" />
+export * from './public-api';

package/user-round-x/public-api.d.ts

@@ -0,0 +1 @@
+export { GLM_USER_ROUND_X, UserRoundXIconComponent, UserRoundXIconComponent as UserRoundXIcon, } from './user-round-x';

package/user-round-x/src/user-round-x.animation.scss

@@ -0,0 +1,175 @@
+@import '../../src/lib/animations/play';
+
+@keyframes glm-user-round-x-body-draw {
+  0% {
+    stroke-dashoffset: 60;
+    opacity: 0.3;
+  }
+
+  100% {
+    stroke-dashoffset: 0;
+    opacity: 1;
+  }
+}
+
+@keyframes glm-user-round-x-body-draw-loop {
+  0%,
+  100% {
+    stroke-dashoffset: 60;
+    opacity: 0.3;
+  }
+
+  50% {
+    stroke-dashoffset: 0;
+    opacity: 1;
+  }
+}
+
+@keyframes glm-user-round-x-head-pop {
+  0% {
+    transform: scale(0.6);
+    opacity: 0;
+  }
+
+  60% {
+    transform: scale(1.2);
+    opacity: 1;
+  }
+
+  100% {
+    transform: scale(1);
+    opacity: 1;
+  }
+}
+
+@keyframes glm-user-round-x-head-pop-loop {
+  0%,
+  100% {
+    transform: scale(0.6);
+    opacity: 0;
+  }
+
+  30% {
+    transform: scale(1.2);
+    opacity: 1;
+  }
+
+  50% {
+    transform: scale(1);
+    opacity: 1;
+  }
+}
+
+@keyframes glm-user-round-x-cross-shake {
+  0%,
+  100% {
+    transform: scale(1) rotate(0deg);
+  }
+
+  33% {
+    transform: scale(1.15) rotate(-10deg);
+  }
+
+  66% {
+    transform: scale(1.15) rotate(10deg);
+  }
+}
+
+@keyframes glm-user-round-x-cross-shake-loop {
+  0%,
+  100% {
+    transform: scale(1) rotate(0deg);
+  }
+
+  16% {
+    transform: scale(1.3) rotate(-10deg);
+  }
+
+  33% {
+    transform: scale(1.3) rotate(10deg);
+  }
+
+  50% {
+    transform: scale(1) rotate(0deg);
+  }
+}
+
+@keyframes glm-user-round-x-cross-line-draw {
+  0% {
+    stroke-dashoffset: 20;
+  }
+
+  100% {
+    stroke-dashoffset: 0;
+  }
+}
+
+@keyframes glm-user-round-x-cross-line-draw-loop {
+  0%,
+  100% {
+    stroke-dashoffset: 20;
+  }
+
+  50% {
+    stroke-dashoffset: 0;
+  }
+}
+
+.glm-icon[data-icon='user-round-x'] .glm-user-round-x-body {
+  fill: none;
+  stroke-dasharray: 60;
+  stroke-dashoffset: 0;
+  opacity: 1;
+}
+
+.glm-icon[data-icon='user-round-x'] .glm-user-round-x-head {
+  transform-box: fill-box;
+  transform-origin: center;
+}
+
+.glm-icon[data-icon='user-round-x'] .glm-user-round-x-cross {
+  transform-box: fill-box;
+  transform-origin: center;
+}
+
+.glm-icon[data-icon='user-round-x'] .glm-user-round-x-cross-line {
+  fill: none;
+  stroke-dasharray: 20;
+  stroke-dashoffset: 0;
+}
+
+@include glm-when-playing('user-round-x') {
+  .glm-user-round-x-body {
+    animation: glm-user-round-x-body-draw calc(var(--glm-duration) * 0.7) ease-in-out var(--glm-delay) both;
+  }
+
+  .glm-user-round-x-head {
+    animation: glm-user-round-x-head-pop calc(var(--glm-duration) * 0.6) ease-out var(--glm-delay) both;
+  }
+
+  .glm-user-round-x-cross {
+    animation: glm-user-round-x-cross-shake calc(var(--glm-duration) * 0.6) ease-in-out var(--glm-delay) both;
+  }
+
+  .glm-user-round-x-cross-line {
+    animation: glm-user-round-x-cross-line-draw calc(var(--glm-duration) * 0.5) ease-in-out var(--glm-delay) both;
+  }
+}
+
+@include glm-loop('user-round-x') {
+  .glm-user-round-x-body {
+    animation: glm-user-round-x-body-draw-loop calc(var(--glm-duration) * 1.4) ease-in-out var(--glm-delay) infinite both;
+  }
+
+  .glm-user-round-x-head {
+    animation: glm-user-round-x-head-pop-loop calc(var(--glm-duration) * 1.4) ease-out var(--glm-delay) infinite both;
+  }
+
+  .glm-user-round-x-cross {
+    animation: glm-user-round-x-cross-shake-loop calc(var(--glm-duration) * 1.4) ease-in-out var(--glm-delay) infinite both;
+  }
+
+  .glm-user-round-x-cross-line {
+    animation: glm-user-round-x-cross-line-draw-loop calc(var(--glm-duration) * 1.4) ease-in-out var(--glm-delay) infinite both;
+  }
+}

package/user-round-x/user-round-x.d.ts

@@ -0,0 +1,11 @@
+import { ChangeDetectorRef } from '@angular/core';
+import { DomSanitizer } from '@angular/platform-browser';
+import { GlameraIconBase, GlameraIconDefinition } from '@glamera/animated-icons';
+import * as i0 from "@angular/core";
+export declare const GLM_USER_ROUND_X: GlameraIconDefinition;
+export declare class UserRoundXIconComponent extends GlameraIconBase {
+    readonly iconDef: GlameraIconDefinition;
+    constructor(sanitizer: DomSanitizer, cdr: ChangeDetectorRef);
+    static ɵfac: i0.ɵɵFactoryDeclaration<UserRoundXIconComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<UserRoundXIconComponent, "glamera-user-round-x-icon", never, {}, {}, never, never, true, never>;
+}

package/user-x/index.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+/// <amd-module name="@glamera/animated-icons/user-x" />
+export * from './public-api';

package/user-x/public-api.d.ts

@@ -0,0 +1 @@
+export { GLM_USER_X, UserXIconComponent, UserXIconComponent as UserXIcon, } from './user-x';