@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,280 @@
|
|
|
1
|
+
import * as i0 from '@angular/core';
|
|
2
|
+
import { Directive, Input, Injectable, isDevMode, Component, ChangeDetectionStrategy, ViewEncapsulation, InjectionToken, NgModule, Optional, Inject, makeEnvironmentProviders, ENVIRONMENT_INITIALIZER, inject } from '@angular/core';
|
|
3
|
+
import * as i1 from '@angular/platform-browser';
|
|
4
|
+
|
|
5
|
+
/** Matches the reference heart animation (`duration = 1` second). */
|
|
6
|
+
const GLAMERA_DEFAULT_DURATION = 1000;
|
|
7
|
+
/** Accepts `24`, `"24"`, or CSS units like `"2rem"`. */
|
|
8
|
+
function coerceIconSize(size) {
|
|
9
|
+
if (typeof size === 'number' && Number.isFinite(size)) {
|
|
10
|
+
return `${size}px`;
|
|
11
|
+
}
|
|
12
|
+
const value = String(size).trim();
|
|
13
|
+
if (/^\d+(\.\d+)?$/.test(value)) {
|
|
14
|
+
return `${value}px`;
|
|
15
|
+
}
|
|
16
|
+
return value || '24px';
|
|
17
|
+
}
|
|
18
|
+
function coerceDurationMs(value) {
|
|
19
|
+
const parsed = typeof value === 'number' ? value : Number(value);
|
|
20
|
+
if (!Number.isFinite(parsed) || parsed < 0) {
|
|
21
|
+
return GLAMERA_DEFAULT_DURATION;
|
|
22
|
+
}
|
|
23
|
+
return parsed;
|
|
24
|
+
}
|
|
25
|
+
function coerceBooleanAttribute(value) {
|
|
26
|
+
return value === '' || value === true || value === 'true';
|
|
27
|
+
}
|
|
28
|
+
|
|
29
|
+
class GlameraIconBase {
|
|
30
|
+
get parentHover() {
|
|
31
|
+
return this._parentHover;
|
|
32
|
+
}
|
|
33
|
+
set parentHover(value) {
|
|
34
|
+
this._parentHover = coerceBooleanAttribute(value);
|
|
35
|
+
}
|
|
36
|
+
get decorative() {
|
|
37
|
+
return this._decorative;
|
|
38
|
+
}
|
|
39
|
+
set decorative(value) {
|
|
40
|
+
this._decorative = coerceBooleanAttribute(value);
|
|
41
|
+
}
|
|
42
|
+
constructor(sanitizer, cdr) {
|
|
43
|
+
this.sanitizer = sanitizer;
|
|
44
|
+
this.cdr = cdr;
|
|
45
|
+
this.animation = 'hover';
|
|
46
|
+
this.size = 24;
|
|
47
|
+
this.duration = GLAMERA_DEFAULT_DURATION;
|
|
48
|
+
this.delay = 0;
|
|
49
|
+
this.isActive = false;
|
|
50
|
+
this._decorative = false;
|
|
51
|
+
this._parentHover = false;
|
|
52
|
+
this.clickTimer = null;
|
|
53
|
+
}
|
|
54
|
+
get iconName() {
|
|
55
|
+
const def = this.iconDef;
|
|
56
|
+
return def ? def.name : null;
|
|
57
|
+
}
|
|
58
|
+
get resolvedSize() {
|
|
59
|
+
return coerceIconSize(this.size);
|
|
60
|
+
}
|
|
61
|
+
get resolvedDuration() {
|
|
62
|
+
return `${coerceDurationMs(this.duration)}ms`;
|
|
63
|
+
}
|
|
64
|
+
get resolvedDelay() {
|
|
65
|
+
return `${coerceDurationMs(this.delay)}ms`;
|
|
66
|
+
}
|
|
67
|
+
get a11yLabel() {
|
|
68
|
+
if (this.decorative) {
|
|
69
|
+
return null;
|
|
70
|
+
}
|
|
71
|
+
return this.label || this.ariaLabel || null;
|
|
72
|
+
}
|
|
73
|
+
get a11yHidden() {
|
|
74
|
+
return this.decorative || !this.a11yLabel ? 'true' : null;
|
|
75
|
+
}
|
|
76
|
+
get a11yRole() {
|
|
77
|
+
return this.a11yLabel && !this.decorative ? 'img' : 'presentation';
|
|
78
|
+
}
|
|
79
|
+
get safeSvg() {
|
|
80
|
+
var _a;
|
|
81
|
+
const def = this.iconDef;
|
|
82
|
+
if (!def) {
|
|
83
|
+
return this.sanitizer.bypassSecurityTrustHtml('');
|
|
84
|
+
}
|
|
85
|
+
const strokeWidth = (_a = def.strokeWidth) !== null && _a !== void 0 ? _a : 2;
|
|
86
|
+
return this.sanitizer.bypassSecurityTrustHtml(`<svg xmlns="http://www.w3.org/2000/svg" viewBox="${def.viewBox}" fill="none" stroke="currentColor" stroke-width="${strokeWidth}" stroke-linecap="round" stroke-linejoin="round" focusable="false" aria-hidden="true">${def.svg}</svg>`);
|
|
87
|
+
}
|
|
88
|
+
onClick() {
|
|
89
|
+
if (this.animation !== 'click') {
|
|
90
|
+
return;
|
|
91
|
+
}
|
|
92
|
+
this.isActive = false;
|
|
93
|
+
this.cdr.markForCheck();
|
|
94
|
+
if (this.clickTimer !== null) {
|
|
95
|
+
clearTimeout(this.clickTimer);
|
|
96
|
+
this.clickTimer = null;
|
|
97
|
+
}
|
|
98
|
+
this.clickTimer = setTimeout(() => {
|
|
99
|
+
this.isActive = true;
|
|
100
|
+
this.cdr.markForCheck();
|
|
101
|
+
const total = coerceDurationMs(this.duration) + coerceDurationMs(this.delay) + 40;
|
|
102
|
+
this.clickTimer = setTimeout(() => {
|
|
103
|
+
this.isActive = false;
|
|
104
|
+
this.clickTimer = null;
|
|
105
|
+
this.cdr.markForCheck();
|
|
106
|
+
}, total);
|
|
107
|
+
}, 0);
|
|
108
|
+
}
|
|
109
|
+
ngOnDestroy() {
|
|
110
|
+
if (this.clickTimer !== null) {
|
|
111
|
+
clearTimeout(this.clickTimer);
|
|
112
|
+
}
|
|
113
|
+
}
|
|
114
|
+
}
|
|
115
|
+
GlameraIconBase.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: GlameraIconBase, deps: [{ token: i1.DomSanitizer }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive });
|
|
116
|
+
GlameraIconBase.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: GlameraIconBase, inputs: { animation: "animation", size: "size", duration: "duration", delay: "delay", label: "label", ariaLabel: ["aria-label", "ariaLabel"], parentHover: "parentHover", decorative: "decorative" }, ngImport: i0 });
|
|
117
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: GlameraIconBase, decorators: [{
|
|
118
|
+
type: Directive
|
|
119
|
+
}], ctorParameters: function () { return [{ type: i1.DomSanitizer }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { animation: [{
|
|
120
|
+
type: Input
|
|
121
|
+
}], size: [{
|
|
122
|
+
type: Input
|
|
123
|
+
}], duration: [{
|
|
124
|
+
type: Input
|
|
125
|
+
}], delay: [{
|
|
126
|
+
type: Input
|
|
127
|
+
}], label: [{
|
|
128
|
+
type: Input
|
|
129
|
+
}], ariaLabel: [{
|
|
130
|
+
type: Input,
|
|
131
|
+
args: ['aria-label']
|
|
132
|
+
}], parentHover: [{
|
|
133
|
+
type: Input
|
|
134
|
+
}], decorative: [{
|
|
135
|
+
type: Input
|
|
136
|
+
}] } });
|
|
137
|
+
|
|
138
|
+
const GLAMERA_ICON_HOST_TEMPLATE = `
|
|
139
|
+
<span
|
|
140
|
+
class="glm-icon"
|
|
141
|
+
[class.glm-anim-hover]="animation === 'hover'"
|
|
142
|
+
[class.glm-anim-hover-loop]="animation === 'hover-loop'"
|
|
143
|
+
[class.glm-anim-loop]="animation === 'loop'"
|
|
144
|
+
[class.glm-anim-none]="animation === 'none'"
|
|
145
|
+
[class.glm-anim-click]="animation === 'click'"
|
|
146
|
+
[class.glm-is-active]="isActive"
|
|
147
|
+
[class.glm-parent-hover]="parentHover"
|
|
148
|
+
[class.glm-missing]="!iconDef"
|
|
149
|
+
[attr.data-icon]="iconName"
|
|
150
|
+
[style.--glm-size]="resolvedSize"
|
|
151
|
+
[style.--glm-duration]="resolvedDuration"
|
|
152
|
+
[style.--glm-delay]="resolvedDelay"
|
|
153
|
+
[attr.role]="a11yRole"
|
|
154
|
+
[attr.aria-hidden]="a11yHidden"
|
|
155
|
+
[attr.aria-label]="a11yLabel"
|
|
156
|
+
(click)="onClick()">
|
|
157
|
+
<span class="glm-icon-svg" [innerHTML]="safeSvg"></span>
|
|
158
|
+
</span>
|
|
159
|
+
`;
|
|
160
|
+
|
|
161
|
+
class GlameraIconRegistry {
|
|
162
|
+
constructor() {
|
|
163
|
+
this.icons = new Map();
|
|
164
|
+
}
|
|
165
|
+
register(icons) {
|
|
166
|
+
const list = Array.isArray(icons) ? icons : [icons];
|
|
167
|
+
for (const icon of list) {
|
|
168
|
+
this.icons.set(icon.name, icon);
|
|
169
|
+
}
|
|
170
|
+
}
|
|
171
|
+
get(name) {
|
|
172
|
+
return this.icons.get(name);
|
|
173
|
+
}
|
|
174
|
+
has(name) {
|
|
175
|
+
return this.icons.has(name);
|
|
176
|
+
}
|
|
177
|
+
names() {
|
|
178
|
+
return Array.from(this.icons.keys());
|
|
179
|
+
}
|
|
180
|
+
}
|
|
181
|
+
GlameraIconRegistry.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: GlameraIconRegistry, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
|
182
|
+
GlameraIconRegistry.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: GlameraIconRegistry, providedIn: 'root' });
|
|
183
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: GlameraIconRegistry, decorators: [{
|
|
184
|
+
type: Injectable,
|
|
185
|
+
args: [{ providedIn: 'root' }]
|
|
186
|
+
}] });
|
|
187
|
+
|
|
188
|
+
class GlameraIconComponent extends GlameraIconBase {
|
|
189
|
+
constructor(sanitizer, cdr, registry) {
|
|
190
|
+
super(sanitizer, cdr);
|
|
191
|
+
this.registry = registry;
|
|
192
|
+
this.name = '';
|
|
193
|
+
}
|
|
194
|
+
get iconDef() {
|
|
195
|
+
const icon = this.registry.get(this.name);
|
|
196
|
+
if (!icon && this.name && isDevMode() && !GlameraIconComponent.warned.has(this.name)) {
|
|
197
|
+
GlameraIconComponent.warned.add(this.name);
|
|
198
|
+
console.warn(`Glamera icon "${this.name}" is not registered. Call provideGlameraIcons() or GlameraIconsModule.withIcons() with this icon.`);
|
|
199
|
+
}
|
|
200
|
+
return icon;
|
|
201
|
+
}
|
|
202
|
+
}
|
|
203
|
+
GlameraIconComponent.warned = new Set();
|
|
204
|
+
GlameraIconComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: GlameraIconComponent, deps: [{ token: i1.DomSanitizer }, { token: i0.ChangeDetectorRef }, { token: GlameraIconRegistry }], target: i0.ɵɵFactoryTarget.Component });
|
|
205
|
+
GlameraIconComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: GlameraIconComponent, isStandalone: true, selector: "glamera-icon", inputs: { name: "name" }, 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"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
206
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: GlameraIconComponent, decorators: [{
|
|
207
|
+
type: Component,
|
|
208
|
+
args: [{ standalone: true, selector: 'glamera-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"] }]
|
|
209
|
+
}], ctorParameters: function () { return [{ type: i1.DomSanitizer }, { type: i0.ChangeDetectorRef }, { type: GlameraIconRegistry }]; }, propDecorators: { name: [{
|
|
210
|
+
type: Input
|
|
211
|
+
}] } });
|
|
212
|
+
|
|
213
|
+
/** Multi-provider token used by `GlameraIconsModule.withIcons()`. */
|
|
214
|
+
const GLAMERA_ICONS = new InjectionToken('GLAMERA_ICONS');
|
|
215
|
+
|
|
216
|
+
/**
|
|
217
|
+
* @deprecated Prefer `provideGlameraIcons()` or dedicated icon components from `@glamera/animated-icons/<icon>`.
|
|
218
|
+
*/
|
|
219
|
+
class GlameraIconsModule {
|
|
220
|
+
constructor(registry, groups) {
|
|
221
|
+
if (groups) {
|
|
222
|
+
for (const group of groups) {
|
|
223
|
+
registry.register(group);
|
|
224
|
+
}
|
|
225
|
+
}
|
|
226
|
+
}
|
|
227
|
+
/**
|
|
228
|
+
* @deprecated Prefer `provideGlameraIcons()` in standalone applications.
|
|
229
|
+
*/
|
|
230
|
+
static withIcons(icons) {
|
|
231
|
+
return {
|
|
232
|
+
ngModule: GlameraIconsModule,
|
|
233
|
+
providers: [{ provide: GLAMERA_ICONS, useValue: icons, multi: true }],
|
|
234
|
+
};
|
|
235
|
+
}
|
|
236
|
+
}
|
|
237
|
+
GlameraIconsModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: GlameraIconsModule, deps: [{ token: GlameraIconRegistry }, { token: GLAMERA_ICONS, optional: true }], target: i0.ɵɵFactoryTarget.NgModule });
|
|
238
|
+
GlameraIconsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: GlameraIconsModule, imports: [GlameraIconComponent], exports: [GlameraIconComponent] });
|
|
239
|
+
GlameraIconsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: GlameraIconsModule, imports: [GlameraIconComponent] });
|
|
240
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: GlameraIconsModule, decorators: [{
|
|
241
|
+
type: NgModule,
|
|
242
|
+
args: [{
|
|
243
|
+
imports: [GlameraIconComponent],
|
|
244
|
+
exports: [GlameraIconComponent],
|
|
245
|
+
}]
|
|
246
|
+
}], ctorParameters: function () {
|
|
247
|
+
return [{ type: GlameraIconRegistry }, { type: undefined, decorators: [{
|
|
248
|
+
type: Optional
|
|
249
|
+
}, {
|
|
250
|
+
type: Inject,
|
|
251
|
+
args: [GLAMERA_ICONS]
|
|
252
|
+
}] }];
|
|
253
|
+
} });
|
|
254
|
+
|
|
255
|
+
/**
|
|
256
|
+
* Standalone registration for `<glamera-icon name="...">`.
|
|
257
|
+
* Pass only the icon definitions the app actually imports.
|
|
258
|
+
*
|
|
259
|
+
* `<glamera-icon>` ships base styles only. Add animation styles explicitly, for example:
|
|
260
|
+
* `@import '@glamera/animated-icons/styles/search.scss';` in `angular.json`, or import
|
|
261
|
+
* only the dedicated icon components which bundle their own animation CSS.
|
|
262
|
+
*/
|
|
263
|
+
function provideGlameraIcons(icons) {
|
|
264
|
+
return makeEnvironmentProviders([
|
|
265
|
+
{
|
|
266
|
+
provide: ENVIRONMENT_INITIALIZER,
|
|
267
|
+
multi: true,
|
|
268
|
+
useValue: () => {
|
|
269
|
+
inject(GlameraIconRegistry).register(icons);
|
|
270
|
+
},
|
|
271
|
+
},
|
|
272
|
+
]);
|
|
273
|
+
}
|
|
274
|
+
|
|
275
|
+
/**
|
|
276
|
+
* Generated bundle index. Do not edit.
|
|
277
|
+
*/
|
|
278
|
+
|
|
279
|
+
export { GLAMERA_DEFAULT_DURATION, GLAMERA_ICONS, GLAMERA_ICON_HOST_TEMPLATE, GlameraIconBase, GlameraIconComponent, GlameraIconRegistry, GlameraIconsModule, coerceBooleanAttribute, coerceDurationMs, coerceIconSize, provideGlameraIcons };
|
|
280
|
+
//# sourceMappingURL=glamera-animated-icons.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"glamera-animated-icons.mjs","sources":["../../../projects/animated-icons/src/lib/utils.ts","../../../projects/animated-icons/src/lib/base/icon-base.ts","../../../projects/animated-icons/src/lib/base/icon-host.template.ts","../../../projects/animated-icons/src/lib/icon-registry.ts","../../../projects/animated-icons/src/lib/components/icon/icon.component.ts","../../../projects/animated-icons/src/lib/tokens.ts","../../../projects/animated-icons/src/lib/glamera-icons.module.ts","../../../projects/animated-icons/src/lib/provide-icons.ts","../../../projects/animated-icons/src/glamera-animated-icons.ts"],"sourcesContent":["import { GlameraIconSize } from './types';\n\n/** Matches the reference heart animation (`duration = 1` second). */\nexport const GLAMERA_DEFAULT_DURATION = 1000;\n\n/** Accepts `24`, `\"24\"`, or CSS units like `\"2rem\"`. */\nexport function coerceIconSize(size: GlameraIconSize): string {\n if (typeof size === 'number' && Number.isFinite(size)) {\n return `${size}px`;\n }\n\n const value = String(size).trim();\n if (/^\\d+(\\.\\d+)?$/.test(value)) {\n return `${value}px`;\n }\n\n return value || '24px';\n}\n\nexport function coerceDurationMs(value: number | string): number {\n const parsed = typeof value === 'number' ? value : Number(value);\n if (!Number.isFinite(parsed) || parsed < 0) {\n return GLAMERA_DEFAULT_DURATION;\n }\n return parsed;\n}\n\nexport function coerceBooleanAttribute(value: boolean | string | null | undefined): boolean {\n return value === '' || value === true || value === 'true';\n}\n","import {\n ChangeDetectorRef,\n Directive,\n Input,\n OnDestroy,\n} from '@angular/core';\nimport { DomSanitizer, SafeHtml } from '@angular/platform-browser';\nimport { GlameraAnimationMode, GlameraIconDefinition, GlameraIconSize } from '../types';\nimport { coerceBooleanAttribute, coerceDurationMs, coerceIconSize, GLAMERA_DEFAULT_DURATION } from '../utils';\n\n@Directive()\nexport abstract class GlameraIconBase implements OnDestroy {\n @Input() animation: GlameraAnimationMode = 'hover';\n @Input() size: GlameraIconSize = 24;\n @Input() duration: number | string = GLAMERA_DEFAULT_DURATION;\n @Input() delay: number | string = 0;\n @Input() label?: string | null;\n @Input('aria-label') ariaLabel?: string | null;\n\n @Input()\n get parentHover(): boolean {\n return this._parentHover;\n }\n set parentHover(value: boolean | string | null | undefined) {\n this._parentHover = coerceBooleanAttribute(value);\n }\n\n @Input()\n get decorative(): boolean {\n return this._decorative;\n }\n set decorative(value: boolean | string | null | undefined) {\n this._decorative = coerceBooleanAttribute(value);\n }\n\n isActive = false;\n\n private _decorative = false;\n private _parentHover = false;\n private clickTimer: ReturnType<typeof setTimeout> | null = null;\n\n protected constructor(\n protected readonly sanitizer: DomSanitizer,\n protected readonly cdr: ChangeDetectorRef\n ) {}\n\n abstract get iconDef(): GlameraIconDefinition | undefined;\n\n get iconName(): string | null {\n const def = this.iconDef;\n return def ? def.name : null;\n }\n\n get resolvedSize(): string {\n return coerceIconSize(this.size);\n }\n\n get resolvedDuration(): string {\n return `${coerceDurationMs(this.duration)}ms`;\n }\n\n get resolvedDelay(): string {\n return `${coerceDurationMs(this.delay)}ms`;\n }\n\n get a11yLabel(): string | null {\n if (this.decorative) {\n return null;\n }\n return this.label || this.ariaLabel || null;\n }\n\n get a11yHidden(): string | null {\n return this.decorative || !this.a11yLabel ? 'true' : null;\n }\n\n get a11yRole(): string | null {\n return this.a11yLabel && !this.decorative ? 'img' : 'presentation';\n }\n\n get safeSvg(): SafeHtml {\n const def = this.iconDef;\n if (!def) {\n return this.sanitizer.bypassSecurityTrustHtml('');\n }\n\n const strokeWidth = def.strokeWidth ?? 2;\n return this.sanitizer.bypassSecurityTrustHtml(\n `<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"${def.viewBox}\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"${strokeWidth}\" stroke-linecap=\"round\" stroke-linejoin=\"round\" focusable=\"false\" aria-hidden=\"true\">${def.svg}</svg>`\n );\n }\n\n onClick(): void {\n if (this.animation !== 'click') {\n return;\n }\n\n this.isActive = false;\n this.cdr.markForCheck();\n\n if (this.clickTimer !== null) {\n clearTimeout(this.clickTimer);\n this.clickTimer = null;\n }\n\n this.clickTimer = setTimeout(() => {\n this.isActive = true;\n this.cdr.markForCheck();\n\n const total = coerceDurationMs(this.duration) + coerceDurationMs(this.delay) + 40;\n this.clickTimer = setTimeout(() => {\n this.isActive = false;\n this.clickTimer = null;\n this.cdr.markForCheck();\n }, total);\n }, 0);\n }\n\n ngOnDestroy(): void {\n if (this.clickTimer !== null) {\n clearTimeout(this.clickTimer);\n }\n }\n}\n","export const GLAMERA_ICON_HOST_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`;\n","import { Injectable } from '@angular/core';\nimport { GlameraIconDefinition } from './types';\n\n@Injectable({ providedIn: 'root' })\nexport class GlameraIconRegistry {\n private readonly icons = new Map<string, GlameraIconDefinition>();\n\n register(icons: GlameraIconDefinition | readonly GlameraIconDefinition[]): void {\n const list = Array.isArray(icons) ? icons : [icons];\n for (const icon of list) {\n this.icons.set(icon.name, icon);\n }\n }\n\n get(name: string): GlameraIconDefinition | undefined {\n return this.icons.get(name);\n }\n\n has(name: string): boolean {\n return this.icons.has(name);\n }\n\n names(): string[] {\n return Array.from(this.icons.keys());\n }\n}\n","import {\n ChangeDetectionStrategy,\n ChangeDetectorRef,\n Component,\n Input,\n ViewEncapsulation,\n isDevMode,\n} from '@angular/core';\nimport { DomSanitizer } from '@angular/platform-browser';\nimport { GlameraIconBase } from '../../base/icon-base';\nimport { GLAMERA_ICON_HOST_TEMPLATE } from '../../base/icon-host.template';\nimport { GlameraIconRegistry } from '../../icon-registry';\nimport { GlameraIconDefinition } from '../../types';\n\n@Component({\n standalone: true,\n selector: 'glamera-icon',\n template: GLAMERA_ICON_HOST_TEMPLATE,\n styleUrls: ['../../base/icon-base.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n encapsulation: ViewEncapsulation.None,\n})\nexport class GlameraIconComponent extends GlameraIconBase {\n @Input() name = '';\n\n private static readonly warned = new Set<string>();\n\n constructor(\n sanitizer: DomSanitizer,\n cdr: ChangeDetectorRef,\n private readonly registry: GlameraIconRegistry\n ) {\n super(sanitizer, cdr);\n }\n\n get iconDef(): GlameraIconDefinition | undefined {\n const icon = this.registry.get(this.name);\n if (!icon && this.name && isDevMode() && !GlameraIconComponent.warned.has(this.name)) {\n GlameraIconComponent.warned.add(this.name);\n console.warn(\n `Glamera icon \"${this.name}\" is not registered. Call provideGlameraIcons() or GlameraIconsModule.withIcons() with this icon.`\n );\n }\n return icon;\n }\n}\n","import { InjectionToken } from '@angular/core';\nimport { GlameraIconDefinition } from './types';\n\n/** Multi-provider token used by `GlameraIconsModule.withIcons()`. */\nexport const GLAMERA_ICONS = new InjectionToken<GlameraIconDefinition[][]>(\n 'GLAMERA_ICONS'\n);\n","import { Inject, ModuleWithProviders, NgModule, Optional } from '@angular/core';\nimport { GlameraIconComponent } from './components/icon/icon.component';\nimport { GlameraIconRegistry } from './icon-registry';\nimport { GLAMERA_ICONS } from './tokens';\nimport { GlameraIconDefinition } from './types';\n\n/**\n * @deprecated Prefer `provideGlameraIcons()` or dedicated icon components from `@glamera/animated-icons/<icon>`.\n */\n@NgModule({\n imports: [GlameraIconComponent],\n exports: [GlameraIconComponent],\n})\nexport class GlameraIconsModule {\n constructor(\n registry: GlameraIconRegistry,\n @Optional() @Inject(GLAMERA_ICONS) groups: GlameraIconDefinition[][] | null\n ) {\n if (groups) {\n for (const group of groups) {\n registry.register(group);\n }\n }\n }\n\n /**\n * @deprecated Prefer `provideGlameraIcons()` in standalone applications.\n */\n static withIcons(icons: GlameraIconDefinition[]): ModuleWithProviders<GlameraIconsModule> {\n return {\n ngModule: GlameraIconsModule,\n providers: [{ provide: GLAMERA_ICONS, useValue: icons, multi: true }],\n };\n }\n}\n","import { ENVIRONMENT_INITIALIZER, inject, makeEnvironmentProviders } from '@angular/core';\nimport { GlameraIconRegistry } from './icon-registry';\nimport { GlameraIconDefinition } from './types';\n\n/**\n * Standalone registration for `<glamera-icon name=\"...\">`.\n * Pass only the icon definitions the app actually imports.\n *\n * `<glamera-icon>` ships base styles only. Add animation styles explicitly, for example:\n * `@import '@glamera/animated-icons/styles/search.scss';` in `angular.json`, or import\n * only the dedicated icon components which bundle their own animation CSS.\n */\nexport function provideGlameraIcons(icons: GlameraIconDefinition[]) {\n return makeEnvironmentProviders([\n {\n provide: ENVIRONMENT_INITIALIZER,\n multi: true,\n useValue: () => {\n inject(GlameraIconRegistry).register(icons);\n },\n },\n ]);\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["i2.GlameraIconRegistry"],"mappings":"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"}
|
|
@@ -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_THREE_DOTS_HORIZONTAL = {
|
|
7
|
+
name: '3-dots-horizontal',
|
|
8
|
+
viewBox: '0 0 24 24',
|
|
9
|
+
svg: `
|
|
10
|
+
<circle class="glm-3-dots-horizontal-dot glm-3-dots-horizontal-dot-1" cx="5" cy="12" r="1"></circle>
|
|
11
|
+
<circle class="glm-3-dots-horizontal-dot glm-3-dots-horizontal-dot-2" cx="12" cy="12" r="1"></circle>
|
|
12
|
+
<circle class="glm-3-dots-horizontal-dot glm-3-dots-horizontal-dot-3" cx="19" cy="12" r="1"></circle>
|
|
13
|
+
`.trim(),
|
|
14
|
+
};
|
|
15
|
+
class ThreeDotsHorizontalIconComponent extends GlameraIconBase {
|
|
16
|
+
constructor(sanitizer, cdr) {
|
|
17
|
+
super(sanitizer, cdr);
|
|
18
|
+
this.iconDef = GLM_THREE_DOTS_HORIZONTAL;
|
|
19
|
+
}
|
|
20
|
+
}
|
|
21
|
+
ThreeDotsHorizontalIconComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ThreeDotsHorizontalIconComponent, deps: [{ token: i1.DomSanitizer }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
22
|
+
ThreeDotsHorizontalIconComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: ThreeDotsHorizontalIconComponent, isStandalone: true, selector: "glamera-3-dots-horizontal-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-3-dots-horizontal-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.glm-icon[data-icon=\"3-dots-horizontal\"] .glm-3-dots-horizontal-dot{transform-box:fill-box;transform-origin:center;transition:transform calc(var(--glm-duration) * .2) ease-in-out}.glm-icon[data-icon=\"3-dots-horizontal\"].glm-anim-hover:hover .glm-3-dots-horizontal-dot-1,.glm-icon[data-icon=\"3-dots-horizontal\"].glm-anim-hover.glm-parent-hover .glm-3-dots-horizontal-dot-1,.glm-icon[data-icon=\"3-dots-horizontal\"].glm-anim-hover-loop:hover .glm-3-dots-horizontal-dot-1,.glm-icon[data-icon=\"3-dots-horizontal\"].glm-anim-hover-loop.glm-parent-hover .glm-3-dots-horizontal-dot-1,.glm-icon[data-icon=\"3-dots-horizontal\"].glm-anim-loop .glm-3-dots-horizontal-dot-1,.glm-icon[data-icon=\"3-dots-horizontal\"].glm-anim-click.glm-is-active .glm-3-dots-horizontal-dot-1{animation:glm-3-dots-horizontal-bounce calc(var(--glm-duration) * .35) ease-in-out var(--glm-delay) both}.glm-icon[data-icon=\"3-dots-horizontal\"].glm-anim-hover:hover .glm-3-dots-horizontal-dot-2,.glm-icon[data-icon=\"3-dots-horizontal\"].glm-anim-hover.glm-parent-hover .glm-3-dots-horizontal-dot-2,.glm-icon[data-icon=\"3-dots-horizontal\"].glm-anim-hover-loop:hover .glm-3-dots-horizontal-dot-2,.glm-icon[data-icon=\"3-dots-horizontal\"].glm-anim-hover-loop.glm-parent-hover .glm-3-dots-horizontal-dot-2,.glm-icon[data-icon=\"3-dots-horizontal\"].glm-anim-loop .glm-3-dots-horizontal-dot-2,.glm-icon[data-icon=\"3-dots-horizontal\"].glm-anim-click.glm-is-active .glm-3-dots-horizontal-dot-2{animation:glm-3-dots-horizontal-bounce calc(var(--glm-duration) * .35) ease-in-out calc(var(--glm-delay) + var(--glm-duration) * .12) both}.glm-icon[data-icon=\"3-dots-horizontal\"].glm-anim-hover:hover .glm-3-dots-horizontal-dot-3,.glm-icon[data-icon=\"3-dots-horizontal\"].glm-anim-hover.glm-parent-hover .glm-3-dots-horizontal-dot-3,.glm-icon[data-icon=\"3-dots-horizontal\"].glm-anim-hover-loop:hover .glm-3-dots-horizontal-dot-3,.glm-icon[data-icon=\"3-dots-horizontal\"].glm-anim-hover-loop.glm-parent-hover .glm-3-dots-horizontal-dot-3,.glm-icon[data-icon=\"3-dots-horizontal\"].glm-anim-loop .glm-3-dots-horizontal-dot-3,.glm-icon[data-icon=\"3-dots-horizontal\"].glm-anim-click.glm-is-active .glm-3-dots-horizontal-dot-3{animation:glm-3-dots-horizontal-bounce calc(var(--glm-duration) * .35) ease-in-out calc(var(--glm-delay) + var(--glm-duration) * .24) both}.glm-icon[data-icon=\"3-dots-horizontal\"].glm-anim-hover-loop:hover .glm-3-dots-horizontal-dot-1,.glm-icon[data-icon=\"3-dots-horizontal\"].glm-anim-hover-loop.glm-parent-hover .glm-3-dots-horizontal-dot-1,.glm-icon[data-icon=\"3-dots-horizontal\"].glm-anim-loop .glm-3-dots-horizontal-dot-1{animation:glm-3-dots-horizontal-bounce calc(var(--glm-duration) * .35) ease-in-out var(--glm-delay) infinite}.glm-icon[data-icon=\"3-dots-horizontal\"].glm-anim-hover-loop:hover .glm-3-dots-horizontal-dot-2,.glm-icon[data-icon=\"3-dots-horizontal\"].glm-anim-hover-loop.glm-parent-hover .glm-3-dots-horizontal-dot-2,.glm-icon[data-icon=\"3-dots-horizontal\"].glm-anim-loop .glm-3-dots-horizontal-dot-2{animation:glm-3-dots-horizontal-bounce calc(var(--glm-duration) * .35) ease-in-out calc(var(--glm-delay) + var(--glm-duration) * .12) infinite}.glm-icon[data-icon=\"3-dots-horizontal\"].glm-anim-hover-loop:hover .glm-3-dots-horizontal-dot-3,.glm-icon[data-icon=\"3-dots-horizontal\"].glm-anim-hover-loop.glm-parent-hover .glm-3-dots-horizontal-dot-3,.glm-icon[data-icon=\"3-dots-horizontal\"].glm-anim-loop .glm-3-dots-horizontal-dot-3{animation:glm-3-dots-horizontal-bounce calc(var(--glm-duration) * .35) ease-in-out calc(var(--glm-delay) + var(--glm-duration) * .24) infinite}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
23
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ThreeDotsHorizontalIconComponent, decorators: [{
|
|
24
|
+
type: Component,
|
|
25
|
+
args: [{ standalone: true, selector: 'glamera-3-dots-horizontal-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-3-dots-horizontal-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.glm-icon[data-icon=\"3-dots-horizontal\"] .glm-3-dots-horizontal-dot{transform-box:fill-box;transform-origin:center;transition:transform calc(var(--glm-duration) * .2) ease-in-out}.glm-icon[data-icon=\"3-dots-horizontal\"].glm-anim-hover:hover .glm-3-dots-horizontal-dot-1,.glm-icon[data-icon=\"3-dots-horizontal\"].glm-anim-hover.glm-parent-hover .glm-3-dots-horizontal-dot-1,.glm-icon[data-icon=\"3-dots-horizontal\"].glm-anim-hover-loop:hover .glm-3-dots-horizontal-dot-1,.glm-icon[data-icon=\"3-dots-horizontal\"].glm-anim-hover-loop.glm-parent-hover .glm-3-dots-horizontal-dot-1,.glm-icon[data-icon=\"3-dots-horizontal\"].glm-anim-loop .glm-3-dots-horizontal-dot-1,.glm-icon[data-icon=\"3-dots-horizontal\"].glm-anim-click.glm-is-active .glm-3-dots-horizontal-dot-1{animation:glm-3-dots-horizontal-bounce calc(var(--glm-duration) * .35) ease-in-out var(--glm-delay) both}.glm-icon[data-icon=\"3-dots-horizontal\"].glm-anim-hover:hover .glm-3-dots-horizontal-dot-2,.glm-icon[data-icon=\"3-dots-horizontal\"].glm-anim-hover.glm-parent-hover .glm-3-dots-horizontal-dot-2,.glm-icon[data-icon=\"3-dots-horizontal\"].glm-anim-hover-loop:hover .glm-3-dots-horizontal-dot-2,.glm-icon[data-icon=\"3-dots-horizontal\"].glm-anim-hover-loop.glm-parent-hover .glm-3-dots-horizontal-dot-2,.glm-icon[data-icon=\"3-dots-horizontal\"].glm-anim-loop .glm-3-dots-horizontal-dot-2,.glm-icon[data-icon=\"3-dots-horizontal\"].glm-anim-click.glm-is-active .glm-3-dots-horizontal-dot-2{animation:glm-3-dots-horizontal-bounce calc(var(--glm-duration) * .35) ease-in-out calc(var(--glm-delay) + var(--glm-duration) * .12) both}.glm-icon[data-icon=\"3-dots-horizontal\"].glm-anim-hover:hover .glm-3-dots-horizontal-dot-3,.glm-icon[data-icon=\"3-dots-horizontal\"].glm-anim-hover.glm-parent-hover .glm-3-dots-horizontal-dot-3,.glm-icon[data-icon=\"3-dots-horizontal\"].glm-anim-hover-loop:hover .glm-3-dots-horizontal-dot-3,.glm-icon[data-icon=\"3-dots-horizontal\"].glm-anim-hover-loop.glm-parent-hover .glm-3-dots-horizontal-dot-3,.glm-icon[data-icon=\"3-dots-horizontal\"].glm-anim-loop .glm-3-dots-horizontal-dot-3,.glm-icon[data-icon=\"3-dots-horizontal\"].glm-anim-click.glm-is-active .glm-3-dots-horizontal-dot-3{animation:glm-3-dots-horizontal-bounce calc(var(--glm-duration) * .35) ease-in-out calc(var(--glm-delay) + var(--glm-duration) * .24) both}.glm-icon[data-icon=\"3-dots-horizontal\"].glm-anim-hover-loop:hover .glm-3-dots-horizontal-dot-1,.glm-icon[data-icon=\"3-dots-horizontal\"].glm-anim-hover-loop.glm-parent-hover .glm-3-dots-horizontal-dot-1,.glm-icon[data-icon=\"3-dots-horizontal\"].glm-anim-loop .glm-3-dots-horizontal-dot-1{animation:glm-3-dots-horizontal-bounce calc(var(--glm-duration) * .35) ease-in-out var(--glm-delay) infinite}.glm-icon[data-icon=\"3-dots-horizontal\"].glm-anim-hover-loop:hover .glm-3-dots-horizontal-dot-2,.glm-icon[data-icon=\"3-dots-horizontal\"].glm-anim-hover-loop.glm-parent-hover .glm-3-dots-horizontal-dot-2,.glm-icon[data-icon=\"3-dots-horizontal\"].glm-anim-loop .glm-3-dots-horizontal-dot-2{animation:glm-3-dots-horizontal-bounce calc(var(--glm-duration) * .35) ease-in-out calc(var(--glm-delay) + var(--glm-duration) * .12) infinite}.glm-icon[data-icon=\"3-dots-horizontal\"].glm-anim-hover-loop:hover .glm-3-dots-horizontal-dot-3,.glm-icon[data-icon=\"3-dots-horizontal\"].glm-anim-hover-loop.glm-parent-hover .glm-3-dots-horizontal-dot-3,.glm-icon[data-icon=\"3-dots-horizontal\"].glm-anim-loop .glm-3-dots-horizontal-dot-3{animation:glm-3-dots-horizontal-bounce calc(var(--glm-duration) * .35) ease-in-out calc(var(--glm-delay) + var(--glm-duration) * .24) infinite}\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_THREE_DOTS_HORIZONTAL, ThreeDotsHorizontalIconComponent as ThreeDotsHorizontalIcon, ThreeDotsHorizontalIconComponent };
|
|
33
|
+
//# sourceMappingURL=glamera-animated-icons-3-dots-horizontal.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"glamera-animated-icons-3-dots-horizontal.mjs","sources":["../../../projects/animated-icons/3-dots-horizontal/src/3-dots-horizontal.ts","../../../projects/animated-icons/3-dots-horizontal/src/glamera-animated-icons-3-dots-horizontal.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_THREE_DOTS_HORIZONTAL: GlameraIconDefinition = {\n name: '3-dots-horizontal',\n viewBox: '0 0 24 24',\n svg: `\n <circle class=\"glm-3-dots-horizontal-dot glm-3-dots-horizontal-dot-1\" cx=\"5\" cy=\"12\" r=\"1\"></circle>\n <circle class=\"glm-3-dots-horizontal-dot glm-3-dots-horizontal-dot-2\" cx=\"12\" cy=\"12\" r=\"1\"></circle>\n <circle class=\"glm-3-dots-horizontal-dot glm-3-dots-horizontal-dot-3\" cx=\"19\" cy=\"12\" r=\"1\"></circle>\n `.trim(),\n};\n\n@Component({\n standalone: true,\n selector: 'glamera-3-dots-horizontal-icon',\n template: GLAMERA_ICON_HOST_TEMPLATE,\n styleUrls: ['../../src/lib/base/icon-base.scss', './3-dots-horizontal.animation.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n encapsulation: ViewEncapsulation.None,\n})\nexport class ThreeDotsHorizontalIconComponent extends GlameraIconBase {\n readonly iconDef = GLM_THREE_DOTS_HORIZONTAL;\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,yBAAyB,GAA0B;AAC9D,IAAA,IAAI,EAAE,mBAAmB;AACzB,IAAA,OAAO,EAAE,WAAW;AACpB,IAAA,GAAG,EAAE,CAAA;;;;AAIJ,EAAA,CAAA,CAAC,IAAI,EAAE;EACR;AAUI,MAAO,gCAAiC,SAAQ,eAAe,CAAA;IAGnE,WAAY,CAAA,SAAuB,EAAE,GAAsB,EAAA;AACzD,QAAA,KAAK,CAAC,SAAS,EAAE,GAAG,CAAC,CAAC;QAHf,IAAO,CAAA,OAAA,GAAG,yBAAyB,CAAC;KAI5C;;8HALU,gCAAgC,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;kHAAhC,gCAAgC,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,gCAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,wwBAAA,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,s2BAAA,EAAA,qoHAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;4FAAhC,gCAAgC,EAAA,UAAA,EAAA,CAAA;kBAR5C,SAAS;iCACI,IAAI,EAAA,QAAA,EACN,gCAAgC,EAAA,QAAA,EAChC,0BAA0B,EAAA,eAAA,EAEnB,uBAAuB,CAAC,MAAM,EAAA,aAAA,EAChC,iBAAiB,CAAC,IAAI,EAAA,MAAA,EAAA,CAAA,s2BAAA,EAAA,qoHAAA,CAAA,EAAA,CAAA;;;ACxBvC;;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_THREE_DOTS_VERTICAL = {
|
|
7
|
+
name: '3-dots-vertical',
|
|
8
|
+
viewBox: '0 0 24 24',
|
|
9
|
+
svg: `
|
|
10
|
+
<circle class="glm-3-dots-vertical-dot glm-3-dots-vertical-dot-1" cx="12" cy="5" r="1"></circle>
|
|
11
|
+
<circle class="glm-3-dots-vertical-dot glm-3-dots-vertical-dot-2" cx="12" cy="12" r="1"></circle>
|
|
12
|
+
<circle class="glm-3-dots-vertical-dot glm-3-dots-vertical-dot-3" cx="12" cy="19" r="1"></circle>
|
|
13
|
+
`.trim(),
|
|
14
|
+
};
|
|
15
|
+
class ThreeDotsVerticalIconComponent extends GlameraIconBase {
|
|
16
|
+
constructor(sanitizer, cdr) {
|
|
17
|
+
super(sanitizer, cdr);
|
|
18
|
+
this.iconDef = GLM_THREE_DOTS_VERTICAL;
|
|
19
|
+
}
|
|
20
|
+
}
|
|
21
|
+
ThreeDotsVerticalIconComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ThreeDotsVerticalIconComponent, deps: [{ token: i1.DomSanitizer }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
22
|
+
ThreeDotsVerticalIconComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: ThreeDotsVerticalIconComponent, isStandalone: true, selector: "glamera-3-dots-vertical-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-3-dots-vertical-shift{0%,to{transform:translate(0)}50%{transform:translate(-3px)}}.glm-icon[data-icon=\"3-dots-vertical\"] .glm-3-dots-vertical-dot{transform-box:fill-box;transform-origin:center;transition:transform calc(var(--glm-duration) * .2) ease-in-out}.glm-icon[data-icon=\"3-dots-vertical\"].glm-anim-hover:hover .glm-3-dots-vertical-dot-1,.glm-icon[data-icon=\"3-dots-vertical\"].glm-anim-hover.glm-parent-hover .glm-3-dots-vertical-dot-1,.glm-icon[data-icon=\"3-dots-vertical\"].glm-anim-hover-loop:hover .glm-3-dots-vertical-dot-1,.glm-icon[data-icon=\"3-dots-vertical\"].glm-anim-hover-loop.glm-parent-hover .glm-3-dots-vertical-dot-1,.glm-icon[data-icon=\"3-dots-vertical\"].glm-anim-loop .glm-3-dots-vertical-dot-1,.glm-icon[data-icon=\"3-dots-vertical\"].glm-anim-click.glm-is-active .glm-3-dots-vertical-dot-1{animation:glm-3-dots-vertical-shift calc(var(--glm-duration) * .35) ease-in-out var(--glm-delay) both}.glm-icon[data-icon=\"3-dots-vertical\"].glm-anim-hover:hover .glm-3-dots-vertical-dot-2,.glm-icon[data-icon=\"3-dots-vertical\"].glm-anim-hover.glm-parent-hover .glm-3-dots-vertical-dot-2,.glm-icon[data-icon=\"3-dots-vertical\"].glm-anim-hover-loop:hover .glm-3-dots-vertical-dot-2,.glm-icon[data-icon=\"3-dots-vertical\"].glm-anim-hover-loop.glm-parent-hover .glm-3-dots-vertical-dot-2,.glm-icon[data-icon=\"3-dots-vertical\"].glm-anim-loop .glm-3-dots-vertical-dot-2,.glm-icon[data-icon=\"3-dots-vertical\"].glm-anim-click.glm-is-active .glm-3-dots-vertical-dot-2{animation:glm-3-dots-vertical-shift calc(var(--glm-duration) * .35) ease-in-out calc(var(--glm-delay) + var(--glm-duration) * .12) both}.glm-icon[data-icon=\"3-dots-vertical\"].glm-anim-hover:hover .glm-3-dots-vertical-dot-3,.glm-icon[data-icon=\"3-dots-vertical\"].glm-anim-hover.glm-parent-hover .glm-3-dots-vertical-dot-3,.glm-icon[data-icon=\"3-dots-vertical\"].glm-anim-hover-loop:hover .glm-3-dots-vertical-dot-3,.glm-icon[data-icon=\"3-dots-vertical\"].glm-anim-hover-loop.glm-parent-hover .glm-3-dots-vertical-dot-3,.glm-icon[data-icon=\"3-dots-vertical\"].glm-anim-loop .glm-3-dots-vertical-dot-3,.glm-icon[data-icon=\"3-dots-vertical\"].glm-anim-click.glm-is-active .glm-3-dots-vertical-dot-3{animation:glm-3-dots-vertical-shift calc(var(--glm-duration) * .35) ease-in-out calc(var(--glm-delay) + var(--glm-duration) * .24) both}.glm-icon[data-icon=\"3-dots-vertical\"].glm-anim-hover-loop:hover .glm-3-dots-vertical-dot-1,.glm-icon[data-icon=\"3-dots-vertical\"].glm-anim-hover-loop.glm-parent-hover .glm-3-dots-vertical-dot-1,.glm-icon[data-icon=\"3-dots-vertical\"].glm-anim-loop .glm-3-dots-vertical-dot-1{animation:glm-3-dots-vertical-shift calc(var(--glm-duration) * .35) ease-in-out var(--glm-delay) infinite}.glm-icon[data-icon=\"3-dots-vertical\"].glm-anim-hover-loop:hover .glm-3-dots-vertical-dot-2,.glm-icon[data-icon=\"3-dots-vertical\"].glm-anim-hover-loop.glm-parent-hover .glm-3-dots-vertical-dot-2,.glm-icon[data-icon=\"3-dots-vertical\"].glm-anim-loop .glm-3-dots-vertical-dot-2{animation:glm-3-dots-vertical-shift calc(var(--glm-duration) * .35) ease-in-out calc(var(--glm-delay) + var(--glm-duration) * .12) infinite}.glm-icon[data-icon=\"3-dots-vertical\"].glm-anim-hover-loop:hover .glm-3-dots-vertical-dot-3,.glm-icon[data-icon=\"3-dots-vertical\"].glm-anim-hover-loop.glm-parent-hover .glm-3-dots-vertical-dot-3,.glm-icon[data-icon=\"3-dots-vertical\"].glm-anim-loop .glm-3-dots-vertical-dot-3{animation:glm-3-dots-vertical-shift calc(var(--glm-duration) * .35) ease-in-out calc(var(--glm-delay) + var(--glm-duration) * .24) infinite}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
23
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ThreeDotsVerticalIconComponent, decorators: [{
|
|
24
|
+
type: Component,
|
|
25
|
+
args: [{ standalone: true, selector: 'glamera-3-dots-vertical-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-3-dots-vertical-shift{0%,to{transform:translate(0)}50%{transform:translate(-3px)}}.glm-icon[data-icon=\"3-dots-vertical\"] .glm-3-dots-vertical-dot{transform-box:fill-box;transform-origin:center;transition:transform calc(var(--glm-duration) * .2) ease-in-out}.glm-icon[data-icon=\"3-dots-vertical\"].glm-anim-hover:hover .glm-3-dots-vertical-dot-1,.glm-icon[data-icon=\"3-dots-vertical\"].glm-anim-hover.glm-parent-hover .glm-3-dots-vertical-dot-1,.glm-icon[data-icon=\"3-dots-vertical\"].glm-anim-hover-loop:hover .glm-3-dots-vertical-dot-1,.glm-icon[data-icon=\"3-dots-vertical\"].glm-anim-hover-loop.glm-parent-hover .glm-3-dots-vertical-dot-1,.glm-icon[data-icon=\"3-dots-vertical\"].glm-anim-loop .glm-3-dots-vertical-dot-1,.glm-icon[data-icon=\"3-dots-vertical\"].glm-anim-click.glm-is-active .glm-3-dots-vertical-dot-1{animation:glm-3-dots-vertical-shift calc(var(--glm-duration) * .35) ease-in-out var(--glm-delay) both}.glm-icon[data-icon=\"3-dots-vertical\"].glm-anim-hover:hover .glm-3-dots-vertical-dot-2,.glm-icon[data-icon=\"3-dots-vertical\"].glm-anim-hover.glm-parent-hover .glm-3-dots-vertical-dot-2,.glm-icon[data-icon=\"3-dots-vertical\"].glm-anim-hover-loop:hover .glm-3-dots-vertical-dot-2,.glm-icon[data-icon=\"3-dots-vertical\"].glm-anim-hover-loop.glm-parent-hover .glm-3-dots-vertical-dot-2,.glm-icon[data-icon=\"3-dots-vertical\"].glm-anim-loop .glm-3-dots-vertical-dot-2,.glm-icon[data-icon=\"3-dots-vertical\"].glm-anim-click.glm-is-active .glm-3-dots-vertical-dot-2{animation:glm-3-dots-vertical-shift calc(var(--glm-duration) * .35) ease-in-out calc(var(--glm-delay) + var(--glm-duration) * .12) both}.glm-icon[data-icon=\"3-dots-vertical\"].glm-anim-hover:hover .glm-3-dots-vertical-dot-3,.glm-icon[data-icon=\"3-dots-vertical\"].glm-anim-hover.glm-parent-hover .glm-3-dots-vertical-dot-3,.glm-icon[data-icon=\"3-dots-vertical\"].glm-anim-hover-loop:hover .glm-3-dots-vertical-dot-3,.glm-icon[data-icon=\"3-dots-vertical\"].glm-anim-hover-loop.glm-parent-hover .glm-3-dots-vertical-dot-3,.glm-icon[data-icon=\"3-dots-vertical\"].glm-anim-loop .glm-3-dots-vertical-dot-3,.glm-icon[data-icon=\"3-dots-vertical\"].glm-anim-click.glm-is-active .glm-3-dots-vertical-dot-3{animation:glm-3-dots-vertical-shift calc(var(--glm-duration) * .35) ease-in-out calc(var(--glm-delay) + var(--glm-duration) * .24) both}.glm-icon[data-icon=\"3-dots-vertical\"].glm-anim-hover-loop:hover .glm-3-dots-vertical-dot-1,.glm-icon[data-icon=\"3-dots-vertical\"].glm-anim-hover-loop.glm-parent-hover .glm-3-dots-vertical-dot-1,.glm-icon[data-icon=\"3-dots-vertical\"].glm-anim-loop .glm-3-dots-vertical-dot-1{animation:glm-3-dots-vertical-shift calc(var(--glm-duration) * .35) ease-in-out var(--glm-delay) infinite}.glm-icon[data-icon=\"3-dots-vertical\"].glm-anim-hover-loop:hover .glm-3-dots-vertical-dot-2,.glm-icon[data-icon=\"3-dots-vertical\"].glm-anim-hover-loop.glm-parent-hover .glm-3-dots-vertical-dot-2,.glm-icon[data-icon=\"3-dots-vertical\"].glm-anim-loop .glm-3-dots-vertical-dot-2{animation:glm-3-dots-vertical-shift calc(var(--glm-duration) * .35) ease-in-out calc(var(--glm-delay) + var(--glm-duration) * .12) infinite}.glm-icon[data-icon=\"3-dots-vertical\"].glm-anim-hover-loop:hover .glm-3-dots-vertical-dot-3,.glm-icon[data-icon=\"3-dots-vertical\"].glm-anim-hover-loop.glm-parent-hover .glm-3-dots-vertical-dot-3,.glm-icon[data-icon=\"3-dots-vertical\"].glm-anim-loop .glm-3-dots-vertical-dot-3{animation:glm-3-dots-vertical-shift calc(var(--glm-duration) * .35) ease-in-out calc(var(--glm-delay) + var(--glm-duration) * .24) infinite}\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_THREE_DOTS_VERTICAL, ThreeDotsVerticalIconComponent as ThreeDotsVerticalIcon, ThreeDotsVerticalIconComponent };
|
|
33
|
+
//# sourceMappingURL=glamera-animated-icons-3-dots-vertical.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"glamera-animated-icons-3-dots-vertical.mjs","sources":["../../../projects/animated-icons/3-dots-vertical/src/3-dots-vertical.ts","../../../projects/animated-icons/3-dots-vertical/src/glamera-animated-icons-3-dots-vertical.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_THREE_DOTS_VERTICAL: GlameraIconDefinition = {\n name: '3-dots-vertical',\n viewBox: '0 0 24 24',\n svg: `\n <circle class=\"glm-3-dots-vertical-dot glm-3-dots-vertical-dot-1\" cx=\"12\" cy=\"5\" r=\"1\"></circle>\n <circle class=\"glm-3-dots-vertical-dot glm-3-dots-vertical-dot-2\" cx=\"12\" cy=\"12\" r=\"1\"></circle>\n <circle class=\"glm-3-dots-vertical-dot glm-3-dots-vertical-dot-3\" cx=\"12\" cy=\"19\" r=\"1\"></circle>\n `.trim(),\n};\n\n@Component({\n standalone: true,\n selector: 'glamera-3-dots-vertical-icon',\n template: GLAMERA_ICON_HOST_TEMPLATE,\n styleUrls: ['../../src/lib/base/icon-base.scss', './3-dots-vertical.animation.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n encapsulation: ViewEncapsulation.None,\n})\nexport class ThreeDotsVerticalIconComponent extends GlameraIconBase {\n readonly iconDef = GLM_THREE_DOTS_VERTICAL;\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,uBAAuB,GAA0B;AAC5D,IAAA,IAAI,EAAE,iBAAiB;AACvB,IAAA,OAAO,EAAE,WAAW;AACpB,IAAA,GAAG,EAAE,CAAA;;;;AAIJ,EAAA,CAAA,CAAC,IAAI,EAAE;EACR;AAUI,MAAO,8BAA+B,SAAQ,eAAe,CAAA;IAGjE,WAAY,CAAA,SAAuB,EAAE,GAAsB,EAAA;AACzD,QAAA,KAAK,CAAC,SAAS,EAAE,GAAG,CAAC,CAAC;QAHf,IAAO,CAAA,OAAA,GAAG,uBAAuB,CAAC;KAI1C;;4HALU,8BAA8B,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;gHAA9B,8BAA8B,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,8BAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,wwBAAA,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,s2BAAA,EAAA,8/GAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;4FAA9B,8BAA8B,EAAA,UAAA,EAAA,CAAA;kBAR1C,SAAS;iCACI,IAAI,EAAA,QAAA,EACN,8BAA8B,EAAA,QAAA,EAC9B,0BAA0B,EAAA,eAAA,EAEnB,uBAAuB,CAAC,MAAM,EAAA,aAAA,EAChC,iBAAiB,CAAC,IAAI,EAAA,MAAA,EAAA,CAAA,s2BAAA,EAAA,8/GAAA,CAAA,EAAA,CAAA;;;ACxBvC;;AAEG;;;;"}
|
|
@@ -0,0 +1,36 @@
|
|
|
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_BELL = {
|
|
7
|
+
name: 'bell-ring',
|
|
8
|
+
viewBox: '0 0 24 24',
|
|
9
|
+
svg: `
|
|
10
|
+
<g class="glm-bell-ring">
|
|
11
|
+
<path class="glm-bell-clapper" d="M10.268 21a2 2 0 0 0 3.464 0"></path>
|
|
12
|
+
<path class="glm-bell-wave glm-bell-wave-right" d="M22 8c0-2.3-.8-4.3-2-6"></path>
|
|
13
|
+
<path d="M3.262 15.326A1 1 0 0 0 4 17h16a1 1 0 0 0 .74-1.673C19.41 13.956 18 12.499 18 8A6 6 0 0 0 6 8c0 4.499-1.411 5.956-2.738 7.326"></path>
|
|
14
|
+
<path class="glm-bell-wave glm-bell-wave-left" d="M4 2C2.8 3.7 2 5.7 2 8"></path>
|
|
15
|
+
</g>
|
|
16
|
+
`.trim(),
|
|
17
|
+
};
|
|
18
|
+
class BellRingIconComponent extends GlameraIconBase {
|
|
19
|
+
constructor(sanitizer, cdr) {
|
|
20
|
+
super(sanitizer, cdr);
|
|
21
|
+
this.iconDef = GLM_BELL;
|
|
22
|
+
}
|
|
23
|
+
}
|
|
24
|
+
BellRingIconComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: BellRingIconComponent, deps: [{ token: i1.DomSanitizer }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
25
|
+
BellRingIconComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: BellRingIconComponent, isStandalone: true, selector: "glamera-bell-ring-icon, glamera-bell-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-bell-ring{0%{transform:rotate(0)}9%{transform:rotate(7deg)}26%{transform:rotate(-18deg)}45%{transform:rotate(14deg)}62%{transform:rotate(-9deg)}78%{transform:rotate(5deg)}90%{transform:rotate(-2deg)}to{transform:rotate(0)}}@keyframes glm-bell-clapper{0%{transform:translate(0)}9%{transform:translate(1.5px)}26%{transform:translate(-5px)}45%{transform:translate(4px)}62%{transform:translate(-2.5px)}78%{transform:translate(1.5px)}90%{transform:translate(-1px)}to{transform:translate(0)}}@keyframes glm-bell-wave{0%{opacity:0;transform:scale(.5)}25%{opacity:1;transform:scale(1.15)}50%{opacity:.25;transform:scale(.7)}75%{opacity:1;transform:scale(1.15)}to{opacity:1;transform:scale(1)}}.glm-icon[data-icon=bell-ring] .glm-bell-ring{transform-box:view-box;transform-origin:top center}.glm-icon[data-icon=bell-ring] .glm-bell-clapper{transform-box:fill-box;transform-origin:center}.glm-icon[data-icon=bell-ring] .glm-bell-wave-right{transform-box:fill-box;transform-origin:0% 100%}.glm-icon[data-icon=bell-ring] .glm-bell-wave-left{transform-box:fill-box;transform-origin:100% 100%}.glm-icon[data-icon=bell-ring].glm-anim-hover:hover .glm-bell-ring,.glm-icon[data-icon=bell-ring].glm-anim-hover.glm-parent-hover .glm-bell-ring,.glm-icon[data-icon=bell-ring].glm-anim-hover-loop:hover .glm-bell-ring,.glm-icon[data-icon=bell-ring].glm-anim-hover-loop.glm-parent-hover .glm-bell-ring,.glm-icon[data-icon=bell-ring].glm-anim-loop .glm-bell-ring,.glm-icon[data-icon=bell-ring].glm-anim-click.glm-is-active .glm-bell-ring{animation:glm-bell-ring calc(var(--glm-duration) * 1.3) ease-in-out var(--glm-delay)}.glm-icon[data-icon=bell-ring].glm-anim-hover:hover .glm-bell-clapper,.glm-icon[data-icon=bell-ring].glm-anim-hover.glm-parent-hover .glm-bell-clapper,.glm-icon[data-icon=bell-ring].glm-anim-hover-loop:hover .glm-bell-clapper,.glm-icon[data-icon=bell-ring].glm-anim-hover-loop.glm-parent-hover .glm-bell-clapper,.glm-icon[data-icon=bell-ring].glm-anim-loop .glm-bell-clapper,.glm-icon[data-icon=bell-ring].glm-anim-click.glm-is-active .glm-bell-clapper{animation:glm-bell-clapper calc(var(--glm-duration) * 1.3) ease-in-out calc(var(--glm-delay) + var(--glm-duration) * .08)}.glm-icon[data-icon=bell-ring].glm-anim-hover:hover .glm-bell-wave,.glm-icon[data-icon=bell-ring].glm-anim-hover.glm-parent-hover .glm-bell-wave,.glm-icon[data-icon=bell-ring].glm-anim-hover-loop:hover .glm-bell-wave,.glm-icon[data-icon=bell-ring].glm-anim-hover-loop.glm-parent-hover .glm-bell-wave,.glm-icon[data-icon=bell-ring].glm-anim-loop .glm-bell-wave,.glm-icon[data-icon=bell-ring].glm-anim-click.glm-is-active .glm-bell-wave{animation:glm-bell-wave calc(var(--glm-duration) * 1.3) ease-out calc(var(--glm-delay) + var(--glm-duration) * .08)}.glm-icon[data-icon=bell-ring].glm-anim-hover-loop:hover .glm-bell-ring,.glm-icon[data-icon=bell-ring].glm-anim-hover-loop:hover .glm-bell-clapper,.glm-icon[data-icon=bell-ring].glm-anim-hover-loop:hover .glm-bell-wave,.glm-icon[data-icon=bell-ring].glm-anim-hover-loop.glm-parent-hover .glm-bell-ring,.glm-icon[data-icon=bell-ring].glm-anim-hover-loop.glm-parent-hover .glm-bell-clapper,.glm-icon[data-icon=bell-ring].glm-anim-hover-loop.glm-parent-hover .glm-bell-wave,.glm-icon[data-icon=bell-ring].glm-anim-loop .glm-bell-ring,.glm-icon[data-icon=bell-ring].glm-anim-loop .glm-bell-clapper,.glm-icon[data-icon=bell-ring].glm-anim-loop .glm-bell-wave{animation-iteration-count:infinite}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
26
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: BellRingIconComponent, decorators: [{
|
|
27
|
+
type: Component,
|
|
28
|
+
args: [{ standalone: true, selector: 'glamera-bell-ring-icon, glamera-bell-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-bell-ring{0%{transform:rotate(0)}9%{transform:rotate(7deg)}26%{transform:rotate(-18deg)}45%{transform:rotate(14deg)}62%{transform:rotate(-9deg)}78%{transform:rotate(5deg)}90%{transform:rotate(-2deg)}to{transform:rotate(0)}}@keyframes glm-bell-clapper{0%{transform:translate(0)}9%{transform:translate(1.5px)}26%{transform:translate(-5px)}45%{transform:translate(4px)}62%{transform:translate(-2.5px)}78%{transform:translate(1.5px)}90%{transform:translate(-1px)}to{transform:translate(0)}}@keyframes glm-bell-wave{0%{opacity:0;transform:scale(.5)}25%{opacity:1;transform:scale(1.15)}50%{opacity:.25;transform:scale(.7)}75%{opacity:1;transform:scale(1.15)}to{opacity:1;transform:scale(1)}}.glm-icon[data-icon=bell-ring] .glm-bell-ring{transform-box:view-box;transform-origin:top center}.glm-icon[data-icon=bell-ring] .glm-bell-clapper{transform-box:fill-box;transform-origin:center}.glm-icon[data-icon=bell-ring] .glm-bell-wave-right{transform-box:fill-box;transform-origin:0% 100%}.glm-icon[data-icon=bell-ring] .glm-bell-wave-left{transform-box:fill-box;transform-origin:100% 100%}.glm-icon[data-icon=bell-ring].glm-anim-hover:hover .glm-bell-ring,.glm-icon[data-icon=bell-ring].glm-anim-hover.glm-parent-hover .glm-bell-ring,.glm-icon[data-icon=bell-ring].glm-anim-hover-loop:hover .glm-bell-ring,.glm-icon[data-icon=bell-ring].glm-anim-hover-loop.glm-parent-hover .glm-bell-ring,.glm-icon[data-icon=bell-ring].glm-anim-loop .glm-bell-ring,.glm-icon[data-icon=bell-ring].glm-anim-click.glm-is-active .glm-bell-ring{animation:glm-bell-ring calc(var(--glm-duration) * 1.3) ease-in-out var(--glm-delay)}.glm-icon[data-icon=bell-ring].glm-anim-hover:hover .glm-bell-clapper,.glm-icon[data-icon=bell-ring].glm-anim-hover.glm-parent-hover .glm-bell-clapper,.glm-icon[data-icon=bell-ring].glm-anim-hover-loop:hover .glm-bell-clapper,.glm-icon[data-icon=bell-ring].glm-anim-hover-loop.glm-parent-hover .glm-bell-clapper,.glm-icon[data-icon=bell-ring].glm-anim-loop .glm-bell-clapper,.glm-icon[data-icon=bell-ring].glm-anim-click.glm-is-active .glm-bell-clapper{animation:glm-bell-clapper calc(var(--glm-duration) * 1.3) ease-in-out calc(var(--glm-delay) + var(--glm-duration) * .08)}.glm-icon[data-icon=bell-ring].glm-anim-hover:hover .glm-bell-wave,.glm-icon[data-icon=bell-ring].glm-anim-hover.glm-parent-hover .glm-bell-wave,.glm-icon[data-icon=bell-ring].glm-anim-hover-loop:hover .glm-bell-wave,.glm-icon[data-icon=bell-ring].glm-anim-hover-loop.glm-parent-hover .glm-bell-wave,.glm-icon[data-icon=bell-ring].glm-anim-loop .glm-bell-wave,.glm-icon[data-icon=bell-ring].glm-anim-click.glm-is-active .glm-bell-wave{animation:glm-bell-wave calc(var(--glm-duration) * 1.3) ease-out calc(var(--glm-delay) + var(--glm-duration) * .08)}.glm-icon[data-icon=bell-ring].glm-anim-hover-loop:hover .glm-bell-ring,.glm-icon[data-icon=bell-ring].glm-anim-hover-loop:hover .glm-bell-clapper,.glm-icon[data-icon=bell-ring].glm-anim-hover-loop:hover .glm-bell-wave,.glm-icon[data-icon=bell-ring].glm-anim-hover-loop.glm-parent-hover .glm-bell-ring,.glm-icon[data-icon=bell-ring].glm-anim-hover-loop.glm-parent-hover .glm-bell-clapper,.glm-icon[data-icon=bell-ring].glm-anim-hover-loop.glm-parent-hover .glm-bell-wave,.glm-icon[data-icon=bell-ring].glm-anim-loop .glm-bell-ring,.glm-icon[data-icon=bell-ring].glm-anim-loop .glm-bell-clapper,.glm-icon[data-icon=bell-ring].glm-anim-loop .glm-bell-wave{animation-iteration-count:infinite}\n"] }]
|
|
29
|
+
}], ctorParameters: function () { return [{ type: i1.DomSanitizer }, { type: i0.ChangeDetectorRef }]; } });
|
|
30
|
+
|
|
31
|
+
/**
|
|
32
|
+
* Generated bundle index. Do not edit.
|
|
33
|
+
*/
|
|
34
|
+
|
|
35
|
+
export { BellRingIconComponent as BellIconComponent, BellRingIconComponent as BellRingIcon, BellRingIconComponent, GLM_BELL };
|
|
36
|
+
//# sourceMappingURL=glamera-animated-icons-bell.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"glamera-animated-icons-bell.mjs","sources":["../../../projects/animated-icons/bell/src/bell.ts","../../../projects/animated-icons/bell/src/glamera-animated-icons-bell.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_BELL: GlameraIconDefinition = {\n name: 'bell-ring',\n viewBox: '0 0 24 24',\n svg: `\n <g class=\"glm-bell-ring\">\n <path class=\"glm-bell-clapper\" d=\"M10.268 21a2 2 0 0 0 3.464 0\"></path>\n <path class=\"glm-bell-wave glm-bell-wave-right\" d=\"M22 8c0-2.3-.8-4.3-2-6\"></path>\n <path d=\"M3.262 15.326A1 1 0 0 0 4 17h16a1 1 0 0 0 .74-1.673C19.41 13.956 18 12.499 18 8A6 6 0 0 0 6 8c0 4.499-1.411 5.956-2.738 7.326\"></path>\n <path class=\"glm-bell-wave glm-bell-wave-left\" d=\"M4 2C2.8 3.7 2 5.7 2 8\"></path>\n </g>\n `.trim(),\n};\n\n@Component({\n standalone: true,\n selector: 'glamera-bell-ring-icon, glamera-bell-icon',\n template: GLAMERA_ICON_HOST_TEMPLATE,\n styleUrls: ['../../src/lib/base/icon-base.scss', './bell.animation.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n encapsulation: ViewEncapsulation.None,\n})\nexport class BellRingIconComponent extends GlameraIconBase {\n readonly iconDef = GLM_BELL;\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,WAAW;AACjB,IAAA,OAAO,EAAE,WAAW;AACpB,IAAA,GAAG,EAAE,CAAA;;;;;;;AAOJ,EAAA,CAAA,CAAC,IAAI,EAAE;EACR;AAUI,MAAO,qBAAsB,SAAQ,eAAe,CAAA;IAGxD,WAAY,CAAA,SAAuB,EAAE,GAAsB,EAAA;AACzD,QAAA,KAAK,CAAC,SAAS,EAAE,GAAG,CAAC,CAAC;QAHf,IAAO,CAAA,OAAA,GAAG,QAAQ,CAAC;KAI3B;;mHALU,qBAAqB,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;uGAArB,qBAAqB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,2CAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,wwBAAA,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,s2BAAA,EAAA,y2GAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;4FAArB,qBAAqB,EAAA,UAAA,EAAA,CAAA;kBARjC,SAAS;iCACI,IAAI,EAAA,QAAA,EACN,2CAA2C,EAAA,QAAA,EAC3C,0BAA0B,EAAA,eAAA,EAEnB,uBAAuB,CAAC,MAAM,EAAA,aAAA,EAChC,iBAAiB,CAAC,IAAI,EAAA,MAAA,EAAA,CAAA,s2BAAA,EAAA,y2GAAA,CAAA,EAAA,CAAA;;;AC3BvC;;AAEG;;;;"}
|
|
@@ -0,0 +1,36 @@
|
|
|
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_CALENDAR_X = {
|
|
7
|
+
name: 'calendar-x',
|
|
8
|
+
viewBox: '0 0 24 24',
|
|
9
|
+
svg: `
|
|
10
|
+
<path class="glm-calendar-x-hanger glm-calendar-x-hanger-left" pathLength="1" d="M8 2v4"></path>
|
|
11
|
+
<path class="glm-calendar-x-hanger glm-calendar-x-hanger-right" pathLength="1" d="M16 2v4"></path>
|
|
12
|
+
<rect class="glm-calendar-x-body" pathLength="1" width="18" height="18" x="3" y="4" rx="2"></rect>
|
|
13
|
+
<path class="glm-calendar-x-header" d="M3 10h18"></path>
|
|
14
|
+
<path class="glm-calendar-x-mark glm-calendar-x-mark-1" d="m14 14-4 4"></path>
|
|
15
|
+
<path class="glm-calendar-x-mark glm-calendar-x-mark-2" d="m10 14 4 4"></path>
|
|
16
|
+
`.trim(),
|
|
17
|
+
};
|
|
18
|
+
class CalendarXIconComponent extends GlameraIconBase {
|
|
19
|
+
constructor(sanitizer, cdr) {
|
|
20
|
+
super(sanitizer, cdr);
|
|
21
|
+
this.iconDef = GLM_CALENDAR_X;
|
|
22
|
+
}
|
|
23
|
+
}
|
|
24
|
+
CalendarXIconComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CalendarXIconComponent, deps: [{ token: i1.DomSanitizer }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
25
|
+
CalendarXIconComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: CalendarXIconComponent, isStandalone: true, selector: "glamera-calendar-x-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-calendar-x-body-draw{0%{stroke-dashoffset:1;opacity:0}to{stroke-dashoffset:0;opacity:1}}@keyframes glm-calendar-x-hanger-draw{0%{stroke-dashoffset:1;opacity:0}to{stroke-dashoffset:0;opacity:1}}@keyframes glm-calendar-x-header-draw{0%{transform:scaleX(0);opacity:0}to{transform:scaleX(1);opacity:1}}@keyframes glm-calendar-x-mark-pop{0%{transform:scale(0);opacity:0}60%{transform:scale(1.15);opacity:1}to{transform:scale(1);opacity:1}}@keyframes glm-calendar-x-body-draw-loop{0%,to{stroke-dashoffset:1;opacity:0}35%,70%{stroke-dashoffset:0;opacity:1}}@keyframes glm-calendar-x-hanger-draw-loop{0%,to{stroke-dashoffset:1;opacity:0}20%,70%{stroke-dashoffset:0;opacity:1}}@keyframes glm-calendar-x-header-draw-loop{0%,to{transform:scaleX(0);opacity:0}30%,70%{transform:scaleX(1);opacity:1}}@keyframes glm-calendar-x-mark-pop-loop{0%,to{transform:scale(0);opacity:0}45%{transform:scale(1.15);opacity:1}55%,70%{transform:scale(1);opacity:1}}.glm-icon[data-icon=calendar-x] .glm-calendar-x-hanger,.glm-icon[data-icon=calendar-x] .glm-calendar-x-body{fill:none;stroke-dasharray:1;stroke-dashoffset:0;opacity:1}.glm-icon[data-icon=calendar-x] .glm-calendar-x-header{transform-box:view-box;transform-origin:3px 10px;transform:scaleX(1);opacity:1}.glm-icon[data-icon=calendar-x] .glm-calendar-x-mark{transform-box:view-box;transform-origin:12px 16px;transform:scale(1);opacity:1}.glm-icon[data-icon=calendar-x].glm-anim-hover:hover .glm-calendar-x-body,.glm-icon[data-icon=calendar-x].glm-anim-hover.glm-parent-hover .glm-calendar-x-body,.glm-icon[data-icon=calendar-x].glm-anim-hover-loop:hover .glm-calendar-x-body,.glm-icon[data-icon=calendar-x].glm-anim-hover-loop.glm-parent-hover .glm-calendar-x-body,.glm-icon[data-icon=calendar-x].glm-anim-loop .glm-calendar-x-body,.glm-icon[data-icon=calendar-x].glm-anim-click.glm-is-active .glm-calendar-x-body{animation:glm-calendar-x-body-draw calc(var(--glm-duration) * .5) cubic-bezier(.16,1,.3,1) var(--glm-delay) both}.glm-icon[data-icon=calendar-x].glm-anim-hover:hover .glm-calendar-x-hanger-left,.glm-icon[data-icon=calendar-x].glm-anim-hover.glm-parent-hover .glm-calendar-x-hanger-left,.glm-icon[data-icon=calendar-x].glm-anim-hover-loop:hover .glm-calendar-x-hanger-left,.glm-icon[data-icon=calendar-x].glm-anim-hover-loop.glm-parent-hover .glm-calendar-x-hanger-left,.glm-icon[data-icon=calendar-x].glm-anim-loop .glm-calendar-x-hanger-left,.glm-icon[data-icon=calendar-x].glm-anim-click.glm-is-active .glm-calendar-x-hanger-left{animation:glm-calendar-x-hanger-draw calc(var(--glm-duration) * .3) cubic-bezier(.16,1,.3,1) var(--glm-delay) both}.glm-icon[data-icon=calendar-x].glm-anim-hover:hover .glm-calendar-x-hanger-right,.glm-icon[data-icon=calendar-x].glm-anim-hover.glm-parent-hover .glm-calendar-x-hanger-right,.glm-icon[data-icon=calendar-x].glm-anim-hover-loop:hover .glm-calendar-x-hanger-right,.glm-icon[data-icon=calendar-x].glm-anim-hover-loop.glm-parent-hover .glm-calendar-x-hanger-right,.glm-icon[data-icon=calendar-x].glm-anim-loop .glm-calendar-x-hanger-right,.glm-icon[data-icon=calendar-x].glm-anim-click.glm-is-active .glm-calendar-x-hanger-right{animation:glm-calendar-x-hanger-draw calc(var(--glm-duration) * .3) cubic-bezier(.16,1,.3,1) calc(var(--glm-delay) + var(--glm-duration) * .08) both}.glm-icon[data-icon=calendar-x].glm-anim-hover:hover .glm-calendar-x-header,.glm-icon[data-icon=calendar-x].glm-anim-hover.glm-parent-hover .glm-calendar-x-header,.glm-icon[data-icon=calendar-x].glm-anim-hover-loop:hover .glm-calendar-x-header,.glm-icon[data-icon=calendar-x].glm-anim-hover-loop.glm-parent-hover .glm-calendar-x-header,.glm-icon[data-icon=calendar-x].glm-anim-loop .glm-calendar-x-header,.glm-icon[data-icon=calendar-x].glm-anim-click.glm-is-active .glm-calendar-x-header{animation:glm-calendar-x-header-draw calc(var(--glm-duration) * .4) cubic-bezier(.16,1,.3,1) calc(var(--glm-delay) + var(--glm-duration) * .28) both}.glm-icon[data-icon=calendar-x].glm-anim-hover:hover .glm-calendar-x-mark-1,.glm-icon[data-icon=calendar-x].glm-anim-hover.glm-parent-hover .glm-calendar-x-mark-1,.glm-icon[data-icon=calendar-x].glm-anim-hover-loop:hover .glm-calendar-x-mark-1,.glm-icon[data-icon=calendar-x].glm-anim-hover-loop.glm-parent-hover .glm-calendar-x-mark-1,.glm-icon[data-icon=calendar-x].glm-anim-loop .glm-calendar-x-mark-1,.glm-icon[data-icon=calendar-x].glm-anim-click.glm-is-active .glm-calendar-x-mark-1{animation:glm-calendar-x-mark-pop calc(var(--glm-duration) * .4) cubic-bezier(.34,1.4,.64,1) calc(var(--glm-delay) + var(--glm-duration) * .42) both}.glm-icon[data-icon=calendar-x].glm-anim-hover:hover .glm-calendar-x-mark-2,.glm-icon[data-icon=calendar-x].glm-anim-hover.glm-parent-hover .glm-calendar-x-mark-2,.glm-icon[data-icon=calendar-x].glm-anim-hover-loop:hover .glm-calendar-x-mark-2,.glm-icon[data-icon=calendar-x].glm-anim-hover-loop.glm-parent-hover .glm-calendar-x-mark-2,.glm-icon[data-icon=calendar-x].glm-anim-loop .glm-calendar-x-mark-2,.glm-icon[data-icon=calendar-x].glm-anim-click.glm-is-active .glm-calendar-x-mark-2{animation:glm-calendar-x-mark-pop calc(var(--glm-duration) * .4) cubic-bezier(.34,1.4,.64,1) calc(var(--glm-delay) + var(--glm-duration) * .51) both}.glm-icon[data-icon=calendar-x].glm-anim-hover-loop:hover .glm-calendar-x-body,.glm-icon[data-icon=calendar-x].glm-anim-hover-loop.glm-parent-hover .glm-calendar-x-body,.glm-icon[data-icon=calendar-x].glm-anim-loop .glm-calendar-x-body{animation:glm-calendar-x-body-draw-loop calc(var(--glm-duration) * 1.4) cubic-bezier(.16,1,.3,1) var(--glm-delay) infinite both}.glm-icon[data-icon=calendar-x].glm-anim-hover-loop:hover .glm-calendar-x-hanger-left,.glm-icon[data-icon=calendar-x].glm-anim-hover-loop.glm-parent-hover .glm-calendar-x-hanger-left,.glm-icon[data-icon=calendar-x].glm-anim-loop .glm-calendar-x-hanger-left{animation:glm-calendar-x-hanger-draw-loop calc(var(--glm-duration) * 1.4) cubic-bezier(.16,1,.3,1) var(--glm-delay) infinite both}.glm-icon[data-icon=calendar-x].glm-anim-hover-loop:hover .glm-calendar-x-hanger-right,.glm-icon[data-icon=calendar-x].glm-anim-hover-loop.glm-parent-hover .glm-calendar-x-hanger-right,.glm-icon[data-icon=calendar-x].glm-anim-loop .glm-calendar-x-hanger-right{animation:glm-calendar-x-hanger-draw-loop calc(var(--glm-duration) * 1.4) cubic-bezier(.16,1,.3,1) calc(var(--glm-delay) + var(--glm-duration) * .08) infinite both}.glm-icon[data-icon=calendar-x].glm-anim-hover-loop:hover .glm-calendar-x-header,.glm-icon[data-icon=calendar-x].glm-anim-hover-loop.glm-parent-hover .glm-calendar-x-header,.glm-icon[data-icon=calendar-x].glm-anim-loop .glm-calendar-x-header{animation:glm-calendar-x-header-draw-loop calc(var(--glm-duration) * 1.4) cubic-bezier(.16,1,.3,1) calc(var(--glm-delay) + var(--glm-duration) * .28) infinite both}.glm-icon[data-icon=calendar-x].glm-anim-hover-loop:hover .glm-calendar-x-mark-1,.glm-icon[data-icon=calendar-x].glm-anim-hover-loop.glm-parent-hover .glm-calendar-x-mark-1,.glm-icon[data-icon=calendar-x].glm-anim-loop .glm-calendar-x-mark-1{animation:glm-calendar-x-mark-pop-loop calc(var(--glm-duration) * 1.4) cubic-bezier(.34,1.4,.64,1) calc(var(--glm-delay) + var(--glm-duration) * .42) infinite both}.glm-icon[data-icon=calendar-x].glm-anim-hover-loop:hover .glm-calendar-x-mark-2,.glm-icon[data-icon=calendar-x].glm-anim-hover-loop.glm-parent-hover .glm-calendar-x-mark-2,.glm-icon[data-icon=calendar-x].glm-anim-loop .glm-calendar-x-mark-2{animation:glm-calendar-x-mark-pop-loop calc(var(--glm-duration) * 1.4) cubic-bezier(.34,1.4,.64,1) calc(var(--glm-delay) + var(--glm-duration) * .51) infinite both}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
26
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CalendarXIconComponent, decorators: [{
|
|
27
|
+
type: Component,
|
|
28
|
+
args: [{ standalone: true, selector: 'glamera-calendar-x-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-calendar-x-body-draw{0%{stroke-dashoffset:1;opacity:0}to{stroke-dashoffset:0;opacity:1}}@keyframes glm-calendar-x-hanger-draw{0%{stroke-dashoffset:1;opacity:0}to{stroke-dashoffset:0;opacity:1}}@keyframes glm-calendar-x-header-draw{0%{transform:scaleX(0);opacity:0}to{transform:scaleX(1);opacity:1}}@keyframes glm-calendar-x-mark-pop{0%{transform:scale(0);opacity:0}60%{transform:scale(1.15);opacity:1}to{transform:scale(1);opacity:1}}@keyframes glm-calendar-x-body-draw-loop{0%,to{stroke-dashoffset:1;opacity:0}35%,70%{stroke-dashoffset:0;opacity:1}}@keyframes glm-calendar-x-hanger-draw-loop{0%,to{stroke-dashoffset:1;opacity:0}20%,70%{stroke-dashoffset:0;opacity:1}}@keyframes glm-calendar-x-header-draw-loop{0%,to{transform:scaleX(0);opacity:0}30%,70%{transform:scaleX(1);opacity:1}}@keyframes glm-calendar-x-mark-pop-loop{0%,to{transform:scale(0);opacity:0}45%{transform:scale(1.15);opacity:1}55%,70%{transform:scale(1);opacity:1}}.glm-icon[data-icon=calendar-x] .glm-calendar-x-hanger,.glm-icon[data-icon=calendar-x] .glm-calendar-x-body{fill:none;stroke-dasharray:1;stroke-dashoffset:0;opacity:1}.glm-icon[data-icon=calendar-x] .glm-calendar-x-header{transform-box:view-box;transform-origin:3px 10px;transform:scaleX(1);opacity:1}.glm-icon[data-icon=calendar-x] .glm-calendar-x-mark{transform-box:view-box;transform-origin:12px 16px;transform:scale(1);opacity:1}.glm-icon[data-icon=calendar-x].glm-anim-hover:hover .glm-calendar-x-body,.glm-icon[data-icon=calendar-x].glm-anim-hover.glm-parent-hover .glm-calendar-x-body,.glm-icon[data-icon=calendar-x].glm-anim-hover-loop:hover .glm-calendar-x-body,.glm-icon[data-icon=calendar-x].glm-anim-hover-loop.glm-parent-hover .glm-calendar-x-body,.glm-icon[data-icon=calendar-x].glm-anim-loop .glm-calendar-x-body,.glm-icon[data-icon=calendar-x].glm-anim-click.glm-is-active .glm-calendar-x-body{animation:glm-calendar-x-body-draw calc(var(--glm-duration) * .5) cubic-bezier(.16,1,.3,1) var(--glm-delay) both}.glm-icon[data-icon=calendar-x].glm-anim-hover:hover .glm-calendar-x-hanger-left,.glm-icon[data-icon=calendar-x].glm-anim-hover.glm-parent-hover .glm-calendar-x-hanger-left,.glm-icon[data-icon=calendar-x].glm-anim-hover-loop:hover .glm-calendar-x-hanger-left,.glm-icon[data-icon=calendar-x].glm-anim-hover-loop.glm-parent-hover .glm-calendar-x-hanger-left,.glm-icon[data-icon=calendar-x].glm-anim-loop .glm-calendar-x-hanger-left,.glm-icon[data-icon=calendar-x].glm-anim-click.glm-is-active .glm-calendar-x-hanger-left{animation:glm-calendar-x-hanger-draw calc(var(--glm-duration) * .3) cubic-bezier(.16,1,.3,1) var(--glm-delay) both}.glm-icon[data-icon=calendar-x].glm-anim-hover:hover .glm-calendar-x-hanger-right,.glm-icon[data-icon=calendar-x].glm-anim-hover.glm-parent-hover .glm-calendar-x-hanger-right,.glm-icon[data-icon=calendar-x].glm-anim-hover-loop:hover .glm-calendar-x-hanger-right,.glm-icon[data-icon=calendar-x].glm-anim-hover-loop.glm-parent-hover .glm-calendar-x-hanger-right,.glm-icon[data-icon=calendar-x].glm-anim-loop .glm-calendar-x-hanger-right,.glm-icon[data-icon=calendar-x].glm-anim-click.glm-is-active .glm-calendar-x-hanger-right{animation:glm-calendar-x-hanger-draw calc(var(--glm-duration) * .3) cubic-bezier(.16,1,.3,1) calc(var(--glm-delay) + var(--glm-duration) * .08) both}.glm-icon[data-icon=calendar-x].glm-anim-hover:hover .glm-calendar-x-header,.glm-icon[data-icon=calendar-x].glm-anim-hover.glm-parent-hover .glm-calendar-x-header,.glm-icon[data-icon=calendar-x].glm-anim-hover-loop:hover .glm-calendar-x-header,.glm-icon[data-icon=calendar-x].glm-anim-hover-loop.glm-parent-hover .glm-calendar-x-header,.glm-icon[data-icon=calendar-x].glm-anim-loop .glm-calendar-x-header,.glm-icon[data-icon=calendar-x].glm-anim-click.glm-is-active .glm-calendar-x-header{animation:glm-calendar-x-header-draw calc(var(--glm-duration) * .4) cubic-bezier(.16,1,.3,1) calc(var(--glm-delay) + var(--glm-duration) * .28) both}.glm-icon[data-icon=calendar-x].glm-anim-hover:hover .glm-calendar-x-mark-1,.glm-icon[data-icon=calendar-x].glm-anim-hover.glm-parent-hover .glm-calendar-x-mark-1,.glm-icon[data-icon=calendar-x].glm-anim-hover-loop:hover .glm-calendar-x-mark-1,.glm-icon[data-icon=calendar-x].glm-anim-hover-loop.glm-parent-hover .glm-calendar-x-mark-1,.glm-icon[data-icon=calendar-x].glm-anim-loop .glm-calendar-x-mark-1,.glm-icon[data-icon=calendar-x].glm-anim-click.glm-is-active .glm-calendar-x-mark-1{animation:glm-calendar-x-mark-pop calc(var(--glm-duration) * .4) cubic-bezier(.34,1.4,.64,1) calc(var(--glm-delay) + var(--glm-duration) * .42) both}.glm-icon[data-icon=calendar-x].glm-anim-hover:hover .glm-calendar-x-mark-2,.glm-icon[data-icon=calendar-x].glm-anim-hover.glm-parent-hover .glm-calendar-x-mark-2,.glm-icon[data-icon=calendar-x].glm-anim-hover-loop:hover .glm-calendar-x-mark-2,.glm-icon[data-icon=calendar-x].glm-anim-hover-loop.glm-parent-hover .glm-calendar-x-mark-2,.glm-icon[data-icon=calendar-x].glm-anim-loop .glm-calendar-x-mark-2,.glm-icon[data-icon=calendar-x].glm-anim-click.glm-is-active .glm-calendar-x-mark-2{animation:glm-calendar-x-mark-pop calc(var(--glm-duration) * .4) cubic-bezier(.34,1.4,.64,1) calc(var(--glm-delay) + var(--glm-duration) * .51) both}.glm-icon[data-icon=calendar-x].glm-anim-hover-loop:hover .glm-calendar-x-body,.glm-icon[data-icon=calendar-x].glm-anim-hover-loop.glm-parent-hover .glm-calendar-x-body,.glm-icon[data-icon=calendar-x].glm-anim-loop .glm-calendar-x-body{animation:glm-calendar-x-body-draw-loop calc(var(--glm-duration) * 1.4) cubic-bezier(.16,1,.3,1) var(--glm-delay) infinite both}.glm-icon[data-icon=calendar-x].glm-anim-hover-loop:hover .glm-calendar-x-hanger-left,.glm-icon[data-icon=calendar-x].glm-anim-hover-loop.glm-parent-hover .glm-calendar-x-hanger-left,.glm-icon[data-icon=calendar-x].glm-anim-loop .glm-calendar-x-hanger-left{animation:glm-calendar-x-hanger-draw-loop calc(var(--glm-duration) * 1.4) cubic-bezier(.16,1,.3,1) var(--glm-delay) infinite both}.glm-icon[data-icon=calendar-x].glm-anim-hover-loop:hover .glm-calendar-x-hanger-right,.glm-icon[data-icon=calendar-x].glm-anim-hover-loop.glm-parent-hover .glm-calendar-x-hanger-right,.glm-icon[data-icon=calendar-x].glm-anim-loop .glm-calendar-x-hanger-right{animation:glm-calendar-x-hanger-draw-loop calc(var(--glm-duration) * 1.4) cubic-bezier(.16,1,.3,1) calc(var(--glm-delay) + var(--glm-duration) * .08) infinite both}.glm-icon[data-icon=calendar-x].glm-anim-hover-loop:hover .glm-calendar-x-header,.glm-icon[data-icon=calendar-x].glm-anim-hover-loop.glm-parent-hover .glm-calendar-x-header,.glm-icon[data-icon=calendar-x].glm-anim-loop .glm-calendar-x-header{animation:glm-calendar-x-header-draw-loop calc(var(--glm-duration) * 1.4) cubic-bezier(.16,1,.3,1) calc(var(--glm-delay) + var(--glm-duration) * .28) infinite both}.glm-icon[data-icon=calendar-x].glm-anim-hover-loop:hover .glm-calendar-x-mark-1,.glm-icon[data-icon=calendar-x].glm-anim-hover-loop.glm-parent-hover .glm-calendar-x-mark-1,.glm-icon[data-icon=calendar-x].glm-anim-loop .glm-calendar-x-mark-1{animation:glm-calendar-x-mark-pop-loop calc(var(--glm-duration) * 1.4) cubic-bezier(.34,1.4,.64,1) calc(var(--glm-delay) + var(--glm-duration) * .42) infinite both}.glm-icon[data-icon=calendar-x].glm-anim-hover-loop:hover .glm-calendar-x-mark-2,.glm-icon[data-icon=calendar-x].glm-anim-hover-loop.glm-parent-hover .glm-calendar-x-mark-2,.glm-icon[data-icon=calendar-x].glm-anim-loop .glm-calendar-x-mark-2{animation:glm-calendar-x-mark-pop-loop calc(var(--glm-duration) * 1.4) cubic-bezier(.34,1.4,.64,1) calc(var(--glm-delay) + var(--glm-duration) * .51) infinite both}\n"] }]
|
|
29
|
+
}], ctorParameters: function () { return [{ type: i1.DomSanitizer }, { type: i0.ChangeDetectorRef }]; } });
|
|
30
|
+
|
|
31
|
+
/**
|
|
32
|
+
* Generated bundle index. Do not edit.
|
|
33
|
+
*/
|
|
34
|
+
|
|
35
|
+
export { CalendarXIconComponent as CalendarXIcon, CalendarXIconComponent, GLM_CALENDAR_X };
|
|
36
|
+
//# sourceMappingURL=glamera-animated-icons-calendar-x.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"glamera-animated-icons-calendar-x.mjs","sources":["../../../projects/animated-icons/calendar-x/src/calendar-x.ts","../../../projects/animated-icons/calendar-x/src/glamera-animated-icons-calendar-x.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_CALENDAR_X: GlameraIconDefinition = {\n name: 'calendar-x',\n viewBox: '0 0 24 24',\n svg: `\n <path class=\"glm-calendar-x-hanger glm-calendar-x-hanger-left\" pathLength=\"1\" d=\"M8 2v4\"></path>\n <path class=\"glm-calendar-x-hanger glm-calendar-x-hanger-right\" pathLength=\"1\" d=\"M16 2v4\"></path>\n <rect class=\"glm-calendar-x-body\" pathLength=\"1\" width=\"18\" height=\"18\" x=\"3\" y=\"4\" rx=\"2\"></rect>\n <path class=\"glm-calendar-x-header\" d=\"M3 10h18\"></path>\n <path class=\"glm-calendar-x-mark glm-calendar-x-mark-1\" d=\"m14 14-4 4\"></path>\n <path class=\"glm-calendar-x-mark glm-calendar-x-mark-2\" d=\"m10 14 4 4\"></path>\n `.trim(),\n};\n\n@Component({\n standalone: true,\n selector: 'glamera-calendar-x-icon',\n template: GLAMERA_ICON_HOST_TEMPLATE,\n styleUrls: ['../../src/lib/base/icon-base.scss', './calendar-x.animation.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n encapsulation: ViewEncapsulation.None,\n})\nexport class CalendarXIconComponent extends GlameraIconBase {\n readonly iconDef = GLM_CALENDAR_X;\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,cAAc,GAA0B;AACnD,IAAA,IAAI,EAAE,YAAY;AAClB,IAAA,OAAO,EAAE,WAAW;AACpB,IAAA,GAAG,EAAE,CAAA;;;;;;;AAOJ,EAAA,CAAA,CAAC,IAAI,EAAE;EACR;AAUI,MAAO,sBAAuB,SAAQ,eAAe,CAAA;IAGzD,WAAY,CAAA,SAAuB,EAAE,GAAsB,EAAA;AACzD,QAAA,KAAK,CAAC,SAAS,EAAE,GAAG,CAAC,CAAC;QAHf,IAAO,CAAA,OAAA,GAAG,cAAc,CAAC;KAIjC;;oHALU,sBAAsB,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;wGAAtB,sBAAsB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,yBAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,wwBAAA,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,s2BAAA,EAAA,w6OAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;4FAAtB,sBAAsB,EAAA,UAAA,EAAA,CAAA;kBARlC,SAAS;iCACI,IAAI,EAAA,QAAA,EACN,yBAAyB,EAAA,QAAA,EACzB,0BAA0B,EAAA,eAAA,EAEnB,uBAAuB,CAAC,MAAM,EAAA,aAAA,EAChC,iBAAiB,CAAC,IAAI,EAAA,MAAA,EAAA,CAAA,s2BAAA,EAAA,w6OAAA,CAAA,EAAA,CAAA;;;AC3BvC;;AAEG;;;;"}
|