{"version":3,"file":"src_app_views_icons_icons_module_ts.js","mappings":"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","sources":["./src/app/views/icons/icons.component.ts","./src/app/views/icons/icons.component.html","./src/app/views/icons/icons.module.ts","./src/app/views/icons/icons.routing.module.ts"],"sourcesContent":["import { Component, OnInit, ChangeDetectorRef } from '@angular/core';\r\nimport { ActivatedRoute, Router } from '@angular/router';\r\nimport { ToastrService } from 'ngx-toastr';\r\nimport { WildcardSearch } from '@app/shared/utils/WildcardSearch';\r\n\r\ntype LineAwesome = 'regular' | 'brand'\r\n\r\n@Component({\r\n    selector: 'icons',\r\n    templateUrl: './icons.component.html',\r\n    providers: [ ToastrService ],\r\n    styles:[`\r\n        .icon-demo {\r\n            cursor: pointer;\r\n        }\r\n        .icon-demo i {\r\n            font-size: 28px;\r\n        }\r\n        .icon-demo:hover i {\r\n            color: #11a1fd\r\n        }\r\n    `]\r\n})\r\nexport class IconsComponent implements OnInit {\r\n\r\n    iconType: string;\r\n    searchValue: string;\r\n    lineAwesomeType: LineAwesome\r\n    icons = []\r\n    iconsPrimitive = []\r\n\r\n    constructor(\r\n        private cdr: ChangeDetectorRef, \r\n        private route: ActivatedRoute, \r\n        private toastr: ToastrService,\r\n        private router: Router\r\n    ) {\r\n        this.router.routeReuseStrategy.shouldReuseRoute = () => false;\r\n    }\r\n\r\n    ngOnInit(): void {\r\n        this.iconType = this.route.snapshot.paramMap.get('type')\r\n        if(this.iconType === 'feather') {\r\n            import('./feather.icon').then((module) => {\r\n                this.iconsPrimitive = module.featherIcons\r\n                this.icons = module.featherIcons\r\n                this.cdr.markForCheck();\r\n            });\r\n        }\r\n        if(this.iconType === 'line-awesome') {\r\n            this.fetchLineAwesome('regular')\r\n        }\r\n    }\r\n\r\n    fetchLineAwesome(type: LineAwesome) {\r\n        this.lineAwesomeType = type\r\n        if(type === 'regular') {\r\n            import('./line-awesome-regular').then((module) => {\r\n                this.iconsPrimitive = module.lineAwesomeIcons\r\n                this.icons = module.lineAwesomeIcons\r\n                this.cdr.markForCheck();\r\n            });\r\n        }\r\n        if(type === 'brand') {\r\n            import('./line-awesome-brand').then((module) => {\r\n                this.iconsPrimitive = module.lineAwesomeIcons\r\n                this.icons = module.lineAwesomeIcons\r\n                this.cdr.markForCheck();\r\n            });\r\n        }\r\n    }\r\n\r\n    copyToClipboard (val: string) {\r\n        const holder = document.createElement('textarea');\r\n        let copyValue: string\r\n        holder.style.position = 'fixed';\r\n        holder.style.left = '0';\r\n        holder.style.top = '0';\r\n        holder.style.opacity = '0';\r\n        if(this.iconType === 'feather') {\r\n            copyValue = `<i class=\"feather ${val}\"></i>`\r\n        }\r\n        if(this.iconType === 'line-awesome' && this.lineAwesomeType === 'regular') {\r\n            copyValue = `<i class=\"la ${val}\"></i>`\r\n        }\r\n        if(this.iconType === 'line-awesome' && this.lineAwesomeType === 'brand') {\r\n            copyValue = `<i class=\"lab ${val}\"></i>`\r\n        }\r\n        holder.value = copyValue;\r\n        document.body.appendChild(holder);\r\n        holder.focus();\r\n        holder.select();\r\n        document.execCommand('copy');\r\n        document.body.removeChild(holder);\r\n        this.toastr.success(val, 'Copied!', {\r\n            easeTime: 100,\r\n            toastClass: 'ngx-toastr mt-3',\r\n            positionClass: 'toast-top-center'\r\n        });\r\n    }\r\n\r\n    onTabSelect(e) {\r\n        let type: LineAwesome\r\n        switch (e.heading) {\r\n            case 'Regular':\r\n                type = 'regular'\r\n                break;\r\n            case 'Brand':\r\n                type = 'brand'\r\n                break;\r\n            default:\r\n                break;\r\n        }\r\n        this.fetchLineAwesome(type)\r\n    }\r\n\r\n    onSerach(e) {\r\n        const searchValue = e.target.value\r\n        if(searchValue) {\r\n            this.icons = WildcardSearch(this.iconsPrimitive, searchValue)\r\n        } else {\r\n           this.icons = this.iconsPrimitive\r\n        }\r\n    }\r\n}\r\n","<div class=\"container\">\r\n    <h3 class=\"text-center\">\r\n        <span class=\"text-capitalize\">{{iconType}}</span> \r\n        Icon\r\n    </h3>\r\n    <div class=\"mt-4 mx-auto\" style=\"max-width: 800px;\">\r\n        <div class=\"input-affix mb-3\">\r\n            <i class=\"prefix-icon prefix-icon-lg feather icon-search\"></i>\r\n            <input \r\n                type=\"text\"\r\n                placeholder=\"Search Icon...\" \r\n                [(ngModel)]=\"searchValue\" \r\n                class=\"form-control form-control-lg\"\r\n                (keyup)=\"onSerach($event)\"\r\n            >\r\n        </div>\r\n    </div>\r\n    <div class=\"mt-4\" >\r\n        <div class=\"row\" *ngIf=\"iconType === 'feather'\">\r\n            <div class=\"col-6 col-md-2\" *ngFor=\"let icon of icons\">\r\n                <ng-container \r\n                    *ngTemplateOutlet=\"iconDemo;context:{value: icon.value, name: icon.name}\">\r\n                </ng-container>\r\n            </div>\r\n        </div>\r\n        <div *ngIf=\"iconType === 'line-awesome'\">\r\n            <tabset>\r\n                <tab heading=\"Regular\" class=\"mt-2\" (selectTab)=\"onTabSelect($event)\">\r\n                    <div class=\"row mt-3\" *ngIf=\"lineAwesomeType === 'regular'\">\r\n                        <div class=\"col-6 col-md-2\" *ngFor=\"let icon of icons\">\r\n                            <ng-container \r\n                                *ngTemplateOutlet=\"iconDemo;context:{value: icon.value, name: icon.name}\">\r\n                            </ng-container>\r\n                        </div>\r\n                    </div>\r\n                </tab>\r\n                <tab heading=\"Brand\" class=\"mt-2\" (selectTab)=\"onTabSelect($event)\">\r\n                    <div class=\"row mt-3\" *ngIf=\"lineAwesomeType === 'brand'\">\r\n                        <div class=\"col-6 col-md-2\" *ngFor=\"let icon of icons\">\r\n                            <ng-container \r\n                                *ngTemplateOutlet=\"iconDemo;context:{value: icon.value, name: icon.name}\">\r\n                            </ng-container>\r\n                        </div>\r\n                    </div>\r\n                </tab>\r\n            </tabset>\r\n        </div> \r\n    </div>\r\n</div>\r\n<ng-template #iconDemo let-iconValue=\"value\" let-iconName=\"name\">\r\n    <div class=\"card mb-4 icon-demo\" (click)=\"copyToClipboard(iconValue)\">\r\n        <div class=\"card-body text-center\">\r\n            <i [ngClass]=\"{\r\n                'feather': iconType === 'feather',\r\n                'la': iconType === 'line-awesome' && lineAwesomeType === 'regular',\r\n                'lab': iconType === 'line-awesome' && lineAwesomeType === 'brand'\r\n            }\" [class]=\"iconValue\"></i>\r\n            <p class=\"mt-2 mb-0\">{{iconName}}</p>\r\n        </div>\r\n    </div>\r\n</ng-template>","import { NgModule } from '@angular/core';\r\nimport { routes } from './icons.routing.module';\r\nimport { RouterModule } from '@angular/router';\r\nimport { SharedModule } from '@app/shared/shared.module';\r\nimport { ToastrModule } from 'ngx-toastr';\r\nimport { TabsModule } from 'ngx-bootstrap/tabs';\r\n\r\nimport { IconsComponent } from './icons.component';\r\n\r\n@NgModule({\r\n    imports: [\r\n        SharedModule,\r\n        ToastrModule.forRoot(),\r\n        TabsModule.forRoot(),\r\n        RouterModule.forChild(routes) \r\n    ],\r\n    declarations: [\r\n        IconsComponent\r\n    ]\r\n})\r\nexport class IconsModule {}","import { IconsComponent } from './icons.component';\r\n\r\nexport const routes = [\r\n    { \r\n        path: ':type', \r\n        component: IconsComponent,\r\n        data: {\r\n            title: 'Icon',\r\n            hidePageHeader: false\r\n        }\r\n    }\r\n];"],"names":[],"sourceRoot":"webpack:///"}