ngx-bootstrap 5.6.1 → 6.2.0

package/tooltip/ngx-bootstrap-tooltip.metadata.json

@@ -1 +1 @@
-{"__symbolic":"module","version":4,"metadata":{"TooltipContainerComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":8,"character":1},"arguments":[{"selector":"bs-tooltip-container","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":10,"character":19},"member":"OnPush"},"host":{"[class]":"\"tooltip in tooltip-\" + placement + \" \" + \"bs-tooltip-\" + placement + \" \" + placement + \" \" + containerClass","[class.show]":"!isBs3","[class.bs3]":"isBs3","[attr.id]":"this.id","role":"tooltip","$quoted$":["[class]","[class.show]","[class.bs3]","[attr.id]"]},"styles":["\n    :host.tooltip {\n      display: block;\n      pointer-events: none;\n    }\n    :host.bs3.tooltip.top>.arrow {\n      margin-left: -2px;\n    }\n    :host.bs3.tooltip.bottom {\n      margin-top: 0px;\n    }\n    :host.bs3.bs-tooltip-left, :host.bs3.bs-tooltip-right{\n      margin: 0px;\n    }\n    :host.bs3.bs-tooltip-right .arrow, :host.bs3.bs-tooltip-left .arrow {\n      margin: .3rem 0;\n    }\n  "],"template":"\n    <div class=\"tooltip-arrow arrow\"></div>\n    <div class=\"tooltip-inner\"><ng-content></ng-content></div>\n    "}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"TooltipConfig"}]}],"ngAfterViewInit":[{"__symbolic":"method"}]}},"TooltipDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":25,"character":1},"arguments":[{"selector":"[tooltip], [tooltipHtml]","exportAs":"bs-tooltip"}]}],"members":{"adaptivePosition":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":32,"character":3}}]}],"tooltip":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"ngx-bootstrap/utils","name":"OnChange","line":36,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":37,"character":3}}]}],"tooltipChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":41,"character":3}}]}],"placement":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":48,"character":3}}]}],"triggers":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":53,"character":3}}]}],"container":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":57,"character":3}}]}],"containerClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":61,"character":3}}]}],"isOpen":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":65,"character":3}}]}],"isDisabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":81,"character":3}}]}],"delay":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":86,"character":3}}]}],"onShown":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":92,"character":3}}]}],"onHidden":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":97,"character":3}}]}],"htmlContent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":100,"character":3},"arguments":["tooltipHtml"]}]}],"_placement":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":108,"character":3},"arguments":["tooltipPlacement"]}]}],"_isOpen":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":115,"character":3},"arguments":["tooltipIsOpen"]}]}],"_enable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":128,"character":3},"arguments":["tooltipEnable"]}]}],"_appendToBody":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":141,"character":3},"arguments":["tooltipAppendToBody"]}]}],"tooltipAnimation":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":158,"character":3}}]}],"_popupClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":161,"character":3},"arguments":["tooltipClass"]}]}],"_tooltipContext":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":167,"character":3},"arguments":["tooltipContext"]}]}],"_tooltipPopupDelay":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":174,"character":3},"arguments":["tooltipPopupDelay"]}]}],"tooltipFadeDuration":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":181,"character":3}}]}],"_tooltipTrigger":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":184,"character":3},"arguments":["tooltipTrigger"]}]}],"tooltipStateChanged":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":197,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":208,"character":23},{"__symbolic":"reference","module":"ngx-bootstrap/component-loader","name":"ComponentLoaderFactory","line":209,"character":9},{"__symbolic":"reference","name":"TooltipConfig"},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":211,"character":25},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":212,"character":23},{"__symbolic":"reference","module":"ngx-bootstrap/positioning","name":"PositioningService","line":213,"character":30}]}],"ngOnInit":[{"__symbolic":"method"}],"setAriaDescribedBy":[{"__symbolic":"method"}],"toggle":[{"__symbolic":"method"}],"show":[{"__symbolic":"method"}],"hide":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"TooltipModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":8,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":9,"character":12}],"declarations":[{"__symbolic":"reference","name":"TooltipDirective"},{"__symbolic":"reference","name":"TooltipContainerComponent"}],"exports":[{"__symbolic":"reference","name":"TooltipDirective"}],"entryComponents":[{"__symbolic":"reference","name":"TooltipContainerComponent"}]}]}],"members":{},"statics":{"forRoot":{"__symbolic":"function","parameters":[],"value":{"ngModule":{"__symbolic":"reference","name":"TooltipModule"},"providers":[{"__symbolic":"reference","name":"TooltipConfig"},{"__symbolic":"reference","module":"ngx-bootstrap/component-loader","name":"ComponentLoaderFactory","line":18,"character":33},{"__symbolic":"reference","module":"ngx-bootstrap/positioning","name":"PositioningService","line":18,"character":57}]}}}},"TooltipConfig":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":3,"character":1}}],"members":{}}},"origins":{"TooltipContainerComponent":"./tooltip-container.component","TooltipDirective":"./tooltip.directive","TooltipModule":"./tooltip.module","TooltipConfig":"./tooltip.config"},"importAs":"ngx-bootstrap/tooltip"}
+{"__symbolic":"module","version":4,"metadata":{"TooltipContainerComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":8,"character":1},"arguments":[{"selector":"bs-tooltip-container","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":10,"character":19},"member":"OnPush"},"host":{"[class]":"\"tooltip in tooltip-\" + placement + \" \" + \"bs-tooltip-\" + placement + \" \" + placement + \" \" + containerClass","[class.show]":"!isBs3","[class.bs3]":"isBs3","[attr.id]":"this.id","role":"tooltip","$quoted$":["[class]","[class.show]","[class.bs3]","[attr.id]"]},"styles":["\n    :host.tooltip {\n      display: block;\n      pointer-events: none;\n    }\n    :host.bs3.tooltip.top>.arrow {\n      margin-left: -2px;\n    }\n    :host.bs3.tooltip.bottom {\n      margin-top: 0px;\n    }\n    :host.bs3.bs-tooltip-left, :host.bs3.bs-tooltip-right{\n      margin: 0px;\n    }\n    :host.bs3.bs-tooltip-right .arrow, :host.bs3.bs-tooltip-left .arrow {\n      margin: .3rem 0;\n    }\n  "],"template":"\n    <div class=\"tooltip-arrow arrow\"></div>\n    <div class=\"tooltip-inner\"><ng-content></ng-content></div>\n    "}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"TooltipConfig"}]}],"ngAfterViewInit":[{"__symbolic":"method"}]}},"TooltipDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":25,"character":1},"arguments":[{"selector":"[tooltip], [tooltipHtml]","exportAs":"bs-tooltip"}]}],"members":{"adaptivePosition":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":32,"character":3}}]}],"tooltip":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"ngx-bootstrap/utils","name":"OnChange","line":36,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":37,"character":3}}]}],"tooltipChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":41,"character":3}}]}],"placement":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":48,"character":3}}]}],"triggers":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":53,"character":3}}]}],"container":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":57,"character":3}}]}],"containerClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":61,"character":3}}]}],"isOpen":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":65,"character":3}}]}],"isDisabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":81,"character":3}}]}],"delay":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":86,"character":3}}]}],"onShown":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":92,"character":3}}]}],"onHidden":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":97,"character":3}}]}],"htmlContent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":100,"character":3},"arguments":["tooltipHtml"]}]}],"_placement":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":108,"character":3},"arguments":["tooltipPlacement"]}]}],"_isOpen":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":115,"character":3},"arguments":["tooltipIsOpen"]}]}],"_enable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":128,"character":3},"arguments":["tooltipEnable"]}]}],"_appendToBody":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":141,"character":3},"arguments":["tooltipAppendToBody"]}]}],"tooltipAnimation":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":158,"character":3}}]}],"_popupClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":161,"character":3},"arguments":["tooltipClass"]}]}],"_tooltipContext":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":167,"character":3},"arguments":["tooltipContext"]}]}],"_tooltipPopupDelay":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":174,"character":3},"arguments":["tooltipPopupDelay"]}]}],"tooltipFadeDuration":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":181,"character":3}}]}],"_tooltipTrigger":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":184,"character":3},"arguments":["tooltipTrigger"]}]}],"tooltipStateChanged":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":197,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":208,"character":23},{"__symbolic":"reference","module":"ngx-bootstrap/component-loader","name":"ComponentLoaderFactory","line":209,"character":9},{"__symbolic":"reference","name":"TooltipConfig"},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":211,"character":25},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":212,"character":23},{"__symbolic":"reference","module":"ngx-bootstrap/positioning","name":"PositioningService","line":213,"character":30}]}],"ngOnInit":[{"__symbolic":"method"}],"setAriaDescribedBy":[{"__symbolic":"method"}],"toggle":[{"__symbolic":"method"}],"show":[{"__symbolic":"method"}],"hide":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"TooltipModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":7,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":8,"character":12}],"declarations":[{"__symbolic":"reference","name":"TooltipDirective"},{"__symbolic":"reference","name":"TooltipContainerComponent"}],"exports":[{"__symbolic":"reference","name":"TooltipDirective"}],"entryComponents":[{"__symbolic":"reference","name":"TooltipContainerComponent"}]}]}],"members":{},"statics":{"forRoot":{"__symbolic":"function","parameters":[],"value":{"ngModule":{"__symbolic":"reference","name":"TooltipModule"},"providers":[{"__symbolic":"reference","module":"ngx-bootstrap/component-loader","name":"ComponentLoaderFactory","line":17,"character":18},{"__symbolic":"reference","module":"ngx-bootstrap/positioning","name":"PositioningService","line":17,"character":42}]}}}},"TooltipConfig":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":3,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{},"statics":{"ɵprov":{}}}},"origins":{"TooltipContainerComponent":"./tooltip-container.component","TooltipDirective":"./tooltip.directive","TooltipModule":"./tooltip.module","TooltipConfig":"./tooltip.config"},"importAs":"ngx-bootstrap/tooltip"}

