1webpackJsonp(["main"],{ 2 3/***/ "./src/$$_lazy_route_resource lazy recursive": 4/***/ (function(module, exports) { 5 6function webpackEmptyAsyncContext(req) { 7 // Here Promise.resolve().then() is used instead of new Promise() to prevent 8 // uncatched exception popping up in devtools 9 return Promise.resolve().then(function() { 10 throw new Error("Cannot find module '" + req + "'."); 11 }); 12} 13webpackEmptyAsyncContext.keys = function() { return []; }; 14webpackEmptyAsyncContext.resolve = webpackEmptyAsyncContext; 15module.exports = webpackEmptyAsyncContext; 16webpackEmptyAsyncContext.id = "./src/$$_lazy_route_resource lazy recursive"; 17 18/***/ }), 19
20/***/ "./src/app/app.cache-buster.ts": 21/***/ (function(module, __webpack_exports__, __webpack_require__) { 22 23"use strict"; 24/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return cacheBuster; }); 25var cacheBuster = '2017-03-29'; 26 27 28/***/ }), 29
30/***/ "./src/app/app.component.ts": 31/***/ (function(module, __webpack_exports__, __webpack_require__) { 32 33"use strict"; 34/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return AppComponent; }); 35/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__angular_core__ = __webpack_require__("./node_modules/@angular/core/esm5/core.js"); 36/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__angular_router__ = __webpack_require__("./node_modules/@angular/router/esm5/router.js"); 37/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_rxjs_Subject__ = __webpack_require__("./node_modules/rxjs/_esm5/Subject.js"); 38/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_rxjs_add_operator_takeUntil__ = __webpack_require__("./node_modules/rxjs/_esm5/add/operator/takeUntil.js"); 39/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__app_themes__ = __webpack_require__("./src/app/app.themes.ts"); 40/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5__cloukit_theme__ = __webpack_require__("./node_modules/@cloukit/theme/theme.es5.js"); 41var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) { 42 var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d; 43 if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc); 44 else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r; 45 return c > 3 && r && Object.defineProperty(target, key, r), r; 46}; 47var __metadata = (this && this.__metadata) || function (k, v) { 48 if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v); 49}; 50/*! 51 * @license MIT 52 * Copyright (c) 2017 Bernhard Grünewaldt - codeclou.io 53 * https://github.com/cloukit/legal 54 */ 55 56 57 58 59 60 61var AppComponent = /** @class */ (function () { 62 function AppComponent(router, cloukitThemeService) { 63 this.router = router; 64 this.cloukitThemeService = cloukitThemeService; 65 this.preDestory = new __WEBPACK_IMPORTED_MODULE_2_rxjs_Subject__["a" /* Subject */](); 66 this.isHomePage = false; 67 this.cloukitThemeService.registerComponentTheme("smiggle", new __WEBPACK_IMPORTED_MODULE_4__app_themes__["a" /* SmiggleTheme */]()); 68 } 69 AppComponent.prototype.ngOnInit = function () { 70 var _this = this; 71 this.router.events.takeUntil(this.preDestory).subscribe(function (routerEvent) { 72 _this.isHomePage = 73 routerEvent instanceof __WEBPACK_IMPORTED_MODULE_1__angular_router__["b" /* NavigationEnd */] && routerEvent.url === "/"; 74 }); 75 }; 76 AppComponent.prototype.ngOnDestroy = function () { 77 this.preDestory.next(true); 78 this.preDestory.complete(); 79 }; 80 AppComponent = __decorate([ 81 Object(__WEBPACK_IMPORTED_MODULE_0__angular_core__["n" /* Component */])({ 82 selector: "app-root", 83 encapsulation: __WEBPACK_IMPORTED_MODULE_0__angular_core__["_10" /* ViewEncapsulation */].None, 84 template: "<div class=\"deprecated\">\n This project is deprecated and archived. It is no longer maintained.\n </div>\n <div class=\"app\">\n <div class=\"hidden-e2e-hook\" id=\"hidden-e2e-hook\">app-works</div>\n <div class=\"app-nav\" *ngIf=\"!isHomePage\">\n <a routerLink=\"/\" class=\"app-logo-link\">\n <img\n src=\"/assets/images/cloukit-logo-square.svg\"\n class=\"app-logo-svg\"\n />\n </a>\n <div class=\"app-component-list\">\n <div class=\"app-nav-heading\">Guides</div>\n <a\n class=\"app-component-list-item\"\n routerLink=\"/guide/themeing\"\n routerLinkActive=\"app-component-list-item-active\"\n >\n Using Custom Themes\n </a>\n <a\n class=\"app-component-list-item\"\n routerLink=\"/guide/iconing\"\n routerLinkActive=\"app-component-list-item-active\"\n >\n Using Custom Icons\n </a>\n <div class=\"app-nav-heading\" routerLink=\"/component\">Components</div>\n <a\n class=\"app-component-list-item\"\n routerLink=\"/component/theme\"\n routerLinkActive=\"app-component-list-item-active\"\n >\n theme\n </a>\n <a\n class=\"app-component-list-item\"\n routerLink=\"/component/common\"\n routerLinkActive=\"app-component-list-item-active\"\n >\n common\n </a>\n <a\n class=\"app-component-list-item\"\n routerLink=\"/component/toggle\"\n routerLinkActive=\"app-component-list-item-active\"\n >\n toggle\n </a>\n <a\n class=\"app-component-list-item\"\n routerLink=\"/component/pagination\"\n routerLinkActive=\"app-component-list-item-active\"\n >\n pagination\n </a>\n <a\n class=\"app-component-list-item\"\n routerLink=\"/component/dropout\"\n routerLinkActive=\"app-component-list-item-active\"\n >\n dropout\n </a>\n <a\n class=\"app-component-list-item\"\n routerLink=\"/component/tooltip\"\n routerLinkActive=\"app-component-list-item-active\"\n >\n tooltip\n </a>\n <a\n class=\"app-component-list-item\"\n routerLink=\"/component/icon\"\n routerLinkActive=\"app-component-list-item-active\"\n >\n icon\n </a>\n <a\n class=\"app-component-list-item\"\n routerLink=\"/component/notification\"\n routerLinkActive=\"app-component-list-item-active\"\n >\n notification\n </a>\n </div>\n <div class=\"app-nav-heading\">Techdoc</div>\n <a\n class=\"app-component-list-item\"\n routerLink=\"/techdoc/module-format-and-build\"\n routerLinkActive=\"app-component-list-item-active\"\n >\n Module Format & Build\n </a>\n <a\n class=\"app-component-list-item\"\n routerLink=\"/techdoc/license\"\n routerLinkActive=\"app-component-list-item-active\"\n >\n License & Author\n </a>\n <a\n class=\"app-component-list-item\"\n routerLink=\"/techdoc/project-state-contributing\"\n routerLinkActive=\"app-component-list-item-active\"\n >\n Project State & Contributing\n </a>\n </div>\n <div class=\"{{ isHomePage ? 'app-content-homepage' : 'app-content' }}\">\n <router-outlet></router-outlet>\n <div class=\"app-info\">\n <!-- ___BUILDSTAMP___ -->\n <!-- ___COMMIT___ -->\n </div>\n </div>\n </div>", 85 styles: [ 86 ".deprecated { width:100%; padding:10px; background-color:red; color:#fff; font-weight:bold; margin-top: -10px; margin-left: -10px; margin-bottom: 20px; }", 87 "a { color: #710ECC; text-decoration:none;}", 88 "a:hover { color: #9650D7; text-decoration:underline;}", 89 ".app { font-family: 'Source Sans Pro', sans-serif; display:flex; font-size:17px; }", 90 ".app-logo-link { text-decoration:none; color:#74276D; font-size:30px; }", 91 ".app-nav { width: 250px; min-width: 250px; max-width: 250px; padding:20px; }", 92 ".app-nav-heading { text-transform: uppercase;
92 color:#777; padding:5px; margin-top:30px; margin-bottom:10px; }", 93 ".app-logo-svg { width:60%; margin: 0 auto; }", 94 ".app-content { padding:30px; max-width:1100px; }", 95 ".app-content-homepage { width:100%; }", 96 ".app-info { color:#777; font-size:12px; padding:8px; text-align:right; margin-top:50px;}", 97 ".app-component-list-item { text-decoration: none; color:#777; padding:10px; display:block; border-bottom:1px solid #ccc; }", 98 ".app-component-list-item-active { color:#555; text-decoration:none; font-weight: bold; background-color:#efefef; }", 99 ".app-component-list-item:hover { color:#555; text-decoration: none; }", 100 ".app-component-list-item-active:hover { text-decoration:none; }", 101 ".hidden-e2e-hook { display: none; }", 102 ], 103 }), 104 __metadata("design:paramtypes", [__WEBPACK_IMPORTED_MODULE_1__angular_router__["c" /* Router */], 105 __WEBPACK_IMPORTED_MODULE_5__cloukit_theme__["d" /* CloukitThemeService */]]) 106 ], AppComponent); 107 return AppComponent; 108}()); 109 110 111 112/***/ }), 113
114/***/ "./src/app/app.module.ts": 115/***/ (function(module, __webpack_exports__, __webpack_require__) { 116 117"use strict"; 118/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return AppModule; }); 119/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__angular_core__ = __webpack_require__("./node_modules/@angular/core/esm5/core.js"); 120/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__angular_common__ = __webpack_require__("./node_modules/@angular/common/esm5/common.js"); 121/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__angular_platform_browser__ = __webpack_require__("./node_modules/@angular/platform-browser/esm5/platform-browser.js"); 122/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__angular_http__ = __webpack_require__("./node_modules/@angular/http/esm5/http.js"); 123/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__angular_forms__ = __webpack_require__("./node_modules/@angular/forms/esm5/forms.js"); 124/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5__angular_router__ = __webpack_require__("./node_modules/@angular/router/esm5/router.js"); 125/* harmony import */ var __WEBPACK_IMPORTED_MODULE_6__app_component__ = __webpack_require__("./src/app/app.component.ts"); 126/* harmony import */ var __WEBPACK_IMPORTED_MODULE_7__components_component_documentation_component__ = __webpack_require__("./src/app/components/component-documentation.component.ts"); 127/* harmony import */ var __WEBPACK_IMPORTED_MODULE_8__pages_component_documentation_page_component__ = __webpack_require__("./src/app/pages/component-documentation-page.component.ts"); 128/* harmony import */ var __WEBPACK_IMPORTED_MODULE_9__pages_not_found_page_component__ = __webpack_require__("./src/app/pages/not-found-page.component.ts"); 129/* harmony import */ var __WEBPACK_IMPORTED_MODULE_10__pages_home_page_component__ = __webpack_require__("./src/app/pages/home-page.component.ts"); 130/* harmony import */ var __WEBPACK_IMPORTED_MODULE_11__services_component_fetch_service__ = __webpack_require__("./src/app/services/component-fetch.service.ts"); 131/* harmony import */ var __WEBPACK_IMPORTED_MODULE_12_app_pipes_save_html_pipe__ = __webpack_require__("./src/app/pipes/save-html.pipe.ts"); 132/* harmony import */ var __WEBPACK_IMPORTED_MODULE_13__components_source_code_box__ = __webpack_require__("./src/app/components/source-code-box.ts"); 133/* harmony import */ var __WEBPACK_IMPORTED_MODULE_14__components_preview_file_code_box__ = __webpack_require__("./src/app/components/preview-file-code-box.ts"); 134/* harmony import */ var __WEBPACK_IMPORTED_MODULE_15__components_link_component__ = __webpack_require__("./src/app/components/link.component.ts"); 135/* harmony import */ var __WEBPACK_IMPORTED_MODULE_16__components_markdown_box__ = __webpack_require__("./src/app/components/markdown-box.ts"); 136/* harmony import */ var __WEBPACK_IMPORTED_MODULE_17_app_pages_guides_themeing_page_component__ = __webpack_require__("./src/app/pages/guides-themeing-page.component.ts"); 137/* harmony import */ var __WEBPACK_IMPORTED_MODULE_18__components_component_info_header_component__ = __webpack_require__("./src/app/components/component-info-header.component.ts"); 138/* harmony import */ var __WEBPACK_IMPORTED_MODULE_19_app_components_prism_css_wrapper_component__ = __webpack_require__("./src/app/components/prism-css-wrapper.component.ts"); 139/* harmony import */ var __WEBPACK_IMPORTED_MODULE_20__pages_guides_iconing_page_component__ = __webpack_require__("./src/app/pages/guides-iconing-page.component.ts"); 140/* harmony import */ var __WEBPACK_IMPORTED_MODULE_21__cloukit_theme__ = __webpack_require__("./node_modules/@cloukit/theme/theme.es5.js"); 141/* harmony import */ var __WEBPACK_IMPORTED_MODULE_22__cloukit_toggle__ = __webpack_require__("./node_modules/@cloukit/toggle/toggle.es5.js"); 142/* harmony import */ var __WEBPACK_IMPORTED_MODULE_23__pages_techdoc_license_component__ = __webpack_require__("./src/app/pages/techdoc-license.component.ts"); 143/* harmony import */ var __WEBPACK_IMPORTED_MODULE_24__pages_techdoc_module_format_and_build_component__ = __webpack_require__("./src/app/pages/techdoc-module-format-and-build.component.ts"); 144/* harmony import */ var __WEBPACK_IMPORTED_MODULE_25_app_pages_techdoc_project_state_and_contributing_component__ = __webpack_require__("./src/app/pages/techdoc-project-state-and-contributing.component.ts"); 145/* harmony import */ var __WEBPACK_IMPORTED_MODULE_26_app_pages_component_overview_page_component__ = __webpack_require__("./src/app/pages/component-overview-page.component.ts"); 146var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) { 147 var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d; 148 if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc); 149 else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c >
149 3 ? d(target, key, r) : d(target, key)) || r; 150 return c > 3 && r && Object.defineProperty(target, key, r), r; 151}; 152/*! 153 * @license MIT 154 * Copyright (c) 2017 Bernhard Grünewaldt - codeclou.io 155 * https://github.com/cloukit/legal 156 */ 157 158 159 160 161 162 163 164 165 166 167 168 169 170 171 172 173 174 175 176 177 178 179 180 181 182 183 184var appRoutes = [ 185 { path: 'guide/themeing', component: __WEBPACK_IMPORTED_MODULE_17_app_pages_guides_themeing_page_component__["a" /* GuidesThemeingPageComponent */] }, 186 { path: 'guide/iconing', component: __WEBPACK_IMPORTED_MODULE_20__pages_guides_iconing_page_component__["a" /* GuidesIconingPageComponent */] }, 187 { path: 'component/:componentId/:componentVersion', component: __WEBPACK_IMPORTED_MODULE_8__pages_component_documentation_page_component__["a" /* ComponentDocumentationPageComponent */] }, 188 { path: 'component/:componentId', component: __WEBPACK_IMPORTED_MODULE_8__pages_component_documentation_page_component__["a" /* ComponentDocumentationPageComponent */] }, 189 { path: 'component', component: __WEBPACK_IMPORTED_MODULE_26_app_pages_component_overview_page_component__["a" /* ComponentOverviewPageComponent */] }, 190 { path: 'techdoc/license', component: __WEBPACK_IMPORTED_MODULE_23__pages_techdoc_license_component__["a" /* TechdocLicenseComponent */] }, 191 { path: 'techdoc/module-format-and-build', component: __WEBPACK_IMPORTED_MODULE_24__pages_techdoc_module_format_and_build_component__["a" /* TechdocModuleFormatAndBuildComponent */] }, 192 { path: 'techdoc/project-state-contributing', component: __WEBPACK_IMPORTED_MODULE_25_app_pages_techdoc_project_state_and_contributing_component__["a" /* TechdocProjectStateAndContributingComponent */] }, 193 { path: '', component: __WEBPACK_IMPORTED_MODULE_10__pages_home_page_component__["a" /* HomePageComponent */] }, 194 { path: '**', component: __WEBPACK_IMPORTED_MODULE_9__pages_not_found_page_component__["a" /* NotFoundPageComponent */] }, 195]; 196var AppModule = /** @class */ (function () { 197 function AppModule() { 198 } 199 AppModule = __decorate([ 200 Object(__WEBPACK_IMPORTED_MODULE_0__angular_core__["I" /* NgModule */])({ 201 imports: [ 202 __WEBPACK_IMPORTED_MODULE_5__angular_router__["d" /* RouterModule */].forRoot(appRoutes, { useHash: true }), 203 __WEBPACK_IMPORTED_MODULE_4__angular_forms__["c" /* FormsModule */], 204 __WEBPACK_IMPORTED_MODULE_3__angular_http__["b" /* HttpModule */], 205 __WEBPACK_IMPORTED_MODULE_2__angular_platform_browser__["a" /* BrowserModule */], 206 __WEBPACK_IMPORTED_MODULE_4__angular_forms__["e" /* ReactiveFormsModule */], 207 __WEBPACK_IMPORTED_MODULE_1__angular_common__["b" /* CommonModule */], 208 __WEBPACK_IMPORTED_MODULE_21__cloukit_theme__["c" /* CloukitThemeModule */], 209 __WEBPACK_IMPORTED_MODULE_22__cloukit_toggle__["b" /* CloukitToggleModule */], 210 ], 211 declarations: [ 212 __WEBPACK_IMPORTED_MODULE_6__app_component__["a" /* AppComponent */], 213 __WEBPACK_IMPORTED_MODULE_7__components_component_documentation_component__["a" /* ComponentDocumentationComponent */], 214 __WEBPACK_IMPORTED_MODULE_8__pages_component_documentation_page_component__["a" /* ComponentDocumentationPageComponent */], 215 __WEBPACK_IMPORTED_MODULE_10__pages_home_page_component__["a" /* HomePageComponent */], 216 __WEBPACK_IMPORTED_MODULE_9__pages_not_found_page_component__["a" /* NotFoundPageComponent */], 217 __WEBPACK_IMPORTED_MODULE_12_app_pipes_save_html_pipe__["a" /* SafeHtmlPipe */], 218 __WEBPACK_IMPORTED_MODULE_13__components_source_code_box__["a" /* SourceCodeBoxComponent */], 219 __WEBPACK_IMPORTED_MODULE_14__components_preview_file_code_box__["a" /* PreviewFileBoxComponent */], 220 __WEBPACK_IMPORTED_MODULE_15__components_link_component__["a" /* LinkComponent */], 221 __WEBPACK_IMPORTED_MODULE_16__components_markdown_box__["a" /* MarkdownBoxComponent */], 222 __WEBPACK_IMPORTED_MODULE_17_app_pages_guides_themeing_page_component__["a" /* GuidesThemeingPageComponent */], 223 __WEBPACK_IMPORTED_MODULE_18__components_component_info_header_component__["a" /* ComponentInfoHeaderComponent */], 224 __WEBPACK_IMPORTED_MODULE_19_app_components_prism_css_wrapper_component__["a" /* PrismCssWrapperComponent */], 225 __WEBPACK_IMPORTED_MODULE_20__pages_guides_iconing_page_component__["a" /* GuidesIconingPageComponent */], 226 __WEBPACK_IMPORTED_MODULE_23__pages_techdoc_license_component__["a" /* TechdocLicenseComponent */], 227 __WEBPACK_IMPORTED_MODULE_24__pages_techdoc_module_format_and_build_component__["a" /* TechdocModuleFormatAndBuildComponent */], 228 __WEBPACK_IMPORTED_MODULE_25_app_pages_techdoc_project_state_and_contributing_component__["a" /* TechdocProjectStateAndContributingComponent */], 229 __WEBPACK_IMPORTED_MODULE_26_app_pages_component_overview_page_component__["a" /* ComponentOverviewPageComponent */], 230 ], 231 providers: [ 232 __WEBPACK_IMPORTED_MODULE_11__services_component_fetch_service__["a" /* ComponentFetchService */] 233 ], 234 bootstrap: [ 235 __WEBPACK_IMPORTED_MODULE_6__app_component__["a" /* AppComponent */], 236 ], 237 }) 238 ], AppModule); 239 return AppModule; 240}()); 241 242 243 244/***/ }), 245
246/***/ "./src/app/app.styles.ts": 247/***/ (function(module, __webpack_exports__, __webpack_require__) { 248 249"use strict"; 250/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return SharedStyles; }); 251var SharedStyles = /** @class */ (function () { 252 function SharedStyles() { 253 } 254 SharedStyles.styles = [ 255 '.code {}', 256 'p, td { line-height:1.6rem; font-family: \'Source Sans Pro\', sans-serif; }', 257 'h3 { color:#710ECC; font-weight:400; font-family: \'Source Sans Pro\', sans-serif; }', 258 'h2 { color:#000; font-weight:400; font-family: \'Source Sans Pro\', sans-serif; font-size:30px; margin-top:10px; }', 259 'code { padding:4px 2px 4px 2px; color:#7a2af3; }', 260 'pre { border-radius:0 !important; }', 261 'table { border-collapse: collapse; }', 262 'table tbody tr td { border-bottom: 1px solid #e9ecef; padding:10px; }', 263 'table thead th { border-bottom: 1px solid #e9ecef; padding:10px; text-align:left; }', 264 ]; 265 return SharedStyles; 266}()); 267 268 269 270/***/ }), 271
272/***/ "./src/app/app.themes.ts": 273/***/ (function(module, __webpack_exports__, __webpack_require__) { 274 275"use strict"; 276/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return SmiggleTheme; }); 277/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__cloukit_toggle__ = __webpack_require__("./node_modules/@cloukit/toggle/toggle.es5.js"); 278var __extends = (this && this.__extends) || (function () { 279 var extendStatics = Object.setPrototypeOf || 280 ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) || 281 function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; }; 282 return function (d, b) { 283 extendStatics(d, b); 284 function __() { this.constructor = d; } 285 d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __()); 286 }; 287})(); 288 289var SmiggleTheme = /** @class */ (function (_super) { 290 __extends(SmiggleTheme, _super); 291 function SmiggleTheme() { 292 var _this = _super.call(this) || this; 293 var wrapperToggledBase = _this.getElementTheme('wrapper', 'toggled', 'base').styleDef; 294 wrapperToggledBase.style.backgroundColor = '#67069C'; 295 var wrapperToggledHover = _this.getElementTheme('wrapper', 'toggled', 'hover').styleDef; 296 wrapperToggledHover.style.backgroundColor = '#903CBE'; 297 var smileyChan = "M256 474c-120.398 0-218-97.602-218-218S135.602\n 38 256 38s218 97.602 218 218-97.602 218-218 218zm-83-242c20.435 0\n 37-16.565 37-37s-16.565-37-37-37-37 16.565-37 37 16.565 37 37\n 37zm163 0c20.435 0 37-16.565 37-37s-16.565-37-37-37-37 16.565-37 37\n 16.565 37 37 37zm-197 73v41c39 34.91 78 52.367 117 52.367S334 380.91\n 373 346v-41c-39.24 24.443-78.24 36.664-117 36.664-38.76 0-77.76-12.22-117-36.664z"; 298 var iconLeftToggledBase = _this.getElementTheme('iconLeft', 'toggled', 'base').styleDef; 299 iconLeftToggledBase.icon.svgPathD = smileyChan; 300 iconLeftToggledBase.icon.svgStyle = { 301 fill: '#fff', 302 fillRule: 'evenodd', 303 }; 304 var iconLeftToggledHover = _this.getElementTheme('iconLeft', 'toggled', 'hover').styleDef; 305 iconLeftToggledHover.icon.svgPathD = smileyChan; 306 return _this; 307 } 308 return SmiggleTheme; 309}(__WEBPACK_IMPORTED_MODULE_0__cloukit_toggle__["a" /* CloukitToggleComponentThemeDefault */])); 310 311 312 313/***/ }), 314
315/***/ "./src/app/components/component-documentation.component.ts": 316/***/ (function(module, __webpack_exports__, __webpack_require__) { 317 318"use strict"; 319/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return ComponentDocumentationComponent; }); 320/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__angular_core__ = __webpack_require__("./node_modules/@angular/core/esm5/core.js"); 321/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__model_component_data_model__ = __webpack_require__("./src/app/model/component-data.model.ts"); 322/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__angular_platform_browser__ = __webpack_require__("./node_modules/@angular/platform-browser/esm5/platform-browser.js"); 323/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_util__ = __webpack_require__("./node_modules/util/util.js"); 324/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_util___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_3_util__); 325/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_lodash__ = __webpack_require__("./node_modules/lodash/lodash.js"); 326/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_lodash___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_4_lodash__); 327/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5__app_styles__ = __webpack_require__("./src/app/app.styles.ts"); 328var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) { 329 var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d; 330 if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc); 331 else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r; 332 return c > 3 && r && Object.defineProperty(target, key, r), r; 333}; 334var __metadata = (this && this.__metadata) || function (k, v) { 335 if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v); 336}; 337/*! 338 * @license MIT 339 * Copyright (c) 2017 Bernhard Grünewaldt - codeclou.io 340 * https://github.com/cloukit/legal 341 */ 342 343 344 345 346 347 348var ComponentDocumentationComponent = /** @class */ (function () { 349 function ComponentDocumentationComponent(sanitizer) { 350 this.sanitizer = sanitizer; 351 this.componentVersionChange = new __WEBPACK_IMPORTED_MODULE_0__angular_core__["v" /* EventEmitter */](); 352 } 353 ComponentDocumentationComponent.prototype.ngOnChanges = function () { 354 var _this = this; 355 this.selectedVersion = this.componentVersion; 356 if (!Object(__WEBPACK_IMPORTED_MODULE_3_util__["isNullOrUndefined"])(this.componentData)) { 357 this.currentVersion = this.componentData.versions.filter(function (v) { return v.version === _this.selectedVersion; })[0]; 358 } 359 this.iframeDocUrl = this.sanitizer.bypassSecurityTrustResourceUrl("https://cloukit.github.io/" + this.componentId + "/" + this.componentVersion + "/demo/"); 360 }; 361 ComponentDocumentationComponent.prototype.changeComponentVersion = function () { 362 this.componentVersionChange.emit(this.selectedVersion); 363 }; 364 ComponentDocumentationComponent.prototype.toPairs = function (obj) { 365 return __WEBPACK_IMPORTED_MODULE_4_lodash__["toPairs"](obj); 366 }; 367 ComponentDocumentationComponent.prototype.resizeIframe = function (event) { 368 // const iframe = <HTMLIFrameElement> event.srcElement; 369 // iframe.height = iframe.contentWindow.outerHeight + 30 + 'px'; 370 }; 371 __decorate([ 372 Object(__WEBPACK_IMPORTED_MODULE_0__angular_core__["D" /* Input */])(), 373 __metadata("design:type", String) 374 ], ComponentDocumentationComponent.prototype, "componentId", void 0); 375 __decorate([ 376 Object(__WEBPACK_IMPORTED_MODULE_0__angular_core__["D" /* Input */])(), 377 __metadata("design:type", String) 378 ], ComponentDocumentationComponent.prototype, "componentVersion", void 0); 379 __decorate([ 380 Object(__WEBPACK_IMPORTED_MODULE_0__angular_core__["D" /* Input */])(), 381 __metadata("design:type", __WEBPACK_IMPORTED_MODULE_1__model_component_data_model__["a" /* ComponentData */]) 382 ], ComponentDocumentationComponent.prototype, "componentData", void 0); 383 __decorate([ 384 Object(__WEBPACK_IMPORTED_MODULE_0__angular_core__["D" /* Input */])(), 385 __metadata("design:type", __WEBPACK_IMPORTED_MODULE_1__model_component_data_model__["b" /* ComponentPreviewFile */]) 386 ], ComponentDocumentationComponent.prototype, "componentTheme", void 0); 387 __decorate([ 388 Object(__WEBPACK_IMPORTED_MODULE_0__angular_core__["D" /* Input */])(), 389 __metadata("design:type", __WEBPACK_IMPORTED_MODULE_1__model_component_data_model__["c" /* PackageJson */]) 390 ], ComponentDocumentationComponent.prototype, "packageJson", void 0); 391 __decorate([ 392 Object(__WEBPACK_IMPORTED_MODULE_0__angular_core__["D" /* Input */])(), 393 __metadata("design:type", String) 394 ], ComponentDocumentationComponent.prototype, "componentDistUrl", void 0); 395 __decorate([ 396 Object(__WEBPACK_IMPORTED_MODULE_0__angular_core__["D" /* Input */])(), 397 __metadata("design:type", String) 398 ], ComponentDocumentationComponent.prototype, "usageMarkdown", void 0); 399 __decorate([ 400 Object(__WEBPACK_IMPORTED_MODULE_0__angular_core__["D" /* Input */])(), 401 __metadata("design:type", String) 402 ], ComponentDocumentationComponent.prototype, "themeMarkdown", void 0); 403 __decorate([ 404 Object(__WEBPACK_IMPORTED_MODULE_0__angular_core__["P" /* Output */])(), 405 __metadata("design:type", Object) 406 ], ComponentDocumentationComponent.prototype, "componentVersionChange", void 0); 407 ComponentDocumentationComponent = __decorate([ 408 Object(__WEBPACK_IMPORTED_MODULE_0__angular_core__["n" /* Component */])({ 409 selector: 'app-component-documentation', 410 template: "\n <div class=\"component\" *ngIf=\"componentData?.versions\">\n <div class=\"component-row component-row--no-border\">\n <div class=\"component-header\">\n <div class=\"component-headline\">
410\n <span style=\"flex:10;\">@cloukit/{{componentId}}</span>\n <select\n style=\"flex:1;\"\n [(ngModel)]=\"selectedVersion\"\n (change)=\"changeComponentVersion()\"\n class=\"selectbox\"\n >\n <option\n *ngFor=\"let version of componentData.versions; index as i;\"\n [value]=\"version.version\"\n >\n {{version.version}}\n </option>\n </select>\n </div>\n <div class=\"component-description\">\n {{packageJson ? packageJson.description : '...'}}\n </div>\n </div>\n </div>\n <div class=\"component-row component-row--no-border\" style=\"padding-right:28px;\">\n <app-component-info-header\n [componentName]=\"componentId\"\n [componentVersion]=\"componentVersion\"\n [componentStatus]=\"componentData.status\"\n >\n </app-component-info-header>\n </div>\n <div class=\"component-row\">\n <!--\n <div class=\"component-col component-col-heading\">\n Installation\n </div>\n -->\n <div class=\"component-col p-bt-0\">\n <pre class=\"shell\">npm install --save @cloukit/{{componentId}}</pre><br>\n <pre class=\"shell\">yarn add @cloukit/{{componentId}}</pre>\n </div>\n </div>\n <div class=\"component-row\">\n <div class=\"component-col component-col-heading component-col-heading-demo\">\n <span style=\"flex:8;\">Demo</span>\n <span style=\"flex:1;text-align:right; font-size:1.2rem;\">\n <a\n target=\"_blank\"\n href=\"https://github.com/cloukit/{{componentId}}/tree/{{componentVersion}}/src/app/demo\"\n >Source</a>\n </span>\n </div>\n <div class=\"component-col\">\n <iframe\n *ngIf=\"iframeDocUrl\"\n [src]=\"iframeDocUrl\"\n width=\"100%\"\n height=\"700\"\n class=\"preview-iframe\"\n (load)=\"resizeIframe($event)\"\n ></iframe>\n </div>\n </div>\n <div class=\"component-row\">\n <div class=\"component-col component-col-heading\">\n Usage\n </div>\n <div class=\"component-col\">\n <app-markdown-box\n [markdown]=\"usageMarkdown\"\n ></app-markdown-box>\n </div>\n </div>\n <div class=\"component-row\">\n <div class=\"component-col component-col-heading\">\n Dependencies\n </div>\n <div class=\"component-col\" *ngIf=\"packageJson\">\n <table class=\"table\">\n <tr *ngFor=\"let dependency of toPairs(packageJson.dependencies); index as i;\">\n <td class=\"table-td\" style=\"width:250px;\">{{dependency[0]}}</td>\n <td class=\"table-td\">{{dependency[1]}}</td>\n </tr>\n </table>\n </div>\n </div>\n <div class=\"component-row\">\n <div class=\"component-col component-col-heading\">\n Peer Dependencies\n </div>\n <div class=\"component-col\" *ngIf=\"packageJson\">\n <table class=\"table\">\n <tr *ngFor=\"let peerDependency of toPairs(packageJson.peerDependencies); index as i;\">\n <td class=\"table-td\" style=\"width:250px;\">{{peerDependency[0]}}</td>\n <td class=\"table-td\">{{peerDependency[1]}}</td>\n </tr>\n </table>\n </div>\n </div>\n <div class=\"component-row\" *ngIf=\"componentTheme\">\n <div class=\"component-col component-col-heading\">\n Theming\n </div>\n <div class=\"component-col\">\n <app-markdown-box\n [markdown]=\"themeMarkdown\"\n ></app-markdown-box>\n <p>The <strong>default Theme</strong> is composed like this.</p>\n <app-preview-file-code-box\n language=\"typescript\"\n [previewFile]=\"componentTheme\"\n ></app-preview-file-code-box>\n </div>\n </div>\n </div>", 411 styles: [ 412 '.component-row { display:flex; margin-bottom:10px; padding:10px; flex-direction: column; }', 413 '.component-row--no-border { border-bottom:0px; }', 414 '.component-col { margin-right:20px; min-width:900px; }', 415 '.component-col-heading { font-size:1.6rem; font-weight:300; min-height:35px; max-height:35px; margin-bottom:10px; color: #710ECC; border-bottom: 1px solid #710ECC; }', 416 '.component-col-heading-demo { display:flex; }', 417 '.component-header { display:block; }', 418 '.component-headline { display:flex; font-size:30px; margin-bottom:8px; padding-right:23px;}', 419 '.component-description { font-size:20px; margin-bottom:20px; }', 420 '.selectbox { border-radius:0px; border: 1px solid #ccc; font-size:14px; }', 421 '.p-bt-0 { padding-top:0px; padding-bottom:0px }', 422 '.shell { padding:10px 15px 10px 15px; margin:0px; margin-top:-5px; color:#fff; background-color: #272822; }', 423 '.preview-iframe { border:0; border-bottom:1px solid #efefef; }', 424 '.table { font-family:monospace; }', 425 '.table-td { padding:3px; }', 426 ].concat(__WEBPACK_IMPORTED_MODULE_5__app_styles__["a" /* SharedStyles */].styles), 427 }), 428 __metadata("design:paramtypes", [__WEBPACK_IMPORTED_MODULE_2__angular_platform_browser__["b" /* DomSanitizer */]]) 429 ], ComponentDocumentationComponent); 430 return ComponentDocumentationComponent; 431}()); 432 433 434 435/***/ }), 436
437/***/ "./src/app/components/component-info-header.component.ts": 438/***/ (function(module, __webpack_exports__, __webpack_require__) { 439 440"use strict"; 441/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return ComponentInfoHeaderComponent; }); 442/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__angular_core__ = __webpack_require__("./node_modules/@angular/core/esm5/core.js"); 443/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_lodash__ = __webpack_require__("./node_modules/lodash/lodash.js"); 444/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_lodash___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_1_lodash__); 445var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) { 446 var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d; 447 if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc); 448 else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r; 449 return c > 3 && r && Object.defineProperty(target, key, r), r; 450}; 451var __metadata = (this && this.__metadata) || function (k, v) { 452 if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v); 453}; 454/*! 455 * @license MIT 456 * Copyright (c) 2017 Bernhard Grünewaldt - codeclou.io 457 * https://github.com/cloukit/legal 458 */ 459 460 461var ComponentInfoHeaderComponent = /** @class */ (function () { 462 function ComponentInfoHeaderComponent() { 463 this.initialSwitchState = { 464 npm: false, 465 unpkg: false, 466 github: false, 467 compodoc: false, 468 statusStable: false, 469 statusExperimental: false, 470 }; 471 this.colors = { 472 npm: { 473 bg: '#cb3837', 474 fg: '#fff', 475 }, 476 unpkg: { 477 bg: '#000', 478 fg: '#fff', 479 }, 480 github: { 481 bg: '#0366d6', 482 fg: '#fff', 483 }, 484 compodoc: { 485 bg: '#2582d5', 486 fg: '#fff', 487 }, 488 statusStable: { 489 bg: '#4ad57d', 490 fg: '#fff', 491 }, 492 statusExperimental: { 493 bg: '#d55900', 494 fg: '#fff', 495 }, 496 }; 497 this.switchState = Object.assign({}, this.initialSwitchState); 498 } 499 ComponentInfoHeaderComponent.prototype.getSwitchState = function (name) { 500 return this.switchState[name] ? 'on' : 'off'; 501 }; 502 ComponentInfoHeaderComponent.prototype.isSwitchStateOn = function () { 503 for (var _i = 0, _a = __WEBPACK_IMPORTED_MODULE_1_lodash__["toPairs"](this.switchState); _i < _a.length; _i++) { 504 var pair = _a[_i]; 505 if (pair[1]) { 506 return true; 507 } 508 } 509 return false; 510 }; 511 ComponentInfoHeaderComponent.prototype.getOnSwitchName = function () { 512 for (var _i = 0, _a = __WEBPACK_IMPORTED_MODULE_1_lodash__["toPairs"](this.switchState); _i < _a.length; _i++) { 513 var pair = _a[_i]; 514 if (pair[1]) { 515 return pair[0]; 516 } 517 } 518 return null; 519 }; 520 ComponentInfoHeaderComponent.prototype.getVendorLogo = function (name) { 521 return "/assets/images/vendor-logos/" + name + "-" + this.getSwitchState(name) + ".svg"; 522 }; 523 ComponentInfoHeaderComponent.prototype.resetSwitchState = function () { 524 this.switchState = Object.assign({}, this.initialSwitchState); 525 }; 526 ComponentInfoHeaderComponent.prototype.getButtonStyle = function (name) { 527 return this.switchState[name] ? { 528 border: "3px solid " + this.colors[name]['bg'], 529 transition: 'border-color 200ms linear' 530 } : { 531 border: "3px solid transparent", 532 transition: 'border-color 200ms linear' 533 }; 534 }; 535 ComponentInfoHeaderComponent.prototype.getInfoHeaderStyle = function () { 536 return this.isSwitchStateOn() ? { 537 backgroundColor: this.colors[this.getOnSwitchName()]['bg'], 538 color: this.colors[this.getOnSwitchName()]['fg'], 539 transition: 'background-color 200ms linear' 540 } : { 541 backgroundColor: 'transparent', 542 transition: 'background-color 200ms linear' 543 }; 544 }; 545 // 546 // STATUS 547 // 548 ComponentInfoHeaderComponent.prototype.getStatusSwitchNameForComponentStatus = function (status) { 549 if (status === 'STABLE') { 550 return 'statusStable'; 551 } 552 if (status === 'EXPERIMENTAL') { 553 return 'statusExperimental'; 554 } 555 return null; 556 }; 557 ComponentInfoHeaderComponent.prototype.hoverStatus = function (status) { 558 if (status === 'STABLE') { 559 this.switchState.statusStable = true; 560 } 561 if (status === 'EXPERIMENTAL') { 562 this.switchState.statusExperimental = true; 563 } 564 }; 565 ComponentInfoHeaderComponent.prototype.getComponentStatusUri = function () { 566 if (this.componentStatus === 'STABLE') { 567 if (this.switchState.statusStable) { 568 return '/assets/images/status-icons/status-stable-on.svg'; 569 } 570 return '/assets/images/status-icons/status-stable-off.svg'; 571 } 572 if (this.componentStatus === 'EXPERIMENTAL') { 573 if (this.switchState.statusExperimental) { 574 return '/assets/images/status-icons/status-experimental-on.svg'; 575 } 576 return '/assets/images/status-icons/status-experimental-off.svg'; 577 } 578 }; 579 __decorate([ 580 Object(__WEBPACK_IMPORTED_MODULE_0__angular_core__["D" /* Input */])(), 581 __metadata("design:type", String) 582 ], ComponentInfoHeaderComponent.prototype, "componentName", void 0); 583 __decorate([ 584 Object(__WEBPACK_IMPORTED_MODULE_0__angular_core__["D" /* Input */])(), 585 __metadata("design:type", String) 586 ], ComponentInfoHeaderComponent.prototype, "componentVersion", void 0); 587 __decorate([ 588 Object(__WEBPACK_IMPORTED_MODULE_0__angular_core__["D" /* Input */])(), 589 __metadata("design:type", String) 590 ], ComponentInfoHeaderComponent.prototype, "componentStatus", void 0); 591 ComponentInfoHeaderComponent = __decorate([ 592 Object(__WEBPACK_IMPORTED_MODULE_0__angular_core__["n" /* Component */])({ 593 selector: 'app-component-info-header', 594 template: "\n <div class=\"info-header\">\n <div class=\"info-header-buttons\">
594\n <span\n class=\"vendor-logo-link\"\n [ngStyle]=\"getButtonStyle(getStatusSwitchNameForComponentStatus(componentStatus))\"\n (mouseover)=\"hoverStatus(componentStatus)\"\n (mouseleave)=\"resetSwitchState()\"\n ><img [src]=\"getComponentStatusUri()\" class=\"vendor-logo\"></span>\n <a\n href=\"https://www.npmjs.com/package/@cloukit/{{componentName}}\"\n target=\"_blank\"\n class=\"vendor-logo-link\"\n [ngStyle]=\"getButtonStyle('npm')\"\n (mouseover)=\"switchState.npm=true\"\n (mouseleave)=\"resetSwitchState()\"\n ><img [src]=\"getVendorLogo('npm')\" class=\"vendor-logo\"></a>\n <a\n href=\"https://github.com/cloukit/{{componentName}}/tree/{{componentVersion}}\"\n target=\"_blank\"\n class=\"vendor-logo-link\"\n [ngStyle]=\"getButtonStyle('github')\"\n (mouseover)=\"switchState.github=true\"\n (mouseleave)=\"resetSwitchState()\"\n ><img [src]=\"getVendorLogo('github')\" class=\"vendor-logo\"></a>\n <a\n href=\"https://unpkg.com/@cloukit/{{componentName}}@{{componentVersion}}/\"\n target=\"_blank\"\n class=\"vendor-logo-link\"\n [ngStyle]=\"getButtonStyle('unpkg')\"\n (mouseover)=\"switchState.unpkg=true\"\n (mouseleave)=\"resetSwitchState()\"\n ><img [src]=\"getVendorLogo('unpkg')\" class=\"vendor-logo\"></a>\n <a\n href=\"https://cloukit.github.io/{{componentName}}/{{componentVersion}}/documentation/\"\n target=\"_blank\"\n class=\"vendor-logo-link\"\n [ngStyle]=\"getButtonStyle('compodoc')\"\n (mouseover)=\"switchState.compodoc=true\"\n (mouseleave)=\"resetSwitchState()\"\n ><img [src]=\"getVendorLogo('compodoc')\" class=\"vendor-logo\"></a>\n </div>\n <div class=\"info-header-bar\" [ngStyle]=\"getInfoHeaderStyle()\">\n <div class=\"info-header-bar-content\">\n <div *ngIf=\"isSwitchStateOn()\">\n {{switchState.statusExperimental ? 'API might change unexpectedly. Use at own risk. It is alive!' : ''}}\n {{switchState.statusStable ? 'API should be stable.' : ''}}\n {{switchState.npm ? 'Show package page on npmjs.com' : ''}}\n {{switchState.github ? 'Show example project on github.com' : ''}}\n {{switchState.unpkg ? 'Show dist contents on unpkg.com' : ''}}\n {{switchState.compodoc ? 'Show detailed Component Documentation' : ''}}\n </div>\n </div>\n </div>\n </div>", 595 styles: [ 596 '.vendor-logo { width:120px; }', 597 '.info-header-bar { height:40px; width:100%; }', 598 '.info-header-bar-content { width:100%; padding: 10px; text-align:center; }', 599 '.info-header-buttons { display: flex; justify-content: space-between; }', 600 '.vendor-logo-link { display:flex; width: 120px; min-width:120px; max-width: 120px; padding:0; height:65px; }', 601 ], 602 }) 603 ], ComponentInfoHeaderComponent); 604 return ComponentInfoHeaderComponent; 605}()); 606 607 608 609/***/ }), 610
611/***/ "./src/app/components/link.component.ts": 612/***/ (function(module, __webpack_exports__, __webpack_require__) { 613 614"use strict"; 615/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return LinkComponent; }); 616/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__angular_core__ = __webpack_require__("./node_modules/@angular/core/esm5/core.js"); 617/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_util__ = __webpack_require__("./node_modules/util/util.js"); 618/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_util___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_1_util__); 619var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) { 620 var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d; 621 if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc); 622 else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r; 623 return c > 3 && r && Object.defineProperty(target, key, r), r; 624}; 625var __metadata = (this && this.__metadata) || function (k, v) { 626 if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v); 627}; 628/*! 629 * @license MIT 630 * Copyright (c) 2017 Bernhard Grünewaldt - codeclou.io 631 * https://github.com/cloukit/legal 632 */ 633 634 635var LinkComponent = /** @class */ (function () { 636 function LinkComponent() { 637 this.style = { 638 normal: { 639 color: '#710ECC', 640 textDecoration: 'none', 641 }, 642 hover: { 643 color: '#9650D7', 644 } 645 }; 646 this.hover = false; 647 if (!Object(__WEBPACK_IMPORTED_MODULE_1_util__["isNullOrUndefined"])(this.color)) { 648 this.style.normal.color = this.color; 649 } 650 if (!Object(__WEBPACK_IMPORTED_MODULE_1_util__["isNullOrUndefined"])(this.colorHover)) { 651 this.style.hover.color = this.colorHover; 652 } 653 } 654 LinkComponent.prototype.getLinkStyle = function () { 655 return this.hover ? this.style.hover : this.style.normal; 656 }; 657 LinkComponent.prototype.getTarget = function () { 658 return this.external ? '_blank' : '_self'; 659 }; 660 __decorate([ 661 Object(__WEBPACK_IMPORTED_MODULE_0__angular_core__["D" /* Input */])(), 662 __metadata("design:type", String) 663 ], LinkComponent.prototype, "href", void 0); 664 __decorate([ 665 Object(__WEBPACK_IMPORTED_MODULE_0__angular_core__["D" /* Input */])(), 666 __metadata("design:type", String) 667 ], LinkComponent.prototype, "name", void 0); 668 __decorate([ 669 Object(__WEBPACK_IMPORTED_MODULE_0__angular_core__["D" /* Input */])(), 670 __metadata("design:type", Boolean) 671 ], LinkComponent.prototype, "external", void 0); 672 __decorate([ 673 Object(__WEBPACK_IMPORTED_MODULE_0__angular_core__["D" /* Input */])(), 674 __metadata("design:type", String) 675 ], LinkComponent.prototype, "color", void 0); 676 __decorate([ 677 Object(__WEBPACK_IMPORTED_MODULE_0__angular_core__["D" /* Input */])(), 678 __metadata("design:type", String) 679 ], LinkComponent.prototype, "colorHover", void 0); 680 LinkComponent = __decorate([ 681 Object(__WEBPACK_IMPORTED_MODULE_0__angular_core__["n" /* Component */])({ 682 selector: 'app-link', 683 template: "<a\n [href]=\"href\"\n [ngStyle]=\"getLinkStyle()\"\n (mouseover)=\"hover=true\"\n (mouseleave)=\"hover=false\"\n [target]=\"getTarget()\"\n >{{name}}</a>", 684 styles: [], 685 }), 686 __metadata("design:paramtypes", []) 687 ], LinkComponent); 688 return LinkComponent; 689}()); 690 691 692 693/***/ }), 694
695/***/ "./src/app/components/markdown-box.ts": 696/***/ (function(module, __webpack_exports__, __webpack_require__) { 697 698"use strict"; 699/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return MarkdownBoxComponent; }); 700/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__angular_core__ = __webpack_require__("./node_modules/@angular/core/esm5/core.js"); 701/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_showdown__ = __webpack_require__("./node_modules/showdown/dist/showdown.js"); 702/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_showdown___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_1_showdown__); 703/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_prismjs__ = __webpack_require__("./node_modules/prismjs/prism.js"); 704/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_prismjs___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_2_prismjs__); 705/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_prismjs_components_prism_css__ = __webpack_require__("./node_modules/prismjs/components/prism-css.js"); 706/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_prismjs_components_prism_css___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_3_prismjs_components_prism_css__); 707/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_prismjs_components_prism_markdown__ = __webpack_require__("./node_modules/prismjs/components/prism-markdown.js"); 708/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_prismjs_components_prism_markdown___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_4_prismjs_components_prism_markdown__); 709/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5_prismjs_components_prism_typescript__ = __webpack_require__("./node_modules/prismjs/components/prism-typescript.js"); 710/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5_prismjs_components_prism_typescript___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_5_prismjs_components_prism_typescript__); 711/* harmony import */ var __WEBPACK_IMPORTED_MODULE_6_app_app_styles__ = __webpack_require__("./src/app/app.styles.ts"); 712/* harmony import */ var __WEBPACK_IMPORTED_MODULE_7__app_cache_buster__ = __webpack_require__("./src/app/app.cache-buster.ts"); 713var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) { 714 var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d; 715 if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc); 716 else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r; 717 return c > 3 && r && Object.defineProperty(target, key, r), r; 718}; 719var __metadata = (this && this.__metadata) || function (k, v) { 720 if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v); 721}; 722/*! 723 * @license MIT 724 * Copyright (c) 2017 Bernhard Grünewaldt - codeclou.io 725 * https://github.com/cloukit/legal 726 */ 727 728 729 730 731 732 733 734 735var showdownPrism = function () { 736 return { 737 type: 'html', 738 filter: function (text, converter, options) { 739 var isCodeBoxRegex = /<pre><code class="([a-zA-Z0-9]+) language\-(.*?)">([\s\S]*?)<\/code><\/pre>/g; 740 var html = text; 741 var isCodeBoxResults = text.match(isCodeBoxRegex); 742 var isCodeBoxRegex2 = new RegExp(/<pre><code class="([a-zA-Z0-9]+) language\-(.*?)">([\s\S]*?)<\/code><\/pre>/g, 'i'); 743 if (isCodeBoxResults && isCodeBoxResults.length > 0) { 744 for (var i = 0; i < isCodeBoxResults.length; i++) { 745 var result = isCodeBoxRegex2.exec(isCodeBoxResults[i]); 746 var language = result[1]; 747 language = language.toLowerCase(); 748 var code = result[3]; 749 code = code 750 .replace(/</g, '<') 751 .replace(/>/g, '>') 752 .replace(/&/g, '&'); 753 var grammar = __WEBPACK_IMPORTED_MODULE_2_prismjs__["languages"][language]; 754 var highlightedCode = __WEBPACK_IMPORTED_MODULE_2_prismjs__["highlight"](code, grammar, language); 755 var highlightedHtml = "<pre class=\"language-" + language + "\"><code class=\"language-" + language + "\">" + highlightedCode + "</code></pre>"; 756 html = html.replace(result.input, highlightedHtml); 757 } 758 } 759 return html; 760 }, 761 }; 762}; 763var svgsAsObjectShowDownExtension = function () { 764 return { 765 type: 'lang', 766 regex: /cloukitSvg:([-.:_/a-zA-Z0-9]+)/g, 767 replace: '<object data="$1' + '?v=' + __WEBPACK_IMPORTED_MODULE_7__app_cache_buster__["a" /* cacheBuster */] + '" type="image/svg+xml"></object>' 768 }; 769}; 770var MarkdownBoxComponent = /** @class */ (function () { 771 function MarkdownBoxComponent() { 772 __WEBPACK_IMPORTED_MODULE_1_showdown__["extension"]('showdown-prism', showdownPrism); 773 __WEBPACK_IMPORTED_MODULE_1_showdown__["extension"]('showdown-svg-object', svgsAsObjectShowDownExtension); 774 this.converter = new __WEBPACK_IMPORTED_MODULE_1_showdown__["Converter"]({ extensions: ['showdown-prism', 'showdown-svg-object'] }); 775 this.converter.setFlavor('github'); 776 } 777 MarkdownBoxComponent.prototype.ngOnChanges = function () { 778 this.markdownHtml = this.converter.makeHtml(this.markdown); 779 }; 780 __decorate([ 781 Object(__WEBPACK_IMPORTED_MODULE_0__angular_core__["D" /* Input */])(), 782 __metadata("design:type", String) 783 ], MarkdownBoxComponent.prototype, "markdown", void 0); 784 MarkdownBoxComponent = __decorate([ 785 Object(__WEBPACK_IMPORTED_MODULE_0__angular_core__["n" /* Component */])({ 786 selector: 'app-markdown-box', 787 template: "\n <app-prism-css-wrapper>\n <div\n class=\"markdown-box\"\n [innerHtml]=\"markdownHtml | safeHtml\"\n ></div>\n </app-prism-css-wrapper>", 788 encapsulation: __WEBPACK_IMPORTED_MODULE_0__angular_core__["_10" /* ViewEncapsulation */].None, 789 styles: [ 790 '.markdown-box { }', 791 '.markdown-box pre { background-color:#333; padding:5px 10px 5px 10px; }', 792 '.markdown-box pre code { color:#fff; }', 793 ].concat(__WEBPACK_IMPORTED_MODULE_6_app_app_styles__["a" /* SharedStyles */].styles), 794 }), 795 __metadata("design:paramtypes", []) 796 ], MarkdownBoxComponent); 797 return MarkdownBoxComponent; 798}()); 799 800 801 802/***/ }), 803
804/***/ "./src/app/components/preview-file-code-box.ts": 805/***/ (function(module, __webpack_exports__, __webpack_require__) { 806 807"use strict"; 808/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return PreviewFileBoxComponent; }); 809/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__angular_core__ = __webpack_require__("./node_modules/@angular/core/esm5/core.js"); 810/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__model_component_data_model__ = __webpack_require__("./src/app/model/component-data.model.ts"); 811var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) { 812 var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d; 813 if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc); 814 else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r; 815 return c > 3 && r && Object.defineProperty(target, key, r), r; 816}; 817var __metadata = (this && this.__metadata) || function (k, v) { 818 if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v); 819}; 820/*! 821 * @license MIT 822 * Copyright (c) 2017 Bernhard Grünewaldt - codeclou.io 823 * https://github.com/cloukit/legal 824 */ 825 826 827var PreviewFileBoxComponent = /** @class */ (function () { 828 function PreviewFileBoxComponent() { 829 } 830 __decorate([ 831 Object(__WEBPACK_IMPORTED_MODULE_0__angular_core__["D" /* Input */])(), 832 __metadata("design:type", String) 833 ], PreviewFileBoxComponent.prototype, "language", void 0); 834 __decorate([ 835 Object(__WEBPACK_IMPORTED_MODULE_0__angular_core__["D" /* Input */])(), 836 __metadata("design:type", __WEBPACK_IMPORTED_MODULE_1__model_component_data_model__["b" /* ComponentPreviewFile */]) 837 ], PreviewFileBoxComponent.prototype, "previewFile", void 0); 838 PreviewFileBoxComponent = __decorate([ 839 Object(__WEBPACK_IMPORTED_MODULE_0__angular_core__["n" /* Component */])({ 840 selector: 'app-preview-file-code-box', 841 template: "\n <div class=\"code-box\" *ngIf=\"previewFile\">\n <div class=\"code-header\">\n <a *ngIf=\"previewFile.fileUrl\"\n [href]=\"previewFile.fileUrl\"\n target=\"_blank\"\n class=\"code-link\"\n >\n {{previewFile.filename}}\n </a>\n <span class=\"code-link\" *ngIf=\"!previewFile.fileUrl\">{{previewFile.filename}}</span>\n </div>\n <div class=\"code-source\">\n <app-source-code-box\n [language]=\"language\"\n [code]=\"previewFile.sourceCode\"\n ></app-source-code-box>\n </div>\n </div>", 842 styles: [ 843 '.code-box { font-size:14px; }', 844 '.code-header { background-color:#555555; color:#fff; margin:0; padding:10px 15px 10px 15px;}', 845 '.code-link { color: #fff; text-decoration:none; font-size:16px; }', 846 '.code-source { background-color:#272822; margin-top:-7px; }', 847 ], 848 }) 849 ], PreviewFileBoxComponent); 850 return PreviewFileBoxComponent; 851}()); 852 853 854 855/***/ }), 856
857/***/ "./src/app/components/prism-css-wrapper.component.ts": 858/***/ (function(module, __webpack_exports__, __webpack_require__) { 859 860"use strict"; 861/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return PrismCssWrapperComponent; }); 862/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__angular_core__ = __webpack_require__("./node_modules/@angular/core/esm5/core.js"); 863var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) { 864 var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d; 865 if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc); 866 else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r; 867 return c > 3 && r && Object.defineProperty(target, key, r), r; 868}; 869/*! 870 * @license MIT 871 * Copyright (c) 2017 Bernhard Grünewaldt - codeclou.io 872 * https://github.com/cloukit/legal 873 */ 874 875/* http://prismjs.com/download.html?themes=prism-okaidia&languages=markup+css+clike+javascript+typescript */ 876var PrismCssWrapperComponent = /** @class */ (function () { 877 function PrismCssWrapperComponent() { 878 } 879 PrismCssWrapperComponent = __decorate([ 880 Object(__WEBPACK_IMPORTED_MODULE_0__angular_core__["n" /* Component */])({ 881 selector: 'app-prism-css-wrapper', 882 encapsulation: __WEBPACK_IMPORTED_MODULE_0__angular_core__["_10" /* ViewEncapsulation */].None, 883 template: "\n <div class=\"prism-css-wrapper\">\n <ng-content></ng-content>\n </div>", 884 styles: ["\n code[class*=\"language-\"],\n pre[class*=\"language-\"] {\n color: #f8f8f2;\n background: none;\n text-shadow: 0 1px rgba(0, 0, 0, 0.3);\n font-family: 'Roboto Mono', monospace;\n text-align: left;\n white-space: pre;\n word-spacing: normal;\n word-break: normal;\n word-wrap: normal;\n line-height: 1.5;\n \n -moz-tab-size: 4;\n tab-size: 4;\n \n -webkit-hyphens: none;\n -moz-hyphens: none;\n -ms-hyphens: none;\n hyphens: none;\n }\n \n /* Code blocks */\n pre[class*=\"language-\"] {\n padding: 1em;\n margin: .5em 0;\n overflow: auto;\n border-radius: 0.3em;\n }\n \n :not(pre) > code[class*=\"language-\"],\n pre[class*=\"language-\"] {\n background: #272822;\n }\n \n /* Inline code */\n :not(pre) > code[class*=\"language-\"] {\n padding: .1em;\n border-radius: .3em;\n white-space: normal;\n }\n \n .token.comment,\n .token.prolog,\n .token.doctype,\n .token.cdata {\n color: slategray;\n }\n \n .token.punctuation {\n color: #f8f8f2;\n }\n \n .namespace {\n opacity: .7;\n }\n \n .token.property,\n .token.tag,\n .token.constant,\n .token.symbol,\n .token.deleted {\n color: #C076F3;\n }\n \n .token.boolean,\n .token.number {\n color: #ae81ff;\n }\n \n .token.selector,\n .token.attr-name,\n .token.string,\n .token.char,\n .token.builtin,\n .token.inserted {\n color: #a6e22e;\n }\n \n .token.operator,\n .token.entity,\n .token.url,\n .language-css .token.string,\n .style .token.string,\n .token.variable {\n color: #f8f8f2;\n }\n \n .token.atrule,\n .token.attr-value,\n .token.function {\n color: #e6db74;\n }\n \n .token.keyword {\n color: #66d9ef;\n }\n \n .token.regex,\n .token.important {\n color: #fd971f;\n }\n \n .token.important,\n .token.bold {\n font-weight: 700;\n }\n .token.italic {\n font-style: italic;\n }\n \n .token.entity {\n cursor: help;\n }\n "], 885 }) 886 ], PrismCssWrapperComponent); 887 return PrismCssWrapperComponent; 888}()); 889 890 891 892/***/ }), 893
894/***/ "./src/app/components/source-code-box.ts": 895/***/ (function(module, __webpack_exports__, __webpack_require__) { 896 897"use strict"; 898/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return SourceCodeBoxComponent; }); 899/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__angular_core__ = __webpack_require__("./node_modules/@angular/core/esm5/core.js"); 900/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_prismjs__ = __webpack_require__("./node_modules/prismjs/prism.js"); 901/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_prismjs___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_1_prismjs__); 902/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_prismjs_components_prism_css__ = __webpack_require__("./node_modules/prismjs/components/prism-css.js"); 903/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_prismjs_components_prism_css___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_2_prismjs_components_prism_css__); 904/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_prismjs_components_prism_markdown__ = __webpack_require__("./node_modules/prismjs/components/prism-markdown.js"); 905/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_prismjs_components_prism_markdown___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_3_prismjs_components_prism_markdown__); 906/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_prismjs_components_prism_typescript__ = __webpack_require__("./node_modules/prismjs/components/prism-typescript.js"); 907/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_prismjs_components_prism_typescript___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_4_prismjs_components_prism_typescript__); 908var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) { 909 var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d; 910 if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc); 911 else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r; 912 return c > 3 && r && Object.defineProperty(target, key, r), r; 913}; 914var __metadata = (this && this.__metadata) || function (k, v) { 915 if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v); 916}; 917/*! 918 * @license MIT 919 * Copyright (c) 2017 Bernhard Grünewaldt - codeclou.io 920 * https://github.com/cloukit/legal 921 */ 922 923 924 925 926 927var SourceCodeBoxComponent = /** @class */ (function () { 928 function SourceCodeBoxComponent() { 929 } 930 SourceCodeBoxComponent.prototype.ngOnChanges = function () { 931 this.codePreview = __WEBPACK_IMPORTED_MODULE_1_prismjs__["highlight"](this.code, __WEBPACK_IMPORTED_MODULE_1_prismjs__["languages"][this.language]); 932 }; 933 SourceCodeBoxComponent.prototype.getLanguage = function () { 934 return "language-" + this.language; 935 }; 936 __decorate([ 937 Object(__WEBPACK_IMPORTED_MODULE_0__angular_core__["D" /* Input */])(), 938 __metadata("design:type", String) 939 ], SourceCodeBoxComponent.prototype, "language", void 0); 940 __decorate([ 941 Object(__WEBPACK_IMPORTED_MODULE_0__angular_core__["D" /* Input */])(), 942 __metadata("design:type", String) 943 ], SourceCodeBoxComponent.prototype, "code", void 0); 944 SourceCodeBoxComponent = __decorate([ 945 Object(__WEBPACK_IMPORTED_MODULE_0__angular_core__["n" /* Component */])({ 946 selector: 'app-source-code-box', 947 template: "\n <app-prism-css-wrapper>\n <div class=\"code-box\">\n <pre \n [class]=\"getLanguage()\"><code \n [class]=\"getLanguage()\"\n [innerHtml]=\"codePreview | safeHtml\"></code></pre>\n </div>\n </app-prism-css-wrapper>", 948 styles: ['.code-box { font-size:14px; }'], 949 }) 950 ], SourceCodeBoxComponent); 951 return SourceCodeBoxComponent; 952}()); 953 954 955 956/***/ }), 957
958/***/ "./src/app/model/component-data.model.ts": 959/***/ (function(module, __webpack_exports__, __webpack_require__) { 960 961"use strict"; 962/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return ComponentData; }); 963/* unused harmony export ComponentDataVersion */ 964/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return ComponentPreviewFile; }); 965/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "c", function() { return PackageJson; }); 966/*! 967 * @license MIT 968 * Copyright (c) 2017 Bernhard Grünewaldt - codeclou.io 969 * https://github.com/cloukit/legal 970 */ 971var ComponentData = /** @class */ (function () { 972 function ComponentData() { 973 } 974 return ComponentData; 975}()); 976 977var ComponentDataVersion = /** @class */ (function () { 978 function ComponentDataVersion() { 979 } 980 return ComponentDataVersion; 981}()); 982 983var ComponentPreviewFile = /** @class */ (function () { 984 function ComponentPreviewFile(filename, fileUrl, sourceCode) { 985 this.filename = filename; 986 this.fileUrl = fileUrl; 987 this.sourceCode = sourceCode; 988 } 989 return ComponentPreviewFile; 990}()); 991 992var PackageJson = /** @class */ (function () { 993 function PackageJson() { 994 } 995 return PackageJson; 996}()); 997 998 999 1000/***/ }), 1001
1002/***/ "./src/app/model/guides-demo-data.model.ts": 1003/***/ (function(module, __webpack_exports__, __webpack_require__) { 1004 1005"use strict"; 1006/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return GuidesDemoData; }); 1007var GuidesDemoData = { 1008 smileyChanSvg: "```html\n<svg width=\"512\" height=\"512\" viewBox=\"0 0 512 512\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M256 474c-120.398.....664z\" fill=\"#5A2300\" fill-rule=\"evenodd\" />\n</svg>\n```", 1009 smileyChanTs: "```typescript\nconst smileyChanIcon = 'M256 474c-120.398.....664z';\n```", 1010}; 1011 1012 1013/***/ }), 1014
1015/***/ "./src/app/pages/component-documentation-page.component.ts": 1016/***/ (function(module, __webpack_exports__, __webpack_require__) { 1017 1018"use strict"; 1019/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return ComponentDocumentationPageComponent; }); 1020/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__angular_core__ = __webpack_require__("./node_modules/@angular/core/esm5/core.js"); 1021/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__angular_router__ = __webpack_require__("./node_modules/@angular/router/esm5/router.js"); 1022/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__services_component_fetch_service__ = __webpack_require__("./src/app/services/component-fetch.service.ts"); 1023/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_semver__ = __webpack_require__("./node_modules/semver/semver.js"); 1024/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_semver___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_3_semver__); 1025/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_util__ = __webpack_require__("./node_modules/util/util.js"); 1026/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_util___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_4_util__); 1027var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) { 1028 var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d; 1029 if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc); 1030 else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r; 1031 return c > 3 && r && Object.defineProperty(target, key, r), r; 1032}; 1033var __metadata = (this && this.__metadata) || function (k, v) { 1034 if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v); 1035}; 1036/*! 1037 * @license MIT 1038 * Copyright (c) 2017 Bernhard Grünewaldt - codeclou.io 1039 * https://github.com/cloukit/legal 1040 */ 1041 1042 1043 1044 1045 1046var ComponentDocumentationPageComponent = /** @class */ (function () { 1047 function ComponentDocumentationPageComponent(route, router, componentFetchService) { 1048 this.route = route; 1049 this.router = router; 1050 this.componentFetchService = componentFetchService; 1051 } 1052 ComponentDocumentationPageComponent.prototype.ngOnInit = function () { 1053 var _this = this; 1054 this.route.params.subscribe(function (params) { 1055 _this.paramComponentId = params['componentId']; 1056 _this.paramComponentVersion = params['componentVersion']; 1057 document.title = _this.paramComponentId + " > component > cloukit"; 1058 _this.componentFetchService 1059 .getComponent(_this.paramComponentId) 1060 .subscribe(function (componentData) { return _this.setComponentData(componentData); }, function (error) { return _this.errorMessage = error; }); 1061 }); 1062 }; 1063 ComponentDocumentationPageComponent.prototype.setComponentData = function (componentData) { 1064 var _this = this; 1065 this.componentData = componentData; 1066 var highestVersion = __WEBPACK_IMPORTED_MODULE_3_semver__["maxSatisfying"](this.componentData.versions.map(function (v) { return v.version; }), '*'); 1067 if (Object(__WEBPACK_IMPORTED_MODULE_4_util__["isNullOrUndefined"])(this.paramComponentVersion) || 1068 componentData.versions.filter(function (v) { return v.version === _this.paramComponentVersion; }).length === 0) { 1069 console.log('redirecting to highest version', highestVersion); 1070 this.router.navigate(['/component', this.paramComponentId, highestVersion]); 1071 } 1072 else { 1073 this.componentDistUrl = this.componentFetchService.getUnpkgComDistUrl(this.paramComponentId, this.paramComponentVersion); 1074 var currentVersion = this.componentData.versions.filter(function (v) { return v.version === _this.paramComponentVersion; })[0]; 1075 this.componentTheme = null; 1076 if (currentVersion.hasTheme) { 1077 this.componentFetchService 1078 .getTheme(this.paramComponentId, this.paramComponentVersion) 1079 .subscribe(function (data) { return _this.componentTheme = data; }, function (error) { return _this.errorMessage = error; }); 1080 this.componentFetchService 1081 .getThemeMarkdown(this.paramComponentId, this.paramComponentVersion) 1082 .subscribe(function (markdown) { return _this.themeMarkdown = markdown; }, function (error) { return _this.errorMessage = error; }); 1083 } 1084 this.componentFetchService 1085 .getPackageJson(this.paramComponentId, this.paramComponentVersion) 1086 .subscribe(function (packageJson) { return _this.packageJson = packageJson; }, function (error) { return _this.errorMessage = error; }); 1087 this.componentFetchService 1088 .getUsageMarkdown(this.paramComponentId, this.paramComponentVersion) 1089 .subscribe(function (markdown) { return _this.usageMarkdown = markdown; }, function (error) { return _this.errorMessage = error; }); 1090 } 1091 }; 1092 ComponentDocumentationPageComponent.prototype.handleComponentVersionChange = function (componentVersion) { 1093 console.log('redirecting to selected version', componentVersion); 1094 this.router.navigate(['/component', this.paramComponentId, componentVersion]); 1095 }; 1096 ComponentDocumentationPageComponent = __decorate([ 1097 Object(__WEBPACK_IMPORTED_MODULE_0__angular_core__["n" /* Component */])({ 1098 selector: 'app-component-documentation-page', 1099 template: "\n <div>\n <app-component-documentation\n [componentId]=\"paramComponentId\"\n [componentVersion]=\"paramComponentVersion\"\n [componentData]=\"componentData\"\n [componentTheme]=\"componentTheme\"\n [themeMarkdown]=\"themeMarkdown\"\n [packageJson]=\"packageJson\"\n [componentDistUrl]=\"componentDistUrl\"\n [usageMarkdown]=\"usageMarkdown\"\n (componentVersionChange)=\"handleComponentVersionChange($event)\"\n ></app-component-documentation>\n {{errorMessage}}\n </div>", 1100 styles: [], 1101 }), 1102 __metadata("design:paramtypes", [__WEBPACK_IMPORTED_MODULE_1__angular_router__["a" /* ActivatedRoute */], 1103 __WEBPACK_IMPORTED_MODULE_1__angular_router__["c" /* Router */], 1104 __WEBPACK_IMPORTED_MODULE_2__services_component_fetch_service__["a" /* ComponentFetchService */]]) 1105 ], ComponentDocumentationPageComponent); 1106 return ComponentDocumentationPageComponent; 1107}()); 1108 1109 1110 1111/***/ }), 1112
1113/***/ "./src/app/pages/component-overview-page.component.ts": 1114/***/ (function(module, __webpack_exports__, __webpack_require__) { 1115 1116"use strict"; 1117/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return ComponentOverviewPageComponent; }); 1118/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__angular_core__ = __webpack_require__("./node_modules/@angular/core/esm5/core.js"); 1119/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__app_styles__ = __webpack_require__("./src/app/app.styles.ts"); 1120var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) { 1121 var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d; 1122 if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc); 1123 else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r; 1124 return c > 3 && r && Object.defineProperty(target, key, r), r; 1125}; 1126var __metadata = (this && this.__metadata) || function (k, v) { 1127 if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v); 1128}; 1129/*! 1130 * @license MIT 1131 * Copyright (c) 2017 Bernhard Grünewaldt - codeclou.io 1132 * https://github.com/cloukit/legal 1133 */ 1134 1135 1136var ComponentOverviewPageComponent = /** @class */ (function () { 1137 function ComponentOverviewPageComponent() { 1138 document.title = "component overview > cloukit"; 1139 } 1140 ComponentOverviewPageComponent = __decorate([ 1141 Object(__WEBPACK_IMPORTED_MODULE_0__angular_core__["n" /* Component */])({ 1142 template: "\n <div>\n <h2>Component Overview</h2>\n <table>\n <tbody>\n <tr>\n <td><a routerLink=\"/component/theme\">theme</a></td>\n <td>\n Basic classes and services for themeing components.\n </td>\n </tr>\n <tr>\n <td><a routerLink=\"/component/common\">common</a></td>\n <td>\n Common directives that are used by higher level components such as hasFocus and similar.\n </td>\n </tr>\n <tr>\n <td><a routerLink=\"/component/toggle\">toggle</a></td>\n <td>\n A toggle component that can be used in an Angular Reactive Form for a boolean.\n </td>\n </tr>\n <tr>\n <td><a routerLink=\"/component/pagination\">pagination</a></td>\n <td>\n A pagination component that can be used to paginate huge lists of things.\n </td>\n </tr>\n <tr>\n <td><a routerLink=\"/component/dropout\">dropout</a></td>\n <td>\n Dropout is a non visible helper to drop something down, up, left or right relative to a trigger element\n </td>\n </tr>\n <tr>\n <td><a routerLink=\"/component/tooltip\">tooltip</a></td>\n <td>\n A simple tooltip component\n </td>\n </tr>\n <tr>\n <td><a routerLink=\"/component/icon\">icon</a></td>\n <td>\n A simple icon component\n </td>\n </tr>\n <tr>\n <td><a routerLink=\"/component/notification\">notification</a></td>\n <td>\n Show success, error, info and warn notifications on the page\n </td>\n </tr>\n </tbody>\n </table>\n </div>", 1143 styles: [].concat(__WEBPACK_IMPORTED_MODULE_1__app_styles__["a" /* SharedStyles */].styles), 1144 }), 1145 __metadata("design:paramtypes", []) 1146 ], ComponentOverviewPageComponent); 1147 return ComponentOverviewPageComponent; 1148}()); 1149 1150 1151 1152/***/ }), 1153
1154/***/ "./src/app/pages/guides-iconing-page.component.ts": 1155/***/ (function(module, __webpack_exports__, __webpack_require__) { 1156 1157"use strict"; 1158/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return GuidesIconingPageComponent; }); 1159/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__angular_core__ = __webpack_require__("./node_modules/@angular/core/esm5/core.js"); 1160/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__model_guides_demo_data_model__ = __webpack_require__("./src/app/model/guides-demo-data.model.ts"); 1161/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__app_styles__ = __webpack_require__("./src/app/app.styles.ts"); 1162var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) { 1163 var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d; 1164 if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc); 1165 else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r; 1166 return c > 3 && r && Object.defineProperty(target, key, r), r; 1167}; 1168var __metadata = (this && this.__metadata) || function (k, v) { 1169 if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v); 1170}; 1171/*! 1172 * @license MIT 1173 * Copyright (c) 2017 Bernhard Grünewaldt - codeclou.io 1174 * https://github.com/cloukit/legal 1175 */ 1176 1177 1178 1179var GuidesIconingPageComponent = /** @class */ (function () { 1180 function GuidesIconingPageComponent() { 1181 this.guidesDemoData = __WEBPACK_IMPORTED_MODULE_1__model_guides_demo_data_model__["a" /* GuidesDemoData */]; 1182 document.title = "Using Custom Icons > guides > cloukit"; 1183 } 1184 GuidesIconingPageComponent = __decorate([ 1185 Object(__WEBPACK_IMPORTED_MODULE_0__angular_core__["n" /* Component */])({ 1186 template: "\n <div class=\"demo\">\n <h2>Guide to Using Custom Icons</h2>\n <p>\n To explain how cloukit handles icons and how you can use your\n own icons we will need the help of <strong>Smiley-Chan</strong>.\n </p>\n <p style=\"text-align:center\">\n <img src=\"/assets/images/icon-guide/smiley-chan.svg\" style=\"width:80px\"/>\n </p>\n <p>\n Icons work with <strong>convention over configuration</strong>, meaning that\n they consist of only one path with a viewbox of 512x512 pixels.\n </p>\n <p>\n <app-markdown-box [markdown]=\"guidesDemoData.smileyChanSvg\"></app-markdown-box>\n </p>\n\n <p>\n When you use the wonderful <a href=\"https://www.sketchapp.com/\">Sketch</a> to draw your icons do it like this.\n Create a <strong>Slice</strong> that is 512x512 pixels big and position it on <code>x=0</code> and <code>y=0</code>.\n Then draw your icon in the middle of the slice and <strong>combine the shapes</strong> to only one.\n Lastly export the slice as SVG.\n </p>\n <p style=\"text-align:center\">\n <a href=\"/assets/images/icon-guide/icon-sketch-howto.png\" target=\"_blank\">\n <img\n src=\"/assets/images/icon-guide/icon-sketch-howto.png\"\n style=\"width:80%\"\n data-bilderrahmen=\"gallery-01\"\n data-bilderrahmen-title=\"Icon Sketch Howto\"\n />\n </a>\n </p>\n <p>\n Since the outer SVG-Code of the icon will always be the same, we <strong>just need to save the path's d-attribute</strong>\n into our TS-file like so.\n </p>\n <p>\n <app-markdown-box [markdown]=\"guidesDemoData.smileyChanTs\"></app-markdown-box>\n </p>\n <p> </p>\n <p>\n <strong>Tip:</strong>\n Minify your SVG code with the <a href=\"https://jakearchibald.github.io/svgomg/\">awesome SVGOMG</a> tool.\n That will shrink the size of the path code.\n </p>\n <p> </p>\n <p>\n <strong>Further Reading:</strong>\n See the <a routerLink=\"/guide/themeing\">Themeing Guide</a> on how to use your custom icon inside a component theme.\n </p>\n </div>", 1187 styles: [].concat(__WEBPACK_IMPORTED_MODULE_2__app_styles__["a" /* SharedStyles */].styles), 1188 }), 1189 __metadata("design:paramtypes", []) 1190 ], GuidesIconingPageComponent); 1191 return GuidesIconingPageComponent; 1192}()); 1193 1194 1195 1196/***/ }), 1197
1198/***/ "./src/app/pages/guides-themeing-page.component.ts": 1199/***/ (function(module, __webpack_exports__, __webpack_require__) { 1200 1201"use strict"; 1202/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return GuidesThemeingPageComponent; }); 1203/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__angular_core__ = __webpack_require__("./node_modules/@angular/core/esm5/core.js"); 1204/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__model_guides_demo_data_model__ = __webpack_require__("./src/app/model/guides-demo-data.model.ts"); 1205/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__app_styles__ = __webpack_require__("./src/app/app.styles.ts"); 1206/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__angular_forms__ = __webpack_require__("./node_modules/@angular/forms/esm5/forms.js"); 1207var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) { 1208 var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d; 1209 if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc); 1210 else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r; 1211 return c > 3 && r && Object.defineProperty(target, key, r), r; 1212}; 1213var __metadata = (this && this.__metadata) || function (k, v) { 1214 if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v); 1215}; 1216/*! 1217 * @license MIT 1218 * Copyright (c) 2017 Bernhard Grünewaldt - codeclou.io 1219 * https://github.com/cloukit/legal 1220 */ 1221 1222 1223 1224 1225var GuidesThemeingPageComponent = /** @class */ (function () { 1226 function GuidesThemeingPageComponent() { 1227 this.guidesDemoData = __WEBPACK_IMPORTED_MODULE_1__model_guides_demo_data_model__["a" /* GuidesDemoData */]; 1228 this.form = new __WEBPACK_IMPORTED_MODULE_3__angular_forms__["b" /* FormGroup */]({ 1229 tog: new __WEBPACK_IMPORTED_MODULE_3__angular_forms__["a" /* FormControl */](true), 1230 }); 1231 this.dummyComponents = "import { Component } from '@angular/core';\nimport { CloukitThemeService } from '@cloukit/theme';\nimport { CloukitToggleComponentThemeCornered } from '@cloukit/toggle';\nimport { FormGroup, FormControl } from '@angular/forms';\n\n@Component({\n selector: 'dummy',\n template: `\n <form [formGroup]=\"form\">\n <cloukit-toggle formControlName=\"tog\" theme=\"smiggle\"></cloukit-toggle>\n </form>`,\n styles: []\n})\nexport class DummyComponent {\n constructor(private cloukitThemeService: CloukitThemeService) {\n document.title = `Using Themes > guides > cloukit`;\n this.cloukitThemeService.registerComponentTheme('smiggle', new SmiggleTheme());\n }\n\n public form = new FormGroup({\n tog: new FormControl(true),\n });\n}\n\nexport class SmiggleTheme extends CloukitToggleComponentThemeCornered {\n constructor() {\n super();\n const wrapperToggledBase = this.getElementTheme('wrapper', 'toggled', 'base').styleDef;\n wrapperToggledBase.style.backgroundColor = '#67069C';\n\n const wrapperToggledHover = this.getElementTheme('wrapper', 'toggled', 'hover').styleDef;\n wrapperToggledHover.style.backgroundColor = '#903CBE';\n\n const smileyChan = `M256 474c-120.398 0-218-97.602-218-218S135.602\n 38 256 38s218 97.602 218 218-97.602 218-218 218zm-83-242c20.435 0\n 37-16.565 37-37s-16.565-37-37-37-37 16.565-37 37 16.565 37 37\n 37zm163 0c20.435 0 37-16.565 37-37s-16.565-37-37-37-37 16.565-37 37\n 16.565 37 37 37zm-197 73v41c39 34.91 78 52.367 117 52.367S334 380.91\n 373 346v-41c-39.24 24.443-78.24 36.664-117 36.664-38.76 0-77.76-12.22-117-36.664z`;\n\n const iconLeftToggledBase = this.getElementTheme('iconLeft', 'toggled', 'base').styleDef;\n iconLeftToggledBase.icon.svgPathD = smileyChan;\n iconLeftToggledBase.icon.svgStyle = {\n fill: '#fff',\n fillRule: 'evenodd',\n };\n\n const iconLeftToggledHover = this.getElementTheme('iconLeft', 'toggled', 'hover').styleDef;\n iconLeftToggledHover.icon.svgPathD = smileyChan;\n }\n}\n"; 1232 document.title = "Using Themes > guides > cloukit"; 1233 } 1234 GuidesThemeingPageComponent = __decorate([ 1235 Object(__WEBPACK_IMPORTED_MODULE_0__angular_core__["n" /* Component */])({ 1236 template: "\n <div class=\"demo\">\n <h2>Guide to Using Custom Themes</h2>\n <p>\n To explain themeing we will write a custom theme for the\n <a routerLink=\"/component/toggle\">@cloukit/toggle</a> component.\n Therefore <strong>Smiley-Chan</strong>\n <img src=\"/assets/images/icon-guide/smiley-chan.svg\" style=\"width:25px;margin-bottom:-4px;\"/> will help us out.\n But first we need to understand how cloukit components are composed and how styling is applied.\n </p>\n <h3>Decomposing the toggle Component</h3>\n <p>\n At first I want to mention that all cloukit components <strong>know about their UI state</strong>.\n What do I mean by that? If you in the \"traditional\" way of styling with CSS would give\n an element an <code>el:hover</code> style your JS code would not know that a mouseover changes the styling.\n Cloukit elements know about their UI state because it is handled with JS.\n CSS is only applied directly for an element and\n <a href=\"https://developer.mozilla.org/en/docs/Web/CSS/Pseudo-classe
1236s\">\n pseudo-classes</a> are not used.\n </p>\n <p>\n Therefore cloukit uses the following wording:\n </p>\n <table>\n <tr>\n <td style=\"vertical-align:top\"><strong>Component</strong></td>\n <td>is a cloukit Angular Component like <code>tooltip</code>.</td>\n </tr>\n <tr>\n <td style=\"vertical-align:top\"><strong>Element</strong></td>\n <td>is a DOM-element like <code>div</code>, <code>span</code> or <code>svg</code> inside the component.</td>\n </tr>\n <tr>\n <td style=\"vertical-align:top\"><strong>UI State</strong></td>\n <td>\n is the generic state your component is in regarding its UI. A toggle can be <em>toggled</em> or\n <em>untoggled</em>. A textfield could be <em>focused</em> or <em>unfocused</em>.\n The UI State depends on the component type.\n In a complex Component different elements can have independent UI States.\n </td>\n </tr>\n <tr>\n <td style=\"vertical-align:top\"><strong>UI Modifier</strong></td>\n <td>\n is the generic modifier for the state your component is in regarding its UI.\n While a toggle could be in its UI State <em>toggled</em> it still could be hovered with a mouse\n and this would then for example be the UI modifier <em>hover</em>. Or if the form is disabled\n the UI modifier would be <em>disabled</em>.\n </td>\n </tr>\n </table>\n <p>\n A <strong>cloukit Theme</strong> holds styling information for all elements\n of a component with all permutations of UI States and UI Modifiers. Below you see the example for\n the toggle component.\n </p>\n <p style=\"text-align: center\">\n <!--\n <object style=\"width:80%\" type=\"image/svg+xml\"\n data=\"https://cloukit.github.io/toggle/themeing/cloukit-toggle-decomposed.svg\"></object>\n <object style=\"width:80%\" type=\"image/svg+xml\"\n data=\"https://cloukit.github.io/toggle/themeing/cloukit-toggle-states-and-modifiers.svg\"></object>\n -->\n </p>\n <h3>Extending the toggle Default Theme</h3>\n <p>\n Ok first lets just use the default theme of the toggle component and adjust it a little.\n With some tiny adjustments we can make a <strong>smiggle</strong> component with the smiley as the leftIcon.\n (Just click the toggle to see it).\n </p>\n\n <form [formGroup]=\"form\" style=\"padding-left:100px\">\n <cloukit-toggle formControlName=\"tog\" theme=\"smiggle\"></cloukit-toggle>\n </form>\n <p>\n What we are doing is basically extending the <code>CloukitToggleComponentThemeCornered</code> theme\n and setting the SVG Path for the <code>iconLeft</code>.\n In the constructor of our Component (usually you would do this in your NgModule Component) we\n register our <code>SmiggleTheme</code> at the <code>CloukitThemeService</code> as <em>smiggle</em>.\n In our template we can now use the <code>cloukit-toggle</code> with <code>theme=\"smiggle\"</code>.\n </p>\n <app-source-code-box\n language=\"typescript\"\n [code]=\"dummyComponents\"\n ></app-source-code-box>\n <p>\n This seems a little strange at first, but you will get used to it, once you recognize, that\n you can theme any component with your own theme throughout your whole application.\n </p>\n </div>", 1237 styles: [].concat(__WEBPACK_IMPORTED_MODULE_2__app_styles__["a" /* SharedStyles */].styles), 1238 }), 1239 __metadata("design:paramtypes", []) 1240 ], GuidesThemeingPageComponent); 1241 return GuidesThemeingPageComponent; 1242}()); 1243 1244 1245 1246/***/ }), 1247
1248/***/ "./src/app/pages/home-page.component.ts": 1249/***/ (function(module, __webpack_exports__, __webpack_require__) { 1250 1251"use strict"; 1252/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return HomePageComponent; }); 1253/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__angular_core__ = __webpack_require__("./node_modules/@angular/core/esm5/core.js"); 1254/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__app_styles__ = __webpack_require__("./src/app/app.styles.ts"); 1255var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) { 1256 var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d; 1257 if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc); 1258 else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r; 1259 return c > 3 && r && Object.defineProperty(target, key, r), r; 1260}; 1261var __metadata = (this && this.__metadata) || function (k, v) { 1262 if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v); 1263}; 1264/*! 1265 * @license MIT 1266 * Copyright (c) 2017 Bernhard Grünewaldt - codeclou.io 1267 * https://github.com/cloukit/legal 1268 */ 1269 1270 1271var HomePageComponent = /** @class */ (function () { 1272 function HomePageComponent() { 1273 document.title = "welcome to cloukit"; 1274 } 1275 HomePageComponent = __decorate([ 1276 Object(__WEBPACK_IMPORTED_MODULE_0__angular_core__["n" /* Component */])({ 1277 template: "\n <div class=\"teaserRow\">\n <div class=\"teaserCol1\">\n <div class=\"teaserBox teaserBox-logo\">\n <img src=\"/assets/images/cloukit-logo-square.svg\" class=\"logo\" />\n </div>\n </div>\n <div class=\"teaserCol1\">\n <div class=\"teaserBox teaserBox-seven isLink\" routerLink=\"/component\">\n Components\n </div>\n </div>\n <div class=\"teaserCol1\">\n <div class=\"teaserBox teaserBox-five isLink\" routerLink=\"/guide/iconing\">\n Icons\n </div>\n </div>\n </div>\n <div class=\"teaserRow\">\n <div class=\"teaserCol1\">\n <div class=\"teaserBox teaserBox-two isLink\" routerLink=\"/guide/themeing\">\n Themeing\n </div>\n </div>\n <div class=\"teaserCol2\">\n <div class=\"teaserBox teaserBox-three teaserText\">\n Reusable Components for Angular 4+<br>\n 100% Angular<br>\n 100% Typescript<br>\n 100% ngStyle CSS in JS<br>\n 100% Themeable\n </div>\n </div>\n </div>\n <div class=\"teaserRow\">\n <div class=\"teaserCol1\">\n <div class=\"teaserBox teaserBox-four isLink\" routerLink=\"/techdoc/project-state-contributing\">\n Project State & Contributing\n </div>\n </div>\n <div class=\"teaserCol1\">\n <div class=\"teaserBox teaserBox-one isLink\" routerLink=\"/techdoc/module-format-and-build\">\n Module Format and Build\n </div>\n </div>\n <div class=\"teaserCol1\">\n <div class=\"teaserBox teaserBox-six isLink\" routerLink=\"/techdoc/license\">\n License and Author\n </div>\n </div>\n </div>\n ", 1278 styles: [ 1279 '.teaserRow { display:flex; margin: 0 auto; max-width:1200px; flex-wrap: wrap; min-height:320px; }', 1280 '.teaserCol1 { flex: 1; }', 1281 '.teaserCol2 { flex: 2;}', 1282 '.teaserBox { padding:20px; min-width: 300px; height:100%; min-height:280px; }', 1283 '.teaserBox-logo { background-color:#efefef; color: #fff; text-align:center; }', 1284 '.teaserBox-logo:hover { background-color:#fff;}', 1285 '.logo { width:300px; }', 1286 '.teaserBox-one { background-color:#D600A1; color: #fff; }', 1287 '.teaserBox-one:hover { background-color:#C50094; color: #fff; }', 1288 '.teaserBox-two { background-color:#BAF700; color: #fff; }', 1289 '.teaserBox-two:hover { background-color:#9DCE08; color: #fff; }', 1290 '.teaserBox-three { background-color:#FFF200; color: #333; }', 1291 '.teaserBox-three:hover { background-color:#F4E700; color: #333; }', 1292 '.teaserBox-four { background-color:#710ECC; color: #fff; }', 1293 '.teaserBox-four:hover { background-color:#650DB6; color: #fff; }', 1294 '.teaserBox-five { background-color:#513FD3; color: #fff; }', 1295 '.teaserBox-five:hover { background-color:#3927B6; color: #fff; }', 1296 '.teaserBox-six { background-color:#03ABC2; color: #fff; }', 1297 '.teaserBox-six:hover { background-color:#0394A8; color: #fff; }', 1298 '.teaserBox-seven { background-color:#FF9431; color: #fff; }', 1299 '.teaserBox-seven:hover { background-color:#E37F23; color: #fff; }', 1300 '.teaserText { font-size:1.8rem; font-family: \'Source Sans Pro\', sans-serif; font-weight: 300; line-height:2.8rem; }', 1301 '.isLink { cursor:pointer; }', 1302 ].concat(__WEBPACK_IMPORTED_MODULE_1__app_styles__["a" /* SharedStyles */].styles), 1303 }), 1304 __metadata("design:paramtypes", []) 1305 ], HomePageComponent); 1306 return HomePageComponent; 1307}()); 1308 1309 1310 1311/***/ }), 1312
1313/***/ "./src/app/pages/not-found-page.component.ts": 1314/***/ (function(module, __webpack_exports__, __webpack_require__) { 1315 1316"use strict"; 1317/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return NotFoundPageComponent; }); 1318/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__angular_core__ = __webpack_require__("./node_modules/@angular/core/esm5/core.js"); 1319var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) { 1320 var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d; 1321 if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc); 1322 else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r; 1323 return c > 3 && r && Object.defineProperty(target, key, r), r; 1324}; 1325var __metadata = (this && this.__metadata) || function (k, v) { 1326 if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v); 1327}; 1328/*! 1329 * @license MIT 1330 * Copyright (c) 2017 Bernhard Grünewaldt - codeclou.io 1331 * https://github.com/cloukit/legal 1332 */ 1333 1334var NotFoundPageComponent = /** @class */ (function () { 1335 function NotFoundPageComponent() { 1336 document.title = "these are not the droids you are looking for!"; 1337 } 1338 NotFoundPageComponent = __decorate([ 1339 Object(__WEBPACK_IMPORTED_MODULE_0__angular_core__["n" /* Component */])({ 1340 template: "\n <div class=\"for0four\">\n <h3>these are not the droids you are looking for!</h3>\n </div>", 1341 styles: ['.for0four { font-family:sans-serif; }'], 1342 }), 1343 __metadata("design:paramtypes", []) 1344 ], NotFoundPageComponent); 1345 return NotFoundPageComponent; 1346}()); 1347 1348 1349 1350/***/ }), 1351
1352/***/ "./src/app/pages/techdoc-license.component.ts": 1353/***/ (function(module, __webpack_exports__, __webpack_require__) { 1354 1355"use strict"; 1356/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return TechdocLicenseComponent; }); 1357/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__angular_core__ = __webpack_require__("./node_modules/@angular/core/esm5/core.js"); 1358/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__app_styles__ = __webpack_require__("./src/app/app.styles.ts"); 1359var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) { 1360 var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d; 1361 if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc); 1362 else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r; 1363 return c > 3 && r && Object.defineProperty(target, key, r), r; 1364}; 1365var __metadata = (this && this.__metadata) || function (k, v) { 1366 if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v); 1367}; 1368/*! 1369 * @license MIT 1370 * Copyright (c) 2017 Bernhard Grünewaldt - codeclou.io 1371 * https://github.com/cloukit/legal 1372 */ 1373 1374 1375var TechdocLicenseComponent = /** @class */ (function () { 1376 function TechdocLicenseComponent() { 1377 document.title = "License > techdoc > cloukit"; 1378 } 1379 TechdocLicenseComponent = __decorate([ 1380 Object(__WEBPACK_IMPORTED_MODULE_0__angular_core__["n" /* Component */])({ 1381 template: "\n <h2>License & Author</h2>\n <p> </p>\n <h4>License</h4>\n <p>\n The sourcecode, component-graphics and documentation are licensed under the\n <app-link\n href=\"https://github.com/cloukit/legal\"\n name=\"MIT License\"\n external=\"true\"\n ></app-link>.\n </p>\n <p>The cloukit logo is intellectual property of Bernhard Gr\u00FCnewaldt.</p>\n\n <p> </p>\n <h4>Author</h4>\n <p>\n <app-link\n href=\"https://github.com/clouless\"\n name=\"Bernhard Gr\u00FCnewaldt\"\n external=\"true\"\n ></app-link>\n </p>\n ", 1382 styles: [].concat(__WEBPACK_IMPORTED_MODULE_1__app_styles__["a" /* SharedStyles */].styles), 1383 }), 1384 __metadata("design:paramtypes", []) 1385 ], TechdocLicenseComponent); 1386 return TechdocLicenseComponent; 1387}()); 1388 1389 1390 1391/***/ }), 1392
1393/***/ "./src/app/pages/techdoc-module-format-and-build.component.ts": 1394/***/ (function(module, __webpack_exports__, __webpack_require__) { 1395 1396"use strict"; 1397/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return TechdocModuleFormatAndBuildComponent; }); 1398/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__angular_core__ = __webpack_require__("./node_modules/@angular/core/esm5/core.js"); 1399/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__app_styles__ = __webpack_require__("./src/app/app.styles.ts"); 1400var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) { 1401 var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d; 1402 if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc); 1403 else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r; 1404 return c > 3 && r && Object.defineProperty(target, key, r), r; 1405}; 1406var __metadata = (this && this.__metadata) || function (k, v) { 1407 if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v); 1408}; 1409/*! 1410 * @license MIT 1411 * Copyright (c) 2017 Bernhard Grünewaldt - codeclou.io 1412 * https://github.com/cloukit/legal 1413 */ 1414 1415 1416var TechdocModuleFormatAndBuildComponent = /** @class */ (function () { 1417 function TechdocModuleFormatAndBuildComponent() { 1418 document.title = "Module Format & Build > techdoc > cloukit"; 1419 } 1420 TechdocModuleFormatAndBuildComponent = __decorate([ 1421 Object(__WEBPACK_IMPORTED_MODULE_0__angular_core__["n" /* Component */])({ 1422 template: "\n <h2>Module Format & Build</h2>\n <p> </p>\n\n <p> </p>\n <h4>Browser Support</h4>\n <p>\n We use 100% Angular with zero external dependencies.\n So it should work with all <a href=\"https://angular.io/guide/browser-support\">supported browsers</a>\n if you use the recommended polyfills.\n </p>\n <p>\n I test all components thoroughly in the following operating systems and latest versions of the listed browsers.\n </p>\n <p>\n <img src=\"/assets/images/supported-browsers.svg\" />\n </p>\n <p> </p>\n <h4>Module Format and how we Build</h4>\n <p>\n All Components are written in TypeScript and come as NgModules that are\n tree-shakeable and AOT enabled flat ES5 & ES2015 Modules.\n </p>\n <p>To build our components we use <code>@angular/compiler-cli</code> aka <code>ngc</code> and <code>rollup</code>.</p>\n <p>See\n \u201C<app-link\n href=\"https://www.youtube.com/watch?v=unICbsPGFIA\"\n name=\"YouTube Packaging Angular - Jason Aden - ng-conf 2017\"\n external=\"true\"\n ></app-link>\u201D\n and\n <app-link\n href=\"https://github.com/cloukit/library-build-chain\"\n name=\"library-build-chain\"\n external=\"true\"\n ></app-link> for more details.\n </p>\n ", 1423 styles: [].concat(__WEBPACK_IMPORTED_MODULE_1__app_styles__["a" /* SharedStyles */].styles), 1424 }), 1425 __metadata("design:paramtypes", []) 1426 ], TechdocModuleFormatAndBuildComponent); 1427 return TechdocModuleFormatAndBuildComponent; 1428}()); 1429 1430 1431 1432/***/ }), 1433
1434/***/ "./src/app/pages/techdoc-project-state-and-contributing.component.ts": 1435/***/ (function(module, __webpack_exports__, __webpack_require__) { 1436 1437"use strict"; 1438/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return TechdocProjectStateAndContributingComponent; }); 1439/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__angular_core__ = __webpack_require__("./node_modules/@angular/core/esm5/core.js"); 1440/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__app_styles__ = __webpack_require__("./src/app/app.styles.ts"); 1441var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) { 1442 var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d; 1443 if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc); 1444 else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r; 1445 return c > 3 && r && Object.defineProperty(target, key, r), r; 1446}; 1447var __metadata = (this && this.__metadata) || function (k, v) { 1448 if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v); 1449}; 1450/*! 1451 * @license MIT 1452 * Copyright (c) 2017 Bernhard Grünewaldt - codeclou.io 1453 * https://github.com/cloukit/legal 1454 */ 1455 1456 1457var TechdocProjectStateAndContributingComponent = /** @class */ (function () { 1458 function TechdocProjectStateAndContributingComponent() { 1459 document.title = "Project State & Contributing > techdoc > cloukit"; 1460 } 1461 TechdocProjectStateAndContributingComponent = __decorate([ 1462 Object(__WEBPACK_IMPORTED_MODULE_0__angular_core__["n" /* Component */])({ 1463 template: "\n <h2>Project State & Contributing</h2>\n <p> </p>\n <p> </p>\n <h4>Goal and State of the Project</h4>\n <p>THIS PROJECT IS DEPRECATED AND ARCHIVED.</p>\n <p>Our goal is to write reusable components for everyday life that are stable and well tested.</p>\n <p>\n Primary goal is to provide common form components such as toggle, multi-select and more that\n easily themeable via ngStyle.\n </p>\n ", 1464 styles: [].concat(__WEBPACK_IMPORTED_MODULE_1__app_styles__["a" /* SharedStyles */].styles), 1465 }), 1466 __metadata("design:paramtypes", []) 1467 ], TechdocProjectStateAndContributingComponent); 1468 return TechdocProjectStateAndContributingComponent; 1469}()); 1470 1471 1472 1473/***/ }), 1474
1475/***/ "./src/app/pipes/save-html.pipe.ts": 1476/***/ (function(module, __webpack_exports__, __webpack_require__) { 1477 1478"use strict"; 1479/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return SafeHtmlPipe; }); 1480/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__angular_core__ = __webpack_require__("./node_modules/@angular/core/esm5/core.js"); 1481/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__angular_platform_browser__ = __webpack_require__("./node_modules/@angular/platform-browser/esm5/platform-browser.js"); 1482var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) { 1483 var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d; 1484 if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc); 1485 else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r; 1486 return c > 3 && r && Object.defineProperty(target, key, r), r; 1487}; 1488var __metadata = (this && this.__metadata) || function (k, v) { 1489 if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v); 1490}; 1491/*! 1492 * @license MIT 1493 * Copyright (c) 2017 Bernhard Grünewaldt - codeclou.io 1494 * https://github.com/cloukit/legal 1495 */ 1496 1497 1498var SafeHtmlPipe = /** @class */ (function () { 1499 function SafeHtmlPipe(sanitizer) { 1500 this.sanitizer = sanitizer; 1501 } 1502 SafeHtmlPipe.prototype.transform = function (html) { 1503 return this.sanitizer.bypassSecurityTrustHtml(html); 1504 }; 1505 SafeHtmlPipe = __decorate([ 1506 Object(__WEBPACK_IMPORTED_MODULE_0__angular_core__["T" /* Pipe */])({ name: 'safeHtml' }), 1507 __metadata("design:paramtypes", [__WEBPACK_IMPORTED_MODULE_1__angular_platform_browser__["b" /* DomSanitizer */]]) 1508 ], SafeHtmlPipe); 1509 return SafeHtmlPipe; 1510}()); 1511 1512 1513 1514/***/ }), 1515
1516/***/ "./src/app/services/component-fetch.service.ts": 1517/***/ (function(module, __webpack_exports__, __webpack_require__) { 1518 1519"use strict"; 1520/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return ComponentFetchService; }); 1521/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__angular_core__ = __webpack_require__("./node_modules/@angular/core/esm5/core.js"); 1522/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__angular_http__ = __webpack_require__("./node_modules/@angular/http/esm5/http.js"); 1523/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_rxjs_Observable__ = __webpack_require__("./node_modules/rxjs/_esm5/Observable.js"); 1524/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_rxjs_add_operator_catch__ = __webpack_require__("./node_modules/rxjs/_esm5/add/operator/catch.js"); 1525/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_rxjs_add_operator_map__ = __webpack_require__("./node_modules/rxjs/_esm5/add/operator/map.js"); 1526/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5__model_component_data_model__ = __webpack_require__("./src/app/model/component-data.model.ts"); 1527var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) { 1528 var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d; 1529 if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc); 1530 else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r; 1531 return c > 3 && r && Object.defineProperty(target, key, r), r; 1532}; 1533var __metadata = (this && this.__metadata) || function (k, v) { 1534 if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v); 1535}; 1536/*! 1537 * @license MIT 1538 * Copyright (c) 2017 Bernhard Grünewaldt - codeclou.io 1539 * https://github.com/cloukit/legal 1540 */ 1541 1542 1543 1544 1545 1546 1547var ComponentFetchService = /** @class */ (function () { 1548 function ComponentFetchService(http) { 1549 this.http = http; 1550 this.commitHash = '___COMMIT___'; 1551 this.baseUrl = 'https://cloukit.github.io/'; 1552 this.sourceCodeBaseUrl = 'https://github.com/cloukit/'; 1553 this.rawFileBaseUrl = 'https://raw.githubusercontent.com/cloukit/'; 1554 this.unpkgBaseUrl = 'https://codeclou.io/codeclou-eu-privacy-proxy/index.php/unpkg.com/@cloukit/'; 1555 } 1556 ComponentFetchService.prototype.getUnpkgComDistUrl = function (componentId, componentVersion) { 1557 return "" + this.unpkgBaseUrl + componentId + "@" + componentVersion + "/"; 1558 }; 1559 ComponentFetchService.prototype.getComponent = function (componentId) { 1560 return this.http 1561 .get("" + this.baseUrl + componentId + "/component.json?v" + this.commitHash) 1562 .map(this.extractData) 1563 .catch(this.handleError); 1564 }; 1565 ComponentFetchService.prototype.getPackageJson = function (componentId, componentVersion) { 1566 return this.http 1567 .get("" + this.unpkgBaseUrl + componentId + "@" + componentVersion + "/package.json?v" + this.commitHash) 1568 .map(this.extractData) 1569 .catch(this.handleError); 1570 }; 1571 ComponentFetchService.prototype.getTheme = function (componentId, componentVersion) { 1572 return this._fetchSrcFile(componentId, componentVersion, componentId + ".theme.ts") 1573 .map(function (f) { f.sourceCode = f.sourceCode.replace(/[/][*]!(.|[\n\r])*?[*][/]/gm, ''); return f; }); 1574 }; 1575 ComponentFetchService.prototype.getThemeMarkdown = function (componentId, componentVersion) { 1576 return this.http 1577 .get("" + this.baseUrl + componentId + "/THEME.md?v" + this.commitHash) 1578 .map(function (data) { return data.text(); }) 1579 .catch(this.handleError); 1580 }; 1581 ComponentFetchService.prototype.getUsageMarkdown = function (componentId, componentVersion) { 1582 return this.http 1583 .get("" + this.baseUrl + componentId + "/USAGE.md?v" + this.commitHash) 1584 .map(function (data) { return data.text(); }) 1585 .catch(this.handleError); 1586 }; 1587 ComponentFetchService.prototype._fetchSrcFile = function (componentId, componentVersion, demoFileName) { 1588 var _this = this; 1589 return this.http 1590 .get("" + this.rawFileBaseUrl + componentId + "/master/projects/cloukit/" + componentId + "/src/lib/" + demoFileName + "?v" + this.commitHash) 1591 .map(function (data) { return new __WEBPACK_IMPORTED_MODULE_5__model_component_data_model__["b" /* ComponentPreviewFile */](demoFileName, "" + _this.sourceCodeBaseUrl + componentId + "/tree/" + componentVersion + "/projects/cloukit/" + componentId + "/src/lib/" + demoFileName, data.text()); }) 1592 .catch(this.handleError); 1593 }; 1594 ComponentFetchService.prototype.extractData = function (res) { 1595 var body = res.json(); 1596 return body || {}; 1597 }; 1598 ComponentFetchService.prototype.handleError = function (error) { 1599 var errMsg; 1600 if (error instanceof __WEBPACK_IMPORTED_MODULE_1__angular_http__["c" /* Response */]) { 1601 var body = error.json() || ''; 1602 var err = body.error || JSON.stringify(body); 1603 errMsg = error.status + " - " + (error.statusText || '') + " " + err; 1604 } 1605 else { 1606 errMsg = error.message ? error.message : error.toString(); 1607 } 1608 console.error(errMsg); 1609 return __WEBPACK_IMPORTED_MODULE_2_rxjs_Observable__["a" /* Observable */].throw(errMsg); 1610 }; 1611 ComponentFetchService = __decorate([ 1612 Object(__WEBPACK_IMPORTED_MODULE_0__angular_core__["A" /* Injectable */])(), 1613 __metadata("design:paramtypes", [__WEBPACK_IMPORTED_MODULE_1__angular_http__["a" /* Http */]]) 1614 ], ComponentFetchService); 1615 return ComponentFetchService; 1616}()); 1617 1618 1619 1620/***/ }), 1621
1622/***/ "./src/environments/environment.ts": 1623/***/ (function(module, __webpack_exports__, __webpack_require__) { 1624 1625"use strict"; 1626/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return environment; }); 1627// The file contents for the current environment will overwrite these during build. 1628// The build system defaults to the dev environment which uses `environment.ts`, but if you do 1629// `ng build --env=prod` then `environment.prod.ts` will be used instead. 1630// The list of which env maps to which file can be found in `.angular-cli.json`. 1631var environment = { 1632 production: false 1633}; 1634 1635 1636/***/ }), 1637
1638/***/ "./src/main.ts": 1639/***/ (function(module, __webpack_exports__, __webpack_require__) { 1640 1641"use strict"; 1642Object.defineProperty(__webpack_exports__, "__esModule", { value: true }); 1643/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__angular_core__ = __webpack_require__("./node_modules/@angular/core/esm5/core.js"); 1644/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__angular_platform_browser_dynamic__ = __webpack_require__("./node_modules/@angular/platform-browser-dynamic/esm5/platform-browser-dynamic.js"); 1645/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__app_app_module__ = __webpack_require__("./src/app/app.module.ts"); 1646/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__environments_environment__ = __webpack_require__("./src/environments/environment.ts"); 1647/*! 1648 * @license MIT 1649 * Copyright (c) 2017 Bernhard Grünewaldt - codeclou.io 1650 * https://github.com/cloukit/legal 1651 */ 1652 1653 1654 1655 1656if (__WEBPACK_IMPORTED_MODULE_3__environments_environment__["a" /* environment */].production) { 1657 Object(__WEBPACK_IMPORTED_MODULE_0__angular_core__["_13" /* enableProdMode */])(); 1658} 1659Object(__WEBPACK_IMPORTED_MODULE_1__angular_platform_browser_dynamic__["a" /* platformBrowserDynamic */])().bootstrapModule(__WEBPACK_IMPORTED_MODULE_2__app_app_module__["a" /* AppModule */]); 1660 1661 1662/***/ })
1662, 1663 1664/***/ 0: 1665/***/ (function(module, exports, __webpack_require__) { 1666 1667module.exports = __webpack_require__("./src/main.ts"); 1668 1669 1670/***/ }) 1671 1672},[0]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.