@glamera/animated-icons 0.1.0

package/styles/all.scss

@@ -0,0 +1,56 @@
+// Optional bundle for `<glamera-icon>` when multiple icon names are used.
+// Prefer dedicated components or per-icon style imports for smaller CSS output.
+@import '../search/src/search.animation';
+@import '../heart/src/heart.animation';
+@import '../bell/src/bell.animation';
+@import '../check/src/check.animation';
+@import '../settings/src/settings.animation';
+@import '../moon/src/moon.animation';
+@import '../sun/src/sun.animation';
+@import '../repeat/src/repeat.animation';
+@import '../mail/src/mail.animation';
+@import '../lock/src/lock.animation';
+@import '../eye/src/eye.animation';
+@import '../eye-closed/src/eye-closed.animation';
+@import '../eye-off/src/eye-off.animation';
+@import '../copy/src/copy.animation';
+@import '../clipboard/src/clipboard.animation';
+@import '../files/src/files.animation';
+@import '../house/src/house.animation';
+@import '../phone/src/phone.animation';
+@import '../user/src/user.animation';
+@import '../user-round/src/user-round.animation';
+@import '../user-check/src/user-check.animation';
+@import '../user-round-check/src/user-round-check.animation';
+@import '../user-x/src/user-x.animation';
+@import '../user-round-x/src/user-round-x.animation';
+@import '../users/src/users.animation';
+@import '../qr-code/src/qr-code.animation';
+@import '../scan-qr-code/src/scan-qr-code.animation';
+@import '../upload/src/upload.animation';
+@import '../download/src/download.animation';
+@import '../chevron-right/src/chevron-right.animation';
+@import '../chevron-left/src/chevron-left.animation';
+@import '../chevron-up/src/chevron-up.animation';
+@import '../chevron-down/src/chevron-down.animation';
+@import '../circle-chevron-up/src/circle-chevron-up.animation';
+@import '../circle-chevron-right/src/circle-chevron-right.animation';
+@import '../circle-chevron-left/src/circle-chevron-left.animation';
+@import '../circle-chevron-down/src/circle-chevron-down.animation';
+@import '../share/src/share.animation';
+@import '../circle-check/src/circle-check.animation';
+@import '../layers/src/layers.animation';
+@import '../square-pen/src/square-pen.animation';
+@import '../clock/src/clock.animation';
+@import '../pencil/src/pencil.animation';
+@import '../square-check-big/src/square-check-big.animation';
+@import '../play-circle/src/play-circle.animation';
+@import '../x-circle/src/x-circle.animation';
+@import '../x/src/x.animation';
+@import '../3-dots-horizontal/src/3-dots-horizontal.animation';
+@import '../3-dots-vertical/src/3-dots-vertical.animation';
+@import '../calendar-x/src/calendar-x.animation';
+@import '../calendar/src/calendar.animation';
+@import '../scan-text/src/scan-text.animation';
+@import '../printer/src/printer.animation';
+@import '../printer-2/src/printer-2.animation';

package/styles/bell.scss

@@ -0,0 +1 @@
+@import '../bell/src/bell.animation';

package/styles/calendar-x.scss

@@ -0,0 +1 @@
+@import '../calendar-x/src/calendar-x.animation';

package/styles/calendar.scss

@@ -0,0 +1 @@
+@import '../calendar/src/calendar.animation';

package/styles/check.scss

@@ -0,0 +1 @@
+@import '../check/src/check.animation';

package/styles/chevron-down.scss

@@ -0,0 +1 @@
+@import '../chevron-down/src/chevron-down.animation';

package/styles/chevron-left.scss

@@ -0,0 +1 @@
+@import '../chevron-left/src/chevron-left.animation';

package/styles/chevron-right.scss

@@ -0,0 +1 @@
+@import '../chevron-right/src/chevron-right.animation';

package/styles/chevron-up.scss

@@ -0,0 +1 @@
+@import '../chevron-up/src/chevron-up.animation';

package/styles/circle-check.scss

@@ -0,0 +1 @@
+@import '../circle-check/src/circle-check.animation';

package/styles/circle-chevron-down.scss

@@ -0,0 +1 @@
+@import '../circle-chevron-down/src/circle-chevron-down.animation';

package/styles/circle-chevron-left.scss

@@ -0,0 +1 @@
+@import '../circle-chevron-left/src/circle-chevron-left.animation';

package/styles/circle-chevron-right.scss

