feat(build): upgrade to support ng v2.3+ only

demo/src/app/components/accordion/accordion-section.component.ts

@@ -5,7 +5,7 @@ import { Component } from '@angular/core';
 import { DEMOS } from './demos';
 
 // webpack html imports
-let titleDoc = require('html!markdown!./docs/usage.md');
+let titleDoc = require('html-loader!markdown-loader!./docs/usage.md');
 
 @Component({
  selector: 'accordion-section',

demo/src/app/components/accordion/demos/index.ts

@@ -12,27 +12,27 @@ export const DEMO_COMPONENTS = [
 
 export const DEMOS = {
  basic: {
- component: require('!!raw?lang=typescript!./basic/basic'),
- html: require('!!raw?lang=markup!./basic/basic.html')
+ component: require('!!raw-loader?lang=typescript!./basic/basic'),
+ html: require('!!raw-loader?lang=markup!./basic/basic.html')
  },
  disabled: {
- component: require('!!raw?lang=typescript!./disabled/disabled'),
- html: require('!!raw?lang=markup!./disabled/disabled.html')
+ component: require('!!raw-loader?lang=typescript!./disabled/disabled'),
+ html: require('!!raw-loader?lang=markup!./disabled/disabled.html')
  },
  dynamic: {
- component: require('!!raw?lang=typescript!./dymanic/dynamic'),
- html: require('!!raw?lang=markup!./dymanic/dynamic.html')
+ component: require('!!raw-loader?lang=typescript!./dymanic/dynamic'),
+ html: require('!!raw-loader?lang=markup!./dymanic/dynamic.html')
  },
  oneAtATime: {
- component: require('!!raw?lang=typescript!./one-at-a-time/one-at-a-time'),
- html: require('!!raw?lang=markup!./one-at-a-time/one-at-a-time.html')
+ component: require('!!raw-loader?lang=typescript!./one-at-a-time/one-at-a-time'),
+ html: require('!!raw-loader?lang=markup!./one-at-a-time/one-at-a-time.html')
  },
  config: {
- component: require('!!raw?lang=typescript!./config/config'),
- html: require('!!raw?lang=markup!./config/config.html')
+ component: require('!!raw-loader?lang=typescript!./config/config'),
+ html: require('!!raw-loader?lang=markup!./config/config.html')
  },
  styling: {
- component: require('!!raw?lang=typescript!./styling/styling'),
- html: require('!!raw?lang=markup!./styling/styling.html')
+ component: require('!!raw-loader?lang=typescript!./styling/styling'),
+ html: require('!!raw-loader?lang=markup!./styling/styling.html')
  }
 };

demo/src/app/components/alerts/alerts-section.component.ts

@@ -2,7 +2,7 @@ import { Component } from '@angular/core';
 import { DEMOS } from './demos';
 
 // webpack html imports
-let titleDoc = require('html!markdown!./docs/usage.md');
+let titleDoc = require('html-loader!markdown-loader!./docs/usage.md');
 
 @Component({
  selector: 'alert-section',

demo/src/app/components/alerts/demos/index.ts

@@ -16,39 +16,39 @@ export const DEMO_COMPONENTS = [DemoAlertBasicComponent,
 
 export const DEMOS = {
  basic: {
- component: require('!!raw?lang=typescript!./basic/basic.ts'),
- html: require('!!raw?lang=markup!./basic/basic.html')
+ component: require('!!raw-loader?lang=typescript!./basic/basic.ts'),
+ html: require('!!raw-loader?lang=markup!./basic/basic.html')
  },
  link: {
- component: require('!!raw?lang=typescript!./link/link.ts'),
- html: require('!!raw?lang=markup!./link/link.html')
+ component: require('!!raw-loader?lang=typescript!./link/link.ts'),
+ html: require('!!raw-loader?lang=markup!./link/link.html')
  },
  content: {
- component: require('!!raw?lang=typescript!./content/content.ts'),
- html: require('!!raw?lang=markup!./content/content.html')
+ component: require('!!raw-loader?lang=typescript!./content/content.ts'),
+ html: require('!!raw-loader?lang=markup!./content/content.html')
  },
  dismiss: {
- component: require('!!raw?lang=typescript!./dismiss/dismiss.ts'),
- html: require('!!raw?lang=markup!./dismiss/dismiss.html')
+ component: require('!!raw-loader?lang=typescript!./dismiss/dismiss.ts'),
+ html: require('!!raw-loader?lang=markup!./dismiss/dismiss.html')
  },
  timeout: {
- component: require('!!raw?lang=typescript!./dismiss-on-timeout/dismiss-on-timeout.ts'),
- html: require('!!raw?lang=markup!./dismiss-on-timeout/dismiss-on-timeout.html')
+ component: require('!!raw-loader?lang=typescript!./dismiss-on-timeout/dismiss-on-timeout.ts'),
+ html: require('!!raw-loader?lang=markup!./dismiss-on-timeout/dismiss-on-timeout.html')
  },
  dynamic: {
- component: require('!!raw?lang=typescript!./dynamic-html/dynamic-html.ts'),
- html: require('!!raw?lang=markup!./dynamic-html/dynamic-html.html')
+ component: require('!!raw-loader?lang=typescript!./dynamic-html/dynamic-html.ts'),
+ html: require('!!raw-loader?lang=markup!./dynamic-html/dynamic-html.html')
  },
  global: {
- component: require('!!raw?lang=typescript!./styling-global/styling-global.ts'),
- html: require('!!raw?lang=markup!./styling-global/styling-global.html')
+ component: require('!!raw-loader?lang=typescript!./styling-global/styling-global.ts'),
+ html: require('!!raw-loader?lang=markup!./styling-global/styling-global.html')
  },
  local: {
- component: require('!!raw?lang=typescript!./styling-local/styling-local.ts'),
- html: require('!!raw?lang=markup!./styling-local/styling-local.html')
+ component: require('!!raw-loader?lang=typescript!./styling-local/styling-local.ts'),
+ html: require('!!raw-loader?lang=markup!./styling-local/styling-local.html')
  },
  config: {
- component: require('!!raw?lang=typescript!./config/config.ts'),
- html: require('!!raw?lang=markup!./config/config.html')
+ component: require('!!raw-loader?lang=typescript!./config/config.ts'),
+ html: require('!!raw-loader?lang=markup!./config/config.html')
  }
 };

demo/src/app/components/buttons/buttons-section.component.ts

@@ -2,7 +2,7 @@ import { Component } from '@angular/core';
 import { DEMOS } from './demos';
 
 // webpack html imports
-let titleDoc = require('html!markdown!./docs/title.md');
+let titleDoc = require('html-loader!markdown-loader!./docs/title.md');
 
 @Component({
  selector: 'buttons-section',

demo/src/app/components/buttons/demos/index.ts

@@ -9,19 +9,19 @@ export const DEMO_COMPONENTS = [
 
 export const DEMOS = {
  basic: {
- component: require('!!raw?lang=typescript!./basic/basic.ts'),
- html: require('!!raw?lang=markup!./basic/basic.html')
+ component: require('!!raw-loader?lang=typescript!./basic/basic.ts'),
+ html: require('!!raw-loader?lang=markup!./basic/basic.html')
  },
  checkbox: {
- component: require('!!raw?lang=typescript!./checkbox/checkbox.ts'),
- html: require('!!raw?lang=markup!./checkbox/checkbox.html')
+ component: require('!!raw-loader?lang=typescript!./checkbox/checkbox.ts'),
+ html: require('!!raw-loader?lang=markup!./checkbox/checkbox.html')
  },
  radio: {
- component: require('!!raw?lang=typescript!./radio/radio.ts'),
- html: require('!!raw?lang=markup!./radio/radio.html')
+ component: require('!!raw-loader?lang=typescript!./radio/radio.ts'),
+ html: require('!!raw-loader?lang=markup!./radio/radio.html')
  },
  disabled: {
- component: require('!!raw?lang=typescript!./disabled/disabled.ts'),
- html: require('!!raw?lang=markup!./disabled/disabled.html')
+ component: require('!!raw-loader?lang=typescript!./disabled/disabled.ts'),
+ html: require('!!raw-loader?lang=markup!./disabled/disabled.html')
  }
 };

demo/src/app/components/carousel/carousel-section.component.ts

@@ -2,7 +2,7 @@ import { Component } from '@angular/core';
 import { DEMOS } from './demos';
 
 // webpack html imports
-let titleDoc = require('html!markdown!./docs/title.md');
+let titleDoc = require('html-loader!markdown-loader!./docs/title.md');
 
 @Component({
  selector: 'carousel-section',

demo/src/app/components/carousel/demos/index.ts

@@ -12,19 +12,19 @@ export const DEMO_COMPONENTS = [
 
 export const DEMOS = {
  basic: {
- component: require('!!raw?lang=typescript!./basic/basic.ts'),
- html: require('!!raw?lang=markup!./basic/basic.html')
+ component: require('!!raw-loader?lang=typescript!./basic/basic.ts'),
+ html: require('!!raw-loader?lang=markup!./basic/basic.html')
  },
  captions: {
- component: require('!!raw?lang=typescript!./captions/captions.ts'),
- html: require('!!raw?lang=markup!./captions/captions.html')
+ component: require('!!raw-loader?lang=typescript!./captions/captions.ts'),
+ html: require('!!raw-loader?lang=markup!./captions/captions.html')
  },
  dynamic: {
- component: require('!!raw?lang=typescript!./dynamic/dynamic.ts'),
- html: require('!!raw?lang=markup!./dynamic/dynamic.html')
+ component: require('!!raw-loader?lang=typescript!./dynamic/dynamic.ts'),
+ html: require('!!raw-loader?lang=markup!./dynamic/dynamic.html')
  },
  config: {
- component: require('!!raw?lang=typescript!./config/config.ts'),
- html: require('!!raw?lang=markup!./config/config.html')
+ component: require('!!raw-loader?lang=typescript!./config/config.ts'),
+ html: require('!!raw-loader?lang=markup!./config/config.html')
  }
 };

demo/src/app/components/collapse/collapse-section.component.ts

@@ -2,7 +2,7 @@ import { Component } from '@angular/core';
 import { DEMOS } from './demos';
 
 // webpack html imports
-let titleDoc = require('html!markdown!./docs/title.md');
+let titleDoc = require('html-loader!markdown-loader!./docs/title.md');
 
 @Component({
  selector: 'collapse-section',

demo/src/app/components/collapse/demos/index.ts

@@ -6,7 +6,7 @@ export const DEMO_COMPONENTS = [
 
 export const DEMOS = {
  old: {
- component: require('!!raw?lang=typescript!./collapse-demo.component'),
- html: require('!!raw?lang=markup!./collapse-demo.component.html')
+ component: require('!!raw-loader?lang=typescript!./collapse-demo.component'),
+ html: require('!!raw-loader?lang=markup!./collapse-demo.component.html')
  }
 };

demo/src/app/components/datepicker/datepicker-section.component.ts

@@ -2,7 +2,7 @@
 import { Component } from '@angular/core';
 import { DEMOS } from './demos';
 // webpack html imports
-let titleDoc = require('html!markdown!./docs/title.md');
+let titleDoc = require('html-loader!markdown-loader!./docs/title.md');
 
 @Component({
  selector: 'datepicker-section',

demo/src/app/components/datepicker/demos/index.ts

@@ -6,7 +6,7 @@ export const DEMO_COMPONENTS = [
 
 export const DEMOS = {
  old: {
- component: require('!!raw?lang=typescript!./datepicker-demo.component.ts'),
- html: require('!!raw?lang=markup!./datepicker-demo.component.html')
+ component: require('!!raw-loader?lang=typescript!./datepicker-demo.component.ts'),
+ html: require('!!raw-loader?lang=markup!./datepicker-demo.component.html')
  }
 };

demo/src/app/components/dropdown/demos/index.ts

@@ -19,44 +19,44 @@ export const DEMO_COMPONENTS = [
 export const DEMOS = {
 
  basic: {
- component: require('!!raw?lang=typescript!./basic/basic.ts'),
- html: require('!!raw?lang=markup!./basic/basic.html')
+ component: require('!!raw-loader?lang=typescript!./basic/basic.ts'),
+ html: require('!!raw-loader?lang=markup!./basic/basic.html')
  },
  link: {
- component: require('!!raw?lang=typescript!./basic/basic-link.ts'),
- html: require('!!raw?lang=markup!./basic/basic-link.html')
+ component: require('!!raw-loader?lang=typescript!./basic/basic-link.ts'),
+ html: require('!!raw-loader?lang=markup!./basic/basic-link.html')
  },
  splitBtn: {
- component: require('!!raw?lang=typescript!./split/split.ts'),
- html: require('!!raw?lang=markup!./split/split.html')
+ component: require('!!raw-loader?lang=typescript!./split/split.ts'),
+ html: require('!!raw-loader?lang=markup!./split/split.html')
  },
  container: {
- component: require('!!raw?lang=typescript!./container/container.ts'),
- html: require('!!raw?lang=markup!./container/container.html')
+ component: require('!!raw-loader?lang=typescript!./container/container.ts'),
+ html: require('!!raw-loader?lang=markup!./container/container.html')
  },
  triggersManual: {
- component: require('!!raw?lang=typescript!./triggers-manual/triggers-manual.ts'),
- html: require('!!raw?lang=markup!./triggers-manual/triggers-manual.html')
+ component: require('!!raw-loader?lang=typescript!./triggers-manual/triggers-manual.ts'),
+ html: require('!!raw-loader?lang=markup!./triggers-manual/triggers-manual.html')
  },
  disabledMenu: {
- component: require('!!raw?lang=typescript!./disabled-menu/disabled-menu.ts'),
- html: require('!!raw?lang=markup!./disabled-menu/disabled-menu.html')
+ component: require('!!raw-loader?lang=typescript!./disabled-menu/disabled-menu.ts'),
+ html: require('!!raw-loader?lang=markup!./disabled-menu/disabled-menu.html')
  },
  alignment: {
- component: require('!!raw?lang=typescript!./alignment/menu-alignment.ts'),
- html: require('!!raw?lang=markup!./alignment/menu-alignment.html')
+ component: require('!!raw-loader?lang=typescript!./alignment/menu-alignment.ts'),
+ html: require('!!raw-loader?lang=markup!./alignment/menu-alignment.html')
  },
  keyboard: {
- component: require('!!raw?lang=typescript!./keyboard/keyboard.ts'),
- html: require('!!raw?lang=markup!./keyboard/keyboard.html')
+ component: require('!!raw-loader?lang=typescript!./keyboard/keyboard.ts'),
+ html: require('!!raw-loader?lang=markup!./keyboard/keyboard.html')
  },
  dropup: {
- component: require('!!raw?lang=typescript!./dropup/dropup.ts'),
- html: require('!!raw?lang=markup!./dropup/dropup.html')
+ component: require('!!raw-loader?lang=typescript!./dropup/dropup.ts'),
+ html: require('!!raw-loader?lang=markup!./dropup/dropup.html')
  },
  config: {
- component: require('!!raw?lang=typescript!./config/config.ts'),
- html: require('!!raw?lang=markup!./config/config.html')
+ component: require('!!raw-loader?lang=typescript!./config/config.ts'),
+ html: require('!!raw-loader?lang=markup!./config/config.html')
  }
 
 };

demo/src/app/components/dropdown/dropdown-section.component.ts

@@ -2,7 +2,7 @@ import { Component } from '@angular/core';
 import { DEMOS } from './demos';
 
 // webpack html imports
-let titleDoc = require('html!markdown!./docs/title.md');
+let titleDoc = require('html-loader!markdown-loader!./docs/title.md');
 
 @Component({
  selector: 'dropdown-section',

demo/src/app/components/modal/demos/index.ts

@@ -8,15 +8,15 @@ export const DEMO_COMPONENTS = [
 
 export const DEMOS = {
  sizes: {
- component: require('!!raw?lang=typescript!./sizes/sizes.ts'),
- html: require('!!raw?lang=markup!./sizes/sizes.html')
+ component: require('!!raw-loader?lang=typescript!./sizes/sizes.ts'),
+ html: require('!!raw-loader?lang=markup!./sizes/sizes.html')
  },
  child: {
- component: require('!!raw?lang=typescript!./child/child.ts'),
- html: require('!!raw?lang=markup!./child/child.html')
+ component: require('!!raw-loader?lang=typescript!./child/child.ts'),
+ html: require('!!raw-loader?lang=markup!./child/child.html')
  },
  staticModal: {
- component: require('!!raw?lang=typescript!./static/static.ts'),
- html: require('!!raw?lang=markup!./static/static.html')
+ component: require('!!raw-loader?lang=typescript!./static/static.ts'),
+ html: require('!!raw-loader?lang=markup!./static/static.html')
  }
 };

demo/src/app/components/modal/modal-section.component.ts

@@ -2,7 +2,7 @@ import { Component } from '@angular/core';
 import { DEMOS } from './demos';
 
 // webpack html imports
-let titleDoc = require('html!markdown!./docs/title.md');
+let titleDoc = require('html-loader!markdown-loader!./docs/title.md');
 
 @Component({
  selector: 'modal-section',

demo/src/app/components/pagination/demos/index.ts

@@ -9,19 +9,19 @@ export const DEMO_COMPONENTS = [
 
 export const DEMOS = {
  basic: {
- component: require('!!raw?lang=typescript!./basic/basic.ts'),
- html: require('!!raw?lang=markup!./basic/basic.html')
+ component: require('!!raw-loader?lang=typescript!./basic/basic.ts'),
+ html: require('!!raw-loader?lang=markup!./basic/basic.html')
  },
  pager: {
- component: require('!!raw?lang=typescript!./pager/pager.ts'),
- html: require('!!raw?lang=markup!./pager/pager.html')
+ component: require('!!raw-loader?lang=typescript!./pager/pager.ts'),
+ html: require('!!raw-loader?lang=markup!./pager/pager.html')
  },
  limit: {
- component: require('!!raw?lang=typescript!./limit/limit.ts'),
- html: require('!!raw?lang=markup!./limit/limit.html')
+ component: require('!!raw-loader?lang=typescript!./limit/limit.ts'),
+ html: require('!!raw-loader?lang=markup!./limit/limit.html')
  },
  styling: {
- component: require('!!raw?lang=typescript!./styling-global/styling-global.ts'),
- html: require('!!raw?lang=markup!./styling-global/styling-global.html')
+ component: require('!!raw-loader?lang=typescript!./styling-global/styling-global.ts'),
+ html: require('!!raw-loader?lang=markup!./styling-global/styling-global.html')
  }
 };

demo/src/app/components/pagination/pagination-section.component.ts

@@ -2,7 +2,7 @@ import { Component } from '@angular/core';
 import { DEMOS } from './demos';
 
 // webpack html imports
-let titleDoc = require('html!markdown!./docs/title.md');
+let titleDoc = require('html-loader!markdown-loader!./docs/title.md');
 
 @Component({
  selector: 'pagination-section',