marketplacepos 2.1.9 → 2.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (8) hide show
  1. package/Marketplace/index.html +2 -2
  2. package/Marketplace/runtime.js +1 -1
  3. package/Marketplace/runtime.js.map +1 -1
  4. package/Marketplace/src_app_login_login_module_ts.js +2 -2
  5. package/Marketplace/src_app_login_login_module_ts.js.map +1 -1
  6. package/Marketplace/src_app_menu_menu_module_ts.js +2398 -213
  7. package/Marketplace/src_app_menu_menu_module_ts.js.map +1 -1
  8. package/package.json +1 -1
package/Marketplace/src_app_menu_menu_module_ts.js CHANGED
@@ -1925,7 +1925,13 @@ __webpack_require__.r(__webpack_exports__);
1925
1925
  /* harmony import */ var _ng_select_ng_select__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! @ng-select/ng-select */ 3054);
1926
1926
  /* harmony import */ var _main_panel_main_panel_component__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../main-panel/main-panel.component */ 7481);
1927
1927
  /* harmony import */ var _angular_material_radio__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! @angular/material/radio */ 2922);
1928
- /* harmony import */ var _angular_material_tooltip__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! @angular/material/tooltip */ 6896);
1928
+ /* harmony import */ var _angular_material_form_field__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! @angular/material/form-field */ 5074);
1929
+ /* harmony import */ var _angular_material_tooltip__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! @angular/material/tooltip */ 6896);
1930
+ /* harmony import */ var _angular_material_chips__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! @angular/material/chips */ 1169);
1931
+ /* harmony import */ var _angular_material_icon__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! @angular/material/icon */ 7822);
1932
+
1933
+
1934
+
1929
1935
 
1930
1936
 
1931
1937
 
@@ -1938,33 +1944,33 @@ __webpack_require__.r(__webpack_exports__);
1938
1944
 
1939
1945
 
1940
1946
  function MarketplaceFormComponent_div_26_Template(rf, ctx) { if (rf & 1) {
1941
- _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](0, "div", 71)(1, "span");
1947
+ _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](0, "div", 75)(1, "span");
1942
1948
  _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtext"](2, "Channel name is required!");
1943
1949
  _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]()();
1944
1950
  } }
1945
1951
  function MarketplaceFormComponent_div_33_input_1_Template(rf, ctx) { if (rf & 1) {
1946
- const _r23 = _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵgetCurrentView"]();
1947
- _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](0, "input", 75);
1948
- _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵlistener"]("ngModelChange", function MarketplaceFormComponent_div_33_input_1_Template_input_ngModelChange_0_listener($event) { _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵrestoreView"](_r23); const ctx_r22 = _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵnextContext"](2); return _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵresetView"](ctx_r22.model.ShopID = $event); });
1952
+ const _r25 = _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵgetCurrentView"]();
1953
+ _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](0, "input", 79);
1954
+ _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵlistener"]("ngModelChange", function MarketplaceFormComponent_div_33_input_1_Template_input_ngModelChange_0_listener($event) { _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵrestoreView"](_r25); const ctx_r24 = _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵnextContext"](2); return _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵresetView"](ctx_r24.model.ShopID = $event); });
1949
1955
  _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
1950
1956
  } if (rf & 2) {
1951
- const ctx_r20 = _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵnextContext"](2);
1952
- _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵproperty"]("ngModel", ctx_r20.model.ShopID);
1957
+ const ctx_r22 = _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵnextContext"](2);
1958
+ _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵproperty"]("ngModel", ctx_r22.model.ShopID);
1953
1959
  } }
1954
1960
  function MarketplaceFormComponent_div_33_input_2_Template(rf, ctx) { if (rf & 1) {
1955
- const _r25 = _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵgetCurrentView"]();
1956
- _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](0, "input", 76);
1957
- _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵlistener"]("ngModelChange", function MarketplaceFormComponent_div_33_input_2_Template_input_ngModelChange_0_listener($event) { _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵrestoreView"](_r25); const ctx_r24 = _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵnextContext"](2); return _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵresetView"](ctx_r24.model.ShopIDString = $event); });
1961
+ const _r27 = _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵgetCurrentView"]();
1962
+ _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](0, "input", 80);
1963
+ _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵlistener"]("ngModelChange", function MarketplaceFormComponent_div_33_input_2_Template_input_ngModelChange_0_listener($event) { _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵrestoreView"](_r27); const ctx_r26 = _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵnextContext"](2); return _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵresetView"](ctx_r26.model.ShopIDString = $event); });
1958
1964
  _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
1959
1965
  } if (rf & 2) {
1960
- const ctx_r21 = _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵnextContext"](2);
1961
- _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵproperty"]("ngModel", ctx_r21.model.ShopIDString);
1966
+ const ctx_r23 = _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵnextContext"](2);
1967
+ _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵproperty"]("ngModel", ctx_r23.model.ShopIDString);
1962
1968
  } }
1963
1969
  function MarketplaceFormComponent_div_33_Template(rf, ctx) { if (rf & 1) {
1964
1970
  _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](0, "div", 12);
1965
- _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtemplate"](1, MarketplaceFormComponent_div_33_input_1_Template, 1, 1, "input", 72);
1966
- _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtemplate"](2, MarketplaceFormComponent_div_33_input_2_Template, 1, 1, "input", 73);
1967
- _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](3, "label", 74);
1971
+ _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtemplate"](1, MarketplaceFormComponent_div_33_input_1_Template, 1, 1, "input", 76);
1972
+ _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtemplate"](2, MarketplaceFormComponent_div_33_input_2_Template, 1, 1, "input", 77);
1973
+ _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](3, "label", 78);
1968
1974
  _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtext"](4, "Shop ID");
1969
1975
  _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]()();
1970
1976
  } if (rf & 2) {
@@ -1980,8 +1986,8 @@ function MarketplaceFormComponent_div_40_span_1_Template(rf, ctx) { if (rf & 1)
1980
1986
  _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
1981
1987
  } }
1982
1988
  function MarketplaceFormComponent_div_40_Template(rf, ctx) { if (rf & 1) {
1983
- _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](0, "div", 71);
1984
- _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtemplate"](1, MarketplaceFormComponent_div_40_span_1_Template, 2, 0, "span", 77);
1989
+ _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](0, "div", 75);
1990
+ _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtemplate"](1, MarketplaceFormComponent_div_40_span_1_Template, 2, 0, "span", 81);
1985
1991
  _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
1986
1992
  } if (rf & 2) {
1987
1993
  _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵnextContext"]();
@@ -1990,9 +1996,9 @@ function MarketplaceFormComponent_div_40_Template(rf, ctx) { if (rf & 1) {
1990
1996
  _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵproperty"]("ngIf", _r4.errors.pattern);
1991
1997
  } }
1992
1998
  function MarketplaceFormComponent_div_41_Template(rf, ctx) { if (rf & 1) {
1993
- const _r29 = _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵgetCurrentView"]();
1994
- _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](0, "div", 21)(1, "div", 12)(2, "input", 78, 79);
1995
- _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵlistener"]("ngModelChange", function MarketplaceFormComponent_div_41_Template_input_ngModelChange_2_listener($event) { _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵrestoreView"](_r29); const ctx_r28 = _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵnextContext"](); return _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵresetView"](ctx_r28.model.ConsumerKey = $event); });
1999
+ const _r31 = _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵgetCurrentView"]();
2000
+ _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](0, "div", 21)(1, "div", 12)(2, "input", 82, 83);
2001
+ _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵlistener"]("ngModelChange", function MarketplaceFormComponent_div_41_Template_input_ngModelChange_2_listener($event) { _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵrestoreView"](_r31); const ctx_r30 = _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵnextContext"](); return _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵresetView"](ctx_r30.model.ConsumerKey = $event); });
1996
2002
  _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
1997
2003
  _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](4, "label", 25);
1998
2004
  _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtext"](5, "Consumer Key");
@@ -2003,9 +2009,9 @@ function MarketplaceFormComponent_div_41_Template(rf, ctx) { if (rf & 1) {
2003
2009
  _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵproperty"]("ngModel", ctx_r6.model.ConsumerKey);
2004
2010
  } }
2005
2011
  function MarketplaceFormComponent_div_42_Template(rf, ctx) { if (rf & 1) {
2006
- const _r32 = _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵgetCurrentView"]();
2007
- _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](0, "div", 21)(1, "div", 12)(2, "input", 80, 81);
2008
- _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵlistener"]("ngModelChange", function MarketplaceFormComponent_div_42_Template_input_ngModelChange_2_listener($event) { _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵrestoreView"](_r32); const ctx_r31 = _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵnextContext"](); return _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵresetView"](ctx_r31.model.ConsumerSecret = $event); });
2012
+ const _r34 = _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵgetCurrentView"]();
2013
+ _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](0, "div", 21)(1, "div", 12)(2, "input", 84, 85);
2014
+ _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵlistener"]("ngModelChange", function MarketplaceFormComponent_div_42_Template_input_ngModelChange_2_listener($event) { _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵrestoreView"](_r34); const ctx_r33 = _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵnextContext"](); return _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵresetView"](ctx_r33.model.ConsumerSecret = $event); });
2009
2015
  _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
2010
2016
  _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](4, "label", 25);
2011
2017
  _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtext"](5, "Consumer Secret");
@@ -2021,8 +2027,8 @@ function MarketplaceFormComponent_div_107_p_1_Template(rf, ctx) { if (rf & 1) {
2021
2027
  _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
2022
2028
  } }
2023
2029
  function MarketplaceFormComponent_div_107_Template(rf, ctx) { if (rf & 1) {
2024
- _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](0, "div", 82);
2025
- _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtemplate"](1, MarketplaceFormComponent_div_107_p_1_Template, 2, 0, "p", 77);
2030
+ _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](0, "div", 86);
2031
+ _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtemplate"](1, MarketplaceFormComponent_div_107_p_1_Template, 2, 0, "p", 81);
2026
2032
  _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
2027
2033
  } if (rf & 2) {
2028
2034
  _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵnextContext"]();
@@ -2030,28 +2036,41 @@ function MarketplaceFormComponent_div_107_Template(rf, ctx) { if (rf & 1) {
2030
2036
  _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](1);
2031
2037
  _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵproperty"]("ngIf", _r8.errors.pattern);
2032
2038
  } }
2033
- function MarketplaceFormComponent_div_139_Template(rf, ctx) { if (rf & 1) {
2034
- _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](0, "div", 71)(1, "span");
2039
+ function MarketplaceFormComponent_mat_chip_119_Template(rf, ctx) { if (rf & 1) {
2040
+ const _r38 = _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵgetCurrentView"]();
2041
+ _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](0, "mat-chip", 87);
2042
+ _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵlistener"]("removed", function MarketplaceFormComponent_mat_chip_119_Template_mat_chip_removed_0_listener() { const restoredCtx = _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵrestoreView"](_r38); const item_r36 = restoredCtx.$implicit; const ctx_r37 = _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵnextContext"](); return _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵresetView"](ctx_r37.removeAdditonalItem(item_r36)); });
2043
+ _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtext"](1);
2044
+ _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](2, "button", 88)(3, "mat-icon");
2045
+ _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtext"](4, "cancel");
2046
+ _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]()()();
2047
+ } if (rf & 2) {
2048
+ const item_r36 = ctx.$implicit;
2049
+ _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](1);
2050
+ _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtextInterpolate1"](" ", item_r36, " ");
2051
+ } }
2052
+ function MarketplaceFormComponent_div_142_Template(rf, ctx) { if (rf & 1) {
2053
+ _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](0, "div", 75)(1, "span");
2035
2054
  _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtext"](2, "Outlet is required!");
2036
2055
  _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]()();
2037
2056
  } }
2038
- function MarketplaceFormComponent_div_146_Template(rf, ctx) { if (rf & 1) {
2039
- _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](0, "div", 71)(1, "span");
2057
+ function MarketplaceFormComponent_div_149_Template(rf, ctx) { if (rf & 1) {
2058
+ _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](0, "div", 75)(1, "span");
2040
2059
  _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtext"](2, "Outlet is required!");
2041
2060
  _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]()();
2042
2061
  } }
2043
- function MarketplaceFormComponent_div_165_Template(rf, ctx) { if (rf & 1) {
2044
- _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](0, "div", 71)(1, "span");
2062
+ function MarketplaceFormComponent_div_168_Template(rf, ctx) { if (rf & 1) {
2063
+ _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](0, "div", 75)(1, "span");
2045
2064
  _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtext"](2, "Payment Method is required!");
2046
2065
  _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]()();
2047
2066
  } }
2048
- function MarketplaceFormComponent_div_172_Template(rf, ctx) { if (rf & 1) {
2049
- _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](0, "div", 71)(1, "span");
2067
+ function MarketplaceFormComponent_div_175_Template(rf, ctx) { if (rf & 1) {
2068
+ _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](0, "div", 75)(1, "span");
2050
2069
  _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtext"](2, "Sales Orders is required!");
2051
2070
  _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]()();
2052
2071
  } }
2053
- function MarketplaceFormComponent_div_179_Template(rf, ctx) { if (rf & 1) {
2054
- _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](0, "div", 71)(1, "span");
2072
+ function MarketplaceFormComponent_div_182_Template(rf, ctx) { if (rf & 1) {
2073
+ _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](0, "div", 75)(1, "span");
2055
2074
  _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtext"](2, "Tax Type is required!");
2056
2075
  _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]()();
2057
2076
  } }
@@ -2069,11 +2088,12 @@ class MarketplaceFormComponent {
2069
2088
  this.ListCategory = [];
2070
2089
  this.ListWriteOff = [];
2071
2090
  this.advance = false;
2091
+ this.additionalItems = [];
2072
2092
  this.Constants = {
2073
- GuidEmpty: '00000000-0000-0000-0000-000000000000',
2093
+ GuidEmpty: "00000000-0000-0000-0000-000000000000",
2074
2094
  IsEmpty(input) {
2075
2095
  return input == null || input == undefined || input == this.GuidEmpty;
2076
- }
2096
+ },
2077
2097
  };
2078
2098
  this.advance = false;
2079
2099
  let param = route.snapshot.params;
@@ -2086,16 +2106,37 @@ class MarketplaceFormComponent {
2086
2106
  }
2087
2107
  }
2088
2108
  this.TypeMarket = [
2089
- { Name: 'Shopee', ID: 0 },
2090
- { Name: 'Tokopedia', ID: 1 },
2091
- { Name: 'WooCommerce', ID: 2 },
2092
- { Name: 'KalCare', ID: 4 },
2093
- { Name: 'ShopeeV2', ID: 5 },
2094
- { Name: 'Tiktok', ID: 6 }
2109
+ { Name: "Shopee", ID: 0 },
2110
+ { Name: "Tokopedia", ID: 1 },
2111
+ { Name: "WooCommerce", ID: 2 },
2112
+ { Name: "KalCare", ID: 4 },
2113
+ { Name: "ShopeeV2", ID: 5 },
2114
+ { Name: "Tiktok", ID: 6 },
2095
2115
  ];
2096
2116
  }
2097
2117
  ngOnInit() {
2098
- this.LoaderChannel(this.model.ID);
2118
+ this.loaderChannel(this.model.ID);
2119
+ }
2120
+ loaderChannel(ID) {
2121
+ this.http
2122
+ .post("/api/ChannelLoader/GetPOSProperties", { ID: ID })
2123
+ .subscribe((result) => {
2124
+ this.model = result.Model;
2125
+ this.form = result.Form;
2126
+ this.ListSalesType = result.Options.ListSalesOrderType;
2127
+ this.ListOutlet = result.Options.ListOutlet;
2128
+ this.ListTax = result.Options.ListTax;
2129
+ this.ListPaymentMethod = result.Options.ListPaymentMethod;
2130
+ this.Modes = result.Options.Modes;
2131
+ this.ListWriteOff = result.Options.ListWriteOff;
2132
+ this.initAdditionalItems();
2133
+ });
2134
+ }
2135
+ initAdditionalItems() {
2136
+ let addtionalItems = this.model.Additionalitem;
2137
+ if (addtionalItems) {
2138
+ this.additionalItems = addtionalItems.split(',');
2139
+ }
2099
2140
  }
