fix(demo): upgrade webpack and loaders

Closes #1047
Closes #1048

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

@@ -9,23 +9,23 @@ export const DEMO_DIRECTIVES =
 
 export const DEMO_SNIPPETS = {
   basic: {
-    code: require('!!prismjs?lang=typescript!./basic/accordion-basic'),
-    markup: require('!!prismjs?lang=markup!./basic/accordion-basic.html')
+    code: require('!!prismjs-loader?lang=typescript!./basic/accordion-basic'),
+    markup: require('!!prismjs-loader?lang=markup!./basic/accordion-basic.html')
   },
   preventchange: {
-    code: require('!!prismjs?lang=typescript!./preventchange/accordion-preventchange'),
-    markup: require('!!prismjs?lang=markup!./preventchange/accordion-preventchange.html')
+    code: require('!!prismjs-loader?lang=typescript!./preventchange/accordion-preventchange'),
+    markup: require('!!prismjs-loader?lang=markup!./preventchange/accordion-preventchange.html')
   },
   static: {
-    code: require('!!prismjs?lang=typescript!./static/accordion-static'),
-    markup: require('!!prismjs?lang=markup!./static/accordion-static.html')
+    code: require('!!prismjs-loader?lang=typescript!./static/accordion-static'),
+    markup: require('!!prismjs-loader?lang=markup!./static/accordion-static.html')
   },
   toggle: {
-    code: require('!!prismjs?lang=typescript!./toggle/accordion-toggle'),
-    markup: require('!!prismjs?lang=markup!./toggle/accordion-toggle.html')
+    code: require('!!prismjs-loader?lang=typescript!./toggle/accordion-toggle'),
+    markup: require('!!prismjs-loader?lang=markup!./toggle/accordion-toggle.html')
   },
   config: {
-    code: require('!!prismjs?lang=typescript!./config/accordion-config'),
-    markup: require('!!prismjs?lang=markup!./config/accordion-config.html')
+    code: require('!!prismjs-loader?lang=typescript!./config/accordion-config'),
+    markup: require('!!prismjs-loader?lang=markup!./config/accordion-config.html')
   }
 };

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

@@ -9,23 +9,23 @@ export const DEMO_DIRECTIVES =
 
 export const DEMO_SNIPPETS = {
   basic: {
-    code: require('!!prismjs?lang=typescript!./basic/alert-basic'),
-    markup: require('!!prismjs?lang=markup!./basic/alert-basic.html')
+    code: require('!!prismjs-loader?lang=typescript!./basic/alert-basic'),
+    markup: require('!!prismjs-loader?lang=markup!./basic/alert-basic.html')
   },
   closeable: {
-    code: require('!!prismjs?lang=typescript!./closeable/alert-closeable'),
-    markup: require('!!prismjs?lang=markup!./closeable/alert-closeable.html')
+    code: require('!!prismjs-loader?lang=typescript!./closeable/alert-closeable'),
+    markup: require('!!prismjs-loader?lang=markup!./closeable/alert-closeable.html')
   },
   custom: {
-    code: require('!!prismjs?lang=typescript!./custom/alert-custom'),
-    markup: require('!!prismjs?lang=markup!./custom/alert-custom.html')
+    code: require('!!prismjs-loader?lang=typescript!./custom/alert-custom'),
+    markup: require('!!prismjs-loader?lang=markup!./custom/alert-custom.html')
   },
   selfclosing: {
-    code: require('!!prismjs?lang=typescript!./selfclosing/alert-selfclosing'),
-    markup: require('!!prismjs?lang=markup!./selfclosing/alert-selfclosing.html')
+    code: require('!!prismjs-loader?lang=typescript!./selfclosing/alert-selfclosing'),
+    markup: require('!!prismjs-loader?lang=markup!./selfclosing/alert-selfclosing.html')
   },
   config: {
-    code: require('!!prismjs?lang=typescript!./config/alert-config'),
-    markup: require('!!prismjs?lang=markup!./config/alert-config.html')
+    code: require('!!prismjs-loader?lang=typescript!./config/alert-config'),
+    markup: require('!!prismjs-loader?lang=markup!./config/alert-config.html')
   }
 };

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