@@ -0,0 +1 @@
+@import '../circle-chevron-right/src/circle-chevron-right.animation';

package/styles/circle-chevron-up.scss

@@ -0,0 +1 @@
+@import '../circle-chevron-up/src/circle-chevron-up.animation';

package/styles/clipboard.scss

@@ -0,0 +1 @@
+@import '../clipboard/src/clipboard.animation';

package/styles/clock.scss

@@ -0,0 +1 @@
+@import '../clock/src/clock.animation';

package/styles/copy.scss

@@ -0,0 +1 @@
+@import '../copy/src/copy.animation';

package/styles/download.scss

@@ -0,0 +1 @@
+@import '../download/src/download.animation';

package/styles/eye-closed.scss

@@ -0,0 +1 @@
+@import '../eye-closed/src/eye-closed.animation';

package/styles/eye-off.scss

@@ -0,0 +1 @@
+@import '../eye-off/src/eye-off.animation';

package/styles/eye.scss

@@ -0,0 +1 @@
+@import '../eye/src/eye.animation';

package/styles/files.scss

@@ -0,0 +1 @@
+@import '../files/src/files.animation';

package/styles/heart.scss

@@ -0,0 +1 @@
+@import '../heart/src/heart.animation';

package/styles/house.scss

@@ -0,0 +1 @@
+@import '../house/src/house.animation';

package/styles/layers.scss

@@ -0,0 +1 @@
+@import '../layers/src/layers.animation';

package/styles/lock.scss

@@ -0,0 +1 @@
+@import '../lock/src/lock.animation';

package/styles/mail.scss

@@ -0,0 +1 @@
+@import '../mail/src/mail.animation';

package/styles/moon.scss

@@ -0,0 +1 @@
+@import '../moon/src/moon.animation';

package/styles/pencil.scss

@@ -0,0 +1 @@
+@import '../pencil/src/pencil.animation';

package/styles/phone.scss

@@ -0,0 +1 @@
+@import '../phone/src/phone.animation';

package/styles/play-circle.scss

@@ -0,0 +1 @@
+@import '../play-circle/src/play-circle.animation';

package/styles/printer-2.scss

@@ -0,0 +1 @@
+@import '../printer-2/src/printer-2.animation';

package/styles/printer.scss

@@ -0,0 +1 @@
+@import '../printer/src/printer.animation';

package/styles/qr-code.scss

@@ -0,0 +1 @@
+@import '../qr-code/src/qr-code.animation';

package/styles/repeat.scss

@@ -0,0 +1 @@
+@import '../repeat/src/repeat.animation';

package/styles/scan-qr-code.scss

@@ -0,0 +1 @@
+@import '../scan-qr-code/src/scan-qr-code.animation';

package/styles/scan-text.scss

@@ -0,0 +1 @@
+@import '../scan-text/src/scan-text.animation';

package/styles/search.scss

@@ -0,0 +1 @@
+@import '../search/src/search.animation';

package/styles/settings.scss

@@ -0,0 +1 @@
+@import '../settings/src/settings.animation';

package/styles/share.scss

@@ -0,0 +1 @@
+@import '../share/src/share.animation';

package/styles/square-check-big.scss

@@ -0,0 +1 @@
+@import '../square-check-big/src/square-check-big.animation';

package/styles/square-pen.scss

@@ -0,0 +1 @@
+@import '../square-pen/src/square-pen.animation';

package/styles/sun.scss

@@ -0,0 +1 @@
+@import '../sun/src/sun.animation';

package/styles/upload.scss

@@ -0,0 +1 @@
+@import '../upload/src/upload.animation';

package/styles/user-check.scss

@@ -0,0 +1 @@
+@import '../user-check/src/user-check.animation';

package/styles/user-round-check.scss

@@ -0,0 +1 @@
+@import '../user-round-check/src/user-round-check.animation';

package/styles/user-round-x.scss

@@ -0,0 +1 @@
+@import '../user-round-x/src/user-round-x.animation';

package/styles/user-round.scss

@@ -0,0 +1 @@
+@import '../user-round/src/user-round.animation';

package/styles/user-x.scss

@@ -0,0 +1 @@
+@import '../user-x/src/user-x.animation';

package/styles/user.scss

@@ -0,0 +1 @@
+@import '../user/src/user.animation';

package/styles/users.scss

@@ -0,0 +1 @@
+@import '../users/src/users.animation';

package/styles/x-circle.scss

@@ -0,0 +1 @@
+@import '../x-circle/src/x-circle.animation';

package/styles/x.scss

@@ -0,0 +1 @@
+@import '../x/src/x.animation';

package/sun/index.d.ts

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

package/sun/public-api.d.ts

@@ -0,0 +1 @@
+export { GLM_SUN, SunIconComponent, SunIconComponent as SunIcon } from './sun';

package/sun/src/sun.animation.scss

@@ -0,0 +1,65 @@
+@import '../../src/lib/animations/play';
+
+@keyframes glm-sun-rotate {
+  from {
+    transform: rotate(0deg);
+  }
+  to {
+    transform: rotate(12deg);
+  }
+}
+
+@keyframes glm-sun-center-pulse {
+  0%,
+  100% {
+    transform: scale(1);
+  }
+  50% {
+    transform: scale(1.18);
+  }
+}
+
+@keyframes glm-sun-rays-pulse {
+  0%,
+  100% {
+    opacity: 1;
+  }
+  50% {
+    opacity: 0.7;
+  }
+}
+
+.glm-icon[data-icon='sun'] .glm-icon-svg svg {
+  transform-box: view-box;
+  transform-origin: center;
+}
+
+.glm-icon[data-icon='sun'] .glm-sun-center {
+  transform-box: fill-box;
+  transform-origin: center;
+}
+
+@include glm-when-playing('sun') {
+  .glm-icon-svg svg {
+    animation: glm-sun-rotate var(--glm-duration) cubic-bezier(0.22, 1, 0.36, 1) var(--glm-delay) both;
+  }
+
+  .glm-sun-center {
+    animation: glm-sun-center-pulse var(--glm-duration) ease-in-out var(--glm-delay) both;
+  }
+
+  .glm-sun-rays {
+    animation: glm-sun-rays-pulse var(--glm-duration) ease-in-out var(--glm-delay) both;
+  }
+}
+
+@include glm-loop('sun') {
+  .glm-icon-svg svg {
+    animation: glm-sun-rotate var(--glm-duration) cubic-bezier(0.22, 1, 0.36, 1) var(--glm-delay) infinite alternate;
+  }
+
+  .glm-sun-center,
+  .glm-sun-rays {
+    animation-iteration-count: infinite;
+  }
+}

package/sun/sun.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_SUN: GlameraIconDefinition;
+export declare class SunIconComponent extends GlameraIconBase {
+    readonly iconDef: GlameraIconDefinition;
+    constructor(sanitizer: DomSanitizer, cdr: ChangeDetectorRef);
+    static ɵfac: i0.ɵɵFactoryDeclaration<SunIconComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SunIconComponent, "glamera-sun-icon", never, {}, {}, never, never, true, never>;
+}

package/upload/index.d.ts

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

package/upload/public-api.d.ts

@@ -0,0 +1 @@
+export { GLM_UPLOAD, UploadIconComponent, UploadIconComponent as UploadIcon, } from './upload';

package/upload/src/upload.animation.scss

@@ -0,0 +1,153 @@
+@import '../../src/lib/animations/play';
+
+@keyframes glm-upload-pulse {
+  0%,
+  100% {
+    transform: scale(1);
+  }
+
+  50% {
+    transform: scale(1.02);
+  }
+}
+
+@keyframes glm-upload-shaft-draw {
+  0% {
+    stroke-dashoffset: 30;
+    opacity: 0.4;
+  }
+
+  100% {
+    stroke-dashoffset: 0;
+    opacity: 1;
+  }
+}
+
+@keyframes glm-upload-head-rise {
+  0% {
+    transform: translateY(2px) scale(1);
+    opacity: 0.6;
+  }
+
+  50% {
+    transform: translateY(-2px) scale(1.05);
+    opacity: 1;
+  }
+
+  100% {
+    transform: translateY(0) scale(1);
+    opacity: 1;
+  }
+}
+
+@keyframes glm-upload-tray-draw {
+  0% {
+    stroke-dashoffset: 60;
+    opacity: 0.3;
+  }
+
+  100% {
+    stroke-dashoffset: 0;
+    opacity: 1;
+  }
+}
+
+@keyframes glm-upload-shaft-draw-loop {
+  0%,
+  100% {
+    stroke-dashoffset: 30;
+    opacity: 0.4;
+  }
+
+  50% {
+    stroke-dashoffset: 0;
+    opacity: 1;
+  }
+}
+
+@keyframes glm-upload-head-rise-loop {
+  0%,
+  100% {
+    transform: translateY(2px) scale(1);
+    opacity: 0.6;
+  }
+
+  50% {
+    transform: translateY(-2px) scale(1.05);
+    opacity: 1;
+  }
+}
+
+@keyframes glm-upload-tray-draw-loop {
+  0%,
+  100% {
+    stroke-dashoffset: 60;
+    opacity: 0.3;
+  }
+
+  50% {
+    stroke-dashoffset: 0;
+    opacity: 1;
+  }
+}
+
+.glm-icon[data-icon='upload'] .glm-upload-group {
+  transform-box: view-box;
+  transform-origin: 12px 12px;
+}
+
+.glm-icon[data-icon='upload'] .glm-upload-shaft,
+.glm-icon[data-icon='upload'] .glm-upload-tray {
+  fill: none;
+  stroke-dashoffset: 0;
+  opacity: 1;
+}
+
+.glm-icon[data-icon='upload'] .glm-upload-shaft {
+  stroke-dasharray: 30;
+}
+
+.glm-icon[data-icon='upload'] .glm-upload-tray {
+  stroke-dasharray: 60;
+}
+
+.glm-icon[data-icon='upload'] .glm-upload-head {
+  transform-box: fill-box;
+  transform-origin: center;
+}
+
+@include glm-when-playing('upload') {
+  .glm-upload-group {
+    animation: glm-upload-pulse calc(var(--glm-duration) * 0.6) ease-in-out var(--glm-delay) both;
+  }
+
+  .glm-upload-shaft {
+    animation: glm-upload-shaft-draw calc(var(--glm-duration) * 0.6) ease-in-out var(--glm-delay) both;
+  }
+
+  .glm-upload-head {
+    animation: glm-upload-head-rise calc(var(--glm-duration) * 0.6) ease-in-out calc(var(--glm-delay) + var(--glm-duration) * 0.05) both;
+  }
+
+  .glm-upload-tray {
+    animation: glm-upload-tray-draw calc(var(--glm-duration) * 0.6) ease-in-out calc(var(--glm-delay) + var(--glm-duration) * 0.1) both;
+  }
+}
+
+@include glm-loop('upload') {
+  .glm-upload-group {
+    animation: glm-upload-pulse calc(var(--glm-duration) * 1.2) ease-in-out var(--glm-delay) infinite both;
+  }
+
+  .glm-upload-shaft {
+    animation: glm-upload-shaft-draw-loop calc(var(--glm-duration) * 1.2) ease-in-out var(--glm-delay) infinite both;
+  }
+
+  .glm-upload-head {
+    animation: glm-upload-head-rise-loop calc(var(--glm-duration) * 1.2) ease-in-out calc(var(--glm-delay) + var(--glm-duration) * 0.05) infinite both;
+  }
+
+  .glm-upload-tray {
+    animation: glm-upload-tray-draw-loop calc(var(--glm-duration) * 1.2) ease-in-out calc(var(--glm-delay) + var(--glm-duration) * 0.1) infinite both;
+  }
+}

package/upload/upload.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_UPLOAD: GlameraIconDefinition;
+export declare class UploadIconComponent extends GlameraIconBase {
+    readonly iconDef: GlameraIconDefinition;
+    constructor(sanitizer: DomSanitizer, cdr: ChangeDetectorRef);
+    static ɵfac: i0.ɵɵFactoryDeclaration<UploadIconComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<UploadIconComponent, "glamera-upload-icon", never, {}, {}, never, never, true, never>;
+}

package/user/index.d.ts

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

package/user/public-api.d.ts

@@ -0,0 +1 @@
+export { GLM_USER, UserIconComponent, UserIconComponent as UserIcon, } from './user';

package/user/src/user.animation.scss

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

package/user/user.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: GlameraIconDefinition;
+export declare class UserIconComponent extends GlameraIconBase {
+    readonly iconDef: GlameraIconDefinition;
+    constructor(sanitizer: DomSanitizer, cdr: ChangeDetectorRef);
+    static ɵfac: i0.ɵɵFactoryDeclaration<UserIconComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<UserIconComponent, "glamera-user-icon", never, {}, {}, never, never, true, never>;
+}

package/user-check/index.d.ts

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

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

@@ -0,0 +1 @@
+export { GLM_USER_CHECK, UserCheckIconComponent, UserCheckIconComponent as UserCheckIcon, } from './user-check';