2100
2141
  Submit() {
2101
2142
  if (this.model.ProductCategoryDefault == null) {
@@ -2103,7 +2144,8 @@ class MarketplaceFormComponent {
2103
2144
  }
2104
2145
  if (this.model.POSInventoryOutletArray != null) {
2105
2146
  if (this.model.POSInventoryOutletArray.length > 0) {
2106
- this.model.POSInventoryOutlet = this.model.POSInventoryOutletArray.join(',');
2147
+ this.model.POSInventoryOutlet =
2148
+ this.model.POSInventoryOutletArray.join(",");
2107
2149
  }
2108
2150
  else {
2109
2151
  this.model.POSInventoryOutlet = null;
@@ -2112,32 +2154,25 @@ class MarketplaceFormComponent {
2112
2154
  else {
2113
2155
  this.model.POSInventoryOutlet = null;
2114
2156
  }
2115
- this.http.post('/api/Channel/SubmitChannel', this.model).subscribe(result => {
2157
+ // set additional item for submit
2158
+ this.model.Additionalitem = this.additionalItems.join(',');
2159
+ this.http
2160
+ .post("/api/Channel/SubmitChannel", this.model)
2161
+ .subscribe((result) => {
2116
2162
  this.Toastr.success("Successfully submitted the Channel", "Success!");
2117
2163
  this.service.navigate(["/menu/channel"]);
2118
2164
  });
2119
2165
  }
2120
2166
  SubmitHost() {
2121
- this.http.post('/api/Channel/SubmitConfig', this.form).subscribe(result => {
2167
+ this.http
2168
+ .post("/api/Channel/SubmitConfig", this.form)
2169
+ .subscribe((result) => {
2122
2170
  this.Toastr.success("Successfully submitted the Channel", "Success!");
2123
2171
  this.service.navigate(["/menu/channel"]);
2124
2172
  });
2125
2173
  }
2126
- LoaderChannel(ID) {
2127
- this.http.post('/api/ChannelLoader/GetPOSProperties', { ID: ID }).subscribe(result => {
2128
- this.model = result.Model;
2129
- this.form = result.Form;
2130
- this.ListSalesType = result.Options.ListSalesOrderType;
2131
- this.ListOutlet = result.Options.ListOutlet;
2132
- this.ListTax = result.Options.ListTax;
2133
- this.ListPaymentMethod = result.Options.ListPaymentMethod;
2134
- this.Modes = result.Options.Modes;
2135
- this.ListWriteOff = result.Options.ListWriteOff;
2136
- //this.LoadCategory();
2137
- });
2138
- }
2139
2174
  Channel() {
2140
- this.http.post('/api/Channel/GetChannel', {}).subscribe(result => {
2175
+ this.http.post("/api/Channel/GetChannel", {}).subscribe((result) => {
2141
2176
  this.List = result.Data;
2142
2177
  });
2143
2178
  }
@@ -2155,16 +2190,32 @@ class MarketplaceFormComponent {
2155
2190
  LoadCategory() {
2156
2191
  if (this.model.TypeID == 0 || this.model.TypeID == 1) {
2157
2192
  let param = {
2158
- TypeID: this.model.TypeID
2193
+ TypeID: this.model.TypeID,
2159
2194
  };
2160
- this.http.post('/api/Channel/GetChannelCategory', param).subscribe(result => {
2195
+ this.http
2196
+ .post("/api/Channel/GetChannelCategory", param)
2197
+ .subscribe((result) => {
2161
2198
  this.ListCategory = result;
2162
2199
  });
2163
2200
  }
2164
2201
  }
2202
+ addAdditonalItem(event) {
2203
+ const value = (event.value || "").trim();
2204
+ if (!this.additionalItems.includes(value)) {
2205
+ this.additionalItems.push(value);
2206
+ }
2207
+ // Clear the input value
2208
+ event.chipInput.clear();
2209
+ }
2210
+ removeAdditonalItem(fruit) {
2211
+ const index = this.additionalItems.indexOf(fruit);
2212
+ if (index >= 0) {
2213
+ this.additionalItems.splice(index, 1);
2214
+ }
2215
+ }
2165
2216
  }
2166
2217
  MarketplaceFormComponent.ɵfac = function MarketplaceFormComponent_Factory(t) { return new (t || MarketplaceFormComponent)(_angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵdirectiveInject"](_angular_router__WEBPACK_IMPORTED_MODULE_4__.ActivatedRoute), _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵdirectiveInject"](_services_http_service__WEBPACK_IMPORTED_MODULE_1__.HttpService), _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵdirectiveInject"](_angular_router__WEBPACK_IMPORTED_MODULE_4__.Router), _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵdirectiveInject"](ngx_toastr__WEBPACK_IMPORTED_MODULE_5__.ToastrService)); };
2167
- MarketplaceFormComponent.ɵcmp = /*@__PURE__*/ _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵdefineComponent"]({ type: MarketplaceFormComponent, selectors: [["app-marketplace-form"]], decls: 185, vars: 81, consts: [[3, "Title", "pageData", "hideSearchBox", "hideSearchDropdown"], ["role", "button", "routerLink", "/menu/channel", 1, "btn", "btn-secondary", "btn-fill", "btn-lg", "me-3"], ["role", "button", "data-toggle", "tooltip", "data-placement", "top", "matTooltip", "Choose Outlet where transaction is recorded", 1, "btn", "btn-success", "btn-fill", "btn-lg", "text-white", 3, "click"], [1, "container-fluid", "mt-5"], [1, "row"], [1, "col-sm-8"], ["name", "form"], ["f", "ngForm"], [1, "col-sm-12"], [1, "card"], [1, "card-header"], [1, "card-body", "mt-8"], [1, "form-label-group"], ["type", "text", "id", "Name", "placeholder", "Name", "name", "Name", "matTooltip", "Channel Name", "required", "", 1, "form-control", "tall", 3, "ngModel", "ngModelChange"], ["name", "ngModel"], ["for", "Name"], ["class", "alert alert-danger", 4, "ngIf"], [1, "col-sm-6", "me-0"], [1, "form-label-group", 3, "ngClass"], ["id", "Type", "bindLabel", "Name", "bindValue", "ID", "placeholder", "Type", "name", "Market", "matTooltip", "Channel type", "data-toggle", "tooltip", 1, "center-text", "tall", 3, "items", "ngModel", "ngModelChange", "change"], ["for", "type"], [1, "col-sm-6"], ["class", "form-label-group", 4, "ngIf"], ["type", "text", "id", "URL", "placeholder", "URL", "name", "URL", "data-toggle", "tooltip", "matTooltip", "Fill with your Marketplace URL", "pattern", "^((https?|ftp|smtp):\\/\\/)?(www.)?[a-z0-9]+(.[a-z]+)(.id)?(\\/[-~$_.+!*'(),a-zA-Z0-9#]+\\/?)+$", 1, "form-control", 3, "ngModel", "ngModelChange"], ["url", "ngModel"], ["for", "URL"], ["class", "col-sm-6", 4, "ngIf"], [1, "form-label-group", "radio"], ["for", "SyncOrder"], [1, "mt-3"], ["name", "SyncOrder", 3, "ngModel", "ngModelChange"], ["data-toggle", "tooltip", "matTooltip", "No Include if the channel makes a transaction", 1, "me-5", 3, "value"], ["data-toggle", "tootip", "matTooltip", "Include if the channel makes a transaction", 1, "me-5", 3, "value"], ["name", "SyncInventory", 3, "ngModel", "ngModelChange"], [1, "col-md-12"], [1, "form-label-group", "radio", 3, "ngClass"], [2, "top", "-11px", "background", "white"], ["name", "InventoryLog", 3, "ngModel", "ngModelChange"], ["data-toggle", "tooltip", "matTooltip", "Not record any log from transaction", 1, "me-5", 3, "value"], ["data-toggle", "tooltip", "matTooltip", "Only record error log from transaction", 1, "me-5", 3, "value"], ["data-toggle", "tooltip", "matTooltip", "Record all log from transaction", 1, "me-5", 3, "value"], [1, "col-md-6"], [1, "card-header", "cursor", "mb-3"], ["type", "text", "id", "Register", "placeholder", "Register", "name", "Register", "data-toggle", "tooltip", "matTooltip", "Outlet register name", 1, "form-control", 3, "ngModel", "ngModelChange"], ["for", "Register"], ["type", "email", "name", "Email", "placeholder", "Email", "email", "", "pattern", "\\b[\\w\\.-]+@[\\w\\.-]+\\.\\w{2,4}\\b", 1, "form-control", 3, "ngClass", "ngModelOptions", "ngModel", "ngModelChange"], ["Email", "ngModel"], ["class", "text-danger", 4, "ngIf"], ["type", "number", "name", "MinimumInventory", "placeholder", "Minimum Inventory", "id", "MinimumInventory", "data-toggle", "tooltip", "matTooltip", "Minimal inventory on channel, if product inventory is bellow minimum inventory will automatically update to 0 ", 1, "form-control", 3, "ngModel", "ngModelChange"], ["for", "MinimumInventory"], ["type", "text", "name", "Additionalitem", "placeholder", "Additional item", "id", "Additionalitem", 1, "form-control", 3, "ngModel", "ngModelChange"], ["for", "Additionalitem"], ["type", "number", "name", "Index", "placeholder", "Additional item", "id", "Additionalitem", 1, "form-control", 3, "ngModel", "ngModelChange"], ["for", "Index"], [1, "col-sm-4"], ["id", "outletOrder", "bindLabel", "Outlet", "bindValue", "Outlet", "placeholder", "New Order To", "data-toggle", "tooltip", "data-placement", "top", "matTooltip", "Choose Outlet where transaction is recorded", "name", "Outlet", "required", "", 1, "center-text", "tall", 3, "items", "ngModel", "ngModelChange", "change"], ["outlet", "ngModel"], ["for", "outletOrder"], ["id", "inventorySource", "bindLabel", "Outlet", "bindValue", "Outlet", "placeholder", "Dispatch Orders From", "data-toggle", "tooltip", "data-placement", "top", "matTooltip", "Choose outlet to be inventory source for marketplace ", "name", "Delivery", "required", "", 1, "center-text", "tall", 3, "items", "ngModel", "ngModelChange"], ["delivery", "ngModel"], ["for", "inventorySource"], ["id", "ProductInventory", "bindLabel", "Outlet", "bindValue", "Outlet", "placeholder", "Product Inventory", "data-toggle", "tooltip", "data-placement", "top", "matTooltip", "Choose Outlet where inventory is recorded", "name", "POSInventoryOutletArray", 1, "center-text", "tall", 3, "items", "multiple", "ngModel", "ngModelChange"], ["for", "ProductInventory"], ["bindLabel", "Name", "bindValue", "Name", "placeholder", "Payment Method", "data-toggle", "tootlip", "matTooltip", "Choose your payment method", "name", "InvoicePaymentMethod", "required", "", 1, "center-text", "tall", 3, "items", "ngModel", "ngModelChange"], ["method", "ngModel"], ["bindLabel", "Name", "bindValue", "Name", "placeholder", "Sales Orders Tag", "data-toggle", "tooltip", "matTooltip", "Choose sales order type for marketplace", "name", "SalesType", "required", "", 1, "center-text", "tall", 3, "items", "ngModel", "ngModelChange"], ["sales", "ngModel"], ["bindLabel", "Name", "bindValue", "Name", "placeholder", "Tax", "data-toggle", "tooltip", "matTooltip", "Choose tax type for marketplace", "name", "POSTax", "required", "", 1, "center-text", "tall", 3, "items", "ngModel", "ngModelChange"], ["tax", "ngModel"], ["id", "writeoff", "bindLabel", "Name", "bindValue", "Name", "placeholder", "Write off", "data-toggle", "tooltip", "matTooltip", "Choose Writeoff", "name", "POSWriteOff", 1, "center-text", "tall", 3, "items", "ngModel", "ngModelChange"], ["for", "writeoff"], [1, "alert", "alert-danger"], ["type", "number", "id", "ShopID", "placeholder", "Shop ID", "class", "form-control", "name", "ShopID", "data-toggle", "tooltip", "matTooltip", "Fill with your Shop ID", 3, "ngModel", "ngModelChange", 4, "ngIf"], ["type", "text", "id", "ShopIDString", "placeholder", "Shop ID String", "class", "form-control", "name", "ShopIDString", "data-toggle", "tooltip", "matTooltip", "Fill with your Shop ID String", 3, "ngModel", "ngModelChange", 4, "ngIf"], ["for", "ShopID"], ["type", "number", "id", "ShopID", "placeholder", "Shop ID", "name", "ShopID", "data-toggle", "tooltip", "matTooltip", "Fill with your Shop ID", 1, "form-control", 3, "ngModel", "ngModelChange"], ["type", "text", "id", "ShopIDString", "placeholder", "Shop ID String", "name", "ShopIDString", "data-toggle", "tooltip", "matTooltip", "Fill with your Shop ID String", 1, "form-control", 3, "ngModel", "ngModelChange"], [4, "ngIf"], ["type", "text", "id", "ConsumerKey", "placeholder", "Consumer Key", "name", "ConsumerKey", "data-toggle", "tooltip", "matTooltip", "Fill with your Marketplace Consumer Key", 1, "form-control", 3, "ngModel", "ngModelChange"], ["ConsumerKey", "ngModel"], ["type", "text", "id", "ConsumerSecret", "placeholder", "Consumer Secret", "name", "ConsumerSecret", "data-toggle", "tooltip", "matTooltip", "Fill with your Marketplace Consumer Secret", 1, "form-control", 3, "ngModel", "ngModelChange"], ["ConsumerSecret", "ngModel"], [1, "text-danger"]], template: function MarketplaceFormComponent_Template(rf, ctx) { if (rf & 1) {
2218
+ MarketplaceFormComponent.ɵcmp = /*@__PURE__*/ _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵdefineComponent"]({ type: MarketplaceFormComponent, selectors: [["app-marketplace-form"]], decls: 188, vars: 83, consts: [[3, "Title", "pageData", "hideSearchBox", "hideSearchDropdown"], ["role", "button", "routerLink", "/menu/channel", 1, "btn", "btn-secondary", "btn-fill", "btn-lg", "me-3"], ["role", "button", "data-toggle", "tooltip", "data-placement", "top", "matTooltip", "Choose Outlet where transaction is recorded", 1, "btn", "btn-success", "btn-fill", "btn-lg", "text-white", 3, "click"], [1, "container-fluid", "mt-5"], [1, "row"], [1, "col-sm-8"], ["name", "form"], ["f", "ngForm"], [1, "col-sm-12"], [1, "card"], [1, "card-header"], [1, "card-body", "mt-8"], [1, "form-label-group"], ["type", "text", "id", "Name", "placeholder", "Name", "name", "Name", "matTooltip", "Channel Name", "required", "", 1, "form-control", "tall", 3, "ngModel", "ngModelChange"], ["name", "ngModel"], ["for", "Name"], ["class", "alert alert-danger", 4, "ngIf"], [1, "col-sm-6", "me-0"], [1, "form-label-group", 3, "ngClass"], ["id", "Type", "bindLabel", "Name", "bindValue", "ID", "placeholder", "Type", "name", "Market", "matTooltip", "Channel type", "data-toggle", "tooltip", 1, "center-text", "tall", 3, "items", "ngModel", "ngModelChange", "change"], ["for", "type"], [1, "col-sm-6"], ["class", "form-label-group", 4, "ngIf"], ["type", "text", "id", "URL", "placeholder", "URL", "name", "URL", "data-toggle", "tooltip", "matTooltip", "Fill with your Marketplace URL", "pattern", "^((https?|ftp|smtp):\\/\\/)?(www.)?[a-z0-9]+(.[a-z]+)(.id)?(\\/[-~$_.+!*'(),a-zA-Z0-9#]+\\/?)+$", 1, "form-control", 3, "ngModel", "ngModelChange"], ["url", "ngModel"], ["for", "URL"], ["class", "col-sm-6", 4, "ngIf"], [1, "form-label-group", "radio"], ["for", "SyncOrder"], [1, "mt-3"], ["name", "SyncOrder", 3, "ngModel", "ngModelChange"], ["data-toggle", "tooltip", "matTooltip", "No Include if the channel makes a transaction", 1, "me-5", 3, "value"], ["data-toggle", "tootip", "matTooltip", "Include if the channel makes a transaction", 1, "me-5", 3, "value"], ["name", "SyncInventory", 3, "ngModel", "ngModelChange"], [1, "col-md-12"], [1, "form-label-group", "radio", 3, "ngClass"], [2, "top", "-11px", "background", "white"], ["name", "InventoryLog", 3, "ngModel", "ngModelChange"], ["data-toggle", "tooltip", "matTooltip", "Not record any log from transaction", 1, "me-5", 3, "value"], ["data-toggle", "tooltip", "matTooltip", "Only record error log from transaction", 1, "me-5", 3, "value"], ["data-toggle", "tooltip", "matTooltip", "Record all log from transaction", 1, "me-5", 3, "value"], [1, "col-md-6"], [1, "card-header", "cursor", "mb-3"], ["type", "text", "id", "Register", "placeholder", "Register", "name", "Register", "data-toggle", "tooltip", "matTooltip", "Outlet register name", 1, "form-control", 3, "ngModel", "ngModelChange"], ["for", "Register"], ["type", "email", "name", "Email", "placeholder", "Email", "email", "", "pattern", "\\b[\\w\\.-]+@[\\w\\.-]+\\.\\w{2,4}\\b", 1, "form-control", 3, "ngClass", "ngModelOptions", "ngModel", "ngModelChange"], ["Email", "ngModel"], ["class", "text-danger", 4, "ngIf"], ["type", "number", "name", "MinimumInventory", "placeholder", "Minimum Inventory", "id", "MinimumInventory", "data-toggle", "tooltip", "matTooltip", "Minimal inventory on channel, if product inventory is bellow minimum inventory will automatically update to 0 ", 1, "form-control", 3, "ngModel", "ngModelChange"], ["for", "MinimumInventory"], [1, "col-sm-12", "mat-chip-custom"], ["appearance", "outline", 1, "w-100"], ["aria-label", "Additional Item"], ["chipList", ""], ["style", "font-size: 12px;", 3, "removed", 4, "ngFor", "ngForOf"], ["placeholder", "New Item", 3, "matChipInputFor", "matChipInputTokenEnd"], ["type", "number", "name", "Index", "placeholder", "Additional item", "id", "Additionalitem", 1, "form-control", 3, "ngModel", "ngModelChange"], ["for", "Index"], [1, "col-sm-4"], ["id", "outletOrder", "bindLabel", "Outlet", "bindValue", "Outlet", "placeholder", "New Order To", "data-toggle", "tooltip", "data-placement", "top", "matTooltip", "Choose Outlet where transaction is recorded", "name", "Outlet", "required", "", 1, "center-text", "tall", 3, "items", "ngModel", "ngModelChange", "change"], ["outlet", "ngModel"], ["for", "outletOrder"], ["id", "inventorySource", "bindLabel", "Outlet", "bindValue", "Outlet", "placeholder", "Dispatch Orders From", "data-toggle", "tooltip", "data-placement", "top", "matTooltip", "Choose outlet to be inventory source for marketplace ", "name", "Delivery", "required", "", 1, "center-text", "tall", 3, "items", "ngModel", "ngModelChange"], ["delivery", "ngModel"], ["for", "inventorySource"], ["id", "ProductInventory", "bindLabel", "Outlet", "bindValue", "Outlet", "placeholder", "Product Inventory", "data-toggle", "tooltip", "data-placement", "top", "matTooltip", "Choose Outlet where inventory is recorded", "name", "POSInventoryOutletArray", 1, "center-text", "tall", 3, "items", "multiple", "ngModel", "ngModelChange"], ["for", "ProductInventory"], ["bindLabel", "Name", "bindValue", "Name", "placeholder", "Payment Method", "data-toggle", "tootlip", "matTooltip", "Choose your payment method", "name", "InvoicePaymentMethod", "required", "", 1, "center-text", "tall", 3, "items", "ngModel", "ngModelChange"], ["method", "ngModel"], ["bindLabel", "Name", "bindValue", "Name", "placeholder", "Sales Orders Tag", "data-toggle", "tooltip", "matTooltip", "Choose sales order type for marketplace", "name", "SalesType", "required", "", 1, "center-text", "tall", 3, "items", "ngModel", "ngModelChange"], ["sales", "ngModel"], ["bindLabel", "Name", "bindValue", "Name", "placeholder", "Tax", "data-toggle", "tooltip", "matTooltip", "Choose tax type for marketplace", "name", "POSTax", "required", "", 1, "center-text", "tall", 3, "items", "ngModel", "ngModelChange"], ["tax", "ngModel"], ["id", "writeoff", "bindLabel", "Name", "bindValue", "Name", "placeholder", "Write off", "data-toggle", "tooltip", "matTooltip", "Choose Writeoff", "name", "POSWriteOff", 1, "center-text", "tall", 3, "items", "ngModel", "ngModelChange"], ["for", "writeoff"], [1, "alert", "alert-danger"], ["type", "number", "id", "ShopID", "placeholder", "Shop ID", "class", "form-control", "name", "ShopID", "data-toggle", "tooltip", "matTooltip", "Fill with your Shop ID", 3, "ngModel", "ngModelChange", 4, "ngIf"], ["type", "text", "id", "ShopIDString", "placeholder", "Shop ID String", "class", "form-control", "name", "ShopIDString", "data-toggle", "tooltip", "matTooltip", "Fill with your Shop ID String", 3, "ngModel", "ngModelChange", 4, "ngIf"], ["for", "ShopID"], ["type", "number", "id", "ShopID", "placeholder", "Shop ID", "name", "ShopID", "data-toggle", "tooltip", "matTooltip", "Fill with your Shop ID", 1, "form-control", 3, "ngModel", "ngModelChange"], ["type", "text", "id", "ShopIDString", "placeholder", "Shop ID String", "name", "ShopIDString", "data-toggle", "tooltip", "matTooltip", "Fill with your Shop ID String", 1, "form-control", 3, "ngModel", "ngModelChange"], [4, "ngIf"], ["type", "text", "id", "ConsumerKey", "placeholder", "Consumer Key", "name", "ConsumerKey", "data-toggle", "tooltip", "matTooltip", "Fill with your Marketplace Consumer Key", 1, "form-control", 3, "ngModel", "ngModelChange"], ["ConsumerKey", "ngModel"], ["type", "text", "id", "ConsumerSecret", "placeholder", "Consumer Secret", "name", "ConsumerSecret", "data-toggle", "tooltip", "matTooltip", "Fill with your Marketplace Consumer Secret", 1, "form-control", 3, "ngModel", "ngModelChange"], ["ConsumerSecret", "ngModel"], [1, "text-danger"], [2, "font-size", "12px", 3, "removed"], ["matChipRemove", ""]], template: function MarketplaceFormComponent_Template(rf, ctx) { if (rf & 1) {
2168
2219
  _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](0, "mainpanel", 0)(1, "actions")(2, "a", 1);
2169
2220
  _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtext"](3, "Cancel");
2170
2221
  _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
@@ -2268,92 +2319,95 @@ MarketplaceFormComponent.ɵcmp = /*@__PURE__*/ _angular_core__WEBPACK_IMPORTED_M
2268
2319
  _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](111, "label", 49);
2269
2320
  _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtext"](112, "Minimum Inventory");
2270
2321
  _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]()()();
2271
- _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](113, "div", 8)(114, "div", 12)(115, "input", 50);
2272
- _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵlistener"]("ngModelChange", function MarketplaceFormComponent_Template_input_ngModelChange_115_listener($event) { return ctx.model.Additionalitem = $event; });
2322
+ _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](113, "div", 50)(114, "mat-form-field", 51)(115, "mat-label");
2323
+ _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtext"](116, "Additional Item");
2273
2324
  _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
2274
- _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](116, "label", 51);
2275
- _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtext"](117, "Additional Item");
2276
- _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]()()();
2277
- _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](118, "div", 8)(119, "div", 12)(120, "input", 52);
2278
- _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵlistener"]("ngModelChange", function MarketplaceFormComponent_Template_input_ngModelChange_120_listener($event) { return ctx.model.Index = $event; });
2325
+ _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](117, "mat-chip-list", 52, 53);
2326
+ _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtemplate"](119, MarketplaceFormComponent_mat_chip_119_Template, 5, 1, "mat-chip", 54);
2327
+ _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](120, "input", 55);
2328
+ _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵlistener"]("matChipInputTokenEnd", function MarketplaceFormComponent_Template_input_matChipInputTokenEnd_120_listener($event) { return ctx.addAdditonalItem($event); });
2329
+ _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]()()()();
2330
+ _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](121, "div", 8)(122, "div", 12)(123, "input", 56);
2331
+ _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵlistener"]("ngModelChange", function MarketplaceFormComponent_Template_input_ngModelChange_123_listener($event) { return ctx.model.Index = $event; });
2279
2332
  _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
2280
- _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](121, "label", 53);
2281
- _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtext"](122, "Index");
2333
+ _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](124, "label", 57);
2334
+ _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtext"](125, "Index");
2282
2335
  _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]()()()()()()()()()();
2283
- _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](123, "div", 54)(124, "form")(125, "div", 4)(126, "div", 8)(127, "div", 9)(128, "div", 10)(129, "h3");
2284
- _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtext"](130, "POS Outlet Configuration");
2336
+ _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](126, "div", 58)(127, "form")(128, "div", 4)(129, "div", 8)(130, "div", 9)(131, "div", 10)(132, "h3");
2337
+ _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtext"](133, "POS Outlet Configuration");
2285
2338
  _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]()();
2286
- _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](131, "div", 11)(132, "div", 4)(133, "div", 34)(134, "div", 18)(135, "ng-select", 55, 56);
2287
- _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵlistener"]("ngModelChange", function MarketplaceFormComponent_Template_ng_select_ngModelChange_135_listener($event) { return ctx.model.POSOutlet = $event; })("change", function MarketplaceFormComponent_Template_ng_select_change_135_listener() { return ctx.changeOutlet(); });
2339
+ _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](134, "div", 11)(135, "div", 4)(136, "div", 34)(137, "div", 18)(138, "ng-select", 59, 60);
2340
+ _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵlistener"]("ngModelChange", function MarketplaceFormComponent_Template_ng_select_ngModelChange_138_listener($event) { return ctx.model.POSOutlet = $event; })("change", function MarketplaceFormComponent_Template_ng_select_change_138_listener() { return ctx.changeOutlet(); });
2288
2341
  _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
2289
- _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](137, "label", 57);
2290
- _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtext"](138, "New Order To");
2342
+ _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](140, "label", 61);
2343
+ _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtext"](141, "New Order To");
2291
2344
  _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]()();
2292
- _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtemplate"](139, MarketplaceFormComponent_div_139_Template, 3, 0, "div", 16);
2345
+ _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtemplate"](142, MarketplaceFormComponent_div_142_Template, 3, 0, "div", 16);
2293
2346
  _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
2294
- _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](140, "div", 34)(141, "div", 18)(142, "ng-select", 58, 59);
2295
- _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵlistener"]("ngModelChange", function MarketplaceFormComponent_Template_ng_select_ngModelChange_142_listener($event) { return ctx.model.POSDeliveryOutlet = $event; });
2347
+ _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](143, "div", 34)(144, "div", 18)(145, "ng-select", 62, 63);
2348
+ _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵlistener"]("ngModelChange", function MarketplaceFormComponent_Template_ng_select_ngModelChange_145_listener($event) { return ctx.model.POSDeliveryOutlet = $event; });
2296
2349
  _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
2297
- _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](144, "label", 60);
2298
- _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtext"](145, "Dispatch Orders From");
2350
+ _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](147, "label", 64);
2351
+ _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtext"](148, "Dispatch Orders From");
2299
2352
  _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]()();
2300
- _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtemplate"](146, MarketplaceFormComponent_div_146_Template, 3, 0, "div", 16);
2353
+ _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtemplate"](149, MarketplaceFormComponent_div_149_Template, 3, 0, "div", 16);
2301
2354
  _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
2302
- _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](147, "div", 34)(148, "div", 18)(149, "ng-select", 61);
2303
- _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵlistener"]("ngModelChange", function MarketplaceFormComponent_Template_ng_select_ngModelChange_149_listener($event) { return ctx.model.POSInventoryOutletArray = $event; });
2355
+ _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](150, "div", 34)(151, "div", 18)(152, "ng-select", 65);
2356
+ _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵlistener"]("ngModelChange", function MarketplaceFormComponent_Template_ng_select_ngModelChange_152_listener($event) { return ctx.model.POSInventoryOutletArray = $event; });
2304
2357
  _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
2305
- _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](150, "label", 62);
2306
- _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtext"](151, "Product Inventory");
2358
+ _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](153, "label", 66);
2359
+ _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtext"](154, "Product Inventory");
2307
2360
  _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]()()()()()()();
2308
- _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](152, "div", 8)(153, "div", 9)(154, "div", 10)(155, "h3");
2309
- _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtext"](156, "POS Orders Configuration");
2361
+ _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](155, "div", 8)(156, "div", 9)(157, "div", 10)(158, "h3");
2362
+ _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtext"](159, "POS Orders Configuration");
2310
2363
  _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]()();
2311
- _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](157, "div", 11)(158, "div", 4)(159, "div", 34)(160, "div", 18)(161, "ng-select", 63, 64);
2312
- _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵlistener"]("ngModelChange", function MarketplaceFormComponent_Template_ng_select_ngModelChange_161_listener($event) { return ctx.model.POSInvoicePaymentMethod = $event; });
2364
+ _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](160, "div", 11)(161, "div", 4)(162, "div", 34)(163, "div", 18)(164, "ng-select", 67, 68);
2365
+ _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵlistener"]("ngModelChange", function MarketplaceFormComponent_Template_ng_select_ngModelChange_164_listener($event) { return ctx.model.POSInvoicePaymentMethod = $event; });
2313
2366
  _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
2314
- _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](163, "label");
2315
- _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtext"](164, "Payment Method");
2367
+ _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](166, "label");
2368
+ _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtext"](167, "Payment Method");
2316
2369
  _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]()();
2317
- _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtemplate"](165, MarketplaceFormComponent_div_165_Template, 3, 0, "div", 16);
2370
+ _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtemplate"](168, MarketplaceFormComponent_div_168_Template, 3, 0, "div", 16);
2318
2371
  _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
2319
- _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](166, "div", 34)(167, "div", 18)(168, "ng-select", 65, 66);
2320
- _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵlistener"]("ngModelChange", function MarketplaceFormComponent_Template_ng_select_ngModelChange_168_listener($event) { return ctx.model.POSSalesOrderType = $event; });
2372
+ _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](169, "div", 34)(170, "div", 18)(171, "ng-select", 69, 70);
2373
+ _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵlistener"]("ngModelChange", function MarketplaceFormComponent_Template_ng_select_ngModelChange_171_listener($event) { return ctx.model.POSSalesOrderType = $event; });
2321
2374
  _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
2322
- _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](170, "label");
2323
- _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtext"](171, "Sales Orders Tag");
2375
+ _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](173, "label");
2376
+ _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtext"](174, "Sales Orders Tag");
2324
2377
  _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]()();
2325
- _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtemplate"](172, MarketplaceFormComponent_div_172_Template, 3, 0, "div", 16);
2378
+ _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtemplate"](175, MarketplaceFormComponent_div_175_Template, 3, 0, "div", 16);
2326
2379
  _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
2327
- _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](173, "div", 34)(174, "div", 18)(175, "ng-select", 67, 68);
2328
- _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵlistener"]("ngModelChange", function MarketplaceFormComponent_Template_ng_select_ngModelChange_175_listener($event) { return ctx.model.POSTax = $event; });
2380
+ _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](176, "div", 34)(177, "div", 18)(178, "ng-select", 71, 72);
2381
+ _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵlistener"]("ngModelChange", function MarketplaceFormComponent_Template_ng_select_ngModelChange_178_listener($event) { return ctx.model.POSTax = $event; });
2329
2382
  _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
2330
- _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](177, "label");
2331
- _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtext"](178, "Tax");
2383
+ _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](180, "label");
2384
+ _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtext"](181, "Tax");
2332
2385
  _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]()();
2333
- _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtemplate"](179, MarketplaceFormComponent_div_179_Template, 3, 0, "div", 16);
2386
+ _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtemplate"](182, MarketplaceFormComponent_div_182_Template, 3, 0, "div", 16);
2334
2387
  _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
2335
- _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](180, "div", 34)(181, "div", 18)(182, "ng-select", 69);
2336
- _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵlistener"]("ngModelChange", function MarketplaceFormComponent_Template_ng_select_ngModelChange_182_listener($event) { return ctx.model.POSWriteOff = $event; });
2388
+ _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](183, "div", 34)(184, "div", 18)(185, "ng-select", 73);
2389
+ _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵlistener"]("ngModelChange", function MarketplaceFormComponent_Template_ng_select_ngModelChange_185_listener($event) { return ctx.model.POSWriteOff = $event; });
2337
2390
  _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
2338
- _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](183, "label", 70);
2339
- _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtext"](184, "Write Off");
2391
+ _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](186, "label", 74);
2392
+ _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtext"](187, "Write Off");
2340
2393
  _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]()()()()()()()()()()()()()();
2341
2394
  } if (rf & 2) {
2342
2395
  const _r1 = _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵreference"](23);
2343
2396
  const _r4 = _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵreference"](37);
2344
2397
  const _r8 = _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵreference"](104);
2345
- const _r10 = _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵreference"](136);
2346
- const _r12 = _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵreference"](143);
2347
- const _r14 = _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵreference"](162);
2348
- const _r16 = _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵreference"](169);
2349
- const _r18 = _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵreference"](176);
2398
+ const _r10 = _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵreference"](118);
2399
+ const _r12 = _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵreference"](139);
2400
+ const _r14 = _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵreference"](146);
2401
+ const _r16 = _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵreference"](165);
2402
+ const _r18 = _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵreference"](172);
2403
+ const _r20 = _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵreference"](179);
2350
2404
  _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵproperty"]("Title", "Configure Channel")("pageData", ctx.pageData)("hideSearchBox", true)("hideSearchDropdown", true);
2351
2405
  _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](22);
2352
2406
  _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵproperty"]("ngModel", ctx.model.Name);
2353
2407
  _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](4);
2354
2408
  _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵproperty"]("ngIf", _r1.invalid && (_r1.dirty || _r1.touched));
2355
2409
  _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](2);
2356
- _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵproperty"]("ngClass", _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵpureFunction1"](60, _c0, ctx.Constants.IsEmpty(ctx.model.TypeID)));
2410
+ _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵproperty"]("ngClass", _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵpureFunction1"](62, _c0, ctx.Constants.IsEmpty(ctx.model.TypeID)));
2357
2411
  _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](1);
2358
2412
  _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵproperty"]("items", ctx.TypeMarket)("ngModel", ctx.model.TypeID);
2359
2413
  _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](4);
@@ -2379,7 +2433,7 @@ MarketplaceFormComponent.ɵcmp = /*@__PURE__*/ _angular_core__WEBPACK_IMPORTED_M
2379
2433
  _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](2);
2380
2434
  _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵproperty"]("value", true);
2381
2435
  _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](10);