@@ -5,9 +5,9 @@ export const DEMO_DIRECTIVES = [NgbdButtonsCheckbox, NgbdButtonsRadio];
 
 export const DEMO_SNIPPETS = {
   checkbox: {
-    code: require('!!prismjs?lang=typescript!./checkbox/buttons-checkbox'),
-    markup: require('!!prismjs?lang=markup!./checkbox/buttons-checkbox.html')},
+    code: require('!!prismjs-loader?lang=typescript!./checkbox/buttons-checkbox'),
+    markup: require('!!prismjs-loader?lang=markup!./checkbox/buttons-checkbox.html')},
   radio: {
-    code: require('!!prismjs?lang=typescript!./radio/buttons-radio'),
-    markup: require('!!prismjs?lang=markup!./radio/buttons-radio.html')}
+    code: require('!!prismjs-loader?lang=typescript!./radio/buttons-radio'),
+    markup: require('!!prismjs-loader?lang=markup!./radio/buttons-radio.html')}
 };

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

@@ -5,11 +5,11 @@ export const DEMO_DIRECTIVES = [NgbdCarouselBasic, NgbdCarouselConfig];
 
 export const DEMO_SNIPPETS = {
   basic: {
-    code: require('!!prismjs?lang=typescript!./basic/carousel-basic'),
-    markup: require('!!prismjs?lang=markup!./basic/carousel-basic.html')
+    code: require('!!prismjs-loader?lang=typescript!./basic/carousel-basic'),
+    markup: require('!!prismjs-loader?lang=markup!./basic/carousel-basic.html')
   },
   config: {
-    code: require('!!prismjs?lang=typescript!./config/carousel-config'),
-    markup: require('!!prismjs?lang=markup!./config/carousel-config.html')
+    code: require('!!prismjs-loader?lang=typescript!./config/carousel-config'),
+    markup: require('!!prismjs-loader?lang=markup!./config/carousel-config.html')
   }
 };

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

@@ -4,6 +4,6 @@ export const DEMO_DIRECTIVES = [NgbdCollapseBasic];
 
 export const DEMO_SNIPPETS = {
   basic: {
-    code: require('!!prismjs?lang=typescript!./basic/collapse-basic'),
-    markup: require('!!prismjs?lang=markup!./basic/collapse-basic.html')}
+    code: require('!!prismjs-loader?lang=typescript!./basic/collapse-basic'),
+    markup: require('!!prismjs-loader?lang=markup!./basic/collapse-basic.html')}
 };

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

