chore(angular): build

angular/scripts/build-core.js

@@ -12,7 +12,7 @@ function buildIonicAngular() {
     const args = [
       'build',
       '--config',
-      path.join(__dirname, '..', 'stencil.config.ts'),
+      path.join(__dirname, '..', 'stencil.config.js'),
       ...process.argv.slice(2)
     ];
 

angular/src/directives/proxies.ts

@@ -270,7 +270,7 @@ export class InfiniteScrollContent {
 }
 
 export declare interface Input extends StencilComponents.IonInput {}
-@Directive({selector: 'ion-input', inputs: ['accept', 'autocapitalize', 'autocomplete', 'autocorrect', 'autofocus', 'clearInput', 'clearOnEdit', 'debounce', 'disabled', 'inputmode', 'max', 'maxlength', 'min', 'minlength', 'multiple', 'name', 'pattern', 'placeholder', 'readonly', 'required', 'results', 'spellcheck', 'step', 'size', 'type', 'value'], outputs: ['ionInput', 'ionChange', 'ionStyle', 'ionBlur', 'ionFocus', 'ionInputDidLoad', 'ionInputDidUnload']})
+@Directive({selector: 'ion-input', inputs: ['color', 'mode', 'accept', 'autocapitalize', 'autocomplete', 'autocorrect', 'autofocus', 'clearInput', 'clearOnEdit', 'debounce', 'disabled', 'inputmode', 'max', 'maxlength', 'min', 'minlength', 'multiple', 'name', 'pattern', 'placeholder', 'readonly', 'required', 'results', 'spellcheck', 'step', 'size', 'type', 'value'], outputs: ['ionInput', 'ionChange', 'ionStyle', 'ionBlur', 'ionFocus', 'ionInputDidLoad', 'ionInputDidUnload']})
 export class Input {
   ionInput: EventEmitter<any>;
   ionChange: EventEmitter<any>;
@@ -280,7 +280,7 @@ export class Input {
   ionInputDidLoad: EventEmitter<any>;
   ionInputDidUnload: EventEmitter<any>;
   constructor(r: ElementRef) {
-    proxyInputs(this, r, ['accept', 'autocapitalize', 'autocomplete', 'autocorrect', 'autofocus', 'clearInput', 'clearOnEdit', 'debounce', 'disabled', 'inputmode', 'max', 'maxlength', 'min', 'minlength', 'multiple', 'name', 'pattern', 'placeholder', 'readonly', 'required', 'results', 'spellcheck', 'step', 'size', 'type', 'value']);
+    proxyInputs(this, r, ['color', 'mode', 'accept', 'autocapitalize', 'autocomplete', 'autocorrect', 'autofocus', 'clearInput', 'clearOnEdit', 'debounce', 'disabled', 'inputmode', 'max', 'maxlength', 'min', 'minlength', 'multiple', 'name', 'pattern', 'placeholder', 'readonly', 'required', 'results', 'spellcheck', 'step', 'size', 'type', 'value']);
     proxyOutputs(this, ['ionInput', 'ionChange', 'ionStyle', 'ionBlur', 'ionFocus', 'ionInputDidLoad', 'ionInputDidUnload']);
   }
 }
@@ -703,7 +703,7 @@ export class Text {
 }
 
 export declare interface Textarea extends StencilComponents.IonTextarea {}
-@Directive({selector: 'ion-textarea', inputs: ['autocapitalize', 'autocomplete', 'autofocus', 'clearOnEdit', 'debounce', 'disabled', 'maxlength', 'minlength', 'name', 'placeholder', 'readonly', 'required', 'spellcheck', 'cols', 'rows', 'wrap', 'value'], outputs: ['ionChange', 'ionInput', 'ionStyle', 'ionBlur', 'ionFocus']})
+@Directive({selector: 'ion-textarea', inputs: ['color', 'mode', 'autocapitalize', 'autocomplete', 'autofocus', 'clearOnEdit', 'debounce', 'disabled', 'maxlength', 'minlength', 'name', 'placeholder', 'readonly', 'required', 'spellcheck', 'cols', 'rows', 'wrap', 'value'], outputs: ['ionChange', 'ionInput', 'ionStyle', 'ionBlur', 'ionFocus']})
 export class Textarea {
   ionChange: EventEmitter<any>;
   ionInput: EventEmitter<any>;
@@ -711,7 +711,7 @@ export class Textarea {
   ionBlur: EventEmitter<any>;
   ionFocus: EventEmitter<any>;
   constructor(r: ElementRef) {
-    proxyInputs(this, r, ['autocapitalize', 'autocomplete', 'autofocus', 'clearOnEdit', 'debounce', 'disabled', 'maxlength', 'minlength', 'name', 'placeholder', 'readonly', 'required', 'spellcheck', 'cols', 'rows', 'wrap', 'value']);
+    proxyInputs(this, r, ['color', 'mode', 'autocapitalize', 'autocomplete', 'autofocus', 'clearOnEdit', 'debounce', 'disabled', 'maxlength', 'minlength', 'name', 'placeholder', 'readonly', 'required', 'spellcheck', 'cols', 'rows', 'wrap', 'value']);
     proxyOutputs(this, ['ionChange', 'ionInput', 'ionStyle', 'ionBlur', 'ionFocus']);
   }
 }
@@ -735,10 +735,10 @@ export class Toggle {
 }
 
 export declare interface Toolbar extends StencilComponents.IonToolbar {}
-@Directive({selector: 'ion-toolbar', inputs: ['color', 'mode', 'translucent']})
+@Directive({selector: 'ion-toolbar', inputs: ['color', 'mode']})
 export class Toolbar {
   constructor(r: ElementRef) {
-    proxyInputs(this, r, ['color', 'mode', 'translucent']);
+    proxyInputs(this, r, ['color', 'mode']);
   }
 }
 

core/stencil.config.js

@@ -0,0 +1,66 @@
+const { sass } = require('@stencil/sass');
+
+exports.config = {
+  namespace: 'Ionic',
+  bundles: [
+    { components: ['ion-action-sheet', 'ion-action-sheet-controller'] },
+    { components: ['ion-alert', 'ion-alert-controller'] },
+    { components: ['ion-anchor', 'ion-back-button'] },
+    { components: ['ion-animation-controller'] },
+    { components: ['ion-app', 'ion-buttons', 'ion-content', 'ion-footer', 'ion-header', 'ion-scroll', 'ion-title', 'ion-toolbar'] },
+    { components: ['ion-avatar', 'ion-badge', 'ion-thumbnail'] },
+    { components: ['ion-backdrop'] },
+    { components: ['ion-button', 'ion-icon'] },
+    { components: ['ion-card', 'ion-card-content', 'ion-card-header', 'ion-card-title', 'ion-card-subtitle'] },
+    { components: ['ion-checkbox'] },
+    { components: ['ion-chip', 'ion-chip-button', 'ion-chip-icon'] },
+    { components: ['ion-datetime', 'ion-picker', 'ion-picker-column', 'ion-picker-controller'] },
+    { components: ['ion-fab', 'ion-fab-button', 'ion-fab-list'] },
+    { components: ['ion-grid', 'ion-row', 'ion-col'] },
+    { components: ['ion-hide-when', 'ion-show-when'] },
+    { components: ['ion-infinite-scroll', 'ion-infinite-scroll-content'] },
+    { components: ['ion-input'] },
+    { components: ['ion-textarea'] },
+    { components: ['ion-item', 'ion-item-divider', 'ion-item-group', 'ion-label', 'ion-list', 'ion-list-header', 'ion-skeleton-text', 'ion-note'] },
+    { components: ['ion-item-sliding', 'ion-item-options', 'ion-item-option'] },
+    { components: ['ion-loading', 'ion-loading-controller'] },
+    { components: ['ion-menu', 'ion-menu-controller', 'ion-menu-toggle', 'ion-menu-button'] },
+    { components: ['ion-modal', 'ion-modal-controller'] },
+    { components: ['ion-nav', 'ion-nav-pop', 'ion-nav-push', 'ion-nav-set-root'] },
+    { components: ['ion-img'] },
+    { components: ['ion-popover', 'ion-popover-controller'] },
+    { components: ['ion-radio', 'ion-radio-group'] },
+    { components: ['ion-range', 'ion-range-knob'] },
+    { components: ['ion-refresher', 'ion-refresher-content'] },
+    { components: ['ion-reorder', 'ion-reorder-group'] },
+    { components: ['ion-ripple-effect'] },
+    { components: ['ion-router', 'ion-route', 'ion-route-redirect', 'ion-router-outlet'] },
+    { components: ['ion-searchbar'] },
+    { components: ['ion-segment', 'ion-segment-button'] },
+    { components: ['ion-select', 'ion-select-option', 'ion-select-popover'] },
+    { components: ['ion-slides', 'ion-slide'] },
+    { components: ['ion-spinner'] },
+    { components: ['ion-split-pane'] },
+    { components: ['ion-tabs', 'ion-tab', 'ion-tabbar', 'ion-tab-button'] },
+    { components: ['ion-text'] },
+    { components: ['ion-toast', 'ion-toast-controller'] },
+    { components: ['ion-toggle'] },
+    { components: ['ion-virtual-scroll'] },
+  ],
+  plugins: [
+    sass()
+  ],
+  outputTargets: [
+    {
+      type: 'dist'
+    },
+    {
+      type: 'stats',
+      file: 'stats.json'
+    }
+  ],
+  copy: [{ src: '**/*.scss' }],
+  preamble: '(C) Ionic http://ionicframework.com - MIT License',
+  globalScript: 'src/global/ionic-global.ts',
+  enableCache: true,
+};