2382
- _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵproperty"]("ngClass", _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵpureFunction1"](62, _c0, ctx.Constants.IsEmpty(ctx.model.InventoryLog)));
2436
+ _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵproperty"]("ngClass", _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵpureFunction1"](64, _c0, ctx.Constants.IsEmpty(ctx.model.InventoryLog)));
2383
2437
  _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](4);
2384
2438
  _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵproperty"]("ngModel", ctx.model.InventoryLog);
2385
2439
  _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](1);
@@ -2391,54 +2445,56 @@ MarketplaceFormComponent.ɵcmp = /*@__PURE__*/ _angular_core__WEBPACK_IMPORTED_M
2391
2445
  _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](11);
2392
2446
  _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵproperty"]("ngModel", ctx.model.Register);
2393
2447
  _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](5);
2394
- _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵproperty"]("ngClass", _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵpureFunction1"](64, _c1, _r8.invalid))("ngModelOptions", _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵpureFunction0"](66, _c2))("ngModel", ctx.model.CustomerDefaultEmail);
2448
+ _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵproperty"]("ngClass", _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵpureFunction1"](66, _c1, _r8.invalid))("ngModelOptions", _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵpureFunction0"](68, _c2))("ngModel", ctx.model.CustomerDefaultEmail);
2395
2449
  _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](4);
2396
2450
  _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵproperty"]("ngIf", _r8.invalid && (_r8.dirty || _r8.touched));
2397
2451
  _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](3);
2398
2452
  _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵproperty"]("ngModel", ctx.model.MinimumInventory);
2399
- _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](5);
2400
- _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵproperty"]("ngModel", ctx.model.Additionalitem);
2401
- _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](5);
2453
+ _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](9);
2454
+ _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵproperty"]("ngForOf", ctx.additionalItems);
2455
+ _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](1);
2456
+ _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵproperty"]("matChipInputFor", _r10)("matChipInputFor", _r10);
2457
+ _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](3);
2402
2458
  _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵproperty"]("ngModel", ctx.model.Index);
2403
2459
  _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](14);
2404
- _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵproperty"]("ngClass", _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵpureFunction1"](67, _c0, ctx.Constants.IsEmpty(ctx.model.POSOutlet)));
2460
+ _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵproperty"]("ngClass", _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵpureFunction1"](69, _c0, ctx.Constants.IsEmpty(ctx.model.POSOutlet)));
2405
2461
  _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](1);
2406
2462
  _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵproperty"]("items", ctx.ListOutlet)("ngModel", ctx.model.POSOutlet);
2407
2463
  _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](4);
2408
- _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵproperty"]("ngIf", _r10.invalid && (_r10.dirty || _r10.touched));
2464
+ _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵproperty"]("ngIf", _r12.invalid && (_r12.dirty || _r12.touched));
2409
2465
  _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](2);
2410
- _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵproperty"]("ngClass", _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵpureFunction1"](69, _c0, ctx.Constants.IsEmpty(ctx.model.POSDeliveryOutlet)));
2466
+ _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵproperty"]("ngClass", _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵpureFunction1"](71, _c0, ctx.Constants.IsEmpty(ctx.model.POSDeliveryOutlet)));
2411
2467
  _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](1);
2412
2468
  _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵproperty"]("items", ctx.ListOutlet)("ngModel", ctx.model.POSDeliveryOutlet);
2413
2469
  _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](4);
2414
- _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵproperty"]("ngIf", _r12.invalid && (_r12.dirty || _r12.touched));
2470
+ _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵproperty"]("ngIf", _r14.invalid && (_r14.dirty || _r14.touched));
2415
2471
  _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](2);
2416
- _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵproperty"]("ngClass", _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵpureFunction1"](71, _c0, ctx.Constants.IsEmpty(ctx.model.POSInventoryOutletArray)));
2472
+ _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵproperty"]("ngClass", _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵpureFunction1"](73, _c0, ctx.Constants.IsEmpty(ctx.model.POSInventoryOutletArray)));
2417
2473
  _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](1);
2418
2474
  _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵproperty"]("items", ctx.ListOutlet)("multiple", true)("ngModel", ctx.model.POSInventoryOutletArray);
2419
2475
  _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](11);
2420
- _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵproperty"]("ngClass", _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵpureFunction1"](73, _c0, ctx.Constants.IsEmpty(ctx.model.POSInvoicePaymentMethod)));
2476
+ _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵproperty"]("ngClass", _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵpureFunction1"](75, _c0, ctx.Constants.IsEmpty(ctx.model.POSInvoicePaymentMethod)));
2421
2477
  _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](1);
2422
2478
  _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵproperty"]("items", ctx.ListPaymentMethod)("ngModel", ctx.model.POSInvoicePaymentMethod);
2423
2479
  _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](4);
2424
- _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵproperty"]("ngIf", _r14.invalid && (_r14.dirty || _r14.touched));
2480
+ _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵproperty"]("ngIf", _r16.invalid && (_r16.dirty || _r16.touched));
2425
2481
  _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](2);
2426
- _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵproperty"]("ngClass", _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵpureFunction1"](75, _c0, ctx.Constants.IsEmpty(ctx.model.POSSalesOrderType)));
2482
+ _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵproperty"]("ngClass", _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵpureFunction1"](77, _c0, ctx.Constants.IsEmpty(ctx.model.POSSalesOrderType)));
2427
2483
  _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](1);
2428
2484
  _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵproperty"]("items", ctx.ListSalesType)("ngModel", ctx.model.POSSalesOrderType);
2429
2485
  _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](4);
2430
- _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵproperty"]("ngIf", _r16.invalid && (_r16.dirty || _r16.touched));
2486
+ _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵproperty"]("ngIf", _r18.invalid && (_r18.dirty || _r18.touched));
2431
2487
  _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](2);
2432
- _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵproperty"]("ngClass", _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵpureFunction1"](77, _c0, ctx.Constants.IsEmpty(ctx.model.POSTax)));
2488
+ _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵproperty"]("ngClass", _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵpureFunction1"](79, _c0, ctx.Constants.IsEmpty(ctx.model.POSTax)));
2433
2489
  _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](1);
2434
2490
  _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵproperty"]("items", ctx.ListTax)("ngModel", ctx.model.POSTax);
2435
2491
  _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](4);
2436
- _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵproperty"]("ngIf", _r18.invalid && (_r18.dirty || _r18.touched));
2492
+ _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵproperty"]("ngIf", _r20.invalid && (_r20.dirty || _r20.touched));
2437
2493
  _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](2);
2438
- _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵproperty"]("ngClass", _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵpureFunction1"](79, _c0, ctx.Constants.IsEmpty(ctx.model.POSWriteOff)));
2494
+ _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵproperty"]("ngClass", _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵpureFunction1"](81, _c0, ctx.Constants.IsEmpty(ctx.model.POSWriteOff)));
2439
2495
  _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](1);
2440
2496
  _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵproperty"]("items", ctx.ListWriteOff)("ngModel", ctx.model.POSWriteOff);
2441
- } }, dependencies: [_angular_common__WEBPACK_IMPORTED_MODULE_6__.NgClass, _angular_common__WEBPACK_IMPORTED_MODULE_6__.NgIf, _angular_forms__WEBPACK_IMPORTED_MODULE_7__["ɵNgNoValidate"], _angular_forms__WEBPACK_IMPORTED_MODULE_7__.DefaultValueAccessor, _angular_forms__WEBPACK_IMPORTED_MODULE_7__.NumberValueAccessor, _angular_forms__WEBPACK_IMPORTED_MODULE_7__.NgControlStatus, _angular_forms__WEBPACK_IMPORTED_MODULE_7__.NgControlStatusGroup, _angular_forms__WEBPACK_IMPORTED_MODULE_7__.RequiredValidator, _angular_forms__WEBPACK_IMPORTED_MODULE_7__.PatternValidator, _angular_forms__WEBPACK_IMPORTED_MODULE_7__.EmailValidator, _angular_forms__WEBPACK_IMPORTED_MODULE_7__.NgModel, _angular_forms__WEBPACK_IMPORTED_MODULE_7__.NgForm, _angular_router__WEBPACK_IMPORTED_MODULE_4__.RouterLinkWithHref, _ng_select_ng_select__WEBPACK_IMPORTED_MODULE_8__.NgSelectComponent, _main_panel_main_panel_component__WEBPACK_IMPORTED_MODULE_2__.MainPanelComponent, _angular_material_radio__WEBPACK_IMPORTED_MODULE_9__.MatRadioGroup, _angular_material_radio__WEBPACK_IMPORTED_MODULE_9__.MatRadioButton, _angular_material_tooltip__WEBPACK_IMPORTED_MODULE_10__.MatTooltip], styles: [".mb-1rem[_ngcontent-%COMP%] {\n margin-bottom: 1rem;\n}\n\n.form-label-group[_ngcontent-%COMP%] > ng-select[_ngcontent-%COMP%] ~ label[_ngcontent-%COMP%] {\n z-index: 0 !important;\n}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIm1hcmtldHBsYWNlLWZvcm0uY29tcG9uZW50LnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7RUFDSSxtQkFBQTtBQUNKOztBQUVBO0VBQ0kscUJBQUE7QUFDSiIsImZpbGUiOiJtYXJrZXRwbGFjZS1mb3JtLmNvbXBvbmVudC5zY3NzIiwic291cmNlc0NvbnRlbnQiOlsiLm1iLTFyZW0ge1xyXG4gICAgbWFyZ2luLWJvdHRvbTogMXJlbTtcclxufVxyXG5cclxuLmZvcm0tbGFiZWwtZ3JvdXAgPiBuZy1zZWxlY3QgfiBsYWJlbHtcclxuICAgIHotaW5kZXg6IDAhaW1wb3J0YW50O1xyXG59Il19 */"] });
2497
+ } }, dependencies: [_angular_common__WEBPACK_IMPORTED_MODULE_6__.NgClass, _angular_common__WEBPACK_IMPORTED_MODULE_6__.NgForOf, _angular_common__WEBPACK_IMPORTED_MODULE_6__.NgIf, _angular_forms__WEBPACK_IMPORTED_MODULE_7__["ɵNgNoValidate"], _angular_forms__WEBPACK_IMPORTED_MODULE_7__.DefaultValueAccessor, _angular_forms__WEBPACK_IMPORTED_MODULE_7__.NumberValueAccessor, _angular_forms__WEBPACK_IMPORTED_MODULE_7__.NgControlStatus, _angular_forms__WEBPACK_IMPORTED_MODULE_7__.NgControlStatusGroup, _angular_forms__WEBPACK_IMPORTED_MODULE_7__.RequiredValidator, _angular_forms__WEBPACK_IMPORTED_MODULE_7__.PatternValidator, _angular_forms__WEBPACK_IMPORTED_MODULE_7__.EmailValidator, _angular_forms__WEBPACK_IMPORTED_MODULE_7__.NgModel, _angular_forms__WEBPACK_IMPORTED_MODULE_7__.NgForm, _angular_router__WEBPACK_IMPORTED_MODULE_4__.RouterLinkWithHref, _ng_select_ng_select__WEBPACK_IMPORTED_MODULE_8__.NgSelectComponent, _main_panel_main_panel_component__WEBPACK_IMPORTED_MODULE_2__.MainPanelComponent, _angular_material_radio__WEBPACK_IMPORTED_MODULE_9__.MatRadioGroup, _angular_material_radio__WEBPACK_IMPORTED_MODULE_9__.MatRadioButton, _angular_material_form_field__WEBPACK_IMPORTED_MODULE_10__.MatFormField, _angular_material_form_field__WEBPACK_IMPORTED_MODULE_10__.MatLabel, _angular_material_tooltip__WEBPACK_IMPORTED_MODULE_11__.MatTooltip, _angular_material_chips__WEBPACK_IMPORTED_MODULE_12__.MatChipList, _angular_material_chips__WEBPACK_IMPORTED_MODULE_12__.MatChip, _angular_material_chips__WEBPACK_IMPORTED_MODULE_12__.MatChipInput, _angular_material_chips__WEBPACK_IMPORTED_MODULE_12__.MatChipRemove, _angular_material_icon__WEBPACK_IMPORTED_MODULE_13__.MatIcon], styles: [".mb-1rem[_ngcontent-%COMP%] {\n margin-bottom: 1rem;\n}\n\n.form-label-group[_ngcontent-%COMP%] > ng-select[_ngcontent-%COMP%] ~ label[_ngcontent-%COMP%] {\n z-index: 0 !important;\n}\n\n .mat-form-field-appearance-outline .mat-form-field-outline-thick {\n color: solid 1.5px #1a73e8 !important;\n}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIm1hcmtldHBsYWNlLWZvcm0uY29tcG9uZW50LnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7RUFDRSxtQkFBQTtBQUNGOztBQUVBO0VBQ0UscUJBQUE7QUFDRjs7QUFFQTtFQUNFLHFDQUFBO0FBQ0YiLCJmaWxlIjoibWFya2V0cGxhY2UtZm9ybS5jb21wb25lbnQuc2NzcyIsInNvdXJjZXNDb250ZW50IjpbIi5tYi0xcmVtIHtcclxuICBtYXJnaW4tYm90dG9tOiAxcmVtO1xyXG59XHJcblxyXG4uZm9ybS1sYWJlbC1ncm91cCA+IG5nLXNlbGVjdCB+IGxhYmVsIHtcclxuICB6LWluZGV4OiAwICFpbXBvcnRhbnQ7XHJcbn1cclxuXHJcbjo6bmctZGVlcCAubWF0LWZvcm0tZmllbGQtYXBwZWFyYW5jZS1vdXRsaW5lIC5tYXQtZm9ybS1maWVsZC1vdXRsaW5lLXRoaWNrIHtcclxuICBjb2xvcjogc29saWQgMS41cHggIzFhNzNlOCAhaW1wb3J0YW50O1xyXG59XHJcbiJdfQ== */"] });
2442
2498
 
2443
2499
 
2444
2500
  /***/ }),
@@ -5863,6 +5919,8 @@ __webpack_require__.r(__webpack_exports__);
5863
5919
  /* harmony import */ var _channels_marketplace_marketplace_cache_marketplace_cache_component__WEBPACK_IMPORTED_MODULE_65__ = __webpack_require__(/*! ./channels/marketplace/marketplace-cache/marketplace-cache.component */ 6633);
5864
5920
  /* harmony import */ var _price_price_single_channel_price_single_channel_component__WEBPACK_IMPORTED_MODULE_66__ = __webpack_require__(/*! ./price/price-single-channel/price-single-channel.component */ 8863);
5865
5921
  /* harmony import */ var _inventory_inventory_pos_modal_update_channels_modal_update_channels_component__WEBPACK_IMPORTED_MODULE_67__ = __webpack_require__(/*! ./inventory/inventory-pos/modal-update-channels/modal-update-channels.component */ 2486);
5922
+ /* harmony import */ var _angular_material_chips__WEBPACK_IMPORTED_MODULE_86__ = __webpack_require__(/*! @angular/material/chips */ 1169);
5923
+ /* harmony import */ var _angular_material_icon__WEBPACK_IMPORTED_MODULE_87__ = __webpack_require__(/*! @angular/material/icon */ 7822);
5866
5924
  /* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_68__ = __webpack_require__(/*! @angular/core */ 2560);
5867
5925
 
5868
5926
 
@@ -5947,6 +6005,8 @@ __webpack_require__.r(__webpack_exports__);
5947
6005
 
5948
6006
 
5949
6007
 
6008
+
6009
+
5950
6010
 
5951
6011
 
5952
6012
 
@@ -5977,7 +6037,9 @@ MenuModule.ɵinj = /*@__PURE__*/ _angular_core__WEBPACK_IMPORTED_MODULE_68__["ɵ
5977
6037
  _angular_material_slide_toggle__WEBPACK_IMPORTED_MODULE_84__.MatSlideToggleModule,
5978
6038
  _component_datepicker_range_datepicker_range_component__WEBPACK_IMPORTED_MODULE_61__.DatepickerRangeModule,
5979
6039
  _angular_material_tooltip__WEBPACK_IMPORTED_MODULE_83__.MatTooltipModule,
5980
- _angular_cdk_drag_drop__WEBPACK_IMPORTED_MODULE_85__.DragDropModule] });
6040
+ _angular_cdk_drag_drop__WEBPACK_IMPORTED_MODULE_85__.DragDropModule,
6041
+ _angular_material_chips__WEBPACK_IMPORTED_MODULE_86__.MatChipsModule,
6042
+ _angular_material_icon__WEBPACK_IMPORTED_MODULE_87__.MatIconModule] });
5981
6043
  (function () { (typeof ngJitMode === "undefined" || ngJitMode) && _angular_core__WEBPACK_IMPORTED_MODULE_68__["ɵɵsetNgModuleScope"](MenuModule, { declarations: [_menu_component__WEBPACK_IMPORTED_MODULE_1__.MenuComponent,
5982
6044
  _products_products_component__WEBPACK_IMPORTED_MODULE_2__.ProductsComponent,
5983
6045
  _channels_channels_component__WEBPACK_IMPORTED_MODULE_3__.ChannelsComponent,
@@ -6063,7 +6125,9 @@ MenuModule.ɵinj = /*@__PURE__*/ _angular_core__WEBPACK_IMPORTED_MODULE_68__["ɵ
6063
6125
  _angular_material_slide_toggle__WEBPACK_IMPORTED_MODULE_84__.MatSlideToggleModule,
6064
6126
  _component_datepicker_range_datepicker_range_component__WEBPACK_IMPORTED_MODULE_61__.DatepickerRangeModule,
6065
6127
  _angular_material_tooltip__WEBPACK_IMPORTED_MODULE_83__.MatTooltipModule,
6066
- _angular_cdk_drag_drop__WEBPACK_IMPORTED_MODULE_85__.DragDropModule], exports: [_menu_component__WEBPACK_IMPORTED_MODULE_1__.MenuComponent] }); })();
6128
+ _angular_cdk_drag_drop__WEBPACK_IMPORTED_MODULE_85__.DragDropModule,
6129
+ _angular_material_chips__WEBPACK_IMPORTED_MODULE_86__.MatChipsModule,
6130
+ _angular_material_icon__WEBPACK_IMPORTED_MODULE_87__.MatIconModule], exports: [_menu_component__WEBPACK_IMPORTED_MODULE_1__.MenuComponent] }); })();
6067
6131
 
6068
6132
 
6069
6133
  /***/ }),
@@ -10575,10 +10639,10 @@ function PriceSingleChannelComponent_mainpanel_0_actions_7_Template(rf, ctx) {
10575
10639
  }
10576
10640
  }
10577
10641
 
10578
- function PriceSingleChannelComponent_mainpanel_0_content_9_ng_option_21_Template(rf, ctx) {
10642
+ function PriceSingleChannelComponent_mainpanel_0_content_9_ng_option_22_Template(rf, ctx) {
10579
10643
  if (rf & 1) {
10580
- _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵelementStart"](0, "ng-option", 29);
10581
- _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵelement"](1, "img", 30);
10644
+ _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵelementStart"](0, "ng-option", 30);
10645
+ _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵelement"](1, "img", 31);
10582
10646
  _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵtext"](2);
10583
10647
  _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵelementEnd"]();
10584
10648
  }
@@ -10593,16 +10657,16 @@ function PriceSingleChannelComponent_mainpanel_0_content_9_ng_option_21_Template
10593
10657
  }
10594
10658
  }
10595
10659
 
10596
- function PriceSingleChannelComponent_mainpanel_0_content_9_ng_container_24_tr_1_ng_container_1_input_3_Template(rf, ctx) {
10660
+ function PriceSingleChannelComponent_mainpanel_0_content_9_ng_container_25_tr_1_ng_container_1_input_3_Template(rf, ctx) {
10597
10661
  if (rf & 1) {
10598
10662
  const _r31 = _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵgetCurrentView"]();
10599
10663
 
10600
- _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵelementStart"](0, "input", 40);
10601
- _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵlistener"]("ngModelChange", function PriceSingleChannelComponent_mainpanel_0_content_9_ng_container_24_tr_1_ng_container_1_input_3_Template_input_ngModelChange_0_listener($event) {
10664
+ _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵelementStart"](0, "input", 41);
10665
+ _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵlistener"]("ngModelChange", function PriceSingleChannelComponent_mainpanel_0_content_9_ng_container_25_tr_1_ng_container_1_input_3_Template_input_ngModelChange_0_listener($event) {
10602
10666
  _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵrestoreView"](_r31);
10603
10667
  const row_r18 = _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵnextContext"](3).$implicit;
10604
10668
  return _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵresetView"](row_r18.selected = $event);
10605
- })("ngModelChange", function PriceSingleChannelComponent_mainpanel_0_content_9_ng_container_24_tr_1_ng_container_1_input_3_Template_input_ngModelChange_0_listener() {
10669
+ })("ngModelChange", function PriceSingleChannelComponent_mainpanel_0_content_9_ng_container_25_tr_1_ng_container_1_input_3_Template_input_ngModelChange_0_listener() {
10606
10670
  _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵrestoreView"](_r31);
10607
10671
  const row_r18 = _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵnextContext"](3).$implicit;
10608
10672
  const data_r10 = _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵnextContext"]().ngIf;
@@ -10618,9 +10682,9 @@ function PriceSingleChannelComponent_mainpanel_0_content_9_ng_container_24_tr_1_
10618
10682
  }
10619
10683
  }
10620
10684
 
10621
- function PriceSingleChannelComponent_mainpanel_0_content_9_ng_container_24_tr_1_ng_container_1_img_4_Template(rf, ctx) {
10685
+ function PriceSingleChannelComponent_mainpanel_0_content_9_ng_container_25_tr_1_ng_container_1_img_4_Template(rf, ctx) {
10622
10686
  if (rf & 1) {
10623
- _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵelement"](0, "img", 41);
10687
+ _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵelement"](0, "img", 42);
10624
10688
  }
10625
10689
 
10626
10690
  if (rf & 2) {
@@ -10629,21 +10693,21 @@ function PriceSingleChannelComponent_mainpanel_0_content_9_ng_container_24_tr_1_
10629
10693
  }
10630
10694
  }
10631
10695
 
10632
- function PriceSingleChannelComponent_mainpanel_0_content_9_ng_container_24_tr_1_ng_container_1_ng_template_5_Template(rf, ctx) {
10696
+ function PriceSingleChannelComponent_mainpanel_0_content_9_ng_container_25_tr_1_ng_container_1_ng_template_5_Template(rf, ctx) {
10633
10697
  if (rf & 1) {
10634
- _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵelement"](0, "img", 42);
10698
+ _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵelement"](0, "img", 43);
10635
10699
  }
10636
10700
  }
10637
10701
 
10638
- function PriceSingleChannelComponent_mainpanel_0_content_9_ng_container_24_tr_1_ng_container_1_Template(rf, ctx) {
10702
+ function PriceSingleChannelComponent_mainpanel_0_content_9_ng_container_25_tr_1_ng_container_1_Template(rf, ctx) {
10639
10703
  if (rf & 1) {
10640
10704
  _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵelementContainerStart"](0);
10641
- _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵelementStart"](1, "td", 34)(2, "div", 35);
10642
- _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵtemplate"](3, PriceSingleChannelComponent_mainpanel_0_content_9_ng_container_24_tr_1_ng_container_1_input_3_Template, 1, 1, "input", 36);
10643
- _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵtemplate"](4, PriceSingleChannelComponent_mainpanel_0_content_9_ng_container_24_tr_1_ng_container_1_img_4_Template, 1, 1, "img", 37);
10644
- _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵtemplate"](5, PriceSingleChannelComponent_mainpanel_0_content_9_ng_container_24_tr_1_ng_container_1_ng_template_5_Template, 1, 0, "ng-template", null, 38, _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵtemplateRefExtractor"]);
10705
+ _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵelementStart"](1, "td", 35)(2, "div", 36);
10706
+ _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵtemplate"](3, PriceSingleChannelComponent_mainpanel_0_content_9_ng_container_25_tr_1_ng_container_1_input_3_Template, 1, 1, "input", 37);
10707
+ _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵtemplate"](4, PriceSingleChannelComponent_mainpanel_0_content_9_ng_container_25_tr_1_ng_container_1_img_4_Template, 1, 1, "img", 38);
10708
+ _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵtemplate"](5, PriceSingleChannelComponent_mainpanel_0_content_9_ng_container_25_tr_1_ng_container_1_ng_template_5_Template, 1, 0, "ng-template", null, 39, _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵtemplateRefExtractor"]);
10645
10709
  _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵelementEnd"]()();
10646
- _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵelementStart"](7, "td", 34)(8, "span", 39);
10710
+ _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵelementStart"](7, "td", 35)(8, "span", 40);
10647
10711
  _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵtext"](9);
10648
10712
  _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵelementEnd"]();
10649
10713
  _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵelement"](10, "br");
@@ -10673,12 +10737,12 @@ function PriceSingleChannelComponent_mainpanel_0_content_9_ng_container_24_tr_1_
10673
10737
  }
10674
10738
  }
10675
10739
 