package/tooltip/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ngx-bootstrap/tooltip",
-  "version": "5.6.1",
+  "version": "6.2.0",
   "description": "Native Angular Bootstrap Components",
   "private": true,
   "main": "bundles/ngx-bootstrap-tooltip.umd.js",
@@ -14,6 +14,6 @@
   "metadata": "ngx-bootstrap-tooltip.metadata.json",
   "sideEffects": false,
   "peerDependencies": {
-    "tslib": "^1.9.0"
+    "tslib": "^1.10.0"
   }
 }

package/tooltip/tooltip-container.component.d.ts

@@ -8,7 +8,7 @@ export declare class TooltipContainerComponent implements AfterViewInit {
     containerClass: string;
     animation: boolean;
     id: string;
-    readonly isBs3: boolean;
+    get isBs3(): boolean;
     constructor(config: TooltipConfig);
     ngAfterViewInit(): void;
 }

package/tooltip/tooltip.directive.d.ts

@@ -35,7 +35,8 @@ export declare class TooltipDirective implements OnInit, OnDestroy {
     /**
      * Returns whether or not the tooltip is currently being shown
      */
-    isOpen: boolean;
+    get isOpen(): boolean;
+    set isOpen(value: boolean);
     /**
      * Allows to disable tooltip
      */
@@ -53,27 +54,31 @@ export declare class TooltipDirective implements OnInit, OnDestroy {
      */
     onHidden: EventEmitter<any>;
     /** @deprecated - please use `tooltip` instead */
-    htmlContent: string | TemplateRef<any>;
+    set htmlContent(value: string | TemplateRef<any>);
     /** @deprecated - please use `placement` instead */
-    _placement: string;
+    set _placement(value: string);
     /** @deprecated - please use `isOpen` instead */
-    _isOpen: boolean;
+    set _isOpen(value: boolean);
+    get _isOpen(): boolean;
     /** @deprecated - please use `isDisabled` instead */
-    _enable: boolean;
+    set _enable(value: boolean);
+    get _enable(): boolean;
     /** @deprecated - please use `container="body"` instead */
-    _appendToBody: boolean;
+    set _appendToBody(value: boolean);
+    get _appendToBody(): boolean;
     /** @deprecated - removed, will be added to configuration */
     tooltipAnimation: boolean;
     /** @deprecated - will replaced with customClass */
-    _popupClass: string;
+    set _popupClass(value: string);
     /** @deprecated - removed */
-    _tooltipContext: any;
+    set _tooltipContext(value: any);
     /** @deprecated */
-    _tooltipPopupDelay: number;
+    set _tooltipPopupDelay(value: number);
     /** @deprecated */
     tooltipFadeDuration: number;
     /** @deprecated -  please use `triggers` instead */
-    _tooltipTrigger: string | string[];
+    get _tooltipTrigger(): string | string[];
+    set _tooltipTrigger(value: string | string[]);
     /** @deprecated */
     tooltipStateChanged: EventEmitter<boolean>;
     protected _delayTimeoutId: number | any;

package/tooltip/tooltip.module.d.ts

@@ -1,4 +1,4 @@
 import { ModuleWithProviders } from '@angular/core';
 export declare class TooltipModule {
-    static forRoot(): ModuleWithProviders;
+    static forRoot(): ModuleWithProviders<TooltipModule>;
 }

package/typeahead/bundles/ngx-bootstrap-typeahead.umd.js

@@ -1145,11 +1145,44 @@
      * @param {?} str
      * @param {?=} wordRegexDelimiters
      * @param {?=} phraseRegexDelimiters
+     * @param {?=} delimitersForMultipleSearch
      * @return {?}
      */
-    function tokenize(str, wordRegexDelimiters, phraseRegexDelimiters) {
+    function tokenize(str, wordRegexDelimiters, phraseRegexDelimiters, delimitersForMultipleSearch) {
         if (wordRegexDelimiters === void 0) { wordRegexDelimiters = ' '; }
         if (phraseRegexDelimiters === void 0) { phraseRegexDelimiters = ''; }
+        /** @type {?} */
+        var result = [];
+        if (!delimitersForMultipleSearch) {
+            result = tokenizeWordsAndPhrases(str, wordRegexDelimiters, phraseRegexDelimiters);
+        }
+        else {
+            /** @type {?} */
+            var multipleSearchRegexStr = "([" + delimitersForMultipleSearch + "]+)";
+            /** @type {?} */
+            var delimitedTokens = str.split(new RegExp(multipleSearchRegexStr, 'g'));
+            /** @type {?} */
+            var lastToken = delimitedTokens[delimitedTokens.length - 1];
+            if (lastToken > '') {
+                if (wordRegexDelimiters && phraseRegexDelimiters) {
+                    result = tokenizeWordsAndPhrases(lastToken, wordRegexDelimiters, phraseRegexDelimiters);
+                }
+                else {
+                    result.push(lastToken);
+                }
+            }
+        }
+        return result;
+    }
+    /**
+     * @param {?} str
+     * @param {?} wordRegexDelimiters
+     * @param {?} phraseRegexDelimiters
+     * @return {?}
+     */
+    function tokenizeWordsAndPhrases(str, wordRegexDelimiters, phraseRegexDelimiters) {
+        /** @type {?} */
+        var result = [];
         /* tslint:enable */
         /** @type {?} */
         var regexStr = "(?:[" + phraseRegexDelimiters + "])([^" + phraseRegexDelimiters + "]+)" +
@@ -1157,8 +1190,6 @@
         /** @type {?} */
         var preTokenized = str.split(new RegExp(regexStr, 'g'));
         /** @type {?} */
-        var result = [];
-        /** @type {?} */
         var preTokenizedLength = preTokenized.length;
         /** @type {?} */
         var token;
@@ -1887,8 +1918,11 @@
             this.minLength = 1;
         }
         TypeaheadConfig.decorators = [
-            { type: core.Injectable }
+            { type: core.Injectable, args: [{
+                        providedIn: 'root'
+                    },] }
         ];
+        /** @nocollapse */ TypeaheadConfig.ɵprov = core["ɵɵdefineInjectable"]({ factory: function TypeaheadConfig_Factory() { return new TypeaheadConfig(); }, token: TypeaheadConfig, providedIn: "root" });
         return TypeaheadConfig;
     }());
     if (false) {
@@ -1971,6 +2005,23 @@
              * Sets the word delimiter to break words. Defaults to space.
              */
             this.typeaheadWordDelimiters = ' ';
+            /**
+             * Can be used to conduct a search of multiple items and have suggestion not for the
+             * whole value of the input but for the value that comes after a delimiter provided via
+             * typeaheadMultipleSearchDelimiters attribute. This option can only be used together with
+             * typeaheadSingleWords option if typeaheadWordDelimiters and typeaheadPhraseDelimiters
+             * are different from typeaheadMultipleSearchDelimiters to avoid conflict in determining
+             * when to delimit multiple searches and when a single word.
+             */
+            this.typeaheadMultipleSearch = void 0;
+            /**
+             * should be used only in case typeaheadMultipleSearch attribute is true.
+             * Sets the multiple search delimiter to know when to start a new search. Defaults to comma.
+             * If space needs to be used, then explicitly set typeaheadWordDelimiters to something else than space
+             * because space is used by default OR set typeaheadSingleWords attribute to false if you don't need
+             * to use it together with multiple search.
+             */
+            this.typeaheadMultipleSearchDelimiters = ',';
             /**
              * should be used only in case typeaheadSingleWords attribute is true.
              * Sets the word delimiter to match exact phrase.
@@ -2024,13 +2075,14 @@
             this.cancelRequestOnFocusLost = false;
             // tslint:disable-next-line:no-any
             this.keyUpEventEmitter = new core.EventEmitter();
+            this._matches = [];
             this.placement = 'bottom left';
             this._subscriptions = [];
             this._typeahead = cis.createLoader(element, viewContainerRef, renderer)
                 .provide({ provide: TypeaheadConfig, useValue: config });
             Object.assign(this, {
                 typeaheadHideResultsOnBlur: config.hideResultsOnBlur,
-                typeaheadCancelRequestOnFocusLost: config.cancelRequestOnFocusLost,
+                cancelRequestOnFocusLost: config.cancelRequestOnFocusLost,
                 typeaheadSelectFirstItem: config.selectFirstItem,
                 typeaheadIsFirstItemActive: config.isFirstItemActive,
                 typeaheadMinLength: config.minLength,
@@ -2062,6 +2114,7 @@
             else {
                 this.syncActions();
             }
+            this.checkDelimitersConflict();
         };
         /**
          * @param {?} e
@@ -2208,7 +2261,16 @@
          */
         function (match) {
             /** @type {?} */
-            var valueStr = match.value;
+            var valueStr;
+            if (this.typeaheadMultipleSearch) {
+                /** @type {?} */
+                var tokens = this._allEnteredValue.split(new RegExp("([" + this.typeaheadMultipleSearchDelimiters + "]+)"));
+                this._allEnteredValue = tokens.slice(0, tokens.length - 1).concat(match.value).join('');
+                valueStr = this._allEnteredValue;
+            }
+            else {
+                valueStr = match.value;
+            }
             this.ngControl.viewToModelUpdate(valueStr);
             (this.ngControl.control).setValue(valueStr);
             this.changeDetection.markForCheck();
@@ -2264,9 +2326,7 @@
                 : this.ngControl.control.value)
                 .toString()
                 .toLowerCase();
-            this._container.query = this.typeaheadSingleWords
-                ? tokenize(normalizedQuery, this.typeaheadWordDelimiters, this.typeaheadPhraseDelimiters)
-                : normalizedQuery;
+            this._container.query = this.tokenizeQuery(normalizedQuery);
             this._container.matches = this._matches;
             this.element.nativeElement.focus();
             this._container.activeChangeEvent.subscribe((/**
@@ -2340,7 +2400,13 @@
         function () {
             var _this = this;
             this._subscriptions.push(this.keyUpEventEmitter
-                .pipe(operators.debounceTime(this.typeaheadWaitMs), operators.switchMap((/**
+                .pipe(operators.debounceTime(this.typeaheadWaitMs), operators.tap((/**
+             * @param {?} value
+             * @return {?}
+             */
+            function (value) {
+                _this._allEnteredValue = value;
+            })), operators.switchMap((/**
              * @return {?}
              */
             function () { return _this.typeahead; })))
@@ -2368,6 +2434,7 @@
              * @return {?}
              */
             function (value) {
+                _this._allEnteredValue = value;
                 /** @type {?} */
                 var normalizedQuery = _this.normalizeQuery(value);
                 return rxjs.from(_this.typeahead)
@@ -2406,6 +2473,34 @@
                 : optionValue;
             return normalizedOption.toLowerCase();
         };
+        /**
+         * @protected
+         * @param {?} currentQuery
+         * @return {?}
+         */
+        TypeaheadDirective.prototype.tokenizeQuery = /**
+         * @protected
+         * @param {?} currentQuery
+         * @return {?}
+         */
+        function (currentQuery) {
+            /** @type {?} */
+            var query = currentQuery;
+            if (this.typeaheadMultipleSearch && this.typeaheadSingleWords) {
+                if (!this.haveCommonCharacters("" + this.typeaheadPhraseDelimiters + this.typeaheadWordDelimiters, this.typeaheadMultipleSearchDelimiters)) {
+                    // single words and multiple search delimiters are different, can be used together
+                    query = tokenize((/** @type {?} */ (query)), this.typeaheadWordDelimiters, this.typeaheadPhraseDelimiters, this.typeaheadMultipleSearchDelimiters);
+                }
+            }
+            else if (this.typeaheadSingleWords) {
+                query = tokenize((/** @type {?} */ (query)), this.typeaheadWordDelimiters, this.typeaheadPhraseDelimiters);
+            }
+            else {
+                // multiple searches
+                query = tokenize((/** @type {?} */ (query)), null, null, this.typeaheadMultipleSearchDelimiters);
+            }
+            return query;
+        };
         /**
          * @protected
          * @param {?} value
@@ -2424,9 +2519,7 @@
                 : value)
                 .toString()
                 .toLowerCase();
-            normalizedQuery = this.typeaheadSingleWords
-                ? tokenize(normalizedQuery, this.typeaheadWordDelimiters, this.typeaheadPhraseDelimiters)
-                : normalizedQuery;
+            normalizedQuery = this.tokenizeQuery(normalizedQuery);
             return normalizedQuery;
         };
         /**
@@ -2485,9 +2578,7 @@
                 // This improves the speed as it won't have to be done for each list item
                 /** @type {?} */
                 var normalizedQuery = _controlValue.toString().toLowerCase();
-                this._container.query = this.typeaheadSingleWords
-                    ? tokenize(normalizedQuery, this.typeaheadWordDelimiters, this.typeaheadPhraseDelimiters)
-                    : normalizedQuery;
+                this._container.query = this.tokenizeQuery(normalizedQuery);
                 this._container.matches = this._matches;
             }
             else {
@@ -2635,14 +2726,48 @@
         function () {
             return this._matches.length > 0;
         };
+        /**
+         * @protected
+         * @return {?}
+         */
+        TypeaheadDirective.prototype.checkDelimitersConflict = /**
+         * @protected
+         * @return {?}
+         */
+        function () {
+            if (this.typeaheadMultipleSearch && this.typeaheadSingleWords
+                && (this.haveCommonCharacters("" + this.typeaheadPhraseDelimiters + this.typeaheadWordDelimiters, this.typeaheadMultipleSearchDelimiters))) {
+                throw new Error("Delimiters used in typeaheadMultipleSearchDelimiters must be different\n          from delimiters used in typeaheadWordDelimiters (current value: " + this.typeaheadWordDelimiters + ") and\n          typeaheadPhraseDelimiters (current value: " + this.typeaheadPhraseDelimiters + ").\n          Please refer to the documentation");
+            }
+        };
+        /**
+         * @protected
+         * @param {?} str1
+         * @param {?} str2
+         * @return {?}
+         */
+        TypeaheadDirective.prototype.haveCommonCharacters = /**
+         * @protected
+         * @param {?} str1
+         * @param {?} str2
+         * @return {?}
+         */
+        function (str1, str2) {
+            for (var i = 0; i < str1.length; i++) {
+                if (str1.charAt(i).indexOf(str2) > -1) {
+                    return true;
+                }
+            }
+            return false;
+        };
         TypeaheadDirective.decorators = [
             { type: core.Directive, args: [{
                         selector: '[typeahead]',
                         exportAs: 'bs-typeahead',
                         host: {
                             '[attr.aria-activedescendant]': 'activeDescendant',
-                            '[attr.aria-aria-owns]': 'isOpen ? this._container.popupId : null',
-                            '[attr.aria-aria-expanded]': 'isOpen',
+                            '[attr.aria-owns]': 'isOpen ? this._container.popupId : null',
+                            '[attr.aria-expanded]': 'isOpen',
                             '[attr.aria-autocomplete]': 'list'
                         }
                     },] }
@@ -2671,6 +2796,8 @@
             typeaheadLatinize: [{ type: core.Input }],
             typeaheadSingleWords: [{ type: core.Input }],
             typeaheadWordDelimiters: [{ type: core.Input }],
+            typeaheadMultipleSearch: [{ type: core.Input }],
+            typeaheadMultipleSearchDelimiters: [{ type: core.Input }],
             typeaheadPhraseDelimiters: [{ type: core.Input }],
             typeaheadItemTemplate: [{ type: core.Input }],
             optionsListTemplate: [{ type: core.Input }],
@@ -2772,6 +2899,25 @@
          * @type {?}
          */
         TypeaheadDirective.prototype.typeaheadWordDelimiters;
+        /**
+         * Can be used to conduct a search of multiple items and have suggestion not for the
+         * whole value of the input but for the value that comes after a delimiter provided via
+         * typeaheadMultipleSearchDelimiters attribute. This option can only be used together with
+         * typeaheadSingleWords option if typeaheadWordDelimiters and typeaheadPhraseDelimiters
+         * are different from typeaheadMultipleSearchDelimiters to avoid conflict in determining
+         * when to delimit multiple searches and when a single word.
+         * @type {?}
+         */
+        TypeaheadDirective.prototype.typeaheadMultipleSearch;
+        /**
+         * should be used only in case typeaheadMultipleSearch attribute is true.
+         * Sets the multiple search delimiter to know when to start a new search. Defaults to comma.
+         * If space needs to be used, then explicitly set typeaheadWordDelimiters to something else than space
+         * because space is used by default OR set typeaheadSingleWords attribute to false if you don't need
+         * to use it together with multiple search.
+         * @type {?}
+         */
+        TypeaheadDirective.prototype.typeaheadMultipleSearchDelimiters;
         /**
          * should be used only in case typeaheadSingleWords attribute is true.
          * Sets the word delimiter to match exact phrase.
@@ -2897,6 +3043,11 @@
          * @private
          */
         TypeaheadDirective.prototype._outsideClickListener;
+        /**
+         * @type {?}
+         * @private
+         */
+        TypeaheadDirective.prototype._allEnteredValue;
         /**
          * @type {?}
          * @private
@@ -2935,7 +3086,7 @@
         function () {
             return {
                 ngModule: TypeaheadModule,
-                providers: [componentLoader.ComponentLoaderFactory, positioning.PositioningService, TypeaheadConfig]
+                providers: [componentLoader.ComponentLoaderFactory, positioning.PositioningService]
             };
         };
         TypeaheadModule.decorators = [