@@ -13,31 +13,31 @@ export const DEMO_DIRECTIVES = [
 
 export const DEMO_SNIPPETS = {
   basic: {
-    code: require('!!prismjs?lang=typescript!./basic/datepicker-basic'),
-    markup: require('!!prismjs?lang=markup!./basic/datepicker-basic.html')
+    code: require('!!prismjs-loader?lang=typescript!./basic/datepicker-basic'),
+    markup: require('!!prismjs-loader?lang=markup!./basic/datepicker-basic.html')
   },
   popup: {
-    code: require('!!prismjs?lang=typescript!./popup/datepicker-popup'),
-    markup: require('!!prismjs?lang=markup!./popup/datepicker-popup.html')
+    code: require('!!prismjs-loader?lang=typescript!./popup/datepicker-popup'),
+    markup: require('!!prismjs-loader?lang=markup!./popup/datepicker-popup.html')
   },
   disabled: {
-    code: require('!!prismjs?lang=typescript!./disabled/datepicker-disabled'),
-    markup: require('!!prismjs?lang=markup!./disabled/datepicker-disabled.html')
+    code: require('!!prismjs-loader?lang=typescript!./disabled/datepicker-disabled'),
+    markup: require('!!prismjs-loader?lang=markup!./disabled/datepicker-disabled.html')
   },
   i18n: {
-    code: require('!!prismjs?lang=typescript!./i18n/datepicker-i18n'),
-    markup: require('!!prismjs?lang=markup!./i18n/datepicker-i18n.html')
+    code: require('!!prismjs-loader?lang=typescript!./i18n/datepicker-i18n'),
+    markup: require('!!prismjs-loader?lang=markup!./i18n/datepicker-i18n.html')
   },
   customday: {
-    code: require('!!prismjs?lang=typescript!./customday/datepicker-customday'),
-    markup: require('!!prismjs?lang=markup!./customday/datepicker-customday.html')
+    code: require('!!prismjs-loader?lang=typescript!./customday/datepicker-customday'),
+    markup: require('!!prismjs-loader?lang=markup!./customday/datepicker-customday.html')
   },
   multiple: {
-    code: require('!!prismjs?lang=typescript!./multiple/datepicker-multiple'),
-    markup: require('!!prismjs?lang=markup!./multiple/datepicker-multiple.html')
+    code: require('!!prismjs-loader?lang=typescript!./multiple/datepicker-multiple'),
+    markup: require('!!prismjs-loader?lang=markup!./multiple/datepicker-multiple.html')
   },
   config: {
-    code: require('!!prismjs?lang=typescript!./config/datepicker-config'),
-    markup: require('!!prismjs?lang=markup!./config/datepicker-config.html')
+    code: require('!!prismjs-loader?lang=typescript!./config/datepicker-config'),
+    markup: require('!!prismjs-loader?lang=markup!./config/datepicker-config.html')
   }
 };

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

@@ -6,12 +6,12 @@ export const DEMO_DIRECTIVES = [NgbdDropdownBasic, NgbdDropdownConfig, NgbdDropd
 
 export const DEMO_SNIPPETS = {
   'basic': {
-    'code': require('!!prismjs?lang=typescript!./basic/dropdown-basic'),
-    'markup': require('!!prismjs?lang=markup!./basic/dropdown-basic.html')},
+    'code': require('!!prismjs-loader?lang=typescript!./basic/dropdown-basic'),
+    'markup': require('!!prismjs-loader?lang=markup!./basic/dropdown-basic.html')},
   'config': {
-    'code': require('!!prismjs?lang=typescript!./config/dropdown-config'),
-    'markup': require('!!prismjs?lang=markup!./config/dropdown-config.html')},
+    'code': require('!!prismjs-loader?lang=typescript!./config/dropdown-config'),
+    'markup': require('!!prismjs-loader?lang=markup!./config/dropdown-config.html')},
   'manual': {
-    'code': require('!!prismjs?lang=typescript!./manual/dropdown-manual'),
-    'markup': require('!!prismjs?lang=markup!./manual/dropdown-manual.html')}
+    'code': require('!!prismjs-loader?lang=typescript!./manual/dropdown-manual'),
+    'markup': require('!!prismjs-loader?lang=markup!./manual/dropdown-manual.html')}
 };

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

@@ -7,12 +7,12 @@ export {NgbdModalContent} from './component/modal-component';
 
 export const DEMO_SNIPPETS = {
   'basic': {
-    'code': require('!!prismjs?lang=typescript!./basic/modal-basic'),
-    'markup': require('!!prismjs?lang=markup!./basic/modal-basic.html')},
+    'code': require('!!prismjs-loader?lang=typescript!./basic/modal-basic'),
+    'markup': require('!!prismjs-loader?lang=markup!./basic/modal-basic.html')},
   'component': {
-    'code': require('!!prismjs?lang=typescript!./component/modal-component'),
-    'markup': require('!!prismjs?lang=markup!./component/modal-component.html')},
+    'code': require('!!prismjs-loader?lang=typescript!./component/modal-component'),
+    'markup': require('!!prismjs-loader?lang=markup!./component/modal-component.html')},
   'customclass': {
-    'code': require('!!prismjs?lang=typescript!./customclass/modal-customclass'),
-    'markup': require('!!prismjs?lang=markup!./customclass/modal-customclass.html')}
+    'code': require('!!prismjs-loader?lang=typescript!./customclass/modal-customclass'),
+    'markup': require('!!prismjs-loader?lang=markup!./customclass/modal-customclass.html')}
 };

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