10676
- function PriceSingleChannelComponent_mainpanel_0_content_9_ng_container_24_tr_1_input_7_Template(rf, ctx) {
10740
+ function PriceSingleChannelComponent_mainpanel_0_content_9_ng_container_25_tr_1_input_7_Template(rf, ctx) {
10677
10741
  if (rf & 1) {
10678
10742
  const _r41 = _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵgetCurrentView"]();
10679
10743
 
10680
- _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵelementStart"](0, "input", 43);
10681
- _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵlistener"]("ngModelChange", function PriceSingleChannelComponent_mainpanel_0_content_9_ng_container_24_tr_1_input_7_Template_input_ngModelChange_0_listener($event) {
10744
+ _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵelementStart"](0, "input", 44);
10745
+ _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵlistener"]("ngModelChange", function PriceSingleChannelComponent_mainpanel_0_content_9_ng_container_25_tr_1_input_7_Template_input_ngModelChange_0_listener($event) {
10682
10746
  _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵrestoreView"](_r41);
10683
10747
  const v_r20 = _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵnextContext"]().$implicit;
10684
10748
  return _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵresetView"](v_r20.selected = $event);
@@ -10698,12 +10762,12 @@ const _c0 = function (a0) {
10698
10762
  };
10699
10763
  };
10700
10764
 
10701
- function PriceSingleChannelComponent_mainpanel_0_content_9_ng_container_24_tr_1_td_11_Template(rf, ctx) {
10765
+ function PriceSingleChannelComponent_mainpanel_0_content_9_ng_container_25_tr_1_td_11_Template(rf, ctx) {
10702
10766
  if (rf & 1) {
10703
10767
  const _r45 = _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵgetCurrentView"]();
10704
10768
 
10705
- _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵelementStart"](0, "td", 44)(1, "div", 45)(2, "div", 46);
10706
- _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵlistener"]("click", function PriceSingleChannelComponent_mainpanel_0_content_9_ng_container_24_tr_1_td_11_Template_div_click_2_listener() {
10769
+ _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵelementStart"](0, "td", 45)(1, "div", 46)(2, "div", 47);
10770
+ _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵlistener"]("click", function PriceSingleChannelComponent_mainpanel_0_content_9_ng_container_25_tr_1_td_11_Template_div_click_2_listener() {
10707
10771
  _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵrestoreView"](_r45);
10708
10772
  const v_r20 = _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵnextContext"]().$implicit;
10709
10773
  const row_r18 = _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵnextContext"]().$implicit;
@@ -10715,8 +10779,8 @@ function PriceSingleChannelComponent_mainpanel_0_content_9_ng_container_24_tr_1_
10715
10779
  _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵtext"](3);
10716
10780
  _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵpipe"](4, "number");
10717
10781
  _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵelementEnd"]();
10718
- _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵelementStart"](5, "div", 47)(6, "a", 48);
10719
- _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵelement"](7, "i", 49);
10782
+ _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵelementStart"](5, "div", 48)(6, "a", 49);
10783
+ _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵelement"](7, "i", 50);
10720
10784
  _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵelementEnd"]()()()();
10721
10785
  }
10722
10786
 
@@ -10730,24 +10794,24 @@ function PriceSingleChannelComponent_mainpanel_0_content_9_ng_container_24_tr_1_
10730
10794
  }
10731
10795
  }
10732
10796
 
10733
- function PriceSingleChannelComponent_mainpanel_0_content_9_ng_container_24_tr_1_Template(rf, ctx) {
10797
+ function PriceSingleChannelComponent_mainpanel_0_content_9_ng_container_25_tr_1_Template(rf, ctx) {
10734
10798
  if (rf & 1) {
10735
10799
  _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵelementStart"](0, "tr");
10736
- _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵtemplate"](1, PriceSingleChannelComponent_mainpanel_0_content_9_ng_container_24_tr_1_ng_container_1_Template, 13, 7, "ng-container", 4);
10800
+ _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵtemplate"](1, PriceSingleChannelComponent_mainpanel_0_content_9_ng_container_25_tr_1_ng_container_1_Template, 13, 7, "ng-container", 4);
10737
10801
  _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵelementStart"](2, "td", 17);
10738
10802
  _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵtext"](3);
10739
10803
  _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵelementEnd"]();
10740
10804
  _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵelementStart"](4, "td", 18);
10741
10805
  _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵtext"](5);
10742
10806
  _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵelementEnd"]();
10743
- _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵelementStart"](6, "td", 31);
10744
- _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵtemplate"](7, PriceSingleChannelComponent_mainpanel_0_content_9_ng_container_24_tr_1_input_7_Template, 1, 1, "input", 32);
10807
+ _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵelementStart"](6, "td", 32);
10808
+ _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵtemplate"](7, PriceSingleChannelComponent_mainpanel_0_content_9_ng_container_25_tr_1_input_7_Template, 1, 1, "input", 33);
10745
10809
  _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵelementEnd"]();
10746
10810
  _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵelementStart"](8, "td", 18);
10747
10811
  _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵtext"](9);
10748
10812
  _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵpipe"](10, "number");
10749
10813
  _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵelementEnd"]();
10750
- _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵtemplate"](11, PriceSingleChannelComponent_mainpanel_0_content_9_ng_container_24_tr_1_td_11_Template, 8, 7, "td", 33);
10814
+ _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵtemplate"](11, PriceSingleChannelComponent_mainpanel_0_content_9_ng_container_25_tr_1_td_11_Template, 8, 7, "td", 34);
10751
10815
  _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵelementEnd"]();
10752
10816
  }
10753
10817
 
@@ -10769,10 +10833,10 @@ function PriceSingleChannelComponent_mainpanel_0_content_9_ng_container_24_tr_1_
10769
10833
  }
10770
10834
  }
10771
10835
 
10772
- function PriceSingleChannelComponent_mainpanel_0_content_9_ng_container_24_Template(rf, ctx) {
10836
+ function PriceSingleChannelComponent_mainpanel_0_content_9_ng_container_25_Template(rf, ctx) {
10773
10837
  if (rf & 1) {
10774
10838
  _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵelementContainerStart"](0);
10775
- _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵtemplate"](1, PriceSingleChannelComponent_mainpanel_0_content_9_ng_container_24_tr_1_Template, 12, 8, "tr", 21);
10839
+ _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵtemplate"](1, PriceSingleChannelComponent_mainpanel_0_content_9_ng_container_25_tr_1_Template, 12, 8, "tr", 22);
10776
10840
  _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵelementContainerEnd"]();
10777
10841
  }
10778
10842
 
@@ -10783,24 +10847,24 @@ function PriceSingleChannelComponent_mainpanel_0_content_9_ng_container_24_Templ
10783
10847
  }
10784
10848
  }
10785
10849
 
10786
- function PriceSingleChannelComponent_mainpanel_0_content_9_span_30_Template(rf, ctx) {
10850
+ function PriceSingleChannelComponent_mainpanel_0_content_9_span_31_Template(rf, ctx) {
10787
10851
  if (rf & 1) {
10788
10852
  const _r52 = _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵgetCurrentView"]();
10789
10853
 
10790
- _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵelementStart"](0, "span", 50);
10791
- _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵlistener"]("click", function PriceSingleChannelComponent_mainpanel_0_content_9_span_30_Template_span_click_0_listener() {
10854
+ _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵelementStart"](0, "span", 51);
10855
+ _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵlistener"]("click", function PriceSingleChannelComponent_mainpanel_0_content_9_span_31_Template_span_click_0_listener() {
10792
10856
  _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵrestoreView"](_r52);
10793
10857
  const loader_r1 = _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵnextContext"](2).ngIf;
10794
10858
  const ctx_r50 = _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵnextContext"]();
10795
10859
  return _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵresetView"](ctx_r50.getAllDataCount(loader_r1.Filter));
10796
10860
  });
10797
- _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵelementStart"](1, "i", 51);
10861
+ _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵelementStart"](1, "i", 52);
10798
10862
  _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵtext"](2, "?");
10799
10863
  _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵelementEnd"]()();
10800
10864
  }
10801
10865
  }
10802
10866
 
10803
- function PriceSingleChannelComponent_mainpanel_0_content_9_span_31_Template(rf, ctx) {
10867
+ function PriceSingleChannelComponent_mainpanel_0_content_9_span_32_Template(rf, ctx) {
10804
10868
  if (rf & 1) {
10805
10869
  _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵelementStart"](0, "span");
10806
10870
  _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵtext"](1);
@@ -10815,35 +10879,35 @@ function PriceSingleChannelComponent_mainpanel_0_content_9_span_31_Template(rf,
10815
10879
  }
10816
10880
  }
10817
10881
 
10818
- function PriceSingleChannelComponent_mainpanel_0_content_9_a_35_Template(rf, ctx) {
10882
+ function PriceSingleChannelComponent_mainpanel_0_content_9_a_36_Template(rf, ctx) {
10819
10883
  if (rf & 1) {
10820
10884
  const _r56 = _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵgetCurrentView"]();
10821
10885
 
10822
- _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵelementStart"](0, "a", 52);
10823
- _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵlistener"]("click", function PriceSingleChannelComponent_mainpanel_0_content_9_a_35_Template_a_click_0_listener() {
10886
+ _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵelementStart"](0, "a", 53);
10887
+ _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵlistener"]("click", function PriceSingleChannelComponent_mainpanel_0_content_9_a_36_Template_a_click_0_listener() {
10824
10888
  _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵrestoreView"](_r56);
10825
10889
  const loader_r1 = _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵnextContext"](2).ngIf;
10826
10890
  const ctx_r54 = _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵnextContext"]();
10827
10891
  return _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵresetView"](ctx_r54.nextPage(loader_r1.Filter));
10828
10892
  });
10829
- _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵelement"](1, "i", 53);
10893
+ _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵelement"](1, "i", 54);
10830
10894
  _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵtext"](2, " Next");
10831
10895
  _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵelementEnd"]();
10832
10896
  }
10833
10897
  }
10834
10898
 
10835
- function PriceSingleChannelComponent_mainpanel_0_content_9_a_36_Template(rf, ctx) {
10899
+ function PriceSingleChannelComponent_mainpanel_0_content_9_a_37_Template(rf, ctx) {
10836
10900
  if (rf & 1) {
10837
10901
  const _r59 = _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵgetCurrentView"]();
10838
10902
 
10839
- _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵelementStart"](0, "a", 54);
10840
- _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵlistener"]("click", function PriceSingleChannelComponent_mainpanel_0_content_9_a_36_Template_a_click_0_listener() {
10903
+ _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵelementStart"](0, "a", 55);
10904
+ _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵlistener"]("click", function PriceSingleChannelComponent_mainpanel_0_content_9_a_37_Template_a_click_0_listener() {
10841
10905
  _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵrestoreView"](_r59);
10842
10906
  const loader_r1 = _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵnextContext"](2).ngIf;
10843
10907
  const ctx_r57 = _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵnextContext"]();
10844
10908
  return _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵresetView"](ctx_r57.getAllData(loader_r1.Filter));
10845
10909
  });
10846
- _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵelement"](1, "i", 55);
10910
+ _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵelement"](1, "i", 56);
10847
10911
  _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵtext"](2, " Last");
10848
10912
  _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵelementEnd"]();
10849
10913
  }
@@ -10875,39 +10939,46 @@ function PriceSingleChannelComponent_mainpanel_0_content_9_Template(rf, ctx) {
10875
10939
  _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵelementStart"](14, "th", 18);
10876
10940
  _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵtext"](15, "SKU");
10877
10941
  _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵelementEnd"]();
10878
- _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵelement"](16, "th");
10879
- _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵelementStart"](17, "th", 18);
10880
- _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵtext"](18, "POS");
10942
+ _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵelementStart"](16, "th")(17, "input", 19);
10943
+ _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵlistener"]("change", function PriceSingleChannelComponent_mainpanel_0_content_9_Template_input_change_17_listener($event) {
10944
+ const restoredCtx = _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵrestoreView"](_r61);
10945
+ const data_r10 = restoredCtx.ngIf;
10946
+ const ctx_r64 = _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵnextContext"](2);
10947
+ return _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵresetView"](ctx_r64.onSelectAllSKU($event.target.checked, data_r10));
10948
+ });
10949
+ _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵelementEnd"]()();
10950
+ _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵelementStart"](18, "th", 18);
10951
+ _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵtext"](19, "POS");
10881
10952
  _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵelementEnd"]();
10882
- _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵelementStart"](19, "th")(20, "ng-select", 19);
10883
- _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵlistener"]("ngModelChange", function PriceSingleChannelComponent_mainpanel_0_content_9_Template_ng_select_ngModelChange_20_listener($event) {
10953
+ _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵelementStart"](20, "th")(21, "ng-select", 20);
10954
+ _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵlistener"]("ngModelChange", function PriceSingleChannelComponent_mainpanel_0_content_9_Template_ng_select_ngModelChange_21_listener($event) {
10884
10955
  _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵrestoreView"](_r61);
10885
10956
  const loader_r1 = _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵnextContext"]().ngIf;
10886
10957
  return _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵresetView"](loader_r1.Filter.ID = $event);
10887
- })("change", function PriceSingleChannelComponent_mainpanel_0_content_9_Template_ng_select_change_20_listener() {
10958
+ })("change", function PriceSingleChannelComponent_mainpanel_0_content_9_Template_ng_select_change_21_listener() {
10888
10959
  _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵrestoreView"](_r61);
10889
10960
  const loader_r1 = _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵnextContext"]().ngIf;
10890
- const ctx_r66 = _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵnextContext"]();
10891
- return _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵresetView"](ctx_r66.search(loader_r1.Filter));
10961
+ const ctx_r67 = _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵnextContext"]();
10962
+ return _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵresetView"](ctx_r67.search(loader_r1.Filter));
10892
10963
  });
10893
- _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵtemplate"](21, PriceSingleChannelComponent_mainpanel_0_content_9_ng_option_21_Template, 3, 3, "ng-option", 20);
10964
+ _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵtemplate"](22, PriceSingleChannelComponent_mainpanel_0_content_9_ng_option_22_Template, 3, 3, "ng-option", 21);
10894
10965
  _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵelementEnd"]()();
10895
- _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵelement"](22, "th");
10966
+ _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵelement"](23, "th");
10896
10967
  _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵelementEnd"]()();
10897
- _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵelementStart"](23, "tbody");
10898
- _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵtemplate"](24, PriceSingleChannelComponent_mainpanel_0_content_9_ng_container_24_Template, 2, 1, "ng-container", 21);
10968
+ _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵelementStart"](24, "tbody");
10969
+ _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵtemplate"](25, PriceSingleChannelComponent_mainpanel_0_content_9_ng_container_25_Template, 2, 1, "ng-container", 22);
10899
10970
  _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵelementEnd"]()();
10900
- _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵelementStart"](25, "div", 22)(26, "div", 23)(27, "div", 24);
10901
- _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵtext"](28);
10902
- _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵpipe"](29, "number");
10903
- _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵtemplate"](30, PriceSingleChannelComponent_mainpanel_0_content_9_span_30_Template, 3, 0, "span", 25);
10904
- _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵtemplate"](31, PriceSingleChannelComponent_mainpanel_0_content_9_span_31_Template, 3, 3, "span", 4);
10905
- _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵpipe"](32, "async");
10906
- _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵtext"](33);
10971
+ _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵelementStart"](26, "div", 23)(27, "div", 24)(28, "div", 25);
10972
+ _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵtext"](29);
10973
+ _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵpipe"](30, "number");
10974
+ _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵtemplate"](31, PriceSingleChannelComponent_mainpanel_0_content_9_span_31_Template, 3, 0, "span", 26);
10975
+ _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵtemplate"](32, PriceSingleChannelComponent_mainpanel_0_content_9_span_32_Template, 3, 3, "span", 4);
10976
+ _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵpipe"](33, "async");
10977
+ _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵtext"](34);
10907
10978
  _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵelementEnd"]()();
10908
- _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵelementStart"](34, "div", 26);
10909
- _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵtemplate"](35, PriceSingleChannelComponent_mainpanel_0_content_9_a_35_Template, 3, 0, "a", 27);
10979
+ _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵelementStart"](35, "div", 27);
10910
10980
  _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵtemplate"](36, PriceSingleChannelComponent_mainpanel_0_content_9_a_36_Template, 3, 0, "a", 28);
10981
+ _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵtemplate"](37, PriceSingleChannelComponent_mainpanel_0_content_9_a_37_Template, 3, 0, "a", 29);
10911
10982
  _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵelementEnd"]()()()()();
10912
10983
  }
10913
10984
 
@@ -10917,18 +10988,18 @@ function PriceSingleChannelComponent_mainpanel_0_content_9_Template(rf, ctx) {
10917
10988
  const ctx_r3 = _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵnextContext"]();
10918
10989
  _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵadvance"](9);
10919
10990
  _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵproperty"]("ngModel", ctx_r3.toggleDifferentInventory);
10920
- _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵadvance"](11);
10991
+ _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵadvance"](12);
10921
10992
  _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵproperty"]("clearable", false)("ngModel", loader_r1.Filter.ID);
10922
10993
  _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵadvance"](1);
10923
10994
  _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵproperty"]("ngForOf", loader_r1.Options.Channel);
10924
10995
  _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵadvance"](3);
10925
10996
  _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵproperty"]("ngForOf", data_r10);
10926
10997
  _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵadvance"](4);
10927
- _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵtextInterpolate1"](" Showing 1 - ", _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵpipeBind1"](29, 11, data_r10 == null ? null : data_r10.length), " of ");
10998
+ _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵtextInterpolate1"](" Showing 1 - ", _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵpipeBind1"](30, 11, data_r10 == null ? null : data_r10.length), " of ");
10928
10999
  _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵadvance"](2);
10929
11000
  _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵproperty"]("ngIf", ctx_r3.infP.hideCount);
10930
11001
  _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵadvance"](1);
10931
- _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵproperty"]("ngIf", _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵpipeBind1"](32, 13, !ctx_r3.infP.hideCount && ctx_r3.allDataCount$));
11002
+ _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵproperty"]("ngIf", _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵpipeBind1"](33, 13, !ctx_r3.infP.hideCount && ctx_r3.allDataCount$));
10932
11003
  _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵadvance"](2);
10933
11004
  _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵtextInterpolate1"](" records ~ ", ctx_r3.infP.footerPageNumber, " Page ");
10934
11005
  _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵadvance"](2);
@@ -10940,32 +11011,32 @@ function PriceSingleChannelComponent_mainpanel_0_content_9_Template(rf, ctx) {
10940
11011
 
10941
11012
  function PriceSingleChannelComponent_mainpanel_0_Template(rf, ctx) {
10942
11013
  if (rf & 1) {
10943
- const _r70 = _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵgetCurrentView"]();
11014
+ const _r71 = _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵgetCurrentView"]();
10944
11015
 
10945
11016
  _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵelementStart"](0, "mainpanel", 1);
10946
11017
  _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵlistener"]("textChange", function PriceSingleChannelComponent_mainpanel_0_Template_mainpanel_textChange_0_listener($event) {
10947
- const restoredCtx = _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵrestoreView"](_r70);
11018
+ const restoredCtx = _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵrestoreView"](_r71);
10948
11019
  const loader_r1 = restoredCtx.ngIf;
10949
11020
  return _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵresetView"](loader_r1.Filter.text = $event);
10950
11021
  })("onSubmit", function PriceSingleChannelComponent_mainpanel_0_Template_mainpanel_onSubmit_0_listener() {
10951
- const restoredCtx = _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵrestoreView"](_r70);
11022
+ const restoredCtx = _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵrestoreView"](_r71);
10952
11023
  const loader_r1 = restoredCtx.ngIf;
10953
- const ctx_r71 = _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵnextContext"]();
10954
- return _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵresetView"](ctx_r71.search(loader_r1.Filter));
11024
+ const ctx_r72 = _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵnextContext"]();
11025
+ return _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵresetView"](ctx_r72.search(loader_r1.Filter));
10955
11026
  });
10956
11027
  _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵelementStart"](1, "filters")(2, "div", 2)(3, "div")(4, "label");
10957
11028
  _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵtext"](5, "Page Size");
10958
11029
  _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵelementEnd"]();
10959
11030
  _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵelementStart"](6, "input", 3);
10960
11031
  _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵlistener"]("ngModelChange", function PriceSingleChannelComponent_mainpanel_0_Template_input_ngModelChange_6_listener($event) {
10961
- const restoredCtx = _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵrestoreView"](_r70);
11032
+ const restoredCtx = _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵrestoreView"](_r71);
10962
11033
  const loader_r1 = restoredCtx.ngIf;
10963
11034
  return _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵresetView"](loader_r1.Filter.RowCount = $event);
10964
11035
  });
10965
11036
  _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵelementEnd"]()()()();
10966
11037
  _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵtemplate"](7, PriceSingleChannelComponent_mainpanel_0_actions_7_Template, 11, 0, "actions", 4);
10967
11038
  _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵpipe"](8, "async");
10968
- _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵtemplate"](9, PriceSingleChannelComponent_mainpanel_0_content_9_Template, 37, 15, "content", 4);
11039
+ _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵtemplate"](9, PriceSingleChannelComponent_mainpanel_0_content_9_Template, 38, 15, "content", 4);
10969
11040
  _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵpipe"](10, "async");
10970
11041
  _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵelementEnd"]();
10971
11042
  }
@@ -11141,6 +11212,10 @@ class PriceSingleChannelComponent {
11141
11212
  });
11142
11213
  }
11143
11214
 
11215
+ onSelectAllSKU(checked, data) {
11216
+ data.forEach(d => d.Variants.forEach(v => v.selected = checked));
11217
+ }
11218
+
11144
11219
  }
11145
11220
 
