@datarailsshared/datarailsshared 1.5.565 → 1.5.567

package/lib/directives/dr-shine-animation/dr-shine-animation.directive.d.ts

@@ -0,0 +1,18 @@
+import { ElementRef, Renderer2, OnDestroy, OnChanges, SimpleChanges } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare const DR_SHINE_ANIMATION_CLASS = "dr-shine-effect-animation";
+export declare class DrShineAnimationDirective implements OnChanges, OnDestroy {
+    private el;
+    private renderer;
+    isShineEnabled: boolean;
+    drShineAnimationInterval: number;
+    private intervalId;
+    constructor(el: ElementRef, renderer: Renderer2);
+    ngOnChanges(changes: SimpleChanges): void;
+    ngOnDestroy(): void;
+    private startShine;
+    private stopShine;
+    private addShineEffect;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DrShineAnimationDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<DrShineAnimationDirective, "[drShineAnimation]", never, { "isShineEnabled": { "alias": "drShineAnimation"; "required": false; }; "drShineAnimationInterval": { "alias": "drShineAnimationInterval"; "required": false; }; }, {}, never, never, true, never>;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@datarailsshared/datarailsshared",
-  "version": "1.5.565",
+  "version": "1.5.567",
   "description": "DataRails shared components",
   "keywords": [
     "angular",

package/public-api.d.ts

@@ -97,6 +97,7 @@ export * from './lib/dr-dialog/interfaces/dialog-data';
 export * from './lib/dr-avatar/types';
 export * from './lib/dr-inputs/dr-model-debounce-change.directive';
 export * from './lib/directives/click-outside/click-outside.directive';
+export * from './lib/directives/dr-shine-animation/dr-shine-animation.directive';
 export * from './lib/models/datePicker';
 export { TAG_TYPES, ITag, IDateTag, IListTag, ITagForServer, IDynamicTag, TDynamicTagValue, TDynamicTag, TagTypes, TagsConfigSubType, TConnectedTags, } from './lib/models/serverTags';
 export { ISpinnerOptions, SpinnerType, SpinnerSize } from './lib/models/spinnerOptions';

package/styles.css

@@ -720,3 +720,30 @@ li.CodeMirror-hint-active {
   color: white;
 }
 
+
+.dr-shine-effect-animation {
+    position: relative;
+    overflow: hidden;
+    display: inline-block;
+}
+
+.dr-shine-effect-animation::after {
+    content: '';
+    position: absolute;
+    top: 0;
+    left: -150%;
+    width: 150%;
+    height: 100%;
+    background: linear-gradient(120deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0) 100%);
+    animation: shine 2s infinite;
+}
+
+@keyframes shine {
+    0% {
+        left: -150%;
+    }
+    100% {
+        left: 150%;
+    }
+}
+