@@ -7,19 +7,19 @@ export const DEMO_DIRECTIVES = [NgbdPaginationAdvanced, NgbdPaginationBasic, Ngb
 
 export const DEMO_SNIPPETS = {
   advanced: {
-    code: require('!!prismjs?lang=typescript!./advanced/pagination-advanced'),
-    markup: require('!!prismjs?lang=markup!./advanced/pagination-advanced.html')
+    code: require('!!prismjs-loader?lang=typescript!./advanced/pagination-advanced'),
+    markup: require('!!prismjs-loader?lang=markup!./advanced/pagination-advanced.html')
   },
   basic: {
-    code: require('!!prismjs?lang=typescript!./basic/pagination-basic'),
-    markup: require('!!prismjs?lang=markup!./basic/pagination-basic.html')
+    code: require('!!prismjs-loader?lang=typescript!./basic/pagination-basic'),
+    markup: require('!!prismjs-loader?lang=markup!./basic/pagination-basic.html')
   },
   size: {
-    code: require('!!prismjs?lang=typescript!./size/pagination-size'),
-    markup: require('!!prismjs?lang=markup!./size/pagination-size.html')
+    code: require('!!prismjs-loader?lang=typescript!./size/pagination-size'),
+    markup: require('!!prismjs-loader?lang=markup!./size/pagination-size.html')
   },
   config: {
-    code: require('!!prismjs?lang=typescript!./config/pagination-config'),
-    markup: require('!!prismjs?lang=markup!./config/pagination-config.html')
+    code: require('!!prismjs-loader?lang=typescript!./config/pagination-config'),
+    markup: require('!!prismjs-loader?lang=markup!./config/pagination-config.html')
   }
 };

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

@@ -16,27 +16,27 @@ export const DEMO_DIRECTIVES = [
 
 export const DEMO_SNIPPETS = {
   basic: {
-    code: require('!!prismjs?lang=typescript!./basic/popover-basic'),
-    markup: require('!!prismjs?lang=markup!./basic/popover-basic.html')
+    code: require('!!prismjs-loader?lang=typescript!./basic/popover-basic'),
+    markup: require('!!prismjs-loader?lang=markup!./basic/popover-basic.html')
   },
   tplcontent: {
-    code: require('!!prismjs?lang=typescript!./tplcontent/popover-tplcontent'),
-    markup: require('!!prismjs?lang=markup!./tplcontent/popover-tplcontent.html')
+    code: require('!!prismjs-loader?lang=typescript!./tplcontent/popover-tplcontent'),
+    markup: require('!!prismjs-loader?lang=markup!./tplcontent/popover-tplcontent.html')
   },
   triggers: {
-    code: require('!!prismjs?lang=typescript!./triggers/popover-triggers'),
-    markup: require('!!prismjs?lang=markup!./triggers/popover-triggers.html')
+    code: require('!!prismjs-loader?lang=typescript!./triggers/popover-triggers'),
+    markup: require('!!prismjs-loader?lang=markup!./triggers/popover-triggers.html')
   },
   visibility: {
-    code: require('!!prismjs?lang=typescript!./visibility/popover-visibility'),
-    markup: require('!!prismjs?lang=markup!./visibility/popover-visibility.html')
+    code: require('!!prismjs-loader?lang=typescript!./visibility/popover-visibility'),
+    markup: require('!!prismjs-loader?lang=markup!./visibility/popover-visibility.html')
   },
   container: {
-    code: require('!!prismjs?lang=typescript!./container/popover-container'),
-    markup: require('!!prismjs?lang=markup!./container/popover-container.html')
+    code: require('!!prismjs-loader?lang=typescript!./container/popover-container'),
+    markup: require('!!prismjs-loader?lang=markup!./container/popover-container.html')
   },
   config: {
-    code: require('!!prismjs?lang=typescript!./config/popover-config'),
-    markup: require('!!prismjs?lang=markup!./config/popover-config.html')
+    code: require('!!prismjs-loader?lang=typescript!./config/popover-config'),
+    markup: require('!!prismjs-loader?lang=markup!./config/popover-config.html')
   }
 };

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

@@ -6,12 +6,12 @@ export const DEMO_DIRECTIVES = [NgbdProgressbarBasic, NgbdProgressbarStriped, Ng
 
 export const DEMO_SNIPPETS = {
   basic: {
-    code: require('!!prismjs?lang=typescript!./basic/progressbar-basic'),
-    markup: require('!!prismjs?lang=markup!./basic/progressbar-basic.html')},
+    code: require('!!prismjs-loader?lang=typescript!./basic/progressbar-basic'),
+    markup: require('!!prismjs-loader?lang=markup!./basic/progressbar-basic.html')},
   striped: {
-    code: require('!!prismjs?lang=typescript!./striped/progressbar-striped'),
-    markup: require('!!prismjs?lang=markup!./striped/progressbar-striped.html')},
+    code: require('!!prismjs-loader?lang=typescript!./striped/progressbar-striped'),
+    markup: require('!!prismjs-loader?lang=markup!./striped/progressbar-striped.html')},
   config: {
-    code: require('!!prismjs?lang=typescript!./config/progressbar-config'),
-    markup: require('!!prismjs?lang=markup!./config/progressbar-config.html')}
+    code: require('!!prismjs-loader?lang=typescript!./config/progressbar-config'),
+    markup: require('!!prismjs-loader?lang=markup!./config/progressbar-config.html')}
 };

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

