mis-crystal-design-system 2.7.6 → 2.7.7
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/bundles/mis-crystal-design-system-ske-loader.umd.js +65 -0
- package/bundles/mis-crystal-design-system-ske-loader.umd.js.map +1 -0
- package/bundles/mis-crystal-design-system-ske-loader.umd.min.js +2 -0
- package/bundles/mis-crystal-design-system-ske-loader.umd.min.js.map +1 -0
- package/esm2015/ske-loader/index.js +2 -0
- package/esm2015/ske-loader/mis-crystal-design-system-ske-loader.js +5 -0
- package/esm2015/ske-loader/public_api.js +3 -0
- package/esm2015/ske-loader/ske-loader.component.js +31 -0
- package/esm2015/ske-loader/ske-loader.module.js +13 -0
- package/fesm2015/mis-crystal-design-system-ske-loader.js +49 -0
- package/fesm2015/mis-crystal-design-system-ske-loader.js.map +1 -0
- package/package.json +1 -1
- package/ske-loader/index.d.ts +1 -0
- package/ske-loader/mis-crystal-design-system-ske-loader.d.ts +4 -0
- package/ske-loader/mis-crystal-design-system-ske-loader.metadata.json +1 -0
- package/ske-loader/package.json +11 -0
- package/ske-loader/public_api.d.ts +2 -0
- package/ske-loader/ske-loader.component.d.ts +11 -0
- package/ske-loader/ske-loader.module.d.ts +2 -0
|
@@ -0,0 +1,65 @@
|
|
|
1
|
+
(function (global, factory) {
|
|
2
|
+
typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/common')) :
|
|
3
|
+
typeof define === 'function' && define.amd ? define('mis-crystal-design-system/ske-loader', ['exports', '@angular/core', '@angular/common'], factory) :
|
|
4
|
+
(global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global['mis-crystal-design-system'] = global['mis-crystal-design-system'] || {}, global['mis-crystal-design-system']['ske-loader'] = {}), global.ng.core, global.ng.common));
|
|
5
|
+
}(this, (function (exports, core, common) { 'use strict';
|
|
6
|
+
|
|
7
|
+
var SkeLoaderComponent = /** @class */ (function () {
|
|
8
|
+
function SkeLoaderComponent() {
|
|
9
|
+
this.rowCount = [1];
|
|
10
|
+
this.lineHeight = '20px';
|
|
11
|
+
this.height = '100%';
|
|
12
|
+
this.width = '100%';
|
|
13
|
+
this.gap = '8px';
|
|
14
|
+
}
|
|
15
|
+
Object.defineProperty(SkeLoaderComponent.prototype, "count", {
|
|
16
|
+
set: function (num) {
|
|
17
|
+
this.rowCount = Array(num);
|
|
18
|
+
},
|
|
19
|
+
enumerable: false,
|
|
20
|
+
configurable: true
|
|
21
|
+
});
|
|
22
|
+
;
|
|
23
|
+
SkeLoaderComponent.prototype.ngOnInit = function () { };
|
|
24
|
+
return SkeLoaderComponent;
|
|
25
|
+
}());
|
|
26
|
+
SkeLoaderComponent.decorators = [
|
|
27
|
+
{ type: core.Component, args: [{
|
|
28
|
+
selector: 'mis-skeleton-loader',
|
|
29
|
+
template: "<div style=\"overflow: hidden\" [ngStyle]=\"{'height': this.height,'width' : this.width}\">\n <div *ngFor=\"let n of rowCount; let i = index;\">\n <div class=\"ske-loader\" [ngStyle]=\"{'height':this.lineHeight,'margin-bottom':this.gap }\"></div>\n </div>\n</div>\n",
|
|
30
|
+
styles: [".ske-loader{background:grey;position:relative;width:100%;background:#e5e5e5;background:linear-gradient(110deg,#ececec 8%,#f5f5f5 18%,#ececec 33%);border-radius:5px;background-size:200% 100%;-webkit-animation:shine 1s linear infinite;animation:shine 1s linear infinite;overflow:hidden}@-webkit-keyframes shine{to{background-position-x:-200%}}@keyframes shine{to{background-position-x:-200%}}"]
|
|
31
|
+
},] }
|
|
32
|
+
];
|
|
33
|
+
SkeLoaderComponent.ctorParameters = function () { return []; };
|
|
34
|
+
SkeLoaderComponent.propDecorators = {
|
|
35
|
+
count: [{ type: core.Input }],
|
|
36
|
+
lineHeight: [{ type: core.Input }],
|
|
37
|
+
height: [{ type: core.Input }],
|
|
38
|
+
width: [{ type: core.Input }],
|
|
39
|
+
gap: [{ type: core.Input }]
|
|
40
|
+
};
|
|
41
|
+
|
|
42
|
+
var SkeLoaderModule = /** @class */ (function () {
|
|
43
|
+
function SkeLoaderModule() {
|
|
44
|
+
}
|
|
45
|
+
return SkeLoaderModule;
|
|
46
|
+
}());
|
|
47
|
+
SkeLoaderModule.decorators = [
|
|
48
|
+
{ type: core.NgModule, args: [{
|
|
49
|
+
declarations: [SkeLoaderComponent],
|
|
50
|
+
imports: [common.CommonModule],
|
|
51
|
+
exports: [SkeLoaderComponent]
|
|
52
|
+
},] }
|
|
53
|
+
];
|
|
54
|
+
|
|
55
|
+
/**
|
|
56
|
+
* Generated bundle index. Do not edit.
|
|
57
|
+
*/
|
|
58
|
+
|
|
59
|
+
exports.SkeLoaderComponent = SkeLoaderComponent;
|
|
60
|
+
exports.SkeLoaderModule = SkeLoaderModule;
|
|
61
|
+
|
|
62
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
63
|
+
|
|
64
|
+
})));
|
|
65
|
+
//# sourceMappingURL=mis-crystal-design-system-ske-loader.umd.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"mis-crystal-design-system-ske-loader.umd.js","sources":["../../../projects/mis-components/ske-loader/ske-loader.component.ts","../../../projects/mis-components/ske-loader/ske-loader.module.ts","../../../projects/mis-components/ske-loader/mis-crystal-design-system-ske-loader.ts"],"sourcesContent":["import { Component, OnInit, Input } from '@angular/core';\n\n@Component({\n selector: 'mis-skeleton-loader',\n templateUrl: './ske-loader.component.html',\n styleUrls: ['./ske-loader.component.scss']\n})\nexport class SkeLoaderComponent implements OnInit {\n\n rowCount = [1];\n @Input() set count(num: number) {\n this.rowCount = Array(num)\n };\n @Input() lineHeight: string = '20px';\n @Input() height: string = '100%';\n @Input() width: string = '100%';\n @Input() gap: string = '8px'\n\n constructor() { }\n\n ngOnInit(): void {}\n\n}\n","import { CommonModule } from \"@angular/common\";\nimport { NgModule, ModuleWithProviders } from \"@angular/core\";\nimport { SkeLoaderComponent } from \"./ske-loader.component\";\n\n@NgModule({\n declarations: [SkeLoaderComponent],\n imports: [CommonModule],\n exports: [SkeLoaderComponent]\n})\nexport class SkeLoaderModule {\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["Component","Input","NgModule","CommonModule"],"mappings":";;;;;;;QAkBE;YATA,aAAQ,GAAG,CAAC,CAAC,CAAC,CAAC;YAIN,eAAU,GAAW,MAAM,CAAC;YAC5B,WAAM,GAAW,MAAM,CAAC;YACxB,UAAK,GAAW,MAAM,CAAC;YACvB,QAAG,GAAW,KAAK,CAAA;SAEX;QARjB,sBAAa,qCAAK;iBAAlB,UAAmB,GAAW;gBAC5B,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC,GAAG,CAAC,CAAA;aAC3B;;;WAAA;QAAA,CAAC;QAQF,qCAAQ,GAAR,eAAmB;;;;gBAlBpBA,cAAS,SAAC;oBACT,QAAQ,EAAE,qBAAqB;oBAC/B,kSAA0C;;iBAE3C;;;;wBAIEC,UAAK;6BAGLA,UAAK;yBACLA,UAAK;wBACLA,UAAK;sBACLA,UAAK;;;;QCPR;;;;;gBALCC,aAAQ,SAAC;oBACR,YAAY,EAAE,CAAC,kBAAkB,CAAC;oBAClC,OAAO,EAAE,CAACC,mBAAY,CAAC;oBACvB,OAAO,EAAE,CAAC,kBAAkB,CAAC;iBAC9B;;;ICRD;;;;;;;;;;;;;"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@angular/core"),require("@angular/common")):"function"==typeof define&&define.amd?define("mis-crystal-design-system/ske-loader",["exports","@angular/core","@angular/common"],t):t(((e="undefined"!=typeof globalThis?globalThis:e||self)["mis-crystal-design-system"]=e["mis-crystal-design-system"]||{},e["mis-crystal-design-system"]["ske-loader"]={}),e.ng.core,e.ng.common)}(this,(function(e,t,n){"use strict";var i=function(){function e(){this.rowCount=[1],this.lineHeight="20px",this.height="100%",this.width="100%",this.gap="8px"}return Object.defineProperty(e.prototype,"count",{set:function(e){this.rowCount=Array(e)},enumerable:!1,configurable:!0}),e.prototype.ngOnInit=function(){},e}();i.decorators=[{type:t.Component,args:[{selector:"mis-skeleton-loader",template:'<div style="overflow: hidden" [ngStyle]="{\'height\': this.height,\'width\' : this.width}">\n <div *ngFor="let n of rowCount; let i = index;">\n <div class="ske-loader" [ngStyle]="{\'height\':this.lineHeight,\'margin-bottom\':this.gap }"></div>\n </div>\n</div>\n',styles:[".ske-loader{background:grey;position:relative;width:100%;background:#e5e5e5;background:linear-gradient(110deg,#ececec 8%,#f5f5f5 18%,#ececec 33%);border-radius:5px;background-size:200% 100%;-webkit-animation:shine 1s linear infinite;animation:shine 1s linear infinite;overflow:hidden}@-webkit-keyframes shine{to{background-position-x:-200%}}@keyframes shine{to{background-position-x:-200%}}"]}]}],i.ctorParameters=function(){return[]},i.propDecorators={count:[{type:t.Input}],lineHeight:[{type:t.Input}],height:[{type:t.Input}],width:[{type:t.Input}],gap:[{type:t.Input}]};var o=function(){};o.decorators=[{type:t.NgModule,args:[{declarations:[i],imports:[n.CommonModule],exports:[i]}]}],e.SkeLoaderComponent=i,e.SkeLoaderModule=o,Object.defineProperty(e,"__esModule",{value:!0})}));
|
|
2
|
+
//# sourceMappingURL=mis-crystal-design-system-ske-loader.umd.min.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../projects/mis-components/ske-loader/ske-loader.component.ts","../../../projects/mis-components/ske-loader/ske-loader.module.ts"],"names":["SkeLoaderComponent","this","rowCount","lineHeight","height","width","gap","Object","defineProperty","prototype","num","Array","ngOnInit","Component","args","selector","template","Input","NgModule","declarations","imports","CommonModule","exports"],"mappings":"8fAkBE,SAAAA,IATAC,KAAAC,SAAW,CAAC,GAIHD,KAAAE,WAAqB,OACrBF,KAAAG,OAAiB,OACjBH,KAAAI,MAAgB,OAChBJ,KAAAK,IAAc,aANvBC,OAAAC,eAAaR,EAAAS,UAAA,QAAK,KAAlB,SAAmBC,GACjBT,KAAKC,SAAWS,MAAMD,oCASxBV,EAAAS,UAAAG,SAAA,sCAlBDC,EAAAA,UAASC,KAAA,CAAC,CACTC,SAAU,sBACVC,SAAA,kvBAMCC,EAAAA,0BAGAA,EAAAA,sBACAA,EAAAA,qBACAA,EAAAA,mBACAA,EAAAA,eCPH,iCALCC,EAAAA,SAAQJ,KAAA,CAAC,CACRK,aAAc,CAACnB,GACfoB,QAAS,CAACC,EAAAA,cACVC,QAAS,CAACtB","sourcesContent":["import { Component, OnInit, Input } from '@angular/core';\n\n@Component({\n selector: 'mis-skeleton-loader',\n templateUrl: './ske-loader.component.html',\n styleUrls: ['./ske-loader.component.scss']\n})\nexport class SkeLoaderComponent implements OnInit {\n\n rowCount = [1];\n @Input() set count(num: number) {\n this.rowCount = Array(num)\n };\n @Input() lineHeight: string = '20px';\n @Input() height: string = '100%';\n @Input() width: string = '100%';\n @Input() gap: string = '8px'\n\n constructor() { }\n\n ngOnInit(): void {}\n\n}\n","import { CommonModule } from \"@angular/common\";\nimport { NgModule, ModuleWithProviders } from \"@angular/core\";\nimport { SkeLoaderComponent } from \"./ske-loader.component\";\n\n@NgModule({\n declarations: [SkeLoaderComponent],\n imports: [CommonModule],\n exports: [SkeLoaderComponent]\n})\nexport class SkeLoaderModule {\n}\n"]}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
export * from "./public_api";
|
|
2
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wcm9qZWN0cy9taXMtY29tcG9uZW50cy9za2UtbG9hZGVyL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGNBQWMsY0FBYyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0ICogZnJvbSBcIi4vcHVibGljX2FwaVwiOyJdfQ==
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Generated bundle index. Do not edit.
|
|
3
|
+
*/
|
|
4
|
+
export * from './index';
|
|
5
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWlzLWNyeXN0YWwtZGVzaWduLXN5c3RlbS1za2UtbG9hZGVyLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vcHJvamVjdHMvbWlzLWNvbXBvbmVudHMvc2tlLWxvYWRlci9taXMtY3J5c3RhbC1kZXNpZ24tc3lzdGVtLXNrZS1sb2FkZXIudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7O0dBRUc7QUFFSCxjQUFjLFNBQVMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogR2VuZXJhdGVkIGJ1bmRsZSBpbmRleC4gRG8gbm90IGVkaXQuXG4gKi9cblxuZXhwb3J0ICogZnJvbSAnLi9pbmRleCc7XG4iXX0=
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
export { SkeLoaderComponent } from './ske-loader.component';
|
|
2
|
+
export { SkeLoaderModule } from './ske-loader.module';
|
|
3
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljX2FwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3Byb2plY3RzL21pcy1jb21wb25lbnRzL3NrZS1sb2FkZXIvcHVibGljX2FwaS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUM1RCxPQUFPLEVBQUUsZUFBZSxFQUFDLE1BQU0scUJBQXFCLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgeyBTa2VMb2FkZXJDb21wb25lbnQgfSBmcm9tICcuL3NrZS1sb2FkZXIuY29tcG9uZW50JztcbmV4cG9ydCB7IFNrZUxvYWRlck1vZHVsZX0gZnJvbSAnLi9za2UtbG9hZGVyLm1vZHVsZSc7Il19
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
import { Component, Input } from '@angular/core';
|
|
2
|
+
export class SkeLoaderComponent {
|
|
3
|
+
constructor() {
|
|
4
|
+
this.rowCount = [1];
|
|
5
|
+
this.lineHeight = '20px';
|
|
6
|
+
this.height = '100%';
|
|
7
|
+
this.width = '100%';
|
|
8
|
+
this.gap = '8px';
|
|
9
|
+
}
|
|
10
|
+
set count(num) {
|
|
11
|
+
this.rowCount = Array(num);
|
|
12
|
+
}
|
|
13
|
+
;
|
|
14
|
+
ngOnInit() { }
|
|
15
|
+
}
|
|
16
|
+
SkeLoaderComponent.decorators = [
|
|
17
|
+
{ type: Component, args: [{
|
|
18
|
+
selector: 'mis-skeleton-loader',
|
|
19
|
+
template: "<div style=\"overflow: hidden\" [ngStyle]=\"{'height': this.height,'width' : this.width}\">\n <div *ngFor=\"let n of rowCount; let i = index;\">\n <div class=\"ske-loader\" [ngStyle]=\"{'height':this.lineHeight,'margin-bottom':this.gap }\"></div>\n </div>\n</div>\n",
|
|
20
|
+
styles: [".ske-loader{background:grey;position:relative;width:100%;background:#e5e5e5;background:linear-gradient(110deg,#ececec 8%,#f5f5f5 18%,#ececec 33%);border-radius:5px;background-size:200% 100%;-webkit-animation:shine 1s linear infinite;animation:shine 1s linear infinite;overflow:hidden}@-webkit-keyframes shine{to{background-position-x:-200%}}@keyframes shine{to{background-position-x:-200%}}"]
|
|
21
|
+
},] }
|
|
22
|
+
];
|
|
23
|
+
SkeLoaderComponent.ctorParameters = () => [];
|
|
24
|
+
SkeLoaderComponent.propDecorators = {
|
|
25
|
+
count: [{ type: Input }],
|
|
26
|
+
lineHeight: [{ type: Input }],
|
|
27
|
+
height: [{ type: Input }],
|
|
28
|
+
width: [{ type: Input }],
|
|
29
|
+
gap: [{ type: Input }]
|
|
30
|
+
};
|
|
31
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2tlLWxvYWRlci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wcm9qZWN0cy9taXMtY29tcG9uZW50cy9za2UtbG9hZGVyL3NrZS1sb2FkZXIuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQVUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBT3pELE1BQU0sT0FBTyxrQkFBa0I7SUFXN0I7UUFUQSxhQUFRLEdBQUcsQ0FBQyxDQUFDLENBQUMsQ0FBQztRQUlOLGVBQVUsR0FBVyxNQUFNLENBQUM7UUFDNUIsV0FBTSxHQUFXLE1BQU0sQ0FBQztRQUN4QixVQUFLLEdBQVcsTUFBTSxDQUFDO1FBQ3ZCLFFBQUcsR0FBVyxLQUFLLENBQUE7SUFFWixDQUFDO0lBUmpCLElBQWEsS0FBSyxDQUFDLEdBQVc7UUFDNUIsSUFBSSxDQUFDLFFBQVEsR0FBRyxLQUFLLENBQUMsR0FBRyxDQUFDLENBQUE7SUFDNUIsQ0FBQztJQUFBLENBQUM7SUFRRixRQUFRLEtBQVUsQ0FBQzs7O1lBbEJwQixTQUFTLFNBQUM7Z0JBQ1QsUUFBUSxFQUFFLHFCQUFxQjtnQkFDL0Isa1NBQTBDOzthQUUzQzs7OztvQkFJRSxLQUFLO3lCQUdMLEtBQUs7cUJBQ0wsS0FBSztvQkFDTCxLQUFLO2tCQUNMLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIE9uSW5pdCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnbWlzLXNrZWxldG9uLWxvYWRlcicsXG4gIHRlbXBsYXRlVXJsOiAnLi9za2UtbG9hZGVyLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vc2tlLWxvYWRlci5jb21wb25lbnQuc2NzcyddXG59KVxuZXhwb3J0IGNsYXNzIFNrZUxvYWRlckNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG5cbiAgcm93Q291bnQgPSBbMV07XG4gIEBJbnB1dCgpIHNldCBjb3VudChudW06IG51bWJlcikge1xuICAgIHRoaXMucm93Q291bnQgPSBBcnJheShudW0pXG4gIH07XG4gIEBJbnB1dCgpIGxpbmVIZWlnaHQ6IHN0cmluZyA9ICcyMHB4JztcbiAgQElucHV0KCkgaGVpZ2h0OiBzdHJpbmcgPSAnMTAwJSc7XG4gIEBJbnB1dCgpIHdpZHRoOiBzdHJpbmcgPSAnMTAwJSc7XG4gIEBJbnB1dCgpIGdhcDogc3RyaW5nID0gJzhweCdcblxuICBjb25zdHJ1Y3RvcigpIHsgfVxuXG4gIG5nT25Jbml0KCk6IHZvaWQge31cblxufVxuIl19
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { CommonModule } from "@angular/common";
|
|
2
|
+
import { NgModule } from "@angular/core";
|
|
3
|
+
import { SkeLoaderComponent } from "./ske-loader.component";
|
|
4
|
+
export class SkeLoaderModule {
|
|
5
|
+
}
|
|
6
|
+
SkeLoaderModule.decorators = [
|
|
7
|
+
{ type: NgModule, args: [{
|
|
8
|
+
declarations: [SkeLoaderComponent],
|
|
9
|
+
imports: [CommonModule],
|
|
10
|
+
exports: [SkeLoaderComponent]
|
|
11
|
+
},] }
|
|
12
|
+
];
|
|
13
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2tlLWxvYWRlci5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wcm9qZWN0cy9taXMtY29tcG9uZW50cy9za2UtbG9hZGVyL3NrZS1sb2FkZXIubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsUUFBUSxFQUF1QixNQUFNLGVBQWUsQ0FBQztBQUM5RCxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQU81RCxNQUFNLE9BQU8sZUFBZTs7O1lBTDNCLFFBQVEsU0FBQztnQkFDUixZQUFZLEVBQUUsQ0FBQyxrQkFBa0IsQ0FBQztnQkFDbEMsT0FBTyxFQUFFLENBQUMsWUFBWSxDQUFDO2dCQUN2QixPQUFPLEVBQUUsQ0FBQyxrQkFBa0IsQ0FBQzthQUM5QiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gXCJAYW5ndWxhci9jb21tb25cIjtcbmltcG9ydCB7IE5nTW9kdWxlLCBNb2R1bGVXaXRoUHJvdmlkZXJzIH0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcbmltcG9ydCB7IFNrZUxvYWRlckNvbXBvbmVudCB9IGZyb20gXCIuL3NrZS1sb2FkZXIuY29tcG9uZW50XCI7XG5cbkBOZ01vZHVsZSh7XG4gIGRlY2xhcmF0aW9uczogW1NrZUxvYWRlckNvbXBvbmVudF0sXG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGVdLFxuICBleHBvcnRzOiBbU2tlTG9hZGVyQ29tcG9uZW50XVxufSlcbmV4cG9ydCBjbGFzcyBTa2VMb2FkZXJNb2R1bGUge1xufVxuIl19
|
|
@@ -0,0 +1,49 @@
|
|
|
1
|
+
import { Component, Input, NgModule } from '@angular/core';
|
|
2
|
+
import { CommonModule } from '@angular/common';
|
|
3
|
+
|
|
4
|
+
class SkeLoaderComponent {
|
|
5
|
+
constructor() {
|
|
6
|
+
this.rowCount = [1];
|
|
7
|
+
this.lineHeight = '20px';
|
|
8
|
+
this.height = '100%';
|
|
9
|
+
this.width = '100%';
|
|
10
|
+
this.gap = '8px';
|
|
11
|
+
}
|
|
12
|
+
set count(num) {
|
|
13
|
+
this.rowCount = Array(num);
|
|
14
|
+
}
|
|
15
|
+
;
|
|
16
|
+
ngOnInit() { }
|
|
17
|
+
}
|
|
18
|
+
SkeLoaderComponent.decorators = [
|
|
19
|
+
{ type: Component, args: [{
|
|
20
|
+
selector: 'mis-skeleton-loader',
|
|
21
|
+
template: "<div style=\"overflow: hidden\" [ngStyle]=\"{'height': this.height,'width' : this.width}\">\n <div *ngFor=\"let n of rowCount; let i = index;\">\n <div class=\"ske-loader\" [ngStyle]=\"{'height':this.lineHeight,'margin-bottom':this.gap }\"></div>\n </div>\n</div>\n",
|
|
22
|
+
styles: [".ske-loader{background:grey;position:relative;width:100%;background:#e5e5e5;background:linear-gradient(110deg,#ececec 8%,#f5f5f5 18%,#ececec 33%);border-radius:5px;background-size:200% 100%;-webkit-animation:shine 1s linear infinite;animation:shine 1s linear infinite;overflow:hidden}@-webkit-keyframes shine{to{background-position-x:-200%}}@keyframes shine{to{background-position-x:-200%}}"]
|
|
23
|
+
},] }
|
|
24
|
+
];
|
|
25
|
+
SkeLoaderComponent.ctorParameters = () => [];
|
|
26
|
+
SkeLoaderComponent.propDecorators = {
|
|
27
|
+
count: [{ type: Input }],
|
|
28
|
+
lineHeight: [{ type: Input }],
|
|
29
|
+
height: [{ type: Input }],
|
|
30
|
+
width: [{ type: Input }],
|
|
31
|
+
gap: [{ type: Input }]
|
|
32
|
+
};
|
|
33
|
+
|
|
34
|
+
class SkeLoaderModule {
|
|
35
|
+
}
|
|
36
|
+
SkeLoaderModule.decorators = [
|
|
37
|
+
{ type: NgModule, args: [{
|
|
38
|
+
declarations: [SkeLoaderComponent],
|
|
39
|
+
imports: [CommonModule],
|
|
40
|
+
exports: [SkeLoaderComponent]
|
|
41
|
+
},] }
|
|
42
|
+
];
|
|
43
|
+
|
|
44
|
+
/**
|
|
45
|
+
* Generated bundle index. Do not edit.
|
|
46
|
+
*/
|
|
47
|
+
|
|
48
|
+
export { SkeLoaderComponent, SkeLoaderModule };
|
|
49
|
+
//# sourceMappingURL=mis-crystal-design-system-ske-loader.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"mis-crystal-design-system-ske-loader.js","sources":["../../../projects/mis-components/ske-loader/ske-loader.component.ts","../../../projects/mis-components/ske-loader/ske-loader.module.ts","../../../projects/mis-components/ske-loader/mis-crystal-design-system-ske-loader.ts"],"sourcesContent":["import { Component, OnInit, Input } from '@angular/core';\n\n@Component({\n selector: 'mis-skeleton-loader',\n templateUrl: './ske-loader.component.html',\n styleUrls: ['./ske-loader.component.scss']\n})\nexport class SkeLoaderComponent implements OnInit {\n\n rowCount = [1];\n @Input() set count(num: number) {\n this.rowCount = Array(num)\n };\n @Input() lineHeight: string = '20px';\n @Input() height: string = '100%';\n @Input() width: string = '100%';\n @Input() gap: string = '8px'\n\n constructor() { }\n\n ngOnInit(): void {}\n\n}\n","import { CommonModule } from \"@angular/common\";\nimport { NgModule, ModuleWithProviders } from \"@angular/core\";\nimport { SkeLoaderComponent } from \"./ske-loader.component\";\n\n@NgModule({\n declarations: [SkeLoaderComponent],\n imports: [CommonModule],\n exports: [SkeLoaderComponent]\n})\nexport class SkeLoaderModule {\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;MAOa,kBAAkB;IAW7B;QATA,aAAQ,GAAG,CAAC,CAAC,CAAC,CAAC;QAIN,eAAU,GAAW,MAAM,CAAC;QAC5B,WAAM,GAAW,MAAM,CAAC;QACxB,UAAK,GAAW,MAAM,CAAC;QACvB,QAAG,GAAW,KAAK,CAAA;KAEX;IARjB,IAAa,KAAK,CAAC,GAAW;QAC5B,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC,GAAG,CAAC,CAAA;KAC3B;;IAQD,QAAQ,MAAW;;;YAlBpB,SAAS,SAAC;gBACT,QAAQ,EAAE,qBAAqB;gBAC/B,kSAA0C;;aAE3C;;;;oBAIE,KAAK;yBAGL,KAAK;qBACL,KAAK;oBACL,KAAK;kBACL,KAAK;;;MCPK,eAAe;;;YAL3B,QAAQ,SAAC;gBACR,YAAY,EAAE,CAAC,kBAAkB,CAAC;gBAClC,OAAO,EAAE,CAAC,YAAY,CAAC;gBACvB,OAAO,EAAE,CAAC,kBAAkB,CAAC;aAC9B;;;ACRD;;;;;;"}
|
package/package.json
CHANGED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from "./public_api";
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"__symbolic":"module","version":4,"metadata":{"SkeLoaderComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"mis-skeleton-loader","template":"<div style=\"overflow: hidden\" [ngStyle]=\"{'height': this.height,'width' : this.width}\">\n <div *ngFor=\"let n of rowCount; let i = index;\">\n <div class=\"ske-loader\" [ngStyle]=\"{'height':this.lineHeight,'margin-bottom':this.gap }\"></div>\n </div>\n</div>\n","styles":[".ske-loader{background:grey;position:relative;width:100%;background:#e5e5e5;background:linear-gradient(110deg,#ececec 8%,#f5f5f5 18%,#ececec 33%);border-radius:5px;background-size:200% 100%;-webkit-animation:shine 1s linear infinite;animation:shine 1s linear infinite;overflow:hidden}@-webkit-keyframes shine{to{background-position-x:-200%}}@keyframes shine{to{background-position-x:-200%}}"]}]}],"members":{"count":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":10,"character":3}}]}],"lineHeight":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":13,"character":3}}]}],"height":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":14,"character":3}}]}],"width":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":15,"character":3}}]}],"gap":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":16,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"SkeLoaderModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":4,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"SkeLoaderComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":6,"character":12}],"exports":[{"__symbolic":"reference","name":"SkeLoaderComponent"}]}]}],"members":{}}},"origins":{"SkeLoaderComponent":"./ske-loader.component","SkeLoaderModule":"./ske-loader.module"},"importAs":"mis-crystal-design-system/ske-loader"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
{
|
|
2
|
+
"main": "../bundles/mis-crystal-design-system-ske-loader.umd.js",
|
|
3
|
+
"module": "../fesm2015/mis-crystal-design-system-ske-loader.js",
|
|
4
|
+
"es2015": "../fesm2015/mis-crystal-design-system-ske-loader.js",
|
|
5
|
+
"esm2015": "../esm2015/ske-loader/mis-crystal-design-system-ske-loader.js",
|
|
6
|
+
"fesm2015": "../fesm2015/mis-crystal-design-system-ske-loader.js",
|
|
7
|
+
"typings": "mis-crystal-design-system-ske-loader.d.ts",
|
|
8
|
+
"metadata": "mis-crystal-design-system-ske-loader.metadata.json",
|
|
9
|
+
"sideEffects": false,
|
|
10
|
+
"name": "mis-crystal-design-system/ske-loader"
|
|
11
|
+
}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { OnInit } from '@angular/core';
|
|
2
|
+
export declare class SkeLoaderComponent implements OnInit {
|
|
3
|
+
rowCount: number[];
|
|
4
|
+
set count(num: number);
|
|
5
|
+
lineHeight: string;
|
|
6
|
+
height: string;
|
|
7
|
+
width: string;
|
|
8
|
+
gap: string;
|
|
9
|
+
constructor();
|
|
10
|
+
ngOnInit(): void;
|
|
11
|
+
}
|