sk-front-lib 0.18.1 → 0.18.3

package/fesm2015/sk-front-lib.mjs

@@ -1,538 +0,0 @@
-import * as i0 from '@angular/core';
-import { Pipe, NgModule } from '@angular/core';
-import * as moment from 'moment';
-import { animation, style, animate, trigger, transition, useAnimation, query, stagger, animateChild, state, sequence, group } from '@angular/animations';
-
-class SkDatePipe {
-    transform(value, args) {
-        const date = moment.utc(value).local();
-        return date.format('YYYY.MM.DD.');
-    }
-}
-SkDatePipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: SkDatePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-SkDatePipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "14.3.0", ngImport: i0, type: SkDatePipe, name: "skDate" });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: SkDatePipe, decorators: [{
-            type: Pipe,
-            args: [{ name: 'skDate' }]
-        }] });
-
-class SkUtils {
-    static humanFileSize(size) {
-        const i = Math.floor(Math.log(size) / Math.log(1000));
-        return `${(size / Math.pow(1000, i)).toFixed(2)} ${['B', 'KB', 'MB', 'GB', 'TB'][i]}`;
-    }
-    static maskPhoneNumberKR(phoneNumber) {
-        const number = phoneNumber.replace(/[^0-9]/g, '');
-        let phone = '';
-        if (number.length < 4) {
-            return number;
-        }
-        else if (number.length < 7) {
-            phone += number.substr(0, 3);
-            phone += "-";
-            phone += number.substr(3);
-        }
-        else if (number.length < 11) {
-            phone += number.substr(0, 3);
-            phone += "-";
-            phone += number.substr(3, 3);
-            phone += "-";
-            phone += number.substr(6);
-        }
-        else {
-            phone += number.substr(0, 3);
-            phone += "-";
-            phone += number.substr(3, 4);
-            phone += "-";
-            phone += number.substr(7);
-        }
-        return phone;
-    }
-    static decodeBase64(base64string, failedReturn = null) {
-        let result;
-        try {
-            result = JSON.parse(decodeURIComponent(atob(base64string)));
-        }
-        catch (e) {
-            result = failedReturn;
-        }
-        return result || failedReturn;
-    }
-    static encodeBase64(targetObject) {
-        return btoa(encodeURIComponent(JSON.stringify(targetObject)));
-    }
-    static checkExternalUrl(url) {
-        const r = new RegExp('^(?:[a-z]+:)?//', 'i');
-        return r.test(url);
-    }
-}
-
-class SkBytePipe {
-    transform(value, args) {
-        if (typeof value === 'number') {
-            return SkUtils.humanFileSize(value);
-        }
-        return value;
-    }
-}
-SkBytePipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: SkBytePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-SkBytePipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "14.3.0", ngImport: i0, type: SkBytePipe, name: "skByte" });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: SkBytePipe, decorators: [{
-            type: Pipe,
-            args: [{ name: 'skByte' }]
-        }] });
-
-class SkDateTimePipe {
-    transform(value, args) {
-        const date = moment.utc(value).local();
-        return date.format('YYYY-MM-DD HH:mm:ss');
-    }
-}
-SkDateTimePipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: SkDateTimePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-SkDateTimePipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "14.3.0", ngImport: i0, type: SkDateTimePipe, name: "skDateTime" });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: SkDateTimePipe, decorators: [{
-            type: Pipe,
-            args: [{ name: 'skDateTime' }]
-        }] });
-
-class SkTimePipe {
-    transform(value, args) {
-        const date = moment.utc(value).local();
-        return date.format('HH:mm:ss');
-    }
-}
-SkTimePipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: SkTimePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-SkTimePipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "14.3.0", ngImport: i0, type: SkTimePipe, name: "skTime" });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: SkTimePipe, decorators: [{
-            type: Pipe,
-            args: [{ name: 'skTime' }]
-        }] });
-
-class SkKeysPipe {
-    transform(value, args) {
-        const keys = [];
-        for (const key in value) {
-            if (value.hasOwnProperty(key)) {
-                keys.push({
-                    key,
-                    value: value[key]
-                });
-            }
-        }
-        return keys;
-    }
-}
-SkKeysPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: SkKeysPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-SkKeysPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "14.3.0", ngImport: i0, type: SkKeysPipe, name: "skKeys" });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: SkKeysPipe, decorators: [{
-            type: Pipe,
-            args: [{ name: 'skKeys' }]
-        }] });
-
-class SkFrontLibModule {
-}
-SkFrontLibModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: SkFrontLibModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-SkFrontLibModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.3.0", ngImport: i0, type: SkFrontLibModule, declarations: [SkDatePipe,
-        SkTimePipe,
-        SkDateTimePipe,
-        SkBytePipe,
-        SkKeysPipe], exports: [SkDatePipe,
-        SkTimePipe,
-        SkDateTimePipe,
-        SkBytePipe,
-        SkKeysPipe] });
-SkFrontLibModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: SkFrontLibModule });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: SkFrontLibModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [],
-                    declarations: [
-                        SkDatePipe,
-                        SkTimePipe,
-                        SkDateTimePipe,
-                        SkBytePipe,
-                        SkKeysPipe
-                    ],
-                    exports: [
-                        SkDatePipe,
-                        SkTimePipe,
-                        SkDateTimePipe,
-                        SkBytePipe,
-                        SkKeysPipe
-                    ]
-                }]
-        }] });
-
-const customAnimation = animation([
-    style({
-        opacity: '{{opacity}}',
-        transform: 'scale({{scale}}) translate3d({{x}}, {{y}}, {{z}})'
-    }),
-    animate('{{duration}} {{delay}} cubic-bezier(0.0, 0.0, 0.2, 1)', style('*'))
-], {
-    params: {
-        duration: '200ms',
-        delay: '0ms',
-        opacity: '0',
-        scale: '1',
-        x: '0',
-        y: '0',
-        z: '0'
-    }
-});
-const customOutAnimation = animation([
-    style('*'),
-    animate('{{duration}} {{delay}} cubic-bezier(0.0, 0.0, 0.2, 1)', style({
-        opacity: '{{opacity}}',
-        transform: 'scale({{scale}}) translate3d({{x}}, {{y}}, {{z}})'
-    }))
-], {
-    params: {
-        duration: '200ms',
-        delay: '0ms',
-        opacity: '0',
-        scale: '1',
-        x: '0',
-        y: '0',
-        z: '0'
-    }
-});
-const skAnimations = [
-    trigger('animate', [transition('void => *', [useAnimation(customAnimation)])]),
-    trigger('animateOut', [transition('* => void', [useAnimation(customOutAnimation)])]),
-    trigger('animateStagger', [
-        transition('* => *', query('@*', [
-            stagger('100ms', [
-                animateChild()
-            ])
-        ], { optional: true })),
-    ]),
-    trigger('animateStagger2', [
-        transition('* => *', query('@*', [
-            stagger('50ms', [
-                animateChild()
-            ])
-        ], { optional: true })),
-    ]),
-    trigger('fadeInOut', [
-        state('0, void', style({
-            opacity: 0
-        })),
-        state('1, *', style({
-            opacity: 1
-        })),
-        transition('1 => 0', animate('300ms ease-out')),
-        transition('0 => 1', animate('300ms ease-in')),
-        transition('void <=> *', animate('300ms ease-in'))
-    ]),
-    trigger('slideInOut', [
-        state('0', style({
-            height: '0px'
-        })),
-        state('1', style({
-            height: '*'
-        })),
-        transition('1 => 0', animate('300ms ease-out')),
-        transition('0 => 1', animate('300ms ease-in'))
-    ]),
-    trigger('slideIn', [
-        transition('void => left', [
-            style({
-                transform: 'translateX(100%)'
-            }),
-            animate('300ms ease-in', style({
-                transform: 'translateX(0)'
-            }))
-        ]),
-        transition('left => void', [
-            style({
-                transform: 'translateX(0)'
-            }),
-            animate('300ms ease-in', style({
-                transform: 'translateX(-100%)'
-            }))
-        ]),
-        transition('void => right', [
-            style({
-                transform: 'translateX(-100%)'
-            }),
-            animate('300ms ease-in', style({
-                transform: 'translateX(0)'
-            }))
-        ]),
-        transition('right => void', [
-            style({
-                transform: 'translateX(0)'
-            }),
-            animate('300ms ease-in', style({
-                transform: 'translateX(100%)'
-            }))
-        ])
-    ]),
-    trigger('slideInLeft', [
-        state('void', style({
-            transform: 'translateX(-100%)',
-        })),
-        state('*', style({
-            transform: 'translateX(0)',
-        })),
-        transition('void => *', animate('300ms')),
-        transition('* => void', animate('300ms'))
-    ]),
-    trigger('slideInRight', [
-        state('void', style({
-            transform: 'translateX(100%)',
-        })),
-        state('*', style({
-            transform: 'translateX(0)',
-        })),
-        transition('void => *', animate('300ms')),
-        transition('* => void', animate('300ms'))
-    ]),
-    trigger('slideInTop', [
-        state('void', style({
-            transform: 'translateY(-100%)',
-        })),
-        state('*', style({
-            transform: 'translateY(0)',
-        })),
-        transition('void => *', animate('300ms')),
-        transition('* => void', animate('300ms'))
-    ]),
-    trigger('slideInBottom', [
-        state('void', style({
-            transform: 'translateY(100%)',
-        })),
-        state('*', style({
-            transform: 'translateY(0)',
-        })),
-        transition('void => *', animate('300ms')),
-        transition('* => void', animate('300ms'))
-    ]),
-    trigger('expandCollapse', [
-        state('void', style({
-            height: '0px'
-        })),
-        state('*', style({
-            height: '*'
-        })),
-        transition('void => *', animate('300ms ease-out')),
-        transition('* => void', animate('300ms ease-in'))
-    ]),
-    // -----------------------------------------------------------------------------------------------------
-    // @ Router animations
-    // -----------------------------------------------------------------------------------------------------
-    trigger('routerTransitionLeft', [
-        transition('* => *', [
-            query('content > :enter, content > :leave', [
-                style({
-                    position: 'absolute',
-                    top: 0,
-                    bottom: 0,
-                    left: 0,
-                    right: 0
-                })
-            ], { optional: true }),
-            query('content > :enter', [
-                style({
-                    transform: 'translateX(100%)',
-                    opacity: 0
-                })
-            ], { optional: true }),
-            sequence([
-                group([
-                    query('content > :leave', [
-                        style({
-                            transform: 'translateX(0)',
-                            opacity: 1
-                        }),
-                        animate('600ms cubic-bezier(0.0, 0.0, 0.2, 1)', style({
-                            transform: 'translateX(-100%)',
-                            opacity: 0
-                        }))
-                    ], { optional: true }),
-                    query('content > :enter', [
-                        style({ transform: 'translateX(100%)' }),
-                        animate('600ms cubic-bezier(0.0, 0.0, 0.2, 1)', style({
-                            transform: 'translateX(0%)',
-                            opacity: 1
-                        }))
-                    ], { optional: true })
-                ]),
-                query('content > :leave', animateChild(), { optional: true }),
-                query('content > :enter', animateChild(), { optional: true })
-            ])
-        ])
-    ]),
-    trigger('routerTransitionRight', [
-        transition('* => *', [
-            query('content > :enter, content > :leave', [
-                style({
-                    position: 'absolute',
-                    top: 0,
-                    bottom: 0,
-                    left: 0,
-                    right: 0
-                })
-            ], { optional: true }),
-            query('content > :enter', [
-                style({
-                    transform: 'translateX(-100%)',
-                    opacity: 0
-                })
-            ], { optional: true }),
-            sequence([
-                group([
-                    query('content > :leave', [
-                        style({
-                            transform: 'translateX(0)',
-                            opacity: 1
-                        }),
-                        animate('600ms cubic-bezier(0.0, 0.0, 0.2, 1)', style({
-                            transform: 'translateX(100%)',
-                            opacity: 0
-                        }))
-                    ], { optional: true }),
-                    query('content > :enter', [
-                        style({ transform: 'translateX(-100%)' }),
-                        animate('600ms cubic-bezier(0.0, 0.0, 0.2, 1)', style({
-                            transform: 'translateX(0%)',
-                            opacity: 1
-                        }))
-                    ], { optional: true })
-                ]),
-                query('content > :leave', animateChild(), { optional: true }),
-                query('content > :enter', animateChild(), { optional: true })
-            ])
-        ])
-    ]),
-    trigger('routerTransitionUp', [
-        transition('* => *', [
-            query('content > :enter, content > :leave', [
-                style({
-                    position: 'absolute',
-                    top: 0,
-                    bottom: 0,
-                    left: 0,
-                    right: 0
-                })
-            ], { optional: true }),
-            query('content > :enter', [
-                style({
-                    transform: 'translateY(100%)',
-                    opacity: 0
-                })
-            ], { optional: true }),
-            group([
-                query('content > :leave', [
-                    style({
-                        transform: 'translateY(0)',
-                        opacity: 1
-                    }),
-                    animate('600ms cubic-bezier(0.0, 0.0, 0.2, 1)', style({
-                        transform: 'translateY(-100%)',
-                        opacity: 0
-                    }))
-                ], { optional: true }),
-                query('content > :enter', [
-                    style({ transform: 'translateY(100%)' }),
-                    animate('600ms cubic-bezier(0.0, 0.0, 0.2, 1)', style({
-                        transform: 'translateY(0%)',
-                        opacity: 1
-                    }))
-                ], { optional: true })
-            ]),
-            query('content > :leave', animateChild(), { optional: true }),
-            query('content > :enter', animateChild(), { optional: true })
-        ])
-    ]),
-    trigger('routerTransitionDown', [
-        transition('* => *', [
-            query('content > :enter, content > :leave', [
-                style({
-                    position: 'absolute',
-                    top: 0,
-                    bottom: 0,
-                    left: 0,
-                    right: 0
-                })
-            ], { optional: true }),
-            query('content > :enter', [
-                style({
-                    transform: 'translateY(-100%)',
-                    opacity: 0
-                })
-            ], { optional: true }),
-            sequence([
-                group([
-                    query('content > :leave', [
-                        style({
-                            transform: 'translateY(0)',
-                            opacity: 1
-                        }),
-                        animate('600ms cubic-bezier(0.0, 0.0, 0.2, 1)', style({
-                            transform: 'translateY(100%)',
-                            opacity: 0
-                        }))
-                    ], { optional: true }),
-                    query('content > :enter', [
-                        style({ transform: 'translateY(-100%)' }),
-                        animate('600ms cubic-bezier(0.0, 0.0, 0.2, 1)', style({
-                            transform: 'translateY(0%)',
-                            opacity: 1
-                        }))
-                    ], { optional: true })
-                ]),
-                query('content > :leave', animateChild(), { optional: true }),
-                query('content > :enter', animateChild(), { optional: true })
-            ])
-        ])
-    ]),
-    trigger('routerTransitionFade', [
-        transition('* => *', group([
-            query('content > :enter, content > :leave ', [
-                style({
-                    position: 'absolute',
-                    top: 0,
-                    bottom: 0,
-                    left: 0,
-                    right: 0
-                })
-            ], { optional: true }),
-            query('content > :enter', [
-                style({
-                    opacity: 0
-                })
-            ], { optional: true }),
-            query('content > :leave', [
-                style({
-                    opacity: 1
-                }),
-                animate('300ms cubic-bezier(0.0, 0.0, 0.2, 1)', style({
-                    opacity: 0
-                }))
-            ], { optional: true }),
-            query('content > :enter', [
-                style({
-                    opacity: 0
-                }),
-                animate('300ms cubic-bezier(0.0, 0.0, 0.2, 1)', style({
-                    opacity: 1
-                }))
-            ], { optional: true }),
-            query('content > :enter', animateChild(), { optional: true }),
-            query('content > :leave', animateChild(), { optional: true })
-        ]))
-    ])
-];
-
-/*
- * Public API Surface of sk-front-lib
- */
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { SkBytePipe, SkDatePipe, SkDateTimePipe, SkFrontLibModule, SkKeysPipe, SkTimePipe, SkUtils, skAnimations };
-//# sourceMappingURL=sk-front-lib.mjs.map