11146
11221
  PriceSingleChannelComponent.ɵfac = function PriceSingleChannelComponent_Factory(t) {
@@ -11152,7 +11227,7 @@ PriceSingleChannelComponent.ɵcmp = /*@__PURE__*/_angular_core__WEBPACK_IMPORTED
11152
11227
  selectors: [["app-price-single-channel"]],
11153
11228
  decls: 2,
11154
11229
  vars: 3,
11155
- consts: [[3, "Title", "text", "textChange", "onSubmit", 4, "ngIf"], [3, "Title", "text", "textChange", "onSubmit"], ["container", ""], ["type", "number", 3, "ngModel", "ngModelChange"], [4, "ngIf"], [1, "d-flex"], ["type", "button", "data-cy", "scanInPos", 1, "btn", "btn-outline-secondary", "shadow", "rounded", "me-3", 3, "click"], [1, "fas", "fa-lg", "fa-crosshairs"], [1, "btn", "btn-success", 3, "click"], [1, "fas", "fa-chevron-circle-up"], [1, "container-fluid", "mt-5"], [1, "table-responsive"], [1, "table"], [1, "thead-light", "sticky-top-thead"], ["colspan", "2", 1, "text-center"], [3, "ngModel", "ngModelChange", "toggleChange"], [1, "font-weight-bold"], [1, "text-left"], [1, "text-right"], [3, "clearable", "ngModel", "ngModelChange", "change"], [3, "value", 4, "ngFor", "ngForOf"], [4, "ngFor", "ngForOf"], [1, "d-flex", "justify-content-between", "mt-5"], [1, "me-auto", "d-sm-block", "collapse", "mt-3"], [1, "font-weight-bold", "font-italic", "hidden-xxs"], ["style", "cursor:pointer", 3, "click", 4, "ngIf"], [1, "btn-group"], ["role", "button", "class", "btn btn-outline-secondary btn-sm text-primary", "title", "Load more for 20 products", 3, "click", 4, "ngIf"], ["role", "button", "class", "btn btn-outline-secondary btn-sm text-primary", "title", "Load all products", 3, "click", 4, "ngIf"], [3, "value"], [2, "width", "18px", "margin-right", "10px", 3, "src"], [1, "align-middle"], ["type", "checkbox", 3, "ngModel", "ngModelChange", 4, "ngIf"], ["class", "text-center", 3, "ngClass", 4, "ngIf"], [1, "text-center", 3, "rowSpan"], [1, "d-flex", "align-items-center", "justify-content-center"], ["type", "checkbox", "class", "me-3", 3, "ngModel", "ngModelChange", 4, "ngIf"], ["class", "border rounded w-img", 3, "src", 4, "ngIf", "ngIfElse"], ["elsePic", ""], [1, "item-name", "mb-0"], ["type", "checkbox", 1, "me-3", 3, "ngModel", "ngModelChange"], [1, "border", "rounded", "w-img", 3, "src"], ["src", "//res.cloudinary.com/pos/image/upload/w_40/POS/Images/Icon/products_thumb.png", 1, "border", "rounded", "w-img"], ["type", "checkbox", 3, "ngModel", "ngModelChange"], [1, "text-center", 3, "ngClass"], [1, "row", "justify-content-end", "me-0"], [1, "col-8", "px-0", "text-center", 2, "cursor", "pointer", 3, "click"], [1, "col-2", "ps-0", "text-left", "align-self-center"], ["target", "_blank", 3, "href"], [1, "fas", "fa-lg", "fa-external-link-alt"], [2, "cursor", "pointer", 3, "click"], ["title", "Retreive rows count", 1, "border", "p-3"], ["role", "button", "title", "Load more for 20 products", 1, "btn", "btn-outline-secondary", "btn-sm", "text-primary", 3, "click"], [1, "fas", "fa-arrow-right"], ["role", "button", "title", "Load all products", 1, "btn", "btn-outline-secondary", "btn-sm", "text-primary", 3, "click"], [1, "fas", "fa-share"]],
11230
+ consts: [[3, "Title", "text", "textChange", "onSubmit", 4, "ngIf"], [3, "Title", "text", "textChange", "onSubmit"], ["container", ""], ["type", "number", 3, "ngModel", "ngModelChange"], [4, "ngIf"], [1, "d-flex"], ["type", "button", "data-cy", "scanInPos", 1, "btn", "btn-outline-secondary", "shadow", "rounded", "me-3", 3, "click"], [1, "fas", "fa-lg", "fa-crosshairs"], [1, "btn", "btn-success", 3, "click"], [1, "fas", "fa-chevron-circle-up"], [1, "container-fluid", "mt-5"], [1, "table-responsive"], [1, "table"], [1, "thead-light", "sticky-top-thead"], ["colspan", "2", 1, "text-center"], [3, "ngModel", "ngModelChange", "toggleChange"], [1, "font-weight-bold"], [1, "text-left"], [1, "text-right"], ["type", "checkbox", 1, "me-3", 3, "change"], [3, "clearable", "ngModel", "ngModelChange", "change"], [3, "value", 4, "ngFor", "ngForOf"], [4, "ngFor", "ngForOf"], [1, "d-flex", "justify-content-between", "mt-5"], [1, "me-auto", "d-sm-block", "collapse", "mt-3"], [1, "font-weight-bold", "font-italic", "hidden-xxs"], ["style", "cursor:pointer", 3, "click", 4, "ngIf"], [1, "btn-group"], ["role", "button", "class", "btn btn-outline-secondary btn-sm text-primary", "title", "Load more for 20 products", 3, "click", 4, "ngIf"], ["role", "button", "class", "btn btn-outline-secondary btn-sm text-primary", "title", "Load all products", 3, "click", 4, "ngIf"], [3, "value"], [2, "width", "18px", "margin-right", "10px", 3, "src"], [1, "align-middle"], ["type", "checkbox", 3, "ngModel", "ngModelChange", 4, "ngIf"], ["class", "text-center", 3, "ngClass", 4, "ngIf"], [1, "text-center", 3, "rowSpan"], [1, "d-flex", "align-items-center", "justify-content-center"], ["type", "checkbox", "class", "me-3", 3, "ngModel", "ngModelChange", 4, "ngIf"], ["class", "border rounded w-img", 3, "src", 4, "ngIf", "ngIfElse"], ["elsePic", ""], [1, "item-name", "mb-0"], ["type", "checkbox", 1, "me-3", 3, "ngModel", "ngModelChange"], [1, "border", "rounded", "w-img", 3, "src"], ["src", "//res.cloudinary.com/pos/image/upload/w_40/POS/Images/Icon/products_thumb.png", 1, "border", "rounded", "w-img"], ["type", "checkbox", 3, "ngModel", "ngModelChange"], [1, "text-center", 3, "ngClass"], [1, "row", "justify-content-end", "me-0"], [1, "col-8", "px-0", "text-center", 2, "cursor", "pointer", 3, "click"], [1, "col-2", "ps-0", "text-left", "align-self-center"], ["target", "_blank", 3, "href"], [1, "fas", "fa-lg", "fa-external-link-alt"], [2, "cursor", "pointer", 3, "click"], ["title", "Retreive rows count", 1, "border", "p-3"], ["role", "button", "title", "Load more for 20 products", 1, "btn", "btn-outline-secondary", "btn-sm", "text-primary", 3, "click"], [1, "fas", "fa-arrow-right"], ["role", "button", "title", "Load all products", 1, "btn", "btn-outline-secondary", "btn-sm", "text-primary", 3, "click"], [1, "fas", "fa-share"]],
11156
11231
  template: function PriceSingleChannelComponent_Template(rf, ctx) {
11157
11232
  if (rf & 1) {
11158
11233
  _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵtemplate"](0, PriceSingleChannelComponent_mainpanel_0_Template, 11, 9, "mainpanel", 0);
@@ -62766,6 +62841,2116 @@ MatCheckboxModule.ɵinj = /* @__PURE__ */_angular_core__WEBPACK_IMPORTED_MODULE_
62766
62841
 
62767
62842
 
62768
62843
 
62844
+ /***/ }),
62845
+
62846
+ /***/ 1169:
62847
+ /*!***********************************************************!*\
62848
+ !*** ./node_modules/@angular/material/fesm2020/chips.mjs ***!
62849
+ \***********************************************************/
62850
+ /***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
62851
+
62852
+ "use strict";
62853
+ __webpack_require__.r(__webpack_exports__);
62854
+ /* harmony export */ __webpack_require__.d(__webpack_exports__, {
62855
+ /* harmony export */ "MAT_CHIPS_DEFAULT_OPTIONS": () => (/* binding */ MAT_CHIPS_DEFAULT_OPTIONS),
62856
+ /* harmony export */ "MAT_CHIP_AVATAR": () => (/* binding */ MAT_CHIP_AVATAR),
62857
+ /* harmony export */ "MAT_CHIP_REMOVE": () => (/* binding */ MAT_CHIP_REMOVE),
62858
+ /* harmony export */ "MAT_CHIP_TRAILING_ICON": () => (/* binding */ MAT_CHIP_TRAILING_ICON),
62859
+ /* harmony export */ "MatChip": () => (/* binding */ MatChip),
62860
+ /* harmony export */ "MatChipAvatar": () => (/* binding */ MatChipAvatar),
62861
+ /* harmony export */ "MatChipInput": () => (/* binding */ MatChipInput),
62862
+ /* harmony export */ "MatChipList": () => (/* binding */ MatChipList),
62863
+ /* harmony export */ "MatChipListChange": () => (/* binding */ MatChipListChange),
62864
+ /* harmony export */ "MatChipRemove": () => (/* binding */ MatChipRemove),
62865
+ /* harmony export */ "MatChipSelectionChange": () => (/* binding */ MatChipSelectionChange),
62866
+ /* harmony export */ "MatChipTrailingIcon": () => (/* binding */ MatChipTrailingIcon),
62867
+ /* harmony export */ "MatChipsModule": () => (/* binding */ MatChipsModule)
62868
+ /* harmony export */ });
62869
+ /* harmony import */ var _angular_cdk_keycodes__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @angular/cdk/keycodes */ 8456);
62870
+ /* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @angular/platform-browser/animations */ 2560);
62871
+ /* harmony import */ var _angular_material_core__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @angular/material/core */ 9121);
62872
+ /* harmony import */ var _angular_cdk_coercion__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @angular/cdk/coercion */ 8971);
62873
+ /* harmony import */ var _angular_cdk_platform__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @angular/cdk/platform */ 298);
62874
+ /* harmony import */ var _angular_common__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! @angular/common */ 4666);
62875
+ /* harmony import */ var rxjs__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! rxjs */ 228);
62876
+ /* harmony import */ var rxjs__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! rxjs */ 6646);
62877
+ /* harmony import */ var rxjs_operators__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! rxjs/operators */ 9295);
62878
+ /* harmony import */ var rxjs_operators__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! rxjs/operators */ 8951);
62879
+ /* harmony import */ var rxjs_operators__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! rxjs/operators */ 4874);
62880
+ /* harmony import */ var _angular_cdk_a11y__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! @angular/cdk/a11y */ 4218);
62881
+ /* harmony import */ var _angular_cdk_bidi__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! @angular/cdk/bidi */ 2867);
62882
+ /* harmony import */ var _angular_cdk_collections__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! @angular/cdk/collections */ 1755);
62883
+ /* harmony import */ var _angular_forms__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! @angular/forms */ 2508);
62884
+ /* harmony import */ var _angular_material_form_field__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! @angular/material/form-field */ 5074);
62885
+
62886
+
62887
+
62888
+
62889
+
62890
+
62891
+
62892
+
62893
+
62894
+
62895
+
62896
+
62897
+
62898
+
62899
+
62900
+
62901
+
62902
+ /** Event object emitted by MatChip when selected or deselected. */
62903
+
62904
+ const _c0 = ["*"];
62905
+
62906
+ class MatChipSelectionChange {
62907
+ constructor(
62908
+ /** Reference to the chip that emitted the event. */
62909
+ source,
62910
+ /** Whether the chip that emitted the event is selected. */
62911
+ selected,
62912
+ /** Whether the selection change was a result of a user interaction. */
62913
+ isUserInput = false) {
62914
+ this.source = source;
62915
+ this.selected = selected;
62916
+ this.isUserInput = isUserInput;
62917
+ }
62918
+
62919
+ }
62920
+ /**
62921
+ * Injection token that can be used to reference instances of `MatChipRemove`. It serves as
62922
+ * alternative token to the actual `MatChipRemove` class which could cause unnecessary
62923
+ * retention of the class and its directive metadata.
62924
+ */
62925
+
62926
+
62927
+ const MAT_CHIP_REMOVE = new _angular_core__WEBPACK_IMPORTED_MODULE_0__.InjectionToken('MatChipRemove');
62928
+ /**
62929
+ * Injection token that can be used to reference instances of `MatChipAvatar`. It serves as
62930
+ * alternative token to the actual `MatChipAvatar` class which could cause unnecessary
62931
+ * retention of the class and its directive metadata.
62932
+ */
62933
+
62934
+ const MAT_CHIP_AVATAR = new _angular_core__WEBPACK_IMPORTED_MODULE_0__.InjectionToken('MatChipAvatar');
62935
+ /**
62936
+ * Injection token that can be used to reference instances of `MatChipTrailingIcon`. It serves as
62937
+ * alternative token to the actual `MatChipTrailingIcon` class which could cause unnecessary
62938
+ * retention of the class and its directive metadata.
62939
+ */
62940
+
62941
+ const MAT_CHIP_TRAILING_ICON = new _angular_core__WEBPACK_IMPORTED_MODULE_0__.InjectionToken('MatChipTrailingIcon'); // Boilerplate for applying mixins to MatChip.
62942
+
62943
+ /** @docs-private */
62944
+
62945
+ class MatChipBase {
62946
+ constructor(_elementRef) {
62947
+ this._elementRef = _elementRef;
62948
+ }
62949
+
62950
+ }
62951
+
62952
+ const _MatChipMixinBase = (0,_angular_material_core__WEBPACK_IMPORTED_MODULE_1__.mixinTabIndex)((0,_angular_material_core__WEBPACK_IMPORTED_MODULE_1__.mixinColor)((0,_angular_material_core__WEBPACK_IMPORTED_MODULE_1__.mixinDisableRipple)(MatChipBase), 'primary'), -1);
62953
+ /**
62954
+ * Dummy directive to add CSS class to chip avatar.
62955
+ * @docs-private
62956
+ */
62957
+
62958
+
62959
+ class MatChipAvatar {}
62960
+
62961
+ MatChipAvatar.ɵfac = function MatChipAvatar_Factory(t) {
62962
+ return new (t || MatChipAvatar)();
62963
+ };
62964
+
62965
+ MatChipAvatar.ɵdir = /* @__PURE__ */_angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵdefineDirective"]({
62966
+ type: MatChipAvatar,
62967
+ selectors: [["mat-chip-avatar"], ["", "matChipAvatar", ""]],
62968
+ hostAttrs: [1, "mat-chip-avatar"],
62969
+ features: [_angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵProvidersFeature"]([{
62970
+ provide: MAT_CHIP_AVATAR,
62971
+ useExisting: MatChipAvatar
62972
+ }])]
62973
+ });
62974
+
62975
+ (function () {
62976
+ (typeof ngDevMode === "undefined" || ngDevMode) && _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵsetClassMetadata"](MatChipAvatar, [{
62977
+ type: _angular_core__WEBPACK_IMPORTED_MODULE_0__.Directive,
62978
+ args: [{
62979
+ selector: 'mat-chip-avatar, [matChipAvatar]',
62980
+ host: {
62981
+ 'class': 'mat-chip-avatar'
62982
+ },
62983
+ providers: [{
62984
+ provide: MAT_CHIP_AVATAR,
62985
+ useExisting: MatChipAvatar
62986
+ }]
62987
+ }]
62988
+ }], null, null);
62989
+ })();
62990
+ /**
62991
+ * Dummy directive to add CSS class to chip trailing icon.
62992
+ * @docs-private
62993
+ */
62994
+
62995
+
62996
+ class MatChipTrailingIcon {}
62997
+
62998
+ MatChipTrailingIcon.ɵfac = function MatChipTrailingIcon_Factory(t) {
62999
+ return new (t || MatChipTrailingIcon)();
63000
+ };
63001
+
63002
+ MatChipTrailingIcon.ɵdir = /* @__PURE__ */_angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵdefineDirective"]({
63003
+ type: MatChipTrailingIcon,
63004
+ selectors: [["mat-chip-trailing-icon"], ["", "matChipTrailingIcon", ""]],
63005
+ hostAttrs: [1, "mat-chip-trailing-icon"],
63006
+ features: [_angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵProvidersFeature"]([{
63007
+ provide: MAT_CHIP_TRAILING_ICON,
63008
+ useExisting: MatChipTrailingIcon
63009
+ }])]
63010
+ });
63011
+
63012
+ (function () {
63013
+ (typeof ngDevMode === "undefined" || ngDevMode) && _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵsetClassMetadata"](MatChipTrailingIcon, [{
63014
+ type: _angular_core__WEBPACK_IMPORTED_MODULE_0__.Directive,
63015
+ args: [{
63016
+ selector: 'mat-chip-trailing-icon, [matChipTrailingIcon]',
63017
+ host: {
63018
+ 'class': 'mat-chip-trailing-icon'
63019
+ },
63020
+ providers: [{
63021
+ provide: MAT_CHIP_TRAILING_ICON,
63022
+ useExisting: MatChipTrailingIcon
63023
+ }]
63024
+ }]
63025
+ }], null, null);
63026
+ })();
63027
+ /** Material Design styled chip directive. Used inside the MatChipList component. */
63028
+
63029
+
63030
+ class MatChip extends _MatChipMixinBase {
63031
+ constructor(elementRef, _ngZone, platform, globalRippleOptions, _changeDetectorRef, _document, animationMode, tabIndex) {
63032
+ super(elementRef);
63033
+ this._ngZone = _ngZone;
63034
+ this._changeDetectorRef = _changeDetectorRef;
63035
+ /** Whether the chip has focus. */
63036
+
63037
+ this._hasFocus = false;
63038
+ /** Whether the chip list is selectable */
63039
+
63040
+ this.chipListSelectable = true;
63041
+ /** Whether the chip list is in multi-selection mode. */
63042
+
63043
+ this._chipListMultiple = false;
63044
+ /** Whether the chip list as a whole is disabled. */
63045
+
63046
+ this._chipListDisabled = false;
63047
+ /** ARIA role that should be applied to the chip. */
63048
+
63049
+ this.role = 'option';
63050
+ this._selected = false;
63051
+ this._selectable = true;
63052
+ this._disabled = false;
63053
+ this._removable = true;
63054
+ /** Emits when the chip is focused. */
63055
+
63056
+ this._onFocus = new rxjs__WEBPACK_IMPORTED_MODULE_2__.Subject();
63057
+ /** Emits when the chip is blured. */
63058
+
63059
+ this._onBlur = new rxjs__WEBPACK_IMPORTED_MODULE_2__.Subject();
63060
+ /** Emitted when the chip is selected or deselected. */
63061
+
63062
+ this.selectionChange = new _angular_core__WEBPACK_IMPORTED_MODULE_0__.EventEmitter();
63063
+ /** Emitted when the chip is destroyed. */
63064
+
63065
+ this.destroyed = new _angular_core__WEBPACK_IMPORTED_MODULE_0__.EventEmitter();
63066
+ /** Emitted when a chip is to be removed. */
63067
+
63068
+ this.removed = new _angular_core__WEBPACK_IMPORTED_MODULE_0__.EventEmitter();
63069
+
63070
+ this._addHostClassName(); // Dynamically create the ripple target, append it within the chip, and use it as the
63071
+ // chip's ripple target. Adding the class '.mat-chip-ripple' ensures that it will have
63072
+ // the proper styles.
63073
+
63074
+
63075
+ this._chipRippleTarget = _document.createElement('div');
63076
+
63077
+ this._chipRippleTarget.classList.add('mat-chip-ripple');
63078
+
63079
+ this._elementRef.nativeElement.appendChild(this._chipRippleTarget);
63080
+
63081
+ this._chipRipple = new _angular_material_core__WEBPACK_IMPORTED_MODULE_1__.RippleRenderer(this, _ngZone, this._chipRippleTarget, platform);
63082
+
63083
+ this._chipRipple.setupTriggerEvents(elementRef);
63084
+
63085
+ this.rippleConfig = globalRippleOptions || {};
63086
+ this._animationsDisabled = animationMode === 'NoopAnimations';
63087
+ this.tabIndex = tabIndex != null ? parseInt(tabIndex) || -1 : -1;
63088
+ }
63089
+ /**
63090
+ * Whether ripples are disabled on interaction
63091
+ * @docs-private
63092
+ */
63093
+
63094
+
63095
+ get rippleDisabled() {
63096
+ return this.disabled || this.disableRipple || this._animationsDisabled || !!this.rippleConfig.disabled;
63097
+ }
63098
+ /** Whether the chip is selected. */
63099
+
63100
+
63101
+ get selected() {
63102
+ return this._selected;
63103
+ }
63104
+
63105
+ set selected(value) {
63106
+ const coercedValue = (0,_angular_cdk_coercion__WEBPACK_IMPORTED_MODULE_3__.coerceBooleanProperty)(value);
63107
+
63108
+ if (coercedValue !== this._selected) {
63109
+ this._selected = coercedValue;
63110
+
63111
+ this._dispatchSelectionChange();
63112
+ }
63113
+ }
63114
+ /** The value of the chip. Defaults to the content inside `<mat-chip>` tags. */
63115
+
63116
+
63117
+ get value() {
63118
+ return this._value !== undefined ? this._value : this._elementRef.nativeElement.textContent;
63119
+ }
63120
+
63121
+ set value(value) {
63122
+ this._value = value;
63123
+ }
63124
+ /**
63125
+ * Whether or not the chip is selectable. When a chip is not selectable,
63126
+ * changes to its selected state are always ignored. By default a chip is
63127
+ * selectable, and it becomes non-selectable if its parent chip list is
63128
+ * not selectable.
63129
+ */
63130
+
63131
+
63132
+ get selectable() {
63133
+ return this._selectable && this.chipListSelectable;
63134
+ }
63135
+
63136
+ set selectable(value) {
63137
+ this._selectable = (0,_angular_cdk_coercion__WEBPACK_IMPORTED_MODULE_3__.coerceBooleanProperty)(value);
63138
+ }
63139
+ /** Whether the chip is disabled. */
63140
+
63141
+
63142
+ get disabled() {
63143
+ return this._chipListDisabled || this._disabled;
63144
+ }
63145
+
63146
+ set disabled(value) {
63147
+ this._disabled = (0,_angular_cdk_coercion__WEBPACK_IMPORTED_MODULE_3__.coerceBooleanProperty)(value);
63148
+ }
63149
+ /**
63150
+ * Determines whether or not the chip displays the remove styling and emits (removed) events.
63151
+ */
63152
+
63153
+
63154
+ get removable() {
63155
+ return this._removable;
63156
+ }
63157
+
63158
+ set removable(value) {
63159
+ this._removable = (0,_angular_cdk_coercion__WEBPACK_IMPORTED_MODULE_3__.coerceBooleanProperty)(value);
63160
+ }
63161
+ /** The ARIA selected applied to the chip. */
63162
+
63163
+
63164
+ get ariaSelected() {
63165
+ // Remove the `aria-selected` when the chip is deselected in single-selection mode, because
63166
+ // it adds noise to NVDA users where "not selected" will be read out for each chip.
63167
+ return this.selectable && (this._chipListMultiple || this.selected) ? this.selected.toString() : null;
63168
+ }
63169
+
63170
+ _addHostClassName() {
63171
+ const basicChipAttrName = 'mat-basic-chip';
63172
+ const element = this._elementRef.nativeElement;
63173
+
63174
+ if (element.hasAttribute(basicChipAttrName) || element.tagName.toLowerCase() === basicChipAttrName) {
63175
+ element.classList.add(basicChipAttrName);
63176
+ return;
63177
+ } else {
63178
+ element.classList.add('mat-standard-chip');
63179
+ }
63180
+ }
63181
+
63182
+ ngOnDestroy() {
63183
+ this.destroyed.emit({
63184
+ chip: this
63185
+ });
63186
+
63187
+ this._chipRipple._removeTriggerEvents();
63188
+ }
63189
+ /** Selects the chip. */
63190
+
63191
+
63192
+ select() {
63193
+ if (!this._selected) {
63194
+ this._selected = true;
63195
+
63196
+ this._dispatchSelectionChange();
63197
+
63198
+ this._changeDetectorRef.markForCheck();
63199
+ }
63200
+ }
63201
+ /** Deselects the chip. */
63202
+
63203
+
63204
+ deselect() {
63205
+ if (this._selected) {
63206
+ this._selected = false;
63207
+
63208
+ this._dispatchSelectionChange();
63209
+
63210
+ this._changeDetectorRef.markForCheck();
63211
+ }
63212
+ }
63213
+ /** Select this chip and emit selected event */
63214
+
63215
+
63216
+ selectViaInteraction() {
63217
+ if (!this._selected) {
63218
+ this._selected = true;
63219
+
63220
+ this._dispatchSelectionChange(true);
63221
+
63222
+ this._changeDetectorRef.markForCheck();
63223
+ }
63224
+ }
63225
+ /** Toggles the current selected state of this chip. */
63226
+
63227
+
63228
+ toggleSelected(isUserInput = false) {
63229
+ this._selected = !this.selected;
63230
+
63231
+ this._dispatchSelectionChange(isUserInput);
63232
+
63233
+ this._changeDetectorRef.markForCheck();
63234
+
63235
+ return this.selected;
63236
+ }
63237
+ /** Allows for programmatic focusing of the chip. */
63238
+
63239
+
63240
+ focus() {
63241
+ if (!this._hasFocus) {
63242
+ this._elementRef.nativeElement.focus();
63243
+
63244
+ this._onFocus.next({
63245
+ chip: this
63246
+ });
63247
+ }
63248
+
63249
+ this._hasFocus = true;
63250
+ }
63251
+ /**
63252
+ * Allows for programmatic removal of the chip. Called by the MatChipList when the DELETE or
63253
+ * BACKSPACE keys are pressed.
63254
+ *
63255
+ * Informs any listeners of the removal request. Does not remove the chip from the DOM.
63256
+ */
63257
+
63258
+
63259
+ remove() {
63260
+ if (this.removable) {
63261
+ this.removed.emit({
63262
+ chip: this
63263
+ });
63264
+ }
63265
+ }
63266
+ /** Handles click events on the chip. */
63267
+
63268
+
63269
+ _handleClick(event) {
63270
+ if (this.disabled) {
63271
+ event.preventDefault();
63272
+ }
63273
+ }
63274
+ /** Handle custom key presses. */
63275
+
63276
+
63277
+ _handleKeydown(event) {
63278
+ if (this.disabled) {
63279
+ return;
63280
+ }
63281
+
63282
+ switch (event.keyCode) {
63283
+ case _angular_cdk_keycodes__WEBPACK_IMPORTED_MODULE_4__.DELETE:
63284
+ case _angular_cdk_keycodes__WEBPACK_IMPORTED_MODULE_4__.BACKSPACE:
63285
+ // If we are removable, remove the focused chip
63286
+ this.remove(); // Always prevent so page navigation does not occur
63287
+
63288
+ event.preventDefault();
63289
+ break;
63290
+
63291
+ case _angular_cdk_keycodes__WEBPACK_IMPORTED_MODULE_4__.SPACE:
63292
+ // If we are selectable, toggle the focused chip
63293
+ if (this.selectable) {
63294
+ this.toggleSelected(true);
63295
+ } // Always prevent space from scrolling the page since the list has focus
63296
+
63297
+
63298
+ event.preventDefault();
63299
+ break;
63300
+ }
63301
+ }
63302
+
63303
+ _blur() {
63304
+ // When animations are enabled, Angular may end up removing the chip from the DOM a little
63305
+ // earlier than usual, causing it to be blurred and throwing off the logic in the chip list
63306
+ // that moves focus not the next item. To work around the issue, we defer marking the chip
63307
+ // as not focused until the next time the zone stabilizes.
63308
+ this._ngZone.onStable.pipe((0,rxjs_operators__WEBPACK_IMPORTED_MODULE_5__.take)(1)).subscribe(() => {
63309
+ this._ngZone.run(() => {
63310
+ this._hasFocus = false;
63311
+
63312
+ this._onBlur.next({
63313
+ chip: this
63314
+ });
63315
+ });
63316
+ });
63317
+ }
63318
+
63319
+ _dispatchSelectionChange(isUserInput = false) {
63320
+ this.selectionChange.emit({
63321
+ source: this,
63322
+ isUserInput,
63323
+ selected: this._selected
63324
+ });
63325
+ }
63326
+
63327
+ }
63328
+
63329
+ MatChip.ɵfac = function MatChip_Factory(t) {
63330
+ return new (t || MatChip)(_angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵdirectiveInject"](_angular_core__WEBPACK_IMPORTED_MODULE_0__.ElementRef), _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵdirectiveInject"](_angular_core__WEBPACK_IMPORTED_MODULE_0__.NgZone), _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵdirectiveInject"](_angular_cdk_platform__WEBPACK_IMPORTED_MODULE_6__.Platform), _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵdirectiveInject"](_angular_material_core__WEBPACK_IMPORTED_MODULE_1__.MAT_RIPPLE_GLOBAL_OPTIONS, 8), _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵdirectiveInject"](_angular_core__WEBPACK_IMPORTED_MODULE_0__.ChangeDetectorRef), _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵdirectiveInject"](_angular_common__WEBPACK_IMPORTED_MODULE_7__.DOCUMENT), _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵdirectiveInject"](_angular_core__WEBPACK_IMPORTED_MODULE_0__.ANIMATION_MODULE_TYPE, 8), _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵinjectAttribute"]('tabindex'));
63331
+ };
63332
+
63333
+ MatChip.ɵdir = /* @__PURE__ */_angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵdefineDirective"]({
63334
+ type: MatChip,
63335
+ selectors: [["mat-basic-chip"], ["", "mat-basic-chip", ""], ["mat-chip"], ["", "mat-chip", ""]],
63336
+ contentQueries: function MatChip_ContentQueries(rf, ctx, dirIndex) {
63337
+ if (rf & 1) {
63338
+ _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵcontentQuery"](dirIndex, MAT_CHIP_AVATAR, 5);
63339
+ _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵcontentQuery"](dirIndex, MAT_CHIP_TRAILING_ICON, 5);
63340
+ _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵcontentQuery"](dirIndex, MAT_CHIP_REMOVE, 5);
63341
+ }
63342
+
63343
+ if (rf & 2) {
63344
+ let _t;
63345
+
63346
+ _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵqueryRefresh"](_t = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵloadQuery"]()) && (ctx.avatar = _t.first);
63347
+ _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵqueryRefresh"](_t = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵloadQuery"]()) && (ctx.trailingIcon = _t.first);
63348
+ _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵqueryRefresh"](_t = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵloadQuery"]()) && (ctx.removeIcon = _t.first);
63349
+ }
63350
+ },
63351
+ hostAttrs: [1, "mat-chip", "mat-focus-indicator"],
63352
+ hostVars: 15,
63353
+ hostBindings: function MatChip_HostBindings(rf, ctx) {
63354
+ if (rf & 1) {
63355
+ _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵlistener"]("click", function MatChip_click_HostBindingHandler($event) {
63356
+ return ctx._handleClick($event);
63357
+ })("keydown", function MatChip_keydown_HostBindingHandler($event) {
63358
+ return ctx._handleKeydown($event);
63359
+ })("focus", function MatChip_focus_HostBindingHandler() {
63360
+ return ctx.focus();
63361
+ })("blur", function MatChip_blur_HostBindingHandler() {
63362
+ return ctx._blur();
63363
+ });
63364
+ }
63365
+
63366
+ if (rf & 2) {
63367
+ _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵattribute"]("tabindex", ctx.disabled ? null : ctx.tabIndex)("role", ctx.role)("disabled", ctx.disabled || null)("aria-disabled", ctx.disabled.toString())("aria-selected", ctx.ariaSelected);
63368
+ _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵclassProp"]("mat-chip-selected", ctx.selected)("mat-chip-with-avatar", ctx.avatar)("mat-chip-with-trailing-icon", ctx.trailingIcon || ctx.removeIcon)("mat-chip-disabled", ctx.disabled)("_mat-animation-noopable", ctx._animationsDisabled);
63369
+ }
63370
+ },
63371
+ inputs: {
63372
+ color: "color",
63373
+ disableRipple: "disableRipple",
63374
+ tabIndex: "tabIndex",
63375
+ role: "role",
63376
+ selected: "selected",
63377
+ value: "value",
63378
+ selectable: "selectable",
63379
+ disabled: "disabled",
63380
+ removable: "removable"
63381
+ },
63382
+ outputs: {
63383
+ selectionChange: "selectionChange",
63384
+ destroyed: "destroyed",
63385
+ removed: "removed"
63386
+ },
63387
+ exportAs: ["matChip"],
63388
+ features: [_angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵInheritDefinitionFeature"]]
63389
+ });
63390
+
63391
+ (function () {
63392
+ (typeof ngDevMode === "undefined" || ngDevMode) && _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵsetClassMetadata"](MatChip, [{
63393
+ type: _angular_core__WEBPACK_IMPORTED_MODULE_0__.Directive,
63394
+ args: [{
63395
+ selector: `mat-basic-chip, [mat-basic-chip], mat-chip, [mat-chip]`,
63396
+ inputs: ['color', 'disableRipple', 'tabIndex'],
63397
+ exportAs: 'matChip',
63398
+ host: {
63399
+ 'class': 'mat-chip mat-focus-indicator',
63400
+ '[attr.tabindex]': 'disabled ? null : tabIndex',
63401
+ '[attr.role]': 'role',
63402
+ '[class.mat-chip-selected]': 'selected',
63403
+ '[class.mat-chip-with-avatar]': 'avatar',
63404
+ '[class.mat-chip-with-trailing-icon]': 'trailingIcon || removeIcon',
63405
+ '[class.mat-chip-disabled]': 'disabled',
63406
+ '[class._mat-animation-noopable]': '_animationsDisabled',
63407
+ '[attr.disabled]': 'disabled || null',
63408
+ '[attr.aria-disabled]': 'disabled.toString()',
63409
+ '[attr.aria-selected]': 'ariaSelected',
63410
+ '(click)': '_handleClick($event)',
63411
+ '(keydown)': '_handleKeydown($event)',
63412
+ '(focus)': 'focus()',
63413
+ '(blur)': '_blur()'
63414
+ }
63415
+ }]
63416
+ }], function () {
63417
+ return [{
63418
+ type: _angular_core__WEBPACK_IMPORTED_MODULE_0__.ElementRef
63419
+ }, {
63420
+ type: _angular_core__WEBPACK_IMPORTED_MODULE_0__.NgZone
63421
+ }, {
63422
+ type: _angular_cdk_platform__WEBPACK_IMPORTED_MODULE_6__.Platform
63423
+ }, {
63424
+ type: undefined,
63425
+ decorators: [{
63426
+ type: _angular_core__WEBPACK_IMPORTED_MODULE_0__.Optional
63427
+ }, {
63428
+ type: _angular_core__WEBPACK_IMPORTED_MODULE_0__.Inject,
63429
+ args: [_angular_material_core__WEBPACK_IMPORTED_MODULE_1__.MAT_RIPPLE_GLOBAL_OPTIONS]
63430
+ }]
63431
+ }, {
63432
+ type: _angular_core__WEBPACK_IMPORTED_MODULE_0__.ChangeDetectorRef
63433
+ }, {
63434
+ type: undefined,
63435
+ decorators: [{
63436
+ type: _angular_core__WEBPACK_IMPORTED_MODULE_0__.Inject,
63437
+ args: [_angular_common__WEBPACK_IMPORTED_MODULE_7__.DOCUMENT]
63438
+ }]
63439
+ }, {
63440
+ type: undefined,
63441
+ decorators: [{
63442
+ type: _angular_core__WEBPACK_IMPORTED_MODULE_0__.Optional
63443
+ }, {
63444
+ type: _angular_core__WEBPACK_IMPORTED_MODULE_0__.Inject,
63445
+ args: [_angular_core__WEBPACK_IMPORTED_MODULE_0__.ANIMATION_MODULE_TYPE]
63446
+ }]
63447
+ }, {
63448
+ type: undefined,
63449
+ decorators: [{
63450
+ type: _angular_core__WEBPACK_IMPORTED_MODULE_0__.Attribute,
63451
+ args: ['tabindex']
63452
+ }]
63453
+ }];
63454
+ }, {
63455
+ avatar: [{
63456
+ type: _angular_core__WEBPACK_IMPORTED_MODULE_0__.ContentChild,
63457
+ args: [MAT_CHIP_AVATAR]
63458
+ }],
63459
+ trailingIcon: [{
63460
+ type: _angular_core__WEBPACK_IMPORTED_MODULE_0__.ContentChild,
63461
+ args: [MAT_CHIP_TRAILING_ICON]
63462
+ }],
63463
+ removeIcon: [{
63464
+ type: _angular_core__WEBPACK_IMPORTED_MODULE_0__.ContentChild,
63465
+ args: [MAT_CHIP_REMOVE]
63466
+ }],
63467
+ role: [{
63468
+ type: _angular_core__WEBPACK_IMPORTED_MODULE_0__.Input
63469
+ }],
63470
+ selected: [{
63471
+ type: _angular_core__WEBPACK_IMPORTED_MODULE_0__.Input
63472
+ }],
63473
+ value: [{
63474
+ type: _angular_core__WEBPACK_IMPORTED_MODULE_0__.Input
63475
+ }],
63476
+ selectable: [{
63477
+ type: _angular_core__WEBPACK_IMPORTED_MODULE_0__.Input
63478
+ }],
63479
+ disabled: [{
63480
+ type: _angular_core__WEBPACK_IMPORTED_MODULE_0__.Input
63481
+ }],
63482
+ removable: [{
63483
+ type: _angular_core__WEBPACK_IMPORTED_MODULE_0__.Input
63484
+ }],
63485
+ selectionChange: [{
63486
+ type: _angular_core__WEBPACK_IMPORTED_MODULE_0__.Output
63487
+ }],
63488
+ destroyed: [{
63489
+ type: _angular_core__WEBPACK_IMPORTED_MODULE_0__.Output
63490
+ }],
63491
+ removed: [{
63492
+ type: _angular_core__WEBPACK_IMPORTED_MODULE_0__.Output
63493
+ }]
63494
+ });
63495
+ })();
63496
+ /**
63497
+ * Applies proper (click) support and adds styling for use with the Material Design "cancel" icon
63498
+ * available at https://material.io/icons/#ic_cancel.
63499
+ *
63500
+ * Example:
63501
+ *
63502
+ * `<mat-chip>
63503
+ * <mat-icon matChipRemove>cancel</mat-icon>
63504
+ * </mat-chip>`
63505
+ *
63506
+ * You *may* use a custom icon, but you may need to override the `mat-chip-remove` positioning
63507
+ * styles to properly center the icon within the chip.
63508
+ */
63509
+
63510
+
63511
+ class MatChipRemove {
63512
+ constructor(_parentChip, elementRef) {
63513
+ this._parentChip = _parentChip;
63514
+
63515
+ if (elementRef.nativeElement.nodeName === 'BUTTON') {
63516
+ elementRef.nativeElement.setAttribute('type', 'button');
63517
+ }
63518
+ }
63519
+ /** Calls the parent chip's public `remove()` method if applicable. */
63520
+
63521
+
63522
+ _handleClick(event) {
63523
+ const parentChip = this._parentChip;
63524
+
63525
+ if (parentChip.removable && !parentChip.disabled) {
63526
+ parentChip.remove();
63527
+ } // We need to stop event propagation because otherwise the event will bubble up to the
63528
+ // form field and cause the `onContainerClick` method to be invoked. This method would then
63529
+ // reset the focused chip that has been focused after chip removal. Usually the parent
63530
+ // the parent click listener of the `MatChip` would prevent propagation, but it can happen
63531
+ // that the chip is being removed before the event bubbles up.
63532
+
63533
+
63534
+ event.stopPropagation();
63535
+ event.preventDefault();
63536
+ }
63537
+
63538
+ }
63539
+
63540
+ MatChipRemove.ɵfac = function MatChipRemove_Factory(t) {
63541
+ return new (t || MatChipRemove)(_angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵdirectiveInject"](MatChip), _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵdirectiveInject"](_angular_core__WEBPACK_IMPORTED_MODULE_0__.ElementRef));
63542
+ };
63543
+
63544
+ MatChipRemove.ɵdir = /* @__PURE__ */_angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵdefineDirective"]({
63545
+ type: MatChipRemove,
63546
+ selectors: [["", "matChipRemove", ""]],
63547
+ hostAttrs: [1, "mat-chip-remove", "mat-chip-trailing-icon"],
63548
+ hostBindings: function MatChipRemove_HostBindings(rf, ctx) {
63549
+ if (rf & 1) {
63550
+ _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵlistener"]("click", function MatChipRemove_click_HostBindingHandler($event) {
63551
+ return ctx._handleClick($event);
63552
+ });
63553
+ }
63554
+ },
63555
+ features: [_angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵProvidersFeature"]([{
63556
+ provide: MAT_CHIP_REMOVE,
63557
+ useExisting: MatChipRemove
63558
+ }])]
63559
+ });
63560
+
63561
+ (function () {
63562
+ (typeof ngDevMode === "undefined" || ngDevMode) && _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵsetClassMetadata"](MatChipRemove, [{
63563
+ type: _angular_core__WEBPACK_IMPORTED_MODULE_0__.Directive,
63564
+ args: [{
63565
+ selector: '[matChipRemove]',
63566
+ host: {
63567
+ 'class': 'mat-chip-remove mat-chip-trailing-icon',
63568
+ '(click)': '_handleClick($event)'
63569
+ },
63570
+ providers: [{
63571
+ provide: MAT_CHIP_REMOVE,
63572
+ useExisting: MatChipRemove
63573
+ }]
63574
+ }]
63575
+ }], function () {
63576
+ return [{
63577
+ type: MatChip
63578
+ }, {
63579
+ type: _angular_core__WEBPACK_IMPORTED_MODULE_0__.ElementRef
63580
+ }];
63581
+ }, null);
63582
+ })();
63583
+ /**
63584
+ * @license
63585
+ * Copyright Google LLC All Rights Reserved.
63586
+ *
63587
+ * Use of this source code is governed by an MIT-style license that can be
63588
+ * found in the LICENSE file at https://angular.io/license
63589
+ */
63590
+
63591
+ /** Injection token to be used to override the default options for the chips module. */
63592
+
63593
+
63594
+ const MAT_CHIPS_DEFAULT_OPTIONS = new _angular_core__WEBPACK_IMPORTED_MODULE_0__.InjectionToken('mat-chips-default-options');
63595
+ /**
63596
+ * @license
63597
+ * Copyright Google LLC All Rights Reserved.
63598
+ *
63599
+ * Use of this source code is governed by an MIT-style license that can be
63600
+ * found in the LICENSE file at https://angular.io/license
63601
+ */
63602
+ // Boilerplate for applying mixins to MatChipList.
63603
+
63604
+ /** @docs-private */
63605
+
63606
+ const _MatChipListBase = (0,_angular_material_core__WEBPACK_IMPORTED_MODULE_1__.mixinErrorState)(class {
63607
+ constructor(_defaultErrorStateMatcher, _parentForm, _parentFormGroup,
63608
+ /**
63609
+ * Form control bound to the component.
63610
+ * Implemented as part of `MatFormFieldControl`.
63611
+ * @docs-private
63612
+ */
63613
+ ngControl) {
63614
+ this._defaultErrorStateMatcher = _defaultErrorStateMatcher;
63615
+ this._parentForm = _parentForm;
63616
+ this._parentFormGroup = _parentFormGroup;
63617
+ this.ngControl = ngControl;
63618
+ /**
63619
+ * Emits whenever the component state changes and should cause the parent
63620
+ * form-field to update. Implemented as part of `MatFormFieldControl`.
63621
+ * @docs-private
63622
+ */
63623
+
63624
+ this.stateChanges = new rxjs__WEBPACK_IMPORTED_MODULE_2__.Subject();
63625
+ }
63626
+
63627
+ }); // Increasing integer for generating unique ids for chip-list components.
63628
+
63629
+
63630
+ let nextUniqueId$1 = 0;
63631
+ /** Change event object that is emitted when the chip list value has changed. */
63632
+
63633
+ class MatChipListChange {
63634
+ constructor(
63635
+ /** Chip list that emitted the event. */
63636
+ source,
63637
+ /** Value of the chip list when the event was emitted. */
63638
+ value) {
63639
+ this.source = source;
63640
+ this.value = value;
63641
+ }
63642
+
63643
+ }
63644
+ /**
63645
+ * A material design chips component (named ChipList for its similarity to the List component).
63646
+ */
63647
+
63648
+
63649
+ class MatChipList extends _MatChipListBase {
63650
+ constructor(_elementRef, _changeDetectorRef, _dir, _parentForm, _parentFormGroup, _defaultErrorStateMatcher, ngControl) {
63651
+ super(_defaultErrorStateMatcher, _parentForm, _parentFormGroup, ngControl);
63652
+ this._elementRef = _elementRef;
63653
+ this._changeDetectorRef = _changeDetectorRef;
63654
+ this._dir = _dir;
63655
+ /**
63656
+ * Implemented as part of MatFormFieldControl.
63657
+ * @docs-private
63658
+ */
63659
+
63660
+ this.controlType = 'mat-chip-list';
63661
+ /**
63662
+ * When a chip is destroyed, we store the index of the destroyed chip until the chips
63663
+ * query list notifies about the update. This is necessary because we cannot determine an
63664
+ * appropriate chip that should receive focus until the array of chips updated completely.
63665
+ */
63666
+
63667
+ this._lastDestroyedChipIndex = null;
63668
+ /** Subject that emits when the component has been destroyed. */
63669
+
63670
+ this._destroyed = new rxjs__WEBPACK_IMPORTED_MODULE_2__.Subject();
63671
+ /** Uid of the chip list */
63672
+
63673
+ this._uid = `mat-chip-list-${nextUniqueId$1++}`;
63674
+ /** Tab index for the chip list. */
63675
+
63676
+ this._tabIndex = 0;
63677
+ /**
63678
+ * User defined tab index.
63679
+ * When it is not null, use user defined tab index. Otherwise use _tabIndex
63680
+ */
63681
+
63682
+ this._userTabIndex = null;
63683
+ /** Function when touched */
63684
+
63685
+ this._onTouched = () => {};
63686
+ /** Function when changed */
63687
+
63688
+
63689
+ this._onChange = () => {};
63690
+
63691
+ this._multiple = false;
63692
+
63693
+ this._compareWith = (o1, o2) => o1 === o2;
63694
+
63695
+ this._disabled = false;
63696
+ /** Orientation of the chip list. */
63697
+
63698
+ this.ariaOrientation = 'horizontal';
63699
+ this._selectable = true;
63700
+ /** Event emitted when the selected chip list value has been changed by the user. */
63701
+
63702
+ this.change = new _angular_core__WEBPACK_IMPORTED_MODULE_0__.EventEmitter();
63703
+ /**
63704
+ * Event that emits whenever the raw value of the chip-list changes. This is here primarily
63705
+ * to facilitate the two-way binding for the `value` input.
63706
+ * @docs-private
63707
+ */
63708
+
63709
+ this.valueChange = new _angular_core__WEBPACK_IMPORTED_MODULE_0__.EventEmitter();
63710
+
63711
+ if (this.ngControl) {
63712
+ this.ngControl.valueAccessor = this;
63713
+ }
63714
+ }
63715
+ /** The array of selected chips inside chip list. */
63716
+
63717
+
63718
+ get selected() {
63719
+ return this.multiple ? this._selectionModel?.selected || [] : this._selectionModel?.selected[0];
63720
+ }
63721
+ /** The ARIA role applied to the chip list. */
63722
+
63723
+
63724
+ get role() {
63725
+ if (this._explicitRole) {
63726
+ return this._explicitRole;
63727
+ }
63728
+
63729
+ return this.empty ? null : 'listbox';
63730
+ }
63731
+
63732
+ set role(role) {
63733
+ this._explicitRole = role;
63734
+ }
63735
+ /** Whether the user should be allowed to select multiple chips. */
63736
+
63737
+
63738
+ get multiple() {
63739
+ return this._multiple;
63740
+ }
63741
+
63742
+ set multiple(value) {
63743
+ this._multiple = (0,_angular_cdk_coercion__WEBPACK_IMPORTED_MODULE_3__.coerceBooleanProperty)(value);
63744
+
63745
+ this._syncChipsState();
63746
+ }
63747
+ /**
63748
+ * A function to compare the option values with the selected values. The first argument
63749
+ * is a value from an option. The second is a value from the selection. A boolean
63750
+ * should be returned.
63751
+ */
63752
+
63753
+
63754
+ get compareWith() {
63755
+ return this._compareWith;
63756
+ }
63757
+
63758
+ set compareWith(fn) {
63759
+ this._compareWith = fn;
63760
+
63761
+ if (this._selectionModel) {
63762
+ // A different comparator means the selection could change.
63763
+ this._initializeSelection();
63764
+ }
63765
+ }
63766
+ /**
63767
+ * Implemented as part of MatFormFieldControl.
63768
+ * @docs-private
63769
+ */
63770
+
63771
+
63772
+ get value() {
63773
+ return this._value;
63774
+ }
63775
+
63776
+ set value(value) {
63777
+ this.writeValue(value);
63778
+ this._value = value;
63779
+ }
63780
+ /**
63781
+ * Implemented as part of MatFormFieldControl.
63782
+ * @docs-private
63783
+ */
63784
+
63785
+
63786
+ get id() {
63787
+ return this._chipInput ? this._chipInput.id : this._uid;
63788
+ }
63789
+ /**
63790
+ * Implemented as part of MatFormFieldControl.
63791
+ * @docs-private
63792
+ */
63793
+
63794
+
63795
+ get required() {
63796
+ return this._required ?? this.ngControl?.control?.hasValidator(_angular_forms__WEBPACK_IMPORTED_MODULE_8__.Validators.required) ?? false;
63797
+ }
63798
+
63799
+ set required(value) {
63800
+ this._required = (0,_angular_cdk_coercion__WEBPACK_IMPORTED_MODULE_3__.coerceBooleanProperty)(value);
63801
+ this.stateChanges.next();
63802
+ }
63803
+ /**
63804
+ * Implemented as part of MatFormFieldControl.
63805
+ * @docs-private
63806
+ */
63807
+
63808
+
63809
+ get placeholder() {
63810
+ return this._chipInput ? this._chipInput.placeholder : this._placeholder;
63811
+ }
63812
+
63813
+ set placeholder(value) {
63814
+ this._placeholder = value;
63815
+ this.stateChanges.next();
63816
+ }
63817
+ /** Whether any chips or the matChipInput inside of this chip-list has focus. */
63818
+
63819
+
63820
+ get focused() {
63821
+ return this._chipInput && this._chipInput.focused || this._hasFocusedChip();
63822
+ }
63823
+ /**
63824
+ * Implemented as part of MatFormFieldControl.
63825
+ * @docs-private
63826
+ */
63827
+
63828
+
63829
+ get empty() {
63830
+ return (!this._chipInput || this._chipInput.empty) && (!this.chips || this.chips.length === 0);
63831
+ }
63832
+ /**
63833
+ * Implemented as part of MatFormFieldControl.
63834
+ * @docs-private
63835
+ */
63836
+
63837
+
63838
+ get shouldLabelFloat() {
63839
+ return !this.empty || this.focused;
63840
+ }
63841
+ /**
63842
+ * Implemented as part of MatFormFieldControl.
63843
+ * @docs-private
63844
+ */
63845
+
63846
+
63847
+ get disabled() {
63848
+ return this.ngControl ? !!this.ngControl.disabled : this._disabled;
63849
+ }
63850
+
63851
+ set disabled(value) {
63852
+ this._disabled = (0,_angular_cdk_coercion__WEBPACK_IMPORTED_MODULE_3__.coerceBooleanProperty)(value);
63853
+
63854
+ this._syncChipsState();
63855
+ }
63856
+ /**
63857
+ * Whether or not this chip list is selectable. When a chip list is not selectable,
63858
+ * the selected states for all the chips inside the chip list are always ignored.
63859
+ */
63860
+
63861
+
63862
+ get selectable() {
63863
+ return this._selectable;
63864
+ }
63865
+
63866
+ set selectable(value) {
63867
+ this._selectable = (0,_angular_cdk_coercion__WEBPACK_IMPORTED_MODULE_3__.coerceBooleanProperty)(value);
63868
+
63869
+ if (this.chips) {
63870
+ this.chips.forEach(chip => chip.chipListSelectable = this._selectable);
63871
+ }
63872
+ }
63873
+
63874
+ set tabIndex(value) {
63875
+ this._userTabIndex = value;
63876
+ this._tabIndex = value;
63877
+ }
63878
+ /** Combined stream of all of the child chips' selection change events. */
63879
+
63880
+
63881
+ get chipSelectionChanges() {
63882
+ return (0,rxjs__WEBPACK_IMPORTED_MODULE_9__.merge)(...this.chips.map(chip => chip.selectionChange));
63883
+ }
63884
+ /** Combined stream of all of the child chips' focus change events. */
63885
+
63886
+
63887
+ get chipFocusChanges() {
63888
+ return (0,rxjs__WEBPACK_IMPORTED_MODULE_9__.merge)(...this.chips.map(chip => chip._onFocus));
63889
+ }
63890
+ /** Combined stream of all of the child chips' blur change events. */
63891
+
63892
+
63893
+ get chipBlurChanges() {
63894
+ return (0,rxjs__WEBPACK_IMPORTED_MODULE_9__.merge)(...this.chips.map(chip => chip._onBlur));
63895
+ }
63896
+ /** Combined stream of all of the child chips' remove change events. */
63897
+
63898
+
63899
+ get chipRemoveChanges() {
63900
+ return (0,rxjs__WEBPACK_IMPORTED_MODULE_9__.merge)(...this.chips.map(chip => chip.destroyed));
63901
+ }
63902
+
63903
+ ngAfterContentInit() {
63904
+ this._keyManager = new _angular_cdk_a11y__WEBPACK_IMPORTED_MODULE_10__.FocusKeyManager(this.chips).withWrap().withVerticalOrientation().withHomeAndEnd().withHorizontalOrientation(this._dir ? this._dir.value : 'ltr');
63905
+
63906
+ if (this._dir) {
63907
+ this._dir.change.pipe((0,rxjs_operators__WEBPACK_IMPORTED_MODULE_11__.takeUntil)(this._destroyed)).subscribe(dir => this._keyManager.withHorizontalOrientation(dir));
63908
+ }
63909
+
63910
+ this._keyManager.tabOut.pipe((0,rxjs_operators__WEBPACK_IMPORTED_MODULE_11__.takeUntil)(this._destroyed)).subscribe(() => {
63911
+ this._allowFocusEscape();
63912
+ }); // When the list changes, re-subscribe
63913
+
63914
+
63915
+ this.chips.changes.pipe((0,rxjs_operators__WEBPACK_IMPORTED_MODULE_12__.startWith)(null), (0,rxjs_operators__WEBPACK_IMPORTED_MODULE_11__.takeUntil)(this._destroyed)).subscribe(() => {
63916
+ if (this.disabled) {
63917
+ // Since this happens after the content has been
63918
+ // checked, we need to defer it to the next tick.
63919
+ Promise.resolve().then(() => {
63920
+ this._syncChipsState();
63921
+ });
63922
+ }
63923
+
63924
+ this._resetChips(); // Reset chips selected/deselected status
63925
+
63926
+
63927
+ this._initializeSelection(); // Check to see if we need to update our tab index
63928
+
63929
+
63930
+ this._updateTabIndex(); // Check to see if we have a destroyed chip and need to refocus
63931
+
63932
+
63933
+ this._updateFocusForDestroyedChips();
63934
+
63935
+ this.stateChanges.next();
63936
+ });
63937
+ }
63938
+
63939
+ ngOnInit() {
63940
+ this._selectionModel = new _angular_cdk_collections__WEBPACK_IMPORTED_MODULE_13__.SelectionModel(this.multiple, undefined, false);
63941
+ this.stateChanges.next();
63942
+ }
63943
+
63944
+ ngDoCheck() {
63945
+ if (this.ngControl) {
63946
+ // We need to re-evaluate this on every change detection cycle, because there are some
63947
+ // error triggers that we can't subscribe to (e.g. parent form submissions). This means
63948
+ // that whatever logic is in here has to be super lean or we risk destroying the performance.
63949
+ this.updateErrorState();
63950
+
63951
+ if (this.ngControl.disabled !== this._disabled) {
63952
+ this.disabled = !!this.ngControl.disabled;
63953
+ }
63954
+ }
63955
+ }
63956
+
63957
+ ngOnDestroy() {
63958
+ this._destroyed.next();
63959
+
63960
+ this._destroyed.complete();
63961
+
63962
+ this.stateChanges.complete();
63963
+
63964
+ this._dropSubscriptions();
63965
+ }
63966
+ /** Associates an HTML input element with this chip list. */
63967
+
63968
+
63969
+ registerInput(inputElement) {
63970
+ this._chipInput = inputElement; // We use this attribute to match the chip list to its input in test harnesses.
63971
+ // Set the attribute directly here to avoid "changed after checked" errors.
63972
+
63973
+ this._elementRef.nativeElement.setAttribute('data-mat-chip-input', inputElement.id);
63974
+ }
63975
+ /**
63976
+ * Implemented as part of MatFormFieldControl.
63977
+ * @docs-private
63978
+ */
63979
+
63980
+
63981
+ setDescribedByIds(ids) {
63982
+ if (ids.length) {
63983
+ this._elementRef.nativeElement.setAttribute('aria-describedby', ids.join(' '));
63984
+ } else {
63985
+ this._elementRef.nativeElement.removeAttribute('aria-describedby');
63986
+ }
63987
+ } // Implemented as part of ControlValueAccessor.
63988
+
63989
+
63990
+ writeValue(value) {
63991
+ if (this.chips) {
63992
+ this._setSelectionByValue(value, false);
63993
+ }
63994
+ } // Implemented as part of ControlValueAccessor.
63995
+
63996
+
63997
+ registerOnChange(fn) {
63998
+ this._onChange = fn;
63999
+ } // Implemented as part of ControlValueAccessor.
64000
+
64001
+
64002
+ registerOnTouched(fn) {
64003
+ this._onTouched = fn;
64004
+ } // Implemented as part of ControlValueAccessor.
64005
+
64006
+
64007
+ setDisabledState(isDisabled) {
64008
+ this.disabled = isDisabled;
64009
+ this.stateChanges.next();
64010
+ }
64011
+ /**
64012
+ * Implemented as part of MatFormFieldControl.
64013
+ * @docs-private
64014
+ */
64015
+
64016
+
64017
+ onContainerClick(event) {
64018
+ if (!this._originatesFromChip(event)) {
64019
+ this.focus();
64020
+ }
64021
+ }
64022
+ /**
64023
+ * Focuses the first non-disabled chip in this chip list, or the associated input when there
64024
+ * are no eligible chips.
64025
+ */
64026
+
64027
+
64028
+ focus(options) {
64029
+ if (this.disabled) {
64030
+ return;
64031
+ } // TODO: ARIA says this should focus the first `selected` chip if any are selected.
64032
+ // Focus on first element if there's no chipInput inside chip-list
64033
+
64034
+
64035
+ if (this._chipInput && this._chipInput.focused) {// do nothing
64036
+ } else if (this.chips.length > 0) {
64037
+ this._keyManager.setFirstItemActive();
64038
+
64039
+ this.stateChanges.next();
64040
+ } else {
64041
+ this._focusInput(options);
64042
+
64043
+ this.stateChanges.next();
64044
+ }
64045
+ }
64046
+ /** Attempt to focus an input if we have one. */
64047
+
64048
+
64049
+ _focusInput(options) {
64050
+ if (this._chipInput) {
64051
+ this._chipInput.focus(options);
64052
+ }
64053
+ }
64054
+ /**
64055
+ * Pass events to the keyboard manager. Available here for tests.
64056
+ */
64057
+
64058
+
64059
+ _keydown(event) {
64060
+ const target = event.target;
64061
+
64062
+ if (target && target.classList.contains('mat-chip')) {
64063
+ this._keyManager.onKeydown(event);
64064
+
64065
+ this.stateChanges.next();
64066
+ }
64067
+ }
64068
+ /**
64069
+ * Check the tab index as you should not be allowed to focus an empty list.
64070
+ */
64071
+
64072
+
64073
+ _updateTabIndex() {
64074
+ // If we have 0 chips, we should not allow keyboard focus
64075
+ this._tabIndex = this._userTabIndex || (this.chips.length === 0 ? -1 : 0);
64076
+ }
64077
+ /**
64078
+ * If the amount of chips changed, we need to update the
64079
+ * key manager state and focus the next closest chip.
64080
+ */
64081
+
64082
+
64083
+ _updateFocusForDestroyedChips() {
64084
+ // Move focus to the closest chip. If no other chips remain, focus the chip-list itself.
64085
+ if (this._lastDestroyedChipIndex != null) {
64086
+ if (this.chips.length) {
64087
+ const newChipIndex = Math.min(this._lastDestroyedChipIndex, this.chips.length - 1);
64088
+
64089
+ this._keyManager.setActiveItem(newChipIndex);
64090
+ } else {
64091
+ this.focus();
64092
+ }
64093
+ }
64094
+
64095
+ this._lastDestroyedChipIndex = null;
64096
+ }
64097
+ /**
64098
+ * Utility to ensure all indexes are valid.
64099
+ *
64100
+ * @param index The index to be checked.
64101
+ * @returns True if the index is valid for our list of chips.
64102
+ */
64103
+
64104
+
64105
+ _isValidIndex(index) {
64106
+ return index >= 0 && index < this.chips.length;
64107
+ }
64108
+
64109
+ _setSelectionByValue(value, isUserInput = true) {
64110
+ this._clearSelection();
64111
+
64112
+ this.chips.forEach(chip => chip.deselect());
64113
+
64114
+ if (Array.isArray(value)) {
64115
+ value.forEach(currentValue => this._selectValue(currentValue, isUserInput));
64116
+
64117
+ this._sortValues();
64118
+ } else {
64119
+ const correspondingChip = this._selectValue(value, isUserInput); // Shift focus to the active item. Note that we shouldn't do this in multiple
64120
+ // mode, because we don't know what chip the user interacted with last.
64121
+
64122
+
64123
+ if (correspondingChip) {
64124
+ if (isUserInput) {
64125
+ this._keyManager.setActiveItem(correspondingChip);
64126
+ }
64127
+ }
64128
+ }
64129
+ }
64130
+ /**
64131
+ * Finds and selects the chip based on its value.
64132
+ * @returns Chip that has the corresponding value.
64133
+ */
64134
+
64135
+
64136
+ _selectValue(value, isUserInput = true) {
64137
+ const correspondingChip = this.chips.find(chip => {
64138
+ return chip.value != null && this._compareWith(chip.value, value);
64139
+ });
64140
+
64141
+ if (correspondingChip) {
64142
+ isUserInput ? correspondingChip.selectViaInteraction() : correspondingChip.select();
64143
+
64144
+ this._selectionModel.select(correspondingChip);
64145
+ }
64146
+
64147
+ return correspondingChip;
64148
+ }
64149
+
64150
+ _initializeSelection() {
64151
+ // Defer setting the value in order to avoid the "Expression
64152
+ // has changed after it was checked" errors from Angular.
64153
+ Promise.resolve().then(() => {
64154
+ if (this.ngControl || this._value) {
64155
+ this._setSelectionByValue(this.ngControl ? this.ngControl.value : this._value, false);
64156
+
64157
+ this.stateChanges.next();
64158
+ }
64159
+ });
64160
+ }
64161
+ /**
64162
+ * Deselects every chip in the list.
64163
+ * @param skip Chip that should not be deselected.
64164
+ */
64165
+
64166
+
64167
+ _clearSelection(skip) {
64168
+ this._selectionModel.clear();
64169
+
64170
+ this.chips.forEach(chip => {
64171
+ if (chip !== skip) {
64172
+ chip.deselect();
64173
+ }
64174
+ });
64175
+ this.stateChanges.next();
64176
+ }
64177
+ /**
64178
+ * Sorts the model values, ensuring that they keep the same
64179
+ * order that they have in the panel.
64180
+ */
64181
+
64182
+
64183
+ _sortValues() {
64184
+ if (this._multiple) {
64185
+ this._selectionModel.clear();
64186
+
64187
+ this.chips.forEach(chip => {
64188
+ if (chip.selected) {
64189
+ this._selectionModel.select(chip);
64190
+ }
64191
+ });
64192
+ this.stateChanges.next();
64193
+ }
64194
+ }
64195
+ /** Emits change event to set the model value. */
64196
+
64197
+
64198
+ _propagateChanges(fallbackValue) {
64199
+ let valueToEmit = null;
64200
+
64201
+ if (Array.isArray(this.selected)) {
64202
+ valueToEmit = this.selected.map(chip => chip.value);
64203
+ } else {
64204
+ valueToEmit = this.selected ? this.selected.value : fallbackValue;
64205
+ }
64206
+
64207
+ this._value = valueToEmit;
64208
+ this.change.emit(new MatChipListChange(this, valueToEmit));
64209
+ this.valueChange.emit(valueToEmit);
64210
+
64211
+ this._onChange(valueToEmit);
64212
+
64213
+ this._changeDetectorRef.markForCheck();
64214
+ }
64215
+ /** When blurred, mark the field as touched when focus moved outside the chip list. */
64216
+
64217
+
64218
+ _blur() {
64219
+ if (!this._hasFocusedChip()) {
64220
+ this._keyManager.setActiveItem(-1);
64221
+ }
64222
+
64223
+ if (!this.disabled) {
64224
+ if (this._chipInput) {
64225
+ // If there's a chip input, we should check whether the focus moved to chip input.
64226
+ // If the focus is not moved to chip input, mark the field as touched. If the focus moved
64227
+ // to chip input, do nothing.
64228
+ // Timeout is needed to wait for the focus() event trigger on chip input.
64229
+ setTimeout(() => {
64230
+ if (!this.focused) {
64231
+ this._markAsTouched();
64232
+ }
64233
+ });
64234
+ } else {
64235
+ // If there's no chip input, then mark the field as touched.
64236
+ this._markAsTouched();
64237
+ }
64238
+ }
64239
+ }
64240
+ /** Mark the field as touched */
64241
+
64242
+
64243
+ _markAsTouched() {
64244
+ this._onTouched();
64245
+
64246
+ this._changeDetectorRef.markForCheck();
64247
+
64248
+ this.stateChanges.next();
64249
+ }
64250
+ /**
64251
+ * Removes the `tabindex` from the chip list and resets it back afterwards, allowing the
64252
+ * user to tab out of it. This prevents the list from capturing focus and redirecting
64253
+ * it back to the first chip, creating a focus trap, if it user tries to tab away.
64254
+ */
64255
+
64256
+
64257
+ _allowFocusEscape() {
64258
+ if (this._tabIndex !== -1) {
64259
+ this._tabIndex = -1;
64260
+ setTimeout(() => {
64261
+ this._tabIndex = this._userTabIndex || 0;
64262
+
64263
+ this._changeDetectorRef.markForCheck();
64264
+ });
64265
+ }
64266
+ }
64267
+
64268
+ _resetChips() {
64269
+ this._dropSubscriptions();
64270
+
64271
+ this._listenToChipsFocus();
64272
+
64273
+ this._listenToChipsSelection();
64274
+
64275
+ this._listenToChipsRemoved();
64276
+ }
64277
+
64278
+ _dropSubscriptions() {
64279
+ if (this._chipFocusSubscription) {
64280
+ this._chipFocusSubscription.unsubscribe();
64281
+
64282
+ this._chipFocusSubscription = null;
64283
+ }
64284
+
64285
+ if (this._chipBlurSubscription) {
64286
+ this._chipBlurSubscription.unsubscribe();
64287
+
64288
+ this._chipBlurSubscription = null;
64289
+ }
64290
+
64291
+ if (this._chipSelectionSubscription) {
64292
+ this._chipSelectionSubscription.unsubscribe();
64293
+
64294
+ this._chipSelectionSubscription = null;
64295
+ }
64296
+
64297
+ if (this._chipRemoveSubscription) {
64298
+ this._chipRemoveSubscription.unsubscribe();
64299
+
64300
+ this._chipRemoveSubscription = null;
64301
+ }
64302
+ }
64303
+ /** Listens to user-generated selection events on each chip. */
64304
+
64305
+
64306
+ _listenToChipsSelection() {
64307
+ this._chipSelectionSubscription = this.chipSelectionChanges.subscribe(event => {
64308
+ event.source.selected ? this._selectionModel.select(event.source) : this._selectionModel.deselect(event.source); // For single selection chip list, make sure the deselected value is unselected.
64309
+
64310
+ if (!this.multiple) {
64311
+ this.chips.forEach(chip => {
64312
+ if (!this._selectionModel.isSelected(chip) && chip.selected) {
64313
+ chip.deselect();
64314
+ }
64315
+ });
64316
+ }
64317
+
64318
+ if (event.isUserInput) {
64319
+ this._propagateChanges();
64320
+ }
64321
+ });
64322
+ }
64323
+ /** Listens to user-generated selection events on each chip. */
64324
+
64325
+
64326
+ _listenToChipsFocus() {
64327
+ this._chipFocusSubscription = this.chipFocusChanges.subscribe(event => {
64328
+ let chipIndex = this.chips.toArray().indexOf(event.chip);
64329
+
64330
+ if (this._isValidIndex(chipIndex)) {
64331
+ this._keyManager.updateActiveItem(chipIndex);
64332
+ }
64333
+
64334
+ this.stateChanges.next();
64335
+ });
64336
+ this._chipBlurSubscription = this.chipBlurChanges.subscribe(() => {
64337
+ this._blur();
64338
+
64339
+ this.stateChanges.next();
64340
+ });
64341
+ }
64342
+
64343
+ _listenToChipsRemoved() {
64344
+ this._chipRemoveSubscription = this.chipRemoveChanges.subscribe(event => {
64345
+ const chip = event.chip;
64346
+ const chipIndex = this.chips.toArray().indexOf(event.chip); // In case the chip that will be removed is currently focused, we temporarily store
64347
+ // the index in order to be able to determine an appropriate sibling chip that will
64348
+ // receive focus.
64349
+
64350
+ if (this._isValidIndex(chipIndex) && chip._hasFocus) {
64351
+ this._lastDestroyedChipIndex = chipIndex;
64352
+ }
64353
+ });
64354
+ }
64355
+ /** Checks whether an event comes from inside a chip element. */
64356
+
64357
+
64358
+ _originatesFromChip(event) {
64359
+ let currentElement = event.target;
64360
+
64361
+ while (currentElement && currentElement !== this._elementRef.nativeElement) {
64362
+ if (currentElement.classList.contains('mat-chip')) {
64363
+ return true;
64364
+ }
64365
+
64366
+ currentElement = currentElement.parentElement;
64367
+ }
64368
+
64369
+ return false;
64370
+ }
64371
+ /** Checks whether any of the chips is focused. */
64372
+
64373
+
64374
+ _hasFocusedChip() {
64375
+ return this.chips && this.chips.some(chip => chip._hasFocus);
64376
+ }
64377
+ /** Syncs the list's state with the individual chips. */
64378
+
64379
+
64380
+ _syncChipsState() {
64381
+ if (this.chips) {
64382
+ this.chips.forEach(chip => {
64383
+ chip._chipListDisabled = this._disabled;
64384
+ chip._chipListMultiple = this.multiple;
64385
+ });
64386
+ }
64387
+ }
64388
+
64389
+ }
64390
+
64391
+ MatChipList.ɵfac = function MatChipList_Factory(t) {
64392
+ return new (t || MatChipList)(_angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵdirectiveInject"](_angular_core__WEBPACK_IMPORTED_MODULE_0__.ElementRef), _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵdirectiveInject"](_angular_core__WEBPACK_IMPORTED_MODULE_0__.ChangeDetectorRef), _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵdirectiveInject"](_angular_cdk_bidi__WEBPACK_IMPORTED_MODULE_14__.Directionality, 8), _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵdirectiveInject"](_angular_forms__WEBPACK_IMPORTED_MODULE_8__.NgForm, 8), _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵdirectiveInject"](_angular_forms__WEBPACK_IMPORTED_MODULE_8__.FormGroupDirective, 8), _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵdirectiveInject"](_angular_material_core__WEBPACK_IMPORTED_MODULE_1__.ErrorStateMatcher), _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵdirectiveInject"](_angular_forms__WEBPACK_IMPORTED_MODULE_8__.NgControl, 10));
64393
+ };
64394
+
64395
+ MatChipList.ɵcmp = /* @__PURE__ */_angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵdefineComponent"]({
64396
+ type: MatChipList,
64397
+ selectors: [["mat-chip-list"]],
64398
+ contentQueries: function MatChipList_ContentQueries(rf, ctx, dirIndex) {
64399
+ if (rf & 1) {
64400
+ _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵcontentQuery"](dirIndex, MatChip, 5);
64401
+ }
64402
+
64403
+ if (rf & 2) {
64404
+ let _t;
64405
+
64406
+ _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵqueryRefresh"](_t = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵloadQuery"]()) && (ctx.chips = _t);
64407
+ }
64408
+ },
64409
+ hostAttrs: [1, "mat-chip-list"],
64410
+ hostVars: 14,
64411
+ hostBindings: function MatChipList_HostBindings(rf, ctx) {
64412
+ if (rf & 1) {
64413
+ _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵlistener"]("focus", function MatChipList_focus_HostBindingHandler() {
64414
+ return ctx.focus();
64415
+ })("blur", function MatChipList_blur_HostBindingHandler() {
64416
+ return ctx._blur();
64417
+ })("keydown", function MatChipList_keydown_HostBindingHandler($event) {
64418
+ return ctx._keydown($event);
64419
+ });
64420
+ }
64421
+
64422
+ if (rf & 2) {
64423
+ _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵhostProperty"]("id", ctx._uid);
64424
+ _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵattribute"]("tabindex", ctx.disabled ? null : ctx._tabIndex)("aria-required", ctx.role ? ctx.required : null)("aria-disabled", ctx.disabled.toString())("aria-invalid", ctx.errorState)("aria-multiselectable", ctx.multiple)("role", ctx.role)("aria-orientation", ctx.ariaOrientation);
64425
+ _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵclassProp"]("mat-chip-list-disabled", ctx.disabled)("mat-chip-list-invalid", ctx.errorState)("mat-chip-list-required", ctx.required);
64426
+ }
64427
+ },
64428
+ inputs: {
64429
+ role: "role",
64430
+ userAriaDescribedBy: ["aria-describedby", "userAriaDescribedBy"],
64431
+ errorStateMatcher: "errorStateMatcher",
64432
+ multiple: "multiple",
64433
+ compareWith: "compareWith",
64434
+ value: "value",
64435
+ required: "required",
64436
+ placeholder: "placeholder",
64437
+ disabled: "disabled",
64438
+ ariaOrientation: ["aria-orientation", "ariaOrientation"],
64439
+ selectable: "selectable",
64440
+ tabIndex: "tabIndex"
64441
+ },
64442
+ outputs: {
64443
+ change: "change",
64444
+ valueChange: "valueChange"
64445
+ },
64446
+ exportAs: ["matChipList"],
64447
+ features: [_angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵProvidersFeature"]([{
64448
+ provide: _angular_material_form_field__WEBPACK_IMPORTED_MODULE_15__.MatFormFieldControl,
64449
+ useExisting: MatChipList
64450
+ }]), _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵInheritDefinitionFeature"]],
64451
+ ngContentSelectors: _c0,
64452
+ decls: 2,
64453
+ vars: 0,
64454
+ consts: [[1, "mat-chip-list-wrapper"]],
64455
+ template: function MatChipList_Template(rf, ctx) {
64456
+ if (rf & 1) {
64457
+ _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵprojectionDef"]();
64458
+ _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](0, "div", 0);
64459
+ _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵprojection"](1);
64460
+ _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
64461
+ }
64462
+ },
64463
+ styles: [".mat-chip{position:relative;box-sizing:border-box;-webkit-tap-highlight-color:rgba(0,0,0,0);border:none;-webkit-appearance:none;-moz-appearance:none}.mat-standard-chip{transition:box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);display:inline-flex;padding:7px 12px;border-radius:16px;align-items:center;cursor:default;min-height:32px;height:1px}.mat-standard-chip._mat-animation-noopable{transition:none !important;animation:none !important}.mat-standard-chip .mat-chip-remove{border:none;-webkit-appearance:none;-moz-appearance:none;padding:0;background:none}.mat-standard-chip .mat-chip-remove.mat-icon,.mat-standard-chip .mat-chip-remove .mat-icon{width:18px;height:18px;font-size:18px}.mat-standard-chip::after{top:0;left:0;right:0;bottom:0;position:absolute;border-radius:inherit;opacity:0;content:\"\";pointer-events:none;transition:opacity 200ms cubic-bezier(0.35, 0, 0.25, 1)}.mat-standard-chip:hover::after{opacity:.12}.mat-standard-chip:focus{outline:none}.mat-standard-chip:focus::after{opacity:.16}.cdk-high-contrast-active .mat-standard-chip{outline:solid 1px}.cdk-high-contrast-active .mat-standard-chip:focus{outline:dotted 2px}.cdk-high-contrast-active .mat-standard-chip.mat-chip-selected{outline-width:3px}.mat-standard-chip.mat-chip-disabled::after{opacity:0}.mat-standard-chip.mat-chip-disabled .mat-chip-remove,.mat-standard-chip.mat-chip-disabled .mat-chip-trailing-icon{cursor:default}.mat-standard-chip.mat-chip-with-trailing-icon.mat-chip-with-avatar,.mat-standard-chip.mat-chip-with-avatar{padding-top:0;padding-bottom:0}.mat-standard-chip.mat-chip-with-trailing-icon.mat-chip-with-avatar{padding-right:8px;padding-left:0}[dir=rtl] .mat-standard-chip.mat-chip-with-trailing-icon.mat-chip-with-avatar{padding-left:8px;padding-right:0}.mat-standard-chip.mat-chip-with-trailing-icon{padding-top:7px;padding-bottom:7px;padding-right:8px;padding-left:12px}[dir=rtl] .mat-standard-chip.mat-chip-with-trailing-icon{padding-left:8px;padding-right:12px}.mat-standard-chip.mat-chip-with-avatar{padding-left:0;padding-right:12px}[dir=rtl] .mat-standard-chip.mat-chip-with-avatar{padding-right:0;padding-left:12px}.mat-standard-chip .mat-chip-avatar{width:24px;height:24px;margin-right:8px;margin-left:4px}[dir=rtl] .mat-standard-chip .mat-chip-avatar{margin-left:8px;margin-right:4px}.mat-standard-chip .mat-chip-remove,.mat-standard-chip .mat-chip-trailing-icon{width:18px;height:18px;cursor:pointer}.mat-standard-chip .mat-chip-remove,.mat-standard-chip .mat-chip-trailing-icon{margin-left:8px;margin-right:0}[dir=rtl] .mat-standard-chip .mat-chip-remove,[dir=rtl] .mat-standard-chip .mat-chip-trailing-icon{margin-right:8px;margin-left:0}.mat-chip-ripple{top:0;left:0;right:0;bottom:0;position:absolute;pointer-events:none;border-radius:inherit;overflow:hidden;transform:translateZ(0)}.mat-chip-list-wrapper{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;margin:-4px}.mat-chip-list-wrapper input.mat-input-element,.mat-chip-list-wrapper .mat-standard-chip{margin:4px}.mat-chip-list-stacked .mat-chip-list-wrapper{flex-direction:column;align-items:flex-start}.mat-chip-list-stacked .mat-chip-list-wrapper .mat-standard-chip{width:100%}.mat-chip-avatar{border-radius:50%;justify-content:center;align-items:center;display:flex;overflow:hidden;object-fit:cover}input.mat-chip-input{width:150px;margin:4px;flex:1 0 150px}"],
64464
+ encapsulation: 2,
64465
+ changeDetection: 0
64466
+ });
64467
+
64468
+ (function () {
64469
+ (typeof ngDevMode === "undefined" || ngDevMode) && _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵsetClassMetadata"](MatChipList, [{
64470
+ type: _angular_core__WEBPACK_IMPORTED_MODULE_0__.Component,
64471
+ args: [{
64472
+ selector: 'mat-chip-list',
64473
+ template: `<div class="mat-chip-list-wrapper"><ng-content></ng-content></div>`,
64474
+ exportAs: 'matChipList',
64475
+ host: {
64476
+ '[attr.tabindex]': 'disabled ? null : _tabIndex',
64477
+ '[attr.aria-required]': 'role ? required : null',
64478
+ '[attr.aria-disabled]': 'disabled.toString()',
64479
+ '[attr.aria-invalid]': 'errorState',
64480
+ '[attr.aria-multiselectable]': 'multiple',
64481
+ '[attr.role]': 'role',
64482
+ '[class.mat-chip-list-disabled]': 'disabled',
64483
+ '[class.mat-chip-list-invalid]': 'errorState',
64484
+ '[class.mat-chip-list-required]': 'required',
64485
+ '[attr.aria-orientation]': 'ariaOrientation',
64486
+ 'class': 'mat-chip-list',
64487
+ '(focus)': 'focus()',
64488
+ '(blur)': '_blur()',
64489
+ '(keydown)': '_keydown($event)',
64490
+ '[id]': '_uid'
64491
+ },
64492
+ providers: [{
64493
+ provide: _angular_material_form_field__WEBPACK_IMPORTED_MODULE_15__.MatFormFieldControl,
64494
+ useExisting: MatChipList
64495
+ }],
64496
+ encapsulation: _angular_core__WEBPACK_IMPORTED_MODULE_0__.ViewEncapsulation.None,
64497
+ changeDetection: _angular_core__WEBPACK_IMPORTED_MODULE_0__.ChangeDetectionStrategy.OnPush,
64498
+ styles: [".mat-chip{position:relative;box-sizing:border-box;-webkit-tap-highlight-color:rgba(0,0,0,0);border:none;-webkit-appearance:none;-moz-appearance:none}.mat-standard-chip{transition:box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);display:inline-flex;padding:7px 12px;border-radius:16px;align-items:center;cursor:default;min-height:32px;height:1px}.mat-standard-chip._mat-animation-noopable{transition:none !important;animation:none !important}.mat-standard-chip .mat-chip-remove{border:none;-webkit-appearance:none;-moz-appearance:none;padding:0;background:none}.mat-standard-chip .mat-chip-remove.mat-icon,.mat-standard-chip .mat-chip-remove .mat-icon{width:18px;height:18px;font-size:18px}.mat-standard-chip::after{top:0;left:0;right:0;bottom:0;position:absolute;border-radius:inherit;opacity:0;content:\"\";pointer-events:none;transition:opacity 200ms cubic-bezier(0.35, 0, 0.25, 1)}.mat-standard-chip:hover::after{opacity:.12}.mat-standard-chip:focus{outline:none}.mat-standard-chip:focus::after{opacity:.16}.cdk-high-contrast-active .mat-standard-chip{outline:solid 1px}.cdk-high-contrast-active .mat-standard-chip:focus{outline:dotted 2px}.cdk-high-contrast-active .mat-standard-chip.mat-chip-selected{outline-width:3px}.mat-standard-chip.mat-chip-disabled::after{opacity:0}.mat-standard-chip.mat-chip-disabled .mat-chip-remove,.mat-standard-chip.mat-chip-disabled .mat-chip-trailing-icon{cursor:default}.mat-standard-chip.mat-chip-with-trailing-icon.mat-chip-with-avatar,.mat-standard-chip.mat-chip-with-avatar{padding-top:0;padding-bottom:0}.mat-standard-chip.mat-chip-with-trailing-icon.mat-chip-with-avatar{padding-right:8px;padding-left:0}[dir=rtl] .mat-standard-chip.mat-chip-with-trailing-icon.mat-chip-with-avatar{padding-left:8px;padding-right:0}.mat-standard-chip.mat-chip-with-trailing-icon{padding-top:7px;padding-bottom:7px;padding-right:8px;padding-left:12px}[dir=rtl] .mat-standard-chip.mat-chip-with-trailing-icon{padding-left:8px;padding-right:12px}.mat-standard-chip.mat-chip-with-avatar{padding-left:0;padding-right:12px}[dir=rtl] .mat-standard-chip.mat-chip-with-avatar{padding-right:0;padding-left:12px}.mat-standard-chip .mat-chip-avatar{width:24px;height:24px;margin-right:8px;margin-left:4px}[dir=rtl] .mat-standard-chip .mat-chip-avatar{margin-left:8px;margin-right:4px}.mat-standard-chip .mat-chip-remove,.mat-standard-chip .mat-chip-trailing-icon{width:18px;height:18px;cursor:pointer}.mat-standard-chip .mat-chip-remove,.mat-standard-chip .mat-chip-trailing-icon{margin-left:8px;margin-right:0}[dir=rtl] .mat-standard-chip .mat-chip-remove,[dir=rtl] .mat-standard-chip .mat-chip-trailing-icon{margin-right:8px;margin-left:0}.mat-chip-ripple{top:0;left:0;right:0;bottom:0;position:absolute;pointer-events:none;border-radius:inherit;overflow:hidden;transform:translateZ(0)}.mat-chip-list-wrapper{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;margin:-4px}.mat-chip-list-wrapper input.mat-input-element,.mat-chip-list-wrapper .mat-standard-chip{margin:4px}.mat-chip-list-stacked .mat-chip-list-wrapper{flex-direction:column;align-items:flex-start}.mat-chip-list-stacked .mat-chip-list-wrapper .mat-standard-chip{width:100%}.mat-chip-avatar{border-radius:50%;justify-content:center;align-items:center;display:flex;overflow:hidden;object-fit:cover}input.mat-chip-input{width:150px;margin:4px;flex:1 0 150px}"]
64499
+ }]
64500
+ }], function () {
64501
+ return [{
64502
+ type: _angular_core__WEBPACK_IMPORTED_MODULE_0__.ElementRef
64503
+ }, {
64504
+ type: _angular_core__WEBPACK_IMPORTED_MODULE_0__.ChangeDetectorRef
64505
+ }, {
64506
+ type: _angular_cdk_bidi__WEBPACK_IMPORTED_MODULE_14__.Directionality,
64507
+ decorators: [{
64508
+ type: _angular_core__WEBPACK_IMPORTED_MODULE_0__.Optional
64509
+ }]
64510
+ }, {
64511
+ type: _angular_forms__WEBPACK_IMPORTED_MODULE_8__.NgForm,
64512
+ decorators: [{
64513
+ type: _angular_core__WEBPACK_IMPORTED_MODULE_0__.Optional
64514
+ }]
64515
+ }, {
64516
+ type: _angular_forms__WEBPACK_IMPORTED_MODULE_8__.FormGroupDirective,
64517
+ decorators: [{
64518
+ type: _angular_core__WEBPACK_IMPORTED_MODULE_0__.Optional
64519
+ }]
64520
+ }, {
64521
+ type: _angular_material_core__WEBPACK_IMPORTED_MODULE_1__.ErrorStateMatcher
64522
+ }, {
64523
+ type: _angular_forms__WEBPACK_IMPORTED_MODULE_8__.NgControl,
64524
+ decorators: [{
64525
+ type: _angular_core__WEBPACK_IMPORTED_MODULE_0__.Optional
64526
+ }, {
64527
+ type: _angular_core__WEBPACK_IMPORTED_MODULE_0__.Self
64528
+ }]
64529
+ }];
64530
+ }, {
64531
+ role: [{
64532
+ type: _angular_core__WEBPACK_IMPORTED_MODULE_0__.Input
64533
+ }],
64534
+ userAriaDescribedBy: [{
64535
+ type: _angular_core__WEBPACK_IMPORTED_MODULE_0__.Input,
64536
+ args: ['aria-describedby']
64537
+ }],
64538
+ errorStateMatcher: [{
64539
+ type: _angular_core__WEBPACK_IMPORTED_MODULE_0__.Input
64540
+ }],
64541
+ multiple: [{
64542
+ type: _angular_core__WEBPACK_IMPORTED_MODULE_0__.Input
64543
+ }],
64544
+ compareWith: [{
64545
+ type: _angular_core__WEBPACK_IMPORTED_MODULE_0__.Input
64546
+ }],
64547
+ value: [{
64548
+ type: _angular_core__WEBPACK_IMPORTED_MODULE_0__.Input
64549
+ }],
64550
+ required: [{
64551
+ type: _angular_core__WEBPACK_IMPORTED_MODULE_0__.Input
64552
+ }],
64553
+ placeholder: [{
64554
+ type: _angular_core__WEBPACK_IMPORTED_MODULE_0__.Input
64555
+ }],
64556
+ disabled: [{
64557
+ type: _angular_core__WEBPACK_IMPORTED_MODULE_0__.Input
64558
+ }],
64559
+ ariaOrientation: [{
64560
+ type: _angular_core__WEBPACK_IMPORTED_MODULE_0__.Input,
64561
+ args: ['aria-orientation']
64562
+ }],
64563
+ selectable: [{
64564
+ type: _angular_core__WEBPACK_IMPORTED_MODULE_0__.Input
64565
+ }],
64566
+ tabIndex: [{
64567
+ type: _angular_core__WEBPACK_IMPORTED_MODULE_0__.Input
64568
+ }],
64569
+ change: [{
64570
+ type: _angular_core__WEBPACK_IMPORTED_MODULE_0__.Output
64571
+ }],
64572
+ valueChange: [{
64573
+ type: _angular_core__WEBPACK_IMPORTED_MODULE_0__.Output
64574
+ }],
64575
+ chips: [{
64576
+ type: _angular_core__WEBPACK_IMPORTED_MODULE_0__.ContentChildren,
64577
+ args: [MatChip, {
64578
+ // We need to use `descendants: true`, because Ivy will no longer match
64579
+ // indirect descendants if it's left as false.
64580
+ descendants: true
64581
+ }]
64582
+ }]
64583
+ });
64584
+ })();
64585
+ /**
64586
+ * @license
64587
+ * Copyright Google LLC All Rights Reserved.
64588
+ *
64589
+ * Use of this source code is governed by an MIT-style license that can be
64590
+ * found in the LICENSE file at https://angular.io/license
64591
+ */
64592
+ // Increasing integer for generating unique ids.
64593
+
64594
+
64595
+ let nextUniqueId = 0;
64596
+ /**
64597
+ * Directive that adds chip-specific behaviors to an input element inside `<mat-form-field>`.
64598
+ * May be placed inside or outside of an `<mat-chip-list>`.
64599
+ */
64600
+
64601
+ class MatChipInput {
64602
+ constructor(_elementRef, _defaultOptions) {
64603
+ this._elementRef = _elementRef;
64604
+ this._defaultOptions = _defaultOptions;
64605
+ /** Whether the control is focused. */
64606
+
64607
+ this.focused = false;
64608
+ this._addOnBlur = false;
64609
+ /**
64610
+ * The list of key codes that will trigger a chipEnd event.
64611
+ *
64612
+ * Defaults to `[ENTER]`.
64613
+ */
64614
+
64615
+ this.separatorKeyCodes = this._defaultOptions.separatorKeyCodes;
64616
+ /** Emitted when a chip is to be added. */
64617
+
64618
+ this.chipEnd = new _angular_core__WEBPACK_IMPORTED_MODULE_0__.EventEmitter();
64619
+ /** The input's placeholder text. */
64620
+
64621
+ this.placeholder = '';
64622
+ /** Unique id for the input. */
64623
+
64624
+ this.id = `mat-chip-list-input-${nextUniqueId++}`;
64625
+ this._disabled = false;
64626
+ this.inputElement = this._elementRef.nativeElement;
64627
+ }
64628
+ /** Register input for chip list */
64629
+
64630
+
64631
+ set chipList(value) {
64632
+ if (value) {
64633
+ this._chipList = value;
64634
+
64635
+ this._chipList.registerInput(this);
64636
+ }
64637
+ }
64638
+ /**
64639
+ * Whether or not the chipEnd event will be emitted when the input is blurred.
64640
+ */
64641
+
64642
+
64643
+ get addOnBlur() {
64644
+ return this._addOnBlur;
64645
+ }
64646
+
64647
+ set addOnBlur(value) {
64648
+ this._addOnBlur = (0,_angular_cdk_coercion__WEBPACK_IMPORTED_MODULE_3__.coerceBooleanProperty)(value);
64649
+ }
64650
+ /** Whether the input is disabled. */
64651
+
64652
+
64653
+ get disabled() {
64654
+ return this._disabled || this._chipList && this._chipList.disabled;
64655
+ }
64656
+
64657
+ set disabled(value) {
64658
+ this._disabled = (0,_angular_cdk_coercion__WEBPACK_IMPORTED_MODULE_3__.coerceBooleanProperty)(value);
64659
+ }
64660
+ /** Whether the input is empty. */
64661
+
64662
+
64663
+ get empty() {
64664
+ return !this.inputElement.value;
64665
+ }
64666
+
64667
+ ngOnChanges() {
64668
+ this._chipList.stateChanges.next();
64669
+ }
64670
+
64671
+ ngOnDestroy() {
64672
+ this.chipEnd.complete();
64673
+ }
64674
+
64675
+ ngAfterContentInit() {
64676
+ this._focusLastChipOnBackspace = this.empty;
64677
+ }
64678
+ /** Utility method to make host definition/tests more clear. */
64679
+
64680
+
64681
+ _keydown(event) {
64682
+ if (event) {
64683
+ // Allow the user's focus to escape when they're tabbing forward. Note that we don't
64684
+ // want to do this when going backwards, because focus should go back to the first chip.
64685
+ if (event.keyCode === _angular_cdk_keycodes__WEBPACK_IMPORTED_MODULE_4__.TAB && !(0,_angular_cdk_keycodes__WEBPACK_IMPORTED_MODULE_4__.hasModifierKey)(event, 'shiftKey')) {
64686
+ this._chipList._allowFocusEscape();
64687
+ } // To prevent the user from accidentally deleting chips when pressing BACKSPACE continuously,
64688
+ // We focus the last chip on backspace only after the user has released the backspace button,
64689
+ // and the input is empty (see behaviour in _keyup)
64690
+
64691
+
64692
+ if (event.keyCode === _angular_cdk_keycodes__WEBPACK_IMPORTED_MODULE_4__.BACKSPACE && this._focusLastChipOnBackspace) {
64693
+ this._chipList._keyManager.setLastItemActive();
64694
+
64695
+ event.preventDefault();
64696
+ return;
64697
+ } else {
64698
+ this._focusLastChipOnBackspace = false;
64699
+ }
64700
+ }
64701
+
64702
+ this._emitChipEnd(event);
64703
+ }
64704
+ /**
64705
+ * Pass events to the keyboard manager. Available here for tests.
64706
+ */
64707
+
64708
+
64709
+ _keyup(event) {
64710
+ // Allow user to move focus to chips next time he presses backspace
64711
+ if (!this._focusLastChipOnBackspace && event.keyCode === _angular_cdk_keycodes__WEBPACK_IMPORTED_MODULE_4__.BACKSPACE && this.empty) {
64712
+ this._focusLastChipOnBackspace = true;
64713
+ event.preventDefault();
64714
+ }
64715
+ }
64716
+ /** Checks to see if the blur should emit the (chipEnd) event. */
64717
+
64718
+
64719
+ _blur() {
64720
+ if (this.addOnBlur) {
64721
+ this._emitChipEnd();
64722
+ }
64723
+
64724
+ this.focused = false; // Blur the chip list if it is not focused
64725
+
64726
+ if (!this._chipList.focused) {
64727
+ this._chipList._blur();
64728
+ }
64729
+
64730
+ this._chipList.stateChanges.next();
64731
+ }
64732
+
64733
+ _focus() {
64734
+ this.focused = true;
64735
+ this._focusLastChipOnBackspace = this.empty;
64736
+
64737
+ this._chipList.stateChanges.next();
64738
+ }
64739
+ /** Checks to see if the (chipEnd) event needs to be emitted. */
64740
+
64741
+
64742
+ _emitChipEnd(event) {
64743
+ if (!this.inputElement.value && !!event) {
64744
+ this._chipList._keydown(event);
64745
+ }
64746
+
64747
+ if (!event || this._isSeparatorKey(event)) {
64748
+ this.chipEnd.emit({
64749
+ input: this.inputElement,
64750
+ value: this.inputElement.value,
64751
+ chipInput: this
64752
+ });
64753
+ event?.preventDefault();
64754
+ }
64755
+ }
64756
+
64757
+ _onInput() {
64758
+ // Let chip list know whenever the value changes.
64759
+ this._chipList.stateChanges.next();
64760
+ }
64761
+ /** Focuses the input. */
64762
+
64763
+
64764
+ focus(options) {
64765
+ this.inputElement.focus(options);
64766
+ }
64767
+ /** Clears the input */
64768
+
64769
+
64770
+ clear() {
64771
+ this.inputElement.value = '';
64772
+ this._focusLastChipOnBackspace = true;
64773
+ }
64774
+ /** Checks whether a keycode is one of the configured separators. */
64775
+
64776
+
64777
+ _isSeparatorKey(event) {
64778
+ return !(0,_angular_cdk_keycodes__WEBPACK_IMPORTED_MODULE_4__.hasModifierKey)(event) && new Set(this.separatorKeyCodes).has(event.keyCode);
64779
+ }
64780
+
64781
+ }
64782
+
64783
+ MatChipInput.ɵfac = function MatChipInput_Factory(t) {
64784
+ return new (t || MatChipInput)(_angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵdirectiveInject"](_angular_core__WEBPACK_IMPORTED_MODULE_0__.ElementRef), _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵdirectiveInject"](MAT_CHIPS_DEFAULT_OPTIONS));
64785
+ };
64786
+
64787
+ MatChipInput.ɵdir = /* @__PURE__ */_angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵdefineDirective"]({
64788
+ type: MatChipInput,
64789
+ selectors: [["input", "matChipInputFor", ""]],
64790
+ hostAttrs: [1, "mat-chip-input", "mat-input-element"],
64791
+ hostVars: 5,
64792
+ hostBindings: function MatChipInput_HostBindings(rf, ctx) {
64793
+ if (rf & 1) {
64794
+ _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵlistener"]("keydown", function MatChipInput_keydown_HostBindingHandler($event) {
64795
+ return ctx._keydown($event);
64796
+ })("keyup", function MatChipInput_keyup_HostBindingHandler($event) {
64797
+ return ctx._keyup($event);
64798
+ })("blur", function MatChipInput_blur_HostBindingHandler() {
64799
+ return ctx._blur();
64800
+ })("focus", function MatChipInput_focus_HostBindingHandler() {
64801
+ return ctx._focus();
64802
+ })("input", function MatChipInput_input_HostBindingHandler() {
64803
+ return ctx._onInput();
64804
+ });
64805
+ }
64806
+
64807
+ if (rf & 2) {
64808
+ _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵhostProperty"]("id", ctx.id);
64809
+ _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵattribute"]("disabled", ctx.disabled || null)("placeholder", ctx.placeholder || null)("aria-invalid", ctx._chipList && ctx._chipList.ngControl ? ctx._chipList.ngControl.invalid : null)("aria-required", ctx._chipList && ctx._chipList.required || null);
64810
+ }
64811
+ },
64812
+ inputs: {
64813
+ chipList: ["matChipInputFor", "chipList"],
64814
+ addOnBlur: ["matChipInputAddOnBlur", "addOnBlur"],
64815
+ separatorKeyCodes: ["matChipInputSeparatorKeyCodes", "separatorKeyCodes"],
64816
+ placeholder: "placeholder",
64817
+ id: "id",
64818
+ disabled: "disabled"
64819
+ },
64820
+ outputs: {
64821
+ chipEnd: "matChipInputTokenEnd"
64822
+ },
64823
+ exportAs: ["matChipInput", "matChipInputFor"],
64824
+ features: [_angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵNgOnChangesFeature"]]
64825
+ });
64826
+
64827
+ (function () {
64828
+ (typeof ngDevMode === "undefined" || ngDevMode) && _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵsetClassMetadata"](MatChipInput, [{
64829
+ type: _angular_core__WEBPACK_IMPORTED_MODULE_0__.Directive,
64830
+ args: [{
64831
+ selector: 'input[matChipInputFor]',
64832
+ exportAs: 'matChipInput, matChipInputFor',
64833
+ host: {
64834
+ 'class': 'mat-chip-input mat-input-element',
64835
+ '(keydown)': '_keydown($event)',
64836
+ '(keyup)': '_keyup($event)',
64837
+ '(blur)': '_blur()',
64838
+ '(focus)': '_focus()',
64839
+ '(input)': '_onInput()',
64840
+ '[id]': 'id',
64841
+ '[attr.disabled]': 'disabled || null',
64842
+ '[attr.placeholder]': 'placeholder || null',
64843
+ '[attr.aria-invalid]': '_chipList && _chipList.ngControl ? _chipList.ngControl.invalid : null',
64844
+ '[attr.aria-required]': '_chipList && _chipList.required || null'
64845
+ }
64846
+ }]
64847
+ }], function () {
64848
+ return [{
64849
+ type: _angular_core__WEBPACK_IMPORTED_MODULE_0__.ElementRef
64850
+ }, {
64851
+ type: undefined,
64852
+ decorators: [{
64853
+ type: _angular_core__WEBPACK_IMPORTED_MODULE_0__.Inject,
64854
+ args: [MAT_CHIPS_DEFAULT_OPTIONS]
64855
+ }]
64856
+ }];
64857
+ }, {
64858
+ chipList: [{
64859
+ type: _angular_core__WEBPACK_IMPORTED_MODULE_0__.Input,
64860
+ args: ['matChipInputFor']
64861
+ }],
64862
+ addOnBlur: [{
64863
+ type: _angular_core__WEBPACK_IMPORTED_MODULE_0__.Input,
64864
+ args: ['matChipInputAddOnBlur']
64865
+ }],
64866
+ separatorKeyCodes: [{
64867
+ type: _angular_core__WEBPACK_IMPORTED_MODULE_0__.Input,
64868
+ args: ['matChipInputSeparatorKeyCodes']
64869
+ }],
64870
+ chipEnd: [{
64871
+ type: _angular_core__WEBPACK_IMPORTED_MODULE_0__.Output,
64872
+ args: ['matChipInputTokenEnd']
64873
+ }],
64874
+ placeholder: [{
64875
+ type: _angular_core__WEBPACK_IMPORTED_MODULE_0__.Input
64876
+ }],
64877
+ id: [{
64878
+ type: _angular_core__WEBPACK_IMPORTED_MODULE_0__.Input
64879
+ }],
64880
+ disabled: [{
64881
+ type: _angular_core__WEBPACK_IMPORTED_MODULE_0__.Input
64882
+ }]
64883
+ });
64884
+ })();
64885
+ /**
64886
+ * @license
64887
+ * Copyright Google LLC All Rights Reserved.
64888
+ *
64889
+ * Use of this source code is governed by an MIT-style license that can be
64890
+ * found in the LICENSE file at https://angular.io/license
64891
+ */
64892
+
64893
+
64894
+ const CHIP_DECLARATIONS = [MatChipList, MatChip, MatChipInput, MatChipRemove, MatChipAvatar, MatChipTrailingIcon];
64895
+
64896
+ class MatChipsModule {}
64897
+
64898
+ MatChipsModule.ɵfac = function MatChipsModule_Factory(t) {
64899
+ return new (t || MatChipsModule)();
64900
+ };
64901
+
64902
+ MatChipsModule.ɵmod = /* @__PURE__ */_angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵdefineNgModule"]({
64903
+ type: MatChipsModule
64904
+ });
64905
+ MatChipsModule.ɵinj = /* @__PURE__ */_angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵdefineInjector"]({
64906
+ providers: [_angular_material_core__WEBPACK_IMPORTED_MODULE_1__.ErrorStateMatcher, {
64907
+ provide: MAT_CHIPS_DEFAULT_OPTIONS,
64908
+ useValue: {
64909
+ separatorKeyCodes: [_angular_cdk_keycodes__WEBPACK_IMPORTED_MODULE_4__.ENTER]
64910
+ }
64911
+ }],
64912
+ imports: [_angular_material_core__WEBPACK_IMPORTED_MODULE_1__.MatCommonModule]
64913
+ });
64914
+
64915
+ (function () {
64916
+ (typeof ngDevMode === "undefined" || ngDevMode) && _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵsetClassMetadata"](MatChipsModule, [{
64917
+ type: _angular_core__WEBPACK_IMPORTED_MODULE_0__.NgModule,
64918
+ args: [{
64919
+ imports: [_angular_material_core__WEBPACK_IMPORTED_MODULE_1__.MatCommonModule],
64920
+ exports: CHIP_DECLARATIONS,
64921
+ declarations: CHIP_DECLARATIONS,
64922
+ providers: [_angular_material_core__WEBPACK_IMPORTED_MODULE_1__.ErrorStateMatcher, {
64923
+ provide: MAT_CHIPS_DEFAULT_OPTIONS,
64924
+ useValue: {
64925
+ separatorKeyCodes: [_angular_cdk_keycodes__WEBPACK_IMPORTED_MODULE_4__.ENTER]
64926
+ }
64927
+ }]
64928
+ }]
64929
+ }], null, null);
64930
+ })();
64931
+ /**
64932
+ * @license
64933
+ * Copyright Google LLC All Rights Reserved.
64934
+ *
64935
+ * Use of this source code is governed by an MIT-style license that can be
64936
+ * found in the LICENSE file at https://angular.io/license
64937
+ */
64938
+
64939
+ /**
64940
+ * @license
64941
+ * Copyright Google LLC All Rights Reserved.
64942
+ *
64943
+ * Use of this source code is governed by an MIT-style license that can be
64944
+ * found in the LICENSE file at https://angular.io/license
64945
+ */
64946
+
64947
+ /**
64948
+ * Generated bundle index. Do not edit.
64949
+ */
64950
+
64951
+
64952
+
64953
+
62769
64954
  /***/ }),
62770
64955
 
62771
64956
  /***/ 9121: