@glamera/animated-icons 0.1.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/3-dots-horizontal/3-dots-horizontal.d.ts +11 -0
- package/3-dots-horizontal/index.d.ts +5 -0
- package/3-dots-horizontal/public-api.d.ts +1 -0
- package/3-dots-horizontal/src/3-dots-horizontal.animation.scss +46 -0
- package/3-dots-vertical/3-dots-vertical.d.ts +11 -0
- package/3-dots-vertical/index.d.ts +5 -0
- package/3-dots-vertical/public-api.d.ts +1 -0
- package/3-dots-vertical/src/3-dots-vertical.animation.scss +46 -0
- package/README.md +239 -0
- package/bell/bell.d.ts +11 -0
- package/bell/index.d.ts +5 -0
- package/bell/public-api.d.ts +1 -0
- package/bell/src/bell.animation.scss +120 -0
- package/calendar/calendar.d.ts +11 -0
- package/calendar/index.d.ts +5 -0
- package/calendar/public-api.d.ts +1 -0
- package/calendar/src/calendar.animation.scss +64 -0
- package/calendar-x/calendar-x.d.ts +11 -0
- package/calendar-x/index.d.ts +5 -0
- package/calendar-x/public-api.d.ts +1 -0
- package/calendar-x/src/calendar-x.animation.scss +192 -0
- package/check/check.d.ts +11 -0
- package/check/index.d.ts +5 -0
- package/check/public-api.d.ts +1 -0
- package/check/src/check.animation.scss +72 -0
- package/chevron-down/chevron-down.d.ts +11 -0
- package/chevron-down/index.d.ts +5 -0
- package/chevron-down/public-api.d.ts +1 -0
- package/chevron-down/src/chevron-down.animation.scss +100 -0
- package/chevron-left/chevron-left.d.ts +11 -0
- package/chevron-left/index.d.ts +5 -0
- package/chevron-left/public-api.d.ts +1 -0
- package/chevron-left/src/chevron-left.animation.scss +100 -0
- package/chevron-right/chevron-right.d.ts +11 -0
- package/chevron-right/index.d.ts +5 -0
- package/chevron-right/public-api.d.ts +1 -0
- package/chevron-right/src/chevron-right.animation.scss +100 -0
- package/chevron-up/chevron-up.d.ts +11 -0
- package/chevron-up/index.d.ts +5 -0
- package/chevron-up/public-api.d.ts +1 -0
- package/chevron-up/src/chevron-up.animation.scss +100 -0
- package/circle-check/circle-check.d.ts +11 -0
- package/circle-check/index.d.ts +5 -0
- package/circle-check/public-api.d.ts +1 -0
- package/circle-check/src/circle-check.animation.scss +153 -0
- package/circle-chevron-down/circle-chevron-down.d.ts +11 -0
- package/circle-chevron-down/index.d.ts +5 -0
- package/circle-chevron-down/public-api.d.ts +1 -0
- package/circle-chevron-down/src/circle-chevron-down.animation.scss +99 -0
- package/circle-chevron-left/circle-chevron-left.d.ts +11 -0
- package/circle-chevron-left/index.d.ts +5 -0
- package/circle-chevron-left/public-api.d.ts +1 -0
- package/circle-chevron-left/src/circle-chevron-left.animation.scss +99 -0
- package/circle-chevron-right/circle-chevron-right.d.ts +11 -0
- package/circle-chevron-right/index.d.ts +5 -0
- package/circle-chevron-right/public-api.d.ts +1 -0
- package/circle-chevron-right/src/circle-chevron-right.animation.scss +99 -0
- package/circle-chevron-up/circle-chevron-up.d.ts +11 -0
- package/circle-chevron-up/index.d.ts +5 -0
- package/circle-chevron-up/public-api.d.ts +1 -0
- package/circle-chevron-up/src/circle-chevron-up.animation.scss +99 -0
- package/clipboard/clipboard.d.ts +11 -0
- package/clipboard/index.d.ts +5 -0
- package/clipboard/public-api.d.ts +1 -0
- package/clipboard/src/clipboard.animation.scss +109 -0
- package/clock/clock.d.ts +11 -0
- package/clock/index.d.ts +5 -0
- package/clock/public-api.d.ts +1 -0
- package/clock/src/clock.animation.scss +47 -0
- package/copy/copy.d.ts +11 -0
- package/copy/index.d.ts +5 -0
- package/copy/public-api.d.ts +1 -0
- package/copy/src/copy.animation.scss +71 -0
- package/download/download.d.ts +11 -0
- package/download/index.d.ts +5 -0
- package/download/public-api.d.ts +1 -0
- package/download/src/download.animation.scss +153 -0
- package/esm2020/3-dots-horizontal/3-dots-horizontal.mjs +26 -0
- package/esm2020/3-dots-horizontal/glamera-animated-icons-3-dots-horizontal.mjs +5 -0
- package/esm2020/3-dots-horizontal/public-api.mjs +2 -0
- package/esm2020/3-dots-vertical/3-dots-vertical.mjs +26 -0
- package/esm2020/3-dots-vertical/glamera-animated-icons-3-dots-vertical.mjs +5 -0
- package/esm2020/3-dots-vertical/public-api.mjs +2 -0
- package/esm2020/bell/bell.mjs +29 -0
- package/esm2020/bell/glamera-animated-icons-bell.mjs +5 -0
- package/esm2020/bell/public-api.mjs +2 -0
- package/esm2020/calendar/calendar.mjs +27 -0
- package/esm2020/calendar/glamera-animated-icons-calendar.mjs +5 -0
- package/esm2020/calendar/public-api.mjs +2 -0
- package/esm2020/calendar-x/calendar-x.mjs +29 -0
- package/esm2020/calendar-x/glamera-animated-icons-calendar-x.mjs +5 -0
- package/esm2020/calendar-x/public-api.mjs +2 -0
- package/esm2020/check/check.mjs +27 -0
- package/esm2020/check/glamera-animated-icons-check.mjs +5 -0
- package/esm2020/check/public-api.mjs +2 -0
- package/esm2020/chevron-down/chevron-down.mjs +25 -0
- package/esm2020/chevron-down/glamera-animated-icons-chevron-down.mjs +5 -0
- package/esm2020/chevron-down/public-api.mjs +2 -0
- package/esm2020/chevron-left/chevron-left.mjs +25 -0
- package/esm2020/chevron-left/glamera-animated-icons-chevron-left.mjs +5 -0
- package/esm2020/chevron-left/public-api.mjs +2 -0
- package/esm2020/chevron-right/chevron-right.mjs +25 -0
- package/esm2020/chevron-right/glamera-animated-icons-chevron-right.mjs +5 -0
- package/esm2020/chevron-right/public-api.mjs +2 -0
- package/esm2020/chevron-up/chevron-up.mjs +25 -0
- package/esm2020/chevron-up/glamera-animated-icons-chevron-up.mjs +5 -0
- package/esm2020/chevron-up/public-api.mjs +2 -0
- package/esm2020/circle-check/circle-check.mjs +25 -0
- package/esm2020/circle-check/glamera-animated-icons-circle-check.mjs +5 -0
- package/esm2020/circle-check/public-api.mjs +2 -0
- package/esm2020/circle-chevron-down/circle-chevron-down.mjs +25 -0
- package/esm2020/circle-chevron-down/glamera-animated-icons-circle-chevron-down.mjs +5 -0
- package/esm2020/circle-chevron-down/public-api.mjs +2 -0
- package/esm2020/circle-chevron-left/circle-chevron-left.mjs +25 -0
- package/esm2020/circle-chevron-left/glamera-animated-icons-circle-chevron-left.mjs +5 -0
- package/esm2020/circle-chevron-left/public-api.mjs +2 -0
- package/esm2020/circle-chevron-right/circle-chevron-right.mjs +25 -0
- package/esm2020/circle-chevron-right/glamera-animated-icons-circle-chevron-right.mjs +5 -0
- package/esm2020/circle-chevron-right/public-api.mjs +2 -0
- package/esm2020/circle-chevron-up/circle-chevron-up.mjs +25 -0
- package/esm2020/circle-chevron-up/glamera-animated-icons-circle-chevron-up.mjs +5 -0
- package/esm2020/circle-chevron-up/public-api.mjs +2 -0
- package/esm2020/clipboard/clipboard.mjs +36 -0
- package/esm2020/clipboard/glamera-animated-icons-clipboard.mjs +5 -0
- package/esm2020/clipboard/public-api.mjs +2 -0
- package/esm2020/clock/clock.mjs +26 -0
- package/esm2020/clock/glamera-animated-icons-clock.mjs +5 -0
- package/esm2020/clock/public-api.mjs +2 -0
- package/esm2020/copy/copy.mjs +36 -0
- package/esm2020/copy/glamera-animated-icons-copy.mjs +5 -0
- package/esm2020/copy/public-api.mjs +2 -0
- package/esm2020/download/download.mjs +28 -0
- package/esm2020/download/glamera-animated-icons-download.mjs +5 -0
- package/esm2020/download/public-api.mjs +2 -0
- package/esm2020/eye/eye.mjs +30 -0
- package/esm2020/eye/glamera-animated-icons-eye.mjs +5 -0
- package/esm2020/eye/public-api.mjs +2 -0
- package/esm2020/eye-closed/eye-closed.mjs +34 -0
- package/esm2020/eye-closed/glamera-animated-icons-eye-closed.mjs +5 -0
- package/esm2020/eye-closed/public-api.mjs +2 -0
- package/esm2020/eye-off/eye-off.mjs +33 -0
- package/esm2020/eye-off/glamera-animated-icons-eye-off.mjs +5 -0
- package/esm2020/eye-off/public-api.mjs +2 -0
- package/esm2020/files/files.mjs +38 -0
- package/esm2020/files/glamera-animated-icons-files.mjs +5 -0
- package/esm2020/files/public-api.mjs +2 -0
- package/esm2020/glamera-animated-icons.mjs +5 -0
- package/esm2020/heart/glamera-animated-icons-heart.mjs +5 -0
- package/esm2020/heart/heart.mjs +27 -0
- package/esm2020/heart/public-api.mjs +2 -0
- package/esm2020/house/glamera-animated-icons-house.mjs +5 -0
- package/esm2020/house/house.mjs +28 -0
- package/esm2020/house/public-api.mjs +2 -0
- package/esm2020/layers/glamera-animated-icons-layers.mjs +5 -0
- package/esm2020/layers/layers.mjs +26 -0
- package/esm2020/layers/public-api.mjs +2 -0
- package/esm2020/lib/base/icon-base.mjs +112 -0
- package/esm2020/lib/base/icon-host.template.mjs +23 -0
- package/esm2020/lib/components/icon/icon.component.mjs +31 -0
- package/esm2020/lib/glamera-icons.module.mjs +42 -0
- package/esm2020/lib/icon-registry.mjs +29 -0
- package/esm2020/lib/provide-icons.mjs +22 -0
- package/esm2020/lib/tokens.mjs +4 -0
- package/esm2020/lib/types.mjs +2 -0
- package/esm2020/lib/utils.mjs +24 -0
- package/esm2020/lock/glamera-animated-icons-lock.mjs +5 -0
- package/esm2020/lock/lock.mjs +27 -0
- package/esm2020/lock/public-api.mjs +2 -0
- package/esm2020/mail/glamera-animated-icons-mail.mjs +5 -0
- package/esm2020/mail/mail.mjs +31 -0
- package/esm2020/mail/public-api.mjs +2 -0
- package/esm2020/moon/glamera-animated-icons-moon.mjs +5 -0
- package/esm2020/moon/moon.mjs +24 -0
- package/esm2020/moon/public-api.mjs +2 -0
- package/esm2020/pencil/glamera-animated-icons-pencil.mjs +5 -0
- package/esm2020/pencil/pencil.mjs +27 -0
- package/esm2020/pencil/public-api.mjs +2 -0
- package/esm2020/phone/glamera-animated-icons-phone.mjs +5 -0
- package/esm2020/phone/phone.mjs +28 -0
- package/esm2020/phone/public-api.mjs +2 -0
- package/esm2020/play-circle/glamera-animated-icons-play-circle.mjs +5 -0
- package/esm2020/play-circle/play-circle.mjs +25 -0
- package/esm2020/play-circle/public-api.mjs +2 -0
- package/esm2020/printer/glamera-animated-icons-printer.mjs +5 -0
- package/esm2020/printer/printer.mjs +25 -0
- package/esm2020/printer/public-api.mjs +2 -0
- package/esm2020/printer-2/glamera-animated-icons-printer-2.mjs +5 -0
- package/esm2020/printer-2/printer-2.mjs +26 -0
- package/esm2020/printer-2/public-api.mjs +2 -0
- package/esm2020/public-api.mjs +9 -0
- package/esm2020/qr-code/glamera-animated-icons-qr-code.mjs +5 -0
- package/esm2020/qr-code/public-api.mjs +2 -0
- package/esm2020/qr-code/qr-code.mjs +37 -0
- package/esm2020/repeat/glamera-animated-icons-repeat.mjs +5 -0
- package/esm2020/repeat/public-api.mjs +2 -0
- package/esm2020/repeat/repeat.mjs +29 -0
- package/esm2020/scan-qr-code/glamera-animated-icons-scan-qr-code.mjs +5 -0
- package/esm2020/scan-qr-code/public-api.mjs +2 -0
- package/esm2020/scan-qr-code/scan-qr-code.mjs +33 -0
- package/esm2020/scan-text/glamera-animated-icons-scan-text.mjs +5 -0
- package/esm2020/scan-text/public-api.mjs +2 -0
- package/esm2020/scan-text/scan-text.mjs +30 -0
- package/esm2020/search/glamera-animated-icons-search.mjs +5 -0
- package/esm2020/search/public-api.mjs +2 -0
- package/esm2020/search/search.mjs +27 -0
- package/esm2020/settings/glamera-animated-icons-settings.mjs +5 -0
- package/esm2020/settings/public-api.mjs +2 -0
- package/esm2020/settings/settings.mjs +27 -0
- package/esm2020/share/glamera-animated-icons-share.mjs +5 -0
- package/esm2020/share/public-api.mjs +2 -0
- package/esm2020/share/share.mjs +28 -0
- package/esm2020/square-check-big/glamera-animated-icons-square-check-big.mjs +5 -0
- package/esm2020/square-check-big/public-api.mjs +2 -0
- package/esm2020/square-check-big/square-check-big.mjs +25 -0
- package/esm2020/square-pen/glamera-animated-icons-square-pen.mjs +5 -0
- package/esm2020/square-pen/public-api.mjs +2 -0
- package/esm2020/square-pen/square-pen.mjs +25 -0
- package/esm2020/sun/glamera-animated-icons-sun.mjs +5 -0
- package/esm2020/sun/public-api.mjs +2 -0
- package/esm2020/sun/sun.mjs +34 -0
- package/esm2020/upload/glamera-animated-icons-upload.mjs +5 -0
- package/esm2020/upload/public-api.mjs +2 -0
- package/esm2020/upload/upload.mjs +28 -0
- package/esm2020/user/glamera-animated-icons-user.mjs +5 -0
- package/esm2020/user/public-api.mjs +2 -0
- package/esm2020/user/user.mjs +28 -0
- package/esm2020/user-check/glamera-animated-icons-user-check.mjs +5 -0
- package/esm2020/user-check/public-api.mjs +2 -0
- package/esm2020/user-check/user-check.mjs +26 -0
- package/esm2020/user-round/glamera-animated-icons-user-round.mjs +5 -0
- package/esm2020/user-round/public-api.mjs +2 -0
- package/esm2020/user-round/user-round.mjs +28 -0
- package/esm2020/user-round-check/glamera-animated-icons-user-round-check.mjs +5 -0
- package/esm2020/user-round-check/public-api.mjs +2 -0
- package/esm2020/user-round-check/user-round-check.mjs +26 -0
- package/esm2020/user-round-x/glamera-animated-icons-user-round-x.mjs +5 -0
- package/esm2020/user-round-x/public-api.mjs +2 -0
- package/esm2020/user-round-x/user-round-x.mjs +29 -0
- package/esm2020/user-x/glamera-animated-icons-user-x.mjs +5 -0
- package/esm2020/user-x/public-api.mjs +2 -0
- package/esm2020/user-x/user-x.mjs +29 -0
- package/esm2020/users/glamera-animated-icons-users.mjs +5 -0
- package/esm2020/users/public-api.mjs +2 -0
- package/esm2020/users/users.mjs +27 -0
- package/esm2020/x/glamera-animated-icons-x.mjs +5 -0
- package/esm2020/x/public-api.mjs +2 -0
- package/esm2020/x/x.mjs +25 -0
- package/esm2020/x-circle/glamera-animated-icons-x-circle.mjs +5 -0
- package/esm2020/x-circle/public-api.mjs +2 -0
- package/esm2020/x-circle/x-circle.mjs +26 -0
- package/eye/eye.d.ts +11 -0
- package/eye/index.d.ts +5 -0
- package/eye/public-api.d.ts +1 -0
- package/eye/src/eye.animation.scss +77 -0
- package/eye-closed/eye-closed.d.ts +11 -0
- package/eye-closed/index.d.ts +5 -0
- package/eye-closed/public-api.d.ts +1 -0
- package/eye-closed/src/eye-closed.animation.scss +130 -0
- package/eye-off/eye-off.d.ts +11 -0
- package/eye-off/index.d.ts +5 -0
- package/eye-off/public-api.d.ts +1 -0
- package/eye-off/src/eye-off.animation.scss +83 -0
- package/fesm2015/glamera-animated-icons-3-dots-horizontal.mjs +33 -0
- package/fesm2015/glamera-animated-icons-3-dots-horizontal.mjs.map +1 -0
- package/fesm2015/glamera-animated-icons-3-dots-vertical.mjs +33 -0
- package/fesm2015/glamera-animated-icons-3-dots-vertical.mjs.map +1 -0
- package/fesm2015/glamera-animated-icons-bell.mjs +36 -0
- package/fesm2015/glamera-animated-icons-bell.mjs.map +1 -0
- package/fesm2015/glamera-animated-icons-calendar-x.mjs +36 -0
- package/fesm2015/glamera-animated-icons-calendar-x.mjs.map +1 -0
- package/fesm2015/glamera-animated-icons-calendar.mjs +34 -0
- package/fesm2015/glamera-animated-icons-calendar.mjs.map +1 -0
- package/fesm2015/glamera-animated-icons-check.mjs +34 -0
- package/fesm2015/glamera-animated-icons-check.mjs.map +1 -0
- package/fesm2015/glamera-animated-icons-chevron-down.mjs +32 -0
- package/fesm2015/glamera-animated-icons-chevron-down.mjs.map +1 -0
- package/fesm2015/glamera-animated-icons-chevron-left.mjs +32 -0
- package/fesm2015/glamera-animated-icons-chevron-left.mjs.map +1 -0
- package/fesm2015/glamera-animated-icons-chevron-right.mjs +32 -0
- package/fesm2015/glamera-animated-icons-chevron-right.mjs.map +1 -0
- package/fesm2015/glamera-animated-icons-chevron-up.mjs +32 -0
- package/fesm2015/glamera-animated-icons-chevron-up.mjs.map +1 -0
- package/fesm2015/glamera-animated-icons-circle-check.mjs +32 -0
- package/fesm2015/glamera-animated-icons-circle-check.mjs.map +1 -0
- package/fesm2015/glamera-animated-icons-circle-chevron-down.mjs +32 -0
- package/fesm2015/glamera-animated-icons-circle-chevron-down.mjs.map +1 -0
- package/fesm2015/glamera-animated-icons-circle-chevron-left.mjs +32 -0
- package/fesm2015/glamera-animated-icons-circle-chevron-left.mjs.map +1 -0
- package/fesm2015/glamera-animated-icons-circle-chevron-right.mjs +32 -0
- package/fesm2015/glamera-animated-icons-circle-chevron-right.mjs.map +1 -0
- package/fesm2015/glamera-animated-icons-circle-chevron-up.mjs +32 -0
- package/fesm2015/glamera-animated-icons-circle-chevron-up.mjs.map +1 -0
- package/fesm2015/glamera-animated-icons-clipboard.mjs +43 -0
- package/fesm2015/glamera-animated-icons-clipboard.mjs.map +1 -0
- package/fesm2015/glamera-animated-icons-clock.mjs +33 -0
- package/fesm2015/glamera-animated-icons-clock.mjs.map +1 -0
- package/fesm2015/glamera-animated-icons-copy.mjs +43 -0
- package/fesm2015/glamera-animated-icons-copy.mjs.map +1 -0
- package/fesm2015/glamera-animated-icons-download.mjs +35 -0
- package/fesm2015/glamera-animated-icons-download.mjs.map +1 -0
- package/fesm2015/glamera-animated-icons-eye-closed.mjs +41 -0
- package/fesm2015/glamera-animated-icons-eye-closed.mjs.map +1 -0
- package/fesm2015/glamera-animated-icons-eye-off.mjs +40 -0
- package/fesm2015/glamera-animated-icons-eye-off.mjs.map +1 -0
- package/fesm2015/glamera-animated-icons-eye.mjs +37 -0
- package/fesm2015/glamera-animated-icons-eye.mjs.map +1 -0
- package/fesm2015/glamera-animated-icons-files.mjs +45 -0
- package/fesm2015/glamera-animated-icons-files.mjs.map +1 -0
- package/fesm2015/glamera-animated-icons-heart.mjs +34 -0
- package/fesm2015/glamera-animated-icons-heart.mjs.map +1 -0
- package/fesm2015/glamera-animated-icons-house.mjs +35 -0
- package/fesm2015/glamera-animated-icons-house.mjs.map +1 -0
- package/fesm2015/glamera-animated-icons-layers.mjs +33 -0
- package/fesm2015/glamera-animated-icons-layers.mjs.map +1 -0
- package/fesm2015/glamera-animated-icons-lock.mjs +34 -0
- package/fesm2015/glamera-animated-icons-lock.mjs.map +1 -0
- package/fesm2015/glamera-animated-icons-mail.mjs +38 -0
- package/fesm2015/glamera-animated-icons-mail.mjs.map +1 -0
- package/fesm2015/glamera-animated-icons-moon.mjs +31 -0
- package/fesm2015/glamera-animated-icons-moon.mjs.map +1 -0
- package/fesm2015/glamera-animated-icons-pencil.mjs +34 -0
- package/fesm2015/glamera-animated-icons-pencil.mjs.map +1 -0
- package/fesm2015/glamera-animated-icons-phone.mjs +35 -0
- package/fesm2015/glamera-animated-icons-phone.mjs.map +1 -0
- package/fesm2015/glamera-animated-icons-play-circle.mjs +32 -0
- package/fesm2015/glamera-animated-icons-play-circle.mjs.map +1 -0
- package/fesm2015/glamera-animated-icons-printer-2.mjs +33 -0
- package/fesm2015/glamera-animated-icons-printer-2.mjs.map +1 -0
- package/fesm2015/glamera-animated-icons-printer.mjs +32 -0
- package/fesm2015/glamera-animated-icons-printer.mjs.map +1 -0
- package/fesm2015/glamera-animated-icons-qr-code.mjs +44 -0
- package/fesm2015/glamera-animated-icons-qr-code.mjs.map +1 -0
- package/fesm2015/glamera-animated-icons-repeat.mjs +36 -0
- package/fesm2015/glamera-animated-icons-repeat.mjs.map +1 -0
- package/fesm2015/glamera-animated-icons-scan-qr-code.mjs +40 -0
- package/fesm2015/glamera-animated-icons-scan-qr-code.mjs.map +1 -0
- package/fesm2015/glamera-animated-icons-scan-text.mjs +37 -0
- package/fesm2015/glamera-animated-icons-scan-text.mjs.map +1 -0
- package/fesm2015/glamera-animated-icons-search.mjs +34 -0
- package/fesm2015/glamera-animated-icons-search.mjs.map +1 -0
- package/fesm2015/glamera-animated-icons-settings.mjs +34 -0
- package/fesm2015/glamera-animated-icons-settings.mjs.map +1 -0
- package/fesm2015/glamera-animated-icons-share.mjs +35 -0
- package/fesm2015/glamera-animated-icons-share.mjs.map +1 -0
- package/fesm2015/glamera-animated-icons-square-check-big.mjs +32 -0
- package/fesm2015/glamera-animated-icons-square-check-big.mjs.map +1 -0
- package/fesm2015/glamera-animated-icons-square-pen.mjs +32 -0
- package/fesm2015/glamera-animated-icons-square-pen.mjs.map +1 -0
- package/fesm2015/glamera-animated-icons-sun.mjs +41 -0
- package/fesm2015/glamera-animated-icons-sun.mjs.map +1 -0
- package/fesm2015/glamera-animated-icons-upload.mjs +35 -0
- package/fesm2015/glamera-animated-icons-upload.mjs.map +1 -0
- package/fesm2015/glamera-animated-icons-user-check.mjs +33 -0
- package/fesm2015/glamera-animated-icons-user-check.mjs.map +1 -0
- package/fesm2015/glamera-animated-icons-user-round-check.mjs +33 -0
- package/fesm2015/glamera-animated-icons-user-round-check.mjs.map +1 -0
- package/fesm2015/glamera-animated-icons-user-round-x.mjs +36 -0
- package/fesm2015/glamera-animated-icons-user-round-x.mjs.map +1 -0
- package/fesm2015/glamera-animated-icons-user-round.mjs +35 -0
- package/fesm2015/glamera-animated-icons-user-round.mjs.map +1 -0
- package/fesm2015/glamera-animated-icons-user-x.mjs +36 -0
- package/fesm2015/glamera-animated-icons-user-x.mjs.map +1 -0
- package/fesm2015/glamera-animated-icons-user.mjs +35 -0
- package/fesm2015/glamera-animated-icons-user.mjs.map +1 -0
- package/fesm2015/glamera-animated-icons-users.mjs +34 -0
- package/fesm2015/glamera-animated-icons-users.mjs.map +1 -0
- package/fesm2015/glamera-animated-icons-x-circle.mjs +33 -0
- package/fesm2015/glamera-animated-icons-x-circle.mjs.map +1 -0
- package/fesm2015/glamera-animated-icons-x.mjs +32 -0
- package/fesm2015/glamera-animated-icons-x.mjs.map +1 -0
- package/fesm2015/glamera-animated-icons.mjs +280 -0
- package/fesm2015/glamera-animated-icons.mjs.map +1 -0
- package/fesm2020/glamera-animated-icons-3-dots-horizontal.mjs +33 -0
- package/fesm2020/glamera-animated-icons-3-dots-horizontal.mjs.map +1 -0
- package/fesm2020/glamera-animated-icons-3-dots-vertical.mjs +33 -0
- package/fesm2020/glamera-animated-icons-3-dots-vertical.mjs.map +1 -0
- package/fesm2020/glamera-animated-icons-bell.mjs +36 -0
- package/fesm2020/glamera-animated-icons-bell.mjs.map +1 -0
- package/fesm2020/glamera-animated-icons-calendar-x.mjs +36 -0
- package/fesm2020/glamera-animated-icons-calendar-x.mjs.map +1 -0
- package/fesm2020/glamera-animated-icons-calendar.mjs +34 -0
- package/fesm2020/glamera-animated-icons-calendar.mjs.map +1 -0
- package/fesm2020/glamera-animated-icons-check.mjs +34 -0
- package/fesm2020/glamera-animated-icons-check.mjs.map +1 -0
- package/fesm2020/glamera-animated-icons-chevron-down.mjs +32 -0
- package/fesm2020/glamera-animated-icons-chevron-down.mjs.map +1 -0
- package/fesm2020/glamera-animated-icons-chevron-left.mjs +32 -0
- package/fesm2020/glamera-animated-icons-chevron-left.mjs.map +1 -0
- package/fesm2020/glamera-animated-icons-chevron-right.mjs +32 -0
- package/fesm2020/glamera-animated-icons-chevron-right.mjs.map +1 -0
- package/fesm2020/glamera-animated-icons-chevron-up.mjs +32 -0
- package/fesm2020/glamera-animated-icons-chevron-up.mjs.map +1 -0
- package/fesm2020/glamera-animated-icons-circle-check.mjs +32 -0
- package/fesm2020/glamera-animated-icons-circle-check.mjs.map +1 -0
- package/fesm2020/glamera-animated-icons-circle-chevron-down.mjs +32 -0
- package/fesm2020/glamera-animated-icons-circle-chevron-down.mjs.map +1 -0
- package/fesm2020/glamera-animated-icons-circle-chevron-left.mjs +32 -0
- package/fesm2020/glamera-animated-icons-circle-chevron-left.mjs.map +1 -0
- package/fesm2020/glamera-animated-icons-circle-chevron-right.mjs +32 -0
- package/fesm2020/glamera-animated-icons-circle-chevron-right.mjs.map +1 -0
- package/fesm2020/glamera-animated-icons-circle-chevron-up.mjs +32 -0
- package/fesm2020/glamera-animated-icons-circle-chevron-up.mjs.map +1 -0
- package/fesm2020/glamera-animated-icons-clipboard.mjs +43 -0
- package/fesm2020/glamera-animated-icons-clipboard.mjs.map +1 -0
- package/fesm2020/glamera-animated-icons-clock.mjs +33 -0
- package/fesm2020/glamera-animated-icons-clock.mjs.map +1 -0
- package/fesm2020/glamera-animated-icons-copy.mjs +43 -0
- package/fesm2020/glamera-animated-icons-copy.mjs.map +1 -0
- package/fesm2020/glamera-animated-icons-download.mjs +35 -0
- package/fesm2020/glamera-animated-icons-download.mjs.map +1 -0
- package/fesm2020/glamera-animated-icons-eye-closed.mjs +41 -0
- package/fesm2020/glamera-animated-icons-eye-closed.mjs.map +1 -0
- package/fesm2020/glamera-animated-icons-eye-off.mjs +40 -0
- package/fesm2020/glamera-animated-icons-eye-off.mjs.map +1 -0
- package/fesm2020/glamera-animated-icons-eye.mjs +37 -0
- package/fesm2020/glamera-animated-icons-eye.mjs.map +1 -0
- package/fesm2020/glamera-animated-icons-files.mjs +45 -0
- package/fesm2020/glamera-animated-icons-files.mjs.map +1 -0
- package/fesm2020/glamera-animated-icons-heart.mjs +34 -0
- package/fesm2020/glamera-animated-icons-heart.mjs.map +1 -0
- package/fesm2020/glamera-animated-icons-house.mjs +35 -0
- package/fesm2020/glamera-animated-icons-house.mjs.map +1 -0
- package/fesm2020/glamera-animated-icons-layers.mjs +33 -0
- package/fesm2020/glamera-animated-icons-layers.mjs.map +1 -0
- package/fesm2020/glamera-animated-icons-lock.mjs +34 -0
- package/fesm2020/glamera-animated-icons-lock.mjs.map +1 -0
- package/fesm2020/glamera-animated-icons-mail.mjs +38 -0
- package/fesm2020/glamera-animated-icons-mail.mjs.map +1 -0
- package/fesm2020/glamera-animated-icons-moon.mjs +31 -0
- package/fesm2020/glamera-animated-icons-moon.mjs.map +1 -0
- package/fesm2020/glamera-animated-icons-pencil.mjs +34 -0
- package/fesm2020/glamera-animated-icons-pencil.mjs.map +1 -0
- package/fesm2020/glamera-animated-icons-phone.mjs +35 -0
- package/fesm2020/glamera-animated-icons-phone.mjs.map +1 -0
- package/fesm2020/glamera-animated-icons-play-circle.mjs +32 -0
- package/fesm2020/glamera-animated-icons-play-circle.mjs.map +1 -0
- package/fesm2020/glamera-animated-icons-printer-2.mjs +33 -0
- package/fesm2020/glamera-animated-icons-printer-2.mjs.map +1 -0
- package/fesm2020/glamera-animated-icons-printer.mjs +32 -0
- package/fesm2020/glamera-animated-icons-printer.mjs.map +1 -0
- package/fesm2020/glamera-animated-icons-qr-code.mjs +44 -0
- package/fesm2020/glamera-animated-icons-qr-code.mjs.map +1 -0
- package/fesm2020/glamera-animated-icons-repeat.mjs +36 -0
- package/fesm2020/glamera-animated-icons-repeat.mjs.map +1 -0
- package/fesm2020/glamera-animated-icons-scan-qr-code.mjs +40 -0
- package/fesm2020/glamera-animated-icons-scan-qr-code.mjs.map +1 -0
- package/fesm2020/glamera-animated-icons-scan-text.mjs +37 -0
- package/fesm2020/glamera-animated-icons-scan-text.mjs.map +1 -0
- package/fesm2020/glamera-animated-icons-search.mjs +34 -0
- package/fesm2020/glamera-animated-icons-search.mjs.map +1 -0
- package/fesm2020/glamera-animated-icons-settings.mjs +34 -0
- package/fesm2020/glamera-animated-icons-settings.mjs.map +1 -0
- package/fesm2020/glamera-animated-icons-share.mjs +35 -0
- package/fesm2020/glamera-animated-icons-share.mjs.map +1 -0
- package/fesm2020/glamera-animated-icons-square-check-big.mjs +32 -0
- package/fesm2020/glamera-animated-icons-square-check-big.mjs.map +1 -0
- package/fesm2020/glamera-animated-icons-square-pen.mjs +32 -0
- package/fesm2020/glamera-animated-icons-square-pen.mjs.map +1 -0
- package/fesm2020/glamera-animated-icons-sun.mjs +41 -0
- package/fesm2020/glamera-animated-icons-sun.mjs.map +1 -0
- package/fesm2020/glamera-animated-icons-upload.mjs +35 -0
- package/fesm2020/glamera-animated-icons-upload.mjs.map +1 -0
- package/fesm2020/glamera-animated-icons-user-check.mjs +33 -0
- package/fesm2020/glamera-animated-icons-user-check.mjs.map +1 -0
- package/fesm2020/glamera-animated-icons-user-round-check.mjs +33 -0
- package/fesm2020/glamera-animated-icons-user-round-check.mjs.map +1 -0
- package/fesm2020/glamera-animated-icons-user-round-x.mjs +36 -0
- package/fesm2020/glamera-animated-icons-user-round-x.mjs.map +1 -0
- package/fesm2020/glamera-animated-icons-user-round.mjs +35 -0
- package/fesm2020/glamera-animated-icons-user-round.mjs.map +1 -0
- package/fesm2020/glamera-animated-icons-user-x.mjs +36 -0
- package/fesm2020/glamera-animated-icons-user-x.mjs.map +1 -0
- package/fesm2020/glamera-animated-icons-user.mjs +35 -0
- package/fesm2020/glamera-animated-icons-user.mjs.map +1 -0
- package/fesm2020/glamera-animated-icons-users.mjs +34 -0
- package/fesm2020/glamera-animated-icons-users.mjs.map +1 -0
- package/fesm2020/glamera-animated-icons-x-circle.mjs +33 -0
- package/fesm2020/glamera-animated-icons-x-circle.mjs.map +1 -0
- package/fesm2020/glamera-animated-icons-x.mjs +32 -0
- package/fesm2020/glamera-animated-icons-x.mjs.map +1 -0
- package/fesm2020/glamera-animated-icons.mjs +277 -0
- package/fesm2020/glamera-animated-icons.mjs.map +1 -0
- package/files/files.d.ts +11 -0
- package/files/index.d.ts +5 -0
- package/files/public-api.d.ts +1 -0
- package/files/src/files.animation.scss +64 -0
- package/heart/heart.d.ts +11 -0
- package/heart/index.d.ts +5 -0
- package/heart/public-api.d.ts +1 -0
- package/heart/src/heart.animation.scss +65 -0
- package/house/house.d.ts +11 -0
- package/house/index.d.ts +5 -0
- package/house/public-api.d.ts +1 -0
- package/house/src/house.animation.scss +95 -0
- package/index.d.ts +5 -0
- package/layers/index.d.ts +5 -0
- package/layers/layers.d.ts +11 -0
- package/layers/public-api.d.ts +1 -0
- package/layers/src/layers.animation.scss +49 -0
- package/lib/base/icon-base.d.ts +36 -0
- package/lib/base/icon-host.template.d.ts +1 -0
- package/lib/components/icon/icon.component.d.ts +15 -0
- package/lib/glamera-icons.module.d.ts +18 -0
- package/lib/icon-registry.d.ts +11 -0
- package/lib/provide-icons.d.ts +10 -0
- package/lib/tokens.d.ts +4 -0
- package/lib/types.d.ts +23 -0
- package/lib/utils.d.ts +7 -0
- package/lock/index.d.ts +5 -0
- package/lock/lock.d.ts +11 -0
- package/lock/public-api.d.ts +1 -0
- package/lock/src/lock.animation.scss +41 -0
- package/mail/index.d.ts +5 -0
- package/mail/mail.d.ts +11 -0
- package/mail/public-api.d.ts +1 -0
- package/mail/src/mail.animation.scss +76 -0
- package/moon/index.d.ts +5 -0
- package/moon/moon.d.ts +11 -0
- package/moon/public-api.d.ts +1 -0
- package/moon/src/moon.animation.scss +49 -0
- package/package.json +474 -0
- package/pencil/index.d.ts +5 -0
- package/pencil/pencil.d.ts +11 -0
- package/pencil/public-api.d.ts +1 -0
- package/pencil/src/pencil.animation.scss +53 -0
- package/phone/index.d.ts +5 -0
- package/phone/phone.d.ts +11 -0
- package/phone/public-api.d.ts +1 -0
- package/phone/src/phone.animation.scss +70 -0
- package/play-circle/index.d.ts +5 -0
- package/play-circle/play-circle.d.ts +11 -0
- package/play-circle/public-api.d.ts +1 -0
- package/play-circle/src/play-circle.animation.scss +37 -0
- package/printer/index.d.ts +5 -0
- package/printer/printer.d.ts +11 -0
- package/printer/public-api.d.ts +1 -0
- package/printer/src/printer.animation.scss +35 -0
- package/printer-2/index.d.ts +5 -0
- package/printer-2/printer-2.d.ts +11 -0
- package/printer-2/public-api.d.ts +1 -0
- package/printer-2/src/printer-2.animation.scss +104 -0
- package/public-api.d.ts +9 -0
- package/qr-code/index.d.ts +5 -0
- package/qr-code/public-api.d.ts +1 -0
- package/qr-code/qr-code.d.ts +11 -0
- package/qr-code/src/qr-code.animation.scss +119 -0
- package/repeat/index.d.ts +5 -0
- package/repeat/public-api.d.ts +1 -0
- package/repeat/repeat.d.ts +11 -0
- package/repeat/src/repeat.animation.scss +149 -0
- package/scan-qr-code/index.d.ts +5 -0
- package/scan-qr-code/public-api.d.ts +1 -0
- package/scan-qr-code/scan-qr-code.d.ts +11 -0
- package/scan-qr-code/src/scan-qr-code.animation.scss +123 -0
- package/scan-text/index.d.ts +5 -0
- package/scan-text/public-api.d.ts +1 -0
- package/scan-text/scan-text.d.ts +11 -0
- package/scan-text/src/scan-text.animation.scss +59 -0
- package/search/index.d.ts +5 -0
- package/search/public-api.d.ts +1 -0
- package/search/search.d.ts +11 -0
- package/search/src/search.animation.scss +36 -0
- package/settings/index.d.ts +5 -0
- package/settings/public-api.d.ts +1 -0
- package/settings/settings.d.ts +11 -0
- package/settings/src/settings.animation.scss +34 -0
- package/share/index.d.ts +5 -0
- package/share/public-api.d.ts +1 -0
- package/share/share.d.ts +11 -0
- package/share/src/share.animation.scss +116 -0
- package/square-check-big/index.d.ts +5 -0
- package/square-check-big/public-api.d.ts +1 -0
- package/square-check-big/square-check-big.d.ts +11 -0
- package/square-check-big/src/square-check-big.animation.scss +53 -0
- package/square-pen/index.d.ts +5 -0
- package/square-pen/public-api.d.ts +1 -0
- package/square-pen/square-pen.d.ts +11 -0
- package/square-pen/src/square-pen.animation.scss +33 -0
- package/src/lib/animations/_play.scss +18 -0
- package/src/lib/base/icon-base.scss +40 -0
- package/styles/3-dots-horizontal.scss +1 -0
- package/styles/3-dots-vertical.scss +1 -0
- package/styles/all.scss +56 -0
- package/styles/bell.scss +1 -0
- package/styles/calendar-x.scss +1 -0
- package/styles/calendar.scss +1 -0
- package/styles/check.scss +1 -0
- package/styles/chevron-down.scss +1 -0
- package/styles/chevron-left.scss +1 -0
- package/styles/chevron-right.scss +1 -0
- package/styles/chevron-up.scss +1 -0
- package/styles/circle-check.scss +1 -0
- package/styles/circle-chevron-down.scss +1 -0
- package/styles/circle-chevron-left.scss +1 -0
- package/styles/circle-chevron-right.scss +1 -0
- package/styles/circle-chevron-up.scss +1 -0
- package/styles/clipboard.scss +1 -0
- package/styles/clock.scss +1 -0
- package/styles/copy.scss +1 -0
- package/styles/download.scss +1 -0
- package/styles/eye-closed.scss +1 -0
- package/styles/eye-off.scss +1 -0
- package/styles/eye.scss +1 -0
- package/styles/files.scss +1 -0
- package/styles/heart.scss +1 -0
- package/styles/house.scss +1 -0
- package/styles/layers.scss +1 -0
- package/styles/lock.scss +1 -0
- package/styles/mail.scss +1 -0
- package/styles/moon.scss +1 -0
- package/styles/pencil.scss +1 -0
- package/styles/phone.scss +1 -0
- package/styles/play-circle.scss +1 -0
- package/styles/printer-2.scss +1 -0
- package/styles/printer.scss +1 -0
- package/styles/qr-code.scss +1 -0
- package/styles/repeat.scss +1 -0
- package/styles/scan-qr-code.scss +1 -0
- package/styles/scan-text.scss +1 -0
- package/styles/search.scss +1 -0
- package/styles/settings.scss +1 -0
- package/styles/share.scss +1 -0
- package/styles/square-check-big.scss +1 -0
- package/styles/square-pen.scss +1 -0
- package/styles/sun.scss +1 -0
- package/styles/upload.scss +1 -0
- package/styles/user-check.scss +1 -0
- package/styles/user-round-check.scss +1 -0
- package/styles/user-round-x.scss +1 -0
- package/styles/user-round.scss +1 -0
- package/styles/user-x.scss +1 -0
- package/styles/user.scss +1 -0
- package/styles/users.scss +1 -0
- package/styles/x-circle.scss +1 -0
- package/styles/x.scss +1 -0
- package/sun/index.d.ts +5 -0
- package/sun/public-api.d.ts +1 -0
- package/sun/src/sun.animation.scss +65 -0
- package/sun/sun.d.ts +11 -0
- package/upload/index.d.ts +5 -0
- package/upload/public-api.d.ts +1 -0
- package/upload/src/upload.animation.scss +153 -0
- package/upload/upload.d.ts +11 -0
- package/user/index.d.ts +5 -0
- package/user/public-api.d.ts +1 -0
- package/user/src/user.animation.scss +93 -0
- package/user/user.d.ts +11 -0
- package/user-check/index.d.ts +5 -0
- package/user-check/public-api.d.ts +1 -0
- package/user-check/src/user-check.animation.scss +131 -0
- package/user-check/user-check.d.ts +11 -0
- package/user-round/index.d.ts +5 -0
- package/user-round/public-api.d.ts +1 -0
- package/user-round/src/user-round.animation.scss +93 -0
- package/user-round/user-round.d.ts +11 -0
- package/user-round-check/index.d.ts +5 -0
- package/user-round-check/public-api.d.ts +1 -0
- package/user-round-check/src/user-round-check.animation.scss +131 -0
- package/user-round-check/user-round-check.d.ts +11 -0
- package/user-round-x/index.d.ts +5 -0
- package/user-round-x/public-api.d.ts +1 -0
- package/user-round-x/src/user-round-x.animation.scss +175 -0
- package/user-round-x/user-round-x.d.ts +11 -0
- package/user-x/index.d.ts +5 -0
- package/user-x/public-api.d.ts +1 -0
- package/user-x/src/user-x.animation.scss +186 -0
- package/user-x/user-x.d.ts +11 -0
- package/users/index.d.ts +5 -0
- package/users/public-api.d.ts +1 -0
- package/users/src/users.animation.scss +133 -0
- package/users/users.d.ts +11 -0
- package/x/index.d.ts +5 -0
- package/x/public-api.d.ts +1 -0
- package/x/src/x.animation.scss +112 -0
- package/x/x.d.ts +11 -0
- package/x-circle/index.d.ts +5 -0
- package/x-circle/public-api.d.ts +1 -0
- package/x-circle/src/x-circle.animation.scss +58 -0
- package/x-circle/x-circle.d.ts +11 -0
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
import * as i0 from '@angular/core';
|
|
2
|
+
import { Component, ChangeDetectionStrategy, ViewEncapsulation } from '@angular/core';
|
|
3
|
+
import { GlameraIconBase, GLAMERA_ICON_HOST_TEMPLATE } from '@glamera/animated-icons';
|
|
4
|
+
import * as i1 from '@angular/platform-browser';
|
|
5
|
+
|
|
6
|
+
const GLM_EYE = {
|
|
7
|
+
name: 'eye',
|
|
8
|
+
viewBox: '0 0 24 24',
|
|
9
|
+
svg: `
|
|
10
|
+
<g class="glm-eye-group">
|
|
11
|
+
<path
|
|
12
|
+
class="glm-eye-outline"
|
|
13
|
+
d="M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0">
|
|
14
|
+
</path>
|
|
15
|
+
<circle class="glm-eye-pupil" cx="12" cy="12" r="3"></circle>
|
|
16
|
+
</g>
|
|
17
|
+
`.trim(),
|
|
18
|
+
};
|
|
19
|
+
class EyeIconComponent extends GlameraIconBase {
|
|
20
|
+
constructor(sanitizer, cdr) {
|
|
21
|
+
super(sanitizer, cdr);
|
|
22
|
+
this.iconDef = GLM_EYE;
|
|
23
|
+
}
|
|
24
|
+
}
|
|
25
|
+
EyeIconComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: EyeIconComponent, deps: [{ token: i1.DomSanitizer }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
26
|
+
EyeIconComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: EyeIconComponent, isStandalone: true, selector: "glamera-eye-icon", usesInheritance: true, ngImport: i0, template: "\n<span\n class=\"glm-icon\"\n [class.glm-anim-hover]=\"animation === 'hover'\"\n [class.glm-anim-hover-loop]=\"animation === 'hover-loop'\"\n [class.glm-anim-loop]=\"animation === 'loop'\"\n [class.glm-anim-none]=\"animation === 'none'\"\n [class.glm-anim-click]=\"animation === 'click'\"\n [class.glm-is-active]=\"isActive\"\n [class.glm-parent-hover]=\"parentHover\"\n [class.glm-missing]=\"!iconDef\"\n [attr.data-icon]=\"iconName\"\n [style.--glm-size]=\"resolvedSize\"\n [style.--glm-duration]=\"resolvedDuration\"\n [style.--glm-delay]=\"resolvedDelay\"\n [attr.role]=\"a11yRole\"\n [attr.aria-hidden]=\"a11yHidden\"\n [attr.aria-label]=\"a11yLabel\"\n (click)=\"onClick()\">\n <span class=\"glm-icon-svg\" [innerHTML]=\"safeSvg\"></span>\n</span>\n", isInline: true, styles: [".glm-icon{--glm-duration: 1s;display:inline-flex;align-items:center;justify-content:center;color:inherit;line-height:0;vertical-align:middle;flex-shrink:0;-webkit-tap-highlight-color:transparent}.glm-icon-svg,.glm-icon-svg svg{display:block;width:var(--glm-size, 24px);height:var(--glm-size, 24px);overflow:visible}.glm-icon-svg svg,.glm-icon-svg svg *{transform-box:fill-box;transform-origin:center}.glm-icon.glm-anim-hover:hover .glm-icon-svg *,.glm-icon.glm-anim-hover.glm-parent-hover .glm-icon-svg *{animation-iteration-count:1!important}@media (prefers-reduced-motion: reduce){.glm-icon.glm-anim-hover:hover .glm-icon-svg *,.glm-icon.glm-anim-hover-loop:hover .glm-icon-svg *,.glm-icon.glm-anim-hover-loop.glm-parent-hover .glm-icon-svg *,.glm-icon.glm-anim-loop .glm-icon-svg *,.glm-icon.glm-anim-click.glm-is-active .glm-icon-svg *{animation:none!important}}\n", "@keyframes glm-eye-blink{0%,to{transform:scaleY(1)}50%{transform:scaleY(.1)}}@keyframes glm-eye-blink-loop{0%,11.3%,to{transform:scaleY(1)}5.7%{transform:scaleY(.1)}}@keyframes glm-eye-scan{0%,to{transform:translate(0)}25%{transform:translate(-2px)}50%{transform:translate(2px)}62.5%{transform:translate(-1px)}75%{transform:translate(1px)}}.glm-icon[data-icon=eye] .glm-eye-outline,.glm-icon[data-icon=eye] .glm-eye-pupil{transform-box:fill-box;transform-origin:center}.glm-icon[data-icon=eye].glm-anim-hover:hover .glm-eye-outline,.glm-icon[data-icon=eye].glm-anim-hover.glm-parent-hover .glm-eye-outline,.glm-icon[data-icon=eye].glm-anim-hover-loop:hover .glm-eye-outline,.glm-icon[data-icon=eye].glm-anim-hover-loop.glm-parent-hover .glm-eye-outline,.glm-icon[data-icon=eye].glm-anim-loop .glm-eye-outline,.glm-icon[data-icon=eye].glm-anim-click.glm-is-active .glm-eye-outline{animation:glm-eye-blink calc(var(--glm-duration) * .25) ease-in-out var(--glm-delay) both}.glm-icon[data-icon=eye].glm-anim-hover:hover .glm-eye-pupil,.glm-icon[data-icon=eye].glm-anim-hover.glm-parent-hover .glm-eye-pupil,.glm-icon[data-icon=eye].glm-anim-hover-loop:hover .glm-eye-pupil,.glm-icon[data-icon=eye].glm-anim-hover-loop.glm-parent-hover .glm-eye-pupil,.glm-icon[data-icon=eye].glm-anim-loop .glm-eye-pupil,.glm-icon[data-icon=eye].glm-anim-click.glm-is-active .glm-eye-pupil{animation:glm-eye-scan calc(var(--glm-duration) * 1.6) ease-in-out var(--glm-delay) both}.glm-icon[data-icon=eye].glm-anim-hover-loop:hover .glm-eye-outline,.glm-icon[data-icon=eye].glm-anim-hover-loop.glm-parent-hover .glm-eye-outline,.glm-icon[data-icon=eye].glm-anim-loop .glm-eye-outline{animation:glm-eye-blink-loop calc(var(--glm-duration) * 2.65) ease-in-out var(--glm-delay) infinite both}.glm-icon[data-icon=eye].glm-anim-hover-loop:hover .glm-eye-pupil,.glm-icon[data-icon=eye].glm-anim-hover-loop.glm-parent-hover .glm-eye-pupil,.glm-icon[data-icon=eye].glm-anim-loop .glm-eye-pupil{animation:glm-eye-scan calc(var(--glm-duration) * 1.6) ease-in-out var(--glm-delay) infinite both}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
27
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: EyeIconComponent, decorators: [{
|
|
28
|
+
type: Component,
|
|
29
|
+
args: [{ standalone: true, selector: 'glamera-eye-icon', template: GLAMERA_ICON_HOST_TEMPLATE, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, styles: [".glm-icon{--glm-duration: 1s;display:inline-flex;align-items:center;justify-content:center;color:inherit;line-height:0;vertical-align:middle;flex-shrink:0;-webkit-tap-highlight-color:transparent}.glm-icon-svg,.glm-icon-svg svg{display:block;width:var(--glm-size, 24px);height:var(--glm-size, 24px);overflow:visible}.glm-icon-svg svg,.glm-icon-svg svg *{transform-box:fill-box;transform-origin:center}.glm-icon.glm-anim-hover:hover .glm-icon-svg *,.glm-icon.glm-anim-hover.glm-parent-hover .glm-icon-svg *{animation-iteration-count:1!important}@media (prefers-reduced-motion: reduce){.glm-icon.glm-anim-hover:hover .glm-icon-svg *,.glm-icon.glm-anim-hover-loop:hover .glm-icon-svg *,.glm-icon.glm-anim-hover-loop.glm-parent-hover .glm-icon-svg *,.glm-icon.glm-anim-loop .glm-icon-svg *,.glm-icon.glm-anim-click.glm-is-active .glm-icon-svg *{animation:none!important}}\n", "@keyframes glm-eye-blink{0%,to{transform:scaleY(1)}50%{transform:scaleY(.1)}}@keyframes glm-eye-blink-loop{0%,11.3%,to{transform:scaleY(1)}5.7%{transform:scaleY(.1)}}@keyframes glm-eye-scan{0%,to{transform:translate(0)}25%{transform:translate(-2px)}50%{transform:translate(2px)}62.5%{transform:translate(-1px)}75%{transform:translate(1px)}}.glm-icon[data-icon=eye] .glm-eye-outline,.glm-icon[data-icon=eye] .glm-eye-pupil{transform-box:fill-box;transform-origin:center}.glm-icon[data-icon=eye].glm-anim-hover:hover .glm-eye-outline,.glm-icon[data-icon=eye].glm-anim-hover.glm-parent-hover .glm-eye-outline,.glm-icon[data-icon=eye].glm-anim-hover-loop:hover .glm-eye-outline,.glm-icon[data-icon=eye].glm-anim-hover-loop.glm-parent-hover .glm-eye-outline,.glm-icon[data-icon=eye].glm-anim-loop .glm-eye-outline,.glm-icon[data-icon=eye].glm-anim-click.glm-is-active .glm-eye-outline{animation:glm-eye-blink calc(var(--glm-duration) * .25) ease-in-out var(--glm-delay) both}.glm-icon[data-icon=eye].glm-anim-hover:hover .glm-eye-pupil,.glm-icon[data-icon=eye].glm-anim-hover.glm-parent-hover .glm-eye-pupil,.glm-icon[data-icon=eye].glm-anim-hover-loop:hover .glm-eye-pupil,.glm-icon[data-icon=eye].glm-anim-hover-loop.glm-parent-hover .glm-eye-pupil,.glm-icon[data-icon=eye].glm-anim-loop .glm-eye-pupil,.glm-icon[data-icon=eye].glm-anim-click.glm-is-active .glm-eye-pupil{animation:glm-eye-scan calc(var(--glm-duration) * 1.6) ease-in-out var(--glm-delay) both}.glm-icon[data-icon=eye].glm-anim-hover-loop:hover .glm-eye-outline,.glm-icon[data-icon=eye].glm-anim-hover-loop.glm-parent-hover .glm-eye-outline,.glm-icon[data-icon=eye].glm-anim-loop .glm-eye-outline{animation:glm-eye-blink-loop calc(var(--glm-duration) * 2.65) ease-in-out var(--glm-delay) infinite both}.glm-icon[data-icon=eye].glm-anim-hover-loop:hover .glm-eye-pupil,.glm-icon[data-icon=eye].glm-anim-hover-loop.glm-parent-hover .glm-eye-pupil,.glm-icon[data-icon=eye].glm-anim-loop .glm-eye-pupil{animation:glm-eye-scan calc(var(--glm-duration) * 1.6) ease-in-out var(--glm-delay) infinite both}\n"] }]
|
|
30
|
+
}], ctorParameters: function () { return [{ type: i1.DomSanitizer }, { type: i0.ChangeDetectorRef }]; } });
|
|
31
|
+
|
|
32
|
+
/**
|
|
33
|
+
* Generated bundle index. Do not edit.
|
|
34
|
+
*/
|
|
35
|
+
|
|
36
|
+
export { EyeIconComponent as EyeIcon, EyeIconComponent, GLM_EYE };
|
|
37
|
+
//# sourceMappingURL=glamera-animated-icons-eye.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"glamera-animated-icons-eye.mjs","sources":["../../../projects/animated-icons/eye/src/eye.ts","../../../projects/animated-icons/eye/src/glamera-animated-icons-eye.ts"],"sourcesContent":["import { ChangeDetectionStrategy, ChangeDetectorRef, Component, ViewEncapsulation } from '@angular/core';\nimport { DomSanitizer } from '@angular/platform-browser';\nimport {\n GlameraIconBase,\n GlameraIconDefinition,\n GLAMERA_ICON_HOST_TEMPLATE,\n} from '@glamera/animated-icons';\n\nexport const GLM_EYE: GlameraIconDefinition = {\n name: 'eye',\n viewBox: '0 0 24 24',\n svg: `\n <g class=\"glm-eye-group\">\n <path\n class=\"glm-eye-outline\"\n d=\"M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0\">\n </path>\n <circle class=\"glm-eye-pupil\" cx=\"12\" cy=\"12\" r=\"3\"></circle>\n </g>\n `.trim(),\n};\n\n@Component({\n standalone: true,\n selector: 'glamera-eye-icon',\n template: GLAMERA_ICON_HOST_TEMPLATE,\n styleUrls: ['../../src/lib/base/icon-base.scss', './eye.animation.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n encapsulation: ViewEncapsulation.None,\n})\nexport class EyeIconComponent extends GlameraIconBase {\n readonly iconDef = GLM_EYE;\n\n constructor(sanitizer: DomSanitizer, cdr: ChangeDetectorRef) {\n super(sanitizer, cdr);\n }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;AAQa,MAAA,OAAO,GAA0B;AAC5C,IAAA,IAAI,EAAE,KAAK;AACX,IAAA,OAAO,EAAE,WAAW;AACpB,IAAA,GAAG,EAAE,CAAA;;;;;;;;AAQJ,EAAA,CAAA,CAAC,IAAI,EAAE;EACR;AAUI,MAAO,gBAAiB,SAAQ,eAAe,CAAA;IAGnD,WAAY,CAAA,SAAuB,EAAE,GAAsB,EAAA;AACzD,QAAA,KAAK,CAAC,SAAS,EAAE,GAAG,CAAC,CAAC;AAHf,QAAA,IAAO,CAAA,OAAA,GAAG,OAAO,CAAC;KAI1B;;8GALU,gBAAgB,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,YAAA,EAAA,EAAA,EAAA,KAAA,EAAA,EAAA,CAAA,iBAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;kGAAhB,gBAAgB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,kBAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,wwBAAA,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,s2BAAA,EAAA,ihEAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;4FAAhB,gBAAgB,EAAA,UAAA,EAAA,CAAA;kBAR5B,SAAS;iCACI,IAAI,EAAA,QAAA,EACN,kBAAkB,EAAA,QAAA,EAClB,0BAA0B,EAAA,eAAA,EAEnB,uBAAuB,CAAC,MAAM,EAAA,aAAA,EAChC,iBAAiB,CAAC,IAAI,EAAA,MAAA,EAAA,CAAA,s2BAAA,EAAA,ihEAAA,CAAA,EAAA,CAAA;;;AC5BvC;;AAEG;;;;"}
|
|
@@ -0,0 +1,45 @@
|
|
|
1
|
+
import * as i0 from '@angular/core';
|
|
2
|
+
import { Component, ChangeDetectionStrategy, ViewEncapsulation } from '@angular/core';
|
|
3
|
+
import { GlameraIconBase, GLAMERA_ICON_HOST_TEMPLATE } from '@glamera/animated-icons';
|
|
4
|
+
import * as i1 from '@angular/platform-browser';
|
|
5
|
+
|
|
6
|
+
const GLM_FILES = {
|
|
7
|
+
name: 'files',
|
|
8
|
+
viewBox: '0 0 24 24',
|
|
9
|
+
svg: `
|
|
10
|
+
<path
|
|
11
|
+
class="glm-files-front-a"
|
|
12
|
+
pathLength="1"
|
|
13
|
+
d="M15 2h-4a2 2 0 0 0-2 2v11a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V8">
|
|
14
|
+
</path>
|
|
15
|
+
<path
|
|
16
|
+
class="glm-files-front-b"
|
|
17
|
+
pathLength="1"
|
|
18
|
+
d="M16.706 2.706A2.4 2.4 0 0 0 15 2v5a1 1 0 0 0 1 1h5a2.4 2.4 0 0 0-.706-1.706z">
|
|
19
|
+
</path>
|
|
20
|
+
<path
|
|
21
|
+
class="glm-files-back"
|
|
22
|
+
pathLength="1"
|
|
23
|
+
d="M5 7a2 2 0 0 0-2 2v11a2 2 0 0 0 2 2h8a2 2 0 0 0 1.732-1">
|
|
24
|
+
</path>
|
|
25
|
+
`.trim(),
|
|
26
|
+
};
|
|
27
|
+
class FilesIconComponent extends GlameraIconBase {
|
|
28
|
+
constructor(sanitizer, cdr) {
|
|
29
|
+
super(sanitizer, cdr);
|
|
30
|
+
this.iconDef = GLM_FILES;
|
|
31
|
+
}
|
|
32
|
+
}
|
|
33
|
+
FilesIconComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FilesIconComponent, deps: [{ token: i1.DomSanitizer }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
34
|
+
FilesIconComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: FilesIconComponent, isStandalone: true, selector: "glamera-files-icon", usesInheritance: true, ngImport: i0, template: "\n<span\n class=\"glm-icon\"\n [class.glm-anim-hover]=\"animation === 'hover'\"\n [class.glm-anim-hover-loop]=\"animation === 'hover-loop'\"\n [class.glm-anim-loop]=\"animation === 'loop'\"\n [class.glm-anim-none]=\"animation === 'none'\"\n [class.glm-anim-click]=\"animation === 'click'\"\n [class.glm-is-active]=\"isActive\"\n [class.glm-parent-hover]=\"parentHover\"\n [class.glm-missing]=\"!iconDef\"\n [attr.data-icon]=\"iconName\"\n [style.--glm-size]=\"resolvedSize\"\n [style.--glm-duration]=\"resolvedDuration\"\n [style.--glm-delay]=\"resolvedDelay\"\n [attr.role]=\"a11yRole\"\n [attr.aria-hidden]=\"a11yHidden\"\n [attr.aria-label]=\"a11yLabel\"\n (click)=\"onClick()\">\n <span class=\"glm-icon-svg\" [innerHTML]=\"safeSvg\"></span>\n</span>\n", isInline: true, styles: [".glm-icon{--glm-duration: 1s;display:inline-flex;align-items:center;justify-content:center;color:inherit;line-height:0;vertical-align:middle;flex-shrink:0;-webkit-tap-highlight-color:transparent}.glm-icon-svg,.glm-icon-svg svg{display:block;width:var(--glm-size, 24px);height:var(--glm-size, 24px);overflow:visible}.glm-icon-svg svg,.glm-icon-svg svg *{transform-box:fill-box;transform-origin:center}.glm-icon.glm-anim-hover:hover .glm-icon-svg *,.glm-icon.glm-anim-hover.glm-parent-hover .glm-icon-svg *{animation-iteration-count:1!important}@media (prefers-reduced-motion: reduce){.glm-icon.glm-anim-hover:hover .glm-icon-svg *,.glm-icon.glm-anim-hover-loop:hover .glm-icon-svg *,.glm-icon.glm-anim-hover-loop.glm-parent-hover .glm-icon-svg *,.glm-icon.glm-anim-loop .glm-icon-svg *,.glm-icon.glm-anim-click.glm-is-active .glm-icon-svg *{animation:none!important}}\n", "@keyframes glm-files-draw{0%{stroke-dashoffset:1;opacity:0}to{stroke-dashoffset:0;opacity:1}}@keyframes glm-files-draw-loop{0%,to{stroke-dashoffset:1;opacity:0}40%{stroke-dashoffset:0;opacity:1}60%{stroke-dashoffset:0;opacity:1}}.glm-icon[data-icon=files] .glm-files-front-a,.glm-icon[data-icon=files] .glm-files-front-b,.glm-icon[data-icon=files] .glm-files-back{fill:none;stroke-dasharray:1;stroke-dashoffset:0;opacity:1}.glm-icon[data-icon=files].glm-anim-hover:hover .glm-files-front-a,.glm-icon[data-icon=files].glm-anim-hover:hover .glm-files-front-b,.glm-icon[data-icon=files].glm-anim-hover.glm-parent-hover .glm-files-front-a,.glm-icon[data-icon=files].glm-anim-hover.glm-parent-hover .glm-files-front-b,.glm-icon[data-icon=files].glm-anim-hover-loop:hover .glm-files-front-a,.glm-icon[data-icon=files].glm-anim-hover-loop:hover .glm-files-front-b,.glm-icon[data-icon=files].glm-anim-hover-loop.glm-parent-hover .glm-files-front-a,.glm-icon[data-icon=files].glm-anim-hover-loop.glm-parent-hover .glm-files-front-b,.glm-icon[data-icon=files].glm-anim-loop .glm-files-front-a,.glm-icon[data-icon=files].glm-anim-loop .glm-files-front-b,.glm-icon[data-icon=files].glm-anim-click.glm-is-active .glm-files-front-a,.glm-icon[data-icon=files].glm-anim-click.glm-is-active .glm-files-front-b{animation:glm-files-draw calc(var(--glm-duration) * .5) cubic-bezier(.16,1,.3,1) var(--glm-delay) both}.glm-icon[data-icon=files].glm-anim-hover:hover .glm-files-back,.glm-icon[data-icon=files].glm-anim-hover.glm-parent-hover .glm-files-back,.glm-icon[data-icon=files].glm-anim-hover-loop:hover .glm-files-back,.glm-icon[data-icon=files].glm-anim-hover-loop.glm-parent-hover .glm-files-back,.glm-icon[data-icon=files].glm-anim-loop .glm-files-back,.glm-icon[data-icon=files].glm-anim-click.glm-is-active .glm-files-back{animation:glm-files-draw calc(var(--glm-duration) * .5) cubic-bezier(.16,1,.3,1) calc(var(--glm-delay) + var(--glm-duration) * .18) both}.glm-icon[data-icon=files].glm-anim-hover-loop:hover .glm-files-front-a,.glm-icon[data-icon=files].glm-anim-hover-loop:hover .glm-files-front-b,.glm-icon[data-icon=files].glm-anim-hover-loop.glm-parent-hover .glm-files-front-a,.glm-icon[data-icon=files].glm-anim-hover-loop.glm-parent-hover .glm-files-front-b,.glm-icon[data-icon=files].glm-anim-loop .glm-files-front-a,.glm-icon[data-icon=files].glm-anim-loop .glm-files-front-b{animation:glm-files-draw-loop calc(var(--glm-duration) * 1.2) cubic-bezier(.16,1,.3,1) var(--glm-delay) infinite both}.glm-icon[data-icon=files].glm-anim-hover-loop:hover .glm-files-back,.glm-icon[data-icon=files].glm-anim-hover-loop.glm-parent-hover .glm-files-back,.glm-icon[data-icon=files].glm-anim-loop .glm-files-back{animation:glm-files-draw-loop calc(var(--glm-duration) * 1.2) cubic-bezier(.16,1,.3,1) calc(var(--glm-delay) + var(--glm-duration) * .18) infinite both}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
35
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FilesIconComponent, decorators: [{
|
|
36
|
+
type: Component,
|
|
37
|
+
args: [{ standalone: true, selector: 'glamera-files-icon', template: GLAMERA_ICON_HOST_TEMPLATE, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, styles: [".glm-icon{--glm-duration: 1s;display:inline-flex;align-items:center;justify-content:center;color:inherit;line-height:0;vertical-align:middle;flex-shrink:0;-webkit-tap-highlight-color:transparent}.glm-icon-svg,.glm-icon-svg svg{display:block;width:var(--glm-size, 24px);height:var(--glm-size, 24px);overflow:visible}.glm-icon-svg svg,.glm-icon-svg svg *{transform-box:fill-box;transform-origin:center}.glm-icon.glm-anim-hover:hover .glm-icon-svg *,.glm-icon.glm-anim-hover.glm-parent-hover .glm-icon-svg *{animation-iteration-count:1!important}@media (prefers-reduced-motion: reduce){.glm-icon.glm-anim-hover:hover .glm-icon-svg *,.glm-icon.glm-anim-hover-loop:hover .glm-icon-svg *,.glm-icon.glm-anim-hover-loop.glm-parent-hover .glm-icon-svg *,.glm-icon.glm-anim-loop .glm-icon-svg *,.glm-icon.glm-anim-click.glm-is-active .glm-icon-svg *{animation:none!important}}\n", "@keyframes glm-files-draw{0%{stroke-dashoffset:1;opacity:0}to{stroke-dashoffset:0;opacity:1}}@keyframes glm-files-draw-loop{0%,to{stroke-dashoffset:1;opacity:0}40%{stroke-dashoffset:0;opacity:1}60%{stroke-dashoffset:0;opacity:1}}.glm-icon[data-icon=files] .glm-files-front-a,.glm-icon[data-icon=files] .glm-files-front-b,.glm-icon[data-icon=files] .glm-files-back{fill:none;stroke-dasharray:1;stroke-dashoffset:0;opacity:1}.glm-icon[data-icon=files].glm-anim-hover:hover .glm-files-front-a,.glm-icon[data-icon=files].glm-anim-hover:hover .glm-files-front-b,.glm-icon[data-icon=files].glm-anim-hover.glm-parent-hover .glm-files-front-a,.glm-icon[data-icon=files].glm-anim-hover.glm-parent-hover .glm-files-front-b,.glm-icon[data-icon=files].glm-anim-hover-loop:hover .glm-files-front-a,.glm-icon[data-icon=files].glm-anim-hover-loop:hover .glm-files-front-b,.glm-icon[data-icon=files].glm-anim-hover-loop.glm-parent-hover .glm-files-front-a,.glm-icon[data-icon=files].glm-anim-hover-loop.glm-parent-hover .glm-files-front-b,.glm-icon[data-icon=files].glm-anim-loop .glm-files-front-a,.glm-icon[data-icon=files].glm-anim-loop .glm-files-front-b,.glm-icon[data-icon=files].glm-anim-click.glm-is-active .glm-files-front-a,.glm-icon[data-icon=files].glm-anim-click.glm-is-active .glm-files-front-b{animation:glm-files-draw calc(var(--glm-duration) * .5) cubic-bezier(.16,1,.3,1) var(--glm-delay) both}.glm-icon[data-icon=files].glm-anim-hover:hover .glm-files-back,.glm-icon[data-icon=files].glm-anim-hover.glm-parent-hover .glm-files-back,.glm-icon[data-icon=files].glm-anim-hover-loop:hover .glm-files-back,.glm-icon[data-icon=files].glm-anim-hover-loop.glm-parent-hover .glm-files-back,.glm-icon[data-icon=files].glm-anim-loop .glm-files-back,.glm-icon[data-icon=files].glm-anim-click.glm-is-active .glm-files-back{animation:glm-files-draw calc(var(--glm-duration) * .5) cubic-bezier(.16,1,.3,1) calc(var(--glm-delay) + var(--glm-duration) * .18) both}.glm-icon[data-icon=files].glm-anim-hover-loop:hover .glm-files-front-a,.glm-icon[data-icon=files].glm-anim-hover-loop:hover .glm-files-front-b,.glm-icon[data-icon=files].glm-anim-hover-loop.glm-parent-hover .glm-files-front-a,.glm-icon[data-icon=files].glm-anim-hover-loop.glm-parent-hover .glm-files-front-b,.glm-icon[data-icon=files].glm-anim-loop .glm-files-front-a,.glm-icon[data-icon=files].glm-anim-loop .glm-files-front-b{animation:glm-files-draw-loop calc(var(--glm-duration) * 1.2) cubic-bezier(.16,1,.3,1) var(--glm-delay) infinite both}.glm-icon[data-icon=files].glm-anim-hover-loop:hover .glm-files-back,.glm-icon[data-icon=files].glm-anim-hover-loop.glm-parent-hover .glm-files-back,.glm-icon[data-icon=files].glm-anim-loop .glm-files-back{animation:glm-files-draw-loop calc(var(--glm-duration) * 1.2) cubic-bezier(.16,1,.3,1) calc(var(--glm-delay) + var(--glm-duration) * .18) infinite both}\n"] }]
|
|
38
|
+
}], ctorParameters: function () { return [{ type: i1.DomSanitizer }, { type: i0.ChangeDetectorRef }]; } });
|
|
39
|
+
|
|
40
|
+
/**
|
|
41
|
+
* Generated bundle index. Do not edit.
|
|
42
|
+
*/
|
|
43
|
+
|
|
44
|
+
export { FilesIconComponent as FilesIcon, FilesIconComponent, GLM_FILES };
|
|
45
|
+
//# sourceMappingURL=glamera-animated-icons-files.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"glamera-animated-icons-files.mjs","sources":["../../../projects/animated-icons/files/src/files.ts","../../../projects/animated-icons/files/src/glamera-animated-icons-files.ts"],"sourcesContent":["import { ChangeDetectionStrategy, ChangeDetectorRef, Component, ViewEncapsulation } from '@angular/core';\nimport { DomSanitizer } from '@angular/platform-browser';\nimport {\n GlameraIconBase,\n GlameraIconDefinition,\n GLAMERA_ICON_HOST_TEMPLATE,\n} from '@glamera/animated-icons';\n\nexport const GLM_FILES: GlameraIconDefinition = {\n name: 'files',\n viewBox: '0 0 24 24',\n svg: `\n <path\n class=\"glm-files-front-a\"\n pathLength=\"1\"\n d=\"M15 2h-4a2 2 0 0 0-2 2v11a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V8\">\n </path>\n <path\n class=\"glm-files-front-b\"\n pathLength=\"1\"\n d=\"M16.706 2.706A2.4 2.4 0 0 0 15 2v5a1 1 0 0 0 1 1h5a2.4 2.4 0 0 0-.706-1.706z\">\n </path>\n <path\n class=\"glm-files-back\"\n pathLength=\"1\"\n d=\"M5 7a2 2 0 0 0-2 2v11a2 2 0 0 0 2 2h8a2 2 0 0 0 1.732-1\">\n </path>\n `.trim(),\n};\n\n@Component({\n standalone: true,\n selector: 'glamera-files-icon',\n template: GLAMERA_ICON_HOST_TEMPLATE,\n styleUrls: ['../../src/lib/base/icon-base.scss', './files.animation.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n encapsulation: ViewEncapsulation.None,\n})\nexport class FilesIconComponent extends GlameraIconBase {\n readonly iconDef = GLM_FILES;\n\n constructor(sanitizer: DomSanitizer, cdr: ChangeDetectorRef) {\n super(sanitizer, cdr);\n }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;AAQa,MAAA,SAAS,GAA0B;AAC9C,IAAA,IAAI,EAAE,OAAO;AACb,IAAA,OAAO,EAAE,WAAW;AACpB,IAAA,GAAG,EAAE,CAAA;;;;;;;;;;;;;;;;AAgBJ,EAAA,CAAA,CAAC,IAAI,EAAE;EACR;AAUI,MAAO,kBAAmB,SAAQ,eAAe,CAAA;IAGrD,WAAY,CAAA,SAAuB,EAAE,GAAsB,EAAA;AACzD,QAAA,KAAK,CAAC,SAAS,EAAE,GAAG,CAAC,CAAC;AAHf,QAAA,IAAO,CAAA,OAAA,GAAG,SAAS,CAAC;KAI5B;;gHALU,kBAAkB,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,YAAA,EAAA,EAAA,EAAA,KAAA,EAAA,EAAA,CAAA,iBAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;oGAAlB,kBAAkB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,oBAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,wwBAAA,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,s2BAAA,EAAA,4yFAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;4FAAlB,kBAAkB,EAAA,UAAA,EAAA,CAAA;kBAR9B,SAAS;iCACI,IAAI,EAAA,QAAA,EACN,oBAAoB,EAAA,QAAA,EACpB,0BAA0B,EAAA,eAAA,EAEnB,uBAAuB,CAAC,MAAM,EAAA,aAAA,EAChC,iBAAiB,CAAC,IAAI,EAAA,MAAA,EAAA,CAAA,s2BAAA,EAAA,4yFAAA,CAAA,EAAA,CAAA;;;ACpCvC;;AAEG;;;;"}
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
import * as i0 from '@angular/core';
|
|
2
|
+
import { Component, ChangeDetectionStrategy, ViewEncapsulation } from '@angular/core';
|
|
3
|
+
import { GlameraIconBase, GLAMERA_ICON_HOST_TEMPLATE } from '@glamera/animated-icons';
|
|
4
|
+
import * as i1 from '@angular/platform-browser';
|
|
5
|
+
|
|
6
|
+
const GLM_HEART = {
|
|
7
|
+
name: 'heart',
|
|
8
|
+
viewBox: '0 0 24 24',
|
|
9
|
+
svg: `
|
|
10
|
+
<g class="glm-heart-body">
|
|
11
|
+
<path class="glm-heart-left" pathLength="1" d="M2 9.5a5.5 5.5 0 0 1 9.591-3.676"></path>
|
|
12
|
+
<path class="glm-heart-right" pathLength="1" d="M12.409 5.824A5.49 5.49 0 0 1 22 9.5c0 2.29-1.5 4-3 5.5l-5.492 5.313a2 2 0 0 1-3 .019L5 15c-1.5-1.5-3-3.2-3-5.5"></path>
|
|
13
|
+
</g>
|
|
14
|
+
`.trim(),
|
|
15
|
+
};
|
|
16
|
+
class HeartIconComponent extends GlameraIconBase {
|
|
17
|
+
constructor(sanitizer, cdr) {
|
|
18
|
+
super(sanitizer, cdr);
|
|
19
|
+
this.iconDef = GLM_HEART;
|
|
20
|
+
}
|
|
21
|
+
}
|
|
22
|
+
HeartIconComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: HeartIconComponent, deps: [{ token: i1.DomSanitizer }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
23
|
+
HeartIconComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: HeartIconComponent, isStandalone: true, selector: "glamera-heart-icon", usesInheritance: true, ngImport: i0, template: "\n<span\n class=\"glm-icon\"\n [class.glm-anim-hover]=\"animation === 'hover'\"\n [class.glm-anim-hover-loop]=\"animation === 'hover-loop'\"\n [class.glm-anim-loop]=\"animation === 'loop'\"\n [class.glm-anim-none]=\"animation === 'none'\"\n [class.glm-anim-click]=\"animation === 'click'\"\n [class.glm-is-active]=\"isActive\"\n [class.glm-parent-hover]=\"parentHover\"\n [class.glm-missing]=\"!iconDef\"\n [attr.data-icon]=\"iconName\"\n [style.--glm-size]=\"resolvedSize\"\n [style.--glm-duration]=\"resolvedDuration\"\n [style.--glm-delay]=\"resolvedDelay\"\n [attr.role]=\"a11yRole\"\n [attr.aria-hidden]=\"a11yHidden\"\n [attr.aria-label]=\"a11yLabel\"\n (click)=\"onClick()\">\n <span class=\"glm-icon-svg\" [innerHTML]=\"safeSvg\"></span>\n</span>\n", isInline: true, styles: [".glm-icon{--glm-duration: 1s;display:inline-flex;align-items:center;justify-content:center;color:inherit;line-height:0;vertical-align:middle;flex-shrink:0;-webkit-tap-highlight-color:transparent}.glm-icon-svg,.glm-icon-svg svg{display:block;width:var(--glm-size, 24px);height:var(--glm-size, 24px);overflow:visible}.glm-icon-svg svg,.glm-icon-svg svg *{transform-box:fill-box;transform-origin:center}.glm-icon.glm-anim-hover:hover .glm-icon-svg *,.glm-icon.glm-anim-hover.glm-parent-hover .glm-icon-svg *{animation-iteration-count:1!important}@media (prefers-reduced-motion: reduce){.glm-icon.glm-anim-hover:hover .glm-icon-svg *,.glm-icon.glm-anim-hover-loop:hover .glm-icon-svg *,.glm-icon.glm-anim-hover-loop.glm-parent-hover .glm-icon-svg *,.glm-icon.glm-anim-loop .glm-icon-svg *,.glm-icon.glm-anim-click.glm-is-active .glm-icon-svg *{animation:none!important}}\n", "@keyframes glm-heart-draw{0%{stroke-dashoffset:1;opacity:0}to{stroke-dashoffset:0;opacity:1}}@keyframes glm-heart-pulse{0%{transform:scale(1)}28%{transform:scale(1.25)}48%{transform:scale(.95)}72%{transform:scale(1.12)}to{transform:scale(1)}}.glm-icon[data-icon=heart] .glm-heart-left,.glm-icon[data-icon=heart] .glm-heart-right{fill:none;stroke-dasharray:1;stroke-dashoffset:0}.glm-icon[data-icon=heart] .glm-heart-body{transform-box:view-box;transform-origin:12px 12px}.glm-icon[data-icon=heart].glm-anim-hover:hover .glm-heart-left,.glm-icon[data-icon=heart].glm-anim-hover:hover .glm-heart-right,.glm-icon[data-icon=heart].glm-anim-hover.glm-parent-hover .glm-heart-left,.glm-icon[data-icon=heart].glm-anim-hover.glm-parent-hover .glm-heart-right,.glm-icon[data-icon=heart].glm-anim-hover-loop:hover .glm-heart-left,.glm-icon[data-icon=heart].glm-anim-hover-loop:hover .glm-heart-right,.glm-icon[data-icon=heart].glm-anim-hover-loop.glm-parent-hover .glm-heart-left,.glm-icon[data-icon=heart].glm-anim-hover-loop.glm-parent-hover .glm-heart-right,.glm-icon[data-icon=heart].glm-anim-loop .glm-heart-left,.glm-icon[data-icon=heart].glm-anim-loop .glm-heart-right,.glm-icon[data-icon=heart].glm-anim-click.glm-is-active .glm-heart-left,.glm-icon[data-icon=heart].glm-anim-click.glm-is-active .glm-heart-right{animation:glm-heart-draw calc(var(--glm-duration) * .45) cubic-bezier(.16,1,.3,1) var(--glm-delay) both}.glm-icon[data-icon=heart].glm-anim-hover:hover .glm-heart-right,.glm-icon[data-icon=heart].glm-anim-hover.glm-parent-hover .glm-heart-right,.glm-icon[data-icon=heart].glm-anim-hover-loop:hover .glm-heart-right,.glm-icon[data-icon=heart].glm-anim-hover-loop.glm-parent-hover .glm-heart-right,.glm-icon[data-icon=heart].glm-anim-loop .glm-heart-right,.glm-icon[data-icon=heart].glm-anim-click.glm-is-active .glm-heart-right{animation-delay:calc(var(--glm-delay) + var(--glm-duration) * .1)}.glm-icon[data-icon=heart].glm-anim-hover:hover .glm-heart-body,.glm-icon[data-icon=heart].glm-anim-hover.glm-parent-hover .glm-heart-body,.glm-icon[data-icon=heart].glm-anim-hover-loop:hover .glm-heart-body,.glm-icon[data-icon=heart].glm-anim-hover-loop.glm-parent-hover .glm-heart-body,.glm-icon[data-icon=heart].glm-anim-loop .glm-heart-body,.glm-icon[data-icon=heart].glm-anim-click.glm-is-active .glm-heart-body{animation:glm-heart-pulse calc(var(--glm-duration) * .95) ease-out calc(var(--glm-delay) + var(--glm-duration) * .1) both}.glm-icon[data-icon=heart].glm-anim-hover-loop:hover .glm-heart-left,.glm-icon[data-icon=heart].glm-anim-hover-loop:hover .glm-heart-right,.glm-icon[data-icon=heart].glm-anim-hover-loop:hover .glm-heart-body,.glm-icon[data-icon=heart].glm-anim-hover-loop.glm-parent-hover .glm-heart-left,.glm-icon[data-icon=heart].glm-anim-hover-loop.glm-parent-hover .glm-heart-right,.glm-icon[data-icon=heart].glm-anim-hover-loop.glm-parent-hover .glm-heart-body,.glm-icon[data-icon=heart].glm-anim-loop .glm-heart-left,.glm-icon[data-icon=heart].glm-anim-loop .glm-heart-right,.glm-icon[data-icon=heart].glm-anim-loop .glm-heart-body{animation-iteration-count:infinite}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
24
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: HeartIconComponent, decorators: [{
|
|
25
|
+
type: Component,
|
|
26
|
+
args: [{ standalone: true, selector: 'glamera-heart-icon', template: GLAMERA_ICON_HOST_TEMPLATE, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, styles: [".glm-icon{--glm-duration: 1s;display:inline-flex;align-items:center;justify-content:center;color:inherit;line-height:0;vertical-align:middle;flex-shrink:0;-webkit-tap-highlight-color:transparent}.glm-icon-svg,.glm-icon-svg svg{display:block;width:var(--glm-size, 24px);height:var(--glm-size, 24px);overflow:visible}.glm-icon-svg svg,.glm-icon-svg svg *{transform-box:fill-box;transform-origin:center}.glm-icon.glm-anim-hover:hover .glm-icon-svg *,.glm-icon.glm-anim-hover.glm-parent-hover .glm-icon-svg *{animation-iteration-count:1!important}@media (prefers-reduced-motion: reduce){.glm-icon.glm-anim-hover:hover .glm-icon-svg *,.glm-icon.glm-anim-hover-loop:hover .glm-icon-svg *,.glm-icon.glm-anim-hover-loop.glm-parent-hover .glm-icon-svg *,.glm-icon.glm-anim-loop .glm-icon-svg *,.glm-icon.glm-anim-click.glm-is-active .glm-icon-svg *{animation:none!important}}\n", "@keyframes glm-heart-draw{0%{stroke-dashoffset:1;opacity:0}to{stroke-dashoffset:0;opacity:1}}@keyframes glm-heart-pulse{0%{transform:scale(1)}28%{transform:scale(1.25)}48%{transform:scale(.95)}72%{transform:scale(1.12)}to{transform:scale(1)}}.glm-icon[data-icon=heart] .glm-heart-left,.glm-icon[data-icon=heart] .glm-heart-right{fill:none;stroke-dasharray:1;stroke-dashoffset:0}.glm-icon[data-icon=heart] .glm-heart-body{transform-box:view-box;transform-origin:12px 12px}.glm-icon[data-icon=heart].glm-anim-hover:hover .glm-heart-left,.glm-icon[data-icon=heart].glm-anim-hover:hover .glm-heart-right,.glm-icon[data-icon=heart].glm-anim-hover.glm-parent-hover .glm-heart-left,.glm-icon[data-icon=heart].glm-anim-hover.glm-parent-hover .glm-heart-right,.glm-icon[data-icon=heart].glm-anim-hover-loop:hover .glm-heart-left,.glm-icon[data-icon=heart].glm-anim-hover-loop:hover .glm-heart-right,.glm-icon[data-icon=heart].glm-anim-hover-loop.glm-parent-hover .glm-heart-left,.glm-icon[data-icon=heart].glm-anim-hover-loop.glm-parent-hover .glm-heart-right,.glm-icon[data-icon=heart].glm-anim-loop .glm-heart-left,.glm-icon[data-icon=heart].glm-anim-loop .glm-heart-right,.glm-icon[data-icon=heart].glm-anim-click.glm-is-active .glm-heart-left,.glm-icon[data-icon=heart].glm-anim-click.glm-is-active .glm-heart-right{animation:glm-heart-draw calc(var(--glm-duration) * .45) cubic-bezier(.16,1,.3,1) var(--glm-delay) both}.glm-icon[data-icon=heart].glm-anim-hover:hover .glm-heart-right,.glm-icon[data-icon=heart].glm-anim-hover.glm-parent-hover .glm-heart-right,.glm-icon[data-icon=heart].glm-anim-hover-loop:hover .glm-heart-right,.glm-icon[data-icon=heart].glm-anim-hover-loop.glm-parent-hover .glm-heart-right,.glm-icon[data-icon=heart].glm-anim-loop .glm-heart-right,.glm-icon[data-icon=heart].glm-anim-click.glm-is-active .glm-heart-right{animation-delay:calc(var(--glm-delay) + var(--glm-duration) * .1)}.glm-icon[data-icon=heart].glm-anim-hover:hover .glm-heart-body,.glm-icon[data-icon=heart].glm-anim-hover.glm-parent-hover .glm-heart-body,.glm-icon[data-icon=heart].glm-anim-hover-loop:hover .glm-heart-body,.glm-icon[data-icon=heart].glm-anim-hover-loop.glm-parent-hover .glm-heart-body,.glm-icon[data-icon=heart].glm-anim-loop .glm-heart-body,.glm-icon[data-icon=heart].glm-anim-click.glm-is-active .glm-heart-body{animation:glm-heart-pulse calc(var(--glm-duration) * .95) ease-out calc(var(--glm-delay) + var(--glm-duration) * .1) both}.glm-icon[data-icon=heart].glm-anim-hover-loop:hover .glm-heart-left,.glm-icon[data-icon=heart].glm-anim-hover-loop:hover .glm-heart-right,.glm-icon[data-icon=heart].glm-anim-hover-loop:hover .glm-heart-body,.glm-icon[data-icon=heart].glm-anim-hover-loop.glm-parent-hover .glm-heart-left,.glm-icon[data-icon=heart].glm-anim-hover-loop.glm-parent-hover .glm-heart-right,.glm-icon[data-icon=heart].glm-anim-hover-loop.glm-parent-hover .glm-heart-body,.glm-icon[data-icon=heart].glm-anim-loop .glm-heart-left,.glm-icon[data-icon=heart].glm-anim-loop .glm-heart-right,.glm-icon[data-icon=heart].glm-anim-loop .glm-heart-body{animation-iteration-count:infinite}\n"] }]
|
|
27
|
+
}], ctorParameters: function () { return [{ type: i1.DomSanitizer }, { type: i0.ChangeDetectorRef }]; } });
|
|
28
|
+
|
|
29
|
+
/**
|
|
30
|
+
* Generated bundle index. Do not edit.
|
|
31
|
+
*/
|
|
32
|
+
|
|
33
|
+
export { GLM_HEART, HeartIconComponent as HeartIcon, HeartIconComponent };
|
|
34
|
+
//# sourceMappingURL=glamera-animated-icons-heart.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"glamera-animated-icons-heart.mjs","sources":["../../../projects/animated-icons/heart/src/heart.ts","../../../projects/animated-icons/heart/src/glamera-animated-icons-heart.ts"],"sourcesContent":["import { ChangeDetectionStrategy, ChangeDetectorRef, Component, ViewEncapsulation } from '@angular/core';\nimport { DomSanitizer } from '@angular/platform-browser';\nimport {\n GlameraIconBase,\n GlameraIconDefinition,\n GLAMERA_ICON_HOST_TEMPLATE,\n} from '@glamera/animated-icons';\n\nexport const GLM_HEART: GlameraIconDefinition = {\n name: 'heart',\n viewBox: '0 0 24 24',\n svg: `\n <g class=\"glm-heart-body\">\n <path class=\"glm-heart-left\" pathLength=\"1\" d=\"M2 9.5a5.5 5.5 0 0 1 9.591-3.676\"></path>\n <path class=\"glm-heart-right\" pathLength=\"1\" d=\"M12.409 5.824A5.49 5.49 0 0 1 22 9.5c0 2.29-1.5 4-3 5.5l-5.492 5.313a2 2 0 0 1-3 .019L5 15c-1.5-1.5-3-3.2-3-5.5\"></path>\n </g>\n `.trim(),\n};\n\n@Component({\n standalone: true,\n selector: 'glamera-heart-icon',\n template: GLAMERA_ICON_HOST_TEMPLATE,\n styleUrls: ['../../src/lib/base/icon-base.scss', './heart.animation.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n encapsulation: ViewEncapsulation.None,\n})\nexport class HeartIconComponent extends GlameraIconBase {\n readonly iconDef = GLM_HEART;\n\n constructor(sanitizer: DomSanitizer, cdr: ChangeDetectorRef) {\n super(sanitizer, cdr);\n }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;AAQa,MAAA,SAAS,GAA0B;AAC9C,IAAA,IAAI,EAAE,OAAO;AACb,IAAA,OAAO,EAAE,WAAW;AACpB,IAAA,GAAG,EAAE,CAAA;;;;;AAKJ,EAAA,CAAA,CAAC,IAAI,EAAE;EACR;AAUI,MAAO,kBAAmB,SAAQ,eAAe,CAAA;IAGrD,WAAY,CAAA,SAAuB,EAAE,GAAsB,EAAA;AACzD,QAAA,KAAK,CAAC,SAAS,EAAE,GAAG,CAAC,CAAC;AAHf,QAAA,IAAO,CAAA,OAAA,GAAG,SAAS,CAAC;KAI5B;;gHALU,kBAAkB,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,YAAA,EAAA,EAAA,EAAA,KAAA,EAAA,EAAA,CAAA,iBAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;oGAAlB,kBAAkB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,oBAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,wwBAAA,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,s2BAAA,EAAA,+hGAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;4FAAlB,kBAAkB,EAAA,UAAA,EAAA,CAAA;kBAR9B,SAAS;iCACI,IAAI,EAAA,QAAA,EACN,oBAAoB,EAAA,QAAA,EACpB,0BAA0B,EAAA,eAAA,EAEnB,uBAAuB,CAAC,MAAM,EAAA,aAAA,EAChC,iBAAiB,CAAC,IAAI,EAAA,MAAA,EAAA,CAAA,s2BAAA,EAAA,+hGAAA,CAAA,EAAA,CAAA;;;ACzBvC;;AAEG;;;;"}
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
import * as i0 from '@angular/core';
|
|
2
|
+
import { Component, ChangeDetectionStrategy, ViewEncapsulation } from '@angular/core';
|
|
3
|
+
import { GlameraIconBase, GLAMERA_ICON_HOST_TEMPLATE } from '@glamera/animated-icons';
|
|
4
|
+
import * as i1 from '@angular/platform-browser';
|
|
5
|
+
|
|
6
|
+
const GLM_HOUSE = {
|
|
7
|
+
name: 'house',
|
|
8
|
+
viewBox: '0 0 24 24',
|
|
9
|
+
svg: `
|
|
10
|
+
<g class="glm-house-group">
|
|
11
|
+
<path d="M3 10a2 2 0 0 1 .709-1.528l7-5.999a2 2 0 0 1 2.582 0l7 5.999A2 2 0 0 1 21 10"></path>
|
|
12
|
+
<path d="M21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-9"></path>
|
|
13
|
+
<path class="glm-house-door" d="M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8"></path>
|
|
14
|
+
</g>
|
|
15
|
+
`.trim(),
|
|
16
|
+
};
|
|
17
|
+
class HouseIconComponent extends GlameraIconBase {
|
|
18
|
+
constructor(sanitizer, cdr) {
|
|
19
|
+
super(sanitizer, cdr);
|
|
20
|
+
this.iconDef = GLM_HOUSE;
|
|
21
|
+
}
|
|
22
|
+
}
|
|
23
|
+
HouseIconComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: HouseIconComponent, deps: [{ token: i1.DomSanitizer }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
24
|
+
HouseIconComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: HouseIconComponent, isStandalone: true, selector: "glamera-house-icon", usesInheritance: true, ngImport: i0, template: "\n<span\n class=\"glm-icon\"\n [class.glm-anim-hover]=\"animation === 'hover'\"\n [class.glm-anim-hover-loop]=\"animation === 'hover-loop'\"\n [class.glm-anim-loop]=\"animation === 'loop'\"\n [class.glm-anim-none]=\"animation === 'none'\"\n [class.glm-anim-click]=\"animation === 'click'\"\n [class.glm-is-active]=\"isActive\"\n [class.glm-parent-hover]=\"parentHover\"\n [class.glm-missing]=\"!iconDef\"\n [attr.data-icon]=\"iconName\"\n [style.--glm-size]=\"resolvedSize\"\n [style.--glm-duration]=\"resolvedDuration\"\n [style.--glm-delay]=\"resolvedDelay\"\n [attr.role]=\"a11yRole\"\n [attr.aria-hidden]=\"a11yHidden\"\n [attr.aria-label]=\"a11yLabel\"\n (click)=\"onClick()\">\n <span class=\"glm-icon-svg\" [innerHTML]=\"safeSvg\"></span>\n</span>\n", isInline: true, styles: [".glm-icon{--glm-duration: 1s;display:inline-flex;align-items:center;justify-content:center;color:inherit;line-height:0;vertical-align:middle;flex-shrink:0;-webkit-tap-highlight-color:transparent}.glm-icon-svg,.glm-icon-svg svg{display:block;width:var(--glm-size, 24px);height:var(--glm-size, 24px);overflow:visible}.glm-icon-svg svg,.glm-icon-svg svg *{transform-box:fill-box;transform-origin:center}.glm-icon.glm-anim-hover:hover .glm-icon-svg *,.glm-icon.glm-anim-hover.glm-parent-hover .glm-icon-svg *{animation-iteration-count:1!important}@media (prefers-reduced-motion: reduce){.glm-icon.glm-anim-hover:hover .glm-icon-svg *,.glm-icon.glm-anim-hover-loop:hover .glm-icon-svg *,.glm-icon.glm-anim-hover-loop.glm-parent-hover .glm-icon-svg *,.glm-icon.glm-anim-loop .glm-icon-svg *,.glm-icon.glm-anim-click.glm-is-active .glm-icon-svg *{animation:none!important}}\n", "@keyframes glm-house-pop{0%{transform:scale(.7)}55%{transform:scale(1.06)}80%{transform:scale(.98)}to{transform:scale(1)}}@keyframes glm-house-pop-loop{0%,to{transform:scale(.7)}27.5%{transform:scale(1.06)}40%{transform:scale(.98)}50%{transform:scale(1)}}@keyframes glm-house-door{0%{transform:scaleY(0);opacity:0}to{transform:scaleY(1);opacity:1}}@keyframes glm-house-door-loop{0%,to{transform:scaleY(0);opacity:0}35%,50%{transform:scaleY(1);opacity:1}}.glm-icon[data-icon=house] .glm-house-group{transform-box:view-box;transform-origin:12px 21px}.glm-icon[data-icon=house] .glm-house-door{transform-box:view-box;transform-origin:12px 21px;opacity:1}.glm-icon[data-icon=house].glm-anim-hover:hover .glm-house-group,.glm-icon[data-icon=house].glm-anim-hover.glm-parent-hover .glm-house-group,.glm-icon[data-icon=house].glm-anim-hover-loop:hover .glm-house-group,.glm-icon[data-icon=house].glm-anim-hover-loop.glm-parent-hover .glm-house-group,.glm-icon[data-icon=house].glm-anim-loop .glm-house-group,.glm-icon[data-icon=house].glm-anim-click.glm-is-active .glm-house-group{animation:glm-house-pop calc(var(--glm-duration) * .55) ease-out var(--glm-delay) both}.glm-icon[data-icon=house].glm-anim-hover:hover .glm-house-door,.glm-icon[data-icon=house].glm-anim-hover.glm-parent-hover .glm-house-door,.glm-icon[data-icon=house].glm-anim-hover-loop:hover .glm-house-door,.glm-icon[data-icon=house].glm-anim-hover-loop.glm-parent-hover .glm-house-door,.glm-icon[data-icon=house].glm-anim-loop .glm-house-door,.glm-icon[data-icon=house].glm-anim-click.glm-is-active .glm-house-door{animation:glm-house-door calc(var(--glm-duration) * .3) ease-out calc(var(--glm-delay) + var(--glm-duration) * .35) both}.glm-icon[data-icon=house].glm-anim-hover-loop:hover .glm-house-group,.glm-icon[data-icon=house].glm-anim-hover-loop.glm-parent-hover .glm-house-group,.glm-icon[data-icon=house].glm-anim-loop .glm-house-group{animation:glm-house-pop-loop calc(var(--glm-duration) * 1.1) ease-out var(--glm-delay) infinite both}.glm-icon[data-icon=house].glm-anim-hover-loop:hover .glm-house-door,.glm-icon[data-icon=house].glm-anim-hover-loop.glm-parent-hover .glm-house-door,.glm-icon[data-icon=house].glm-anim-loop .glm-house-door{animation:glm-house-door-loop calc(var(--glm-duration) * 1.1) ease-out calc(var(--glm-delay) + var(--glm-duration) * .35) infinite both}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
25
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: HouseIconComponent, decorators: [{
|
|
26
|
+
type: Component,
|
|
27
|
+
args: [{ standalone: true, selector: 'glamera-house-icon', template: GLAMERA_ICON_HOST_TEMPLATE, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, styles: [".glm-icon{--glm-duration: 1s;display:inline-flex;align-items:center;justify-content:center;color:inherit;line-height:0;vertical-align:middle;flex-shrink:0;-webkit-tap-highlight-color:transparent}.glm-icon-svg,.glm-icon-svg svg{display:block;width:var(--glm-size, 24px);height:var(--glm-size, 24px);overflow:visible}.glm-icon-svg svg,.glm-icon-svg svg *{transform-box:fill-box;transform-origin:center}.glm-icon.glm-anim-hover:hover .glm-icon-svg *,.glm-icon.glm-anim-hover.glm-parent-hover .glm-icon-svg *{animation-iteration-count:1!important}@media (prefers-reduced-motion: reduce){.glm-icon.glm-anim-hover:hover .glm-icon-svg *,.glm-icon.glm-anim-hover-loop:hover .glm-icon-svg *,.glm-icon.glm-anim-hover-loop.glm-parent-hover .glm-icon-svg *,.glm-icon.glm-anim-loop .glm-icon-svg *,.glm-icon.glm-anim-click.glm-is-active .glm-icon-svg *{animation:none!important}}\n", "@keyframes glm-house-pop{0%{transform:scale(.7)}55%{transform:scale(1.06)}80%{transform:scale(.98)}to{transform:scale(1)}}@keyframes glm-house-pop-loop{0%,to{transform:scale(.7)}27.5%{transform:scale(1.06)}40%{transform:scale(.98)}50%{transform:scale(1)}}@keyframes glm-house-door{0%{transform:scaleY(0);opacity:0}to{transform:scaleY(1);opacity:1}}@keyframes glm-house-door-loop{0%,to{transform:scaleY(0);opacity:0}35%,50%{transform:scaleY(1);opacity:1}}.glm-icon[data-icon=house] .glm-house-group{transform-box:view-box;transform-origin:12px 21px}.glm-icon[data-icon=house] .glm-house-door{transform-box:view-box;transform-origin:12px 21px;opacity:1}.glm-icon[data-icon=house].glm-anim-hover:hover .glm-house-group,.glm-icon[data-icon=house].glm-anim-hover.glm-parent-hover .glm-house-group,.glm-icon[data-icon=house].glm-anim-hover-loop:hover .glm-house-group,.glm-icon[data-icon=house].glm-anim-hover-loop.glm-parent-hover .glm-house-group,.glm-icon[data-icon=house].glm-anim-loop .glm-house-group,.glm-icon[data-icon=house].glm-anim-click.glm-is-active .glm-house-group{animation:glm-house-pop calc(var(--glm-duration) * .55) ease-out var(--glm-delay) both}.glm-icon[data-icon=house].glm-anim-hover:hover .glm-house-door,.glm-icon[data-icon=house].glm-anim-hover.glm-parent-hover .glm-house-door,.glm-icon[data-icon=house].glm-anim-hover-loop:hover .glm-house-door,.glm-icon[data-icon=house].glm-anim-hover-loop.glm-parent-hover .glm-house-door,.glm-icon[data-icon=house].glm-anim-loop .glm-house-door,.glm-icon[data-icon=house].glm-anim-click.glm-is-active .glm-house-door{animation:glm-house-door calc(var(--glm-duration) * .3) ease-out calc(var(--glm-delay) + var(--glm-duration) * .35) both}.glm-icon[data-icon=house].glm-anim-hover-loop:hover .glm-house-group,.glm-icon[data-icon=house].glm-anim-hover-loop.glm-parent-hover .glm-house-group,.glm-icon[data-icon=house].glm-anim-loop .glm-house-group{animation:glm-house-pop-loop calc(var(--glm-duration) * 1.1) ease-out var(--glm-delay) infinite both}.glm-icon[data-icon=house].glm-anim-hover-loop:hover .glm-house-door,.glm-icon[data-icon=house].glm-anim-hover-loop.glm-parent-hover .glm-house-door,.glm-icon[data-icon=house].glm-anim-loop .glm-house-door{animation:glm-house-door-loop calc(var(--glm-duration) * 1.1) ease-out calc(var(--glm-delay) + var(--glm-duration) * .35) infinite both}\n"] }]
|
|
28
|
+
}], ctorParameters: function () { return [{ type: i1.DomSanitizer }, { type: i0.ChangeDetectorRef }]; } });
|
|
29
|
+
|
|
30
|
+
/**
|
|
31
|
+
* Generated bundle index. Do not edit.
|
|
32
|
+
*/
|
|
33
|
+
|
|
34
|
+
export { GLM_HOUSE, HouseIconComponent as HouseIcon, HouseIconComponent };
|
|
35
|
+
//# sourceMappingURL=glamera-animated-icons-house.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"glamera-animated-icons-house.mjs","sources":["../../../projects/animated-icons/house/src/house.ts","../../../projects/animated-icons/house/src/glamera-animated-icons-house.ts"],"sourcesContent":["import { ChangeDetectionStrategy, ChangeDetectorRef, Component, ViewEncapsulation } from '@angular/core';\nimport { DomSanitizer } from '@angular/platform-browser';\nimport {\n GlameraIconBase,\n GlameraIconDefinition,\n GLAMERA_ICON_HOST_TEMPLATE,\n} from '@glamera/animated-icons';\n\nexport const GLM_HOUSE: GlameraIconDefinition = {\n name: 'house',\n viewBox: '0 0 24 24',\n svg: `\n <g class=\"glm-house-group\">\n <path d=\"M3 10a2 2 0 0 1 .709-1.528l7-5.999a2 2 0 0 1 2.582 0l7 5.999A2 2 0 0 1 21 10\"></path>\n <path d=\"M21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-9\"></path>\n <path class=\"glm-house-door\" d=\"M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8\"></path>\n </g>\n `.trim(),\n};\n\n@Component({\n standalone: true,\n selector: 'glamera-house-icon',\n template: GLAMERA_ICON_HOST_TEMPLATE,\n styleUrls: ['../../src/lib/base/icon-base.scss', './house.animation.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n encapsulation: ViewEncapsulation.None,\n})\nexport class HouseIconComponent extends GlameraIconBase {\n readonly iconDef = GLM_HOUSE;\n\n constructor(sanitizer: DomSanitizer, cdr: ChangeDetectorRef) {\n super(sanitizer, cdr);\n }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;AAQa,MAAA,SAAS,GAA0B;AAC9C,IAAA,IAAI,EAAE,OAAO;AACb,IAAA,OAAO,EAAE,WAAW;AACpB,IAAA,GAAG,EAAE,CAAA;;;;;;AAMJ,EAAA,CAAA,CAAC,IAAI,EAAE;EACR;AAUI,MAAO,kBAAmB,SAAQ,eAAe,CAAA;IAGrD,WAAY,CAAA,SAAuB,EAAE,GAAsB,EAAA;AACzD,QAAA,KAAK,CAAC,SAAS,EAAE,GAAG,CAAC,CAAC;AAHf,QAAA,IAAO,CAAA,OAAA,GAAG,SAAS,CAAC;KAI5B;;gHALU,kBAAkB,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,YAAA,EAAA,EAAA,EAAA,KAAA,EAAA,EAAA,CAAA,iBAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;oGAAlB,kBAAkB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,oBAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,wwBAAA,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,s2BAAA,EAAA,mzEAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;4FAAlB,kBAAkB,EAAA,UAAA,EAAA,CAAA;kBAR9B,SAAS;iCACI,IAAI,EAAA,QAAA,EACN,oBAAoB,EAAA,QAAA,EACpB,0BAA0B,EAAA,eAAA,EAEnB,uBAAuB,CAAC,MAAM,EAAA,aAAA,EAChC,iBAAiB,CAAC,IAAI,EAAA,MAAA,EAAA,CAAA,s2BAAA,EAAA,mzEAAA,CAAA,EAAA,CAAA;;;AC1BvC;;AAEG;;;;"}
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
import * as i0 from '@angular/core';
|
|
2
|
+
import { Component, ChangeDetectionStrategy, ViewEncapsulation } from '@angular/core';
|
|
3
|
+
import { GlameraIconBase, GLAMERA_ICON_HOST_TEMPLATE } from '@glamera/animated-icons';
|
|
4
|
+
import * as i1 from '@angular/platform-browser';
|
|
5
|
+
|
|
6
|
+
const GLM_LAYERS = {
|
|
7
|
+
name: 'layers',
|
|
8
|
+
viewBox: '0 0 24 24',
|
|
9
|
+
svg: `
|
|
10
|
+
<path class="glm-layers-top" d="m12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83Z"></path>
|
|
11
|
+
<path class="glm-layers-bottom" d="m22 17.65-9.17 4.16a2 2 0 0 1-1.66 0L2 17.65"></path>
|
|
12
|
+
<path class="glm-layers-middle" d="m22 12.65-9.17 4.16a2 2 0 0 1-1.66 0L2 12.65"></path>
|
|
13
|
+
`.trim(),
|
|
14
|
+
};
|
|
15
|
+
class LayersIconComponent extends GlameraIconBase {
|
|
16
|
+
constructor(sanitizer, cdr) {
|
|
17
|
+
super(sanitizer, cdr);
|
|
18
|
+
this.iconDef = GLM_LAYERS;
|
|
19
|
+
}
|
|
20
|
+
}
|
|
21
|
+
LayersIconComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: LayersIconComponent, deps: [{ token: i1.DomSanitizer }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
22
|
+
LayersIconComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: LayersIconComponent, isStandalone: true, selector: "glamera-layers-icon", usesInheritance: true, ngImport: i0, template: "\n<span\n class=\"glm-icon\"\n [class.glm-anim-hover]=\"animation === 'hover'\"\n [class.glm-anim-hover-loop]=\"animation === 'hover-loop'\"\n [class.glm-anim-loop]=\"animation === 'loop'\"\n [class.glm-anim-none]=\"animation === 'none'\"\n [class.glm-anim-click]=\"animation === 'click'\"\n [class.glm-is-active]=\"isActive\"\n [class.glm-parent-hover]=\"parentHover\"\n [class.glm-missing]=\"!iconDef\"\n [attr.data-icon]=\"iconName\"\n [style.--glm-size]=\"resolvedSize\"\n [style.--glm-duration]=\"resolvedDuration\"\n [style.--glm-delay]=\"resolvedDelay\"\n [attr.role]=\"a11yRole\"\n [attr.aria-hidden]=\"a11yHidden\"\n [attr.aria-label]=\"a11yLabel\"\n (click)=\"onClick()\">\n <span class=\"glm-icon-svg\" [innerHTML]=\"safeSvg\"></span>\n</span>\n", isInline: true, styles: [".glm-icon{--glm-duration: 1s;display:inline-flex;align-items:center;justify-content:center;color:inherit;line-height:0;vertical-align:middle;flex-shrink:0;-webkit-tap-highlight-color:transparent}.glm-icon-svg,.glm-icon-svg svg{display:block;width:var(--glm-size, 24px);height:var(--glm-size, 24px);overflow:visible}.glm-icon-svg svg,.glm-icon-svg svg *{transform-box:fill-box;transform-origin:center}.glm-icon.glm-anim-hover:hover .glm-icon-svg *,.glm-icon.glm-anim-hover.glm-parent-hover .glm-icon-svg *{animation-iteration-count:1!important}@media (prefers-reduced-motion: reduce){.glm-icon.glm-anim-hover:hover .glm-icon-svg *,.glm-icon.glm-anim-hover-loop:hover .glm-icon-svg *,.glm-icon.glm-anim-hover-loop.glm-parent-hover .glm-icon-svg *,.glm-icon.glm-anim-loop .glm-icon-svg *,.glm-icon.glm-anim-click.glm-is-active .glm-icon-svg *{animation:none!important}}\n", "@keyframes glm-layers-middle-lift{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes glm-layers-bottom-lift{0%,to{transform:translateY(0)}50%{transform:translateY(-9px)}}.glm-icon[data-icon=layers] .glm-layers-middle,.glm-icon[data-icon=layers] .glm-layers-bottom{transform-box:fill-box;transform-origin:center}.glm-icon[data-icon=layers].glm-anim-hover:hover .glm-layers-middle,.glm-icon[data-icon=layers].glm-anim-hover.glm-parent-hover .glm-layers-middle,.glm-icon[data-icon=layers].glm-anim-hover-loop:hover .glm-layers-middle,.glm-icon[data-icon=layers].glm-anim-hover-loop.glm-parent-hover .glm-layers-middle,.glm-icon[data-icon=layers].glm-anim-loop .glm-layers-middle,.glm-icon[data-icon=layers].glm-anim-click.glm-is-active .glm-layers-middle{animation:glm-layers-middle-lift calc(var(--glm-duration) * .6) cubic-bezier(.175,.885,.32,1.275) var(--glm-delay) both}.glm-icon[data-icon=layers].glm-anim-hover:hover .glm-layers-bottom,.glm-icon[data-icon=layers].glm-anim-hover.glm-parent-hover .glm-layers-bottom,.glm-icon[data-icon=layers].glm-anim-hover-loop:hover .glm-layers-bottom,.glm-icon[data-icon=layers].glm-anim-hover-loop.glm-parent-hover .glm-layers-bottom,.glm-icon[data-icon=layers].glm-anim-loop .glm-layers-bottom,.glm-icon[data-icon=layers].glm-anim-click.glm-is-active .glm-layers-bottom{animation:glm-layers-bottom-lift calc(var(--glm-duration) * .6) cubic-bezier(.175,.885,.32,1.275) var(--glm-delay) both}.glm-icon[data-icon=layers].glm-anim-hover-loop:hover .glm-layers-middle,.glm-icon[data-icon=layers].glm-anim-hover-loop.glm-parent-hover .glm-layers-middle,.glm-icon[data-icon=layers].glm-anim-loop .glm-layers-middle{animation:glm-layers-middle-lift calc(var(--glm-duration) * .6) cubic-bezier(.175,.885,.32,1.275) var(--glm-delay) infinite both}.glm-icon[data-icon=layers].glm-anim-hover-loop:hover .glm-layers-bottom,.glm-icon[data-icon=layers].glm-anim-hover-loop.glm-parent-hover .glm-layers-bottom,.glm-icon[data-icon=layers].glm-anim-loop .glm-layers-bottom{animation:glm-layers-bottom-lift calc(var(--glm-duration) * .6) cubic-bezier(.175,.885,.32,1.275) var(--glm-delay) infinite both}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
23
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: LayersIconComponent, decorators: [{
|
|
24
|
+
type: Component,
|
|
25
|
+
args: [{ standalone: true, selector: 'glamera-layers-icon', template: GLAMERA_ICON_HOST_TEMPLATE, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, styles: [".glm-icon{--glm-duration: 1s;display:inline-flex;align-items:center;justify-content:center;color:inherit;line-height:0;vertical-align:middle;flex-shrink:0;-webkit-tap-highlight-color:transparent}.glm-icon-svg,.glm-icon-svg svg{display:block;width:var(--glm-size, 24px);height:var(--glm-size, 24px);overflow:visible}.glm-icon-svg svg,.glm-icon-svg svg *{transform-box:fill-box;transform-origin:center}.glm-icon.glm-anim-hover:hover .glm-icon-svg *,.glm-icon.glm-anim-hover.glm-parent-hover .glm-icon-svg *{animation-iteration-count:1!important}@media (prefers-reduced-motion: reduce){.glm-icon.glm-anim-hover:hover .glm-icon-svg *,.glm-icon.glm-anim-hover-loop:hover .glm-icon-svg *,.glm-icon.glm-anim-hover-loop.glm-parent-hover .glm-icon-svg *,.glm-icon.glm-anim-loop .glm-icon-svg *,.glm-icon.glm-anim-click.glm-is-active .glm-icon-svg *{animation:none!important}}\n", "@keyframes glm-layers-middle-lift{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes glm-layers-bottom-lift{0%,to{transform:translateY(0)}50%{transform:translateY(-9px)}}.glm-icon[data-icon=layers] .glm-layers-middle,.glm-icon[data-icon=layers] .glm-layers-bottom{transform-box:fill-box;transform-origin:center}.glm-icon[data-icon=layers].glm-anim-hover:hover .glm-layers-middle,.glm-icon[data-icon=layers].glm-anim-hover.glm-parent-hover .glm-layers-middle,.glm-icon[data-icon=layers].glm-anim-hover-loop:hover .glm-layers-middle,.glm-icon[data-icon=layers].glm-anim-hover-loop.glm-parent-hover .glm-layers-middle,.glm-icon[data-icon=layers].glm-anim-loop .glm-layers-middle,.glm-icon[data-icon=layers].glm-anim-click.glm-is-active .glm-layers-middle{animation:glm-layers-middle-lift calc(var(--glm-duration) * .6) cubic-bezier(.175,.885,.32,1.275) var(--glm-delay) both}.glm-icon[data-icon=layers].glm-anim-hover:hover .glm-layers-bottom,.glm-icon[data-icon=layers].glm-anim-hover.glm-parent-hover .glm-layers-bottom,.glm-icon[data-icon=layers].glm-anim-hover-loop:hover .glm-layers-bottom,.glm-icon[data-icon=layers].glm-anim-hover-loop.glm-parent-hover .glm-layers-bottom,.glm-icon[data-icon=layers].glm-anim-loop .glm-layers-bottom,.glm-icon[data-icon=layers].glm-anim-click.glm-is-active .glm-layers-bottom{animation:glm-layers-bottom-lift calc(var(--glm-duration) * .6) cubic-bezier(.175,.885,.32,1.275) var(--glm-delay) both}.glm-icon[data-icon=layers].glm-anim-hover-loop:hover .glm-layers-middle,.glm-icon[data-icon=layers].glm-anim-hover-loop.glm-parent-hover .glm-layers-middle,.glm-icon[data-icon=layers].glm-anim-loop .glm-layers-middle{animation:glm-layers-middle-lift calc(var(--glm-duration) * .6) cubic-bezier(.175,.885,.32,1.275) var(--glm-delay) infinite both}.glm-icon[data-icon=layers].glm-anim-hover-loop:hover .glm-layers-bottom,.glm-icon[data-icon=layers].glm-anim-hover-loop.glm-parent-hover .glm-layers-bottom,.glm-icon[data-icon=layers].glm-anim-loop .glm-layers-bottom{animation:glm-layers-bottom-lift calc(var(--glm-duration) * .6) cubic-bezier(.175,.885,.32,1.275) var(--glm-delay) infinite both}\n"] }]
|
|
26
|
+
}], ctorParameters: function () { return [{ type: i1.DomSanitizer }, { type: i0.ChangeDetectorRef }]; } });
|
|
27
|
+
|
|
28
|
+
/**
|
|
29
|
+
* Generated bundle index. Do not edit.
|
|
30
|
+
*/
|
|
31
|
+
|
|
32
|
+
export { GLM_LAYERS, LayersIconComponent as LayersIcon, LayersIconComponent };
|
|
33
|
+
//# sourceMappingURL=glamera-animated-icons-layers.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"glamera-animated-icons-layers.mjs","sources":["../../../projects/animated-icons/layers/src/layers.ts","../../../projects/animated-icons/layers/src/glamera-animated-icons-layers.ts"],"sourcesContent":["import { ChangeDetectionStrategy, ChangeDetectorRef, Component, ViewEncapsulation } from '@angular/core';\nimport { DomSanitizer } from '@angular/platform-browser';\nimport {\n GlameraIconBase,\n GlameraIconDefinition,\n GLAMERA_ICON_HOST_TEMPLATE,\n} from '@glamera/animated-icons';\n\nexport const GLM_LAYERS: GlameraIconDefinition = {\n name: 'layers',\n viewBox: '0 0 24 24',\n svg: `\n <path class=\"glm-layers-top\" d=\"m12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83Z\"></path>\n <path class=\"glm-layers-bottom\" d=\"m22 17.65-9.17 4.16a2 2 0 0 1-1.66 0L2 17.65\"></path>\n <path class=\"glm-layers-middle\" d=\"m22 12.65-9.17 4.16a2 2 0 0 1-1.66 0L2 12.65\"></path>\n `.trim(),\n};\n\n@Component({\n standalone: true,\n selector: 'glamera-layers-icon',\n template: GLAMERA_ICON_HOST_TEMPLATE,\n styleUrls: ['../../src/lib/base/icon-base.scss', './layers.animation.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n encapsulation: ViewEncapsulation.None,\n})\nexport class LayersIconComponent extends GlameraIconBase {\n readonly iconDef = GLM_LAYERS;\n\n constructor(sanitizer: DomSanitizer, cdr: ChangeDetectorRef) {\n super(sanitizer, cdr);\n }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;AAQa,MAAA,UAAU,GAA0B;AAC/C,IAAA,IAAI,EAAE,QAAQ;AACd,IAAA,OAAO,EAAE,WAAW;AACpB,IAAA,GAAG,EAAE,CAAA;;;;AAIJ,EAAA,CAAA,CAAC,IAAI,EAAE;EACR;AAUI,MAAO,mBAAoB,SAAQ,eAAe,CAAA;IAGtD,WAAY,CAAA,SAAuB,EAAE,GAAsB,EAAA;AACzD,QAAA,KAAK,CAAC,SAAS,EAAE,GAAG,CAAC,CAAC;AAHf,QAAA,IAAO,CAAA,OAAA,GAAG,UAAU,CAAC;KAI7B;;iHALU,mBAAmB,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,YAAA,EAAA,EAAA,EAAA,KAAA,EAAA,EAAA,CAAA,iBAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;qGAAnB,mBAAmB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,qBAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,wwBAAA,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,s2BAAA,EAAA,ymEAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;4FAAnB,mBAAmB,EAAA,UAAA,EAAA,CAAA;kBAR/B,SAAS;iCACI,IAAI,EAAA,QAAA,EACN,qBAAqB,EAAA,QAAA,EACrB,0BAA0B,EAAA,eAAA,EAEnB,uBAAuB,CAAC,MAAM,EAAA,aAAA,EAChC,iBAAiB,CAAC,IAAI,EAAA,MAAA,EAAA,CAAA,s2BAAA,EAAA,ymEAAA,CAAA,EAAA,CAAA;;;ACxBvC;;AAEG;;;;"}
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
import * as i0 from '@angular/core';
|
|
2
|
+
import { Component, ChangeDetectionStrategy, ViewEncapsulation } from '@angular/core';
|
|
3
|
+
import { GlameraIconBase, GLAMERA_ICON_HOST_TEMPLATE } from '@glamera/animated-icons';
|
|
4
|
+
import * as i1 from '@angular/platform-browser';
|
|
5
|
+
|
|
6
|
+
const GLM_LOCK = {
|
|
7
|
+
name: 'lock',
|
|
8
|
+
viewBox: '0 0 24 24',
|
|
9
|
+
svg: `
|
|
10
|
+
<g class="glm-lock-group">
|
|
11
|
+
<rect class="glm-lock-body" width="18" height="11" x="3" y="11" rx="2" ry="2"></rect>
|
|
12
|
+
<path class="glm-lock-shackle" d="M7 11V7a5 5 0 0 1 10 0v4"></path>
|
|
13
|
+
</g>
|
|
14
|
+
`.trim(),
|
|
15
|
+
};
|
|
16
|
+
class LockIconComponent extends GlameraIconBase {
|
|
17
|
+
constructor(sanitizer, cdr) {
|
|
18
|
+
super(sanitizer, cdr);
|
|
19
|
+
this.iconDef = GLM_LOCK;
|
|
20
|
+
}
|
|
21
|
+
}
|
|
22
|
+
LockIconComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: LockIconComponent, deps: [{ token: i1.DomSanitizer }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
23
|
+
LockIconComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: LockIconComponent, isStandalone: true, selector: "glamera-lock-icon", usesInheritance: true, ngImport: i0, template: "\n<span\n class=\"glm-icon\"\n [class.glm-anim-hover]=\"animation === 'hover'\"\n [class.glm-anim-hover-loop]=\"animation === 'hover-loop'\"\n [class.glm-anim-loop]=\"animation === 'loop'\"\n [class.glm-anim-none]=\"animation === 'none'\"\n [class.glm-anim-click]=\"animation === 'click'\"\n [class.glm-is-active]=\"isActive\"\n [class.glm-parent-hover]=\"parentHover\"\n [class.glm-missing]=\"!iconDef\"\n [attr.data-icon]=\"iconName\"\n [style.--glm-size]=\"resolvedSize\"\n [style.--glm-duration]=\"resolvedDuration\"\n [style.--glm-delay]=\"resolvedDelay\"\n [attr.role]=\"a11yRole\"\n [attr.aria-hidden]=\"a11yHidden\"\n [attr.aria-label]=\"a11yLabel\"\n (click)=\"onClick()\">\n <span class=\"glm-icon-svg\" [innerHTML]=\"safeSvg\"></span>\n</span>\n", isInline: true, styles: [".glm-icon{--glm-duration: 1s;display:inline-flex;align-items:center;justify-content:center;color:inherit;line-height:0;vertical-align:middle;flex-shrink:0;-webkit-tap-highlight-color:transparent}.glm-icon-svg,.glm-icon-svg svg{display:block;width:var(--glm-size, 24px);height:var(--glm-size, 24px);overflow:visible}.glm-icon-svg svg,.glm-icon-svg svg *{transform-box:fill-box;transform-origin:center}.glm-icon.glm-anim-hover:hover .glm-icon-svg *,.glm-icon.glm-anim-hover.glm-parent-hover .glm-icon-svg *{animation-iteration-count:1!important}@media (prefers-reduced-motion: reduce){.glm-icon.glm-anim-hover:hover .glm-icon-svg *,.glm-icon.glm-anim-hover-loop:hover .glm-icon-svg *,.glm-icon.glm-anim-hover-loop.glm-parent-hover .glm-icon-svg *,.glm-icon.glm-anim-loop .glm-icon-svg *,.glm-icon.glm-anim-click.glm-is-active .glm-icon-svg *{animation:none!important}}\n", "@keyframes glm-lock-shake{0%,to{transform:translate(0) rotate(0)}20%{transform:translate(-3px) rotate(-2deg)}40%{transform:translate(3px) rotate(2deg)}60%{transform:translate(-3px) rotate(-2deg)}80%{transform:translate(3px) rotate(2deg)}}.glm-icon[data-icon=lock] .glm-lock-group{transform-box:view-box;transform-origin:12px 12px}.glm-icon[data-icon=lock].glm-anim-hover:hover .glm-lock-group,.glm-icon[data-icon=lock].glm-anim-hover.glm-parent-hover .glm-lock-group,.glm-icon[data-icon=lock].glm-anim-hover-loop:hover .glm-lock-group,.glm-icon[data-icon=lock].glm-anim-hover-loop.glm-parent-hover .glm-lock-group,.glm-icon[data-icon=lock].glm-anim-loop .glm-lock-group,.glm-icon[data-icon=lock].glm-anim-click.glm-is-active .glm-lock-group{animation:glm-lock-shake calc(var(--glm-duration) * .4) ease-in-out var(--glm-delay) both}.glm-icon[data-icon=lock].glm-anim-hover-loop:hover .glm-lock-group,.glm-icon[data-icon=lock].glm-anim-hover-loop.glm-parent-hover .glm-lock-group,.glm-icon[data-icon=lock].glm-anim-loop .glm-lock-group{animation-iteration-count:infinite}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
24
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: LockIconComponent, decorators: [{
|
|
25
|
+
type: Component,
|
|
26
|
+
args: [{ standalone: true, selector: 'glamera-lock-icon', template: GLAMERA_ICON_HOST_TEMPLATE, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, styles: [".glm-icon{--glm-duration: 1s;display:inline-flex;align-items:center;justify-content:center;color:inherit;line-height:0;vertical-align:middle;flex-shrink:0;-webkit-tap-highlight-color:transparent}.glm-icon-svg,.glm-icon-svg svg{display:block;width:var(--glm-size, 24px);height:var(--glm-size, 24px);overflow:visible}.glm-icon-svg svg,.glm-icon-svg svg *{transform-box:fill-box;transform-origin:center}.glm-icon.glm-anim-hover:hover .glm-icon-svg *,.glm-icon.glm-anim-hover.glm-parent-hover .glm-icon-svg *{animation-iteration-count:1!important}@media (prefers-reduced-motion: reduce){.glm-icon.glm-anim-hover:hover .glm-icon-svg *,.glm-icon.glm-anim-hover-loop:hover .glm-icon-svg *,.glm-icon.glm-anim-hover-loop.glm-parent-hover .glm-icon-svg *,.glm-icon.glm-anim-loop .glm-icon-svg *,.glm-icon.glm-anim-click.glm-is-active .glm-icon-svg *{animation:none!important}}\n", "@keyframes glm-lock-shake{0%,to{transform:translate(0) rotate(0)}20%{transform:translate(-3px) rotate(-2deg)}40%{transform:translate(3px) rotate(2deg)}60%{transform:translate(-3px) rotate(-2deg)}80%{transform:translate(3px) rotate(2deg)}}.glm-icon[data-icon=lock] .glm-lock-group{transform-box:view-box;transform-origin:12px 12px}.glm-icon[data-icon=lock].glm-anim-hover:hover .glm-lock-group,.glm-icon[data-icon=lock].glm-anim-hover.glm-parent-hover .glm-lock-group,.glm-icon[data-icon=lock].glm-anim-hover-loop:hover .glm-lock-group,.glm-icon[data-icon=lock].glm-anim-hover-loop.glm-parent-hover .glm-lock-group,.glm-icon[data-icon=lock].glm-anim-loop .glm-lock-group,.glm-icon[data-icon=lock].glm-anim-click.glm-is-active .glm-lock-group{animation:glm-lock-shake calc(var(--glm-duration) * .4) ease-in-out var(--glm-delay) both}.glm-icon[data-icon=lock].glm-anim-hover-loop:hover .glm-lock-group,.glm-icon[data-icon=lock].glm-anim-hover-loop.glm-parent-hover .glm-lock-group,.glm-icon[data-icon=lock].glm-anim-loop .glm-lock-group{animation-iteration-count:infinite}\n"] }]
|
|
27
|
+
}], ctorParameters: function () { return [{ type: i1.DomSanitizer }, { type: i0.ChangeDetectorRef }]; } });
|
|
28
|
+
|
|
29
|
+
/**
|
|
30
|
+
* Generated bundle index. Do not edit.
|
|
31
|
+
*/
|
|
32
|
+
|
|
33
|
+
export { GLM_LOCK, LockIconComponent as LockIcon, LockIconComponent };
|
|
34
|
+
//# sourceMappingURL=glamera-animated-icons-lock.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"glamera-animated-icons-lock.mjs","sources":["../../../projects/animated-icons/lock/src/lock.ts","../../../projects/animated-icons/lock/src/glamera-animated-icons-lock.ts"],"sourcesContent":["import { ChangeDetectionStrategy, ChangeDetectorRef, Component, ViewEncapsulation } from '@angular/core';\nimport { DomSanitizer } from '@angular/platform-browser';\nimport {\n GlameraIconBase,\n GlameraIconDefinition,\n GLAMERA_ICON_HOST_TEMPLATE,\n} from '@glamera/animated-icons';\n\nexport const GLM_LOCK: GlameraIconDefinition = {\n name: 'lock',\n viewBox: '0 0 24 24',\n svg: `\n <g class=\"glm-lock-group\">\n <rect class=\"glm-lock-body\" width=\"18\" height=\"11\" x=\"3\" y=\"11\" rx=\"2\" ry=\"2\"></rect>\n <path class=\"glm-lock-shackle\" d=\"M7 11V7a5 5 0 0 1 10 0v4\"></path>\n </g>\n `.trim(),\n};\n\n@Component({\n standalone: true,\n selector: 'glamera-lock-icon',\n template: GLAMERA_ICON_HOST_TEMPLATE,\n styleUrls: ['../../src/lib/base/icon-base.scss', './lock.animation.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n encapsulation: ViewEncapsulation.None,\n})\nexport class LockIconComponent extends GlameraIconBase {\n readonly iconDef = GLM_LOCK;\n\n constructor(sanitizer: DomSanitizer, cdr: ChangeDetectorRef) {\n super(sanitizer, cdr);\n }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;AAQa,MAAA,QAAQ,GAA0B;AAC7C,IAAA,IAAI,EAAE,MAAM;AACZ,IAAA,OAAO,EAAE,WAAW;AACpB,IAAA,GAAG,EAAE,CAAA;;;;;AAKJ,EAAA,CAAA,CAAC,IAAI,EAAE;EACR;AAUI,MAAO,iBAAkB,SAAQ,eAAe,CAAA;IAGpD,WAAY,CAAA,SAAuB,EAAE,GAAsB,EAAA;AACzD,QAAA,KAAK,CAAC,SAAS,EAAE,GAAG,CAAC,CAAC;AAHf,QAAA,IAAO,CAAA,OAAA,GAAG,QAAQ,CAAC;KAI3B;;+GALU,iBAAiB,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,YAAA,EAAA,EAAA,EAAA,KAAA,EAAA,EAAA,CAAA,iBAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;mGAAjB,iBAAiB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,mBAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,wwBAAA,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,s2BAAA,EAAA,ijCAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;4FAAjB,iBAAiB,EAAA,UAAA,EAAA,CAAA;kBAR7B,SAAS;iCACI,IAAI,EAAA,QAAA,EACN,mBAAmB,EAAA,QAAA,EACnB,0BAA0B,EAAA,eAAA,EAEnB,uBAAuB,CAAC,MAAM,EAAA,aAAA,EAChC,iBAAiB,CAAC,IAAI,EAAA,MAAA,EAAA,CAAA,s2BAAA,EAAA,ijCAAA,CAAA,EAAA,CAAA;;;ACzBvC;;AAEG;;;;"}
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
import * as i0 from '@angular/core';
|
|
2
|
+
import { Component, ChangeDetectionStrategy, ViewEncapsulation } from '@angular/core';
|
|
3
|
+
import { GlameraIconBase, GLAMERA_ICON_HOST_TEMPLATE } from '@glamera/animated-icons';
|
|
4
|
+
import * as i1 from '@angular/platform-browser';
|
|
5
|
+
|
|
6
|
+
const GLM_MAIL = {
|
|
7
|
+
name: 'mail',
|
|
8
|
+
viewBox: '0 0 24 24',
|
|
9
|
+
svg: `
|
|
10
|
+
<g class="glm-mail-group">
|
|
11
|
+
<path
|
|
12
|
+
class="glm-mail-flap"
|
|
13
|
+
pathLength="24"
|
|
14
|
+
d="m22 7-8.991 5.727a2 2 0 0 1-2.009 0L2 7">
|
|
15
|
+
</path>
|
|
16
|
+
<rect class="glm-mail-body" x="2" y="4" width="20" height="16" rx="2"></rect>
|
|
17
|
+
</g>
|
|
18
|
+
`.trim(),
|
|
19
|
+
};
|
|
20
|
+
class MailIconComponent extends GlameraIconBase {
|
|
21
|
+
constructor(sanitizer, cdr) {
|
|
22
|
+
super(sanitizer, cdr);
|
|
23
|
+
this.iconDef = GLM_MAIL;
|
|
24
|
+
}
|
|
25
|
+
}
|
|
26
|
+
MailIconComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MailIconComponent, deps: [{ token: i1.DomSanitizer }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
27
|
+
MailIconComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: MailIconComponent, isStandalone: true, selector: "glamera-mail-icon", usesInheritance: true, ngImport: i0, template: "\n<span\n class=\"glm-icon\"\n [class.glm-anim-hover]=\"animation === 'hover'\"\n [class.glm-anim-hover-loop]=\"animation === 'hover-loop'\"\n [class.glm-anim-loop]=\"animation === 'loop'\"\n [class.glm-anim-none]=\"animation === 'none'\"\n [class.glm-anim-click]=\"animation === 'click'\"\n [class.glm-is-active]=\"isActive\"\n [class.glm-parent-hover]=\"parentHover\"\n [class.glm-missing]=\"!iconDef\"\n [attr.data-icon]=\"iconName\"\n [style.--glm-size]=\"resolvedSize\"\n [style.--glm-duration]=\"resolvedDuration\"\n [style.--glm-delay]=\"resolvedDelay\"\n [attr.role]=\"a11yRole\"\n [attr.aria-hidden]=\"a11yHidden\"\n [attr.aria-label]=\"a11yLabel\"\n (click)=\"onClick()\">\n <span class=\"glm-icon-svg\" [innerHTML]=\"safeSvg\"></span>\n</span>\n", isInline: true, styles: [".glm-icon{--glm-duration: 1s;display:inline-flex;align-items:center;justify-content:center;color:inherit;line-height:0;vertical-align:middle;flex-shrink:0;-webkit-tap-highlight-color:transparent}.glm-icon-svg,.glm-icon-svg svg{display:block;width:var(--glm-size, 24px);height:var(--glm-size, 24px);overflow:visible}.glm-icon-svg svg,.glm-icon-svg svg *{transform-box:fill-box;transform-origin:center}.glm-icon.glm-anim-hover:hover .glm-icon-svg *,.glm-icon.glm-anim-hover.glm-parent-hover .glm-icon-svg *{animation-iteration-count:1!important}@media (prefers-reduced-motion: reduce){.glm-icon.glm-anim-hover:hover .glm-icon-svg *,.glm-icon.glm-anim-hover-loop:hover .glm-icon-svg *,.glm-icon.glm-anim-hover-loop.glm-parent-hover .glm-icon-svg *,.glm-icon.glm-anim-loop .glm-icon-svg *,.glm-icon.glm-anim-click.glm-is-active .glm-icon-svg *{animation:none!important}}\n", "@keyframes glm-mail-bounce{0%{transform:scale(.85)}55%{transform:scale(1.06)}80%{transform:scale(.98)}to{transform:scale(1)}}@keyframes glm-mail-flap{0%{stroke-dashoffset:24;opacity:0}to{stroke-dashoffset:0;opacity:1}}@keyframes glm-mail-body{0%,to{opacity:1}50%{opacity:.95}}.glm-icon[data-icon=mail] .glm-mail-group{transform-box:view-box;transform-origin:12px 12px}.glm-icon[data-icon=mail] .glm-mail-flap{fill:none;stroke-dasharray:24;stroke-dashoffset:0;opacity:1}.glm-icon[data-icon=mail].glm-anim-hover:hover .glm-mail-group,.glm-icon[data-icon=mail].glm-anim-hover.glm-parent-hover .glm-mail-group,.glm-icon[data-icon=mail].glm-anim-hover-loop:hover .glm-mail-group,.glm-icon[data-icon=mail].glm-anim-hover-loop.glm-parent-hover .glm-mail-group,.glm-icon[data-icon=mail].glm-anim-loop .glm-mail-group,.glm-icon[data-icon=mail].glm-anim-click.glm-is-active .glm-mail-group{animation:glm-mail-bounce calc(var(--glm-duration) * .5) ease-out var(--glm-delay) both}.glm-icon[data-icon=mail].glm-anim-hover:hover .glm-mail-flap,.glm-icon[data-icon=mail].glm-anim-hover.glm-parent-hover .glm-mail-flap,.glm-icon[data-icon=mail].glm-anim-hover-loop:hover .glm-mail-flap,.glm-icon[data-icon=mail].glm-anim-hover-loop.glm-parent-hover .glm-mail-flap,.glm-icon[data-icon=mail].glm-anim-loop .glm-mail-flap,.glm-icon[data-icon=mail].glm-anim-click.glm-is-active .glm-mail-flap{animation:glm-mail-flap calc(var(--glm-duration) * .35) ease-out calc(var(--glm-delay) + var(--glm-duration) * .22) both}.glm-icon[data-icon=mail].glm-anim-hover:hover .glm-mail-body,.glm-icon[data-icon=mail].glm-anim-hover.glm-parent-hover .glm-mail-body,.glm-icon[data-icon=mail].glm-anim-hover-loop:hover .glm-mail-body,.glm-icon[data-icon=mail].glm-anim-hover-loop.glm-parent-hover .glm-mail-body,.glm-icon[data-icon=mail].glm-anim-loop .glm-mail-body,.glm-icon[data-icon=mail].glm-anim-click.glm-is-active .glm-mail-body{animation:glm-mail-body calc(var(--glm-duration) * .45) ease-out var(--glm-delay) both}.glm-icon[data-icon=mail].glm-anim-hover-loop:hover .glm-mail-group,.glm-icon[data-icon=mail].glm-anim-hover-loop:hover .glm-mail-flap,.glm-icon[data-icon=mail].glm-anim-hover-loop:hover .glm-mail-body,.glm-icon[data-icon=mail].glm-anim-hover-loop.glm-parent-hover .glm-mail-group,.glm-icon[data-icon=mail].glm-anim-hover-loop.glm-parent-hover .glm-mail-flap,.glm-icon[data-icon=mail].glm-anim-hover-loop.glm-parent-hover .glm-mail-body,.glm-icon[data-icon=mail].glm-anim-loop .glm-mail-group,.glm-icon[data-icon=mail].glm-anim-loop .glm-mail-flap,.glm-icon[data-icon=mail].glm-anim-loop .glm-mail-body{animation-iteration-count:infinite}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
28
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MailIconComponent, decorators: [{
|
|
29
|
+
type: Component,
|
|
30
|
+
args: [{ standalone: true, selector: 'glamera-mail-icon', template: GLAMERA_ICON_HOST_TEMPLATE, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, styles: [".glm-icon{--glm-duration: 1s;display:inline-flex;align-items:center;justify-content:center;color:inherit;line-height:0;vertical-align:middle;flex-shrink:0;-webkit-tap-highlight-color:transparent}.glm-icon-svg,.glm-icon-svg svg{display:block;width:var(--glm-size, 24px);height:var(--glm-size, 24px);overflow:visible}.glm-icon-svg svg,.glm-icon-svg svg *{transform-box:fill-box;transform-origin:center}.glm-icon.glm-anim-hover:hover .glm-icon-svg *,.glm-icon.glm-anim-hover.glm-parent-hover .glm-icon-svg *{animation-iteration-count:1!important}@media (prefers-reduced-motion: reduce){.glm-icon.glm-anim-hover:hover .glm-icon-svg *,.glm-icon.glm-anim-hover-loop:hover .glm-icon-svg *,.glm-icon.glm-anim-hover-loop.glm-parent-hover .glm-icon-svg *,.glm-icon.glm-anim-loop .glm-icon-svg *,.glm-icon.glm-anim-click.glm-is-active .glm-icon-svg *{animation:none!important}}\n", "@keyframes glm-mail-bounce{0%{transform:scale(.85)}55%{transform:scale(1.06)}80%{transform:scale(.98)}to{transform:scale(1)}}@keyframes glm-mail-flap{0%{stroke-dashoffset:24;opacity:0}to{stroke-dashoffset:0;opacity:1}}@keyframes glm-mail-body{0%,to{opacity:1}50%{opacity:.95}}.glm-icon[data-icon=mail] .glm-mail-group{transform-box:view-box;transform-origin:12px 12px}.glm-icon[data-icon=mail] .glm-mail-flap{fill:none;stroke-dasharray:24;stroke-dashoffset:0;opacity:1}.glm-icon[data-icon=mail].glm-anim-hover:hover .glm-mail-group,.glm-icon[data-icon=mail].glm-anim-hover.glm-parent-hover .glm-mail-group,.glm-icon[data-icon=mail].glm-anim-hover-loop:hover .glm-mail-group,.glm-icon[data-icon=mail].glm-anim-hover-loop.glm-parent-hover .glm-mail-group,.glm-icon[data-icon=mail].glm-anim-loop .glm-mail-group,.glm-icon[data-icon=mail].glm-anim-click.glm-is-active .glm-mail-group{animation:glm-mail-bounce calc(var(--glm-duration) * .5) ease-out var(--glm-delay) both}.glm-icon[data-icon=mail].glm-anim-hover:hover .glm-mail-flap,.glm-icon[data-icon=mail].glm-anim-hover.glm-parent-hover .glm-mail-flap,.glm-icon[data-icon=mail].glm-anim-hover-loop:hover .glm-mail-flap,.glm-icon[data-icon=mail].glm-anim-hover-loop.glm-parent-hover .glm-mail-flap,.glm-icon[data-icon=mail].glm-anim-loop .glm-mail-flap,.glm-icon[data-icon=mail].glm-anim-click.glm-is-active .glm-mail-flap{animation:glm-mail-flap calc(var(--glm-duration) * .35) ease-out calc(var(--glm-delay) + var(--glm-duration) * .22) both}.glm-icon[data-icon=mail].glm-anim-hover:hover .glm-mail-body,.glm-icon[data-icon=mail].glm-anim-hover.glm-parent-hover .glm-mail-body,.glm-icon[data-icon=mail].glm-anim-hover-loop:hover .glm-mail-body,.glm-icon[data-icon=mail].glm-anim-hover-loop.glm-parent-hover .glm-mail-body,.glm-icon[data-icon=mail].glm-anim-loop .glm-mail-body,.glm-icon[data-icon=mail].glm-anim-click.glm-is-active .glm-mail-body{animation:glm-mail-body calc(var(--glm-duration) * .45) ease-out var(--glm-delay) both}.glm-icon[data-icon=mail].glm-anim-hover-loop:hover .glm-mail-group,.glm-icon[data-icon=mail].glm-anim-hover-loop:hover .glm-mail-flap,.glm-icon[data-icon=mail].glm-anim-hover-loop:hover .glm-mail-body,.glm-icon[data-icon=mail].glm-anim-hover-loop.glm-parent-hover .glm-mail-group,.glm-icon[data-icon=mail].glm-anim-hover-loop.glm-parent-hover .glm-mail-flap,.glm-icon[data-icon=mail].glm-anim-hover-loop.glm-parent-hover .glm-mail-body,.glm-icon[data-icon=mail].glm-anim-loop .glm-mail-group,.glm-icon[data-icon=mail].glm-anim-loop .glm-mail-flap,.glm-icon[data-icon=mail].glm-anim-loop .glm-mail-body{animation-iteration-count:infinite}\n"] }]
|
|
31
|
+
}], ctorParameters: function () { return [{ type: i1.DomSanitizer }, { type: i0.ChangeDetectorRef }]; } });
|
|
32
|
+
|
|
33
|
+
/**
|
|
34
|
+
* Generated bundle index. Do not edit.
|
|
35
|
+
*/
|
|
36
|
+
|
|
37
|
+
export { GLM_MAIL, MailIconComponent as MailIcon, MailIconComponent };
|
|
38
|
+
//# sourceMappingURL=glamera-animated-icons-mail.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"glamera-animated-icons-mail.mjs","sources":["../../../projects/animated-icons/mail/src/mail.ts","../../../projects/animated-icons/mail/src/glamera-animated-icons-mail.ts"],"sourcesContent":["import { ChangeDetectionStrategy, ChangeDetectorRef, Component, ViewEncapsulation } from '@angular/core';\nimport { DomSanitizer } from '@angular/platform-browser';\nimport {\n GlameraIconBase,\n GlameraIconDefinition,\n GLAMERA_ICON_HOST_TEMPLATE,\n} from '@glamera/animated-icons';\n\nexport const GLM_MAIL: GlameraIconDefinition = {\n name: 'mail',\n viewBox: '0 0 24 24',\n svg: `\n <g class=\"glm-mail-group\">\n <path\n class=\"glm-mail-flap\"\n pathLength=\"24\"\n d=\"m22 7-8.991 5.727a2 2 0 0 1-2.009 0L2 7\">\n </path>\n <rect class=\"glm-mail-body\" x=\"2\" y=\"4\" width=\"20\" height=\"16\" rx=\"2\"></rect>\n </g>\n `.trim(),\n};\n\n@Component({\n standalone: true,\n selector: 'glamera-mail-icon',\n template: GLAMERA_ICON_HOST_TEMPLATE,\n styleUrls: ['../../src/lib/base/icon-base.scss', './mail.animation.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n encapsulation: ViewEncapsulation.None,\n})\nexport class MailIconComponent extends GlameraIconBase {\n readonly iconDef = GLM_MAIL;\n\n constructor(sanitizer: DomSanitizer, cdr: ChangeDetectorRef) {\n super(sanitizer, cdr);\n }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;AAQa,MAAA,QAAQ,GAA0B;AAC7C,IAAA,IAAI,EAAE,MAAM;AACZ,IAAA,OAAO,EAAE,WAAW;AACpB,IAAA,GAAG,EAAE,CAAA;;;;;;;;;AASJ,EAAA,CAAA,CAAC,IAAI,EAAE;EACR;AAUI,MAAO,iBAAkB,SAAQ,eAAe,CAAA;IAGpD,WAAY,CAAA,SAAuB,EAAE,GAAsB,EAAA;AACzD,QAAA,KAAK,CAAC,SAAS,EAAE,GAAG,CAAC,CAAC;AAHf,QAAA,IAAO,CAAA,OAAA,GAAG,QAAQ,CAAC;KAI3B;;+GALU,iBAAiB,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,YAAA,EAAA,EAAA,EAAA,KAAA,EAAA,EAAA,CAAA,iBAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;mGAAjB,iBAAiB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,mBAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,wwBAAA,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,s2BAAA,EAAA,okFAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;4FAAjB,iBAAiB,EAAA,UAAA,EAAA,CAAA;kBAR7B,SAAS;iCACI,IAAI,EAAA,QAAA,EACN,mBAAmB,EAAA,QAAA,EACnB,0BAA0B,EAAA,eAAA,EAEnB,uBAAuB,CAAC,MAAM,EAAA,aAAA,EAChC,iBAAiB,CAAC,IAAI,EAAA,MAAA,EAAA,CAAA,s2BAAA,EAAA,okFAAA,CAAA,EAAA,CAAA;;;AC7BvC;;AAEG;;;;"}
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
import * as i0 from '@angular/core';
|
|
2
|
+
import { Component, ChangeDetectionStrategy, ViewEncapsulation } from '@angular/core';
|
|
3
|
+
import { GlameraIconBase, GLAMERA_ICON_HOST_TEMPLATE } from '@glamera/animated-icons';
|
|
4
|
+
import * as i1 from '@angular/platform-browser';
|
|
5
|
+
|
|
6
|
+
const GLM_MOON = {
|
|
7
|
+
name: 'moon',
|
|
8
|
+
viewBox: '0 0 24 24',
|
|
9
|
+
svg: `
|
|
10
|
+
<path class="glm-moon-path" d="M20.985 12.486a9 9 0 1 1-9.473-9.472c.405-.022.617.46.402.803a6 6 0 0 0 8.268 8.268c.344-.215.825-.004.803.401"></path>
|
|
11
|
+
`.trim(),
|
|
12
|
+
};
|
|
13
|
+
class MoonIconComponent extends GlameraIconBase {
|
|
14
|
+
constructor(sanitizer, cdr) {
|
|
15
|
+
super(sanitizer, cdr);
|
|
16
|
+
this.iconDef = GLM_MOON;
|
|
17
|
+
}
|
|
18
|
+
}
|
|
19
|
+
MoonIconComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MoonIconComponent, deps: [{ token: i1.DomSanitizer }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
20
|
+
MoonIconComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: MoonIconComponent, isStandalone: true, selector: "glamera-moon-icon", usesInheritance: true, ngImport: i0, template: "\n<span\n class=\"glm-icon\"\n [class.glm-anim-hover]=\"animation === 'hover'\"\n [class.glm-anim-hover-loop]=\"animation === 'hover-loop'\"\n [class.glm-anim-loop]=\"animation === 'loop'\"\n [class.glm-anim-none]=\"animation === 'none'\"\n [class.glm-anim-click]=\"animation === 'click'\"\n [class.glm-is-active]=\"isActive\"\n [class.glm-parent-hover]=\"parentHover\"\n [class.glm-missing]=\"!iconDef\"\n [attr.data-icon]=\"iconName\"\n [style.--glm-size]=\"resolvedSize\"\n [style.--glm-duration]=\"resolvedDuration\"\n [style.--glm-delay]=\"resolvedDelay\"\n [attr.role]=\"a11yRole\"\n [attr.aria-hidden]=\"a11yHidden\"\n [attr.aria-label]=\"a11yLabel\"\n (click)=\"onClick()\">\n <span class=\"glm-icon-svg\" [innerHTML]=\"safeSvg\"></span>\n</span>\n", isInline: true, styles: [".glm-icon{--glm-duration: 1s;display:inline-flex;align-items:center;justify-content:center;color:inherit;line-height:0;vertical-align:middle;flex-shrink:0;-webkit-tap-highlight-color:transparent}.glm-icon-svg,.glm-icon-svg svg{display:block;width:var(--glm-size, 24px);height:var(--glm-size, 24px);overflow:visible}.glm-icon-svg svg,.glm-icon-svg svg *{transform-box:fill-box;transform-origin:center}.glm-icon.glm-anim-hover:hover .glm-icon-svg *,.glm-icon.glm-anim-hover.glm-parent-hover .glm-icon-svg *{animation-iteration-count:1!important}@media (prefers-reduced-motion: reduce){.glm-icon.glm-anim-hover:hover .glm-icon-svg *,.glm-icon.glm-anim-hover-loop:hover .glm-icon-svg *,.glm-icon.glm-anim-hover-loop.glm-parent-hover .glm-icon-svg *,.glm-icon.glm-anim-loop .glm-icon-svg *,.glm-icon.glm-anim-click.glm-is-active .glm-icon-svg *{animation:none!important}}\n", "@keyframes glm-moon-float{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-2px) scale(1.04)}}@keyframes glm-moon-glow{0%{opacity:.85}50%{opacity:1}to{opacity:.9}}.glm-icon[data-icon=moon] .glm-moon-path{opacity:.85}.glm-icon[data-icon=moon] .glm-icon-svg svg{transform-box:view-box;transform-origin:center}.glm-icon[data-icon=moon].glm-anim-hover:hover .glm-icon-svg svg,.glm-icon[data-icon=moon].glm-anim-hover.glm-parent-hover .glm-icon-svg svg,.glm-icon[data-icon=moon].glm-anim-hover-loop:hover .glm-icon-svg svg,.glm-icon[data-icon=moon].glm-anim-hover-loop.glm-parent-hover .glm-icon-svg svg,.glm-icon[data-icon=moon].glm-anim-loop .glm-icon-svg svg,.glm-icon[data-icon=moon].glm-anim-click.glm-is-active .glm-icon-svg svg{animation:glm-moon-float calc(var(--glm-duration) * .8) ease-in-out var(--glm-delay) both}.glm-icon[data-icon=moon].glm-anim-hover:hover .glm-moon-path,.glm-icon[data-icon=moon].glm-anim-hover.glm-parent-hover .glm-moon-path,.glm-icon[data-icon=moon].glm-anim-hover-loop:hover .glm-moon-path,.glm-icon[data-icon=moon].glm-anim-hover-loop.glm-parent-hover .glm-moon-path,.glm-icon[data-icon=moon].glm-anim-loop .glm-moon-path,.glm-icon[data-icon=moon].glm-anim-click.glm-is-active .glm-moon-path{animation:glm-moon-glow calc(var(--glm-duration) * .8) ease-in-out var(--glm-delay) both}.glm-icon[data-icon=moon].glm-anim-hover-loop:hover .glm-icon-svg svg,.glm-icon[data-icon=moon].glm-anim-hover-loop:hover .glm-moon-path,.glm-icon[data-icon=moon].glm-anim-hover-loop.glm-parent-hover .glm-icon-svg svg,.glm-icon[data-icon=moon].glm-anim-hover-loop.glm-parent-hover .glm-moon-path,.glm-icon[data-icon=moon].glm-anim-loop .glm-icon-svg svg,.glm-icon[data-icon=moon].glm-anim-loop .glm-moon-path{animation-iteration-count:infinite}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
21
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MoonIconComponent, decorators: [{
|
|
22
|
+
type: Component,
|
|
23
|
+
args: [{ standalone: true, selector: 'glamera-moon-icon', template: GLAMERA_ICON_HOST_TEMPLATE, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, styles: [".glm-icon{--glm-duration: 1s;display:inline-flex;align-items:center;justify-content:center;color:inherit;line-height:0;vertical-align:middle;flex-shrink:0;-webkit-tap-highlight-color:transparent}.glm-icon-svg,.glm-icon-svg svg{display:block;width:var(--glm-size, 24px);height:var(--glm-size, 24px);overflow:visible}.glm-icon-svg svg,.glm-icon-svg svg *{transform-box:fill-box;transform-origin:center}.glm-icon.glm-anim-hover:hover .glm-icon-svg *,.glm-icon.glm-anim-hover.glm-parent-hover .glm-icon-svg *{animation-iteration-count:1!important}@media (prefers-reduced-motion: reduce){.glm-icon.glm-anim-hover:hover .glm-icon-svg *,.glm-icon.glm-anim-hover-loop:hover .glm-icon-svg *,.glm-icon.glm-anim-hover-loop.glm-parent-hover .glm-icon-svg *,.glm-icon.glm-anim-loop .glm-icon-svg *,.glm-icon.glm-anim-click.glm-is-active .glm-icon-svg *{animation:none!important}}\n", "@keyframes glm-moon-float{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-2px) scale(1.04)}}@keyframes glm-moon-glow{0%{opacity:.85}50%{opacity:1}to{opacity:.9}}.glm-icon[data-icon=moon] .glm-moon-path{opacity:.85}.glm-icon[data-icon=moon] .glm-icon-svg svg{transform-box:view-box;transform-origin:center}.glm-icon[data-icon=moon].glm-anim-hover:hover .glm-icon-svg svg,.glm-icon[data-icon=moon].glm-anim-hover.glm-parent-hover .glm-icon-svg svg,.glm-icon[data-icon=moon].glm-anim-hover-loop:hover .glm-icon-svg svg,.glm-icon[data-icon=moon].glm-anim-hover-loop.glm-parent-hover .glm-icon-svg svg,.glm-icon[data-icon=moon].glm-anim-loop .glm-icon-svg svg,.glm-icon[data-icon=moon].glm-anim-click.glm-is-active .glm-icon-svg svg{animation:glm-moon-float calc(var(--glm-duration) * .8) ease-in-out var(--glm-delay) both}.glm-icon[data-icon=moon].glm-anim-hover:hover .glm-moon-path,.glm-icon[data-icon=moon].glm-anim-hover.glm-parent-hover .glm-moon-path,.glm-icon[data-icon=moon].glm-anim-hover-loop:hover .glm-moon-path,.glm-icon[data-icon=moon].glm-anim-hover-loop.glm-parent-hover .glm-moon-path,.glm-icon[data-icon=moon].glm-anim-loop .glm-moon-path,.glm-icon[data-icon=moon].glm-anim-click.glm-is-active .glm-moon-path{animation:glm-moon-glow calc(var(--glm-duration) * .8) ease-in-out var(--glm-delay) both}.glm-icon[data-icon=moon].glm-anim-hover-loop:hover .glm-icon-svg svg,.glm-icon[data-icon=moon].glm-anim-hover-loop:hover .glm-moon-path,.glm-icon[data-icon=moon].glm-anim-hover-loop.glm-parent-hover .glm-icon-svg svg,.glm-icon[data-icon=moon].glm-anim-hover-loop.glm-parent-hover .glm-moon-path,.glm-icon[data-icon=moon].glm-anim-loop .glm-icon-svg svg,.glm-icon[data-icon=moon].glm-anim-loop .glm-moon-path{animation-iteration-count:infinite}\n"] }]
|
|
24
|
+
}], ctorParameters: function () { return [{ type: i1.DomSanitizer }, { type: i0.ChangeDetectorRef }]; } });
|
|
25
|
+
|
|
26
|
+
/**
|
|
27
|
+
* Generated bundle index. Do not edit.
|
|
28
|
+
*/
|
|
29
|
+
|
|
30
|
+
export { GLM_MOON, MoonIconComponent as MoonIcon, MoonIconComponent };
|
|
31
|
+
//# sourceMappingURL=glamera-animated-icons-moon.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"glamera-animated-icons-moon.mjs","sources":["../../../projects/animated-icons/moon/src/moon.ts","../../../projects/animated-icons/moon/src/glamera-animated-icons-moon.ts"],"sourcesContent":["import { ChangeDetectionStrategy, ChangeDetectorRef, Component, ViewEncapsulation } from '@angular/core';\nimport { DomSanitizer } from '@angular/platform-browser';\nimport {\n GlameraIconBase,\n GlameraIconDefinition,\n GLAMERA_ICON_HOST_TEMPLATE,\n} from '@glamera/animated-icons';\n\nexport const GLM_MOON: GlameraIconDefinition = {\n name: 'moon',\n viewBox: '0 0 24 24',\n svg: `\n <path class=\"glm-moon-path\" d=\"M20.985 12.486a9 9 0 1 1-9.473-9.472c.405-.022.617.46.402.803a6 6 0 0 0 8.268 8.268c.344-.215.825-.004.803.401\"></path>\n `.trim(),\n};\n\n@Component({\n standalone: true,\n selector: 'glamera-moon-icon',\n template: GLAMERA_ICON_HOST_TEMPLATE,\n styleUrls: ['../../src/lib/base/icon-base.scss', './moon.animation.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n encapsulation: ViewEncapsulation.None,\n})\nexport class MoonIconComponent extends GlameraIconBase {\n readonly iconDef = GLM_MOON;\n\n constructor(sanitizer: DomSanitizer, cdr: ChangeDetectorRef) {\n super(sanitizer, cdr);\n }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;AAQa,MAAA,QAAQ,GAA0B;AAC7C,IAAA,IAAI,EAAE,MAAM;AACZ,IAAA,OAAO,EAAE,WAAW;AACpB,IAAA,GAAG,EAAE,CAAA;;AAEJ,EAAA,CAAA,CAAC,IAAI,EAAE;EACR;AAUI,MAAO,iBAAkB,SAAQ,eAAe,CAAA;IAGpD,WAAY,CAAA,SAAuB,EAAE,GAAsB,EAAA;AACzD,QAAA,KAAK,CAAC,SAAS,EAAE,GAAG,CAAC,CAAC;AAHf,QAAA,IAAO,CAAA,OAAA,GAAG,QAAQ,CAAC;KAI3B;;+GALU,iBAAiB,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,YAAA,EAAA,EAAA,EAAA,KAAA,EAAA,EAAA,CAAA,iBAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;mGAAjB,iBAAiB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,mBAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,wwBAAA,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,s2BAAA,EAAA,ivDAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;4FAAjB,iBAAiB,EAAA,UAAA,EAAA,CAAA;kBAR7B,SAAS;iCACI,IAAI,EAAA,QAAA,EACN,mBAAmB,EAAA,QAAA,EACnB,0BAA0B,EAAA,eAAA,EAEnB,uBAAuB,CAAC,MAAM,EAAA,aAAA,EAChC,iBAAiB,CAAC,IAAI,EAAA,MAAA,EAAA,CAAA,s2BAAA,EAAA,ivDAAA,CAAA,EAAA,CAAA;;;ACtBvC;;AAEG;;;;"}
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
import * as i0 from '@angular/core';
|
|
2
|
+
import { Component, ChangeDetectionStrategy, ViewEncapsulation } from '@angular/core';
|
|
3
|
+
import { GlameraIconBase, GLAMERA_ICON_HOST_TEMPLATE } from '@glamera/animated-icons';
|
|
4
|
+
import * as i1 from '@angular/platform-browser';
|
|
5
|
+
|
|
6
|
+
const GLM_PENCIL = {
|
|
7
|
+
name: 'pencil',
|
|
8
|
+
viewBox: '0 0 24 24',
|
|
9
|
+
svg: `
|
|
10
|
+
<g class="glm-pencil-body">
|
|
11
|
+
<path d="M21.174 6.812a1 1 0 0 0-3.986-3.987L3.842 16.174a2 2 0 0 0-.5.83l-1.321 4.352a.5.5 0 0 0 .623.622l4.353-1.32a2 2 0 0 0 .83-.497z"></path>
|
|
12
|
+
<path d="m15 5 4 4"></path>
|
|
13
|
+
</g>
|
|
14
|
+
`.trim(),
|
|
15
|
+
};
|
|
16
|
+
class PencilIconComponent extends GlameraIconBase {
|
|
17
|
+
constructor(sanitizer, cdr) {
|
|
18
|
+
super(sanitizer, cdr);
|
|
19
|
+
this.iconDef = GLM_PENCIL;
|
|
20
|
+
}
|
|
21
|
+
}
|
|
22
|
+
PencilIconComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PencilIconComponent, deps: [{ token: i1.DomSanitizer }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
23
|
+
PencilIconComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: PencilIconComponent, isStandalone: true, selector: "glamera-pencil-icon", usesInheritance: true, ngImport: i0, template: "\n<span\n class=\"glm-icon\"\n [class.glm-anim-hover]=\"animation === 'hover'\"\n [class.glm-anim-hover-loop]=\"animation === 'hover-loop'\"\n [class.glm-anim-loop]=\"animation === 'loop'\"\n [class.glm-anim-none]=\"animation === 'none'\"\n [class.glm-anim-click]=\"animation === 'click'\"\n [class.glm-is-active]=\"isActive\"\n [class.glm-parent-hover]=\"parentHover\"\n [class.glm-missing]=\"!iconDef\"\n [attr.data-icon]=\"iconName\"\n [style.--glm-size]=\"resolvedSize\"\n [style.--glm-duration]=\"resolvedDuration\"\n [style.--glm-delay]=\"resolvedDelay\"\n [attr.role]=\"a11yRole\"\n [attr.aria-hidden]=\"a11yHidden\"\n [attr.aria-label]=\"a11yLabel\"\n (click)=\"onClick()\">\n <span class=\"glm-icon-svg\" [innerHTML]=\"safeSvg\"></span>\n</span>\n", isInline: true, styles: [".glm-icon{--glm-duration: 1s;display:inline-flex;align-items:center;justify-content:center;color:inherit;line-height:0;vertical-align:middle;flex-shrink:0;-webkit-tap-highlight-color:transparent}.glm-icon-svg,.glm-icon-svg svg{display:block;width:var(--glm-size, 24px);height:var(--glm-size, 24px);overflow:visible}.glm-icon-svg svg,.glm-icon-svg svg *{transform-box:fill-box;transform-origin:center}.glm-icon.glm-anim-hover:hover .glm-icon-svg *,.glm-icon.glm-anim-hover.glm-parent-hover .glm-icon-svg *{animation-iteration-count:1!important}@media (prefers-reduced-motion: reduce){.glm-icon.glm-anim-hover:hover .glm-icon-svg *,.glm-icon.glm-anim-hover-loop:hover .glm-icon-svg *,.glm-icon.glm-anim-hover-loop.glm-parent-hover .glm-icon-svg *,.glm-icon.glm-anim-loop .glm-icon-svg *,.glm-icon.glm-anim-click.glm-is-active .glm-icon-svg *{animation:none!important}}\n", "@keyframes glm-pencil-write{0%{transform:translate(0) rotate(0)}14%{transform:translate(.5px,.22px) rotate(1.35deg)}30%{transform:translate(-.55px,-.24px) rotate(-1.45deg)}44%{transform:translate(.46px,.2px) rotate(1.25deg)}58%{transform:translate(-.5px,-.22px) rotate(-1.3deg)}72%{transform:translate(.42px,.18px) rotate(1.1deg)}86%{transform:translate(-.32px,-.14px) rotate(-.75deg)}to{transform:translate(0) rotate(0)}}.glm-icon[data-icon=pencil] .glm-pencil-body{transform-box:view-box;transform-origin:2.15px 21.85px;transition:transform calc(var(--glm-duration) * .28) ease-out}.glm-icon[data-icon=pencil].glm-anim-hover:hover .glm-pencil-body,.glm-icon[data-icon=pencil].glm-anim-hover.glm-parent-hover .glm-pencil-body,.glm-icon[data-icon=pencil].glm-anim-hover-loop:hover .glm-pencil-body,.glm-icon[data-icon=pencil].glm-anim-hover-loop.glm-parent-hover .glm-pencil-body,.glm-icon[data-icon=pencil].glm-anim-loop .glm-pencil-body,.glm-icon[data-icon=pencil].glm-anim-click.glm-is-active .glm-pencil-body{animation:glm-pencil-write calc(var(--glm-duration) * 1.15) ease-in-out var(--glm-delay) infinite}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
24
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PencilIconComponent, decorators: [{
|
|
25
|
+
type: Component,
|
|
26
|
+
args: [{ standalone: true, selector: 'glamera-pencil-icon', template: GLAMERA_ICON_HOST_TEMPLATE, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, styles: [".glm-icon{--glm-duration: 1s;display:inline-flex;align-items:center;justify-content:center;color:inherit;line-height:0;vertical-align:middle;flex-shrink:0;-webkit-tap-highlight-color:transparent}.glm-icon-svg,.glm-icon-svg svg{display:block;width:var(--glm-size, 24px);height:var(--glm-size, 24px);overflow:visible}.glm-icon-svg svg,.glm-icon-svg svg *{transform-box:fill-box;transform-origin:center}.glm-icon.glm-anim-hover:hover .glm-icon-svg *,.glm-icon.glm-anim-hover.glm-parent-hover .glm-icon-svg *{animation-iteration-count:1!important}@media (prefers-reduced-motion: reduce){.glm-icon.glm-anim-hover:hover .glm-icon-svg *,.glm-icon.glm-anim-hover-loop:hover .glm-icon-svg *,.glm-icon.glm-anim-hover-loop.glm-parent-hover .glm-icon-svg *,.glm-icon.glm-anim-loop .glm-icon-svg *,.glm-icon.glm-anim-click.glm-is-active .glm-icon-svg *{animation:none!important}}\n", "@keyframes glm-pencil-write{0%{transform:translate(0) rotate(0)}14%{transform:translate(.5px,.22px) rotate(1.35deg)}30%{transform:translate(-.55px,-.24px) rotate(-1.45deg)}44%{transform:translate(.46px,.2px) rotate(1.25deg)}58%{transform:translate(-.5px,-.22px) rotate(-1.3deg)}72%{transform:translate(.42px,.18px) rotate(1.1deg)}86%{transform:translate(-.32px,-.14px) rotate(-.75deg)}to{transform:translate(0) rotate(0)}}.glm-icon[data-icon=pencil] .glm-pencil-body{transform-box:view-box;transform-origin:2.15px 21.85px;transition:transform calc(var(--glm-duration) * .28) ease-out}.glm-icon[data-icon=pencil].glm-anim-hover:hover .glm-pencil-body,.glm-icon[data-icon=pencil].glm-anim-hover.glm-parent-hover .glm-pencil-body,.glm-icon[data-icon=pencil].glm-anim-hover-loop:hover .glm-pencil-body,.glm-icon[data-icon=pencil].glm-anim-hover-loop.glm-parent-hover .glm-pencil-body,.glm-icon[data-icon=pencil].glm-anim-loop .glm-pencil-body,.glm-icon[data-icon=pencil].glm-anim-click.glm-is-active .glm-pencil-body{animation:glm-pencil-write calc(var(--glm-duration) * 1.15) ease-in-out var(--glm-delay) infinite}\n"] }]
|
|
27
|
+
}], ctorParameters: function () { return [{ type: i1.DomSanitizer }, { type: i0.ChangeDetectorRef }]; } });
|
|
28
|
+
|
|
29
|
+
/**
|
|
30
|
+
* Generated bundle index. Do not edit.
|
|
31
|
+
*/
|
|
32
|
+
|
|
33
|
+
export { GLM_PENCIL, PencilIconComponent as PencilIcon, PencilIconComponent };
|
|
34
|
+
//# sourceMappingURL=glamera-animated-icons-pencil.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"glamera-animated-icons-pencil.mjs","sources":["../../../projects/animated-icons/pencil/src/pencil.ts","../../../projects/animated-icons/pencil/src/glamera-animated-icons-pencil.ts"],"sourcesContent":["import { ChangeDetectionStrategy, ChangeDetectorRef, Component, ViewEncapsulation } from '@angular/core';\nimport { DomSanitizer } from '@angular/platform-browser';\nimport {\n GlameraIconBase,\n GlameraIconDefinition,\n GLAMERA_ICON_HOST_TEMPLATE,\n} from '@glamera/animated-icons';\n\nexport const GLM_PENCIL: GlameraIconDefinition = {\n name: 'pencil',\n viewBox: '0 0 24 24',\n svg: `\n <g class=\"glm-pencil-body\">\n <path d=\"M21.174 6.812a1 1 0 0 0-3.986-3.987L3.842 16.174a2 2 0 0 0-.5.83l-1.321 4.352a.5.5 0 0 0 .623.622l4.353-1.32a2 2 0 0 0 .83-.497z\"></path>\n <path d=\"m15 5 4 4\"></path>\n </g>\n `.trim(),\n};\n\n@Component({\n standalone: true,\n selector: 'glamera-pencil-icon',\n template: GLAMERA_ICON_HOST_TEMPLATE,\n styleUrls: ['../../src/lib/base/icon-base.scss', './pencil.animation.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n encapsulation: ViewEncapsulation.None,\n})\nexport class PencilIconComponent extends GlameraIconBase {\n readonly iconDef = GLM_PENCIL;\n\n constructor(sanitizer: DomSanitizer, cdr: ChangeDetectorRef) {\n super(sanitizer, cdr);\n }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;AAQa,MAAA,UAAU,GAA0B;AAC/C,IAAA,IAAI,EAAE,QAAQ;AACd,IAAA,OAAO,EAAE,WAAW;AACpB,IAAA,GAAG,EAAE,CAAA;;;;;AAKJ,EAAA,CAAA,CAAC,IAAI,EAAE;EACR;AAUI,MAAO,mBAAoB,SAAQ,eAAe,CAAA;IAGtD,WAAY,CAAA,SAAuB,EAAE,GAAsB,EAAA;AACzD,QAAA,KAAK,CAAC,SAAS,EAAE,GAAG,CAAC,CAAC;AAHf,QAAA,IAAO,CAAA,OAAA,GAAG,UAAU,CAAC;KAI7B;;iHALU,mBAAmB,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,YAAA,EAAA,EAAA,EAAA,KAAA,EAAA,EAAA,CAAA,iBAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;qGAAnB,mBAAmB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,qBAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,wwBAAA,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,s2BAAA,EAAA,2lCAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;4FAAnB,mBAAmB,EAAA,UAAA,EAAA,CAAA;kBAR/B,SAAS;iCACI,IAAI,EAAA,QAAA,EACN,qBAAqB,EAAA,QAAA,EACrB,0BAA0B,EAAA,eAAA,EAEnB,uBAAuB,CAAC,MAAM,EAAA,aAAA,EAChC,iBAAiB,CAAC,IAAI,EAAA,MAAA,EAAA,CAAA,s2BAAA,EAAA,2lCAAA,CAAA,EAAA,CAAA;;;ACzBvC;;AAEG;;;;"}
|