@@ -9,23 +9,23 @@ export const DEMO_DIRECTIVES = [NgbdRatingBasic, NgbdRatingConfig,
 
 export const DEMO_SNIPPETS = {
   basic: {
-    code: require('!!prismjs?lang=typescript!./basic/rating-basic'),
-    markup: require('!!prismjs?lang=markup!./basic/rating-basic.html')
+    code: require('!!prismjs-loader?lang=typescript!./basic/rating-basic'),
+    markup: require('!!prismjs-loader?lang=markup!./basic/rating-basic.html')
   },
   events: {
-    code: require('!!prismjs?lang=typescript!./events/rating-events'),
-    markup: require('!!prismjs?lang=markup!./events/rating-events.html')
+    code: require('!!prismjs-loader?lang=typescript!./events/rating-events'),
+    markup: require('!!prismjs-loader?lang=markup!./events/rating-events.html')
   },
   template: {
-    code: require('!!prismjs?lang=typescript!./template/rating-template'),
-    markup: require('!!prismjs?lang=markup!./template/rating-template.html')
+    code: require('!!prismjs-loader?lang=typescript!./template/rating-template'),
+    markup: require('!!prismjs-loader?lang=markup!./template/rating-template.html')
   },
   decimal: {
-    code: require('!!prismjs?lang=typescript!./decimal/rating-decimal'),
-    markup: require('!!prismjs?lang=markup!./decimal/rating-decimal.html')
+    code: require('!!prismjs-loader?lang=typescript!./decimal/rating-decimal'),
+    markup: require('!!prismjs-loader?lang=markup!./decimal/rating-decimal.html')
   },
   config: {
-    code: require('!!prismjs?lang=typescript!./config/rating-config'),
-    markup: require('!!prismjs?lang=markup!./config/rating-config.html')
+    code: require('!!prismjs-loader?lang=typescript!./config/rating-config'),
+    markup: require('!!prismjs-loader?lang=markup!./config/rating-config.html')
   }
 };

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

@@ -9,23 +9,23 @@ export const DEMO_DIRECTIVES =
 
 export const DEMO_SNIPPETS = {
   basic: {
-    code: require('!!prismjs?lang=typescript!./basic/tabset-basic'),
-    markup: require('!!prismjs?lang=markup!./basic/tabset-basic.html')
+    code: require('!!prismjs-loader?lang=typescript!./basic/tabset-basic'),
+    markup: require('!!prismjs-loader?lang=markup!./basic/tabset-basic.html')
   },
   pills: {
-    code: require('!!prismjs?lang=typescript!./pills/tabset-pills'),
-    markup: require('!!prismjs?lang=markup!./pills/tabset-pills.html')
+    code: require('!!prismjs-loader?lang=typescript!./pills/tabset-pills'),
+    markup: require('!!prismjs-loader?lang=markup!./pills/tabset-pills.html')
   },
   preventchange: {
-    code: require('!!prismjs?lang=typescript!./preventchange/tabset-preventchange'),
-    markup: require('!!prismjs?lang=markup!./preventchange/tabset-preventchange.html')
+    code: require('!!prismjs-loader?lang=typescript!./preventchange/tabset-preventchange'),
+    markup: require('!!prismjs-loader?lang=markup!./preventchange/tabset-preventchange.html')
   },
   selectbyid: {
-    code: require('!!prismjs?lang=typescript!./selectbyid/tabset-selectbyid'),
-    markup: require('!!prismjs?lang=markup!./selectbyid/tabset-selectbyid.html')
+    code: require('!!prismjs-loader?lang=typescript!./selectbyid/tabset-selectbyid'),
+    markup: require('!!prismjs-loader?lang=markup!./selectbyid/tabset-selectbyid.html')
   },
   config: {
-    code: require('!!prismjs?lang=typescript!./config/tabset-config'),
-    markup: require('!!prismjs?lang=markup!./config/tabset-config.html')
+    code: require('!!prismjs-loader?lang=typescript!./config/tabset-config'),
+    markup: require('!!prismjs-loader?lang=markup!./config/tabset-config.html')
   }
 };